@charset "utf-8";
body{font-size:14px; font-family:"微软雅黑"; color:#333; line-height:150%; }
*{ margin:0px; padding:0px; }
img{border:0px; display:block; cursor:pointer;}
a{ text-decoration:none;color:#333}
li{ list-style:none}
.clear{ clear:both}
a:hover{ color:#841001}
.pc{ display:block;}
.wap{ display:none;}
.middle{ width:100%;}
/*手机头部*/
.top{ width:100%; margin:auto; font-size:14px; padding-top:10px;}
.menu{  text-align:center; margin:10px auto;}
.menu a{ display:inline-block; width:20%; text-align:center; float:left; line-height:200%  }
.logo{ width:100%; text-align:center; position:relative}
.logo img{ max-width:90%; display:inline-block; margin:0px auto }
.top_right{  margin:10px auto; }
.top_right a{ display:inline-block; width:20%; text-align:center; float:left; line-height:200%; }
.top a{ font-size:14px}
.top a.hovers{ background:#841001; color:#FFF;border-radius:5px;}


.waphead1{display:none; height:60px;}
.waphead{display:none;  width:100%; background:#FFFFFF; position:relative; height:60px; position:fixed; left:0; top:0; z-index:999999}
.smallwaphead{ width:100%; height:60px;}
img.waplogo{ float:left; height:60px; }
.smallwaphead p{ float:right; font-size:12px; margin-right:3%;}
.smallwaphead p select{border-radius:10px;color:#969696;}
.smallwaphead a.dh{ display:block; float:right;  margin-right:2%; cursor:pointer; margin-top:19px;}
.smallwaphead a.dh img{ }
.wapnav{ width:98%; height:auto;  background:#393B3E; display:none; padding-left:2%; padding-top:10px; padding-bottom:10px; line-height:200%;}
.wapnav div.yi{ width:100%; float:left;}
.wapnav div.yi a{ font-size:16px; color:#FFF; display:block;}
.wapnav div.yi dl{ padding-top:0px; padding-bottom:0px; display:none;   margin:0px; padding:0px; padding-left:3% }
.wapnav div.yi dl li a{ font-size:14px}
.wapnav div.yi dl li dd{ padding-top:0px; padding-bottom:0px; display:none;   margin:0px; padding:0px;padding-left:3%}
/*手机头部*/
div.middle{ max-width:100%; overflow-x:hidden}
div.tulist{ margin:20px auto;}
div.tulist li{ float:left; width:45%; margin-left:3.3%; text-align:center; margin-bottom:20px;}
div.tulist li img{ margin:0px auto; max-width:100%}
div.tulist li p{ margin:5px auto; height:30px;}
div.ys_nr li{ float: none; width: 93%; margin: auto; }
div.ys_nr li img{ width: 100%; }
div.ys_nr li p{ font-size: 16px; font-weight: bold; height: auto; margin: 10px auto; text-align: left;}
div.ys_nr li span{ text-align: left;  display: block; margin: 10px auto;}

.fuwu_nr{ margin: auto; }
.fuwu_nr li{ margin: 10px auto; }
/*.fuwu_nr li .pic{ float: left; width: 15%; }
.fuwu_nr li .pic img{ max-width: 100%;}
.fuwu_nr li .test{ float: right; width: 80%; }*/
.fuwu_nr li{ float: left; width: 50%;  }
.fuwu_nr li .pic{ width: 30%; margin: auto;}
.fuwu_nr li .pic img{ max-width: 100%;}
.fuwu_nr li .test{ margin: 10px auto;  text-align: center; width: 95%;}

div.commontitle{ height:80px; text-align: center; margin:0px auto; background:url(/images/adbj.jpg) repeat-x; width:100%; margin:20px auto;}
/*div.commontitle span{ font-size:16px; display:inline-block; padding-left:0px; padding-right:10px; float:left}
div.commontitle span.eee{ font-size:14px}*/


div.commontitle p{ font-size: 24px; padding-top:20px; }
div.commontitle span{ display: block; font-family: Arial; text-align: center; text-transform:uppercase; margin-top: 5px; color: #999; }

div.newlist{ padding-bottom:14px;}
div.newlist li{ width:95%; margin:0px auto; height:30px; line-height:30px; border-bottom:1px dashed #999}
div.newlist li a{ float:left}
div.newlist li span{ float:right}
div.tuan{ padding-bottom:14px;}
div.tuan li{ width:48%; margin-left:1%;margin-right:1%; padding-bottom:14px; border-bottom:1px dashed #999; padding-top:14px; float:left}
div.tuan li img{ float:left; width:90%; margin-left:5%; padding-bottom:10px;}
div.tuan li p{ float:right; width:90%; margin-right:5%}
div.tuan li p a{ font-size:16px; display:block; line-height:150%}

div.gywm{ line-height:22px; margin:0px auto; width:95%;}
div.gywm img{ display:inline-block; max-width:100%;}
div.customer img{ width:23%; float:left; border:1px solid #999; padding:1px; margin:0px 0.8% 0.8% 0.8%}
div.banner{ width:100%; height:auto; display:block; text-align:center}
div.banner img{ margin:0px auto; max-width:100%}
img.imgroute{ display:block; margin:0px auto;  padding-top:30px; height:50px;}
div.foot{ width:100%; background:#2B2B2B; line-height:200%; color:#FFF; text-align:center; padding:14px 0px; margin-bottom: 60px;}
div.foot a{ color:#FFF}
div.foot_nr span{  display:inline-block}
div.foot_nr img{ margin:0px auto;}
div.link{ padding:10px 0px; padding-top:5px; width:95%; margin:0px auto; line-height:22px;}
div.link a{ display:inline-block; margin-left:10px; font-size:12px}
div.erjianjie{ margin:0px auto; width:95%; line-height:22px;}
img.erimg{ width:95%; margin:0px auto}
span.erjianjie1{ display:block; margin:0px auto; font-size:18px; width:95%; padding-bottom:10px; text-align:center;}
div.bgimgroute{ height:80px; background:url(/images/adbj.jpg) repeat-x; text-align: center;}
div.bgimgroute p{ font-size: 24px; padding-top:20px; }
div.bgimgroute span{ display: block; font-family: Arial; text-align: center; text-transform:uppercase; margin-top: 5px; color: #999; }
div.wapernav{ width:95%; margin:0px auto; text-align:center;}
div.wapernav a{ margin-right:3px; padding:5px 5px; margin-left:3px; display:inline-block; font-size:16px; margin-bottom:10px; }
div.wapbanner{ width:100%; /*height:150px;*/}

div.commontitle1{ height:30px; line-height:30px; padding-top:10px; margin-bottom:10px; border-bottom:2px solid #B20202}
div.commontitle1 span{ font-size:16px; display:inline-block; padding-left:14px; padding-right:10px; float:left}
div.commontitle1 span.eee{ font-size:14px}
div.commontitle1 a{ float:right;}
.map{ width:90%; margin:20px auto;}
.wapfoot{ position: fixed; width: 100%;  background: #851000; background:rgba(153,16,0,1); left: 0; bottom: 0 }
.wapfoot li{ float: left; width: 25%; text-align: center; }
.wapfoot li a{ color: #fff; border-left: #b93324 1px solid; display: block; padding:5px 0;}
.wapfoot li img{  margin: auto; width: 30px; }
.wapfoot li p{ margin: auto; }
.erjianjie a{ display: block; color: #fff; text-align: center; width: 100px; line-height: 30px; background: #851000; margin:10px auto;}
.product_ins{ position: relative;  margin: auto; }
.product_ins li{ margin:10px auto; }
.product_ins .pic{ float: left; width: 42%;  }
.product_ins .pic .photo{ margin:  auto;  }
.product_ins .pic .photo img{ max-width: 100%; }
.product_ins .pic .photo span{display: block; width: 100%; height: 100%; background-size:contain;background-repeat:no-repeat;background-position:center center; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; padding-bottom:120px;}
.product_ins .text{ float: right; width: 55%;  }
.product_ins .text b{ display: block; font-size: 16px; color: #851000; font-weight: normal; margin-top: 5px; }
.product_ins .text .text_con{ margin-top: 5px; font-size: 14px; line-height: 22px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.product_ins .text .text_con p{ margin: 5px auto; }
.product_ins .text .text_con p b{ width: 10px; height: 10px;margin: 0px auto; background: #ff6b02;border-radius:10px; display: inline-block; }
/*.product_ins li:hover .pic .photo span{ -webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05); }*/
.product_ins li:nth-of-type(2n+2) .pic{ float: right; }
.product_ins li:nth-of-type(2n+2) .text{ float: left; }
.product_ins li:nth-of-type(2n+2){ background: #f6f6f6; padding: 10px 20px; }

.product_ins .text .more{ margin: 5px auto; width: 100px;  }
.product_ins .text .more a{ background: #851000; color: #fff;  text-align: center;  width: 100px; line-height: 30px; display: block; font-size: 12px; }
.product_ins .text .more a:hover{ background: #999; }

#test {
    width:100%;
    height:100%;
    background-color:#000;
    position:fixed;
    top:0;
    left:0;
    z-index:10;
    opacity:0.3;
    /*兼容IE8及以下版本浏览器*/
    filter: alpha(opacity=30);
    display:none;
}
#log_window  img{ display: block; width: 100px; margin: 10px auto 0px auto;  z-index:12;}
#log_window {
    width:140px;
    height:140px;
    text-align: center;
    background-color:#fff;
    margin: auto;
    position: fixed;

    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display:none; z-index:11;
}


@media screen and (max-width:1444px){
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:1024px){
div.customer img{ width:23%; margin:0px 0.4% 0.8% 0.8%}
}
@media screen and (max-width:1000px){
.pc{ display:none;}
.wap{ display:block;}
}
@media screen and (max-width:800px){
.waphead{ display:block}
.waphead1{display:block;}
}
@media screen and (max-width:640px){
	div.tuan li{ width:90%; margin-left:5%;margin-right:5%;}
	div.customer img{ width:32%; margin:0px 0.2% 0.8% 0.2%}
}
@media screen and (max-width:500px){
		div.customer img{ width:45%; margin:0px 1.7% 4% 1.7%}
	}
@media screen and (max-width:360px){
.top a{font-size: 12px;}
}
@media screen and (max-width:320px){
}