@charset "UTF-8";
/*2019-07-10*/
body {
    min-width: 1200px;
    font-size: 14px;
}
/*first*/
.banner-wrap {
    position: relative;
    padding: 40px 60px 0;
    margin-bottom: 97px;
    height: 500px;
    color: #fff;
    background: -webkit-linear-gradient(left, #186af0, #2032e3); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #186af0, #2032e3); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #186af0, #2032e3); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #186af0, #2032e3); /* 标准的语法 */
    overflow: hidden;
}
.banner-wrap a {
    color: #fff;
}
.banner-wrap a + a:before {
    content: '|';
    margin: 0 6px;
    font-size: 16px;
}
.logo-all {
    position: relative;
    width: 120px;
    height: 34px;
}
.logo-all:before {
    content: '';
    position: absolute;
    bottom: -14px;
    width: 174px;
    height: 4px;
    background: url("/img/cooperate/cooperate_p1_dot.png") 0 0 no-repeat;
}
.logo-all img {
    width: 100%;
    height: 100%;
}
.banner-text {
    position: absolute;
    top: 190px;
    left: 13.5%;
    width: 40%;
    line-height: 27px;
}
.banner-text h1 {
    margin-bottom: 34px;
    line-height: 40px;
    font-size: 40px;
    font-weight: 300;
    font-family: Source Han Sans CN;
}
.banner-text:after {
    content: '';
    position: absolute;
    left: 100%;
    top: -132px;
    width: 805px;
    height: 383px;
    background: url("/img/cooperate/cooperate_p1_pic.png") 0 0 no-repeat;
}
.triangle-line {
    position: absolute;
    top: 390px;
    left: 10%;
    width: 54px;
    height: 60px;
    background: url("/img/cooperate/cooperate_p1_triangle_line.png") 0 0 no-repeat;
}
.triangle {
    position: absolute;
    top: 306px;
    left: 26.4%;
    width: 31px;
    height: 32px;
    background: url("/img/cooperate/cooperate_p1_triangle.png") 0 0 no-repeat;
}
.circle {
    position: absolute;
    top: 114px;
    left: 40.4%;
    width: 45px;
    height: 46px;
    background: url("/img/cooperate/cooperate_p1_circle.png") 0 0 no-repeat;
}
.circle-s {
    top: 422px;
    left: 60%;
    transform: scale(0.8) rotate(30deg);
}
/*second*/
.desc-title {
    position: relative;
    margin-bottom: 77px;
    display: inline-block;
    line-height: 27px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
}
.desc-title:before, .desc-title:after {
    content: '';
    position: absolute;
    top: -17px;
    right: 0;
    width: 174px;
    height: 4px;
    background: url("/img/cooperate/cooperate_p2_dot.png") 0 0 no-repeat;
}
.desc-title:after {
    top: auto;
    right: auto;
    left: 0;
    bottom: -17px;
}
.second-pic {
    margin: 0 40px 117px;
    display: -webkit-flex; /* Safari */
    display: flex;
    justify-content: space-between;
}
.second-pic li {
    width: 150px;
    height: 150px;
    line-height: 150px;
    font-size: 60px;
    color: #000;
    background: url("/img/cooperate/cooperate_p2_border.png") 0 0 no-repeat;
}
/*third*/
.third-pic {
    margin-bottom: 117px;
    overflow: hidden;
}
.third-pic li {
    float: left;
    display: -webkit-flex; /* Safari */
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20%;
    height: 436px;
    cursor: pointer;
    transition: background 0.5s linear;
}
.third-pic1 {
    background: url("/img/cooperate/cooperate_p3_pic1.jpg") 0 0 no-repeat;
}
.third-pic1:hover {
    background: url("/img/cooperate/cooperate_p3_pic1_c.jpg") 0 0 no-repeat;
}
.third-pic2 {
    background: url("/img/cooperate/cooperate_p3_pic2.jpg") 0 0 no-repeat;
}
.third-pic2:hover {
    background: url("/img/cooperate/cooperate_p3_pic2_c.jpg") 0 0 no-repeat;
}
.third-pic3:hover {
    background: url("/img/cooperate/cooperate_p3_pic3_c.jpg") 0 0 no-repeat;
}
.third-pic3 {
    background: url("/img/cooperate/cooperate_p3_pic3.jpg") 0 0 no-repeat;
}
.third-pic4 {
    background: url("/img/cooperate/cooperate_p3_pic4.jpg") 0 0 no-repeat;
}
.third-pic4:hover {
    background: url("/img/cooperate/cooperate_p3_pic4_c.jpg") 0 0 no-repeat;
}
.third-pic5 {
    background: url("/img/cooperate/cooperate_p3_pic5.jpg") 0 0 no-repeat;
}
.third-pic5:hover {
    background: url("/img/cooperate/cooperate_p3_pic5_c.jpg") 0 0 no-repeat;
}
.third-pic li span {
    position: relative;
    top: 0;
    display: inline-block;
    width: 196px;
    height: 198px;
    background: url("/img/cooperate/cooperate_p3_icoBg.png") 0 0 no-repeat;
    transition: top .5s linear;
}
.third-pic li:hover span {
    top: -320px;
}
.third-pic span:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -32px 0 0 -32px;
    width: 64px;
    height: 64px;
    background: url("/img/cooperate/cooperate_p3_ico.png") 11px 4px no-repeat;
}
.third-pic2 span:before {
    background-position: -374px 4px;
}
.third-pic3 span:before {
    background-position: -756px 4px;
}
.third-pic4 span:before {
    background-position: -1140px 4px;
}
.third-pic5 span:before {
    background-position: -1526px 4px;
}
/*fourth*/
.fourth-bg {
    position: relative;
    height: 484px;
    background: url("/img/cooperate/cooperate_p4_bg.png") top center no-repeat;
}
.fourth-picbg {
    position: absolute;
    top: 18px;
    left: 50%;
    margin: 0 0 0 -158px;
    width: 316px;
    height: 216px;
    background: url("/img/cooperate/cooperate_p4_picBg.png") 0 0 no-repeat;
}
/*fifth*/
.fifth-box {
    display: -webkit-flex; /* Safari */
    display: flex;
    justify-content: space-between;
    margin-bottom: 76px;
}
.fifth-box > div {
    width: 592px;
    height: 424px;
}
.fifth-box > div img {
    width: 100%;
    height: 100%;
    cursor: pointer;
    -webkit-transition:all 1s ease-out;
    -moz-transition:all 1s ease-out;
    -ms-transition:all 1s ease-out;
    -o-transition:all 1s ease-out;
    transition:all 1s ease-out;
}
.fifth-box > div img:hover {
    transform: scale(1.1,1.1);
}
.box-shadow {
    background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,0.05);
}
.fifth-left {
    display: -webkit-flex; /* Safari */
    display: flex;
    height: 204px;
}
.fifth-left li {
    width: 50%;
    overflow: hidden;
}
.fifth-text-box {
    padding: 70px 16px 0;
}
.fifth-h3 {
    margin-bottom: 16px;
    font-size: 14px;
    color: #000;
}
.big-img-box {
    position: absolute;
    bottom: 0;
    width: 50%;
    height: 204px;
    background: #fff;
    z-index: 2;
}
/*联系方式*/
.contact-coop {
    display: -webkit-flex; /* Safari */
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 0;
    line-height: 24px;
    color: #222;
}
.contact-coop h3 {
    font-size: 16px;
}
.footer-coop {
    padding: 30px 0 25px;
    color: rgba(255,255,255,0.7);
    background: -webkit-linear-gradient(left, #186af0, #2032e3); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #186af0, #2032e3); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #186af0, #2032e3); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #186af0, #2032e3); /* 标准的语法 */
}
.footer-coop .link-tab {
    color: #fff;
    background: rgba(255,255,255,0.2);
}
.footer-coop .link-tab:after {
    border-color: transparent transparent transparent rgba(255,255,255,0.2);
}
.footer-coop a {
    line-height: 32px;
    color: rgba(255,255,255,0.7);
}
.footer-coop a:hover {
    color: #fff;
}
.footer-coop .info-us {
    border-top-color: rgba(255,255,255,0.3);
}
.footer-coop .info-us li + li:before {
    color: rgba(255,255,255,0.7);
}

@media screen and (max-width: 1280px) {
    .banner-text {
        left: auto;
    }
}