* {margin: 0;padding: 0;box-sizing: border-box;}
body {width: 100%;min-width:320px;margin: 0 auto;font: 14px/1.5 '微软雅黑';color: #333;overflow-x: hidden;}
li {list-style: none;}
a {text-decoration: none;color: #333;}
a:hover {color: #333;}
i {font-style: normal;}
button, input, textarea, hr {border: none;}
.clear {clear: both;}
table {border-collapse: collapse;max-width: 100%;}
table td {border-collapse: collapse;}
select{outline: unset;}
input:focus ,button{outline: none;}
iframe{width:100%;height: 100%;}
img{border:none;pointer-events: none; }

.float-right{float: right;display: inline-block;}
.float-left{float: left;display: inline-block;}

sup{width:20px;height:20px;border-radius:50%;color:#000;font-size:14px;display:inline-flex;justify-content:center;align-items:center;border:1px solid #000;font-weight:600;margin-left:5px;}

.web_nav_main sup,.footer_nav sup{width:16px;height:16px;font-size:10px;}
.footer_nav sup{color:#fff;border-color:#fff;}


.mr_top_145{margin-top:145px;}
.mr_top_105{margin-top:105px;}
.mr_top_90{margin-top:90px;}
.mr_top_80{margin-top:80px;}
.mr_top_60{margin-top:60px;}
.mr_top_50{margin-top:50px;}
.mr_top_40{margin-top:40px;}
.mr_bottom_35{margin-bottom: 35px;}
.mr_bottom_25{margin-bottom: 25px;}

.pa_top_90{padding-top:90px;}
.pa_top_60{padding-top:60px;}
.pa_top_50{padding-top:50px;}
.pa_bottom_40{padding-bottom:40px;}
.pa_bottom_60{padding-bottom:60px;}
.pa_bottom_100{padding-bottom:100px;}
.pa_bottom_130{padding-bottom:130px;}
.pa_bottom_108{padding-bottom:108px;}
@media screen and (max-width: 750px) {
    .pa_top_90{padding-top:12vw;}
    .pa_top_60{padding-top:8vw;}
    .pa_top_50{padding-top:6.666vw;}
    .pa_bottom_100{padding-bottom:13.333vw;}
    .pa_bottom_130{padding-bottom:17.333vw;}
    .pa_bottom_108{padding-bottom:14.4vw;}

    .pa_bottom_60{padding-bottom:8vw;}
    .pa_bottom_40{padding-bottom:5.333vw;}
    .mr_top_145{margin-top:19.333vw;}
.mr_top_105{margin-top:15vw;}
    .mr_top_90{margin-top:12vw;}
    .mr_top_80{margin-top:10.666vw;}
    .mr_top_60{margin-top:8vw;}
    .mr_top_50{margin-top:6.666vw;}
    .mr_top_40{margin-top:6.666vw;}
    .mr_bottom_35{margin-bottom: 4.666vw;}
    .mr_bottom_25{margin-bottom: 3.333vw;}
}
.bg_fafafa{background: #fafafa;}
.bg_f7f7f7{background: #f7f7f7;}
.bg_f8f8f8{background: #f8f8f8;}


.main{width:100%;padding:0 2%;max-width: 1600px;margin:0 auto;}

.header{width: 100%;position: sticky;top:0;left:0;z-indeX:9999;padding:30px 0 25px;}
.header .main{display: flex;justify-content: space-between;}
.header_bg{width:100%;height: 79px;position: fixed;top:0;left:0;background: #323232;z-index:997;opacity: .7;}
.logo{height: 24px;display: block;}
.logo a{width: 100%;display: block;}
.logo img{height: 100%;object-fit: contain;display: block;}
.nav_btn{width: 80px;height: 18px;display: block;}
.nav_btn img{width: 28px;height: 18px;object-fit: contain;display: block;}
.header_operate{width: 80px;display: flex;justify-content: flex-end;align-items: center;}
.header_operate a img,.header_operate a{width:30px;height: 27px;object-fit: contain;display: block;}
.header_operate .search,.header_operate .search img{width:20px;height: 20px;object-fit: contain;display: block;}
.header_operate .search{margin-right:40px;position: relative;display: flex;justify-content: flex-end;align-items: center;}
.header_operate .search img{margin-left:5px;}
.header_operate .search .search_mask{display: flex;justify-content: flex-end;align-items: center;/*box-shadow: 0 0 10px rgba(0,0,0,.4);*/transition:.3s;width: 0;opacity: 0;position: absolute;top:-6px;right:100%;overflow: hidden;}
.header_operate .search:hover .search_mask{width:215px;opacity: 1;}
.search_mask form{display: flex;justify-content: flex-end;align-items: center;border:1px solid #aaa;border-radius: 5px;margin-right: 5px;}
.search_mask form input{width:160px;font-size:14px;line-height: 32px;padding:0 10px;display: block;height: 32px;background: unset;color:#fff;}
.search_mask form button{width: auto;color:#fff;font-size:14px;line-height: 32px;height: 32px;padding:0 10px;display: block;white-space: nowrap;background: unset;}

.index_foot{width:100%;padding:40px 0 55px;background: #f5f5f5;}
.index_foot .main{display: flex;justify-content: space-between;flex-wrap: wrap;}
.index_foot_left{width: 55%;display: block;}
.index_foot_right{width: 42.5%;display: block;}
.index_foot dl{width:100%;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.index_foot dl dt{width:100%;font-size:20px;line-height:50px;color:#000;position: relative;margin-bottom: 20px;}
.index_foot dl dt::before{content:'';width: 34px;height: 1px;background: #000;display: block;position: absolute;bottom:0;left:0;}
.index_foot dl dd{margin-right: 40px;font-size:14px;line-height: 26px;color:#181818;}
.index_foot_right dl dd{margin-right: 0;}
.index_foot_right dl dd a{display: block;align-items: center;justify-content: flex-start;font-size:12px;line-height: 16px;color:#000;margin-right: 30px;margin-bottom: 10px;text-align:center;}
.index_foot_right dl dd img{height: 30px;object-fit: contain;display: block;margin-right: 5px;margin:0 auto 5px;}


.index_foot_right dl dd a{position: relative;}
.index_foot_right dl dd .media_sub_img{position: absolute;top:100%;left:50%;transform: translateX(-50%);width:160px;display: block;z-index: 2;height:0;transition: all .5s;overflow: hidden;
    
    -webkit-animation-duration: 1s; 
     animation-duration: 1s; 
     -webkit-animation-fill-mode: both; 
     animation-fill-mode: both;
}
.index_foot_right dl dd:hover .media_sub_img{height: 160px;}
.index_foot_right dl dd .media_sub_img img{width:100%;height: 160px;object-fit: contain;display: block;}

@media screen and (max-width: 750px) {
    .index_foot_left,.index_foot_right{width:100%;}
    
    .index_foot dl:first-child{margin-bottom:30px;}
    
    .index_foot dl dt{font-size:18px;line-height: 36px;margin-bottom: 10px;}
    .index_foot dl dd{font-size:14px;line-height: 24px;}
    
    
    .index_foot_right dl dd:nth-child(2) .media_sub_img{left:0;transform: translateX(0);}
}
.footer{width:100%;background: #000;color:#fff;}
.footer_nav{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;padding:34px 0 20px;border-bottom: 1px solid #4d4d4d;}
.footer_nav .logo{margin-bottom: 10px;margin-right:10%;}
.footer_nav ul{flex-grow: 1;display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;margin-bottom: 10px;}
.footer_nav li a {width:auto;font-size:14px;line-height: 24px;color:#fff;display: block;padding:0 35px;}
.footer_nav dl{width: auto;display: flex;justify-content: flex-end;align-items: center;margin-bottom: 10px;}
.footer_nav dd{width:auto;margin-left:10px;}
.footer_nav dd a{display: block;}
.footer_nav dd img{height: 19px;object-fit: contain;display: block;}
@media screen and (max-width: 1000px) {
    .footer_nav{justify-content: center;}
    .footer_nav .logo{margin-right: 0;width:100%;}
    .footer_nav .logo a{width: 100%;display: flex;justify-content: center;}
    .footer_nav ul{width:100%;justify-content: center;}
    .footer_nav li {padding:0 5px;white-space: nowrap;}
    .footer_nav li a{padding:0;}
    .footer_nav dl{justify-content: center;padding:0 5px;}
}

.footer_copy_right{width: 100%;text-align: center;display: flex;justify-content: center;flex-wrap: wrap;font-size:12px;line-height: 32px;color:#777;padding:21px 0;}
.footer_copy_right a{display: inline-block;color:#777;}

    
.footer.animated{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: inherit !important;
    animation-fill-mode: inherit !important;
    animation-name:unset !important;
    visibility:visible !important;
}


.web_nav{width:100%;height: 100vh;overflow: hidden;position: fixed;top:0;left:-100%;/*background: rgba(0,0,0,.4);*/z-index:10000;}
.web_nav_bg{width:100%;height: 100%;position: relative;z-index: 1;}
.web_nav_box{width:60%;max-width: 470px;background: rgba(255,255,255,0.8);padding:55px 30px 0 65px;height: 100vh;overflow: hidden;z-index:2;position: absolute;top:0;left:0;}
.web_nav_title{width:100%;display: flex;justify-content: space-between;align-items: center;height: 124px;padding-bottom: 100px;}
.web_nav_logo,.web_nav_logo a,.web_nav_logo a img{height: 24px;object-fit: contain;display: block;}
.web_nav_close,.web_nav_close img{width: 24px;height: 24px;display: block;object-fit: contain;}
.web_nav_main{width:100%;display: block;max-height: calc(100vh - 180px);overflow-y: auto;}
.web_nav_main::-webkit-scrollbar{display: none;}
.web_nav_main ul,.web_nav_main li ,.web_nav_main li a{width:100%;display: block;}
.web_nav_main li a{font-size:16px;line-height: 62px;color:#000;position: relative;overflow: hidden;}
.web_nav_main li a i{width: auto;display: inline-block;position: relative;top:0;transition: .3s;}
.web_nav_main li a i::after{content: attr(data-title);width: 100%;position: absolute;top:100%;left:0;color:#8cc63e;}
.web_nav_main li a i:hover{top:-62px;}


@media screen and (max-width: 750px) {
    .web_nav_box{padding:6vw 6% 0;}
    .web_nav_title{height: 64px;padding-bottom: 40px;}
    .web_nav_main li a{line-height: 42px;}
    .web_nav_main{max-height: calc(100% - 6vw - 64px);}
}

.page{width:100%;display: block;}
.page ul{width: 100%;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.page li a{width: auto;margin:0 3px;font-size:14px;line-height: 30px;border:1px solid #eee;padding:0 10px;background: #fff;color:#333;display: block;border-radius: 5px;cursor: pointer;}
.page li a:hover,.page li a.current{background: #007aff;color:#fff;border-color: #007aff;}
.page li a.disabled:hover,.page li a.disabled{background: #eee;color:#fff;border-color:#eee;cursor: not-allowed;}