@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{font:12px 'Arial','Microsoft Yahei','Simsun';color:#666;background:#fff; min-width:320px; height:100%;}
body,div,p,a,li,ul,ol,span,input,dl,dd,dt,form,h1,h2,h3,h4,h5,h6,select,pre,img,textarea{padding:0;margin:0;outline:none;font-size:system;border:0 none;text-decoration:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
form{display:inline}
ul,ol{list-style:none}
a{text-decoration:none;color:#666;}
a:hover,a:active,a:focus{color:#c00;text-decoration:none;}
a:active{color:#2675e2;}
em,i{font-style:normal;}
u{ text-decoration:none; color:#EF464D;}
img{ border:0; display:block; width:100%;}
button,input,select,textarea{font-size:100%;vertical-align:middle;outline:none;}
textarea{resize:none}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;-moz-appearance:button}
input:focus:-moz-placeholder,input:focus::-webkit-input-placeholder{color:transparent}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
table{border-collapse:collapse;border-spacing:0}
header,footer,article,section,nav,menu,hgroup{display:block;clear:all;}

.fl{ float:left;}
.fr{ float:right;}
.clear {zoom:1;}
.clear:after {content:".";display:block;clear:both;height:0;visibility:hidden;}
.tl{ text-align:left;}
.tr{ text-align:right;}
.clf{ color:#fff;} 
.mt5{ margin-top:5px;}

 

/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{width:100%;height:50px;overflow:hidden;background:#fff; background-size:150%;position:fixed;z-index:1100; }
.sp_logo{float:left;height:50px}
.sp_logo img{width:172px;height:50px; }
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#0170a7;width:25px;height:3px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:9px; width:18px; }
.sp_nav span:nth-of-type(3){top:18px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}

.sjj_nav{position:fixed;z-index:1000;background:#fff;width:100%;height:calc(100% - 50px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px; border-top:1px #eee solid;} 
.sjj_nav ul li{ text-align:center; border-bottom:1px #eee solid; line-height:60px; font-size:16px;}  
.sjj_nav ul li a{color:#333; } 
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/

.banner{ padding-top:50px;}
.tempWrap{ width:100%;}
.sliderbox {position:relative; overflow:hidden;}
.sliderbox .hd {position:absolute;bottom:.5em;left:50%;z-index:1; margin-left:-3em;}
.sliderbox .hd li{ display:inline-block;height:.8em; width:.8em;border-radius:1em;background:#fff;margin-left:.5em; }
.sliderbox .hd li.on{ background:#0170a7; }
.sliderbox .bd{position:relative; z-index:0;}
.sliderbox .bd li{ position:relative;}
 

.about_h5{width:90%; margin:0 auto; text-align:center;}
.about_h5 h5{ font-size:20px; color:#0170a7;   } 
.about_h5 img{ display:block; width:170px; margin:0 auto; margin-top:10px;}
 

.about_a{ width:150px; margin:0 auto; margin-top:15px;  line-height:35px; text-align:center; border:1px #0170a7 solid;  border-radius:3px; font-size:14px; background:#fff; }
.about_a a{color:#0170a7; }
 
.cp{ width:100%; margin:0 auto; background:#f5f5f5; padding:20px 0;}
.scroll_box{ width:97%; margin:0 auto;overflow:hidden;margin-top:10px; position:relative;}
.scroll_box li{ position:relative;display:block;width:100%;float:left;  line-height:1em; }
.scroll_box li a{float:left; display:block;  width:30.7%; margin:5px 1%; text-align:center; cursor:pointer; background:#fff; border:1px #ddd solid; }
.scroll_box li a img{ width:94%; margin:0 auto; margin-top:3px;}
.scroll_box li a span{ width:100%;  height:30px; line-height:30px; display:block; overflow:hidden; border-top:1px #eee solid; }

.scroll_position{ display:block; text-align:center; margin:0 auto; margin-top:10px;}
.scroll_position li{cursor:pointer;width:20px;height:20px;text-indent:-9999px;background:url(../images/pagelink.png) 0 -20px no-repeat;display:inline-block;margin:0 2px;}
.scroll_position li a{font-size:0;}
.scroll_position li.on{background-position:0 0;}

.scroll_positions{ display:block; text-align:center; margin:0 auto; margin-top:10px;}
.scroll_positions li{cursor:pointer;width:20px;height:20px;text-indent:-9999px;background:url(../images/pagelink.png) 0 -20px no-repeat;display:inline-block;margin:0 2px;}
.scroll_positions li a{font-size:0;}
.scroll_positions li.on{background-position:0 0;}

.scroll_box_more{width:100%; margin:0 auto; margin-top:20px; overflow:hidden;}
.scroll_box_more a{width:50%; margin:0 auto; display:block; height:35px; line-height:35px; background:#fff; color:#0354A3; font-size:14px; text-align:center; overflow:hidden;}
.scroll_box_more a:hover{background-color:#0354A3; color:#fff; }
 
 
.anli{width:100%; margin:0 auto; margin-top:25px; }
.anli_ul{ width:98%; margin:0 auto; overflow:hidden; margin-top:10px;}
.anli_ul li{ float:left; width:47%; margin:5px 1.2%; border:1px #ddd solid; } 
.anli_ul li i {width:100%;height: 0;overflow: hidden; padding-bottom: 81.4%; position:relative; display:block;}
.anli_ul li i img{display: block;position: absolute;width: auto; min-width:100%;height:100%;top: 0;bottom: 0; }
.anli_ul li p{ line-height:35px; height:35px; overflow:hidden; text-align: center;background:#fff; font-size:14px; font-weight:bold; color:#222;} 
  
.about{width:100%; margin:0 auto; background:#f5f5f5; padding:25px 0; }
.about_p{ width:94%; margin:0 auto; margin-top:15px; line-height:30px; color:#454545;  } 
.about_p img{ width:160px ; float: left; margin-right:10px;}
 

.youshi{width:100%; margin:0 auto;  padding:20px 0; background:url(../images/bg.jpg); margin-top:25px;}
.youshi_h5{ text-align:center; width:250px; margin:0 auto;}
.youshi_ul{width:310px; margin:0 auto; overflow:hidden; margin-top:10px;}
.youshi_ul li{width:31.3%; margin:5px 1%; float:left;}
.youshi_ul li a{width: 80px; margin:0 auto;   display:block; height: 60px;padding-top: 20px;border-radius: 50%;border: 1px #fff dashed;text-align: center;}	
.youshi_ul li img{ width:50px; margin:0 auto; display:block;}
.youshi_ul li p{ font-size:18px; color:#fff; font-weight:bold;}
 
.news{ width:100%; margin:25px auto; margin-bottom:50px; }
.news_dl{ width:94%; margin:0 auto; margin-top:15px;  }
.news_dl dl{ overflow:hidden;  margin-bottom:10px; padding:12px 0; border:1px #eee solid;}
.news_dl dt{ width:50px; float:left;  text-align:center; color:#888; margin-left:3%;  }
.news_dl dt b{ font-size:28px; display:block; color:#0170a7; border-bottom:1px #ddd solid; margin-bottom:5px; padding-bottom:2px;}
.news_dl dd{ width:75%; float:right; margin-right:3%;  background: url(../images/q.png) 8% bottom no-repeat; margin-top:3px; }
.news_dl dd h2{ display:block; font-size:15px; color:#444; line-height:25px; height:50px; overflow:hidden;  }
 
 
.footer{line-height:18px; font-size:12px; padding:15px 0; margin-top:40px;  background:#0170a7;line-height:27px; color:#fff;}
.footer dl{width:90%; margin:0px auto; }
.footer dl dt{ width:60px; margin:0 auto; position:relative; margin-top:-50px;}
.footer dl dd{ text-align:center; margin-top:10px; }
.footer dl dd a{ color:#fff;}

 
.holderdiv{ height:45px;}
.fixdiv{ position:fixed; width:100%; left:0; right:0; bottom:0; height:45px; background:#0170a7; border-top:1px solid #0170a7; z-index:9999;}
.fixdiv li{ float:left; width:20.8%; padding:0 2%; border-left:1px #0170a7 solid; }
.fixdiv li:first-child{ border-left:0;}
.fixdiv li a{ display:block; height:45px; color:#fff; padding-top:3px; text-align:center;}
.fixdiv li a img{ margin:0 auto; width:20px; height:19px;}
.fixdiv li a span{display:block; height:20px; line-height:20px;}

/*-----------------------------------------------------------*/
.ny_banner{width:100%; margin:0 auto;padding-top:50px;}
.ny_main{ width:100%; margin:0 auto;}
.ny_h5{ width:100%; margin:0px auto; margin-top:15px; text-align:center;  }
.ny_h5 h5{ font-size:20px; color:#0170a7; }
.ny_h5 h5 span{ display:block; font-size:13px; font-weight:normal; margin-top:5px; color:#888; text-transform:uppercase; margin-bottom:10px;}
.ny_dao{ width:98%; margin:0px auto; margin-top:12px;overflow:hidden;}
.ny_dao a{ display:block; float:left; width:47.4%; margin:4px 1%; line-height:33px; border: 1px #eee solid; background:#f6f6f6; border-radius:0px;  font-size:14px; text-align:center; color:#333; }
.ny_dao a:hover , .ny_dao a.on{ background:#0170a7; color:#fff;  border: 1px #0170a7 solid;}

.ny_dq{ width:100%; margin:0 auto; line-height:35px;color:#666; border-bottom:1px #eee solid; background: url(../images/home.png) 10px 8px no-repeat; text-indent:35px; background-size:17px;box-shadow:0px 0px 3px 0 rgba(160, 159, 159, 0.3);  }
.ny_dq a{color:#666;} 
.ny_news_h{width:94%; margin:0px auto;text-align:center; margin-top:20px;}
.ny_news_h h2{ font-size:16px; line-height:22px; color:#111; }
.ny_news_t{width:94%; margin:0px auto; color:#888; text-align:center; border-bottom:1px #ddd dashed; padding-bottom:10px; margin-top:5px;}
.ny_news_p{width:94%; margin:0px auto; margin-top:10px; line-height:30px; color:#666; }
.ny_news_dao{ width:94%; margin:10px auto; margin-bottom:50px; background:#f5f5f5;line-height:25px; color:#0170a7; padding:12px 0; text-indent:10px;}
.ny_news_dao p{ overflow:hidden; height:25px; overflow:hidden;}

.ny_about_p{ width:94%; margin:10px auto; line-height:30px; color:#444;}


 
    .lanren .news_ul{width:100%; margin:0px auto;display: none;}
	.lanren{ width:96%; margin:0 auto; overflow:hidden; margin-top:10px;  margin-bottom:50px; }
	.lanren ul.list{overflow: hidden; }
	.lanren ul.list li{ padding:17px 0; overflow:hidden; background:#fff; margin-bottom:10px; border:1px #eee solid;box-shadow:0px 1px 5px 0px rgba(139, 139, 139, 0.25); } 
	.lanren ul.list li h2 a{ width:90%; margin:0 auto; display:block; line-height:25px; font-size:15px; color:#333;} 
	.lanren ul.list li p{width:90%; margin:0 auto; line-height:23px; height:46px; overflow: hidden; color:#888; margin-top:5px;}
	.lanren ul.list li i{width:90%; margin:0 auto; margin-top:10px; overflow: hidden; display:block; color:#0170a7;line-height:25px; font-size:14px;  }
	.lanren ul.list li i a{ float:right; color:#fff; background:#c5c5c5; display:inline-block; width:80px; line-height:21px; padding:2px 0; text-align:center;font-size:12px; }
	.lanren .more{overflow: hidden;text-align: center; margin-top:10px; }
	.lanren .more a{ display:block; width:150px; margin:0 auto; border-radius:5px;line-height:35px; text-align:center; color:#fff;font-size:14px; background:#0170a7;border:1px #0170a7 solid; font-weight:bold;}
 
 
 	.lanren2 .ny_cp_ul{width:100%; margin:0 auto; overflow:hidden;display: none;}
	.lanren2{ width:98%; margin:0px auto; overflow:hidden;  margin-top:10px; margin-bottom:50px; }
	.lanren2 ul.list{overflow: hidden;}
	.lanren2 ul.list li{ width:47.4%; margin:5px 1%; float:left; border:1px #ddd solid;  }
	.lanren2 ul.list li i {width:94%; margin:5px auto;height: 0;overflow: hidden; padding-bottom: 81.4%; position:relative; display:block;}
	.lanren2 ul.list li i img{display: block;position: absolute;width: auto; min-width:100%;height:100%;top: 0;bottom: 0; }
	.lanren2 ul.list li p{ line-height:35px; height:35px;  overflow:hidden; text-align: center; font-size:15px; color:#333;  border-top:1px #ddd solid; } 
	.lanren2 .more{overflow: hidden;text-align: center; margin-top:15px; }
	.lanren2 .more a{ display:block; width:150px; margin:0 auto; border-radius:5px;line-height:35px; text-align:center; color:#fff;font-size:14px; background:#0170a7;border:1px #0170a7 solid; font-weight:bold;}