::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: "HYQiHei-75W";
  src: url("../fonts/HYQiHei-75W.woff2") format("woff2"),
       url("../fonts/HYQiHei-75W.woff") format("woff"),
       url("../fonts/HYQiHei-75W.ttf") format("truetype"),
       url("../fonts/HYQiHei-75W.eot") format("embedded-opentype"),
       url("../fonts/HYQiHei-75W.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HYQiHei-50S";
  src: url("../fonts/HYQiHei-50S.woff2") format("woff2"),
       url("../fonts/HYQiHei-50S.woff") format("woff"),
       url("../fonts/HYQiHei-50S.ttf") format("truetype"),
       url("../fonts/HYQiHei-50S.eot") format("embedded-opentype"),
       url("../fonts/HYQiHei-50S.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "CenturyGothic";
  src: url("../fonts/CenturyGothic.woff2") format("woff2"),
       url("../fonts/CenturyGothic.woff") format("woff"),
       url("../fonts/CenturyGothic.ttf") format("truetype"),
       url("../fonts/CenturyGothic.eot") format("embedded-opentype"),
       url("../fonts/CenturyGothic.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DINAlternateBold";
  src: url("../fonts/DINAlternateBold.woff2") format("woff2"),
       url("../fonts/DINAlternateBold.woff") format("woff"),
       url("../fonts/DINAlternateBold.ttf") format("truetype"),
       url("../fonts/DINAlternateBold.eot") format("embedded-opentype"),
       url("../fonts/DINAlternateBold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DIN-Bold";
  src: url("../fonts/DIN-Bold.woff2") format("woff2"),
       url("../fonts/DIN-Bold.woff") format("woff"),
       url("../fonts/DIN-Bold.ttf") format("truetype"),
       url("../fonts/DIN-Bold.eot") format("embedded-opentype"),
       url("../fonts/DIN-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MyriadPro-Bold";
  src: url("../fonts/MyriadPro-Bold.woff2") format("woff2"),
       url("../fonts/MyriadPro-Bold.woff") format("woff"),
       url("../fonts/MyriadPro-Bold.ttf") format("truetype"),
       url("../fonts/MyriadPro-Bold.eot") format("embedded-opentype"),
       url("../fonts/MyriadPro-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MyriadPro-Regular";
  src: url("../fonts/MyriadPro-Regular.woff2") format("woff2"),
       url("../fonts/MyriadPro-Regular.woff") format("woff"),
       url("../fonts/MyriadPro-Regular.ttf") format("truetype"),
       url("../fonts/MyriadPro-Regular.eot") format("embedded-opentype"),
       url("../fonts/MyriadPro-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MyriadPro-Semibold";
  src: url("../fonts/MyriadPro-Semibold.woff2") format("woff2"),
       url("../fonts/MyriadPro-Semibold.woff") format("woff"),
       url("../fonts/MyriadPro-Semibold.ttf") format("truetype"),
       url("../fonts/MyriadPro-Semibold.eot") format("embedded-opentype"),
       url("../fonts/MyriadPro-Semibold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SourceHanSansCN-Regular";
  src: url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"),
       url("../fonts/SourceHanSansCN-Regular.woff") format("woff"),
       url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"),
       url("../fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype"),
       url("../fonts/SourceHanSansCN-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}


/*鑿滃崟*/

.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}

 

.container {padding-right:15px;padding-left:15px;margin-right: auto;margin-left: auto;}

.container:before,

.container:after {display: table;content: " ";}

.container:after {clear: both;}

.container:before,

.container:after {display: table;content: " ";}

.container:after {clear: both;}



@media (min-width: 768px) {

  .container {width: 100%;}

}



@media (min-width: 992px) {

  .container {width: 100%;}

}



@media (min-width: 1200px) {

  .container {width: 100%;}

}

 



.collapse {display: none;}

.collapse.in {display: block;}

.collapsing {position: relative;height: 0;overflow: hidden;-webkit-transition: height 0.35s ease;transition: height 0.35s ease;}

.caret {display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px solid;

border-right: 4px solid transparent;border-left: 4px solid transparent;}

.dropdown {position: relative;}

.dropdown-toggle:focus {outline: 0;}



 



@media (min-width: 768px) {

  .navbar-right .dropdown-menu {right: 0;left: auto;}

}





.nav {padding-left: 0;margin-bottom: 0;list-style: none; padding-right:53px;}

.nav:before,.nav:after {display: table;content: " ";}

.nav:after {clear: both;}

.nav:before,.nav:after {display: table;content: " ";}

.nav:after {clear: both;}

.nav > li {position: relative;display: block;}

.nav > li > a {position: relative;display: block;padding:0; margin-left:41px;}

.nav > li > a:hover,.nav > li > a:focus {text-decoration: none;}

 

.nav .open > a,

.nav .open > a:hover,

.nav .open > a:focus {background-color: #eeeeee;border-color: #428bca;}

.nav .nav-divider {height: 1px;margin: 9px 0;overflow: hidden;background-color: #e5e5e5;}

.nav > li > a > img {max-width: none;}



 



.navbar {position: relative;min-height: 50px;margin-bottom: 20px;border: 1px solid transparent;}

.navbar:before,

.navbar:after {display: table;content: " ";}

.navbar:after {clear: both;}

.navbar:before,

.navbar:after {display: table;content: " ";}

.navbar:after {clear: both;}



.pnav_bg{ width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:999; background-color: rgba(0,0,0,.75) !important; display:none; }
.panv{ width:100%; height:auto; position:fixed; top:20px; padding-left:28px;  z-index:999; }
.pnav_logo{ width:100%; height:auto; }
.pnav_logo img{ width:26.3%; height:auto; }
.panvitem{ width:100%; height:auto; margin:24px auto; }
.panvitem ul li{ width:100%; height:auto; line-height:30px; margin:6px auto; display:inline-block; }
.panvitem ul li a{ font-size:29px; color:#fff; font-family:'MyriadPro-Regular'; letter-spacing:2px; }
.nav-toggle {
  position: fixed;
  z-index: 99999;
  top: 15px;
  right: 20px;
  width: 36px;
  height: 36px;
  color: white;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  transition: all .15s ease;
}

.nav_app{ width:100%; height:56px; position:fixed; left:0px; top:0px; z-index:999; background-color: rgba(255,255,255,0) !important; display:none;}
.nav_logo{ width:50%; height:auto; float:left; }
.nav_logo img{ height:36px; margin-left:15px; margin-top:15px; }
.nav_icon{ width:50%; height:auto; float:left; }
.nav-toggle2 {
  width: 36px;
  height: 36px; float:right; margin-top:15px; margin-right:20px;
  color: white;
  padding: 0;
  border: none;
  background-color: transparent;
  transition: all .15s ease;
}


@media (min-width: 768px) {

 .navbar {border-radius: 4px;}

}



.navbar-header:before,

.navbar-header:after {display: table;content: " ";}

.navbar-header:after {clear: both;}

.navbar-header:before,

.navbar-header:after {display: table;content: " ";}

.navbar-header:after {clear: both;}

@media (min-width: 768px) {

  .navbar-header {float: left;}

}



.navbar-collapse {max-height: 340px;padding-right: 15px;padding-left: 15px;overflow-x: visible;border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);-webkit-overflow-scrolling: touch;}

.navbar-collapse:before,

.navbar-collapse:after {display: table;content: " ";}

.navbar-collapse:after {clear: both;}

.navbar-collapse:before,

.navbar-collapse:after {display: table;content: " ";}

.navbar-collapse:after {clear: both;}

/*.navbar-collapse.in {overflow-y: auto;}*/



@media (min-width: 768px) {

.navbar-collapse {width: auto;border-top: 0;box-shadow: none;}

.navbar-collapse.collapse {display: block !important;height: auto !important;padding-bottom: 0;overflow: visible !important;}

.navbar-collapse.in {overflow-y: visible;}

.navbar-fixed-top .navbar-collapse,

.navbar-static-top .navbar-collapse,

.navbar-fixed-bottom .navbar-collapse {padding-right: 0;padding-left: 0;}

}



.container > .navbar-header,

.container > .navbar-collapse {margin-right: -15px;margin-left: -15px;}



@media (min-width: 768px) {

.container > .navbar-header,

.container > .navbar-collapse {margin-right: 0;margin-left: 0;}

}



.navbar-static-top {z-index: 1000;border-width: 0 0 1px;}



@media (min-width: 768px) {

.navbar-static-top {border-radius: 0;}

}



.navbar-fixed-top,.navbar-fixed-bottom {position: fixed;right: 0;left: 0;z-index: 1030;}



@media (min-width: 768px) {

.navbar-fixed-top,

.navbar-fixed-bottom {border-radius: 0;}

}

.navbar-default {background:url(../images/header.png) repeat; background:none;  }


.navbar-fixed-top {top: 0; border-width:0px;}

.navbar-fixed-bottom {bottom: 0;margin-bottom: 0;border-width:0;}

.navbar-brand {float: left; width:255px; height:55px;  /* background:url(../images/logo.png) no-repeat; background-size:auto 30px; text-indent:-100000px;*/}

.navbar-brand:hover,

.navbar-brand:focus {text-decoration: none;}



@media (min-width: 768px) {

.navbar > .container .navbar-brand {margin-left: -15px;}}



.navbar-toggle {position: relative;float: right;padding: 9px 10px;margin-top: 8px;margin-right: 15px;margin-bottom: 8px;background-color: transparent;background-image: none;border: 1px solid transparent;border-radius: 4px; cursor:pointer;}

.navbar-toggle .icon-bar {display: block;width: 22px;height: 2px;border-radius: 1px; cursor:pointer;}

.navbar-toggle .icon-bar + .icon-bar {margin-top: 4px;}



@media (min-width: 768px) {

.navbar-toggle {display: none;}

}



.navbar-nav {margin: 7.5px -15px;}

.navbar-nav > li > a {padding-top:10px;  padding-bottom:10px;}



@media (max-width: 767px) {

.navbar-nav .open .dropdown-menu {position: static;float: none;width: auto;margin-top: 0;background-color: transparent;border: 0;box-shadow: none;}

.navbar-nav .open .dropdown-menu > li > a,

.navbar-nav .open .dropdown-menu .dropdown-header {padding: 5px 15px 5px 25px;}

.navbar-nav .open .dropdown-menu > li > a {line-height: 20px;}

.navbar-nav .open .dropdown-menu > li > a:hover,

.navbar-nav .open .dropdown-menu > li > a:focus {background-image: none;}

.navbar-brand { width:120px; margin:0px 0 0 10px;}

.navbar { display:none;}
 .nav_app{ display:block; }

}



@media (min-width: 768px) {

.navbar-nav {float: left;margin: 0;}

.navbar-nav > li {float: left;}

.navbar-nav > li > a {padding-top:40px;padding-bottom:20px; line-height:20px; }

.navbar-nav.navbar-right:last-child {margin-right: -15px;}

.navbar-brand{ margin:0px 0 0 20px;}

}



@media (min-width: 768px) {

.navbar-left {float: left !important;}

.navbar-right {float: right !important;}

}

 


 

.navbar-nav > li > .dropdown-menu {margin-top: 0;border-top-right-radius: 0;border-top-left-radius: 0;}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {border-bottom-right-radius: 0;border-bottom-left-radius: 0;}

.navbar-nav.pull-right > li > .dropdown-menu,.navbar-nav > li > .dropdown-menu.pull-right {right: 0;left: auto;}

.navbar-default { }

.navbar-default .navbar-brand {color: #222;}

.navbar-default .navbar-brand:hover,

.navbar-default .navbar-brand:focus {color: #bc3838; background-color: transparent;}

.navbar-default .navbar-text {color: #222;}

.navbar-default .navbar-nav > li > a {color:#222; font-size:14px; position:relative; font-family:'HYQiHei-75W'; }

.navbar-default .navbar-nav > li > a:hover,

.navbar-default .navbar-nav > li > a:focus {color:rgba(158,213,236);}

.navbar-default .navbar-nav > .active > a,

.navbar-default .navbar-nav > .active > a:hover,

.navbar-default .navbar-nav > .active > a:focus {color:rgba(158,213,236); }









.navbar-default .navbar-toggle {border-color: none;}

.navbar-default .navbar-toggle:hover,

.navbar-default .navbar-toggle:focus {background-color: none;}

.navbar-default .navbar-toggle .icon-bar {background-color:#666;}

.navbar-default .navbar-collapse,

.navbar-default .navbar-form {border-color: #e7e7e7;}

.navbar-default .navbar-nav > .open > a,

.navbar-default .navbar-nav > .open > a:hover,

.navbar-default .navbar-nav > .open > a:focus {color: #555555;background-color: #e7e7e7;}



@media (max-width: 767px) {

.navbar-default .navbar-nav > li > a{ text-align:center; margin:0; padding:5px 0 20px 0;}	

.navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #777777;}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,

.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {color: #333333;background-color: transparent;}

.navbar-default .navbar-nav .open .dropdown-menu > .active > a,

.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,

.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {color: #555555;}

.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,

.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,

.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {color: #cccccc;background-color: transparent;}

}

.navbar-default .navbar-link {color: #777777;}

.navbar-default .navbar-link:hover {  color: #333333;}







/*鍔犺浇杩涘害鏉�*/

.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 { width:100%; height:100%; background:url(../images/load1.png) no-repeat center center; position:absolute; left:0px; top:0px; }





/*搴曢儴*/

.main_foot { width:100%; height:auto; margin:0px auto; margin-top:150px; }

.foot {width: 1200px; overflow: hidden; margin:65px auto 40px auto; }

.foot_logo { float: left;   }

.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:120px; margin-left:75px; height:220px;}

.foot ul.list2 { width:215px; 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;}



.foot_bottom a i { background: url(../images/icon.png) no-repeat;width: 23px;height: 19px; display:inline-block; margin: 5px;}





.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 {background-position: -490px -30px;}


.foot_c1{ width:90%; height:auto; margin:0px auto; margin-top:50px; text-align:left; font-family:"MyriadPro-Bold"; }
.foot_c1 dl dt{ width:66px; line-height:25px; font-size:18px; color:#000; display:inline-block; margin-top:7px; }
.foot_c1 dl dd{ height:25px; line-height:25px; font-size:18px; color:#000; display:inline-block; margin-top:7px; }
.foot_c1 dl dd a{  color:#000;  }

.foot_c2{ width:90%; height:28px; padding-bottom:5px; margin:0px auto; margin-top:200px; text-align:left; border-bottom:#d6d6d6 1px solid; font-family:"MyriadPro-Regular";  }
.foot_c2_left{ width:70%; float:left; font-size:16px; color:#000; }
.foot_c2_right{ width:30%; float:left; font-size:16px; color:#000; text-align:right; }
.foot_c2_right a{ font-size:14px; color:#000; margin-left:15px; margin-right:15px;}
.foot_c2_right a font{ font-size:14px; }

.foot_c3{ width:90%; height:auto; margin:0px auto; margin-top:65px; margin-bottom:65px; text-align:center;   }


/*

.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:100%;}

.foot ul.list1 { width:120px; margin-left:30px;}

 

 

}

 

@media screen and (max-width:1000px){

 

.foot{ width:100%; margin:25px auto 40px auto}

.foot_logo{ float:none; margin:0 auto 20px auto; display:none;}

.foot ul.list1 { width:120px; margin-left:10px;}

 



}

@media screen and (max-width:760px){

 .main_foot { width:100%; height:auto; margin:0px auto; margin-top:100px; text-align:center; }

.foot{ width:100%; }

.foot ul h1{ margin-bottom:3px;}

.foot ul.list1 { width:19%; margin:0 3%;}

.foot ul.list2{ width:93%; margin:0 auto; float:none;}

.foot_c1{ width:90%; height:auto; margin:0px auto; margin-top:50px; text-align:center; }
.foot_c1 dl dt{ width:auto; line-height:35px; font-size:18px; color:#000; display:inline-block; padding-right:5px; }
.foot_c1 dl dd{ height:35px; line-height:35px; font-size:18px; color:#000; display:inline-block; }

.foot_c2{ width:90%; height:auto; margin:0px auto; margin-top:70px; display:inline-block; text-align:center; border-bottom:#333 1px solid;  }
.foot_c2_left{ width:100%; height:auto; line-height:50px; font-size:16px; color:#000; }
.foot_c2_right{ width:100%; height:auto; line-height:50px; font-size:16px; color:#000; text-align:center; }
.foot_c2_right a{font-size:16px; color:#000; margin-left:15px; margin-right:15px;}

.foot_c3{ width:90%; height:auto; margin:0px auto; margin-top:65px; margin-bottom:65px; text-align:center;   }

 

}

@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:90%; margin:0 auto; float:none;  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;}
.pagess {clear: both;height: 30px;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;}
.pagess ul li:hover{ background:#088336; color:#fff;border: 1px solid #088336}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #1f82b7;padding: 2px 9px;margin: 0 3px;background: #088336;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block; color:#666}
.pagess ul li a:hover {color: #fff;}