@charset "utf-8";
.bus_main {padding:60px 0;}
.bus_cont {float:left; width:60%;}
.bus_side {float:right; width:35%;}

.page_banner {background-repeat:no-repeat; background-position:center 0; padding:120px 0 60px 0;}
.page_banner .title {font-size:48px; line-height:1.2em; font-weight:600; padding:30px 0; text-shadow:0 3px 3px #000;}
.page_banner .title span {display:block;}
.page_banner .info {text-align:center; color:#fff; padding:40px 8%; font-size:18px; line-height:1.2em;font-weight:400;text-shadow:0 2px 1px #000;}
.page_banner .info p {font-size:24px; line-height:1.2em; padding:0 10%;}
.page_banner .btn {text-align:center;}
.page_banner .btn a {margin:0 10px;}
.page_banner .box {padding:40px 0 0 0;}
.page_banner .box_pt {padding:140px 0 0 0;}
.page_banner .item {background:url(images/itemArrow_bg.png) no-repeat 0 0; padding:40px 0 0 0; margin:0 8%; box-shadow:0 20px 30px rgba(53,49,50,.2);}
.page_banner .item .cont {padding:20px 40px 0 40px; min-height:200px; background:#f6f6f6; position:relative; z-index:1;}
.page_banner .item .txt {font-size:18px; line-height:1.4em; padding:0 380px 0 0;}
.page_banner .item .btn {text-align:right; position:absolute; z-index:2; width:300px; top:50%; right:40px; margin:-41px 0 0 0;}
.page_banner .item .btn a {width:160px;padding:12px 0; margin:0 10px 0 0;}
.page_banner .item .btn2 {text-align:right; position:absolute; z-index:2; padding:20px 0; top:0; right:40px;text-align:center;}
e
.page_banner .item .btn2 span {display:block;padding:0 0 20px 0;}
.page_banner .item .btn2 span i {display:block; padding:10px 0 0 0; font-size:14px; line-height:1.2em;}
.page_banner .item .btn_two {margin-top:20px;}
.page_banner .item .btn_two a {margin:0 0 0 10px;}
.page_banner .item .title,
.page_banner .item .title2 {font-size:36px; line-height:1.2em; color:#2c3db0; text-shadow:none;}
.page_banner .item .title2 {padding:0 0 20px 0;}
@media (max-width:979px){
	.bus_cont,
	.bus_side {float:none; width:auto; padding:0 0 20px 0;}
	.page_banner .info {padding:60px 0;}
	.page_banner .item .txt {padding:0; text-align:center;}
	.page_banner .item .btn2 {position:relative; top:auto; right:auto; width:60%; max-width:300px; margin:20px auto;}
}
@media (max-width:767px){
	.page_banner .info,
	.page_banner .info p  {padding:0;}
	.page_banner .item {margin:0;}
	.page_banner .item .btn2 {width:auto;}
	.page_banner .other ul {width:90%;}
	.page_banner .item .btn2 .btn_two {padding:0;}
	.page_banner .item .btn_two a {margin:0 0 20px 0;}
}
@media (max-width:479px){
	.page_banner .title  {font-size:36px;}
	.page_banner .item .title {font-size:24px;}
}

.our_clients {padding:60px 0;}
.our_clients .item {float:left; width:39%; padding:10px 5%;}
.our_clients .line {float:left;display:block; width:1px; height:200px; margin-top:30px; background:#989898;}
.our_clients .media {width:32%; padding:10px 13% 10px 5%;}
.our_clients .media .say {font-size:36px; line-height:1.2em; color:#2c3db0; font-weight:bold; padding:20px 0;}
.our_clients .media .site {padding:20px 0;}
.our_clients .media .site .pic {float:left; width:80px; text-align:center;}
.our_clients .media .site .info {padding:10px 0 0 100px; font-size:13px; line-height:1.2em;}
.our_clients .media .site .down_rating span {padding:0 5px 0 0;}
.our_clients .media .site .name {font-size:11px; color:#999; padding:5px 0 0 0;}
.our_clients .clients_list {float:right;width:44%; padding:10px 0 10px 5%; text-align:center;}
.our_clients .clients_list .info {padding:30px; font-size:18px; line-height:1.8em;}
@media (max-width: 1300px) {
	.our_clients .media {width:35%; padding:10px 10% 10px 5%;}
}
@media (max-width: 767px) {
	.our_clients .item {float:none; width:auto; padding:0;}
	.our_clients .line {float:none; width:100%; height:1px; margin:60px 0;}
	.our_clients .media {text-align:center;}
	.our_clients .media .say {font-size:26px;}
	.our_clients .media .site .pic {float:none; width:auto;}
	.our_clients .media .site .info {padding:10px 0 0 0;}
	.our_clients .clients_list .info {padding:30px 0 0 0;}
}

.hospitality_cont .title{ font-size:24px; line-height:1.2em; font-weight:bold; color:#2c3db0; padding:30px 0;}
.hospitality_cont .dotlist li{ padding:0 0 20px 20px; position: relative;}
.hospitality_cont .dotlist li:before{ content: ""; display: inline-block; width:8px; height:8px; background-color: #2c3db0; border-radius:10px; position: absolute; left: 0; top: 10px;}

.hospitality_form .title{ padding:20px 30px; background-color: #2c3db0; color: #fff; font-size: 18px; line-height: 24px; border-radius: 5px 5px 0 0;}
.hospitality_form .form{ padding: 10px 30px 65px; background-color: #fff; border:solid 1px #979797; border-top:0;}
.hospitality_form .form li{ margin-top: 30px;}
.hospitality_form .form li .inputTxt{ width: 100%; height: 47px; padding-left: 10px; border:solid 1px #dbd9d9; border-radius: 4px; line-height: 45px; font-size: 16px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.hospitality_form .form .btn {margin-top: 50px; text-align:center;}
.hospitality_form .form .btn input[type="button"] { cursor:pointer;}

.main_feature {padding:60px 0;}
.main_feature ul {overflow:hidden;}
.main_feature ul li {float:left; width:23%; padding:20px 1%; text-align:center;}
.main_feature .text {padding:20px 0; font-size:14px; line-height:1.6em;}
.main_feature .btn {padding:20px 0; text-align:center;}
@media (max-width: 767px) {
	.main_feature ul li { width:48%;}
}
@media (max-width: 479px) {
	.main_feature ul li { float:none; width:auto;}
}

.easy_knowing .box {padding:40px 0;}
.easy_knowing .item {float:left; width:29%; padding:1% 2.15%; text-align:center;}
.easy_knowing .item .info {padding:20px 0;}
.easy_knowing .item .info p {min-height:80px;}
.easy_knowing .item .btn {padding:10px 0 0 0;}
.easy_knowing .item .title {font-size:24px; line-height:1.2em; font-weight:600; min-height:50px}
@media (max-width: 979px) {
	.easy_knowing .item .btn a {padding:12px 20px;}
	.easy_knowing .item .title {font-size:20px;}
}
@media (max-width: 767px) {
	.easy_knowing .box {padding:20px 0 0 0;}
	.easy_knowing .item {float:none; width:auto; padding:0 20px 40px 20px;}
	.easy_knowing .item .info p {min-height:inherit;}
	.easy_knowing .item .title {font-size:20px; min-height:inherit; padding:0 0 20px 0;}
	.easy_knowing .item .btn {padding:20px 0 0 0;}
}

.future_list {background:url(images/bg_repeat1.png) #5a5b64; color:#fff; padding:100px 0;}
.future_list ul {overflow:hidden; padding:20px 0;}
.future_list ul li {float:left; width:31.3%; padding:10px 0 10px 3%; text-align:center;}
.future_list ul li:first-child {padding-left:0;}
.future_list ul li a {display:block; position:relative; z-index:1; background:#000; border:solid 5px #fff;}
.future_list ul li a:hover img {opacity:0.8;}
.future_list ul li .btn_play {position:absolute; z-index:2; top:50%; left:50%; margin:-30px 0 0 -30px;}
.future_list .pic {padding:0 0 10px 0;}
.future_list .title {font-size:24px; line-height:1.2em; padding:20px 0;}
.future_list .btn {text-align:center; padding:20px 0 0 0;}
@media (max-width: 479px) {
	.future_list ul li {float:none; width:auto; padding:0 0 40px 0;}
	.future_list .btn {padding:0;}
}

.seemore_box {background:#2c3db0; color:#fff; margin:100px 0; padding:60px 100px; box-shadow:0 15px 20px #333;box-shadow:0 15px 20px rgba(53,49,50,.2); font-size:30px; line-height:1.2em; position:relative; z-index:1;}
.seemore_box span {display:block; padding-right:200px;}
.seemore_box .btn { position:absolute; z-index:2; top:50%; right:100px; margin:-25px 0 0 0;}
@media (max-width: 479px) {
	.seemore_box  {padding:30px; margin:60px 0;}
	.seemore_box span {padding-right:0;}
	.seemore_box .btn {position:relative; top:auto; right:auto; margin:30px 0 0 0;}
}

.bfeat_banner{ height:350px; background:url(images-banner/busi_feature_banner.jpg) center no-repeat; position:relative; }
.fea_act{ width:100%; position:absolute; bottom:0; background:url('images/banner_nav_06222017.png') repeat; padding-top:15px; padding-bottom:4px; }

.case_menu{padding:60px 5%;}
.case_menu a{float:left; width:16.6666%; font-size:18px; line-height:1.4em; font-weight:bold; text-align:center; display:block; color:#5a5b64; min-height:40px;  }
.case_menu a:hover,
.case_menu a.curr{ text-decoration:none; color:#2c3db0; }
@media (max-width:979px){
	.case_menu {padding:60px 0;}
}
@media (max-width:767px){
	.case_menu a {float:none; width:auto; display:inline-block; padding:0 10px; font-size:16px;}
}

.tkssuggest{padding-top:60px;padding-bottom:60px;}
.tkssuggest ul {overflow:hidden;}
.tkssuggest ul li{float:left;width:31.3%;margin-left:3%;text-align:center;font-size:14px;}
.tkssuggest ul li:first-child {margin-left:0;}
.tkssuggest ul li a {display:block;background-color:#f6f6f6; color:#5a5b64;padding:40px 20px;height:140px;}
.tkssuggest ul li a:hover{background-color:#2c3db0;color:#ffffff; text-decoration:none;}
.tkssuggest ul li a:hover b {color:#fff;}
.tkssuggest ul li b{font-size:20px;font-weight:bold; color:#2c3db0;}
@media (max-width:479px){
	.tkssuggest ul li {float:none; width:auto; margin-left:0; margin-bottom:20px;}
}

.partml{padding:60px 0;}
.partml .column {text-align:center;}
.partml .info {text-align:center; padding:0 0 20px 0;}
.partml .iconlist{padding:20px 0;}
.partml .iconlist li{ width:25%; margin:20px 0 20px -1px; float:left; text-align:center; border-left:solid 1px #ebebeb;}
.partml .iconlist li:first-child {border-left:0;}
.partml .iconlist li .text{font-size:18px; text-align:center; padding:20px 0;}
.partml .textlist {padding:20px 0;}
.partml .textlist li{ width:27%; margin-left:2.5%; margin-right:3.8333%; padding:20px 0; float:left; }
.partml .btn {padding:30px 0; text-align:center;}
.part_01lt{width:45%; float:left;}
.part_01lt .column {text-align:left;}
.partlt_text {padding:0 0 20px 0;}
.partlt_text li{ padding:20px 0 0 0; }
.part_01rt {margin:0 0 0 55%;}
.part_01rt ul {overflow:hidden; padding:30px 5%;}
.part_01rt li {width:50%; float:left; text-align:center; padding:30px 0; border-top:solid 1px #ebebeb;}
.part_01rt li:first-child {border-right:solid 1px #ebebeb; border-top:0; margin-right:-2px;}
.part_01rt li:nth-of-type(2) {border-top:0;}
.part_01rt li:nth-of-type(2n+1) {border-right:solid 1px #ebebeb; margin-right:-2px; clear:both;}
.part_01rt li .text{font-size:18px; line-height:1.2em; padding:10px 0;}
@media (max-width:767px){
	.part_01lt{ width:auto; float:none; }
	.part_01rt {margin:0;padding-bottom:20px;}
	.part_01rt ul {padding:30px 0;}
	.partml .textlist li {float:none; width:auto; margin-left:0;}
}
@media (max-width:479px){
	.part_01rt li{ width:50%; }
	.part_01rt li .text{ min-height:auto; padding-bottom:20px; }
	.partml .iconlist li{width:50%; margin:0; padding:20px 0; border-top:solid 1px #ebebeb; border-left:0;}
	.partml .iconlist li:first-child {border-right:solid 1px #ebebeb; border-top:0; margin-right:-2px;}
	.partml .iconlist li:nth-of-type(2) {border-top:0;}
	.partml .iconlist li:nth-of-type(2n+1) {border-right:solid 1px #ebebeb; margin-right:-2px; clear:both;}
	.partml .iconlist li .text{ padding-top:10px; padding-bottom:15px; }
}

.see_full_Btn {position:relative; z-index:2;}
.see_full_Btn a:after { display:inline-block; font-family:'globalIconfont'; content:'\e902'; color:#2c3db0;font-size:24px; line-height:1.2em; vertical-align:middle; padding:0 0 0 10px; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.see_full_Btn a.down:after {transform:rotate(180deg);padding:0 10px 0 0;}
.see_full_zip {width:100%; text-align:center; padding:30px 0 60px 0;}
.see_full_zip a {width:40px; height:40px; padding:0; text-align:center;}
.see_full_zip a:after {font-family:'globalIconfont'; content:'\e903'; color:#2c3db0;font-size:24px; line-height:40px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.see_full_Btn a:hover:after,
.see_full_zip a:hover:after {color:#fff;}
.see_full_feature{ margin-top:-30px; display:none; position:relative; z-index:1;}
.see_full_feature .box{ width:45%; margin-left:5%;float:left;}
.see_full_feature .box:first-child,
.see_full_feature .box:nth-child(2n-1){margin-left:0; clear:both;}
.see_full_feature .box .title{ padding:20px 0; font-size:24px; line-height:1.2em; color:#2c3db0;}
.see_full_feature .box .text {padding:0 0 20px 0;}
.see_full_feature .box .text li {padding:0 0 10px 30px; position:relative;}
.see_full_feature .box .text li:before {font-family:'globalIconfont'; content:'\e90d'; color:#2c3db0;font-size:18px; line-height:1.2em; position:absolute; left:0; top:2px;}
@media (max-width:767px){
	.see_full_feature .box{ width:auto; float:none; margin-left:0;}
	.see_full_feature .box .text{ min-height:auto; }
	.see_full_feature .box .text li{ margin-top:8px; }
	.see_full_feature .box .titles{ margin-top:12px; }
	.see_full_feature{ padding-top:45px; }
	.see_full_feature .box:nth-child(2n-1){ margin-right:0; }
}
@media (max-width:479px){
	.see_full_feature .box .text li{ padding-left:30px;  }
}
.feature_work {padding:60px 0;}
.feature_work .column {text-align:center;}
.feature_work_lt{width:40%; float:left; padding:40px 0;}
.feature_work_lt p {padding:0 0 20px 0;}
.feature_work_rt{width:50%; float:right; padding:40px 0;}
.feature_work_rt .compare_tabbox { padding: 0; }
.feature_work_rt .compare_tabbox .wid1 { width: 40%; }
.feature_work_rt .compare_tabbox .wid2 { width: 20%; }
.feature_work_rt .compare_tab th .comName { font-size: 10px; letter-spacing: -0.5px; line-height: 16px; }
.feature_work_rt .compare_tab td { font-size: 12px;}
.feature_work_rt .compare_tab .smallf { font-size: 10px; letter-spacing: -0.5px; }
.feature_work_rt .compare_tab .price { font-size: 14px; }
.feature_work_rt .btn {padding:30px 0 0 0;text-align:center;}

@media (max-width:979px){
	.feature_work_rt{ margin-right:0; }
	.feature_work_lt{ width:46%; }
}
@media (max-width:767px){
	.feature_work_rt,.feature_work_lt{ width:auto; float:none; }
	.feature_work{ padding-top:40px; padding-bottom:30px; }
}
/***  main  **/
.bus_main {padding:60px 0;}
.bus_main .column {text-align:center; padding:30px 20%;}
.bus_main .info {padding:0 20% 30px; text-align:center;}
.bus_main .btn {text-align:center; padding:20px 0;}
.bus_main .btn span {display:inline-block; padding:0 10px; vertical-align:top;}
.bus_main .btn span i {display:block; font-size:12px; line-height:1.2em; font-style:normal; padding:10px 0 0 0;}
.main_01{padding:60px 0;}
.main_01 .column {text-align:center; padding:30px 20%;}
.main_01 .info {padding:0 20% 30px; text-align:center;}
.main_01 .btn {text-align:center; padding:20px 0;}
.main_01 .btn span {display:inline-block; padding:0 10px; vertical-align:top;}
.main_01 .btn span i {display:block; font-size:12px; line-height:1.2em; font-style:normal; padding:10px 0 0 0;}
.pic_info .pic_fl {float:left; width:45%;}
.pic_info .pic_fr {float:right; width:45%;}
.pic_info .info_fl {padding:0 52% 0 0;}
.pic_info .info_fr {padding:0 0 0 52%;}
.pic_info .title {font-size:24px; line-height:1.2em; font-weight:bold; color:#2c3db0; padding:0 0 20px 0;}
.box_step {padding:60px 6%;}
.box_step dl {padding:0 0 30px 0;}
.box_step dl dt {float:left; width:30px; font-size:20px; line-height:.5em; font-weight:bold; text-align:center; border:solid 3px #989898; color:#2c3db0; border-radius:100px; padding:5px 0;}
.box_step dl dd {padding:0 0 0 60px;}
.bus_stories {padding:60px 6%; font-size:14px; line-height:1.6em;}
.bus_stories .icon {padding:10px 0;}
.bus_stories .name {font-size:18px; line-height:1.2em; font-weight:bold; color:#2c3db0; padding:20px 0;}
.bus_stories .item {padding:0 0 40px 0;}
.bus_clients {padding:60px 6%;}
.bus_clients .pic {float:right; width:55%; text-align:center;}
.bus_clients .pic p {padding:10px 0;}
.bus_clients .info {padding:0 60% 0 0;}
.bus_main_bottom {overflow:hidden;}
.bus_main_bottom .item {float:left; width:50%; padding:60px 0; background:url(images/bg_repeat3.png) repeat #2c3db0; color:#fff;}
.bus_main_bottom .i_bg {background:url(images/bg_repeat4.png) repeat #f6f6f6; color:#2c3db0;}
.bus_main_bottom .cont {width:400px; margin:0 100px 0 auto; padding:0 0 30px 0;}
.bus_main_bottom .i_bg .cont {margin:0 auto 0 100px;}
@media (max-width:979px){
	.bus_main .column,
	.main_01 .column {padding:30px 0;}
	.main_01 .info {padding:0 0 30px 0;}
	.bus_main_bottom .item {float:none; width:auto; padding:30px 0;}
	.bus_main_bottom .cont {width:auto; margin:0 10%;}
	.bus_main_bottom .i_bg .cont {margin:0 10%;}
}
@media (max-width:767px){
	.pic_info .pic_fl,
	.pic_info .pic_fr,
	.bus_clients .pic {float:none; width:auto;}
	.pic_info .info_fl,
	.pic_info .info_fr,
	.bus_clients .info {padding:30px 0 0 0;}
	.bus_main .info {padding:0;}
}
@media (max-width:479px){
	.box_step dl dt {width:40px; font-size:80px;}
	.box_step dl dd {padding:0 0 0 60px;}
	.main_01 .btn a {padding:12px;}
	.main_01 .btn span {padding:0 0 20px 0;}
}

.icon_line ul {overflow:hidden; padding:30px 5%;}
.icon_line li {width:25%; float:left; text-align:center; padding:30px 0; margin-right:-1px; border-top:solid 1px #ebebeb;border-left:solid 1px #ebebeb;}
.icon_line li:first-child {border-left:0;border-top:0;}
.icon_line li:nth-of-type(1),
.icon_line li:nth-of-type(2),
.icon_line li:nth-of-type(3),
.icon_line li:nth-of-type(4) {border-top:0;}
.icon_line li:nth-of-type(4n+1) {border-left:0; margin-right:-1px; clear:both;}
.icon_line li .text{font-size:18px; line-height:1.2em; padding:10px 0;}
.icon_line li a {color:#5a5b64;}
.icon_line li a:hover {color:#2c3db0; text-decoration:none;}
@media (max-width:767px){
	.icon_line ul {padding:30px 0;}
	.icon_line li {width:50%;}
	.icon_line li:nth-of-type(1),
	.icon_line li:nth-of-type(2) {border-top:0;}
	.icon_line li:nth-of-type(3),
	.icon_line li:nth-of-type(4) {border-top:solid 1px #ebebeb;}
	.icon_line li:nth-of-type(2n+1) {border-left:0; margin-right:-1px; clear:both;}
}

.video .frameBox{ width:100%; height:100%; position:absolute; left:0; top:0; }
.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; }
.unline{ text-decoration:underline; }
.trial{padding-top:60px;padding-bottom:60px;}
.trial .column{text-align:center; padding:20px 0;}
.trial .form_tip{ padding:20px 20%; text-align:center;}
.trial .form{ padding-top:37px; padding-bottom:50px; }
.trial .form li{ margin:27px 2% 0; width:46%; float:left; border-bottom:solid 3px #e1e1e1; }
.trial .inputT{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:100%; border:0; height:40px; line-height:40px; font-size:18px; padding-left:5px; font-family:"Microsoft Yahei",微软雅黑,Arial,Helvetica,sans-serif; font-weight:300; color:#189cd8; }
.trial  select.inputT{ color:#a1a1a1;  }
.trial .submit_btn{ width:392px; background-color:#189cd8; border-radius:4px; color:#fff; font-size:20px; line-height:40px; height:40px; border:solid 2px #189cd8; text-transform:uppercase; cursor:pointer; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; }
.trial .submit_btn:hover{ background-color:#f8fdff; color:#189cd8; }
.trial .form_bott{ padding-left:2%; padding-right:2%; font-size:18px; color:#a1a1a1; }
.trial .form_bott .check{ padding-top:48px; padding-bottom:66px; }
.trial .form_bott .check li{ width:33.333%; float:left; position:relative; }
.trial .form_bott .check li input[type=checkbox] { visibility: hidden; display:none; }
.trial .form_bott .check li label{ display:inline-block; }
.trial .form_bott .check li label:before{ content:""; display:inline-block; width:20px; height:18px; background-color:#fafafa; border:solid 3px #e2e2e2; float:left; margin-right:10px; }
.trial .form_bott .check li input[type=checkbox]:checked + label:before { background:url(images/support.png) center center no-repeat #fafafa; }
.trial .form_bott .check li.selected label:before{ }
.trial .textarea_box{ padding:10px; background-color:#f8f8f8; margin-top:10px; margin-bottom:50px; }
.trial .textarea_box textarea{ border:0; width:100%; background:transparent;color:#189cd8;  height:60px; }
.trial .tips{ padding-top:17px; line-height:22px; padding-bottom:11px; }
.trial .box {padding:20px 10%;}
.trial .btn {padding:20px 0; text-align:center;}
.trial .btn .goto {padding:20px 0 0 0;}
.error_tips{ background-color:#fff3cd; }
.formbox1 .activity{border-bottom: solid 3px #199cd8;}
@media (max-width:979px){
	.trial {padding-top:0;padding-bottom:30px;}
	.trial .form_tip{ padding-left:3%; padding-right:3%; }
	.trial .box {padding:0;}
}
@media (max-width:767px){
	.trial .form li .inputT{ font-size:16px; }
	.trial .form li:nth-child(7) , .trial .form li:last-child{ width:97%; } 
	.trial .form{ padding-top:0; padding-bottom:35px; }
	.trial .form_bott .check li{ width:auto; float:none; padding-bottom:12px; }
	.trial .form_bott .check{ padding-top:15px; padding-bottom:15px; }
	.trial .title{ padding-top:30px; }
	.trial{ padding-bottom:35px; }
	.trial .textarea_box{ margin-bottom:25px; }
	.trial .form_bott .check li{ font-size:16px; }
}
@media (max-width:479px){
	.trial .submit_btn{  width:100%; font-size:16px; }
	.trial .title{ font-size:24px; }
	.trial .form li{ width:97%; }
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
color: #a1a1a1; 
} 
input:-moz-placeholder, textarea:-moz-placeholder { 
color: #a1a1a1; opacity:1; 
} 
input::-moz-placeholder, textarea::-moz-placeholder { 
color: #a1a1a1; opacity:1; 
} 
.trial input:-ms-input-placeholder,.trial textarea:-ms-input-placeholder { 
color: #a1a1a1; 
} 
/***  compare  **/
.compare_menu {padding:30px 0;}
.compare_menu .menu {width:340px; margin:0 auto; overflow:hidden; border-radius:100px; background:#e8e8e8;position:relative; z-index:1;}
.compare_menu .menu li {display:block; float:left; width:50%; border-radius:100px; overflow:hidden; font-size:18px; line-height:30px; text-align:center; color:#8c8c8c; cursor:pointer; position:relative; z-index:3;}
.compare_menu .menu li span {display:block; width:100%; padding:10px 0;}
.compare_menu .menu li span:before {display:inline-block; font-family:'globalIconfont'; color:#8c8c8c;font-size:30px; line-height:30px; font-weight:normal; vertical-align:middle; padding:0 10px 0 0; }
.compare_menu .menu li.win span:before {content:'\e916';}
.compare_menu .menu li.mac span:before {content:'\e909';}
.compare_menu .menu li.curr {color:#fff;}
.compare_menu .menu li.curr span {color:#fff;}
.compare_menu .menu:after {content:''; display:block;background:#435bfd; width:50%; height:100%; border-radius:100px; position:absolute; z-index:2; top:0; left:0;-moz-transition: all 0.3s;transition: all 0.3s; text-align:center;transform: translate(0,0);}
.compare_menu .menu.toggle:after {transform: translate(100%,0);}
.compare_menu .menu li.curr span:before {color:#fff;}
.compare_tabbox{padding:30px 5%;}
.compare_tabbox .tb_btn {padding:40px 0; text-align:center;}
.compare_tab{ border:solid 1px #989898; border-collapse:collapse; text-align:center; color:#6d6e71; background-color:#fff; }
.compare_tab th{ background-color:#2c3db0; color:#fff;padding:10px 15px;font-size:20px; font-weight:normal; }
.compare_tab td{ border:solid 1px #989898; height:58px; line-height:20px; }
.compare_tab .colgray{ color:#999b9e; }
.compare_com {display:inline-table; width:100%; height:100%;}
.compare_com i {width:100%; height:100%; background-size:100% auto;}
.compare_tab .yes{ display:inline-block; width:10px; height:20px; transform:rotate(-135deg); -moz-transform:rotate(-135deg); -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); border-top:solid 2px #2c3db0; border-left:solid 2px #2c3db0; }
.compare_tab .yes.gray{ border-color:#999b9e; }
.compare_tab .no , .compare_tab .no:after{ display:inline-block; width:20px; height:20px; position:relative; }
.compare_tab .no{ border-left:solid 2px #989898;transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); margin-top:15px; margin-left:10px; }
.compare_tab .no:after{ content:""; position:absolute; left:-10px; top:-11px; border-bottom:solid 2px #989898;  }
.compare_tab .price{ font-size:18px; line-height:1.2em;}
.compare_tab .smallf{ font-size:14px; line-height:1.2em;  }
.compare_tab .trhide{ display:none; }
.compare_tab .trhide.tablerow{ display:table-row; }
.compare_tab .wid1{ width:52%; }
.compare_tab .wid2{ width:16%; }
.compare_detail{ font-size:18px; line-height:1.2em; display:inline-block; padding-right:20px; cursor:pointer; position:relative; color:#2c3db0; text-transform:uppercase; }
.compare_detail:before{ content:""; display:inline-block; width:7px; height:7px;  border-left:solid 2px #2c3db0; border-top:solid 2px #2c3db0; transform:rotate(225deg); position:absolute; right:0; top:50%; margin-top:-7px;-moz-transition: all 0.3s;transition: all 0.3s;}
.compare_detail.zip:before{ transform:rotate(45deg);margin-top:-3.5px;}
@media(max-width:979px){
	.compare_tabbox{ padding:20px 0 35px; }
}
@media(max-width:767px){
	.compare_tab .wid1{ width:40%; }
	.compare_tab .wid2{ width:20%; }
	.compare_tab{ font-size:14px; }
	.compare_tab td{ height:auto; padding-top:8px; padding-bottom:8px; }
	.compare_tab .price , .compare_tab .smallf{ letter-spacing:-1px; }
}
@media(max-width:479px){
	.compare_tab .price{ font-size:16px; font-weight:500;  }
}
@media(max-width:320px){
	.compare_menu .menu {width:auto;}
}
/***  wenbinnar  **/
.web_banner{ height:350px; background-image:url(images-banner/busi_webinar_banner.jpg); }
.web_banner .tips{ padding-left:18%; padding-right:18%; }
.wenbinnar_01{padding:60px 0;}
.wenbinnar_01 .icon {text-align:center;}
.wenbinnar_01 .title{ font-size:24px; color:#333; padding-top:26px; padding-bottom:43px; text-align:center;}
.wenbinnar_01 .title span {color:#2c3db0;}
.wenbinnar_01 .blue_title{ font-size:24px; color:#2c3db0; padding:0 0 20px 0; text-align:center; }
.wenbinnar_01 .pic {background:#333;}
.wenbinnar_01 .photo{padding:20px 0 0 0; border-radius:0 0 15px 15px; }
.wenbinnar_01 .photo li{ width:50%; text-align:center; float:left; }
.wenbinnar_01 .photo li img{ border-radius:50%; border:solid 2px #e3e3e3; margin-bottom:18px; }
.wenbinnar_01 .photo li .text{ margin-top:6px; line-height:20px; height:60px; font-size:14px; }
.wenbinnar_01 .photo li .name{ font-size:16px; font-weight:500; }
.wen_box {padding:30px 10%;}
.wen_box .item{ width:40%; float:left; padding:0 5%;}
.wen_play{ text-align:center; width:100%; position:absolute; left:0; bottom:26px; font-size:20px; line-height:1.3em; color:#fff; }
.wen_play .playbtn{ position:static; margin:0 0 8px; }
@media (min-width:768px) and (max-width:979px){
	.wen_play {font-size:14px; bottom:0;}
}
@media(max-width:767px){
	.wen_box .item{ margin-left:auto; margin-right:auto; width:auto; float:none; padding-bottom:20px; max-width:403px;}
	.wenbinnar_01{ padding-top:30px; padding-bottom:10px; }
	.wenbinnar_01 .title{ padding-top:20px; padding-bottom:25px; }
	.web_banner .tips{ padding-left:3%; padding-right:3%;}
}
.wenbinnar_02 { background:url(images/bg_repeat1.png) repeat; color:#fff; padding:60px 0;}
.wenbinnar_02 .title{ font-size:36px; line-height:1.2em; padding:20px 0; color:#fff;}
.wenbinnar_02 .wen_box .pic {background:#fff; padding:5px;}
.wenbinnar_02 .wen_box .text{ text-align:center; line-height:22px; padding:20px;}
@media(max-width:767px){
	.wenbinnar_02 .wen_box{ margin-top:25px; }
	.wenbinnar_02{ padding-top:30px; padding-bottom:10px; }
}
@media(max-width:479px){
	.wenbinnar_02 .wen_box .text{ padding-left:0; padding-right:0; }
	.wenbinnar_02 .title{ font-size:20px; letter-spacing:-1px; }
	.wen_play {font-size:14px; bottom:0;}
}
/***  whitepapers  **/
.white_box{padding:60px 0;}
.white_box li{ width:37%; padding:30px 6%; float:left; min-height:182px; }
.white_box li .img{ width:30%; float:left; }
.white_box li .text{ margin-left:35%; font-size:14px; line-height:1.4em; }
.white_box li .text .title{ font-size:18px; line-height:1.2em; color:#2c3db0; padding:10px 0;}
.white_box li .btn {padding:20px 0 0 0;}
.white_box li .btn a {padding:5px 20px;font-size:14px;}
@media(max-width:767px){
	.white_box li{ width:auto; float:none;}
}
@media(max-width:320px){
	.white_box li .img{width:auto; float:none;}
	.white_box li .text {margin-left:0;}
}
/***  partners  **/
.partners_01{ padding:60px 0; }
.partners_01 .column {text-align:center;}
.partners_01 .intro li{ width:42%; padding:20px 4%; float:left; text-align:center;}
.partners_01 .intro li .text p {padding:0 5%; font-size:18px; line-height:1.6em;}
.partners_01 .intro li .title{font-size:24px; line-height:1.2em; font-weight:bold; color:#2c3db0; padding:20px 0;}
.partners_01 .btn {text-align:center; padding:20px 0 0 0;}
.partners_01 .btn .link {display:inline-block; font-size:14px; color:#5a5b64; margin-top:10px;}
.linkBtn{ display:inline-block; color:#0f9ddb; }
.linkBtn:after{ content:""; display:inline-block; width:15px; height:9px; float:right; margin-top:7px; margin-left:3px; background:url(images/arrow.png) no-repeat; }
.partners_02{padding:60px 0;}
.partners_02 ul li {float:left; width:40%; padding:0 5% 30px;}
.partners_02 ul li .pic{float:left; width:100px;}
.partners_02 ul li .text{margin-left:140px; }
.partners_02 ul li .text .title{ font-size:24px; line-height:1.2em; font-weight:bold; color:#2c3db0;}
.partners_02 ul li .text .info{padding:20px 0;}
.partners_03{ padding-top:64px; padding-bottom:56px; }
.partners_03 ul li{ width:36.8%; float:left; margin-left:6.6%; margin-right:6.6%; }
.partners_03 ul li .text{ padding:16px 20px 26px; background-color:#0f9ddb; border-radius:0 0 20px 20px; color:#fff; }
.partners_03 ul li .text .title{ padding-top:18px; font-size:24px; font-weight:500; }
.partners_04 {padding:60px 0;}
.partners_04 .column {text-align:center;}
.partners_04 .partner_com{ padding:20px 0; overflow:hidden;}
.partners_04 .partner_com li{float:left; width:16.6%; padding:0 0 20px 0; text-align:center;}
@media(max-width:767px){
	.partners_01 .intro li,
	.partners_02 ul li {float:none; width:auto;}
	.partners_02 ul li .pic{width:80px;}
	.partners_02 ul li .text{margin-left:100px;}
	.partners_02 ul li .text .info{padding:10px 0;}
}
@media(max-width:320px){
	.partners_02 ul li .pic{float:none; width:auto; text-align:center;}
	.partners_02 ul li .text{margin-left:0; text-align:center;}
}

/***  case study  **/
.case_banner{ height:358px; background-image:url(images-banner/busi_case_banner.jpg); }
.case_banner .title{ font-size:30px; margin-top:-20px; }
.case_cont_box{ margin-bottom:66px; }
.case_cont_box .case_lt{ width:24%; padding-top:14px; float:left; }
.case_cont_box .case_lt li{ margin-top:36px; text-align:center;height:46px; cursor:pointer;  }
.case_cont_box .case_lt li .title{ font-size:25px; line-height:1.2em; margin-bottom:11px; }
.case_cont_box .case_lt li .linebox{ display:none; }
.case_cont_box .case_lt li.curr{ color:#1480b1; }
.case_cont_box .case_lt li.curr .linebox{ display:block; }
.case_cont_box .case_rt{ margin-left:24%; padding-left:5%; padding-top:5.2%; background-color:#fff; line-height:19px; color:#140e22;font-weight:300;  }
@media(max-width:767px){
	.case_cont_box .case_lt{ width:auto; float:none; }
	.case_cont_box .case_rt{ margin-left:0; padding-left:0; }
	.case_cont_box .case_lt li{ width:33.3333%; float:left; margin-top:16px; }
	.case_cont_box .case_lt li .title{ font-size:18px; }
	.case_cont_box .case_lt:after{ content:""; display:block; height:0; clear:both; }
	.case_banner .main_act{ padding-bottom:15px; padding-top:35px; }
	.case_cont_box{ margin-bottom:30px; }
}
.case_company{ padding:30px 0 0 0;}
.case_company .icon_com{ text-align:center; padding-top:6px; float:left; width:40%; }
.case_company .overview{ padding:0 0 0 45%; }
@media(max-width:479px){
	.case_company .icon_com{ float:none; width:auto;}
	.case_company .overview{ padding:0; }
}
.case_title{font-size:36px; line-height:1.2em; font-weight:bold; color:#2c3db0; padding:20px 0;}
.case_box {padding:60px 0;}
.case_box .case_title{ text-align:center;}
.case_box .get_trail {text-align:center; padding:40px 0;}
.case_cont {padding:0 0 20px 0;}
.case_review,
.case_review2,
.case_review3{ font-size:24px; line-height:1.2em; font-weight:bold; padding:40px 10%;}
.pdf,
.pdf2{color:#2c3db0; }
.case_review2{ padding-left:7%; }
.case_review3{ padding-left:4%; padding-right:4%;  }
.next_case_box{padding:40px 0; text-align:right;}
.next_case{color:#2c3db0;}
.next_case:after {font-family:'globalIconfont'; content:'\e904'; color:#2c3db0;font-size:16px; line-height:1.2em; vertical-align:middle; padding:0 5px 0 10px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.next_case:hover {text-decoration:none;}
.next_case:hover:after {padding:0 0 0 10px;}
.backBtn{ display:inline-block; padding-left:34px; padding-right:46px; font-size:20px; border:solid 2px #1b9dd8; background-color:#189cd8; border-radius:5px; line-height:36px; text-transform:uppercase; font-weight:500; color:#fff; }
.backBtn .triangle{ display:inline-block; border-right:solid 14px #fff; border-top:solid 7px transparent; border-bottom:solid 7px transparent; float:left; margin-top:11px; margin-right:12px; }
.backBtn:hover{ background-color:#fff; color:#189cd8; text-decoration:none; }
.backBtn:hover .triangle{ border-right-color:#189cd8; }
@media(max-width:767px){
	.case_box .case_title{ padding-top:35px;  }
	.case_title{ font-size:22px; }
	.case_comicon{ width:40px; height:40px; background-size:100% auto; margin-top:-8px; }
	.next_case_box{ padding-top:24px; padding-bottom:24px; }
	.case_review , .case_review2 , .case_review3{ padding-left:3%; padding-right:3%; font-size:20px; }
}

/****************************************************
*  project: pdf element business/template           *
*  description: section/page tweaking and adding    *
*  author: mazq@wondershare.cn                      *
*  update: 160826                                   *
****************************************************/

/********** common **********/
a,
.transition { -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; }
.border-box, .border-box * { box-sizing: border-box; }
.clear-both:before, .clear-both:after { display: table; content:" "; }
.clear-both:after { clear: both; }
.text-primary, .text-primary a { color: #1b9dd8; }
.inline-block { display: inline-block; vertical-align: top; }
a.a-block, .a-block a { display: block; text-decoration: none; }
.bg-center { background-position: center; background-repeat: no-repeat; }
.shrink { max-height: 0; opacity: 0; overflow:hidden; }
.shrink.active { max-height: 400px; opacity: 1; -webkit-transition: all ease-in-out .7s; -moz-transition: all ease-in-out .7s; -ms-transition: all ease-in-out .7s; -o-transition: all ease-in-out .7s; transition: all ease-in-out .7s; }
@media(min-width:1000px){
.grid { display: inline-block; float: left; width: 50%; }
.grid.right { float: right; }
}

/********** form **********/
/** tabs **/
.part-forms .tabs { padding:60px 0; text-align: center; }
@media(max-width:767px){
	.part-forms .tabs { padding:60px 0 0 0;}
}
/** steps **/
.steps { display: inline-block; font-size: 18px; }
.steps li { display: inline-block; float: left; width: 174px; color: #979797; cursor: pointer; }
.steps li:first-of-type, .steps li:last-of-type { width: 99px; }
.steps li:first-of-type { text-align: left; }
.steps li:last-of-type { text-align: right; }
.steps li .circle { position: relative; }
.steps li .circle span { display: inline-block; width: 20px; height: 20px; border-radius: 24px; border:solid 3px #979797; background:#979797;}
.steps li .circle span::before, .steps li .circle span::after { content: ""; position: absolute; width: 80px; height: 2px; background-color: #979797; top:10px; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; -o-transition:all 0.5s linear; transition:all 0.5s linear; }
.steps li .circle span::before { left: 0; }
.steps li .circle span::after { right: 0; }
.steps li:first-of-type .circle span::before { display: none; }
.steps li:last-of-type .circle span::after { display: none; }
.steps li .number { margin-top: 8px; }
.steps li .number span { display: inline-block; width: 20px; text-align: center; }
.steps li.active { color: #2c3db0; }
.steps li.active .circle span { background-color: #2c3db0; border-color: #2c3db0; }
.steps li.active .circle span::before, .steps li.active .circle span::after { background-color: #2c3db0; }
@media(max-width:767px){
.steps li { width: 124px; }
.steps li:first-of-type, .steps li:last-of-type { width: 74px; }
.steps li .circle span::before, .steps li .circle span::after { width: 50px; }
}

/** forms **/
.forms { color: 747474; }
.forms > li.active {max-height: 1200px; }
.forms h3:not(:first-of-type) { margin-top: 45px; }
.forms .heading { font-size:36px; line-height:1.2em; font-weight:bold; text-align: center; color:#2c3db0; padding:20px 0;}
.forms .desc { font-size: 14px; line-height:1.4em; text-align: center; max-width: 660px; margin: 10px auto 0; }
.forms .inputs { margin-top:20px; }
.forms .inputs.single { max-width: 700px; margin-left: auto; margin-right: auto; }
.forms .inputs.double.compact { max-width: 700px; margin-left: auto; margin-right: auto; }
.forms .input { display: block; margin-top:30px; }
.forms .input input[type="checkbox"], .forms .input input[type="radio"] { display: none; }
.forms .input input[type="checkbox"] + span, .forms .input input[type="radio"] + span { font-size: 16px; display: block; line-height:1.2em; padding-left: 35px; position: relative; cursor: pointer; }
.forms .input input[type="checkbox"] + span::before, .forms .input input[type="radio"] + span::before { content: ""; position: absolute; width: 19px; height: 19px; border: solid 1px #5a5b64; top:0; left: 0; cursor: pointer; }
.forms .input input[type="checkbox"]:checked + span:after, .forms .input input[type="radio"]:checked + span:after {font-family:'globalIconfont'; content:'\e90d'; font-size:18px; line-height:20px; color:#2c3db0;position: absolute; width:20px; height:20px; text-align:center; top:0; left: 0; cursor: pointer;}
.forms .input input[type="text"], .forms .input select { display: block; width: 100%; height: 45px; line-height: 42px; border: none; border-bottom: solid 1px #ebebeb; font-size: 16px; padding: 0 5px; color: #189cd8; }
.forms .input select { color: #a1a1a1; font-family: "Microsoft Yahei",微软雅黑,Arial,Helvetica,sans-serif; cursor: pointer; padding: 0; }
.forms .input textarea { background-color: #f8f8f8; border: none; width: 100%; line-height: 25px; font-size: 16px; color: #189cd8; margin-top: 10px; padding: 5px 10px; resize: none; }
.forms .input .question { font-size: 18px; color :#4b4b4b; line-height: 1.2em; padding:5px; }
.forms .input.placeholder { height: 45px; }
.forms .input.compact {margin-top:20px;}
.forms .inputs.double #error_cont,
.forms .inputs.double #error_coma { padding:10px;}
.forms .inputs.double > label:first-of-type { margin-top: 0; }
.forms .inputs.double .input.single .question, .forms .inputs.double .input.double .question { padding: 0; color: #747474; }
.forms .inputs.double > .question {padding:0 10px 10px 10px;}
.forms .inputs.double > .input.single > .question,
.forms .inputs.double > .input.double > .question {padding:0 0 10px 0;}
.forms ::-webkit-input-placeholder { color: #a1a1a1; }
.forms input:-moz-placeholder { color: #a1a1a1; } 
.forms input::-moz-placeholder { color: #a1a1a1; } 
.forms input:-ms-input-placeholder { color: #a1a1a1; }
@media(max-width:767px){
	.forms .heading {font-size:24px;}
	.forms h3:not(:first-of-type) { margin-top: 25px; }
	.forms > li.active { padding: 25px 0; max-height: 2000px; }
	.forms .inputs { margin-top: 25px; }
	.forms .input input[type="checkbox"] + span { line-height: 25px; margin-bottom: 10px; }
	.forms .input input[type="checkbox"] + span::before { top: 0; }
	.forms .input input[type="checkbox"]:checked + span { background-position: 5px 7.5px; }
	.forms .input { margin-top: 10px; }
	.forms .input.placeholder { height: 0; }
}
@media(min-width:768px){
	.forms .inputs.double .input { display: inline-block; float: left; width: 50%; padding: 0 10px; }
	.forms .inputs.double .input.single, .forms .inputs.double .input.double { width: 100%; }
	.forms .inputs.double > label:nth-of-type(2) { margin-top: 0; }
	.forms .input input[type="radio"] + span { display: inline-block; margin-right: 15px; }
	.forms .input.double input[type="radio"] + span { width: 40%; }
}

/** action **/
.part-forms .action { text-align: center; padding:40px 0;}
.part-forms .action li { display: inline-block; }
.part-forms .action .button {display:inline-block; vertical-align:middle; padding:12px 30px; border:solid 2px #435bfd; border-radius:4px; background:#435bfd; color:#fff !important; font-size:18px; line-height:23px; font-weight:600; text-decoration:none !important;box-shadow:0 15px 20px #333;box-shadow:0 15px 20px rgba(53,49,50,.2);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; text-align:center; cursor:pointer;}
.part-forms .action .button:focus { outline: none; }
.part-forms .action .button:not(:disabled):hover { border-color: #2c3db0; background-color: #2c3db0; color: #fff; }
.part-forms .action .button:disabled { cursor: not-allowed; background-color: #5a5b64; border:solid 2px #5a5b64;}