@charset "utf-8";
/*============================ 初始化样式 ============================*/
* { margin:0; padding:0; box-sizing: border-box}
body {color:#333; font-size:14px;  font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif;min-width: 1300px;overflow-x: hidden}
*html { background-image:url(about:blank);background-attachment:fixed;}
li { list-style:none;}
img { border:none;}
body a img { border:none;}
a { color: #333; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:focus { outline:none;}
a:link { text-decoration:none;}
a:hover { text-decoration:none; }
input,textarea,button{border: none;outline: none;background: none}
.clear:after {content:''; display:block; clear:both; }
.clear { height:0px; clear:both; }
/*限制文字,文字超出显示冒号*/
.text-cut { overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis;}
.flex-center{display: flex;justify-content: space-between;flex-wrap: wrap}
.text-center{text-align: center}

/*============================ 公共部分 ============================*/

/* 文章上下篇 */
.wengzhengfanye { overflow: hidden;padding: 30px 0 60px;line-height: 2;border-top: 1px solid #d2d2d2;}
.wengzhengfanye .wengzhengfanyeA,.wengzhengfanye .wengzhengfanyeB {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px}
.wengzhengfanye b{font-weight: normal}
.wengzhengfanye a:hover{color: #4AB344}


/* 文章类别上下页 */
.page{text-align:center;padding: 60px 0;line-height: 50px;overflow:hidden;}
.page span,.page a
{ display:inline-block;text-align:center;width:40px;line-height: 38px;color: #999;border-radius: 5px;margin: 0 6px;border: 1px solid #ccc}
.page a:hover,.page a.on {background: #4AB344;color: #fff;border-color: #4AB344}
.page span{display:inline-block; color:#fff; background:#4AB344;border-color: #4AB344}

/*========================================= 首页 =====================================*/
.container { width:1300px; margin:0 auto;}
.fl{float: left}
.fr{float: right}

.head{padding: 30px 0}
.head,.logo{align-items: center}
.head dd{padding-left: 20px;margin-left: 20px;border-left: 1px solid #4AB344}
.head h2{font-size: 20px}
.head p{font-size: 16px}
.head .tel{font-size: 22px;font-weight: bold;padding-left: 50px;position: relative;background: url("../img/tel.png") no-repeat left;line-height: 35px}


.nav{background: #4AB344}
.nav li{position:relative;overflow: hidden;line-height: 61px;width: 14.2%;text-align: center;font-size: 16px}
.nav li a{display: block;position: relative;color: #fff;transition: all .5s ease;}
.nav li:hover,.nav li.active{background: url("../img/navli.png") no-repeat center 45px}

.xlnav{display:none;z-index: 100;width: 100%;position: absolute;top: 90px;left: 50%;margin-left:-50%;animation: fadeInUp 0.5s .1s ease both;
    background-color: #fff;box-shadow: 0 0 10px 2px rgb(0 0 0 / 10%);}
.xlnav dd{width: 100%;line-height: 37px;transition: all .3s ease 0s;}
.xlnav dd a{padding: 0 10px;display: block;color: #333!important;font-size: 14px;}
.xlnav dd:hover a{color: #fff!important;background: #0c347c!important;}
/*.nav li:hover .xlnav{display: block}*/

/*banner图片切换样式*/
.banner{width:100%; overflow:hidden;position: relative}
.banner li{overflow:hidden;height:90vh;display:flex;justify-content:center;align-items:center;}
.banner li .ban_img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.banner li dl{color: #fff;padding: 0 80px}
.banner li h3{font-size: 32px;font-family: 'Oswald',impact,Arial,sans-serif !important;font-weight: normal}
.banner li h2{font-size: 38px;margin-top: 20px}
.banner li h6{width: 50px;margin: 30px 0;height: 2px;background: #fff;}
.banner li h4{font-size: 18px;color: rgba(255,255,255,0.8);line-height: 1.8;font-weight: normal}
.banner li p{color: #fff;font-size: 14px;color: rgba(255,255,255,0.8);}

.banner .swiper-pagination{bottom:40px!important; }
.banner .swiper-pagination-bullet {width: 12px;height: 12px;background-color: #ffffff;margin: 0 10px!important;opacity: 1;color: transparent;}
.banner .swiper-pagination > span {display: inline-block;vertical-align: middle;position: relative;}
.banner .swiper-pagination-bullet-active {background: #4AB344;opacity: 1}


.title{padding-top: 50px;overflow: hidden}
.title h2{position: relative;height: 50px;line-height: 50px;font-size: 30px;color: #4AB344}
.title i{display: block;position: absolute;top: 20px;width: 518px;height: 18px;}
/*.title h2 i:nth-child(1){background:url(../img/title_l.png) no-repeat;}*/
/*.title h2 i:nth-child(2){background:url(../img/title_r.png) no-repeat;}*/
.title p{color: #666;line-height: 25px}

.oneA{background: #f2f2f2;overflow: hidden;padding-bottom: 60px}
.oneAa{display: flex;margin-top: 25px}
.oneAal{background: #4AB344;width: 300px;height: 85px;display: flex;padding: 20px 30px;}
.oneAal h3{color: #fff;font-size: 22px;margin-top: -2px}
.oneAal p{color: rgba(255,255,255,0.6)}
.oneAal dd{margin-right: 25px}
.oneAar{border: 1px solid #d1d1d1;width: 1000px;overflow: hidden}
.oneAar ul li{line-height: 80px;font-size: 16px;float: left;margin-left: 25px}
.oneAar ul li a:hover{color: #4AB344}

.oneAb{}
.oneAb ul li{width: 310px;float: left;background: #fff;padding: 20px 5px;position: relative;margin-right: 20px;margin-top: 30px}
.oneAb ul li .text1{transition: all .3s linear;}
.oneAb ul li .text1 dd{height: 224px;overflow: hidden}
.oneAb ul li .text1 dd img{max-width: 100%;}
.oneAb ul li .text1 p{font-size: 16px;text-align: center;margin-top: 20px}
.oneAb ul li .text2{position: absolute;width: 100%;height: 100%;background: #191D25;top: 0;left: 0;padding: 30px;
display: flex;justify-content: center;align-items: center;opacity: 0;transition: all .3s linear;}
.oneAb ul li .text2 h3{font-size: 20px;font-weight: normal;color: #fff}
.oneAb ul li .text2 p{color: rgba(118,129,137,1);line-height: 1.5;margin-top: 30px;margin-bottom: 30px;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.oneAb ul li .text2 span{color: #4AB344;}
.oneAb ul li:hover .text1{transform: perspective(900px) rotate3d(0,-180,0,180deg);opacity: 0;}
.oneAb ul li:hover .text2{transform: perspective(900px) rotate3d(0,0,0,0deg);z-index: 2;opacity: 1;}
.oneAb ul li:nth-child(4n){margin-right: 0}

.oneB{overflow: hidden;background: #4AB344}
.oneB .title h2,.oneB .title p{color: #fff}

.oneBa{margin-top: 30px}
.oneBa ul{display: flex;justify-content: space-between}
.oneBa ul li{width: 25%;height: 636px;position: relative;transition: all 0.5s ease;cursor: pointer}
.oneBa ul li:after {content: "";display: block;position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);}
.oneBa ul li dl{position: absolute;z-index: 3;top: 0;left:0;right: 0;bottom: 0;margin: auto;padding: 0 45px;
    height: 450px;text-align: center;color: #fff;overflow: hidden;}
.oneBa ul li dl i {display: block;margin: 145px auto 38px;width: 50px;height: 50px;overflow: hidden;}
.oneBa ul li dl h3 {height: 32px;line-height: 32px;font-size: 24px;}
.oneBa ul li dl span {display: block;height: 25px;line-height: 25px;font-size: 18px;}
.oneBa ul li dl p {display: none;margin-top: 20px;height: 75px;line-height: 25px;font-size: 14px;overflow: hidden;}
.oneBa ul li dl a{display: none;margin: 50px auto 0;width: 120px;height: 45px;line-height: 45px;text-align: center;
    color: #fff;background: #eb5307;border-radius: 5px;}
.oneBa ul li:hover{width: 50%}
.oneBa ul li:hover:after{display:none;}
.oneBa ul li:hover dl{background:rgba(74,179,68,0.8);max-width: 390px;}
.oneBa ul li:hover dl i{margin-top:52px;}
.oneBa ul li:hover dl p{display:block;}
.oneBa ul li:hover dl a{display:block;}


.oneC{overflow: hidden;background: url("../img/oc.jpg") no-repeat top center;height: 660px;margin-top: 80px}
.oneC .title{padding-top: 0}
.oneC .text{color: #666;line-height: 30px;text-align: center;margin-top: 30px;height: 120px;padding: 0 100px}
.oneCa_more{display: block;width: 150px;height: 40px;line-height: 40px;text-align: center;background: #4AB344;border-radius: 20px;margin: 20px auto 0 auto;color: #fff;}
.oneCa_more:hover{animation: tada 1s ease}


.oneC .list{width:1200px;height:245px;margin:27px auto 0 auto;}
.oneC .list li{height:245px;padding-left:130px;cursor:pointer;float:left;position:relative;width: 25%}
.oneC .list li:nth-of-type(1){margin-top:5px;}
.oneC .list li:nth-of-type(2){margin-top:52px;}
.oneC .list li:nth-of-type(3){margin-top:-10px;}
.oneC .list li:nth-of-type(4){margin-top:99px;}
.oneC .list li::before{content:'';width:1px;height:90px;background:#cbcbcb;position:absolute;top:0;left:115px;}
.oneC .list li::after{content:'';width:3px;height:20px;background:#55595c;position:absolute;top:0;left:114px;}
.oneC .list li p{font-weight:bold;font-size:20px;color:#4AB344;line-height:22px;margin-bottom:10px;}
.oneC .list li span{font-size:12px;color:#b7b7b7;line-height:20px;-webkit-transition:all .5s;transition:all .5s;}
.oneC .list li:hover span{background:#4AB344;color:#fff;line-height:20px;padding:5px 10px;-webkit-transition:all .5s;transition:all .5s;}
.waves {position:absolute;left:108px;top:110px;}
.waves .whi {width:4px;height:4px;border-radius:4px;background:#ffffff;position:absolute;z-index:9;margin:6px;}
.dot:before{content:' ';position: absolute;z-index:2;left:0;top:0;width:16px;height:16px;background-color:#41af6e;border-radius: 50%;}
.dot:after {content:' ';position: absolute;z-index:1;width:15px;height:15px;background-color: #41af6e;border-radius: 50%;box-shadow: 0 0 8px rgba(72,168,109,.1) inset;
    -webkit-animation-name:'ripple';-webkit-animation-duration: 1s;-webkit-animation-timing-function: ease;-webkit-animation-delay: 0s;-webkit-animation-iteration-count: infinite;-webkit-animation-direction: normal;}
@keyframes ripple{
    0% {left:8px;top:8px;opacity:0.75;width:0;height:0;}
    100% {left:-10px;top:-10px;opacity: 0;width:36px;height:36px;
    }
}

.oneD{background: #F5F5F5}
.oneDa{position: relative;overflow: hidden;margin-top: 50px}
.oneD ul li{width: 20%;opacity: 0.15;}
.oneD ul li a{display: block;margin: 0 8px}
.oneD ul li dd{width: 100%;height: 170px;overflow: hidden;background: #fff}
.oneD ul li dd img{max-width: 100%;transition: all 0.5s}
.oneD ul li dl{background: #fff;margin-top: 10px;text-align: center;padding: 20px}
.oneD ul li dl h3{font-size: 16px}
.oneD ul li dl p{color: #666;margin: 15px 0;min-height: 19px}
.oneD ul li dl span{display: inline-block;border: 1px solid rgba(0,0,0,0.2);padding: 9px 38px;background: none;color: #333;}
.oneDa .swiper-button-prevb{width: 20%;background: rgb(0 0 0 / 15%);top: 0;left: 0;height: 100%;margin-top: 0;
    display: flex;flex-flow: column;justify-content: center;}
.oneDa .swiper-button-prevb span{width: 60px;height: 60px;background: #333e46;color: #fff;text-align: center;position: absolute;bottom: 45%;right: 25%;text-transform: uppercase;font-size: 26px;font-weight: normal;line-height: 54px;}
.oneDa .swiper-button-nextb{width: 20%;background: rgb(0 0 0 / 15%);top: 0;right: 0;height: 100%;margin-top: 0;
    display: flex;flex-flow: column;justify-content: center;}
.oneDa .swiper-button-nextb span{width: 60px;height: 60px;background: #333e46;color: #fff;text-align: center;position: absolute;bottom: 45%;left: 25%;text-transform: uppercase;font-size: 26px;font-weight: normal;line-height: 54px;}
.oneD ul li:hover dd img{transform: scale(1.05)}
.oneD ul li:hover dl h3{color: #4AB344}
.oneD ul li.swiper-slide-prev{opacity: 1;}
.oneD ul li.swiper-slide-active{opacity: 1;}
.oneD ul li.swiper-slide-next{opacity: 1;}
.oneDa_more{text-align: center;padding: 50px 0 80px;overflow: hidden}
.oneDa_more a{display: inline-block;color: #fff;position: relative;z-index: 2;padding: 0 72px 0 40px;line-height: 52px;border: 1px solid #4AB344;
    background: url(../img/odgd.png) #4AB344 no-repeat right 40px center / 22px;transition: all .5s;}
.oneDa_more a:hover{background: url(../img/odgd2.png) #fff no-repeat right 40px center / 22px;color: #4AB344}


.oneF{margin-top: 40px;overflow: hidden;padding-bottom: 50px}
.oneFl{width: 55%;float: left}
.oneFr{width: 40%;float: right}
.oneF .hd{position: relative}
.oneF .hd ul{overflow: hidden}
.oneF .hd ul li{height: 30px;line-height: 18px;text-align: center;float: left;font-size: 16px;font-weight: bold;position: relative;margin-right: 50px;}
.oneF .hd ul li::after {content: '';width: 0px;height: 3px;background: #4AB344;position: absolute;left: 0;bottom: 0;z-index: 2;-webkit-transition: all .5s;transition: all .5s;}
.oneF .hd ul li.on:after{width: 100%;transition: all .5s;}
.oneF .hd ul li.on a{color: #4AB344}
.oneF .hd:after{content: '';width: 100%;height: 1px;background: #e6e6e6;position: absolute;left: 0;bottom: 0px;}

.oneFl .bd{margin-top: 30px;}
.oneFl .bd ul li{width:100%;height:130px;overflow:hidden;margin-bottom:30px;}
.oneFl .bd ul li:last-child{margin-bottom:0;}
.oneFl .bd ul li .img{width:210px;height:130px;float:left;}
.oneFl .bd ul li .img img{width:210px;height:130px;vertical-align:top;}
.oneFl .bd ul li .txt{width:475px;height:130px;float:right;}
.oneFl .bd ul li .txt a{display:block;font-size:14px;line-height:16px;color:#4c4c4c;margin-top:5px;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}
.oneFl .bd ul li:hover .txt a{margin-left:10px;color:#4AB344;font-weight:bold;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}
.oneFl .bd ul li .txt p{font-size:14px;line-height:30px;max-height:60px;overflow:hidden;color:#808080;margin-top:10px;}
.oneFl .bd ul li .txt span{display:block;font-size:12px;line-height:15px;color:#b2b2b2;margin-top:18px;padding-left:25px;
    background:url(../img/date.png) left center no-repeat;}

.oneFr .bd{margin-top: 30px;position: relative}
.oneFr .bd::before {content: '';width: 1px;height: 450px;background: #e6e6e6;position: absolute;top: 0;left: 7px;}
.oneFr .bd ul li{padding: 20px 0 20px 30px;overflow: hidden;background: url(../img/dian01.png) left center no-repeat;-webkit-transition: all .5s;transition: all .5s;position: relative;z-index: 2;}
.oneFr .bd ul li a {display: inline-block;width: 360px;color: #4c4c4c;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: all .5s;transition: all .5s;}
.oneFr .bd ul li span {font-size: 12px;color: #7f7f7f;float: right;-webkit-transition: all .5s;transition: all .5s;}
.oneFr .bd ul li:hover a{color: #4AB344;margin-left: 10px;}
.oneFr .bd ul li:hover span{color: #4AB344}
.oneFr .bd ul li:hover{background: url(../img/dian02.png) left center no-repeat;}


footer{background:url("../img/foot.jpg") no-repeat center;padding: 40px 0 0}
.footl{width: 48.5%}
.foot h2{font-size: 24px;color: #fff;line-height: 18px;text-transform: Uppercase;padding-bottom: 16px;
    border-bottom: solid 1px #7d7d7d;font-weight: normal}
.footl ul{margin-top: 30px}
.footl ul li{font-size: 16px;line-height: 16px;margin-bottom: 20px;color: #fff;float: left;}
.footl ul li p {font-size:16px;line-height:16px;margin-bottom:30px;color:#fff;}
.footl ul li a {display:block;color:#cdcdcd;margin-bottom:18px;font-size: 14px;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition:all .5s;transition:all .5s;}
.footl ul li a:hover{color:#4AB344;margin-left:10px;-webkit-transition:all .5s;transition:all .5s;}
.copy{color: #b4b4b4}
.copy p{margin-bottom: 20px}
.copy a{color: #b4b4b4}

.footr{width: 45%}
.infro{overflow: hidden}
.infro p{width:48%;float:left;color:#b4b4b4;line-height:16px;padding-left:25px;margin-bottom:20px;}
.infro p:nth-of-type(2n){float:right;}
.infro p:nth-of-type(1){ background:url(../img/ft_icon_01.png) left center no-repeat;}
.infro p:nth-of-type(2){ background:url(../img/ft_icon_02.png) left center no-repeat;}
.infro p:nth-of-type(3){ background:url(../img/ft_icon_03.png) left center no-repeat;}
.infro p:nth-of-type(4){ background:url(../img/ft_icon_04.png) left center no-repeat;}

.footr .form{margin-top: 30px}
.footr .form p {width: 48%;height: 36px;border: solid 1px #666;position: relative;float: left;margin-bottom: 20px;}
.footr .form p:nth-child(2n){float: right}
.footr .form p:nth-child(3){width: 100%;height: 59px}
.footr .form p input {width: 100%;display: inline-block;height: 36px;line-height: 36px;padding-left: 38px;color: #fff;font-size: 13px;box-sizing: content-box;}
.footr .form p:nth-of-type(1) input{background: url(../img/name.png) 9px center no-repeat rgba(0,0,0,0);}
.footr .form p:nth-of-type(2) input {background: url(../img/phone.png) 9px center no-repeat rgba(0,0,0,0);}
.footr .form p textarea {width: 100%;height: 59px;padding: 5px 10px 0 38px;font-size: 13px;color: #f5f5f5;background: url(../img/liuyan.png) 9px 5px no-repeat rgba(0,0,0,0);box-sizing: content-box;}
.footr .form .btn {display: block;width: 110px;height: 40px;line-height: 40px;text-align: center;color: #fff;border: none;background: none;padding: 0 !important;
    cursor: pointer;-webkit-transition: all .5s;transition: all .5s;background: #4AB344;}
.footr .form .btn:hover{background: #fff;color: #4AB344}


/*========================================= 关于我们 =====================================*/
.ny_ban{overflow: hidden;height: 60vh;display:flex;justify-content:center;align-items:center;text-align: center;color: #fff;position: relative}
.ny_ban dl{position: relative;z-index: 1}
.ny_ban h2{font-weight: normal;font-size: 28px;line-height: 1.6}
.ny_ban i{display: inline-block;height: 2px;width: 34px;background: #fff;margin: 15px auto;}
.ny_ban p{font-size: 38px;font-weight: bold;line-height: 1.8}
.ny_ban:after {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(74,179,68,0.3)}



.ny_local{overflow: hidden;line-height: 70px;font-size: 16px;background: #EEF2F5}
.ny_nav ul{display: flex;justify-content: center;text-align: center}
.ny_nav ul li{padding: 0 25px;position: relative}
.ny_nav ul li:before {position: absolute;content: '';left: 50%;bottom: 0px;width: 0%;height: 3px;background-color: none;transition: all .3s;}
.ny_nav ul li:after {content: "";position: absolute;width: 1px;height: 15px;display: block;background: #ccc;top: 50%;margin-top: -7px;right: 0px;}
.ny_nav ul li.active:before,.ny_nav ul li:hover:before {width: 80%;left: 10%;background-color: #4AB344;}
.ny_nav ul li.active a,.ny_nav ul li:hover a{color: #4AB344;}

.local{font-size: 14px;background: url("../img/local.png") no-repeat left;padding-left: 25px}


.aboutA{line-height: 2;font-size: 16px;color: #666;margin: 60px auto}
.aboutA img{max-width: 100%}

.culture{background: url("../img/culture.jpg") no-repeat center;background-size: cover;color: #fff;padding: 45px;margin: 60px auto}
.culture h2{font-size: 30px}
.culture dl{margin-top: 35px}
.culture h3{font-size: 20px}
.culture p{font-size: 16px;line-height: 2}

.honor{overflow: hidden;padding-bottom: 60px;margin-top: 20px}
.honor ul li{width: 416px;text-align: center;float: left;margin: 40px 26px 0 0;}
.honor ul li dd{overflow: hidden;height: 316px;}
.honor ul li dd img{width: 100%;transition: 0.5s linear 0s;}
.honor ul li p{border: 1px solid #ddd;transition: 0.3s ease 0s;padding: 20px 12px;color: #666;font-size: 16px}
.honor ul li:nth-child(3n){margin-right: 0}
.honor ul li:hover p{background: #4AB344;color: #fff}
.honor ul li:hover dd img{transform: scale(1.1)}

/*========================================= 产品中心 =====================================*/
.product{overflow: hidden}
.product ul li{width: 305px;margin: 40px 25px 0 0;float: left;border: 1px solid #f2f2f2;}
.product ul li dd{overflow: hidden;position: relative;height: 253px;}
.product ul li dd img{max-width: 100%;transition: all .5s ease;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.product ul li .showBox{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0;background: rgba(14,104,176,.8);transition: all 0.5s ease;display: flex;justify-content: center;align-items: center;}
.product ul li .showBox h2{font-size: 16px;color: #fff;font-weight: normal;position: relative;padding: 10px 0}
.product ul li .showBox h2::before {content: '';position: absolute;top: 0px;left: 50%;transform: translateX(-50%);width: 60%;height: 1px;background: #fff;transition: all .5s ease;}
.product ul li .showBox h2::after {content: '';position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);width: 60%;height: 1px;background: #fff;transition: all .5s ease;}
.product ul li:hover .showBox {opacity: 1;}
.product ul li:hover .showBox h2::before {width: 1rem;}
.product ul li:hover .showBox h2::after {width: 1rem;}
.product ul li:hover dd img{transform: scale(1.1);}
.product ul li dl{padding: 20px 20px 10px;border-top: 1px solid #f2f2f2;}
.product ul li dl h3{color: #333;overflow: hidden;text-overflow: ellipsis;position: relative;white-space: nowrap;width: 100%;padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;font-weight: normal;}
.product ul li dl p{position: relative;color: #777;line-height: 38px;display: flex;justify-content: space-between;align-items: center;}
.product ul li:nth-child(4n){margin-right: 0}

.news{overflow: hidden}
.news ul li{padding: 30px;border-bottom: 1px solid #DDD;margin-top: 20px}
.news ul li a{display: flex;}
.news ul li dt{width: 100px}
.news ul li dt span{color: #999;font-size: 20px;display: block;margin-bottom: 30px}
.news ul li dt i{display: inline-block;padding: 4px 9px;border: 1px solid transparent;transition: all .5s ease;color: #ccc;}
.news ul li dl{width: calc( 100% - 265px);transition: all .5s ease;position: relative;padding: 0 30px 0 60px;}
.news ul li dl::before {content: '';position: absolute;left: 0px;top: 10px;display: block;width: 40px;height: 1px;background: #aaa;transition: all .5s ease;}
.news ul li dl h3{font-size: 16px;margin-bottom: 10px}
.news ul li dl p{line-height: 24px;height: 48px;overflow: hidden;color: #999;}
.news ul li dd{width: 165px;height: 110px;overflow: hidden}
.news ul li dd img{height: 110px;transition: all .5s ease;}
.news ul li:hover dl{padding-left: 80px}
.news ul li:hover dl::before{width: 60px}
.news ul li:hover dl h3{color: #4AB344}
.news ul li:hover dt i{border-color: #4AB344;background: #4AB344;}
.news ul li:hover dd img{transform: scale(1.1)}

.case{overflow: hidden}
.case ul li{width: 23.5%;float: left;margin: 40px 2% 0 0}
.case ul li dd{height: 214px;overflow: hidden}
.case ul li dd img{max-width: 100%;transition: all 0.5s ease}
.case ul li p{padding: 16px 12px;background: #EEF2F5;font-size: 16px;text-align: center}
.case ul li:nth-child(4n){margin-right: 0}
.case ul li:hover p{color: #fff;background: #4AB344;}
.case ul li:hover dd img{transform: scale(1.1)}


/*=======================================联系我们============================================*/
.contact{background: #F2F4F6;padding: 60px 0}

.contactA{}
.contactA ul li{width: 32%;float: left;padding: 60px 15px;background: #fff;text-align: center;min-height: 360px;transition: all .5s ease;}
.contactA ul li dd{width: 60px;height: 60px;margin: 0 auto;color: #4AB344;}
.contactA ul li dd svg{margin: 0;width: 100%;height: 100%;fill: currentColor;}
.contactA ul li h3{font-size: 30px;font-weight: normal;margin: 15px 0 20px}
.contactA ul li p{line-height: 2;}
.contactA ul li:hover{background: #4AB344;color: #fff}
.contactA ul li:hover dd{color: #fff}

#dituContent{height: 400px;border: 1px solid #ccc;margin-top: 60px}

/*=======================================新闻详情页============================================*/
.news_info{overflow:hidden;margin-top: 50px;}
.info_title h1{font-size:30px;text-align: center;font-weight: normal}
.info_laiyuan{color: #999;margin-top: 20px;text-align: center;}
.info_text{line-height:2;min-height: 300px;font-size: 16px;color: #666;margin-top: 30px;border-top: 1px solid #d2d2d2;padding: 40px 0}
.info_text img{max-width:100%;}