html,body,div,span,object,iframe,p,blockquote,pre,abbr,address,cite,code,del,dfn,img,ins,kbd,q,samp,small,sub,sup,var,b,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary {
 outline: none;
 border: none;
 font-size: 100%;
 font-style: normal;
 vertical-align: baseline;
 background: none;
 margin: 0;
 padding: 0;
}
section {
    padding:0px;
    margin:0px;
}
article,aside,details,figcaption,figure,footer,header,nav,section,summary {
 display: block;
}
button,input,select,textarea {
    font: inherit;
    border: none;
    margin: 0;
}
a {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    color: inherit;
    text-decoration: none;
    cursor:pointer;
}
a:focus {
    outline: none;
}
a:active {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
body{
    margin: 0 auto;
    font-family: 'Open Sans', sans-serif;
    font-size: 62.5%;
    line-height: 24px;
    color: #000;
    position: relative;
}

.width{
    margin:0px auto;
    width: 1050px;
}
.clear{clear: both;}

header{
    height:140px;
    font-size: 2.0em;
    font-weight: 400;
}
.version{
    width:40px;
    margin-top:9px!important;
    margin-left:20px;
}
#phone_ico_top, #phone_top,.version{
    display: block;
    float: right;
    margin-top:20px;
    margin-right:10px;
}
#menu{display:block;float: right;margin-top:15px;}
#menu a{
    display: block;
    float: left;
    padding: 20px;
    padding-bottom: 32px;
    position: relative;
    text-align: center;
    overflow:hidden;
    cursor: pointer;
}
#logo{margin-top:10px;margin-left: 10px;}
#menu a::before{
    content: '';
    width: 100%;
    position: absolute;
    height: 100%;
    background:#7d9623;
    -webkit-transition:0.3s linear;
    -moz-transition:0.3s linear;
    transition:0.3s linear;
    color:#fff;
    z-index: -1;
    margin-left: -300px;
    margin-top:-300px;
}
#menu a:nth-child(2)::before, #menu a:nth-child(4)::before{
    margin-left: -300px;
    margin-top:300px;
}
#menu a:hover {color:#fff;}
#menu a:hover::before{
    margin-left:-20px;
    margin-top:-20px;
    -webkit-transition:0.3s linear;
    -moz-transition:0.3s linear;
    transition:0.3s linear;
}
#menu .activ::before{
    height:100%;
    -webkit-transition:0.3s linear;
    -moz-transition:0.3s linear;
    transition:0.3s linear;
}
.slider{position: relative;}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}
.black{
    font-size: 3.6em;
    line-height: 46px;
    width: 100%;
    text-align: center;
    z-index: 9999;
    height:120px;
    background: rgba(0,0,0,0.8);
    z-index: 999999999;
    position: absolute;
    color: #fff;
    bottom: 0;
}
.rslides_tabs{
    position: absolute;
    right:10%;
    margin-top:-50px;
    z-index: 9999999;
}
.rslides1_s1, .rslides1_s2, .rslides1_s3{
    display: inline-block;
    margin:5px;margin-bottom:5px;
}
.rslides1_s1 a, .rslides1_s2 a, .rslides1_s3 a{
    width:105px;
    height:10px;
    overflow: hidden;
    display: inline-block;
    background: #fff;
    cursor: pointer;
    color: rgba(0,0,0,0);
}
.black span{width:70%;display: block;margin-top: 14px;}
.rslides_here{background: #7d9623;}
#section_1{padding-top: 5%;padding-bottom: 5%;}
.box{
    background:#7d9623;
    width:48%;
    height:331px;
    float: left;
    color:#fff;
    position: relative;
}
.box:nth-child(1){margin-right:2%;}
.left{
    width:39.8%;
    padding:4%;
    float: left;
    position: relative;
    height:80%;
}
.txt{
    font-size: 1.6em;
}
.box .tit{
    padding-top:20%;
    padding-bottom: 10%;
    width:100%;
    height:52px;
}
.tit{
    font-size: 2.4em;
    font-weight: 400;
    float: left;
}
.box img{
    display: block;
    float: right;
}
.box .more{position: absolute;right: 10%;bottom:0%;}
.more{
    background: #595959;
    padding: 10px;
    width:40%;;
    font-size: 1.6em;
    text-align: center;
    color: #fff;
    -webkit-transition:0.5s linear;
    -moz-transition:0.5s linear;
    transition:0.5s linear;
    position:relative;
}

.more:hover{
    background:#3A3939;
    -webkit-box-shadow: 2px 2px 10px 0px #595959;
    -moz-box-shadow:    2px 2px 10px 0px #595959;
    box-shadow:         2px 2px 10px 0px #595959;
}
#section_2{
    padding-bottom: 80px;
    position: relative;
}
#about{
    width:48%;
    height:331px;
    float: left;
    position: relative;
    z-index:999;
}
#section_2 img{
    display: block;
    position: absolute;
    right: 0px;
}
.green{
    display: block;
    float: left;
    border: none;
    width:10px;
    height:50px;
    background:#7d9623;
}
#about .more{
    width:15%;
    right:10%;
    margin-top:10%;
    position: absolute;
}
#about .tit{margin-top:17px;margin-left: 20px;}
#about .txt{
    margin-top:10%;
    display: block;
    margin-left:15%;
    width:75%;
}
#section_3{
    background: url(/uploads/site/section_3.jpg)no-repeat;
    background-size: cover;
    height:542px;
}
.special{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height:542px;
    width: 10%;
    color:#fff;
    font-size: 4.8em;
    line-height: 48px;
}
#section_4{padding:5% 0 5% 0;}
#section_4 .green{float:right;}
#section_4 .tit{float: right;margin-top:17px;margin-right: 20px;}
#why{position: absolute;margin-left: 10%;}
.box_2{
    width:52%;
    float: right;
    margin-top:1%;
    margin-right: 5%;
    font-size: 1.8em;
    position: relative;
}
.box_2 img{float:left;
    display: block;
    text-align: left;
    margin-right: 20px;}
.box_2 p{margin-top:15px;
}
.box_2:nth-child(5) img{
    float:right;
    text-align: right;
    margin-left: 20px;
    margin-right: 0;
}
#section_5{
    background: rgba(125,150,34,0.24);
    padding-top:2%;
    position: relative;
    z-index: 999999;
}
#section_5 .tit{margin-left:20px;margin-top:17px;}
.text{
    font-size:2em;
    width:100%;
    text-align:center;
    margin-top:2%;
    margin-bottom:4%;
}
.sector{
    width:33.33%;
    float:left;
    text-align: center;
    position: relative;
    padding-bottom: 20px;
}

.sector span{
    font-size: 2em;
    display: block;
    position: absolute;
    width:50%;
    text-align:left;
    right:-5%;
    top:25%;
}
#menu_2{
    padding-top: 4%;
    padding-bottom: 2%;
    width:100%;
    text-align: center;
    font-size: 2em;
}
footer{
    background: #595959;
    padding: 1%;
    color:#fff;
    font-size: 1.4em;
}
#two{
    float: right;
    display: block;
}
#section_st{padding:5% 0 3% 0;}
#section_st .green{float:right;}
#section_st .tit{float:right;margin-right:20px;margin-top:17px;}
.content{
    width:100%;
    margin-top:2%;
    font-size:1.8em;
    text-align:justify;
}
.border {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px #595959;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.border:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #595959;
  height: 2px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.border:hover:before, .border:focus:before, .border:active:before {
  left: 0;
  right: 0;
}
#section_st .more {width:100px;float:right;margin-top:5%;margin-right: 5%;}
#cookieinfo{
    display: none;
    width: 100%;
    color: white;
    text-align: center;
    position: fixed;
    bottom: 0;
    z-index: 9999;
    background: #595959;
    font-size: 1.4em;
    z-index:999999999;
}
#cookieinfo p{
    display:block;
    float:left;
    width:80%;
    margin:1% 10%;
}
#more{
    padding:10px;
    display: block;
    float: left;
    background-color: #fff;
    color:#000;
    margin-bottom:1%;
    border-radius:10px;
    width:142px;
}
#close{
    padding:10px;
    display: block;
    float: left;
    background-color: #7D9623;
    margin-left:33vW;
    margin-right:2%;
    margin-bottom:1%;
    border-radius:10px;
    width:142px;
}
#more:hover{background:#3A3939; color:#fff;}
#close:hover{background:#3A3939;}
#scroll{
    display:none;
    position:fixed;
    bottom:10%;
    right:3%;
    z-index:9999999;
    cursor:pointer;
    width:4%;
}
.see{display:block!important;}
@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
  -webkit-animation-duration:1s;
  animation-duration:1s;
}

@media (min-width:1100px){
    .width{width:1050px;}
    #menu_2{display:none;}
    #logo_click{display:none;}
}
@media (min-width:1000px) and (max-width:1099px){
    .width{width:950px;}
    .rslides_tabs{right:5%;}
    .box .left{width:33.8%;}
    #section_2 img{width:690px;}
    #about{height:241px;}
    #about .txt{margin-top:8%;}
    #about .more{margin-top:1%;}
    #section_3{height:400px;}
    .special{height:400px;}
    #why{margin-left:0;}
    .sector{width:28%;}
    #menu_2{display:none;}
    #logo_click{display:none;}
}
@media (min-width:800px) and (max-width:999px){
    .width{width:750px;}
    .rslides_tabs{right:5%;}
    .black{font-size: 2.6em;}
    #menu a{padding:20px 10px;padding-bottom: 32px;}
    #menu a:hover::before{margin-left:-10px;}
    .box{width:70%;margin-left:15%;}
    .box:nth-child(1) {margin-bottom: 2%;}
    #section_2 img{width:68%;margin-top:6%;}
    #about{height:220px;}
    #about .txt{margin-top:8%;}
    #about .more{margin-top:3%;}
    #section_3{height:340px;}
    .special{height:340px;font-size: 3.6em;}
    #why{margin-left:0;width:50%;margin-top:5%;}
    .sector{width:28%;}
    .sector img{width:30%;}
    .sector span{width:54%;}
    #menu_2{display:none;}
    #logo_click{display:none;}
}
@media (min-width:500px) and (max-width:799px){
    .width{width:450px;}
    body{font-size: 48.875%;}
    header{border-bottom:2px solid #595959;}
    #menu{display:none;}
    #menu_2{background:#fff;border-bottom:2px solid #595959;width:100%;margin-top:60px;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;z-index:99999999999999;position: absolute;margin-top: 17px;font-size:12px;position:fixed;left:-2000px;}
    #menu_2 a{display: block;padding:10px;}
    #menu_2 a:hover{background:#7D9623;}
    #logo_click{display:block;width:50px;float:right;margin-right:5%;margin-top:5%;}
    .height{left:0px!important;}
    .hide{visibility:hidden;}
    .rotate_1{position:absolute;transform:rotate(45deg);transition-duration:0.5s;margin-top:30px;}
    .rotate_2{position:absolute;transform:rotate(-45deg);transition-duration:0.5s;margin-top:30px;}
    .special_2{width:50px;border:none;height:8px; background:#7D9623;border-radius:20px;display:block;}
    .move{margin-top:252px;}
    .slider{-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
    .rslides1_s1 a, .rslides1_s2 a, .rslides1_s3 a{width:40px;}
    .rslides_tabs{right:0%;margin-top:-40px;}
    .black{font-size: 2.6em;line-height:26px;height:85px;}
    #menu a{padding:20px 10px;padding-bottom: 32px;}
    #menu a:hover::before{margin-left:-10px;}
    .box{width:100%;height:284px;}
    .box img{width:50%;}
    .box:nth-child(1) {margin-bottom: 2%;}
    #section_2 img{width:50%;margin-top:10%;}
    #about{height:150px;width:60%;}
    #about .txt{margin-top:2%;}
    #about .more{margin-top:2%;}
    #section_3{height:240px;}
    .special{height:240px;font-size: 3.6em;}
    #why{margin-left:0;width:50%;margin-top:5%;}
    .box_2 img {width:25%;margin-right: 3px;margin-top:25px;}
    .box_2:nth-child(5) img{margin-right: 0;margin-left: 3px;} 
    .sector{width:30%;}
    .sector img{width:50%;}
    .sector span{width:80%;right:5px;}
    #close, #more{margin-left:35vW;}
}
@media (max-width:499px){
    .width{width:300px;}
    body{font-size: 48.875%;}
    header{border-bottom:2px solid #595959;}
    #logo{width:60%;margin-top:20px;}
    #menu{display:none;}
    #menu_2{background:#fff;border-bottom:2px solid #595959;width:100%;margin-top:60px;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;z-index:99999999999999;position: absolute;margin-top: 17px;font-size:12px;position:fixed;left:-2000px;}
    #menu_2 a{display: block;padding:10px;}
    #menu_2 a:hover{background:#7D9623;}
    #logo_click{display:block;width:50px;float:right;margin-right:5%;margin-top:5%;}
    .height{left:0px!important;}
    .hide{visibility:hidden;}
    .rotate_1{position:absolute;transform:rotate(45deg);transition-duration:0.5s;margin-top:30px;}
    .rotate_2{position:absolute;transform:rotate(-45deg);transition-duration:0.5s;margin-top:30px;}
    .special_2{width:50px;border:none;height:8px; background:#7D9623;border-radius:20px;display:block;}
    .move{margin-top:241px;}
    .slider{-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
    .rslides1_s1 a, .rslides1_s2 a, .rslides1_s3 a{width:10px;}
    .rslides_tabs{right:3%;margin-top:-40px;}
    .black{font-size: 1.6em;line-height: 18px;height: 60px;}
    #menu a{padding:20px 10px;padding-bottom: 32px;}
    #menu a:hover::before{margin-left:-10px;}
    .box{width:100%;height:140px;}
    .box img{display:none;}
    .box .tit{padding-top:5%;padding-bottom:5%;height:24px;}
    .box .left{width:94%}
    .box:nth-child(1) {margin-bottom: 4%;}
    .more{padding:5px;width:20%;}
    .box .more{bottom:5%;}
    #section_2 img{width:40%;margin-top:5%;}
    #about{height:150px;width:90%;}
    #about .txt{margin-top:2%;}
    #about .more{margin-top:2%;}
    #section_3{height:170px;}
    .special{height:170px;font-size: 2.4em;}
    #why{display:none;}
    .box_2{width:90%;}
    .box_2 img {width:25%;margin-right: 3px;margin-top:25px;}
    .box_2:nth-child(5) img{margin-right: 0;margin-left: 3px;} 
    .sector{width:30%;}
    .sector img{width:50%;}
    .sector span{width:90%;right:5px;font-size: 1.6em;}
    .content{width:90%;margin-left:5%;}
     #close, #more{margin-left:32vW;}
}
/* Stylesheet: style Modified On 2016-02-23 23:51:43 */