body,dd,dl,h1,h2,h3,h4,h5,h6,ol,p,pre,ul{margin:0;padding:0;list-style:none}
a{text-decoration:none;color:inherit}
img{border:none}
:focus{outline:0}
.clearfix:after{content:'\200B';display:block;height:0;clear:both}
body{color:#333;font:14px/1.7 "微软雅黑"}
img{max-width:100%;border:none}
.wrap{width:1200px;margin:0 auto}
.head{left:0;right:0;z-index:1;position:relative;background:rgba(24,9,23,.67)}
.head .wrap{display:flex;padding:10px;justify-content:space-between;align-items:center}
.logo{width:220px;height:65px;background:url(../images/logo0.png) no-repeat center;background-size:contain}
.nav{display:flex}
.top-r{display:flex;color:#fff}
.n-a{padding:0 20px;color:inherit}
.n-a.cur,.n-a:hover{color:#c80008}
.top-tel{display:inline-block;width:20px;height:20px;margin:0 0 0 20px;background:url(../images/2-tel3.png) no-repeat center;background-size:contain;vertical-align:middle}
.index-banner-bg{margin-top:-85px}
.head01{background:0 0}
.head01 .top-r{color:#000}
.head01 .logo{background-image:url(../images/logo1.png)}
.head01 .top-tel{background-image:url(../images/1-tel.png)}
.index-ht{text-align:center;line-height:1;padding:0 0 30px}
.index-f1{font-size:24px;display:block;margin:0 0 10px}
.index-f2{display:inline-block;border:1px solid #ddd;border-radius:2px;padding:8px 15px;font-size:14px}
.intro-box{display:flex;justify-content:space-between; }
.intro-img{width:62%}
.intro-con ul{display:flex;flex-wrap:wrap}
.intro-img img{max-width:100%}
.intro-con{padding:0 10%;width:38%}
.intro-con h1{font-size:24px}
.intro-con h2{font-size:18px;margin-top:34px}
.intro-con h6{font-size:14px;margin:15px 0 5px 0}
.intro-con li{width:20%;/*padding-left:15px;*/box-sizing:border-box}
.btn-red{display:inline-block;color:#fff;background:#bc0001;padding:5px 30px;transition:.3s}
.btn-red:hover{background:#890203}
.add{display:inline-block;width:15px;height:11px;background:url(../images/add.png) no-repeat center;vertical-align:middle;margin-top:-2px}
.right{display:inline-block;width:25px;height:10px;margin:-3px 0 0 20px;background:url(../images/san.png) no-repeat center;background-size:contain;vertical-align:middle}
.banner-ads img{max-width:100%}
.banner-ads{width:100%}
.index-box.index-box-2.fadeInUp{background:#eee}
.index-box.index-box-2{background:#f0f0f0}
.intro-con .btn-red{margin-top:16px}
.ads-box{padding:10px;display:flex;background:#fff;box-shadow:0 0 3px rgba(0,0,0,.2);flex-wrap:wrap}
.ads-con{width:33.33%;padding:10px 60px 10px 30px;box-sizing:border-box}
.ads-con p{min-height:70px;}
.ads-con .btn-red{margin-top:10px}
.index-box-3 .index-ht:after,.index-box-3 .index-ht:before{content:"";display:inline-block;width:80px;height:80px;/*background:url(../images/3.png) no-repeat left center;background-size:contain*/}
.index-box-3 .index-ht{display:flex;justify-content:space-around;align-items:center}
.ads-con h2{margin-bottom:5px}
.index-box{padding:60px 0}
.tab-box{display:flex;margin-bottom:70px}
.tab-l{width:50%;position:relative}
.tab-con{width:50%;text-align:center;color:#fff;background:#bc0001;background:#8f8a8a;transition:.3s}
.img-sm{position:absolute;top:50%;left:50%;width:80px;height:80px;transform:translate(-50%,-50%);transform:(-50%,-50%);z-index:2;transition:.3s;opacity:0}
.tab-l img{display:block}
.tab-con p{font-size:16px}
.tab-con h2{font-size:26px;margin-bottom:5px;padding-top:25%;margin-top:-33px;box-sizing:border-box}
.tab-l:after{content:"";position:absolute;top:0;left:100%;right:0;bottom:0;background:rgb(0 0 0 / 40%);z-index:1;transition:.3s}
.tab-box:hover .tab-l:after{left:0}
.tab-box:hover .img-sm{opacity:1}
.tab-box:hover .tab-con{background:#bc0001}
.type-ul li{width:28%;position:relative;margin-right:8%;margin-bottom:30px;background:url(../images/kuai.png);flex-shrink:0;transition:.3s;cursor:pointer}
.type-ul li:nth-child(1):hover{background:#c5dbd9}
.type-ul li:nth-child(2):hover{background:#5a772b}
.type-ul li:nth-child(3):hover{background:#980c0c}
.type-ul li:nth-child(4):hover{background:#e7e7e7}
.type-ul li:nth-child(5):hover{background:#758a83}
.type-ul li:nth-child(6):hover{background:#075c93}
.type-ul li:hover .type-con{opacity:1}
.type-ul li:hover span{opacity:0}
.type-ul li:before{content:"";padding-top:80%;display:block;text-align:center}
.type-ul li span{position:absolute;top:45%;left:0;right:0;bottom:0;margin-top:-13px;font-size:26px;text-align:center;opacity:1;transition:.3s}
.type-con{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:.3s}
.type-ul ul{width:100%;display:flex;flex-wrap:wrap;flex-direction:row}
.type-ul li:nth-child(3n){margin-right:0}
.type-ul.type-ul-sm li{background:#3e3c3d;color:#fff;width:22.5%;margin-right:2%}
.type-ul.type-ul-sm li:nth-child(4n){margin-right:0}
.type-ul.type-ul-sm li:hover{background:url(../images/kuai.png)}
.type-ul.type-ul-sm li:hover span{opacity:1;color:#980c0c}
.break-nav{padding:40px 0 30px}
.break-nav a:hover{text-decoration:underline}
.break-nav a:after{content:"\232A";display:inline-block;padding:0 0 0 10px;transform:scaleX(1.5)}
.break-nav a:last-child:after{display:none}
.art-con{display:flex}
.left-box{width:30%;font-size:18px; padding-top:80px;}
.left-a{display:block}
.left-a.cur,.left-a:hover{color:#c8003c}
.right-con{width:70%}
.art-h1{font-size:26px;color:#c80008;margin-bottom:5px}
.art-sm span{margin-right:13px}
.art-top{padding-bottom:10px;margin-bottom:30px;border-bottom:1px solid #aaa}
.art-dl{width:50%;text-align:center;margin:0 0 30px}
.art-ul{display:flex;flex-direction:row;flex-wrap:wrap}
.art-t{font-size:16px;padding:15px 0;cursor:pointer;transition:.3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.art-img{/*border:5px solid #000;*/box-sizing:border-box;position:relative}
.art-img img{display:block}
.art-img:after{content:"";position:absolute;top:100%;left:0;right:0;bottom:0;background:rgb(0 0 0 / 40%);z-index:1;transition:.3s}
p.art-p{text-indent:2em;margin:5px 0 15px 0}
.art-img:hover .img-sm{opacity:1}
.art-img:hover:after{top:0}
.art-dl:hover .art-t{color:#fff;background:#c80008}
.art-img,.art-t{width:200px;margin:0 auto}
.art-ul-sm{width:100%}
.art-ul-sm .art-img,.art-ul-sm .art-t{width:80%;margin:0 auto}
.art-word .art-img{margin-bottom:20px}
.footer{margin-top:40px;background:#000;color:#fff;padding:60px 0 40px}
.footer .wrap{display:flex;align-items:flex-start;justify-content:space-evenly}
.footer dt{font-size:18px;margin-bottom:5px}
.footer-t{text-align:center;padding-top:50px}
.footer dl:after,.footer dl:before{content:"";position:absolute;width:2px;top:9px;height:20px;left:-25px;background:red;z-index:2}
.footer dl:after{background:linear-gradient(135deg,#fff,transparent);bottom:0;height:auto;z-index:1}
.footer dl{position:relative}
.footer-img img{width:80px;height:80px}
.i-tel{display:inline-block;width:20px;height:20px;background:url(../images/2-tel.png);background-size:contain;vertical-align:middle;margin-right:4px}
.footer-img{text-align:center}
.n-a-btn{display:none}
@media only screen and (max-width:768px){.n-a-btn{display:block;position:absolute;right:15px;width:25px;height:20px;padding:0!important;top:23px;border:1px solid #fff!important;border-radius:2px;background:rgb(0 0 0 / 70%);z-index:10}
.n-a-btn:before{content:"";display:block;width:75%;height:1px;margin:5px auto;background:#fff;box-shadow:0 4px #fff,0 8px #fff}
.wrap{min-width:1px;width:auto;max-width:100%;padding:0 20px;box-sizing:border-box}
.ads-con,.art-img,.art-t,.intro-con,.intro-img,.left-box,.right-con,.tab-con,.tab-l{width:100%}
.mobile_red{background:#bc0001;}
.art-con,.btn-red,.footer .wrap,.intro-box,.tab-box{display:block}
.intro-con{padding:0}
.btn-red{text-align:center; line-height:35px;}
.tab-box{margin:0 0 25px}
.intro-con h2{margin-top:16px; font-size:16px;}
.intro-con h6{font-size:16px;}
.intro-con li{padding-left:0px;}
.ads-con{padding:15px 10px 20px}
.tab-con{padding-bottom:30px}
.tab-con h2{margin:0;padding:25px 0 0px; font-size:16px;}
.tab-con p{font-size:14px;}
/*.type-ul li{width:32%;margin-right:1.3%;margin-bottom:5px}*/
.type-ul li{width:29%;margin-right:6.3%;margin-bottom:20px}
.type-ul li span{font-size:15px}
.footer{margin-top:20px;padding:50px 15px}
.footer dl{margin-bottom:20px; margin-left:30px;}
.footer dt{margin-bottom:10px;}
.footer dd{margin-bottom:5px;}
.footer-img{display:inline-block;width:45%; margin-top:20px; font-size:12px;}
.footer-t{font-size:12px;}
/*.footer dl:after,.footer dl:before{display:none}*/
.footer dl:before {
    content: "";
    position: absolute;
    width: 2px;
    top: 9px;
    height: 20px;
    left: -25px;
    background: red;
    z-index: 2;
}
.footer .ywfw{display:none;}
.index-ht{padding-bottom:20px; padding-top:20px;}
.index-f1{font-size:18px;}
.index-f2{padding:5px 8px; font-weight:normal}
.intro-con h1{font-size:16px;}
.ads-con h2{font-size:16px;}
.index-box-3 .index-ht:after, .index-box-3 .index-ht:before{content:""; display:none;}
.index-box{padding:40px 0}
.nav{display:none;position:absolute;background:#fff;padding:10px 0;font-size:0;color:#222;box-shadow:0 0 3px rgba(0,0,0,.6);right:7px;top:48px}
.n-a{font-size:16px;padding:8px 10px}
.logo{width:150px;height:45px}
.phone-box{margin-right:45px}
.break-nav{padding:20px 0}
.type-ul.type-ul-sm li{width:31%}
.type-ul.type-ul-sm li:nth-child(3n){margin-right:0}
.type-ul.type-ul-sm li,.type-ul.type-ul-sm li:nth-child(4n){margin-right:2%}
.art-ul-sm .art-img,.art-ul-sm .art-t{width:90%; font-size:13px;}
.art-t{padding:5px;box-sizing:border-box}
.art-dl{margin-bottom:15px}
.left-box{margin-bottom:23px; padding-top:0;}
.art-dl{width:45%;margin:0 2% 10px}
.left-a{display:block; margin-right:15px;}


}