html {
    overflow-x: hidden !important;
    overflow-y: auto;
    -webkit-tap-highlight-color: transparent
}

body {
    min-height: 100vh;
    background: #fff;
    overflow: hidden;
}


body{ margin:0; background: #fff;}
td,div,li,select,input,textarea{ font:18px/1.8 microsoft yahei; color:#333;}
input{ line-height:1.3; color:#333333}
a{ color:#333; text-decoration:none; transition: all .4s;}
a:hover{ color:#1a6b36; text-decoration:underline}
ul{ list-style-type:none; padding:0; margin:0}
img{ border:0;}
.clear{ clear:both; font-size:0; line-height:0; height:0}
.cbg{ background: #f2f7f8;}

.wrap{ width: 80%; margin: auto; max-width: 1600px;}

.header{ width: 100%; position: fixed; top: 0; left: 0; z-index: 1202; transition: all .4s; box-sizing: border-box;}
.inheader{ display: flex; justify-content: space-between; align-items: center; height: 80px;}
.header:hover,.headeron{ background: #fff; border-bottom: 1px solid #ebebec; }
.header:hover .logo,.headeron .logo{ display: block;}
.header:hover .logow,.headeron .logow{ display: none;}
.logo,.logow{ width: 216px; line-height: 1;}
.logo img,.logow img{ width: 100%;}
.logo{ display: none;}

.head-search-btn{ cursor: pointer;}
.sbn{ display: block;}
.sbo{ display: none;}
.header:hover .sbo,.headeron .sbo{ display: block;}
.header:hover .sbn,.headeron .sbn{ display: none;}
.searchbox{ display: none; background: #fff;; padding: 20px 0; position: absolute; width: 100%; top: 81px; left: 0; z-index: 40;}
.search-ibox button{ background: none; border: 0;}
.search-tibox{ width: 34%; margin: auto;}
.search-tbox{ border-bottom: 1px solid #eee; width: calc(100% - 50px); padding-right: 20px; height: 40px; box-sizing: border-box;}
.search_input{ border: 0; width: 100%;}
[tabindex="0"],input { outline: 0 !important }

.nav{ display: block; width: 55%;}
.mnav{ display: none;}
.nav ul{ display: flex; justify-content: space-between; }
.nav ul li,.conpan ul li{ font-size: 18px; color: #fff; height: 80px; line-height: 80px; cursor: pointer;}
.nav ul li a{ color: #fff}

.header:hover .nav ul li,.headeron .nav ul li,.header:hover .nav ul li a,.headeron .nav ul li a{ color: #333;}
.header:hover .nav ul li a:hover,.headeron .nav ul li a:hover{ color: #1a6b36;}
.conpan{ display: flex; justify-content: space-between;}
.conpan a.con{ display: block; width: 130px; height: 54px; line-height: 54px; box-sizing: border-box; text-align: center; border-radius: 27px; font-size: 18px; background: #1a6b36; color:#fff;}
.conpan a.con:hover{ text-decoration: none;}
.conpan a.pan{ display: block; width: 130px; height: 54px; line-height: 54px; box-sizing: border-box; text-align: center; border-radius: 27px; font-size: 18px;  color: #fff; border: 1px solid #fff;}
.conpan ul{ display: flex; justify-content: space-between;}
.conpan ul li{ margin: auto; display: flex; align-items:center}
.header:hover .conpan a.pan,.headeron .conpan a.pan{ border: 1px solid #999; color: #333;}

.subnav{ max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.4s ease, opacity 0.2s ease; position: absolute; top: 100%;; left: 0; width: 100%; z-index: 500; padding: 0; margin: 0; background: #fff; border-bottom: 1px solid #ebebec; cursor: default;}
.nav ul li:hover .subnav,.conpan ul li:hover .subnav{ max-height: 500px; opacity: 1;}



.snwrap{ display: flex; justify-content: space-between; box-sizing: border-box; padding: 30px 0}
.snimg{ width: 30%; line-height: 0}
.snimg img{ width: 100%; height: auto}
.snbox{ width: 70%; box-sizing: border-box; padding: 0 40px 0 0}
.snbox h3{ margin: 0; font-size: 24px; color: #1a6b36;}
.snbox p{ color: #666; margin: 10px 0 30px}

.snbox dl{ display: flex; justify-content: flex-start; }
.snbox dl dd{ margin: 0 40px 0 0; position: relative; padding: 0 0 0 12px}
.snbox dl dd::before{ content: ""; display: block; width: 6px; height: 6px; line-height: 6px; background: #1a6b36; border-radius: 3px; position: absolute; left: 0; top: 13px}
.header:hover .nav ul li .snbox dl dd a,.headeron .nav ul li .snbox dl dd a,.header:hover .conpan ul li .snbox dl dd a,.headeron .conpan ul li .snbox dl dd a{ color: #1a6b36;}

.tbanner{ display: block; position: relative; height: 100vh; overflow: hidden;}
.mtbanner{ display: none;}
.tbanner{ line-height: 0}
.tbanner img{ width: 100%;}
.tbg{ position: absolute; top: 0; left: 0; background: url(../img/tbg.png); width: 100%; height: 329px; z-index: 1000;}
/*#tbimgs{}
#tbimgs a{ display: block; width: 100%; height: auto; line-height: 0;}*/
#fpage{ position: absolute; width: 100%; left: 0; bottom: 12%; display: flex; justify-content: center; z-index: 1200}
#fpage a{ display: block; width: 36px; height: 4px; background: #fff; border-radius: 2px; margin: 0 5px}
#fpage a.cycle-pager-active{ background: #1a6b36}
#msico{ position: absolute; left: 50%; transform: translateX(-50%); width: 30px; height: 43px; z-index: 1200; bottom: 4%; cursor: pointer; animation: mymove 1.2s infinite; }

.bslide{ width: 100%; height: auto; position: relative;}
.bslide img{ width: 100%; height: auto;}
.ibt{ display: block; position: absolute; width: 100%; top: 16%;}
.ibt span{ display: block; color: #000;}
.ibt span h2{ font-size: 36px; margin: 0; }
.ibt span h3{ font-size: 22px; margin: 0; font-weight: normal;}
.ibt span p{ font-size: 14px; width: 400px; margin: 20px 0 35px;}
.ibt span a{ display: block; width: 120px; height: 40px; line-height: 40px; border-radius: 20px; text-align: center; border: 1px solid #1a6b36; font-size: 16px; color: #1a6b36;}
.ibt span a:hover{  color: #fff; text-decoration: none; background: #1a6b36;}
.ibt span a span{ font: 18px/40px iconfont; }

.ctbanner{ line-height: 0; margin: 0 0 50px; position: relative}
.ctbanner img{ width: 100%;}
.ctbt{ position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); z-index: 1001;}
.ctbt div{ color: #fff; text-shadow: 0 0 5px #666;}
.ctbt div h2{ font-size: 72px; margin: 0}
.ctbt div p{ font-size: 36px; margin: 0}

.ct{ font: bold 50px/1.2 microsoft yahei; margin: 0 0 30px; color: #1a6b36}
.ct p{ font-size: 24px; margin: 15px 0 0; color: #333; font-weight: normal; }
.cw{ position: relative; }
.cloc{ position: absolute; top: -120px; z-index: 1001; color: #fff;}
.cloc a,.cloc a:hover{ color: #fff;}
.clocbg{ width: 100%; position: absolute; left: 0; bottom: 0; height: 125px; background: url(../img/clocbg.png);}


.footer{ background: #1e2f42; }
.flogo{ border-bottom: 1px solid #78828e}
.flogo div{ line-height: 1; padding: 20px 0}
.flogo div img{ width: 550px; height: auto}

.fcon{ display: flex; justify-content: space-between }
.fitems{ display: flex; justify-content: space-between; width: 65%; padding: 50px 0}
.fitems div{ }
.fitems h3{ margin: 0}
.fitems a{ display: block; color: #fff; margin: 0 0 10px}
.fcontact{ padding: 50px 0}
.fcontact h3{ margin: 0 0 20px; color: #fff;}
.fcb{ display: flex; margin: 0 0 10px; padding: 0 0 0 30px; position: relative;}
.fct{ margin: 0 15px 0 0;}
.fct::before{ font: 26px/1 iconfont; position: absolute; top: 3px; left: 0;}
.fcttel::before{ content: "\e601";}
.fctwx::before{ content: "\e606";}
.fctmail::before{ content: "\e605"; font-size: 23px;}
.fcwx{ padding: 0}
.gzh img{ width: 90px; height: auto;}

.sidemenu{ width: 80px; position: fixed; right: 0; top: 300px; display: none; z-index: 100}
.smbtn{ height: 80px; background: #1a6b36; border-bottom: 1px solid #48895e; font: 40px/80px iconfont; color: #fff; text-align: center; cursor: pointer; position: relative;}
.smbtn:first-child{ border-radius: 30px 0 0 0 ;}
.smbtn:last-child{ border: none; border-radius: 0 0 0 30px;}
.smbtn div div{ line-height: 1.5;}
.smtelbox{ display: flex; justify-content: center; left: 0; top: 0; width: 270px; height: 80px; box-sizing: border-box; padding: 15px 0 0; background: #1a6b36; position: absolute; font-size: 16px; z-index: -1; border-radius: 30px 0 0 0; transition: all .5s ease; }
.smtel:hover .smtelbox{ left: -240px; transition: all .5s ease; }
.smmailbox{ display: flex; justify-content: center; left: 0px; top: 0; width: 320px; height: 80px; box-sizing: border-box; padding: 15px 0 0; background: #1a6b36; position: absolute; font-size: 16px; z-index: -1; transition: all .5s ease; }
.smmail:hover .smmailbox{ left: -290px; transition: all .5s ease; }
.smmailbox div{ line-height: 1.5;}
.cr{ background: #121e2c; text-align: center; line-height: 78px; color: #fff}
.cr a,.cr a:hover{ color: #fff;}

.title{ font-size: 48px; font-weight: bold; position: relative; margin: 0 0 60px;}
.title h3{ font-size: 32px; font-weight: normal; margin: 0}
.titlink{ position: absolute; right: 0; top: 20px; font-size: 24px; color: #1c6c2d}
.titlink a{ color: #1c6c2d}
.f16{ font-size: 16px}
.f18{ font-size: 18px}
.f20{ font-size: 20px}
.f22{ font-size: 22px}

.fw,.fw a,.fw a:hover{ color: #fff}
.fl{ float: left;}
.fr{ float: right;}


.str{ display: flex; justify-content: space-between}
.dwidth{ width: 45% }
#think_page_trace_open{ display: none;}

@media only screen and (max-width: 1920px){
  .wrap{ width: 1430px;}
} 

@media only screen and (max-width: 1440px){
  .wrap{ width: 1280px;}
} 

@media only screen and (max-width: 1280px){
  .wrap{ width: 90%;}
  .logo,.logow{ width: 200px;}
  .nav ul li{ font-size: 16px; color: #fff;}
  .conpan a.pan,.conpan a.con{  width: 110px; height: 40px; line-height: 40px; border-radius: 24px; font-size: 16px; }

  .flogo div img{ width: 500px; height: auto}
  td,div,li,select,input,textarea{ font-size:16px;}
  .f18{ font-size: 16px}
}    

@media only screen and (max-width: 1024px){
  .logo,.logow{ width: 180px;}
  .nav ul li{ font-size: 14px;}
  .conpan a.pan,.conpan a.con{  width: 90px; height: 40px; line-height: 40px; border-radius: 24px; font-size: 14px; }
  .conpan a.con{ margin: 0 20px 0 0;}
  .flogo div img{ width: 400px; height: auto}
  td,div,li,select,input,textarea{ font-size:14px; }
  .f18{ font-size: 14px}
  .f22{ font-size: 18px}
  .fitems a{ margin: 0 0 10px;}
  .ct{ font-size: 30px;} 
  .sidemenu{ width: 60px;}
  .smbtn{ height: 60px; font: 30px/60px iconfont;}
  .smtelbox,.smmailbox{ height: 60px; padding: 10px 0 0;}
  .ctbt div h2{ font-size:48px}
  .ctbt div p{ font-size: 24px;}
}


@media only screen and (max-width: 736px){
  td,div,li,select,input,textarea{ font-size:16px; }
  .header{ background: #fff; }
  .header .logo,.headeron .logo{ display: block; width: 160px;}
  .header .logow,.headeron .logow{ display: none;}
  .nav,.conpan a.con,.search{ display: none;}
  .conpan a.pan{ border: 1px solid #999; color: #333; }
  .mnav{ display: block; }
  .mnbtn{ width: 28px; height: 22px; position: relative; }
  .mnbtn span,.mnbtn::before,.mnbtn::after{ display: block; position: absolute; left: 0; top: 50%; width: 100%; height: 2px; transform: translateY(-50%); background: #666; transition: all .36s;}
  .mnbtn::before{ margin-top: -10px; content: "";}
  .mnbtn::after{ margin-top: 10px; content: "";}
  .mnbtn.on span{ opacity: 0}
  .mnbtn.on::before{ margin-top: 0; transform: translateY(-50%) rotate(-45deg); content: "";}
  .mnbtn.on::after{ margin-top: 0; transform: translateY(-50%) rotate(45deg); content: "";}
  

  .mnavbox{ background: #fff; width: 100%; height: calc(100% - 80px); position: fixed; top: 80px; right: -100%; transform: translateX(0); transition: all .5s cubic-bezier(.25, .46, .45, .94); box-sizing: border-box; padding: 0 30px;}
  .mnavbox.on{ right: 0; transform: translateX(0); transition: all .5s cubic-bezier(.25, .46, .45, .94);}
  .mnavbox li dl{ display: none; }
  .mnavbox li{ font-size: 16px;}
  .mnavbox li a{ display: block; width: 100%; padding: 10px 0; position: relative; border-bottom: 1px solid #ebebec; }
  .mnavbox li a:hover{ text-decoration: none; }
  .mnsbox{ display: block; width: 100%; border: 1px solid #999; box-sizing: border-box; margin: 20px 0 0; overflow: hidden; border-radius: 18px; height: 36px; padding: 0 10px 0 20px;}
  .mnavbox li i{ display: block; position: absolute; width: 12px; height: 12px; font-style: normal; right: 5px; top: 50%; transform: translateY(-50%);}
  .mnavbox li i::before,.mnavbox li i::after{ background: rgba(0, 0, 0, 0.45); content: ""; position: absolute;  transition: all .36s;}
  .mnavbox li i::before{ width: 100%; height: 2px; left: 0; top: 50%; transform: translateY(-50%);}
  .mnavbox li i::after{ transform: translateX(-50%); height: 100%; width: 2px; left: 50%; top: 0;}
  .mnavbox li i.on::after{ transform: translateX(-50%) rotate(90deg);}
  .mnavbox li dl dd{ font-size: 14px; margin: 0 20px;}
  .mnavbox li dl dd a{ padding: 10px 0; color: #1a6b36;}


  .search-tibox{ width: 100%;}
  .search-tbox{ border: 0; height: 32px;}
  .search_input{ line-height: 32px;}

  .tbanner,.tbg{ display: none;}
  .mtbanner{ display: block; position: relative; margin: 80px 0 0;}
  /*#mtbimgs a{ display: block; width: 100%; line-height: 0; }*/
  #mtbimgs img{ width: 100%; height: auto;}
  .ctbanner{ margin: 80px 0 20px;}
  .ctbanner img{ width: 200%; }
  .ctbt div h2{ font-size: 36px; }
  .ctbt div p{ font-size: 18px;}
  .ct{ font-size: 30px; margin: 0 0 20px;}

  .bslide h2{ font-size: 32px; padding: 0 10%; box-sizing: border-box; line-height: 1.5;}
  .bslide h2 a{ font-size: 18px; height: 32px; line-height: 32px; margin: 10px 0 0;}

  .str{ flex-wrap: wrap}
  .dwidth{ width: 100%;}
  .cloc{ top: -54px;}

  .fitems{ display: none;}
  .flogo div img{ width: 100%; height: auto;}
  .fct,.fcc{ font-size: 18px;}
  .cr{ line-height: 1.8; padding: 20px 10px;}
  .sidemenu{ right: -80px;}
  .fcon{ align-items: center;}
  .fcontact{ padding: 30px 0; margin: auto;}
}


@font-face {
  font-family: 'iconfont';  /* Project id 5168523 */
  src: url('../font/iconfont.woff2') format('woff2'),
       url('../font/iconfont.woff') format('woff'),
       url('../font/iconfont.ttf') format('truetype');
}
@keyframes mymove{
    0%{
        transform: translate(-50%,0px);
    }
    50%{
        transform: translate(-50%,10px);
    }
    100%{
        transform: translate(-50%,0px);
    }
}