li{list-style-type:none;}
img{border-style:none;}
*{ margin:0; padding:0;}
a:link{outline:none;TEXT-DECORATION:none;}
a:visited{outline:none;TEXT-DECORATION:none;}
a:hover{outline:none;TEXT-DECORATION:none;}
a:active{outline:none;TEXT-DECORATION:none;}
p{ text-indent:2em;}
body{ font-family:"Microsoft YaHei";}
input{ border:none;}

.max{ max-width:640px; margin:0 auto; overflow:hidden;}
.max_box{ width:100%; max-width:640px; height:auto; margin:0 auto;}
#header{ height:auto; margin:0 auto; width:100%;  background-color:#014d99; position:relative; padding:1% 0;}
.head_top{ background-color:#014d99; margin:0 auto; height:auto; position:relative;}
.logo{}
.menu_box{ width:8%; position:absolute; z-index:9; right:3%; top:13%;}
/*搜索开始*/
.sb-search_sub{position: relative;
    width: 50%;
    min-width: 25px;
    height: 25px;
    float: left;
    overflow: hidden;
	position:absolute; top:13%; left:3%;
	color:#FFF; font-size:14px; line-height:23px;
}
.sb-search_sub a{ color:#FFF;}
.sb-search_sub img{ float:left; margin-right:2%;}
.sb-search {
    position: relative;
    width: 0%;
    min-width: 25px;
    height: 25px;
    float: left;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
	position:absolute; top:13%; left:3%;
}
.sb-search-input {
    position: relative;
    top: 0;
    border: none;
    outline: none;
    background: #ffffff;
    width: 50%;
    height: 25px;
    margin: 0;
    left: 25px;
    z-index: 10;
    font-family: inherit;
    font-size: 14px;
    color:#999999;
    padding-left: 5%;
    padding-right: 5%;
	 border-radius:10px; -moz-border-radius:10px;
}

.sb-search-input::-webkit-input-placeholder {
    color: #666666;
}

.sb-search-input:-moz-placeholder {
    color: #666666;
}

.sb-search-input::-moz-placeholder {
    color: #666666;
}

.sb-search-input:-ms-input-placeholder {
    color: #666666;
}

.sb-icon-search,
.sb-search-submit  {
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height:25px;
    text-align: center;
    cursor: pointer;
}

.sb-search-submit {
    background: #fff; /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;
}

.sb-icon-search {
    z-index: 90;
}



/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
    width: 100%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
    z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
    z-index: 90;
}
/*搜索 结束*/

#content{ height:auto; margin:0 auto; width:100%;}
#content .banner { margin:1px auto 0 auto; clear:both;  width:100%;}
.swipe{width:100%; line-height:0; overflow:hidden;position:relative;}
.swipe ul{
	-webkit-transition:left 800ms ease-in 0;
	-moz-transition:left 800ms ease-in 0;
	-o-transition:left 800ms ease-in 0;
	-ms-transition:left 800ms ease-in 0;
	transition:left 800ms ease-in 0;
}
#slider{display:block;}
#slider li img{width:100vw;}
.swipe #pagenavi{ display:block; position:absolute; bottom:0%; left:45%;}
.swipe #pagenavi a{ padding:5px 5px; background-image:url(/public/static/home/js/m/b.png); background-repeat:no-repeat; margin-right:5px;cursor:pointer;}
.swipe #pagenavi a.active{ background-image:url(/public/static/home/js/m/a.png);}

/*middle*/
.s_pro_box{ overflow:hidden; margin:10% 0;}
.s_bt{ text-align:center; margin:0% 3% 3% 3%; color:#171818; position:relative; z-index:9; overflow:hidden;}
.sub_bt{ background-image:url(/public/static/home/js/m/about_bt_bg.png); background-repeat:no-repeat; background-size:100% 100%; width:100%; margin-left:auto; margin-right:auto; text-align:center; color:#014d99; font-weight:bold; font-size:16px;}
.s_bt span{ display:block; font-size:12px; color:#014d99;}

.s_bt_2{ text-align:center; margin:3% 3% 3% 3%; color:#171818; position:relative; z-index:9; overflow:hidden;}
.sub_bt_2{ background-image:url(/public/static/home/js/m/team_bt_bg.png); background-repeat:no-repeat; background-size:100% 100%; width:85%; margin-left:auto; margin-right:auto; text-align:center; color:#ffffff; font-weight:bold; font-size:16px;}
.s_bt_2 span{ display:block; font-size:12px; color:#ffffff;}


.s_prolis_bx{ overflow:hidden; margin-left:1.5%;}
.s_pro_list{ overflow:hidden;}
.s_pro_list li{ float:left; width:30%; text-align:center; font-size:14px; margin-left:2%;}
.s_pro_list li a{ display:block; color:#ffffff;}
.s_pro_list li img{ display:block;}
.s_pro_list li span{ display:block; background-color:#5c5c5c; padding:2% 0; margin-top:5%;}

.s_more{ width:50%; margin-left:auto; margin-right:auto; text-align:center; font-size:12px; padding:2% 0 6% 0; background-image:url(/public/static/home/js/m/s_more_bg.png); background-repeat:no-repeat; background-size:100% 100%;}
.s_more a{ color:#ffffff; display:block;}

.s_more_3{ border:solid 1px #ffffff; width:35%; margin-left:auto; margin-right:auto; text-align:center; font-size:14px; padding:2% 0; margin-top:6%; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.s_more_3 a{ color:#ffffff; display:block;}

.s_new_date{ width:20%; float:left; background-color:#2d4e95; color:#FFF; text-align:center; padding:2% 1%;}
.s_new_date span{ display:block;}
.s_new_date span.s_mew_time{ font-size:26px; font-weight:bold;}
.s_new_right{ width:75%; float:left; font-size:11px; margin-left:3%;}
.s_new_right span{ display:block; line-height:160%;}
.s_new_right span.s_new_ribt{ font-size:14px; color:#000; margin-bottom:1.5%;}

.s_contact_box{ background-image:url(/public/static/home/js/m/s_contact_bg.jpg); background-repeat:no-repeat; background-size:100% 100%; padding:0% 4.5% 35% 4.5%;}
.s_contact_txt{ font-size:14px; color:#FFF; margin-left:25%; line-height:150%; padding-top:3%;}

/*footer*/
/* transtion-Hover */
.footer{}
.tianstion{ 

    transition:all ease 0.4s; 

	-moz-transition:all ease 0.4s; 

	-ms-transition:all ease 0.4s; 

	-o-transition:all ease 0.4s;

	-webkit-transition:all ease 0.4s;

}

.area{ width:100%;}

#wrap{ background:#F0F0F0; max-width:640px; position:relative;}

@media screen and (max-width : 360px) {	


	#wrap{ width:100%;}

}



@media screen and (min-width: 360px) and (max-width : 479px) {


	#wrap{ width:100%;}	

}



@media screen and (min-width: 480px) and (max-width: 640px) {

	body{ font-size:15px;}

	#wrap{ width:100%;}	

}
/* 圆形菜单导航 */

.info-nr {position:fixed;bottom:10px;left:0px;	z-index:900;tap-highlight-color: rgba(0, 0, 0, 0);}	 

#toMenu{display:block;width:55px!important;height:55px!important;border-radius:45px;position: absolute;box-shadow:0 0 0 3px #FFFFFF, 0 2px 3px 0 rgba(0, 0, 0, 0.25);

	    bottom:7px;left: 17px;z-index:9999;color:#fff;background:url(/public/static/home/js/m/png2.png) 100% 100% rgba(26,126,237,0.8);background-repeat: no-repeat;background-size:auto 100%;}

.info-nr-phone{height:100px;width:100px;}

.info-nr-phone2{height:185px;width:195px;}

#info-nr-phone{position:relative;border-radius:0 167px 0 0;}

.info-nr-phone>div {

	width:50px;

	height:50px;

	border-radius:40px;

	position:absolute;

	bottom:0;

	left:0;

	margin-bottom:0px;

	margin-left:20px;

	z-index:900;

	-moz-transition: transform 200ms;

	-webkit-transition: -webkit-transform 200ms;

	-ms-transition: transform 200ms;	

}

.info-nr-phone>div a{ display: block;height:100%;width:100%;}

.info-nr-phone> .to_01 {-webkit-transform: translate(-18px, -115px) rotate(720deg); 

						   -moz-transform: translate(-18px, -115px) rotate(720deg);

						    -ms-transform: translate(-18px, -115px) rotate(720deg); 

						     -o-transform: translate(-18px, -115px) rotate(720deg);

							    transform: translate(-18px, -115px) rotate(720deg);

								background:url(/public/static/home/js/m/4.png) 100% 100% no-repeat rgba(0,0,0,0.7);

								background-size:auto 100%;}

.info-nr-phone> .to_02 {-webkit-transform: translate(39px, -88px) rotate(720deg); 

						   -moz-transform: translate(39px, -88px) rotate(720deg);

						    -ms-transform: translate(39px, -88px) rotate(720deg); 

						     -o-transform: translate(39px, -88px) rotate(720deg); 

							    transform: translate(39px, -88px) rotate(720deg);

								background:url(/public/static/home/js/m/3.png) 100% 100% no-repeat rgba(0,0,0,0.7);

								background-size:auto 100%;}

.info-nr-phone> .to_03 {-webkit-transform: translate(85px, -50px) rotate(720deg); 

						   -moz-transform: translate(85px, -50px) rotate(720deg);

						    -ms-transform: translate(85px, -50px) rotate(720deg); 

						     -o-transform: translate(85px, -50px) rotate(720deg);

						 	    transform: translate(85px, -50px) rotate(720deg);

								background:url(/public/static/home/js/m/2.png) 100% 100% no-repeat rgba(0,0,0,0.7);

								background-size:auto 100%;}

.info-nr-phone> .to_04 {-webkit-transform: translate(116px, 5px) rotate(720deg);

						   -moz-transform: translate(116px, 5px) rotate(720deg);

						    -ms-transform: translate(116px, 5px) rotate(720deg);

						     -o-transform: translate(116px, 5px) rotate(720deg); 

							    transform: translate(116px, 5px) rotate(720deg);

								background:url(/public/static/home/js/m/1.png) 100% 100% no-repeat rgba(0,0,0,0.7);

								background-size:auto 100%;} 

/*.info-nr-phone> .to_05 {-webkit-transform: translate(130px, 14px) rotate(720deg); 

						   -moz-transform: translate(130px, 14px) rotate(720deg);

						    -ms-transform: translate(130px, 14px) rotate(720deg); 

						     -o-transform: translate(130px, 14px) rotate(720deg); 

							    transform: translate(130px, 14px) rotate(720deg);

								background:url(/public/static/home/js/m/1.png) 50% 50% no-repeat rgba(0,0,0,0.7);

								background-size:auto 72%;}*/


/*sub*/
#sub_content{ height:auto; margin:0 auto; width:100%; overflow:hidden; min-height:400px; padding-bottom:30%;}
#sub_header{ height:auto; margin:0 auto; width:100%;  background-color:#014d99; position:relative; padding:1% 0;}
.sub_head_top{ background-color:#014d99; margin:0 auto; height:auto; position:relative;}
.sub_logo{ text-align:center; padding:1% 0 2% 0; color:#ffffff; font-size:18px;}

.about_nr{ margin:5% 3% 0 3%; font-size:12px; color:#333333; line-height:200%; overflow:hidden;}
.about_nr img{ width:100%;}

.chanpin_box{ overflow:hidden; margin-left:1.5%; margin-top:5%;}
.chanpin_list{ overflow:hidden;}
.chanpin_list li{ float:left; width:41.5%; text-align:center; font-size:12px; margin-left:5%; margin-top:3%;}
.chanpin_list li a{ display:block; color:#333333;}
.chanpin_list li img{ display:block; width:100%;}
.chanpin_list li span{ display:block; margin:3% 0;}

.service_box{ overflow:hidden; margin-left:1.5%; margin-top:5%;}
.service_list{ overflow:hidden;}
.service_list li{ float:left; width:41.5%; font-size:12px; margin-left:5%; margin-top:3%; margin-bottom:3%; line-height:180%;}
.service_list li a{ display:block; color:#FFF;}
.service_list li img{ width:96%; display:block; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; position:relative; z-index:9; margin-bottom:-50%; margin-left:auto; margin-right:auto;}
.service_txt{ overflow:hidden; background-color:#014d99; padding:55% 5% 10% 5%;}
.service_txt span{ display:block;}
.service_txt span.ser_bt{ text-align:center; font-size:15px; margin-bottom:5%;}
.service_list li:hover .service_txt{ background-color:#d33744;}


.look_more{ display:block; width:13%; margin-left:auto; margin-right:auto; background-image:url(/public/static/home/js/m/look_more.png); background-repeat:no-repeat; background-size:100% 100%; margin-top:12%; line-height:80%;}
.look_more a{ display:block;}

.show_pro_img{ margin:8% 3%; text-align:center;}
.show_pro_img img{ width:70%;}
.show_pro_img span{ display:block; color:#000000; font-size:15px; margin-bottom:5%;}

.show_new_img{ margin:8% 3%; text-align:center;}
.show_new_img img{ width:100%;}
.show_new_img span{ display:block; color:#000000; font-size:15px; margin-bottom:5%;}

.page{ overflow:hidden; margin-top:10%; padding:0 3%; margin-left:auto; margin-right:auto; width:50%;}
.page span{ width:30%; display:block; padding:1% 0;}
.page a{ font-size:15px; color:#FFF; text-align:center; display:block;}
.page .page_1{ float:left; font-size:15px; color:#FFF; text-align:center; background-image:url(/public/static/home/js/m/page_per.png); background-repeat:no-repeat; background-size:100% 100%;}
.page .page_2{ float:right; font-size:15px; color:#FFF; text-align:center; background-image:url(/public/static/home/js/m/page_next.png); background-repeat:no-repeat; background-size:100% 100%;}


.news_box{}
.news_list{ background-color:#ffffff; margin:0 3% 0 3%; padding:4% 0 0.5% 0;}
.news_list li{ margin-top:3%; font-size:13px; overflow:hidden; margin-left:1%;}
.news_list li a{ display:block; color:#333333;}
.news_list li img{ width:28%; display:block; float:left;}
.new_bt{ display:inline; font-size:12px; color:#ffadb0;}

.s_new_right_sub{ float:left; font-size:11px; margin-left:3%;}
.s_new_right_sub span{ display:block; line-height:160%;}
.s_new_right_sub span.s_new_ribt{ font-size: 18px; font-weight:bold;    color: #026aea; margin-bottom:1.5%; margin-top:2%;}

.new_show_bt{ text-align:center; font-size:16px; color:#ffadb0; margin-top:5%; margin-bottom:1%; font-weight:bold;}
.new_show_time{ text-align:center; font-size:13px; color:#000000;}

.gbook_box{ overflow:hidden; margin-top:5%;}
form{ overflow:hidden; padding:0 3%;}
form span{ display:block; font-size:16px; color:#4d4d4d; float:left; padding-left:25px; margin-bottom:5px;}
.formfield_s {
	width: 97%;
	height: 32px;
	line-height: 32px;
	background:#ffffff;
	padding-left:2%;
	font-size:13px;
	font-family:"宋体";
	color:#666666;
	float:left;
	border:solid 1px #014d99;
	margin-bottom:17px;
}
.for_sheet_q {
	width: 95%;
	height: 135px;
	line-height: 32px;
	padding:1% 2%;
	background:#ffffff;
	font-size:13px;
	font-family:"宋体";
	color:#666666;
	float:left;
	border:solid 1px #014d99;
}
.sh_b_1{ float:right; background-color:#014d99; color:#ffffff; font-size:16px; padding:5px 20px; border:none 0; margin-top:25px;}
.fo_1{ background-image:url(/public/static/home/js/m/gb_1.png); background-repeat:no-repeat; background-position:left;}
.fo_2{ background-image:url(/public/static/home/js/m/gb_2.png); background-repeat:no-repeat; background-position:left;}
.fo_3{ background-image:url(/public/static/home/js/m/gb_3.png); background-repeat:no-repeat; background-position:left;}


.s_about_box{ overflow:hidden;}
.s_new_box{ margin:5% 0;}
.s_case_box{}

.fanhui_top{ position:fixed; bottom:10px; right:20px; z-index:999;}

.cl{clear:both;}

.top_list{clear:both;padding:7% 0 7% 0;overflow:hidden;}
.top_list li{width:22%;float:left; position:relative; margin-left:2.3%; text-align:center; font-size:14px;}
.top_list li img{ width:100%; display:block;}
.top_list li a{color:#333333;}
.top_list li span{ display:block; margin-top:3%;}

.s_jiam_box{}