@charset='utf-8';
/* 广告 */
.banner{ width: 100%; height: 94%; }
#banner>div>div{ width: 100%; height: 100%; background: url(../images/banner.jpg) no-repeat top center; background-size: 100%;}
.banner-fonts{ width: 570px; height: 40%; position: absolute; top: 15%; left: 50%; margin-left: -285px; }
.banner-fonts img{ max-height: 100%; display: block; margin: 0 auto; }
.banner-team{ width: 90%; height: 45%; position: absolute; top: 55%; left: 5%; }
.banner-team dl { display: block; width: 33%; height: 100%; float: left; box-sizing: border-box; padding-top: 196px; position: relative;}
.banner-team dl dt{ display: block; width: 184px; height: 184px; background: rgba(0,0,0,0.1); position: absolute; top: 0%; left: 50%; margin-left: -92px; border-radius: 50%; overflow: hidden; border:solid 1px rgba(255,255,255,0.4); text-align: center; line-height: 184px; color: #fff; font-size: 40px; font-weight: 700;}
.banner-team dl dd{ display: block; width: 100%; height: 100%; text-align: center; font-size: 18px; color: #fff; }

.index-en-tit{ width: 100%; height: auto; font-size: 24px; color: #333; text-transform: uppercase; }
.index-ch-tit{ width: 100%; height: auto; font-size: 30px; color: #ed7300; padding-top: 7px; }

/* 服务项目 */
.service-item{ width: 90%; height: auto; max-width: 1200px; margin: 0 auto; overflow: hidden; padding: 60px 0; }
.service-white{ width: 100%; height: 40px; }
.service-item dl{ display: block; width: 33%; height: auto; float: left; box-sizing: border-box; padding-left: 110px;position: relative; padding-bottom: 30px;}
.service-item dl dt{ display: block; width: 83px; height: 83px; position: absolute; top: 0; left: 0; border-radius: 50%; }
.service-item dl dt img{ width: 60px; }
.service-item dl dt.dt1{overflow: hidden; text-align: center;background-color: #64aaf2;background: linear-gradient(145deg,#64edea,#64aaf2)}
.service-item dl dt.dt2{overflow: hidden; text-align: center;background-color: #b376ff;background: linear-gradient(145deg,#44aaf8,#b376ff)}
.service-item dl dt.dt3{overflow: hidden; text-align: center;background-color: #f65589;background: linear-gradient(145deg,#f26768,#f65589)}
.service-item dl dt.dt4{overflow: hidden; text-align: center;background-color: #38cf7a;background: linear-gradient(90deg,#32dab7,#38cf7a);}
.service-item dl dt.dt5{overflow: hidden; text-align: center;    background-color: #c467ff;background: linear-gradient(90deg,#fe80fb,#c467ff);}
.service-item dl dt.dt6{overflow: hidden; text-align: center;background-color: #64aaf2;background: linear-gradient(145deg,#64edea,#64aaf2)}
.service-item dl dd{ display: block; width: 100%; height: auto; text-align: left !important;}
.service-item dl dd a{ display: block; width: 100%; height: auto; font-size: 20px; color: #333;  padding-bottom: 7px; }
.service-item dl dd ul li{ display: block; width: 100%; height: auto; }

/* 关于攸攸 */
.about-yy{ width: 100%; height: auto; padding: 50px 0; background: #f6f6f6; overflow:hidden; }
.about-yy .about-cent{ width: 90%; height: auto; max-width: 1200px; margin: 0 auto; }
.about-yy .about-cent .a-lft{ width: 40%; height: auto; float: left; }
.about-yy .about-cent .a-lft .a-txt{ width: 100%; height: auto; padding-top: 20px;}
.about-yy .about-cent .a-lft .a-txt p{ padding-bottom: 15px; line-height: 21px; color: #333;}
.about-yy .about-cent .a-lft .a-txt img{ max-width: 100%; margin-top: 40px; }
.about-yy .about-cent .a-rht{ width: 60%; height: auto; float: left; }
.about-yy .about-cent .a-rht img{ max-width: 100%; float: right;}

/* 热门新闻 */
.hot-news{ width: 90%; height: auto; padding: 70px 0 70px 500px; overflow: hidden; margin: 0 auto; position: relative; box-sizing: border-box; max-width: 1200px; }
.hot-news-rht{ width: 100%; height: 360px; }
.hot-news-rht ul{ padding-top: 35px; width: 100%; height: auto; }
.hot-news-rht ul li{ display: block; width: 100%; height: 45px; line-height: 45px; border-bottom: dashed 1px rgba(51,51,51,0.2); box-sizing: border-box; padding: 0 10px; }
.hot-news-rht ul li span{ float: right; color: #999; font-size: 12px;}
.hot-news-lft{ width: 435px; height: 360px; position: absolute; left: 0; top: 70px; }
.hot-news-lft dl{ display: block; width: 435px; height: 360px; }
.hot-news-lft dt { display: block; width: 435px; height: 230px; }
.hot-news-lft dt img{ width: 435px; height: 230px; }
.hot-news-lft dd {display: block; width: 435px; height: 130px;}
.hot-news-lft dd a{ display: block; width: 100%; height: 50px; line-height: 50px; font-size: 16px; }
.hot-news-lft dd p{ font-size: 12px; color: #999; }