@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
a{ text-decoration:none;}
li{ list-style:none;}
table,tr,td,ul,li,dl,dt,dd,div{ border:0;}
img{ border:0;}
body{ font-size:12px; font-family:微软雅黑; overflow-x: hidden; text-align:center;}
.float_l{ float:left !important;}
.float_r{ float:right !important;}
.blank0{ width:100%; height:0px; clear:both;}
.blank10{ width:100%; height:10px; clear:both;}
.blank15{ width:100%; height:15px; clear:both;}
.blank20{ width:100%; height:20px; clear:both;}
.blank30{ width:100%; height:30px; clear:both;}
.blank40{ width:100%; height:40px; clear:both;}
.blank50{ width:100%; height:50px; clear:both;}
.blank60{ width:100%; height:60px; clear:both;}
.animation{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.display1920{ display:block !important;}
.display1200{ display:none !important;}
.display1024{ display:none !important;}
.display640{ display:none !important;}

/*首页*/
.center{ width:1200px; margin:0 auto;}

.header{ width:100%; height:90px; position:fixed; z-index:100; display:block; top:0; left:0; background:url(../imagesSub/header_bg.png) repeat; -webkit-box-shadow:0px 0px 3px #eee; -moz-box-shadow:0px 0px 3px #eee; box-shadow:0px 0px 3px #eee;}
.logo{ float:left; margin-top:8px; display:block; margin-left:4.5%;}

/* nav css */
.nav{ display:inline-table; position:relative; z-index:1; float:right; height:90px;}
.nav a{ color:#505050;}
.nav .nLi{ float:left; position:relative; margin-left:1px;}
.nav .nLi h3{ float:left;}
.nav .nLi h3 a{ display:block; width:115px; height:90px; line-height:90px; font-size:16px; font-weight:normal;}
.nav .sub{ display:none; width:115px; left:0; top:81px; position:absolute; background:url(../imagesSub/nav_bg.png) top center no-repeat; padding-top:9px;}
.nav .sub li{ zoom:1;}
.nav .sub a{ display:block; height:55px; line-height:55px; font-size:14px; background:#FFF;}
.nav .sub a:hover{ background:#f2f2f2; color:#0054a7;}
.nav .on h3 a{ background:#0054a7; color:#fff;}
.nav .a_on{ background:#0054a7; color:#fff;}

.search{ float:right; width:130px; height:90px; margin-right:4.5%; position:relative; z-index:1000;}
.search1{ float:left; margin-top:34px; height:21px; line-height:21px; font-size:16px; color:#505050; background:url(../imagesSub/search.png) 0 center no-repeat; text-align:left; margin-left:30px; padding-left:35px; cursor:pointer;}
.search2{ width:220px; height:30px; border:1px solid #999; overflow:hidden; position:absolute; top:-30px; right:32px; background:#FFF; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity: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;}
.search_opacity{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; top:30px;}
.search3{ float:left; width:165px; height:30px; line-height:30px; font-family:"微软雅黑"; color:#666; border:0; outline:none; padding-left:15px; font-size:13px;}
.search4{ float:left; width:40px; height:30px; border:0; background:url(../imagesSub/search.png) center center no-repeat; outline:none; cursor:pointer;}
.search_close{ width:28px; height:28px; border:1px solid #0054a7; position:absolute; right:0; top:31px; background:url(../imagesSub/search1.png) center center no-repeat; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; cursor:pointer; display:none;}

.swiper-container {
	width: 100%;
	height: 100%;
	display:block;
}
.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-container .swiper-slide img{ width:100%;}
.swiper-container .swiper-slide .img1{ display:block;}
.swiper-container .swiper-slide .img2{ display:none;}
.swiper-container .swiper-pagination{ bottom:55px;}
.swiper-container .swiper-pagination .swiper-pagination-bullet{ width:12px; height:12px; -webkit-transition:linear all 0.3s; -moz-transition:linear all 0.3s; -ms-transition:linear all 0.3s; -o-transition:linear all 0.3s; transition:linear all 0.3s; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
.swiper-container .swiper-pagination .swiper-pagination-bullet-active{ width:30px; height:12px; background:#FFF;}

.mobile_bg{ display:none;}

.footer{ width:100%; background:#f0f0f0; overflow:hidden;}
.footer1{ width:1200px; margin:0 auto; overflow:hidden; padding:50px 0 30px 0;}
.footer1_1{ float:left; display:block;}
.footer2{ float:left; width:135px; height:111px; text-align:left; border-left:1px solid #d8d8d8; margin-left:45px; position:relative; padding-left:30px; margin-top:10px;}
.footer2_1{ float:left; width:100%; font-size:18px; color:#404040; line-height:18px; margin-top:-5px;}
.footer2_2{ float:left; width:100%; overflow:hidden; margin-top:20px;}
.footer2_2 li{ float:left; width:100%; overflow:hidden; height:26px;}
.footer2_2 li a{ display:block; font-size:16px; color:#888888; line-height:22px; margin-top:2px;}
.footer2_2 li a:hover{ text-decoration:underline;}
.footer2_3{ width:10px; height:11px; background:url(../imagesSub/index3.png) no-repeat; position:absolute; top:0; left:0;}
.footer3{ float:right;}
.footer3_1{ display:block; width:97px;}
.footer3_2{ width:97px; color:#0054a7; line-height:40px;}
.footer4{ width:100%; overflow:hidden; padding:15px 0; background:#0054a7;}
.footer4_1{ width:1200px; margin:0 auto; line-height:20px; font-size:16px; color:#FFF;}
.footer4_2{ float:left; width:80%; text-align:left;}
.footer4_3{ float:right; width:20%; text-align:right; color:#6291ae;}
.footer4_3:hover{ text-decoration:underline;}

.footer5{ width:1200px; margin:0 auto; border-top:1px solid #d8d8d8; padding:30px 0; overflow:hidden;}
.footer5_1{ float:left; font-size:16px; color:#888888; text-align:left; line-height:30px; width:70%;}
.footer5_2{ float:right; margin-top:8px; display:block;}

.index1{ width:100%; overflow:hidden; padding-top:110px; position:relative;}
.index_title{ display:inline-table; font-size:26px; line-height:26px; color:#444444; border-bottom:4px solid #0054a7; padding-bottom:17px; position:relative; z-index:10;}
.index1_bg{ position:absolute; z-index:1; width:64%; height:50%; bottom:0; left:0; background:#0054a7;}

.swiper-container1 {
	width: 90%;
	height: 100%;
	position:relative;
	z-index:10;
	margin:90px 5% 0 5%;
	overflow:hidden;
	padding-bottom:45px;
}
.swiper-container1 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: none;
	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-container1 .swiper-pagination1{ margin-top:55px;}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet{ width:12px; height:12px; -webkit-transition:linear all 0.3s; -moz-transition:linear all 0.3s; -ms-transition:linear all 0.3s; -o-transition:linear all 0.3s; transition:linear all 0.3s; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; margin:0 5px;}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet-active{ width:30px; height:12px; background:url(../imagesSub/index1_6.png) repeat;}

.swiper-container1 .swiper-button-next1{ position:absolute; width:20px; height:13px; background:url(../imagesSub/arrow_r1.png) no-repeat; right:36%; bottom:48px; z-index:10; cursor:pointer;}
.swiper-container1 .swiper-button-prev1{ position:absolute; width:20px; height:13px; background:url(../imagesSub/arrow_l1.png) no-repeat; left:36%; bottom:48px; z-index:10; cursor:pointer;}

.swiper-container1 .swiper-slide a{ display:block; background:#ececec; width:100%; overflow:hidden; padding-bottom:20px;}

.index1_1{ position:relative; overflow:hidden;}
.index1_2{ display:block; max-width:100%; position:relative; z-index:1;}
.index1_3{ position:absolute; width:100%; height:100%; background:url(../imagesSub/index1_3.png) repeat; z-index:10; top:0; left:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;   
 opacity: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;}
.index1_4{ display:block; margin:30% auto 0 auto; height:23%;}
.index1_5{ font-size:20px; color:#FFF; line-height:30px; height:30px; width:90%; margin:10px auto 0 auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index1_6{ display:block; overflow:hidden; width:100%;}
.index1_7{ float:left; margin-left:5%; margin-top:20px; width:90%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:20px; color:#444; line-height:30px; height:30px;}
.index1_8{ float:left; margin-left:5%; margin-top:3px; width:90%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; color:#888888; line-height:20px; height:20px;}

.swiper-container1 .swiper-slide a:hover .index1_3{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

.index2{ width:100%; overflow:hidden; position:relative; background:url(../imagesSub/index2_1.jpg) left bottom no-repeat; background-size:auto 100%; margin-top:100px; padding-top:65px;}

.swiper-container2 {
	width: 100%;
	position:relative;
	overflow:hidden;
}
.gallery-top {
	height: auto;
	width: 100%;
}
.gallery-thumbs {
	width:50%;
	height: auto;
	box-sizing: border-box;
	padding: 0 0;
	position:absolute;
	bottom:0;
	right:5%;
	overflow:hidden;
}
.gallery-thumbs .swiper-slide {
	height: auto;
	opacity: 1;
}
.gallery-thumbs .swiper-slide-active {
	opacity: 1;
}
.swiper-container2 .swiper-pagination2{ position:absolute; bottom:30px; left:0; z-index:100; width:100%;}
.swiper-container2 .swiper-pagination2 .swiper-pagination-bullet{ width:12px; height:12px; -webkit-transition:linear all 0.3s; -moz-transition:linear all 0.3s; -ms-transition:linear all 0.3s; -o-transition:linear all 0.3s; transition:linear all 0.3s; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; margin:0 5px; background:#0054a7;}
.swiper-container2 .swiper-pagination2 .swiper-pagination-bullet-active{ width:30px; height:12px;}

.swiper-button-next2{ position:absolute; width:20px; height:13px; background:url(../imagesSub/arrow_r2.png) no-repeat; right:37.5%; bottom:33px; z-index:100; cursor:pointer;}
.swiper-button-prev2{ position:absolute; width:20px; height:13px; background:url(../imagesSub/arrow_l2.png) no-repeat; left:37.5%; bottom:33px; z-index:100; cursor:pointer;}

.index2_1{ float:left; display:block; max-width:30%; margin:30px 0 30px 12%;}
.index2_2{ float:right; width:50%; margin-right:5%; text-align:left; overflow:hidden;}
.index2_3{ float:left;}
.index2_4{ float:left; width:100%; overflow:hidden;}
.index2_5{ float:left; width:80%; overflow:hidden; margin-top:2%; height:40px; line-height:40px; text-overflow:ellipsis; white-space:nowrap;}
.index2_5 .span1{ font-size:26px; font-weight:bold; color:#00674a;}
.index2_5 .span2{ font-size:16px; color:#a8a8a8; padding:0 1%;}
.index2_5 .span3{ font-size:26px; color:#444;}
.index2_5 .span4{ font-size:20px; color:#00674a; padding-left:2%;}
.index2_6{ float:left; width:100%; overflow:hidden; margin-top:1%; max-height:210px; line-height:35px; font-size:16px; color:#666666;}
.index2_6 li{ float:left; width:46%; padding:0 2%; line-height:35px; height:35px; font-size:16px; color:#666666; overflow:hidden; background:url(../imagesSub/index2_4.png) left center no-repeat; text-overflow:ellipsis; white-space:nowrap;}
.index2_7{ display:block; cursor:pointer; width:100%;}
.index2_8{ width:80%; overflow:hidden; font-size:15px; color:#00674a; line-height:24px; max-height:72px;}
.index2_4 .line{ float:left; clear:both; width:80%; height:0; border-bottom:1px solid #e5e5e5; margin-top:1%;}

.index3{ width:100%; overflow:hidden; padding-top:110px; position:relative; background:url(../imagesSub/index3_1.jpg) left center no-repeat; background-size:cover;}
.index3_bottom{ width:100%; height:65px; background:#f0f0f0; overflow:hidden;}
.index3_bottom1{ width:62%; height:65px; background:#0054a7; float:right;}

.index3_1{ color:#FFF; border-bottom:4px solid #FFF;}

.swiper-container3 {
	width: 80.4%;
	height: 100%;
	position:relative;
	z-index:10;
	margin:90px 9.8% 0 9.8%;
	overflow:hidden;
	padding-bottom:45px;
}
.swiper-container3 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: none;
	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-container3 .swiper-pagination3{ margin-top:55px;}
.swiper-container3 .swiper-pagination3 .swiper-pagination-bullet{ width:12px; height:12px; -webkit-transition:linear all 0.3s; -moz-transition:linear all 0.3s; -ms-transition:linear all 0.3s; -o-transition:linear all 0.3s; transition:linear all 0.3s; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; margin:0 5px;}
.swiper-container3 .swiper-pagination3 .swiper-pagination-bullet-active{ width:30px; height:12px; background:url(../imagesSub/index1_6.png) repeat;}

.swiper-container3 .swiper-button-next3{ position:absolute; width:20px; height:13px; background:url(../imagesSub/arrow_r1.png) no-repeat; right:34.5%; bottom:48px; z-index:10; cursor:pointer;}
.swiper-container3 .swiper-button-prev3{ position:absolute; width:20px; height:13px; background:url(../imagesSub/arrow_l1.png) no-repeat; left:34.5%; bottom:48px; z-index:10; cursor:pointer;}

.swiper-container3 .swiper-slide a{ display:block; background:#ececec; width:100%; overflow:hidden;}

.index3_2{ display:block; width:100%;}
.index3_3{ float:left; width:100%; overflow:hidden; background:#FFF; background-size:cover; padding-bottom: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;}
.index3_4{ float:left; margin-left:5%; width:90%; overflow:hidden; font-size:18px; color:#444; font-weight:bold; line-height:26px; height:52px; margin-top:30px;}
.index3_5{ float:left; margin-left:5%; width:90%; overflow:hidden; font-size:16px; color:#888888; line-height:24px; height:72px; margin-top:20px; text-align:left;}
.index3_6{ float:left; margin-left:5%; width:90%; overflow:hidden; font-size:14px; color:#0054a7; line-height:20px; margin-top:20px;}

.swiper-container3 .swiper-slide a:hover .index3_3{ background:url(../imagesSub/index3_4.jpg) center center no-repeat;}
.swiper-container3 .swiper-slide a:hover .index3_4{ color:#FFF;}
.swiper-container3 .swiper-slide a:hover .index3_5{ color:#FFF;}
.swiper-container3 .swiper-slide a:hover .index3_6{ color:#FFF;}

.point{ width:25px; overflow:hidden; position:fixed; left:3%; top:50%; margin-top:-70px; z-index:99999; display:block;}
.point li{ width:25px; height:25px; background:url(../imagesSub/point.png) center center no-repeat; margin-top:10px; 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;}
.point li a{ display:block; width:100%; height:100%;}
.point .li_on{ background:url(../imagesSub/point_on.png) center center no-repeat;}

.piaofu{ width:100px; height:400px; background:#FFF; position:fixed; bottom:2%; right:1%; z-index:99999;}
.piaofu li{ width:100px; height:100px; position:relative;}
.piaofu li a{ display:block; width:100px; height:99px; font-size:14px; color:#888888; line-height:150px;}
.piaofu1{ background:url(../imagesSub/piaofu1.png) center 24px no-repeat;}
.piaofu2{ background:url(../imagesSub/piaofu2.png) center 22px no-repeat;}
.piaofu2_1{ position:absolute; top:0; left:-200px; width:200px; height:99px; line-height:99px; font-size:20px; color:#FFF; background:#0054a7;}
.piaofu3{ background:url(../imagesSub/piaofu3.png) center 20px no-repeat;}
.piaofu4{ background:url(../imagesSub/piaofu4.png) center 20px no-repeat;}
.piaofu4_1{ position:absolute; top:0; left:-97px; width:97px; height:99px;}
.piaofu4_1 img{ display:block; width:97px; height:99px;}
.piaofu5{ height:100px !important; background:url(../imagesSub/piaofu5.png) center center no-repeat;}
.piaofu_on{ display:none;}
.piaofu li .line{ width:86px; height:1px; background:#e5e5e5; margin:0 auto;}

.piaofu li:hover .piaofu1{ background:url(../imagesSub/piaofu1_1.png) center 24px no-repeat #0054a7;}
.piaofu li:hover .piaofu2{ background:url(../imagesSub/piaofu2_1.png) center 22px no-repeat #0054a7;}
.piaofu li:hover .piaofu3{ background:url(../imagesSub/piaofu3_1.png) center 20px no-repeat #0054a7;}
.piaofu li:hover .piaofu4{ background:url(../imagesSub/piaofu4_1.png) center 20px no-repeat #0054a7;}
.piaofu li:hover .piaofu5{ background:url(../imagesSub/piaofu5_1.png) center center no-repeat #0054a7;}
.piaofu li:hover a{ color:#FFF;}
.piaofu li:hover .piaofu_on{ display:block;}

.banner{ width:100%; height:563px; position:relative;}
.banner_mobile{ width:100%; overflow:hidden; display:none;}
.banner_mobile img{ display:block; width:100%;}

.mid_nav{ position:absolute; bottom:0; left:0; width:100%; height:58px; background:url(../imagesSub/neiye_nav_bg.png) repeat;}
.mid_nav1{ width:1200px; margin:0 auto; overflow:hidden;}
.mid_nav1 li{ float:left; margin-right:1px;}
.mid_nav1 li a{ display:block; height:58px; line-height:58px; font-size:16px; color:#FFF; padding:0 40px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.mid_nav1 li .a_on{ background:#006b4f;}
.mid_nav1 li a:hover{ background:#006b4f;}

.position{ width:1200px; margin:50px auto 30px auto; text-align:left; font-size:14px; color:#444444; line-height:20px;}
.position a{ color:#444444;}
.position span{ color:#0054a7;}
.title{ width:1200px; line-height:30px; margin:0 auto; overflow:hidden; text-align:left; font-size:28px; font-weight:bold; color:#0054a7;}

/*about*/
.about{ width:1200px; margin:20px auto 0 auto; overflow:hidden;}
.about li{ float:left; width:100%; overflow:hidden; margin-top:40px;
	/* 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;
}
.about1{ width:46.8%; margin:0 1.6%; font-size:16px; color:#444; line-height:30px; text-align:left;}
.about1 img{ display:block; max-width:100%;}
.about1 .title{ font-size:20px; font-weight:bold; color:#0054a7;}
.about2{ width:100%; border-top:1px solid #e5e5e5; font-size:16px; color:#444; line-height:30px; padding:50px 0;}
.about1_logo{ height:auto;}

/*about1*/
.about_content{ width:1200px; margin:0 auto; overflow:hidden; padding:50px 0; text-align:left; font-size:16px; color:#444; line-height:30px;}
.about_content img{ display:block; margin:0 auto; max-width:100%;}

/*joinUs*/
.join_us{ width:100%; overflow:hidden;}
.join_us>li{ width:100%; overflow:hidden;}
.join_us>li .title{ width:100%; line-height:40px; text-align:center; font-size:28px; font-weight:bold; color:#006b4f;}

.join_us1{ width:1200px; margin:0 auto; overflow:hidden; padding:50px 0; font-size:16px; color:#444; line-height:30px;}
.join_us1 img{ display:block; margin:0 auto;}

.join_us2_bg{ background:#f2f2f2;}
.join_us2{ width:1200px; margin:0 auto; overflow:hidden; padding:80px 0 50px 0;}
.join_us2_1{ width:100%; overflow:hidden; background:url(../imagesSub/join_us3_5.jpg) left center repeat-y; margin-top:50px;}
.join_us2_1 li{ float:left; width:23%; padding:0 1%; overflow:hidden; background:url(../imagesSub/join_us3_5.jpg) right center repeat-y;}
.join_us2_2{ font-size:26px; color:#006b4f; line-height:36px;}
.join_us2_3{ width:100%; height:70px; overflow:hidden; margin-top:20px;}
.join_us2_3_1{ background:url(../imagesSub/join_us3_1.png) center center no-repeat;}
.join_us2_3_2{ background:url(../imagesSub/join_us3_2.png) center center no-repeat;}
.join_us2_3_3{ background:url(../imagesSub/join_us3_3.png) center center no-repeat;}
.join_us2_3_4{ background:url(../imagesSub/join_us3_4.png) center center no-repeat;}
.join_us2_4{ font-size:16px; color:#303030; line-height:30px; min-height:90px; margin-top:20px;}

.join_us3{ width:1200px; margin:0 auto; overflow:hidden; padding:80px 0 50px 0;}
.join_us3_1{ width:100%; overflow:hidden; padding-top:50px; font-size:16px; color:#444; line-height:30px;}
.join_us3_1 img{ display:block; margin:0 auto; max-width:100%;}

.join_us4_bg{ background:url(../imagesSub/join_us6.jpg) top center no-repeat;}
.join_us4{ width:1200px; margin:0 auto; overflow:hidden; padding:80px 0 50px 0;}
.join_us4_1{ width:100%; overflow:hidden; padding-top:20px; font-size:16px; color:#444; line-height:30px;}
.join_us4_1 img{ display:block; margin:0 auto; max-width:100%;}

.join_us5{ width:1200px; margin:0 auto; overflow:hidden; padding:80px 0 50px 0;}
.join_us5_1{ width:100%; overflow:hidden; padding-top:20px; font-size:16px; color:#444; line-height:30px;}
.join_us5_1 img{ display:block; margin:0 auto; max-width:100%;}

.join_us6{ width:1200px; margin:0 auto; overflow:hidden; padding:30px 0 80px 0;}
.join_us6_1{ width:100%; overflow:hidden; padding-top:20px; font-size:16px; color:#444; line-height:30px;}
.join_us6_2{ float:left; width:526px; height:601px; background:url(../imagesSub/join_us8.jpg) no-repeat; padding:0 30px;}
.join_us6_2_1{ width:100%; overflow:hidden; font-size:26px; color:#0054a7; line-height:36px; margin-top:90px;}
.join_us6_2_2{ width:100%; overflow:hidden; font-size:16px; color:#444; line-height:30px; text-align:left; margin-top:20px;}
.join_us6_2_3{ display:block; margin:60px auto 0 auto; max-width:90%;}
.join_us6_3{ float:right; width:526px; height:601px; background:url(../imagesSub/join_us8.jpg) no-repeat; padding:0 30px;}
.join_us6_3_1{ display:block; margin:90px auto 0 auto; max-width:90%;}
.join_us6_3_2{ width:100%; overflow:hidden; font-size:26px; color:#0054a7; line-height:36px; margin-top:70px;}
.join_us6_3_3{ width:100%; overflow:hidden; font-size:16px; color:#444; line-height:30px; text-align:left; margin-top:20px;}

/* recruit css */
.recruit1{ overflow:hidden; padding-bottom:60px; border-bottom:1px solid #ededed; width:100%;}

.recruit3{ float:none; width:1200px; margin:0 auto; margin-top:50px; overflow:hidden;}
.recruit3_1{ float:left; width:100%; overflow:hidden; line-height:20px; background:#0055a7; text-align:center; font-size:18px; color:#FFF; padding:15px 0;}
.recruit3_2{ float:left; width:30%; padding:0 1%;}
.recruit3_3{ float:left; width:12%; padding:0 1%;}
.recruit3_4{ float:left; width:18%; padding:0 1%;}
.recruit3_5{ float:left; width:14%; padding:0 1%;}
.recruit3_6{ float:left; width:10%; 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:16px; color:#999999; cursor:pointer;}
.recruit4_2{ float:left; width:30%; padding:30px 1%; text-align:left; line-height:20px;}
.recruit4_3{ float:left; width:12%; padding:30px 1%; line-height:20px;}
.recruit4_4{ float:left; width:18%; padding:30px 1%; line-height:20px;}
.recruit4_5{ float:left; width:14%; padding:30px 1%; line-height:20px;}
.recruit4_6{ float:left; width:10%; padding:30px 1%; line-height:20px;}
.recruit4_7{ float:left; width:6%; height:80px; background:url(../imagesSub/recruit2.jpg) center center no-repeat; background-size:auto 10px; cursor:pointer;}

.recruit4_8{ font-size:14px; color:#666; line-height:30px; padding:20px 0; border-bottom:1px solid #e5e5e5;}
.recruit4_9{ float:left; width:100%; overflow:hidden; padding:30px 0;}
.recruit4_10{ float:left; display:block; width:154px; height:44px; background:url(../imagesSub/recruit4.jpg) no-repeat;}
.recruit4_11{ float:right; font-size:16px; color:#666; height:44px; line-height:44px;}
.recruit4_12{ display:none; float:left; width:96%; background:#f7f7f7; text-align:left; padding:0 2%;}

/* serviceClass css */
.serviceClass{ width:1200px; margin:0 auto; overflow:hidden; padding-bottom:90px; position:relative; z-index:1;}
.serviceClass li{ float:left; width:46.2%; height:600px; overflow:hidden; margin-left:1.8%; margin-right:1.8%; border:1px solid #e5e5e5; margin-top:40px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.serviceClass li a{ display:block; width:100%; overflow:hidden;}
.serviceClass1{ width:70%; overflow:hidden; position:relative; margin:65px auto 0 auto;}
.serviceClass1_1{ display:block; width:100%; position:relative; z-index:10;}
.serviceClass1_2{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../imagesSub/index1_3.png) repeat; z-index:100; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;   
 opacity: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;}
.serviceClass1_3{ display:block; margin:30% auto 0 auto; height:23%;}
.serviceClass1_4{ width:90%; margin:10px auto 0 auto; font-size:20px; color:#FFF; line-height:30px; height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.serviceClass2{ width:90%; overflow:hidden; margin:0 auto;}
.serviceClass2_1{ width:100%; overflow:hidden; font-size:20px; font-weight:bold; color:#006b4f; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:40px;}
.serviceClass2_2{ width:100%; overflow:hidden; font-size:16px; color:#666; line-height:24px; height:72px; margin-top:20px;}
.serviceClass li:hover{ border:1px solid #FFF; -webkit-box-shadow:0px 0px 10px #e5e5e5; -moz-box-shadow:0px 0px 10px #e5e5e5; box-shadow:0px 0px 10px #e5e5e5;}
.serviceClass li:hover .serviceClass1_2{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

/* serviceList css */
.serviceList{ width:1200px; margin:15px auto 0 auto; overflow:hidden; padding-bottom:100px;}
.serviceList li{ float:left; width:31%; overflow:hidden; margin-right:3.5%; margin-top:35px;}
.serviceList li:nth-child(3n){ margin-right:0;}
.serviceList li a{ display:block; width:100%; overflow:hidden; position:relative; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.serviceList1{ display:block; width:100%; position:relative; z-index:10;}
.serviceList2{ position:absolute; z-index:100; top:0; left:0; width:100%; height:100%; background:url(../imagesSub/serviceList3.png) 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;}
.serviceList2_1{ display:block; margin:16% auto 0 auto; height:24%;}
.serviceList2_2{ width:90%; height:30px; line-height:30px; font-size:20px; color:#FFF; margin:10px auto 0 auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.serviceList2_3{ width:90%; height:24px; line-height:24px; font-size:16px; color:#c7c7c8; margin:5px auto 0 auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.serviceList2:hover{ background:url(../imagesSub/serviceList3_1.png) repeat;}
.serviceList2:hover .serviceList2_3{ color:#99c4b9;}

/* serviceIn css */
.serviceIn{ width:1200px; margin:0 auto; overflow:hidden; text-align:left; font-size:16px; color:#444; line-height:30px; padding:30px 0 100px 0;}
.serviceIn b{ color:#0054a7;}
.serviceIn img{ display:block; margin:0 auto; max-width:100%;}

/* department css */
.department{ width:1200px; margin:0 auto; overflow:hidden; padding-bottom:100px;}
.department li{ float:left; width:32%; height:320px; margin:0 0.66%; margin-top:30px; overflow:hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.department li a{ display:block; width:100%; height:100%; overflow:hidden;}
.department1{ width:88%; margin:35px auto 0 auto; overflow:hidden; 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;}
.department1_1{ display:block; width:100%;}
.department1_2{ position:absolute; top:50%; left:0; width:90%; height:30px; line-height:30px; margin-left:5%; margin-top:-15px; text-align:left; font-size:20px; color:#FFF; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.department2{ width:90%; margin:0 auto; overflow:hidden; text-align:left;}
.department2_1{ width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:22px; color:#444; font-weight:bold; height:30px; line-height:30px; margin-top:22px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.department2_2{ width:100%; overflow:hidden; font-size:14px; color:#888888; line-height:22px; height:44px; 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;}
.department li:hover{ -webkit-box-shadow:0px 0px 10px #e5e5e5; -moz-box-shadow:0px 0px 10px #e5e5e5; box-shadow:0px 0px 10px #e5e5e5;}
.department li:hover .department1{ margin:25px auto 0 auto;}
.department li:hover .department2_1{ color:#0054a7;}
.department li:hover .department2_2{ color:#0054a7;}

/* departmentIn css */
.departmentIn{ margin-top:80px; font-size:26px; color:#444; display:inline-table; height:47px; line-height:26px; position:relative;}
.departmentIn span{ position:absolute; left:10%; bottom:0; width:80%; height:4px; background:#0054a7;}
.about1 .title1{ position:relative; display:inline-block; background:url(../imagesSub/departmentIn6.jpg) left top no-repeat; padding-left:30px;}
.about1_1{ width:100%; text-align:left; font-size:16px; line-height:30px; color:#444;}

.departmentIn1{ width:100%; overflow:hidden; background:#fafafa; margin-top:80px; position:relative;}
.departmentIn1_bg{ width:100%; overflow:hidden; height:260px; background:#0052a4; position:absolute; bottom:0; left:0; z-index:1;}

.swiper-container4 {
	width: 1200px;
	height: 100%;
	overflow:hidden;
	position:relative;
	margin:40px auto 0 auto;
	z-index:10;
	padding-bottom:45px;
}
.swiper-container4 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: none;
	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-container4 .swiper-pagination4{ margin-top:55px;}
.swiper-container4 .swiper-pagination4 .swiper-pagination-bullet{ width:12px; height:12px; -webkit-transition:linear all 0.3s; -moz-transition:linear all 0.3s; -ms-transition:linear all 0.3s; -o-transition:linear all 0.3s; transition:linear all 0.3s; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; margin:0 5px;}
.swiper-container4 .swiper-pagination4 .swiper-pagination-bullet-active{ width:30px; height:12px; background:url(../imagesSub/index1_6.png) repeat;}

.swiper-container4 .swiper-button-next4{ position:absolute; width:20px; height:13px; background:url(../imagesSub/arrow_r1.png) no-repeat; right:37.6%; bottom:48px; z-index:10; cursor:pointer;}
.swiper-container4 .swiper-button-prev4{ position:absolute; width:20px; height:13px; background:url(../imagesSub/arrow_l1.png) no-repeat; left:37.6%; bottom:48px; z-index:10; cursor:pointer;}

.departmentIn1_1{ width:100%; margin:10px; overflow:hidden; background:#fafafa; padding:20px 0; -webkit-box-shadow:0px 0px 10px #e9e9e9; -moz-box-shadow:0px 0px 10px #e9e9e9; box-shadow:0px 0px 10px #e9e9e9;
	/* 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;
}
.departmentIn1_2{ display:block; width:47%; margin:0 1.5%;}
.departmentIn1_3{ width:45.5%; overflow:hidden; margin:0 3% 0 1.5%;}
.departmentIn1_4{ width:100%; overflow:hidden; font-size:20px; color:#444; line-height:30px;}
.departmentIn1_5{ width:100%; overflow:hidden; font-size:16px; color:#888888; line-height:26px; margin-top:25px;}

.departmentIn2{ width:100%; overflow:hidden; position:relative;}
.departmentIn2_1{ width:1200px; margin:0 auto; overflow:hidden; padding-bottom:100px;}
.departmentIn2_1 li{ float:left; width:23%; height:253px; margin:60px 1% 0 1%; background:url(../imagesSub/departmentIn8.png) center center no-repeat;}
.departmentIn2_2{ float:left; margin-top:22px; width:224px; height:223px; background:url(../imagesSub/departmentIn9.png) center center no-repeat; color:#FFF;}
.departmentIn2_3{ width:80%; overflow:hidden; font-family:"Arial"; font-size:40px; height:50px; line-height:50px; margin:50px auto 0 auto;}
.departmentIn2_4{ width:80%; overflow:hidden; font-size:16px; line-height:26px; height:52px; margin:10px auto 0 auto;}

.departmentIn3{ width:100%; overflow:hidden; background:#fafafa; padding-bottom:100px;}
.departmentIn3_1{ width:1200px; margin:0 auto; overflow:hidden;}
.departmentIn3_1 li{ float:left; width:30.33%; margin-right:4.5%; margin-top:70px; background:#FFF;}
.departmentIn3_1 li:nth-child(3n){ margin-right:0;}
.departmentIn3_1 li a{ display:block; overflow:hidden;}
.departmentIn3_2{ display:block; width:100%;}
.departmentIn3_3{ width:90%; padding:0 5% 20px 5%; margin:0 auto; overflow:hidden;}
.departmentIn3_4{ width:100%; overflow:hidden; font-size:18px; font-weight:bold; color:#444; line-height:26px; height:52px; margin-top:30px;}
.departmentIn3_5{ width:100%; overflow:hidden; font-size:16px; color:#888; text-align:left; line-height:24px; height:72px; margin-top:20px;}
.departmentIn3_6{ width:100%; overflow:hidden; font-size:14px; color:#0054a7; line-height:20px; margin-top:20px;}
.departmentIn3_1 li a:hover .departmentIn3_3{ background:url(../imagesSub/index3_4.jpg) no-repeat; background-size:cover;}
.departmentIn3_1 li a:hover .departmentIn3_4{ color:#FFF;}
.departmentIn3_1 li a:hover .departmentIn3_5{ color:#FFF;}
.departmentIn3_1 li a:hover .departmentIn3_6{ color:#FFF;}

/* team css */
.team{ width:1200px; margin:60px auto 0 auto; overflow:hidden;}
.team1{ width:100%; overflow:hidden; background:url(../imagesSub/team2.png) left top no-repeat; padding-top:40px;}
.team2{ float:left; display:block; width:28%; margin-left:15%;}
.team3{ float:right; width:54%; overflow:hidden; text-align:left;}
.team4{ float:left; width:100%; overflow:hidden; margin-top:50px;}
.team4 .span1{ font-size:26px; font-weight:bold; color:#00674a;}
.team4 .span2{ font-size:16px; color:#a8a8a8; padding:0 1%;}
.team4 .span3{ font-size:26px; color:#444;}
.team4 .span4{ font-size:20px; color:#00674a; padding-left:2%;}
.team5{ float:left; width:100%; overflow:hidden; font-size:16px; color:#00674a; line-height:24px; padding:20px 0 25px 0;}
.team6{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; padding:20px 0;}
.team6 li{ float:left; width:46%; padding:0 2%; line-height:35px; height:auto; font-size:16px; color:#666666; overflow:hidden; background:url(../imagesSub/index2_4.png) left 16px no-repeat;}
.team7{ width:100%; overflow:hidden; font-size:16px; color:#666666; text-align:left; line-height:30px; padding:30px 0; border-bottom:1px solid #e5e5e5;}

.team_list{ width:1200px; margin:0 auto; overflow:hidden; padding:70px 0 70px 0;}
.team_list1{ width:100%; overflow:hidden; font-size:20px; color:#0054a7;}
.team_list2{ width:100%; overflow:hidden;}
.team_list2 li{ float:left; width:24%; overflow:hidden; margin:30px 0.5% 0 0.5%; -webkit-transition:linear all 0.3s; -moz-transition:linear all 0.3s; -ms-transition:linear all 0.3s; -o-transition:linear all 0.3s; transition:linear all 0.3s;}
.team_list2 li a{ display:block; width:100%; padding:30px 0 0 0;}
.team_list3{ display:block; width:90%; margin:0 auto;}
.team_list4{ width:90%; height:100px; padding:0 5%; overflow:hidden; -webkit-transition:linear all 0.3s; -moz-transition:linear all 0.3s; -ms-transition:linear all 0.3s; -o-transition:linear all 0.3s; transition:linear all 0.3s;}
.team_list5{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:18px; font-weight:bold; color:#00674a; margin-top:20px;}
.team_list6{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:16px; color:#444; text-overflow:ellipsis; white-space:nowrap;}
.team_list2 li:hover{ -webkit-box-shadow:0px 0px 10px #e9e9e9; -moz-box-shadow:0px 0px 10px #e9e9e9; box-shadow:0px 0px 10px #e9e9e9;}
.team_list2 li:hover .team_list4{ background:#0054a7;}
.team_list2 li:hover .team_list5{ color:#FFF !important;}
.team_list2 li:hover .team_list6{ color:#FFF;}

/* teamIn css */
.teamIn1{ width:100%; overflow:hidden; font-size:16px; color:#666; line-height:30px; border-top:1px solid #e5e5e5; padding:20px 0 0 0;}
.teamIn2{ border-bottom:0;}

/*news*/
.news{ width:1200px; margin:10px auto 0 auto; overflow:hidden;}
.news li{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #e5e5e5; padding:35px 0 30px 0;}
.news li a{ display:block; width:100%; overflow:hidden;}
.news1{ float:left; width:339px; height:229px; display:block;}
.news2{ float:right; width:800px; overflow:hidden; text-align:left;}
.news3{ float:left; width:100%; font-size:18px; color:#444444; line-height:24px; height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news4{ float:left; width:100%; font-size:14px; color:#0054a7; line-height:24px; margin-top:25px;}
.news5{ float:left; width:100%; font-size:16px; color:#888888; line-height:24px; height:48px; overflow:hidden; 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;}
.news6{ float:left; width:120px; height:30px; line-height:30px; text-align:center; background:#0054a7; font-size:14px; color:#FFF; margin-top:30px;}
.news li a:hover .news3{ color:#0054a7;}
.news li a:hover .news5{ color:#0054a7;}

.page{ width:1200px; margin:0 auto; padding:60px 0 70px 0; overflow:hidden; font-size:14px;}
.page span{ display:inline-block; margin-top:10px; color:#444; vertical-align:middle; height:20px; line-height:20px; padding:0 6px;}
.page a{ display:inline-block; margin-top:10px; color:#444; vertical-align:middle; height:20px; line-height:20px; padding:0 6px;}
.page span:hover{ background:#0054a7; color:#FFF;}
.page a:hover{ background:#0054a7; color:#FFF;}

/*newsIn*/
.newsIn{ width:1200px; margin:0 auto; overflow:hidden;}
.newsIn1{ float:left; width:100%; overflow:hidden; font-size:26px; color:#014eba; line-height:36px; margin-top:50px;}
.newsIn2{ float:left; width:100%; overflow:hidden; font-size:14px; color:#4b4b4b; line-height:24px; padding:30px 0;}
.newsIn3{ float:left; width:100%; overflow:hidden; font-size:16px; color:#444444; text-align:left; line-height:30px; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; padding:50px 0;}
.newsIn3 img{ display:block; margin:0 auto; max-width:100%;}

.pageIn{ width:1200px; margin:0 auto; overflow:hidden; text-align:left; padding:30px 0 40px 0;}
.pageIn1{ float:left; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; color:#444; line-height:26px; margin-top:10px;}
.pageIn1 a{ color:#444;}
.pageIn1:hover{ color:#0054a7;}
.pageIn1:hover a{ color:#0054a7;}