@charset "utf-8";
/* CSS Document */
.support_banner{background-color:#111;background-position:center 0; background-repeat:no-repeat; min-height:500px;}
.support_banner .info{ text-align:center;padding-top:160px;color:#fff;}
.support_banner .info h1{ font-size:48px; line-height:1.2em; font-family: 'ProximaNova-Bold';}
.support_banner .info .dd{margin-top:20px; font-size:18px;}
@media (max-width: 479px) {
	.support_banner .info h1{ font-size:36px;}
}

.infoBox1{ background:#ebebeb;padding:90px 0;}
.infoBox1 .iconbox .item{float:left;width:18%; text-align:center;padding:0 1%;}
.infoBox1 .iconbox .item dt{ font-size:18px;font-family: 'ProximaNova-semiBold';margin-top:15px;}
.infoBox1 .iconbox .item a:hover{ text-decoration:none;}
.infoBox1 .link{ text-align:center;margin-top:50px; font-size:14px;}
.infoBox1 .link a{color:#954bff; text-decoration:underline;}
@media (max-width: 767px) {
	.infoBox1{padding:20px 0 50px 0;}
	.infoBox1 .iconbox .item{float:none;width:auto;margin-top:30px;}
}

.pro_banner {padding:80px 0 50px 0; background-color:#f5f5f5;border-bottom:2px solid #954bff;}
.pro_banner .title{ font-size:48px; line-height:1.2em; font-family: 'ProximaNova-Bold';color:#954bff; text-align:center;}
.pro_banner .btn{ text-align:center;margin-top:30px;display: block;}
.pro_banner .btn a{margin:0 10px;}
.pro_banner .logo{ text-align:center;margin-top:70px;}
.pro_banner .dd{ font-size:18px; text-align:center;margin-top:15px;}
.pro_banner .sys {padding-top:20px; line-height:1.2em; text-align:center;}
.pro_banner .sys span {font-size:12px; line-height:1.2em; vertical-align:middle;}
.pro_banner .sys a {color:#8d8d8d; vertical-align:middle; margin:0 0 0 5px; text-decoration:none;font-size:20px; line-height:1.2em;}
.pro_banner .sys a:hover,
.pro_banner .sys a.curr {color:#954bff;}
@media (max-width: 479px) {
	.pro_banner h1{ font-size:36px;}
}
@media (max-width: 320px) {
	.pro_banner .btn a{margin:5px 0;}
}

.column{ font-size:36px;color:#954bff; 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;}
}

.breadcamp{vertical-align:middle;margin-top:30px;}
.breadcamp a{ line-height:1.6em; font-size:18px;padding:0 3px;}
.breadcamp i{ font-size:20px;}
.breadcamp a:hover{ text-decoration:none;}
.mainBox{padding:90px 0;}
@media (max-width: 767px) {
	.mainBox{padding:50px 0;}
}

/*review-write*/
.pro_add_review{margin-top:50px;}
.reviewsArea{padding-bottom:20px; overflow:hidden; background:#fff; border:solid 10px #f6f6f6; text-align:left;}
.reviewsArea .topBar{ border-bottom:solid 1px #f3f3f3; overflow:hidden;padding:20px 28px; }
.reviewsArea .topBar strong{font-size:25px; line-height:25px;margin-bottom:5px;  font-weight:normal;display:block}
.reviewsArea .topBar p{font-size:14px}
.reviewsArea .topBar .return{float:left;margin:12px 10px 0 0;display:block;width:158px;height:35px}
.reviewsArea .topBar .continue{float:left;margin:12px 0 0;display:block;width:165px;height:33px}
.reviewsArea .title{padding:5px 0; color: #5a5b64; font-size: 16px;overflow:hidden;}
.reviewsArea div.title{ line-height:40px;border-bottom:1px dashed #dcdcdc; margin-bottom:10px; }
.reviewsArea .reviewsItem{padding:10px 28px;}
.reviewsArea-btm{width:700px;height:134px;margin:0 auto}
.reviewsArea .writeForm{padding:20px 28px;}
.reviewsArea .writeForm .require{ color:#f26522; line-height:26px; font-weight:500;}
.reviewsArea .writeForm .tip{color:red;margin-left:20px;display:none}
.reviewsArea .writeForm .rating{margin-top:0;position:relative;}
.reviewsArea .writeForm .rating p{position:absolute;top:25px; margin-left:50px;width:80px;height:32px;line-height:32px;display:none;text-align:center;font-size:15px; background:#fff; border:solid 1px #f3f3f3;}
.reviewsArea .writeForm .distr{margin:1px 0 0 1px}
.reviewsArea .writeForm label{display:block;margin:6px 0}
.reviewsArea .writeForm input[type=text]{background:#fff;font-size:13px;border:1px solid #dcdcdc;  width:93%;padding:0 5px;height:26px;line-height:26px;color:#888; }
.reviewsArea .writeForm textarea{background:#fff;border:1px solid #dcdcdc;width:93%;height:68px;font-size:13px;max-width:95%;padding:5px;color:#888; }
.reviewsArea .btn {padding:15px 0; text-align:center;}
.reviewsArea .note{ background:#f6f6f6; padding:10px 15px; margin:10px 0 0;}
.reviewsArea .note a{ color:#954bff}
.reviewsArea dl.confirm{padding:10px 0 0 0; overflow:hidden;}
.reviewsArea dl.confirm dt{ float:left; width:30%; text-align:right; font-weight:bold;}
.reviewsArea dl.confirm dd{ padding-left:32%;}
@media (max-width: 767px) {
	.reviewsArea .writeForm{ width:90%;} 
	.reviewsArea .topBar strong{ font-size:18px; line-height:1.5em;}
	.reviewsArea dl.confirm dt{ float:none; width:auto; text-align:left; }
	.reviewsArea dl.confirm dd{ padding-left:0;}
}

.review-listBox {float:left;width:66%;}
.review-listBox .comment dt{font-size:24px; line-height:1.2em; font-family: 'ProximaNova-Bold'; color:#954bff;}
.review-listBox .comment dd{border-bottom:solid 1px #cecece; padding-bottom:40px; margin-bottom:40px; }
.review-listBox .comment dd .text{padding:20px 0;}
.review-listBox .comment dd .col999{ color:#ababab; font-size:14px;}
.review-listBox .comment dd .linegray{ display:inline-block; padding-left:12px; padding-right:12px; }
.review-listBox .comment dd .rating {float:right;}
.review-listBox .comment dd .rating li{ margin-top:8px; }

.review_side{float:right;width:27.5%;}
.review_side .title{ font-size:24px;color:#954bff;font-family: 'ProximaNova-Bold'; line-height:1.2em;margin-top:50px; text-align:center;}
.review_side .adbox{ background-repeat:no-repeat; background-position:center 0;box-shadow:0 0 20px #333;box-shadow:0 0 20px rgba(53,49,50,.3);height:400px; text-align:center;padding:0 30px;color:#fff;}
.review_side .adbox h3{font-size:30px; line-height:1.2em; font-family: 'ProximaNova-Bold';color:#fff;padding-top:100px;}
.review_side .adbox .txt{ font-size:18px;margin-top:10px;}
.review_side .adbox .btn{margin-top:20px;}
.review_side .list {margin-top:25px;}
.review_side .list .pic img{box-shadow:0 0 20px #333;box-shadow:0 0 20px rgba(53,49,50,.3);}
.review_side .info {padding:10px 0; line-height:1.4em;}
@media (max-width: 768px) {
	.review_side .adbox{padding:0 5%;}
	.review_side .adbox h3{ font-size:26px;padding-top:60px;}
}
@media (max-width: 767px) {
	.review-listBox {float:none;width:auto;}
	.review_side{float:none;width:320px;margin:0 auto;margin-top:50px;}
}
@media (max-width: 479px) {
	.review_side .adbox{padding:0 5%;}
	.review_side .adbox h3{ font-size:30px;padding-top:100px;}
}
@media (max-width: 320px) {
	.review_side{width:auto;}

}

/*video style*/
.video {position:relative; z-index:1; text-align:center;}
.video a {display:block; display:inline-block; background:#000;}
.video a img {opacity:0.8;}
.video a:hover img {opacity:0.6;}
.video i {position:absolute; z-index:2; top:50%; left:50%; margin:-30px 0 0 -30px;}
.video .frameBox {position:absolute; z-index:4; top:0; left:0; width:100%; height:100%;}
.video .playbtn{ display:inline-block; width:50px; height:50px; position:absolute; left:50%; top:50%; margin:-25px 0 0 -25px; border:solid 4px #fff; border-radius:50%; line-height:1px; opacity:0.8; }
.video .playbtn .triangel{ display:inline-block; margin-top:11px; margin-left:8px; width:0; border-left:solid 22px #fff; border-top:solid 15px transparent; border-bottom:solid 15px transparent; border-radius:3px 0 0 3px; }
.video a:hover .playbtn{ opacity:1; }

/*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; text-align:center;}
.tabStyle th{ background-color:#954bff;color:#fff; font-size:18px; font-family: 'ProximaNova-semiBold'; font-weight:normal;}
.tabStyle tr:nth-child(even) { background:#f8f8f8;}

.tabBox{padding:25px 0 50px 0;}
.tabBox .tabmenu li{float:left;width:40%;background:#954bff; 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:60%;background:#954bff;height:60px; line-height:60px;margin-top:0;}
.tabBox .tabmenu:after{ clear:both; content:" ";display:table;}

/*guide style*/
.guide_fl_side{float:left;width:26%;margin-top:-30px;}
.guide_fl_side .listmenu h3{ font-size:24px;font-family: 'ProximaNova-semiBold'; line-height:1.2em;border-bottom:1px solid #e0e0e0;padding:10px 0;margin-bottom:15px;}
.guide_fl_side .listmenu h4{font-size:18px;font-family: 'ProximaNova-semiBold'; line-height:1.2em;padding:10px 0;padding-left:30px; cursor:pointer;}
.guide_fl_side .listmenu h4:after{display:inline-block;font-family:'globalIconfont';font-size:12px; line-height:22px; font-weight:normal; vertical-align:middle;float:right;content:'\e904';padding-right:15px;}
.guide_fl_side .listmenu h4.curr{color:#954bff;}
.guide_fl_side .listmenu h4.curr:after{display:inline-block;font-family:'globalIconfont';font-size:14px; line-height:22px; font-weight:normal; vertical-align:middle;float:right;content:'\e902';padding-right:15px;}
.guide_fl_side .listmenu ul{display:none;padding:10px 0;padding-left:35px;}
.guide_fl_side .listmenu li{padding:3px 0;}
.guide_fl_side .listmenu li a.curr{color:#954bff;font-family: 'ProximaNova-semiBold';}
.guide_fl_side .listmenu .link{padding-left:35px;}
@media (max-width: 767px) {
	.guide_fl_side{float:none;width:auto;}
}

.guide_fr_cont{float:right;width:68%;margin-top:-30px;}
.guide_fr_cont h1{ font-size:30px; line-height:1.2em;font-family: 'ProximaNova-semiBold';color:#954bff;}
.guide_fr_cont p{margin-top:15px;}
.guide_fr_cont h2{ font-size:20px; line-height:1.4em;font-family: 'ProximaNova-semiBold';color:#954bff;margin-top:40px;}
.guide_fr_cont h3{ font-size:18px; line-height:1.4em;font-family: 'ProximaNova-semiBold';color:#954bff;margin-top:40px;}
.guide_fr_cont h3 .step{font-size:14px; display:block; float:left; background:#954bff; border-radius:5px; width:58px; text-align:center; height:25px; line-height:25px; color:#fff; margin:0 5px 3px 0;font-family: 'ProximaNova-semiBold';}
.guide_fr_cont ul{margin-top:15px;}
.guide_fr_cont li{list-style: none;position: relative;padding-left: 15px;margin-bottom: 10px;}
.guide_fr_cont li:before{content: ''; width:6px;height: 6px;background: #954bff;position: absolute;left: 0;top: 9px;border-radius: 50%;}
.guide_fr_cont .list{background:#f8f8f8;padding:30px 3% !important;margin:20px 0;}
.guide_fr_cont a{color:#954bff;}
.guide_fr_cont .strong{font-family: 'ProximaNova-semiBold';}

.guide_fr_cont .pic{margin-top:20px;}
.guide_fr_cont .pic img{box-shadow:0 15px 20px #333;box-shadow:0 15px 20px rgba(53,49,50,.2);}
.guide_fr_cont .btn_next{margin-top:30px;}
.guide_fr_cont .btn_next a{text-align: center;padding: 10px;color: #954bff;display: block; font-size:24px;}
.guide_fr_cont .btn_next a:hover{color:#a16de9;}
@media (max-width: 767px) {
	.guide_fr_cont{float:none;width:auto;margin-top:50px;}
	.guide_fr_cont .btn_next a{ font-size:18px;}
}

.pro_cont_box{padding:50px 3%; background-color:#f5f5f5;border-bottom:2px solid #954bff;margin-top:50px;}
.pro_cont_box .box{float:left;}
.pro_cont_box .text{padding-left:190px;}
.pro_cont_box .text h3{ font-size:30px; line-height:1.2em;font-family: 'ProximaNova-semiBold';color:#954bff;margin-top:0;}
.pro_cont_box .text .tit{ font-size:20px; line-height:1.2em;margin-top:5px;}
.pro_cont_box .text .dd{ font-size:14px;}
.pro_cont_box .text .btn{margin-top:20px;}
.pro_cont_box .text .btn a{margin:0 5px;}
@media (max-width: 479px) {
	.pro_cont_box .box{float:none; text-align:center;}
	.pro_cont_box .text{padding-left:0;margin-top:20px;}
}
@media (max-width: 320px) {
	.pro_cont_box .text .btn{ text-align:center;}
	.pro_cont_box .text .btn a{margin:5px 0;}
}

/*faq style*/
.faq_fl_side{float:left;width:26%;margin-top:-30px;}
.faq_fl_side .listmenu h3{ font-size:24px;font-family: 'ProximaNova-semiBold'; line-height:1.2em;border-bottom:1px solid #e0e0e0;padding:10px 0;margin-bottom:15px;}
.faq_fl_side .listmenu h4{font-size:18px;font-family: 'ProximaNova-semiBold'; line-height:1.2em;padding:10px 0;padding-left:30px;}
.faq_fl_side .listmenu h4.curr a{color:#954bff;}
.faq_fl_side .listmenu h4.curr a:after{display:inline-block;font-family:'globalIconfont';font-size:14px; line-height:22px; font-weight:normal; vertical-align:middle;float:right;content:'\e904';padding-right:15px;}
.faq_fl_side .listmenu ul{display:none;padding:10px 0;padding-left:35px;}
.faq_fl_side .listmenu li{padding:3px 0;}
.faq_fl_side .listmenu .link{padding-left:35px;}
@media (max-width: 767px) {
	.faq_fl_side{float:none;width:auto;}
}

.faq_fr_cont{float:right;width:68%;margin-top:-30px;}
.faq_fr_cont .btn{margin-bottom:50px;}
.faq_fr_cont .btn a{margin:0 5px;}
.faq_fr_cont h2{ font-size:30px; line-height:1.2em;font-family: 'ProximaNova-semiBold';color:#954bff;}
.faq_fr_cont .faq_list{padding:25px 0;}
.faq_fr_cont .faq_list h3{font-size:18px; line-height:1.4em;font-family: 'ProximaNova-semiBold'; cursor:pointer;padding:10px 0;position: relative;padding-left: 15px;}
.faq_fr_cont .faq_list h3:before{content: ''; width:6px;height: 6px;background: #954bff;position: absolute;left: 0;top:20px;border-radius: 50%;}
.faq_fr_cont .faq_list h3.curr{color:#954bff;}
.faq_fr_cont .faq_list .cont{display:none;background:#f0f0f0;padding:30px;margin-top:20px;margin-bottom:20px;}
.faq_fr_cont .faq_list .cont:after{display:table; content:""; clear:both;}
.faq_fr_cont .faq_list .cont p{margin-top:15px;}
.faq_fr_cont .faq_list .cont strong{font-family: 'ProximaNova-semiBold'; font-weight:normal;}
.faq_fr_cont .faq_list .cont .up_btn{font-family: 'ProximaNova-semiBold';color:#954bff;width:85px;float:right;margin-top:30px; cursor:pointer;}
.faq_fr_cont .faq_list .cont .up_btn:after{display:inline-block;font-family:'globalIconfont';font-size:14px; line-height:22px; font-weight:normal; vertical-align:middle;float:right;content:'\e903';padding-left:10px;}
@media (max-width: 767px) {
	.faq_fr_cont{float:none;width:auto;margin-top:50px;}
}
@media (max-width: 320px) {
	.faq_fr_cont .btn a{width:85px; font-size:14px;}
	.faq_fr_cont .faq_list .cont{padding:5%;}
}

.hot-art{padding:90px 0;}
.hot-art ul{margin-top:20px;}
.hot-art ul:after{display:block; content:""; clear:both;}
.hot-art li{float:left; list-style:disc;margin-left:15px;width:46%;padding:5px 0;}
@media (max-width: 767px) {
	.hot-art{padding:50px 0;}
	.hot-art li{float:none;width:auto;}
}