﻿
.banner{position:relative;background:#ffb822;margin:0 auto;overflow:hidden;clear:both}
.banner .swiper-slide{line-height:0}
.banner .swiper-slide img{width:100%}
.banner .next,.banner .prev{width:62px;height:62px;opacity:.3;cursor:pointer;transition:all .5s ease;background:#ffb822;border-radius:50%;top:50%;position:absolute;left:-100px;z-index:9;transform:translateY(-50%)}
.banner .next img,.banner .prev img{width:100%}
.banner .next:hover,.banner .prev:hover{opacity:1}
.banner .next{left:auto;right:-100px}
.banner:hover .prev{left:3%}
.banner:hover .next{right:3%}
.banner .swiper-pagination{bottom:140px!important}
.banner .swiper-pagination-bullet{width:8px;height:8px;background:#fff;opacity:.4;border-radius:4px;cursor:pointer;margin:0 8px!important;transition:all .5s ease}
.banner .swiper-pagination-bullet-active{opacity:1;width:26px}
.bk-title{background-image:url(/images/bk-tbg.png);background-repeat:no-repeat;background-position:center bottom;background-size:auto auto;padding-bottom:50px;text-align:center;font-size:50px;font-weight:700;line-height:1;color:#333}
.bk-title span{display: block;font-size:20px;line-height: 20px;color: #333;margin-top: 20px;font-weight: normal;letter-spacing: 1px;}
.guide{background-image:url(/images/yz-bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:auto auto;height:460px;box-sizing:border-box;box-shadow:0 10px 8px 0 rgba(0,0,0,.13);margin-top:-100px;position:relative;z-index:10}
.guide dl{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:flex-start}
.guide dl dt{width:520px;padding:60px 40px 0 70px;box-sizing:border-box}
.guide dl dt ul{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:flex-start}
.guide dl dt ul li{min-width:40%;margin-bottom:72px}
.guide dl dt ul li:nth-of-type(odd){width:195px}
.guide dl dt ul li b{display:block}
.guide dl dt ul li b em{font-size:44px;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:34px;font-weight:700;line-height:85%;color:#ffb822;font-family:myfont2b;display:inline-block;vertical-align:top}
.guide dl dt ul li p{font-size:20px;font-weight:400;line-height:1;color:#444;margin-top:10px}
.guide dl dd{width:650px;box-sizing:border-box;padding:67px 200px 0 72px}
.guide dl dd h3{font-size:30px;font-weight:700;line-height:38px;color:#fff;margin-bottom:28px}
.guide dl dd p{font-size:16px;font-weight:400;line-height:29px;color:#fff;margin-bottom:16px}
.project{margin-top:140px;padding-bottom:109px;position:relative}
.project::after{content:"";display:block;width:100%;height:386px;background:#f6f6f6;position:absolute;bottom:0}
.project .project-con{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between}
.project .project-con dl{position:relative;margin-top:103px;z-index:1;width:268px}
.project .project-con dl dt{position:relative;overflow:hidden}
.project .project-con dl dt::before{content:"";display:block;width:100%;height:100%;border:5px solid #ffb822;position:absolute;left:0;top:0;box-sizing:border-box;transform:scale(.5);transition:all .5s ease;opacity:0;z-index:1}
.project .project-con dl dt img{width:100%;display:block;transition:all .5s ease}
.project .project-con dl dd{position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;text-align:center}
.project .project-con dl dd em{width:82px;height:82px;display:block;position:absolute;left:50%;top:0;transform:translate(-50%,-50%);background:#ffb822;border-radius:50%;box-shadow:3px 4px 5px 0 rgba(0,0,0,.15);transition:.5s;z-index:2}
.project .project-con dl dd em img{display:block;width:100%}
.project .project-con dl dd h3{font-size:24px;font-weight:700;line-height:24px;color:#fff;display:block;margin-bottom:17px;margin-top:74px}
.project .project-con dl dd p span{display:block;font-size:20px;font-weight:400;line-height:32px;color:#fff}
.project .project-con dl:nth-of-type(6){margin-left:146px}
.project .project-con dl:nth-of-type(9){margin-right:146px}
.project .project-con dl:hover dt::before{transform:scale(1);opacity:1}
.project .project-con dl:hover dt img{transform:scale(1.2)}
.project .more{font-size:24px;font-weight:400;line-height:64px;color:#fff;width:286px;height:64px;background:#ffb822;text-align:center;display:block;margin:90px auto 0;position:relative;z-index:1;transition:.5s}
.project .more::after{content:"";display:inline-block;background-image:url(/images/fa-more.png);background-repeat:no-repeat;background-position:center top;background-size:auto auto;width:26px;height:13px;margin-left:8px;vertical-align:middle;transition:.5s}
.project .more:hover{width:300px}
.project .more:hover::after{margin-left:20px}
.product{padding-top:140px;padding-bottom:160px}
.product .product-con{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden}
.product .product-con dl{position:relative;width:23.6%;transition:.5s;margin-top:52px}
.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:38px;font-weight:700;line-height:38px;color:#fff;margin-top:80px;margin-bottom:46px}
.product .product-con dl dd em{display:block;font-size:24px;font-weight:400;line-height:24px;color:#fff}
.product .product-con dl dd em:hover{text-decoration:underline}
.product .product-con dl:hover{transform:translateY(-20px)}
.partner{background-image:url(/images/hz-bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:auto auto;height:496px;box-sizing:border-box;}
.partner .container{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;align-items:center;height:100%}
.partner .container ul{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:flex-start;width:1008px;align-items:center;position:relative}
.partner .container ul li{width:207px;height:80px;margin-top:24px;margin-bottom:24px;margin-right:60px;overflow:hidden}
.partner .container ul li img{display:block;width:100%;transition:all 1s ease}
.partner .container ul li:nth-of-type(4){position:absolute;top:63px;right:0}
.partner .container ul li:nth-of-type(8){position:absolute;bottom:63px;right:0}
.partner .container ul li:nth-of-type(4n){margin-right:0}
.partner .container ul li:hover img{transform:scale(1.1)}
.partner .container h3{font-family:myfont;margin-right:-20px}
.partner .container h3 em{font-size:148px;font-weight:700;line-height:85%;color:#ffb822;display:inline-block;vertical-align:top}
.partner .container h3 i{font-size:78px;font-weight:700;line-height:85%;color:#ffb822;display:inline-block;vertical-align:top;margin-left:10px}
.partner .container h3 span{display:block;font-size:80px;font-weight:400;line-height:80px;color:#fff;margin-top:22px}
.case{padding-top:140px;padding-bottom:84px}
.case .case-con{margin-top:42px;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between}
.case .case-con dl{width:335px;margin-bottom:40px}
.case .case-con dl dt{overflow:hidden}
.case .case-con dl dt img{display:block;width:100%;transition:1s}
.case .case-con dl dd{background:#f6f6f6;box-sizing:border-box;padding:18px 27px 0 27px;position:relative;text-align: center;padding-bottom: 30px;}
.case .case-con dl dd h3{font-size:18px;font-weight:normal;line-height:20px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.case .case-con dl dd span{display:block;font-size:15px;font-weight:400;line-height:1.5;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin-top:12px}
.case .case-con dl dd::after{content:"";display:block;width:46px;height:7px;background-image:url(/images/case-more.png);background-repeat:no-repeat;background-position:center top;background-size:auto auto;position:absolute;right:32px;top:41px;display:none}
.case .case-con dl:hover dd{background:#ffb822}
.case .case-con dl:hover dd h3,.case .case-con dl:hover dd span{color:#fff}
.case .more{font-size:24px;font-weight:400;line-height:64px;color:#fff;width:200px;height:64px;background:#ffb822;text-align:center;display:block;margin:25px auto 0;position:relative;z-index:1;transition:.5s}
.case .more::after{content:"";display:inline-block;background-image:url(/images/case-more2.png);background-repeat:no-repeat;background-position:center top;background-size:auto auto;width:24px;height:12px;margin-left:12px;vertical-align:middle;transition:.5s}
.case .more:hover{width:220px}
.case .more:hover::after{margin-left:24px}
.process{padding:55px 0 147px}
.process .process-con{margin-top:60px}
.process .process-con ul{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between}
.process .process-con ul li{text-align:center;position:relative}
.process .process-con ul li em{display:block;width:104px;height:104px;border-radius:50%;border:2px solid #d1d1d1;background:#7e7e7e;margin:0 auto 0}
.process .process-con ul li em img{display:block;width:100%}
.process .process-con ul li span{display:block;font-size:30px;font-weight:400;line-height:30px;color:#333;margin-top:55px}
.process .process-con ul li::after{content:"";display:block;width:100px;height:10px;background-image:url(/images/lc-dot.png);background-repeat:no-repeat;background-position:center top;background-size:auto auto;position:absolute;right:-100px;top:47px}
.process .process-con ul li:last-of-type::after{display:none}
.process .process-con ul li:hover em{background:#ffb822;border-color:#fff}
.process .process-con ul li:hover span{color:#ffb822}
.honor{background-image:url(/images/ry-bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:auto auto;height:800px;padding-top:145px;box-sizing:border-box;position: relative;}
.honor .container::after{content: "";display: block;width: 83px;height: 3px;background: #fff;opacity: 0.8;position: absolute;bottom: 160px;}
.honor .honor-text{width:520px}
.honor .honor-text p{font-size:34px;font-weight:400;line-height:48px;color:#fff;margin-bottom:30px}
.honor .honor-text p span{color:#ffb822;font-weight:700;display:block}
.team{padding-top:146px;padding-bottom:84px}
.team .team-t{background:#f6f6f6;height:232px;margin-top:52px}
.team .team-t ul{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;align-items:center;height:100%}
.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:68px;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:38px;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:30px;font-weight:700;line-height:30px;color:#333;margin-top:20px}
.team .team-b{margin-top:120px}
.team .team-b dl{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:flex-start}
.team .team-b dl dt{width:50%}
.team .team-b dl dt img{display:block;width:100%}
.team .team-b dl dd{width:50%;padding:79px 45px 0 66px;box-sizing:border-box}
.team .team-b dl dd h4{font-size:38px;font-weight:700;line-height:38px;color:#333}
.team .team-b dl dd h4::after{content:"";display:block;width:45px;height:3px;background:#ffb822;margin-top:20px;margin-bottom:22px}
.team .team-b dl dd .desc p{font-size:20px;font-weight:400;line-height:36px;color:#666}
.team .team-b dl dd .desc p em{margin-left:30px}
.team .team-b dl dd .desc p span{color:#ffb822}
.team .team-b dl:nth-of-type(even) dt{order:2}
.news{padding-top:100px;padding-bottom:106px;background:#f6f6f6}
.news .news-con{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;margin-top:53px}
.news .news-con .item{width:420px}
.news .news-con .item dl{padding:25px 0;border-bottom:1px solid #e5e5e5}
.news .news-con .item dl dt{display:none;overflow:hidden}
.news .news-con .item dl dt img{display:block;width:100%}
.news .news-con .item dl dd h4{font-size:18px;font-weight:400;line-height:1.1;color:#333;position:relative;padding-left:27px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news .news-con .item dl dd h4::before{content:"";display:block;width:9px;height:9px;border-radius:50%;background:#999;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.news .news-con .item dl dd h4:hover{color:#ffb822}
.news .news-con .item dl dd h4:hover::before{background:#ffb822}
.news .news-con .item dl dd p{font-size:15px;font-weight:400;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:28px;height:56px;display:none}
.news .news-con .item dl dd em{display:none;font-size:24px;font-weight:400;line-height:85%;color:#ffb822;font-family:myfont2}
.news .news-con .item dl:nth-of-type(1){padding-top:0;border-color:#999;padding-bottom:40px}
.news .news-con .item dl:nth-of-type(1) dt{display:block}
.news .news-con .item dl:nth-of-type(1) dd{padding-top:20px}
.news .news-con .item dl:nth-of-type(1) dd h4{padding-left:0;font-size:20px;font-weight:700}
.news .news-con .item dl:nth-of-type(1) dd h4::before{display:none}
.news .news-con .item dl:nth-of-type(1) dd p{display:-webkit-box;margin-top:10px;margin-bottom:10px}
.news .news-con .item dl:nth-of-type(1) dd em{display:block}
.news .news-con .item dl:last-of-type{border-color:#999}
.about{padding-top:103px;padding-bottom:85px}
.about .about-t dl{position:relative}
.about .about-t dl dt img{display:block;width:100%}
.about .about-t dl dd{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;box-sizing:border-box;padding-top:90px}
.about .about-t dl dd i{display:block;font-size:60px;font-weight:400;line-height:72%;color:#ffb822;font-family:myfont2b;text-transform:uppercase}
.about .about-t dl dd h2{font-size:42px;font-weight:700;line-height:42px;color:#fff;margin-top:24px;margin-bottom:22px}
.about .about-t dl dd span{display:block;font-size:24px;font-weight:400;line-height:24px;color:#fff;margin-bottom:21px}
.about .about-t dl dd .open-video{transition:.5s;display:inline-block}
.about .about-t dl dd .open-video img{display:inline-block;width:97px;height:97px;cursor:pointer}
.about .about-t dl dd .open-video:hover{transform:translateY(20px)}
.about .about-b{padding-top:50px}
.about .about-b ul{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:center}
.about .about-b ul li{text-align:center;margin:0 85px}
.about .about-b ul li b{display:block}
.about .about-b ul li b em{font-size:56px;font-weight:700;line-height:85%;color:#333;font-family:myfont;display:inline-block;vertical-align:top}
.about .about-b ul li b span{font-size:26px;font-weight:400;line-height:85%;color:#333;display:inline-block;vertical-align:top}
.about .about-b ul li p{font-size:18px;font-weight:400;line-height:1;color:#4d4d4d;margin-top:10px}
.about .about-b .desc{font-size:20px;font-weight:400;line-height:34px;color:#333;text-align:center;margin-top:52px;margin-bottom:62px}
.about .about-b .more{font-size:24px;font-weight:400;line-height:64px;color:#fff;width:200px;height:64px;background:#ffb822;text-align:center;display:block;margin:25px auto 0;position:relative;z-index:1;transition:.5s}
.about .about-b .more::after{content:"";display:inline-block;background-image:url(/images/abt-more.png);background-repeat:no-repeat;background-position:center top;background-size:auto auto;width:26px;height:13px;margin-left:10px;vertical-align:middle;transition:.5s}
.about .about-b .more:hover{width:220px}
.about .about-b .more:hover::after{margin-left:20px}
