﻿.ResponBanner { width: 100%; height: 400px; background: url(../Images/zerenbanner.jpg) no-repeat center; margin-top: 80px; position: relative; display: table; text-align: center; margin-bottom: 100px; }
    .ResponBanner > img:first-child { display: inline-block; margin-top: 150px; }
    .Partner { position: absolute; bottom: -70px; left: 50%; margin-left: -54px; z-index: 999; }

    .Respon { width: 100%; height: 68px; overflow: hidden; background: url(../Images/qiyezeren.png) no-repeat 50% 50%; margin-top: 100px; }
    .Respon_text { width: 100%; height: 35px; line-height: 35px; text-align: center; font-size: 18px; color: #7d7d7d; }

    .Respon_ul { display: block; width: 1300px; height: auto; overflow: hidden; margin: 50px auto 100px; }
    .Respon_ul > li { float: left; position: relative; overflow: hidden; cursor: pointer;color:#FFF; }
    .Respon_ul > li > div { position: absolute; top: 0px; padding:50px 40px 30px;}
    .Respon_ul > li > div > h1{font-size:28px;font-weight:100;margin-bottom:10px; }
    .Respon_ul > li > div > p{font-size:16px;font-weight:normal; }
    .Respon_ul > li:nth-of-type(1) > div, .Respon_ul > li:nth-of-type(3) > div, .Respon_ul > li:nth-of-type(4) > div { right: 0px; }
    .Respon_ul > li:nth-of-type(5) > div, .Respon_ul > li:nth-of-type(6) > div { left: 0px; }
    .Respon_ul > li:nth-of-type(1) > div { background-color: #2c4051; width: 373px; height: 182px; overflow: visible !important; }
    .Respon_ul > li:nth-of-type(3) > div { background-color: #4198cc; width: 360px; height: 313px; overflow: visible !important; }
    .Respon_ul > li:nth-of-type(4) > div { background-color: #0072a6; width: 325px; height: 313px; overflow: visible !important; }
    .Respon_ul > li:nth-of-type(5) > div { background-color: #2c4051; width: 242px; height: 257px; overflow: visible !important; }
    .Respon_ul > li:nth-of-type(6) > div { background-color: #32ccfe; width: 373px; height: 257px; overflow: visible !important; }
    .Respon_ul > li:nth-of-type(1) { width: 975px; height: 182px; }
    .Respon_ul > li:nth-of-type(2) { width: 325px; height: 182px; }
    .Respon_ul > li:nth-of-type(3) { width: 602px; height: 312px; }
    .Respon_ul > li:nth-of-type(4) { width: 698px; height: 312px; }
    .Respon_ul > li:nth-of-type(5) { width: 602px; height: 257px; }
    .Respon_ul > li:nth-of-type(6) { width: 698px; height: 257px; }
    .Respon_ul > li:nth-of-type(1) { background: url(../Images/yuehai.jpg) no-repeat left 100%; }
    .Respon_ul > li:nth-of-type(2) { background: url(../Images/baiyun.jpg) no-repeat 100% 100%; }
    .Respon_ul > li:nth-of-type(3) { background: url(../Images/tupian2.png) no-repeat left 100%;}
    .Respon_ul > li:nth-of-type(4) { background: url(../Images/tupian3.jpg) no-repeat left 100%;}
    .Respon_ul > li:nth-of-type(5) { background: url(../Images/tupian4.jpg) no-repeat right 100%;background-size:60% 100%; }
    .Respon_ul > li:nth-of-type(6) { background: url(../Images/tupian5.jpg) no-repeat right; background-size:50% 100%;}
    .Respon_ul > li:nth-of-type(1) > div:before { content: ''; background: url(../Images/sanjiaoxing1.png) no-repeat; top: 50px; left: -15px; position: absolute; z-index: 999; width: 16px; height: 30px; }
    .Respon_ul > li:nth-of-type(3) > div:before { content: ''; background: url(../Images/sanjiaoxing2.png) no-repeat; top: 50px; left: -15px; position: absolute; z-index: 999; width: 16px; height: 30px; }
    .Respon_ul > li:nth-of-type(4) > div:before { content: ''; background: url(../Images/sanjiaoxing4.png) no-repeat; top: 50px; left: -15px; position: absolute; z-index: 999; width: 16px; height: 30px; }
    .Respon_ul > li:nth-of-type(5) > div:before { content: ''; background: url(../Images/sanjiaoxing3.png) no-repeat; top: 50px; right: -15px; position: absolute; z-index: 999; width: 16px; height: 30px; }
    .Respon_ul > li:nth-of-type(6) > div:before { content: ''; background: url(../Images/sanjiaoxing5.png) no-repeat; top: 50px; right: -15px; position: absolute; z-index: 999; width: 16px; height: 30px; }