header .nav ul li:first-child a { color: #0d47a1; }

.content { padding-top: 90px; }
.company_p { min-height: 500px; }
.content .company_p .title { float: left; width: 610px; }

.content .company_p .right { float: right; }

.content .company_p .title h2 { margin-top: -4px; font-weight: bold; font-size: 30px; color: #323232; }

.company_p .title h3 { font-size: 28px; color: #323232; line-height: 6rem; }

.company_p .title p { font-size: 16px; color: #323232; margin-top: 50px; line-height: 35px; }

.company_p .title ul { margin-top: 70px; position: absolute; width: 845px; height: 140px; background: #fff; -webkit-box-shadow: 0 0 20px rgba(153, 153, 153, 0.2); -moz-box-shadow: 0 0 20px rgba(153, 153, 153, 0.2); box-shadow: 0 0 30px rgba(153, 153, 153, 0.2); z-index: 99; }

    .company_p .title ul li { display: inline-block; margin-top: 36px; text-align: center; padding: 0px 5%; }

        .company_p .title ul li   li { border-left: 1px solid #e6e6e6; }

        .company_p .title ul li h4 { margin-top: -10px; margin-bottom: -10px; font-size: 50px; color: #0d47a1; }
            .company_p .title ul li h4 i { font-style: inherit; }

            .company_p .title ul li h4 span { margin-left: 5px; font-size: 14px; color: #585858; }

        .company_p .title ul li h5 { margin-bottom: -10px; margin-top: 20px; font-size: 16px; color: #585858; }

.company_p .right { margin-bottom: 70px; }

.operational_a { min-height: 838px; clear: both; background: url(/uploads/image/rwebimg/01-bg01.jpg) no-repeat; }

    .operational_a .title { padding-top: 110px; }

        .operational_a .title .left { float: left; }

        .operational_a .title h2 { margin-top: -4px; font-weight: bold; font-size: 30px; color: #323232; }

    .operational_a h3 { font-size: 28px; color: #323232; }

    .operational_a p { font-size: 18px; color: #2196f3; padding-top: 50px; float: right; }

    .operational_a ul { clear: both; padding-bottom: 138px; padding-top: 85px; }

        .operational_a ul li { display: none; position: relative; padding-right: 28px; }

            .operational_a ul li h4 { position: absolute; top: 59px; left: 20px; font-size: 22px; color: #ffff; }

            .operational_a ul li h5 { position: absolute; top: 95px; left: 20px; font-size: 20px; color: #9fd0ee; }

            .operational_a ul li img { width: 24%; text-align: center; position: relative; display: inline-block; line-height: 60px; }

            .operational_a ul li img { display: inline-block; cursor: pointer; height: auto; max-width: 100%; width: 100%; -webkit-transition: .6s; transition: .6s; }

                .operational_a ul li img:hover { transform: scale(1.05); -webkit-transition: scale(1.05); }

.products { min-height: 950px; background: url(/uploads/image/rwebimg/01-bg02.jpg) no-repeat; }
.mobliepro { width: 100%; padding: 20px 0; }
    .mobliepro ul li { width: calc(50% - 2px); display: inline-block; }
    .mobliepro a img { width: 100%; height: auto; }
.content .banner2 img { width: 100%; height: auto; }
.content .banner3 img { width: 100%; height: auto; }
.content .banner3 { margin-top: 0 !important; }

.successful_c .title { padding-top: 58px; float: right; }

    .successful_c .title h2 { margin-top: -4px; font-weight: bold; font-size: 30px; /*color: #323232;*/ color: #fff; }

    .successful_c .title h3 { font-size: 28px; color: #fff; }

.successful_c ul { padding: 40px 0; clear: both; }

    .successful_c ul li:first-child h1 { position: absolute; top: 115px; left: 50px; font-size: 40px; color: #fff; }
    .successful_c ul li:first-child h2 { position: absolute; top: 55px; left: 50px; font-size: 40px; color: #fff; }

    .successful_c ul li:first-child h3 { position: absolute; top: 180px; left: 50px; font-size: 18px; color: #fff; }

    .successful_c ul li { width: 381px; height: 339px; border: 2px solid #f6f9fb; text-align: center; }

    .successful_c ul li { display: none; margin-top: 16px; margin-right: 16px; }

        .successful_c ul li p { padding-top: 10px; line-height: 25px; font-size: 16px; color: #111111; width: 200px; margin: 0 auto !important; }

        .successful_c ul li img { padding-top: 10px; }

        .successful_c ul li:hover p { color: #0d47a1; }

        .successful_c ul li:hover { border: 2px solid #0d47a1; }

        .successful_c ul li img { display: inline-block; cursor: pointer; height: auto; -webkit-transition: all .5s; transition: .5s; }

        .successful_c ul li:hover img { transform: scale(1.05); -webkit-transition: scale(1.05); }
        .successful_c ul li img { width: 352px; height: 236px; }
.news { padding-bottom: 70px; background: #f7f7f7; }

    .news .title { padding-top: 75px; }

        .news .title .left { float: left; }

        .news .title h2 { margin-top: -4px; font-size: 30px; color: #323232; }

        .news .title h3 { font-weight: bold; font-size: 28px; color: #9aca40; }

        .news .title a { font-size: 18px; color: #9aca40; padding-top: 50px; float: right; }

    .news ul { clear: both; width: 1200px; height: 500px; background: #fff; border-top: 4px solid #9aca40; margin-top: 120px; }

    .news .right { padding-left: 20px; float: right; width: 356px; }

    .news ul li { display: inline-block; padding-left: 30px; margin: 35px 0px; }
        .news ul li img { width: 200px; max-height: 150px; }

        .news ul li h2 { margin-top: -0px; font-size: 18px; color: #000000; }

            .news ul li h2 span { display: inline-block; padding-top: 8px; font-size: 14px; color: #959595; }

        .news ul li p { padding-top: 10px; font-size: 14px; color: #000; }

    .news ul hr { border: 1px solid #9aca40; }

    .news ul li a { padding-top: 4px; width: 90px; height: 30px; background: #9aca40; float: right; text-align: center; border-radius: 3px; font-size: 14px; color: #fff; }

        .news ul li a:hover { background: #8db83d; }

    .news ul li:hover p, .news ul li:hover h2, .news ul li:hover span { color: #8db83d; }
.index_video_show { width: 100%; height: 266px; background: url(/uploads/image/rwebimg/video-bg.jpg) no-repeat; text-align: center; padding-top: 20%; }
    .index_video_show img { width: auto; }
.index_video { display: none; position: fixed; top: 35%; left: 0; right: 0; width: 95%; height: 300px; margin: 0 auto; background: #ffffff; z-index: 100; }
    .index_video video { display: none; position: relative; width: 100%; height: 100%; z-index: 100; }
#video_moblie_nav_mask { display: none; position: fixed; top: 0px; width: 100%; height: 100%; background-color: #000000; opacity: 0.8; z-index: 99; }
.channel_tel { width: 100%; height: 84px; background-image: url(/uploads/image/rwebimg/indexbg.jpg); background-repeat: no-repeat; background-size: 100% 100%; }
    .channel_tel p { font-size: 4rem; font-weight: 500; color: white; text-align: center; line-height: 8rem; }

@media screen and (max-width: 750px) {
    .swiper-slide { height: auto !important; }
        .swiper-slide img { width: 100%; height: auto !important; }
    .swiper-button-next, .swiper-button-prev { display: none !important; }
    .content .company_p .title { width: 100%; display: block !important; }
        .content .company_p .title h2, .content .company_p .title h3 { display: none; }
    .operational_a { min-height: 550px !important; background-image: none; }
        .operational_a .title { display: none; padding-top: 3rem; padding-left: 15px; }
            .operational_a .title h2 { font-size: 3rem; }
        .operational_a h3 { font-size: 2.5rem; }
        .operational_a p { font-size: 1.5rem; color: #2196f3; padding-top: 2rem; float: left; }
        .operational_a ul { text-align: center; padding-top: 2rem !important; padding-bottom: 0 !important; }
            .operational_a ul li { width: 49%; display: inline-block !important; padding: 10px !important; }
                .operational_a ul li img:hover { transform: none; -webkit-transition: none; }
                .operational_a ul li h4 { width: 80%; left: 15px; font-size: 2rem; text-align: left; }
                .operational_a ul li h5 { top: 110px; left: 10px; font-size: 1.5rem; }
    .channel_tel p { font-size: 2rem; }
    .successful_c { padding-bottom: 20px; }
        .successful_c .title { padding-left: 15px; padding-top: 3rem !important; float: none !important; }
        .successful_c ul { padding: 0 !important; text-align: center; }
            .successful_c ul li { display: inline-block; width: 49% !important; height: auto !important; bottom: 0 !important; margin-right: 0 !important; }
    .news { margin: 0 !important; padding-bottom: 2rem !important; }
        .news ul { clear: both; width: 100%; height: auto !important; margin-top: 0 !important; }
            .news ul li { padding: 0 15px !important; }
            .news ul hr { display: none; }
            .news ul li img { width: 50%; }
        .news .right { width: 49% !important; }
        .news .title { padding-top: 2rem !important; }
            .news .title .left { padding-left: 15px; }
            .news .title a { padding-right: 15px; }
        .news ul li { display: inline-block; }
            .news ul li:nth-child(n 3) { display: none; }
    .company_p { min-height: 200px !important; }
    .successful_c ul li img { width: 100% !important; height: auto !important; }
    .successful_c ul li p { width: 100% !important; }
    .content .company_p .right { display: none !important; }
    .company_p .title ul { position: inherit !important; width: 100% !important; height: auto !important; margin-top: 1rem !important; }
        .company_p .title ul li { padding: 0 !important; }
            .company_p .title ul li:nth-child(1) { width: 18%; }
            .company_p .title ul li:nth-child(2) { width: 18%; }
            .company_p .title ul li:nth-child(3) { width: 22%; }
            .company_p .title ul li:nth-child(4) { width: 38%; }
            .company_p .title ul li h4 { font-size: 18px !important; }
                .company_p .title ul li h4 span { font-size: 0.5rem; }
            .company_p .title ul li h5 { font-size: 0.5rem; }
}

@media screen and (max-width: 320px) {
    .company_p .title ul li:nth-child(4) { width: 36%; }
}