@charset "utf-8";
/* CSS Document */
.banner {text-align:center; font-size:18px; line-height:1.4em; background-color:#353132; color:#fff;position:relative; text-shadow:0 2px 3px #333;}
.banner_del_height {min-height:600px;}
.banner .slides li {position:relative; overflow: hidden;}
.banner .title {font-family: 'MaisonNeueLIG',Lato,sans-serif,Arial,Helvetica; font-size:48px; line-height:1.2em; font-weight:normal; color:#fff; padding:0 15%; margin-bottom:15px;}
.banner .subtitle {font-family: 'MaisonNeueLIG',Lato,sans-serif,Arial,Helvetica; font-size:24px; line-height:1.2em; font-weight:normal; color:#fff; padding:0 15%; margin-bottom:15px;}
.banner .pic {position:absolute; z-index:1; top:0; left:0; text-align: center; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:auto 100%; background-color:#353132;}
.banner .pic img {height:100%;}
.banner .pic video {position: absolute; margin: auto; min-height: 100%; left: -100%; right: -100%; top: -100%; bottom: -100%;}
.banner .info {position:relative; z-index:2; padding:160px 0 60px 0; height:360px;}
.banner .btnBox {padding:20px 0;}
.banner .btnBox a {text-shadow:none;}
.banner .play {font-size: 16px;}
.banner .play a {color: #fff;}
.banner .play a:hover {text-decoration: none;}
.banner .play i {vertical-align: middle; font-size: 24px; margin-left: 5px;}
.banner .btnBox .play {padding-top: 20px;}
.banner .flex-direction-nav li { position:absolute; top:0; right:0; width:100px; height:100%;}
.banner .flex-direction-nav li:first-child {right:auto; left:0;}
.banner .flex-direction-nav .flex-prev,
.banner .flex-direction-nav .flex-next {border-radius:100px; width:60px; height:60px; margin-top:-30px; background:#0960b0; background:rgba(255,255,255,.2); font-size:26px; line-height:60px; color:#fff; opacity:0;}
.banner .flex-direction-nav .flex-prev:before,
.banner .flex-direction-nav .flex-next:before {margin:0 17px;}
.banner .flex-direction-nav li:hover .flex-prev,
.banner .flex-direction-nav li:hover .flex-next {opacity:1;}
.banner .flex-direction-nav .flex-prev {left:10px;}
.banner .flex-direction-nav .flex-next {right:10px;}
.banner .swiper-button-prev,
.banner .swiper-button-next {background-color:#0960b0; background-color:rgba(255,255,255,.2); background-size:16px auto; border-radius:100px;width:60px; height:60px;margin-top:-30px;}
.banner .flex-control-nav,
.banner .swiper-pagination {position:absolute; z-index:5; bottom:20px; left:0; width:100%;}
.banner .flex-control-nav a.flex-active:before,
.banner .swiper-pagination .swiper-pagination-bullet-active:before {background:#fff; opacity:.5;}
.banner .flex-control-nav a.flex-active:after,
.banner .swiper-pagination .swiper-pagination-bullet-active:after {display:block; content:''; width:50px; height:2px; background:#fff; position:absolute; z-index:2; top:5px; left:-50px;-webkit-transition: all 5s ease;-moz-transition: all 5s ease;transition: all 5s ease;}
.banner .flex-control-nav a.flex-active.curr:after,
.banner .swiper-pagination .swiper-pagination-bullet-active.curr:after {left:0;}
@media (min-width: 1280px) {
	.banner .flex-direction-nav li {width:20%;}
}
@media (max-width: 979px) {
	/*.banner .slides li {height: 460px;}*/
	.banner .title {font-size:42px;}
	.banner .info {padding:20% 0 10% 0; height:auto;}
	.banner .swiper-button-prev,
	.banner .swiper-button-next {display: none;}
}
@media (max-width: 479px) {
	.banner .title {font-size:36px; padding: 0 5%;}
	.banner .subtitle {font-size:18px;}
	.banner .play {font-size: 14px;}
	.banner .play i {font-size: 18px;}
}
@media (max-width: 320px) {
	.banner .title {font-size:32px;}
}

.page_proSelect {padding:80px 0;}
.page_proSelect .column {text-align:center;}
.proselect_box a {color:#353132;}
.proselect_box .curr a,
.proselect_box .item:hover a,
.proselect_box a:hover {color:#fff; text-decoration:none;}
.proselect_box .item {float:left; text-align:center; overflow:hidden; width:19.2%; height:260px; margin:10px 0 0 1%; border-radius:4px; background:#fff; box-shadow:0 0 10px #e5e5e5; position:relative;}
.proselect_box .item .icon{display:inline-block; background:url(images/iconImg.png) no-repeat 0 0; background-size:100% auto; width:60px; height:60px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.proselect_box .item .icon.i1 {background-position:0 0;}
.proselect_box .item .icon.i2 {background-position:0 -120px;}
.proselect_box .item .icon.i3 {background-position:0 -240px;}
.proselect_box .item .icon.i4 {background-position:0 -360px;}
.proselect_box .item .icon.i5 {background-position:0 -480px;}
.proselect_box .item .icon.i6 {background-position:0 -600px;}
.proselect_box .item .icon.i7 {background-position:0 -720px;}
.proselect_box .item .icon.i8 {background-position:0 -840px;}
.proselect_box .item:after {display:block; content:''; position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; opacity: 0; border-radius:4px;background:#00a2ea;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.proselect_box .item:first-child {margin-left:0;}
.proselect_box .item_h2 {height:530px;}
.proselect_box .item_2 {width:39.4%;}
.proselect_box .item .box {display:table; width:100%; height:100%; position:relative; z-index:3;}
.proselect_box .item .info {display:table-cell; vertical-align:middle; line-height:1.2em; -webkit-transform: translate(0, 50px);-moz-transform: translate(0, 50px);transform: translate(0, 50px);-webkit-transition-property: -webkit-transform;-moz-transition-property:-moz-transform ;transition-property:transform;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;transition-duration: 0.5s}
.proselect_box .item .info p {color: #999; padding: 0 20px; min-height: 36px;}
.proselect_box .item .info p span {display: none; padding-top: 10px;}
.proselect_box .item .info p span:hover {text-decoration: underline;}
.proselect_box .item .pic {overflow:hidden; width:62px; height:62px; margin:0 auto 10px; border:solid 2px #f2f2f2; border-radius:100px;}
.proselect_box .item .name {font-size:16px; line-height:1.2em; color:#353132; padding:5px 5px 10px; font-family: 'MaisonNeueMED',Lato,sans-serif,Arial,Helvetica;}
.proselect_box .btnBox {opacity:0; text-align:center; width:180px; min-height: 90px; padding-top: 10px; margin:0 auto; -webkit-transform: translate(0, 30px);-moz-transform: translate(0, 30px);transform: translate(0, 30px);-webkit-transition-property: -webkit-transform , -webkit-opacity;-moz-transition-property:-moz-transform , -moz-opacity;transition-property:transform , opacity;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.proselect_box .btnBox a {display:block; margin:5px; padding:8px 20px; border-radius:2px; background:#fff; color:#0960b0 !important; font-size:16px; line-height:27px; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; text-align:center; text-decoration:none !important;font-family: 'MaisonNeueMED',Lato,sans-serif,Arial,Helvetica;}
.proselect_box .btnBox a:before {font-family:'globalIconfont'; color:#044887;font-size:27px; line-height:27px; padding:0 0 0 10px; float:right;}
.proselect_box .btnBox a.btn_win:before {content:'\e916';}
.proselect_box .btnBox a.btn_mac:before {content:'\e909';}
.proselect_box .btnBox a:hover {text-decoration:none; background:#044887; color:#fff !important;}
.proselect_box .btnBox a:hover:before  {color:#fff !important;}
.proselect_box .item_2 .btnBox {width: auto;}
.proselect_box .item_2 .btnBox a {display: inline-block;}
.proselect_box .item.curr:first-child .pic {margin-top: 140px;}
.proselect_box .item.curr:first-child .btnBox {padding-top:60px;}
.proselect_box .item.curr:after {opacity: 1;}
.proselect_box .item.curr .info,
.proselect_box .item.curr .name {color:#fff;}
.proselect_box .item.curr .info {-webkit-transform: translate(0);-moz-transform: translate(0);transform: translate(0)}
.proselect_box .item.curr .info p {color: #fff;}
.proselect_box .item.curr .info p span {display: block;}
.proselect_box .item.curr .pic {border:solid 2px #37b5f0; margin-bottom: 0;}
.proselect_box .item.curr:first-child .pic {margin-bottom: 10px;}
.proselect_box .item.curr .btnBox {display:block; opacity:1;-webkit-transform: translate(0);-moz-transform: translate(0);transform: translate(0)}
.proselect_box .item.curr .icon.i1 {background-position:0 -60px;}
.proselect_box .item.curr .icon.i2 {background-position:0 -180px;}
.proselect_box .item.curr .icon.i3 {background-position:0 -300px;}
.proselect_box .item.curr .icon.i4 {background-position:0 -420px;}
.proselect_box .item.curr .icon.i5 {background-position:0 -540px;}
.proselect_box .item.curr .icon.i6 {background-position:0 -660px;}
.proselect_box .item.curr .icon.i7 {background-position:0 -780px;}
.proselect_box .item.curr .icon.i8 {background-position:0 -900px;}
.proselect_box .item:hover:after {opacity: 1;}
.proselect_box .item:hover .info,
.proselect_box .item:hover .name {color:#fff;}
.proselect_box .item:hover .info {-webkit-transform: translate(0);-moz-transform: translate(0);transform: translate(0)}
.proselect_box .item:hover .info p {color: #fff;}
.proselect_box .item:hover .info p span {display: block;}
.proselect_box .item:hover .pic {border:solid 2px #37b5f0; margin-bottom: 0; display: none;}
.proselect_box .item:first-child:hover .pic {margin-bottom: 10px;display: block;}
.proselect_box .item:hover .btnBox {opacity:1;-webkit-transform: translate(0);-moz-transform: translate(0);transform: translate(0)}
.proselect_box .item:first-child:hover .pic {margin-top: 140px;}
.proselect_box .item:first-child:hover .btnBox {padding-top:40px;}
.proselect_box .item:hover .icon.i1 {background-position:0 -60px;}
.proselect_box .item:hover .icon.i2 {background-position:0 -180px;}
.proselect_box .item:hover .icon.i3 {background-position:0 -300px;}
.proselect_box .item:hover .icon.i4 {background-position:0 -420px;}
.proselect_box .item:hover .icon.i5 {background-position:0 -540px;}
.proselect_box .item:hover .icon.i6 {background-position:0 -660px;}
.proselect_box .item:hover .icon.i7 {background-position:0 -780px;}
.proselect_box .item:hover .icon.i8 {background-position:0 -900px;}
@media (max-width: 767px) {
	.proselect_box {margin-left:-1%;}
	.proselect_box .item {width:47.5%; margin-left:2%;}
	.proselect_box .item:first-child {margin-left:2%;}
	.proselect_box .btnBox {width: auto;}
	.proselect_box .btnBox a {padding: 8px;}
}
@media (max-width: 320px) {
	.proselect_box .item {float:none; width:auto; height:auto; padding:20px 0;}
}

.media_reviews {text-align:center;}
.media_reviews .slides li {padding:30px 0;font-family: 'MaisonNeueLIG',Lato,sans-serif,Arial,Helvetica; color: #4a4a4a;}
.media_reviews .cont {font-size:18px; line-height:1.6em; padding:0 10%; margin:0 10%;}
.media_reviews .colon {font-size:36px; line-height:.5; color:#d2d2d2;}
.media_reviews .pic {padding-top:30px;}
.media_reviews .other {padding-top:40px;}
@media (max-width: 767px) {
	.media_reviews .cont {margin:0; padding:0;}
}

.bottom_reviews {padding:80px 0; text-align:center;}
.bottom_reviews .box {padding:20px 50px 20px 50px; position:relative;}
.bottom_reviews .list {background:#fff; box-shadow:0 0 10px #ededed; box-shadow:0 0 10px rgba(0,0,0,.2); border-radius:5px; padding:20px; margin:20px;}
.bottom_reviews .prologo {padding:30px 0 10px 0;}
.bottom_reviews .logo {display:inline-block; width:100%; height:30px;}
.bottom_reviews .title {font-size:14px; line-height:1.2em; font-weight:bold; color:#4a4a4a; padding:25px 0 0 0; height:40px;}
.bottom_reviews .txt {font-size:14px; line-height:1.4em; color:#999; min-height:160px;}
.bottom_reviews .other {padding:10px 0 0 0;}
.bottom_reviews .user_img { padding-bottom:10px;}
.bottom_reviews .colon {font-size:36px; line-height:.5; color:#d2d2d2; padding-top:10px;}
.bottom_reviews .flex-direction-nav a {color:#00a2eb; width:30px; height:30px; font-size:30px; line-height:1; margin-top:-15px;}
@media (max-width: 1200px) {
	.bottom_reviews .title {font-size:20px;}
}
@media (max-width: 769px) {
	.bottom_reviews {padding:60px 0;}
	.bottom_reviews .column {padding:20px 0; font-size:32px;}
	.bottom_reviews .title {padding:15px 0;height:auto;}
	.bottom_reviews .box {padding:20px 0;}
}
@media (max-width: 479px) {
	.bottom_reviews .list {padding:40px 20px;}
}
@media (max-width: 320px) {
	.bottom_reviews .flex-direction-nav {display:none;}
}

.bottom_recpro {background:url(images/bg_img.jpg) no-repeat right bottom #00a2eb; color:#fff; padding:60px 0 0 0;}
.bottom_recpro .pic {float:right; width:430px; text-align:center;}
.bottom_recpro .icon {font-size:36px; line-height:40px;}
.bottom_recpro .icon .fm-android {font-size:40px; line-height:40px;}
.bottom_recpro .info {margin-right:460px; padding-top:60px; text-align:center; font-size:18px;}
.bottom_recpro .info p {padding-bottom:15px;}
.bottom_recpro .title {font-size:36px; line-height:1.2em; padding:20px 0;}
.bottom_recpro .btnBox {padding-top:20px;}
.bottom_recpro .btnBox a {margin:5px 10px; display:inline-block;}
@media (max-width: 979px) {
	.bottom_recpro .info {padding-top:30px;}
}
@media (max-width: 700px) {
	.bottom_recpro {padding-bottom:30px;}
	.bottom_recpro .pic {float:none; width:auto;}
	.bottom_recpro .info {margin-right:0; padding-top:0;}
}

.bottom_article{padding:80px 0;}
.bottom_article h2{ text-align:center;}
.bottom_article .row .item{float:left;width:20%;padding:30px 1.5%;margin:0 1%;margin-top:25px;background: #fff;box-shadow: 0 0 10px #ededed;box-shadow: 0 0 10px rgba(0,0,0,.2);border-radius: 5px;}
.bottom_article .row .item h4{ font-size:18px; font-weight:600; line-height:1.4em;}
.bottom_article .row .item ul{margin-top:10px;}
.bottom_article .row .item li{font-size:14px;padding:4px 0;line-height:1.4em;}
@media (max-width: 800px) {
	.bottom_article .row .item{width:41%;margin:0 2%;margin-top:25px;padding:30px 2.5%;}
}
@media (max-width: 767px) {
	.bottom_article .row .item{float:none;width:auto;padding:25px;margin:0;margin-top:25px;}
}