@charset "utf-8";
/* CSS Document */
.top_banner{ background-color:#111;background-position:center 0; background-repeat:no-repeat; min-height:600px;border-bottom:3px solid #67419e;}
.top_banner .info{float:left;width:65%;padding-top:90px;color:#e0e0e0;}
.top_banner .info h1{ font-size:38px; line-height:1.2em; font-family: 'ProximaNova-Bold';}
.top_banner .info .dd{ font-size:20px;margin-top:10px;}
.top_banner .info ul{margin-top:30px;}
.top_banner .info li{padding:5px 0;}
.top_banner .info li a{color:#e0e0e0;}
.top_banner .info li a:hover{ text-decoration:none;color:#7b4dbc;}
.top_banner .info li i{margin-right:10px;}
.top_banner .info .btn{margin-top:30px;}
.top_banner .info .btn .link_moreArrow{ font-size:14px;color:#e0e0e0;margin-left:20px;}
.top_banner .info .btn .link_moreArrow:after{font-size:18px;color:#e0e0e0;}
.top_banner .info a{color:#e0e0e0;}
.top_banner .info a:hover{color:#7b4dbc;}
.top_banner .info .link{margin-top:15px;}
.top_banner .video{float:right;padding:220px 10% 0 0;}
.top_banner .video .play{width:200px; text-align:center;}
.top_banner .video .play a{color:#e0e0e0;}
.top_banner .video .play a:hover{ text-decoration:none;}
.top_banner .video .play{opacity:1;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.top_banner .video .play:hover{opacity:0.5;}
@media (max-width: 979px) {
	.top_banner .info{float:none;width:auto;padding-top:80px;}
	.top_banner .video{float:none;padding:0;display:none;}
}
@media (max-width: 479px) {
	.top_banner .info{padding-top:60px;}
	.top_banner .info h1{ font-size:32px;}
	.top_banner .info li{padding:2px 0; font-size:14px;}
	.top_banner .info li i img{width:20px;}
	.top_banner .info .btn{ text-align:center;}
	.top_banner .info .btn .link_moreArrow{margin-left:0;display:block;margin-top:10px;}
	.top_banner .info .link{ text-align:center;}
}
@media (max-width: 375px) {
	.top_banner .info ul{margin-top:20px;}
	.top_banner .info li i{display:none;}
}

.top_banner2{ background-color:#111;background-position:center 0; background-repeat:no-repeat; min-height:500px;}
.top_banner2 .info{padding-top:90px;color:#e0e0e0; text-align:center;}
.top_banner2 .info h1{ font-size:48px; line-height:1.2em; font-family: 'ProximaNova-Bold';}
.top_banner2 .info .dd{ font-size:20px;margin-top:10px;}
.top_banner2 .info .txt{margin-top:50px;}
.top_banner2 .info .btn{margin-top:30px;}
.top_banner2 .info a{color:#e0e0e0;}
.top_banner2 .info a:hover{color:#7b4dbc;}
.top_banner2 .info .link{margin-top:15px;}
.top_banner2 .info .link .link_moreArrow{ font-size:14px;color:#e0e0e0;margin-left:20px;}
.top_banner2 .info .link .link_moreArrow:after{font-size:18px;color:#e0e0e0;}
.top_banner2 .info .play{ font-size:16px;margin-top:20px;}
.top_banner2 .info .play i{ font-size:28px; vertical-align:middle;}
.top_banner2 .info .play a{color:#e0e0e0;}
.top_banner2 .info .play a:hover{color:#a16de9; text-decoration:none;}
@media (max-width: 979px) {
	.top_banner2 .info{padding-top:80px;}
}
@media (max-width: 479px) {
	.top_banner2 .info{padding-top:60px;}
	.top_banner2 .info h1{ font-size:36px;}
}
@media (max-width: 375px) {
	.top_banner2 .info .txt{margin-top:40px;}
}
@media (max-width: 320px) {
	.top_banner2 .info{padding-top:50px;}
	.top_banner2 .info .txt{margin-top:30px;}
	.top_banner2 .info .btn{margin-top:20px;}
}

.tag_menu{color:#ebebeb; border-top:3px solid #67419e;padding:20px 0;}
.tag_menu dl{float:left;width:20%; text-align:center;}
.tag_menu dt{ font-size:16px;}
.tag_menu dt a{color:#fff;}
.tag_menu dl a:hover{ text-decoration:none;color:#a16de9;}
@media (max-width: 479px) {
	.tag_menu dl{width:33.3%;}
}
@media (max-width: 375px) {
	.tag_menu dt{ font-size:12px;}
}

.column{ font-size:36px;color:#67419e; font-family: 'ProximaNova-Bold'; line-height:1.2em;padding-bottom:25px;}
hr{ background:#d5d5d5;height:2px;width:150px;margin:90px auto;}
@media (max-width: 479px) {
	.column{ font-size:30px;}
}

.top_review{ background:#413e3f;padding:50px 0;}
.top_review .fltext{float:left;width:60%;}
.top_review .fltext .dd{ font-size:20px;margin-top:15px;color:#ebebeb; line-height:1.6em;}
.top_review .frtext{float:right;width:30%; text-align:center;}
.top_review .frtext .txt{ font-size:20px;color:#ebebeb;}
.top_review .frtext .txt span{color:#fa745f;}
.top_review .frtext .number{ font-size:18px;color:#f5a623;margin-top:20px;}
.top_review .frtext .number a{color:#f5a623; text-decoration:underline;}
@media (max-width: 479px) {
	.top_review .fltext{float:none;width:auto; text-align:center;}
	.top_review .frtext{float:none;width:auto;margin-top:20px;}
}

/*table style*/
.tabStyle{border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;}
.tabStyle th,.tabStyle td{border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;padding:15px 10px;}
.tabStyle th{ background-color:#67419e;color:#fff; font-size:18px; font-family: 'ProximaNova-semiBold'; font-weight:normal;}
.tabStyle tr:nth-child(even) { background:#f8f8f8;}

.tabBox{padding:50px 0;}
.tabBox .tabmenu li{float:left;width:25%;background:#7b4dbc; font-size:18px; font-family: 'ProximaNova-semiBold'; text-align:center;height:50px; line-height:50px;margin-top:10px; cursor:pointer;color:#fff; border-radius:4px 4px 0 0;}
.tabBox .tabmenu li.curr{width:50%;background:#67419e;height:60px; line-height:60px;margin-top:0;}
.tabBox .tabmenu:after{ clear:both; content:" ";display:table;}
.tabBox .iconbox{border:1px solid #e0e0e0;border-top:none;padding:2% 3%;}
.tabBox .iconbox .item{float:left;width:16.6%; text-align:center;padding:15px 0;}
.tabBox .device{border:1px solid #e0e0e0;border-top:none;padding:2% 3%;}
.tabBox .device li{display:inline-block;float:none; text-align:center;width:13%;padding:0 3%; vertical-align:bottom;margin-top:20px;}
.tabBox .device li strong{display:block; font-size:14px; font-weight:300;margin-top:10px;}
@media (max-width: 479px) {
	.tabBox .tabmenu li{ font-size:14px;}
	.tabBox .tabmenu li{width:30%; line-height:1.4em;padding-top:5px;height:45px;}
	.tabBox .tabmenu li.curr{width:40%;padding-top:0;}
	.tabBox .iconbox .item{width:50%;}
	.tabBox .device li{width:40%;}
}

.infoBox1{padding:90px 0; background:#f5f5f5;}
.infoBox1 .note{ font-size:14px; text-align:center;margin-top:10px;}
@media (max-width: 479px) {
	.infoBox1{padding:50px 0;}
}

.infoBox2{padding:90px 0 40px 0; background-color:#3b3738;color:#e0e0e0;}
.infoBox2 .bg{background-position:center 362px; background-repeat:no-repeat;}
.infoBox2 h2{color:#e0e0e0;}
.infoBox2 .item{margin-top:40px;}
.infoBox2 .item .flpic{float:left;width:50%; text-align:center;}
.infoBox2 .item .frpic{float:right;width:50%; text-align:center;}
.infoBox2 .item .frtext{float:right;width:46%;}
.infoBox2 .item .fltext{float:left;width:46%;}
.infoBox2 .item h3{font-size:32px; line-height:1.2em; font-family: 'ProximaNova-semiBold';padding-bottom:30px;}
@media (max-width: 1200px) {
	.infoBox2 .bg{background-position:center 342px;}
}
@media (max-width: 979px) {
	.infoBox2 .bg{background-position:center 362px;}
	.infoBox2 .item .flpic{float:none;width:auto;}
	.infoBox2 .item .frpic{float:none;width:auto;}
	.infoBox2 .item .frtext{float:none;width:auto;text-align:center;margin-top:-40px;}
	.infoBox2 .item .fltext{float:none;width:auto;text-align:center;margin-top:-40px;}
}
@media (max-width: 479px) {
	.infoBox2 .bg{ background-image:none !important;}
	.infoBox2{padding:50px 0;}
}

.infoBox3{padding:200px 0 90px 0;}
.infoBox3 .frtext{float:right;width:46%;margin-top:30px;}
.infoBox3 .flpic{float:left;width:50%; position:relative;}
.infoBox3 .flpic .img_one{ position:inherit; z-index:2;}
.infoBox3 .flpic .img_two{ position:absolute; z-index:1;left:-40px;top:-100px;}
.infoBox3 .list{margin-top:20px;}
.infoBox3 .list dd{float:left;}
.infoBox3 .list dt{padding-left:60px;}
.infoBox3 .height90{margin-top:90px;}
.infoBox3 .fltext{float:left;width:30%;margin-top:90px;}
.infoBox3 .frpic{float:right;width:65%; position:relative;margin-top:40px;}
@media (max-width: 979px) {
	.infoBox3 .frtext{margin-top:-80px;}
	.infoBox3 .fltext{margin-top:40px;}
}
@media (max-width: 768px) {
	.infoBox3 .frtext{float:none;width:auto;margin-top:30px;}
	.infoBox3 .flpic{float:none;width:auto; position:relative;}
	.infoBox3 .flpic .img_one{padding-left:120px;}
	.infoBox3 .flpic .img_two{left:20px;top:-100px;}
	.infoBox3 .fltext{float:none;width:auto;margin-top:30px;}
	.infoBox3 .frpic{float:none;width:auto;}
}
@media (max-width: 479px) {
	.infoBox3{padding:150px 0 50px 0;}
	.infoBox3 .flpic .img_one{padding-left:40px;}
	.infoBox3 .flpic .img_two{left:20px;top:-130px;}
}

.infoBox4{ background:#f5f5f5;padding:90px 0;}
.infoBox4 .iconbox{padding:0 6%;}
.infoBox4 .iconbox dl{float:left;width:28.3%; text-align:center;padding:0 2.5%;margin-top:50px;}
.infoBox4 .iconbox dt strong{ font-size:18px; font-weight:700;display:block;padding-bottom:5px;}
.infoBox4 .iconbox dt strong span{ font-size:14px; font-weight:400;}
.infoBox4 .iconbox dd a{color:#67419e;}
.infoBox4 .slideBox{margin-top:30px;}
.infoBox4 .slideBox .slides{overflow:hidden; text-align:center;}
.infoBox4 .slideBox .slides li{ background-repeat:no-repeat; background-position:center center;}
.infoBox4 .slideBox .slides li img{box-shadow:0 15px 20px #333;box-shadow:0 15px 20px rgba(53,49,50,.2);}
.infoBox4 .slideBox .slides li strong{display:block;font-size:24px; line-height:1.2em;margin-top:30px; font-weight:700;}
.infoBox4 .slideBox .flex-control-paging{text-align:center;list-style:none;margin-top:20px;}
.infoBox4 .slideBox .flex-control-paging li{margin:0 5px;display:inline-block;*display:inline;padding:0;}
.infoBox4 .slideBox .flex-control-paging li a{display:inline-block;width:10px; height:10px;cursor:pointer; background:#d8d8d8; border-radius:100px;padding:0;}
.infoBox4 .slideBox .flex-control-paging li a.flex-active{ background:#fa745f;} 
.infoBox4 .slideBox .flex-prev,.home_info_box5 .slideBox .flex-next{display:none;}
@media (max-width: 479px) {
	.infoBox4{padding:50px 0;}
	.infoBox4 .iconbox{padding:0;margin-top:20px;}
	.infoBox4 .iconbox dl{float:none;width:auto;margin-top:30px;}
}

.videoBox{padding:90px 0;}
.videoBox .video{ text-align:center;width:70%;margin:0 auto;margin-top:25px;}
.videoBox .txt{font-size:24px; line-height:1.2em; font-family: 'ProximaNova-semiBold'; text-align:center;margin-top:20px;}
@media (max-width: 979px) {
	.videoBox{padding:50px 0;}
}
@media (max-width: 768px) {
	.videoBox .video{width:auto;}
}