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

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

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

.mobile_bg{ width:100%; overflow:hidden; display:block; background:#FFF;}
.mobile_nav{ width:100%; overflow:hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; padding:15px 0 10px 0; text-align:left;}
.mobile_logo{ display:inline-block; height:40px; margin-left:3%;}

.search_open{ display:block; float:right; width:40px; height:40px; background:url(../images/header8_2.png) center center no-repeat; margin-right:8%;}
.search_bg{ width:100%; height:100%; position:fixed; z-index:9999999; background-color:rgba(9,22,42,.9); top:-100%; 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; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.search_bg_on{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; top:0;}
.search_close{ width:30px; height:30px; background:url(../images/close.png) center center no-repeat; cursor:pointer; position:absolute; right:25px; top:20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.search_close:hover{ background:url(../images/close1.png) center center no-repeat;
transform:rotate(180deg);
-ms-transform:rotate(180deg); 	/* IE 9 */
-moz-transform:rotate(180deg); 	/* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg);
}
.search{ position:absolute; top:50%; margin-top:-48px; left:0; margin-left:5%; width:90%; height:45px; padding:24px 0; border-bottom:3px solid #005ab9; overflow:hidden;}
.search1{ float:left; width:95%; height:45px; border:0; outline:none; font-family:"Arial"; font-size:35px; color:#e9eaec; background:none;}
.search2{ float:left; width:5%; height:45px; border:0; background:url(../images/header8_1.png) center center no-repeat; cursor:pointer; outline:none;}

.search input:-webkit-input-placeholder { color:#e9eaec;}
.search input::-webkit-input-placeholder { color:#e9eaec;}
.search input:-moz-placeholder { color:#e9eaec; opacity:1 !important;}
.search input::-moz-placeholder{ color:#e9eaec; opacity:1 !important;}
.search input:-ms-input-placeholder { color:#e9eaec;}

.mobile_nav_in{ width:100%; overflow:hidden; float:left; display:none; background:#FFF; text-align:left;}
.mobile_nav_in>li{ float:left; width:100%; min-height:50px; border-bottom:1px solid #ccc;}
.mobile_nav_in>li>a{ float:left; display:block; width:92%; padding:0 4%; height:50px; line-height:50px; color:#313131; font-size:14px; font-weight:bold;}
.mobile_nav_in>li>a>span{ float:right; width:10px; height:5px; background:url(../images/header7.png) no-repeat; margin-top:22.5px;}
.mobile_nav_in1{ float:left; width:100%; border:none; height:50px; outline:none; font-size:14px;}
.mobile_nav_in2{ float:left; width:20%; border:none; height:50px; outline:none; background:url(../images/index2.jpg) center center #d9d9d9 no-repeat;}

.mobile_nav_step1{}
.mobile_nav_step2{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step2>li{ float:left; margin-left:4%; width:96%; min-height:50px; border-top:1px solid #ccc;}
.mobile_nav_step2>li>a{ float:left; display:block; width:95.8%; padding:0 4.2% 0 0; height:50px; line-height:50px; color:#313131; font-size:14px;}
.mobile_nav_step2>li>a>span{ float:right; width:10px; height:5px; background:url(../images/header7.png) no-repeat; margin-top:22.5px;}

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

.header_mobile1{ width:33px; height:33px; position:absolute; right:3%; bottom:15px;}
.header_mobile1 .span1{ display:block; height:3px; background:#005ab9; 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:#005ab9; 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:#005ab9; 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);
}

.slideBox{ display:none;}

.swiper-container {
	width: 100%;
	height: 100%;
	display:block;
	position:relative;
}
.pc{ display:none !important;}
.mobile{ display:block !important;}

.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{ bottom:30px;}
.swiper-container .swiper-pagination-bullet{ background:#c3c3c3; width:10px; height:10px; margin:0 10px !important; border:2px solid #FFF;}
.swiper-container .swiper-pagination-bullet-active{ background:#005ab9;}

.swiper-button-next{ display:none;}
.swiper-button-prev{ display:none;}
.swiper-container:hover .prev{ display:none;}
.swiper-container:hover .next{ display:none;}
.swiper-button-next:hover{ display:none;}
.swiper-button-prev:hover{ display:none;}

.index_title{ width:100%; overflow:hidden;}
.index_title1{ width:100%; overflow:hidden; font-size:24px; line-height:34px;}
.index_title2{ width:100%; overflow:hidden; font-size:16px; line-height:26px; margin-top:10px;}
.color_fff{ color:#FFF !important;}

.index1{ width:100%; overflow:hidden; background:#061a34;}
.index1_1{ width:94%; margin:0 auto; overflow:hidden; padding:50px 0;}
.index1_2{ width:100%; overflow:hidden; margin-top:20px;}
.index1_2 li{ float:left; margin-top:30px; overflow:hidden; width:31.33%; margin-right:3%;}
.index1_2 li:nth-child(3n){ margin-right:0;}
.index1_2 li a{ display:block; width:100%; overflow:hidden;}
.index1_3{ width:96%; padding:0 2%; height:60px; line-height:60px; background:#002a5d; font-size:16px; font-weight:bold; color:#FFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index1_4{ width:100%; overflow:hidden; margin-top:10px;}
.index1_4 img{ display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_2 li a: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);}

.index1_5{ width:100%; overflow:hidden; border-top:1px solid #526374; border-bottom:1px solid #526374; margin-top:50px; padding:50px 0 50px 0;}
.index1_5_l{ float:left; width:48.5%; overflow:hidden; text-align:left;}
.index1_5_l1{ float:left; width:100%; overflow:hidden; font-size:24px; font-weight:bold; color:#FFF; line-height:34px;}
.index1_5_l2{ float:left; width:100%; overflow:hidden; font-size:16px; color:#FFF; line-height:28px; margin-top:30px;}
.index1_5_l3{ float:left; overflow:hidden; width:160px; padding-left:40px; height:40px; line-height:40px; background:url(../images/index1_7.png) 120px center no-repeat #005ab9; font-size:14px; color:#FFF; margin-top:25px; display:block; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
.index1_5_r{ float:right; width:48.5%; height:300px;}

.swiper-container1 {
	width: 100%;
	height: auto;
	margin: 50px auto 0 auto;
	overflow:hidden;
}
.swiper-container1 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container1 .swiper-slide a{ display:block; width:100%; overflow:hidden;}
.index1_6{ display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_7{ position:absolute; top:0; left:0; width:90%; padding:30% 5% 0 5%; height:70%; background:url(../images/index1_10.png) repeat; z-index:10; color:#FFF; font-size:16px; font-weight:bold; line-height:28px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; 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;}
.swiper-container1 .swiper-slide a:hover .index1_6{ -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);}
.swiper-container1 .swiper-slide a:hover .index1_7{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

.index2{ width:100%; overflow:hidden; background:#eae9e9;}
.index2_1{ width:94%; margin:0 auto; overflow:hidden; padding:50px 0 50px 0;}
.swiper-container2 {
	width: 100%;
	height: auto;
	margin: 50px auto 0 auto;
	overflow:hidden;
}
.swiper-container2 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: none;
	
	/* 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 img{ display:block; border:2px solid #c3c3c3; max-width:98%;}
.swiper-container2 .swiper-pagination2{ margin-top:50px;}
.swiper-container2 .swiper-pagination-bullet{ background:#c3c3c3; width:10px; height:10px; margin:0 10px !important; border:2px solid #FFF;}
.swiper-container2 .swiper-pagination-bullet-active{ background:#005ab9;}

.index3{ width:100%; overflow:hidden; background:#f2f1f1;}
.index3_1{ width:94%; margin:0 auto; overflow:hidden; padding:50px 0 50px 0;}
.index3_2{ width:99%; overflow:hidden; padding:10px 0.5%;}
.index3_2 li{ float:left; width:31.66%; margin-top:40px; margin-right:2.5%; background:#FFF; -webkit-box-shadow:0px 1px 10px #000; -moz-box-shadow:0px 1px 10px #000; box-shadow:0px 1px 10px #e2e2e2;}
.index3_2 li:nth-child(3n){ margin-right:0;}
.index3_2 li a{ display:block; width:84%; padding:0 8% 30px 8%; overflow:hidden; text-align:left; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index3_3{ float:left; font-size:14px; color:#191819; border-bottom:2px solid #999999; height:27px; line-height:14px; margin-top:27px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index3_4{ float:left; width:100%; overflow:hidden; clear:both; font-size:20px; font-weight:bold; color:#111111; line-height:30px; margin-top:13px; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index3_5{ float:left; width:100%; overflow:hidden; font-size:17px; color:#666; line-height:24px; height:72px; margin-top:5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index3_6{ float:left; width:100%; overflow:hidden; font-size:14px; color:#999999; background:url(../images/index2_3.png) right center no-repeat; line-height:24px; margin-top:30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index3_2 li a:hover{ background:#005ab9;}
.index3_2 li a:hover .index3_3{ color:#FFF; border-bottom:2px solid #FFF;}
.index3_2 li a:hover .index3_4{ color:#FFF;}
.index3_2 li a:hover .index3_5{ color:#FFF;}
.index3_2 li a:hover .index3_6{ color:#FFF; background:url(../images/index1_7.png) right center no-repeat;}

.footer{ width:100%; overflow:hidden;}
.footer_feedback{ width:100%; overflow:hidden; background:#333333; padding:27px 0 22px 0;}
.footer_feedback1{ max-width:100%; width:640px; margin:0 auto; overflow:hidden;}
.footer_feedback1 .tel{ float:left; display:none;}
.footer_feedback1 .input1{ float:left; width:260px; padding:0 40px 0 15px; height:48px; border:0; background:url(../images/footer1.png) 285px center no-repeat #FFF; margin-left:0; outline:none; font-size:14px; color:#666; font-family:"微软雅黑"; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.footer_feedback1 .input2{ float:left; width:255px; padding:0 45px 0 15px; height:48px; border:0; background:url(../images/footer2.png) 280px center no-repeat #FFF; margin-left:10px; outline:none; font-size:14px; color:#666; font-family:"微软雅黑"; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.footer_feedback1 .input3{ float:left; width:610px; padding:0 15px; height:48px; border:0; background:#FFF; margin-left:0; outline:none; font-size:14px; color:#666; font-family:"微软雅黑"; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-top:20px;}
.footer_feedback1 .input4{ float:left; width:205px; padding:0 15px; height:48px; border:0; background:#FFF; margin-left:0; outline:none; font-size:14px; color:#666; font-family:"微软雅黑"; -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; margin-top:20px;}
.footer_feedback1 .img1{ float:left; display:block; width:80px; height:48px; cursor:pointer; margin-left:0; -webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; margin-top:20px;}
.footer_feedback1 .button1{ float:left; width:315px; height:48px; border:0; cursor:pointer; margin-left:10px; background:#f12c27; font-size:16px; font-weight:bold; color:#FFF; font-size:14px; font-family:"微软雅黑"; outline:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-top:20px;}

.footer_top{ width:100%; overflow:hidden; background:#414042; padding:80px 0 50px 0; display:none;}
.footer_top1{ width:94%; margin:0 auto; overflow:hidden;}
.footer_top2{ float:left; height:42px; line-height:42px; font-size:22px; font-weight:bold; color:#FFF; background:url(../images/footer4.png) right center no-repeat; padding-right:80px;}
.footer_top3{ float:right;}
.footer_top3 li{ float:left; margin-left:25px;}
.footer_top3 li a{ font-size:15px; color:#FFF; display:block; line-height:42px;}
.footer_top3 li a:hover{ text-decoration:underline;}

.footer_mid{ width:100%; overflow:hidden; background:url(../images/footer3.jpg) repeat-x top left #414042; padding:50px 0 30px 0;}
.footer_mid1{ width:94%; margin:0 auto; overflow:hidden; font-size:16px; color:#FFF; line-height:24px;}
.footer_mid2{ float:left; text-align:left; max-width:40%;}
.footer_mid3{ float:right; text-align:left; max-width:57%;}

.footer_bot{ width:100%; overflow:hidden; background:#005ab9; padding:13px 0;}
.footer_bot1{ width:94%; margin:0 auto; overflow:hidden; font-size:14px; line-height:24px; color:#FFF;}
.footer_bot2{ float:left; overflow:hidden;}
.footer_bot2 a{ color:#FFF;}
.footer_bot2 a:hover{ text-decoration:underline;}
.footer_bot3{ float:right; overflow:hidden; color:#FFF;}
.footer_bot3:hover{ text-decoration:underline;}

.banner{ display:none;}
.banner_mobile{ display:block; width:100%; overflow:hidden;}
.banner_mobile img{ display:block; width:100%;}

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

/* about css */
.about{ width:100%; overflow:hidden; padding-top:50px;}
.about1{ width:94%; margin:0 auto; text-align:left; font-size:24px; font-weight:bold; color:#191819; line-height:48px;}
.about2{ width:100%; background:#f2f1f1;}
.about3{ width:94%; margin:30px auto 0 auto; text-align:left; font-size:16px; color:#333; line-height:28px; padding:50px 0;}
.about3 img{ display:block; margin:0 auto; max-width:100%;}
.surround{ float:right; display:block; margin-top:-125px !important; margin-left:3% !important; margin-bottom:10px; max-width:50% !important;}

/* news css */
.news1{ width:100%; overflow:hidden; background:#f2f1f1; margin-top:30px; padding:40px 0;}
.news1_1{ display:block; width:528px; overflow:hidden; margin:0 auto; border:1px solid #dddddd; background:#FFF;}
.news1_2{ float:left; width:528px; height:auto; overflow:hidden;}
.news1_2 img{ display:block; width:528px; height:auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news1_3{ float:left; width:468px; height:312px; overflow:hidden; text-align:left; padding:0 30px; background:url(../images/index2_3.png) 30px 260px no-repeat;}
.news1_4{ float:left; width:100%; overflow:hidden; font-size:24px; font-weight:bold; color:#333; line-height:30px; height:60px; margin-top:40px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news1_5{ float:left; width:100%; overflow:hidden; font-size:16px; color:#999999; line-height:26px; margin-top:5px;}
.news1_6{ float:left; width:100%; overflow:hidden; font-size:17px; color:#666666; line-height:24px; margin-top:20px; height:72px;}
.news1_1:hover .news1_2 img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.news1_1:hover .news1_4{ color:#005ab9;}

.news2{ width:94%; margin:0 auto; overflow:hidden; padding-top:40px;}
.news2_1{ width:100%; overflow:hidden;}
.news2_1 li{ width:100%; overflow:hidden; border-bottom:1px solid #eeeeee;}
.news2_1 li a{ display:block; width:100%; overflow:hidden; padding:40px 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;}
.news2_2{ float:left; width:65%; overflow:hidden; margin-left:3%; text-align:left;}
.news2_3{ float:left; width:100%; overflow:hidden; font-size:24px; font-weight:bold; color:#111111; line-height:34px; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news2_4{ float:left; width:100%; overflow:hidden; font-size:17px; color:#707070; line-height:24px; height:48px; margin-top:10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news2_5{ float:right; width:20%; padding-left:3%; height:85px; overflow:hidden; margin-right:3%; border-left:1px solid #eaeaea; background:url(../images/news3.png) right center no-repeat; text-align:left; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news2_6{ float:left; width:100%; font-size:35px; color:#004c82; line-height:55px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news2_7{ float:left; width:100%; font-size:16px; color:#9a9a9a; line-height:26px; margin-left:10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news2_1 li a:hover{ background:#003974;}
.news2_1 li a:hover .news2_3{ color:#FFF;}
.news2_1 li a:hover .news2_4{ color:#FFF;}
.news2_1 li a:hover .news2_5{ border-left:1px solid #FFF; background:url(../images/news3_1.png) right center no-repeat;}
.news2_1 li a:hover .news2_6{ color:#FFF;}
.news2_1 li a:hover .news2_7{ color:#FFF;}

.page{ width:100%; padding:50px 0 60px 0; font-size:17px; max-width:100%;}
.page span{ display:inline-block; color:#999999; line-height:38px; border:1px solid #c8c8c8; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:0 15px; cursor:pointer; margin:10px 3px 0 3px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.page a{ display:inline-block; color:#999999; line-height:38px; border:1px solid #c8c8c8; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:0 15px; margin:10px 3px 0 3px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.page span:hover{ background:#002a5d; color:#FFF; border:1px solid #002a5d;}
.page a:hover{ background:#002a5d; color:#FFF; border:1px solid #002a5d;}

/* newsIn css */
.newsIn{ width:94%; margin:0 auto; overflow:hidden;}
.newsIn1{ width:100%; overflow:hidden; margin-top:50px; font-size:24px; font-weight:bold; color:#333; line-height:34px;}
.newsIn2{ width:100%; overflow:hidden; margin-top:25px; font-size:16px; color:#666666; line-height:28px; border-bottom:1px solid #dedede; padding-bottom:30px;}
.newsIn3{ width:100%; overflow:hidden; text-align:left; padding:50px 0; border-bottom:1px solid #dedede; font-size:16px; color:#333; line-height:28px;}
.newsIn3 img{ display:block; margin:0 auto; max-width:100%;}

.pageIn{ width:100%; overflow:hidden; padding:23px 0 30px 0; position:relative;}
.pageIn1{ float:left; width:70%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; color:#333; text-align:left; line-height:28px; margin-top:7px;}
.pageIn1 a{ color:#333;}
.pageIn2{ float:right; display:block; width:92px; padding-left:48px; height:42px; line-height:42px; font-size:16px; color:#FFF; background:url(../images/newsIn1_1.png) 28px center no-repeat #0064b2; text-align:left; -webkit-border-radius:21px; -moz-border-radius:21px; border-radius:21px; position:absolute; right:0; top:50%; margin-top:-21px;}
.pageIn1 a:hover{ text-decoration:underline;}

.recommend{ width:100%; overflow:hidden; background:#f2f1f1; padding:35px 0;}
.recommend1{ width:94%; margin:0 auto; overflow:hidden;}
.recommend2{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #d8d8d8;}
.recommend2_1{ float:left; font-size:24px; color:#333333; font-weight:bold; line-height:24px; height:38px; position:relative;}
.recommend2_1 span{ position:absolute; bottom:0; left:0; border-bottom:3px solid #003974; width:100%; height:0;}
.recommend2_2{ float:right; font-size:16px; color:#0a61af; line-height:24px;}
.recommend2_2:hover{ text-decoration:underline;}
.recommend3{ float:left; width:100%; overflow:hidden; margin-top:23px;}
.recommend3 li{ float:left; overflow:hidden; width:49.9%; margin-top:1px; line-height:24px; padding:3px 0 3px 0;}
.recommend3 li a{ float:left; font-size:16px; color:#333; display:block; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.recommend3 li span{ float:right; font-size:16px; color:#929292;}
.recommend3 li:nth-child(2n-1){ background:url(../images/recommend.png) left center no-repeat;}
.recommend3 li:nth-child(2n){ border-left:1px dotted #b2b2b2; background:url(../images/recommend.png) 5% center no-repeat;}
.recommend3 li:nth-child(2n-1) a{ margin-left:2%; max-width:60%;}
.recommend3 li:nth-child(2n) a{ margin-left:7%; max-width:60%;}
.recommend3 li:nth-child(2n-1) span{ margin-right:5%;}
.recommend3 li:nth-child(2n) span{}
.recommend3 li a:hover{ text-decoration:underline;}

/* brochures css */
.brochures1{ width:100%; overflow:hidden;}
.brochures2{ width:94%; margin:0 auto; font-size:24px; line-height:48px; font-weight:bold; color:#191819; padding:50px 0 30px 0;}
.brochures3{ width:100%; padding:50px 0; overflow:hidden; background:#f2f1f1;}
.brochures_table{ width:94%; margin:0 auto; background:#FFF;}
.brochures_table tr td{ border-bottom:1px solid #dddddd; height:50px; padding:5px; border-left:1px solid #dddddd; font-size:17px; color:#999999; line-height:24px;}
.brochures_table tr td:nth-child(1){ text-align:left; border-left:0; padding:5px 15px;}
.brochures_table tr td:nth-child(2){ width:130px;}
.brochures_table tr td:nth-child(3){ width:180px;}
.brochures_table tr:last-child td{ border-bottom:0;}
.brochures_table tr td a{ display:inline-block; color:#666666; background:url(../images/brochures3.png) right center no-repeat; padding-right:30px;}
.brochures_table tr td span{ font-size:18px; color:#333333; background:url(../images/brochures2.png) left center no-repeat; padding-left:20px;}
.brochures_table tr:hover{ background:#003c72;}
.brochures_table tr:hover td{ color:#FFF; border-left:1px solid #002c54;}
.brochures_table tr:hover td a{ color:#FFF;}
.brochures_table tr:hover td span{ color:#FFF;}

/* contact css */
.contact1{ width:100%; overflow:hidden; padding-bottom:50px;}
.contact2{ width:94%; margin:0 auto; font-size:24px; line-height:48px; font-weight:bold; color:#191819; padding:50px 0 30px 0;}
.contact3{ width:100%; overflow:hidden; background:#f2f1f1; padding:50px 0 40px 0;}
.contact3_1{ width:94%; margin:0 auto; overflow:hidden;}
.contact4{ float:left; width:580px; max-width:62%; overflow:hidden; text-align:left;}
.contact4_1{ float:left; width:100%; font-size:18px; line-height:28px; color:#003c72;}
.contact4_2{ float:left; width:100%; font-size:30px; font-weight:bold; line-height:46px; color:#003c72;}
.contact4_3{ float:left; width:100%; font-size:18px; line-height:30px; color:#333333;}
.contact5{ float:left; margin-left:20px; display:block; margin-top:40px; display:none;}
.contact6{ float:right; overflow:hidden; border-left:1px solid #d9d8d8; padding-left:30px;}
.contact6_1{ float:left; width:166px; background:#FFF; padding:18px 0; overflow:hidden; border:1px solid #c9c9c9;}
.contact6_1 img{ display:block; margin:0 auto;}
.contact6_2{ float:left; width:168px; overflow:hidden; font-size:16px; color:#656565; line-height:26px; clear:both; margin-top:5px;}

.map{ width:94%; height:300px; margin:50px auto 0 auto;}

/* feedback css */
.feedback{ width:100%; overflow:hidden; background:#f2f1f1; padding:40px 0 50px 0;}
.feedback1{ width:640px; max-width:94%; margin:0 auto;}
.feedback1 .span1{ float:left; display:block; width:100%; padding-right:0; text-align:left; font-size:18px; color:#666666; line-height:33px;}
.feedback1 .input1{ float:left; width:95.6%; padding:0 1.7%; height:31px; border:1px solid #a9a9a9; background:#FFF; outline:none; font-size:18px; color:#666; font-family:"Arial";}
.feedback1 .input2{ float:left; width:100px; padding:0 10px; height:31px; border:1px solid #a9a9a9; background:#FFF; outline:none; font-size:18px; color:#666; font-family:"Arial";}
.feedback1 .textarea1{ float:left; width:95.6%; padding:0 1.7%; height:31px; border:1px solid #a9a9a9; background:#FFF; outline:none; font-size:18px; line-height:31px; height:124px; color:#666; font-family:"Arial";}
.feedback1 .select1{ float:left; width:226px; height:33px; border:1px solid #a9a9a9; outline:none; padding:0 10px 0 7px; font-size:18px; color:#666; font-family:"Arial"; cursor:pointer;}
.feedback1 .button1{ float:left; margin-left:0; cursor:pointer; font-family:"Arial"; font-size:17px; width:180px; height:44px; border:1px solid #00589d; outline:none; color:#FFFFFF; background:#00589d; -webkit-border-radius:23px; -moz-border-radius:23px; border-radius:23px;}
.feedback1 .button2{ float:left; margin-left:20px; cursor:pointer; font-family:"Arial"; font-size:17px; width:150px; height:44px; border:1px solid #cccccc; outline:none; color:#464646; background:#FFF; -webkit-border-radius:23px; -moz-border-radius:23px; border-radius:23px;}

/* proL css */
.pro_nav{ display:table; margin:40px auto 0 auto; max-width:94%;}
.pro_nav li{ float:left; margin:10px 3.5px 0 3.5px;}
.pro_nav li a{ display:block; height:57px; line-height:57px; background:#f2f1f1; padding:0 15px; font-size:18px; font-weight:bold; color:#333; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro_nav li a:hover{ background:#003974; color:#FFF;}
.pro_nav li .a_on{ background:#003974; color:#FFF;}

.proL{ width:100%; overflow:hidden; background:#f2f1f1; padding:50px 0;}
.proL1{ width:94%; margin:0 auto; overflow:hidden;}
.proL2{ width:96%; padding:10px 2%; background:#e9e9e9; text-align:left; font-size:18px; color:#2c2c2c; line-height:30px;}
.proL3{ width:100%; overflow:hidden; padding:30px 0 0 0;}
.proL3 img{ display:block; margin:0 auto; max-width:100%;}

/* proC css */
.proC{ width:94%; margin:-30px auto 0 auto; overflow:hidden;}
.proC li{ float:left; overflow:hidden; width:23.75%; margin-top:30px; margin-right:1.66%;}
.proC li:nth-child(4n){ margin-right:0;}
.proC li a{ display:block; overflow:hidden; width:100%;}
.proC1{ display:block; width:100%;}
.proC2{ width:90%; padding:0 5%; height:50px; line-height:50px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:#002a5d; color:#FFF; font-size:18px; font-weight:bold;}

/* proR css */
.proR1{ width:94%; margin:0 auto; overflow:hidden; text-align:left;}
.proR1_1{ float:left; width:100%; overflow:hidden; font-size:24px; font-weight:bold; color:#333; line-height:30px; padding-bottom:20px; border-bottom:1px solid #d0d0d0;}
.proR1_2{ float:left; width:100%; overflow:hidden; font-size:18px; line-height:28px; font-weight:bold; color:#333; padding-top:30px;}

.proR2{ width:94%; margin:0 auto; overflow:hidden; padding-bottom:50px;}
.proR2 li{ width:100%; overflow:hidden; padding-top:45px;}
.proR2_1{ float:left; display:block; width:391px;}
.proR2_2{ float:left; text-align:left; margin-left:0; width:100%; overflow:hidden; margin-top:20px;}
.proR2_3{ float:left; width:100%; overflow:hidden; font-size:22px; font-weight:bold; color:#003399; line-height:30px;}
.proR2_4{ float:left; width:100%; overflow:hidden; font-size:17px; font-weight:bold; color:#333333; line-height:24px; margin-top:20px;}

/* proIn css */
.proIn{ width:100%; overflow:hidden; background:#f2f1f1; padding:20px 0; margin-top:30px;}
.proIn1{ width:100%; margin:0 auto; overflow:hidden;}

#preview{ float:left; width:440px; margin:0 auto; text-align:center; display:none;}
.jqzoom{ width:440px; height:327px; position:relative;}
.jqzoom img{ width:438px; height:325px; border:1px solid #e8e8e8;}

.list-h li{ float:left;}
#spec-n5{width:440px; height:60px; padding-top:16px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:440px; float:left; overflow:hidden; display:inline;}
#spec-list ul{ width:440px;}
#spec-list ul li{ float:left; display:inline; width:80px; margin-right:10px;}
#spec-list ul li:nth-child(5){ margin-right:0;}
#spec-list ul li img{ border:1px solid #979797; width:78px; height:58px; cursor:pointer;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;border:1px solid #b9b9b9;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #ff681d;background:#fdceb7 20% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:440px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}

.proIn2{ float:right; width:94%; overflow:hidden; text-align:left; margin-right:3%;}
.proIn2_1{ float:left; width:100%; overflow:hidden; font-size:24px; font-weight:bold; color:#333; line-height:46px; border-bottom:1px solid #d0d0d0; padding-bottom:20px;}
.proIn2_2{ float:left; width:100%; overflow:hidden; font-size:18px; color:#333; line-height:38px; padding:15px 0;}

.proIn3{ width:94%; margin:0 auto; overflow:hidden;}
.proIn3_1{ float:left; width:100%; overflow:hidden; text-align:left; font-size:24px; font-weight:bold; color:#003399; line-height:40px; padding-bottom:15px; border-bottom:1px solid #e6e7eb; margin-top:35px;}
.proIn3_2{ width:100%; margin:0 auto; overflow:hidden;}
.proIn3_2 li{ float:left; width:31.33%; margin:10px 1% 0 1%; overflow:hidden;}
.proIn3_2 li img{ display:block; margin:0 auto; max-width:100%;}
.proIn3_3{ width:100%; overflow:hidden; text-align:left; font-size:22px; color:#333333; font-weight:bold; line-height:30px; margin-top:20px;}
.proIn3_4{ width:100%; overflow:hidden; text-align:left; font-size:18px; color:#003399; font-weight:bold; line-height:30px; margin-top:20px;}
.proIn3_5{ width:100%; overflow:hidden; text-align:left; font-size:17px; color:#333333; font-weight:bold; line-height:30px; margin-top:20px;}
.mobile_none{ display:block;}

.proIn4{ width:100%; margin:0 auto; overflow:hidden; padding:50px 0;}
.proIn4 img{ display:block; margin:0 auto; max-width:100%;}
.proIn4_1{ float:left; width:100%; overflow:hidden; text-align:left;}
.proIn4_2{ float:left; width:100%; overflow:hidden; font-size:24px; font-weight:bold; color:#333333; line-height:40px; margin-top:40px;}
.proIn4_3{ float:left; width:100%; overflow:hidden; font-size:18px; font-weight:bold; color:#656262; line-height:30px;}

.proIn5{ width:100%; overflow:hidden; text-align:left;}
.proIn5_1{ float:left; width:100%; overflow:hidden; font-size:24px; font-weight:bold; color:#003399; line-height:40px; padding-bottom:20px; border-bottom:1px solid #e6e7eb;}
.proIn5_2{ float:left; width:100%; overflow:hidden; font-size:18px; font-weight:bold; color:#333; line-height:30px; padding:30px 0 50px 0;}
.line{ width:100%; height:0px; border-bottom:1px solid #e6e6e9; clear:both;}

.related{ width:100%; overflow:hidden; background:#f2f1f1; padding:40px 0;}
.related1{ width:94%; margin:0 auto; overflow:hidden; border-bottom:1px solid #d8d8d8;}
.related1_1{ float:left; overflow:hidden; font-size:24px; color:#333; font-weight:bold; line-height:34px; position:relative; padding-bottom:15px;}
.related1_1 span{ position:absolute; left:0; bottom:0; width:100%; height:2px; background:#003974;}
.related1_2{ float:right; line-height:34px; font-size:16px; color:#0a61af;}
.related1_2:hover{ text-decoration:underline;}

.related2{ width:94%; margin:0 auto; overflow:hidden;}
.related2 li{ float:left; margin-top:40px; overflow:hidden; margin-right:3%; width:31.33%;}
.related2 li:nth-child(3){ margin-right:0;}
.related2 li a{ display:block; width:100%; overflow:hidden;}
.related2_1{ display:block; width:100%;}
.related2_2{ width:90%; padding:0 5%; height:60px; line-height:60px; background:#002a5d; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#FFF; font-size:18px; font-weight:bold;}

/*pro*/
.pro_title{ width:94%; margin:50px auto 0 auto; padding-bottom:30px;}
.pro_title .index_title1{ color:#383838;}
.pro_title .index_title2{ color:#616161;}
.pro .index1_2{ margin-top:-30px;}
.pro{ background:#f2f0f1;}

}