header { height: 905px; background: linear-gradient(bottom,#131573 0,#08093F 100%); background: -webkit-linear-gradient(bottom,#131573 0,#08093F 100%); padding-top: 66px; }

    header > h1 { margin-top: 90px; margin-bottom: 20px; font-weight: 400;}
    header > .video { width: 750px; height: 500px; border: 1px solid #488BFF; margin: auto; position: relative;border-radius:4px; }
        header > .video:after { content: ''; position: absolute; top: 50%; left: 50%; width: 120px; height: 120px; margin-top: -60px; margin-left: -60px; background-image: url(/images/aboutUs/video.png); background-repeat: no-repeat; z-index: 9; background-size: 100% 100%; }
         header > .video > img { width: 100%; height: 100%; border-radius: 4px; }
         header p { margin-bottom: 40px; opacity: 0.6; }

.msg_box { width: 515px; border-radius: 2px; background-color: white; padding: 60px 60px 100px 60px; box-shadow: 0 2px 9px rgba(2,0,36,0.2); position: absolute; left: 0; top: -60px; z-index: 9; }
    .msg_box:before { content: ''; width: 48px; height: 4px; display: block; background-color: #488BFF; border-radius: 1px; }
    .msg_box:after { content: attr(data-index); font-size: 80px; line-height: 65px; color: #D6D6D6; position: absolute; right: 60px; top: 60px; opacity: 0.5; }
    .msg_box > h1 { margin-top: 40px; margin-bottom: 58px; font-size: 30px; line-height: 26px; color: #343434; }
    .msg_box > p { font-size: 16px; line-height: 30px; color: #676767; }
.msg_box_right { left: auto; right: 0; }

.company_profile { margin: auto; position: relative; width: 1177px; height: 416px; background-image: url(/images/aboutUs/gsgk.jpg); background-repeat: no-repeat; background-size: 997px 100%; }

.project_list { width: 1090px; margin: auto; text-align: center; position: relative; }
    .project_list:before { content: ''; width: 48px; height: 4px; display: inline-block; background-color: #488BFF; border-radius: 1px; text-align: center; }
    .project_list:after { content: '02'; font-size: 80px; line-height: 65px; color: #3973FF; opacity: 0.2; position: absolute; right: 0; top: 0; }
    .project_list > h1 { margin-top: 40px; margin-bottom: 30px; font-size: 30px; line-height: 26px; color: #343434; text-align: center; }
    .project_list > p { font-size: 22px; line-height: 26px; color: #676767; margin-bottom: 60px; text-align: center; }
    .project_list > div { margin: auto; }
    .project_list section { display: inline-block; text-align: center; margin: 0 70px 68px 70px; }
        .project_list section img { width: 86px; height: 86px; display: block;margin-bottom:20px; }
        .project_list section p { font-size: 18px; line-height: 25px; color: #343434; }
    .project_list > div:last-of-type > section { margin-bottom: 0; }

.staff_mien, .advantage { margin: auto; position: relative; width: 1177px; height: 416px; background-image: url(/images/aboutUs/ygfc.jpg); background-repeat: no-repeat; background-position: 120px 0; background-size: 997px 100%; }
.staff_mien_ctn { width: 1179px; margin: auto; margin-top: -120px; padding: 0 60px; background-color: white; margin-bottom: 120px; }
    .staff_mien_ctn article { border-bottom: 1px dashed #D1D1D1; padding: 60px 30px 0 30px; }
        .staff_mien_ctn article:last-of-type { border-bottom-color: transparent; }
        .staff_mien_ctn article h2 { font-size: 24px; line-height: 33px; color: #343434; margin-bottom: 20px; }
            .staff_mien_ctn article h2:before { content: ''; width: 4px; height: 26px; border-radius: 4px; display: inline-block; vertical-align: middle; background-color: #488BFF; margin-right: 20px; }
        .staff_mien_ctn article h3 { font-size: 20px; line-height: 28px; font-weight: 200; color: #343434; margin-bottom: 40px; }
            .staff_mien_ctn article h3:before { content: ''; width: 7px; height: 7px; border-radius: 4px; vertical-align: middle; display: inline-block; background-color: #488BFF; margin-right: 20px; }
        .staff_mien_ctn article p { font-size: 16px; line-height: 26px; color: #676767; padding-left: 24px; margin-bottom: 40px; }
        .staff_mien_ctn article img { width: 548px; display: block; margin-bottom: 60px; padding-left: 24px; }
        .staff_mien_ctn article .img170 { padding-left: 0; }

.strategic { width: 1179px; margin: auto; position: relative; }
    .strategic .msg_box { top: 60px; }
.manufactor { background-color: #0C104C; width: 789px; height: 506px; margin-left: 390px; padding: 60px 0px 108px 233px; font-size: 0; }
    .manufactor h2 { font-size: 24px; line-height: 26px; color: white; margin-bottom: 40px; }
    .manufactor img { width: 183px; height: 118px; margin: 12px 24px 12px 0; display: inline-block; }
.realization { padding: 60px 90px; margin-top: 90px; background: linear-gradient(top left,#488BFF 0,#48C1FF 100%); background: -webkit-linear-gradient(top left,#488BFF 0,#48C1FF 100%); }
    .realization h3 { font-size: 24px; line-height: 33px; color: white; margin-bottom: 60px; }
        .realization h3:before { content: ''; width: 7px; height: 7px; border-radius: 1px; vertical-align: middle; display: inline-block; background-color: white; margin-right: 20px; }
    .realization section { display: inline-block; }
        .realization section img { width: 86px; height: 86px; display: block; margin-bottom: 20px; }
        .realization section p { font-size: 18px; line-height: 25px; color: white; white-space: normal; }

.cooperation { width: 1090px; margin: auto; position: relative; text-align: center; font-size: 0; }
    .cooperation:before { content: ''; width: 48px; height: 4px; display: inline-block; background-color: #488BFF; border-radius: 1px; text-align: center; }
    .cooperation:after { content: '05'; font-size: 80px; line-height: 65px; color: #3973FF; opacity: 0.2; position: absolute; right: 0; top: 0; }
    .cooperation > h1 { margin-top: 40px; margin-bottom: 30px; font-size: 30px; line-height: 26px; color: #343434; text-align: center; }
    .cooperation > p { font-size: 22px; line-height: 26px; color: #676767; margin-bottom: 60px; text-align: center; }
    .cooperation > img { width: 764px; height: 499px; display: inline-block; }

.train { padding-bottom: 60px !important; }
    .train .img170 { width: 170px; height: 170px; margin: 0 30px; display: inline-block; }

.advantage { background-image: url(/images/aboutUs/hzys.jpg); }
.product_advantage { padding-bottom: 60px !important; }
    .product_advantage span { display: inline-block; background-color: #F5F6F7; padding: 20px 0; width: 308px; margin: 0 15px; text-align: center; font-size: 16px; line-height: 26px; color: #333336; }
        .product_advantage span:before { content: ''; width: 7px; height: 7px; border-radius: 1px; vertical-align: middle; display: inline-block; background-color: #488BFF; margin-right: 20px; }