@charset "utf-8";
*, body {  margin: 0; padding: 0;   list-style-type: none;  text-decoration: none;}
ul, li {  list-style: none; }
#contentdiv {  width: 100%; }
.lan {  float: left;  width: 100%;  margin-top:10px; margin-bottom:10px;}
.lanxian {float:left; width: 100%; height: 2px; background-color: #B8B8B8; margin-top:3px;}
.lantitle .classtitle { float:left; font-size: 1em; line-height:30px; color: #9A2126;  margin-left: 5px; }
.lantitle .more { float:right;line-height:25px; font-size: 1em; color: #9A2126;  margin-right: 5px;}
.lanredxian { float:left; width: 30%;  height: 3px;   margin-top: -3px; background-color: #9A2126;}
#pdiv {float:left; width:100%;  overflow:hidden; }

/*母版-----------头部LOGO*/
.headone {float:left; width:100%;}
.headone .headdiv {float:left; width:100%; background-color:white; }
.headdiv-imgdiv { float:left;max-width:36%;height:30%; }
.headdiv-imgdiv img {width: 100%; }
.headdiv-adiv {float: left; font-size: 0.75em; margin-top: 3%; margin-left: 2%; }
.sousuotiaoInput { float: left;  width: 160px; height: 30px;  display:none; }
.sousuotiaoInput input {  width: 160px;  font-size: 1em;  height: 30px;  border: 1px solid #9a2126;  box-sizing: border-box; margin-top:2px; }
.sousuoSearch { float: left;  background-color: #9A2126;  width: 35px; height: 30px; }
#inputmes {  border-radius: 8px; border: 1px solid red;   height: 25px;}
#ImgButton1 {border-radius: 8px; height: 25px;}
.meniu {  float: left; height: 35px;  width: 100%; background-color: #9a2126; font-weight: bolder; color:white;  font-size:0.75em;}
.meniu .m_left {float:left;   }
.meniu .m_left .m_leftImg {float:left; margin-left:5px; height:35px; width: 35px;  }
.meniu .m_right {float: right; height: 35px;   }

.meniuscroll { position:fixed;  z-index:13;  top: 0; left:0; }
.meniu .meniuname { float:left;  line-height:35px; width:40px; margin-left:5px;  }

.bigimg {float: left; width: 100%; height: 100%;}
.bigimg #jiaodiantu { overflow: hidden;  visibility: hidden; position: relative; z-index:13;}
.bigimg #jiaodiantu .swipe-wrap { overflow: hidden; position: relative;  z-index:13;   width: 100%; height: 100%; }
.bigimg #jiaodiantu .swipe-wrap > div {  float: left; width: 100%; height: 100%;  position: relative; z-index:13;}
.bigimg #jiaodiantu .swipe-wrap img { width: 100%; height: 100%;}

 /*母版----尾部-------*/


#Layer1 {  width: 250px; margin: 0; padding: 0; display:block;  position: fixed; z-index:14;/*覆盖底层*/  top:0;  left:0;   background-color: #9A2126;
    -moz-box-shadow:0px 0px 0px #333333, 3px 1px 10px #9A2126; -webkit-box-shadow:0px 0px 0px #333333, 3px 1px 10px #9A2126; box-shadow:0px 0px 0px #333333, 3px 1px 10px #9A2126;
}
#Layer1 .rclose {margin-top:5px; margin-right:5px;text-align:right;    }
#Layer1 .rclose img{height:15px;width:15px;  }


.loadname {margin: auto; width:100px; height:25px; margin-top:20px;}
.loadname a {font-size:0.75em; font-weight:bolder; color:white; text-decoration: none; }
.loadxian {margin:0 auto; width:95%; height:1px; background-color:white; margin-bottom:10px; }
#shade {margin: 0; padding: 0; background-color:black; position:absolute; z-index:14; display:none;width:100%; height:100%;opacity:0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; margin: 0px;left: 0px; top: 0px; right: 0px; bottom: 0px;}

 /*母版----尾部-------*/
.masterBottom { float:left; height:100%; width:100%; background-color:#822726;  }

.masterBottom .BottomDiv1 {margin:0 auto;width:100%; display: flex;text-align: center; }
.masterBottom .BottomDiv1 .leftText { height:60px; line-height:60px; margin: auto; }
.masterBottom .BottomDiv1 .leftText a {float:left; font-size:12px; color:white;text-align:center; padding:3px;    }

.masterBottom .BottomDiv2 {margin:0 auto;width:100%;height:100%; display: flex;text-align: center; }
.masterBottom .BottomDiv2 .rightText { margin: auto; text-align:center;  }
.masterBottom .BottomDiv2 .rightText .codediv {margin:0 auto; width:180px;height:120px; display: flex; justify-content: space-between;  }
.masterBottom .BottomDiv2 .rightText .code {float:left; width:80px; height:80px;  }
.masterBottom .BottomDiv2 .rightText .code a {float:left;width:80px; height:20px; text-align:center;font-size:12px; color:white;     }
.masterBottom .BottomDiv2 .rightText .code img {max-height:100%;max-width:100%;     }
.masterBottom2 {float:left; width:100%;height:50px;line-height:50px; font-size:13px; color:white;text-align:center; background-color:#902b2a;}



/*-----end-----母版尾部-------*/


/*主页index--------产品滑动选项---*/
.wrap{margin:0 auto; }
.tabs{ float:left;  height:30px;width: 100%;text-align: center; margin-top:-8px; padding:0;display: flex; justify-content: space-between;}
.tabs .part{float:left;display:block;color:#fff;text-align:center;height:30px; background-color:#E5C992; box-sizing:border-box;}
.tabs .part:first-child{  }
.tabs  a{ width:100%; line-height:30px; display:block;color:black;text-align:center;margin:0 auto;text-decoration:none;padding-bottom: 2px;}
.tabs span.active a{color:#fff;background-color:#9A2126; height:30px; box-sizing:border-box; }
.tabs span.all a{ line-height:12px; width:100%; padding-top:3px;}
.tabs part-active { line-height:30px; width:100%;display:block;color:black;text-align:center;margin:0 auto;text-decoration:none;padding-bottom: 2px;}
.tabs span a{font-size:0.75em;      }
.swiper-container{width:100%;border-top:0;}
.swiper-slide{width:100%;background:none; }

.pinpai {float:left; width:100%; margin-top:10px; }
.pinpai .product_pgzdiv { margin:0; padding: 0;}
/*设置了浏览器宽度小于500px时 45%宽度 */ 
@media screen and (max-width: 500px){
.pinpai .product_pgzdiv li{float:left;margin-top:3%;margin-left:3%;width:45%; height:190px;border-radius:3px;overflow:hidden; }
}
/* 设置了浏览器宽度500px-650px时 30%宽度 */ 
@media screen and (min-width: 500px) and (max-width: 650px){
.pinpai .product_pgzdiv li{float:left;margin-left: 2.5%;margin-top: 2.5%;width:30%;height:190px; border-radius:3px;overflow:hidden; }
}
/* 设置了浏览器宽度不小于1300px时 23%宽度 */ 
@media screen and (min-width:650px){
.pinpai .product_pgzdiv li{float:left;margin-left: 1.5%;margin-top:1%;width:23%; height:190px;border-radius:3px;overflow:hidden; }
}
.pinpai .product_pgzdiv li .aimg{ float:left; width:100%;}
.pinpai .product_pgzdiv li .aimg div{ width:100%; height:150px; text-align:center; margin:0 auto;  }
.pinpai .product_pgzdiv .aimg div span{height:100%;width:0;overflow:hidden;display:inline-block;vertical-align:middle;}
.pinpai .product_pgzdiv .aimg div img{max-width:100%;max-height:150px; border:0px; vertical-align:middle; }
.pinpai .product_pgzdiv .text{float:left; width: 100%; height:40px;text-align:center; color:#666666; line-height:18px; font-size:14px;padding-top:8px; }

.zixun{float:left; width:100%; margin-top:10px; }
.zixun .pinpai_pgzdiv { margin:0; padding: 0;}
/*设置了浏览器宽度小于500px时 45%宽度 */ 
@media screen and (max-width: 500px){
.zixun .pinpai_pgzdiv li{float:left;margin-top:3%;margin-left:3%;width:45%; height:190px;border-radius:3px;overflow:hidden; }
}
/* 设置了浏览器宽度500px-650px时 30%宽度 */ 
@media screen and (min-width: 500px) and (max-width: 650px){
.zixun .pinpai_pgzdiv li{float:left;margin-left: 2.5%;margin-top: 2.5%;width:30%;height:190px; border-radius:3px;overflow:hidden; }
}
/* 设置了浏览器宽度不小于1300px时 23%宽度 */ 
@media screen and (min-width:650px){
.zixun .pinpai_pgzdiv li{float:left;margin-left: 1.5%;margin-top:1%;width:23%; height:190px;border-radius:3px;overflow:hidden; }
}
.zixun .pinpai_pgzdiv li .aimg{ float:left; width:100%;}
.zixun .pinpai_pgzdiv li .aimg div{ width:100%; height:150px; text-align:center; margin:0 auto;  }
.zixun .pinpai_pgzdiv .aimg div span{height:100%;width:0;overflow:hidden;display:inline-block;vertical-align:middle;}
.zixun .pinpai_pgzdiv .aimg div img{max-width:100%;max-height:150px; border:0px; vertical-align:middle; }
.zixun .pinpai_pgzdiv .text{float:left; width: 100%; height:40px;text-align:center; color:#666666; line-height:17px; font-size:14px;padding-top:8px; }



.pinpai_xiaoguodiv {-webkit-box-shadow: 0 0 10px #96969C;-moz-box-shadow: 0 0 10px #96969C;box-shadow: 0 0 10px #96969C;}
/*主页index--------工程案例滑动选项---*/
.wrap2{margin:0 auto;}
.tabs2{ float:left;height:30px;width:100%;text-align:center; margin-top:-8px; padding:0;display: flex; justify-content: space-between;}
.tabs2 .part2{float:left;display:block;color:#fff;text-align:center;height:30px; background-color:#E5C992;box-sizing:border-box;}
.tabs2 .part2:first-child{}
.tabs2  a{ width:100%; line-height:30px; display:block;color:black;text-align:center;margin:0 auto;text-decoration:none;padding-bottom: 2px;}
.tabs2 span.active2 a{color:#fff;background-color:#9A2126; height:30px; box-sizing:border-box; }
.tabs2 part2-active2 { line-height:30px; width:100%;display:block;color:black;text-align:center;margin:0 auto;text-decoration:none;padding-bottom: 2px;}
.tabs2 span a{font-size:0.75em;      }
.swiper-container2{width:100%;border-top:0;}
.swiper-slide{width:100%;background:none; }

/*主页index-------产品图片----*/



/*主页index--------更多---*/
.moreDiv {float: left;width: 100%;height: 25px; margin-top:15px; margin-bottom: 32px;font-size: 0.75em;}
.moreDiv a {float:left; height : 25px;width: 90%; margin-left:5%; text-align:center; margin-right: 10px;line-height: 25px;border: 1px solid #9A2126;color: #9A2126;}
/*主页index--------品牌栏---*/
.pinpai_lei {float: left;width: 100%;margin-top: 10px;}
.pinpai_lei .I4{  float:left;width:100%;height:100%;  background-color:white; padding-bottom:42px;}
.pinpai_lei .I4 .indexdiv{margin:0 auto;width:100%; }
.pinpai_lei .I4 .indexdiv img {width:100%;height:100%;}

 /*主页index--------新闻动态---*/    
.infoDiv {margin: 0 auto;}
.infomes {float:left;width:100%; font-size: 0.75em;}


.infomes_top {float: left;height: 25px;width: 100%;line-height: 20px;color: #9A2126;font-weight: bold;}
.infomes_xian1 {float: left;height: 1px;width: 100%;background-color: #B8B8B8;margin-bottom: 8px;}
.infomes_xian2 {float: left;height: 1%;width: 100%;margin-bottom: 15px}

.infomes_mesames {float:left;width:98%; margin-left:1%; border-bottom:1px solid #D7D7D7;}
.infomes_mesames .title {float: left;width:100%; line-height:20px; padding-bottom:8px; color:black;}


.lei_showimg1 {float: left;width:100%;margin-left: 1%;}
.lei_showimg1 div img {border-radius:8px; max-width:100%;}
 /*主页index--------end---*/ 
 /*详情页detail-----------*/ 
.datail_title {float:left;width:100%;height:20px; color:#9A2126;text-align:center;margin-top:20px;}
.datail_mes {float:left;width:100%;height:20px;text-align:center;margin-top:2%;}
.datail_xian {float:left;height:1px;width:100%;background-color:#9A2126;}
.datail_cennt {float:left;width:100%;margin-bottom:20px;}
.datail_cennt1 {width:95%;margin:0 auto;margin-top:1%;}
.datail_cennt2 {width:65%;margin:0 auto;margin-top:1%;}
.datail_cennt2 img {width:100%;}
 /*详情页detail-------end----*/ 
 /*新闻页new-----------*/ 
.n_bigdiv {width:95%; margin: 0 auto; height:30%;  font-size:0.75em;}
.n_title {float:left;width:100%;height:20px;}
.n_title a {float:right;}
.n_detail a{float:right;text-align:right;width:100%;height:20px;margin-top:-18px;color:black;}
.n_text {float:left;width:100%;height:30%;}
.n_text .text_img{float:left;width:25%;}
.n_text .text_img img {width:100%;height:100%;border-radius:5px;box-sizing:border-box;}
.n_text .text_mes {float:left;width:73%;margin-left:2%;color:black;}
.n_xian {float:left;height:1%;width:100%;margin-bottom:15px;}
 /*新闻页new-------end----*/ 

 /*公司简介companymes-----------*/
.p_strong_div {margin:0 auto;font-size:0.75em;width:95%; margin-left:2.5%;}
.p_test {margin-top: 5px;line-height: 25px;}
.c_img {margin: 0 auto;text-align:center;}
.c_img img{width:70%;margin-top:10px;}
/*公司简介companymes--------end---*/

 /*联系我们contact-----------*/
.p_strong_div {float:left;font-size:0.75em;margin-top:10px;}
.p_test {margin-top: 5px;line-height: 25px;}
.logo_div {margin: 0 auto;text-align:center;}
.qq_cs,.qq_cs img{color:#9A2126;width:2.5%;}
.map_div {margin: 0 auto;text-align:center;}
.map_div img {width:80%;}
 /*联系我们contact----------end---*/

/*品牌解读culture---------------*/
.p_strong_div {float: left;font-size: 0.75em;margin-top: 10px;}
.p_test {margin-top: 5px;line-height: 25px;}
.logo_div {margin: 0 auto;text-align: center;}
/*品牌解读culture---------end------*/

/*发展历史history---------------*/
.p_strong_div {float: left;font-size: 0.75em;margin-top: 10px;}
.p_test {margin-top: 5px;line-height: 25px;}
.logo_div {margin: 0 auto;text-align: center;}
/*发展历史history--------------end----*/

/*品牌荣誉honor---------------*/
.public_show {float: left;width: 98%;font-size: 0.75em;}
.public_top {width: 100%;margin: 0 auto;margin-top: 1%;}
.public_top div img {max-height: 110px;max-width: 150px;}
.public_top .d_h {float: left;height: 130px;width: 140px;text-align: center;font-size: 0.9em;line-height: 15px;margin: 0% 0 2% 2%;background-color:blue;}
.d_himg img {max-width: 140px;max-height: 100px;}
.public_top .d_h .d_himg {text-align: center;}

/*品牌荣誉honor-----------end----*/

/*团队风采team---------------*/
.public_show {float: left;width: 98%;font-size: 0.75em;}
.public_top {width: 100%;margin: 0 auto;margin-top: 1%;}
.public_top div img {max-height: 110px;max-width: 150px;}
.public_top .d_h {float: left;height: 130px;width: 140px;text-align: center;font-size: 0.9em;line-height: 15px;margin: 0% 0 2% 2%;background-color:blue;}
.d_himg img {max-width: 140px;max-height: 100px;}
.public_top .d_h .d_himg {text-align: center;}
.team-show {float: left; width: 100%;} 
.team-top {margin-top: 2%;margin:0 auto;overflow:hidden;}
.team-top .team-nei img {max-width: 140px;height:100px;margin-top:5px;}
.team-top .team-nei {float: left;text-align: center;font-size: 0.75em;line-height: 15px;width: 150px;height:140px;margin-left:10px;margin-top:10px;margin-bottom:20px;}
.text-center {  width: 248px;  }
.team-nei_xiaoguo {-webkit-box-shadow: 0 0 10px #96969C;-moz-box-shadow: 0 0 10px #96969C;box-shadow: 0 0 10px #96969C;}
/*团队风采team----------------end--*/
/*视频video---------------*/
.video-show {float: left;width: 100%;}
.video-top {margin-top: 2%;margin:0 auto;}
.video-top .video-nei {float: left; text-align: center; font-size: 0.75em; line-height: 15px;  width: 150px; height:140px; margin-left:10px;margin-top:10px; margin-bottom:20px; }
.video-top .video-nei img {max-width: 150px;height:100px;margin-top:5px;}
.text-center {width: 248px;}
.video-nei .vi_div1 {float: left; width: 100%; height: 33px; margin-top: -70px;  }
.video-nei .vi_div2 {position: relative;margin:0 auto; width: 34px; }
.video-nei .vi_div3 {position: absolute; left: 0; top: 0; background-color: #9A9A9A; width: 34px; height: 33px; border-radius: 80px; filter: alpha(Opacity=60); -moz-opacity: 0.6; opacity: 0.6;  }
.video-nei .vi_div4 {position: absolute; left: 0; top: 0; width: 34px; height: 33px; border-radius: 80px;  box-sizing: border-box;}
.video-nei .vi_div5 {position: absolute; left: 0; top: 0; width: 34px; height: 33px; margin-top:-5px;  }
.video-nei .vi_div6 {float:left; width:100%; height:30px;overflow: hidden;  }
#nomoreresults{font-size:0.75em;  width:112px;  height: 25px; margin-bottom:30px; text-align: center; margin-left: auto; margin-right: auto; margin-top: 0;}
#load_img{font-size:0.75em;  width:112px;  height: 25px; margin-bottom:30px; text-align: center; margin-left: auto; margin-right: auto; margin-top: 0;}
/*视频video----------------end---*/

/*产品信息productmes---------------*/
.pro1 {margin: 0 auto;width: 80%;margin-bottom: 10px;font-size: 0.75em;}
.pro1-text {width: 300px;margin: 0 auto;font-size: 0.75em;text-align:left;padding-left:8px;margin-bottom: 10px;}
.pro1 img {width: 100%;}
.pro1-text .pro1mes {float: left;width: 150px;}
.pro1-text .pro1mes a {font-weight:bold;}
.pro2 {float:left;width: 100%;margin-bottom: 10px;font-size: 0.75em;}
.pro2-title {float:left;width: 100%;font-size:0.75em;margin-top:15px;color:#9A2126;font-weight:bolder;}
.pro2-xian {float:left;width:100%;height:2px;background-color:#B8B8B8;margin-bottom:10px;margin-top:3px;}
/*产品信息productmes------------end---*/
/*产品信息product---------------*/

.public_show {float: left;width: 98%;font-size: 0.75em;}
.public_top {width: 100%;margin: 0 auto;margin-top: 1%;}
.public_top div img {max-height: 110px;max-width: 150px;}
.public_top .d_h {float: left;height: 130px;width: 140px;text-align: center;font-size: 0.9em;line-height: 15px;margin: 0% 0 2% 2%;background-color:blue;}
.d_himg img {max-width: 140px;max-height: 100px;}
.public_top .d_h .d_himg {text-align: center;}
.product-show {float: left; width: 100%;} 
.product-show .product-top {margin-top: 2%;margin:0 auto;overflow:hidden;}
.product-show .product-top .product-nei img {width: 90%;height:110px;margin-top:7px;}
.product-show .product-top .product-nei {float: left;text-align: center;font-size: 0.75em;line-height: 15px;width: 150px;height:140px;margin-left:10px;margin-top:10px;margin-bottom:20px;}
.text-center {  width: 248px;  }
.product-nei_xiaoguo {-webkit-box-shadow: 0 0 10px #96969C;-moz-box-shadow: 0 0 10px #96969C;box-shadow: 0 0 10px #96969C;}
 /*产品信息product-----------end----*/
/*常见问题serviceinfo---------------*/
.infodiv {float:left; width:100%; font-size:0.75em;}
.infodiv hr {border : 1.5px dashed #C1C1C1;}
.infodiv div {margin-top:3px;}
.n_xian {float:left;height:1%;width:100%;margin-bottom:15px;}
/*常见问题serviceinfo--------------end----*/

/*小图标---------------*/
.company {   float: left;  width: 100%;  }
.company_top { margin-top: 1%;  margin:0 auto;  }
.company_top div img {  border-radius: 8px; width: 90px;  height:60px;  }
.company_top div {  float: left;   width:90px;   text-align: center; font-size: 0.75em; line-height: 15px;  margin-left:8px;  margin-top: 10px; }
/*小图标---------------end---*/


/*关于金艾陶栏目---------------*/
.honorbigDIV {  float:left; width:100%;  }
.classTop1{float:left;  width:100%; margin-top:10px; margin-bottom:10px; }

/*设置了浏览器宽度 小于320px时 25%宽度 */ 
@media screen and (max-width:320px){
.classTop1 a{ float:left;font-size:14px; width:25%;line-height:30px;color:#6F6F6F;margin-left: 5%; margin-right:3px; margin-top:5px; margin-bottom:5px; text-align:center; height:30px; background-color:#F2F2F2;  }
}
/* 设置了浏览器宽度大于320px时 30%宽度 */ 
@media screen and (min-width: 321px){
.classTop1 a{  float:left;font-size:14px; width:30%;line-height:30px;  color:#6F6F6F;margin-left: 2.5%; margin-right:3px; margin-top:5px; margin-bottom:5px; text-align:center; height:30px; background-color:#F2F2F2;  }
}

.classTop1 .selecton { color:white;background-color: #832626; }




/*关于金艾陶*/
.A1 { float:left;width:100%;   }
.A1 .aboutText{margin:0 auto;width:95%; }
.A1 .aboutText .t_mes{float:left;margin-top:9%; margin-bottom:9%; width:100%; height:100%;}
.A2 { float:left;width:100%;height:100%; margin-top:9%;  }
.A2 .aboutText{margin:0 auto;width:98%; }
.A2 .aboutText img{ max-width:100%;max-height:100%; margin-top:15px; margin-bottom:15px;}
/*企业荣誉*/
.honor-show { float:left; width:100%; }
.honor-show .mainmenu { margin:0; padding: 0; }
/*设置了浏览器宽度不大于500px时 45%宽度 */ 
@media screen and (max-width: 500px){
.honor-show .mainmenu li{float:left;margin-top:3%;margin-left:3%;width:45%; height:190px;border-radius:3px;overflow:hidden; }
}
/* 设置了浏览器宽度不小于500px时 30%宽度 */ 
@media screen and (min-width: 500px){
.honor-show .mainmenu li{float:left;margin-left: 2.5%;margin-top: 2.5%;width:30%;height:190px; border-radius:3px;overflow:hidden; }
}
/* 设置了浏览器宽度不小于1300px时 23%宽度 */ 
@media screen and (min-width:1300px){
.honor-show .mainmenu li{float:left;margin-left: 1.5%;margin-top:1%;width:23%; height:190px;border-radius:3px;overflow:hidden; }
}
.honor-show .mainmenu li .aimg{ float:left; width:100%;}
.honor-show .mainmenu li .aimg div{ width:100%; height:150px; text-align:center; margin:0 auto;  }
.honor-show .mainmenu li .aimg div span{height:100%;width:0;overflow:hidden;display:inline-block;vertical-align:middle;}
.honor-show .mainmenu li .aimg div img{max-width:100%;max-height:150px; border:0px; vertical-align:middle; }
.honor-show .mainmenu li .text{float:left; width: 100%; height:40px;text-align:center; line-height:18px; font-size:14px;padding-top:3px; }

.honor-show .text-center {  width: 248px;  }
.honor-show .honor-nei_xiaoguo {-webkit-box-shadow: 0 0 10px #96969C;-moz-box-shadow: 0 0 10px #96969C;box-shadow: 0 0 10px #96969C;}




/*产品中心栏目-------------------------------*/
.productListDIV {float:left; width:100%; }
.productListDIV .classTop{ float:left; width:100%; margin-top:10px;  }

/*设置了浏览器宽度 小于400px时 25%宽度 */ 
@media screen and (max-width:400px){
.productListDIV .classTop .classname{ float:left;font-size:14px; width:40%;line-height:30px;color:#6F6F6F; margin-left: 6%; margin-right:3px; margin-top:5px; margin-bottom:5px; text-align:center; height:30px; background-color:#F2F2F2;  }
.productListDIV .classTop2 .spec{ float:left;font-size:14px; width:40%;line-height:30px;  color:#6F6F6F; margin-left: 6%; margin-bottom:5px; margin-left:5px; margin-right:5px;text-align:center; height:30px; }
.productListDIV .classTop2{ float:left; width:100%; margin-bottom:10px;  }
.productListDIV .classTop .selecton {float:left;font-size:14px; width:40%;line-height:30px;color:white; margin-left: 6%; margin-right:3px; margin-top:5px; margin-bottom:5px; text-align:center; height:30px; background-color:#832626;}
}

/*设置了浏览器宽度400~500 25%宽度 */ 
@media screen and (min-width:400px) and (max-width:500px){
.productListDIV .classTop .classname{ float:left;font-size:14px; width:25%;line-height:30px;color:#6F6F6F;margin-left: 5%; margin-right:3px; margin-top:5px; margin-bottom:5px; text-align:center; height:30px; background-color:#F2F2F2;  }
.productListDIV .classTop2 .spec{ float:left;font-size:14px; width:25%;line-height:30px;  color:#6F6F6F; margin-left: 5%; margin-bottom:5px; margin-left:5px; margin-right:5px;text-align:center; height:30px; }
.productListDIV .classTop .selecton {float:left;font-size:14px; width:25%;line-height:30px;color:white; margin-left: 5%; margin-right:3px; margin-top:5px; margin-bottom:5px; text-align:center; height:30px; background-color:#832626;}
.productListDIV .classTop2{ float:left; width:100%; margin-bottom:10px;  }
}
/* 设置了浏览器宽度大于320px时 30%宽度 */ 
@media screen and (min-width: 500px){
.productListDIV .classTop .classname{  float:left;font-size:14px; width:22%;line-height:30px;  color:#6F6F6F;margin-left:2%; margin-right:3px; margin-top:5px; margin-bottom:5px; text-align:center; height:30px; background-color:#F2F2F2;  }
.productListDIV .classTop2 .spec{ float:left;font-size:14px; width:22%;line-height:30px;  color:#6F6F6F; margin-left: 2%; margin-bottom:5px; margin-left:5px; margin-right:5px;text-align:center; height:30px; }
.productListDIV .classTop .selecton {float:left;font-size:14px; width:22%;line-height:30px;color:white; margin-left: 2%; margin-right:3px; margin-top:5px; margin-bottom:5px; text-align:center; height:30px; background-color:#832626;}
.productListDIV .classTop2{ float:left; width:100%; margin-bottom:10px;  }
}



/*产品列表*/
.productListDIV .product {float:left; width:100%; margin-top:10px;}
.productListDIV .product_pgzdiv { margin:0; padding: 0;}
/*设置了浏览器宽度不大于500px时 45%宽度 */ 
@media screen and (max-width: 500px){
.productListDIV .product_pgzdiv li{float:left;margin-top:3%;margin-left:3%;width:45%; height:190px;border-radius:3px;overflow:hidden; }
}
/* 设置了浏览器宽度不小于500px时 30%宽度 */ 
@media screen and (min-width: 500px){
.productListDIV .product_pgzdiv li{float:left;margin-left: 2.5%;margin-top: 2.5%;width:30%;height:190px; border-radius:3px;overflow:hidden; }
}
/* 设置了浏览器宽度不小于1300px时 23%宽度 */ 
@media screen and (min-width:1300px){
.productListDIV .product_pgzdiv li{float:left;margin-left: 1.5%;margin-top:1%;width:23%; height:190px;border-radius:3px;overflow:hidden; }
}
.productListDIV .product_pgzdiv li .aimg{ float:left; width:100%;}
.productListDIV .product_pgzdiv li .aimg div{ width:100%; height:150px; text-align:center; margin:0 auto;  }
.productListDIV .product_pgzdiv .aimg div span{height:100%;width:0;overflow:hidden;display:inline-block;vertical-align:middle;}
.productListDIV .product_pgzdiv .aimg div img{max-width:100%;max-height:150px; border:0px; vertical-align:middle; }
.productListDIV .product_pgzdiv .text{float:left; width: 100%; height:40px;text-align:center; color:#666666; line-height:18px; font-size:14px;padding-top:8px; }
/*.productListDIV .product_pgzdiv .product_xiaoguodiv { -webkit-box-shadow: 0 0 10px #96969C;-moz-box-shadow: 0 0 10px #96969C;box-shadow: 0 0 10px #96969C;}*/
.productListDIV .pdiv { float:left; width:100%;overflow:hidden; }
/*产品详情*/
.productContent { margin:0 auto; width:95%;}
.productContent .showtop {text-align:center; }
.productContent .showtop img{max-width:100%; max-height:100%; margin-top:2.5%;} 

.productContent .showmes {float:left; width:100%;   }

.productContent .showmes .mes_t{float:left; width:100%; font-size:20px;  padding-top:30px; font-weight:bold; }
.productContent .showmes .mes_1{float:left; width:100%;font-size:14px;  border-bottom:1px solid #96969C; padding-bottom:10px; padding-top:5px;   }
.productContent .showmes .mes_2 {float:left; width:100%; margin-top:15px;   font-size:14px; }
.productContent .showmes .mes_2  .a1{float:left; width:20%; text-align:left; font-weight:bold; }
.productContent .showmes .mes_2  .a2{float:left; width:80%; text-align:left; color:#96969C; display: block; word-break: break-all;  }
.productContent .showmes .mes_3 {float:left; width:100%; font-size:20px; border-bottom:1px solid #96969C; padding-bottom:10px; padding-top:30px;  }
.productContent .showmes .mes_text { float:left;width:100%; margin-top:10px; margin-bottom:10px; text-align:center;}
.productContent .showmes .mes_text img {max-width:100% !important;height:50% !important; }
.productContent .mes_img {   float:left;width:100%; margin-top:10px;  }
.productContent .mes_img img { max-width:100%;height:50%; }

/*资讯中心栏目-------------------------------*/
.inforList{float:left;  width:100%; margin-top:10px; margin-bottom:10px; }
/* 设置了浏览器宽度大于320px时 30%宽度 */ 
@media screen and (min-width: 321px) {
.inforList .classTop a{  float:left;font-size:14px; width:30%;line-height:30px;  color:#6F6F6F;margin-left: 13%; margin-right:3px; margin-top:5px; margin-bottom:5px; text-align:center; height:30px; background-color:#F2F2F2;  }
}
/* 设置了浏览器宽度小于320px时 30%宽度 */ 
@media screen and (max-width: 321px) {
.inforList .classTop a{  float:left;font-size:14px; width:30%;line-height:30px;  color:#6F6F6F;margin-left: 13%; margin-right:3px; margin-top:5px; margin-bottom:5px; text-align:center; height:30px; background-color:#F2F2F2;  }
}
.inforList .classTop .selecton { color:white;background-color: #832626; }




.inforList .IListDiv {float:left; width:100%;    }
.IListDiv .IList {float:left; width:95%;  margin-left:2.5%;   margin-top:10px; margin-top:10px; padding-bottom:10px;padding-top:10px; border-bottom:1px solid #D7D7D7; }
.IListDiv .IList .list_1 { float:left;  width:100%; color:#9A2126; font-size:16px; padding-right:10px;padding-top:5px; padding-bottom:5px;display: block; word-break: break-all;}
.IListDiv .IList .list_2 { float:left; width:100%; margin-top:5px;  }
.IListDiv .IList .list_2 .list_left{ float:left; width:48%; height:130px; }
.IListDiv .IList .list_2 .list_left img{ float:left; max-width:100%;  max-height:100%;}

.IListDiv .IList .list_2 .list_right { float:left; width:50%; margin-left:2%; height:130px;}
.IListDiv .IList .list_2 .list_right p{float:left; padding-top:10px; color:#6F6F6F;
position: relative; line-height: 20px; max-height: 80px;overflow: hidden; font-size:14px; }
.IListDiv .IList .list_2 .list_right p::after{position: absolute; bottom: 0; right: 0; padding-left: 40px;   }

.inforContent {float:left; width:100%;}
.inforContent .ContentDiv {margin: 0 auto; width:98%; }
.inforContent .ContentDiv .top{float:left; width:100%; text-align:center; font-size:18px; color:#9A2126; border-bottom:1px dashed #D7D7D7; padding-top:10px; padding-bottom:10px;}
.inforContent .ContentDiv .mes{float:left; width:100%; height:40px; text-align:center; font-size:14px; margin-top:10px; }
.inforContent .ContentDiv .text{ float:left; font-size:14px; line-height:20px; }
.inforContent .ContentDiv .text img {max-width:100% !important;height:50% !important; }

/*工程案例栏目-------------------------------*/
.caseList {float: left;width: 100%;  }
/*设置了浏览器宽度 小于400px时 40%宽度 */ 
@media screen and (max-width:400px){
.caseList .classTop .classname{ float:left;font-size:14px; width:40%;line-height:30px;color:#6F6F6F; margin-left: 6%; margin-right:3px; margin-top:5px; margin-bottom:5px; text-align:center; height:30px; background-color:#F2F2F2;  }
.caseList .classTop .selecton {float:left;font-size:14px; width:40%;line-height:30px;color:white; margin-left: 6%; margin-right:3px; margin-top:5px; margin-bottom:5px; text-align:center; height:30px; background-color:#832626;}
}

/*设置了浏览器宽度400~500 25%宽度 */ 
@media screen and (min-width:400px) and (max-width:500px){
.caseList .classTop .classname{ float:left;font-size:14px; width:25%;line-height:30px;color:#6F6F6F;margin-left: 5%; margin-right:3px; margin-top:5px; margin-bottom:5px; text-align:center; height:30px; background-color:#F2F2F2;  }
.caseList .classTop .selecton {float:left;font-size:14px; width:25%;line-height:30px;color:white; margin-left: 5%; margin-right:3px; margin-top:5px; margin-bottom:5px; text-align:center; height:30px; background-color:#832626;}
}
/* 设置了浏览器宽度大于320px时 30%宽度 */ 
@media screen and (min-width: 500px) and (max-width:650px){
.caseList .classTop .classname{  float:left;font-size:14px; width:22%;line-height:30px;  color:#6F6F6F;margin-left:2%; margin-right:3px; margin-top:5px; margin-bottom:5px; text-align:center; height:30px; background-color:#F2F2F2;  }
.caseList .classTop .selecton {float:left;font-size:14px; width:22%;line-height:30px;color:white; margin-left: 2%; margin-right:3px; margin-top:5px; margin-bottom:5px; text-align:center; height:30px; background-color:#832626;}
}

/*设置了浏览器宽度500-650px时 25%宽度 3列*/ 
@media screen and (min-width:650px){
.caseList .classTop .classname{ float:left;font-size:14px; width:15%;line-height:30px;color:#6F6F6F;margin-left:4%; margin-right:3px; margin-top:5px; margin-bottom:5px; text-align:center; height:30px; background-color:#F2F2F2;  }
.caseList .classTop .selecton {float:left;font-size:14px; width:15%;line-height:30px;color:white; margin-left: 4%; margin-right:3px; margin-top:5px; margin-bottom:5px; text-align:center; height:30px; background-color:#832626;}
}


.caseList .ListDiv { float:left; margin:0; padding: 0;}
/*设置了浏览器宽度不大于500px时 45%宽度 */ 
@media screen and (max-width: 500px){
.caseList .ListDiv li{float:left;margin-top:3%;margin-left:3%;width:45%; height:190px;border-radius:3px;overflow:hidden; }
}
/* 设置了浏览器宽度不小于500px时 30%宽度 */ 
@media screen and (min-width: 500px){
.caseList .ListDiv li{float:left;margin-left: 2.5%;margin-top: 2.5%;width:30%;height:190px; border-radius:3px;overflow:hidden; }
}
/* 设置了浏览器宽度不小于1300px时 23%宽度 */ 
@media screen and (min-width:1300px){
.caseList .ListDiv li{float:left;margin-left: 1.5%;margin-top:1%;width:23%; height:190px;border-radius:3px;overflow:hidden; }
}
.caseList .ListDiv li .aimg{ float:left; width:100%;}
.caseList .ListDiv li .aimg div{ width:100%; height:150px; text-align:center; margin:0 auto;  }
.caseList .ListDiv .aimg div span{height:100%;width:0;overflow:hidden;display:inline-block;vertical-align:middle;}
.caseList .ListDiv .aimg div img{max-width:100%;max-height:150px; border:0px; vertical-align:middle; }
.caseList .ListDiv .text{float:left; width: 100%; height:40px;text-align:center; color:#666666; line-height:18px; font-size:14px;padding-top:8px; }


.caseListxiaoguo { -webkit-box-shadow: 0 0 10px #96969C;-moz-box-shadow: 0 0 10px #96969C;box-shadow: 0 0 10px #96969C; }

/*工程案例详细页-*/
.caseContent{ margin:0 auto; width:90%; }
.caseContent .ctop {    float:left; width:100%; margin-top:20px; padding-bottom:10px; border-bottom:1px solid #D7D7D7;  }
.caseContent .ctop .tname{ float:left; width:100%; font-size:20px;  font-weight:bold;  margin-bottom:10px;   }
.caseContent .ctop .tmes{ float:left; width:100%; height:30px;  font-size:16px; color:#6F6F6F;    }
.caseContent .caseText {  float:left; width:100%; margin-top:15px;   padding-bottom:20px; border-bottom:1px solid #D7D7D7;}
.caseContent .caseText img {max-width:100% !important;height:50% !important; }

.caseContent .IList .proList { float:left; margin:0; padding: 0;}

/*设置了浏览器宽度小于550px时 45%宽度 */ 
@media screen and (max-width: 550px){
.caseContent .IList .proList li{float:left;margin-top:3%;margin-left:3%;width:45%; height:190px;border-radius:3px;overflow:hidden; }
}

/*设置了浏览器宽度550px-650px时 45%宽度 */ 
@media screen and (min-width: 550px) and (max-width: 650px){
.caseContent .IList .proList li{float:left;margin-top:3%;margin-left:2.5%;width:30%; height:190px;border-radius:3px;overflow:hidden; }
}

/*设置了浏览器宽度550px-650px时 45%宽度 */ 
@media screen and  (min-width: 650px){
.caseContent .IList .proList li{float:left;margin-top:3%;margin-left:1.5%;width:23%; height:190px;border-radius:3px;overflow:hidden; }
}

.caseContent .IList .proList li .aimg{ float:left; width:100%;  background-color:#FBF8F3;}
.caseContent .IList .proList li .aimg div{ width:100%; height:150px; text-align:center; margin:0 auto;  }
.caseContent .IList .proList .aimg div span{height:100%;width:0;overflow:hidden;display:inline-block;vertical-align:middle;}
.caseContent .IList .proList .aimg div img{max-width:100%;max-height:150px; border:0px; vertical-align:middle; }






.caseContent .pList {  float:left; width:100%; margin-top:15px;  margin-bottom:30px;  }
.caseContent .pList .tname {  float:left; width:100%;  font-size:20px;  font-weight:bold;  }
.caseContent .pList .proList {float:left; width:100%; margin-top:10px; overflow:hidden;position:relative;z-index:1; }
.caseContent .pList .proList .pimg { float:left; width:130px;height:130px; overflow:hidden; margin:3px;  }
.caseContent .pList .proList a{ background-color:#FBF8F3; display: table-cell;vertical-align:middle;text-align:center;width:130px;height:130px;overflow:hidden;  }
.caseContent .pList .proList img{float:left; max-width:150px; max-height:130px;}




/*加盟优势栏目-------------------------------*/
.content {margin:0 auto; width:98%;}
.content img {max-width:100% !important; }

/*发展历史-------------------------------*/
.historycontent {float:left; width:95%; margin-left:2.5%; font-size:14px; line-height:25px; padding-top:10px; padding-bottom:10px;}
.historycontent strong{color:black !important; font-size:14px;  font-weight:bold; height:80px;}


/*联系我们-------------------------------*/
.ContactbigDIV {margin:0 auto; width:98%;}
.ContactbigDIV .ContactText {float:left; font-size:14px; line-height:20px; margin-top:20px;margin-bottom:20px; font-size:14px;color:#6F6F6F !important; font-weight:normal !important;
}
.ContactbigDIV .map { float:left; width:100%; height:300px; background-color:yellowgreen; }



/*******分页************/
.pagemenu {float:left;text-decoration:none;color:#666; margin-bottom:30px; font-size:13px; width:50px;text-align:center; height:30px; line-height:30px; border:1px solid #dedede; box-sizing:border-box;  }
.nub {text-decoration:none;float:left;color:#666; font-size:13px; width:50px;text-align:center; height:30px; line-height:30px; border:1px solid #dedede; box-sizing:border-box;}
.selectnub {text-decoration:none;float:left; background-color:#CC3233; color:white; font-size:13px; width:50px;text-align:center; height:30px; line-height:30px; border:1px solid #CC3233; box-sizing:border-box; }


/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:225px;right:-182px;transition:all .3s ease;}
.yb_bar ul #li1{float:left;  width:40px;color:#fff;margin-bottom:3px;border-radius:3px;transition:all .5s ease; cursor:pointer;}
.yb_bar ul #li1 .neiDIV {float:left;border-top-left-radius:6px; border-bottom-left-radius:6px; margin-top:50px; width:50px; height:140px; font-size:12px; color:white; background-color:#9a2126;    }
.yb_bar ul #li1 .neiDIV a {float:left;  word-wrap: break-word;width:20px; margin-left:13px; margin-top:6px; font-size:16px; font-family:'Microsoft YaHei';}
.yb_bar ul #li1 .neiDIV a  img{float:left; margin-left:-3px; width:24px; height:24px; margin-top:7px; margin-bottom:5px; }

.yb_bar ul #li2{float:left; width:180px; border:1px solid #D7D7D7; transition:all .5s ease;}

.yb_bar .yb_ercode{ background-color:white; }
.yb_bar .yb_ercode .li2DIV{height:240px; width:100%; display: table-cell; vertical-align: middle; text-align: center; }

.yb_bar .yb_ercode .ybdiv{ float:left; width:100%; height:40px;  }
.yb_bar .yb_ercode .ybdiv .a1{float:left;width:65px;text-align:right; font-size:14px; line-height:30px; height:30px; }
.yb_bar .yb_ercode .ybdiv .a2{float:left;width:110px;text-align:left; font-size:14px; line-height:30px; height:30px; }
.yb_bar .yb_ercode .ybdiv img{float:left; max-width:78px; margin-top:3px; max-height:25px; margin-left:3px; }