@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:0.625vw; font-family:"PingFang SC","Microsoft Yahei"; overflow-x: hidden; text-align:center;}
.blank0{ width:100%; height:0px; clear:both;}

/*首页*/

/*banner*/
.swiper-container1 {
	width: 100%;
	height: 100vh;
	display:block;
	position:relative;
	z-index:100;
}
.swiper-container1 .swiper-slide {
	text-align: center;
	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_operate{ position:absolute; bottom:6vh; left:7vw; width:86vw; height:1.6vw; z-index:100;}
.banner_operate1{ width:2.9vw; height:3.75vw; position:absolute; top:-2.9vw; left:50%; margin-left:-1.45vw; cursor:pointer;}
.banner_operate1 img{ display:block; width:2.9vw; height:3.75vw; -webkit-animation:play 2s linear infinite; -moz-animation:play 2s linear infinite; -ms-animation:play 2s linear infinite; -o-animation:play 2s linear infinite; animation:play 2s linear infinite;}
.swiper-pagination1{ float:left;}
.swiper-pagination1 .swiper-pagination-bullet{ background:url(../images/point.png) no-repeat; background-size:1.6vw 1.6vw; width:1.6vw; height:1.6vw; margin:0 6px 0 0 !important; cursor:pointer;}
.swiper-pagination1 .swiper-pagination-bullet-active{ background:url(../images/point_on.png) no-repeat; background-size:1.6vw 1.6vw;}
.swiper-button-next1{ width:0.625vw; height:0.885vw; background:url(../images/banner_r.png) no-repeat; background-size:0.625vw 0.885vw; cursor:pointer; float:right; margin-top:0.39vw; margin-left:1.3vw;}
.swiper-button-prev1{ width:0.625vw; height:0.885vw; background:url(../images/banner_l.png) no-repeat; background-size:0.625vw 0.885vw; cursor:pointer; float:right; margin-top:0.39vw; margin-left:1.3vw;}
.banner_operate .number{ float:right; color:#FFF; font-size:0.729vw; font-weight:bold; line-height:1.6vw;}
.banner_bg{ width:100%; height:100vh; position:relative; z-index:10; 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{ width:86vw; text-align:left; color:#FFF;}
.banner_title1{ float:left; width:63vw; font-size:3.22vw; line-height:4vw; padding:0 0 3.3vw 0;}
.banner_title2{ float:left; clear:both; width:63vw; height:4px; background:#4971a9; position:relative;}
.banner_title2:after{ width:5.625vw; height:4px; position:absolute; top:0; left:0; background:#FFF; content:"";}
.banner_title3{ float:left; clear:both; text-align:center; color:#FFF; font-size:0.83vw; display:block; width:10.93vw; height:3.125vw; line-height:3.125vw; border:2px solid #FFF; margin-top:4vw; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.banner_title3:hover{ background:#ef9525; color:#FFF; border:2px solid #ef9525;}

@-webkit-keyframes play{
    0%  {
        margin-top:0.5vw;
    }
	30% {
        margin-top:0.25vw;
	}
	90% {
        margin-top:0.75vw;
	}
    100% {
        margin-top:0.5vw;
    }
}
@-moz-keyframes play{
    0%  {
        margin-top:0.5vw;
    }
	30% {
        margin-top:0.25vw;
	}
	90% {
        margin-top:0.75vw;
	}
    100% {
        margin-top:0.5vw;
    }
}
@-ms-keyframes play{
    0%  {
        margin-top:0.5vw;
    }
	30% {
        margin-top:0.25vw;
	}
	90% {
        margin-top:0.75vw;
	}
    100% {
        margin-top:0.5vw;
    }
}
@-o-keyframes play{
    0%  {
        margin-top:0.5vw;
    }
	30% {
        margin-top:0.25vw;
	}
	90% {
        margin-top:0.75vw;
	}
    100% {
        margin-top:0.5vw;
    }
}
@keyframes play{
    0%  {
        margin-top:0.5vw;
    }
	30% {
        margin-top:0.25vw;
	}
	90% {
        margin-top:0.75vw;
	}
    100% {
        margin-top:0.5vw;
    }
}

.mobile_bg{ display:none;}

.header{ position:fixed; top:0; left:0; z-index:999999; width:86vw; height:6vw; padding:0 7vw; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.logo{ float:left; display:block; width:12.39vw; margin-top:0.729vw; position:relative; z-index:10; -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;
}
.logo1{ float:left; display:block; width:12.39vw; margin-top:0.729vw; position:absolute; top:0; left:7vw; z-index:10; 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;
}

.search{ float:right; width:2vw; height:2vw; border:0.1vw solid #FFF; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin-top:1.9vw; background:url(../images/search.png) center center no-repeat; background-size:0.9375vw 0.9375vw; 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;}
.search_out{ position:fixed; top:6vw; left:0; z-index:999998; width:86vw; padding:3vw 7vw; background:#FFF; -webkit-box-shadow:0 5px 5px rgba(0, 0, 0, .1); -moz-box-shadow:0 5px 5px rgba(0, 0, 0, .1); box-shadow:0 5px 5px rgba(0, 0, 0, .1); display:none;}
.search_out1{ float:left; width:76vw; padding:0 1vw; border:0.05vw solid #ccc; height:3vw; font-size:0.9375vw; font-family:"PingFang SC,Microsoft Yahei"; color:#333; outline:none;}
.search_out2{ float:left; width:7.8vw; height:3.1vw; border:0; background:#4279de; font-size:0.9375vw; font-family:"PingFang SC,Microsoft Yahei"; color:#FFF; outline:none; cursor:pointer;}

.nav{ float:right;}
.nav>li{ float:left; margin-right:2.5vw; position:relative;}
.nav>li>a{ font-size:0.9375vw; color:#FFF; line-height:6vw; display:block; position:relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.nav>li>a:after{ content:""; position:absolute; width:0; height:0.15625vw; background:#FFF; bottom:0; left:50%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.nav>li.on>a:after{ left:0; width:100%;}
.nav>li:hover>a:after{ left:0; width:100%;}
.nav1{ position:absolute; top:6vw; left:0; text-align:left; overflow:hidden; display:none; flex-wrap:nowrap; background:url(../images/nav_bg.jpg) left top no-repeat #FFF; background-size:10.52vw auto; -webkit-box-shadow:0 8px 8px rgba(0, 0, 0, .1); -moz-box-shadow:0 8px 8px rgba(0, 0, 0, .1); box-shadow:0 8px 8px rgba(0, 0, 0, .1);}
.nav1>ul{ min-width:max-content; margin:1vw 0 1vw 0; padding:0 3vw 0 2vw; border-right:1px solid #ccc;}
.nav1>ul:last-child{ border-right:0;}
.nav1>ul>li{ float:left; overflow:hidden; clear:both;}
.nav1>ul>li>a{ font-size:0.83vw; color:#000; display:block; line-height:2vw; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.nav>li:hover .nav1{ display:flex;}
.nav1>ul>li>a:hover{ color:#043b88;}

.header_on{ background:#FFF; -webkit-box-shadow:0 5px 5px rgba(0, 0, 0, .1); -moz-box-shadow:0 5px 5px rgba(0, 0, 0, .1); box-shadow:0 5px 5px rgba(0, 0, 0, .1);}
.header_on .search{ border:0.1vw solid #262626; background:url(../images/search_on.png) center center no-repeat; background-size:0.9375vw 0.9375vw;}
.header_on .nav>li>a{ color:#262626;}
.header_on .nav>li>a:after{ background:#043b88;}
.header_on .nav>li.on>a{ color:#043b88;}
.header_on .nav>li:hover>a{ color:#043b88;}
.header_on .logo{ filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.header_on .logo1{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

.index_title{ width:100%; overflow:hidden;}
.index_title1{ float:left; font-size:3.22vw; line-height:3.22vw;}
.index_title1 span{ font-size:1.25vw; line-height:1.4vw;}
.index_more{ float:right; display:block; height:3.22vw; line-height:3.22vw; border:2px solid #043b88; font-size:0.83vw; color:#043b88; padding:0 6vw 0 1vw; background:url(../images/index_more.png) 90% center no-repeat; background-size:0.52vw 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;}
.index_more:hover{ background:url(../images/index_more_on.png) 90% center no-repeat #043b88; background-size:0.52vw auto; color:#FFF;}

.index1{ width:86vw; padding:5vw 7vw; overflow:hidden;}
.index1_list{ width:86vw; overflow:hidden; margin-top:2.5vw;}
.index1_list li{ float:left; border:1px solid #ccc; border-right:0; height:33vw; width:calc(4vw - 1px); -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; position:relative; overflow:hidden;}
.index1_list li:last-child{ border-right:1px solid #ccc; width:calc(4vw - 2px);}
.index1_list li.active{ width:calc(50vw - 1px);}
.index1_list li:last-child.active{ width:calc(50vw - 2px);}
.index1_2{ float:left; width:calc(4vw - 1px); overflow:hidden; font-weight:bold; font-size:1.25vw; height:33vw;}
.index1_2 span{ margin:2vw 0 0.7vw 0; display:inline-block; font-weight:normal; color:#767676; width:2.6vw; height:2.6vw; line-height:2.6vw; background:#efefef; text-align:center; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.index1_9{ width:calc(48vw - 2px); overflow:hidden; position:absolute; top:0; left:7vw; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.index1_3{ float:left; width:25vw; text-align:left;}
.index1_4{ float:left; margin:2vw 0 0.7vw 0; display:inline-block; font-size:1.25vw; font-weight:bold; color:#FFF; width:2.6vw; height:2.6vw; line-height:2.6vw; background:#043b88; text-align:center; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.index1_5{ float:left; width:100%; clear:both; font-size:1.5625vw; font-weight:bold; color:#043b88;}
.index1_6{ float:left; width:100%; clear:both; font-size:0.83vw; color:#666666; line-height:1.6vw; margin-top:3vw;}
.index1_7{ float:left; margin-top:3vw;}
.index1_8{ float:right; display:block; width:20vw; margin-right:2vw; margin-top:8vw;}
.index1_list li.active .index1_2{ visibility:hidden;}
.index1_list li.active .index1_9{ left:2vw;}

.index2{ width:100vw; overflow:hidden; position:relative;}
.index2 .index_title1{ color:#FFF;}
.index2 .index_more{ color:#FFF; border:2px solid #FFF; background:url(../images/index_more_on.png) 90% center no-repeat; background-size:0.52vw auto;}
.index2 .index_more:hover{ color:#043b88; background:url(../images/index_more.png) 90% center no-repeat #FFF; background-size:0.52vw auto;}

.gallery-top{ width:100vw; height:auto;}
.gallery-top .swiper-slide{ width:100vw;}
.gallery-thumbs{ width:86vw; height:auto; box-sizing:border-box; position:absolute; left:7vw; bottom:4vw; z-index:100;}
.gallery-thumbs .swiper-slide{ width:25%; height:100%; opacity:0.4;}
.gallery-thumbs .swiper-slide-thumb-active { opacity:1;}

.index2_1{ background-size:cover !important; width:86vw; padding:5vw 7vw 10vw 7vw;}
.index2_2{ width:100%; padding-top:4vw; overflow:hidden;}
.index2_3{ width:100%; overflow:hidden; text-align:left; color:#FFF; font-size:1.5625vw; position:relative; padding-bottom:2vw; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index2_3:after{ position:absolute; bottom:0; left:0; width:3vw; height:0.1vw; background:#FFF; z-index:100; content:"";}
.index2_4_out{ height:16vw; width:100%; overflow:hidden; padding-top:3vw; text-align:left; font-size:0.83vw; color:#FFF; line-height:1.6vw;}
.index2_4{ float:left; overflow:hidden;}
.index2_4 li{ float:left; overflow:hidden; margin-right:3vw; margin-bottom:3vw; text-align:center;}
.index2_4 li img{ display:block; height:3.22vw;}
.index2_5{ font-size:0.9375vw; color:#FFF; margin-top:1vw;}
.index2_6{ float:left; max-width:90%; text-align:left; font-size:0.9375vw; color:#FFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-bottom:1vw; position:relative; cursor:pointer;}
.index2_6:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:0.1vw; background:#355582; z-index:100;}
.index2_6:after{ content:""; position:absolute; left:0; bottom:0; width:0; height:0.1vw; background:#FFF; z-index: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;}
.gallery-thumbs .swiper-slide-thumb-active .index2_6:after{ width:7.3vw;}

.index3{ width:86vw; padding:5vw 7vw; background:#e9eef8;}

.swiper-container2 {
	margin-top: 5vw;
	width: 100%;
	height: auto;
	overflow:hidden;
}
.swiper-container2 .swiper-slide {
	text-align: center;
  
	/* 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;
}

.index3_1{ float:left; width:74%; padding:0 10% 5.3vw 10%; min-height:23vw; background:url(../images/index3_bg.jpg) right 2vw no-repeat #FFF; background-size:84% auto; display:block; overflow:hidden; text-align:left; position:relative; -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_1 img{ float:left; display:block; height:4.89vw; margin-top:2vw;}
.index3_2{ float:left; font-size:1.4vw; color:#000; line-height:1.8vw; height:3.6vw; width:100%; overflow:hidden; margin-top:3vw; -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_3{ float:left; font-size:0.83vw; color:#666666; line-height:1.5vw; margin-top:1.5vw; height:7.5vw; overflow:hidden; -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:74%; border-top:2px solid #eeeeee; height:2.3vw; background:url(../images/index3_bg1.png) bottom left no-repeat; background-size:0.83vw auto; position:absolute; bottom:2vw; left:10%; -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_1:hover{ background:url(../images/index3_bg_on.jpg) right 2vw no-repeat #043b88; background-size:84% auto;}
.index3_1:hover .index3_2{ color:#FFF;}
.index3_1:hover .index3_3{ color:#FFF;}
.index3_1:hover .index3_4{ background:url(../images/index3_bg1_on.png) bottom left no-repeat; background-size:0.83vw auto;}

.index4 .index_title1{ -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.active .index_title1{ color:#FFF;}
.index4.active .index_more{ color:#FFF; border:2px solid #FFF; background:url(../images/index_more_on.png) 90% center no-repeat; background-size:0.52vw auto;}
.index4.active .index_more:hover{ color:#043b88; background:url(../images/index_more.png) 90% center no-repeat #FFF; background-size:0.52vw auto;}

.index4{ width:100vw; height:100vh; overflow:hidden; background:url(../images/index4_bg1.jpg) center center no-repeat; background-size:cover; position:relative;}
.index_company_bg{ width:100vw; height:100vh; overflow:hidden; position:absolute; top:0; left:0; z-index:10;}
.index_company_bg img{ display:block; width:100%; height:400vh; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.index4_1{ width:86vw; height:calc(100vh - 16vw); padding:11vw 7vw 5vw 7vw; z-index:100; position:relative; z-index:100;}
.index4_2{ width:100%; overflow:hidden; 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_3{ float:left; width:100%; overflow:hidden; font-size:2vw; color:#FFF; text-align:left; margin-top:12vh;}
.index4_4{ float:left; width:50%; overflow:hidden; font-size:0.83vw; line-height:1.5vw; color:#FFF; text-align:left; margin-top:7vh;}
.index4_5{ float:left; width:100%; overflow:hidden;}
.index4_5 li{ float:left; width:25%; overflow:hidden; text-align:left; color:#FFF; margin-top:12vh;}
.index4_6{ width:100%; overflow:hidden;}
.index4_6 b{ font-size:3.75vw; vertical-align:middle;}
.index4_6 span{ font-size:1.875vw; vertical-align:top;}
.index4_7{ font-size:0.83vw;}
.index4.active .index4_2{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

.index5{ width:100vw; padding:5vw 0; background:url(../images/index5_bg.jpg) center center no-repeat; background-size:cover;}
.index5 .index_title{ width:86%; padding:0 7%;}

.swiper-container3 {
	margin-top: 5vh;
	width: 100%;
	height: auto;
	overflow:hidden;
}
.swiper-container3 .swiper-wrapper {
  transition-timing-function: linear !important;
}
.swiper-container3 .swiper-slide {
	text-align: center;
  
	/* 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-container3 .swiper-slide img{ display:block; margin:0 auto; width:90%;}

.swiper-container4 {
	margin-top: 5vh;
	width: 100%;
	height: auto;
	overflow:hidden;
}
.swiper-container4 .swiper-wrapper {
  transition-timing-function: linear !important;
}
.swiper-container4 .swiper-slide {
	text-align: center;
  
	/* 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-container4 .swiper-slide img{ display:block; margin:0 auto; width:90%;}

.footer{ width:100%; overflow:hidden; background:#000932;}
.footer_top{ width:86%; padding:3vw 7%; overflow:hidden;}
.footer_bot{ width:86%; padding:1vw 7%; overflow:hidden; border-top:1px solid #646877; color:#747885; font-size:0.83vw; line-height:1.4vw;}
.footer_bot a{ color:#747885; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.footer_bot a:hover{ color:#FFF;}

.footer_top1{ float:left;}
.footer_top1_1{ float:left; display:block; width:9.16vw;}
.footer_top1_2{ float:left; font-size:1.35vw; line-height:2vw; color:#FFF; clear:left; margin-top:2.8vw;} 

.footer_top2{ float:left; padding:0 3vw 0 6vw; text-align:center;}
.footer_top2_1{ float:none; display:block; width:8.3vw;}
.footer_top2_2{ float:none; font-size:0.9375vw; color:#cccccc; line-height:1.2vw; clear:left; margin:0 auto; padding-top:1vw;}

.footer_top3{ float:left; text-align:left; margin-left:4vw;}
.footer_top3_1{ float:left; font-size:1.145vw; color:#FFF; clear:left;}
.footer_top3_2{ float:left; clear:left; clear:left; margin-top:1vw;}
.footer_top3_2 li{ float:left; clear:left; margin-top:0.6vw;}
.footer_top3_2 li a{ font-size:0.83vw; color:#cccccc; line-height:1vw;}
.footer_top_blank{ float:left; width:10px; height:5.4vw; clear:both;}

.footer_search{ float:left; clear:left; margin-top:2vw; background:#1a2247; height:3.54vw; overflow:hidden;}
.footer_search1{ float:left; width:3.54vw; height:3.54vw; background:url(../images/footer1.png) center center no-repeat; background-size:0.885vw auto;}
.footer_search2{ float:left; width:15vw; height:3.54vw; line-height:3.54vw; outline:none; font-family:"PingFang SC,Microsoft Yahei"; background:none; color:#fff; font-size:1vw; border:0;}
.footer_search3{ float:left; width:2.6vw; height:3.54vw; background:url(../images/footer2.png) center center no-repeat; background-size:0.625vw auto; border:0; cursor:pointer;}

.piaofu{ position:fixed; bottom:10%; right:0; z-index:9999;}
.piaofu li{ float:left; clear:both; margin:2px 0 0 0; position:relative;}
.piaofu li a{ display:block; width:3vw; height:3vw; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position:relative; z-index:10;}
.piaofu li div{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.piaofu li:nth-child(1) a{ background:url(../images/piaofu2_1.png) center center no-repeat #004c94; background-size:1.45vw auto;}
.piaofu li:nth-child(2) a{ background:url(../images/piaofu3_1.png) center center no-repeat #004c94; background-size:1.4vw auto;}
.piaofu li:nth-child(3) a{ background:url(../images/piaofu4_1.png) center center no-repeat #004c94; background-size:1.14vw auto;}
.piaofu li:nth-child(4) a{ background:url(../images/piaofu5_1.png) center center no-repeat #004c94; background-size:1.04vw auto;}
.piaofu li:nth-child(1) a:hover{ background:url(../images/piaofu2_1.png) center center no-repeat #045eb3; background-size:1.45vw auto;}
.piaofu li:nth-child(2) a:hover{ background:url(../images/piaofu3_1.png) center center no-repeat #045eb3; background-size:1.4vw auto;}
.piaofu li:nth-child(3) a:hover{ background:url(../images/piaofu4_1.png) center center no-repeat #045eb3; background-size:1.14vw auto;}
.piaofu li:nth-child(4) a:hover{ background:url(../images/piaofu5_1.png) center center no-repeat #045eb3; background-size:1.04vw auto;}
.piaofu1{ position:absolute; top:0; right:-8.3vw; width:8.3vw; height:3vw; line-height:3vw; z-index:1; background:#045eb3; color:#FFF; font-size:0.83vw;}
.piaofu li:hover .piaofu1{ right:calc(3vw + 2px);}
.piaofu2{ position:absolute; top:0; right:-8.3vw; width:8.3vw; height:3vw; line-height:3vw; z-index:1; background:#045eb3; color:#FFF; font-size:0.83vw;}
.piaofu li:hover .piaofu2{ right:calc(3vw + 2px);}
.piaofu3{ position:absolute; top:0; right:-8vw; width:8vw; height:8vw; z-index:1; border:1px solid #d1d1d1; background:#FFF;}
.piaofu3 img{ display:block; width:calc(8vw - 10px); height:calc(8vw - 10px); margin:5px;
	-moz-user-select: none; /*火狐*/
	-webkit-user-select: none; /*webkit浏览器*/
	-ms-user-select: none; /*IE10*/
	-khtml-user-select: none; /*早期浏览器*/
	user-select: none;
}
.piaofu li:hover .piaofu3{ right:calc(3vw + 2px);}

.banner{ width:100%; overflow:hidden;}
.banner img{ display:block; width:100%;}

.pro{ width:86vw; padding:5vw 7vw; overflow:hidden;}
.pro_title{ width:100%; overflow:hidden; text-align:left; font-size:2.6vw;}

.pro_nav{ width:100%; overflow:hidden; position:relative; margin-top:2vw;}
.swiper-container5 {
	margin:0 auto;
	width: 95%;
	height: auto;
	position:relative;
	z-index:100;
	overflow:hidden;
}
.swiper-container5 .swiper-slide {
	text-align: center;
	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;
}
.swiper-container5 .swiper-slide a{ font-size:1vw; color:#000; height:3vw; line-height:3vw; padding-bottom:0.3vw; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; max-width:90%;}
.swiper-container5 .swiper-slide a.on{ color:#043b88;}
.pro_nav .swiper-scrollbar { left: 0 !important; height: 0.3vw !important; width: 100% !important;}
.pro_nav .swiper-scrollbar-drag { background: #043b88 !important;}
.swiper-button-next5{ position:absolute; top:0; right:0; width:2vw; height:3vw; background:url(../images/pro4.png) center center no-repeat; background-size:0.729vw auto; cursor:pointer;}
.swiper-button-prev5{ position:absolute; top:0; left:0; width:2vw; height:3vw; background:url(../images/pro3.png) center center no-repeat; background-size:0.729vw auto; cursor:pointer;}

.pro1{ width:100%; overflow:hidden; margin-top:1vw;}
.pro1 li{ float:left; margin-top:2.34vw; width:29.33%; margin-right:6%; position:relative;}
.pro1 li:after{ position:absolute; width:2px; height:100%; background:#cccccc; top:0; left:-10%; content:"";}
.pro1 li:nth-child(3n){ margin-right:0;}
.pro1 li:nth-child(3n+1){ clear:left;}
.pro1 li a{ display:block; width:100%; overflow:hidden; text-align:left;}
.pro2{ float:left; width:calc(100% - 4px); overflow:hidden; border:2px solid #cccccc;}
.pro2 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;}
.pro3{ float:left; width:100%; overflow:hidden; font-size:1.35vw; white-space:nowrap; text-overflow:ellipsis; color:#000; line-height:2vw; margin-top:2vw;}
.pro4{ float:left; width:100%; overflow:hidden; font-size:0.83vw; white-space:nowrap; text-overflow:ellipsis; color:#333; line-height:1vw; margin-top:0.3vw;}
.pro5{ float:left; width:8.375vw; padding-left:1vw; height:2.34vw; line-height:2.34vw; font-size:0.83vw; color:#043b88; border:2px solid #043b88; margin-top:2vw; background:url(../images/index_more.png) 90% center no-repeat; background-size:0.52vw 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;}
.pro1 li a:hover .pro2 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);}
.pro1 li a:hover .pro5{ background:url(../images/index_more_on.png) 90% center no-repeat #043b88; background-size:0.52vw auto; color:#FFF;}

.proIn{ width:86vw; padding:5vw 7vw; overflow:hidden; margin-top:1.5vw; background:#eff5ff;}
.proIn_l{ float:left; width:47%; overflow:hidden; margin-top:5vw; text-align:left;}
.proIn_r{ display:block; width:47%; float:right; margin-top:5vw;}
.proIn_l1{ float:left; width:100%; overflow:hidden; font-size:2.8vw; line-height:4.4vw;}
.proIn_l2{ float:left; width:100%; overflow:hidden; font-size:0.83vw; line-height:1.6vw; margin-top:2vw;}
.proIn_l3{ float:left; width:10vw; height:3.38vw; line-height:3.38vw; font-size:1vw; border:2px solid #043b88; text-align:center; color:#000; margin-top:2vw; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.proIn_l3:hover{ background:#043b88; color:#FFF;}

.proIn2{ width:86vw; padding:5vw 7vw; overflow:hidden;}
.proIn3{ width:100%; overflow:hidden; border-bottom:2px solid #eeeeee;}
.proIn3 span{ float:left; font-size:1.875vw; line-height:1.875vw; padding-bottom:2vw; border-bottom:4px solid #043b88; display:block;}
.proIn4{ width:100%; overflow:hidden; font-size:0.83vw; line-height:1.6vw; text-align:left; padding-top:5vw;}
.proIn4 img{ display:block; margin:0 auto; max-width:100%; min-width:50%;}

.position{ width:86vw; background:#f3f3f3; height:4.16vw; padding:0 7vw 1.56vw 7vw;}
.position1{ width:100%; overflow:hidden; height:4.16vw; line-height:4.16vw; font-size:0.83vw; color:#1e1e1e;}
.position1 .home{ float:left; width:0.98vw; height:4.16vw; background:url(../images/position.png) center center no-repeat; background-size:0.98vw auto;}
.position1 span{ float:left; font-family:"宋体"; padding:0 1vw;}
.position1 a{ float:left; color:#1e1e1e;}

.position_nav{ width:86vw; height:3.9vw; background:#FFF; margin:-1.56vw auto 0 auto; -webkit-box-shadow:0 5px 5px rgba(0, 0, 0, .1); -moz-box-shadow:0 5px 5px rgba(0, 0, 0, .1); box-shadow:0 5px 5px rgba(0, 0, 0, .1);}
.position_nav li{ float:left; width:25%; overflow:hidden;}
.position_nav li a{ display:block; width:100%; height:3.9vw; line-height:3.9vw; font-size:1.04vw; color:#1e1e1e; position:relative; position:relative; -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_nav li a:after{ position:absolute; top:0; right:0; width:1px; height:3.9vw; background:#e3e3e3; content:"";}
.position_nav li:last-child a:after{ display:none;}
.position_nav li a.on{ background:#043b88; color:#FFF;}
.position_nav li a:hover{ background:#043b88; color:#FFF;}

.honor{ width:86vw; overflow:hidden; padding:0 7vw;}
.honor_title{ width:100%; font-size:2.6vw; color:#262626; line-height:4vw; margin-top:5vw;}
.honor1{ width:76%; overflow:hidden; padding:0 12% 4.8vw 12%; background:url(../images/honor_bg2.png) center bottom no-repeat; background-size:100% auto;}
.honor1 li{ float:left; margin:3vw 3% 0 3%; width:27.33%; position:relative;}
.honor1 li:after{ content:""; width:100%; height:2vw; background:url(../images/honor_bg1.jpg) repeat-x; background-size:auto 2vw; position:absolute; bottom:-2vw; left:0;}
.honor1 li a{ display:block; width:100%;}
.honor2{ width:100%; overflow:hidden; background:url(../images/honor_bg.jpg) center center no-repeat; background-size:100% 100%;}
.honor2 img{ display:block; width:82%; height:19.79vw; padding:1.8vw 9%;}
.honor3{ width:90%; padding:0 5%; font-size:0.9375vw; color:#666666; height:3.4vw; line-height:3.4vw; background:#f1f1f1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.honor1 li a:hover .honor3{ color:#004ea2;}

.page{ width:100%; overflow:hidden; padding:4vw 0 5vw 0; font-size:0.83vw; color:#999999;}
.page a{ display:inline-block; border:2px solid #c8c8c8; height:2vw; line-height:2vw; padding:0 0.7vw; -webkit-border-radius:0.2vw; -moz-border-radius:0.2vw; border-radius:0.2vw; margin:0 0.2vw; color:#999999; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background:#fff;}
.page span{ display:inline-block; border:2px solid #c8c8c8; height:2vw; line-height:2vw; padding:0 0.7vw; -webkit-border-radius:0.2vw; -moz-border-radius:0.2vw; border-radius:0.2vw; margin:0 0.2vw; color:#999999; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background:#fff;}
.page a:hover{ background:#004ea2; border:2px solid #004ea2; color:#FFF;}
.page span:hover{ background:#004ea2; border:2px solid #004ea2; color:#FFF;}

.honor_title1{ width:100%; font-size:0.9375vw; color:#262626; text-align:left; line-height:1.6vw; margin-top:2vw;}
.customer{ width:100%; min-height:30vw; overflow:hidden; padding:5vw 0; background:url(../images/customer_bg.jpg) center center no-repeat; background-size:76vw auto;}
.customer1{ width:100%; overflow:hidden;}
.customer1 li{ float:left; margin:1vw 1vw; width:12.33vw; -webkit-box-shadow:0 0 5px rgba(0, 0, 0, .1); -moz-box-shadow:0 0 5px rgba(0, 0, 0, .1); box-shadow:0 0 5px rgba(0, 0, 0, .1); -webkit-border-radius:0.3vw; -moz-border-radius:0.3vw; border-radius:0.3vw;}
.customer1 li:nth-child(6n+1){ clear:left;}
.customer1 li img{ display:block; width:100%;
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
}

.case1{ width:100%; overflow:hidden; padding:5vw 0;}
.case1 li{ float:left; margin:0.8vw 2vw; width:17.5vw;}
.case1 li:nth-child(4n+1){ clear:left;}
.case1 li img{ display:block; width:100%; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1); -moz-box-shadow:0 0 10px rgba(0, 0, 0, .1); box-shadow:0 0 10px rgba(0, 0, 0, .1); -webkit-border-radius:0.3vw; -moz-border-radius:0.3vw; border-radius:0.3vw;
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
}
.case2{ width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:bold; color:#262626; font-size:0.9375vw; line-height:1.6vw; margin-top:0.8vw;}

.download{ width:100%; overflow:hidden; margin-top:2vw;}
.download li{ width:100%; height:auto; padding:3vw 0; overflow:hidden; border-bottom:2px solid #eee; text-align:left;}
.download1{ float:left; width:18vw; height:auto; display:block; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.download2{ float:left; width:65vw; overflow:hidden; margin-left:3vw; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.download3{ float:left; width:100%; font-size:1.5625vw; line-height:2.4vw; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.download4{ float:left; font-size:1vw; color:#444; border:2px solid #ccc; line-height:2.4vw; margin-top:1vw; width:10vw; text-align:center; -webkit-border-radius:1.3vw; -moz-border-radius:1.2vw; border-radius:1.2vw; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.download li:hover .download1{ margin-left:3vw;}
.download li:hover .download2{ width:62vw;}
.download li:hover .download3{ color:#043b88;}
.download li:hover .download4{ color:#FFF; border:2px solid #043b88; background:#043b88;}

.recruit1{ width:100%; overflow:hidden; padding-bottom:5vw;}
.recruit1 li{ float:left; width:41.5vw; background:#f6f6f6; margin-right:3vw; margin-top:3vw; position:relative; padding:2vw 0 3vw 0;}
.recruit1 li:nth-child(2n){ margin-right:0;}
.recruit1 li:nth-child(2n+1){ clear:left;}
.recruit1_1{ float:left; width:16vw; margin-left:3vw; clear:both; text-align:left; overflow:hidden;}
.recruit1_2{ float:left; width:100%; overflow:hidden; font-size:1.5vw; font-weight:bold; color:#043b88; line-height:2vw;}
.recruit1_3{ float:left; width:100%; overflow:hidden; font-size:0.9375vw; font-weight:bold; color:#333; line-height:1.6vw; margin-top:0.8vw;}
.recruit1_4{ float:left; width:100%; overflow:hidden; font-size:0.83vw; color:#666; line-height:1.6vw; margin-top:0.8vw;}
.recruit1_5{ display:block; width:15.6vw; position:absolute; right:2vw; bottom:-1.5vw;}

.recruit2{ width:86vw; padding:0 7vw 5vw 7vw; overflow:hidden; background:url(../images/recruit2_bg.jpg) center center no-repeat; background-size:cover;}
.recruit2 .honor_title{ color:#FFF;}
.recruit2 .honor_title1{ color:#FFF; text-align:center;}
.recruit2_1{ width:86vw; overflow:hidden;}
.recruit2_1 li{ float:left; margin:5vw 5vw 0 5vw; text-align:left; width:11.5vw; overflow:hidden; color:#FFF;}
.recruit2_2{ float:left; overflow:hidden; position:relative; font-size:1.5625vw; line-height:1.6vw; padding-bottom:1.5vw;}
.recruit2_2:after{ position:absolute; left:0; bottom:0; width:100%; height:0.15vw; background:#FFF; content:"";}
.recruit2_3{ float:left; width:100%; overflow:hidden; font-size:0.9375vw; line-height:1.6vw; margin-top:1.5vw;}

.recruit3{ width:86vw; padding:0 7vw; overflow:hidden; background:url(../images/recruit3_bg.jpg) top center repeat-y; background-size:100% auto;}
.recruit3 .honor_title1{ text-align:center;}
.recruit3_1{ background:#FFF; width:100%; overflow:hidden; margin-top:5vw;}
.recruit3_1 li{ width:100%; border-bottom:2px solid #eeeeee; overflow:hidden;}
.recruit3_1 li:last-child{ border-bottom:0;}
.recruit3_2{ float:left; width:100%; overflow:hidden; height:6vw; line-height:6vw; font-size:0.9375vw; text-align:left; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.recruit3_2.on{ background:#f6f6f6;}
.recruit3_2 b{ font-weight:normal; font-size:1.35vw;}
.recruit3_2 span{ color:#4279de;}
.recruit3_3{ float:left; overflow:hidden; color:#333; margin-left:2vw; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:32vw;}
.recruit3_4{ float:left; overflow:hidden; margin-left:4vw; width:10vw;}
.recruit3_5{ float:left; overflow:hidden; margin-left:2vw; width:12vw;}
.recruit3_6{ float:left; overflow:hidden; margin-left:2vw;}
.recruit3_7{ float:right; margin-right:2vw; margin-top:1.7vw; width:2.6vw; height:2.6vw; background:url(../images/recruit3_1.png) center center no-repeat #dadada; background-size:0.9375vw auto; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; 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;}
.recruit3_2.on .recruit3_7{ background:url(../images/recruit3_1_on.png) center center no-repeat #004ea2; background-size:0.9375vw auto;}
.recruit3_out{ width:calc(100% - 4vw); overflow:hidden; padding:3vw 2vw; text-align:left; display:none;}
.recruit3_8{ font-size:0.83vw; line-height:1.6vw; color:#666;}
.recruit3_8 .title{ font-size:1vw; color:#000;}
.recruit3_9{ width:calc(100% - 7vw); padding-left:7vw; height:3.6vw; margin-top:2vw; background:url(../images/recruit3_2.png) left center no-repeat; background-size:5vw 3.6vw;}
.recruit3_10{ width:100%; overflow:hidden; font-size:1vw;}
.recruit3_11{ width:100%; overflow:hidden; font-size:1.56vw; color:#004ea2;}

.about1{ width:86vw; padding:0 7vw; overflow:hidden;}

.about2{ width:86vw; padding:0 7vw; overflow:hidden;}
.about2 .index4_5{ width:86vw;}
.about2 .index4_5 li{ float:left; width:14vw; height:14vw; margin:5vw 3.75vw 0 3.75vw;}
.about2 .index4_5 li:nth-child(1){ background:url(../images/ab1.png) left top no-repeat; background-size:14vw 14vw;}
.about2 .index4_5 li:nth-child(2){ background:url(../images/ab2.png) left top no-repeat; background-size:14vw 14vw;}
.about2 .index4_5 li:nth-child(3){ background:url(../images/ab3.png) left top no-repeat; background-size:14vw 14vw;}
.about2 .index4_5 li:nth-child(4){ background:url(../images/ab4.png) left top no-repeat; background-size:14vw 14vw;}
.about2 .index4_6{ width:14vw; text-align:center; margin-top:4vw; line-height:4vw;}
.about2 .index4_6 b{ font-size:3vw;}
.about2 .index4_5 li:nth-child(1) .index4_6 b{ font-size:2vw;}
.about2 .index4_7{ width:14vw; text-align:center;}

.about3{ width:100vw; overflow:hidden; margin-top:5vw;}
.swiper-container6{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.swiper-container6 .swiper-slide{
	/* 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;
}
.about3_1{ width:100%; height:50vw; background-size:cover !important; overflow:hidden; position:relative; color:#FFF;}
.about3_2{ position:absolute; width:100%; height:50vw; top:0; left:0; background:#4279de; 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; z-index:10;}
.about3_3{ font-size:2.1875vw; margin-top:40vw; position:relative; z-index: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;}
.about3_4{ font-size:2.7vw; font-weight:bold; position:relative; z-index:100;}
.about3_5{ font-size:0.975vw; line-height:1.6vw; position:relative; z-index:100; width:60%; margin:15vw auto 0 auto;}
.about3_1:hover .about3_2{ filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
.about3_1:hover .about3_3{ margin-top:15vw;}

.about4{ width:86vw; padding:0 7vw 5vw 7vw; overflow:hidden; background:url(../images/about4_bg.jpg) center center no-repeat; background-size:cover; position:relative;}
.about4_1{ width:100%; overflow:hidden; font-size:1.875vw; color:#000; line-height:3vw; margin-top:2vw;}
.about4_2{ width:100%; overflow:hidden;}
.about4_2 li{ float:left; width:20.375vw; height:15.5vw; margin-right:1.5vw; margin-top:3vw; cursor:pointer; position:relative; text-align:left; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.about4_2 li:nth-child(1){ background:url(../images/about4_1.png) 2.4vw 10.8vw no-repeat #FFF; background-size:3.38vw auto;}
.about4_2 li:nth-child(2){ background:url(../images/about4_2.png) 2.4vw 10.8vw no-repeat #FFF; background-size:3.38vw auto;}
.about4_2 li:nth-child(3){ background:url(../images/about4_3.png) 2.4vw 10.8vw no-repeat #FFF; background-size:3.38vw auto;}
.about4_2 li:nth-child(4){ background:url(../images/about4_4.png) 2.4vw 10.8vw no-repeat #FFF; background-size:3.38vw auto; margin-right:0;}
.about4_3{ margin:2vw 0 0 2.4vw; font-size:1vw; color:#666; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.about4_4{ margin:1vw 0 0 2.4vw; font-size:1.3vw; color:#000; width:16.5vw; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.about4_5{ position:absolute; display:block; width:6vw; height:6vw; top:4.7vw; right:2vw;}
.about4_2 li:hover:nth-child(1){ background:url(../images/about4_1_on.png) 2.4vw 10.8vw no-repeat #043b88; background-size:3.38vw auto;}
.about4_2 li:hover:nth-child(2){ background:url(../images/about4_2_on.png) 2.4vw 10.8vw no-repeat #043b88; background-size:3.38vw auto;}
.about4_2 li:hover:nth-child(3){ background:url(../images/about4_3_on.png) 2.4vw 10.8vw no-repeat #043b88; background-size:3.38vw auto;}
.about4_2 li:hover:nth-child(4){ background:url(../images/about4_4_on.png) 2.4vw 10.8vw no-repeat #043b88; background-size:3.38vw auto;}
.about4_2 li:hover .about4_3{ color:#FFF;}
.about4_2 li:hover .about4_4{ color:#FFF;}

.about5{ width:86vw; padding:0 7vw 5vw 7vw; overflow:hidden; position:relative;}
.about5_1{ width:100%; overflow:hidden;}
.about5_1 li{ float:left; width:25%; overflow:hidden; margin-top:3vw;}
.about5_1 li img{ display:block; margin:0 auto; border:0.1vw solid #eee; width:90%; -webkit-border-radius:0.2vw; -moz-border-radius:0.2vw; border-radius:0.5vw;}

.pager span.current{ text-decoration:underline; font-weight:bold;}

#contact{ position:absolute; left:0;}
#partner{ position:absolute; left:0;}