﻿@charset "utf-8";

/* Banner */
.banner { width: 100%; position: relative; }
.banner img { display: block; width: 100%; }
.banner .bannerList { position: absolute; left: 0; width: 100%; bottom: .236rem; text-align: center; }
.banner .bannerList li { display: inline-block; width: 0.25rem; height: 0.25rem; border-radius: 50%; background: #cbc8cc; margin: 0 1%; font-size:0px;}
.banner .bannerList li.on { background: #f8a404; }
/* Banner End */

/* caseNav */
.caseNav{padding: .625rem 0 0;background:  #fff;}
.caseNav ul li{width: 33.33%;float: left;text-align: center;padding-bottom: .7rem;}
.caseNav ul li a p{font-size: .469rem;color: #333;margin-top: .306667rem;}
.caseNav ul li a span{width: 1.719rem;height: 1.719rem;display: block;margin: 0 auto;}
.caseNav ul li a span img{width: 100%;display: block;}
/* caseNav End */

/* News */
.News{background-color: #f2f2f2;padding: .469rem 0;}

.NewsNav{width: 6.876rem;height: .85rem;line-height: .85rem;background-color: #484848;border-radius: .781rem;margin: .859rem auto .469rem;}
.NewsNav ul li{font-size: .406rem;color: #fff;width: 2.292rem;text-align: center;border-radius: .781rem;height: .85rem;float: left;box-sizing: border-box;}
.NewsNav ul li.on{background-color: #f8a404;}

.NewsCon a.More{border: 1px #666 solid;font-size: .313rem;height: .719rem;line-height: .719rem;width: 2.813rem;display: block;border-radius: 5rem;text-align: center;margin: 0 auto;}
.NewsCon a.More em{color: #f8a404;}
.NewsBox dl{border-bottom: 1px #fff solid;padding-bottom: .313rem;margin-bottom: .313rem;}
.NewsBox dl:last-child{border-bottom: none;}
.NewsBox dl dt{width: 40%;display: inline-block;}
.NewsBox dl dt img{display: block;width: 100%;}

.NewsBox dl dd{width: 55%;}
.NewsBox dl dd h3{font-size: .35rem;color: #333;font-weight: normal;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin: .1rem 0 .266667rem;}
.NewsBox dl dd p{font-size: .33rem;color: #666;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: .48rem;}
/* News End */

/* About */
.About{padding: .781rem 0;background:  #fff;}

.AboutViso{margin: .859rem 0 .703rem;}
.AboutViso a{display: block;}
.AboutViso img{display: block;width: 100%;}

.AboutCon dl dt div{}
.AboutCon dl dt div h3{font-weight: normal;color: #333;font-weight: normal;font-size: .4rem;}
.AboutCon dl dt div p{font-size: .313rem;color: #999;line-height: .5rem;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;margin-top: .313rem;}
.AboutCon dl dt{border-bottom:1px #e6e6e6 solid;padding: 0 .469rem .469rem;}
.AboutCon dl dt span{width: 1.172rem;height: 1.219rem;display: block;border-left:  1px #f2f2f2 solid;padding-left: .6rem;margin-top: .5rem;}
.AboutCon dl dt span img{display: block;width: 100%;}

.AboutCon dl dd{padding: 0 .4rem .859rem;}
.AboutCon dl dd ul li{width:48%;float: left;overflow: hidden;margin-top: .625rem;padding:0 1%;}
.AboutCon dl dd ul li img{ width:100%;}
.AboutCon dl dd ul li span{font-size: .7rem;color: #f8a404;float: left;display:  inline-block;width: 37%;}
.AboutCon dl dd ul li span sup{font-weight: normal;font-size: .3rem;}
.AboutCon dl dd ul li p{font-size: .35rem;color: #333; text-align:center;line-height: .6rem;}

.AboutCon a.More{border: 1px #666 solid;font-size: .313rem;height: .719rem;line-height: .719rem;width: 2.813rem;display: block;border-radius: 5rem;text-align: center;margin: 0 auto;}
.AboutCon a.More em{color: #f8a404;}
/* About End */

/* business */
.business{background-color: #f5f5f5;padding: .625rem 0 0;}

.businessCon{margin-top: .781rem;}
.businessCon dl a{display: block;}
.businessCon dl dt{width: 50%;}
.businessCon dl dt img{display: block;width: 100%;}
.businessCon dl dd{padding: .14rem 0;width: 50%;background-color: #fff;border:  1px #ddd solid;box-sizing:  border-box;}
.businessCon dl dd h3{font-size: .406rem;color: #333;text-align: center;}
.businessCon dl dd p{font-size: .313rem;color: #999;line-height: .5rem;text-align: center;margin-top: .156rem;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
/* business End */

