@charset "utf-8";
.h-tlt{text-align: center;padding:10px 0 20px;width:100%;}
.h-tlt h1{font-size: 30px;color: #010101;line-height: 1.4;font-weight: 100;}
.h-tlt .p2{margin:10px 0;font-size: 13px;font-family: Arial;color:#777;text-transform: uppercase;line-height: 1.8em;}
.products{}
.products ul li{float:left;height:auto;overflow:hidden;}
.products ul li img{width:100%;padding:1px;}
.products ul li{width:19.6%;margin:1px;}
.plist p{text-align:center;color:#fff;background:#fd7a08;line-height:38px;}
.pro-list ul li img{width:calc(100% - 8px);padding:3px;border:solid 1px rgba(0,0,0,0.1);}
.pro-list li{width:calc(25% - 20px);height:auto;margin:10px;float:left;}
.pro-list li h3{font:300 14px/24px "micorsoft yahei", sans-serif;color:#333;text-align:center;}
@media screen and (max-width: 768px) {
.w90{width:98%;margin:0 1% 30px;}
.products ul li{float:left;height:auto;overflow:hidden;}
.products ul li:nth-child(n){width:49.8%;margin:5px 0.1%;}
.plist .pl-1{border-radius: 0 0 0  0;background:#fd7a08;}
.plist p{line-height:30px;}
}

.About{padding: 34px 0px;width:100%;background:#333;}
.About .About-inner{margin:30px auto;}
.About .About-inner .About-img{}	
.About .About-inner .About-img{ width:40%; float:left;padding:2px;border:1px solid #ccc;}
.About .About-inner .About-img img{ width:100%; }
.About .About-inner .contt{ padding:20px 1% 28px 44%;font-size:.8em;font-weight:100;line-height:1.5em;color:#fff;}
.About .About-inner .contt h1{font-size:1.8em;font-weight:500;line-height:2em;}
.about-link {padding-top: 14px;text-align: center;}
.about-link a{display: inline-block;width: 110px;height: 35px;margin: 0 12px;background: #fd7a08;color: #fff;font-size: 12px;line-height: 35px;transition: all .77s;border-radius: 5px;}
.about-link a:hover{background:#003399}
@media screen and (max-width: 768px) {
.About .About-inner .About-img{ width:80%;float:none;margin:10px auto;padding:0px;border:0px solid #fff;}
.About .About-inner .About-img img{padding:2px;border:1px solid #ccc;}
.About .About-inner .contt{ padding:1%;font-size:.8em;font-weight:100;line-height:1.5em;color:#fff;}
.about-link a{width: 30%;height:35px;margin: 0 1.5%;}
 } 
.App {padding:20px 0 0;background:#fff; background:#f3f3f3;background-size: cover;}
.App-list li{width:23%;margin:0 15px;float:left;margin-bottom:54px;position:relative;overflow:hidden;}
.App-list li h2 {height:40px;line-height:40px;color:#444;font-weight:normal;position:relative;font-size:16px;transition:770ms; text-align:center;}
.App-list li  img {width:100%;height:80%;margin:5px 0;transition: all .4s;}
.App-list li>a:hover img{transform: scale(1.5, 1.5);}
.App-list li:hover h3 {background:#fd7a08; color:#fff;}
.App-list li h3 {background:#fff; color:#000;}
.App-inner h2:before{content:"→";font-size:1.2em;}
.App-inner h2:after{content:"←";font-size:1.2em;}
.App-inner h2{margin:50px 0 20px 30px;padding:0 0 10px 0;text-align:center;border-bottom: 1px dotted #ccc;}
.App-inner h2 a{padding: 0 30px;font-size:1.2em;font-weight:500;color:#f00;}
@media screen and (max-width: 768px) {
.App{display: none;}
}
.news{background:#ededed;padding:30px 0;}
.news-inner li{width:25%;float:left;overflow:hidden;margin:10px 4%;}
.news-inner li:nth-child(n) img{width:100%;height:130px;transition: all .4s;overflow:hidden;}
.news-inner li:nth-child(n) .b-img{display:none;}
.news-inner li:nth-child(n) .figcaption{width:100%;padding:10px 0;color:#333;}
 
.news-inner li .figcaption p{margin:10px 0 0 0;height:54px;line-height:18px;font-size:0.8em;font-weight:100;overflow:hidden;}
.news-inner li:nth-child(-3n+8) img{width:100%;height:130px;margin:0px 3%;overflow:hidden;}
.news-inner li:nth-child(-3n+8) .b-img{display:block;}
.news-inner li:nth-child(-3n+8) .t-img{display:none;}
.news-inner li:nth-child(-3n+8)  .figcaption{width:100%;padding:0px 0  5px;color:#333;top:0;}
.news-inner  .tlt a{line-height:18px;height:18px;font-weight:500;overflow:hidden;}
@media screen and (max-width: 768px) {
.news-inner li:nth-child(2n){display:none;}
.news li{width:90%;height:auto;min-height:200px;margin:10px 5%;float:none;} 
}
 