@charset "utf-8";

* {
    margin: 0;
    padding: 0
}

* :focus {
    outline: 0
}

ul,
li,
ol {
    list-style: none
}

a {
    color: #09f;
    text-decoration: none
}

i,
em {
    font-style: normal
}

a,
button,
input,
select,
img,
label,
li,
div {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    outline: medium none
}

html,
body,
select,
input,
textarea {
    font-family: "Microsoft YaHei", "Arial", "黑体", "宋体", sans-serif
}

html,
body {
    position: relative
}

input,
button,
select,
textarea {
    outline: none;
    border: 0
}

::-webkit-input-placeholder {
    color: #c2c2c2;
    vertical-align: middle;
    line-height: normal
}

::-moz-placeholder {
    color: #c2c2c2;
    vertical-align: middle;
    line-height: normal
}

:-ms-input-placeholder {
    color: #c2c2c2;
    vertical-align: middle;
    line-height: normal
}

.clearfix {
    display: block;
    zoom: 1
}

.clearfix:after {
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
    visibility: hidden
}

.hide {
    display: none
}

.show {
    display: block
}

.m-img {
    width: 100%;
    display: block
}

.dil {
    display: inline-block
}

.tc {
    text-align: center
}

.btn {
    height: 1.38rem;
    background: #09f;
    font-size: .52rem;
    color: #fff;
    border-radius: .66rem;
    cursor: pointer;
    -webkit-box-shadow: 0 6px 10px rgba(0, 153, 255, 0.34);
    box-shadow: 0 6px 10px rgba(0, 153, 255, 0.34)
}

body {
    min-width: 1400px;
    max-width: 1920px;
    margin: 0 auto
}

.header-container {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    width: 100%;
    height: 99px;
    border-bottom: 1px solid rgba(124, 124, 124, 0.18);
    background: #fff
}

.header-container .header {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    overflow: hidden
}

.header-container .header .logo {
    display: block;
    float: left;
    width: 100px;
    margin-top: 12px;
}

.header-container .header .header-right {
    float: right;
    position: relative
}

.header-container .header .header-right .nav {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden
}

.header-container .header .header-right .nav li {
    float: left;
    width: 150px
}

.header-container .header .header-right .nav li a {
    height: 100px;
    line-height: 100px;
    display: block;
    text-align: center;
    font-size: 22px;
    color: #343434;
    transition: all .2s linear 0s;
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s
}

.header-container .header .header-right .nav li:hover a,
.header-container .header .header-right .nav li.current a {
    font-weight: bold
}

.header-container .header .header-right .nav.white li a {
    color: #fff
}

.header-container .header .header-right .border {
    position: absolute;
    width: 60px;
    height: 4px;
    margin: 0;
    background: #09f;
    left: 45px;
    bottom: 0
}

.header-container .header .header-right .search {
    display: inline-block;
    vertical-align: middle;
    width: 96px;
    height: 31px;
    line-height: 31px;
    background: #e4e4e4;
    border-radius: 16px
}

.header-container .header .header-right .search input {
    width: 100%;
    border-radius: 16px;
    font-size: 16px;
    color: #999;
    text-indent: 46px;
    background: #e4e4e4 url("../images/icon_search.png") no-repeat 15px center
}

.banner-container {
    padding-bottom: 75px
}

.banner-container .swiper-container .swiper-slide {
    width: 100%;
    text-align: center;
}
.banner-container .swiper-container .swiper-slide img{
    width: 1200px;
}
/* .banner-container .swiper-container .swiper-slide1 {
    background: url("../images/banner_img1.png") no-repeat center top;
    background-size: cover
}

.banner-container .swiper-container .swiper-slide2 {
    background: url("../images/banner_img2.png") no-repeat center top;
    background-size: cover
} */

.banner-container .swiper-operation {
    width: 1200px;
    margin: 0 auto;
    position: relative
}

.banner-container .swiper-operation .swiper-right {
    position: absolute;
    right: 0;
    bottom: -25px;
    z-index: 1;
    width: 160px;
    height: 50px;
    background: #09f
}

.banner-container .swiper-operation .swiper-button-next {
    background: url("../images/icon_next.png") no-repeat center
}

.banner-container .swiper-operation .swiper-button-prev {
    background: url("../images/icon_prev.png") no-repeat center
}

.banner-container .swiper-operation .swiper-pagination {
    top: 0;
    line-height: 50px;
    font-size: 19px;
    color: #fff
}

.banner-container .swiper-operation .swiper-pagination .swiper-pagination-current {
    font-size: 35px
}

.banner-container .slide-content {
    width: 1200px;
    margin: 0 auto;
    height: 100%;
    position: relative
}

.banner-container .slide-content .more {
    position: absolute;
    left: 0;
    bottom: 50px;
    z-index: 1;
    font-size: 22px;
    color: #ff0084;
    width: 240px;
    border-bottom: 1px solid #ff0084;
    height: 50px;
    line-height: 50px;
    transition: all .2s linear 0s;
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    background: url("../images/icon_arrow_right.png") no-repeat 76px center
}

.banner-container .slide-content .more:hover {
    text-indent: 4px;
    background: url("../images/icon_arrow_right.png") no-repeat 80px center
}

.about-container {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    padding: 0 0 55px;
    overflow: hidden
}

.about-container .about-img {
    display: block;
    float: left
}

.about-container .about-info {
    float: right;
    width: 564px
}

.about-container .about-info p {
    padding-top: 25px;
    font-size: 18px;
    color: #5d5d5d;
    line-height: 32px
}

.title {
    font-size: 32px;
    color: #5d5d5d;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 18px
}

.title em {
    display: inline-block;
    padding-right: 10px;
    background: url("../images/about_bg.jpg") repeat-x left 29px
}

.title span {
    font-size: 14px;
    margin-left: 18px;
    font-weight: normal;
    display: inline-block;
    vertical-align: bottom
}

.about-item {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding: 40px 0;
    margin-bottom: 36px;
    background: #f8f8f8
}

.about-item li {
    width: 316px;
    float: left;
    padding: 0 40px
}

.about-item li.border {
    border-right: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea
}

.about-item li h3 {
    font-size: 26px;
    color: #5d5d5d;
    padding-left: 40px;
    font-weight: bold
}

.about-item li h3 span {
    font-size: 14px;
    color: #999;
    font-weight: normal;
    margin-left: 8px
}

.about-item li h3.item1 {
    background: url("../images/item_img1.png") no-repeat left center
}

.about-item li h3.item2 {
    background: url("../images/item_img2.png") no-repeat left center
}

.about-item li h3.item3 {
    background: url("../images/item_img3.png") no-repeat left center
}

.about-item li p {
    padding-top: 10px;
    font-size: 18px;
    color: #5d5d5d;
    line-height: 28px
}

.img-list {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 104px
}

.img-list ul {
    font-size: 0;
    margin-right: -10px
}

.img-list li {
    float: left;
    margin-right: 10px
}

.img-list li img {
    width: 292px;
    transition: all 1s linear 0s;
    -webkit-transition: all 1s linear 0s;
    -moz-transition: all 1s linear 0s;
    -o-transition: all 1s linear 0s
}

.img-list li img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.invite-container {
    position: relative;
    width: 1200px;
    margin: 0 auto
}

.invite-container .title {
    border-bottom: 0
}

.invite-container .tab-hd {
    overflow: hidden;
    padding: 20px 0;
    border-bottom: 1px solid #e1e1e1
}

.invite-container .tab-hd li {
    float: left;
    width: 240px;
    height: 50px;
    text-align: center;
    font-size: 24px;
    color: #5d5d5d;
    padding-top: 110px;
    cursor: pointer;
    transition: all .2s linear 0s;
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    background-image: url("../images/sprit_invite.png");
    background-repeat: no-repeat
}

.invite-container .tab-hd li.post1 {
    background-position: 84px -217px
}

.invite-container .tab-hd li.post1.current {
    background-position: 84px 20px;
    background-color: #09f;
    color: #fff
}

.invite-container .tab-hd li.post2 {
    background-position: -266px -217px
}

.invite-container .tab-hd li.post2.current {
    background-position: -266px 20px;
    background-color: #09f;
    color: #fff
}

.invite-container .tab-hd li.post3 {
    background-position: -630px -217px
}

.invite-container .tab-hd li.post3.current {
    background-position: -630px 20px;
    background-color: #09f;
    color: #fff
}

.invite-container .tab-hd li.post4 {
    background-position: -990px -217px
}

.invite-container .tab-hd li.post4.current {
    background-position: -990px 20px;
    background-color: #09f;
    color: #fff
}

.invite-container .tab-hd li.post5 {
    background-position: -1343px -217px
}

.invite-container .tab-hd li.post5.current {
    background-position: -1343px 20px;
    background-color: #09f;
    color: #fff
}

.invite-container .tab-hd li.post6 {
    background-position: -1716px -217px
}

.invite-container .tab-hd li.post6.current {
    background-position: -1716px 20px;
    background-color: #09f;
    color: #fff
}

.invite-container .tab-hd li.post7 {
    background-position: -2072px -217px
}

.invite-container .tab-hd li.post7.current {
    background-position: -2072px 20px;
    background-color: #09f;
    color: #fff
}

.invite-container .tab-hd li.post8 {
    background-position: -2430px -217px
}

.invite-container .tab-hd li.post8.current {
    background-position: -2430px 20px;
    background-color: #09f;
    color: #fff
}

.invite-container .tab-hd li.post9 {
    background-position: -2790px -217px
}

.invite-container .tab-hd li.post9.current {
    background-position: -2790px 20px;
    background-color: #09f;
    color: #fff
}

.invite-container .tab-hd li.post10 {
    background-position: -3152px -217px
}

.invite-container .tab-hd li.post10.current {
    background-position: -3152px 20px;
    background-color: #09f;
    color: #fff
}

.invite-container .invite-num {
    position: absolute;
    right: 0;
    top: 40px;
    padding: 10px 60px;
    font-size: 18px;
    color: #5d5d5d;
    background: #f1f1f1
}

.invite-container .invite-num span {
    font-size: 100px
}

.invite-container .invite-num em {
    font-size: 35px
}

.invite-container h4 {
    font-weight: bold;
    padding-top: 20px;
    font-size: 22px;
    color: #5d5d5d
}

.invite-container .tab-bd {
    position: relative
}

.invite-container .tab-bd h3 {
    padding-top: 40px;
    font-size: 26px;
    color: #5d5d5d
}

.invite-container .tab-bd h3 span {
    font-weight: normal
}

.invite-container .tab-bd p {
    font-size: 18px;
    color: #5d5d5d;
    line-height: 32px
}

.invite-container .welfare {
    overflow: hidden;
    padding: 15px 0 100px
}

.invite-container .welfare li {
    float: left;
    font-size: 16px;
    color: #5d5d5d;
    width: 160px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #888;
    border-radius: 10px;
    text-align: center;
    text-indent: 44px;
    margin: 0 8px 8px 0
}

.invite-container .welfare li.welfare1 {
    background: url("../images/icon_welfare1.png") no-repeat 15px center
}

.invite-container .welfare li.welfare2 {
    background: url("../images/icon_welfare2.png") no-repeat 15px center
}

.invite-container .welfare li.welfare3 {
    background: url("../images/icon_welfare3.png") no-repeat 15px center
}

.invite-container .welfare li.welfare4 {
    background: url("../images/icon_welfare4.png") no-repeat 15px center
}

.invite-container .welfare li.welfare5 {
    background: url("../images/icon_welfare5.png") no-repeat 15px center
}

.invite-container .welfare li.welfare6 {
    background: url("../images/icon_welfare6.png") no-repeat 15px center
}

.invite-container .welfare li.welfare7 {
    background: url("../images/icon_welfare7.png") no-repeat 15px center
}

.invite-container .welfare li.welfare8 {
    background: url("../images/icon_welfare8.png") no-repeat 15px center
}

.invite-container .welfare li.welfare9 {
    background: url("../images/icon_welfare9.png") no-repeat 15px center
}

.invite-container .welfare li.welfare10 {
    background: url("../images/icon_welfare10.png") no-repeat 15px center
}

.invite-container .welfare li.welfare11 {
    background: url("../images/icon_welfare11.png") no-repeat 15px center
}

.footer {
    background: #272727;
    overflow: hidden
}

.footer .content {
    position: relative;
    width: 1200px;
    margin: 0 auto
}

.footer .left {
    padding: 40px 0;
    float: left;
    position: relative;
    z-index: 2
}

.footer .left h2 {
    font-size: 22px;
    color: #fefefe;
    font-weight: normal
}

.footer .left h2 span {
    font-size: 14px;
    color: #999;
    margin-left: 14px;
    display: inline-block;
    vertical-align: bottom
}

.footer .left .border {
    display: block;
    width: 60px;
    height: 2px;
    background: #999;
    margin: 30px 0
}

.footer .left p {
    font-size: 18px;
    color: #999;
    padding-bottom: 18px
}

.footer .left p span {
    color: #fff
}

.footer .left p a {
    color: #999
}

.footer .left .leave-msg {
    padding-top: 14px
}

.footer .left .leave-msg span {
    display: block;
    font-size: 18px;
    color: #999;
    padding-bottom: 14px
}

.footer .left .leave-msg textarea {
    width: 386px;
    height: 130px;
    background: #ececec;
    resize: none
}

.footer .right {
    position: absolute;
    left: 450px;
    top: 0;
    height: 531px;
    width: 1108px;
    z-index: 1;
    background: #fff
}

.footer .right img {
    width: 100%;
    height: 531px
}