@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:12px; height:12px; border-radius:50%; background:#fff; opacity:1}
.banner .swiper01 .pagination01 span.swiper-pagination-bullet-active{ background:#1d8df4}
@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}
}

.gcon_1{ width:100%;margin-bottom:40px;direction: rtl;text-align:left;}
.gcon_1 .nr{ width:1680px; margin:0 auto}
.gcon_1 .nr .lt{ width:840px; height:560px; 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 .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}
.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:950px; overflow:hidden; position:relative}
.gcon_1 .nr .rt .swiper04 img{ width:100%}

.gcon_1 .nr .rt video{ width:922px; height:478px; float:right; margin-top:70px; background:#000;}

.gcon_1.gcon_1-2 .nr .lt{float:right; padding: 100px 70px 0 180px;}
.gcon_1.gcon_1-2 .rt{float: left;}
.gcon_1.gcon_1-2 .nr .rt .swiper04 {float: left;}


@media all and (max-width:1680px){
	.gcon_1 .nr{ width:1200px;}	
	.gcon_1 .nr .lt{ width:600px; height:475px; 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; height:360px; 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%}
	
	.gcon_1.gcon_1-2 .nr .lt{padding:60px 50px  0 120px}

 }
@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 .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_1.gcon_1-2 .nr .lt{padding:25px}
}

.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;padding-bottom:20px;}
.gcon_2 .hd p{ font-size:16px; color:#343434; text-transform:uppercase}
/*.gcon_2 .bd{ margin-top:55px; width:100%;}*/
.gcon_2 .bd{ margin:55px auto 0 auto; max-width:1680px;}
/*.gcon_2 .bd .item{ width:33.333333333333333333333333333%; float:left; position:relative}*/
.gcon_2 .bd .item{ width:48%; float:left; position:relative;margin-right:4%;    }
.gcon_2 .bd .item:last-of-type{margin-right:0;}
.gcon_2 .bd .item .pic{ width:100%}
.gcon_2 .bd .item .pic img{ width:100%;height: 500px;    object-fit: cover;}
.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(../images/g_04.png) left center no-repeat; width:60px; height:14px}
@media all and (max-width:1680px){
    .gcon_2 .bd{width:92vw;margin: 0 auto}
	.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{width:100%;}
	.gcon_2 .bd .item{ width:92%; margin:0 auto; float:none}
	.gcon_2 .bd .item:last-of-type{margin:0 auto;}
	.gcon_2 .bd .item .pic img{height:auto;}
	.gcon_2 .bd .item .intro .a3{ background-size:auto 10px}
}


.gcon_3{ width:1680px; margin:0 auto; margin-top:75px; background:#ccac6f; padding:60px 0 90px; position:relative}
.gcon_3:after{ content:""; display:block; width:2000px; height:100%; background:#ccac6f; position:absolute; left:100%; top:0}
.gcon_3 .hd{ width:100%; color:#fff; text-align:center}
.gcon_3 .hd h3{ font-size:36px;  font-weight:normal}
.gcon_3 .hd p{ font-size:16px;  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(255,255,255,0.3); padding:80px 50px 60px}
.gcon_3 .bd .swiper03 .swiper-slide:hover{ background:url(../images/g_05.jpg) center center no-repeat; background-size:cover}
.gcon_3 .bd .swiper03 .swiper-slide .a1{ font-size:48px; color:#fff; line-height:1}
.gcon_3 .bd .swiper03 .swiper-slide .a2{ font-size:14px; color:#fff; 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:#fff}
.gcon_3 .bd .swiper03 .swiper-slide .a4{ font-size:12px; color:rgba(255,255,255,0.7); height:105px; margin-top:20px}
.gcon_3 .bd .swiper03 .swiper-slide .a5 a{ display:block; background:url(../images/g_04.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:#e5e5e5; margin:0 10px; opacity:1}
.gcon_3 .bd .swiper03 .pagination03 span.swiper-pagination-bullet-active{ background:#a37f47}
@media all and (max-width:1680px){
	.gcon_3{ width:1200px;}
	.gcon_3 .hd h3{ font-size:24px}
	.gcon_3 .hd p{ font-size:14px}
	.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}
}