@charset "utf-8";
/*btn*/
.buyBtn_s{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-color: #f54848; color:#fff; font-size:16px; font-weight:bold; display:inline-block; padding:8px 15px;}
.buyBtn_s .price{ display:inline-block; margin-left:10px; font-weight:normal;}
.buyBtn_s:hover{ text-decoration:none; background:#fd3225;}
.orange_btn_s{ background:#fea500; color:#fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; font-size:18px; display:inline-table; padding:6px 25px;}
.orange_btn_s:hover{ text-decoration:none; background:#fe8300;}

.top_title{color:#464c56; font-size:32px; padding:30px 0 10px 0;}
.pe_grayBg{ background:#f1f2f2;}
.pe_whiteBg{ background:#fff;}
.font15{ font-size:16px;}
.pe_box{font:16px/1.6em IdealSans,Lato,Arial,Helvetica,sans-serif;}
.pe_box h2{ color:#0bb9f5; font-size:34px; line-height:1.1em;}
.pe_box h3{ font-size:20px; color:#0bb9f5; font-weight:bold;}
.pe_box h4{ font-size:18px; font-weight:bold;}
.pe_box{ padding:45px 0; color:#444;}
.pe_box .pro_info .img{ float:left; width:17%;}
.pe_box .pro_info .txt{ float:left; width:45%;}
.pe_box .pro_info .txt p{ margin-bottom:10px;}
.pe_box .pro_info .txt dl{ margin-bottom:10px;}
.pe_box .pro_info .buy_box{ width:33%; float:right; position:relative; padding:15px 5px; border:3px solid #ff7373;}
.pe_box .pro_info .buy_box .icon_bor{ position:absolute; background:url(images/ocr-buybox-icon.png) no-repeat; width:22px; height:52px; display:block; top:50%; left:-25px; margin-top:-26px;}
.pe_box .pro_info .buy_box .title{ font-weight:bold; font-size:16px; padding:0 0 15px 15px;}
.pe_box .pro_info .buy_box .cart label {display:block; overflow:hidden; padding:8px 10px; margin-bottom:3px; font-size:16px;}
.pe_box .pro_info .buy_box .cart label:hover {background:#c3ebf9;}
.pe_box .pro_info .buy_box .cart label.curr {background:#e1f7ff;}
.pe_box .pro_info .buy_box .cart li span{ float:right;font-family:"Microsoft Yahei",微软雅黑,Lato,Arial,Helvetica,sans-serif}
.pe_box .pro_info .buy_box .btn_box{ text-align:right; margin:30px 0; margin-right:10px;}
.pe_box .step_box{ margin:40px 0; padding:30px;}
.pe_box .step_box .item{ margin-top:50px;}
.pe_box .step_box .item .num{ font-size:120px; float:left; width:100px; line-height:95px;}
.pe_box .step_box .item .info1{ float:left; width:85%;}
.pe_box .step_box .item .info1 p{ margin-top:20px; font-size:16px;}
.pe_box .step_box .item .info,.pe_box .step_box .item .info1 img{max-width:100%;}
.pe_box .step_box .item .info{ float:left; width:46%;}
.pe_box .step_box .item .info p{ margin-top:15px; font-size:15px;}
.pe_box .step_box .item .img{ float:right; width:40%; text-align:right;}
.pe_box .step_box .item .img img{ max-width:100%;}
@media (max-width: 979px) {
	.pe_box .step_box .item .info{ width:44%;}
	.pe_box .pro_info .buy_box .cart label{ font-size:14px;}
	.pe_box .pro_info .buy_box .cart li span{ display:block; float:none; padding-left:15px;}
}

@media (max-width: 767px) {
	.pe_box .pro_info .img{ float:none; width:auto; text-align:center;}
	.pe_box .pro_info .txt{ float:none; width:auto; padding:0 15px;}
	.pe_box .pro_info .buy_box{ float:none; width:auto; margin:0 15px;}
	.pe_box .pro_info .buy_box .icon_bor{ display:none;}
	.pe_box .pro_info .buy_box .btn_box{ margin:15px 0 0 0;}
	.pe_box .pro_info .buy_box .cart li span{ float:right; display:inline-block; padding-left:0;}
	.pe_box .step_box .item .num{ float:none; text-align:center;width:auto; margin-bottom:10px;}
	.pe_box .step_box .item .info1,.pe_box .step_box .item .info{ float:none; width:auto;}
	.pe_box .step_box .item .img{ float:none; width:auto; text-align:center; margin-top:10px;}
}

.pe_box .pro_list .item{ padding:20px; background:#beeeff; margin-bottom:15px; width:27.83%; float:left; margin-right:15px;}
.pe_box .pro_list .item .img{text-align:center; margin:15px 0;}
.pe_box .pro_list .item .img img{ width:182px; }
@media (max-width: 979px) {
	.pe_box .pro_list .item{ width:26%;}	
}
@media (max-width: 767px) {
	.pe_box .pro_list .item{ width:38%;}
}

@media (max-width: 479px) { 
	.pe_box .pro_list .item{ float:none; width:auto; margin-right:0;}
	.pe_box .pro_list .item .img img{ max-width:100%; width:auto;}
}
.bg-gray{ background:#f3f3f3;}
.bg-blue{ background:#f7f8fa;}
.bg-guideB{background: #F9FAFB;}
.proTop-columnInfo {padding:30px 0; position:relative;}
.proTop-columnInfo .title-name { font-size:30px; line-height:1.2em;font-weight:700; position:relative; color:#333;}
.proTop-columnInfo .title-name i {font-size:18px; font-weight:normal; background:#fff; color:#333; padding:3px 15px; border-radius:50px;}
.proTop-columnInfo .title-name span {display:none; width:30px; height:50px; position:absolute; top:-10px; right:0; cursor:pointer; background:url(images/menuicon.png) no-repeat center center;}
.proTop-columnInfo .curr_syst{ display:block; position:absolute; right:0; bottom:27px;color:#fff; padding:0 20px; background:#24c2fd;border-radius: 20px;}
.proTop-columnInfo .curr_syst:hover{ text-decoration:none; background-color:#13b4f0; }
.proTop-columnInfo p {padding:5px 0;}
.proTop-columnInfo .desc{ font-size:18px;}
.proTop-columnInfo .list {padding:10px 0;}
.proTop-columnInfo .list li {list-style:disc; margin-left:15px; padding:4px 0; line-height:1.2em;}
@media (max-width: 767px) {
	.proTop-columnInfo .title-name span {display:block;}
	.proTop-columnInfo .title-name{ font-size:24px;}
	.proTop-columnInfo .curr_syst{ bottom:7px; }
}
.proTop-columnInfo .title_navTab{ position:absolute; right:0; bottom:0;}
.proTop-columnInfo .title_navTab ul li{ display:inline-block; float:left; padding:10px 25px;}
.proTop-columnInfo .title_navTab ul li a{ color:#7A7A7A;}
.proTop-columnInfo .title_navTab ul li.curr{ background:#fff;color:#0BBAF4;}
.proTop-columnInfo .title_navTab ul li.curr a{ color:#0BBAF4;}
@media (max-width: 767px) {
	.proTop-columnInfo{ padding:15px 0 40px 0;}
	.proTop-columnInfo .title_navTab{ left:0; right:inherit;}
	.proTop-columnInfo .title_navTab ul li{ padding:5px 15px;}
	.proTop-columnInfo .title_navTab ul li a{ font-size:18px;}
}

/*proTop-review*/
.proTop-review {padding:30px 0;}
.proTop-review .title-name {float:left; font-size:24px; line-height:1.6em; font-weight:normal;}
.proTop-review .title-name a{ font-size:0.8em; }
.proTop-review .rev-btn {float:right;}
.proTop-review .rev-btn .rat-num {float:left; border:solid 1px #e5e5e5; padding:7px 15px 0 15px; border-radius:5px; margin-right:10px;}
.proTop-review .rev-btn .rating {float:left;}
.proTop-review .rev-btn .rev-num {float:left; line-height:30px; padding-left:15px; color:#aab2bb; font-size:16px;}
.proTop-review .rev-btn .rev-num strong {color:#333;}
.proTop-review .rev-btn .btn {float:left;}
@media (max-width: 767px) {
	.proTop-review .title-name {float:none;}
	.proTop-review .rev-btn {float:none;}
	.proTop-review .rev-btn .rat-num {float:none;margin:10px 0; padding:7px 10px 0 10px; overflow:hidden;}
	.proTop-review .rev-btn .rev-num {padding-left:5px;}
	.proTop-review .rev-btn .btn {float:none;}
}

/*review-listBox*/
.review-listBox {padding:10px 0;}
.review-listBox .list {overflow:hidden; border-bottom:solid 1px #e5e5e5; padding:25px 0; position:relative; }
.review-listBox .rev-rat {float:left; width:150px;}
.review-listBox .rev-rat .rating {display:block;}
.review-listBox .rev-rat span { font-size:12px; color:#aab2bb;}
.review-listBox .rev-rat p {line-height:1.2em; font-size:12px; padding-top:10px;}
.review-listBox .rev-info {padding:0 190px 0 150px;}
.review-listBox .rev-info strong {font-size:16px;}
.review-listBox .rev-info em {display:block; font-size:12px; color:#aab2bb;  line-height:1.2em;}
.review-listBox .rev-info p {padding:10px 0 0 0;}
.review-listBox .rev-btn {position:absolute; top:30px; right:0; width:160px; line-height:1.3em; overflow:hidden;}
.review-listBox .rev-btn a {margin:10px 8px 0 0; background:url(images/btn_img.png) no-repeat 10px -84px #ccd5da; overflow:hidden; text-indent:-99999px; width:38px; height:30px;display:block; float:left; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important; border-radius:5px;}
.review-listBox .rev-btn a:hover {background-color:#374e59;}
.review-listBox .rev-btn span {display:block; float:left; margin:17px 15px 0 0;}
.review-listBox .rev-btn .btn-yes {background-position:10px -84px;}
.review-listBox .rev-btn .btn-no {background-position:-38px -84px;}
@media (max-width: 767px) {
	.review-listBox .list {position:inherit;}
	.review-listBox .rev-info  {padding:0 0 0 180px;}
	.review-listBox .rev-btn {position:inherit; padding:10px 0 0 180px; width:auto;}
}
@media (max-width: 479px) {
	.review-listBox .rev-rat {float:none; width:auto;}
	.review-listBox .rev-info,.review-listBox .rev-btn {padding:10px 0 0 0;}
}

/*review-write*/
.reviewsArea{padding-bottom:20px; overflow:hidden; background:#fff;}
.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;background:url(images/reviews.png) no-repeat 0 -55px;width:158px;height:35px}
.reviewsArea .topBar .continue{float:left;margin:12px 0 0;display:block;background:url(images/reviews.png) no-repeat 0 -90px;width:165px;height:33px}
.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: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%;}
@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;}
}

/*guide*/
/*guide-main*/
.lsit_lidot{ padding-left:20px;} 
.lsit_lidot li{ list-style:initial;}
.stretch {margin-top:10px;}
.stretch h3 {cursor:pointer; font-size:18px; font-weight: 500; line-height:20px; padding:15px 0; overflow:hidden; }
.stretch h3.curr{color: #2c3db0;  }
.stretch h3.curr.arrow{ background: url(images/arrow_down.png) 95% center no-repeat;  }
.stretch h3 img{ float:left; width:26px; margin-left:-36px; display: none; }
.stretch ul {display:block;list-style:none;}
.stretch ul li{  padding-bottom: 12px; font-size:18px; line-height:1.2em;}
.stretch ul li a {text-decoration:none; color:#666; display:block; font-size:14px; line-height:1.2em;}
.stretch ul li a:hover {text-decoration: underline;}
.stretch ul li.curr a{color:#2c3db0; }
@media (max-width: 767px) {
}

.guide-main .sidebar{float:left;width:17.5%;}
.guide-main .guide_con{border-left:1px solid #e0e0e0;padding:0 0 40px 4.67%; margin-left:19.42%; min-height:735px; font-size: 14px; line-height: 30px; }
.guide-main .guide_con .dot li{ line-height: inherit; }
.guide_con .item {border-top:1px solid #e5e5e5;padding:40px 0;}
.guide_con .item .part {display:block; float:left; font-size:70px; line-height:120px; font-weight:300;}
.guide_con .item .infoText {padding:0 0 0 70px;}
.guide_con .frpic{float:right; width:65%;}
.guide_con .fltext{padding:0 67% 0 0;}
.guide_con h1 {font-size:30px; line-height:1.4em; font-weight:normal; padding:17px 0 26px;}
.guide_con h1 strong {padding:0 5px 0 0;}
.guide_con h1 i {color:#f9b40e; padding:0 5px;}
.guide_con h3 { font-size:24px; line-height:1.2em; font-weight:500; padding:0.875em 0; color: #2c3db0; }
.guide_con p {padding:5px 0 20px 0;}
.guide_con a {text-decoration:underline; color:#f9b40e;}
.guide_con .btn_next { text-align:center; border:solid 1px #434a53; line-height:40px; margin:35px 0;}
.guide_con .btn_next a {display:block; padding:10px 0; line-height:20px; color:#434a53; text-decoration:none;}
.guide_con .btn_next:hover {border:solid 1px #f9b40e;}
.guide_con .btn_next a:hover {color:#f9b40e;}
.softGuideiframe {background:#f2f2f2; border-radius:5px; height:850px; overflow:hidden;}
.guide_con .tips{ font-size:16px; font-weight:bold; line-height:1.375em; padding:20px 0 5px 0; }
.guide_con .tips .num{ display:inline-block; width:14px; height:14px; line-height:14px; background-color:#2c3db0; color:#fff; margin-top:4px; margin-right:5px; font-size:14px; font-weight:bold; text-align:center; border-radius:50%; }
.guide_con .disqusTitle strong{ font-size: 24px; color: #2c3db0; font-weight: 500;}
@media (max-width: 767px) {
	.guide-main .sidebar {float:none; width:auto; padding-bottom:20px; border-bottom:1px solid #e0e0e0;  }
	.guide-main .guide_con {padding:10px 0 20px; margin:0;border-left:0; line-height: 24px; }
}
@media (max-width: 479px) {
	.guide_con .item .part { float:none;}
	.guide_con .item .infoText {padding:0;}
}

/*tech-spec*/
.techspec{padding:40px 0;}
.tech_con{color:#434a53; margin-top:40px;}
.tech_con h2{ font-size:21px;padding-bottom:10px;}
.tech_con a {color:#f26559; text-decoration:underline;}
.tech_con .news{background:#00aeef;color:#fff;padding:20px 0;margin:20px 0;}
.tech_con .news .ver{float:left;padding:20px 0 0 40px; text-align:center; font-size:21px;}
.tech_con .news .ver strong{display:block; font-size:50px; line-height:1em; font-weight:700;}
.tech_con .news ul{padding-left:160px;}

@media (max-width: 479px) {
	.tech_con .news .ver {float:none; text-align:center; padding:0;}
	.tech_con .news ul {padding:20px;}
	
}

.pro-main {padding:40px 0;}
.pro-main .tdd {font-size:14px; text-align:center; padding:0 10%;}

.guideCon{ position:relative; font-size:14px; overflow:hidden; padding-left:270px;}
.guideCon img{max-width:100%}
.guideCon p{ margin:0 0 10px;}

.guideCon .box{ width:228px; position:absolute; top:30px;  border:1px solid #e3e3e3; padding-bottom:30px; background:#f9f9f9;left:1%}
.guideCon .box2{width:228px; position:absolute; top:30px;  padding-bottom:30px; left:3%}
.guideCon .box .title{margin:10px; font-size:15px; font-weight:bold}
.guideCon .box.fixed{ position:fixed; top:90px; left:50%; margin-left:-490px;}
.guideCon .box.fixedBtm{position:absolute; bottom:0; top:auto}
.guideCon .box li{ position:relative; list-style:none; margin-left:0;}
.guideCon .box li:hover{background:#f9b40e;}
.guideCon .box a{ display:block; padding:15px 0;margin:0 10px; border-top:1px solid #e6e6e6; line-height:1.2em}
.guideCon .box li:hover a{ text-decoration:none;  color:#fff; border-top:1px solid #f9b40e;}
.guideCon h1, .guideCon h2, .cts h3, .techspec h2, .techspec h1{font-size:23px; line-height:30px; margin:40px 0 20px;}
.guideCon h3{ font-weight:bold;}
@media (min-width: 768px) and (max-width: 979px) {
  .guideCon .box.fixed{ margin-left:-350px;}
}
@media (max-width: 767px) { 
	.guideCon{padding-left:3%;}
	.guideCon .box2 {position:static !important;}
	.guideCon .box{ width:auto; position:static !important;  padding-bottom:10px; margin-top:10px; margin-bottom:20px;}
	.guideCon .box.fixed{ margin-left:0;}
}


/*case-study*/
.com_side {float:left;width:26.6%;}
.con_main {padding:0 0 0 29%;}
.case_main{ margin:20px 0;}
.side_said {background:#2ab9eb; padding:15px;}
.side_said .title {color:#fff; font-size:22px; padding:10px 0 20px 0; font-weight:bold; text-align:center;}
.side_said .said {background:#fff; color:#2ab9eb; font-size:22px; line-height:1.2em; border-radius:10px; padding:15px 15px 25px 15px; text-align:left; position:relative;}
.side_said span.quotes {font-size:58px; line-height:0.1em; display:block; padding-top:20px;}
.side_said .said .dot_b {display:block; width:0; height:0; position:absolute; bottom:-10px; right:15%;border-left:10px solid transparent;border-right:10px solid transparent; border-top:10px solid #fff;}
.side_said .peo_info {padding:30px 0; overflow:hidden;}
.side_said .peo_info .pic {float:right;}
.side_said .peo_info .name {padding:40px 130px 0 0; text-align:right; font-size:17px; line-height:1.2em; color:#fff;}
.side_said .peo_info .name i {display:block;}
.side_said .txt {padding:0 0 20px 0;color:#fff; text-align:center;}
.con_txt{padding:20px 30px; border:1px solid #e6e6e6;}
.con_txt h3{ font-size:20px; line-height:1.2em; font-weight:bold; padding:15px 0; color:#444;}
.con_txt p{ margin:10px 0;}
ul.txt_list{padding:10px 0;}
ul.txt_list li{ background:url(images/icon_gou.png) no-repeat 2px 5px; padding-left:30px;}
dl.dl_imgfl_infofr{float:left;width:50%; padding:10px 0;}
dl.dl_imgfl_infofr dt{ float:left; width:30%;}
dl.dl_imgfl_infofr dd{padding:0 0 0 35%;}
.btnBox_more{ border:1px solid #e6e6e6; padding:10px 20px;}
.btnBox_more a{ color:#444; background:url(images/icon_arrow3.png) right no-repeat; display:block;}
@media (min-width: 767px) and (max-width: 979px) {
	.side_said .peo_info .pic {float:none; width:auto; text-align:right;}
	.side_said .peo_info .name {padding:10px 0 0 0; text-align:right;}
}
@media (max-width: 767px) {
	.com_side {float:none; width:auto;}
    .con_main{padding:0;}
	dl.dl_imgfl_infofr{ float:none; width:auto; margin-top:15px; overflow:hidden;}
}
.limt_time{ margin-bottom:25px;}
.limt_time .txt{ padding-right:15px; font-size:18px;}
.limt_time .money{ color:#f75a50; font-size:24px;}
.limt_time .btn_buy{ width:240px; color:#fff; text-decoration:none; display:inline-block;}
.guide_btn{ margin-bottom:15px;}
.guide_btn a{ color:#0bbaf4; width:240px; float:left; margin-right:15px; text-decoration:none; margin-bottom:15px;}
@media (max-width: 767px) {
	.guide_btn a{ float:none; margin-bottom:10px;}
}
.software_box{ width:auto; max-width:800px; margin-left:auto; margin-right:auto; }
.slogan{ width:100%; background:url("images/bg_repeat1.png") repeat; color:#fff; }
.slogan h1{ font-size:48px; line-height:1.25em; padding-top: 0.9375em; font-weight: bold; }
.slogan .tips{ font-size:18px; font-weight:normal; line-height:1.4em; padding: 12px 8% 2.8em 0; }
@media (max-width:767px){
	.slogan .tips{ width:auto; padding-bottom: 24px; font-size: 16px; }	
	.slogan h1{ font-size: 30px; }
}
@media (max-width:479px){
	.slogan h1{ font-size:30px;}	
}
.breadcamp{ padding-top:40px; padding-bottom:60px;color:#5a5b64; }
.breadcamp p{ font-size:18px; line-height:21px; }
.breadcamp p a.home{ display:inline-block; width:21px; height:21px; float:left; margin-right: 5px; background:url(images/home_ico.png) left center no-repeat; text-indent:-9999em;    }
.breadcamp p a{ color:#666;text-decoration:none; }
.breadcamp p a:hover{ text-decoration:underline; }
a.golink{ float:right; margin-top: -15px; }
@media (max-width:479px){
	.breadcamp .golink{ display:block; float: none;margin:0;}
	.breadcamp{ padding-top:20px; padding-bottom:20px; }
	.breadcamp p{ margin-top:40px;  }
}
.contText img{ padding-top:10px; padding-bottom:10px; }
.colDarkBlue{ color: #2c3db0; }