body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{font:12px/1.5 arial, '黑体','SimHei';  font-size: 100%;color:#333; -webkit-text-size-adjust: none; }
img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle; outline:none; font-family:'arial';}
a{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur());  }
a:focus {outline: 0 none;}
h1,h2,h3,h4{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:"\5FAE\8F6F\96C5\9ED1",arial,'Hiragino Sans GB';}
.clearfix:after{ content:""; clear:both; height:0; display:block; visibility:hidden; }
.clearfix{*zoom:1;}
.btn{ border: none; cursor: pointer;}
html,body{ width: 100%;  }
li{ list-style:none;}
em,i{ font-style: normal;  }
.box{ width: 1340px; min-width:1340px; margin: 0 auto }
.warp{padding: 0 calc((150 / 1920) * 100%); min-width:1340px;box-sizing: border-box; }

.head{ position: fixed;transition: all 0.5s ease 0s;  left: 0; top: 0; width: 100%; z-index: 999; }
h1{ float: left; line-height:134px;transition: all 0.5s ease 0s;  }
.head_inner{ float: right; padding-top: 46px;transition: all 0.5s ease 0s;  }
.nav_ul{ float: left; background: url(../images/head.png) right center no-repeat; padding-right: 40px;}
.nav_ul li{ float: left; margin-left: 50px; position: relative; }
.nav_ul li a{ display: block; font-size:20px; height: 40px; line-height: 40px; position: relative; z-index: 99  }
.nav_ul li:after{ position: absolute; left: 0; bottom: 0; content: ''; transition: all 0.5s ease 0s;  background: #74bc36; width: 0; height: 2px; }
.nav_ul li:hover:after{  width: 100%; transition: all 0.5s ease 0s; }
.nav_ul li:hover a{ color: #74bc36; transition:all 0.5s ease 0s; }

.nav_ul li .subnav{width:150px; padding: 10px 0; position:absolute; left:50%; top:40px; z-index:9999999; background:url(../images/navbj.png) center center repeat;  color:#333; text-align:center;  margin-left:-75px;
 display:none;}
.nav_ul li .subnav a{ height:30px; line-height:30px; text-align:center; overflow:hidden; font-size: 16px; color:#333; margin-bottom:4px;}
.nav_ul li .subnav a:hover{ color:#74bc36;}





.head_r{ float: left; width: 79px; background: url(../images/head.png) right center no-repeat;height: 40px;  }
.search{ height: 40px; line-height: 40px; text-align: center; cursor: pointer; position: relative; }

.fixeds .head{background-color:rgba(255,255,255,.6);transition: all 0.5s ease 0s; }
.fixeds h1{ line-height:80px;transition: all 0.5s ease 0s; }
.fixeds .head_inner{padding-top:22px;transition: all 0.5s ease 0s; }
#search-form {
  -moz-transition: max-height, 0.5s;
  -o-transition: max-height, 0.5s;
  -webkit-transition: max-height, 0.5s;
  transition: max-height, 0.5s;
  position: absolute;
  top:60px;
  right: -6px;
  width: 320px;
  max-height: 0;
  overflow: hidden;
  background-color: #e1e4e7;
  z-index: 999

}
.fixed #search-form { top:58px;  }
#search-form.open {
  max-height: 60px;
}
#search-form fieldset {
  position: relative;
 
  padding: 0;
  border: none;
}
#search-form input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 50px;
  
}
#search-form input[type="search"] {
  width: 100%;
  padding: 0 5px 0 22px;
  background: transparent;
  border: none; outline:none;
}
#search-form input[type="submit"] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  margin: 0;
 
  padding: 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #74bc36;
  background: #c6cacd;
  border: none;
  cursor: pointer;outline:none;
}

@keyframes fadedown {
    from { transform: translateY(-100%); opacity: 0; }

    to { transform: translateY(0); opacity: 1; }
}
.sea_img{ width: 79px; height: 40px; }


.foot{background: url(../images/footbj.jpg) center top no-repeat;background-size: cover; height: 574px;}
.foot_b{ border-top: 1px solid #a4b7c8; height: 73px; overflow: hidden; }
.add_l{ float: left; height: 73px; line-height: 73px; overflow: hidden; font-size: 14px; color: #95989a; }
.add_l a{color: #95989a;transition: all 0.5s ease 0s;}
.add_r{ float: right; }
.add_r a{height: 73px; transition: all 0.5s ease 0s;line-height: 73px; font-size: 14px; color: #95989a; display: block;}

.foot_t{ height:500px;  }
.foot_l{ float: left; width:70%; padding-top: 80px;  }
.footimg{ height: 86px; line-height: 86px; overflow: hidden; margin-bottom: 30px; }
.footimg img{ height: auto; width: auto; max-width: 100% }

.footem{ display: block; height:40px; line-height: 40px; font-size: 22px; overflow: hidden; margin-bottom: 20px;  }
.footline{ display: block; width: 20px; height: 1px; background: #00586a; margin-bottom:18px;  }
.foot_nav li{ float: left; width:16.6%;  }
.foot_nav li a{ display: block; height:36px; transition: all 0.5s ease 0s; line-height: 36px; overflow: hidden; font-size:16px; color: #66686a;  }
.foot_r{ float: right; width: 29%; padding-top: 97px; }
.foot_dl dt{ float: left; background: url(../images/foot2.png) center top no-repeat; width: 60px; height:60px; margin-right: 20px; }
.foot_dl dd{ float: left; width: 70% }
.foot_fw{ font-size: 14px; height:24px; line-height: 24px; overflow: hidden; color: #8f9195; display: block;  }
.foot_call{ height:34px; line-height: 34px; overflow: hidden; color: #74bc36; display: block;  font-size: 34px;}
.foot_dl{ margin-bottom: 40px; }
.tj_l{ float: left; height:34px; line-height: 34px; overflow: hidden; width:28%; font-size: 16px;   }
.tj_r{ float: left; line-height: 34px; font-size: 16px; width: 70%  }
.footyx{ margin-bottom:20px;  }

.foot_nav li a:hover,.add_r a:hover,.add_l a:hover{ color: #74bc36; transition: all 0.5s ease 0s; }




.what_l{ float: left; width:100px; height: 100px; overflow: hidden;  margin-right: 15px; }
.what_l img{width:100px; height: 100px; overflow: hidden; }
.what_r{ float: left; padding-top: 20px; }
.what_i{ display: block; font-size: 14px; line-height: 16px; }
.a_banner{ background-size: cover!important;}

.banner_inner{ position: relative; height:680px;  }
.bannerbox{ position: absolute; left: 0; bottom:60px; width: 100%  }
.catalog{ float: left; width:  }
.catalog_ul li{ float: left; margin-right:20px;  }
.catalog_ul li a{ display: block; height:46px; line-height: 49px; transition: all 0.5s ease 0s; background:url(../images/homebj.png) center center repeat;  text-align: center; padding:0 10px;   border-radius:8px 3px 8px 3px; font-size: 18px;  }
.catalog_ul li a:hover,.catalog_ul li a.on{ color:#fff; background: #74bc36; transition: all 0.5s ease 0s; }
.site{ float: right; background:url(../images/home1.png) center left no-repeat; margin-top: 24px; padding-left: 24px; height: 32px; font-size: 14px;}
.site a{ display: block; float: left;background:url(../images/home2.png) right center no-repeat; height: 32px; line-height: 32px; padding: 0 10px;font-size: 14px; color: #fff; }
.site a:nth-last-child(1){ background: none }
.site a:hover{ color: #74bc36; transition: all 0.5s ease 0s; }

.back{ background: #f5f7fb; }
.about{ padding:100px 0  }
.tit_t{ font-size:42px; height:68px; line-height: 68px; overflow: hidden; margin-bottom: 6px;   }
.honor{ padding:74px 0 40px 0;  }
.tit_b{line-height: 34px; font-size:16px; color: #666666; margin-bottom: 30px;  }
.comp_ul{ height: 42px; overflow: hidden; text-align: right; background:url(../images/line.png) left center no-repeat; margin-bottom: 60px;}
.comp_ul li{ display: inline-block; margin-left: 30px; }
.comp_ul li a{ display: block; font-size:16px; height: 40px;transition: all 0.5s ease 0s; border-radius:8px 3px 8px 3px;  line-height: 40px; border: 1px solid #041e15; width: 118px; text-align: center;  }
.comp_ul li a:hover,.comp_ul li a.on{ transition: all 0.5s ease 0s; background: #74bc36; border: 1px solid #74bc36; color: #fff; }
.honor_ul{ margin:0 0 0 -40px;  }
.honor_ul li{ float: left; margin: 0 0 32px 40px; width: 420px; }
.honor_img{ width:418px; height: 278px; transition: all 0.5s ease 0s; overflow: hidden; border: 1px solid #eeeeee; margin-bottom: 16px;  }
.honor_img img{width:418px; height: 278px; overflow: hidden; }
.honor_tit{ text-align: center; font-size: 24px; height:52px; line-height: 26px; overflow: hidden; padding: 0 40px; box-sizing: border-box;  }
.culture{background:url(../images/compbj.jpg) center top no-repeat; }
.vision_l{ float: left; width:390px; line-height:434px;  }
.vision_l img{ width:calc((300 / 390) * 100%); }
.vision_r{ float: right; width: 860px; }
.honor_ul li:hover .honor_img{ transition: all 0.5s ease 0s; transform: translateY(-10px); box-shadow: 0 0 15px #eee; }
.cul_dl{ float: left; width: 50%; padding-right: 10px; box-sizing: border-box; margin-bottom: 46px; }
.cul_dl dt{ float: left; width:100px; margin-right:16px;  }
.cul_dl dd{ float: left; width: 304px;  }
.cul_title{ font-size:20px; height: 40px; line-height: 40px; overflow: hidden;  }
.cul_line{ width:30px; height: 1px; background: #16368c; margin-bottom:10px;  }
.cul_tit{  height: 58px;  position: relative; }
.cul_en{ height: 58px; line-height: 58px; text-transform: uppercase; font-size: 40px; color: #eaeef2; }
.cul_cn{ position: absolute; left: 0; top: 0; height:38px; line-height: 38px; font-size:20px; color: #666666;   }
.cul_dl:nth-last-child(1){  width: 100%; margin-bottom: 0; }
.cul_dl:nth-last-child(1) dd{ width: 680px; }
.cul_dl:nth-last-child(1) .cul_title{ height: auto; line-height: 38px; }
.vision { padding-bottom: 92px; }
.strategy{ padding:60px 0;  }
.str_l{ float: left; width:670px;  padding-top: 76px; }
.str_tit{ font-size:42px; height: 60px; line-height: 60px; overflow: hidden;  margin-bottom: 36px; }
.strline{background:url(../images/line.png) center top no-repeat; width: 12px; height: 40px; display: block; margin-bottom: 30px;}
.str_inner{ height:228px; overflow: hidden; font-size: 16px; color: #666666  }
.str_r{ float: right; line-height:593px;text-align:center; }
.str_r img{ width: calc((450 / 592) * 100%);  }
.welfare{background:url(../images/culbj1.jpg) center top no-repeat; height:320px; }
.wel_r{ float: right; padding-top: 137px;}
.wel_r a{ display: block; width:150px; height: 46px; text-indent: 32px; color: #fff; line-height: 46px; background: #74bc36 url(../images/welsee.png) 108px center no-repeat; border-radius:8px 3px 8px 3px;  }
.wel_l{ float: left; padding-top: 62px;  }
.weltit{ font-size: 42px; color: #fff; height:68px; line-height: 68px;  }
.welshe{font-size: 16px; color: #fff; height:46px; line-height: 46px; margin-bottom: 26px;}
.welline{background:url(../images/line.png) center top no-repeat; width: 12px; height: 40px; display: block; }
.honorline{background:url(../images/line.png) center top no-repeat; width: 12px; height: 40px; display: block;}

.back_title{ padding:70px 0 20px 0;  }

.news{ padding:0px 0 90px 0;  }
.newsdiv{ position: relative; }
.news_dl{ border-bottom: 1px solid #edf1f4; padding: 40px 0;  position: relative; z-index: 99; } 
.news_dl dt{ float: left; width:370px; height: 240px; overflow: hidden;  margin-right: 38px; }
.news_dl dt img{width:370px; height: 240px; overflow: hidden; }
.news_dl dd{width: calc(100% - 408px); float: left;}
.newstime{ height:58px; line-height: 58px; font-size:18px; padding-left: 28px;background: url(../images/news.png) left center no-repeat;  overflow: hidden;  }
.newstit{ height:44px; transition: all 0.5s ease 0s;display: block; line-height: 44px; overflow: hidden; margin-bottom: 12px; font-size: 26px;  }
.newszi{ height: 60px; line-height: 30px; font-size:16px; overflow: hidden; margin-bottom: 14px; }
.newssee{ display: block; height:52px; line-height: 52px; font-size:18px; width: 100px; background: url(../images/newssee.png) right center no-repeat;   }
.newsdiv:after{ position: absolute; left: 0; top: 20px; background: #fff; width: 0; height:280px; content: '';transition: all 0.5s ease 0s;   }
.newsdiv:hover:after{  width:100%; transition: all 0.5s ease 0s;  }
.newstit:hover{ color: #74bc36; transition: all 0.5s ease 0s; }
.newssee:hover{ color: #74bc36; transition: all 0.5s ease 0s; background: url(../images/newssee1.png) right center no-repeat;  }

.news_info{ padding: 0px 0 0 0; margin-bottom: 40px; }
.rel_tit{ height:110px; line-height: 110px; font-size: 34px; margin-bottom: 20px; text-align: center; overflow: hidden; border-bottom: 1px solid #e7e7e7  }
.rel_inner{ font-size: 16px; height:50px; line-height: 50px; text-align: center; color: #666666  }
.piece{ padding:60px 0 30px 0; border-top: 1px solid #e7e7e7;  }
.piece_inner{ background: #f6f6f6; height:100px; border-radius: 5px;  overflow: hidden; padding: 0 26px; }
.piece_l{ width: 30%; float: left; height: 100px; line-height: 100px; overflow: hidden; font-size:20px;background:url(../images/news_l.png) left center no-repeat;  padding-left: 30px; box-sizing: border-box; }
.piece_r{width: 30%; float: right; height: 100px; line-height: 100px; overflow: hidden;text-align: right; font-size:20px;background:url(../images/news_r.png) right center no-repeat;  padding-right: 30px; box-sizing: border-box; }
.piece_end{width: 40%; float: left; text-align: center; height: 100px; line-height: 100px; overflow: hidden; font-size:20px;background:url(../images/end.png) 160px center no-repeat; }
.rel{ margin-bottom: 10px; }
.news_info{ background: #fff; padding:10px 65px 40px;  }
.mianf{ font-size: 14px;  line-height: 28px; color: #999999; }
.newshe{ padding-top:90px;  }

.project_ul{ margin: 0 0 0  -40px;}
.project_ul li{ margin: 0 0 60px 40px; width:420px; height: 300px; overflow: hidden; position: relative; float: left;  }
.xm_im{ width: 420px; height: 300px; overflow: hidden;border-radius: 5px;  }
.xm_im img{ width: 420px; height: 300px;transition: all 1s ease 0s; overflow: hidden; border-radius: 5px; }
.xm_tit{ position: absolute;transition: all 0.5s ease 0s; left: 0; bottom: 0; width: 100%; height:60px;background: url(../images/calbj.png) right center repeat;  line-height: 60px; text-align: center; font-size:20px; color: #fff; border-radius: 5px;  }
.project_ul li:hover .xm_im img{ transition: all 1s ease 0s; transform: scale(1.1); }
.project_ul li:hover .xm_tit{ transition: all 0.5s ease 0s; color: #74bc36 }
.plate{background: url(../images/probj1.jpg) center top no-repeat; height: 620px;}
.plate_tit{ font-size: 36px; text-align: center; height:92px; line-height: 92px; color: #fff;  }
.videosee{background: url(../images/video1.png) center top no-repeat;  width: 48px; height: 48px; position: absolute; left: 50%; top: 50%; margin: -24px 0 0 -24px; display: block;}
.value_title{ padding:80px 0 0 0;  }
.value_cn{ text-align: center; height:56px; line-height: 56px; overflow: hidden; color: #146576; font-size: 40px; }
.value_en{ text-align: center; height:44px; line-height: 44px; overflow: hidden; font-size: 20px;  margin-bottom: 18px; }
.value_line{ width:390px; height: 1px; background: #d1dae4; margin: 0 auto 26px; position: relative;  }
.value_line:after{ position: absolute; left: 50%; top: -1px; background: #196879; width:240px; height: 3px; margin-left: -120px; content: ''  }
.value_word{_ font-size: 18px; text-align: center; line-height:34px; margin-bottom: 50px;}

.create{ border-bottom: 1px solid #d1dae4 }
.value_ul{ margin: 0 0 0 -33px; padding-bottom: 30px;}
.value_ul li{ float: left; margin: 0 0 40px 33px; border-top: 10px solid #e0e4ea; width: 310px; background: #ebf0f5; padding: 44px 30px 58px; box-sizing: border-box;}
.value_img{ height: 60px ;line-height: 60px; transition: all 0.5s ease 0s; display: block; }
.create_tit{ height: 74px; line-height: 74px; overflow: hidden; font-size: 26px; }
.create_inner{ height:96px; line-height: 32px; overflow: hidden; font-size:18px;   }
.wrok_tit{  text-align: center; height:78px; line-height: 78px; font-size: 26px; overflow: hidden;  }
.work_zi{ text-align: center; font-size: 18px; height:136px; line-height: 34px; overflow: hidden; padding: 0 30px;   }
.work{ padding-bottom: 110px; }
.value_ul li:hover .value_img{ transform: translateY(-10px); transition: all 0.5s ease 0s; }
.workinner .swiper-button-prev{background: url(../images/value_l.png) center top no-repeat!important; top: 242px!important; left: 0!important; width: 64px!important; height: 64px!important;}
.workinner .swiper-button-prev:after{ display: none!important; }
.workinner .swiper-button-next{background: url(../images/value_r.png) center top no-repeat!important; top: 242px!important; right: 17px!important; width: 64px!important; height: 64px!important;}
.workinner .swiper-button-next:after{ display: none!important; }

.cover{background: url(../images/probj.jpg) center top no-repeat; height: 940px;}
.cover .value_cn,.cover .value_en{ color: #fff; }
.cover .value_line{ background: #37473d; }
.cover .value_line:after{ background: #fff; }
.cover .value_word{ color: #fff; height:68px; line-height: 34px;   margin-bottom: 70px;}
.coat_inner{background: url(../images/yuanbj.png) center top repeat; border: 2px solid #00586a; padding:34px 28px 68px; }
.coat_img{ height: 100px; line-height: 100px; overflow: hidden; }
.coat_img img{ width: auto; height: auto; max-width: 100% }
.coat_tit{ height:73px; line-height: 73px; overflow: hidden; font-size:26px; color: #fff;   }
.coat_zi{ height: 64px; line-height: 32px; overflow: hidden; color: #b9bcbb; font-size: 18px; }
.cover .swiper{ height: 405px; }

.cover .swiper-pagination-bullet{ width: 30px!important; height: 2px!important; cursor: pointer!important; background: #5c6c69!important; border-radius: 0!important; }

.cover .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #00586a!important; }
.business{background: url(../images/busbj.jpg) center top no-repeat; height: 940px; position: relative;}
.bus_inner{ position: absolute; left: 0; width: 100%; bottom: 0; height:250px;background: url(../images/busbj.png) center top repeat;  }
.bus_l{ float: left; width:220px;padding-top: 36px;  }
.bustit{  font-size:32px; overflow: hidden; height:87px; line-height: 87px; color: #fff;   }
.busline{  width:90px; height: 1px; background: #84a8ad;  margin-bottom: 44px; }
.bus_see{ display: block; height:32px;transition: all 0.5s ease 0s; line-height: 32px; font-size: 14px; color: #fff; overflow: hidden; width: 86px;background: url(../images/welsee.png) right center no-repeat;  }
.bus_r{ float: right; width:1058px; padding-top: 52px; }
.buszi{ height:147px; line-height:39px; overflow: hidden;  color: #fff; font-size: 16px;  }
.bus_see:hover{background: url(../images/newssee1.png) right center no-repeat; color: #74bc36; transition: all 0.5s ease 0s;}
.case_ul{ margin:0 0 0 -40px;  }
.case_ul li{ float: left; margin: 0 0 20px 40px; width: 420px; }
.caseimg{ width: 420px; height: 300px; overflow: hidden; }
.caseimg img{width: 420px; height: 300px; overflow: hidden; border-radius: 5px;}
.case_tit{ font-size: 20px; transition: all 0.5s ease 0s; text-align: center; height: 58px; line-height: 58px; overflow: hidden; }
.case{ padding-bottom: 50px; }
.case_tit:hover{ color: #74bc36; transition: all 0.5s ease 0s;}
.contmap{background: url(../images/map.jpg) center top no-repeat; height: 940px;  }
.map{ position: absolute; top: 180px; right: 0; height: 580px; width:470px;  background-color: rgba(255,255,255,0.9); padding: 28px 40px 0; box-sizing: border-box; }
.contmap .box{ position: relative; }
.map_tit{ font-size: 32px; height:90px; line-height: 90px; overflow: hidden; }
.mapline{ background: #cfd9e3; width: 100%; position: relative; height: 1px; margin-bottom: 22px; }
.mapline:after{ position: absolute; left: 0; width:240px; height: 3px; background:#146576; content: ''; bottom: -1px;  }
.map_dl dt{ float: left; height:40px; line-height: 40px; overflow: hidden; font-size: 20px; }
.map_dl dt img{ margin-right:12px;  }
.map_dl dd{ float: right; width:252px; font-size: 20px; line-height:40px;   }
.map_dl{ margin-bottom: 12px; }
.map_dl .call{ font-size: 28px; color: #1a4778; font-weight: bold; }
.fol_tit{  font-size:20px; height:60px; line-height: 60px; overflow: hidden;   }
.foll_img{ width: 130px; height: 130px; overflow: hidden; }
.map_dl .mapdz{ line-height: 28px; }


.recu ul{ cursor:pointer; background:#fff; height:200px; padding:0 60px; border-left: 6px solid #74bc36; position: relative; }
.Requirement em{ font-size:22px;padding: 22px 0 10px 0; display: block; }
.Requirement{ display:none; background: #fff; border-top: 20px solid #f1f4f8; padding:30px 60px 40px; line-height: 40px; font-size: 18px; box-shadow: 0 0 10px #e9ecee;  }
.join_left{ float: left; width: 980px;  }
.join_tit{ display: block; height:44px; transition: all 0.5s ease 0s; line-height: 44px; overflow: hidden; font-size: 28px; padding-top: 32px; }
.join_wrap{ height:40px; line-height: 40px; overflow: hidden;  }
.branch_i{ display: inline-block; font-size:18px;  margin-right: 55px;  }
.join_post{ display: block; height:84px; line-height: 84px; overflow: hidden; font-size:18px; padding-left:24px;  background: url(../images/join5.png) left center no-repeat;   }
.join_right{ float:right; padding-top:72px;  }
.join_see{ display: block; transition: all 0.5s ease 0s; width: 188px; height: 52px; line-height: 52px; text-indent: 43px; border: 1px solid #04192b;background: url(../images/join3.png) 136px center no-repeat; border-radius: 52px; color: #04192b; font-size:14px;  }
.recu dd{margin-bottom: 40px;}
.pos_one{ position: absolute; left:130px; transition: all 0.5s ease 0s; background: url(../images/join1.png) center top no-repeat; width: 10px; height: 50px; display: none; bottom:-38px; }
.pos_two{ position: absolute; right:130px; transition: all 0.5s ease 0s; background: url(../images/join1.png) center top no-repeat; width: 10px; height: 50px; display: none; bottom:-38px; }
.recu ul.act .pos_one,.recu ul.act .pos_two{ display: block; transition: all 0.5s ease 0s; }
.recu ul.act .join_tit{ color: #74bc36; transition: all 0.5s ease 0s; }
.recu ul.act .join_see{background:#74bc36 url(../images/join2.png) 136px center no-repeat; border: 1px solid #74bc36; color: #fff; transition: all 0.5s ease 0s; }
.join_mall{ text-align: center; color: #fff; height: 70px; line-height: 70px; border-radius: 5px; width: 100%; background: #74bc36; margin-top: 40px; }
.jointitle{ font-size: 30px; text-align: center; height:166px; line-height: 166px;  }
.join{ padding-bottom: 50px; }

.mess_r{ float: right; width: 650px; padding-top: 94px; overflow: hidden; }
.mess_r img{ width: 650px; height: 850px; overflow: hidden; }
.mess_l{ float: left; width:640px;  padding-bottom: 116px; }
.mess_div{ border-bottom: 1px solid #dfdfdf; margin-bottom: 34px;}
.mess_tit{ float: left; height:78px; line-height: 78px; overflow: hidden; font-size:20px; width: 110px;   }
.sign{ color: #f30b0b}
.mess_txt{ width:510px; padding-right: 10px; box-sizing: border-box; float: right; border: none; background: none; font-size: 16px; height:78px; line-height: 78px; overflow: hidden; }
.mess_area{width:510px; padding-right: 10px; box-sizing: border-box; float: right; border: none; background: none; font-size: 16px; height:148px; line-height: 30px; overflow: hidden;}
.code_l{ float: left; width: 301px; }
.code{  width:299px; height: 58px; border: 1px solid #cfd8dc; border-radius: 5px;  }
.codetxt{ height: 56px; line-height: 56px; overflow: hidden; background: none; border: none; float: left; width: 166px; padding: 0 10px; box-sizing: border-box; }
.codepic{ float: right; height: 56px; line-height: 56px; width: 130px; border-left: 1px solid #cfd8dc; box-sizing: border-box; }
.code_l .mess_tit{ float: none; }
.code_r{ float: right; padding-top: 80px; }
.code_sub{ width:168px; height: 58px; line-height: 58px;transition: all 0.5s ease 0s;  border-radius: 8px 3px 8px 3px; border: 1px solid #575757; background: none; }
.code_sub:hover{color: #74bc36; transition: all 0.5s ease 0s; border: 1px solid  #74bc36; }
.flex-viewport{width: 100%;height: 100%;}
.flexslider {position: relative;width: 100%;height: 100%; overflow: hidden; text-align: center; clear: both;}
.slides li .banner_img{ width: 100%; height: 100%; }
.slides li { position:relative; width:100%; height: 100%; float: left; }
.slides {width:100%; height:100%;}
.flex-control-nav {display: block;  text-align: center; box-sizing: border-box;  z-index: 99; width: 18px;  position: absolute; right: 33px;  top: 50%; }
.flex-control-nav li{  margin: 11px 0;}
.flex-control-nav li a{ display: block; background:url(../images/tab.png) center center no-repeat; width: 17px; height: 13px;  font-size: 0;transition: all 0.5s ease 0s; }
.flex-control-nav li a.flex-active{background:url(../images/tab1.png) center center no-repeat; transition: all 0.5s ease 0s; }
.flex-direction-nav{ display: none; }


.us{background:url(../images/indexbj1.jpg) center top no-repeat; height: 940px; }
.us_top{ height: 470px; line-height: 470px; overflow: hidden; text-align: center; }
.us_top img{ width: auto; height: auto; max-width: 100% }
.us_l{ padding-left:calc((240 / 1920) * 100%); float: left; width: 26%; box-sizing: border-box;  }
.cn_title{ height: 94px; line-height: 94px; overflow: hidden; font-size:38px;  }
.indexline{ width: 50px; height: 2px; background: #00586a }
.en_title{ height:74px; line-height: 74px; font-size:20px; font-weight: bold; text-transform: uppercase; color: #d7dee4;   }
.see{ padding-top:46px;  }
.index_see{ width:148px; height: 44px; line-height: 44px; border: 1px solid #041e15;background:url(../images/newssee.png) 97px center no-repeat;transition: all 0.5s ease 0s; display: block;  border-radius: 8px 3px 8px 3px; text-indent: 32px; }
.index_see:hover{ background: #74bc36 url(../images/welsee.png) 97px center no-repeat; border: 1px solid #74bc36; color: #fff; transition: all 0.5s ease 0s; }
.us_r{ float: right; width: calc((1370 / 1920) * 100%); }
.establish{background:url(../images/us2.png) left top no-repeat; height: 240px;    background-size: cover; width: 100%; margin-bottom: 30px; }
.est_ul li{ float: left; width: 33.3%;  background:url(../images/indexline.png) right center no-repeat; padding: 54px 5%; box-sizing: border-box; }
.est_ul li:nth-last-child(1){ background: none; }
.est_t{ height: 88px; line-height: 84px; color: #fff; font-size:80px; overflow: hidden;  }
.est_t sub{ font-size:18px; }
.est_b{ height: 48px;background-size: cover!important; line-height: 48px; overflow: hidden; font-size: 24px; color: #fff; }
.estinner{ font-size: 18px; height:72px; line-height: 36px; overflow: hidden;  padding: 0 calc((200 / 1096) * 100%) 0 30px; }
.ecology{background:url(../images/indexbj5.jpg) center top no-repeat; height: 926px;background-size: cover!important;}
.eco_tit{ font-size: 50px; height:86px; line-height: 86px; text-align: center; padding-top:166px;  color: #00586a; margin-bottom: 10px;  }
.eco_inner{ text-align: center; line-height:30px; font-size: 22px;  margin-bottom: 40px; }
.ecology .index_see{ margin: 0 auto }
.jour{ background: #f9f9f9 url(../images/jourbj.jpg) left top no-repeat; padding: 112px 0 180px 0;}

.industry_ul{ padding-top: 10px; margin-bottom: 172px; }
.industry_ul a{ height:62px; line-height: 62px; overflow: hidden; font-size: 24px; display: block;   }
.industry_ul li.on a{ color: #74bc36 }
.jour_l{ float: left;width: 26%; }
.jour_r{float: right; width: 72%; padding-top: 70px;}
.jour_ul{  margin-left: -2% }
.jour_ul li{ float: left; width: 50%; padding: 0 0 0px 2%; box-sizing: border-box;   position: relative;  }
.jour_img img{ width: auto; height: auto; max-width: 100%; border-radius:5px; }
.jour_time{ height: 70px; line-height: 70px; overflow: hidden; font-size:18px; color: #a4a6ae;background:url(../images/jour.png) left center no-repeat;  text-indent: 34px; }
.jour_title{ height:84px; transition: all 0.5s ease 0s; line-height: 42px; overflow: hidden; font-size:28px;  margin-bottom: 36px;  }
.jour_see{ height: 34px;transition: all 0.5s ease 0s;  line-height: 34px; width:96px;background:url(../images/newssee.png) right center no-repeat;  }
.newsjour{border-bottom: 1px solid #d7dee4; padding-bottom: 50px; }
.jour_ul li:after{ position: absolute; left: 2%; bottom: 0; width: 0; content: ''; height: 1px; background: #00586a; transition: all 0.5s ease 0s; }
.jour_ul li:hover:after{ width: 100%; transition: all 0.5s ease 0s; }
.jour_title:hover{ color: #74bc36; transition: all 0.5s ease 0s; }
.jour_see:hover{color: #74bc36; transition: all 0.5s ease 0s; background:url(../images/newssee1.png) right center no-repeat;}
.ser{background:url(../images/indexbj2.jpg) center top no-repeat; height: 840px;background-size: cover!important; }
.ser .cn_title{ color: #fff; }
.ser .indexline{ background: #74bc36; }
.ser_l{ padding-top: 80px; float: left; width: 26% }
.serdiv{ float: right; width: 72%; position: relative; height: 840px }
.ser_ul{ position: absolute; left: 0; bottom: 0; width: 100% }
.ser_ul li{ width:33.3%; padding: 0 30px; box-sizing: border-box; height: 316px; border: 1px solid #74bc36; position: relative; overflow: hidden; border-radius: 10px; float: left; background-color: rgba(116,188,54,.95);  }
.serimg{ height: 52px; line-height: 52px; padding-top: 80px; }
.ser_cn{ font-size:26px; color: #fff; height: 44px; line-height: 44px; overflow: hidden;  }
.ser_en{font-size:16px; color: #fff; height: 32px; line-height: 32px; overflow: hidden; text-transform: uppercase; margin-bottom: 20px;}
.ser_see{ display: block; width:58px; height: 38px; line-height: 38px;background:url(../images/welsee.png) center center no-repeat;  border-radius: 8px 3px 8px 3px; border: 1px solid #fff;  }
.ser_ul li:nth-last-child(1){ margin-top: -298px;  border: 1px solid #fff; background-color: rgba(255,255,255,.95);}
.ser_ul li:nth-last-child(1) .ser_cn{ color: #333; }
.ser_ul li:nth-last-child(1) .ser_en{ color: #d7dee4; }
.ser_ul li:nth-last-child(1) .ser_see{background:url(../images/newssee.png) center center no-repeat; border: 1px solid #041e15; }
.ser_ul li:after{  position: absolute; left: 0; transition: all 0.5s ease 0s; top: 0;background-size: cover!important; width:0px; height: 316px; content: ''; background:url(../images/ser22.jpg) center top no-repeat; border: 5px; overflow: hidden;  }
.ser_ul li:hover{ border: 1px solid #fff; }
.ser_ul li:hover:after{ width:100%; transition: all 0.5s ease 0s; }
.serbox{ position: relative; z-index: 99; }

.core{background:url(../images/indexbj3.jpg) center top no-repeat; height: 840px;background-size: cover; overflow:hidden}
.coretit{ font-size:38px; height: 54px; line-height: 54px;  margin-bottom: 26px;  overflow:hidden; }
.core_box{ padding-top: 24px; }
.core_ul li{ margin-bottom: 26px; height:60px;background:url(../images/ser2.jpg) 16px 10px no-repeat;  line-height: 30px; overflow: hidden; padding-left: 38px; }
.core_l{ width: 30%; float: left;    padding-top: 60px }
.core_r{ float: right; width: calc((1100 / 1920) * 100%); padding-top:190px;  position: relative; overflow:hidden; }
.core_r img{ width: auto; height: auto; max-width: 100% }
.core_see{ position: absolute; display:none; left: 50%; top: 50%;transition: all 0.5s ease 0s; background:url(../images/ser5.png) center top no-repeat;  width: 89px; height: 89px; margin: -44.5px 0 0 -44.5px; }
.core_see:hover{ transition: all 0.5s ease 0s; transform: rotate(360deg); }
.deve{background:url(../images/devebj.jpg) center top no-repeat; height: 840px;}
.shentit{ font-size: 48px; color: #fff; height: 84px; line-height: 84px; overflow: hidden; padding-top: 100px; }
.zun{ font-size: 32px; color: #fff;height: 68px; line-height: 68px; overflow: hidden; }
.devediv{ padding-top: 60px; }
.sociales {	text-align: center;margin-bottom: 20px;}
#timeline {width: 100%;/* height: 550px; */overflow: hidden;position: relative;background: url('../images/deve1.jpg') left 202px repeat-x;}
#dates {width: 1172px;height: 88px;overflow: hidden;margin-top: 137px;}
#dates li {list-style: none;float: left;width: 198px;}
#dates a {height: 84px;font-size: 20px;text-align: center;color: #a8acad;background: url('../images/deve1.png') center bottom no-repeat; display: block;}
#dates .selected {color: #fff;background: url('../images/deve2.png') center bottom no-repeat;}
#issues {width: 800px;height: 450px;overflow: hidden; padding-left: 20%; box-sizing: border-box; }	
#issues li {width:904px;padding-top:80px;list-style: none;float: left; opacity: 0!important;}
#issues li.selected { opacity: 1!important }
#next {right: 290px;top: 20px;background: url('../images/deve_r.png') center center no-repeat;width: 12px; height: 21px; position: absolute;}
#prev {right: 340px; top: 20px; background: url('../images/deve_l.png') center center no-repeat; width: 12px; height: 21px; position: absolute;}
#next.disabled,#prev.disabled {opacity: 0;}
.deve_l{ float: left; width:270px;  }
.deve_tiem{ font-size:60px; color: #fff; height: 122px; line-height: 122px;  }
.deve_tiem sub{ font-size:24px;  }
.develine{ width: 30px; height: 4px; background: #74bc36;  margin-bottom: 30px;}
.devetit{ color: #fff; height:60px; line-height: 60px; overflow: hidden; font-size: 44px;  }
.deve_r{ float: left; width: 620px; }
.deve_i{ height: 44px; display: block; line-height: 44px;overflow: hidden; font-size:16px; padding-left: 22px; color: #fff; background: url(../images/deve3.png) left center no-repeat;  }
.jour_inner{ display: none; }

.begin .warp{ padding:0 calc((30 / 1366) * 100%); min-width: inherit; }
.begin .box{width:1300px; min-width: inherit;}
.begin .us_l{ padding-left: 30px; }
.begin .banner_inner{ height:636px!important;}
.begin .a_banner{height:636px!important;}
.begin .honor_ul,.begin .project_ul,.begin .value_ul,.begin .case_ul { margin-left:-18px;}
.begin .honor_ul li,.begin .project_ul li,.begin .value_ul li,.begin .case_ul li{ margin-left:18px;}
.work img{ width:auto; height:auto; max-width:100%}

.navBg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    background: #222;
    background: rgba(34, 34, 34, .9);
    
    transition: all .5s ease 0s;
    transform: translate(-100%, 0);
    
}

.navBg.activenav {
    opacity: 1;
    transform: translate(0, 0);
    z-index: 9999;

}

.navTop {
    position: relative;
    z-index: 1;
    padding: 15px 10px;
    overflow: hidden;
    
}

.navClose {
    float: right;
    width: 30px;
    height: 30px;
    cursor: pointer;
     margin-right: -9px;
}

.navClose span {
    display: block;
    width: 100%;
    height: 1px;
    background: #FFF;
    transform-origin: left center
}

.navClose span:first-child {
    transform: rotate(45deg)
}

.navClose span:last-child {
    margin-top: 20px;
    transform: rotate(-45deg)
}

.navBot {
    position: absolute;
    top: 90px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
   
    height: 100%
}

.navList {
    overflow: hidden;
    height: 100%
}

.navList li {
    width: 100%;
    height: auto;
    
    transition: all .5s ease 0s;
    transform: translate(0, 50px)
}

.navList li a {
    display: block;
    padding: 10px ;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    color: #fff;
    font-size: 16px;
}



.navList li a:hover {
    padding-left: 10%;
    color: #297f38
}

.activenav .navList li {
    opacity: 1;
    transform: translate(0, 0)
}

.activenav .navList li {
    transition-delay: .3s
}

.menuBg {
    position: absolute;
    top: 22px;
    right: 10px;
    z-index: 2;
    display: none;
    
}


.menuBtn img {
    margin: 6px auto 10px
}

.mBtnLine {
    font-size: 0;
    width: 20px;
}

.mBtnLine span {
    display: inline-block;
   
    vertical-align: top
}

.mBtnLine span:nth-child(2) {
    margin: -4px 3px 0
}
.mBtnLine span {
        width: 100%;
        height: 2px;
        background: #74bc36
    }

    .mBtnLine span:nth-child(2) {
        margin: 5px 0;
        width: 80%
    }
    
    
.news_word img{  width: auto!important; height: auto!important; max-width: 100%!important}


.newsjour .jour_img{ height:300px;}

.about video{width: 100%;
    height: 400px;
    object-fit: fill!important;
    background: none!important;}