@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;}
div{ word-break:break-word;}
img{ border:0; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor;}
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;}

/*首页*/
.center{ width:1200px; margin:0 auto;}
.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;}

.header{ width:100%; overflow:hidden; background:#f7f7f7; border-bottom:1px solid #efefef; display:block;}
.header1{ overflow:hidden;}
.header1_l{ float:left; height:30px; line-height:30px; color:#999999;}
.header1_r{ float:right; margin-top:8px; overflow:hidden;}
.header1_r li{ float:left; height:14px; line-height:14px; padding:0 20px; border-right:1px dotted #b9b9b9;}
.header1_r li a{ color:#999999; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header1_r li a:hover{ color:#666;}

.header2{ overflow:hidden; height:109px; display:block;}
.logo{ float:left; display:block; margin-top:25px;}
.tel{ float:right; display:block; margin-top:30px;}

.header_nav{ width:100%; height:60px; background:#2383cf; display:block; position:relative; z-index:100;}
.nav{ width:1199px; height:60px; margin:0 auto; position:relative; z-index:1; border-left:1px solid #4f9cd9;}
.nav .nLi{ float:left; position:relative; display:inline; border-right:1px solid #4f9cd9;}
.nav .nLi h3{ float:left;}
.nav .nLi h3 a{ display:block; font-size:16px; font-weight:normal; width:132.2px; height:60px; line-height:60px; color:#FFF;}
.nav .sub{ display:none; width:132.2px; left:0; top:60px; position:absolute; background:#005bb2;}
.nav .sub li{ zoom:1;}
.nav .sub a{ display:block; font-size:13px; color:#FFF; line-height:20px; padding:8px 0;}
.nav .sub a:hover{ background:#2383cf; color:#FFF;}
.nav .on h3 a{ background:#005bb2; color:#fff;}
.nav .a_on{ background:#005bb2; color:#fff;}

/* banner css */
.slideBox{ width:100% !important; height:500px; overflow:hidden; position:relative; display:block;}
.slideBox .hd{ width:100%; height:17px; overflow:hidden; position:absolute; z-index:1; bottom:40px;}
.slideBox .hd ul{ overflow:hidden; zoom:1; display:inline-table;}
.slideBox .hd ul li{ display:inline-block; margin:0 12px; width:12px; height:12px; text-align:center; background:#c7c7c7; cursor:pointer; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.slideBox .hd ul li.on{ width:60px; background:#0080cc;}
.slideBox .bd{ width:100% !important; position:relative; height:100%; z-index:0;}
.slideBox .bd ul{ width:100% !important;}
.slideBox .bd ul li{ width:100% !important; height:500px; zoom:1; vertical-align:middle;}
.slideBox .prev{ position:absolute; left:20px; top:50%; margin-top:-29px; display:block; width:58px; height:58px; background:url(../images/banner_l.png) no-repeat;}
.slideBox .next{ position:absolute; right:20px; top:50%; margin-top:-29px; display:block; width:58px; height:58px; background:url(../images/banner_r.png) no-repeat;}

.mobile_bg{ display:none;}
.swiper-container{ display:none;}

.index1{ width:100%; overflow:hidden; border-bottom:1px solid #f2f2f2; padding:17px 0 15px 0;}
.index1_1{ overflow:hidden;}
.index1_l{ float:left; width:850px; overflow:hidden;}
.index1_l li{ float:left; border-right:1px dotted #bfbfbf; padding-right:10px; margin:4px 10px 4px 0; line-height:30px; font-size:14px;}
.index1_l li b{ color:#002b8b;}
.index1_l li a{ color:#999999; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_l li a:hover{ color:#666;}
.index1_l li:first-child{ border-right:none; padding-right:0; margin-right:0;}
.index1_l li:last-child{ border-right:none;}
.index1_r{ float:right; width:300px; overflow:hidden;}
.index1_r1{ float:left; width:224px; height:36px; border:1px solid #dedede; border-right:none; outline:none; padding:0 10px; font-family:"微软雅黑"; font-size:14px; color:#a0a0a0;}
.index1_r2{ float:right; width:55px; height:38px; border:none; background:#0a61af; cursor:pointer; outline:none; font-family:"微软雅黑"; font-size:13px; color:#FFF;}

.index2{ overflow:hidden; padding-top:30px;}

.index2_l{ float:left; width:380px; overflow:hidden;}
.index2_l video{ width:100%; height:260px; display:block;}
.index2_l1{ width:100%; height:100px; background:#f7f7f7;}
.index2_l2{ float:left; width:90%; margin-left:5%; overflow:hidden; margin-top:10px; line-height:28px;}
.index2_l3{ float:left; font-size:16px; color:#333; font-weight:bold; display:inline-block; width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left;}
.index2_l4{ float:right; font-size:14px; color:#2463b2;}
.index2_l5{ float:left; width:90%; margin-left:5%; line-height:24px; height:48px; color:#686868; overflow:hidden; text-align:left;}
.index2_l3:hover{ text-decoration:underline;}
.index2_l4:hover{ text-decoration:underline;}

.index2_m{ float:left; width:490px; margin-left:30px; overflow:hidden;}
.index2_m1{ float:left; width:100%; height:44px; border-bottom:1px solid #d8d8d8;}
.index2_m2{ float:left; font-size:24px; font-weight:bold; color:#353535; line-height:26px; height:42px; border-bottom:3px solid #083b7c;}
.index2_m3{ float:right; width:92px; height:32px; line-height:32px; background:#0a61af; color:#FFF; font-size:14px; -moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px;}

.swiper-container2 {
	width: 100%;
	height: 220px;
	position:relative;
	overflow:hidden;
}
.swiper-container2 .swiper-slide {
	text-align: center;
	height:auto;
	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; height:180px; padding:20px 0;}
.swiper-pagination2{ position:absolute; bottom:20px; left:0; width:267px; height:24px; background:url(../images/index2_7.png) repeat; text-align:right; z-index:10;}
.swiper-pagination2 .swiper-pagination-bullet{ background:#FFF; margin:8px 10px 0 0;}
.swiper-pagination2 .swiper-pagination-bullet-active{ background:#0080cc;}
.swiper-container2 .swiper-slide a:hover .index2_m6{ text-decoration:underline;}

.index2_m4{ float:left; display:block; width:267px; height:180px;}
.index2_m5{ float:right; width:200px; text-align:left;}
.index2_m6{ float:left; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; color:#171717; line-height:50px; height:50px;}
.index2_m7{ float:left; color:#6c6c6c; line-height:24px; height:96px; overflow:hidden;}
.index2_m8{ float:left; display:block; font-size:14px; color:#a9a9a9; line-height:16px; margin-top:18px;}

.index2_m9{ float:left; width:100%; height:78px; overflow:hidden; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:8px 0;}
.index2_m9 li{ float:left; width:100%; overflow:hidden; font-size:14px; line-height:20px; padding:3px 0;}
.index2_m9 li span{ float:left; color:#a9a9a9; display:block;}
.index2_m9 li a{ float:left; text-align:left; color:#656565; display:block; margin-left:5px; max-width:79%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index2_m9 li a:hover{ text-decoration:underline;}

.index2_r{ float:right; width:270px; height:357px; background:#f6f6f6; overflow:hidden; border-top:3px solid #083b7c;}
.index2_r1{ float:left; padding-left:14px; line-height:24px; text-align:left; margin-left:8%; font-size:18px; color:#343434; margin-top:16px; background:url(../images/index2_2.jpg) left center no-repeat;}
.index2_r2{ float:left; width:84%; margin-left:8%; overflow:hidden; margin-top:6px;}
.index2_r2 li{ float:left; width:100%; overflow:hidden; padding:15px 0 20px 0; border-bottom:1px dashed #bfbfbf;}
.index2_r2 li a{ display:block; width:100%; overflow:hidden;}
.index2_r3{ float:left; width:100%; height:24px; overflow:hidden; position:relative; background:#0a61af;}
.index2_r3 .span1{ float:left; display:block; width:10px; height:24px; background:url(../images/index2_4.jpg) no-repeat;}
.index2_r3 .span2{ position:absolute; width:80%; height:24px; line-height:24px; font-size:14px; color:#FFF; left:10%; top:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index2_r3 .span3{ float:right; display:block; width:10px; height:24px; background:url(../images/index2_5.jpg) no-repeat;}
.index2_r4{ float:left; width:100%; overflow:hidden; padding-top:15px;}
.index2_r5{ float:left; display:block; width:80px; height:75px;}
.index2_r6{ float:right; width:134px; overflow:hidden; text-align:left;}
.index2_r7{ float:left; width:100%; line-height:20px; height:60px; overflow:hidden; margin-top:-4px; color:#686868;}
.index2_r8{ float:left; line-height:14px; color:#2463b2; margin-top:4px;}
.index2_r2 li a:hover .index2_r8{ text-decoration:underline;}

.index3{ overflow:hidden; margin-top:40px; padding-bottom:40px;}

/* tab css */
.slideTxtBox{ width:100%; overflow:hidden; position:relative;}
.slideTxtBox .hd{ width:100%; min-height:42px; position:relative; overflow:hidden;}
.slideTxtBox .hd ul{ float:right; min-height:42px; overflow:hidden;}
.slideTxtBox .hd ul li{ float:left; height:30px; line-height:30px; font-size:14px; border:1px solid #eae7e7; cursor:pointer; margin-left:10px; margin-top:10px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius: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;}
.slideTxtBox .hd ul li a{ padding:0 15px; color:#7f7f7f; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.slideTxtBox .hd ul li:hover { background:#0a61af; border:1px solid #0a61af;}
.slideTxtBox .hd ul li:hover a{ color:#FFF;}
.slideTxtBox .bd ul{ width:100%; overflow:hidden;}
.slideTxtBox .bd ul li{ width:100%; overflow:hidden; position:relative;}
.slideTxtBox .bd ul li .line{ width:943px; height:2px; position:absolute; bottom:15px; left:50%; margin-left:-471px; z-index:10; background:url(../images/index3_3.jpg) no-repeat;}

.index3_1{ float:left; line-height:24px; font-size:24px; font-weight:bold; color:#353535; border-left:4px solid #083b7c; margin-top:12px; padding-left:10px;}
.index3_2{ display:block; margin:0 auto; width:96%;}
.index3_3{ height:48px; line-height:48px; font-size:14px; color:#FFF; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:94%; padding:0 3%;}

.swiper-container1{
	float:left;
	width: 100%;
	height: 260px;
	overflow:hidden;
	margin-top:30px;
	position:relative;
	padding-bottom:60px;
}
.swiper-container1 .swiper-slide{
	text-align: top;
	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-container1 .swiper-button-next1{ width:33px; height:33px; position:absolute; bottom:0; left:50%; margin-left:9px; background:url(../images/index3_2.png) #393939 center center no-repeat; cursor:pointer; z-index:100; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; -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-button-prev1{ width:33px; height:33px; position:absolute; bottom:0; left:50%; margin-left:-42px; background:url(../images/index3_1.png) #393939 center center no-repeat; cursor:pointer; z-index:100; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; -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{ display:block; width:100%; height:auto; background:#004394; padding:5px 0;}
.swiper-container1 .swiper-button-next1:hover{ background:url(../images/index3_2.png) #0a61af center center no-repeat;}
.swiper-container1 .swiper-button-prev1:hover{ background:url(../images/index3_1.png) #0a61af center center no-repeat;}

.footer{ width:100%; overflow:hidden; background:#094a98;}
.footer1{ overflow:hidden; padding:50px 0 40px 0;}
.footer_nav{ float:left; padding:0 35px 0 35px; border-right:1px solid #17549e; text-align:left; min-height:220px;}
.footer_nav1{ position:relative; font-size:14px; color:#FFF; height:30px;}
.footer_nav1 span{ position:absolute; left:0; bottom:0; width:10px; height:1px; background:#5481b7;}
.footer_nav2{ overflow:hidden;}
.footer_nav2 li{ float:left; clear:both; margin-top:15px;}
.footer_nav2 li a{ color:#9fb8d7;}
.footer_nav2 li a:hover{ text-decoration:underline;}
.footer_chat{ float:right; width:121px;}
.footer_chat img{ float:left;}
.footer_chat span{ float:left; display:block; width:100%; color:#9bb5d5; line-height:40px;}
.footer_contact{ float:left; margin-left:95px; text-align:left; width:210px;}
.footer_contact1{ float:left; width:100%; overflow:hidden; color:#FFF; line-height:16px;}
.footer_contact2{ float:left; width:100%; overflow:hidden; color:#FFF; line-height:26px; font-size:22px; font-family:"Arial";}
.footer_contact3{ float:left; display:block; width:165px; height:34px; line-height:34px; background:url(../images/qq.jpg) 15px center no-repeat #5e88bb; color:#FFF; font-weight:bold; text-align:right; padding-right:10px; margin-top:12px;}
.footer_contact .line{ float:left; clear:both; width:30px; height:2px; background:#84a4cb; margin-top:15px;}
.footer_contact4{ float:left; width:100%; overflow:hidden; color:#9bb5d5; line-height:24px; margin-top:15px;}
.footer_bottom{ width:100%; overflow:hidden; padding:15px 0; background:#094388;}
.footer_bottom1{ overflow:hidden;}
.footer_bottom2{ float:right; width:50%; text-align:right; color:#9fb6d1; line-height:24px; overflow:hidden;}
.footer_bottom2 a{ color:#9fb6d1;}
.footer_bottom2 a:hover{ text-decoration:underline;}
.link{ float:left; width:48%; overflow:hidden; margin-top:19px;}
.link li{ float:left; line-height:14px; color:#FFF; border-right:1px solid #6186b3; padding:0 10px; margin-top:10px;}
.link li:first-child{ border-right:none; padding:0;}
.link li a{ color:#FFF;}
.link li a:hover{ text-decoration:underline;}

.piaofu{ width:40px; height:205px; position:fixed; bottom:10%; right:10px; z-index:1000; display:block;}
.piaofu0{ float:left; width:40px; height:40px; margin-top:1px; cursor:pointer; position:relative; overflow:hidden;}
.piaofu1{ float:left; width:40px; height:40px; background:url(../images/piaofu1.png) center center no-repeat #2383cf; 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; z-index:10; position:relative;}
.piaofu2{ float:left; display:block; width:40px; height:40px; background:url(../images/piaofu2.png) center center no-repeat #2383cf; 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; z-index:10; position:relative;}
.piaofu3{ float:left; width:40px; height:40px; background:url(../images/piaofu3.png) center center no-repeat #2383cf; 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; z-index:10; position:relative;}
.piaofu4{ float:left; width:40px; height:40px; background:url(../images/piaofu4.png) center center no-repeat #2383cf; 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; z-index:10; position:relative;}
.piaofu5{ float:left; width:40px; height:40px; background:url(../images/piaofu5.png) center center no-repeat #2383cf; 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; z-index:10; position:relative;}
.piaofu0:hover .piaofu1{ background:url(../images/piaofu1.png) center center no-repeat #004394;}
.piaofu0:hover .piaofu2{ background:url(../images/piaofu2.png) center center no-repeat #004394;}
.piaofu0:hover .piaofu3{ background:url(../images/piaofu3.png) center center no-repeat #004394;}
.piaofu0:hover .piaofu4{ background:url(../images/piaofu4.png) center center no-repeat #004394;}
.piaofu0:hover .piaofu5{ background:url(../images/piaofu5.png) center center no-repeat #004394;}

.piaofu1_1{ position:absolute; top:0; left:-124px; width:121px; height:121px; border:1px solid #bfbfbf; 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; z-index:0;}
.piaofu1_1 img{ display:block; width:121px; height:121px;}
.piaofu3_1{ position:absolute; top:0; left:-116px; width:115px; height:40px; line-height:40px; color:#FFF; font-size:14px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; background:#004394; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.piaofu4_1{ position:absolute; top:0; left:-156px; width:155px; height:40px; line-height:40px; color:#FFF; font-size:14px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; background:#004394; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.piaofu0:hover{ overflow:visible;}
.piaofu0:hover .piaofu1_1{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.piaofu0:hover .piaofu3_1{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.piaofu0:hover .piaofu4_1{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

/* about css */
.about{ overflow:hidden; padding:30px 0 50px 0;}
.content_l{ float:left; width:285px; overflow:hidden; display:block;}
.content_r{ float:right; width:885px; overflow:hidden;}
.left_nav{ float:left; width:283px; border:1px solid #e5e5e5; margin-bottom:20px;}
.left_nav_title{ float:left; width:255px; height:60px; line-height:60px; font-size:24px; font-weight:bold; color:#FFF; text-align:left; padding-left:28px; background:url(../images/about_1.png) left center no-repeat #0a61af;}
.left_nav_list{ float:left; width:283px; overflow:hidden; text-align:left;}
.left_nav_list>li{ float:left; width:283px; min-height:49px; border-bottom:1px solid #f6f6f6; border-top:1px solid #f6f6f6;}
.left_nav_list>li>a{ display:block; width:255px; height:49px; line-height:49px; font-size:16px; padding-left:28px;}
.left_nav_setp0{ background:url(../images/left_nav2.png) 248px center no-repeat; color:#2e2e2e;}
.left_nav_setp1{ background:url(../images/left_nav1.png) 248px center no-repeat; color:#2e2e2e;}
.left_nav_setp0:hover{ color:#FFF; background:url(../images/left_nav2_1.png) 248px center no-repeat #007cc4;}
.left_nav_setp1:hover{ color:#FFF; background:url(../images/left_nav1_1.png) 248px center no-repeat #007cc4;}
.left_nav_setp1_con{ float:left; width:243px; padding:0 20px; overflow:hidden; border-top:2px solid #f6f6f6; display:none;}
.left_nav_setp1_con>li{ float:left; width:243px; overflow:hidden; border-bottom:1px solid #e5e5e5;}
.left_nav_setp1_con>li:last-child{ border-bottom:none;}
.left_nav_setp1_con>li>a{ float:left; display:block; width:243px; line-height:20px; font-size:13px; color:#666666; padding:13px 0; overflow:hidden;}
.left_nav_setp1_con>li>a:hover{ color:#0a61af;}
.left_nav_setp1_con>li>a span{ font-family:"宋体"; font-size:16px;}
.left_nav_setp0_on{ color:#FFF; background:url(../images/left_nav2_1.png) 248px center no-repeat #007cc4;}
.left_nav_setp1_on{ color:#FFF; background:url(../images/left_nav2_1.png) 248px center no-repeat #007cc4;}
.left_nav_setp2_on{ color:#0a61af !important;}
.left_nav_setp1_on:hover{ color:#FFF; background:url(../images/left_nav2_1.png) 248px center no-repeat #007cc4;}

.left_nav_setp2_con{ width:100%; overflow:hidden; padding-bottom:10px; display:none;}
.left_nav_setp2_con>li{ float:left; width:100%; overflow:hidden;}
.left_nav_setp2_con>li a{ display:block; color:#999; font-size:13px; width:100%; line-height:18px; padding:5px 0;}
.left_nav_setp2_con>li a:hover{ text-decoration:underline;}

.left_nav1{ float:left; width:285px; overflow:hidden; border-top:3px solid #083b7c; background:#f6f6f6; padding:17px 0 37px 0;}
.left_nav2{ float:left; text-align:left; font-size:18px; color:#343434; background:url(../images/index2_2.jpg) left center no-repeat; padding-left:14px; margin-left:21px; height:24px; line-height:24px;}
.left_nav3{ width:237px; overflow:hidden; margin-left:21px; margin-top:5px;}
.left_nav3 li{ float:left; width:237px; overflow:hidden; margin-top:15px;}
.left_nav3 li a{ display:block; width:237px; height:24px; line-height:24px; background:#0a61af; color:#FFF; font-size:14px; font-weight:bold;}
.left_nav3 li a .span1{ float:left; display:block; width:10px; height:24px; background:url(../images/left_nav3_1.jpg) left center no-repeat;}
.left_nav3 li a .span2{ float:left; display:block; width:207px; height:24px; margin-left:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.left_nav3 li a .span3{ float:right; display:block; width:10px; height:24px; background:url(../images/left_nav3_2.jpg) left center no-repeat;}

.postion{ float:left; width:100%; min-height:50px; height:50px; border-bottom:1px solid #d8d8d8; overflow:visible;}
.postion1{ float:left; font-size:30px; font-weight:bold; color:#353535; line-height:30px; height:50px; position:relative;}
.postion1 span{ position:absolute; width:120px; height:3px; background:#083b7c; bottom:-1px; left:0;}
.postion2{ float:right; line-height:20px; font-size:14px; color:#999999; background:url(../images/postion.png) left center no-repeat; padding-left:23px; margin-top:14px;}
.postion2 a{ color:#999999;}
.postion2 span{ color:#333;}
.postion2 a:hover{ text-decoration:underline;}

.content_r1{ width:100%; overflow:hidden; padding:50px 0 0 0; text-align:left; font-size:14px; color:#333; line-height:28px;}
.content_r1 img{ display:block; max-width:100%; margin:0 auto;}

/* about1 css */
.about_content{ width:100%; overflow:hidden; padding:50px 0 0 0;}
.about_content .title{ display:block; margin:0 auto;}
.about_content1{ float:left; width:100%; overflow:hidden; padding:50px 0 0 0;}
.about_content1_1{ float:left; width:410px; overflow:hidden; text-align:left; font-size:14px; color:#333; line-height:28px;}
.about_content1_2{ float:right; display:block; width:443px;}

.about_content_title{ float:left; width:100%; height:43px; border-bottom:1px solid #dcdcdc; text-align:left; position:relative; margin-top:40px; font-size:24px; color:#007ccd; line-height:24px;}
.about_content_title span{ position:absolute; width:97px; height:3px; background:#0366bb; left:0; bottom:-1px;}

.about_content2{ float:left; width:99.8%; overflow:hidden; height:223px; border:1px solid #dedede; margin-top:30px;}
.about_map1{ width:50%; height:223px; float:right;}
.about_content2_1{ width:44%; float:left; padding:0 3%; text-align:left;}
.about_content2_2{ width:100%; float:left; font-size:18px; color:#666666; line-height:24px; border-bottom:1px solid #d0d0d0; padding:25px 0;}
.about_content2_3{ width:100%; float:left; overflow:hidden; margin-top:15px;}
.about_content2_3 li{ float:left; width:93%; overflow:hidden; font-size:14px; color:#666666; line-height:20px; padding:8px 0 8px 7%;}
.about_content2_4{ background:url(../images/about1_3.jpg) left 11px no-repeat;}
.about_content2_5{ background:url(../images/about1_4.jpg) 1px 10px no-repeat;}
.about_content2_6{ background:url(../images/about1_5.jpg) 3px 10px no-repeat;}

.about_content3{ float:left; width:100%; overflow:hidden; margin-top:20px;}
.about_content3 li{ float:left; width:15.59%; margin-right:1.26%; margin-top:10px;}
.about_content3 li:nth-child(6n){ margin-right:0;}
.about_content3 li a{ display:block; width:100%;}
.about_content3 li a img{ display:block; width:100%;}

.about_content4{ float:left; width:100%; overflow:hidden; margin-top:20px;}
.about_content4 li{ float:left; width:23.7%; margin-right:1.2%; margin-top:10px; border:1px solid #dedede;}
.about_content4 li:nth-child(4n){ margin-right:0;}
.about_content4 li a{ display:block; width:100%;}
.about_content4_1{ display:block; width:100%;}
.about_content4_2{ width:90%; height:36px; line-height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:#dedede; color:#525252; padding:0 5%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;}
.about_content4 li a:hover .about_content4_2{ background:#007ccd; color:#FFF;}

/* about4 css */
.electronic{ float:left; width:90%; margin-left:5%; overflow:hidden;}
.electronic1{ float:left; font-size:14px; width:320px; overflow:hidden;}
.electronic2{ float:left; width:100%; overflow:hidden; color:#094a98;}
.electronic3{ float:left; width:100%; overflow:hidden; font-size:30px; font-weight:bold; color:#094a98; line-height:40px;}
.electronic4{ float:left; width:100%; overflow:hidden; margin-top:10px;}
.electronic5{ float:left; display:block; margin:50px 20px 0 20px !important;}
.electronic6{ float:right; width:180px; border-left:1px solid #e5e5e5; padding:15px 0 5px 0;}
.electronic7{ float:right; border:1px solid #d9d9d9; display:block;}
.electronic8{ float:right; line-height:30px; margin-top:5px;}

.map{ width:90%; height:500px; border:1px solid #cccccc; float:left; margin:50px 0 0 5%;}
.map img{ max-width:inherit;}

/* pro css */
.pro_list{ width:100%; overflow:hidden;}
.pro_list li{ float:left; width:32.6%; margin-right:1%; margin-top:40px;}
.pro_list li:nth-child(3n){ margin-right:0;}
.pro_list li a{ background:#004394; display:block; width:100%; overflow:hidden; padding:6px 0;}
.pro_list1{ display:block; overflow:hidden; width:95%; margin:0 auto;}
.pro_list1 img{ display:block; width:100%; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.pro_list2{ width:95%; padding:0 2.5%; line-height:46px; height:46px; color:#FFF; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px;}
.pro_list li a:hover .pro_list1 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);}
.page{ width:100%; min-height:40px; overflow:hidden; text-align:right; padding-top:30px;}
.page a{ display:inline-block; height:40px; line-height:40px; font-size:16px; color:#999999; border:1px solid #c8c8c8; cursor:pointer; padding:0 15px; margin:10px 3px 0 3px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.page span{ display:inline-block; height:40px; line-height:40px; font-size:16px; color:#999999; border:1px solid #c8c8c8; cursor:pointer; padding:0 15px; margin:10px 3px 0 3px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.page a:hover{ background:#004394; border:1px solid #004394; color:#FFF;}
.page span:hover{ background:#004394; border:1px solid #004394; color:#FFF;}

/* proIn css */
.proIn{ width:100%; overflow:hidden; padding:40px 0 0 0;}
.proIn1{ float:left; width:443px; height:336px; background:#004394;}
.proIn1 img{ display:block; width:423px; height:316px; border:1px solid #a5bdd9; margin:9px auto 0 auto;}
.proIn2{ float:right; width:410px; overflow:hidden;}
.proIn3{ float:left; width:100%; overflow:hidden; font-size:26px; color:#000; text-align:left; line-height:40px;}
.proIn4{ float:left; width:100%; overflow:hidden; font-size:16px; color:#323232; text-align:left; line-height:28px; margin-top:20px;}
.proIn5{ float:left; width:100%; overflow:hidden;}
.proIn5 a{ float:left; margin-right:15px; margin-top:20px; display:block; width:150px; height:30px; line-height:30px; background:#0064b2; font-size:14px; color:#FFF;}
.proIn6{ float:left; width:100%; overflow:hidden; text-align:left; font-size:16px; font-weight:bold; color:#000; line-height:30px; margin-top:20px;}
.proIn6 span{ font-size:24px; color:#094a98; vertical-align:middle; font-family:"Verdana";}

/* 本例子css */
.slideTxtBox1{ float:left; margin-top:50px; width:100%; overflow:hidden;}
.slideTxtBox1 .hd{ float:left; width:100%; height:34px; overflow:hidden; border-bottom:1px solid #d8d8d8; position:relative;}
.slideTxtBox1 .hd ul{ float:left; height:34px; overflow:hidden;}
.slideTxtBox1 .hd ul li{ float:left; width:140px; height:32px; line-height:32px; font-size:16px; color:#0064b2; border:1px solid #0064b2; cursor:pointer; margin-right:10px;}
.slideTxtBox1 .hd ul li.on{ background:#0064b2; color:#FFF;}
.slideTxtBox1 .bd{ float:left; width:100%; overflow:hidden;}
.slideTxtBox1 .bd ul{ float:left; width:100%; overflow:hidden; zoom:1;}
.slideTxtBox1 .bd ul li{ float:left; width:100%; overflow:hidden; text-align:left; padding-top:30px; font-size:14px; color:#333; line-height:28px;}
.slideTxtBox1 .bd ul li img{ display:block; max-width:100%;}

.pageIn{ float:left; width:100%; overflow:hidden; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; margin-top:50px; position:relative; padding:13px 0 25px 0;}
.pageIn1{ float:left; clear:both; font-size:14px; color:#555555; line-height:20px; margin-top:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:75%; text-align:left;}
.pageIn1 a{ color:#555555;}
.pageIn1 a:hover{ text-decoration:underline;}
.pageIn2{ position:absolute; right:5px; top:28px; text-align:left; width:85px; padding-left:45px; height:42px; line-height:42px; background:url(../images/proIn3.jpg) 25px center no-repeat #0a61af; font-size:14px; color:#FFF; -moz-border-radius:21px; -webkit-border-radius:21px; border-radius:21px;}

.recommend{ float:left; width:100%; overflow:hidden; margin-top:50px;}
.recommend_title{ float:left; width:100%; height:36px; border-bottom:1px solid #d8d8d8;}
.recommend_title1{ float:left; height:35px; border-bottom:2px solid #0a61af; font-size:20px; line-height:20px; font-weight:bold; color:#333;}
.recommend_title a{ float:right; line-height:26px; font-size:14px; color:#0a61af;}
.recommend_title a:hover{ text-decoration:underline;}
.recommend_List{ float:left; width:100%; overflow:hidden;}
.recommend_List li{ float:left; width:24.2%; margin-right:1%; margin-top:30px; background:#004394;}
.recommend_List li:nth-child(4n){ margin-right:0;}
.recommend_List li a{ display:block; width:100%; overflow:hidden; padding-bottom:5px;}
.recommend_List1{ width:94%; overflow:hidden; margin:6px auto 0 auto;}
.recommend_List1 img{ display:block; width:100%;}
.recommend_List2{ width:90%; padding:0 5%; height:36px; line-height:36px; color:#FFF; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* honor css */
.honor_list{ float:left; width:100%; overflow:hidden; margin-top:15px;}
.honor_list li{ float:left; width:32.3%; margin-right:1%; margin-top:30px; border:1px solid #eeeeee; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.honor_list li:nth-child(3n){ margin-right:0;}
.honor_list1{ display:block; width:100%; overflow:hidden; outline:none;}
.honor_list2{ float:left; width:100%; overflow:hidden;}
.honor_list2 img{ display:block; width:100%; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.honor_list3{ float:left; width:90%; padding:0 5%; height:69px; line-height:69px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; color:#666666; background:#eeeeee; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.honor_list li:hover{ border:1px solid #004394;}
.honor_list li:hover 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);}
.honor_list li:hover .honor_list3{ background:#004394; color:#FFF;}

/* case css */
.caes_list{ float:left; width:100%; overflow:hidden; margin-top:15px;}
.caes_list li{ float:left; margin-top:30px; border:1px solid #eeeeee; width:31.6%; margin-right:2%;}
.caes_list li:nth-child(3n){ margin-right:0;}
.caes_list1{ width:94%; overflow:hidden; margin:8px auto}
.caes_list1 img{ display:block; width:100%; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.caes_list2{ width:90%; padding:0 5%; height:50px; line-height:50px; font-size:16px; color:#666; background:#eeeeee; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.caes_list li:hover 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);}

/* news css */
.news{ width:100%; overflow:hidden;}
.news1{ float:left; margin-top:50px; display:block; width:100%; overflow:hidden; border-bottom:1px dashed #e5e5e5; padding-bottom:30px;}
.news1 img{ float:left; display:block; width:222px; height:133px;}
.news2{ float:right; width:640px; text-align:left;}
.news3{ float:left; width:100%; height:20px; line-height:20px; font-size:16px; color:#171717; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news4{ float:left; width:100%; overflow:hidden; color:#6c6c6c; line-height:24px; height:72px; margin-top:10px;}
.news5{ float:left; font-size:14px; color:#a9a9a9; line-height:20px; margin-top:12px;}
.news_list{ float:left; width:100%; overflow:hidden;}
.news_list li{ float:left; width:100%; overflow:hidden; border-bottom:1px dashed #e5e5e5; background:url(../images/news1.jpg) left center no-repeat; padding:15px 0; text-align:left;}
.news_list li a{ float:left; font-size:14px; color:#656565; display:inline-block; height:20px; line-height:20px; margin-left:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:80%;}
.news_list li span{ float:right; height:20px; line-height:20px; font-size:14px; color:#a9a9a9;}
.news_list li a:hover{ text-decoration:underline;}
.news1:hover .news3{ text-decoration:underline;}

/* newsIn css */
.newsIn{ width:100%; overflow:hidden;}
.newsIn1{ width:94%; padding:0 3%; overflow:hidden; font-size:24px; color:#555555; line-height:30px; margin-top:40px;}
.newsIn2{ width:94%; padding:10px 3%; overflow:hidden; font-size:14px; color:#999999; line-height:20px; border-bottom:1px solid #d8d8d8;}
.newsIn3{ width:100%; overflow:hidden; font-size:14px; color:#333; line-height:24px; text-align:left; padding-top:30px;}
.newsIn3 img{ display:block; margin:0 auto; max-width:100%;}

.recommend_txt_list{ margin-top:10px;}
.recommend_txt_list li{ padding:7px 0;}

/* recruit css */
.recruit{ width:100%; overflow:hidden;}
.recruit1{ float:left; width:99%; overflow:hidden; margin-top:40px; border:1px solid #eee;}
.recruit2{ float:left; display:block; width:420px;}
.recruit3{ float:right; width:408px; margin-right:20px; text-align:left; overflow:hidden;}
.recruit4{ float:left; width:100%; overflow:hidden; font-size:24px; font-weight:bold; height:72px; line-height:70px; position:relative;}
.recruit4 span{ position:absolute; bottom:0; left:0; width:60px; height:2px; background:#555555;}
.recruit5{ float:left; width:100%; line-height:30px; height:120px; overflow:hidden; font-size:14px; color:#666666; margin-top:15px;}

.recruit_table{ float:left; width:100%; margin-top:30px;}
.recruit_table th{ background:#005ea8; font-size:16px; color:#FFF; font-weight:normal; height:43px;}
.recruit_table td{ font-size:14px; color:#000; border-bottom:1px solid #eeeeee;}

.recruit_table th:nth-child(1){ text-align:left; width:380px; padding:0 20px;}
.recruit_table th:nth-child(2){ text-align:center; width:120px; padding:0 20px;}
.recruit_table th:nth-child(3){ text-align:center; width:120px; padding:0 20px;}
.recruit_table th:nth-child(4){ text-align:center; width:130px; padding:0 20px;}
.recruit_table th:nth-child(5){ text-align:center; width:40px; padding:0 20px;}
.recruit_table td{ padding:0 20px;}

.recruit_table1{ cursor:pointer;}
.recruit_table1{ height:56px;}
.recruit_table2{ width:100%;}
.recruit_table2 td{ background:#f7f7f7; border-bottom:0;}
.recruit_table2_1{ width:100%; overflow:hidden; text-align:left; padding:20px 0; line-height:30px; color:#707070;}
.recruit_table2_1 b{ color:#005ea8;}
.recruit_table2_2{ width:100%; overflow:hidden; border-top:1px solid #e5e5e5; padding:20px 0; text-align:left;}
.recruit_table2_3{ float:left; line-height:20px; border-left:2px solid #094a98; padding:0 10px; margin-top:8px;}
.recruit_table2_4{ float:left; line-height:20px; border-left:2px solid #094a98; padding:0 10px; margin-left:10px; margin-top:8px;}
.recruit_table2_4 span{ color:#094a98;}
.recruit_table2_5{ float:right; width:130px; height:36px; line-height:36px; background:#0a61af; color:#FFF; text-align:center;}

.recruit_close{ width:23px; height:13px; background:url(../images/recruit2_1.jpg) no-repeat;}
.recruit_open{ background:url(../images/recruit2.jpg) no-repeat;}
.recruit_table3{ display:none;}

/* online css */
.online{ width:700px; margin:0 auto; overflow:hidden;}
.online_top{ float:left; width:86%; overflow:hidden; text-align:left; background:url(../images/online1.jpg) left 50px no-repeat; padding:50px 0 30px 14%; text-align:left; border-bottom:1px solid #d8d8d8;}
.online_top1{ float:left; width:100%; font-size:16px; font-weight:bold; color:#005ea8; line-height:24px;}
.online_top2{ float:left; width:100%; overflow:hidden; font-size:14px; color:#333; line-height:24px; margin-top:10px;}
.online_top2 span{ font-weight:bold; color:#ff0000;}

.online1{ float:left; width:100%; overflow:hidden; text-align:left; padding-top:15px;}
.online .span1{ display:inline-block; width:80px; text-align:right; font-size:16px; color:#666; height:44px; line-height:44px; margin-top:15px; vertical-align:top;}
.online .span2{ display:inline-block; width:26px; color:#ff1111; text-align:center; font-weight:bold; font-size:16px;}
.online .span3{ display:inline-block; height:44px; line-height:44px; margin-top:15px; font-size:16px; color:#333; margin-right:25px;}
.online .input1{ display:inline-block; width:368px; height:42px; line-height:42px; border:1px solid #cacaca; outline:none; padding:0 15px; font-family:"微软雅黑"; font-size:16px; color:#666; margin-top:15px;}
.online .input2{ cursor:pointer; vertical-align:middle;}
.online .input3{ display:inline-block; width:230px; height:42px; line-height:42px; border:1px solid #cacaca; outline:none; padding:0 15px; font-family:"微软雅黑"; font-size:16px; color:#666; margin-top:15px;}
.online .textarea1{ width:568px; height:168px; border:1px solid #cacaca; margin-top:15px; font-family:"微软雅黑"; font-size:16px; color:#666; line-height:42px; padding:0 15px; outline:none;}
.online .button1{ width:180px; height:44px; background:#0172c2; border:0; cursor:pointer; font-family:"微软雅黑"; font-size:16px; color:#FFF; margin-top:30px; display:inline-block; margin-right:20px; outline:none;}
.online .button2{ width:180px; height:44px; background:#616161; border:0; cursor:pointer; font-family:"微软雅黑"; font-size:16px; color:#FFF; margin-top:30px; display:inline-block; outline:none;}
.valid_code1_img{ width:120px; height:44px; vertical-align:top; margin-top:15px; cursor:pointer;}
.showMessage_txt{}

/* contact css */
.contact{ width:100%; overflow:hidden;}
.contact1{ width:100%; overflow:hidden; border-bottom:1px dashed #e5e5e5; padding:30px 0;}
.contact2{ float:left; width:480px; overflow:hidden; text-align:left;}
.contact3{ float:left; width:100%; overflow:hidden; font-size:24px; font-weight:bold; color:#094a98; line-height:30px;}
.contact4{ float:left; width:100%; overflow:hidden; color:#e0e0e0; line-height:20px;}
.contact5{ float:left; width:100%; overflow:hidden; margin-top:15px;}
.contact5 li{ float:left; width:94%; overflow:hidden; font-size:14px; color:#666; line-height:24px; padding:8px 0 8px 6%;}
.contact6{ background:url(../images/about1_3.jpg) 0px 13px no-repeat;}
.contact7{ background:url(../images/about1_4.jpg) 1px 12px no-repeat;}
.contact8{ background:url(../images/about1_5.jpg) 3px 12px no-repeat;}
.contact9{ float:right; display:block; width:300px; height:175px;}

.contact_table{ float:left; width:99.9%; margin-top:30px; border-collapse:collapse; text-align:left;}
.contact_table th{ border:1px solid #007cc4; background:#007cc4; color:#FFF; font-weight:normal; padding:5px 20px; line-height:20px;}
.contact_table td{ border:1px solid #e5e5e5; padding:5px 20px; line-height:20px;}
.contact_table td:nth-child(1){ width:130px;}
.contact_table td:nth-child(2){ width:310px;}
.contact_table td:nth-child(3){ width:130px;}
.contact_table td:nth-child(4){ width:130px;}
.contact_table tr:nth-child(even){ background:#efefef;}

/* download css */
.download{ float:left; width:100%; overflow:hidden; margin-top:35px;}
.download li{ float:left; width:100%; overflow:hidden; border-bottom:1px dashed #e9e9e9; background:url(../images/news1.jpg) left center no-repeat; line-height:20px; padding:10px 0; text-align:left;}
.download li a{ float:right; color:#ff0000; font-size:14px;}
.download li a:hover{ text-decoration:underline;}
.download li span{ float:left; font-size:14px; color:#656565; margin-left:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:80%;}