﻿@font-face
{
    font-family: myFirstFont;
    src: url(../fonts/Helvetica.ttf);
}

@font-face
{
    font-family: myFirstFont1;
    src: url(../fonts/HelveticaBold.ttf);
}
*{ margin:0; box-sizing: border-box; padding:0; transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;}
body{  font-family: myFirstFont; color:#333; font-size:15px;  line-height: 26px; min-width: 1280px;}
a{ text-decoration: none; -webkit-transition: all ease .1s;  -moz-transition: all ease .1s; transition: all ease .1s; border:none; color: #333;}
a:focus { outline: 0 }
a:hover{ color: #649434;}
img{ border:none; -webkit-transition: all ease .5s;  -moz-transition: all ease .5s; transition: all ease .5s; vertical-align: middle;}
ul,li{ list-style:none;}
.clear{ clear:both;}
.clearfix{ clear:both;}
p{ margin:0; padding:0;}
.padding5{ padding:5px;}
.padding10{ padding:10px;}
.padding15{ padding:15px;}
.padding20{ padding:20px;}
.padding30{ padding:30px;}
.padding40{ padding:40px;}
.fr{ float:right;}
.fl{ float:left; }
.paddingright{ padding-right:10px;}
.paddingleft{ padding-left:10px;}
.undis{ display:block;  background-size: cover;}
.dis{ display:none;  }
.pr5{ padding-right:5px;}
.red{ color:#f00;}
.fff{ color:#fff;}
.pdt30{ padding-top: 30px;}
.txtcenter{ text-align: center;}
h1, .h2, h3, .h4, h5, .h6{ margin: 0;  font-family: myFirstFont1;}
.auto1280{ width:1280px; margin: 0 auto;}
.flex {display: flex; flex-wrap: wrap;}
.flex-center { display: flex; align-items: center; justify-content: center;}
.flex-center1 {  align-items: center; }
.flex-center-contain { justify-content: space-between;}
.flex-center-contain1 { justify-content: space-between; align-items: center; }
.flex-center-contain2 { align-items: center; }

#home .home,
#services .services,
#about .about,
#news .news,
#contact .contact{color: #91d56e; border-bottom: 4px solid #91D56E; }




#dituContent{width:100%; height:450px;}

input,button,select,textarea{ outline:none;  font-family: arial;}
textarea{resize:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none; font-weight:normal;}

#warp{ width:100%; height:auto; position: relative; overflow: hidden;}

header.current{ padding: 5px 0; height: 89px;  background: rgba(0,0,0,0.5); }

header{ width: 100%; height: 109px; padding: 15px 0; background: rgba(0,0,0,0.3); position: fixed; left: 0; top: 0; z-index: 999;}
header .logo{ width: 107px; height: 79px;}
header .logo a{ display: block; width: 107px; height: 79px; background: url(../images/logo.png) no-repeat center;}
header .logo a h1{ display: none;}

header nav{}
header nav li{ font-family: myFirstFont1; font-size: 1.2rem; padding: 0 10px;}
header nav li a{ color: #FFFFFF; display: block; padding: 0 10px; line-height: 62px;}
header nav li a:hover{color: #91d56e; border-bottom: 4px solid #91D56E;}

header .hmail{ padding-left:20px; line-height: 77px; color:#fff; font-size:1.1rem;}
header .hmail a{ color:#fff;}
header .hmail a i{ margin-right:5px;}

/**banner**/
.main_visual .owl-carousel,.main_visual .owl-stage-outer,.main_visual .owl-stage,.main_visual .owl-carousel .owl-item{width: 100%; height: auto;}
.main_visual .owl-carousel .item{width: 100%;height: auto; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual .owl-carousel .item img{ width: 100%; height: auto;}
.main_visual .owl-prev,.main_visual .owl-next{width:22px;height: 39px;background-repeat: no-repeat; background-position: center center; position: absolute;top: 50%;margin-top: -20px;text-indent: -999px; overflow: hidden;}
.main_visual .owl-prev{background-image: url(../images/BL.png);left: 5%; opacity: 0;}
.main_visual .owl-next{background-image: url(../images/BR.png);right: 5%;  opacity: 0;}
.main_visual:hover .owl-prev{ opacity: 1.0;}
.main_visual:hover .owl-next{ opacity: 1.0;}


.main_visual .owl-dots{ width: 100%; text-align: center; height: 4px; position:absolute; left: 0; bottom: 25px;  z-index: 999;}
.main_visual .owl-dots .owl-dot{display: inline-block;  margin:0 5px;}
.main_visual .owl-dots .owl-dot span{  display: inline-block; width: 46px; height: 4px; background:#FFFFFF; }
.main_visual .owl-dot.active span{ background:#649434; }
.main_visual .owl-controls{ height: 0;}

.home-ad1{ width: 100%; line-height: 30px; text-align: center; background: #f0eee4; padding: 25px 0; font-size: 1.5rem; font-weight:bold; color:#68a010;}

.home-eco{ padding: 40px 0;}
.home-eco dl{ width: 19%; text-align: center; padding: 15px; cursor: pointer; transition: all ease .5s;  background:#fff;  box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1); border-radius:30px 0 30px 0;}
.home-eco dl:hover{ margin-top: -10px; }
.home-eco dl dt img{ width: 100px; height: 100px;}
.home-eco dl dd{ padding-top: 15px;}
.home-eco dl dd a{ display: block; line-height: 26px; font-size: 1.2rem; font-family: myFirstFont1; font-weight:bold;}
.home-eco dl dd p{ line-height: 22px; margin-top: 10px;}


.home-about{ width: 100%; height: auto; background: #558032;}
.home-about-left{ width: 50%;}
.home-about-left img{ width: 100%; height: auto;}
.home-about-right{ width: 50%; padding: 50px; color: #FFFFFF;}
.home-about-right h2{font-size: 3rem; font-weight: normal; line-height: 56px;}
.home-about-right em{ display: block; width: 120px; height: 2px; background: #FFFFFF; margin-top: 15px;}
.home-about-right p{ margin-top: 15px;}
.home-about-right a{ display: block; background: #0d6526; width: 200px; height: 45px; line-height: 45px; color: #FFFFFF; text-align: center; margin-top: 20px;}
.home-about-right a:hover{ background: #699a35; }

.home-services-title{ padding: 50px 0; text-align: center;}
.home-services-title b{ display: block;  color: #649434; font-size: 3rem; font-weight: normal; line-height: 60px;}
.home-services-title p{ margin-top: 10px;}

.home-services-list{}
.home-services-list li{ width: 32.3%;}
.home-services-list li img{ width: 100%; height: auto;}

.home-services-more{ padding: 35px 0; text-align: center;}
.home-services-more a{ display: inline-block; color: #FFFFFF; height: 42px; line-height: 42px; font-size: 1rem; background: #558032; padding: 0 220px;}
.home-services-more a:hover{background: #699a35;}


.home-services-ad{}
.home-services-ad img{ width: 100%; height: auto;}


.home-our-goals{ width: 100%; margin-top: 50px; padding-top: 50px; padding-bottom: 280px; background: url(../images/Ourgoals.jpg) no-repeat center bottom; background-size:cover;}

.home-our-goals-top{ width: 100%; height: auto;}

.home-our-goals-left{ width: 50%;}
.home-our-goals-left b{ font-size: 1.6rem; font-weight: normal; line-height: 42px; margin-bottom: 10px;}
.home-our-goals-left p{ margin-top: 10px; color: #666;}

.home-our-goals-right{ width: 50%; text-align: center;}
.home-our-goals-right p{ line-height: 42px; margin-top: 10px;}


.home-our-goals-bot{ width: 100%; height: auto; margin-top: 60px;}
.home-our-goals-bot-left{ width: 50%; height: auto;}
.home-our-goals-bot-left img{ width: 100%; height: auto;}

.home-our-goals-bot-right{ width: 50%; text-align: center;}
.home-our-goals-bot-right p{ color: #666666; line-height: 42px;}
.home-our-goals-bot-right img{ margin-bottom: 20px;}

footer{ background: #699a35; padding-top: 80px;}
.footerbox{ padding-bottom: 80px; color: #FFFFFF;}
.footerbox-left{ width: 280px; height: auto;}
.footerbox-left p{ line-height: 24px; margin-top: 10px;}
.footerbox-left a{ line-height: 24px; margin-top: 10px; color:#fff; font-size:1rem;}
.footerbox-left a i{ margin-right:5px;}

.footerbox-right{ width: calc(100% - 280px); height: auto; padding-left: 245px;}
.footerbox-right dl{ width: 34%;}
.footerbox-right dl dt b{ display: block; font-size: 1.4rem;  font-family: myFirstFont1; line-height: 30px; margin-bottom: 10px;}
.footerbox-right dl dt p{ margin-bottom: 10px;}
.footerbox-right dl dd a{ display: block; line-height: 28px; color: #aff17b;}
.footerbox-right dl dd a i{ color: #FFFFFF; margin-right: 8px;}
.footerbox-right dl dd a:hover{ text-decoration: underline;}
.footercopy{ width: 100%; border-top: 1px solid #508417; color: #FFFFFF; line-height: 30px; padding: 25px 0;}


.abbanner{ width: 100%; height: 400px;}
.abbanner h1{ color: #FFFFFF; font-size: 3.6rem;  font-family: myFirstFont1; margin-top: 70px;}


.about-company{ width: 100%; height: auto; padding: 60px 0; background: #558032; color: #FFFFFF;}
.about-company-left{ width: 50%; padding-right: 60px;}
.about-company-left h2{ font-size: 2rem; line-height: 42px;}
.about-company-left em{ width: 120px; height: 2px; background: #FFFFFF; margin-top: 10px; display: block;}
.about-company-left p{ margin-top: 20px; line-height: 25px;}
.about-company-right{ width: 50%;}
.about-company-right img{ width: 100%; height: auto;}


.about-company-ad{ width: 100%; height: auto;}
.about-company-ad img{ width: 100%; height: auto;}


.services_list{}
.services_list dl{ padding: 70px 0;}
.services_list dl:nth-child(even){ background: #f0eee4;}
.services_list dl:nth-child(even) dt{ float: right;}
.services_list dl:nth-child(even) dd{ float: left; padding-right: 80px;}

.services_list dl:nth-child(odd) dt{ float: left;}
.services_list dl:nth-child(odd) dd{ float: left; padding-left: 80px;}

.services_list dl dt{ width: 45%;}
.services_list dl dt img{ width: 100%; height: auto;}
.services_list dl dd{ width: 55%;}
.services_list dl dd b{ font-size: 1.8rem; line-height: 32px; font-weight: normal; display: block; color: #666666;}
.services_list dl dd em{ display: block; width: 120px; height: 2px; background: #649434; margin-top: 20px;}
.services_list dl dd div.services_listinfo{ padding: 20px 0; line-height: 24px;}


.contact-info{ padding: 25px 0; line-height: 26px;}


/*==留言通用↓==*/

.MessageCon{background: url(../images/MessageBg.jpg) no-repeat center;background-size:cover; padding:100px 0; }

.MessageCon .long{padding:80px; background: #fff; }

.MessageCon .title{margin-bottom:40px;overflow: hidden;}

.MessageCon .title h2{float:left;color:#191919;font-size:24px;}

.MessageCon .title .tel{float:right;margin-top:25px;color:#333333;font-size:26px;/*font-weight: bold;*/}

.MessageCon .title .tel em{display:block;float:left;margin-right:10px;margin-top:5px;color:#333;font-size:25px;font-weight:400;font-family:"iconfont";}

.MessageCon input{position: relative; width:49.5%; margin-bottom:15px;}


.MessageCon form{ width:100%; justify-content: space-between;}
.MessageCon input,.MessageCon textarea{padding:15px 20px 15px 45px;border:1px #ddd solid; background-repeat:no-repeat ; background-position:15px 17px; box-sizing:border-box;}

.MessageCon textarea{width:100%;height:100px;}

.MessageCon button{width:25%;margin-top:15px;padding:16px 0;border:none;color:#fff;font-size:14px; background: #666; }

.MessageCon button:hover{background:#68a010}

.MessageCon .x1{background-image: url(../images/ico201.png);}

.MessageCon .x2{background-image: url(../images/ico202.png);}

.MessageCon .x3{background-image: url(../images/ico203.png);}

.MessageCon .x4{background-image: url(../images/ico204.png);}

.MessageCon .x5{background-image: url(../images/ico205.png);}





/*==留言表格↓==*/
.form-item{display: flex;flex-wrap: wrap;}
.form-item .shell{display: flex;width: calc(50% - 20px);margin-bottom:20px;border: 1px #ddd solid;padding: 10px 20px;align-items: center;background: #fff;}
.form-item .shell.w100{width:100%}
.form-item .ml{margin-left:20px;}
.form-item .shell.vt{    align-items: flex-start;}
.form-item h5 {/* width: 60px; */flex-shrink: 0;margin-right: 10px;color: #3a3a3a;font-size: 16px;}
.form-item .fill{flex: 1;/* width: 100%; */line-height: 30px;color: #fff;font-size: 15px;border: none;background: none;}
.form-item textarea{height:180px}
.form-item .submit{position: relative;width: 350px;display: table;/* margin-top: 10px; */color: #fff;font-size: 16px;padding: 18px 80px;border:none;cursor: pointer;border-radius: 5px;background: #68a010;}
.form-item .submit:after{opacity:0; content:"";position:absolute;left:0;top:0;right:0;bottom:0; background:#fff}
.form-item .submit:hover:after{opacity:0.2}
/*--*/
.form-item .code{flex-shrink: 0;/* width: 300px; */display: flex;margin-right: 20px;border: 1px #ddd solid; background: #fff;align-items: center;}
.form-item .code input{ flex: 1;}
.form-item .code img{height: 35px;margin: 0px 15px;flex-shrink: 1;cursor: pointer;}
.form-item .yzm{display: flex;/* margin:0 0 0 20px; */align-items: center;}
.form-item .yzm input{width: 150px;padding: 18px 20px;border: none;background: none;}
.form-item .explain{margin-top:20px;color: #9a9a9a;font-size:16px;}
.form-item .explain i{color:red}
.form-item .explain font{color: #68a010;font-weight:bold;}

.rack{width:100%; background:#f7f7f7;}

.titleBx{color:#111;font-size:40px;padding:35px 0; text-align: center;  font-family: myFirstFont1; text-transform:uppercase;}

.titleBx span{display: block; margin:10px auto 0;color:#bdbdbd;font-size:14px;font-weight:400}

/*==新闻详情↓==*/
  .EssayCont{ padding:30px 0;}
 .EssayCont .lefter {width:70%; background:#fff; padding:30px; }
 .EssayCont .righter {width:27%;}
 .EssayCont .righter .shell {width:100%;margin-bottom:30px;border:1px #ddd solid}
 .EssayCont .righter .shell:last-child {margin-bottom:0px;}
 .EssayCont .righter .shell .tit {position:relative;color:#333333;font-size:18px;border-bottom:1px #e6e8eb solid;padding-bottom:15px;margin-bottom:20px;}
 .EssayCont .righter .shell .tit.bor:before {content:"";position:absolute;left:0;bottom:-1px;width:20%;height:1px;background:#68a010;}
 .EssayCont .righter .shell .tit .more{float:right;font-size:14px;color: #999;margin-top: 5px;transition: all .4s ease-in-out;}
 .EssayCont .righter .shell .tit .more:hover{color:#68a010}
 /*--*/
 .EssayCont .bgb {margin-bottom:30px;background:#fff;}
 .EssayCont .bgb:last-child {margin-bottom:0px;}
 .EssayCont .bgb.p3 {padding:20px; box-sizing:border-box;}

 /*--*/
 .EssayCont .news {}
 .EssayCont .news li {clear:both;width:100%;margin-bottom:12px;}
 .EssayCont .news li:last-child{margin-bottom:0px;}
 .EssayCont .news .one {position:relative;}
 .EssayCont .news .one h4 {position:absolute;left:0;right:0;bottom:0;width:100%;padding:10px 20px;color:#fff;font-size:14px;background:rgba(0,0,0,0.6)}
 .EssayCont .news .one:hover h4 {background:#68a010}
 .EssayCont .news .two{}
 .EssayCont .news .two a {position:relative;display:block;padding-left:15px;color:#333333;font-size:15px;}
 .EssayCont .news .two a:before {content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:#b2b2b2;}
 .EssayCont .news .title {width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 .EssayCont .news .two:hover a {color:#68a010;}
 .EssayCont .news .two:hover a:before {background:#68a010;}
 /*--*/
 .EssayCont .content .titleTop{text-align: center;padding: 0 0 30px 0;margin: 0 0 40px 0;border-bottom: 1px #e4e4e4 solid;}
 .EssayCont .content .title{color:#333333;font-size:24px;  font-family: myFirstFont1; line-height:32px;}
 .EssayCont .content .msg{margin-top: 15px;color:#a7a7a7;font-size:14px;}
 .EssayCont .content .msg *,.NewsDetail .msg span,.NewsDetail .msg a{color:#a3a3a3;font-size:14px;}
 .EssayCont .content .msg span{margin:0 5px;}
 .EssayCont .content .msg a:hover,.NewsDetail .msg .active{color:#68a010}
 .EssayCont .content .msg .active{font-weight:bold;}
 .EssayCont .content .wor{font-size:16px; line-height:30px;}
.EssayCont .content .wor img{ max-width:100%; height:auto;}


 /*--*/
 .EssayCont .pagIng{margin-top:60px;padding-top:50px;border-top:1px #eee solid;overflow: hidden;}
 .EssayCont .pagIng span{ display: inline-block;color:#888888;font-size:15px;}
 .EssayCont .pagIng li{width:47%;color:#666666;font-size:15px;padding: 15px 20px;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #f6f6f6; box-sizing:border-box;}
 .EssayCont .pagIng li:hover{ background: #68a010; color:#fff;}
  .EssayCont .pagIng li:hover a{color:#fff;}
 .EssayCont .pagIng .prev{float:left}
 .EssayCont .pagIng .next{float:right} 

.NewsList{ padding:30px 0;}
.NewsList dl{ width:32.3%; background:#f7f7f7; margin:0.5%; overflow:hidden;}
.NewsList dl dt{ width: 100%; height: auto; overflow:hidden;}
.NewsList dl dt a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.NewsList dl dt img{ width: 100%; height: auto;}
.NewsList dl dd{ width: 100%; height: auto;  padding:25px;}
.NewsList dl dd em{ display: block; height: 14px; line-height: 14px; font-style: normal; font-size: 14px;}
.NewsList dl dd em img{ width: 14px; height: 14px; display: inline-block; margin-right: 6px;}
.NewsList dl dd a.InTeamLinks{ display: block; font-size: 1.2rem; line-height: 28px; height:56px; overflow: hidden; color: #111111; margin-top: 15px;}
.NewsList dl dd a.InTeamLinks:hover{ color: #68a010;}
.NewsList dl dd a.InTeamIcon{ width: 54px; height: 40px; background: url(../images/newsjt.png) no-repeat; display: block; margin-top: 25px;}
.NewsList dl dd a.InTeamIcon:hover{background: url(../images/newsjts.png) no-repeat;}