@charset "utf-8";



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

.wap{width:100%;}

.topright{margin:0 1% 0 0;}

.logo{width:100%;text-align:center;}

.nav-btn{display:block; background:#666; width:40px; height:40px; line-height:40px; position:absolute; right:15px; top:43px; text-align:center; border-radius:5px; cursor:pointer}
.nav-btn:hover{background:#555}
.nav-btn i:before{content:"≡"; font-size:30px; color:#fff;}

.nav{display:none;}
.hidebg{display:none;}
.nav-narrow{display:none;width:100%;}
.nav-narrow li{ background:#fff; text-align:center; border-bottom:1px solid #dbdbdb; transition: all 0.1s ease 0.01s;}
.nav-narrow li:hover{background:#ec000e}
.nav-narrow li:hover a{color:#fff;}
.nav-narrow li>a{ display:block; line-height:28px; color:#666; font-size:14px; font-weight:bold;text-decoration:none}


.adv,.procata{ display:block; vertical-align: top;}
.adv{ width: 216px; height: 120px;margin:0 auto; border: 1px solid #a1a1a1; padding: 16px 0; background: #fff;}
.adv h5{ font-size: 16px; color: #d70c18; text-transform: uppercase; font-weight: bold; text-align: center;}
.adv img{ display: block; max-width: 100%; height: auto; margin: 0 auto;}

.procata{margin:10px 0 0 0;}
.procata ul li{width:13.280%;height:auto;margin-right:0; margin-left:0.8%;box-sizing:border-box;}
.procata ul li img{width:100%;}
.procata ul li .hover{display:none;}

.areaB .service{ display:block; vertical-align: top; position: relative; width: 540px; height: 290px;margin:0 auto;}

.areaB .news{ display:block; vertical-align: top; position: relative; width: 540px; height: 290px;margin:15px auto 0;}

.areaC{ margin: 18px 1% 25px;}
.areaC .lastnews{ height:auto; line-height:auto; background:none;}
.lastnews .newtit,.lastnews .newmain{ float: none;}
.newtit{ width:100%; background:#D80C18;height:40px;line-height:40px;}
.newtit h6{float:left;font-size: 16px; padding-left:1%; text-transform: uppercase; color: #fff; font-weight: bold;}
.newtit a{display:block;float:right;margin-right:1%; text-transform: uppercase; font-size: 14px; font-family: "Arial Narrow", arial; color: #fff; background: url(../images/redjt.png) no-repeat right center; padding-right: 22px;}

.lastnews .newmain{ float: none;background:#808285;margin-left:0;width:100%;height:30px;line-height:30px;}
.newmain p{padding-left:1%;color:#fff;font-size:12px;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.newmain .rm{display:none;}

.toptwo ul li{ display: inline-block; width:auto; padding:0 10px;line-height: 30px; background: #000;}

.othermenu ul li{margin:0 0 10px 0;}

.ProductList ul{ margin: 3% -1% 3% 0;}
.ProductList ul li{ width:24%; height: auto; float: left; margin-right:1%; margin-bottom: 2%;}
.ProductList ul li img{ width:100%; height: 195px;}
.ProductList ul li p{ text-align: center; line-height: 24px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.ProductList ul li span.img{ margin-bottom: 12px; display: block; box-shadow: 1px 1px 3px #ccc;}
.ProductList ul li:hover{ opacity: 0.7;}

.ermenu li{ display: none; text-align: center;height:auto;margin-left:-1%;}

.Cont_l{ width:98%; float:none;margin:15px 1% 0;}
.sidemenu{ background:#F3F3F3; padding: 20px 4px 30px 2px;}
.sidemenu ul li{ height: 35px; padding-bottom: 3px;padding-right:5px; line-height: 35px; background: url(../images/line.gif) repeat-x bottom; font-size: 13px;}
.sidemenu ul li a{ display: block; height: 35px; padding:0 10px; background: url(../images/normal.gif) no-repeat right center; text-transform: capitalize;}
.sidemenu ul li.active a{ background: url(../images/hover.gif) no-repeat right center #E41317; color: #fff;}
.Cont_l .NavBottom{display:none;}

.Cont_r{ width:98%;margin:0 1%; float:none;}

.Current{ text-align:right; font-size:12px;color:#000; background:url(../images/current_line.gif) repeat-x bottom; padding:40px 0 15px; margin-bottom:40px; }

.pages{ text-align: center;}

.aboutmain{font-size:12px;}

.ServiceDl dt{float:left;height:160px;width:183px;display:none;}
.ServiceDl dd{background:#585152 none repeat scroll 0 0;border-right:3px solid #e41317;color:#ebebeb;float:none;height:auto;padding:10px 2%;width:100%;box-sizing:border-box;}

.Service2{width:100%;}
.Service2 .Item1{background:#ce1e22 none repeat scroll 0 0;height:auto;margin-right:1px;width:100%;}
.Service2 .Item{color:#fff;display:block;float:none;line-height:18px;margin-bottom:5px;padding:20px 20px 20px;}
.Service2 .Item strong{display:block;margin-bottom:5px;}
.Service2 .Item2{background:#585152 none repeat scroll 0 0;height:auto;width:100%;}
.Service2 .Item3{background:#786e6f none repeat scroll 0 0;height:auto;line-height:14px;margin-right:1px;width:100%;}
.Service2 .Item4{background:#585152 none repeat scroll 0 0;height:auto;margin-right:1px;width:100%;}
.Service2 .Item5{background:#ce1e22 none repeat scroll 0 0;height:auto;width:100%;}


.network{ width: 100%; margin-top: 14%;font-size: 14px;text-align:center;}

.network1{width: 98%;margin:0 1%;}
.network1 h1{ float:none;text-align:center;margin:10px 0;font-weight:bold;}
.network1 p{float:right;text-align:justify;font-size:17px;}
.network1 img{width:100%;}

.dometop .map{ width:100%; height:auto;border: 2px solid #ccc;box-sizing:border-box;margin:0 0 10px 0;}
.dometop .map img{width:100%;}
.dometop .map iframe{width:100%;}
.dometop p{margin:0 0 0 1%;}



}

@media screen and (max-width:768px) {
.footer{ width:100%;background: #cbcbcc; height:auto; overflow: hidden;}
.footer .wap{ padding:20px 0 0;}
.footer .footA{ display:block; vertical-align: top; width:177px;margin:8px auto 25px;}
.footer .footA ul li img{ display: block; margin: 0 auto;}
.footer .footA ul li:last-child{ margin-top:15px;}

.footer .footB{display:none;}
.footer .footC,.footer .footD{ display:block; vertical-align: top; width:100%;}

.footC ul li{ font-size: 14px; margin-bottom: 8px;}

.footC .callus .tel{ background:none; padding-left:0; font-size: 18px; margin-top: 12px;}

.footer .footC{text-align:center;margin:0 0 15px 0;}
.footer .footD{text-align:center;}

.LocationCont .Location{height:30px; line-height:30px;}
.Location span{text-align:center; padding-left:0;}

.toptwo ul li a{font-size:12px;}

.choose{ width:100%; height:auto; position:relative; background:none; margin: 0 auto;}
.choose h5{display:block;text-align:center;font-size:20px;font-weight:bold;color:#f00;}
.choose dl{ position:static; line-height:22px;margin:8px 1% 0; }
.choose dl dt{ font-size:18px; font-weight:bold; color:#333; }
.choose dl dd{ font-size: 15px;}
.choose dl.Item1{ width:100%; }
.choose dl.Item2{ width:100%; top:500px; left:510px; }
.choose dl.Item3{ width:100%; top:530px; left:20px; }

.design p{ line-height: 180%; margin:0 1% 30px;font-size:12px;}

.ProcessImg{ width:100%; height:auto; background:none; position:relative; margin: 2% auto;}
.ProcessImg .Item{ width:98%; position:static; line-height:18px; margin:10px 1% 0;font-size:13px;}
.ProcessImg .Item1{ left:88px; top:30px; }
.ProcessImg .Item2{ width:100%; left:516px; top:40px; }
.ProcessImg .Item3{ left:63px; top:289px; color:#E41317; }
.ProcessImg .Item4{ left:558px; top:289px; }
.ProcessImg .Item5{ left:94px; top:429px; }
.ProcessImg .Item6{ left:492px; top:510px; }
.ProcessImg .Item7{ left:361px; top:697px; }

.ermenu li{ display: none; text-align: center;height:auto;margin-left:-1%;}
.ermenu li.active{ display: block;}
.ermenu li dd{ display: inline-block; width:15%;margin-left:1%;}
.ermenu li dd img{ max-width: 100%; height: auto;}
.ermenu li dd p{ text-align: center; line-height: 30px;font-size:12px;  white-space: nowrap; text-transform: capitalize;overflow:hidden;}
.ermenu li dd.active{ position: relative;}


.proleft{ width:100%; float: none; }
.proright { width:98%;margin:0 1%; float:none; }

.tagContent{margin:0 1%;}
.tagContent img{width:100%;height:auto;font-size:12px;}
.tagContent p{font-size:12px;}

.pages a,.pages span{ margin: 0 2px; display: inline-block; line-height: 15px; padding: 0 5px; height: 20px; line-height: 20px; color: #fff; background: #000;}
.pages b{display:none;}

.newread h1{font-size: 18px;}

.sermain{ width:98%;margin:0 1%;font-size:12px;}
.sermain img{width:100%;}
.sermain table{width:100%;}

.Service1{margin-top:0px;background:none;height:auto;margin-bottom:20px;position:relative;width:100%;}
.Service1 .Item{line-height:16px;position:static;margin:0 0 10px 0;}
.Service1 .Item1{left:25px;top:-7px;width:100%;}
.Service1 .Item2{left:430px;top:-10px;width:100%;}
.Service1 .Item3{left:30px;top:210px;width:100%;}
.Service1 .Item4{left:540px;top:159px;width:100%;}

.network{display:none;}

.gcen .gding,.gcen .gmes{ display:block; vertical-align: top; width:100%;}
.gcen .gding{ width:100%;overflow:hidden;}
.gcen .gding img{width:100%;}
.gcen .gding iframe{ width:100%;}

.inbtn{ position:static;margin:0 0 0 1%;}

}

@media screen and (max-width: 580px) {
.topright{ display: block; float:right;vertical-align: middle;}
.sharetop{display:none;}

.conli{ width: 100%;}
.conli ul{ text-align: center;}
.conli ul li{ display: block; padding: 0 20px; font-size: 15px;margin:0 1% 2%; position: relative; background: #000;}
.conli ul li a{ color: #fff; line-height: 30px;}
.conli ul li.active{ background: #f71717; }
.conli ul li.active:after{ content: ''; width: 0; height: 0; border-style: solid; border-color: #f71717 transparent transparent transparent; border-width: 6px; position: absolute; left: 50%; margin-left: -6px; bottom: -12px;}
}

@media screen and (max-width: 540px) {
.areaB .service{ display:block; vertical-align: top; position: relative; width:100%; height:auto;margin:0 auto;}
.service img{width:100%;height:auto;}

.areaB .news{ display:block; vertical-align: top; position: relative; width:100%;overflow:hidden; height:auto;margin:15px auto 0;}
.areaB .news img{width:100%;height:auto;}

.newsIn{ width:100%; height:auto; position: relative; overflow: hidden;}

#proimg { text-align: center; border: 1px solid #e2e2e2; overflow: hidden;box-sizing:border-box; margin:0 1%; }
#proimg img{width:100%;height:auto;}
#proimg ul li{ display: none;}
#proimg ul li.active{ display: block;}

.prosmallIn{ position: relative; width:100%; height: 100px; overflow: hidden; margin: 4px auto 0;}
.spec-list { position: absolute; left: 0; width: 2000px;}
.spec-list li{ width: 100px; height: 100px; margin-right: 15px; float: left; border: 1px solid #e8e8e8; text-align: center; cursor: pointer; overflow: hidden; }
.spec-list li img{ width: 100%; height: auto; display: block;}
.spec-list li:hover { border-color: #f71717;}
}

@media screen and (max-width: 480px) {
.logo img{height:30px;margin:5px 0 0 0;}

.ermenu li{ display: none; text-align: center;height:auto;margin-left:-1%;}
.ermenu li.active{ display: block;}
.ermenu li dd{ display: inline-block; width:30%;margin-left:1%;}
.ermenu li dd img{ max-width: 100%; height: auto;}
.ermenu li dd p{ text-align: center; line-height: 30px;font-size:12px;  white-space: nowrap; text-transform: capitalize;overflow:hidden;}
.ermenu li dd.active{ position: relative;}

.ermenu ul li:first-child+li dd,.ermenu ul li:first-child+li+li dd,.ermenu ul li:first-child+li+li+li dd,.ermenu ul li:first-child+li+li+li+li dd,.ermenu ul li:first-child+li+li+li+li+li dd,.ermenu ul li:first-child+li+li+li+li+li+li dd{ width:auto;}

.ProductList ul{ margin: 3% 0 3% 0;}
.ProductList ul li{ width:96%; height: auto; float:none; margin:0 2% 2%;}
.ProductList ul li img{ width:100%; height:auto;}
.ProductList ul li p{ text-align: center; line-height: 24px; font-size:12px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.ProductList ul li span.img{ margin-bottom: 12px; display: block; box-shadow: 1px 1px 3px #ccc;}
.ProductList ul li:hover{ opacity: 0.7;}

.related{ margin-top: 3%;}
.related h5{ color: #fff; background: #ccc; font-size: 16px; line-height: 40px; white-space: nowrap; padding: 0 8px; width: 100%; text-indent:5px;}
.related ul{ margin-top: 3%; margin-right:0;}
.related ul li{ width:96%; margin: 0 2%; float: none;}
.related ul li img{ width: 100%;height:auto;}
.related ul li .proPicTitle{ line-height: 20px; margin-top: 2%;}
.related ul li .proPicTitle a{ display: block; width: 100%; height: auto; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center;}

.aboutmain img{width:100%;}
.aboutmain table{width:100%;}
}


@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {

body{font-size:24px;}

}