@charset "utf-8";
/* CSS Document */
/**
Time : 2017-2
Author : jj
**/
.bn-box {
    width: 100%;
    overflow-x: hidden;
    position: relative;
    z-index: 0;
}
.bn_shadow{ background:url(../images/yingyin.png) center no-repeat; position:absolute; top:0; height:46px; z-index:8; width:100%;}
.banner {
    width: 1920px;
    height: 585px;
    position: relative;
    overflow: hidden;
    margin-left: 50%;
    left: -960px;
    top: 0;
}
.banner img{
    width: 100%;
}
/*数字按钮样式*/
.banner .num {
    overflow: hidden;
    height: 25px;
    position: absolute;
    bottom: 12px;
    zoom: 1;
    z-index: 3;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.banner .num li {
    width: 76px;
    height: 6px;
    line-height: 25px;
    text-align: center;
    font-weight: 400;
    font-family: "微软雅黑", Arial;
    color: #FFFFFF;
    background:rgba(255,255,255,0.7);
    margin-right: 10px;
    cursor: pointer;
    float: left;
    font-size: 0;
}
.banner .num li.on {
    background:#54a91a;
} /*当前项*/
/*上一个  下一个*/
.banner .prev {
    display: none;
    width: 50px;
    height: 50px;
    background: url(../images/prev.png) no-repeat;
    position: absolute;
    top: 280px;
}
 .banner .next{   display: none;
    width: 50px;
    height: 50px;
    background: url(../images/next.png) no-repeat;
    position: absolute;
    top: 280px;}
.banner .prev {
    left: 50%;
    margin-left: -800px;
}
.banner .next {
    right: 50%;
    margin-right: -800px;
}
/*banner end*/

/*search*/
.search {
    width: 100%;
    height: 80px;
    line-height: 52px;
    background: url(../images/search_bg.jpg) center no-repeat;
}
.searchIn{}
.search p {
    font-size: 14px;
    color: #333;
    font-weight: bold;
    margin-left: 130px;
}
.search p span{font-size:14px;color:#666;font-weight:normal;}
.search .btn {
    height: 38px;
    width: 374px;
    margin-top: 6px;
    margin-right: 166px; position:relative;
}
.search .btn input{color:#666;width:325px;height:38px;line-height:38px;padding-left:10px;font-size:14px;border:none;background:none;outline:none;}
.search .btn button{width:38px;height:38px;border:none;color:#fff;font-size:14px; cursor:pointer;background:url(../images/search.jpg) center no-repeat; position:absolute; border:0;}

/*product*/
.product{ margin-top:20px;}
.pro_l{ width:256px; height:538px; background:#f1f1f1; padding-top:30px;}
.pro_tt{ height:108px; background:url(../images/pro_tt.jpg) left top no-repeat;}
.pro_tt p{ color:#fff; padding-top:60px; font-size:19px; padding-left:50px;}
.pro_l ul li{ height:48px; border-bottom:1px solid #ddd;}
.pro_l ul li a{ font-size:14px; line-height:48px; padding-left:34px; color:#333;}
.pro_l ul li a:hover{ color:#093;}
.pro_r{ width:898px;}
.pro_r .hd{ border-bottom:1px solid #ddd; height:30px;}
.pro_r .hd ul li{ background:#fff; width:80px; float:left; line-height: 60px; font-weight:600; font-size:15px;}
.pro_r .hd ul li.on{ color:#00873b;}
.pro_r .bd ul{ width:920px;}
.pro_r .bd ul li{ float:left; margin-right:20px; margin-bottom:20px;}
.pro_r .bd ul li .img{ width:277px; height:205px; border:3px solid #4e9b11; overflow:hidden;}
.pro_r .bd ul li .img img{ width:100%; height:100%; transition:all ease 300ms;}
.pro_r .bd ul li .img img:hover{ transform:scale(1.1,1.1);}
.pro_r .bd ul li h5{ height:31px; line-height:31px; text-align:center; color:#fff; background:#4e9b11; margin-top:2px;}
.pro_r .bd ul li h5:hover{ background:#167708;}
/*product end*/

.more_r{ height:19px; float:right;}
.more_r a{ color:#888; font-size:12px; line-height:19px; display:inline-block; text-align:center; font-weight:100;}
/*case*/
.case_tt{ background:url(../images/case_tt.jpg) center no-repeat; width:319px; height:58px; margin:0 auto; margin-top:20px; margin-bottom:30px;}
.case_tt p{ color:#fff; font-size:34px; font-weight:100; margin-left:160px; line-height:58px;}
.case{ background:#4e9b11;}
.case .m{ background:#fff; height:566px; position:relative;}
.case .m .bd{ margin-left:22px;}
.case .m .bd ul li{ width:363px; height:566px; background:#e4e4e4; margin-right:22px;}
.case .m .bd ul li h5 a{ font-size:16px; line-height:50px; margin:0 30px; margin-top:5px; text-align:left;}
.case .m .bd ul li h5 a:hover{ color:#093;}
.case .m .bd ul li img{ width:363px; height:300px !important; transition:all ease 300ms; opacity:1;}
.case .m .bd ul li img:hover{ opacity:0.85;}
.case .m .bd ul li p{ font-size:14px; color:#666; line-height:24px; margin:0 30px; height:96px; overflow:hidden;}
.case .m .prev,.case .m .next{ width:60px; height:101px; position:absolute;}
.case .m .prev{ background:url(../images/lll.png) center no-repeat; left:-60px; top:230px;}
.case .m .next{ background:url(../images/rrr.png) center no-repeat; right:-60px; top:230px;}
.ckxq{ width:89px; height:25px; line-height:25px; text-align:center; display:block; background:#4e9b11; color:#fff; border-radius:7px; margin-left:30px; margin-top:20px;}
/*case end*/
/*reason*/
.reason {
    width: 100%;background:url(../images/ys_bg.jpg) bottom center no-repeat; height:1249px;
    overflow: hidden;}
.ys_tt{ background:url(../images/ys_tt.jpg) left center no-repeat; width:316px; height:104px; margin:0 auto; margin-top:40px; margin-bottom:30px;}
.ys_tt p {
    color: #4e9b11;
    width: 300px;
    font-size: 30px;
    margin-left: 70px;
    line-height: 58px;
    padding-top: 44px;
    font-weight: 600;
}
.reason .m{ position:relative;  height:961px;}
.reason ul li {
	width: 398px;
	position: absolute;
}
 
.reason ul li h5 {
    font-size: 18px;
    color: #4e9b11;
    text-align: left;
    font-weight: 600;
}
.reason ul li b{ font-size:18px; display:block; margin-bottom:20px;color:#4e9b11; font-weight:100;}
.reason ul li p {
    font-size: 14px;
    line-height: 33px;
    position: relative;
    color: #666;
    margin-left: -30px;
}
.reason ul li span {
	display: block;
	font-size: 18px;
	color: #333;
	line-height: 43px;
	font-weight: 100;
	margin-top: -4px;
}
.ys2 h5 {
    color: #fff !important;
}
.ys2 b{ color:#fff !important;}
.ys2 p {
    color: #fff !important;
}
.ys2 span {
	color: #fff !important;
}
.ys1 {
    top: 18px;
    left: 137px;
}
.ys2 {
    top: 408px;
    right: 61px;
}
.ys3 {
    top: 806px;
    left: 137px;
}

.reason .m>img{ margin-bottom:40px; position:absolute;}

.ys_img1 {
    top: -27px;
    right: 114px;
}
.ys_img3 {
    top: 707px;
    right: 101px;
}
.ys_tel{ margin-left:630px; margin-top:70px;}
.ys_tel p{ font-size:24px; color:#ff490a;}
.ys_tel span{ font-size:16px; color:#484848; margin-right:20px;}
.ys_tel a{ background:#54a91a; color:#fff; width:88px; height:28px; text-align:center; line-height:28px; display:block; font-size:15px; margin-top:14px;}
/*reason end*/
/*banner1*/
.banner1{ width:100%; height:375px; background:url(../images/banner1.jpg) center no-repeat; margin-top:20px;}
.banner1 p {
    font-size: 36px;
    color: #fff; font-family:Impact;
    padding-top: 104px;
    margin-bottom: 9px;
    margin-left: 97px;
}
.banner1 span{ font-size:18px; font-weight:100; color:#fff; display:block;}
.banner1 a {
    padding: 0 15px;
    font-size: 18px;
    display: inline-block;
    color: #093;
    border: 1px solid #093;
    text-align: center;
    line-height: 30px;
    margin-left: 117px;
    margin-top: 27px;
}
.banner1 a:hover{}
/*banner1 end*/
/*client*/
.client{ width:100%; padding-top:1px;border-bottom:1px solid #fff; }
.client_tt{ background:url(../images/client_tt.jpg) center no-repeat; width:361px; height:58px; margin:0 auto; margin-top:20px; margin-bottom:30px;}
.client_tt p{ color:#fff; font-size:34px; font-weight:100; margin-left:200px; line-height:58px;}
.client ul{ width:1300px;}
.client ul li { width:571px; height:169px; float:left; margin-right:37px; margin-bottom:35px;}
.client ul li .fl{ width:204px; height:169px;}
.client ul li .fl img{ width:100%; height:100%; transition:all ease 300ms;}
.client ul li .fr{ width:360px; height:169px;}
.client ul li .fr h5{ text-align:left; margin:20px; margin-bottom:5px; margin-top:30px;}
.client ul li .fr h5 a{ font-size:16px; font-weight:600; text-align:left; color:#46a13a;}
.client ul li .fr p{ font-size:14px; color:#888; line-height:24px; height:72px; overflow:hidden; margin:0 20px;}

/*client end*/

/*about*/
.about{ background:url(../images/about_bg.jpg) center repeat-y; height:476px; border-top:48px solid #f5f5f5; border-bottom:29px solid #f5f5f5;}
h3.about_tt { width:421px; height:91px; background:url(../images/about_bgimg.jpg) no-repeat;
}
h3.about_tt a{ font-size:24px; color:#333; float:left;}
h3.about_tt a p{ font-size:16px; color:#a2a2a2; font-weight:100; text-transform:uppercase;}
.more_rr {
    float: right;
    position: absolute;
    right: 71px;
    top: 149px;
    width: 100px;
    height: 50px;
}
.more_rr a{ font-weight:100; color:#999 ; font-size:13px;width: 100px;
    height: 50px; display:block;}
.about_img img{ width:520px; height:204px; margin-top:35px;}
.about_text{ width:520px; text-align:left; float:left; margin-top:10px;}
.about_text h5 a{ font-size:15px; display:block; text-align:left; line-height:40px;  margin-top:10px; }
.about_text p{ font-size:14px; color:#666; line-height:24px; height:72px; overflow:hidden;}
.more{ margin-top:20px; color:#F00; display:block;}
/*about end*/
.ryzz {
    width: 560px;
    height: 246px;
    float: right;
    padding: 0;
}
.ryzz .more_rr{ background:#ddd; width:150px; text-align:center;}
.ryzz .more_rr a{ color:#333;}
.ryzz_tt{height:35px; margin-bottom:20px; line-height:35px; color:#333; padding-left:30px; margin-top:40px;}
.ryzz_tt a{ color:#333; font-size:18px;}
.ryzz_tt a span{ font-size:14px; font-weight:100;}
.ryzz .hd {margin-top:40px; margin-bottom:30px; height:40px;}
.ryzz .hd ul li{ width:133px; height:40px; float:left; line-height:40px; border:1px solid #fff; text-align:center;}
.ryzz .hd ul li a{ color:#fff; font-size:16px; font-weight:100; }
.ryzz .hd ul li.on{ background:#fff;}
.ryzz .hd ul li.on a{ color:#4e9b11;}
.ryzz .bd ul li{ text-align:center; width:247px; height:152px; float:left; margin-right:30px; position:relative; overflow:hidden; margin-bottom:25px;}
.ryzz .bd ul li p a{ font-size:15px; color:#fff; line-height:30px; width:247px; text-align:center; display:block;}
.ryzz .bd ul li p{position:absolute; bottom:-30px; background:rgba(0,0,0,.5); transition:all ease 300ms;}
.ryzz .bd ul li:hover p{ bottom:0;} 
.ryzz .bd ul li img{ width:247px; height:152px; }
/*about end*/
/*banner3*/
/*news*/
.news{ background:#f3f3f3; height:410px; padding-top:20px;}
.news_tt{ height:40px; line-height:40px; border-bottom:1px solid #ddd; padding:0 20px;}
.news_tt>a{ font-size:16px;}
.news_tt::before{ content:url(../images/ico11.jpg); margin-right:10px;}
.news_tt .more_r{ font-size:12px; font-weight:100; color:#999;}
.news .fl{ width:384px; height:363px; border:1px solid #ddd; background:#fff; margin-right: 11px;overflow: hidden;}
.news .fl li{ margin:0 20px; height:40px; line-height:40px;}
.news .fl ul{ margin-top:10px;}
.news .fl li a{ display:block; width:250px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left;}
.news .fl li span{ float:right; color:#999; font-size:12px;}
.news .fl li::before {
    content: url(../images/list_bg.jpg); margin-top:15px;
    float: left;
    margin-right: 8px;
}
.news a:hover{ color:#093;}
.cjwt { width:384px; height:363px; border:1px solid #ddd; background:#fff; }
.cjwt_box {
    height: 280px;
    overflow: hidden;
    padding-top: 21px;
}
.cjwt_box>.r_more {
    position: relative;
    left: 20px;
    top: 16px;
}
.cjwt_text.right {
    width: 316px;
}
.cjwt_text{ position:relative;}
.cjwt_text h5 a{ text-align:left; font-weight:600; line-height:35px; position:relative; padding-left: 30px;}
.cjwt_text h5 a::before{ content:url(../images/a.jpg); left:0; position:absolute;}
.cjwt_text p{ color:#666; line-height:24px; height:48px; overflow-y:hidden; position:relative; margin-left:30px;}
.cjwt_text::before{ content:url(../images/q.jpg); margin-right:10px; position:absolute; left:0px; top:35px;}
.cjwt ul li{height:85px; border-bottom:1px solid #eee; padding:10px;}
.cjwt .m_title>a {
    margin-left: 20px; color: #fff; position:relative; 
}


/*news end*/

/*partner*/
.partner{ width:450px; margin-top:40px; height:468px; background:#d1d1d1; text-align:center;}
.partner ul {
    margin-left: 24px;
    margin-top: 20px;
}
.partner ul li{ float:left; margin:9px; width:182px; height:104px;}
.partner img{ width:182px; height:104px;}
.partner_tt{ height:55px; background:#54a91a;}
.partner_tt a{ color:#fff; font-size:18px; display:inline-block; line-height:55px; margin-left:40px;}
.partner_tt a span{ font-size:12px; font-weight:100; text-transform:uppercase; margin-left:20px;}
/*links*/
.links{ color:#eee; margin-bottom:20px; height:45px;}
.links .m{
    background:url(../images/link_tt.jpg) top left no-repeat; margin-bottom:30px; padding-top:10px;
}
.link_tt{ background:url(../images/link_tt.jpg) left center no-repeat; width:106px; height:45px;}
.links a {
    display: inline-block;
    padding: 0px 17px;
    color: #fff;
    line-height: 30px;
}
.links a:hover {
	color: #eee;
}
a:hover{ text-decoration:none;}
.link_box{ width:1072px;}
/*links end*/