@media only screen and (max-width:641px){
@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:"PingFang SC","Microsoft Yahei"; overflow-x: hidden; text-align:center;}
.blank0{ width:100%; height:0px; clear:both;}

/*首页*/

/*banner*/
.swiper-container1 {
	width: 100%;
	height: calc(100vh - 55px);
	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:30px; left:5%; width:90%; height:32px; z-index:100;}
.banner_operate1{ width:45px; height:57px; position:absolute; top:-30px; left:50%; margin-left:-22.5px; cursor:pointer;}
.banner_operate1 img{ display:block; width:45px; height:57px; -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:20px 20px; width:20px; height:20px; margin:6px 3px 0 0 !important; cursor:pointer;}
.swiper-pagination1 .swiper-pagination-bullet-active{ background:url(../images/point_on.png) no-repeat; background-size:20px 20px;}
.swiper-button-next1{ width:12px; height:17px; background:url(../images/banner_r.png) center center no-repeat; background-size:auto 14px; cursor:pointer; float:right; margin-top:7.5px; margin-left:10px;}
.swiper-button-prev1{ width:12px; height:17px; background:url(../images/banner_l.png) center center no-repeat; background-size:auto 14px; cursor:pointer; float:right; margin-top:7.5px; margin-left:15px;}
.banner_operate .number{ float:right; color:#FFF; font-size:13px; font-weight:bold; line-height:32px;}
.banner_bg{ width:100%; height:calc(100vh - 55px); position:relative; z-index:10; 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{ width:90vw; text-align:left; color:#FFF;}
.banner_title1{ float:left; width:100%; font-size:24px; line-height:34px; padding:0 0 25px 0;}
.banner_title2{ float:left; clear:both; width:100%; height:2px; background:#4971a9; position:relative;}
.banner_title2:after{ width:20%; height:2px; position:absolute; top:0; left:0; background:#FFF; content:"";}
.banner_title3{ float:left; clear:both; text-align:center; color:#FFF; font-size:14px; display:block; width:120px; height:40px; line-height:40px; border:1px solid #FFF; margin-top:30px;}

.header{ display:none;}

.mobile_bg{ width:100%; overflow:hidden; display:block; background:#FFF;}
.mobile_nav{ width:100%; overflow:hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; padding:7px 0 3px 0; text-align:left;}
.mobile_logo{ display:inline-block; height:40px; margin-left:3%;
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
}

.mobile_nav_in{ width:100%; overflow:hidden; float:left; display:none; background:#FFF; text-align:left;}
.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:92%; padding:0 4%; height:40px; line-height:40px; color:#333; font-size:14px; font-weight:bold;}
.mobile_nav_in>li>a>span{ float:right; width:10px; height:5px; background:url(../images/header7.png) no-repeat; margin-top:17.5px;}
.mobile_nav_in1{ float:left; width:100%; border:none; height:40px; outline:none; font-size:14px;}
.mobile_nav_in2{ float:left; width:20%; border:none; height:40px; 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; margin-left:4%; width:96%; min-height:40px; border-top:1px solid #ccc;}
.mobile_nav_step2>li>a{ float:left; display:block; width:95.8%; padding:12px 4.2% 10px 0; color:#333; font-size:14px;}
.mobile_nav_step2>li>a>span{ float:right; width:10px; height:5px; background:url(../images/header7.png) no-repeat; margin-top:17.5px;}
.mobile_nav_step2_1{ font-size:14px; color:#666; line-height:20px;}
.mobile_nav_step2_1 span{ display:inline-block; width:34px; padding-left:15px; height:20px; line-height:20px; background:url(../images/nav3.png) no-repeat; font-size:12px; color:#FFF; vertical-align:top; margin-left:5px;}
.mobile_nav_step2_2{ font-size:12px; color:#999; line-height:22px;}

.mobile_nav_step3{}
.mobile_nav_step4{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step4>li{ float:left; margin-left:4%; width:96%; min-height:40px; border-top:1px solid #ccc;}
.mobile_nav_step4>li>a{ float:left; display:block; width:95.8%; padding:0 4.2% 0 0; height:40px; line-height:40px; color:#333; font-size:14px;}
.mobile_nav_step4>li>a>span{ float:right; width:10px; height:5px; background:url(../images/header7.png) no-repeat; margin-top:17.5px;}

.header_mobile1{ width:30px; height:30px; position:absolute; right:3%; bottom:11px;}
.header_mobile1 .span1{ display:block; height:2px; background:#043b88; width:30px; position:absolute; top:5px; 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:2px; background:#043b88; width:30px; position:absolute; top:14px; 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:2px; background:#043b88; width:30px; position:absolute; top:23px; 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 4%; width:72%; height:40px; border:0; font-family:"微软雅黑"; color:#666; font-size:14px; outline:none;}
.mobile_nav_search2{ float:right; height:40px; width:20%; background:#043b88; border:none; outline:none; font-family:"微软雅黑"; color:#FFF; font-size:14px;}

.index_title{ width:100%; overflow:hidden;}
.index_title1{ float:left; font-size:24px; line-height:34px;}
.index_title1 span{ font-size:14px; line-height:24x;}
.index_more{ float:right; display:block; height:40px; line-height:40px; border:1px solid #043b88; font-size:13px; color:#043b88; padding:0 40px 0 15px; background:url(../images/index_more.png) 90% center no-repeat; background-size:7px 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:7px auto; color:#FFF;}

.index1{ width:90vw; padding:30px 5vw; overflow:hidden;}
.index1_list{ width:90vw; overflow:hidden; margin-top:20px;}
.index1_list li{ float:left; border:1px solid #ccc; border-right:1px solid #ccc; border-bottom:0; height:auto; padding-bottom:20px; width:calc(100% - 2px); -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(100% - 2px); border-bottom:1px solid #ccc;}
.index1_list li.active{ width:calc(100% - 2px);}
.index1_list li:last-child.active{ width:calc(100% - 2px);}
.index1_2{ float:left; width:calc(4vw - 1px); overflow:hidden; font-weight:bold; font-size:1.25vw; height:33vw; display:none;}
.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:100%; padding-left:0; overflow:hidden; position:relative; top:0; left:0; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.index1_3{ float:left; width:90%; padding:0 5%; text-align:left;}
.index1_4{ float:left; margin:20px 0 10px 0; display:inline-block; font-size:14px; font-weight:bold; color:#FFF; width:30px; height:30px; line-height:30px; 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:16px; font-weight:bold; color:#043b88;}
.index1_6{ float:left; width:100%; clear:both; font-size:14px; color:#666666; line-height:24px; margin-top:10px;}
.index1_7{ float:left; margin-top:15px;}
.index1_8{ float:right; display:block; width:30vw; margin-right:3vw; margin-top:8vw; display:none;}
.index1_list li.active .index1_2{ visibility:hidden; display:none;}
.index1_list li.active .index1_9{ left:0;}

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

.gallery-top{ width:100vw; height:auto;}
.gallery-top .swiper-slide{ width:100vw;}
.gallery-thumbs{ width:90vw; height:auto; box-sizing:border-box; position:absolute; left:5vw; bottom:30px; 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:auto 100% !important; width:90vw; padding:30px 5vw 100px 5vw;}
.index2_2{ width:100%; padding-top:4vw; overflow:hidden;}
.index2_3{ width:100%; overflow:hidden; text-align:left; color:#FFF; font-size:16px; position:relative; padding-bottom:15px; line-height:26px;}
.index2_3:after{ position:absolute; bottom:0; left:0; width:7vw; height:1px; background:#FFF; z-index:100; content:"";}
.index2_4_out{ height:192px; width:100%; overflow:hidden; padding-top:30px; text-align:left; font-size:14px; color:#FFF; line-height:24px;}
.index2_4{ float:left; overflow:hidden;}
.index2_4 li{ float:left; overflow:hidden; margin-right:30px; margin-bottom:30px; text-align:center;}
.index2_4 li img{ display:block; height:40px;
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
}
.index2_5{ font-size:14px; color:#FFF; margin-top:10px;}
.index2_6{ float:left; max-width:90%; text-align:left; font-size:14px; color:#FFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-bottom:15px; position:relative; cursor:pointer;}
.index2_6:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#355582; z-index:100;}
.index2_6:after{ content:""; position:absolute; left:0; bottom:0; width:0; height:1px; 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:94vw; padding:30px 3vw; background:#e9eef8;}

.swiper-container2 {
	margin-top: 30px;
	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% 70px 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:50px; margin-top:20px;}
.index3_2{ float:left; font-size:15px; color:#000; line-height:25px; height:50px; width:100%; overflow:hidden; margin-top:15px; -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:14px; color:#666666; line-height:24px; margin-top:10px; height:120px; 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:1px solid #eeeeee; height:30px; background:url(../images/index3_bg1.png) bottom left no-repeat; background-size:10px auto; position:absolute; bottom:20px; 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:10px auto;}

.index4.active .index_title1{ color:#FFF;}
.index4.active .index_more{ color:#FFF; border:1px solid #FFF; background:url(../images/index_more_on.png) 90% center no-repeat; background-size:7px auto;}
.index4.active .index_more:hover{ color:#043b88; background:url(../images/index_more.png) 90% center no-repeat #FFF; background-size:7px auto;}

.index4{ width:100vw; height:auto; overflow:hidden; background:url(../images/index4_bg1.jpg) center center no-repeat; background-size:auto 100%; position:relative;}
.index_company_bg{ width:100vw; height:auto; overflow:hidden; position:absolute; top:0; left:0; z-index:10; display:none;}
.index_company_bg img{ display:block; width:100%; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.index4_1{ width:90vw; height:auto; padding:30px 5vw; 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;}
.index4_3{ float:left; width:100%; overflow:hidden; font-size:16px; color:#FFF; text-align:left; margin-top:50px;}
.index4_4{ float:left; width:100%; overflow:hidden; font-size:14px; line-height:24px; color:#FFF; text-align:left; margin-top:30px;}
.index4_5{ float:left; width:100%; overflow:hidden;}
.index4_5 li{ float:left; width:50%; overflow:hidden; text-align:left; color:#FFF; margin-top:30px;}
.index4_6{ width:100%; overflow:hidden;}
.index4_6 b{ font-size:34px; vertical-align:middle;}
.index4_6 span{ font-size:20px; vertical-align:top;}
.index4_7{ font-size:14px;}
.index4.active .index4_2{ display:block;}

.index5{ width:100vw; padding:30px 0; background:url(../images/index5_bg.jpg) center center no-repeat; background-size:auto 100%;}
.index5 .index_title{ width:90%; padding:0 5%;}

.swiper-container3 {
	margin-top: 20px;
	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: 20px;
	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:90%; padding:10px 5%; overflow:hidden; display:none;}
.footer_bot{ width:90%; padding:10px 5%; overflow:hidden; border-top:1px solid #646877; color:#747885; font-size:12px; line-height:24px;}
.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;}
.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:3vw; max-width:16vw;}
.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:1.6vw; 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{ display:none;}

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

.pro{ width:90vw; padding:30px 5vw; overflow:hidden;}
.pro_title{ width:100%; overflow:hidden; text-align:left; font-size:24px; line-height:34px;}

.pro_nav{ width:100%; overflow:hidden; position:relative; margin-top:30px;}
.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:15px; color:#000; height:30px; line-height:30px; padding-bottom:3px; 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: 3px !important; width: 100% !important;}
.pro_nav .swiper-scrollbar-drag { background: #043b88 !important;}
.swiper-button-next5{ position:absolute; top:0; right:0; width:10px; height:30px; background:url(../images/pro4.png) center center no-repeat; background-size:7px auto;}
.swiper-button-prev5{ position:absolute; top:0; left:0; width:10px; height:30px; background:url(../images/pro3.png) center center no-repeat; background-size:7px auto;}

.pro1{ width:100%; overflow:hidden; margin-top:0;}
.pro1 li{ float:left; margin-top:30px; width:100%; margin-right:0; position:relative;}
.pro1 li:after{ position:absolute; width:1px; 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% - 2px); overflow:hidden; border:1px 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:15px; white-space:nowrap; text-overflow:ellipsis; color:#000; line-height:26px; margin-top:20px;}
.pro4{ float:left; width:100%; overflow:hidden; font-size:13px; white-space:nowrap; text-overflow:ellipsis; color:#333; line-height:20px; margin-top:10px;}
.pro5{ float:left; width:90px; padding-left:15px; height:40px; line-height:40px; font-size:13px; color:#043b88; border:1px solid #043b88; margin-top:20px; background:url(../images/index_more.png) 90% center no-repeat; background-size:7px 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:90vw; padding:0px 5vw 30px 5vw; overflow:hidden; margin-top:0; background:#eff5ff;}
.proIn_l{ float:left; width:100%; overflow:hidden; margin-top:30px; text-align:left;}
.proIn_r{ display:block; width:100%; float:right; margin-top:30px;}
.proIn_l1{ float:left; width:100%; overflow:hidden; font-size:18px; line-height:30px;}
.proIn_l2{ float:left; width:100%; overflow:hidden; font-size:14px; line-height:24px; margin-top:10px;}
.proIn_l3{ float:left; width:80px; height:40px; line-height:40px; font-size:13px; border:1px solid #043b88; text-align:center; color:#000; margin-top:15px; -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:90vw; padding:30px 5vw; overflow:hidden;}
.proIn3{ width:100%; overflow:hidden; border-bottom:1px solid #eeeeee;}
.proIn3 span{ float:left; font-size:16px; line-height:16px; padding-bottom:20px; border-bottom:2px solid #043b88; display:block;}
.proIn4{ width:100%; overflow:hidden; font-size:14px; line-height:24px; text-align:left; padding-top:20px;}
.proIn4 img{ display:block; margin:0 auto; max-width:100%; min-width:50%;}

.position{ width:90vw; background:#f3f3f3; height:50px; padding:0 5vw 20px 5vw;}
.position1{ width:100%; overflow:hidden; height:50px; line-height:50px; font-size:13px; color:#1e1e1e;}
.position1 .home{ float:left; width:15px; height:50px; background:url(../images/position.png) center center no-repeat; background-size:15px auto;}
.position1 span{ float:left; font-family:"宋体"; padding:0 10px;}
.position1 a{ float:left; color:#1e1e1e;}

.position_nav{ width:90vw; height:50px; background:#FFF; margin:-20px 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:50px; line-height:50px; font-size:13px; color:#1e1e1e; position:relative; position:relative;}
.position_nav li a:after{ position:absolute; top:0; right:0; width:1px; height:50px; background:#e3e3e3; content:"";}
.position_nav li:last-child a:after{ display:none;}
.position_nav li a.on{ background:#043b88; color:#FFF;}

.honor{ width:90vw; overflow:hidden; padding:0 5vw;}
.honor_title{ width:100%; font-size:20px; color:#262626; line-height:30px; margin-top:30px;}
.honor1{ width:100%; overflow:hidden; padding:0; background:none; background-size:100% auto;}
.honor1 li{ float:left; margin:30px 3% 0 3%; width:94%; position:relative;}
.honor1 li:after{ content:""; width:100%; height:0; background:url(../images/honor_bg1.jpg) repeat-x; background-size:1px 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:93.84vw; padding:8.3vw 9%;}
.honor3{ width:90%; padding:0 5%; font-size:14px; color:#666666; height:50px; line-height:50px; 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:20px 0 30px 0; font-size:13px; color:#999999;}
.page a{ display:inline-block; border:1px solid #c8c8c8; height:30px; line-height:30px; padding:0 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:10px 1px 0 1px; 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;}
.page span{ display:inline-block; border:1px solid #c8c8c8; height:30px; line-height:30px; padding:0 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:10px 1px 0 1px; 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;}
.page a:hover{ background:#004ea2; border:1px solid #004ea2; color:#FFF;}
.page span:hover{ background:#004ea2; border:1px solid #004ea2; color:#FFF;}

.honor_title1{ width:100%; font-size:14px; color:#262626; text-align:left; line-height:24px; margin-top:20px;}
.customer{ width:100%; min-height:0; overflow:hidden; padding:30px 0; background:url(../images/customer_bg.jpg) center center no-repeat; background-size:100% auto;}
.customer1{ width:100%; overflow:hidden;}
.customer1 li{ float:left; margin:6px 1.5%; width:30.33%; -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:5px; -moz-border-radius:5px; border-radius:5px;}
.customer1 li:nth-child(6n+1){ clear:none;}
.customer1 li:nth-child(3n+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:30x 0;}
.case1 li{ float:left; margin:8px 1.5%; width:47%;}
.case1 li:nth-child(4n+1){ clear:none;}
.case1 li:nth-child(2n+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:5px; -moz-border-radius:5px; border-radius:5px;
	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:13px; line-height:30px; margin-top:5px;}

.download{ width:100%; overflow:hidden; margin-top:10px;}
.download li{ width:100%; height:auto; padding:30px 0; overflow:hidden; border-bottom:1px solid #eee; text-align:left;}
.download1{ float:left; width:200px; 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:100%; margin-top:20px; overflow:hidden; margin-left: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;}
.download3{ float:left; width:100%; font-size:15px; line-height:25px; -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:14px; color:#444; border:1px solid #ccc; line-height:30px; margin-top:10px; width:105px; text-align:center; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; -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:0;}
.download li:hover .download2{ width:100%;}
.download li:hover .download3{ color:#043b88;}
.download li:hover .download4{ color:#FFF; border:1px solid #043b88; background:#043b88;}

.recruit1{ width:100%; overflow:hidden; padding-bottom:30px;}
.recruit1 li{ float:left; width:100%; background:#f6f6f6; margin-right:0; margin-top:30px; position:relative; padding:30px 0;}
.recruit1 li:nth-child(2n){ margin-right:0;}
.recruit1 li:nth-child(2n+1){ clear:left;}
.recruit1_1{ float:left; width:90%; margin-left:5%; clear:both; text-align:left; overflow:hidden;}
.recruit1_2{ float:left; width:100%; overflow:hidden; font-size:18px; font-weight:bold; color:#043b88; line-height:28px;}
.recruit1_3{ float:left; width:100%; overflow:hidden; font-size:14px; font-weight:bold; color:#333; line-height:24px; margin-top:10px;}
.recruit1_4{ float:left; width:100%; overflow:hidden; font-size:14px; color:#666; line-height:24px; margin-top:10px;}
.recruit1_5{ display:none; width:30%; position:absolute; right:5%; bottom:-20px;}

.recruit2{ width:90vw; padding:0 5vw 30px 5vw; overflow:hidden; background:url(../images/recruit2_bg.jpg) center center no-repeat; background-size:auto 100%;}
.recruit2 .honor_title{ color:#FFF;}
.recruit2 .honor_title1{ color:#FFF; text-align:center;}
.recruit2_1{ width:90vw; overflow:hidden;}
.recruit2_1 li{ float:left; margin:30px 2.5vw 0 2.5vw; text-align:left; width:40vw; overflow:hidden; color:#FFF;}
.recruit2_2{ float:left; overflow:hidden; position:relative; font-size:16px; line-height:26px; padding-bottom:15px;}
.recruit2_2:after{ position:absolute; left:0; bottom:0; width:100%; height:2px; background:#FFF; content:"";}
.recruit2_3{ float:left; width:100%; overflow:hidden; font-size:14px; line-height:24px; margin-top:15px;}

.recruit3{ width:90vw; padding:0 5vw; 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:30px;}
.recruit3_1 li{ width:100%; border-bottom:1px solid #eeeeee; overflow:hidden;}
.recruit3_1 li:last-child{ border-bottom:0;}
.recruit3_2{ float:left; width:100%; overflow:hidden; height:auto; padding:10px 0 15px 0; line-height:30px; font-size:13px; 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:15px;}
.recruit3_2 span{ color:#4279de;}
.recruit3_3{ float:left; overflow:hidden; color:#333; margin-left:5%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:90%;}
.recruit3_4{ float:left; overflow:hidden; margin-left:5%; width:40%;}
.recruit3_5{ float:left; overflow:hidden; margin-left:5%; width:45%;}
.recruit3_6{ float:left; overflow:hidden; margin-left:5%;}
.recruit3_7{ float:right; margin-right:5%; margin-top:0; width:30px; height:30px; background:url(../images/recruit3_1.png) center center no-repeat #dadada; background-size:12px 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:12px auto;}
.recruit3_out{ width:90%; overflow:hidden; padding:20px 5%; text-align:left; display:none;}
.recruit3_8{ font-size:14px; line-height:30px; color:#666;}
.recruit3_8 .title{ font-size:15px; color:#000;}
.recruit3_9{ width:calc(100% - 70px); padding-left:70px; height:auto; margin-top:30px; background:url(../images/recruit3_2.png) left center no-repeat; background-size:auto 40px;}
.recruit3_10{ width:100%; overflow:hidden; font-size:14px;}
.recruit3_11{ width:100%; overflow:hidden; font-size:16px; color:#004ea2;}

.about1{ width:90vw; padding:0 5vw; overflow:hidden;}

.about2{ width:90vw; padding:0 5vw; overflow:hidden;}
.about2 .index4_5{ width:90vw;}
.about2 .index4_5 li{ float:left; width:30vw; height:30vw; margin:30px 7.5vw 0 7.5vw;}
.about2 .index4_5 li:nth-child(1){ background:url(../images/ab1.png) left top no-repeat; background-size:30vw 30vw;}
.about2 .index4_5 li:nth-child(2){ background:url(../images/ab2.png) left top no-repeat; background-size:30vw 30vw;}
.about2 .index4_5 li:nth-child(3){ background:url(../images/ab3.png) left top no-repeat; background-size:30vw 30vw; margin-top:20px;}
.about2 .index4_5 li:nth-child(4){ background:url(../images/ab4.png) left top no-repeat; background-size:30vw 30vw; margin-top:20px;}
.about2 .index4_6{ width:30vw; text-align:center; margin-top:30px; line-height:30px;}
.about2 .index4_5 li:nth-child(3) .index4_6{ margin-top:25px;}
.about2 .index4_6 b{ font-size:24px;}
.about2 .index4_5 li:nth-child(1) .index4_6 b{ font-size:20px;}
.about2 .index4_7{ width:24vw; padding:0 3vw; text-align:center; font-size:12px; line-height:18px; margin-top:0;}

.about3{ width:100vw; overflow:hidden; margin-top:30px;}
.swiper-container6{
	width: 100%;
	height: auto;
	overflow: hidden;
	position:relative;
}
.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:420px; 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:18px; margin-top:80px; 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:24px; font-weight:bold; position:relative; z-index:100;}
.about3_5{ font-size:13px; line-height:24px; position:relative; z-index:100; width:60%; margin:120px auto 0 auto;}
.about3_1:hover .about3_2{ filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.about3_1:hover .about3_3{ margin-top:80px;}
.swiper-pagination6{ position:absolute; bottom:10px; left:0; z-index:1000;}
.swiper-pagination6 .swiper-pagination-bullet{ background:url(../images/point.png) no-repeat; background-size:20px 20px; width:20px; height:20px; margin:6px 3px 0 0 !important; cursor:pointer;}
.swiper-pagination6 .swiper-pagination-bullet-active{ background:url(../images/point_on.png) no-repeat; background-size:20px 20px;}

.about4{ width:90vw; padding:0 5vw 30px 5vw; overflow:hidden; background:url(../images/about4_bg.jpg) center center no-repeat; background-size:auto 100%;}
.about4_1{ width:100%; overflow:hidden; font-size:16px; color:#000; line-height:30px; margin-top:20px;}
.about4_2{ width:100%; overflow:hidden; margin-top:10px;}
.about4_2 li{ float:left; width:100%; height:170px; margin-right:0; margin-top:20px; 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) 5% 120px no-repeat #FFF; background-size:35px auto;}
.about4_2 li:nth-child(2){ background:url(../images/about4_2.png) 5% 120px no-repeat #FFF; background-size:35px auto; margin-right:0;}
.about4_2 li:nth-child(3){ background:url(../images/about4_3.png) 5% 120px no-repeat #FFF; background-size:35px auto; clear:left;}
.about4_2 li:nth-child(4){ background:url(../images/about4_4.png) 5% 120px no-repeat #FFF; background-size:35px auto; margin-right:0;}
.about4_3{ margin:20px 0 0 5%; font-size:14px; 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:10px 0 0 5%; font-size:16px; color:#000; line-height:26px; width:90%; -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:80px; height:80px; top:50px; right:5%;}
.about4_2 li:hover:nth-child(1){ background:url(../images/about4_1_on.png) 5% 120px no-repeat #043b88; background-size:35px auto;}
.about4_2 li:hover:nth-child(2){ background:url(../images/about4_2_on.png) 5% 120px no-repeat #043b88; background-size:35px auto;}
.about4_2 li:hover:nth-child(3){ background:url(../images/about4_3_on.png) 5% 120px no-repeat #043b88; background-size:35px auto;}
.about4_2 li:hover:nth-child(4){ background:url(../images/about4_4_on.png) 5% 120px no-repeat #043b88; background-size:35px auto;}
.about4_2 li:hover .about4_3{ color:#FFF;}
.about4_2 li:hover .about4_4{ color:#FFF;}

.about5{ width:90vw; padding:0 5vw 30px 5vw; overflow:hidden;}
.about5_1{ width:100%; overflow:hidden; margin-top:10px;}
.about5_1 li{ float:left; width:50%; overflow:hidden; margin-top:20px;}
.about5_1 li img{ display:block; margin:0 auto; border:1px solid #eee; width:86%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

}