@charset "utf-8";
@media (min-width:1025px){.copybox{ padding-bottom:0;}}
/*--------------------------------------------------------------------------------------------*/
.index-slide{width:100%;position:relative;overflow:hidden;}
.index-slide .bg{width:100%;height:calc(100vh - 100px);height:-webkit-calc(100vh - 100px);max-height:800px;min-height:500px;overflow:hidden;}
.index-slide img{ display:block; width:100%;}

.index-slide .tips{position:absolute;z-index:10;}
.index-slide .tips .bullet{margin:0 4px;width:14px;height:14px;border:2px #fff solid;border-radius:50%;-webkit-border-radius:50%;transition:all .5s;-webkit-transition:all .5s;}
.index-slide .tips .bullet.on{background:#fff;}
@media (max-width:1200px){.index-slide .bg{height:calc(100vh - 80px);height:-webkit-calc(100vh - 80px);}}
/*--------------------------------------------------------------------------------------------*/
.index-box{width:100%;position:relative; padding:80px 0;}
.index-box .main{width:100%;position:relative;}

.tit1{width:100%;position:relative;text-align:center; margin-bottom:40px;}
.tit1 h1{ font-size:30px; font-weight:normal;}
.tit1 h2{color: #999;text-transform: uppercase;font-weight: lighter;font-style: italic;}
.tit1 p{color:#666; padding-top:10px; }

.list1{display: flex;display:-webkit-flex;align-items: center;cursor: pointer;padding:15px;position:relative;overflow:hidden;}
.list1 dd{display:block;overflow: hidden; position:relative;transition:all .5s;-webkit-transition:all .5s;}
.list1 dd img{display: block;max-width:50px;filter: drop-shadow(0 100px 0 #0d306a);-webkit-filter: drop-shadow(0 100px 0 #0d306a);transform: translateY(-100px);-webkit-transform: translateY(-100px);}
.list1 dt{display: block;padding-left:15px;}
.list1 dt p{text-transform:uppercase;opacity: .5;}
.list1:hover dd{transform: translateY(-10px);-webkit-transform: translateY(-10px);}

@media (max-width:1200px){
	.index-box{padding:60px 0;}
	.tit1{margin-bottom:30px;}
	.tit1 h1{ font-size:26px;}
}
@media (max-width:768px){
	.index-box{padding:40px 0;}
	.tit1{margin-bottom:20px;}
	.tit1 h1{ font-size:24px;}
	.tit1 h2{ font-size:13px;}
	.list1{ padding:10px;}
	.list1 dd img{max-width:40px;}
	.list1:hover dd{transform: translateY(0);-webkit-transform: translateY(0);}
	.list1 dt{ padding-left:10px;}
}
/*--------------------------------------------------------------------------------------------*/
/*pro*/
.index-pro .swiper-slide .item:before,
.index-pro .swiper-slide .item:after,
.index-pro .swiper-slide .word p,
.index-pro .info a .img img{transition:all .5s;-webkit-transition:all .5s;}

.index-pro .item{display:block; position:relative;}
.index-pro .item .word{position: absolute;width: 100%;overflow: hidden;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 50;}
.index-pro .item .word p{display:block; width:100%;color:#fff; text-align:center; margin:0 auto;}
.index-pro .item .word .p1{ width:80%; margin-left:0;font-size:40px;text-transform:uppercase;filter: drop-shadow(2px 2px 1px rgba(0,0,0,.5));-webkit-filter: drop-shadow(2px 2px 1px rgba(0,0,0,.5));}
.index-pro .item .word .p2{ width:70%; margin-right:0;font-size:28px;filter: drop-shadow(0 0 1px rgba(0,0,0,.5));-webkit-filter: drop-shadow(0 0 1px rgba(0,0,0,.5));}

.index-pro .swiper-slide{width:60%;max-width:900px;}
.index-pro .swiper-slide .item:before,
.index-pro .swiper-slide .item:after{content:'';position:absolute;top:0; bottom:0;left:0; right:0;}
.index-pro .swiper-slide .item:before{background:rgba(0,0,0,.8);z-index:3;}
.index-pro .swiper-slide.swiper-slide-active .item:after{background:url(../img/pro/bg.png) no-repeat center/100% 100%;z-index:2;}
.index-pro .swiper-slide .word .p1{transform: translateX(-100%);-webkit-transform: translateX(-100%);}
.index-pro .swiper-slide .word .p2{transform: translateX(100%);-webkit-transform: translateX(100%);}
.index-pro .swiper-slide.swiper-slide-active .word .p1,
.index-pro .swiper-slide.swiper-slide-active .word .p2{transform: translateX(0);-webkit-transform: translateX(0);}

.index-pro .buts{width:60%; max-width:900px;position: absolute;z-index: 20;left:50%;bottom:5%; font-size:0; text-align: center;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.index-pro .buts dd{ display:inline-block; vertical-align:top; position:relative;height: 30px; overflow:hidden;}
.index-pro .buts .tips{width:auto; padding:0 20px; bottom:auto;}
.index-pro .buts .tips,
.index-pro .buts .tips span{color:#fff;font-size:16px; line-height:30px;}
.index-pro .buts .but{ width:100px;cursor:pointer;}
.index-pro .buts .but:before,
.index-pro .buts .but:after{content:'';position:absolute; top:50%;}
.index-pro .buts .but:before{height:1px;background:#fff;}
.index-pro .buts .but:after{width:10px; height:10px; border-color:#fff; border-style:solid;transform: rotate(45deg);-webkit-transform: rotate(45deg);  margin-top:-5px;}
.index-pro .buts .but.prev:before{left:20px; right:0;}
.index-pro .buts .but.prev:after{border-width:0 0 2px 2px;left:5px;}
.index-pro .buts .but.next:before{left:0; right:20px;}
.index-pro .buts .but.next:after{border-width:2px 2px 0 0; right:5px;}

.index-pro .swiper-slide .item:after,
.index-pro .swiper-slide .word,
.index-pro .swiper-slide .word p,
.index-pro .swiper-slide.swiper-slide-active .item:before{visibility:hidden;opacity: 0;}

.index-pro .swiper-slide.swiper-slide-active .word,
.index-pro .swiper-slide.swiper-slide-active .word p,
.index-pro .swiper-slide.swiper-slide-active .item:after{visibility: visible;opacity:1;}

.index-pro .info{ font-size:0; width:100%; position:relative;}
.index-pro .info a{ display:inline-block; vertical-align:top; position:relative; width:16%; margin-right:.8%; margin-top:.8%;}
.index-pro .info a:last-child{ margin-right:0;}
.index-pro .info a p{ font-size:12px; line-height:1.5em; text-align:center; padding-top:5px;}
.index-pro .info a:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.index-pro .info a:hover p{ color:#0d306a;}

@media (max-width:1200px){
	.index-pro .item .word .p1{font-size:34px;}
	.index-pro .item .word .p2{font-size:24px;}
}
@media (max-width:1024px){
	.index-pro .info{ width:94%; margin:0 auto;}
	.index-pro .info a{width:32%; margin-right:2%; margin-top:2%;}
	.index-pro .info a:nth-child(3n){margin-right:0;}
	.index-pro .item .word .p1{ width:100%; font-size:30px;}
	.index-pro .item .word .p2{ width:100%; font-size:20px;}
}
@media (max-width:768px){
	.index-pro .swiper-slide{width:100%;}
	.index-pro .item{width:94%; margin:0 auto;}
	.index-pro .item .word .p1{font-size:24px;}
	.index-pro .item .word .p2{font-size:16px;}
	.index-pro .buts{ width:100%; max-width:300px;}
	.index-pro .buts dd{height:20px;}
	.index-pro .buts .tips{padding:0 10px;}
	.index-pro .buts .tips,
	.index-pro .buts .tips span{font-size:13px; line-height:20px; font-weight:lighter;}
	.index-pro .buts .but{width:60px;}	
	.index-pro .buts .but:after{width:6px; height:6px;margin-top:-3px;}
	.index-pro .buts .but.prev:before{left:10px;}
	.index-pro .buts .but.prev:after{border-width:0 0 1px 1px;left:3px;}
	.index-pro .buts .but.next:before{right:10px;}
	.index-pro .buts .but.next:after{border-width:1px 1px 0 0;right:3px;}
	.index-pro .info a{width:49%;}
	.index-pro .info a:nth-child(3n){margin-right:2%;}
	.index-pro .info a:nth-child(2n){margin-right:0;}
}
@media (max-width:500px){.index-pro .item .word .p1{font-size:20px;}}
@media (max-width:400px){.index-pro .item .word .p1{font-size:18px;}}
/*--------------------------------------------------------------------------------------------*/
/*service*/
.index-adv,
.index-adv .left:before{background-position:right center; background-repeat:no-repeat; }

.index-adv{background-image:url(../img/adv/bg.jpg);background-size:cover;}
.index-adv .main{height:100%;z-index:10;}
.index-adv .left:before,
.index-adv .right:before{content:'';top:0; bottom:0;position:absolute;}

.index-adv .left{display: block;width: 70%;  position:relative;padding:60px 0;}
.index-adv .left:before{right:0;left:-1000px;background-image:url(../img/adv/bg-fl.jpg);background-size:auto 100%; background-color:#000;}
.index-adv .left h1{color:#fff;font-size:40px;text-transform:uppercase;margin-bottom:20px;}
.index-adv .left h2{color:#8697ca;font-size:30px;line-height:2em; position:relative; padding-bottom:10px; margin-bottom:40px; }
.index-adv .left h2:before{ content:''; width:2em; height:3px; background:#8697ca; position:absolute; left:0; bottom:0;}
.index-adv .left h3{font-size:16px;color:rgba(255,255,255,.9);}

.index-adv .left .list,
.index-adv .left .list dl{ border-color:rgba(255,255,255,.5); border-style:solid;}
.index-adv .left .list{width:751px;font-size:0;position:relative; color:#fff; margin-top:15px; border-width:1px 0 0 1px;}
.index-adv .left .list dl{width:250px;display:inline-flex;display:-webkit-inline-flex; vertical-align:top;border-width:0 1px 1px 0;justify-content: center; padding:20px 0;}
.index-adv .left .list dl dd img{filter: drop-shadow(0 100px 0 #8697ca);-webkit-filter: drop-shadow(0 100px 0 #8697ca);}
.index-adv .left .list dl dt{ width:170px;}
.index-adv .left .list dl dt h4{font-size: 18px;}
.index-adv .left .list dl dt p{ font-size:12px;}

.index-adv .right{display:block;width:30%; height:100%; position:absolute; top:0; right:0;}
.index-adv .right:before{left:0; right:-1000px;background:#f2f2f2;}
.index-adv .right dl{width:100%;height:25%;padding-left:60px;padding-right:0; overflow:visible;}
.index-adv .right dl:before{content:'';position:absolute;bottom:0;left:0;right:-1000px; height:1px; background:#ddd;}
.index-adv .right dl:last-child:before{ display:none;}
.index-adv .right dl dt h4{font-size:22px;}
.index-adv .right dl dt p{font-size:14px;}

@media (max-width:1200px){
	.index-adv .left{width:100%; padding:40px;}
	.index-adv .left:before{left:0;}
	.index-adv .left h1{font-size:36px;}
	.index-adv .left h2{font-size:26px;}
	.index-adv .right{ display:none;}
}
@media (max-width:1024px){
	.index-adv .left:before{ background-position: center; background-size:cover;}
	.index-adv .left h1{font-size:30px;}
	.index-adv .left h2{font-size:20px;margin-bottom:30px; }
	.index-adv .left h2:before{height:2px;}
	
	.index-adv .left .list{width:501px;margin-top:10px;}
	.index-adv .left .list dl dt h4{font-size: 16px;}	
}
@media (max-width:768px){
	.index-adv .left h1{cfont-size:24x;}
	.index-adv .left h2{font-size:16px;margin-bottom:20px;}
	.index-adv .left h3{font-size:14px;}
	.index-adv .left{padding:20px;}
	
	.index-adv .left .list{width:100%;}
	.index-adv .left .list dl{ width:50%;justify-content: flex-start; padding:10px;}
	.index-adv .left .list dl dt{ width:auto;}
	.index-adv .left .list dl dt p i{ display:none;}
	.index-adv .left .list dl dt h4{font-size:14px;}
}
@media (max-width:450px){
	.index-adv .left h1{font-size:20px;}
	.index-adv .left h2{font-size:14px;}
	.index-adv .left h3{font-size:12px;}
	
	.index-adv .left .list dl{display: inline-block;}
	.index-adv .left .list dl dd img{margin:0 auto;}
	.index-adv .left .list dl dt{ padding-left:0; text-align:center; padding-top:5px;}
}
/*--------------------------------------------------------------------------------------------*/
/*about*/
.index-about:before{ content:''; width:100%; height:50%; display:block; position:absolute; bottom:0; left:0; background:#f3f3f3;}
.index-about .main{box-shadow:0 0 20px rgba(0,0,0,.1);background:#fff;}
.index-about .main .left{width:40%;padding:150px 60px;}
.index-about .main .left h1{font-size:24px;color:#0d306a;margin-bottom:30px;}
.index-about .main .left p{line-height:2em;}
.index-about .main .swiper{width:60%; height:100%; position:absolute; right:0; top:0;}
.index-about .main .swiper i{display:block; width:100%; height:100%;}
.index-about .main .swiper img{ display:none; width:100%;}

.index-about .more{ display:inline-block;text-align: center;margin-top:20px;font-size: 14px;line-height: 2.5em;border: 1px #0d306a solid;padding: 0 40px;color:#0d306a;}
.index-about .more:hover{ background:#0d306a; color:#fff;}

@media (max-width:1200px){
	.index-about .main .left{padding:80px 40px;}
	.index-about .main .left h1{font-size:20px;margin-bottom:20px;}
}
@media (max-width:1024px){
	.index-about .main{ padding:40px;}
	.index-about .main .left{width:100%;padding:0;}
	.index-about .main .swiper{width:100%;position: relative; right:auto; top:auto; margin-top:20px;}
	.index-about .main .swiper i{display:none;}
	.index-about .main .swiper img{display:block;}	
}
@media (max-width:768px){
	.index-about .main{ padding:20px;}
	.index-about .main .left h1{font-size:16px;margin-bottom:0; line-height:2em;}
	.index-about .main .swiper{margin-top:10px;}
}
/*--------------------------------------------------------------------------------------------*/
/*news*/
.index-news .img i{transition:all .5s;-webkit-transition:all .5s;}

.index-news .img i{ display:block; width:100%; height:100%;}
.index-news .img:hover i{transform: scale(1.1);-webkit-transform: scale(1.1);}

.index-news .swiper,
.index-news .swiper .swiper-slide{background:#f2f2f2;}
.index-news .swiper .img{width:49.25%; height:100%; position:absolute; left:0; top:0;}
.index-news .swiper .txt{display: block;width:50.75%; margin-left:auto; margin-right:0;padding:120px 80px;}
.index-news .swiper .txt h2{font-size:24px;}
.index-news .swiper .txt h3{color:#999;font-size:12px;}
.index-news .swiper .txt p{color:#666; line-height:1.75em;margin:20px 0;}
.index-news .swiper .txt a{display: block;text-align: center;width: 184px;border: 2px solid #7f9dcd;color: #7f9dcd;font-size: 16px;line-height: 2.5em;}
.index-news .swiper .txt a:hover{ background:#7f9dcd; color:#fff;}

.index-news .tips{width:40px;top:50%;bottom:auto;right: 0;left: auto;position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.index-news .tips .bullet{width:12px;height:12px; display:block;border:1px #0d306a solid; margin:5px auto 5px 0;border-radius:50%;-webkit-border-radius:50%;cursor: pointer;}
.index-news .tips .bullet.on{background:#0d306a;}

.index-news .main{font-size:0;}
.index-news .main a{width:23.875%; margin-right:1.5%; margin-top:1.5%; display:inline-block; vertical-align:top; position:relative;}
.index-news .main a:nth-child(4n){ margin-right:0;}
.index-news .main a .img{height:200px;}
.index-news .main a h2{font-size:14px;margin-top:5px;}
.index-news .main a h3{ font-size:12px; color:#999;}
.index-news .main a p{ display:none; font-size:14px;color:#666; line-height:1.75em;}

.index-news .swiper .txt:hover h2,
.index-news .main a:hover h2{color:#0d306a;}

@media (max-width:1200px){
	.index-news .swiper .txt{padding:80px 40px;}
	.index-news .swiper .txt h2{font-size:20px;}
	.index-news .swiper .txt a{border-width:1px;font-size:12px; width:130px;}
	.index-news .tips{width:20px;}
	.index-news .tips .bullet{width:10px;height:10px;}
}
@media (max-width:1024px){
	.index-news .swiper{ display:none;}
	.index-news .main a{width:100%; margin-right:0;margin-top:20px; padding-left:170px; border-bottom:1px #ddd dashed; padding-bottom:20px;}	
	.index-news .main a:first-child{ margin-top:0;}
	.index-news .main a:last-child{ border-bottom:0; padding-bottom:0;}
	.index-news .main a .img{ width:150px;height:auto; position:absolute; top:0; bottom:20px; left:0;}
	.index-news .main a:last-child .img{ bottom:0;}
	.index-news .main a h2{font-size:16px;margin-top:0;}
	.index-news .main a p{ display:block; padding-top:10px;}
}
@media (max-width:768px){
	.index-news .main a{padding-left:0;}
	.index-news .main a .img{ width:100%; height:200px;position: relative; top:auto; bottom:auto; left:auto;}
	.index-news .main a h2{margin-top:10px;}
}
/*--------------------------------------------------------------------------------------------*/