html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,section, article, aside, header, footer, nav, dialog, figure,menu,hgroup,iframe{ margin:0; padding:0; border:0; -webkit-font-smoothing:antialiased; font-family:"Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;}
html{ -webkit-text-size-adjust:none;}
body{ font-size:12px; line-height:22px; background:#fff;  -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased;  font-smoothing: antialiased;  }
::selection{ background:#24b727; color:#fff;}
::-moz-selection{ background:#24b727; color:#fff;} 
::-webkit-selection{ background:#24b727; color:#fff;}
input, button, select, textarea {-moz-appearance: none;-webkit-appearance: none;appearance: none;border-radius: 0;background: #fff;border: 0}
img{ border:none;vertical-align:middle; -ms-interpolation-mode: bicubic;}
body{ -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased;  font-smoothing: antialiased;}

	
@font-face {
  font-family: 'FontAwesome';
  src: url('../font/fontawesome-webfont.eot');
  src: url('../font/fontawesome-webfont.eot') format('embedded-opentype'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

.f_soc{ font-family: 'FontAwesome';}


.icon_wb:before{content:"\f18a";}
.icon_wx:before{content:"\f1d7";}
/*.icon_dr:before{content:"\e802";}
.icon_zc:before{content:"\e803";}
.icon_bh:before{content:"\e804";}
 */

     	

body{overflow: -moz-scrollbars-vertical;} 
.menu_bt{position: relative;z-index: 9999; width:24px;height:12px;border-top: 2px solid #666;border-bottom: 2px solid #666;vertical-align: middle; float:right; display:none;}
.menu_bt:after {content: '';position: absolute;top: 0;left: 0;right: 0;height:5px;border-bottom: 2px solid #666; transition: all 100ms linear 0ms;}
.menu_bt span:after {border-color: #666}
.menu_bt span {font-size: 0;	text-indent: -9999px}
.menu_bt span:before, .menu_bt span:after {content: '';position: absolute;top: 50%;right: 0;left: 0;border-top: 1px solid black;transition: all 100ms linear 0ms;}
.menu_bt.open {color: transparent !important; border:0;}
.menu_bt.open:after {-webkit-transform: scale(0);transform: scale(0);}
.menu_bt.open span:before, .menu_bt.open span:after { border-width: 2px;border-color: white;}
.menu_bt.open span:before {-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.menu_bt.open span:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg)}
 

.header{ background:none; height:76px; width:100%; z-index:111100;  position:fixed; left:0; top:0;}
.header .con{ width:1200px; margin:0 auto; }
.header.add{ background:#fff; box-shadow:0 0 5px 2px rgba(0,0,0,.1);}
.logo{ float:left; position:relative; z-index:1000;}
.logo.gao{ z-index:10;}
.logo a{ background:no-repeat; width:170px; height:38px; display:block; background-size:auto 38px; }

.header.add .logo a{ background:no-repeat; width:170px; height:38px; display:block; background-size:auto 38px;}

/* site-navbar ======================================================================================================== */

.site-navbar{
	float: right;
	}
.site-navbar li{
	position: relative;
	float: left;
width: 157px;}
.header.add .site-navbar li > a{ color:#333;}
.site-navbar .nav li.zi{ display:none;}
.site-navbar li:hover{z-index: 2}
/*.site-navbar a{
	display: block;
	padding: 0 15px;
	color: #666;
}*/
/* site-navbar ======================================================================================================== */
.site-navbar li > a{ font-size:16px; padding:0 10px; color:#3f0d0d; height:74px;line-height:74px; display:block;overflow: hidden;}
.site-navbar li:hover > a,
.site-navbar li.active a:hover,
.site-navbar a:hover{color: #333;}
.site-navbar .fa{width: 18px;}
.site-navbar .fa-angle-down{width: 11px;}
.search-on .site-navbar li.navto-search a{color: #45B6F7;}
.topbar .fa{width: 14px;}
.topbar .fa-angle-down{width: 9px;}
.topbar{
	position: absolute;
	top: -39px;
	left: 0;right: 0;
	margin-bottom: 20px;
	margin-right: -15px;
	color: #999;
}
.topbar a{
	color: #999;
}
.topbar a:hover{
	color: #45B6F7;
}
.topmenu{
	float: right;
}
.topmenu li{
	position: relative;
	float: left;
}
.topmenu li:hover{z-index: 2}
.topmenu a{
	display: block;
	padding: 0 15px;
	color: #999;
}


.topmenu .red{color: #FF5E52;display: inline-block;}
.topmenu .red:hover{color: #FF5E52;text-decoration: underline;}

.site-nav .sub-menu{display: none;position: absolute;top: 100%;left: 0;background-color: #fff;font-size: 12px;padding: 1px 0;border: 1px solid #ddd;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);line-height: 32px;width: 104px;/*font-weight: bold;*/border-radius: 4px;}
.site-nav ul .sub-menu{/*left: 100%;top: -7px;border-radius: 0*/}
.site-nav .sub-menu li{float: none;}
.site-nav .sub-menu a:hover{background-color: #f6f6f6;}
.site-nav li:hover > .sub-menu{display: block;}
.site-nav li:hover .fa-angle-down{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.site-nav li.current-menu-item > a, .site-nav li.current-menu-parent > a{color: #45B6F7;}

/* site-navbar ======================================================================================================== */



.page-overlay{ float:right;}
.page-overlay .nav{ float:left;}
.page-overlay .nav li{ float:left; margin-left:65px; position:relative;}
.page-overlay .nav li > a{ font-size:16px; padding:0 10px; color:#fff; line-height:74px; display:block;}
.page-overlay .nav li > a:hover{ border-bottom:2px solid #fff;}
.page-overlay .nav li > a.on{ border-bottom:2px solid #fff;}
.page-overlay .nav li.zi{ display:none;}

.header.add .page-overlay .nav li > a{ color:#333;}
.header.add .page-overlay .nav li > a:hover{ color:#25b728; border-bottom:2px solid #25b728;}
.header.add .page-overlay .nav li > a.on{  color:#25b728; border-bottom:2px solid #25b728;}
@media screen and (max-width:1230px) {
.page-overlay .nav li{ float:left; margin-left:35px;}
.header .con{ width:90%;} 
}
 
@media screen and (max-width:768px) {
.menu_bt{ display:block; margin:17px 10px 0 0;}	
.page-overlay {position: fixed; top: 0;right: 0;bottom: 0;left: 0; height:0; z-index:999; width: 100%; overflow:hidden;  padding-top:40px; background:#000; transition:all .2s ease-in-out;color:#fff; opacity:0;}
.page-overlay.black{opacity:1; height:100%;}	

.header{ height:50px;}
.header .con{ width:100%;} 
.header.add .logo a{ background: no-repeat; width: 160px; height: 30px;background-size:auto 30px; margin-left:15px;}
.logo img{
	height: 50px;
}
.page-overlay .nav{ width:90%; margin:0 auto; margin-top:64px; float:none; text-align:left; }
.page-overlay .nav li{ float:none; padding:0; margin-left:0;}
.header.add .page-overlay .nav li > a{ font-size:24px; color:#fff; line-height:40px; padding:10px 0;}
.header.add .page-overlay .nav li > a:hover{ color:#fff; border:0; color:#25b728;}
.header.add .page-overlay .nav li > a.on{  color:#fff; border:0;  color:#25b728;}
.page-overlay .nav li.zi{ display:block;} 
.page-overlay .nav li.zi em{ display:block; width:32px; height:2px; background:#666; margin:30px 0 10px 0;}
}

@media screen and (max-width:400px) {
.page-overlay .nav{   margin-top:20px;}
.header.add .page-overlay .nav li > a{ font-size:20px; padding:8px 0;}
.page-overlay .nav li.zi em{ margin:20px 0 10px 0;}
}
@media screen and (max-width:320px) {
.header.add .page-overlay .nav li > a{ font-size:18px;  padding:5px 0;}
}

/* 首页导航样式的调整 ======================================================================================================== */
@media screen and (max-width:1230px) {
.site-navbar .nav li{ float:left; margin-left:35px;}
.header .con{ width:90%;} 
}
 
@media screen and (max-width:768px) {
.menu_bt{ display:block; margin:17px 10px 0 0;}	
.site-navbar {position: fixed; top: 0;right: 0;bottom: 0;left: 0; height:0; z-index:999; width: 100%; overflow:hidden;  padding-top:40px; background:#000; transition:all .2s ease-in-out;color:#fff; opacity:0;}
.site-navbar.black{opacity:1; height:100%;}
.header{ height:50px;}
.header .con{ width:100%;} 
.header.add .logo a{ background:  no-repeat; width: 160px; height: 30px;background-size:auto 30px;margin-left:15px;}

.site-navbar .nav{ width:90%; margin:0 auto; margin-top:64px; float:none; text-align:left; }
.site-navbar .nav li{ float:none; padding:0; margin-left:0;width: 100%;}
.header.add .site-navbar .nav li > a{ font-size:24px; color:#fff; line-height:40px; padding:10px 0;height: 40px;overflow: hidden;}
.header.add .site-navbar .nav li > a:hover{ color:#fff; border:0; color:#25b728;}
.header.add .site-navbar .nav li > a.on{  color:#fff; border:0;  color:#25b728;}
.site-navbar .nav li.zi{ display:block;} 
.site-navbar .nav li.zi em{ display:block; width:32px; height:2px; background:#666; margin:30px 0 10px 0;}
}

@media screen and (max-width:400px) {
.site-navbar .nav{   margin-top:20px;}
.header.add .site-navbar .nav li > a{ font-size:20px; padding:8px 0;}
.site-navbar .nav li.zi em{ margin:20px 0 10px 0;}
}
@media screen and (max-width:320px) {
.header.add .site-navbar .nav li > a{ font-size:18px;  padding:5px 0;}
}






/*加载进度条*/
.fade { transition: all 300ms linear 700ms;/*-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);*/ opacity: 1;}
.fade.out {opacity: 0;}

#nprogress { pointer-events:none;} /*鼠标事件拜拜的意思*/
#nprogress .bar {background: #24b727;position: fixed; z-index: 1031;top: 0;left: 0;width: 100%;height: 2px;}
#nprogress .peg {display: block;position: absolute;right: 0px;width: 100px;height: 100%;box-shadow: 0 0 10px #24b727, 0 0 5px #24b727;
opacity: 1.0;-webkit-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px);}
#nprogress .spinner {display: block;position: fixed;z-index: 1031;top: 15px;right: 15px;}

#nprogress .spinner-icon {width: 18px;height: 18px;box-sizing: border-box;border: solid 2px transparent;border-top-color: #24b727;border-left-color: #24b727;border-radius: 50%;-webkit-animation: nprogress-spinner 400ms linear infinite;animation: nprogress-spinner 400ms linear infinite;}
.nprogress-custom-parent {overflow: hidden;position: relative;}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {position: absolute;}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/*底部*/
.main_foot {background: #f4f4f4; overflow: hidden; padding-bottom:20px;line-height: 24px;}
.foot {width: 1200px; overflow: hidden; margin:10px auto; }
.foot_logo { width: 100%;text-align: center;  }
.foot_logo img{ display: block;margin: 0 auto;width: 150px; }
.foot_logo p{ font-size:15px; color:#333; }
.foot ul { float: left; text-align: left; line-height:32px; color:#333;}
.foot ul li { clear: both;}
.foot ul h1 { font-size:18px; color:#222; margin-bottom:5px;}
.foot ul.list2 h1 { color: #24b727;}
.foot ul a { color: #333;}
.foot ul a:hover { color: #24b727;}
.foot ul.list1 { width:72px; margin-left:62px; height:220px;}
.foot ul.list2 {  float: right;  }
.foot .list2 i { background: url(../images/icon.png) no-repeat;width: 17px;height: 17px; display:inline-block;margin:0px 3px 0 10px; vertical-align:-2px;}
.foot .list2  i.qq {background-position: -386px -29px;}
.foot .list2 .jiaotan{ color:#24b727;}
.foot .list2 .jiaotan:hover{ text-decoration:underline;}
 
.foot_bottom {color: #333; text-align:center; clear:both; width:100%; margin:0 auto; overflow:hidden;}

i,em{ font-style:normal;}
.foot_bottom a i { display:inline-block; font-size:18px; margin:0 5px 10px 5px;color: #666 !important;}

.foot_bottom a  .icon_wb{color:#da251c;}
.foot_bottom a  .icon_wx{color:#00c800;}
.foot_bottom a  .icon_dr{color:#c32361;}
.foot_bottom a  .icon_zc{color:#ffd100;}
.foot_bottom a  .icon_bh{color:#1377ff;}

/*.foot_bottom a i.weibo {background-position: -409px 0;}
.foot_bottom a i.weixin {background-position: -423px -121px;}
.foot_bottom a i.dri {background-position: -409px -29px;}
.foot_bottom a i.blog {background-position: -409px -58px;}
.foot_bottom a i.cool {background-position: -409px -88px;}
.foot_bottom a i.fang { width:15px; background-position: -444px -30px;}
.foot_bottom a i.dou {  width:16px; background-position: -444px -57px;}
.foot_bottom a i.lofter {  width:16px; background-position: -489px -30px;}*/


/*.foot_bottom a:hover i.weibo {background-position: -360px 0;}
.foot_bottom a:hover i.weixin {background-position: -398px -121px;}
.foot_bottom a:hover i.dri {background-position: -360px -29px;}
.foot_bottom a:hover i.blog {background-position: -360px -58px;}
.foot_bottom a:hover i.cool {background-position: -360px -88px;}
.foot_bottom a:hover i.fang {background-position: -468px -30px;}
.foot_bottom a:hover i.dou {background-position: -467px -57px;}
*/


@media screen and (max-width:1200px){
 
.foot{ width:1000px;}
.foot ul.list1 { width:110px; margin-left:30px;}
 
 
}
 
@media screen and (max-width:1000px){
 
.foot{ width:100%; margin:10px auto}
.foot_logo img{ max-width: 70%;}
.foot ul.list1 { width:120px; margin-left:10px;}
 

}
@media screen and (max-width:760px){
 
.foot{ width:100%; }
.foot ul h1{ margin-bottom:3px;}
.foot ul.list1 { width:19%; margin:0 3%;}
.foot ul.list2{ width:44%; margin:0 3%; float:left;}
 
}
@media screen and (max-width:470px){
.foot ul{ line-height:28px;}
.foot{ margin:25px auto 30px auto;}
 .foot ul.list1 { width:42%; margin:0 3%; height:190px; /*text-align:center;*/}
 .foot ul.list2{ width:44%; margin:0  3%; float:left;  text-align:center;}
 
}

.theme-mask{z-index:10000;position:fixed; _position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5; display:none; }
.popover1{ width:360px; height:400px; z-index:100001; position:fixed; top:50%;left:50%; background:#fff; margin:-200px 0 0 -180px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center;}
.popover1 dl{ margin-top:60px; font-size:14px; color:#333; line-height:40px;}
.popover1 dl a{ width:110px; height:40px; background:#24b728; color:#fff; display:inline-block; border-radius:2px; font-size:14px;}