@charset "utf-8";
/* CSS Document */
@-moz-keyframes jello {

    from,
    11.1%,
    to {
        -moz-transform: none;
        transform: none
    }

    22.2% {
        -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -moz-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -moz-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -moz-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }

    88.8% {
        -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {

    from,
    11.1%,
    to {
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        -moz-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        -moz-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        -moz-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

*{box-sizing:content-box;}
body{ margin:0px; padding:0px; font-size:14px;  color:#666666; font-family:"微软雅黑"; min-width:13rem;}
pre{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; Word-wrap: break-word;font-family:"微软雅黑";}
:hover{/* transition: all 0.3s ease-in 0.1s,color 0.2s ease-out 0.1s; */}
a{color:#2b2b2b;text-decoration:none;}
a:hover{text-decoration:none;color: #009393}
ol,ul,li,p,h1,h5,h2,h3,h4,h6{list-style:none;margin:0px; padding:0px;}
img{border:0px;}
form{ margin:0px; padding:0px;}input,textarea{ outline:0}
.fl{float:left;}
.fr{float:right}
.wdall{width:95%;margin: 0 auto;height: auto}
.main{width:100%;float:left;}

.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animationName{animation-name: sfs !important;}
@-webkit-keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);-ms-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}
.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
@-webkit-keyframes fadeInLeft {0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInLeft {0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);-ms-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
  100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}
.fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}
@-webkit-keyframes fadeInRight {0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
  100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInRight {0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);-ms-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
  100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}
.fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}
@-webkit-keyframes zoomIn {0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}  50% {opacity: 1;}}
@keyframes zoomIn {0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);-ms-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}  50% {opacity: 1;}}
.zoomIn {-webkit-animation-name: zoomIn;animation-name: zoomIn;}
.animation-delay-100 {-webkit-animation-delay: .1s; -o-animation-delay: .1s; animation-delay: .1s}
.animation-delay-200 { -webkit-animation-delay: .3s; -o-animation-delay: .3s; animation-delay: .3s}
.animation-delay-300 { -webkit-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s}

#top{float:left;width:100%;height: 0.8rem;box-shadow: 0px 0px 5px #f2f2f2;border-bottom: 1px solid #f2f2f2;position: fixed;z-index: 100;background: #fff;}
#top .top-nav{width: 95%;margin:0 auto;height: 0.8rem;}
#top .top-nav h2{float:left;width: 1.95rem;height: 0.8rem;font-size:0px;position: relative;width: 1.5rem;}
#top .top-nav h2:nth-child(2){border-left: 0.06rem solid #2b2b2b;width: 1rem;}
#top .top-nav h2:nth-child(2) img{margin-left: 0.06rem;}
#top .top-nav h2 img{max-height: 100%;max-width: 100%;margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
#top .top-nav .li01{float:left;width: 3.5rem;height: 0.7rem;padding: 0.05rem 0 0 0.05rem;/* border-left: 2px solid #2b2b2b; *//* display: none; */}
#top .top-nav .li01 .chinaname{font-weight: bold;float: left;width: 4rem;height: 0.45rem;line-height: 0.45rem;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size: 0.24rem;color: #2b2b2b;font-size: 0.30rem;}
#top .top-nav .li01 .gjcname{font-size: 0.16rem;float: left;max-width: 4rem;height: 0.25rem;line-height: 0.25rem;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color: #666;}
#top .top-nav .li03{ float:right; padding:0px 0 0 0}#top ul .li03 img{ width:1.06rem; height:0.9rem;}
#top .top-nav .li02{float:right;padding: 0.1rem 0.1rem 0 0.55rem;height:0.65rem;line-height:0.2rem;background: url(../pic/phone.png) 0px 64% no-repeat;font-size: 0.16rem;color: #999;}#top ul .li02 span{font-size: 0.26rem;color: #292929;line-height: 0.42rem;}
.W1200{ margin:0 auto; width:13rem; overflow:hidden; height:auto}
.header2{width: calc(100% - 6.7rem);float: right;height: 0.8rem;line-height: 0.8rem;box-sizing: border-box;/* background: #47ccad; */max-width: 6rem;}
.header2 .ul{height: 0.75rem;position: relative;display: flex;}
.span01{color: #ccc;float: left;position: relative;display: block;outline: none;cursor: pointer;/* width: 1.5rem; */text-align: center;font-size: 0.16rem;flex: 1;}
.span01 a{color: #333;display: block;font-weight: bold;font-size: 0.2rem;}
.span01 a:hover{color:#009393;}
.header2 .ul .active a{color:#009393;}
.navline{font-size:0.14rem;line-height: 0.3rem;padding:0.1rem 0;opacity: 0;height: 0;position:absolute;overflow: hidden;width: 100%;z-index: 2;}
.navline-li{width: 100%;font-weight: 500;text-align: center;color: #f90;padding-left:0.05rem;z-index: 2;line-height: 0.4rem;}
.navline-li a{font-size:0.18rem;font-weight:normal;}
.span01 .navline-li:hover{box-shadow: 0px 0px 5px #f2f2f2;}
.span01 .navline-li:hover a{font-size:0.18rem;color:#009393;}
.span01:hover .navline{height:auto;opacity: 1;  z-index: 999;background:#F5F5F7;opacity:0.9; position:relative;top:0;box-shadow: 0px 0px 5px #f2f2f2;}
.span01 .head-nav-item-down{box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);}
.span01 .head-nav-item-down1{position: fixed;top: 80px;width: 100%;height: 425px;left: 0;z-index: 100;background: #FFF;display: none;}
.span01 .head-nav-item-down .ys-cont1600{display: flex; height: 100%; }
.span01 .hnid-left{ width: 17.5%;}
.span01 .hnid-right{ width: 82.5%; padding-left: 42px;}
.span01 .hnid-left{ color: #009393; font-size: 28px;  padding-top: 100px;font-weight:790; position: relative;}
.span01 .hnid-right-li1{width:180px; max-width:180px;}
.span01 .hnid-right-ul1{display: flex;}
.span01 .hnid-right-title2{color:#FFF;font-size: 0.16rem;line-height: 60px;white-space: nowrap;font-weight:bold;text-align: left;height: 60px;color: #333;color: #fff;}
.span01 .hnid-right-title2:hover{color:#333;}
.span01 .hnid-right-ul2{ margin-top: 40px;}
.span01 .hnid-right-li2-cont{ display: flex;margin-bottom:10px; }
.span01 .hnid-right-title3{color: #081920;font-size: 15px; line-height: 1.3;padding-right: 20px;white-space: nowrap;    font-weight: normal;}
.span01 .hnid-right-title3:hover{color: #009393;}
.span01 .hnid-right-li2{margin-bottom: 10px;}
.span01 .hnid-right-li2 img{    opacity: 0;    transform: translateX(-5px);	fill:white;}
.span01 .head-nav-item-down1::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 60px;background: #081920;z-index: -1;background: #f5f5f7;background: #009393;}

/*轮播广告*/
.bn-alp { width:100%; height:5rem; position:relative; float:left;  background: #ffed29 no-repeat;background-position:50% 0%; overflow:hidden;  margin-top: 0.8rem; }
.bn-alp ul,.bn-alp li { margin:0; padding:0; list-style:none; }
.bn-alp .abox { height:100%; position:relative; }
.bn-alp .abox li { width:100%; height:5rem; background-position:50% 0%; background-repeat:no-repeat; background-color:#dddddd; background-size:cover; position:absolute; top:0; left:0; z-index:10; }
.bn-alp .abox li.on { z-index:99; }
.bn-alp .abox li img.bg { display:none; }
.bn-alp .abox li a.b { display:block; width:100%; height:100%; }
.bn-alp .i {bottom:0.25rem;left:50%;margin-left:-0.5rem;text-align:center;position:absolute;z-index: 99;}
.bn-alp .i i {display:inline-block;margin-right:0.1rem;width:0.16rem;height:0.16rem;background: #fff;border-radius: 50%;cursor:pointer;/* transition: 0.3s all ease-in-out; */}
.bn-alp .i i.on {background-position: -1.3rem 0;background: #009393;}

/*首页列表*/
.sybox1{ margin-top:35px; height:625px; overflow:hidden;}
.sybox1 .sybox1-1{width:30%;border:1px solid #030000;border-radius:20px;height:600px;overflow:hidden;border: 1px solid #009393;}
.sybox1 .sybox1-1-1{width:100%;padding:0 2%;background:#009393;height:60px;border-radius:20px 20px 0px 0px;overflow:hidden;box-sizing: border-box;}
.sybox1 .sybox1-1-1 span{font-size:20px; color:#FFF; font-weight:bold; height:30px; line-height:30px; margin-top:15px;}
.sybox1 .sybox1-1-1 a{ display:block; float:right; height:30px;margin-top:15px; text-decoration:none; width:100px; line-height:30px; text-align:center;background:#FFF; color:#030000; border-radius:30px; font-size:14px;}
.sybox1 .sybox1-1-1 a:hover{ background:#FFF; color:#009393; border-radius:30px;}

.sybox1 .sybox1-1-2{width:100%;padding:2%;box-sizing: border-box;}
.sybox1 .chanpin1{ width:100%;}
.sybox1 .cpsp{ width:100%; border-bottom:1px solid #009393; background:#009393; color:#FFF; height:40px; line-height:40px; text-indent:20px; font-size:17px; font-weight:bold; margin-top:3px;}
.sybox1 .chanpin1 ul{ width:100%; float:left;}
.sybox1 .chanpin1 li{ width:100%; float:left; height:30px; line-height:30px; overflow:hidden;}
.sybox1 .chanpin1 li a{display:block;width:100%;float:left;padding:0 1%;color:#333;font-size:15px;box-sizing: border-box;}
.sybox1 .chanpin1 li a:hover{ background:#081920; color:#FFF;}

.sybox1 .beishousp1{width:67%;margin-left:2.5%;border:1px solid #030000;border-radius:20px;height:600px;overflow:hidden;border: 1px solid #009393;}
.sybox1 .beishousp1-1{ width:100%; padding:2%;}
.sybox1 .beispwen1{ width:30%; line-height:38px; text-align:justify; font-size:16px;height:500px; overflow:hidden;}
.sybox1 .beispvideo1{ width:68%; margin-left:2%; height:500px; overflow:hidden;}
#xpzx{ display:block !important; width:30px; height:12px; float:right; margin-left:10px; margin-top:5px; background:url(../pic/xinpin.png) no-repeat top left;}

.hylist{ width:100%;}
.hylist ul{ width:100%; float:left;}
.hylist li{ width:32.333333%; float:left; height:58px; float:left; margin:8px 0.5%; overflow:hidden;}
.hysp01{ width:40%; height:58px; line-height:58px; background:#FFF;overflow:hidden;}
.hysp01 img{display:block;margin:0 auto;width: 100%;height: 100%;object-fit: contain;/* filter: drop-shadow(64px 0px #009393); *//* margin-left: -64px; */}
.hysp02{ width:60%; text-align:center; height:58px; font-size:15px; line-height:58px; background:#e4e5e9; color:#000; font-weight:bold;}
.hot_cp a:hover .hysp02, .hylist li a:hover .hysp02{ background:#009393; color:#FFF;}
.hot_cp a:hover .hysp01 img,.hylist li a:hover .hysp01 img{filter: drop-shadow(64px 0px #009393);margin-left: -64px;}

/*首页产品优势*/
.sy_ys{padding: 20px 0;background: url(../pic/syys_bg.jpg) center no-repeat;background-size: cover;width: 100%;overflow: hidden;}
.s_tit{margin: 0.2rem 0 0.6rem 0;float: left;width: 100%;}
.s_tit h3{width:100%;float:left;color:#252525;font-weight: bold;font-size: 30px;text-align: center;}
.s_tit span{font-size: 20px;font-family: play-bold;text-transform: uppercase;display: inline-block;margin-left: 0.1rem;}
.sy_ys .ys_list{float:left;width:calc(100%/6);text-align: center;padding: 0 0.3rem;box-sizing: border-box;}
.sy_ys .ys_list .img{display: flex;align-items: center;justify-content: center;flex-direction: column;width: 116px;height: 116px;padding-top: 8px;position: relative;z-index: 1;margin: 0px auto;color: #333;transition: all 0.5s ease 0s;border-radius: 50%;text-align: center;position:relative;margin-bottom: 30px;}
.sy_ys .ys_list .img i{width:100%;height:100%;background:#efeff0;float:left;border:1px solid #030000;border-radius: 50%;}
.sy_ys .ys_list .img img{position:absolute;max-width: 100%;max-height: 100%;top: 0;bottom: 0;margin: auto;left: 0;right: 0;}
.sy_ys .ys_list .img img:hover{
    animation: jello 1s;
    -webkit-animation: jello 1s;
}
.ysms{width: 100%;float: left;line-height: 20px;height: 80px;overflow: hidden;font-size: 14px;text-align: center;color: #030000;}

/*底部*/
.footer{padding: 0.5rem 0;color: #000;width:100%;float:left;background: linear-gradient(to bottom, #009393, #00939326);position: relative;}
.footer:before{content:"";position:absolute;top: 0;background: url(../pic/footerbg.png);width: 100%;height: 100%;opacity: 0.1;z-index: -1;}
.footer .left{float:left;}
.lxfs_tel {margin-bottom:30px;}
.lxfs_tel p {font-size: 18px;color: #000;font-weight: bold;margin-bottom:10px;}
.lxfs_tel p img {margin-right: 0.1rem;max-width: 100%;max-height: 100%;width: 16px;}
.lxfs_tel h6 {font-size: 16px;color: #000;margin-bottom:5px;margin-top:5px;}
.lxfs_tel h6:hover { color:#fff;text-decoration:underline;}
.lxfs_tel a:hover{color:#fff;text-decoration:underline;}
.footer .right {padding-left: 8%;flex-grow: 1;display: flex;flex-direction: column;justify-content: space-between;}
.foot_nav {overflow: hidden;display: flex;justify-content: space-between;}
.foot_nav dl {float: left;}
.foot_nav dl dt {font-size: 18px;color:#000;font-weight: bold;margin-bottom: 20px;}
.foot_nav dl dt a,.foot_nav dl dd a{color:#000}
.foot_nav dl dd {font-size: 15px;color:#000;line-height: 0.3rem;margin: 0;}
.foot_nav dl dd a:hover {color: #fff; text-decoration:underline;}
.foot_nav dl dt a:hover {color: #fff; text-decoration:underline;}
.foot_bot {/* padding: 20px 30px; *//* background: #000; */display: flex;justify-content: space-between;flex-wrap: wrap;/* border-radius: 23px; */}
.bdewm {text-align:center;float:left;}
.bdewm img {border: 1px solid #ddd;width: 109px;height: 109px;margin-bottom: 10px;}
.foot_bot .copyright {font-size: 20px;color:#FFF;padding: 20px 30px;/* background: #000; *//* border-radius: 23px; */color: #000;font-weight: bold;}
.foot_bot .copyright p a{text-decoration:underline;color: #fff;}

/*内页banner*/
.bannerL{width:100%;max-height: 500px;float:left;overflow: hidden;}
.bannerL img{width:100%;height: auto;}
.n_main{width:100%;float:left;background: #eff2f7}
.nav {position: relative;border-bottom: #e3e6ea 1px solid;float: left;width: 100%;}
.n_nav {position: relative;}
.n_nav a {display: inline-block;height: 80px;font-size: 18px;font-weight: normal;float: left;margin-right: 0.5rem;color: #252525;text-align: center;box-sizing: border-box;position: relative;border-radius: 3px;}
.n_nav a strong {display: block;position: relative;z-index: 4;height: 75px;line-height: 75px;font-weight: normal;}
.n_nav a:before {content: "";width: 0;height: 2px;position: absolute;bottom: 0;left: 0;background: #009393;transition: 0.3s ease-in-out;opacity: 0;}
.n_nav .on:before,.n_nav a:hover:before {width: 100%;opacity: 1;}
.n_nav .on strong,.n_nav a:hover strong {color: #009393;font-weight: bold;}
.cat {line-height: 80px;font-size: 13px;color: #747679;display: flex;align-items: center;}
.cat a{margin:0 5px}

.cplist{width:100%;float:left;padding-bottom: 50px;}
.cplist .n_title{font-size:26px;float:left;width:100%;text-align: center;padding:0.3rem 0;color:#35383a;}
.cplist .cat_list{  width: 50%;float: left;padding: 0 0.5rem;margin-top: 0.5rem;box-sizing: border-box;}
.cplist .cat_list a {display: block;border: 1px solid #009393;padding:25px 28px;height: 100%;box-sizing: border-box;float: left;width: 100%;}
.cplist .cat_list a h5{float:left;font-size:20px;width: 78%;}
.cplist .cat_list a .viewall{float:right;display: block;width: 100px;height: 35px;text-align: center;line-height: 35px;float: right;color: #FFF;background: #081920;}
.chanpin .cp_list{width:calc(100%/3);padding:12px;box-sizing: border-box;float:left;position: relative;}
.chanpin .cp_list .img{width:100%;height: 330px;float:left;position: relative}
.chanpin .cp_list .img img{width:100%;height: 100%;object-fit: cover;}
.chanpin .cp_list .mark {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: #009393;text-align: center;opacity: 0;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;z-index: 10;}
.chanpin .cp_list .mark .hide{width:100%;float:left;}
.chanpin .cp_list .mark .hide h5{font-size: 16px;color: #FFF;text-align: center;padding: 0 10px;white-space: normal;line-height: 1.5;}
.chanpin .cp_list .mark .hide span{color:#fff;font-size:25px}
.chanpin .cp_list .txt{width:100%;float:left;text-align:center;padding:20px;box-sizing:border-box;}
.chanpin .cp_list .txt h3{text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.chanpin .cp_list:hover .mark{opacity:1;  -webkit-transition: .5s;}
.chanpin .cp_list:hover .txt{opacity:0;  -webkit-transition: .5s; transform: translateY(-30px);-webkit-transform: translateY(-30px);-moz-transform: translateY(-30px);-ms-transform: translateY(-30px);-o-transform: translateY(-30px);}
.number .cp_list{width:calc(100%/4);}
/*详情页*/
.news_xq{width:100%;float:left;margin:40px 0;position: relative;}
.xq_left{width:calc(100% - 345px);background: #fff;padding: 40px 40px 60px;box-sizing: border-box;}
.xq_left .ar_tit{border-bottom:1px solid #e5e5e5;padding-bottom:15px;margin-bottom: 25px;position: relative;float: left;width: 100%;}
.xq_left .ar_tit:before{  content: "";  display: block;  width: 64px;  height: 2px;  background: #000;  position: absolute;  bottom: 0;  left: 0;}
.xq_left .ar_tit h1{font-size:24px;float:left;color:#333;line-height: 1.2;width:100%;float:left;font-weight: normal;margin-bottom: 20px;}
.xq_left .ar_tit h4{font-size:14px;color: #7d7d7d;line-height: 3;display: inline-block;float: left;}
.xq_right{width:325px;position: sticky;top: 90px;}
.ar_nr{font-size:18px;color:#7d7d7d;line-height: 1.8;}
.ar_nr img{max-width:100%!important;height: auto;display: block}
.ar_foot{border:1px solid #e5e5e5;margin-top:30px;width:100%;float:left;padding:30px;box-sizing: border-box;}
.ar_foot .page_pre{float:left;width:50%;font-size:16px;}
.ar_foot .page_pre:first-child{border-right:1px solid #e5e5e5;margin-right: 30px;width: calc(50% - 31px);}
.ar_foot .page_pre span{color:#929292}
.hot_tit{padding-bottom: 20px;  margin-bottom: 20px;  border-bottom: 1px solid #d7d9de;font-size:24px;}
.hot_tit h3{color: #454545;margin-bottom:10px;font-weight: normal;}
.hot_tit p{  color: #c6c6c6;  font-family:abel;  text-transform: uppercase;}
.hot_cp{width:100%;float:left;}
.hot_cp li{margin-right:10px;background: #fff;width: calc(50% - 10px);float:left;margin-bottom:12px;padding:10px;box-sizing: border-box;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size:15px;text-align: center;}
.h_tit{width:100%;float:left;font-size:35px;text-align: center;font-weight: bold;color: #2b2b2b;padding-bottom: 30px;}
.tj_cp{margin: 20px 0;width:100%;float:left;}
.tj_cp h4{font-size: 23px;width:100%;float:left;color:#000;border-bottom:1px solid #e5e5e5;padding-bottom: 40px;text-align: center;text-transform: uppercase;}
.tj_cp .tj_nr{width: calc(100%/3 - 20px);margin: 30px 10px;float:left;}
.tj_cp .tj_nr span{width:100%;height: 330px;float:left}
.tj_cp .tj_nr span img{width:100%;height: 100%;object-fit: cover}
.tj_cp .tj_nr h5{width:100%;float:left;text-align:center;font-size:14px;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;line-height:2.5}
.tj_cp .tj_nr p{width:100%;float:left;text-align:center;}
.tj_cp .tj_nr p i{font-style:normal;background:#000;color:#fff;padding:2px 10px}

/*公司简介*/
.About{width:100%;float:left;margin:50px 0}
.About .left_us{width:53%;}
.About .left_us .tit{width:100%;float:left;margin-bottom: 30px;}
.left_us .tit span{font-size: 18px;color: #373737;text-transform: uppercase;letter-spacing: 3px;padding-left: 30px;position: relative;}
.left_us .tit span:before{content:"";width:17px;height:3px;background:#ad1d22;position:absolute;left:0;top:50%}
.left_us .tit h3{font-size:26px;  color: #272727;  font-weight: bold;  margin-top: 10px;}
.left_us .content_us{width:100%;float:left;line-height:36px;font-size:18px}
.About .right_us{width:45%;border-radius: 30px;height: 550px;}
.About .right_us img{width:100%;height: 100%;object-fit: cover;border-radius: 30px;}
/*联系方式*/
.Contact{width:70%;margin:0 15%;background: #ffffff;padding:30px;box-sizing: border-box;line-height: 2;font-size: 24px;margin-top:40px;float:left;}
/*资质证书*/
.honor{width:100%;float:left;margin:30px 0}
.honor .zs_nav{width:100%;float:left;padding-bottom: 50px;text-align: center}
.honor .zs_nav li{display:inline-block;position: relative;}
.honor .zs_nav li a{display: block;line-height: 40px;border-radius: 29px;transition: .5s;text-align: center;border: 1px solid #d9d9d9;font-weight: bold;color: #5a5a5a;position: relative;z-index: 1;overflow: hidden;width: 160px;margin: 0 24px;}
.honor .zs_nav li a:hover{;border: 1px solid #009393;color:#009393;}
.honor_list li{width: calc(100%/4 - 36px);margin: 0 18px 20px 18px;float:left}
.honor_list li span{width:100%;height:440px;background: #fff;float: left;}
.honor_list li span img{width:100%;height: 100%;object-fit: contain;border: 1px solid #009393;}
.honor_list li p{text-align: center;font-size: 16px;font-weight: bold;color: #000;line-height: 34px;margin-top: 12px;width:100%;float:left;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.zs_down{width:100%;float:left;margin: 60px 0;text-align: center;}
.zs_down a{color:#fff;background: #009393;padding: 15px 45px;border-radius: 30px;}

/*售后服务*/
.service{width:100%;float:left;padding: 30px 0;background: url(../pic/licheng_bg.jpg) center bottom no-repeat;}
.lc_list{width:100%;float:left;position: relative;margin-top:60px;height: 520px;}
.lc_list li{padding-left:24px;position: absolute;width: 250px;cursor: pointer;transition: all .5s ease}
.lc_list li:before{content:"";  background: #fff;  display: block;  width: 10px;  height: 10px;  position: absolute;  z-index: 99;  left: 0;  top: 10px;  border: 2px solid #FFF;border-radius:50%}
.lc_list li:after{content:"";display: block;width: 1px;height: 160px;position: absolute;top: 25px;background: #e2e2e2;left: 7px;}
.lc_list li h5{font-size:24px;margin-bottom: 8px;color:#000;font-weight: normal}
.lc_list li .cont{font-size:15px;color:#081920;line-height: 25px;}
.serv_bg{width:100%;float:left;background: url(../pic/licheng_line.png) no-repeat bottom;}
.lc_list .li01{top: 16%;}
.lc_list .li02{bottom: 10%;left: 10%;}
.lc_list .li03{left: 26%;top: 9%;}
.lc_list .li04{bottom: 1%;left: 36%;}
.lc_list .li05{top: 2%;right: 31%;}
.lc_list .li06{bottom: 11%;right: 22%;}
.lc_list .li07{right: 3%;top: -4%;}
.lc_list .li08{right: 0;bottom: 6%;}
.lc_list .li02:after{top: -67px;height: 100px;}
.lc_list .li03:after{height: 214px;}
.lc_list .li04{width:220px}
.lc_list .li04:after{top: -96px;height: 134px;}
.lc_list .li05:after{height: 314px;}
.lc_list .li06:after{top: -21px;height: 100px;}
.lc_list .li06:before{top: 42px;}
.lc_list .li07:after{height: 274px;}
.lc_list .li08:after{top: -65px;height: 100px;}
.lc_list li:hover{transform: translate(0, -30px);transition: all .5s ease}


/*右侧悬浮菜单*/
.slide{width: 0.5rem;height: auto;position: fixed;top: 50%;margin-top: -1.26rem;background: #009393;right: 0;border-radius: 5px 0 0 5px;z-index: 999;}
.slide ul{list-style: none;}
.slide .icon li{width: 0.49rem;height: 0.5rem;background: url(../pic/iconright.png) no-repeat;background-size: 5rem;}
.slide .icon .up{background-position:-3.3rem -1.2rem ;}
.slide .icon li.qq{background-position:-3.85rem -0.73rem ;}
.slide .icon li.tel{background-position:-3.85rem -1.6rem ;}
.slide .icon li.wx{background-position:-3.85rem -1.2rem ;}
.slide .icon li.down{background-position:-3.3rem -1.6rem ;}
.slide .info{top: 50%;height: 1.47rem;position: absolute;right: 100%;background: #009393;width: 0px;overflow: hidden;margin-top: -0.735rem;transition:0.5s;border-radius:4px 0 0 4px;}
.slide .info.hover{width: 1.45rem;}
.slide .info li{width: 1.45rem;color: #ffffff;text-align: center;}
.slide .info li p{font-size: 1.1em;line-height: 2em;padding: 0.1rem;text-align: left;}
.slide .info li.qq p a{display: block;margin-top: 0.12rem;width: 1rem;height: 0.32rem;line-height: 0.32rem;color: #ffffff;font-size: 0.16rem;   text-align: center;text-decoration: none;border: 1px solid #ffffff;border-radius: 5px;}
.slide .info li.qq p a:hover{color: #009393;border: none;background: #ffffff;}
.slide .info li div.img{height: 100%;background: #DEFFF9;margin: 0.15rem;}
.slide .info li div.img img{width: 100%;height: 100%;}