@charset "UTF-8";
/* 
-webkit-: chrome, safari, ios-safari, android;
-moz-: firefox;
-o-: opera;
-ms-: IE;
*/
/* ============================================================================= */
* {margin: 0; padding: 0;}
html { margin: 0px; padding: 0px; font-style: normal !important; }
html, body {color: #727171; font-family: Arial, "Microsoft YaHei", "“微软雅黑"; text-decoration: none; -webkit-font-smoothing: antialiased; height: 100%;}
/*---------------------------------------------*/
h1 {font-size: 48px; font-weight:600; color: #11622f; margin-bottom: 1em; line-height: 1.5em;}
h2 {font-size: 42px; font-weight:500; color: #11622f; margin-bottom: 1em; line-height: 1.5em; text-align: center;}
h3 {font-size: 32px; font-weight:500; color: #11622f; margin-bottom: 1em; line-height: 1.2em;}
h4 {font-size: 28px; font-weight:500; color: #11622f; margin-bottom: 0.5em; line-height: 1.2em;}
p {font-size: 16px; font-weight:300; color: #666666; margin-bottom: 2em; line-height: 1.8em;}
/*---------------------------------------------*/
dl, dd, dt { margin: 0px; padding: 0px;}
ul, ol, li {margin: 0px;  padding: 0px; list-style-type: none; font-weight:300;}
/*---------------------------------------------*/
hr {border-top: solid 1px #DDD; margin-top: 0px; border-bottom: 0px; border-left: 0px; border-right: 0px; margin-bottom: 60px;}
/*---------------------------------------------*/
input, textarea, form {margin: 0px; padding: 0px; color: #666666; font-family: Arial, "Microsoft YaHei", "“微软雅黑";}
input, textarea {font-weight: normal; color: #333333; margin: 0px; padding: 0px;}
/*---------------------------------------------*/
span, img {margin: 0px; padding: 0px; border: 0px; vertical-align: top;}
/*---------------------------------------------*/
table, th, td {font-family: Arial, "Microsoft YaHei", "“微软雅黑"; line-height: normal;  margin: 0px; padding: 0px;  color: #333333;}
th {font-size: 1em;}
td {font-size: 1em;}
/*---------------------------------------------*/
a {color: #666666; text-decoration: none; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .3s; transition-duration: .3s;  -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .3s; transition-duration: .3s;}
a:hover {color: #11622f; text-decoration: none;}
a:active {color: #11622f;text-decoration: none;}
a,img,button,input,textarea,div{-webkit-tap-highlight-color:rgba(255,255,255,0); -webkit-tap-highlight:rgba(255,255,255,0); -webkit-text-size-adjust:none;}
/*---------------------------------------------*/
.top60{margin-top:60px;}
.top30{margin-top:30px;}
.bottom60{margin-bottom:60px;}
.bottom30{margin-bottom:30px;}
.gray_bg{ background-color:#f3f3f3; padding:50px 0px;}
/*---------------------------------------------*/
.navbar{ background-color:#fff; border:none; border-radius: 0px; margin-bottom: 0px; padding: 30px 0px; box-shadow:0px 0px 20px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.4);}
.language{ margin-right:10px;}
.language a{ margin:0px 10px;}
.navbar .navbar-header .navbar-brand {width:200px; margin:0px; padding: 7px 0px;}
.navbar .navbar-navbarnav li{margin:3px; font-size:16px; font-weight:500;}
.navbar .navbar-nav li a{color:rgba(84,84,84,1); margin: 15px 0px; padding: 10px 20px; font-size: 14px;}
.navbar .navbar-nav .active a ,.navbar .navbar-nav li a:hover ,.navbar .navbar-nav .active a:hover,.navbar .navbar-nav .dropdown a:focus{background-color:transparent; color:rgba(17,98,17,1); font-weight: 500;}
.navbar .navbar-nav .dropdown{border: none;}
.navbar .navbar-nav .dropdown-menu{padding: 0px; background-color: #fff; text-align: center;  width: 180px; min-width:100px; left:50%; margin-left: -60px; border: none; top: 60px;}
.navbar .navbar-nav .dropdown-menu li{margin: 0px; padding: 0px; border-bottom: solid 1px rgba(255,255,255,0.2); font-size: 14px;}
.navbar .navbar-nav .dropdown-menu li a{margin: 0px; padding: 5px 0px 5px 0px; font-size: 14px; border-bottom: solid 1px #e6e6e6;}
.navbar .navbar-nav .dropdown .dropdown-menu .active a,.navbar .navbar-nav .dropdown .dropdown-menu a:hover{color:rgba(17,98,17,1);}
.navbar .navbar-nav .active .dropdown-menu li a{color:rgba(84,84,84,1); font-weight: 300;}
.home_banner{height:calc(100% - 160px); background:#e0f4fb; position: relative; overflow: hidden;}
.home_banner .container{position: relative; height: 100%;}
.home_banner .bg{height: 450px; width: 100%; background: url(../images/banner_bg.png) no-repeat bottom center; position: absolute; left:0px; bottom: 0px; z-index: 3;}
.home_banner .bg_bar{height: 390px; width: 100%; position: absolute; left:0px; bottom: 0px; z-index: 3; overflow: hidden;}
.home_banner .bg1{height: 390px; width: 2020px; background: url(../images/banner_bg1.png) no-repeat bottom center; position: absolute; left:-50px; bottom: 0px; z-index: 4;}
.home_banner .bg2{height: 390px; width: 2020px; background: url(../images/banner_bg2.png) no-repeat bottom center; position: absolute; left:-50px; bottom: 0px; z-index: 5;}
.home_banner .bg3{height: 390px; width: 2020px; background: url(../images/banner_bg3.png) no-repeat bottom center; position: absolute; left:-50px; bottom: 0px; z-index: 6;}
.home_banner .person{height: 292px; width: 134px; background: url(../images/banner_person.png) no-repeat bottom center; position: absolute; bottom: 0px; left:640px; z-index: 6; background-size: cover;}
.home_banner .maize_left{height: 182px; width: 280px; background: url(../images/maize_left.png) no-repeat bottom center; position: absolute; bottom: 220px; left:-200px; z-index: 2; background-size: cover;}
.home_banner .maize_right{height: 182px; width: 280px; background: url(../images/maize_right.png) no-repeat bottom center; position: absolute; bottom: 230px; right:-60px; z-index: 2; background-size: cover;}
.home_banner .big{width: 160px; height: 140px; position: absolute; background: url(../images/banner_big.png) no-repeat; background-size: cover; z-index: 6;}
.home_banner .big1{left:180px; bottom: 20px; transform:scale(0.7, 0.7);}
.home_banner .big2{right:580px; bottom: 20px; transform:rotateY(180deg) scale(0.6, 0.6);-moz-transform:rotateY(180deg) scale(0.6, 0.6); -webkit-transform:rotateY(180deg) scale(0.6, 0.6); -o-transform:rotateY(180deg) scale(0.6, 0.6);}
.home_banner .big3{right:160px; bottom: 50px; transform:scale(1, 1);}
.home_banner .text{float: left; margin-top: 80px;}
.home_banner h2{font-weight: 500; text-align:left; font-size: 24px; margin-bottom: 10px; margin-left: 0px;}
.home_banner .slogan{width: 610px; height: 44px; background: url(../images/enbanner_text.png); margin-bottom: 10px;}
.home_banner .text p{font-size: 18px; color: #3f7a6c; margin-left: 0px; width:650px;  line-height:1.5em;}
.home_banner .icon_list{position: absolute; right:30px; top:30px; width: 480px; height: 480px; }
.home_banner .icon_list .banner_icon{position: absolute;}
.home_banner .icon_list .banner_icon1{left:240px; top:0px; transform:rotate(20deg);-moz-transform:rotate(20deg); -webkit-transform:rotate(20deg); -o-transform:rotate(20deg);}
.home_banner .icon_list .banner_icon2{left:100px; top:160px;}
.home_banner .icon_list .banner_icon3{left:360px; top:320px;transform:rotate(30deg);-moz-transform:rotate(30deg); -webkit-transform:rotate(30deg); -o-transform:rotate(30deg);}
.home_banner .icon_list .banner_icon4{left:150px; top:380px;}
.home_banner .icon_list .banner_icon5{left:260px; top:390px;}
.home_banner .icon_list .banner_icon6{left:36px; top:100px;}
.home_banner .icon_list .banner_icon7{left:320px; top:33px;}
.home_banner .icon_list .banner_icon8{left:120px; top:30px;}
.home_banner .icon_list .banner_icon9{left:380px; top:110px;}
.home_banner .icon_list .banner_icon10{left:220px; top:116px;}
.home_banner .icon_list .banner_icon11{left:310px; top:200px; width: 60px; height: 60px;}
.home_banner .icon_list .banner_icon12{left:0px; top:220px; transform:rotateY(180deg);-moz-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -o-transform:rotateY(180deg);}
.home_banner .icon_list .banner_icon13{left:400px; top:230px;}
.home_banner .icon_list .banner_icon14{left:180px; top:230px;transform:rotate(60deg);-moz-transform:rotate(60deg); -webkit-transform:rotate(60deg); -o-transform:rotate(60deg);}
.home_banner .icon_list .banner_icon15{left:70px; top:350px; width: 60px; height: 60px; transform:rotate(-30deg);-moz-transform:rotate(-30deg); -webkit-transform:rotate(-30deg); -o-transform:rotate(-30deg);}
.home_banner .copyright{color: #fff; font-size: 12px; position: absolute; bottom:10px; right:0px; z-index: 10;}
@media (max-width: 1200px) {
.navbar{padding: 20px 0px; }
.navbar .navbar-header .navbar-brand {width:200px; margin-bottom: 20px;}
.home_banner{height: calc(100% - 190px);}
.home_banner .bg{background: url(../images/banner_bg.png) no-repeat bottom center; position: absolute; left:0px; bottom: 0px; z-index: 3px; background-size: cover; height: 280px; width: 100%;}	
.home_banner .person{ position: absolute; bottom: 0px; left:260px;}
.home_banner .text{transform:scale(1.2, 1.2); position: absolute; left:50%; margin-left: -305px; top:-50px;}	
.home_banner .icon_list{transform:scale(1.2, 1.2);position: absolute; left:50%; top:420px; margin-left: -240px; }
.home_banner .maize_left{left:-60px; bottom:130px; z-index: 1; width: 196px; height: 127px;}
.home_banner .maize_right{right:-95px; bottom:140px; width: 196px; height: 127px;}
.home_banner .big1{transform:scale(0.6, 0.6); left:0px; bottom:-10px;}
.home_banner .big2{transform:scale(0.5, 0.5); left:650px; bottom:-10px;}
.home_banner .big3{transform:scale(0.7, 0.7); left:800px; bottom:30px;}
}

@media screen and (min-width: 768px) and (max-width: 992px){
.navbar{padding: 20px 0px; }
.navbar .navbar-header .navbar-brand {width:200px;}
.navbar .navbar-nav li a{padding: 10px 10px; font-size:14px;}
.home_banner{height: calc(100% - 190px);}
.home_banner .bg{background: url(../images/banner_bg.png) no-repeat bottom center; position: absolute; left:0px; bottom: 0px; z-index: 3px; background-size: cover; height: 230px; width: 100%;}	
.home_banner .person{transform:scale(0.8, 0.8); position: absolute; bottom: -30px; left:160px;}
.home_banner .text{transform:scale(0.8, 0.8); position: absolute; left:50%; margin-left: -305px; top:-120px;}	
.home_banner .icon_list{transform:scale(0.8, 0.8);position: absolute; left:50%; top:200px; margin-left: -240px; }
.home_banner .maize_left{left:-60px; bottom:90px; z-index: 1;  width: 196px; height: 127px;}
.home_banner .maize_right{right:-50px; bottom:95px;  width: 196px; height: 127px;}
.home_banner .big3{transform:scale(0.7, 0.7); left:580px; bottom:0px;}
}
@media (max-width:767px) {
h2 {font-size: 36px;}
h3 {font-size: 28px;}
.top60{margin-top:30px;}
.top30{margin-top:15px;}
.bottom60{margin-bottom:30px;}
.gray_bg{ background-color:#f3f3f3; padding:30px 0px;}
.navbar{padding: 10px 0px; margin-bottom: 5px; box-shadow:0px 0px 0px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.4);}
.language{ position:absolute; top:10px; right:-5px;}
.navbar .navbar-header .navbar-brand {width:180px; margin-left: 20px;}
.navbar-default .navbar-toggle{margin-top: 30px;}
.navbar-default .navbar-toggle .icon-bar{ background-color: #11622f;}
.navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color: transparent}
.navbar .navbar-collapse{background-color:#fff; border:none; margin: 15px -15px;} 
.navbar .navbar-nav{ margin: 0px -15px;}
.navbar .navbar-nav li{margin:0px; padding: 0px; text-align: left;}
.navbar .navbar-nav li a{padding: 15px 30px; background-color: #fff; border-bottom: solid 1px rgba(230,230,230,1); color: #545454; margin: 0px;}
.navbar .navbar-collapse .navbar-nav .active a{font-weight: 300; background-color: #11622f; color: #fff; }
.navbar .navbar-nav .caret{float: right; margin-top: 10px;}	
.navbar .navbar-nav .dropdown a:focus{border:solid 1px rgba(230,230,230,1);}
.navbar .navbar-nav .dropdown-menu{width: 100%; margin-left: 0px; border-bottom: solid 1px rgba(230,230,230,0.8); margin-top: 10px;}	
.navbar .navbar-nav .dropdown .dropdown-menu li a{color: #666; padding: 5px 40px; border-bottom: none;}	.navbar .navbar-nav .dropdown .dropdown-menu .active a{color:rgba(17,98,17,1); background-color: transparent;}
.navbar .navbar-nav .active .dropdown-menu li a{color:rgba(84,84,84,1);  background-color: transparent;}	
.home_banner{height: calc(100% - 95px);}
.home_banner .bg{background: url(../images/banner_bg_mb.png) no-repeat bottom center; position: absolute; left:0px; bottom: 0px; z-index: 3px; background-size: contain;}	
.home_banner .person{width: 80px; height:175px;  position: absolute; bottom: 0px; left:150px;}
.home_banner .text{transform:scale(0.55, 0.55); position: absolute; left:50%; margin-left: -305px; top:-170px;}	
.home_banner .icon_list{transform:scale(0.6, 0.6);position: absolute; left:50%; top:80px; margin-left: -240px; }
.home_banner .text p{width:600px;}		
}
/*----------------------------动画---------------------------------*/
.person_animation{animation: person_animation ease 2s 1;-webkit-animation: person_animation ease 2s 1;animation-fill-mode : forwards;-webkit-animation-fill-mode :forwards;}
@keyframes person_animation {
0% {-webkit-transform:translateX(-100px);transform:translateX(-500px);}
100% {-webkit-transform:translateX(0px);transform:translateX(0px);}}
@-webkit-keyframes left-right {
0% {-webkit-transform:translateX(-100px);transform:translateX(-500px);}
100% {-webkit-transform:translateX(0px);transform:translateX(0px);}}
/*------------------从左往右移动淡入--------------------*/
.left-right {animation: left-right ease 0.5s 1;-webkit-animation: left-right ease 0.5s 1;animation-fill-mode : forwards;-webkit-animation-fill-mode : forwards;opacity: 0;}
@keyframes left-right {
0% {-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0;}
100% {-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1}}
@-webkit-keyframes left-right {
0% {-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0;}
100% {-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1}}
/*------------------从右往左移动淡入--------------------*/
.right-left {animation: right-left ease 1s 0.5;-webkit-animation: right-left ease 0.5s 1;animation-fill-mode : forwards;-webkit-animation-fill-mode : forwards;opacity: 0;}
@keyframes right-left {
0% {-webkit-transform:translateX(1000px);transform:translateX(100px);opacity:0;}
100% {-webkit-transform:translateX(100px);transform:translateX(0px);opacity:1;	}}
@-webkit-keyframes right-left {
0% {-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0;}
100% {-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1;}
}
/*------------------从上往下移动淡入--------------------*/
.top-bottom {animation: top-bottom ease 0.5s 1;-webkit-animation: top-bottom ease 0.5s 1;animation-fill-mode : forwards;-webkit-animation-fill-mode : forwards;opacity: 0;}
@keyframes top-bottom {
0% {-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0;}
100% {-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}
}
@-webkit-keyframes top-bottom {
0% {-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0;}
100% {-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}}
/*------------------从下往上移动淡入--------------------*/
.bottom-top {animation: bottom-top ease 0.5s 1;-webkit-animation: bottom-top ease 0.5s 1;animation-fill-mode : forwards;-webkit-animation-fill-mode : forwards;opacity: 0;}
@keyframes bottom-top {
0% {-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0;}
100% {-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}
}
@-webkit-keyframes bottom-top {
0% {-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0;}
100% {-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}
}
/*------------------直接淡入--------------------*/
.fade-in {animation: fade-in ease 0.5s 1;-webkit-animation: fade-in ease 0.5s 1;animation-fill-mode : forwards;-webkit-animation-fill-mode : forwards;opacity: 0;}
@keyframes fade-in {
0% {opacity:0;}
100% {opacity:1;}
}
@-webkit-keyframes fade-in {
0% {opacity:0;}
100% {opacity:1;}
}
/*-------------------延时-----------------------*/
.delay0 {animation-delay: 0s;-webkit-animation-delay: 0s;}
.delay1 {animation-delay: 0.3s;-webkit-animation-delay: 0.3s;}
.delay2 {animation-delay: 0.5s;-webkit-animation-delay: 0.5s;}
.delay3 {animation-delay: 0.7s;-webkit-animation-delay: 0.7s;}
.delay4 {animation-delay: 0.9s;-webkit-animation-delay: 0.9s;}
.delay5 {animation-delay: 1.1.s;-webkit-animation-delay: 1.1s;}
.delay6 {animation-delay: 1.3s;-webkit-animation-delay: 1.3s;}
.delay7 {animation-delay: 1.5s;-webkit-animation-delay: 1.5s;}
.delay8 {animation-delay: 1.7s;-webkit-animation-delay: 1.7s;}
.delay9 {animation-delay: 1.9s;-webkit-animation-delay: 1.9s;}
.delay10 {animation-delay: 2.1s;-webkit-animation-delay: 2.1s;}
.delay11 {animation-delay: 2.3s;-webkit-animation-delay: 2.3s;}
.delay12 {animation-delay: 2.5s;-webkit-animation-delay: 2.5s;}
.delay13 {animation-delay: 2.7s;-webkit-animation-delay: 2.7s;}
.delay14 {animation-delay: 2.9s;-webkit-animation-delay: 2.9s;}
.delay15 {animation-delay: 3.1s;-webkit-animation-delay: 3.1s;}
.delay16 {animation-delay: 3.3s;-webkit-animation-delay: 3.3s;}
.delay17 {animation-delay: 3.5s;-webkit-animation-delay: 3.5s;}
.delay18 {animation-delay: 3.7s;-webkit-animation-delay: 3.7s;}
.delay19 {animation-delay: 3.9s;-webkit-animation-delay: 3.9s;}
.delay20 {animation-delay: 4.1s;-webkit-animation-delay: 4.1s;}
.delay21 {animation-delay: 4.3s;-webkit-animation-delay: 4.3s;}
.delay22 {animation-delay: 4.5s;-webkit-animation-delay: 4.5s;}
.delay23 {animation-delay: 4.7s;-webkit-animation-delay: 4.7s;}



.move{
    transition: left 500ms ease-out,bottom 500ms ease-out,top 500ms ease-out,right 500ms ease-out;
    -webkit-transition: left 500ms ease-out,bottom 500ms ease-out,top 500ms ease-out,right 500ms ease-out;
}