@charset "utf-8";
@media only screen and (max-width:641px){

/*首页*/
.banner{ width:100%; height:100vh; background-size:auto 100% !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; max-width:80%; 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:20px; color:#FFF; line-height:30px;}
.banner_title2{ width:40px; height:2px; background:#FFF; margin:15px auto 0 auto;}
.banner_title3{ font-size:14px; color:#FFF; line-height:24px; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6; margin-top:20px;}
.banner_title4{ font-size:13px; color:#FFF; line-height:23px; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6; margin-top:10px;}

.swiper-button-next1{ width:40px; height:40px; margin-top:-20px; background:url(../images/zhuanti/banner_r.png) center center no-repeat; background-size:auto 35px; position:absolute; top:50%; right:0; 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:40px; height:40px; margin-top:-20px; background:url(../images/zhuanti/banner_l.png) center center no-repeat; background-size:auto 35px; position:absolute; top:50%; left:0; 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;}
.scroll{ right:3%;}

.swiper-container1{ margin-top:-55px;}

.header{ width:100%; height:106px; background:url(../images/header_bg.jpg) top center no-repeat; position:fixed; left:0; top:0; z-index:100; display:none;}

.mobile_bg{ width:100%; overflow:hidden; display:block; background:#2d5fc0; position:relative; z-index:999999999999;}
.mobile_nav{ width:100%; overflow:hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; padding:12px 0 8px 0; text-align:left;}
.mobile_logo{ display:inline-block; height:30px; margin-left:3%;}

.mobile_nav_in{ width:100%; overflow:hidden; float:left; display:none; background:#FFF;}
.mobile_nav_in>li{ float:left; width:100%; min-height:40px; border-bottom:1px solid #ccc;}
.mobile_nav_in>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:13px;}
.mobile_nav_in1{ float:left; width:76%; border:none; height:40px; padding:0 2%; font-family:"微软雅黑"; outline:none; font-size:13px;}
.mobile_nav_in2{ float:left; width:20%; border:none; height:40px; font-family:"微软雅黑"; outline:none; background:url(../images/index2.jpg) center center #d9d9d9 no-repeat;}

.mobile_nav_step1{}
.mobile_nav_step2{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step2>li{ float:left; width:100%; min-height:40px; border-top:1px solid #ccc;}
.mobile_nav_step2>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:12px;}

.mobile_nav_step3{}
.mobile_nav_step4{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step4>li{ float:left; width:100%; min-height:40px; border-top:1px solid #ccc;}
.mobile_nav_step4>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:12px;}

.mobile_nav_search1{ float:left; padding:0 3%; width:84%; height:40px; border:0; font-family:"微软雅黑"; color:#666; outline:none;}
.mobile_nav_search2{ float:right; height:40px; width:10%; background:url(../images/header1_1.jpg) center center no-repeat; border:none; outline:none;}

.header_mobile1{ width:33px; height:33px; position:absolute; right:3%; bottom:9px;}
.header_mobile1 .span1{ display:block; height:3px; background:#FFF; width:33px; position:absolute; top:6px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span2{ display:block; height:3px; background:#FFF; width:33px; position:absolute; top:15px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span3{ display:block; height:3px; background:#FFF; width:33px; position:absolute; top:24px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.header_mobile_in_open .span1{
	top:15px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.header_mobile_in_open .span2{ display:none;}
.header_mobile_in_open .span3{
	top:15px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

.mobile_nav_search1{ float:left; padding:0 3%; width:84%; height:40px; border:0; font-family:"微软雅黑"; color:#666; outline:none;}
.mobile_nav_search2{ float:right; height:40px; width:10%; background:url(../images/header2_1.png) center center no-repeat; border:none; outline:none;}

.index_title{ display:table; margin:0 auto;}
.index_title1{ font-size:18px; line-height:18px; color:#333;}
.index_title2{ width:30px; height:2px; background:#2755b3; clear:both; margin:20px auto 0 auto;}

.color_white{ color:#FFF;}
.bg_white{ background:#FFF;}

.index1{ width:100%; overflow:hidden;}
.index1_1{ width:1260px; max-width:94%; margin:0 auto; overflow:hidden; padding:30px 0;}

.index1_2{ width:100%; overflow:hidden; margin-top:20px;}
.index1_2 li{ float:left; width:23%; overflow:hidden; background:url(../images/zhuanti/index1_1.jpg) right center no-repeat; background-size:1px auto; padding:0 1%;}
.index1_2 li:nth-child(4){ background:none;}
.index1_3{ font-size:22px; color:#1947a5; line-height:40px;}
.index1_4{ font-size:13px; color:#333333; line-height:20px; margin-top:5px;}

.index2{ width:100%; overflow:hidden; background:url(../images/zhuanti/index2_bg.jpg) center center no-repeat; background-size:cover;}
.index2_1{ width:1260px; max-width:94%; margin:0 auto; overflow:hidden; padding:30px 0;}

.index2_2{ width:100%; overflow:hidden; height:auto;}
.index2_2 li{ float:left; width:calc(100% - 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; padding-bottom:30px;}
.index2_2 li:nth-child(2n-1){ margin-top:30px; background:#2d62d0; height:auto;}
.index2_2 li:nth-child(2n){ margin-top:30px; background:#1947a5; height:auto;}
.index2_3{ display:block; margin:30px auto 0 auto; width:60px; -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:35px; height:3px; background:#FFF; margin:20px 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:125px; font-size:16px; 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:14px; color:#FFF; line-height:30px; margin:50px 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_2 li:nth-child(2n-1):hover{ margin-top:30px;}
.index2_2 li:nth-child(2n):hover{ margin-top:30px;}

.index2_2 li:nth-child(1){ background:url(../images/zhuanti/index2_5_1.jpg) center center no-repeat; background-size:100% 100%;}
.index2_2 li:nth-child(2){ background:url(../images/zhuanti/index2_5_2.jpg) center center no-repeat; background-size:100% 100%;}
.index2_2 li:nth-child(3){ background:url(../images/zhuanti/index2_5_3.jpg) center center no-repeat; background-size:100% 100%;}
.index2_2 li:nth-child(4){ background:url(../images/zhuanti/index2_5_4.jpg) center center no-repeat; background-size:100% 100%;}

.index2_2 li:hover .index2_3{ -webkit-transform:scale(1) translateZ(0); -moz-transform:scale(1) translateZ(0); -ms-transform:scale(1) translateZ(0); -o-transform:scale(1) translateZ(0); transform:scale(1) translateZ(0); filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.index2_2 li:hover .index2_4{ margin-top:20px;}
.index2_2 li:hover .index2_5{ position:absolute; top:0; left:5%; margin-top:125px;}
.index2_2 li:hover .index2_6{ margin-top:50px;}

.index3{ width:100%; overflow:hidden; background:#f5f7fa;}
.index3_1{ width:1260px; max-width:97%; margin:0 auto; overflow:hidden; padding:30px 0;}

.index3_2{ width:94%; margin:20px auto 0 auto; overflow:hidden; font-size:14px; color:#333; line-height:30px;}
.index3_3{ float:left; background:#FFF; width:47%; margin:25px 1.5% 0 1.5%; -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:15px 0;}
.index3_5 li{ font-size:13px; color:#333; height:18px; line-height:18px; padding:10px 0; width:calc(100% - 30px); padding-left:30px;}
.index3_5_1 li:nth-child(1){ background:url(../images/zhuanti/index3_5_1.jpg) left center no-repeat; background-size:22px auto;}
.index3_5_1 li:nth-child(2){ background:url(../images/zhuanti/index3_5_2.jpg) left center no-repeat; background-size:22px auto;}
.index3_5_1 li:nth-child(3){ background:url(../images/zhuanti/index3_5_3.jpg) left center no-repeat; background-size:22px auto;}
.index3_5_2 li:nth-child(1){ background:url(../images/zhuanti/index3_5_4.jpg) left center no-repeat; background-size:22px auto;}
.index3_5_2 li:nth-child(2){ background:url(../images/zhuanti/index3_5_5.jpg) 4px center no-repeat; background-size:14px auto;}
.index3_5_2 li:nth-child(3){ background:url(../images/zhuanti/index3_5_6.jpg) 4px center no-repeat; background-size:14px auto;}
.index3_5_3 li:nth-child(1){ background:url(../images/zhuanti/index3_5_7.jpg) left center no-repeat; background-size:22px auto;}
.index3_5_3 li:nth-child(2){ background:url(../images/zhuanti/index3_5_8.jpg) left center no-repeat; background-size:22px auto;}
.index3_5_3 li:nth-child(3){ background:url(../images/zhuanti/index3_5_9.jpg) left center no-repeat; background-size:22px auto;}
.index3_5_4 li:nth-child(1){ background:url(../images/zhuanti/index3_5_10.jpg) left center no-repeat; background-size:22px auto;}
.index3_5_4 li:nth-child(2){ background:url(../images/zhuanti/index3_5_11.jpg) left center no-repeat; background-size:22px auto;}
.index3_5_4 li:nth-child(3){ background:url(../images/zhuanti/index3_5_12.jpg) left center no-repeat; background-size:22px auto;}
.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; max-width:94%; margin:0 auto; overflow:hidden; padding:30px 0 0 0;}
.index4_2{ float:left; width:100%; overflow:hidden; position:relative; cursor:pointer; margin-top:30px;}
.index4_2_1{ width:100%; display:block;}
.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;}
.index4_2:hover .index4_2_2{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.index4_3{ text-align:center; width:280px; max-width:100%; float:none; margin:0 auto;}
.index4_3 .index_title{ float:none; width:100%; margin-top:0;}
.index4_3 .index_title1{ color:#2755b3;}
.index4_3 .index_title3{ float:left; width:100%; overflow:hidden; font-size:14px; line-height:28px; margin-top:5px; color:#2755b3; padding-bottom:15px;}
.index4_3 .index_title4{ float:none; width:30px; height:2px; background:#2755b3; clear:both; margin:0 auto}
.index4_4{ float:left; width:100%; overflow:hidden; margin-top:15px;}
.index4_4 li{ float:left; width:100%; overflow:hidden; height:40px; background:url(../images/zhuanti/index4_2.png) center center no-repeat; background-size:100% 40px; 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:14px; color:#FFF; font-weight:bold; line-height:40px; display:block; background:url(../images/zhuanti/index4_3.png) 15px center no-repeat; background-size:auto 12px; width:calc(100% - 35px); padding-left:35px; text-align:left;}
.index4_4 li:hover{ background:url(../images/zhuanti/index4_2_on.png) center center no-repeat; background-size:100% 40px;}

.index5{ width:100%; overflow:hidden;}
.index5_1{ width:1260px; max-width:94%; margin:0 auto; overflow:hidden; padding:30px 0 0 0;}

.index5_2{ width:100%; overflow:hidden; background:url(../images/zhuanti/index5_bg.jpg) top center no-repeat; background-size:auto 250px; margin-top:30px;}
.index5_3{ width:1260px; max-width:94%; margin:105px auto 0 auto; overflow:hidden; padding-bottom:30px;}
.index5_3 li{ float:left; width:100%; height:auto; margin-top:20px; cursor:pointer; padding-bottom:30px;}
.index5_3 li:nth-child(2n+1){ clear:left;}
.index5_3 li:nth-child(1){ background:url(../images/zhuanti/index5_1_1.jpg) center center no-repeat; background-size:100% auto;}
.index5_3 li:nth-child(2){ background:url(../images/zhuanti/index5_2_1.jpg) center center no-repeat; background-size:100% auto;}
.index5_3 li:nth-child(3){ background:url(../images/zhuanti/index5_3_1.jpg) center center no-repeat; background-size:100% auto;}
.index5_3 li:nth-child(4){ background:url(../images/zhuanti/index5_4_1.jpg) center center no-repeat; background-size:100% auto;}
.index5_3 li:nth-child(5){ background:url(../images/zhuanti/index5_5_1.jpg) center center no-repeat; background-size:100% auto;}
.index5_4{ display:block; margin:20px auto 0 auto; width:30%; -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:15px; color:#FFF; line-height:22px; margin:10px auto 0 auto; width:90%;}
.index5_6{ font-size:14px; color:#FFF; text-align:left; width:80%; overflow:hidden; margin:5px 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=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.index5_7{ font-size:12px; color:#FFF; text-align:left; width:80%; overflow:hidden; margin:5px 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=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.index5_3 li.on{ width:100%; height:auto;}
.index5_3 li:nth-child(1).on{ background:url(../images/zhuanti/index5_1_1_on.jpg) center center no-repeat; background-size:100% auto; margin-top:20px;}
.index5_3 li:nth-child(2).on{ background:url(../images/zhuanti/index5_2_1_on.jpg) center center no-repeat; background-size:100% auto; margin-top:20px;}
.index5_3 li:nth-child(3).on{ background:url(../images/zhuanti/index5_3_1_on.jpg) center center no-repeat; background-size:100% auto; margin-top:20px;}
.index5_3 li:nth-child(4).on{ background:url(../images/zhuanti/index5_4_1_on.jpg) center center no-repeat; background-size:100% auto; margin-top:20px;}
.index5_3 li:nth-child(5).on{ background:url(../images/zhuanti/index5_5_1_on.jpg) center center no-repeat; background-size:100% auto; margin-top:20px;}
.index5_3 li.on .index5_4{ margin-top:20px; width:30%;}
.index5_3 li.on .index5_5{ font-size:15px; font-weight:bold; line-height:22px;}
.index5_3 li.on .index5_6{ margin-top:5px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.index5_3 li.on .index5_7{ margin-top:5px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

.index6{ width:100%; overflow:hidden; background:#f5f7fa;}
.index6_1{ width:1260px; max-width:94%; margin:0 auto; overflow:hidden; padding:0 0 30px 0;}

.index6_2{ float:left; width:100%; overflow:hidden; margin-top:30px;}
.index6_2 .index_title{ float:none;}
.index6_2 .index_title2{ float:none;}
.index6_3{ float:left; width:100%; text-align:left; overflow:hidden; font-size:14px; color:#000; line-height:28px; margin-top:20px;}
.index6_4{ float:right; width:885px; max-width:100%; overflow:hidden; background:url(../images/zhuanti/index6_bg.jpg) bottom center no-repeat; background-size:100% auto; padding-bottom:25px; padding-left:0;}
.index6_5{ width:100%; overflow:hidden;}
.index6_5 li{ float:left; width:23.33%; height:45vw; overflow:hidden; margin-left:3%; margin-top:15px; font-size:13px; text-align:left; color:#333; line-height:22px; padding:15px 3% 0 3%; 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 bottom no-repeat #ebebeb; background-size:100% auto;}
.index6_5 li:nth-child(2){ background:url(../images/zhuanti/index6_2.jpg) center bottom no-repeat #ebebeb; background-size:100% auto;}
.index6_5 li:nth-child(3){ background:url(../images/zhuanti/index6_3.jpg) center bottom no-repeat #ebebeb; background-size:100% auto;}
.index6_5 li:nth-child(4){ background:url(../images/zhuanti/index6_4.jpg) center bottom no-repeat #ebebeb; background-size:100% auto;}
.index6_5 li:nth-child(5){ background:url(../images/zhuanti/index6_5.jpg) center bottom no-repeat #ebebeb; background-size:100% auto;}
.index6_5 li:hover{ margin-top:15px; color:#2755b3;}

.index7{ width:100%; height:470px; overflow:hidden; padding:0; position:relative; z-index:1;}
.china { width:800px; height:660px; margin:0 auto;}
.mapdonghua{ width:100%; height:400px; position:absolute; top:0; left:50%; margin-left:-950px; z-index:1;}
.mapdonghua video{ width:1900px; height:400px;}
.index7 .index_title{ position:relative; z-index:100; margin-top:30px;}

.index8{ width:100%; height:auto; overflow:hidden; margin-top:-126px; z-index:10;}
.index8_1{ width:1400px; background:#FFF; overflow:hidden; margin:0 auto; padding:30px 0 30px 0; max-width:94%;}

.swiper-container2 {
	margin:30px auto 0 auto;
	width: 1260px;
	max-width: 94%;
	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:30px;}
.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 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.swiper-pagination2 .swiper-pagination-bullet-active{ width:25px; 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:14px; 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:30px;}
.index9_5{ width:1500px; max-width:100%; overflow:hidden; background:url(../images/zhuanti/honor_bg3.png) bottom center no-repeat; background-size:100% 160px; margin:0 auto;}
.index9_1{ width:1260px; max-width:94%; margin:0 auto; overflow:hidden; padding:30px 0 0 0;}

.swiper-container3 {
	margin:30px auto 0 auto;
	width: 1260px;
	max-width:88%;
	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:40px;}
.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 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.swiper-pagination3 .swiper-pagination-bullet-active{ width:25px; 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:14px; color:#666666; background:url(../images/zhuanti/honor_bg1.jpg) bottom center repeat-x; background-size:auto 60px; width:90%; padding:0 5%; height:60px; line-height:40px; 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; max-width:94%; margin:0 auto; overflow:hidden; padding:30px 0;}

.gallery-top {
	float:left;
	width:100%;
	height:55vw;
	overflow:hidden;
	margin-top:30px;
}
.gallery-thumbs-out{ float:left; width:100%; height:auto; margin-top:15px; position:relative; overflow:hidden;}
.gallery-thumbs {
	margin-top:0;
	margin-left:35px;
	width:calc(100% - 70px);
	height:auto;
	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:55vw; background:#000; outline:none;}
.swiper-button-next4{ position:absolute; bottom:0; left:inherit; right:0; width:25px; height:116px; background:url(../images/zhuanti/index10_next1.png) center center no-repeat #f0f0f0; cursor:pointer; outline:none;}
.swiper-button-prev4{ position:absolute; top:0; left:0; width:25px; height:116px; background:url(../images/zhuanti/index10_prev1.png) center center no-repeat #f0f0f0; cursor:pointer; outline:none;}
.index10_2{ cursor:pointer; width:100%; overflow:hidden;}
.index10_3{ display:block; width:100%; height:86px;}
.index10_4{ width:90%; padding:0 5%; height:30px; line-height:30px; font-size:14px; 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:30px 0;}
.footer_top1{ width:1260px; max-width:94%; margin:0 auto; overflow:hidden;}
.footer_top2{ float:left; overflow:hidden;}
.footer_top2_1{ float:left; display:block; width:215px;}
.footer_top2_2{ float:left; clear:both; font-size:13px; color:#FFF; line-height:24px; margin-top:20px;}
.footer_top3{ float:left; overflow:hidden; margin-left:0; text-align:left; color:#FFF; width:100%; margin-top:20px;}
.footer_top3_1{ font-size:14px; line-height:20px;}
.footer_top3_2{ float:left; margin-top:10px; padding-bottom:20px;}
.footer_top3_2 li{ font-size:13px; line-height:24px; margin-top:5px; padding-left:25px;}
.footer_top3_2 li:nth-child(1){ background:url(../images/zhuanti/footer1.png) left 4px no-repeat; background-size:auto 15px;}
.footer_top3_2 li:nth-child(2){ background:url(../images/zhuanti/footer2.png) 2px 4px no-repeat; background-size:auto 15px;}
.footer_top4{ float:none; display:block; width:100px; margin:0 auto;}

.footer_bot{ width:100%; overflow:hidden; background:#1d1d1d; border-top:1px solid #323232;}
.footer_bot1{ width:1260px; max-width:94%; margin:0 auto; overflow:hidden; padding:15px 0;}
.footer_bot2{ float:left; overflow:hidden; font-size:12px;}
.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:left; overflow:hidden; margin-top:10px; clear:both;}
.footer_bot3 a{ color:#666666; font-size:12px;}

}