@charset "utf-8";
/* CSS Document */
html{font-family:"Microsoft YaHei",'微软雅黑',Arial, Helvetica, sans-serif; font-style:normal; font-size:14px;}
body{margin:0px; padding:0px; margin:0px auto; font-size:1.0em; color:#333; width:100%; zoom:1; overflow-x:hidden;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin: 0;padding: 0;outline: 0;vertical-align: baseline;}
input,select,textarea{margin:0; padding:0;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
input,select{vertical-align: middle}
input,button,select,textarea{outline:none;}
textarea{resize:none; font-size:14px;}
h1,h2,h3,h4{font-weight:normal;}
ul,ol{list-style: none}
ul,ol,li,dl,dt,dd,pre,form,fieldset,img,div{margin: 0;padding: 0;border: none}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none;}
em{font-style:normal}
.clearfix,.w{zoom: 1}
.clearfix:after,.w:after{content: ".";display: block; overflow: hidden;height: 0;clear: both;visibility: hidden}
.SinglePage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both;}
.space{ width:100%; height:1em; clear:both; overflow:hidden; zoom:0;}
.clear{ clear:both; height:0px; overflow:hidden; zoom:0;}
.fl{float:left;}
.fr{float:right;}
.md120{display:block; overflow:hidden; position:relative; top:-120px; transition: all 0.3s;}
.md180{display:block; overflow:hidden; position:relative; top:-180px; transition: all 0.3s;}

/*头部及菜单*/
.top-w{width:100%; height:102px; background:#fff; z-index:999; position:fixed; top:0; box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.2);}
.top-n{width:90%; min-width:1180px; height:102px; margin:0 auto;}
.top-w .logos { float: left; margin: 22px 0 20px 0;}
.top-w .logos img {max-height:60px;}
.top-w ul.menus {float: right;}
.top-w ul.menus>li {float: left; position: relative; margin:0 30px 0 0;}
.top-w ul.menus>li:last-child {margin: 0;}
.top-w ul.menus>li>a {text-transform:uppercase; display: block; font-size:16px; line-height:20px; height:102px; color:#333; padding-top:40px; text-align:center;}
.top-w.active ul.menus>li>a {color:#1b1b1b;}
.top-w ul.menus>li:hover>a {color:#1194b9;}
.top-w ul.menus>li span{color:#17823b; width:100%; text-align:center; display:block; font-size:12px; line-height:18px; font-weight:lighter; font-family:Arial, Helvetica, sans-serif;}
.top-w ul.menus>li>a i {margin: 0 0 0 3px; font-size:12px; line-height:10px;}
.top-w ul.menus>li a:hover {color:#1194b9;}
.top-w ul.menus>li>ul.drop-menus { position: absolute; left: 0; top: calc(100%); min-width:100px; z-index: 100; border-top: 2px solid #1194b9; background: rgba(255, 255, 255, 0.85);
        -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05), -2px 0 5px 1px rgba(0,0,0,.05);
        -ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
        -o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
        -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
        box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05), -2px 0 5px 1px rgba(0,0,0,.05);
        opacity: 0;
        visibility: hidden;
        height: 0;
        overflow: hidden;
        -webkit-transition: all .6s; -o-transition: all .6s; transition: all .6s;
    }
.top-w.active ul.menus>li>ul.drop-menus { background: rgba(255, 255, 255, 0.85);}
.top-w ul.menus>li:hover>ul.drop-menus { opacity:1; visibility:visible; height: auto;}
.top-w ul.menus>li:hover ul.drop-menus li { border-bottom: solid 1px #efefef; padding: 0 20px;}
.top-w ul.menus>li:hover ul.drop-menus li:last-child { border-bottom: none;}
.top-w ul.menus>li:hover ul.drop-menus li a { white-space:nowrap; padding: 10px 0; display: block; font-size:15px;}
.top-w .navigations {display:none;}
/*Banner*/
#swiper01{width:100%; height:auto; text-align:center; margin-top:102px;}
#swiper01 img{max-width:100%; display:block; margin:0 auto;}
#swiper01 .swiper-pagination-bullet{background:#fff; opacity:.6; width:12px; height:12px;}
#swiper01 .my-bullet-active{background:#F90; opacity:.8; width:12px; height:12px;}
#swiper01 .my-custom-pagination{ bottom:20px;}
#allmap{width:100%; height:300px; overflow:hidden; margin: 0;}

.foot-all{width:100%; height:auto; overflow:hidden;}
.foot-w{width:100%; height:auto; padding:80px 0; background:#18823c;}
.foot-n{width:90%; height:auto; max-width:1200px; margin:0 auto;}
.foot-l{width:75%; height:auto; float:left;}
.foot-logo{width:100%; height:auto; margin-bottom:20px;}
.foot-logo img{display:block; max-height:60px; width:auto;}
.foot-menu{width:100%; height:auto; overflow:hidden;}
.foot-menu li{width:20%; height:auto; float:left;}
.foot-menu li:nth-child(1){width:40%; padding-right:20px; box-sizing:border-box;}
.foot-menu li:nth-child(2){padding-right:20px;}
.foot-menu li:nth-child(3){padding-right:20px;}
.foot-menu dt{width:100%; height:30px; border-bottom:1px solid #52ca7a; font-size:16px; line-height:30px; color:#fff; margin-bottom:15px;}
.foot-menu dt a{color:#fff;}
.foot-menu dt span{padding-left:3px; color:#52ca7a; font-size:14px; font-family:'OpenSansLight';}
.foot-menu dd{width:100%; height:auto; line-height:20px; padding:4px 0; font-size:14px; color:#fff;}
.foot-menu dd a{color:#fff;}
.foot-menu dd a:hover{color:#f19012;}
.foot-r{width:22%; height:auto; float:right; padding-top:50px;}
.foot-wx{width:96px; height:auto; overflow:hidden; margin:0 auto;}
.foot-wx img{display:block;}
.foot-wx-dt{width:100%; height:auto; line-height:18px; font-size:12px; color:#fff; text-align:center; padding:15px 10px 5px; box-sizing:border-box;}
.foot-wx-dd{width:100%; height:auto; line-height:14px; font-size:12px; color:#76c892; text-align:center; font-family:'OpenSansLight';}
.foot-r-link{width:100%; height:auto; line-height:24px; font-size:16px; color:#84d49f; text-align:center; padding:20px 10px 0;}
.foot-r-link span{width:100%; height:24px; display:block; margin-bottom:2px; font-size:14px; color:#fff;}
.foot-r-link a{color:#84d49f;}
.foot-r-link a:hover{color:#fff;}

.foot-cp{width:100%; height:auto; line-height:20px; padding:16px 0; background:#05501f; color:#18823c; font-size:14px; text-align:center;}
.foot-cp a,.foot-cp a:hover{color:#18823c;}

@media screen and (max-width:1440px) {

	
}
@media screen and (max-width:1180px) {
.top-w{width:100%; height:70px; background:#fff; z-index:999; position:fixed; top:0; box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.2);}
.top-n{width:96%; min-width:320px; height:70px; margin:0 auto;}
.top-w .logos{margin:15px 0 15px 0;}
.top-w .logos img {max-height:40px;}
.top-w ul.menus{z-index:99999; position: fixed; left: 0; top:70px; margin: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.95); float: none; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transition: max-height .3s,-webkit-transform .3s; transition: max-height .3s,-webkit-transform .3s; -o-transition: max-height .3s,transform .3s; -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; overflow: auto;}
.top-w ul.menus.on { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1);}

.top-w ul.menus>li { float: none; position: static; padding:5px 0; border-bottom: solid 1px rgba(0, 0, 0, 0.05); margin:0px;}
.top-w ul.menus>li>a { line-height: 1; text-transform: uppercase; display: block; font-size:15px; font-weight:700; padding: 10px 13px 11px 13px; line-height: normal;height: auto; text-align:left;}
.top-w ul.menus>li>a:after { display: block; position: absolute; width: 100%; left: 0; content: ""; bottom: 10px; opacity: 0; height: 2px; background: #FFF; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transition-timing-function: cubic-bezier(.58,.3,.005,1); -o-transition-timing-function: cubic-bezier(.58,.3,.005,1); transition-timing-function: cubic-bezier(.58,.3,.005,1); }
.top-w ul.menus>li.active>a:after,#header ul.menus>li:hover>a:after { bottom: 0; opacity: 1;}
.top-w ul.menus>li>a i { margin: 0 0 0 10px;}
.top-w ul.menus>li a:hover { }
.top-w ul.menus>li.pointers>a { pointer-events: none;}
.top-w ul.menus>li>ul.drop-menus { z-index: 999999999; display: none; opacity: 1; visibility: visible; margin: 0; position: static; left: 0; top: 100%; min-width: 202px; border-top: 2px solid #17823b; background: #fff;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        height: 0;
        overflow: hidden;
        -webkit-transition: all .6s; -o-transition: all .6s; transition: all .6s;
    }
.top-w ul.menus>li:hover>ul.drop-menus { display: block; opacity: 1; visibility: visible; height: auto;}
.top-w ul.menus>li:hover ul.drop-menus li { border-bottom: solid 1px #efefef; padding: 0 20px;}
.top-w ul.menus>li:hover ul.drop-menus li:last-child { border-bottom: none;}
.top-w ul.menus>li:hover ul.drop-menus li a { text-transform: capitalize; white-space:nowrap; padding: 10px 0; display: block; font-size:14px;}
.top-w ul.menus>li:hover ul.drop-menus li a:hover { color: #698adc;}
.top-w ul.menus>li span{width:50%; text-align:right; display:inline-block; font-size:12px; line-height:24px; font-weight:lighter; float:right;}
.top-w .navigations {display:block; float: right; margin:15px 10px 0 0; text-align: right;}
.top-w .navigations button { border: 0; background: none; z-index: 9; outline: 0; padding: 0; text-align: right;}
.top-w .navigations button .icons{display:block; background: #262626; height: 2px; border-radius:2px; margin: 8px 0; position: relative; width: 34px; -webkit-transform-origin: left;  -moz-transform-origin: left;  -ms-transform-origin: left;  -o-transform-origin: left;  transform-origin: left; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s; }
.top-w .navigations button .icons:nth-child(3) { margin-bottom: 0;}
.top-w .navigations button.on .icons:nth-child(1) { transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg);  -ms-transform:rotate(45deg);  top:-2px  }
.top-w .navigations button.on .icons:nth-child(2) { opacity:0 }
.top-w .navigations button.on .icons:nth-child(3) { transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg);  -ms-transform:rotate(-45deg);  top:2px  }

#swiper01{margin-top:70px;}
#swiper01 .swiper-pagination-bullet{width:10px; height:10px;}
#swiper01 .my-bullet-active{width:10px; height:10px;}
#swiper01 .my-custom-pagination{ bottom:10px;}
}
@media screen and (max-width: 768px) {


}
@media screen and (max-width:480px){
.foot-w{width:100%; height:auto; padding:50px 0; background:#18823c;}
.foot-n{width:90%; height:auto; max-width:1200px; margin:0 auto;}
.foot-l{width:100%; float:none;}
.foot-logo{width:100%; height:auto; margin-bottom:0px; text-align:center;}
.foot-logo img{display:block; max-height:30px; width:auto; margin:0 auto;}
.foot-menu{display:none;}
.foot-r{width:100%; padding-top:30px;}
.foot-wx{width:80px;}
.foot-cp{line-height:18px; padding:15px 10px; font-size:12px;}
}

/*分页*/
.am-pagination-w{margin-bottom:10px;}
.am-pagination{padding-bottom:20px;}
.am-pagination{padding-left:0; margin:0.5rem 0 0.8em; list-style:none; color:#999; text-align:left}
.am-pagination:after,.am-pagination:before{content:" ";display:table}
.am-pagination:after{clear:both}.am-pagination>li{display:inline-block}
.am-pagination>li>a{position:relative; display:block; padding:.7em 1.0em; text-decoration:none; line-height:1.0em ; background-color:#fff; border:1px solid #ddd;border-radius:0; margin-bottom:5px; margin-right:5px; border-radius:10px; color:#666; font-size:14px;}
.am-pagination>li>a:focus,.am-pagination>li>a:hover{background-color:#ff4242; border-color:#ff4242; color:#fff;}
.am-pagination>.am-active>a,.am-pagination>.am-active>a:focus,.am-pagination>.am-active>a:hover{z-index:2;color:#fff;background-color:#ff4242;border-color:#ff4242;cursor:default; color:#fff;}
.am-pagination>.am-disabled>a,.am-pagination>.am-disabled>a:focus,.am-pagination>.am-disabled>a:hover{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed;pointer-events:none}
.am-pagination-centered{text-align:center}

/*动画*/
.delighter.splash {transition: all 2s ease-out;}
.delighter.splash.ended {background: #fff;}
.delighter.right { transform:translate(-100%); opacity:0; transition: all .75s ease-out; }
.delighter.right.started { transform:none; opacity:1; }
.delighter.left { transform:translate(100%); opacity:0; transition: all 1s ease-out; }
.delighter.left.started { transform:none; opacity:1; }
.delighter.bottom { transform:translatey(100%); opacity:0; transition: all .75s ease-out; }
.delighter.bottom.started { transform:none; opacity:1; }
.delighter li { opacity: 0; transform: translatey(200%); transition: all .5s ease-out; }
.delighter.started li { opacity: 1; transform: none; }
.delighter.started li:nth-child(1) { transition: all .5s ease-out .1s; }
.delighter.started li:nth-child(2) { transition: all .5s ease-out .2s; }
.delighter.started li:nth-child(3) { transition: all .5s ease-out .3s; }
.delighter.started li:nth-child(4) { transition: all .5s ease-out .4s; }
.delighter.started li:nth-child(5) { transition: all .5s ease-out .5s; }
.delighter.started li:nth-child(6) { transition: all .5s ease-out .6s; }
.delighter.started li:nth-child(7) { transition: all .5s ease-out .7s; }
.delighter.started li:nth-child(8) { transition: all .5s ease-out .8s; }
.delighter.started li:nth-child(9) { transition: all .5s ease-out .9s; }
.delighter.started li:nth-child(10) { transition: all .5s ease-out 1s; }
.delighter.started li:nth-child(11) { transition: all .5s ease-out 1.1s; }
.delighter.started li:nth-child(12) { transition: all .5s ease-out 1.2s; }

@-webkit-keyframes OpenTop {
50% {-webkit-transform: rotateX(10deg); -webkit-animation-timing-function: ease-out; }
}
@-moz-keyframes OpenTop {
50% {-moz-transform: rotateX(10deg); -moz-animation-timing-function: ease-out; }
}
@keyframes OpenTop {
50% {transform: rotateX(10deg); animation-timing-function: ease-out; }
}
@media only screen and (min-width:768px){
  .cd-pagination li{display: inline-block;}
}
@media only screen and (min-width:1440px) {
  .cd-pagination {margin:0 auto;}
}
nav[role="navigation"] {text-align:center;}

.cd-pagination {
  width:100%;
  margin:0 auto;
  text-align: center;
  background:#fff;
  padding:20px 0 30px;
}
.cd-pagination li {
  /* hide numbers on small devices */
  display: none;
  margin:0 .2em;
}
.cd-pagination li.button {
  /* make sure prev next buttons are visible */
  display: inline-block;
}
.cd-pagination a, .cd-pagination span {
  color:#333;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* use padding and font-size to change buttons size */
  padding: .6em .8em;
  font-size:14px;
}
.cd-pagination a {
  border:1px solid #e6e6e6;
  border-radius: 0.25em;
  background:#fff;
}
.cd-pagination a:hover {
  background: #18823c;
  color:#fff;
  border:1px solid #18823c;
}
.cd-pagination a:active {
  /* click effect */
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.cd-pagination a.disabled {
  /* button disabled */
  color:#666;
  pointer-events: none;
}
.cd-pagination a.disabled::before, .cd-pagination a.disabled::after {
  opacity: .4;
}
.cd-pagination .button:first-of-type a::before {
  content: '\00ab  ';
}
.cd-pagination .button:last-of-type a::after {
  content: ' \00bb';
}
.cd-pagination .current {
  /* selected number */
  background-color:#18823c;
  border-color:#18823c;
  color: #ffffff;
  pointer-events: none;
}
@media only screen and (min-width: 768px){
  .cd-pagination li{display: inline-block;}
}
@media only screen and (min-width: 1400px) {
  .cd-pagination {margin:0 auto;}
}