@charset "utf-8";
.banner{ width:100%; overflow:hidden; background:#034d8e}
.banner .swiper01{ width:100%; position:relative; overflow:hidden}
.banner .swiper01 .swiper-slide{ width:100%}
.banner .swiper01 .swiper-slide img{ width:100%; height:auto}
.banner .swiper01 .swiper-slide img.img1{ display:block}
.banner .swiper01 .swiper-slide img.img2{ display:none}
.banner .swiper01 .pagination01{ width:100%; font-size:0; position:absolute; left:0; bottom:50px; z-index:9; text-align:center}
.banner .swiper01 .pagination01 span{ display:inline-block; vertical-align:top; width:52px; height:6px; border-radius:0; background:#fff; opacity:1}
.banner .swiper01 .pagination01 span.swiper-pagination-bullet-active{ background:#03498f}
@media all and (max-width:1200px){
	.banner .swiper01 .swiper-slide img.img1{ display:none}
	.banner .swiper01 .swiper-slide img.img2{ display:block}
	.banner .swiper01 .pagination01{ bottom:10px}
	.banner .swiper01 .pagination01 span{ width:6px;}
}

.gcon_1{ width:100%; padding-top:50px}
.gcon_1 .nr{ width:1680px; margin:0 auto}
.gcon_1 .nr .lt{ width:840px; height:500px; background:#fff; float:left; box-sizing:border-box; padding:100px 180px 0 70px}
.gcon_1 .nr .lt .a1{ font-size:36px; color:#343434; line-height:1.2}
.gcon_1 .nr .lt .a1 p:nth-child(1){ font-size:30px;}
.gcon_1 .nr .lt .a1 p:nth-child(2){ font-size:40px;}
.gcon_1 .nr .lt .a2{ font-size:14px; color:#343434; padding:10px 0 20px}
.gcon_1 .nr .lt .a3{ font-size:16px; color:#666666; text-align:justify; line-height:2; margin-bottom:20px; margin-top:20px}
.gcon_1 .nr .lt .a4 .img1{ display:block}
.gcon_1 .nr .lt .a4 .img2{ display:none}
.gcon_1 .nr .lt .a4:hover .img1{ display:none}
.gcon_1 .nr .lt .a4:hover .img2{ display:block}
.gcon_1 .nr .rt{ width:840px; float:right;}
.gcon_1 .nr .rt .swiper04{ float:right; margin-top:70px; width:922px; overflow:hidden; position:relative}
.gcon_1 .nr .rt .swiper04 img{ width:100%}

.gcon_1 .nr .rt video{ width:922px; float:right; margin-top:70px; background:#000;}
@media all and (max-width:1680px){
	.gcon_1 .nr{ width:1200px;}	
	.gcon_1 .nr .lt{ width:600px; height:403px; padding:60px 120px 0 50px}
	.gcon_1 .nr .lt .a1{ font-size:24px}
	.gcon_1 .nr .lt .a3{ font-size:14px}
	.gcon_1 .nr .lt .a4 img{ width:90px}
	.gcon_1 .nr .rt{ width:600px}
	.gcon_1 .nr .rt video{ width:680px; margin-top:50px}
	.gcon_1 .nr .rt .swiper04{ float:right; margin-top:50px; width:680px; overflow:hidden; position:relative}
	.gcon_1 .nr .rt .swiper04 img{ width:100%}
 }
@media all and (max-width:1200px){
	.gcon_1 .nr{ width:92%; margin-top:30px}
	.gcon_1 .nr .lt{ width:100%; height:auto; padding:25px}
	.gcon_1 .nr .lt .a1{ font-size:20px}
	.gcon_1 .nr .lt .a2{ font-size:12px; padding:8px 0 15px}
	.gcon_1 .nr .lt .a1 p:nth-child(1){ font-size:12px;}
	.gcon_1 .nr .lt .a1 p:nth-child(2){ font-size:20px;}
	.gcon_1 .nr .lt .a3{ margin-bottom:15px}
	.gcon_1 .nr .rt{ width:100%; margin:0}
	.gcon_1 .nr .rt video{ width:100%; height:auto; margin-top:0}
	.gcon_1 .nr .rt .swiper04{ width:100%; height:auto; margin-top:0}
}

.gcon_2{ width:100%; margin-top:75px}
.gcon_2 .hd{ width:100%; text-align:center;}
.gcon_2 .hd h3{ font-size:36px; color:#343434; font-weight:normal}
.gcon_2 .hd p{ font-size:16px; color:#343434; text-transform:uppercase}
.gcon_2 .bd{ margin-top:55px; width:100%}
.gcon_2 .bd .item{ width:33.333333333333333333333333333%; float:left; position:relative}
.gcon_2 .bd .item .pic{ width:100%}
.gcon_2 .bd .item .pic img{ width:100%}
.gcon_2 .bd .item span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background:rgba(00,00,00,0); transition:all 0.5s linear}
.gcon_2 .bd .item:hover span{background:rgba(00,00,00,0.4);}
.gcon_2 .bd .item .intro{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; color:#fff; box-sizing:border-box; padding:15%}
.gcon_2 .bd .item .intro .a1{ font-size:36px;}
.gcon_2 .bd .item .intro .a2{ font-size:20px; text-transform:uppercase; padding:10px 0}
.gcon_2 .bd .item .intro .a3{ background:url(g_04.png) left center no-repeat; width:60px; height:14px}
@media all and (max-width:1680px){
	.gcon_2 .hd h3{ font-size:24px}
	.gcon_2 .hd p{ font-size:14px}
	.gcon_2 .bd .item .intro .a1{ font-size:24px}
	.gcon_2 .bd .item .intro .a2{ font-size:16px}
}
@media all and (max-width:1200px){
	.gcon_2{ margin-top:40px}
	.gcon_2 .hd h3{ font-size:20px}
	.gcon_2 .hd p{ font-size:12px}
	.gcon_2 .bd{ margin-top:20px}
	.gcon_2 .bd .item .intro .a1{ font-size:20px}
	.gcon_2 .bd .item .intro .a2{ font-size:12px}
}
@media all and (max-width:640px){
	.gcon_2 .bd .item{ width:92%; margin:0 auto; float:none}
	.gcon_2 .bd .item .intro .a3{ background-size:auto 10px}
}


.gcon_3{ width:1680px; margin:0 auto; margin-top:75px; background:#ffffff; padding:60px 0 90px; position:relative}
.gcon_3:after{ content:""; display:block; width:2000px; height:100%; background:#ffffff; position:absolute; left:100%; top:0}
.gcon_3 .hd{ width:100%; color:#333; text-align:center}
.gcon_3 .hd h3{ font-size:40px;  font-weight:normal}
.gcon_3 .hd p{ font-size:30px;  text-transform:uppercase}
.gcon_3 .bd{ width:100%; margin-top:50px; overflow:hidden}
.gcon_3 .bd .swiper03{ width:100%}
.gcon_3 .bd .swiper03 .swiper-slide{ width:25%; box-sizing:border-box; border-right:1px solid rgba(51,51,51,0.3); padding:80px 50px 60px}
.gcon_3 .bd .swiper03 .swiper-slide:hover{ background:#0055a0; background-size:cover}
.gcon_3 .bd .swiper03 .swiper-slide .a1{ font-size:48px; color:#343434; line-height:1}
.gcon_3 .bd .swiper03 .swiper-slide .a2{ font-size:14px; color:#343434; line-height:1; padding-top:10px}
.gcon_3 .bd .swiper03 .swiper-slide .a3{ font-size:18px; line-height:30px; height:60px; margin-top:30px}
.gcon_3 .bd .swiper03 .swiper-slide .a3 a{ color:#343434}
.gcon_3 .bd .swiper03 .swiper-slide .a4{ font-size:12px; color:rgba(51,51,51,0.7); height:105px; margin-top:20px}
.gcon_3 .bd .swiper03 .swiper-slide .a5 a{ display:block; background:url(g_04_2.png) left center no-repeat; width:60px; height:14px}
.gcon_3 .bd .swiper03 .pagination03{ width:100%; font-size:0; margin-top:80px; text-align:center}
.gcon_3 .bd .swiper03 .pagination03 span{ width:12px; height:12px; border-radius:50%; background:#333333; margin:0 10px; opacity:1}
.gcon_3 .bd .swiper03 .pagination03 span.swiper-pagination-bullet-active{ background:#03498f}
.gcon_3 .bd .swiper03 .swiper-slide:hover .a1{ color:#fff}
.gcon_3 .bd .swiper03 .swiper-slide:hover .a2{ color:#fff}
.gcon_3 .bd .swiper03 .swiper-slide:hover .a3 a{ color:#fff}
.gcon_3 .bd .swiper03 .swiper-slide:hover .a4{ color:#fff}
.gcon_3 .bd .swiper03 .swiper-slide:hover .a5 a{background:url(g_04.png) left center no-repeat;}

@media all and (max-width:1680px){
	.gcon_3{ width:1200px;}
	.gcon_3 .hd h3{ font-size:30px}
	.gcon_3 .hd p{ font-size:24px}
	.gcon_3 .bd .swiper03 .swiper-slide{ width:33.33333333333333333333333333%}
}
@media all and (max-width:1200px){
	.gcon_3{ width:100%; margin-top:40px; padding:35px 0 45px}
	.gcon_3 .hd h3{ font-size:20px}
	.gcon_3 .hd p{ font-size:12px}
	.gcon_3 .bd{ margin-top:20px}
	.gcon_3 .bd .swiper03 .swiper-slide{ width:260px; padding:20px}
	.gcon_3 .bd .swiper03 .swiper-slide .a1{ font-size:30px}
	.gcon_3 .bd .swiper03 .swiper-slide .a2{ font-size:12px}
	.gcon_3 .bd .swiper03 .swiper-slide .a3{ font-size:14px; line-height:25px; height:50px; overflow:hidden; margin-top:20px}
	.gcon_3 .bd .swiper03 .swiper-slide .a5 a{ background-size:auto 10px; height:10px}
	.gcon_3 .bd .swiper03 .pagination03{ margin-top:30px}
	.gcon_3 .bd .swiper03 .pagination03 span{ width:10px; height:10px; margin:0 5px}
}

.gcon_4{ width:100%; margin-top:70px; margin-bottom:80px}
.gcon_4 .item{ width:50%; float:left; position:relative; overflow:hidden}
.gcon_4 .item img{ width:100%}
.gcon_4 .item .intro{ width:100%; text-align:center; color:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2}
.gcon_4 .item .intro h3{ font-size:36px; font-weight:normal}
.gcon_4 .item .intro .a1{ font-size:16px; text-transform:uppercase; margin-top:10px}
.gcon_4 .item .intro .a2{ font-size:24px; text-transform:uppercase; margin-top:20px}
.gcon_4 .item img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.gcon_4 .item:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
@media all and (max-width:1200px){
	.gcon_4{ width:92%; margin:0 auto; margin-top:40px; margin-bottom:40px}
	.gcon_4 .item{ width:100%}
	.gcon_4 .item:nth-child(1){ margin-bottom:10px}
	.gcon_4 .item .intro h3{ font-size:20px; font-weight:normal}
	.gcon_4 .item .intro .a1{ font-size:12px; text-transform:uppercase; margin-top:6px}
	.gcon_4 .item .intro .a2{ font-size:16px; text-transform:uppercase; margin-top:12px}
}





.cqitem_1{ width:1680px; margin:0 auto; padding:125px 0 115px; }
.cqitem_1 .hd{ width:100%; color:#333; text-align:center}
.cqitem_1 .hd h3{ font-size:40px;  font-weight:normal}
.cqitem_1 .hd p{ font-size:30px;  text-transform:uppercase}
.cqitem_1 .bd{ width:100%; margin-top:30px}
.cqitem_1 .bd .item01{ width:1001px; float:left; overflow:hidden; position:relative}
.cqitem_1 .bd .item01 img{ width:100%}
.cqitem_1 .bd .item01 img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.cqitem_1 .bd .item01:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.cqitem_1 .bd .item01 .title{ width:100%; box-sizing:border-box; background:rgba(0,85,160,0.7); position:absolute; left:0; bottom:0; z-index:2; color:#fff; padding:20px 30px; text-align:center}
.cqitem_1 .bd .item01 .title h3{ font-size:30px; line-height:1}
.cqitem_1 .bd .item01 .title .intro{ font-size:16px; line-height:30px; margin-top:20px}
.cqitem_1 .bd .item02{ width:671px; float:right}
.cqitem_1 .bd .item02 .item{ width:100%; position:relative; overflow:hidden; margin-bottom:6px}
.cqitem_1 .bd .item02 .item img{ width:100%}
.cqitem_1 .bd .item02 .item img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.cqitem_1 .bd .item02 .item:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.cqitem_1 .bd .item02 .item .title{ width:100%; position:absolute; left:0; bottom:0;text-align:center; color:#fff; background:rgba(0,85,160,0.7); padding:20px 0} 
.cqitem_1 .bd .item02 .item .title h3{ font-size:30px; line-height:1} 
.cqitem_1 .bd .item02 .item .title .intro{ display:inline-block; vertical-align:top; font-size:18px; padding:10px 24px; border:1px solid #ccc; margin-top:30px; display:none}
@media all and (max-width:1680px){
	.cqitem_1{ width:1200px}
	.cqitem_1 .hd h3{ font-size:30px;  font-weight:normal}
	.cqitem_1 .hd p{ font-size:24px;  text-transform:uppercase}
	.cqitem_1 .bd .item01{ width:715px}
	.cqitem_1 .bd .item02{ width:480px}
	.cqitem_1 .bd .item01 .title{ padding:20px}
	.cqitem_1 .bd .item01 .title h3{ font-size:20px}
	.cqitem_1 .bd .item01 .title .intro{ font-size:14px; line-height:25px}
	.cqitem_1 .bd .item02 .item .title h3{ font-size:20px}
	.cqitem_1 .bd .item02 .item .title .intro{ font-size:14px}

}
@media all and (max-width:1200px){
	.cqitem_1{ width:92%; padding:50px 0}
	.cqitem_1 .hd h3{ font-size:20px;  font-weight:normal}
	.cqitem_1 .hd p{ font-size:12px;  text-transform:uppercase}
	.cqitem_1 .bd .item01{ width:100%;}
	.cqitem_1 .bd .item01 .title{ position:relative}
	.cqitem_1 .bd .item01 .title h3{ font-size:16px}
	.cqitem_1 .bd .item01 .title .intro{ font-size:12px; line-height:25px}
	.cqitem_1 .bd .item02{ width:100%}
	.cqitem_1 .bd .item02 .item{ margin-top:10px; margin-bottom:0}
	.cqitem_1 .bd .item02 .item .title h3{ font-size:16px}
	.cqitem_1 .bd .item02 .item .title .intro{ font-size:12px}
}

.cqitem_2{ width:100%; background:url(x8.jpg) center center no-repeat; background-size:cover; margin-bottom:60px}
.cqitem_2 .nr{ width:1680px; margin:0 auto; padding:60px 0; }
.cqitem_2 .hd{ width:100%; color:#fff; text-align:center}
.cqitem_2 .hd h3{ font-size:40px;  font-weight:normal}
.cqitem_2 .hd p{ font-size:30px;  text-transform:uppercase}
.cqitem_2 .item{ width:100%; margin-top:20px}
.cqitem_2 .item .a1{ float:left; color:#fff; font-size:20px; line-height:32px}
.cqitem_2 .item .a2{ float:right}
.cqitem_2 .item .a2 a{ display:block; width:92px; height:32px; background:#fff; color:#666666; font-size:16px; text-align:center; line-height:32px}
.cqitem_2 .bd{ width:100%; overflow:hidden; margin-top:22px}
.cqitem_2 .bd .swiper02{ width:100%}
.cqitem_2 .bd .swiper02 .swiper-slide{ width:400px; margin-right:26px; text-align:center; overflow:hidden}
.cqitem_2 .bd .swiper02 .swiper-slide:last-child{ margin-right:0}
.cqitem_2 .bd .swiper02 .swiper-slide img{ width:100%}
.cqitem_2 .bd .swiper02 .swiper-slide p { font-size:18px; color:#fff; padding:20px 0}
.cqitem_2 .bd .swiper02 .pagination02{ width:100%; text-align:center; margin-top:20px}
.cqitem_2 .bd .swiper02 .pagination02 span{ display:inline-block; vertical-align:top; width:52px; height:6px; border-radius:0; background:#fff; opacity:1}
.cqitem_2 .bd .swiper02 .pagination02 span.swiper-pagination-bullet-active{ background:#03498f}
@media all and (max-width:1680px){
	.cqitem_2 .nr{ width:1200px}
	.cqitem_2 .hd h3{ font-size:30px;  font-weight:normal}
	.cqitem_2 .hd p{ font-size:24px;  text-transform:uppercase}
	.cqitem_2 .bd .swiper02 .swiper-slide{ width:380px; margin-right:30px;}	

}
@media all and (max-width:1200px){
	
	.cqitem_2 .nr{ width:92%; padding:30px 0 10px}
	.cqitem_2 .hd h3{ font-size:20px;  font-weight:normal}
	.cqitem_2 .hd p{ font-size:12px;  text-transform:uppercase}
	.cqitem_2 .item .a1{ font-size:12px; line-height:24px}
	.cqitem_2 .item .a2 a{ font-size:12px; width:70px; height:24px; line-height:24px;}
	.cqitem_2 .bd .swiper02 .swiper-slide{ width:48%; margin-right:4%}
	.cqitem_2 .bd .swiper02 .swiper-slide p{ padding:10px 0; font-size:14px}
	.cqitem_2 .bd .swiper02 .pagination02 span{ width:25px}
}


.cqitem_3{ width:1680px; margin:0 auto; padding:90px 0}
.cqitem_3 .item01{ width:839px; height:602px; float:left; background:url(x9.jpg) center center no-repeat; background-size:cover; color:#fff; box-sizing:border-box; padding:100px 0 0 55px}
.cqitem_3 .item01 h3{ font-size:40px; line-height:1}
.cqitem_3 .item01 .intro{ font-size:18px; padding-top:15px}
.cqitem_3 .item01 .intro p{ margin-top:40px}
.cqitem_3 .item02{ width:840px; height:602px; background:url(x10.jpg) center center no-repeat; background-size:cover; float:right; padding:55px 70px; box-sizing:border-box}
.cqitem_3 .item02 .a1{ color:#333333}
.cqitem_3 .item02 .a1 p{ font-size:30px; line-height:1}
.cqitem_3 .item02 .a1 h3{ font-size:40px; line-height:1; margin-top:15px; font-weight:normal}
.cqitem_3 .item02 .a2{ width:100%; background:#fff; margin-top:48px; height:350px; box-sizing:border-box; padding:0 43px}
.cqitem_3 .item02 .a2 h3{ text-align:center; font-size:20px; color:#333333; font-weight:normal; line-height:1; padding:30px 0 25px}
.cqitem_3 .item02 .a2 .inp1{ display:inline-block; vertical-align:top; width:100%; border:1px solid #d2d2d2; height:35px; box-sizing:border-box; padding:0 15px; font-size:14px; color:#333; margin-bottom:20px}
.cqitem_3 .item02 .a2 .inp2{ display:inline-block; vertical-align:top; width:100%; border:1px solid #d2d2d2; height:86px; box-sizing:border-box; padding:0 15px; font-size:14px; color:#333; margin-bottom:20px; line-height:33px}
.cqitem_3 .item02 .a2 .inp3{ display:block; width:160px; height:30px; margin:0 auto; background:#0055a0; color:#fff; font-size:16px}
@media all and (max-width:1680px){
	.cqitem_3{ width:1200px;}
	.cqitem_3 .item01{ width:599px; height:450px; padding:60px 0 0 40px}
	.cqitem_3 .item01 h3{ font-size:30px}
	.cqitem_3 .item01 .intro{ font-size:16px}
	.cqitem_3 .item01 .intro p{ margin-top:30px}
	.cqitem_3 .item02{ width:600px; height:450px; padding:40px 50px}
	.cqitem_3 .item02 .a1 p{ font-size:24px;}
	.cqitem_3 .item02 .a1 h3{ font-size:30px;}
	.cqitem_3 .item02 .a2{ padding:0 30px; margin-top:20px; height:280px}
	.cqitem_3 .item02 .a2 h3{ padding:15px 0}
	.cqitem_3 .item02 .a2 .inp1{ height:30px; margin-bottom:15px}
	.cqitem_3 .item02 .a2 .inp2{ margin-bottom:15px; height:75px; line-height:28px}
}
@media all and (max-width:1200px){
	.cqitem_3{ padding:40px 0; width:92%; margin:0 auto}
	.cqitem_3 .item01{ width:100%; height:auto; padding:40px 20px 100px; height:auto}
	.cqitem_3 .item01 h3{ font-size:24px}
	.cqitem_3 .item01 .intro{ font-size:13px; }
	.cqitem_3 .item01 .intro p{ margin-top:20px}
	.cqitem_3 .item02{ width:100%; padding:40px 20px; height:auto}
	.cqitem_3 .item02 .a1 p{ font-size:12px}
	.cqitem_3 .item02 .a1 h3{ font-size:20px}
	.cqitem_3 .item02 .a2{ padding:0 15px}
	.cqitem_3 .item02 .a2 h3{ font-size:16px}
}



.video{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:99; background:rgba(00,00,00,0.6); display:none}
.video .s1{ width:600px; position:absolute; left:50%; margin-left:-300px; top:50%; transform:translateY(-50%)}
.video .s1 video{ width:100%}
.video .s1 .gb{ background:url(gb.png) center center no-repeat; width:30px; height:30px; background-size:30px; position:absolute; right:0; top:-40px; cursor:pointer}


@media (max-width:750px) {

	.video .s1{ width:80%; margin-left:0;transform:translate(-50%,-50%)}
}