@charset "utf-8";
body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
img{ border:0;}
a{text-decoration: none;}
.clearfix:after {content:"";display:block;height:0;clear:both;}
.clearfix {zoom:1;}
.wrap{padding-bottom:50px;width: 100%;min-width: 1000px;background:#fff url(../images/bg2.jpg) no-repeat center top;font-size: 14px;font-family: '微软雅黑';color:#434a52;}
.rep{width: 1000px;margin:0 auto;position: relative;}
.banner-box{height: 528px;}
.intro-box{padding:50px 0;}
.intro-box h3{padding:10px 0;line-height: 24px;text-align: center;}
.intro-box-btns{width: 344px;margin:15px auto;position: relative;}
.btn{position:relative;float:left;height: 38px;line-height: 38px;color:#fff;font-size: 18px;border-radius: 5px;}
.btn-replay{display: inline-block; float: right; width: 158px; text-align: center;background: #4471a8;}
/*.btn-replay:hover{background-position: center bottom;}*/
.btn-replay:hover{ background-color: #6593cc;}
.content-box .btn-blue:after, .btn-green:after{display: block;content:'';position: absolute;right:6px;top:18px;width: 0;height: 0;border:5px solid transparent;border-top-color: #fff;}
.btn-blue{display: block;margin:30px auto 10px auto;width: 344px;height: 87px;line-height: 87px;text-align: center; background-color: #ef4248;font-size: 32px; float: none;}
.btn-blue:hover{ background-color: #ff5459;}
.btn-green{text-indent:20px;width:158px;margin:0 3px;background-color: #09bc66;}
.btn-green:hover{background-color: #15d076;}
.btn-yellow{width:65px;text-align: center;background-color: #e2990b;}
.btn-yellow:hover{background-color: #f3a919;}

.btn-green-box{left:3px; width: 158px;}
.btn-gray{display: block;margin:3px auto;/*width: 127px;*/ width: 330px; height: 33px;text-align: center;line-height: 33px;background: url(../images/btn-gray2.png) no-repeat center;font-size: 18px;color:#666666;}
.btn-gray:hover{color:#000;}
.btn-green-box .btn-gray{ width: 146px; left: 0;background: url(../images/btn-gray3.png) no-repeat center;}


.box{margin:10px 0;float: left;padding:40px;width:418px;height: 307px;background-color: #f0f5f9;background-position: right bottom;background-repeat: no-repeat; }
.box p{line-height: 28px;}
.box-title{margin:20px 0 30px;background-image: url(../images/icon.png);background-repeat: no-repeat;font-size: 30px;color:#4471a8;}
.box-title span{display: block;font-size: 14px;color:#868690;padding-left:50px;}
.box-title-instruction{text-indent:130px;background-position: 84px -156px;}
.box-title-search{text-indent: 84px;background-position:40px -78px;}
.box-title-progress{text-indent:398px;background-position: 354px -4px;}
.instruction-box{margin-right:2px;background-image: url(../images/instruction-bg.png);}
.search-box{margin-left:2px;background-image: url(../images/search-bg.png);}
.progress-step{position: relative;width: 100%;height:300px;margin:20px 0 20px;}
.step-item{position: absolute;display: block;min-width:70px;padding:0 14px;height: 46px;line-height: 46px;text-align: center;color:#fff;font-size: 16px;border-radius: 22px;}
.step-item:after{display: block;content:'';position: absolute;right: -12px;top:50%;margin-top:-8px;width: 14px;height: 16px;}
.step-item-blue:after{background: url(../images/icon-tringle-blue.png) no-repeat center;}
.step-item-yellow:after{background: url(../images/icon-tringle-yellow.png) no-repeat center;}
.step-item-blue{background-color: #4471a8;}
.step-item-yellow{background-color: #e2990b;}
.step-item-green{background-color: #09bc66;}
.step-item-red{background-color: #cb0c15;}
.step-item01{width:80px;left:0;top:124px;}
.step-item02{width:80px;left:122px;top:124px;}
.step-item03{width:90px;left:244px;top:124px;}
.step-item04{left:375px;top:124px;}
.step-item05{left:486px;top:124px;}
.step-item05.step-item-blue:after{width:80px;width:17px;height:36px;margin-top:-18px;right:-8px;background: url(../images/icon-tringle-blue2.png) no-repeat center;}
.step-item06{width:110px;left:596px;top:93px;}
.step-item07{width:112px;left:596px;top:151px;}
.step-item08{width: 110px;left:748px;top:93px;font-size: 16px;line-height: 18px;padding-top:4px;height:42px;}
.step-item09{left:900px;top:93px;}
.step-item10{left:750px;top:151px;}
.step-box{position: absolute;padding:12px;background-color: #e9e8f0;border-radius: 10px;font-size: 12px;}
.step-box:after{display: block;content: '';position: absolute;bottom:-18px;left:50%;margin-left:-10px;width:0;height: 0;border:10px solid transparent;border-top-color:#e9e8f0;}
.step-item02-box{left:85px;top:20px;}
.step-item03-box{left:218px;top:185px;}
.step-item03-box:after{top:-18px;border-color:transparent;border-bottom-color:#e9e8f0; }
.step-item04-box{left:353px;top:68px;}
.nav-box{float: left;width: 245px;margin-top:40px;}
.nav-box li{float:left;margin:10px 0;width: 236px;padding:14px 0;text-align: center;font-size: 24px;color:#ffefef;background-color: #4471a8;border-radius: 5px;position: relative;cursor: pointer;}
.nav-box li:after{display: block;content: '';position: absolute;right:-15px;top:50%;margin-top:-6px;width:0;height: 0;border:8px solid transparent;border-left-color: #4471a8;}
.nav-box li.on{background-color: #e73b43;}
.nav-box li.on:after{border-left-color:#e73b43;}
.content-box{display:none;margin-top:50px;padding:10px 38px 40px;width: 668px;min-height:300px;height:auto;float: right;border:1px solid #e8e8e8;line-height: 26px;}
.content-box h3{margin-top:30px;font-size: 18px;color:#4471a8;}
.content-box ul li{padding-left:20px;}

/*20170911*/
.content-box .btn{ float: none; display: inline-block; margin-right: 20px;}
.content-box .dj{ position: relative;}
.content-box .btn-blue-box{ top: 68px; left: 111px; width: 136px;}
.content-box .btn-green-box{ top: 68px; left: 396px; width: 137px;}
.content-box .btn-blue{text-indent:10px;width:136px;background-color: #ef4248;height: 38px;line-height: 38px; text-align: left; font-size: 18px;}
.content-box .btn-blue:hover{background-color: #ff5459;}
.content-box .btn-gray{ width: 127px;background: url(../images/btn-gray.png) no-repeat center;}
.content-box .btn-green{ width: 136px;}


.textfirst{line-height: 48px;text-align: center;font-size: 30px;padding-bottom: 48px;}
.btnBox{height: 112px; width: 344px; position: relative; margin: 0 auto;}
.btnBox a.bts{display: block; width: 344px; height: 87px; overflow: hidden; text-indent: -999px; margin-bottom: 25px;}
.btnBox a.b1{background: url(../images/btn1.png) no-repeat 0 0;}
.btnBox a.b2{background: url(../images/btn2.png) no-repeat 0 0;}

.intro-phone{width:320px;height:40px;line-height:40px;margin:0 auto;text-indent:42px;background: url(../images/icon1.png) no-repeat 0 center;font-size: 22px;color:#4471a8;}
.intro-phone strong{color:#434a52;font-weight: normal;}
.intro-mail{width:370px;height:40px;line-height:40px;margin:0 auto;text-indent:42px;background: url(../images/icon2.png) no-repeat 0 center;font-size: 22px;color:#4471a8;}
.intro-mail strong{color:#434a52;font-weight: normal;}
.intro-mail a{color: #4471a8;}
.step-item02-box span,.step-item02-box a{color: #4471a8;}
.btn-blue-box{display:none;position:absolute;left:0;top:87px;width: 100%;padding:3px 0;background-color: #e5e5ea;border-radius: 5px;z-index: 4;}