@charset "utf-8";
/* CSS Document */
*{
	padding:0px;
	margin:0px;
}
body {
  background: #f5f5f5;
  font-family: 'Microsoft Yahei';
  font-size:14px;
}

/*---------------------------------------
  Typorgraphy              
-----------------------------------------*/
html,body,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;border:0;}
h1,h2,h3,h4,h5,h6 {
  font-style: normal;
  font-weight: 200;
  letter-spacing: 0px;
}

h1 {
  color: #3d3d3f;
  font-size: 50px;
  line-height: normal;
}

h2 {
  color: #575757;
  font-size: 24px;
  line-height:24px;
  margin-top: 0px;
}

h4 {
  color: #797979;
  font-size: 18px;
  font-weight: normal;
}

p {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: 0.2px;
}

strong, span {
  color: #878787;
  font-weight: normal;
}

ul,ol,li{ list-style: none;}
img{border:0;}

.fl{float:left;}
.fr{float:right;}

.both{clear:both;font-size:0;line-height:0;height:0;visibility:visible;}


.fix{*zoom:1;}
.fix:after{clear:both;content:"";display:table;}



/*---------------------------------------
    General               
-----------------------------------------*/



a {
  color: #666;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  text-decoration: none !important;
}

a:hover, a:active, a:focus {
  color: #333;
  outline: none;
}




/*---------------------------------------
  Pre loader section  圆圈加载效果            
-----------------------------------------*/

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  background: none repeat scroll 0 0 #ffffff;
}

.spinner {
  border: 1px solid transparent;
  border-radius: 5px;
  position: relative;
}

.spinner:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 65px;
  height: 65px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 1px solid #000000;
  border-top-color: #f9f9f9;
  animation: spinner .9s linear infinite;
}

@-webkit-@keyframes spinner {
  to {transform: rotate(360deg);}
}

@keyframes spinner {
  to {transform: rotate(360deg);}
}

/*---------------------------------------
  公共CSS          
-----------------------------------------*/
.container{ width:1190px; margin:0 auto; background:#fff; padding:5px;}
.conter{ overflow:hidden;}
.ad1{ width:870px; height:86px; margin:5px 0; background:url(adbanner.jpg) 0 0 no-repeat; text-align:center;}
.adleft{ height:60px; line-height:60px; text-align:center; margin-bottom:5px; background:#E3E4A9;}
.ad96368{ width:300px; height:110px;  margin-bottom:5px; margin-top:5px;}

.tittle{ height:32px; line-height:32px; background:#88AD4B; color:#fff; font-size:16px; text-align:left; padding-left:10px; font-weight:bold; border-radius:3px 3px 0 0;}
.tittle span{ float:right; font-size:14px; line-height:32px; padding-right:10px; color:#fff;}
.tittle span a{ display:block; color:#fff;}

.nlist{overflow:hidden;}
.nlist ul{}
.nlist ul li{ line-height:30px; text-align:left; padding:2px 0; }
.nlist ul li a{ line-height:30px;}
.nlist ul li a:hover{ color:#f00;}
.nlist ul li span{ float:right; line-height:30px; font-size:12px;}

.list{overflow:hidden;}
.list ul{ border:#eee 1px solid; border-top:none; padding:5px 10px; }
.list ul li{ line-height:30px; text-align:left;}
.list ul li a{ line-height:30px; background:url(ico.gif) left center no-repeat; padding-left:10px;}
.list ul li a:hover{ color:#f00;}
.list ul li span{ float:right; line-height:30px; font-size:12px;}

.listm{overflow:hidden;}
.listm ul{padding:5px 10px;}
.listm ul li{ line-height:40px; text-align:left; border-bottom:#eee 1px dotted;}
.listm ul li a{ display:block;}
.listm ul li a:hover{ color:#f00;}
.listm ul li span{ float:right; line-height:30px; font-size:12px;}

/*---------------------------------------
  幻灯片             
-----------------------------------------*/
.banner{width:100%; height:400px; background:url(5p.jpg) center center no-repeat;}
.banner .m{width:1192px; height:400px; margin:0 auto; position:relative;}
.banner .m .logo{ width:430px; height:120px; padding-left:15px;padding-top:25px;}

.banner .m .Navigation{ width:1192px; height:54px; background:#538427; position:absolute; left:0px; bottom:0px;filter:alpha(opacity=0.5);-moz-opacity:0.5;opacity:0.5; padding-left:4px; border-radius:5px 5px 0 0; padding-top:4px;}
.banner .m .Navigation li{ width:148px; text-align:center; float:left; }
.banner .m .Navigation li a{ line-height:50px; display:block; color:#FFF; font-weight:bold; background:url(h.jpg) right center no-repeat;}
.banner .m .Navigation li a:hover{ color:#000;}
.banner .m .Navigation li:hover{ background:#BCDB4F; color:#000;border-radius:5px 5px 0 0;}

.banner .adname{ position:absolute; font-family:"微软雅黑"; font-size:34px;  color:#538427; left:400px; top:200px; line-height:60px;letter-spacing:7px;  font-weight:bold;}
/*---------------------------------------
首页新闻            
-----------------------------------------*/
.leftbox{ float:left; width:870px; overflow:hidden; margin-right:10px;}
.l_box{ width:400px; float:left; margin-right:20px;}
.m_box{ float:left; width:450px;}
.rightbox{ float:right; width:300px;}

/*----L----*/
.endit{ width:400px; height:285px; overflow:hidden; position:relative; margin-bottom:13px;}
.endit img{ width:100%; height:285px;}
#modAdvsLb_modAdvsLb ul.items li a img { height:289px !important;}
/*----M----*/
.hotexe{ margin-bottom:5px; padding-bottom:10px; border-bottom:#eee 1px dotted;}
.hotexe h2{ text-align:left; line-height:28px; font-size:24px; font-weight:bold;}
.hotexe h5{ text-align:left; line-height:18px; padding-top:10px; color:#666;}

/*----R----*/
.vod{ width:300px; height:200px; background:#F90; margin:5px 0;}

/*---------------------------------------
  首页文章列            
-----------------------------------------*/
.listis{ float:left; width:425px; overflow:hidden; margin-bottom:10px;}
.mr{ margin-right:20px; visibility:visible;clear:both;}

/*---------------------------------------
 友情链接             
-----------------------------------------*/
.links{ width:1200px;overflow:hidden;}
.links small{ float:left; width:80px; line-height:30px; font-size:14px; color:#54A7A7;}
.links ul{}
.links ul li{ float:left; width:70px; height:30px;line-height:30px; text-align:center; color:#54A7A7; font-size:12px;}
.links ul li a{ display:block; line-height:30px; color:#54A7A7;}
.links ul li a:hover{ color:#066;}
.links ul li:hover{ background:#FC0;color:#066;}

/*---------------------------------------
 footer         
-----------------------------------------*/
.footer{ border-top:5px solid #066; background:#066; padding:20px 0 10px 0; height:120px; }

.foot{width:1200px; margin:0 auto;}
.foot .comp{ float:left; width:890px; height:50px; }
.foot .foottel{ float:right; width:300px; height:50px; line-height:50px;}
.foot .foottel i{ width:37px; height:50px; color:#54A7A7; padding:0 8px; background:url(tel.png) center center no-repeat; float:left;}
.foot .foottel span{ line-height:50px; font-size:35px; font-family:Arial, Helvetica, sans-serif; color:#54A7A7;}

/*---------------------------------------
    新闻列表页面           
-----------------------------------------*/
.list-1{ width:280px; float:left; margin-bottom:40px;}
.list-p{ width:880px; float:right; overflow:hidden; border:#eee 1px solid;}

.eeu{ line-height:40px; text-align:left; font-size:12px; padding-left:10px; border-bottom:2px solid #88AD4B; margin-bottom:2px;}
.eeu span{ float:right; line-height:40px; padding-right:15px;}

.sidinfo{ width:280px; font-size:16px; text-align:center; background:#88AD4B; line-height:45px; font-weight:bold; color:#fff;}
.sidnav{ border:1px solid #eee; overflow:hidden; margin-bottom:10px;}
.sidnav li{ line-height:40px; height:40px; text-align:center; border-bottom:1px dotted #ccc;}
.sidnav li a{ display:block; }
.sidnav li a:hover{color:#690;}
.sidnav li:hover{ background:#E1F3C0; color:#690;}

.opdt{ width:268px; border:1px solid #EEE; padding:0 5px;}
.opdt li{ line-height:35px; font-size:13px; }
.opdt li i{ float:left; padding:0 5px; width:20px; height:35px; line-height:35px; font-size:16px; color:#88AD4B;}
.user{background:url(user.png) center center no-repeat;}
.phone{background:url(phone.png) center center no-repeat;}
.add{background:url(add.png) center center no-repeat;}
/*---------------------------------------
    文章详情页面           
-----------------------------------------*/
.list-p h3{ font-size:24px; text-align:center;  margin-top:20px; font-weight:bold; color:#666;}
.list-p .viv{ line-height:32px; text-align:left; padding:10px; color:#666;}


/*---------------------------------------
      cp         
-----------------------------------------*/
.listcp{ overflow:hidden;}
.listcp li{ float:left; width:272px;  margin:10px;}
.listcp li img{ width:272px; height:200px;}
.listcp li p{ line-height:30px; height:30px; text-align:center; font-size:14px; color:#333;}

.pcbody{ overflow:hidden; padding:10px;}
.pcbody h3{ font-size:24px; font-weight:bold; text-align:center; margin-bottom:10px;}
.pcbody .pcimg{ max-width:500px; margin:0 auto;}
.pcbody .pcimg img{ width:100%;}
.pcbody .intro{ text-align:left; line-height:32px; margin-top:15px;}
.pcbody .intro p{ text-indent:2em;}

/*---------------------------------------
     分页          
-----------------------------------------*/
.page {
	width: 100%;
	padding-top:30px;
	text-align: center;
	padding-bottom:30px;
}
.page p {
	width: 100%;
	height: 28px;
	font: 12px/28px "microsoft yahei";
	color: #1d1d1d;
	overflow: hidden;
}

.page p a {
	color: #1d1d1d
}
.page p a:hover, .back:hover {
	text-decoration: underline
}
.page a {
	border: 1px solid #ccc;
	padding: 10px 13px;
	margin: 5px;
	color: #333;
}
.redfont {
	background: #bc0f04;
	border: 1px solid #ccc;
	padding: 10px 13px;
	margin: 5px;
	color: #fff;
}
.page a:hover {
	background: #ccc;
	color: #bc0f04;
	border: 1px solid #ccc;
	padding: 10px 13px;
	margin: 5px;
}

/*---------------------------------------
      首页图片列表         
-----------------------------------------*/
.mt20{margin-top:20px;}
.icon{background:url(../images/icon.png) no-repeat 0 0;}

.warp-pic-list li{float:left;display:inline;}
.warp-pic-list .img_wrap{display:block;font-size:0;overflow:hidden;}
.warp-pic-list .text-area{background-color:#8BAF49;line-height:24px;}
/*全局板块*/
.row .hd{height:45px; border-bottom:2px #eee solid;}
.row .hd .title{font:24px/40px "微软雅黑","Microsoft YaHei","黑体","SimHei";}
/*全局页签*/
.tab-T-3{width:66px;}
.tab-T-3 li{width:12px;height:12px;font-size:0;background-color:#E1F3C0;float:left;margin-left:10px;cursor:pointer;display:inline;}
.tab-T-3 li.cur{background-color:#8BAF49;}
/*---*/
.rowE .warp-pic-list{position:relative;width:1180px;height:275px;overflow:hidden;}
.rowE .count li{margin-right:20px;width:180px;height:275px;}
.rowE .count .img_wrap{width:180px;height:180px;}
.rowE .count li .text-area{padding:10px 0 10px 15px;}
.rowE .count li .text-area  p{line-height:24px;height:24px; }
.rowE .count li:hover .text-area,.rowE .count li.hover .text-area{background-color:#d81c1b;color:#fff;}
.rowE .count .p-num{font-family:"Tahoma";font-weight:bold; color:#fff;}
.rowE .btn{display:block;height:55px;position:absolute;top:78px;width:35px;z-index:200;cursor:pointer;}
.rowE .prev{ background-position:0 -88px;left:0;}
.rowE .prev:hover{background-position:0 -144px;}
.rowE .next{ background-position:0 -200px;right:0;}
.rowE .next:hover{background-position:0 -256px;}

/*--------------------------------------------------
 qq
 ---------------------------------------------*/
.rides-cs {  font-size: 12px; background:#29a7e2; position: fixed; top: 250px; right: 0px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;margin-top: 21px;height: 181px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatR .cn {background:#F7F7F7; border-radius:6px;margin-top:4px;}
.rides-cs .cn .titZx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li { line-height: 38px; height:38px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li a{color: #777;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:25px; left: 0;  background-image: url(lanrenzhijia.png); background-repeat: no-repeat; display:block;  height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: 0 0;}
.rides-cs .btnCtn { background-position: -37px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}

/*---------------------------------------
      jquery文本向上滚动代码         
-----------------------------------------*/
.scrollbox{width:298px;border:#ccc 1px solid;}
#scrollDiv{ padding:5px;height:160px; overflow:hidden;}/*这里的高度和超出隐藏是必须的*/
#scrollDiv li{height:30px;line-height:30px; vertical-align:bottom; zoom:1; border-bottom:#eee dotted 1px;}
#scrollDiv li a{ color:#333; line-height:30px; text-decoration:none; background:url(ico.gif) left center no-repeat; padding-left:10px;}
#scrollDiv li a:hover{ color:#FF0000; text-decoration:underline;}
#scrollDiv li span{ float:right; line-height:30px; color:#666;font-size:12px;}

.scroltit{ height:32px; line-height:32px; background:#88AD4B; color:#fff;}
.scroltit h3{ width:100px; float:left; font-weight:bold;}
.scroltit h3 a{color:#fff; padding-left:10px;}
.scroltit small{float:right; font-size:13px; padding-right:10px;}


/*上滑*/
.luara-top{position:relative;padding:0;overflow: hidden;}
.luara-top ul{position: relative;padding: inherit;margin: 0;}
.luara-top ul li{padding: inherit;margin: inherit;list-style: none;}
.luara-top ul li img{width: inherit;height: inherit;}

.example1{ height:285px; }
.example1 ol{position:absolute;width: 80px;height: 20px;bottom:10px;right:10px;}
.example1 ol li{float:left;width: 10px;height: 10px;margin: 5px;background: #fff;}
.example1 ol li.seleted{background: #1AA4CA;}
.example1 ul li span{ height:30px; line-height:30px; position:absolute; left:0; bottom:0; color:#fff; padding-left:15px;}

/*Share*/
 .socialShare {
    display: block;
    width: 54px;
    height: 54px;
    position: relative;
    z-index: 1;
}
.socialShare .msb_main {
    display: block;
    width: 46px;
    height: 46px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    cursor: pointer;
    text-indent: -9999px;
    border: 4px solid #FFF;
    box-shadow: 0 0 5px #DDD;
    border-radius: 36px;
}
.socialShare .msb_main:hover {
    box-shadow: 0 0 5px #BBB;
}
.socialShare .msb_main img {
    width: 46px;
    height: 46px;
    cursor: pointer;
    border-radius: 23px;
    border: none;
    float: left
}
.socialShare .msb_network_button {
    width: 31px;
    height: 31px;
    position: absolute;
    top: 9px;
    left: 92px;
    z-index: 1;
    cursor: pointer;
    text-indent: -9999px;
    display: none;
    background: no-repeat;
	border: 6px solid #f5f5f5;
	border-radius: 50%;
}
.socialShare .msb_network_button.sina {
    background: url(social.png) no-repeat -130px -87px;
}
.socialShare .msb_network_button.tQQ {
    background: url(social.png) no-repeat -185px -20px;
}
.socialShare .msb_network_button.qZone {
    background: url(social.png) no-repeat -73px -20px;
}
.socialShare .msb_network_button.douban {
    background: url(social.png) no-repeat -130px -151px;
}
.socialShare .msb_network_button.weixin {
    background: url(social.png) no-repeat -73px -87px;
}
.socialShare .msb_network_button:hover{transition: -moz-transform 2s ease-out 0s;border: 6px solid #eee;}