@charset "utf-8";
/********************
    Default set
********************/

html, body, div, dl, dt, dd, ul, ol, li, p, h1, h2 ,h3, h4, h5, h6{margin:0px; padding:0px; font-family:"微软雅黑"; font-size:14px; list-style:none; color:#282828;}
a{text-decoration:none;color:#282828;font-family:"微软雅黑";}
img{border:0; vertical-align: middle;}
select{font-family:"微软雅黑"; vertical-align:middle; }
input{font-family:"微软雅黑";vertical-align:middle; margin:0; padding:0; }
label {cursor:pointer;}
textarea{font-family:"微软雅黑"; vertical-align:middle; -webkit-appearance:none;appearance:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:0;}
input[type='submit'],
input[type='button'],
input[type='reset'] { -webkit-appearance: none !important; border-radius: 0; }
/*table caption{width:0;height:0;font-size:0;overflow:hidden;}*/

.blind{width:0;height:0;position:absolute;top:-9999px;left:-9999px;overflow:hidden;}
.clear {clear:both; font-size:0; line-height:0; overflow:hidden; height:0 !important; }
.clearf {*zoom:1;}
.clearf:after {content:'';display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
.floatL {float:left;}
.floatR {float:right;}
.floatN {float:none;}

.txtL {text-align:left !important;}
.txtC {text-align:center !important;}
.txtR {text-align:right !important;}
.txtJ {text-align:justify !important;}
.txtT {vertical-align:top !important;}
.txtM {vertical-align:middle !important;}
.txtB {vertical-align:bottom !important;}
.txtTB {vertical-align:text-bottom !important;}

/********************
    Color
********************/
.blue{color:#0057a0;}
.red{color:#d42121;}

/********************
    Margin
********************/
.mTxxl {margin-top:100px !important;}
.mTxl {margin-top:50px !important;}
.mTl {margin-top:30px !important;}
.mTm {margin-top:20px !important;}
.mTs {margin-top:15px !important;}
.mTxs {margin-top:10px !important;}
.mTxxs {margin-top:5px !important;}
.mTNo {margin-top:0px !important;}


.mRxxl {margin-right:100px !important;}
.mRxl {margin-right:50px !important;}
.mRl {margin-right:30px !important;}
.mRm {margin-right:20px !important;}
.mRs {margin-right:15px !important;}
.mRxs {margin-right:10px !important;}
.mRxxs {margin-right:5px !important;}
.mRNo {margin-right:0px !important;}


.mBxxl {margin-bottom:100px !important;}
.mBxl {margin-bottom:50px !important;}
.mBl {margin-bottom:30px !important;}
.mBm {margin-bottom:20px !important;}
.mBs {margin-bottom:15px !important;}
.mBxs {margin-bottom:10px !important;}
.mBxxs {margin-bottom:5px !important;}
.mBNo {margin-bottom:0px !important;}


.mLxxl {margin-left:100px !important;}
.mLxl {margin-left:50px !important;}
.mLl {margin-left:30px !important;}
.mLm {margin-left:20px !important;}
.mLs {margin-left:15px !important;}
.mLxs {margin-left:10px !important;}
.mLxxs {margin-left:5px !important;}

.mt30{margin-top: 30px;}


/********************
    Padding
********************/

.pdl20{padding-left: 20px;}
.pTxxl {padding-top:50px !important;}
.pTxl {padding-top:40px !important;}
.pTl {padding-top:30px !important;}
.pTm {padding-top:20px !important;}
.pTs {padding-top:15px !important;}
.pTxs {padding-top:10px !important;}
.pTxxs {padding-top:5px !important;}


.pRl {padding-right:30px !important;}
.pRm {padding-right:20px !important;}
.pRs {padding-right:15px !important;}
.pRxs {padding-right:10px !important;}
.pRxxs {padding-right:5px !important;}


.pBxxl {padding-bottom:50px !important;}
.pBxl {padding-bottom:40px !important;} 
.pBl {padding-bottom:30px !important;}
.pBm {padding-bottom:20px !important;}
.pBs {padding-bottom:15px !important;}
.pBxs {padding-bottom:10px !important;}
.pBxxs {padding-bottom:5px !important;}


.pLxxl {padding-left:50px !important;} 
.pLxl {padding-left:40px !important;} 
.pLl {padding-left:30px !important;}
.pLm {padding-left:20px !important;}
.pLs {padding-left:15px !important;}
.pLxs {padding-left:10px !important;}
.pLxxs {padding-left:5px !important;}


.pTNo {padding-top:0 !important;}
.pLNo {padding-left:0 !important;}
.pRNo {padding-right:0 !important;}
.pBNo {padding-bottom:0 !important;}

.mt10{margin-top: 10px;}

/***********************************************
************************************************
				Start Coding
************************************************
************************************************/



/* header */
.header { text-align: center; background: black; display: table; width: 100%; height: 60px; position: fixed; left: 0; top: 0; z-index: 10; box-shadow: 0 2px 3px rgba(0,0,0,0.5);
transition:height .3s;
-moz-transition: height .3s;	/* Firefox 4 */
-webkit-transition: height .3s;	/* Safari 和 Chrome */
-o-transition: height .3s; /* Opera */  }
.header div { display: table-cell; vertical-align: middle; }
.header i { font-size: 7vw; color: #fff; }
.header a { color: #dad5d9; display: block; }

.header div.menuBut,.header div.headTel { width: 105px; }
.logo img {
	height: 38px;
transition: width .3s;
-moz-transition: width .3s;	/* Firefox 4 */
-webkit-transition: width .3s;	/* Safari 和 Chrome */
-o-transition: width .3s; /* Opera */

 }
@keyframes rotate {
	0% {transform:rotate(0deg);}
	100% {transform:rotate(720deg);}
}

.header.small { height: 60px; }
.header.small a span { display: none; }


.navBgBox { position: fixed; left: -100px; top: -100px; width: 100px; height: 100px; border-radius: 200px; background: #62E0F9; z-index: 500; transition: all .7s; transform: scale(1,1); }
.navBg { position: fixed; left: 0; background-color: #000000; top: 0; width: 100%; height: 100%; z-index: 20; box-sizing: border-box; transition: all .5s; z-index: 501; transform: translateX(-100%); opacity: 0; }
.navBg .nav { overflow-y: auto; height: 100%; }

.nav_header { text-align: center; display: table; width: 100%; height: 60px; border-bottom: 1px solid #30343f; }
.nav_header div { display: table-cell; vertical-align: middle; }
.nav_header i { font-size: 30px; color: #fff; }
.nav_header a { color: #dad5d9; display: block; font-size: 12px; }
.nav_header div.menuBut,.nav_header div.headClose { width: 65px; }


.menuBut1 { width: 75px; }
.menuBut2 i { color: #62E0F9; }


.nav_con { overflow-y: auto; }
.nav_con a { display: block; font-size: 16px; color: #fff; height: 8.5vh; line-height: 8.5vh; padding-left: 6vw; text-align: left; border-bottom: 1px solid #30343f; }
.nav_con ol { display: none; }
.nav_con ol a { font-size: 15px; color: #8e9199; height: 7vh; line-height: 7vh; }
.nav_con a.hasM { position: relative; }
.nav_con a.hasM:after { content: "\e632"; font-family:"iconfont" !important; font-size:30px; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; right: 0; top: 0; color: #939599; width: 65px; text-align: center; }
.nav_con a.hasM.on:after { content: "\e643"; font-size:17px; }


.nav_foot .loginOff { display: block; width: 90%; height: 8vh; line-height: 8vh; background: #be555c; font-size: 3vh; color: #fff; text-align: center; margin: 40px auto 35px; border-radius: 5px; }
.nav_foot .loginOff i { font-size: 3vh; vertical-align: middle; }
.nav_foot div { display: table; width: 100%; position: fixed; left: 0; bottom: 0; box-sizing: border-box; opacity: 0; transition: all .5s; }
.nav_foot div a { display: table-cell; width: 50%; box-sizing: border-box; background: #62E0F9; height: 8vh; text-align: center; font-size: 15px; color: #fff; vertical-align: middle; }
.nav_foot div a:nth-child(2) { border-left: 1px solid #62E0F9; }
.nav_foot div a i { font-size: 20px; }



/*footer*/
#footer{ text-align: center;}
#footer { background: #242320; width: 100%; }
#footer div { color: #fff; font-size: 12px;display:inline-block; text-align: center;padding: 10px 0;  }
#footer div span { display: block; float: left; font-size: 12px;}
#footer div span:nth-child(2) { margin-left: 6px; margin-right: 6px;}
#footer div i { color: #fff; font-size: 12px; }
#footer p { color: #ffffff; padding:0  0 0 0; text-align: center; }
#footer p span { color: #ffffff; }



.mobileEnd_fot { margin-bottom: 70px; }
.mobileEnd { position: fixed; left: 0; bottom: 0; width: 100%; }


.site-error { display: none !important; }






.navBgBox.show  {  background: black; }
.navBg.show { transform: translateX(0); opacity: 1; transition-delay: .2s; }
.navBg.show .nav_foot div { opacity: 1; transition-delay: 1s; }

.navBgBox.hide  { transform: scale(1,1); transition-delay: .2s; background: #62E0F9; }
.navBg.hide { transform: translateX(-100%); opacity: 0; transition-delay: 0s; }
.navBg.hide .nav_foot div { opacity: 0; transition-delay: 0s; }