/* reset */
html { height: 100%; overflow-x:hidden;}
body { min-height: 100%; overflow-x:hidden;}
body { _height: 100%;-moz-user-select:   none; }
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% }
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!important; transition:0.4s all; -webkit-transition:0.4s all;  }
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
a:hover,a:active,a:visited{text-decoration: none;}
a:active{text-decoration: none;}
:focus { outline: none }

.edit_con_original{ line-height:1.7em; 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;}

.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;}
/*.main{ transition: 0.5s all linear !important;}*/

 
/*所有后台编辑器区域都要引用 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 }
            
.tran_scale,.tran_form{ overflow:hidden; display:block;}
.tran_scale img{transition:0.9s all; -webkit-transition:0.9s  all;}
.tran_scale:hover img{transform: scale(1.1);}
.tran_form img{transition: all 1s cubic-bezier(.19,1,.22,1); -webkit-transition:all 1s cubic-bezier(.19,1,.22,1);}
.tran_form:hover img{transform: translateX(-20px);}


/*more*/
.main_more{display:inline-block;color: #000;background-color: #fefe24;background-image: url(../images/index_icon01.png);background-repeat: no-repeat;background-position: 85%;height: 35px;line-height: 35px;padding: 0 30px 0 22px;}

/*距*/
.main{margin-bottom: 20px;}
.margin_20{margin-bottom: 20px;}
.margin_30{margin-bottom: 30px;}
.margin_40{margin-bottom: 40px;}
.margin_70{margin-bottom: 70px;}
.margin_60{margin-bottom: 60px;}
.margin_100{margin-bottom: 100px;}
.main{padding-top: 145px;}

/*行高*/
.lh_11{ line-height: 1.1em;}
.lh_17{ line-height: 1.7em;}

/*header*/



.phone_box{position: absolute;right: 0;bottom: 0;}
.phone_menu {color: #686666;display: none;float:right;position:relative;top:0; margin-right:0px;background: #C7000C;width: 80px;height: 80px;transform: translateX(0px);}
header,.main,footer,.phone_menu em.p1,.phone_menu em.p2,.phone_menu em.p3,.nav,.nav ul{transition:all 0.4s cubic-bezier(0.42,0,1,1) 0s;}
.phone_menu em.p1{ display:block; width:40px; height:6px; background:#fff; position:absolute; top:50%; margin-top:-10px; left:50%; margin-left:-20px; border-radius:4px;}
.phone_menu em.p2{ display:block; width:40px; height:6px; background:#fff; position:absolute; top:50%; margin-top:0; left:50%; margin-left:-20px; border-radius:4px;}
.phone_menu em.p3{ display:block; width:40px; height:6px; background:#fff; position:absolute; top:50%; margin-top:10px; left:50%; margin-left:-20px; border-radius:4px;}  
.phone_menu em.p1{ transform:rotate(0deg); margin-top:-15px;}
.phone_menu em.p2{ opacity:1;}
.phone_menu em.p3{ transform:rotate(0deg); margin-top:15px;}
.phone_menu.on{ transform:translateX(0px);}
.phone_menu.on em.p1{ transform:rotate(45deg); margin-top:0;}
.phone_menu.on em.p2{ opacity:0;}
.phone_menu.on em.p3{ transform:rotate(-45deg); margin-top:0;}


.header .language{position: absolute;right: 0;bottom: 0;color: #fff;padding: 5px;display: block;width: 74px;height: 74px;text-align: right;}
.header .language:hover{color: #fff!important;}
.header .language:before{content: "";display: block;position: absolute;bottom: -54px;right: -54px;border: 54px solid transparent;border-right-color: #C7000C;transform: rotate(-135deg);z-index: -1}

.language dl{padding-top:40px;width: 49px;height: 29px;line-height: 29px; float: right;}
.language dl dt{overflow: hidden;}
.language dl dt i{float: left;width: 29px; line-height: 29px; text-align: right;height: 29px;}
.language dl dt em{width: 20px;height: 29px;background: url(../images/yuyan.png);float: left;cursor: pointer;}
.language dl dd{position: absolute;width: 100%;top: 100%;left: 0;box-sizing: border-box;padding: 0 5px;background: #fff;display: none;border-bottom: 2px solid #C7000C;}
.language dl dd a{color:#000;display: block;border-bottom: 1px solid #C7000C;box-sizing: border-box; text-align: center;}
.language dl dd.on{display: block;}
.language dl dd a:last-child{border: 0;}
.language dl dd a:first-child{display: none;}

/*footer*/
.footer{padding-top:1.75%;padding-bottom: 1.75%;border-top: 3px solid #C7000C; background: #fff;}
.footer .foot_left{float: left;width: 100%;max-width: 750px;}
.footer .foot_left dl{position: relative;display: inline-block;z-index: 3;width: 234px;margin-bottom: 27px;}
.footer .foot_left dt{line-height: 25px;height: 25px;padding: 0 12px;display: inline-block;position: relative;background-image: url(../images/index_icon08.png);background-repeat:no-repeat;background-position: 94%; border:1px solid #000;cursor: pointer;width: 100%;color: #666666;font-weight: normal;}
.footer .foot_left dt:before{content: " ";display: block;position: absolute;right: 30px;top: 7px;border-right: 1px solid #000;line-height: 25px;height: 13px;}
.footer .foot_left dd{position: absolute;bottom: 25px;background: #fff;border: 1px solid #000;border-bottom: none;display: none;width: 100%;}
.footer .foot_left dd a{display: block;width: 100%;padding: 5px 12px;color: #000;width: 100%;}
.footer .foot_left dd a:hover{background: #ccc}
.footer .foot_left .bottombox a{color: #2a2a2a;padding:0 12px;border-left: 1px solid #c5c5c5;white-space: nowrap;}
.footer .foot_left .bottombox a:first-child{padding-left: 0;border-left: none;}
.footer .foot_left .bottombox p{color: #707070;display: inline-block;margin-right: 18px;}
.footer .foot_right{float: right;width: 180px;}
.footer .foot_right .codebox{float: right;width: 50%;padding: 0 10px;}
.footer .foot_right img{width: 100%;margin-bottom: 10px;}
.footer .foot_right p{color: #707070;text-align: center;}
.footer .foot_right .codebox:first-child{padding-left: 0;}
.footer .foot_right .codebox:last-child{padding-right: 0;}
.topup{position: fixed;bottom: 50px;right: 0px;width: 50px;height: 50px;background-image: url(../images/topup.png);background-size: cover;cursor: pointer;z-index: 999}

/*site*/
.site{text-align: right;margin-bottom: 25px;}
.site a{color: #000;}
/*.site span{color: #868686;}*/

/*page*/
.page { clear: both; font-size:12px;color:#2F2F2F;vertical-align:middle;text-align:center;  height:36px; line-height:36px;}
.page span{display:inline-block;zoom:1; *+display:inline;margin:0 5px;}
.page a{display:inline-block;zoom:1; *+display:inline;margin:0 -3px;text-align:center; width:34px;height:34px; line-height: 34px; font-family:Arial;color:#666666;border:1px solid #D8D8D8;}
.page a.num,.page a.prev,.page a.next{ background:#F0F0F0; }
.page a.on,.page a.num:hover,.page a.prev:hover,.page a.next:hover{ background:#C7000C;color:#fff!important;border:1px solid #C7000C;}
.page a.prev,.page a.next{margin-right:10px;}
.page a.next{margin-left: 10px;}
.page .dian{margin:0 10px;}
.page label{font-weight: normal;}
.page .txtnum{width:50px;height:22px;top:8px;border:1px solid #D8D8D8; position: relative;}
.page .txtnum input{ float: left; width:24px;height:20px; line-height:20px; text-align:center; font-family:Arial; background:none; border:none;}
.page .txtnum em{cursor: pointer;}
.page a.go{font-family:"微软雅黑"; border:none; background:#C7000C;color:#fff;width:45px;height:22px; line-height: 22px;margin:7px 0 0 5px;}
.page a.no{cursor: default!important;background: #F0F0F0!important;}
.page a.no:hover{ background:#F0F0F0;color:#2F2F2F!important;border:1px solid #D8D8D8; }


/*close*/
.close{font-size: 14px;color: #fff;opacity: 1;text-shadow: none;line-height: 30px;height: 30px;padding: 0 38px;background-color: #b0b0b0;border-radius: 5px;}
.closen{font-size: 14px;color: #ffffff;line-height: 40px;height: 40px;padding: 0 11px;background-color: #b0b0b0;border-radius: 30px;width:120px;text-align:center;margin-left: 50px;cursor:pointer}
/*share*/
.share a{display: inline-block;margin:0 5px;position: relative;overflow: hidden;}
.share a:first-child{margin-left: 0;}
.share a img.img2{position: absolute;top: -100%;}

.tel_link{cursor: default;}






@media only screen and (max-width: 1300px){
    .margin_30{margin-bottom: 20px;}
    .margin_40{margin-bottom: 28px;}
    .margin_60{margin-bottom: 41px;}
    .margin_70{margin-bottom: 47px;}
    .margin_100{margin-bottom: 67px;}
    .header .logo{width: 210px;margin-top: 15px;}
}

@media only screen and (max-width: 1024px) {
    .header .headtop .head_code{display: none;}
    .nav_open{position: fixed;width: 100%;}
    .main{padding-top: 0px;}
    .margin_30{margin-bottom: 15px;}
    .margin_40{margin-bottom: 20px;}
    .margin_60{margin-bottom: 32px;}
    .margin_70{margin-bottom: 37px;}
    .margin_100{margin-bottom: 53px;}
    .header{padding: 0;box-shadow: none;border-bottom: 8px solid #C7000C;}
    .header .logo{width: 210px;margin-top: 0;padding: 21px 0;}
    .header .headtop .tel{display: none;}
    .header .headtop .headlink{display: none;}
    .header .headtop .headsearch{top: 0;float: right;display: block;height: 80px;position: static;}
    .header .headtop .headsearch .searchbox{height: 40px;left: 50%;top: 120%;width: 400px;border: 1px solid #ccc;transform: translate(-50%);display: none;}
    .header .headtop .headsearch .searchbut{width: 80px;height: 100%;background-size: 39px;background-position: center center;background-repeat: no-repeat;}
    .header .headtop .headsearch input{height: 38px;line-height: 38px;}
    .header .headtop .headsearch button{width: 24px;height: 24px;background-repeat: no-repeat;background-size: cover;top: 8px;}
    .header .headtop{margin-bottom: 0;padding-right: 0;margin-right: 80px;}
    .header .language{position: relative;display: inline-block;margin-right: 2px;border-right: 1px solid #c6c6c6;padding-right: 53px;height: 80px;line-height: 69px;color: #3f3f3f;font-size: 34px;}
    .header .language:hover{color: #3f3f3f!important;}
    .header .language:before{display: none;}
    .header .nav li.list1.linklist{display: block;}
    .header .nav li.list1.tellink a{background: none}



    .header .language{width: auto;}
    .header .language dl{width: 200px; text-align: center;}
    .language dl dd{top:15px;}
    .header .language dl dt{ display: none; }
    .language dl dd a:first-child,.header .language dl dd{ display: block;}
    .language dl dd a,.language dl dd a:first-child, .header .language dl dd{display: inline-block; border-bottom: none;}
    .language dl dd a{margin:0 3px;}

    .phone_menu{ display:block;}
     
    .header .nav {
        display: block;
        position: fixed;
        right: 0;
        margin-right: 0;
        top: 88px;
        z-index: 600;
        left: auto;
        background: #fff;
        height: calc(100vh - 88px);
        line-height: 30px;
        width: 70%;
        min-width: 250px;
        margin-right:0;
        transform:translateX(100%);
        float: none;
        overflow-y: auto;
        padding-bottom: 100px;
    }   
    .header .nav.on{transform:translateX(0%)}

    .header .nav ul{ position:absolute; transform: translateX(102%); right:0; background:#fff; height:100%; top:0;}
    .header .nav ul.on{ transform: translateX(0%);}
    .header .nav ul.main_nav{ display:block; position:relative; transform: translateX(0%);}
    .header .nav li.list2{display: block;margin-left: 50px;width: calc(100% - 50px);width: -moz-calc(100% - 50px)}
    .header .nav li.list2:last-child{border: none;}
    .header .nav li{ width:100%; border-bottom:1px solid #dadada; text-align:left;margin:0;}
    .header .nav li.list1{margin:0;padding-bottom: 0;margin-bottom: 10px;}
    .header .nav li.list1.on>a{color: #fff;background: #C7000C;}
    /*.header .nav li.list1.on>a:hover{color: #fff!important;}*/
    .header .nav li a{ text-align:left; display:block; background:url(../images/right_menu.png) no-repeat 96% center;font-size: 24px;font-weight: normal;padding:20px; }
    .header .nav li.list1 ul{background: #fff;left: 0;z-index: 2;opacity: 1;display: block;transition: all 0.4s cubic-bezier(0.42,0,1,1) 0s;position: relative;transform: translateX(0);}
    .header .nav li.list2 a{color: #3f3f3f;padding: 20px;position: relative;}
    .header .nav li.list2.return a{background:url(../images/left_menu.png) no-repeat 3% center;display: none;} 
    .header .nav ul.other_nav li a{ background:none;display: block;}



}

@media only screen and (max-width: 1023px){
    .main{padding-top: 73px;}
    .header{border-width: 5px;}
    .header .logo{padding: 10px 0;width: 155px}
    .header .language{height: 50px;line-height:39px;padding-right: 35px;margin-right: 0;font-size: 18px;width: auto;}
    .header .headtop .headsearch{height: 50px;}
    .header .headtop .headsearch .searchbut{height: 50px;background-size: 25px;}
    .header .headtop{margin-right: 84px;}
    .header .nav{top:55px;height: calc(100vh - 55px);}
    .header .nav li a{padding: 10px 15px!important;background-size: 12px;}
    /*.header .nav li.list1.on ul{transform:translate(16%,0);}*/
    .phone_menu{height: 50px;width: 50px;}
    .phone_menu em.p1{ width:30px; height:4px; margin-top:-8px;margin-left:-15px;}
    .phone_menu em.p2{ width:30px; height:4px; margin-top:0;margin-left:-15px;}
    .phone_menu em.p3{ width:30px; height:4px; margin-top:8px;margin-left:-15px;}  
    
    .tel_link{cursor: pointer;}

    .header .language dl{width: 100px;}
    .language dl dd{top:13px;}
}

@media only screen and (max-width: 767px) {
    .site{display: none;}
    .main{padding-top: 0px;}
    .page{ margin:20px 0; height:30px;}
    .page a,.page i{ display: none;}
    .page a.prev,.page a.next{ display: block; width:32px; float:left; background-position: center; background-size:auto 100%; height:30px;line-height: 30px;margin-left: 30px;}
    .page a.next{float: right;margin-right: 30px;}
    .page em,.page label,.page .txtnum{display: none;}

    .margin_30{margin-bottom: 10px;}
    .margin_40{margin-bottom: 15px;}
    .margin_60{margin-bottom: 15px;}
    .margin_70{margin-bottom: 20px;}
    .margin_100{margin-bottom: 20px;}
    .footer .foot_left dl{margin-bottom: 10px;}
    .footer .foot_left{float: none;margin-bottom: 20px;}
    .footer .foot_right{float: none;}
    .header{border-width: 4px;}
    .header .logo{width: 150px;margin-left: 20px;}
    
    .header .language{height: 50px;line-height: 40px;font-size: 22px;padding-right: 15px;}
    .header .headtop{margin-right: 49px;}
    .header .headtop .headsearch{height: 50px;}
    .header .headtop .headsearch .searchbut{height: 50px;width: 50px;background-size: 22px;}
    .phone_menu em.p1{ width:22px; height:3px; margin-top:-8px;margin-left:-11px;}
    .phone_menu em.p2{ width:22px; height:3px; margin-top:0;margin-left:-11px;}
    .phone_menu em.p3{ width:22px; height:3px; margin-top:8px;margin-left:-11px;}  
    .header .nav{top: 59px;height: calc(100vh - 54px);}
    .header .headtop .headsearch .searchbox{width: 80%;max-width: 300px;}
    .header .headtop .headsearch button{width: 22px;height: 22px;}
    .header .nav li.list1{margin-bottom: 5px;}
    .header .nav li.list2{margin-left: 25px;width: calc(80% - 25px);width: -moz-calc(80% - 25px)}
    .header .nav li.list2 a{font-size: 14px;}
    .header .nav li a{font-size: 16px;padding: 7px 10px!important;background-size: 7px;}


    .topup{bottom: 30px;right: 30px;width: 35px;height: 35px;}
    
    .header .language{font-size: 16px;}
    .language dl dd{top:15px;}
}


/*低版本浏览器遮罩*/
.browsermak{display: none;position: fixed;background: url(../images/browser.png);top: 0;left: 0;right: 0;bottom: 0;z-index: 999999;}
html.lt9{overflow: hidden;height: 100%;}
.lt9 .browsermak{display: block;}
.browsermak .con{position: absolute;left: 50%;top: 50%;width: 544px;height: 171px;margin-left: -242px;margin-top: -170px;background: #fff;padding:49px 30px}
.browsermak .con p{color: #333;line-height: 1.7em;margin-bottom: 50px;text-align: left;font-size: 20px;}
.browsermak .con i{color: #C7000C;}
.browsermak .con b{text-align: center;display: block;width: 100%;}
.browsermak .con a{display: inline-block;text-align: center;width: 150px;line-height: 1.1em;padding: 20px 0;background: #ccc;color: #71a403;margin: 0 25px;}


@media only screen and (max-width:374px) {
.header .language dl{width: 50px;}
.header .language{font-size: 12px;}
.language dl dd{top:17px;}
.language dl dd a{margin:0;}
}