@charset "utf-8";
html { font-size: 20px; font-family: '微软雅黑', Arial, sans-serif; font-weight: normal; }
body { font-size: 14px; font-family: '微软雅黑', Arial, sans-serif; font-weight: normal; text-rendering: optimizeLegibility; color: #333; background-color: #fff; overflow-x: hidden; }
input, select, textarea { box-shadow: none; outline: none; border: none; border-radius: 0; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; padding: 0; }
    select::-ms-expand { display: none; }
*::-webkit-scrollbar { width: 3px; border-radius: 1.5px; }
*::-webkit-scrollbar-button { display: none; }
*::-webkit-scrollbar-track { background-color: #eee; }
*::-webkit-scrollbar-thumb { background-color: #2A59A6; }
.fl { float: left; }
.fr { float: right; }
.clearfix, ul, .w1520 { zoom: 1; }
    .clearfix:after, ul:after, .w1520::after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
img { max-width: 100%; }



.imgtranscale img { transition: 500ms; }
.imgtranscale:hover img { transform: scale(1.1); }
i.img { display: block; position: relative; overflow: hidden; }
    i.img img.up-pic { position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; z-index: 2; }
    i.img img.up-pic { transform: translate(-50%,-50%); transition: transform 0.3s ease 0s; }
    i.img:hover img.up-pic { transform: scale(1.05, 1.05) translate(-50%,-50%); transition: transform 0.6s ease 0s; }






ul, li { padding: 0; margin: 0; list-style: none; }
a { color: #333; text-decoration: none; }
    a:hover, a:active, a:focus { text-decoration: none; }
.w1520, .container { width: 90%; margin: 0 auto; max-width: 1520px; }

.index_title { position: relative; margin-bottom: 50px; z-index: 1; height: 60px; }
    .index_title:before { content: attr(data-text); font-family: sans-serif; display: inline-block; position: absolute; width: 100%; z-index: -1; font-size: 70px; text-align: center; left: 50%; top: 50%; opacity: 0.05; text-transform: capitalize; font-weight: 600; line-height: 60px; transform: translate(-50%, -50%); text-transform: uppercase; }
    .index_title .en { margin: 0; font-size: 30px; line-height: 40px; margin: 0px; padding: 10px 0; color: #333;text-align: center; font-weight: bold; }
        .index_title .en span { color: #2A59A6; font-weight: bold; }
    .index_title .cn { margin: 0; font-size: 16px; line-height: 24px; color: #999; font-weight: normal; text-align: center; letter-spacing: 2px; }
        .index_title .cn span { color: #f97b15 }


.ovh { overflow: hidden; }


a.i-more { margin: 0px auto; width: 160px; height: 42px; line-height: 42px; background: #2A59A6; display: block; text-align: center; color: #FFFFFF; transition: all .36s ease; border: 1px solid #2A59A6; }
    a.i-more:hover { border: 1px solid #2A59A6; background: none; color: #4a4a4a; }

.i-pagination { bottom: 0px; z-index: 1; text-align: center; margin: 5px 0; }
    .i-pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 5px !important; background-color: #3b373a; opacity: 1; position: relative; }
    .i-pagination .swiper-pagination-bullet-active { background-color: #2A59A6; width: 30px; border-radius: 12px; }

.topWrap { background: #efefef; height: 150px; position: fixed; z-index: 999; width: 100%; box-shadow: 0 5px 5px rgba(0,0,0,.1); }
    .topWrap.header-fixTop { top: -150px; }
.header { margin: 0 auto; }
.twz { background: #ececec; height: 39px; color: #666666; line-height: 39px; font-size: 14px; }
    .twz a { display: inline-block; color: #666666; position: relative; padding: 0 18px 0 25px; }
        .twz a:nth-child(1) { background: url(../img/tpico1.png) no-repeat left center; }
        .twz a:nth-child(2) { background: url(../img/tpico2.png) no-repeat left center; padding-left: 20px; }
        .twz a:nth-child(3) { background: url(../img/tpico3.png) no-repeat left center; padding-left: 20px; }
        .twz a:nth-child(4) { padding-left: 0; padding-right: 0; }
        .twz a.header_nobg { background: none; padding-left: 0; }
.h_nr { height: 100px; padding-top: 15px; box-sizing: border-box; }
.logo { overflow: hidden; box-sizing: border-box; float: left; }
    .logo img { height: 70px; display: block; }
.h_nr .logo_txt { font-weight: bold; font-size: 36px; color: #313742; display: block; text-align: left; line-height: 68px; margin: 1px 0 1px 21px; float: left; padding-left: 21px; background: url(../img/logo_txt.png) no-repeat left 7px; }
/*.h_nr .sc { margin-top: 15px; padding-left: 58px; background: url(../img/tel.png) no-repeat left 3px; float: right; width: 245px; box-sizing: border-box; font-size: 14px; color: #333333; position: relative; }
    .h_nr .sc p { overflow: hidden; color: #333333; font: 24px "Arial"; font-weight: bold; float: left; line-height: 30px; }
*/
.h_nr .sc { margin-top: 15px; padding-left: 58px; float: right; width: 245px; box-sizing: border-box; font-size: 14px; color: #333333; position: relative; }
    .h_nr .sc:before { position: absolute; width: 50px; height: 50px; border: 2px solid #2A59A6; content: "\e64f"; left: 0; top: 3px; font-family: "iconfont" !important; font-size: 28px; color: #2A59A6; text-align: center; line-height: 50px; border-radius: 50%; }
    .h_nr .sc p { overflow: hidden; color: #333333; font: 24px "Arial"; font-weight: bold; float: left; line-height: 30px; }

.language { margin-left: 20px; margin-top: 15px; }
    .language a { padding: 5px 0; display: block; }
        .language a img { vertical-align: top; margin-right: 10px; }


.header-search { width: 25%; float: right; margin-right: 15px; }
    .header-search form { width: 100%; position: relative; margin-top: 17px; }
        .header-search form input[type=text] { font-size: 14px; color: #444444; height: 36px; line-height: 36px; padding: 2px 5px; border: 0; outline: none; background-color: #ffffff; width: 80%; float: left; }
        .header-search form .submit { background-color: #2A59A6; color: #fff; width: 20%; height: 36px; line-height: 36px; font-size: 14px; float: left; }
            .header-search form .submit:hover { }

.header-language a { display: flex; align-items: center; margin-top: 20px; }
.header-language i { margin-right: 5px; width: 30px; }
.header-language span { line-height: 26px; }
header#mobile .header-language a { margin-top: 0; }


.nav { height: 50px; background: #174da6; position: relative; z-index: 50; }

.nav-menu { transition: height 0.5s; margin-bottom: 0; float: left; position: relative; z-index: 50; width: 100%; }
    .nav-menu > li { float: left; font-size: 16px; position: relative; width: 100px; }
        .nav-menu > li > a { text-decoration: none; height: 50px; line-height: 50px; display: block; position: relative; z-index: 2; color: #ffffff; box-sizing: border-box; width: 100%; text-align: center; }
        .nav-menu > li:before { content: ''; position: absolute; height: 16px; width: 1px; background: url(../img/libg.png) no-repeat; background-size: 100%; top: 17px; right: 0; }
        .nav-menu > li:after { content: ''; position: absolute; height: 0%; width: 100%; background: #2A59A6; bottom: 0; left: 0; -webkit-transition: height .5s; transition: height .5s; color: #fff; z-index: 1;; }
        .nav-menu > li:hover:after, .nav-menu > li.cur:after { height: 100%; color: #fff; z-index: 1; }
        .nav-menu > li > a:hover, .nav-menu > li.cur > a { font-weight: bold; text-decoration: none; color: #fff; }
    /*.nav-menu > li:hover > a:after { content: ""; display: block; position: absolute; width: 90px; height: 1px; left: 15px; bottom: 0; background: #111; }*/
    .nav-menu li ul { margin: 0; padding: 14px 0; position: absolute; top: 100%; z-index: 50; height: 1px; width: 100%; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); left: 0px; opacity: 0; transition: all 0.2s; }
        .nav-menu li ul ul { top: 0; left: 100%; }
    .nav-menu li:hover > ul,
    .nav-menu li:focus > ul,
    .nav-menu .focus > ul { border-left: 0; clip: inherit; overflow: inherit; height: inherit; width: 200%;left:-50%; padding: 10px 0; opacity: 1; background: #f4f4f4; border-radius: 0px 0px 10px 10px; }
    .nav-menu li ul.pro-menu { left: -50%; }
    .nav-menu li ul li { line-height: 30px; display: block; }
        .nav-menu li ul li a { text-align: center; border-top: 0; display: block; line-height: 30px; width: 100%; font-size: 15px; padding: 0; white-space: normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 0 10px; }
    .nav-menu li ul.pro-menu { width: 200%; }
    .nav-menu li ul li a:hover,
    .nav-menu li ul li a:focus { background: #2A59A6; color: #fff; }


#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.header-fixTop { display: none; }
    #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: 18px; 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: 18px; }
                #mobile .menu-content .menu-list ul li a { padding: 8px 0; display: block; }
                    #mobile .menu-content .menu-list ul li a:hover { color: #004ea2; 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: 40px; line-height: 40px; border-radius: 5px; border: none; padding: 0 15px; font-size: 16px; color: black; }
                #mobile .menu-content .mob-search form input[type="submit"] { width: 40px; height: 40px; background: url("../img/icon-search-white.png") no-repeat center center #2378e0; 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: 16px; }
                #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: #2378e0; }
        #mobile.white .menu-content .mob-search form input { border: 1px solid #2378e0; }
            #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: 99; transition: transform 0.5s ease 0s; height: 71px; }
    header#mobile .header-main { width: 100%; padding-top: 10px; padding-bottom: 10px; height: 71px; background-color: #fff; transition: padding 0.3s ease 0s, transform 0.5s ease 0s; position: fixed; left: 0; top: 0; z-index: 11; }
        header#mobile .header-main .container { display: flex; align-items: center; height: 51px; }
    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; }
body.left .sub_banner { 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 { height: auto; }
header#mobile .m-btn { width: 46px; height: 44px; padding: 12px; cursor: pointer; margin-top: 3px; flex-basis: 46px; }
    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; }























.banner-swiper { width: 100%; height: 750px; z-index: 10; position: relative; overflow: hidden; padding-top: 150px; }
    .banner-swiper .swiper-slide { height: 600px; }
        .banner-swiper .swiper-slide .bgimgs { height: 600px; }

.mobile-swiper { width: 100%; z-index: 10; position: relative; display: none; overflow: hidden; }




.i-fir-wrap { overflow: hidden; background: #fff; box-sizing: border-box; margin-bottom: 31px; }
.guanyu { width: 100%; margin: 0 auto; display: block; padding-bottom: 50px; overflow: hidden; }
.guanyu_c { display: block; }
.guanyu_le { width: 48%; float: left; position: relative; margin-top: 31px; }
.guanyu_ret { width: 100%; }
    .guanyu_ret dl { width: 100%; }
        .guanyu_ret dl dt { width: 100%; }
            .guanyu_ret dl dt .index_title .en { text-align: left; }
            .guanyu_ret dl dt .index_title:before { left: -5px; transform: translate(0, -50%); text-align: left; }
            .guanyu_ret dl dt .index_title .cn { text-align: left; }
        .guanyu_ret dl dd { width: 100%; height: auto; margin-top: 15px; }
            .guanyu_ret dl dd p { width: 100%; height: 150px; display: block; line-height: 30px; font-size: 16px; overflow: hidden; font-style: normal; margin-bottom: 26px; text-indent: 2em; }

.guanyu_le .about-num { position: relative; width: 148%; left: 24px; z-index: 2; box-shadow: 0 5px 10px rgb(0 0 0 / 20%); top: 0px; }
.guanyu_le .item { padding: 38px 5px; }
.guanyu_le .about-num li { float: left; width: 50%; text-align: center; background: #fff; }
    .guanyu_le .about-num li:nth-child(1) .item { border-right: 2px solid #ddd; }

.guanyu_le .item .num { font-size: 50px; line-height: 50px; color: #2A59A6; display: inline-block; }
.guanyu_le .item .txt { font-size: 16px; line-height: 28px; color: #4a4a4a; text-align: left; margin-left: 15px; display: inline-block; }



.guanyu_re { width: 42%; float: right; position: relative; }
    .guanyu_re img { width: 100%; max-width: 550px; position: absolute; right: 0; top: 0; }


.icase-list { margin: 31px auto -15px; }
    .icase-list dd { float: left; display: block; width: 25%; padding-left: 15px; }
        .icase-list dd:first-child { }
        .icase-list dd .about-item { background-color: #DDDDDD; position: relative; color: #fff; padding-bottom: 113.69%; }
    .icase-list .black-50 { -webkit-transition: .3s; transition: .3s; background: none rgba(0,0,0,0.5); position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; }

    .icase-list .img { position: absolute; left: 0; top: 0; width: 100%; overflow: hidden; display: block; }
        .icase-list .img img { width: 100%; display: block; -webkit-transition: 1s linear; transition: 1s linear; }
    .icase-list .cbox { position: absolute; left: 5%; width: 90%; top: 50%; margin-top: -35px; text-align: center; line-height: 1.5; transition: all .3s; }
        .icase-list .cbox .font { font-size: 20px; display: none; }
        .icase-list .cbox .zh { font-size: 32px; }
    .icase-list dd:hover .img img { -webkit-transform: scale(1.2) rotate(10deg); transform: scale(1.2) rotate(10deg); -webkit-transition: 2s linear; transition: 2s linear; }
    .icase-list dd:hover .black-50 { background: none rgba(42, 89, 166,0.5); }
    .icase-list dd .linkA { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; }

    .icase-list dd:hover .cbox { top: 40%; text-align: left; }
        .icase-list dd:hover .cbox .font { display: initial; }









@-webkit-keyframes pa_imgwrap {
    0% { -webkit-transform: translate3d(0,80px,0); transform: translate3d(0,80px,0); opacity: 0 }
    100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1 }
}

@keyframes pa_imgwrap {
    0% { -webkit-transform: translate3d(0,80px,0); transform: translate3d(0,80px,0); opacity: 0 }
    100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1 }
}

@-webkit-keyframes pa_imgwrap_img {
    0% { -webkit-transform: translate3d(0,-40px,0); transform: translate3d(0,-40px,0) }
    100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

@keyframes pa_imgwrap_img {
    0% { -webkit-transform: translate3d(0,-40px,0); transform: translate3d(0,-40px,0) }
    100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}





.i-thi-wrap { background: url(../img/product.jpg) no-repeat; padding: 31px 0px 11px }
    .i-thi-wrap .index_title { margin-bottom: 40px; }
.bnspic { margin: 0px auto; position: relative; }
.big_pic { width: calc(100% - 480px); float: left; }
    .big_pic img { max-width: 100%; max-height: 430px; }
    .big_pic ul li { width: 100%; height: 430px; position: relative; display: none }
    .big_pic li img { position: absolute; top: 50%; left: 50%; opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.4); z-index: -1; transition: all linear 0.2s; }
    .big_pic .on { display: block; }
    .big_pic li.on img { -webkit-transform: scale(1); transform: scale(1); z-index: 1; transform: translate(-50%, -50%); opacity: 1; }
.small_pic { width: 480px; float: right; }
    .small_pic li { width: 130px; height: 130px; padding-top: 20px; margin: 0px 0 20px 25px; background: #a1a1a1; float: left; position: relative; transition: all ease .2s; }
    .small_pic a { width: 100%; height: 100%; display: block; text-align: center; }
        .small_pic a span { font-size: 16px; color: #fff; display: block; }
    .small_pic .on, .small_pic li:hover { position: relative; z-index: 1; background: #2378e0; }



.i-sec-wrap { clear: both; line-height: 24px; font-size: 14px; padding: 31px 0 31px; position: relative; overflow: hidden; z-index: 1; }
    .i-sec-wrap .i-news { margin-bottom: 31px; margin-top: 31px; }
    .i-sec-wrap .left-wrap { }
        .i-sec-wrap .left-wrap .img { display: block; width: 100%; height: 285px; position: relative; overflow: hidden; }
            .i-sec-wrap .left-wrap .img img { width: 100%; -webkit-transform: translateZ(0px); transform: translateZ(0px); -webkit-transition: -webkit-transform 0.3s ease 0s; transition: transform 0.3s ease 0s; }
            .i-sec-wrap .left-wrap .img:hover img { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: -webkit-transform 0.6s ease 0s; transition: transform 0.6s ease 0s; }
        .i-sec-wrap .left-wrap .cont { margin-top: 25px; }
        .i-sec-wrap .left-wrap .tit-box { line-height: 32px; }
            .i-sec-wrap .left-wrap .tit-box .stt { font-size: 18px; display: inline-block; }
                .i-sec-wrap .left-wrap .tit-box .stt a { color: #292929; }
            .i-sec-wrap .left-wrap .tit-box .date { font-size: 14px; color: #6d6d6d; opacity: 0.3; filter: alpha(opacity=30); }
        .i-sec-wrap .left-wrap .word { margin-top: 13px; line-height: 24px; font-size: 12px; }
            .i-sec-wrap .left-wrap .word a { color: #888; display: inline-block; }
                .i-sec-wrap .left-wrap .word a:hover { color: #292929; }
    .i-sec-wrap .more { margin-top: 13px; }
    .i-sec-wrap .right-list { }
        .i-sec-wrap .right-list li { width: 100%; padding-top: 15px; padding-bottom: 17px; position: relative; margin-bottom: 20px; -webkit-transition: background 0.3s ease 0s; transition: background 0.3s ease 0s; float: left; }
            .i-sec-wrap .right-list li:last-child { margin-bottom: 0; }
            .i-sec-wrap .right-list li .left-bord { display: none; width: 5px; height: 100%; position: absolute; left: 0; top: 0; background-color: #2A59A6; }
            .i-sec-wrap .right-list li .num { width: 122px; text-align: center; line-height: 90px; font-size: 68px; color: #333; }
            .i-sec-wrap .right-list li .line { display: inline-block; width: 1px; height: 76px; background-color: #6b6a6a; margin-top: 12px; }
            .i-sec-wrap .right-list li .cont-wrap { margin-left: 23px; width: calc(100% - 151px); }
            .i-sec-wrap .right-list li .tit-box { line-height: 38px; display: flex; }
            .i-sec-wrap .right-list li .tit { font-size: 18px; color: #2A59A6; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; flex: 1; }
            .i-sec-wrap .right-list li .date { font-size: 14px; color: #232323; opacity: 0.3; filter: alpha(opacity=30); flex: 0 0 80px; }
            .i-sec-wrap .right-list li .word { line-height: 24px; margin-top: 4px; font-size: 12px; }
                .i-sec-wrap .right-list li .word a { color: #888; }
            .i-sec-wrap .right-list li:hover { background-color: #eeecec; }
                .i-sec-wrap .right-list li:hover .left-bord { display: block; }

.i-fou-wrap { padding-top: 31px; background: #EFEFEF; padding-bottom: 31px; }

.i-case { MARGIN: 0 auto; }
    .i-case ul { overflow: hidden; }
    .i-case li { text-align: center; font-size: 16px; }
        .i-case li a { padding: 5px; width: 100%; display: block; text-align: center; position: relative; margin: 0px auto; border: 1px solid #CCCCCC; overflow: hidden; background: #FFFFFF; margin-bottom: 5px; }

/*.i-case li a i { display: flex; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }*/



/*    .i-case IMG { margin-top: 0px; vertical-align: middle; }
        .i-case img:hover { transform: scale(1.2); transition: transform 1s; }*/

.i-sec-wrap .left-wrap .img { height: auto; }









.i-fiv-wrap { margin: 31px auto 31px; background: #fff; position: relative; }


.prev1 { position: absolute; display: none; left: -34px; top: 50%; margin-top: 12px; background: url(../img/xc_l.png) no-repeat; width: 15px; height: 23px; z-index: 3; }
.next1 { position: absolute; right: -34px; display: none; top: 50%; margin-top: 12px; background: url(../img/xc_r.png) no-repeat; width: 15px; height: 23px; z-index: 3; }
.xc_scroll { overflow: hidden; }
    .xc_scroll ul li { position: relative; overflow: hidden; text-align: center; width: 277px; margin-right: 20px; }
        .xc_scroll ul li i { text-align: center; border: 1px solid #c7c7c7; width: 100%; display: block; overflow: hidden; padding-bottom: 133.5%; position: relative; }
        .xc_scroll ul li img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 92%; }
        .xc_scroll ul li em { height: 46px; font: 16px "Microsoft YaHei"; line-height: 46px; color: #666666; overflow: hidden; display: block; text-align: center; -webkit-transition: all .5s; transition: all .5s; width: 100%; box-sizing: border-box; }
        .xc_scroll ul li a { text-decoration: none; display: block; width: 100%; }
        .xc_scroll ul li:hover em { color: #2A59A6; }
/*  .xc_scroll ul li img { -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; }
    .xc_scroll ul li:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }*/
/*.li6 ul li img { max-width: initial; height: 186px; }*/














.footWrap { overflow: hidden; }
.footers { margin: 0 auto; overflow: hidden; background: #efefef; }
    .footers em { display: inline-block; padding: 0 10px; }
.ft_cnt { padding-top: 31px; background: url(../img/foot_logo.png) no-repeat 240px center; }
.ft_nav { overflow: hidden; float: left; }
    .ft_nav dl { float: left; padding-right:10px; }
    .ft_nav dt { font-size: 16px; color: #313131; height: 32px; text-align: center; }
        .ft_nav dt a { color: #313131; }
    .ft_nav dd a { color: #313131; height: 32px; line-height: 32px; width: 120px; font-size: 14px; display: block; overflow: hidden; white-space: nowrap;text-overflow:ellipsis; margin: 0 auto; text-align: center; }
    .ft_nav dd p { color: #313131; line-height: 32px; font-size: 14px; display: block; margin-bottom: 0; }

.ft_lx { float: left; width: 131px; margin-left: 28px; }
    .ft_lx h3 { font-size: 16px; color: #313131; height: 32px; font-weight: bold; margin-bottom: 10px; margin-top: 0; }
    .ft_lx ul li { width: 123px; float: left; margin-right: 16px; }
        .ft_lx ul li img { width: 123px; height: 123px; display: block; }
        .ft_lx ul li:last-child { margin-right: 0; }
        .ft_lx ul li span { color: #313131; height: 42px; line-height: 42px; font-size: 14px; display: block; text-align: center; }


.ft_contact { overflow: hidden; float: right; width: 320px; }
    .ft_contact dl { float: left; }
    .ft_contact dt { font-size: 16px; color: #313131; }
        .ft_contact dt a { margin-bottom: 10px; height: 32px; display: block; font-size: 16px; font-weight: 700; }
        .ft_contact dt .tel { color: #0d3aa3; font-size: 30px; padding-bottom: 10px; }
        .ft_contact dt a { color: #313131; }
    .ft_contact dd a { color: #313131; height: 32px; line-height: 32px; font-size: 14px; display: block; }
    .ft_contact dd p { color: #313131; line-height: 32px; font-size: 14px; display: block; margin-bottom: 0; }

.ft_txt { font-size: 14px; color: #fff; background: #2A59A6; text-align: center; }
    .ft_txt em { display: inline-block; padding: 0 10px; }
    .ft_txt a { color: #fff; text-decoration: none; }
    .ft_txt span { display: inline-block; position: relative; line-height: 24px; padding: 13px 0; }
        .ft_txt span i a { padding: 0 20px; color: #fff; }
        .ft_txt span:nth-child(1) i .no1 { padding-left: 0; }

    .ft_txt .footlinks h3 { display: inline-block; vertical-align: middle; position: relative; font-size: 14px; margin: 0; }
        .ft_txt .footlinks h3 span { line-height: 17px; margin-top: 16px; padding: 0; }
            .ft_txt .footlinks h3 span::after { content: ""; display: inline-block; vertical-align: middle; background-image: url(../img/icon_sanjiao.png); transform: rotate(-180deg); width: 8px; height: 6px; margin-left: 10px; }
    .ft_txt .footlinks ul { display: none; position: absolute; min-width: 200px; left: 0; bottom: 33px; background-color: #fff; max-height: 260px; overflow-y: auto; padding: 5px 0; }
        .ft_txt .footlinks ul li a { display: block; padding: 5px 10px; color: #666; width: auto; height: auto; margin-left: 0; font-size: 14px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }









/*
.new-float { position: fixed; right: 0; top: 50%; z-index: 50; width: 77px; height: 374px; margin-top: -150px; }
    .new-float li { position: relative; width: 77px; height: 57px; margin-bottom: 1px; color: #fff; text-align: center; background: #2A59A6; line-height: 5px; }
        .new-float li.hover { overflow: hidden; }
        .new-float li i { height: 40px; line-height: 40px; font-size: 24px; color: #fff; }
        .new-float li a { display: inline-block; color: #fff; }
            .new-float li a.tit { width: 77px; height: 57px; color: #fff; }
        .new-float li p { position: relative; z-index: 2; height: 27px; cursor: pointer; }
        .new-float li.return-webtop i { line-height: 57px; font-size: 30px; cursor: pointer; }
        .new-float li .tel { position: absolute; left: 77px; top: 0; z-index: 1; width: 164px; height: 57px; font: 20px/57px Arial; color: #fff; background: #2A59A6; cursor: pointer; }
.floatimg { position: absolute; right: 77px; top: -36.5px; z-index: 1; width: 120px; height: 120px; border: 5px solid #2A59A6; }
    .floatimg img { 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: 60px; height: 60px; text-align: center; display: flex; align-items: center; justify-content: center; margin-bottom: 1px; position: relative; background-color: #2378e0; border-radius: 5px; }
    .float-right-btn span { line-height: 60px; text-align: center; }
        .float-right-btn span.demo-icon i { font-size: 32px; color: #fff; }
    .float-right-btn sup { display: block; min-width: 24px; height: 24px; text-align: center; line-height: 24px; color: #fff; border-radius: 50%; background-color: #ff6800; position: absolute; left: -12px; top: -12px; }
    .float-right-btn p { color: #fff; font-size: 15px; line-height: 20px; padding-top: 10px; 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 #2378e0; 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: 42px; float: left; display: block; line-height: 56px; margin-right: 20px; color: #d3d3d3 }
        .float-right-box .box-border .sev-t p { float: left; color: #2378e0; font-size: 20px; line-height: 28px; }
        .float-right-box .box-border .sev-t a { float: left; color: #2378e0; 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(../images/q1.gif) no-repeat left 3px; line-height: 36px; }
                    .float-right-box .box-border .sev-b li a:hover { color: #2378e0 }

.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 (max-width: 1300px) {
    .float-right-btn { width: 40px; height: 40px; }
        .float-right-btn span { line-height: 40px; }
            .float-right-btn span.demo-icon i { font-size: 24px; }
        .float-right-btn p { padding-top: 2px; font-size: 14px; line-height: 18px; }
    /*.ft_nav dl { width: 108px; }*/
    .ft_lx { margin-left: 22px; }
}

@media (max-width: 1170px) {
    .w1520, .container { width: 100%; margin: 0 auto; padding-left: 15px; padding-right: 15px; }
    .ft_cnt { background: url(../img/foot_logo.png) no-repeat 120px 80px; }
    /*.ft_nav dl { width: 82px; }*/
    .ft_lx { margin-left: 14px; }
}

@media (max-width: 992px) {
    .float-right { display: none; }
    .row { margin-right: -8px; margin-left: -8px; }
    .w1520, .container { width: 100%; margin: 0 auto; padding-left: 15px; padding-right: 15px; }
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-right: 8px; padding-left: 8px; }
    .topWrap { display: none; }
    #mobile { display: block; }
    .banner-swiper { display: none; }
    .mobile-swiper { display: block; }
    p { margin: 0; }
    .index_title { margin-bottom: 36px; height: 60px; }
        .index_title:before { font-size: 42px; line-height: 36px; }
        .index_title .en { font-size: 24px; line-height: 30px; padding: 10px 0; letter-spacing: 4px; }
        .index_title .cn { margin: 0; font-size: 14px; line-height: 24px; letter-spacing: 2px; }
    .i-fir-wrap { margin-bottom: 16px; }
    .guanyu { padding-bottom: 31px; }
    .guanyu_le { width: 100%; }
    .guanyu_ret dl { margin-bottom: 0; }
        .guanyu_ret dl dd p { height: auto; font-size: 12px; margin-bottom: 20px; }
    .guanyu_le .about-num { position: relative; width: 100%; left: 0px; z-index: 2; box-shadow: 0 5px 10px rgb(0 0 0 / 20%); top: 0px; }
    .guanyu_le .item { padding: 19px 5px; }
    .guanyu_le .about-num li { float: left; width: 50%; text-align: center; background: #fff; }
        .guanyu_le .about-num li:nth-child(1) .item { border-right: 1px solid #ddd; }
    .guanyu_le .item .num { font-size: 28px; line-height: 36px; color: #2A59A6; display: inline-block; }
    .guanyu_le .item .txt { font-size: 12px; line-height: 18px; color: #4a4a4a; text-align: left; margin-left: 10px; display: inline-block; }
    .guanyu_re { display: none; }
    .icase-list { margin: 0 auto -15px; padding-left: 0; }
        .icase-list dd { width: 50%; padding-bottom: 15px; }
            .icase-list dd .about-item { background-color: #DDDDDD; }
        .icase-list .cbox .zh { font-size: 20px; }
        .icase-list dd .cbox { top: 40%; text-align: left; }
            .icase-list dd .cbox .font { display: initial; font-size: 12px; }
    .xc_scroll ul li { width: 33.3%; }
    .i-case li { font-size: 14px; }
    /*.ft_nav dl { width: 108px; }*/
    .ft_lx { margin-left: 22px; }
    .ft_contact { width: 100%; float: left; }
}

@media (max-width: 768px) {
    .ft_nav { width: 100% }
    .ft_lx { display: none; }
    .ft_nav dl { width: 16.6667%; }
    .ft_contact dl { width: 100%; margin-bottom: 10px; }
    .ft_contact dt { font-size: 16px; color: #313131; text-align: center; }
        .ft_contact dt a { height: 24px; display: block; font-size: 16px; font-weight: 700; }
        .ft_contact dt .tel { color: #0d3aa3; font-size: 30px; padding-bottom: 0px; }
        .ft_contact dt a { color: #313131; }
    .ft_contact dd { display: none; }
    .big_pic { display: none; }
    .small_pic { float: initial; margin: 0 auto; }
    .small_pic { width: 100%; }
        .small_pic li { width: 33.3%; padding-top: 20px; border: 1px solid #fff; margin: 0; float: left; position: relative; transition: all ease .2s; }
        .small_pic a { width: 100%; height: 100%; display: block; text-align: center; }
            .small_pic a span { font-size: 14px; }
        .small_pic .on, .small_pic li:nth-child(2n+1) { background: #2378e0; }
    .ft_txt em { padding: 0px; }
    .footlinks { width: 100%; }
    .i-sec-wrap .right-list li .num { font-size: 48px; }
    .i-sec-wrap .right-list li .word { height: 48px; overflow: hidden; }
}

@media (max-width: 500px) {
    .ft_nav { display: flex; flex-wrap: wrap; }
        .ft_nav dl { width: 33.3%; }
}