/**
*
*/

/* =================================== */
/*	Basic Style 
/* =================================== */
body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}

body {
    background-color: #cbebf8;
    font-family: 'Open Sans', sans-serif, "MicrosoftYaHei";
    line-height: 24px;
    font-size: 16px;
    color: #818181;
}

figure, p, address {
    margin: 0;
}

p {
    line-height: 25px;
}

iframe {
    border: 0;
}

a {
    -webkit-transition: all 0.3s ease-out 0s;
       -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s;
}

a, a:hover, a:focus, .btn:focus {
    text-decoration: none;
    outline: none;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Open Sans', sans-serif;
    color: #252525;
}

main > section {
    padding: 70px 0;
}

.bg1{background-image: url(../image/v10/bg1.jpg);background-repeat: no-repeat; background-positon: 100%, 100%; }
.bg2{background-image: url(../image/v10/bg2.jpg);background-repeat: no-repeat; background-positon: 100%, 100%; }
.bg3{background-image: url(../image/v10/3main.png);background-repeat: no-repeat; background-positon: 100%, 100%; }
.bg4{background-image: url(../image/v10/bg4.jpg);background-repeat: no-repeat; background-positon: 100%, 100%; }
.bg5{background-image: url(../image/v10/bg5.jpg);background-repeat: no-repeat; background-positon: 100%, 100%; }


.container{padding-right:5px;padding-left:5px;margin-right:auto;margin-left:auto}
@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}@media (min-width:1200px){.container{width:1280px}}
.navbar-brand{float:left;height:100px;padding:15px 15px;font-size:18px;line-height:20px}
/**
/*	Header
/* ==========================================*/

#navigation {
    width:100%;
    height:200px;
    margin:0 auto;
}

#navigation.animated-header {
    padding: 5px 0;
}

h1.navbar-brand {
	background-image:url(../images/logo.png) no-repeat;
	width:100px;
	height:100px;
}

.navbar-fixed-top {padding-right:0;padding-left:0; top:0;}


.t1{margin:0 auto; width:100%;}
.t1 .t1-left{float:left; width:37%;padding-top:50px;}
.t1 .t1-right{float:right; width:63%;}
.t1 .t1-right .t1mobile{width:775px; height:700px; background-image: url(../image/v10/1main.png);background-repeat: no-repeat;}
.download{margin:0 auto; width:100%; padding-top:50px; margin-left:-40px;}
.download ul{display:auto;}
.download li{list-style:none; float:left; padding-right:12px;}
.download .ios{width:230px; height:82px; background-image: url(../image/v10/btn-ios.png);background-repeat: no-repeat;}
.download .ios:hover{width:230px; height:82px; background-image: url(../image/v10/btn-ios-on.png);background-repeat: no-repeat;}
.download .apk{width:230px; height:82px; background-image: url(../image/v10/btn-apk.png);background-repeat: no-repeat;}
.download .apk:hover{width:230px; height:82px; background-image: url(../image/v10/btn-apk-on.png);background-repeat: no-repeat;}
.download .qr{width:138px; height:138px; background-image: url(../image/v10/qr.png);background-repeat: no-repeat; margin-top:-70px;}
.download .qr:hover{width:138px; height:138px; background-image: url(../image/v10/qr-on.png);background-repeat: no-repeat;}



.t2{margin:0 auto; width:100%;}
.t2 .t2-left{float:left; width:30%;}
.t2 .ctitle{width:250px; height:350px; background-image: url(../image/v10/2title.png);background-repeat: no-repeat; margin-top:20px;}
.t2 .t2-right{float:left; width:70%; }
.t2 .t2-right .t2main{width:950px; height:650px; background-image: url(../image/v10/2main.png);background-repeat: no-repeat;}

.t3{margin:0 auto; width:100%;}
.t3 .t3-left{float:left; width:50%;}
.t3 .ctitle{width:300px; height:350px; background-image: url(../image/v10/3title.png);background-repeat: no-repeat; margin-top:-350px;}
.t3 .t3-right{float:right; width:50%; }

.t4{margin:0 auto; width:100%;}
.t4 .t4-left{float:left; width:50%;}
.t4 .ctitle{width:250px; height:350px; background-image: url(../image/v10/4title.png);background-repeat: no-repeat; margin-top:-350px;}
.t4 .t4-right{float:right; width:50%; }

.t5{margin:0 auto; width:100%;}
.t5 .t5-logo{width:350px; height:400px; background-image: url(../image/v10/5logo.png);background-repeat: no-repeat; margin:0 auto; }
.t5 .t5-down{margin:0 auto; width:450px; height:400px;}

.footer{width:100%; height:20px; display:inline-block; bottom:5px; vertical-align: bottom; font-family: 'Open Sans', sans-serif; font-size:12px;}
.footer p{font-size:12px; text-align: center;}
.footer a{color: #666; font-size:12px; text-align: center;}



#slider { width: 950px; }
#slider li { width: 620px; }
/*** Overall MovingBoxes Slider ***/
.mb-wrapper {
	margin: 0 auto 10px;
	position: relative;
	left: 0;
	top: 0;
}

/* Panel Wrapper */
.mb-slider, .mb-scroll {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	position: relative;
	left: 0;
	top: 0;
}

/* active slider border highlight */
.mb-active-slider {
/*	border-color: #333;*/
}

/*** Slider panel ***/
.mb-slider .mb-panel {
	margin: 0 -42px 0 -42px;
	padding: 0px;
	display: block;
	cursor: pointer;
	float: left;
	list-style: none;
}

/* Cursor to arrow over current panel, pointer for all others,
change .current class name using plugin option, currentPanel : 'current' */
.mb-slider .mb-panel.current {
	cursor: auto;
}

/*** Inside the panel ***/
.mb-inside {
	padding: 0px;
	border: 0px solid #999;
}

.mb-inside * {
	max-width: 100%;
}

/*** Left & Right Navigation Arrows ***/
a.mb-scrollButtons {
	display: block;
	width: 40px;
	height: 40px;
	background: transparent url(../image/v10/arrows.png) no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -29px; /* if you change the arrow images, you may have to adjust this (1/2 height of arrow image) */
	cursor: pointer;
	text-decoration: none;
	outline: 0;
	border: 0;
}
a.mb-scrollButtons.mb-left {
	background-position: left top;
	left: -40px;
}
a.mb-scrollButtons.mb-right {
	background-position: right top;
	right: -40px;
}
a.mb-scrollButtons.mb-left:hover {
	background-position: left bottom;
}
a.mb-scrollButtons.mb-right:hover {
	background-position: right bottom;
}
a.mb-scrollButtons.disabled {
	display: none;
}

/*** Controls added below the panels ***/
.mb-controls {
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 100;
}
.mb-controls a {
	color: #103771;
	font: 18px/2.2 Georgia, Serif;
	display: inline-block;
	text-decoration: none;
	padding: 2px;
	margin: 0 5px 0 0;
	text-align: center;
	outline: 0;
}
.mb-controls a:hover {
	color: black;
}
.mb-controls a.current {
	color: white;
}
.mb-active-slider .mb-controls {
}