﻿
.banner{ width:100%; margin:0 auto; position:relative}
.banner .swiper01{ width:100%; overflow:hidden}
.banner .swiper01 .swiper-slide{ width:100%; position:relative}
.banner .swiper01 .swiper-slide .item{ position:absolute; left:calc(50% - 750px); top:50%; transform:translateY(-50%); color:#fff; z-index:3}
.banner .swiper01 .swiper-slide .item .cn{ font-size:50px}
.banner .swiper01 .swiper-slide .item .en{ font-size:16px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; margin-top:25px; width:760px; height:100px;}
.banner .swiper01 .swiper-slide .item .tit{ background:url(../image/g_07.png) left center no-repeat; padding-left:60px; font-size:16px; color:#fff; line-height:48px}
.banner .swiper01 img{ width:100%; height:auto}
.banner .swiper01 .img1{ display:block}
.banner .swiper01 .img2{ display:none}
.banner .prev01{ background:url(../image/prev.png) center center no-repeat; width:26px; height:36px; cursor:pointer; position:absolute; left:4%; top:50%; margin-top:-18px; z-index:9}
.banner .next01{ background:url(../image/next.png) center center no-repeat; width:26px; height:36px; cursor:pointer; position:absolute; right:4%; top:50%; margin-top:-18px; z-index:9}
.banner .swiper01 .pagination01{ width:100%; font-size:0; text-align:center; position:absolute; left:0; bottom:40px; z-index:9}
.banner .swiper01 .pagination01 span{ display:inline-block; vertical-align:top;  margin:0 5px; background:#fff; border-radius:50%; opacity:1;  width:16px; height:16px;  border-radius:50%; background:#fff}
.banner .swiper01 .pagination01 span.swiper-pagination-bullet-active{ background:#931d22;}
@media (max-width: 1740px){
	.banner .swiper01 .swiper-slide .item{ left:calc(50% - 550px);}
	.banner .swiper01 .swiper-slide .item .cn{ font-size:40px}
	
}
@media (max-width: 1200px){
	.banner .prev01,.banner .next01{ width:16px; background-size:16px}
	.banner .swiper01 .pagination01{ bottom:10px}
	.banner .swiper01 .pagination01 span{ width:8px; height:8px; margin:0 4px; background-size:auto 10px}
	.banner .swiper01 .pagination01 span.swiper-pagination-bullet-active{background-size:auto 10px}
	.banner .swiper01 .img2{ display:block}
	.banner .swiper01 .img1{ display:none}
	.banner .swiper01 .swiper-slide .item{ left:10%; width:80%}
	.banner .swiper01 .swiper-slide .item .cn{ font-size:16px}
	.banner .swiper01 .swiper-slide .item .en{ font-size:12px; width:100%; margin-top:10px; height:auto}
	.banner .swiper01 .swiper-slide .item .tit{ background-size:20px; line-height:20px; padding-left:30px; font-size:12px; margin-top:10px}
	
	
	
}
.container{}

.gcon_1{ padding:80px; background:url(../image/m1.jpg) center center no-repeat; background-size:cover}
.gcon_1 .lt{ width:770px; float:left}
.gcon_1 .lt .swiper1{ width:100%; overflow:hidden; border-radius:10px; position:relative}
.gcon_1 .lt .swiper1 .prev1{ background:url(../image/prev.png) center center no-repeat; width:20px; height:36px; cursor:pointer; position:absolute; left:4%; top:50%; margin-top:-18px; z-index:9; background-size:20px}
.gcon_1 .lt .swiper1 .next1{ background:url(../image/next.png) center center no-repeat; width:20px; height:36px; cursor:pointer; position:absolute; right:4%; top:50%; margin-top:-18px; z-index:9; background-size:20px}
.gcon_1 .lt .swiper1 .swiper-slide{ width:100%; position:relative}
.gcon_1 .lt .swiper1 .swiper-slide .pic{ width:100%; overflow:hidden}
.gcon_1 .lt .swiper1 .swiper-slide .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.gcon_1 .lt .swiper1 .swiper-slide: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_1 .lt .swiper1 .swiper-slide .title{ width:100%; position:absolute; left:0; bottom:0; z-index:2; color:#fff; z-index:2}
.gcon_1 .lt .swiper1 .swiper-slide span{ display:block; width:100%; height:100%; background:url(../image/g_17.png) bottom center no-repeat; background-size:100%; position:absolute; left:0; bottom:0; z-index:1}
.gcon_1 .lt .swiper1 .swiper-slide .title .n1{ float:left; margin-left:4%; font-size:20px; line-height:60px; width:calc(100% - 150px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_1 .lt .swiper1 .swiper-slide .title .n2{ float:right; margin-right:4%; font-size:16px; line-height:60px}
.gcon_1 .rt{ width:874px; float:right}
.gcon_1 .rt .ihd{ width:100%; background:url(../image/m2.png) left center no-repeat; padding-left:36px; position:relative}
.gcon_1 .rt .ihd .cn{ font-size:28px; color:#000000; line-height:1; font-weight:bold }
.gcon_1 .rt .ihd .cn i{ color:#931d22}
.gcon_1 .rt .ihd .en{ font-size:14px; color:#999999; text-transform:uppercase; margin-top:10px}
.gcon_1 .rt .ihd .more{ position:absolute; top:50%; transform:translateY(-50%); z-index:2; right:50px;}
.gcon_1 .rt .ihd .more a{ font-size:14px; color:#bcbcbc}
.gcon_1 .rt .ibd{ padding-top:10px}
.gcon_1 .rt .ibd .item{ margin-top:25px}
.gcon_1 .rt .ibd .item .title{ display:block; float:left; background:url(../image/g_06.jpg) left center no-repeat; padding-left:26px; font-size:16px; color:#666666; line-height:25px; width:calc(100% - 120px); box-sizing:border-box;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_1 .rt .ibd .item .time{ display:block; float:right; font-size:14px; color:#bfbfc1; line-height:25px}
.gcon_1 .rt .ibd .item:hover .title{ color:#18254b; padding-left:40px}
@media (max-width: 1740px){
	.gcon_1 .lt{ width:570px}
	.gcon_1 .rt{ width:585px}
	.gcon_1 .lt .swiper1 .swiper-slide .title .n1{ font-size:16px}
	.gcon_1 .lt .swiper1 .swiper-slide .title .n2{ font-size:14px}
	.gcon_1 .rt .ihd{}
	.gcon_1 .rt .ihd .cn{ font-size:24px; color:#000000; line-height:1;}
	.gcon_1 .rt .ihd .en{ font-size:12px; color:#999999; text-transform:uppercase; margin-top:6px}
	.gcon_1 .rt .ihd .more{ right:30px}
	.gcon_1 .rt .ibd{ padding-top:5px}
	.gcon_1 .rt .ibd .item{ margin-top:9px}
	.gcon_1 .rt .ibd .item .title{ font-size:14px}
	.gcon_1 .rt .ibd .item .time{ font-size:12px}

}
@media (max-width: 1200px){
	.gcon_1{ padding:40px 0}
	.gcon_1 .lt{ width:100%}
	.gcon_1 .rt{ width:100%; margin-top:20px}
	.gcon_1 .rt .ihd{  padding-left:20px; background-size:4px 36px}
	.gcon_1 .rt .ihd .cn{ font-size:20px; }
	.gcon_1 .rt .ihd .en{ font-size:12px; margin-top:6px}
	.gcon_1 .rt .ibd .item .title{ font-size:14px; padding-left:20px}
	.gcon_1 .rt .ihd .more{ right:20px;}
	.gcon_1 .rt .ihd .more a{ font-size:12px}
}

.gcon_2{ position:relative}
.gcon_2 .swiper31{ width:100%; overflow:hidden}
.gcon_2 .swiper31 .swiper-slide{ width:100%; position:relative; overflow:hidden}
.gcon_2 .swiper31 .swiper-slide .pic{ width:100%}
.gcon_2 .swiper31 .swiper-slide .pic img{ width:100%}
.gcon_2 .swiper31 .swiper-slide .pic .img1{ display:block}
.gcon_2 .swiper31 .swiper-slide .pic .img2{ display:none}
.gcon_2 .swiper31 .swiper-slide .item{ position:absolute; left:10%; top:18%; width:730px;color:#fff; z-index:2}
.gcon_2 .swiper31 .swiper-slide .item .title{ font-size:52px; line-height:1;}
.gcon_2 .swiper31 .swiper-slide .item .intro{ font-size:16px; margin-top:25px; line-height:2;}
.gcon_2 .swiper31 .swiper-slide .item .more{ background:url(../image/g_07.png) left center no-repeat; line-height:48px; padding-left:56px; color:#fff; font-size:14px; margin-top:50px}
.gcon_2 .swiper32{ width:100%; position:absolute; left:0; bottom:0; z-index:2; height:246px; padding-top:20px}
.gcon_2 .swiper32 .swiper-slide{ border-right:1px solid rgba(255,255,255,0.1); text-align:center; color:#fff; font-size:0; box-sizing:border-box; height:100%; box-sizing:border-box; padding:30px 0 0 0; cursor:pointer; background:rgba(61,61,61,0.74); transition:all 0.5s; top:0;}
.gcon_2 .swiper32 .swiper-slide:last-child{ border-right:0}
.gcon_2 .swiper32 .swiper-slide .pic{}
.gcon_2 .swiper32 .swiper-slide .pic img{ height:40px; width:auto}
.gcon_2 .swiper32 .swiper-slide .en{ font-size:20px; font-family:"黑体"; text-transform:uppercase; line-height:28px; opacity:0.74; margin-top:25px}
.gcon_2 .swiper32 .swiper-slide .title{ display:inline-block; vertical-align:top; font-size:24px; line-height:1; margin-top:20px}
.gcon_2 .swiper32 .swiper-slide.swiper-slide-thumb-active{ height:268px; top:-22px; background:#18254b; border:0; border-bottom:6px solid #931d22; border-radius:10px 10px 0 0; padding:52px 0 0 0}
@media (max-width: 1740px){
	.gcon_2 .swiper31 .swiper-slide .item{}
	.gcon_2 .swiper31 .swiper-slide .item .title{ font-size:32px;}
	.gcon_2 .swiper31 .swiper-slide .item .intro{ font-size:15px}
	.gcon_2 .swiper32{ height:180px; padding-top:20px}
	.gcon_2 .swiper32 .swiper-slide{ height:180px; padding:20px 0 0 0}
	.gcon_2 .swiper32 .swiper-slide .pic img{ height:40px}
	.gcon_2 .swiper32 .swiper-slide .en{ font-size:16px; margin-top:15px; line-height:20px}
	.gcon_2 .swiper32 .swiper-slide .title{ font-size:16px; line-height:30px; margin-top:12px}
	.gcon_2 .swiper32 .swiper-slide.swiper-slide-thumb-active{ height:200px; top:-20px; padding:40px 0 0 0}
}
@media (max-width: 1200px){
	.gcon_2{ }
	.gcon_2 .swiper31 .swiper-slide .item{ width:92%; top:50%; transform:translateY(-50%)}
	.gcon_2 .swiper31 .swiper-slide .item .title{ font-size:20px;}
	.gcon_2 .swiper31 .swiper-slide .item .intro{ font-size:12px; margin-top:15px; width:90%}
	.gcon_2 .swiper31 .swiper-slide .item .more{ background-size:24px; padding-left:36px; line-height:30px; margin-top:10px; font-size:12px}
	.gcon_2 .swiper31 .swiper-slide .pic .img2{ display:block}
	.gcon_2 .swiper31 .swiper-slide .pic .img1{ display:none}
	.gcon_2 .swiper31:after{ bottom:60px}
	.gcon_2 .swiper32{ width:100%; margin:0; left:0; height:60px}
	.gcon_2 .swiper32 .swiper-slide{ padding:18px 0}
	.gcon_2 .swiper32 .swiper-slide .pic{margin-right:5px}
	.gcon_2 .swiper32 .swiper-slide .pic img{ height:24px; }
	.gcon_2 .swiper32 .swiper-slide .title{ font-size:12px; line-height:24px}
	.gcon_2 .swiper32{ position:relative}
	.gcon_2 .swiper32{ height:auto; padding:0}
	.gcon_2 .swiper32 .swiper-slide{ height:auto;padding:10px 0; transition:all 0s;background:rgba(61,61,61,1);}
	.gcon_2 .swiper32 .swiper-slide .pic img{ height:20px}
	.gcon_2 .swiper32 .swiper-slide .en{ display:none}
	.gcon_2 .swiper32 .swiper-slide .title{ font-size:12px; line-height:30px; margin-top:8px}
	.gcon_2 .swiper32 .swiper-slide.swiper-slide-thumb-active{ height:auto; padding:10px 0; top:auto; border-bottom:2px solid #931d22; border-radius:0}
	
}
.gcon_3{ width:100%; margin-top:135px; margin-bottom:135px}
.gcon_3 .item{ float:left; width:372px; margin-right:17px; position:relative; color:#fff; border-radius:10px; overflow:hidden}
.gcon_3 .item:nth-child(2n){ width:472px}
.gcon_3 .item:last-child{ margin-right:0}
.gcon_3 .item .pic{ width:100%; overflow:hidden}
.gcon_3 .item .pic img{ width:100%}
.gcon_3 .item .cont{ position:absolute; left:40px; top:40px; color:#fff}
.gcon_3 .item .cont .cn{ font-size:18px; font-weight:bold; line-height:1}
.gcon_3 .item .cont .en{ font-size:40px; line-height:1; font-family:"黑体"; text-transform:uppercase; font-weight:bold; margin-top:10px}
.gcon_3 .item .pic img{ width:100% ;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 .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: 1740px){
	.gcon_3{ margin-top:75px; margin-bottom:75px}
	.gcon_3 .item{  width:256px; margin-right:12px;}
	.gcon_3 .item:nth-child(2n){ width:326px}
	.gcon_3 .item .cont{ left:30px; top:30px}
	.gcon_3 .item .cont .cn{ font-size:16px; }
	.gcon_3 .item .cont .en{ font-size:30px; }
}
@media (max-width: 1200px){
	.gcon_3{ margin-top:40px; margin-bottom:40px}
	.gcon_3 .item{  width:44%; margin-right:0;}
	.gcon_3 .item:nth-child(2n){ width:54%}
	.gcon_3 .item:nth-child(2){ margin-left:2%;}
	.gcon_3 .item:nth-child(3){ float:right; margin-top:2%}
	.gcon_3 .item:nth-child(4){ margin-top:2%}
	.gcon_3 .item .cont{ left:10%; top:15%}
	.gcon_3 .item .cont .cn{ font-size:14px; }
	.gcon_3 .item .cont .en{ font-size:20px; }
}

.gcon_4{ width:100%; background:url(../image/g_12.jpg) center center no-repeat; background-size:cover; padding:145px 0 360px; color:#fff; margin-top:110px; }
.gcon_4 .lt{ float:left; margin-left:60px}
.gcon_4 .lt .title{ font-size:20px;}
.gcon_4 .lt .intro{ font-size:35px; margin-top:15px}
.gcon_4 .rt{ float:right; margin-right:175px}
.gcon_4 .rt .play{ display:block; background:url(../image/g_11.png) center center no-repeat; width:66px; height:66px; background-size:contain; cursor:pointer; margin-top:35px}
.gcon_5{ background:url(../image/g_13.jpg) center center no-repeat; height:214px; background-size:cover; }
.gcon_5 .nr{ top:-190px; box-shadow:0 0 15px rgba(00,00,00,0.15); z-index:9; position:relative; background:#fff; border-radius:15px; padding:75px 0}
.gcon_5 .nr .item{ width:25%; float:left; text-align:center; border-right:1px solid #e5e5e5; box-sizing:border-box}
.gcon_5 .nr .item .p1{ font-size:70px; color:#262626; font-family:Arial, Helvetica, sans-serif; line-height:1}
.gcon_5 .nr .item .p1 span{ font-size:55px}
.gcon_5 .nr .item .p2{ font-size:20px; color:#686868; line-height:1; margin-top:15px}
@media (max-width: 1740px){
	.gcon_4{ margin-top:75px; padding:120px 0 300px}
	.gcon_4 .lt{ margin-left:0}
	.gcon_4 .rt{ margin-right:0}
	.gcon_4 .lt .title{ font-size:18px;}
	.gcon_4 .lt .intro{ font-size:30px; }
	.gcon_5{ height:180px}
	.gcon_5 .nr{ top:-130px; padding:50px 0}
	.gcon_5 .nr .item .p1{ font-size:60px }
	.gcon_5 .nr .item .p1 span{ font-size:45px }
	.gcon_5 .nr .item .p2{ font-size:16px }
}
@media (max-width: 1200px){
	.gcon_4{ margin-top:40px; padding:60px 0 100px}
	.gcon_4 .lt{ margin-left:0; width:100%}
	.gcon_4 .rt{ margin-right:0; width:100%; margin-top:20px}
	.gcon_4 .rt .play{ width:50px; height:50px; margin:0 auto}
	.gcon_4 .lt .title{ font-size:14px; text-align:center}
	.gcon_4 .lt .intro{ font-size:18px; text-align:center }
	.gcon_5{ height:120px}
	.gcon_5 .nr{ top:-80px; padding:10px 0}
	.gcon_5 .nr .item{ width:50%; margin:10px 0}
	.gcon_5 .nr .item .p1{ font-size:30px }
	.gcon_5 .nr .item .p1 span{ font-size:20px }
	.gcon_5 .nr .item .p2{ font-size:12px; margin-top:10px }
	.gcon_5 .nr .item:nth-child(2n){ border:0}
}

.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(../image/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%)}
}


























































































