@charset "UTF-8";
* {margin: 0;padding: 0;border:none;outline: 0;}
body, input {font-family: '微软雅黑', Arial, Tahoma;color: #666;outline: none;overflow-x:hidden;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
a {text-decoration: none;color: black;}
ul,li {list-style-type: none;}
img {border:0; max-width:100%;vertical-align: middle;}
.common-container {max-width:1000px;margin: 0 auto;overflow: hidden;}
@media (max-width:1024px) { 
.common-container {width: 93.75%;}
}
.fl {float: left;}
.fr {float: right;}
.clearfloat:after {clear: both;content: "";display: block;width: 0;height: 0;}
/*头部*/
header {width: 100%;height: 90px;background-color: #fff;z-index: 5;position: fixed;}
header .header {height: 90px;}
header .logo {width: 141px;height: 90px;line-height: 90px}
header .logo a {display: block;} 
header .nav ul li a:hover{color: #32ab38;}

header .nav ul li a {font-size:14px;display: block;}
header .nav .on h3 a{color:#fff; background-color:#c30d23;}
header .nav .sub{ display:none; width:100%;  padding:0;   position:fixed; top:90px; left:0; background:#fff; z-index:110; border-top:3px solid #ededed;}
header .nav .sub dl{ text-align:right; float:right; width:800px;}
header .nav .sub dd{ float:left;vertical-align:middle; list-style:none; text-decoration:none; margin-right:6%;}
header .nav .sub dd a{font-size:14px; height:74px; line-height:74px; display:block; color:#37230a;font-size:16px;}
header .nav .sub dd a:hover{ color: #32ab38;}





header .nav {margin-left: 3%;width: 80%;}
header .nav ul li {height: 90px;margin-left: 4%;font-size: 14px;line-height: 90px;position: relative;}
header .search-ico {display: inline-block;width: 23px;height: 22px;background: url('/upload/img/serach_btn.jpg') no-repeat center;margin-top: 35px;cursor: pointer;}
.search-bg,.searchbox,.close-search {display: none;}
.search-bg {
    background-color: #000;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}
.searchbox {
  border: 1px solid #535353;
    display: none;
    height: 68px;
    left: 50%;
    margin-left: -25%;
    position: fixed;
    top: 169px;
    width: 50%;
    z-index: 101;
}
.searchbox input.tex {
    background: none;
    border: medium none;
    color: #a7a7a7;
    font-family: "Arial";
    font-size: 36px;
    height: 37px;
    line-height: 36px;
    padding: 16px 2% 15px;
    width: 80%;
}
.searchbox input.search-btn {
    background: url('/upload/img/search_btn.png') no-repeat center center;
    background-size: 50% auto;
    border: medium none;
    height: 68px;
    margin-right: 1%;
    min-width: 40px;
    width: 7%;
} 
.close-search {    background: url('/upload/img/search_close_btn.png') no-repeat center center;
    cursor: pointer;
    display: none;
    height: 37px;
    position: fixed;
    right: 3%;
    top: 50px;
    width: 37px;
    z-index: 101;
}

/*移动端导航*/
.moblie_head {display: none}
.a_txt {display: none;}
.search_inp {
    line-height: 25px;
    height: 25px;
   border-radius: 2px;
   background-color: white;
    padding: 0 0 0 2%;
    width: 88%;
}
.search_inp .search_btn{
}
.search_inp input[type=text] {
	line-height: 25px;
	width: 76.67%;
}
.search_inp input[type=submit] {
	background:url('/upload/img/icon_search_mobile.png') no-repeat left top;
	width: 25px;
	height: 25px;
	background-position:center center;
}
@media screen and (max-width: 1024px) and (min-width: 0px){
header{display:none;}
.moblie_head:after {clear: both;content: "";display: block;width: 0;height: 0;overflow: hidden;}
.pswp__top-bar {top: 45px!important;}
.moblie_head{display:block;height:44px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd}
.moblie_head .lf{margin-left:3.75%;float: left;height:45px;line-height: 45px;}
.moblie_head .lf a {display: block}
.moblie_head .lf img{height:38px}
.moblie_head .rg{padding-right:5%;padding-top:14px;float:right;}
.moblie_head .rg a img{height:16px;vertical-align:top}
.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%}
.a_txt .div3 ul{padding-left:5%;padding-right:5%}
.a_txt .div3 ul li{border-bottom:1px solid #232530}
.a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.a_txt .div3 ul li .a_js2{background:url('/upload/img/plus.png') 95% center no-repeat;-webkit-transition:all 0s;-o-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_js2_on{background:url('/upload/img/reduce.jpg') 95% center no-repeat;-webkit-transition:all 0s;-o-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_txt2{display:none}
.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}
}
/*footer*/
.footer {
  background-color: #404040;
}
.footer .main {
  padding-top: 58px;
  padding-bottom: 20px;
}
.footer .main .main-content {
  width: 70%;border-left: 1px solid #acacac;
}
.footer .main .main-contact {
  width: 20%;
}
.footer .main .main-contact .sub p a {font-size: 16px;color: #ededed;font-weight: 500;}
.footer .main .main-contact .tit a {font-weight: 500;}
.footer .main li:first-child {padding-left: 8%}
.footer .main li {
  width: 23%;
}
.footer .main p.tit {
  padding-left: 22px;

  line-height: 36px;
  background: url("/upload/img/ico_04.png") no-repeat left center;
}
.footer .main p.tit a {
  color: #ededed;
    font-size: 16px;
  -webkit-transition: color 0.3s ease 0s;
          -o-transition: color 0.3s ease 0s;
          transition: color 0.3s ease 0s;
}
.footer .main 
.footer .main p.tit a:hover {
  color: #32ab38;;
}
.footer .main span.sub {
  display: block;
  line-height: 24px;
  font-size: 14px;
  margin-top: 11px;
  padding-left: 22px;
}
.footer .main span.sub a {
  color: #acacac;
  -webkit-transition: color 0.3s ease 0s;
          -o-transition: color 0.3s ease 0s;
          transition: color 0.3s ease 0s;
}
.footer .main span.sub a:hover {
  color: #32ab38;;
}
.footer .mapimg {
  display: block;
  width: 38%;
  position: relative;
}
.footer .mapimg img {
  width: 100%;
}

.footer .mapimg .ico{
  display: block;
  width: 5.8%;
  height: 12.3%;
  position: absolute;
  -webkit-animation: 2.6s linear 0s infinite opacity;
          animation: 2.6s linear 0s infinite opacity;
}
.footer .mapimg .ico img{
  width: 100%;
}
.footer .mapimg .ico1{
  left: 12.6%;
  top: 25%;
  /*animation: 2.5s linear 0s infinite opacity;*/
}
.footer .mapimg .ico2{
  left: 18.7%;
  top: 39.4%;
  /*animation: 2.5s linear 0.4s infinite opacity;*/
}
.footer .mapimg .ico3{
  left: 25.1%;
  top: 54.6%;
  /*animation: 2.5s linear 0.8s infinite opacity;*/
}
.footer .mapimg .ico4{
  left: 48.3%;
  top: 14.1%;
}
.footer .mapimg .ico5{
  left: 47.3%;
  top: 46.8%;
}
.footer .mapimg .ico6{
  left: 75.9%;
  top: 18.5%;
}
.footer .mapimg .ico7{
  left: 86%;
  top: 58.4%;
}

@-webkit-keyframes opacity{
  0%{
    opacity: 0.8;
    /*transform: scale(1);*/
  }
  50%{
    opacity: 0.1;
    /*transform: scale(0.8);*/
  }
  100%{
    opacity: 0.8;
    /*transform: scale(1);*/
  }
}

@keyframes opacity{
  0%{
    opacity: 0.8;
    /*transform: scale(1);*/
  }
  50%{
    opacity: 0.1;
    /*transform: scale(0.8);*/
  }
  100%{
    opacity: 0.8;
    /*transform: scale(1);*/
  }
}

.footer .bot-wrap {
  font-size: 14px;
  border-top: 1px solid #535353;
  padding-top: 17px;
  padding-bottom: 45px;
  color: #999;
  position: relative;
}
.footer .bot-wrap .links {margin-bottom: 20px;}
.footer .bot-wrap .links span:first-child {font-weight: bold; color: #ededed;}
.footer .bot-wrap .links a {margin-left: 10px;}
.footer .bot-wrap .links a:hover {color: #32ab38; }
.footer .bot-wrap a {
  color: #999;
  -webkit-transition: color 0.3s ease 0s;
          -o-transition: color 0.3s ease 0s;
          transition: color 0.3s ease 0s;
}
.footer .bot-wrap a:hover {
  color: #fff;
}
.footer .bot-wrap .link a {
  float: right;
}
.footer .bot-wrap .link .line {
  display: inline-block;
  width: 1px;
  height: 10px;
  background-color: #535353;
  margin: 14px 10px 0;
  float: right;
}
@media (max-width:468px) { 
  .footer .main,.footer .bot-wrap .links {display: none;}
  .footer .bot-wrap {    padding-top: 10px;
    padding-bottom: 10px;}
    .footer .bot-wrap .fr {display: none;}
    .footer .bot-wrap .clearfloat {text-align: center;}
    .footer .bot-wrap .clearfloat p.fl>a {display: block;}
}
/*分页*/
.am-pagination-default {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 16px;
    text-align: center;
}
.am-pagination > li {display: inline-block;}
.am-pagination > li > a:hover {color: #32ab38;;}
.am-pagination > li > a, .am-pagination > li > span {
    position: relative;
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
    line-height: 1.2;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 2px;
    margin-bottom: 5px;
    margin-right: 5px;
}
.am-pagination > .am-active > a, .am-pagination > .am-active > span, .am-pagination > .am-active > a:hover, .am-pagination > .am-active > span:hover, .am-pagination > .am-active > a:focus, .am-pagination > .am-active > span:focus {
    z-index: 0;
    color: #ffffff;
    background-color:#32ab38;;
    border-color: #32ab38;;
    cursor: default;
}

.am-pagination > li > a, .am-pagination > li > span {
    position: relative;
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
    line-height: 1.2;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 2px;
    margin-bottom: 5px;
    margin-right: 5px;
}
@media (max-width:768px) { 
  .am-pagination-default {font-size: 12px;}
  .am-pagination > li > a, .am-pagination > li > span {padding: 0.25em 0.5em;}
}





