/* about1 */
.about1 {
    margin-top: 70px;
}

.about1 .w>ul li:nth-child(1) {
    font-size: 40px;
    color: black;
    text-align: center;
}

.about1 .w>ul li:nth-child(2) {
    width: 45px;
    height: 3px;
    background-color: #f68d20;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 20px;
}

.about1-c {
    margin-top: 95px;
    overflow: hidden;
}

.about1-c-l {
    float: left;
    width: 535px;
    height: 375px;
    margin-top: 12px;
}

.about1-c-r {
    float: right;
    width: 563px;
    height: 393px;
}

.about1-c-l-t {
    font-size: 26px;
    padding-right: 80px;
    line-height: 40px;
}

.about1-c-l-m {
    margin: 40px 0 60px;
    padding-right: 23px;
    font-size: 18px;
}

.about1-c-r {
    background: url(../img/about1-biankuang.png) no-repeat center;
    background-size: 100% 100%;
}

.about1-c-r img {
    padding: 6px;
    width: 100%;
}

/* about2 */
.about2 {
    background: url(../img/about2-back.png) no-repeat top center;
    padding: 50px 0px 85px;
    margin-top: 95px;
    background-size: 100% 100%;
}

.about2 .about2-c {
    overflow: hidden;
}

.about2 .about2-c-l {
    float: left;
    width: 455px;
    position: relative;
    left: -460px;
    transition: all 2s;
}

.about2 .about2-c-m {
    float: left;
    margin-left: 64px;
}

.about2 .about2-c-r {
    float: right;
    position: relative;
    right: -430px;
    transition: all 2s 0.5s;
}

.about2-c .about2-c-l div,
.about2-c .about2-c-r div {
    color: #fff;
    font-size: 23px;
    line-height: 28px;
}

.about2-c .about2-c-l div {
    padding-left: 30px;
}

.about2-c .about2-c-r div {
    padding-right: 30px;
}

.about2-c .about2-c-l div span,
.about2-c .about2-c-r div span {
    color: #1ed3ff;
    font-size: 28px;
}

.about2-c-l .about2-c-l1 {
    background: url(../img/yuandian1.png) no-repeat left center;
    margin: 63px 0 84px 128px;
}

.about2-c-l .about2-c-l2 {
    background: url(../img/yuandian2.png) no-repeat left center;
    margin-bottom: 84px;
}

.about2-c-l .about2-c-l3 {
    background: url(../img/yuandian3.png) no-repeat left center;
    margin: 63px 0 84px 128px;
}
.about2-c-r>div{
    text-align: right;
}
.about2-c-r .about2-c-l1 {
    background: url(../img/yuandian4.png) no-repeat right center;
    margin: 63px 128px 84px 0;
}

.about2-c-r .about2-c-l2 {
    background: url(../img/yuandian5.png) no-repeat right center;
    margin-bottom: 84px;
}

.about2-c-r .about2-c-l3 {
    background: url(../img/yuandian6.png) no-repeat right center;
    margin: 63px 128px 84px 0;
}

/* about3 */
.about3 {
    margin-top: 75px;
}

.about3 .w>ul li:nth-child(1) {
    font-size: 40px;
    color: black;
    text-align: center;
}

.about3 .w>ul li:nth-child(2) {
    width: 45px;
    height: 3px;
    background-color: #f68d20;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 20px;
}

.about3 .about3-c {
    margin-top: 75px;
}

.about3 .about3-c .about3-c-t {
    margin-bottom: 94px;
    padding: 0 65px;
}

.about3 .about3-c-b {
    overflow: hidden;
}

.about3 .about3-c-b-l {
    float: left;
}

.about3 .about3-c-b-r {
    float: right;
}

.about3 .about3-c-b-r .about3-c-b-r-t {
    margin-bottom: 16px;
    overflow: hidden;
}

.about3 .about3-c-b-r .about3-c-b-r-b {
    overflow: hidden;
}

.about3 .about3-c-b-r .about3-c-b-r-t div+div,
.about3 .about3-c-b-r .about3-c-b-r-b div+div {
    margin-left: 12px;
}

.about3 .about3-c-b img {
    cursor: pointer;
    transition: all 0.5s;
}

.about3 .about3-c-b img:hover {
    transform: scale(1.1);
}

.about3-img1 {
    width: 312px;
    height: 550px;
    overflow: hidden;
}

.about3-img2 {
    width: 467px;
    height: 312px;
    overflow: hidden;
    float: left;
}

.about3-img3 {
    width: 392px;
    height: 312px;
    overflow: hidden;
    float: left;
}

.about3-img4 {
    width: 347px;
    height: 229px;
    overflow: hidden;
    float: left;
}

.about3-img5 {
    width: 509px;
    height: 229px;
    overflow: hidden;
    float: left;
}

/* about4 */
.about4 {
    margin-top: 80px;
    padding-top: 55px;
    padding-bottom: 60px;
    background: url(../img/about4-back.png) no-repeat center;
    background-size: 100% 100%;
}

.about4 .w>ul li:nth-child(1) {
    font-size: 40px;
    color: #fff;
    text-align: center;
}

.about4 .w>ul li:nth-child(2) {
    width: 45px;
    height: 3px;
    background-color: #f68d20;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 20px;
}

/*.about4-c {*/
    /*padding: 0 35px;*/
/*}*/

.about4-c ul {
    width: 180px;
    height: 380px;
    float: left;
    margin-left: 20px;
    margin-top: 40px;
    padding: 35px 20px 0 20px;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
    cursor: pointer;
}

.about4-c .ul1 {
    background: #f2fbfe;
    transition: all 0.5s;
}

.about4-c .ul2 {
    background: #f9fdf3;
    transition: all 0.5s;
}

.about4-c .ul3 {
    background: #fef5f4;
    transition: all 0.5s;
}

.about4-c .ul4 {
    background: #f7fdfb;
    transition: all 0.5s;
}

.about4-c .ul5 {
    background: #ffebfe;
    transition: all 0.5s;
}

.about4-c .ul6 {
    background: #EBF5F1;
    transition: all 0.5s;
}

.about4-c .ul7 {
    background: #f9fdf3;
    transition: all 0.5s;
}

.about4-c .ul1:hover {
    background: #fff;
    transform: scale(1.1);
}

.about4-c .ul2:hover {
    background: blanchedalmond;
    transform: scale(1.1);
}

.about4-c .ul3:hover {
    background: #f2fbfe;
    transform: scale(1.1);
}

.about4-c .ul4:hover {
    background: #F7FDBF;
    transform: scale(1.1);
}

.about4-c .ul5:hover {
    background: #f7fdfb;
    transform: scale(1.1);
}

.about4-c .ul6:hover {
    background: #F7FDBF;
    transform: scale(1.1);
}

.about4-c .ul7:hover {
    background: blanchedalmond;
    transform: scale(1.1);
}

.shi {
    display: block;
    font-size: 34px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 15px;
}

.shi1 {
    color: #28adfa;
}

.shi2 {
    color: #81d319;
}

.shi3 {
    color: #f04124;
}

.shi4 {
    color: #5dceb0;
}

.shi5 {
    color: #fab805;
}
.shi6 {
    color: black;
}

.about4-c ul li {
    text-align: left;
    line-height: 30px;
    font-size: 14px;
    color: #787878
}

.about4-c ul li a {
    color: #787878
}

.about4-c ul li a:hover {
    color: #ff7e0e;
}

/* about5 */
#about5 {
    background: url(../img/banner5.jpg) no-repeat top center;
    margin-top: 0;
    padding-top: 70px;
    padding-bottom: 105px;
}

#about-foot {
    margin-top: 0px;
}
.about-zhezhao{
    display: none;
    position: relative;
}
.about-zhezhao .close-zhezhao{
    width: 30px;
    height: 30px;
    color: #fff;
    font-size: 30px;
    text-align: center;
    line-height: 30px;
    position: absolute;
    right: 10px;
    top:10px;
    cursor: pointer;
}
.about-zhezhao img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
@media screen and (max-width:1239px){
    .about2{
        padding: 50px 0 0;
    }
    .about2 .about2-c-l,
    .about2 .about2-c-m,
    .about2 .about2-c-r{
       width: 30%;
    }
    .about3-c img{
        width: 100%;
        height: 100%;
    }
    .about3 .about3-c-b-l{
        width: 23%;
    }
    .about3 .about3-c-b-l .about3-img1{
        width: 100%;
    }
    .about3 .about3-c-b-r{
        width: 75%;
    }
    .about3 .about3-c-b-r .about3-c-b-r-t,
    .about3 .about3-c-b-r .about3-c-b-r-b{
        width: 100%;
        height: 50%;
    }
    .about3-img2,
    .about3-img3,
    .about3-img4,
    .about3-img5{
        width: 48%;
    }
    .about4{
        text-align: center;
    }
    .about4 .w{
        padding: 0;
    }
    .about4-c ul{
        width: 30%;
    }
}
@media screen and (max-width:1169px){
    .about1-c-l{
        width: 50%;
        height: auto;
    }
    .about1-c-r{
        width: 50%;
        height: auto;
    }
}
@media screen and (max-width:969px){
    .about1-c{
        margin-top: 40px;
    }
    .about1-c-l,
    .about1-c-r{
        width: 100%;
        height: auto;
    }
    .about1-c-l{
        margin-bottom: 10px;
    }
    .about2 .about2-c-m{
        display: none;
    }
    .about2 .about2-c-l,
    .about2 .about2-c-r{
        width: 45%;
    }
    .about2{
        padding: 0;
    }
    .about1-c-l-t,.about1-c-l-m{
        padding-right: 0;
        text-align: justify;
    }
    .about2-c .about2-c-l div,
    .about2-c .about2-c-r div{
        height: 56px;
        background-position:left 5px;
        padding-left: 0;
        padding-left: 30px;
        text-align: left;
    }
    .about2-c .about2-c-l div span, .about2-c .about2-c-r div span{
        color: #fff;
        font-size: 23px;
    }
}
@media screen and (max-width:739px){
    .about2 .about2-c{
        text-align: center;
    }
    .about2-c-l .about2-c-l1{
        margin: 63px auto 20px;
    }
    .about2-c-l .about2-c-l2,
    .about2-c-r .about2-c-l2{
        margin: 0px auto 20px;
    }
    .about2-c-l .about2-c-l3,
    .about2-c-r .about2-c-l1,
    .about2-c-r .about2-c-l3{
        margin: 0px auto 20px;
    }
    .about2-c-r .about2-c-l1{
        padding-right: 0;
        padding-left: 30px;
        background: url(../img/yuandian4.png) no-repeat left center;
    }
    .about2-c-r .about2-c-l2{
        padding-right: 0;
        padding-left: 30px;
        background: url(../img/yuandian5.png) no-repeat left center;
    }
    .about2-c-r .about2-c-l3{
        padding-right: 0;
        padding-left: 30px;
        background: url(../img/yuandian6.png) no-repeat left center;
    }
    .about2-c .about2-c-l div, .about2-c .about2-c-r div{
        width: 380px;
    }
    .about2 .about2-c-l, .about2 .about2-c-r{
        width: 100%;
    }
    .about3 .about3-c .about3-c-t{
        padding: 0;
    }
    .about3 .about3-c-b{
        padding: 0 20px;
    }
    .about3 .about3-c-b-l,
    .about3-img5{
        display: none;
    }
    .about3 .about3-c-b-r .about3-c-b-r-t{
        margin-bottom: 0px;
    }
    .about3 .about3-c-b-l .about3-img1{
        width: 315px;
        margin: 0 auto;
    }
    .about3 .about3-c-b-r{
        width: 100%;
    }
    .about3-img2,
    .about3-img3,
    .about3-img4,
    .about3-img5{
        width: 100%;
        margin-top: 20px;
    }
    .about4-c ul{
        width: 45%;
    }
    .about3 .about3-c-b-r .about3-c-b-r-t div+div,
    .about3 .about3-c-b-r .about3-c-b-r-b div+div{
        margin-left:0;
    }
    .about3-c img,
    .about3-img1,
    .about3-img2,
    .about3-img3,
    .about3-img4,
    .about3-img5{
        height: auto;
    }
    .about3 .about3-c-b-l .about3-img1{
        width: 100%;
    }
}
@media screen and (max-width:619px){
    .about1 .w>ul li:nth-child(1),
    .about3 .w>ul li:nth-child(1),
    .about4 .w>ul li:nth-child(1){
        font-size: 2rem;
    }
    .about1-c-l-t{
        font-size: 1.7rem;
        line-height: 2rem;
    }
    .about1-c-l-m{
        font-size: 1.4rem;
        line-height: 1.5rem;
    }
    .about1,
    .about2,
    .about3,
    .about4{
        margin-top: 40px;
    }
    .about4{
        padding-top: 20px;
    }
    .about1-c{
        margin-top: 0px;
    }
    .about1-c-l-m {
        margin: 20px 0 20px;
    }
    .about2-c .about2-c-l div,
    .about2-c .about2-c-r div,
    .about2-c .about2-c-l div span,
    .about2-c .about2-c-r div span{
        font-size: 1.7rem;
    }
    .about2-c-l .about2-c-l1{
        margin: 20px auto 20px;
    }
    .about2-c .about2-c-l div, .about2-c .about2-c-r div{
        height: auto;
    }
    .about2 .about2-c-l,
    .about2 .about2-c-r{
        float: none;
        width: 320px;
        margin: 0 auto;
    }
    .about3 .about3-c{
        margin-top: 20px;
    }
    .about3 .about3-c .about3-c-t{
        margin-bottom: 20px;
    }
    .about4-c ul{
        margin-top: 20px;
    }
    .shi{
        font-size: 2rem;
    }
}
@media screen and (max-width:519px){
    .about2 .w{
        padding: 0 10px;
    }
    .about4-c{
        padding: 0;
    }
    .about2-c .about2-c-l div, .about2-c .about2-c-r div{
        width: 100%;
    }
    .about4-c ul{
        width: 46%;
        height: 250px;
        margin-left: 10px;
        padding: 15px 5px 10px;
    }
    .show519{
        display: block !important;
    }
    .shi1,
    .shi2,
    .shi3,
    .shi4,
    .shi5,
    .shi6{
        display: none;
    }
}
@media screen and (max-width:429px){
    .about4-c ul{
        height: 190px;
    }
    .about4-c ul li{
        line-height: 20px;
    }
}