/* reset */



*{-webkit-tap-highlight-color:rgba(0,0,0,0);}



html { height: 100% ;-webkit-tap-highlight-color: rgba(0,0,0,0);  -webkit-tap-highlight-color: transparent;}



body { min-height: 100%;word-wrap: break-word;}



body { _height: 100% }



body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }



body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }



li { list-style-type: none }



h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; }



iframe, frame, fieldset, img { border: 0 none }



img { vertical-align: top }



input[type=button], input[type=submit], input[type=reset] { cursor: pointer }



button { cursor: pointer }



input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }



input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }



input[type=checkbox] { -webkit-appearance: checkbox }



input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }



textarea { overflow: auto; resize: none }



blockquote, q { quotes: none }



blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }



table { border-collapse: collapse; border-spacing: 0 }



caption, th { text-align: left }



th { font-weight: normal }



em, cite, address,i { font-style: normal }



sup { /*vertical-align: text-top*/ }



sub { vertical-align: text-bottom }



body, input, select, button, textarea { font-size: 14px; font-family:"Microsoft Yahei",arial,"\5b8b\4f53";  }



body { line-height: 1.5 }



a { text-decoration: none;-webkit-tap-highlight-color:transparent }



a { blr:expression(this.onFocus=this.blur()) }



a * { *cursor: pointer }



:focus { outline: none }



.edit_con_original{font-size: 16px; line-height:1.5; padding:0 0; /*color:#333;*/}



.edit_con_original ul{ margin:inherit; padding:inherit; padding-left:2em;}



.edit_con_original ul li { list-style-type:disc; margin:auto; }



.edit_con_original ol{ margin:inherit; padding:inherit}



.edit_con_original ol li { list-style-type:decimal; margin:auto; }



.edit_con_original h1 { font-size: 2em; font-weight:bold }



.edit_con_original h2 { font-size: 1.5em; font-weight:bold }



.edit_con_original h3 { font-size: 1.17em; font-weight:bold }



.edit_con_original h4 { font-size: 1em; font-weight:bold }



.edit_con_original h5 { font-size: 0.83em; font-weight:bold }



.edit_con_original h6 { font-size: 0.67em; font-weight:bold }



.edit_con_original em { font-style: italic }



.edit_con_original cite{ font-style: italic }



.edit_con_original address{ font-style: italic }



.edit_con_original i { font-style: italic }



.edit_con_original table{ border-collapse: separate; border-spacing: 2px }



.edit_con_original img{ max-width:100%; height:auto;}



.edit_con_original video{ max-width:100%;display: block;margin:auto;}











/*所有后台编辑器区域都要引用 edit_con_original 类名*/







/* clear 页头，页脚，内容区都不用再加清除样式 */



.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }



.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }



.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }











.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }











.err_position{ width:100%; height:auto; background:url(../images/errors.png) center no-repeat;}











/*隐藏视频下载按钮*/



video::-internal-media-controls-download-button {



    display:none;



}







video::-webkit-media-controls-enclosure {



    overflow:hidden;



}







video::-webkit-media-controls-panel {



    width: calc(100% + 30px);



}







/*图片经过*/



.tran_scale{ overflow:hidden; display:block;}



/*img{transition: All 0.7s ease-in-out;}*/



.tran_scale img{-webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;transition: opacity .4s ease-in,transform .6s linear;width: 100%;}











/*两端对齐*/



.justify { text-align:justify; text-justify:distribute-all-lines;}



/*上下居中*/



.v-m-c{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:50%;}







/*左右居中*/



.l-m-c{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0); position:absolute; left:50%; top:0;}







/*绝对居中*/



.a-m-c{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}







.animate{ transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1);}



.animate_slowx { transition: 2.5s all cubic-bezier(0.19, 1, 0.22, 1); }



.animate_fast{ transition: 1s all cubic-bezier(0.19, 1, 0.22, 1);}



.animate_slow{ transition: 10s all cubic-bezier(0.19, 1, 0.22, 1);}



.animate_normal{ transition: 0.5s all linear;}









/* 阿里图标 */

[class*='icon']{

    font-family: 'iconfont';

}



/*font-size*/

@font-face {

    font-family:MiSansLight;

    src:url('font/otf/MiSans-Light.otf')

}

@font-face {

    font-family:MiSansThin;

    src:url('font/otf/MiSans-Thin.otf')

}

html {

    font-size: calc((100vw / 1920));

}

body {

    /* font-size: 24rem; */
    font-size: 16px;

    font-family:MiSansLight !important;

}

.fnt_14{font-size:16px;}

.fnt_16{font-size:18px;}

.fnt_18{font-size:20px;}

.fnt_20{font-size:22px;}

.fnt_22{font-size:24px;}

.fnt_24{font-size:26px;}

.fnt_26{font-size:28px;}

.fnt_28{font-size:30px;}

.fnt_30{font-size:32px;}

.fnt_32{font-size:34px;}

.fnt_34{font-size:34px;}

.fnt_36{font-size:36px;}

.fnt_38{font-size:38px;}

.fnt_40{font-size:40px;}

.fnt_48{font-size:48px;}

.fnt_50{font-size:50px;}

.fnt_56{font-size:56px;}

.fnt_60{font-size:60px;}

.fnt_64{font-size:64px;}

.fnt_68{font-size:68px;}

.fnt_70{font-size:70px;}

.fnt_72{font-size:72px;}

.fnt_76{font-size:76px;}

.fnt_80{font-size:80px;}

.fnt_90{font-size:90px;}

.fnt_100{font-size:100px;}

.fnt_120{font-size:120px;}

@media only screen and (max-width:1660px) {
  .fnt_14 { font-size: 15px; }    
  .fnt_16 { font-size: 17px; }    
  .fnt_18 { font-size: 19px; }    
  .fnt_20 { font-size: 21px; }    
  .fnt_22 { font-size: 23px; }    
  .fnt_24 { font-size: 25px; }    
  .fnt_26 { font-size: 27px; }    
  .fnt_28 { font-size: 29px; }    
  .fnt_30 { font-size: 30px; }    
  .fnt_32 { font-size: 32px; }    
  .fnt_34 { font-size: 32px; }    
  .fnt_36 { font-size: 34px; }    
  .fnt_38 { font-size: 36px; }    
  .fnt_40 { font-size: 38px; }    
  .fnt_48 { font-size: 44px; }    
  .fnt_50 { font-size: 46px; }    
  .fnt_56 { font-size: 53px; }    
  .fnt_60 { font-size: 56px; }    
  .fnt_64 { font-size: 60px; }    
  .fnt_68 { font-size: 64px; }    
  .fnt_70 { font-size: 66px; }    
  .fnt_72 { font-size: 68px; }    
  .fnt_76 { font-size: 72px; }    
  .fnt_80 { font-size: 74px; }    
  .fnt_90 { font-size: 84px; }    
  .fnt_100 { font-size: 92px; } 
  .fnt_120 { font-size: 112px; } 
}
@media only screen and (max-width:1280px) {
  .fnt_14 { font-size: 14px; }
  .fnt_16 { font-size: 16px; }
  .fnt_18 { font-size: 18px; }
  .fnt_20 { font-size: 20px; }
  .fnt_22 { font-size: 22px; }
  .fnt_24 { font-size: 23px; }
  .fnt_26 { font-size: 25px; }
  .fnt_28 { font-size: 27px; }
  .fnt_30 { font-size: 29px; }
  .fnt_32 { font-size: 31px; }
  .fnt_34 { font-size: 31px; }
  .fnt_36 { font-size: 32px; }
  .fnt_38 { font-size: 34px; }
  .fnt_40 { font-size: 36px; }
  .fnt_48 { font-size: 43px; }
  .fnt_50 { font-size: 45px; }
  .fnt_56 { font-size: 50px; }
  .fnt_60 { font-size: 54px; }
  .fnt_64 { font-size: 58px; }
  .fnt_68 { font-size: 61px; }
  .fnt_70 { font-size: 63px; }
  .fnt_72 { font-size: 65px; }
  .fnt_76 { font-size: 68px; }
  .fnt_80 { font-size: 72px; }
  .fnt_90 { font-size: 81px; }
  .fnt_100 { font-size: 90px; }
  .fnt_120 { font-size: 108px; }
}
@media only screen and (max-width:1024px) {
  .fnt_14 { font-size: 13px; }
  .fnt_16 { font-size: 14px; }
  .fnt_18 { font-size: 16px; }
  .fnt_20 { font-size: 18px; }
  .fnt_22 { font-size: 19px; }
  .fnt_24 { font-size: 21px; }
  .fnt_26 { font-size: 22px; }
  .fnt_28 { font-size: 24px; }
  .fnt_30 { font-size: 26px; }
  .fnt_32 { font-size: 27px; }
  .fnt_34 { font-size: 27px; }
  .fnt_36 { font-size: 29px; }
  .fnt_38 { font-size: 30px; }
  .fnt_40 { font-size: 32px; }
  .fnt_48 { font-size: 38px; }
  .fnt_50 { font-size: 40px; }
  .fnt_56 { font-size: 45px; }
  .fnt_60 { font-size: 48px; }
  .fnt_64 { font-size: 51px; }
  .fnt_68 { font-size: 54px; }
  .fnt_70 { font-size: 56px; }
  .fnt_72 { font-size: 58px; }
  .fnt_76 { font-size: 61px; }
  .fnt_80 { font-size: 64px; }
  .fnt_90 { font-size: 72px; }
  .fnt_100 { font-size: 80px; }
  .fnt_120 { font-size: 96px; }
  
}

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

    /* .fnt_16{font-size: 14px;}

    .fnt_18{font-size: 14px;}

    .fnt_20{font-size: 14px;}

    .fnt_22{font-size: 14px;}

    .fnt_24{font-size: 16px;}

    .fnt_28{font-size:18px;}
    
    .fnt_30{font-size:18px;}

    .fnt_32{font-size:18px;}

    .fnt_34{font-size:18px;}

    .fnt_36,.fnt_38{font-size:18px;}

    .fnt_42{font-size:20px;}

    .fnt_48{font-size:22px;}

    .fnt_50{font-size:24px;}

    .fnt_60,.fnt_64{font-size:24px;}

    .fnt_72{font-size:26px;}

    .fnt_80{font-size:28px;}

    .fnt_90{font-size:30px;}

    .fnt_100{font-size:30px;} 

    .fnt_120{font-size:36px;}*/
    .fnt_14 { font-size: 11px; }
    .fnt_16 { font-size: 13px; }
    .fnt_18 { font-size: 14px; }
    .fnt_20 { font-size: 15px; }
    .fnt_22 { font-size: 18px; }
    .fnt_24 { font-size: 20px; }
    .fnt_26 { font-size: 22px; }
    .fnt_28 { font-size: 24px; }
    .fnt_30 { font-size: 26px; }
    .fnt_32 { font-size: 28px; }
    .fnt_34 { font-size: 30px; }
    .fnt_36 { font-size: 32px; }
    .fnt_38 { font-size: 34px; }
    .fnt_40 { font-size: 38px; }
    .fnt_48 { font-size: 42px; }
    .fnt_50 { font-size: 46px; }
    .fnt_56 { font-size: 50px; }
    .fnt_60 { font-size: 52px; }
    .fnt_64 { font-size: 54px; }
    .fnt_68 { font-size: 56px; }
    .fnt_70 { font-size: 60px; }
    .fnt_72 { font-size: 62px; }
    .fnt_76 { font-size: 64px; }
    .fnt_80 { font-size: 68px; }
    .fnt_90 { font-size: 70px; }
    .fnt_100 { font-size: 72px; }
    .fnt_120 { font-size: 84px; }

}

@media only screen and (min-width: 1921px){
  .fnt_14{font-size:16px;}

.fnt_16{font-size:18px;}

.fnt_18{font-size:20px;}

.fnt_20{font-size:22px;}

.fnt_22{font-size:24px;}

.fnt_24{font-size:26px;}

.fnt_26{font-size:28px;}

.fnt_28{font-size:30px;}

.fnt_30{font-size:32px;}

.fnt_32{font-size:34px;}

.fnt_34{font-size:34px;}

.fnt_36{font-size:36px;}

.fnt_38{font-size:38px;}

.fnt_40{font-size:40px;}

.fnt_48{font-size:48px;}

.fnt_50{font-size:50px;}

.fnt_56{font-size:56px;}

.fnt_60{font-size:60px;}

.fnt_64{font-size:64px;}

.fnt_68{font-size:68px;}

.fnt_70{font-size:70px;}

.fnt_72{font-size:72px;}

.fnt_76{font-size:76px;}

.fnt_80{font-size:80px;}

.fnt_90{font-size:90px;}

.fnt_100{font-size:100px;}

.fnt_120{font-size:120px;}
}




.ratio-img{width: 100%;    box-sizing: border-box;}



body,a{color: #000;}



.blank_20{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.2)}



.blank_25{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.25)}



.blank_21{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.21)}



.blank_17{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.17)}



.blank_27{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.27)}



.blank_40{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.40)}



.blank_50{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.50)}



.wrap{width: 1600px;margin: auto;max-width: 90%;}
@media only screen and (min-width:1921px) {
    .wrap{
        box-sizing:border-box;
        width:100%;
        max-width:100%;
        padding: 0 10%;
    }
}


.bold{font-weight: bold;}



input,button,textarea{border:none;outline: none;border:0;background: none;}



.pub_p26{line-height: 26px;}



.white,.white a{color: #fff;}



.blank,.blank a{color: #373f42;}





.header,.height_height{height: 100rem;}

.height_height{display: none;}

.header{position: fixed;top:0;left: 0;width: 100%;z-index: 999;}



.header h1{float: left;width: 231rem;margin-top: 25rem;margin-right: 260rem;}



.header h1 a{display: block;}

.log02{display: none;}

.header img{width: 100%;}



.nav{float: left;}



.nav li{float: left;}



.nav>ul>li>a{display: block;line-height: 100rem;padding: 0 25rem;position: relative;z-index: 991;color: #fff;}

.nav>ul>li>i{display: none;}

.nav>ul>li.on>a{color:#02d761 !important;}



.header_re{float: right;margin-top: 30rem;position: relative;}



.language{width: 80px;float:right;margin-left: 10px;}



.language dl{position: relative;padding-left: 10px; }



.language dt{line-height: 40rem;color: #fff;position: relative;cursor: pointer;}



.language dt i{font-size: 20px;position: absolute;top:0;right: -20px;height: 100%;}



.language dd{background:#fff;position: absolute;top:100%;left: 50%;



    margin-left: -80rem;width: 160rem;box-sizing:border-box;border:1px solid #945cb8;padding: 10rem 0;display: none;    z-index: 2;}



.language dd p{padding-left: 10rem;}



.language dd p a{display: block;line-height: 1.7em;font-size: 16rem}







.newAddHref{color: #940b85;position: absolute;top: -18px;left: 0;width: 100px;}



/*sousuo */



.search_block{float: left; position: relative;}



.search_btn{cursor: pointer;position: relative;float: right;line-height: 40rem;}



.search_btn:before{content: "\e621";  font-size: 20px;color: #fff;}



.search_box {background: #fff;



    width: 100px;right: 0px; position: absolute;top:0px;border: 1px solid #ccc;z-index: 9991;



    visibility: hidden;



    transition: all 0.3s;



    -webkit-transition: all 0.3s;



    -moz-transition: all 0.3s;



    -o-transition: all 0.3s;



    -ms-transition: all 0.3s;



    opacity: 0;



    filter: alpha(opacity=0);



    -moz-opacity: 0;



    -khtml-opacity: 0;



}



.search_box.on {width: 360px;visibility: visible;opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1; -khtml-opacity: 1;}



.search_box_input {width: calc(100% - 58px); padding: 0 10px;float: left;border: 0;height: 40px;outline: none;line-height: 40px;background: #fff;}



.search_box_btn {



    height: 40px;width: 36px;background: none;border: 0;outline: none; float: right;



    position: relative;



}



.search_box_btn:before{content: "\e621";position: absolute;top:0;left: 0;width: 100%;height: 100%; line-height: 40px;  font-size: 22px;}



/*sousuo */



/*nav*/



.header .wrap{position: relative;width: 90%;max-width: 100%;box-sizing: border-box;margin: 0 auto}



.nav_list{position: absolute;top:100rem;left: 0;width: 100%;background: #fff;z-index: 99;overflow: hidden;display: none;box-shadow: 0px 10px 18px -9px rgba(0,0,0,0.5);



}



.nav_box{overflow: hidden;padding: 35px 40px; padding-right: 60px; box-sizing:border-box;border-top: 1px solid #f3f3f3;}



.nav_left{/*float: left;width: 240px;*/}



.nav_left>div{line-height: 30px;padding-left: 12px;background: url(../images/arrow.png) no-repeat 0 center;position: relative;}



.nav_left>p{line-height: 30px;}



.nav_left>div>a{color: #3f2e27;}



.nav_left>div i{



    position: absolute;



    right: 10px;



    top: 0;



    color: #fff;



    font-size: 24px;



    display: none;



}



.nav_left_twoUl{position: absolute;left:390rem;top:0;z-index: 3;}



.nav_left_twoUl>li{padding-left: 12px;background: url(../images/arrow.png) no-repeat 0 center;box-sizing: border-box;width: 310rem;}







.nav_left_twoUl ul{position: absolute;left: 310rem;/*width: 350px;*/top:0;}







.nav_left_twoUl li{display: block;float: none;}



.nav_left_twoUl,.nav_left_threeUl{display: none;height: 200px;}



.nav_left_threeUl li{padding-left: 40px;white-space: nowrap;}





.nav_right{display: none;float: right;margin-top: 25px;width: 560px;}

.nav li:first-child .nav_right{float: right;margin-top: 25px;width: 250px;}



.nav_right dl{overflow: hidden;}

.nav_right dt{float: left;float: right;margin-left: 30px;width:250px;height: 0;padding-bottom: 26%;}

.nav li:first-child .nav_right dt{float: none; margin-left: 0px;width:250px;height: 0;padding-bottom: 56%;margin-bottom: 10px;}





.nav_right dt a{display: block;}



.nav>ul>li>a>span{display: block;position: relative;}



.nav>ul>li>a>span:after{content: "";position: absolute;left: 0;bottom:-7px;width: 0%;height: 14rem;background: #02d761;}



.nav li:nth-child(1) .nav_box{padding-bottom: 100px;}

.nav li:nth-child(1) .nav_box .nav_left>div:last-child ul li{width: 240px;}

.nav li:nth-child(1) .nav_box .nav_left>div:last-child>ul{top:-100px;}

.nav li:nth-child(1) .nav_box .nav_left>div:last-child .nav_left_twoUl ul{    left: 210px;}

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



    .nav>ul>li>a{padding: 0 30px;}

}

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



    .nav{font-size: 14px;}

}

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

    .nav li:nth-child(1) .nav_box .nav_left>div:last-child ul li{width: 280px;}

}

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



    .header h1{margin-right: 6%;}



    .newAddHref{top:-10px;}







}







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



    .nav>ul>li>a{padding: 0 10px;}



    .nav_right dt{width: 180px;padding-bottom: 27%;}

    .nav_right{width:420px;}



    .nav li:first-child .nav_right dt{width: 250px;    padding-bottom: 56%;}

    .nav li:first-child .nav_right{width: 250px;}



}







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



    .header h1{margin-right: 4%;}



    /*.nav>ul>li>a{padding: 0 25px;}*/



}



.scrollHeader .header{ box-shadow: 0px 0px 18px -9px rgba(0,0,0,0.5);}



.nav_phone_btn,.return_a,.nav li .icon-jiantou{display:none;cursor: pointer;}



@media only screen and (max-width:1024px) {
  body{font-size: 16px;}


    .nav_phone_btn,.return_a,.nav li .icon-jiantou{display: block;}



    /*手机导航按钮开始*/



    .nav_phone_btn{cursor: pointer;margin-top: 14px;width: 34px; height: 32px; margin-left: 20px;position: relative;z-index: 992;float: right;}



    .body_nav_phone .nav_phone_btn{text-align: left; background: #000;}



    .nav_phone_btn span {position: relative;font-size: 0;width:26px;height: 2px;background-color: #000;display: inline-block;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;  top:0px;}



    .nav_phone_btn span:before,.nav_phone_btn span:after {content: "";position: absolute;width: 100%;height: 2px;background-color: #000;left:0px;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;}



    .nav_phone_btn span:before{top:-8px;}



    .nav_phone_btn span:after{top:8px;}



    .visible_nav.nav_phone_btn span{background-color: transparent;}



    .visible_nav.nav_phone_btn span:before{left:5px;top:0px;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);}



    .visible_nav.nav_phone_btn span:after{top:0px;left: 5px;transform: rotateZ(-45deg);-webkit-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);}



    .nav_phone_btn.visible_nav{width: 34px; }







    .nav_phone_btn.visible_nav span{width: 26px;}



    .nav_phone_btn.visible_nav span:before, .nav_phone_btn.visible_nav span:after{background: #fff;}



    /*手机按钮结束*/











    .header h1{margin-top: 10px;}



    .header, .height_height{height: 70px;}

    .height_height{display: block;}

    .nav>ul>li>a{line-height: 70px;}



    .header_re{margin-top: 15px;}



    .nav_phone_btn{margin-top: 20px;}







    .nav_list,.nav{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}



    .nav{position: fixed;top:0;right:-300px;width: 300px;height: 100%;background:#940b85;    z-index: 99;}



    .nav li{float: none;padding: 0 20px;padding-right: 0; overflow: hidden;}

    .nav li a>i{color: #fff;}

    .nav>ul{padding-top: 70px;}



    .nav>ul>li>a{line-height: 40px;width: calc(100% - 60px);float: left;padding: 0;}



    .nav li .icon-jiantou{width: 50px;line-height: 40px;color: #fff;text-align:center; float: right;}



    .nav>ul>li.on>a,.nav_left p a{color: #fff;}



    .nav a{color: #fff;}



    .nav>ul>li>a>span:after{display: none;}







    .nav_list {position: absolute;top:0;width: 100%; height: 100%;left: auto; right:-100%;display: block;    background: #940b85;z-index: 992;overflow: auto;}



    .nav_left p{line-height: 40px;background: none;padding-left: 15px;border-bottom: 1px dashed #9e5396;}



    .nav_box{padding: 0;padding-top: 70px;border:0;}



    .nav_right{display: none;}



    .nav_left{float: none;width: 300px;}



    .nav_list .nav_left>div{padding: 0 20px;border-bottom: 1px dashed #9e5396;background: none;}



    .nav_list .nav_left>div>a{display: block;color: #fff;}



    .nav_left_twoUl>li{background: none;}



    .return_a{color: #fff;line-height: 50px;background: #8a087c;padding-left: 10px;}

    .return_a .iconfont{

        vertical-align: middle;

        margin-top: -2px;

        display: inline-block;

    }

    .nav_left>div i{display: block;}



    .nav_left_twoUl, .nav_left_threeUl{position: initial;width: 100%;height: auto;}



    .nav_left_twoUl li{width: 100%;position: relative;}



    .nav_left_twoUl ul{position: initial;width: 100%;}

    .navbody .nav{right: 0;}



    .nav li.cur .nav_list{right: 0;}

    .iconfont{line-height: 40px;}

    .nav li>i.iconfont{

        color: #fff;

        font-size: 20px!important;

        width: 60px;

        display: block;

        float: right;

        text-align: center;

    }

    .header{background: #fff}

    .header h1{width: 155px;margin-top: 20px;}

    .header h1 .log01{display: none;}

    .header h1 .log02{display: block;}

    .search_btn:before{color: #000;}

    .language{width: 70px;margin-right: 10px;}

    .language dt{line-height: 40px;color: #000;font-size: 14px;}

    .language dt i{right: -24px;}

    .language dd{font-size: 16px;width: 160px;margin-left: -80px;}

}



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

    .header, .height_height{height: 50px;}

    .header h1{width: 123px;margin-top: 11px;margin-right: 0;}

    .header_re{margin-top: 5px;}

    .nav li>i.iconfont{width: 50px;}

    .nav_left>div{line-height: 40px;}

    .language{margin-left: 10px;width: 80px;}

    .language dt i{right: -24px;}

    .language dd{font-size: 14px;}

    .search_block,.header .wrap{position:static;}



    .search_box{width: 100%;top:50px;}



    .search_box.on{width:250px}



    .nav_phone_btn{margin-left: 15px;margin-top: 6px;}



}



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



}





@media only screen and (min-width:1025px) {

    .tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}

    .tel_link,.tel_link:hover{color:#3f2e27 !important;cursor: default;}

    a:hover{color: #77299e !important;}

    /*nav*/



    .scrollHeader .header{background: #fff;}

    /*.scrollHeader .header h1{margin-top: 16rem;}*/

    .scrollHeader .header h1 .log01{display: none;}

    .scrollHeader .header h1 .log02{display: block;}

    .scrollHeader .nav>ul>li>a{color: #000;}

    /*.scrollHeader .header_re{margin-top: 20rem;}*/

    .scrollHeader .language dt{color: #000;}

    .scrollHeader .search_btn:before{color: #000;}

    .header h1,.header_re{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}

    /*.scrollHeader .nav_list{top:80rem;}*/

    .nav>ul>li>a>span:after{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}

    .nav>ul>li:hover>a>span:after{width: 100%;}

}





/*footer*/

footer{background: #920783;color: #fff;font-family:MiSansThin;}

footer a{color: #fff!important;}

.footer_top{padding: 40rem 0;box-sizing: border-box;overflow: hidden;}

.footer_logo{margin-bottom: 60rem;}

.footer_logo img{width: 231rem;}

.footer_tt{overflow: hidden;margin-bottom: 40rem;}

.footer_ll{float: left;width: 420rem;}

.footer_ll ul li{display: flex;align-items: center;line-height: 1.8;margin-bottom: 30rem;}

.footer_ll ul img{width: 20rem;margin-right: 15rem;}

.footer_ll ul li:first-child{align-items: start;}

.footer_ll ul li:first-child img{margin-top: 5rem;}

.footer_ll ul li.phone a{color: #fff!important;cursor: inherit;}

.footer_rr{float: right;}

.footer_rr{display: flex;gap: 70rem;}

.footer_rr dd{margin-bottom: 40rem;font-family: MiSansLight;}

.footer_rr dt p{margin-bottom: 12rem;}



.foot_share a{position: relative; float: left;width: 26px;height: 26px;margin-right: 20px;}
.foot_share a img{width: 100%;}
.footer_bot{padding: 35rem 0;box-sizing: border-box;border-top: 1px solid rgba(255,255,255,.2);}

.footer_bot li{display: inline-block;margin-right: 22rem;}
.foot_wx_code{position: absolute;bottom: 125%;left: -40px;width: 80px;height: 80px;padding:10rem;background: #fff;display: none;}

.foot_share a.pic_05:hover .foot_wx_code{display: block;opacity: 1;}
.foot_share a.pic_05:hover{opacity: 1 !important;}
@media only screen and (min-width:1025px) {

    footer a:hover{opacity: .8;color: #fff!important;}

    .footer_ll ul li a:hover{color: #fff!important;opacity: .6;}

    .footer_ll ul li.phone a:hover{opacity: 1;}

}



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

    .footer_top{padding: 30px 0;}

    .footer_tt{margin-bottom: 20px;}

    .footer_ll,.footer_rr{width: 100%;}

    .footer_logo img{width: 155px;}

    .footer_ll ul img{width: 15px;margin-right: 10px;}



    .footer_rr{gap: 60px;margin-top: 10px;}

    .footer_rr dd{margin-bottom: 25px;}

    .footer_rr dt p{margin-bottom: 10px;}

    .footer_bot{padding: 30px 0;}

}

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

    .footer_top{padding: 25px 0;font-weight: bold;}

    .footer_logo{margin-bottom: 25px;}

    .footer_logo img{width: 123px;}

    .footer_ll ul li:first-child img{margin-top: 4px;}

    .footer_rr{display: block;}

    .footer_rr dl{margin-bottom: 10px;}

    .footer_rr dd{margin-bottom: 10px;}

    .footer_rr dt{overflow: hidden;}

    .footer_rr dt p{float: left;margin-right: 20px;margin-bottom: 8px;}

    .footer_bot{padding: 20px 0;}

}



/*page*/



.pageout{padding-bottom: 5px; clear: both; font-size: 14px;}



.page{display:inline-block;*display:inline;*zoom:1;}



.page {vertical-align:middle;text-align:center;margin: 0 auto;padding-top:40px; color:#2d2d2d; height:27px; line-height:27px; }



.page span{color:#2d2d2d; float: left; }



.page span em{ }



.page i{ float: left;}



.page a{float: left; width:27px; color: #6d7173;  background: #eaeaea;margin: 0 10px; }



.page a.on{background:#02d761;color:#fff;}



.page a.prev,.page a.next {width: 67px;background:#02d761;color: #fff; }



.page a.prev.no,.page a.next.no{opacity:0.8;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;}



.page a:first-child + a{}



.page a.next{margin:0px;}



.page a.prev{margin-left: 0;}



.page .go{margin-left:6px; width: 33px; background: #eaeaea;  height: 27px; line-height: 27px;text-align: center;color: #6d7173;cursor: pointer;}







.page a.on:hover,.page a.prev,.page a.next{color: #fff !important;}



.page .txtnum{margin-left: 24px;}



.page .txtnum input{color:#b3b3b3; width:67px;height:27px; line-height:27px; padding: 0 5px; text-align:left;background:none;border: 2px solid #6d7173; margin: 0 6px; box-sizing:border-box;text-align: center;margin: 0;}







.page input:-webkit-autofill,



.page input:-webkit-autofill:hover,



.page input:-webkit-autofill:focus {

    box-shadow:0 0 0 60px #fff inset;



}
@media only screen and (min-width: 1921px){
  .header h1{margin-right: 12% !important;}
}
@media only screen and (max-width:990px) {



    .page{padding-top: 20px;}



}



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



    .page a{display:none; font-weight: normal;}



    .page a.prev,.page a.next{display:block; display:inline-block;}



    .page a.on{display: inline-block;}



    .page i{display: none;}



    .page a.prev {background:#eaeaea url(../images/page_prev_on.png) center center no-repeat; text-indent:-10000px; margin-right: 5px;}



    .page a.next {background:#eaeaea url(../images/page_next_on.png) center center no-repeat; text-indent:-10000px;}



    .page a.prev.no{background:#eaeaea url(../images/page_prev01.png) center center no-repeat;}



    .page a.next.no{background:#eaeaea url(../images/page_next01.png) center center no-repeat;}



    .page .txtnum{margin-left: 10px;}



    .page a.prev, .page a.next{width: 45px;}



    .pageout{text-align: center;}





}

/*page*/

.bg-cover{background-size: cover;background-position: center;}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 3px;
    background: #ccc!important;
}

.mCSB_scrollTools .mCSB_dragger{overflow: hidden;}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

    width: 3px;

    height: 100px;

    -webkit-border-radius: 0;

    border-radius: 0;

    background-color:#940b85!important;

}

.site_banner {position: relative;}

.site_banner img{width: 100%;}

.site_text {color: #fff;width:100%;}

.site_text h2{line-height: 1.2;}

.site_text p{font-family: MiSansThin;margin-top: 5px;}

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

    .site_banner{height: 200px;}

    .site_banner img{display: none;}

}

.site_nav,.site_open{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.site_nav{position: fixed;right: 10px;bottom: 25%;width: 100px;z-index: 99;}
.site_nav dt a{background: #fff; display: block;padding: 18px 6px;padding-bottom: 10px;border:1px solid #d8d8d8;border-radius: 6px;}
.backtop a{display: block;line-height: 26px;text-align: center;color: #fff;font-weight: bold;}
.backtop a:hover{color: #fff !important;}
.backtop{visibility: hidden;opacity: 0;border-radius: 0 0 6px 6px;background: #920783;margin-top: -6px;}
.backtop.cur{visibility: visible;opacity: 1;}
.site_close{position: absolute;top:-25px;right:5px;cursor: pointer;}
.site_open{cursor: pointer;width: 30px;height: 30px;line-height: 30px;background: #920783; border-radius: 5px 0 0 5px; color: #fff; position: absolute;top:0;text-align: center;left: 0px;visibility: hidden;opacity: 0;}
.site_nav.cur{right: -100px;}
.site_nav.cur .site_open{left: -30px;visibility: visible;opacity:1;}
@media only screen and (max-width:767px) {
  .site_nav{right: -100px;}
  .site_nav .site_open{left: -30px;visibility: visible;opacity:1;font-size: 22px;}
  .site_nav.cur02{right: 0px;}
  .site_nav.cur02 .site_open{left: 0px;visibility: hidden;opacity: 0;}
}








