@charset "utf-8";

/*娉ㄦ剰鏈珻SS璁剧疆 鍦�320px涓�1rem=12px; 1px=0.0833rem 鍦ㄥ皬浜�750px 1rem=24px; 1px=0.05rem*/
/*鍒濆鍖�*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,button { margin:0;padding:0;border:0;outline:none;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,i,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0; }
.overclear{ margin:0; line-height:0; padding:0; clear:both; border:0; height:0;}
body{ font-size:62.5%; color:#666; background:#fff; font-family:'microsoft yahei,Arial, Helvetica, sans-serif';}
.clear{clear:both;}
.clearfix:after { content:"."; display:block; height:0; font-size:0; visibility:hidden; clear:both; } 
.clearfix { zoom:1; }  
a{outline:0;blr:expression(this.onFocus=this.blur()); text-decoration:none;}
a,input {outline:none;}
input,textarea{ font-size:0.875em;font-family:'microsoft yahei';}

/*娴姩*/
.fr{float:right !important;}.fl{float:left !important;}
/*瀹氫綅*/
.pr{ position:relative;} .pf{ position: fixed;}

/*鏂囧瓧瀵归綈*/
.t-center{ text-align:center;}
.t-left{ text-align:left;}
.t-right{ text-align:right;}
@media screen and (min-width:240px) {html, body, button, input, select, textarea {font-size: 9px } }
@media screen and (min-width:320px) {html, body, button, input, select, textarea {font-size: 12px } }
@media screen and (min-width:374px) {html, body, button, input, select, textarea {font-size: 13px } }
@media screen and (min-width:400px) {html, body, button, input, select, textarea {font-size: 14px } }
@media screen and (min-width:413px) {html, body, button, input, select, textarea {font-size: 15px } }
@media screen and (min-width:426px) {html, body, button, input, select, textarea {font-size: 16px } }
@media screen and (min-width:450px) {html, body, button, input, select, textarea {font-size: 17px } }
@media screen and (min-width:480px) {html, body, button, input, select, textarea {font-size: 17px } }
@media screen and (min-width:540px) {html, body, button, input, select, textarea {font-size: 17px } }
@media screen and (min-width:590px) {html, body, button, input, select, textarea {font-size: 18px } }
@media screen and (min-width:640px) {html, body, button, input, select, textarea {font-size: 18px } }
@media screen and (min-width:750px) {html, body, button, input, select, textarea {font-size:19px } }

.navSel{max-width:100%;height:auto;display:block;}
/* 鍙栨秷閾炬帴楂樹寒  */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article, 
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
/* 璁剧疆HTML5鍏冪礌涓哄潡 */
article, aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section {display: block;}
/* 绂佺敤iPhone涓璖afari鐨勫瓧鍙疯嚜鍔ㄨ皟鏁� */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
/* 鍘婚櫎iPhone涓粯璁ょ殑input鏍峰紡 */
input[type="submit"],
input[type="reset"],
input[type="button"],
input{-webkit-appearance:none; resize: none;}
input::-webkit-input-placeholder { /* WebKit browsers*/ 
銆€銆€color:#999;font-size:12px;
銆€銆€}
/* 鍘绘帀澶� 鍐� 杈规  */
.mr_0{margin-right: 0 !important;}
.ml_0{margin-left: 0 !important;}
.mt_0{margin-top: 0 !important;}
.mb_0{margin-bottom: 0 !important;}
.pl_0{padding-left: 0 !important;}
.pr_0{padding-right: 0 !important;}
.pb_0{padding-bottom: 0 !important;}
.pt_r{padding-top: 0 !important;}
.bbtom{border-bottom:0 !important;}
.brtom{border-right:0 !important;}
/* 宸茬粡璁＄畻鍐呰竟妗�  */
.borderBox{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.container{ max-width: 750px; width: 100%; background: #fff;  margin: 0 auto;overflow: hidden}
.max750{max-width: 750px; min-width: 320px; margin: 0 auto; width: 100%; padding-bottom: 4.5rem}
/*---------搴曢儴 鑿滃崟start------------*/

.newNav{max-width: 750px;  width: 100%; height: 4.5rem; background:rgba(255,255,255,0.95); box-shadow:  0px 1px 4px 1px  rgba(223,223,223,0.8); position: fixed; z-index: 20; bottom: 0rem;}
.newNav ul{height: 4.5rem; }
.newNav li{ overflow: hidden; display: table-cell;width: 1%;height: 4.5rem;line-height: 4.5rem;text-align: center; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.newNav li a{  font-size: 14px; display: block;  color: #333;}
.newNav li  p{ width: 26%; margin: 0.9rem 0 0 1.1rem;float: left;} 
.newNav li  span{ width: 50%; display: block; text-align: left; float: left;} 

/*---------搴曢儴 鑿滃崟end------------*/
/*----澶撮儴 end------*/

.headerCommon{height: 2rem; padding: 1rem 1.5rem; border-bottom:1px solid #e5e5e5; }
.headerCommon .logo{ display: block; float: left; width: 22% }
.headerCommon span{display: block; float: right; width:6% }
.navSmile{ display: none; position: fixed; top: 0;z-index: 101; right: -300px; width:45%;  background: #fff; }
.navSmile .navTop{padding:  1rem 1rem 1rem 0; height: 2rem;  border-bottom:1px solid #e5e5e5; }
.navSmile .navTop a{ padding-left: 1rem; width: 60%; display: block; float: left;  }
.navSmile .navTop .close{ width: 10%; display: block; float: right; margin-top: 0.4rem  }
.navSmile ul{ padding:1rem 0 2rem 1rem;  }
.navSmile li{ height:3.5rem; line-height: 3.5rem; }
.navSmile li a{ height: 3.5rem; line-height: 3.5rem; color: #222; font-size: 1.2rem; }
.navBg{ display: none; background: rgba(0,0,0,.5); width: 100%;z-index: 100; position: fixed; top: 0; right: 0;height: 960px;  }
.nav{max-width: 750px;  width: 100%;height:3rem;line-height:3rem; border-bottom: 1px solid #e5e5e5;}
.nav li{line-height:3rem; width: 18%; float: left; text-align: center; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.nav li:last-child{ width: 25%; }
.nav li a{line-height:3rem;    font-size: 1.15rem; display: block;  color: #666;}
.nav li .active{line-height:3rem;   font-size: 1.15rem; display: block;  color: #ff7800;}

/*.footer{ width: 100%; position: relative; }*/
.footer .info{  width: 80%; margin:5.8rem auto 0; }
.footer .info h1{ margin-top: 1.6rem; position: relative; }
.footer .info span{ font-size: 1.1rem; color: #333; width:25%; text-align: right; padding-right: 0.5rem; float: left;height:2.3rem; line-height:2.5rem; }
.footer .info input{ padding: 2px 5px; float: left; font-size: 14px; color: #333;  width:60%; background: #fff; height: 2.2rem; border: 1px solid #d3d3d3; border-radius: 3px;}
.footer .footerMain{ width: 100%; margin: 0 auto; position: absolute; top: 0; left: 0; }
.footer .info .btn{ background: #ff7521; font-size:1rem;color: #fff; display: block; text-align: center; width:40%; height: 2.8rem; line-height:2.8rem; border-radius: 8px;  margin:2rem auto 0;   }
.fooferCode{ background: #2c2e30; padding: 4rem 2rem 2rem 2rem; }
.fooferCode .homeCode h5{ width: 35%; margin: 0 auto; }
.fooferCode .homeCode h2{ width: 5%; margin: 3px auto; }
.fooferCode .text{ text-align: center; font-size: 0.9rem; margin-top: 1rem; color: #fff }
.fooferCode .address {  margin-top: 2rem; color: #fff }
.fooferCode .address p{ text-align: left; font-size: 0.9rem; margin-top: 0.3rem; color: #fff }
.fooferCode .address p a{color: #fff}
.fooferCode .address em{ text-align: center; font-size: 0.9rem; margin-top: 1rem; color: #828388;display: block; }
.fooferCode .address em a{ color: #828388;font-size: 0.9rem; }
/*瀹㈡湇涓績*/
.custom{  position: fixed; z-index: 20; right: 0;bottom: 20%;width:15%;padding:1rem 0 0rem 0rem; background: transparent; }
.custom a{ display: block; margin-bottom: 1rem; }
.custom a>div{width:100%; margin: 0 auto  }

.custom a>p{font-size: 0.9rem; text-align: center; margin-top:0.2rem; color: #888; }
.error {display: none;color: #fe3d62;font-size: 0.8rem;position: absolute;left:28%;bottom: -1.2rem;}
.cjSuccess{ display: none; position: fixed; width: 100%; height: 960px;  top: 0; left: 0; z-index: 100; background: rgba(0,0,0,0.5);}
 .AllBig{display: none;position: fixed;  top: 50%; padding: 2rem 0; z-index: 31;background: #fff;width: 50%;left:50% ; margin: -45%;  border-radius: 10px; }
.AllBig h5{ width: 25%;  margin:2rem auto 1rem; }
   .AllBig h5 img{ max-width: 100%; height: auto; display: block; }
  .AllBig .AllBigBnt{ text-align: center; font-size:1.2rem; color: #222; display: block; width: 100%;}

   .cjOrron{ display: none; position: fixed; width: 100%; height: 960px;  top: 0; left: 0; z-index: 100; background: rgba(0,0,0,0.5);}
   .cjOrron .AllBig{display: block;position: fixed;  top: 50%; padding: 2rem 0; z-index: 31;background: #fff;width: 50%;left:50% ; margin: -45%;  border-radius: 10px; }
   .cjOrron .AllBig h5{ width: 25%;  margin:1rem auto 1rem; }
    .cjOrron .AllBig h5 img{ max-width: 100%; height: auto; display: block; }
    .cjOrron  .AllBig .AllBigBnt{ text-align: center; font-size:1.3rem; color: #222; display: block; width: 100%;}
   
/*瀹氫綅*/
.toTop,.cpystop {
    width: 10%;
    position: fixed;
    right: 5%;
    bottom:8rem;
   border-radius: 5%;
    display: none;
    cursor: pointer;
    _position: absolute;
    _bottom: auto;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,50)||0)-(parseInt(this.currentStyle.marginBottom,20)||0)));
}


    @media screen and (min-width:580px) and (max-width:1920px){
        .footer .info{ margin-top: 10rem }
    }
    @media screen and (min-width:320px) and (max-width:340px){
        .footer .info{ margin-top: 5rem }
        .footer .info .btn{margin:1.5rem auto 0;}
    }