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

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

.header{ display:none;}
.slideBox{ display:none;}

.mobile_bg{ width:100%; overflow:hidden; display:block; background:#2d5fc0;}
.mobile_nav{ width:100%; overflow:hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; padding:12px 0 8px 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;}
.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:13px;}
.mobile_nav_in1{ float:left; width:76%; border:none; height:40px; padding:0 2%; font-family:"微软雅黑"; outline:none; font-size:13px;}
.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:12px;}

.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:12px;}

.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/header1_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:#FFF; 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:#FFF; 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:#FFF; 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);
}

.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{ display:block; width:100%;}
.swiper-container .swiper-pagination-bullet{ background:#a3b0d3; width:10px; height:10px;}
.swiper-container .swiper-pagination-bullet-active{ background:#FFF;}

.index1{ width:100%; overflow:hidden; height:50px; background:#494a6e;}
/* 本例子css */
.txtMarquee-left{ width:94%; margin:0 auto; position:relative;}
.txtMarquee-left .bd{ width:85%; float:left; overflow:hidden;}
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1;}
.txtMarquee-left .bd ul li{ margin-right:50px; float:left; width:auto !important; height:20px; padding:15px 0; text-align:left; _display:inline; font-size:13px;}
.txtMarquee-left .bd ul li a{ color:#f0f3f7; line-height:20px;}
.txtMarquee-left .bd ul li span{ color:#f0f3f7; line-height:20px;}
.txtMarquee-left .bd ul li a:hover{ text-decoration:underline;}
.txtMarquee-left .more{ float:right; text-align:right; font-size:13px; color:#f0f3f7; line-height:20px; margin-top:15px;}
.txtMarquee-left .more:hover{ text-decoration:underline;}

.index2{ width:94%; margin:0 auto; overflow:hidden; padding-bottom:30px;}

.index_title{ width:100%; margin:30px auto 0 auto; overflow:hidden;}
.index_title1{ color:#333333; font-size:18px; line-height:24px;}
.index_title1 span{ color:#0075ef;}
.index_title2{ width:100%; overflow:hidden; position:relative;}
.index_title2_1{ position:absolute; top:12px; left:0; height:1px; background:#dddddd;}
.index_title2_2{ color:#999999; font-size:13px; line-height:24px;}
.index_title2_3{ position:absolute; top:12px; right:0; height:1px; background:#dddddd;}
.font_color1{ color:#FFFFFF;}
.font_color2{ color:#dbe6f8;}
.bg_color1{ background:#dbe6f8;}
.width466{ width:11%;}
.width506{ width:28%;}

/* 本例子css */
.slideTxtBox{ width:100%; margin-top:25px; overflow:hidden;}
.slideTxtBox .hd{ width:100%; height:100px; position:relative;}
.slideTxtBox .hd ul{ width:100%; overflow:hidden;}
.slideTxtBox .hd ul li{ float:left; width:47.3%; padding:0 1%; height:35px; line-height:35px; cursor:pointer; border:1px solid #d7d8e3; font-size:13px; color:#666; z-index:1; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.slideTxtBox .hd ul li.on{ border:1px solid #0070ec; color:#0075ef; font-weight:bold; z-index:10;}
.slideTxtBox .bd{ width:100% !important;}
.slideTxtBox .bd ul{ width:100% !important; overflow:hidden;}
.slideTxtBox .bd ul li{ width:100% !important; overflow:hidden; padding:30px 0% 0px 0%;}
.slideTxtBox .bd_li1{ float:none; display:block; width:754px !important; height:auto; max-width:100%; margin:0 auto;}
.slideTxtBox .bd_li2{ float:none; width:754px !important; max-width:100%; overflow:hidden; text-align:left; font-size:13px; color:#444; position:relative; padding-bottom:60px; margin:0 auto; padding-top:15px;}
.slideTxtBox .bd_li2_0{ float:left; margin-top:15px; width:91% !important; overflow:hidden; line-height:24px; padding-left:9%;}
.slideTxtBox .bd_li2_1{ background:url(../images/index2_1.png) left 1px no-repeat;}
.slideTxtBox .bd_li2_2{ background:url(../images/index2_2.png) 1px 2px no-repeat;}
.slideTxtBox .bd_li2_3{ background:url(../images/index2_3.png) left 1px no-repeat;}
.slideTxtBox .bd_li2_4{ background:url(../images/index2_4.png) left 1px no-repeat;}
.slideTxtBox .bd_li2_5{ background:url(../images/index2_5.png) 1px 1px no-repeat;}
.slideTxtBox .bd_li2 a{ display:block; position:absolute; overflow:hidden; bottom:0; width:160px; max-width:46%; height:38px; line-height:38px; border:1px solid #0070ec; text-align:center; font-size:13px; -webkit-border-radius:19px; -moz-border-radius:19px; border-radius:19px;}
.slideTxtBox .bd_li2_6{ left:1px; color:#FFF; background:#0070ec;}
.slideTxtBox .bd_li2_7{ right:1px; color:#0070ec;}

.index3_bg{ width:100%; overflow:hidden; background:url(../images/index3_1.jpg) top center no-repeat; background-size:auto 450px; padding-bottom:0;}
.index3{ width:94%; margin:0 auto; overflow:hidden;}

.index3_1{ width:100%; overflow:hidden; padding:26px 0;}
.index3_1 a{ display:inline-block; overflow:hidden; width:160px; max-width:46%; height:38px; line-height:38px; text-align:center; font-size:13px; -webkit-border-radius:19px; -moz-border-radius:19px; border-radius:19px; margin:0 1.3%;}
.index3_1_1{ border:1px solid #0075ef; background:#0075ef; color:#FFF;}
.index3_1_2{ border:1px solid #FFFFFF; color:#FFF;}

.swiper-container1 {
	width: 400px;
	max-width:100%;
	height: 100%;
	display:block;
	position:relative;
	padding-bottom:60px;
	overflow:hidden;
	margin:0 auto;
}
.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-pagination-bullet{ background:#aaaaaa; width:10px; height:10px;}
.swiper-container1 .swiper-pagination-bullet-active{ background:#0086f9;}
.swiper-container1 .swiper-slide a{ display:block; width:100%; height:100%; position:relative; padding-bottom:10%;}

.index3_2{ width:100%; text-align:left; overflow:hidden; position:absolute; top:10%; left:0; z-index:10;}
.index3_3{ width:80%; margin:0 auto; overflow:hidden; font-size:16px; font-weight:bold; color:#e5effc; line-height:30px; height:30px; text-overflow:ellipsis; white-space:nowrap;}
.index3_4{ width:80%; margin:10% auto 0 auto; overflow:hidden; font-size:13px; color:#e5effc; line-height:24px; height:72px;}
.index3_5{ width:100%; display:block; position:relative; z-index:10; position:absolute; bottom:0; left:0;}
.index3_6{ width:100%; display:block; position:relative; z-index:1;}

/* 本例子css */
.slideTxtBox1{ width:100%; height:404px; overflow:hidden; position:relative; margin-top:30px;}
.slideTxtBox1_in{ position:absolute; top:100px; left:0; margin-left:0; width:100%; overflow:hidden; z-index:100;}
.slideTxtBox1 .hd{ float:left; width:100%; overflow:hidden;}
.slideTxtBox1 .hd ul{ float:left; width:90%; margin-left:5%;}
.slideTxtBox1 .hd ul li{ float:left; width:19%; margin:0 0.5%; cursor:pointer; height:46px; line-height:46px; background:#00b2ee; margin-bottom:20px; color:#FFF; font-size:13px; -webkit-border-radius:23px; -moz-border-radius:23px; border-radius:23px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.slideTxtBox1 .hd ul li.on{ width:19%; background:#0165cd;}
.slideTxtBox1 .bd{ width:100% !important; height:auto; overflow:hidden; position:absolute; top:0; left:0; z-index:1;}
.slideTxtBox1 .bd>ul{ zoom:1; width:100% !important; height:auto;}
.slideTxtBox1 .bd>ul>li{ width:100% !important; height:auto; position:relative; overflow:hidden; padding-bottom:30px;}
.slideTxtBox1 .bd>ul>li .bd_li1{ width:90%; margin:170px auto 0 auto; overflow:hidden;}
.slideTxtBox1 .bd>ul>li .bd_li2{ float:left; width:100%; overflow:hidden; border-left:0; padding-left:0; text-align:left;}
.slideTxtBox1 .bd>ul>li .bd_li3{ float:left; width:100%; overflow:hidden; font-size:16px; color:#FFF; line-height:30px; height:30px; text-overflow:ellipsis; white-space:nowrap;}
.slideTxtBox1 .bd>ul>li .bd_li4{ float:left; width:100%; overflow:hidden; font-size:13px; color:#FFF; line-height:24px; height:96px; margin-top:20px;}
.slideTxtBox1 .bd>ul>li a{ display:inline-block; overflow:hidden; width:160px; max-width:46%; height:38px; line-height:38px; text-align:center; font-size:13px; -webkit-border-radius:19px; -moz-border-radius:19px; border-radius:19px; margin:15px 1% 0 0;}
.slideTxtBox1 .bd>ul>li .bd_li5{ border:1px solid #0075ef; background:#0075ef; color:#FFF;}
.slideTxtBox1 .bd>ul>li .bd_li6{ border:1px solid #FFFFFF; color:#FFF;}
.slideTxtBox1 .bd>ul>li .bd_li7{ float:right; width:100%; overflow:hidden; border-left:0; padding-left:0; text-align:left; margin-top:30px; padding-bottom:0px;}
.slideTxtBox1 .bd>ul>li .bd_li8{ float:left; width:100%; font-size:16px; color:#FFF; line-height:24px; overflow:hidden;}
.slideTxtBox1 .bd>ul>li .bd_li9{ float:left; width:100%; overflow:hidden; height:auto;}
.slideTxtBox1 .bd>ul>li .bd_li9 li{ float:left; width:17%; margin-right:3%; margin-top:25px; min-width:30.3%;}
.slideTxtBox1 .bd>ul>li .bd_li9 li img{ display:block; width:100%;}

.index4_title{ position:absolute; top:0; left:5%; margin-left:0; z-index:10; width:90%;}

.index5_bg{ width:100%; height:auto; background:url(../images/index5_1.jpg) top center no-repeat; background-size:cover; overflow:hidden; padding-bottom:50px;}
.index5{ width:90%; margin:0 auto; overflow:hidden;}
.index5_1{ width:90%; margin:30px auto 0 auto; overflow:hidden; font-size:13px; color:#666666; line-height:30px; height:auto;}
.index5_2{ float:left; display:block; width:90%; height:auto; margin-top:60px;}
.index5_3{ float:left; clear:both; display:block; width:160px; height:38px; line-height:38px; border:1px solid #FFF; color:#FFF; font-size:13px; margin-top:120px; -webkit-border-radius:19px; -moz-border-radius:19px; border-radius:19px;}

.index6_bg{ width:100%; background:#f6f6f6; overflow:hidden; padding:30px 0;}
.index6{ width:100%; height:auto; margin:0 auto; position:relative;}
.index6_l{ position:absolute; width:272px; height:280px; left:-272px; top:0; background:url(../images/index6_1.jpg) no-repeat;}
.index6_r{ position:absolute; width:272px; height:280px; right:-272px; top:0; background:url(../images/index6_2.jpg) no-repeat;}

.swiper-container2 {
	width: 94%;
	height: 100%;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
.swiper-container2 .swiper-slide {
	text-align: center;
	height:auto;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container2 .swiper-button-next2{ width:39px; height:65px; background:url(../images/index6_4.jpg) no-repeat center center #f6f6f6; background-size:20px auto; position:absolute; top:23%; right:0; z-index:1; margin-top:0; cursor:pointer;}
.swiper-container2 .swiper-button-prev2{ width:39px; height:65px; background:url(../images/index6_3.jpg) no-repeat center center #f6f6f6; background-size:20px auto; position:absolute; top:23%; left:0; z-index:1; margin-top:0; cursor:pointer;}

.index6_1{ display:block; width:450px; max-width:100%; overflow:hidden;}
.index6_2{ float:left; width:450px; max-width:100%; height:auto; display:block;}
.index6_3{ float:right; width:450px; max-width:100%; height:auto; background:#ededed; text-align:left; padding-bottom:30px;}
.index6_4{ float:left; width:90%; margin-left:5%; font-size:15px; font-weight:bold; color:#333; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:20px;}
.index6_5{ float:left; width:90%; margin-left:5%; font-size:13px; color:#828282; line-height:24px; height:168px; overflow:hidden; margin-top:20px;}

.index7_bg{ width:100%; overflow:hidden;}
.index7{ width:94%; margin:0 auto; overflow:hidden; padding-bottom:30px;}
.index7_1{ width:1200px; height:740px; margin:50px auto 0 auto; overflow:hidden; position:relative; display:none;}

.index7_7{ width:100%; overflow:hidden; margin:30px auto 0 auto; display:block;}
.index7_7 img{ display:block; width:100%;}

.index8_bg{ width:100%; overflow:hidden; background:#f7f8fa;}
.index8{ width:94%; overflow:hidden; padding-bottom:30px; margin:0 auto;}
.index8_1{ display:block; margin:20px auto 0 auto; width:160px; height:40px; line-height:40px; background:#0075ef; color:#FFF; font-size:13px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
.index8_2{ width:100%; overflow:hidden;}
.index8_2 li{ float:left; width:99%; height:143px; border:1px solid #e5e5e5; background:#FFF; margin-right:0; margin-top:30px;}
.index8_2 li:last-child{ margin-right:0;}
.index8_2 li a{ display:block; width:75%; height:143px; text-align:left; padding-left:22%; padding-right:3%; overflow:hidden;}
.index8_2 li:first-child a{ background:url(../images/index8_1.jpg) 5% 30px no-repeat;}
.index8_2 li:last-child a{ background:url(../images/index8_2.jpg) 4% 30px no-repeat;}
.index8_3{ font-size:16px; color:#333333; line-height:24px; margin-top:30px; width:100%; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index8_4{ font-size:13px; color:#757775; line-height:24px; margin-top:10px; height:48px; overflow:hidden;}
.index8_2 li a:hover .index8_3{ text-decoration:underline;}

.footer_top{ width:100%; height:auto; background:url(../images/footer1.jpg) top center no-repeat; overflow:hidden; padding-bottom:30px;}
.footer_top1{ width:94%; margin:30px auto 0 auto; overflow:hidden; font-size:16px; color:#FFF; line-height:30px;}
.footer_top2{ width:94%; margin:30px auto 0 auto; overflow:hidden;}
.footer_top2 a{ float:left; display:inline-block; width:47%; height:40px; line-height:40px; font-size:14px; color:#FFF; background:url(../images/footer2.png) repeat; overflow:hidden; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; margin:0 1.5%;}

.footer_mid{ width:100%; overflow:hidden; background:#141821; padding:25px 0;}
.footer_mid1{ width:94%; margin:0 auto; overflow:hidden;}
.footer_mid2{ float:left; width:100%; overflow:hidden; border-right:0; background:none; text-align:left; padding-left:0; margin-right:0;}
.footer_mid2_1{ float:left; width:100%; overflow:hidden; font-size:13px; color:#FFF; line-height:22px;}
.footer_mid2_2{ float:left; width:100%; overflow:hidden; font-size:16px; font-weight:bold; color:#FFF; line-height:30px;}
.footer_mid2_3{ float:left; width:100%; overflow:hidden; font-size:13px; color:#a4a3a3; line-height:30px; margin-top:20px;}
.footer_mid3{ float:left; width:120px; overflow:hidden; display:none;}
.footer_mid3_1{ float:left; clear:both; font-size:16px; color:#FFF; line-height:28px; padding-bottom:8px;}
.footer_mid3_2{ float:left; clear:both;}
.footer_mid3_2 li{ float:left; clear:both; margin-top:10px; text-align:left;}
.footer_mid3_2 li a{ font-size:13px; color:#a4a3a3; line-height:20px;}
.footer_mid3_2 li a:hover{ text-decoration:underline;}
.footer_mid4{ float:left; width:120px; overflow:hidden;}
.footer_mid4_1{ float:left; width:100%; overflow:hidden; font-size:15px; color:#FFF; line-height:28px; margin-top:20px;}
.footer_mid4 img{ display:block; float:left; margin-top:10px;}
.footer_mid4_2{ float:left; width:100%; overflow:hidden; color:#acabab; font-size:13px; color:#a4a3a3; line-height:20px; margin-top:10px;}

.footer_bot{ width:100%; overflow:hidden; background:#111111; text-align:left;}
.footer_bot1{ width:94%; overflow:hidden; margin:0 auto; line-height:20px; padding:15px 0;}
.footer_bot2{ float:left; font-size:12px; color:#a4a3a3;}
.footer_bot3{ float:left; font-size:12px; color:#a4a3a3;}
.footer_bot3 a{ color:#a4a3a3;}

/* about */
.banner{ width:100%; height:400px; overflow:hidden; position:relative; display:none;}
.banner1{ width:100%; background:url(../images/neiye_banner_bg.png) repeat; margin-top:200px; position:absolute; bottom:0; left:0; padding:15px 0;}
.banner2{ width:1002px; margin:0 auto; overflow:hidden; text-align:left; line-height:20px; color:#FFF; background:url(../images/position1.png) left center no-repeat; padding-left:22px;}
.banner2 a{ color:#FFF;}
.banner2 span{ font-family:"宋体";}
.banner2 a:hover{ text-decoration:underline;}

.banner_mobile{ display:block;}
.banner_mobile1{ display:block; width:100%;}
.banner_mobile2{ width:89%; margin:0 auto; overflow:hidden; text-align:left; line-height:20px; padding:15px 0; background:url(../images/position2.png) left center no-repeat; padding-left:5%;}
.banner_mobile2 a{ color:#333;}

.about1{ width:94%; margin:0 auto; overflow:hidden;}
.about1_1{ width:100%; overflow:hidden; padding:30px 0; font-size:13px; text-align:left; color:#666666; line-height:30px;}
.about1_1 img{ margin:0 auto; max-width:100%; display:block;}

.about2_bg{ width:100%; height:auto; background:url(../images/about3.jpg) top center no-repeat; background-size:cover; padding-bottom:30px;}
.about2{ width:94%; margin:0 auto; overflow:hidden;}
.about2_1{ width:100%; margin:30px auto 0 auto; overflow:hidden;}
.about2_1 li{ float:left; width:100%; height:auto; overflow:hidden; 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; padding-bottom:20px;}
.about2_1 li:nth-child(odd){ background:#f8f8f8;}
.about2_1 li:nth-child(even){ background:#f0f0f0;}
.about2_1 li:hover{ background:#005aa7;}
.about2_2{ width:90%; overflow:hidden; font-size:40px; color:#b2b2b2; font-family:"Impact"; line-height:50px; margin:20px auto 0 auto;}
.about2_3{ width:90%; overflow:hidden; margin:10px auto 0 auto; font-size:16px; font-weight:bold; color:#333333; line-height:30px;}
.about2_4{ width:90%; overflow:hidden; margin:10px auto 0 auto; font-size:13px; color:#333; line-height:30px;}
.about2_1 li:hover .about2_2{ color:#FFF;}
.about2_1 li:hover .about2_3{ color:#FFF;}
.about2_1 li:hover .about2_4{ color:#FFF;}

.about3_bg{ width:100%; height:auto; background:url(../images/about4.jpg) top center no-repeat;}
.about3{ width:100%; margin:0 auto; overflow:hidden;}

.about3_1{width:1024px;height:406px;position:relative; margin:0 auto; background:url(../images/about7.png) center 41px no-repeat; display:none;}

.swiper-container3 {
	width: 100%;
	height: 250px;
	float:left;
	display:block;
}
.swiper-container3 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: none;
	height:220px !important;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.about3_3{ width:80%; color:#FFF; clear:both; font-size:30px; line-height:50px; margin:0 auto;}
.about3_4{ width:80%; color:#FFF; clear:both; font-size:13px; line-height:24px; height:96px; overflow:hidden; margin:0 auto; margin-top:30px;}

.about4{ width:90%; margin:0 auto; overflow:hidden; padding-bottom:30px;}
.about4_1{ width:100%; margin:0 auto; overflow:hidden;}
.about4_1 li{ float:left; width:100%; margin-right:0; margin-top:35px;}
.about4_1 li:last-child{ margin-right:0;}
.about4_1 li a{ display:block; overflow:hidden; text-align:left;}
.about4_2{ float:left; display:block; max-width:100%;}
.about4_3{ float:left; width:100%; font-size:16px; color:#333; line-height:20px; margin-top:30px; height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.about4_4{ float:left; width:100%; overflow:hidden; font-size:13px; color:#999999; line-height:20px; margin-top:5px;}
.about4_5{ float:left; width:100%; height:48px; overflow:hidden; font-size:14px; color:#666666; line-height:24px; margin-top:25px;}
.about4_6{ float:left; width:180px; max-width:100%; height:40px; line-height:40px; background:#0075ef; font-size:13px; color:#FFF; text-align:center; margin-top:25px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
.about4_1 li a:hover .about4_3{ text-decoration:underline;}

.about5_bg{ width:100%; overflow:hidden; background:#f7f8fa;}
.about5{ width:94%; overflow:hidden; margin:0 auto; padding-bottom:30px;}

.swiper-container4{
	width: 100%;
	height: 100%;
	margin:30px auto 0 auto;
	overflow:hidden;
}
.swiper-container4 .swiper-slide{
	text-align: top;
	background:none;
	height:auto;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: top;
	-ms-flex-pack: top;
	-webkit-justify-content: top;
	justify-content: top;
	-webkit-box-align: top;
	-ms-flex-align: top;
	-webkit-align-items: top;
	align-items: top;
}
.swiper-container4 .swiper-slide .about5_0{ display:block; width:380px; max-width:99%; overflow:hidden; background:#FFF; border:1px solid #e5e5e5; position:relative; padding-bottom:25px; margin:0 auto;}
.swiper-container4 .swiper-pagination4{ margin-top:30px;}
.swiper-container4 .swiper-pagination4 .swiper-pagination-bullet{ width:14px; height:14px; margin:0 6px; background:#aaaaaa;}
.swiper-container4 .swiper-pagination4 .swiper-pagination-bullet-active{ width:14px; height:14px; background:#0086f9;}
.about5_1{ position:absolute; width:1px; height:110px; background:#0075ef; top:32px; left:12%; z-index:100;}
.about5_2{ float:left; width:69%; text-align:left; margin-left:20%; margin-top:30px;}
.about5_3{ float:left; width:100%; overflow:hidden; font-size:16px; color:#cccccc; line-height:24px; height:24px; text-overflow:ellipsis; white-space:nowrap;}
.about5_4{ float:left; width:100%; overflow:hidden; font-size:13px; color:#cccccc; line-height:24px;}
.about5_5{ float:left; display:block; margin-left:5%; margin-top:15px; width:90%; height:auto;}
.about5_6{ float:left; width:90%; margin-left:5%; overflow:hidden; text-align:left;}
.about5_7{ float:left; width:100%; overflow:hidden; font-size:16px; color:#333333; margin-top:25px; line-height:24px; height:24px; text-overflow:ellipsis; white-space:nowrap;}
.about5_8{ float:left; width:100%; overflow:hidden; font-size:13px; color:#757775; line-height:24px; margin-top:15px;}
.swiper-container4 .swiper-slide a:hover .about5_7{ text-decoration:underline;}

/* news */
.in_nav{ display:inline-block; margin:10px auto 0 auto; overflow:hidden; display:none;}
.in_nav li{ display:inline-block; margin:10px 8px 0 8px;}
.in_nav li a{ display:block; width:163px; height:52px; line-height:46px; background:url(../images/in_nav.png) top center no-repeat; font-size:16px; color:#606060;}
.in_nav li a:hover{ background:url(../images/in_nav_on.png) no-repeat top center; color:#FFF;}
.in_nav li .a_on{ background:url(../images/in_nav_on.png) no-repeat top center; color:#FFF;}

.news{ width:100%; overflow:hidden; background:#f5f5f5; margin-top:0; padding-bottom:30px;}
.news1{ display:block; width:528px; max-width:93%; height:auto; margin:30px auto 0 auto;}
.news1_1{ float:left; display:block; width:528px; height:auto; max-width:100%;}
.news1_2{ float:left; width:89.7%; height:auto; background:#FFF; border:1px solid #dddddd; border-top:0; text-align:left; padding:0 5% 0 5%; padding-bottom:20px;}
.news1_3{ float:left; width:100%; overflow:hidden; font-size:16px; color:#333; line-height:30px; height:30px; text-overflow:ellipsis; white-space:nowrap; margin-top:20px;}
.news1_4{ float:left; width:100%; overflow:hidden; font-size:13px; color:#666; line-height:20px; margin-top:10px;}
.news1_5{ float:left; width:100%; overflow:hidden; font-size:13px; color:#666; line-height:30px; height:90px; margin-top:10px;}
.news1_6{ float:left; width:126px; height:42px; line-height:42px; border:1px solid #f2f2f2; padding-left:20px; margin-top:20px; font-size:13px; color:#444; background:url(../images/news2.jpg) 100px center no-repeat;}
.news1:hover .news1_3{ text-decoration:underline;}

.news_list{ width:94%; margin:20px auto 0 auto; overflow:hidden;}
.news_list1{ width:100%; margin:0 auto; overflow:hidden;}
.news_list1 li{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #eeeeee;}
.news_list1 li a{ display:block; width:100%; overflow:hidden; text-align:left; padding:30px 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;}
.news_list1_1{ float:left; width:100%; overflow:hidden; margin-left:0;}
.news_list1_2{ float:left; width:100%; overflow:hidden; font-size:16px; color:#343434; height:24px; line-height:24px; text-overflow:ellipsis; white-space:nowrap;}
.news_list1_3{ float:left; width:100%; overflow:hidden; font-size:13px; color:#8a8a8a; height:48px; line-height:24px; margin-top:12px;}
.news_list1_4{ float:right; width:100%; height:auto; overflow:hidden; border-left:0; margin-right:0; background:url(../images/news3.png) right 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; margin-top:15px;}
.news_list1_5{ float:left; overflow:hidden; font-size:20px; font-family:"Arial"; color:#017cbf; line-height:30px; margin-left:0;}
.news_list1_6{ float:left; overflow:hidden; font-size:13px; color:#9a9a9a; line-height:20px; margin-top:0; margin-left:0; clear:both;}
.news_list1 li a:hover{ background:none;}
.news_list1 li a:hover .news_list1_2{ color:#343434;}
.news_list1 li a:hover .news_list1_3{ color:#8a8a8a;}
.news_list1 li a:hover .news_list1_4{ background:url(../images/news3.png) right center no-repeat;}
.news_list1 li a:hover .news_list1_5{ color:#017cbf;}
.news_list1 li a:hover .news_list1_6{ color:#9a9a9a;}

.page{ width:100%; overflow:hidden; padding:20px 0 30px 0;}
.page a{ margin:10px 2px 0 2px; display:inline-block; border:1px solid #c8c8c8; height:28px; line-height:28px; padding:0 10px; font-size:13px; color:#999999; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.page a:hover{ background:#00a2fa; color:#FFF; border:1px solid #00a2fa;}
.pager span.current{ margin:10px 2px 0 2px; display:inline-block; border:1px solid #c8c8c8; height:28px; line-height:28px; padding:0 10px; font-size:13px; color:#999999; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-weight:bold; text-decoration:underline;}
.pager span.disabled{ margin:10px 2px 0 2px; display:inline-block; border:1px solid #c8c8c8; height:28px; line-height:28px; padding:0 10px; font-size:13px; color:#999999; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

/* newsIn */
.newsIn{ width:100%; overflow:hidden; background:#f5f5f5; padding:30px 0;}
.newsIn1{ width:88%; margin:0 auto; overflow:hidden; background:#FFF; padding:0 3%;}
.newsIn2{ font-size:16px; color:#333; width:100%; overflow:hidden; line-height:24px; margin-top:30px;}
.newsIn3{ font-size:13px; color:#666666; width:100%; overflow:hidden; line-height:20px; margin-top:20px; padding-bottom:20px;}
.newsIn4{ width:100%; overflow:hidden; text-align:left; padding:30px 0; font-size:13px; color:#333; line-height:28px; border-bottom:1px solid #dedede; border-top:1px solid #dedede;}
.newsIn4 img{ display:block; margin:0 auto; max-width:100%;}

.pageIn{ width:100%; overflow:hidden; text-align:left; position:relative; padding:10px 0 30px 0;}
.pageIn1{ width:70%; overflow:hidden; font-size:13px; color:#979797; line-height:24px; height:24px; text-overflow:ellipsis; white-space:nowrap; margin-top:20px; background:url(../images/newsIn2.jpg) left center no-repeat; padding-left:20px;}
.pageIn1 a{ color:#333333;}
.pageIn1 a:hover{ text-decoration:underline;}
.pageIn2{ width:70%; overflow:hidden; font-size:13px; color:#979797; line-height:24px; height:24px; text-overflow:ellipsis; white-space:nowrap; margin-top:20px; background:url(../images/newsIn3.jpg) left center no-repeat; padding-left:20px;}
.pageIn2 a{ color:#333333;}
.pageIn2 a:hover{ text-decoration:underline;}
.pageIn3{ width:60px; height:60px; background:url(../images/newsIn4.jpg) no-repeat; position:absolute; right:0; top:30px;}

.tuijian{ width:94%; margin:30px auto 0 auto; overflow:hidden;}
.tuijian1{ float:left; width:100%; height:40px; border-bottom:1px solid #eaeaea; position:relative;}
.tuijian1_1{ float:left; font-size:18px; font-weight:bold; color:#333; line-height:22px;}
.tuijian1_1 span{ color:#0068bb;}
.tuijian1 a{ float:right; font-size:13px; color:#666666; line-height:22px;}
.tuijian1 a:hover{ text-decoration:underline;}
.tuijian1 .line{ position:absolute; width:24px; height:1px; background:#0076d0; bottom:-1px; left:0;}
.tuijian2{ float:left; width:100%; background:#FFF; overflow:hidden; padding:20px 0 25px 0;}
.tuijian3{ float:left; width:100%; overflow:hidden;}
.tuijian3 img{ float:left; display:block; width:218px; height:auto; margin-left:3%;}
.tuijian3_1{ float:left; width:94%; height:auto; text-align:left; overflow:hidden; background:url(../images/newsIn6.jpg) bottom right no-repeat; margin-left:3%; margin-top:15px;}
.tuijian3_2{ float:left; width:100%; overflow:hidden; font-size:16px; color:#333; line-height:24px; text-overflow:ellipsis; white-space:nowrap;}
.tuijian3_3{ float:left; width:100%; overflow:hidden; font-size:13px; color:#666; line-height:24px; height:auto; margin-top:10px;}
.tuijian3_4{ float:left; font-size:14px; color:#929292; line-height:24px; margin-top:15px;}
.tuijian3:hover .tuijian3_2{ text-decoration:underline;}
.tuijian4{ float:left; width:94%; min-height:0; overflow:hidden; margin-right:3%; border-left:0; padding-left:3%; margin-top:20px;}
.tuijian4 li{ float:left; width:100%; overflow:hidden; background:url(../images/newsIn7.jpg) left center no-repeat; height:18px; line-height:18px; margin-bottom:12px; text-align:left;}
.tuijian4 li:last-child{ margin-bottom:0;}
.tuijian4 li a{ float:left; margin-left:10px; display:block; width:68%; height:18px; line-height:18px; font-size:13px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.tuijian4 li span{ float:right; font-size:13px; color:#929292;}
.tuijian4 li a:hover{ text-decoration:underline;}

.tuijian5{ float:left; width:100%; overflow:hidden;}
.tuijian5 li{ float:left; width:100%; overflow:hidden; background:url(../images/newsIn7.jpg) 3% center no-repeat; height:18px; line-height:18px; text-align:left; margin-top:1px; padding:6px 0;}
.tuijian5 li:nth-child(2n-1){ border-right:0;}
.tuijian5 li a{ float:left; margin-left:6%; display:block; max-width:60%; height:18px; line-height:18px; font-size:14px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.tuijian5 li span{ float:right; font-size:14px; color:#929292; margin-right:3%;}
.tuijian5 li a:hover{ text-decoration:underline;}

/* pro */
.pro{ width:94%; margin:0 auto; overflow:hidden;}
.pro1{ width:800px; margin:0 auto; overflow:hidden; max-width:100%;}
.pro1 li{ float:none; width:400px; overflow:hidden; margin:0 auto; margin-top:30px; max-width:100%;}
.pro1 li a{ display:block; overflow:hidden; position:relative; padding-bottom:20%;}
.pro1 li a:hover .index3_3{ text-decoration:underline;}

.xiangguan{ width:100%; overflow:hidden; background:url(../images/pro1.jpg) top center no-repeat #eeeeee; padding-bottom:40px;}
.xiangguan1{ width:94%; margin:35px auto 0 auto; overflow:hidden;}
.xiangguan2{ width:100%; overflow:hidden; text-align:left; border-bottom:1px dashed #b6b6b6; height:40px; line-height:22px; font-size:18px; color:#333; font-weight:bold;}
.xiangguan2 span{ color:#0075ef;}
.xiangguan3{ width:100%; overflow:hidden;}
.xiangguan3 li{ float:left; width:50%; overflow:hidden; margin-top:30px;}
.xiangguan3 li a{ display:block; width:100%; overflow:hidden; background:url(../images/pro2.png) top center no-repeat;}
.xiangguan4{ display:block; width:100%;}
.xiangguan5{ width:90%; margin:0 auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; color:#333; line-height:24px; height:24px; margin-top:15px;}
.xiangguan3 li a:hover .xiangguan5{ text-decoration:underline;}
.xiangguan3 li:last-child{ display:none;}

/* pro */
.proIn{ background:none; padding:0;}
.proIn1{ padding:0; width:94%;}
.proIn2{ margin-top:20px;}

.scroll{ display:none; position:fixed; top:50%; margin-top:-174px; right:10px; z-index:1000; width:160px; text-align:left; background:url(../images/about12.png) 7px top repeat-y;}

/* case */
.case1_bg{ width:100%; overflow:hidden; background:#e8eff9; padding-bottom:30px; margin-top:20px;}
.case1{ width:94%; margin:0 auto; overflow:hidden;}
.case1_1{ width:600px; overflow:hidden; float:none; margin:30px auto 0 auto; max-width:100%;}
.case1_2{ float:left; display:block; width:100%; height:auto;}
.case1_3{ float:right; width:92%; height:auto; background:#0165cd; padding:0 3% 0 5%; text-align:left; padding-bottom:30px;}
.case1_4{ float:left; width:100%; overflow:hidden; font-size:16px; height:30px; line-height:30px; font-weight:bold; color:#FFF; text-overflow:ellipsis; white-space:nowrap; margin-top:20px;}
.case1_5{ float:left; width:100%; overflow:hidden; font-size:13px; color:#FFF; line-height:24px; height:auto; max-height:144px; margin-top:10px;}
.case1_6{ float:left; width:100%; height:auto; background:#025cb9; margin-top:20px; padding:15px 0;}
.case1_7{ float:left; margin-left:20px; font-size:13px; color:#FFF; line-height:36px;}
.case1_7 span{ font-weight:bold;}
.case1_8{ float:right; margin-right:15px; display:inline-block; width:100px; height:36px; line-height:36px; text-align:center; background:#00a2fa; color:#FFF; font-size:12px; margin-top:0; -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px;}

.case2_bg{ width:100%; overflow:hidden;}
.case2_nav{ width:100%; height:50px; overflow:hidden; background:#6b8bc5;}
.case2_nav1{ width:94%; height:48px; margin:2px auto 0 auto;}
.case2_nav1 li{ float:left; width:31.3%; margin-right:3%;}
.case2_nav1 li:last-child{ margin-right:0;}
.case2_nav1 li a{ display:block; width:100%; height:48px; line-height:48px; background:#446196; font-size:16px; color:#FFF; font-weight:bold;}
.case2_nav1 li a:hover{ background:#FFF; color:#0367b3;}
.case2_nav1 li .a_on{ background:#FFF; color:#0367b3;}

.case2_1{ width:94%; margin:0 auto; overflow:hidden; text-align:left; padding:30px 0;}
.case2_1_1{ float:left; width:100%; font-size:16px; color:#0367b3; font-weight:bold; line-height:30px;}
.case2_1_2{ float:left; width:100%; font-size:13px; color:#666666; line-height:30px; margin-top:10px;}

.case2_2{ width:94%; margin:0 auto; overflow:hidden;}
.case2_2_1{ width:100%; height:46px; border-bottom:1px solid #eaeaea; position:relative;}
.case2_2_2{ float:left; font-size:16px; font-weight:bold; color:#333;}
.case2_2_1 span{ display:block; position:absolute; left:0; bottom:-1px; width:60px; height:2px; background:#555555;}
.case2_2_3{ float:left; width:100%; overflow:hidden; padding:20px 0 30px 0;}
.case2_2_3 li{ float:left; margin-right:10px; margin-top:10px;}
.case2_2_3 li img{ display:block;}

.case2_3{ width:94%; margin:0 auto; overflow:hidden; padding-bottom:30px;}
.case2_3_1{ float:none; width:100%; overflow:hidden; margin:0 auto;}
.case2_3_1 li{ float:left; width:100%; height:auto; background:#f6f6f6; position:relative; margin-right:0; margin-top:30px; margin-bottom:45px;}
.case2_3_2{ float:left; width:94%; text-align:left; margin-top:20px; margin-left:3%;}
.case2_3_3{ float:left; width:100%; overflow:hidden; font-size:16px; color:#022a56; line-height:30px;}
.case2_3_4{ float:left; width:100%; overflow:hidden; font-size:13px; color:#666666; line-height:24px; margin-top:10px; height:auto;}
.case2_3_5{ float:right; margin-right:3%; margin-top:20px; margin-bottom:-45px;}

/* classic */
.classic{ width:94%; margin:0 auto; overflow:hidden; padding-bottom:30px;}
.classic1{ float:left; width:100%; border-bottom:1px solid #eaeaea; text-align:left; height:46px; margin-top:30px; position:relative;}
.classic1 span{ display:block; position:absolute; left:0; bottom:-1px; width:60px; height:2px; background:#555555;}
.classic1_1{ float:left; font-size:16px; font-weight:bold; color:#333;}
.classic2{ float:left; width:100%; overflow:hidden; margin-top:20px;}
.classic2 li{ float:left; margin-right:3%; margin-top:20px;}
.classic2 li img{ display:block; width:124px; height:114px;}

/* honor */
.honor{ width:94%; margin:0 auto; overflow:hidden;}
.honor1{ float:none; width:610px; max-width:100%; overflow:hidden; margin:0 auto 0 auto;}
.honor1 li{ float:none; width:278px; margin:30px 8px 0 8px; border:1px solid #eeeeee; display:inline-block;}
.honor1 li a{ display:block; width:278px; outline:none; overflow:hidden;}
.honor1_1{ width:278px; height:226px; overflow:hidden;}
.honor1_1 img{ display:block; width:278px; height:226px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.honor1_2{ width:94%; height:70px; line-height:70px; background:#eeeeee; padding:0 3%; font-size:13px; color:#666; text-overflow:ellipsis; white-space:nowrap; 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;}
.honor1 li a:hover .honor1_2{ background:#eeeeee; color:#666;}
.honor1 li a:hover .honor1_1 img{ -webkit-transform:scale(1) translateZ(0); -moz-transform:scale(1) translateZ(0); -ms-transform:scale(1) translateZ(0); -o-transform:scale(1) translateZ(0); transform:scale(1) translateZ(0);}

/* contact */
.contact1_bg{ width:100%; overflow:hidden; background:#f5f5f5; margin-top:20px;}
.contact1{ width:94%; margin:0 auto; overflow:hidden;}
.contact1_1{ width:100%; overflow:hidden; padding:30px 0;}
.contact1_2{ float:left; width:94%; padding:0 3%; text-align:left; overflow:hidden;}
.contact1_3{ float:left; width:100%; overflow:hidden; font-size:14px; color:#003c72; line-height:30px;}
.contact1_4{ float:left; width:100%; overflow:hidden; font-size:20px; font-family:"Arial"; color:#003c72; line-height:30px; font-weight:bold; margin-top:5px;}
.contact1_5{ float:left; width:100%; overflow:hidden; font-size:13px; color:#666; line-height:30px; margin-top:10px;}
.contact1_6{ float:left; display:none; margin-top:40px;}
.contact1_7{ float:left; border-left:0; width:168px; overflow:hidden; margin-left:3%; margin-top:30px;}
.contact1_8{ width:166px; height:166px; background:#FFF; border:1px solid #c9c9c9; margin:0 auto;}
.contact1_8 img{ display:block; width:130px; height:130px; margin:18px;}
.contact1_9{ width:100%; overflow:hidden; font-size:13px; color:#656565; line-height:34px;}
.map{ width:99%; height:320px; border:1px solid #e6e6e6; float:left; margin-top:30px;}

.contact2{ width:94%; margin:0 auto; overflow:hidden; padding:30px 0;}
.contact2_1{ float:left; width:100%; height:46px; border-bottom:1px solid #eaeaea; position:relative;}
.contact2_2{ float:left; height:46px; line-height:24px; font-size:16px; font-weight:bold; color:#333;}
.contact2_1 span{ position:absolute; width:60px; height:2px; background:#555555; bottom:-1px; left:0; display:block;}
.contact2_3{ float:left; width:100%; overflow:hidden;}
.contact2_4{ float:left; width:100%; overflow:hidden;}
.contact2_5{ float:left; width:100%; overflow:hidden;}
.contact2_5_1{ float:left; width:100%; overflow:hidden;}
.contact2_6{ float:left; width:100%; overflow:hidden; clear:both;}

.contact2_3 .input1{ float:left; width:95%; height:42px; line-height:42px; border:1px solid #cacaca; margin-top:30px; padding:0 2%; font-size:13px; font-family:"微软雅黑"; color:#666; outline:none;}
.contact2_3 .input2{ float:left; width:65%; height:42px; line-height:42px; border:1px solid #cacaca; margin-top:30px; padding:0 2%; font-size:13px; font-family:"微软雅黑"; color:#666; outline:none; margin-left:0;}
.contact2_3 .textarea1{ float:left; width:95%; height:103px; border:1px solid #cacaca; margin-top:30px; font-size:13px; font-family:"微软雅黑"; color:#666; outline:none; line-height:24px; padding:9px 2%; margin-left:0;}
.contact2_3 .button1{ display:inline-block; width:104px; height:48px; line-height:48px; border:1px solid #005bac; background:#005bac; color:#FFF; font-size:13px; font-family:"微软雅黑"; outline:none; cursor:pointer; margin:30px 2% 0 0; -webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px;}
.contact2_3 .button2{ display:inline-block; width:104px; height:48px; line-height:48px; border:1px solid #d0d0d0; background:#FFF; color:#464646; font-size:13px; font-family:"微软雅黑"; outline:none; cursor:pointer; margin:30px 0 0 2%; -webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px;}
.input_img{ float:right; margin-top:30px; width:22%; height:44px; margin-right:1%; cursor:pointer;}

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

.recruit3{ float:left; width:100%; margin-top:20px; overflow:hidden;}
.recruit3_1{ float:left; width:100%; overflow:hidden; line-height:20px; background:#005ea8; text-align:left; font-size:14px; color:#FFF; padding:15px 0;}
.recruit3_2{ float:left; width:26%; 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:14%; padding:0 1%;}
.recruit3_6{ float:left; width:14%; 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:left; font-size:12px; color:#999999;}
.recruit4_2{ float:left; width:26%; padding:30px 1%; line-height:20px;}
.recruit4_3{ float:left; width:10%; padding:30px 1%; line-height:20px;}
.recruit4_4{ float:left; width:20%; padding:30px 1%; line-height:20px;}
.recruit4_5{ float:left; width:14%; padding:30px 1%; line-height:20px;}
.recruit4_6{ float:left; width:14%; padding:30px 1%; line-height:20px;}
.recruit4_7{ float:left; width:6%; background:url(../images/recruit2.jpg) center center no-repeat; 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(../images/recruit4.jpg) no-repeat;}
.recruit4_11{ float:left; font-size:13px; color:#666; height:44px; line-height:44px;}
.recruit4_12{ display:none; float:left; width:96%; background:#f7f7f7; text-align:left; padding:0 2%;}

.recruitment{ width:100%; overflow:hidden; background:#f5f5f5; padding-bottom:30px; margin-top:20px;}
.recruitment1{ width:600px; overflow:hidden; margin:30px auto 0 auto; max-width:94%;}
.recruitment2{ float:left; display:block; width:600px; height:auto; max-width:100%;}
.recruitment3{ float:right; width:90%; height:auto; border:0; border-left:0; background:#FFF; text-align:left; padding:0 5% 30px 5%;}
.recruitment4{ float:left; width:100%; overflow:hidden; position:relative; font-size:16px; color:#333; font-weight:bold; margin-top:30px; height:47px; line-height:24px;}
.recruitment4 span{ display:block; width:60px; height:2px; background:#555555; bottom:0; left:0; position:absolute;}
.recruitment5{ float:left; width:100%; overflow:hidden; font-size:13px; color:#666; line-height:30px; margin-top:20px; height:auto;}

.return_top{ position:fixed; right:3%; bottom:20px; width:10%; display:block;}
.return_top img{ width:100%;}

.body_bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:-webkit-linear-gradient(left, #004b93 , #002f56); background:-o-linear-gradient(right, #004b93, #002f56); background:-moz-linear-gradient(right, #004b93, #002f56); background:linear-gradient(to right, #004b93 , #002f56); z-index:1;}
.video{ display:block; margin:0 auto; position:relative; z-index:10;}
.online_nav{ position:absolute; width:100%; height:auto; background:url(../images/online_bg.png); bottom:0; left:0; z-index:100;}
.online_nav ul{ display:inline-table; margin-top:16px; width:90%;}
.online_nav ul li{ display:inline-block; clear:both; float:left; width:100%; margin-bottom:10px;}
.online_nav ul li a{ display:block; height:38px; line-height:38px; border:1px solid #FFF; color:#FFF; font-size:13px; width:94%; padding:0 3%; margin:0 0; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
.online_nav ul li a:hover{ background:#0075ef; border:1px solid #0075ef;}
.online_nav ul li .a_on{ background:#0075ef; border:1px solid #0075ef;}

.online_navEn{ position:absolute; width:100%; height:auto; background:url(../images/online_bg.png); bottom:0; left:0; z-index:100;}
.online_navEn ul{ display:inline-table; margin-top:16px; width:90%;}
.online_navEn ul li{ display:inline-block; clear:both; float:left; width:100%; margin-bottom:10px;}
.online_navEn ul li a{ display:block; height:38px; line-height:38px; border:1px solid #FFF; color:#FFF; font-size:13px; width:93%; padding:0 3%; margin:0 0; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; overflow:hidden;}
.online_navEn ul li a:hover{ background:#0075ef; border:1px solid #0075ef;}
.online_navEn ul li .a_on{ background:#0075ef; border:1px solid #0075ef;}

.proIn_new1{ width:100%; overflow:hidden; padding:0 0 30px 0; border-bottom:1px solid #dedede;}
.proIn_new1_l{ float:left; width:100%; overflow:hidden;}
.proIn_new1_l1{ float:left; width:100%; overflow:hidden; text-align:left; font-size:13px; color:#222; line-height:30px; padding:20px 0 20px 0;}

.proIn_new_title{ float:left; width:100%; overflow:hidden; text-align:left; border-bottom:1px solid #dedede; padding:10px 0;}
.proIn_new_title1{ display:inline-block; color:#004098; height:60px; line-height:60px;}
.proIn_new_title1 .span1{ font-size:40px; font-family:"Verdana"; font-weight:bold; vertical-align:middle;}
.proIn_new_title1 .span2{ font-size:34px; font-weight:lighter; vertical-align:middle;}
.proIn_new_title2{ display:inline-block; height:60px; vertical-align:middle;}
.proIn_new_title2_1{ float:left; font-size:15px; font-weight:bold; color:#004098; margin-top:14px; line-height:15px;}
.proIn_new_title2_2{ float:left; overflow:hidden; font-size:12px; font-family:"Arial"; color:#727171; margin-top:2px; clear:both; line-height:20px;}

.proIn_new1_r{ float:none; display:block; width:600px; max-width:100%; height:auto; margin:0 auto;}

.proIn_new2{ float:left; width:100%; overflow:hidden; padding:10px 0 0 0; border-bottom:1px solid #dedede;}
.proIn_new2_1{ float:left; width:100%; overflow:hidden;}
.proIn_new2_1>li{ float:left; width:100%; text-align:left; overflow:hidden; border-bottom:1px solid #dedede; padding-top:20px;}
.proIn_new2_1>li:last-child{ border-bottom:0;}
.proIn_new2_2{ float:left; width:100%; font-size:15px; font-weight:bold; color:#1d5eb3; line-height:20px; padding:15px 0;}
.proIn_new2_3{ float:left; width:94%; line-height:24px; background:#1d5eb3; clear:both; font-size:15px; font-weight:lighter; color:#7899c3; padding:5px 3%;}
.proIn_new2_4{ float:left; width:100%; overflow:hidden; font-size:13px; color:#222; line-height:30px; padding:10px 0;}
.proIn_new2_4 .span1{ color:#3165cb;}

.proIn_new3{ float:left; width:100%; overflow:hidden; margin-top:20px;}
.proIn_new3>li{ float:left; width:100%; overflow:hidden; border-top:1px dashed #dedede; padding:30px 0;}
.proIn_new3_l{ float:left; width:100%; overflow:hidden; text-align:left;}
.proIn_new3_r{ float:none; display:block; width:600px; max-width:100%; margin:0 auto;}
.proIn_new3_l1{ float:left; width:96.5%; overflow:hidden; font-size:15px; font-weight:bold; color:#1d5eb3; line-height:24px; padding-left:3.5%; background:url(../images/proIn_new2.jpg) left 6px no-repeat; background-size:auto 10px;}
.proIn_new3_l2{ float:left; width:100%; overflow:hidden; font-size:13px; color:#222; line-height:30px; margin-top:10px;}
.proIn_new3_l3{ float:left; width:100%; overflow:hidden; margin-top:10px; padding-bottom:30px;}
.proIn_new3_l3>li{ float:left; height:40px; line-height:40px; border:1px solid #1d5eb3; padding:0 10px; font-size:13px; color:#1d5eb3; margin:10px 10px 0 0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}

.proIn_new4{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #dedede;}
.proIn_new2_3 span{ color:#FFF;}
.proIn_new4_1>li{ border-bottom:1px dashed #dedede;}
.proIn_new4_2{ float:left; width:100%; overflow:hidden; border-top:1px dashed #dedede; padding:10px 0 30px 0;}
.proIn_new4_3{ float:none; display:block; width:480px; height:auto; margin:0 auto; max-width:100%;}
.proIn_new_table{ float:right; width:100%; border:1px solid #dddddd; border-collapse:collapse; margin-top:30px;}
.proIn_new_table tr th{ border:1px solid #dddddd; background:#7491c6; color:#FFF; font-size:13px; height:50px; padding:0 5px;}
.proIn_new_table tr td{ border:1px solid #dddddd; font-size:13px; color:#343434; height:30px; padding:0 5px;}
.proIn_new_table tr td:first-child{ min-width:95px; width:95px;}
.proIn_new_table tr:nth-child(odd){ background:#ebebeb;}
.proIn_new_table1 tr:nth-child(even){ background:#ebebeb;}
.proIn_new_table1 tr:nth-child(odd){ background:none;}
.proIn_new_table1 tr:nth-child(2){ background:#bbe1fd;}
.proIn_new_table1 tr td:first-child{ min-width:0; width:auto;}
.proIn_new_table2 tr:nth-child(2){ background:#bbe1fd; font-weight:bold;}
.proIn_new_table2 tr td{ height:40px;}

.proIn_new5{ float:left; width:100%; overflow:hidden;}
.proIn_new5_1{ float:left; width:100%; overflow:hidden; text-align:left; font-size:13px; color:#222; line-height:30px; padding:20px 0 30px 0;}
.proIn_new5_1 img{ display:block; margin:0 auto; max-width:100%;}

}