.box-container{width: 1536px; margin: 0 auto;}.w1200{width: 1200px; margin: 0 auto;}.box-de333{width: 100%; margin: 0 auto;}.medium-box-container{width: 80%; margin: 0 auto;} .rl{writing-mode: tb-rl; writing-mode: vertical-lr;}.pic{font-size: 0; overflow: hidden;}.pic img{display: block; width: 100%; transition: transform 0.8s ease; -webkit-transition: transform 0.8s ease; -moz-transition: transform 0.8s ease; -ms-transition: transform 0.8s ease; -o-transition: transform 0.8s ease;}.phone-nav{display: none;}.header-wrapper{transition: background 0.3s ease; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -ms-transition: background 0.3s ease; -o-transition: background 0.3s ease;}.header-wrapper .box-container{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: 120px; align-items: center;}.header-wrapper .logo-box{width: 230px;}.header-wrapper .logo-box a{display: block;}.header-wrapper .logo-box a img{display: block;}.header-wrapper .pc-nav-box{flex: 1; text-align: right;}.header-wrapper .pc-nav-box ul{font-size: 0;}.header-wrapper .pc-nav-box ul li{position: relative; display: inline-block; vertical-align: top; text-align: center;}.header-wrapper .pc-nav-box ul li:last-child{margin-right: 0;}.header-wrapper .pc-nav-box ul li.on > a,.header-wrapper .pc-nav-box ul li:hover > a{color: #00a2e9; border-color: #f1f1f1;}.header-wrapper .pc-nav-box ul li.on > a:after,.header-wrapper .pc-nav-box ul li:hover > a:after{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);}.header-wrapper .pc-nav-box ul li:hover .hide-box{opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0);}.header-wrapper .pc-nav-box ul li > a{position: relative; display: block; font-weight: 700; font-size: 16px; color: #333; line-height: 120px; border-left: 1px solid transparent; border-right: 1px solid transparent; min-width: 114px; padding: 0 22px; text-align: center;}.header-wrapper .pc-nav-box ul li > a:after{content: ""; display: block; width: 100%; height: 2px; background: #00a2e9; position: absolute; left: 0; bottom: 0; z-index: 10; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -ms-transition: transform 0.3s ease; -o-transition: transform 0.3s ease;}.header-wrapper .pc-nav-box .hide-box{position: absolute; left: 50%; top: 100%; z-index: 10; width: 220px; margin-left: -110px; font-size: 0; opacity: 0; visibility: hidden; transform: translateY(10px); -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -ms-transition: transform 0.3s ease; -o-transition: transform 0.3s ease;}.header-wrapper .pc-nav-box .hide-box:before{content: ""; display: block; width: 100%; height: 18px;}.header-wrapper .pc-nav-box .hide-box .list{position: relative; text-align: left; box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1); border-radius: 5px; padding: 0 30px; background: #fff;}.header-wrapper .pc-nav-box .hide-box .list:after{content: ""; display: block; border: 6px solid transparent; position: absolute; top: -12px; left: 50%; margin-left: -6px; z-index: 10; border-bottom-color: #fff;}.header-wrapper .pc-nav-box .hide-box a{display: block; font-size: 16px; color: #666; line-height: 30px; padding: 15px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.05);}.header-wrapper .pc-nav-box .hide-box a:last-child{border-bottom: none;}.header-wrapper .pc-nav-box .hide-box a:hover{color: #00a2e9;}.header-wrapper .other-box{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ align-items: center;}.header-wrapper .language,.header-wrapper .search{width: 120px; height: 120px;}.header-wrapper .language{position: relative; cursor: pointer;} .header-wrapper .language .icon{width: 100%; height: 100%; background: url(../img/lan.png) no-repeat center center;} .header-wrapper .search{cursor: pointer; border-left: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; background: url(../img/search.png) no-repeat center center;}.search-form{width: 100%; position: fixed; left: 0; top: 120px; background: #fff; z-index: 30; padding: 70px 0; display: none; border-top: 1px solid #f7f8f9; /* input placeholder */}.search-form .w1200{position: relative; display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ align-items: center; border-bottom: 1px solid #d9d9d9;}.search-form .keywords{flex: 1; overflow: hidden; line-height: 56px; margin-left: 20px; font-size: 15px; color: #999;}.search-form ::-webkit-input-placeholder{/* WebKit browsers */ color: #999; font-size: 15px;}.search-form :-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color: #999; font-size: 15px;}.search-form ::-moz-placeholder{/* Mozilla Firefox 19+ */ color: #999; font-size: 15px;}.search-form :-ms-input-placeholder{/* Internet Explorer 10+ */ color: #999; font-size: 15px;}.search-form .close{position: absolute; right: 0; top: 50%; z-index: 10; color: #999; margin-top: -15px; width: 20px; height: 20px; background: url(../img/close.png) no-repeat; background-size: contain; transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -ms-transition: transform 0.3s ease; -o-transition: transform 0.3s ease;}.search-form .close:hover{color: #00a2e9; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg);}.mask{width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: fixed; left: 0; top: 0; z-index: 12; display: none;}.footer-wrapper{padding: 75px 0;}.footer-wrapper .box-container{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}.footer-wrapper .box-1{width: 600px;}.footer-wrapper .box-1 .logo{display: block;}.footer-wrapper .box-2{width: 370px;}.footer-wrapper .relative-link{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ margin-top: 42px;}.footer-wrapper .relative-link .box{position: relative; width: 180px; text-align: left; margin-right: 10px;}.footer-wrapper .relative-link .box:nth-child(3){margin-right: 0; width: 220px;}.footer-wrapper .relative-link .box .name{width: 100%; cursor: pointer; font-size: 14px; color: #999; line-height: 40px; padding: 0 30px 0 20px; border: 1px solid #f3f3f3; background: url(../img/up.png) no-repeat right 16px center;}.footer-wrapper .relative-link .box .list{font-size: 0; width: 100%; position: absolute; left: 0; bottom: 100%; z-index: 10; max-height: 230px; overflow-y: auto; display: none; background: #fff; border: 1px solid #f3f3f3; border-bottom: none; border-top: 3px solid #00a2e9; padding: 20px 30px 24px 20px;}.footer-wrapper .relative-link .box .list::-webkit-scrollbar{width: 3px;}.footer-wrapper .relative-link .box .list a{display: block; font-size: 14px; color: #60666a; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.footer-wrapper .relative-link .box .list a:hover{color: #00a2e9;}.footer-wrapper .relative-link .box .list a:last-child{border-bottom: none;}.footer-wrapper .relative-link .caption{font-size: 18px; color: #000; line-height: 36px; font-weight: 700; margin-bottom: 10px;}.footer-wrapper .link{font-size: 0;}.footer-wrapper .link a{position: relative; display: inline-block; font-size: 12px; color: #333; line-height: 20px; padding-right: 22px; margin-right: 22px; transition: color 0.3s ease; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; font-weight: 700;}.footer-wrapper .link a:last-child{margin-right: 0; padding-right: 0;}.footer-wrapper .link a:last-child:after{display: none;}.footer-wrapper .link a:after{content: ""; display: inline-block; width: 1px; height: 12px; background: rgba(0, 0, 0, 0.2); position: absolute; right: 0; top: 50%; margin-top: -6px; z-index: 10;}.footer-wrapper .link a:hover{color: #00a2e9;}.footer-wrapper .copy,.footer-wrapper .copy a{font-size: 12px; color: #999; line-height: 20px;}.footer-wrapper .copy{margin: 10px auto 30px;}.footer-wrapper .copy.phone{display: none;}.footer-wrapper .copy a:hover{color: #00a2e9;}.footer-wrapper .share{font-size: 0;}.footer-wrapper .share a{display: inline-block; width: 48px; height: 53px; margin-right: 15px; background: url(../img/share.jpg) no-repeat;}.footer-wrapper .share .qq{background-position: left top;}.footer-wrapper .share .wechat{background-position: center top;}.footer-wrapper .share .weibo{background-position: right top;}.footer-wrapper .box-3{text-align: center;}.footer-wrapper .box-3 ul{font-size: 0;}.footer-wrapper .box-3 ul li{display: inline-block; vertical-align: top; width: 100px; margin-right: 20px;}.footer-wrapper .box-3 ul li:last-child{margin-right: 0;}.footer-wrapper .box-3 img{display: block; width: 100%;}.footer-wrapper .box-3 p{font-size: 12px; color: #666; line-height: 20px; margin-top: 10px;}.index-banner-wrapper{position: relative;}.index-banner-wrapper:hover .swiper-btn.prev{left: 76px;}.index-banner-wrapper:hover .swiper-btn.next{right: 76px;}.index-banner-wrapper .swiper-slide{overflow: hidden;}.index-banner-wrapper .swiper-slide a{display: block;}.index-banner-wrapper .swiper-slide a > img{display: block; width: 100%; height: auto; transition: all 1s ease 2.5s; transform: perspective(1000px) translate3d(0, 0, 100px);}.index-banner-wrapper .swiper-slide a > img.phone{display: none;}.index-banner-wrapper .swiper-slide.swiper-slide-active img{transition: all 5s ease 0s; transform: perspective(0) translate3d(0, 0, 0px);}.index-banner-wrapper .swiper-btn{display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 10; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; width: 40px; height: 40px;}.index-banner-wrapper .swiper-btn.prev{left: -100%; background: url(../img/prev.png) no-repeat; background-size: contain;}.index-banner-wrapper .swiper-btn.prev:hover{background: url(../img/prev2.png) no-repeat; background-size: contain;}.index-banner-wrapper .swiper-btn.next{right: -100%; background: url(../img/next.png) no-repeat; background-size: contain;}.index-banner-wrapper .swiper-btn.next:hover{background: url(../img/next2.png) no-repeat; background-size: contain;}.index-banner-wrapper .swiper-pagination-bullet{width: 8px; height: 8px; background: rgba(255, 255, 255, 0.8); position: relative; opacity: 1;}.index-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #fff;}.index-banner-wrapper .swiper-pagination-bullet svg{width: 38px; height: 38px; position: absolute; top: 50%; margin-top: -19px; left: 50%; margin-left: -19px;}.index-banner-wrapper .swiper-pagination-bullet svg:nth-child(2){position: absolute; left: 0; top: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}.index-banner-wrapper .swiper-pagination-bullet{fill: none;}.index-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__background{stroke: rgba(255, 255, 255, 0.2); stroke-width: 1;}.index-banner-wrapper .circle-chart__circle{stroke-linecap: square; fill: none;}.index-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle{stroke: #fff; stroke-width: 1; stroke-linecap: square; fill: none; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform-origin: center; -webkit-transform-origin: center; -ms-transform-origin: center; -moz-transform-origin: center;}.index-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle{animation: circle-chart-fill 6.2s linear reverse; -moz-animation: circle-chart-fill 6.2s linear reverse; -webkit-animation: circle-chart-fill 6.2s linear reverse; -ms-animation: circle-chart-fill 6.2s linear reverse;}.index-banner-wrapper .swiper-pagination-bullet.one.swiper-pagination-bullet-active .circle-chart__circle{animation: 5.5t fill 2.8s linear reverse; -moz-animation: circle-chart-fill 5.5s linear reverse; -webkit-animation: circle-chart-fill 5.5s linear reverse; -ms-animation: circle-chart-fill 5.5s linear reverse;}.index-banner-wrapper .swiper-pagination{bottom: 34px; font-size: 0;}.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet{margin: 0 17px;}.index-banner-wrapper .index-banner-swiper .swiper-slide-active .box-container{opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0);}.index-banner-wrapper .index-banner-swiper .box-container{opacity: 0; visibility: hidden; transform: translateY(60px); -webkit-transform: translateY(60px); -moz-transform: translateY(60px); -ms-transform: translateY(60px); -o-transform: translateY(60px); transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);}.index-banner-wrapper .info{position: absolute; left: 0; top: 0; z-index: 10; width: 100%;}.index-banner-wrapper .info-1{padding-top: 128px;}.index-banner-wrapper .info-1 .box-container{padding-left: 31.38%;}.index-banner-wrapper .info-1 .name,.index-banner-wrapper .info-1 .brief{color: #fff; font-weight: 700;}.index-banner-wrapper .info-1 .name{font-size: 70px; line-height: 70px;}.index-banner-wrapper .info-1 .brief{font-size: 26px; line-height: 38px;}.index-banner-wrapper .info-1 .en{color: #fff; text-transform: uppercase; line-height: 50px; font-size: 40px; margin: 26px auto 18px; text-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);}.index-banner-wrapper .info-2{text-align: center; padding-top: 136px;}.index-banner-wrapper .info-2 .name{font-size: 50px; color: #00558f; font-weight: 700; line-height: 50px; margin-bottom: 20px;}.index-banner-wrapper .info-2 .en{font-size: 60px; line-height: 60px; text-transform: uppercase; color: #fff; opacity: 0.5; text-shadow: rgba(0, 0, 0, 0.1) 1px 0 0, rgba(0, 0, 0, 0.1) 0 1px 0, rgba(0, 0, 0, 0.1) -1px 0 0, rgba(0, 0, 0, 0.1) 0 -1px 0; -webkit-text-stroke: 1px #00a2e9;}.index-banner-wrapper .info-3{padding-top: 230px;}.index-banner-wrapper .info-3 .name{font-size: 48px; color: #ce9c30; line-height: 48px; font-weight: 700; margin-bottom: 30px;}.index-banner-wrapper .info-3 .en{font-size: 40px; color: #00a2e9; line-height: 40px; text-transform: uppercase;}.index-banner-wrapper .info-4{padding-top: 262px;}.index-banner-wrapper .info-4 .name{font-size: 60px; line-height: 80px; font-weight: 700; -webkit-text-stroke: 2px #5d3c43; color: #fff; margin-bottom: 30px;}.index-banner-wrapper .info-4 .en{font-size: 36px; line-height: 40px; text-transform: uppercase; -webkit-text-stroke: 0.3px #5d3c43; color: #fff;}.index-title-box{line-height: 30px; margin-bottom: 108px;}.index-title-box .title{font-size: 30px; line-height: 30px; color: #000; font-weight: 700;}.index-title-box .etitle{color: #000; font-size: 40px; line-height: 36px; margin: 18px auto 3px;}.index-title-box .line{width: 24px; height: 8px; background: #00a2e9;}.index-more{position: relative; font-weight: 700; text-transform: uppercase; display: block; width: 138px; height: 48px; line-height: 48px; font-size: 14px; color: #333; text-align: center; background: #fff; border: 2px solid #555; transition: background 0.3s ease; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -ms-transition: background 0.3s ease; -o-transition: background 0.3s ease;}.index-more i{display: inline-block; width: 22px; height: 8px; margin-left: 10px; background: url(../img/icon-right.png) no-repeat; transition: background 0.3s, transform 0.3s ease-out; transition-delay: 0.6s;}.index-more:hover{background: #00a2e9; transition: all 1s 0.3s; -webkit-transition: all 1s 0.3s; color: #fff;}.index-more:hover i{transform: translateX(5px); -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); background: url(../img/icon-right4.png) no-repeat;}.index-more:hover span:nth-child(2),.index-more:hover span:nth-child(4){width: 138px;}.index-more:hover span:last-child,.index-more:hover span:nth-child(3){height: 48px;}.index-more span{position: absolute; display: inline-block; background: #00a2e9; z-index: 10;}.index-more span:nth-child(2),.index-more span:nth-child(4){width: 0; height: 2px;}.index-more span:last-child,.index-more span:nth-child(3){width: 2px; height: 0;}.index-more span:nth-child(2){left: -2px; top: -2px; transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear;}.index-more span:nth-child(3){right: -2px; top: -2px; transition: all 0.1s 0.1s linear; -webkit-transition: all 0.1s 0.1s linear; -moz-transition: all 0.1s 0.1s linear; -o-transition: all 0.1s 0.1s linear;}.index-more span:nth-child(4){right: -2px; bottom: -2px; transition: all 0.1s 0.2s linear; -webkit-transition: all 0.1s 0.2s linear; -moz-transition: all 0.1s 0.2s linear; -o-transition: all 0.1s 0.2s linear;}.index-more span:last-child{left: -2px; bottom: -2px; transition: all 0.1s 0.3s linear; -webkit-transition: all 0.1s 0.3s linear; -moz-transition: all 0.1s 0.3s linear; -o-transition: all 0.1s 0.3s linear;}.index-more-2{position: relative; display: inline-block; width: 150px; height: 50px; line-height: 50px; color: #666; font-size: 14px; text-align: center; border: 1px solid #e5e5e5; margin: 0 auto; font-weight: 700;}.index-more-2:hover{color: #fff; background: #00a2e9; transition: all 1s 0.3s; -webkit-transition: all 1s 0.3s;}.index-more-2:hover i:nth-child(1),.index-more-2:hover i:nth-child(3){width: 150px;}.index-more-2:hover i:last-child,.index-more-2:hover i:nth-child(2){height: 50px;}.index-more-2 i{position: absolute; display: inline-block; background: #00a2e9; z-index: 10;}.index-more-2 i:nth-child(1),.index-more-2 i:nth-child(3){width: 0; height: 1px;}.index-more-2 i:last-child,.index-more-2 i:nth-child(2){width: 1px; height: 0;}.index-more-2 i:nth-child(1){left: -1px; top: -1px; transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear;}.index-more-2 i:nth-child(2){right: -1px; top: -1px; transition: all 0.1s 0.1s linear; -webkit-transition: all 0.1s 0.1s linear; -moz-transition: all 0.1s 0.1s linear; -o-transition: all 0.1s 0.1s linear;}.index-more-2 i:nth-child(3){right: -1px; bottom: -1px; transition: all 0.1s 0.2s linear; -webkit-transition: all 0.1s 0.2s linear; -moz-transition: all 0.1s 0.2s linear; -o-transition: all 0.1s 0.2s linear;}.index-more-2 i:last-child{left: -1px; bottom: -1px; transition: all 0.1s 0.3s linear; -webkit-transition: all 0.1s 0.3s linear; -moz-transition: all 0.1s 0.3s linear; -o-transition: all 0.1s 0.3s linear;}.index-box{margin-bottom: 150px;}.index-box-1{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */}.index-box-1 .info,.index-box-1 .data{width: 50%;}.index-box-1 .info{position: relative; padding-left: 185px; padding-top: 102px; padding-right: 145px; background: url(../img/index1.png) no-repeat right bottom;}.index-box-1 .name{font-size: 50px; color: #333; line-height: 50px; font-weight: 700;}.index-box-1 .desc{font-size: 14px; color: #666; line-height: 36px; height: 144px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; margin: 25px auto 32px;}.index-box-1 .data{padding: 106px 80px; background: url(images/index1.jpg) no-repeat;}.index-box-1 .data li{margin-bottom: 52px;}.index-box-1 .data li:last-child{margin-bottom: 60px;}.index-box-1 .data p,.index-box-1 .data em{font-size: 14px; color: #fff; line-height: 24px;}.index-box-1 .data p{margin-bottom: 10px;}.index-box-1 .data .num span,.index-box-1 .data .num em{display: inline-block; font-style: normal;}.index-box-1 .data .num span{font-size: 60px; color: #fff; line-height: 50px;}.index-box-1 .data .num em{margin-left: 12px;}.index-box-1 .caption{font-size: 40px; color: #fff; font-weight: 700; line-height: 60px; margin-bottom: 22px;}.index-box-1 .ecaption{font-size: 26px; line-height: 30px; color: rgba(255, 255, 255, 0.3);}.index-box-2{padding-left: 185px;}.index-box-2 .key{font-size: 14px; color: #fff; display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ align-items: flex-end; line-height: 14px;}.index-box-2 .key .line{flex: 1; height: 1px; background: rgba(255, 255, 255, 0.3); margin-left: 30px;}.index-box-2 ul{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */}.index-box-2 ul li{width: 18.536%; flex: 1; transition: flex 0.3s ease; -webkit-transition: flex 0.3s ease; -moz-transition: flex 0.3s ease; -ms-transition: flex 0.3s ease; -o-transition: flex 0.3s ease; background: #00a2e9;}.index-box-2 ul li:nth-child(4n).on a:before{background: url(../img/shadow2.png) repeat-y;}.index-box-2 ul li.on{flex: 0 0 44.4%; width: 44.4%;}.index-box-2 ul li.on a:before{background: url(../img/shadow.png) repeat-y;}.index-box-2 ul li.on .info{padding-left: 100px;}.index-box-2 ul li.on .key,.index-box-2 ul li.on .indnd{padding-right: 100px;}.index-box-2 ul li.on .pic{opacity: 1;}.index-box-2 ul li.on .icon img{display: none;}.index-box-2 ul li.on .icon img.on{display: block;}.index-box-2 ul li.on .a-more{background: url(../img/more.png) no-repeat; background-size: contain;}.index-box-2 ul li a{position: relative; display: block; transform: perspective(1px) translateZ(0);}.index-box-2 ul li a:before{content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; background: #00a2e9 url(../img/index2_bg.jpg) no-repeat left bottom; background-size: cover;}.index-box-2 .pic{opacity: 0;}.index-box-2 .pic img{height: 850px; object-fit: cover;}.index-box-2 .pic img.phone{display: none;}.index-box-2 .info{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; line-height: 30px; padding: 118px 60px; padding-right: 0;}.index-box-2 .indnd{padding-right: 60px;}.index-box-2 .icon{margin: 80px auto 85px;}.index-box-2 .icon img{display: block; width: 45px; height: 50px; object-fit: contain;}.index-box-2 .icon img.on{display: none;}.index-box-2 .name{font-size: 26px; color: #fff; font-weight: 700; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 40px; height: 80px;}.index-box-2 .en{font-size: 18px; color: rgba(255, 255, 255, 0.3); line-height: 24px; height: 72px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-transform: uppercase; margin: 35px 0 50px;}.index-box-2 .a-more{background: url(../img/more2.png) no-repeat;}.index-box-3 .box-container{position: relative;}.index-box-3 .box-container > .index-more-2{display: none;}.index-box-3 .cat-box{position: absolute; right: 0; top: 30px; z-index: 10;}.index-box-3 .cat-swiper-box{display: inline-block; margin-right: 130px;}.index-box-3 .cat-swiper .swiper-slide{cursor: pointer; font-size: 18px; color: #6c6c6c; font-weight: 700; margin-right: 60px;}.index-box-3 .cat-swiper .swiper-slide:last-child{margin-right: 0;}.index-box-3 .cat-swiper .swiper-slide:hover,.index-box-3 .cat-swiper .swiper-slide.on{color: #00a2e9;}.index-box-3 .item{position: relative; display: none;}.index-box-3 .item.max .swiper-box{display: none;}.index-box-3 .item.max ul{width: 100%;}.index-box-3 .item.max ul li{width: 33.33%;}.index-box-3 .item.max ul li:nth-child(3){margin-top: 0;}.index-box-3 .item.on{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ animation: fadeIn 0.3s ease-out;}.index-box-3 .item a{display: block;}.index-box-3 .item .swiper-box{width: 37.43%;}.index-box-3 .item .pic img{height: 460px; object-fit: cover;}.index-box-3 .item .info{width: 100%; position: absolute; left: 0; bottom: 0; z-index: 10; padding: 24px 100px 20px 40px; background: rgba(0, 0, 0, 0.68);}.index-box-3 .item .info .name{font-size: 18px; color: #fff; font-weight: 700; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.index-box-3 .item .info .date{font-size: 14px; color: rgba(255, 255, 255, 0.3); margin-top: 2px;}.index-box-3 .swiper-box .swiper-slide:hover .pic img{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);}.index-box-3 .swiper-box .swiper-pagination{bottom: 58px; font-size: 0; text-align: right; right: 40px; left: auto;}.index-box-3 .swiper-box .swiper-pagination .swiper-pagination-bullet{opacity: 0.3; background: #fff; margin: 0 3px; width: 8px; height: 8px;}.index-box-3 .swiper-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}.index-box-3 ul{width: 62.57%; display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ flex-flow: wrap; height: 100%;}.index-box-3 ul li{width: 50%; padding-left: 12px; margin-top: 12px;}.index-box-3 ul li:nth-child(-n+2){margin-top: 0;}.index-box-3 ul li:hover a{background: #00a2e9;}.index-box-3 ul li:hover a:before{opacity: 1; visibility: visible; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0);}.index-box-3 ul li:hover .name,.index-box-3 ul li:hover .date{color: #fff;}.index-box-3 ul li a{position: relative; padding: 28px 56px 22px 32px; background-color: #f7f7f7; transition: background 0.3s ease; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -ms-transition: background 0.3s ease; -o-transition: background 0.3s ease; transform: perspective(1px) translateZ(0);}.index-box-3 ul li a:before{content: ""; display: inline-block; width: 155px; height: 58px; background: url(../img/index3.png) no-repeat; position: absolute; right: 20px; bottom: 20px; z-index: 10; opacity: 0; visibility: hidden; transform: translateX(10px); -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transition: transform 0.5s ease; -webkit-transition: transform 0.5s ease; -moz-transition: transform 0.5s ease; -ms-transition: transform 0.5s ease; -o-transition: transform 0.5s ease;}.index-box-3 ul li .name{font-size: 18px; color: #383434; height: 60px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 30px; margin-bottom: 11px;}.index-box-3 ul li .date{font-size: 16px; color: #00a2e9; line-height: 24px;}.index-box-4{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */}.index-box-4 .contact-box,.index-box-4 .map-box{width: 50%;}.index-box-4 .contact-box{padding: 135px 0; background: url(../img/index4.jpg) no-repeat; background-size: cover; display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ justify-content: flex-end; align-items: center;}.index-box-4 .contact-box .indnd{width: 412px; padding-right: 30px;}.index-box-4 .contact-box .name{font-size: 30px; color: #333; font-weight: 700; margin-bottom: 40px;}.index-box-4 .contact-box ul li{position: relative; padding-left: 54px; line-height: 24px; margin-bottom: 30px;}.index-box-4 .contact-box ul li:last-child{margin-bottom: 0;}.index-box-4 .contact-box .icon{position: absolute; left: 0; top: 9px; z-index: 10; width: 36px; height: 36px; border-radius: 50%; box-shadow: 0px 10px 20px 0px rgba(0, 159, 232, 0.2);}.index-box-4 .contact-box p{font-size: 14px; color: #666; font-weight: 700; margin-bottom: 2px;}.index-box-4 .contact-box .tel{font-size: 24px; color: #666;}.index-box-4 .contact-box .add{font-size: 16px; color: #666;}.index-box-4 .map-box{height: 560px; overflow: hidden; position: relative;}.index-box-4 .map-box .img{display: block; width: 100%; height: 100%; object-fit: cover;}.page-banner-wrapper .banner{display: block; margin: 0 auto; width: 100%;}.page-box{padding: 74px 0 120px; background: #f7f7f7;}.page-title-box{margin-bottom: 94px;}.page-title-box .title{font-size: 36px; color: #333; line-height: 36px; margin-bottom: 15px;}.page-title-box .en{font-size: 26px; color: #ccc; line-height: 30px;}.page-cat-box{font-size: 0; margin-bottom: 75px;}.page-cat-box a{display: inline-block; font-size: 26px; color: #666; line-height: 30px; transition: color 0.3s ease; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; margin-right: 98px;}.page-cat-box a:last-child{margin-right: 0;}.page-cat-box a:hover,.page-cat-box a.on{color: #333; font-weight: 700;}.page-caption{font-size: 32px; color: #333; line-height: 45px; margin-bottom: 35px;}.a-more{display: block; width: 47px; height: 33px; background: url(../img/more3.png) no-repeat; background-size: contain; transition: background 0.3s ease; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -ms-transition: background 0.3s ease; -o-transition: background 0.3s ease; border-radius: 16px;}.a-more:hover{background: url(../img/more.png) no-repeat; background-size: contain; box-shadow: 0px 10px 20px 0px rgba(0, 162, 233, 0.3); opacity: 0.9;}.main-box{position: relative; flex: 1; overflow: hidden; padding-left: 50px;}.main-box.max{padding-left: 0;}.main-box .search-box{position: absolute; right: 0; top: 0; z-index: 10; width: 300px; /* input placeholder */}.main-box .search-box .text{font-size: 14px; color: #999; width: 100%; height: 45px; line-height: 45px; border: 1px solid #f5f5f5; border-radius: 30px; padding: 0 50px 0 30px;}.main-box .search-box ::-webkit-input-placeholder{/* WebKit browsers */ color: #999; font-size: 14px;}.main-box .search-box :-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color: #999; font-size: 14px;}.main-box .search-box ::-moz-placeholder{/* Mozilla Firefox 19+ */ color: #999; font-size: 14px;}.main-box .search-box :-ms-input-placeholder{/* Internet Explorer 10+ */ color: #999; font-size: 14px;}.main-box .search-box .submit{position: absolute; right: 30px; top: 0; z-index: 10; width: 18px; height: 100%; background: url(../img/search3.png) no-repeat center center;}.main-box .page-title-box{margin-bottom: 62px;}.category-box{width: 280px; height: 100%;}.category-box .caption{color: #fff; font-size: 20px; line-height: 80px; background: #00a2e9; padding: 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.category-box .caption span{display: inline-block; margin-left: 4px; opacity: 0.3; font-size: 18px;}.category-box .box{background: #fff; border: 1px solid #f7f7f7; border-top: none; padding: 0 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}.category-box .box a{display: block; margin-bottom: 16px;}.category-box .item{padding: 25px 0; border-bottom: 1px solid #f0f0f0;}.category-box .item:last-child{border-bottom: none;}.category-box .item > a{position: relative; font-size: 18px; color: #666; line-height: 30px; margin-bottom: 0; padding-right: 10px;}.category-box .item > a:hover,.category-box .item > a.on{color: #00a2e9;}.category-box .item > a:hover:after,.category-box .item > a.on:after{background: url(../img/icon-right2.png) no-repeat center center;}.category-box .item > a.active{color: #00a2e9;}.category-box .item > a.active:after{background: url(../img/icon-down.png) no-repeat center center;}.category-box .item > a:after{content: ""; display: inline-block; width: 10px; height: 100%; background: url(../img/icon-right3.png) no-repeat center center; position: absolute; right: 0; top: 0; z-index: 10;}.category-box .second-box{display: none; padding-left: 30px; margin-top: 16px;}.category-box .second-box > a{font-size: 16px; color: #666; line-height: 30px;}.category-box .second-box > a:hover,.category-box .second-box > a.on{color: #00a2e9;}.category-box .detail{display: none; padding-left: 10px;}.category-box .detail a{position: relative; font-size: 14px; color: #999; padding-left: 10px; line-height: 24px; margin-bottom: 16px;}.category-box .detail a:hover,.category-box .detail a.on{color: #00a2e9; text-decoration: underline;}.category-box .detail a:hover:before,.category-box .detail a.on:before{background: #00a2e9;}.category-box .detail a:before{content: ""; display: block; width: 4px; height: 4px; background: #ccc; border-radius: 50%; position: absolute; left: 0; top: 10px; z-index: 10;}.about-wrapper{padding-bottom: 0; background: #fff;}.about-wrapper .main{padding: 100px 0 126px; background: #f7f7f7;}.about-wrapper .main .img{float: right; margin-left: 80px;}.about-wrapper .main .name{font-size: 38px; color: #333; line-height: 48px;}.about-wrapper .main .en{font-size: 40px; line-height: 36px; color: #00a2e9; margin: 40px auto 64px;}.about-wrapper .content{font-size: 16px; color: #666; line-height: 36px; text-align: justify;}.about-wrapper .data{padding: 142px 0; background: url(../img/about2.jpg) no-repeat; background-attachment: fixed;}.about-wrapper .data ul{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}.about-wrapper .data .num em,.about-wrapper .data .num span{display: inline-block; color: #fff; font-style: normal;}.about-wrapper .data .num span{}.about-wrapper .data .num em{font-size: 16px; margin-left: 10px;}.about-wrapper .data .num span{font-size: 60px; line-height: 50px;}.about-wrapper .data p{font-size: 16px; color: #fff; line-height: 24px; margin-top: 22px;}.economic-wrapper .main{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}.economic-wrapper .info{width: 464px;}.economic-wrapper .name{font-size: 18px; color: #333; line-height: 30px; margin-bottom: 40px;}.economic-wrapper .data ul{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ flex-flow: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}.economic-wrapper .data li{margin-bottom: 70px; width: 48%;}.economic-wrapper .data .num em,.economic-wrapper .data .num span{display: inline-block; color: #333; font-style: normal;}.economic-wrapper .data .num span{}.economic-wrapper .data .num em{font-size: 16px; margin-left: 10px;}.economic-wrapper .data .num span{font-size: 60px; line-height: 50px;}.economic-wrapper .data p{font-size: 16px; color: #666; line-height: 24px; margin-top: 22px;}.economic-wrapper .echart{width: 550px; height: 360px; background: url(../img/eco-bg.png) no-repeat left 56px bottom 58px; background-size: 76% auto;}.news-wrapper .main ul{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ flex-flow: wrap; margin-bottom: 40px;}.news-wrapper .main ul li{width: 28%; margin-right: 8%; margin-bottom: 80px;}.news-wrapper .main ul li:nth-child(3n){margin-right: 0;}.news-wrapper .main ul li:hover .pic img{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);}.news-wrapper .main ul li:hover .name{color: #00a2e9;}.news-wrapper .main ul li:hover .a-more{background: url(../img/more.png) no-repeat; background-size: contain; box-shadow: 0px 10px 20px 0px rgba(0, 162, 233, 0.3); opacity: 0.9;}.news-wrapper .main ul li a{display: block;}.news-wrapper .main .pic{font-size: 0; overflow: hidden;}.news-wrapper .main .pic img{width: 100%; height: 345px; object-fit: cover; transition: transform 0.8s ease; -webkit-transition: transform 0.8s ease; -moz-transition: transform 0.8s ease; -ms-transition: transform 0.8s ease; -o-transition: transform 0.8s ease;}.news-wrapper .main .name{font-size: 20px; color: #1d1b1b; line-height: 36px; height: 72px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 30px auto 14px;}.news-wrapper .main .date{font-size: 24px; color: #333; line-height: 30px;}.news-wrapper .main .desc{font-size: 14px; color: #8b9195; line-height: 26px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 20px auto 26px;}.news-wrapper .main .other{position: relative; line-height: 33px;}.news-wrapper .main .other img,.news-wrapper .main .other span{display: inline-block; vertical-align: top;}.news-wrapper .main .other img{vertical-align: middle; position: relative; top: -2px; margin-right: 10px;}.news-wrapper .main .other span{color: #ccc; font-size: 14px; margin-right: 10px;}.news-wrapper .main .other span:last-child{margin-right: 0;}.news-wrapper .main .a-more{position: absolute; right: 0; top: 0; z-index: 10; transition: background 0.3s ease; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -ms-transition: background 0.3s ease; -o-transition: background 0.3s ease;}.newsdetail{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}.newsdetail .leftbox{width: calc(100% - 394px); margin-right: 56px;}.newsdetail .top .title{color: #404040; font-size: 34px; font-weight: bold; line-height: 1.471; margin-bottom: 85px;}.newsdetail .top span{display: inline-block; font-size: 14px; color: #cacbcd; font-weight: 700; margin-right: 10px;}.newsdetail .top span img{margin-right: 12px; vertical-align: middle; position: relative; top: -2px;}.newsdetail .top .date{margin-right: 48px;}.newsdetail .top{padding-bottom: 33px; border-bottom: 1px solid #d8d8d8;}.newsdetail .ndbot{margin-top: 36px; position: relative;}.ndbotleft{width: 136px; border-top: 3px solid #00a2e9; margin-top: 10px; float: left;}.ndbot.cur .ndbotleft{position: fixed; top: 0; left: calc((100% - 1536px) / 2);}.ndbot.cur2 .ndbotleft{position: absolute; bottom: 96px; left: 0;}.ndbotleft .shareitems{padding-bottom: 42px; background-color: #fafafa;}.ndbotleft .shareitem{padding: 20px 0 20px 18px; border-bottom: 1px solid #d8d8d8; cursor: pointer; position: relative;}.ndbotleft .shareitem:nth-last-of-type(1){border-bottom: none;}.ndbotleft .shareitem:before{content: ""; width: 0; height: 100%; background-color: #fff; position: absolute; top: 0; left: 0; z-index: auto; transition: 0.5s ease-in-out 0s; -webkit-transition: 0.5s ease-in-out 0s; -moz-transition: 0.5s ease-in-out 0s;}.ndbotleft .shareitem:hover:before{width: 100%;}.ndbotleft .shareitem .icon{float: left; width: 36px; height: 36px; border-radius: 36px; background-repeat: no-repeat; background-position: center center; position: relative; z-index: 3;}.ndbotleft .shareitem:hover .icon{transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}.ndbotleft .shareitem .text{float: left; color: #aeaeae; line-height: 36px; margin-left: 10px; position: relative; z-index: 3;}.ndbotleft .shareitem:nth-of-type(1) .icon{background: url(../img/nshare1.png) no-repeat; background-size: contain;}.ndbotleft .shareitem:nth-of-type(2) .icon{background: url(../img/nshare2.png) no-repeat; background-size: contain;}.ndbotleft .shareitem:nth-of-type(3) .icon{background: url(../img/nshare3.png) no-repeat; background-size: contain;}.ndbotleft .shareitem:nth-of-type(4) .icon{background: url(../img/nshare4.png) no-repeat; background-size: contain;}.ndbotleft .returnlist{height: 50px; display: block; color: #999; line-height: 50px; font-size: 16px; padding-left: 18px; background-image: url(../img/nlist2.png); background-repeat: no-repeat; background-position: right 30px center;}.ndbotleft .returnlist:hover{background-color: #00a2e9; background-image: url(../img/nlist.png); background-repeat: no-repeat; color: #fff; background-position: right 30px center;}.ndrec{width: 314px; background-color: #fff; height: 100%;}.ndrecbox{border-top: 3px solid #00a2e9; padding: 40px 30px 0;}.ndrecbox .titlebox{position: relative;}.ndreccen .title{color: #00a2e9; font-size: 18px; font-weight: bold;}.ndreccen .read{color: #7b7b7b; line-height: 24px; position: absolute; right: 0; top: 0; z-index: 10;}.ndreccen .read:hover{color: #00a2e9;}.ndreccen .entitle{color: #ccccce; font-size: 16px; margin: 5px 0 16px;}.ndreccen .line{width: 24px; height: 4px; background-color: #00a2e9;}.ndrecitems{margin-top: 62px; position: relative;}.ndrecitem .img{overflow: hidden;}.ndrecitem .img img{display: block; width: 100%; height: auto;}.ndrecitem{margin-bottom: 24px; display: block;}.ndrecitem .title{color: #666; margin-top: 18px; line-height: 1.8;}.ndrecitem:hover .title{color: #00a2e9;}.ndrecitem:hover .img img{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}.ndbotright{width: calc(100% - 170px); float: right;}.ndcontent{padding-bottom: 92px; font-size: 14px; color: #333; line-height: 32px;}.ndcontent img{/*display: block;*/ margin: 0 auto; max-width: 100%; height: auto!important;}.ndpager{background-color: #fff; height: 48px; padding: 0 24px;}.ndpager:nth-of-type(2){margin-top: 10px;}.ndpager .name{font-weight: bold; color: #999; line-height: 48px; float: left;}.ndpager .text{float: left; display: block; width: calc(100% - 60px); color: #999; line-height: 48px; height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}.ndpager a.text:hover{color: #00a2e9;}.business-wrapper .box-container{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}.business-wrapper .main-box > ul{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; flex-flow: wrap; margin-bottom: 70px;}.business-wrapper .main-box > ul li{width: 48.68%; background: #fff; margin-bottom: 2.64%;}.business-wrapper .main-box > ul li:hover{box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);}.business-wrapper .main-box > ul li:hover .pic img{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);}.business-wrapper .main-box > ul li:hover .name{color: #00a2e9;}.business-wrapper .main-box > ul li:hover .a-more{background: url(../img/more.png) no-repeat; background-size: contain; box-shadow: 0px 10px 20px 0px rgba(0, 162, 233, 0.3); opacity: 0.9;}.business-wrapper .main-box > ul a{display: block;}.business-wrapper .main-box > ul .pic img{height: 402px; object-fit: cover;}.business-wrapper .main-box > ul .info{padding: 0 40px 40px;}.business-wrapper .main-box > ul .name{font-size: 20px; color: #393435; font-weight: 700; line-height: 30px; margin: 34px auto 20px;}.business-wrapper .main-box > ul .desc{font-size: 14px; color: #999; line-height: 26px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 52px; margin-bottom: 28px;}.business-wrapper .main-box > ul .brief{font-size: 14px; color: #666; line-height: 30px; margin-bottom: 32px;}.business-wrapper .main-box > ul .brief p{position: relative; margin-bottom: 10px; padding-left: 32px;}.business-wrapper .main-box > ul .brief p:last-child{margin-bottom: 0;}.business-wrapper .main-box > ul .brief p img{position: absolute; left: 0; top: 8px; z-index: 10;}.business-wrapper .main{margin-bottom: 80px;}.business-wrapper .main .caption{font-size: 24px; color: #fff; line-height: 65px; padding: 0 30px; background: #00a2e9;}.business-wrapper .main ul{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ flex-flow: wrap; border: 1px solid #f2f2f2; background: #fff;}.business-wrapper .main ul li{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ align-items: center; width: 33.33%; padding: 15px 30px; font-size: 14px; color: #666; line-height: 30px; border-right: 1px solid #f8f8f8; border-top: 1px solid #f8f8f8;} .business-wrapper .main thead tr:first-child th{background: #00a2e9; font-size: 24px; color: #fff; line-height: 65px; text-align: center; font-weight: 500; padding: 0 30px;}.business-wrapper .main thead tr th{font-size: 18px; color: #333; font-weight: 700; text-align: left; background: #f6f6f6;}.business-wrapper .main th, .businessinfo-wrapper .box-container{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}.businessinfo-wrapper .base-box{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; background: #f9f9f9;}.businessinfo-wrapper .base-box .thumbs-swiper{height: 440px;}.businessinfo-wrapper .base-box .thumbs-swiper img{width: 100%; height: 102px; object-fit: cover; cursor: pointer; transition: transform 0.8s ease; -webkit-transition: transform 0.8s ease; -moz-transition: transform 0.8s ease; -ms-transition: transform 0.8s ease; -o-transition: transform 0.8s ease; filter: grayscale(1);}.businessinfo-wrapper .base-box .thumbs-swiper img:hover{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);}.businessinfo-wrapper .base-box .thumbs-swiper .active img{filter: grayscale(0);}.businessinfo-wrapper .thumbs{position: relative; width: 210px; background: #fff; padding: 106px 30px 0;}.businessinfo-wrapper .thumbs .swiper-slide{overflow: hidden;}.businessinfo-wrapper .thumbs .swiper-btn{display: inline-block; width: 40px; height: 40px; position: absolute; left: 50%; z-index: 10; margin-left: -20px;}.businessinfo-wrapper .thumbs .swiper-btn.prev{top: 30px; background: url(../img/prev3.png) no-repeat center center; background-size: contain;}.businessinfo-wrapper .thumbs .swiper-btn.prev:hover{background: url(../img/prev4.png) no-repeat center center; background-size: contain;}.businessinfo-wrapper .thumbs .swiper-btn.next{bottom: 30px; background: url(../img/next3.png) no-repeat center center; background-size: contain;}.businessinfo-wrapper .thumbs .swiper-btn.next:hover{background: url(../img/next4.png) no-repeat center center; background-size: contain;}.businessinfo-wrapper .bigImg{flex: 1; overflow: hidden; background: #fff; margin-right: 30px;}.businessinfo-wrapper .bigImg .swiper-slide{font-size: 0; overflow: hidden;}.businessinfo-wrapper .bigImg .swiper-slide:hover img{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);}.businessinfo-wrapper .bigImg img{width: 100%; height: 650px; object-fit: contain; transition: transform 0.8s ease; -webkit-transition: transform 0.8s ease; -moz-transition: transform 0.8s ease; -ms-transition: transform 0.8s ease; -o-transition: transform 0.8s ease;}.businessinfo-wrapper .detail-box .name{font-size: 26px; color: #000; line-height: 30px; margin: 78px auto 46px;}.businessinfo-wrapper .detail-box .brief-box ul{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; background: #fff; justify-content: center;}.businessinfo-wrapper .detail-box .brief-box li{position: relative; text-align: center; width: 48%; padding: 34px 30px;}.businessinfo-wrapper .detail-box .brief-box li:last-child:after{display: none;}.businessinfo-wrapper .detail-box .brief-box li:after{content: ""; display: block; width: 1px; height: 40px; background: #ebebeb; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 10;}.businessinfo-wrapper .detail-box .brief-box .title{font-size: 18px; color: #00a2e9; line-height: 30px; font-weight: 700; margin-bottom: 8px;}.businessinfo-wrapper .detail-box .brief-box .title img{position: relative; top: 2px; margin-right: 10px; width: 18px;}.businessinfo-wrapper .detail-box .brief-box .desc{font-size: 14px; color: #999; line-height: 24px;}.businessinfo-wrapper .content{font-size: 16px; color: #666; line-height: 36px; margin-top: 70px; text-align: justify;}.technology-wrapper .box-container{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}.technology-wrapper .main-box .box{position: relative; display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */}.technology-wrapper .info{width: calc(100% - 500px); padding-left: 70px;}.technology-wrapper .pic{width: 500px;}.technology-wrapper .pic img:hover{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);}.technology-wrapper .content{font-size: 16px; color: #666; line-height: 36px; text-align: justify;}.enterprise-wrapper .box-container{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */}.enterprise-wrapper .main .caption{font-size: 24px; color: #fff; line-height: 65px; padding: 0 30px; background: #00a2e9;}.enterprise-wrapper .main ul{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ flex-flow: wrap; border: 1px solid #f2f2f2; background: #fff;}.enterprise-wrapper .main ul li{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ align-items: center; width: 33.33%; padding: 15px 30px; font-size: 14px; color: #666; line-height: 30px; border-right: 1px solid #f8f8f8; border-top: 1px solid #f8f8f8;} .enterprise-wrapper .content thead tr:first-child th{background: #00a2e9; font-size: 24px; color: #fff; line-height: 65px; text-align: center; font-weight: 500; padding: 0 30px;}.enterprise-wrapper .content thead tr th{font-size: 18px; color: #333; font-weight: 700; text-align: left; background: #f6f6f6;} .workstation-wrapper .box-container{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */}.workstation-wrapper .main{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */}.workstation-wrapper .main .info{width: calc(100% - 450px); padding-right: 80px;}.workstation-wrapper .main .info .name{font-size: 36px; color: #333; line-height: 40px; font-weight: 700; margin-bottom: 36px;}.workstation-wrapper .main .content{font-size: 16px; color: #666; line-height: 36px; text-align: justify;}.workstation-wrapper .main .pic{width: 450px;}.leader-wrapper .box-container{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */}.leader-wrapper.leader-wrapper-2 .main ul li{width: 24%;}.leader-wrapper.leader-wrapper-2 .main ul li:nth-child(even){width: 76%;}.leader-wrapper .main ul{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ flex-flow: wrap; border: 1px solid #ececec; background: #fff;}.leader-wrapper .main ul li{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ align-items: center; width: 20%; padding: 15px 30px; font-size: 14px; color: #666; line-height: 30px; border-right: 1px solid #f8f8f8; border-top: 1px solid #f8f8f8;}.areasinfo-wrapper .box-container{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */}.areasinfo-wrapper .page-title-box{margin-bottom: 18px;}.areasinfo-wrapper .box{margin-bottom: 40px;}.areasinfo-wrapper .box:last-child{margin-bottom: 0;}.areasinfo-wrapper .pic{width: 600px; float: right;}.areasinfo-wrapper .info{width: calc(100% - 600px); padding-right: 50px; overflow: hidden; font-size: 16px; color: #666; line-height: 32px; text-align: justify;}.copyright-wrapper .box-container{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */}.copyright-wrapper .main .caption{font-size: 20px; color: #333; font-weight: 700; line-height: 30px; margin-bottom: 42px;} .copyright-wrapper .content thead tr:first-child th{background: #00a2e9; font-size: 24px; color: #fff; line-height: 65px; text-align: center; font-weight: 500; padding: 0 30px;}.copyright-wrapper .content thead tr th{font-size: 18px; color: #333; font-weight: 700; text-align: left; background: #f6f6f6;}.copyright-wrapper .content th,.copyright-wrapper .content td{padding: 15px 30px; line-height: 30px; border: 1px solid #ebebeb;}.copyright-wrapper .content th:nth-child(1),.copyright-wrapper .content td:nth-child(1){width: 38.6%;}.copyright-wrapper .content th:nth-child(2),.copyright-wrapper .content td:nth-child(2){width: 25.72%;} .waste-wrapper .box-container{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */}.waste-wrapper .swiper-box{margin-bottom: 42px;}.waste-wrapper .swiper-box .swiper-slide .name{position: absolute; left: 0; bottom: 0; z-index: 10; line-height: 60px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #fff; font-weight: 700; padding: 0 100px 0 30px; background: rgba(0, 0, 0, 0.7);}.waste-wrapper .swiper-box .swiper-pagination{bottom: 26px; font-size: 0; text-align: right; right: 30px; left: auto;}.waste-wrapper .swiper-box .swiper-pagination .swiper-pagination-bullet{opacity: 0.3; background: #fff; margin: 0 5px; width: 8px; height: 8px;}.waste-wrapper .swiper-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}.waste-wrapper .content{color: #666; font-size: 16px; line-height: 36px;}.video-wrapper .main ul{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ flex-flow: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 10px;}.video-wrapper .main ul li{font-size: 0; width: 47.4%; margin-bottom: 80px;}.video-wrapper .main ul li:hover .pic img{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);}.video-wrapper .main ul li:hover .pic:after{transform: rotateY(360deg);}.video-wrapper .main ul li:hover .name{color: #fff;}.video-wrapper .main ul li:hover .name:before,.video-wrapper .main ul li:hover .name:after{width: 100%;}.video-wrapper .main ul li a{display: block;}.video-wrapper .main ul li .pic{position: relative; font-size: 0; overflow: hidden;}.video-wrapper .main ul li .pic:after{content: ""; display: block; position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; background: url(../img/play.png) no-repeat center center; transition: transform 0.6s ease; -webkit-transition: transform 0.6s ease; -moz-transition: transform 0.6s ease; -ms-transition: transform 0.6s ease; -o-transition: transform 0.6s ease;}.video-wrapper .main ul li .pic img{width: 100%; height: 420px; object-fit: cover; transition: transform 0.8s ease; -webkit-transition: transform 0.8s ease; -moz-transition: transform 0.8s ease; -ms-transition: transform 0.8s ease; -o-transition: transform 0.8s ease;}.video-wrapper .main ul li iframe{width: 100%; height: 420px;}.video-wrapper .main ul li .name{position: relative; font-size: 20px; color: #333; line-height: 100px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 20px; transition: color 0.3s ease; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; background: #fff; transform: perspective(1px) translateZ(0);}.video-wrapper .main ul li .name:before,.video-wrapper .main ul li .name:after{content: ""; display: block; width: 0; height: 50%; position: absolute; z-index: -1; background: #00a2e9; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease;}.video-wrapper .main ul li .name:before{left: 0; top: 0;}.video-wrapper .main ul li .name:after{right: 0; bottom: 0;}.video-modal-box{display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 40;}.video-modal-box .box{width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 10; display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ align-items: center;}.video-modal-box .w1200{background: #fff; padding: 40px 60px 60px;}.video-modal-box .top{position: relative; margin-bottom: 40px; padding-bottom: 10px; border-bottom: 1px solid #f7f8f9;}.video-modal-box .name{font-size: 20px; color: #666; line-height: 36px; letter-spacing: 1px;}.video-modal-box .close{position: absolute; right: 0; top: 0; z-index: 10; font-size: 36px; color: #999; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;}.video-modal-box .close:hover{color: #00a2e9; transform: rotate(-90deg);}.video-modal-box .video-box{height: 60vh; font-size: 0; overflow: hidden;}.video-modal-box .video-box video{width: 100%; height: 100%; object-fit: cover;}.social-wrapper .main ul li{margin-bottom: 30px; background: #fff;}.social-wrapper .main ul li:hover .pic img{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);}.social-wrapper .main ul li:hover .name{color: #00a2e9;}.social-wrapper .main ul li:hover .a-more{background: url(../img/more.png) no-repeat; background-size: contain; box-shadow: 0px 10px 20px 0px rgba(0, 162, 233, 0.3); opacity: 0.9;}.social-wrapper .main ul li a{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */}.social-wrapper .main ul li .pic{width: 42.97%;}.social-wrapper .main ul li .info{flex: 1; padding: 56px 80px 60px;}.social-wrapper .main ul li .name{font-size: 24px; color: #393435; line-height: 30px;}.social-wrapper .main ul li .desc{font-size: 14px; color: #666; line-height: 26px; text-align: justify; margin: 30px auto 36px; height: 156px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden;}.social-modal-box{display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 40;}.social-modal-box .box{width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 10; display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ align-items: center;}.social-modal-box .w1200{position: relative; background: #fff; padding: 50px 100px 86px;}.social-modal-box .swiper-box{width: 775px; margin: 0 auto;}.social-modal-box .info-box{text-align: center;}.social-modal-box .name{font-size: 24px; color: #393435; line-height: 36px; margin-bottom: 22px;}.social-modal-box .close{position: absolute; right: 50px; top: 50px; z-index: 10; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; width: 16px; height: 16px; background: url(../img/close2.png) no-repeat; background-size: contain;}.social-modal-box .close:hover{color: #00a2e9; transform: rotate(-90deg);}.social-modal-box .swiper-slide{overflow: hidden;}.social-modal-box .swiper-slide:hover img{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);}.social-modal-box .swiper-slide img{cursor: pointer; display: block; width: 100%; height: 470px; object-fit: contain; transition: transform 0.8s ease; -webkit-transition: transform 0.8s ease; -moz-transition: transform 0.8s ease; -ms-transition: transform 0.8s ease; -o-transition: transform 0.8s ease;}.social-modal-box .btn-box{font-size: 0; margin: 30px auto 40px; text-align: center;}.social-modal-box .btn-box a{display: inline-block; width: 40px; height: 40px; margin-right: 16px; transition: background 0.3s ease; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -ms-transition: background 0.3s ease; -o-transition: background 0.3s ease;}.social-modal-box .btn-box a:last-child{margin-right: 0;}.social-modal-box .btn-box a.prev{background: url(../img/prev5.png) no-repeat center;}.social-modal-box .btn-box a.prev:hover{background: url(../img/prev6.png) no-repeat center;}.social-modal-box .btn-box a.play{background: url(../img/off.png) no-repeat center; background-size: contain;}.social-modal-box .btn-box a.play:hover{background: url(../img/off2.png) no-repeat center; background-size: contain;}.social-modal-box .btn-box a.play.on{background: url(../img/on.png) no-repeat center; background-size: contain;}.social-modal-box .btn-box a.next{background: url(../img/next5.png) no-repeat center;}.social-modal-box .btn-box a.next:hover{background: url(../img/next6.png) no-repeat center;}.social-modal-box .content{font-size: 16px; color: #666; line-height: 36px; padding-right: 30px; overflow-y: auto; max-height: 144px;}.social-modal-box .content::-webkit-scrollbar{width: 6px;}.law-wrapper .name{font-size: 18px; color: #333; font-weight: 700; line-height: 30px;}.law-wrapper .brief{font-size: 14px; color: #999; line-height: 24px; margin: 18px auto 40px;}.law-wrapper .content{font-size: 14px; color: #666; line-height: 36px; margin-bottom: 134px;}.information-wrapper{/* input placeholder */}.information-wrapper .main{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}.information-wrapper .main.max .news{width: 100%;}.information-wrapper .main.max .sideSearch{display: none;}.information-wrapper .news{width: 75.26%;}.information-wrapper .sideSearch{width: 22.79%;}.information-wrapper .news ul{margin-bottom: 60px;}.information-wrapper .news li{margin-bottom: 20px;}.information-wrapper .news li a{display: block; padding: 44px 14.34% 34px 19.53%; position: relative; background: #fff; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}.information-wrapper .news li .time{position: absolute; left: 40px; top: 44px; font-size: 26px; color: #595656; line-height: 30px;}.information-wrapper .news li .name{font-weight: 700; font-size: 18px; color: #333; line-height: 30px; margin-bottom: 6px;}.information-wrapper .news li .desc{font-size: 14px; line-height: 26px; height: 52px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #999;}.information-wrapper .news li .moreBtn{position: absolute; right: 0; top: 0; width: 8%; height: 100%; background: #00a2e9; opacity: 0;}.information-wrapper .news li .moreBtn img{position: absolute; left: 50%; margin-left: -16px; top: 50%; transform: translateY(-50%); text-align: center;}.information-wrapper .news li a:hover{background: #fff; box-shadow: 0px 5px 18px 0px rgba(41, 73, 162, 0.07);}.information-wrapper .news li a:hover .time{color: #00a2e9;}.information-wrapper .news li a:hover .name{color: #00a2e9;}.information-wrapper .news li a:hover .moreBtn{opacity: 1;}.information-wrapper .sideSearch .title-box{background: url(../img/information-bg.jpg) top right no-repeat; background-size: cover; padding: 106px 30px 52px;}.information-wrapper .sideSearch .title-box .title{font-size: 22px; line-height: 30px; color: #fff; font-weight: 700; margin-bottom: 10px;}.information-wrapper .sideSearch .title-box .en{font-size: 26px; line-height: 30px; color: rgba(255, 255, 255, 0.5);}.information-wrapper .sideSearch .botDiv{padding: 50px 34px 5px; background: #fff;}.information-wrapper .sideSearch .form .box{margin-bottom: 35px;}.information-wrapper .sideSearch .form .box .caption{font-weight: 700; font-size: 15px; line-height: 24px; color: #666; margin-bottom: 15px;}.information-wrapper .sideSearch .select{width: 100%; position: relative; height: 50px;}.information-wrapper .sideSearch .select > a{height: 50px; line-height: 50px; display: inline-block; width: 100%; background: #f7f7f7 url(../img/icon-down2.png) no-repeat right 24px center; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; z-index: 5;}.information-wrapper .sideSearch .select > a{font-size: 14px; color: #b4b4b4; position: relative; padding: 0 34px 0 20px; display: block; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}.information-wrapper .sideSearch .select .hidebox{display: none; max-height: 270px; overflow-y: auto; margin: 0; position: absolute; left: 0px; top: 50px; z-index: 100; width: 100%; padding: 0 20px 20px; background: #f7f7f7;}.information-wrapper .sideSearch .select .hidebox::-webkit-scrollbar{width: 3px;}.information-wrapper .sideSearch .select .hidebox a{display: block; line-height: 45px; height: 45px; cursor: pointer; border-bottom: 1px solid #ebebeb; color: #b4b4b4; font-size: 14px;}.information-wrapper .sideSearch .select .hidebox a:hover{color: #000;}.information-wrapper .sideSearch .llbox{background: #fff; position: relative;}.information-wrapper .sideSearch .text{width: 100%; height: 50px; line-height: 50px; font-size: 14px; color: #b4b4b4; text-indent: 20px; background: #f7f7f7;}.information-wrapper ::-webkit-input-placeholder{/* WebKit browsers */ color: #b4b4b4; font-size: 14px;}.information-wrapper :-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color: #b4b4b4; font-size: 14px;}.information-wrapper ::-moz-placeholder{/* Mozilla Firefox 19+ */ color: #b4b4b4; font-size: 14px;}.information-wrapper :-ms-input-placeholder{/* Internet Explorer 10+ */ color: #b4b4b4; font-size: 14px;}.information-wrapper .sideSearch .btn{position: absolute; right: 0px; top: 0px; width: 36px; height: 100%; background: url(../img/search4.png) left center no-repeat; z-index: 2;}.platform-wrapper .box-container{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */}.platform-wrapper .box-container .main > ul{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ flex-flow: wrap;}.platform-wrapper .box-container .main > ul li{cursor: pointer; width: 32.16%; background: #fff; padding: 20px; margin-right: 1.76%; margin-bottom: 20px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;}.platform-wrapper .box-container .main > ul li:nth-child(3n){margin-right: 0;}.platform-wrapper .box-container .main > ul li:hover{box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);}.platform-wrapper .box-container .main > ul li:hover .pic img{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);}.platform-wrapper .box-container .main > ul li .pic img{height: 220px; object-fit: contain;}.platform-wrapper .box-container .main > ul li .name{font-size: 14px; color: #666; font-weight: 700; text-align: center; line-height: 24px; margin: 30px auto 4px;}.job-wrapper .list ul{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ flex-flow: wrap; margin-bottom: 30px;}.job-wrapper .list ul li{width: 31%; margin-right: 3.5%; margin-bottom: 3.5%; background: #fcfcfc; padding: 64px 50px 70px; cursor: pointer; font-size: 0; border: 1px solid #f7f7f7; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;}.job-wrapper .list ul li:nth-child(3n){margin-right: 0;}.job-wrapper .list ul li:hover{background: #fff; border-color: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08); transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px);}.job-wrapper .list ul li:hover .page-more{color: #fff; background: #cb292e url(../img/more_on.png) no-repeat center center; border-color: #cb292e;}.job-wrapper .list ul li:hover .a-more{background: url(../img/more.png) no-repeat; background-size: contain; box-shadow: 0px 10px 20px 0px rgba(0, 162, 233, 0.3); opacity: 0.9;}.job-wrapper .list ul li .title{position: relative; font-weight: 700; color: #393435; font-size: 26px; line-height: 36px; padding-left: 34px; padding-bottom: 30px;}.job-wrapper .list ul li .title img{position: absolute; left: -21px; top: -8px; z-index: 10; width: 66px;}.job-wrapper .list ul li .title:after{content: ''; display: inline-block; width: 20px; height: 3px; background: #dedede; position: absolute; left: 0; bottom: 0; z-index: 10;}.job-wrapper .list ul li .brief{color: #999; font-size: 14px; line-height: 36px; margin: 28px auto 58px;}.job-wrapper .list ul li .brief a{color: #999; font-size: 14px;}.job-wrapper .list ul li .brief a:hover{color: #cb292e;}.job-wrapper .list ul li .brief span{display: block;}.job-wrapper .list ul li .link{display: none;}.job-wrapper .list ul li .date{display: none; font-size: 14px; color: #b1b1b1;}.job-wrapper .list ul li .detail-box{display: none;}.jobModal-box{width: 100%; height: 100%; position: fixed; left: 0; top: 0; align-items: center; z-index: 110; background: rgba(0, 0, 0, 0.5); display: none;}.jobModal-box.on{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */}.jobModal-box .job-box{width: 1200px; margin: 0 auto; background: #fff; padding: 95px 0 0 100px; position: relative;}.jobModal-box .job-box .name{position: relative; font-weight: 700; font-size: 28px; color: #231e37; margin-bottom: 32px; padding-right: 32px; padding-left: 40px;}.jobModal-box .job-box .name img{position: absolute; left: -21px; top: -4px; width: 66px;}.jobModal-box .job-box h2{font-weight: 700; color: #00a2e9; font-size: 18px; line-height: 36px;}.jobModal-box .job-box .header{padding-right: 100px; margin-bottom: 38px; padding-bottom: 40px; border-bottom: 1px solid #f2f2f2;}.jobModal-box .job-box .brief{color: #999; font-size: 14px; line-height: 36px;}.jobModal-box .job-box .brief a{color: #999; font-size: 14px;}.jobModal-box .job-box .brief span{display: inline-block; margin-right: 55px;}.jobModal-box .job-box .brief span:last-child{margin-right: 0;}.jobModal-box .job-box .link{float: right; display: inline-block; width: 120px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #fff; background: #00a2e9; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; margin-top: -45px;}.jobModal-box .job-box .link:hover{background: #008dbb;}.jobModal-box .job-box .date{font-size: 14px; color: #999;}.jobModal-box .job-box .content-box{height: 530px; overflow: auto; padding-right: 100px;}.jobModal-box .job-box .content-box::-webkit-scrollbar{width: 6px;}.jobModal-box .job-box .content-box::-webkit-scrollbar-track{background-color: #e5e5e5;}.jobModal-box .job-box .content-box::-webkit-scrollbar-thumb{background-color: #00a2e9;}.jobModal-box .job-box .box{font-size: 14px; color: #999; line-height: 34px; margin-bottom: 30px;}.jobModal-box .job-box .box h2{font-weight: 700; color: #333; line-height: 40px;}.jobModal-box .job-box .close{display: inline-block; position: absolute; right: 100px; top: 105px; z-index: 10;}.jobModal-box .job-box .close img{max-width: 100%;}.contact-wrapper .main{position: relative;}.contact-wrapper .main:before{content: ""; display: block; width: 96px; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; background: url(../img/dot.png) repeat-y;}.contact-wrapper .main .box-container{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; align-items: center;}.contact-wrapper .info{width: 36%;}.contact-wrapper .info .name{font-size: 32px; color: #333; line-height: 36px; font-weight: 700; margin-bottom: 36px;}.contact-wrapper .info ul li{position: relative; font-size: 16px; color: #333; line-height: 24px; padding-left: 40px; margin-bottom: 20px;}.contact-wrapper .info ul li:last-child{margin-bottom: 0;}.contact-wrapper .info ul li img{position: absolute; left: 0; top: 0; z-index: 10; width: 22px;}.contact-wrapper .info .qrcode{width: 160px; text-align: center; margin-top: 30px;}.contact-wrapper .info .qrcode p{font-size: 16px; color: #666; line-height: 24px; margin-top: 6px;}.contact-wrapper .map{position: relative; width: 55.34%; height: 460px; overflow: hidden;}.contact-wrapper .map .img{display: block; width: 100%; height: 100%; object-fit: cover;}.boss-wrapper{padding-bottom: 0; background: #fff;}.boss-wrapper .main{padding: 100px 0 126px; background: #f7f7f7;}.boss-wrapper .box{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}.boss-wrapper .box .info{width: 61.85%;}.boss-wrapper .box .content{font-size: 16px; color: #666; line-height: 36px; text-align: justify;}.boss-wrapper .box .pic{width: 24.08%;}.honor-wrapper .main ul{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ flex-flow: wrap;}.honor-wrapper .main ul li{cursor: pointer; width: 23.17%; margin-right: 2.44%; padding: 30px 30px 24px; margin-top: 2.44%; background: #fff;}.honor-wrapper .main ul li:nth-child(4n){margin-right: 0;}.honor-wrapper .main ul li:nth-child(-n+4){margin-top: 0;}.honor-wrapper .main ul li:hover{box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);}.honor-wrapper .main ul li:hover .pic:before{opacity: 1; visibility: visible;}.honor-wrapper .main ul li .pic{position: relative;}.honor-wrapper .main ul li .pic:before{content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; background: url(../img/search5.png) no-repeat center center; opacity: 0; visibility: hidden; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease;}.honor-wrapper .main ul li .pic img{height: 390px; object-fit: contain;}.honor-wrapper .main ul li .name{font-size: 14px; color: #666; font-weight: 700; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 24px; margin-top: 24px;}.website-wrapper .main ul li{line-height: 30px; padding: 22px 0; background: url(../img/line.jpg) repeat-x left bottom;}.website-wrapper .main ul li .cat{display: block; font-size: 16px; color: #333; font-weight: 700;}.website-wrapper .main ul li .cat:hover{color: #00a2e9;}.website-wrapper .main ul li .navs{font-size: 0; margin-top: 12px;}.website-wrapper .main ul li .navs a{position: relative; display: inline-block; font-size: 14px; color: #666; margin-right: 60px;}.website-wrapper .main ul li .navs a:last-child{margin-right: 0;}.website-wrapper .main ul li .navs a:hover{color: #00a2e9; font-weight: 700; text-decoration: underline;}.website-wrapper .main ul li .navs a:before{position: relative; top: -1px; content: ""; display: inline-block; width: 5px; height: 7px; background: url(../img/icon.png) no-repeat left center; margin-right: 10px;}.imgBox{display: none;}.viewer-title{display: none;}.viewer-toolbar > li{display: none;}.viewer-toolbar > li.viewer-zoom-in,.viewer-toolbar > li.viewer-zoom-out,.viewer-toolbar > li.viewer-prev,.viewer-toolbar > li.viewer-next{display: inline-block; float: none;}.gotop{width: 46px; height: 46px; background: #00a2e9; position: fixed; right: 30px; bottom: 20%; padding-top: 14px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; display: none;}.gotop:hover{background: #00558f;}.gotop:hover:after{opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0);}.gotop:hover img{transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px);}.gotop:after{content: ""; display: block; width: 12px; height: 2px; position: absolute; left: 50%; margin-left: -5px; bottom: 10px; z-index: 10; background: #eee; opacity: 0; visibility: hidden; transform: translateY(3px); -webkit-transform: translateY(3px); -moz-transform: translateY(3px); -ms-transform: translateY(3px); -o-transform: translateY(3px); transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -ms-transition: transform 0.3s ease; -o-transition: transform 0.3s ease;}.gotop img{display: block; width: 20px; margin: 0 auto; transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -ms-transition: transform 0.3s ease; -o-transition: transform 0.3s ease;}/*分页*/.pageNum{text-align: center;}.pageNum a{display: inline-block; color: #999; font-size: 14px; vertical-align: middle; margin: 0 10px; width: 48px; height: 40px; line-height: 40px; background: #fff; border-radius: 20px; border: 1px solid #f7f7f7; transition: background 0.5s ease; -webkit-transition: background 0.5s ease; -moz-transition: background 0.5s ease; -ms-transition: background 0.5s ease; -o-transition: background 0.5s ease;}.pageNum .button{width: 100px;}.pageNum .button i{display: inline-block; width: 6px; height: 10px; vertical-align: middle; position: relative; top: -1px;}.pageNum .button.prev:hover i{background: url(../img/icon-l2.png) no-repeat; background-size: contain;}.pageNum .button.prev i{background: url(../img/icon-l.png) no-repeat; background-size: contain; margin-right: 10px;}.pageNum .button.next:hover i{background: url(../img/icon-r2.png) no-repeat; background-size: contain;}.pageNum .button.next i{background: url(../img/icon-r.png) no-repeat; background-size: contain; margin-left: 10px;}.pageNum .dot{background: #fff; line-height: 30px;}.pageNum .dot:hover{background: #00a2e9;}.pageNum a:hover,.pageNum .aNow{color: #fff; border-color: #00a2e9; background: #00a2e9;}.pageMore{display: none;}.pageMore a{display: block; width: 100%; text-align: center; height: 40px; line-height: 40px; background: #00a2e9; color: #fff; font-size: 12px;}.clearfix{zoom: 1;}.clearfix:after{content: ""; display: block; width: 0; height: 0; clear: both; visibility: hidden;}[transition="0.5s"],[imgsalc] img{transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s;}@keyframes circle-chart-fill{to{stroke-dasharray: 0 100;}}@-webkit-keyframes circle-chart-fill{to{stroke-dasharray: 0 100;}}@-moz-keyframes circle-chart-fill{to{stroke-dasharray: 0 100;}}@-ms-keyframes circle-chart-fill{to{stroke-dasharray: 0 100;}}@keyframes fadeIn{0%{opacity: 0;} 100%{opacity: 1;}}#glass{background: #fff; position: absolute; border-radius: 50%; border: 3px #e2e2e2 solid; display: none; background-repeat: no-repeat;}