@charset "utf-8";

/* CSS Document */



/*reset.css*/



html{color:#000;background:#FFF;}



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;}



table{border-collapse:collapse;border-spacing:0;}



fieldset,img{border:0;}



address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}



del,ins{text-decoration:none;}



li{list-style:none;}



caption,th{text-align:left;}



q:before,q:after{content:'';}



abbr,acronym{border:0;font-variant:normal;}



sup{vertical-align:baseline;}



sub{vertical-align:baseline;}



input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}



input,button,textarea,select{*font-size:100%;}



input,select{vertical-align:middle;}



body{font:16px/1.231 arial,helvetica,clean,sans-serif;}



select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}



table{font-size:inherit;font:100%; border-collapse:collapse;}



pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}



.txtboxcs{ border:solid 1px #ccc; height:22px;}



h1 { font-size:32px;}



h2 { font-size:26px;}



h3 { font-size:20px;}



h4 { font-size:14px;}



h5 { font-size:16px;}



h6 { font-size:10px;}



.mt10 { margin-top:10px;}



 



 /*title*/



h1 { font-size:32px;}



h2 { font-size:26px;}



h3 { font-size:20px;}



h4 { font-size:14px;}



h5 { font-size:16px;}



h6 { font-size:10px;}





/* -- 外边距 -- */



.m1 { margin:1px; }



.m2 { margin:2px; }



.m5 { margin:5px; }



.m10 { margin:10px; }



.mt2 { margin-top:2px;}



.mt5 { margin-top:5px;}



.mt8 { margin-top:8px;}



.mt10 { margin-top:10px;}



.mt12 { margin-top:16px;}



.mt15 { margin-top:15px;}



.mt20 { margin-top:20px;}



.mt30 { margin-top:30px;}



.mr5 { margin-right:5px;}



.mr10 { margin-right:10px;}



.mr12 { margin-right:16px;}



.ml5 { margin-left:5px; }



.ml7 { margin-left:7px; }



.mb10 { margin-bottom:10px;}



.ml12 { margin-left:16px; }



.ml10 { margin-left:10px; }



.ml20 { margin-left:20px; }







/*common.css*/



@charset "utf-8";



body { color:#666; font-size:14px; font-family: "微软雅黑";} /*网站字体颜色*/



a { color:#666; text-decoration:none;}  /*for ie f6n.net*/



a:focus{outline:0;} /*for ff f6n.net*/



a:hover { text-decoration:underline;}



.vam { vertical-align:middle;}



.clear{clear:both; height:0; line-height:0; font-size:0;}



p{ word-spacing:-1.5px;}



.tr { text-align:right;}



.tl { text-align:left;}



.center { text-align:center;}



.fl { float:left;}



.fr { float:right;}



.pa{ position:absolute;}



.pr{ position:relative}





/*index.css*/



@charset "utf-8";



/* CSS Document */



/*common*/



.mb10 { margin-bottom:10px;}



.ml10 { margin-left:10px;}



.bg { background:#FFF;}



.contant{padding:0; overflow:hidden;font-family:'Microsoft YaHei';}



.nobor{border:none !important;}



html{-webkit-text-size-adjust:none;}

/* -- 页面整体布局 -- */



.content { width:90%; margin:0 auto; overflow:hidden; }



.footer { width:1100px; margin:0 auto; font-size:14px;}



.header{width:90%; margin:0 auto; }





.h_nav li a:-webkit-any-link{ display:block;}



body{background:#fff;}



em{font-style:normal;}



.clearfix{zoom:1;}



.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}



/*头部开始*/



.toptx{width:100%;background:#f2f2f2;z-index: 9999;position: fixed;}



.h_top{color:#666;height:31px; line-height:30px; overflow: hidden;}

.h_top h2{float:left;font-size:14px;font-weight:normal;}

.h_top em{float:left;}



.h_top p{float:right;  line-height:30px}



.h_top p a{padding:0 0 0 16px;color:#666; display:inline-block; background:url('../images/ico1.gif') no-repeat 2px center; margin:0 5px;}



.h_top p a img{vertical-align:middle;}





/*--- 搜索 ---*/



.h-ser{height:50px; width:100%;background: url(../images/ser.gif) repeat-x; }



.ser-con{width:90%; margin:0 auto;}



.h-ser p {float:left;width:650px;line-height:42px; height: 42px; overflow: hidden;}



.h-ser p b {color:#333}



.h-ser p a {padding:0 6px; color:#787878;}



.s-inp {width:300px; position:relative; padding:5px 0 0;}



.inp01 {background:url(../images/s_inp.gif) no-repeat;width:245px; height:31px; line-height:31px; border:none; padding:0 0 0 10px;}



/*头部结束*/

/*广告栏*/

#flashs{ position:relative; height:867px; overflow:hidden;}



#flashs .bgitem{  z-index:1;position:absolute; top:0; }



#flashs .btn{ position:absolute; z-index:7; bottom:16px; left:46%; margin-right:-450px; padding:5px 6px;}



#flashs .btn span{width:13px;height:13px; color:#fffab1;  background:url("../images/ic1.png") no-repeat; float:left; cursor: pointer;display:block;margin-left: 15px;/*padding:2px 6px;*/}



#flashs .btn span.cur{ width:13px;height:13px;background:url("../images/ic2.png") no-repeat; color:#fffab1;}





/*rollup.css*/



#roll_top,#fall,#ct{position:relative;cursor:pointer;height:72px;width:26px}#roll_top{background:url(../images/top.gif) no-repeat}#fall{background:url(../images/top.gif) no-repeat 0 -80px}#ct{background:url(../images/top.gif) no-repeat 0 -40px}#roll{display:block;width:15px;margin-right:-500px;position:fixed;right:45%;top:50%;_margin-right:-505px;_position:absolute;_margin-top:300px;_top:expression(eval(document.documentElement.scrollTop))}



#roll_top, #fall, #ct



{



	position: relative;



	cursor: pointer;



	height: 72px;



	width: 26px;



}



#roll_top



{



	background: url(../images/top.gif) no-repeat;



}



#fall



{



	background: url(../images/top.gif) no-repeat 0 -80px;



}



#ct



{



	background: url(../images/top.gif) no-repeat 0 -40px;



}



/*客服*/

.keifu{ position:fixed; top:10%; right:0; width:131px;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));

 z-index:10000;}

.keifu_tab{ width:160px;}

.icon_keifu{ width:26px; height:100px; float:left; background:url(../images/keifu.png) 0 0; position:relative; display:none; cursor:pointer;}

.keifu_box{ float:left; width:131px;}

.keifu_tab img{ display:block;}

.keifu_head{ width:131px; height:41px; background:url(../images/keifu.png); background-position: 0 -103px; font-size:0; line-height:0; position:relative;}

.keifu_close:link,.keifu_close:visited{ display:block; width:11px; height:11px; background:url(../images/keifu.png) -42px 0; position:absolute; top:5px; right:5px;}

.keifu_close:hover{ background-position:-60px 0;}

.keifu_con{ border-left:7px solid #c8111b; border-right:7px solid #c8111b; padding-top:15px; background:#fbfbfb;}

.keifu_con li{height:33px; padding-left:12px;}

.keifu_con li a{ display:block}

.keifu_con .weixin{ height:96px;}

.keifu_con .bt{ font-size:16px; height:30px; line-height:30px; text-align:left; padding:0 0 0 20px; color:#012646;}

.keifu_bot{ width:131px; height:119px; background:url(../images/keifu.png); background-position:0 -149px; }

/*底部*/

/*友情链接*/

.link_bg {

	width: 100%;

	padding: 10px 0px;

	background: #f0f0f0;

	height:50px;

	position: relative;

    top: 137px;

	

}

.link {

	width: 1100px;

	margin: 0 auto;

}

.link_til dt {

	height: 24px;

	overflow: hidden;

	float: left;

	line-height: 30px;

	padding-top: 5px;

	background: url(../images/link.png) no-repeat 0px 4px;

	display:block;

}

.link_til dt span {

	float: left;

	padding-right: 10px;

	font-family: "Microsoft YaHei";

	font-weight: bold;

	font-size: 16px;

	color:#000;

	padding-left: 27px;

}

.link_til em {

	padding-left: 5px;

	font-style: normal;

	font-family: Arial, Helvetica, sans-serif;

}

.link_til dt a {

	color: #000;

}

.link_til dd {

	line-height: 30px;

	padding-top: 5px;

	float: left;

}

.link_til dd a {

	padding: 0 14px;

	color: #000;

	font-size: 14px;

}

/*底部开始*/

.f_bj {

	color: #fff;

	line-height: 35px;

	clear: both;

	font-family: "Microsoft Yahei";

	overflow: hidden;

	background: url(../images/foot_bg.jpg) no-repeat center 0 #00aef3;

	height: 237px;

	position: relative;

    top: 137px;

}

.f_bj a {

	color: #fff;

}

.f_con {

	display: block;

	overflow: hidden;

	height: auto;

	font-size:16px;

}

.f_code {

	width: 200px;

	height: 180px;

	background: #fff;

	border-top:1px solid #dfdfdf;

}

.f_code img {

	margin: 0px 40px; width:50%;

}

.f_code p {

	width: 176px;

	height: 30px;

	text-align: center;

	line-height: 30px;

	overflow: hidden;

	font-size: 13px;

	color: #333333;

	border-bottom: 1px solid #e4e4e4;

	border-top: 1px solid #e4e4e4;

	margin: 15px auto 0;

}

.f_logo img {

	width: 241px;

	height: 57px;

	display: block;

	margin-bottom: 23px;

}

.f_nav {

	line-height: 50px;

	width: 286px;

	font-size: 16px;

	padding: 28px 0px 0px 20px;

}

.f_nav h6 {

	height: 21px;

	line-height: 21px;

	font-weight: normal;

	background: url(../images/jz_xnav1.png) left center no-repeat;

	padding-left: 32px;

	text-align: left;

	font-size: 20px;

	color: #fff;

	margin: 0 0 16px;

}

.f_nav h6 span {

	font-size: 16px;

	text-transform: uppercase;

	font-weight: normal;

	padding-left: 16px;

}

.f_nav p {

	height: auto;

	overflow: hidden;

}

.f_nav p a {

	display: block;

	float: left;

	width: 110px;

	padding-left: 32px;

	height: 27px;

	line-height: 27px;

}

.jh_xian {

	width: 1px;

	height: 140px;

	border-right: 1px dashed #fff;

	margin: 45px 0 0;

}

.f_text {

	width: 348px;

	padding: 28px 0 0 22px;

}

.f_text h3 {

	font-weight: bold;

	font-size: 20px;

	line-height: 56px;

	height: 65px;

}

.f_text span {

	display: block;

	padding-left: 36px;

	width: 224px;

	white-space: nowrap;

	float: left;

}

.f_text span.f_text1 {

	background: url(../images/foot_ico1.png) no-repeat 0 9px;

	width: 170px;

}

.f_text span.f_text2 {

	background: url(../images/foot_ico2.png) no-repeat 0 9px;

}

.f_text span.f_text3 {

	background: url(../images/foot_ico3.png) no-repeat 0 9px;

	width: 170px;

}

.f_text span.f_text4 {

	background: url(../images/foot_ico4.png) no-repeat 0 9px;

	width: 365px;

}

.f_text span.f_text5 {

	background: url(../images/foot_ico5.png) no-repeat 0 9px;

	width: 365px;

}

.f_wz {

	height: 40px;

	line-height: 30px;

	color: #fff;

	background: #333;

	padding-top: 10px;

	position: relative;

    top: 137px;

}

.f_wz span {

	display: block;

	float: right;

}

.f_wz span em img {

	display: inline-block;

	height: 30px;

	width: 106px;

}

.f_wz span em {

	display: inline-block;

	float: left;

}

.f_wz a {

	color: #fff;

	padding: 0 16px 0 0;

}

.jh_ewm {

	width: auto;

	height: auto;

	overflow: hidden;

	padding: 30px 0 0 0px;

}

.jh_ewm img {

	width: 150px;

	height: 150px;

	margin: 0 auto;

}

.jh_ewm p {

	text-align: center;

	color: #fff;

	font-size: 14px;

}



/*菜单*/



.menu { width: 100%;height: 106px;background: #fff;background: #f5f5f5;z-index: 9999; position: fixed;top: 31px; }



.maxsize{ width:90%; height:106px; margin:0px auto; position:relative;}



.menu .logo { position: absolute; top: 15px; width:18%; }



.menu .menulist { position: absolute;/* top: 45px;*/ right:0px; width:75%;}



.menu .menulist .links { float: right; width:90%;}



.menu .menulist .links li { float: left; position: relative; width:14%;}



.menu .menulist .links li a { font-size: 16px; color: #000; padding: 0 10%; line-height: 106px;}



.menu .menulist .links li span { color: #dcdcdc; }



.menu .menulist .links li.active a,



.menu .menulist .links li a:hover { color: #000; }



.menu .menulist .search { float: left; position: relative; top: 45px; width:10% }



.menu .menulist .sns { padding-right: 36px; }



.menu .menulist .sns li { float: left; position: relative; }



.menu .menulist .sns li a { color: #d7d7d7; padding: 0 20px; font-size: 16px; }



.menu .menulist .sns .iconfont { color: #aaa; font-size: 20px; }



.menu .menulist .form { position: absolute; right: 0;}



.menu .menulist .form .iconfont { color: #000; cursor: pointer; }



.menu .menulist .form .input { background: #fff; position: absolute; right: 0; border: 1px solid #dcdcdc; top: -10px; padding: 10px; padding-right: 50px; display: none; }



.menu .menulist .form .input input { border: 0;width: 150px;height: 20px; line-height: 20px; color: #ccc; }



.menu .menulist .form .input input:focus { outline: none; color: #000;}



.menu .menulist .form .input .btn { position: absolute; top:1px; right: 0; text-align: center; cursor: pointer; text-align: center; width: 40px; border-left: 1px solid #dcdcdc; height:40px; line-height:40px;}



.menu .menulist .form .input .btn i { font-size: 16px; line-height: 40px; height: 40px; }



.menu .menulist li:hover  .submenu { display: block; }



.menu .menulist .submenu { position: absolute; top:80px; left: 0; width: 100%; background: #fff;background: rgba(255,255,255,0.9);display: none; }



.menu .menulist .submenu li { display: block; text-align: center;width: 100%;}



.menu .menulist .submenu li a { font-size: 16px; display: inline-block;line-height: 50px; border-bottom: 1px solid #ececec;padding: 0 2px;  }



.menu .menulist .submenu li:last-of-type { border-bottom: 0; }



.menu .qrcode { position: absolute; top: 100%; left: -56px; width: 174px; height: 180px; background: url('../images/qrbg.png') no-repeat top center; display: none;}



.menu .qrcode .pdcon { width: 154px; height: 154px; position: absolute;bottom: 10px; left: 10px; }



.menu .qrcode .pdcon img { width: 100%; }



.menu .menulist .sns li:hover .qrcode { display: block; }