@charset "utf-8";
.container { position: relative; width: 100%; }
.section { position:relative; width:100%; height:100%; overflow:hidden!important }

.section1{ width:100%; height:100%}
.section1 .swiper-container-1{ width:100%; height:100%; position:relative}
.section1 .swiper-container-1 .swiper-wrapper{width:100%; height:100%}
.section1 .swiper-container-1 .swiper-wrapper .swiper-slide{width:100%; height:100%}
.section1 .swiper-container-1 .swiper-wrapper .swiper-slide .pic{width:100%; height:100%}
.section1 .swiper-container-1 .swiper-wrapper .swiper-slide .pic a{width:100%; height:100%; display:block}

.swiper-pagination-1 { position:relative!important; bottom:80px!important; text-align:left!important; margin:0 auto; background:url(hd.png) repeat-x left 10px; }
.swiper-pagination-1 .swiper-pagination-bullet { width:28px; text-align:center; padding-top:25px; background:url(hd01.png) no-repeat top center; font-size:14px; color:#fff; margin:0 0 0 30px!important; opacity: 1; }
.swiper-pagination-1 .swiper-pagination-bullet-active { background:url(hd02.png) no-repeat top center; color:#00b2ff; }
.section1 .swiper-container-1-sj{ display:none}
@media (max-width:640px) {
	.section1 .swiper-container-1-sj{ display:block}
	.section1 .swiper-container-1-pc{ display:none}
}

/*第二屏*/
.section2{ width:100%; height:100%; background:url(g_10.jpg) center center no-repeat; background-size:cover}
.section2 .x2{ width:100%; position:absolute; left:0; top:14%}
.section2 .x2 .s1{ width:100%; text-align:center}
.section2 .x2 .s1 h3{ font-size:56px; font-family:Arial; line-height:1; color:rgba(26,26,26,0.1); text-transform:uppercase}
.section2 .x2 .s1 h4{ font-size:36px;line-height:1; color:rgba(26,26,26,1); font-weight:normal; margin-top:-20px}
.section2 .x2 .s2{ width:1600px; margin:0 auto; margin-top:35px}
.section2 .x2 .s2 .lt{ width:860px; height:650px; background:rgba(255,255,255,0.7); float:left; box-sizing:border-box; padding:25px;}
.section2 .x2 .s2 .lt .m1{ width:100%; line-height:30px; padding:20px 0; border-bottom:1px solid #dedede}
.section2 .x2 .s2 .lt .m1 .m1_1{ float:left; font-size:20px; color:#262626}
.section2 .x2 .s2 .lt .m1 .m1_2{ float:right}
.section2 .x2 .s2 .lt .m1 .m1_2 a{ display:block; float:left; line-height:30px; padding:0 16px; font-size:14px; color:#838383; background:url(g_44.jpg) right center  no-repeat}
.section2 .x2 .s2 .lt .m1 .m1_2 a:hover{ color:#1d6ebf}
.section2 .x2 .s2 .lt .m1 .m1_2 a:last-child{ padding-right:0; background:none}
.section2 .x2 .s2 .lt .m2{ font-size:14px; color:#8c8c8c; padding:30px 0; line-height:25px}
.section2 .x2 .s2 .lt .m3{ width:100%}
.section2 .x2 .s2 .lt .m3 a{ display:inline-block; vertical-align:top; background:url(g_05.png) right center no-repeat; padding-right:65px; font-size:14px; color:#3d3c3a}
.section2 .x2 .s2 .lt .m4{ width:100%; margin-top:120px}
.section2 .x2 .s2 .lt .m4 ul li{ width:23%; float:left; text-align:center; background:url(g_43.png) right center no-repeat}
.section2 .x2 .s2 .lt .m4 ul li .p1{ font-size:18px; color:#333333}
.section2 .x2 .s2 .lt .m4 ul li .p2{ font-size:24px; color:#1a1a1a}
.section2 .x2 .s2 .lt .m4 ul li .p2 i{ font-size:48px; font-family:Arial, Helvetica, sans-serif; color:#1d6ebf}
.section2 .x2 .s2 .lt .m4 ul li:nth-child(3){ width:27%}
.section2 .x2 .s2 .lt .m4 ul li:nth-child(4){ width:27%; background:none}
.section2 .x2 .s2 .rt{ width:700px; float:right}
.section2 .x2 .s2 .rt .m1{ position:relative; width:100%; overflow:hidden }
.section2 .x2 .s2 .rt .m1 img{ width:100%}
.section2 .x2 .s2 .rt .m1 a{ display:block; width:100%; height:100%; position:relative}
.section2 .x2 .s2 .rt .m1 a img{ width:100%}
.section2 .x2 .s2 .rt .m1 a img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.section2 .x2 .s2 .rt .m1:hover a 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);}

.section2 .x2 .s2 .rt .m1 a .a1{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:9;}
.section2 .x2 .s2 .rt .m1 a .a1 .a2{ width:100%; height:130px; position:absolute; left:0; top:50%; margin-top:-65px; text-align:center; color:#fff}
.section2 .x2 .s2 .rt .m1 a .a1 .a2 span{ display:block; width:100%; height:70px; background:url(g_06.png) top center no-repeat}
.section2 .x2 .s2 .rt .m1 a .a1 .a2 h4{ font-size:28px}
.section2 .x2 .s2 .rt .m1 a .a1 .a2 p{ font-size:14px}
.section2 .x2 .s2 .rt .m2{ margin-top:30px;}
.section2 .x2 .s2 .rt .m2 a .a1 .a2 span{background:url(g_08.png) top center no-repeat}
@media (max-width:1600px) {
	.section2 .x2{}
	.section2 .x2 .s2{ width:1440px;}
	.section2 .x2 .s2 .lt{ width:760px; height:100%}
	.section2 .x2 .s2 .lt .m4{margin-top:60px}
	.section2 .x2 .s2 .rt{ width:640px}
	.section2 .x2 .s2 .rt .m1{ height:245px; overflow:hidden}
	.section2 .x2 .s2 .rt .m2{ height:245px; overflow:hidden; margin-top:22px}
}
@media (max-width:1440px) {
	.section2 .x2{ }
	.section2 .x2 .s2{ width:1200px;}
	.section2 .x2 .s2 .lt{ width:660px; height:100%}
	.section2 .x2 .s2 .lt .m2{ height:70px; overflow:hidden}
	.section2 .x2 .s2 .lt .m3{ margin-top:20px}
	.section2 .x2 .s2 .lt .m4{ margin-top:40px}
	.section2 .x2 .s2 .lt .m4 ul li .p1{ font-size:14px}
	.section2 .x2 .s2 .lt .m4 ul li .p2{ font-size:16px}
	.section2 .x2 .s2 .rt{ width:500px}
	.section2 .x2 .s2 .rt .m1{ height:205px; overflow:hidden}
	.section2 .x2 .s2 .rt .m2{ height:205px; overflow:hidden; margin-top:16px}
	.section2 .x2 .s2 .rt .m2 i{ font-size:26px}
}
@media (max-width:1200px) {
	.section2 .x2{ width:90%; left:5%}
	.section2 .x2 .s2{ width:100%; float:none}
	.section2 .x2 .s2 .lt{ float:none}
	.section2 .x2 .s2 .lt .m2{ height:auto}
	.section2 .x2 .s2 .lt{ width:100%}
	.section2 .x2 .s2 .rt{ display:none}
}
@media (max-width:640px) {
	.section2 .x2{ top:calc( 50% + 30px ); left:50%; transform:translate(-50%,-50%); height:auto}
	.section2 .x2 .s1 h3{ font-size:30px; display:none}
	.section2 .x2 .s1 h4{ font-size:22px; margin-top:0}
	.section2 .x2 .s2{ margin-top:15px}
	.section2 .x2 .s2 .lt{ padding:10px}
	.section2 .x2 .s2 .lt .m1{ padding:10px 0;}
	.section2 .x2 .s2 .lt .m1 .m1_1{ font-size:16px}
	.section2 .x2 .s2 .lt .m1 .m1_2 a{ font-size:12px; padding:0 10px}
	.section2 .x2 .s2 .lt .m2{ font-size:12px; height:60px; padding:15px 0}
	.section2 .x2 .s2 .lt .m3{ margin-top:10px}
	.section2 .x2 .s2 .lt .m3 a{ font-size:12px; padding-right:30px; background-size:25px}
	.section2 .x2 .s2 .lt .m4{ margin-top:20px}
	.section2 .x2 .s2 .lt .m4 ul li{ width:50%!important; margin-bottom:15px}
	.section2 .x2 .s2 .lt .m4 ul li:nth-child(2n){ background:none}
	.section2 .x2 .s2 .lt .m4 ul li .p1{ font-size:12px}
	.section2 .x2 .s2 .lt .m4 ul li .p2{ font-size:14px}
	.section2 .x2 .s2 .lt .m4 ul li .p2 i{ font-size:20px}
	.section2 .x2 .s2 .rt{ display:block; width:100%; margin-top:15px}
	.section2 .x2 .s2 .rt .m1{ max-height:100px}
	.section2 .x2 .s2 .rt .m2{ max-height:100px; margin-top:15px}
	.section2 .x2 .s2 .rt .m1 a .a1 .a2{ height:52px; margin-top:-26px}
	.section2 .x2 .s2 .rt .m1 a .a1 .a2 span{ height:30px; background-size:25px}
	.section2 .x2 .s2 .rt .m1 a .a1 .a2 h4{ font-size:16px}
	.section2 .x2 .s2 .rt .m1 a .a1 .a2 p{ font-size:10px}
	.section2 .x2 .s2 .rt .m1 a img{ display:none}
	.section2 .x2 .s2 .rt .m1 a{ background:url(g_07.jpg) center center no-repeat; background-size:cover}
	.section2 .x2 .s2 .rt .m1.m2 a{ background:url(g_09.jpg) center center no-repeat; background-size:cover}
}
@media (max-width:475px) {
	.section2 .x2{}
	.section2 .x2 .s2 .lt .m1{ padding:5px 0}
	.section2 .x2 .s2 .lt .m2{ padding:10px 0}
	.section2 .x2 .s2 .lt .m4{ margin-top:10px}
	.section2 .x2 .s1 h4{}
	.section2 .x2 .s2 .lt .m1 .m1_2{ display:none}
	.section2 .x2 .s2 .lt .m4 ul li{ margin-bottom:15px}
	.section2 .x2 .s2 .lt .m4 ul li:nth-child(3),.section2 .x2 .s2 .lt .m4 ul li:nth-child(4){ margin-bottom:0}
	.section2 .x2 .s2 .rt .m1{ width:49%; float:left}
	.section2 .x2 .s2 .rt .m2{ margin-top:0; float:right}
	.section2 .x2 .s2 .rt .m1 a .a1 .a2 p{ display:none}
	
	
}

/*第三屏*/
.section3{ width:100%; height:100%; background:url(g_18.jpg) center center no-repeat; background-size:cover}
.section3 .x3{ width:100%; position:absolute; left:0; top:14%}
.section3 .x3 .s1{ width:100%; text-align:center}
.section3 .x3 .s1 h3{ font-size:56px; font-family:Arial; line-height:1; color:rgba(26,26,26,0.1)}
.section3 .x3 .s1 h4{ font-size:36px;line-height:1; color:rgba(26,26,26,1); font-weight:normal; margin-top:-20px}
.section3 .x3 .s2{ width:100%; text-align:center; margin-top:35px}
.section3 .x3 .s2 ul li{ display:inline-block; vertical-align:top; width:128px; height:128px; transition:all 0.3s linear}
.section3 .x3 .s2 ul li a{ display:block; width:100%; height:100%}
.section3 .x3 .s2 ul li a span{ display:block; width:100%; height:50px; background:url(g_13.png) center center no-repeat; margin-top:33px; transition:all 0.3s linear}
.section3 .x3 .s2 ul li a i{ font-size:16px; color:#1d6ebf; font-weight:bold}
.section3 .x3 .s2 ul li a{ background:url(g_11.png) center 0% no-repeat; background-size:0}
.section3 .x3 .s2 ul li:hover{ background:#1d6ebf; box-shadow:0 0 10px rgba(00,00,00,0.1)}
.section3 .x3 .s2 ul li:hover a i{ color:#fff}
.section3 .x3 .s2 ul li:hover a{ background:url(g_11.png) center 70% no-repeat}
.section3 .x3 .s2 ul li:hover a span{ background:url(g_12.png) center center no-repeat; margin-top:16px}
.section3 .x3 .s3{ width:100%; margin-top:30px}
.section3 .x3 .s3 .swiper-container-2{ width:100%}
.section3 .x3 .s3 .swiper-container-2 img{ width:100%}
.section3 .x3 .s3 .swiper-container-2 img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.section3 .x3 .s3 .swiper-container-2 .swiper-slide: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);}

.section3 .x3 .s3 .swiper-container-2 .swiper-slide{ width:100%; position:relative; overflow:hidden}
.section3 .x3 .s3 .swiper-container-2 .swiper-slide .pic{ width:100%; position:relative}
.section3 .x3 .s3 .swiper-container-2 .swiper-slide .pic .m{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(29,110,191,0.8); color:#fff; text-align:center; opacity:0; transition:all 0.3s linear}
.section3 .x3 .s3 .swiper-container-2 .swiper-slide .pic p{ width:100%; height:55px; line-height:55px; position:absolute; left:0; bottom:0; z-index:9; background:rgba(00,00,00,0.6); font-size:14px; color:#fff; text-align:center; opacity:1; transition:all 0.3s linear}
.section3 .x3 .s3 .swiper-container-2 .swiper-slide .pic .m .m1{ width:400px; height:142px; background:url(g_17.png) bottom center no-repeat; position:absolute; left:50%; margin-left:-200px; top:50%; margin-top:-71px;}
.section3 .x3 .s3 .swiper-container-2 .swiper-slide .pic .m .m1 h4{ font-size:24px; margin-bottom:20px}
.section3 .x3 .s3 .swiper-container-2 .swiper-slide .pic .m .m1 .intro{ font-size:14px}
.section3 .x3 .s3 .swiper-container-2 .swiper-slide:hover .pic .m{ opacity:1}
.section3 .x3 .s3 .swiper-container-2 .swiper-slide:hover .pic p{ opacity:0}
.section3 .x3 .s3 .swiper-container-2 .swiper-button-prev-2{ width:41px; height:96px; background:url(g_14.png) center center no-repeat; left:0; top:50%; margin-top:-48px}
.section3 .x3 .s3 .swiper-container-2 .swiper-button-next-2{ width:41px; height:96px; background:url(g_15.png) center center no-repeat; right:0; top:50%; margin-top:-48px}

.section3 .x3 .s3 .swiper-container-3{ width:100%; display:none}
.section3 .x3 .s3 .swiper-container-3 img{ width:100%}
.section3 .x3 .s3 .swiper-container-3 .swiper-slide{ width:100%; position:relative}
.section3 .x3 .s3 .swiper-container-3 .swiper-slide .pic{ width:100%; position:relative}
.section3 .x3 .s3 .swiper-container-3 .swiper-slide .pic p{ width:100%; height:55px; line-height:55px; position:absolute; left:0; bottom:0; z-index:9; background:rgba(00,00,00,0.6); font-size:14px; color:#fff; text-align:center; opacity:1; transition:all 0.3s linear}
.section3 .x3 .s3 .swiper-container-3 .swiper-button-prev-3{ width:25px; height:50px; background:url(g_14.png) center center no-repeat; left:0; top:50%; margin-top:-25px; background-size:cover; z-index:99}
.section3 .x3 .s3 .swiper-container-3 .swiper-button-next-3{ width:25px; height:50px; background:url(g_15.png) center center no-repeat; right:0; top:50%; margin-top:-25px; background-size:cover; z-index:99}
.section3 .pics2{ display:none}

@media (max-width:1600px) {
	.section3 .x3{ }
	.section3 .x3 .s1{}	
	.section3 .x3 .s2{ margin-top:20px}
	.section3 .x3 .s3{ margin-top:20px}
}
@media (max-width:1440px) {
	.section3 .x3{  }
	.section3 .x3 .s1{ }	
	.section3 .x3 .s2{ margin-top:10px}
	.section3 .x3 .s3{ margin-top:10px}
}
@media (max-width:1000px) {
	.section3 .x3 .s2 ul li{ width:12%}
	.section3 .x3 .s3 .swiper-container-2{ display:none}
	.section3 .x3 .s3 .swiper-container-3{ display:block}
	.section3 .x3 .s2 ul li a i{ font-size:14px; font-weight:normal}
	.section3 .x3{ height:auto; display:none}
	.section3 .pics2{ display:block; width:100%; height:calc(100% - 60px); background:#fff; position:absolute; left:0; bottom:0; box-sizing:border-box}
	.section3 .pics2 .pic{ width:49.5%; margin-right:1%; margin-bottom:1%; height:49.5%; float:left}
	.section3 .pics2 .pic:nth-child(2n){ margin-right:0}
	.section3 .pics2 .pic:nth-child(3),.section2 .pics2 .pic:nth-child(4){ margin-bottom:0}
	.section3 .pics2 .pic a{ display:block; width:100%; height:100%}
}
@media (max-width:640px) {
	.section3 .x3 .s1 h3{ font-size:30px; display:none}
	.section3 .x3 .s1 h4{ font-size:22px; margin-top:0}
	.section3 .x3 .s2 ul li{ width:23%; height:90px}	
	.section3 .x3 .s3 .swiper-container-3 .swiper-slide .pic p{ height:30px; line-height:30px; position:relative; background:#000}
	.section3 .x3 .s2 ul li:hover a{ background:none}
	.section3 .x3 .s2 ul li a span{ margin-top:12px}
	.section3 .x3 .s2 ul li:hover a span{ margin-top:12px}
}


/*第4屏*/
.section4{ width:100%; height:100%; background:url(g_19.jpg) center center no-repeat; background-size:cover}
.section4 .x4{ width:100%; position:absolute; left:0; top:14%}
.section4 .x4 .s1{ width:100%; text-align:center;}
.section4 .x4 .s1 h3{ font-size:56px; font-family:Arial; line-height:1; color:rgba(26,26,26,0.1); text-transform:uppercase}
.section4 .x4 .s1 h4{ font-size:36px;line-height:1; color:rgba(26,26,26,1); font-weight:normal; margin-top:-20px}
.section4 .x4 .s2{ width:100%; margin-top:30px}
.section4 .x4 .s2 .lt{ width:50%; float:left; position:relative; overflow:hidden}
.section4 .x4 .s2 .lt img{ width:100%}
.section4 .x4 .s2 .lt img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.section4 .x4 .s2 .lt: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);}

.section4 .x4 .s2 .lt .m1{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background:rgba(00,00,00,0.2); transition:all 0.3s linear}
.section4 .x4 .s2 .lt .m2{ width:100%; height:200px; position:absolute; left:0; top:50%; margin-top:-100px; text-align:center; color:#fff; background:url(g_21.png) bottom center no-repeat}
.section4 .x4 .s2 .lt .m2 span{ display:block; width:100%; height:75px; background:url(g_20.png) top center no-repeat}
.section4 .x4 .s2 .lt .m2 h3{ font-size:24px; line-height:1}
.section4 .x4 .s2 .lt .m2 p{ font-size:16px; margin-top:10px}
.section4 .x4 .s2 .lt:hover .m1{ background:rgba(29,110,191,0.8)}
.section4 .x4 .s2 .rt{ float:right; width:50%}
.section4 .x4 .s2 .rt img{ width:100%}
.section4 .x4 .s2 .rt .top{ width:100%; position:relative; overflow:hidden}
.section4 .x4 .s2 .rt .top img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.section4 .x4 .s2 .rt .top: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);}

.section4 .x4 .s2 .rt .top .m1{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background:rgba(00,00,00,0.2); transition:all 0.3s linear}
.section4 .x4 .s2 .rt .top .m2{ width:100%; height:130px; position:absolute; left:0; top:50%; margin-top:-65px; text-align:center; color:#fff; background:url(g_24.png) bottom center no-repeat}


.section4 .x4 .s2 .rt .top .m2 span{ display:block; width:100%; height:80px; background:url(g_23.png) top center no-repeat}
.section4 .x4 .s2 .rt .top .m2 h3{ font-size:24px; line-height:1; font-weight:normal}
.section4 .x4 .s2 .rt .con{ width:100%}
.section4 .x4 .s2 .rt .con .n1{ width:50%; float:left; position:relative; overflow:hidden}
.section4 .x4 .s2 .rt .con .n1 img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.section4 .x4 .s2 .rt .con .n1: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);}
.section4 .x4 .s2 .rt .con .n1 .m1{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background:rgba(00,00,00,0.2); transition:all 0.3s linear}
.section4 .x4 .s2 .rt .con .n1 .m2{ width:100%; height:130px; position:absolute; left:0; top:50%; margin-top:-65px; text-align:center; color:#fff; background:url(g_24.png) bottom center no-repeat}
.section4 .x4 .s2 .rt .con .n1 .m2 span{ display:block; width:100%; height:80px; background:url(g_26.png) top center no-repeat}
.section4 .x4 .s2 .rt .con .n1 .m2 h3{ font-size:24px; line-height:1; font-weight:normal}
.section4 .x4 .s2 .rt .con .n2 .m2 span{ background:url(g_28.png) top center no-repeat}
.section4 .x4 .s2 .rt .top:hover .m1{ background:rgba(29,110,191,0.8)}
.section4 .x4 .s2 .rt .con .n1:hover .m1{ background:rgba(29,110,191,0.8)}
.section4 .pics2{ display:none}
@media (max-width:1600px) {
	.section4 .x4 .s1{ }
}
/*@media (max-width:1200px) {
	.section4 .x4 .s2{ width:70%; margin:0 auto; margin-top:30px}
	.section4 .x4 .s2 .lt{ width:100%}
	.section4 .x4 .s2 .rt{ width:100%}
	.section4 .x4 .s2 .lt .m2{ height:160px; margin-top:-80px; background-size:60px}
	.section4 .x4 .s2 .lt .m2 span{ height:60px; background-size:40px}
	.section4 .x4 .s2 .lt .m2 h3{ font-size:20px}
	.section4 .x4 .s2 .lt .m2 p{ font-size:14px}
	.section4 .x4 .s2 .rt .top .m2{ height:100px; background-size:45px; margin-top:-50px}
	.section4 .x4 .s2 .rt .top .m2 span{ height:55px; background-size:40px}
	.section4 .x4 .s2 .rt .top .m2 h3{ font-size:20px}
	.section4 .x4 .s2 .rt .con .n1 .m2{ height:100px; background-size:45px; margin-top:-50px}
	.section4 .x4 .s2 .rt .con .n1 .m2 span{ height:55px; background-size:40px}
	.section4 .x4 .s2 .rt .con .n1 .m2 h3{ font-size:20px}
}*/
@media (max-width:1000px) {
	.section4 .x4{ display:none }
	.section4 .x4 .s2{ width:80%; margin-top:20px}
	.section4 .x4 .s1 h3{ font-size:30px; display:none}
	.section4 .x4 .s1 h4{ font-size:22px; margin-top:0}
	.section4 .x4 .s1{ margin-top:0}
	.section4 .x4 .s2 .lt .m2{ height:120px; margin-top:-60px;background-size:40px}
	.section4 .x4 .s2 .lt .m2 span{ height:45px; background-size:28px}
	.section4 .x4 .s2 .lt .m2 h3{ font-size:16px; font-weight:normal}
	.section4 .x4 .s2 .lt .m2 p{ font-size:12px; margin-top:5px}
	.section4 .x4 .s2 .rt .top .m2{ height:60px; margin-top:-30px; background-size:28px}
	.section4 .x4 .s2 .rt .top .m2 span{ height:35px; background-size:28px}
	.section4 .x4 .s2 .rt .top .m2 h3{ font-size:14px}
	.section4 .x4 .s2 .rt .con .n1 .m2{ height:60px; margin-top:-30px; background-size:28px}
	.section4 .x4 .s2 .rt .con .n1 .m2 span{ height:35px; background-size:28px}
	.section4 .x4 .s2 .rt .con .n1 .m2 h3{ font-size:14px}
	.section4 .x4 .s2 .rt{ margin-top:5px}
	.section4 .x4 .s2 .rt .con{ margin-top:5px}
	.section4 .pics2{ display:block; width:100%; height:calc(100% - 60px); background:#fff; position:absolute; left:0; bottom:0; box-sizing:border-box}
	.section4 .pics2 .pic{ width:49.5%; margin-right:1%; margin-bottom:1%; height:49.5%; float:left}
	.section4 .pics2 .pic:nth-child(2n){ margin-right:0}
	.section4 .pics2 .pic:nth-child(3),.section2 .pics2 .pic:nth-child(4){ margin-bottom:0}
	.section4 .pics2 .pic a{ display:block; width:100%; height:100%}
}

/*第5屏*/
.section5{ width:100%; height:100%; background:url(g_35.jpg) center center no-repeat; background-size:cover}
.section5 .x5{ width:100%; position:absolute; left:0; top:14%}
.section5 .x5 .s1{ width:100%; text-align:center;}
.section5 .x5 .s1 h3{ font-size:56px; font-family:Arial; line-height:1; color:rgba(26,26,26,0.1); text-transform:uppercase}
.section5 .x5 .s1 h4{ font-size:36px;line-height:1; color:rgba(26,26,26,1); font-weight:normal; margin-top:-20px}
.section5 .x5 .s2{ width:100%; margin-top:20px}
.section5 .x5 .s2 ul{ width:100%; text-align:center}
.section5 .x5 .s2 ul li{ display:inline-block; vertical-align:top; background:url(g_45.jpg) right center no-repeat; font-size:16px; padding:0 19px 0 14px}
.section5 .x5 .s2 ul li:last-child{ background:none}
.section5 .x5 .s2 ul li a{ color:#333}
.section5 .x5 .s2 ul li:hover a{ color:#1f2580}
.section5 .x5 .s2 ul li.on a{ color:#1f2580}
.section5 .x5 .s3{ width:1600px; margin:0 auto; margin-top:25px}
.section5 .x5 .s3 .swiper-container-4{ width:790px; float:left}
.section5 .x5 .s3 .swiper-container-4 .swiper-slide{ width:100%; overflow:hidden}
.section5 .x5 .s3 .swiper-container-4 .swiper-slide a{ display:block; width:100%; height:100%; position:relative}
.section5 .x5 .s3 .swiper-container-4 .swiper-slide a img{ width:100%}
.section5 .x5 .s3 .swiper-container-4 .swiper-slide a img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.section5 .x5 .s3 .swiper-container-4 .swiper-slide:hover a 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);}

.section5 .x5 .s3 .swiper-container-4 .swiper-slide a .m1{ width:100%; height:94px; background:rgba(45,106,167,0.6); position:absolute; left:0; bottom:0; z-index:2; color:#fff}
.section5 .x5 .s3 .swiper-container-4 .swiper-slide a .m1 .time{ width:110px; height:100%; float:left; box-sizing:border-box; background:#1f75cc; padding:20px 15px}
.section5 .x5 .s3 .swiper-container-4 .swiper-slide a .m1 .time .p1{ font-size:30px; font-family:Arial, Helvetica, sans-serif; line-height:1}
.section5 .x5 .s3 .swiper-container-4 .swiper-slide a .m1 .time .p2{ font-size:18px; font-family:Arial, Helvetica, sans-serif; line-height:1}
.section5 .x5 .s3 .swiper-container-4 .swiper-slide a .m1 .time .p3{ display:none}
.section5 .x5 .s3 .swiper-container-4 .swiper-slide a .m1 .tit{ width:470px; float:left; font-size:18px; margin-left:25px;background:url(g_46.png) left bottom no-repeat; padding-bottom:20px}
.section5 .x5 .s3 .swiper-container-4 .swiper-slide a .m1 .tit p{text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:20px; }
.section5 .x5 .s3 .swiper-container-4 .swiper-pagination-4{ width:150px; text-align:center; height:94px; position:absolute; right:0; bottom:0; z-index:99; left:auto}
.section5 .x5 .s3 .swiper-container-4 .swiper-pagination-4 span{ width:15px; height:15px; border-radius:50%; border:1px solid #dfdce4; background:none; margin-top:40px; opacity:1; display:inline-block; vertical-align:top; cursor:pointer; box-sizing:border-box}
.section5 .x5 .s3 .swiper-container-4 .swiper-pagination-4 span.swiper-pagination-bullet-active{ background:#dfdce4}
.section5 .x5 .s3 .pics{ width:780px; float:right}
.section5 .x5 .s3 .pics .pic{ width:100%; position:relative; margin-bottom:30px; overflow:hidden}
.section5 .x5 .s3 .pics .pic a{ display:block; width:100%; height:100%}
.section5 .x5 .s3 .pics .pic a img{ width:100%}
.section5 .x5 .s3 .pics .pic a img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.section5 .x5 .s3 .pics .pic:hover a 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);}

.section5 .x5 .s3 .pics .pic a .m{ width:100%; height:85px; position:absolute; left:40px; top:50%; margin-top:-43px; background:url(g_46.png) left bottom no-repeat}
.section5 .x5 .s3 .pics .pic a .m .p1{ font-size:24px; color:#fff; line-height:1; padding-bottom:15px}
.section5 .x5 .s3 .pics .pic a .m .p2{ font-size:16px; color:#fff; line-height:1;}
@media (max-width:1600px) {
	.section5 .x5 .s3{ width:1200px; margin:0 auto; margin-top:25px}
	.section5 .x5 .s3 .swiper-container-4{ width:590px}
	.section5 .x5 .s3 .pics{ width:590px}
	.section5 .x5 .s3 .pics .pic{ margin-bottom:18px}
	.section5 .x5 .s3 .swiper-container-4 .swiper-slide a .m1 .tit{ width:270px}
}
@media (max-width:1440px) {
	.section5 .x5 .s3{ width:1000px; margin:0 auto; margin-top:25px}
	.section5 .x5 .s3 .swiper-container-4{ width:490px}
	.section5 .x5 .s3 .pics{ width:490px}
	.section5 .x5 .s3 .pics .pic{ margin-bottom:14px}
}
@media (max-width:1000px) {
	.section5 .x5 .s2{ width:100%; margin-top:20px}
	.section5 .x5 .s1 h3{ font-size:30px; display:none}
	.section5 .x5 .s1 h4{ font-size:22px; margin-top:0}
	.section5 .x5 .s2 ul li{ font-size:14px; padding:0 15px 0 10px}
	.section5 .x5 .s3{ width:60%}
	.section5 .x5 .s3 .swiper-container-4{ width:100%}
	.section5 .x5 .s3 .pics{ width:100%}
	.section5 .x5 .s3 .swiper-container-4 .swiper-slide a .m1{ height:30px; line-height:30px}
	.section5 .x5 .s3 .swiper-container-4 .swiper-slide a .m1 .time{ display:inline-block; vertical-align:top; width:auto; height:30px; padding:0}
	.section5 .x5 .s3 .swiper-container-4 .swiper-slide a .m1 .time p.p1{ display:none}
	.section5 .x5 .s3 .swiper-container-4 .swiper-slide a .m1 .time p.p2{ display:none}
	.section5 .x5 .s3 .swiper-container-4 .swiper-slide a .m1 .time p.p3{ display:block; color:#fff; padding:0 10px}
	.section5 .x5 .s3 .swiper-container-4 .swiper-slide a .m1 .tit{ width:calc(100% - 100px); margin-left:0; float:right; line-height:30px; font-size:12px}
	.section5 .x5 .s3 .swiper-container-4 .swiper-slide a .m1 .tit p{ font-size:12px; margin:0; padding-right:10px}
	.section5 .x5 .s3 .swiper-container-4 .swiper-pagination-4{ width:100%}
	.section5 .x5 .s3 .pics{ margin-top:15px}
	.section5 .x5 .s3 .pics .pic{ margin-bottom:15px}
}
@media (max-width:640px){
	.section5 .x5{ top:calc( 50% + 30px ); left:50%; transform:translate(-50%,-50%); height:auto}
	.section5 .x5 .s1{ }
	.section5 .x5 .s2 ul li{ font-size:12px}
	.section5 .x5 .s2{ margin-top:10px; display:none}
	.section5 .x5 .s3{ width:74%; margin-top:10px}
	.section5 .x5 .s3 .pics{ margin-top:10px}
	.section5 .x5 .s3 .pics .pic{ margin-bottom:10px}
	.section5 .x5 .s3 .pics .pic a .m{ width:90%; left:5%; height:70px; margin-top:-35px; background-size:30px}
	.section5 .x5 .s3 .pics .pic a .m .p1{ font-size:15px}
	.section5 .x5 .s3 .pics .pic a .m .p2{ font-size:12px}
	.section5 .x5 .s3 .swiper-container-4 .swiper-pagination-4 span{ width:10px; height:10px;}	
}


/*第6屏*/
.section6{ width:100%; height:100%; background:url(g_39.jpg) center center no-repeat; background-size:cover}
.section6 .x6{ width:100%; position:absolute; left:0; top:14%}
.section6 .x6 .s1{ width:100%; text-align:center;}
.section6 .x6 .s1 h3{ font-size:56px; font-family:Arial; line-height:1; color:rgba(26,26,26,0.1); text-transform:uppercase}
.section6 .x6 .s1 h4{ font-size:36px;line-height:1; color:rgba(26,26,26,1); font-weight:normal; margin-top:-20px}
.section6 .x6 .s2{ width:1180px; margin:0 auto; margin-top:50px}
.section6 .x6 .s2 .pic{ width:178px; float:left; margin-right:22px; margin-top:6px; overflow:hidden}
.section6 .x6 .s2 .pic img{ width:calc( 100% - 2px)}
.section6 .x6 .s2 .pic:nth-child(6n){ margin-right:0}
.section6 .x6 .s2 .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; border:1px solid rgba(245,245,245,0.9)}
.section6 .x6 .s2 .pic: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);}

.section6 .x6 .s2.s2_2{ display:none}
#multipleColumn{ width:100%; text-align:center;}
#multipleColumn .hd{ margin-top:15px}
#multipleColumn .hd li{ display:inline-block; vertical-align:top; width:10px; height:10px; border-radius:50%; background:#dfdce4; font-size:0; margin:0 5px}
#multipleColumn .hd li.on{ background:#1d6ebf}
#multipleColumn2{ width:100%; text-align:center;}
#multipleColumn2 .hd{ margin-top:15px}
#multipleColumn2 .hd li{ display:inline-block; vertical-align:top; width:10px; height:10px; border-radius:50%; background:#dfdce4; font-size:0; margin:0 5px}
#multipleColumn2 .hd li.on{ background:#1d6ebf}
@media (max-width:1200px) {
	.section6 .x6 .s2{ width:90%; margin-top:2%}
	.section6 .x6 .s2 .pic{ width:15%; margin-right:2%; margin-top:1%}
}
@media (max-width:800px) {
	.section6 .x6 .s2 .pic{ width:23.5%; margin-right:2%; margin-top:1%}
	.section6 .x6 .s2 .pic:nth-child(6n){ margin-right:2%}
	.section6 .x6 .s2 .pic:nth-child(4n){ margin-right:0}
}
@media (max-width:640px) {
	.section6 .x6{ top:calc( 50% + 30px ); left:50%; transform:translate(-50%,-50%); height:auto}
	.section6 .x6 .s1 h3{ font-size:30px; display:none}
	.section6 .x6 .s1 h4{ font-size:22px; margin-top:0}
	.section6 .x6 .s2 .pic{ width:32%; margin-right:2%; margin-top:1%}
	.section6 .x6 .s2 .pic:nth-child(4n){ margin-right:2%}
	.section6 .x6 .s2 .pic:nth-child(3n){ margin-right:0}
	.section6 .x6 .s2.s2_2{ display:block}
	.section6 .x6 .s2.s2_1{ display:none}
	.section4{ background:url(m1.jpg) center center no-repeat; background-size:cover}
	.section5{ background:url(m1.jpg) center center no-repeat; background-size:cover}
}





.menu_2 { position:fixed; top:50%; right:2%; width: 20px; height:312px; margin-top:-156px; z-index:999; }
@media screen and (max-width: 1400px){
.menu_2 { right:1%; }
}
.menu_2 li{position:relative;margin-top:10px;text-align: center;}
.menu_2 li.active a, .menu_2 li.hover a{ border:2px solid #1d6ebf; }
.menu_2 li.active .navs{display: block;}
.menu_2 .active .navs{display: block;}
.menu_2 li a{position: relative;z-index: 99;display: inline-block; margin-bottom:10px;width: 10px;height: 10px;border-radius:50%; border:2px solid #bdbdbd; }
.menu_2 li span{ position:absolute; z-index:9999999; right:30px; top:-15px; font-size:14px; width:121px; height:47px; line-height:47px; text-align:center; color:#fff; background:url(full-menu-bcg.png) no-repeat left center; display:none;}
.menu_2 li:hover span{ display:block;}
/*.menu_2 li.active span{ display:block; }*/

@media screen and (max-width: 640px){
	.menu_2{ display:none}
}




.section6{ width:100%; height:100%}
.section6 .swiper-container-1{ width:100%; height:100%; position:relative}
.section6 .swiper-container-1 .swiper-wrapper{width:100%; height:100%}
.section6 .swiper-container-1 .swiper-wrapper .swiper-slide{width:100%; height:100%}
.section6 .swiper-container-1 .swiper-wrapper .swiper-slide .pic{width:100%; height:100%}
.section6 .swiper-container-1 .swiper-wrapper .swiper-slide .pic a{width:100%; height:100%; display:block}
.section6 .swiper-pagination-1.swiper-pagination-2m{ text-align:center!important}
.swiper-pagination-1 { position:relative!important; bottom:80px!important; text-align:left!important; margin:0 auto; background:url(hd.png) repeat-x left 10px; }
.section6  .swiper-pagination-1.swiper-pagination-2m .swiper-pagination-bullet { width:28px; text-align:center; padding-top:25px; background:url(hd01.png) no-repeat top center; font-size:14px; color:#fff; margin:0 0 0 30px!important; opacity: 1; display:inline-block; vertical-align:top; }
.section6  .swiper-pagination-1.swiper-pagination-2m .swiper-pagination-bullet-active { background:url(hd02.png) no-repeat top center; color:#00b2ff; }

.section6 .swiper-pagination-1.swiper-pagination-2n{ text-align:center!important}
.swiper-pagination-1 { position:relative!important; bottom:80px!important; text-align:left!important; margin:0 auto; background:url(hd.png) repeat-x left 10px; }
.section6  .swiper-pagination-1.swiper-pagination-2n .swiper-pagination-bullet { width:28px; text-align:center; padding-top:25px; background:url(hd01.png) no-repeat top center; font-size:14px; color:#fff; margin:0 10px!important; opacity: 1; display:inline-block; vertical-align:top; }
.section6  .swiper-pagination-1.swiper-pagination-2n .swiper-pagination-bullet-active { background:url(hd02.png) no-repeat top center; color:#00b2ff; }
.section6 .swiper-container-1-sj{ display:none}
@media (max-width:640px) {
	.section6 .swiper-container-1-sj{ display:block}
	.section6 .swiper-container-1-pc{ display:none}
}