@charset "utf-8";
/* CSS Document */
/*index*/
.indexKv{position: relative;z-index:2;}
.indexKv img.kv{display:block;width:100%;}
.indexKv .content{position:absolute;left:0;right:0;bottom:15%}
.indexKv .content h3{font-size:4rem;color:#ff8300;text-shadow:0 0 20px #9c9c9c;font-family:"Source Han Sans CN";font-weight:700;}
.indexKv .content a.more{display:inline-block;width:196px;height:40px;line-height:40px;text-align:center;font-size:16px;background-color:#ff8300;
	font-weight:700;border-radius:50px;color:#fff;text-decoration:none;position:relative;overflow:hidden;z-index:4;margin-top:30px;}
.indexKv .content a.more:before{position:absolute;content:'';background:#02325a;transition-duration:.3s;z-index:-1;left:0;top:0;
	width:0;height:100%;opacity:1;}
.indexKv .content a.more:hover:before{width:100%;right:0;}
.indexKv .slider_dot{position: absolute;left:0;right:0;bottom:20px;z-index:2;text-align:center;}
.indexKv .slider_dot span{display:inline-block;width:80px;height:5px;background:#fff;border-radius:0;opacity:.5;}
.indexKv .slider_dot span.swiper-pagination-bullet-active{background:#ff8100;opacity:1;}

.indexKv .swiper-wrapper .swiper-slide:nth-child(2) .content{display:none;}


.mobileKv{position: relative;z-index:2;}
.mobileKv img.kv{display:block;width:100%;}
.mobileKv .slider_dot{position: absolute;left:0;right:0;bottom:40px;z-index:2;text-align:center;}
.mobileKv .slider_dot span{display:inline-block;width:40px;height:3px;background:#fff;border-radius:0;opacity:.5;}
.mobileKv .slider_dot span.swiper-pagination-bullet-active{background:#ff8100;opacity:1;}


.index_about{position: relative;z-index:3;}
.index_about img.bg{display:block;width:100%;}
.index_about img.line_1{position: absolute;left:0;top:-30px;width:27.5%}
.index_about img.line_2{position: absolute;right:0;bottom:-155px;width:22%}
.index_about .content{position: absolute;left:0;right:0;top:0;}
.index_about .content .container{position:relative;}
.index_about .content .box_1{width:300px;height:242px;background:url(../images/index/index_about_box_1.png) no-repeat;background-size:cover;box-sizing: border-box;
	padding-left:55px;padding-top:65px;position: absolute;right:0;top:-105px;z-index:3;}
.index_about .content .box_1 h3{font-size:18px;font-size:1.8rem;color:#fff;padding-bottom:20px;}
.index_about .content .box_1 .price #gp_1{font-size:52px;line-height:52px;color:#ff8300;font-family:"Source Han Sans CN"}
.index_about .content .box_1 .price i{display:inline-block;width:20px;background:url(../images/index/index_about_i.png) no-repeat center bottom;
	background-size:auto 24px;height:36px;margin-left:10px;}
.index_about .content .box_1 .price span{margin-left:10px;font-size:26px;color:#ff8300;font-family:"Source Han Sans CN"}
.index_about .content .box_1 .price.green i{background:url(../images/index/index_about_i_2.png) no-repeat center bottom;background-size:auto 24px;}
.index_about .content .box_1 h4{font-size:16px;color:rgba(255,255,255,.5);margin-top:15px;}
.index_about .content .box_2{width:370px;height:301px;background:url(../images/index/index_about_box_2.png) no-repeat;background-size:cover;box-sizing: border-box;
	padding-left:50px;padding-top:155px;position: absolute;right:215px;top:40px;z-index:2;}
.index_about .content .box_2 h3{font-size:20px;font-size:2rem;color:#ff8300;font-weight:700;}
.index_about .content .box_2 a{display:inline-block;width:140px;height:32px;line-height:32px;text-align:center;font-size:14px;background-color:#ff8300;
	font-weight:700;border-radius:50px;color:#fff;text-decoration:none;position:relative;overflow:hidden;z-index:4;margin-top:20px;}
.index_about .content .box_2 a:before{position:absolute;content:'';background:#02325a;transition-duration:.3s;z-index:-1;left:0;top:0;
	width:0;height:100%;opacity:1;}
.index_about .content .box_2 a:hover:before{width:100%;right:0;}
.index_about_2{padding-bottom:160px;background:url(../images/index/index_abotu_2_bg.jpg) no-repeat center bottom;background-size:100% auto;}
.index_about_2 .content{background:url(../images/index/index_abotu_2_line.png) no-repeat left 108px;background-size:15% auto;}
.index_about_2 h3{font-size:30px;font-size:3rem;color:#004c89;font-weight:700;}
.index_about_2 .line{height:3px;display:inline-block;width:100px;height:3px;background:#004c89;margin:30px 0 60px;}
.index_about_2 .txt p{font-size:18px;font-size:1.8rem;line-height:40px;color:#6e6e6e;}
.index_about_2 .txt a.more{display:inline-block;width:196px;height:40px;line-height:40px;text-align:center;font-size:16px;background-color:#ff8300;
	font-weight:700;border-radius:50px;color:#fff;text-decoration:none;position:relative;overflow:hidden;z-index:4;margin-top:40px;}
.index_about_2 .txt a.more:before{position:absolute;content:'';background:#02325a;transition-duration:.3s;z-index:-1;left:0;top:0;
	width:0;height:100%;opacity:1;}
.index_about_2 .txt a.more:hover:before{width:100%;right:0;}
.index_about_2 .pic{position: relative;width:550px;}
.index_about_2 .pic img{width:100%;position: relative;z-index:2;}
.index_about_2 .pic .bg{width:550px;height:430px;position: absolute;left:60px;top:40px;z-index:1;background-color:#0078ca;}
.index_product{background:url(../images/index/index_product_bg.jpg) no-repeat left top;background-size:cover;padding-top:60px;position: relative;}
.index_product img.bg{position: absolute;left:0;top:0;width:34%;z-index:1;display:none!important;}
.index_product .content{padding-bottom:20px;background:url(../images/index/index_product_bg_2.png) no-repeat center bottom;position: relative;z-index:2;}
.index_product h3{font-size:36px;line-height:40px;color:#ff8300;font-weight:700;}
.index_product p{font-size:18px;line-height:36px;color:#fff;margin:30px 0;}
.index_product a.more{display:inline-block;width:196px;height:40px;line-height:40px;text-align:center;font-size:16px;background-color:#ff8300;
	font-weight:700;border-radius:50px;color:#fff;text-decoration:none;position:relative;overflow:hidden;z-index:4;}
.index_product a.more:before{position:absolute;content:'';background:#02325a;transition-duration:.3s;z-index:-1;left:0;top:0;
	width:0;height:100%;opacity:1;}
.index_product .content img{display:block;width:100%;}
.index_product a.more:hover:before{width:100%;right:0;}
.index_news{padding-top:90px;background:url(../images/index/index_news_bg_1.jpg) no-repeat center top;bakground-size:100% auto;}
.index_news .content{padding-bottom:90px;background:url(../images/index/index_news_bg_2.jpg) no-repeat center bottom;background-size:100% auto;}
.index_news h3{font-size:36px;font-size:3.6rem;line-height:40px;line-height:4rem;color:#ff8300;font-weight:700;padding-bottom:30px;padding-bottom:3rem;}
.index_news .list a{background-color:#fff;display:block;text-decoration:none;}
.index_news .list .pic{height:260px;overflow:hidden;}
.index_news .list .pic img{display:block;width:100%;transition:all linear .5s;}
.index_news .list a:hover .pic img{transform: scale(1.1);}
.index_news .list .txt{margin:30px 0;margin:3rem 0;}
.index_news .list h4{font-size:19px;line-height:24px;color:#0278c9;font-size:1.9rem;line-height:2.4rem;}
.index_news .list h5{font-size:14px;line-height:24px;color:#adadad;font-size:1.4rem;line-height:2.4rem;}
.index_news .list p{font-size:14px;line-height:24px;font-size:1.4rem;line-height:2.4rem;color:#08375e}
.index_news .list .tit{height:72px;height:7.2rem;overflow:hidden;}
.index_news .list a:hover h4{color:#ff8300}

.index_contact{position: relative;}
.index_contact img.bg{display:block;width:100%;}
.index_contact .content{position:absolute;left:0;top:50%;right:0;transform:translateY(-50%)}
.index_contact .content h3{font-size:36px;font-size:3.6rem;line-height:40px;line-height:40px;color:#ff8300;font-weight:700;padding-bottom:5%;}
.index_contact .content h4{font-size:22px;font-size:2.2rem;color:#fff;font-weight:700;padding:4% 0 5%}
.index_contact .content ul{display:inline-block;}
.index_contact .content ul li{float:left;margin-right:130px;margin-right:13rem;}
.index_contact .content ul li:last-child{margin-right:0;}
.index_contact .content ul li p{font-size:14px;font-size:1.4rem;line-height:26px;line-height:2.6rem;color:#fff;outline:0;}
.index_contact .content ul li p a{color:#fff;}
.index_contact .content ul li p a:hover{color:#0278c9;}


@media only screen and (max-width: 1500px) {
	.index_product img.bg{width:30%}
}


@media only screen and (max-width: 1440px) {
	.index_product img.bg{width:20%}
}