@charset "utf-8";

/*banner*/
.slideBox{ width:100%; overflow:hidden; position:relative;}
.slideBox .hd{ position:absolute; right: 55px; top: 50%; transform: translate(-50%); z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; }
.slideBox .hd ul li{width: 14px; height: 14px; border:1px solid transparent; border-radius: 50%; margin-bottom: 10px; text-align:center; cursor:pointer; background: transparent; }
.slideBox .hd ul li label{display: block; width: 10px; height: 10px; background-color: #fff; border-radius: 50%; margin: 2px;}
.slideBox .hd ul li.on {border:1px solid #FFFF66;}
.slideBox .hd ul li.on label{background-color:#FFFF66;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{display:block; width: 100%; height:auto;}

/*流程办理*/
@media screen and (min-width: 1441px) {
.liuchengBox{width: 1200px; height: 555px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);z-index: 999;}
.liucheng{width: 1200px; height: 555px;position: relative; text-align: center;}
.lc01 i,.lc02 i,.lc03 i,.lc04 i,.lc05 i,.lc06 i,.lc07 i{font-size: 65px;}
.lc01 a,.lc02 a,.lc03 a,.lc04 a,.lc05 a,.lc06 a,.lc07 a{font-size:28px; display: block; }
.lc01 b,.lc02 b,.lc03 b,.lc04 b,.lc05 b,.lc06 b,.lc07 b{display: block;text-transform: uppercase; font-size: 12px; letter-spacing: 2px;}

.lc01{width: 389px; height: 365px; padding-top: 60px; background-color: #d70c2a; box-sizing: border-box; color: #fff;}
.lc01 a{color: #fff;}

.lc02{width: 389px; height: 175px; background-color: #696afa; color: #fff;position: absolute; bottom: 0; left: 0;}
.lc02 i{float: left; margin-top: 30px; margin-left: 40px;}
.lc02 .right{float: left; text-align: left; margin: 45px auto auto 20px;}
.lc02 .right a{font-size: 28px; color: #fff;}

.lc03{width: 390px; height: 175px; background-color:#f6fbff; color: #333;position: absolute; top: 0; left: 402px;}
.lc03 i{float: left; margin-top: 30px; margin-left: 40px;}
.lc03 .right{float: left; text-align: left; margin: 45px auto auto 20px;}
.lc03 .right a{font-size: 28px;}

.lc04{width: 390px; height: 175px; background-color:#f6fbff; color: #333;position: absolute; top: 0; right: 0;}
.lc04 i{float: left; margin-top: 30px; margin-left: 40px;}
.lc04 .right{float: left; text-align: left; margin: 45px auto auto 20px;}
.lc04 .right a{font-size: 28px;}

.lc05{width: 800px; height: 175px; background-color:#f6fbff; color: #333;position: absolute; top: 190px; right: 0;}
.lc05 i{float: left; margin-top: 30px; margin-left: 260px;}
.lc05 .right{float: left; text-align: left; margin: 45px auto auto 20px;}
.lc05 .right a{font-size: 28px;}

.lc06{width: 390px; height: 175px; background-color:#3bd4bf; color: #fff;position: absolute; bottom: 0; left: 405px;}
.lc06 i{float: left; margin-top: 30px; margin-left: 40px;}
.lc06 .right{float: left; text-align: left; margin: 45px auto auto 20px;}
.lc06 .right a{font-size: 28px; color: #fff;}

.lc07{width: 390px; height: 175px; background-color:#70cb26; color: #fff;position: absolute; bottom: 0; right: 0;}
.lc07 i{float: left; margin-top: 30px; margin-left:30px;}
.lc07 .right{float: left; text-align: left; margin: 45px auto auto 10px;}
.lc07 .right a{font-size: 28px; color: #fff;}
}

@media screen and (max-width: 1440px) {
.liuchengBox{width: 890px; height: 440px; position: absolute; left: 50%; transform: translate(-50%); top:26%; z-index: 999;}
.liucheng{width: 890px; height: 440px;position: relative; text-align: center;}
.lc01 i,.lc02 i,.lc03 i,.lc04 i,.lc05 i,.lc06 i,.lc07 i{font-size: 46px;}
.lc01 a,.lc02 a,.lc03 a,.lc04 a,.lc05 a,.lc06 a,.lc07 a{font-size:22px; display: block; }
.lc01 b,.lc02 b,.lc03 b,.lc04 b,.lc05 b,.lc06 b,.lc07 b{display: block; text-transform: uppercase; font-size: 12px; letter-spacing: normal!important;}

.lc01{width: 290px; height: 290px; padding-top: 80px; background-color: #d70c2a; box-sizing: border-box; color: #fff;}
.lc01 a{color: #fff;}

.lc02{width: 290px; height: 140px; background-color: #696afa; color: #fff;position: absolute; bottom: 0; left: 0;}
.lc02 i{float: left; margin-top: 35px; margin-left: 30px;}
.lc02 .right{float: left; text-align: left; margin: 45px auto auto 20px;}
.lc02 .right a{font-size: 22px; color: #fff;}

.lc03{width: 290px; height: 140px; background-color:#f6fbff; color: #333;position: absolute; top: 0; left: 300px;}
.lc03 i{float: left; margin-top: 35px; margin-left: 30px;}
.lc03 .right{float: left; text-align: left; margin: 45px auto auto 20px;}
.lc03 .right a{font-size: 22px;}

.lc04{width: 290px; height: 140px; background-color:#f6fbff; color: #333;position: absolute; top: 0; right: 0;}
.lc04 i{float: left; margin-top: 35px; margin-left: 30px;}
.lc04 .right{float: left; text-align: left; margin: 45px auto auto 20px;}
.lc04 .right a{font-size: 22px;}

.lc05{width: 590px; height: 140px; background-color:#f6fbff; color: #333;position: absolute; top: 150px; right: 0;}
.lc05 i{float: left; margin-top: 35px; margin-left: 160px;}
.lc05 .right{float: left; text-align: left; margin: 45px auto auto 20px;}
.lc05 .right a{font-size: 22px;}

.lc06{width: 290px; height: 140px; background-color:#3bd4bf; color: #fff;position: absolute; bottom: 0; left: 300px;}
.lc06 i{float: left; margin-top: 35px; margin-left: 30px;}
.lc06 .right{float: left; text-align: left; margin: 45px auto auto 20px;}
.lc06 .right a{font-size: 22px; color: #fff;}

.lc07{width: 290px; height: 140px; background-color:#70cb26; color: #fff;position: absolute; bottom: 0; right: 0;}
.lc07 i{float: left; margin-top: 35px; margin-left:30px;}
.lc07 .right{float: left; text-align: left; margin: 45px auto auto 10px;}
.lc07 .right a{font-size: 22px; color: #fff;}
		}

/*公告*/
.message{line-height: 40px; position: relative; width: 1200px;  margin: 0 auto;}
.message i{color: #333;}
.message >a{position: absolute; right: 0;color:#999 ;}
.messageLoop{height: 40px; width: 1000px; line-height: 40px; overflow: hidden; position: absolute; left: 30px; top: 0;}


/*产品优势*/
.cpysBox{background-color: #fbfbfd; padding-bottom: 30px;}
.cpys{width: 1200px; margin: 0 auto; padding: 30px 0; display: flex; justify-content: space-between;}
.cpys li{width: 260px; text-align: center; cursor: pointer;}
.cpys .imgBg{width: 92px; cursor: pointer; height: 92px; background: url(../images/img05.png)no-repeat left center; background-size: 100% 100%; margin: 30px auto; padding-top: 3px;}
.cpys .imgBg i{transition: All 0.3s ease-in-out; display: block; width: 77px; height: 77px; margin:6px auto auto 9px; line-height: 77px; text-align: center; font-size: 36px; border-radius: 50%;}
.cpys li span{font-size: 16px; position: relative;}
.cpys li p{line-height: 23px; margin-top: 15px;}
.cpys li:hover .imgBg i{transform: rotate(60deg);background-color: #118EEA; color: #fff;}
.cpys li:hover span{color: #fff; background-color: #118EEA; padding: 5px 10px; border-radius: 5px;}
.cpys li:hover span:before{content: "\e62b"; font-family: "iconfont"; position: absolute; font-size: 12px;color: #118EEA; left: 45%; top: -12px;}

/*新闻中心*/
.newsBox{background-color: #fff;}
.news{width: 1200px; margin:0px auto; padding: 30px 0;}
.news >h3{font-size:22px; font-weight: normal; line-height: 40px; color: #03333; text-align: center;}
.news >p{color: #999;text-align: center; line-height: 26px; font-size: 12px; letter-spacing: 3px;}
.newsList{display: flex; justify-content: space-between; flex-wrap: wrap; padding:50px 0;}
.newsList li{width: 565px; margin-bottom: 50px;}
.newsList li .date{width: 45px; height: 55px; position: relative; float: left; margin-top: 8px; border: 1px solid #000000;text-align: center; line-height: 50px; font-size: 28px;}
.newsList li .date font{position: absolute; background-color: #fff;bottom: -8px; left: 9px; font-size: 14px;width:26px;height: 16px; text-align: center; line-height: 16px; }
.newTitle{width: 500px; margin-left: 16px; float: left;}
.newTitle a{display: block; height: 23px; line-height:23px; overflow: hidden; font-size: 16px; font-weight: bold;}
.newTitle p{line-height: 20px; margin-top: 10px; height: 46px;overflow: hidden; text-align: left; color: #666;}