@charset "utf-8";
/* CSS Document */
.blank30 { height: 30px; font-size: 0; visibility: hidden; overflow: hidden;}
/*banner*/
.banner { width: 100%; height: 250px; min-width: 1210px; background: url(/skin/images/banner-bg.jpg) no-repeat center;}
.banner .banner-inner { position: relative; z-index: 1; height: 210px; padding-top: 40px; overflow: hidden;}
.banner .banner-inner .banner-circle { position: absolute; left: 52px; top: -350px; width: 1105px; height: 1105px; background: url(/skin/images/banner-circle.png) no-repeat center;}
.banner .banner-inner img { display: block; margin: 0 auto;}

/*查询代理*/
.search-box { padding: 20px 0 25px; background: #f9f9f9; border: 1px solid #ededed;}
.search-box .search-title { width: 400px; padding-bottom: 15px; margin: 0 auto; font-size: 21px; color: #ffab00; text-align: center;}
.search-box .search { position: relative; width: 357px; margin: 0 auto;}
.search-box .search .search-input { width: 275px; height: 38px; padding: 0 70px 0 10px; font-size: 14px; border: 1px solid #e5e5e5;}
.search-box .search .search-input.error { border-color: #fe8c00;}
.search-box .search .search-btn { position: absolute; left: 297px; top: 0; width: 60px; height: 40px; font-size: 15px; line-height: 40px; color: #fff; text-align: center; letter-spacing: 2px; background: #ff7818;}
.search-result { width: 500px; margin: 0 auto;}
.search-result .title { margin-top: 30px; height: 40px; padding-left: 22px; font-size: 14px; line-height: 40px; color: #fff; background: #ffc689; border-radius: 2px 2px 0 0;}
.search-result .content { max-height: 186px; font-size: 14px; line-height: 20px; color: #999; background: #fff; padding: 10px 20px; overflow-y: scroll; border: 1px solid #e6e6e6; border-top: none;}
.search-result .content .item { padding: 10px 0; border-top: 1px dotted #e5e5e5;}
.search-result .content .item.first { border: none;}
.search-result .content .item h3 { margin-bottom: 5px; font-size: 16px; font-weight: 300; color: #666;}
.search-result .content .item p { font-size: 13px; color: #999;}

/*模块*/
.container { width: 1210px; min-width: 1210px; padding: 60px 0; margin: 0 auto; text-align: center;}
.container .title { padding-bottom: 50px; font-size: 33px; font-weight: 300; color: #333;}

/*合作优势*/
.container .advantage li { float: left; width: 180px; height: 260px; padding: 40px 20px; margin: 0 40px; color: #fff; border-radius: 10px;    line-height: 1;}
.container .advantage li .iconfont { display: block; font-size: 120px; margin-bottom: 15px;}
.container .advantage li h3 { font-size: 20px; font-weight: 300; padding-bottom: 15px;}
.container .advantage li p { font-size: 14px;    line-height: 1.5;}

/*代理条件*/
.condition li { float: left; width: 202px; height: 217px; padding: 85px 50px 0; background: url(/skin/images/condition-bg1.png) no-repeat center; transition: all .5s linear; -o-transition: all .5s linear; -moz-transition: all .5s linear; -webkit-transition: all .5s linear; -ms-transition: all .5s linear;}
.condition li .condition-icon { width: 80px; height: 80px; margin: 0 auto 25px; background: url(/skin/images/condition-icon.png) no-repeat 0 0;}
.condition li .condition-icon2 { background-position: -80px 0;}
.condition li .condition-icon3 { background-position: -160px 0;}
.condition li .condition-icon4 { background-position: -240px 0;}
.condition li p { width: 180px; margin: 0 auto; font-size: 14px;}
.condition li:hover { background: url(/skin/images/condition-bg2.png) no-repeat center;}

/*代理流程*/
.grogress { width: 914px; padding: 30px 0 0; margin: 0 auto;}
.grogress li { float: left; width: 120px;}
.grogress li.arrow { padding: 30px 12px 0;}
.grogress li .iconfont { display: block; width: 76px; height: 76px; margin: 0 auto; font-size: 40px; line-height: 76px; text-align: center; color: #fff; background: #ff7818; background: -webkit-linear-gradient(left top, #ffab00 , #ff6b03); background: -o-linear-gradient(bottom right, #ffab00, #ff6b03); background: -moz-linear-gradient(bottom right, #ffab00, #ff6b03); background: linear-gradient(to bottom right, #ffab00 , #ff6b03); border-radius: 6px; text-shadow: 0 0 6px rgba(0,0,0,.15);}
.grogress li h3 { padding-top: 15px; font-size: 17px; font-weight: 300;}

/*强力支持*/
.support { background: url(/skin/images/support-bg.jpg) no-repeat center bottom;}
.support .container { padding-bottom: 20px;}
.support li { position: relative; z-index: 1; float: left; width: 253px; height: 130px; padding: 50px 20px 0 80px; margin: 0 0 50px 75px; text-align: left; background: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.support li:hover { box-shadow: 0 5px 9px 3px rgba(0,0,0,0.1); -webkit-transform-style: preserve-3d; transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); transition: transform 0.3s linear;}
.support li h3 { padding-bottom: 8px; font-size: 18px; font-weight: 300; color: #4b4b4b;}
.support li p { font-size: 14px; color: #73818a;}
.support li .iconfont { position: absolute; top: 69px; left: 20px; display: block; width: 45px; height: 45px; font-size: 30px; line-height: 45px; color: #ff7818; text-align: center; border: 2px solid #ff7818; border-radius: 50%;}

/*代理分布*/
.map { position: relative; width: 680px; height: 518px; margin: 0 auto; background: url(/skin/images/map-bg.png) no-repeat center center; overflow: hidden;}
.map span { position: absolute; display: block; line-height: 13px;}
.map span span { position: relative; margin-top: -35px; left: 6px; display: inline-block; width: 16px; height: 16px; margin-right: 5px; vertical-align: top; background-color: #22c0e7; -webkit-border-radius: 50%; border-radius: 50%; -moz-animation: translatey 1.3s ease-out; -moz-animation-iteration-count: infinite; -o-animation: translatey 1.3s ease-out; -o-animation-iteration-count: infinite; -webkit-animation: translatey 1.3s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.map span span:after { content: ''; position: absolute; display: block; width: 8px; height: 8px; margin-left: 4px; margin-top: 4px; border-radius: 50%; background: #fff; opacity: .7; filter: alpha(opacity = 70);}
.map span span i { position: absolute; top: 8px; display: block; border-style: solid; border-color: transparent; border-width: 15px 8px; border-top-color: #22c0e7;}
.map .map-light:after { content: ''; position: absolute; top: -13px; right: -9px; z-index: 10; display: block; height: 14px; width: 28px; border: 1px solid #22c0e7; -moz-animation: heartbit 1.3s ease-out; -moz-animation-iteration-count: infinite; -o-animation: heartbit 1.3s ease-out; -o-animation-iteration-count: infinite; -webkit-animation: heartbit 1.3s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; border-radius: 14px/7px;}
.map .map-light:before { content: ''; position: absolute; top: -17px; right: -17px; z-index: 10; display: block; height: 22px; width: 44px; border: 1px solid #22c0e7; -moz-animation: heartbit 1.3s ease-out; -moz-animation-iteration-count: infinite; -o-animation: heartbit 1.3s ease-out; -o-animation-iteration-count: infinite; -webkit-animation: heartbit 1.3s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; transition-delay: 1.3s; border-radius: 44px/22px;}
@-webkit-keyframes translatey {
    0% { -webkit-transform: translateY(-5px); transform: translateY(-5px);}
    50% { -webkit-transform: translateY(0); transform: translateY(0);}
    100% { -webkit-transform: translateY(5px); transform: translateY(5px);}
}
@keyframes translatey {
    0% { -webkit-transform: translateY(-5px); transform: translateY(-5px);}
    0% { -webkit-transform: translateY(0); transform: translateY(0);}
    100% { -webkit-transform: translateY(5px); transform: translateY(5px);}
}
@-moz-keyframes heartbit {
    0% { -moz-transform: scale(0); opacity: 0.0;}
    25% {  -moz-transform: scale(0.1); opacity: 0.3;}
    50% { -moz-transform: scale(0.5); opacity: 0.6; }
    75% { -moz-transform: scale(.8); opacity: 1;}
    100% { -moz-transform: scale(1); opacity: 0.0;}
}
@-webkit-keyframes heartbit {
    0% { -webkit-transform: scale(0); opacity: 0.0;}
    25% { -webkit-transform: scale(0.1); opacity: 0.3; }
    50% { -webkit-transform: scale(0.5); opacity: 0.6; }
    75% {-webkit-transform: scale(.8); opacity: 1;}
    100% { -webkit-transform: scale(1); opacity: 0.0;}
}
.map span em { display: none;}
.map-light1 { top: 181px; left: 145px;}
.map-light2 { top: 204px; left: 246px;}
.map-light3 { top: 192px; left: 371px;}
.map-light4 { top: 335px; left: 316px;}
.map-light5 { top: 418px; left: 293px;}
.map-light6 { top: 391px; left: 365px;}
.map-light7 { top: 220px; left: 449px;}
.map-light8 { top: 200px; left: 460px;}
.map-light9 { top: 290px; left: 435px;}
.map-light10 { top: 342px; left: 520px;}
.map-light11 { top: 366px; left: 468px;}
.map-light12 { top: 431px; left: 452px;}
.map-light13 { top: 161px; left: 525px;}
.map-light14 { top: 127px; left: 547px;}
.map-light15 { top: 78px; left: 552px;}
.map-light16 { top: 322px; left: 534px;}
.map-light17 { top: 282px; left: 383px;}
@-ms-keyframes opacity {
    0% { opacity: 0.1; -ms-transform: scale(1);}
    70% { opacity: 1; -ms-transform: scale(1.5);}
    100% { opacity: 1; -ms-transform: scale(1.5);}
}
@-webkit-keyframes opacity {
    0% { opacity: .1; -webkit-transform: scale(1);}
    70% { opacity: 1; -webkit-transform: scale(1.5);}
    100% { opacity: 1; -webkit-transform: scale(1.5);}
}
@keyframes opacity {
    0% { opacity: .1; transform: scale(1);}
    70% { opacity: 1; transform: scale(1.5);}
    100% { opacity: 1; transform: scale(1.5);}
}
.map span.orange span { background-color: #ff7818;}
.map span.orange span i { border-top-color: #ff7818;}
.map span.orange em { color: #ff7818;}
.map .map-light.orange:before { border: 1px solid #ff7818;}
.map .map-light.orange:after { border: 1px solid #ff7818;}

/*申请代理模块*/
.apply-box { background: #fbfaff;}
.form-box { padding: 0 100px;}
#apply { float: none !important;}

/*表单申请*/
.form-horizontal { width: auto; padding-top: 0;}
.form-box .form-info { width: 470px; height: auto; padding: 30px 30px 15px; margin: auto; background: #fff; border-radius: 6px; box-shadow: 0 0 25px rgba(0,0,0,.1);}
.form-box .form-info .simple-form-field { position: relative; margin-bottom: 15px;}
.form-box .form-info .simple-form-field .col-sm-4.control-label,.form-box .form-info .simple-form-field .input-left { position: absolute; left: 0; z-index: 999; width: 90px; padding-left: 15px; margin: 11px 0; font-size: 14px; line-height: 18px; text-align: left;}
.form-box .form-info .simple-form-field .input-left { color: #666;}
.form-box .form-info .simple-form-field .input-left span { display: block; width: 4em; white-space: nowrap; overflow: hidden;}
.form-box .form-info .simple-form-field .col-sm-8 { position: relative; float: left; height: 45px;}
.form-box .form-info .simple-form-field .col-sm-8 .form-control-box,.select-region-box .form-control-box { position: relative; float: left; width: 365px; height: 45px; padding-left: 103px; text-align: left; background: #fff;}
.form-box .form-info .simple-form-field .col-sm-8 .form-control-box .captcha-image { position: absolute; top: 8px; left: 365px; width: 80px; height: 30px;}
.form-box .form-info .simple-form-field .col-sm-8 .form-control-box .phonecode { position: absolute; top: 8px; left: 349px; height: 30px; padding: 0 10px; font-size: 13px; line-height: 30px; color: #fff; background: #ff7818; border: 0;}
.form-box .form-info .simple-form-field .col-sm-8 .form-control { width: 335px; height: 38px; padding: 0 10px; margin: 0; font-size: 14px; background: #fff; box-shadow: none; border-radius: 0; outline: none;}
.form-box .form-info .simple-form-field .col-sm-8 textarea.form-control { height: 22px; margin: 11px 0; line-height: 22px; resize: none;}
.form-box .form-info .simple-form-field .col-sm-8 select.form-control { width: 138px; margin-right: 5px; font-size: 14px; color: #666; cursor: pointer;}
.form-box .form-info .simple-form-field .col-sm-8 .form-control.error { border-color: #ff7818;}
.form-box .form-info .simple-form-field .col-sm-8 select.form-control option { padding: 3px 0 3px 10px; cursor: pointer;}
.form-horizontal .form-group-spe { margin: 0;}
.form-horizontal .form-group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.form-horizontal .form-group .form-control-error { position: absolute; top: 30px; left: 90px; height: 40px; margin: 10px 0 0 10px; font-size: 14px; line-height: 20px; color: #ff7818; overflow: hidden;}
.form-horizontal .form-group .form-control-error i { margin-right: 5px; background: url(/skin/images/notice.png) no-repeat 0 0;}
.form-horizontal .form-group .region-select { margin-left: -15px;}
.form-horizontal .form-group .region-select select { max-width: 90px; height: 38px; padding: 0 10px; margin: 0 0 0 15px; font-size: 12px; line-height: 28px; border-radius: 0; box-shadow: none;}
.step-btn-box { display: block !important;}
a.step-btn { display: inline-block; width: 245px; height: 45px; font-size: 20px; line-height: 45px; color: #ff7818; text-align: center; background: transparent; border: 1px solid #ff7818; cursor: pointer;}
a.step-btn.btn-apply { color: #fff; background: #ff7818;}

/*加盟代理联系方式*/
.agent-contact { display: none;}
.agent-contact li { position: relative; z-index: 1; width: 300px; padding: 20px; margin: 25px 0 40px; text-align: left; border-radius: 6px;}
.agent-contact li:hover { z-index: 2;}
.agent-contact .li1 { background: #4aa6fe;}
.agent-contact .li2 { background: #fa757e;}
.agent-contact .li3 { background: #17d5d3;}
.agent-contact li h3 { position: relative; z-index: 1; font-weight: 300; color: #fff;}
.agent-contact li h3 span { display: inline-block;}
.agent-contact li h3 span.name { width: 70px; font-size: 20px;}
.agent-contact li h3 span.tel { font-size: 16px; vertical-align: bottom;}
.agent-contact li h3 .code-img { position: absolute; top: 0; right: 0; display: inline-block; width: 24px; height: 24px; cursor: pointer; background: url(../images/icon-code.png) no-repeat 0 0;}
.agent-contact li p.address { position: relative; z-index: 1; padding: 20px 0 0 80px;}
.agent-contact li p.address span { display: inline-block; padding-right: 15px; font-size: 13px; line-height: 2; color: #fff;}
.agent-contact li p.address span.first { position: absolute; top: 17px; left: 0; font-size: 16px; opacity: .7;}
.agent-contact li .img { position: absolute; right: -32px; top: 55px; z-index: 2; display: none; width: 130px; height: 160px; text-align: center; background: #fff; border-radius: 4px; box-shadow: 0 0 5px rgba(0,0,0,.2);}
.agent-contact li .img:before { content: ''; position: absolute; top: -12px; left: 60px; display: block; border: 6px solid transparent; border-bottom-color: #fff;}
.agent-contact li .img img { display: block; width: 130px; height: 130px; border-radius: 4px;}
.agent-contact li .img p { padding-top: 5px; line-height: 1.5;}