/* CSS Document */

@charset "utf-8";

body{ margin:0; padding:0; font-family:"微软雅黑"; font-size:12px; color:#333333; background:#FFF;}

ul,li,dl,dt,dd{ list-style:none; margin:0; padding:0; outline:none;}

a{ text-decoration:none; color:#333333; margin:0; padding:0; border:0; outline:none;}

p,h1,h2,h3,h4,img,div{ font-weight:400; border:0; margin:0; padding:0; outline:none;}

input,textarea{ border:0; outline:none; outline:none;}

img{ display:block; max-width:100%; max-height:100%; outline:none;}

.clear{ clear:both;}

.w1200{ width:1200px; margin:0 auto;}



.yunu-header {padding: 20px 0;overflow: hidden;}

.yunu-header .logo {float: left;margin-left:3%}

.yunu-header .logo img {display: block;height: 85px;width: auto;}

.yunu-header .text {float: left;font-size: 22px;margin: 20px 0 0 0;color: #22842f;line-height: 1;padding-left: 0px;}

.yunu-header .text strong {display: block;font-size: 25px;color: #333;margin-bottom: 5px;}

.yunu-header .tel {float: right;margin-right:3%;background: url(../images/tel.png) no-repeat 0 center;padding-left: 65px;margin-top: 20px;}

.yunu-header .tel strong {display: block;font-size: 28px;font-family: Impact;line-height: 1;margin-top: 5px;}



.yunu-nav {background-color: #22842f;display: inline-block;width: 100%;position: relative;z-index: 99;height: 60px;}

.yunu-header .w1200,.yunu-nav .w1200{width: 1500px;}

.yunu-nav ul {padding-left: 2px;display: flex;justify-content: space-evenly;}

.yunu-nav li {float: left;margin-left: -2px;}

.yunu-nav li:before {position: absolute;width: 2px;height: 29px;content: "";right: 0;top: 50%;margin-top: -15px;background: url(../images/libg.jpg) no-repeat center;}

.yunu-nav li a {display: block;font-size: 16px;text-align: center;padding: 0 38px;color: #fff;line-height: 60px;position: relative;}

.yunu-nav li>a:hover,.yunu-nav>li.active>a,.yunu-nav>li.open>a {background-color: #ffa419;}

.yunu-nav>.dropdown-box {padding-left: 0;}

.yunu-nav>.dropdown-box>li {background: none;float: none;padding: 0;margin: 0;}

.yunu-nav>.dropdown-box>li:before {display: none;}

.yunu-nav>.dropdown-box>li>a {color: #fff;padding: 6px 12px;line-height: 2;font-size: 14px;font-weight: normal;}

.yunu-nav>.dropdown-box>li>a:hover {color: #333;background: #fff;}

.yunu-nav li .cen{width: 100%;height: 0;transition: all .3s;left: 0;position: absolute;top: 60px;background: rgba(255,164,25,0.7);overflow: hidden;z-index: 99}

.yunu-nav li:hover .cen{height: auto;padding:10px 0;}

.yunu-nav li .cen ul{display: flex;justify-content: center;flex-wrap: wrap;}

.yunu-nav li .cen ul li{margin: 0 30px;text-align: center}

.yunu-nav li .cen ul li a{display: block;width: 100%;color: #fff;text-align: center;font: 16px / 40px 微软雅黑;padding: 0;}

.yunu-nav li .cen ul li a:hover{color: #01923f;background: unset}



.ind_ban{display: block;margin-top: -3px;}

.ind_ban .sw_ban .swiper-pagination-bullet{ background:#49fff9; opacity:0.4;}

.ind_ban .sw_ban .swiper-pagination-bullet-active{ width:28px; opacity:1; border-radius:4px;}

.ind_ban .sw_ban .swiper-button-next,.ind_ban .sw_ban .swiper-button-prev{top: 0;height: 100%;width: 150px;opacity: 0;transition: opacity .5s}

.ind_ban .sw_ban .swiper-button-next:hover{opacity: 1}

.ind_ban .sw_ban .swiper-button-prev:hover{opacity: 1}

.ind_ban .sw_ban .swiper-wrapper .pc{display: block;width: 100%;}

/*.ind_ban .sw_ban .swiper-wrapper .h5{display: none}*/

.ind_ban .sw_ban .swiper-wrapper img{width: 100%;}



.kefu{position:fixed;right:-170px;top:50%;z-index:900;}

.kefu li a{text-decoration:none;}

.kefu li{margin-top:1px;clear:both;height:71px;position:relative;}

.kefu li i{background:url(../images/fx.png) no-repeat;display:block;width:30px;height:27px;margin:0 auto;text-align:center;}

.kefu li p{height:20px;font-size:14px;line-height:20px;overflow:hidden;text-align:center;color:#fff;margin: 0;}

.kefu .kefu-qq i{background-position:4px 5px;}

.kefu .kefu-tel i{background-position:0 -21px;}

.kefu .kefu-liuyan i{background-position:4px -53px;}

.kefu .kefu-weixin i{background-position:-34px 4px;}

.kefu .kefu-weibo i{background-position:-30px -22px;}

.kefu .kefu-ftop{display:none;}

.kefu .kefu-ftop i{width:33px;height:35px;background-position:-27px -51px;}

.kefu .kefu-left{float:left;width:77px;height:47px;position:relative;}

.kefu .kefu-tel-right{font-size:16px;color:#fff;float:left;height:24px;line-height:22px;padding:0 15px;border-left:1px solid #fff;margin-top:14px;}

.kefu .kefu-right{width:20px;}

.kefu .kefu-tel-main{background:#22842f;color:#fff;height:56px;width:247px;padding:9px 0 6px;float:left;}

.kefu .kefu-main{background:#22842f;width:97px;height:56px;position:relative;padding:9px 0 6px;float:left;}

.kefu .kefu-weixin-pic{position:absolute;left:-130px;top:-24px;display:none;z-index:333;}

.kefu-weixin-pic img{width:115px;height:115px;}



.titleAx{color:#212121;font-size:40px;margin-bottom:40px;}

.titleAx b{font-weight: 400;}

.titleAx font{display: block;margin-bottom: 10px;color:#d9d9d9;font-size:50px;letter-spacing: -3px;text-transform:uppercase;}

.titleAx .en{margin-top:10px;display: block;color:#999;font-size:14px;}

.titleAx .writing{margin-top:10px;display: block;color:#666;font-size:16px;}

.titleAx hr{display: block;margin:0 0 10px 0;width: 50px;height:2px;border:none;background:#22842f;}

.titleAx.cen{text-align: center;margin-bottom:50px}

.titleAx.cen hr{margin: 0 auto 10px;}

.titleAx.white,.titleAx.white b,.titleAx.white span,.titleAx.white font{color:#fff}

.titleAx.white hr{background: #fff;}

.titleAx.tTop{margin:60px 0 0 0;}



.ind_box1{padding: 80px 0;}

.product-list{margin-bottom:-20px;display: flex;width: 100%;}

.product-list li{margin-bottom:20px;margin-right: 20px;width:25%;}

.product-list li:last-child{margin-right: 0}

.product-list li a{display: block; margin-left:15px;}

.product-list .box{position: relative;margin: -40px 30px 10px 30px;padding:40px;text-align: center;box-shadow:0 0 10px #ddd;background: #fff;    transition: all .4s ease-in-out;}

.product-list li .img{position:relative;padding-top: 64%;overflow: hidden}

.product-list li .img img{position:absolute; left:0;top:0; display:block;width:100%;height:100%;transition: all .5s;}

.product-list li:hover .img img{transform: scale(1.1)}

.product-list h4{color:#212121;font-size:24px; margin-bottom:15px;}

.product-list p{-webkit-line-clamp: 3;color:#757575;font-size:14px;line-height:22px;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;}

.product-list .more{display: table;margin: 25px auto 0;color:#000;font-size:18px;width: 35px;height: 35px;line-height: 30px;border: 1px #000 solid;border-radius: 50%;transition: all .5s}

.product-list li:hover h4{color:#df2626}

.product-list li:hover .box{ transform: translateY(-5px);box-shadow: 0 0 10px #ddd}

.product-list li:hover .more{width:100px;color:#df2626;border-radius:0px;border-color:#df2626}



.ind_box2{display: inline-block;padding-bottom: 80px;width: 100%;margin-top: 80px}

.case-list{margin:0 0 -30px -20px;}

.case-list li{float:left;width: 33.33%;}

.case-list li a{display: block; position: relative;z-index:2;margin:0 0px 30px 20px;overflow: hidden;}

.case-list li .pic{padding-top:65%;position: relative;box-sizing: border-box;    transition: all .4s ease-in-out;overflow: hidden}

.case-list li .pic:after{ opacity: 0;content: ""; position: absolute;left:0;bottom:0;z-index:1;width:60%;height:60%;border-radius:50% 50% 50% 0%; background: #000;transition: 0.5s;transform-origin: 0 100% 0;}

.case-list li .pic img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;transition: all .7s ease-in-out;overflow: hidden;}

.case-list li:hover .pic img{transform: scale(1.1)}

.case-list li h4{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-top:15px;color:#666;font-size:16px; text-align: center;}

.case-list li .box{opacity: 0;position: absolute;left:0;top:0;right:0;bottom:0;margin:auto; height:min-content;z-index:2;padding:0px 50px 0 50px; text-align: center;transition: all .4s ease-in-out;}

.case-list li .box h5{color:#fff;font-size:18px;margin-bottom:20px;}

.case-list li .box p{-webkit-line-clamp: 3;color:#fff;font-size:14px;font-size: 14px;line-height: 28px;    display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden}

.case-list li .box .more{display: table;margin:40px auto 0;color:#fff;font-size:14px;padding: 6px 30px;border:2px #fff solid;border-radius: 30px;}

.case-list li .more:hover{color:#000;border-color:#fff; background: #fff;}

.case-list li:hover .box{opacity: 1;}

.case-list li:hover .pic:after{opacity: 0.6;    transform: scale(4, 4);}

.case-list li:hover h4{color:#df2626}



.ind_box3{padding-bottom: 80px;}

.zizhiboxs{ margin-top:40px; position:relative;}

.zizhiboxs .swiper-button-next,.zizhiboxs .swiper-button-prev{ width:34px; height:63px; margin-top:-31.5px; background-size:34px 63px; background-repeat:no-repeat;}

.zizhiboxs .swiper-button-next:after,.zizhiboxs .swiper-button-prev:after{content: ''}

.zizhiboxs .swiper-button-next { right:-55px; background-image:url(../images/indexbac_14.jpg)}

.zizhiboxs .swiper-button-prev{ left:-55px;background-image:url(../images/indexbac_12.jpg)}

.zizhiboxs span{ display:block; text-align:center; font-size:14px; color:#666666; padding-top:5px;}

.zizhiboxs img{ width:100%;}



/*==首页优势↓==*/

.AdvantageHome{padding:80px 0; overflow: hidden;}

.AdvantageHome .left{float:left;position: relative;width: 28%;z-index: 22;padding-right: 40px;box-sizing: border-box}

.AdvantageHome .titleAx font{color:#b3b3b3}

.AdvantageHome .left p{color:#4d4c4c;font-size:16px;margin-bottom:40px;}

.AdvantageHome .left .more{color:#fff;font-size:14px;padding:10px 20px; background: #ffa419;}

.AdvantageHome .left:before{content: "";position: absolute;right: 0;top: -100%;z-index: -1;width: 1000px;height: 1045px;background: #dbdadd;}

.AdvantageHome .left .more:hover{color:#df2626;background: #fff;}

.AdvantageHome .right{float:right;width: 72%;}

.AdvantageHome ul{display: flex;align-content: flex-start;}

.AdvantageHome ul li{position:relative;z-index: 2;float:left;width:25%;padding:20px;}

.AdvantageHome ul li:before{position: absolute;top: -200px;left:0;z-index: -1;content:"";width: 1000px;height: 1000px;}

.AdvantageHome ul u{display: block;color:#999;font-size:40px;margin-bottom:10px;text-decoration: none;}

.AdvantageHome ul .pic{margin-bottom:20px}

.AdvantageHome ul h4{color:#df2626;font-size:18px;margin-bottom:30px; font-weight:bold;}

.AdvantageHome ul p{color:#333;font-size:14px;line-height: 22px;}

.AdvantageHome ul li:nth-child(1):before{background: #e2e1e4;}

.AdvantageHome ul li:nth-child(2):before{background: #e9e9eb;}

.AdvantageHome ul li:nth-child(3):before{background: #f1f0f1;}

.AdvantageHome ul li:nth-child(4):before{background: #f5f5f5;}

.AdvantageHome ul li:hover{transform:translateY(-10px)}

.AdvantageHome ul li:hover:before{ background: #f5f5f5;}

.AdvantageHome ul li:hover h4{color:#df2626}



/*==首页关于↓==*/

.AboutHome{padding:140px 0 200px 0;margin-bottom: 80px; background: url(../images/AboutBg.jpg) no-repeat center;  background-size:cover ;  background-attachment:fixed ;display: flex}

.AboutHome .container{position:relative;z-index:2;display: inline-block}

.AboutHome .tit{position: absolute;top: 28%;z-index: -12;left: 32%;width: 22%;height: 420px;padding: 60px 7% 50px 100px;border: 2px #fff solid;/* transform: rotate(90deg); */box-sizing: border-box}

.AboutHome .tit b{display: block;float: right;color:#fff;font-size:50px;font-weight: 400;writing-mode: vertical-lr;}

.AboutHome .tit font{/* float: left; */position: absolute;top: 210px;/* bottom: 0; *//* left: 0; */right: 7%;/* margin: auto; *//* height: max-content; */width:360px;display: block;color:#fff;font-size:40px;transform: rotate(90deg);}

.AboutHome .pic{width: 37%;height:450px;float: left;box-sizing: border-box}

.AboutHome .pic img{display:block;max-width:100%;}

.AboutHome .right{width: 50%;border: 1px #fff solid;padding: 50px 50px 50px 100px;float: right;box-sizing: border-box}

.AboutHome .right .title{color:#fff;font-size:24px;margin-bottom:20px;}

.AboutHome .right .title hr{margin: 15px 0 0 0;border:none;width:40px;height:1px;background: #df2626;}

.AboutHome .right .wx{color:#fff;font-size:14px;line-height: 24px;}

.AboutHome .right .more{float: right;margin-top:40px; color:#df2626;font-size:14px; padding:10px 30px; background: #fff;}

.AboutHome .right .more:hover{color:#fff;background: #df2626;}

.AboutHome .pic .bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;width:100%;height:100%;}

.hVideo::after{content:"";position: absolute;left:0;top:0;width:100%;height:100%;background:#000; opacity:.4;}

.hVideo::before{content:"";position: absolute;left:50%;top:50%;width:60px;height:60px;background: url('../images/vIcon.png') no-repeat center;margin-left:-30px;margin-top:-30px;z-index:2;opacity:.8;}



.bg6{margin-bottom: 80px;}

.in-news .hd {margin-bottom: 30px;}

.in-news .hd .clearfix{display: inline-block}

.in-news .hd li {float: left;margin-right: 10px;width: 160px;text-align: center;line-height: 50px;background-color: #f1f1f1;font-size: 18px;cursor: pointer;}

.in-news .hd li.on {background-color:#22842f;color: #fff;}

.in-news .bd {height: 445px !important;}

.in-news .bd dl {margin: 0;float: left;width: 600px;}

.in-news .bd dt {height: 285px;line-height: 285px;overflow: hidden;}

.in-news .bd dt img {transition: all 0.5s;}

.in-news .bd dt a:hover img {transform: scale(1.1);}

.in-news .bd dd {margin: 40px 0 0;overflow: hidden;}

.in-news .bd dd .date {float: left;text-align: right;padding-right: 15px;width: 90px;font-size: 16px;}

.in-news .bd dd .date span {display: block;color: #01923f;font-size: 30px;font-family: Impact;line-height: 1;margin-bottom: 5px;}

.in-news .bd dd .text {margin-left: 125px;padding-top: 5px;}

.in-news .bd dd .text h4 {margin: 0;font-weight: normal;font-size: 18px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;line-height: 1;}

.in-news .bd dd .text h4 a {color: #01923f;}

.in-news .bd dd .text p {font-size: 16px;color: #999;height: 44px;overflow: hidden;margin: 15px 0 0;}

.in-news .bd ul {float: right;width: 508px;}

.in-news .bd li {height: 160px;}

.in-news .bd li a {display: block;overflow: hidden;}

.in-news .bd li .date {float: left;text-align: right;padding-right: 15px;width: 90px;font-size: 16px;}

.in-news .bd li .date span {display: block;font-size: 30px;font-family: Impact;line-height: 1;margin-bottom: 5px;}

.in-news .bd li .text {margin-left: 125px;padding-top: 2px;}

.in-news .bd li .text h4 {margin: 0;font-weight: normal;font-size: 18px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;line-height: 1;}

.in-news .bd li .text p {font-size: 16px;color: #999;height: 44px;overflow: hidden;margin: 15px 0 0;}



.f_foot{padding-top: 95px; background:#161616 url(../images/f-bg.png) center top no-repeat;}

.f_foot .fl{float: left}

.f-con a{color: #999999;}

.f-con {height: 307px;font-size: 15px; line-height: 48px; color: #fff;}

.f-code{width: 400px;}

.f-tel{height: 70px;width: 335px; text-align: center; font-size: 14px; line-height: 20px; color:#22842f;}

.f-tel p{height: 20px;font-weight: bold; padding-top: 14px;}

.f-tel b{display: inline-block; padding-left: 36px; height: 30px; background: url(../images/f-icon1.png) no-repeat left center;  font-size: 26px;font-weight: bold; font-family: arial; line-height: 30px; color: #fff;}

.f-code-img{float: left; margin-right: 25px;width: 155px;height: 182px;background: url(../images/f-bg2.png) no-repeat center bottom;text-align: center;}

.f-code-img p img{width: 47px;height: 47px; margin: 0 auto 18px;}

.f-code-img img{display: block;	width: 79px;height: 79px; margin:0 auto;}

.f-code-img span{display: block; height: 36px; font-size: 14px; line-height: 36px; color: #333;}

.f-con h3{height: 72px; margin-top: 8px;  font-size: 24px; line-height: 72px;}

.f-nav1 li{width: 50%; float: left;}

.f-nav1{width: 318px;}

.f-nav2{width: 168px;}

.f-txt{width: 314px;}

.f-txt  li{margin: 15px 0 20px; line-height: 18px;color: #999999;}

.f-txt  li:nth-child(1){display:flex}

.f-txt  li em{font-style:unset;}

.f-link{width:100%;height: 60px;font-size: 15px; line-height:30px; padding:20px 0; color: #999999;}
.f-link a{ color: #999999; margin-left: 30px;}
.f-link>.links{ width:100%;}
/*.f-link>.links select{ float:right; width: 139px; height: 37px; background: url(../images/f-btn1.png) no-repeat center top; margin: 12px 0 0 20px; border:0; outline:none;}
.f-link>.links select option{ line-height: 37px;}*/

.f-link>.links a{margin:0 10px 0 0;}



.ny_ban img{width: 100%;height: 100%;}



/*==面包屑↓==*/

.site{margin:30px 0px 0px 0;color:#767676;font-size:14px;}

.site .home img{margin-right:10px;display: inline-block;vertical-align:top; }

.site a{color:#666;font-size:12px;}

.site a:hover{color:#2e3093}



/*==联系我们↓==*/

.ContactInner{padding:80px 0;display: inline-block;width: 100%}

.ContactInner .fl{float: left}

.ContactInner .fl img{max-height: none;max-width: none;display: inline-block}

.ContactInner .fr{float: right}

.ContactInner .long .left,.ContactInner .long .right,.ContactInner #dituContent{height: 540px;}

.ContactInner .long .left{ width:52%;}

.ContactInner .long .right{width:45%; border:1px #ddd solid;padding: 45px 40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.ContactInner .long .right .title{color:#333333;font-size:26px;}

.ContactInner .long .right .tel{ position:relative;margin-top:25px;color:#333333;font-size:14px;display: block;}

.ContactInner .long .right .tel:before{ content: ""; position: absolute; left:0px;top:32px; width:10px; height:3px; background: #22842f;}

.ContactInner .long .right .tel:after{ content: ""; position: absolute; left:13px;top:32px; width:25px; height:3px; background: #22842f;}

.ContactInner .long .right .tel font{margin-top:30px;font-size:30px;color:#22842f;display: block;font-weight: bold;}

.ContactInner .long .right .wx{min-height:156px;margin-top:20px;color:#333333;font-size:14px;display: block;line-height: 26px;}

.ContactInner .long .right .add2{ margin-top:30px;color:#333333;font-size:14px;display: block;}

.ContactInner .long .right .add2 font{font-size:22px; color:#333;display: block;margin-bottom: 10px;}

.ContactInner .long .right .ewm{position: relative;float:left;color:#666666;font-size:12px; text-align: center;display: block;line-height: 15px; margin-right:80px;width:30%;}

.ContactInner .long .right .ewm:after{ position: absolute; content: "";position: absolute;right:-50px;top:20%;width:1px;height:60%;border-right:1px #bbb dashed}

.ContactInner .long .right .ewm img{ display: block;margin:0 auto 5px;}

.ContactInner .long .right .online{ float:left;color:#fff;margin:50px 0 0 20px; font-size:14px; padding:8px 40px; background: #01923f;display: block;border-radius: 20px;text-align: center;}

.ContactInner .long .right .online:hover{background: #666;}

.ContactInner .long .right .lt{}

.ContactInner .long .right .rt{width: 100%;}



.AboutInner .introduce{padding-top:50px;}

.AboutInner .introduce .long{padding:50px; box-shadow: 0 0 10px #eee; background: #fff;display: inline-block;margin:0 0 80px;border:2px solid #22842f;}

.AboutInner .introduce .wx{color:#757575;font-size:14px;line-height: 26px;}

.AboutInner .introduce .list{ margin:70px 0 -20px -20px}

.AboutInner .introduce .list li{float:left; width:20%;}

.AboutInner .introduce .list img{max-width:100%;width:100%;}

.AboutInner .introduce .list a{position:relative; display:block;overflow:hidden;margin:0 0 20px 20px}

.AboutInner .introduce .list .pic{border: 1px #eee solid; background: #f9f9f9;}

.AboutInner .introduce .list li:hover .pic{border: 1px #0054b4 solid;}

.AboutInner .introduce .list h4{position:absolute;bottom:-50px;left:0;width:100%;z-index: 2;color: #fff;font-size: 16px;text-align: center;padding: 10px 0;background: rgba(0,0,0,0.3);}

.AboutInner .introduce .list li:hover h4{bottom:0}



/*==荣誉资质↓==*/

.HonorCont{  padding: 80px 0; background:url(../images/HonorBg.jpg) no-repeat center; background-size:cover ; background-attachment:fixed ;}

.HonorCont .list{}

.HonorCont .list li{ text-align: center;}

.HonorCont .list .pic{}

.HonorCont .list h4{color:#fff;font-size:16px;margin-top:10px;}

.HonorCont .list .box{position: relative; padding:40px; background: rgba(238,238,238,0.1);}

.HonorCont .list .box:before{content: "";position: absolute;left:0;top:0;right: 0;bottom: 0;margin: 20px;/* width:100%; *//* height:100%; */border:1px #5a5754 dashed;}

/*图片居中*/

.DwellPic .pic{position: relative;padding-top:74%;z-index:2;transition:all .4s ease-in-out;overflow:hidden;}

.DwellPic .pic{ display: -webkit-box !important; display: -webkit-flex !important;display: -ms-flexbox !important;display: flex !important;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center;justify-content: center; -webkit-box-align: center;  -webkit-align-items: center;-ms-flex-align: center;align-items: center}

.DwellPic .pic img{position: absolute;top:0;left:0; width:100%;height:100%;max-width:100%;max-height:100%;}

.DwellPic .pic:before,.DwellPic .pic:after{content: "";position: absolute;transition: all .4s ease-in-out;}

.DwellPic .pic:before{content:""; position: absolute; left:0;top:0;right:0;bottom:0;margin:auto;text-align: center;z-index:1;width:50px;height:50px;background: url(../images/Icon01.png) no-repeat 0 50px;}

.DwellPic .pic:after{opacity: 0; left:0;top:0;width:100%;height:100%;background: rgba(0,0,0,0.4);}

.DwellPic .pic:hover,.DwellPic li:hover .pic{border-color:#999}

.DwellPic .pic img,.DwellPic li .pic img{transition: all .5s;}

.DwellPic .pic:hover img,.DwellPic li:hover .pic img{transform:scale(1.1)}

.DwellPic .pic:hover:after,.DwellPic li:hover .pic:after{opacity: 1}

.DwellPic .pic:hover:before,.DwellPic li:hover .pic:before{background-position:0 0 }

/*--*/

.DwellPic.dp2 .pic{height:260px;padding-top:0px !important;}

.DwellPic.dp2 .pic img{position:initial; width:auto;height:auto;}

/*==滚动切换效果↓==*/

.Cuter{margin:60px auto 0;position: relative;padding: 0 30px;display: table;}

.Cuter .spot{position: initial;bottom: 25px;/* float: right; */text-align: right;}

.Cuter .spot span {opacity:1;position:relative;width: 10px;height: 10px;margin: 0 10px;font-family: "iconfont";background:#fff;}

.Cuter .spot .swiper-pagination-bullet-active{background: #df2626;}

.Cuter .btn{top: 0px;color:#df2626;font-size: 20px;font-weight:bold;width: auto;height: auto;margin: 0px;background: none;}

.Cuter .btn:after{font-size: 20px;}

.Cuter .pv{left:0}

.Cuter .nt{right:0}

.Cuter .btn:hover{color:#ddd}

/*==list-box 图片款 久↓==*/

.list-box{ margin:0 0 -10px -10px}

.list-box li{float:left; width:20%; }

.list-box li img{max-width:100%;width:100%;}

.list-box li a{display:block;margin:0 0 10px 10px}

.list-box li .pic{border: 1px #eee solid; background: #f9f9f9;}

.list-box li:hover .pic{border: 1px #0054b4 solid;}

.list-box li h4{color:#666;font-size: 15px;text-align: center;padding:12px 0;}

.list-box li:hover h4{color:#0054b4;}

.list-box.lx5 li{width:20%}



/*==次级导航↓==*/

.menu{width:100%;height: 70px;background:#eee; padding-top: 10px;}

.menu ul{display:table; text-align: center;/*! background:#f2f3f4; *//*! width: 100%; */margin: auto;}

.menu li{/*! flex: 1; */ display: inline-block;}

.menu li a{ font-weight:bold;position:relative;z-index: 0;display: block;margin: 0 30px 5px 30px;color: #252525;font-size: 18px;border-bottom: 1px #fff solid;/* overflow: hidden; */padding: 10px 0px;/* border-radius: 30px; *//* background: #fff; */}

.menu li a:before{ opacity:0; content: "\eb9c";font-family: "iconfont";position: absolute;left: 50%;bottom: -20px;margin-left: -7px;color:#fff;font-weight: bold;font-size: 14px;transform:translateY(-5px)}

.menu li a:after{content: "";position: absolute;left:0;bottom: -1px;z-index: 8;width:100%;height:1px;background: #df2626;transition:transform .5s;transform: scale(0,1);transform-origin:right;}

.menu li:hover a,.menu li.active a{ color:#df2626; }

.menu li:hover a:after,.menu li.active a:after{transform: scale(1);transform-origin:left;}

.menu li:hover a:before,.menu li.active a:before{opacity:1; color:#df2626;transform:translateY(0px)}



/*==伙伴列表↓==*/

.PartnerCont{background:#f9f9f9;padding:80px 0;}

.PartnerCont .list li{}

.PartnerCont .list li a{position: relative;display:block;height:100%;overflow: hidden;border-radius: 10px;}

.PartnerHome .list a:after{ opacity:0; content:""; position:absolute;left:0;top:0;width:100%;height:100%;transform: translateY(-10px);background:#df2626;transition:all .5s;}

.PartnerCont .list h4{ opacity:0; position: absolute;left:0;top:0;right:0;bottom:0;z-index: 1;margin: auto;height: fit-content;text-align: center;color:#fff;font-size:18px;transform: translateY(10px);}

.PartnerCont .list .pic img{width:100%;min-height:90px}

.PartnerCont .list li:hover h4{opacity:1;transform: translateY(0px);}

.PartnerCont .list li:hover a:after{opacity:0.8;transform: translateY(0px);}

.PartnerCont .spot{position:initial; margin-top:40px}

.PartnerCont .spot span{opacity: 1;width:10px;height:10px;margin:0 8px !important; background: #808080;}

.PartnerCont .spot span.swiper-pagination-bullet-active{background: #df2626;}



.ct2-sd {float: left;width: 240px;}

.ct2-mn {float: right;width: 930px;}

.about_box{display: inline-block;width: 100%;margin: 50px 0;}

.panel-sd-hd {background-color: #22842f;color: #fff;padding-bottom: 5px;}

.panel-sd-hd h4 {text-align: center;border-bottom: 1px solid #fff;margin: 0;font-size: 24px;padding: 20px 0;}

.panel-sd-bd {border: 1px solid #ececeb;padding: 5px 10px;border-top: 0;}

.yunu-column h3 {margin: 0 0 2px;font-weight: normal;background: url(../images/p14-icon5.png) no-repeat right center #ddd;padding: 0 40px;}

.yunu-column h3 a {display: block;line-height: 50px;font-size: 18px;color: #333;}

.yunu-column h3.on,.yunu-column h3:hover{background: url(../images/p14-icon2.png) no-repeat right center #22842f;}

.yunu-column ul li.on a{background:#22842f;color:#fff;}

.yunu-column h3.on a,.yunu-column h3:hover a {color: #fff;}

.yunu-column li {line-height: 50px;border-bottom: 1px solid #fff;}

.yunu-column li a {display: block;padding: 0 40px;background-color: #ECECEC;}

.yunu-column .sub>a {position: relative;}

.yunu-column .sub>a:after {content: '';width: 8px;height: 8px;border: 2px solid #b8b8b8;border-style: solid solid none none;position: absolute;top: 50%;right: 32px;margin-top: -4px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

.yunu-column .sub.open>a:after {border-color: #004fab;}

.yunu-column .sub-box {border-left: 1px solid #ECECEC;border-right: 1px solid #ECECEC;display: none;}

.yunu-column .sub.open .sub-box {display: block;}

.yunu-column .sub-box p {margin: 0;border-bottom: 1px solid #ECECEC;}

.yunu-column .sub-box a {background-color: transparent;padding-left: 60px;}

.yunu-contact-z1 {height: 140px;background: url(../images/contact-z1.jpg) no-repeat;margin-bottom: 20px;}

.yunu-contact-z1 p {margin: 0;font-size: 20px;line-height: 30px;background: url(../images/contact-z1_tel.png) no-repeat 74px 44px;padding: 37px 0 0 95px;}

.yunu-contact-z1 span {line-height: 30px;font-size: 18px;padding-left: 73px;}

.yunu-contact-z2 {background-color: #22842f ;text-align: center;color: #fff;padding: 20px;margin-bottom: 20px;}

.yunu-contact-z2 p {margin: 0;display: inline-flex}

.yunu-contact-z2 p img {vertical-align: middle;margin-right: 5px;}

.yunu-contact-z2 span {display: block;font-size: 28px;font-weight: bold;margin-top: 10px;line-height: 1;}

.toutiao {margin: 0 0 20px;padding-bottom: 20px;border-bottom: 1px dashed #ddd;}

.toutiao dt {float: left;width: 60px;line-height: 30px;background-color: #22842f;color: #fff;text-align: center;font-size: 16px;}

.toutiao dd {margin-left: 80px;overflow: hidden;}

.toutiao dd h4 {margin: 0;line-height: 30px;font-weight: normal;font-size: 18px;}

.toutiao dd p {color: #666;line-height: 1.8;margin: 10px 0;}

.toutiao dd .more {float: right;color: #004fab;background: url(../images/p14-icon21.png) no-repeat 0 center;padding-left: 20px;}

.list-5 li {margin-bottom: 15px;}

.list-5 li a {display: block;border: 1px solid #ddd;padding: 15px;overflow: hidden;}

.list-5 li .m {float: left;width: 250px;}

.list-5 li .m img {display: block;width: 100%;height: auto;}

.list-5 li .text {margin-left: 270px;}

.list-5 li .text h4 {margin: 0;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;font-weight:bold}

.list-5 li .text h4 span {float: right;font-size: 12px;color: #999;font-weight: normal;}

.list-5 li .text p {color: #797979;padding:15px 0;}

.list-5 li .text .more {float: right;padding: 6px 12px;color: #fff;background-color: #B6B6B6;}

.list-5 li a:hover {border-color: #22842f;}

.list-5 li a:hover .text h4 {color: #22842f;}

.list-5 li a:hover .text .more {background-color: #22842f;}



.yunu-infocontent-title {margin-bottom: 20px;text-align: center;}

.yunu-infocontent-title h1 {margin: 0;font-size: 24px;}

.yunu-infocontent-title p {margin: 10px 0 0;font-size: 12px;color: #999;}

.yunu-infocontent-title p span {padding: 0 5px;}

.yunu-infocontent-desc {margin-bottom: 20px;border: 1px solid #ddd;padding: 20px;font-size:14px;}

.yunu-infocontent-desc p{margin:15px 0;}

.yunu-infocontent-body {line-height: 2;margin-bottom: 20px;}

.yunu-infocontent-body img {max-width: 100% !important;height: auto !important;width: auto !important; display:inline-block; vertical-align:top;}



.about_box .ct2-mn .case-list li .box{width: 100%;height: 100%;padding: 0 10px;box-sizing: border-box;}

.about_box .ct2-mn .case-list li .box h5{margin:20px 0 5px 0;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1}

.about_box .ct2-mn .case-list li .box .more{margin:5px auto 0;}



.disinfect_box {margin: 80px 0;}

.disinfect_box .w1200 img{display: inline-block;width:100%!important;height:100%!important}



.zhili .yunu-column h3{padding:0 20px;}

.zhili .yunu-column h3 a{font-size: 16px;}

.zhili .ct2-mn strong{border-bottom: 1px solid #019946;display: block;font-size: 18px;color: #333;line-height: 40px;height: 40px;background: url(../images/fangyixiaodu_07.png) no-repeat left center;padding-left: 60px;font-weight: normal;background-color: #f6f6f6;margin-bottom:20px;}

.zhili .ct2-mn .con{font-size:16px;margin-top:20px;}

.zt1_qflc_ul{display:flex;flex-wrap:wrap;justify-content: space-evenly}

.zt1_qflc_ul li{width:32.33%;}

.zt1_qflc_ul_img{ width:100%; height: 274px;  border-top:1px solid #CBCBCB; border-left:1px solid #CBCBCB; border-right:1px solid #CBCBCB;}

.zt1_qflc_ul_img img{ width:100%; height:100%;}

.zt1_qflc_ul_left{ width: 30%;height: 129px; background:#F4F4F4; text-align:center; float:left; position:relative;}

.zt1_qflc_ul_left p{ color:#22842f; font-size:34px; font-weight:bold; padding-top: 8px; }

.zt1_qflc_ul_left h3{ font-weight:normal; color:#3C3C3C; font-size: 18px;} 

.zt1_qflc_ul_right{ float: left;width: 65%;font-size: 13px;color: #393939;margin-top: 10px;margin-left: 15px;height:100%;overflow:auto}

.zt1_qflc_ul_left_img{ position:absolute; right: -10px; top: 49px;}

.zt1_qflc_ul_text{ overflow:hidden; border-bottom:1px solid #CBCBCB; height:119px;}

.zt1_qflc_ul_left span{ font-weight:bold; color:#3C3C3C; font-size: 17px;}





/*手机*/

.phone_menu_trigger {display:none;position:absolute;right:10px;top:50%;z-index:10;transform:translateY(-50%);transition:all 0.4s ease-in-out;z-index:11;}

.phone_menu_trigger > div {width:24px;height:2px;cursor:pointer;background:#000000;transition:all 0.4s ease-in-out;}

.phone_menu_trigger > div:not(:last-child) { margin-bottom:5px;}

.phone_menu_trigger.on div:nth-child(1) { transform:rotateZ(45deg) translateY(5px);}

.phone_menu_trigger.on div:nth-child(2) { transform:rotateZ(-45deg) translateY(-5px);}

.phone_menu_trigger.on div:nth-child(3) { height:0px;}

/*手机导航内容*/

.phone_menu {display:none;position:fixed;top:0;left:0; z-index:999; overflow:scroll; background:#fff;padding:0 0 20px;width:100%;height:calc(100% - 70px);margin-top:65px;}

.phone_menu > li {font:normal 18px/54px "微软雅黑";color:#000;border-bottom:dashed 1px #ccc;}

.phone_menu > li > a {display:block;color:#333;padding-left:15px;font-size:16px;position:relative;}

.phone_menu > li > .phone_menu_tab {padding-left:30px;display:none;}

.phone_menu > li > .phone_menu_tab > li {position:relative; font:normal 15px/36px "微软雅黑";}

.phone_menu > li > .phone_menu_tab > li > a {color:#000000;padding-left:15px;}

.phone_menu > li > .phone_menu_tab > li >div{ padding:0 10px 0 20px;}

.phone_menu > li > .phone_menu_tab > li >div>li{display:inline-block;}

.phone_menu > li > .phone_menu_tab > li >div>ul{display: inline-block!important;}

.phone_menu > li > .phone_menu_tab > li >div>ul>li{position: relative}

.phone_menu > li > .phone_menu_tab > li >div>ul>li>a{color: #000000;padding-left: 15px;}

.phone_menu > li > .phone_menu_tab > li >div .phone_menu_tab2{display: block!important;}

.phone_menu > li > .phone_menu_tab > li >div .phone_menu_tab2 li{display: inline-block!important;margin-right: 10px;}

.phone_menu > li > .phone_menu_tab > li:before {content:'';display:block;width:5px;height:5px;position:absolute;top:18px;left:0;transform:translateY(-50%);border-radius:50%;background:#005bbb;}

.phone_menu > li > .phone_menu_tab > li >div>ul>li>span:before {content:'';display:block;width:5px;height:5px;position:absolute;top:18px;left:0;transform:translateY(-50%);border-radius:50%;background:#005bbb;}

.phone_menu > .MpNav > a:after {content:'';transition:all 0.4s ease-in-out;display:block;position:absolute;top:50%;right:10px;transform:translateY(-50%);border-style:solid solid none solid;border-width:8px;border-color:#005bbb transparent transparent transparent;}

.phone_menu > .MpNav > a.open:after {transform:rotate(-180deg);}



@media only screen and (max-width:1199px) {

    .w1200{width:100%;}

    .yunu-header{padding:10px 0;}

    header{position:fixed;height:70px;display:inline-block;width:100%;z-index:999;background:#fff;}

    header .phone_menu_trigger{ display:block;}

    header .yunu-nav{display:none}

    header .yunu-header .logo{margin-left:0;}

    header .yunu-header .logo img{height:50px;}

    header .yunu-header .text{margin:0;font-size:16px;line-height:24px;margin:0;}

    header .yunu-header .text strong{font-size:18px;margin-bottom:0;}

    header .yunu-header .logo2,header .yunu-header .tel{display:none}

    .kefu{display:none}

    .ind_ban,.ny_bar{padding-top:70px;}

    

    .titleAx{font-size:26px;}

    .titleAx font{margin-bottom:5px;font-size:30px}

    .titleAx.cen{margin-bottom:20px;}

    .titleAx.cen hr{margin:0 auto}

    

    .ind_box1{padding:30px 10px;width:100%;box-sizing:border-box;}

    .product-list{justify-content:space-between;flex-wrap:wrap;}

    .product-list li{width:49%;margin:0 0 10px;}

    .product-list .box{padding:15px 10px;margin:-30px 15px 10px 15px;}

    .product-list h4{font-size:18px;margin-bottom:5px;}

    .product-list p{font-size:12px;}

    .product-list .more {margin:10px auto 0;}

    .product-list li a{margin-left:0;}

    

    .AdvantageHome{padding:50px 10px;box-sizing:border-box}

    .AdvantageHome .titleAx{margin-bottom:15px;}

    .AdvantageHome .left{padding:30px 20px;width:100%;overflow:hidden}

    .AdvantageHome .left p{ margin-bottom:20px;}

    .AdvantageHome .left .more{ padding:6px 20px;}

    .AdvantageHome ul{flex-flow: wrap;align-content: flex-start;}

    .AdvantageHome ul li{ width:50%;padding:15px;box-sizing:border-box;overflow:hidden;}

    .AdvantageHome ul u{ font-size:28px;margin-bottom:10px; }

    .AdvantageHome ul .pic{margin-bottom: 12px;}

    .AdvantageHome ul h4{font-size:15px;margin-bottom: 10px;}

    .AdvantageHome ul p{font-size:13px;}

    .AdvantageHome .right{ width: 100%; overflow: hidden;}

    

    .ind_box2{margin-top:0;padding:0 10px 50px;box-sizing:border-box}

    .case-list{margin:0;display:flex;flex-wrap:wrap;justify-content:space-between}

    .case-list li{width:49%;margin-bottom:10px}

    .case-list li .box{display:none}

    .case-list li a{margin:0;}

    .case-list li h4{font-size:14px;margin-top:10px;}

    

    .ind_box3{padding:0 10px 50px;}

    .ind_box3 .titleAx font{font-size:29px;}

    .zizhiboxs .swiper-button-next, .zizhiboxs .swiper-button-prev{display:none}

    

    .AboutHome{padding:30px 10px 30px;margin-bottom:50px; }

    .AboutHome .tit{ padding: 20px;margin: 0 0 20px 0; position:initial;width: auto;height: initial;display: table;  }

    .AboutHome .tit font{font-size:22px;width: auto;position: initial;transform: rotate(0deg);}

    .AboutHome .tit b{font-size: 22px;float: none;writing-mode: initial}

    .AboutHome .pic{display: none;}

    .AboutHome .right{width:100%; padding:20px;}

    .AboutHome .right .title{  margin-bottom:12px;}

    .AboutHome .right .more{ margin-top:20px;  }

    

    .in-news{padding:0 10px;}

    .in-news .hd{margin-bottom:15px;}

    .in-news .hd .clearfix{width:100%;overflow:hidden}

    .in-news .hd li{width:25%;margin-right:5px;line-height:38px;font-size:14px;}

    .in-news .bd .con{display:inline-block}

    .in-news .bd dl{width:100%;}

    .in-news .bd dt{height:unset;line-height:unset;}

    .in-news .bd dd{margin:10px 0 20px;}

    .in-news .bd dd .date{width:unset;}

    .in-news .bd dd .text{margin-left:0;}

    .in-news .bd dd .text h4{font-size:16px;}

    .in-news .bd dd .text p{font-size:14px;height:unset;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;margin:5px 0 0 0;}

    .in-news .bd ul{width:100%;}

    .in-news .bd li{height:auto;margin-bottom:10px;}

    .in-news .bd li .date{width:unset;}

    .in-news .bd li .text{margin-left:80px;}

    .in-news .bd li .text h4{font-size:16px;}

    .in-news .bd li .text p{font-size:14px;height:unset;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;margin:5px 0 0 0;}

    

    /*.f-con{display:none;}*/

    .f-nav,.f-code{display:none}

    .f_foot{height:270px;padding:20px 10px 0;display:inline-block;width:100%;box-sizing:border-box}

    .f-link{height:unset;line-height:unset;font-size:12px;}

    .f-link p{display:none;}

    .f-txt{width:100%;}

    .f-txt li{margin:10px 0;}

    .f-con {height:210px;}

    .f-con h3{margin-top:0;line-height:38px;font-size:24px;height:unset}



    

    .site{margin-top:15px;padding:0 10px;}

    

    .ct2-sd{display:none}

    .ct2-mn{width:100%; padding:0 10px;box-sizing:border-box}

    .ct2-mn img{width:100%;}

    

    .zt1_qflc_ul{justify-content:space-between;}

    .zt1_qflc_ul li{width:49%;margin-bottom:10px;}

    .zt1_qflc_ul_img{height:unset}

    .zt1_qflc_ul_text{height:auto}

    .zt1_qflc_ul_left{height:unset;}

    .zt1_qflc_ul_left p{font-size:26px;}

    .zt1_qflc_ul_left h3{font-size:14px;}

    .zt1_qflc_ul_left span{font-size:12px;}

    .zt1_qflc_ul_right{width:60%;font-size:12px;margin-left:10px;}

    .zt1_qflc_ul_left_img{top:50%;}

    

    .disinfect_box{margin:50px 0;padding:0 10px; box-sizing:border-box;overflow:hidden}

    

    .yunu-infocontent-desc{padding:10px;margin-bottom:10px;}

    .detail_box{padding:0 10px; box-sizing:border-box}

    .yunu-infocontent-title h1{font-size:20px;margin-top:10px;}

    .yunu-infocontent-title p{margin:5px 0 0;}

    

    .toutiao{margin:0 0 10px; padding-bottom:5px;}

    .toutiao dd h4{font-size:16px;line-height:18px;}

    .toutiao dd p{line-height:1.5;margin: 5px 0 0 0;}

    .list-5 li{margin-bottom:10px;}

    .list-5 li a{padding:10px;}

    .list-5 li .m{display:none}

    .list-5 li .text{width:100%;margin-left:0}

    .list-5 li .text h4{font-size:16px;line-height:32px;}

    .list-5 li .text p{padding:0;}

    

    .menu{height:50px;}

    .menu li a{font-size:16px;padding:5px 0;margin:0 15px 0}

    

    .AboutInner{padding:0 10px; box-sizing:border-box}

    .AboutInner .introduce .list{margin:30px 0 0 0;display:flex;flex-wrap:wrap;justify-content:space-between}

    .AboutInner .introduce .long{padding:20px 10px;margin-top:30px;}

    .AboutInner .introduce .list a{margin:0 0 10px 0;}

    .AboutInner .introduce .list li{width:33.33%;}

    

    .HonorCont{padding:30px 0;}

    .HonorCont .list .box:before {margin:10px;}

    .HonorCont .list .box{padding:18px;}

    .DwellPic.dp2 .pic{height:100px;}

    .PartnerCont {padding:50px 10px;}

    .PartnerCont .list .pic img{min-height:70px;}

    

    .ContactInner{padding:50px 10px;box-sizing:border-box}

    .ContactInner .long .left{width:100%;}

    .ContactInner .long .right{width:100%;height:unset!important;padding:10px;margin-top:10px;}

    .ContactInner .long .right .title{font-size:22px;}

    .ContactInner .long .left, .ContactInner .long .right, .ContactInner #dituContent{height:300px;}

    .ContactInner .long .right .ewm{margin-right:50px;}

    .ContactInner .long .right .tel{margin-top:0;}

    .ContactInner .long .right .tel font{margin-top:18px;font-size:24px;}

    .ContactInner .long .right .wx{min-height:unset;margin-top:10px;font-size:12px;}

    .ContactInner .long .right .online{margin:50px 0 0 38px;}

    

    .bg6{margin-bottom:100px;}

}