@media screen and (min-width: 1440px) {
.introduce-top-box{ width: 1400px; margin: 0 auto;}
.introduce-box{  width: 100%; background: url(../images/investment-left-bg.png) no-repeat 45px 10px,url(../images/investment-right-bg.png) no-repeat,#fff; background-position: 45px 10px,90% bottom;}


.introduce-box dt{ padding-top: 43px; margin-left: 110px; color: #002A5C; font-size: 48px;}
.introduce-box dd{ padding-bottom: 30px;}
.introduce-box .left-font,.introduce-box .right-font{ width: 50%;  float: left; margin-top:50px;  padding: 0 50px; }
.introduce-box .left-font p,.introduce-box .right-font p{font-size: 16px; color: #666666; line-height: 28px;}

.my-culture{ width: 100%; height: 400px; background: #002A5C;}
.my-culture .my-culture-min-box{ width: 1400px; margin: 0 auto;}
.my-culture .left,.my-culture .right{ width: 50%; height: 100%; float: left;}
.my-culture .left img{ margin-left: 255px; margin-top: 60px;}
.my-culture .right{ padding-top: 70px; padding-left: 15px;}
.my-culture .right p:nth-of-type(1){ color: #4F85FF; font-size: 14px; letter-spacing:4px;}
.my-culture .right p:nth-of-type(2){ color: #fff; font-size: 24px; font-weight: bold;}
.my-culture .right p:nth-of-type(3){ color: #fff; font-size: 16px; width: 484px;line-height: 28px;}
.my-culture .right p{ margin-top: 25px;}
.my-culture .right .btn{ width: 150px; height: 50px; background: #4F85FF; border-radius: 25px; line-height: 35px; color: #fff; font-size: 16px; margin-top: 30px;}


.my-honor{width: 100%; height: 400px; background:#E6EDFF}

.my-honor .my-honor-min-box{ width: 1400px; margin: 0 auto;background: url(../images/about-honor-bg.png) no-repeat right center,#E6EDFF; height: 100%;}
.my-honor .left{width: 50%; float: left; padding-left: 195px; padding-top: 45px;}
.my-honor .left p:nth-of-type(1){ color: #4F85FF; font-size: 14px;letter-spacing:4px;}
.my-honor .left p:nth-of-type(2){ color: #002A5C; font-size: 24px;font-weight: bold;}
.my-honor .left p:nth-of-type(3){ color: #696969; font-size: 16px;width: 484px;line-height: 28px;}
.my-honor .left p{ margin-top: 25px;}
.my-honor .left .btn{ width: 165px; height: 50px; background: #4F85FF; border-radius: 25px; line-height: 35px; color: #fff; font-size: 16px; margin-top: 30px;}

.contact{ width: 100%; height: 400px; position: relative;}
.contact .contact-bg-left{ width: 50%; height: 100%; background: #D6F4FF; position: absolute; left: 0; top: 0;}
.contact .contact-bg-right{ width: 50%; height: 100%;background: #E6FFF2; position: absolute; right: 0; top: 0;}
.contact .contact-min-box{ width: 1400px; margin: 0 auto; height: 100%;}
.contact .left,.contact .right{ width: 50%; height: 100%; float: left;padding-top: 45px; position: relative;}
.contact .left{ background: #D6F4FF;padding-left: 195px;}
.contact .left p:nth-of-type(1),.contact .right p:nth-of-type(1){ color: #4F85FF; font-size: 14px;letter-spacing:4px;}
.contact .left p:nth-of-type(2),.contact .right p:nth-of-type(2){ color: #002A5C; font-size: 24px;font-weight: bold;}
.contact .left p:nth-of-type(3),.contact .right p:nth-of-type(3){ color: #666; font-size: 16px; width: 484px;}
.contact .left p:nth-of-type(3),.contact .right p:nth-of-type(3) span{ font-family: "IBMP";}
.contact .right{ background: #E6FFF2; padding-left: 15px;}

.contact .right .btn,.contact .left .btn{ width: 150px; height: 50px; background: #4F85FF; border-radius: 25px; line-height: 35px; color: #fff; font-size: 16px; position: absolute; bottom: 70px;}
.contact .left p,.contact .right p{ margin-top: 25px;}

}


@media screen and  (min-width: 750px) and (max-width: 1440px) {
.introduce-box{ width: 100%; background: url(../images/investment-left-bg.png) no-repeat 45px 10px,url(../images/investment-right-bg.png) no-repeat,#fff; background-position: 45px 10px,90% bottom;}
.introduce-box dt{ padding-top: 43px; margin-left: 110px; color: #002A5C; font-size: 48px;}
.introduce-box dd{ padding-bottom: 30px;}
.introduce-box .left-font,.introduce-box .right-font{ width: 50%; float: left; margin-top: 60px; padding: 0 50px;}
.introduce-box .left-font p,.introduce-box .right-font p{font-size: 16px; color: #666666; line-height: 28px; }

.my-culture{ width: 100%; height: 400px; background: #002A5C;}
.my-culture .left,.my-culture .right{ width: 50%; height: 100%; float: left;}
.my-culture .left img{ margin-left: 255px; margin-top: 60px;}
.my-culture .right{ padding-top: 70px; padding-left: 15px;}
.my-culture .right p:nth-of-type(1){ color: #4F85FF; font-size: 14px; letter-spacing:4px;}
.my-culture .right p:nth-of-type(2){ color: #fff; font-size: 24px;font-weight: bold;}
.my-culture .right p:nth-of-type(3){ color: #fff; font-size: 16px; width: 484px; line-height: 28px;}
.my-culture .right p{ margin-top: 25px;}
.my-culture .right .btn{ width: 150px; height: 50px; background: #4F85FF; border-radius: 25px; line-height: 35px; color: #fff; font-size: 16px; margin-top: 30px;}


.my-honor{width: 100%; height: 400px; background: url(../images/about-honor-bg.png) no-repeat right center,#E6EDFF;}
.my-honor .left{width: 50%; height: 100%; float: left; padding-left: 195px; padding-top: 45px;}
.my-honor .left p:nth-of-type(1){ color: #4F85FF; font-size: 14px; letter-spacing:4px;}
.my-honor .left p:nth-of-type(2){ color: #002A5C; font-size: 24px; font-weight: bold;}
.my-honor .left p:nth-of-type(3){ color: #696969; font-size: 18px;width: 484px;}

.my-honor .left p{ margin-top: 25px;}
.my-honor .left .btn{ width: 165px; height: 50px; background: #4F85FF; border-radius: 25px; line-height: 35px; color: #fff; font-size: 16px; margin-top: 30px;}

.contact{ width: 100%; }
.contact .left,.contact .right{ width: 50%; height: 400px; float: left;padding-top: 45px; position: relative;}
.contact .left{ background: #D6F4FF;padding-left: 195px;}
.contact .left p:nth-of-type(1),.contact .right p:nth-of-type(1){ color: #4F85FF; font-size: 14px; letter-spacing:4px;}
.contact .left p:nth-of-type(2),.contact .right p:nth-of-type(2){ color: #002A5C; font-size: 24px; font-weight: bold;}
.contact .left p:nth-of-type(3),.contact .right p:nth-of-type(3){ color: #666; font-size: 16px; width: 484px;}
.contact .left p:nth-of-type(3),.contact .right p:nth-of-type(3) span{ font-family: "IBMP";}
.contact .right{ background: #E6FFF2; padding-left: 15px;}

.contact .right .btn,.contact .left .btn{ width: 150px; height: 50px; background: #4F85FF; border-radius: 25px; line-height: 35px; color: #fff; font-size: 16px; position: absolute; bottom: 70px;}
.contact .left p,.contact .right p{ margin-top: 25px;}

}



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

    .introduce-top-box{ width: 100%;background: url(../images/investment-left-bg.png) no-repeat 45px 10px,url(../images/investment-right-bg.png) no-repeat,#f4f4f4; background-position: 5.3vw 10px,56vw bottom; padding-bottom: 10vw;}
    .introduce-top-box dl{ margin: 0;}
    .introduce-top-box dt{padding-top: 16vw; margin-left: 14vw; color: #002A5C; font-size: 36px;}
    .introduce-top-box dd{ padding: 0 5.3vw; margin-top: 70px;}



    .my-culture{ width: 100%; background: #002A5C;}
    .my-culture .left{ width: 100%; text-align: center; padding:10vw;}
    .my-culture .right{ width: 100%; padding: 0 10vw;}
    .my-culture .right p:nth-of-type(1){ color: #4F85FF; font-size: 14px; letter-spacing:4px;}
    .my-culture .right p:nth-of-type(2){ color: #fff; font-size: 24px;font-weight: bold; margin: 10vw 0;}
    .my-culture .right p:nth-of-type(3){ color: #fff; font-size: 18px; letter-spacing:2.8px;}

    .my-culture .right .btn{ width: 29.3vw;  background: #4F85FF; border-radius: 25px; color: #fff; margin: 10vw 0;}



    .my-honor{width: 100%; padding: 10vw;}
    .my-honor .left p:nth-of-type(1){ color: #4F85FF; font-size: 14px; letter-spacing:4px;}
    .my-honor .left p:nth-of-type(2){ color: #002A5C; font-size: 24px; font-weight: bold;margin: 10vw 0;}
    .my-honor .left p:nth-of-type(3){ color: #696969; font-size: 18px; letter-spacing:2.8px;}
    .my-honor .left .btn{ width: 29.3vw;  background: #4F85FF; border-radius: 25px; color: #fff; margin: 10vw 0;}


    .contact{ width: 100%;}
    .contact .left{width: 100%; background: #d6f4ff; padding: 10vw;}
    .contact .right{width: 100%; background: #e6fff2;  padding: 10vw;}

    .contact .left p:nth-of-type(1),.contact .right p:nth-of-type(1){ color: #4F85FF; font-size: 14px; letter-spacing:4px;}
    .contact .left p:nth-of-type(2),.contact .right p:nth-of-type(2){ color: #002A5C; font-size: 24px; font-weight: bold;margin: 10vw 0;}
    .contact .left p:nth-of-type(3),.contact .right p:nth-of-type(3){ color: #666; font-size: 16px;letter-spacing:2.8px;}
    .contact .left p:nth-of-type(3),.contact .right p:nth-of-type(3) span{ font-family: "IBMP";}
    .contact .right .btn,.contact .left .btn{ width: 29.3vw;  background: #4F85FF; border-radius: 25px; color: #fff; margin: 10vw 0;}


}