@charset "utf-8";
/* CSS Document */

/* 案例 */
.case-banner{ height: 999px; padding: 646px 0 0 0; position: relative; background: url(../imgs/case_banner.jpg) repeat-x center top; text-align: center; color:#fff; box-sizing:border-box;}
.case-banner .mn{font-size: 34px; line-height: 2;}
.case-banner .sub{ font-size: 18px;}
.case-banner .sub-num{ display: inline-block; border-bottom:1px solid #fff; padding: 0 0 5px 0; }
.case-banner .btn-special{ display: block; width: 354px; line-height: 60px; margin: 60px auto; background-color: #04c54c; color:#fff; font-size: 22px; }
.case-banner .btn-special:hover{background-color: #00b042;}
.case-banner .icon-arr{ display: block; width: 36px; height: 21px; background: url(../imgs/case_arr.png) no-repeat left top; margin: 0 auto; cursor: pointer;}
.case-banner .place{ position: absolute; left: 50%; opacity: 0; -webkit-animation-fill-mode:both;animation-fill-mode:both; -webkit-animation-name: casePlaceAnim; animation-name: casePlaceAnim; -webkit-animation-duration:0.5s; animation-duration:0.5s;}
@-webkit-keyframes casePlaceAnim
{ 
	0%   { -webkit-transform:scale(0.5); transform:scale(0.5); }
	50%   { -webkit-transform:scale(1.2); transform:scale(1.2); }
   100%  { -webkit-transform:scale(1); transform:scale(1); opacity: 1;}  
}
.case-banner .place1{ width: 38px; top:106px; margin-left: -317px; }
.case-banner .place2{ width: 49px; top:318px; margin-left: -566px; -webkit-animation-delay:0.2s; animation-delay:0.2s;}
.case-banner .place3{ width: 33px; top:499px; margin-left: -387px; -webkit-animation-delay:0.4s; animation-delay:0.4s;}
.case-banner .place4{ width: 26px; top:510px; margin-left: -74px; -webkit-animation-delay:0.6s; animation-delay:0.6s;}
.case-banner .place5{ width: 40px; top:518px; margin-left: 286px; -webkit-animation-delay:0.8s; animation-delay:0.8s;}
.case-banner .place6{ width: 49px; top:147px; margin-left: 326px; -webkit-animation-delay:1.0s; animation-delay:1.2s;}
.case-banner .place7{ width: 20px; top:290px; margin-left: 319px; -webkit-animation-delay:1.2s; animation-delay:1.0s;}

.case-cate-title{ padding: 42px 0 0 0; }
.case-list ul{ margin-left: -67px;}
.case-list li{ width: 102px; margin: 36px 0 0 67px; text-align: center;}
.case-list .name{ font-size: 16px; display: block; line-height: 24px; height: 24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin: 10px 0 2px;}
.case-list .type{ color:#b8b8b8;}
.case-loadmore{ margin: 56px 0 64px; color:#7e7e7e; text-align: center;}
.case-loadmore .txt{ font-size: 18px; display: inline-block; line-height: 32px; padding: 0 0 0 40px; position: relative;}
.case-loadmore .icon{ position: absolute; left: 0; top:0; width: 31px; height: 31px; background-image: url(../imgs/case_loadmore.gif); background-position: left -2px; }


/* 我们 */
.com-banner.about{ background-image: url(../imgs/about_banner_bg.jpg); }
.about-nav{ position: absolute; left: 0; bottom: 0; width: 100%; line-height: 60px; height: 60px; background-color: rgba(0,0,0,.23); text-align: center; font-size: 0;}
.about-nav li{ display: inline-block;}
.about-nav a{ display: block; padding: 0 44px; font-size: 20px; color:#fff;}
.about-nav .current a,
.about-nav a:hover{ background-color: rgba(0,0,0,.3); }
.cate-about{ padding: 40px 0 80px;}
.contact{ overflow: hidden; }
.contact dt{ font-size: 24px; padding: 36px 0 0 0; border-top: 1px solid #e6e6e6;}
.contact dl{ margin-top: -28px;}
.contact dd{ font-size: 16px; color:#7e7e7e; line-height: 1.8; padding: 10px 0 36px;}
.contact-row{ position: relative; padding-left: 64px; }
.contact-row .field{ position: absolute; left: 0; top: 0; width: 64px; text-align: right;}
.job-item{ border: 1px solid #ccc; position: relative; padding: 60px 0 60px 220px; color:#7e7e7e; min-height: 156px; margin: 0 0 24px 0;}
.job-item .part{ position: absolute; left: 0; top: 60px; padding: 0 40px; text-align: center; font-size: 20px; border-right: 1px dashed #ccc;}
.job-item .part-logo{ width: 100px; height: 100px; border-radius: 6px; background-color: #00b042; background-position: center center; background-repeat: no-repeat; margin: 0 0 32px 0; }
.job-item .part-logo.design{ background-image: url(../imgs/icon_job_design.png); } 
.job-item .part-logo.develop{ background-image: url(../imgs/icon_job_develop.png); } 
.job-item .part-logo.run{ background-image: url(../imgs/icon_job_run.png); } 
.job-item .part-logo.sale{ background-image: url(../imgs/icon_job_sale.png); } 
.job-item .part-logo.hr{ background-image: url(../imgs/icon_job_hr.png); } 
.job-item .post{ overflow: hidden; margin-bottom: 14px;font-size: 14px;}
.job-item .post-item{ float: left; width: 25%; line-height: 2;}
.job-item .post-name{ font-size: 20px; color:#434343;}
.job-item .post-item .val{ color:#434343;}
.job-item .post-detail-trigger{ display: inline-block; margin-top: 44px; padding-right: 14px; position: relative; cursor: pointer;}
.job-item .post-detail-trigger .icon{ position: absolute; right: 0; top: 9px; width: 8px; height: 6px; background-image: url(../imgs/icon_job_more_arr.png); background-position: left top; -webkit-transition:all 0.2s; transition:all 0.2s; }
.job-item .post-detail-trigger.active .icon{ -webkit-transform:rotate(180deg); transform:rotate(180deg); }
.job-item .post-detail-bd{ margin: 0 118px 0 0; line-height: 1.6;}
.job-item .post-detail-bd .row{ margin: 12px 0 0 0; padding: 0 0 0 75px; position: relative;font-size: 14px;}
.job-item .post-detail-bd .item{ display: none;font-size: 14px;}
.job-item .post-detail-bd .item.current{ display: block;}
.job-item .post-detail-bd .row-field{ position: absolute; left: 0; top: 0; width: 70px; font-weight: bold; }
.job-item .post-detail-bd .email{ text-decoration: underline; }
.job-item .full{ text-align: center; margin-right: 40px; font-size: 20px; color:#b5b5b5; padding: 20px 0 0 0;}
.job-item .full p{ margin: 12px 0 0 0;}
.frilinks-hd{ font-size: 18px; margin-bottom: 24px;}
.frilinks-hd-sub{ margin-top: 50px;}
.frilinks-list ul{ margin-left: -5px;}
.frilinks-list li{ width: 186px; margin: 0 0 5px 5px;}
.frilinks-list-item{ display: table-cell; width: 184px; height: 64px; vertical-align: middle; text-align: center; border:1px solid #eaeaea;}
.frilinks-list-item img{ max-width: 100%; }
.team{ overflow: hidden; }
.team .cate-title{ margin: 18px 0 32px 0; }
.team-bd{ overflow: hidden; padding: 0 0 24px 0; font-size: 16px; color:#7b7b7b; line-height: 1.6;}
.team-bd img{ display: block; margin: 0 0 14px 0;}
.team-bd .name{ font-size: 18px; color:#434343;}
.team-bd1 .item{ float: left; width: 288px; }
.team-bd1 .item-c{ margin: 0 43px;}
.team-bd1 .item-l{ width: 950px; margin: 16px 0 0 0; }
.team-bd2 .item{ float: left; width: 288px; }
.team-bd2 .item-r{ width: 620px; float: right; }
 
/* 动态 */
.com-banner.news{ background-image: url(../imgs/news_banner_bg.jpg); }
.news-mod{ padding: 36px 0 80px; }
.news-hd h3{ font-size: 26px; color:#7e7e7e; font-weight: normal; }
.news-hd h3 span{ font-size: 16px;}
.news-bd li{ line-height: 72px; position: relative; padding-right: 280px; }
.news-bd .title{ font-size: 16px; position: relative; padding: 0 0 0 20px; }
.news-bd .date{ position: absolute; right: 0; top: 0; color:#aaa; }
.news-bd .com-dot{ position: absolute; left: 0; top:30px; }
.news-bd a{ display: block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.news-bd a:hover .com-dot{ background-color: #42BD56; }
.pager-nav{ margin-top:20px; font-size:0;}
.pager-nav a,
.pager-nav span{ line-height: 27px; height: 28px; font-size:12px; margin:0 4px;  padding:0 14px; display: inline-block; box-sizing:border-box; vertical-align: middle;}
.pager-nav a{ border:1px solid #ccc; color:#434343;}
.pager-nav a:hover,
.pager-nav .current{ background-color:#3dbb2b; color:#fff; border-color:#3dbb2b;}
.news-pager-nav{ text-align: center; margin: 40px 0 0 0; }


/* 其他 */
.cate-wrap{width: 1136px;margin-left: auto;margin-right: auto;}
.cate-box{ padding: 80px 0 0 0; }
.cate-title{ font-size: 32px; text-align: center; font-weight: normal;}

 /*首页主体部分*/
.index-bd{width:100vw;height:100vh;position:relative;overflow:hidden;}
.main-wrap{position: absolute;top:0;left: 0;transition: 500ms cubic-bezier(0.86, 0, 0.07, 1);-webkit-transition: 500ms cubic-bezier(0.86 , 0 , 0.07 , 1 );}
.section{width:100vw;height:100vh;position: relative;background-size:cover;}
.section .full-page{display: block;width: 100vw;height: 100vh;}
.section .title{position: absolute;display: none;}
.section .bottom-tags{width:100%;height: 90px;background-color:rgba(0,0,0,0.7);position: absolute;bottom: 0;text-align: center;}
.section .bottom-tags .tag{display: inline-block;color: #fff;line-height: 20px;padding: 7px 38px 7px 0;margin: 18px 38px 0 0;}
.section .bottom-tags .tag h3{font-size: 15px;text-align: left;font-weight: normal;}
.section .bottom-tags .tag p{font-size: 11px;}
.section .title img{display: block; width: 100%;}
.section.page-a{background-image:url(../imgs/page_a.jpg); background-position:center;}
.section.page-a .title{display:block;width: 429px;margin:auto;left:0;right:0;top: 27%;text-align: center;}
.section.page-a .title a{display:inline-block;width: 202px;height: 47px;line-height: 47px;border:1px solid #00b042;border-radius:3px;margin-top:25px;text-align: center;color: #00b042;font-size: 17px;}
.section.page-a .title a:hover{background-color: #00b042;color: #fff;}
.section.page-b{background-image:url(../imgs/page_b.jpg); background-position:center;}
.section.page-b .title{right: 50%;top: 23%;margin-right: 50px;}
.section.page-b .bottom-tags .tag.left{padding-left:53px;border-right:1px solid rgba(255,255,255,0.6);background:url(../imgs/b_icon_left.png) no-repeat left center;background-size: 40px 40px;}
.section.page-b .bottom-tags .tag.right{padding-left:42px;background:url(../imgs/b_icon_right.png) no-repeat left center;background-size: 34px 33px;}
.section.page-c{background-image:url(../imgs/page_c.jpg); background-position:center;}
.section.page-c .title{width:458px;top:29%;left: 50%;margin-left: 4px;}
.section.page-c .bottom-tags .tag.left{padding-left:50px;border-right:1px solid rgba(255,255,255,0.6);background:url(../imgs/c_icon_left.png) no-repeat left center;background-size: 37px 36px;}
.section.page-c .bottom-tags .tag.right{padding-left:51px;background:url(../imgs/c_icon_right.png) no-repeat left center;background-size: 38px 38px;}
.section.page-d{background-image:url(../imgs/page_d.jpg); background-position:center;}
.section.page-d .title{top: 31%;right: 50%;margin-right: -57px;}
.section.page-d .bottom-tags .tag.left{padding-left:64px;border-right:1px solid rgba(255,255,255,0.6);background:url(../imgs/d_icon_left.png) no-repeat left center;background-size: 50px 39px;}
.section.page-d .bottom-tags .tag.right{padding-left:53px;background:url(../imgs/d_icon_right.png) no-repeat left center;background-size: 39px 39px;}
.section.page-e{background-image:url(../imgs/page_e.jpg); background-position:center;}
.section.page-e .title{width:460px;top:50%;left: 50%;margin-left: 20px;}
.section.page-e .bottom-tags .tag.left{padding-left:42px;border-right:1px solid rgba(255,255,255,0.6);background:url(../imgs/e_icon_left.png) no-repeat left center;background-size: 34px 35px;}
.section.page-e .bottom-tags .tag.middle{padding-left:46px;border-right:1px solid rgba(255,255,255,0.6);background:url(../imgs/e_icon_middle.png) no-repeat left center;background-size: 38px 39px;}
.section.page-e .bottom-tags .tag.right{padding-left:44px;background:url(../imgs/e_icon_right.png) no-repeat left center;background-size: 35px 36px;}
.section.page-f{background-image:url(../imgs/page_f.jpg); background-position:center;}
.section.page-f .title{width:458px;top: 27%;right: 50%;margin-right:-30px; }
.section.page-f .bottom-tags .tag.left{padding-left:46px;border-right:1px solid rgba(255,255,255,0.6);background:url(../imgs/f_icon_left.png) no-repeat left center;background-size: 38px 38px;}
.section.page-f .bottom-tags .tag.right{padding-left:47px;background:url(../imgs/f_icon_right.png) no-repeat left center;background-size: 39px 38px;}
.section.page-g{background-image:url(../imgs/page_g.jpg); background-position:center;}
.section.page-g .title{display:block;top: 20%;left: 0;right:0;margin:auto;}
.section.page-g .title img{width: 368px;margin: 0 auto;}
.section.page-g .title p{font-size: 16px;color: #fff;margin-top: 10px;text-align: center;}
.section.page-g .submit-info{width:950px;position: absolute;top: 35%;left: 50%;margin-left: -475px;}
.section.page-g .input-form{float: left;margin-right: 10px;} 
.section.page-g .input-form input{display:block;width:286px;padding:33px 0 33px 20px;margin-bottom:10px;border: 1px solid rgba(255,255,255,0.2);background-color: rgba(255,255,255,0);color: #fff;}
.section.page-g .input-form input:hover,
.section.page-g .needs-text:hover{border-color:#00b042;}
.section.page-g .needs-text{width: 607px;height: 254px;padding:10px 0 0 20px;border: 1px solid rgba(255,255,255,0.2);background-color: rgba(255,255,255,0);resize:none;color: #fff;}
.section.page-g .submit{display:block;width: 454px;border: 1px solid #00b042;padding:23px 0 17px 0;margin:44px auto 0;border-radius:6px;background-color: rgba(255,255,255,0);text-align:center;font-size: 17px;color:#00b042;cursor: pointer;}
.section.page-g .submit:hover{background-color: #00b042;color: #fff;}
.section.page-g .submiting{background:url(../imgs/icon_submiting_circle.png) no-repeat left 145px center #00b042;background-size:31px 31px;color: #fff;}
.section.page-g .submited{background-color: #00b042;color: #fff;}
.section.page-g .page-g-footer{width: 100%;height:52px;line-height:52px;position: absolute;bottom: 0;background-color: rgba(0,0,0,0.7);color: #fff;}
.section.page-g .focus a{color:#afafaf; font-size: 12px;}
.section.page-g .page-g-footer p{display: inline-block;}
.section.page-g .page-g-footer .contact a{margin-right: 12px;color: #fff;}
.section.page-g .page-g-footer .contact a:hover{color: #00b042}
.section.page-g .page-g-footer .contact .weibo{padding-left: 20px;background:url(../imgs/icon_wb.png) no-repeat left center;background-size: 14px 11px;}
.section.page-g .page-g-footer .contact .oicq{padding-left: 14px;background:url(../imgs/icon_QQ.png) no-repeat left center;background-size: 10px 11px;}
.section.page-g .page-g-footer .contact .weixin{padding-left: 20px;background:url(../imgs/icon_wx.png) no-repeat left center;background-size: 14px 11px;}
.submit-success{display:none;width: 245px; height: 175px; position: absolute;top:0;bottom: 0;left: 0;right: 0;margin: auto;background-color: #fff;border: 1px solid #00b042;}
.submit-success p{width: 100%;height: 136px;line-height: 136px;text-align: center;font-size: 17px;}
.submit-success a{display: block;width: 100%;height: 40px;line-height: 40px;text-align: center;border-top: 1px solid #00b042;color: #00b042;}
.submit-success a:hover{background-color: #00b042;color: #fff;}
.fixed-controls{position: fixed;right: 40px;top: 50%;margin-top: -112px;}
.fixed-controls a{display:block; width: 10px;height: 10px;border-radius: 10px;border: 1px solid #fff;margin-bottom: 16px;}
.fixed-controls .active{background-color: #00b042;border-color:#00b042;}

.section .title.title-animate{display:block;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:hinge;animation-name:titleAnimate;}
@-webkit-keyframes titleAnimate{
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

  	30% {
    	-webkit-transform: scale3d(1.25, 0.75, 1);
    	transform: scale3d(1.25, 0.75, 1);
  	}

  	40% {
    	-webkit-transform: scale3d(0.75, 1.25, 1);
	    transform: scale3d(0.75, 1.25, 1);
	}

  	50% {
    	-webkit-transform: scale3d(1.15, 0.85, 1);
    	transform: scale3d(1.15, 0.85, 1);
  	}

  	65% {
    	-webkit-transform: scale3d(.95, 1.05, 1);
    	text-replace: none;sform: scale3d(.95, 1.05, 1);
  	}

  	75% {
    	-webkit-transform: scale3d(1.05, .95, 1);
    	transform: scale3d(1.05, .95, 1);
  	}

  	to {
    	-webkit-transform: scale3d(1, 1, 1);
    	transform: scale3d(1, 1, 1);
  	}
}

@keyframes hinge {
  	from {
	    -webkit-transform: scale3d(1, 1, 1);
	    transform: scale3d(1, 1, 1);
	}

  	30% {
    	-webkit-transform: scale3d(1.25, 0.75, 1);
    	transform: scale3d(1.25, 0.75, 1);
  	}

  	40% {
    	-webkit-transform: scale3d(0.75, 1.25, 1);
    	transform: scale3d(0.75, 1.25, 1);
  	}

  	50% {
    	-webkit-transform: scale3d(1.15, 0.85, 1);
    	transform: scale3d(1.15, 0.85, 1);
  	}

  	65% {
    	-webkit-transform: scale3d(.95, 1.05, 1);
    	transform: scale3d(.95, 1.05, 1);
  	}

  	75% {
    	-webkit-transform: scale3d(1.05, .95, 1);
    	transform: scale3d(1.05, .95, 1);
  	}

  	to {
    	-webkit-transform: scale3d(1, 1, 1);
    	transform: scale3d(1, 1, 1);
  	}
}
/*产品特性*/
.nav-itms{display: inline-block;padding-left: 10px;margin:20px 0;border-left: 4px solid #00b042;}
.nav-itms a{margin-right: 10px;}
.nav-itms span{margin-left: 10px;}
.features-summarize{background: url(../imgs/features_part1_bg.png) center; background-size: cover;}
.features-summarize img{float: left;width: 415px;}
.dowload-doc{box-sizing:border-box;width:380px;float:right;padding:60px 37px 43px 40px;color: #d0d0d0;background-color:rgba(0,0,0,0.7); }
.dowload-doc .title-top{font-size: 24px;letter-spacing: 10px;}
.dowload-doc .title{font-size: 48px;color: #fff;font-weight: normal;}
.dowload-doc .desc{font-size: 14px;letter-spacing: 2px;border-top:1px solid #525252;padding: 20px 0 80px 0;margin-top: 10px;}
.dowload-doc .download-btn{box-sizing:border-box;display: block;width: 100%;height: 55px;line-height:55px;background:url(../imgs/low_download_btn.png) no-repeat left 190px center #fff;background-size:26px 25px;border-radius: 6px;margin-bottom:20px;padding-right:18px;text-align: center;font-size: 17px;color: #00b042;}
.dowload-doc .download-btn:hover{box-sizing:border-box;background: url(../imgs/high_download_btn.png) no-repeat left 190px center #00b042;background-size: 26px 25px;padding-right:18px;color: #fff;}
.features-list{text-align: center;}
.features-part{width: 100%;text-align: center;}
.features-part-a{background-color: #fff;}
.features-part-b{background-color: #f0f0f0;}
.download-doc-bottom{text-align: center;padding-bottom: 80px;}
.download-doc-bottom h3{margin-top:100px;font-size: 29px;font-weight: normal;}
.download-doc-bottom a{display: block;width: 435px;height: 51px;line-height:51px;margin:20px auto;border: 1px solid #00b042;border-radius: 6px;font-size: 15px;color: #00b042;}
.download-doc-bottom a:hover{background-color: #00b042;color: #fff;}

/*报价*/
.demo-download{margin:60px 0 40px 0;color: #7e7e7e;}
.demo-download .demo-desc{box-sizing:border-box;float: left;width:430px;height:240px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 55px 45px 50px 20px;}
.demo-download .demo-desc .title{font-size: 28px;font-weight: normal;margin-bottom: 40px;}
.demo-download .demo-desc h3{font-size: 23px;font-weight: normal;}
.demo-download .demo-desc h3 .special{font-size: 27px;color: #2facb2;}
.demo-download .demo-desc p{font-size: 15px;}
.demo-download .download-module{box-sizing:border-box;float:left;width:240px;height:240px;padding: 55px 20px 0 20px;color: #fff;background-color: #46b26c;}
.demo-download .demo-experience{background-color:#30979b;margin: 0 20px;}
.demo-download .download-module .title{font-size: 27px;font-weight: normal;}
.demo-download .download-module .desc{margin: 12px 0 37px 0;}
.demo-download .download-module .download-btn{display:block;width: 100%;line-height: 38px; font-size: 15px;border-radius: 6px;background-color:#fff;text-align: center;color: #30979b;}
.demo-download .download-module .download-btn:hover{-webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.3);box-shadow: 0 10px 30px rgba(0,0,0,0.3);}
.cate-wrap table{width: 100%;font-size: 16px;}

table .gray-bg{background-color: #f8f8f8;}
.compare-version{border-bottom: 1px solid #ebebeb;margin-bottom: 60px;}
.compare-version tr{height: 50px;}
.compare-version tr th{font-weight:normal;color: #fff; }
.compare-version thead tr{background-color: #7e7e7e;}
.compare-version thead tr .version{width: 450px;box-sizing:border-box;text-align: left;padding: 0 0 0 80px;}
.compare-version thead tr .exp,
.compare-version thead tr .operation,
.compare-version thead tr .pro{width: 220px;}
.compare-version tbody tr td{text-align: center;color: #7e7e7e;}
.compare-version tbody .version-feature{box-sizing:border-box;text-align: left;padding: 0 0 0 80px;color: #7e7e7e;}
.compare-version tbody tr .eyes{display: inline-block;width: 25px;height: 25px;background: url(../imgs/price_icon_color.png) no-repeat center;background-size: 25px 25px;}
.compare-version tbody tr .oyes{display: inline-block;width: 25px;height: 25px;background: url(../imgs/price_icon_style.png) no-repeat center;background-size: 25px 25px;}
.compare-version tbody tr .no{display: inline-block;width: 25px;height: 25px;background: url(../imgs/price_icon_ncolor.png) no-repeat center;background-size: 25px 25px;}

.table-top{width: 100%;line-height:80px;background-color: #7e7e7e;font-size: 25px;text-align: center;color: #fff;font-weight: normal;}
.newer-price{border: 1px solid #ebebeb;}
.newer-price tr{height: 68px;width: 100%;border-bottom: 1px solid #ebebeb;font-size: 16px;}
.newer-price tr th,
.newer-price tr td{text-align: center;border: 1px solid #ebebeb;}
.newer-price tr td{color: #7e7e7e;}
.newer-price .version,
.newer-price .price{width: 237px;}
.newer-price .service{width: 500px;}

.others thead tr{height: 69px;}
.others thead .type{width: 160px;}
.others thead .items{width: 210px;}
.others thead .price{width: 195px;}
.others thead .content{width: 385px;}
.others th,
.others td{text-align: center; border: 1px solid #ebebeb}
.others td{font-size: 17px;color: #7e7e7e;}
.others tbody .tec-service{height: 100px;}
.others tbody .plugin{height: 69px;}

.price-notes,
.update-date{margin: 20px 0 70px 0;}
.price-notes li,
.update-date li{font-size: 17px;color: #7e7e7e;}
.price-notes li .dot,
.update-date li .dot{display:inline-block;width: 10px;height: 10px;border-radius: 10px;margin:3px 18px 0 0;background-color: #708381;}
.price-banner{width: 100%;}

.price-activity .title{display: block;width: 379px;height: 50px;line-height:50px;margin: 34px auto 20px;background-color: #2ebec5;color: #fff;border-radius: 6px;font-size: 21px;text-align: center;}
.price-activity .desc{text-align: center;font-size: 17px;margin: 12px 0 0 0;color: #565656;}
.price-activity .guide{text-align: center;font-size: 18px;margin:32px 0 42px 0;color: #565656;}
.price-activity .flow{display:block;width: 950px;margin: 0 auto;}
.summary{margin:70px 0 100px;}
.summary li{font-size: 20px;margin: 0 0 15px 0;color: #434343;}
.summary li .dot{display:inline-block;width: 10px;height: 10px;border-radius: 10px;margin:3px 12px 0 0;background-color: #2facb2;}
.fixed-click-me{box-sizing:border-box;width:46px;padding:27px 13px 27px 13px;position:fixed;right: 0;top: 50%;margin-top: -73px;font-size: 18px;background-color: #2facb2;color: #fff;}
.fixed-click-me:hover{color:#fff;background-color: #46b26c;}


/*20160701*/
.example li{ margin: 0 25px; float: left;}
.example-item{ display: block; text-align: center;}
.example-item .avatar{display: block; margin-bottom: 20px;}
.example-item .desc{ font-size: 16px; color: #999; }

.section.page-a .title .form-control {
    display: inline-block;
    background-color:transparent;
    width: 202px;
    height: 47px;
    line-height: 47px;
    border: 1px solid #00b042;
    border-radius: 3px;
    margin-top: 25px;
    text-align: center;
    color: #00b042;
    font-size: 17px;}

.section.page-a .title .form-control2{display:inline-block;width: 410px;height: 50px;line-height: 50px;border:1px solid #00b042;border-radius:3px;margin-top:10px;text-align: center;color: #fff;font-size: 17px;    background-color: #00b042;}
.section.page-a .title .form-control3{display:inline-block;width: 410px;height: 45px;line-height: 45px;border:1px solid #00b042;border-radius:3px;margin-top:10px;text-align: center;    color: #00b042;font-size: 17px;     background-color:transparent;}
.section.page-a .title .color-default:hover{background-color: #00b042;color: #fff;}