@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font-family:"微软雅黑"; background:#fff url(../images/bg.png) repeat;}
*{margin:0; padding:0;}
ul,li,dl,dt,dd{list-style-type:none}
a{text-decoration:none !important;line-height:none !important}
.glyphicon{ top:0 !important;}
.no-padding {padding: 0 !important;}
.no-margin {margin: 0 !important;}
.no-background{ background:none !important;}
.no-border{ border:none !important;}
.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
a{ text-decoration:none !important; cursor:pointer !important;color:#999;}
a:focus{outline:none;}
ul{margin:0;}
li{list-style: none;}
.imgvertical{vertical-align:middle !important;}
.container-fluid{ max-width:1230px !important;}
.container{max-width:1000px !important;padding:0;}
.clearfix:before,.clearfix:after {display: table;content:'';}
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
h1,h2,h3,h4,h5,h6{margin:0 !important; padding:0 !important}
.tr{transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s}
.tr1{transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s}
.tr2{transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s}
.da{ 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)}
textarea:required,input:required{ -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow: none;}
body{overflow-x:hidden;}
img{max-width: 100%}



/*全局样式*/
.topbox{background: #f3f3f3;line-height: 40px;}
.topbox a{color: #333}
.topbox a:hover{color: #00ba39;text-decoration: underline !important;}
.topbox .right a{margin:0 5px;}


header{height: 88px;}
.logo{line-height:88px;width: 45.5%;}
.logo img{max-height: 78px}
header .zi{line-height: 88px;padding-left: 20px;width:27.5%}
header .phone{background: url(../images/phone.png) no-repeat left 5px;padding-left: 115px;min-height: 39px;margin-top: 10px;font-size: 20px;color: #d40000;font-weight: bold;line-height: 25px}


/*pc导航*/
.nav{background:;border-top: 1px solid #0476bf}
.nav li{width:calc(100% / 9);float:left;font-size:17px; line-height:46px;text-align:center;position:relative;}
.nav li a{display:block;color:#333;position: relative;z-index: 22;position: relative;}
.nav li.on a,.nav li:hover a{background: #00ba39;color: #fff}
/*导航二级下拉*/
.nav li .nav-zi{width:100%;position:absolute; left:0; top:100%;z-index:9999999; display:none;}
.nav li .nav-zi li{ width:100%;font-size:15px;line-height:40px;border-bottom: 1px solid #fff;}
.nav li .nav-zi li:last-child{border:0;}
.nav li .nav-zi li a{display:block; padding:0 5px; color:#fff;background:rgba(0,186,57,0.9)}
.nav li .nav-zi li:hover a{background:rgba(212,0,0,0.85);color:#fff;}


header .sjdnav{ display:none;width:150px;height:auto;position:absolute;right:0;top:100px;z-index:2000; }
header .sjdnav ul{ padding:0; margin:0;}
header .sjdnav li{width:100%;background:rgba(0,0,0,0.55);line-height:38px;text-align:center;font-size:15px;line-height:38px;font-weight:bold;margin-bottom:3px}
header .sjdnav li a{display:block;color:#fff;}
header .sjdnav li a:hover{ background:rgba(255,150,16,0.9);}
header .ydd_btn{width:40px;cursor:pointer;position:absolute;z-index:2000;top:40px;right:15px;}
header .ydd_btn span{ display:block; width:100%; height:4px; background:#4ab448;}
header .ydd_btn span.span02{margin:4px 0;}
header .ydd_btn.click{ background:none;}
header .ydd_btn.click span{ background:#4ab448;}
header .ydd_btn.click span.span01{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:relative;top:8px;margin-top:0px;} 
header .ydd_btn.click span.span02{margin:4px 0;}
header .ydd_btn.click span.span03{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);position:relative;top:-8px;margin-top:0px;}
header .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}


/*banner轮播*/
.banner{position:relative;}
.banner a{ display: block; font-size: 0; text-align: center;s}
.banner a img{ max-width: 100%;}
.banner .swiper-pagination{ position: absolute; left: 0; bottom:20px; z-index: 1; width: 100%; font-size: 0; text-align: center;}
.banner .swiper-pagination span{ margin: 0 5px; width:28px; height: 6px; background:#fff; opacity: 1;border-radius:0;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #4ab448;}
.swiper-wrapper {height: auto !important;}
.banner img{width:100%;}



/*主体内容*/
.main1{padding-bottom:20px;}
.main2{padding-bottom:45px;}
.title{margin:30px 0;text-align: center;text-transform: uppercase;font-size: 24px;color: #7c7c7c}
.title h4{font-size:36px;color: #22ac38;font-weight: bold;}
.title .xian{width: 100%;height: 1px;background: #eee;position: relative;margin:15px 0;}
.title .xian:before{content: "";position: absolute;left:calc(50% - 35px);top: -1px;width: 70px;height: 4px;background: #ff0000;z-index: 22}
.title .xian1:before{background: #2e5294}
.title .xian2:before{background: #0baa4f}
.title span{display: block;}




.navbox01{font-size:0; text-align:center; margin-bottom:30px}
.navbox01 .navli{display:inline-block;background: #4ab448;border:1px solid #4ab448; width:156px;line-height:40px;font-size:20px; color:#fff; padding:0 5px; margin:0 5px 10px;border-radius: 25px}
.navbox01 .navli.active,.navbox01 .navli:hover{background:#fff;color: #4ab448;box-shadow: 2px 3px 5px #ccc}


.fuwu{padding: 30px 0;background: #f8f8f8}
.fuwu .imgbox{display: block;color: #7c7c7c; text-align: center;text-transform: uppercase;}
.fuwu .imgbox .tu{overflow: hidden;}
.fuwu .imgbox .text .tou{font-size: 20px;margin:18px 0 10px;}
/*左右方向箭头*/
.swiper1{position:relative;}
.swiper1 .swiper-button{top:34%;font-size: 55px;color: #4ab448;text-align: center;}
.swiper1 .swiper-button.swiper-button-prev{left: -70px;background:none; cursor: pointer;}
.swiper1 .swiper-button.swiper-button-next{right: -60px;background:none;cursor: pointer;}
.swiper1 .swiper-button-next.swiper-button-disabled,.swiper1 .swiper-button-prev.swiper-button-disabled {opacity:1;color: #999}

.six{ overflow: hidden; position: relative; margin:0 auto; max-width:175px;}
/*.six .bg{ position: absolute;}
.six .bg:before{ content: ""; position: absolute; left: 0; top:-3px; z-index: 1; width: 100%; height: 3px; background: #23ac39;transition: all 0.3s; }
.six .bg.bg1{ left:50%; top:0; background: #f8f8f8; transform-origin:left top;transform: rotate(150deg);}
.six .bg.bg2{ left:100%;top:25%; background: #f8f8f8; transform-origin:left top;transform: rotate(-150deg);}
.six .bg.bg3{ left:0;   top:75%; background: #f8f8f8; transform-origin:left top;transform: rotate(30deg);}
.six .bg.bg4{ left:50%; top:100%;background: #f8f8f8; transform-origin:left top;transform: rotate(-30deg);}
.six .bg.bg5{ transition: all 0.3s; border-top: solid 3px #23ac39; left:3px; top:25%; background: #f8f8f8; transform-origin:left top;transform: rotate(90deg);}
.six .bg.bg6{ transition: all 0.3s; border-top: solid 3px #23ac39; left:100%; top:75%; margin-left: -3px; background: #fff; transform-origin:left top;transform: rotate(-90deg);}
.six .bg.bg5:before,.six .bg.bg6:before{ display: none; }*/



.show .imgbox{display: block;margin-bottom:10px;text-align: center;}
.show .imgbox .tu{overflow: hidden;border:1px solid #dcdcdc;}
.show .imgbox .tou{background: #fff; border:1px solid #dcdcdc; height: 28px;line-height: 26px;color: #333;margin-top: 5px;padding:0 5px;}
/*左右方向箭头*/
.swiper2{position:relative;padding-top: 66px}
.swiper2 .swiper-button{width:44px !important;height:34px;top:20px;font-size: 25px;color: #fff;line-height: 30px;text-align: center;border:1px solid #22ac38;}
.swiper2 .swiper-button.swiper-button-prev{left:calc(50% - 55px);background-color:#22ac38;background-image:none; cursor: pointer;}
.swiper2 .swiper-button.swiper-button-next{right:calc(50% - 55px);background-color:#22ac38;background-image:none;cursor: pointer;}
.swiper2 .swiper-button-next.swiper-button-disabled,.swiper2 .swiper-button-prev.swiper-button-disabled {opacity:1;background: #fff;border-color: #a0a0a0;color: #1b1b1b}

.case{background: url(../images/case-bg.jpg) center center;background-size: cover}
.case .title{color: #0baa4f}

.more01{display: block;width: 116px;background: #22ac38;border:1px solid #fff; font-size: 20px;line-height:30px; color: #fff;margin:22px auto 0;text-align: center;border-radius: 25px}
.more01:hover{background: #ff0000;color: #fff}



.jianjie .left{padding:0 0 18px 15px;}
.jianjie .imgbox{display: block;overflow: hidden;border:3px solid #fff;box-shadow: -15px 18px 0 #22ac38}
.jianjie .tou{font-size: 18px;color: #1ba410;margin-bottom:12px;font-weight: bold}
.jianjie .text{font-size: 14px;line-height: 31px;max-height: 372px;overflow: hidden;}



.news .biaoti{font-size: 28px;border-bottom: 1px solid #dcdcdc;padding-bottom: 18px; margin-bottom: 25px;position: relative;text-transform: uppercase;}
.news .biaoti:before{content:"";position: absolute;left:0;bottom: 0;width: 110px;height: 1px;background: #1b5fa8}
.news .biaoti span{font-size: 20px}
.news .box{padding:8px 0 15px;border-bottom: 1px solid #dcdcdc;margin-bottom: 5px}
.news .box:last-child{border:none;}
.news .tupian{display: block;overflow: hidden;position: relative;margin-bottom: 10px}
.news .tupian .tou{position: absolute;left:0;bottom: 0;width: 100%;font-size: 16px;line-height: 38px;background: rgba(0,0,0,0.4);z-index: 22;color: #fff;text-align: center;padding:0 8px;}
.news .imgbox{display: block;color: #333}
.news .imgbox .zuo{width: 80px;border-right: 1px solid #dcdcdc;text-align: center;font-size: 22px;color: #0baa4f;font-weight: bold;display:flex; flex-direction:column; justify-content:center;height: 110px;}
.news .imgbox .zuo span,.news .imgbox .zuo span b{display: block;}
.news .imgbox .zuo b{font-size: 18px;}
.news .imgbox .you{width: calc(100% - 80px);padding-left: 15px;}
.news .imgbox .you .tou{font-size: 18px;}
.news .imgbox .you .zi{color: #8c8c8c;line-height: 26px;height: 52px;overflow:hidden;margin:6px 0 5px;}
.news .imgbox .you .more{display: block;width: 106px;line-height: 25px; border:1px solid #e5e5e5;color: #8c8c8c;text-align: center;float: right;}
.news .imgbox .you .more span{margin-left:10px}


.hezuo .imgbox{display: block;overflow: hidden;border:1px solid #c2c2c2;margin-bottom: 16px}



.xinwen .hezi{padding-bottom: 15px;border-bottom: 1px dashed #dcdcdc;margin-bottom: 15px}
.xinwen .imgbox{display: block;color: #333;}
.xinwen .imgbox .tu{width: 220px;height:150px;float: left;overflow: hidden;}
.xinwen .imgbox .tu .img{width: 100%;height: 100%}
.xinwen .imgbox .text{width: calc(100% - 220px);float: left;padding:0 0 0 15px;}
.xinwen .imgbox .text h4{font-size: 16px;}
.xinwen .imgbox .text .zi{color: #7d7d7d; line-height: 26px;height: 78px;overflow: hidden;margin:10px 0 15px;}
.xinwen .imgbox .text .more{display: block;background: #4ab448; width: 93px;line-height: 24px;text-align: center;border-radius: 15px;color: #fff}



footer{background:#0baa4f;padding:15px 0; color:#fff;text-align: center;}
footer a{color:#fff;}
footer a:hover{color:#fff; text-decoration:underline !important}
footer .part1{margin-bottom: 8px}
footer .part1 a{font-size: 17px;line-height: 35px;margin:0 25px;}
footer .part2{line-height: 28px}

.phone22{position: fixed;bottom:325px;left:0;width:150px; z-index: 3000000;right: 0;margin: 0 auto;}
.phone22 .box{background:red;padding:10px 5px;border-radius:10px;font-size: 16px;line-height: 30px;text-align: center;}
.phone22 a{display: block;color: #fff;}



/*子页面*/
/*1、关于我们*/
.main{ padding:40px 0 50px;font-size:14px; line-height:28px;}

/*内页左侧导航主要样式*/
.neiye .menu{background:#22ac38; padding:15px 8px;font-size:30px; color:#fff;text-transform:uppercase; position:relative;line-height:normal;text-align: center;font-weight: bold}
.neiye .menu b{font-size:15px;font-family: "Arial";font-weight: normal;display: block;margin-top: 5px;background: url(../images/xian.png) no-repeat center center;}
.neiye .menu i{display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; cursor:pointer}
.neiye .menu span{position:absolute; right:30px; line-height:45px;}
.neiye .nav1{display:block;font-size:16px; color:#666;background: #e9e9e9; line-height:40px;text-align:left; padding:0 8px;border-top: 0; cursor: pointer;margin-top: 3px}
.neiye ul a{display:block; font-size:14px; color:#333; line-height:42px; padding:0 10px 0 45px; border-bottom:1px dashed #e5e5e5; position:relative}
.neiye .navbox ul{display:none;}
.neiye .navbox .ul1{display:block;}
.neiye .navbox{background:#fff;}

/*一级导航、二级导航默认选中状态*/
.neiye .nav1.active{background: #22ac38;color:#fff;}
.neiye ul a.active{color:#22ac38;}


.neiye .menu1{margin-top: 3px}
.neiye .lian{background: #e9e9e9;padding:15px 15px 30px;line-height: 29px}




.main .navbox01{margin-bottom:26px;}

.main .cont{margin-top:30px;}
.title-zi{font-size:14px; color:#999; padding-bottom:15px; border-bottom:1px solid #e9e9e9; margin:0 0 15px;position: relative;}
.title-zi:before{content: "";position: absolute;left:0;bottom: 0;width: 100px;height: 2px;background: #22ac38}
.title-zi a{color:#999;}
.title-zi a:hover{color: #22ac38;text-decoration: underline !important;}
.title-zi .zuo{font-size: 20px;color: #333}




.about{font-size:15px;line-height:28px; }
.about h4{font-size:21px;font-weight: bold; line-height:28px;margin-bottom: 10px !important}
.about img{max-width:100%; height:auto; display:block; margin:10px auto;}

.call-us{font-size:14px;line-height:28px; }
.call-us h4{font-size:16px; font-weight:bold;line-height:35px;}
.call-us img{max-width:100%; height:auto; display:block; border:1px solid #ccc; margin:10px auto}

.case-box,.show-box{background:none; padding:0;line-height: normal}
.case-box .row,.show-box .row{margin:0 -10px !important}
.case-box .col-xs-6,.show-box .col-xs-6{padding:0 10px !important}
.show-box .imgbox{margin:0 0 20px}
.show-box .imgbox .tou{border:1px solid #dcdcdc;}


.news-main{font-size:14px; line-height:24px;}
.news-tou{width:80%; margin:0 auto;}
.news-main .news-tou h4{ font-size:18px; line-height:26px; text-align:center; border-bottom:1px dashed #666; padding-bottom:12px !important;}
.news-main .news-tou span{display:block; text-align:center; font-size:12px; color:#7f7f7f; margin:10px 0}
.news-main img{ max-width:100%; height:auto; margin:20px auto;}


.liuyan{ width:65%; margin:0 auto;}
.liuyan .form-group{margin-bottom:5px;}
.liuyan label{ padding-top:0 !important; text-align:left !important;height:34px; line-height:34px; font-weight:normal;}
.liuyan input{background:#fff; border:1px dashed #4ab448; height:37px;border-radius:0}
.liuyan textarea{background:#fff; border:1px dashed #4ab448; height:107px;border-radius:0}
.liuyan button{width:100%; height:37px; color:#fff; background:#4ab448; border:none; border-radius:0; margin-top:5px}


.show-main h4{font-size:18px; text-align:center; line-height:35px; margin-bottom:10px !important}
.show-main img{max-width:100%; height:auto; display:block; margin:10px auto 20px;}


.main .xinwen .imgbox{line-height: 20px}
.main .show .imgbox .mask h4{font-size: 20px}

.fuwu-main h4{font-size:18px; text-align:center; line-height:35px; margin-bottom:10px !important}
.fuwu-main img{max-width:100%; height:auto; display:block; margin:10px auto 20px;}
.fuwu-main .toubu{text-align: center;margin-bottom: 30px}
.fuwu-main .toubu .zi1{font-size: 24px;font-weight: bold;padding-bottom: 15px;border-bottom: 1px solid #eae7e6;line-height: 35px}
.fuwu-main .toubu .zi2{font-size: 0}
.fuwu-main .toubu .zi2 span{display: inline-block;padding:10px 20px;border:1px solid #eae7e6;border-top: 0;font-size: 14px}
.fuwu-main .toubu .zi2 span b{font-weight: normal;color: #888}



.aboutzi .part1{margin-bottom: 20px}
.aboutzi .part1 .text{font-size: 16px;line-height: 30px;margin-bottom: 10px}
.aboutzi .part1 .tupian{margin:20px 0;}
.aboutzi .part2 .biaoti{font-size: 20px;color: #4ab448;font-weight: bold;margin-bottom:20px;text-align: left}



@media (max-width:1200px){
header .phone h4{font-size: 26px}
}

@media (max-width:1150px){
}


@media (min-width:992px){
/*.fuwu .imgbox:hover .six{transform: rotateY(360deg);}*/
.fuwu .imgbox:hover{color: #22ac38}
.show .imgbox:hover .img{transform: scale(1.1,1.1)}
.show .imgbox:hover .tou{background: #22ac38;border-color: #22ac38;color: #fff}
.jianjie .imgbox:hover .img{transform: scale(1.1,1.1)}
.jianjie .imgbox .img{height: 375px;}
.news .tupian:hover .tu{transform: scale(1.1,1.1)}
.news .tupian:hover .tou{background: rgba(11,170,79,0.75)}
.news .imgbox:hover .zi{color: #666}
.news .imgbox:hover .more{border-color: #0baa4f;color: #0baa4f}
.hezuo .imgbox:hover{border-color: #22ac38;box-shadow: 2px 3px 8px #ccc}
.hezuo .imgbox:hover .tu{transform: scale(1.1,1.1)}
.show-box .imgbox:hover .tou{background: #22ac38;border-color: #22ac38;color: #fff}

.xinwen .imgbox:hover .img{transform: scale(1.1,1.1)}
.xinwen .imgbox:hover .more{background: #4ab448;border-color: #4ab448;color: #fff}
.aboutzi .part1 .text{font-size: 18px;line-height: 38px}

/*一级导航、二级导航hover事件*/
.neiye .nav1:hover{background: #22ac38;color:#fff;}
.neiye ul a:hover{color:#22ac38;}

}



@media (max-width:991px){
header{height:90px;}
.logo{line-height:90px; width:100%;}
header .ydd_btn{top:30px}
header .sjdnav{ top:90px}
header .ydd_btn span.span02{margin:6px 0;}
.banner .swiper-button{display: none}
.banner .swiper-pagination{bottom: 10px}
.main{padding-top:30px;padding-bottom: 40px}
.jianjie .hezi{padding:0;background: none}
.jianjie .left{margin-bottom: 25px}
footer{text-align: center;}


/*手机侧导航 下拉 开始*/
.neiye{text-align:center;}
.neiye .menu{padding:0;font-size: 25px}
.neiye .menu b{display: none}
.neiye .menu span,.neiye .menu{line-height:55px;}
.neiye ul a.active,.neiye ul a:hover,.neiye ul a,.neiye .nav1.active,.neiye .nav1:hover,.neiye .nav1{background-image:none; padding:0;text-align:center}
.neiye ul a:before,.neiye .nav1:before{display:none;}
.neiye .nav1{padding:0 10px;}
.neiye .nav1 span{display: none}
/*手机侧导航 下拉 结束*/
.main3{padding-top:30px;}


.fuwu-main .toubu .zi1{font-size: 20px;line-height: 32px;}
    footer{margin-bottom:51px;}
}

@media (max-width:767px){
header{height:70px;}
.logo{line-height:70px;}
.logo img{max-height: 45px}
header .lianjie{margin:20px 60px 0 0;}
header .ydd_btn{top:23px;width:32px;}
header .sjdnav{ top:70px}
.title h4{font-size:30px;}
.title{font-size: 20px}
.fuwu .imgbox .text .tou{font-size:16px;margin:14px 0 8px;}
.news .biaoti{font-size: 24px;padding-bottom:12px; margin-bottom: 20px;}
.news .biaoti span{display: none}
.liuyan{width:100%;}
.navbox01 .navli{font-size: 18px}
.news-tou{width: 100%}
}

@media (max-width:600px){
.main2{padding-bottom:30px}
.title h4{font-size:25px;}
.title{font-size: 18px}
.jianjie .tou{font-size: 18px}
.jianjie .text{font-size: 14px; line-height: 30px;max-height:240px;}
.navbox01 .navli{width:132px;line-height:40px;font-size:16px; }
.more01{font-size: 18px}
.xinwen .imgbox .tu{width: 130px;height: 100px;}
.xinwen .imgbox .text{width: calc(100% - 130px);}
.xinwen .imgbox .text .zi{font-size: 13px;line-height: 22px; height: 44px;margin:8px 0;}
.xinwen .imgbox .text .time{display: none;}
.xinwen .imgbox .text .more{width: 80px}
.contact .title h4{font-size: 28px}
.neiye .menu{font-size: 24px}
.neiye .menu span,.neiye .menu{line-height:55px;}
.soubox{padding:15px;}
.show1 .imgbox .tou{font-size: 16px}
.lianzi .hezi1{margin-bottom: 30px}
.lianzi .hezi2 .left{margin-bottom: 30px}

.case-box .row,.show-box .row{margin:0 -5px !important}
.case-box .col-xs-6,.show-box .col-xs-6{padding:0 5px !important}
.show-box .imgbox{margin:0 0 12px}
.case-box .right .imgbox{margin:0 0 10px}
.main .case .imgbox{margin-bottom: 20px}

.fuwu-main .toubu .zi1{font-size: 18px;line-height:30px;padding-bottom: 10px;}
.fuwu-main .toubu .zi2 span{padding:6px 10px;}

.phone22 .box{padding:8px 5px;line-height: 22px;}
}


@media (max-width:479px){
header{height:55px;}
.logo{line-height:55px;}
.logo img{max-height: 35px}
header .ydd_btn{top:18px; width:30px;}
header .sjdnav{ top:55px}
header .ydd_btn span.span02{margin:4px 0;}


.news-main .news-tou h4{font-size:16px;}

}

@media (max-width:400px){
header .ydd_btn{width:26px;}
}


@media (max-width:380px){
.logo img{max-height: 30px;margin-left:-8px}
}

@media (max-width:350px){
}