html {overflow-x:auto;overflow-y:scroll;}
body, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, p, blockquote, th, td {font-weight:400;margin:0;padding:0;}
h1, h2, h3, h4, h4, h5 {margin:0;padding:0;}
body {background-color:#FFFFFF;color:#666666;font-family:Helvetica,Arial,sans-serif;font-size:12px;text-align:left; position: relative;overflow:auto;}
select {font-size:12px;}
table {border-collapse:collapse;}
fieldset, img {border:0 none;}
fieldset {margin:0;padding:0;}
fieldset p {margin:0;padding:0 0 0 8px;}
legend {display:none;}
address, caption, em, strong, th, i {font-style:normal;font-weight:400;}
table caption {margin-left:-1px;}
hr {border-bottom:1px solid #FFFFFF;border-top:1px solid #E4E4E4;border-width:1px 0;clear:both;height:2px;margin:5px 0;overflow:hidden;}
ol, ul {list-style-image:none;list-style-position:outside;list-style-type:none;}
caption, th {text-align:left;}
q:before, q:after, blockquote:before, blockquote:after {content:””;}
a:link, a:visited {	text-decoration: none; color: #1c1c1c;}
a:hover {text-decoration: none;transition: all 0.2s ease-in-out;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}
.clearfix{*zoom:1;}

.ui-top{background: #ffcc00 url(../images/bg_1.png) no-repeat 0 0;background-size: cover;min-height: 800px;padding-top: 100px;position: relative;}
.ui-top .banner{ margin: 0 auto; position: relative;}
.navbar-default{ background: transparent; border: none;}
.navbar-brand{ padding: 0px;}
.navbar-default .navbar-toggle {border-color: #fff;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: transparent;}
.navbar-default .navbar-nav > li > a{ font-size: 16px; color: #fff;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover{color: #fff;background-color: #252525;border-radius: 25px;}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus{ color: #fff;}
.nav > li+li{ margin-left: 10px;}
.nav > li > a{padding: 15px 45px;}
.navbar{padding: 40px 0;margin: 0 auto;}
.navbar-nav .nav-link{ font-size: 16px;}
.navbar-expand-lg .navbar-nav .nav-link {padding-right: 1.5rem;padding-left: 1.5rem;}
.top-nav{background: rgba(255,217,54,0.9);padding: 10px 0;}
.top-nav .navbar-brand img{ width: 140px;}
.banner h2{ font-size: 124px; color: #fff;margin-bottom: 15px; margin-top: 85px;}
.banner .p1{ font-size: 34px; color: #fff;}
.banner .p2{ font-size: 16px; color: #fff; line-height: 24px; margin-bottom: 47px;}
.banner .download1{line-height: 70px;display: block;border-radius: 40px;color: #ffcc00;font-size: 30px;padding-left: 117px;width: 380px;}
.banner .download1+.download1{ margin-top: 20px;}
.banner .download1.ios{background: #fff url(../images/ios.png) no-repeat 16% center;}
.banner .download1.android{background: #fff url(../images/android.png) no-repeat 16% center;}
.banner .download1:hover{ background-color: #252525;}
.banner .img1{ width: 90%; padding: 20px 0;}
.ui-title{ font-size: 38px; text-align: center; color: #1c1c1c; padding-top: 90px;}
.ui-title span{ display: inline-block; padding-left:67px; background:url(../images/title-bg.png) no-repeat 0 center;vertical-align: top;}
.ui-title span i{display: inline-block; padding-right:67px; background:url(../images/title-bg.png) no-repeat 100% center;font-weight: 600; vertical-align: top;}
.ui-service .block{ text-align: center; padding-top: 85px; padding-bottom: 150px;}
.ui-service .block img{}
.ui-service .block p{ text-align: left; font-size: 14px; line-height: 28px; color: #666; margin-top: 45px;}
.ui-analysis{ background: #f8f8f8;}
.ui-analysis .ui-title{margin-bottom: 55px;}
.ui-analysis .p1{ font-size: 14px; line-height: 28px; color: #666;}
.ui-analysis .p1:first-child{ margin-top: 22px; margin-bottom: 35px;}
.ui-analysis .p2{ font-size: 24px; color: #ffcc00; font-weight: 600; margin: 10px 0;}
.ui-analysis .img2{ text-align: right;}
.ui-download{height: 318px;background: #3a3a3a url(../images/bg_2.png) no-repeat 0 0;background-size: cover;}
.ui-download p{ color: #fff; font-size: 34px; text-align: center; padding: 80px 0 40px;}
.ui-download .download2{line-height: 70px;display:inline-block;border-radius: 40px;color: #ffcc00;font-size: 30px;padding-left: 117px;width: 380px; border: 1px solid #ffcc00;}
.ui-download .download2.ios{background:transparent url(../images/ios.png) no-repeat 16% center;text-align: left;}
.ui-download .download2.android{background:transparent url(../images/android.png) no-repeat 16% center;}
.ui-download .download2:hover{ background-color: #252525;}
.ui-bottom{ background: #303030; text-align: center; color: #777; font-size: 12px; line-height: 52px;}



@media (min-width: 1200px){
	.navbar-header{ margin-top: -10px;}
	.top-nav .navbar-header{margin-top:0;}
    .container {width: 1030px;}
}

@media (min-width:768px) and (max-width:1200px) {
	
	.container{padding: 0;width: 700px;}
	.navbar {padding: 10px;}
	.navbar-brand{padding: 0;}
	.navbar-brand > img{width: 150px;}
	.top-nav .navbar-brand img{width: 120px;}
	.nav > li+li{ margin-left: 0;}
	.nav > li > a{padding: 15px 35px;}
	.ui-top{min-height: 680px;}
	.ui-nav ul{float: none;margin-top: 0;width: 100%;text-align: center;padding-top: 20px;}
    .ui-nav ul li{width: 23%;text-align: center;}
    .ui-nav ul li a{color: #fff;padding: 0;line-height: 40px;font-size: 14px;width: 100%;}
	.row{margin-right: 0;margin-left: 0;}
	.banner h2{font-size: 72px;margin-top: 60px;}
	.banner .p1{font-size: 30px;}
	.banner .img1{width: 100%;}
	.banner .download1{line-height: 60px;font-size: 26px;width: 310px;padding-left: 107px;}
	.ui-title{padding-top: 70px;font-size: 32px;}
	.ui-service .block{padding-top: 55px;padding-bottom: 80px;}
	.ui-service .block img{width: 100px;}
	.ui-service .block p{margin-top: 25px;}
	.ui-analysis .ui-title{margin-bottom: 35px;}
	.ui-analysis .img2 img{ width: 97%;}
	.ui-analysis .p1:first-child{margin-top: 12px;margin-bottom: 15px;}
	.ui-analysis .p2{font-size: 20px;}
	.ui-download{height: 238px;}
	.ui-download p{font-size: 28px;padding: 50px 0 30px;}
	.ui-download .download2{line-height: 60px;font-size: 26px;width: 310px;padding-left: 107px;}
	.ui-download p{font-size: 20px;padding: 40px 0 20px;}


}


@media (max-width: 767px) {
	.navbar{padding: 10px 0;background: rgba(0,0,0,.8);}
	.navbar-brand > img{width: 120px;margin-left: 15px;}
	.navbar-default .navbar-collapse{border-color: transparent;}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover{margin: 0 20px;}
	.banner h2{font-size: 52px;margin-top: -10px;margin-bottom: 5px;text-align: center;}
	.banner .p1{font-size: 24px;text-align: center;}
	.banner .p2{font-size: 14px;line-height: 20px;margin-bottom: 10px;}
	.banner .download1{line-height: 46px;display: inline-block;border-radius: 23px;font-size: 14px;padding-left: 16%;width: 46%;}
	.banner .download1.ios{ background-size: 20%;}
	.banner .download1.android{background-size: 20%; margin-left: 4%;}
	.banner .download1+.download1{margin-top: 0;}
	.banner .img1{width: 70%; display: block; margin: 0 auto;}
	.ui-top{min-height: 700px;padding-top: 120px;}
	.top-nav .navbar-brand img{width: 120px;}
	.ui-title{padding-top: 50px;font-size: 26px;}
	.ui-title span{padding-left: 40px;background-size: 12%;}
	.ui-title span i{padding-right: 40px;background-size: 16%;}
	.ui-service{ padding-bottom: 40px;}
	.ui-service .block{padding-top: 35px;padding-bottom: 0px;}
	.ui-service .block img{width: 100px;}
	.ui-service .block p{font-size: 14px;line-height: 26px;margin: 30px 15px 0;}
	.ui-analysis .ui-title{margin-bottom: 0px;}
	.ui-analysis .p1{ line-height: 26px;margin: 0 15px;}
	.ui-analysis .p1:first-child{ margin: 20px 15px 20px;}
	.ui-analysis .p2{font-size: 20px;margin: 10px 15px;}
	.ui-analysis .img2{ text-align: center;}
	.ui-analysis .img2 img{ width: 80%;}
	.ui-download{height: 168px;}
	.ui-download p{font-size: 20px;padding: 40px 0 20px;}
	.ui-download .download2{line-height: 46px;display: inline-block;border-radius: 23px;font-size: 14px;padding-left: 32%;width: 100%;}
	.ui-download .download2.ios{ background-size: 20%;}
	.ui-download .download2.android{background-size: 20%;}

}