@charset "utf-8";
/* CSS Document */
html{
    font-size: 12px;}
@font-face {
  font-family: 'iconfont';  /* project id 2705348 */
  src: url('//at.alicdn.com/t/font_2705348_92ei5nbu93k.woff2?t=1628489194584') format('woff2'),
       url('//at.alicdn.com/t/font_2705348_92ei5nbu93k.woff?t=1628489194584') format('woff'),
       url('//at.alicdn.com/t/font_2705348_92ei5nbu93k.ttf?t=1628489194584') format('truetype');}
.container {
    padding: 0;
    width: 100%;}
.clearfix:after, .clearfix:before {
    content: " ";
    display: table;}
.onlyPC{
    display: none;}
.onlyWAP{
    display: none;}

/*屏幕宽度大于1200px &&  pc端基础*/ 
@media screen and (min-width: 1px){ 
    .onlyPC{
        display: block;}
    .onlyWAP{
        display: none;}

    header{
        width: 100%;
        display: inline-block;
        margin: 0;
        position: relative;
        z-index: 110;
        float: left;}
    header .search_form{
        background: #262626;
        color: #fff;
        margin: 0;
        overflow: hidden;
        width: 100%;
        height: 50px;
        position: absolute;
        top: 0;
        left: 0;
        height: 0;
        transition: height 0.5s;}
    header .search_form .container_inner{
        width: 1100px;
        margin: 0 auto;
        position: relative;}
    header .search_form .container_inner .search_logo{
        color: #959595;
        font-size: 13px;
        display: inline-block;
        float: left;
        line-height: 50px;
        width: 5%;
        text-align: center;
        background: transparent;
        outline-style: none;
        border: 0;}

    header .search_form .container_inner .qwss{
        background-color: #262626;
        border: none;
        box-shadow: none;
        color: #959595;
        display: inline-block;
        font-size: 13px;
        line-height: 20px;
        height: 20px;
        margin: 15px 0;
        font-family: inherit;
        outline: 0;
        outline-offset: 0;
        -webkit-appearance: none;
        border-radius: 0;
        float: left;
        width: calc(90% - 20px);
        padding: 0 0 0 10px;}

    header .search_form .container_inner .search_submit{
        border: 0;
        clip: rect(0,0,0,0);
        height: 0px;
        margin: -1px;
        padding: 0;
        position: absolute;
        width: 0px;
        visibility: hidden;}

    header .search_form .container_inner .search_close{
        color: #959595;
        font-size: 13px;
        display: inline-block;
        float: right;
        line-height: 50px;
        width: 5%;
        text-align: center;}

    header .search_form .container_inner .search_close a{
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;}

    header .search_form .container_inner .search_close i{
        color: #959595;
        font-size: 13px;
        display: inline-block;
        float: left;
        line-height: 50px;}

    header .header_holder{
        position: relative;
        transition: top 0.5s;}

    header .pc_menu{}

    header .pc_menu .left_logo{
        width: 20%;
        max-height: 90px;
        position: absolute;
        left: 10px;
        top: 10px;}
    header .pc_menu .left_logo a{
        width: 100%;
        height: 100%;
        display: block;}
    header .pc_menu .left_logo img{
        width: 100%;
        height: 100%;
        max-height: 90px;
        object-fit: contain;
        object-position: left;}
    header .pc_menu .left_logo img.baseimg{
        display: block;}
    header .pc_menu .left_logo img.artimg{
        display: none;}

    header .pc_menu .pc_menu_box{
        height: 70px;
        width: 75%;
        position: absolute;
        left: 20%;
        padding-top: 1.5%;}

    header .pc_menu .pc_menu_box .right_icon{
        float: right;
        position: relative;
        z-index: 110;
        line-height: 70px;
        cursor: pointer;
        margin-left: 1%;}
    header .pc_menu .pc_menu_box .right_icon i{
        font-size: 16px;
        color: #fff;}

    header .pc_menu .pc_menu_box .center_nav{
        height: 70px;
        float: right;}

    header .pc_menu .pc_menu_box .center_nav .nav{}

    header .pc_menu .pc_menu_box .center_nav .nav li{
        float: left;
        height: 70px;
        line-height: 70px;
        width: 70px;
        margin-right: 1vw;
        position: relative;}
    header .pc_menu .pc_menu_box .center_nav .nav li:last-child{
        width: 220px;
        margin-right: -20px;}

    header .pc_menu .pc_menu_box .center_nav .nav li a{
        position: relative;
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 16px;
        letter-spacing: 1px;
        display: inline-block;
        width: 100%;
        height: 100%;}

    header .pc_menu .pc_menu_box .center_nav .nav li:hover > a{
        /*opacity: 0.8;*/
        color: #ff0000 !important;}
    header .pc_menu .pc_menu_box .center_nav .nav > li:hover:before{
        content: "";
        width: calc(100% + 10px);
        background: #000;
        opacity: 0.6;
        display: block;
        height: 50px;
        position: absolute;
        margin-top: 10px;
        margin-left: -5px;}
    header.header-fixed .pc_menu .pc_menu_box .center_nav .nav > li:hover:before{
        height: 70px;
        margin-top: 0;}
    header.header-fixed .pc_menu .pc_menu_box .center_nav .nav li:hover > a{
        color: #fff !important;}
    header .pc_menu .pc_menu_box .center_nav .nav > li:last-child:hover:before{
        width: calc(100% - 20px);}


    header .pc_menu .pc_menu_box .center_nav .nav li a span{
        position: absolute;
        left: 0;
        width: 100%;
        text-indent: -18%;
        font-size: 12px;
        padding-top: 50px;
        line-height: 12px;
        font-style: italic;
        transform: scale(0.75);}

    header .pc_menu .pc_menu_box .center_nav .nav li .nav-sec{
        display: none;
        margin-top: -1px;}

    header .pc_menu .pc_menu_box .center_nav .nav li:hover .nav-sec{
        display: block;
        position: absolute;
        width: 225px;}

    header .pc_menu .pc_menu_box .center_nav .nav li:hover .nav-sec:before{
        content: "";
        width: calc(100% + 10px);
        background: #000;
        opacity: 0.6;
        display: block;
        height: calc(100% + 10px);
        position: absolute;
        margin-top: -10px;
        margin-left: -5px;}

    header .pc_menu .pc_menu_box .center_nav .nav li .nav-sec li{
        padding: 0;
        width: 225px;
        height: 40px;
        line-height: 20px;
        float: left;}

    header .pc_menu .pc_menu_box .center_nav .nav li .nav-sec li a{
        color: #dae033 !important;}

    header .pc_menu .pc_menu_box .center_nav .nav li .nav-sec li:hover a{
        opacity: 0.8;
        color: #a8a8a8 !important;}

    header .pc_menu .pc_menu_box .center_nav .nav li .nav-sec li a span{
        padding-top: 22px;
        text-indent: -17%;}

    header .mobile_menu nav {
        /*padding-top: 100px;*/
        /*height: calc(100vh - 100px);*/
        height: 0;
        overflow: hidden;
        width: 100%;
        transition: height 1s;
        background: #000;}
    header .mobile_menu .accordion {
        width: 100%;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;}
    header .mobile_menu .accordion li {
        border-bottom: 1px solid #eaeaea;
        background: #000;
        width: 90%;
        margin-left: 5%;}
    header .mobile_menu .accordion .link{
        cursor: pointer;
        display: block;
        font-weight: 400;
        color: #888;
        padding: 10px 0;
        font-size: 18px;
        position: relative;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;}
    header .mobile_menu .accordion .link a {
        color: #7b7b7c;}
    header .mobile_menu .accordion li:last-child .link {
        border-bottom: 0;}
    header .mobile_menu .accordion li i {
        position: absolute;
        top: 16px;
        right: 12px;
        font-size: 12px;
        font-weight: bold;
        color: #595959;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;}
    header .mobile_menu .accordion li i.fa-chevron-down {
        right: 12px;
        left: auto;
        font-size: 16px;}
    header .mobile_menu .accordion li.open .link {}
    header .mobile_menu .accordion li.open .link > a{}
    header .mobile_menu .accordion li.open i {}
    header .mobile_menu .accordion li.open i.fa-chevron-down {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);}
    header .mobile_menu .submenu {
        display: none;
        background: #e5e5e5;
        font-size: 14px;}
    header .mobile_menu .submenu li {
        border-bottom: 1px solid #dcdddd;
        background: #e5e5e5;}
    header .mobile_menu .submenu a {
        display: block;
        text-decoration: none;
        color: #7b7b7c;
        padding: 12px;
        padding-left: 42px;
        -webkit-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        transition: all 0.25s ease;}
    header .mobile_menu .submenu a:hover {
        background: #b63b4d;
        color: #FFF;}
    header .mobile_menu .fa-chevron-down:before{
        color: #962323;}

    .header-fixed{
        position: fixed;
        left: 50%;
        transform: translateX(-50%);
        height: 70px;
        z-index: 10000;}
    .header-fixed .header_holder{
        /*opacity: 0.7;*/
        height: 100%;}
    .header-fixed .pc_menu:before{
        background: #fff;
        content: "";
        width: 100%;
        height: 100%;
        opacity: 0.6;
        display: block;
        position: absolute;}
    .header-fixed .pc_menu .left_logo{
        left: 5px;
        top: 5px;}
    .header-fixed .pc_menu .left_logo img{
        height: 60px
    ;}
    .header-fixed .pc_menu .left_logo img.baseimg{
        display: none;}
    .header-fixed .pc_menu .left_logo img.artimg{
        display: block;}
    .header-fixed .pc_menu .pc_menu_box{
        padding-top:0;}
    .header-fixed .pc_menu .pc_menu_box .right_icon i{
        color: #000;}
    .header-fixed .pc_menu .pc_menu_box .center_nav .nav li{
        line-height: 60px;}
    .header-fixed .pc_menu .pc_menu_box .center_nav .nav li a{
        color: #000;}
    .header-fixed .pc_menu .pc_menu_box .center_nav .nav li .nav-sec{
        opacity: 0.7;
        background: #fff;
        padding: 10px 0;}
    .header-fixed .pc_menu .pc_menu_box .center_nav .nav li:hover .nav-sec:before{
        opacity: 1;}
    .header-fixed .pc_menu .pc_menu_box .center_nav .nav li .nav-sec li{
        line-height: 60px;
        width: 200px;
        height: 40px;}
    .header-fixed .pc_menu .pc_menu_box .center_nav .nav li .nav-sec li a{
        width: 180px;
        height: 35px;
        display: block;
        padding: 0 10px;
        line-height: 30px;}
    .header-fixed .pc_menu .pc_menu_box .center_nav .nav li .nav-sec li a span{
        padding-top: 25px;
        text-indent: -11%;}

    footer{
        float: left;
        clear: both;
        width: 98%;
        background: #000;
        padding: 1%;
        padding-top: 0;}
    footer .container{
        background-color: #262626;
        clear: both;
        float: left;
        padding: 3% 0%;}
    footer .container .container_inner{}
    footer .container .container_inner .column1,
    footer .container .container_inner .column2,
    footer .container .container_inner .column3,
    footer .container .container_inner .column4{
        width:22.5%;
        float: left;
        margin-left: 2%;}
    footer .container .container_inner .column1 .title,
    footer .container .container_inner .column2 .title,
    footer .container .container_inner .column3 .title,
    footer .container .container_inner .column4 .title{
        font-size: 16px;
        color: #e8e8e8;
        border-bottom: #757575 1px solid;
        display: block;
        width: 100%;
        padding-bottom: 8%;
        letter-spacing: 1px;}
    footer .container .container_inner .column1 .text,
    footer .container .container_inner .column2 .text,
    footer .container .container_inner .column3 .text,
    footer .container .container_inner .column4 .text{
        padding-top: 8%;
        color: #fff;
        font-size: 16px;
        line-height: 32px;}
    footer .container .container_inner .column1 .text .cn{
        margin-bottom: 32px;}
    footer .container .container_inner .column1 .text .en{}
    footer .container .container_inner .column2 .text a{
        color: #fff;
        font-size: 16px;
        line-height: 32px;}
    footer .container .container_inner .column2 .text .cn{
        width: 50%;
        float: left;}
    footer .container .container_inner .column2 .text .en{
        width: 40%;
        float: left;
        margin-left: 10%;}

    footer .container .container_inner .column3 ul{
        width: 100%;}
    footer .container .container_inner .column3 ul li{
        width: 50%;
        float: left;
        margin-bottom: 8%;}
    footer .container .container_inner .column3 ul li img{
        width: 120px;
        height: 120px;
        object-fit: cover;}
    footer .container .container_inner .column3 ul li span{
        width: 100%;
        float: left;
        font-size: 16px;}
    footer .container .container_inner .column4 .text a{
        color: #fff;
        font-size: 16px;
        line-height: 32px;}

}
/*屏幕宽度 大于1000px 小于1200px*/ 
@media screen and (max-width: 1200px){
    .onlyPC{
        display: block;}
    .onlyWAP{
        display: none;}
    header .search_form .container_inner{
        width: 950px;}
    header .pc_menu .pc_menu_box{
        width: 78%;}
    header .pc_menu .pc_menu_box .center_nav .nav li{
        width: 65px;
        margin-right: 0.8vw;}
    header .pc_menu .pc_menu_box .center_nav .nav li:last-child{
        width: 210px;
        margin-right: -20px;}
    header .pc_menu .pc_menu_box .center_nav .nav li a{
        font-size: 14px;}
    header .pc_menu .pc_menu_box .center_nav .nav li a span{
        text-indent: -22%;
        transform: scale(0.7);}
    header .pc_menu .pc_menu_box .center_nav .nav li .nav-sec li a span{
        text-indent: -22%;}
    .header-fixed .pc_menu .pc_menu_box .center_nav .nav li .nav-sec{
        width: 190px !important;}
    .header-fixed .pc_menu .pc_menu_box .center_nav .nav li .nav-sec li{
        width: 190px;}

    footer .container .container_inner .column1 .title,
    footer .container .container_inner .column2 .title,
    footer .container .container_inner .column3 .title,
    footer .container .container_inner .column4 .title{
        font-size: 14px;}
    footer .container .container_inner .column1 .text,
    footer .container .container_inner .column2 .text,
    footer .container .container_inner .column3 .text,
    footer .container .container_inner .column4 .text{
        font-size: 14px;
        line-height: 28px;}
    footer .container .container_inner .column2 .text a{
        color: #fff;
        font-size: 14px;
        line-height: 28px;}
    footer .container .container_inner .column3 ul li img{
        width: 100px;
        height: 100px;}
    footer .container .container_inner .column3 ul li span{
        font-size: 14px;}
    footer .container .container_inner .column4 .text a{
        color: #fff;
        font-size: 14px;
        line-height: 28px;}
}
/*屏幕宽度 大于768px 小于1000px*/ 
@media screen and (max-width: 1000px){
    .onlyPC{
        display: none;}
    .onlyWAP{
        display: block;}
    header .header_holder{
        opacity: 1 !important;}
    header .search_form .container_inner{
        width: 768px;}
    header .header_holder .container_inner{
        width: 100%;
        background-color: #000000;}
    header .mobile_menu{
        width: 100%;
        height: 100px;
        margin: 0 auto;}
    header .mobile_menu .left_icon,header .mobile_menu .right_icon{
        display: inline-block;
        float: left;
        line-height: 100px;
        width: 5%;
        text-align: center;
        cursor: pointer;}
    header .mobile_menu .left_icon{
        padding-left: 5%;}
    header .mobile_menu .right_icon{
        padding-right: 5%;}
    header .mobile_menu .left_icon i,header .mobile_menu .right_icon i{
        color: #959595;
        font-size: 16px;
        display: inline-block;
        float: left;
        line-height: 100px;
        width: 100%;}
    header .mobile_menu .center_logo{
        display: inline-block;
        float: left;
        height: 100%;
        line-height: 100px;
        text-align: center;
        width: 80%;}
    header .mobile_menu .center_logo img{
        width: 30%;
        max-height: 50%;
        object-fit: contain;}

    footer .container .container_inner .column1,
    footer .container .container_inner .column2,
    footer .container .container_inner .column3,
    footer .container .container_inner .column4{
        width:46%;
        margin-left: 2%;    
        margin-right: 2%;
        min-height: 350px;}

    footer .container .container_inner .column3 ul li img{
        width: 120px;
        height: 120px;}

}
/*屏幕宽度 小于768px*/ 
@media screen and (max-width:768px){

    .onlyPC{
        display: none;}
    .onlyWAP{
        display: block;}
    header .search_form .container_inner{
        width: 600px;}
    header .mobile_menu{
        width: 100%;}

    header .search_form .container_inner .search_logo{
        
        width: 10%;}
}
/*屏幕宽度 小于768px*/ 
@media screen and (max-width:600px) {
    .onlyPC{
        display: none;}
    .onlyWAP{
        display: block;}
    header .search_form .container_inner{
        width: 420px;}
    header .mobile_menu{
        width: 100%;}

    footer .container .container_inner .column1,
    footer .container .container_inner .column2,
    footer .container .container_inner .column3,
    footer .container .container_inner .column4{
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        min-height: auto;
        padding-top: 8%;}

    footer .container .container_inner .column1 .title,
    footer .container .container_inner .column2 .title,
    footer .container .container_inner .column3 .title,
    footer .container .container_inner .column4 .title{
        padding-bottom: 5%;}
    footer .container .container_inner .column1 .text,
    footer .container .container_inner .column2 .text,
    footer .container .container_inner .column3 .text,
    footer .container .container_inner .column4 .text{
        padding-top: 5%;}

    footer .container .container_inner .column3 ul li img{
        width: 150px;
        height: 150px;}

}
/*屏幕宽度 小于450px*/ 
@media screen and (max-width:450px) {

    .onlyPC{
        display: none;}
    .onlyWAP{
        display: block;}
    header .search_form .container_inner{
        width: 90%;
        margin-left: 5%;}

    footer .container .container_inner .column1,
    footer .container .container_inner .column2,
    footer .container .container_inner .column3,
    footer .container .container_inner .column4{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        min-height: auto;
        padding-top: 8%;}

    footer .container .container_inner .column1 .title,
    footer .container .container_inner .column2 .title,
    footer .container .container_inner .column3 .title,
    footer .container .container_inner .column4 .title{
        padding-bottom: 5%;}
    footer .container .container_inner .column1 .text,
    footer .container .container_inner .column2 .text,
    footer .container .container_inner .column3 .text,
    footer .container .container_inner .column4 .text{
        padding-top: 5%;}

    footer .container .container_inner .column3 ul li img{
        width: 120px;
        height: 120px;}

}