        img {
            max-width: 100%;
        }
        
        *:focus {
            outline: none;
        }
        
        body {
            position: relative;
        }
        
        .red {
            color: #c00d23 !important;
            font-weight: bold;
            font-family: 'SIYUAN';
        }
        
        .SIYUAN {
            font-family: 'SIYUAN';
            font-weight: 700;
        }
        
        .index_news_t_2 {}
        
        #header {
            /*-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);*/
            background-position: bottom;
            background-repeat: repeat-x;
            background-image: url(../image/img3.png);
            width: 100%;
            z-index: 99999;
            position: fixed;
            left: 0;
            top: 0
        }
        
        .header_mid {
            position: relative;
            margin: 0 4%;
        }
        
        .header_mid_left {
            position: absolute;
            top: 0;
            left: 0%;
            height: 100%;
        }
        
        .header_mid_right {
            position: absolute;
            right: 0%;
            top: 0;
            height: 100%;
        }
        
        .header_mid_mid {
            margin-left: 28%;
        }
        
        .header_mid_mid ul li {
            z-index: 10;
            margin-left: 4em;
            float: left;
            position: relative;
            line-height: 4.625em;
        }
        
        .header_mid_mid ul li dl {
            line-height: normal;
            background-position: top;
            background-repeat: repeat-x;
            position: absolute;
            left: -34px;
            width: 140px;
            z-index: 100;
            padding: 0.5em 0;
            background-color: #fff;
            display: none;
            -webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
        }
        
        .menu_right_mid {}
        
        .menu_right_mid_1 {
            color: #000;
            font-size: 1.5em;
            margin-bottom: 0.1em;
        }
        
        .menu_right_mid_3 {}
        
        .menu_right_mid_3 p {
            clear: both;
            width: 100%;
            display: block;
            text-align: center
        }
        
        .menu_right_mid_3 p a {
            font-size: 14px;
            display: block;
            padding: 0.4em 0;
            -webkit-transition-duration: 0.5s;
            -ms-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            -moz-transition-duration: 0.5s;
            transition-duration: 0.5s;
        }
        
        .menu_right_mid_3 p a:hover {
            color: #fff;
            background-color: #c30d23
        }
        
        .menu_right_mid_2 {
            font-size: 0.875em;
            color: #707070;
            font-family: Arial, Helvetica, sans-serif;
        }
        
        .header_mid_mid ul li dl dd {
            position: relative;
        }
        
        .menu_left {
            width: 54.16666666666667%;
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        
        .header_mid_mid ul li a.biga {
            display: block;
            color: #fff;
            font-size: 16px;
            position: relative;
        }
        
        .header_mid_mid ul li a.biga:after {
            width: 0;
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            left: 50%;
            height: 1px;
            background-color: #c00d23;
            transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s
        }
        
        .header_mid_mid ul li a.biga:hover:after,
        .header_mid_mid ul li a.bigaon:after {
            left: 0;
            width: 100%;
        }
        
        .header_mid_mid ul li:nth-child(1) {
            margin-left: 0
        }
        
        .spacing {
            letter-spacing: 4px !important;
        }
        
        .header_mid_right_right {
            padding-left: 1em;
            background-position: left center;
            background-repeat: no-repeat;
            background-image: url(../image/img1.png);
        }
        
        .header_mid_right_right a {
            display: inline-block;
            color: #fff;
            padding: 0 .6em;
        }
        
        .header_mid_right_right a:nth-child(2) {
            padding-right: 0;
            background-position: left center;
            background-repeat: no-repeat;
            background-image: url(../image/img2.png);
        }
        
        .global-nav-initializer {
            width: 38px;
            height: 34px;
            display: none;
            margin: 0 1em;
            position: relative;
            background: white;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -ms-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }
        
        .global-nav-initializer .line {
            width: 22px;
            height: 2px;
            background: 2px;
            left: 8px;
            position: absolute;
            background: #333;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -ms-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }
        
        .global-nav-initializer .line.top {
            top: 8px;
        }
        
        .global-nav-initializer .line.mid {
            top: 16px;
        }
        
        .global-nav-initializer .line.bottom {
            top: 24px;
        }
        
        .active .global-nav-initializer {
            background: #cfa972;
        }
        
        .active .global-nav-initializer .line {
            background-color: #fff;
        }
        
        .global-nav-initializer.active .line.top {
            -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0);
            -moz-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0);
            -ms-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0);
            -o-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0);
            transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0);
        }
        
        .global-nav-initializer.active .line.mid {
            -webkit-transform: scaleX(0);
            -moz-transform: scaleX(0);
            -ms-transform: scaleX(0);
            -o-transform: scaleX(0);
            transform: scaleX(0);
        }
        
        .global-nav-initializer.active .line.bottom {
            -webkit-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0);
            -moz-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0);
            -ms-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0);
            -o-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0);
            transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0);
        }
        
        .mobilemenu {
            overflow: visible;
            overflow-x: hidden;
            overflow-y: auto;
            -webkit-transition-duration: 0.5s;
            -ms-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            -moz-transition-duration: 0.5s;
            transition-duration: 0.5s;
            opacity: 0;
            position: fixed;
            left: 0;
            top: -100%;
            width: 100%;
            background-color: #fff;
            height: calc(100vh - 74px);
            z-index: 888;
        }
        
        .mobilemenuon {
            top: 73.15px;
            opacity: 1;
        }
        
        .mobilemenu ul li {
            text-align: center;
            border-bottom: 1px #dedede solid;
        }
        
        .mobilemenu ul {
            margin: .5em 0 0 0;
        }
        
        .mobilemenu ul li a.biga {
            display: block;
            padding: 0.8em 0;
        }
        
        .mobilemenu ul li.on a.biga {
            color: #fff;
            background-color: #c30d23
        }
        
        .mobilemenu ul li dl dd {
            font-size: 0.875em;
            margin: 0.5em 0;
        }
        
        .mobilemenu ul li dl {
            display: none;
            padding-bottom: 0.5em;
        }
        /*********index**********/
        
        .banner_img {
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            height: 100vh;
        }
        
        .wrap {
            padding: 0 6%;
        }
        
        .banner_mid {
            color: #fff;
            position: absolute;
            left: 0;
            width: 100%;
            z-index: 100;
            bottom: 28%;
        }
        
        .banner_mid_1 {
            margin-bottom: 0.25em;
            font-size: 3.75em;
            font-weight: bold;
        }
        
        .banner_mid_2 {
            font-size: 1.5em;
        }
        
        .indexbanner .swiper-pagination-bullet {
            border-radius: 0;
            background: none;
            background-image: url(../image/img9.png);
            opacity: 1;
            width: 105px;
            height: 3px;
            position: relative;
        }
        
        .indexbanner .swiper-pagination-bullet i {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            background-color: #fff;
        }
        
        #swiper-pagination-index-banner {
            left: 0%;
            width: 100%;
            /* text-align: left; */
            bottom: 5%;
        }
        
        .indexbanner .swiper-pagination-bullet-active {
            background-image: url(../image/img9on.png);
        }
        
        .index_news {
            padding-bottom: 8em;
            overflow: hidden;
            background-color: #f6fafa;
        }
        
        .index_news_t_1 {
            margin-bottom: 0.18em;
            text-align: center;
            font-size: 2.5em;
            color: #1b2229;
        }
        
        .index_news_t_2 {
            letter-spacing: 6px;
            line-height: 1.5;
            text-align: center;
            font-size: 1.15em;
            color: #5e5e5e;
            letter-spacing: 0.1em;
        }
        
        .index_news_t {
            padding-top: 4.625em;
            padding-bottom: 4.625em;
        }
        
        .index_news_2_left {
            position: relative;
            float: left;
            width: 66.13898026315789%;
        }
        
        .index_news_2_right {
            float: right;
            width: 32.27796052631579%;
        }
        
        .index_news_2_left_1 {
            position: relative;
            overflow: hidden;
            height: 28.875em;
        }
        
        .index_news_2_left_1_bg {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        
        .index_news_2_left_2 {
            color: #fff;
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            z-index: 10;
        }
        
        .index_news_2_left_2_mid_1 {
            font-size: 20px;
        }
        
        .index_news_2_left_2_mid {
            padding: 0 4%;
        }
        
        .index_news_2_left_2_mid_2 {
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            word-wrap: break-word;
            word-break: break-all;
            line-height: 1.5;
            margin: 0.8em 0 1.5em 0;
        }
        
        .index_news_2_right {
            height: 28.875em;
            background-color: #fff;
            -webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
            position: relative;
        }
        
        .index_news_2_right_1 {
            overflow: hidden;
            position: relative;
            height: 19.25em;
        }
        
        .index_news_2_right_2_mid {
            padding: 1em;
        }
        
        .index_news_2_right_2_mid_1 {
            font-size: 16px color: #1b2229;
        }
        
        .index_news_2_right_2_mid_2 {
            font-size: 0.9375em;
            color: #1b2229;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            word-wrap: break-word;
            word-break: break-all;
            margin-top: .7em;
            margin-bottom: 1.5em;
        }
        
        .index_news_2_right_2_mid_3 {
            color: #e67171;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 0.9375em;
        }
        
        .index_news_3 ul li {
            background-color: #fff;
            -webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
            margin-top: 2em;
            position: relative;
            float: left;
            width: 32.27796052631579%;
            margin-right: 1.583059210526315%;
        }
        
        .index_news_3 ul li:after,
        .index_news_2_right:after {
            -webkit-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 0%;
            height: 2px;
            background-color: #df7272;
        }
        
        .index_news_3 ul li:hover:after,
        .index_news_2_right:hover:after {
            width: 100%;
        }
        
        .index_news_3 ul li:nth-child(1) {
            display: none
        }
        
        .index_service_1,
        .index_service_2 {
            color: #fff;
        }
        
        .index_service {
            padding-top: 15em;
            padding-bottom: 11.875em;
            background-image: url(../image/img6.jpg);
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        
        .index_service_3 {
            text-align: center;
            margin-top: 3em;
        }
        
        .index_service_3 a {
            padding-bottom: 0.4em;
            padding-left: 0.2em;
            padding-right: 0.2em;
            display: inline-block;
            position: relative;
        }
        
        .index_service_3 a span {
            padding-right: 1.5em;
            color: #fff;
            display: inline-block;
            background-position: right center;
            background-repeat: no-repeat;
            background-image: url(../image/img10.png);
        }
        
        .index_case {
            overflow: hidden;
            padding-bottom: 8em;
            background-position: center top;
            background-repeat: no-repeat;
            background-size: cover;
            background-image: url(../image/img5.jpg);
        }
        
        .index_case_1 {
            position: relative;
        }
        
        .index_case_1_left {
            position: relative;
            width: 57.91666666666667%;
            overflow: hidden;
        }
        
        .index_case_1_left img {
            width: 100%;
        }
        
        .index_case_1_left_jj {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            z-index: 10;
            color: #fff;
        }
        
        .index_case_1_left_jj_mid {
            padding: 0 2.5em 2em 2.5em;
        }
        
        .index_case_1_left_jj_mid_1 {
            font-size: 20px;
        }
        
        .index_case_1_left_jj_mid_2 {
            font-family: Arial, Helvetica, sans-serif;
            margin-top: 0.4em;
        }
        
        .index_case_1_right {
            position: absolute;
            right: 0;
            top: 0;
            height: 100%;
            width: 40.97222222222222%;
        }
        
        .index_case_1_right_top {
            overflow: hidden;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 48.94259818731118%;
        }
        
        .index_case_1_bg {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        
        .index_case_1_right_footer {
            overflow: hidden;
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 48.94259818731118%;
        }
        
        .index_service_3 a:hover span {
            padding-right: 2.2em;
            color: #c30d23;
            background-image: url(../image/img10b.png);
        }
        
        .wraptext {
            margin-bottom: 13rem;
        }
        
        .index_about {
            background-position: center center;
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-size: cover;
            position: relative;
            background-image: url(../image/img1.jpg);
            padding-top: 7em;
            padding-bottom: 11em;
            margin-top: 5em;
        }
        
        .index_about_1,
        .index_about_2 {
            color: #fff;
        }
        
        .index_about_3 ul li {
            position: relative;
            background-position: left;
            background-repeat: repeat-y;
            background-image: url(../image/img11.png);
            float: left;
            width: 20%;
            color: #fff;
            text-align: center;
        }
        
        .index_about_3_mid {
            display: inline-block;
            text-align: center;
            padding: 0 1em;
        }
        
        .index_about_3 ul li:nth-child(1) {
            text-align: left;
            background-image: none
        }
        
        .index_about_3_mid_1 span {
            font-size: 3em;
            margin-bottom: 0.2em;
            font-family: 'NUM'
        }
        
        .index_about_3_mid_2 {
            font-size: 1.25em;
        }
        
        .index_about_3 {
            margin-top: 4.5em;
        }
        
        .index_pro_1_mid {
            cursor: pointer;
            text-align: center;
            position: relative;
            height: 8.125em;
        }
        
        .index_pro_1_mid:before {
            width: 0;
            z-index: 100;
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            left: 50%;
            height: 1px;
            background-color: #c30d23;
            transition: all .45s cubic-bezier(0.215, 0.61, 0.355, 1) 0s
        }
        
        .index_pro_1_list.on .index_pro_1_mid:before {
            width: 100%;
            left: 0;
        }
        
        .index_pro_1_mid:after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 1px;
            background-color: #dadada;
        }
        
        .index_pro_1_mid_1 {
            font-size: 1.125em;
            color: #333;
        }
        
        .index_pro_1_mid_2 {
            font-size: 0.875em;
            font-family: Arial, Helvetica, sans-serif;
            color: #999;
            margin-top: 0.1em;
        }
        
        .index_pro_1_mid_3 {
            padding: 0.5em 0 2em 0;
        }
        
        .index_pro_1_mid_3 span {
            display: inline-block;
            position: relative;
        }
        
        .index_pro_1_mid_3 span img:nth-child(1) {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 10;
            opacity: 0;
        }
        
        .index_pro_2 {
            margin-top: 3em;
        }
        
        .index_pro_2 .swiper-container {
            display: none;
        }
        
        .index_pro_2 .swiper-container.active {
            display: block;
        }
        
        .index_pro_2 ul li {
            margin-right: 0.55555555555556%;
            float: left;
            width: 24.58333333333333%;
            margin-top: 2em;
        }
        
        .index_pro_2 ul li:nth-child(4n) {
            margin-right: 0
        }
        
        .index_pro_2_mid {
            position: relative;
            background-color: #f2f6f7;
        }
        
        .index_pro_2_mid_1_img {
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            opacity: 0;
            transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
            /*transform: scale(0, 0);*/
        }
        
        .index_pro_2_mid_1_img img {
            width: 100%;
        }
        
        .index_pro_2_mid_1 {
            text-align: center;
            padding: 2.9375em 2.9375em 0 2.9375em;
        }
        
        .index_pro_2_mid_1 img {
            width: 100%;
        }
        
        .index_pro_2_mid_2 {
            text-align: center;
            position: relative;
            z-index: 100;
            padding: 1.5em 2.9375em 2em 2.9375em;
        }
        
        .index_pro_2_mid_2_1 {
            font-size: 16px;
            color: #1b2229;
            margin-bottom: 0.3em;
        }
        
        .index_pro_2_mid_2_2 span {
            display: inline-block;
            position: relative;
            padding-bottom: 0.1em;
        }
        
        .index_pro_2_mid_2_2 span i {
            background-image: url(../image/img14.png);
            padding-right: 1.5em;
            font-style: normal;
            font-size: 0.75em;
            color: #202020;
            display: inline-block;
            background-position: right center;
            background-repeat: no-repeat;
        }
        
        .index_pro_sw .swiper-button-next.swiper-button-disabled,
        .index_pro_sw .swiper-button-prev.swiper-button-disabled {
            opacity: 0;
        }
        
        @media screen and (min-width:769px) {
            .index_pro_sw .swiper-slide:hover .index_pro_2_mid_1_img {
                opacity: 1;
                transform: scale(1, 1);
            }
            .index_pro_sw .swiper-slide:hover .index_pro_2_mid_2_2 span {
                border-color: #fff;
            }
            .index_pro_sw .swiper-slide:hover .index_pro_2_mid_2_2 span i {
                background-image: url(../image/img15b.png);
            }
            .index_pro_sw .swiper-slide:hover .index_pro_2_mid_2_1,
            .index_pro_sw .swiper-slide:hover .index_pro_2_mid_2_2 span i {
                color: #fff;
            }
            .index_pro_sw .swiper-slide:hover .index_pro_2_mid_2_2 span i {
                color: #c30d23;
            }
            .index_pro_sw .swiper-slide:hover .index_pro_2_mid_2_2 span i {
                padding-right: 2em;
            }
        }
        
        @media screen and (min-width:1091px) {
            .index_pro_2 ul li:hover .index_pro_2_mid_2_1,
            .index_pro_2 ul li:hover .index_pro_2_mid_2_2 span i {
                color: #fff;
            }
        }
        
        .index_pro_2 ul li:hover .index_pro_2_mid_1_img {
            opacity: 1;
            transform: scale(1, 1);
        }
        
        .index_pro_2 ul li:hover .index_pro_2_mid_2_2 span {
            border-color: #fff;
        }
        
        .index_pro_2 ul li:hover .index_pro_2_mid_2_2 span i {
            background-image: url(../image/img15.png);
        }
        /*.index_pro_1_list.on .index_pro_1_mid:after{
background-color:#c30d23;}*/
        
        .index_pro_1_list.on .index_pro_1_mid_3 span img:nth-child(1) {
            opacity: 1;
        }
        
        .index_pro_1_list.on .index_pro_1_mid_3 span img:nth-child(2) {
            opacity: 0;
        }
        /*****footer******/
        
        .footermid_left_1_left {
            padding-left: 8%;
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
        }
        
        .footermid_left {
            position: relative;
            padding-bottom: 3em;
            float: left;
            width: 100%;
            /* padding-top: 3em; */
            background: #1c1c1c;
        }
        /* 
.footermid_left:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #f3f3f3;
} */
        /* .footermid_right {
    padding-top: 3em;
    float: right;
    width: 34%;
} */
        
        .footermid_left_1 {
            background-color: rgb(192, 13, 35);
            padding: 2% 6%;
            padding-left: 8%;
            position: relative;
            text-align: right;
        }
        
        .footermid_left_1 a {
            margin-left: 0.75em;
            position: relative;
            display: inline-block;
            width: 3em;
            height: 3em;
            border: 1px #d5e2e3 solid;
            background-position: center;
            background-repeat: no-repeat;
            position: relative;
            border-radius: 100%;
        }
        
        .footermid_left_1 a:nth-child(1):after {
            content: '';
            position: absolute;
            width: 1.6875em;
            margin-left: -0.84375em;
            top: 50%;
            left: 50%;
            height: 1.3125em;
            margin-top: -0.65625em;
            background-image: url(../image/img12.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        
        .footermid_left_1 a:nth-child(1):hover:after {
            background-image: url(../image/img1on.png);
        }
        
        .footermid_left_1 a:nth-child(2):after {
            content: '';
            position: absolute;
            width: 1.375em;
            margin-left: -0.6875em;
            top: 50%;
            left: 50%;
            height: 1.5em;
            margin-top: -0.75em;
            background-image: url(../image/img21.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        
        .footermid_left_1 a:nth-child(2):hover:after {
            background-image: url(../image/img2on.png);
        }
        
        .footermid_left_1 a:nth-child(3):after {
            content: '';
            position: absolute;
            left: 50%;
            top: 50%;
            height: 1.3125em;
            width: 1.3125em;
            margin-left: -0.65625em;
            margin-top: -0.65625em;
            background-image: url(../image/img31.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        
        .footermid_left_1 a:nth-child(3):hover:after {
            background-image: url(../image/img3on.png);
        }
        
        .footermid_left_1 a:hover {
            background-color: #8a8a8a;
            border-color: #8a8a8a
        }
        
        .footermid_left_1 a:after {
            position: relative;
            border-radius: 100%;
            -webkit-transition: 1s;
            -webkit-transition: -webkit-transform 1s ease-out;
            transition: transform 1s ease-out;
            -moz-transition: -moz-transform 1s ease-out;
        }
        
        .footermid_left_1 a:hover:after {
            transform: rotateZ(360deg);
            -webkit-transform: rotateZ(360deg);
            -moz-transform: rotateZ(360deg);
        }
        
        .footermid_left_1 a img {
            display: none;
            position: absolute;
            -webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
            width: 9.375em;
            left: -3.125em;
            max-width: none;
            z-index: 10;
            top: 3.125em;
        }
        
        .footermid_left_1 a:hover img {
            display: block
        }
        
        .footermid_right_mid_1 {
            font-size: 1.25em;
            color: #000;
        }
        
        .footermid_right_mid_2 {
            margin-top: 0.2em;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 2.25em;
            color: #000;
        }
        
        .footermid_left_1_right {
            padding: 4% 0;
        }
        
        .footermid_left_2 {
            padding-left: 8%;
            /* margin-top: 2.5em; */
            padding-top: 4.5em;
            border-top: 1px #2c2c2c solid;
        }
        
        .footermid_left_2 ul li {
            float: left;
            width: 16%;
        }
        
        .footermid_left_2 dl dd a {
            font-size: 16px;
        }
        
        .footermid_left_2 ul li p {
            padding-bottom: .9em;
            position: relative;
            font-size: 18px;
            color: white !important;
        }
        
        .footermid_left_2 ul li p:after {
            content: '';
            transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
            position: absolute;
            left: 0;
            bottom: 0;
            width: 22px;
            height: 1px;
            background-color: #666;
        }
        
        .footermid_left_2 ul li:hover p:after {
            width: 50px;
        }
        
        .footermid_left_2 dl {
            margin-top: 1.5em;
        }
        
        .footermid_left_2 dl dd {
            margin-top: 0.9em;
        }
        
        .footermid_left_2 dl dd a {
            color: white !important;
        }
        
        .footermid_left_2 dl dd a:hover {
            color: #c30d23;
        }
        
        .footer_2_left a {
            color: white !important;
        }
        
        .footermid_right_mid_3_1 {
            padding-left: 1.2em;
            margin-bottom: 0.5em;
            font-size: 1.25em;
            color: white !important;
            background-position: left center;
            background-repeat: no-repeat;
            background-image: url(../image/img4.png);
        }
        
        .footermid_right_mid_3_2,
        .footermid_right_mid_3_3 {
            color: #333;
            margin-top: 0.5em;
            line-height: 1.5;
        }
        
        .footermid_right_mid_3 ul li {
            border-top: 1px #2c2c2c solid;
            padding-bottom: 1.5em;
            padding-top: 1.5em;
        }
        
        .footermid_right_mid_3 ul li:last-child {
            border: none;
            padding-bottom: 0
        }
        
        .footermid_right_mid {
            padding-left: 8%;
        }
        
        .footer_2_left {
            color: white !important;
            font-size: 16px;
        }
        
        .footer_2 {
            padding: 1.3em 0;
            border-top: 1px #2c2c2c solid;
            background: #1c1c1c;
        }
        
        .footer_2_left {
            padding-left: 8%;
        }
        
        .header_mid_left_mid a {
            display: inline-block;
            width: 200px;
            height: 49px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            background-image: url(../image/logo.png);
        }
        /*******导航处理*******/
        
        .bodyon .header_mid_left_mid a,
        .bodyon2 .header_mid_left_mid a {
            background-image: url(../image/logo_b.png);
        }
        
        .bodyon #header,
        .bodyon2 #header {
            /*-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);*/
            background-color: #ebebeb;
        }
        
        .bodyon .header_mid_mid ul li a.biga,
        .bodyon .header_mid_right_right a,
        .bodyon2 .header_mid_mid ul li a.biga,
        .bodyon2 .header_mid_right_right a {
            color: #020202;
        }
        
        .bodyon .header_mid_right_right,
        .bodyon2 .header_mid_right_right {
            background-image: url(../image/img1on1.png);
        }
        
        .bodyon .header_mid_right_right a:nth-child(2),
        .bodyon2 .header_mid_right_right a:nth-child(2) {
            background-image: url(../image/img2on1.png);
        }
        
        .bodyon .header_mid_mid ul li a.biga:after,
        .bodyon2 .header_mid_mid ul li a.biga:after {
            background-color: #020202;
        }
        
        .header_mid_mid ul li a.biga:hover:after {
            background-color: #c00d23;
        }
        /********about************/
        
        .nybanner {
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            width: 100%;
            height: 100vh;
            position: relative;
        }
        
        .nybanner_mid {
            position: absolute;
            left: 0;
            bottom: 16%;
            width: 100%;
            z-index: 10;
            color: #fff;
        }
        
        .nybanner_mid_1 {
            font-size: 3.75em;
            margin-bottom: 0.28em;
        }
        
        .nybanner_mid_2 {
            font-size: 1.5em;
        }
        
        .about_1_left_3 {
            margin-top: 1em;
            color: #666;
            line-height: 1.8;
        }
        
        .about_1_left {
            float: left;
            width: 43.109375%;
        }
        
        .about_1_right {
            text-align: center;
            float: right;
            width: 46.46875%;
        }
        
        .about_1_left_1,
        .about_1_left_2 {
            text-align: left;
        }
        
        .about_1_left_1 {
            margin-top: 0.2em;
        }
        
        .about_1_right div {
            overflow: hidden;
            display: inline-block;
        }
        
        .about_1 {
            padding-top: 8.125em;
        }
        
        .about_1_mid .index_about_3_mid_1 span {
            color: #000
        }
        
        .about_1_mid .index_about_3_mid_2 {
            color: #666;
        }
        
        .about_1_mid .index_about_3 ul li {
            background-image: url(../image/img11.jpg);
        }
        
        .about_1_mid .index_about_3 ul li:nth-child(1) {
            background-image: none
        }
        
        .about_1_mid {
            margin-bottom: 10em;
        }
        
        .about_2 {
            background-color: #f3f8fa;
            padding-bottom: 9.75em;
            position: relative;
            overflow: hidden;
        }
        
        .about_2:after {
            content: '';
            position: absolute;
            width: 100%;
            height: 58%;
            left: 0;
            top: 0;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            background-image: url(../image/img2.jpg);
        }
        
        .about_2 .wrap {
            position: relative;
            z-index: 10;
        }
        
        .about_2_top .about_2_1,
        .about_2_top .about_2_2 {
            color: #fff;
        }
        
        .about_2_3 {
            text-align: center;
            font-size: 1.25em;
            color: #fff;
            margin-top: 1.5em;
        }
        
        .about_2_top {
            margin: 5.625em 0 8em 0;
        }
        
        .about_2_mid ul li {
            float: left;
            position: relative;
            width: 33.3333333%;
            height: 38.125em;
            color: #fff;
        }
        
        .about_2_mid ul li a {
            display: block;
            position: relative;
            width: 100%;
            height: 100%;
        }
        
        .about_2_mid ul li:after {
            opacity: .7;
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 1px;
            height: 100%;
            background-color: #fff;
        }
        
        .about_2_mid ul li:nth-child(1):after {
            display: none
        }
        
        .about_2_mid_top {
            position: absolute;
            left: 0;
            width: 100%;
            top: 1.875em;
            z-index: 10;
        }
        
        .about_2_mid_footer {
            position: absolute;
            left: 0;
            width: 100%;
            bottom: 3.75em;
            z-index: 10;
        }
        
        .about_2_mid_mid {
            margin: 0 1.875em;
        }
        
        .about_2_mid {
            position: relative;
        }
        
        .about_2_mid ul {
            position: relative;
            z-index: 10;
        }
        
        .base_img {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            opacity: 0
        }
        
        .base_img_on {
            opacity: 1;
        }
        
        .about_2_mid_top_1 span {
            color: #fff;
            font-size: 1.5em;
            font-family: Arial, Helvetica, sans-serif
        }
        
        .about_2_mid_footer_1 {
            font-size: 1.25em;
            color: #fff;
        }
        
        .about_2_mid_footer_2 {
            font-size: 0.875em;
            color: #fff;
            line-height: 1.5;
            margin-top: 0.8em;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            word-wrap: break-word;
            word-break: break-all;
        }
        
        .about_2_mid ul li.on {
            width: 50%;
        }
        
        .about_2_mid ul li.on2 {
            width: 25%;
        }
        
        .about_3_1 ul li {
            position: relative;
            float: left;
            width: 48.24902723735409%;
            margin-bottom: 1.625em;
        }
        
        .about_3_1 ul li:nth-child(2) {
            float: right;
        }
        
        .about_3_1 ul li:nth-child(3) {
            width: 100%;
        }
        
        .about_3_1_1 {
            overflow: hidden
        }
        
        .about_3_1_1 img {
            width: 100%;
        }
        
        .about_3_1_2 {
            color: #fff;
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            z-index: 10;
        }
        
        .about_3_1_2_mid {
            margin: 0 3.54838709677419%;
            margin-bottom: 6%;
        }
        
        .about_3_1_2_mid_1 {
            font-size: 1.5em;
        }
        
        .about_3_1_2_mid_2 {
            margin-top: 0.6em;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            word-wrap: break-word;
            word-break: break-all;
            font-size: 1.125em;
            color: #ebebeb;
            line-height: 1.5;
        }
        
        .about_3_1 ul li:nth-child(3) .about_3_1_2_mid_1 {
            font-size: 2.25em;
        }
        
        .about_3_1 ul li:nth-child(3) .about_3_1_2_mid_2 {
            font-size: 1.5em;
        }
        
        .about_3_1 ul li:nth-child(3) {
            margin-bottom: 0
        }
        
        .about_3_2 {
            text-align: center;
            margin: 4.375em 0;
        }
        
        .about_3_2 a {
            width: 15.625em;
            line-height: 3.125em;
            display: inline-block;
            border: 1px #4a4a4a solid;
        }
        
        .about_3_2 a span {
            padding-right: 1em;
            font-size: 1.25em;
            display: inline-block;
            color: #4a4a4a;
            background-position: right center;
            background-repeat: no-repeat;
            background-image: url(../image/img13.png);
        }
        
        .about_3_2 a:hover span {
            padding-right: 1.5em;
            color: #c30d23;
            background-image: url(../image/img13b.png);
        }
        
        .about_4 {
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            overflow: hidden;
            background-image: url(../image/img61.jpg);
        }
        
        .about_4 .index_news_t_1,
        .about_4 .index_news_t_2 {
            color: #fff;
        }
        
        .about_4 .index_news_3 ul li:nth-child(3n) {
            margin-right: 0
        }
        
        .about_4 .about_3_2 a {
            border-color: #ffff
        }
        
        .about_4 .about_3_2 a span {
            color: #fff;
            background-image: url(../image/img141.png);
        }
        
        .about_4 .about_3_2 a:hover span {
            color: #c30d23;
            background-image: url(../image/img13b.png);
        }
        
        .about_5_mid_left {
            width: 49%;
        }
        
        .about_5_mid_left ul li {
            position: relative;
            margin-bottom: 1em;
        }
        
        .about_5_mid_left ul li:nth-child(3) {
            margin-bottom: 0
        }
        
        .about_5_mid_left_1 {
            overflow: hidden
        }
        
        .about_5_mid_left_1 img {
            width: 100%;
        }
        
        .about_5_mid_right {
            overflow: hidden;
            position: absolute;
            right: 0;
            top: 0;
            width: 49%;
            height: 100%;
        }
        
        .about_5_mid {
            position: relative;
        }
        
        .about_5_mid_right_bg {
            transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        
        .about_5_mid_left_2 {
            color: #fff;
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            z-index: 10;
        }
        
        .about_5_mid_left_2_mid_1 {
            font-size: 1.875em;
        }
        
        .about_5_mid_left_2_mid_2 {
            font-size: 1.085em;
            margin-top: .7em;
        }
        
        .about_5_mid_left_2_mid {
            padding: 1.5em 2em;
        }
        
        .about_5_mid_left_2_mid_2 ul li {
            margin-top: 0.5em;
        }
        
        .about_5_mid_left_2_mid_2 ul li span {
            display: inline-block;
            padding-right: 0.5em;
        }
        
        @media screen and (min-width:769px) {
            .about_5_mid_left ul li:hover .about_5_mid_left_2,
            .about_5_mid_right:hover .about_5_mid_left_2 {
                background-color: rgba(230, 113, 113, 0.95);
            }
            .about_5_mid_right:hover .about_5_mid_right_bg {
                transform: scale(1.08, 1.08);
            }
        }
        
        .about_5 {
            margin-bottom: 7.75em;
        }
        
        .about_6 {
            background-color: #f3f9fd;
            overflow: hidden
        }
        
        .about_6_list ul li {
            float: left;
            width: 33.3333333333%;
        }
        
        .about_6_list_mid {
            text-align: center;
            position: relative;
            background-position: center top;
            background-repeat: no-repeat;
            background-size: cover;
        }
        
        .about_6_list_mid_bh {
            width: 100%;
        }
        
        .about_6_list_mid_pic {
            position: absolute;
            left: 0;
            top: 11%;
            width: 100%;
        }
        
        .about_6_list_mid_pic img {
            max-width: 78.71853546910755%;
        }
        
        #hopaeg {
            margin: 3em 0 5.875em 0;
        }
        
        .about_7 {
            padding-bottom: 8.5625em;
        }
        
        .about_7 .swiper-button-disabled {
            display: none
        }
        
        .about_7_video_pic {
            position: relative;
            overflow: hidden
        }
        
        .about_7_video_pic img {
            width: 100%;
        }
        
        .swiper-button-next-video {
            z-index: 10;
            margin-top: -5px;
            cursor: pointer;
            position: absolute;
            right: 2em;
            top: 50%;
            width: 84px;
            height: 10px;
            background-position: right center;
            background-repeat: no-repeat;
            background-image: url(../image/img18.png);
        }
        
        .swiper-button-prev-video {
            z-index: 10;
            margin-top: -5px;
            cursor: pointer;
            position: absolute;
            left: 2em;
            top: 50%;
            width: 84px;
            height: 10px;
            background-position: left center;
            background-repeat: no-repeat;
            background-image: url(../image/img17.png);
        }
        
        .about_7_video_pic a {
            z-index: 100;
            left: 50%;
            top: 50%;
            margin-left: -2.84375em;
            margin-top: -2.84375em;
            position: absolute;
            display: block;
            width: 5.6875em;
            height: 5.6875em;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            background-image: url(../image/img19.png);
        }
        
        .index_pro .swiper-button-next.swiper-button-next-pro22,
        .index_pro .swiper-button-prev.swiper-button-prev-pro22 {
            width: 12px;
            height: 24px;
            background-size: 12px 24px;
            margin-top: -12px;
        }
        
        .index_pro .swiper-button-disabled {
            display: none
        }
        
        .index_pro .swiper-button-next.swiper-button-next-pro22 {
            right: -1em;
        }
        
        .index_pro .swiper-button-prev.swiper-button-prev-pro22 {
            left: -1em;
        }
        
        .index_pro_1 {
            position: relative
        }
        
        .on .index_pro_1_mid_1,
        .on .index_pro_1_mid_2 {
            color: #c30d23
        }
        
        .index_pro .swiper-button-next-pro {
            right: -2em;
        }
        
        .index_pro .swiper-button-prev-pro {
            left: -2em;
        }
        
        .about_8 {
            overflow: hidden;
            padding-top: 10em;
            padding-bottom: 12em;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            background-image: url(../image/img21.jpg);
        }
        
        .about_8_1,
        .about_8_2,
        .about_8_3 {
            color: #fff;
            text-align: left;
        }
        
        .about_8_3 {
            margin-bottom: 1.5em;
            line-height: 2;
            margin-top: 1.5em;
            max-width: 45.625em;
        }
        
        .leadmid {
            background-color: #f3f9fd;
            overflow: hidden
        }
        
        .leadmid .about_3_1 ul li {
            -webkit-transition-duration: 0.5s;
            -ms-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            -moz-transition-duration: 0.5s;
            transition-duration: 0.5s;
            background-color: #fff;
            margin-bottom: 2em;
        }
        
        .leadmid .about_3_1 ul li:hover {
            -webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
        }
        
        .leadmid .about_3_1 ul li:nth-child(2n) {
            float: right
        }
        
        .leadmid .about_3_1 ul li:nth-child(3) {
            width: 48.24902723735409%
        }
        
        .leadmid_1_1 {
            color: #c30d23;
            font-family: Arial, Helvetica, sans-serif;
        }
        
        .leadmid_1_2 {
            margin-bottom: 0.4em;
            font-size: 1.5em;
            color: #000000;
            margin-top: 0.3em;
        }
        
        .leadmid_1_3 {
            font-size: 1.125em;
            color: #000;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            word-wrap: break-word;
            word-break: break-all;
            line-height: 1.5;
        }
        
        .leadmid_1 {
            margin: 1.875em 1.25em 2em 1.25em;
        }
        
        .news_info_mid {
            background-color: #f3f9fd;
            padding-bottom: 6.25em;
        }
        
        .news_info_mid_mid {
            background-color: #fff;
            -webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
            position: relative;
        }
        
        .news_info_mid_mid_1 {
            line-height: 4em;
            position: absolute;
            left: 0;
            top: -4em;
            width: 100%;
            z-index: 100;
            background-color: #fff;
        }
        
        .news_info_mid_mid_mid {
            margin: 0 2.5em;
        }
        
        .news_info_mid_mid_1_1 {
            position: relative;
            border-bottom: 1px #e6edf2 solid;
        }
        
        .news_info_mid_mid_1_1_right {
            position: absolute;
            right: 0;
            top: 0;
        }
        
        .news_info_mid_mid_1_1_right a {
            font-size: 1.125em;
            padding-right: 1em;
            color: #c30d23;
            display: inline-block;
            background-position: right center;
            background-repeat: no-repeat;
            background-image: url(../image/img22.png);
        }
        
        .news_info_mid_mid_1_1_left {
            font-size: 1.125em;
        }
        
        .news_info_mid_mid_1_1_left span {
            color: #c30d23
        }
        
        .news_info_mid_mid_1_1_left a {
            color: #35444f;
        }
        
        .news_info_mid_mid_1_1_left a:hover {
            color: #c30d23
        }
        
        .news_info_mid_mid_1_1_right a:hover {
            padding-right: 1.25em;
        }
        
        .news_info_mid_mid_2_1 {
            padding-top: 2.5em;
            text-align: center;
            color: #000;
            font-size: 1.5em;
            padding-bottom: .9em;
        }
        
        .news_info_mid_mid_2_2 {
            font-family: Arial, Helvetica, sans-serif;
            color: #666;
            text-align: center;
            font-size: 1.125em;
        }
        
        .news_info_mid_mid_2_3 {
            margin-bottom: 2em;
            line-height: 1.7;
            margin-top: 3em;
        }
        
        .news_info_mid_mid_mid_info {
            padding: 0 10%;
            padding-bottom: 4.8em;
        }
        
        .news_info_mid_mid_2_4_left {
            float: left;
            width: 50%;
        }
        
        .news_info_mid_mid_2_4_right {
            float: right;
            width: 50%;
        }
        
        .news_info_mid_mid_2_4 {
            border: 1px #eff2f6 solid;
        }
        
        .news_info_mid_mid_2_4 a {
            display: block;
            padding: 1.25em 1em;
        }
        
        .news_info_mid_mid_2_4_right a {
            text-align: right
        }
        
        .news_info_mid_mid_2_4 a span {
            padding-right: 1em;
            display: inline-block;
        }
        
        .news_info_mid_mid_2_4 a:hover {
            color: #fff;
            background-color: #c30d23;
        }
        /********solution***********/
        
        .so_1_bg {
            display: none;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
        }
        
        .so_1 ul {
            position: relative;
            width: 100%;
        }
        
        .so_1 ul li {
            margin-bottom: 0.8125em;
            overflow: hidden;
            position: relative;
            width: 44.84375%;
            margin-left: 55.15625%;
        }
        
        .so_1 ul li:nth-child(1) {
            margin-left: 0;
            margin-bottom: 0;
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 54.296875%;
        }
        
        .so_1 ul li:nth-child(1) .so_1_mig {
            display: none;
        }
        
        .so_1 ul li:nth-child(1) .so_1_bg {
            display: block
        }
        
        .so_1_jj {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            z-index: 10;
            color: #fff;
        }
        
        .so_1_jj_mid_1 {
            font-size: 2.25em;
            margin-bottom: 0.1em;
        }
        
        .so_1_jj_mid_2 {
            font-family: Arial, Helvetica, sans-serif
        }
        
        .so_1_jj_mid {
            padding: 0 1.875em;
            padding-bottom: 1.875em;
        }
        
        .so_1 {
            margin-bottom: 5.5em;
        }
        
        .so_2 {
            margin: 4.875em 0;
        }
        
        .so_2 ul li {
            display: block;
            clear: both;
            width: 100%;
        }
        
        .so_2 ul li:nth-child(1) {
            margin-bottom: 3.375em;
        }
        
        .so_2_mid {
            overflow: hidden;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        
        .so_2_mid_mid {
            float: left;
            max-width: 32.8125em;
            background-color: #fff;
            margin: 6.25em;
        }
        
        .so_2 ul li:nth-child(2n) .so_2_mid_mid {
            float: right
        }
        
        .so_2_mid_mid_1 {
            font-size: 2.25em;
            color: #000;
        }
        
        .so_2_mid_mid_2 {
            font-size: 1.125em;
            font-family: Arial, Helvetica, sans-serif;
            color: #868686;
        }
        
        .so_2_mid_mid_3 {
            line-height: 1.5;
            margin-top: 1em;
        }
        
        .so_2_mid_mid_mid {
            padding: 1.875em 2.5em 3em 2.5em;
        }
        
        .pro_1_left {
            float: left;
            width: 18.75%;
        }
        
        .pro_1_right {
            background-color: #f5f7f8;
            float: right;
            width: 81.25%;
        }
        
        .pro_1_left ul li a.fname {
            display: block;
            background-color: #f5f7f8;
            position: relative;
            font-size: 1.125em;
            color: #000000;
            padding: 0.6em 0;
            padding-left: 20%;
            padding-right: 20%;
        }
        
        .pro_1_left ul li a.fname.hass:after {
            content: '';
            position: absolute;
            background-position: center;
            background-repeat: no-repeat;
            background-image: url(../image/img32.png);
            width: 1.0625em;
            height: 1.0625em;
            top: 50%;
            margin-top: -0.53125em;
            right: 5%;
        }
        
        .pro_1_left ul li a.fname.hass.hasson:after {
            background-image: url(../image/img22.jpg);
        }
        
        .pro_1_left ul li a.fname.hass.hasson,
        .pro_1_left ul li a.fname.cur {
            background-color: #c30d23;
            color: #fff;
        }
        
        .pro_1_left ul li dl {
            margin: 0.5em 0;
            display: none
        }
        
        .pro_1_left ul li dl dd a {
            color: #666;
            padding: 0.6em 20%;
            display: block;
            font-size: 0.875em;
        }
        
        .pro_1_left ul li dl dd a:hover,
        .pro_1_left ul li dl dd a.cur {
            color: #c30d23;
        }
        
        .pro_1_right_mid_1 ul li {
            border-bottom: 3px #fff solid;
            text-align: center;
            float: left;
            position: relative;
            width: 33.333333%;
        }
        
        .pro_1_right_mid_1 ul li:after {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 3px;
            height: 100%;
            background-color: #fff;
        }
        
        .pro_1_right_mid_1_mid {
            padding-left: 15%;
            padding-right: 15%;
            padding-top: 10%;
            padding-bottom: 8%;
        }
        
        .pro_1_right_mid_1_mid_2_1 {
            margin-top: 1.4em;
        }
        
        .pro_1_right_mid_1_mid_2_1 span {
            padding-bottom: 0.4em;
            color: #000;
            font-size: 16px;
            display: block;
            position: relative;
        }
        
        .pro_1_right_mid_1_mid_2_1 span:after {
            content: '';
            position: absolute;
            height: 1px;
            width: 20px;
            left: 50%;
            margin-left: -10px;
            bottom: 0px;
            background-color: #3f3f3f;
        }
        
        .pro_1_right_mid_1_mid_2_2 {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 0.875em;
            color: #666;
            margin-top: 0.4em;
        }
        
        .pro_1_right_mid_1_mid_1 {
            overflow: hidden;
        }
        
        .pro_1_right_mid_1_mid_1 img {
            width: 100%
        }
        
        .pro_info_1 {
            position: relative;
        }
        
        .pro_info_1_left {
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            width: 35.33333333333333%;
        }
        
        .pro_info_1_left_bg {
            display: none;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        
        .pro_info_1_left_bg:nth-child(1) {
            display: block
        }
        
        .pro_info_1_right {
            margin-left: 40%;
            width: 52.83333333333333%;
        }
        
        .photo_show {
            display: block;
            overflow: hidden
        }
        
        .photo_show img {
            width: 100%;
        }
        
        .swiper-button-next-p {
            z-index: 10;
            margin-top: -12.5px;
            top: 50%;
            cursor: pointer;
            right: 10px;
            position: absolute;
            width: 25px;
            height: 25px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            background-image: url(../image/img5.png);
        }
        
        .swiper-button-next-p:hover {
            background-image: url(../image/img5on.png);
        }
        
        .swiper-button-prev-p {
            z-index: 10;
            margin-top: -12.5px;
            top: 50%;
            cursor: pointer;
            left: 10px;
            position: absolute;
            width: 25px;
            height: 25px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            background-image: url(../image/img41.png);
        }
        
        .swiper-button-prev-p:hover {
            background-image: url(../image/img4on.png);
        }
        
        .pro_info_1_right_4 .swiper-button-disabled {
            display: none
        }
        
        .pro_info_1_mid {
            position: relative
        }
        
        .pro_info_1 {
            padding: 3em 0;
        }
        
        .pro_info_1_right_1 {
            font-size: 3em;
            color: #000;
        }
        
        .pro_info_1_right_2 {
            font-size: 1.5em;
            color: #666;
            font-family: Arial, Helvetica, sans-serif;
        }
        
        .pro_info_1_right_3 {
            line-height: 2;
            color: #373737;
            font-size: 1.125em;
            border-top: 1px #e6e6e6 solid;
            margin-top: 2em;
            padding-top: 2em;
            margin-bottom: 2em;
        }
        
        .pro_info_2_1 {
            background-color: #f3f9fd;
        }
        
        .pro_info_2_1 span {
            font-size: 1.5em;
            color: #fff;
            background-color: #c30d23;
            display: inline-block;
            padding: 0.4166666666666667em 2em;
        }
        
        .pro_info_2_2 {
            line-height: 1.8;
            padding: 2.5em 0;
        }
        /******ser*********/
        
        .ser_1 {
            overflow: hidden
        }
        
        .ser_1 img {
            width: 100%;
        }
        
        .ser_2 {
            line-height: 1.6;
            color: #666666;
            margin: 2.5em 0 4em 0;
        }
        
        .ser_2 p {
            margin-bottom: 0.4em;
        }
        
        .ser_2_1 {
            color: #000;
            font-size: 1.125em;
        }
        
        .ser_3 {
            padding-top: 5.625em;
            padding-bottom: 7.9375em;
            overflow: hidden;
            position: relative;
        }
        
        .ser_3 .wrap {
            position: relative;
            z-index: 10;
        }
        
        .ser_3:after {
            content: '';
            position: absolute;
            right: 0;
            top: 0;
            height: 100%;
            width: 50%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            background-image: url(../image/img3.jpg);
        }
        
        .ser_3_mid {
            position: relative;
            background-color: #fff;
        }
        
        .ser_3_mid_left {
            -webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
            position: absolute;
            left: 0;
            top: 0;
            width: 50%;
            height: 100%;
        }
        
        .ser_3_mid_right {
            margin-left: 50%;
        }
        
        .ser_3_mid_right_mid_1 {
            text-align: left;
        }
        
        .ser_3_mid_right_mid_2 {
            text-align: left;
        }
        
        .ser_3_mid_right_mid_3 {
            color: #666;
            margin-top: 1.5em;
            line-height: 1.5;
        }
        
        .ser_3_mid_right_mid {
            padding: 3.125em 8% 4em 8%;
        }
        
        .ser_3_mid_left_bg {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        
        .swiper-pagination-pho .swiper-pagination-bullet {
            width: 16px;
            height: 16px;
            background-color: #fff;
            opacity: 1;
        }
        
        .swiper-pagination-pho .swiper-pagination-bullet-active {
            background-color: #75c1d9
        }
        
        .ser_3_mid_left .swiper-pagination-pho {
            bottom: 4%;
        }
        
        .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
            margin: 0 8px;
        }
        
        .ser_4 {
            position: relative;
            background-color: #fff;
            -webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
        }
        
        .ser_4_left {
            overflow: hidden;
            position: absolute;
            left: 0;
            top: 0;
            width: 50%;
            height: 100%;
        }
        
        .ser_4_left_bg {
            background-image: url(../image/d7ed4d9c115388b00f42f5d9386ca8e1.jpg);
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        
        .ser_4_right {
            margin-left: 50%;
        }
        
        .ser_4_right_mid_1 {
            font-size: 1.5em;
            color: #1f1e1e
        }
        
        .gxgzmid {
            padding-bottom: 7.75em;
        }
        
        .ser_4_right_mid {
            padding: 3.5em 2.5em;
        }
        
        .ser_4_right_mid_2 {
            color: #666;
            line-height: 1.9;
            margin-top: 1em;
        }
        
        .gzglmid {
            background-color: #fff;
        }
        
        .agglmid {
            background-color: #fff;
            overflow: hidden
        }
        
        .agglmid_1 ul li {
            margin-right: 1.3671875%;
            float: left;
            width: 32.421875%;
            margin-bottom: 1em;
        }
        
        .agglmid_1 ul li:nth-child(3n) {
            margin-right: 0
        }
        
        .agglmid_1_1 {
            overflow: hidden;
        }
        
        .agglmid_1_1 img {
            width: 100%;
        }
        
        .agglmid_1_2_1 {
            margin-top: 1em;
            margin-bottom: .6em;
            color: #1f1e1e;
            font-size: 1.5em;
        }
        
        .agglmid_1_2_2 {
            color: #333;
            line-height: 1.6;
        }
        
        .agglmid_1_2 {
            padding: 0 1.25em;
        }
        
        .download_mid {
            overflow: hidden;
            margin-top: 8em;
            padding-top: 4em;
            padding-bottom: 2em;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            background-image: url(../image/img62.jpg);
        }
        
        .down_2 {
            text-align: center;
            margin-bottom: 3.125em;
            margin-top: 1.6em;
        }
        
        .down_2 ul li {
            display: inline-block;
        }
        
        .down_2 ul li a {
            display: inline-block;
            line-height: 2.5em;
            color: #666;
            padding: 0 3.75em;
            background-color: #fff;
        }
        
        .down_2 ul li a:hover,
        .down_2 ul li a.on {
            background-color: #c30d23;
            color: #fff;
        }
        
        .down_3 ul li {
            overflow: hidden;
            display: block;
            position: relative;
            background-color: #fff;
            border-bottom: 1px #3b4e5a solid;
        }
        
        .down_3 ul li:last-child {
            border: none
        }
        
        .down_3_mid {
            position: relative;
            margin: 1em;
        }
        
        .down_3_right {
            position: absolute;
            right: 0;
            top: 0;
        }
        
        .down_3_left {
            width: 80%;
        }
        
        .down_3_right span {
            padding-left: 1.65em;
            color: #666;
            font-size: 1.25em;
            background-position: left center;
            background-repeat: no-repeat;
            background-image: url(../image/img7.png);
        }
        
        .down_3_left span:nth-child(1) {
            font-family: Arial, Helvetica, sans-serif;
            color: #71c1da;
            background-position: right center;
            background-repeat: no-repeat;
            background-image: url(../image/img8.jpg);
            margin-right: 0.5em;
            padding-right: 0.5em;
        }
        
        .down_3_left span {
            font-size: 1.25em;
        }
        
        .down_3 ul li a:hover {
            color: #71c1da
        }
        /********project**************/
        
        .project_1_1 ul li {
            margin-bottom: 3.5em;
            position: relative;
            float: left;
            width: 31.333%;
            margin: 2% 1%;
        }
        /* .project_1_1 ul li:nth-child(1) {
    width: 100%;
}
 */
        /* .project_1_1 ul li:nth-child(2n-1) {
    float: right
} */
        
        .project_1_1_1 {
            overflow: hidden;
        }
        
        .project_1_1_1 img {
            width: 100%;
        }
        
        .project_1_1_2 {
            width: 64%;
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: 10;
            background-color: #f9feff;
        }
        
        .project_1_1_2_mid_1 {
            font-size: 18px;
            color: #000;
        }
        
        .project_1_1_2_mid_2 {
            font-family: Arial, Helvetica, sans-serif;
            margin-top: 0.3em;
            font-size: 14px;
            color: #949494
        }
        
        .project_1_1_2_mid {
            /* padding-right: 2em; */
            padding-top: 1.875em;
        }
        /* .project_1_1 ul li:nth-child(1) .project_1_1_2_mid_1 {
    font-size: 1.875em;
}

.project_1_1 ul li:nth-child(1) .project_1_1_2 {
    width: 44.53125%;
} */
        /*******责任*******/
        
        .zr_2 {
            margin-bottom: 4.125em;
            overflow: hidden;
        }
        
        .zr_2 img {
            width: 100%;
        }
        
        .zr_1 {
            color: #333;
            line-height: 1.6;
            margin-bottom: 4em;
        }
        
        .zr_1_1 {
            color: #000;
            margin-bottom: 0.5em;
            font-size: 1.875em;
        }
        
        .zr_1 p.zr_1_1 {
            margin-top: 1em;
        }
        
        .zr_1 p.zr_1_1:nth-child(1) {
            margin-top: 0
        }
        
        .zr_3_1 ul li {
            background-color: #fff;
            margin-bottom: 3.375em;
        }
        
        .zr_3_1_mid {
            position: relative;
        }
        
        .zr_3_1_mid_left {
            height: 100%;
            overflow: hidden;
            position: absolute;
            left: 0;
            top: 0;
            width: 46.484375%;
        }
        
        .zr_3_1_mid_right {
            margin-left: 46.484375%;
        }
        
        .zr_3_1_mid_left_bg {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        
        .zr_3_1_mid_left_img {
            display: none;
        }
        
        .zr_3_1_mid_left_img img {
            width: 100%;
        }
        
        .zr_3_1_mid_right_mid {
            padding: 2.5em 8%;
        }
        
        .zr_3_1 ul li:nth-child(2n) .zr_3_1_mid_right {
            margin-left: 0;
            margin-right: 46.484375%
        }
        
        .zr_3_1 ul li:nth-child(2n) .zr_3_1_mid_left {
            left: auto;
            right: 0
        }
        
        .zr_3_1_mid_right_mid_1 {
            color: #000;
            font-size: 2.25em;
        }
        
        .zr_3_1_mid_right_mid_2 {
            margin-top: 0.3em;
            font-size: 1.125e;
            color: #868686;
        }
        
        .zr_3_1_mid_right_mid_3 {
            line-height: 1.9;
            min-height: 11.44444444444444em;
            font-size: 1.125em;
            color: #3d3d3d;
            margin-top: 1em;
        }
        
        .zr_3 {
            overflow: hidden;
            background-color: #f3f7f8;
            padding-top: 4.6875em;
            padding-bottom: 1.9375em;
        }
        /*******contact*****/
        
        .contact_2_1_mid {
            border: 1px #d8d8d8 solid;
            padding: 1.5em;
            margin: 7px;
            -webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
            min-height: 13em;
        }
        
        .contact_2_1_mid_1 span {
            padding-left: 1.5em;
            font-size: 1.25em;
            display: inline-block;
            position: relative;
            color: #000;
        }
        
        .contact_2_1_mid_1 {
            margin-bottom: 1.4em;
        }
        
        .contact_2_1_mid_1 span:after {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            width: 1em;
            height: 1em;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            background-image: url(../image/img16.png);
            margin-top: -0.5em;
        }
        
        .contact_2_1_mid_2,
        .contact_2_1_mid_3 {
            color: #333;
            line-height: 1.5;
        }
        
        .contact_2 .swiper-pagination-bullet {
            opacity: 1;
            width: 16px;
            height: 16px;
            border: 1px #dadada solid;
            background-color: #fff;
        }
        
        .contact_2 .swiper-pagination-bullet-active {
            background-color: #82d3ee;
            border-color: #82d3ee
        }
        
        .swiper-pagination-phoaz2 {
            margin-top: 2.5em;
        }
        
        .contact_2 {
            margin-bottom: 2.5em;
        }
        
        .contact_3 {
            overflow: hidden;
            background-color: #f6fafa;
        }
        
        .contact_3_1 {
            background-color: #fff;
        }
        
        .contact_3_1 table {
            width: 100%;
            border-bottom: 1px solid #f6fafa;
            border-collapse: collapse;
        }
        
        .contact_3_1 table td {
            border-bottom: 1px solid #f6fafa;
            border-collapse: collapse;
            text-align: center;
        }
        
        .contact_3_1 table tr:nth-child(1) td {
            background-color: #c30d23;
            color: #fff;
        }
        
        .contact_3_1 table tr:nth-child(1) td span {
            font-size: 1.5em;
        }
        
        .contact_3_1_mid {
            padding: 1.2em 1em;
        }
        
        .contact_3_1_mid_j_c {
            font-size: 1.125em;
        }
        
        .showjobinfo {
            text-align: left;
        }
        
        .contact_3_1_mid_t {
            text-align: left;
            color: #000;
            font-size: 1.25em;
        }
        
        .contact_3_1_mid_t_2 {
            color: #424242;
            text-align: left;
            margin-top: 0.6em;
        }
        
        .contact_3_1_mid_t_2 dl dd {
            display: inline-block;
            margin-right: 1em;
        }
        
        .contact_3_1_mid_t_3 {
            margin-top: 1.2em;
            color: #000;
            text-align: left;
        }
        
        .contact_3_1_mid_t_4 {
            line-height: 1.6;
            margin-top: .5em;
            text-align: left;
            color: #333;
        }
        
        .contact_3_1_mid_jj {
            padding-left: 2.5em;
            padding-right: 2.5em;
        }
        
        .contact_3_1_mid_t_5 {
            text-align: left;
            margin-top: 1.8em;
        }
        
        .contact_3_1_mid_t_5 span,
        .contact_3_1_mid_t_5 a {
            color: #c30d23;
        }
        
        .showjobinfo {
            display: none
        }
        
        .view_job {
            cursor: pointer;
        }
        
        .view_job.on {
            color: #2994d0;
        }
        
        .contact_1_1_1 {
            text-align: center;
            margin-top: 1.5em;
            margin-bottom: 3.875em;
        }
        
        .contact_1_1_1 span {
            padding: 0 1.2em;
            border-radius: 2.5em;
            display: inline-block;
            color: #fff;
            background-color: #c30d23;
            font-size: 1.375em;
            line-height: 2.5em;
        }
        
        .contact_1_1 {
            margin-top: 4.5em;
        }
        
        #map22 {
            height: 36.6875em;
        }
        
        .contact_1_2 {
            position: relative;
        }
        
        .contact_1_2_mid {
            top: 11%;
            height: 78%;
            width: 34%;
            position: absolute;
            z-index: 10;
            left: 11.71875%;
        }
        
        .contact_1_2_mid_mid {
            -webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
            background-color: #fff;
        }
        
        .contact_1_2_mid_mid_1 {
            font-size: 1.25em;
            color: #000;
            margin-bottom: 0.5em;
        }
        
        .contact_1_2_mid_mid_2,
        .contact_1_2_mid_mid_3 {
            color: #6b6b6b;
            line-height: 1.5;
        }
        
        .contact_1_2_mid_mid ul {
            padding: 1em 7%;
        }
        
        .contact_1_2_mid_mid ul li {
            border-bottom: 1px #f1f1f1 solid;
            padding: 1em 0;
        }
        
        .contact_1_2_mid_mid ul li:last-child {
            border: none
        }
        
        .contact_1_2_mid_mid ul li.on {
            /*border-color:#000;*/
        }
        
        .show_1 ul li {
            -webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
            margin-bottom: 4em;
            display: block;
            background-color: #fff;
        }
        
        .show_1_mid {
            position: relative;
        }
        
        .show_1_mid_left {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 37.1875%;
        }
        
        .show_1_mid_right {
            margin-left: 37.1875%
        }
        
        .show_1_mid_right_mid_1 {
            color: #000;
            font-size: 2.25em;
        }
        
        .show_1_mid_right_mid_2 {
            font-size: 1.125em;
            margin-top: 0.2em;
            color: #868686;
            font-family: Arial, Helvetica, sans-serif
        }
        
        .show_1_mid_right_mid_3 {
            margin-top: 1.25em;
            font-size: 1.5em;
            color: #000;
        }
        
        .show_1_mid_right_mid_4 {
            margin-top: 0.2em;
            font-family: Arial, Helvetica, sans-serif;
            color: #868686;
        }
        
        .show_1_mid_right_mid_5 {
            line-height: 1.8;
            margin: .6em 0 1em 0;
            color: #000;
        }
        
        .show_1_mid_right_mid {
            padding: 2.875em 10%;
        }
        
        .supshow {
            padding-bottom: 2.5em;
        }
        
        .show_1_mid_right_mid_6 .swiper-slide {
            cursor: pointer
        }
        
        @media screen and (max-width:1700px) {
            .about_1_right {
                margin-top: 3%;
                text-align: center;
                float: right;
                width: 46.46875%;
            }
        }
        
        @media screen and (max-width:1500px) {
            .index_news_2_right_1 {
                height: 15.25em;
            }
            .index_news_2_left_1,
            .index_news_2_right {
                height: 23.875em;
            }
            .footermid_left_2 ul li p,
            .footermid_right_mid_1,
            .footermid_right_mid_3_1,
            .footer_2_left {
                font-size: 1.125em;
            }
            .header_mid {
                margin: 0 2%;
            }
            .footermid_left_2 dl dd a,
            .footermid_right_mid_3_2,
            .footermid_right_mid_3_3 {
                font-size: 0.9375em;
            }
            .header_mid_mid ul li {
                margin-left: 3.2em;
            }
            .header_mid_mid {
                margin-left: 25%;
            }
        }
        
        @media screen and (max-width:1200px) {
            .index_case_1_left_jj_mid_1 {
                font-size: 1.5em;
            }
            .header_mid_mid {
                display: none
            }
            .header_mid {
                height: 4.625em;
            }
            #mid {
                margin-top: 4.625em;
            }
            .global-nav-initializer {
                background: none;
                display: block;
                position: absolute;
                margin: 0;
                top: 50%;
                margin-top: -17px;
                right: 0;
            }
            .global-nav-initializer .line {
                background-color: #c30d23
            }
            .header_mid_right_right {
                display: none
            }
            .header_mid_left_mid a {
                background-image: url(../picture/logo_mb.png) !important;
width: 187px;
    height: 42px;
            }
            #header {
                /*-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);*/
                background-color: #ebebeb;
            }
            .header_mid_mid ul li a.biga,
            .header_mid_right_right a {
                color: #020202;
            }
            .header_mid_right_right,
            .header_mid_right_right {
                background-image: url(../image/img1on1.png);
            }
            .header_mid_right_right a:nth-child(2) {
                background-image: url(../image/img2on1.png);
            }
            .header_mid_mid ul li a.biga:after,
            .header_mid_mid ul li a.biga:after {
                background-color: #020202;
            }
        }
        
        .swiper-pagination-mxcp {
            display: none;
            position: static;
            margin-top: 1.5em;
        }
        
        .pro_mobile_cate {
            display: none;
            position: relative;
            z-index: 10;
        }
        
        .pro_mobile_cate ul {
            display: none
        }
        
        .pro_mobile_cate.on ul {
            display: block
        }
        
        .pro_mobile_cate ul li dl {
            display: none;
            padding: 0.5em 0;
        }
        
        .pro_mobile_cate ul li dl dd a {
            display: block;
            padding: 0.3em 1.5em;
        }
        
        @media screen and (max-width:1090px) {
            .so_2_mid_mid_1 {
                font-size: 1.875em;
            }
            .so_2_mid_mid_2 {
                font-size: 0.875em;
            }
            .so_1_jj_mid_1 {
                font-size: 1.5em;
            }
            .so_1_jj_mid_2 {
                font-size: 0.875em;
            }
            .show_1_mid_right_mid_1 {
                font-size: 1.5em;
            }
            .show_1_mid_right_mid_3 {
                font-size: 1em;
            }
            .show_1_mid_right_mid_2 {
                font-size: 1em;
            }
            .show_1_mid_right_mid_5,
            .show_1_mid_right_mid_4 {
                font-size: 0.875em;
            }
            .contact_3_1_mid_t {
                font-size: 1em;
            }
            .contact_3_1_mid_t_2,
            .contact_3_1_mid_t_4,
            .contact_3_1_mid_t_5 {
                font-size: 0.875em;
            }
            .contact_3_1 table tr:nth-child(1) td span {
                font-size: 1.125em;
            }
            .contact_3_1_mid_j_c {
                font-size: .9375em;
            }
            .contact_2_1_mid_1 span {
                font-size: 1.125em;
            }
            .contact_1_2_mid_mid_1 {
                font-size: 1em;
            }
            .contact_1_2_mid_mid_2,
            .contact_1_2_mid_mid_3,
            .contact_2_1_mid_2,
            .contact_2_1_mid_3 {
                font-size: 0.875em;
            }
            .contact_1_1_1 span {
                font-size: 1.125em;
            }
            .project_1_1_2_mid {
                padding-top: 1.5em;
            }
            .project_1_1_2_mid_1,
            .project_1_1 ul li:nth-child(1) .project_1_1_2_mid_1 {
                font-size: 1.25em;
            }
            .project_1_1_2_mid_2 {
                font-size: 0.875em;
            }
            .down_3_left span,
            .down_3_right span {
                font-size: 1em;
            }
            .agglmid_1_2_1 {
                font-size: 1.125em;
            }
            .ser_2,
            .agglmid_1_2_2 {
                font-size: 0.875em;
            }
            .pro_info_2_1 span {
                font-size: 1.25em;
            }
            .pro_info_1_right_3 {
                margin-top: 1.5em;
                margin-bottom: 1.5em;
                padding-top: 1.5em;
            }
            .pro_info_1_right_3 {
                font-size: 1em;
            }
            .pro_info_1_right_1 {
                font-size: 1.875em;
            }
            .pro_info_1_right_2 {
                font-size: 0.875em;
            }
            .pro_mobile_cate {
                display: block;
            }
            .pro_mobile_cate p {
                background-position: 98% center;
                background-repeat: no-repeat;
                background-image: url(../image/img14.png);
                position: relative;
                padding: 0.8em 1em;
            }
            .pro_mobile_cate.on p {
                background-image: url(../image/img6.png);
            }
            .pro_mobile_cate ul {
                -webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
                box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
                z-index: 10;
                position: absolute;
                left: 0;
                width: 100%;
                z-index: 100;
                background-color: #fff;
            }
            .pro_mobile_cate ul li a.fname {
                display: block;
                padding: 0.5em 1em;
            }
            .pro_1_left {
                display: none;
            }
            .pro_1_right {
                float: none;
                width: auto
            }
            .pro_1_right_mid_1_mid_2_1 span {
                font-size: 1em;
            }
            .news_info_mid_mid_2_3 {
                margin-top: 2em;
            }
            .news_info_mid_mid_2_1 {
                font-size: 1.5em;
            }
            .news_info_mid_mid_2_2 {
                font-size: 0.875em;
            }
            .news_info_mid_mid_mid {
                margin: 0 2em;
            }
            .news_info_mid_mid_mid_info {
                padding-left: 2em;
                padding-right: 2em;
            }
            .news_info_mid_mid_1_1_left,
            .news_info_mid_mid_1_1_right a {
                font-size: 1em;
            }
            .leadmid_1 {
                margin: 1.5em 1em;
            }
            .leadmid_1_1 {
                font-size: 0.875em;
            }
            .leadmid_1_2 {
                font-size: 1.125em;
            }
            .leadmid_1_3 {
                font-size: 0.875em;
            }
            .about_8 {
                padding: 6em 0;
            }
            .about_8_3 {
                font-size: 0.875em;
            }
            .about_7 {
                padding-bottom: 6em;
            }
            .swiper-button-next-video,
            .swiper-button-prev-video {
                width: 60px;
            }
            .about_7_video_pic a {
                width: 4em;
                height: 4em;
                margin-left: -2em;
                margin-top: -2em;
            }
            .about_5 {
                margin-bottom: 4em;
            }
            .about_5_mid_left_2_mid_1 {
                font-size: 1.125em;
            }
            .about_5_mid_left_2_mid {
                padding: 1em;
            }
            .about_5_mid_left_2_mid_2 {
                font-size: 0.875em;
            }
            .about_3_2 {
                margin: 2.5em 0;
            }
            .about_3_2 a span {
                font-size: 1em;
            }
            .about_3_1_2_mid_1,
            .about_3_1 ul li:nth-child(3) .about_3_1_2_mid_1 {
                font-size: 1.25em;
            }
            .about_3_1_2_mid_2,
            .about_3_1 ul li:nth-child(3) .about_3_1_2_mid_2 {
                font-size: 1em;
            }
            .about_2_mid_footer_1 {
                font-size: 1.125em;
            }
            .about_2 {
                padding-bottom: 6em;
            }
            .about_2_mid ul li {
                height: 30em;
            }
            .about_2_mid_top_1 span {
                font-size: 1em;
            }
            .about_2_top {
                margin: 4em 0;
            }
            .about_2_3 {
                font-size: 1em;
            }
            .about_1 {
                padding-top: 6em;
            }
            .about_1_mid {
                margin-bottom: 6em;
            }
            .nybanner_mid_2 {
                font-size: 1.125em;
            }
            .nybanner_mid_1 {
                font-size: 2.5em;
            }
            .index_about {
                margin-top: 2.5em;
            }
            .index_pro_2 {
                margin-top: 2em;
            }
            .index_pro_2_mid_1_img {
                display: none
            }
            .index_pro_2_mid_2_1 {
                font-size: 1em;
            }
            .swiper-pagination-mxcp {
                display: block
            }
            .footermid_left:after {
                display: none
            }
            .footer_2_left {
                font-size: 1em;
            }
            .footermid_right_mid {
                padding-left: 0
            }
            .footermid_left,
            .footermid_right {
                float: none;
                width: auto
            }
            .index_news {
                padding-bottom: 6em;
            }
            .index_news_2_right_1 {
                height: 12.25em;
            }
            .index_news_2_left_1,
            .index_news_2_right {
                height: 20.875em;
            }
            .index_news_2_right_2_mid_2 {
                font-size: 0.875em;
            }
            .index_news_2_right_2_mid_1 {
                font-size: 1em;
            }
            .index_news_2_left_2_mid_1 {
                font-size: 1.125em;
            }
            .index_news_2_left_2_mid_2 {
                font-size: 0.875em;
            }
            .index_service {
                padding: 10em 0;
            }
            .index_about_3 {
                margin-top: 2.5em;
            }
            .index_service_3 {
                margin-top: 2em;
            }
            .index_about {
                padding-top: 8em;
                padding-bottom: 8em;
            }
            .index_news_t_1 {
                font-size: 2.2em;
            }
            .index_about_3_mid_1 span {
                font-size: 2em;
            }
            .index_about_3_mid_2,
            .index_news_t_2 {
                font-size: 1em;
            }
            .banner_mid_2 {
                font-size: 1.125em;
            }
            .banner_mid_1 {
                font-size: 3em;
            }
        }
        
        .ser_4_left_img {
            display: none;
        }
        
        .ser_4_left_img img {
            width: 100%;
        }
        
        @media screen and (max-width:1024px) {
            .gxgzmid {
                padding-bottom: 5em;
            }
            .ser_4_left_img {
                display: block
            }
            .ser_4_left_bg {
                display: none
            }
            .ser_4_left {
                position: relative;
                width: auto
            }
            .ser_4_right {
                margin-left: auto;
            }
            .about_1_right {
                margin-top: 2em;
            }
            .about_1_left,
            .about_1_right {
                float: none;
                width: auto
            }
            .index_case_1_left_jj_mid {
                padding: 1em;
            }
            .index_case_1_left_jj_mid_2 {
                font-size: 0.875em;
            }
            .index_case_1_left_jj_mid_1 {
                font-size: 1.125em;
            }
        }
        
        @media screen and (max-width:950px) {
            .index_pro_2_mid_1 {
                padding-left: 1.5em;
                padding-top: 1.5em;
                padding-right: 1.5em;
            }
            .index_pro_2_mid_2 {
                padding: 1.5em;
            }
        }
        
        .base_mo_img {
            display: none
        }
        
        .base_mo_img img {
            width: 100%;
        }
        
        .about_5_mid_right_img {
            display: none
        }
        
        .about_5_mid_right_img img {
            width: 100%;
        }
        
        .ser_3_mid_left_img {
            display: none;
        }
        
        .ser_3_mid_left_img img {
            width: 100%;
        }
        
        .swiper-pagination-phoaz {
            display: none;
            margin-top: 1em;
        }
        
        .agglmid .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
            margin: 0 4px;
        }
        
        @media screen and (max-width:850px) {
            .contact_1_2_mid {
                width: 50%;
            }
        }
        
        @media screen and (max-width:800px) {
            .ser_3_mid_left_img {
                text-align: center
            }
            .show_1 .ser_3_mid_left_img img {
                width: auto
            }
            .show_1_mid_left {
                position: relative;
                width: auto
            }
            .show_1_mid_right {
                margin-left: 0;
            }
            .download_mid {
                margin-top: 4em;
            }
            .swiper-pagination-phoaz {
                display: block
            }
            .swiper-pagination-pho .swiper-pagination-bullet {
                width: 10px;
                height: 10px;
            }
            .ser_3 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
                margin: 0 4px;
            }
            .ser_3 {
                padding: 4.5em 0;
            }
            .ser_3_mid_right_mid {
                padding: 2.5em;
            }
            .ser_3_mid_left_img {
                display: block
            }
            .ser_3_mid_left_bg {
                display: none
            }
            .ser_3_mid_left {
                position: relative;
                width: auto
            }
            .ser_3_mid_right {
                margin-left: 0;
            }
            .pro_info_1_left {
                display: none;
                position: static;
                width: auto;
                height: auto;
            }
            .pro_info_1_right {
                width: auto;
                margin: 0;
            }
            .pro_info_1_right_1 {
                font-size: 1.5em;
            }
            .pro_info_1 {
                padding: 2.5em 0;
            }
        }
        
        .so_2_mid_mobile {
            display: none
        }
        
        .mobile_banner {
            display: none;
            position: relative
        }
        
        .banner_img_mobile {
            display: none;
            background-position: center;
            background-repeat: no-repeat;
            position: relative
        }
        
        .banner_img_mobile img {
            width: 100%;
        }
        
        @media screen and (max-width:768px) {
            .index_about {
                background-image: url(../image/m.jpg);
            }
            .banner_img {
                display: none
            }
            .banner_img_mobile {
                display: block;
            }
            .mobile_banner {
                display: block;
            }
            .mobile_banner img {
                width: 100%;
            }
            .nybanner {
                display: none
            }
            .contact_1_1 {
                margin-top: 2.5em;
            }
            .so_2 {
                margin: 2.5em 0;
            }
            .so_2 ul li:nth-child(1) {
                margin-bottom: 1.5em;
            }
            .so_2_mid_mid_1 {
                font-size: 1.5em;
            }
            .so_2_mid_mid_mid {
                padding: 1.5em 0;
            }
            .so_2_mid {
                display: none
            }
            .so_2_mid_mobile {
                display: block
            }
            .so_1_jj_mid_1 {
                font-size: 1.25em;
            }
            .so_1_jj_mid {
                padding: 1.5em;
            }
            .so_1 {
                margin-bottom: 2.5em;
            }
            .show_1_mid_right_mid_1 {
                font-size: 1.25em;
            }
            .show_1 ul li {
                margin-bottom: 2.5em;
            }
            .show_1_mid_right_mid {
                padding: 2.5em;
            }
            .contact_3_1 table tr td:nth-child(3) {
                display: none
            }
            .contact_3_1 table tr td:nth-child(2),
            .contact_3_1 table tr td:nth-child(5) {
                width: 7em;
            }
            .contact_3_1 table tr:nth-child(1) td span {
                font-size: 1em;
            }
            .contact_2 .swiper-pagination-phoaz2 {
                margin-top: 1.5em;
            }
            .contact_2 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
                margin: 0 4px;
            }
            .contact_2 .swiper-pagination-bullet {
                width: 10px;
                height: 10px;
            }
            .contact_2_1_mid {
                min-height: 10em;
            }
            .contact_1_1_1 {
                margin-bottom: 2.5em;
            }
            #map22 {
                height: 20em;
            }
            .contact_1_2_mid {
                position: static;
                width: 100%;
                margin-bottom: 2em;
            }
            .project_1_1 ul li {
                margin-bottom: 2em;
            }
            .project_1_1_2_mid {
                padding-top: 1em;
                padding-right: 1em;
            }
            .project_1_1_2_mid_1,
            .project_1_1 ul li:nth-child(1) .project_1_1_2_mid_1 {
                font-size: 1em;
            }
            .news_info_mid {
                padding-bottom: 4em;
            }
            .news_info_mid_mid_mid_info {
                padding-bottom: 2.5em;
            }
            .news_info_mid_mid_2_4 a {
                padding: 1em;
            }
            .news_info_mid_mid_2_4_right a {
                text-align: left;
            }
            .news_info_mid_mid_2_4_left,
            .news_info_mid_mid_2_4_right {
                float: none;
                width: auto
            }
            .news_info_mid_mid_2_1 {
                font-size: 1.25em;
            }
            .leadmid_1_2 {
                font-size: 1em;
            }
            .about_7 {
                padding-bottom: 2.5em;
            }
            .swiper-button-next-video,
            .swiper-button-prev-video {
                width: 45px;
            }
            .about_7_video_pic a {
                width: 3em;
                height: 3em;
                margin-left: -1.5em;
                margin-top: -1.5em;
            }
            #hopaeg {
                margin: 2em 0;
            }
            .pagination li a,
            .pagination li span {
                padding: 0.3em .8em;
            }
            .about_5 {
                margin-bottom: 2.5em;
            }
            .about_5_mid_right_bg {
                display: none
            }
            .about_5_mid_right_img {
                display: block
            }
            .about_5_mid_left {
                width: 100%;
            }
            .about_5_mid_right {
                margin-top: 1em;
                position: relative;
                width: 100%;
                height: auto
            }
            .about_3_1_2_mid_1,
            .about_3_1 ul li:nth-child(3) .about_3_1_2_mid_1 {
                font-size: 1em;
            }
            .about_3_1_2_mid_2,
            .about_3_1 ul li:nth-child(3) .about_3_1_2_mid_2 {
                font-size: 0.875em;
            }
            .about_2:after {
                height: 30%;
            }
            .about_2_mid_footer {
                bottom: 1.5em
            }
            .about_2_mid_mid {
                margin: 0 1em;
            }
            .about_2 {
                padding-bottom: 2em;
            }
            .about_2_top {
                margin: 2.5em 0;
            }
            .about_2_mid ul li {
                margin-bottom: 1em;
            }
            .about_2_mid ul li:after {
                display: none
            }
            .base_img {
                display: none
            }
            .base_mo_img {
                display: block
            }
            .about_2_mid ul li,
            .about_2_mid ul li.on,
            .about_2_mid ul li.on2 {
                height: auto;
                width: auto
            }
            .about_1_mid {
                margin-bottom: 2.5em;
            }
            .about_1 {
                padding-top: 2.5em;
            }
            .nybanner_mid_2 {
                font-size: 1em;
            }
            .nybanner_mid_1 {
                font-size: 2em;
            }
            .index_pro .swiper-button-next.swiper-button-next-pro22 {
                display: none
            }
            .index_pro .swiper-button-prev.swiper-button-prev-pro22 {
                display: none
            }
            .index_pro_2 {
                margin-top: 1.5em;
            }
            .index_pro_1_mid_1 {
                font-size: 1em;
            }
            .index_pro_1_mid_2 {
                font-size: 0.75em;
            }
            .footermid_right_mid_2 {
                font-size: 1.875em;
            }
            .footermid_right_mid_3_1 {
                font-size: 1em;
            }
            .footermid_right_mid_3 {
                padding-bottom: 1em;
            }
            .footermid_right {
                padding-top: 2em;
            }
            .footermid_right_mid_1 {
                font-size: 1em;
            }
            .footermid_left_1 a {
                font-size: 0.75em;
            }
            .footermid_left_2 ul li p:after {
                width: 100%;
                background-color: #f3f3f3;
            }
            .footermid_left_2 ul li p {
                padding-top: 1em;
                font-size: 1em;
                padding-bottom: 1em;
                background-position: right center;
                background-repeat: no-repeat;
                background-image: url(../image/img14.png);
            }
            .footermid_left_2 ul li.on p {
                background-image: url(../image/img6.png);
            }
            .footermid_left_2 ul li {
                float: none;
                width: auto;
            }
            .footermid_left_2 dl {
                padding-left: 1em;
                margin: 1em 0;
                display: none
            }
            .footermid_left_2 ul li.on dl {
                display: block
            }
            .footermid_left_2 {
                margin-top: 1.5em;
                padding-top: 1.5em;
            }
            .footermid_left {
                padding-top: 2em;
                padding-bottom: 1em;
            }
            .index_news {
                padding-bottom: 4em;
            }
            .index_news_2_right_1 {
                height: 8.25em;
            }
            .index_news_2_left_1,
            .index_news_2_right {
                height: 16.875em;
            }
            .index_service {
                padding: 8em 0;
            }
            .index_case_1_left_jj_mid_1 {
                font-size: 1em;
            }
            .index_case {
                padding-bottom: 3em;
            }
            .index_news_t {
                padding: 2.5em 0;
            }
            .index_service_3 a span {
                font-size: 0.875em;
            }
            .index_about {
                padding: 4em 0;
            }
            .index_news_t_1 {
                font-size: 1.875em;
            }
            .index_about_3_mid_1 span {
                font-size: 1.5em;
            }
            .index_about_3_mid_2 {
                font-size: 0.9375em;
                height: 2.7em;
            }
            .banner_mid_2 {
                font-size: 1em;
            }
            .banner_mid_1 {
                font-size: 2.375em;
            }
            .indexbanner .swiper-pagination-bullet {
                height: 2px;
                width: 80px;
            }
        }
        
        .mobileimg {
            display: none;
            width: 100%;
        }
        
        .index_news_2_right_1 img {
            display: none;
            width: 100%;
        }
        
        @media screen and (max-width:640px) {
            .so_2_mid_mid_1 {
                font-size: 1.125em;
            }
            .so_1_jj_mid {
                padding: 1em;
            }
            .so_1_jj_mid_1 {
                font-size: 1em;
            }
            .so_1 ul li:nth-child(1) {
                margin-bottom: 1em;
            }
            .so_1 ul li {
                width: 100%;
                margin: 0;
                margin-bottom: 1em;
            }
            .so_1 ul li:nth-child(1) .so_1_bg {
                display: none
            }
            .so_1 ul li:nth-child(1) .so_1_mig {
                display: block
            }
            .so_1 ul li:nth-child(1) {
                position: relative;
                width: 100%;
                height: auto
            }
            .contact_3_1 table tr td:nth-child(2) {
                display: none
            }
            .down_2 {
                margin-bottom: 2em;
            }
            .down_2 ul li a {
                padding: 0 1.5em;
                line-height: 2em;
            }
            .down_3_mid {
                margin: 0.8em 1em;
            }
            .down_3_left span:nth-child(1) {
                display: none
            }
            .down_3_right span {
                padding-left: 23px;
                width: 23px;
                overflow: hidden;
                display: inline-block;
                height: 21px;
            }
            .ser_4_right_mid_1 {
                font-size: 1.125em;
            }
            .ser_4_right_mid {
                padding: 2em;
            }
            .ser_3_mid_right_mid {
                padding: 2em;
                padding-left: 0
            }
            .news_info_mid_mid_2_1 {
                font-size: 1em;
            }
            .news_info_mid_mid_2_3 {
                font-size: 0.875em;
            }
            .news_info_mid_mid_1 {
                line-height: 3.5em;
                top: -3.5em;
            }
            .news_info_mid_mid_1_1_left,
            .news_info_mid_mid_1_1_right a {
                font-size: 0.875em;
            }
            .news_info_mid_mid_2_1 {
                font-size: 1.125em;
            }
            .leadmid .about_3_1 ul li:nth-child(3) {
                width: 100%;
            }
            .leadmid .about_3_1 ul li {
                margin-bottom: 1.5em;
            }
            .about_8 {
                padding: 4em 0;
            }
            .about_6_list ul li {
                width: 50%;
                margin-right: 0
            }
            .about_6_list ul li:nth-child(2n) {
                float: right
            }
            .about_3_2 a {
                display: block;
                width: auto;
                line-height: 2.5em;
            }
            .about_3_1 ul li {
                width: 100%;
                margin-bottom: 1em;
            }
            .nybanner_mid_1 {
                font-size: 1.5em;
            }
            .index_pro_sw .swiper-button-next,
            .index_pro_sw .swiper-button-prev {
                width: 16px;
                height: 20px;
                background-size: 16px 20px;
            }
            .index_pro_2 ul li {
                width: 49%;
                margin-top: 1em;
                margin-right: 0
            }
            .index_pro_2 ul li:nth-child(2n) {
                float: right
            }
            .index_news_2_right_1 {
                height: auto
            }
            .index_news_3 ul li .index_news_2_left_1_bg {
                display: none
            }
            .index_news_2_right_1 img {
                display: block
            }
            .footer_2_left {
                font-size: 0.875em;
                text-align: center
            }
            .index_news_2_right_2_mid_3 {
                font-size: 0.875em;
            }
            .index_news_2_right {
                display: none
            }
            .index_news_2_left {
                width: 100%;
                float: none
            }
            .index_news_3 ul li:nth-child(1) {
                display: block
            }
            .index_news_3 ul li {
                margin-right: 0;
                width: 49%;
            }
            .index_news_3 ul li:nth-child(2n) {
                float: right
            }
            .index_case_1_bg {
                display: none
            }
            .index_case_1_right_top {
                width: 49%;
                position: relative;
                float: left;
                margin-top: 1em;
            }
            .index_case_1_right_footer {
                width: 49%;
                margin-top: 1em;
                position: relative;
                float: right;
            }
            .mobileimg {
                display: block
            }
            .index_case_1_right {
                position: relative;
                width: 100%;
            }
            .index_case_1_left {
                width: 100%;
            }
            .index_news_t_1 {
                font-size: 1.5em;
            }
            .index_about_3 ul li {
                width: 33.3333333%;
            }
            .index_about_3 ul li:nth-child(4),
            .index_about_3 ul li:nth-child(5) {
                margin-top: 1.5em;
            }
            .index_about_3 ul li:nth-child(4) {
                background-image: none
            }
            .index_about_3 ul li:nth-child(1) {
                text-align: center
            }
            .index_about_3 ul li:nth-child(1) .index_about_3_mid,
            .index_about_3 ul li:nth-child(4) .index_about_3_mid {
                padding-left: 0
            }
            .index_about_3 ul li:nth-child(3) .index_about_3_mid {
                padding-right: 0
            }
        }
        
        @media screen and (max-width:480px) {
            .about_2_mid_footer .about_2_mid_mid {
                margin: 0;
            }
            .about_2_mid_footer {
                position: static;
                padding-top: 1em;
                padding-bottom: 1em;
            }
            .about_2_mid_footer_1,
            .about_2_mid_footer_2 {
                color: #333;
            }
            .contact_1_1_1 span {
                font-size: 1em;
                line-height: normal;
                padding-top: 0.5em;
                padding-left: 1em;
                padding-right: 1em;
                padding-bottom: 0.5em;
            }
            .supshow {
                padding-bottom: 1.5em;
            }
            .show_1_mid_right_mid_1 {
                font-size: 1.125em;
            }
            .show_1_mid_right_mid_2 {
                font-size: 0.875em;
            }
            .show_1_mid_right_mid {
                padding: 1.5em;
            }
            #map22 {
                height: 16em;
            }
            .contact_3_1_mid {
                padding: 1em;
            }
            .contact_3_1 table tr td:nth-child(4) {
                display: none
            }
            .contact_3_1 table tr td:nth-child(1) {
                text-align: left
            }
            .project_1_1_2_mid {
                padding-top: 0.5em;
            }
            .project_1_1 ul li {
                width: 100%;
            }
            .download_mid {
                margin-top: 2.5em;
            }
            .gxgzmid {
                padding-bottom: 3em;
            }
            .ser_4_right_mid {
                padding: 1.5em;
            }
            .ser_3 {
                padding: 2.5em 0;
            }
            .pro_info_1_right_1 {
                font-size: 1.125em;
            }
            .pro_info_2_1 span {
                font-size: 1.125em;
            }
            .pro_1_right_mid_1 ul li {
                width: 50%;
            }
            .pro_1_right_mid_1 ul li:nth-child(2n-1):after {
                display: none
            }
            .news_info_mid_mid_1_1_right {
                display: none
            }
            .news_info_mid_mid_2_1 {
                font-size: 1em;
                line-height: 1.6;
            }
            .news_info_mid_mid_2_4 {
                font-size: 0.875em;
            }
            .about_8_4 {
                text-align: center
            }
            .swiper-button-next-video,
            .swiper-button-prev-video {
                width: 32px;
            }
            .swiper-button-next-video {
                right: 1em;
            }
            .swiper-button-prev-video {
                left: 1em;
            }
            .about_7_video_pic a {
                width: 2em;
                height: 2em;
                margin-left: -1em;
                margin-top: -1em;
            }
            .about_5_mid_left_2_mid {
                padding-left: 0;
                padding-right: 0
            }
            .about_5_mid_left_2 {
                position: relative;
                color: #333;
            }
            .about_5_mid_left_2_mid_1 {
                font-size: 1em;
            }
            .about_2_mid_footer {
                bottom: 1em;
            }
            .about_2_mid_top {
                top: 1em;
            }
            .about_2_mid_footer_1 {
                font-size: 1em;
            }
            .about_1_left_3 {
                font-size: 0.875em;
            }
            .mobilemenu {
                height: calc(100vh - 60px);
            }
            .mobilemenuon {
                top: 60px;
            }
            #footer .header_mid {
                margin: 0 6%;
            }
            .footermid_left {
                padding-top: 1em;
                padding-bottom: 0
            }
            .footermid_left_1_left img {
                height: 0.9375em;
            }
            .footer_2 {
                padding: 1em 0;
            }
            .footermid_right {
                display: none
            }
            .footermid_left_2 {
                margin-top: 1em;
                padding-top: 1em;
            }
            .index_news_2_left_2_mid_2 {
                margin-bottom: 1em;
            }
            .index_news_2_left_2_mid_1 {
                font-size: 1em;
            }
            .index_news {
                padding-bottom: 2.5em;
            }
            .index_news_3 ul li {
                width: 100%;
            }
            .index_service {
                padding: 3em 0;
            }
            .header_mid {
                height: 3.75em;
            }
            #mid {
                margin-top: 3.75em;
            }
            .index_news_t {
                padding: 2em 0;
            }
            .index_case_1_left_jj_mid_1 {
                font-size: 0.9375em;
            }
            .index_case_1_left_jj_mid_2 {
                font-size: 0.75em;
            }
            .index_case_1_left_jj_mid {
                padding-bottom: 0.5em;
            }
            .index_about_3_mid_1 span {
                font-size: 1.375em;
            }
            .index_about_3_mid_2 {
                font-size: 0.875em;
            }
            .index_news_t_2 {
                font-size: 0.875em;
                line-height: 1.5;
                margin-top: 0.5em;
            }
            .index_about {
                padding: 2.5em 0;
            }
            .index_news_t_1 {
                font-size: 1.125em;
            }
            .index_about_3 ul li:nth-child(3) {
                margin-top: 1.5em;
            }
            .index_about_3 ul li:nth-child(3) .index_about_3_mid {
                padding-right: 1em;
                padding-left: 0;
            }
            .index_about_3 ul li:nth-child(3) {
                background-position: right
            }
            .index_about_3 ul li:nth-child(5) {
                background-position: right
            }
            .index_about_3 ul li:nth-child(5) .index_about_3_mid {
                padding-left: 0
            }
            .index_about_3 ul li {
                width: 50%;
            }
            .banner_mid_1 {
                font-size: 1.875em;
            }
            .indexbanner .swiper-pagination-bullet {
                height: 2px;
                width: 60px;
            }
        }
        
        @media screen and (max-width:320px) {
            .about_6_list ul li {
                width: 100%
            }
        }
        
        .index_news_3 ul li,
        .index_news_2_right,
        .index_news_2_left {
            -webkit-transition: -webkit-box-shadow .45s ease-out;
            transition: -webkit-box-shadow .45s ease-out;
            transition: box-shadow .45s ease-out;
            transition: box-shadow .45s ease-out, -webkit-box-shadow .45s ease-out;
        }
        
        .index_news_3 ul li:hover,
        .index_news_2_right:hover,
        .index_news_2_left:hover {
            -webkit-box-shadow: 18px 18px 26px rgba(0, 0, 0, 0.2);
            box-shadow: 18px 18px 26px rgba(0, 0, 0, 0.2)
        }
        
        .index_about_bg {
            display: none;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
        }
        
        .index_about_bg img {
            width: 100%;
        }
        
        @media screen and (max-width:480px) {
            .index_about_bg {
                display: block
            }
            .index_about {
                height: 420px;
                background-image: none;
                overflow: hidden
            }
        }
        
        .cont {
            display: none !important;
        }
        
        .active {
            display: block !important;
        }
        
        .active .index_pro_1_mid_1,
        .active .index_pro_1_mid_2 {
            color: #c30d23;
        }
        
        .mr0 {
            margin-right: 0 !important;
        }
        
        .page-num {
            display: inline-block;
            margin: 0 2px;
            display: inline-block;
            background-color: #fff;
            padding: 0.6em 1em;
            transition: all .8s;
        }
        
        .page-num:hover {
            background-color: #c30d23;
            color: #fff;
        }
        
        .pagination li a {
            transition: all .8s;
        }
        
        .pagination li a:hover {
            background-color: #c30d23;
            color: #fff;
        }
        
        .page-num-current {
            background-color: #c30d23;
            color: #fff;
        }
        
        @media screen and (max-width:769px) {
            .pro_1_right_mid_1 ul .prolist {
                width: 50%;
            }
            .pro_1_right_mid_1_mid {
                padding-left: 14%;
                padding-right: 14%;
                padding-top: 9%;
                padding-bottom: 5%;
            }
        }
        
        .ind_pronav {
            justify-content: center !important;
        }
        
        .footermid_right_mid_3 ul li {
            width: 20%;
        }
        /* 招商 */
        
        .two-nav {
            width: 100%;
            height: 65px;
            border-bottom: 1px solid #D8D8D8;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            font-size: 0;
            background: #FFF;
            text-align: center;
        }
        
        .two-nav .wp {
            position: relative;
        }
        
        .two-nav>ul>li {
            display: inline-block;
            vertical-align: top;
        }
        
        .two-nav>ul>li>a {
            display: block;
            padding: 0 30px;
            height: 65px;
            line-height: 65px;
            position: relative;
        }
        
        .two-nav>ul>li>a>span {
            position: relative;
            color: #666;
            font-size: 15px;
            display: inline-block;
            height: 100%;
            width: auto;
        }
        
        .two-nav>ul>li>a>span:after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 1px;
            width: 0;
            height: 2px;
            background: #000;
            -webkit-transition: all .4s ease;
            -moz-transition: all .4s ease;
            transition: all .4s ease;
        }
        
        .two-nav>ul>li>a>span:before {
            content: "";
            position: absolute;
            bottom: 1px;
            height: 2px;
            right: 0;
            left: 0;
            background: #FFF;
            -webkit-transition: left .4s ease;
            -moz-transition: left .4s ease;
            transition: left .4s ease;
        }
        
        .two-nav>ul>li>a .i {
            display: none;
            position: absolute;
            left: 50%;
            z-index: 25;
            margin-left: -7px;
            bottom: -31px;
            width: 14px;
            height: 12px;
            background-image: url(../image/icon-15.png);
            background-size: 100% 100%;
        }
        
        .two-nav>ul>li>a .ii {
            display: none !important;
        }
        
        .two-nav>ul>.active>a>span:after {
            width: 11px;
        }
        
        .two-nav>ul>.active>a>span:before {
            left: 15px;
            background: #2e2d2d;
        }
        
        .two-nav>ul>.active>a .i {
            display: block;
        }
        
        .two-nav>ul>.active .nav-box {
            z-index: 23;
        }
        
        .two-nav>ul li:hover>a>span:after {
            width: 11px;
        }
        
        .two-nav>ul li:hover>a>span:before {
            left: 15px;
            background: #2e2d2d;
        }
        
        .two-nav>ul li:hover>a .i {
            display: block;
        }
        
        .two-nav>ul li:hover .nav-box {
            z-index: 24;
        }
        
        .two-nav>ul>li>li:after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 50%;
            margin-bottom: -6px;
            height: 12px;
            width: 1px;
            background: #E5E5E5;
        }
        
        .two-nav .nav-box {
            z-index: 22;
            left: 0;
            position: absolute;
            width: 100%;
            padding-top: 30px;
            top: 65px;
        }
        
        .two-nav .list {
            background: #FFF;
            width: 100%;
            height: 60px;
            border: 1px solid #DDD;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            position: relative;
        }
        
        .two-nav .list li {
            display: inline-block;
            vertical-align: top;
            position: relative;
        }
        
        .two-nav .list li a {
            line-height: 60px;
            height: 100%;
            padding: 0 32px;
            display: block;
            font-size: 14px;
            color: #666;
        }
        
        .two-nav .list li a:after {
            display: none;
        }
        
        .two-nav .list li a:hover {
            color: #2e2d2d;
        }
        
        .two-nav .list .active a {
            color: #2e2d2d;
        }
        
        .two-nav .list li+li:after {
            content: "";
            left: 0;
            top: 50%;
            position: absolute;
            width: 1px;
            height: 10px;
            margin-top: -5px;
            background: #D9D9D9;
        }
        
        .bg-1 {
            background-color: #F0F0F0;
            position: relative;
            overflow: hidden;
        }
        /*         
        .bg-1:after {
            position: absolute;
            content: "";
            left: 0;
            top: 0;
            width: 613px;
            height: 884px;
            background-image: url(../image/bg-4.jpg);
            background-repeat: no-repeat;
        }
        
        .bg-1:before {
            position: absolute;
            content: "";
            right: 0;
            top: 0;
            width: 616px;
            height: 884px;
            background-image: url(../image/bg-3.jpg);
            background-repeat: no-repeat;
        } */
        
        .details {
            width: 100%;
            background-color: #F0F0F0;
            padding: 8% 15%;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            margin-bottom: 25px;
        }
        
        .details .p img {
            width: 100%;
            height: auto !important;
        }
        
        .details {
            display: none;
        }
        
        .two-nav>ul>.act>a>span:before {
            left: 15px;
            background: #2e2d2d;
        }
        
        .two-nav>ul>.act>a>span:after {
            width: 11px;
        }
        
        .two-nav>ul>li>a>span:before {
            content: "";
            position: absolute;
            bottom: 1px;
            height: 2px;
            right: 0;
            left: 0;
            background: #FFF;
            -webkit-transition: left .4s ease;
            -moz-transition: left .4s ease;
            transition: left .4s ease;
        }
        
        .feedback {
            position: relative;
            z-index: 22;
            padding-top: 82px;
            padding-bottom: 98px;
        }
        
        .feedback .feedback-box {
            background: #FCFCFC;
            width: 100%;
            height: 614px;
            box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.1);
            padding-top: 62px;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        
        .feedback .feedback-box .product-title {
            margin-bottom: 36px;
        }
        
        .feedback .feedback-box .nr {
            display: block;
            vertical-align: top;
            width: 876px;
            margin: 50px auto;
        }
        
        .feedback .feedback-box .input {
            font-size: 0;
        }
        
        .feedback .feedback-box .input .contacts {
            display: inline-block;
            vertical-align: top;
            height: 50px;
            width: 466px;
            border: 1px solid #CACACA;
            position: relative;
            background: #FFF;
        }
        
        .feedback .feedback-box .input .contacts input {
            width: 100%;
            height: 100%;
            font-size: 14px;
            color: #333;
            border: 0;
            background: none;
            line-height: 50px;
            padding-right: 10px;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            vertical-align: top;
            position: relative;
            z-index: 22;
        }
        
        .feedback .feedback-box .input .contacts span {
            position: absolute;
            left: 0;
            display: block;
            width: 90px;
            top: 0;
            height: 50px;
            line-height: 50px;
            font-size: 14px;
            padding-left: 22px;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            color: #333;
        }
        
        .feedback .feedback-box .input .contacts+.contacts {
            width: 396px;
            margin-left: 10px;
        }
        
        .feedback .feedback-box .select {
            margin-top: 10px;
        }
        
        .feedback .feedback-box .select li {
            float: left;
            width: 283px;
            border: 1px solid #CACACA;
        }
        
        .feedback .feedback-box .select li select {
            width: 100%;
            height: 50px;
        }
        
        .feedback .feedback-box .select li .customSelect {
            width: 100%;
            height: 50px;
            line-height: 50px;
            padding-left: 23px;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            font-size: 14px;
            color: #333;
            background-color: #FFF;
        }
        
        .feedback .feedback-box .select li .customSelectInner {
            background-image: url(../images/icon-27.jpg);
            background-position: right center;
            background-repeat: no-repeat;
        }
        
        .feedback .feedback-box .select li+li {
            margin-left: 10px;
        }
        
        .feedback .feedback-box .text {
            width: 100%;
            height: 212px;
            border: 1px solid #CACACA;
            position: relative;
            margin-top: 10px;
            background: #FFF;
        }
        
        .feedback .feedback-box .text span {
            position: absolute;
            left: 0;
            display: block;
            width: 90px;
            top: 16px;
            font-size: 14px;
            padding-left: 23px;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            color: #333;
            line-height: 1;
        }
        
        .feedback .feedback-box .text textarea {
            border: 0;
            background: none;
            resize: none;
            width: 100%;
            font-size: 14px;
            height: 100%;
            padding-left: 75px;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding-right: 10px;
            padding-top: 13px;
            color: #333;
            padding-bottom: 16px;
        }
        
        .feedback .feedback-box .btn {
            margin-top: 16px;
        }
        
        .feedback .feedback-box .btn button {
            width: 190px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            border: 0;
            color: #FFF;
            cursor: pointer;
            font-size: 16px;
            background: #555;
        }
        /* 招商 */
        
        @media screen and (max-width:465px) {
            .wraptext {
                margin-bottom: 4rem !important;
            }
        }