﻿.bannerTel{ display: none; }
.ind-bannerTel{width: 100%; overflow: hidden;} 
.ind-bannerTel .swiper-slide {color: #fff; } 
.ind-bannerTel .swiper-pagination-bullet {width: 27px; height: 3px; background: #fff; border-radius: 0px; opacity: .2;margin-right:8px!important; } 
.ind-bannerTel .swiper-pagination-bullet-active {background: #fff!important;opacity: 1; } 
.ind-bannerTel .swiper-pagination{ text-align: left; left:7%!important; bottom: 40px!important; } 

.ly-banner{width:100%;height:100vh;position: relative;overflow: hidden;}
.icon_bg{ position: absolute; bottom: 0;z-index: 5;right:6.25%; width: 45%;background:rgba(250,250,250,.8); height: 95px;}
.collections__nav {position: absolute; bottom: 0; right: 150px;width:45%;overflow: hidden;/*transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);left:50%;*/z-index: 10; }
.tabs{width:100%;display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: translate3d(0,1,0); transform: translate3d(0,1,0); transition-property: visibility,opacity,-webkit-transform; transition-property: visibility,opacity,transform; transition-property: visibility,opacity,transform,-webkit-transform; transition-duration: .5s; transition-delay: .25s;padding:35px 0;margin: auto; }
.icon-arrow {cursor: pointer; height: 50px; width: 50px; line-height: 50px; transition-property: visibility,opacity; transition-duration: .5s;font-size:50px;color:#fff;font-family: "iconfont";background: none;position: absolute;bottom:20px;margin-top: auto;top:auto;cursor: pointer;text-align: center; z-index: 9999;}
.icon-arrow.swiper-button-prev{left:3%; z-index: 9999;}
.icon-arrow.swiper-button-next{right:3%;left:auto; z-index: 9999;}
.collections__nav .swiper-wrapper{padding-left: 2.1rem;padding-right: 2.5rem;padding-top: 0;width:100%;}
.collections__nav .swiper-slide {-webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; cursor: pointer; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; text-align: center; padding: 0 1.25em; width: auto; min-width: 20%;} 
.collections__nav .swiper-slide:after, .collections__nav .swiper-slide:before {height: 1px; top: 50%; position: absolute; width: calc(50% - 25px); content: ""; background-color: hsla(216,2%,51%,.3); transition-property: visbility,opacity,margin-bottom; transition-duration: .5s; }
.collections__nav .swiper-slide:before {left: 0; }
.collections__nav .swiper-slide__item, .collections__nav .swiper-slide__name {position: absolute; transition-property: visbility,opacity,margin-bottom; transition-duration: .75s; left: 50%; }
.collections__nav .swiper-slide__item {width: 20px; height: 20px; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); top: 50%; cursor: pointer; }
.collections__nav .swiper-slide__item:before {position: absolute; height: 100%; top: 0; width: 100%; left: 0; content: ""; border-radius: 20px; border: 1px solid #ccc; -webkit-transform: translateZ(0) scale(0); transform: translateZ(0) scale(0); transition: -webkit-transform .75s; transition: transform .75s; transition: transform .75s,-webkit-transform .75s; }

.collections__nav .swiper-slide__name {bottom: 100%; opacity: 0; visibility: hidden; font-size: 1.125em; color: #ccc; -webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0); min-width: 5.55556em; }
.collections__nav .swiper-slide__item:after {position: absolute; content: ""; width: 5px; height: 5px; left: 50%; top: 50%; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); border-radius: 20px; background-color: #ccc; }

.collections__nav .swiper-slide__link {visibility: hidden; opacity: 0; position: relative; margin: 0 auto; padding: 0 1.875em; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); transition-property: visbility,opacity,-webkit-transform; transition-property: visbility,opacity,transform; transition-property: visbility,opacity,transform,-webkit-transform; transition-duration: .5s; }

.collections__nav .swiper-slide__link:after, .collections__nav .swiper-slide__link:before, .collections__slider--slides .swiper-slide__title:after, .collections__slider--slides .swiper-slide__title:before, .collections__title span:after, .collections__title span:before {content: ""; height: 1px; background-color: #fff; top: 50%; -webkit-transform: translate3d(0,-50%,0) scaleX(0); transform: translate3d(0,-50%,0) scaleX(0); transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s,-webkit-transform .5s; position: absolute; }
.collections__nav .swiper-slide__link:before, .collections__slider--slides .swiper-slide__title:before, .collections__title span:before {left: 0; -webkit-transform-origin: right center; transform-origin: right center; }
.collections__nav .swiper-slide__link:after, .collections__nav .swiper-slide__link:before {width: 1.25em; }
.collections__nav .swiper-slide__link span {font-size:16px; color: #232323; position: relative; transition: opacity .5s; display: inline-block; }
.collections__nav .swiper-slide:after { right: 0;}
.collections__nav .swiper-slide__item:hover:before {-webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); }
.collections__nav .swiper-slide__item:hover .swiper-slide__name {opacity: 1; visibility: visible; margin-bottom: 10px; }

.collections__nav .active .swiper-slide__item, .collections__nav .active:after, .collections__nav .active:before {opacity: 0; visibility: hidden; }
.collections__nav .active .swiper-slide__item, .collections__nav .active:after, .collections__nav .active:before {opacity: 0; visibility: hidden; }
.collections__nav .active .swiper-slide__link {opacity: 1; visibility: visible; -webkit-transform: translateZ(0); transform: translateZ(0); }

#tabs-container  { position: absolute; height: 100%; top: 0; width: 100%; left: 0; height: 100vh; overflow: hidden; }
#tabs-container .swiper-slide {position: relative; background-position: 50%; background-size: cover; background-repeat: no-repeat; }

.collections__nav .swiper-slide__link:hover:before {-webkit-transform: translate3d(0,-50%,0) scaleX(1); transform: translate3d(0,-50%,0) scaleX(1); -webkit-transform-origin: left center; transform-origin: left center; }
.collections__nav .swiper-slide__link:hover:after {-webkit-transform: translate3d(0,-50%,0) scaleX(1); transform: translate3d(0,-50%,0) scaleX(1); -webkit-transform-origin: right center; transform-origin: right center; }

.collections__nav .swiper-slide__link:after, .collections__slider--slides .swiper-slide__title:after, .collections__title span:after {
    right: 0;-webkit-transform-origin: left center; transform-origin: left center;}

.b_words{width:auto;position: absolute;left:16.6%;top:46%;}
.htop{position: relative;}
.b_words h3{font-size: 30px;color:#fff;line-height: 1.2em;margin-bottom: 0.6em;position: relative;padding-left:30px;top:20px;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;opacity:0;}
.htop span{width:0;height: 1px;background:rgba(250,250,250,.5);position: absolute;left:-100%;top:50%;display: block;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;opacity: 0;}
.htop span:after{content: "";width:6px;height: 6px;display: block;position: absolute;right:-6px;top:50%;margin-top: -3px;background: #fff;border-radius: 50%;}
.b_words h6{font-size: 60px;line-height: 1.3em;color:#fff;position: relative;top:20px;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;opacity:0;}

#tabs-container .swiper-slide-active .b_words h3{top:0;opacity: 1;transition-delay: 0.5s;-webkit-transition-delay: 0.5s;}
#tabs-container .swiper-slide-active .b_words h6{top:0;opacity: 1;transition-delay: 0.7s;-webkit-transition-delay: 0.7s;}
#tabs-container .swiper-slide-active .htop span{width:100%;opacity: 1;transition-delay: 0.9s;-webkit-transition-delay: 0.9s;}
.rImg{position: absolute;right: 0;top:0;}

.span_pointer{position: absolute;width:10px;height: 10px;background: #fff;border-radius: 100%;z-index: 999;cursor: pointer;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;}
.span_pointer.p1{left:41.1%;top:20.6%;}
.span_pointer.p2{left:25.2%;top:31.9%;}
.span_pointer.p3{left:38.3%;top:86.2%;}
.span_pointer.p4{left:29.5%;top:89.4%;}
.span_pointer.p5{left:38.1%;top:16.8%;}
.span_pointer.p6{left:23.8%;top:36.8%;}
.span_pointer.p7{left:40.5%;top:39.4%;}
.span_pointer.p8{left:39.3%;top:84.8%;}



.span_pointer::before {content: ""; display: block; width:24px; height: 24px; border-radius: 50%; background-color: rgba(250, 250, 250,.3); position: absolute; margin-top: -12px; margin-left: -12px; left: 50%; top: 50%; animation: bannerbuInw infinite linear 1.5s normal; -webkit-animation: bannerbuInw infinite linear 1.5s normal;}
@keyframes bannerbuInw {0% {opacity: 1; filter: alpha(opacity=100); transform: scale(1); } 100% {opacity: 0; filter: alpha(opacity=0); transform: scale(1.5); } } 
@-webkit-keyframes bannerbuInw {0% {opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); } 100% {opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.5); } } 
.line{height: 1px;background: #fff;position: absolute;transform:scaleX(0); -webkit-transform: scaleX(0);top:5px;}
.span_pointer.p1 .line{right:-450px;transform-origin: top left;-webkit-transform-origin: top left;width:450px;}
.span_pointer.p2 .line{right:-580px;transform-origin: top left;-webkit-transform-origin: top left;width:580px;}
.span_pointer.p3 .line{right:-450px;transform-origin: top left;-webkit-transform-origin: top left;width:450px;}
.span_pointer.p4 .line{right:-580px;transform-origin: top left;-webkit-transform-origin: top left;width:580px;}
.span_pointer.p5 .line{right:-450px;transform-origin: top left;-webkit-transform-origin: top left;width:450px;}
.span_pointer.p6 .line{right:-580px;transform-origin: top left;-webkit-transform-origin: top left;width:580px;}
.span_pointer.p7 .line{right:-450px;transform-origin: top left;-webkit-transform-origin: top left;width:450px;}
.span_pointer.p8 .line{right:-450px;transform-origin: top left;-webkit-transform-origin: top left;width:450px;}
.span_pointer .point-info{width:200px;position: absolute;top:50px;text-align: center;top:50px;opacity: 0;visibility: hidden;}
.span_pointer.p1 .point-info{right:-500px;}
.span_pointer.p2 .point-info{right:-630px;}
.span_pointer.p3 .point-info{right:-500px;top:-220px;}
.span_pointer.p4 .point-info{right:-630px;top:-220px;}
.span_pointer.p5 .point-info{right:-500px;}
.span_pointer.p6 .point-info{right:-630px;}
.span_pointer.p7 .point-info{right:-500px;}
.span_pointer.p8 .point-info{right:-500px;top:-220px;}
.point-info p{font-size: 16px;line-height: 1.5em;color:#fff;margin-top: 10px;}

.span_pointer:hover .line{transform:scaleX(1); -webkit-transform: scaleX(1);}
.span_pointer.p1:hover .point-info,.span_pointer.p2:hover .point-info,.span_pointer.p5:hover .point-info,.span_pointer.p6:hover .point-info,.span_pointer.p7:hover .point-info{top:30px;opacity:1;visibility: visible;}
.span_pointer.p3:hover .point-info,.span_pointer.p4:hover .point-info,.span_pointer.p8:hover .point-info{top:-270px;opacity:1;visibility: visible;}

.flex {display: flex; justify-content: center; flex-wrap: wrap; align-items: center; }
.ly_technology{width:100%;position: relative;height:100vh;}
.extf-container {background: #1b1f24;height: 100%;position: absolute; width: 100%; top: 0;left: 0;z-index: 3;}
.extf-container .extf-body {position: absolute;top: 0;bottom: 0;left: 0;right: 0; margin: auto;}
.max-wid {width: 66.66%; max-width: 1280px; margin: auto;} 
.extf-image {width:57.2%;position: absolute;right: 0;top:0;height:100%;}
.extf-image img {width: 100%;}
.pic img.w-h {width: 100%; max-width: 100%; opacity: 0; } 
.extf-scale{width:100%;position: relative;height: 100%;overflow: hidden;}
.title{width:auto;margin-bottom:60px;}
.title h3{font-size: 60px;color:#fff;line-height: 1.2em;margin-bottom: 0.5em;font-family: 'AlibabaSansBold';}
.title p{font-size: 40px;line-height: 1em;color:#fff;}
.tabs2{width:100%;overflow: hidden;}
.tabs2 .swiper-slide{margin-bottom:1.8em;cursor: pointer;overflow: hidden;}
.tabs2 .swiper-slide_j_name{font-size:20px;color:#fff;}
.tabs2 .swiper-slide_j_name i{font-family: "iconfont";color:#fff;vertical-align: middle;display: inline-block;margin-right: 18px;font-size: 40px;}
.tabs2 .swiper-slide:hover .swiper-slide_j_name,.tabs2 .swiper-slide:hover .swiper-slide_j_name i,.tabs2 .swiper-slide.active .swiper-slide_j_name,.tabs2 .swiper-slide.active .swiper-slide_j_name i{color:#0281c5;}
.extf-scale .swiper-slide{width:100%;}
.extf_desc{width:56%;left:10%;bottom:18%;position: absolute;z-index: 9;}
.extf_desc h6{font-size:28px;color:#fff;line-height: 1.2em;margin-bottom:0.5em;word-wrap: break-word;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;opacity:0;top:20px;position: relative;}
.extf_desc p{font-size:16px;color:#fff;line-height:1.8em;margin-bottom:2em;word-wrap: break-word;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;opacity:0;top:20px;position: relative;}
.contactBtn {display: block; position: relative; z-index: 0; width:180px;color: #fff; text-align: center; text-decoration: none; line-height:45px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;border:1px solid #fff;top:20px;opacity:0; }
.contactBtn::before {content: ""; position: absolute; left: auto; right: 0; width: 0; height: 100%; background: #fff; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.contactBtn span {position: relative; z-index: 1;font-size:16px;-webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.contactBtn i{font-size:40px;color:#fff;display: inline-block;vertical-align: middle;font-family: "iconfont";margin-left: 12px;z-index: 1;position: relative;-webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.contactBtn:hover::before {left: 0; right: auto; width: 100%; }
.contactBtn:hover span,.contactBtn:hover i{color:#0281c5;}
.extf-scale .swiper-slide-active .extf_desc h6{top:0;opacity: 1;transition-delay: 0.5s;-webkit-transition-delay: 0.5s;}
.extf-scale .swiper-slide-active .extf_desc p{top:0;opacity: 1;transition-delay: 0.7s;-webkit-transition-delay: 0.7s;}
.extf-scale .swiper-slide-active .contactBtn{top:0;opacity: 1;transition-delay: 0.9s;-webkit-transition-delay: 0.9s;}

.icon-arrow2 {cursor: pointer; height: 50px; width: 50px; line-height: 50px; transition-property: visibility,opacity; transition-duration: .5s;font-size:40px;color:#fff;font-family: "iconfont";background: none;position: absolute;margin-top: auto;cursor: pointer;border-left:1px solid rgba(250,250,250,.12);border-right:1px solid rgba(250,250,250,.12);text-align: center;display: none;top:-50px;}
.icon-arrow2.swiper-button-prev{left:0%;}
.icon-arrow2.swiper-button-next{right:0%;left:auto;}


.ly_product,.ly_news{width:100%;background: #1a1d21;padding: 130px 0;}
.pro_container{margin-left: 16.66%;position: relative;}
.pro_container .title{position: absolute;top:0;left:46.75%;z-index: 99;}
.proList{width:100%;}
.proList .swiper-slide {-webkit-transition: transform 1.0s; -moz-transition: transform 1.0s; -ms-transition: transform 1.0s; -o-transition: transform 1.0s; -webkit-transform: scale(0.6); transform: scale(0.6); } 
.square{width:86%;height:86%;background:#353230;border-radius: 100%;z-index:0;}
.proList .swiper-slide a{display: block;position: relative;z-index: 2;}
.proList .swiper-slide a img{margin: auto;opacity: .8;}
.proList .swiper-slide span{display: block;color:#fff;font-size: 120px;font-family: 'AlibabaSansBold';position: absolute;left:0;top:50%;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%);transform: translate(0,-50%);opacity: .8;}
/*.opac{position: absolute;left:0;top:0;right: 0;bottom: 0;background: rgba(64,64,64,.5);}*/
.proList .swiper-slide-active .square{background: #1b262e;}
.proList .swiper-slide-active,.swiper-slide-duplicate-active {-webkit-transform: scale(1);transform: scale(1);}
.proList .swiper-slide-active span,.proList .swiper-slide-active a img{opacity:1;}

.pro_container .swiper-pagination{position: relative;opacity: 0;}
.newsList .swiper-pagination {position: relative;}
.pro_container .swiper-pagination-bullet,.newsList .swiper-pagination-bullet {background: #8d8e90; margin-left:6px; margin-right:6px; width:10px; height:10px; opacity: 1; }
.pro_container .swiper-pagination-bullet-active,.newsList .swiper-pagination-bullet-active{background: #FFF;margin-bottom: 0; }
.button {width: 100%;bottom: 43px;position: relative;}
.pro_container .swiper-button-prev,.pro_container .swiper-button-next {width:80px;height:80px;border-radius: 50%;background: #151617;position: absolute;left:50%;top:0;line-height: 80px;text-align: center;font-size:24px;color:#8a8b8b;font-family: "iconfont";transition: all 0.4s ease-in;-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;margin-top: -40px;}
.pro_container .swiper-button-prev{transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);}
.pro_container .swiper-button-next {right:30%;left:auto;}
.pro_container .swiper-button-prev:hover,.pro_container .swiper-button-next:hover{background: #1b262e;color:#fff;}



.news_container{margin-left: 5.5%;position: relative;}
.news_container .title{position: absolute;top:0;left:43.5%;z-index: 99;}
.slideBox{position: relative;}
.slideBox img{opacity: 0.5;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;}
.b_title{width:78%;height: 100px;background: #1d2025;position: absolute;left:50%;-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0);transform: translate(-50%,0);bottom: -50px;overflow: hidden;}
.date{width:100px;height: 100px;background: #111;position: absolute;left:0;top:0;text-align: center;font-family: 'AlibabaSansBold';color:#fff;font-size: 20px;}
.date span{display: block;color:#fff;font-size: 40px;line-height: 1em;padding-top: 0.3em;}
.titleR{padding-left: 120px;padding-right: 20px;font-size: 30px;line-height:100px;color:#fff;}
.newsList{width:100%;}
.newsList .swiper-slide{padding-bottom: 50px;max-width:700px;-webkit-transition: transform 1.0s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transform: scale(0.9); transform: scale(0.9); }
.newsList .swiper-container{padding-bottom:30px;}
.newsList .swiper-slide.swiper-slide-active {z-index: 999;margin-top:15%;-webkit-transform: scale(1); transform: scale(1);}
.newsList .swiper-slide.swiper-slide-active .slideBox img{opacity: 1;}

.ly_like{width:100%;padding: 15.5em 0;overflow: hidden;position: relative;}
.like_title h3{color:#fff;font-size: 48px;line-height: 1.2em;margin-bottom: 0.5em;letter-spacing: 0.1em;}
.customized{display: block;font-size: 20px;color:rgba(250,250,250,.8);}
.customized i{width:40px;height: 40px;border-radius: 100%;display:inline-block;border:1px solid rgba(250,250,250,.6);transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out;position: relative;color:#fff;text-align: center;line-height: 40px;font-size: 20px;font-family: "iconfont";margin-right: 12px; }
.customized i:nth-of-type(1):after {content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; background: url(../images/rotate.png) center no-repeat;background-size: 100%; animation: gorotate 3s linear infinite; }
@keyframes gorotate {0% {transform: rotate(0deg); } 100% {transform: rotate(360deg); } }
.customized:hover{color:rgba(250,250,250,1);}




.aboutPart1{ padding: 1.8rem 0;; overflow: hidden;}
.aboutPart1 .leftDiv{ width: 55%; }
.aboutPart1 .name{ font-size: 0.3rem; line-height: 30px; color: #232323; padding: 0.9rem 0 0.2rem;}
.aboutPart1 .txt{ font-size:0.4rem; color: #999; text-transform: uppercase; line-height: 40px; }
.aboutPart1 .content{ padding-top: 0.4rem; font-size: 14px; color: #666666; line-height: 24px; padding-right: 80px;}
.aboutPart1 .rightDiv{ width:40%; }
.aboutPart1 .rightDiv li{ margin-bottom: 10px; cursor: pointer; }
.aboutPart1 .rightDiv li img{ width: 100%;   -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); }
.aboutPart1 .rightDiv li:hover img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}

.aboutPart2{ background: #222 url(../images/aboutBg.png) center bottom no-repeat; background-size: 100%; overflow: hidden; padding-bottom: 0.95rem;}
.aboutPart2 .leftDiv{ width: 5.76rem; padding-top: 1.05rem; }
.aboutPart2 .txt{ font-size: 0.24rem; line-height: 0.24rem; color: #848484; padding-bottom: 0.1rem; text-transform: uppercase;}
.aboutPart2 .wen{ font-size: 0.24rem; color: #f7f7f7; }
.aboutPart2 .rightImg{ width: 7.68rem; }
.aboutPart2 .rightImg img{ width: 100%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.aboutPart2 .rightImg:hover img{-webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0);}


.history .bigBox{ margin-top: 1.45rem; position: relative; padding: 0 1.2rem;}
.history .bigBox:before{ content: ''; position: absolute; left: 0; top: 0.56rem; width: 100%; height: 2px; background: #717171; }
.history .bigBox .prev{ z-index: 2; cursor: pointer; display: block; position: absolute; left: -0.25rem; top: 0.34rem; width: 0.49rem; height: 0.49rem; background: url(../images/nimg49_left2.jpg) center no-repeat; background-size: 0.49rem; }
.history .bigBox .next{ z-index: 2; cursor: pointer; display: block; position: absolute; right: -0.25rem; top: 0.34rem; width: 0.49rem; height: 0.49rem; background: url(../images/nimg49_right2.jpg) center no-repeat; background-size: 0.49rem; }
.historyPic{ position: relative;}
.historyPic .swiper-slide{ background: url(../images/nimg16_1.png) left 0.5rem no-repeat; background-size: 0.16rem;}
.historyPic .year{ font-size: 0.3rem; line-height: 0.3rem; height: 1.05rem; color: #232323; font-family: "BEBASNEUE REGULAR"; }
.historyPic .msgList li{ padding-bottom: 0.36rem; }
.historyPic .msgList li .time{ font-size: 0.18rem; color: #666666; font-family: "BEBASNEUE REGULAR"; padding-bottom: 0.05rem;}
.historyPic .msgList li .msg{ font-size: 14px;line-height: 24px; padding-right: 0.5rem; }



#about-4 #history {/* background-color:#87c97f;*/  margin-top:60px;}
#about-4 #history .viewport {position:relative;  margin:0 auto; width:100%; height:100%; overflow:visible;}
#about-4 #history .viewport:before{ content: ''; position: absolute; left: 0; top: 0.56rem; width: 100%; height: 9px;background: url(../images/002.png) center repeat-x; }
#about-4 #history .viewport .btn {display:none; position:absolute; top:35px; z-index:2; width:49px; height:49px;}
#about-4 #history .viewport .prev {left: -6px;background: url(../images/nimg49_left2.png) center no-repeat;}
#about-4 #history .viewport .next {right: -5px;background: url(../images/nimg49_right2.png) center no-repeat; }
#about-4 #history .viewport .wrap {position:relative; left:0; top:0; z-index:1; width:100%; height:100%;}
#about-4 #history .viewport .wrap .item {position:absolute; top:-100%; width:25%; background:url(../images/nimg16_1.png) left 0.5rem no-repeat; -webkit-transition:top 500ms; transition:top 300ms; margin-left: 2%;}
#about-4 #history .viewport .wrap .on {top:0;}
/*#about-4 #history .viewport .wrap .item div {padding:5px 16px 5px 29px ;background:url(../img/about/p_4_2.png) no-repeat 0 0;}
#about-4 #history .viewport .wrap .item div p {margin-bottom:20px; line-height:18px; color:#3c5d38;}
#about-4 #history .viewport .wrap .item div .year {display:block; margin:-10px 0 30px 0; font:lighter 48px "myriadsetpro" !important; color:#34772b;}
*/


#about-4 #history .viewport .wrap .item .year{ font-size: 0.4rem; line-height: 0.4rem; height: 1.05rem; color: #232323; font-family: "BEBASNEUE REGULAR"; }
#about-4 #history .viewport .wrap .item .msgList{ width: 80%;}
#about-4 #history .viewport .wrap .item .msgList li{ padding-bottom: 0.36rem;   }
#about-4 #history .viewport .wrap .item .msgList li .time{ font-size: 0.18rem; color: #666666; font-family: "BEBASNEUE REGULAR"; padding-bottom: 0.05rem;}
#about-4 #history .viewport .wrap .item .msgList li .msg{ font-size: 14px; color: #666666; line-height: 24px; padding-right: 0.5rem; width: 80%; }
#about-4 #history .viewport .wrap .item .msgList li .msg {width: 250px;}
#about-4 #history .viewport .wrap .item .msgList li .msg img{ width:150px; height: auto;}

.ls_his{ width:95%; margin-top: 60px; margin-left: 5%;}
.ls_his ul{background: url(../images/002-.png) left top repeat-y;  }
.ls_his li{ width:100%;background: url(../images/nimg16_1.png) left 10px no-repeat; margin-bottom: 30px;}
.ls_his li h2{font-size: 0.4rem; line-height: 0.4rem; height: 0.6rem; color: #232323; font-family: "BEBASNEUE REGULAR";  padding-left: 8%;}
.ls_his li p{ font-size: 14px; color: #666666; line-height: 24px;  width: 100%; padding-left: 8%;}
.ls_his li p img{ width:150px; height: auto;}
/*
-----------------[05 关于我们——荣誉资质]--------------*/

.n-main{width:100%; margin: 0 auto;}
.cs-lst {
  width:100%;
  padding-top: 0px;
  padding-bottom: 0px; }
  .cs-lst li {
    width: 25%;
	margin:0px 0% -1px 0%; text-align: center;
	float:left;}
.cs-lst01 li{width: 30%;
	margin:0px 1.5% 10px 1.5%; text-align: center;float:left;}
.cs-lst02 li{width: 20%;
	margin:0px 0% 10px 0%; text-align: center;float:left;}
    .cs-lst li:hover .img img {
      transform: scale(1.0); }
    .cs-lst li:hover .cnt h2 {
      color: #e8001b; }
    .cs-lst li .img {
      width: 100%;
      overflow: hidden; }
      .cs-lst li .img img {
        transition: 300ms; }
    .cs-lst li .cnt {
      background-color: #fff;
      height: 94px;
      padding-top: 46px;
      text-align: center; }
      .cs-lst li .cnt h2 {
        color: #333;
        font-size: 20px;
        line-height: 30px; }
      .cs-lst li .cnt p {
        color: #999;
        font-family: Arial;
        font-size: 12px;
        line-height: 18px; }
		
		
.gallery2{width:100%; height:auto; margin:0 auto 40px auto;transition: 300ms;background-color:#fff; border: 1px solid #eee; padding:15px;}
.gallery2 .img_box{ width:332px; height:236px; line-height:0px; margin:0 auto; text-align:center;vertical-align:middle;display:table-cell;}
.gallery2 .img_title{width:100%; text-align:center; margin-top: 10px; padding:10px 0px;color: #57493d;font-size: 14px;line-height: 26px;transition: 300ms; display: inline-block;
  white-space: nowrap; 
  width: 100%; 
  overflow: hidden;
  text-overflow:ellipsis;}
.gallery2 .img_title a{color: #666;}
.gallery2:hover{background-color:#fafafa;color:#FFF;}
.gallery2:hover .img_title{}
.gallery2:hover .img_title a{color: #fff;}

.gallery2_links{width:100%; height:auto;  margin:0 auto 40px auto;transition: 300ms; border: 1px solid #eee;}
.gallery2_links .img_box{ width:100%; height:87px; line-height:0px; margin:0 auto; text-align:center;vertical-align:middle;display:table-cell;}
.gallery2_links .img_title{width:100%; text-align:center; padding:13px 0px;color: #57493d;font-size: 14px;transition: 300ms;overflow: hidden;}
.gallery2_links .img_title a{color: #666;}
.gallery2_links:hover{background-color:#fafafa;color:#FFF;}
.gallery2_links:hover .img_title{background-color:#c5b39b; color:#FFF}
.gallery2_links:hover .img_title a{color: #fff;}


.gallery4{width:90%; height:auto; margin:0 auto 0.45rem auto;transition: 300ms;background-color:#fff; border: 0px solid #eee; padding: 20px;}
.gallery4 .img_box{ width:100%; line-height:0px; margin:0 auto; text-align:center;vertical-align:middle;display:table-cell;}
.gallery4 .img_title{width:100%; text-align:center; padding:10px 0px;color: #57493d;font-size: 14px;line-height: 26px;transition: 300ms; display: inline-block;
  white-space: nowrap; 
  width: 100%; 
  overflow: hidden;
  text-overflow:ellipsis;}
.gallery4 .img_title a{color: #666;}
.gallery4:hover{background-color:#fafafa;color:#FFF;}
.gallery4:hover .img_title{}
.gallery4:hover .img_title a{color: #fff;}



.gallery3{width:100%; height:auto; padding: 15px 15px 5px 15px; margin:0 auto 50px auto;transition: 300ms;background-color:#fff; border: 1px solid #dddddd; border-right: 0;}
.gallery3 .img_box{ width:100%;  line-height:0px; margin:0 auto; text-align:center;vertical-align:middle;display:table-cell;}
.gallery3 .img_title{width:100%; text-align:center; padding:10px 0px;color: #57493d;font-size: 14px;line-height: 32px;transition: 300ms; display: inline-block;
  white-space: nowrap; 
  width: 100%; 
  overflow: hidden;
  text-overflow:ellipsis;}
.gallery3 .img_title a{color: #666;}
.gallery3:hover{background-color:#fafafa;color: #000; font-weight: bold;}
.gallery3:hover .img_title{color: #000; font-weight: bold;}
.gallery3:hover .img_title a{color: #000; font-weight: bold;}

.casePic .swiper-slide img{ width: 100%; }
.casePic .swiper-pagination { text-align: center; left: 0; width: 100%; bottom: 0.3rem!important; } 
.casePic .swiper-pagination-bullet { width: 54px; height: 3px; opacity: 1; background: rgba(255,255,255,0.5); margin-left:5px!important; margin-right: 5px; border-radius: 0;} 
.casePic .swiper-pagination-bullet-active { background: rgba(255,255,255,1); } 

.n_pro_pic{ margin-bottom:1rem; background: #fff;  }
.n_pro_pic .casePic{ width:50%; float: left;}
.n_pro_pic_right{ float:left; padding:0.8rem;width: 50%; }
.n_pro_pic_right h2{font-size: 0.36rem; color:#232323; font-family:"Microsoft JhengHei"; margin-top: 0.3rem;  }
.n_pro_pic_right p{ font-size: 14px; text-align: left; color:#999; line-height: 0.3rem; margin-top: 0.5rem; }


.re_case{  margin-top: 0.8rem; }
.re_case .title1{ font-size:0.32rem;}

.hrList{ width: 80%; margin: 0 auto;font-size: 14px;}
.hrList .hspan{ text-align:center;cursor:pointer; width: 16%; display: block; float: left; height: 60px; line-height: 60px;}
.hrList .hspan1{ text-align: left; padding-left: 5%; width:31%;}
.hrList .hrdt{ background-color: #333; color: #fff;}
.hrList dd{ margin-bottom: 3px; position: relative; background-color: #fff;}
.hrList .hrdt{ height: 60px; overflow: hidden;}
.hrList .hrT{ background-color: #f2f2f2; color:#666666;}
.hrList .hrT .hspan{ line-height: 50px; height: 60px;}
.hrList .ib{ width:16px; height:16px; margin: 17px auto 0px; display: block; position:relative; transition:400ms;-webkit-transition:400ms;}
.hrList .ib i{ display:block; background-color:#999999;}
.hrList .ib .ic1{ width:2px; height:16px; margin-left:7px;}
.hrList .ib .ic2{ width:16px; height:2px; position:absolute; left:0; top:50%; margin-top:-1px;}
.hrList .hrB{ border: 1px solid #383635; display: none;}
.hrList .hrCon{ width: 91%; margin: 0px auto; padding:30px 0px 50px; overflow: hidden;}
.hrList dd.active .hrT,.hrList dd:hover .hrT{ background-color:#014E9E; color: #fff;}
.hrList .active .ib i,.hrList dd:hover .ib i{ background-color: #fff;}
.hrList .active .ib{transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-moz-transform:rotate(90deg);}
.hrList .active .ib .ic2{ display: none;}
.join-box-btn{ padding-top: 30px;}
.join-box-btn .btn{ float: left; display: block; background-color: #f15921; color: #fff; padding: 10px 40px; font-size: 14px;}
.join-box-btn .btn:hover{ background-color: #333333; color: #fff;}

.anli_cnt{
  width: 100%;
  padding:40px 0 40px;
}
.anli_list{
	margin:0 -1%;
}
.anli_item{
  width: 28.3%;
  float: left;
  margin:0 4% 0 1%;
  margin-bottom: 0.8rem;
  position: relative;
	background: #fff;
}
.anli_item:hover{ 
	transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    box-shadow: 0 0 30px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.1);
}
.zoomImage{
    width:100%;
    height:0;
    padding-bottom: 65%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}
.anli_pic{
  width: 100%;
  overflow: hidden;
}
.anli_pic img{
  width: auto;
  height:auto;
}
.anli_item{ padding:20px;}
.anli_item h2{
  color: #232323;
  font-size: 18px;
  width: 100%;font-weight: bold;
  box-sizing: border-box;
  padding: 30px 0px 30px 0;
  overflow: hidden;
  background:url(../images/004.jpg) no-repeat left bottom;
	margin-bottom: 10px;
	
}
.anli_item p{
  color: #4c4c4c;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
	margin-bottom: 20px;
  padding: 5px 0px;
  line-height: 28px; height: 56px; overflow: hidden; color: #949494; font-family: Arial,"Microsoft JhengHei","微软雅黑";
}
.anli_item h6{
	margin-bottom: 20px;
	width: 100%;
	color: #999; 
	font-size: 12px;
	font-weight: normal;
}

.anli_line{
  width: 100%;
  height: 2px;
  background-color: #f5f5f5;
  position: relative;
}
.anli_line span{
  position: absolute;
  left: 0;
  top:0;
  height: 2px;
  display: block;
  width: 0;
  background-color: #014E9E;
  transition: all 0.4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
}



.anli_item:hover .anli_line span{
  width: 100%;
}
.anli_item:hover .anli_pic img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
}

/*
-----------------[文章详细页]--------------*/
.projectshow1{width:95%;margin: 105px auto; background: #fff; padding:0.6rem 0; border-top: 50px solid #f6f6f6;}
.projectshow1 .title{ text-align:center; padding-bottom:15px; margin-bottom:30px; position: relative;}
.projectshow1 .title h1{ font-weight:inherit; font-size:30px; color:#333; padding-bottom:10px;}
.projectshow1 .title .time{ font-size:14px; color:#8b8b8c;text-align: center; width: 100%;border-bottom:1px #ddd dotted; border-top:1px #ddd dotted; padding: 7px 0; margin-top: 15px;}
.projectshow1 .title .time span{ padding:0 10px;float: none;}
.projectshow1 .title .return2{ width:32px; height: 32px; position: absolute; right:0; top:10px;}
.projectshow1 .contentbox{ background:#fff; padding:0%;}
.projectshow1 .contentbox .text h2{ font-size:14px; color:#ec6c21; padding-bottom:20px;}
.projectshow1 .contentbox .text p{ font-size:14px; color:#666;line-height:2;font-family: 微软雅黑, "Microsoft YaHei";}
.projectshow1 .contentbox img{ max-width:100%; height: auto;}

.detailsshare{ position:relative; padding-top:10px; border-top:1px #ddd dotted; margin-top: 30px;}
.detailsshare .share{ height:47px;  border-bottom:1px #ddd dotted; }
.detailsshare .share em{ font-size:14px; color:#8d8d8d; line-height:27px; float:left; font-style:normal}
.detailsshare .share li{ float:left; margin-left:10px;}
.detailsshare .bottomDiv{ padding-top:20px;}
.detailsshare .bottomDiv a{ font-size:14px; color:#333;}
.detailsshare .bottomDiv em{ font-size:14px; color:#333; font-weight:bold; font-style:normal}
.detailsshare .bottomDiv a:hover{ color:#000; font-weight: bold;}
.detailsshare .bottomDiv .left{ float:left;}
.detailsshare .bottomDiv .left .getDiv{ padding-bottom:10px;}
.detailsshare .bottomDiv .right{ float:right; margin-top:10px;}
.detailsshare .bottomDiv .right .backbtn{display:block; font-size:14px; text-align:center; color:#8b8b8c; line-height:40px; width:120px; height:40px; border:1px #eee solid;}
.detailsshare .bottomDiv .right .backbtn:hover{ color:#fff; background-color:#ec6c21; border:1px #ec6c21 solid;}
.detailsshare .flshare{ float:right; width:242px;}

.ctabox{ background:#fff; position:relative; z-index:99; margin-top:-13%; }
.ctabox .pa{ padding:1rem; }
.ctaList .namebox{ width:33%; float:left; }
.ctaList .ti{ font-size:20px; color:#333; line-height:1.4; padding-right:20px; margin-bottom: 10px; font-weight: bold;}
.ctaList .ctas{  float:left; }
.cats_49{width:49%;}
.cats_100{width:100%;}
.ctaList .ctas .citme{ color:#666; line-height:25px; display:block; position:relative;  margin-bottom:11px; padding-right:20px; } 
.ctaList .ctas .citme:before{ width:40px; height:25px; position:absolute; top:0; left:0; content:""; background-repeat:no-repeat; background-position:left center; }
.ctaList .ctas .c1:before{ background-image:url(../images/rr_cta_ico_1.png); }
.ctaList .ctas .c2:before{ background-image:url(../images/rr_cta_ico_2.png); }
.ctaList .ctas .c3:before{ background-image:url(../images/rr_cta_ico_3.png); }
.ctaList .ctas a:hover{ color:#014E9E; }
.ctaList .mabox{ width:18%; float:left; }
.ctaList .mabox .ma{ width:96px; text-align:center; line-height:1.4; max-width:100%; }
.ctaList .mabox .ma img{ display:block; width:100%; }

.ctaList{ border-top:2px solid #333; }
.ctaArea{  }
.ctaList .ctas a:hover:before{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
.wingshowBox{ position: relative; padding:60px 70px; margin: 0px auto; width: 300px; background-color: #fff; text-align: center; color: #a0733e; font-size: 18px; box-shadow: 0 0 20px rgba(0,0,0,0.1); border: 1px solid #f9fafc; -webkit-transform: scale(0.7);-moz-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7);opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}

.ctaList li{ width:33.3%;border-bottom:1px solid #ccc; padding:60px 0 36px 0; float: left;}
.ctaList li:first-child{  width: 100%; }
.ditu{ width:100%; height: 550px; font-size: 12px;}

.partner{ padding: 0.6rem 0 0rem; overflow: hidden;}
.partner .mxfDiv{ position: relative;  }
.partner .leftDiv{  width: 35%; float: left;}
.partner .rightList{ width: 100%; float: right;}
.partner .txt{ font-weight: bold; font-size: 0.3rem; color: #333; line-height: 0.3rem; padding-bottom: 0.3rem; }
.partner .wen{ font-size: 0.4rem; color: #767676; line-height: 0.4rem; text-transform: uppercase; }
.partner .msg{ font-size: 0.18rem; line-height: 0.32rem; color: #333; padding-top: 0.4rem; }
.partner .rightList li{ float: left; width: 19%; margin-right: 0.1rem; margin-bottom: 0; height: 2rem; text-align: center; line-height:2rem;position: relative; cursor: pointer;}
.partner .rightList li a{ display: block;width: 100%; height: 100%; }
.partner .rightList li img{ width: 3.4rem;position: absolute;top: 50%;margin-top: -0.85rem; left: 50%; margin-left: -1.7rem;}
.partner .rightList li .img1{ display: none; }
.partner .rightList li:hover {  }

.indexPart1{ background: url(../images/i_001.jpg) no-repeat top; }
.indexPart1 .i_1_left{ width:50%; float: left;margin: 1rem 0;}
.indexPart1 .i_1_left h2{ font-size: 0.42rem; color:#333333; float: left; margin-right: 25px;}
.indexPart1 .i_1_left .i_but{ padding: 6px 20px; margin-right: 8px; float: left; background: #014E9E; margin-top: 15px; color:#fff;}
.indexPart1 .i_1_left .i_but2{ padding: 6px 20px; margin-right: 8px; float: left; background: #838383; margin-top: 15px; color:#fff;}
.indexPart1 .i_1_left .txt_box{ width: 100%; float: left; margin-bottom: 0.6rem;}
.indexPart1 .i_1_left h3{ font-size: 0.24rem; color:#014E9E; width:100%; display: block; margin-bottom: 0.2rem;}
.indexPart1 .i_1_left p{ color:#787878; line-height: 30px;width:70%; display: block; font-size: 0.16rem;}
.indexPart1 .shuli{
    margin-top:0.8rem;
    font-size:0;
}
.indexPart1 .shuli li{
    float:left;
	padding:0 30px 0 0;
	margin-right: 30px;
    border-right: 1px dashed rgba(232, 232, 232, 1);
}
.indexPart1 .shuli li .number .shu{
    font-size:0.5rem;
    font-family: "BEBASNEUE REGULAR";
    color:#014E9E;
    font-weight:bold;
    line-height:1;
    vertical-align:top;
}
.indexPart1 .shuli li .number .numname{
    font-size:0.16rem;
    color:#858585;
    vertical-align:top;
    margin-left:0.15rem;
}
.indexPart1 .shuli li .num-tit{
    font-size:0.16rem;
    color:#858585;
	margin-top: 10px;
}
.indexPart1 .i_1_right{max-width: 767px; width:45%; float: right; background: url(../images/039.jpg) no-repeat right bottom; background-size: 100% auto; padding-bottom: 1rem;}
.indexPart1 .videoDiv{ position: relative; }
.indexPart1 .videoDiv .bg{ text-align:center;}
.indexPart1 .videoDiv .bg img{ width: 90%; max-width:619px; margin: 0 auto; text-align: center; }
.indexPart1 .videoDiv .ico{ position: absolute; left: 50%; margin-left: -0.35rem; top: 50%; margin-top: -0.35rem; }
.indexPart1 .videoDiv .ico img{ width: 0.7rem; }
.indexPart1 .videoDiv .ico .bj{ position: absolute; left: 0; top: 0; }
.indexPart1 .videoDiv .ico .img_rotate{  -moz-animation:rotate 5s infinite linear;  -webkit-animation:rotate 5s infinite linear;  animation:rotate 5s infinite linear; }

.indexPart2{padding: 0.8rem 0 0.5rem 0; background: #fff;}
.indexPart2 .name{ margin-bottom: 0.8rem;}
.indexPart2 .name h2{ font-size: 0.42rem; color:#333; float: left; background: url(../images/line.png) no-repeat right;padding-right: 0.25rem; margin-right: 0.1rem;}
.indexPart2 .name p{  font-size:18px; color:#808080; margin-top: 0.18rem;float: left;}
.indexPart2 .name p a{ padding:0 10px;color:#808080;}
.indexPart2 .name p a:hover{ color:#014E9E;}
.indexPart2 .name .more{width:167px; height:41px; border:1px solid #272523; line-height: 41px; color:272523; text-align: center; float: right; font-family: Times;}



.indexPart2 .index-ajax-div .index-list1-swiper{
    opacity: 1;
    transition:all 0.3s;
}
.indexPart2 .index-list1-swiper.cur{
    opacity: 1;
}

.indexPart2 .index-list1-swiper{
    position:relative;
    width:100%;
    overflow: hidden;
    margin-top:0.5rem;
}
.indexPart2 .index-list1-swiper .swiper-slide{
    position:relative;
    opacity:0;
}
.indexPart2 .index-list1-swiper .swiper-slide-active{
    opacity:1;
}
.indexPart2 .index-list1-swiper .swiper-slide .imgopi{
    width:70%;
    margin:0 auto
}
.indexPart2 .index-list1-swiper .swiper-slide img{
    width:100%;
}
.indexPart2 .index-list1-swiper .swiper-slide .img-name{
    text-align:center;
    font-size:0.32rem;
    color:#333;
    line-height:0.4rem;
    position: relative;
    margin-top: 0.5rem;
}
.indexPart2 .index-list1-swiper .swiper-slide .img-name a{color:#333;}
.indexPart2 .index-list1-swiper .swiper-slide .img-title{
    text-align:center;
    font-size:16px;
    color:#666666;
    line-height:0.5rem;
    margin-top:0.25rem;
}
.indexPart2 .index-list1-swiper .index-list1-prev,.indexPart2 .index-list1-swiper .index-list1-next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    cursor:pointer;
    z-index:10;
    font-size:0;
}
.indexPart2 .index-list1-swiper .index-list1-next{
    right:0;
}
.indexPart2 .index-list1-swiper .index-list1-prev span,.indexPart2 .index-list1-swiper .index-list1-next span{
   width:0.6rem;
   height:0.6rem;
   border-radius: 50%;
   border:1px solid #636363;
   background-size:27px;
   background-repeat:no-repeat;
   background-position:center;
   box-sizing: border-box;
   display:inline-block;
   line-height:0.5rem;
   vertical-align: middle;
   transition:all 0.3s;
}
.indexPart2 .index-list1-swiper .index-list1-prev span{
    background-image:url(../images/prev.png);
    margin-right:0.5rem;
}
.indexPart2 .index-list1-swiper .index-list1-next span{
     background-image:url(../images/next.png);
     margin-left:0.5rem;
}
.indexPart2 .index-list1-swiper .index-list1-prev a,.indexPart2 .index-list1-swiper .index-list1-next a{
    font-size:0.18rem;
    color:#444444;
    line-height:1;
    display:inline-block;
    vertical-align: middle;
}
.indexPart2 .index-header .right .select-div .select-xiamian .tit-id:hover{
	background-color:#014E9E;
  	color:#fff;
}
.indexPart2 .index-list1-swiper .index-list1-prev span:hover{
	background-image:url("../images/prev_b.png");
   background-color:#014E9E;
   border:1px solid #014E9E;
}
.indexPart2 .index-list1-swiper .index-list1-next span:hover{
	background-image:url("../images/next_b.png");
     background-color:#014E9E;
     border:1px solid #014E9E;
}
.indexPart2 .index-list1-swiper .index-list1-prev a:hover,.indexPart2  .index-list1-swiper .index-list1-next a:hover{
	color:#014E9E;
}


.indexPart3 .tab li, .sNav .btnDiv a{
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;	
}
.indexPart3{ position: relative; }
.indexPart3 .indexTitle{ position: absolute; left: 7%; top: 10%; z-index: 2;}
.indexPart3 .bigImg img{ width: 100%; /*max-height:641px;*/}
.indexPart3 .bigImg{position: relative;}
.indexPart3 .bigImg .txt{ position: absolute; color:#fff; font-size: 0.3rem; top:1rem; left:3%}
.indexPart3 .bigImg  p{  width: 100% ;font-family:Arial,"Microsoft JhengHei","微软雅黑", "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif; }
.indexPart3 .bigImg  span{  font-size: 16px; width: 100% ;font-family:Arial,"Microsoft JhengHei","微软雅黑", "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;color:rgba(255,255,255,0.5); }
.indexPart3 .bigImg .txt2{ position: absolute; color:#fff; font-size: 0.3rem; top:1rem; left: 28%}
.indexPart3 .bigImg .txt3{ position: absolute; color:#fff; font-size: 0.3rem; top:1rem; left: 53%}
.indexPart3 .bigImg .txt4{ position: absolute; color:#fff; font-size: 0.3rem; top:1rem; left: 78%}
.indexPart3 .tab{ position: absolute; bottom: 60px; left: 0%; width: 100%; z-index: 2;}
.indexPart3 .tab .lbox{ padding: 0 12%; }
.indexPart3 .tab ul{ margin-right: -48px; }
.indexPart3 .tab li{ float: left; width: 33.33%; position: relative;}
.indexPart3 .tab li .box{ margin-right: 48px; height:160px;}
.indexPart3 .tab li .bg{ position: relative; height: 150px; background:url(../images/048.jpg) no-repeat 95% #fff; padding: 0 30px 0 220px;}
.indexPart3 .tab li .bottom{ display: none; margin-left:4%; width: 92%; height: 10px; background: #014E9E;}
.indexPart3 .tab li .imgDiv{ position: absolute; left: 40px; top: 30px; width:150px;}
.indexPart3 .tab li .imgDiv img{ width:100%; height: auto;}
.indexPart3 .tab li .name{  padding-top: 40px; margin-bottom:5px; font-size:0.24rem; color: #000;  overflow: hidden;}
.indexPart3 .tab li .msg{ color: #888; height: 48px; line-height: 24px; overflow: hidden; }
.indexPart3 .tab li .ico{ position: absolute; width: 10px; height: 10px; right: 30px; top: 50%; margin-top: 1px; background: url(../images/ico1.png) no-repeat;}
.indexPart3 .tab .liNow{ position: relative; margin-top: -15px; }
.indexPart3 .tab .liNow .bg{ background:url(../images/048.jpg) no-repeat 95% #fff; }
.indexPart3 .tab .liNow .bottom{ display: block; }

.indexPart3Tel{ display: none; }
.indexPart3Tel li a{ display: block; width: 100%; height: 100%; }
.indexPart3Tel li .imgDiv img{ width: 100%; }
.indexPart3Tel li .botDiv{ padding: 15px 10px 20px; position: relative; }
.indexPart3Tel li .name{ font-size: 16px; color: #191919; height:32px; line-height: 32px; overflow: hidden;  }
.indexPart3Tel li .msg{ font-size: 14px; height: 48px; line-height: 24px; overflow: hidden; color: #a4a4a4; }
.indexPart3Tel li .ico{ position: absolute; right: 10px; top: 50px; width: 10px; height: 10px; background:url(../images/ico1.png) no-repeat;  }



.indexPart3 .tab li, .sNav .btnDiv a{
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;	
}

/*.indexPart1 .list li .bottom{
transition:All 5s ease;
-webkit-transition:All 5s ease;
-moz-transition:All 5s ease;
-o-transition:All 5s ease;
 }*/

.topA{ position: fixed; right: 0px; bottom: 70px; display: none; width: 57px; height: 57px; }

.tabContent{ display:none;}
.tab li{ cursor:pointer;}
.tabContent2{ display:none;}
.tab2 li{ cursor:pointer;}
.tabContent3{ display:none;}
.tab3 dd{ cursor:pointer;}


.indexPart4{ padding:0.8rem 0; background: url(../images/049.jpg);}
.indexPart4 .name{ margin-bottom: 0.8rem;}
.indexPart4 .name h2{ font-size: 0.42rem; color:#333; float: left; background: url(../images/line.png) no-repeat right;padding-right: 0.25rem; margin-right: 0.1rem;}
.indexPart4 .name .more{width:167px; height:41px; border:1px solid #272523; line-height: 41px; color:272523; text-align: center; float: right; font-family: Times;}

.i_news_cnt{
  width: 100%;
}
.i_news_list{
	margin:0 -2.5%;
}
.i_news_item{
  width: 28.3%;
  float: left;
  margin:0 2.5% 0 2.5%;
  position: relative;
	background: #fff;
}
.i_news_item:hover{ 
	transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    box-shadow: 0 0 30px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.1);
}
.zoomImage{
    width:100%;
    height:0;
    padding-bottom: 65%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}
.i_news_pic{
  width: 100%;
  overflow: hidden;
}
.i_news_pic img{
  width: auto;
  height:auto;
}
.i_news_item{ padding:0px;}
.i_news_item h2{
  color: #232323;
  font-size: 0.2rem;
  width: 100%;font-weight:normal;
  box-sizing: border-box;
  padding: 30px 20px 30px 20px;
  overflow: hidden;
  background:url(../images/004.jpg) no-repeat 20px bottom;
	margin-bottom: 20px;
	
}
.i_news_item p{
  color: #4c4c4c;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
	margin-bottom: 20px;
  padding: 5px 20px;
  line-height: 28px; height: 56px; overflow: hidden; color: #949494; font-family: Arial,"Microsoft JhengHei","微软雅黑";
}
.i_news_item h6{
	margin-bottom: 0.3rem;
	width: 100%;
	color: #999; 
	font-size: 12px;
	padding: 0 20px;
	font-weight: normal;
}

.i_news_line{
  width: 100%;
  height: 2px;
  background-color: #f5f5f5;
  position: relative;
}
.i_news_line span{
  position: absolute;
  left: 20px;
  top:0;
  height: 2px;
  display: block;
  width: 0;
  background-color: #014E9E;
  transition: all 0.4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
}



.i_news_item:hover .i_news_line span{
  width: 100%;
}
.i_news_item:hover .i_news_pic img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
}



.h100{ height:100px;}




