@charset "utf-8";
/*
sp--CSS-xiaohei-qq:290948585-20210706
*/
/* global */

body {margin:0px;font-size:14px;color:#333333;/* background:#f7f7f7; */min-width:1200px;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h6, pre, p, blockquote, th { margin: 0;padding: 0;}
* {word-break:break-all;font-family:"Microsoft Yahei",Tahoma,Verdana,Arial;-webkit-text-size-adjust:none;}
img {border:none;}
i,em{font-style:normal}
ul li {list-style-type:none;}
ol li {list-style-type:decimal;}
ul,form,h1,h2,h3,h4,h5,p {margin:0px;padding:0px;}
.dsn{display:none}
.div_btn a,*:after, *:before{transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;}
/*清除浮动*/
.clearfix:after{content: '';display: block;height: 0;clear: both;}
.clearfix{zoom: 1;}
.clear{clear: both;}
/* links */
a:link,a:visited,a:active {color:#333333;text-decoration:none}
a:hover {color:#FF6600;;}
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:#225588;}
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;}
/* basic */
.f_l {float: left !important;}
.f_r {float: right !important;}
.b10{height:10px;overlflow:hidden;clear:both;width:100%}
.b15{height:15px;overlflow:hidden;clear:both;width:100%}
.b20{height:20px;overlflow:hidden;clear:both;width:100%}
.b30{height:30px;overlflow:hidden;clear:both;width:100%}
.mt8{margin-top:8px}
.mt15{margin-top:15px}
.m {width:1200px;margin:auto;}
.w1200 {width:1200px;margin:auto; overflow:hidden}
.w1230 {width:1200px;margin:auto; overflow:hidden;padding:0px 15px}

.text-overflow {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;/* text-align:center; *//* margin-top:10px; */}
.topnew {height:35px;line-height:35px;background:#222;width:100%;font-size:13px;color: #ffffff;}
.topnew a{padding:0px 5px;color:#ffffff}

.tool-top ul li{float:left; cursor:pointer}
.tool-top ul li.tel{ background:url(tool-tel.png) no-repeat center left;padding-left:18px;margin-right:20px}
.tool-top ul li.mobile{background: #484444 url(tool-mobile.png) no-repeat 10px 10px;padding:0px 10px 0px 30px;position:relative;display:block;}
.tool-top ul li div{display:none}
.tool-top ul li:hover div{display: inline-block;position: absolute;z-index:10000;background:white;width:110px;height:110px;box-shadow: 0px 0px 3px rgba(0,0,0,0.15);top:35px;padding:5px;left:-42px;overflow:hidden}
.tool-top ul li:hover div img{width:110px;height:110px;}
.topbg {height: 120px;padding:0px 0;background: #FFFFFF;box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);overflow: hidden;}
.head{ position: relative;}
.head .logo {padding: 16px 10px 0 0px;height:100px;width: 200px;}
.head .logo,.head .logo img{float: left;}
.head .logo{height: 104px;vertical-align: middle;}
.head .logo a{display: table-cell;width: 100px;height: 88px;vertical-align: middle;text-align: center;}
.head .logo img{float: none;}
.head .comname { float:left;margin-top:28px;}
.head .comname a {font-size:24px;line-height:35px;font-weight: 600;}
.head .comname p {font-size:14px;color:#7f7f7f;line-height:25px;width: 725px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.head .telphone {float:right;background: url(tell.png) no-repeat 0px 8px;padding: 0px 10px 0px 47px;color:#7f7f7f;margin-top:38px;font-size: 15px;line-height:25px;}
.head .telphone b {color: #E3232F;font-size: 22px;font-family: Impact;line-height: 1;}

/*导航*/
.nav-index{background: #E3232F;}
.wrap {position: relative;height: 70px;width: 1200px;}
.menunew dd {display: inline;float: left;margin:0px;position: relative;height: 60px;}
.menunew dd>a {display: block;height: 70px;line-height: 70px;font-size: 16px;text-align:center;float:left;padding: 0px 23px;color: #ffffff;}
.menunew dd:last-child span { display:none;}
.menunew dd span { float:left; position:absolute; right:0;top:40px}
.menunew dd.hover a {color: #ffffff;}
.menunew dd.hover>a{background: #343434;color: #ffffff;}
.menunew dd .div_a {width: 100%;overflow: hidden;position: absolute;top: 70px;left: 0px;z-index: 999;background: rgb(0 0 0 / 25%);box-shadow: 0 2px 5px rgba(0,0,0,0.3);display: none;}
.menunew dd .div_a a {display: block;height: 39px;overflow: hidden;line-height: 39px;text-align: center;color: #ffffff;font-size: 16px;width:100%;background: none;}
.menunew dd .div_a a:hover {background: #E3232F;color: #ffffff;}

/*幻灯*/
.m-focus{width:100%;overflow:hidden;z-index:1 }
.m-focus-box{overflow:hidden;margin:0 auto;position:relative;}
.m-focus{display: block;overflow: hidden;position: relative;}
.m-focus .m-focus-box { margin: 0 auto;overflow: hidden;position: relative;backface-visibility: hidden;}
.m-focus .m-focus-box .swiper-wrapper li { float: left;list-style-type:none }
.m-focus .m-focus-box .swiper-wrapper li a { position: relative;width: 100%;display: block;}
.m-focus .m-focus-box .swiper-wrapper img { width: 100%;display: block;}
.m-focus .swiper-container { display: none;}
.m-focus-box .b-menu{text-align: center;position: absolute;width: 100%;left: 0;bottom:20px;z-index: 10;}
.m-focus-box .swiper-pagination-switch{display:inline-block;width:35px;height:10px;border-radius:1px;margin-right:5px;cursor:pointer;}
.m-focus-box .swiper-button-prev, .m-focus-box .swiper-button-next{background: url(icon.png) no-repeat; display: inline-block; vertical-align: middle;}
.m-focus-box .swiper-button-prev, .m-focus-box .swiper-button-next{width: 32px; height: 50px; position: absolute; top: 250px; z-index: 5;}
.m-focus-box .swiper-button-next{background-position: -92px 0; right: 12%; transition: all 600ms ease;}
.m-focus-box .swiper-button-prev{background-position: -60px 0; left: 12%; transition: all 600ms ease;}

.swiper-pagination-bullet {display: inline-block;border-radius: 100%;background:#eee;cursor:pointer;margin: 0 5px;width:25px;height:10px;border-radius: 10px;}
.m-focus-box .swiper-pagination-bullet-active{width:35px;background: #242f35;}

.contact-list{border-top:#e6e6e6 1px solid;margin:10px;overflow:hidden}
.contact-list dl{overflow:hidden;border-bottom:#e6e6e6 1px solid;line-height:35px;border-left:#e6e6e6 1px solid;border-right:#e6e6e6 1px solid}
.contact-list dt{float:left;width:100px;text-align:right;padding-right:20px;color:#666}
.contact-list dd{overflow:hidden;padding:0px 15px;border-left:#e6e6e6 1px solid;color:#333}

/*全部左右布局样式*/
.side_head{height:45px;line-height:45px;padding:0 15px;font-size:16px;border-bottom:#eee solid 1px;background: #242f35;color: #ffffff;width:200px;}
.side_body {background:#FFFFFF;padding:10px 15px;margin:0 0 20px;font-size:14px;line-height:30px;box-shadow: 0px 0px 15px #dadada;width:200px;}
.side_body h1{font-size:14px;}
.main_head{font-size:16px;background: #ffffff;box-shadow: 0px 0px 15px #dadada;padding:0px 20px;}
.main_head div {overflow:hidden;display:block;height:45px;line-height:45px;}
.main_body {background:#FFFFFF;font-size:14px;padding:15px 20px;line-height:28px;margin-bottom:20px;box-shadow: 0px 0px 15px #dadada;}
.main_head span{font-size:14px}
.main_head div>strong{display:block;float:left;height:16px;line-height:16px;padding-left:10px;margin-top: 13px;font-size:16px;position:relative}
.main_head div>strong:after{content: ""; background-color: #242f35; left: 1px; width: 4px; height: 17px; bottom: -1px; position: absolute; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; border-radius: 3px;}
.main_head strong span{font-size:18px;}
.main_body ul.cdx-list {width:102%;overflow:hidden;margin-left:-10px;}
.main_body ul.cdx-list li{float:left;width:18%;padding:1%;overflow:hidden;text-align:center;font-size:14px;background:white;}
.main_body ul.cdx-list li a{border:#eee 1px solid;padding:10px;display:block}
.main_body ul.cdx-list li img{width:100%;}
.main_body ul.cdx-list li:hover img{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
.main_body ul.cdx-list li p{height:20px;line-height:20px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;margin-top:10px}
.main_body ul.cdx-list li p.price{color:#e50a11;margin-top:10px;font-size:14px;font-weight:bold}
.main_body ul.cdx-list-text {width:100%;overflow:hidden;}
.main_body ul.cdx-list-text li{border-bottom:#eee 1px solid;padding:15px 0;overflow:hidden;}
.main_body ul.cdx-list-text li .pic{float:left;width:100px;margin-right:10px;}
.main_body ul.cdx-list-text li .npic{float:left;width:160px;margin-right:10px;}
.main_body ul.cdx-list-text li .s-info{overflow:hidden}
.main_body ul.cdx-list-text li img{width:100%;}
.main_body ul.cdx-list-text li:hover img{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
.main_body ul.cdx-list-text li p{line-height:20px;margin-top:7px;overflow:hidden;color:#777}
.main_body ul.cdx-list-text li h5{font-size:18px;}
.main_body ul.cdx-list-text li h5 a{color:#000}
.main_body ul.cdx-list-jia {width:102%;overflow:hidden;margin-left:-10px;}
.main_body ul.cdx-list-jia li{float:left;width:18%;padding:0.96%;overflow:hidden;font-size:14px;background:white;}
.main_body ul.cdx-list-jia li a{display:block}
.main_body ul.cdx-list-jia li .text{height:40px;line-height:20px;font-size:14px;background:#f7f7f7 url(jia.png) no-repeat 175px 15px;padding:10px 50px 10px 10px;overflow:hidden}
.main_body ul.cdx-list-jia li:hover .text{background:#242f35;color:#ffffff}
.main_body ul.cdx-list-jia li .text1{height:40px;line-height:20px;font-size:14px;background:#f7f7f7 url(jia.png) no-repeat 180px 15px;padding:10px 50px 10px 10px;overflow:hidden}
.main_body ul.cdx-list-jia li:hover .text1{background:#242f35;color:#ffffff}
.main_body ul.cdx-list-jia li .pic{overflow:hidden;height:200px;}
.main_body ul.cdx-list-jia li .pic img{width:100%;transition: all 0.2s;}
.main_body ul.cdx-list-jia li:hover img{transform: scale(1.1);}
.main_body ul.cdx-list-jia li p.price{color:#e50a11;font-size:15px;text-align:center}
.main_body ul.cdx-list-jia li i{font-size:12px}
.main_body ul.cdx-list-jia li:hover .text1 p.price{color:#ffffff}
.main_body ul.cdx-list-jia li em{font-size:14px}
.main_body ul.cdx-list-jia4 {width:102%;overflow:hidden;margin-left:-10px;}
.main_body ul.cdx-list-jia4 li{float:left;width:23%;padding:0.96%;overflow:hidden;font-size:14px;background:white;}
.main_body ul.cdx-list-jia4 li a{display:block}
.main_body ul.cdx-list-jia4 li .text1{height:40px;line-height:20px;font-size:14px;background:#f7f7f7 url(jia.png) no-repeat 175px 15px;padding:10px 50px 10px 10px;overflow:hidden}
.main_body ul.cdx-list-jia4 li:hover .text1{background:#242f35;color:#ffffff}
.main_body ul.cdx-list-jia4 li .pic{overflow:hidden;width:100%;}
.main_body ul.cdx-list-jia4 li .pic img{width:100%;transition: all 0.6s;}
.main_body ul.cdx-list-jia4 li:hover img{transform: scale(1.1);}
.main_body ul.cdx-list-jia4 li p.price{color:#e50a11;font-size:15px}
.main_body ul.cdx-list-jia4 li i{font-size:12px}
.main_body ul.cdx-list-jia4 li:hover .text1 p.price{color:#ffffff}
.main_body ul.cdx-list-jia4 li em{font-size:14px}
.main_body ul.cdx-list-jia4 li .text{height:40px;line-height:40px;font-size:14px;background:#f7f7f7;padding:10px 50px 10px 10px;overflow:hidden}
.main_body ul.cdx-list-jia4 li:hover .text{background:#242f35;color:#ffffff}

/*推荐产品*/
.nav-box{width: 1260px;margin:0 auto;overflow:hidden;position:relative;}
.nav-box ul li .pic {overflow:hidden;width:280px;background:-webkit-linear-gradient(top,#cecece,#fff);}
.nav-box ul li a {border:#fff 0px solid;display:block;width: 280px;height: 380px;background: #FFFFFF;padding-bottom: 15px;overflow: hidden;}
.nav-box ul li {float:left;transition: all 0.2s linear 0s;width: 280px;margin: 10px 10px;position: relative;}
.nav-box ul li .pic img {transition: all 0.2s;width:100%;vertical-align: middle;}
.nav-box ul li:hover img{transform: scale(1.03);}
.nav-box ul li .text-div{position: absolute;/*left: 15px;*/top: 260px;width: 230px;height: 170px;display: block;padding: 18px 25px 0;}
.nav-box ul li .text {height: 30px;line-height: 30px;font-size: 16px;padding: 10px 0;transition: all 0.2s;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: 600;}
.nav-box ul li:hover .text{color: #204C97;}
.nav-box ul li .text1 {font-size:14px;line-height:20px;height: 40px;color: #777777;overflow:hidden;padding: 0 10px;}
.nav-box ul li .text3 p {width: 35px;height: 1px;background:#999;margin: 0 auto 10px;transition:all 0.3s;}
.nav-box ul li:hover .text3 p {background:#204C97;width: 60px;}
.nav-box ul li:hover{ box-shadow:0 0 10px rgba(0,0,0,0.7);}

.nav-box ul li .more-db{height: 28px;width: 30%;margin: auto;color: #242f35;border: 1px solid #242f35;font-size: 14px;text-align: center;line-height: 26px;border-radius: 3px;transition: .2s;}
.nav-box .tempWrap{overflow:hidden; position:relative; width:1200px;margin:0px auto;}
.nav-box .slick-btn-left{width: 30px;height: 60px;background:url(le.png) no-repeat;position:absolute;top:50%;left:10px;margin-top: -30px;z-index:99;cursor:pointer;filter:alpha(opacity=70);opacity:0.7;left:0px;display:none;}
.nav-box .slick-btn-right{width: 30px;height: 60px;background:url(ri.png) no-repeat;position:absolute;top:50%;margin-top: -30px;z-index:99;cursor:pointer;filter:alpha(opacity=70);opacity:0.7;right:0px;display:none;}
.nav-box:hover .slick-btn-left{display:block}
.nav-box:hover .slick-btn-right{display:block}

/*产品样式*/
.s-box {overflow:hidden;position:relative;}
.s-box .pic {overflow:hidden;width: 280px;height: 280px;}
.s-box ul {width:1240px}
.s-box li a {display:block;overflow: hidden;}
.s-box li {float:left;width: 280px;overflow:hidden;transition: all 0.2s linear 0s;margin: 0 26px 23px 0;position:relative;}
.s-box li:hover {}
.s-box .pic img {transition: all 0.6s;width: 100%;height:100%;vertical-align: middle;}
.s-box .pic:before {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(255,255,255,0);
    z-index: 100;
}
.s-box .pic:hover:before {
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 50px;
    border: 1px solid rgba(255,255,255,0.5);
}
.s-box li:hover img {
    transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.051) rotate(1deg);
    -webkit-transform: scale(1.05) rotate(1deg);
    -moz-transform: scale(1.051) rotate(1deg);
    -ms-transform: scale(1.051) rotate(1deg);
    opacity: 0.8;
}
.s-box .text{font-size:14px;padding: 10px 10px 10px 10px;overflow:hidden;background: #ffffff;}
.s-box li:hover .text{}
.s-box .text i{display:block;height: 40px;overflow: hidden;}
.s-box .text .f_price{font-size: 15px;height: 25px;line-height: 25px;}
.f16{font-size:16px}

/*int*/
.white_bg{background: url(int-bg.jpg) no-repeat center;overflow:hidden;padding: 55px 0 55px 0;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
.box-main {/* background: #f5f5f5; */display: block;width: 1200px;color: #ffffff;}
.box-main .img{float: left; width:300px;}
.box-main .img img{vertical-align:middle;width:100%;}
.box-main .text{overflow: hidden;padding: 40px;line-height: 30px;font-size: 15px;color: #444;padding-top:10px;padding-bottom: 10px;}
.box-main .text p{height: 210px;overflow: hidden;margin-bottom: 15px;color: #ffffff;}
.box-main .text h3{font-size: 22px;font-weight: normal;margin-bottom: 20px;margin-top: 15px;color: #ffffff;}
.div_btn a{display: block;width: 132px;color: #fff;line-height: 40px;background: url(img_06.jpg) no-repeat center right #242f35;padding-left: 20px;}
.div_btn a:hover{padding-left: 40px;text-align: left;}

.box-main .box h3{width:1160px}
.box-main .box div.ch-title em{background:none}
.comimg{top: -30px;position:relative;overflow: hidden;margin-left: 25px;float: left;}
.comimg img{vertical-align:middle}

.manage1{background: #242f35;background: url(business-bg.jpg) no-repeat center center;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;width: 100%;padding: 60px 0;height: 200px;color:#ffffff;overflow:hidden;}
.manage1 h4{display: inline-block; padding: 0 10px; line-height: 30px; margin-bottom: 20px; background: #ffdb60; color: #242f35; font-weight: normal; font-size: 15px;}
.manage1 h3{font-size: 32px; font-weight: normal; margin-bottom: 20px; color: #ffdb60; line-height: 40px;}
.manage1 p{font-size:16px;color:#ffffff}
.manage1 label{display: inline-block; margin: 28px 0; width: 72px; height: 1px; background: #ffdb60;}
.manage1 span{font-size: 20px;}

/*photo*/
.photo-sp ul li a .text {width: 270px;height: 270px;background: rgba(0,0,0,0.6);position:absolute;left:0px;top:0px;opacity:0;transition:all 0.5s;line-height: 28px;}
.photo-sp ul li a .text p { padding:0px 10px; width: 240px; color:white; font-size:20px; text-align:center;margin-top:-50px;transition:all 0.5s;}
.photo-sp ul li:hover a .text {opacity:1;background: rgba(0,0,0,0.6);}
.photo-sp ul li:hover a .text p {margin-top: 105px;font-size: 20px;text-align: center;transition: all 0.5s;padding: 0 15px;height: 60px;}
.photo-sp .pic:hover:before {
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 1px solid rgba(255,255,255,0.5);
}
/*sell*/
.pr {position: relative;}
.pa {position: absolute;}
.sell-bg{padding: 180px 0 130px 0 !important;background: url('showbg.png') no-repeat center 0 !important;}
.sell-bg .box div.ch-title em{background:none}
.sell-bg .box h3 a{color:#ffffff}
.pro_nav{width: 282px;background: #fff;height: 700px;overflow: hidden;}
.pro_nav h2{font-size: 30px;line-height: 36px;height: 79px;overflow: hidden;color: #fff;background: #e3232f;padding: 24px 0 0 36px;}
.pro_nav h2 span{font-size: 24px;line-height: 24px;display: block;font-weight: normal;font-family: Arial;opacity: 0.5;text-transform: uppercase;}
.pro_nav h2 a{color: #fff;}
.pro_nl{height: 518px;overflow: hidden;padding: 8px 2px 0;}
.pro_nl h3{clear: both;height: 52px;line-height: 52px;font-size: 16px;display: block;white-space: nowrap;width: 260px;background-color: #ECECEB;margin-left: 10px;margin-bottom: 8px;}
.pro_nl h3:last-child{border: 0;}
.pro_nl h3 a{display: block;background: url(nav_ico1.png) no-repeat 9px 13px;padding: 0 0 0 39px;color: #363739;}
.pro_nl ul{display: block;padding: 8px 0 0 10px;}
.pro_nl li{height: 50px;line-height: 50px;position: relative;white-space: nowrap;width: 240px;padding-left: 20px;background-color: #ECECEB;margin-bottom: 2px;}
.pro_nl li a{display: block;color: #737373;}
.pro_nl h3:hover a, .pro_nl h3 a:hover{color: #e3232f;background-position: 9px -37px;}
.pro_pho, .pro_pho img{display: block;width: 282px;height: 92px;overflow: hidden;}
.pro_list{width: 885px;overflow: hidden;height: 700px;}
.pro_gg{height: 427px;overflow: hidden;margin-bottom: 15px;}
.prev, .next{width: 37px;height: 82px;right: 0;top: 180px;display: block;z-index: 9;background: url(next1.gif) no-repeat 0 0;cursor: pointer;}
.prev{left: 0;background: url(prev1.gif) no-repeat 0 0;}
.prev2, .next2{top: 355px;}
.prev2{left: 359px;}
.prev:hover, .next:hover{background-position: 0 bottom;}
.pro_gc{width: 885px;height: 427px;overflow: hidden;}
.pro_gc dl{width: 885px;position: relative;line-height: 30px;background: #ffffff;}
.pro_gc dt{float:left;width:427px;height: 427px;overflow: hidden;}
.pro_gc dt img{width: 400px;height: 400px;overflow: hidden;margin:14px;}
.pro_gc dd{position: absolute;width: 359px;height: 240px;right: 84px;top: 108px;z-index: 2;}
.pro_gc dd h3{height: 50px;font-size: 20px;line-height: 25px;color: #363739;margin-bottom:10px}
.pro_gc dd h3 a{color: #363739;display: block;}
.pro_gc dd .pro_wz{line-height:23px;margin-bottom:20px}
.more01 a{width: 128px;line-height: 33px;border: solid 1px #e3232f;background: #fff;color: #e3232f;text-align: center;border-radius: 16px;padding:5px 10px;}
.pro_list ul{width: 1000px;}
.pro_list li{width: 288px;float: left;margin: 0 10px 0 0;}
.pro_list li p{/* border: solid 1px #eaeaea; */}
.pro_list li p, .pro_list li p img{width: 288px;height: 218px;display: block;overflow: hidden;}
.pro_list li span{display: block;line-height: 39px;height: 39px;z-index: 1;background: #737373;color: #fff;text-align: center;}
.pro_list li span a{color: #fff;}
.pro_list li img, .pro_gc dt img, .range_c dt img, .webox_p img, .case_c dt img, .about_p img, .newbox dt img, .show_c li img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.pro_list li img:hover, .pro_gc dt img:hover, .range_c dt img:hover, .webox_p img:hover, .case_c dt img:hover, .about_p img:hover, .newbox dt img:hover, .show_c li img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
/*
.sell-sp .text{padding: 0;}
.sell-sp ul li .text {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sell-sp ul li .text {position: absolute;bottom:0px;left:0px;background: rgba(0,0,0,0.6);font-size: 16px;line-height: 40px;height: 40px;color: #fff;width: 250px;padding: 0 15px;text-align: center;}
*/

/*mall*/
.mall-sp{}
.mall-sp .text{}
.mall-sp .text .f_price{font-size: 15px;height: 25px;line-height: 25px;display:none}
.mall-sp .text i{height: 40px;overflow:hidden;}


/*video*/
.video-sp{}
.video-sp .pic{height:200px}
.video-sp .pic i{background: url(ico_bf.png) no-repeat 0 0; background-size: 48px 48px; width: 48px; height: 48px; z-index: 4; float: initial; padding: 0; display: inline-block; position: absolute; left: 40%; top: 32%; opacity:.7;filter:alpha(opacity=70);}
.video-sp .pic:hover i{opacity:1;filter:alpha(opacity=100);}
.video-sp .text{background:#f7f7f7}
.video-sp .pic:hover:before {
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 70px;
    border: 1px solid rgba(255,255,255,0.5);
}

/*info*/
.info-sp{}
.info-sp .pic{height:200px}
.info-sp .pic:hover:before {
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 70px;
    border: 1px solid rgba(255,255,255,0.5);
}

/*brand*/
.brand-list {background: #fff;overflow: hidden;width:1200px;margin-top: 20px;}
.brand-list ul {overflow: hidden;}
.brand-list li {float: left;width: 190px;padding:0px 0px;height: 100px;line-height: 100px;border:#E9E9E9 solid 1px;margin-right:9px;margin-bottom:9px;overflow: hidden;}
.brand-list li:nth-child(6n+6){margin-right:0px}
.brand-list li a {display:block; position: relative; height: 100%; text-align: center}
.brand-list li a img {margin: 0px auto;width: 190px;height: 100px;}
.brand-list li a p {position: absolute;left: 0px;bottom: -30px;display: block;height: 30px;width: 100%;line-height: 30px;transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;}
.brand-list li a p span {display: block;position: relative;width: 100%;line-height: 30px;text-align: center;font-size: 14px;color: #fff;z-index: 1;}
.brand-list li a p::after {background: #000;display: block;content: "";width: 100%;height: 30px;margin-top: -30px;opacity: 0.5;filter: alpha(opacity=50);}
.brand-list li a:hover p {bottom: 0}
/********.toolbar*********/
.toolbar{width: 50px;position: fixed;right: 1%;top: 44%;z-index: 999;}
.toolbar dd{width: 50px;height: 50px;margin-bottom: 1px;position: relative;background: url(black20.png) repeat 0 0;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar dd i{width: 50px;height: 50px;display: block;position: absolute;left: 0;top: 0;cursor: pointer;text-align: center;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar dd i span{width: 35px;height: 35px;display: block;margin: 7px 0 0 7px;background: url(rightfixicon.png) no-repeat 0 0;}
.toolbar dd.gottop{display: none;}
.toolbar .slide-tel{display: block;width: 0;height: 50px;line-height: 50px;font-size: 24px;font-family: arial;color: #FFF;position: absolute;padding: 0 0 0 50px;top: 0;right: 0;overflow: hidden;-webkit-border-radius: 50px;border-radius: 50px;-webkit-transition: all .0s ease-in-out 0s;-moz-transition: all .0s ease-in-out 0s;transition: all .0s ease-in-out 0s;}
.toolbar .pop{position: absolute;right: 90px;top: -51px;background: #cb1a20;display: none;}
.toolbar .pop-code{width: 160px;}
.toolbar .pop-code img{width: 120px;height: 120px;display: block;padding: 20px 20px 0;}
.toolbar .pop-code h3{height: 40px;line-height: 40px;text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap;}
.toolbar .pop-code h3 b{display: block;font-size: 14px;font-weight: normal;}
.toolbar .qq span{background-position: 0 -47px;}
.toolbar .qq a{width: 50px;height: 50px;cursor: pointer;display: block;}
.toolbar .qq:hover{background: #cb1a20;}
.toolbar .tel span{background-position: 0 0;}
.toolbar .tel:hover{background: #cb1a20;}
.toolbar .code span{background-position: 0 -95px;}
.toolbar .code:hover{background: #cb1a20;}
.toolbar .top span{background-position: 0 -142px;}
.toolbar .top:hover{background: #cb1a20;}
.subright .searchList{border-top: 1px solid #ddd;}
.subright .searchList li{padding-top: 20px;padding-bottom: 20px;border-bottom: 1px solid #ddd;}
.subright .searchList li:first-child{border-top: none;}
.subright .searchList li:hover a h2{color: #242f35;font-weight: bold;}
.leftprocomt{padding-top: 10px;}
.leftprocomt li{float: left;text-align: center;width: 117px;margin-right: 10px;}
.leftprocomt li img{width: 117px;height: 87px;border-radius: 3px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.leftprocomt li p{line-height: 30px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.leftprocomt li:hover img{-webkkit-filter: brightness(105%);filter: brightness(105%);}
.leftprocomt li:hover p{color: #242f35;}
.dsn{display:none}
/*全部左右布局样式*/
.box{padding: 0px 0px 20px;overflow:hidden;}
.box:hover .ch-title{/* width: 100px; */}
.white {background:white;overflow:hidden;padding: 30px 0 50px 0;}
.f7f7f7{background: #F7F7F7;padding-bottom: 2%;overflow:hidden;}
.news-bg{background:url(index_28.jpg) no-repeat center top;overflow:hidden;padding:30px 0 50px 0}
.service-bg{background:url(1484034355.jpg) no-repeat center top;overflow:hidden;padding:30px 0 50px 0}
.service-bg .m{width:1220px}

.m .left {float:left;width: 560px;height: 360px;padding:20px;transition: .5s;}
.m .left .more { float:left}
.m .right {width: 590px;float:right;transition: .5s;margin-top: 30px;background: url(guanyu.jpg) no-repeat center;}
.m .right img{vertical-align: middle;width:100%;height:360px;border-radius: 5px;overflow: hidden;}

.en-title { font-size:24px;font-weight:bold;text-transform : uppercase;padding-top:20px;color:#242f35;position:relative;margin-bottom:10px;}
.en-title:before {content:"";background:#ea5534;height:5px;width:60px;position:absolute;top:0}
.china-title {font-size:34px;color:#555;margin-top:0px;height:34px;}

.intro {font-size: 16px;overflow:hidden;width: 530px;margin-right: 25px;padding-top: 25px;line-height: 28px;float: right;color: #fff;}
.intro .box-c{margin-bottom: 8px;}
.intro .box-c h3,.box-c h3 a{color:#ffffff}
.intro .desc{height:190px;overflow:hidden;margin-bottom: 22px;font-size: 14px;}
.intro span.fr{width: 63px;height: 28px;line-height: 28px;border: 1px solid #efefef;display: block;text-align: center;float: right;color:#ffffff;font-size: 12px;border-radius: 3px;}
.intro span.fr a{color:#ffffff}
.intro span.fr:hover{background:#ffffff;color:#242f35}
.intro span.fr:hover a{color:#242f35}

.hover-bd .more a {}

.more a {width: 120px;height: 35px;color:#ffffff;font-size: 16px;display: block;text-align:center;line-height: 35px;margin-top: 30px;transition: .5s;border-radius: 3px;border: 1px solid #848484;color: #848484;}
.more a:hover {background: #242f35;color: #fff;transition: .5s;border: 1px solid #242f35;}
.more{width:120px;margin:0px auto 0px;}

.box h3{text-align:center;overflow:hidden;font-size: 30px;color: #2f2f2f;display: block;width: 1200px;margin: 0 auto;padding: 30px 0 30px;/* padding-bottom: 10px; */font-weight: bold;}
.box h3 a{display:inline-block;padding: 0 15px;/* padding-bottom:20px; */}
.box h3 em {font-style: normal;text-transform: uppercase;font-size: 20px;padding-left: 15px;font-weight:normal;color:#777777}

.box div.ch-title {display:inline-block;margin-left:50%;}
.box div.ch-title em {font-style: normal;color: #848484;font-size:14px;display:block;padding:0px 5px;text-align:center;transform: translate(-50%,-109%);-ms-transform: translate(-50%,-109%);-webkit-transform: translate(-50%,-109%);text-transform: uppercase;/* background: #FFFFFF; */}
.f7f7f7 .box div em {/* background: #ededed; */}
.box .ch-title p {width: 30px;height: 1px;background: #242f35;display: block;transform: translate(-50%,-109%);-ms-transform: translate(-50%,-109%);-webkit-transform: translate(-50%,-109%);text-transform: uppercase;margin-top: -15px;}
.w1230{width:1230px;overflow:hidden;margin:0px auto}

/*news*/
.inews-main{overflow:hidden}
.news_list{
    width: 1215px;
}
.news_list li{margin-bottom: 24px;float: left;width: 592px;margin-right: 15px;margin-bottom: 15px;}
.news_list li a{display: block;border: 1px solid #e1e1e1;background: #fff;}
.news_list .date{float: left;width: 80px;padding: 20px 0;padding-right: 65px;background: url(icon6.png) no-repeat right center;background-size: auto 100%;color: #999;font-size: 16px;line-height: 30px;text-align: left;padding-left: 0;}
.news_list .date label{display: block;font-size: 36px;color: #999;padding-left: 10px;}
.news_list .date span{padding-left:10px}
.news_list .text{overflow: hidden;padding-right: 20px;position: relative;padding-top: 10px;}
.news_list .text .div_btn2{position: absolute;top: 50%;margin-top: -20px;padding: 0 20px;line-height: 40px;background: #cfcfcf;color: #fff;right: 15px;border-radius: 5px;opacity: 0;filter: alpha(opacity=0);}
.news_list .text .div_btn2 span{display: inline-block;padding-right: 35px;background: url(icon7.png) no-repeat right center;}
.news_list .text h3{font-size: 18px;font-weight: normal;line-height: 30px;height: 30px;overflow: hidden;}
.news_list .text p{line-height: 26px;color: #737373;height: 52px;overflow: hidden;}
.news_list li a:hover .date{background: url(icon6-1.png) no-repeat right center;;background-size: auto 100%;}
.news_list li a:hover .date span, .news_list li a:hover .date label{color: #242f35}
.news_list li a:hover{background: #204C97;border: 1px solid #204C97;}
.news_list li a:hover .text h3, .news_list li a:hover .text p{color: #fff;}
.news_list li a:hover .div_btn2{background: #ffdb60}
.news_list li a:hover .div_btn2 span{color: #242f35;background: url(icon7-1.png) no-repeat right center;}

/*全站样式*/
.title {text-align:center;font-size:24px;font-weight:bold;line-height:48px;}
.info {margin:16px 16px 0 16px;background:#f7f7f7;line-height:45px;text-align:center;}
.content {font-size:14px;line-height:180%;padding:20px;}
.content p {margin:0 0 16px 0;}
.inp {border:#CCCCCC 1px solid;color:#666666;}
.sbm {height:28px;line-height:28px;border:#CCCCCC 1px solid;color:#333333;background:#EEEEEE;padding:0 10px;cursor:pointer;}
.sbm:hover {background:#DDDDDD;}
/**/
/*footer*/
.footer{/* background: #334564; */background: url(footbg.png) no-repeat center 0;line-height: 30px;padding: 120px 0 0;color:#ccc;}
.content2{width:1200px;margin:0 auto;overflow: hidden;}
.ft01{width: 175px;float: left;}
.fttit{font-size: 15px;color: #F4F4F4;line-height: 45px;margin-top: 20px;}
.ft01 a{display: block;line-height: 27px;color: #ccc;font-size: 13px;}
.ftlx{width: 360px;float: left;}
.ftlx p{font-size: 13px;color: #CCCCCC;line-height: 27px;}
.ftlx .fttel{font-size: 25px;margin-top: 25px;color: #f8c80f;padding-left: 40px;background: url(fttel.png) no-repeat;height: 40px;line-height: 35px;}
.ftewm{width: 105px;text-align: center;font-size: 13px;line-height: 25px;color: #CCCCCC;float: left;margin-top: 25px;}
.ftewm img{width: 97px;}
.foot{padding: 20px 0;background: none;color:#ccc;border-top: 1px solid #3a3a3a;margin-top: 20px; text-align: center;}
.foot a{color:#ccc !important}

/* pages */
.pages {padding:20px 0;text-align:center;font-size:12px;}
.pages a:link,.pages a:visited,.pages a:active  {background:#FFFFFF;border:#E6E6E6 1px solid;padding:6px;text-decoration:none;margin:0 6px;}
.pages a:hover  {background:#F1F1F1;border:#CCCCCC 1px solid;color:#FF6600;}
.pages strong {background:#242f35;padding:6px;border:#CCCCCC 1px solid;color:#FFFFFF;}
.pages_inp {border:#CCCCCC 1px solid;padding:6px;width:30px;text-align:center;color:#666666;}
.pages_btn {width:48px;background:#EEEEEE;border:#CCCCCC 1px solid;font-weight:bold;padding:6px;margin:0 6px;}
.pages label {background:#FFFFFF;border:#CCCCCC 1px solid;padding:6px;}
.pages label em {color:red;font-weight:bold;font-style:normal;}
.pages label span {font-weight:bold;}

.link192 .w192{width: 1200px;margin: 0 auto;}
.link192 .web192{padding: 20px 0;}
.link192 .web192 h4{border-bottom: 1px solid #ddd;margin: 0;font-size: 18px;color: #242f35;padding-bottom: 15px;}
.link192 .web192 h4 small{text-transform: uppercase;font-size: 16px;font-weight: normal;color: #999;}
.link192 .web192 ul{margin-left: -20px;}
.link192 .web192 li{float: left;margin-left: 20px;margin-top: 20px;}


/*顶部*/
.topnav-white {
    background: #fff;
    /* border-bottom: 1px solid #eee; */
}
.topnav-common {
    background: #fff;
    color: #777777;
    border-bottom: 1px solid #eee;
    font-size: 12px;
}

.topnav-con {
    position: relative;
    min-width: 850px;
    height: 50px;
    line-height: 45px;
}
.topnav-common a {
    color: #777777;
}
img {
    vertical-align: bottom;
}
#top-navigate {
    position: relative;
    top: 4px;
}
.L {
    float: left;
}
@media (min-width: 1190px){
.wrap-prodetail-adaption {
    width: 1190px;
    min-width: 1190px;
    margin-left: auto;
    margin-right: auto;
}
.pl10 {
    padding-left: 10px !important;
}
.topnav-common .topnav-ora, .topnav-common .topnav-ora:hover {
    color: #ff5600;
}
.R {
    float: right !important;
    margin-top: 10px;
}
.topnav-menu li {
    position: relative;
    padding: 0 5px 0 10px;
    float: left;
}
.topnav-menu .topnav-menu-con {
    padding-right: 10px;
}
.topnav-white .topnav-list-haschild {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
.topnav-menu .iconfont {
    display: block;
    background: url(../images/common-nav.png) no-repeat;
    width: 20px;
    height: 15px;
    float: left;
    margin-top: 14px;
    background-position: 0 0;
}
.topnav-menu .topnav-arrow {
    padding-right: 16px;
    background-position: 48px -14px;
}
.topnav-arrow {
    background-image: url(../images/common-nav.png);
    background-repeat: no-repeat;
    background-position: 74px -14px;
}
.topnav-list-childcon {
    width: 190px;
    padding: 9px 0 3px 0;
    position: absolute;
    left: -1px;
}
.topnav-list-childcon {
    border: solid 1px #e9e9e9;
    border-top: none;
    background-color: #fff;
    position: absolute;
    z-index: 99;
    display: none;
}
.topnav-list-childcon dl {
    padding-left: 12px;
    line-height: 1.5;
    font-size: 12px;
}
.topnav-list-childcon dl dt {
    cursor: auto;
    color: #111;
}
.topnav-list-childcon dl dd {
    float: left;
    padding: 4px 16px 6px 0;
}