@charset "utf-8";
/*width:1200+*/

@media only screen and (min-width: 1004px) and (max-width: 2800px){
	/** 鼠标滑过 斜切 **/
.dd, .simg, .imgW .img, .imga, .product-list a, .teach-list .imga a, .news-list .more{
    transition:all ease-in .3s;
    -moz-transition:all ease-in .3s;
    -ms-transition:all ease-in .3s;
    -o-transition:all ease-in .3s;
    -webkit-transition:all ease-in .3s;
}
.shadow1 .imga:hover,.shadow1 dd:hover{
    box-shadow:0px 0px 10px #aaa;
    -moz-box-shadow:0px 0px 10px #aaa;
    -ms-box-shadow:0px 0px 10px #aaa;
    -o-box-shadow:0px 0px 10px #aaa;
    -webkit-box-shadow:0px 0px 10px #aaa;
}
.shadow99 .imga:hover,.shadow99 dd:hover{
    transform:translateY(-5px);
    -moz-transform:translateY(-5px);
    -ms-transform:translateY(-5px);
    -o-transform:translateY(-5px);
    -transform:translateY(-5px);
    box-shadow:0px 0px 10px #999;
    -moz-box-shadow:0px 0px 10px #999;
    -ms-box-shadow:0px 0px 10px #999;
    -o-box-shadow:0px 0px 10px #999;
    -webkit-box-shadow:0px 0px 10px #999;
}
.shadowcc .imga:hover{
    box-shadow:0px 0px 10px #ccc;
    -moz-box-shadow:0px 0px 10px #ccc;
    -ms-box-shadow:0px 0px 10px #ccc;
    -o-box-shadow:0px 0px 10px #ccc;
    -webkit-box-shadow:0px 0px 10px #ccc;
}
.lateY .imga:hover{
    transform:translateY(-5px);
    -moz-transform:translateY(-5px);
    -ms-transform:translateY(-5px);
    -o-transform:translateY(-5px);
    -transform:translateY(-5px);
    box-shadow:0px 0px 10px #ccc;
    -moz-box-shadow:0px 0px 10px #ccc;
    -ms-box-shadow:0px 0px 10px #ccc;
    -o-box-shadow:0px 0px 10px #ccc;
    -webkit-box-shadow:0px 0px 10px #ccc;
}
.lateY10 .imga:hover{
    transform:translateY(-10px);
    -moz-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
    -o-transform:translateY(-10px);
    -transform:translateY(-10px);
}
.scale:hover .simg,.imgW:hover .img,.product-list a:hover .img{
    -ms-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}



}



@media only screen and (min-width: 1200px){

}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){
   .wp{ width:96%;}

}
/** max-width:1024 **/
@media only screen and (max-width: 1023px) {
body{padding-top: 60px;}
.nav{ display:none;}
.menubtn{ display:block;} 

.loarea{ height:60px;}
.loarea .logo{ width:140px; padding-top:14px; }
.loarea .logo img{ height:32px;}
.tel{ display:none;}
.mtel{ display:block;}
.banner .swiper-pagination{ display:none;}
.banner .swiper-button-prev,.banner .swiper-button-next{ 
    display:inline-block; 
    width:20px; 
    height:28px;
    margin-top:-14px;
}
.footer_wap{ display:block;}
.pcshow{ display:none;}
.wapshow{ display:inline-block;}

/**/
.bantext h3{font-size: 20px}
.bantext{
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}
.banimgarea .moreck{
    margin-top: 20px
}
.profileBox{
    flex-wrap: wrap;
}
.inprofileFl{width: 96%; padding: 30px 2%}
.inprofileFr{width: 100%}
.title{font-size: 30px;}
.inprofiletxt{margin: 25px 0}
.moreck{margin-top: 30px}
.inproductBox{flex-wrap: wrap;}
.inproductfl{width: 100%}
.inproductfr{width: 100%}
.inproMenu{position: relative; padding: 12px 5%}
.inproBan{padding: 30px 0}
#section4{padding: 30px 2%}
.shtitle{font-size: 16px;}
.shtitle h3{font-size: 24px;}
.inserviceBox{width: 98%; margin: 30px auto}
.inserItem{padding: 20px 0; font-size: 16px;}
.inserItem img{margin: 0 auto 20px; width: 50px}
#section5 .box{padding-top: 30px}
.innewBox{flex-wrap: wrap; margin-top: 50px;}
.innewfl{width: 100%; flex: inherit;}
.innewfr{width: 100%}
#section6{padding: 30px 2%}
.incoopItem{width: 31%; margin: 10px 1%}
.incooperBox{width: 100%; margin: 25px 0 0 }
.incontBox{width: 100%; padding: 20px }
.incotitle{font-size: 24px;}
.incontItem{font-size: 16px; margin: 12px 0}
#section7{padding: 35px 0; background-size: 100% 100%}
.footTop{flex-wrap: wrap; padding-bottom: 15px}
.foottopFl{width: 100%; margin-bottom: 20px}
.foottopFr{width: 100%;  flex-wrap: wrap;}
.fotNavitem{width: 25%}

.nyBan .title{font-size: 20px; top: 10%}
.corporateBg{padding: 35px 0 50px}
.cortitle{font-size: 24px;}
.linkfid{flex-wrap: wrap;}
.linkfid a{margin: 6px 5px }

.produMenu{flex-wrap: wrap; padding: 20px 0}
.produMenu a{
    margin: 5px 8px;
    line-height: 30px;
}
.productItem{width: 48%;}
.productBox{padding: 20px 0}
.produBot h3{font-size: 20px;}
.produBot{padding: 10px 0}
.produnr{margin: 8px 0}
.prodctcice span{font-size: 16px;}
.ckaxqBtn{font-size: 14px; padding: 10px 30px; margin-top: 20px;}
.prodetailBox{flex-wrap: wrap;}
.prodetailaFl,.prodetailaFr{width: 100%; margin: 10px 0}
.retuin{margin: 20px 0}
.parameterBox{padding: 25px 0 0 }
.consultBox{justify-content: space-between;}
.consultItem{padding: 25px 20px; margin: 0 10px;}
.caseItem{width: 48%}
.caseBomt{padding: 15px 10px; font-size: 14px; line-height: 24px;}
.caseBomt h3{font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 8px;}
.detailFr{display: none;}
.detailFl{
    width: 100%;
    padding: 20px
}
.dwtailTitle h3{font-size: 22px;}
.contactBg{padding: 30px 0 0 }
.contactTit h3{font-size: 30px;}
.contactTit{font-size: 16px;}
.contactBox{flex-wrap: wrap;}
.contactItem{width: 100%; margin: 10px 0; font-size: 20px;}
.contzxBox{padding: 20px; flex-wrap: wrap;}
.contzxFl{width: 100%}
.contzxFr{width: 100%; margin-top: 20px;}
.contzxTil h3{font-size: 22px;}
.contzxTil{font-size: 16px;}
.problemBg{padding: 30px 0 0 }
.problemBox{padding: 10px;}
.problmBot{align-items: flex-start;}
.blmTitle{position: static; margin: 25px auto; font-size: 14px;}
.feedbackBox{position: static; padding: 20px;margin: 0 auto}
.blmImg{display: none;}
.blmTitle h3{color: #666; margin-bottom: 15px; font-size: 24px;}
.feedbackBox h3{font-size: 24px;}
.feedbackItem{font-size: 14px;}
.pupMain{width: 98%}
.agreementBox{padding: 20px;}
.agreementBox h3{font-size: 20px;}
.agreementCont{height: 300px;}
.wyhyue{font-size: 14px;}






}
/** max-width:960 **/
@media only screen and (max-width: 959px) {

}
/** max-width:768 **/
@media only screen and (max-width: 767px) {
    .banner .slick-dots{ bottom:10px;}
}
/** max-width:640 **/
@media only screen and (max-width: 639px) {
}

/** width:480 **/
@media only screen and (max-width: 479px) {

}

@media only screen and (max-width: 360px) {

}
/** width:320px **/
@media only screen and (max-width: 319px) {	
}

/*********************************首页结束**********************************/

/*******************************************************************/
/*width:1200+*/
@media only screen and (min-width: 1200px){}
/** max-width:1200 **/
@media only screen and (max-width: 1365px){}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){}
/** width:960px **/
@media only screen and (max-width: 1023px){}
/** max-width:960 **/
@media only screen and (max-width: 959px){}
/** max-width:768 **/
@media only screen and (max-width: 767px){}
/** max-width:640 **/
@media only screen and (max-width: 639px){}
/** width:480 **/
@media only screen and (max-width: 479px){}
/** width:360px **/
@media only screen and (max-width: 360px){}

/** width:320px **/
@media only screen and (max-width: 319px){}
/*******************************************************************/