@charset "utf-8";
@font-face {
    font-family: 'iconfont';  /* Project id 4927511 */
    src: url('../fonts/font_4927511_s07ctwzmr1f.woff2') format('woff2'),
    url('../fonts/font_4927511_s07ctwzmr1f.woff') format('woff'),
    url('../fonts/font_4927511_s07ctwzmr1f.ttf') format('truetype');
}

/*通用*/
*{box-sizing:border-box;margin:0;padding:0;outline:0;border:0}
body{color:#333;font-size:14px;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,WenQuanYi Micro Hei,Arial,sans-serif}
li,ol,ul{list-style:none}
a{color:#333;text-decoration:none}
a:hover{color:#f60}
h1,h2,h3,h4,h5,h6{color:#000;font-weight:500}

/*常用*/
.container{overflow:hidden;margin:0 auto;width:1200px}
.mbanner{display:none}
.ititle{padding:30px 0 0 0;text-align:center}
.ititle h2{overflow:hidden;color:#36475a;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:36px}
.ititle h3{padding:10px 0;color:#6e798b;font-size:18px}

/*头部*/
.header{height:80px;}
.header nav{overflow:hidden;margin:0 auto;width:1200px;}
.header nav .logo{float:left;margin-top:5px;height:70px;}
.header nav ul{float:right;overflow:hidden;}
.header nav ul li{float:left;margin-right:40px;}
.header nav ul li a{display:inline-block;margin-top:10px;font-size:18px;line-height:60px;}
.header nav ul li:first-child a::before{font-family:iconfont;content:"\e65d";}
.header nav ul li a::before{font-family:iconfont;content:"\e889";    padding-right: 5px;}
.header nav ul li a.active,
.header nav ul li:hover a{border-bottom:2px solid #e3720f;color:#e3720f;}
.header nav .wap{display:none;}

/*底部*/
.footer{overflow:hidden;padding-top:10px;padding-bottom:20px;max-width:100%;background-color:#262a33;color:#81858c;z-index: 2;position: relative;}
.footer .mid{margin:0 auto;padding-top:20px;width:1200px;border-top:1px solid #2e333d;}
.footer .mid a{margin-right:20px;color:#81858c;}
.footer .mid a:hover{color:#0ae;}
.footer .bottom{overflow:hidden;margin:0 auto;width:1200px;line-height:32px;}
.footer .bottom .copyright{float:left;}
.footer .bottom .copyright a{color:#81858c;}
.footer .bottom .copyright a:hover{color:#0ae;}
.footer .bottom .safe{float:right;opacity:.8;}
.footer .bottom .safe span{display:inline-block;margin-left:10px;width:24px;height:24px;cursor:pointer;}
.footer .bottom .safe span.a{background:url(../images/icon_all.png) no-repeat 0 -50px;}
.footer .bottom .safe span.b{background:url(../images/icon_all.png) no-repeat -24px -50px;}
.footer .bottom .safe span.c{background:url(../images/icon_all.png) no-repeat -48px -50px;}

/*轮播图*/
.banner{position:relative;overflow:hidden;height:600px;}
.banner .bd ul li img{position:absolute;top:50%;left:50%;margin-top:-300px;margin-left:-960px;}
.banner .bd ul li{display:none;cursor:pointer;}
.banner .bd ul li:first-child{display:block;}
.banner .bd ul li a{display:block;width:100%;height:100%;}
.banner .hd ul{position:absolute;bottom:20px;left:50%;margin-left:-42px;width:84px;}
.banner .hd ul li{float:left;margin-right:10px;width:12px;height:12px;border-radius:10px;background:#a6a5a0;cursor:pointer;}
.banner .hd ul li.on{width:30px;background:#e3720f;}

/*列表-四图*/
.list_situ{display:flex;width:1200px;list-style:none;flex-wrap:wrap}
.list_situ li{border:1px solid #f5f5f5;position:relative;margin:0 20px 20px 0;width:285px;height:100%;min-width:0;min-height:1px;border-radius:8px;background-color:#fff;background-clip:border-box;box-shadow:0 .125rem 4px rgba(0,0,0,.075);word-wrap:break-word;transition:all .5s;animation-name:slide-bottom10;animation-duration:.5s;animation-timing-function:ease-out;animation-fill-mode:both;overflow: hidden;}
.list_situ li:hover{box-shadow:0 16px 48px rgba(0,0,0,.175)}
.list_situ li:nth-of-type(4n){margin-right:0}
.list_situ li .box{position:relative;display:block;margin-bottom:0;padding:0;border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}
.list_situ li .box .pic{display:block;overflow:hidden;color:#0ae;height: 180px;}
.list_situ li .box .pic img{width:100%;height:100%;border-style:none;vertical-align:middle;transition:all .5s;object-fit:cover}
.list_situ li:hover .box .pic img{transform:scale(1.05)}
.list_situ li .box .intro{position:absolute;bottom:0;left:0;z-index:1;padding-top:4px;padding-bottom:4px;width:100%;text-align:center;opacity:0;transition:all .5s}
.list_situ li .box .intro a,.list_situ li .box .intro button{display:inline-block;margin:4px;padding:4px 24px;border:1px #0ae solid;border-radius:3px;background-color:#0ae;color:#fff;vertical-align:middle;text-align:center;white-space:nowrap;font-weight:400;font-size:14px;line-height:1.5;cursor:pointer;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;user-select:none}
.list_situ li .box .intro .sale{border-color:#c82333;background-color:#c82333}
.list_situ li .box .intro .love{border-color:#218838;background-color:#218838}
.list_situ li .box .intro form{display:inline-block}
.list_situ li:hover .box .intro{opacity:1}
.list_situ li:hover .box .intro .demo:hover{border-color:#08f;background-color:#08f}
.list_situ li:hover .box .intro .love:hover{border-color:#1c7430;background-color:#1c7430}
.list_situ li:hover .box .intro .sale:hover{border-color:#bd2130;background-color:#bd2130}
.list_situ li:hover .box .intro .down:hover{border-color:#08f;background-color:#08f}
.list_situ li .box .intro input{display:none}
.list_situ li .data{padding: 10px 10px 10px;}
.list_situ li .data h2{margin-bottom:8px;color:inherit;text-shadow:none;font-weight:500;font-size:16px;line-height:1.2}
.list_situ li .data h2 a{display:block;overflow:hidden;background-color:transparent;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}
.list_situ li .data .detail{overflow:hidden}
.list_situ li .data .detail small{color:#b7b7b7;font-size:14px}
.list_situ li .data .detail .type{float:right;display:inline-block;padding:.07rem 5px;border-radius:2px;color:#b7b7b7;vertical-align:middle;text-align:center;white-space:nowrap;font-size:12px;line-height:1.5;user-select:none}
/*列表通用*/
.list_common{margin-top: 30px;min-height: 600px;}
/*栏目banner*/
.list_banner{height:200px;padding:78px 20px 0;position:relative;color:#fff;margin-bottom:10px;background-color:#333}
.list_banner .list_banner_bg{background-position:center;background-size:cover;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.3}
.list_banner .intro{max-width:1280px;width:100%;height:100%;margin:0 auto;position:relative;overflow:visible;text-shadow:2px 1px 3px #000;line-height:25px}
.list_banner .intro h1{padding:0 0 10px;margin:0 0 10px;font-weight:400;position:relative;font-size:24px;line-height:1;border-bottom:1px solid rgba(255,255,255,.2);text-align:center;    color: #fff;}
.list_banner .intro p{text-align:center;color:#c5c5c5}

/*首页分类*/
.home_type{margin-top:30px;overflow:hidden}
.home_type .item{float:left;width:calc((100% - 40px)/ 3);margin-right:20px;border-radius:6px;overflow:hidden;position:relative;transform:rotate(0)}
.home_type .item a{display:block;overflow:hidden}
.home_type .item:last-child{margin-right:0}
.home_type .item img{width:100%;height:auto;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;transition:all .6s}
.home_type .item span{font-size:22px;color:#fff;height:40px;line-height:40px;position:absolute;top:50%;left:0;display:inline-block;width:100%;margin-top:-20px;letter-spacing:2px;text-align:center}
.home_type .item span:after{position:absolute;bottom:0;left:50%;display:block;margin-left:-15px;content:" ";width:30px;height:1px;background:#fff}
.home_type .item:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}

/*分页*/
.pagebar{text-align:center;font-size:16px;line-height:30px;margin-top:20px;margin-bottom:20px}
.pagebar a,.pagebar span{display:inline-block;margin:0 5px;width:40px;height:40px;line-height:40px;border:1px solid #e4eaec;border-radius:5px;color:#76838f}
.pagebar span{color:#fff;background-color:#f80}

.content{margin: 15px 0;}
.content img{max-width: 100%;}
.search-form{
    display:flex;
    align-items:center;
    border:1px solid #eee;
    padding:8px 12px;
    margin: 0 20px;
    border-radius:4px;
}
.search-input{
    flex:1;
    border:none;
    outline:none;
    font-size:16px;
    padding:6px;
}
.search-btn{
    border:none;
    background:none;
    font-size:22px;
    cursor:pointer;
}
h1.atitle {
    height: 50px;
    border-bottom: 1px solid #ddd;
    text-align: center;
    font-size: 24px;
    line-height: 45px;
}
@media (max-width: 750px) {
    h1.atitle {
        overflow: hidden;
        height: 40px;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 18px;
        line-height: 35px;
    }
}

.time{
    font-size: 16px;
    text-align: center;
    margin: 10px;
}

.tag-btn-wrap{
    display: flex;
    width:100%;
    gap:12px; /*按钮之间留白*/
}
.tag-btn{
    flex: 1;
    text-align: center;
    padding: 10px 0;
    border: 2px solid #eee;
    border-radius: 8px;
    color: #2e333d;
    text-decoration: none;
    font-size: 15px;
    background: #fff;
    margin: 10px;
}
/*hover可选，鼠标变红底白字*/
.tag-btn:hover{
    color: #6fd523;
}



@media (min-width:750px){
    .tag-btn-wrap{max-width: 1200px;margin: 0 auto}
    .search-form{max-width: 1200px;margin: 0 auto}
}
/*手机端*/


@media (max-width:750px){
    /*常用*/
    .banner{display:none;}
    .container{width: 100%;padding: 0 10px;}
    .ititle{padding:30px 15px 0;}
    .ititle h2{font-weight:700;font-size:24px;line-height:32px;}
    .ititle h3{font-size:16px;}

    /*头部*/
    .header{height:60px;}
    .header nav{width:100%;}
    .header nav .logo{margin-top:0;width:100%;text-align:center;height: 60px;}
    .header nav .logo img{margin-top:5px;height:50px;}
    .header nav ul{position:fixed;right:0;z-index:999;display:none;margin-right:0;width:60%;height:100%;background-color:#323232;}
    .header nav ul li{width:100%;background-color:#323232;text-align:center;line-height:30px;}
    .header nav ul li a{height:50px;color:#fff;line-height:50px;}
    .header nav .tel{display:none;}
    .header nav .wap{position:absolute;left:10px;float:left;display:block;margin-top:28px;margin-left:10px;width:30px;height:5px;background-color:#e3720f;}
    .header nav .wap::after,.header nav .wap::before{position:absolute;width:30px;height:5px;background:#e3720f;content:'';-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:margin,-webkit-transform;transition-property:margin,-webkit-transform;transition-property:margin,transform;transition-property:margin,transform,-webkit-transform;}
    .header nav .wap::before{margin-top:-10px;}
    .header nav .wap::after{margin-top:10px;}
    .header .open .wap{background:0 0;}
    .header .open .wap::before{margin-top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
    .header .open .wap::after{margin-top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
    .header .open .wap::after,.header .open .wap::before{position:absolute;width:30px;height:5px;background:#e3720f;content:'';}

    /*底部*/
    .footer{padding: 10px 20px;line-height: 24px;}
    .footer .mid{width: 100%;padding-top: 0;}
    .footer .bottom{width: 100%;}
    .footer .bottom .copyright a{display: block;}
    .footer .bottom .safe{position: absolute;bottom: 0;right: 10px;}

    /*轮播图*/
    .mbanner{position:relative;display:block;overflow:hidden;margin:0 auto;width:100%;}
    .mbanner .bd{position:relative;z-index:0;}
    .mbanner .bd li img{width:100%;}
    .mbanner .hd ul{position:absolute;bottom:20px;left:50%;margin-left:-35px;width:70px;z-index: 1;}
    .mbanner .hd ul li{float:left;margin-right:10px;width:10px;height:10px;border-radius:10px;background:#a6a5a0;cursor:pointer;text-indent: 8888px;}
    .mbanner .hd ul li.on{width:20px;background:#e3720f;}

    /*列表-四图*/
    .list_situ{width: 100%;}
    .list_situ li{width: calc(50% - 10px)}
    .list_situ li:nth-of-type(2n){margin-right:0}
    .list_situ li .data .detail small{font-size: 12px;}
    .list_situ li .box .pic{height: 120px;}
    /*列表通用*/
    .list_common{margin-top: 20px;}
    /*栏目banner*/
    .list_banner{padding:48px 20px 0}

    /*首页分类*/
    .home_type{margin-top:20px;}

}