body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, button,textarea, p, blockquote, th, td {margin: 0;padding: 0;}
fieldset, img {border: 0;}
:focus {outline: 0;}
address, caption, cite, code, dfn,em, th, var, optgroup {font-style: normal;font-weight: normal;}
h1, h2, h3, h4, h5, h6{font-weight: normal; font-size: 100%;}
strong{font-weight: 700;}
abbr, acronym {border: 0;font-variant: normal;}
input, button, textarea,
select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;	font-weight: inherit;}
code, kbd, samp, tt {font-size: 100%;}
input, button, textarea, select {*font-size: 100%;}
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption{text-align: left;}
sup, sub {font-size: 100%;}
:link, :visited , ins {text-decoration: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
.clearfix,.container,.form-group,.panel{ *clear:both; *zoom:1;}
.clearfix:after,.clearfix:before,.container:after,.container:before,.form-group:after,.form-group:before,.panel:after,.panel:before{ display:table;content:" ";}
.clearfix:after,.container:after,.form-group:after,.panel:after{clear:both;}
.hidden{display:none!important;}
.show{display:block!important;}
.hide{display:none;}
.pull-left,.pull-right{display:inline;}
.pull-left{float:left;}
.pull-right{float:right;}
 button,input,textarea,select{ font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; }
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
}  
body{ -webkit-font-smoothing: antialiased; }
html {
    height: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);    
	_background-image:url(about:blank);
	_background-attachment:fixed;
}

body{	
	color: #181818;
    font-size: 14px;
    line-height: 1.5;
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #fff;	
	height: 100%;    
}
a{ color: #444; text-decoration: none; transition: color .3s, background-color .3s; }
a:hover{ color: #03b079; text-decoration: none;}
a.text-blue:hover,
a.hover-underline:hover{ text-decoration: underline;}

/* Hx */
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{ font-weight: 400; }
.h1,h1{ font-size: 32px; font-weight: 300; }
.h2,h2{ font-size: 22px; font-weight: 300; }
.h3,h3{ font-size: 18px; }
.h4,h4{ font-size: 16px; }
.h5,h5{ font-size: 14px; }
.h6,h6{ font-size: 12px; }
.small,small{ font-size: 85%; }

.inline       { display:inline !important; }
.inline-block { display:inline-block !important; vertical-align: middle; }
.block        { display:block !important; }
.sep{ padding: 0 10px; font-family: simsun; opacity: .5; filter: alpha(opacity=50); }

/* mask-white */
.mask-white,
.mask-black{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background-color: #fff; transition: 0.25s;}
.mask-black{ background-color: #000; }

/* text-align */
.text-left    { text-align: left; }
.text-right   { text-align: right; }
.text-center  { text-align: center; }
.text-nowrap  { white-space: nowrap; }
.text-break   { word-wrap: break-word; white-space: normal; }
.text-justify { text-align: justify; }
.ellipsis{ overflow: hidden; text-overflow: ellipsis; word-wrap: normal; white-space: nowrap; }

/* border */
.noborder     { border: 0 none!important;}
.border-top   { border-top: 1px solid #eee; }
.border-right { border-right: 1px solid #eee; }
.border-bottom{ border-bottom: 1px solid #eee; }
.border-left  { border-left: 1px solid #eee; }

/* text-color */
.text-white   { color: #fff !important; }
.text-light   { color: #999 !important; }
.text-gray    { color: #666 !important; }
.text-dark    { color: #181818 !important;}
.text-primary {	color: #ff443f !important; }
.text-success { color: #46be8a !important; }
.text-info    { color: #57c7d4 !important; }
.text-warning { color: #f2a654 !important; }
.text-danger  { color: #f96868 !important; }
.text-pink    { color: #e53b75 !important; }
.text-purple  { color: #6d45bc !important; }
.text-indigo  { color: #465bd4 !important; }
.text-red     {	color: #d6494b !important; }
.text-blue    { color: #0066cc !important; }
.text-green   { color: #27ae60 !important; }
.text-orange  { color: #d35400 !important; }
.text-yellow  { color: #ffec00 !important; }
.text-brown   { color: #8d6658 !important; }

/* bg-color */
.bg-primary{ background-color: #369ce0 !important; }
.bg-success{ background-color: #46be8a !important; }
.bg-info   { background-color: #57c7d4 !important; }
.bg-warning{ background-color: #f2a654 !important; }
.bg-danger { background-color: #f96868 !important; }
.bg-grey   { background-color: #757575 !important; }
.bg-red    { background-color: #f96868 !important; }
.bg-pink   { background-color: #f96197 !important; }
.bg-purple { background-color: #926dde !important; }
.bg-indigo { background-color: #677ae4 !important; }
.bg-blue   { background-color: #62a8ea !important; }
.bg-cyan   { background-color: #57c7d4 !important; }
.bg-teal   { background-color: #3aa99e !important; }
.bg-green  { background-color: #46be8a !important; }
.bg-yellow { background-color: #ffb300 !important; }
.bg-orange { background-color: #f2a654 !important; }
.bg-brown  { background-color: #8d6658 !important; }

/* iconimg */
.iconimg{
	display: inline-block;
	font-size: 0;
    line-height: 0;
	overflow: hidden;
    vertical-align: middle;
	border: 0 none;
	text-indent: -999px;
    *text-indent: 0;
    background-repeat: no-repeat;
}

/* container */
.container {
	margin-right: auto;
	margin-left: auto;
    width: 1200px;
}
	
/* panel */
.panel{ padding: 80px 0; background-color: #fff; }	
.panel-bggray{ background-color: #fafbff; }
.panel-heading{ padding-bottom: 40px; text-align: center; }
.panel-title{
    font-weight: 300;
    font-size: 32px;
    line-height: 1;
    padding-bottom: 25px;
}

/* btn */
.btn{
    display: inline-block;
    padding: 0 25px;
	height: 40px;
	line-height: 40px;
    line-height: 38px\9;
    _line-height: 40px;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
	color: #018ebb;
    border: 2px solid transparent;
	background-color: #e8f0f3;
    border-radius: 3px;
    -webkit-transition: .3s;
    transition: .3s;
}
     button.btn,input.btn{ height: 44px; *overflow: visible; }
    .btn:hover { background-color: #d3e6ed; }
    .btn:active{ background-color: #c9e0e8; }

    /* .btn-circle */
    .btn-circle{ border-radius: 100px!important;}

    /* .btn-block */
	.btn-block{ display: block;}
	 button.btn-block,input.btn-block{ width: 100%;}

	/* btn-size  */
	.btn-lg{ height: auto; line-height: 30px; font-size: 18px; padding: 14px 70px 16px 70px; }
	 button.btn-lg,input.btn-lg{ height: auto; *padding: 10px 70px 12px 70px;}

    /* btn-small  */
	.btn-sm{ height: 30px; line-height: 30px; padding: 0 20px; font-size: 13px; }
	 button.btn-sm,input.btn-sm{ height: 34px; _overflow: hidden;}

    /* btn-md  */
	.btn-md{ padding: 5px 30px; font-size: 16px; }
	 button.btn-md,input.btn-md{ height: 54px; *padding: 5px 10px; }

    /* btn-xs  */
	.btn-xs{ height: 22px; line-height: 22px; padding: 0 10px; font-size: 12px; border-width: 1px; }
	 button.btn-xs{ height: 24px; }

    /* btn-default */
    .btn-default{ color: #484848; border-color: #eee; background-color: #f5f6f7; }
    .btn-default:hover{ color: #333; border-color: #ddd; background-color: #e9e9ea; }
    .btn-default:active{ border-color: #d7d7d7; background-color: #e3e3e3; }

    /* btn-outline */
    .btn-outline{ color: #808080; border-color: #e5e5e5; }
    .btn-outline:hover{ color: #333; border-color: #ccc; background-color: #f9f9fa; }
    .btn-outline:active{ border-color: #d7d7d7; background-color: #eee; }

    /* btn-primary */
	.btn-primary{ color: #fff; border-color: #11a6d6; background-color: #11a6d6; }
	.btn-primary:hover { color: #fff; border-color: #12afe3; background-color: #12afe3; }
	.btn-primary:active{ background-color: #109bc9; }

    /* btn-red */
	.btn-red{ color: #fff; border-color: #ce3638; background-color: #ce3638; }
	.btn-red:hover{ color: #fff; border-color: #db393c; background-color: #db393c; }
	.btn-red:active{ background-color: #c23235; }

    /* btn-green */
	.btn-green{ color: #fff; border-color: #39c67a; background-color: #39c67a; }
	.btn-green:hover { color: #fff; border-color: #44d386; background-color: #44d386; }
	.btn-green:active{ background-color: #39c67a; }

    /* btn-orange */
	.btn-orange{ color: #fff; border-color: #e88c3a; background-color: #e88c3a; }
	.btn-orange:hover { color: #fff; border-color: #f5933d; background-color: #f5933d; }
	.btn-orange:active{ background-color: #db8437; }

    /* btn-white */
	.btn-white{ color: #fff; border-color: #fff; background-color: transparent; }
	.btn-white:hover { color: #03b079; border-color: #fff; background-color: #fff; }
	.btn-white:active{ background-color: #f9fafe; }

    /* btn-disabled */
	.btn.disabled,
	.btn.disabled:hover,
	.btn.disabled:active,
    .btn-disabled,
	.btn-disabled:hover,
	.btn-disabled:active{
        cursor: default;
        box-shadow: none;
        text-shadow: 0 1px 0 #fff;
        color: #aaa;
        border-color: #e5e5e5;
        background-color: #f2f2f2;
    }

/* navbar-fixed */
.navbar-fixed{
    position: fixed;
    top:0;
    left: 0;
    right: 0;
    z-index: 30;
    width: 100%;
    _position:absolute;
    _top:expression(documentElement.scrollTop);
}

/* navbar-absolute */
.navbar-absolute{
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    z-index: 30;
    width: 100%;
}

/* header */
.header{ position: relative; z-index: 30; }	
.navbar{
    height: 70px;
    background-color: #fff; 
    transition: .5s;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.08);
}	

/* navbar-brand */
.navbar-brand{ float: left; margin: 17px 50px 0 0; }
.navbar-brand img{ display: block; height: 36px; }
.navbar-brand img.logo-transparent{ display: none; }


 /* navbar-primary */
.navbar-primary{ 
    height: 70px;
    float: right;
}
    .navbar-nav{ margin-top: 17px; }
	.navbar-nav .nav-item{ float: left; padding: 0 0 0 20px; }
	.navbar-nav .nav-item .nav-link{   
        position: relative;
        display: block;
		height: 36px;
        line-height: 34px;
		text-align: center;  
        padding: 0 30px;
        font-size: 16px;
        transition: .3s;
        _display: inline-block;
        border-radius: 3px;
	}	
        .navbar-nav .nav-item .nav-link:hover{ }
        .navbar-nav li.active .nav-link,
		.navbar-nav li.active .nav-link:hover{ color: #03b079; font-weight: 700; }

/* navbar-transparent */
.navbar-transparent{ background-color: transparent; box-shadow: none; }
.navbar-transparent .container{ position: relative; }
.navbar-transparent .navbar-brand img.logo{ display: none; }
.navbar-transparent .navbar-brand img.logo-transparent{ display: block; }
.navbar-transparent .navbar-nav .nav-item .nav-link{ color: #fff; color: rgba(255,255,255,.9);*color:#fff; }	
.navbar-transparent .navbar-nav .nav-item .nav-link .caret{ color: #fff; color: rgba(255,255,255,.9);*color:#fff; }
.navbar-transparent .navbar-nav .nav-item .nav-link:hover,
.navbar-transparent .navbar-nav li.active .nav-link,
.navbar-transparent .navbar-nav li.active .nav-link:hover{ color: #fff; }
.navbar-transparent .navbar-nav li.active .nav-link span{ border-color: #fff; }
.navbar-transparent .navbar-nav .dropdown-menu{ width: 100%; border-radius: 3px; }

/* footer */
.footer{
	padding: 25px 0;
	line-height: 24px;
	color: #999;
	text-align: center;
	background-color: #333;
}	
	/* footer */
    .footer span{ margin: 0 10px; }
    .footer a{ color: #999; }
    .footer a:hover{ color:#999; }

/* jumbotron */
.jumbotron{
    padding: 70px 0;
    background-color: #19181e;
    background: url(../images/bg.jpg) center top no-repeat fixed;
    background-size: cover;
}

/* poster */
.poster{ text-align: center; color: #fff; padding: 100px 0 80px 0; font-size: 24px; }
.poster h1{ font-size: 48px; padding-bottom: 20px; }
.poster p{ padding-bottom: 10px; font-weight: 300; }
.poster .btn{ transition: .3s; margin-top: 40px; }
.poster .btn:hover{ box-shadow: 0 0 0 7px rgba(0,0,0,.15); } 

/* feature-group */
.feature-group{ margin-left: -60px; }
.feature-group li{ float: left; width: 360px; margin-left: 60px; display: inline;}
.feature-card{
    position: relative;
    overflow: hidden;
    padding: 70px 40px;
    background-color: #fff;
    transition: .3s;
    border-radius: 3px;
}
.feature-partner{ height: 600px; }
.feature-partner .feature-card{ padding: 0; }
.feature-partner .feature-card img{ display: block; border-radius: 3px; width: 360px; height: 180px; }
.feature-card:hover{ 
    box-shadow: 0 5px 50px rgba(0,0,0,.1); 
    -webkit-transform: translateY(-5px);
       -moz-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px);
}
.feature-card:hover .feature-icon{ -webkit-transform: translateY(-5px); transform: translateY(-5px); box-shadow: 0 5px 25px rgba(0,0,0,.1); }
.feature-intro h3{ text-align: center; margin-bottom: 50px; font-size: 24px; color: #03b079; }
.feature-intro p{ 
    color: #555; 
    margin-top: 10px; 
    padding-left: 30px;
    background: url(../images/pass.gif) 0 center no-repeat;
}
.feature-icon{ 
    width: 100px; 
    height: 100px; 
    margin: 0 auto; 
    overflow: hidden;
    background-color: #fff; 
    margin-bottom: 20px; 
    border-radius: 50%;
    transition: .3s;
}    
    .feature-icon .iconimg{ width: 100px; height: 100px; background-image: url(../images/feature.png); } 
    .feature-icon .feature-fast{ background-position: 0 0;}
    .feature-icon .feature-fund{ background-position: -110px 0;}
    .feature-icon .feature-safe{ background-position: -220px 0;}

/* partner-group */
.partner-group{ margin-top: -20px;  }
.partner-group li{ padding: 20px 0; float: left; text-align: center; width: 150px; color: #666; }
.partner-group li img{ display: block; width: 120px; margin: 0 auto; }
.partner-item{ margin-bottom: 70px; }


@media (min-width: 768px) and (max-width: 1250px) {
    .container { width: auto; max-width: 1280px; margin: 0 20px; }
    .panel{ padding: 50px 0; }
    .feature-group{ margin-left: 0; }
    .feature-group li{ width: 31.333333333333%; margin: 0 1%; }
    .partner-item{ margin-bottom: 50px; }
    .partner-item img{ width: 100%; }
    .feature-intro p{ background-position: 0 0; }
}

@media (max-width: 767px) {
    .navbar{ height: 44px; }    
    .navbar-brand{ margin: 10px 0 0 0; }
    .navbar-brand img{ height: 24px; }
    .poster{ font-size: 16px; padding: 20px 0 0 0;}
    .navbar-primary{ height: 44px; }
    .navbar-nav{ margin: 0; }
    .navbar-nav .nav-item{ padding: 0; }
    .navbar-nav .nav-item .nav-link {
        height: 44px;
        line-height: 44px;
        padding: 0 10px;
        font-size: 14px;
        border-radius: 0;
    }
    .poster h1{ font-size: 32px; }
    .poster .btn{ margin-top: 20px; padding: 10px 70px; }
    .container { width: auto; margin: 0 15px; }
    .panel{ padding: 30px 0; }
    .panel-heading{ padding: 0; }
    .feature-card{ padding: 30px; }
    .feature-group{ margin-left: 0; }
    .feature-group li{ width: 100%; margin: 0; float: none; display: block; }
    .partner-item{ margin-bottom: 20px; }
    .partner-item img{ width: 100%; }
    .feature-intro p{ background-position: 0 0; }
    .footer{ font-size: 12px; line-height: 20px; padding: 15px 0; }
}