/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/** * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */
/* Document ========================================================================== */
html{font-family:"Microsoft YaHei",sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */}
/* Sections ========================================================================== */
/** * Remove the margin in all browsers (opinionated). */
body{margin: 0;}
/** * Add the correct display in IE 9-. */
article,
aside,
footer,
header,
nav,
section{display: block;}
/** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */
h1{font-size: 2em; margin: 0.67em 0;}
/* Grouping content ========================================================================== */
/** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */
figcaption,
figure,
main{/* 1 */ display: block;}
/** * Add the correct margin in IE 8. */
figure{margin: 1em 40px;}
/** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */
hr{box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */}
/** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */
pre{font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */}
/* Text-level semantics ========================================================================== */
/** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */
a{background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */}
/** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */
a:active,
a:hover{outline-width: 0;}
/** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title]{border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */}
/** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b,
strong{font-weight: inherit;}
/** * Add the correct font weight in Chrome, Edge, and Safari. */
b,
strong{font-weight: bolder;}
/** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */
code,
kbd,
samp{font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */}
/** * Add the correct font style in Android 4.3-. */
dfn{font-style: italic;}
/** * Add the correct background and color in IE 9-. */
mark{background-color: #ff0; color: #000;}
/** * Add the correct font size in all browsers. */
small{font-size: 80%;}
/** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */
sub,
sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sub{bottom: -0.25em;}
sup{top: -0.5em;}
/* Embedded content ========================================================================== */
/** * Add the correct display in IE 9-. */
audio,
video{display: inline-block;}
/** * Add the correct display in iOS 4-7. */
audio:not([controls]){display: none; height: 0;}
/** * Remove the border on images inside links in IE 10-. */
img{border-style: none;}
/** * Hide the overflow in IE. */
svg:not(:root){overflow: hidden;}
/* Forms ========================================================================== */
/** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */
button,
input,
optgroup,
select,
textarea{font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */}
/** * Show the overflow in IE. * 1. Show the overflow in Edge. */
button,
input{/* 1 */ overflow: visible;}
/** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */
button,
select{/* 1 */ text-transform: none;}
/** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */
button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"]{-webkit-appearance: button; /* 2 */}
/** * Remove the inner border and padding in Firefox. */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner{border-style: none; padding: 0;}
/** * Restore the focus styles unset by the previous rule. */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring{outline: 1px dotted ButtonText;}
/** * Change the border, margin, and padding in all browsers (opinionated). */
fieldset{border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
/** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */
legend{box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */}
/** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress{display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */}
/** * Remove the default vertical scrollbar in IE. */
textarea{overflow: auto;}
/** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */
[type="checkbox"],
[type="radio"]{box-sizing: border-box; /* 1 */ padding: 0; /* 2 */}
/** * Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button{height: auto;}
/** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */
[type="search"]{-webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */}
/** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
/** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button{-webkit-appearance: button; /* 1 */ font: inherit; /* 2 */}
/* Interactive ========================================================================== */
/* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */
details, /* 1 */
menu{display: block;}
/* * Add the correct display in all browsers. */
summary{display: list-item;}
/* Scripting ========================================================================== */
/** * Add the correct display in IE 9-. */
canvas{display: inline-block;}
/** * Add the correct display in IE. */
template{display: none;}
/* Hidden ========================================================================== */
/** * Add the correct display in IE 10-. */
[hidden]{display: none;}

/**************************self style*******************************/

/*==========start============*/
.wrap{height:100%;min-height: 100%;min-width:1200px;position: relative;}
.basic-center{width:1200px;margin: 0 auto;}

.pull-left{float: left;}
.pull-right{float:right;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.vertcal-top{vertical-align: top!important;}
.vertcal-middle{vertical-align:middle!important;}
.vertcal-bottom{vertical-align:bottom!important;}
.clearfix:before,.clearfix:after{content:"";display:block;width: 100%;height:0; clear: both;}
.text-bold{font-weight: bold;}
.text-normal{font-weight: normal;}
.pad-top{padding-top: 10px;}
.pad-right{padding-right: 10px;}
.hidden{display: none;}
/*=====header-start=======*/
.header{position: absolute;height: 70px;z-index: 6;right: 0;left:0;top: 0;background: rgba(0,0,0,.5);}
.header-content{}
.site-logo a{display:inline-block; color: #FFF;font-size:1.25rem;text-decoration:none;line-height: 68px;font-family:Arial;}
.site-logo a span{font-family:"Microsoft YaHei", Arial, sans-serif;font-size:14px;}
.site-logo a font{font-size: 1.5rem;}
.nav{list-style: none;margin:25px 0 0 30px;padding: 0;}
.nav>li{position:relative;font-size:14px;width:80px;height:20px;text-align:center;line-height:20px;float: left;color: #FFF;}
.nav>li>a{position:relative;display:block;height:100%;color: #FFF;text-decoration: none;transition:all .2s;}
.nav>li:hover>a{color:#00b0ff;}


.nav>li>a i{vertical-align:middle;width: 11px;height:20px;display: inline-block;margin-left: 9px;background: url("../images/icon-head-narrow.png") 0 0 no-repeat;}
.nav>li .drop-nav{font-size:14px;position:absolute;top:20px;left:0;padding-top: 25px;width: 150px;display: none;}
.nav>li .drop-nav ul{list-style: none;margin:0;padding:0;}
.nav>li .drop-nav ul li{margin: 0;background: rgba(0,0,0,.5);height:40px;line-height: 40px;}
.nav>li .drop-nav ul li a{transition:all .2s;text-decoration:none;text-align:left;color:#FFF;padding-left:20px;display:block;}
.nav>li .drop-nav ul li a:hover{color:#00b0ff;background: rgba(0,0,0,.85);}

.nav>li:hover .drop-nav{display: block;}
.nav>li:hover i{background-position: 0 -20px;}
.nav_left{    display: inline-block;margin-top: 15px;line-height: 40px;color: #fff;float:right;margin: 15px 5px 0 0;}
.nav_left img{vertical-align:middle;margin-top:-2px;}
.head-login{margin:25px 0 0;padding: 0;}
.head-login a{margin:0 16px;color: #FFF;text-decoration: none;transition:all .2s;height:20px;line-height:20px;position:relative;}
.head-login a i{vertical-align:middle;width: 11px;height:20px;display: inline-block;margin-left: 9px;background: url("../images/icon-head-narrow.png") 0 0 no-repeat;}
.head-login a:hover i{background-position: 0 -20px;}
.head-login a:hover{color:#00b0ff;}
.head-login a:hover .drop-nav{display:block}
.head-login .drop-nav{font-size:14px;position:absolute;top:20px;left:50%;margin-left:-66px;padding-top: 26px;width: 132px;display: none;}
.head-login .drop-nav label{color:#FFF;cursor:pointer;float: left;width:132px;margin: 0;background: rgba(0,0,0,.5);height:40px;line-height: 40px;text-align:center;}
.head-login .drop-nav label:hover{color:#00b0ff;background: rgba(0,0,0,.85);}

/*=====header-end=======*/
/*=====main-start=======*/
.main{}
/*=====main-end=======*/
/*=====footer-start=======*/
.footer{margin:0;color:#999;font-size:14px;background:#060f19 url("../images/bg-footer.jpg") center center no-repeat;height:244px;border-top:2px solid #999;}
.foot-qrc{margin-top:20px;}
.foot-about{margin-top:27px;line-height: 35px;}
.foot-about a{color:#999;text-decoration:none;}
.foot-about a:hover{color:#FFF;}
.scrollTop{transition:all .2s;width:50px;height:50px;position:fixed;right:100px;bottom:100px;z-index:999;display:none;opacity:0.8;background:url("../images/icon-scroll-top.png") center center no-repeat;cursor:pointer;}
.scrollTop:hover{opacity:1;}
/*==========end============*/
.cardtip{z-index:9999;position:fixed;top:0;width:100%;font-size:16px;height:0px;overflow:hidden;text-align:center;line-height:57px;background:#84b778;color:#FFF;}