@charset "utf-8";
.banner{ width:100%; overflow:hidden; position:relative}
.banner .swiper_banner{ width:100%}
.banner .swiper_banner .swiper-slide{ width:100%}
.banner .swiper_banner .swiper-slide img{ width:100%}
.banner .prev{ width:44px; height:44px; background:url(prev.png) center center no-repeat; position:absolute; left:5%; top:50%; margin-top:-22px; z-index:9; cursor:pointer}
.banner .next{ width:44px; height:44px; background:url(next.png) center center no-repeat; position:absolute; right:5%; top:50%; margin-top:-22px; z-index:9; cursor:pointer}
@media (max-width:1200px) {
	.banner .prev{ width:30px; height:30px; background:url(prev.png) center center no-repeat; position:absolute; left:5%; top:50%; margin-top:-15px; z-index:9; cursor:pointer; background-size:30px}
	.banner .next{ width:30px; height:30px; background:url(next.png) center center no-repeat; position:absolute; right:5%; top:50%; margin-top:-15px; z-index:9; cursor:pointer; background-size:30px}
}
.nr{ width:1300px; margin:0 auto}
@media all and (max-width:1600px){
	.nr{ width:1200px;}
}
@media all and (max-width:1200px){
	.nr{ width:92%;}
}
.gcon_1{ width:100%; padding:80px 0 140px}
.gcon_1 .ihd{ text-align:center; background:url(x1.png) bottom center no-repeat}
.gcon_1 .ihd .en{ text-transform:uppercase; font-size:60px; font-family:impact; line-height:60px; color:rgba(51,51,51,0.1)}
.gcon_1 .ihd h3{ font-size:36px; color:#2c3d55; line-height:36px; padding-bottom:35px; margin-top:-45px}
.gcon_1 .ibd{ margin-top:100px}
.gcon_1 .ibd .pic{ float:right; width:567px; position:relative}
.gcon_1 .ibd .pic .img1{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2}
.gcon_1 .ibd .pic .img2{ width:100%; position:relative; z-index:3; box-shadow:0 0 50px rgba(00,00,00,0.3)}
.gcon_1 .ibd .conts{ float:left; width:610px;}
.gcon_1 .ibd .conts .a{ font-size:30px; color:#fba919; margin-top:35px}
.gcon_1 .ibd .conts .b{ font-size:40px; color:#000000; margin-top:10px}
.gcon_1 .ibd .conts .c{ width:550px; font-size:16px; color:#555555; line-height:2; text-align:justify; margin-top:30px; margin-bottom:40px}
.gcon_1 .ibd .conts .d{ width:100%}
.gcon_1 .ibd .conts .d .item{ float:left; margin-right:85px;}
.gcon_1 .ibd .conts .d .item:nth-child(3){ margin-right:0}
.gcon_1 .ibd .conts .d .item .p1{ font-size:14px; color:#fba919}
.gcon_1 .ibd .conts .d .item .p1 i{ font-size:30px; font-weight:bold; margin-right:10px}
.gcon_1 .ibd .conts .d .item .p2{ font-size:18px; color:#444444}
.gcon_1 .ibd .conts .more a{ display:block; background:url(x18.png) center center no-repeat; width:256px; height:55px; text-align:center; line-height:55px; font-size:22px; color:#fff; font-weight:bold; margin-top:30px}
@media all and (max-width:1600px){
	.gcon_1 .ibd .pic{ width:500px}
	.gcon_1 .ibd .pic .img1{ width:150%}
	.gcon_1 .ibd .conts .a{ font-size:24px;}
	.gcon_1 .ibd .conts .b{ font-size:36px}
	.gcon_1 .ibd .conts .c{ font-size:14px}
	
}
@media all and (max-width:1200px){
	.gcon_1{  padding:40px 0 60px}
	.gcon_1 .ihd{ background-size:50px}
	.gcon_1 .ihd .en{ text-transform:uppercase; font-size:28px; line-height:40px}
	.gcon_1 .ihd h3{ font-size:18px; line-height:24px; padding-bottom:20px; margin-top:-28px}
	.gcon_1 .ibd{ margin-top:40px}
	.gcon_1 .ibd .pic{ width:100%; float:none}
	.gcon_1 .ibd .pic .img1{ display:none}
	.gcon_1 .ibd .pic .img2{ box-shadow:0 0 20px rgba(00,00,00,0.3)}
	.gcon_1 .ibd .conts{ width:100%; left:none}
	.gcon_1 .ibd .conts .a{ font-size:16px; margin-top:20px}
	.gcon_1 .ibd .conts .b{ font-size:24px}
	.gcon_1 .ibd .conts .c{ font-size:12px; margin-top:20px; width:100%; margin-bottom:20px}
	.gcon_1 .ibd .conts .d .item{ width:50%; margin-right:0}
	.gcon_1 .ibd .conts .d .item .p1{ font-size:12px}
	.gcon_1 .ibd .conts .d .item .p1 i{ font-size:24px}
	.gcon_1 .ibd .conts .d .item .p2{ font-size:14px}
	.gcon_1 .ibd .conts .d .item:nth-child(3){ width:100%; margin-top:10px}
	.gcon_1 .ibd .conts .more a{ margin-top:10px; width:150px; background-size:150px 40px;  font-size:14px}

}

.gcon_2{ width:100%; position:relative}
.gcon_2 .pic{ width:100%}
.gcon_2 .pic img{ width:100%;}
.gcon_2 .conts{ position:absolute; left:50%; top:50%; transform:translate(-50%,-80%); z-index:2; color:#fff; text-align:center}
.gcon_2 .conts .a{ font-size:36px}
.gcon_2 .conts .b{ font-size:20px; font-family:Arial, Helvetica, sans-serif; color:rgba(255,255,255,0.5); padding:10px 0 20px}
.gcon_2 .conts .play{ display:inline-block; vertical-align:top; width:200px; height:200px; background-size:66px; cursor:pointer}
.gcon_2 .conts .play .i1{ display:inline-block; vertical-align:top; background:url(x4.png) center center no-repeat; width:66px; height:66px; background-size:66px; cursor:pointer;position:absolute; left:50%; top:50%; margin-top: -33px; margin-left: -33px; z-index:3}

.gcon_2 .conts .play .i2{display:block; width:110px; height:110px; border-radius:50%; background:rgba(255,255,255,0.34); position:absolute; left:50%; top:50%; margin-top: -55px; margin-left: -55px; -webkit-animation: animal 1.5s infinite linear ; z-index:2}
.gcon_2 .conts .play .i3{display:block; width:150px; height:150px; border-radius:50%; background:rgba(255,255,255,0.34); position:absolute; left:50%; top:50%; margin-top: -75px; margin-left: -75px; -webkit-animation: animal 1.5s infinite linear ; z-index:2}

@-webkit-keyframes animal {
  0%{ transform:scale(0.7)
  }
  100%{ transform:scale(1)
  }
  
}


@media all and (max-width:1200px){
	.gcon_2 .conts{ width:92%;transform:translate(-50%,-50%);}
	.gcon_2 .conts .a{ font-size:20px}
	.gcon_2 .conts .b{ font-size:12px}
	.gcon_2 .conts .play{ width:80px; height:80px}
	
	.gcon_2 .conts .play .i1{ display:inline-block; vertical-align:top; background:url(x4.png) center center no-repeat; width:36px; height:36px; background-size:36px; cursor:pointer;position:absolute; left:50%; top:50%; margin-top: -18px; margin-left: -18px; z-index:3}

.gcon_2 .conts .play .i2{display:block; width:60px; height:60px; border-radius:50%; background:rgba(255,255,255,0.34); position:absolute; left:50%; top:50%; margin-top: -30px; margin-left: -30px; -webkit-animation: animal 1.5s infinite linear ; z-index:2}
.gcon_2 .conts .play .i3{display:block; width:80px; height:80px; border-radius:50%; background:rgba(255,255,255,0.34); position:absolute; left:50%; top:50%; margin-top: -40px; margin-left: -40px; -webkit-animation: animal 1.5s infinite linear ; z-index:2}

	
}

.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:800px; position:absolute; left:50%; margin-left:-400px; 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:1200px) {
	.video .s1{ width:80%; margin-left:0;transform:translate(-50%,-50%)}
}

.gcon_3{ width:100%; padding:100px 0 80px}
.gcon_3 .ihd{ text-align:center; background:url(x1.png) bottom center no-repeat}
.gcon_3 .ihd .en{ text-transform:uppercase; font-size:60px; font-family:impact; line-height:60px; color:rgba(51,51,51,0.1)}
.gcon_3 .ihd h3{ font-size:36px; color:#2c3d55; line-height:36px; padding-bottom:35px; margin-top:-45px}
.gcon_3 .ibd{ margin-top:55px}
.gcon_3 .ibd .item{ float:left; width:410px; margin-right:35px; margin-bottom:40px; background:#0174c3; color:#fff}
.gcon_3 .ibd .item:nth-child(3n){ margin-right:0}
.gcon_3 .ibd .item .pic{ width:100%; overflow:hidden}
.gcon_3 .ibd .item .pic img{ width:100%}
.gcon_3 .ibd .item .pic 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_3 .ibd .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.gcon_3 .ibd .item .conts{ width:100%; box-sizing:border-box; padding:20px 25px 35px}
.gcon_3 .ibd .item .conts .time{ font-size:16px; color:rgba(255,255,255,0.5)}
.gcon_3 .ibd .item .conts .ico{ display:inline-block; vertical-align:top; padding:0 20px 0 10px; background:#0e65a1; margin-top:12px}
.gcon_3 .ibd .item .conts .ico i{ display:inline-block; vertical-align:top; background:url(x8.png) left center no-repeat; padding-left:28px; font-size:16px; line-height:38px}
.gcon_3 .ibd .item .conts .title{text-overflow: ellipsis;overflow: hidden;white-space: nowrap; color:#fff; font-size:16px; margin-top:15px}
.gcon_3 .ibd .item .conts .title a{ color:#fff}
.gcon_3 .ibd .item .conts .intro{ font-size:14px; color:rgba(255,255,255,0.5); line-height:22px; height:66px; overflow:hidden; margin-top:10px}
.gcon_3 .ibd .item .conts .more{ width:100%; margin-top:20px;}
.gcon_3 .ibd .item .conts .more a{ display:block; width:110px; height:32px; text-align:center; line-height:32px; border:1px solid rgba(255,255,255,0.2); border-radius:20px; font-size:14px; color:#fff; font-family:Arial, Helvetica, sans-serif; line-height:32px}
@media (max-width:1600px) {
	.gcon_3 .ibd .item{ width:32%; margin-right:2%; margin-bottom:2%}
}
@media (max-width:1200px) {
	.gcon_3{  padding:40px 0 40px}
	.gcon_3 .ihd{ background-size:50px}
	.gcon_3 .ihd .en{ text-transform:uppercase; font-size:28px; line-height:40px}
	.gcon_3 .ihd h3{ font-size:18px; line-height:24px; padding-bottom:20px; margin-top:-28px}
	.gcon_3 .ibd{ margin-top:40px}
	.gcon_3 .ibd .item .conts{ padding:15px 15px 25px}
}
@media (max-width:750px) {
	.gcon_3 .ibd .item{ width:48.5%; margin-right:3%; margin-bottom:3%}
	.gcon_3 .ibd .item:nth-child(3n){ margin-right:3%}
	.gcon_3 .ibd .item:nth-child(2n){ margin-right:0}
	.gcon_3 .ibd .item .conts .time{ font-size:12px}
	.gcon_3 .ibd .item .conts .ico i{ font-size:12px; line-height:30px; background-size:12px; padding-left:20px}
	.gcon_3 .ibd .item .conts .ico{ margin-top:8px}
	.gcon_3 .ibd .item .conts .title{ font-size:14px; margin-top:10px}
	.gcon_3 .ibd .item .conts .intro{ font-size:12px; line-height:20px; height:60px}
	.gcon_3 .ibd .item .conts .more a{ width:90px; height:28px; line-height:28px; font-size:12px}
}
@media (max-width:450px) {
	.gcon_3 .ibd .item{ width:100%; margin-right:0; margin-bottom:3%}
	.gcon_3 .ibd .item:nth-child(3n){ margin-right:0}
	.gcon_3 .ibd .item:nth-child(2n){ margin-right:0}
}

.gcon_4{ width:100%; background:url(x9.jpg) top center no-repeat; padding-top:186px}
.gcon_4 .ihd{ font-size:36px; color:#fff}
.gcon_4 .ihd .b{ font-weight:bold; line-height:1.5; margin-top:10px; margin-bottom:80px}
.gcon_4 .ibd .item{ width:31.5%; height:480px; float:left; margin-right:2.75%; background:#4d5e6e; text-align:center}
.gcon_4 .ibd .item02{ background:#c2a46e}
.gcon_4 .ibd .item03{ margin-right:0; background:#008ed5}
.gcon_4 .ibd .item .pic{ margin-top:100px}
.gcon_4 .ibd .item .a{ font-size:26px; color:#fff; margin-top:30px}
.gcon_4 .ibd .item .b{ font-size:20px; font-family:Arial, Helvetica, sans-serif; color:rgba(255,255,255,0.2)}
.gcon_4 .ibd .item .c{ margin-top:60px}
.gcon_4 .ibd .item .c i{ display:inline-block; vertical-align:top; font-size:18px; color:rgba(255,255,255,0.5); padding:10px 60px; border:2px solid #fff; border-radius:30px}
@media (max-width:1200px) {
	.gcon_4{ background:#0174c3; padding:40px 0}
	.gcon_4 .ihd{ font-size:20px}
	.gcon_4 .ihd .b{ margin-bottom:0}
	.gcon_4 .ibd .item{ width:100%; margin:0; height:auto; padding:40px 0; margin-top:25px}
	.gcon_4 .ibd .item .pic{ margin-top:0}
	.gcon_4 .ibd .item .pic img{ height:40px}
	
	.gcon_4 .ibd .item .a{ font-size:16px; color:#fff; margin-top:20px}
	.gcon_4 .ibd .item .b{ font-size:14px;}
	.gcon_4 .ibd .item .c{ margin-top:30px}
	.gcon_4 .ibd .item .c i{ font-size:14px;padding:5px 30px; border:1px solid #fff;}
}



.gcon_5{ width:100%; padding:100px 0 0}
.gcon_5 .ihd{ text-align:center; background:url(x1.png) bottom center no-repeat}
.gcon_5 .ihd .en{ text-transform:uppercase; font-size:60px; font-family:impact; line-height:60px; color:rgba(51,51,51,0.1)}
.gcon_5 .ihd h3{ font-size:36px; color:#2c3d55; line-height:36px; padding-bottom:35px; margin-top:-45px}
.gcon_5 .ibd{ margin-top:80px}
.gcon_5 .ibd .item{ width:100%; background:#f7eede}
.gcon_5 .ibd .item .pic{ width:50%; float:right; overflow:hidden}
.gcon_5 .ibd .item2{ background:#e8edf1}
.gcon_5 .ibd .item2 .pic{ float:left;}
.gcon_5 .ibd .item .pic img{ width:100%}
.gcon_5 .ibd .item .conts{ width:50%; float:left; box-sizing:border-box; padding:60px 40px 0}
.gcon_5 .ibd .item .conts .title{ font-size:30px; color:#2c3d55; font-weight:bold}
.gcon_5 .ibd .item .conts .title a{ color:#333}
.gcon_5 .ibd .item .conts .intro{ font-size:16px; color:rgba(51,51,51,0.8); text-align:justify; line-height:30px; padding:20px 0}
.gcon_5 .ibd .item .conts .more a{ display:inline-block; vertical-align:top; background:url(x13.png) right center no-repeat; padding-right:50px; font-size:14px; color:rgba(51,51,51,0.5); line-height:30px}
.gcon_5 .ibd .item .pic 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_5 .ibd .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
@media (max-width:1600px) {
	.gcon_5 .ibd .item .conts{ padding:40px}
	.gcon_5 .ibd .item .conts .intro{ font-size:15px}
}
@media (max-width:1200px) {
	.gcon_5{  padding:40px 0 0}
	.gcon_5 .ihd{ background-size:50px}
	.gcon_5 .ihd .en{ text-transform:uppercase; font-size:28px; line-height:40px}
	.gcon_5 .ihd h3{ font-size:18px; line-height:24px; padding-bottom:20px; margin-top:-28px}
	.gcon_5 .ibd{ margin-top:30px}
	.gcon_5 .ibd .item{ margin-bottom:15px}
	.gcon_5 .ibd .item .pic{ width:100%; float:none}
	.gcon_5 .ibd .item .conts{ width:100%; padding:20px 15px}
	.gcon_5 .ibd .item .conts .title{ font-size:18px}
	.gcon_5 .ibd .item .conts .intro{ font-size:12px; padding:10px 0; line-height:24px}
	.gcon_5 .ibd .item .conts .more a{ font-size:12px; padding-right:30px; background-size:20px; text-transform:uppercase}
}

.gcon_6{ width:100%; padding:100px 0 90px}
.gcon_6 .ihd{ text-align:center; background:url(x1.png) bottom center no-repeat}
.gcon_6 .ihd .en{ text-transform:uppercase; font-size:60px; font-family:impact; line-height:60px; color:rgba(51,51,51,0.1)}
.gcon_6 .ihd h3{ font-size:36px; color:#2c3d55; line-height:36px; padding-bottom:35px; margin-top:-45px}
.gcon_6 .ibd{ margin-top:80px}
.gcon_6 .ibd .item{ width:100%; background:#ede7e0; position:relative}
.gcon_6 .ibd .item .pic{ width:100%; overflow:hidden}
.gcon_6 .ibd .item .pic img{ width:100%}
.gcon_6 .ibd .item .conts{ width:50%;box-sizing:border-box; padding:90px 40px 0; position:absolute; left:0; top:0}
.gcon_6 .ibd .item2{ background:#e9f3fa}
.gcon_6 .ibd .item2 .conts{ left:auto; right:0;}
.gcon_6 .ibd .item .conts .title{ font-size:30px; color:#2c3d55; font-weight:bold}
.gcon_6 .ibd .item .conts .title a{ color:#333}
.gcon_6 .ibd .item .conts .intro{ font-size:16px; color:rgba(51,51,51,0.8); text-align:justify; line-height:30px; padding:20px 0}
.gcon_6 .ibd .item .conts .more a{ display:inline-block; vertical-align:top; background:url(x13.png) right center no-repeat; padding-right:50px; font-size:14px; color:rgba(51,51,51,0.5); line-height:30px}
.gcon_6 .ibd .item .pic 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_6 .ibd .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
@media (max-width:1600px) {
	.gcon_6 .ibd .item .conts{ padding:70px 40px 0}
	
}
@media (max-width:1200px) {
	.gcon_6{  padding:40px 0 20px}
	.gcon_6 .ihd{ background-size:50px}
	.gcon_6 .ihd .en{ text-transform:uppercase; font-size:28px; line-height:40px}
	.gcon_6 .ihd h3{ font-size:18px; line-height:24px; padding-bottom:20px; margin-top:-28px}	
	.gcon_6 .ibd{ margin-top:30px}
	.gcon_6 .ibd .item{ margin-bottom:15px}
	.gcon_6 .ibd .item .pic{ width:100%; float:none}
	.gcon_6 .ibd .item .conts{ width:100%; padding:20px 15px;}
	.gcon_6 .ibd .item .conts .title{ font-size:18px}
	.gcon_6 .ibd .item .conts .intro{ font-size:12px; padding:10px 0; line-height:24px}
	.gcon_6 .ibd .item .conts .more a{ font-size:12px; padding-right:30px; background-size:20px; text-transform:uppercase}
}
@media (max-width:750px) {
	.gcon_6 .ibd .item .conts{ position:relative}
}