﻿
/*-----------------[初始化]--------------*/
body{color: #656565;font-size: 12px;line-height: 1.5;font-family:"微软雅黑","Microsoft Yahei";}
a{color: #656565;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
a:hover{color: #019b43;}
img{max-width: 100%;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
input,textarea,select{font-size: 12px;color: #656565;
    font-family:"微软雅黑","Microsoft Yahei";outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999; }
::-ms-input-placeholder {color: #999;}

.ani{
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
*{
    outline: none;
}
/*布局*/
.wp{width: 100%;max-width: 850px;margin: 0 auto;}
.h100{height: 100px;}

/*******************************
  -------[=头部]-------
********************************/
#hd .logo{float: left;padding: 17px 0 15px;}
#hd .logo img{height: 50px;width: auto;}
.nav{overflow: hidden;float: right;padding: 31px 0 16px;}
.nav li{float: left;margin-left: 35px;}
.nav li a{display: block;font-size: 13px;line-height: 35px;}
.nav li.on a{color: #009a42;}

/*******************************
    -------[=导航]-------
********************************/
.menuBtn{position: relative;z-index: 9;display: none;float: right;
    width: 28px;height: 32px;padding: 12px;cursor: pointer;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn b{display: block;height: 4px;background-color: #009a42;
    margin: 5px 0;border-radius: 2px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn.open{}
.menuBtn.open b{display: none;margin: 0;position: absolute;left: 10px;top: 50%;width: 30px;}
.menuBtn.open b:first-child{display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.open b:last-child{display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

/*******************************
  -------[=banner]-------
*******************************/
#banner{clear: both;height: 510px;overflow: hidden;position: relative;z-index: 1;}
#banner .slick-slider,#banner .slick-list,#banner .slick-track,#banner .slick-slide{height: 100%;}
#banner a{display: block;height: 100%;}
#banner .item{
    height: 100%;
    background-repeat: no-repeat; background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#banner .slick-dots{position: absolute;left: 0;bottom: 30px;width: 100%;text-align: center;z-index: 99;}
#banner .slick-dots li{display: inline-block;margin: 0 4px;}
#banner .slick-dots li button{
    display: block;width: 12px;height: 12px;border: none;cursor: pointer;outline: none;
    font-size: 0;line-height: 0;text-indent: 999px;background-color: #fff;border-radius: 50%;
}
#banner .slick-dots li.slick-active button{background-color: #eee\9;background: rgba(255,255,255,0.4);}


/*******************************
  -------[=底部]-------
********************************/
#fd{background: #292929;overflow: hidden;}
#fd .fd-txt{
    line-height: 20px;padding-top: 25px;font-size: 12px;text-transform: uppercase;
    color: #969696;float: left;
}
#fd .fd-ico{float: right;padding: 17px 0;}
#fd .fd-ico a{display: inline-block;margin-left: 20px;width: 35px;height: 35px;background: url(../images/fd-p2.png) no-repeat 0 0;}
#fd .fd-ico .bds_weixin{background-image: url(../images/fd-p4.png);}
#fd .fd-ico .bds_tsina{background-image: url(../images/fd-p6.png);}
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{margin: 0 0 0 20px !important;padding: 0 !important;}
.green{ color: #969696}
.green:hover{ color: #019b43}

/*******************************
    -------[=index]-------
********************************/
.g-tit1{
    text-transform: uppercase;font-size: 22px;text-align: center;font-weight: lighter;
    padding: 55px 0;max-width: 900px;margin: 0 auto;
}
.g-tit1 span{display: block; border-bottom: 1px dashed #ddd;height: 18px;}
.g-tit1 span em{font-size: 18px;line-height: 20px;background: #fff;padding: 0 10px;}

.m-list01{position: relative;overflow: hidden;}
.list1-bg{position: absolute;z-index: -1;bottom: 0;left: 0;width: 100%;height: 160px;background: #ddd;}
.lm-list01{overflow: hidden;margin: 0 -6px;}
.lm-list01 li{float: left;width: 25%;}
.lm-list01 li a{display: block;padding: 0 6px;}
.lm-list01 .pic{padding-top: 79%;position: relative;overflow: hidden;}
.lm-list01 .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.lm-list01 .mask{
    position: absolute;width: 100%;height: 100%;top: 0;left: 0;background:rgba(1,155,67,0.6);z-index: 9;
    text-align: center;opacity: 0;
    filter: alpha(opacity=0);
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.lm-list01 .mask span{
    display: inline-block;margin-top: 30%;line-height: 32px;padding: 0 16px;font-size: 16px;
    border: 2px solid #fff;color: #fff;
}
.lm-list01 .txt{
    background: #f9f9f9;padding: 14px;color: #656565;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.lm-list01 .txt h4{line-height: 28px;padding:5px 0;font-size: 18px;font-weight: lighter;}
.lm-list01 .btn{
    display: block;width: 28px;height: 28px;margin: 8px 0;background: url(../images/ind-btn-on.png) no-repeat 0 0;
}
.lm-list01 a:hover{color: #fff;}
.lm-list01 a:hover .mask{display: block;opacity: 1;filter: alpha(opacity=100);}
.lm-list01 a:hover .txt{background: #019b43;color: #fff;}
.lm-list01 a:hover .btn{background-image: url(../images/ind-btn.png);}

/*轮播*/
.ind-roll{overflow: hidden;}
.indroll-for{clear: both;height: 470px;overflow: hidden;z-index: 1;position: relative;}
.indroll-for .slick-slider,.indroll-for .slick-list,.indroll-for .slick-track,
.indroll-for .slick-slide{height: 100%;}
.indroll-for a{display: block;height: 100%;}
.indroll-for .item{
    height: 100%;
    background-repeat: no-repeat; background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.indroll-for button{
    background: none;border: none;cursor: pointer;outline: none;
    position: absolute;z-index: 99;top: 50%;margin-top: -40px;overflow: hidden;
    width: 40px;height: 80px;font-size: 0;line-height: 0;line-height: 999;
    background-repeat: no-repeat;
    background-position: center center;
    -o-background-size: 40px 80px;
    -ms-background-size: 40px 80px;
    -moz-background-size: 40px 80px;
    -webkit-background-size: 40px 80px;
    background-size: 40px 80px;
}
.indroll-for .slick-prev{left: 55px;background-image: url(../images/ind-l.png);}
.indroll-for .slick-next{right: 55px;background-image: url(../images/ind-r.png);}

.indroll-nav{width: 100%;z-index: 9999;text-align: right;margin-top: -51px;}
.indroll-nav .item img{display: block;width: 82px;height: 37px;border:2px solid #fff;cursor: pointer;}
.indroll-nav .item{outline: none;}
.indroll-nav .slick-slider,.indroll-nav .slick-list,.indroll-nav .slick-track,
.indroll-nav .slick-slide{width: 266px;display: inline-block;}
/*轮播 end*/
.ind-text{
    padding-top: 200px;
    background: url(../images/pic-05.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.ind-text .text{background: rgba(255,255,255,0.9);min-height: 300px;}
.ind-text .inner{padding: 42px 80px;text-align: center;}
.ind-text .text h3{font-size: 24px;line-height: 36px;padding-bottom: 25px;font-weight: lighter;}
.ind-text .text p{font-size: 14px;line-height: 27px;}
.ind-text .more{display: inline-block;font-size: 14px;margin-top: 20px;}

/*联系我们*/
.ind-contact{overflow: hidden;}
.ind-contact .con-l{height: 335px;width: 50%;float: left;position: relative;}
.ind-contact .con-r{height: 335px;width: 50%;float: right;background: #019b43;}

#dituContent{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
#dituContent img{max-width: none;}
.iw_poi_title {
    color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;
    padding-right:13px;white-space:nowrap;
}
.iw_poi_content {
    font:12px arial,sans-serif;overflow:visible;padding-top:4px;
    white-space:-moz-pre-wrap;word-wrap:break-word;
}

.ind-contact .inner{padding: 55px 0 0 70px;overflow: hidden;color: #fff;}
.ind-contact .add{}
.ind-contact .add h3{font-size: 22px;font-weight: lighter;line-height: 42px;padding-bottom: 10px;}
.ind-contact .add p{font-size: 14px;line-height: 26px;}
.ind-contact .weixin{padding-top: 30px;text-align: center;width: 87px;}
.ind-contact .weixin .pic,
.ind-contact .weixin .pic img{width: 77px;height:77px;}
.ind-contact .weixin .pic{border: 5px solid #f2f2f2;}
.ind-contact .weixin span{display: block;line-height: 25px;}

/*业务范围*/
#ban{
    clear: both;height: 180px;line-height: 180px;text-align: right;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#ban h2{
    display: inline-block;font-size: 19px;line-height: 57px;padding: 0 30px;font-weight: lighter;
    background:rgba(1,155,67,0.9);color: #fff;vertical-align: middle;text-transform: uppercase;
}

.m-menu{
    margin-bottom: 50px;height: 85px;background: url(../images/menu-bg.jpg) repeat-x 0 0;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}
.menu{width: 100%;max-width: 420px;margin: 0 auto;}

.menu li{
    float: left;width: 25%;
    box-shadow: 3px 0 3px #eee;position: relative;
    background: url(../images/menu-bg.jpg) repeat-x 0 0;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}
.menu li a{display: block;line-height:55px;padding: 15px 0;font-size: 14px;text-align: center;}
.menu li em{
    position: absolute;z-index: 9;bottom: -12px;left: 50%;margin-left: -10px;
    width: 21px;height: 12px;
    background: url(../images/menu.png) no-repeat 0 0;
    display: none;
}
.menu li:last-child{box-shadow: none;}

.menu li.on em{display: block;}
.menu li.on a{color: #019b43;}

.lm-list02{overflow: hidden;margin-left: -18px;}
.lm-list02 li{float: left;width: 33.33%;margin-bottom: 18px;}
.lm-list02 li a{display: block;padding-left: 18px;height: 100%;}
.lm-list02 .box-img{padding-top: 101%;}
.box-img{overflow: hidden;position: relative;}
.box-img img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.lm-list02 li:hover img{
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08); 
    -ms-transform: scale(1.08); 
    -o-transform: scale(1.08); 
    transform: scale(1.08);
}
.lm-list02 h3{
    padding: 20px 25px 36px;line-height: 32px;font-size: 22px;font-weight: lighter;
    background: #ededed;color: #8a8a8a;position: relative;
    border-top: 1px solid #ededed;
	height:33px; /*overflow:hidden;*/
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.lm-list02 em{
    display: none;
    position: absolute;width: 22px;height: 11px;left: 50%;margin-left: -11px;top: -10px;
    background: url(../images/pic-06.png) no-repeat 0 0;
}
.lm-list02 a:hover h3{background: #019b43;border-color: #fff;color: #fff;}
.lm-list02 a:hover em{display: block;}

.add-more{text-align: center;margin:20px 0 100px;}
.add-more a{
    display: inline-block;line-height: 40px;font-size: 22px;color: #333;
}
.add-more a.on{
    background: url(../images/add-more.gif) no-repeat 0 center;padding-left: 43px;
    -webkit-background-size: 35px 35px;
    background-size: 35px 35px;
}


.menu.text-left{ max-width:850px;}
.menu.text-left li{ width:auto; margin-right:15px; padding-right:15px;}
.mt-banner{ margin-top:50px;}
.detail{ padding-bottom:30px; line-height:1.5}
.detail .title{ font-size:22px; text-align:center; margin-bottom:18px;}
.detail .title span{ display:block; font-size:14px; color:#999; margin-top:5px; border-bottom:1px dashed #999; padding-bottom:20px; }

.lm-list02 .desc{
	display:block;
    padding: 20px 25px 36px;
    background: #ededed;color: #8a8a8a;position: relative;
    border-top: 1px solid #ededed;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.lm-list02 .desc span{ font-size: 18px;font-weight: lighter; display:block;}
.lm-list02 a:hover .desc{background: #019b43;border-color: #fff;color: #fff;}

.jobs{ padding-bottom:30px;}
.jobs li { line-height:25px;}
.jobs li .tit{ border-bottom:1px dashed #ccc; font-size:16px; padding-bottom:5px; margin-bottom:8px;}
.jobs li .tit .time{ float:right;}
.jobs li .desc{ padding:10px; margin-bottom:10px; border-bottom:1px dashed #ccc; display:none;}

/* 公司荣耀 */
.demo{margin:0 auto;height:720px;width:720px;margin-bottom: 50px;}
.demo li{height:720px;width:480px;text-align:center;cursor:pointer;}
.demo li img {width:100%;}
.demo li.roundabout-in-focus{cursor:default;}
.demo li span{display:block;padding-top:6em;}

.slider.responsive{display: none;margin-bottom: 30px;}
.responsive img{width: 100%;}
/* .honor .slick-arrow, .honor .slick-dots{display: none !important;} */

/* 联系我们 */
.contact-box{}
.contact_us{float:left;width:400px;padding:20px 10px; line-height:2;}
.contact_message{float:right;width:400px;padding:20px 10px;}
.contact-box .title{width:100%; height:38px;line-height:38px;font-size:14px;border-bottom:1px dashed #d1d1d1;font-weight:bold; margin-bottom:25px;}
.contact-box .feedback{font-size:14px;}
.contact-box .feedback .inputtxt{padding:8px 5px;width:330px;font-size:12px;background:url(../images/message_input.jpg) no-repeat 0 0;border:0;color:#7a7a7a;}
.contact-box .feedback .inputtxtarea{padding:8px 5px;width:330px;height:98px;line-height:18px;font-size:12px;background:url(../images/message_text.jpg) no-repeat 0 0;border:0;color:#7a7a7a;}
.contact-box .feedback .inputbtn{width:100px;padding:10px 0;font-size:14px;color:#fff;background-color:#019b43;border:0;}

.lm-list02.news .desc{ height:80px; overflow:hidden;}
.lm-list02.news .desc span{ width:100%; white-space: nowrap; overflow:hidden; text-overflow : ellipsis;}

.base li{ position: relative; height: 360px; overflow: hidden;}
.base li .box-img{ height: 100%; padding-top:0;}
.base li a{ padding-left:0; margin-left:18px;}
.base li .mask{ width:100%; height:100%; background:url(../images/works_icon.png) no-repeat 50% 50%; background-color:#000; filter:Alpha(opacity=50); background-color:rgba(0,0,0,.5); position:absolute; z-index:9; left:18px; top:0; display:block; visibility:hidden;}
.base li a:hover .mask{ visibility:visible;}


.m-a6{/*display: none;*/overflow: hidden;}
.box-honor{width: 90%;margin: 60px auto;}
.box-honor .con{/*width: 20%; padding:0 10px 0;*/ height: 165px; width: 245px;margin: 82px 0;z-index: 1;position: relative;}
.box-honor .con img{display: block;width: 100%;height: 100%;}
.box-honor .slick-big{height: 200px;width: 300px;margin: 65px -150px;z-index: 8;}
.box-honor .slick-prev,.box-honor .slick-next{font-size: 0; width: 22px;height: 44px;position: absolute;top:50%;margin-top: -22px;z-index: 999;border: 0;}
.box-honor .slick-prev{left:-30px;background: url(../images/ico-12.png) no-repeat left top;}
.box-honor .slick-next{right:-30px;background: url(../images/ico-11.png) no-repeat left top;}
.box-pic1{margin-bottom: 80px;}

.box-honor .slick-current{width: 490px;height: 330px;margin: 0;z-index: 9;}
.warp{margin: 0 auto;width: 100%;max-width: 1000px;}


.business{}
.business li{ padding: 15px 5px;}
.business li .img{ width: 30%; float: left;}
.business li .txt{ width: 65%; float: right; line-height: 2; font-size: 16px;}
.business li .txt h3{padding: 10px 0; line-height: 32px;font-size: 25px;font-weight: lighter; color:#019b43;}
.business li .txt p{ text-indent:2em;}


/*右侧浮动*/
.float-bar{
    position: fixed;right:0;bottom: 0;
    z-index: 999;
    height: 114px;
}
.float-bar ul{overflow: hidden;}
.float-bar li{
    width: 56px;height: 56px;margin-bottom: 1px;display: block;
}
.float-bar #goTop,.float-bar a{
    width: 56px;height: 56px;
    cursor: pointer;
    display: block;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}
.float-bar #goTop{
    opacity: 0;
    background: url(../images/fr-1.png) no-repeat;
}
.float-bar #goTop:hover{
    background: url(../images/fr-1h.png) no-repeat;
}

.float-bar .talk-ico{
    background: url(../images/fr-2.png) no-repeat;
}
.float-bar .talk-ico:hover{
    background: url(../images/fr-2h.png) no-repeat;
}



