@charset "utf-8";

/* CSS Document */

/**

Time : 2017-2

Author : jj

**/

.bn-box {

    width: 100%;

    overflow-x: hidden;

    position: relative;

    z-index: 0;

}

.banner {

    width: 1920px;

    height: 607px;

    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: 200px;

}

 .banner .next{   display: none;

    width: 50px;

    height: 50px;

    background: url(../images/next.png) no-repeat;

    position: absolute;

    top: 300px;}

.banner .prev {

    left: 50%;

    margin-left: -800px;

}

.banner .next {

    right: 50%;

    margin-right: -800px;

}

/*banner end*/

.search { border-bottom:1px solid #ddd; height:138px; background:#54a91a;

}

.search .m>.fl{ width:590px; overflow:hidden;}

.search_t {

    line-height: 50px;

    color: #fff;

    position: relative;

    margin-top: 18px;

}

.search_t a {

    color: #eee;

    margin: 0 6px;

}

.search_b {

    position: relative;

}

.searchbar {

    width: 471px;

    line-height: 30px;

    outline: none;

    padding-left: 20px;

    float: left;

    border: 1px solid #ddd; background:#f5f5f5;

}

.searchbtn {

    width: 56px;

    height: 32px;

    outline: none;

    cursor: pointer;

    border: 0;

    position: relative;

    background: url(../images/search.jpg) center no-repeat;

    right: 95px;

}

.search .m>.fr{ width:590px;}

.search .m>.fr ul{ margin-left:55px;}

.search .m>.fr ul li{ float:left; width:177px; text-align:center; border-right:1px solid #479a0e; height:77px; margin-top:30px; position:relative; overflow:visible;}

.search .m>.fr ul li:first-child{border-left:1px solid #479a0e;}

.search .m>.fr ul li span{ color:#fff; display:block; margin-top:10px;}

.gzwm{ position:absolute; width:110px; height:0px; background:#fff; left:30px; top:-140px; transition:all ease 300ms; overflow:hidden;transform-origin: 50% 100%;}

.gzwm img{ width:100%; height:100%; transition:all ease 300ms;}

.search .m>.fr ul li.guanzhu:hover .gzwm{  height:110px;transform-origin: 50% 100%;}

.tt{ text-align:center; margin:30px 0 15px 0;}

.tt{ height:90px; background:url(../images/tt_bg.jpg) top center no-repeat; padding-top: 5px; margin-top:50px; margin-bottom:50px;}

.tt a{ font-size:30px; color:#46a13a; text-align:center; font-weight:600;  line-height:50px;}

.tt a p {

    font-size: 18px;

    color: #999; font-weight:100; margin-top: -15px;

}



/*product*/

.product{}

.fenlei {

    width: 100%;

    min-height: 50px;

}

.fenlei b a {

    float: left;

    font-size: 16px;

    color: #333;

    margin-right: 16px;

    position: relative;

    line-height: 32px;

    padding-left: 30px;

}

.fenlei b a img {

    position: absolute;

    top: 5px;

    left: 0px;

}

.fenlei ul{ float:left;}

.fenlei ul li {

    padding: 7px 19px;

    border: 1px solid #ddd;

    float: left;

    border-radius: 20px;

    margin: 0 9px;

}

.fenlei ul li a{ color:#555; font-size:13px; display:block;

}

.fenlei ul li:hover{border: 1px solid #54a91a; background:#54a91a;}

.fenlei ul li:hover a{ color:#fff;}

.product_show ul li {

    margin-bottom: 11px;

    float: left;

    margin-right: 11px;

    width:379px;

	height:338px;

    background: #eee;

}

.product_show  ul li:hover{ background:#54a91a;}

.product_show ul li:hover h5{ color:#fff;}

.product_show ul li .img {

    position: relative;

    overflow: hidden;

    width:379px;

	height:288px;

}

.product_show ul li .img img {

	width: 100%;

	height: 100%;

	transition: all ease 500ms;

}

.product_show ul li .img:hover img { transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);

}



.product_show ul {

	 margin-top: 13px;

}



.product_show ul li h5 {

    height: 52px; position:relative;

    line-height: 38px;

    text-align: left; padding-left:30px;

    color:#333; font-weight:100; font-size:16px;

}

.product_show ul li h5::before{ content:""; position:absolute; color:#bbb; top:16px;}

.product_show ul li h5::after{ content:"+"; position:absolute; color:#bbb; right:30px; font-size:20px;}

.product_show ul li:hover h5::before{  color:#fff;}

.product_show ul li:hover h5::after{ color:#fff;}



/*product end*/

/*banner1*/

.banner1{ width:100%; height:194px; background:url(../images/banner1.jpg) center no-repeat; margin-top:20px;}

.banner1 p {

    font-size: 30px;

    color: #f9f600;

    padding-top: 34px;

    margin-bottom: 9px;

    margin-left: 942px;

}

.banner1 span{ font-size:18px; font-weight:100; color:#fff; display:block;}

.banner1 a {

    background: #f9f600; padding:0 15px;

    font-size: 18px; display:inline-block;

    color: #333;

    text-align: center;

    line-height: 30px;

    margin-left: 942px;

}

.banner1 a:hover{ background:#F90;}

/*banner1 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{ text-align:center; padding-top:1px;}

.case .m{ position:relative;}

.case ul{ width:1200px; margin-left:-9px;  margin-top: -20px;}

.case ul li{ width:378px; height:246px; float:left; margin:9px; overflow:hidden; position:relative;}

.case ul li img{ width:100%; height:100%; transition:all ease 300ms;}

.case ul li:hover img{ transform:scale(1.1,1.1);}

.case ul li h5 {

    background: rgba(0,0,0,.5);

    color: #fff;

    position: absolute;

    bottom: 0;

    height: 40px;

    font-size: 15px;

    width: 90%; padding-left:10%;

    line-height: 40px; text-align:left;

    font-weight: 100;

}

.case ul li.case1{ width:774px; height:510px;}

/*case end*/



/*reason*/

.reason {

    width: 100%;background:url(../images/ys_bg.jpg) bottom center no-repeat #f9f9f9; height:935px; margin-top:30px;

    overflow: hidden;}

.tt2{ background:url(../images/ys_tt.jpg) top center no-repeat #f9f9f9; height:100px; text-align:center; padding-top:120px;}

.tt2 a{ color:#54a91a; font-size:35px;}

.tt2 a span{ display:block; width:353px; height:32px; line-height:32px; color:#fff; background:#999; font-size:24px; font-weight:100; margin:0 auto; margin-top:10px;}

.reason ul { width:490px; float:right; margin-right:60px; margin-top:69px;}

.reason ul li{ height:125px;}

.reason ul li h5{ font-size:20px; color:#333; text-align:left; font-weight:100; line-height:50px;}

.reason ul li p{ font-size:14px; color:#999; font-size:14px; line-height:24px;}

.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*/

/*banner2*/

.banner2{ width:100%; height:167px; background:url(../images/banner2.jpg) center no-repeat; margin-top:20px;}

.banner2 p {

    font-size: 30px;

    color: #f9f600;

    padding-top: 34px;

    margin-bottom: 9px;

    margin-left: 942px;

}

.banner2 span{ font-size:18px; font-weight:100; color:#fff; display:block;}

.banner2 a {

    background: #f9f600; padding:0 15px;

    font-size: 18px; display:inline-block;

    color: #333;

    text-align: center;

    line-height: 30px;

    margin-left: 942px;

}

.banner2 a:hover{ background:#F90;}

/*banner2 end*/



/*client*/

.client{ width:100%; padding-top:1px;border-bottom:1px solid #fff; }

.client ul{ width:1300px;}

.client ul li { width:571px; height:141px; float:left; margin-right:37px; margin-bottom:35px;

}

.client ul li .fl{ width:175px; height:142px;}

.client ul li .fl img{ width:100%; height:100%; transition:all ease 300ms;}

.client ul li .fr{ width:394px; border-top:1px solid #46a13a; background:#f6f6f6; height:140px;}

.client ul li .fr h5{ text-align:left; margin:20px; margin-bottom:5px; margin-top:30px;}

.client ul li .fr h5 a{ font-size:15px; font-weight:600; text-align:left;}

.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) top center no-repeat; height:694px; margin-bottom:30px;}

h3.about_tt {

    padding-top: 134px; position:relative;

    margin-left: 290px;

}

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:380px; height:258px; border:4px solid #fff; margin-left:40px; margin-top:35px;}

.about_text{ width:300px; text-align:left; float:left; margin-left:30px; margin-top:40px;}

.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:144px; overflow:hidden;}

.more{ margin-top:20px; color:#F00; display:block;}

/*about end*/

.ryzz {

    width: 353px;

    height: 246px;

    float: right;

    position: relative;

    margin-right:50px;

    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 {

    position: absolute;

    z-index: 999;

    top:40px;

    right: 30px;

}

.ryzz .bd ul li{ text-align:center; margin-left:46px; width:281px;position:relative;border:5px solid #fff;}

.ryzz .bd ul li p a{ font-size:15px; color:#333; line-height:30px;}

.ryzz .bd ul li img{ width:281px; height:181px; }

.ryzz .prev, .ryzz .next {

    width: 25px;

    height: 25px;

    background: #093;

    position: absolute;

    top: 6px;

    padding-top: 0;

}

.ryzz .prev {

    background: url(../images/llll.png) no-repeat;

    left: -21px;

}

.ryzz .next {

    background: url(../images/rrrr.png) no-repeat;

    left: 0;

}

.qyxc{ position:relative;}

.qyxc .hd {

    position: relative;

    z-index: 999;

    top: 16px;

    left: 594px;

    text-align: center;

    width: 87px;

    height: 69px;

}

.qyxc .bd { margin-left:35px; 

}

.qyxc .prev, .qyxc .next {

    width: 25px;

    height: 25px;

    background: #093;

    position: absolute;

    top: 6px;

    padding-top: 0;

}

.qyxc .prev {

    background: url(../images/llll.png) no-repeat;

    left: -21px;

}

.qyxc .next {

    background: url(../images/rrrr.png) no-repeat;

    left: 0;

}

.qyxc .tt2{ width:100%; height:78px; background:url(../images/qyxc_tt.jpg) bottom left no-repeat;} 

.qyxc .tt2>a {

    margin-left: 56px;

}

.qyxc ul {}

.qyxc ul li{ float:left; width:205px; height:146px; position:relative; margin-right:15px; border:1px solid #ddd;}

.qyxc ul li img{ width:205px; height:146px; transition:all ease 300ms; }

.qyxc ul li h6{ display:block;  width:205px; height:146px;line-height:146px; background:rgba(0,0,0,0.6); color:#fff; position:absolute; top:0; text-align:center; font-weight:100; font-size:16px; display:none;}

.qyxc ul li:hover img{ transform:scale(0.95,0.95);}

.qyxc ul li:hover h6{ display:block;}

/*about end*/

/*banner3*/

.banner3{ height:177px; background:url(../images/banner3.jpg) center no-repeat;}



/*news*/

/*news*/

.news{ margin-bottom:10px; height:538px; width:690px; margin-top:30px;}

.news_tt{ background:url(../images/news_tt.jpg) center left no-repeat; height:58px; padding-left:155px;}

.news_tt a{ font-size:24px; color:#333; float:left;}

.news_tt a p{ font-size:16px; color:#a2a2a2; font-weight:100; text-transform:uppercase;}

.news .hd ul{ margin-top:20px;}

.news .hd ul li{ width:108px; height:38px;text-align:center; line-height:26px; float:left; margin-right:20px; margin-bottom:20px;}

.news .hd ul li.on{ background:url(../images/news_hov.jpg) top center no-repeat;}

.news .hd ul li.on a{ color:#fff;}

.news .hd ul li a{ font-size:18px; display:block; color:#666;}

.news .bd ul li {

    height: 71px;

    padding: 12px 24px;

    background: #f9f9f9;

    margin-bottom: 25px;

}

.news .bd ul li .fl{ width:69px; height:69px; border-right:1px solid #bbb; }

.news .bd ul li .fl span{  font-size:50px; color:#888; line-height:45px;}

.news .bd ul li .fl p{ color:#999; font-size:17px; letter-spacing:1px;    font-family: Arial Narrow;}

.news .bd ul li .fr{ width:542px;}

.news .bd ul li .fr h5{ margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.news .bd ul li .fr h5 a{ color:#7c7c7c; font-size:16px; font-weight:100; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left;}

.news .bd ul li .fr p{ color:#c3c3c3; font-size:13px; line-height:24px; height:48px; overflow:hidden;}

.news .bd ul li.selected{ background:#f6f6f6; }

.news .bd ul li.selected .fl{ border-right:1px solid #1bb843;}

.news .bd ul li.selected .fl span{ color:#1bb843;}

.news .bd ul li.selected .fl p{ color:#1bb843;}

.news .bd ul li.selected h5 a{ color:#1bb843;}

.news .bd{

	height: 355px;

    overflow: hidden;

}

/*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{ border-top:1px solid #ddd;}

.links .m{

    background:url(../images/link_tt.jpg) top left no-repeat; margin-bottom:30px; margin-top:10px;

}

.link_tt{ font-size:30px; color:#54a91a; line-height:44px;  height: 70px;}

.links a {

    display: inline-block;

    padding: 0px 17px;

    color: #333;

    line-height: 50px;

}

.links a:hover {

	color: #666;

}

.link_box{ width:1080px;}

/*links end*/