/* media */

/* 窗口宽度<1200  */
@media screen and (max-width:1200px){
.wrap{ width:auto; padding:0 10px}
.logo{ display:none}
.logo_xs{ display:block}
.header{ height:60px;}
.hd_right{ width:auto;}

.top_tel{ display:none}
.top_lang{ display:none}
.top_search{ display:none}
.idxbanner{ position:relative; overflow:hidden; margin:0 0 0 -20%;  width:150%;/* 设置焦点图最大宽度 */ display:block ;}



.slidebox .hd{  left:50%; margin-left:-86px}
.idx_padding{ padding:20px 0}

.idx_bd1 .item dd .pic img{width:100% !important; height:auto !important}
.idx_bd1 .item dd .idx_picnews_pic{width:100%;}
.leftside{ display:none}

.picshow{ float:none;}
.ad-gallery {
  width: 100% !important;
}

.proleftclass{ display:none}
.maincontent{ padding:10px 0}
.bd_right{ margin-left:0; float:none;width:auto}
.casesdetail .pic{margin-left:0 !important; }
.casesdetail .casebase{padding-left:315px !important; }
.nav {margin-top:7px}
.nav li{ float:left; display:block;  position:relative; z-index:9999; }
.nav li a{ display:block;float:left;width:auto; font-size:14px;color:#000; line-height:40px; text-align:center; padding:0 13px}

.pagemenu{ border-left:1px solid #c6c6c6; border-top:1px solid #c6c6c6; border-right:1px solid #c6c6c6;}
.pagemenu li{ width:25%; }
.pagemenu li a{ display:block;line-height:40px;  border-bottom:1px solid #c6c6c6; text-align:center; padding:0 0}
.pagemenu li.act .arrowpagemenu{ display:none}
.pagetitle .l{ display:none}

.product_lists li{  width:25%; margin:5px 0;height:calu(width)}
.product_lists li img{ width:100%; height:auto}
.product_lists li a{  margin:1%; }
}

@media screen and (min-width:768px) and (max-width:1200px){
.slidebox .bd li img{ height:360px/* 图片宽度100%，达到自适应效果 */}
.bannertxt{ position:absolute; width:420px;left:50%; margin-left:-400px; top:30%; display:none}
.bannertxt .title{top:0; left:0;  line-height:58px; font-size:30px; color:#1677bc;  text-align:left;  }
.bannertxt .title3{top:0; left:0;  line-height:58px; font-size:28px; color:#1677bc;  text-align:left;  }
.bannertxt .title2{top:0; left:0;  line-height:28px; font-size:18px; color:#000;  text-align:left;  }
.bannertxt .txt{ top:0; left:0;  line-height:28px; font-size:14px; color:#000;  text-align:left;  }
.bannerico{ position:absolute; left:44%; margin-left:20px; top:13%; display:none }
.bannerico img{width:60%; height:auto}

.idx_bd1 .item{ float:left; width:50%;}
.idx_bd1 .item.last{ float:left; width:100%; margin-top:20px}
.idx_bd1 .item dt .ico{height:30px; width:6px; margin:8px 0 0 0}
.idx_bd1 .item dt .title{ font-size:16px; line-height:40px; }
.idx_maintitle{ font-size:26px;line-height:38px; }
.idx_maintxt{ font-size:15px; line-height:30px;}
.idx_proicos li img{ width:80%; height:auto}
.idx_pros ul{ padding:15px 5px;}
.idx_pros li img{ width:90%; height:auto}
.idx_historys .item img{width:100%; height:auto}
.idx_historys .item .title{font-size:16px;  line-height:40px; }
.idx_historys .item .title{font-size:16px;  line-height:40px; }
.idx_servicelink li a{ font-size:14px;height:50px;line-height:50px;margin:0 10px;}
.idx_servicelink li span.ico{width:40px; height:40px; background:url(/uploads/image/phimages/idx_servicelink_icos.png) no-repeat; background-size:100%; margin:5px 10px}
.idx_servicelink li span.ico1{ background-position:0 0}
.idx_servicelink li span.ico2{ background-position:0 -40px}
.idx_servicelink li span.ico3{ background-position:0 -80px;}
.idx_servicelink li span.ico4{ background-position:0 -120px;}
.idx_servicelink li span.ico5{ background-position:0 -160px;}
.ftwx{ float:none; width:100%; text-align:center;margin-top:0}
.ftnav{ float:none; width:100%;}
.ftmap{ display:none}
.innnerbanner{ height:275px; background-size:auto 100%}
.product_lists li{  width:33%; margin:5px 0;height:calu(width)}
.product_lists li img{ width:100%; height:auto}
.product_lists li a{  margin:1%; }

.picshow{ float:none;}
.smallpic{ float:left; }
.bigpic{  width:100%; }
.bigpic img{ width:100%;height:auto;max-height:350px;border:1px solid #ddd}
.baseinfo{ float:none; width:100%;}
.baseinfo .title{ font-size:18px; line-height:40px}
.procontent{ background:#f6f6f6; overflow:hidden; clear:left}

.article_title{ font-size:18px}
}

/* 窗口宽度<768,设计宽度=640*/

@media screen and (max-width:767px){
	.nav{ display:none}
	.navmenu{ display:block}
.slidebox .bd li img{ height:250px/* 图片宽度100%，达到自适应效果 */}
.bannertxt{ position:absolute; width:250px;left:50%; margin-left:-200px; top:30%; display:none}
.bannertxt .title{top:0; left:0;  line-height:38px; font-size:16px; color:#1677bc;  text-align:left;  }
.bannertxt .title3{top:0; left:0;  line-height:28px; font-size:15px; color:#1677bc;  text-align:left;  }
.bannertxt .title2{top:0; left:0; line-height:18px; font-size:12px; color:#000;  text-align:left;  }
.bannertxt .txt{ top:0; left:0;  line-height:18px; font-size:12px; color:#000;  text-align:left;  }
.bannerico{ position:absolute; right:30%;  top:23%; display:none }
.bannerico img{width:150px; height:auto}
	
.nav{ display:none}
.idx_bd1 .item{ float:left; width:100%;}
.idx_bd1 .item dl{ margin:0 0 10px 0; min-height:auto}
.idx_bd1 .item dt{ line-height:40px; margin:10px 15px; }
.idx_bd1 .item dd{ margin:10px 15px; }
.idx_bd1 .item dt .ico{height:30px; width:6px; margin:4px 0 0 0}
.idx_bd1 .item dt .title{ font-size:16px; line-height:30px; }
.idx_bd1 .item dt .entitle{ font-size:10px; }
.idx_maintitle{ font-size:16px;line-height:28px; }
.idx_maintxt{ font-size:12px; line-height:20px;}
.idx_proicos{ margin:10px 0}
.idx_proicos li img{ width:80%; height:auto}
.idx_pros ul{ padding:15px 5px;}
.idx_pros li{ width:50%; margin:5px 0}
.idx_pros li img{ width:90%; height:auto}
.idx_historyclass li{ display:block; background:none; float:left; width:50%}
.idx_historyclass li a{display:block;width:100%}
.idx_historys ul li{ width:100%}
.idx_historys .item{float:none; }
.idx_historys .item img{width:100%; height:auto}
.idx_historys .item .title{font-size:16px;  line-height:40px; }
.idx_historys .item .title{font-size:16px;  line-height:40px; }
.idx_historys .item .intro{min-height:auto;}
.idx_historys .item .more a{ display:block; width:100%; height:30px; line-height:30px; text-align:center; background:#059de1; border:4px solid #c0e6f7; font-size:14px;color:#fff; margin:20px auto; border-radius:25px;}
.idx_servicelink{ margin:10px 0}
.idx_servicelink li{ width:100%; float:none; margin-bottom:1px}
.idx_servicelink li a{ font-size:14px;height:50px;line-height:50px;margin:0 10px;}
.idx_servicelink li span.ico{width:40px; height:40px; background:url(/uploads/image/phimages/idx_servicelink_icos.png) no-repeat; background-size:100%; margin:5px 10px}
.idx_servicelink li span.ico1{ background-position:0 0}
.idx_servicelink li span.ico2{ background-position:0 -40px}
.idx_servicelink li span.ico3{ background-position:0 -80px;}
.idx_servicelink li span.ico4{ background-position:0 -120px;}
.idx_servicelink li span.ico5{ background-position:0 -160px;}
.ftwx{ float:none; width:100%; text-align:center;margin-top:0}
.ftnav{ display:none}
.ftmap{ display:none}
.innnerbanner{ height:175px; background-size:auto 100%}

.pagemenu{ border-left:1px solid #c6c6c6; border-top:1px solid #c6c6c6; border-right:1px solid #c6c6c6;}
.pagemenu li{ width:50%; }
.pagemenu li a{ display:block;line-height:40px;  border-bottom:1px solid #c6c6c6; text-align:center; padding:0 0}
.pagemenu li.act .arrowpagemenu{ display:none}
.pagetitle .l{ display:none}

.product_lists li{  width:50%; margin:5px 0;height:calu(width)}
.product_lists li img{ width:100%; height:auto}
.product_lists li a{  margin:1%; }

.picshow{ float:none;}
.smallpic{ float:left; }
.bigpic{  width:100%; }
.bigpic img{ width:100%;height:auto;max-height:350px;border:1px solid #ddd}
.baseinfo{ float:none; width:100%;}
.baseinfo .title{ font-size:18px; line-height:40px}
.procontent{ background:#f6f6f6; overflow:hidden; clear:left}

.article_title{ font-size:18px}

.procontabs li{ text-align:center; width:33%; padding:0}
.procontabs li.first{display:none}

.casesdetail .left{float:none !important; }
.casesdetail .left img{ width:100%; height:auto}
.casesdetail .casebase{padding-left:0 !important; }
.casesdetail .casebase .title{font-size:18px; line-height:40px}

.pic_article_lists li{padding:5px}
.pic_article_lists .pic{float:none}
.pic_article_lists .pic img{width:100%; height:auto}
.pic_article_lists .intro{ padding-left:0}
.pic_article_lists .intro .title{line-height:30px}
.pic_article_lists .intro .title a{ font-size:16px; }
.pic_article_lists .intro .more a{ display:block;width:100%; height:35px; line-height:35px;color:#fff; background:#1677bc; text-align:center; font-size:14px}

.leftlist ul{border-left:1px dashed #c6c6c6; border-top:1px dashed #c6c6c6}
.leftlist li{ float:left; display:block; width:50%; padding:0 0; border-right:0}
.leftlist li a{ display:block; line-height:40px; border-bottom:1px dashed #c6c6c6; border-right:1px dashed #c6c6c6; text-align:center}

  .ad-gallery .ad-image-wrapper {
    height: 200px !important; 
  }

}