@charset "utf-8";
/*common*/
.index-box{width:100%;position:relative;}
.index-box .w1400{padding:80px 20px;}
.index-box .Lline,
.index-box .Rline{width:1px;height:100%;background:#d9d9d9;position:absolute;top:0;z-index:5;}
.index-box .Lline{left:2px;}
.index-box .Rline{right:2px;}
.index-box .Lline i,
.index-box .Rline i{display:block;width:5px;height:80px;position:absolute;z-index:6;}
.index-box .Lline i{left:-2px;bottom:0;}
.index-box .Rline i{right:-2px;top:80px;}
.index-box .Lline i:before,
.index-box .Rline i:before{content:'';width:100%;height:40px;position:absolute;left:0;background:#171c61;}
.index-box .Lline i:before{bottom:0;}
.index-box .Rline i:before{top:20px;}

.index-title{width:100%;position:relative;height:80px;overflow:hidden;}
.index-title p{display:block;}
.index-title .en{font-size:80px;line-height:80px;text-transform:uppercase;color:#e7e7e7;white-space: nowrap;}
.index-title .cn{font-size:26px;font-weight:bold;line-height:2em;position:absolute;bottom:5px;left:5px;color:#333;}
.index-title .dn{position: absolute;top: 50%;right: 0;width: 50%;height: auto;font-size: 14px;line-height: 20px;display: block;overflow: hidden;transform: translateY(-50%);}
.index-title a{position: absolute;top: 50%;right: 0;font-size: 16px;line-height: 30px;display: block;transform: translateY(-50%);}
.index-title a:hover{ color:#171c61;}

.index-main{width:100%;position:relative;}
@media (max-width:1460px){
	.index-box .w1400{padding:80px 50px;}
	.index-box .Lline{left:30px;}
	.index-box .Rline{right:30px;}
}
@media (max-width:1200px){
	.index-box .w1400{padding:80px 40px;}
	.index-box .Lline{left:20px;}
	.index-box .Rline{right:20px;}
}
@media (max-width:1024px){
	.index-box .w1400{padding:60px 40px;}
	.index-box .Lline i,
	.index-box .Rline i{height:60px;}
	.index-box .Rline i{top:60px;}
	.index-box .Lline i:before,
	.index-box .Rline i:before{height:30px;}
	.index-box .Rline i:before{top:15px;}
		
	.index-title{height:60px;}
	.index-title .en{font-size:56px;line-height:60px;}
	.index-title .cn{font-size:30px; line-height:60px; bottom:auto; top:0; left:0;}
	.index-title .dn{font-size:12px;}
	.index-title a{font-size: 14px;line-height:24px;}
}
@media (max-width:768px){
	.index-box .w1400{padding:60px 10px;}
	.index-box .Lline,
	.index-box .Rline{ display:none;}
	.index-title .en{font-size:50px;}
	.index-title .cn{font-size:26px;}
	.index-title .dn{ margin-top:10px; width:100%; position:relative; top:auto; right:auto;transform: translateY(0);}
}
/*---------------------------------------------------------------------------------------------------------*/
/*slide*/
.index-slide{width:100%;position:relative;}
.index-slide .telbox{width:100%;position:relative;z-index:8;overflow:hidden;transform:translateY(-45px);font-size:0;}
.index-slide .telbox p{font-size:23px;position:relative;display:inline-flex;align-items:center;padding:20px 90px 20px 0;color:#fff;background:#171c61;line-height:40px;vertical-align:middle;}
.index-slide .telbox p:before{content:'';background:url(../img/tel.png) no-repeat center/100%;width:50px;height:50px;filter:contrast(0) brightness(2);margin-right:20px;}
.index-slide .telbox p:after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:#171c61;}
.index-slide .telbox p a{font-size:36px;font-weight:bold;}
	
.slidebox{width:100%;position:relative;overflow:hidden;}
.slidebox .tips{position:absolute;z-index:90;display:none;align-items:center;justify-content:center;}
.slidebox .tips .swiper-pagination-bullet{border:1px #fff solid;margin:6px 0;width:18px;height:18px;background:transparent;position:relative;opacity:1;}
.slidebox .tips .swiper-pagination-bullet:before{content:'';width:12px;height:12px;background:#fff;position:absolute;top:2px;left:2px;border-radius:50%;}
.slidebox .tips .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color:#a60b13;}
.slidebox .tips .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background:#a60b13;}

.slidebox.pcslide{display:block;}
.slidebox.pcslide .swiper-slide span{display:block;width:100%;height:calc(100vh - 205px);min-height:400px;max-height:600px;}
.slidebox.pcslide .tips{width:auto;height:100%;bottom:0;right:6%;left:unset;flex-direction:column;}

.slidebox.wapslide{display:none;}
.slidebox.wapslide .swiper-slide img{display:block;width:100%;}
.slidebox.wapslide .tips{width:100%;height:auto;bottom:10px;left:0;}
.slidebox .tips .swiper-pagination-bullet{margin:0 5px;}

@media (max-width:1024px){
	.index-slide{display:none;}
	.slidebox.wapslide{display:block;}
}
/*---------------------------------------------------------------------------------------------------------*/
/*about*/
.index-about{width:100%;position:relative;padding:40px 0 80px;}
.index-about .left{width:807px;position:relative;}
.index-about .left img{display:block; width:100%;}
.index-about .right{width:calc(100% - 807px);height:100%;position:absolute;top:0;right:0;padding-left:40px;}
.index-about .right p{display:block;position:relative;line-height:1em;}
.index-about .right .p1{font-size:18px;text-transform:uppercase;color:#171c61;white-space:nowrap;padding-bottom:20px;display:inline-block;}
.index-about .right .p1:before{content:'';position:absolute;left:0;bottom:0;transform:translateX(-150px);width:calc(100% + 150px);height:3px;background:#ccc;}
.index-about .right .p2{font-size:38px;font-weight:bolder;margin-top:50px;}
.index-about .right .p3{font-size:22px;margin:30px 0 20px;}
.index-about .right .p4{font-size:16px;line-height:2em;}
.index-about .right a{position:relative;display:inline-block;font-size:16px;line-height:1em;padding:10px 40px;transition:all .2s ease;color:#171c61;border:2px solid #171c61;margin-top:38px;}
.index-about .right a:hover{color:#fff;background:#171c61;}	
@media (max-width:1460px){
	.index-about{ font-size:0;}
	.index-about .left{width:50%; display:inline-block; vertical-align:top;}
	.index-about .right{width:50%;display:inline-block; vertical-align:top; position:relative; top:auto; right:auto;padding-left:20px;}
	
	.index-about .right .p2{font-size:36px;margin-top:40px;}
	.index-about .right .p3{font-size:20px;margin:25px 0 15px;}
	.index-about .right a{margin-top:30px;}
}
@media (max-width:1300px){
	.index-about .right .p2{font-size:34px;}
	.index-about .right .p4{font-size:15px;}
	.index-about .right a{ font-size:15px;margin-top:25px;}
}
@media (max-width:1200px){
	.index-about .right .p2{font-size:32px;}
	.index-about .right .p4{font-size:14px;}
	.index-about .right a{ font-size:14px;margin-top:20px;}
}
@media (max-width:1024px){
	.index-about .left{width:100%;display:block;}
	.index-about .left img{ max-width:100%; width:auto; margin:0 auto;}
	.index-about .right{width:100%;display:block;padding-left:0;}	
	.index-about .right .p1{ display:none;}
}
@media (max-width:768px){
	.index-about .right .p2{font-size: 20px;line-height: 30px;margin-top: 20px;}
	.index-about .right .p3{font-size: 16px;margin: 15px 0 10px;}
	.index-about .right .p4{font-size: 13px; margin-top:10px;}
}
/*---------------------------------------------------------------------------------------------------------*/
/*pro*/
.index-pro{background:#f5f5f5;}
.index-pro .index-main{font-size:0;margin-top:20px;}
.index-pro .index-main .item{display:inline-block;vertical-align:top;width:calc(calc(100% - 60px) / 4);margin-right:20px;margin-top:20px;}
.index-pro .index-main .item .img{border:1px #d9d9d9 solid;}
.index-pro .index-main .item .img img{width:100%;transition:transform .5s ease;}
.index-pro .index-main .item:hover .img img{transform:scale(1.1);}
.index-pro .index-main .item h3{font-size:20px;line-height:2em;display:block;}
.index-pro .index-main .item p{line-height:24px;display:block;color:#666;font-size:14px;word-break: break-all;}
.index-pro .index-main .item span{line-height:1em;padding-bottom:10px;display:inline-block;margin-top:10px;border-bottom:2px solid #999;font-size:14px;}
.index-pro .index-main .item:hover h3,
.index-pro .index-main .item:hover span{color:#171c61}
.index-pro .index-main .item:hover span{border-color:#171c61;}	
@media (min-width:1025px){.index-pro .index-main .item:nth-child(4n){margin-right:0;}}
@media (max-width:1200px){
	.index-pro .index-main .item h3{font-size:16px;}
	.index-pro .index-main .item p{line-height:20px;font-size:13px;}
}
@media (max-width:1024px){
	.index-pro .index-main .item.item7,
	.index-pro .index-main .item.item8{ display:none;}
	.index-pro .index-main .item{ width:calc(calc(100% - 40px) / 3);}
	
}
@media (max-width:1024px) and (min-width:769px){.index-pro .index-main .item:nth-child(3n){margin-right:0;}}
@media (max-width:768px){
	.index-pro .index-main .item{width:calc(calc(100% - 10px) / 2); margin-right:10px; margin-top:10px;}
	.index-pro .index-main .item:nth-child(2n){margin-right:0;}
	.index-pro .index-main .item span,
	.index-pro .index-main .item p{ display:none;}
	.index-pro .index-main .item h3{ font-size:14px; text-align:center;}
}
/*---------------------------------------------------------------------------------------------------------*/
/*service*/
.index-ser{padding:80px 0;}
.index-ser .index-main{font-size:0;margin-top:20px;}
.index-ser .index-main .item{display:inline-block;vertical-align:top;width:calc(calc(100% - 60px) / 4);margin-right:20px;margin-top:20px;background:#999;padding:40px 20px;color:#fff;height:400px;border-radius:10px;}
.index-ser .index-main .item:last-child{margin-right:0;}
.index-ser .index-main .item i{display:block;width:100%;position:relative;}
.index-ser .index-main .item i img{display:block;margin:0 auto;max-width:100px;}
.index-ser .index-main .item h1{font-size:24px;line-height:1em;display:block;border-bottom:1px #fff solid;padding-bottom:19px;text-align:center;margin-bottom:20px;}
.index-ser .index-main .item p{line-height:2em;display:block;font-size:16px;}
.index-ser .index-main .item:hover{background:#171c61;}
@media (max-width:1024px){
	.index-ser{padding:60px 0;}
	.index-ser .index-main .item{width:calc(calc(100% - 40px) / 2);}
	.index-ser .index-main .item:nth-child(2n){margin-right:0;}
}
@media (max-width:768px){
	.index-ser{padding:40px 0;}
	.index-ser .index-title{ height:auto;}
	
	.index-ser .index-main .item{width:100%;margin-right:0; height:auto;}
}
/*---------------------------------------------------------------------------------------------------------*/
/*news*/
.index-news{background:#f5f5f5;}
.index-news .index-main{margin-top:40px;}
.index-news .index-main .img{border:1px #d9d9d9 solid;}
.index-news .index-main .img img{width:100%;transition:transform .5s ease;}
.index-news .index-main .img:hover img{transform:scale(1.1);}
.index-news .index-main .txt{display:block;}

.index-news .index-main .left{width:45%;max-width:600px;position:relative;}
.index-news .index-main .left .txt{position:absolute;bottom:0;right:0;width:100%;height:auto;padding:20px;color:#fff;background:-webkit-linear-gradient(top, transparent, rgba(0,0,0,.3));background:linear-gradient(top, transparent, rgba(0,0,0,.3));}
.index-news .index-main .left .txt p{display:block;width:100%;position:relative;line-height:1em;height:1em;overflow:hidden;}
.index-news .index-main .left .txt .date{font-size:14px;}
.index-news .index-main .left .txt .tit{font-size:16px;margin-top:10px;font-weight:bolder;}

.index-news .index-main .right{width:55%;height:100%;position:absolute;top:0;right:0;overflow:hidden;padding-left:20px;}
.index-news .index-main .right .item{width:100%;position:relative;display:block;margin-top:20px;height:calc(calc(100% - 40px) / 3)}
.index-news .index-main .right .item .img{height:100%;width:182px;margin-right:20px;float:left;}
.index-news .index-main .right .item .img img{width:100%;height:100%;}
.index-news .index-main .right .item .txt{position:relative;width:calc(100% - 202px);height:100%;float:right;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;}
.index-news .index-main .right .item .txt p{width:100%;display:block;position:relative;overflow:hidden;}
.index-news .index-main .right .item .txt .tit{font-size:20px;line-height:30px;height:30px;font-weight:bolder;}
.index-news .index-main .right .item .txt .desc{font-size:14px;line-height:24px;height:48px;margin-top:5px;}
.index-news .index-main .right .item .txt .date{font-size:14px;line-height:20px;color:#999;}

.index-news .index-main .right .item1{display:none;}
.index-news .index-main .right .item2{margin-top:0;}
.index-news .index-main .right .item:hover .tit{color:#171c61;}
@media (max-width:1024px){
	.index-news .index-main .left{ display:none;}
	.index-news .index-main .right{ width:100%;height:auto;position: relative;top:auto;right:auto;padding-left:0;}
	.index-news .index-main .right .item{height:auto;}
	.index-news .index-main .right .item .img{width:182px;margin-right:10px;float:none;}
	.index-news .index-main .right .item .txt{position: absolute;width:calc(100% - 192px);float:none; top:0; right:0;}
	.index-news .index-main .right .item .txt .tit{font-size:16px;}
	.index-news .index-main .right .item .txt .desc{font-size:12px;line-height:20px;height:40px;}
	.index-news .index-main .right .item .txt .date{font-size:12px;}
	
	.index-news .index-main .right .item1{display: block; margin-top:0;}
	.index-news .index-main .right .item2{margin-top:20px;}
}
@media (max-width:768px){
	.index-news .index-main .right .item{border-bottom: 1px #ddd dashed;padding-bottom: 20px;}
	.index-news .index-main .right .item .img{ display:none;}
	.index-news .index-main .right .item .txt{position: relative;width:100%;top:auto; right:auto;}
	.index-news .index-main .right .item .txt .tit{font-size:16px; height:auto; line-height:26px;}
	.index-news .index-main .right .item .txt .desc{line-height:20px;height:auto;}
	
	.index-news .index-main .right .item4{border-bottom: none;padding-bottom:0;}
}
/*---------------------------------------------------------------------------------------------------------*/
/*links*/
.index-links{width: 100%;position: relative;background: #0b0c1f; color:#ccc;}
.index-links .w1400{ padding-top:20px; padding-bottom:20px;border-bottom: 1px solid #2c2e50;}
.index-links p{ font-size:15px; line-height:25px; position:relative; display:block;}
.index-links p img{width:auto; height:25px;display: inline-block;vertical-align:top;margin-right: 10px;opacity: .5;}
.index-links p a{ margin-right:10px;}
.index-links p a:hover{ color:#fff;}
@media (max-width:768px){
	.index-links p{ font-size:13px; line-height:20px;}
	.index-links p a{ margin-right:5px;}
	.index-links p img{ height:20px;}
}
/*---------------------------------------------------------------------------------------------------------*/
/*广告法*/
.ggf{width: 100%;position: relative;color: #ccc;overflow: hidden;background-color: #121434;}
.ggf marquee{ font-size:14px; line-height:24px;}
.copyright{ padding-bottom:0;}

.bdss{ font-size:13px; line-height:23px;}
.bdss a{ margin-right:10px;}
.bdss a:hover{ color:#171c61;}
@media (max-width:768px){
	.ggf marquee{ font-size:12px; line-height:20px;}
	.bdss{ font-size:12px; line-height:20px;}
	.bdss a{ margin-right:5px;}
}
/*---------------------------------------------------------------------------------------------------------*/