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

/*首页*/
.center{ width:100%; margin:0 auto;}

.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:35px; margin-left:3%;}

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

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

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

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

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

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

.mobile_nav_search1{ float:left; padding:0 3%; width:75%; height:40px; border:0; font-family:"微软雅黑"; color:#666; font-size:15px; outline:none;}
.mobile_nav_search2{ float:right; height:40px; width:19%; background:#003b83; border:none; outline:none; font-family:"微软雅黑"; color:#FFF; font-size:15px;}

.slideBox{ display:none;}

.swiper-container {
	width: 100%;
	height: 100%;
	display:block;
	position:relative;
}
.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{ display:block; width:100%;}
.swiper-button-next{ position:absolute; right:3%; top:50%; margin-top:-25px; display:block; width:25px; height:50px; background:url(../images/banner_r.png) center center no-repeat #003b83; background-size:10px 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; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}
.swiper-button-prev{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:25px; height:50px; background:url(../images/banner_l.png) center center no-repeat #003b83; background-size:10px 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; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}

.index_title{ width:100%; overflow:hidden;}
.index_title1{ width:100%; overflow:hidden; font-size:20px; color:#003b83; line-height:30px;}
.index_title2{ width:100%; overflow:hidden; font-size:14px; color:#003b83; margin-top:5px; line-height:24px;}

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

.swiper-container1 {
	width: 100%;
	height: auto;
	margin: 30px auto 0 auto;
	position:relative;
}
.swiper-container1 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container1 .swiper-slide a{ display:block; width:100%; overflow:hidden;}
.index1_2{ display:block; width:100%; overflow:hidden;}
.index1_2 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;}
.swiper-container1 .swiper-slide a:hover .index1_2 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_3{ width:100%; overflow:hidden; background:#f3f3f3; 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;}
.index1_4{ width:90%; padding:0 5%; font-size:16px; color:#003b83; line-height:28px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index1_5{ width:93px; height:26px; line-height:26px; font-size:14px; color:#FFF; background:#003b83; margin:13px auto 0 auto; -webkit-border-radius:13px; -moz-border-radius:13px; border-radius: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;}
.swiper-container1 .swiper-slide a:hover .index1_3{ background:#004599;}
.swiper-container1 .swiper-slide a:hover .index1_4{ color:#FFF;}
.swiper-container1 .swiper-slide a:hover .index1_5{ background:#d3300f;}
.swiper-pagination1{ margin-top:30px;}
.swiper-pagination1 .swiper-pagination-bullet{ background:#003b83; width:10px; height:10px; margin:0 6px;}
.swiper-pagination1 .swiper-pagination-bullet-active{ background:#d3300f;}

.index2{ width:100%; overflow:hidden; background:url(../images/index2_bg.jpg) center center no-repeat; background-size:100% 100%; padding:30px 0 30px 0;}
.index2_1{ width:94%; margin:0 auto; overflow:hidden;}
.index2_l{ float:left; overflow:hidden; display:block; width:556px; max-width:100%;}
.index2_r{ float:right; overflow:hidden; display:block; width:748px; max-width:100%; margin-top:30px;}

.index3{ width:100%; overflow:hidden; padding:30px 0;}
.index3_1{ width:482px; max-width:94%; margin:0 auto; overflow:hidden;}
.index3_2{ display:table; margin:30px auto 0 auto;}
.index3_2 li{ float:left; width:104px; height:33px; line-height:33px; border:1px solid #e5e5e5; margin:0 9px; -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_2 li a{ font-size:15px; color:#444444; display:block; width:100%; height: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;}
.index3_2 li:hover{ background:#003b83; border:1px solid #003b83;}
.index3_2 li:hover a{ color:#FFF;}
.index3_3{ display:block; width:100%; overflow:hidden;}
.index3_3 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;}
.swiper-container2 .swiper-slide a:hover .index3_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);}
.index3_4{ width:100%; overflow:hidden; text-align:left;}
.index3_5{ width:100%; overflow:hidden; font-size:16px; color:#444; line-height:26px; white-space:nowrap; text-overflow:ellipsis; margin-top:20px;}
.index3_6{ width:100%; overflow:hidden; font-size:14px; color:#888888; line-height:24px; height:78px; margin-top:15px;}
.index3_7{ width:100%; overflow:hidden; font-size:16px; font-family:"Arial"; font-weight:bold; color:#888888; line-height:26px; padding-top:10px; border-top:1px solid #dbdbdb; margin-top:20px;}

.swiper-container2 {
	width: 100%;
	height: auto;
	margin: 30px auto 0 auto;
	position:relative;
}
.swiper-container2 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container2 .swiper-slide a{ display:block; width:100%; overflow:hidden;}
.swiper-pagination2{ margin-top:30px;}
.swiper-pagination2 .swiper-pagination-bullet{ background:#003b83; width:10px; height:10px; margin:0 6px;}
.swiper-pagination2 .swiper-pagination-bullet-active{ background:#d3300f;}
.swiper-container2 .swiper-slide a:hover .index3_5{ color:#003b83;}
.swiper-container2 .swiper-slide a:hover .index3_7{ color:#003b83; border-top:1px solid #b2c4da;}

.index4{ width:100%; overflow:hidden; padding:30px 0 30px 0; background:#f3f3f3;}
.index4_1{ width:94%; margin:0 auto; overflow:hidden;}
.index4_2{ width:100%; overflow:hidden;}
.index4_2 li{ float:left; overflow:hidden; width:100%; margin-top:30px;}
.index4_2 li:nth-child(2){ margin-left:0;}
.index4_2 li a{ display:block; width:100%; overflow:hidden;}
.index4_3{ display:block; width:100%; overflow:hidden;}
.index4_3 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;}
.index4_2 li a:hover .index4_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);}
.index4_4{ width:90%; overflow:hidden; margin:-50px auto 0 auto; background:#FFF; position:relative; z-index:1; text-align:left; padding:30px 0;}
.index4_5{ width:90%; overflow:hidden; font-size:16px; margin:0 auto; white-space:nowrap; text-overflow:ellipsis; line-height:26px; color:#444;}
.index4_6{ width:90%; overflow:hidden; font-size:14px; margin:0 auto; line-height:24px; margin-top:15px; height:72px; color:#888888;}
.index4_7{ margin:30px auto 0 auto; width:102px; height:31px; line-height:31px; border:1px solid #dbdada; display:block; font-size:15px; color:#444; -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_7:hover{ background:#003b83; border:1px solid #003b83; color:#FFF;}
.index4_2 li a:hover .index4_5{ color:#003b83;}

.index5{ width:100%; overflow:hidden; padding:30px 0 30px 0;}
.index5_1{ width:94%; margin:0 auto; overflow:hidden;}
.map{ float:left; width:100%; height:250px; margin-top:25px;}
.index5_r{ float:right; width:100%; overflow:hidden; margin-top:25px;}
.index5_r1{ float:left; margin-top:0; overflow:hidden; text-align:left; width:100%;}
.index5_r1_1{ display:block; max-width:94%; width:300px;}
.index5_r1_2{ width:100%; overflow:hidden; font-size:15px; color:#444; line-height:30px; margin-top:10px;}
.index5_r2{ float:none; margin:0 auto 0 auto; overflow:hidden; clear:both; padding-top:20px;}
.index5_r2_1{ display:block; width:122px; margin:0 auto;}
.index5_r2_2{ font-size:14px; color:#444; line-height:30px;}

.footer{ width:100%; overflow:hidden; background:#003b83; padding:10px 0;}
.footer1{ width:94%; margin:0 auto; overflow:hidden;}
.footer2{ float:left; display:none;}
.footer3{ float:right; overflow:hidden; width:100%;}
.footer4{ float:right; overflow:hidden; margin-top:10px; display:none;}
.footer4 li{ float:left; overflow:hidden; font-size:12px; color:#4371a8; line-height:26px; padding:0 5px;}
.footer4 li a{ font-size:16px; color:#FFF;}
.footer4 li a:hover{ text-decoration:underline;}
.footer5{ float:none; font-size:14px; color:#FFF; text-align:center; clear:right; line-height:24px; margin-top:0;}
.footer5 a{ color:#FFF;}
.footer5 a:hover{ text-decoration:underline;}

.header_neiye{ position:relative;}

.banner{ width:100%; height:210px; position:relative; display:none;}
.neiye_nav{ width:100%; height:40px; background:#003b83; position:relative; bottom:0; left:0; margin-left:0;}
.neiye_nav li{ float:left; height:40px; margin-right:1px;}
.neiye_nav li a{ display:block; padding:0 10px; height:40px; line-height:40px; font-size:13px; color:#FFF;}
.neiye_nav li a:hover{ background:#009944; border-top:7px solid #009944; margin-top:-7px;}
.neiye_nav li .a_on{ background:#009944; border-top:7px solid #009944; margin-top:-7px;}
.banner_mobile{ display:block; width:100%;}
.banner_mobile img{ display:block; width:100%;}

.position{ width:94%; margin:30px auto 0 auto; overflow:hidden; text-align:left; font-size:14px; color:#444; line-height:26px;}
.position a{ color:#444;}
.position span{ color:#003b83;}
.position a:hover{ text-decoration:underline;}

/* pro css */
.pro{ width:94%; margin:0 auto; overflow:hidden;}
.pro1{ width:100%; overflow:hidden;}
.pro1 li{ float:none; overflow:hidden; margin:30px auto 0 auto; width:478px; max-width:100%;}
.pro1 li:nth-child(3n){ margin-right:auto;}
.pro1 li a{ display:block; width:100%; overflow:hidden;}
.pro2{ display:block; width:100%;}
.pro3{ width:100%; overflow:hidden; background:#f3f3f3; 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;}
.pro4{ width:90%; padding:0 5%; font-size:16px; color:#003b83; line-height:28px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pro5{ width:93px; height:26px; line-height:26px; font-size:14px; color:#FFF; background:#003b83; margin:13px auto 0 auto; -webkit-border-radius:13px; -moz-border-radius:13px; border-radius: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;}
.pro1 li a:hover .pro3{ background:#004599;}
.pro1 li a:hover .pro4{ color:#FFF;}
.pro1 li a:hover .pro5{ background:#d3300f;}

.page{ width:100%; overflow:hidden; padding:20px 0 30px 0; font-size:14px;}
.page span{ display:inline-block; margin:10px 1px 0 1px; color:#444; height:30px; line-height:30px; padding:0 10px; cursor:pointer;}
.page a{ display:inline-block; margin:10px 1px 0 1px; color:#444; height:30px; line-height:30px; padding:0 10px;}
.page span:hover{ background:#003b83; color:#FFF;}
.page a:hover{ background:#003b83; color:#FFF;}

/* proIn css */
.proIn{ width:94%; margin:0 auto; overflow:hidden;}
.proIn1{ width:100%; overflow:hidden; font-size:16px; color:#003b83; line-height:30px; text-align:center; margin-top:30px;}
.proIn_l{ float:left; width:100%; overflow:hidden; margin-top:30px;}
.proIn_l img{ display:block; margin:0 auto; max-width:100%;}
.proIn_l1{ float:none; display:block; width:537px; max-width:100%; margin:0 auto; clear:both;}
.proIn_l2{ float:left; width:100%; overflow:hidden; text-align:center; font-size:16px; color:#003b83; line-height:30px; margin-top:30px; padding-bottom:30px;}
.proIn_l3{ float:none; display:block; width:537px; max-width:100%; margin:0 auto; clear:both;}
.proIn_r{ float:right; width:100%; padding-left:0; overflow:hidden; border-left:0; text-align:left; font-size:16px; color:#444; line-height:30px; margin-top:35px;}
.proIn_r img{ display:block; margin:0 auto; max-width:100%;}
.proIn2{ float:left; width:100%; border-bottom:1px solid #e5e5e5; margin-top:30px;}

.pageIn{ width:100%; clear:both; overflow:hidden; padding:25px 0 30px 0;}
.pageIn1{ float:left; overflow:hidden; clear:both; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:100%; font-size:14px; color:#444; line-height:26px; margin-top:5px;}
.pageIn1 a{ color:#444;}
.pageIn1:hover{ color:#003b83;}
.pageIn1:hover a{ color:#003b83;}

/* develop css */
.develop{ width:94%; margin:0 auto 0 auto; overflow:hidden;}
.develop li{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #e5e5e5; padding:30px 0;}
.develop_l{ float:left; width:100%; overflow:hidden; text-align:left;}
.develop_l1{ float:left; width:100%; overflow:hidden; font-size:16px; font-weight:bold; color:#009944; line-height:30px;}
.develop_l2{ float:left; width:100%; overflow:hidden; font-size:16px; color:#003b83; line-height:30px; margin-top:10px;}
.develop_r{ float:right; width:100%; overflow:hidden; text-align:left; font-size:15px; color:#444; line-height:30px; margin-top:20px;}
.develop_r img{ display:block; margin:0 auto; max-width:100%;}
.develop1{ width:100%; overflow:hidden; clear:both; height:30px;}

/* knowledge css */
.knowledge{ width:94%; margin:30px auto 0 auto; overflow:hidden;}
.knowledge_1{ float:left; width:174px; overflow:hidden; display:none;}
.knowledge_1 a{ float:left; display:block; width:100%; height:50px; line-height:50px; background:#003b83; margin-bottom:16px; font-size:16px; color:#FFF;}
.knowledge_1 a:hover{ background:#009944;}
.knowledge_1 .a_on{ background:#009944;}
.knowledge_r{ float:right; width:100%; overflow:hidden;}
.knowledge_r1{ width:100%; overflow:hidden; margin-top:-18px;}
.knowledge_r1 li{ float:left; width:100%; overflow:hidden; margin-top:18px;}
.knowledge_r1 li a{ display:block; width:94%; padding:0 3%; height:50px; line-height:50px; background:#FFF; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; color:#444;}
.knowledge_r1 li a:hover{ color:#003b83;}

/* knowledgeIn css */
.knowledgeIn{ width:94%; margin:0 auto; overflow:hidden;}
.knowledgeIn1{ width:100%; overflow:hidden; font-size:18px; color:#003b83; line-height:30px; margin-top:30px;}
.knowledgeIn2{ width:100%; overflow:hidden; font-size:14px; color:#4b4b4b; line-height:24px; margin-top:25px;}
.knowledgeIn3{ width:100%; overflow:hidden; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-top:35px; padding:30px 0; text-align:left; font-size:15px; color:#444; line-height:30px;}
.knowledgeIn3 img{ display:block; margin:0 auto; max-width:100%;}

/* service css */
.service{ width:94%; margin:0 auto; overflow:hidden; padding:30px 0;}
.service1{ float:left; display:block; display:none;}
.service2{ float:right; width:100%; overflow:hidden; text-align:left; font-size:15px; color:#444; line-height:30px; margin-top:0;}
.service2 span{ font-size:16px; color:#003b83; display:inline-block; padding-bottom:20px;}

/* information css */
.information{ width:94%; margin:0 auto; overflow:hidden;}
.information1{ width:100%; overflow:hidden; font-size:18px; color:#003b83; line-height:30px; margin-top:30px;}
.information2{ width:100%; overflow:hidden; font-size:14px; color:#4b4b4b; line-height:24px; margin-top:25px;}
.information3{ width:100%; overflow:hidden; border-bottom:1px solid #e5e5e5; padding:30px 0; font-size:15px; color:#444; line-height:30px; text-align:left;}
.information_table{ width:100%; overflow:hidden; border-collapse:collapse; text-align:center;}
.information_table tr th{ border:1px solid #dadada; background:#427dd2; color:#FFF; font-size:15px; font-weight:normal; height:50px; padding:5px 10px;}
.information_table tr th:first-child{}
.information_table tr td{ border:1px solid #dadada; height:40px; font-size:15px; color:#444; padding:5px 10px;}
.information_table tr td:first-child{}
.information_table tr:nth-child(2n-1){ background:#f2f2f2;}

/* integrity css */
.integrity{ width:94%; margin:0 auto; overflow:hidden;}
.integrity1{ width:100%; margin:0 auto; overflow:hidden;}
.integrity1 li{ float:left; width:100%; overflow:hidden; margin-top:30px;}
.integrity2{ display:none; float:left; max-width:30%;}
.integrity1 li:nth-child(3) .integrity2{ margin-left:12%; max-width:6%;}
.integrity1 li:nth-child(4) .integrity2{ margin-left:10%; margin-top:20px; max-width:10%;}
.integrity3{ float:right; width:100%; overflow:hidden; text-align:left; font-size:15px; color:#444; line-height:30px;}
.integrity3 .title{ font-size:16px; color:#003b83;}
.integrity3 a{ color:#005ac8;}
.integrity4{ width:100%; overflow:hidden; padding:30px 0; text-align:left;}
.integrity4_1{ float:left; padding-left:30px; overflow:hidden; font-size:16px; color:#444444; background:url(../images/integrity6.jpg) left center no-repeat; background-size:auto 20px; height:43px; line-height:43px;}
.integrity4_2{ float:left; width:100%; overflow:hidden; font-size:15px; color:#888888; line-height:26px; margin-top:3px;}
.integrity4 .input1{ float:left; width:93%; padding:0 3%; height:42px; border:1px solid #cccccc; font-size:15px; font-family:"微软雅黑"; color:#666; outline:none;}
.integrity4 .input2{ float:left; width:80px; padding:0 3%; height:42px; border:1px solid #cccccc; font-size:15px; font-family:"微软雅黑"; color:#666; outline:none;}
.integrity4 .textarea1{ float:left; width:93%; padding:8px 3%; border:1px solid #cccccc; font-size:15px; font-family:"微软雅黑"; color:#666; outline:none; line-height:26px; height:78px;}
.integrity4 .button1{ width:80px; height:44px; border:0; background:#427dd2; font-size:15px; color:#FFF; font-family:"微软雅黑"; cursor:pointer; outline:none;}

/* news css */
.news{ width:94%; margin:0 auto; overflow:hidden;}
.news1{ width:482px; max-width:100%; overflow:hidden; margin:0 auto;}
.news1 li{ float:left; overflow:hidden; width:100%; margin-top:30px; margin-right:0;}
.news1 li:nth-child(3n){ margin-right:0;}
.news1 li a{ display:block; width:100%; overflow:hidden;}
.news1_3{ display:block; width:100%;}
.news1_4{ width:100%; overflow:hidden; text-align:left;}
.news1_5{ width:100%; overflow:hidden; font-size:16px; color:#444; line-height:30px; white-space:nowrap; text-overflow:ellipsis; margin-top:20px;}
.news1_6{ width:100%; overflow:hidden; font-size:14px; color:#888888; line-height:26px; height:78px; margin-top:15px;}
.news1_7{ width:100%; overflow:hidden; font-size:16px; font-family:"Arial"; font-weight:bold; color:#888888; line-height:32px; padding-top:10px; border-top:1px solid #dbdbdb; margin-top:20px;}
.news1 li a:hover .news1_5{ color:#003b83;}
.news1 li a:hover .news1_7{ color:#003b83; border-top:1px solid #b2c4da;}

/* staff css */
.staff{ width:94%; margin:0 auto; overflow:hidden;}
.staff1{ width:100%; overflow:hidden;}
.staff1 li{ width:100%; overflow:hidden; padding:30px 0; border-bottom:1px solid #e5e5e5;}
.staff1 li a{ display:block; width:100%; overflow:hidden;}
.staff2{ display:block; float:left; max-width:100%; width:482px;}
.staff3{ float:right; overflow:hidden; width:100%; margin-right:0; text-align:left;}
.staff4{ float:left; width:100%; overflow:hidden; font-size:16px; color:#444; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:20px;}
.staff5{ float:left; width:100%; overflow:hidden; font-size:14px; color:#888; line-height:26px; margin-top:15px; height:auto; max-height:78px;}
.staff1 li a:hover .staff4{ color:#003b83;}
.staff1 li a:hover .staff5{ color:#003b83;}

/* about css */
.about_banner{ width:100%; height:auto;}
.about_banner_mobile{ display:block; width:100%;}

.about_content{ width:94%; margin:0 auto 0 auto; overflow:hidden; position:relative; z-index:10;}
.about_nav{ width:100%; height:50px; background:url(../images/about_bg.png) repeat; margin-top:7px; display:none;}
.about_nav li{ float:left; height:50px; margin-right:1px;}
.about_nav li a{ display:block; padding:0 45px; height:50px; line-height:50px; font-size:16px; color:#FFF;}
.about_nav li a:hover{ background:#009944; border-top:7px solid #009944; margin-top:-7px;}
.about_nav li .a_on{ background:#009944; border-top:7px solid #009944; margin-top:-7px;}

.about_content1{ width:100%; overflow:hidden; background:#FFF;}

.about1{ width:100%; overflow:hidden; padding:30px 0 30px 0;}
.about1_l{ float:left; overflow:hidden; width:100%; padding:0; text-align:left;}
.about1_r{ float:right; overflow:hidden; width:100%; padding:0; text-align:left; font-size:15px; line-height:30px; color:#444444;}

#target1{ font-size:18px !important; font-weight:bold;}
#target2{ font-size:18px !important; font-weight:bold;}
#target3{ font-size:18px !important; font-weight:bold;}
#target4{ font-size:18px !important; font-weight:bold;}

.about1_l1{ float:left; width:100%; overflow:hidden; font-size:18px; color:#003b83; font-weight:bold;}
.about1_l1 span{ font-size:16px; font-weight:normal;}
.about1_l2{ float:left; width:100%; font-size:15px; color:#696969; line-height:30px; padding:5px 0 20px 0;}

.about1_r1{ font-size:16px; color:#009944; padding-bottom:10px; display:inline-block;}
.about1_r2{ display:inline-block; margin:10px auto 0 auto; width:100%;}

.about2{ width:100%; overflow:hidden; background:#fbfbfb; padding:30px 0;}
.about2_1{ width:94%; margin:0 auto; overflow:hidden; text-align:left; font-size:15px; color:#444; line-height:30px;}
.about2_2{ font-size:16px; color:#009944;}

.about3{ width:100%; overflow:hidden; padding:20px 0 30px 0;}
.about3_1{ width:94%; margin:0 auto; overflow:hidden;}
.about3_2{ display:block; margin:10px auto 0 auto; width:100%;}

/* history css */
.history{ width:100%; overflow:hidden; background:url(../images/history1_1.jpg) top center repeat-y; margin-top:30px;}
.history_bottom{ width:100%; height:30px; overflow:hidden; clear:both;}
.history li{ width:100%; overflow:hidden; margin-top:30px;}
.history li:nth-child(2n-1) .history1{ float:right; width:47%; text-align:left; padding-left:3%; background:url(../images/history1.jpg) left 15px no-repeat; background-size:5px auto;}
.history li:nth-child(2n) .history1{ float:left; width:47%; text-align:right; padding-right:3%; background:url(../images/history1.jpg) right 15px no-repeat; background-size:5px auto;}
.history li:nth-child(2n-1) .history2{ float:left; width:47%; text-align:right;}
.history li:nth-child(2n) .history2{ float:right; width:47%; text-align:left;}
.history1_1{ width:100%; overflow:hidden; font-size:20px; font-weight:bold; color:#003b83;}
.history1_1 span{ font-size:14px; font-weight:normal; color:#505050;}
.history1_2{ width:100%; overflow:hidden; font-size:15px; color:#444; line-height:26px; font-weight:bold; margin-top:5px;}
.history1_3{ width:100%; overflow:hidden; font-size:15px; color:#444; line-height:25px; margin-top:5px;}
.history2 img{ display:inline-block; max-width:100%;}

/* honor css */
.honor{ width:100%; overflow:hidden; padding:0 0 30px 0;}
.honor1{ width:100%; padding:0; overflow:hidden; font-size:16px; color:#444; line-height:34px; text-align:left; margin-top:30px;}
.honor2{ width:100%; padding:0; overflow:hidden;}
.honor2 li{ float:left; overflow:hidden; width:94%; padding:20px 3%; margin-right:0; background:#f7f7f7; margin-top:20px; text-align:left; cursor:pointer;}
.honor2 li:nth-child(2n){ margin-right:0;}
.honor2_1{ width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; color:#444; line-height:30px;}
.honor2_2{ width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; color:#888; line-height:25px; margin-top:5px;}

/* culture css */
.culture{ width:100%; overflow:hidden; margin:0 auto 0 auto; padding-bottom:30px;}
.culture li{ width:100%; overflow:hidden; margin-top:30px;}
.culture li:nth-child(2n-1) .culture1{ float:right; overflow:hidden; text-align:left; width:100%; font-size:15px; color:#444; line-height:30px;}
.culture li:nth-child(2n) .culture1{ float:left; overflow:hidden; text-align:left; width:100%; font-size:15px; color:#444; line-height:30px;}
.culture li:nth-child(2n-1) .culture2{ float:left; overflow:hidden; display:block; width:100%; margin-top:10px;}
.culture li:nth-child(2n) .culture2{ float:right; overflow:hidden; display:block; width:100%; margin-top:10px;}
.culture li:nth-child(2n-1) .culture1_2{ color:#003b83;}
.culture li:nth-child(2n) .culture1_2{ color:#009944;}
.culture1_1{ font-size:16px; margin-top:0; display:inline-block;}
.culture1_2{ font-size:16px; font-weight:bold; display:inline-block; margin-top:10px; padding-bottom:10px;}

/* recruit css */
.recruit1{ overflow:hidden; padding-bottom:30px; border-bottom:1px solid #ededed; width:94%; margin:0 auto;}

.recruit3{ float:left; width:100%; margin-top:20px; overflow:hidden;}
.recruit3_1{ float:left; width:100%; overflow:hidden; line-height:20px; background:#427dd2; text-align:center; font-size:13px; color:#FFF; padding:15px 0;}
.recruit3_2{ float:left; width:20%; padding:0 1%;}
.recruit3_3{ float:left; width:16%; padding:0 1%;}
.recruit3_4{ float:left; width:18%; padding:0 1%;}
.recruit3_5{ float:left; width:15%; padding:0 1%;}
.recruit3_6{ float:left; width:15%; padding:0 1%;}

.recruit4{ float:left; width:100%; overflow:hidden;}
.recruit4 li{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #eeeeee; position:relative;}
.recruit4_1{ float:left; width:100%; overflow:hidden; text-align:center; font-size:13px; color:#999999;}
.recruit4_2{ float:left; width:20%; padding:20px 1%; line-height:20px;}
.recruit4_3{ float:left; width:16%; padding:20px 1%; line-height:20px;}
.recruit4_4{ float:left; width:18%; padding:20px 1%; line-height:20px;}
.recruit4_5{ float:left; width:15%; padding:20px 1%; line-height:20px;}
.recruit4_6{ float:left; width:15%; padding:20px 1%; line-height:20px;}
.recruit4_7{ float:left; width:6%; height:60px; background:url(../images/recruit2.jpg) center center no-repeat; background-size:auto 10px; cursor:pointer;}

.recruit4_8{ font-size:13px; color:#666; line-height:30px; padding:20px 0; border-bottom:1px solid #e5e5e5;}
.recruit4_9{ float:left; width:100%; overflow:hidden; padding:20px 0;}
.recruit4_10{ float:left; display:block; width:154px; height:44px; line-height:44px; text-align:center; background:#067b9e; font-size:14px; color:#FFF; display:none;}
.recruit4_11{ float:left; font-size:13px; color:#666; height:auto; line-height:20px; color:#003b83;}
.recruit4_12{ display:none; float:left; width:96%; background:#f7f7f7; text-align:left; padding:0 2%;}

/* contact css */
.contact{ width:100%; padding:30px 0 30px 0; overflow:hidden;}
.contact_l{ float:left; width:100%; overflow:hidden; text-align:left; padding:0;}
.contact_r{ float:right; width:100%; overflow:hidden; text-align:left; padding:0; margin-top:30px;}

.contact_l1{ float:left; font-size:16px; color:#444444; background:url(../images/integrity6.jpg) left center no-repeat; background-size:auto 20px; height:33px; line-height:33px; padding-left:30px;}
.contact_l2{ float:left; font-size:15px; color:#888888; width:100%; line-height:26px; margin-top:5px;}
.contact_l3{ float:left; width:100%; font-size:16px; color:#888; line-height:26px;}
.contact_l .input1{ width:93%; height:42px; border:1px solid #cccccc; outline:none; padding:0 3%; font-family:"微软雅黑"; font-size:15px; color:#666;}
.contact_l .input2{ width:80px; height:42px; border:1px solid #cccccc; outline:none; padding:0 3%; font-family:"微软雅黑"; font-size:15px; color:#666;}
.contact_l .radio1{ float:left; margin-top:7px; cursor:pointer;}
.contact_l .span1{ float:left; font-size:15px; color:#888; line-height:26px; display:block; padding:0 2% 0 3px;}
.contact_l .textarea1{ width:93%; height:156px; border:1px solid #cccccc; outline:none; padding:8px 3%; font-family:"微软雅黑"; font-size:15px; color:#666; line-height:26px;}
.contact_l .button1{ width:80px; height:44px; color:#FFF; font-size:15px; font-family:"微软雅黑"; border:0; background:#427dd2; cursor:pointer; outline:none;}

.contact_r_l{ float:left; width:100%; overflow:hidden;}
.contact_r_r{ float:none; overflow:hidden; width:122px; margin:0 auto 0 auto; padding-top:20px;}

.contact_r1{ float:left; font-size:16px; color:#444444; background:url(../images/contact1.jpg) left center no-repeat; background-size:auto 20px; height:33px; line-height:33px; padding-left:30px;}
.contact_r2{ float:left; font-size:15px; color:#888888; width:100%; line-height:26px; margin-top:5px;}
.contact_r3{ float:left; width:100%; overflow:hidden; font-family:"Arial"; font-size:24px; font-weight:bold; color:#003b83; line-height:36px; margin-top:10px;}
.contact_r4{ float:left; width:100%; overflow:hidden; font-size:15px; color:#444444; line-height:28px; margin-top:10px;}
.contact_r5{ display:block; width:100%;}
.contact_r6{ width:100%; font-size:14px; color:#444; line-height:24px; margin-top:10px; text-align:center;}

.map1{ float:left; width:100%; height:280px; margin-top:30px;}

.scroll640{ width:100%; overflow-x:scroll;}
.scroll640 table{ width:800px;}

}