@import url(iconfont.css);
/*网站单位设置*/
@media only screen and (min-width: 360px) {
    html { font-size: 26px !important; }
}

@media only screen and (min-width: 435px) {
    html { font-size: 30px !important; }
}
/*@media only screen and(min-width: 500px) {
  html {
    font-size: 36px!important
  }
}*/
@media (min-width: 769px) {
    html { font-size: 34px !important; }
}

@media only screen and (min-width: 1024px) {
    html { font-size: 28px !important; }
}

@media only screen and (min-width: 1200px) {
    html { font-size: 30px !important; }
}

@media only screen and (min-width: 1440px) {
    html { font-size: 34px !important; }
}

@media only screen and (min-width: 1680px) {
    html { font-size: 40px !important; }
}

body { font-size: 0.4rem; font-family: '微软雅黑', Arial, sans-serif; font-weight: normal; text-rendering: optimizeLegibility; color: #333; background-color: #fff; overflow-x: hidden;line-height:2; }
*::-webkit-scrollbar { width: 3px; border-radius: 1.5px; }
*::-webkit-scrollbar-button { display: none; }
*::-webkit-scrollbar-track { background-color: #eee; }
*::-webkit-scrollbar-thumb { background-color: #e60012; }

@media (min-width: 1300px) {
    .container { width: 90%; max-width: 1520px; margin: 0 auto; }
}

.f-no { display: flex; flex-flow: row wrap; }
.f-no-b-center { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; }
.f-no-b-start { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; }
.f-no-b-stretch { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; }
.f-no-c-center { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; }
.f-no-c-start { display: flex; flex-flow: row wrap; justify-content: center; align-items: flex-start; }
.f-no-c-stretch { display: flex; flex-flow: row wrap; justify-content: center; align-items: stretch; }
.f-no-s-center { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; }
.f-no-s-end { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-end; }
.f-no-s-stretch { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; }
.f-no-end-start { display: flex; flex-flow: row wrap; justify-content: flex-end; }
.f-no-col { display: flex; flex-flow: column wrap; }
.f-no-col-b-center { display: flex; flex-flow: column wrap; justify-content: space-between; align-items: center; }
.f-no-col-c-center { display: flex; flex-flow: column wrap; justify-content: center; align-items: center; }
.f-no-col-s-center { display: flex; flex-flow: column wrap; justify-content: flex-start; align-items: center; }
.f-no-col-s-end { display: flex; flex-flow: column wrap; justify-content: flex-start; align-items: flex-end; }
.f-no-col-c-start { display: flex; flex-flow: column wrap; justify-content: center; align-items: flex-start; }
.f-no-col-b-start { display: flex; flex-flow: column wrap; justify-content: space-between; align-items: flex-start; }
.f-no-col-end-start { display: flex; flex-flow: column wrap; justify-content: flex-end; align-items: flex-start; }
.pc-block { display: block; }
.pc-block-768 { display: block; }
.pc-block-767 { display: block; }
.m-block { display: none; }
.m-block-767 { display: none; }
.m-block-768 { display: none; }

@media (max-width: 1024px) {
    .pc-block { display: none; }
    .m-block { display: block; }
}

@media (max-width: 768px) {
    .pc-block-768 { display: none; }
    .m-block-768 { display: block; }
}

@media (max-width: 767px) {
    .pc-block-767 { display: none; }
    .m-block-767 { display: block; }
}

.i-ell { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; }
.i-ell-2 { max-width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.i-ell-3 { max-width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.i-ell-4 { max-width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

.vertical_img { display: block; width: 100%; position: relative; overflow: hidden; background: #fff; }
    .vertical_img img.bgimg { width: 100%; }
    .vertical_img img.up-pic { transform: translateZ(0px); transition: transform 0.3s ease 0s; position: absolute; left: 0; top: 50%; width: 100%; z-index: 2; transform: translateY(-50%); }
    .vertical_img:hover img.up-pic { transform: scale(1.05, 1.05) translateY(-48%); transition: transform 0.6s ease 0s; }









.w1520 { width: 90%; max-width: 1520px; margin: 0 auto; }
.ovh { overflow: hidden; }
.clearfix, ul { zoom: 1; }
    .clearfix:after, ul:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
img { max-width: 100%; }
ul, li { padding: 0; margin: 0; list-style: none; }
.fl { float: left; }
.fr { float: right; }
a { color: #333; text-decoration: none; }
    a:hover, a:active, a:focus { text-decoration: none; color: #e60012; }
/*.site-header { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
    .site-header * { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }*/

.d-tit { font-size: 0.8rem; margin: 0;text-transform:uppercase; }

/*.i-more { margin: 0px auto 1.5rem; text-align: center; }
    .i-more a { height: 1.2rem; line-height: 1.2rem; padding-left: 1.1rem; padding-right: 1.1rem; display: inline-block; border-radius: 0.15rem; text-transform: uppercase; color: #fff; background: #e60012; text-align: center; color: #FFFFFF; transition: all .36s ease; border: 1px solid #e60012; }
        .i-more a:hover { border: 1px solid #333; background: none; background-color: #222; color: #fff; }*/






.site-header { position: relative; z-index: 10; padding: 0; width: 100%; background: rgba(255, 255, 255, 1); padding-top: 0px; top: 0; right: 0; }
#hgroup-top { display: flex; align-items: center; justify-content: space-between; height: 2.5rem }
.site-header .site-logo { display: block; height: 2.25rem; }
    .site-header .site-logo img { height: 2.25rem; padding: 0.25rem 0; }
.site-header h1 { line-height: 2.25rem; margin: 0px 0 0px 10px; text-indent: -9999px; }
.site-header .hgroup-search { width: 220px; text-align: right; }
    .site-header .hgroup-search form { display: inline-block; vertical-align: middle; border-bottom: 1px solid #666; }
        .site-header .hgroup-search form input { vertical-align: middle; box-sizing: border-box; width: 174px; border: 0; background: transparent; }
    .site-header .hgroup-search #s:focus { width: 220px; }
    .site-header .hgroup-search form input:focus { outline: 0; }
    .site-header .hgroup-search form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: transparent; opacity: 1; /* Firefox */ color: #333; }
    .site-header .hgroup-search form input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: transparent; }
    .site-header .hgroup-search form input::-ms-input-placeholder { /* Microsoft Edge */ color: transparent; }
    .site-header .hgroup-search form input:focus::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #333; }
    .site-header .hgroup-search form input:focus:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #333; }
    .site-header .hgroup-search form input:focus::-ms-input-placeholder { /* Microsoft Edge */ color: #333; }
    .site-header .hgroup-search #searchsubmit { vertical-align: middle; width: 31px; height: 31px; background: url(../image/icon-search.png) no-repeat center center; background-size: 18px 18px; }
    .site-header .hgroup-search .hgroup-language { width: 2.25rem; text-align: right; display: inline-block; vertical-align: middle; font-size: 13px; margin-top: 3px; }
    .site-header .hgroup-search a { color: #333; padding: 2px 5px; }
        .site-header .hgroup-search a.current { color: #333; opacity: 0.5; border-right: 1px solid #333; }

.main-navigation { clear: none; width: 100%; margin-top: 5px; text-align: center; }
.nav-menu { transition: height 0.5s; margin-bottom: 0; }
    .nav-menu li.li01 { line-height: 0.9; display: inline-block; }
        .nav-menu li.li01 a.tit { padding: 0 0.7rem; line-height: 1.33rem; display: block; color: #333; font-size: 0.4rem; position: relative; }
            .nav-menu li.li01 a.tit:hover { font-weight: 500; background: #dfdfdf; }
    .nav-menu > li.li01:hover > a.tit:after { content: ""; display: block; position: absolute; width: 1.5rem; left: 50%; margin-left: -0.75rem; height: 1px; bottom: 0; background: #e60012; }
.main-navigation li.li01 .nav-bg { -webkit-animation: fadeInUp 0.5s linear 0s both; -moz-animation: fadeInUp 0.5s linear 0s both; animation: fadeInUp 0.5s ease 0s both; width: 100%; top: 100%; left: 0; display: none; /*background: rgba(153,153,153,0.9);*/ background: rgba(40,39,39,0.8); position: absolute; }
.main-navigation li.li01:hover .nav-bg { display: block; }
.main-navigation li.li01 ul { }
    .main-navigation li.li01 ul.sub-menu li { width: 20%; float: left; line-height: 1rem; text-align: left; }
        .main-navigation li.li01 ul.sub-menu li a { border-left: 1px solid #cacaca; margin: 0.5rem 0; display: block; padding: 0 15px; color: #fff; }
        .main-navigation li.li01 ul.sub-menu li:nth-child(5n+1) a { border-left: none; }

/*    .main-navigation li ul.pro-menu li { border-left: 1px solid #cacaca; }
        .main-navigation li ul.pro-menu li:nth-child(5n+1) { border-left: none; }
    .main-navigation li ul.pro-menu li { width: 25%; float: left; line-height: 1rem; text-align: left; padding: 0.5rem 0; }
    .main-navigation li ul.pro-menu .left {width:50%;float:left; }
        .main-navigation li ul.pro-menu .left img { max-width: 100%; transition: 1s ease; }
        .main-navigation li ul.pro-menu .left:hover img { transform: scale(1.1, 1.1); }
        .main-navigation li ul.pro-menu .right { width: 50%; float: left;padding:0 15px;text-align:left; }
            .main-navigation li ul.pro-menu .right h3 { font-size: 16px; color: black; margin-bottom: 15px; text-transform: uppercase;margin-top:0; }
                .main-navigation li ul.pro-menu .right h3 a { color: black; }
                .main-navigation li ul.pro-menu .right p { font-size: 0.4rem; color: #3b3e40; margin-bottom: 10px; }
                    .main-navigation li ul.pro-menu .right p a { color: #3b3e40; }*/


.pro_subnav { padding: 23px 8% 25px 8%; text-align: left; }
.pro_subnav1 { width: 15%; }
.pro_subnav .pro_subnav1 li { position: relative; /*border-right:1px solid #eee;*/ }
    .pro_subnav .pro_subnav1 li::before { content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 50%; background: #eee; }
    .pro_subnav .pro_subnav1 li::after { content: ''; position: absolute; right: 0; bottom: 0; width: 1px; height: 50%; background: #eee; }
    .pro_subnav .pro_subnav1 li a { line-height: 27px; display: block; width: 71%; font-size: 0.4rem; color: #fff !important; padding: 11px 0 9px 0; border-bottom: 1px solid #e1e1e1; }
    .pro_subnav .pro_subnav1 li.on a,
    .pro_subnav .pro_subnav1 li:hover a { color: #e60012 !important; font-weight: bolder; border-bottom: 3px solid #e60012; }
    .pro_subnav .pro_subnav1 li.on i { display: block; }
    .pro_subnav .pro_subnav1 li.on::before { height: calc(50% - 7px); }
    .pro_subnav .pro_subnav1 li.on::after { height: calc(50% - 8px); }
.pro_subnav .top_li .solution_nav1 a { color: #fff !important; }
.subnav_title { line-height: 34px; font-size: 0.5rem; color: #fff; font-weight: bolder; }
.pro_subnav .pro_subnav1 i { display: block; width: 8px; height: 15px; background: url(../image/new_arrow.png) no-repeat; position: absolute; right: 0; top: 50%; margin-top: -7px; display: none; }
.pro_subnav2 ul { display: none; }
.pro_subnav2 { width: 16.5%; }
    .pro_subnav2 ul li { padding: 11px 0 10px 24%; line-height: 27px; }
.pro_subnav .pro_subnav2 ul li a { font-size: 0.4rem; color: #fff; }
    .pro_subnav .pro_subnav2 ul li a:hover { font-size: 0.4rem; color: #e60012; font-weight: bolder; }
.pro_subnav3 { width: 29%; margin-left: 4%; }
    .pro_subnav3 .subnav_title { margin: 7px 0 18px 0; }
.pro_subnav4 a { width: 50%; float: left; }
.pro_subnav3_path { display: block; border-bottom: 1px solid #eee; padding-bottom: 13px; }
    .pro_subnav3_path .vertical_img { width: 27%; margin: 0.5rem 5% 0 0; }
.pro_subnav3_path_r { width: 62%; padding-right: 6%; }
.pro_subnav3_path .title { margin: 15px 0 8px 0; line-height: 29px; font-size: 0.4rem; height: 58px; overflow: hidden; color: #fff; }
.pro_subnav3_path a:hover .title { color: #fff; }
.pro_subnav3_path:hover .title { color: #fff; }
.pro_subnav3_path .con { line-height: 26px; font-size: 0.4rem; height: 78px; color: #fff; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.pro_subnav3_path .arrowR { border-top: 5px solid transparent; border-left: 5px solid #e60012; border-bottom: 5px solid transparent; margin-left: 10px; display: inline-block; width: 0; height: 0; }



.header-dropdown { flex-shrink: 0; margin-left: 0.56rem; }
.m-block.header-dropdown { margin-left: 0rem; margin-right: 0.32rem; }
.header-dropdown-h { text-align: left; line-height: 0.8rem; margin: 0 -1em; position: relative }
.header-dropdown.hover .header-dropdown-h { z-index: 2 }
.header-dropdown-item { display: block; white-space: nowrap; padding: 0 1.5em 0 1em }

    .header-dropdown-item img, .header-dropdown-item-title { display: inline-block; cursor: pointer }

    .header-dropdown-item img { margin-right: .5em }

    .header-dropdown-item i { vertical-align: top; text-align: center; line-height: inherit; width: 1.2em; margin-right: .5em }

.header-dropdown-current { position: relative; z-index: 1 }

    .header-dropdown-current .header-dropdown-item:after { display: block; position: absolute; top: 50%; right: .8em; content: '\e689'; font-size: 0.8em; margin-top: -1.3em; font-family: iconfont; font-weight: 400; cursor: pointer }

.header-dropdown-list { position: absolute; top: -.4em; left: 0; padding-top: 2.4em; padding-bottom: .4em; min-width: 100%; background: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.15); transform-origin: 50% 0; transform: scaleY(0) translateZ(0); opacity: 0; transition: transform 0.3s,opacity 0.3s; }
.header-dropdown.hover .header-dropdown-list { transform: scaleY(1) translateZ(0); opacity: 1; }
.header-dropdown-list-h { max-height: calc(90vh - 3em); overflow-y: auto; -webkit-overflow-scrolling: touch }



















#mobile { position: fixed; top: 0; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; display: none; z-index: 20; }
    #mobile #menu-on { width: 40px; height: 40px; background: #f5f5f5; position: absolute; left: 100%; top: 0; cursor: pointer; cursor: hand; }
        #mobile #menu-on i { width: 23px; height: 2px; background: #222; display: block; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
            #mobile #menu-on i.line1 { top: 12px; }
            #mobile #menu-on i.line2 { top: 19px; }
            #mobile #menu-on i.line3 { top: 26px; }
    #mobile .menu-content { width: 100%; height: 100vh; display: block; background: #222; padding: 40px 10%; overflow-y: auto; color: white; }
        #mobile .menu-content::-webkit-scrollbar { width: 3px; border-radius: 1.5px; }
        #mobile .menu-content::-webkit-scrollbar-button { display: none; }
        #mobile .menu-content::-webkit-scrollbar-track { background-color: #222; }
        #mobile .menu-content::-webkit-scrollbar-thumb { background-color: #eee; }
        #mobile .menu-content h3 { font-size: 0.5rem; color: inherit; text-transform: capitalize; margin-bottom: 10px; }
            #mobile .menu-content h3 i { font-size: 16px; position: relative; top: -1px; }
        #mobile .menu-content .menu-logo { display: block; position: relative; }
            #mobile .menu-content .menu-logo .close { display: block; width: 25px; height: 25px; font-size: 25px; cursor: pointer; position: absolute; top: -30px; right: 0; opacity: 1; }
            #mobile .menu-content .menu-logo img { margin: 0 auto; max-width: 100%; }
        #mobile .menu-content .menu-list { margin: 40px 0; }
            #mobile .menu-content .menu-list ul li { font-size: 15px; color: inherit; text-transform: uppercase; line-height: 0.5rem; }
                #mobile .menu-content .menu-list ul li a { padding: 8px 0; display: block; }
                    #mobile .menu-content .menu-list ul li a:hover { color: #e60012; text-decoration: underline; }
                #mobile .menu-content .menu-list ul li li a { position: relative; padding-left: 15px; font-size: 13px; line-height: 18px; }
                    #mobile .menu-content .menu-list ul li li a:after { content: ''; width: 6px; height: 1px; background: white; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
                #mobile .menu-content .menu-list ul li li li a { padding-left: 25px; }
                    #mobile .menu-content .menu-list ul li li li a:after { left: 10px; }
        #mobile .menu-content .mob-search form { position: relative; }
            #mobile .menu-content .mob-search form input { width: 100%; height: 1.125rem; line-height: 1.125rem; border-radius: 5px; border: none; padding: 0 15px; font-size: 0.4rem; color: black; }
                #mobile .menu-content .mob-search form input[type="submit"] { width: 1.125rem; height: 1.125rem; background: url("404.png") no-repeat center center #222; position: absolute; right: 0; top: 0; border-radius: 0; }
        #mobile .menu-content .mob-yuy { margin: 40px 0; }
            #mobile .menu-content .mob-yuy ul li { margin-bottom: 10px; color: inherit; font-size: 0.4rem; }
                #mobile .menu-content .mob-yuy ul li img { max-width: 40px; display: inline-block; vertical-align: middle; margin-right: 10px; }
        #mobile .menu-content #menu-off { margin-top: 40px; cursor: pointer; cursor: hand; }
    #mobile.active { right: 0; }
        #mobile.active:before { left: 0; }
        #mobile.active #menu-on i.line1 { -webkit-transform: translateX(-50%) rotateZ(45deg); -moz-transform: translateX(-50%) rotateZ(45deg); -ms-transform: translateX(-50%) rotateZ(45deg); -o-transform: translateX(-50%) rotateZ(45deg); transform: translateX(-50%) rotateZ(45deg); top: 12px; margin-left: 3px; }
        #mobile.active #menu-on i.line2 { opacity: 0; }
        #mobile.active #menu-on i.line3 { -webkit-transform: translateX(-50%) rotateZ(-45deg); -moz-transform: translateX(-50%) rotateZ(-45deg); -ms-transform: translateX(-50%) rotateZ(-45deg); -o-transform: translateX(-50%) rotateZ(-45deg); transform: translateX(-50%) rotateZ(-45deg); top: 28px; margin-left: 3px; }
    #mobile.white .menu-content { background: white; color: black; }
        #mobile.white .menu-content .menu-list ul li li a:after { background: black; }
        #mobile.white .menu-content .mob-search form input { border: 1px solid black; }
            #mobile.white .menu-content .mob-search form input[type="submit"] { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }




header#mobile { position: relative; z-index: 10; transition: transform 0.5s ease 0s; height: 71px; }
    header#mobile .header-main { width: 100%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; transition: padding 0.3s ease 0s, transform 0.5s ease 0s; position: fixed; left: 0; top: 0; }
        header#mobile .header-main .container { display: flex; align-items: center; }
    header#mobile.left .header-main { transform: translateX(-66%); }
body.left .sub-body { transform: translateX(-66%); transition: padding 0.3s ease 0s, transform 0.5s ease 0s; }

header#mobile .logo { font-size: 16px; font-weight: bold; flex: 1; }
    header#mobile .logo img { max-height: 51px; }
header#mobile .m-btn { width: 46px; height: 44px; padding: 12px; cursor: pointer; margin-top: 3px; flex-basis: 46px;margin-left:10px; }
    header#mobile .m-btn .box { display: block; width: 100%; height: 100%; position: relative; }
    header#mobile .m-btn .line { display: block; width: 100%; height: 2px; background-color: #1d1d1d; position: absolute; left: 0; transition: width 0.3s ease 0s; }
    header#mobile .m-btn .line1 { width: 12px; top: 0; }
    header#mobile .m-btn .line2 { width: 20px; top: 6px; }
    header#mobile .m-btn .line3 { width: 16px; top: 13px; }
    header#mobile .m-btn.cur .line1, header .m-btn.cur .line2, header .m-btn.cur .line3 { width: 100%; }
.m-sub-menu.show { right: 0; transition: all 0.44s ease 0s; }
.m-sub-menu { position: fixed; right: -100%; width: 66%; top: 0; z-index: 100; height: 100%; background-color: #fff; transition: all 0.64s ease 0s; }




















.top-inner { position: relative; z-index: 0; width: 100%; overflow: hidden; background-position: center top; background-repeat: no-repeat; background-color: #fff; }
.slide-home { z-index: 0; }
    .slide-home .swiper-slide { position: relative; }
        .slide-home .swiper-slide .imgs { height: 100%; position: relative; display: block; }
            .slide-home .swiper-slide .imgs .bgimg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-position: center; background-size: cover; }
    .slide-home .slide-container { position: absolute; top: 45%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); left: 0; right: 0; color: #fff; z-index: 3; margin: 0 auto; }
        .slide-home .slide-container .slide-txt { margin-top: -5px; margin-left: -2px; margin-bottom: 27px; font-size: 0.6rem; line-height: 34px; letter-spacing: 0.084rem; text-shadow: 0 0 9px rgb(0 0 0 / 30%); transition: opacity 1s, -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s; transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s, -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1); transition-delay: 0.5s; -webkit-transform: translate(-16px, 0); transform: translate(-16px, 0); opacity: 0; transform: translate(-16px, 0); }
    .slide-home .swiper-slide-active .slide-container .slide-txt { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
    .slide-home .slide-container h1 { font-size: 0.9rem; margin-top: 0; }
    .slide-home .slide-container p { font-size: 0.6rem; line-height: 0.8rem; margin: 0; }
    .slide-home .slide-container .slide-btn { font-size: 0.4rem; letter-spacing: 1px; -webkit-filter: drop-shadow(0 0 9px rgba(0, 0, 0, 0.3)); filter: drop-shadow(0 0 9px rgba(0, 0, 0, 0.3)); opacity: 0; transition: opacity 1.0s; transition-delay: 1.2s; }
    .slide-home .swiper-slide-active .slide-container .slide-btn { opacity: 1; }
    .slide-home .swiper-slide .slide-bg { width: 100%; height: 100%; background: rgba(0,0,0,0.05); position: absolute; z-index: 2; }





    .slide-home .swiper-pagination { font-size: 0; text-align: center; position: absolute; left: 0; bottom: 1rem; z-index: 3; width: 100%; }
        .slide-home .swiper-pagination span.swiper-pagination-bullet { display: inline-block; *display: inline; zoom: 1; width: 17px; height: 17px; border-radius: 50%; border: 1px solid #d3d4d6; background-color: transparent; position: relative; margin: 0 7px; }
        .slide-home .swiper-pagination span.swiper-pagination-bullet-active, .slide-home .swiper-pagination .swiper-pagination-bullet:hover { border-color: #e60012; background-color: transparent; }

    .slide-home .swiper-pagination { font-size: 0; text-align: center; margin-top: 0.5rem; }
        .slide-home .swiper-pagination span { width: 16px; height: 16px; display: inline-block; margin: 0 7px !important; position: relative; transition-duration: .5s; cursor: pointer; background: none; opacity: 1; border: 1px solid transparent; background-color: transparent; }
            .slide-home .swiper-pagination span:before { position: absolute; display: block; left: 50%; top: 50%; content: ""; width: 6px; height: 6px; margin-left: -3px; margin-top: -3px; border-radius: 50%; transition-duration: .5s; background: #c6c6c6; }
            .slide-home .swiper-pagination span.swiper-pagination-bullet-active, .slide-home .swiper-pagination .swiper-pagination-bullet:hover span { border-color: #e60012; background-color: transparent; }
                .slide-home .swiper-pagination span.swiper-pagination-bullet-active:before, .slide-home .swiper-pagination .swiper-pagination-bullet:hover:before { background: #e60012; }


#site-navigation-bg { position: absolute; background: rgba(255,255,255,0.18); z-index: 1; top: 100%; left: 0; width: 100%; height: 0; opacity: 0; }
    #site-navigation-bg.stay { height: 265px; opacity: 1; }


.i-fir-wrap { overflow: hidden; background: #f3f3f3; padding: 1rem 0; }
.proBox { position: relative; margin: 1rem 0; }
    .proBox .pro-prev, .proBox .pro-next { cursor: pointer; height: 60px; width: 60px; text-align: center; border-radius: 50px; background: #e60012; position: absolute; z-index: 9; top: 50%; margin-top: -50px; }
    .proBox i.iconfont { font-size: 32px; color: #fff; line-height: 60px; text-align: center }
    .proBox .pro-prev:hover, .proBox .pro-next:hover { background: #e60012; }
    .proBox .swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; }
    .proBox .pro-prev { left: -100px; }
    .proBox .pro-next { right: -100px; }
    .proBox .pro-pagination { text-align: center; margin: 20px 0; width: 100%; }
        .proBox .pro-pagination .swiper-pagination-bullet { width: 16px; height: 16px; margin: 0 8px !important; background-color: #e4e4e4; opacity: 1; position: relative; }
        .proBox .pro-pagination .swiper-pagination-bullet-active { background-color: #e60012; }

.vertical_img { display: block; width: 100%; position: relative; overflow: hidden; border: 1px solid #f2f2f2; }
    .vertical_img img.bgimg { width: 100%; }
    .vertical_img img.up-pic { transform: translateZ(0px); transition: transform 0.3s ease 0s; position: absolute; left: 0; top: 50%; width: 100%; /*height: 100%;*/ z-index: 2; transform: translateY(-50%); }
    .vertical_img:hover img.up-pic { transform: scale(1.05, 1.05) translateY(-48%); transition: transform 0.6s ease 0s; }



.up-graybox { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); transition: all 0.4s ease 0s; z-index: 3; }
    .up-graybox .bgbox { display: block; width: 100%; height: 100%; background-color: #000; opacity: 0.4; filter: alpha(opacity=40); }
    .up-graybox .stit { font-size: 16px; line-height: 30px; width: 100%; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -15px; color: #fff; }
    .up-graybox .line { display: inline-block; width: 100px; height: 1px; background-color: #f2f2f2; position: absolute; left: 50%; margin-left: -50px; transition: all 0.6s ease 0s; }
    .up-graybox .linet { top: 0; }
    .up-graybox .lineb { bottom: 0; }
    .up-graybox .out-ico { display: none; width: 26px; height: 26px; position: absolute; right: 20px; top: 20px; }
    .up-graybox:hover .line { width: 6px; margin-left: -3px; opacity: 0.6; filter: alpha(opacity=60); }
.vertical_img:hover .up-graybox { opacity: 1; filter: alpha(opacity=1); }
.proBox .cont-wrap { width: 100%; padding: 0px 6.5%; border: 1px solid #f2f2f2; margin-top: -1px; background: #fff; text-align: center; }
.proBox .swiper-slide:hover .cont-wrap { background: #e60012; }
.proBox .cont-wrap .tit { font-size: 0.4rem; margin-bottom: 0; }
    .proBox .cont-wrap .tit a { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; height: 1.5rem; line-height: 1.5rem; }
.proBox .swiper-slide:hover .tit a { color: #fff; }


.i-thi-wrap { padding: 1rem 0; }
.i-culture { padding-top: 0.8rem; margin-top: 1.25rem; text-align: center; position: relative; }
    .i-culture:before { content: "“"; position: absolute; top: -20px; left: 0; width: 50px; height: 50px; font-size: 166px; line-height: 166px; color: #e60012; font-family: Arial; }
    .i-culture:after { content: "”"; position: absolute; top: -20px; right: 0; width: 50px; height: 50px; font-size: 166px; line-height: 166px; color: #e60012; font-family: Arial; }
    .i-culture .item b { display: block; font-size: 28px; font-size: 0.7rem; line-height: 0.75rem; margin-bottom: 0.25rem; margin-top: 0.75rem; }
    .i-culture .item:hover img { -webkit-transition: all 0.8s; -moz-transition: all 0.8s; transition: all 0.8s; transform: rotateY(180deg); -ms-transform: rotateY(180deg); /* IE 9 */ -moz-transform: rotateY(180deg); /* Firefox */ -webkit-transform: rotateY(180deg); /* Safari 和 Chrome */ -o-transform: rotateY(180deg); }
@media (max-width: 768px) {
    .i-culture:after { top: initial; bottom: 30px; }
}

.i-six-wrap .bg-fontdarkblue { padding: 0.375rem 0; background: #3c4c5a; }

@media screen and (min-width: 992px) {
    .i-six-wrap .bg-fontdarkblue { padding: 1rem 0; }
}

.i-six-wrap .d-tit { color: #fff; }
.i-six-wrap .i-more { color: #fff; }
.i-photo { position: relative; }
    .i-photo .photo-pagination { width: 2.4rem; margin: 1rem auto 0; }
    .i-photo .photo-prev, .i-photo .photo-next { cursor: pointer; height: 1rem; width: 1rem; text-align: center; border-radius: 50%; background: #fff; border: 1px solid #e60012; }
        .i-photo .photo-prev i.iconfont, .i-photo .photo-next i.iconfont { font-size: 0.4rem; color: #e60012; line-height: 1rem; text-align: center; }
        .i-photo .photo-prev:hover, .i-photo .photo-next:hover { background: #e60012; border: 1px solid #fff; }
            .i-photo .photo-prev:hover i.iconfont, .i-photo .photo-next:hover i.iconfont { color: #fff; }
    .i-photo .swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; }



.i-sev-wrap {padding: 1rem 0; }
.i-tit { position: relative; padding-bottom: 0.45rem; margin-bottom: 0.5rem; }
    .i-tit h2 { font-size: 0.9rem; line-height: 1.1rem; text-align: center; margin: 0; }
    .i-tit em { font-size: .55rem; line-height: .6rem; margin-top: 0.2rem; font-style: normal; text-align: center; display: block; }
    .i-tit:after { width: 1.8rem; height: 2px; background-color: #e60012; content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -0.9rem; }

.i-honor { position: relative; max-width: 1200px; margin: 0 auto; }
    .i-honor .swiper-slide { width: 35%; background: #fff; }
        .i-honor .swiper-slide a { border: 5px solid #eee; display: block; }
    .i-honor .honor-pagination { width: 2.4rem; margin: 0.75rem auto 0; }
    .i-honor .honor-prev, .i-honor .honor-next { cursor: pointer; height: 0.95rem; width: 0.95rem; text-align: center; border-radius: 50%; background: #e60012; border: 1px solid #e60012; }
        .i-honor .honor-prev i.iconfont, .i-honor .honor-next i.iconfont { font-size: 0.5rem; color: #fff; line-height: 0.95rem; text-align: center }
        .i-honor .honor-prev:hover, .i-honor .honor-next:hover { background: #fff; }
            .i-honor .honor-prev:hover i.iconfont, .i-honor .honor-next:hover i.iconfont { color: #e60012; }
    .i-honor .swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; }

@media screen and (max-width: 992px) {
    .i-honor .swiper-slide { width: 50%; }
}











.i-sec-wrap { background: url(../image/yzbj.jpg) no-repeat center top; background-size: cover; position: relative; padding: 1rem 0; }
    .i-sec-wrap .i-about { padding: 0 8% 0.875rem; position: relative; z-index: 1; box-sizing: border-box; border-bottom: 3px solid #e60012; }
    .i-sec-wrap .i-about-tit { position: relative; padding-bottom: 0.45rem; margin-bottom: 0.5rem; }
        .i-sec-wrap .i-about-tit h2 { font-size: 0.9rem; line-height: 1.1rem; text-align: center; margin: 0; }
        .i-sec-wrap .i-about-tit em { font-size: .55rem; line-height: .6rem; margin-top: 0.2rem; font-style: normal; text-align: center; display: block; }
        .i-sec-wrap .i-about-tit:after { width: 1.8rem; height: 2px; background-color: #e60012; content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -0.9rem; }





    .i-sec-wrap .i-about p { color: #666666; font-size: 0.4rem; line-height: 0.75rem; text-align: center; margin-bottom: 0; }
.imgscale img { -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; }
.imgscale:hover img { -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01); }
.m_zz { background: none; padding: 0px; width: 100%; margin: 1rem auto 0; }
.m_zz { }
    .m_zz ul { width: 100%; position: relative; }
    .m_zz li { padding-left: 1.25rem; padding-top: 0px; box-sizing: border-box; overflow: hidden; float: left; text-align: left; position: relative; }
        .m_zz li:before { content: ""; position: absolute; right: 0px; height: 1.875rem; width: 1px; background: #dadada; top: 0.3rem; }
        .m_zz li em { margin-left: -5px; display: block; position: relative; height: 1.625rem; font-style: normal; }
            .m_zz li em b { margin-left: 0px; font-size: 1.35rem; line-height: 1.5rem; color: #e60012; font-family: "Arial"; font-weight: normal; display: inline-block; }
            .m_zz li em i { font-size: 0.4rem; font-weight: normal; text-align: center; line-height: 0.6rem; height: 0.6rem; width: 0.6rem; display: inline-block; font-style: normal; position: relative; bottom: 15px; right: -5px; }
    .m_zz h3 { font-size: 0.4rem; color: #666666; font-weight: normal; margin: 0; }
    .m_zz li:nth-child(1) { }
    .m_zz li:nth-child(2) { }
    .m_zz li:nth-child(3) { }
    .m_zz li:nth-child(4) { }
        .m_zz li:nth-child(4):before { background: none; }

.i-photo { margin: 0.875rem auto 0; position: relative; }
    .i-photo a { text-decoration: none; }
.photo_nav { height: 64px; clear: both; margin-bottom: 32px; width: 100%; }
    .photo_nav ul { width: 100%; text-align: center; }
    .photo_nav li { height: 64px; line-height: 28px; width: 45%; max-width: 168px; text-align: center; font-size: 0.5rem; color: #000000; position: relative; display: inline-block; font-weight: normal; border-right: 1px solid #c7c7c7; }
        .photo_nav li em { width: 54px; height: 42px; display: block; margin: 0 auto; }
            .photo_nav li em img { width: 100%; display: block; }
        .photo_nav li a { color: #000000; text-decoration: none; }
        .photo_nav li:last-child { border-right: 0; }
        .photo_nav li.cur { -webkit-transition: width .5s; transition: width .5s; }
            .photo_nav li.cur a { color: #e60012; font-weight: bold; }

.prev1 { position: absolute; left: -34px; top: 50%; margin-top: -48px; background: url(../image/xc_l.png) no-repeat; width: 15px; height: 23px; z-index: 3; }
.next1 { position: absolute; right: -34px; top: 50%; margin-top: -48px; background: url(../image/xc_r.png) no-repeat; width: 15px; height: 23px; z-index: 3; }
.xc_scroll { display: none; }
    .xc_scroll .swiper-slide { position: relative; overflow: hidden; text-align: center; }
        .xc_scroll .swiper-slide i { text-align: center; border: 1px solid #c7c7c7; padding: 4px; width: 100%; display: block; overflow: hidden; }
        .xc_scroll .swiper-slide img { }
        .xc_scroll .swiper-slide em { height: 1.5rem; font-size: 0.4rem; font-style: normal; line-height: 1.5rem; color: #666666; overflow: hidden; display: block; text-align: center; -webkit-transition: all .5s; transition: all .5s; width: 100%; box-sizing: border-box; }
        .xc_scroll .swiper-slide a { text-decoration: none; display: block; width: 100%; }
        .xc_scroll .swiper-slide:hover em { color: #e60012; }
/*.li5 .swiper-slide img { max-width: initial; height: 186px; }*/










.i-fou-wrap { background: #F3F3F3; padding: 1rem 0; }
    .i-fou-wrap .i-fou-more { margin-top: 15px; }
.i-news { margin-top: 30px; }
.i-new-list { margin-bottom: 30px; }
.new_wrapper { background-color: #FFF; height: 100%; overflow: hidden; position: relative; }
    .new_wrapper .image-wrapper { width: 100%; padding-bottom: 66.6667%; overflow: hidden; position: relative; }
        .new_wrapper .image-wrapper img { width: 100%; height: 100%; position: absolute; transition: all .3s; }
        .new_wrapper .image-wrapper .image-overlay { background-color: #0a1419; height: 100%; opacity: .05; position: absolute; width: 100%; top: 0; }
    .new_wrapper .new_text { padding: 0.5rem 1.5rem 1rem 0.5rem; }
        .new_wrapper .new_text h3 { margin-top: 0; margin-bottom: 0.25rem; font-size: 0.6rem; color: #2d373c; line-height: 0.75rem; height: 0.75rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
        .new_wrapper .new_text p { display: -webkit-box; line-height: 0.625rem; font-size: 0.4rem; height: 1.875rem; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: #333; }
.col-lg-8 .new_wrapper .new_text { width: 100%; bottom: 0.5rem; height: 100%; position: absolute; }
    .col-lg-8 .new_wrapper .new_text h3 { margin-top: 1.5rem; color: #FFF; position: absolute; bottom: 0; }
.new_wrapper .new_text .glyphicon-chevron-right { position: absolute; bottom: 0.5rem; right: 0.5rem; padding-bottom: 0; color: #2d373c; opacity: .6; top: initial; font-size: 0.5rem; }
.col-lg-8 .new_wrapper .new_text .glyphicon-chevron-right { color: #FFF; bottom: 0px; }
.i-new-list:hover .new_wrapper .image-wrapper img { transform: scale(1.05); }
.i-new-list:hover .new_wrapper .new_text .glyphicon-chevron-right { opacity: 1; }




.i-fiv-wrap { overflow: hidden; background: url(404.png) no-repeat center; padding: 1rem 0; }

    .i-fiv-wrap .i-fiv-more { margin-top: 0.5rem; }
    .i-fiv-wrap .about-tit h3 { }
    .i-fiv-wrap .desc { font-size: 0.4rem; color: #888; line-height: 26px; margin-bottom: 0.5rem; text-align: center; }
    .i-fiv-wrap a.more { width: 180px; line-height: 48px; display: block; margin: 0 auto; text-align: center; border: 1px solid #eee; border-radius: 30px; background-position: 120px center; height: 48px; }
        .i-fiv-wrap a.more:hover { background-color: #e60012; color: #fff; }
    .i-fiv-wrap .quicklink { padding-top: 30px;display:flex;justify-content:center; }
        .i-fiv-wrap .quicklink .tab-title {width:25%; }
            .i-fiv-wrap .quicklink .tab-title ul { box-shadow: 0 12px 30px rgba(80,80,80,.1); border: 1px solid rgba(170,170,170,.2); }
                .i-fiv-wrap .quicklink .tab-title ul li { overflow: hidden; position: relative; }
                    .i-fiv-wrap .quicklink .tab-title ul li:before { content: ""; position: absolute; z-index: -1; background: #e60012; left: 0%; width: 0%; bottom: 0; height: 100%; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
                    .i-fiv-wrap .quicklink .tab-title ul li a { transition: all .6s ease 0s; padding: 48px 148px 48px 30px; font-size: 0.5rem; line-height: 0.8rem; display: block; position: relative; }
                        .i-fiv-wrap .quicklink .tab-title ul li a em { font-size: 0.4rem; font-style: normal; line-height: 0.5rem; display: block; }
                    /*.i-fiv-wrap .quicklink .tab-title ul li a:hover { background-color: #f2f2f2; color: #e60012; }*/
                    .i-fiv-wrap .quicklink .tab-title ul li.active a, .i-fiv-wrap .quicklink .tab-title ul li.active a:hover { background: #e60012; color: #fff; }
                    .i-fiv-wrap .quicklink .tab-title ul li.active:before { background: #e60012; width: 100%; }
                    .i-fiv-wrap .quicklink .tab-title ul li a:before { content: ""; display: block; margin: 0 auto; font-size: 58px; color: rgba(212,212,212,.41); position: absolute; top: 50%; right: 10px; opacity: 1; transition: all .6s ease 0s; line-height: 1.5rem; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
                    .i-fiv-wrap .quicklink .tab-title ul li.active a:before, .i-fiv-wrap .quicklink .tab-title ul li a:hover:before { opacity: 0; font-size: 5px; }
                    .i-fiv-wrap .quicklink .tab-title ul li a:after { content: ""; display: block; font-size: 158px; color: rgba(212,212,212,.41); position: absolute; top: 38%; right: 10px; opacity: 0; text-align: right; transition: all .6s ease 0s; line-height: 190px; }
                    .i-fiv-wrap .quicklink .tab-title ul li.active a:after, .i-fiv-wrap .quicklink .tab-title ul li a:hover:after { opacity: 1; font-size: 158px; }
                    .i-fiv-wrap .quicklink .tab-title ul li a.tab01:before { content: "01"; }
                    .i-fiv-wrap .quicklink .tab-title ul li a.tab02:before { content: "02"; }
                    .i-fiv-wrap .quicklink .tab-title ul li a.tab03:before { content: "03"; }
                    .i-fiv-wrap .quicklink .tab-title ul li a.tab04:before { content: "04"; }
                    .i-fiv-wrap .quicklink .tab-title ul li a.tab05:before { content: "05"; }
                    .i-fiv-wrap .quicklink .tab-title ul li a.tab06:before { content: "06"; }
                    .i-fiv-wrap .quicklink .tab-title ul li a.tab07:before { content: "07"; }
                    .i-fiv-wrap .quicklink .tab-title ul li a.tab08:before { content: "08"; }
                    .i-fiv-wrap .quicklink .tab-title ul li a.tab09:before { content: "09"; }
                    .i-fiv-wrap .quicklink .tab-title ul li a.tab010:before { content: "10"; }
                    .i-fiv-wrap .quicklink .tab-title ul li a.tab01:after { content: "01"; }
                    .i-fiv-wrap .quicklink .tab-title ul li a.tab02:after { content: "02"; }
                    .i-fiv-wrap .quicklink .tab-title ul li a.tab03:after { content: "03"; }
                    .i-fiv-wrap .quicklink .tab-title ul li a.tab04:after { content: "04"; }
                    .i-fiv-wrap .quicklink .tab-title ul li a.tab05:after { content: "05"; }
                    .i-fiv-wrap .quicklink .tab-title ul li a.tab06:after { content: "06"; }
                    .i-fiv-wrap .quicklink .tab-title ul li a.tab07:after { content: "07"; }
                    .i-fiv-wrap .quicklink .tab-title ul li a.tab08:after { content: "08"; }
                    .i-fiv-wrap .quicklink .tab-title ul li a.tab09:after { content: "09"; }
                    .i-fiv-wrap .quicklink .tab-title ul li a.tab010:after { content: "10"; }
                    .i-fiv-wrap .quicklink .tab-title ul li::after { display: block; width: 100%; height: 1px; margin: 0 auto; content: ""; background-color: #f1f1f1; }
                    .i-fiv-wrap .quicklink .tab-title ul li.active::after { background-color: #e60012; }
        .i-fiv-wrap .quicklink .tab-content { overflow: hidden;width:75%; }
            .i-fiv-wrap .quicklink .tab-content .item_block { float: none; width: 100%; transition: all .6s ease 0s; }
    /*        .i-fiv-wrap .quicklink .tab-content .content_list { width: 40%; margin: 0px auto 0px; }
            .i-fiv-wrap .quicklink .tab-content .owl-carousel .owl-stage-outer { overflow: visible; }
            .i-fiv-wrap .quicklink .tab-content .item_block { float: none; width: 100%; transition: all .6s ease 0s; }
            .i-fiv-wrap .quicklink .tab-content .content_list .item_img { position: relative; overflow: hidden; }
            .i-fiv-wrap .quicklink .tab-content .content_list .item_block img { -webkit-transform: scale(.4); -ms-transform: scale(.4); transform: scale(.4); transition: .36s; width: 100%; display: inline; }
            .i-fiv-wrap .quicklink .tab-content .content_list .owl-item:not(.active) .item_block img { border: 3px solid #fff; box-shadow: 4px 10px 30px rgba(0,0,0,.27); border-radius: 10%; }
            .i-fiv-wrap .quicklink .tab-content .content_list .owl-item.active .item_block img { box-sizing: border-box; border: 3px solid #e60012; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); border-radius: 10%; }
            .i-fiv-wrap .quicklink .tab-content .content_list .owl-item .item_block img::after { position: relative; top: -105px; display: block; width: 0; height: 0; margin: 0 auto; content: ""; color: transparent; border-width: 10px; border-style: solid; border-color: #e60012; }
            .i-fiv-wrap .quicklink .tab-content .owl-dots { margin-top: 25px; }
        .i-fiv-wrap .quicklink .tab-content-desc { margin-top: 0.5rem; background: #fff; width: 100%; overflow: hidden; padding: 0.5rem; line-height: 0.75rem; text-indent: 2em; overflow: hidden; box-sizing: border-box; border: 1px solid #e3e3e3; }
            .i-fiv-wrap .quicklink .tab-content-desc .item_block { display: none; transition: .36s ease; height: 1.5rem; overflow: hidden; transition: .36s; }
                .i-fiv-wrap .quicklink .tab-content-desc .item_block.active { display: block; }*/

@media (max-width: 1200px) {

    .i-fiv-wrap .quicklink {flex-direction:column; }
    .i-fiv-wrap .quicklink .tab-title { width: 100%; }
    .i-fiv-wrap .quicklink .tab-content { overflow: hidden; width: 100%; }
}

@media (max-width: 850px) {

    .i-fiv-wrap {display:none; }
}
    .zy02 { margin: 20px auto 0px; width: 810px; position: relative; }
        .zy02 i { display: block; position: absolute; top: -28px; left: 210px; }
        .zy02 ul li { float: left; padding: 0 150px 20px 0; }
        .zy02 ul .zy_li02 { padding: 0 0 20px; }
        .zy02 ul li a { display: block; width: 330px; height: 130px; background: #364655; border-radius: 10px; text-align: center; font-size: 18px; color: #fff; line-height: 30px; padding: 30px 50px 0 0; }
        .zy02 ul .zy_li02 a { padding: 30px 0 0 30px; width: 330px; }
        .zy02 ul li a:hover, .zy02 ul .cur a { background: #e60012; color: #fff; }
    .zy03 { background: url(404.png) no-repeat; width: 810px; height: 363px; margin: 0px auto 0px; position: relative; }
        .zy03 ul li { position: absolute; }
            .zy03 ul li a { display: block; font-size: 20px; color: #3a4a58; font-weight: bold; }
            .zy03 ul li span { display: block; font-size: 14px; color: #585858; padding: 25px 0 0; line-height: 26px; }
        .zy03 ul .yl_li01 { position: absolute; top: 20px; left: 10px; }
        .zy03 ul .yl_li02 { top: 10px; right: 0; text-align: right; }
        .zy03 ul .yl_li03 { position: absolute; top: 170px; left: 10px; }
        .zy03 ul .yl_li04 { top: 140px; right: 0; text-align: right; }
        .zy03 ul .yl_li05 { top: 270px; right: 0; text-align: right; }

    .zy04 { background: url(404.png) no-repeat; width: 809px; height: 363px; margin: 0px auto 0px; }
        .zy04 dl dd { float: left; padding: 9px 0 0 20px; }
            .zy04 dl dd p { background: url(404.png) no-repeat; width: 290px; height: 121px; font-size: 15px; color: #fff; line-height: 25px; padding: 20px 0 0 20px; }
            .zy04 dl dd i { display: block; margin: 10px 0 0; }
        .zy04 dl dt { float: left; padding: 0 0 0 10px; }
            .zy04 dl dt a img { width: 461px; height: 320px; }















    .i-service { padding: 0 15px; }
        .i-service li { padding: 55px 0; background: white; border: 1px solid #f6f6f6; list-style: none; }
            .i-service li a { display: block; padding: 0 18px 0 100px; position: relative; }
                .i-service li a img { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 18px; }
                .i-service li a:after { content: ''; border-left: 3px solid #bfc5ca; border-top: 3px solid transparent; border-bottom: 3px solid transparent; height: 56px; display: block; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }
                .i-service li a h3 { display: block; font-size: 0.5rem; color: black; font-family: "POPPINS-REGULAR"; text-transform: uppercase; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }
            .i-service li:hover a h3 { color: #e60012; }
            .i-service li a p { display: block; font-size: 16px; color: rgba(0, 0, 0, 0.5); margin-top: 5px; }
            .i-service li a:hover:after { border-left-color: black; }



    @keyframes scalemap {
        0% { transform: scale(0.2); opacity: 1; }
        100% { transform: scale(1.5); opacity: 0; }
    }

    @-moz-keyframes scalemap {
        0% { transform: scale(0.2); opacity: 1; }
        100% { transform: scale(1.5); opacity: 0; }
    }

    @-webkit-keyframes scalemap {
        0% { transform: scale(0.2); opacity: 1; }
        100% { transform: scale(1.5); opacity: 0; }
    }

    @-o-keyframes scalemap {
        0% { transform: scale(0.2); opacity: 1; }
        100% { transform: scale(1.5); opacity: 0; }
    }

    .home-section5 { width: 100%; position: relative; }
        .home-section5 .map-bg { height: 12rem; }
        .home-section5 .map-info { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
        .home-section5 .container { position: relative; padding: 2rem 0; }
        .home-section5 .leftbox { width: 42%; background: #fff; padding: 1.25rem; }
            .home-section5 .leftbox h2 { font-size: 1.125rem; color: #e60012; margin: 0 0 0.5rem; line-height: 1; text-transform: uppercase; }
            .home-section5 .leftbox .tit { font-size: 0.9rem; color: #333; margin: 0 0 10px; font-weight: bold; }
                .home-section5 .leftbox .tit b { color: #ef8619 }
            .home-section5 .leftbox .des { font-size: 0.4rem; color: #666; }
        .home-section5 .appoint { position: absolute; width: 12px; height: 12px; border-radius: 50%; background: #e60012; display: flex; justify-content: center; align-items: center; }
            .home-section5 .appoint .i { flex: 0 0 80px; min-width: 80px; height: 80px; border-radius: 50%; background: rgba(230, 0, 18, 0.4); border: 1px solid #e60012; animation: scalemap 2s linear infinite; -moz-animation: scalemap 2s linear infinite; -webkit-animation: scalemap 2s linear infinite; }


    .i-eig-wrap { padding: 1rem 0; }
    .i-partner .swiper-container { padding-bottom: 1rem; }
    .news-c a { margin-top: 0.4rem; display: block; overflow: hidden; padding: 0.6rem 1rem; background: #f5f5f5; transition: all .3s; -webkit-transition: all .3s; border-radius: 5px; }
    .news-c1 { font-size: 0.6rem; color: #333; line-height: 0.875rem; height: 1.75rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: all .3s; -webkit-transition: all .3s; }
    .news-c2 { font-size: 0.35rem; color: #808080; margin-top: 0.25rem; transition: all .3s; -webkit-transition: all .3s; }
    .news-c a:hover { background: #e60012; transition: all .3s; -webkit-transition: all .3s; }
        .news-c a:hover * { color: #fff; transition: all .3s; -webkit-transition: all .3s; }

    .i-eig-wrap .swiper-pagination { text-align: center; bottom: 0; width: 100%; }
        .i-eig-wrap .swiper-pagination .swiper-pagination-bullet { width: 0.4rem; height: 0.4rem; margin: 0 8px !important; background-color: #e4e4e4; opacity: 1; position: relative; }
        .i-eig-wrap .swiper-pagination .swiper-pagination-bullet-active { background-color: #e60012; }


    /*.footer { border-top: 8px #e60012 solid; background: #F3F3F3 }
.footer-top { padding: 2.1rem 15px 1.75rem; border-bottom: 1px solid rgba(51, 51, 51, 0.1); }
    .footer-top .footer-nav { }
    .footer-top .footer-nav-a1 { display: block; font-size: 18px; line-height: 1.1; margin-bottom: .42rem; padding-bottom: .42rem; color: #333; border-bottom: 1px solid rgba(51, 51, 51, 0.1); font-weight: bold; }
    .footer-top .footer-logo { }
    .footer-top .footer-nav-a2 { display: block; line-height: 1.1; margin-bottom: .35rem; color: #333; }
        .footer-top .footer-nav-a2:hover { color: #e60012; }
.footer-bot { padding: 0.75rem 1.25rem; text-align: center; }
*/
    .footer-wrap { background: #111; padding-top: 1.2rem; padding-bottom: 0.25rem; border-top: 5px #e60012 solid; position: relative; z-index: 1; }
        .footer-wrap a { color: #999 }
        .footer-wrap ul li { text-align: left; }
            .footer-wrap ul li .link { margin-bottom: 0.5rem }
                .footer-wrap ul li .link a { position: relative; font-size: 0.5rem; text-transform: uppercase; color: #eee; }
                    .footer-wrap ul li .link a::after { content: ' '; position: absolute; left: 50%; bottom: -6px; width: 28px; height: 2px; margin-left: -0.4rem; background-color: #e60606; opacity: 0; filter: alpha(opacity=0); transform: scale(0, 1); transition: transform 0.4s }
            .footer-wrap ul li .sm-link { margin-bottom: 8px; }
                .footer-wrap ul li .sm-link a { font-size: 0.4rem; text-transform: uppercase; transition: color 0.4s; color: #999; }
                    .footer-wrap ul li .sm-link a:hover { }
            .footer-wrap ul li.last .link { text-transform: uppercase; color: #eee; }
            .footer-wrap ul li.last.fr { margin-right: 0; }
    .footer-right-address { font-size: 0.4rem; line-height: 0.6rem; color: #999; }
        .footer-right-address .footer-company, .footer-right-address .work-h5, .footer-right-address .ser-line { margin-top: 0.5rem; }
        .footer-right-address .footer-company { font-size: 0.5rem; }
        .footer-right-address .footer-add-h5 { margin-top: 0.5rem; }
            .footer-right-address .footer-add-h5 i { font-size: 0.375rem; color: #e60012; margin-right: 3px; }

    .footer-wrap .btn .w1200 { padding: 15px 0; color: #999; }
    .footer-wrap .bot { line-height: 28px; font-size: 13px; color: #999999; border-top: 1px solid rgba(255, 255, 255, 0.3); text-align: center; padding: 7px 0; }
        .footer-wrap .bot .fl { color: #999999; }
        .footer-wrap .bot .fr { color: #999999; }
    .i-link-wrap { position: relative; z-index: 1; background: #3d3c42; }
    .weblinks { margin-right: auto; margin-left: auto; line-height: 40px; }
        .weblinks dt { display: block; float: left; width: 100px; }
            .weblinks dt strong { color: #eee; }
                .weblinks dt strong img { margin-top: -3px; margin-right: 5px; height: 18px; }
        .weblinks dd { display: block; float: left; width: 1100px; }
        .weblinks span { padding-right: 10px; padding-left: 10px; }
        .weblinks a { text-decoration: none; color: #999; }
            .weblinks a:hover { text-decoration: none; }

    @media (min-width: 1200px) {
        .footer-wrap ul li.last { padding-left: 0; }
    }

    @media (max-width: 1200px) {
        .slide-home .slide-container .slide-txt { width: 48%; }
    }



    @media (max-width: 992px) {
        /*.site-header .site-logo { height: 70px; margin: 10px 0 0px 0; }
        .site-header .site-logo img { height: 70px; }
    .site-header h1 { line-height: 70px; margin: 0px 0 0px 10px; text-indent: -9999px; }
    .site-header .hgroup-search { margin-top: 0.5rem; }
    .main-navigation li .nav-bg {top:138px; }*/
        .site-header { display: none; }
        #mobile { display: block; }
        .slide-home .slide-container .slide-txt { width: 54%; margin-bottom: 10px; }
        .slide-home .slide-container .slide-btn { letter-spacing: 1px; -webkit-filter: drop-shadow(0 0 9px rgba(0, 0, 0, 0.3)); filter: drop-shadow(0 0 9px rgba(0, 0, 0, 0.3)); opacity: 0; transition: opacity 1.0s; transition-delay: 1.2s; }
        .slide-home .slide-container h1 { font-size: 16px; }
        .slide-home .slide-container p { font-size: 12px; line-height: 20px; margin: 0; }

        .i-fir-wrap { height: auto; }
            .i-fir-wrap .items.active { }
            .i-fir-wrap .items { text-align: center; border-right: none; height: auto; border-bottom: 1px solid #e0e0e0; background-image: linear-gradient(rgba(0, 78, 162, 0.9), rgba(255, 241, 0, 0.7)); color: #fff; }
                .i-fir-wrap .items .icobox .u-icon { height: 120px; }
                .i-fir-wrap .items .ul-list li { padding: 5px 0; }
                .i-fir-wrap .items .btn.btn-line { background: none; border: 2px solid #FFF; color: #FFF; }
                .i-fir-wrap .items.active .btn { color: #FFF; border-color: #FFF; }


        .m_zz li:nth-child(2):before { background: none; }
        .m_zz li { margin-bottom: 15px; text-align: center; }
        .i-service li { padding: 25px 0; background: white; border-left: 1px solid #fafafa; border-bottom: 1px solid #fafafa; list-style: none; }

        .home-section5 { }
            .home-section5 .map-info { position: relative; }
            .home-section5 .container { padding: 0.5rem 0; }
            .home-section5 .leftbox { width: 100%; }
    }

    .float-right { position: fixed; right: 2px; top: 50%; margin-top: -100px; z-index: 100 }
    .float-right-meau { position: relative; }
    .float-right-btn { width: 1.5rem; height: 1.5rem; text-align: center; display: block; margin-bottom: 1px; position: relative; background-color: #e60012; border-radius: 5px; }
        .float-right-btn span { line-height: 1.5rem; text-align: center; }
            .float-right-btn span.demo-icon i { font-size: 0.8rem; color: #fff; }
        .float-right-btn sup { display: block; min-width: 0.6rem; height: 0.6rem; text-align: center; line-height: 0.6rem; color: #fff; border-radius: 50%; background-color: #ff6800; position: absolute; left: -12px; top: -12px; }
        .float-right-btn p { color: #fff; font-size: 0.375rem; line-height: 0.5rem; padding-top: 0.25rem; display: none; }
    .float-right-meau:hover .float-right-btn span { display: none }
    .float-right-meau:hover .float-right-btn p { display: block; }
    .meau-backup:hover .float-right-btn span { display: block; }

    .float-right-box { position: absolute; top: -15px; right: 48px; padding-right: 25px; display: none; }
        .float-right-box .box-border { border: 1px solid #A9A9A9; border-top: 2px solid #e60012; padding: 10px 20px; background-color: #fff; position: relative }
            .float-right-box .box-border .arrow-right { display: block; width: 8px; height: 16px; position: absolute; right: -8px; top: 32px; }
            .float-right-box .box-border .sev-t span { font-size: 1rem; float: left; display: block; line-height: 56px; margin-right: 20px; color: #d3d3d3 }
            .float-right-box .box-border .sev-t p { float: left; color: #e60012; font-size: 20px; line-height: 28px; }
            .float-right-box .box-border .sev-t a { float: left; color: #e60012; font-size: 20px; line-height: 28px; display: block; }
            .float-right-box .box-border .sev-t i { display: block; font-size: 15px; color: #aaa; font-style: normal; }
            .float-right-box .box-border .sev-b { padding-top: 15px; margin-top: 15px; }
                .float-right-box .box-border .sev-b h4 { color: #666; font-size: 14px; font-weight: normal; padding-bottom: 15px; }
                .float-right-box .box-border .sev-b li { float: left; width: 33.33333% }
                    .float-right-box .box-border .sev-b li a { display: inline-block; color: #999; font-size: 13px; padding-left: 43px; background: url(404.png) no-repeat left 3px; line-height: 36px; }
                        .float-right-box .box-border .sev-b li a:hover { color: #e60012 }

    .meau-contact .float-right-box .box-border { width: 200px; }
    .float-right-meau:hover .float-right-box { display: block }
    .meau-code .float-right-box { top: auto; bottom: -26px; }
        .meau-code .float-right-box .box-border { width: 180px; }
            .meau-code .float-right-box .box-border .arrow-right { top: inherit; bottom: 50px; }
    .meau-code .box { width: 140px; padding: 5px 10px; font-size: 14px; color: #333; text-align: center; }
        .meau-code .box img { max-width: 100%; }
    .meau-code .float-right-box .box-border .sev-t { width: 100%; display: flex; justify-content: space-around; }

    .meau-mail .float-right-box .box-border { /*width: 240px;*/ }

    @media screen and (max-width: 750px) {
        .float-right { margin-top: 0; top: auto; bottom: 20%; }
        .float-right-btn { width: 50px; height: 50px; }
            .float-right-btn span { line-height: 50px; }
                .float-right-btn span.demo-icon i { font-size: 24px; }
        .float-right .meau-code { display: none; }
        .float-right .meau-backup { display: block; }
        .float-right-meau:hover .float-right-box { display: none; }
        .float-right-meau:hover .float-right-btn span { display: block; }
        .float-right-meau:hover .float-right-btn p { display: none; }
        .prev1, .next1 { display: none; }
    }