/* 
* @Author: sublime text
* @Date:   2019-10-16 10:28:11
* @Last Modified by:   sublime text
* @Last Modified time: 2021-05-10 15:58:19
*/
/*banner*/
#banner{width:100%;position:relative;overflow:hidden;}
#banner .swiper-slide img{display: block;width:100%;}
#banner .swiper-button-prev {outline：none;background: none;width: 55px;height: 55px;overflow: hidden;}
#banner .swiper-button-next {outline：none;background: none;width: 55px;height: 55px;overflow: hidden;}
#banner .swiper-button-prev img,#banner .swiper-button-next img{transition:0.5s;}
#banner .swiper-button-prev:hover img,#banner .swiper-button-next:hover img{margin-top:-55px;}
#banner .swiper-pagination-bullets{bottom: 30px !important;}
#banner .swiper-pagination-bullet{width: 10px !important;height: 10px !important;}
#banner .swiper-pagination-bullet-active{background:#04a04d !important;}

/*品质保障*/
#pinzhi{width: 100%;height: 975px;background: #fff;}
#pinzhi .bottom{width: 1400px;height: 667px;position: relative;margin: 0 auto;}
#pinzhi .bottom .zhong{width: 702px;margin:0 auto;position: relative;margin-top: 50px;}
#pinzhi .bottom .top{position: absolute;z-index:1;top: 0;left: 140px;}
#pinzhi .bottom li{font-size: 17px;color: #333333;position: absolute;text-align: center;}
#pinzhi .bottom li p{font-size: 26px;font-weight: bold;}
#pinzhi .bottom li p span{color: #04a04d;}
#pinzhi .bottom .li1{left:125px;top:105px;}
#pinzhi .bottom .li2{left:20px;top:260px;}
#pinzhi .bottom .li3{left:90px;top:417px;}
#pinzhi .bottom .li4{left:185px;bottom:30px;} 
#pinzhi .bottom .li5{right:160px;top:105px;}
#pinzhi .bottom .li6{right:90px;top:260px;}
#pinzhi .bottom .li7{right:100px;top:417px;}
#pinzhi .bottom .li8{right:185px;bottom:35px;}



.title{font-size: 45px;color: #003333;font-family:'syst';text-align: center;padding-top: 100px;}
.title span{color: #1ba85d;}



/*横幅*/
#hengfu{width:100%;height: 240px;background:#1ba85d;color:#fff;}
#hengfu .fl{padding-top: 66px;font-size: 22px;}
#hengfu .fl p{font-size: 35px;font-family: 'syst';border-bottom: 1px solid #fff;padding-bottom: 15px;margin-bottom: 15px;}
#hengfu .tu{padding-top: 60px;margin-left: 55px;float: left;}
#hengfu .tel{float: left;font-size: 20px;text-align: center;margin-top: 55px;width: 250px;}
#hengfu .tel img{display: inline-block;padding-right: 10px;}
#hengfu .tel .wen{font-size: 35px;font-family: 'Oswald';} 
#hengfu .more{display: block;width: 180px;height: 50px;line-height: 50px;border-radius: 50px;background: #fff;color: #1ba85d;font-size: 20px;float: right;text-align: center;margin-top: 105px;}
#jian{width: 61px;height: 25px;margin: 0 auto;}



/*产品中心*/
.case{width:100%;height: 900px;}
.case .title{padding-top: 90px;}
.case .hd{width:100%;border-bottom: 1px solid #ccc;margin-bottom: 60px;height: 80px;line-height: 80px;margin-top: 30px;}
.case .hd ul{width:1200px;margin: 0 auto;padding: 0 100px;}
.case .hd ul li{ float: left; cursor: pointer;width: 20%;text-align:center;}
.case .hd ul li:last-child{ margin-right: 0;}
.case .hd ul li span{font-size: 18px;color: #666;text-align: center;padding-bottom: 27px;}
.case .hd ul li:hover span,.case .hd ul li.on span{color: #1ba85d;border-bottom:3px solid #1ba85d;}


.case .bd .pic img{ width: 100%; transition: all .6s ease;}
.case .bd ul li>div{ width: 884px; height: 480px; overflow: hidden;}
.case .bd{ height: 475px; overflow: hidden;background:#fff;box-shadow:0px 0px 10px 10px rgba(0,0,0,0.1);padding: 30px;width: 1400px;margin:0 auto;}

.case .bd .pic:hover img{ transform: scale(1.1);}
.case .bd .right{width: 380px;float: right;margin-right: 40px;}
.case .bd .right dt{ color: #333; font-size: 24px; line-height: 80px;border-bottom: 1px solid #ccc;}
.case .bd .right p{ color: #666; font-size: 16px; line-height: 34px;margin-top: 15px;height:102px;}
.case .bd .right img{padding-top:20px;}
.case .bd .right .more a{width: 180px;height: 50px;border:1px solid #ccc;float: left;display: block;text-align: center;line-height: 48px;font-size: 16px;margin-top: 30px}

.case .bd .right dt a:hover{ color: #1ba85d;}
.case .bd .right dl dd{ float: left; width: 170px; height: 176px; overflow: hidden; margin-right: 17px;border:1px solid #ccc;margin-top: 15px;}
.case .bd .right dl dd:last-child{ margin-right: 0;}



/*公司简介*/
#gushi .title{padding-top: 50px;}
#gushi .bottom{width: 100%;height: 680px;background: #f2f2f2;margin-top: 90px;}
#gushi .bottom .shuzi{width: 288px;height: 680px;background:#04a04d;color: #fff;float: left;}
#gushi .bottom .shuzi li{text-align: center;font-size: 20px;}
#gushi .bottom .shuzi li p{padding-top: 80px;line-height: 30px;}
#gushi .bottom .shuzi li p span{font-size: 60px;font-family: 'Oswald';padding-right: 3px;}
#gushi .bottom .wen{width: 340px;float: left;padding: 0 30px;text-align: justify;padding-top: 120px;}
#gushi .bottom .wen p{font-size: 24px;color:#04a04d;margin-bottom: 10px;}
#gushi .bottom .wen span{font-size: 24px;color:#999;text-transform: uppercase;}
#gushi .bottom .wen .nei{margin-top: 30px;line-height: 30px;color:#666;}
#gushi .bottom .wen a{width: 145px;height: 45px;line-height: 45px;display: block;background: #04a04d;border-radius: 45px;text-align: center;color:#fff;font-size: 16px;margin-top: 40px;}
#gushi .bottom .shi{width: 705px;float: right;position: relative;margin-top: 130px;}
#gushi .bottom .shi video{width: 705px;}
#gushi .bottom .shi img{position: absolute;top:0px;right: 0px;}


/*客户案例*/
#xuank .info_box_pic_box{width:85%;overflow:hidden;text-align:center;position:relative;margin: 0 auto;margin-top: 50px;}
#xuank .info_box_pic_box_more_btn{width:100%;text-align:center;margin:30px 0;}
#xuank .info_box_pic_box_more_btn a{display:inline-block;padding:12px 60px;background:#dc2821;color:#fff;font-size:18px;line-height: 35px;}
#xuank .info_box_pic_box_more_btn a:hover{background:#323232;}
#xuank .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: none !important;outline: none;width: 58px !important;height: 58px !important;overflow: hidden;}
#xuank .swiper-button-next, .swiper-container-ltl .swiper-button-prev{background-image: none !important;outline: none;width: 58px !important;height: 58px !important;overflow: hidden;}
#xuank .swiper-button-prev img, .swiper-container-rtl .swiper-button-next img{transition:0.5s;margin-top: 0px;}
#xuank .swiper-button-prev:hover img, .swiper-container-rtl .swiper-button-next:hover img{margin-top: -58px;}
#xuank .swiper-button-next img, .swiper-container-ltl .swiper-button-prev img{transition:0.5s;margin-top: 0px;}
#xuank .swiper-button-next:hover img, .swiper-container-ltl .swiper-button-prev:hover img{margin-top: -58px;}
#xuank .info_box_pic_box .swiper-slide img{display: block;margin: 0 auto;width: 100%;transition:0.5s;}
#xuank .info_box_pic_box .swiper-slide:hover img{ transform: scale(1.1);}
#xuank .info_box_pic_box .swiper-slide .tu{width: 375px;height: 278px;margin: 0 auto;overflow: hidden;}
#xuank .info_box_pic_box .swiper-slide .wen{width: 373px;height: 255px;border:1px solid #ccc;border-top:none;line-height: 25px;content: #666666;margin: 0 auto;}
#xuank .info_box_pic_box .swiper-slide .wen p{font-size: 22px;font-weight: bold;color:#333333;padding: 30px 0;}
#xuank .info_box_pic_box .swiper-slide .wen span{width: 80%;margin:0 auto;display: block;}
#xuank .info_box_pic_box .swiper-slide .wen .ri{font-size: 18px;color: #666666;margin: 10px 0;}
#xuank .info_box_pic_box .swiper-slide .wen a{width: 150px;height: 40px;line-height: 40px;display: block;background: #04a04d;border-radius: 40px;text-align: center;color:#fff;font-size: 16px;margin: 20px auto;}

/*新闻中心*/


.lanren{ width:1400px; margin:0px auto; background:none; font-family:"Microsoft YaHei";}
.lanren .tab{height: 48px;margin: 0 auto;line-height: 48px;text-align: center;margin-top: 40px;}
.lanren .tab a{font-size: 20px;color: #333333;width: 150px;display: inline-block;text-align: center;margin: 0 10px;border:1px solid #cccccc;}
.lanren .tab a.on{font-size:20px;color: #fff;background: #04a04d;border-right:0px;border:1px solid #04a04d;}


.lanren .content{ overflow:hidden; width:1400px; position:relative; float:left; height:480px;margin-top: 65px;}
.lanren .content .left_1 a:hover{color:#e62129;}
.lanren .content .ul{ position:absolute; left:0; top:0; width:1400px;}
.lanren .content .li{ width:1400px; float:left;}
.lanren .content .li .fl{width: 586px;color:#666666;line-height: 25px;}
.lanren .content .li .fl .tu{width: 586px;height: 327px;overflow: hidden;display: block;}
.lanren .content .li .fl .tu img{width: 100%;display: block;transition:0.5s;}
.lanren .content .li .fl:hover img{ transform: scale(1.1);}
.lanren .content .li .ri{font-size: 16px;color: #666666;padding-top: 30px;}
.lanren .content .li a{font-size: 18px;color: #333333;display: block;line-height: 40px;}
.lanren .content .li a:hover{color:#04a04d;font-weight:bold;}
.lanren .content .li .fr{width: 780px;}
.lanren .content .li .fr dl{width: 100%;height: 135px;border-bottom: 1px solid #ccc;margin-bottom: 30px;}
.lanren .content .li .fr .zuo{width: 141px;height: 106px;overflow: hidden;float: left;display: block;}
.lanren .content .li .fr .zuo img{width: 100%;display: block;transition:0.5s;}
.lanren .content .li .fr dl:hover img{ transform: scale(1.1);}
.lanren .content .li .fr .you{width: 610px;float: right;}
.lanren .content .li .fr .you .ri{padding-top: 0px;}