@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
a{ text-decoration:none;}
li{ list-style:none;}
table,tr,td,ul,li,dl,dt,dd,div{ border:0;}
img{ border:0;}
body{ font-size:12px; font-family:微软雅黑; overflow-x: hidden; text-align:center;}
.float_l{ float:left !important;}
.float_r{ float:right !important;}
.blank0{ width:100%; height:0px; clear:both;}
.blank10{ width:100%; height:10px; clear:both;}

/*首页*/
.swiper-container1 {
	width:100%;
	height:100vh;
	position:relative;
	overflow:hidden;
}
.swiper-container1 .swiper-slide {
	text-align:center;
	font-size:18px;
	background:#fff;
	height:auto;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.banner{ width:100%; height:100vh; background-size:cover !important;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.banner_title{ display:table; overflow:hidden; text-align:center; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; -moz-transition: all 1.5s; -ms-transition: all 1.5s; -o-transition: all 1.5s; transition: all 1.5s; margin-top:100px;}
.banner_title_on{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; -webkit-transition: all 1s; margin-top:0;}
.banner_title1{ font-size:66px; color:#FFF; line-height:76px;}
.banner_title2{ width:120px; height:3px; background:#FFF; margin:25px auto 0 auto;}
.banner_title3{ font-size:30px; color:#FFF; line-height:40px; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6; margin-top:50px;}
.banner_title4{ font-size:24px; color:#FFF; line-height:34px; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6; margin-top:15px;}

.swiper-button-next1{ width:80px; height:80px; margin-top:-40px; background:url(../images/zhuanti/banner_r.png) center center no-repeat; position:absolute; top:50%; right:3%; z-index:100; cursor:pointer; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.swiper-button-prev1{ width:80px; height:80px; margin-top:-40px; background:url(../images/zhuanti/banner_l.png) center center no-repeat; position:absolute; top:50%; left:3%; z-index:100; cursor:pointer; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.swiper-button-next1:hover{ filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9;}
.swiper-button-prev1:hover{ filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9;}
.scroll{ position:absolute; bottom:5%; right:14%; z-index:10; overflow:hidden; width:9px; height:124px; background:url(../images/zhuanti/scroll.png) center center no-repeat; -webkit-animation:play 3s linear infinite; -moz-animation:play 3s linear infinite; -ms-animation:play 3s linear infinite; -o-animation:play 3s linear infinite; animation:play 3s linear infinite;}
@-webkit-keyframes play{
    0%  {
        bottom:5%;
    }
	25% {
        bottom:4%;
	}
	50% {
        bottom:5%;
	}
    75% {
        bottom:6%;
    }
}
@-moz-keyframes play{
    0%  {
        bottom:5%;
    }
	25% {
        bottom:4%;
	}
	50% {
        bottom:5%;
	}
    75% {
        bottom:6%;
    }
}
@-ms-keyframes play{
    0%  {
        bottom:5%;
    }
	25% {
        bottom:4%;
	}
	50% {
        bottom:5%;
	}
    75% {
        bottom:6%;
    }
}
@-o-keyframes play{
    0%  {
        bottom:5%;
    }
	25% {
        bottom:4%;
	}
	50% {
        bottom:5%;
	}
    75% {
        bottom:6%;
    }
}
@keyframes play{
    0%  {
        bottom:5%;
    }
	25% {
        bottom:4%;
	}
	50% {
        bottom:5%;
	}
    75% {
        bottom:6%;
    }
}

.header{ width:100%; height:104px; border-bottom:1px solid #26397f; overflow:hidden; background:url(../images/header2.png) repeat; position:fixed; top:0; left:0; z-index:1000; display:block;}
.logo{ display:block; position:absolute; top:24px; left:3%;}

.nav{ overflow:hidden; position:absolute; top:0; left:30%;}
.nav li{ float:left; height:104px; position:relative; margin:0 17px;}
.nav li a{ display:block; height:101px; line-height:104px; font-size:18px; color:#FFF; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.nav li span{ display:block; width:0; height:3px; background:#00a2fa; position:absolute; bottom:0; left:50%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.nav .li_on span{ width:100%; left:0;}
.nav .li_on a{ color:#00a2fa;}
.nav li:hover span{ width:100%; left:0;}
.nav li:hover a{ color:#00a2fa;}

.header1{ position:absolute; top:34px; right:3%;}
.header1 a{ display:block; width:36px; height:36px; -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px; overflow:hidden; float:left; margin-left:25px;}
.header1_1{ background:#0087f9; line-height:36px; color:#FFF; font-size:16px; font-family:"Arial";}
.header1_2{ background:url(../images/header1.png) center center #0087f9 no-repeat;}

.header_r{ position:absolute; right:3%; top:43px;}
.header_r1{ float:right; display:block; width:34px; height:20px; line-height:20px; font-size:16px; color:#FFF; text-align:left; background:url(../images/header1.png) right 7px no-repeat; margin-right:15px;}
.header_r2{ float:right; width:20px; height:20px; background:url(../images/header2.png) no-repeat center center; cursor:pointer;}
.header_r3{ display:none; position:absolute; top:26px; right:0; width:200px; height:24px; border:1px solid #FFF; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px;}
.header_r3_1{ float:left; margin-left:10px; width:160px; height:24px; line-height:24px; border:none; background:none; outline:none; font-family:"微软雅黑"; font-size:13px; color:#FFF;}
.header_r3_2{ float:left; width:30px; height:24px; border:none; background:url(../images/header2.png) center center no-repeat; cursor:pointer; outline:none;}
.header_r4{ float:right; width:15px; height:16px; border-left:1px solid #FFF; margin-top:2px;}

.top_nav{ position:fixed; z-index:99; width:34px; height:34px; overflow:hidden; cursor:pointer; right:3%; top:40px; display:none;}
.top_nav1{ float:left; width:34px; height:4px; background:#d7000f;}
.top_nav2{ float:left; width:34px; height:4px; background:#d7000f; margin-top:7px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.top_nav3{ float:left; width:34px; height:4px; background:#d7000f; margin-top:7px;}
.top_nav:hover .top_nav2{ margin-left:50%;}

.nav_out{ width:100%; height:100%; position:fixed; top:0; left:0; background:#006aa9; z-index:1000; display:none;}
.nav_out1{ float:left; margin-left:3%; display:block; margin-top:21px;}
.nav_out_close{ float:right; margin-right:3%; margin-top:35px; width:33px; height:33px; background:url(../images/close.jpg) no-repeat; cursor:pointer;}
.nav_out2{ width:100%; margin:200px auto 0 auto; overflow:hidden; clear:both; position:relative;}
.nav_out2_bg{ width:100%; height:0; border-bottom:1px solid rgba(255,255,255,.1); position:absolute; top:52px; left:0;}
.nav_out3{ display:inline-block; overflow:hidden; vertical-align:top; margin:0 40px;}
.nav_out3_1{ float:left; display:block; font-size:16px; color:#FFF; padding-bottom:30px; margin-bottom:30px; border-bottom:3px solid rgba(255,255,255,.1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.nav_out3 ul{ float:left; clear:both;}
.nav_out3 ul li{ float:left; clear:both;}
.nav_out3 ul li a{ float:left; display:block; font-size:14px; color:rgba(255,255,255,.7); line-height:34px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.nav_out3:hover .nav_out3_1{ border-bottom:3px solid rgba(255,255,255,1)}
.nav_out3:hover ul li a:hover{ color:rgba(255,255,255,1);}

.mobile_bg{ width:100%; overflow:hidden; display:none; background:#2d5fc0;}

.index_title{ display:table; margin:0 auto;}
.index_title1{ font-size:40px; line-height:40px; color:#333;}
.index_title2{ width:40px; height:2px; background:#2755b3; clear:both; margin:30px auto 0 auto;}

.color_white{ color:#FFF !important;}
.bg_white{ background:#FFF !important;}

.index1{ width:100%; overflow:hidden;}
.index1_1{ width:1260px; margin:0 auto; overflow:hidden; padding:80px 0;}

.index1_2{ width:100%; overflow:hidden; margin-top:50px;}
.index1_2 li{ float:left; width:25%; overflow:hidden; background:url(../images/zhuanti/index1_1.jpg) right center no-repeat;}
.index1_2 li:nth-child(4){ background:none;}
.index1_3{ font-size:70px; color:#1947a5; line-height:70px;}
.index1_4{ font-size:20px; color:#333333; line-height:30px; margin-top:10px;}

.index2{ width:100%; overflow:hidden; background:url(../images/zhuanti/index2_bg.jpg) center center no-repeat; background-size:cover;}
.index2_1{ width:1260px; margin:0 auto; overflow:hidden; padding:80px 0 65px 0;}

.index2_2{ width:100%; overflow:hidden; height:562px;}
.index2_2 li{ float:left; width:calc(25% - 4px); overflow:hidden; border:1px solid #4277b3; border-left:3px solid #bac8e4; cursor:pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; position:relative;}
.index2_2 li:nth-child(2n-1){ margin-top:110px; height:450px;}
.index2_2 li:nth-child(2n){ margin-top:70px; height:425px;}
.index2_2 li:nth-child(1){ background:url(../images/zhuanti/index2_5_1.jpg) center center no-repeat; background-size:cover;}
.index2_2 li:nth-child(2){ background:url(../images/zhuanti/index2_5_2.jpg) center center no-repeat; background-size:cover;}
.index2_2 li:nth-child(3){ background:url(../images/zhuanti/index2_5_3.jpg) center center no-repeat; background-size:cover;}
.index2_2 li:nth-child(4){ background:url(../images/zhuanti/index2_5_4.jpg) center center no-repeat; background-size:cover;}

.index2_3{ display:block; margin:40px auto 0 auto; width:120px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index2_4{ width:50px; height:3px; background:#FFF; margin:30px auto 0 auto; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index2_5{ position:absolute; top:0; left:5%; width:90%; margin-top:215px; font-size:22px; color:#FFF; line-height:32px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index2_6{ width:80%; font-size:16px; color:#FFF; line-height:30px; margin:65px auto 0 auto; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; text-align:left;}

.index2_2 li:nth-child(2n-1):hover{ margin-top:90px;}
.index2_2 li:nth-child(2n):hover{ margin-top:50px;}

.index2_2 li:hover .index2_3{-webkit-transform:scale(5) translateZ(0); -moz-transform:scale(5) translateZ(0); -ms-transform:scale(5) translateZ(0); -o-transform:scale(5) translateZ(0); transform:scale(5) translateZ(0); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.index2_2 li:hover .index2_4{ margin-top:10px;}
.index2_2 li:hover .index2_5{ position:absolute; top:0; left:5%; margin-top:120px;}
.index2_2 li:hover .index2_6{ margin-top:27px;}

.index3{ width:100%; overflow:hidden; background:#f5f7fa;}
.index3_1{ width:1260px; margin:0 auto; overflow:hidden; padding:80px 0;}

.index3_2{ width:94%; margin:25px auto 0 auto; overflow:hidden; font-size:18px; color:#333; line-height:30px;}
.index3_3{ float:left; background:#FFF; width:23.8%; margin:45px 0.6% 0 0.6%; -webkit-box-shadow:0px 0px 10px #eee; -moz-box-shadow:0px 0px 10px #eee; box-shadow:0px 0px 10px #eee; cursor:pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index3_4{ width:100%; overflow:hidden;}
.index3_4 img{ display:block; width:100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index3_5{ width:90%; overflow:hidden; text-align:left; margin:0 auto; padding:20px 0;}
.index3_5 li{ font-size:16px; color:#333; height:30px; line-height:30px; padding:12px 0; width:calc(100% - 40px); padding-left:40px;}
.index3_5_1 li:nth-child(1){ background:url(../images/zhuanti/index3_5_1.jpg) left center no-repeat;}
.index3_5_1 li:nth-child(2){ background:url(../images/zhuanti/index3_5_2.jpg) 2px center no-repeat;}
.index3_5_1 li:nth-child(3){ background:url(../images/zhuanti/index3_5_3.jpg) 1.5px center no-repeat;}
.index3_5_2 li:nth-child(1){ background:url(../images/zhuanti/index3_5_4.jpg) 1px center no-repeat;}
.index3_5_2 li:nth-child(2){ background:url(../images/zhuanti/index3_5_5.jpg) 5px center no-repeat;}
.index3_5_2 li:nth-child(3){ background:url(../images/zhuanti/index3_5_6.jpg) 5.5px center no-repeat;}
.index3_5_3 li:nth-child(1){ background:url(../images/zhuanti/index3_5_7.jpg) 0.5px center no-repeat;}
.index3_5_3 li:nth-child(2){ background:url(../images/zhuanti/index3_5_8.jpg) 0.5px center no-repeat;}
.index3_5_3 li:nth-child(3){ background:url(../images/zhuanti/index3_5_9.jpg) 1px center no-repeat;}
.index3_5_4 li:nth-child(1){ background:url(../images/zhuanti/index3_5_10.jpg) 2px center no-repeat;}
.index3_5_4 li:nth-child(2){ background:url(../images/zhuanti/index3_5_11.jpg) 1px center no-repeat;}
.index3_5_4 li:nth-child(3){ background:url(../images/zhuanti/index3_5_12.jpg) 1.5px center no-repeat;}
.index3_3:hover{ -webkit-box-shadow:0px 0px 10px #ccc; -moz-box-shadow:0px 0px 10px #ccc; box-shadow:0px 0px 10px #ccc;}
.index3_3:hover .index3_4 img{ -webkit-transform:scale(1.1) translateZ(0); -moz-transform:scale(1.1) translateZ(0); -ms-transform:scale(1.1) translateZ(0); -o-transform:scale(1.1) translateZ(0); transform:scale(1.1) translateZ(0);}

.index4{ width:100%; overflow:hidden;}
.index4_1{ width:1260px; margin:0 auto; overflow:hidden; padding:60px 0 0 0;}
.index4_2{ float:left; width:905px; overflow:hidden; position:relative; cursor:pointer;}
.index4_2_1{ width:100%; display:block;
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
}
.index4_2_2{ position:absolute; z-index:10; top:0; left:0; width:100%; display:block; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
}
.index4_2:hover .index4_2_2{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.index4_3{ text-align:left; width:328px; float:right;}
.index4_3 .index_title{ float:left; width:100%; margin-top:35px;}
.index4_3 .index_title1{ color:#2755b3;}
.index4_3 .index_title3{ float:left; width:100%; overflow:hidden; font-size:18px; line-height:28px; margin-top:5px; color:#2755b3;}
.index4_3 .index_title4{ float:left; width:40px; height:2px; background:#2755b3; clear:both; margin-top:15px;}
.index4_4{ float:left; width:100%; overflow:hidden; margin-top:35px;}
.index4_4 li{ float:left; width:100%; overflow:hidden; height:55px; background:url(../images/zhuanti/index4_2.png) center center no-repeat; margin-top:15px; cursor:pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index4_4 li span{ font-size:16px; color:#FFF; font-weight:bold; line-height:55px; display:block; background:url(../images/zhuanti/index4_3.png) 20px center no-repeat; width:calc(100% - 55px); padding-left:55px;}
.index4_4 li:hover{ background:url(../images/zhuanti/index4_2_on.png) center center no-repeat;}

.index5{ width:100%; overflow:hidden;}
.index5_1{ width:1260px; margin:0 auto; overflow:hidden; padding:70px 0 0 0;}

.index5_2{ width:100%; overflow:hidden; background:url(../images/zhuanti/index5_bg.jpg) top center no-repeat; margin-top:30px;}
.index5_3{ width:1260px; margin:0 auto; overflow:hidden; padding-bottom:50px;}
.index5_3 li{ float:left; width:230px; height:390px; margin-top:245px; cursor:pointer;}
.index5_3 li:nth-child(1){ background:url(../images/zhuanti/index5_1_1.jpg) center center no-repeat;}
.index5_3 li:nth-child(2){ background:url(../images/zhuanti/index5_2_1.jpg) center center no-repeat;}
.index5_3 li:nth-child(3){ background:url(../images/zhuanti/index5_3_1.jpg) center center no-repeat;}
.index5_3 li:nth-child(4){ background:url(../images/zhuanti/index5_4_1.jpg) center center no-repeat;}
.index5_3 li:nth-child(5){ background:url(../images/zhuanti/index5_5_1.jpg) center center no-repeat;}
.index5_4{ display:block; margin:50px auto 0 auto; width:180px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s}
.index5_5{ font-size:16px; color:#FFF; line-height:26px; margin:10px auto 0 auto; width:92%;}
.index5_6{ font-size:16px; color:#FFF; text-align:left; width:80%; overflow:hidden; margin:20px auto 0 auto; line-height:24px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.index5_7{ font-size:14px; color:#FFF; text-align:left; width:90%; overflow:hidden; margin:30px auto 0 auto; line-height:22px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.index5_3 li.on{ width:340px; height:470px;}
.index5_3 li:nth-child(1).on{ background:url(../images/zhuanti/index5_1_1_on.jpg) center center no-repeat; background-size:340px auto; margin-top:205px;}
.index5_3 li:nth-child(2).on{ background:url(../images/zhuanti/index5_2_1_on.jpg) center center no-repeat; background-size:340px auto; margin-top:205px;}
.index5_3 li:nth-child(3).on{ background:url(../images/zhuanti/index5_3_1_on.jpg) center center no-repeat; background-size:340px auto; margin-top:205px;}
.index5_3 li:nth-child(4).on{ background:url(../images/zhuanti/index5_4_1_on.jpg) center center no-repeat; background-size:340px auto; margin-top:205px;}
.index5_3 li:nth-child(5).on{ background:url(../images/zhuanti/index5_5_1_on.jpg) center center no-repeat; background-size:340px auto; margin-top:205px;}
.index5_3 li.on .index5_4{ margin-top:40px;}
.index5_3 li.on .index5_5{ font-size:22px; font-weight:bold; line-height:34px;}
.index5_3 li.on .index5_6{ margin-top:10px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.index5_3 li.on .index5_7{ margin-top:20px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

.index6{ width:100%; overflow:hidden; background:#f5f7fa;}
.index6_1{ width:1260px; margin:0 auto; overflow:hidden; padding:30px 0 60px 0;}

.index6_2{ float:left; width:340px; overflow:hidden; margin-top:30px;}
.index6_2 .index_title{ float:left;}
.index6_2 .index_title2{ float:left;}
.index6_3{ float:left; width:220px; text-align:left; overflow:hidden; font-size:18px; color:#000; line-height:28px; margin-top:45px;}
.index6_4{ float:right; width:885px; overflow:hidden; background:url(../images/zhuanti/index6_bg.jpg) bottom center no-repeat; background-size:100% auto; padding-bottom:25px; padding-left:5px;}
.index6_5{ width:100%; overflow:hidden;}
.index6_5 li{ float:left; width:128px; height:229px; overflow:hidden; margin-left:15px; margin-top:30px; font-size:15px; text-align:left; color:#333; line-height:28px; padding:15px 15px 0 15px; cursor:pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index6_5 li:nth-child(1){ background:url(../images/zhuanti/index6_1.jpg) center center no-repeat;}
.index6_5 li:nth-child(2){ background:url(../images/zhuanti/index6_2.jpg) center center no-repeat;}
.index6_5 li:nth-child(3){ background:url(../images/zhuanti/index6_3.jpg) center center no-repeat;}
.index6_5 li:nth-child(4){ background:url(../images/zhuanti/index6_4.jpg) center center no-repeat;}
.index6_5 li:nth-child(5){ background:url(../images/zhuanti/index6_5.jpg) center center no-repeat;}
.index6_5 li:hover{ margin-top:0px; color:#2755b3;}

.index7{ width:100%; height:948px; overflow:hidden; padding:0; position:relative; z-index:1;}
.china { width:800px; height:660px; margin:0 auto;}
.mapdonghua{ width:100%; height:948px; position:absolute; top:0; left:50%; margin-left:-950px; z-index:1;}
.mapdonghua video{ width:1900px; height:948px;}
.index7 .index_title{ position:relative; z-index:100; margin-top:80px;}

.index8{ width:100%; height:auto; overflow:hidden; margin-top:-140px; z-index:10; position:relative;}
.index8_1{ width:1400px; background:#FFF; overflow:hidden; margin:0 auto; padding:50px 0 80px 0;}

.swiper-container2 {
	margin:30px auto 0 auto;
	width: 1260px;
	height: 100%;
	overflow:hidden;
}
.swiper-container2 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-pagination2{ margin-top:50px;}
.swiper-pagination2 .swiper-pagination-bullet{ width:10px; height:10px; background:#2755b3; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin:0 7.5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.swiper-pagination2 .swiper-pagination-bullet-active{ width:40px; background:#2755b3;}

.index8_2{ width:100%; overflow:hidden; cursor:pointer;}
.index8_3{ width:100%; overflow:hidden;}
.index8_3 img{ display:block; width:100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index8_4{ width:90%; padding:0 5%; height:40px; line-height:40px; overflow:hidden; background:url(../images/zhuanti/index7_5.jpg) center center no-repeat; font-size:16px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index8_2:hover .index8_3 img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.index8_2:hover .index8_4{ background:url(../images/zhuanti/index7_5_on.jpg) center center no-repeat; color:#FFF;}

.index9{ width:100%; overflow:hidden; background:#f5f7fa; padding-bottom:60px;}
.index9_5{ width:1500px; overflow:hidden; background:url(../images/zhuanti/honor_bg3.png) bottom center no-repeat; margin:0 auto;}
.index9_1{ width:1260px; margin:0 auto; overflow:hidden; padding:60px 0 0 0;}

.swiper-container3 {
	margin:30px auto 0 auto;
	width: 1260px;
	height: 100%;
	overflow:hidden;
}
.swiper-container3 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-pagination3{ margin-top:60px;}
.swiper-pagination3 .swiper-pagination-bullet{ width:10px; height:10px; background:#2755b3; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin:0 7.5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.swiper-pagination3 .swiper-pagination-bullet-active{ width:40px; background:#2755b3;}

.index9_2{ width:100%; overflow:hidden;}
.index9_3{ outline:none; position:relative; display:block; width:100%; overflow:hidden;}
.index9_3_1{ display:block; width:100%; position:absolute; top:0; left:0; z-index:10;}
.index9_3_2{ display:block; width:100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index9_4{ font-size:16px; color:#666666; background:url(../images/zhuanti/honor_bg1.jpg) top center repeat-x; width:90%; padding:0 5%; height:110px; line-height:68px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index9_3:hover .index9_3_2{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}

.index10{ width:100%; overflow:hidden;}
.index10_1{ width:1260px; margin:0 auto; overflow:hidden; padding:80px 0 60px 0;}

.gallery-top {
	float:left;
	width:1015px;
	height:570px;
	overflow:hidden;
	margin-top:30px;
}
.gallery-thumbs-out{ float:right; width:225px; height:570px; margin-top:30px; position:relative; overflow:hidden;}
.gallery-thumbs {
	margin-top:40px;
	width:225px;
	height:490px;
	box-sizing: border-box;
	overflow:hidden;
}
.gallery-thumbs .swiper-slide {
	opacity: 1;
}
.gallery-thumbs .swiper-slide-active {
	opacity: 1;
}
.gallery-top video{ display:block; width:100%; height:570px; background:#000; outline:none;}
.swiper-button-next4{ position:absolute; bottom:0; left:0; width:225px; height:30px; background:url(../images/zhuanti/index10_next.png) center center no-repeat #f0f0f0; cursor:pointer; outline:none;}
.swiper-button-prev4{ position:absolute; top:0; left:0; width:225px; height:30px; background:url(../images/zhuanti/index10_prev.png) center center no-repeat #f0f0f0; cursor:pointer; outline:none;}
.index10_2{ cursor:pointer; width:100%; overflow:hidden;}
.index10_3{ display:block; width:225px; height:127px;}
.index10_4{ width:90%; padding:0 5%; height:29.6px; line-height:29px; font-size:15px; color:#333; background:url(../images/zhuanti/index7_5.jpg) center center no-repeat; background-size:100% 100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.gallery-thumbs .swiper-slide-active .index10_4{ background:url(../images/zhuanti/index7_5_on.jpg) center center no-repeat; background-size:100% 100%; color:#FFF;}

.footer{ width:100%; overflow:hidden;}
.footer_top{ width:100%; overflow:hidden; background:url(../images/zhuanti/footer_bg.jpg) center center no-repeat #1d1d1d; padding:40px 0 50px 0;}
.footer_top1{ width:1260px; margin:0 auto; overflow:hidden;}
.footer_top2{ float:left; overflow:hidden;}
.footer_top2_1{ float:left; display:block; width:421px;}
.footer_top2_2{ float:left; clear:both; font-size:14px; color:#FFF; line-height:24px; margin-top:50px;}
.footer_top3{ float:left; overflow:hidden; margin-left:200px; text-align:left; color:#FFF;}
.footer_top3_1{ font-size:16px; line-height:26px;}
.footer_top3_2{ float:left; margin-top:20px;}
.footer_top3_2 li{ font-size:14px; line-height:24px; margin-top:20px; padding-left:25px;}
.footer_top3_2 li:nth-child(1){ background:url(../images/zhuanti/footer1.png) left 4px no-repeat;}
.footer_top3_2 li:nth-child(2){ background:url(../images/zhuanti/footer2.png) left 2px no-repeat;}
.footer_top4{ float:right; display:block; width:140px;}

.footer_bot{ width:100%; overflow:hidden; background:#1d1d1d; border-top:1px solid #323232;}
.footer_bot1{ width:1260px; margin:0 auto; overflow:hidden; padding:20px 0;}
.footer_bot2{ float:left; overflow:hidden; font-size:14px;}
.footer_bot2 li{ float:left; color:#FFF; margin-right:10px;}
.footer_bot2 li a{ color:#FFF;}
.footer_bot2 li a:hover{ text-decoration:underline;}
.footer_bot3{ float:right; overflow:hidden;}
.footer_bot3 a{ color:#666666; font-size:14px;}

