@charset "UTF-8";
/* CSS Document */

/* top */
.top{
    height: 40px;
    line-height: 40px;
    background: #2c9100;
    font-size: 12px;
    color: rgba(255,255,255,0.5);
}
.language{
    float: right;
    padding-top: 7px;
}
.language ul li{
    float: left;
    width: 26px;
    height: 26px;
    margin-left: 10px;
}
.language ul li a{
    display: block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    background: #FFFFFF;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    color: #808080;
}
.language ul li.active a{
    color: #2c9100;
    font-weight: bold;
}
.share{
    float: right;
}
.share .social-share-icon{
    color: #abd399;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 0;
    border: 1px rgba(255,255,255,0.15) solid;
    border-top: none;
    border-bottom: none;
    margin: 0 0 0 -1px;
}
/* top end */

/*header*/
.header {
    height: 90px;
    background: #ffffff;
    background: url("../images/head-bg.jpg") center top no-repeat;
    clear:both;
}

/*logo*/
.header .logo {
    float: left;
    height: 90px;
}

.header .logo a {
    float: left;
    display: list-item;
    line-height: 90px;
    text-align: center;
    height: 90px;
    list-style: none;
}

.header .logo a img {
    vertical-align: middle;
    max-height: 96%;
}

/*navigation*/

.nav{
    float: right;
    background: url("../images/nav-bg.png") left center repeat-x;
    border: 1px #bfc2c5 solid;
    border-radius: 10px;
    margin-top: 20px;
}
.nav ul li {
    float: left;
    height: 48px;
    display:inline-block;
    text-align: center;
    transition: none;
    position: relative;
    padding: 0 20px;
    background: url("../images/li-bg.png") left center no-repeat;
}

.nav ul li:first-child {
    background: none;
}

.nav ul li > a {
    display: block;
    font-size: 18px;
    font-family: Arial;
    color: #333333;
    text-align: center;
    transition: none;
    height: 48px;
    line-height: 48px;
    text-transform: uppercase;
}
.nav ul li:hover > a ,.nav ul li.active > a {
    color: #2c9100;
}
.nav-menu{
    display: none;
    width:320px;
    position: absolute;
    top: 60px;
    left: 50%;
    z-index: 99;
   	margin-left:-160px;
    transition: none;
   background:url(../images/uarr02.png)no-repeat center top;
    padding: 8px 0px;
   
}
.nav-menu dl{
	 box-sizing:border-box;

	   width:320px;
    transition: none; background: #fff;
}
.nav-menu dl dt{
    width: 100%;
    	  padding: 0px 20px;
	box-sizing:border-box;
}
.nav-menu dl dt a{
    display: block;
    line-height: 50px;
    font-size: 14px;
    color: #2c9100;
    text-transform:uppercase;
    border-bottom:solid 1px #429c1a;
}
.nav-menu dl dt:last-child a{border-bottom:none;}
.nav-menu dl dt:hover{background:#2c9100;}
   
.nav-menu dl dt:hover a{
    color: #fff;

    text-decoration: underline;
}

.header .right-header {
    float: right;
}

@font-face {
    font-family: dincond-medium-webfont;
    src: url('../fonts/dincond-medium-webfont.eot');
    src: url('../fonts/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/dincond-medium-webfont.woff2') format('woff2'), url('../fonts/dincond-medium-webfont.woff') format('woff'), url('../fonts/dincond-medium-webfont.ttf') format('truetype'), url('../fonts/dincond-medium-webfont.svg#novecentowide-bold-webfont') format('svg')
}


/*banner*/
.banner,.banner .flexslider,.banner .slides li  {
    height: 600px;
    min-width: 1200px;
    margin: 0 auto;
    position: relative;
}
.banner .flexslider {
    overflow: hidden;
    z-index: 0;
    display: block;
}
.banner .slides li {
    z-index: 0;
    display: block;
}
.banner .slides li a {
    display: block;
    height: 100%;
}


.sub-banner {
    height: 310px;
    min-width: 1200px;
    margin: 0 auto;
    position: relative;
}
.sub-banner li {
    height: 310px;
}



/*图片指示*/
.banner .flex-control-nav{
    display: block;
}
.banner .flex-control-nav{
    position:absolute; bottom:20px; z-index:2; padding-left:0; width:1100px; left:0;
    right:0; margin:0 auto; text-align:center;
}
.banner .flex-control-nav li{
    display:inline-block; margin: 0 3px; zoom:1; text-align:center;
}
.banner .flex-control-nav a{
    display:inline-block; width:20px; height:3px; cursor:pointer; background: #FFFFFF; font-size: 0;
}
.banner .flex-control-nav .flex-active{ background: #2c9100;}
/*左右方向按钮*/
.flex-direction-nav a{
    width:64px; height: 64px; line-height:99em; overflow:hidden;margin:-45px 0 0;display:block;
    background: #cccccc;position:absolute;top:50%;z-index:10;
    cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;
}
.flex-direction-nav .flex-next{
    right:40px; background: url("../images/bright01.png") no-repeat; background-size: 64px 64px;
}
.flex-direction-nav .flex-prev{
    left:40px; background: url("../images/bleft01.png") no-repeat; background-size: 64px 64px;
}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=80);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=80);}
.flexslider:hover .flex-next, .flexslider:hover .flex-prev{opacity:1;filter:alpha(opacity=100);}

/*index-section*/
.index-section{
    min-height: 200px;
    position: relative;
    background: #FFFFFF;
}
.index-section .warpper{
    padding: 50px 0;
}
.bb1px{ border-bottom: 2px #cccccc solid;}
.index-title{
    line-height: 36px;
    margin-bottom: 15px;
}
.index-title h6{
    float: left;
    font-family: Arial;
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    text-transform: uppercase;
}
.index-title .more{
    float: right;
    font-size: 14px;
    color: #999999;
}
.index-title .more:hover{
    color: #2c9100;
}

/* index profile */
.index-profile,.index-gallery{
    float: left;
    width: 460px;
}
.index-profile .iprofile-box{}
.index-profile .iprofile-img{
    height: 240px;
    overflow: hidden;
    margin-bottom: 5px;
}
.index-profile .iprofile-img img{
    display: block;
    width: 100%;
    height: 240px;
}
.index-profile .iprofile-info{
    font-size: 14px;
    color: #808080;
    line-height: 26px;
    height: 104px;
    overflow: hidden;
    text-align: justify;
    font-family: Arial;
}

/* index profile end */

/* index product */
.index-product,.index-news{
    float: right;
    width: 660px;
}
.index-product .swiper-container{
    height: 350px;
    overflow: hidden;
}
.index-product .swiper-container ul li{
    height: 320px;
    position: relative;
}
.index-product .swiper-container ul li .p-img{
    height: 240px;
    overflow: hidden;
}
.index-product .swiper-container ul li .p-img img{
    display: block;
    width: 100%;
    height: 240px;
    transition: all 0.5s;
}
.index-product .swiper-container ul li:hover .p-img img{
    transform: scale(1.1);
}
.index-product .swiper-container ul li p{
    height: 66px;
    background: #f5f5f5;
    text-align: center;
    line-height: 66px;
    font-family: Arial;
    font-size: 16px;
    color: #4c4c4c;
    font-weight: bold;
}
.index-product .swiper-container ul li .more-icon{
    position: absolute;
    right: 30px;
    bottom: 60px;
    background: url("../images/more-icon.png") center no-repeat;
    width: 40px;
    height: 40px;
    z-index: 99;
}
.index-product .swiper-pagination-bullet{
    background: #cccccc;
    opacity: 1;
    margin: 0 3px!important;
}
.index-product .swiper-pagination-bullet-active{
    background: #2c9100;
}

/* index product  end */

/* index gallery */
.igallery-list{}
.igallery-list ul li{
    height: 155px;
    background: #f5f5f5;
    margin-bottom: 10px;
}
.igallery-list ul li .g-img{
    float: left;
    display: block;
    width: 220px;
    height: 155px;
    overflow: hidden;
}
.igallery-list ul li .g-img img{
    float: left;
    display: block;
    width: 100%;
    height: 155px;
    transition: all 0.5s;
}
.igallery-list ul li .g-info{
    float: left;
    width: 200px;
    padding: 18px 20px;
    font-family: Arial;
}
.igallery-list ul li .g-info h6{
    font-size: 16px;
    color: #333333;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.igallery-list ul li .g-info p{
    font-size: 12px;
    color: #999999;
    line-height: 20px;
    height: 80px;
    overflow: hidden;
}
.igallery-list ul li:hover .g-img img{
    transform: scale(1.1);
}
.igallery-list ul li:hover .g-info h6{
    color: #2c9100;
}
/* index gallery end */

/* index news */
.inews-list{}
.inews-list ul li{
    height: 50px;
    background: #f5f5f5;
    margin-bottom: 4px;
    padding: 0 20px;
    line-height: 50px;
    font-family: Arial;
    transition: all 0.5s;
}
.inews-list ul li p{
    display: inline-block;
    font-size: 16px;
    color: #333333;
}
.inews-list ul li span{
    float: right;
    font-size: 14px;
    color: #999999;
}
.inews-list ul li:hover{
    background: #2c9100;
}
.inews-list ul li:hover *{
    color: #FFFFFF;
}
/* index news end */

/*index-section end*/

/*footer*/
.footer{}
.footer .f-contact .warpper{
    position: relative;
}
.footer .f-contact{
    padding: 65px 0;
    background: #2c9100;
}
.fcontact-way{
    float: left;
}
.fcontact-way h2{
    font-family: Arial;
    text-transform: uppercase;
    font-size: 24px;
    color: #FFFFFF;
    font-weight: bold;
    margin-bottom: 24px;
}
.fcontact-way ul{
    float: left;
}
.fcontact-way ul li{
    line-height: 24px;
    margin-bottom: 6px;
    color: #FFFFFF;
    font-size: 14px;
    font-family: Arial;
    padding-left: 20px;
}
.fcontact-way ul li.fc01{ background: url("../images/fc01.png") left 7px no-repeat;}
.fcontact-way ul li.fc02{ background: url("../images/fc02.png") left 7px no-repeat;}
.fcontact-way ul li.fc03{ background: url("../images/fc03.png") left 7px no-repeat;}
.fcontact-way ul li.fc04{ background: url("../images/fc04.png") left 7px no-repeat;}
.fcontact-way ul li.fc05{ background: url("../images/fc05.png") left 7px no-repeat;}
.fcontact-way ul li.fc06{ background: url("../images/fc06.png") left 7px no-repeat;}
.fcontact-way ul li.fc07{ background: url("../images/fc07.png") left 7px no-repeat;}
.fcontact-way ul li.fc08{ background: url("../images/fc08.png") left 7px no-repeat;}

.foot-code{
    float: right;
    margin-left: 10px;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
    color: #FFFFFF;
}
.foot-code img{
    display: block;
    width: 136px;
    height: 136px;
    padding: 4px;
    background: #FFFFFF;
}
.copyright{
    background: #b3b3b3;
    height: 75px;
}
.copyright .article{
    float: left;
    line-height: 75px;
    color: #666666;
    font-size: 12px;
    text-transform: uppercase;
}
.copyright .foot-nav{
    float: right;
}
.copyright .foot-nav ul li{
    float: left;
    padding-top: 20px;
    margin-left: 40px;
}
.copyright .foot-nav ul li a{
    font-size: 12px;
    color: #666666;
    line-height: 35px;
    font-family: Arial;
    text-transform: uppercase;
}
.copyright .foot-nav ul li a:hover{
    color: #FFFFFF;
}

.backTop{
    position: absolute;
    right: -100px;
    top: 0;
}
.backTop a{
    display: block;
    width: 48px;
    height: 48px;
    background: url("../images/Top.png") left top no-repeat;
}
/*.float-box{
    position: fixed;
    right: 0;
    top: 40%;
}
.float-box .online{
    width: 86px;
    background: #2a702b;
    padding-top: 1px;
}
.float-box .online ul li{
}
.float-box .online ul li.img{
    width: 84px;
    height: 84px;
    background: #ffffff;
    text-align: center;
    margin: 2px auto;
    padding-top: 2px;
}
.float-box .online ul li.img img{
    width: 80px;
    height: 80px;
}
.float-box .online ul li p{
    display: block;
    font-size: 12px;
    color: #ffffff;
    line-height: 30px;
    text-align: center;
}
*/

/*footer end*/

/* sub-section */

/* sub-section  end*/
.inbanner{width:100%;height:400px;background-repeat:no-repeat;background-position:center top;}
.mbg{padding-top:40px;padding-bottom:100px;}

.about{}
.about p{font-size:14px;line-height:26px;margin-top:30px;}
.about p:nth-child(1){margin-top:0;}
.lnav{float:left;width:250px;background:#2c9100;padding:55px 30px;box-sizing:border-box;}
.rmain{float:right;width:900px;}
.lnav ul{}
.lnav ul li{border-bottom:solid 1px #56a733;}
.lnav ul li a{font-size:16px;color:#d0e2cb;font-family:Arial;text-transform:uppercase;line-height:22px;padding:20px 0;display: block;}
.lnav ul li.cur{background:url(../images/dot.png)no-repeat left center;}
.lnav ul li.cur a{font-weight:bold;padding-left:14px;}

.procut{}
.procut ul{margin-right:-22px;}
.procut ul li{float:left;width:285px;display:inline-block;margin-right:22px;margin-top:20px;}
.procut ul li a,.procut ul li img{display:block;}
.procut ul li span{display:block;width:100%;height:70px;line-height:70px;text-align:center;background:#f5f5f5;color:#2c9100;text-transform:uppercase;position:relative;}
.procut ul li span i{width:40px;height:40px;position:absolute;right:20px; top:-20px;z-index:999;background:url(../images/bjia.png)no-repeat;}
.procut ul li a:hover span{background:#2c9100;color:#fff;}
.procut ul li a:hover span i{background:url(../images/wjia.png)no-repeat;}

.ptop{overflow:hidden;}
.proimg{float:left;width:620px;}
.proimg img{ display: none;}
.prinfo{float:right;width:520px;}
.prinfo h2{font-size:24px;color:#333;padding-bottom:30px;line-height:40px;}
.prinfo dl{}
.prinfo dl dt{border-bottom:solid 1px #e6e6e6;height:50px;line-height:50px;font-size:16px;color:#999;text-transform:uppercase;font-weight:bold;}
.prinfo dl dd{line-height:65px;overflow:hidden;}
.prinfo dl.dd_sc dd{ display: none;}
.prinfo dl dd span{text-transform:uppercase;margin-right:30px; height: 24px; display: block; float: left; line-height: 24px; margin-bottom: 20px; margin-top: 20px;}
.prinfo dl dd span img{ border: 2px solid #fff;}
.prinfo dl dd span.cur_sp img { border: 2px solid #000;}
.prinfo dl dd i{position:relative;margin-right:5px; display: block; width: 24px; height: 24px; float:left; }

.prinfo dl dd.size{height:192px;overflow:hidden;display:table;width:100%;}
.prinfo dl dd ul{display:table-cell;vertical-align:middle;height:192px;}
.prinfo dl dd ul li{width:160px;height:40px;line-height:40px;border:solid 2px #e6e6e6;text-align:center;float:left;display:inline-block;margin-left:14px;margin-top:20px;font-size:14px;color:#999;}
.prinfo dl dd ul li.cur{border:solid 2px #2c9100;color:#2c9100;}


.pbot{padding-top:40px;}
.pbot .pt{color:#2c9100;font-size:16px;text-transform:uppercase;border-bottom:solid 2px #e6e6e6;padding-bottom:5px;}
.pbot .pt strong{padding-left:5px;border-left:solid 2px #2c9100;}
.pc{}
.pc p{font-size:14px;line-height:26px;margin-top:40px;color:#808080;}
/*案例*/
.caselist{overflow:hidden;}
.caselist ul{margin-right:-40px;margin-top:-30px;}
.caselist ul li{float:left;width:580px;height:196px;background:#f5f5f5;margin-right:40px;margin-top:30px;overflow:hidden;}
.caselist ul li .img{float:left;width:278px;}
.caselist ul li .ntxt{float:right;width:275px;}
.caselist ul li .ntxt strong{font-size:16px;text-transform:uppercase;font-weight:normal;padding-top:30px;display:block;color:#333;}
.caselist ul li .ntxt p{font-size:14px;line-height:20px;margin-top:13px;color:#999;}
.caselist ul li a:hover .ntxt strong{color:#2c9100;}
.caselist ul li a:hover .ntxt p{}
/*新闻*/
.newslist{overflow:hidden;}
.newslist ul{margin-top:-30px;}
.newslist ul li{overflow:hidden;margin-top:30px;}
.newslist ul li a{display:block;width:100%;box-sizing:border-box;padding:20px 40px;overflow:hidden;}
.newslist ul li .ntxt{float:left;width:675px;}
.newslist ul li .img{float:right;width:300px;}
.newslist ul li .img img{ width: 300px;}
.newslist ul li .ntxt a{}
.newslist ul li .ntxt strong{display:block;font-size:18px;color:#333;font-weight:normal;text-transform:uppercase;font-family:Arial;}
.newslist ul li .ntxt p{font-size:14px;line-height:24px;color:#999;margin-top:25px;}
.newslist ul li .ntxt span{display:block;font-size:14px;color:#ccc;padding-left:20px;background:url(../images/time.png)no-repeat left 3px ;margin-top:25px;}
.newslist ul li a:hover{background:#e4f5dc;}
.newslist ul li a:hover strong{color:#2c9100;}


/*联系我们*/
.contactus{padding-bottom:0px;}
.contactus ul {
    float: left;
}
.contactus ul li{padding-left:40px;height:40px;line-height:40px;}
.contactus ul li.c01{background:url(../images/c01.png)no-repeat left center;}
.contactus ul li.c02{background:url(../images/c02.png)no-repeat left center;}
.contactus ul li.c03{background:url(../images/c03.png)no-repeat left center;}
.contactus ul li.c04{background:url(../images/c04.png)no-repeat left center;}
.contactus ul li.c05{background:url(../images/c05.png)no-repeat left center;}
.contactus ul li.c06{background:url(../images/c06.png)no-repeat left center;}
.contactus ul li.c07{background:url(../images/c07.png)no-repeat left center;}
.contactus ul li.c08{background:url(../images/c08.png)no-repeat left center;}
.commap{margin-top:60px;}

/*------- page -------*/
.m-page{text-align:center;clear:both;padding:30px 0;}
.m-page a{display:inline-block;padding:5px 10px;margin:0 2px;border-radius:15px;}
.m-page a.z-crt{background:#2c9100;color:#fff;}
.m-page a.first,.m-page a.last{}
/*------- page end -------*/



.detail-page{ padding: 30px 0;}
.detail-page .page-text{overflow:hidden;width:48%;height:26px;line-height:26px;white-space:nowrap;text-overflow:ellipsis;}
.detail-page .page-text a{ font-size: 12px; color:#333;}
.detail-page .page-text i{ display: inline-block; *display: inline; zoom:1; vertical-align: top; margin-right:10px; width: 70px; height: 24px; line-height: 24px; text-align: center; color: #fff; border: solid 1px #dedede; background: #2c9100;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;}
.detail-page .page-text a:hover i{ border-color: #000; background-color: #2c9100;}
.detail-page .f-fr{text-align:right;}
.f-fr{ float: right;}
.f-fl{ float: left;}

.detail-time{display:none;}
.back{text-align:center;margin:0 auto;text-align:center;height:24px;line-height:24px;margin-top:-24px;}
.back a{width:70px;display:inline-block; font-size:14px;color:#fff;background:#2c9100;height:24px;line-height:24px;top:-24px;
position: relative;}