@import "https://at.alicdn.com/t/font_3442609_jyr4pi6x3ao.css";
* {margin: 0;padding: 0;box-sizing: border-box;}
body {width: 100%;min-width:320px;margin: 0 auto;font-size: 14px;line-height:1.5;font-family:Arial,Microsoft Yahei,Helvetica Neue,Helvetica,sans-serif;color: #333;overflow-x: hidden;}
body{scrollbar-width: none;-ms-overflow-style: none;}
body::-webkit-scrollbar{display: none;}
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 ,textarea:focus ,button{outline: none;}
iframe{width:100%;height: 100%;}
img{border:none;}
li{list-style: none;}
select {
        -webkit-appearance: none;
    }

.clear{clear: both;}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
    -webkit-text-fill-color: #807c7c;
    transition: background-color 5000s ease-out 0.5s;
}

.flex_space_between{display: flex !important;justify-content: space-between;}
.flex_start{display: flex !important;justify-content: flex-start;}
.flex_end{display: flex !important;justify-content: flex-end;}
.flex_center{display: flex !important;justify-content: center;}
.align_center{align-items: center;}
.align_start{align-items: flex-start;}
.align_end{align-items: flex-end;}
.align_baseline{align-items: baseline;}
.flex_wrap{flex-wrap: wrap;}

.bg_4a9df1{background: #4a9df1;}
.bg_6fdbee{background: #6fdbee;}

.color_black{color:#333}
.color_gray{color:#999}
.color_blue{color:#3d85dc}
.color_red{color:#ee3d3d}

.font_size_14{font-size:14px !important;}
.font_bold{font-weight: 700;}

.border_bottom_black{border-bottom:1px solid #eee;}
.bg_white{background: #fff;transition: all ease .5s;}


.main{width:100%;max-width: 1200px;margin:0 auto;}
.header .main{max-width: unset;padding:0 6.25%;}
@media screen and (max-width: 750px) {
    .header .main{padding:0 2%;}
}

.fixed_top{position: fixed;top:0;left:0;right:0;z-index:10;}
.header{width:100%; }
.header_bg_color{
    background: rgba(0,0,0,0);
    background: -moz-linear-gradient(top,  rgba(0,0,0,.2) 0%,  rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.2)), color-stop(70%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top,  rgba(0,0,0,.2) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(top,  rgba(0,0,0,.2) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,.2) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,.2) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,0,0,.2)', endColorstr='rgba(0,0,0,0)',GradientType=0 );
}
.header .logo{display: block;}
.header .logo a{padding:10px 0;display: block;}
.header .logo img{height: 60px;object-fit: contain;}
@media screen and (max-width: 1200px) {
    .header .logo img{height: 30px;}
}

.header .header_black_logo{display: none;}
.header .header_logo{display: block;}
.header.header_black .header_black_logo{display: block;}
.header.header_black .header_logo{display: none;}

.nav{width:100%;}
.nav i{color:#fff;}
.nav_contact{width:auto;padding:10px;display: block;color:#fff;line-height: 60px;position: relative;}
.nav_contact i{font-size:16px;}
.nav_contact_popup{width:100px;position: absolute;top:60px;left:60%;transform: translateX(-50%);height: 0;transition: height ease .3s;overflow: hidden;}
.nav_contact:hover .nav_contact_popup{height: 100px;}
.nav_contact_popup img{width:100%;object-fit: contain;display: block;}
.nav_website{margin-left:10px;display: block;}
.nav ul{width:auto;display: block;}
.nav ul li{position: relative;display: block;overflow: hidden;}
.nav ul li a {width:auto;padding:0 25px;display: block;color:#fff;line-height: 60px;font-size:16px;}
.nav ul li a:hover,.nav ul li a.active{color:#ee3d3d !important;}
.nav ul li dl{min-width: 200px;position: absolute;top:100px;left:50%;transform: translateX(-50%);background: #fff;padding:10px 0;opacity: 0;z-index:-1;transition: all ease .3s;border-radius: 3px;box-shadow: 0 0 5px rgba(0,0,0,.3);}
.nav ul li:hover{overflow: unset;height: unset;}
.nav ul li:hover dl{top:60px;z-index:9;opacity: 1;}
.nav ul li dl a{color:#333;white-space: nowrap;padding:0 20px;line-height: 36px;text-align: center;display: block;font-size:14px;}
.nav ul li dl a:hover{background: #f8f8f8;color:#ee3d3d;}
.nav ul li dl i{position: absolute;top:-20px;left:50%;transform: translateX(-50%);font-size:30px;color:#fff;}
.nav_website dl{position: relative;display: block;margin:0 10px 0 5px;}
.nav_website dl a{color:#fff;}
.nav_website dl dt{font-size:14px;line-height: 30px;display: block;color:#fff;cursor: pointer;}
.nav_website dl dd{min-width:50px;position: absolute;top:30px;right:0;display: block;cursor: pointer;color:#fff;font-size:12px;height: 0;transition: height ease .3s;overflow: hidden;text-align: right;}
/*.nav_website dl dd:nth-child(2){top:50px;}*/
.nav_website:hover dd{height: 20px;line-height: 20px;}
.header_black a,.header_black dt,.header_black i,.header_black .web_nav_btn{color:#000 !important;}
.header_black .nav ul li dl i{color:#fff !important;}
.web_nav_btn{display: none;}
.web_nav{display: none;}
.nav_website dl dd:hover a{color: #ee3d3d !important;}
@media screen and (max-width: 1200px) {
    .nav{display: none !important;}
    .header{width:100%;/*padding:0 2%;*/}
    .web_nav_btn{width:50px;text-align: right;font-size:30px;color:#fff;display: block;}
}


.footer{width:100%;padding:5% 0;background: #f8f8f8;}
.footer_link{width:auto;border:1px solid #eee;padding:0 50px;}
.footer_link_list {width:auto;display: block;position: relative;}
.footer_link_list a{display: block;position: relative;}
.footer_link_list a i{font-size:20px;height: 36px;line-height:36px;width:50px;text-align: center;color:#666;display: block;}
.footer_link_list a:hover i{color:#ee3d3d;}
.footer_link_list_popup{width:100px;height: 0;position: absolute;top:0;left:50%;transform: translateX(-50%);background: #fff;overflow: hidden;opacity: 0;transition: all ease .3s;z-index:9;}
.footer_link_list_popup img{width: 100%;height: 100%;object-fit: contain;display: block;padding:5px;}
.footer_link_list:hover .footer_link_list_popup{height: 100px;opacity: 1;top:-100px;}
.copy_right{width:100%;margin-top:5%;font-size:14px;line-height: 20px;}
.copy_right img{margin-right: 10px;height: 15px;object-fit: contain;display: block;}
.copy_right_left{min-width: 200px;}
.copy_right_left:nth-child(3){text-align: right;}
.copy_right_center a{margin-left:10px;}
.copy_right_center a:hover{color:#ee3d3d;}
@media screen and (max-width: 800px) {
    .copy_right_left,.copy_right_center{width:100%;text-align: center !important;justify-content: center;}
}
@media screen and (max-width: 1200px) {
    .web_nav{width:100%;height: 100vh;overflow-y: auto;position: fixed;z-index:9;top:0;right:0;bottom:0;left:0;background: #000;padding:70px 0 20px;display: none;}
    .web_nav ul{width:100%;height: 100%;padding:0 5%;}
    .web_nav ul li{width:100%;}
    .web_nav ul li{border-bottom:1px solid #222;}
    .web_nav ul li a{font-size:16px;line-height: 56px;color:#fff;display: block;}
    .web_nav ul li i{color:#fff;width:50px;text-align: right;line-height: 56px;}
    .web_nav dl{width:100%;display: none;}
    .web_nav dl dd,.web_nav dl dd a{width:100%;display: block;}
    .web_nav dl dd a{font-size:14px;color:#eee;padding:0 5%;background: #111;border-top:1px dashed #222;}
    .web_nav ul li a.active,.web_nav dl dd a.active{color:#ee3d3d;}
}
.footer_link_list_img{width:20px;height: 20px;object-fit: contain;display: block;margin:10px 20px;transition: all ease .3s;}
.footer_link_list_img.hover{opacity: 0;transition: all ease .3s;position: absolute;top:0;left:50%;transform: translateX(-50%);z-index:2;margin:0;}
.footer_link_list a:hover .footer_link_list_img{opacity: 0;}
.footer_link_list a:hover .footer_link_list_img.hover{opacity: 1 !important;}