@charset "utf-8";
body{font-size:10px !Important;background:#f5f5f5;margin:0px;padding:0px;}
*{margin:0px;padding:0px;}

.tit{width:100%;height:auto;clear:both;position:relative;overflow:hidden;}
.tit h1 a{font-size:3.6rem;width:100%;text-align:center;color:#000;font-weight:bold;letter-spacing:0px;display:block}
.tit h2 a{font-size:2.4rem;width:100%;text-align:center;color:#000;font-weight:normal;letter-spacing:0px;display:block;line-height:2.4;}
.tit p {width:100%;text-align:center;color:#222;font-size:1.4rem;line-height:2.4;}
.tit ul{width:100%;height:auto;clear:both;text-align:right;}
.tit ul a{color:#000;font-size:1.6rem;display:inline-table;margin:0 10px;padding:10px 15px;transition:all 1s}
.tit ul a:hover{background:#e60012;color:#fff;transition:all 1s}

.tit2{width:100%;height:auto;clear:both;position:relative;overflow:hidden;}
.tit2 h1 a{font-size:3.6rem;width:100%;text-align:left;color:#fff;font-weight:bold;letter-spacing:0px;display:block}
.tit2 h2 a{font-size:2.4rem;width:100%;text-align:left;color:#fff;font-weight:normal;letter-spacing:0px;display:block;line-height:2.4;}

.more{display:block;width:170px;height:40px;line-height:40px;color: #fff !important;text-align:center;font-size:14px;margin: 0 auto;background:#e60012;transition:all 1s;position:relative;top:0px;}
.more:hover{position:relative;top:-5px;transition:all 1s}
@media (max-width:990px){
.tit{width:100%;}
.tit h1 a{text-align:center;font-size:2.2rem;}
.tit h2 a{text-align:center;font-size:1.8rem;line-height:2.4;}
.tit p{font-size:1.3rem;line-height:1.8;}
.tit ul{text-align:center;margin-top:2rem;}
.tit ul a{background:#d6d5d6;}
.tit2{width:100%;}
.tit2 h1 a{text-align:center;font-size:2.2rem;}
.tit2 h2 a{text-align:center;font-size:1.8rem;line-height:2.4;}



}


.public{width:100%;margin:0 auto;}
.public2{width:100%;height:auto;position:relative;margin: auto;overflow:hidden;}




.m_img{display:none;}
.m_nav{display:none;}




/*移动端导航*/
@media screen and (max-width: 990px) and (min-width: 0px){
.top2{display:none}
   .msgNum{display: none;}
   .slider{margin-top: 44px;}
   .head{display:none}
   .m_img{display:block;height:64px;position:relative;top:0px;left:0px;width:100%;z-index:9999;overflow: hidden;}
   .m_img .headlf{padding-top:2px;padding-left:5px;float: left;}
   .m_img .headlf .m_logo{height:60px;display: block}
   .m_img .headrg{padding-right:5%;padding-top:24px;float: right;}
   .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #232530}
   .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .icon{ background:url(../zimages/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../zimages/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
}

@media (max-width:768px){
#container{width:100%;padding:10px}

}
@media (min-width:992px){.c4 .col-md-3{width:29.1%}
.c4 .col-md-4{width:29.13%;padding:0}
.c4 .col-md-8{width:70.5%}
.c4 .col-md-9{width:70%}
}

@media (max-width:1280px){

.navBar2 .bignav #m1 .sub {width: 400% !important;padding:20% 20% !important;}
}


.phone{width:30%;float:right;}
.phone .tel {float: left;font-size:1.4rem;color:#fff;padding:20px;font-weight:bold;width:65%;height:70px;margin-top:12px;text-align: center; position: relative;}
.phone .tel span{font-size:1.8rem;font-weight:bold;color:#f69802}
.phone .langue{width:35%;float:right;text-align:center;}
.phone .langue a{float:left;display:block;width:30px;height:30px;overflow:hidden;position:relative;top:30px;margin:0 5px;}
.phone .langue a img{width:30px;height:30px}
@media (max-width:768px){
.phone .tel{display:none}
.container2{width:98% !important}
.langue{width:100%;float:right;text-align:center;padding:2rem 0rem;border-bottom: 1px solid #232530;}
.langue a {float: left;position:static;display: block; width: 50%; margin-top: 1rem;text-align: left;color:#fff;font-size:1.6rem;}
.langue a img{width:30px;height:30px;margin-right:5px;}
.langue a:hover{color:rgba(255,255,255,0.8)}
}
@media(min-width:769px) and (max-width:990px){
.langue{width:100%;float:right;text-align:center;padding:2rem 0rem;border-bottom: 1px solid #232530;}
.langue a {float: left;position:static;display: block; width: 50%; margin-top: 1rem;text-align: left;color:#fff;font-size:1.6rem;}
.langue a img{width:30px;height:30px;margin-right:5px;}
.langue a:hover{color:rgba(255,255,255,0.8)}
}

@media(min-width:991px) and (max-width:1080px){
.phone .tel{display:none}
.col-md-9 {width: 65% !important;float:left;}
.container2{width:98% !important}
.phone{width: 10%;}
.phone .langue {width: 100%;}
.phone .langue a {float: right;}

}

@media(min-width:1081px) and (max-width:1280px){
.phone .tel{display:none}
.col-md-9 {width: 65% !important;float:left;}
.container2{width:98% !important}
.phone{width: 10%;}
.phone .langue {width: 100%;}
.phone .langue a {float: right;}
}

@media(min-width:1281px) and (max-width:1440px){
.phone .tel{display:none}
.col-md-9 {width: 65% !important;float:left;}
.container2{width:98% !important}
.phone{width: 10%;}
.phone .langue {width: 100%;}
.phone .langue a {float: right;}
}
@media(min-width:1441px) and (max-width:1600px){
.container2{width:98% !important}
}
@media(min-width:1601px) and (max-width:1800px){
.col-md-9 {width:50%;float:left;}
.container2{width:98% !important}


}

.col-md-9 {width:50%;float:left;}



.container2{width:88%;height:auto;clear:both;margin:0 auto;position:relative;}

.navbar-brand img{max-width: 100%;max-height: 100%;}
.top{width:100%;color:#a1a1a1;line-height:35px;background:#dcdcdc}
.logo{display:block;}
.logo img{max-height:95px;width:auto;}
.k1{line-height:35px;font-size:12px;color:#a1a1a1}
.k1 a{color:#a1a1a1}
.k2{float:left;line-height:35px;font-size:12px;color:#a1a1a1;}
.k2 a{color:#a1a1a1}
.k3{float:right}

.th-head{ position: absolute;left: 0;top: 0;z-index: 999999;right: 0;height: auto;}
.thHeadBox{position:relative;left:0;top:0;width:100%;}
@media(max-width:990px){
.th-head{position:relative;background:none}
.thHeadBox{position:relative;background:none}

}



@media(max-width:950px){.enc{}
.k2{display:none !important}
}.k3 .k3a{display:block;background:url(../images/ss.png)no-repeat;width:18px;height:18px;margin-top:9px;outline:none;}
.k4{float:right}
.k4 .yya{background:url(../images/xiala.png) 180px center no-repeat;text-align:center;color:#fff;cursor:pointer;font-size: 14px;}
.k4 .yya2{display:block;text-align:center}

.k4{float:right;text-align:right;position:relative;z-index:9999;width:100%;top:40px;color:#fff;}
.navBar2{z-index:1}
.navBar2 .bignav{height:95px !important;margin:0;padding:0;position:relative;text-align: center;}
.navBar2 .bignav h3{font-weight:normal;margin:0px}
.navBar2 .bignav .m{display:inline-table;text-align:center;width:12%;position: relative;margin-right:1%;}
.navBar2 .bignav h3 a{zoom:1;line-height:95px !important;display:block;color:#fff;font-size:1.6rem;}

@media (max-width:950px){.navBar2 .bignav h3 a{line-height:100px !important}
.navBar2 .bignav{height:100px !important;background:url(../images/dhln.png)left center no-repeat;margin:0;padding:0}
}
.navBar2 .bignav .on h3 a{color:#f69802}
.navBar2 .bignav .on h3 a .caret{border-bottom: 2px solid #f69802;border-right: 1px solid #4e6390;}





@media (max-width:1600px){
.navBar2 .bignav #m1 .sub{left:-200px !important}
}
.navBar2 .bignav #m2 .sub{z-index:1;width:1920px;left:-718px;padding-top:25px}
.navBar2 .bignav #m2 .sub ul{width:80%;margin:0 auto}
.navBar2 .bignav #m2 .sub ul li{float:left;text-align:center;list-style:none}
.navBar2 .bignav #m2 .sub ul li h3{display:block;font-size:18px;color:#c91b1b;margin-bottom:30px}
.navBar2 .bignav #m2 .sub ul li img{width:91px;height:152px;margin-bottom:30px}
.navBar2 .bignav #m2 .sub ul li span{display:block;font-size:16px;color:#000000}
.navBar2 .bignav #m3 .sub{z-index:1;width:863px;left:-185px;padding-top:55px}
.navBar2 .bignav #m4 .sub{z-index:1;width:863px;left:-260px;padding-top:55px}
.navBar2 .bignav #m5 .sub{z-index:1;width:863px;left:-320px;padding-top:55px}
.navBar2 .bignav #m6 .sub{z-index:1;width:863px;left:-410px;padding-top:55px}
.navBar2 .bignav #m7 .sub{z-index:1;width:863px;left:-530px;padding-top:55px}
.navBar2 .bignav #m8 .sub{z-index:1;width:863px;left:-650px;padding-top:55px}
.navBar2 .bignav .sub{display:none;padding:10px 0;position:absolute;left:-10px;top:95px;float:left;line-height:30px;background: rgba(255,255,255,0.9);height:auto}

.navBar2 .bignav #m1 .sub{z-index:9999;width:520%;left:-300px;padding:20% 20%;}


.navBar2 .bignav .sub .subl{width:200px;float:left;text-align:left;margin-left:54px}
.navBar2 .bignav .sub .subl h3{display:block;font-size:24px;color:#2b2b2b}
.navBar2 .bignav .sub .subl span{display:block;padding-top:15px;font-size:14px;color:#777777;line-height:24px;height:140px;overflow:hidden}
.navBar2 .bignav .sub .subr{float:left;width:60%;height:auto;text-align:left;}
.navBar2 .bignav .sub .subr img{width:100%;height:auto;}
.navBar2 .bignav .sub dl{float:left;display:inline-block;width:40%;padding:0px 20px;height:auto;padding-bottom:20px;}
.navBar2 .bignav .sub dl dt{font-size:16px;line-height:36px;text-align:left;text-indent:10px}
.navBar2 .bignav .sub dl dt a{display:block;color:#555555;font-weight:normal;font-size: 1.4rem;}
.navBar2 .bignav .sub dl dt a:hover{color:#c91b1b;background:url(../images/navh.png) 105px center no-repeat}



@media(max-width:768px){.navbar-brand{width:45%}
.navBar2 .bignav .sub dl{padding:0px 0px;}
}






/*面包屑*/

.lic{width:100%;height:auto;background:rgba(0,0,0,0.2);height:50px;float:right;}
.xypg-right-mbx{border:none;font-size:14px;color:#fff;line-height: 5rem;padding-left: 5px;}
.xypg-right-mbx .cur-pos{display:inline-block;color:#fff}
.xypg-right-mbx .cur-pos .iconfont{font-size:25px;display:inline-block;height:25px;color:#fff;margin-right:5px}
.xypg-right-mbx a{color:#fff}
.xypg-right-mbx a:hover{color:#c00a0d;text-decoration:underline}


@media (max-width:992px){
.xypg-right-mbx{padding-top:0}
}


.xypg-right-content{font-size:14px;color:#333;line-height:1.7;padding:5%;background:#fff}
.xypg-right-content p img{max-width:100%}











/*关于我们-banner*/
.neibanner{width:100%;height:50vh;overflow:hidden;position:relative;background-size:cover;}
.neibanner .img{width:100%;height:100%;}
.neibanner .text{position:absolute;top:35%;left: 17.5%;}
.neibanner .text h1{font-size:5rem;color:#fff;letter-spacing:1px;}
.neibanner .text h2{font-size:4rem;color:#fff;font-weight:normal;letter-spacing:1px;line-height:2;}


@media (max-width:468px){

.neibanner .text h1{font-size:2rem;}
.neibanner .text h2{font-size:1.4rem;}
.neibanner .text{left:5%;}

}
@media (min-width:469px) and (max-width:768px){

.neibanner .text h1{font-size:2rem;}
.neibanner .text h2{font-size:1.4rem;}


}
@media (min-width:768px) and (max-width:990px){


.neibanner .text h1{font-size:2rem;}
.neibanner .text h2{font-size:1.4rem;}
.neibanner .text{left:5%;}

}
@media (min-width:991px) and (max-width:1080px){

.neibanner .text h1{font-size:4rem;}
.neibanner .text h2{font-size:2rem;}

}
@media (min-width:1081px) and (max-width:1200px){


.neibanner .text h1{font-size:4rem;}
.neibanner .text h2{font-size:2rem;}

}
@media (min-width:1201px) and (max-width:1320px){

.neibanner .text h1{font-size:4rem;}
.neibanner .text h2{font-size:2rem;}

}
@media (min-width:1321px) and (max-width:1440px){
.neibanner .text h1{font-size:4rem;}
.neibanner .text h2{font-size:2.4rem;}

}
@media (min-width:1441px) and (max-width:1600px){
.neibanner .text h1{font-size:4rem;}
.neibanner .text h2{font-size:2.4rem;}

}



/*关于我们-分类名称*/


.con1 {width: 100%; height: auto;paddding: 20px 0px;clear: both;padding-top: 5rem;z-index: 888;  position:absolute;left: 0%; bottom: 0%;}
.exNav {  display: block;  line-height: 50px;  border-bottom: 1px solid #dedede;  width: 100%;  padding: 5px 0;  margin: auto;background: #fff;clear: both;float:left;}
.mul{width:100%;height:auto;float:right;text-align: right;text-align:center;}
.mul li{text-align: center;display: inline-table;margin: 0 35px;position: relative;}
.mul li a{font-size:1.5rem;text-align: center;display: block;width: 100%;color:#333;}
.mul li:hover a{color:#f69802;}
.mul li.active a{color:#f69802;border-bottom:solid #f69802 3px}
@media (max-width:990px){

.mul {width: 100%;}
.mul li{padding:5px;min-width:100px;float:left; margin: 0 10px;}
}

@media (min-width:469px) and (max-width:768px){
.mul {width: 100%;}
.mul li{padding:5px;min-width:100px;float:left; margin: 0 10px;}



}





/*关于我们-公司简介*/


.about{float:left;margin-top:4rem;position:relative;padding: 5%;background:#fff;width: 100%;}
.about .left{width:100%;float:right;}
.about .left h3{font-size:16px;color:#333;margin-top:40px;margin-bottom:15px}
.about .left p{font-size:14px;color:#666;line-height:30px}
.about .right{width:35%;overflow: hidden;float:left}
.about .int{margin-top:100px;font-size:24px;color:#474747;width:80%;line-height:3;clear:both;float:left;text-align: left;font-weight:bold;}
.about .img3{float: right;width:20%;height:auto;}
.about .img3 img{width: auto;height: auto;max-width: 100%;}




.culture{float:left;margin-top:4rem;position:relative;padding: 5%;background:#fff;width: 100%;}
.culture  .left{width:49%;float:left;overflow:hidden;position:relative}
.culture  .left:before{content:"";display:block;width:1px;height:80%;margin-top:10%;background:#d5d5d5;position:absolute;right:0}
.culture  h3{font-size:24px;font-weight:normal}
.culture .left .line{width:30px;height:1px;margin-top:15px;margin-bottom:20px;background:#f69802}
.culture .left .boxs{margin-top:30px;clear:both;}
.culture .left .boxs .le{float:left;font-weight:bold;font-size:16px;color:#f69802;display:block;margin-right: 20px;line-height:30px}
.culture .left .boxs .ri{display:block;float:left;width:80%}
.culture .left .boxs .ri span{display:block;font-size:14px;color:#666;line-height:30px;padding-left:20px;position:relative}
.culture .left .boxs .ri span:before{content:"";display:block;position:absolute;left:0;top:0;width:4px;height:4px;margin-top:13px;background:#737373;border-radius:50%}
.culture .left .link{margin-left:20%}
.culture .right{width:49%;float:left;overflow:hidden;padding: 0% 5%}
.culture .right h3{background:url(../img/map-icon.png) no-repeat left center}
.culture .right h3 img{margin-right:10px;}
.culture .right .boxs{margin-top:50px}
.culture .right .boxs h4{font-size:16px;color:#474747;margin-bottom:20px}
.culture .right .boxs span{display:block;font-size:14px;color:#666;line-height:30px;padding-left:20px;position:relative}
.culture .right .boxs span:before{content:"";display:block;position:absolute;left:0;top:0;width:4px;height:4px;margin-top:13px;background:#737373;border-radius:50%}
.culture  .imgs{margin-top:70px;height:390px;width:100%;display:block;background-position:center center;background-repeat:no-repeat;background-size:cover;text-align:center}
.culture  .imgs .boxs{padding-top:80px;color:#fff}
.culture  .imgs .boxs h3{font-size:36px;text-shadow:2px 2px 3px rgba(0,0,0,0.2)}
.culture  .imgs .boxs span{display:block;margin-top:10px;font-size:16px;text-shadow:2px 2px 3px rgba(0,0,0,0.2)}
.culture .text{display:block;margin-top:40px;text-align:center}
.culture .text span{font-size:14px;color:#666;display:block;margin:40px 0;line-height:25px}
.culture .text ul{margin:auto;display:table}
.culture .text ul li{text-align:center;float:left;margin:0 30px;padding:0 45px;height:40px;line-height:40px;border:2px solid #4e6390;color:#4e6390;font-size:16px;font-weight:bold;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease}
.culture .text ul li:hover{color:#fff;background:#4e6390;font-weight:normal}





.culture .left .boxs .ri{display:block;float:left;width:80%}
.culture .left .boxs .ri span{display:block;font-size:14px;color:#666;line-height:30px;padding-left:20px;position:relative}
.culture .left .boxs .ri span:before{content:"";display:block;position:absolute;left:0;top:0;width:4px;height:4px;margin-top:13px;background:#737373;border-radius:50%}






@media(max-width:468px){
.about .right{width:100%;overflow: hidden;float:left}
.about .left{width:100%;float:right;padding: 5% 0%;}
.about .right img{width:100%;}
.about .int{width: 80%;font-size: 1.8rem;float:left;text-align: left;margin-top:1rem;font-size: 1.6rem;}

.culture  .left{width:100%;padding: 0% 0% 5% 0%;}
.culture .right{width:100%;padding:0% 0%;margin-top: 3rem;}
.culture .right .boxs { margin-top: 3rem;}
.culture .left::before {background:none;}
.culture .left{border-bottom:solid #d5d5d5 1px;}
}




@media(min-width:469px) and (max-width:768px){
.about .right{width:100%;overflow: hidden;float:left}
.about .left{width:100%;float:right;padding: 5% 0%;}
.about .right img{width:100%;}
.about .int{width: 80%;font-size: 1.8rem;float:left;text-align: left;margin-top:1rem;font-size: 1.6rem;}

.culture  .left{width:100%;padding: 0% 0% 5% 0%;}
.culture .right{width:100%;padding:0% 0%;margin-top: 3rem;}
.culture .right .boxs { margin-top: 3rem;}
.culture .left::before {background:none;}
.culture .left{border-bottom:solid #d5d5d5 1px;}

}



@media(min-width:769px) and (max-width:990px){
.about .right{width:100%;overflow: hidden;float:left}
.about .left{width:100%;float:right;padding: 5% 0%;}
.about .right img{width:100%;}
.about .int{width: 80%;font-size: 1.8rem;float:left;text-align: left;margin-top:1rem;font-size: 1.6rem;}

.culture  .left{width:100%;padding: 0% 0% 5% 0%;}
.culture .right{width:100%;padding:0% 0%;margin-top: 3rem;}
.culture .right .boxs { margin-top: 3rem;}
.culture .left::before {background:none;}
.culture .left{border-bottom:solid #d5d5d5 1px;}
.about .int {margin-top: 40px;}

}

@media(min-width:991px) and (max-width:1200px){
.about .int {margin-top: 40px;}
}

@media(min-width:1201px) and (max-width:1320px){
.about .int {margin-top: 50px;}
}

@media(min-width:1321px) and (max-width:1440px){
.about .int {margin-top: 60px;}
}

@media(min-width:1441px) and (max-width:1600px){
.about .int {margin-top: 70px;}
}

.more{display:block;width:170px;height:40px;line-height:40px;color: #fff !important;text-align:center;font-size:14px;margin-top:5rem !important;background:#e60012;transition:all 1s}
.more:hover{position:relative;top:-5px;transition:all 1s}






/*底部*/



/*联系我们*/
.contact{float: left;width:100%;height:auto;clear:both;background:url(../zimages/contact.jpg) no-repeat center bottom;background-size:cover;padding: 5rem 0rem 0rem 0rem;margin-top: 2rem;}
.contact .f1{clear:both;width:100%;height:auto;padding: 5rem 0rem;border-bottom:solid #394042 1px;}
.contact .f1 ul{width:100%;height:auto;clear:both;overflow:hidden;text-align:center}
.contact .f1 ul li{width:10%;display: inline-table;border-right:solid #fff 1px}
.contact .f1 ul li a{color:#fff;text-align:center;display:block;width:100%;line-height:1.6;font-size:1.8rem;}
.contact .f1 ul li:hover a{color:#f69802}

.contact .f2{clear:both;width:100%;height:auto;padding: 3rem 0rem;border-bottom:solid #394042 1px;}
.contact .f2 ul{width:100%;height:auto;clear:both;overflow:hidden;}
.contact .f2 ul li{width:31.333%;margin:1%;float:left;color:#fff;font-size:1.8rem;text-align:center;}
.contact .f2 ul li span{font-weight:bold;}




.foot{float: left;width:100%;height:auto;padding:5px 0px 20px 0px;clear:both;}
.foot .f11{float:left;font-size:1.4rem;color:#fff;margin:0 5px}
.foot .f22{float:left;font-size:1.4rem;color:#fff;margin:0 5px}
.foot .f33{float:right;font-size:1.4rem;color:#fff;margin:0 5px}
.foot .f33 a{font-size:1.4rem;color:#fff}

.contact  .f4{clear:both;width:100%;height:auto;padding: 1rem 0rem;}
.contact  .f4 ul{width:100%;height:auto;clear:both;overflow:hidden;text-align:left}
.contact  .f4 ul li{width:10%;display: inline-table;}
.contact  .f4 ul li a{color:rgba(255,255,255,0.5);text-align:center;display:block;width:100%;line-height:1.6;font-size:1.4rem;}
.contact  .f4 ul li:hover a{color:#f69802}
.contact  .f4 h1{color:rgba(255,255,255,0.5);font-size:1.4rem;float:left;}

.contact .phoner{width:100%;height:auto;clear:both;float:left;text-align:center;font-size:1.6rem;color:#fff;display:none}
.contact .phoner img{max-width:135px;height:auto;display:block;margin:0 auto;padding:10px;}


@media (max-width:468px){
.contact .phoner{display:block;}
.contact .f2 ul li{text-align:left;}
.contact { padding: 2rem 0rem 5rem 0rem;}
.contact .f1{display:none;}
.contact .f2 {padding:1rem 0rem;}
.contact .f2 ul li {width: 98%;font-size: 1.4rem;}
.contact .f4 ul li { width: auto;margin: 0 1%;}
.foot .f33 {float: right;width: 98%; clear: both;}
.foot p{padding-top:5px;  clear: both;display: block;width: 100%;}
.foot a{padding-top:5px;}
}
@media (min-width:469px) and (max-width:768px){
.contact .phoner{display:block;}
.contact .f2 ul li{text-align:left;}
.contact { padding: 2rem 0rem 5rem 0rem;}
.contact .f1{display:none;}
.contact .f2 {padding:1rem 0rem;}
.contact .f2 ul li {width: 98%;font-size: 1.4rem;}
.contact .f4 ul li { width: auto;margin: 0 1%;}
.foot .f33 {float: right;width: 98%; clear: both;}
.foot p{padding-top:5px;  clear: both;display: block;width: 100%;}
.foot a{padding-top:5px;}
}
@media (min-width:769px) and (max-width:990px){
.contact .phoner{display:block;}
.contact .f2 ul li{text-align:left;}
.contact { padding: 2rem 0rem 5rem 0rem;}
.contact .f1{display:none;}
.contact .f2 {padding:1rem 0rem;}
.contact .f2 ul li {width: 48%;font-size: 1.4rem;}
.contact .f4 ul li { width: auto;margin: 0 1%;}
.foot .f33 {float: right;width: 98%; clear: both;}
.foot p{padding-top:5px;  clear: both;display: block;width: 100%;}
.foot a{padding-top:5px;}

}
@media (min-width:991px) and (max-width:1080px){
.contact .f1 ul li a { font-size: 1.4rem;}
.contact .f1 ul li {width: 13%;}
 .contact .f2 ul li {font-size: 1.4rem;} 


}
@media (min-width:1081px) and (max-width:1200px){
.contact .f1 ul li a { font-size: 1.6rem;}
.contact .f1 ul li {width: 13%;}
 .contact .f2 ul li {font-size: 1.4rem;} 

}
@media (min-width:1201px) and (max-width:1440px){

.contact .f1 ul li a { font-size: 1.6rem;}
.contact .f1 ul li {width: 13%;}
 .contact .f2 ul li {font-size: 1.6rem;} 

}

@media (min-width:1441px) and (max-width:1680px){


.contact .f1 ul li {width: 13%;}
 .contact .f2 ul li {font-size: 1.6rem;} 
}



.side{width:510px;height:85px;border-radius:50px;background:#424242;margin: 30px auto;}
.side ul{width:100%;height:auto;text-align:center;}
.side ul li{color: #fff;width:60px;height:60px;margin:15px 30px;position:relative;text-align:center;transition:all .3s;cursor:pointer;display:inline-table}
.side ul li:hover{color:#fff}
.side ul li:hover a{color:#fff}
.side ul li a{color:#fff}



.side ul li i{width:60px;height:60px;display:block;overflow:hidden;background-repeat:no-repeat;transition:all .3s}
.side ul li i.bgs1{background:url(../zimages/w1.png)no-repeat center top;}
.side ul li i.bgs2{background:url(../zimages/w2.png) no-repeat center top;}
.side ul li i.bgs3{background:url(../zimages/w3.png) no-repeat center top;}

.side ul li:hover i{background-position:center bottom;}


.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#f69802;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:135px;display:none;height: 135px;text-align:center;position:absolute;left:-35px;top:-140px;background-image:url(../zimages/er.png);background-repeat:no-repeat;background-position:center center;}
.side ul li .phc{background-image:url(../zimages/er2.png) !important}



.side ul li.sideetel .telBox.son{width:250px;height:auto;display:none;color:#fff;text-align:left;position:absolute;left: -85px;top: -90px;background:#f69802}
.side ul li.sideetel .telBox dd{display:block;height:80px;overflow:hidden;padding-left:8px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{color:#fff;display:block;line-height:28px;height:28px;overflow:hidden;margin-top: 10px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background-color:#e96410}

.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}@media (max-width:990px){.side{display:none}
}




/*产品列表页-内容*/
.productlist{width:100%;height:auto;clear:both;position:relative;padding:20px 0px;background-size:100% 100%; background-attachment:fixed;padding:5% 0%;}


/*产品中心*/
.product3{width:100%;height:auto;clear:both;position:relative;}


.product3 .owl-item{float:left;padding: 1rem;overflow:hidden;width:31.333%;margin:1%;float:left;position: relative;border: solid #cccc 1px;}
.product3 .owl-item .item{overflow:hidden;}
.product3 .owl-item .item .img{display:block;width:100%;height:auto;overflow:hidden;background:#fff;padding:2%;}
.product3 .owl-item .text{width:100%;height:auto;padding:2rem 1rem;float: left;transition:all 1s;position:relative;left:3%;bottom:0rem;border-bottom:dotted #666 1px;}
.product3 .owl-item .item .img p{position:relative;left:10%;top:5%;color: #000;letter-spacing: 2px;font-size: 2rem;width:80%;font-weight:normal;transition:all 1s;}
.product3 .owl-item .text h1{font-weight: normal;width:70%;line-height:2;color:#000;float:left;display:block;font-size:1.8rem;transition:all 1s;clear:both;letter-spacing:1px;}
.product3 .owl-item .text p{width:70%;color:#222;float:left;display:block;font-size:1.4rem;transition:all 1s;clear:both;}
.product3 .owl-item .text span{width:40%;height:0px;background:#f69802;color:#fff;display:block;text-align:center;clear:both;font-size:0rem;margin-top:8rem;transition:all 1s;display:block;}

.product3 .owl-item:hover .text{bottom:1rem;transition:all 1s;}
.product3 .owl-item:hover .text span{transition:all 1s;line-height:40px;height:40px;letter-spacing:1px;font-size:1.4rem;}
.product3 .owl-item:hover .img p{font-size:2.2rem;transition:all 1s;}
.product3 .owl-item:hover .img img{transform: scale(1.1);-ms-transform: scale(1.1);transition: all 0.6s;-ms-transition: all 0.8s;max-height:100%;}
.product3 .owl-item .img img{width:100%;height:auto;transform: scale(1.0);-ms-transform: scale(1.0);transition: all 0.6s;-ms-transition: all 0.8s;}




@media (max-width:468px){
.product3 .owl-item{width:98%;}
}
@media (min-width:469px) and (max-width:768px){
.product3 .owl-item{width:98%;}
}
@media (min-width:769px) and (max-width:990px){
.product3 .owl-item{width:48%;}
}
@media (min-width:991px) and (max-width:1080px){
.product3 .owl-item{width:31.3333%;}
}

@media (min-width:1081px) and (max-width:1400px){

}







/*产品列表页-加载更多*/
.hidden{ display: none;}
.moreload{width: 100%;height: auto;margin:0 auto;overflow: hidden;text-align: left;padding:5px;}
.moreload ul.list{overflow: hidden;padding-bottom: 7rem;}
.moreload ul.list p{text-align: center;padding: 10px;}
.moreload .more{overflow: hidden;padding:10px;text-align: center;}
.moreload .more a{display: block;width: 100%;margin:0 auto;text-align:center;color:#000;font-size:1.4rem;line-height:2;}
.moreload .more a img{max-width:100%;width:auto;height:auto;display:block;margin:0 auto;}
.moreload .more p{display: block;width: 100%;margin:0 auto;text-align:center;color:#f69802;font-size:1.4rem;line-height:2;font-weight:bold;}
.moreload .more a:hover{color:#f69802}





/*案例列表页*/
.caselist{width:100%;height:auto;clear:both;position:relative;margin: 2% 0%;float: left;min-height: 70vh}
.caselist li{padding: 0% 0% 2% 0%;width: 29.333%;margin-left:2%;margin-right:2%;float:left;position:relative;z-index:10; transition:all 500ms;margin-top: 1rem;background:#fff;}
.caselist li .glightbox2{display:block;width:100%;color:#333;}
.caselist li .titc{width: 100%;display: block;margin: auto; margin-top: auto;z-index: 9999;position: relative;text-align:center;font-size:1.5rem;color:#33;line-height:3;transition:all 500ms;}
.caselist li:hover .titc{background:#f69802;transition:all 500ms;}
.caselist li:hover .glightbox2{color:#fff;}
.caselist li .mask{width: 100%;height:auto;overflow:hidden;position:absolute;left:0;top:0px;z-index:20;transition:all 500ms;font-size: 0rem}
.caselist li .img{display:block;width: 100%;height:100%}
.caselist li img{width: 100%;height:90%;}
.caselist li h3{font-size:12px;}
.caselist li .csbg{width:70%;height:auto;background:#ffffff;margin:0 auto;z-index:5;transition:all 500ms;margin-top: -10%;z-index: 9999;position: relative;box-shadow:1px 1px 1px #ccc;}
.caselist li .csbg h3{font-size:1.6rem;text-align:center;padding:2rem;display:block;width:100%;}
.caselist li .csbg h3 a{font-size:1.6rem;text-align:center;display:block;width:100%;color:#333;line-height:2;}
.caselist li:hover {color:#fff;}
.caselist li:hover .mask{top:0px;text-align:center;font-size:1.8rem;color:#ffffff;top:30%;text-shadow:1px 1px 1px #333;}
.caselist li:hover .csbg{background:#f69802;color:#ffffff}
.caselist li:hover .csbg h3 a{text-align:center;display:block;width:100%;color:#ffffff}
.caselist li:vidited .csbg h3 a{color:#ffffff}
@media (max-width:468px){
.caselist li{width:90%;margin-left:5%;margin-right:5%;}
.caselist li:hover .mask{font-size:1.6rem;}
}
@media (min-width:469px) and (max-width:768px){
.caselist li{width:48%;margin-left:1%;margin-right:1%;}
.caselist li:hover .mask{font-size:1.6rem;}
}
@media (min-width:769px) and (max-width:990px){
.caselist li{width:46%;}
.caselist li .csbg h3 a{font-size:1.4rem;}
.caselist li:hover .mask{font-size:1.6rem;}
}
@media (min-width:991px) and (max-width:1080px){
.caselist li{width:46%;}
.caselist li .csbg h3 a{font-size:1.6rem;}
.caselist li:hover .mask{font-size:1.8rem;}
}
@media (min-width:1081px) and (max-width:1200px){
.caselist li{width: 29%;}
.caselist li .csbg h3 a{font-size:1.6rem;}
.caselist li:hover .mask{font-size:1.8rem;}
}







.glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999 !important;overflow:hidden;overflow-scrolling:touch}
.glightbox-container.inactive{display:none}
.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999}
.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:absolute}
.glightbox-container .gslide{height:90%;top: 10%;width:100%;left:0%;position:absolute;display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.glightbox-container .gslide.current{opacity:1;z-index:99999}
.glightbox-container .gslide.prev{opacity:1;z-index:9999}
.glightbox-container .gslide-inner-content{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.glightbox-container .ginner-container{width:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width: 80% !important;}
.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{display:inline-block}
.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100% !important}
.gslide iframe,.gslide video{width:100vw;max-width:100vw;min-width:100vw;outline:none !important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}
.gslide-image img{max-height:93%;display:block;max-width:100%;margin:0;padding:0;float:none;outline:none;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.gslide-video{width:100%;height:auto;min-width:100%;max-width:100%;min-height:auto;max-height:auto;position:relative}
.gslide-video:before{content:'';display:block;position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}
.gslide-video.playing:before{display:none}
.gslide-video .jw-media,.gslide-video .jw-video{position:relative !important}
.gslide-video .jwplayer{max-width:100vw;width:100vh;height:auto !important}
.gslide-video .jwplayer,.gslide-video .box-emboss{outline:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;border:none !important}
.gslide-video .jwplayer .btnd:active,.gslide-video .jwplayer .btnd:focus,.gslide-video .jwplayer .btnd.active,.gslide-video .box-emboss .btnd:active,.gslide-video .box-emboss .btnd:focus,.gslide-video .box-emboss .btnd.active{background-image:none;outline:0;-webkit-box-shadow:none;box-shadow:none}
.gslide-video object{position:absolute;top:0;left:0}
.gslide-inline{background:#fff;padding:20px;text-align:left;max-height:62vh;overflow:auto}
.ginlined-content{overflow:auto;display:block !important;opacity:1}
.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:62vh}
.gslide-media{display:block;width: 100%;}
.gslide-description.left-position,.gslide-description.right-position{padding:30px;background:#fff;max-width:300px;min-width:190px}
.gslide-description .bottom-position,.gslide-description .top-position{padding:30px;background:#fff;width:100%;display:inline-block;min-width:190px}
.gslide-description.description-left,.gslide-description.description-right{max-width:100%}
.gslide-description p{margin-bottom:12px}
.gslide-description p::last-child{margin-bottom:0}
.glightbox-mobile .glightbox-container .gslide-description{background:transparent;position:absolute;bottom:15px;padding:19px 11px;max-width:100vw !important;-webkit-box-ordinal-group:3 !important;-ms-flex-order:2 !important;order:2 !important;max-height:78vh;overflow:auto !important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear}
.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}
.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}
.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:bold}
.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}
.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}
.gdesc-open .gslide-description{padding-bottom:30px}
.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}
.greset{-webkit-transition:all .5s ease;transition:all .5s ease;width: 100%;}
.glightbox-desc{display:none}
.glightbox-open{overflow:hidden;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}
.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}
.goverlay{width:100%;height:100%;position:fixed;top:0;left:0;background:#000}
.gprev,.gnext,.gclose{background-repeat:no-repeat;z-index:99999;cursor:pointer;width:26px;height:44px;display:block;background-position:0 0}
.gprev.disabled,.gnext.disabled,.gclose.disabled{opacity:.1}
.gprev .garrow,.gnext .garrow,.gclose .garrow{stroke:#fff}
iframe.wait-autoplay{opacity:0}
.glightbox-closing .gnext,.glightbox-closing .gprev,.glightbox-closing .gclose{opacity:0 !important}
.glightbox-clean .gslide-description{background: #222;padding: 10px;left:0px;position: absolute;bottom: 0px;width: 100%;text-align: center;}
.glightbox-clean .gslide-title{font-size:1.8rem;font-weight:normal;font-family:arial;color:#fff;line-height:1.4em}
.glightbox-clean .gslide-desc{font-size:1.6rem;margin-bottom:0;font-family:arial;line-height:1.4em}
.glightbox-clean .gslide-video{background:#000}
.glightbox-clean .gprev,.glightbox-clean .gnext,.glightbox-clean .gclose{background:url(../zimages/cajt.png);}
.glightbox-clean .gprev{background-color:#333;background-position:4px 5px;position:absolute;top:45%;left:30px;width:38px;height:56px}
.glightbox-clean .gnext{background-color:#333;background-position:-27px 5px;position:absolute;top:45%;right:30px;width:38px;height:56px}
.glightbox-clean .gclose{z-index: 9999;background-color:#333;width:35px;height:35px;top:15px;right:10px;position:absolute;opacity:.7;background-position:-59px 2px}
.glightbox-clean .gclose:hover{opacity:1}
.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}
.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}
.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}
.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}
.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}
.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}
.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}
.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}
@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}@-webkit-keyframes gfadeIn{from{opacity:0}
to{opacity:1}
}@keyframes gfadeIn{from{opacity:0}
to{opacity:1}
}@-webkit-keyframes gfadeOut{from{opacity:1}
to{opacity:0}
}@keyframes gfadeOut{from{opacity:1}
to{opacity:0}
}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}
to{visibility:visible;-webkit-transform:translate3d( 0,0,0);transform:translate3d( 0,0,0);opacity:1}
}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}
to{visibility:visible;-webkit-transform:translate3d( 0,0,0);transform:translate3d( 0,0,0);opacity:1}
}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}
}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}
}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}
}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}
}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
to{opacity:1}
}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
to{opacity:1}
}@-webkit-keyframes gzoomOut{from{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
to{opacity:0}
}@keyframes gzoomOut{from{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
to{opacity:0}
}@media (min-width:25em){.gslide iframe,.gslide video{min-width:0}
}@media (min-width:48em){.glightbox-container .ginner-container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.glightbox-container .ginner-container.desc-left .gslide-description,.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}
.glightbox-container .ginner-container.desc-left .gslide-media,.glightbox-container .ginner-container.desc-top .gslide-media{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.gslide-image img{width:auto;width:initial;max-height:70vh}
.gslide-video{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100px;height:100%;max-height:95vh !important}
.gslide-inline{max-height:95vh}
.gslide-external{max-height:95vh}
.gslide-media{display:block;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.gslide-description.description-left,.gslide-description.description-right{max-width:275px}
.goverlay{background:rgba(0,0,0,.92)}
.glightbox-clean .ginner-container{-webkit-box-shadow:1px 2px 9px 0px rgba(0,0,0,.65);box-shadow:1px 2px 9px 0px rgba(0,0,0,.65)}
.glightbox-clean .gprev{top:45%}
.glightbox-clean .gnext{top:45%}
}@media (min-width:62em){.glightbox-clean .gclose{right:20px}
}




@media (max-width:468px){
.gslide-media {width:100%;background:#fff;}
.gslide-image img {margin: 0 auto;}
}
@media (min-width:469px) and (max-width:768px){
.gslide-media {width:100%;background:#fff;}
.gslide-image img {margin: 0 auto;}
}
@media (min-width:769px) and (max-width:990px){
.gslide-media {width:100%;background:#fff;}
.gslide-image img {margin: 0 auto;}
}
@media (min-width:991px) and (max-width:1080px){

}





/*分页基本样式*/
.xypg-pagination{margin-top:20px;text-align:center;font-size:0;padding: 5rem 0rem;clear:both;}
.xypg-pagination .pagin-left,.xypg-pagination .pagin-mid,.xypg-pagination .pagin-right,.xypg-pagination .pagin-select{display:inline-block;vertical-align:middle}
.xypg-pagination a,.xypg-pagination #current{display:inline-block;font-size:14px;color:#333333;font-family:"Microsoft YaHei",Arial;line-height:26px;border:1px solid #cbcbcb;margin:0 5px;padding:0 8px}
.xypg-pagination #current,.xypg-pagination a:hover{color:#fff;border-color:#f69802;background:#f69802}
.xypg-pagination .pagin-mid{font-size:14px}
.xypg-pagination .pagin-mid .mob-pagin-mid{display:none}
.xypg-pagination .pagin-select{font-size:14px}
.xypg-pagination .pagin-select select{height:28px;padding:0 8px;margin:-1px 5px 0 5px}
@media (max-width:768px){.xypg-pagination .pagin-mid .pc-pagin-mid{display:none}
.xypg-pagination .pagin-mid .mob-pagin-mid{display:block}
.xypg-pagination .pagin-mid .mob-pagin-mid span{display:inline-block;padding:0 8px;line-height:28px;font-size:14px}
.xypg-pagination .pagin-select{display:none}
}
















/*新闻列表页*/

/*新闻列表页*/
.newslist{width:100%;height:auto;clear:both;position:relative;padding: 3rem 0px 3rem 0px;}
.newslist ul{width:100%;height:auto;clear:both;position:relative;margin-top:2rem;}
.newslist ul li{width:98%;height:auto;margin-left:1%;margin-right:1%;float:left;border:solid #ccc 1px;overflow: hidden;position:relative;margin-top:2rem;height:auto;padding: 2%;}

.newslist ul li .post-slide{transition:all 1s ease-in-out 0s}
.newslist ul li .post-slide .post-img{overflow:hidden;position:relative}
.newslist ul li .post-slide .post-img img{max-width:100% !important;height:auto;width:auto !important;float:left;transform:scale(1.0);transition:all 1s}
.newslist ul li .post-slide .post-img h1{width:80%;display:block;position:absolute;left:10px;top:10%;color:#fff;padding:10px 20px;font-size:14px;letter-spacing:1px;transition:all 1s ease-in-out 0s;line-height:35px}
.newslist ul li .post-slide .post-img img{max-width:100% !important;height:auto;width:auto !important;float:left;transform:scale(1.0);transition:all 1s}
.newslist ul li .post-slide .post-content{}
.newslist ul li .post-slide .post-title{font-size:17px;font-weight:600;margin-top:0;text-transform:capitalize}
.newslist ul li .post-slide .post-title a{display:inline-block;color:#222;font-size:2rem;font-weight:normal;overflow:hidden;height:25px;line-height:25px;letter-spacing:1px;transition:all 0.3s ease 0s;}
.newslist ul li .post-slide .date{font-size:1.4rem;color:#888;margin-top: 15px;margin-bottom: 30px;clear:both;display:block;width:100%}
.newslist ul li .post-slide .post-content p{color:#666666;line-height:2;font-size:1.4rem;text-indent:-3rem;display: inline-block;}
.newslist ul li .post-slide .post-content .info{width:100%;height:auto;text-align:left;}
.newslist ul li:hove .post-slider{transition:all 1s ease-in-out 0s;}
.newslist ul li:hover {background:#f69802}
.newslist ul li .post-slide .post-content p{color:#333;}
.newslist ul li:hover .post-slide .post-title a{color:#fff;}
.newslist ul li:hover .post-slide .post-content p{color:#fff;}
.newslist ul li:hover .post-slide .date{color:#fff;}
.newslist ul li:hover .post-slide:hover .post-img img {transform: scale(1.2);  transition: all 1s;}
.newslist ul li .post-slide:hover .post-img img {transform: scale(1.0);  transition: all 1s;}
.newslist .more{margin-top:0rem;border:solid #fff 1px;display:none;}
.newslist .more p{color:#fff !important;}




@media (max-width:468px){
.newslist ul li{width:98%;height:auto;float:none;margin:0 auto;margin-top:2rem;}

.newslist .more{display:block;}
}
@media (min-width:469px) and (max-width:768px){
.newslist ul li{width:98%;height:auto;float:none;margin:0 auto;margin-top:2rem;}

.newslist .more{display:block;}
}



@media (min-width:769px) and (max-width:1080px){
.newslist ul li{width:98%;margin-left:1%;margin-right:1%;height:auto;float:left;;margin-top:2rem;}

.newslist .more{display:block;}
}
@media (min-width:1081px) and (max-width:1200px){

}




/*新闻资讯*/
.news2{width:100%;height:auto;clear:both;padding:5rem 0rem;position:relative;padding: 5rem 0rem 10rem 0rem;background:#fff;padding: 7rem 0rem;}

.news2 .mm {padding: 5rem 0rem;}
.news2 .left{width:50%;float:left;overflow:hidden;height:47vh;position:relative;}
.news2 .left a img{transition:all 1s ease; -moz-transition:all 1s ease;  -webkit-transition: all 1s ease;   -o-transition: all 1s ease;width:100%;height:100%;}
.news2 .left a h1{display:block;width:100%;position:absolute;bottom:0px;left:0px;background:rgba(0,0,0,0.5);text-align:center;color:#fff;line-height:2.6;font-size:1.6rem;letter-spacing:1px;font-weight:normal;}
.news2 .left:hover a img{transition:all 1s ease; -moz-transition:all 1s ease;  -webkit-transition: all 1s ease;   -o-transition: all 1s ease; transform:scale(1.2); -ms-transform:scale(1.2);  -webkit-transform:scale(1.2);    -o-transform:scale(1.2);       -moz-transform:scale(1.2);}
.news2 .right{width:48%;float:right;}
.news2 .right ul{width:100%;height:auto;margin:0 auto;}
.news2 .right ul li{width:100%;clear:both;height:11vh;margin-bottom: 1vh;background:#f5f5f5;}
.news2 .right ul li .n1{width:15%;border-right:solid #fff 2px;height:100%;color:#141414;font-size:1.2rem;text-align:center;float:left;padding:10px;}
.news2 .right ul li .n1 span{text-align:center;color:#000;font-size:2.4rem; font-weight:bold; display: block;}
.news2 .right ul li .n2{width:85%;border-bottom:dotted #cdcccc 1px;color:#141414;font-size:1.8rem;float:left;height:100%}
.news2 .right ul li .n2 h1 a{width:95%;float:right;text-align:left;font-size:1.8rem;color:#000;line-height:3;font-weight:normal;}
.news2 .right ul li .n2 p{text-indent: -3rem;width:95%;float:right;text-align:left;font-size:1.4rem;color:#666;line-height: 1.4;}
.news2 .right ul li:hover{background:#4e6390;}
.news2 .right ul li:hover .n1 span{color:#e2e1e1;}
.news2 .right ul li:hover .n1 {color:#e2e1e1;}

.news2 .right ul li:hover .n2 h1 a{color:#fff;}
.news2 .right ul li:hover .n2 p{color:#fff;}
.news2 .right ul li .n2 img{max-width:100%;width:auto;height:100%;}


@media (max-width:468px){
.news2 .mm {padding: 5rem 0rem 0rem 0rem;}
.news2 .left{width:100%;height:auto;}
.news2 .right{width:100%;float:none;padding-top:2rem;clear:both;}
.news2 .right ul li{min-height:15vh;height:auto;}
}
@media (min-width:469px) and (max-width:768px){
.news2 .mm {padding: 5rem 0rem 0rem 0rem;}
.news2 .left{width:100%;height:auto;}
.news2 .right{width:100%;float:none;padding-top:2rem;clear:both;}
.news2 .right ul li{min-height:15vh;height:auto;}
}
@media (min-width:769px) and (max-width:990px){
.news2 .mm {padding: 5rem 0rem 0rem 0rem;}
.news2 .left{width:100%;height:auto;}
.news2 .right{width:100%;float:none;padding-top:2rem;clear:both;}
.news2 .right ul li{min-height:15vh;height:auto;}
}

@media (min-width:991px) and (max-width:1080px){
.news2 .right ul li{height:20vh;}
.news2 .right ul li:nth-child(4){display:none;}
.news2 .right ul li .n2{width:85%;border-bottom:dotted #cdcccc 1px;color:#141414;font-size:1.6rem;float:left;height:100%}
.news2 .right ul li .n2 h1 a{width:95%;float:right;text-align:left;font-size:1.6rem;color:#000;line-height:2;font-weight:normal;}
.news2 .right ul li .n2 p{width:95%;float:right;text-align:left;font-size:1.3rem;color:#666;line-height: 1.4;}
.news2 .left{height:60vh;}


}

@media (min-width:1081px) and (max-width:1440px){
.news2 .right ul li .n1 span{padding:10%;}
.news2 .right ul li{height:15vh;}
.news2 .right ul li:nth-child(4){display:none;}


}
/*联系我们*/












/*新闻内页*/
.news{width:100%;height:auto;clear:both;position:relative;padding: 2% 0% 5% 0%;}
.news .news_info a{color:#333;font-size:1.6rem;line-height:2;}
.news .news_info{float:left;width:100%;height:auto;clear:both;background: rgba(255,2555,255,0.8);padding: 2% 2%;}
.news .news_info .news_info_tit{width:100%;margin-bottom:1rem;}
.news .news_info .news_info_tit h1{font-size: 3rem;color: #363636;font-weight: bold;margin-bottom: 10px;line-height: 1.7;text-align:center;letter-spacing:1px;}
.news .news_info_mm{width:100%;height:auto;clear:both;}
.news .news_info_mm p{display:block;line-height:2.2;text-align:leftc;color:#333;width:100%;font-size:1.6rem;text-indent: 4rem;}

@media (max-width:468px){


.news .news_info{width:95%;margin:0 auto;float:none;}
.news .news_info .news_info_tit h1{font-size: 2rem;line-height: 1.7;}
}
@media (min-width:469px) and (max-width:768px){
.news .news_info{width:95%;margin:0 auto;float:none;}

.news .news_info .news_info_tit h1{line-height:3;}
}
@media (min-width:769px) and (max-width:990px){
.news .news_info{width:95%;margin:0 auto;float:none;}
.news .news_info p{width:90%;margin:0 auto;}
.news .news_info .news_info_tit h1{line-height:3;}
}




/*产品内页*/
.product{width:100%;height:auto;clear:both;position:relative;background:#fff;padding: 0% 0% 5% 0%;}
/*图片放大*/
#glass{position:absolute;border-radius:50%;box-shadow:0 0 0 7px rgba(255,255,255,0.85),0 0 7px 7px rgba(0,0,0,0.25),inset 0 0 40px 2px rgba(0,0,0,0.25);display:none;background-repeat:no-repeat;background-color:rgba(0,0,0,.6)}
.content img{display:block;}
.center{text-align:center}

.product .first {width:100%;height:auto;padding: 3% 0%;background:#f8f8f8;}
.product .first .left{width:32%;float:left;background:#fff;padding:2%;overflow: hidden;}
.product .first .left img{width:100%;height:auto;}
.product .first .right{width:62%;float:right;margin-right:2%;padding:2%;}
.product .first .right h1{border-bottom:solid #bdbdbd 1px;margin-bottom: 2rem;}
.product .first .right h1 a{line-height:3;color:#000;font-size:2.6rem;font-weight:bold;letter-spacing:2px;}
.product .first .right h2{margin-bottom: 2rem;background:#f69802;width:30%;display:block;float:left;text-align: center;border-radius: 5px;margin-top:2rem;}
.product .first .right h2 a{line-height:3;color:#fff;font-size:1.4rem;font-weight:bold;letter-spacing:2px;text-align:center;}

.product .first .right p{color:#333;font-size:1.6rem;line-height:2;}
.product .product_info a{color:#333;font-size:1.6rem;line-height:2;}

.product .product_info{width:100%;height:auto;clear:both;background:#fff;float: left;}
.product .product_info .product_info_tit{border-bottom:solid #c2c2c2 1px;width:100%;padding-top:4rem;margin-bottom:4rem;}
.product .product_info .product_info_tit h1{display:block;line-height:3;font-weight:bold;letter-spacing:2px;text-align:center;color:#000;width:100%;font-size:2rem;}

.product .product_info_mm{width:100%;height:auto;clear:both;background:#fff;}
.product .product_info_mm p{display:block;width: 100%;font-size: 1.6rem;color: #333;line-height: 2.4;text-align: left;}



.info_title{margin:30px 0 27px 0;width:100%;height:52px;background:#eee;float:left;}
.info_title b{display:inline-block;padding:0 30px;height:100%;border-right:1px solid #fff;background:#f69802;color:#fff;line-height:52px;font-size:16px;}
.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}

.product  .content_gs{background:#fff;margin-top:2rem;clear:both;padding:2%;text-align: center;}
.product  .content_gs img{max-width:48%;width:auto;height:auto;display:block;margin:1%;float:left;}
.product  .content p{width:100%;font-size:1.6rem;color:#333;line-height:2.4;text-align:left}
.product  .content_table{background:#fff;margin-top:2rem;clear:both;padding:2%;overflow:hidden;}



.product .content_table  td span{font-size:1.5rem !important;line-height:2;padding:5%;}
.product .content_table td{font-size:1.5rem !important;line-height:2;padding:5px;}
.product .content_table  td p{font-size:1.4rem !important;padding: 8px 0px;}
.product .content_table h1{float: left;clear:both;width:100%;color:#000;font-size:2rem;text-align:center;display:block;line-height:2.6;margin-top:1rem;}
.product .content_gs br{display:none;}
.product .right .content  td p span{font-size:1.4rem !important;}
.product .right .content  td{font-size:1.4rem !important;}
.product .right .content  td p{font-size:1.4rem !important;padding: 8px 0px;text-align:center;text-align:center;padding: 0.5% 0%;}


.product  .content_content{background:#fff;margin-top:2rem;clear:both;padding:2%;text-align: center;overflow:hidden;}
.product  .content_content p{width:100%;font-size:1.6rem;color:#333;line-height:2.4;text-align:left}
.product .content_content br{display:none;}
.product .content_table .17{font-size:2rem;text-align:left !important;color:#000;font-weight:bold;}




@media (max-width:468px){
.product .first .left{width:95%;margin:0 auto;float:none;}
.product .first .right{width:95%;margin:0 auto;float:none;}
.product .first .right h1 a{font-size:1.8rem;}
.product .product_info{width:95%;margin:0 auto;float:none;}
.product .product_info p{width:90%;margin:0 auto;}
.product .product_info .product_info_tit h1{line-height:3;}
.product  .content_gs img{max-width:98%;}
}
@media (min-width:469px) and (max-width:768px){
.product .first .left{width:95%;margin:0 auto;float:none;}
.product .first .right{width:95%;margin:0 auto;float:none;}
.product .first .right h1 a{font-size:1.8rem;}
.product .product_info{width:95%;margin:0 auto;float:none;}
.product .product_info p{width:90%;margin:0 auto;}
.product .product_info .product_info_tit h1{line-height:3;}
.product  .content_gs img{max-width:98%;}
}
@media (min-width:769px) and (max-width:990px){
.product .first .left{width:95%;margin:0 auto;float:none;}
.product .first .right{width:95%;margin:0 auto;float:none;}
.product .first .right h1 a{font-size:1.8rem;}
.product .product_info{width:95%;margin:0 auto;float:none;}
.product .product_info p{width:90%;margin:0 auto;}
.product .product_info .product_info_tit h1{line-height:3;}
}
@media (min-width:991px) and (max-width:1080px){
.product .first .right h1 a{font-size:1.8rem;}
}

@media (min-width:1081px) and (max-width:1320px){
.product .first .right h1 a{font-size:2rem;}
}
@media (min-width:1321px) and (max-width:1600px){
.product .first .right h1 a{font-size:2.2rem;}
}










.xypg-detail-info-bar{font-size:14px;font-family:Arial;color:#9e9e9e;line-height:35px;border-bottom:1px dashed #cfcfcf;margin-bottom:20px;text-align: center;}
.xypg-detail-info-bar .detail-info-time{line-height: 2;text-align: center;}
.xypg-detail-info-bar .detail-info-time p{display:inline-table;margin:0% 1%;text-align: center;}


/*联系我们*/

.contactlist{width:100%;height:auto;clear:both;position:relative;float: left;}
.contactlist .ditu{width: 66%;float:left}
.contact-form{margin-top:50px;overflow:hidden;}
.map-area{margin-top:50px;overflow:hidden;text-align: right;}
input,textarea,select{background:#fff;width:48%;float:left;margin-left:1%;margin-right:1%;background:transparent;border:1px solid #ddd;padding: 10px;font-size:14px;font-weight:600;letter-spacing:1px;transition:.3s;margin-bottom:20px}
textarea{height:150px;resize:none}
input[type="submit"]{border: solid #fff 1px;display:inline-block;background:#f69802;color:#fff;padding:12px 30px;margin:20px 0;width:auto;text-transform:uppercase;transition:.3s;cursor:pointer;width: 100%;clear:both;}
input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{color:transparent}

input:nth-child(4){width:30%;float:left;}
.contact-form img{max-width:18%;float:left;}
#allmap { width: 100%;min-height: 69rem;;overflow: hidden;}
.BMap_shadow img{width:0;height:0;}
@media screen and (max-width:500px) {
 #allmap{min-height: 300px;} 
 }
.ditu b {
    font-size: 1.8rem;
}






.contactlist .right{ width: 34%; padding: 3%;background-color: #f69802; height: 69rem;float: right;}
.contactlist h3{font-size:20px;padding-bottom:15px;border-bottom:1px solid #d3d3d3;color:#fff;margin-bottom:15px;font-weight:normal}
.contactlist .des .wz{font-size:15px;color:#fff;line-height:1.6;margin-bottom:14px}
.contactlist .des .wz .icon{margin-right:12px;vertical-align:middle}
.mess{margin-top:50px}
.mess table .mc{font-size:16px;padding-right:10px;line-height:38px;width:50px;color:#555;text-align:left}
.mess table td{padding:10px 0;vertical-align:top}
.mess .text{width:180px;height:30px;border:1px solid transparent;font-size:14px}
.mess span{color:#fff}
.mess textarea{width:100%;height:94px;border:1px solid transparent;margin-top:10px}
.tj{padding:6px 56px;text-align:center;font-size:16px;color:#fff;background:#d6000f;cursor:pointer;border:1px solid transparent}
.i_tit4 .ch_tit{font-weight:bold;font-size:18px}
.i_tit4{font-size:18px;color:#fff;margin-bottom:24px;}





@media only screen and (max-width:1800px){.mess span{float:left}
}

@media (max-width:468px){
.contactlist .ditu {width: 100%;}
.contactlist .right{width:100%;margin:0 auto;float: left;margin-top: 0rem;}
}

@media (min-width:469px) and (max-width:768px){
.contactlist .ditu {width: 100%;}
.contactlist .right{width:100%;margin:0 auto;float: left;margin-top: 0rem;}
}
@media (min-width:769px) and (max-width:990px){

.contactlist .ditu {width: 100%;}
.contactlist .right{width:100%;margin:0 auto;float: left;margin-top: 0rem;}

}

@media (min-width:991px) and (max-width:1080px){
.contactlist .ditu {width: 50%;}
.contactlist .right{width:50%;}

}

@media (min-width:1080px) and (max-width:1320px){
.contactlist .ditu {width: 50%;}
.contactlist .right{width:50%;}

}





/*内页_分隔条*/
.xypg-detail-tags{margin-top:40px}
.xypg-detail-tags .tags-title{border-bottom:1px solid #c3c3c3;position:relative}
.xypg-detail-tags .tags-title h3{display:inline-block;padding:0 30px;font-size:16px;color:#f69802;line-height:40px;border-bottom:3px solid #f69802;margin-bottom:-1px}
.xypg-detail-tags .tags-title .baidu-share{position:absolute;right:0;top:8px}
.xypg-detail-tags .tags-content{padding-top:10px}
.xypg-detail-tags .tags-content a{font-size:13px;color:#666666;display:inline-block}
.xypg-detail-tags .tags-content a:hover{color:#f69802}

/*内页_上下页*/
.xypg-detail-pn{margin-top:30px;clear: both;float: left;width: 100%;}
.xypg-detail-pn div{width:100%;clear:both;margin-bottom:10px;background:#ededed;line-height:35px;padding:0 20px;position:relative}
.xypg-detail-pn div b{font-size:16px;color:#333333;float:left;font-weight:normal}
.xypg-detail-pn div a{float:left;width:75%;font-size:14px;color:#565656}
.xypg-detail-pn div a:hover{color:#f69802}
@media (max-width:600px){
.xypg-detail-pn div a{width:60%}
}
@media (max-width:600px){
.xypg-detail-pn div a{width:50%}
}
.xypg-detail-pn div span{position:absolute;right:20px;top:0;font-size:13px;color:#666666}








/*联系方式*/
.dtc{width:100%;height:auto;clear:both;position:relative;float: left;border-top:solid #ccc 1px;}
.dtc .left{width:40%;float:left;position:relative;margin-left: 10%;}
.dtc .left h1{width:15%;float:left;display:block;}
.dtc .left h1 a{display:block;width:100%;height:100%;}
.dtc .left h1 a img{max-width:100%;width:auto;height:auto;}

.dtc .left h2{display:block;width:70%;float:right;text-align:left;color:#f69802;font-size:3.6rem;letter-spacing:1px;line-height:3;margin-top:4rem;}
.dtc .left p{display:block;width:70%;float:right;text-align:left;color:#000;font-size:1.6rem;line-height:2;}
.dtc .right{width: 50%;float: right;overflow:hidden;height: 100%;}
.dtc .right img{width:100%;height:100%;}
@media (max-width:468px){

.dtc {background:none;padding: 2rem 0rem;float: left;}
.dtc .left{width:90%;margin-left: 5%;}
.dtc .left h1{display:none;}
.dtc .left h2{width:95%;margin:0 auto;float:none;}
.dtc .left p{width:95%;margin:0 auto;float:none;}
.dtc .right{display:block;width:100%;margin-top:3rem;float:left;}
}
@media (min-width:469px) and (max-width:768px){
.dtc {background:none;padding: 2rem 0rem;float: left;}
.dtc .left{width:100%;}
.dtc .left h1{display:none;}
.dtc .left h2{width:95%;margin:0 auto;float:none;}
.dtc .left p{width:95%;margin:0 auto;float:none;}
.dtc .right{display:block;width:100%;margin-top:3rem;float:left;}
}



@media (min-width:769px) and (max-width:1200px){
.dtc {background:none;padding: 2rem 0rem;float: left;}
.dtc .left{width:100%;}

.dtc .left h2{width:95%;margin:0 auto;float:none;margin-top:3rem;}
.dtc .left p{width:95%;margin:0 auto;float:none;}
.dtc .right{display:block;width:100%;margin-top:3rem;float:left;}
}
@media (min-width:1201px) and (max-width:1440px){
.dtc .left { width: 45%;  float: left; position: relative; margin-left: 5%;} 
.dtc .left h1{display:none;}
.dtc .left h2 { width:100%;margin-top:2rem;font-size: 3rem;}
.dtc .left p{ width:100%;}
.dtc{padding:5% 2%;}
}
@media (min-width:1441px) and (max-width:1600px){
.dtc .left h1 a img {max-width: 60%;}
.dtc .left h2{margin-top:2rem;font-size: 3rem;}
.dtc{padding:5% 2%;}
}










/*产品详情页留言*/

.promessage{width:100%;height:auto;clear:both;position:relative;padding: 2% 0% 5% 0%;float: left;}
.promessage .contact_tit{width:100%;text-align:left;margin: 1rem 0rem;clear:both;}
.promessage .contact_tit h1{font-size:2.6rem;color:#000;line-height:3;font-weight:normal;}





.promessage .contact-form{border:1px solid #eee;padding:30px;margin-top:20px;overflow:hidden;}
.promessage .map-area{margin-top:50px;overflow:hidden;text-align: right;}
.promessage input,.promessage textarea,.promessage select{background:#fff;width:48%;float:left;margin-left:1%;margin-right:1%;background:transparent;border:1px solid #ddd;padding: 10px;font-size:14px;font-weight:600;letter-spacing:1px;transition:.3s;margin-bottom:20px}
.promessage textarea{height:150px;resize:none}
.promessage input[type="submit"]{margin:20px auto !important;float: none;display: block;border:none;background:#f69802;color:#fff;padding:12px 30px;margin:20px 0;text-transform:uppercase;transition:.3s;cursor:pointer;width: 30%;clear:both;}
.promessage input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{color:transparent}

.promessage input:nth-child(4){width:30% !important}
.promessage img{float:left;max-width:10%;}



@media (max-width:768px){
.promessage input,textarea,select{background:#fff;width:98%;}
.promessage input:nth-child(4){width:100% !important}
.promessage img{float:left;max-width:30%;}
.promessage input[type="submit"] {width: 100%; clear: both;  float: left;}
}


@media (min-width:769px) and (max-width:990px){

.promessage input[type="submit"] {width: 100%; clear: both;  float: left;}
}





.hovertreebottom{height:45px;display:none}
.hovertreebottom ul{position:fixed;z-index:200;bottom:0;left:0;width:100%}
.hovertreebottom li{border:1px solid rgba(190,190,190,1);height:45px;border-bottom:0;border-right:0;position:relative;-webkit-box-shadow:inset 0 0 3px #fff;float:left;width:33.26%}
.hovertreebottom li:nth-of-type(1){border-left;0}
.hovertreebottom li>a{font-size:15px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);border-bottom:0;display:block;line-height:45px;text-align:center;background:-webkit-gradient(linear,0 0,0 100%,from(#f1f1f1),to(#dcdcdc),color-stop(35%,#ededed),color-stop(50%,#e3e3e3) )}
.hovertreebottom li>a:only-child span{background:none;padding-left:0}
.hovertreebottom li>a.on + dl{display:block}
.hovertreebottom li>a span{color:#4f4d4f;display:inline-block;padding-left:15px;background:url(1.svg#2) no-repeat 4px 18px;-webkit-background-size:9px auto;text-shadow:0px 1px 0px #ffffff}
.hovertreebottom dl{display:none;position:absolute;z-index:220;bottom:60px;left:50%;width:100px;margin-left:-50px;background:red;background:#e4e3e2;border-radius:5px;-webkit-box-shadow:inset 0 0 3px #fff;background:url(2.svg#3) no-repeat center center;-webkit-background-size:100%;background-size:100%}
.hovertreebottom dl:before{content:"";display:inline-block;position:absolute;z-index:240;bottom:0;left:50%;width:10px;height:8px;background:url(1.svg#2) no-repeat center -55px;-webkit-background-size:10px auto;bottom:-7px;margin-left:-5px}
.hovertreebottom dl dd{line-height:45px;text-align:center;background:-webkit-gradient(linear,0 0,100% 0,from(rgba(194,194,194,0.8)),to(rgba(194,194,194,0.8)),color-stop(50%,rgba(194,194,194,0.8)));background-size:80% 1px;background-repeat:no-repeat;background-position:center bottom}
.hovertreebottom dl dd:last-of-type{background:none}
.hovertreebottom dl dd a{font-size:15px;display:block;color:#4f4d4f;text-shadow:0px 1px 0px #ffffff;white-space:pre;overflow:hidden;text-overflow:ellipsis}
.hovertreebottom .masklayer_div{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:180;background:rgba(0,0,0,0)}
.hovertreebottom .masklayer_div.on{display:block}
@media (max-width:990px){.hovertreebottom{display:block !important}
}



/*客户服务*/
.customer{width:100%;height:auto;clear:both;position:relative;padding: 0% 0% 2% 0%;margin: 5rem 0rem;}
.customer li{width:100%;clear:both;height:auto;position: relative;float: left;}
.customer li .left{  position:absolute;height:100%;font-size:16px;color:#666666;line-height:30px;padding:5%;box-sizing:border-box;background:#ffffff;left: 0;top: 0;width:50%;float:left;overflow:hidden;}
.customer li .left .t0{font-size:3.6rem;color:#6b7ca2;line-height:40px;height:40px;overflow:hidden;margin-bottom:45px}
.customer li .left p{font-size: 1.6rem;color: #666666;line-height: 30px;margin-top: 3rem;}
.customer li .right{width:50%;float: right;overflow:hidden;}
.customer li .right img{width:100%;display: block;}
.customer li:nth-child(even) .right{float:left}
.customer li:nth-child(even) .left{right:0 !important;left: unset;}

@media (max-width:990px){
.customer{margin: 2rem 0rem;}
.customer li{margin-top:1rem;clear:both;}
.customer li .left{width:100%;clear:both;position:relative;padding:5% 2%}
.customer li .right{width:100%;clear:both;}
}









/*招聘*/

.zhaopin{width:100%;height:auto;clear:both;position:relative;overflow:hidden}
.zhaopin .biao{width:100%;height:auto;clear:both;}
.zhaopin .biao h1{color:#323232;font-size:4rem;font-weight:bold;text-align:left;letter-spacing:1px;line-height:2;}
.zhaopin .biao h2{color:#000;font-size:3rem;font-weight:bold;text-align:left}
.zhaopin .biao h3{color:#666;font-size:3rem;font-weight:bold;text-align:left;font-style:italic;line-height: 2;}
.zhaopin .biao p{color:#343530;font-size:2rem;font-weight:normal;text-align:left;border-top: solid #343530 3px;width: 300px;margin-top: 1rem;}
.zhaopin .znei{width:100%;height:auto;clear:both;}
.zhaopin .z1{width:100%;height:auto;padding:2% 0%;background:#f6f7f8;clear:both;}
.zhaopin .z1 .left{width:50%;height:40vh;float:left;padding: 2%;background: #fff;overflow:hidden}
.zhaopin .z1 .left p{width:48%;margin:1% 1%;height:auto;float:left;word-break:break-all;color:#333;font-size:1.6rem;line-height:2;}



.zhaopin .z1 .left .more{clear:both;float:left;display:block;width:170px;height:40px;line-height:40px;color: #fff !important;text-align:center;font-size:14px;margin-top:5rem !important;background:#f69802;transition:all 1s}
.zhaopin .z1 .left .more:hover{position:relative;transition:all 1s;letter-spacing:3px;}

.zhaopin .z1 .left:hover h1 a{transition:all 1s;letter-spacing:3px;}

.zhaopin .z1 .left:hover .more{transition:all 1s;letter-spacing:3px;}






.zhaopin .z1 .left h1{width:100%;float:left;display:block;line-height:2;font-size:2.4rem;color:#f69802;margin-bottom:3rem;}
.zhaopin .z1 .left h1 a{color:#f69802;transition:all 1s;}
.zhaopin .z1 .left h2{width:50%;float:left;display:block;background:#f6f7f8;line-height:2;font-size:2.4rem;color:#222;padding:0% 2%;margin-bottom:3rem;}
.zhaopin .z1 .right{width:50%;height:40vh;float:left;overflow:hidden;}
.zhaopin .z1 .right img{height:100%;width: 100% !important;}
.zhaopin .z1:nth-child(even) .left{float:right;background: #f6f7f8;}
.zhaopin .z1:nth-child(even){background:#fff;}


@media (max-width:990px){
.zhaopin .z1 .left{padding:5% 2%;width:100%;height:auto;overflow: unset;}
.zhaopin .z1 .left h1{width:100%;}
.zhaopin .z1 .left h2{width:100%;}
.zhaopin .z1 .right{width:100%;height:auto;}
.zhaopin .z1 .right img{height:auto;}
.zhaopin .z1{margin-top:1rem;}
}



@media (max-width:1600px){
.zhaopin .z1 .left h1{width:100%;}
.zhaopin .z1 .left h2{width:100%;}

}




/*在线QQ客服*/
.izl-rmenu{margin-right:0;width:82px;position:fixed;right:2px;top:65%;-webkit-box-shadow:#DDD 0px 1px 5px;-moz-box-shadow:#DDD 0px 1px 5px;box-shadow:#DDD 0px 1px 5px;z-index:999}
.izl-rmenu .consult{background-image:url(../zimages/consult_icon.gif);background-repeat:no-repeat;background-position:center -77px;display:block;height:76px;width:82px}
.izl-rmenu .consult .phone{background-color:rgb(247,247,255);position:absolute;width:200px;left:-200px;top:0px;line-height:73px;color:#000;font-size:18px;text-align:center;display:none;box-shadow:#DDD -1px 1px 4px}
.izl-rmenu a.consult:hover .phone{display:inline !important}
.izl-rmenu .cart{background-image:url(../zimages/consult_icon.gif);background-repeat:no-repeat;background-position:center bottom;display:block;font-size:12px;line-height:16px;color:#45BDFF;text-align:center;padding-top:15px;padding-right:18px;padding-bottom:47px;padding-left:48px}
.izl-rmenu a.cart:hover .pic{display:block}
.izl-rmenu .btn_top{background-image:url(../zimages/float_top.gif);background-repeat:no-repeat;background-position:center top;display:block;height:39px;width:82px;-webkit-transition:all 0s ease-in-out;-moz-transition:all 0s ease-in-out;-o-transition:all 0s ease-in-out;transition:all 0s ease-in-out}
.izl-rmenu .btn_top:hover{background-image:url(../zimages/float_top.gif);background-repeat:no-repeat;background-position:center bottom}
.izl-rmenu .cart .pic{display:none;position:absolute;left:-160px;top:65px;width:160px;height:160px;background:url(../zimages/weixin.jpg)}
#udesk-feedback-tab{position:fixed;right:2px;top:65%;margin-top:-76px;-webkit-box-shadow:#DDD 0px -1px 5px;-moz-box-shadow:#DDD 0px -1px 5px;box-shadow:#DDD 0px -1px 5px;z-index:10000;cursor:pointer;background-image:url(../zimages/consult_icon.gif);background-repeat:no-repeat;background-position:center top;display:block;height:76px;width:82px;background-color:#FFF!important;z-index:999}

@media (max-width:990px){
.izl-rmenu{display:none;}
#udesk-feedback-tab{display:none !important;}
}

