@import url(http://fonts.googleapis.com/css?family=Raleway:400,200,500,700);/* reset --------------------------  */html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,dfn,del,p,blockquote,fieldset,input,textarea,select,article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,button,canvas,video {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th,dfn,del {font-weight:normal;font-style:normal;}
ul,ol {list-style:none}
fieldset,img {border:none}
caption,th {text-align:left}
table {border-collapse:collapse;border-spacing:0;}
input[type="button"],input[type="submit"],input[type="reset"],button {cursor:pointer}
input[type="button"],input[type="submit"],input[type="reset"],button,input[type="search"],input[type="text"],input[type="email"],input[type="tel"],input[type="number"],textarea {-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;}
input,button,textarea {line-height:normal;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner {border:0;padding:0;}
input[type="hidden"],[hidden],.hidden {display:none}
textarea {overflow:auto;resize:none;}
article,aside,details,figcaption,figure,footer,header,nav,section,.clearfix {display:block}
audio,canvas,video {display:inline-block}
a > img {vertical-align:bottom}
strong,.strong,b {font-weight:bold}
em,.italic,i {font-style:italic}
del,.del {text-decoration:line-through}
:focus {outline:none}
img {max-width:100%;width:auto;height:auto;}
.clear {clear:both;display:block;line-height:0;height:0;font-size:0;}
.clearfix:after,.wrap:after,.spanning:after,.content:after,.main:after,aside:after,section:after,article:after,.text:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;font-size:0;}
.align-left {float:left !important}
.align-right {float:right !important}
.overflow-hidden {overflow:hidden;display:block;}
.part4 .tab-prev,.part4 .tab-next,.button-download:after {background:url(../images/sprite.png) 0 0 no-repeat}
html {height:100%;background:white;}
body {height:100%;font:16px/28px font:16px/1.5; 'Microsoft Yahei','Simsun'!important; color:#222222;-webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
.main {min-height:100%;overflow:hidden;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.wrap {margin:0 auto;padding:0 15px;max-width:1140px;}
a {color:#01b9f5;cursor:pointer;background:transparent;text-decoration:none;}
a:hover {color:#40c9f4}
a:active {color:#0b97c3}
.error {color:red !important;border-color:red !important;}
.success {color:#00cc00 !important;border-color:#00cc00 !important;}
.disabled {color:#999999 !important;border-color:#999999 !important;cursor:default !important;}
.input-text,.textarea {width:100%;float:left;border:2px solid #d8d8d8;background:white;height:58px;padding:10px 21px;font:500 17px/34px "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;-moz-transition:color 0.1s linear,background-color 0.1s linear,border-color 0.1s linear;-ms-transition:color 0.1s linear,background-color 0.1s linear,border-color 0.1s linear;-o-transition:color 0.1s linear,background-color 0.1s linear,border-color 0.1s linear;-webkit-transition:color 0.1s linear,background-color 0.1s linear,border-color 0.1s linear;transition:color 0.1s linear,background-color 0.1s linear,border-color 0.1s linear;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.input-text:focus,.textarea:focus {border-color:#aeaeae}
.textarea {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.button {color:white;background:#01b9f5;height:58px;border:2px solid #01b9f5;font:500 22px "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;padding:0 21px;-moz-transition:color 0.1s linear,background-color 0.1s linear,border-color 0.1s linear;-ms-transition:color 0.1s linear,background-color 0.1s linear,border-color 0.1s linear;-o-transition:color 0.1s linear,background-color 0.1s linear,border-color 0.1s linear;-webkit-transition:color 0.1s linear,background-color 0.1s linear,border-color 0.1s linear;transition:color 0.1s linear,background-color 0.1s linear,border-color 0.1s linear;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.button:hover {background:#40c9f4;border-color:#40c9f4;}
.button:active {background:#0b97c3;border-color:#0b97c3;}
a.button {text-decoration:none;display:inline-block;line-height:54px;color:white;}
a.button:hover {color:white}
a.button:active {color:white}
a.button.button-stripe {background-color:rgba(0,0,0,0.2);border-color:white;}
a.button.button-stripe:hover {color:#222222;background-color:white;border-color:white;}
a.button.button-stripe:active {color:#222222;background-color:#e5e5e5;border-color:#e5e5e5;}
::-webkit-input-placeholder {color:#cccccc}
:-moz-placeholder {color:#cccccc}
::-moz-placeholder {color:#cccccc}
:-ms-input-placeholder {color:#cccccc}
input:focus::-webkit-input-placeholder {color:transparent}
header {padding:104px 0;background:url(bg.jpg) no-repeat 50% 50%;font:24px/36px "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;color:white;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
header h1 {font-size:60px;line-height:60px;font-weight:500;margin-bottom:38px;}
header h1 span {font-weight:200}
header .autor {padding:12px 0 0;font-size:14px;line-height:24px;font-weight:bold;color:white;}
header .autor a {color:white}
header .autor a:hover {color:white;opacity:0.8;filter:alpha(opacity=80);}
header .autor a:active {color:white;opacity:1;filter:alpha(opacity=100);}
header .buttons-wrapper {padding-top:53px}
header .buttons-wrapper .button-stripe {margin-left:14px}
.header-img {float:right}
.header-wrapper {padding-top:87px;max-width:655px;}
footer {background:#01b9f5;color:white;font-size:16px;line-height:28px;padding:20px 0;text-align:center;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.spanning {clear:both}
.part6 {background:#fafafa;padding:103px 0 109px;text-align:center;}
.part6 p {font-size:16px;line-height:28px;max-width:556px;margin:0 auto;clear:both;}
.part6-title {font:bold 48px/60px "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;margin-bottom:38px;}
.part6-form {position:relative;display:inline-block;padding-right:169px;max-width:556px;min-width:556px;height:58px;margin-bottom:32px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.part6-form .button {position:absolute;right:0;top:0;padding-left:0;padding-right:0;width:149px;}
.part1 {padding:114px 0 54px}
.part1-wrapper {margin:0 -15px}
.part1-column {padding:0 15px 60px;float:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:20%;}
.part1-column img {display:block;margin-bottom:23px;}
.part1-column h5 {font:bold 18px/24px "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;margin-bottom:12px;}
.part5 {padding:104px 0 89px}
.part5-content {float:right;padding-top:37px;width:420px;}
.part5-content h3 {font:700 48px/48px "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;border-bottom:solid 6px #f4f4f4;padding-bottom:43px;margin-bottom:43px;}
.part5-content ul {margin-bottom:5px}
.part5-content ul li {font-size:23px;line-height:32px;font-weight:300;margin-bottom:31px;}
.part5-content ul li img {float:left;margin-right:23px;}
.part5-content ul li span {display:block;overflow:hidden;}
.part5-content ul li p {font-size:16px;line-height:1.5;margin-top:20px;}
.part5-img {float:left;max-width:587px;width:53%; margin-top: 30px;}
.part5-img img {display:block;margin:0 auto;}
.part4 {background:#01b9f5;color:white;text-align:center;}
.part4 .box {display:none;padding:0 195px 55px;}
.part4 .box.visible {display:block}
.part4 .box h4 {font:500 36px/46px "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;margin-bottom:37px;}
.part4 .box h4 a {font-weight:bold;color:white;}
.part4 .box h4 a:hover {text-decoration:underline}
.part4 .box p {font-size:19px;line-height:32px;font-weight:300;}
.part4 .tabs {display:block;text-align:center;font-size:0;line-height:0;}
.part4 .tabs li {display:inline-block;margin:0 8px;width:11px;height:11px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background-color:rgba(255,255,255,0.3);box-shadow:0 0 0 2px rgba(255,255,255,0);cursor:pointer;-moz-transition:box-shadow 0.3s ease,background-color 0.3s ease;-ms-transition:box-shadow 0.3s ease,background-color 0.3s ease;-o-transition:box-shadow 0.3s ease,background-color 0.3s ease;-webkit-transition:box-shadow 0.3s ease,background-color 0.3s ease;transition:box-shadow 0.3s ease,background-color 0.3s ease;}
.part4 .tabs li:hover {background-color:white}
.part4 .tabs li.active {background-color:transparent;box-shadow:0 0 0 2px white;}
.part4 .tab {position:relative}
.part4 .tab-prev,.part4 .tab-next {position:absolute;left:98px;top:94px;width:23px;height:16px;background-position:0 0;opacity:0.5;filter:alpha(opacity=50);}
.part4 .tab-prev:hover,.part4 .tab-next:hover {opacity:1;filter:alpha(opacity=100);}
.part4 .tab-next {left:auto;right:98px;background-position:-50px 0;}
.video-title {font:bold 48px/48px "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center;text-transform:uppercase;margin-bottom:25px;}
.video-subtitle {font-size:19px;line-height:25px;color:#919191;text-align:center;}
.video {padding:108px 0 116px}
.video-block {padding-top:34px;margin:0 auto 32px;max-width:760px;}
.video-share-wrapper {clear:both;text-align:center;}
.social-list {display:inline-block}
.social-list li {font-size:19px;line-height:38px;float:left;margin:0 9px;}
.social-list li a {font-size:15px;line-height:38px;display:block;width:160px;height:38px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#3bcbff;color:white;text-align:center;-moz-transition:color 0.1s linear,background-color 0.1s linear,border-color 0.1s linear;-ms-transition:color 0.1s linear,background-color 0.1s linear,border-color 0.1s linear;-o-transition:color 0.1s linear,background-color 0.1s linear,border-color 0.1s linear;-webkit-transition:color 0.1s linear,background-color 0.1s linear,border-color 0.1s linear;transition:color 0.1s linear,background-color 0.1s linear,border-color 0.1s linear;}
.social-list li a:hover {background-color:#6ed9ff}
.social-list li a:active {background-color:#08bdff}
.social-list li a.social-facebook {background-color:#1e3aa6}
.social-list li a.social-facebook:hover {background-color:#2649d1}
.social-list li a.social-facebook:active {background-color:#162b7b}
.social-list li a.social-google {background-color:#d72d26}
.social-list li a.social-google:hover {background-color:#e05650}
.social-list li a.social-google:active {background-color:#ac241e}
.part2 {padding:31px 0 25px;background:#fafafa;}
.part2-content {float:right;width:50%;padding:77px 97px 50px 15px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.part2-content h2 {font-size:72px;line-height:72px;font-weight:bold;margin-bottom:29px;}
.part2-button {padding-top:68px;margin:0 -10px;clear:both;}
.button-download {height:62px;float:left;font:500 11px/13px "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;padding-left:61px;padding-right:0;width:180px;text-align:left;margin:0 10px 20px;position:relative;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.button-download:after {content:"";position:absolute;left:23px;top:14px;width:32px;height:32px;background-position:-100px 0;}
.button-download.android:after {background-position:-150px 0}
.button-download-title {padding:11px 0 1px;display:block;font-size:11px;line-height:13px;text-align:left;}
.button-download-subtitle {display:block;font-size:21px;line-height:23px;text-align:left;}
.part2-img {float:left;width:50%;}
.part2-img img {display:block}
.part2-img-inside {margin:20px 0}
.header-wrapper .buttons-wrapper {display:flex;align-items:center;justify-content:center;}
.header-wrapper .buttons-wrapper .button {width:300px;display:flex;align-items:center;justify-content:center;margin-right:20px;}
.header-wrapper .buttons-wrapper .button img {width:30px;margin-right:5px;padding:0;}
.wx {width:150px;margin-top: 20px;}
.ma {width:100px;margin-top: 20px;}
.header-img {width:20%;}
.part2-img {width:50%;margin:auto;}
.part1-column img {width:32px;height:auto;}
.part5-content img {width:32px;height:auto;}
.part6 ul li {width:44%;padding:2%;float:left;text-align:left;}
.part6 ul li h3 {font-size:20px;color:#000;margin-top:20px;}
.part6 ul li a {color:#000}
#map {float:right;border:1px solid #dacda6;padding:10px;background-color:#fff;}
#allmap {width:400px;height:300px;font-size:14px;}
#focus-banner {position:relative;width:100%;overflow:hidden;}
#focus-banner-list {position:relative;}
#focus-banner-list li {position:absolute;left:0;top:0;width:100%;}
#focus-banner-list li img {width:100%;}
.focus-banner-img {display:block;}
#focus-banner-list .focus-banner-text {position:absolute;left:50%;top:0;width:1000px;height:100%;margin-left:-500px;text-align:center;color:#fff;font-size:16px;text-align:center;}
#focus-banner .focus-handle {position:absolute;top:50%;margin-top:-40px;z-index:100;display:block;width:80px;height:80px;background-image:url("focus_handle.png");}
#next-img {left:0;}
#next-img {background-position:0 0;}
#next-img:hover {background-position:0 -80px;}
#prev-img {right:0;}
#prev-img {background-position:-80px 0;}
#prev-img:hover {background-position:-80px -80px;}
#focus-bubble {position:absolute;left:50%;bottom:10px;z-index:999;}
#focus-bubble li {float:left;width:10px;height:10px;margin:0 5px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;border:1px #fff solid;cursor:pointer;}
#focus-bubble li.current {background-color:#fff;}

@media (max-width:979px) {
.part6 ul li {width:100%;padding:0;float:none;}
#map {float:none;margin-top:20px;}
#allmap {width:100%;height:300px;}
.header-wrapper .buttons-wrapper {display:inline-block;}
.header-wrapper .buttons-wrapper .button {margin-right:0;}
.header-wrapper .buttons-wrapper .button img {margin-right:0px;}
.part6-form {min-width:0}
.part6-title {font-size:36px;line-height:48px;}
.header-img {display:none}
.header-wrapper {padding-top:0;max-width:none;}
header {text-align:center;font-size:19px;line-height:28px;}
header h1 {font-size:46px;line-height:52px;}
header .buttons-wrapper .button {margin-bottom:20px}
.part1-column {width:auto;max-width:400px;margin-left:auto;margin-right:auto;float:none;text-align:center;}
.part1-column img {margin-left:auto;margin-right:auto;}
.part5-content {float:none;width:auto;padding-top:0;}
.part5-content h3 {font-size:36px;line-height:46px;text-align:center;}
.part5-content ul {max-width:310px;margin-left:auto;margin-right:auto;}
.part5-img {float:none;width:100%;max-width:none;margin-top:20px;}
.part4 .wrap{padding:20px 0;background-color: #01b9f5;}
.video-block video {width:100%;height:200px;}
.video{padding: 108px 0 20px;}
.social-list li {float:none;text-align:center;padding-top:20px;}
.social-list li:first-child {padding-top:0}
.social-list li a {margin-left:auto;margin-right:auto;}
.video-title {font-size:36px;line-height:46px;}
.part2-content {float:none;width:auto;padding-left:0;padding-right:0;text-align:center;}
.part2-content h2 {font-size:60px;line-height:60px;}
.part2-img {float:none;width:auto;}
.part2-img img {margin:0 auto}
.part2-button {text-align:center}
.part2-button .button-download {float:none;display:inline-block;}
}