body{margin:0;padding:0;}
ul{padding:0;margin:0;}
li{list-style: none;}
i{font-style: normal;}
a,a:hover{color:#333;text-decoration: none;}
*{font-family: "微软雅黑";box-sizing: border-box;color:#333;}
.w{width: 100%;max-width: 1200px;margin: 0 auto;}
/*头部*/
.header-top{position: relative;top: 0;left: 0;background-color: #f0f0f0;}
.header-top .tiao{width: 100%;height: 8px;background: #249344;position: absolute;z-index: 1;top: 0;left: 0;}
.header-top .w{display: flex;justify-content: space-between;}
.top-left{padding-top: 8px;font-size: 14px;color: #666;line-height: 32px;}
.top-img{width: 472px;height: 40px;background: url(../images/topimg_02.jpg);line-height: 40px;color: #fff;text-align: center;}
.top-img a{margin: 0 5px;color:#fff; font-size:14px;}
.header .text{display: flex;justify-content: space-between;padding-top: 28px;padding: 22px 0px;align-items: center;flex-wrap: wrap;position: relative;}
.header .logotext1{margin-left: 10px;font-size: 32px;font-weight: 700;color: #249344;letter-spacing: 1px;}
.header .logotext2{margin-left: 10px;color: #ff9900;letter-spacing: 2px;font-size: 12px;}
.text .cont{margin-left: 30px;}
.text .text-box{display: flex;align-items: center;}
.text .cont1{font-size: 28px;font-weight: 700;}
.text .cont1 font{color: #ff9900;}
.text .cont2{font-size: 20px;font-weight: 700;color: #ff8100;}
.text .phone{display: flex;justify-content: space-between;align-items: center;}
.text .phone-text{margin-left: 8px;}
.text .phone-text div{font-size: 24px;color: #249344;font-weight: 900;}
.text .phone-text2{letter-spacing: 1px;}
.text .nav{background: rgba(255,255,255,0.95);width: 98%;max-width: 1200px;position: absolute;top: calc(100% + 36px);left: 50%;z-index: 1;display: flex;transform: translateX(-50%);justify-content: space-around;}
.text .nav div{padding: 20px 0;display: inline-block;font-weight: 700; font-size:18px;}
.text .nav div:hover{color: #ff9900;}
#nav_select{color: #ff9900;}
.suoxiao{width: 35px;display: none;}
/*头部*/
/*产品*/
.chan-title{font-size: 40px;font-weight: 700;color: #249344;text-align: center;margin-top: 45px;margin-bottom: 14px;}
.chan-title span{color: #333;}
.chan-cont{margin-bottom: 40px;color: #666666;font-size: 16px;text-align: center;padding: 0 2%;}
.chan-cont a{margin: 2px 0;}
.chan-box{background: url(../images/cp_bg.jpg) repeat-x top;padding-top: 44px;padding-bottom: 50px;}
.swiper-slide2{position: relative;width: 175px!important;height: 175px!important;border-radius: 50%;border: 7px solid #fff;overflow: hidden;box-shadow: 0px 0px 20px -7px #999;transition: all 0.8s;}
.swiper-text{font-size: 20px;margin-top: 20px;text-align: center;width: 175px;}
.swiper-slide1{display: flex;justify-content: center;padding-top: 10px;}
.swiper-slide1 img{object-fit:cover;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.swiper-slide1:hover .swiper-slide2{box-shadow: 0px 0px 20px -7px #ff9900;}
.chan-list-box{width: 100%;padding-top: 40px;padding-bottom: 40px;}
.chan-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.chan-item{width: 32%;margin-bottom: 20px;padding: 10px;background: #e9f4ec;}
.chan-item-img{width: 100%;height: 307px;position: relative;overflow: hidden;}
.chan-item-img img:nth-of-type(1){width: 100%;opacity: 0;}
.chan-item-img img:nth-of-type(2){width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: all .6s;}
.chan-item-img img{ height:307px;}
.chan-item-text{margin-top: 20px; margin-bottom:10px; text-align:center;font-size: 18px}
.chan-item:hover{background: #ff9900;}
.chan-item:hover .chan-item-text{color: #fff;}
.chan-item:hover .chan-item-img img:nth-of-type(2){transform: scale(1.1);}
.chan-item-phone-box{background: #c9c9c9;width: 26px;height: 26px;border-radius: 50%;}
.chan-item-phone-box img:nth-of-type(1){padding:5px 0 0 7px;}
.chan-item-phone-box img:nth-of-type(2){padding:5px 0 0 7px;display: none;}
.chan-item:hover .chan-item-phone-box img:nth-of-type(1){display: none;}
.chan-item:hover .chan-item-phone-box img:nth-of-type(2){display: block;}
.chan-item-phone{display: flex;align-items: center;}
.chan-item-phone .chan-item-phoneId{font-size: 18px;font-weight: 700;color: #666;margin-left: 12px;}
.chan-item:hover .chan-item-phoneId{color: #fff;}
/*产品*/
/*公司简介*/
.jian{width: 100%;background: url(../images/back_04.jpg) center;height: 438px;}
.jian1{width: 100%;height: 550px;background-color: #f3f3f3;}
.jian-box{display: flex;justify-content: space-between;align-items: flex-end;height: 550px;padding-bottom: 50px;}
.jian-left{width: 44.1%;padding: 52px 30px 46px 30px;background: #249344;}
.jian-left div{text-align: center;color: #fff;}
.jian-left-title{font-size: 40px;font-weight: 700;color: #fff;}
.jian-left-title span{color: #fff;}
.jian-left-text2{font-size: 16px;margin-top: 18px;}
.jian-left-text2{color: #ff9900 !important;font-size: 14px;margin: 13px 0 30px;}
.jian-left-text3{margin-bottom: 32px;font-size: 38px;font-weight: 700;color: #ff9900 !important;}
.jian-left-text3 span{color: #fff;}
.jian-left-text4{text-indent: 2em;line-height:34px;font-size: 16px;text-align: left!important;color: #333; margin-bottom:40px;}
.jian-left-but{width: 156px;height: 47px;background: #ff9900;color: #fff;font-size: 14px;border-radius: 5px;text-align: center;margin-top: 42px;line-height: 47px;margin: 0 auto;}

.jian-right{width: 51.6%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.jian-right a{display: block;width: 49%;}
.jian-right-img{width: 100%;position: relative;overflow: hidden;margin-top: 20px;}
.jian-right-img img:nth-of-type(1){width: 100%;opacity: 0;}
.jian-right-img img:nth-of-type(2){width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: all .6s;}
.jian-right-img:hover img:nth-of-type(2){transform: scale(1.1);}
.jian-right-img img{ height:215px;}
/*公司简介*/
/*背景*/
.back_06{width: 100%;}
.back_06 img{width: 100%;}
/*背景*/
/*案例*/
body{overflow-x: hidden;}
#certify {margin-bottom: 20px;}
#certify1 {display: none;margin-bottom: 20px;}
#certify .swiper-container {padding-bottom: 60px;overflow: visible;}
#certify1 .swiper-container {overflow: visible;}
#certify  .swiper-slide {width: 520px;height: 330px;background: #fff;box-shadow: 0 8px 30px #ddd;}
#certify  .swiper-slide img{display:block;width: 100%;}
#certify  .swiper-slide p {line-height: 38px;padding-top: 0;text-align: center;color: #fff;font-size: 14px;margin: 0;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;background: #ff9900;}
#certify1  .swiper-slide img{display:block;width: 100%;}
#certify1  .swiper-slide p {line-height: 38px;padding-top: 0;text-align: center;color: #fff;font-size: 14px;margin: 0;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;background: #ff9900;}
#certify .swiper-pagination {width: 100%;bottom: 20px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;border: 3px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border: 3px solid #00aadc;background-color: #fff;}
#certify .certify-box{background: #fff;border-radius: 6px;padding: 6px;padding-bottom: 0;box-shadow: 0px 0px 15px -15px #666;}
#certify .certify-box img{border-radius-top-left: 6px;border-radius-top-right: 6px;}
#certify1 .certify-box{background: #fff;border-radius: 6px;padding: 6px;padding-bottom: 0;box-shadow: 0px 0px 30px -15px #666;}
#certify1 .certify-box img{border-top-left-radius: 6px;border-top-right-radius: 6px;}
#certify .swiper-slide:hover p {background-color: #ff8100;}
#certify1 .swiper-slide:hover p {background-color: #ff8100;}

#focus_Box {position: relative;width: 1180px;height: 440px;margin: 0px auto 0 auto;padding-top: 20px;}
#focus_Box ul {position: relative;height: 440px;}
#focus_Box li {z-index: 0;position: absolute;width: 0px;height: 0px;top: 146px;cursor: pointer;left: 377px;overflow: hidden;border-top-left-radius: 20px;border-top-right-radius: 20px;border: 6px solid #fff;background: #fff;box-shadow: 0px 0px 30px -15px #999;overflow: hidden;}
#focus_Box li img {width: 100%;height: 100%;vertical-align: top;transition: .5s;border-radius: 10px;}
#focus_Box li:hover img {transform: scale(1.05, 1.05);}
#focus_Box li:hover p {background: #ffa200;color: #fff;font-size: 20px;}
#focus_Box li p {position: absolute;left: 0;bottom: 0px;margin: 0;width: 100%;height: 40px;line-height: 40px;color: #fff;background: #13a710;text-align: center;font-size: 18px;transition: all .3s;}
#focus_Box .prev {background: url(btnl.png) no-repeat;left: -90px;top: 290px;}
#focus_Box .prev:hover {left: -110px;opacity: 1;}
#focus_Box .next {background: url(btnr.png) no-repeat;right: -90px;top: 290px;}
#focus_Box .next:hover {right: -110px;opacity: 1;}
#focus_Box a.imgs-scroll-btn {display: block;position: absolute;z-index: 110;top: 7px;right: 15px;width: 51px;height: 23px;overflow: hidden;background: url(share-btn.png) no-repeat;text-indent: -999px;}
#focus_Box .prev,
#focus_Box .next {display: block;z-index: 100;overflow: hidden;cursor: pointer;position: absolute;width: 51px;height: 101px;top: 131px;transition: 0.5s;opacity: 0.6;}
#s6 {display: none;width: 98%;margin: 0 auto;padding-bottom: 20px;}
#s6 .swiper-slide img {width: 100%;height: 100%;vertical-align: top;transition: .5s;border-radius: 10px;}
#s6 .swiper-slide:hover img {transform: scale(1.05, 1.05);}
#s6 .swiper-slide:hover p {background: #ffa200;color: #fff;font-size: 20px;}
#s6 .swiper-slide p {position: absolute;left: 0;bottom: 0px;margin: 0;width: 100%;height: 40px;line-height: 40px;color: #fff;background: #13a710;text-align: center;font-size: 18px;transition: all .3s;}
#s6 .prev {background: url(btnl.png) no-repeat;left: -90px;top: 290px;}
#s6 .prev:hover {left: -110px;opacity: 1;}
#s6 .next {background: url(btnr.png) no-repeat;right: -90px;top: 290px;}
#s6 .next:hover {right: -110px;opacity: 1;}
#s6 a.imgs-scroll-btn {display: block;position: absolute;z-index: 110;top: 7px;right: 15px;width: 51px;height: 23px;overflow: hidden;background: url(share-btn.png) no-repeat;text-indent: -999px;}
#s6 .prev,
#s6 .next {display: block;z-index: 100;overflow: hidden;cursor: pointer;position: absolute;width: 51px;height: 101px;top: 131px;transition: 0.5s;opacity: 0.6;}/*/


/*理由*/
.liyou{width: 100%;background: url(../images/back_08.jpg) center;padding: 55px 0;}
.liyou .chan-title{color: #fff;}
.liyou .chan-cont{color: #FF8100;}
.liyou-list{margin-top: 75px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.liyou-list a{width: calc(20% - 10px);}
.liyou-item{border-radius: 15px;overflow: hidden;}
.liyou-item img{height: 260px;width: 100%;transition: all .8s;}
.liyou-item div{position: relative;z-index: 1;transition: all .8s;padding: 24px 0 ;text-align: center;font-size: 20px;font-weight: 700;background-color: #ff8100;margin-top: -5px;color: #fff;}
.liyou-item:hover div{background: #1a943d;}
.liyou-item:hover img{transform: scale(1.1);}
/*理由*/
.news{width: 100%;padding: 55px 0;}
.news .chan-title{}
.news .chan-cont{}
.nwes-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.nwes-list a{width: calc(33% - 10px);}
.news-item-img{overflow: hidden;width: 100%;position: relative;}
.news-item-img img:nth-of-type(1){width: 100%;opacity: 0;}
.news-item-img img:nth-of-type(2){width: 100%;position: absolute;top: 0;left: 0;transition: all .8s;}
.news-item-img img{ height:277px;}
.news-item:hover img:nth-of-type(2){transform: scale(1.1);}
.nwes-item-text{background: #eef7f0;padding: 24px 30px;margin-top: -5px;}
.nwes-item-text1{font-size: 16px;color: #333;font-weight: 700;margin-bottom: 26px;}
.news-item:hover .nwes-item-text1{color: #ff9900;}
.nwes-item-text2{color: #666;font-size: 14px;line-height: 26px;word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.nwes-item-text3{display: flex;justify-content: space-between;align-items: center;}
.nwes-item-text3 div{color: #666;font-size: 12px;}
.nwes-item-text3-right{width: 21px;height: 21px;border-radius: 50%;border: 1px solid #7c7c7c;display: flex;justify-content: center;align-items: center;transform: translateX(-10px);transition: all 0.7s;}
.nwes-item-text3-right img{width: 14px;transition: all 0.7s;}
.nwes-item-text3-right img:nth-of-type(1){display: none;}
.news-item:hover .nwes-item-text3-right{border: 1px solid #ff9900;transform: translateX(0px);}
.news-item:hover .nwes-item-text3-right img:nth-of-type(1){display: block;}
.news-item:hover .nwes-item-text3-right img:nth-of-type(2){display: none;}
/*新闻*/
/*底部*/
.footer1{width: 100%;background-color: #262626;padding: 45px 0;}
.footer1-box{display: flex;align-items: center;flex-wrap: wrap;}
.footer1-box1{padding-right: 35px;text-align: center;padding-top: 13px;}
.footer1-box1 img{margin: 0 auto;}
.footer1-box1-text1{font-size: 33px;color: #fff;font-weight: 700;text-align: center;}
.footer1-box1-text2{color: #aeaeae;font-size: 12px;text-align: center;}
.footer1-box2{padding: 0 35px;display: flex;flex-wrap: wrap;width: 59%;border-left: #464646 solid 1px;border-right: #464646 solid 1px;padding: 25px 40px;}
.footer1-box2-cont{display: flex;width: 310px;}
.footer1-box2-contt{margin-bottom: 45px;}
.footer1-box2-cont-img{width: 40px;height: 40px;background: #333;border-radius: 50%;text-align: center;line-height: 40px;margin-right: 15px;}
.footer1-box2-cont-img img{width: 16px;}
.footer1-box2-cont1{color: #fff;font-size: 18px;}
.footer1-box2-cont2{color: #969696;font-size: 14px;}
.footer1-box2-cont:hover .footer1-box2-cont1{color: #FF8100;}
.footer1-box3{margin-left: 15px;display: flex;}
.footer1-box3-div{width: 135px;height: 171px;margin-left: 15px;border: 1px solid #686868;padding: 7px 7px 0 7px;}
.footer1-box3-div div{color: #656565;font-size: 14px;padding: 7px 0;text-align: center;}
.footer2{width: 100%;background: #1a1a1a;}
.footer-2-box{padding: 25px 0;display: flex;justify-content: space-between;}
.footer-2-box div,.footer-2-box a{color: #626262;font-size: 14px;margin-right: 12px;}
.footer-2-box a:hover{color: #FF8100;}
.footer-2-box div{display: flex;flex-wrap: wrap;}
/*底部*/
#s1,#s4 {z-index: 0;}
#s4 img{width: 100%;}
#s1 .swiper-slide{position: relative;max-height: 5rem;}
#s1 img{width: 100%;}
#s1 .swiper-wrapper .swiper-slide:nth-of-type(3) img{transform: translateY(-14%);}
#s1 .swiper-wrapper .swiper-slide:nth-of-type(4) img{transform: translateY(-12%);}


/*返回顶部*/
.top{ cursor:pointer; position:fixed; bottom:80px; background:rgba(36,147,68, .7); right:1%; padding: 15px; display:none; z-index:999;}
.top::before{font-size:60px; color:rgba(255,255,255,0.5);}
.top:hover{background:rgba(27,160,53, 0.9);}
.top:hover::before{color:rgba(255,255,255,1);}
/*返回顶部*/
/*手机底部固定联系我们*/
.sj-footer{position: fixed;bottom:0;left:0;z-index: 99;width: 100%;background:#fff;border-top: solid 1px #ccc;}
.sj-footer ul{display: flex;justify-content: space-around;margin-bottom: 0;}
.sj-footer li{width: 30%;text-align: center;/*background:#eee;*/}
.sj-footer li a{display: inline-block;width: 100%;height: 100%;padding:10px 0;border-left: solid 1px #eee;text-decoration: none;font-size: 13px;color:#333;}
.sj-footer li:nth-child(1) a{border-left:0;}
.sj-footer img{width: 20%;margin-bottom: 5px;}

.visible-xs{display: none;}





/*------------------------------------------------------------------------------------------------------------*/

/* 公共导航条 */
.max{width: 96%;max-width: 1200px; margin: auto;}
.page_address{ border-bottom:1px solid #eee; overflow:hidden; display:block; width:100%; padding:15px 0px;}
.page_address .address{ font-size:14px; color:#666; max-width: 1200px;width:90%;margin: 0 auto;}
.page_address .address span{ float:left; margin:3px 10px 0px 0px;}
.page_address .address *{color:#666; margin:0px;}

/* -- */
/* 标题 */
.often .column{ margin-top:30px; float:left; width:100%; overflow:hidden;}

.page_column{ width: 100%;text-align: center;}
.page_column .often{ width: 98%;max-width: 1200px;margin: 40px auto;text-align: center;}
.page_column .often .text{ font-size: 28px;color: #222;text-align: center;}

.page_column{ padding-top:0px; text-align:center; float:left; width:100%; overflow:hidden;margin-bottom: 60px;}
.page_column .often{ margin:40px auto;}
.page_column .often .text{ text-align:center; float:left; width:100%;}
.page_column a{ display:inline-block; font-size:16px; font-weight:400; color:#333; margin:0px 20px; padding-bottom:10px; border-bottom:2px solid transparent;}
.page_column a:hover{ border-bottom:2px solid #ff9900;}
#fl_select{border-bottom:2px solid #ff9900;}

.list .page_news{ margin-top:20px; float:left; width:100%;}
.list .page_news li{ float:left; max-width:100%; width:100%; overflow:hidden; box-sizing:border-box; margin-right:24px; margin-bottom:25px; display:flex;}
.list .page_news li:nth-of-type(3n){ margin-right:0px;}
.list .page_news li .picture{ float:left; width:100%; max-width:260px; box-sizing:border-box; position:relative; overflow:hidden;}
.list .page_news li .picture img{width:100%; height:180px; object-fit:cover; float:left; transition:all linear 0.20s;}
.list .page_news li .content{ border:1px solid #ddd; box-sizing:border-box; padding:15px 5%; max-width:calc(100% - 260px); float:left; width:100%; overflow:hidden; border-left:0px; position:relative; z-index:1;}
.list .page_news li .content::before{ content:""; position:absolute; width:100%; height:100%; background:#ff9900; z-index:-1; left:-100%; top:0px; opacity:0; transition:all linear 0.25s;}
.list .page_news li .title{ float:left; font-size:16px; color:#666; width:100%; font-weight:bold; margin-bottom:10px; white-space:pre; text-overflow:ellipsis; overflow:hidden; margin-top:15px;}
.list .page_news li .text{ float:left; font-size:14px; line-height:24px; color:#808080; width:100%; max-height:72px; height:72px; overflow:hidden;}
.list .page_news li:hover .content *{ color:#fff;}
.list .page_news li:hover .picture img{ transform:scale(1.1)}
.list .page_news li:hover .content::before{ left:0px; opacity:1;}


.list .page_pro{margin-top:40px; width:100%; overflow:hidden;}
.list .page_pro li{ float:left; max-width:calc(100% / 3 - 16px); margin-right:24px;  margin-bottom:20px;}
.list .page_pro li:nth-of-type(3n){margin-right:0px;}
.list .page_pro li .picture{ float:left; width:100%; overflow:hidden; position:relative;}
.list .page_pro li .picture img{ width:400px; display:block;  object-fit:cover; transition:all linear 0.25s; height:307px;}
.list .page_pro li .title{ float:left; width:100%; overflow:hidden; color:#333; font-size:16px; padding-top:10px; box-sizing:border-box; transition: all linear 0.25s; white-space:pre; text-overflow:ellipsis; text-align:center;}
.list .page_pro li:hover .title{ color:#ff9900;}
.list .page_pro li:hover .picture img{ transform:scale(1.1)}
.list .page_pro li .picture::after{content:""; position:absolute; width:140%; height:40px; top:20%; transform-origin: bottom; right:0px; background:rgba(255,255,255,0.8); transform:rotate(300deg) translateY(300px); opacity:0;}
.list .page_pro li:hover .picture::after{transform:rotate(300deg) translateY(-300px); transition:all linear 0.5s; opacity:1;}

.page_list{ overflow:hidden; text-align:center; width:100%; margin:35px auto 40px auto;}
.page_list *{ font-size:14px; color:#666;}
.page_list a:hover{color:#00914a;}

.page.pageText .title{ font-size:26px; text-align:center; margin-top:20px;}
.page.pageText time{ font-size:12px; color:#999; float:left; width:100%; text-align:center; margin-top:30px;}
.page.pageText time span{ margin:0px 10px;}
.page.pageText .picture{ width:100%; text-align:center; margin-top:30px; float:left;}
.page.pageText .picture img{ margin:0px auto; max-height:500px;}
.page.pageText .content{margin: 0 auto; margin-top:0px; display:block; width:98%; padding:40px 0px; box-sizing:border-box;}
.page.pageText .content p{ line-height:36px;width: 100%;}
.page.pageText .content p img{width: 100%;}

.page .page_next{ border-top:1px solid #dcdcdc; overflow:hidden; padding:10px 0px; box-sizing:border-box; width:100%; margin-top:40px;}
.page .page_next p{ font-size:14px; color:#333; margin-top:10px;}
.page .page_next a{ font-size:14px; color:#666;}
.page .page_next a:hover{color:#ff9900;}

/*联系我们*/
.page_intor{ width:100%; overflow:hidden;}
.page_intor .title{ text-align:center; font-size:20px; margin-top:10px;}
.page_intor time{ text-align:center; display:block; margin-top:25px; font-size:14px; color:rgba(0,0,0,0.40);}
.page_intor .picture{ text-align:center; display:block; margin-top:25px;}
.page_intor .content{margin-top:25px;text-align: left;}
.page_intor .content p{ line-height:32px;}
@media (max-width: 768px) {
	.visible-xs{display: block;}
}
@media (max-width: 375px) {
	.list .page_pro li{max-width:calc(100% / 4 - 10px); margin-right:13px;}
	.list .page_news li .picture{max-width: 100%;}
	.list .page_news li .content{max-width: 100%;}
}