@charset "utf-8";
/*
[Destoon B2B System] Copyright (c) 2008-2015 www.destoon.com
*/
.home_title h3 { font-weight:bold; }
.home_title span { display:block; float:right; font-size:16px;}
.home_title b { display:block; float:left; font-weight:normal;    font-size: 24px; }
.home_title b i { font-size:14px; color:#888;text-transform:Uppercase;}
.nav_cat{position:relative;width:200px; float:left; margin-right:10px; }
#navxh .category_new{display:none}
.nav-classify{color:#fff; background:#42B711;}
.nav-classify .icon-classify{background:url(img/index-icon.png) no-repeat right -125px; margin:13px 8px 0 15px; float:left}
.nav-classify a.fff{color:#ffffff;font-weight: 700;font-size:16px}
.category_new{width:198px;float:left;position:absolute;z-index:5;background:#fff;border:1px solid #e5e5e5;/* border-top:none; */box-shadow: 0 2px 8px rgba(50,50,50,.03);height: 480px;padding-top:10px;}
.cate-item{height:34px; width:100%}
.cate-con{position:relative; padding:4px 0 5px 15px; height:25px; line-height:25px; cursor:pointer}
.cate-con a{color:#404040; font-size:14px}
.cate-more{display:none;position:absolute;top: -1px;left:198px;width: 726px;height: 490px;padding-left:20px;background:#fff;border:1px solid #e5e5e5;z-index:20;}
.cm-left{width: 462px;float:left;height:100%;}
.cm-right{width:263px; height:100%; float:left; background:#f2f2f2; border-left:1px solid #e5e5e5}
.cm-head{padding-top:15px; height:42px; line-height:42px; font-weight:700; font-size:16px; border-bottom:1px solid #e5e5e5}
.cm-head a{color:#404040}
.cm-head a.cm-more{font-size:12px; font-weight:normal; float:right; padding-right:15px; color:#42B711}
.cm-row{width:430px;/* float:left; */padding:11px 0 12px 11px;position:relative;border-bottom:1px dashed #e5e5e5;}
.cm-row-img{width:430px;padding:11px 0 12px 11px;position:relative;}
.cm-name{position:absolute; left:0; width:75px; padding-right:29px; top:12px; color:#666; font-size:14px; font-weight:700; text-align:right; line-height:26px}
.cm-list li{float:left;height:35px;line-height:35px;width: 140px;display:inline-block;overflow:visible;white-space:nowrap;}
.cm-list a{font-size:13px; color:#666666}
.cm-list a:hover{color:#42B711}
.cm-list a.hot{color:#42B711; font-size:15px; font-weight:700;}
.cm-list{overflow:hidden;}
.cm-list-img li{float:left;height: 100px;width: 180px;display:inline-block;overflow:visible;white-space:nowrap;text-align: center;padding: 10px 15px 10px 15px;/* border: 1px solid #f5f5f5; */margin-bottom: 15px;margin-right: 15px;}
.cm-list-img li.dd{margin-right: 0}
.cm-list-img li strong{height:30px;line-height:30px}
.cm-list-img li .logo{width:180px;height: 80px; margin-bottom: 8px;border: 1px solid #f5f5f5;overflow:hidden}
.cm-list-img li:hover .logo{border: 1px solid #42B711;}
.cm-list-img li:hover a{color:#42B711}
.cm-list-img li .logo img{width:180px;height: 80px;}
.cm-list-img li:hover img {transform: scale(1.3);transition: all 1s ease 0s;-webkit-transform: scale(1.3);-webkit-transform: all 1s ease 0s;}
.cm-list-img a{font-size:13px; color:#666666}
.cm-list-img a:hover{color:#42B711}
.cm-list-img a.hot{color:#42B711; font-size:15px; font-weight:700;}
.cm-list-img{overflow:hidden;margin-left: -10px;}
.cm-row:nth-child(4n){border:none}
.cm-cpy{width:225px; padding:28px 20px 0;}
.cm-cpy h2{font-size:16px;font-weight:700;height:18px;line-height:18px;white-space: nowrap;-webkit-text-overflow: ellipsis;-moz-text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;}
.cm-cpy h2 a{color:#404040}
.cm-cpy h2 a:hover {color: #42B711;}
.cm-tag{padding-top:5px; font-size:13px; height:110px; overflow:hidden;}
.cm-tag a{float:left; display:block; height:24px; line-height:24px; border:1px solid #e5e5e5; text-align:center; padding:0 12px; margin-right:8px; *+margin-right:10px; margin-top:10px; *+margin-top:0px; color:#666; background:#fff;}
.cm-tag a:hover{background:#42B711; color:#fff; border-color:#42B711}
.cate-item:hover .cate-con{background: #f5f5f5;}
.cate-item:hover .cate-con a{color:#42B711}
.cate-item:hover .icon{-webkit-transition: all .3s ease; transition: all .3s ease;}
.icon-1{background-position:0 0px}
.cate-item:hover .icon-1{background-position:0px -28px}
.icon-2{background-position:0 -52px}
.cate-item:hover .icon-2{background-position:0px -80px}
.icon-3{background-position:0 -104px}
.cate-item:hover .icon-3{background-position:0px -132px}
.icon-4{background-position:0 -158px}
.cate-item:hover .icon-4{background-position:0px -186px}
.icon-5{background-position:0 -212px}
.cate-item:hover .icon-5{background-position:0px -240px}
.icon-6{background-position:0 -265px}
.cate-item:hover .icon-6{background-position:0px -293px}
.icon-7{background-position:0 -319px}
.cate-item:hover .icon-7{background-position:0px -347px}
.icon-8{background-position:0 -376px}
.cate-item:hover .icon-8{background-position:0px -404px}
.icon-9{background-position:0 -431px}
.cate-item:hover .icon-9{background-position:0px -459px}
.icon-10{background-position:0 -488px}
.cate-item:hover .icon-10{background-position:0px -516px}
.icon-11{background-position:0 -544px}
.cate-item:hover .icon-11{background-position:0px -572px}
.icon-12{background-position:0 -600px}
.cate-item:hover .icon-12{background-position:0px -628px}
.icon-13{background-position:0 -655px}
.cate-item:hover .icon-13{background-position:0px -683px}
.icon-14{background-position:0 -710px}
.cate-item:hover .icon-14{background-position:0px -738px}
.cm-head .icon{margin-top:12px; width:18px; height:18px}
.cate-item:hover .cm-head .icon{-webkit-transform:rotate(0deg); transform:rotate(0deg)}
.icon-v1{background-position:right -28px}
.icon-v2{background-position:right -80px}
.icon-v3{background-position:right -132px}
.icon-v4{background-position:right -186px}
.icon-v5{background-position:right -240px}
.icon-v6{background-position:right -293px}
.icon-v7{background-position:right -347px}
.icon-v8{background-position:right -404px}
.icon-v9{background-position:right -459px}
.icon-v10{background-position:right -516px}
.icon-v11{background-position:right -572px}
.icon-v12{background-position:right -628px}
.icon-v13{background-position:right -683px}
.icon-v14{background-position:right -738px}
.icon_s{display:block; float:right; margin-right:5px; margin-top:5px; width:18px; height:18px; background:url(img/index-icon.png) no-repeat; -webkit-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:-webkit-transform .9s; transition:-webkit-transform .9s; transition:transform .9s; transition:transform .9s,-webkit-transform .9s}
.arrow{background-position:left -18px;display:none}
.cate-item:hover .cate-con .arrow{display:block}
/*幻灯*/
.banner{width:735px; float:left; margin:0px 10px 0; height:491px; overflow:hidden; background:#fff;    margin-left: 210px;}
/*幻灯下的滚动产品*/
.bn-img{width:100%; height:235px; border:1px solid #e5e5e5; border-top:none; position:relative;overflow: hidden;}
.bn-img li{float:left;margin-left:-1px;border-left:1px solid #e5e5e5;width:160px;height: 199px;padding:0 2px;overflow:hidden;text-align:center;padding:8px 2px 0 2px;}
.bn-img a{display:block; webkit-transition:all ease .5s; -moz-transition:all ease .5s; -ms-transition:all ease .5s; transition:all ease .5s}
.bn-img a:hover{-webkit-transform:translateY(-8px); -moz-transform:translateY(-8px); -ms-transform:translateY(-8px); transform:translateY(-8px); webkit-transition:all ease .5s; -moz-transition:all ease .5s; -ms-transition:all ease .5s; transition:all ease .5s}
.bn-img a img{width:110px; height:155px;text-align:center;}
.bn-img li p{text-align:center;height:30px;line-height:30px}
.bni-list{position:relative; z-index:2;}
.prev2,.next2{position:absolute;cursor:pointer;width:25px;height:50px;top:65px;z-index:10;background:rgba(0,0,0,0.5);display: none;}
.bni-list:hover .prev2,.bni-list:hover .next2{display:block}
.prev2 i,.next2 i{background:url(img/index-icon.png) no-repeat; width:32px; height:32px; display:block; overflow:hidden; margin:10px 0 0 5px;}
.bni-list .prev2{left:0;}
.bni-list .prev2 i{background-position:0 -145px;}
.bni-list .next2 i{background-position:0 -178px;}
.bni-list .next2{right:0}
.bni-list ul{width:9999px}
.userbar{width:243px; float:left; margin-top:0px; height:489px; background:#fff; border:1px solid #e5e5e5; overflow:hidden;/*border-top: 1px solid #42B711;*/}
.xub,.xub-news{padding: 20px 12px 0;overflow:hidden;}
.xub-news{padding-top: 6px;border-top: 1px solid #e6e6e6;min-height: 88px;}
.xub-img{float:left;margin-right:10px;width:48px;height:48px;background:url(img/index-icon.png) no-repeat -38px -150px;overflow:hidden;border-radius: 50px;border: 1px solid #e6e6e6;padding: 3px;vertical-align: middle;text-align: center;}
.xub-img img{width:100%;height:100%;border-radius:50%;text-align: center;vertical-align: middle;}
.xub-name{font-size: 16px;color:#404040;line-height: 25px;padding-top: 3px;}
.xub-greet{color:#999;font-size:12px;padding-top: 3px;}
.xub-greet .mlr {margin: 0 3px;}
.nav_top i, .charts_box i, .xub-greet i {background: url(img/ioc.png) no-repeat;}
.xub-greet i {display: block;width: 14px;height: 13px;background-position: -34px -35px;float: left;margin: 2px 3px 0 0;}
.xub-register{margin-top:5px; }
.xub-register a{display:block; border-right:1px solid #e5e5e5; color:#404040}
.xub-register .member_ul li a.a {background: #42B711;border: 1px solid #42B711;color: #fff;}
.xub-register a:hover{color:#42B711}
.xub-login{margin-top: 5px;}
.member_ul{padding: 10px 20px 5px 20px;}
.member_ul li{height: 37px; margin-bottom: 10px;}
.member_ul li a:hover{background: #42B711; border: 1px solid #42B711; color: #fff;}
.member_ul li a{display: block; height: 35px; border: 1px solid #e6e6e6; background: #fafafa; line-height: 35px; text-align: center; font-size: 14px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;}
.xub-tab{height:28px;line-height:28px;font-size: 12px;padding: 0 5px 0 5px;}
.xub-tab li{float:left;cursor:pointer;width: 25%;text-align: center;}
.xub-tab li.hover,.xubt-list li a:hover,.txt-scroll a:hover,.txt-hot a:hover,.mrt-key li a:hover,.mrtb-a a:hover,.mrb-tit a:hover{color:#42B711}
.xub-tab li.hover span{display:block; border-bottom:1px solid #42B711}
.xubt-list{padding:10px 0 0}
.xubt-list li{line-height: 25px;height: 25px;font-size: 12px;}
.xubt-list li a{display:block; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.companylevelli{width: 100%;padding:0 20px}
/*本站服务*/
.xub-server{margin-top: 10px;}
.xubs-tit{height:34px;line-height:34px;padding: 0 5px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#fafafa;font-size: 14px;}
.xubs-tits{width: 66px;}

.xub-server .fwio:hover span{-webkit-transform:translateY(-5px); -moz-transform:translateY(-5px); -ms-transform:translateY(-5px); transform:translateY(-5px); webkit-transition:all ease .5s; -moz-transition:all ease .5s; -ms-transition:all ease .5s; transition:all ease .5s}
.icon-redbar,.st_icon{display:block; float:left; margin: 10px 5px 0 0; width:3px; height: 16px; background:#42B711;}
.box_head .st_icon{margin-top:12px;height: 18px;}
.xub-server .fwio{display:block; float:left; margin-left:-1px; margin-top:-1px; width:81px; height:64px; padding-top:15px; text-align:center; border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5; color:#666; font-size:12px; overflow:hidden}
.xub-server .fwio span{position:relative;display:block}
.xub-server i{display:inline-block; width:32px; height:32px; background:url(img/index-icon.png) no-repeat; margin-bottom:0px;}
.xub-server .fwio:hover .icon-vip{background-position:0 -223px}
.xub-server .fwio:hover .icon-hyfw{background-position:0 -267px}
.xub-server .fwio:hover .icon-jzfw{background-position:0 -308px}
.xub-server .fwio:hover .icon-hysj{background-position:0 -350px}
.xub-server .fwio:hover .icon-jfsc{background-position:0 -390px}
.xub-server .fwio:hover .icon-adfw{background-position:0 -432px}
.xub-server .fwio:hover{color:#666;}
.xub-server .icon-vip{background-position:-32px -223px}
.xub-server .icon-hyfw{background-position:-32px -267px}
.xub-server .icon-jzfw{background-position:-32px -308px}
.xub-server .icon-hysj{background-position:-32px -350px}
.xub-server .icon-jfsc{background-position:-32px -390px}
.xub-server .icon-adfw{background-position:-32px -432px}
.main{margin-top:15px; border:1px solid #e5e5e5; background:#fff}
.m-head{height:65px; line-height:65px; padding:0 15px; border-bottom:1px solid #e5e5e5}
.m-txt{}
.m-txt .icon-redbar{margin-top: 23px;margin-right: 8px;width: 6px;height: 18px;display: none;}
.m-txt .scroll_f{color: #42B711;font-weight: bold;font-size: 22px;padding-right: 8px;}
.m-txt h2{font-size:18px; font-weight:500}
.txt-scroll{float:left; margin:18px 0 0 15px; width:360px; height:30px; overflow:hidden}
.txt-scroll li{height:30px;line-height:30px;overflow:hidden;}
.txt-scroll li a{display:block; font-size:12px; color:#999}
.txt-hot{margin-top:18px; font-size:14px; color:#666; height:30px; line-height:30px; overflow:hidden}
.txt-hot a{padding-right:12px; color:#666}
.txt-hot a:nth-last-child(1){padding-right:0}
.m-left{float:left; width:230px; height:470px; overflow:hidden}
.m-right{float:left; width:970px; height:470px; margin-left:-1px; border-left:1px solid #e5e5e5}
.ml-img{ height: 220px; width:100%; overflow:hidden;position:relative;}
.ml-img a{display:block; webkit-transition:all ease .5s; -moz-transition:all ease .5s; -ms-transition:all ease .5s; transition:all ease .5s}
.ml-img a:hover,.mrb-box:hover .mrb-img{display:block; -webkit-transform:translateY(-5px); -moz-transform:translateY(-5px); -ms-transform:translateY(-5px); transform:translateY(-5px); webkit-transition:all ease .5s; -moz-transition:all ease .5s; -ms-transition:all ease .5s; transition:all ease .5s}
.ml-img a img{width:229px; height:340px}
.ml-key{padding:10px; overflow:hidden}
.ml-key a{display:block; float:left; margin:8px 5px 0 0; height:24px; font-size:12px; padding:0 10px; line-height:24px; text-align:center; color:#666; background:#fafafa; border:1px solid #e5e5e5}
.ml-key a:hover{background:#42B711; color:#fff; border-color:#42B711}
.mrt-key{float:left; width:550px; height:220px; border-right:1px solid #e5e5e5}
.mrt-key ul{width:252px; float:left; margin:15px 0 0 20px}
.mrt-key li{width:115px; float:left; font-size:14px; height:30px; line-height:30px; padding-right:10px}
.mrt-key li a{display:block; color:#404040; height:30px; overflow:hidden}
.mrt-key li a span{font-size:15px; font-weight:700;}
.mrt-brand{width:418px; float:left}
.mrtb-tit{padding:0 15px; height:42px; line-height:42px; background:#fafafa; border-bottom:1px solid #e5e5e5; font-weight:700}
.mrtb-tit .icon-redbar{margin-top:14px}
.mrtb-tit a{font-weight:normal; color:#42B711; font-size:12px}
.mrtb-tit a:hover{color:#42B711}
.mr-bot{border-top:1px solid #e5e5e5; width:970px; overflow:hidden;}
.mrtb-con{padding:15px; float:left; height:147px; width:388px; position:relative;overflow: hidden;}
.mrtb-con h2 a{display:block; height:30px; line-height:30px; overflow:hidden; font-size:15px; font-weight:500; color:#404040; font-weight:700;}
.mrtb-con li{line-height:30px; height:30px; overflow:hidden; font-size:13px; color:#666}
.mrtb-tag{width: 80px;height: 30px;float:left;padding-left: 5px;position: relative;}
.mrtb-con h2{max-width:300px; float:left;}
.mrtb-con h2 img{float:left;margin-right:3px;vertical-align:middle;margin-top:6px}
.icon-smrz{background:url(img/index-icon.png) no-repeat 0 -99px}
.icon-qyrz{background:url(img/index-icon.png) no-repeat -16px -99px}
.icon-vip{background:url(img/index-icon.png) no-repeat -33px 2px}
.icon-yzbb{background:url(img/index-icon.png) no-repeat -16px -119px}
.icon-lm{background:url(img/index-icon.png) no-repeat 0 -119px}
.mrtb-tag span{/* position:relative; */}
.v-year{position:absolute;display:block;font-size:12px;color: #42B711;width: 16px;line-height:16px;margin-top: 10px;margin-left: 11px;font-weight: 700;left: 5px;}
.vip-name{display:block;font-size:12px;color:#42B711;line-height:16px;margin-top:8px;padding-left: 4px;}
.mrtb-a{height:20px; line-height:20px; overflow:hidden; clear:both; padding-top:5px; font-size:13px; color:#999;}
.mrtb-a a{color:#999; padding-right:10px; display:inline-block;}
.mrtb-name{padding:10px 0 15px; border-bottom:1px dashed #e5e5e5;}
.mrtb-log{width:136px; float:left; text-align:center; padding-top:8px}
.mrtb-log a{display:block; margin-top:8px}
.mrtb-log img{width:98px; height:40px; border:1px solid #e5e5e5}
.mrtb-log a:hover img{opacity:0.8; filter:alpha(opacity=80)}

.companyboxlist>ul{margin-top: 10px;min-height: 350px;}
.companyboxlist>ul li{margin-bottom: 20px;border: 1px solid #f9f9f9;overflow: hidden;height: 160px;}
.companyboxlist>ul li .com_pic {width: 116px;height: 116px;display: table;margin: 21px; float: left;}
.companyboxlist>ul li .com_pic a {display: table-cell;text-align: center;vertical-align: middle;}
.companyboxlist>ul li .com_pic a img { max-width: 100%;max-height: 100%;}
.companyboxlist>ul li .com_text {float: left;width: 520px; margin-top: 21px;}
.companyboxlist>ul li .com_text h3 {line-height: 30px;font-weight: 600; font-size: 16px;}
.companyboxlist>ul li .com_text h3 a {color: #231815;}
.companyboxlist>ul li .com_text h3 div {width: 30px;height: 20px;vertical-align: middle;margin-left: 12px;display: inline-block;background: url(img/qykinfo/shenfen.png) no-repeat center center;}
.companyboxlist>ul li .com_text h3 em {font-style: normal;font-size: 14px; font-weight: normal;line-height: 30px;margin-left: 12px; color: #eb223a;}
.companyboxlist>ul li .com_text .com_text_p {font-size: 13px;color: #999999;height: 41px;overflow: hidden;margin: 3px 0 6px 0;line-height: 20px;}
.companyboxlist>ul li .com_text .com_text_p i {display: none;}
.companyboxlist>ul li .com_text .com_text_span {display: block;font-size: 13px;color: #999999;line-height: 23px;}
.companyboxlist>ul li .com_img {width: 295px;overflow: hidden;height: 160px;background: #f5f5f5; float: right;padding: 8px 0 0 25px;}
.companyboxlist>ul li .com_img dl {float: left;}
.companyboxlist>ul li .com_img dt {width: 130px;height: 130px;display: table;border: 1px solid #fafafa;overflow: hidden;margin-right: 14px;}
.companyboxlist>ul li .com_img dt a {display: table-cell;text-align: center;vertical-align: middle;}
.companyboxlist>ul li .com_img dt a img {max-height: 100%;max-width: 100%;display: block;margin: auto;}
.companyboxlist>ul li .com_img dd {height: 20px;  width: 130px; overflow: hidden;  font-size: 14px;position: relative;word-break: break-all;}
.companyboxlist>ul li .com_img dd p {text-align: center;}
.companyboxlist>ul li .com_img dd a {color: #666666;line-height: 20px;word-break: break-all;font-size: 13px;}
@keyframes myfirst
{
    0%   {left: 111px;}
    8%  {left: 86px;}
    16%  {left: 61px;}
    24%  {left: 36px;}
    32%  {left: 11px;}
    40%  {left: -14px;}
    48%  {left: -37px;}
    100%  {left: -37px;}
}
 
@-webkit-keyframes myfirst /* Safari 与 Chrome */
{
    0%   {left: 111px;}
    8%  {left: 86px;}
    16%  {left: 61px;}
    24%  {left: 36px;}
    32%  {left: 11px;}
    40%  {left: -14px;}
    48%  {left: -37px;}
    100%  {left: -37px;}
}
.renz{margin: 10px 0;display: inline-flex;}
.renz .run{width: 72px;display: inline-block;float: left; border: 1px solid #f2f2f2;color: #999;position: relative;height: 18px;line-height: 18px;font-size: 12px;text-align: center}
.renz .run.active{ background: #fff0f1 url(img/vip.png) no-repeat 5% center;text-indent: 20px;color: red;border: 1px solid red;}
.renz .run.active img{position: absolute;top: -2px;left: 100%;margin-top: 0; -webkit-transform: translate(0,0);transform: translate(0,0);-webkit-animation: myfirst 2s infinite linear; animation: myfirst 2s infinite linear; }

.renz .jingy{float: left;height: 20px;font-size: 12px;padding: 0 2px;border: 1px solid #eb223a;background: none;color: #eb223a;}
.renz .jingy.active{background: #eb223a;color: #fff;margin-left: 5px;}


.screen{width: 1200px;margin: auto;margin-top: 20px;margin-bottom: 15px;}
.screen .top{height: 38px;line-height: 38px;background: #bbbbbb;margin-bottom: 15px;}
.screen .top >a{float: left;width: 150px;height: 40px; display: block;color: #fff;font-size: 15px;text-indent: 30px;margin-right: 25px;background-size: 12% !important;-webkit-transition:all .3s ease;transition:all .3s ease;}
.screen .top >a:first-of-type{background: url(img/erji-1.png) no-repeat 5% center;}
.screen .top >a:nth-of-type(2){background: url(img/erji-2.png) no-repeat 5% center;background-size: 15% !important;}
.screen .top >a:nth-of-type(3){background: url(img/erji-3.png) no-repeat 5% center;}
.screen .top >a.active{background-color: #42b711;background-size: 25% !important;text-indent: 50px;height: 42px;line-height:42px;font-size: 16px; margin-top: -2px;pointer-events: none;}
.screen .top >p{float: right;font-size: 12px;color: #fff;margin-right: 20px;}