@charset "utf-8";
.banner {background:#000;margin:0 auto;position:relative;width:100%;overflow:hidden;}
.banner .bd {position:relative;}
.banner .bd li img {width:100%;vertical-align:top;}
.banner .bd .banner-txt{width:800px;top:150px;height:100px;z-index:1;margin:0 0 0 300px;position:absolute;}
.banner .bd .banner-txt .b-tlt {font-size:42px;line-height:42px;text-align:center;text-shadow:-1px -1px 0 #ccc,1px 1px 0 #333,1px 1px 0 #444;}
.banner .bd .banner-txt .b-tlt a {color:#fff;}
.banner .bd .banner-txt .more-txt {text-transform:uppercase;padding:10px 40px;font-size:14px;background:#fff;width:150px;height:36px;line-height:16px;margin:10px 0 0 10px;}
.banner .bd .banner-txt .more-txt a{color:#000;}
.banner .hd {position:absolute;bottom:5%;width:100%;height:14px;z-index:1;}
.banner .hd ul {width:90%;margin:0 auto;text-align:center;}
.banner .hd ul li {display:inline-block;*display:inline;zoom:1;width:14px;height:14px;margin:0 3px;/*border-radius:50%;*/ background:#d90505;line-height:999px;overflow:hidden;cursor:pointer;border-radius:10px;}
.banner .hd ul .on {background:#369;}

/*common*/
.art-tlt{width:100%;height:104px;position:relative;}
.art-h1{padding-top:10px;font:normal 900 32px/40px yahei, sana-serif;color:#000;}
.art-en-h2{font:normal 600 12px/20px yahei, sana-serif;color:#ccc;height:18px;overflow:hidden;}
.art-tlt-inner{width:400px;height:78px;margin:0 calc(45% - 140px);position:absolute;top:18px;text-align:center;}
.art-tlt-inner:before{content:"";width:40px;height:18px;border-top: #e42627 solid 4px;border-left: #e42627 solid 4px;border-right: #e42627 solid 4px;top:-18px;left:175px;position: absolute;}
.art-tlt-inner:after{content:"";width:48px;height:2px;border-bottom: #e42627 solid 4px;bottom:-0px;left:175px;position: absolute;}
.pd80{padding:80px 0;}
/*about*/
.about {position:relative;width:100%;height:auto;overflow:hidden;}
.about>.container>.inner {width:1120px;margin:0 10px;padding:50px 0;}
.about .inner  .article{width:550px;height:auto;z-index:1;margin:0 20px;background:#fff;padding:15px 10px;float:right;}
.about .inner  .article{font:normal 300 13px/20px microsoft yahei,sans-serif;}
.about .ab-ing{float:left;width:510px;height:260px;overflow:Hidden;}
.about .ab-ing img{width:100%;height:auto;}
.about-logo{top:20px;position:absolute;width:420px;margin:0 calc(50% - 210px);height:65px;overflow:hidden;}
.about-logo img{float:left;width:55px;height:55px;margin-right:10px;}
 
 /*catalog*/
 .catalog{width:100%;height:600px;position:relative;overflow:hidden;}
 .catalog-bg{width:100%;height:600px;position:relative;overflow:hidden;}
 .catalog-bg img{width:auto;height:100%;}
 .catalog-box{position:absolute;top:0px;width:100%;height:600px;padding:180px 0 0 0;background: rgba(1,119,206,0.6);}
 .catalog-box li{width:calc(16.66% - 20px);height:240px;float:Left;text-align:center;margin:0 10px;background: rgba(255,255,255,0.6);padding:30px 20px 0 20px;}
 .catalog .container{margin:0 calc(50% - 600px);}
 
 
 .catalog-box li h3{font:normal 900 22px/48px yahei,sans-serif;}
 .catalog-box li h3 a{color:rgba(0,0,0,1);}
 .catalog-box li:hover h3 a{color:rgba(0,0,0,0.7);}
 .catalog-box li p{font:normal 300 14px/22px yahei,sans-serif;color:rgba(0,0,0,0.7);height:22px;overflow:hidden;}
 @media screen and (min-width:1920px) { .catalog-bg img{width:100%;height:auto;}}
@media screen and (max-width:1024px) {
.pd80{padding:40px 0;}
.banner .bd .banner-txt{width:700px;margin:0 calc(50% - 350px);} 
.about>.container>.inner {width:calc(100% - 20px);}
.about .ab-ing{width:40%;}
.about .inner  .article{width:calc(60% - 20px);margin:0 10px;padding:15px 0px;}
.art-tlt-inner{width:400px;margin:0 calc(50% - 200px);}
.art-h1{font:normal 900 24px/40px yahei, sana-serif;}
 .catalog .container{margin:0;}
 .catalog-box{height:auto;padding:30px 0 30px 0;}
  .catalog-box li{width:calc(33.333% - 20px);margin:15px 10px;}
}
@media only screen and (max-width:768px) {
.banner .bd li img {width:auto;}
.banner .bd .banner-txt{width:96%;top:150px;line-height:100px;height:auto;margin:0 2%;}
.banner .bd .banner-txt .b-tlt {font-size:42px;line-height:42px;text-align:center;text-shadow:-1px -1px 0 #ccc,1px 1px 0 #333,1px 1px 0 #444;}
.art-h1{font:normal 900 18px/40px yahei, sana-serif;}
.art-tlt-inner{width:300px;height:78px;margin: 0 calc(50% - 150px);}
.art-tlt-inner:before{left:calc(50% - 24px);}
.art-tlt-inner:after{left:calc(50% - 24px);}
.about>.container>.inner {width:100%;margin:0;padding:10px 0;}
.about .ab-ing{width:100%;height:auto;}
.about .inner  .article{width:calc(100% - 20px);margin:0;padding:15px 10px;}
.catalog-bg,.catalog{height:auto;}
.catalog-bg img{width:auto;min-height:840px;}
.catalog-box{top:0px;width:100%;height:auto;padding:20px 0 0 0;min-height:840px;}
.catalog .container{margin:0 ;padding:10px 0;}
.catalog-box li{width:calc(50% - 20px);height:240px;margin:8px 10px;}
	}
	
.hot-pro{background:#fff}
.hot-pro ul{padding:10px 0;}
.hot-pro li{width:calc(33.3333% - 2px);height:auto;margin:25px 1px  25px 1px;float:left;}
.hot-pro li img{width:100%;height:auto;margin:0;}
.hot-pro li h3{font:normal 600 24px/60px microsoft yahei,sans-serif; text-align:center;padding:0 0 5px 0;margin:0 0 10px 0;}
.hot-pro li h3 a{color:#333;}
.hot-pro li h3 a:hover{color:#e42627;}
.hot-pro li p{font:normal 300 14px/24px microsoft yahei,sans-serif;color:#777;padding:0 15px;height:70px;overflow:Hidden;}

 
 

.certificate{background:#f8f8f8 url(../images/pbanner-3.jpg) no-repeat top center; background-size: 100% 100%;}
.certificate-box {width:1120px;margin:30px auto;}
.certificate-box .art-tlt-inner .art-h1{color:#fff;}
.certificate-box ul{padding:50px 0;} 
.certificate-box  li {width:calc(20% - 20px);height:auto;margin:10px;float:left;font:normal 300 15px/20px microsoft yahei,sans-serif;overflow:hidden;position:relative;}
.certificate-box  li img{width:calc(100% - 2px);height:(100% - 2px);position:relative;border:solid 1px #fff;}
.certificate-box  li .inner{position:absolute;bottom:10px;padding:0 0 0 20px;}
.certificate-box  li h4 {width:100%;height:30px;margin-bottom:-5px;font:900 16px/30px yahei sans-serif;}
.certificate-box  li h4 a {color:#D40205;}
.certificate-box  li p{font:500 13px/20px yahei sans-serif;color:#000;}

 
@media screen and (max-width:1024px) {
.hot-pro li{width:calc(50% - 2px);}
.certificate-box {width:100%;margin:30px auto;background-size:auto 100%;}
.certificate-box  li {width:calc(16.66% - 4px);margin:2px;}
}
@media only screen and (max-width:768px) {
.hot-pro li{width:calc(100% - 2px);height:auto;margin:25px 1px  25px 1px;float:left;}
.certificate{display:none;background-size:auto 100%;}
.certificate-box {width:100%;}
.certificate-box  li {width:calc(50% - 20px);margin:10px;}
}
.news {background: #f8f8f8;padding:50px 0 80px 0;}
 
.news-box {width:1120px;margin:30px auto;}
.news-list li {width:360px;height:auto;overflow:hidden;float:left;}
.news-list li:nth-child(2){margin:0 20px;}
.news-list li img{width:360px;height:auto;overflow:hidden;}
.news-list li .con {width:100%;height:120px;}


.news-list li .con h4 {height:30px;font:normal 600 16px/30px yahei,sans-serif;}
.news-list li .con h4 a {color:#333;}
.news-list li .con .date{font:normal 600 14px/20px yahei,sans-serif;color:#ccc;background: url(../images/icon/logo-case.png) no-repeat left center /15px 15px;-webkit-filter: grayscale(100%);filter: grayscale(100%);padding:0 15px 0 25px;}
.news-list li .con p:before{content:"";width:48px;height:2px;border-top: #e42627 solid 3px;top:2px;left:0px;position: absolute;}
.news-list li .con p {height:55px;line-height:20px;overflow:hidden;font-size:11px;padding:15px 0 0 0;position:relative;}
 
 
@media only screen and (max-width:1920px) {}
@media only screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
.news-box {width:100%;margin:30px auto;}
.news-list li {width:calc(33.33% - 6px);}
.news-list li:nth-child(2){margin:0 8px;}
}
@media only screen and (max-width:768px) {
.news-box {width:100%;}
.news-list li {width:calc(100% - 6px);}
.news-list li img{width:calc(100% - 20px);margin:10px;}
.news-list li .con {width:calc(100% - 20px);height:90px;margin:0 10px;}
.news-list li:nth-child(2){margin:0px;}
	}
	
.customer {background:#fff;}
.customer .container ul {margin:50px 0 0 0;}
.customer .container ul li {width:10%;line-height:60px;float:left;margin:20px 5%;}
.customer .container ul li img{float:left;width:100%;height:auto;}
 
 



.map {padding: 0;background:#fff;position:relative;}
.map .inner {margin:0;width:100%;height:500px;position:relative;}
.map .con{position:absolute;bottom: 0%;z-index:9;width:40%;height:500px;background:#4f5b89;filter:alpha(opacity:80); opacity:0.8;color:#fff;padding:160px 40px 0 0;}
.map .con h4{float:right;font:italic 900 40px/80px microsoft yahei,sans-serif;width:100%;text-align:right;}
.map .con h5{float:right;font:italic 300 16px/24px microsoft yahei,sans-serif;width:100%;text-align:right;}
@media only screen and (max-width:768px) {
	.customer .container ul li {width:20%;line-height:60px;float:left;margin:20px 5%;}
.map .con{top: 0%;width:100%;height:180px;padding:20px 0px 20px 0;}
.map .con h4{ font:italic 900 32px/48px microsoft yahei,sans-serif; }
.map .con h5{ font:italic 300 20px/32px microsoft yahei,sans-serif;}
.map .con h4 , .map .con h5{float:none;text-align:center;}
	}