@charset "utf-8";
*{ margin:0; padding:0;}
table{ border-collapse:collapse;}
a{ text-decoration:none;}
a:hover,a:focus{ text-decoration:none;}
a:focus{ outline:none;}
ol, ul {list-style: none outside none; margin:0;}
p{ margin:0;}
li {display: list-item;text-align: -webkit-match-parent;}
.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5{ margin:0;}

.f22{ font-size:22px;}
.clear{ clear:both;}

.mt30{margin-top: 30px}
.mt20{margin-top: 20px}
.mt10{margin-top: 10px}
.mb10{ margin-bottom: 10px;}
.mb20{ margin-bottom: 20px;}
.mb30{ margin-bottom: 30px;}

html { -ms-touch-action: none; height:100%;}
body { font-family:"Microsoft YaHei"; position: relative; height:100%; *cursor: default; color:#333333; overflow-x:hidden;}

.header-con{transition:all 0.3s ease-out 0s; background: rgba(0,0,0,0.26)}
.header-con.active{ border:none; background:rgba(0,0,0,0.6); margin-top:0; position: fixed;width: 100%;z-index: 1111;}
.header-con.active .fixed-top{background:rgba(0,0,0,0.6);}
.webname{ position:absolute; left:80px; top:5px; font-size: 45px; color: #fff;}
.webname a{ display:block;}

/**nav**/
.nav-list{ display:block; overflow: hidden; margin-left: 25%;}
.nav-li{ float:left; height:84px; position:relative;}
.nav-li h3{}
.nav-li h3 a{ display:block; padding:24px 10px; font-size:15px; color:#FFFFFF;}
.nav-li h3 a span{ display:block; height:40px; line-height:40px;padding:0 30px; transition:all 0.4s ease 0s;}
.nav-li.on h3 a span,.navLi h3 a:hover span{ }
.nav-li.active{ border-bottom: 2px solid #ffffff}

/*banner*/
#banner-area {
  overflow: hidden;
  background: #34c13a;
  min-height: 500px;
}
#banner-area .banner-one{
    font-size: 70px;
    position: absolute;
    top: 25%;
    right: 10%;
    left: 10%;
    text-shadow: none;
    color: #fff;
    text-align: center;
}

.container-m1{ padding:30px 0;}
.title{ padding:20px 0; position:relative;}
.title h2{ font-size:36px; color:#222222; line-height:120%; padding:20px 0;}
.qiye-intro{ max-width:980px; margin:0 auto; color:#a6a5a5; line-height:28px; padding:20px 0;}

.container-m2{ padding:60px 0; position:relative; background-color: #fff; background-size:cover;}
.news-intro{background: #ffffff; box-shadow: 0px 0px 3px #dddddd; margin-bottom: 30px;}
.news_list .list_style li{height: 170px; width: 100%; margin-bottom: 20px;float: left }
.news_list .list_style .news_time{width: 140px;float: left; border-right: 1px solid #dddddd; height:140px; text-align: center; color: #4caf50 }
.news_list .list_style .news_time h1{font-size: 52px; font-weight: bold; padding: 15px 0px;}
.news_list .list_style .news_time h3{font-size: 18px;}
.news_list .list_style .news_contents{  position: absolute; left:140px; top:0px; height: 170px; padding: 15px;}
.news_list .list_style .news_contents h3{ margin-bottom: 15px; color: #2D2D2D;font-size: 18px;}
.news_list .list_style .news_contents h5{color: #B5B5B5; line-height:24px;font-size: 14px; height: 75px; overflow: hidden }
.news_list .contents{ background: #ffffff; display: block;transition: all 0.3s ease 0s; width: 100%;padding: 15px 0px; height: 170px;border-radius: 3px ; position: relative; border:1px solid #dddddd;}
.news_list .contents:hover{border-color:#F4F4F4; background:#F4F4F4;  box-shadow:0 0 7px rgba(0,0,0,0.14);}
.news_list .contents:hover .news_time{color: #4c904f;}


.footer-box{ background:#333333; font-size:12px; color:#777777; line-height:26px;}
.footer-box .container{overflow: hidden;}
.footer-contact{width: 230px; float: right;}
.footer-contact .icon-mobile{ float: left;     margin-top: 20px; }
.footer-contact .contact-intro{ float: left; padding-left: 15px; }
.footer-contact .contact-intro h2{font-size: 24px;  color: #FFD600;}
.foot-banquan{ font-size:12px; color:#777777; padding:20px 0; text-align: center; border-top:1px solid rgba(255,255,255,0.1);}
.foot-banquan a{ color:#777777;}
.foot-banquan p{ line-height:24px; padding:9px 0;}