
.promenu{ width: 100%; position: absolute; bottom: 0; z-index: 23; height: 70px; background-color: rgba(0,0,0,0.4); }
.promenu li{ padding:0 30px;  line-height: 70px; display: inline-block;  }
.promenu li.active{background-color: rgba(0,0,0,0.2);  }
.promenu li a{ display: inline-block; position: relative; line-height: 70px; color: #fff;font-size: 16px;}
.promenu li.active a{color: #65A4FF;font-weight: bold; }
.promenu li.active a:after{ content: ""; width: 100%; height: 3px;  background-color: #65a4ff; position: absolute; right: 0; left: 0; bottom: 0%; margin: 0 auto;  border-radius: 3px; }


.product01{ background-color: #f8f8f8; padding:40px 0 50px; }
.brake{}
.brakelist{padding:10px;}
.brakebox{background-color: #fff; transition: all 1s; overflow: hidden;}
.brakebox:hover{box-shadow: 0 0 10px rgba(0,0,0,0.18);}
.brakimg{ padding:30px 0; }
.brakimg img{ width: 100%; transition: all 1s;}
.brakimg:hover img{ transform: scale(1.04); }
.braktxt{ text-align: center; padding:0px 15% 30px;    }
.braktxt h2{font-family: 'mySerifCNHeavy';font-size: 26px;color: #2B2B2B;line-height: 37px; padding:0 0 20px;
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis;
}
.braktxt p{ min-height: 91px; padding:20px 0 0; font-size: 16px;line-height: 30px;color: #141414;border-top: 1px solid #EAEAEA;
display: -webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	overflow:hidden; 
}

.new01{padding:0 0 30px;}
.about01{padding:80px 0 80px;background:#f8f8f8 url(../images/index/aboutbg.jpg) no-repeat top center; background-size:100%; }
.about01 .aboutus{margin-top:50px;}

.support{padding:20px 0 80px;}
.supporlist{ padding:5px; }
.supportbox{overflow: hidden; position: relative;transition: all 1s;}
.supportbox img{ width: 100%; transition: all 1s;}
.supportbox:hover img{ transform: scale(1.08); }
.supportxt{}
.supportxt{ width: 100%; position: absolute; z-index: 55;  bottom: 40px; color: #fff; text-align:center; }
.supportxt h2{  font-weight: normal;font-size: 24px;line-height: 34px; font-family: 'mySerifCNHeavy';}
.supportxt p{ font-size: 13px; font-weight: normal;line-height: 20px; padding-top:5px; }

/*服务*/
.service01{padding:30px 0 50px; background: #f8f8f8;}
.astmlist{padding:10px;}
.astmlist img{ width: 100%; transition: all 1s;}
.astmtbox{ position: relative; }
.astmlist:hover img{ transform: scale(1.04); box-shadow: 0 0 10px rgba(0,0,0,0.18)}

.service02{padding:80px 0 80px; background:#f8f8f8 url(../images/service/ser_bg.jpg) no-repeat top center; background-size:cover; }
.contacter{}
.contactbox{}
.contlist{ padding:10px; }
.contlist .layui-input-block{margin-left:0; min-height:auto;}
.contlist .layui-input{ line-height: 52px; height: 52px; padding-left: 25px; }
.contlist .layui-form-label{ padding:0; z-index: 61; color: #2882ff;  line-height: 50px; position: absolute; left: 10px; top: 3px; width:10px; text-align: center; }
.contlist .layui-textarea{padding-left: 25px; line-height:38px;}
.contlist .layui-textarea::placeholder{line-height: 32px; }
.contlist .contbtn{ text-align: center; padding:20px 0 0;}
.contlist .layui-btn{  
	background-color:#1f8bfd;
    /*chrome2+,safari4+;multiplecolorstops*/
    background-image:-webkit-gradient(linear,leftbottom,righttop,color-stop(0.32,#1f8bfd),color-stop(0.66,#1f8bfd),color-stop(0.83,#3dc9f7));
    /*chrome10+,safari5.1+*/
    background-image:-webkit-linear-gradient(45deg,#1f8bfd,#1f8bfd,#3dc9f7);
    /*firefox;multiplecolorstops*/
    background-image:-moz-linear-gradient(45deg,#1f8bfd,#1f8bfd,#3dc9f7);
    /*ie10*/
    background-image:-ms-linear-gradient(45deg,#1f8bfd0%,#3dc9f7100%);
    /*opera11.1*/
    background-image:-o-linear-gradient(45deg,#1f8bfd,#3dc9f7);
    /*标准写法*/
    background-image:linear-gradient(45deg,#1f8bfd,#3dc9f7);
    box-shadow: none;
    padding:0 30px;
    border: none;
}


/*关于我们*/
.about01 .aboutus{ background-color:rgba(255, 255, 255,0.5); }
.scientifi{ margin-top:50px; background:#fcfcfc; padding:70px 10%; }
.scientifi .regiontxt p{ padding-top:22px; }

.kudosbox img{  width:100%; }
.strength .layui-tab-title{ text-align:center; border:none; }
.strength .layui-tab-title li{ padding:0 15px;  }
.strength .layui-tab-title .layui-this:after{ display:none; }
.strength .layui-tab-title li span{ color: #404143; border-radius: 30px; background-color: #fff; display: inline-block; width:192px; height: 30px; line-height: 30px; text-align: center;}
.strength .layui-tab-title .layui-this span{  color:#fff;  background-color:#141414; }

.strength .layui-tab-content{padding:30px 0 50px;}

.about02{padding:100px 0 50px;}
.fabricate{ padding:40px 0 10px; }
.fabrlist{ padding:5px; }
.fabrlist img{ width:100%; transition: all 1s; }
.fabrlist:hover img{ transform: scale(1.03); }
.manufactur .elitebox .elitxt{ top:120px; }
.manufactur .elitxt h2{font-family: PingFangSC, MicrosoftYaHei;}

.manufactur .swiper-button-next, .manufactur .swiper-button-prev{ z-index:234; }


.product02{ background-color: #f8f8f8; padding:60px 0 50px; }
.architec{padding:20px 0; border-top: 1px solid #e5e5e5; margin-top: 25px;}
.archlist{padding:10px;}
.archbox{ background-color:#FCFCFC; padding:30px;transition: all 1s;  }
.archbox h2{font-family: mySerifCNHeavy;font-weight: 900;font-size: 22px;color: #2B2B2B;line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.archbox ul{ padding:18px 0 20px; font-size: 16px;  line-height: 28px;font-family: MicrosoftYaHei;}
.archbox ul li{padding:0 0 0 15px; position:relative; }
.archbox ul li:before{content: ''; width: 6px; height: 6px; position: absolute; left: 0px; top: 12px; background-color: #d8d8d8;}
.archbox ul li span{white-space: nowrap;text-overflow: ellipsis; overflow: hidden; position: relative; display: block;}
.archbox h4{overflow: hidden;}
.archbox h4 img{ width:100%;transition: all 1s;  }
.archlist:hover h4 img{ transform: scale(1.04); }
.archlist:hover .archbox{ box-shadow:0 0 15px rgba(0, 0, 0, 0.13); }


.prodetail{padding:40px 0; border-top: 1px solid #e5e5e5; margin-top: 25px;}
.genera{ padding:40px 25px; background-color:#fcfcfc; margin-bottom:25px; }
.genera img{ max-width:100%; }
.generlsit{ padding:25px;}
.generlsit img{ width:100%; transition: all 1s;  }
.generlsit:hover img{ transform: scale(1.04); }
.generlsit h2{ text-align:center;font-size: 22px;color: #2B2B2B;line-height: 30px;font-family: mySerifCNHeavy; }
.generlsit h3{padding:40px 0 0;  }
.operate{ padding:20px 0;  }
.opertit{font-size: 22px;font-weight: bold;font-family: MicrosoftYaHei;text-align: center;}
.operate img{ width:100%; transition: all 1s; }
.opercont{padding:20px 0 0; font-size: 14px;line-height: 26px;font-family: MicrosoftYaHei;}
.operate:hover img{ transform: scale(1.03); }

/*==========================================设备分辨率 开始=============================================*/



@media screen and (max-device-width:1000px) {}

/*================设备小于760px=========================*/

@media (max-width: 767px){

/*mob-产品*/
.promenu{  height: 40px;  }
.promenu li{ padding:0 10px;  line-height: 40px;  }
.promenu li a{line-height: 40px;font-size: 14px;}
.brakelist{padding:5px;}
.brakimg{ padding:10px 0; }
.braktxt{  padding:0px 10px 10px;    }
.braktxt h2{font-size: 14px;line-height: 30px; padding:0 0 10px;}
.braktxt p{ min-height:60px; padding:10px 0 0; font-size: 12px;line-height: 18px;}

.support{padding:10px 0 20px;}
.supporlist{ padding:2px; }
.supportxt{   bottom: 15px;  }
.supportxt h2{ font-size: 14px;line-height: 20px; }
.supportxt p{ font-size: 12px; line-height: 16px; }

.about01{padding:40px 0 20px;}
.about01 .aboutus{margin-top:30px;}
.scientifi{ margin-top:30px;  padding:30px 10px 10px; }
.scientifi .regiontxt p{ padding-top:10px; }
.strength .layui-tab-title{overflow: inherit!important; white-space:normal; height: auto;}
.strength .layui-tab-title li{ padding:0 10px;  }
.strength .layui-tab-title li span{  width:auto; padding:0 5px; height: 30px; line-height: 30px; }
.strength .layui-tab-content{padding:20px 0 30px;}
.manufactur .elitebox .elitxt{ top:20px; }
.manufactur .elitebox .elitxt p{padding-top:0px;}

.product02{ padding:40px 0 30px; }
.architec{padding:15px 0; margin-top: 15px;}
.archlist{padding:10px 0;}
.archbox{ padding:20px; }
.archbox h2{font-size:18px;line-height: 20px; }
.archbox ul{ padding:18px 0 20px; font-size: 14px;  line-height: 28px;}
.archbox h4 img{ height:174px;  }


.prodetail{padding:30px 0; margin-top: 20px;}
.genera{ padding:30px 20px;margin-bottom:20px; }
.generlsit{ padding:5px;}
.generlsit img{ }
.generlsit h2{ font-size: 16px;line-height: 30px; }
.generlsit h3{padding:20px 0 0;  }
.operate{ padding:20px 0;  }
.opertit{font-size: 16px;}
.brakimg img{height: 110px;}


}

/*1280分辨率以上（大于1700px）*/
@media screen and (min-width: 1700px){
    .archbox h4 img{  height:500px; }
    .generlsit img{  height:184px;}
        .brakimg img{height: 244px;}
}

/*XXX分辨率以上（大于1500px）*/
@media screen and (min-width: 1500px) and (max-width: 1699px){
.archbox h4 img{  height:283px; }
.generlsit img{  height:184px;}
.brakimg img{height: 214px;}

}


/*1280分辨率以上（大于1400px）*/
@media screen and (min-width: 1400px) and (max-width: 1499px){
.archbox h4 img{  height:283px; }
.generlsit img{  height:184px;}

.brakimg img{height: 214px;}
}




/*1280分辨率以上（大于1200px）*/
@media screen and (min-width: 1200px) and (max-width: 1399px) {

.manufactur .elitebox .elitxt{ top:80px; }
.archbox h4 img{  height:283px; }
.generlsit img{  height:184px;}
.brakimg img{height: 214px;}
}
/*1100分辨率（大于960px，小于1199px）*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
.braktxt h2{font-size: 20px;}
.scientifi{ padding:50px 5%; }
.manufactur .elitebox .elitxt{ top:80px; }
.archbox h4 img{  height:283px; }

.generlsit{ padding:15px;}
.generlsit img{  height:145px;}

.brakimg img{height: 163px;}
}

/*880分辨率（大于769px，小于991px）*/
@media screen and (min-width: 768px) and (max-width: 991px) {
/*ipad-产品*/
.promenu{  height: 50px;  }
.promenu li{ padding:0 15px;  line-height: 50px;  }
.promenu li a{line-height: 50px;font-size: 18px;}
.brakelist{padding:5px;}
.brakimg{ padding:10px 0; }
.braktxt{  padding:0px 20px 10px;    }
.braktxt h2{font-size: 16px;line-height: 30px; padding:0 0 10px;}
.braktxt p{ min-height:60px; padding:10px 0 0; font-size: 12px;line-height: 18px;}

.support{padding:10px 0 20px;}
.supporlist{ padding:2px; }
.supportxt{   bottom: 15px;  }
.supportxt h2{ font-size: 16px;line-height: 20px; }
.supportxt p{ font-size: 12px; line-height: 16px; }

.about01{padding:40px 0 40px;}
.about01 .aboutus{margin-top:40px;}
.scientifi{ margin-top:30px;  padding:50px 10px 40px; }
.scientifi .regiontxt p{ padding-top:10px; }
.strength .layui-tab-title{overflow: inherit!important; white-space:normal; height: auto;}
.strength .layui-tab-title li{ padding:0 10px;  }
.strength .layui-tab-title li span{  width:auto; padding:0 15px; height: 30px; line-height: 30px; }
.strength .layui-tab-content{padding:20px 0 30px;}
.manufactur .elitebox .elitxt{ top:50px; }
.manufactur .elitebox .elitxt p{padding-top:5px; font-size: 14px;}

.product02{ padding:40px 0 30px; }
.architec{padding:15px 0; margin-top: 15px;}
.archlist{padding:5px;}
.archbox{ padding:20px; }
.archbox h2{font-size:18px;line-height: 20px; }
.archbox ul{ padding:18px 0 20px; font-size: 14px;  line-height: 28px;}
.archbox h4 img{  height:163px; }

.prodetail{padding:30px 0; margin-top: 20px;}
.genera{ padding:30px 20px;margin-bottom:20px; }
.generlsit{ padding:5px;}
.generlsit img{  height:119px;}
.generlsit h2{ font-size: 16px;line-height: 30px; }
.generlsit h3{padding:20px 0 0;  }
.operate{ padding:20px 0;  }
.opertit{font-size: 16px;}
.brakimg img{height: 129px;}

}


















/*720分辨率（大于480px，小于767px）*/
@media only screen and (min-width: 480px) and (max-width: 767px){




}

 /*440分辨率以下（小于479px）*/
@media only screen and (max-width: 479px) {




}

 @media screen and (min-width: 1160px){

}

