/*
	[Destoon B2B System] Copyright (c) 2009 Destoon.COM
	This is NOT a freeware, use is subject to license.txt
*/
/* global */
* {word-break:break-all;font-family:Verdana,Arial;}
body {
font-family:'微软雅黑';
	font-size:14px;
	margin:0
}
h1,h2,h3,h4,h5,h6,p,dd{margin:0;padding:0}
.hg60{height:60px}.hg30{height:30px}.hg120{height:120px}
hr{border-top: 1px solid rgba(0,0,0,.1);}
input,select,textarea {font-size:14px;padding:4px}
img {border:none;}
li {list-style-type:none;}
ul,form {margin:0px;padding:0px;}
a:link,a:visited,a:active {color:#333333;text-decoration: none}
a:hover {color:#306fd3;text-decoration:none;}
.hg10{height:10px}
.hg20{height:20px}
.fl{float:left}
.fr{float:right}
.pad20{padding-right:20px}
.martop20{margin-top:20px}
.paddown20{padding-bottom:20px}
.paddown10{padding-bottom:10px}
.paddown15{padding-bottom:15px}
.clear{clear:both}
.overflow{overflow:hidden}
/* links */
a.w:link,a.w:visited,a.w:active{text-decoration:none;color:#FFFFFF;}
a.w:hover{text-decoration:underline;}
a.t:link,a.t:visited,a.t:active{text-decoration:none;color:#006699;}
a.t:hover{text-decoration:underline;}
a.b:link,a.b:visited,a.b:active {color:#014CCC;text-decoration:none;}
a.b:hover {color:#FF6600;}
/* common */
.m {width:1200px;margin:auto;}
.notice{height:60px;background:#C1C1C1;margin-bottom:6px;padding:10px 0 0 100px;color:#000000;}
.notice p{line-height:17px;background:url(wan_1.gif) no-repeat;padding-left:60px;}
.notice p span{color:#fd0101;}
.notice p span a{color:#fd0101;text-decoration:none;}
.notice p span a:hover,.notice p span a:active{color:#000;text-decoration:none;}
.top {height:30px;line-height:30px;color:#000000;background:#FFFFFF;}
#top a {color:#000000;text-decoration:none;margin:5px 0 0 10px;}

.head {height:100px;}
.head div {float:left;animation: fadeInRight 2s;}
.head .logo {padding:20px 10px 0 0px;overflow:hidden;animation: fadeInLeft 2s;}
@keyframes fadeInLeft{
        0% {
            opacity: 0;
            transform: translate3d(-100%,0,0);
        }
         
        100% {
            opacity: 1;
            transform: translate3d(0,0,0);
        }
    }
@keyframes fadeInRight{
        0% {
            opacity: 0;
            transform: translate3d(100%,0,0);
        }
         
        100% {
            opacity: 1;
            transform: translate3d(0,0,0);
        }
    }
.head h1 {font-size:30px;margin:20px 0 5px 10px;color:#000000;}
.head h4 {font-size:13px;margin:0 0 0 10px;color:#000000;width:400px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.phone span{ font-size:18px; font-weight:bold; background:url('400.gif') no-repeat scroll 0 -16px; display:block; padding-bottom:3px; padding-left:83px; color:red; line-height:44px;}
.qq_ali{ float:right}
#menu a {text-decoration:none;}
.menu {background:#252728;height:50px;font-size:16px;width:1200px;margin: 0 auto 10px}
.menu span {color:white;}
.menu_li {float:left;line-height:50px;padding:0 20px 0 20px;}
.menu_on {float:left;line-height:50px;background:#252728;padding: 0 20px 0 20px}
.menu_on span {color:white;}

.side_head {border-bottom:none;background-color: #f6f6f6;}
.side_head div {width:240px;padding:10px 15px;font-size:16px;height:30px;line-height:30px;overflow:hidden;letter-spacing:1px;color:#000000;border-top-left-radius: 5px;
    border-top-right-radius: 5px}
.side_body,.side_lx {border:#efefef 1px solid;border-top:none;background:#FFFFFF;padding:10px;margin:0 0 10px;border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
/*.side_body li {background:url('icon_arrow.gif') no-repeat 5px 7px;padding:0 0 0 20px;height:26px;line-height:26px;overflow:hidden;}*/
.side_body li {line-height:22px;overflow:hidden;margin-bottom:5px}
.side_lx li{ list-style:none; line-height:30px; overflow:hidden}
.side_lx li span{ color:#1b4c7a}
.side_body .cat2 {padding:0 0 0 20px;height:26px;line-height:26px;overflow:hidden;}
.side_body .side-title{width: 220px;text-overflow: ellipsis;white-space: nowrap;line-height:26px}

.main_head {border-bottom:none;background-color: #f6f6f6;border-top-left-radius: 5px;border-top-right-radius: 5px}
.main_head div {padding:10px 15px;font-size:16px;height:30px;line-height:30px;overflow:hidden;letter-spacing:1px;}
.main_body {border: #efefef 1px solid;border-top: none;background: #FFFFFF;padding: 10px;margin: 0 0 10px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;overflow: hidden;}

.title {text-align:center;font-size:18px;font-weight:bold;color:#333;line-height:40px;}
.info {margin:10px 0 0;line-height:25px;text-align:center;}
.content {font-size:13px;line-height:180%;padding:10px;}
.content p {margin:0 0 15px 0;}
.foot {text-align:center;padding:20px 0 20px 0;line-height:28px;background:url('foot.jpg') repeat-x;}
.pos {padding:5px 15px 5px 25px;background:url('../../image/homepage.gif') no-repeat 5px 3px;}
.inp {border:#efefef 1px solid;padding:2px;color:#666666;}
.sbm {border:#efefef 1px solid;color:#333333;background:#fff;height:32px;border-radius:5px}
/* sign */
.sign {z-index:1000;position:absolute;width:180px;height:50px;background:url('../../image/vip_bg.gif') no-repeat;right:0;top:-15px}
.sign div {padding:23px 0 0 73px;}
.sign strong {font-size:18px;color:red;}
.sign span {font-size:18px;color:red;font-weight:bold;padding:0 0 0 20px;}
/* thumb */
.thumb {padding:10px;border-radius: 5px;border: 1px solid #ddd;transition: all 0.3s;}
.thumb:hover{box-shadow: 0 0 5px 5px #dddddd8a;transform: translate3d(2px,2px,0);}
.thumb:hover a{color:#036fd3}
.thumb img {border:0;object-fit: cover;padding:0}
.thumb div {width:95%;height:40px;overflow:hidden;line-height:20px;font-size:14px;margin:6px 0 6px 0;text-align:left}
.thumb p {font-size:10px;color:#888888;margin:2px;}
.thumb_on {background:#F1F1F1;border:#999999 1px dotted;}

/*main-video*/
.main-video li{width: 31.33%;margin:1%;float:left;}
.main-video .video_img {position: relative;height: 140px;}
.main-video .video_img::before,.main-video .video_img::after {position: absolute; content: ''; opacity: 0;transition: all .3s linear;}
.main-video .video_img::before{background: rgba(0, 0, 0, 0.6);width: 100%;height: 100%;top: 0;left: 0;border-radius: 5px;}
.main-video .video_img::after{left: 50%;top: 50%;background:url("play-btn.png") center center no-repeat;;width: 50px;height: 50px;transform: translate(-50%, -50%) scale(1.5);background-size:100%}
.main-video li:hover .video_img::after {opacity:1;transform: translate(-50%, -50%) scale(1);}
.main-video li:hover .video_img::before{opacity:1}
.main-video .video_img img{width: 100%;height: 100%;border-radius: 5px;object-fit: cover}
.main-video .video_title{font-size: 14px;padding:5px 0 0;font-weight: 700;color:#333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main-video .video_hits{font-size: 12px;color: #666;font-style: oblique;}

/*main-photo*/
.main-photo li{width: 31.33%;margin:1%;float: left;position: relative;}
.main-photo li:hover .photo_box_tit{opacity: 1; transition: all 0.3s;height: 30px;}
.main-photo .photo_img{width: 100%;height: 200px;}
.main-photo .photo_img img{width: 100%;height: 100%;border-radius: 5px;border:1px solid #efefef}
.main-photo .photo_box_tit{opacity: 0; position: absolute;bottom: 0px;left: 0; height: 0px;line-height: 30px;color: #fff;background: rgba(0, 0, 0, 0.6);width:100%;border-radius: 0 0 5px 5px}
.main-photo .photo_title{width: 80%; font-size: 13px;padding-left:2%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main-photo .photo_hits{width:18%; font-size: 12px;font-style: oblique;text-align: center;}

/*main-down*/
.main-down-list li{height: 40px;line-height: 40px;font-size: 14px; padding: 0 10px;position:relative}
.main-down-list li:before {content: "";position: absolute;width: 5px;height: 5px;background: #333;top: 50%;left: 0;border-radius: 50%;transform: translateY(-50%);}
.main-down-list li span{display:inline-block;font-family: "微软雅黑"}
.main-down-list li span:last-child{color:#666;font-size:13px;font-style: oblique;}
.down-label{margin-top:10px}
.down-label li{float:left;width:33%;height:30px;line-height: 30px;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align:center;border: 1px solid #efefef}
.down-label li img{transform: translateY(5px);height: 20px}

.bg:nth-child(odd){background:#eee}
.tab-sell{display:flex}
.tab-sell li{padding:20px;}
.sell-on{background:#029edc;}.sell-on a{color:#fff}

.box-sell{display:none}
.box-sell.show{display:block}
.mall_sell li {background: #fff;margin:1% 1% 0 0;box-sizing: border-box;padding: 20px;width:24%}
.mall_sell{ display: flex;flex-wrap: wrap;}
.mall_sell li img{display: block;margin-bottom: 5px;width: 160px;height: 160px;object-fit: cover;margin:0 auto}
.mall_sell .main_mall_col{padding-top: 10px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.m1{width:1200px;margin:0 auto;}
/*.home-about-bg{background:url("/company/skin/style-cngbs/rail.png");height:500px;background-attachment: fixed;position:relative;}
.home-about-cont{position: absolute;background: rgba(255,255,255,0.85);font-size: 16px;width: 700px;line-height: 24px;padding: 20px;top: 80px;left: 80px;}
*/


/* album */
.album {width:285px;cursor:pointer;}
.album div {padding:5px;border:#CCCCCC 1px solid;background:#F3F3F3;}
.album div span {display:block;width:200px;height:175px;overflow:hidden;text-align:center;vertical-align:middle;}
.ab_im {padding:2px;margin:0 0 5px 0;border:#C0C0C0 1px solid;}
.ab_on {padding:2px;margin:0 0 5px 0;background:#FF6600;}
#imgshow {z-index:1000;position:absolute;background:#FFFFFF;border:#666666 1px solid;padding:5px;}
/* pages */
.pages {padding:10px 0 10px 0;text-align:center;font-size:12px;color:#666666;}
.pages a:link,.pages a:visited,.pages a:active  {color: #333;
    background: #FFFFFF;
    border: #efefef 1px solid;
    padding: 8px;
    border-radius: 5px;
    font-size: 13px;
    text-decoration: none;}
.pages a:hover {border:#306fd3 1px solid;}
.pages label {border: #efefef 1px solid;padding: 8px;border-radius: 5px;color:#333}
.pages span {color:red;font-weight:bold;}
.pages_inp {border: #efefef 1px solid;padding: 8px;border-radius: 5px;}
.pages_btn {width: 50px;
    background: #fff;
    border: #efefef 1px solid;
    color: #333;
    font-weight: bold;
    font-size: 11px;
    height: 35px;
	border-radius: 5px}
/* basic */
.f_l {float:left;}
.f_r {float:right;}
.t_r {text-align:right;}
.t_c {text-align:center;}
.f_b {font-weight:bold;}
.f_n {font-weight:normal;}
.f_white {color:white;}
.f_gray {color:#666666;}
.f_orange {color:#FF6600;}
.f_red {color:red;}
.f_green {color:green;}
.f_blue {color:blue;}
.f_dblue {color:#1B4C7A;}
.px10 {font-size:10px;}
.px11 {font-size:11px;}
.px12 {font-size:12px;}
.px13 {font-size:13px;}
.px14 {font-size:14px;}
.lh18 {line-height:180%;}
.b10 {font-size:1px;height:10px;}
.pd10 {padding:10px;}
.pd10 img{display:none}
.c_b{clear:both;}
.dsn {display:none;}
.c_p {cursor:pointer;}
.head11_search {height: 36px;border:1px solid #0084ff;margin-top:0px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;overflow:hidden;}
.f_l1 {float: left;}
.qy_search {margin:18px 0 0 90px;}
.search_s_1 {width: 68px;height: 36px;border: none;background-color:#0084ff;color:#ffffff;font-family: "Microsoft YaHei" !important;margin:0;padding:0;margin-bottom:1px;float:left;}
.search_s_2 {width: 68px;height: 36px;border: none;background-color:#333333;color:#ffffff;font-family: "Microsoft YaHei" !important;margin:0;padding:0;margin-bottom:1px;display:block;float:left;}
.search1_i {width: 356px;font-size: 13px;height:28px;line-height: 28px;color: #666666;border: none;display:block;float:left;}

.head1_search {width: 530px;height: 62px;background: url('qy_s_bg.png') no-repeat 0 24px;margin-top: 6px;}
.head_search_on span {
    display: block;
    background: url('qy_s_bg.png') no-repeat right -38px;
    color: #FFFFFF;
    padding-right: 15px;
}
.head_search_on {
    background: url('qy_s_bg.png') no-repeat 0 -38px;
    font-weight: bold;
    margin-bottom: -1px;
    margin-right: -15px;
}

/*sell*/
.main_mall li{width:23%;padding:1%;float:left}
.main_mall li a{display: block;padding: 10px 15px;border: 1px solid #efefef;border-radius: 5px;transition: all 0.3s;}
.main_mall li a:hover{box-shadow: 0 0 5px 5px #dddddd8a;transform: translate3d(2px,2px,0);}
.main_mall li img{display: block;margin-bottom: 5px;width: 160px;height: 160px;object-fit: cover;margin:0 auto}
.main_mall .main_mall_col{height:40px;overflow: hidden;line-height:20px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/*修改comment*/
.banner{margin-top:88px}
.pos{display:none}

/* 侧边悬浮导航 */
.right_nav{ right:0; bottom:100px; position:fixed; text-align:left;overflow: hidden;z-index:999;}
.right_nav li{background:rgba(0,0,0,0.9);margin:4px 0;padding: 10px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;cursor:pointer;position:relative; right: -70px;}
.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between;background: none}
.right_nav li img{width: 30px;height:30px;}
.right_nav li h4{color: #fff;font-size:14px;margin:2px 0;margin-left: 15px;}
.right_nav li:hover{background:#cf1322}
.right_nav li .hideBox{display: none;position: absolute;right:120px;padding:10px;padding-right: 15px; top:-10px;z-index: 999;}
.right_nav li .hideBox .hb{border: 1px solid #efefef;background-color: #fff; padding: 10px 20px;border-radius:5px;text-align:center;width:200px}
.right_nav li .hideBox .hb h5{padding: 5px 0;font-size: 16px;font-weight: bold;white-space: nowrap;margin:0;color:#666}
.right_nav li .hideBox .hb p {margin:0;font-size: 14px;color:#666}
.right_nav li .hideBox .hb .qqtalk{margin-top: 10px;}
.right_nav li .hideBox .hb .qqtalk a{display: flex;align-items: center}
.right_nav li .hideBox .hb .qqtalk img{width: 25px;height:25px;}
.right_nav li .hideBox .hb .qqtalk p{font-size: 14px;font-weight: 400;white-space: nowrap;margin-top: -5px;margin-left: 5px;}
.right_nav li:nth-child(1) .hideBox img{width:90px;height: 90px;margin-top: 10px;}

/*footer*/
.wid100{background:#f4f4f4;width:100%}
.foot-me{padding:10px 0 30px 0;overflow:hidden;color:#fff}
.foot-about{width:700px;padding-top:20px;font-size:14px}
.foot-about p{line-height:26px;height:26px;margin-bottom:5px}
.foot-about p b{font-size:18px}
.foot-hits{font-size:12px;color:666}
.foot-wx{margin-top:10px}
.foot-wx img{width:120px}
.foot-wx p:first-child{margin-right:20px}
.foot-wx span{display:block;font-size:12px;color:#999;text-align:center}
.fot100{background:#454d5a}
.foot-tab{display:flex}
.foot-tab dl{flex:1;}
.foot-tab dl dt{font-size: 16px;box-sizing: border-box;padding-bottom:15px}
.foot-tab dl dd{font-size:14px;padding-bottom:10px}
.foot-tab dl a{color:#fff}