@charset "utf-8";
/* CSS Document */
body {background:#f9f9f9;}
.page_topBanner {background-repeat:no-repeat; background-position:center center; height:300px; color:#333; margin-bottom:-100px;}
.page_topBanner .columnName { font-size:48px; line-height:1.2em; padding:8% 0 0 0; color:#000;}
.page_topBanner .txt {font-size:24px; line-height:1.2em;}

.page_main {padding:60px 0;}
.sidebar {float:left; width:26%;}
.main_cont {padding:0 0 0 28%;}

.guide_side {background:#fff; box-shadow:0 2px 5px #ccc;}
.guide_side .proName {font-size:18px; line-height:1.2em; padding:20px 10px; border-bottom:solid 1px #fff; background:#f7f7f7; color:#333; position:relative; z-index:1;}
.guide_side .proName .jt {width:0; height:0; display:none; border-left:10px solid transparent;border-right:10px solid transparent; border-top:10px solid #0ef9df; position:absolute; z-index:1; left:20px; bottom:-10px;}
.guide_side .proName:hover {background:#0ef9df;}
.guide_side .proName.curr {background:#0ef9df; margin-bottom:20px;}
.guide_side .proName.curr .jt {display:block;}
.guide_side .proName .icon {display:block; float:left; width:35px;}
.guide_side .proName .name {display:block; padding:5px 0 0 40px;}
.guide_side .proName a {display:block; color:#666;}
.guide_side .proName a:hover {text-decoration:none;}
.guide_side .list {margin:15px; border-bottom:dotted 1px #ccc;}
.guide_side .title {overflow:hidden; color:#666; cursor:pointer; padding:15px 0;border-top:dotted 1px #ccc;}
.guide_side .title:first-child {border-top:0;}
.guide_side .title.curr {color:#05d494;}
.guide_side .title .icon {display:block; float:left; width:30px;}
.guide_side .title .name {display:block; padding:5px 0 0 40px;}
.guide_side ul {padding:0 0 20px 40px;}
.guide_side ul li {list-style:disc; margin:0 0 0 15px; padding:5px 0;color:#666; line-height:1.2em;}
.guide_side ul li a {color:#666;}
.guide_side ul li.curr a {text-decoration:underline; color:#333;}

.cont_info {background:#fff; box-shadow:0 2px 5px #ccc; padding:30px 40px;}
.columnBox {color:#666; padding:0 0 20px 0;}
.columnStyle {font-size:36px; line-height:1.2em; font-weight:300; padding:0 0 20px 0; color:#000;}

.guide_con {padding:10px 0 50px 0;}
.guide_con h1,
.guide_con h2 {font-size:30px; line-height:1.4em; font-weight:normal; padding:10px 0;}
.guide_con h3 {font-size:24px; line-height:1.4em; font-weight:normal; padding:20px 0;}
.guide_con h4 {font-size:18px; line-height:1.4em; font-weight:normal; padding:20px 0;}
.guide_con p {padding:5px 0 20px;}
.guide_con a {color:#05d494;}
.guide_con ul {padding:0 0 20px 0;}
.guide_con ul li {list-style:outside disc; line-height:1.7em; margin-left:18px;}
.guide_con .img {padding:0 0 20px 0;}
.guide_con .step { border-radius:100px; padding:5px 10px; margin:0 15px 0 0; box-shadow:0 2px 5px #ccc;
	background: #0ef9e2;
    background: -moz-linear-gradient(top,  #10f6af 0%, #0ef9e2 100%);
    background: -webkit-gradient(linear, top center, bottom center, color-stop(0%,#10f6af), color-stop(100%,#0ef9e2));
    background: -webkit-linear-gradient(top,  #10f6af 0%,#0ef9e2 100%);
    background: -o-linear-gradient(top,  #10f6af 0%,#0ef9e2 100%);
    background: -ms-linear-gradient(top,  #10f6af 0%,#0ef9e2 100%);
    background: linear-gradient(to bottom,  #10f6af 0%,#0ef9e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10f6af', endColorstr='#0ef9e2',GradientType=0 );}
.guide_con .videoBox {height:350px; padding:10px 0;}
.guide_con .btn {padding:20px 0;}
.guide_con .btn a {margin:5px;}
.guide_next {font-size:16px;text-align:center; line-height:1.2em;}
.guide_next a {display:block;background:#f3f3f3; padding:10px 15px; border:solid 1px #ccc; border-radius:5px;}
.guide_next a:hover {background:#f1f1f1; color:#05d494; text-decoration:none;}

.ref_main .color {color:#05d494;}
.ref_main .txt {padding:20px 0;}
.ref_main .txt p {padding:0 0 20px 0;}
.ref_main .ref_item {padding:0 0 0 5px; box-shadow:0 2px 5px #ccc; margin:0 0 20px 0;}
.ref_main .ref_item .box { background:#fff; padding:3%; overflow:hidden; position:relative; z-index:1;}
.ref_main .ref_item .titleName {float:left; width:26%; padding:0 2%; font-size:36px; line-height:1.2em; font-weight:bold; position:absolute; z-index:1; left:3%; top:50%; margin-top:-20px;}
.ref_main .ref_item .titleName p {font-size:14px; line-height:1.4em; font-weight:normal; color:#666; padding:5px 0 0 0;}
.ref_main .ref_item .title { font-size:30px; line-height:1.2em; padding:0 0 20px 0; color:#05d494;}
.ref_main .ref_item hr {width:30%;}
.ref_main .ref_item .info {padding:0 0 0 35%; color:#666;}
.ref_main .ref_item .info p {padding:10px 0;}
.ref_main .ref_item .info dl dt {font-weight:bold; color:#333; font-size:18px; line-height:1.2em; padding:0 0 5px 0;}
.ref_main .ref_item .info dl dd {padding:0 0 10px 0;}
.ref_main .ref_item .info_box {position:relative; z-index:1;}

.websites_list {float:left; width:25%; padding:30px 5%; background:url(images/line_s.png) no-repeat 0 center;}
.websites_list:first-child {background:none; padding-left:0;}
.websites_list li {list-style:disc; margin-left:15px; padding:5px 0; line-height:1.2em;}
.websites_list li a {line-height:1.2em;}
.websites_list li a:hover {color:#05d494;}

.review_side .item {box-shadow:0 2px 5px #ccc; color:#666;border:solid 1px #dedede; margin-bottom:10px;}
.review_side .box {background:#fff; margin-top:5px; padding:30px 10px;}
.review_side .column {text-align:center; font-size:18px; line-height:1.2em; color:#333; padding:0 0 20px 0;}
.review_side .item .pic {text-align:center;}
.review_side .item .ratingBox {text-align:center; padding:10px 0;}
.review_side .item .txt {padding:0 25px; margin-top:10px; position:relative;}
.review_side .item .txt .mhl,
.review_side .item .txt .mhr {font-size:36px; color:#ccc; position:absolute; top:0; left:0;}
.review_side .item .txt .mhr {top:auto;bottom:0;left:auto;right:0;}
.review_side .item .txt .name {padding:30px 0 0 0;}
.review_side .total_rating {text-align:center; padding:20px 0 10px 0; font-size:18px;}
.review_side .total_rating span {padding:0 0 0 10px;}
.review_side .btn {text-align:center; padding:10px 0;}

.review_total_rating {overflow:hidden; padding:0 0 20px 0;}
.review_total_rating .cont {float:right;}
.review_total_rating .ratingBox {float:left; padding:10px;}
.review_total_rating .ratingBox ul {float:left;}
.review_total_rating .ratingBox span {float:left; display:block; padding:5px 10px; font-size:18px; line-height:1.2em;}
.review_total_rating .btn {float:left;}

.review-listBox {padding:20px 0;}
.review-listBox .list {padding:30px 0; border-bottom:dotted 1px #3c3c3c;}
.review-listBox .rev-title {font-size:24px; line-height:1.2em;}
.review-listBox .rev-rat {padding:10px 0;}
.review-listBox .rev-info {color:#666;}

/*review-write*/
.reviewsArea{padding-bottom:20px;overflow:hidden; background:#fff; border:solid 1px #e5e5e5;}
.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 div.title{padding:5px 0; margin-bottom:10px;line-height:40px;border-bottom:1px dashed #dcdcdc; overflow:hidden;}
.reviewsArea .reviewsItem{padding:10px 28px;}
.reviewsArea-btm{background:url(images/area-bg_14.png) no-repeat;width:700px;height:134px;margin:0 auto}
.reviewsArea .writeForm{padding:20px 28px;}
.reviewsArea .writeForm .require{ color:#f26522; line-height:26px; font-weight:bold;}
.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: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:#15abef}
li.vl-item{float:left;width:100%}
.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%;}
.reviewsArea .btn-org{display:inline-block; background:#10f6af;font-size:14px;padding:10px 25px;line-height:1.2em; text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#333 !important; border-radius:5px; font-weight:bold;}
.reviewsArea .btn-org:hover{background-color:#0ef9e2;text-decoration:none;}
.reviewsArea .btn-black {display:inline-block; background:#707070;font-size:14px;padding:10px 25px;line-height:1.2em; text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important; border-radius:5px; font-weight:bold;}
.reviewsArea .btn-black:hover{background-color:#374e59;text-decoration:none;}
@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;}
}

.page_solution {padding:0 0 20px 0;}
.page_solution .itemBox {padding:20px 0;}
.page_solution .item {float:left; width:32%; margin:0.45%;box-shadow:0 2px 5px #ccc; color:#666;border:solid 1px #dedede;}
.page_solution .item .box {background:#fff; margin-top:5px; padding:0;}
.page_solution .solution_info {width:30%;}
.page_solution .solution_pro {width:33%}
.page_solution .solution_pro2 {width:33%;}
.page_solution .solution_pro2 .box {margin:5px;}
.page_solution .info {padding:40px 30px 20px;}
.page_solution .info .title {font-size:24px; line-height:1.2em; color:#333; padding:0 0 10px 0;}
.tableStyle .table_first { height:340px; padding:30px 0 0 0;}
.tableStyle .table_td {padding:15px 10px 0 20px;height:100px;}
.tableStyle .tb_bg {background:#f7f7f7;}
.tableStyle .column {font-size:24px; line-height:1.2em; color:#333; padding:80px 20% 0 20px;}
.tableStyle .name {font-size:18px; line-height:1.2em; color:#333; padding:0 0 5px 0;}
.tableStyle .proBox {text-align:center;}
.tableStyle .proBox .pic {padding:0 10%;}
.tableStyle .proBox .pro_name {font-size:18px; line-height:1.2em; color:#333; font-weight:bold; padding:20px 10px 0; height:40px;}
.tableStyle .proBox .pro_name a {color:#333;}
.tableStyle .proBox .price {font-size:24px; line-height:1.2em; color:#fc5228; font-weight:bold; padding:10px 0 0 0;}
.tableStyle .proBox .price del {font-size:18px; line-height:1.2em;color:#666; font-weight:normal;}
.tableStyle .proBox .price big {font-size:24px; line-height:1.2em; color:#fc5228; font-weight:bold;}
.tableStyle .proBox .btn {padding:10px 0 0 0;}
.tableStyle .proBox .btn a {background-color:#10f6af;}
.tableStyle .proBox .btn a:hover {background-color:#0ef9e2;border:solid 2px #0ef9e2;}
.tableStyle p {line-height:1.2em; padding:0;}
.tableStyle .gou {text-align:center; padding:30px 0 0 0;}