.gdp-banner {height:500px; background: no-repeat center;}
.gdp-banner .g-new-wrap {position:relative;}
.gdp-banner h2 {text-indent:-9999em;}
.main-slogan { position:absolute; top:205px; left:324px; font-weight:lighter;}
.main-slogan li {float:left; font-size:24px; line-height:20px; padding:0 10px; border-right:1px solid #ddd;}
.main-slogan li.last {border:none;}

.sub-slogan li {position:absolute; color:white; line-height:30px; font-size:24px; font-weight:lighter; text-align:center;}
.sub-slogan .ss1 {top:210px; left:3px;}
.sub-slogan .ss2 {top:354px; left:152px;}
.sub-slogan .ss3 {top:95px; right:152px;}
.sub-slogan .ss4 {top:270px; right:1px}

.gdp-banner-btn {display:block; position:absolute}
.start-design-btn {top:245px; left:443px;}

.new-guide-btn,
.func-intro-btn {top:340px; left:443px; }
.func-intro-btn {left:611px;}

.steps {font-size:20px; overflow:hidden; height:70px; width:800px; margin:0 auto;}
.steps b { font-weight:normal; display:block;}
.steps li {float:left; margin:0 60px; line-height:1.5; cursor:pointer;}
.steps .active,
.steps li:hover {color:#ff6600}
.steps .s4 {margin-right:0;}

.design-wrap { background-color:#748692; color:white}
.design-wrap .gdp-sub-cap {color:white;}
.gdp-sub-cap { font-size:34px; line-height:80px;}
.design-wrap .image-show-one {height:675px; overflow:hidden;}

.image-show-one {display:block;}
.image-show-one li {display:none; width:100%; text-align:center; padding:30px 0}
.image-show-one .active {display:block;}

.steps-progress {background: no-repeat 0 0; height:28px; width:800px; margin:0 auto;}
.steps-progress-2 span,
.steps-progress-3 span {display:block; margin-left:50px; height:100%; background: bottom right; width:362px;}
.steps-progress-3 span {width:555px;}
.steps-progress-4 {background-position:bottom left;}

.plan-demo-list {height:640px; position:relative;}

.design-style-tab {width:740px; margin:20px auto 0 auto; clear:both;}
.design-style-tab li {width:235px; height:70px; position:relative; border:1px solid white; float:left; font-size:20px; line-height:70px; text-align:center; margin-right:10px; cursor:pointer;}
.design-style-tab .last {margin:0;}
.design-style-tab .active,
.design-style-tab li:hover {background-color:white; border-color:white; color:#ff6600;}
.design-style-tab li:hover:after,
.design-style-tab .active:after {content:""; display:block; height:0; width:0; border:10px solid transparent; border-top-color:white; position:absolute; bottom:-20px; left:50%; margin-left:-10px;}

/*topbar*/
.page-side-btns .btns em{background:  no-repeat;}
.page-side-btns{position:fixed;right:20px;bottom:150px;background:#f8f8f8;width:40px;z-index:100;font-size:12px;}
.page-side-btns .btns{display:block;width:40px;height:32px;padding-top:8px;border-bottom:1px solid #e4e4e4;cursor:pointer;}
.page-side-btns .btns em{display:block;margin:0 auto;}
.page-side-btns .btns span{display:none;}
.page-side-btns .hover span{display:block;height:35px;padding-top:5px;text-align:center;line-height:1.3;color:#ff5500;}
.page-side-btns .hover em{display:none;}
.page-side-btns .contact-btn em{width:23px;height:23px;background-position:0-220px;}
.page-side-btns .contact-btn.hover{padding-top:0;height:40px;}
.page-side-btns .two-code-btn{position:relative;zoom:1;}
.page-side-btns .two-code-btn em{width:23px;height:23px;background-position:0-254px;}
.page-side-btns .two-code-btn.hover em{display:block;background-position:-27px-254px;}
.page-side-btns .back-top-btn{border-bottom:0;}
.page-side-btns .back-top-btn em{width:17px;height:23px;background-position:0-287px;}
.page-side-btns .back-top-btn.hover{padding-top:0;height:40px;background:#ff5500;}
.page-side-btns .back-top-btn.hover span{color:#ffffff;}
.page-side-btns .big-two-code{position:absolute;right:50px;top:-60px;width:105px;border:1px solid #e6e6e6;padding:15px;display:none;background:#ffffff;text-align:center;}
.page-side-btns .big-two-code p{line-height:2;}
.page-side-btns .big-two-code img{width:105px;height:105px;}
.page-side-btns .two-code-btn.hover .big-two-code{display:block;}
.appointpopupbtn{display:block;margin:0 auto;width:200px;height:50px;line-height:50px;text-align:center;padding:0;}

.captchabox{padding:15px 0;}
.verify-img,.change-verify-img{cursor:pointer;height:41px; padding-left:8px}