@charset "utf-8";

@font-face { font-family: "iconfont"; /* Project id 2622597 */ src: url('//at.alicdn.com/t/font_2622597_grk4orheph9.woff2?t=1626684759014') format('woff2'), url('//at.alicdn.com/t/font_2622597_grk4orheph9.woff?t=1626684759014') format('woff'), url('//at.alicdn.com/t/font_2622597_grk4orheph9.ttf?t=1626684759014') format('truetype'); }

.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-Clouddownload:before { content: "\e868"; }









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; }
*::-webkit-scrollbar { width: 3px; border-radius: 1.5px; }
*::-webkit-scrollbar-button { display: none; }
*::-webkit-scrollbar-track { background-color: #eee; }
*::-webkit-scrollbar-thumb { background-color: #e62129; }
.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; }
/*.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; }*/
.site-header { position: absolute; z-index: 10; padding: 0; width: 100%; background: rgba(255, 255, 255, 0.9); padding-top: 0px; top: 0; right: 0; }
hgroup { }
.site-header .site-logo { display: block; height: 90px; margin: 10px 0 0px 0; }
    .site-header .site-logo img { height: 90px; }
.site-header h1 { line-height: 90px; margin: 0px 0 0px 10px; text-indent: -9999px; }
.site-header .hgroup-search { width: 350px; text-align: right; margin-top: 30px; }
    .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(../img/icon-search.png) no-repeat center center; background-size: 18px 18px; }
    .site-header .hgroup-search .hgroup-language { width: 90px; 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: 1.8rem; display: inline-block; }
        .nav-menu li.li01 a.tit { padding: 0 1.75rem; line-height: 2.66rem; display: block; color: #333; min-width: 6.5rem; font-size: 0.75rem; }
            .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: 60px; height: 1px; bottom: 0; background: #ee1d23; }
.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: 158px; 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: 20px 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: 20px 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: 14px; 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: 13px; 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: #ce2b2f !important; font-weight: bolder; border-bottom: 3px solid #ce2b2f; }
    .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: 20px; color: #fff; font-weight: bolder; }
.pro_subnav .pro_subnav1 i { display: block; width: 8px; height: 15px; background: url(../img/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%; margin-right: 4%; }
    .pro_subnav2 ul li { padding: 11px 0 10px 24%; line-height: 27px; }
.pro_subnav .pro_subnav2 ul li a { font-size: 14px; color: #fff; }
    .pro_subnav .pro_subnav2 ul li a:hover { font-size: 14px; color: #ce2b2f; font-weight: bolder; }
.pro_subnav3 { width: 29%; }
    .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 img { width: 27%; margin: 20px 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: 14px;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: 13px; 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 #ce2b2f; border-bottom: 5px solid transparent; margin-left: 10px; display: inline-block; width: 0; height: 0; }























#mobile { position: fixed; top: 0; left: -280px; width: 280px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; display: none; z-index: 20; }
    #mobile:before { content: ''; width: 200vh; height: 100vh; position: fixed; top: 0; right: 100%; display: block; background: rgba(0, 0, 0, 0.13); z-index: -1; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }
    #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: 20px; 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; }
            #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: 20px; }
                #mobile .menu-content .menu-list ul li a { padding: 8px 0; display: block; }
                    #mobile .menu-content .menu-list ul li a:hover { color: #ee1d23; 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: 45px; line-height: 45px; border-radius: 5px; border: none; padding: 0 15px; font-size: 14px; color: black; }
                #mobile .menu-content .mob-search form input[type="submit"] { width: 45px; height: 45px; background: url("../img/icon-search-white.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: 14px; }
                #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 { left: 0; }
        #mobile.active:before { right: 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; }

























.top-inner { position: relative; z-index: 0; width: 100%; overflow: hidden; background-position: center top; background-repeat: no-repeat; background-color: #0095d9; }
.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: 60%; -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: 24px; 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: 36px; }
    .slide-home .slide-container p { font-size: 24px; }
    .slide-home .slide-container .slide-btn { font-size: 16px; 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: 40px; 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: #e6001a; background-color: transparent; }

    .slide-home .swiper-pagination { font-size: 0; text-align: center; margin-top: 20px; }
        .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: #ee1d23; background-color: transparent; }
                .slide-home .swiper-pagination span.swiper-pagination-bullet-active:before, .slide-home .swiper-pagination .swiper-pagination-bullet:hover:before { background: #ee1d23; }


#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 { position: relative; overflow: hidden; background: url("../img/pro_bg.jpg") no-repeat center bottom; background-size: cover; }
    .i-fir-wrap .items { height: 100%; padding: 15% 4%; text-align: center; border-right: 1px solid #e0e0e0; height: 1000px; }
        .i-fir-wrap .items .icobox { margin-bottom: 20px; }
            .i-fir-wrap .items .icobox .u-icon { display: inline-block; background-position: center center; background-repeat: no-repeat; vertical-align: middle; width: 105px; height: 105px; }
                .i-fir-wrap .items .icobox .u-icon.u-icon-1 { background-image: url("../img/ico-1.png"); }
                .i-fir-wrap .items .icobox .u-icon.u-icon-2 { background-image: url("../img/ico-2.png"); }
                .i-fir-wrap .items .icobox .u-icon.u-icon-3 { background-image: url("../img/ico-3.png"); }
                .i-fir-wrap .items .icobox .u-icon.u-icon-4 { background-image: url("../img/ico-4.png"); }
        .i-fir-wrap .items.last { border: none; }
        .i-fir-wrap .items .title { font-size: 28px; text-align: center; margin-bottom: 20px; }
        .i-fir-wrap .items .text { font-size: 16px; margin-bottom: 30px; height: 88px; overflow: hidden; }
        .i-fir-wrap .items .ul-list { margin-bottom: 30px; display: none; }
            .i-fir-wrap .items .ul-list li { padding: 10px 0; border-top: 1px #FFF solid; }
                .i-fir-wrap .items .ul-list li a { text-decoration: none; color: #fff; }
        .i-fir-wrap .items .btn.btn-line { height: 55px; background: none; border-radius: 30px; border: 2px solid #666; color: #666; line-height: 40px; padding-left: 35px; padding-right: 35px; font-size: 16px; }
        .i-fir-wrap .items.active { background-image: linear-gradient(rgba(0, 92, 161, 0.8), rgba(220, 42, 26, 0.5)); color: #fff; }
            .i-fir-wrap .items.active .icobox { margin-bottom: 15px; }
                .i-fir-wrap .items.active .icobox .u-icon { background-position: center center; }
                    .i-fir-wrap .items.active .icobox .u-icon.u-icon-1 { background-image: url("../img/ico-1-hover.png"); }
                    .i-fir-wrap .items.active .icobox .u-icon.u-icon-2 { background-image: url("../img/ico-2-hover.png"); }
                    .i-fir-wrap .items.active .icobox .u-icon.u-icon-3 { background-image: url("../img/ico-3-hover.png"); }
                    .i-fir-wrap .items.active .icobox .u-icon.u-icon-4 { background-image: url("../img/ico-4-hover.png"); }
            .i-fir-wrap .items.active .btn { color: #FFF; border-color: #FFF; }
    .i-fir-wrap #bg-ico1 { width: 20%; position: absolute; margin-left: -2.5%; opacity: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
    .i-fir-wrap #bg-ico2 { width: 20%; position: absolute; margin-left: 22.5%; opacity: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
    .i-fir-wrap #bg-ico3 { width: 20%; position: absolute; margin-left: 47.5%; opacity: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
    .i-fir-wrap #bg-ico4 { width: 20%; position: absolute; margin-left: 72.5%; opacity: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }




.i-fou-wrap { background: #F3F3F3; padding: 20px 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: 56.2%; 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: .3; position: absolute; width: 100%; top: 0; }
    .new_wrapper .new_text { padding: 20px 60px 41px 20px; }
        .new_wrapper .new_text h3 { margin-top: 0; margin-bottom: 0.8rem; color: #2d373c; line-height: 1.8rem; height: 3.6rem; overflow: hidden; }
        .new_wrapper .new_text p { display: -webkit-box; height: 3.6rem; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.2rem; color: #333; }
.col-lg-8 .new_wrapper .new_text { width: 100%; bottom: 20px; height: 100%; position: absolute; }
    .col-lg-8 .new_wrapper .new_text h3 { margin-top: 60px; color: #FFF; position: absolute; bottom: 0; }
.new_wrapper .new_text .glyphicon-chevron-right { position: absolute; bottom: 20px; right: 20px; padding-bottom: 0; color: #2d373c; opacity: .6; top: initial; font-size: 20px; }
.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-thi-wrap { padding: 0px 0 35px; background: #F3F3F3; }
.i-service { padding: 0 15px; }
    .i-service li { padding: 55px 0; background: white; border-left: 1px solid #fafafa; border-right: 1px solid #fafafa; 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: 20px; 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: #ee1d23; }
        .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; }






/*.footer { border-top: 8px #ee1d23 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: #ee1d23; }
.footer-bot { padding: 0.75rem 1.25rem; text-align: center; }
*/
.footer-wrap { background: #3e3e3e; padding-top: 50px; padding-bottom: 10px; border-top: 5px #ee1d23 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: 20px }
            .footer-wrap ul li .link a { position: relative; font-size: 20px; 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: -14px; 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: 14px; text-transform: uppercase; transition: color 0.4s; color: #999; }
                .footer-wrap ul li .sm-link a:hover { }
        .footer-wrap ul li.last .link { font-size: 18px; text-transform: uppercase; color: #eee; }
        .footer-wrap ul li.last.fr { margin-right: 0; }
.footer-right-address { font-size: 14px; line-height: 24px; color: #999; }
    .footer-right-address .footer-company, .footer-right-address .work-h5, .footer-right-address .ser-line { margin-top: 1rem; }
    .footer-right-address .footer-company { font-size: 20px; }
    .footer-right-address .footer-add-h5 { margin-top: 1rem; }
        .footer-right-address .footer-add-h5 i { font-size: 15px; color: #ee1d23; margin-right: 3px; }

.footer-wrap .btn .w1200 { padding: 15px 0; color: #999; }
.footer-wrap .bot { line-height: 42px; font-size: 13px; color: #999999; border-top: 1px solid rgba(255, 255, 255, 0.3); text-align: center; }
    .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) {
    .i-fir-wrap { height: 1600px; background: #fff; }
        .i-fir-wrap .items { height: 800px; padding: 100px 50px 0 50px; border-bottom: 1px solid #e0e0e0; }
            .i-fir-wrap .items .icobox { margin-bottom: 15px; }
                .i-fir-wrap .items .icobox .u-icon { width: 105px; height: 105px; }
            .i-fir-wrap .items .title { font-size: 28px; margin-bottom: 15px; height: 50px; }
            .i-fir-wrap .items .text { font-size: 14px; margin-bottom: 25px; }
            .i-fir-wrap .items .ul-list { margin-bottom: 20px; }
                .i-fir-wrap .items .ul-list li { padding: 8px 0; }
}



@media (max-width: 992px) {
    html { font-size: 14px; }
    /*.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: 20px; }
    .main-navigation li .nav-bg {top:138px; }*/
    .site-header { display: none; }
    #mobile { display: block; }
    .slide-home .slide-container .slide-txt {margin-bottom:10px; }
    .slide-home .slide-container h1 { font-size: 18px; margin: 0; }
    .slide-home .slide-container p { font-size: 14px; margin: 0; }
    .slide-home .slide-container .slide-btn { font-size: 14px; 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; }


    .i-fir-wrap { height: auto; background: #fff; }
        .i-fir-wrap .items { padding: 20px; text-align: center; border-right: none; height: auto; border-bottom: 1px solid #e0e0e0; }
            .i-fir-wrap .items .icobox { margin-bottom: 15px; }
                .i-fir-wrap .items .icobox .u-icon { width: 105px; height: 105px; }
            .i-fir-wrap .items .title { font-size: 20px; margin-bottom: 15px; height: 50px; }
            .i-fir-wrap .items .text { font-size: 14px; margin-bottom: 15px; }
            .i-fir-wrap .items .ul-list { margin-bottom: 20px; }
                .i-fir-wrap .items .ul-list li { padding: 5px 0; }
            .i-fir-wrap .items .btn.btn-line { height: 40px; background: none; border-radius: 30px; border: 2px solid #666; color: #666; line-height: 20px; padding-left: 20px; padding-right: 20px; font-size: 14px; }
            .i-fir-wrap .items.active .btn { color: #FFF; border-color: #FFF; }
    .i-service li { padding: 25px 0; background: white; border-left: 1px solid #fafafa; border-bottom: 1px solid #fafafa; list-style: none; }
}