@charset "utf-8";

body{ margin:0 auto; font-size:14px;color:#333; font-family:arial,'helvetica neue','SYSTM','pingfang SC','microsoft yahei ui','microsoft yahei','simsun',sans-serif; line-height:normal;}
*{padding:0; margin:0;box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;outline: none;}

ul,li{ list-style:none;}
li{float: left;}

img{border:0px;max-width: 100%;height: auto;vertical-align: middle;}
a { color:#333; text-decoration:none;}
dd,dl,dt,em,h4,h5,h6{font-weight:normal;font-style:normal}
a:hover{text-decoration: none;transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;}
a:active{text-decoration:none}
a:focus{outline:none;}
.clear{ clear:both;}
.fl{float: left;}
.fr{float: right;}

input,textarea{border: none;outline: none; background:none;}
button{border: none;outline: none; background:none;cursor: pointer;}
::-webkit-file-upload-button{cursor: pointer;}

h3{transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;}
::before,::after{transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;}

.floats{float: left;width: 100%;}
.centers{margin: 0 auto;max-width: 1400px;clear:both;}
.paddings{padding: 60px 0;}
.backfa{background-color: #fafafa;}

.swiper,.swiper-wrapper,.swiper-slide{cursor: pointer;}
.pagination{transition: 0;-webkit-transition: 0;-ms-transition: 0;}

/* @font-face{
    font-family: 'DIN';
    src:url('../libs/D-DIN.otf'),
    url('../libs/D-DIN.otf'),
    url('../libs/D-DIN.otf');
} */
  .herader_user{
        position: relative;
    }
    .admin_user{
        display: none;
        top: 30px;
        right: 134px;
        position: absolute;
        width: 181px;
        padding: 0 30px;
        height: 242px;
        background: #FFFFFF;
        box-shadow: 0px 3px 30px 1px rgba(0,0,0,0.1608);
        border-radius:8px;
        opacity: 1;
        z-index: 10000;
    }
    .admin_user a{
        display: block;
        text-align: center;
      
        height: calc(100% / 4);
        /* line-height: 2; */
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .admin_user a img{
        margin-right: 5px;
    }
    .b_b{
        border-bottom: 1px solid #CFCFCF;
    }
    .admin_user:hover{
        display: block;
    }
    .thead-login:hover+.admin_user{
        display: block !important;
    }
.thead{background-color:#A1231F;}
.thead-logo{margin:35px 0;}
.thead-main{background: url('../img/head-bg.png') right bottom no-repeat;}
.thead-language,.thead-login{font-size: 16px;line-height: 24px;color:#fff;margin-left: 32px;margin-top: 31px;}
.thead-language1,.thead-language2 ,.thead-login1{display:none;}
.thead-language img,.thead-login img{position: relative;top:-1px; width: 24px;margin-right: 2px;}
.thead-search{width: 285px;background-color: #fff;border-radius: 5px;overflow: hidden;margin-top: 10px;}
.thead-search .text{float: left;width: calc(100% - 73px);font-size: 14px;line-height: 39px;height:39px; padding:0 20px 0 40px;background: url('../img/search.png') 15px center no-repeat;}
.thead-search .text::-webkit-input-placeholder{color:#999;}
.thead-search .text::-ms-input-placeholder{color:#999;}
.thead-search .submit{float: left;width: 73px;height:39px;border-radius: 5px;background-color: #B28730;color:#fff;}

.tnav{background-color: #fff;position: relative;z-index: 99;}
.tnav-main{display: flex;justify-content: space-around;}
.tnav-main > li{position: relative;z-index: 30;}
.tnav-main > li > a{position: relative; display: block; font-size: 18px;color:#707070;line-height: 68px;padding:0 15px;}
.tnav-main > li > a::before{content:'';position: absolute;left:0;right:0;margin:0 auto;bottom:14px;background-color: #A1231F;width: 0px;height:2px;}
.tnav-main > li.cur > a{color:#A1231F;}
.tnav-main > li.cur > a:before{width: 38px;}

.tnav-main .sub-nav{display: none; position: absolute;top:100%;left:50%;width: 150px;padding: 6px 0;background-color: rgba(255,255,255,0.9);transform: translate(-50%,0);}
.tnav-main .sub-nav li{width: 100%;}
.tnav-main .sub-nav li a{display: block;font-size: 15px;text-align: center;line-height: 20px;padding:12px;}
.tnav-main li:hover .sub-nav{display: block;}

.tfooter{background: url('../img/foot-bg.png') center center no-repeat;background-size: cover;padding:68px 0 55px;}
.tfooter-logo{margin-right: 110px;}
.tfooter-contact{margin-right: 52px;padding-top: 6px;}
.tfooter-contact li{font-size: 16px;line-height: 20px;color:#fff;clear: both;margin-bottom: 16px;}
.tfooter-contact li:last-child{margin-bottom: 0;}
.tfooter-contact li img{position: relative;top:-2px;margin-right: 8px;}
.tfooter-down{border-top: 1px solid rgba(255,255,255,0.5);margin-top: 68px;padding-top: 32px;}
.tfooter-down .mains span,.tfooter-down .mains a{color:#fff;opacity: 0.6;line-height: 44px;}
.tfooter-down .friends{position: relative;margin-top: -5px;}
.tfooter-down .friends h3{width: 217px;font-size: 16px; line-height: 44px;margin-top: 5px; font-weight: normal; background: url('../img/friend-jt.png') 90% center no-repeat; background-color: rgba(255,255,255,0.37);border-radius: 6px;padding:0 20px;color:#fff;cursor: pointer;}
.tfooter-down .friends span{position: absolute;bottom:100%;left:0;width: 100%;max-height: 0px;background-color: rgba(255,255,255);overflow-y: auto;border-radius: 6px;padding:8px 0;opacity: 0;}
.tfooter-down .friends span::-webkit-scrollbar {width: 3px;}
.tfooter-down .friends span::-webkit-scrollbar-thumb {border-radius: 6px;background: rgba(0,0,0,0.2);}
.tfooter-down .friends a{display: block;padding:0 15px;color:#333;font-size: 14px;line-height: 28px;}
.tfooter-down .friends:hover span{max-height: 150px;opacity: 1;}

/*内容*/
.tcontentss,.tcontentss p,.tcontentss span{font-size: 16px !important;line-height: 2 !important;}
/*.tcontentss p,.tcontentss span{display: block;color: #666; margin-top: 15px;}*/
.tcontentss p,.tcontentss span{color: #666; margin-top: 15px;}
.tcontentss p:first-child,.tcontentss span:first-child{margin-top: 0;}
.tcontentss h3{font-size: 20px;line-height: 25px; margin:38px 0 20px;font-weight: bold;}
.tcontentss h3:first-child{margin-top: 0;}
.tcontentss table{border:1px solid #eee;border-spacing: 0;width: 100%;}
.tcontentss table td{border:1px solid #eee;padding: 13px 22px;color: #999;}

/*分页*/
.n-page{text-align: center;margin-top:58px;display: flex;justify-content: center;}
.n-page li{display: block;height:38px;line-height: 38px; background: #fff;
font-size:16px;cursor: pointer;border:1px solid #ccc;margin:0 5px;display: inline-block;}
.n-page li:first-child,.n-page li:last-child{font-size: 18px;line-height: 34px;}
.n-page li a{color:#999;display: block; padding:0 14px}
.n-page li span{padding:0 14px}
.n-page li.active{background:#A1231F;color:#fff;border-color: #A1231F;}
 .select {
            display: flex;
            clear: both;
        }

        .xm-select-demo {
            width: 312px;
            /* line-height: 42px; */
            /* height: 42px; */
            /* border: 1px solid #d0d0d0; */
            /* font-size: 16px; */
            /* border-radius: 4px; */
        }

        xm-select {
            height: 42px;
            line-height: 42px;
            border-radius: 4px;
            border-color: #d0d0d0 !important;
        }

        .xm-label-block {
            background-color: #A1231F !important;

        }

        .xm-option .xm-icon-duox {
            /* color: #A1231F !important; */
            /* background-color: #A1231F !important; */
            border-color: #A1231F !important;
        }

        .selected .xm-iconfont {
            color: #A1231F !important;
            /* background-color:  !important; */
        }

        .rongyu {
            display: flex;
            clear: both;
        }

        .rongyu_tishi {
            margin-top: 10px;
            font-size: 14px;
            font-family: PingFang SC-Regular, PingFang SC;
            font-weight: 400;
            color: #A1231F;
        }

        .select_item {
            padding: 13px;
            border: 1px dashed #D0D0D0;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }

        .select_item_row {
            display: flex;
            align-items: center;
            margin-right: 10px;
            padding: 6px 11px;
            margin-bottom: 10px;
            background-color: rgba(161, 35, 31, 0.3);
            color: #A1231F;
        }

        .icon-close {
            font-family: "xm-iconfont" !important;
            margin-left: 10px;
            cursor: pointer;
        }

        .icon-close::before {
            content: "\e601";
        }
         .imge_user{
             display: flex;
             align-items: end;
         }
         .imge_txt{
             margin-left: 10px;
             font-size: 14px;
            font-family: PingFang SC-Regular, PingFang SC;
            font-weight: 400;
            color: #666666;
         }
@media screen and (min-width: 769px){

    .thead-language:hover,.thead-login:hover{opacity: 0.8;}

    .tnav-main > li:hover > a{color:#A1231F;}
    .tnav-main > li:hover > a:before{width: 38px;}

    .tnav-main .sub-nav li a:hover{background-color: #A1231F;color:#fff;}

    .tfooter-down .mains a:hover{opacity: 1;}
    .tfooter-down .friends a:hover{background-color: #A1231F;color:#fff;}

    /* 内容 */
    .n-page li:hover{background:#A1231F;color:#fff;border-color: #A1231F;}
    .n-page li:hover a{color:#fff;}
     

}

@media screen and (max-width: 1465px){

    .centers{max-width: 1200px;}
    .paddings{padding:54px 0;}

    .thead-logo{margin:30px 0;}
    .thead-logo img{height: 60px;}
    .thead-language, .thead-login{margin-top: 10px;font-size: 15px;}
    .thead-search .submit,.thead-search .text{line-height: 36px;height: 36px;}
    
    .tnav-main > li > a{font-size: 16px;line-height: 58px;}

    .tfooter{padding-bottom: 42px;}
    .tfooter-logo{height:60px;margin-right: 96px;}
    .tfooter-contact{margin-right: 46px;}
    .tfooter-contact li{font-size: 15px;}
    .tfooter-down .friends h3{font-size: 14px;}

    /* 内页 */
    .n-page{margin-top: 40px;}
    .n-page li{font-size: 14px;}

    .tcontentss, .tcontentss p, .tcontentss span{font-size: 14px !important;}
    .tcontentss p, .tcontentss span{margin-top: 12px;}

}

@media screen and (max-width: 1200px){

    .centers{padding:0 30px;}
    .paddings{padding:40px 0;}

    .thead-logo{margin: 24px 0;}
    .thead-logo img{height:48px;}
    .thead-language, .thead-login{font-size: 14px;margin-top:17px;}
    .thead-language img, .thead-login img{width: 20px;}
    .thead-search{width: 248px;margin-top: 7px;}
    .thead-search .submit, .thead-search .text{line-height: 34px;height: 32px;}
    .thead-search .submit{width: 65px;}
    .thead-search .text{width: calc(100% - 65px);background-size: 15px auto;}

    .tnav .centers{padding:0;}
    .tnav-main > li > a::before{bottom:7px;height:1px;}
    .tnav-main > li > a{font-size: 14px;padding:0 12px;line-height: 48px;}
    .tnav-main .sub-nav{width: 100%;}
    .tnav-main .sub-nav li a{font-size: 13px;line-height: 17px;padding:5px 8px;}

    .tfooter {padding:38px 0 30px;}
    .tfooter-logo{height:48px;margin-right: 50px;}
    .tfooter-contact{margin-right: 28px;}
    .tfooter-contact li{font-size: 14px;}
    .tfooter-down{margin-top: 38px;padding-top: 15px;}
    .tfooter-down .mains{width: 100%;}
    .tfooter-down .friends{float: left;}
     .xm-select-demo,.select_list {
        width:calc(100% - 150px);
    }
}

@media screen and (max-width: 988px){

    .tfooter-logo{display: none;}

}

@media screen and (max-width: 768px){

    body{min-width: 320px;}
    .centers{padding: 0 15px;}
    .paddings{padding:20px 0;}

    .thead{position: fixed;top:0;left:0;z-index: 999;}
    .thead-logo{margin:12px 0 10px;}
    .thead-logo img{height: 20px;}
    .thead-search{display: none;}
    .thead-language, .thead-login,.tnavbtn{position: relative; font-size: 13px;margin-left:10px;margin-top: 10px;text-indent: -999999px;width: 24px;height: 24px;}
    .thead-language1, .thead-login1{position: relative; font-size: 13px;margin-left:10px;margin-top: 10px;text-indent: -999999px;width: 24px;height: 24px;}
    .thead-language2{position: relative; font-size: 13px;margin-left:10px;margin-top: 10px;text-indent: -999999px;width: 48px;height: 24px;}
    .thead-language, .thead-login{display:none;}
    .thead-language1,.thead-language2,.thead-login1{display:block;}
    .thead-language img, .thead-login img{width: 20px;position: absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
    .thead-language1 img, .thead-login1 img{width: 20px;position: absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
    .thead-language2 img{width:44px;height:20px;  position: absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
    
    .tnavbtn{float: right;width: 22px; height:2px;margin-top:22px; background-color: #fff;border-radius: 99px;}
    .tnavbtn::before,.tnavbtn::after{content:'';position: absolute;left:0; width: 100%;height:2px;border-radius: 99px;background-color: #fff;}
    .tnavbtn::before{top:-8px;}
    .tnavbtn::after{bottom:-8px;}
    .tnavbtn.cur{background: none;}
    .tnavbtn.cur::before{transform: rotate(-45deg);top:0;bottom:0;margin:auto 0;}
    .tnavbtn.cur::after{transform: rotate(45deg);top:0;bottom:0;margin:auto 0;}
    .thead .clear{display: none;}

    .tnav{display: none; position: fixed;top:42px;left:0;height:calc(100% - 42px);overflow-y: auto;padding:5px 0;transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;}
    .tnav-main > li > a{padding:0 15px;}
    .tnav-main{display: block;}
    .tnav-main > li{width: 100%;}
    .tnav-main > li > a:before{content:'';display: inline-block;width: 6px;height:2px;background-color: #A1231F;border-radius: 9px;position: relative;top:-5px;margin-right: 8px;}
    .tnav-main > li > a.sub:after{content:'';position: absolute;right:20px;top:0;bottom:0;margin:auto 0;width: 16px;height:16px;background: url('../img/login-navjt.png') center center no-repeat;background-size: 6px auto;}
    .tnav-main li:hover .sub-nav{display: none;}
    .tnav-main .sub-nav{float: left;width: 100%;position: relative;top:0;left:0;transform: translate(0,0);background-color: #f6f6f6;padding:0;transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;}
    .tnav-main .sub-nav li{width: 50%;border-left: 1px solid #fff;border-bottom: 1px solid #fff;}
    .tnav-main .sub-nav li:nth-child(2n-1){margin-left: 0;}
    .tnav-main .sub-nav li a{line-height: 23px;}
    .tnav-main > li.cur > a:before{width: 6px;}
    .tnav-main > li.cur > a.sub:after{transform: rotate(90deg);}
    
    .tfooter{padding:25px 0;}
    .tfooter-contact{width: 100%;margin-right: 0;padding-top: 0;}
    .tfooter-contact li{margin-bottom: 6px !important;width: 100%;text-align: center;}
    .tfooter-down{margin-top: 15px;}
    .tfooter-down .friends{display: none;}
    .tfooter-down .mains{text-align: center;}
    .tfooter-down .mains span, .tfooter-down .mains a{line-height: 22px;}
    .tfooter-down .mains a:nth-child(2){display: block;}


    .n-page{margin-top: 25px;margin-bottom: 0;}
    .n-page li{font-size: 12px;height: 28px;line-height: 28px;margin: 0 3px; margin-bottom: 5px;padding:0 10px;}
    .n-page li:first-child, .n-page li:last-child{line-height: 28px;}

    .tcontentss, .tcontentss p, .tcontentss span{font-size: 13px !important;}
    .tcontentss p, .tcontentss span{margin-top: 12px;}
    .tcontentss h3{font-size: 15px;line-height: 20px;margin:8px 0 12px;}
    .tcontentss h4{font-size: 14px;margin:8px 0 12px;} 
    .tcontentss img{margin-left: 0 !important;margin-top: 0 !important;width: 100%;margin-bottom: 12px;}
   .admin_user{
        display: none;
        top: 10px;
        right: 0;
        position: absolute;
        width: 181px;
        padding: 0 30px;
        height: 242px;
        background: #FFFFFF;
        box-shadow: 0px 3px 30px 1px rgba(0,0,0,0.1608);
        border-radius:8px;
        opacity: 1;
        z-index: 10000;
    }
     .select {
        display: block;
        clear: both;
    }
    .rongyu{
        display: block;
        clear: both;
    }
    .xm-select-demo,.select_list {
        width:100%;
    }
    .xm-select-demo{margin-top: 20px;}
        .imge_user{
             display: flex;
             align-items: end;
        width: 100%;
         }
         .imge_txt{
             margin-left: 10px;
             font-size: 14px;
            font-family: PingFang SC-Regular, PingFang SC;
            font-weight: 400;
            color: #666666;
         }
}