@charset "utf-8";
/* CSS Document */


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#000; font-size:14px; font-family:微软雅黑, Verdana, Arial, Helvetica, sans-serif; background:#fafafa; }
td,th,caption { font-size:20px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#000; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:none; }
ol,ul,li { list-style:none; margin:0; padding:0; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;} 

/* css common */
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
.m { width:986px; margin:0 auto; }
.fl { float:left; }
.fr { float:right; }


.nav {
	background:#16439e;
	height:80px;
	}

.nav img {
	float:left;
	}
	
.nav ul {
	float:left;
	margin-left:30px;
	}
	
.nav ul li {
	float:left;
	padding-right:6px;
	height:80px;
	line-height:80px;
	float:left;
	color:#FFF;
	}
	
.nav ul li a {
	color:#FFF;
	}
	
.nav ul li a:hover {
	text-decoration:none;
	font-weight:bold;
	}


.tel_chat {
	float:right;
	}

.tel_chat ul li {
	float:none;
	line-height:25px;
	margin-top:8px;
	height:auto;
	}
	
.tel_chat ul li span {
	float:left;
	margin-right:14px;
	}
	 
.tel {
	width:25px;
	height:25px;
	background:url(../images/tel.png);
	}
	
.chat {
	margin-top:6px;
	width:28px;
	height:25px;
	background:url(../images/tel.png) 34px ;
	}

.banner {
	height:550px;
	width:100%;
	border-top:1px solid #CCC;
	}

.adv {
	padding:30px 0;
	float:left;
	}
	
.adv ul li  {
	float:left;
		}
		
.adv ul li img {
	vertical-align:top;
	}

.pr30 {
	padding-right:30px;
	}

.team {
	padding-left:30px;
	}
	
.team p {
	text-indent:2em;
	width:440px;
	}

.title {
	margin-bottom:43px;
	}
	
.team_content {
	float:left;
	line-height:24px;
	padding-top:22px;
	}
	
.team img {
	float:right;
	}
	
#peizhi {
	text-align:center;
	
	}
	
#peizhi ul li img {
	border:5px solid #bcbbbb;
	}
	
#peizhi ul  {
	float:left;
	padding-left:94px;
	text-align:center;
	margin-top:30px;
	
	}

.title img {
	padding:0 !important;
	}
	
#peizhi ul li {
	float:left;
	padding:17px;
	
	}
	
#peizhi img {
	vertical-align:top;
	} 

#peizhi h2 {
	font-size:18px;
	line-height:30px;
	}
	
#peizhi p {
	line-height:24px;
	}

.footer {
	background:#4a4a4a;
	height:100px;
	color:#979797;
	}

.footer_nav ul li {
	float:left;
	}

.footer_nav ul li a {
	color:#979797;
	padding:10px;
	}

.footer_nav ul li a:hover {
	text-decoration:none;
	}
	
.footer_nav  {
	padding-top:24px;
	padding-left:10px;
	float:left;
	line-height:22px;
	
	}
	
.zixun {
	height:56px;
	padding-top:24px;
	float:left;
	line-height:22px;}

.logo {
	float:right;
	}

.chengnuo {
	height:323px;
	background:url(../images/chengnuo_22.png) no-repeat 20px;
	position:relative;
	
	}

.chengnuo_content {
	width:646px;
	position:absolute;
	top:110px;
	right:45px;
	margin-top:25px;
	}
	
.chengnuo_content p {
	margin-bottom:5px;
	}
	
#map {
	height:382px;
	}

#add {
	width:956px;
	height:auto;
	float:left;
	}
	
#add img {
	vertical-align:top;
	}

.taobao {
	width:956px;
	text-align: center;
	padding-bottom:44px;
	border-top:1px dotted #CCCCCC;
	float:left;
	}

.taobao p {
	line-height:60px;
	font-size:18px;
	}
	
#map {
	width:956px;
	margin-bottom:30px;
	}
	
#add li {
	float:left;
	width:190px;
	text-align: center;
	margin-bottom:37px;
	
	}

.pr170{
	padding-right:130px;
	}
	
#add li p {
	margin-top:26px;
	}

.bold {
	font-weight:bold;
	}

.chat_photo img {
	width:100px;
	height:100px;
	
	}

.chat_photo {
	opacity:0;
	transition:0.6s ease-in-out;
	-webkit-transition:0.6s ease-in-out;
	}


#div1 {
    width: 50px;
    height: 50px;
    background: url(../images/arrow.png);
    position: absolute;
    right: 40px;
}

.nav_ico_hot{
	position: absolute;
	margin-left: -435px;
	margin-top: 15px;
	}

.wm-piclist{
	width:986px;
	padding-bottom:32px;
	overflow:hidden;
	}
	
.wm-piclist ul{
	margin:0 auto;
	float:left;
}

.wm-piclist li{
	float:left;
	width:280px;
	height:165px;
	margin:20px 22px 0;
	}
	
.wm-piclist li img{
	width:280px;
	height:115px;
	}
	
.pl-info{
	width:100%;
	height:50px;
	background:#fff;
	}
	
.pl-info h4{
	display:inline-block;
	float:left;
	margin-left:10px;
	line-height:55px;
	font-size:18px;
	font-weight:bold;
	}
	
.pl-lf{
	display:inline-block;
	float:left;
	margin-top:20px;
	margin-left:5px;
	}
	
.pl-rg{
	display:inline-block;
	float:right;
	width:80px;
	font-size:12px;
	margin-top:20px;
	color:#f08b42;
	text-align:center
	}
	
.pl-rg cite{font-size:15px;}


.one{ margin-bottom: 30px}
.proTit{ text-align:center; padding-top: 65px; padding-bottom: 38px}
.floats,.flostB{ width: 1011px; overflow: hidden; margin: 0 auto}
.flostB{ padding-top: 10px}
.fleft{ float: left; width: 527px}
.fright{ float: right; width: 474px}
.two{ height: 313px; background:url(../images/twoBg.jpg) no-repeat center center; display: block; position: relative;}
.two h3{ position: absolute; color: #000; font-size: 38px; width: 1000px;font-weight: bold; text-align: center; left: 50%;margin-left: -500px; top: 118px;text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;-webkit-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;-moz-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;*filter: Glow(color=#fff, strength=2)}
.two p{ position: absolute; color: #cc0000; font-size: 30px; height: 60px; line-height: 60px; width: 806px; font-weight: bold; text-align: center; left: 50%;margin-left: -403px; top: 198px; border:#fcff00 2px solid; border-radius: 20px;text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;-webkit-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;-moz-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;*filter: Glow(color=#fff, strength=2);}
.three{ padding-top: 20px; background:url(../images/threeBg.png) #fff no-repeat center top}
.threeBg{ padding-bottom: 75px;background:url(../images/threeBg1.png)no-repeat center bottom}
.alls{ width: 1200px; background:url(../images/allsBg.jpg); margin: 0 auto 40px; padding-top: 30px; padding-bottom: 25px;}
.alls h2{ font-size: 32px; color: #fff; font-weight: bold; text-align: center; margin-bottom: 32px}
.tabs{ width: 928px; padding: 26px; background-color: #fff; margin: 0 auto 22px}
.tabs table{ text-align: center; width: 100%}
.tabs table th{ color: #fff; font-size:19px; font-weight: bold; background-color: #1963b0; height: 48px}
.tabs table td{font-size: 16px; color: #333; height: 46px}
.look{ display: block;width: 192px; height: 55px; margin: 0 auto}
.three h3{ color: #1963b0; font-size: 32px; font-weight: bold; text-align: center; margin-bottom: 40px}
.three p{ width: 964px;margin: 0 auto; text-indent: 2em; line-height: 24px}
.dlist{ width: 874px; overflow: hidden; margin: 0 auto 25px; text-align: center; color: #000; font-size: 16px}
.dlist dd{ padding: 12px 0}
.four{ background:url(../images/allsBg.jpg); padding-bottom: 50px}
.four>a{ display: block; background-color: #fff; width: 918px; margin: 0 auto 12px; padding: 20px}
.four a:hover{ text-decoration: none}
.four h4{color: #1963b0; font-size: 18px; margin-bottom: 10px; font-weight: bold}
.pages{ overflow: hidden; text-align: center; padding-top: 35px}
.pages a{ display: inline-block; padding: 3px 10px; background-color: #fff; border: #fff 1px solid; margin-right: 13px; vertical-align: middle; color: #1963b0; font-size: 22px}
.pages a:hover{ text-decoration: none;}
.pages a.current,.pages a:hover{ background-color: #1963b0; color: #fff}
.moreNew{ text-align: center; padding-top: 20px}
.five{ padding-bottom: 55px; background:url(../images/fiveBg.png) #fff no-repeat center center;}
.serlist{ width: 1233px; margin: 0 auto; overflow: hidden;}
.serlist a{ float: left;}
.six{ background:url(../images/allsBg.jpg)}
.sixBg{ background:url(../images/bottom.png) no-repeat center bottom; padding-bottom: 110px}
.sixList{ overflow: hidden;margin: 0 auto; width: 934px}
.sixList li{ float: left; width: 439px; padding:14px}


.pollBox{display:none; position:fixed;left:0;top:0;width:100%;height:100%;  z-index: 99}
.pollBox1{display:none; position:fixed;left:0;top:0;width:100%;height:100%;  z-index: 99}
.popBg,.popBg1{ position: absolute; display: block; z-index: -999; width: 100%; height: 100%; background-color:rgba(0,0,0,0.8);filter:alpha(opacity=80);}
.popBox,.popBox1{ width: 958px; height: 600px; position: absolute; top: 50%; margin-top: -300px; left: 50%; margin-left: -479px; background-color: #fff}
.htmleaf-container,.htmleaf-container1{ width: 100%}
#scrolls,#scrolls1{height: 600px;width: 100%;margin: auto; position: relative}
.nano,.nano1{ position: relative;width: 100%; height: 100%; overflow: hidden}
.nano > .nano-content,.nano1 > .nano-content1{position: absolute; overflow: scroll;overflow-x: hidden; top: 0;right: 0;bottom: 0;left: 0}
.nano > .nano-content:focus,.nano1 > .nano-content1:focus{outline: thin dotted}
.nano > .nano-content::-webkit-scrollbar,.nano1 > .nano-content1::-webkit-scrollbar{display: none}
.has-scrollbar > .nano-content::-webkit-scrollbar,.has-scrollbar1 > .nano-content1::-webkit-scrollbar{display: block}
.nano > .nano-pane,.nano1 > .nano-pane{background : rgba(0,0,0,0);position: absolute; width: 5px; right: 0;top: 0;bottom: 0; visibility : hidden\9; opacity: 0;-webkit-transition: .2s;-moz-transition: .2s;-o-transition: .2s;transition: .2s;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px}
.nano > .nano-pane > .nano-slider,.nano1 > .nano-pane > .nano-slider { background: #dbdbdb;background: rgb(219,219,219);position: relative;margin: 0;-moz-border-radius: 3px;-webkit-border-radius : 3px;border-radius: 3px;}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed，.nano1:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {visibility : visible\9; opacity: 0.99}
.box{ overflow: hidden;width: 100%; margin: 0 auto}
.boxPad{ padding: 40px 30px}
.boxPad h2{ color: #333; font-size: 22px; font-weight: bold; text-align: center; margin-bottom: 15px}
.boxPad span{ display: block; text-align: center; font-size: 16px; margin-bottom: 28px}
.boxPad p{ color: #333; font-style: 14px; line-height: 31px; text-indent: 2em}
.boxPad div{ text-align: center; padding: 20px 0}
.scrollBtm{ position: absolute; bottom: 0; left: 0; z-index: 99}
.close{ position: absolute; top: 0;right: -73px;width: 73px;height: 89px}
#div2 {width: 180px;height: 457px;background: url(../images/code.png);position: absolute;left: 5%;}
#div2 span{ display: inline-block; width: 72px; height: 38px; position: absolute; right: 12px; bottom: 11px}
/*newList*/
.newList{ width: 960px; margin: 0 auto; padding-bottom: 40px}
.newList dl{ overflow: hidden; border:#b4b4b4 1px solid; padding: 20px 16px; margin-bottom: 20px}
.newList dt{ float: left; width: 205px}
.newList dd{ float: right; width: 674px}
.newList h3{ margin-bottom: 12px;}
.newList h3 a{ color: #1963b0; font-size: 18px; font-weight: bold; width: 674px; display: inline-block; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.newList h3 a:hover{ text-decoration: none;}
.newList p{ font-size: 15px; color: #333; line-height: 28px; margin-bottom: 12px}
.newList .more{ color: #fff; font-size: 14px; display: inline-block; padding: 6px 15px; background:#707172;border-radius: 5px}
.newList .more:hover{ text-decoration: none; background: #16439e}

#conts{ background: #fff}
.newCont{ width: 904px; margin: 0 auto; padding-top: 45px}
.newTop{ border-bottom: #f0f0f0 1px solid; padding-bottom: 20px; margin-bottom: 20px}
.newTop h2{ color: #1963b0; font-size: 24px; font-weight:bold; text-align: center; margin-bottom: 25px}
.newTop span{ display: block; text-align: center; font-size: 14px; color: #333}
.newCont .cont{ padding-bottom: 25px; border-bottom: #f0f0f0 1px solid; margin-bottom: 25px}
.newCont .cont p{ color: #333; font-size: 14px; line-height: 30px; text-indent: 2em}
.contBtm{ overflow: hidden; padding-bottom: 30px}
.contBtm div{ float: left; width: 715px}
.contBtm div a{ display: block; margin-bottom: 10px; color: #333; font-size: 14px}
.contBtm div a:hover{ text-decoration: none; color: #16439e}
.contBtm .black{ float: right; width: 94px; height: 33px; line-height: 33px; background: #16439e; color: #fff; text-align: center; font-size: 18px; border-radius: 3px}