﻿.bk-title {text-align:center;}
.bk-title b {display:block;font-size:48px;font-weight:normal;line-height:48px;color:#333;}
.bk-title span {display:block;font-size:18px;font-weight:normal;line-height:30px;color:#333;margin-top:20px;}
.banner {height:auto;max-width:1920px;margin:0 auto!important;position:relative;}
.banner .bd li {float:left;width:100%;line-height:0;}
.banner .bd li img {width:100%;}
.banner .bd li a {display:block;}
.banner .hd {z-index:1;margin:0 auto;text-align:center;position:absolute;left:0;width:100%;bottom:8%;cursor:pointer;}
.banner .hd li {width:13px;height:13px;background:#fff;display:inline-block;margin:0 10px;border-radius:13px;}
.banner .hd li.on {background:#1850C2;width:39px;}
.banner .prev {position:absolute;top:calc(45% - 35px);left:0%;z-index:10;cursor:pointer;opacity:0;transition:all 0.5s linear;}
.banner .next {position:absolute;top:calc(45% - 35px);right:0%;z-index:10;cursor:pointer;opacity:0;transition:all 0.5s linear;}
.banner:hover .prev {opacity:1;left:6%;}
.banner:hover .next {opacity:1;right:6%;}
.product {padding:104px 0 104px 0;background-image:url('/images/pro-bg.jpg');background-repeat:no-repeat;background-position:center top;background-size:auto auto;box-sizing:border-box;background-size:100% 100%;}
.product .product-c {margin-top:54px;}
.product .product-c ul li {float:left;width:32%;margin-right:2%;transition:0.5s;position:relative;top:0;}
.product .product-c ul li img {display:block;width:100%;}
.product .product-c ul li h3 {position:absolute;left:0;top:0;font-size:28px;font-weight:normal;line-height:28px;color:#333;width:100%;box-sizing:border-box;padding-top:48px;text-align:center;padding-bottom:39px;}
.product .product-c ul li h3 span {display:block;font-size:16px;font-weight:normal;color:#999;margin-top:4px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:30px;height:60px;}
.product .product-c ul li h3::before {content:"";display:block;width:36px;height:36px;background-image:url('/images/pro-jt.png');background-repeat:no-repeat;background-position:center top;background-size:auto auto;position:absolute;left:50%;bottom:0;z-index:1;transform:translateX(-50%);}
.product .product-c ul li h3::after {content:"";display:block;width:36px;height:36px;background:#e5e5e5;position:absolute;left:50%;bottom:0;border-radius:50%;transform:translateX(-50%);}
.product .product-c ul li:hover {top:10px;}
.product .product-c ul li:hover h3:hover {color:#1850C2;}
.product .product-c ul li:hover h3::after {background:#1850C2;background:linear-gradient(260deg,#1850C2,#20D1E6);}
.product .product-c ul li:last-of-type {margin-right:0;}
.product .product-c ul::after {line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.product .more {background:#1850C2;background:linear-gradient(260deg,#1850C2,#20D1E6);width:240px;border-radius:30px;height:60px;margin:60px auto 0;text-align:center;transition:0.5s;}
.product .more a {display:block;font-size:18px;font-weight:normal;line-height:60px;color:#fff;}
.product .more a::after {content:"";display:inline-block;width:18px;height:11px;background-image:url('/images/pro-more.png');background-repeat:no-repeat;background-position:center top;background-size:auto auto;margin-left:9px;}
.product .more:hover {width:280px;}
.project {padding:100px 0 60px;}
.project .project-c {margin-top:42px;}
.project .project-c .tit {width:454px;position:relative;padding-left:28px;padding-bottom:50px;padding-top:34px;float:left;z-index:1;}
.project .project-c .tit::before {content:"";display:block;width:1px;height:100%;background:#e0e0e0;position:absolute;left:0;top:0;}
.project .project-c .tit ul li {position:relative;}
.project .project-c .tit ul li::before {content:"";display:block;width:25px;height:25px;background:#d2d2d2;border:9px solid #fff;border-radius:50%;box-sizing:border-box;position:absolute;left:-40px;top:50%;margin-top:-13px;}
.project .project-c .tit ul li a {font-size:18px;font-weight:normal;line-height:24px;color:#333;padding:30px 0 30px 20px;display:block;}
.project .project-c .tit ul li a em {width:24px;height:24px;display:inline-block;vertical-align:middle;margin-right:15px;overflow:hidden;}
.project .project-c .tit ul li a em img {opacity:0.5;position:relative;top:0;}
.project .project-c .tit ul li.cur,.project .project-c .tit ul li:hover {background:#1850C2;background:linear-gradient(260deg,#1850C2,#20D1E6);}
.project .project-c .tit ul li.cur::before,.project .project-c .tit ul li:hover::before {background:none;border:0;background:#fff url('/images/fa-doth.png');background-repeat:no-repeat;background-position:center center;background-size:auto auto;width:25px;height:32px;margin-top:-18px;}
.project .project-c .tit ul li.cur a,.project .project-c .tit ul li:hover a {font-weight:bold;color:#fff;}
.project .project-c .tit ul li.cur a em img,.project .project-c .tit ul li:hover a em img {opacity:1;top:-24px;}
.project .project-c .con {float:left;margin-left:30px;width:calc(100% - 454px - 28px - 30px);margin-top:-40px;}
.project .project-c .con .tempWrap {padding-left:40px;margin-left:-40px;}
.project .project-c .con dl {padding:50px 44px 45px 44px;float:left;width:373px;position:relative;transition:0.65s;margin-bottom:40px;margin-top:40px;}
.project .project-c .con dl dt {display:block;line-height:0;overflow:hidden;}
.project .project-c .con dl dt img {display:block;width:100%;transition:1s;}
.project .project-c .con dl dt:hover img {transform:scale(1.1);}
.project .project-c .con dl dd {margin-top:38px;}
.project .project-c .con dl dd em {position:absolute;left:44px;top:34px;background:#1850C2;background:linear-gradient(260deg,#1850C2,#20D1E6);width:72px;text-align:center;display:block;height:72px;font-size:36px;font-weight:normal;line-height:85%;color:#fff;box-sizing:border-box;padding-top:12px;}
.project .project-c .con dl dd em i {display:block;font-size:14px;font-weight:normal;line-height:85%;color:#fff;margin-top:10px;}
.project .project-c .con dl dd h4 {display:block;font-size:24px;font-weight:normal;line-height:26px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.project .project-c .con dl dd h4::after {content:"";display:block;width:26px;height:2px;background:#1850C2;margin-top:20px;margin-bottom:18px;transition:0.25s;}
.project .project-c .con dl dd h4:hover {color:#1850C2;}
.project .project-c .con dl dd h4:hover::after {width:52px;}
.project .project-c .con dl dd p {display:block;font-size:16px;font-weight:normal;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:26px;height:78px;}
.project .project-c .con dl dd span {display:inline-block;font-size:16px;font-weight:normal;line-height:16px;color:#1850C2;padding-right:27px;background-image:url('/images/fa-more.png');background-repeat:no-repeat;background-position:right center;background-size:auto auto;margin-top:46px;position:relative;top:0;transition:0.35s;}
.project .project-c .con dl dd span:hover {top:6px;}
.project .project-c .con dl:hover {box-shadow:0px 15px 35px 0px rgba(0,0,0,0.12);}
.project .project-c::after {line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.job {background-image:url('/images/xban-bg.jpg');background-repeat:no-repeat;background-position:center top;background-size:auto auto;height:690px;box-sizing:border-box;padding-top:140px;text-align:center;}
.job h3 {display:block;text-align:center;font-size:42px;font-weight:normal;line-height:60px;color:#fff;}
.job i {display:block;font-size:12px;font-weight:normal;line-height:18px;color:#fff;opacity:0.3;text-transform:uppercase;text-align:center;margin-top:26px;}
.job .more a {display:block;width:240px;height:60px;background:#1850C2;background:linear-gradient(260deg,#1850C2,#20D1E6);border-radius:30px;font-size:18px;font-weight:normal;line-height:60px;color:#fff;text-align:center;margin:85px auto 0;transition:0.5s;}
.job .more a:hover {width:300px;}
.job .tel {font-size:16px;font-weight:normal;line-height:16px;color:#fff;background-image:url('/images/xban-tel.png');background-repeat:no-repeat;background-position:left bottom;background-size:auto auto;padding-left:37px;min-height:28px;text-align:center;display:inline-block;margin-top:38px;}
.job .tel span {display:inline-block;font-size:30px;font-weight:normal;line-height:85%;color:#fff;}
.ys {background:#e4e7ee;padding:120px 0 100px;}
.ys .ys-c {margin-top:50px;}
.ys .ys-c dl {background:#fff;}
.ys .ys-c dl dt {float:right;width:50%;display:block;line-height:0;overflow:hidden;}
.ys .ys-c dl dt img {width:100%;height:505px;}
.ys .ys-c dl dd {float:left;width:50%;box-sizing:border-box;padding:76px 86px 0;position:relative;height:505px;}
.ys .ys-c dl dd .icon {font-size:0;}
.ys .ys-c dl dd .icon em {display:inline-block;background:#1850C2;background:linear-gradient(260deg,#1850C2,#20D1E6);border-radius:50%;width:69px;height:69px;vertical-align:middle;margin-right:17px;}
.ys .ys-c dl dd .icon em img {display:block;width:69px;height:69px;}
.ys .ys-c dl dd .icon i {display:inline-block;font-size:36px;font-weight:normal;line-height:36px;color:#333;vertical-align:middle;}
.ys .ys-c dl dd .icon i span {display:block;font-size:14px;font-weight:normal;line-height:85%;color:#333;opacity:0.4;text-transform:uppercase;margin-top:10px;}
.ys .ys-c dl dd b {display:block;font-size:22px;font-weight:normal;line-height:22px;color:#333;margin:38px 0 14px 0;}
.ys .ys-c dl dd p {display:block;font-size:16px;font-weight:normal;line-height:28px;color:#666;}
.ys .ys-c dl dd > i {position:absolute;left:82px;bottom:82px;font-size:72px;font-weight:normal;line-height:85%;color:#e9e9e9;}
.ys .ys-c dl:nth-of-type(even) dt {float:left;}
.ys .ys-c dl:nth-of-type(2) dt {margin-left:-260px;width:960px;}
.ys .ys-c dl::after {line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.about .about-t {background-image:url('/images/abt-bg.jpg');background-repeat:no-repeat;background-position:center top;background-size:auto auto;box-sizing:border-box;height:900px;padding-top:122px;}
.about .about-t h3 i {display:block;font-size:84px;font-weight:bold;line-height:85%;color:#fff;text-transform:uppercase;opacity:0.2;}
.about .about-t h3 b {display:block;font-size:48px;font-weight:normal;line-height:48px;color:#fff;margin:14px 0;}
.about .about-t h3 em {display:block;font-size:24px;font-weight:normal;line-height:24px;color:#fff;}
.about .about-t p {font-size:16px;font-weight:normal;line-height:30px;color:#fff;opacity:0.8;width:640px;margin-top:42px;}
.about .about-t .more a {display:block;width:175px;height:46px;background:#1850C2;background:linear-gradient(260deg,#1850C2,#20D1E6);border-radius:23px;font-size:18px;font-weight:normal;line-height:46px;color:#fff;text-align:center;margin-top:58px;transition:0.5s;}
.about .about-t .more a:hover {width:200px;}
.about .about-t ul {font-size:0;margin-top:115px;}
.about .about-t ul li {display:inline-block;margin-right:95px;}
.about .about-t ul li em {display:inline-block;font-size:68px;font-weight:bold;line-height:85%;color:#fff;vertical-align:bottom;}
.about .about-t ul li i {display:inline-block;font-size:18px;font-weight:normal;line-height:18px;color:#fff;vertical-align:bottom;margin-bottom:3px;}
.about .about-t ul li span {display:block;font-size:18px;font-weight:normal;line-height:18px;color:#fff;margin-top:14px;}
.about .about-t ul li:last-of-type {margin-right:0;}
.about .about-b {margin-bottom:108px;}
.about .about-b h3 {display:block;font-size:30px;font-weight:normal;line-height:30px;color:#333;margin-top:84px;margin-bottom:25px;}
.about .about-b h3 em {float:right;}
.about .about-b h3 em a {font-size:16px;font-weight:normal;line-height:30px;color:#1850C2;padding-right:26px;background-image:url('/images/abt-more.png');background-repeat:no-repeat;background-position:right center;background-size:auto auto;position:relative;top:0;transition:0.25s;}
.about .about-b h3 em a:hover {top:6px;}
.about .about-b .list .tempWrap {width:100%!important;}
.about .about-b .list ul li {float:left;width:332px;margin-right:24px;}
.about .about-b .list ul li em {display:block;line-height:0;overflow:hidden;}
.about .about-b .list ul li em img {display:block;width:100%;transition:1s;}
.about .about-b .list ul li h4 {display:block;font-size:16px;font-weight:normal;line-height:58px;color:#333;text-align:center;padding:0 10px;box-sizing:border-box;position:relative;}
.about .about-b .list ul li h4::before {content:"";display:block;width:100%;height:1px;background:#dcdcdc;position:absolute;left:0;bottom:0;}
.about .about-b .list ul li h4::after {content:"";display:block;width:0;height:1px;background:#1850C2;position:absolute;left:0;bottom:0;z-index:1;transition:0.5s;}
.about .about-b .list ul li:hover em img {transform:scale(1.1);}
.about .about-b .list ul li:hover h4 {color:#1850C2;}
.about .about-b .list ul li:hover h4::after {width:100%;}
.about .about-b .list ul li:last-of-type {margin-right:0;}
.about .about-b .list ul::after {line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}

.sou_channel{ display:none;}