@charset "utf-8";
    /* CSS Document */
    
    #about {
        width: 100%;
    }
    
    .about_1 {
        padding: 65px 0;
        width: 1200px;
        margin: 0 auto;
    }
    
    .about_1_01 {
        text-align: center;
        position: relative;
        font-size: 86px;
        color: #f6f6f6;
        font-weight: bold;
        text-transform: uppercase;
    }
    
    .about_1_01 span {
        display: block;
        width: auto;
        height: 37px;
        padding: 0 20px;
        background-color: #ffffff;
        text-align: center;
        line-height: 37px;
        position: absolute;
        z-index: 99;
        top: 20px;
        left: 50%;
        /* margin-left: -130px; */
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        font-size: 30px;
        color: #333333;
    }
    
    .about_1_02 {
        padding: 50px 0;
        text-align: center;
        font-size: 16px;
        color: #505050;
    }
    
    .about_1_03 {
        width: 100%;
    }
    
    .about_1_03 ul li {
        float: left;
        width: 340px;
        margin: 0 30px;
    }
    
    .about_1_03_1 {
        text-align: center;
        padding-bottom: 30px;
    }
    
    .about_1_03_1 img {
        vertical-align: top;
    }
    
    .about_1_03_2 {
        height: 84px;
        overflow: hidden;
        text-align: center;
        font-size: 16px;
        color: #505050;
    }
    
    .about_1_03_3 {
        padding-top: 20px;
        text-align: center;
    }
    
    .about_1_03_3 a {
        display: inline-block;
        width: 110px;
        height: 33px;
        border: #b3b3b3 1px solid;
        border-radius: 33px;
        text-align: center;
        line-height: 33px;
        font-size: 16px;
        color: #505050;
    }
    
    .about_2 {
        padding-bottom: 80px;
        width: 1200px;
        margin: 0 auto;
        padding-top: 30px;
    }
    
    .about_2_02 {
        padding: 80px 66px 40px;
        font-size: 16px;
        color: #505050;
        line-height: 24px;
    }
    
    .about_2_03 {
        position: relative;
    }
    
    .about_2_03_prev {
        position: absolute;
        z-index: 99;
        left: -50px;
        top: 170px;
    }
    
    .about_2_03_prev img {
        vertical-align: top;
    }
    
    .about_2_03_next {
        position: absolute;
        z-index: 99;
        right: -50px;
        top: 170px;
    }
    
    .about_2_03_next img {
        vertical-align: top;
    }
    
    .about_2_03 ul li {
        float: left;
        width: 321px;
        margin: 0 39.5px;
    }
    
    .about_2_03_1 {
        text-align: center;
    }
    
    .about_2_03_1 img {
        vertical-align: top;
    }
    
    .about_2_03_2 {
        padding: 36px 0;
        height: 50px;
        overflow: hidden;
        text-align: center;
        font-size: 16px;
        color: #505050;
        line-height: 25px;
    }
    
    .about_2_03_3 {
        height: 43px;
        background-color: #0c345c;
        text-align: center;
        line-height: 43px;
        font-size: 20px;
        color: #ffffff;
        text-transform: uppercase;
    }
    
    .about_3 {
        height: 237px;
        background-color: #0c345c;
    }
    
    .about_33 {
        width: 1200px;
        margin: 0 auto;
        padding-top: 46px;
    }
    
    .about_3_up {
        height: 100px;
        text-align: center;
        font-size: 24px;
        color: #ffffff;
        line-height: 30px;
    }
    
    .about_3_down {
        text-align: center;
    }
    
    .about_3_down a {
        display: inline-block;
        margin: 0 20px;
        width: 134px;
        height: 37px;
        border: #ffffff 1px solid;
        border-radius: 37px;
        text-align: center;
        line-height: 37px;
        font-size: 16px;
        color: #ffffff;
        text-transform: uppercase;
    }
    
    .about_3_down .about_3_down_on {
        background-color: #e70012;
        border: #e70012 1px solid;
    }
    
    .about_4 {
        padding: 100px 0;
        width: 1200px;
        margin: 0 auto;
    }
    
    .about_4_01 {
        padding-bottom: 60px;
    }
    
    .about_4_01 ul li {
        float: left;
        width: 321px;
        background-color: #f7f8fa;
        margin: 0 39.5px;
    }
    
    .about_4_01 ul li:hover {
        background-color: #0c345c;
    }
    
    .about_4_01_img {
        text-align: center;
        height: 249px;
        overflow: hidden;
    }
    
    .about_4_01_img img {
        vertical-align: top;
        max-width: 100%;
    }
    
    .about_4_01_title {
        padding: 15px;
        text-align: center;
        font-size: 24px;
        color: #0c345c;
        text-transform: capitalize;
    }
    
    .about_4_01 ul li:hover .about_4_01_title {
        color: #ffffff;
    }
    
    .about_4_01_tt {
        padding: 0 10px 15px;
        text-align: center;
        font-size: 16px;
        color: #505050;
        height: 29px;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 22px;
    }
    
    .about_4_01 ul li:hover .about_4_01_tt {
        color: #ffffff;
    }
    
    .about_4_02 {
        text-align: center;
    }
    
    .about_4_02 a {
        display: inline-block;
        width: 180px;
        height: 46px;
        background-color: #e70012;
        text-align: center;
        line-height: 46px;
        font-size: 20px;
        color: #ffffff;
        text-transform: capitalize;
    }
    
    .about_5 {
        background: url(../images/about_19.gif) center top no-repeat;
        height: 745px;
    }
    
    .about_55 {
        width: 1200px;
        margin: 0 auto;
        padding-top: 20px;
    }
    
    .about_5_02 {
        margin-top: 130px;
        position: relative;
    }
    
    .about_5_02_1 {
        width: 418px;
        height: 188px;
        position: absolute;
        z-index: 99;
        left: 110px;
        top: 0;
        border: #cecece 3px solid;
        border-radius: 6px;
    }
    
    .about_5_02_1_img {
        width: 65px;
        float: left;
        padding-top: 106px;
        padding-left: 22px;
    }
    
    .about_5_02_1_img img {
        vertical-align: top;
    }
    
    .about_5_02_1_tt {
        width: 254px;
        float: left;
        padding-left: 30px;
        padding-top: 35px;
        font-size: 16px;
        color: #505050;
        line-height: 27px;
    }
    
    .about_5_02_1_tt h2 {
        font-size: 20px;
        color: #0c345c;
        padding-top: 10px;
    }
    
    .about_5_02_1_jiantou {
        position: absolute;
        z-index: 99;
        left: 30px;
        bottom: -22px;
    }
    
    .about_5_02_1_jiantou img {
        vertical-align: top;
    }
    
    .about_5_02_2 {
        width: 490px;
        height: 158px;
        position: absolute;
        z-index: 99;
        left: 110px;
        top: 230px;
        border: #cecece 3px solid;
        border-radius: 6px;
    }
    
    .about_5_02_2_img {
        width: 65px;
        float: left;
        padding-top: 76px;
        padding-left: 22px;
    }
    
    .about_5_02_2_img img {
        vertical-align: top;
    }
    
    .about_5_02_2_tt {
        width: 312px;
        float: left;
        padding-left: 30px;
        padding-top: 35px;
        font-size: 16px;
        color: #505050;
        line-height: 27px;
    }
    
    .about_5_02_2_tt h2 {
        font-size: 20px;
        color: #0c345c;
        padding-top: 10px;
    }
    
    .about_5_02_3 {
        width: 490px;
        height: 158px;
        position: absolute;
        z-index: 99;
        right: 110px;
        top: 20px;
        border: #cecece 3px solid;
        border-radius: 6px;
    }
    
    .about_5_02_4 {
        width: 440px;
        height: 178px;
        position: absolute;
        z-index: 99;
        right: 110px;
        top: 210px;
        border: #cecece 3px solid;
        border-radius: 6px;
    }
    
    .about_6 {
        width: 100%;
    }
    
    .about_6_01 {
        margin-top: 60px;
        height: 748px;
    }
    
    #product {
        width: 1200px;
        margin: 0 auto;
        padding: 80px 0;
    }
    
    .product_2 {
        /* padding: 60px 0; */
        text-align: center;
        font-size: 16px;
        color: #505050;
        line-height: 22px;
    }
    
    .product_3 {
        border: #dddddd 1px solid;
        box-sizing: border-box;
        height: 336px;
        width: 1200px;
    }
    
    .product_3 ul li {
        float: left;
        width: 398.25px;
        height: 336px;
        border-right: #dddddd 1px solid;
    }
    
    .product_3_01 {
        height: 60px;
        background-color: #0078c8;
        padding: 0 24px;
        line-height: 60px;
    }
    
    .product_3_01 a {
        font-size: 24px;
        color: #ffffff;
        text-transform: uppercase;
    }
    
    .product_3 ul li .product_3_01 .product_3_on {
        text-decoration: underline;
    }
    
    .product_3_02 {
        padding: 17px;
    }
    
    .product_3_02 a {
        display: block;
        height: 38px;
        background: url(../images/product_11.gif) left center no-repeat;
        padding-left: 20px;
        line-height: 38px;
        font-size: 22px;
        color: #252525;
    }
    
    .product_4 {
        padding-top: 90px;
    }
    
    .product_4 ul li {
        float: left;
        width: 370px;
        margin: 0 15px 70px;
        position: relative;
    }
    
    .product_4_img {
        text-align: center;
        height: 274px;
        overflow: hidden;
    }
    
    .product_4_img img {
        vertical-align: top;
        width: 100%;
    }
    
    .product_4_bj {
        width: 370px;
        height: 274px;
        position: absolute;
        z-index: 99;
        left: 0;
        top: 0;
        background-color: rgba(0, 0, 0, 0.6);
        text-align: center;
        line-height: 274px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }
    
    .product_4_bj span {
        display: inline-block;
        vertical-align: middle;
        width: 145px;
        height: 45px;
        border: #e6e5e5 1px solid;
        text-align: center;
        line-height: 45px;
        font-size: 16px;
        color: #ffffff;
        text-transform: capitalize;
    }
    
    .product_4 ul li:hover .product_4_bj {
        opacity: 1;
        visibility: visible;
    }
    
    .product_4_title {
        padding-top: 46px;
        font-size: 30px;
        color: #393939;
        text-transform: inherit;
        height: 70px;
        line-height: 35px;
        overflow: hidden;
    }
    
    .product_4_tt {
        padding-top: 16px;
        height: 72px;
        overflow: hidden;
        font-size: 16px;
        color: #505050;
        line-height: 24px;
    }
    
    #work {
        padding-top: 80px;
    }
    
    .work_1 {
        width: 1200px;
        margin: 0 auto;
    }
    
    .work_1_02 {
        padding: 80px 0 60px;
        text-align: center;
        font-size: 16px;
        color: #000000;
        line-height: 35px;
    }
    
    .work_1_03 {
        text-align: center;
    }
    
    .work_2 {
        padding: 40px 0;
        background: url(../images/work_11.gif) center bottom no-repeat #fcfcfc;
    }
    
    .work_21 {
        width: 1200px;
        margin: 0 auto;
        padding-top: 40px;
    }
    
    .work_2_01 {
        padding: 80px 0;
        text-align: center;
        font-size: 27px;
        color: #394a53;
    }
    
    .work_2_02 {
        text-align: center;
        padding-bottom: 37px;
    }
    
    .work_2_02 img {
        vertical-align: middle;
        margin: 0 14px;
    }
    
    .work_2_03 {
        text-align: center;
        font-size: 20px;
        color: #416d86;
        line-height: 40px;
    }
    
    .work_2_04 {
        padding-top: 20px;
        text-align: center;
        font-size: 16px;
        color: #2f414a;
    }
    
    .work_3 {
        background: url(../images/work_13.gif) center top no-repeat;
        height: 601px;
    }
    
    .work_33 {
        width: 1200px;
        margin: 0 auto;
        padding-top: 137px;
    }
    
    .work_333 {
        width: 600px;
        /*background:url(../images/work_12.gif) left top no-repeat;*/
        padding-top: 60px;
    }
    
    .work_3_01 {
        height: 64px;
        font-size: 28px;
        color: #ffffff;
    }
    
    .work_3_02 {
        height: 180px;
        overflow: hidden;
        font-size: 16px;
        color: #b9b9b9;
        line-height: 28px;
    }
    
    .work_3_03 {
        width: 100%;
    }
    
    .work_3_03 a {
        display: inline-block;
        width: 143px;
        height: 45px;
        background-color: #c00000;
        border-radius: 45px;
        text-align: center;
        line-height: 45px;
        font-size: 16px;
        color: #ffffff;
    }
    
    .work_4 {
        width: 1200px;
        margin: 0 auto;
        padding-top: 132px;
    }
    
    .work_4 ul li {
        float: left;
        width: 380px;
        margin: 0 10px 80px;
    }
    
    .work_4_img {
        width: 76px;
        float: left;
        text-align: center;
        border-right: #f0f4ff 1px solid;
        height: 90px;
    }
    
    .work_4_img img {
        vertical-align: top;
    }
    
    .work_4_tt {
        width: 280px;
        float: right;
        font-size: 14px;
        color: #8f8f8f;
        height: 90px;
        overflow: hidden;
    }
    
    .work_4_tt h2 {
        font-size: 20px;
        color: #15487c;
        line-height: 40px;
    }
    
    .work_5 {
        height: 88px;
        background-color: #edf6ff;
    }
    
    .work_55 {
        width: 1200px;
        margin: 0 auto;
    }
    
    .work_5_left {
        width: 540px;
        float: left;
        height: 88px;
        line-height: 88px;
        font-size: 16px;
        color: #1f4b76;
    }
    
    .work_5_right {
        width: 380px;
        float: right;
        height: 88px;
        line-height: 88px;
    }
    
    .work_5_right a {
        display: inline-block;
        width: 136px;
        height: 36px;
        background-color: #e60012;
        border-radius: 36px;
        text-align: center;
        line-height: 36px;
        font-size: 17px;
        color: #ffffff;
        text-transform: uppercase;
    }
    
    .event {
        width: 100%;
    }
    
    .event_1 {
        background: url(../images/event_1.gif) center top no-repeat;
        height: 823px;
    }
    
    .event_11 {
        width: 1200px;
        margin: 0 auto;
        padding-top: 88px;
    }
    
    .event_1_02 {
        margin-top: 37px;
        position: relative;
    }
    
    .event_1_02_one {
        width: 222px;
        position: absolute;
        z-index: 99;
    }
    
    .event_1_02_one_time {
        width: 156px;
        text-align: center;
        height: 66px;
        font-size: 28px;
        color: #c00000;
        font-weight: bold;
    }
    
    .event_1_02_one_con {
        padding-top: 68px;
        font-size: 16px;
        color: #525252;
        line-height: 22px;
    }
    
    .event_1_02_one_con h2 {
        font-size: 22px;
        color: #303030;
        padding-bottom: 12px;
    }
    
    .event_1_02_top1 {
        top: 422px;
    }
    
    .event_1_02_left1 {
        left: 0;
    }
    
    .event_1_02_top2 {
        top: 354px;
    }
    
    .event_1_02_left2 {
        left: 226px;
    }
    
    .event_1_02_top3 {
        top: 295px;
    }
    
    .event_1_02_left3 {
        left: 424px;
    }
    
    .event_1_02_top4 {
        top: 230px;
    }
    
    .event_1_02_left4 {
        left: 622px;
    }
    
    .event_1_02_top5 {
        top: 165px;
    }
    
    .event_1_02_left5 {
        left: 818px;
    }
    
    .event_1_02_top6 {
        top: 99px;
    }
    
    .event_1_02_left6 {
        left: 1017px;
    }
    
    .event_2 {
        background: url(../images/event_11.gif) center top no-repeat;
        height: 1477px;
    }
    
    .event_22 {
        width: 1200px;
        margin: 0 auto;
        position: relative;
    }
    
    .event_2_01 {
        width: 480px;
        position: absolute;
        z-index: 99;
        left: 249px;
        top: 188px;
        font-size: 16px;
        color: #525252;
        line-height: 24px;
    }
    
    .event_2_02 {
        width: 466px;
        position: absolute;
        z-index: 99;
        right: 0;
        top: 590px;
        font-size: 16px;
        color: #525252;
        line-height: 24px;
    }
    
    .event_2_02 img {
        margin-right: 30px;
        margin-top: 50px;
    }
    
    .event_2_03 {
        width: 466px;
        position: absolute;
        z-index: 99;
        right: 60px;
        top: 968px;
        font-size: 16px;
        color: #525252;
        line-height: 24px;
    }
    
    .event_2_03 h2 {
        font-size: 22px;
        color: #303030;
        padding-bottom: 15px;
    }
    
    .event_2_04 {
        width: 466px;
        position: absolute;
        z-index: 99;
        left: 320px;
        top: 1173px;
        font-size: 16px;
        color: #525252;
        line-height: 24px;
    }
    
    .event_2_04 h2 {
        font-size: 22px;
        color: #303030;
        padding-bottom: 15px;
    }
    
    .event_2_04 img {
        margin-right: 20px;
        margin-top: 30px;
    }
    
    .event_3 {
        background: url(../images/event_23.gif) center top no-repeat;
        height: 809px;
    }
    
    .event_33 {
        width: 1200px;
        margin: 0 auto;
        padding-top: 55px;
    }
    
    .event_3_01 {
        text-align: center;
        position: relative;
        font-size: 86px;
        color: #eeeded;
        font-weight: bold;
        text-transform: uppercase;
    }
    
    .event_3_01 span {
        display: block;
        width: auto;
        height: 37px;
        padding: 0 20px;
        background-color: #ffffff;
        text-align: center;
        line-height: 37px;
        position: absolute;
        z-index: 99;
        top: 10px;
        left: 50%;
        margin-left: -70px;
        font-size: 30px;
        color: #333333;
    }
    
    .event_3_02 {
        padding-top: 90px;
    }
    
    .event_3_02 ul {
        width: 1223px;
    }
    
    .event_3_02 ul li {
        width: 284px;
        height: 402px;
        background-color: #ffffff;
        float: left;
        margin-right: 20px;
        box-shadow: 5px 5px 12px #eae9e8;
    }
    
    .event_3_02_img {
        padding-top: 75px;
        height: 132px;
        text-align: center;
    }
    
    .event_3_02_img img {
        vertical-align: top;
    }
    
    .event_3_02_tt {
        padding: 0 34px;
        font-size: 16px;
        color: #525252;
        line-height: 24px;
    }
    
    .event_3_02_tt h2 {
        font-size: 28px;
        color: #303030;
        padding-bottom: 12px;
    }
    
    .contact {
        width: 100%;
    }
    
    .contact_1 {
        background: url(../images/contact_1.jpg) center bottom no-repeat;
        /* height:1056px; */
        padding-bottom: 180px;
    }
    
    .contact_11 {
        width: 1200px;
        margin: 0 auto;
        padding-top: 80px;
    }
    
    .contact_1_02 {
        padding-top: 60px;
        text-align: center;
        font-size: 16px;
        color: #525252;
    }
    
    .contact_1_03 {
        padding-top: 64px;
    }
    
    .contact_1_03_left {
        width: 255px;
        float: left;
        padding-left: 76px;
        padding-top: 434px;
        font-size: 14px;
        color: #000000;
        line-height: 24px;
    }
    
    .contact_1_03_right {
        width: 650px;
        float: right;
        /* 	padding-top: 80px; */
    }
    
    .contact_1_03_right_1 {
        /*height: 130px;*/
        /*background:url(../images/contact_13.gif) left bottom no-repeat;*/
        font-size: 38px;
        color: #333333;
        line-height: 60px;
    }
    
    .contact_1_03_right_2 {
        padding-top: 30px;
    }
    
    .contact_1_03_right_2 ul li {
        padding-bottom: 18px;
        height: 62px;
        font-size: 18px;
        color: #373737;
    }
    
    .contact_1_03_right_2 ul li img {
        vertical-align: middle;
        box-shadow: 0 0 5px #e8e8e8;
        border-radius: 100%;
        margin-right: 20px;
    }
    
    .contact_2 {
        background: url(../images/contact_12.gif) center top no-repeat;
        height: 717px;
        position: relative;
    }
    
    .contact_21 {
        width: 50%;
        position: absolute;
        z-index: 99;
        top: 71px;
        left: 0;
        background: url(../images/contact_11.png) center top no-repeat;
        background-size: cover;
        height: 586px;
    }
    
    .contact_2_01 {
        padding-top: 122px;
        padding-left: 10%;
        height: 50px;
        font-size: 18px;
        color: #cbcbcb;
        text-transform: uppercase;
    }
    
    .contact_2_02 {
        height: 112px;
        overflow: hidden;
        font-size: 38px;
        color: #3f3d3d;
        line-height: 48px;
        padding-left: 10%;
    }
    
    .contact_2_03 {
        height: 103px;
        padding-left: 10%;
        font-size: 16px;
        color: #656565;
    }
    
    .contact_2_04 {
        padding-left: 10%;
        font-size: 18px;
        color: #3f3d3d;
        text-transform: uppercase;
    }
    
    .process {
        width: 100%;
    }
    
    .process ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .process ul li {
        width: 369px;
        /*width: 46%;*/
        height: 417px;
        margin-right: 43px;
        margin-bottom: 60px;
    }
    
    .process ul li:nth-child(3n+3) {
        margin-right: 0;
    }
    
    .process ul li:hover {
        background: url(/skins/demo/images/add_11.gif) center bottom no-repeat;
        /*background-size: 100%;*/
    }
    
    .process_img {
        height: 274px;
        overflow: hidden;
    }
    
    .process_img img {
        vertical-align: top;
        width: 100%;
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
    }
    
    .process ul li:hover .process_img img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    
    .process_tt {
        padding: 29px 10px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        /*要显示的行数*/
        overflow: hidden;
        font-size: 16px;
        color: #505050;
        line-height: 20px;
    }
    
    .process_tt h2 {
        font-size: 30px;
        line-height: 34px;
        color: #252525;
        padding-bottom: 25px;
    }
    
    .process ul li:hover .process_tt {
        color: #ffffff;
    }
    
    .process ul li:hover .process_tt h2 {
        color: #ffffff;
    }
    
    .process_show {
        border: #e2e2e2 1px solid;
        padding: 40px;
        box-shadow: 0 0 5px #f0f0f2;
    }
    
    .process_show ul li {
        /*height: 60px;
        line-height: 60px;*/
        /* border-bottom: #9d9d9d 1px dashed; */
        display: flex;
        /* padding: 10px; */
        /* align-items: center; */
        /* border: 1px solid;*/
    }
    
    .process_show_tt,
    .item_,
    .description_ {
        flex: 2;
        font-size: 20px;
        color: #4c4c4c;
        border: 1px solid #9d9d9d;
        text-align: center;
        padding: 10px 5px;
        border-right: none;
        border-bottom: none;
        text-align: left;
    }
    
    .process_show_load,
    .download_ {
        flex: 1;
        text-align: center;
        border: 1px solid #9d9d9d;
        padding: 10px 5px;
        border-bottom: none;
    }
    
    .process_show_load a {
        font-size: 20px;
        color: #4c4c4c;
    }
    
    .process_show_load img {
        vertical-align: middle;
        margin-left: 4px;
    }
    
    .process_show ul li:last-child {
        border-bottom: 1px solid #9d9d9d;
    }
    
    .download_ {
        padding: 15px 5px;
        font-size: 20px;
        color: #4c4c4c;
    }
    
    .resin ul li:last-child {
        border: none;
    }
    
    .resin ul {
        display: flex;
        flex-wrap: wrap;
        /* justify-content: space-between; */
        margin-top: 80px;
    }
    
    .resin ul li a {
        font-size: 20px;
        color: #4c4c4c;
    }
    
    .resin ul li {
        width: 21%;
        margin-bottom: 50px;
        display: flex;
        /* justify-content: center; */
        margin-left: 42px;
    }
    
    .resin ul li>img {
        margin-left: 15px;
        width: 19px;
        height: 21px;
    }