.left{float:none;}
.right{float:none;}
/*banner*/
.banner {
    position:relative;
}
.banner>img {
    width:100%;
}
.banner div {
    position:absolute;
    width:40%;
    top:25%;
    left:30%;
    text-align:center;
    color:#fff;
    font-size:3.6rem;
}
.banner div h2 {
    font-size:4.4rem;
    margin-bottom:10px;
    letter-spacing: 2px;
}
.banner div p{
    letter-spacing: 3px;
}
.banner div img {
    margin-top:10%;
}
.banner2 {
    display:none;
}
.banner2 img {
    width:100%;
}
/***********content***************/
.content{
    position: relative;
    /*padding-top:300px;*/
}
.content>.container{
    position:absolute;
    left:50%;
    /*top:-300px;*/
    transform:translate(-50%,0);
}
/*profile*/
.profile {
    padding:60px 50px 50px 50px;
    background:#fff;
}
.profile img {
    width:24%;
}
.profile .first {
    width:48%;
}
.profile img.second {
    margin:0 2%;
}
.profile p {
    font-size:1.8rem;
    color:#202020;
    margin-top:34px;
    text-indent:30px;
    line-height:34px;
    letter-spacing: 1px;
    text-align:justify;
}
.profile>p.second{
    margin-top:10px;
}
/*business*/
.business {
    color:#fff;
    text-align:center;
}
.business .container {
    background:url(../Images/com_business.png) no-repeat center center;
    background-size:cover;
    padding:50px;
}
.business h2 {
    font-size:3.6rem;
    letter-spacing: 3px;
}
.business .row {
    margin-top:5%;
}
.business img {
    width:60%;
}
.business .title {
    margin:20% 0 5% 0;
    font-size:16px;
    letter-spacing: 1px;
}
.business dd {
    font-size:1.4rem;
    line-height:26px;
    letter-spacing: 1px;
}
.business .col-sm-3{
    cursor:pointer;
}

/* business_container_row */
.business_container_row{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 48px;
}
.business_item{
    width: 19%;
}
/* business_container_row */

/*event*/
.event {
    margin-top:50px;
    text-align: center;
}
.event .hidden-xs{
    width:88%;
}
.event img {
    width:100%;
}
/*合作伙伴*/
.partner {
    background:#f4f6f9;
    background-size:cover;
    text-align:center;
    padding:50px 0 130px 0;
    margin-top:0;
}
.partner h2{
    font-size:3.6rem;
    color:#000013;
    margin-bottom:60px;
}
#partner .col-sm-3{
    padding:0;
    position:relative;
}
#partner .col-sm-3>span {
    display:block;
    width:100%;
    height:183px;
    background:#fff url(../Images/index_partner1.png) no-repeat center center;
    background-size:cover;
    border-right:1px solid #E5E5E5;
    box-sizing: border-box;
}
#partner .col-sm-3:nth-child(5)>span,#partner .col-sm-3:nth-child(6)>span,#partner .col-sm-3:nth-child(7)>span,#partner .col-sm-3:nth-child(8)>span{
    border-top:1px solid #E5E5E5;
}
#partner .col-sm-3:nth-child(4)>span,#partner .col-sm-3:nth-child(8)>span{
    border-right:none;
}
.partner .partner_info {
    position:absolute;
    width:100%;
    height:100%;
    background:#245A92;
    left:0;
    bottom:0;
    z-index:10;
    display:none;
}
.partner .partner_info p{
    font-size: 1.6rem;
    color:#D1E7FE;
    margin-bottom:5px;
}
.partner .partner_info>p{
    width:100%;
    text-align: center;
    overflow-x: hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding:0 10px;
    position: absolute;
    bottom:14px;
    margin-bottom:0;
}
.partner .partner_info p>a{
    font-size: 1.6rem;
    color:#D1E7FE;
    cursor: pointer;
    display:inline-block;
    padding-right:20px;
}
.partner .partner_info p>a img{
    display: inline-block;
    margin: 0 0 2px 7px;
    width:10px;
}
.partner .partner_info .EWM{
    width:100%;
    height:100%;
    padding-top:14px;
}
.partner_info .EWM div {
    display:inline-block;
    width:34%;
    margin:0 6%;
    text-align:center;
}
.partner_info .EWM div>span{
    display:inline-block;
    width:100%;
    height:97px;
    background-size:cover;
}

.carousel-indicators {
    bottom:-50px;
}
.carousel-indicators li {
    background:#A8A7A7;
    margin:0 3px;
}
.carousel-indicators li.active {
    width:23px;
    height:10px;
    background:#1E80E8;
    margin:0 3px;
}
.partner_xs {
    display:none;
}
/*footer*/
.footer {
    margin-top:0;
}

.business .business1_text{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    max-height: 104px;
    text-align: left;
}

@media screen and (min-width:1449px) and (max-width:1920px) {
    .business .container {
        width: 1270px;
    }
}
@media (min-width: 1300px) {
    .business .container {
        width: 1270px;
        transform: scale(0.9) !important;
    }
}
@media screen and (min-width:992px) and (max-width:1449px) {
    .banner div{
        font-size: 3rem;
        top:28%;
    }
    .banner div h2{
        font-size: 3.6rem;
    }
    .banner div img{
        margin-top:6%;
    }
    /*profile*/
    .profile{
        padding: 40px 30px 30px 30px;
    }
    /*business*/
    .business .container{
        padding:30px;
        /* width: 1270px; */
        /* transform: scale(0.9); */
    }
    .business h2{
        font-size: 3rem;
    }
    .business .row{
        margin-top:3%;
    }
    .business .title{
        margin: 16% 0 5% 0;
        font-size: 1.6rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    /*partner*/
    .partner{
        padding: 45px 0 120px 0;
    }
    .partner h2{
        font-size: 3rem;
        margin-bottom:45px;
    }
    .partner .partner_info p{
        font-size: 1.4rem;
        bottom:5px;
        margin-bottom:4px;
    }
    .partner .partner_info p a{
        font-size: 1.4rem;
    }
    #partner .col-sm-3>span{
        height:153px;
    }
    .partner_info .EWM div{
        width:38%;
        margin:0 5%;
    }
    .partner .partner_info .EWM{
        padding-top:5px;
    }
    .partner .partner_info .EWM div>span{
        height:92px;
    }
}

@media screen and (min-width:768px) and (max-width:991px){
    /*banner*/
    .banner div{
        font-size: 2.8rem;
        top:30%;
    }
    .banner div h2{
        font-size: 3rem;
    }
    .banner div img{
        width:2.6rem;
        margin-top:6%;
    }
    /*profile*/
    .profile{
        padding: 30px 20px 20px 20px;
    }
    .profile p{
        font-size: 1.6rem;
        line-height: 26px;
        margin-top:20px;
    }
    .business .business_item {
        width: 49%;
        margin-top: 20px;
    }
    .business .business_item img{
        width: 40%;
    }
    /*business*/
    .business .container{
        padding:40px 10px;
    }
    .business h2{
        font-size: 2.8rem;
    }
    .business dd:last-child{
        font-size: 1.4rem;
        line-height: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        max-height: 96px;
    }
    .business .title{
        margin:7% 0 3% 0;
        font-size: 1.6rem;
        overflow: hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
    }
    /*event*/
    .event{
        margin-top:30px;
    }
    /*partner*/
    .partner{
        padding:30px 0 100px 0;
    }
    .partner h2{
        font-size: 2.8rem;
        margin-bottom:20px;
    }
    .partner_info .EWM div{
        width:40%;
    }
    .partner_info .EWM div:first-child{
        margin:0 2% 0 3%;
    }
    .partner_info .EWM div:last-child{
        margin:0 3% 0 2%;
    }
    .partner .partner_info p{
        font-size: 1.2rem;
        margin-bottom:3px;
    }
    .partner .partner_info>p{
        padding:0 3px;
        bottom:2px;
    }
    .partner .partner_info p a{
        font-size: 1.2rem;
    }
    #partner .col-sm-3>span{
        height:116px;
    }
    .partner .partner_info .EWM{
        padding-top:3px;
    }
    .partner .partner_info .EWM div>span{
        height:72px;
    }
}

@media screen and (max-width:767px) {
    body{
        padding-top:0;
    }
    #nav {
        position:static;
        background:#fff;
    }
    .navbar-brand {
        width:109px;
        height:100%;
        background:url(../Images/logo.png) no-repeat center center;
        background-size:109px 37.8px;
        padding:0;
    }
    .navbar-default .navbar-nav>li>a:hover{
        color:#fff;
    }
    /*banner*/
    .banner {
        display:none;
    }
    .banner2 {
        display:block;
    }
    /*********content***********/
    .content>.container{
        width:100%;
    }
    /*profile*/
    .profile {
        padding:20px;
    }
    .profile p {
        margin-top:20px;
        font-size:1.4rem;
        line-height:26px;
    }
    /*business*/
    .business .container {
        padding:30px 0;
    }
    .business h2 {
        font-size:2rem;
        letter-spacing: 1px;
    }
    .business .row {
        margin:0;
    }
    .business .business_item {
        width: 48%;
        margin-top: 20px;
    }
    .business .row>dl {
        margin-top:30px;
    }
    .business img {
        width:30%;
    }
    .business .title {
        margin:6% 0 2% 0;
        font-size:1.6rem;
        color:#fff;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .business dd:last-child{
        color:#BFBFBF;
        overflow:hidden;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
        line-height: 22px;
        max-height: 44px;
    }
    /*event*/
    .event {
        margin-top:24px;
    }
    .event .container {
        padding:0;
    }
    .event h2{
        font-size: 2rem;
        color: #000;
        letter-spacing: 1px;
    }
    .event .container img {
        width:100%;
    }

    /*partner*/
    .partner{
        display: none;
    }
    .partner_xs{
        display: block;
        text-align: center;
        background:#f4f6f9;
        background-size:cover;
        padding-bottom:30px;
    }
    .partner_xs .container{
        padding:0;
    }
    .partner_xs .container>img{
        width:30%;
        margin-top:20px;
    }
    .partner_xs h2{
        font-size:2rem;
        color:#000;
        margin:25px 0 14px 0;
        font-weight:500;
        letter-spacing: 1px;
    }
    .carousel-inner{
        width:80%;
        margin:0 10%;
    }
    .partner_xs .col-xs-6{
        width:46%;
        margin:1% 2%;
        padding:0;
    }
    .partner_xs .col-xs-6 span{
        display:inline-block;
        width:100%;
    }
    #partner_xs a{
        position: absolute;
        top:45%;
    }
    #partner_xs a.left{
        left:15px;
    }
    #partner_xs a.right{
        right:15px;
    }
    .carousel-indicators{
        bottom:-27px;
    }
    .carousel-indicators li.active{
        background:#1861AE;
    }
    .partner_info{
        position: fixed;
        width:100%;
        height:100%;
        z-index: 20;
        top:0;
        left:0;
        background:rgba(0,0,0,.6);
        display:none;
    }
    .partner_info>div{
        width:70%;
        position: absolute;
        top:25%;
        left:15%;
        text-align: center;
        background: #fff;
        z-index: 2;
        border-radius:5px;
    }
    .partner_info div p.title{
        font-size: 1.7rem;
        color:#333;
        padding:10px 5px 10px 6px;
        margin:5px 0 0;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        border-radius:5px 5px 0 0;
        border-top:1px solid #DBDBDB;
    }
    .partner_info div p.title a{
        color:#333;
    }
    .partner_info div p.title a img{
        display: inline-block;
        margin: 0 0 3px 7px;
        width:9px;
    }
    .partner_info .EWM{
        display:none;
        padding-top:15px;
    }
    .partner_info div .EWM span{
        display:inline-block;
        width:160px;
        height:160px;
    }
    .partner_info .EWM.active{
        display:block;
        margin-bottom:5px;
    }
    .partner_info div p{
        font-size: 1.5rem;
        color:#4C4C4C;
        margin:0 0 8px;
    }
    .partner_info div img.close{
        position: absolute;
        right:-1rem;
        top:-1rem;
        width:3rem;
        opacity: 1;
    }
    .partner_info ul{
        /*display:inline-block;*/
        display:none;
    }
    .partner_info ul li{
        width:10px;
        height:10px;
        background:#C6D1DD;
        border-radius: 50%;
        float:left;
    }
    .partner_info ul li.active{
        width:25px;
        height:10px;
        background:#1861AE;
        border-radius: 5px;
    }
    .partner_info ul li:last-child{
        margin-left:5px;
    }

    .footer_phone {
        margin-top:0;
    }
}


.banner div .window-next {
    position: relative;
    margin-top: 50px;
    text-align: center;
    padding-bottom: 22px;
    color: rgba(255, 255, 255, .8);
    font-size: 12px;
    font-family: 'AddFont';
    -webkit-animation: gogogo 3s infinite ease-in-out;
    -moz-animation: gogogo 3s infinite ease-in-out;
}
@-webkit-keyframes gogogo {
    0%{
        margin-top: 50px;
        opacity: 1;
    }
    50%{
        margin-top: 70px;
        opacity: 0.7;
    }
    70%{
        margin-top: 100px;
        opacity: 0;
    }
    100%{
        margin-top: 150px;
        opacity: 0;
    }
}
.window-next:before {
    position: absolute;
    content: '';
    bottom: 0;
    right: 50%;
    width: 40px;
    height: 1px;
    background: rgba(255,255,255,.4);
    transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    -webkit-transform-origin: right bottom;
    transform: rotate(+30deg);
    -moz-transform: rotate(+30deg);
    -ms-transform: rotate(+30deg);
    -o-transform: rotate(+30deg);
    -webkit-transform: rotate(+30deg);
    transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    -webkit-transition: .2s;
}
.window-next:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    width: 40px;
    height: 1px;
    background: rgba(255,255,255,.4);
    transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    -webkit-transition: .2s;
}
.banner div .window-next:hover:before,.banner div .window-next:hover:after{
    background:#FFC012;
    height: 2px;
}

.cooperative{
    width: 100%;
    height: calc(450px + 198px);
    background: url('../Images/cooperative_bg.png') no-repeat;
    background-size: 100% 450px;
    margin-top: 20px;
}
.cooperative_container_pic{
    width: 420px;
    height: 480px;
}
.cooperative_container{
    margin: 0 auto;
    padding-top: 88px;
    width: 1170px;
    display: flex;
}
.cooperative_container_right{
    margin-left: 30px;
    padding-top: 6px;
}
.container_right_header{
    display: flex;
    align-items: center;
}
.container_right_header_line{
    width: 4px;
    height: 25px;
    background: #1861AE;
}
.container_right_header_title{
    width: 110px;
    height: 35px;
    font-family: MicrosoftYaHei;
    font-size: 2.6rem;
    color: #2C2C2C;
    line-height: 35px;
    letter-spacing: 1px;
    text-align: left;
    font-style: normal;
    margin-left: 10px;
}
.container_right_tips{
    width: 133px;
    height: 24px;
    font-family: MicrosoftYaHei;
    font-size: 1.8rem;
    color: #4B4B4B;
    line-height: 24px;
    letter-spacing: 1px;
    text-align: left;
    font-style: normal;
    margin-top: 30px;
}
.container_right_tips_two{
    margin-top: 15px;
    display: flex;
}
.tips_two_label{
    width: 95px;
    height: 24px;
    font-family: MicrosoftYaHei;
    font-size: 1.8rem;
    color: #4B4B4B;
    line-height: 24px;
    letter-spacing: 1px;
    text-align: left;
    font-style: normal;
}
.tips_two_cotent{
    width: 645px;
    /* height: 48px; */
    font-family: MicrosoftYaHei;
    font-size: 1.8rem;
    color: #4B4B4B;
    line-height: 24px;
    letter-spacing: 1px;
    text-align: left;
    font-style: normal;
}

@media screen and (min-width:1225px) and (max-width:1440px) {
    .cooperative{
        transform: scale(0.9);
    }
    .container_right_header_title{
        font-size: 2.4rem;
    }
    .container_right_tips{
        font-size: 1.6rem;
    }
    .tips_two_label{
        font-size: 1.6rem;
    }
    .tips_two_cotent{
        width: 545px;
        font-size: 1.6rem;
    }
}
@media screen and (min-width:720px) and (max-width:1224px) {
    .cooperative_container{
        width: 100vw;
    }
    /* .cooperative{
        transform: scale(0.8);
        height: 550px;
    } */
    .cooperative{
        height: auto;
        width: 100%;
        padding-bottom: 100px;
        margin-bottom: 100px;
        overflow: hidden;
    }
    .cooperative_container_pic{
        display: none;
    }
    .cooperative_container{
        flex-direction: column;
        padding-top: 40px;
        margin: 0 auto !important;
        width: 700px;
    }
    .tips_two_label{
        width: 140px;
    }
    .tips_two_cotent{
        width: 745px;
        font-size: 1.6rem;
    }
    .container_right_header_title{
        font-size: 2.4rem;
        width: 140px;
    }
    .container_right_tips{
        font-size: 1.6rem;
        width: 160px;
    }
    .tips_two_label{
        font-size: 1.6rem;
    }
}

@media screen and (max-width:720px) {
    .cooperative_container{
        width: 100vw;
    }
    .cooperative{
        height: auto;
        width: 100%;
        padding-bottom: 100px;
        margin-bottom: 100px;
        overflow: hidden;
    }
    .cooperative_container_pic{
        display: none;
    }
    .cooperative_container{
        flex-direction: column;
        padding-top: 40px;
        margin: 0 auto !important;
        /* width: 700px; */
    }
    .tips_two_label{
        width: 140px;
    }
    .tips_two_cotent{
        width: calc(100vw  - 210px);
        font-size: 1.5rem;
    }
    .container_right_header_title{
        font-size: 2.2rem;
        width: 140px;
    }
    .container_right_tips{
        font-size: 1.6rem;
        width: 160px;
    }
    .tips_two_label{
        font-size: 1.5rem;
    }
}

@media screen and (max-width:767px) {}