/* 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;max-width: 100%; }
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;min-height: 500px;}
.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: 5.83%;}
.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: 85px;*/}
.margin_4040{margin-bottom: 40px; margin-top: 40px;}
@media screen and (max-width: 1020px) {
    .margin_4040{margin-bottom: 20px; margin-top: 20px;
}
  }
  @media screen and (max-width: 768px) {
    .margin_4040{margin-bottom: 10px; margin-top: 10px;
}
  }
/*??????*/
.lh_11{ line-height: 1.1em;}
.lh_17{ line-height: 1.7em;}

/*header*/
.header1{position: fixed;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);z-index: 999;background: #fff;padding: 0;/*padding-top: 22px;*//*box-shadow: 0 0 5px #d0cdca;*//*max-width: 90%;*/}
.header{position: fixed;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);z-index: 999;background: #fff;padding: 0; border-bottom: solid #ddd 1px;/*padding-top: 22px;*//*box-shadow: 0 0 5px #d0cdca;max-width: 90%;*/}
.header .logo{float: left;margin-left:9%;margin-top: 20px;}
@media screen and (max-width: 1217px) {
   .header .logo{
  float: left;margin-left:1%;margin-top: 20px;
   }
}
@media screen and (max-width: 1217px) {
   .header .logo{
  float: left;margin-top: 20px;
   }
}
.header .logo img{width: 100%;}
.header .head{float: right; margin-right:7%;}
@media screen and (max-width: 1217px) {
.header .head{float: right; margin-right:1%;}
}
@media screen and (max-width: 1046px) {
.header .head{float: right;}
}
@media screen and (max-width: 960px) {
   .header .head{
   float: right; margin-right:7%;
   }
.header .logo{float: left;margin-left:9%;margin-top: 20px;}
}
.header .headtop>*{vertical-align: middle;}
.header .headtop{margin-bottom: 12px;text-align: right;padding-right: 47px;}
.header .headtop .head_code{display: inline-block;width: 45px;height: 40px;margin-left: 10px;text-align: center;}
.header .headtop .head_code img{width: 100%;transition: all .3s}
.header .headtop .head_code:hover img{transform: scale(2.3);}
.header .headtop .tel{border: 2px solid #637493;height: 25px;display: inline-block;background: #637493;margin-right: -2px;}
.header .headtop .tel em{color: #fff;/*font-weight: bold;*/display: inline-block;padding: 0 8px;line-height: 24px;height: 19px;}
.header .headtop .tel a{color: #637493;font-weight: bold;text-align: center;background:#fff;line-height: 24px;height: 21px;padding: 0 8px;display: inline-block;}
.header .headtop .headlink{display: inline-block;margin-right: 27px;}
.header .headtop .headlink a{color: #868686;padding: 0 9px;line-height: 1.1em;display: inline-block;}
.header .headtop .headlink a:nth-child(2){border-left: 1px solid #868686;border-right: 1px solid #868686;}
.header .headtop .headlink a:last-child{padding-right: 0;}
.header .headtop .headsearch{position: relative;display: inline-block;top: 6px;padding-left: 3px;}
.header .headtop .headsearch .searchbut{display: inline-block;width: 24px;height: 25px;background-image: url(../images/index_icon01.png);background-size: 20px;
    background-repeat: no-repeat;position: relative;}
.header .headtop .headsearch .searchbox{background: #fff;border:none;position: absolute;width: 0;right: 27px;top: 0;height: 25px;transition: width 0.5s;overflow: hidden;}
.header .headtop .headsearch input{position: relative;border: none;background: transparent;box-shadow: none;width: 100%;padding-right: 30px;height: 23px;line-height: 23px;padding-left: 10px;}
.header .headtop .headsearch button{background-color: transparent;box-shadow: none;border: none;position: absolute;background-image: url(../images/searchbut.png);width: 16px;height: 16px;top: 4px;right: 5px;}
.header .navbg{position: absolute;left: 0;top: 100%;height: 75px;background: #777777;width: 100%;display: none;}
.header .nav{float: right;margin-right: 26px;}
.header .nav li.list1{float: left;padding-bottom: 20px;margin: 0 22px;}
.header .nav li.list1.linklist{display: none;}
.header .nav li a{color: #323232;/*font-weight: bold;*/}
.header .nav li.on a{color: #637493;/*font-weight: bold;*/}
.header .nav li.list1 ul{/*text-align:*/ center;position: absolute;top: 100%;/*width: 100%;left: 0;*/overflow: hidden;background: #637493;display: none;transition: none;margin-left: -20px;}
/*.header .nav li.list1.on ul{transform: translate(0);opacity: 1;z-index: 1;height: auto;}*/
.header .nav li.list2.return{display: none;}
.header .nav li.list2{/*display: inline-block;*/ margin:0 20px;}
.header .nav li.list2 a{color: #fff;font-weight: normal;padding: 8px 0;display: inline-block;font-size: 15px;position: relative;}
.header .nav li.list2 a:before{content: "";display: block;border-bottom: 2px solid #fff;position: absolute;top: 73%;opacity: 0;transition: all .3s;transform: translateY(-30px);left: 0;width: 100%;}


.phone_box{position: absolute;right: 0;bottom: 0;}
.phone_menu {color: #686666;display: none;float:right;position:relative;top:0; margin-right:0px;background: #637493;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: #637493;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 #637493;}
.language dl dd a{color:#000;display: block;border-bottom: 1px solid #637493;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;}

/*foot*/
.footbottom{background:#281f1f;    height: 60px;}
.footbottom .footmain{width:67%;margin: 0 auto;}
.bottomleft{    float: left;}
.bottomcenter{    margin-left: 5%;float: left;
    color: #fff;
    line-height: 60px;}
.bottomright{float: right;
    line-height: 60px;
    color: #fff;}
.foot{padding-top: 24px;
    padding-bottom: 24px; width:100%; background-color:#4a4747; border-top:#637493 4px solid;}
.foot-main{ width:70%; margin:0 auto}
.foot-left{ width:18%; float:left;min-width:220px; }
 .foot-left img{float:right; margin:20px;}

.foot-midlle{ width:43%; float:left;min-width:300px;margin:15px 0 15px 30px;  font-family:"微软雅黑"; font-size:14px; color:#FFF;}
.foot-right{ width:33%; float:right;min-width:320px}
 .foot-right img{float:right; margin:20px 40px 20px 20px;}
.clear{ clear:both;}
.foot-midlle a{color:#fff; text-decoration:none;}
@media screen and (max-width: 692px) {
.foot-left{ width:18%; float:left;min-width:220px; }
.foot-left img{float:left; margin:20px 0 20px 0;}

.foot-midlle{ width:49%; float:left;min-width:320px; margin:15px 0 15px 0; font-family:"微软雅黑"; font-size:14px; color:#FFF;}
.foot-right{ width:33%; float:left;min-width:300px}
 .foot-right img{floaleft; margin:20px;}
.clear{ clear:both;}
.foot-midlle a{color:#fff; text-decoration:none;}
}

/*footer*/
.footer{padding-top:0.75%;padding-bottom:0.75%;border-top: 3px solid #637493; /*background: #fff;*/ background:#2b2b2b;}
.footer .foot_left{float: left;width: 75%;}
.footer .foot_left dl{position: relative;display: inline-block;z-index: 3;width: 234px;margin-bottom: 20px;}
.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  #FFFFFF;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  #FFFFFF;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 .footer-logo{float:left;}
@media screen and (max-width: 1450px) {
.footer .foot_left .footer-logo{float:left; margin-top:50px;}
}
@media screen and (max-width:1187px) {
.footer .foot_left .footer-logo{float:left;margin-top:0px;}
.footer .foot_left .bottombox a{/*color: #2a2a2a;*/padding:0 12px;border-left: 1px solid #c5c5c5;white-space: nowrap;}
.footer .foot_left .bottombox{float:left; max-width:85%;}
.footer .foot_left .bottombox a:hover{color: #00FFFF;background: #ccc}
.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_left .bottombox a{/*color: #2a2a2a;*/padding:0 12px;border-left: 1px solid #c5c5c5;white-space: nowrap;}
.footer .foot_left .bottombox{float:left; max-width:85%;}
.footer .foot_left .bottombox a:hover{color: #00FFFF;background: #ccc}
.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_left .footer-logo{float:left;}
@media screen and (min-width:1230px) {
.footer .foot_left .footer-ma{ width:320px;float: right;position: absolute;left: 70%;}
}
@media screen and (max-width: 1230px) {
.footer .foot_left .footer-ma{ width:320px; float: right; position: absolute;left:70%; z-index:99; margin-top:50px;}
}
@media screen and (max-width:820px) {
.footer .foot_left .footer-logo{float:left;margin-top:0px;}
.footer .foot_left .footer-ma{float: left;position: absolute;left:60%; z-index:99; margin-top:50px;}
.footer .foot_left .bottombox{float:left; max-width:85%;}
.footer{padding-top:0.75%;padding-bottom:0.75%;border-top: 3px solid #637493; /*background: #fff;*/ background:#2b2b2b;}
}
@media screen and (max-width:650px) {
.footer .foot_left .footer-ma{float: left;position: absolute;left:25%; z-index:99; margin-top:50%;}
.footer .foot_left .bottombox{float:left; min-width:640px;}
.footer{padding-top:0.75%;padding-bottom:0.75%;border-top: 3px solid #637493; /*background: #fff;*/ background:#2b2b2b;}
}
@media screen and (max-width:580px) {
.footer .foot_left .footer-ma{float: left;position: absolute;left:15px; z-index:99; top:10000%;}/*huawei*/
.footer .foot_left .bottombox{float:left; min-width:640px;}
.footer{padding-top:0.75%;padding-bottom:0.75%;border-top: 3px solid #637493; /*background: #fff;*/ background:#2b2b2b; }
}
@media screen and (max-width:550px) {
.footer .foot_left .footer-ma{float: left;position: absolute;left:15px; z-index:99; top:10000%;}/**/
.footer .foot_left .bottombox{float:left; min-width:640px;}
.footer{padding-top:0.75%;padding-bottom:0.75%;border-top: 3px solid #637493; /*background: #fff;*/ background:#2b2b2b;}
}
@media screen and (max-width:480px) {
.footer .foot_left .footer-ma{float: left;position: absolute;left:15px; z-index:99; top:1000%;}/**/
.footer .foot_left .bottombox{float:left; min-width:640px;}
.footer{padding-top:0.75%;padding-bottom:0.75%;border-top: 3px solid #637493; /*background: #fff;*/ background:#2b2b2b;}
}
@media screen and (max-width:470px) {
.footer .foot_left .footer-ma{float: left;position: absolute;left:15px; z-index:99; top:900%;}/**/
.footer .foot_left .bottombox{float:left; min-width:640px;}
.footer{padding-top:0.75%;padding-bottom:0.75%;border-top: 3px solid #637493; /*background: #fff;*/ background:#2b2b2b;}}
@media screen and (max-width:450px) {
.footer .foot_left .footer-ma{float: left;position: absolute;left:15px; z-index:99; top:525%;}/**/
.footer .foot_left .bottombox{float:left; min-width:640px;}
.footer{padding-top:0.75%;padding-bottom:0.75%;border-top: 3px solid #637493; /*background: #fff;*/ background:#2b2b2b;}
}
@media screen and (max-width:410px) {
.footer .foot_left .footer-ma{float: left;position: absolute;left:15px; z-index:99; top:815%;}/**/
.footer .foot_left .bottombox{float:left; min-width:640px;}
.footer{padding-top:0.75%;padding-bottom:0.75%;border-top: 3px solid #637493; /*background: #fff;*/ background:#2b2b2b;}
}
@media screen and (max-width:395px) {
.footer .foot_left .footer-ma{float: left;position: absolute;left:15px; z-index:99; top:722%;}/*/
.footer .foot_left .bottombox{float:left; min-width:640px;}
.footer{padding-top:0.75%;padding-bottom:0.75%;border-top: 3px solid #637493; /*background: #fff;*/ background:#2b2b2b; }
}
@media screen and (max-width:380px) {
.footer .foot_left .footer-ma{float: left;position: absolute;left:15px; z-index:99; top:730%;}/**/
.footer .foot_left .bottombox{float:left; min-width:640px;}
.footer{padding-top:0.75%;padding-bottom:0.75%;border-top: 3px solid #637493; /*background: #fff;*/ background:#2b2b2b;}
}
@media screen and (max-width:360px) {
.footer .foot_left .footer-ma{float: left;position: absolute;left:15px; z-index:99; top:810%;}/*苹果x2 vivo O moto 极*/
.footer .foot_left .bottombox{float:left; min-width:640px;}
.footer{padding-top:0.75%;padding-bottom:0.75%;border-top: 3px solid #637493; /*background: #fff;*/ background:#2b2b2b;}
}
@media screen and (max-width:310px) {
.footer .foot_left .footer-ma{float: left;position: absolute;left:15px; z-index:99; top:810%;}/**/
.footer .foot_left .bottombox{float:left; min-width:640px;}
.footer{padding-top:0.75%;padding-bottom:0.75%;border-top: 3px solid #637493; /*background: #fff;*/ background:#2b2b2b;}
}
@media screen and (max-width:287px) {
.footer .foot_left .footer-ma{float: left;position: absolute;left:15px; z-index:99; top:950%;}/**/
.footer .foot_left .bottombox{float:left; min-width:640px;}
.footer{padding-top:0.75%;padding-bottom:0.75%;border-top: 3px solid #637493; /*background: #fff;*/ background:#2b2b2b; }
}
.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: 80px;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;
    height: 24px;
    position:absolute;
    /* top: 0px; */
    /* left: 147px; */
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 14em;
    z-index: 99;
    margin-left: 98em;
    color: #fff/*text-align: right;margin-bottom: 25px;position:absolute;margin-top: 14em;z-index: 99;margin-left: 65em;*/}
.site a{color: #fff;}
.site1{text-align: right;margin-bottom: 25px;position:absolute;margin-top: 8em;z-index: 99;margin-left: 65em;}
.site1 a{color: #000;}
  @media screen and (max-width: 786px) {
    .site1{margin-top:1em;
}
  }
  @media screen and (max-width: 1020px) {
    .site1{margin-top:1em;
}
  }
/*.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:48px;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:#637493;color:#fff!important;border:1px solid #637493;}
.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:#637493;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;}

/*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 (min-width: 1025px){
    .header .nav li.list2 a:hover{color: #fff!important;}
    a:hover{color: #637493!important;}
    .header .headtop .headsearch:hover .searchbox{width: 200px;border: 1px solid #ccc;}
    .share a:hover img{position: absolute;top: -100%;}
    .share a:hover img.img2{position: relative;}
    .page a.go:hover{color: #fff!important;}
    .header .nav li.list2 a:hover:before{opacity: 1;transform: translateY(0)}
}




@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: 1046px) {
    .header .headtop .head_code{display: none;}
    .nav_open{position: fixed;width: 100%;}
    .main{padding-top: 110px;}
    .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 #637493;}
    .header .logo{width: 210px;margin-top: 0;padding: 15px 0 0 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 {/*margin-top: 15px;*/}
    .header .headtop .headsearch .searchbut{width: 80px;height: 100%;background-size: 25px;background-position: center center;background-repeat: no-repeat;    margin-top: 6px;}
    .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: #637493;}
    /*.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: 15px 0 0 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: 70px;}
    .header .headtop .headsearch .searchbut{height: 70px;background-size: 22px;  margin-right: -20px;}
    .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: 73px;}
    .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: 121px;margin-left: 20px;padding: 33px  0px  12px 0px;}
    
    .header .language{height: 50px;line-height: 40px;font-size: 22px;padding-right: 15px;}
    .header .headtop{margin-right: 49px;}
    .header .headtop .headsearch{height: 70px;}
    .header .headtop .headsearch .searchbut{height: 70px;width: 50px;background-size: 19px;    margin-top: 15px}
    .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: 54px;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: #637493;}
.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;}
}