html{ background: #fff;}

.layout-box{ width: 1440px; margin: 0 auto; }

.banner{ width: 100%; height: 565px; background: url(//res.gys.cn/img/mainsite/yfb/banner.png) center top no-repeat;}
.banner .layout-box{ position: relative;}
.banner .banner-txt{ width:628px; height: 138px; display: block; background: url(//res.gys.cn/img/mainsite/yfb/banner-txt.png) center top no-repeat; position: absolute; left: 44px; top:117px;}
.banner .price{ position: absolute; left:44px; top: 294px; font-size: 30px; color: #333; font-weight: bold;}
.banner .price em{ font-size: 44px; color: #1746c1; font-weight: bold;}
.banner .price del{ font-size: 22px; color: #5c5c5c; margin-left: 25px; font-weight: normal;}
.banner .apply-btn{ width: 244px; height: 66px; display: block; position: absolute; left:44px; top:363px; text-align: center; line-height: 66px; font-size: 28px; color: #98561d; font-weight: bold;
    background: linear-gradient(to right, #f6d794 0%, #f0be73 100%); border-radius: 5px; box-shadow: 0 0 1px rgba(240,193,119,1);}
.banner .icon1,.banner .icon2{-webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease;}
.banner .icon1{ width: 150px; height: 126px; display: block; background: url(//res.gys.cn/img/mainsite/yfb/banner-icon1.png) center top no-repeat; position: absolute; top:70px; right: 417px;}
.banner .icon1.active{ top:50px;}
.banner .icon2{ width: 56px; height: 74px; display: block; background: url(//res.gys.cn/img/mainsite/yfb/banner-icon2.png) center top no-repeat; position: absolute; top:329px; right: 179px;}
.banner .icon2.active{ top:309px;}

.layout-box .title .main-title{ font-size: 32px; color: #333; height: 46px; line-height: 46px; font-weight: bold; text-align: center;}
.layout-box .title .sub-title{ font-size: 18px; color: #696969; height: 42px; line-height: 42px; text-align: center;}

.content-1 { height: 142px; margin-top: -38px;}
.content-1 li{ width: 328px; height: 116px; float: left; background: #fff; margin-right: 32px; position: relative; border-radius:5px; box-shadow: 0 7px 18px rgba(18,65,190,0.05);}
.content-1 li:after{content:'';width: 328px; height: 116px; background: url(//res.gys.cn/img/mainsite/yfb/card-bg.png) -13px -6px no-repeat; position: absolute; left: 0; top: 0;}
.content-1 li span{ float: left; position: relative; z-index: 1; display: block;}
.content-1 li span em,.content-1 li span i,.content-1 li span i:before{-webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease;}
.content-1 li span i:before{ opacity: 1;}
.content-1 li span i.active:before{opacity: 0;}
.content-1 li span em.active{ margin: -10px 0 0 -10px;}
.content-1 li span.icon1{ margin: 32px 0 0 46px; width: 84px;}
.content-1 li span.icon1 em{ width:39px; height: 40px; display: block; background: url(//res.gys.cn/img/mainsite/yfb/card1-hou.png) center top no-repeat;}
.content-1 li span.icon1 i{ width:45px; height: 52px; display: block; background:url(//res.gys.cn/img/mainsite/yfb/card1-qian.png) center top no-repeat; position: absolute; top:9px; left:15px;}
.content-1 li span.icon1 i.active{ top: 19px; left:25px;}
.content-1 li span.icon1 i:before{ content:''; width:52px; height: 57px; display: block; background: url(//res.gys.cn/img/mainsite/yfb/card1-shadow.png) center top no-repeat; position: absolute; left:-11px; top:-11px; opacity: 1;}
.content-1 li span i.active:before{opacity: 0;}
.content-1 li span.icon1 i:after{ content:''; width:37px; height: 35px; display: block; position: absolute; left: 3px; top:9px; background: url(//res.gys.cn/img/mainsite/yfb/card1-icon.png) center top no-repeat;}

.content-1 li span.icon2{ margin: 32px 0 0 48px; width: 82px;}
.content-1 li span.icon2 em{ width:33px; height: 40px; display: block; background: url(//res.gys.cn/img/mainsite/yfb/card2-hou.png) center top no-repeat;}
.content-1 li span.icon2 i{ width:42px; height: 48px; display: block; background:url(//res.gys.cn/img/mainsite/yfb/card2-qian.png) center top no-repeat; position: absolute; top:8px; left:13px;}
.content-1 li span.icon2 i.active{ top: 18px; left:23px;}
.content-1 li span.icon2 i:before{ content:''; width:45px; height: 57px; display: block; background: url(//res.gys.cn/img/mainsite/yfb/card2-shadow.png) center top no-repeat; position: absolute; left:-10px; top:-10px;}
.content-1 li span.icon2 i:after{ content:''; width:36px; height: 41px; display: block; position: absolute; left: 3px; top:7px; background: url(//res.gys.cn/img/mainsite/yfb/card2-icon.png) center top no-repeat;}

.content-1 li span.icon3{ margin: 31px 0 0 49px; width:91px;}
.content-1 li span.icon3 em{ width:53px; height: 37px; display: block; background: url(//res.gys.cn/img/mainsite/yfb/card3-hou.png) center top no-repeat;}
.content-1 li span.icon3 i{ width:52px; height: 47px; display: block; background:url(//res.gys.cn/img/mainsite/yfb/card3-qian.png) center top no-repeat; position: absolute; top:7px; left:12px;}
.content-1 li span.icon3 i.active{ top: 17px; left:22px;}
.content-1 li span.icon3 i:before{ content:''; width:52px; height: 43px; display: block; background: url(//res.gys.cn/img/mainsite/yfb/card3-shadow.png) center top no-repeat; position: absolute; left:-5px; top:-5px;}
.content-1 li span.icon3 i:after{ content:''; width:45px; height: 36px; display: block; position: absolute; left: 3px; top:5px; background: url(//res.gys.cn/img/mainsite/yfb/card3-icon.png) center top no-repeat;}

.content-1 li span.icon4{ margin: 32px 0 0 47px; width: 83px;}
.content-1 li span.icon4 em{ width:49px; height: 43px; display: block; background: url(//res.gys.cn/img/mainsite/yfb/card4-hou.png) center top no-repeat;}
.content-1 li span.icon4 i{ width:53px; height: 45px; display: block; background:url(//res.gys.cn/img/mainsite/yfb/card4-qian.png) center top no-repeat; position: absolute; top:5px; left:5px;}
.content-1 li span.icon4 i.active{ top: 15px; left:15px;}
.content-1 li span.icon4 i:before{ content:''; width:63px; height: 54px; display: block; background: url(//res.gys.cn/img/mainsite/yfb/card4-shadow.png) center top no-repeat; position: absolute; left:-6px; top:-6px;}
.content-1 li span.icon4 i:after{ content:''; width:21px; height: 21px; display: block; position: absolute; left: 26px; top:18px; background: url(//res.gys.cn/img/mainsite/yfb/card4-icon.png) center top no-repeat;}

.content-1 li em.txt{ position: relative; z-index: 1; font-size: 22px; color: #333; line-height: 116px; float: left;}

.content-2{ height: 680px; padding-top: 28px;}
.inner-list{ margin-top: 65px; position: relative;}
.inner-list:after{ content:''; width:899px; height: 161px; background: url(//res.gys.cn/img/mainsite/yfb/line-bg.png) center top no-repeat; position: absolute;left: 298px; top: 163px;}
.inner-list li{ width: 294px; height:294px;border: solid 2px #fff; float: left; margin-right: 82px; text-align: center; background: #538cfd; position: relative; z-index: 1; border-radius:8px; box-shadow: 6px 0 65px rgba(88,118,162,0.11);
 -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.inner-list li.active{ margin-top: -15px;}
.inner-list li.top{background: linear-gradient(#5790ff 0%, #346ff2 100%);}
.inner-list li.top:after{ content:''; width:31px; height: 20px; display: block; background: url(//res.gys.cn/img/mainsite/yfb/corner.jpg) center top no-repeat; position: absolute; bottom: -20px; left:135px;}
.inner-list li:last-child{ margin-right: 0;}
.inner-list li.btm{ margin-top: 125px;background: linear-gradient(#ecf2fa 0%, #fff 100%);}
.inner-list li.btm.active{ margin-top: 110px;}
.inner-list li.btm::after{content:''; width:0; height: 0; display: block; border-top: solid 20px #fff; border-left: solid 20px transparent; border-right: solid 20px transparent; border-bottom: solid 20px transparent;
 position: absolute; bottom: -40px; left:135px;}
.inner-list li.li1:before{ content:''; width:69px; height: 66px; display: block; margin: 54px auto 0; background: url(//res.gys.cn/img/mainsite/yfb/content1-icon1.png) center top no-repeat;}
.inner-list li.li2:before{ content:''; width:63px; height: 67px; display: block; margin: 60px auto 0; background: url(//res.gys.cn/img/mainsite/yfb/content1-icon2.png) center top no-repeat;}
.inner-list li.li3:before{ content:''; width:72px; height: 61px; display: block; margin: 56px auto 0; background: url(//res.gys.cn/img/mainsite/yfb/content1-icon3.png) center top no-repeat;}
.inner-list li.li4:before{ content:''; width:71px; height: 49px; display: block; margin: 60px auto 0; background: url(//res.gys.cn/img/mainsite/yfb/content1-icon4.png) center top no-repeat;}
.inner-list li span{ font-size: 22px; color: #333; font-weight: bold; display: block;}
.inner-list li em{ font-size: 16px; color: #696969; display: block; margin-top: 13px;}
.inner-list li.top span,.inner-list li.top em{ color: #fff;}

.content-3{ width: 100%; height:1000px; background: url(//res.gys.cn/img/mainsite/yfb/content3-bg.png) center top no-repeat; padding-top: 59px;}
.main-content{ width: 1440px; height: 822px; background: rgba(255,255,255,0.7); margin: 44px auto 0; border-radius: 8px; position: relative;}
.tab-content{ width: 1135px; margin: 0 auto; padding-top: 48px;}
.swiper-container{ width: 1220px; height: 800px;}
.tab-content p.companyName{ font-size: 26px; color: #333; font-weight: bold; line-height: 40px;}
.tab-content p.mainPro{ font-size: 16px; color: #696969; line-height: 38px;}
.tab-content .ty-btn{ width:143px; height:38px; display: block; text-align: center; line-height: 38px;background: linear-gradient(to right,#fedf9d 0%, #f4c57c 100%);color: #a24a07; font-size: 16px;
 font-weight: bold; position: absolute; top:88px; right:43px;}
.tab-content ul{ margin: 16px 0 39px 0;} 
.tab-content ul li{ width: 168px; height: 60px; padding:18px 0 0 23px; display: block; float: left; background: #fff; border-radius:5px; margin-right: 45px; box-shadow: 2px 0 16px rgba(68,118,162,0.11);
 position: relative;}
.tab-content ul li em{ height: 20px; line-height: 20px; display: block; font-size: 14px; color: #333; margin-top: 4px;}
.tab-content ul li span{ height: 28px; line-height: 28px; display: block; font-size: 20px; color: #333;}
.tab-content ul li:last-child{ margin-right: 0;}
.tab-content ul li:before{ content:''; width: 47px; height: 47px; display: block; float: left; margin-right: 14px;}
.tab-content ul li.li1:before{ background: url(//res.gys.cn/img/mainsite/yfb/content4-icon1.png) center top no-repeat;}
.tab-content ul li.li2:before{ background: url(//res.gys.cn/img/mainsite/yfb/content4-icon2.png) center top no-repeat;}
.tab-content ul li.li3:before{ background: url(//res.gys.cn/img/mainsite/yfb/content4-icon3.png) center top no-repeat;}
.tab-content ul li.li4:before{ background: url(//res.gys.cn/img/mainsite/yfb/content4-icon4.png) center top no-repeat;}
.tab-content ul li.li5:before{ background: url(//res.gys.cn/img/mainsite/yfb/content4-icon5.png) center top no-repeat;}
.tab-content ul li i{ width: 76px; height: 16px; display: block; position:absolute; top:0; left:0;background: linear-gradient(to right,#fedf9d 0%, #f4c57c 100%); text-align: center; line-height: 16px;
 color: #fff; font-size: 11px; color: #a24a07; border-radius:5px 5px 5px 0;}
.tab-content .case-img{ box-shadow: 6px 0 27px rgba(68,118,162,0.27); }

.page-btn a.tab-btn{ position: absolute; top:380px; width:47px; height: 57px;background: linear-gradient( #f3f6fc 0%, #fff 100%); border: solid 2px #fff; border-radius: 8px; box-shadow: 6px 0 27px rgba(88,118,162,0.25);}
.page-btn a.tab-btn:after{ content:''; width: 15px; height: 20px; display: block; position: absolute; left:15px; top:19px;}
.page-btn a.left-btn{ left:33px;}
.page-btn a.left-btn:after{ background:url(//res.gys.cn/img/mainsite/yfb/left.png) center top no-repeat;}
.page-btn a.right-btn:after{ background:url(//res.gys.cn/img/mainsite/yfb/right.png) center top no-repeat;}
.page-btn a.right-btn{ right:33px;}

.content-4{ width: 100%; height:507px; background: url(//res.gys.cn/img/mainsite/yfb/content4-bg.jpg) center top no-repeat; padding-top: 52px;}
.content-4 .title .main-title{ color: #fff;}
.content-4 .question-list{ margin:51px auto 0; }
.content-4 .question-list dl{ width: 655px; height: 116px; float: left; padding-left: 65px; color: #fff; position: relative;}
.content-4 .question-list dl:nth-child(even){ margin-left:75px; width: 580px;}
.content-4 .question-list dl dt{ font-size: 20px; font-weight: bold; height: 30px; line-height: 30px;}
.content-4 .question-list dl dd{ margin-top: 9px; font-size: 16px; line-height: 24px; width: 600px;}
.content-4 .question-list dl:before{ content: ''; width: 53px; height: 56px; display: block; background: url(//res.gys.cn/img/mainsite/yfb/content5-icon1.png) center top no-repeat; position: absolute;
left:-5px; top:-10px;}
.content-4 .question-list dl:nth-child(even) dd{ width:545px;}

.content-5{ width: 100%; height: 323px; background: url(//res.gys.cn/img/mainsite/yfb/content5-bg.jpg) center top no-repeat;}
.content-5 .left-txt{ float: left; margin: 99px 0 0 56px;}
.content-5 .left-txt p i{ width:196px; height: 64px; display: inline-block; background: url(//res.gys.cn/img/mainsite/yfb/content6-icon1.png) center top no-repeat; vertical-align: -4px; margin-right: 32px;}
.content-5 .left-txt p.p1{ font-size: 28px; font-weight: bold; color: #333;}
.content-5 .left-txt p.p1 em{ color: #2a5bda;}
.content-5 .left-txt p.p2{ margin-top: 20px; height: 54px; line-height: 54px; font-size: 28px; color: #333; font-style: italic; font-weight: bold;}
.content-5 .left-txt p.p2 span{ font-size: 42px; color: #1746c1;}
.content-5 .left-txt p.p2 del{ font-style: normal; margin-left: 25px; color: #6d6d6d; font-size: 20px; font-weight: normal;}
.content-5 .apply-btn{ width: 253px; height: 67px; display: block; float: right; margin: 126px 0 0 10px;background: linear-gradient(to right,#f6d794 0%, #f0c177 100%); border-radius: 5px;
color:#98561d; font-weight: bold; font-size: 26px; text-align: center; line-height: 67px;}

/*在线申请弹窗*/
.applicationModal .modal-dialog{width:860px}
.applicationModal .modal-content{border:0; border-top:3px solid #3f6de8}
.applicationModal .modal-text{text-align:center; padding-bottom:70px}
.applicationModal .modal-text .h1{color:#3f6de8; font-size:30px; font-weight:bold; line-height:40px}
.applicationModal .modal-text .h2{color:#696969; font-size:18px; line-height:40px}
.applicationModal .modal-text .bnt{display:inline-block; width:170px; height:45px; line-height:45px; color:#fff; font-size:20px; background:#3f6de8;}
.applicationModal .modal-text .bnt:hover{background:#3f6de8}
.applicationModal .modal-text .applyform{padding:35px 0; margin-top:-18px}
.applicationModal .modal-text .applyform .li{display:inline-block; margin-top:18px}
.applicationModal .modal-text .applyform label{font-size:16px; padding-right:15px}
.applicationModal .modal-text .applyform input{width:350px; height:40px; border:1px solid #ececec; border-radius:0; background:#fff; font-size:16px}
.applicationModal .modal-text .applyform input::-webkit-input-placeholder{color:#dadada;  /* Edge */}
.applicationModal .modal-text .applyform input:-ms-input-placeholder{color:#dadada; /* Internet Explorer 10-11 */}
.applicationModal .modal-text .applyform input::placeholder{color:#dadada}
.applicationModal .success-div{padding-top:50px}
.applicationModal .success-div .icon{vertical-align:-12px; margin-right:15px}
.applicationModal .success-div .t{font-size:22px; color:#3f6de8}
.applicationModal .success-div .txt{font-size:16px; color:#180041; line-height:24px; margin:10px 0 40px;}   

/*主体宽度1200*/
@media screen and (max-width:1500px){
    .layout-box{width:1200px!important;}
    .banner .icon1{right: 302px;}
    .banner .icon2{ right: 57px;}
    .content-1 li { width: 291px; height: 105px; margin-right: 9px;}
    .content-1 li:after{ width: 315px; height: 106px; background-size: 100%;}
    .content-1 li span.icon1,.content-1 li span.icon2,.content-1 li span.icon3，.content-1 li span.icon4 { margin: 22px 0 0 48px;}
    .content-1 li em.txt { line-height: 105px;}
    .content-4 .question-list dl { width: 540px;}
    .content-4 .question-list dl:nth-child(even) { width: 455px;}
    .content-4 .question-list dl dd{ width: 550px;}
    .content-4 .question-list dl:nth-child(even) dd{ width:500px;}
    
    .inner-list li{ width: 274px; height: 274px;transform: scale(0.88);margin-right: 21px;}
    .inner-list:after{ left:155px; transform: scale(0.78);}
    
    .content-3{ height: 930px;}
    .main-content{transform: scale(0.88);margin:10px 0 0 -121px;}
}