﻿﻿@charset "utf-8";
/* 全局公共样式的设定 */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd{margin:0;padding:0px;border:0;}
body{color:#444;font:16px Arial,'微软雅黑';font-family: "微软雅黑","Arial Narrow",;}
li{list-style-type:none;}
h1,h2,h3,h4,h5,h6 {font-size:16px; font-weight:normal; margin:0px; padding:0px;}
input,button,textarea,select{font:100% Arial,'微软雅黑';}

/* 默认全局样式超链接样式*/
a{transition: color .3s ease}
a:link{color:#444; text-decoration:none;}/* 链接基本样式 */
a:visited {color:#444; text-decoration:none;}/* 链接点击过后的样式 */
a:hover{color:#226ebc;text-decoration:none;cursor:pointer;}/* 链接移上时的样式 */
a:active{color:#226ebc;text-decoration:none;}/* 链接点击时的样式 */

/* 其它常用样式的定义 */

.fl{ float:left;}
.fr{ float:right;}
.clear{ clear: both;}
.noBorder{border:none;	}

img,li{ vertical-align:top;}/* 解决图片和LI的高度空隙问题 */
.hd{ width:100%;}
.bd{ width:100%;}
.mt15{margin-bottom:15px;}

ul{ width:100%;overflow:hidden;zoom:1;}
ul li.last{ margin:0 !important; border-right:none !important; background:none !important;}

body{ background: url(../images/topheader-bg.jpg) no-repeat top center;}

.from-control{ border:none; color:#444; outline:none; font-size:14px;}
.btn-default{ border:none; outline:none; cursor:pointer;}

.topHeader,.menuNav,.menubottom{ width:100%; margin:0 auto;}
.topHeader{ height:391px; }

.wrap,.topLink,.logoSearch,.menuLink,.friendlink,.copyright,.wexSearch{ width:1200px; margin:0 auto;}

.mt28{margin-top:28px;}

/*--简单动态图标---*/
.menuLink li i{-webkit-transition: 400ms; -o-transition: 400ms;    -moz-transition: 400ms;    transition: 400ms; }

/*---列表样式--*/
.newlist{ width:100%;}
.newlist li{ overflow:hidden; zoom:1; line-height:36px; background:url(../images/arrow1.png) no-repeat left; padding-left:15px; font-family:"微软雅黑";}
.newlist li a{ display:inline-block; float:left; width:82%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newlist li span{ width:80px;float:right; color:#999999; text-align:center;  font-size:14px; font-family:"Arial"; }
.newlist li.line2{border-bottom:1px dashed #d2d2d2; height:1px; margin:5px 0px; background:none;}
.newlist li.line1 {border-bottom: 1px dashed #d2d2d2;margin: 10px 0;height: 1px !important;background: none !important;}


/*--顶部样式---*/
.topHeader{ background: url(../images/toplink-bg.png) repeat-x top; }
.topLink{ height:40px; color:#fff; line-height:40px; font-size:14px; color: #666; position: relative;} 
.topLink a{color: #6b6969; margin:0 5px;}
.topLink s,.topLink span{display: inline;padding:5px 6px;font-size:14px; }
.topLink s{   text-decoration: none;boarder-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; background: #055abc; color: #fff;  text-transform: uppercase; margin-left:13px;}
.logoSearch{margin-top:74px; height: 84px;}
.logoSearch .logo{ height: 84px;width:600px;}

/*---导航---*/
.menuNav{ height:60px; background: url(../images/menu-bg.jpg) no-repeat center;margin-top:74px;}
.menuLink{ height:60px;}
.menuLink li{ float:left; width:199px; line-height: 60px; font-size:18px; overflow:hidden;zoom:1; text-align: center; background:url(../images/menu-line.png) no-repeat right; overflow: hidden;zoom:1;}
.menuLink li a{ color:#fff; display:block; width:auto;margin-right:1px; height:60px; font-size: 18px; text-align: center;}
.menuLink li i,.menuLink li span{ display:block; float: left; }
.menuLink li i{ width:35px; height: 60px; background: url(../images/menu-icon.png) no-repeat 0 0;margin-left:27px;}
.menuLink li span{margin-left:16px;}
.menuLink li a:hover,.menuLink li a.current{ color: #fff;  background:url(../images/menu-hoverbg.png) repeat-x; color: #fff; }

li.home i{ background-position: 0 0;}
li.home:hover i,li.home.current i{ background-position: -37px 0;}

li.about i{ background-position: 0 -60px;}
li.about:hover i,li.about.current i{ background-position: -37px -60px;}

li.gongkai i{ background-position: 0 -120px;}
li.gongkai:hover i,li.gongkai.current i{ background-position: -37px -120px;}

li.serve i{ background-position: 0 -180px;}
li.serve:hover i,li.serve.current i{ background-position: -37px -180px;}

li.hudong i{ background-position: 0 -240px;}
li.hudong:hover i,li.hudong.current i{ background-position: -37px -240px;}

li.zhuanti i{ background-position: 0 -300px;}
li.zhuanti:hover i,li.zhuanti.current i{ background-position: -37px -300px;}

/*--微信公众号--*/
.menubottom{ background: url(../images/menu-bg2.jpg) repeat-x; height:62px;}
.wexi{ width: 200px; padding-left:37px; background: url(../images/weix-icon.png) no-repeat left; line-height:23px; color: #797878;margin-top:20px; position: relative;}
.wexi span{ display: block; cursor: pointer; width:100%;}
.markinfo2 {display: none;height: 178px;position: absolute;text-align: center;width: 145px;z-index: 10;left: 0px;top:26px;}

.searchBox{ width:347px; height: 34px;background:url(../images/search-bg2.png) no-repeat;padding:5px 7px; overflow: hidden;zoom:1;margin-top:15px;}
.searchBox input{ display: block;float: left; outline:none;}
.searchBox input.shuruk{ width:230px; background:none;height: 34px; line-height: 34px; text-indent:34px; font-size: 14px;}
.searchBox input.btn-default{ background: url(../images/search-bg.jpg) no-repeat; width:77px;  height: 34px; border-top-right-radius:8px;border-bottom-right-radius:8px; text-align: center; color: #fff; float: right; }

.searchBox input.shuruk::-webkit-input-placeholder {
  color: #737373;
}
.searchBox input.shuruk:-moz-placeholder {
  color: #737373;
}
.searchBox input.shuruk::-moz-placeholder{
color: #737373;
}
.searchBox input.shuruk:-ms-input-placeholder {
  color: #737373;
}


/*---页脚样式----*/
.foot{ width:100%;  margin: 0 auto;padding-bottom: 20px;margin-top:30px; padding-top:21px; border-top:10px solid #257dc5;}
.friendlink{ height:42px;margin-bottom:15px; }
.friendlink span.tit{ width: 80px; display: block; float: left; color: #0e72c6; font-weight: bold; height: 42px; line-height: 42px;}

.friendlink ul{ overflow:inherit; display: block; width:93%;float: left;}
.friendlink li{ width:356px;background:url(../images/foor-arrow.png) no-repeat 336px 16px; float:left; line-height:40px; text-indent:22px; font-size:13px; position:relative; border:1px solid #e4e6e8;margin:0 7px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.friendlink li a{ color:#444;}
.friendlink li.last{ background:url(../images/foor-arrow.png) no-repeat 170px 16px !important;}

.friendlink li ul {display:none;height:240px; overflow-y:auto; background:#fff;}
.friendlink li ul li{ text-indent:12px !important; margin:0!important}
.friendlink li:hover a { display:block;width:100%; }
.friendlink li:hover ul {display:block; position:absolute; width:100%; bottom:30px; left:0px; z-index:9999; }
.friendlink li:hover ul li { width:190px !important;padding:0px 5px;line-height:38px !important; background:none !important; border:none !important;text-indent:30px;}
.friendlink li:hover ul li a { display:block; width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.friendlink li:hover ul li:hover a {background:#f0efef; color:#444;}


.copyright{ width:842px; margin: 0 auto;}
.copywen{ width:900px;  font-size:14px; line-height:24px; color:#444;}
.coylink{ line-height:25px; text-align: center;}
.coylink a{ margin:0 10px; color: #444;}
.yejwen{ width:100%;text-align: center;}
.yejwen img{ margin:0 5px; vertical-align:middle;}
.copyimg{ width:300px; margin: 0 auto;margin-top:10px;}
.copyimg img{ display: inline-block; margin: 0 10px;}


/*--位置--*/
.location{ width:100%;margin: 0 auto;height:40px;}
.nerCenter .location{ border-bottom:1px solid #f0f0f0;}
.weihz{ width:1152px; margin:0 auto; line-height:40px; background:url(../images/location.png) no-repeat 11px 12px; padding-left:36px; font-size:14px; color:#898989;}
.weihz a{ margin:0 5px; color:#898989;}


/*--翻页--*/
.page{  overflow:hidden;zoom:1;margin:15px auto; padding:5px 0;/* background:#f5f5f5;*/ text-align:center; display:table ; font-size:15px !important;}
.page a{ display:block; float:left;background:#fff; border:1px solid #cccccc;padding:4px 9px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin-right:10px; text-align:center;  }
.page a:hover,.page a.current{ background:#2a8de2; color:#fff; border:1px solid #2a8de2;}
a.page1{ background:#f2efef; border:1px solid #e0e0e0 !important}
.page span{ display:block; float:left; padding:0 10px; line-height:30px;}
.page span input{ display:inline;background:none; text-align:center; width:25px; height:23px;border:1px solid #d3e6fc; line-height:23px; background:#e2effd; margin:0px 5px;  outline:none; color:#444;}

@media screen and (max-width:980px){
  .menuNav{background: url(../images/menu-bg.jpg) repeat-x #255fa6; width:126.5% !important;}	
	.menuLink{ width:100% !important; margin: 0 auto;}
	.foot{ width: 126.5%;}
	.copyright{ margin: 0 auto !important; padding: 20px 200px;}
}



