﻿
.banner{position:relative;width:100%;margin:0 auto;height:auto;z-index:1;font-size:0}
.banner .swiper-pagination{bottom:10%!important;line-height:0}
.banner .swiper-pagination-bullet{width:.65rem;height:.65rem;background:#fff;opacity:.8;margin:0 .4rem!important;vertical-align:top;border-radius:.35rem;position:relative;border:.05rem solid #fff;transition:.5s}
.banner .swiper-pagination-bullet-active{background:#ffb822;opacity:1;border-color:#ffb822;width:2rem}
.guide{margin:-3.4rem 3.5% 0;position:relative;z-index:1}
.guide dl dt{background:#eee;padding:2rem 1rem 0}
.guide dl dt ul{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between}
.guide dl dt ul li{min-width:33.33%;margin-bottom:2rem;text-align:center}
.guide dl dt ul li:nth-of-type(odd){width:9.75rem}
.guide dl dt ul li b{display:block}
.guide dl dt ul li b em{font-size:2rem;font-weight:700;line-height:85%;color:#ffb822;font-family:myfont;display:inline-block;vertical-align:top}
.guide dl dt ul li b span{font-size:1.5rem;font-weight:700;line-height:50%;color:#ffb822;font-family:myfont2b;display:inline-block;vertical-align:top}
.guide dl dt ul li p{font-size:1rem;font-weight:400;line-height:1;color:#444;margin-top:.5rem}
.guide dl dd{margin-top:2.5rem;margin-bottom:3.5rem}
.guide dl dd h3{font-size:2.1rem;font-weight:700;line-height:2.9rem;color:#333;text-align:center}
.guide dl dd h3 span{display:block;font-size:1.5rem}
.guide dl dd .desc p{font-size:1.2rem;font-weight:400;line-height:1.8rem;color:#666;text-align:center;margin-top:1rem}
.bk-title{text-align:center;font-size:2.1rem;font-weight:700;line-height:2.1rem;color:#333}
.bk-title span{font-size:1.6rem;line-height:1.6rem;display:inline-block;font-weight:400;vertical-align:bottom}
.project{background-image:url(/mobile/images/fa-bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:100% 100%;height:44.55rem;box-sizing:border-box;padding:3.5rem 3.5% 0}
.project h2{color:#fff}
.project .project-con{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;margin-top:2.1rem}
.project .project-con dl{background:#f6f6f6;width:32%;text-align:center;margin-bottom:1rem;height:10.7rem;padding-top:.7rem;box-sizing:border-box}
.project .project-con dl dd em{display:block;width:3rem;margin:0 auto 0}
.project .project-con dl dd h3{font-size:1.2rem;font-weight:700;line-height:1.2rem;color:#333;margin-top:.6rem;margin-bottom:.5rem}
.project .project-con dl dd p span{display:block;font-size:1.1rem;font-weight:400;line-height:1.4rem;color:#333}
.product{padding:4rem 3.5% 3.4rem}
.product .product-con{margin-top:2rem;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden}
.product .product-con dl{position:relative;width:24%}
.product .product-con dl dt img{display:block;width:100%}
.product .product-con dl dd{position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;text-align:center}
.product .product-con dl dd h3{font-size:1.25rem;font-weight:700;line-height:1.3rem;color:#fff;margin-top:2.5rem}
.product .more{width:10rem;height:3.2rem;border:.05rem solid #999;box-sizing:border-box;display:block;text-align:center;font-size:1.2rem;font-weight:400;line-height:3.2rem;color:#666;margin:1.5rem auto 0}
.product .more::after{content:"";display:inline-block;background-image:url(/mobile/images/pro-more.png);background-repeat:no-repeat;background-position:center top;background-size:100% 100%;width:1.3rem;height:.65rem;margin-left:.6rem}
.partner{background-image:url(/mobile/images/hz-bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:100% 100%;height:11.15rem;box-sizing:border-box;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:0 3.5% 0}
.partner ul{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:flex-start;width:24.6rem;align-items:center;position:relative}
.partner ul li{width:19%;margin-top:.5rem;margin-bottom:.5rem;margin-right:8%}
.partner ul li:nth-of-type(4){position:absolute;top:1.35rem;right:0}
.partner ul li:nth-of-type(8){position:absolute;bottom:1.35rem;right:0}
.partner ul li:nth-of-type(4n){margin-right:0}
.partner h3{font-family:myfont}
.partner h3 em{font-size:3.3rem;font-weight:700;line-height:85%;color:#ffb822;display:inline-block;vertical-align:top}
.partner h3 i{font-size:1.7rem;font-weight:700;line-height:85%;color:#ffb822;display:inline-block;vertical-align:top}
.partner h3 span{display:block;font-size:1.8rem;font-weight:400;line-height:1.8rem;color:#fff;margin-top:.3rem}
.case{padding:4rem 0 4rem 3.5%}
.case .case-con{overflow:hidden;margin-top:2rem}
.case .case-con dl dd{background:#eee;height:5.7rem;box-sizing:border-box;padding:1.1rem 1rem 0 1.75rem}
.case .case-con dl dd h3{font-size:1.6rem;font-weight:400;line-height:1.8rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.case .case-con dl dd span{display:block;font-size:1.2rem;font-weight:400;line-height:1.3rem;color:#333;margin-top:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.process{padding:0 3.5% 2.1rem}
.process .process-con{margin-top:2.2rem}
.process .process-con ul{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:center}
.process .process-con ul li{text-align:center;position:relative;margin-right:9%;margin-bottom:2rem;width: 18%;}
.process .process-con ul li em{display:block;width:4.65rem;height:4.65rem;border-radius:50%;border:.1rem solid #fff;background:#ffb822;margin:0 auto 0}
.process .process-con ul li span{display:block;font-size:1.3rem;font-weight:400;line-height:1.3rem;color:#333;margin-top:1.15rem;white-space: nowrap;}
.process .process-con ul li::after{content:"";display:block;width:4.5rem;height:.45rem;background-image:url(/mobile/images/lc-dot.png);background-repeat:no-repeat;background-position:center top;background-size:100% 100%;position:absolute;right:-3.75rem;top:2.1rem}
.process .process-con ul li:last-of-type::after,.process .process-con ul li:nth-of-type(4n)::after{display:none}
.process .process-con ul li:nth-of-type(4),.process .process-con ul li:nth-of-type(7){margin-right:0}
.honor{background-image:url(/mobile/images/ry-bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:100% 100%;height:15.85rem;box-sizing:border-box;margin-bottom:3.5rem;position: relative;}
.honor::after{content: "";display: block;width: 2.5rem;height: 0.1rem;background: #fff;position: absolute;left: 2.3rem;bottom: 1rem;opacity: 0.8;}
.honor .honor-text{width:16.75rem;box-sizing:border-box;padding:1.1rem 1rem 0 2.3rem}
.honor .honor-text p{font-size:1.1rem;font-weight:400;line-height:1.4rem;color:#fff;margin-bottom:.8rem}
.honor .honor-text p span{color:#ffb822;font-weight:700;display:block}
.team{background:#eee;padding:3.5rem 3.5% 3.7rem 3.5%}
.team .team-t{margin-top:2.25rem}
.team .team-t ul{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.team .team-t ul li{text-align:center}
.team .team-t ul li b{display:block}
.team .team-t ul li b em{font-size:2.5rem;font-weight:700;line-height:75%;color:#ffb822;font-family:myfont;display:inline-block;vertical-align:top}
.team .team-t ul li b span{font-size:1.5rem;font-weight:700;line-height:50%;color:#ffb822;font-family:myfont2b;display:inline-block;vertical-align:top}
.team .team-t ul li p{font-size:1.2rem;font-weight:700;line-height:1.2rem;color:#333;margin-top:.6rem;letter-spacing:.1rem}
.team .team-b{margin-top:1.3rem}
.team .team-b dl dt:nth-of-type(1){font-size:1.4rem;font-weight:400;line-height:4rem;color:#333;height:4rem;box-sizing:border-box;border:.1rem solid #ddd;background:#fff;padding-left:1.35rem;margin-bottom:.5rem;position:relative}
.team .team-b dl dt:nth-of-type(1)::after{content:"";display:block;width:1.8rem;height:1.8rem;background-image:url(/mobile/images/td-sj.png);background-repeat:no-repeat;background-position:center top;background-size:100% 100%;position:absolute;right:1.6rem;top:1.1rem}
.team .team-b dl dt:nth-of-type(2){display:none}
.team .team-b dl dd{font-size:1.3rem;font-weight:400;line-height:2.2rem;color:#666;padding:.65rem 1rem 2.2rem 0;display:none}
.team .team-b dl dd em{margin-left:1rem}
.team .team-b dl dd span{color:#ffb822}
.team .team-b dl.cur{height:auto}
.team .team-b dl.cur dt:nth-of-type(1)::after{transform:rotate(90deg)}
.team .team-b dl.cur dt:nth-of-type(2){display:block}
.team .team-b dl.cur dd{display:block}
.team .team-b dl:last-of-type dd{padding-bottom:0}
.news{padding:4.1rem 3.5% 5.3rem}
.news .news-con{margin-top:2rem}
.news .news-con dl dd{padding-top:.8rem}
.news .news-con dl dd h4{font-size:1.25rem;font-weight:400;line-height:3.5rem;color:#333;position:relative;margin:0 1.4rem;border-bottom:.05rem dashed #d4d4d4;padding-left:2.1rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news .news-con dl dd h4::before{content:"";display:block;width:.35rem;height:.35rem;background:#ffb822;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.about{padding:0 3.5% 3.7rem}
.about .album{margin-top:2rem}
.about ul{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:center;margin-top:1.5rem}
.about ul li{text-align:center;margin:0 2rem}
.about ul li b{display:block}
.about ul li b em{font-size:2.8rem;font-weight:700;line-height:85%;color:#ffb822;font-family:myfont;display:inline-block;vertical-align:top}
.about ul li b span{font-size:1.3rem;font-weight:400;line-height:85%;color:#ffb822;display:inline-block;vertical-align:top}
.about ul li p{font-size:1.3rem;font-weight:400;line-height:1;color:#4d4d4d;margin-top:.5rem}
.about .desc{font-size:1.3rem;font-weight:400;line-height:2.1rem;color:#333;text-align:center;margin-top:2rem;margin-bottom:2.1rem}
.about .desc span{display:block;margin-bottom:.65rem}
.about .more{width:10rem;height:3.2rem;border:.05rem solid #999;box-sizing:border-box;display:block;text-align:center;font-size:1.2rem;font-weight:400;line-height:3.2rem;color:#666;margin:0 auto 0}
.about .more::after{content:"";display:inline-block;background-image:url(/mobile/images/abt-more.png);background-repeat:no-repeat;background-position:center top;background-size:100% 100%;width:1.3rem;height:.65rem;margin-left:.6rem}
