@charset "utf-8";
/* CSS Document */
/*切图：zyjn*/

html { font-family:'Microsoft yahei' ,Arial;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
img{ max-width:100%; display: block;}
*,*:before,*:after{ padding:0; margin:0;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;}
*:focus{ border:0;outline: none;}
ol,ul,li{ list-style-type:none; list-style-position:outside;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
a{text-decoration:none; color:#646464; outline: 0; background: 0 0;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}
a:hover{text-decoration:none;}
a:active,
a:focus{
  outline: none;
}
label,
input,
textarea{outline: none;text-decoration:none;}
input:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-user-modify:read-write-plaintext-only; 
}
body{max-width: 1242px;margin: 0 auto;-webkit-tap-highlight-color:rgba(0,0,0,0); background-color:#fff;}
.clearfix{  clear: both;  }
.clearfix:before, .clearfix:after{  display: table;  content: " ";  }
.clearfix:after {  clear: both;  }

select{ margin:0; padding:0; font-family: 'Microsoft yahei',Arial; border:none;}
textarea{ resize:none;outline:none;}
label{ margin-bottom:0; font-weight:normal;}
input,select,textarea{ margin:0; padding:0; border:0; outline:none;
 -moz-border-radius:0px; 
 -webkit-border-radius:0; 
 -khtml-border-radius:0;
 border-radius:0;
}
i{font-style:normal;}
.pz_top{width: 100%;}
.pz_down{width: 100%;}
.pz_banner{width: 100%;}
.elli{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.container{padding:0 0.4rem ;}

.box{overflow-x:hidden;}
.moveBox{width:100%; transition: all 0.3s ease-out 0s;}
.pz_top{height:1.52rem ;}
.head{ padding:0.253333rem 0; background: #fff; width:100%; z-index: 99;height:1.52rem ;left: 0; transition: all 0.3s ease-out 0s;position:fixed; width:100%; top:0; left: 0; }
.head.active{left:6.02666rem;}
.head.active2{box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.logo{ float: right; width:3.173333rem; height: 1.013333rem; line-height: 0;}

.menuph{float:left; margin-top:0.133333rem;  border:0.026666rem solid #eaeaea; border-radius: 30px; text-align: center; line-height:  0.693333rem; padding:0.186666rem 0.373333rem;}
.menuph .ico{width:0.4rem; height:  0.32rem;  float:left; line-height: 0;}
.menuph .H6{ float:left;font-size:0.4rem; color:#333333; line-height: 0.32rem; height: 0.32rem; margin-left:0.106666rem;}
.moveBox.active{margin-left:6.02666rem;}
/*手机下拉*/
.phonemeng{width:100%; height: 100%; top:0; left: 0; position: fixed; background-color:rgba(0,0,0,0.4); z-index: 200; display: none;}
.phonemeng.active{display:block;}
.xialaBox{width:6.02666rem; height: 100%; left: -700px; top:0; z-index: 300; position: fixed; background-color:#fff; overflow-y: auto; transition: all 0.3s ease-out 0s;}
.xialaBox.active{left:0;}
.xialaBox .logoBox{padding: 0.253333rem 0; wdith:100%; background-color:#fff;}
.xialaBox .logo{}
.xialaph{ width:100%;}
.xialaph h4{position:relative;}
.xialaph h4 a{ display: block; font-size:0.373333rem; color:#656564; line-height: 1.226666rem ; border-bottom:1px solid #fff; padding:0 0.4rem ; background-color:#ebebeb;}
.xialaph h4.active a{background-color:#ab1e34; color:#fff;}
.xialaph h4 .ico{width: 0.213333rem; height:  0.213333rem; display: block; position: absolute; top:50%; margin-top:-0.106666rem; right:0.44rem; border-right:2px solid #888686; border-top:2px solid #888686; transform: rotate(45deg); transition: all 0.3s ease-out 0s;}
.xialaph h4.active .ico{transform: rotate(135deg); border-color:#fff; margin-top:-0.146666rem;}
.xialaph .ul2{padding:0 0.306666rem 0.4rem 0.306666rem; display: none;}
.xialaph .ul2 li{border-bottom:1px solid #e5e5e5;}
.xialaph .ul2 a{float:left; width:100%; padding:0.226666rem 0; }
.xialaph .ul2 .img{width:0.12rem ; height: 0.48rem; float:left; line-height: 0;}
.xialaph .ul2 .H6{float:left; line-height: 0.48rem; height: 0.48rem; margin-left:0.28rem; font-size: 0.32rem; color:#656564;}

/*首页  main*/
.index{width:100%; position: fixed; height:100%;}
.company{text-align:center; position: fixed; bottom:5.8rem; left: 0; width:100%;}
.company .H4{display:inline-block; font-size:0.64rem; color:#ab1e34; font-weight: bold; position: relative;}
.company .H4::after,
.company .H4::before{width:0.373333rem; height: 0.026666rem; background-color:#ab1e34; position: absolute; top:50%; margin-top:-1px; left: -0.786666rem; content: ""}
.company .H4::before{right:-0.786666rem; left: auto;}
.indexList{position:fixed; bottom:1.36rem; width:100%; padding:0 0.4rem; box-sizing: border-box;}
.indexList .list{width:2.16rem; text-align: center; background-color:#fff; position: relative; float:left; margin-right:0.186666rem ; box-shadow: 0 0 35px 10px rgba(0,0,0,0.08);}
.indexList .list::after{width:100%; height: 0.746666rem; background:url(/Templates/cn/images/p11.png) bottom center no-repeat; background-size:100%; position: absolute; top:-0.746666rem; left: 0; content: "";}
.indexList .list::before{width:100%; height: 0.746666rem; background:url(/Templates/cn/images/p12.png) top center no-repeat; background-size:100%; position: absolute; bottom:-0.746666rem; left: 0; content: "";}
.indexList .list:nth-child(4n){margin-right:0;}
.indexList .list .ico{width:0.786666rem; height: 0.746666rem ; margin: auto; line-height: 0; display: block;}
.indexList .list .H6{font-size:0.373333rem; color:#333333; margin-top:0.133333rem;}
.indexList .list:nth-child(5){margin-left:1.173333rem;}
.indexList .list:nth-child(5),
.indexList .list:nth-child(6),
.indexList .list:nth-child(7){margin-top:0.746666rem;}


/*关于我们*/
/*banner*/
.pz_banner{ width:100%; position:relative; }
.banner{width: 100%; height: 5.01333rem; overflow: hidden;}
.banner .slick-slide{ width:100%; outline: 0;}
.banner img{display: block; width:100%;}
.banner .slick-dots{line-height:0; width:100%; bottom:0.253333rem;}
.banner .slick-dots li{width:0.4rem; height: 0.066666rem;background-color:#ababaa; margin: 0 0.066666rem;}
.banner .slick-dots li.slick-active{ background-color:#ab1e34;}

.about1{width:100%; margin-top:0.4rem; position: relative; overflow: hidden;}
.about1 .imgOn{width:3.333333rem; height: 100%; position: absolute; top:0; right:0; background-color:#ab1e34; text-align: center; padding-top:1rem; box-sizing: border-box;}
.about1 .imgOn .H6{font-size:0.32rem; color:#fff; opacity: 0.6; font-family: Arial; text-transform: uppercase;}
.about1 .imgOn .H5{font-size:0.426666rem; color:#fff; font-weight: bold; margin: 0.133333rem 0 0.2rem 0;}
.about1 .imgOn .line{width:0.826666rem; height: 1px; display: block; margin: auto; background-color:#dda5ae; position: relative;}
.about1 .imgOn .line::after{width:1px; height: 0.173333rem; position: absolute; top:0; left: 50%; background-color:#dda5ae; content: ""; }
.about1 .imgOn .p{font-size:0.32rem; color:#fff; line-height: 0.56rem; margin-top:0.506666rem;}
.about1 .trangle{width:0.826666rem; height: 0.426666rem; position: absolute; bottom:0; right:2.933333rem; line-height: 0;}
.about2{font-size:0.32rem ; line-height: 0.56rem; color:#333333; text-align: justify;}
.about2 .H5{font-size:0.4rem; color:#ab1e34; font-weight: bold; line-height: 0.56rem; margin: 0.333333rem 0 0.2rem 0;}
.about2 .img{margin-top: 0.333333rem; text-align: center;}
.about3{font-size: 0.32rem ; line-height: 0.48rem; color:#333333; padding:0.44rem 0; border-top:1px solid #e8e8e8; margin-top: 1.066666rem; text-align: center;}

.pz_down{ height: 1.36rem;}
.bottom{width:100%; height: 1.36rem; background-color:#fff; position: fixed; bottom:0; left: 0;transition: all 0.3s ease-out 0s; background-color:#efeeee;}
.bottom .list{float:left; width:25%; border-right:1px solid #fff;}
.bottom .list:nth-child(4){border-right:none;}
.bottom .list a{display:block; width:100%; padding:0.16rem 0 0.133333rem 0;}
.bottom .list .img{width:0.573333rem; height: 0.52rem; display: block; line-height: 0; margin: auto;}
.bottom .list .img2{display:none;}
.bottom .list .H5{text-align:center; font-size:0.32rem; color:#333333; margin-top: 0.106666rem;}
.bottom.active{left:6.02666rem;}
.bottom .list.on{background-color:#ab1e34;}
.bottom .list.on .img .img1{display:none}
.bottom .list.on .img .img2{display:block}
.bottom .list.on .H5{color:#fff}

/*最新资讯*/
.newsList{margin-top:0.133333rem;}
.newsList .list{padding:0.4rem 0 ; border-bottom:1px solid #d4d4d4;}
.newsList .pic{width:2.4rem; height: 1.6rem; float:left; }
.newsList .text{margin-left:2.693333rem;}
.newsList .H4{font-size:0.373333rem; color:#333333; line-height:  0.48rem; height: 0.946666rem; margin: 0.133333rem 0;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.newsList .H5{font-size:0.32rem; color:#666666;}
.load{width: 0.72rem; height:  0.72rem; line-height: 0; display: block; margin: 0.533333rem auto; animation:rotating 1.2s linear infinite }
@keyframes rotating{
from{transform:rotate(0)}
to{transform:rotate(360deg)}
}

/*新闻详情*/
.back{width:100%; display: block; line-height: 1.013333rem; height: 1.013333rem; background-color:#ececec; font-size:0.373333rem; color:#ab1e34;}
.back .ico{width:0.213333rem; height: 0.186666rem ; float:left; margin:0.413333rem 0 0 0; line-height: 0; margin-right:0.253333rem; }
.newsDe{padding-bottom:0.733333rem ;}
.newsDe .H3{font-size:0.426666rem; line-height: 0.64rem; color:#333333; margin: 0.46666rem 0 0.4rem 0}
.newsDe .infor{line-height:0;}
.newsDe .infor .span1{float:left; width:1.84rem; height: 0.666666rem ; line-height: 0.666666rem; background-color:#ab1e34; text-align: center; font-size:0.373333rem; color:#fff;}
.newsDe .infor .time{float:left; height: 0.666666rem ; line-height: 0.666666rem; font-size: 0.373333rem; color:#666666; margin-left: 0.253333rem;}
.newsDe .infor .view{float:right;height: 0.666666rem ; line-height: 0.666666rem; font-size: 0.373333rem; color:#666666;}
.newsDe .infor .view .ico{width:0.453333rem; height: 0.293033rem ; float:left; margin: 0.16rem 0.093333rem 0 0;}
.newsDe .p .img{text-align:center; margin: 0.533333rem 0 0.4rem  0;}
.newsDe .p{font-size: 0.373333rem; color:#222222; line-height: 0.64rem ;}
.newsDe .p .bold{font-weight:bold;}

/*联系我们*/
.contact{padding-bottom: 0.8rem ;}
.contact1{width:8.98666rem; margin:0.666666rem auto 0.46666rem auto; line-height: 0;}
.contact2 .list{margin-top:30px;}
.contact2 .list:first-child{margin-top:0;}
.addressBox{background-color:#f3f3f3;}
.addressBox .place{border-bottom:1px solid #fff; padding:0 0.4rem ;}
.addressBox .place .H5{float:left; font-size:0.4rem ; color:#ab1e34; font-weight: bold; height:1.173333rem; line-height:1.173333rem;}
.addressBox .place .H6{float:left; font-size:0.32rem ; color:#333333;font-family: Arial; margin-left:0.253333rem;height:1.173333rem; line-height:1.24rem; text-transform: uppercase;}
.address {padding:0.146666rem 0.4rem  0.28rem 0.4rem;}
.address .list2{margin:0.12rem 0;}
.address .ico{width:0.293033rem ; height: 0.346666rem; float:left; margin:  0.2rem 0 0 0;}
.address .text{margin-left:0.533333rem; font-size: 0.32rem; color:#555555; line-height:0.693333rem ;}
.map{width:100%; height: 3.21333rem;}
#bdmap1{ position: relative; width: 100%; height: 100%;}
#bdmap2{ position: relative; width: 100%; height: 100%;}
#bdmap3{ position: relative; width: 100%; height: 100%;}
#bdmap4{ position: relative; width: 100%; height: 100%;}
#bdmap5{ position: relative; width: 100%; height: 100%;}
#bdmap6{ position: relative; width: 100%; height: 100%;}

/*品牌列表*/
.pinpai{padding-bottom:60px;}
.pinpaiList .list{width:4.4rem; float:left; margin: 0.4rem 0.4rem 0 0;}
.pinpaiList .list:nth-child(2n){margin-right:0;}
.pinpaiList .pic{width:100%; overflow: hidden; border:1px solid #e0e0e0; border-bottom:none;}
.pinpaiList .H5{font-size:0.32rem; color:#555555; text-align: center; line-height: 0.906666rem; height: 0.906666rem; background-color:#ededed;}

/*品牌详情*/
.pinpaiDe{padding-bottom:0.133333rem; border-bottom:0.253333rem solid #f3f3f3;}
.pinpaiDe .pic{width:5.666rem; margin: 0.506666rem auto  0.24rem auto; line-height: 0;}
.pinpaiDe .H3{font-size:0.4rem; color:#ab1e34; font-weight: bold; text-align: center; padding-bottom:0.333333rem; margin-bottom:0.4rem; border-bottom:1px solid #e3e3e3;}
.pinpaiDe .p{font-size:0.32rem; line-height: 0.56rem; color:#333333;}
.pinpaiDe .p .img{margin: 0.306666rem 0;}

.xg{padding:0.493333rem 0 0.733333rem 0;}
.xgTi{text-align:center;}
.xgTi .H4{font-size:0.426666rem; color:#ab1e34; font-weight: bold; letter-spacing: 0.053333rem ;}
.xgTi .line{width:0.826666rem; height: 1px; display: block; margin: 0.253333rem auto auto auto; background-color:#e6bbc2; position: relative;}
.xgTi .line::after{width:1px; height: 0.173333rem; position: absolute; top:0; left: 50%; background-color:#e6bbc2; content: ""; }
.xg .productList .list{margin: 0.333333rem 0.4rem 0 0;}
.xg .productList{padding-top:0.253333rem;}

/*产品*/
.productList:last-child {padding-bottom:1.33333rem}
.productList .list{width:4.4rem; float:left; margin: 0.4rem 0.4rem 0 0;}
.productList .list:nth-child(2n){margin-right:0;}
.productList .pic{width:100%; overflow: hidden; background-color:#efefef;}
.productList .H5{font-size:0.373333rem; color:#333333; margin:  0.226666rem 0 0.16rem  0;}
.productList .H6{font-size:0.32rem; color:#888888; font-family: Arial; letter-spacing: 1px;}
.pageNav{position:relative; box-shadow: 0 0 10px rgba(0,0,0,0.1);height: 1.173333rem;}
.pageNav .list{float:left;}
.pageNav .list > a{display:block; padding:0 0.533333rem; font-size:0.373333rem; color:#444444; line-height: 1.173333rem; height: 1.173333rem; position: relative;}
.pageNav .list > a::after{width:0.28rem; height: 0.133333rem; content: ""; position: absolute; bottom: -1px; left: 50%; margin-left:-0.153333rem; background:url(/Templates/cn/images/p39.png) center no-repeat; background-size:100%; display: none;}
.pageNav .ul2_ul{position:absolute; top: 1.173333rem; left: 0; width:100%; background-color:#eeeeee; display: none;}
.pageNav .ul2_ul .list2{float:left;}
.pageNav .ul2_ul .list2 a{display:block;padding: 0 0.6rem; position: relative; font-size: 0.346666rem; color:#666666; height:  1.12rem; line-height: 1.12rem;}
.pageNav .ul2_ul .list2 a::after{width:1px ; height: 0.373333rem; margin-top:-0.186666rem; position: absolute; top:50%;right:0; content: ""; background-color:#d5d5d5;}
.pageNav .ul2_ul .list2:last-child a::after{display:none;}
/*.pageNav .list.on .ul2_ulBox{height:1.12rem ;}*/
.pageNav .list.on > a::after{display:block;}
.pageNav .list.on > a{background-color:#ab1e34; color:#fff;}
.pageNav .ul2_ul .list2.on a{color:#ab1e34;}

/*产品详情*/
.banner2 {height:7.46333rem;}
.banner2 .slick-dots{line-height:0; width:100%; bottom:0.253333rem;}
.banner2 .slick-dots li{width:0.213333rem; height: 0.213333rem;background-color:#ab1e34;opacity:0.3; margin: 0 0.093333rem ; border-radius: 50%;}
.banner2 .slick-dots li.slick-active{ opacity:1; }
.proDe{padding-bottom:0.76rem;}
.proDeTi{padding:0.333333rem 0; border-bottom:1px dashed #b2b2b2;}
.proDeTi .H3{font-size:0.48rem ; color:#ab1e34; font-weight: bold;}
.proDeTi .H4{font-size:0.32rem; color:#333333;margin-top:0.2rem ;}
.proDe2Ti{padding:0.4rem  0  0.253333rem 0;}
.proDe2Ti .ico{ padding: 0.1rem;width: 0.533333rem; height:  0.533333rem; background-color:#ab1e34; border-radius: 50%; float:left; overflow: hidden; line-height: 0;}
.proDe2Ti .H4{float:left; font-size:0.4rem; color:#ab1e34; line-height: 0.533333rem ; margin-left:0.186666rem ;}
.table{background-color:#f3f3f3; margin-bottom: 0.133333rem;}
.table .list{border-bottom:1px solid #fff;}
.table .H5{font-size:0.32rem; color:#333333; line-height: 0.933333rem ; float:left; width:3rem; padding:0 0.533333rem;}
.table .H5:first-child{border-right:1px solid #fff;}
.table .H5 .span{display:inline-block; line-height: 0.4rem; vertical-align: middle;}
.table .H53{width:6.18666rem;}
.proDe2 .p{font-size:0.32rem; line-height: 0.56rem; color:#333333;}

/*技术中心-服务*/
.telcTi .H5{height:1.173333rem; line-height: 1.173333rem;  float:left; font-size:0.4rem; color:#ab1e34; font-weight: bold; border-bottom:0.04rem solid #ab1e34;}
.telcTi { border-bottom:0.04rem solid #eaeaea; height:1.173333rem; margin-bottom:0.4rem; float:left; width:100%; }
.telc .p{font-size: 0.346666rem ; line-height: 0.533333rem; color:#333333; text-align: justify;float:left; width:100%; }
.telc .p .bold{font-weight:bold;}
.telcTi2{margin-top: 0.333333rem;}
.telc .p .dot{width:0.08rem ; height: 0.08rem ; background-color:#ab1e34; margin:0 0.173333rem 0 0.133333rem; display: inline-block; vertical-align: middle; margin-top:-2px;}
.telc2{width:8.74666rem; float:right;}
.telc2 .list{margin-top: 0.866666rem; width:100%;}
.telc2 .list:first-child{margin-top: 0.4rem ;}
.telc2 .list .H4{background-color:#eeefef; padding:0.16rem 0.4rem ; font-size:0.32rem; line-height: 0.533333rem; font-weight: bold; letter-spacing: 1px; color:#ab1e34; text-align: justify;}
.telc2 .list .img{margin-top:0.333333rem;}
.telc2 .list:last-child{margin-bottom:0.8rem ;}

/*应用*/
.telc3 .img3{text-align:center; margin: 0.4rem 0;}
.telc3 {padding-bottom:0.733333rem ;}

/*附件*/
.annex .pageNav .list > a{padding:0 0.46666rem}
.annex .telc3 .img3{margin:0.533333rem 0 0 0;}
.annex .telcTi{height: 1.33333rem}
.annex .telcTi .H5{height: 1.33333rem;line-height: 1.33333rem}
.annex .telc3 .p{float:none;}

.now {    font-size: 0.373333rem; color: #444444; text-align:center; margin-top: 0.253333rem}

/*产品二级*/
.proEj{padding:0.133333rem 0.4rem 1.96rem 0.4rem;}
.proEj .list{background-color:#efeeee; padding: 0 1.386666rem 0 1.386666rem ; margin-top:0.4rem;}
.proEj .list .ico{width:2.6666rem; height: 2.6666rem; float:left;}
.proEj .list:nth-child(2n) .ico{float:right;}
.proEj .text{width:2.9333rem; text-align: center; float:right; padding-top:0.84rem;}
.proEj .list:nth-child(2n) .text{float:left;}
.proEj .text .H4{font-size:0.48rem ; line-height: 0.48rem ; color:#333333;}
.proEj .text .H5{white-space:nowrap; font-size:0.32rem; line-height: 0.32rem; color:#a6a6a6; font-family: Arial; text-transform: uppercase; margin-top: 0.173333rem;}