﻿@charset "utf-8";
#head{ height: 90px; background: no-repeat; border-bottom: none; position: absolute; z-index: 2;}
.header-bg{ width: 100%; height: 100%; min-width: 1200px; background-color: #FFF; filter: alpha(opacity=80); opacity: 0.8; position: absolute; top: 0; left: 0;}
#head .head-con{ position: absolute; top: 0; left: 50%; margin-left: -600px;}

.swiper-container{ width: 100%; height: 100%; position: fixed;}
.swiper-slide{ min-width: 1200px; overflow: hidden;}
.swiper-slide  .swiper-bg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; transform: scale(1.05);}
.swiper-slide1 .swiper-bg{ background: url("../images/slider1.jpg") no-repeat center; background-size: cover;}
.swiper-slide2 .swiper-bg{ background: url("../images/slider2.jpg") no-repeat center; background-size: cover;}
.swiper-slide3 .swiper-bg{ background: url("../images/slider3.jpg") no-repeat center; background-size: cover;}
.swiper-slide4 .swiper-bg{ background: url("../images/slider4.jpg") no-repeat center; background-size: cover;}
.swiper-slide5 .swiper-bg{ background: url("../images/slider5.jpg") no-repeat center; background-size: cover;}
.swiper-slide6{ height: auto !important;}

@keyframes mymove{
    100%{ transform: scale(1);}
}
@-webkit-keyframes move{
    100%{ transform: scale(1);}
}
@-moz-keyframes move{
    100%{ transform: scale(1);}
}

/*.service-bg{ width: 100%; height: 25.5%; text-align: center; border: 1px solid #e1e1e1; position: absolute; left: 0; bottom: 0;}
.service-bg a{ width: 10%; height: 9%; position: absolute; top: 64%; left: 26%;}
.service-bg img{ width: auto; height: 100%; display: inline-block;}
.business-bg{ width: 100%; height: 28%; text-align: center; position: absolute; left: 0; bottom: 26%;}
.business-bg img{ width: auto; height: 100%; display: inline-block;}*/

.borrow{ width: 1100px; height: 236px; padding-left: 660px; position: absolute; top: 50%; left: 50%; margin: -150px 0 0 -550px;}
.borrow p{ line-height: 52px; font-size: 42px; color: #FFF;}
.borrow span{ line-height: 54px; font-size: 20px; color: #dbd6d4;}
.borrow a{ width: 222px; height: 40px; line-height: 36px; text-align: center; font-size: 16px; color: #FFF; border: 1px solid #e1e0e1; border-radius: 4px; display: block; margin: 27px 0 0 4px;}
.shop{ width: 1100px; height: 236px; padding-left: 36px; position: absolute; top: 50%; left: 50%; margin: -118px 0 0 -550px;}
.shop p{ line-height: 56px; font-size: 42px; color: #5c5e5d;}
.shop span{ line-height: 50px; font-size: 20px; color: #5d5d5d;}
.shop a{ width: 222px; height: 40px; line-height: 36px; text-align: center; font-size: 16px; color: #5d5d5d; border: 1px solid #5d5d5d; border-radius: 4px; display: block; margin-top: 20px;}
.expe{ width: 1100px; height: 194px; padding-left: 742px; position: absolute; left: 50%; top: 50%; margin: -150px 0 0 -550px;}
.expe p{ line-height: 60px; font-size: 42px; color: #FFF;}
.expe span{ line-height: 50px; font-size: 20px; color: #FFF;}
.expe a{ width: 222px; height: 40px; line-height: 36px; text-align: center; font-size: 16px; color: #FFF; border: 1px solid #c8c7c5; border-radius: 4px; display: block; margin-top: 25px;}

.business{ width: 100%; height: 256px; border-bottom: 1px solid #e2e2e2;}
.business1{ border-bottom: none; margin-top: 30px;}
.busi-con{ text-align: center;}
.busi-icon{ width: 189px; text-align: center; display: inline-block;}
.busi-con .busi-icon:nth-child(2){ margin: 0 12%;}
.busi-icon i{ width: 113px; height: 113px; margin: 40px auto 13px auto; display: inline-block;}
.busi-icon1 i{ background: url("../images/busi-icon1.png") no-repeat;}
.busi-icon1:hover i{ background: url("../images/busi-icon11.png") no-repeat;}
.busi-icon2 i{ background: url("../images/busi-icon2.png") no-repeat;}
.busi-icon2:hover i{ background: url("../images/busi-icon21.png") no-repeat;}
.busi-icon3 i{ background: url("../images/busi-icon3.png") no-repeat;}
.busi-icon3:hover i{ background: url("../images/busi-icon31.png") no-repeat;}
/*.busi-icon img{ width: 113px; height: 113px; margin: 40px auto 13px auto;}*/
.busi-icon p{ line-height: 30px; font-size: 22px; color: #4e4e4e;}
.busi-icon span{ line-height: 32px; font-size: 18px; color: #999;}

.about-top{ height: 260px; background: url("../images/about.jpg") no-repeat center;}
.about-bot{ margin-top: 44px; border-bottom: 1px solid #ececec;}
.about-con{ width: 1100px; margin: 0 auto;}
.about-what{ text-align: center;}
.about-what h3{ line-height: 82px; font-size: 34px; font-weight: normal; color: #4f4f4f; background: url("../images/title-bg.jpg") no-repeat center bottom;}
.about-what p{ height: 112px; line-height: 28px; font-size: 14px; color: #666; margin-top: 19px; overflow: hidden;}
.about-what a{ width: 165px; height: 39px; line-height: 39px; font-size: 15px; color: #636363; border: 1px solid #c7c7c7; display: block; margin: 27px auto 107px auto;}

.join-top{ height: 268px; background: url("../images/join.jpg") no-repeat center;}
.join-bot{ padding-bottom: 160px; border-bottom: 1px solid #ececec;}
.join-con{ width: 1100px; margin: 66px auto 0 auto; overflow: auto;}
.join-fl{ width: 460px; float: left; margin-left: 32px; color: #717171;}
.join-fl h3{ line-height: 18px; font-size: 16px; font-weight: normal;}
.join-fl p{ line-height: 30px; font-size: 14px; margin-top: 22px;}
.join-fr{ width: 518px; height: 332px; float: left;}

.serv-top{ height: 266px; background: url("../images/service.jpg") no-repeat center;}
.serv-bot{ padding-bottom: 136px; border-bottom: 1px solid #ececec;}
.serv-con{ width: 1100px; margin: 0 auto;}
.serv-title{ line-height: 82px; text-align: center; font-size: 30px; font-weight: normal; color: #676767; background: url("../images/title-bg.jpg") no-repeat center bottom; margin-top: 28px;}
.serv-tab{ height: 332px; margin-top: 58px;}
.serv-tab a{ width: 190px; height: 260px; padding-top: 85px; line-height: 44px; text-align: center; font-size: 38px; font-weight: bold; color: #FFF; float: left; margin-right: 37px;}
.serv-tab a:nth-child(1){ background: url("../images/serv-bg1.jpg"); background-size: cover;}
.serv-tab a:nth-child(2){ background: url("../images/serv-bg2.jpg"); background-size: cover;}
.serv-tab a:nth-child(3){ background: url("../images/serv-bg3.jpg"); background-size: cover;}
.serv-tab a:nth-child(4){ background: url("../images/serv-bg4.jpg"); background-size: cover;}
.serv-tab a:nth-last-child(1){ background: url("../images/serv-bg5.jpg"); background-size: cover; margin-right: 0;}
.serv-tab span{ width: 25px; height: 13px; background: url("../images/serv-down.png"); display: block; margin: 102px auto 0 auto; display: none;}
.serv-answ{ border-top: 1px solid #d3d3d3;}
.serv-type h3{ line-height: 68px; font-size: 20px; font-weight: normal; color: #1b1b1b; border-bottom: 1px dashed #e8e8e8;}
.serv-opt{ padding: 11px 0; border-bottom: 1px dashed #e8e8e8;}
.serv-opt p{ line-height: 36px; font-size: 16px; color: #1b1b1b; background: url("../images/down.png") no-repeat 1065px center; cursor: pointer;}
.serv-opt .serv-p{ background: url("../images/up.png") no-repeat 1065px center;}
.serv-opt span{ width: 800px; line-height: 24px; font-size: 14px; color: #666; display: none; margin: 0 0 15px 14px;}

.quali-top{ height: 260px; background: url("../images/qualifi.jpg") no-repeat center;}
.quali-con{ width: 1200px; height: 701px; background: url("../images/quali_con.jpg") no-repeat center; margin: 0 auto;}

.pop{ display: none;}
.pop-bg{ width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=50); opacity: 0.5; position: fixed; top: 0; left: 0; z-index: 10;}
.code{ width: 332px; height: 384px; background: url("../images/popCode.jpg"); position: fixed; top: 50%; left: 50%; margin: -192px 0 0 -166px; z-index: 11;}



