@charset "utf-8";
.promotion-icon,.trouble-icon i{ background: url(../img/icons.png) no-repeat 0 0; }

/*1F 焦点图*/
#focus{ width:100%; position: relative;}
#focus .focus-img{ height:480px; width:100%; background: 50% no-repeat; background-size:cover; display: block;}
.swiper-pagination{ bottom:20px; left:50%; margin-left:-27px;}
.swiper-pagination-bullet{ margin: 0 4px; width:10px; height:10px; background: #fff;}

.form-wrap{ background: rgba(255,255,255,.2); border-radius: 4px; padding:14px; position: absolute; bottom:50px; left:50%; margin-left:-407.5px; z-index:100;}
.city{ width:157px; height: 56px; background: #edf1fa; float: left; border-radius: 4px 0 0 4px; line-height: 56px; text-align: center; color: #213361;}
.input{ float: left; background: #fff; width:400px; border-radius: 0 4px 4px 0; padding:16px 20px; margin-right:8px;}
.input input{ height:24px; line-height: 24px; font-size:16px; color: #333; width:100%; border:0;}
.free-btn{ float: left; width:180px; height: 56px; text-align: center; color: #fff; background: #fe6339; border-radius: 4px; border: 0 none; font-size:18px; line-height: 52px;}
.free-btn:hover{ background: #ff7550;}

/*2F 优惠活动*/
.promotion{ background: url(../img/bg-index-2f.jpg) no-repeat center center; background-size:100% 100%; padding:60px 0;}
.promotion-bar{ width:200px; text-align: center;}
.promotion-title{ margin-top:20px;}
.promotion-txt{ width:92px; height:18px; background: #213361; color: #fff; font-size: 12px; text-align: center; font-weight: 700; margin:10px auto 0;}
.promotion-more{ display: block; color: #203260; border: 2px solid #203260; text-align: center; border-radius: 20px; padding:5px 0; width:90px; margin:40px auto 0;}
.promotion-more:hover{ background: #203260; color: #fff;}

.promotion-box{ background: #fff; border-radius: 8px; float: left; width:230px; margin:0 10px; box-shadow: 0 5px 9px 0 rgba(16,32,72,.15); height: 300px; position: relative; transition:all .3s ease-in-out;}
.promotion-box:hover{ margin-top:-10px;}
.promotion-box a{ display: block; height: 300px;}
.promotion-box h5{ font-size:20px; font-weight: 700; color: #fff; text-align: center; padding:12px 0; border-radius: 8px 8px 0 0;}
.promotion-box h5.gs{ background: #fe6339;}
.promotion-box h5.kh{ background: #7ea9e3;}
.kh-txt { margin:15px 10px 0 25px; font-size: 14px;}
.kh-txt em{ font-style: normal; color: #fe6339; font-size: 24px; font-weight: 700;}
.promotion-box h5.hh{ background: #45c1ab;}
.promotion-box h5.jz{ background: #8f82bc;}
.promotion-list { margin:15px 10px 0 15px;}
.promotion-list li{ font-size:14px; color:#2d2f33; background: url(../img/icon01.png) no-repeat 0 center; padding-left:20px; line-height: 30px;}

.promotion-icon{ width: 70px; height: 70px; position: absolute; right:30px; bottom:20px;}
.icon-gs{ background-position: 0 0;}
.icon-kh{ background-position: 0 -70px;}
.icon-hh{ background-position: 0 -140px;}
.icon-jz{ background-position: 0 -210px;}

/*3F 公司难题*/
.trouble{ background: url(../img/bg-index-3f.jpg) no-repeat center center; background-size:100% 100%; padding:60px 0;}
.trouble h2{ font-size: 30px; color: #fff; text-align: center; font-weight: 700;}
.trouble-list{ margin-top:100px;}
.trouble-list li{ float: left; background: #fff; border-radius: 4px; box-shadow: 0 5px 9px 0 rgba(16,32,72,.15); padding:0 20px 20px; position: relative; width:178px; height:235px; margin:0 11px;}
.trouble-icon{ width:90px; height: 103px; background: url(../img/bg-index-icon01.png) no-repeat 0 0; position: absolute; top:-50px; left:50%; margin-left:-45px; padding-top: 25px;}
.trouble-icon i{ width:48px; height: 48px; display: block; margin:0 auto;}
.trouble-icon i.icon-lc{ background-position: -70px 0;}
.trouble-icon i.icon-zm{ background-position: -70px -48px;}
.trouble-icon i.icon-cb{ background-position: -70px -96px;}
.trouble-icon i.icon-zy{ background-position: -70px -144px;}
.trouble-icon i.icon-xl{ background-position: -70px -192px;}

.trouble-list h4{ font-size: 20px; text-align: center; font-weight: 700; color: #2d2f33; margin:85px 0 20px 0;}
.trouble-list p{ color: #2d2f33; font-size:16px; width:85%; margin: 0 auto; line-height: 1.5;}
.trouble-btn{ color: #fff; border: 2px solid #cfd4ec; display: block; border-radius: 30px; width:240px; text-align: center; margin:60px auto 0; font-size:20px; padding:12px 0;}
.trouble-btn:hover{ background: #cfd4ec; color: #203260;}

/*4F 关于我们*/
.about{ background: url(../img/bg-index-4f.jpg) no-repeat center center; background-size:100% 100%; padding:60px 0; height: 624px;}
.about-txt{ text-align: center; font-size:28px; width:90%; margin:60px auto; line-height: 1.5;}
.about-list li{ float: left; margin:0 10px;}
.about-box{ position: relative; width:380px; height: 275px; box-shadow: 0 5px 9px 0 rgba(16,32,72,.15);}
.about-box p{ position: absolute; margin:0 12px; text-align: center; font-size:24px; font-weight: 700; color: #fff; width:356px; padding:20px 0; bottom:-25px;
    background: -webkit-linear-gradient(left, rgba(23,51,169,.8) ,rgba(108,161,255,.8)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right,rgba(23,51,169,.8) ,rgba(108,161,255,.8)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, rgba(23,51,169,.8) ,rgba(108,161,255,.8)); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, rgba(23,51,169,.8) ,rgba(108,161,255,.8)); /* 标准的语法 */}

/*5F 财税动态*/
.news{ background: #eef0f9; padding:60px 0;}
.news-content{ margin:60px 0;}
.news-box{ background: #fff; box-shadow: 0 5px 9px 0 rgba(16,32,72,.15); width:630px;}
.media-list{ width:555px;}
.news-box li{ border-bottom: 1px solid #dbdbdb;}
.news-box li a{ padding:17.7px 15px; display: block; color: #333;}
.news-box li a:hover{ background: #f6f9ff;}
.news-box li.news-media a{ padding:20px 15px; display: flex;}
.news-box li span{ float: right; color: #999;}
.news-img{ width:195px; height: 125px;}
.news-txt{ margin-left:12px; line-height: 1.5;width: 340px;padding-left: 10px;}
.news-txt h5{ font-size: 18px; font-weight: 700;}
.news-txt p{ font-size:15px; margin-top:15px;}
.news-btn{ color: #fff; display: block; border-radius: 30px; width:240px; text-align: center; margin:60px auto 0; font-size:20px; padding:15px 0; background:#fe6339;}
.news-btn:hover{ background: #203260;}

/*6F slogan*/
.slogan{ background: url(../img/slogan.jpg) no-repeat center center;  height: 136px;}