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

/*首页*/
.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:10px 0 5px 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; 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:0 4.2% 0 0; height:40px; line-height:40px; 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_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:8px;}
.header_mobile1 .span1{ display:block; height:2px; background:#0072c1; 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:#0072c1; 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:#0072c1; 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:#0072c1; border:none; outline:none; font-family:"微软雅黑"; color:#FFF; font-size:14px;}

.swiper-container {
	padding-top:0;
	width: 100%;
	height: 100%;
	display:block;
	position:relative;
	-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;
}
.swiper-container.on{ padding-top:0;}
.swiper-container .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height:auto;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-pagination{ bottom:15px !important;}
.swiper-pagination-bullet{ width:25px; height:3px; background:#FFF; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; margin:0 3px !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-pagination-bullet-active{}
.banner_bg{ width:100%; height:auto; overflow:hidden; background-size:cover !important; background:none !important; position:relative;
	/* 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_mobile_img{ display:block; width:100%;}
.banner_img{ display:none;}

.index_title{ width:94%; margin:0 auto; overflow:hidden;}
.index_title1{ width:100%; overflow:hidden; font-size:18px; color:#191919; line-height:28px;}
.index_title2{ width:100%; overflow:hidden; font-size:13px; color:#c1c1c1; line-height:22px; margin-top:3px;}

.index1{ width:100%; overflow:hidden; background:url(../images/index1_bg.jpg) top center no-repeat; background-size:100% 100%; padding:30px 0;}
.index1_1{ width:94%; height:auto; border:1px solid #e0e0e0; margin:25px auto 0 auto; overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#FFF;}
.index1_1 li{ float:left; width:calc(23% - 1px); padding:0 1%; height:40px; line-height:40px; font-size:14px; color:#666; border-right:1px solid #e0e0e0; cursor:pointer; 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;}
.index1_1 li:last-child{ width:23%; border-right:0;}
.index1_1 li:nth-child(1){ border-bottom:1px solid #e0e0e0;}
.index1_1 li:nth-child(2){ border-bottom:1px solid #e0e0e0;}
.index1_1 li:nth-child(3){ border-bottom:1px solid #e0e0e0;}
.index1_1 li:nth-child(4){ width:23%; border-right:0; border-bottom:1px solid #e0e0e0;}
.index1_1 li.on{ background:url(../images/index1_1.jpg) center center no-repeat; color:#FFF;}

.swiper-container1 {
	width: 94%;
	height: auto;
	display:block;
	position:relative;
	overflow:hidden;
	margin:30px auto 0 auto;
}
.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;
	z-index:10;
}
.swiper-container1 .swiper-slide-active .swiper-slide a{
    pointer-events: auto;
}

.swiper-slide-in{ width:100%; overflow:hidden; position:relative;}
.swiper-container1-in {
	width: calc(100% - 100px);
	padding:0 2px;
	margin:0 auto;
	height: auto;
	display:block;
	position:relative;
	overflow:hidden;
}
.swiper-button-next1{ width:36px; height:36px; background:url(../images/index1_3.png) center center no-repeat #c9c9c9; position:absolute; margin-top:0; z-index:10; top:50%; margin-top:-22px; right:0; outline:none; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-next1:hover{ background:url(../images/index1_3.png) center center no-repeat #0072c1;}
.swiper-button-prev1{ width:36px; height:36px; background:url(../images/index1_2.png) center center no-repeat #c9c9c9; position:absolute; margin-top:0; z-index:10; top:50%; margin-top:-22px; left:0; outline:none; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-prev1:hover{ background:url(../images/index1_2.png) center center no-repeat #0072c1;}
.index1_2{ width:calc(100% - 2px); border:1px solid #e5e5e5; display:block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_3{ display:block; overflow:hidden;}
.index1_3 img{ display:block; max-width:100%; -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 auto;}
.index1_4{ width:90%; height:40px; line-height:40px; padding:0 5%; background:#e5e5e5; color:#191919; font-size:14px; 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;}
.index1_2:hover{ border:1px solid #0072c1;}
.index1_2:hover .index1_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);}
.index1_2:hover .index1_4{ background:#0072c1; color:#FFF;}

.index2{ width:100%; overflow:hidden; position:relative;}
.index2_l{ float:left; width:100%; overflow:hidden;}
.index2_l img{ display:block; width:100%;}
.index2_r{ float:none; width:100%; overflow:hidden; padding:30px 0; background:url(../images/index2_2.jpg) top center no-repeat #f3f3f3; background-size:100% auto;}
.index2_r img{ display:block; width:100%; display:none;}
.index2_r1{ position:relative; width:100%; height:100%; top:0; left:0;
	/* 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;
}
.index2_r2{ width:100%; padding:0 0 0 0; overflow:hidden; text-align:left;}
.index_title .line{ width:45px; height:2px; background:#0072c1; margin-top:10px;}
.index2_r2_1{ width:94%; overflow:hidden; font-size:14px; line-height:22px; color:#3f3f3f; margin:20px auto 0 auto;}
.index2_r2_2{ margin-left:3%; display:block; width:100px; height:34px; line-height:34px; text-align:center; border:1px solid #e5e5e5; margin-top:20px; font-size:13px; color:#666666; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index2_r2_2:hover{ background:#0072c1; border:1px solid #0072c1; color:#FFF;}

.index3{ width:100%; height:auto; background:url(../images/index3_bg.jpg) center center no-repeat; background-size:100% 100%; overflow:hidden; padding:30px 0;}
.index3_1{ width:100%; height:auto; background:url(../images/index3_bg1.png) left center no-repeat; margin:0 auto 0 auto; overflow:hidden;}
.index3_1 li{ float:left; width:25%; height:auto; background:url(../images/index3_bg1.png) right center no-repeat;}
.index3_2{ font-size:16px; font-weight:bold; line-height:16px; color:#FFF;}
.index3_2 span{ font-size:12px; font-weight:normal; line-height:12px;}
.index3_3{ font-size:12px; line-height:12px; color:#FFF; margin-top:10px;}

.index4{ width:100%; overflow:hidden; position:relative; margin-top:30px;}
.index4_1{ position:relative; top:0; left:0; z-index:100; width:120px; margin-left:3%; border:1px solid #0072c1; float:left;}
.index4_2{ width:120px; height:50px; line-height:50px; background:#0072c1; font-size:18px; color:#FFF;}
.index4_3{ width:120px; height:60px; background:url(../images/index4_1.png) top center no-repeat #FFF; background-size:auto 7px; overflow:hidden;}
.index4_3 a{ display:block; width:100px; height:34px; line-height:34px; border:1px solid #e5e5e5; font-size:13px; color:#707070; margin:14px auto 0 auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index4_3 a:hover{ background:#0072c1; border:1px solid #0072c1; color:#FFF;}
.index4_4{ position:relative; top:0; right:0; z-index:100; float:right; width:100%; margin-right:0; margin-top:20px;}
.index4_4 li{ float:left; font-size:14px; line-height:40px; background:#f5f5f5; border:1px solid #eeeeee; margin-left:0; height:40px; padding:0 3%; width:calc(44% - 2px); cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index4_5{ margin-top:0; color:#999999; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display:inline;}
.index4_6{ margin-top:0; color:#333333; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display:inline;}
.index4_4 li.on{ background:#0072c1;}
.index4_4 li.on .index4_5{ color:#6dabd6;}
.index4_4 li.on .index4_6{ color:#FFFFFF;}
.index4_7{ display:block; width:auto; height:240px; margin:0 auto;}
.index4_8{ position:absolute; bottom:-100px; left:3%; width:94%; background:url(../images/index4_3.png) repeat; height:100px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index4_8.on{ bottom:-1px;}
.index4_9{ width:70%; color:#FFF; float:left; margin-left:3%; text-align:left; overflow:hidden;}
.index4_10{ font-size:15px; width:100%; overflow:hidden; border-bottom:1px solid #726965; line-height:15px; padding-bottom:15px; margin-top:20px; white-space:nowrap; text-overflow:ellipsis;}
.index4_11{ font-size:14px; width:100%; overflow:hidden; line-height:24px; margin-top:10px; height:24px; white-space:nowrap; text-overflow:ellipsis;}
.index4_12{ float:right; width:60px; height:60px; border:1px solid #2f4a8d; margin-right:3%; margin-top:20px;}
.index4_12 span{ background:#2f4a8d; color:#FFF; display:block; width:54px; height:44px; margin:3px; color:#FFF; font-size:12px; padding-top:10px; overflow:hidden;}
.swiper-container2 {
	width: 100%;
	height: auto;
	display:block;
	position:relative;
	overflow:hidden;
	margin:90px auto 0 auto;
	z-index:10;
}
.swiper-container2 .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;
	z-index:10;
	overflow:hidden;
}

.index5{ width:94%; margin:0 auto; overflow:hidden; padding:30px 0;}
.index5_l{ float:left; width:100%; overflow:hidden; margin-top:30px;}
.index5_l1{ width:calc(100% - 2px); border:1px solid #f3f3f3; overflow:hidden;}
.index5_l1 img{ display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index5_l2{ width:90%; padding:0 5%; height:40px; line-height:40px; background:#0072c1; color:#FFF; font-size:15px; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index5_l:hover .index5_l1 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);}

.index5_r{ float:right; width:100%; overflow:hidden; margin-top:0;}
.index5_r li{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #eaeaea;}
.index5_r li a{ float:left; display:block; padding:25px 10px 22px 10px; width:calc(100% - 20px); text-align:left; overflow:hidden;}
.index5_r1{ float:left; width:70px; height:65px; background:#0072c1; color:#FFF; text-align:center;}
.index5_r2{ font-size:24px; line-height:24px; margin-top:10px;}
.index5_r3{ font-size:13px; line-height:13px; margin-top:5px;}
.index5_r4{ float:left; width:calc(97% - 110px); margin-left:3%;}
.index5_r5{ float:left; width:100%; overflow:hidden; font-size:15px; color:#000; line-height:26px; 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;}
.index5_r6{ float:left; width:100%; overflow:hidden; font-size:14px; color:#777777; line-height:24px; height:24px; margin-top:5px; white-space:nowrap; text-overflow:ellipsis;}
.index5_r7{ float:right; width:28px; height:28px; border:1px solid #e6e6e6; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background:url(../images/index5_2.png) center center no-repeat; background-size:auto 10px; margin-top:15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index5_r li a:hover .index5_r5{ color:#0072c1;}
.index5_r li a:hover .index5_r7{ background:url(../images/index5_2_on.png) center center no-repeat #0072c1; background-size:auto 10px; border:1px solid #0072c1;}

.index6{ width:100%; overflow:hidden; background:url(../images/index6_bg.jpg) center center no-repeat; background-size:100% 100%; padding:30px 0 30px 0;}
.index6_in{ width:94%; margin:0 auto;}
.index6_1{ width:100%; margin:15px auto 0 auto;}
.index6_1 li{ float:left; overflow:hidden; margin-top:10px; margin-right:1%; width:24.25%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index6_1 li:nth-child(8n){ margin-right:3%;}
.index6_1 li:nth-child(8n+1){ clear:none;}
.index6_1 li:nth-child(4n){ margin-right:0;}
.index6_1 li:nth-child(4n+1){ clear:left;}
.index6_1 li a{ display:block; width:calc(100% - 2px); overflow:hidden; border:1px solid #e5e2e2; position:relative;}
.index6_2{ display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
}
.index6_1 li:hover a .index6_2{ -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);}
.index6_1 li:hover{ -webkit-box-shadow:0px 0px 5px #eee; -moz-box-shadow:0px 0px 5px #eee; box-shadow:0px 0px 8px #ccc;}

.index7{ width:100%; overflow:hidden; padding:15px 0;}
.index7_in{ width:94%; overflow:hidden; margin:0 auto;}
.index7_l{ float:left; overflow:hidden; font-size:13px; width:100%;}
.index7_l li{ float:left; overflow:hidden; padding:0 10px; line-height:24px;}
.index7_l li a{ color:#535353;}
.index7_l li a:hover{ text-decoration:underline;}
.index7_l li:nth-child(1){ font-weight:bold; padding:0 10px 0 0;}
.index7_r{ float:left; font-size:16px; font-weight:bold; color:#336bdb; background:url(../images/index7_1.png) left center no-repeat; background-size:auto 18px; height:24px; line-height:24px; padding-left:24px; margin-top:10px;}

.footer{ width:100%; overflow:hidden;}
.footer_top{ width:100%; overflow:hidden; background:url(../images/footer_bg.jpg) center center no-repeat; background-size:100% 100%; padding:30px 0 20px 0;}
.footer_top_in{ width:94%; overflow:hidden; margin:0 auto;}
.footer_top1{ float:left; overflow:hidden; text-align:left; margin-right:3.6%; display:none;}
.footer_top1_1{ font-size:16px; color:#FFF; height:40px; position:relative;}
.footer_top1_1:after{ content:""; width:30px; height:1px; background:#80b0d6; position:absolute; bottom:0; left:0;}
.footer_top1_2{ margin-top:20px;}
.footer_top1_2 li{ float:left; clear:both;}
.footer_top1_2 li a{ font-size:14px; color:#FFF; line-height:24px; margin-top:6px;}
.footer_top1_2 li a:hover{ text-decoration:underline;}
.footer_top2{ float:none; overflow:hidden; width:120px; margin:0 auto;}
.footer_top2_1{ display:block; width:120px;}
.footer_top2_2{ width:100%; overflow:hidden; font-size:13px; color:#FFF; line-height:24px; margin-top:10px;}

.footer_bot{ width:100%; overflow:hidden; background:#f6f8fc; padding:15px 0;}
.footer_bot_in{ width:94%; overflow:hidden; margin:0 auto;}
.footer_bot1{ float:left; overflow:hidden; font-size:13px; line-height:24px; color:#666666; width:100%; text-align:center;}
.footer_bot1 a{ color:#666666;}
.footer_bot1 a:hover{ text-decoration:underline;}
.footer_bot2{ float:none; overflow:hidden; display:table; margin:0 auto; display:none;}
.footer_bot2 li{ float:left; height:24px; line-height:24px; padding:0 5px;}
.footer_bot2 li a{ font-size:13px; line-height:24px; color:#666666;}
.footer_bot2 li a:hover{ text-decoration:underline;}

.piaofu{ display:none;}

.banner{ width:100%; height:240px; overflow:hidden; background-size:auto 240px !important; padding-top: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;}
.banner.on{ padding-top:0;}
.banner_in{ width:94%; margin:0 auto; overflow:hidden;}
.banner1{ font-size:20px; color:#FFF; line-height:30px; font-weight:bold; margin-top:50px;}
.banner2{ font-size:14px; color:#FFF; line-height:28px; margin-top:10px;}
.banner3{ width:100%; overflow:hidden; margin-top:20px;}
.banner3 a{ font-size:13px; color:#FFF; font-weight:normal; border:1px solid #FFF; display:inline-table; height:34px; line-height:34px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; padding:0 15px; min-width:0; margin:0 5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.banner3 a:hover{ background:#0072c1; border:1px solid #0072c1;}

/*about*/
.content{ width:94%; overflow:hidden; margin:0 auto; padding-top:0;}
.content_l{ float:left; width:300px; overflow:hidden; padding-bottom:50px; display:none;}
.content_l1{ width:calc(100% - 30px); height:110px; overflow:hidden; background:#0072c1; text-align:left; padding-left:30px;}
.content_l1_1{ font-size:24px; color:#FFF; line-height:40px; margin-top:25px;}
.content_l1_2{ font-size:13px; color:#83a7d9; line-height:24px;}
.left_nav{ width:100%; overflow:hidden;}
.left_nav li{ width:calc(100% - 3px); overflow:hidden; border-left:3px solid #e1e1e1; border-bottom:1px solid #e1e1e1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.left_nav li a{ width:calc(100% - 27px); padding-left:27px; overflow:hidden; display:block; text-align:left; font-size:16px; color:#373737; height:70px; line-height:70px; background:url(../images/left_nav2.png) 90% center no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.left_nav li.on{ border-left:3px solid #0072c1;}
.left_nav li.on a{ color:#0072c1; font-weight:bold; background:url(../images/left_nav2_on.png) 90% center no-repeat;}
.left_nav li:hover{ border-left:3px solid #0072c1;}
.left_nav li:hover a{ color:#0072c1; font-weight:bold; background:url(../images/left_nav2_on.png) 90% center no-repeat;}
.content_l2{ width:100%; height:110px; background:url(../images/left.jpg) 30px center #0072c1 no-repeat; text-align:left;}
.content_l2_1{ float:left; font-size:16px; color:#FFF; line-height:27px; margin-top:26px; margin-left:95px;}
.content_l2_2{ float:left; clear:both; font-size:20px; color:#FFF; font-weight:bold; line-height:32px; margin-left:95px;}

.content_r{ float:right; width:100%; overflow:hidden;}
.position{ width:100%; height:auto; overflow:hidden; border-bottom:1px solid #eaeaea; padding-bottom:20px;}
.position1{ float:left; font-size:18px; color:#191919; line-height:28px; position:relative; height:70px; margin-top:30px; display:none;}
.position1:after{ content:""; position:absolute; bottom:0; left:0; width:35px; height:3px; background:#0072c1;}
.position2{ float:left; font-size:13px; color:#5f636a; line-height:28px; background:url(../images/position.png) left top no-repeat; padding-left:20px; margin-top:30px;}
.position2 a{ color:#5f636a;}
.content_r1{ width:100%; overflow:hidden;}

.about1{ width:100%; overflow:hidden; margin-top:30px;}
.about1 li{ float:left; width:25%; overflow:hidden; background:url(../images/about2.png) right center no-repeat;}
.about1 li:nth-child(1){ width:20%;}
.about1 li:nth-child(2){ width:28%;}
.about1 li:nth-child(3){ width:28%;}
.about1 li:last-child{ width:24%; background:none;}
.about1_1{ font-size:16px; font-weight:bold; color:#0072c1; line-height:30px;}
.about1_1 span{ font-size:12px; font-weight:normal; color:#0072c1; line-height:12px;}
.about1_2{ font-size:12px; color:#3f3f3f; line-height:20px;}
.about2{ width:100%; overflow:hidden; padding:30px 0; text-align:left; font-size:14px; line-height:30px; color:#4c4c4c;}
.about3{ width:100%; overflow:hidden; margin-top:-20px;}
.about3 li{ float:left; width:32%; margin-right:2%; margin-top:20px;}
.about3 li:nth-child(3n){ margin-right:0;}
.about3 li img{ display:block; width:100%;}
.about4{ width:100%; overflow:hidden; padding:30px 0;}
.about4_1{ width:100%; overflow:hidden; background:url(../images/about4.jpg) bottom center no-repeat #f7f8f9; background-size:100% auto; padding:30px 0 60px 0;}
.about4_1 li{ float:left; width:calc(40% - 1px); overflow:hidden; text-align:left; border-right:1px solid #e4e6e9; padding:0 5%;}
.about4_1 li:nth-child(2){ border-right:0;}
.about4_2{ font-size:16px; color:#3f3f3f; line-height:30px;}
.about4_3{ font-size:14px; color:#3f3f3f; line-height:30px; margin-top:15px;}

/*荣誉证书*/
.honor{ width:100%; margin:0 auto; overflow:hidden; padding:0 0 0 0;}
.honor3{ width:100%; margin:0 auto; overflow:hidden; background:none; background-size:100% auto; padding:0 0;}
.honor3 li{ float:left; width:45.5%; height:auto; background:url(../images/honor4.jpg) center 30px no-repeat; background-size:100% auto; margin:0 0 0 3%; overflow:hidden; padding-bottom:0;}
.honor3_1{ float:left; margin-top:calc(30px + 1.2vw); margin-left:1.2vw; display:block; overflow:hidden; outline:none;}
.honor3_1 img{ display:block; width:calc(100% - 1.2vw); height:auto;}
.honor3_2{ float:left; width:90%; padding:0 5%; text-align:center; font-size:14px; color:#666666; margin-top:1.2vw; height:9vw; line-height:9vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.page{ width:100%; margin:0 auto; overflow:hidden; padding:20px 0 30px 0;}
.page span{ display:inline-block; height:28px; line-height:28px; border:1px solid #c8c8c8; padding:0 10px; font-size:14px; color:#999999; cursor:pointer; margin:10px 1px 0 1px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.page a{ display:inline-block; height:28px; line-height:28px; border:1px solid #c8c8c8; padding:0 10px; font-size:14px; color:#999999; cursor:pointer; margin:10px 1px 0 1px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.page span:hover{ background:#0072c1; color:#FFF; border:1px solid #0072c1;}
.page a:hover{ background:#0072c1; color:#FFF; border:1px solid #0072c1;}

/*proClass*/
.left_nav1{ width:calc(100% - 27px); padding-left:27px; overflow:hidden; text-align:left; height:70px; cursor:pointer; background:url(../images/left_nav.png) 90% center no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.left_nav1>a{ font-size:16px; color:#373737; height:70px; line-height:70px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.left_nav2{ display:none; width:100%; border-top:1px solid #e1e1e1; padding:15px 0 20px 0; overflow:hidden;}
.left_nav2>a{ font-size:14px; color:#979797; text-align:left; float:left; clear:both; margin-left:27px; line-height:24px; margin-top:5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.left_nav2>a.a_on{ color:#0072c1;}
.left_nav2>a:hover{ color:#0072c1;}
.left_nav .left_nav_on{ border-left:3px solid #0072c1;}
.left_nav .left_nav_on .left_nav1{ background:url(../images/left_nav1_on.png) 90% center no-repeat;}
.left_nav .left_nav_on .left_nav1 a{ color:#0072c1; font-weight:bold;}
.left_nav li:hover .left_nav1{ background:url(../images/left_nav_on.png) 90% center no-repeat;}
.left_nav li:hover .left_nav1 a{ color:#0072c1; font-weight:bold;}
.left_nav li.left_nav_on:hover .left_nav1{ background:url(../images/left_nav1_on.png) 90% center no-repeat;}

.pro_class{ width:calc(100% - 40px); padding:20px 20px; overflow:hidden; background:#e5e5e5; margin:30px auto 0 auto;}
.pro_class .select1{ float:left; width:calc(100% - 2px); height:40px; border:1px solid #c7c7c7; padding-left:10px; font-size:14px; font-family:"微软雅黑"; color:#000; margin-right:1%;}
.pro_class .text1{ float:left; width:calc(70% - 21px); height:38px; line-height:48px; border:1px solid #c7c7c7; border-right:0; font-size:14px; font-family:"微软雅黑"; color:#000; padding:0 10px; color:#9e9e9e; clear:left; margin-top:15px; outline:none;}
.pro_class .button1{ float:left; width:30%; border:0; height:40px; line-height:40px; outline:none; background:#0072c1; cursor:pointer; font-size:14px; font-family:"微软雅黑"; font-weight:bold; color:#FFF; margin-top:15px;}

.pro_class1{ width:100%; overflow:hidden; margin-top:10px; padding-bottom:30px;}
.pro_class1 li{ float:left; width:100%; margin-right:0; overflow:hidden; background:#f5f5f5; margin-top:20px;}
.pro_class1 li:nth-child(2n){ margin-right:0;}
.pro_class1 li a{ display:block; width:100%;
	/* 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;
}
.pro_class2{ display:block; float:left; width:59.6%; min-height:180px;}
.pro_class3{ float:right; width:35.4%; overflow:hidden; text-align:left; padding-right:5%;}
.pro_class4{ float:left; width:100%; font-size:16px; color:#191919; line-height:26px; border-bottom:1px solid #dadada; padding-bottom:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pro_class5{ float:left; width:100%; font-size:12px; color:#646464; line-height:22px; margin-top:12px; max-height:66px; overflow:hidden;}
.pro_class6{ float:left; display:block; width:90px; height:32px; line-height:32px; background:#187fc6; text-align:center; color:#FFF; font-size:13px; margin-top:12px;}

/*pro*/
.pro{ width:100%; overflow:hidden; margin-top:10px;}
.pro li{ float:left; overflow:hidden; border:1px solid #e5e5e5; width:calc(48.5% - 2px); margin-right:3%; margin-top:20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro li:nth-child(3n){ margin-right:3%;}
.pro li:nth-child(3n+1){ clear:none;}
.pro li:nth-child(2n){ margin-right:0;}
.pro li:nth-child(2n+1){ clear:left;}
.pro li a{ display:block; width:100%;}
.pro1{ width:100%; overflow:hidden;}
.pro1 img{ display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro2{ width:90%; height:40px; line-height:40px; padding:0 5%; overflow:hidden; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; color:#191919; background:#e5e5e5; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro li:hover{ border:1px solid #0072c1;}
.pro li:hover .pro1 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);}
.pro li:hover .pro2{ background:#0072c1; color:#FFF;}

/*proIn*/
.proIn{ width:100%; overflow:hidden;}
.proIn1{ float:left; display:block; width:calc(100% - 2px); border:1px solid #eaeaea; margin-top:30px;}
.proIn2{ float:right; width:100%; overflow:hidden; margin-top:30px;}
.proIn3{ float:left; width:100%; overflow:hidden; text-align:left; font-size:16px; font-weight:bold; color:#0072c1; line-height:30px; padding-bottom:15px; border-bottom:1px solid #e9e9e9;}
.proIn4{ float:left; width:100%; overflow:hidden; text-align:left; border-bottom:1px solid #e9e9e9; padding:15px 0; font-size:14px; color:#5e5e5e; line-height:30px;}
.proIn5{ float:left; overflow:hidden; font-size:13px; font-weight:normal; color:#FFF; background:#0072c1; display:block; height:34px; line-height:34px; margin-top:20px; margin-right:12px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; padding:0 15px; border:1px solid #0072c1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.proIn5:hover{ background:#FFF; color:#0072c1;}
.proIn5_1{ margin-right:0;}
.proIn6{ float:left; width:100%; overflow:hidden; background:#f2f2f2; margin-top:30px; height:40px;}
.proIn6 span{ display:block; background:#FFF; float:left; border-left:1px solid #dedede; border-right:1px solid #dedede; border-top:2px solid #0072c1; width:100px; height:40px; line-height:38px; font-size:15px; font-weight:bold; color:#0072c1;}
.proIn7{ float:left; width:100%; overflow:hidden; text-align:left; font-size:14px; color:#333333; line-height:30px; padding:25px 0;}
.proIn7 img{ display:block; margin:0 auto; max-width:100%;}

.pageIn{ width:100%; overflow:hidden; border-top:1px solid #e6e6e9; border-bottom:1px solid #e6e6e9; position:relative; padding:25px 0 30px 0;}
.pageIn1{ float:left; clear:both; font-size:13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:calc(100% - 120px); line-height:26px; margin-top:5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pageIn1 a{ color:#333; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pageIn1:hover{ color:#0072c1;}
.pageIn1:hover a{ color:#0072c1;}
.return{ position:absolute; top:50%; right:0; width:100px; height:36px; line-height:36px; background:#0072c1; margin-top:-19px; -webkit-border-radius:19px; -moz-border-radius:19px; border-radius:19px; font-size:13px; color:#FFF;}
.return span{ font-family:"宋体"; font-size:16px; display:inline; vertical-align:bottom;}

.related{ width:100%; overflow:hidden; padding-bottom:30px;}
.related1{ width:100%; overflow:hidden; margin-top:30px; border-bottom:1px solid #d8d8d8;}
.related2{ float:left; font-size:15px; line-height:16px; color:#333; padding-bottom:15px; border-bottom:3px solid #327ace; font-weight:bold;}
.related3{ float:right; font-size:13px; line-height:16px; color:#327ace;}
.related3:hover{ text-decoration:underline;}
.related4{ width:100%; overflow:hidden; margin-top:10px;}
.related4 li{ float:left; margin-right:3%; overflow:hidden; width:calc(48.5% - 2px); border:1px solid #e5e5e5; -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-top:20px;}
.related4 li:last-child{ margin-right:0;}
.related4 li:nth-child(2){ margin-right:0;}
.related4 li a{ display:block; width:100%; overflow:hidden;}
.related5{ width:100%; overflow:hidden;}
.related5 img{ display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.related6{ width:90%; padding:0 5%; height:40px; line-height:40px; background:#e5e5e5; font-size:14px; color:#191919; 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;}
.related4 li:hover{ border:1px solid #0072c1;}
.related4 li:hover .related5 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);}
.related4 li:hover .related6{ background:#0072c1; color:#FFF;}

/*case*/
.case{ width:100%; overflow:hidden; margin-top:10px;}
.case li{ float:left; width:100%; margin-right:0; margin-top:20px;}
.case li:nth-child(2n){ margin-right:0;}
.case li:nth-child(2n+1){ clear:none;}
.case li a{ display:block; width:100%; overflow:hidden;}
.case1{ width:100%; overflow:hidden; position:relative;}
.case1 img{ display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.case1_1{ position:absolute; top:0; right:0; background:#0072c1; width:140px; height:68px; font-size:14px; line-height:24px;}
.case1_2{ color:#6dabd6; margin-top:10px;}
.case1_3{ color:#FFF;}
.case2{ display:block; width:100%; background:#f7f9fb; overflow:hidden; padding:20px 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;}
.case3{ float:left; text-align:right; border-right:1px solid #e7e8e9; width:70px; padding-right:20px;}
.case4{ font-size:16px; font-weight:bold; color:#333; line-height:26px;}
.case5{ font-size:13px; color:#b8babb; line-height:20px;}
.case6{ float:right; overflow:hidden; width:calc(100% - 131px); padding-right:20px; text-align:left; font-size:14px; color:#333; line-height:24px; height:52px;}
.case li a:hover .case1 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);}
.case li a:hover .case2{ background:#0072c1;}
.case li a:hover .case3{border-right:1px solid #FFF;}
.case li a:hover .case4{ color:#FFF;}
.case li a:hover .case5{ color:#FFF;}
.case li a:hover .case6{ color:#FFF;}

/*caseIn*/
.caseIn{ width:100%; overflow:hidden;}
.caseIn1{ width:100%; overflow:hidden; font-size:16px; font-weight:bold; color:#333; line-height:30px; margin-top:25px;}
.caseIn2{ width:100%; overflow:hidden; font-size:13px; color:#666; line-height:24px; padding-bottom:20px; border-bottom:1px solid #e6e6e9; margin-top:15px;}
.caseIn3{ width:100%; overflow:hidden; padding:25px 0; font-size:14px; color:#333; line-height:30px; text-align:left;}
.caseIn3 img{ display:block; margin:0 auto; max-width:100%;}

/*news*/
.news1{ display:block; width:calc(100% - 2px); border:1px solid #eaeaea; margin-top:30px; overflow:hidden;
	/* 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;
}
.news1_1{ float:left; overflow:hidden; width:44.16%; min-height:200px; border-right:1px solid #eaeaea;}
.news1_1 img{ display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news1_2{ float:right; width:calc(47.84% - 1px); overflow:hidden; padding:0 4%; text-align:left;}
.news1_3{ float:left; width:100%; overflow:hidden; font-size:15px; color:#333; line-height:25px; 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;}
.news1_4{ float:left; width:100%; overflow:hidden; font-size:13px; color:#666; line-height:24px; margin-top:8px;}
.news1_5{ float:left; width:100%; overflow:hidden; font-size:14px; color:#777777; line-height:24px; margin-top:8px; height:48px;}
.news1_6{ float:left; width:100px; height:34px; line-height:34px; border:1px solid #0072c1; background:#0072c1; color:#FFF; font-size:13px; text-align:center; margin-top:12px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news1:hover .news1_1 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);}
.news1:hover .news1_3{ color:#0072c1;}
.news1_6:hover{ background:#FFF; color:#0072c1;}

.news2{ width:100%; overflow:hidden;}
.news2 li{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #eaeaea;}
.news2 li a{ float:left; display:block; padding:25px 10px 22px 10px; width:calc(100% - 20px); text-align:left; overflow:hidden;}
.news2_1{ float:left; width:70px; height:65px; background:#0072c1; color:#FFF; text-align:center;}
.news2_2{ font-size:24px; line-height:24px; margin-top:10px;}
.news2_3{ font-size:13px; line-height:13px; margin-top:5px;}
.news2_4{ float:left; width:calc(97% - 110px); margin-left:3%;}
.news2_5{ float:left; width:100%; overflow:hidden; font-size:15px; color:#000; line-height:26px; 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;}
.news2_6{ float:left; width:100%; overflow:hidden; font-size:14px; color:#777777; line-height:24px; height:24px; margin-top:5px; white-space:nowrap; text-overflow:ellipsis;}
.news2_7{ float:right; width:28px; height:28px; border:1px solid #e6e6e6; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background:url(../images/index5_2.png) center center no-repeat; background-size:auto 10px; margin-top:15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news2 li a:hover .news2_5{ color:#0072c1;}
.news2 li a:hover .news2_7{ background:url(../images/index5_2_on.png) center center no-repeat #0072c1; background-size:auto 10px; border:1px solid #0072c1;}

/*newsIn*/
.related7{ width:100%; overflow:hidden; margin-top:25px;}
.related7 li{ float:left; overflow:hidden; margin-top:1px; font-size:14px; line-height:24px; padding:3px 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;} 
.related7 li a{ float:left; display:block; color:#666; text-align:left; 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;}
.related7 li span{ float:right; display:block; font-family:"Arial"; color:#929292; font-size:13px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.related7 li:nth-child(2n){ width:100%; border-left:0; background:url(../images/point.png) 0 center no-repeat;}
.related7 li:nth-child(2n-1){ width:100%; background:url(../images/point.png) 0 center no-repeat;}
.related7 li:nth-child(2n) a{ margin-left:10px; max-width:calc(100% - 110px);}
.related7 li:nth-child(2n-1) a{ margin-left:10px; max-width:calc(100% - 110px);}
.related7 li:nth-child(2n) span{ margin-right:0;}
.related7 li:nth-child(2n-1) span{ margin-right:0;}
.related7 li:nth-child(2n):hover{ background:url(../images/point_on.png) 0 center no-repeat;}
.related7 li:nth-child(2n-1):hover{ background:url(../images/point_on.png) 0 center no-repeat;}
.related7 li:hover a{ color:#0072c1;}
.related7 li:hover span{ color:#0072c1;}

/*人才招聘*/
.n_recruit{ width:calc(100% - 2px); height:auto; margin:30px auto 0 auto; border:1px solid #f2f2f2; background:#FFF; overflow:hidden;
	/* Center slide text vertically */
	display: block;
	display: block;
	display: block;
	display: block;
	-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;
}
.n_recruit1{ float:left; width:100%; background-size:100% 100%; height:220px;}
.n_recruit2{ float:right; width:90%; padding:25px 5% 20px 5%; height:auto; text-align:left;}
.n_recruit2_1{ width:100%; height:35px; overflow:hidden; font-size:16px; font-weight:bold; position:relative; line-height:16px;}
.n_recruit2_1 span{ width:35px; height:2px; background:#555555; position:absolute; bottom:0; left:0;}
.n_recruit2_2{ width:100%; overflow:hidden; font-size:14px; color:#666; line-height:24px; margin-top:20px; max-height:auto;}
.n_recruit2_3{ width:100%; overflow:hidden;}

.recruit1{ overflow:hidden; width:100%;}

.recruit3{ float:none; width:100%; margin:0 auto; margin-top:30px; overflow:hidden;}
.recruit3_1{ float:left; width:100%; overflow:hidden; line-height:20px; background:#0072c1; text-align:center; font-size:14px; color:#FFF; padding:10px 0;}
.recruit3_2{ float:left; width:28%; padding:0 1%;}
.recruit3_3{ float:left; width:10%; padding:0 1%;}
.recruit3_4{ float:left; width:20%; padding:0 1%;}
.recruit3_5{ float:left; width:16%; padding:0 1%;}
.recruit3_6{ float:left; width:16%; padding:0 1%;}

.recruit4{ float:left; width:100%; overflow:hidden;}
.recruit4 li{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #eeeeee;}
.recruit4_1{ float:left; width:100%; overflow:hidden; text-align:center; font-size:14px; color:#999999; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.recruit4_2{ float:left; width:28%; padding:15px 1%; text-align:left; line-height:20px;}
.recruit4_3{ float:left; width:10%; padding:15px 1%; line-height:20px;}
.recruit4_4{ float:left; width:20%; padding:15px 1%; line-height:20px;}
.recruit4_5{ float:left; width:16%; padding:15px 1%; line-height:20px;}
.recruit4_6{ float:left; width:16%; padding:15px 1%; line-height:20px;}
.recruit4_1:hover{ color:#0072c1;}

/*人才招聘内页*/
.application{ display:block; margin:30px auto 0 auto; width:102px; height:36px; line-height:36px; text-align:center; background:#327ace; color:#FFF;}

/*联系我们*/
.contact1{ width:100%; overflow:hidden; margin-top:10px; padding-bottom:30px;}
.contact1 li{ float:left; margin-right:0; background:#f7f7f7; width:94%; padding:20px 3%; margin-top:20px; text-align:left;}
.contact1 li:nth-child(2n){ margin-right:0;}
.contact1 li:nth-child(2n-1){ clear:left;}
.contact2{ float:left; width:100%; overflow:hidden;}
.contact3{ float:left; font-size:14px; color:#000; background:url(../images/contact2.png) left 3px no-repeat; background-size:auto 22px; line-height:30px; padding-left:22px; max-width:calc(100% - 130px);}
.contact4{ float:right; font-size:13px; color:#FFF; background:#0072c1; width:96px; height:30px; line-height:30px; display:block; text-align:center; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}
.contact5{ float:left; width:calc(100% - 22px); padding:0 0 0 22px; overflow:hidden; font-size:14px; color:#666; line-height:30px; margin-top:10px;}

/*在线服务*/
.service1{ width:695px; min-height:88px; max-width:calc(100% - 60px); padding-left:60px; overflow:hidden; margin:30px auto 0 auto; background:url(../images/service1.jpg) left top no-repeat; background-size:auto 50px; text-align:left; font-size:14px; line-height:30px;}
.service1_1{ font-weight:bold; color:#0072c1;}
.service1_2{}
.service1_2 span{ color:#ff0000;}
.service_line{ width:100%; height:0; overflow:hidden; border-bottom:1px solid #d8d8d8; margin-top:25px;}
.service2{ width:800px; margin:0 auto; overflow:hidden; max-width:100%; padding:15px 0 30px 0;}
.service2 .span1{ float:left; overflow:hidden; display:block; width:85px; text-align:right; padding-right:5px; font-size:14px; color:#666666; line-height:44px; margin-top:15px;}
.service2 .span1 i{ visibility:hidden;}
.service2 .span2{ float:left; width:20px; font-size:15px; color:#ff0000; line-height:44px; margin-top:15px;}
.service2 .input1{ float:left; margin-top:15px; border:1px solid #cdcdcd; height:42px; line-height:42px; padding:0 15px; font-family:"微软雅黑"; font-size:14px; color:#666; outline:none; width:calc(100% - 145px);}
.service2 .input2{ float:left; margin-top:15px; border:1px solid #cdcdcd; height:42px; line-height:42px; padding:0 15px; font-family:"微软雅黑"; font-size:14px; color:#666; outline:none; width:calc(45% - 90px);}
.service2 .textarea1{ float:left; border:1px solid #cdcdcd; width:calc(100% - 145px); height:150px; padding:6px 15px; margin-top:15px; outline:none; font-family:"微软雅黑"; font-size:14px; color:#666; line-height:30px;}
.btn_Submit{ float:left; margin-left:90px; margin-top:20px; width:90px; height:40px; line-height:40px; background:#0072c1; border:0; outline:none; font-family:"微软雅黑"; font-size:14px; color:#FFF; cursor:pointer;}
.btn_Reset{ float:left; margin-top:20px; width:90px; height:40px; line-height:40px; background:#616161; border:0; outline:none; font-family:"微软雅黑"; font-size:14px; color:#FFF; cursor:pointer; margin-left:3%;}

}