@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}
.align-items{align-items: center}
.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: #d10707}


/* 文章类别上下页 */
.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: #d10707;color: #fff;border-color: #d10707}
.page span{display:inline-block; color:#fff; background:#d10707;border-color: #d10707}

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

header{width: 100%;transition: all .5s ease;}
.head{align-items: center}
.logo img{transition: all .5s ease;}
.nav{margin-left: 0px}
.nav ul{display: flex;}
.nav li{position:relative;overflow: hidden;font-size: 16px;line-height: 80px;margin-right: 40px}
.nav li a{display: block;position: relative;transition: all .5s ease;}
.nav ul li:before{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);display: block;width: 0;height: 3px;background-color: #d10707;opacity: 0;transition: all .5s ease;}
.nav ul li:hover:before {width: 100%;opacity: 1;}
.nav ul li a{position: relative;display: block;transition: all .5s ease;}
.nav ul li a::after {content: attr(data-title);position: absolute;top: 0;left: 0;transform: translateY(100%);width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: #d10707;}
.nav ul li:hover a {transform: translateY(-100%);}

.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;}

.head .tel{font-size: 20px;font-weight: bold;padding-left: 65px;position: relative;line-height: 80px;border-left: 1px solid #dddddd}
.head .tel b{position: relative;z-index: 1;background: url("../img/tel.png") no-repeat 0;padding-left: 35px}


/*banner图片切换样式*/
.banner{width:100%; overflow:hidden;position: relative}
.banner li{overflow:hidden;}
.banner li img{width: 100%}
.banner li .ban_text{padding: 0 80px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;display: flex;align-items: center}
.banner li h3{font-size: 58px;color: #010101}
.banner li h2{font-size: 28px;margin: 30px 0;color: #373737}
.banner li h6{width: 50px;margin: 30px auto;height: 2px;background: #fff;}
.banner li h4{width: 408px;line-height: 50px;color: #fff;background: #d10707;text-align: center;font-size: 18px;font-weight: normal}
.banner li p{color: #010101;margin-top: 20px}
/*.banner li.swiper-slide-active .ban_img{-webkit-animation: slide-fade 6s infinite 0s;animation: slide-fade 6s infinite 0s}*/
@keyframes slide-fade {
    0% {
        opacity: .9
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
}
.banner .swiper-pagination{bottom:40px!important; }
.banner .swiper-pagination-bullet {width: 12px;height: 12px;background-color: #ffffff;margin: 0 14px!important;opacity: 0.5;color: transparent;}
.banner .swiper-pagination > span {display: inline-block;vertical-align: middle;position: relative;}
.banner .swiper-pagination-bullet-active {opacity: 1;width: 42px;height: 42px;line-height: 42px;text-align: center;border: 2px solid rgba(255, 255, 255, 0.4);background-color: transparent;color: #ffffff;}
.banner .swiper-pagination-bullet-active .rightcircle {animation: circleProgressLoad_right 6s linear infinite;}
.banner .swiper-pagination-bullet-active .leftcircle {animation: circleProgressLoad_left 6s linear infinite;}
.banner .wrapper_con {width: 21px;height: 42px;position: absolute;top: -2px;overflow: hidden;display: none;}
.banner .left {left: -2px;}
.banner .right {right: -2px;}
.banner .swiper-pagination-bullet-active .wrapper_con {display: block;}
.banner .swiper-pagination {font-size: 0;}
.banner .circleProgress {width: 42px;height: 42px;border: 2px solid transparent;border-radius: 50%;position: absolute;top: 0;-webkit-transform: rotate(-135deg);}
.banner .rightcircle {border-bottom: 2px solid #ffffff;border-left: 2px solid #ffffff;right: 0;}
.banner .leftcircle {border-top: 2px solid #ffffff;border-right: 2px solid #ffffff;left: 0;}
.f-14{font-size: 14px}
@keyframes circleProgressLoad_right {
    0% {
        transform: rotate(45deg);
    }

    50%, 100% {
        transform: rotate(225deg);
    }
}

@keyframes circleProgressLoad_left {
    0%, 50% {
        transform: rotate(45deg);
    }

    100% {
        transform: rotate(225deg);
    }
}

.title h2{font-size: 40px;}
.title i{display: block;width: 100px;height: 3px;background: #000000;margin-top: 20px}
.title p{margin-top: 20px;}

.oneAt dd b{font-size: 60px;color: #d10707;font-family: Impact;margin-right: 10px}
.oneAt dd p span{font-size: 16px}

.oneAt{padding-top: 50px}

.oneA{margin-top: 35px}
.oneA h2{ padding-bottom:30px}
.oneA a{ padding:10px 25px; margin:5px;border: 1px solid #e9e7e7;color: #000;}
.oneA a:hover{ padding:10px 24px; margin:5px;border: 1px solid #d10707;color: #fff; background:#d10707}

.oneA ul li{width: 23.5%;height: 440px;position: relative}
.oneA ul li:after{content: '';width: 100%;height: 100%;background: rgba(0,0,0,0.6);position: absolute;top: 0;left: 0;opacity: 0}
.oneA ul li dl{padding: 5%;color: #fff;width: 100%;position: relative;z-index: 2}
.oneA ul li dl h3{font-size: 24px;font-weight: normal;padding: 20px 0}
.oneA ul li dl i{width: 100%;display: block;border-top: 2px solid rgba(255,255,255,.2);position: relative;}
.oneA ul li dl i:before {content: '';width: 0;height: 100%;display: inline-block;vertical-align: middle;}
.oneA ul li dl i:after {content: '';width: 15%;height: 2px;background: #fff;transition: all 0.8s;position: absolute;left: 0px;top: -2px;}
.oneA ul li dl .more{line-height: 72px;color: #fff}
.oneA ul li dd{min-height: 160px;transition: all 0.5s;margin-bottom: 20px;display: none}
.oneA ul li dd a{display: block;width: 48%;float: left;margin: 1%;padding: 6px 0;transition: all 0.5s;border: 1px solid rgba(255,255,255,0.2);color: #fff;text-align: center;}
.oneA ul li dd a:hover{background: #d10707}
.oneA ul li:hover i:after {width: 100%;}
.oneA ul li:hover{display: flex;justify-content: center;align-items: center;}
.oneA ul li:hover dd{display: block}
.oneA ul li:hover:after{opacity: 1}

.oneB{margin-top: 0px;padding:0 0}
.oneB .title h2{color: #fff;}
.oneBa{background: #fff;padding: 0 40px 40px;margin-top: 10px;overflow: hidden}
.oneBa ul li{width: 23.5%;float: left;margin-right: 2%;background: #fff;position: relative;margin-top: 40px}
.oneBa ul li dd{height: 215px;overflow: hidden;position: relative}
.oneBa ul li dd img{max-width: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: 0 auto;transition: all 0.5s ease;}
.oneBa ul li h3{line-height: 70px;transition: all .5s ease;padding: 0 20px;border-bottom: 1px solid #efefef;font-weight: normal;
    display: flex;align-items: center;justify-content: space-between}
.oneBa ul li h3 i{display: inline-block;width: 25px;height: 25px;background: url("../img/obli.png") no-repeat center;background-size: cover}
.oneBa ul li::after {content: '';position: absolute;left: 0px;bottom: 0px;width: 0px;height: 5px;background-color: #d10707;transition: all .5s ease;}
.oneBa ul li:hover::after {width: 100%;}
.oneBa ul li:hover{box-shadow: 0 3px 5px 7px rgba(0,0,0,0.15);}
.oneBa ul li:hover dd img{transform: scale(1.1);}
.oneBa ul li:hover h3 i{background: url("../img/oblih.png") no-repeat center;background-size: cover}
.oneBa ul li:nth-child(4n){margin-right: 0}

.oneC{background: url("../img/bg.jpg") fixed;background-size: cover;padding: 120px 0; color:#FFFFFF }
.oneCl h3{font-size: 60px;}
.oneCl h2{font-size: 30px;font-weight: normal;padding-left: 15px;border-left: 4px solid #d10707;line-height: 28px;margin-top: 20px}
.oneCl a{display: block;width: 150px;line-height: 43px;color: #fff;background: #d10707;text-align: center;margin-top: 235px;font-size: 12px}
.oneCl a:hover{border: 1px solid #fff;background: #fff;color: #333}

.oneCr{width: 850px;}
.oneCr .title p{color: #fff;font-size: 18px;}
.oneCr .text{color: #fff;line-height: 2;margin: 35px 0 100px}
.oneCr ul li{margin-right: 5%;border-right: 1px solid #eeeeee;width: 180px;float: left;position: relative}
.oneCr ul li:nth-child(4){margin-right: 0;border: none}
.oneCr ul li b{font-size: 40px;color: #fff;font-family: Impact;font-weight: normal}
.oneCr ul li p span{position: absolute;top: 8px;color: #fff}

.oneDt{background: #f1f1f3;text-align: center;padding: 60px 0;}
.oneDt p{font-size: 16px;margin-top: 10px}

.oneD ul li{}
.oneD ul li .oneDl{width: 520px;}
.oneD ul li .oneDtit{background: url(../img/odli.png)no-repeat center left;height: 161px;padding-top: 46px;padding-left: 29px;margin-top: 68px;}
.oneD ul li .oneDtit h3{font-size: 36px;color: #d10707}
.oneD ul li .oneDtit p{font-size: 20px}
.oneD ul li .text{font-size: 15px;line-height: 30px;margin-top: 26px;color: #666}
.oneD ul li .text p{position: relative;padding-left: 31px;margin-bottom: 10px;}
.oneD ul li .text p:before{content: "";position: absolute;width: 5px;height: 5px;border-radius: 50%;top:14px;left: 13px;background: #d10707;}
.oneD ul li .oneDl2{width: 750px;}
.oneD ul li .oneDr2{width: 540px;background: #d10707;color: #fff;padding: 40px;}

.oneD ul li .oneDtit2{margin-left: 15px}
.oneD ul li .oneDtit2 h3{font-size: 34px;}
.oneD ul li .oneDtit2 p{font-size: 20px;}
.oneD ul li .oneDtit2 i{display: block;width: 80px;height: 4px;background: #fa880d;margin-top: 32px;}
.oneD ul li .oneDr2 .text{color: #fff}
.oneD ul li .oneDr2 .text p:before{background: #fa880d}

.oneE{background: url(../img/oe.jpg) center no-repeat;padding: 12px 0;height: 236px;}
.oneEa{width: 1200px;margin: 0 auto}
.oneBal{width: 330px;text-align: center}
.oneBal h3{font-size: 36px;padding: 45px 0 10px 0;color: #fff;}
.oneBal p{font-size: 20px;color: #fff;}
.oneBal b{display: block;padding: 32px 0 0 95px;font-size: 24px;color: #000;font-weight: normal;text-align: left;}
.oneEa ul li{float:left;margin: 33px 30px 44px 47px;cursor: pointer;list-style: none;-webkit-transition: all 0.8s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;text-align: center;}
.oneEa ul li img{width: 88px;height: 88px;}
.oneEa ul li h3 {box-sizing: border-box;padding-top: 15px;font-size: 16px;color: #fff;font-weight: normal;}
.oneEa ul li p {padding-top: 5px;font-size: 12px;color: rgba(255, 255, 255, .5);text-transform: uppercase;}
.oneEa ul li:hover {-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);}

.oneF{margin-top: 80px}
.oneF .title p{font-size: 16px;margin-top: 5px}

.oneFa{overflow: hidden;margin-top: 20px}
.oneFa ul li{width:24.5%;float: left;background: #f1f1f1;margin-top: 20px; margin-right:0.5%}
.oneFa ul li dd{width: 100%;overflow: hidden; height:200px}
.oneFa ul li dd img{max-width: 100%;transition: all 0.5s ease}
.oneFa ul li dl{padding: 15px 25px 15px;width: 100%;}
.oneFa ul li dl h3{font-size: 16px; text-align:center}
.oneFa ul li dl p{color: #666;line-height: 1.8;margin-top: 10px}
.oneFa ul li:nth-child(2n){float: right}
.oneFa ul li:hover{background: #d10707}
.oneFa ul li:hover dl h3{color: #fff}
.oneFa ul li:hover dd img{transform: scale(1.1)}
.oneFa ul li:hover span{background: url("../img/oflih.png") no-repeat center;background-size: cover;}

.oneG{margin: 100px auto 0px; background:#eaeff1; padding:50px 0px}
.oneG .xwlr{ padding:30px 0px}
.oneG ul li{position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    background-color: rgba(255, 255, 255, 1);
    padding-top: 25px;
    padding-left: 20px;
    padding-bottom: 25px;
    padding-right: 20px;
    margin: 15px;
    box-shadow: 0 5px 10px 0px rgb(29 56 72 / 10%);
    display-radio: flex;
    width: 30%;
	float:left}
	
.oneG ul li:hover{ background:#d10707}
.oneG ul li a{ color:#333333}
.oneG ul li:hover dd,.oneG ul li:hover dl{ color:#fff}

.oneG ul li dd{font-size: 20px;color: #000;font-family: Impact;font-weight: normal; width:100%; padding-bottom:20px}
.oneG ul li dl{ width:100%}

.oneGtit{line-height: 24px;border-bottom: 1px solid #eeeeee;padding-bottom: 10px}

.oneGtit h2{font-size: 24px;color: #d10707;border-left: 4px solid #d10707;padding-left: 10px;}
.oneGtit a{color: #666}
.oneGtit a:hover{color: #d10707}

.oneGls{margin-top: 20px}
.oneGlsl{width: 48.5%;overflow: hidden;position: relative}
.oneGlsl ul li{position: relative}
.oneGlsl ul li dd img{max-width: 100%}
.oneGlsl ul li p{position: absolute;bottom: 0;left: 0;text-align: center;color: #FFF;line-height: 35px;width: 100%;background: rgba(0,0,0,0.6)}

.oneGlsl .swiper-button-prev,.oneGlsl .swiper-button-next{height: 60px;width: 27px;background-color: rgba(0,0,0,0.6);margin-top: -30px;transition: .3s;}
.oneGlsl .swiper-button-prev:after,.oneGlsl .swiper-button-next:after{color: #fff;font-size: 20px}
.oneGlsl .swiper-button-prev{left: 0}
.oneGlsl .swiper-button-next{right: 0}
.oneGlsl .swiper-button-prev:hover{background: #d10707}
.oneGlsl .swiper-button-next:hover{background: #d10707}


.oneGlsr{width: 48.5%}
.oneGlsr ul li{border-bottom: 1px dashed #eeeeee;padding: 10px 0;display: flex;justify-content: space-between;align-items: center}
.oneGlsr ul li:nth-child(1){padding-top: 0}
.oneGlsr ul li span{font-size: 12px}
.oneGlsr ul li a{display: inline-block;width: 80%;}
.oneGlsr ul li a:hover{color: #d10707}

.oneGr{width: 32%}

footer{background:#232a2f;padding: 50px 0 0;}
.foot-logo{margin-bottom: 30px}
.foot{overflow: hidden;padding-bottom: 50px}
footer ul h3{font-size: 18px;color: #fff;line-height: 25px;margin-bottom: 12px;font-weight: normal}
footer ul{border-right: 1px solid rgba(255,255,255,0.23);}
footer .ul1 li{width: 50%;float: left;line-height: 30px;color: rgba(255,255,255,0.6);}
footer .ul1 li a{color: rgba(255,255,255,0.6);}
footer .ul3 li{width: 100%}
footer .ul1{width: 20.05%}
footer .ul2{width: 26.8%;padding-left: 4%}
footer .ul3{width: 28%;padding-left: 4%}
footer .ul4{width: 24.5%;border: none;padding-left: 3%}
footer .ul4 li{font-size: 12px;text-align: center}
footer .ul3 li{display: flex;align-items: center}
footer .ul3 li i{display: inline-block;width: 18px;height: 18px;margin-right: 10px;background: url(../img/f_ico.png) no-repeat;}
footer .ul3 .li2 i{background-position: 0 -18px;}
footer .ul3 .li3 i{background-position: 0 -36px;}
footer .ul3 .li4 i{background-position: 0 -54px;}

.copyright{background: #12171b;line-height: 50px;color: rgba(255,255,255,0.6);font-size: 13px}
.copyright a{color: rgba(255,255,255,0.6);}

/*========================================= 关于我们 =====================================*/
.ny_ban{overflow: hidden;height: 250px;display:flex;justify-content:center;align-items:center;color: #fff}
.ny_ban .div1{ width:1300px; margin:0px auto}
.ny_ban h2{font-size: 32px;line-height: 1.6}
.ny_ban i{display: inline-block;height: 3px;width: 54px;background: #fff;margin: 15px auto;}
.ny_ban p{font-size: 14px;line-height: 1.6;background: url(../img/wz.png) no-repeat; background-size:20px;height:20px; padding-left:20px}
.ny_ban a{ color:#FFFFFF}

.ny_local{overflow: hidden;line-height: 70px;font-size: 16px;background: #f5f5f5}
.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: #d10707;}
.ny_nav ul li.active a,.ny_nav ul li:hover a{color: #d10707;}
/*.ny_nav ul li:hover,.ny_nav ul li.active{background: #ec660e}*/
/*.ny_nav ul li:hover a,.ny_nav ul li.active a{color: #fff}*/

.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: #d10707;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(209,7,7,.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: #d10707}
.news ul li:hover dt i{border-color: #d10707;background: #d10707;}
.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: #d10707;}
.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: rgba(213,10,29,1);}
.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: #d10707;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%;}

table{
border: 1px #bcbcbc solid;
/*边框折叠*/
border-collapse: collapse;
background-color: yellows;
text-align: center;}