:root { --maincolor: #036EB8; --maincolor2:#ED8341; --container-width: 1415px }
.maincolor { color: var(--maincolor) }
.a333_h { color: #333 }
.a333_h:hover { color: var(--maincolor) }
.a333_h:hover .t { color: var(--maincolor) }
.a333_h:hover .sinfo { }
.shadow_h:hover { box-shadow: 0px 8px 21px 0px rgba(4, 0, 0, 0.07) }
.container {width: var(--container-width);max-width: 100%;padding: 0 20px;}
.sitelogo { margin-top: 0 }
.sitelogo .webLogo { height: auto; width: 209px }
.sitelogo .fl2 { position: relative; padding-left: 0; margin-top: 12px; font-family: webfont; transform: translate3d(17px, 0, 0) }
.sitelogo p { }
.sitelogo .fl2:before { content: ""; display: block; position: absolute; width: 1px; height: 24px; top: 0; left: 8px; border-left: 1px solid #C2C0C0 }
.sitelogo .p1 { padding-left: 10px; font-size: 20px; color: #333333; line-height: 26px; width: 120px; margin-bottom: 0; font-weight: bold; float: left; padding-top: 6px; position: relative }
.sitelogo .p1:after { display: block; width: 1px; height: 30px; background: #ddd; content: ""; position: absolute; right: -6px; top: 14px }
.sitelogo .s1 { display: block }
.sitelogo .s11 { font-size: 24px; font-weight: bold; color: var(--maincolor) }
.sitelogo .s12 { font-size: 12px; color: var(--maincolor) }
.sitelogo .s13 { font-size: 16px; font-weight: bold; color: #333 }
.sitelogo .s14 { margin-top: -5px; font-size: 15px; color: #7B7B7B }
.sitelogo .p2 { display: block; color: #444; font-weight: normal; font-size: 16px; line-height: 26px; padding-left: 30px; float: left; padding-top: 0; position: relative }
.sitelogo .p2:before { content: ""; display: block; position: absolute; width: 1px; height: 24px; top: 12px; left: 15px; background: #D6D6D6 }
.sitelogo > a { display: block; height: 100px; display: flex; align-items: center }
.sitelogo > a i { font-size: 28px; font-family: SourceHanSansCN; font-weight: 500; color: #FFFFFF; line-height: 48px; font-style: normal; position: relative; top: 11px; display: inline-block; margin-left: 10px; padding-left: 14px; position: relative }
.sitelogo > a i:before { width: 1px; height: 13px; content: ""; display: block; position: absolute; top: 18px; left: 0; background: #fff }
.sitelogo .d1 { float: left; padding: 17px 0 0 13px }
.sitelogo .d1 .p1 { font-size: 16px; margin-bottom: 4px }
.sitelogo .d1 .p2 { font-size: 18px; font-weight: bold; color: #9b2424 }
.header { width: 100%; top: 0; left: 0; z-index: 999; padding: 0 100px }
.header { }
.head_contact { font-size: 14px; padding-left: 52px; background: url('../images/phone1.png') no-repeat left top; margin-top: 28px }
.head_contact .p1 { margin-bottom: 0; color: #555; font-weight: 400; font-size: 14px }
.head_contact .s1 { }
.head_contact .p2 span { font-size: 14px }
.head_contact .s2 { margin-left: 10px }
.head_contact .p2 { font-size: 25px; line-height: 1.4; color: #333; font-style: normal; font-weight: bold; font-family: arial; line-height: 1.1; text-indent: -3px }
#mainnav { z-index: 9999; height: 50px; border-top: 1px solid #E5E5E5 }
#navbarcontainer { width: 100vw; border-top: 1px solid #eaeaea; background: #f7f7f7; _width: 100% }
.navbar { display: block; width: calc(100% - 490px); min-height: 0; margin: 0; border: none; padding-left: 60px }
#navbar { padding: 0 }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #333; background-color: transparent }
ul.nav { line-height: 0; float: none; clear: both; width: 100%; min-width: 1px; margin-top: 0; margin-left: auto; margin-right: 60px; white-space: nowrap; display: flex; column-gap: 25px; justify-content: space-between }
ul.nav > li { flex: 1 0 auto; float: none; transition: all 0.3s }
ul.nav > li > a { font-size: 16px; line-height: 100px; position: relative; padding: 0 24px; color: #111; font-weight: 500; transition: color 0.3s }
ul.nav > li > a:hover { color: #cf1d1d }
ul.nav.little > li.nav_li1 > a { padding: 0 16px }
.nav>li>a:focus, .nav>li>a:hover { background-color: transparent }
ul.nav > li i.fg { display: inline-block; width: 22px; height: 16px; margin: 0 1px 0 -2px; position: relative; top: 1px }
ul.nav > li.active i.fg, ul.nav > li:hover i.fg { background-position: -207px center }
ul.nav > li:last-child { background: none }
ul.nav > li:first-child { }
ul.nav > li > a { font-size: 18px; line-height: 100px; position: relative; display: inline-block; padding: 0; white-space: nowrap; color: #333 }
ul.nav > li > a > span { font-family: wfont_en }
ul.nav > li:first-child > a { padding-left: 0 }
ul.nav > li:hover > a, ul.nav > li.active > a { color: var(--maincolor) }
ul.nav > li > a:after, ul.nav > li > a:after { content: ""; display: block; position: absolute; width: 100%; height: 2px; bottom: 20px; left: 0; background: transparent; transition: all 0.5s }
ul.nav > li:hover > a:after, ul.nav > li.active > a:after { background: var(--maincolor); bottom: 25px }
ul.dropdown-menu { top: 100%; width: 100%; min-width: 1px; padding: 0 0 2px; border: none; border-bottom-width: 2px; border-image: initial; background: transparent; background: rgb(207 29 29 / 14%); box-shadow: none; box-shadow: none; display: none !important }
.navbar-nav > li.fj1 > .dropdown-menu { width: 150px; border: none }
.navbar-nav > li.fj1 > .dropdown-menu li { margin: 0 }
ul.dropdown-menu:before { position: absolute; z-index: 99; top: 11px; left: 50%; display: block; display: none; width: 10px; height: 10px; margin-left: -11px; content: ''; border: 16px solid transparent; border-bottom: 13px solid #fff }
ul.dropdown-menu li { width: 100%; min-width: 1px; text-align: center }
ul.dropdown-menu li:first-child { }
ul.dropdown-menu li a { font-size: 14px; width: 100%; min-width: 1px; padding: 8px 0; color: #fff; border-bottom: none }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { background: #9b2424 }
ul.dropdown-menu li:last-child a { border: none }
ul.dropdown-menu li a:hover { color: #fff; background: #cf1d1d }
.navbar~.attach1 { font-size: 0 }
.navbar~.attach1 a:last-child { border-right: 1px solid rgb(99 159 200 / 20%) }
.navbar~.attach1 a { display: inline-block; padding: 25px 14px; border-left: 1px solid rgb(99 159 200 / 20%) }
.navbar~.attach1 a:hover { background: var(--maincolor) }
.navbar~.attach1 a:hover i { filter: brightness(100) }
.navbar~.attach1 a:hover span { color: #fff }
.navbar~.attach1 a i { display: block; width: 23px; height: 23px; margin: 0 auto 7px; background: no-repeat center }
.navbar~.attach1 a span { font-size: 16px; color: #666 }
.navbar~.attach1 .search i { background-image: url('../images/icon0/1.png') }
.navbar~.attach1 .lang i { background-image: url('../images/icon0/2.png') }
.navbar~.attach1 .login i { background-image: url('../images/icon0/3.png') }
.dropdown-toggle { display: none }
ul.nav li.lang { display: none }
ul.nav li.lang a { font-size: 18px; position: relative; top: -1px; padding: 0 10px }
ul.nav li.colmenu { float: right }
ul.nav li.colmenu a { padding: 0 }
.head_top { width: 100%; height: 30px; background: #ebebeb }
.head_top ul { margin: auto }
.head_top ul li:first-child { line-height: 30px; float: left; color: #666 }
.head_top ul li:last-child { float: right }
.head_top ul li:last-child > p { line-height: 30px; float: left; width: 90px; height: 30px; text-align: center; color: #666; border-left: 1px solid #ddd }
.head_top ul li:last-child > p:last-child { border-right: 1px solid #ddd }
.leng { display: none }
.head_top ul li:last-child > p > a { color: #666 }
.body_index dl#contactusf { color: #8A5A41; font-weight: 400 }
#header .search { }
#header .attachbar { float: right; margin-top: 33px; text-align: right }
#header .attachbar .item { position: relative; display: inline-block; width: 40px; vertical-align: middle }
#header .attachbar .icon { }
#header .attachbar .icon i { }
#header .attachbar .icon i img { }
#header .attachbar .menu { position: absolute; top: 40px; background: white; display: none; right: 13px; z-index: 888; padding: 30px; height: 90px; border-radius: 0 0 10px 10px }
#header .attachbar .menu_mem { width: auto; white-space: nowrap }
#header .attachbar .memberinfo { float: none; position: static }
#header .attachbar .search { position: relative; width: 230px; height: 32px }
#header .attachbar .search #submit { position: absolute; top: 0; right: 0; width: 55px; text-align: center; border: none; height: 30px; line-height: 28px; border: 1px solid #eee }
#header .attachbar .search #search { position: absolute; height: 30px; border: 1px solid #ddd; left: 0; top: 0; width: calc(100% - 55px); background: #efefef; font-size: 12px; padding-left: 11px }
#header .icon, .searchbar form .submit { width: 35px; height: 35px; background: transparent url('../images/fdj.png') no-repeat center / 16px 16px; display: block; top: -2px; opacity: 1 !important; right: 0 }
#header .icon.icon_mem { background-image: url('../images/member.png'); vertical-align: middle; margin: 0 }
#header .memberinfo { line-height: 35px }
#header #top_1 { width: 35px; padding-right: 35px; overflow: hidden; position: relative; height: 35px }
#location * { line-height: 60px; font-size: 14px }
#location b { font-weight: 400; margin-top: 0; display: inline-block; width: 40px; height: 50px; vertical-align: middle }
#location > * { line-height: 60px }
#location { height: 60px; border-left: none; border-right: none; margin: 0 auto !important }
#location * { font-size: 16px; font-weight: 400; color: #666 }
#location a:last-child { font-weight: bold }
#snav #location { padding-top: 4px }
#location > b { margin-right: 10px; display: none }
.fullbn { position: relative; margin: 0 auto; top: 0; left: 0; width: 1920px; height: 750px; overflow: hidden; visibility: hidden }
.fbslides { cursor: default; position: relative; top: 0; left: 0; width: 1920px; height: 750px; overflow: hidden }
.fb_spin { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center }
.fb_spin img { margin-top: -19px; position: relative; top: 50%; width: 38px; height: 38px; animation-name: fb_spin; animation-duration: 1.6s; animation-iteration-count: infinite; animation-timing-function: linear }
@keyframes fb_spin {
    from { transform: rotate(0deg) }
    to { transform: rotate(360deg) }
}
.fb_dots { position: absolute; bottom: 60px; right: 12px; min-width: 300px; text-align: center; left: -150px !important }
.fb_dots .i { position: static !important; cursor: pointer; width: 11px; height: 11px; background: #030303; border-radius: 100px; transition: all 0.5s; display: inline-block; margin: 0 10px }
.fb_dots .i.iav { background: var(--maincolor); width: 46px }
.fb_index svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.fb_index { display: block; position: absolute; cursor: pointer; left: 25px; top: 0; width: 55px; height: 55px }
.fb_index.fb_a_right { right: 25px; top: 0; width: 55px; height: 55px; left: auto }
.fb_index .a { fill: none; stroke: #fff; stroke-width: 640; stroke-miterlimit: 10 }
.fb_index:hover { opacity: .8 }
.fb_index.fb_indexdn { opacity: .5 }
.fb_index.fb_indexds { opacity: .3; pointer-events: none }
.i_ttl { text-align: center; margin-bottom: 40px }
.i_ttl .h2 { position: relative; text-align: center; display: inline-block; font-family: 'galano', sans-serif; font-weight: bold }
.i_ttl .h2:after { content: url('../images/dot1.png'); display: block; width: 60px; height: 12px; margin: -10px auto 37px; z-index: 22 }
.i_ttl .h2:before { content: ""; display: block; position: absolute; width: calc(100% + 30px); height: 10px; top: 37px; left: -15px; background: #fff; z-index: 33; display: none }
.i_ttl .h2+p { color: #666 }
i.arr { display: inline-block; width: 28px; height: 28px; background: rgba(3, 110, 184, 0); border: 1px solid #333333; border-radius: 50%; vertical-align: middle; transition: all 0.5s; margin-left: 1em; line-height: 28px; text-align: center }
i.arr::before { position: relative; content: ""; display: inline-block; width: 0.6em; height: 0.6em; border-right: 1px solid black; border-top: 1px solid black; transform: rotate(45deg); margin-right: 0.3em; top: -0.1em }
.btn_more { color: #fff; background: var(--maincolor); display: inline-block; padding: 8px 20px; line-height: 1.4; margin-top: 60px; vertical-align: middle }
.btn_more:hover { background: var(--maincolor2) }
.btn_more:hover * { color: #fff }
.btn_more * { transition: none }
.btn_more i.arr { border-color: #fff; line-height: 2; transition: all .3s; margin-left: 0.5em }
.btn_more:hover i.arr { transform: translateX(5px) }
.btn_more i.arr::before { border-color: #fff }
.btn_more span { vertical-align: middle; display: inline-block; line-height: 28px; color: #fff }


    /*fixed-contact*/
    .fixed-contact {
        z-index: 999999;
        position: fixed;
        right: 0;
        top: 40%;
        width: 50px;
        margin-top: -90px;
        overflow: hidden;
        border-radius: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        transition: all .4s;
        transform: translateX(95px);
        -webkit-transform: translateX(95px);
        -moz-transform: translateX(95px);
        background: var(--maincolor);
    }

    .fixed-contact.show {
        transform: none;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .fixed-contact.active {
        width: 260px;
    }

    .fixed-contact li {
        position: relative;
        height: 50px;
        overflow: hidden;
        transition: all .4s;
        list-style: none;
    }

    .fixed-contact.active li a {
        opacity: 1;
    }

    .fixed-contact li a {
        position: relative;
        z-index: 1000;
        display: block;
    }

    .fixed-contact li i {
        z-index: 1000;
        position: absolute;
        right: 0;
        display: block;
        width: 50px;
        height: 50px;
        transition: all .4s;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url(../images/icon3.png);
    }

    .fixed-contact.active li:after {
        z-index: 1001;
        content: '';
        position: absolute;
        bottom: 0;
        left: 10px;
        right: 10px;
        display: block;
        height: 1px;
        background: rgba(255, 255, 255, .2);
    }

    .fixed-contact.active li:last-child:after {
        display: none;
    }

    .fixed-contact li:hover i,
    .fixed-contact li:hover a {
        opacity: .7;
    }

    .fixed-contact .online_p i {
        background-position: 0 -262px;
        border-top-left-radius: 30px;
        -moz-border-top-left-radius: 30px;
        -webkit-border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        -moz-border-top-right-radius: 30px;
        -webkit-border-top-right-radius: 30px;
    }

    .fixed-contact .online_e i {
        background-position: -50px -262px;
    }

    .fixed-contact .online_w i {
        background-position: -150px -262px;
    }

    .fixed-contact .online_s i {
        background-position: -100px -262px;
    }

    .fixed-contact .online_f i {
        background-position: -250px -262px;
    }

    .fixed-contact .online_i i {
        background-position: -300px -262px;
    }

    .fixed-contact .online_code i {
        background-position: -200px -262px;
    }

    .fixed-contact li a {
        position: absolute;
        top: 0;
        right: -135px;
        display: block;
        width: 210px;
        line-height: 110%;
        padding: 18px 0 0 30px;
        color: #fff;
        white-space: nowrap;
        transition: all .4s;
        font-size: 16px;
        text-align: right;
        font-weight: normal;
        opacity: 0;
    }

    .fixed-contact.active li a {
        right: 60px;
    }

    .fixed-contact .online_code a img {
        max-width: 80px;
    }

    .fixed-contact.active .online_code {
        height: 130px;
    }

    .fixed-contact.active .online_code a p {
        margin: 0;
        margin-bottom: 5px;
    }

    .fixed-contact li.online_code:hover a {
        opacity: 1;
    }


    
.index_section { padding: 35px 0 60px; text-align: center; background: no-repeat center/cover }
.index_section1 { background-image: url('../images/bg1.jpg') }
.index_section1 .row-in { }
.index_section1 .l { }
.index_section1 .r { }
.index_section1 .r .con { background: #f4f5f8 url('../images/bg9.jpg') no-repeat center/cover; padding: 13px 0; height: 100%; display: flex; flex-direction: column; justify-content: space-between }
.index_section1 .r .con img { }
.index_section1 .l .in { }
.index_section1 .con { border: 1px solid #e3e4e5; margin-bottom: 25px; padding: 30px }
.index_section1 .a_img { margin-bottom: 20px }
.index_section1 .r .a_img { flex: 1; display: flex; align-items: center; justify-content: center }
.index_section1 .r .a_txt { margin-bottom: 19px }
.index_section1 .a_img img { }
.index_section1 .a_txt { }
.index_section1 .a_txt span { display: inline-block; position: relative; top: 4px }
.index_section1 .a_txt i { }
.index_section1 .a_txt:hover { }
.index_section1 .a_txt:hover i { }
.index_section2 { background-image: url(../images/bg2.jpg); padding-bottom: 80px }
.index_section2 .l .in { padding-top: 20px }
.index_section2  .i_ttl { text-align: left; color: #fff; margin-bottom: 30px }
.index_section2  .i_ttl .h2 { }
.index_section2  .i_ttl .h2:after { margin-left: 0; content: url(../images/dot2.png); position: relative; top: 35px }
.index_section2  .i_ttl .h2+p { color: #fff; position: relative; top: -40px; line-height: 1.9 }
.index_section2 ul { margin-right: 80px; display: flex; flex-wrap: wrap; column-gap: 6px }
.index_section2 li { background: rgb(255 255 255 / 10%); padding: 15px 25px 23px; flex: 1 1 calc(50% - 6px); margin-bottom: 6px; transition: all .4s }
.index_section2 li:hover { background: var(--maincolor2) }
.index_section2 li a { display: block }
.index_section2 li i { display: block; width: 76px; height: 76px; display: flex; justify-content: center; align-items: center; margin: 0 auto 8px }
.index_section2 li img { }
.index_section2 li span { color: #fff }
.index_section2 li a:hover i { }
.index_section2 li a:hover img { }
.index_section2 li a:hover span { }
.index_section2 .r .in { padding-left: 100px; padding-top: 20px; text-align: left }
.index_section2 .r .i_ttl { margin-bottom: -50px }
.index_section2 .r .btn_more { color: #fff }
.index_section2 .r .i_ttl .h2 { }
.index_section2 .r .i_ttl .h2:after { visibility: hidden }
.index_section2 .r .i_ttl .h2+p { }
.index_section3 { padding-top: 60px; padding-bottom: 70px }
.index_section3 .l { }
.index_section3 .l .in { background: var(--maincolor); margin-right: 60px; margin-top: 50px }
.index_section3 .l video { position: relative; top: -25px; right: -25px; max-height: 515px }
.index_section3 .r { }
.index_section3 .r .h2 { font-size: 36px; text-align: left }
.index_section3 .r .h2::after { margin-top: 20px; margin-left: 0 }
.index_section3 .r ul { display: flex; justify-content: space-between; margin-bottom: -10px; margin-top: -20px }
.index_section3 .r li { flex: auto }
.index_section3 .r li:last-child { flex: 0 }
.index_section3 .s1 { color: var(--maincolor2); font-size: 46px; display: block }
.index_section3 .s2 { white-space: nowrap }
.index_section3 small { position: relative; top: -6px; left: 5px }
.index_section3 .r .in { padding-left: 30px; text-align: left }
.index_section3 em { font-style: normal }
.index_section4 { padding: 0; border-top: 1px solid rgb(229 229 229); border-bottom: 1px solid rgb(229 229 229); background: url(../images/bg3.png) no-repeat center bottom }
.index_section4 .in { display: block; padding: 30px 0 50px; border-left: 1px solid rgb(229 229 229); margin-left: -1px }
.index_section4 .in:last-of-type { border-right: 1px solid rgba(0, 0, 0, .1) }
.index_section4 i { display: block; width: 83px; height: 83px; margin: 30px auto }
.index_section4 i img { }
.index_section4 a { transition: all .5s }
.index_section4 a:hover { background: url(../images/bg4.png) no-repeat center/cover }
.index_section4 a:hover i { filter: brightness(100) }
.index_section4 a:hover span { color: #fff }
.index_section5 { text-align: left; background-image: url(../images/bg5.jpg); padding-bottom: 40px }
.index_section5 .h2 { }
.index_section5 .h2+p { }
.index_section5 .l { }
.index_section5 .con { background: #fff }
.index_section5 .r .con { margin-bottom: 30px }
.index_section5 .a_img { position: relative; overflow: hidden }
.index_section5 .a_img:hover img { transform: scale(1.2) }
.index_section5 .a_txt { }
.index_section5 .btn_more { margin: 0; position: absolute; z-index: 3; bottom: 0; right: 0 }
.index_section5 .time { font-size: 14px; color: #999; display: block; margin-top: 5px }
.index_section5 .h3 { margin-top: 20px; display: inline-block }
.index_section5 .r .h3 { margin-top: 10px; min-height: 53px }
.index_section5 .txtwrap { padding: 10px 30px 20px }
.index_section5 .r .txtwrap { padding: 5px 20px 15px }
.index_section5 .sinfo { margin: 18px 0 30px }
.index_section5 img { width: 100%; height: auto; transition: all .3s }
.index_section5 .con:hover { }
.index_section5 .con:hover .btn_more { }
.index_section5 .con:hover .btn_more i { }
.index_section5 .a_txt:hover { }
#footer { position: relative; color: #fff; overflow: hidden; background: #2C2F32; padding: 0 }
.footer_contact { background: var(--maincolor); padding: 25px 0 }
.footer_contact .items { display: flex; justify-content: space-between; align-items: center; margin: 0; height: 62px }
.footer_contact dt {padding-left: 30px;}
.footer_contact dd { height: 62px; padding-left: 20px; align-items: center; justify-content: flex-start; flex: 1 1 33.33%; display: flex }
.footer_contact dd:last-child { }
.footer_contact .in { }
.footer_contact dt i { width: 62px; height: 62px; display: block; left: 0; top: 0; background: #fff; border-radius: 100px; display: flex; justify-content: center; align-items: center }
.footer_contact dt img { }
.footer_contact .s1 { font-weight: bold; font-size: 16px }
.footer_contact .s2 { font-size: 15px }
.footer_info { padding: 60px 0 10px; border-bottom: 1px solid rgb(173 173 173 / 20%) }
.footer_info .con { display: flex; justify-content: space-between; align-items: flex-start }
.footer_info .con>div { flex: auto }
.footer_info .con>div.d1 { flex: 0; padding-right: 120px }
.footer_info .fl { }
.footer_info .logo_f { }
.footer_info .logo_f img { width: 210px }
.footer_info .subscriptions { padding: 30px 0 0; width: 320px }
.footer_info .subscriptions .ipt_email { line-height: 40px; padding: 0 10px; border: none; width: calc(100% - 50px); color: #2d2f32 }
.footer_info .subscriptions .ipt_submit { height: 40px; border-radius: 0; border: none; background: var(--maincolor) url(../images/mail1.png) no-repeat center; width: 4em; overflow: hidden; text-indent: -100px; margin-left: -10px }
.footer_info .social { margin-top: 30px }
.footer_info .social a { display: inline-block; margin-right: 14px }
.footer_info .social i { background: url(../images/social.png) no-repeat; width: 23px; height: 20px; display: block }
.footer_info .social .f i { }
.footer_info .social .t i { background-position: -43px 0px }
.footer_info .social .y i { background-position: -86px 0px }
.footer_info .social .i i { background-position: -131px 0px }
.footer_info .con>div.d3 { flex: 0 }
.footer_info .d3 a { display: block; width: 75px; height: 75px; background: url(../images/top1.png) no-repeat }
.footer_info .d3 i { }
.footer_info .fr2 { }
.footer_nav { margin: 0px auto 45px; display: flex; justify-content: flex-start }
.footer_nav > li { flex: 1 }
.footer_nav > li > a { font-size: 18px; position: relative; display: block; padding-top: 0; color: #fff }
.footer_nav .ul2 { position: relative; padding-top: 8px }
.footer_nav .ul2 li a { font-size: 14px; line-height: 2; color: #9B9B9B }
.footer_nav .ul2 li a:hover { color: #fff }
.footer .copyright { padding: 30px 0 }
.footer .copyright span { color: #C8C8C8 }
.bdsharebuttonbox .ttl { float: left; margin-top: 6px; margin-right: 8px }
.leftside { padding-right: 10px; margin-bottom: 60px }
.leftside .box { }
.leftside .ttl { background: #0c74b5; background: -moz-linear-gradient(top, #0c74b5 0%, #288fca 100%); background: -webkit-linear-gradient(top, #0c74b5 0%, #288fca 100%); background: linear-gradient(to bottom, #0c74b5 0%, #288fca 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c74b5', endColorstr='#288fca', GradientType=0) }
.leftside h2 { display: flex; align-items: flex-end; justify-content: space-between; padding: 20px 23px; margin: 0 }
.leftside h2 a { font-family: 'galano', sans-serif; font-weight: bold; color: #fff; flex: 0; text-transform: uppercase }
.leftside h2 i { display: inline-block; width: 47px; height: 47px; border-radius: 100px; border: 1px solid #fff; background: url(../images/type.png) no-repeat center }
.left_about h2 i { }
.left_solution h2 i { background-image: url(../images/type2.png) }
.categories { background: #fff; padding: 20px 15px }
.categories li { border-bottom: 2px solid #F3F6F8; padding: 15px 10px; padding-right: 30px; padding-left: 15px }
.categories li:last-child { border: none }
.categories li a { font-size: 16px; line-height: 2 }
.categories li.active { background: #F3F6F8 }
.categories li.active a { color: var(--maincolor) }
.categories li i { position: absolute; right: 35px; border-color: transparent }
.categories li.active i::before { border-color: var(--maincolor) }
.rightside { margin-left: 25px; padding-bottom: 50px }
.rightside .ttl { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; background: #fff; padding: 10px 0 }
.rightside .currentc_ategory { margin-top: 22px; margin-bottom: 20px; font-size: 30px }
.rightside .currentc_ategory::before { content: ""; display: block; width: 6px; height: 100%; position: absolute; left: 0; top: 0; background: var(--maincolor) }
.crumbs { padding: 0 22px; background: url(../images/lct.png) no-repeat left; font-size: 16px; color: #777 }
.crumbs i { }
.crumbs a { color: #999 }
.crumbs a:hover { color: var(--maincolor) }
.crumbs a:last-child { color: #333 }
.product_list { padding-bottom: 50px }
.product_list .row2 { margin-bottom: 20px }
.product_list .item { }
.product_list .bor { margin-bottom: 30px }
.product_list .img { margin: 0; position: relative }
.product_list .img::after { content: ""; display: block; width: 50px; height: 50px; position: absolute; left: calc(50% - 25px); top: calc(50% - 25px); background: #fff url(../images/link.png) no-repeat center; border-radius: 100px; transform: scale(0); transition: all .3s }
.product_list .img::before { content: ""; position: absolute; width: 100%; height: 100%; background: transparent; top: 0; left: 0; transition: all .3s }
.product_list a:hover .img::before { background: rgba(0, 0, 0, .5) }
.product_list a:hover .img::after { transform: scale(1) }
.product_list .img img { }
.product_list .txt { text-align: center; display: block; line-height: 55px; background: #eee; font-size: 16px; padding: 0 10px; transition: all .3s }
.product_list .txt span { display: block; text-align: center }
.product_list a:hover .txt { background: var(--maincolor); color: #fff }
.product_list a:hover .txt span { }
.pagepic img{height:auto;}
#snav { border-bottom: 1px solid #e5e5e5; padding: 0 30px }
#snav #submenu .con { text-align: right }
#snav #submenu li { display: inline-block; margin: 0 10px }
#snav #submenu li:last-child { margin-right: 0 }
#snav #submenu li:last-child a { padding-right: 0 }
#snav #submenu li.on:last-child a { padding-right: 13px }
#snav #submenu li:first-child { margin-left: 0 }
#snav #submenu li.on a { color: var(--maincolor); position: relative }
#snav #submenu li.on a:after { content: ""; display: block; position: absolute; width: 100%; height: 3px; bottom: -3px; left: 0; background: var(--maincolor) }
#snav #submenu a { font-size: 16px; line-height: 55px; border-bottom: 2px solid #fff; display: inline-block; padding: 5px 10px }
.leftline { position: relative; padding-left: 20px; font-weight: bold; margin-top: 40px; font-family: 'galano', sans-serif }
.leftline:before { content: ""; width: 5px; height: 100%; background: var(--maincolor); display: block; position: absolute; left: 0; top: 0 }
.body_case #snav #submenu a { font-size: 14px; padding: 5px 0 }
.artlist1 LI { padding: 7px 0 7px 12px; background: url('../images/dot1.png') no-repeat left; position: relative }
.artlist1 LI span { position: absolute; right: 0; color: #888; font-size: 12px }
.artlist1 .a_txt { font-size: 15px; color: #666; transition: all 0.3s }
.artlist1 .a_txt:hover { color: var(--maincolor) }
.cbox.rside { padding-left: 30px }
.cbox > h2 { margin-top: 0 }
.rmwz { background: #fff; padding: 22px; margin-top: 50px }
.rmwz .con { }
.rmwz h3 { font-size: 18px; margin-bottom: 20px }
.rmwz ul { }
.rmwz li { border-bottom: 1px dashed #ddd; padding: 9px 0 7px }
.rmwz li a { }
.box_contact .t { border-bottom: 1px solid #e4e4e4; padding-bottom: 20px; margin-bottom: 20px; padding-left: 60px; background: url('../images/phone3.png') no-repeat }
.box_contact .s1 { display: block }
.box_contact .c p { color: #7b7b7b; font-size: 14px; line-height: 26px }
#pagelist {text-align: center;margin-bottom: 30px;}
#pagelist .current { padding: 0 14px }
#pagelist .current, #pagelist a:hover { color: #fff; border-color: var(--maincolor); background-color: var(--maincolor) }
#pagelist a { background: #fff; font-size: 20px; line-height: 48px; display: inline-block; overflow: hidden; min-width: 50px; height: 50px; margin: 0 5px; padding: 0 2px; transition: all 0.2s; text-align: center; color: #666; border-radius: 100px; border: 1px solid #d7d7d8 }
.newslist { padding-top: 55px }
.newslist .container { }
#newspage .infotitle:hover { color: var(--maincolor) }
#newspage .infohit { padding-left: 22px; background: url('../images/eye.png') no-repeat left; margin-left: 20px }
#newspage .infohit i { vertical-align: middle; display: inline-block; width: 17px; height: 11px; background: url('https://ce365-1251571187.cos.ap-shenzhen-fsi.myqcloud.com/quanhai/images/bg8.png') no-repeat 0 -106px; position: relative; top: -1px; margin-right: 10px }
#newspage .more { }
#newspage .more i:hover { background: url('https://ce365-1251571187.cos.ap-shenzhen-fsi.myqcloud.com/quanhai/images/bg8.png') no-repeat -20px 0 }
#newspage .more i { display: inline-block; width: 36px; height: 36px; background: url('https://ce365-1251571187.cos.ap-shenzhen-fsi.myqcloud.com/quanhai/images/bg8.png') no-repeat -20px -230px }
#newspage .infotime { }
#newspage .infotitle span { }
#newspage .infotitle span i { }
#newspage .media { margin-top: -1px; padding: 40px 40px 25px; -moz-box-shadow: 0 1px 5px 2px rgba(89, 89, 89, 0.1); border: 1px solid #DFDFDF; position: relative; z-index: 3; transition: all 0.5s }
#newspage .media:hover { z-index: 5; box-shadow: #b3b3b33d 0 0 8px 2px }
#newspage .media:first-child { margin-top: 0 }
.media-list { margin-bottom: 50px }
#newspage .media:hover { -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0 }
#newspage .media a:hover { }
#newspage .media .nail { display: block; width: 220px; height: 138px }
#newspage .media .media-body { padding-left: 32px }
#newspage .media .media-body h4 { font: 800 20px / 2 'microsoft yahei'; font-weight: 400; display: block; margin-top: -5px; text-align: left; color: #333; margin-bottom: 10px }
#newspage .media-heading span { font-size: 13px; color: #939393; display: inline-block; margin-top: 8px }
#newspage .media-heading+p { color: #7B7B7B; font-size: 14px; line-height: 24px; margin-bottom: 0 }
#newspage .media a { color: #333; font-size: 20px; line-height: .15 }
#newspage .media .sinfo { font-size: 16px; line-height: 1.8; color: #666 }
#newspage .media .more { display: inline-block; margin-top: 0 }
#newspn_share { margin-bottom: 40px }
#newspn_share .col2 .con { float: right; padding-top: 20px; text-align: right }
#newspn_share .col2 .con .ttl { position: relative; top: 6px; float: left }
#newsdetailpage { margin-bottom: 30px; padding-right: 0; padding-bottom: 0 }
#newsdetailpage > .con { padding: 20px 0; border-bottom: 1px dashed #d3d3d3; background: #fff }
#newsdetailpage .InfoTitle h1 { font-size: 22px; font-weight: 500; margin-top: 0; text-align: left; text-align: center; color: #535353 }
#newsdetailpage .info_from_wrap { margin: 10px 0 12px; padding-bottom: 20px }
#newsdetailpage .info_from_wrap span { font-size: 12px; line-height: 28px; color: #7b7b7b }
#newsdetailpage .info_from_wrap { text-align: center }
#newsdetailpage .info_from_wrap * { color: #888 }
#newsdetailpage .remark { padding-top: 0; padding-bottom: 40px }
#newsdetailpage .remark img { height: auto !important }
#newsdetailpage > .con.newspn.pn { padding-top: 30px; border: #ffdead }
#newsdetailpage > .con.newspn.pn .fr i { display: inline-block; width: 28px; height: 24px; margin-right: 8px; vertical-align: middle; background: url('../images/back.png') no-repeat left }
#newsdetailpage>.con.newspn.pn .fr a:hover i { background-position: right 4px top 2px }
.newspn.pn * { font-size: 14px; color: #888 }
.newspn.pn p:before { display: block; width: 100% }
.newspn.pn a:hover { color: #0052d9 }
.news_detail { background: #f6f6f6 }
.news_detail .imgcenter { display: block; margin: 20px auto }
.news_detail .left1 .con { padding: 0 30px 0 0; background: #fff }
.news_detail #maincontent { padding: 60px 0 }
.news_detail .InfoTitle h1 { }
.news_detail .info_from_wrap b { font-weight: 400; line-height: 45px; margin-left: 25px; color: #666 }
.news_detail .info_previous_next_wrap { font-size: 14px; font-weight: 400; line-height: 30px; margin-top: 30px; color: #555 }
.news_detail .info_previous_next_wrap b { font-size: 14px; font-weight: 400; line-height: 30px }
.news_detail .info_previous_next_wrap a { font-size: 14px; line-height: 30px }
.news_detail .info_previous_next_wrap a:hover { color: var(--maincolor) }
.news_detail .left1 { padding-right: 10px }
.news_detail .goback { text-align: right }
.news_detail .goback a { display: block; float: right; width: 110px; margin-top: 30px; padding: 8px 20px; text-align: center; color: #555; border: 1px solid #ccc }
.news_detail .mainpic { float: left; width: 190px; margin: 9px 20px 10px 0 }
.news_detail .crumbs { margin-bottom: 30px; border-bottom: 1px solid #ccc }
.news_detail .imgcenter { display: block; margin: 20px auto }
.news_detail .left1 .con { padding: 55px 50px; background: #fff; margin-right: 25px; border: 1px solid #e5e5e5 }
.news_detail #maincontent { padding: 60px 0 }
.news_detail .InfoTitle h1 { font-size: 24px; margin-top: -5px; margin-bottom: 0; color: #333 }
.news_detail .info_from_wrap { margin-bottom: 40px; text-align: center; padding: 0 0 10px; color: #7b7b7b; font-size: 14px; border-bottom: 1px solid #ddd }
.news_detail .info_from_wrap b { font-weight: 400; line-height: 45px; margin-left: 0; color: #666 }
.news_detail .info_previous_next_wrap * { font-size: 16px; font-weight: 400; line-height: 30px; color: #555; text-decoration: underline }
.news_detail .info_previous_next_wrap { font-size: 14px; font-weight: 400; line-height: 30px; margin-top: 30px; padding-right: 20px; color: #555 }
.news_detail .info_previous_next_wrap b { font-size: 16px; font-weight: 400; line-height: 30px }
.news_detail .info_previous_next_wrap a { font-size: 16px; line-height: 30px }
.news_detail .info_previous_next_wrap a:hover { color: var(--maincolor) }
.news_detail .left1 { padding-right: 0; margin-bottom: 20px }
.news_detail .goback { text-align: right }
.news_detail .goback a { display: block; float: right; width: 110px; margin-top: 30px; padding: 8px 20px; text-align: center; color: #555; border: 1px solid #ccc }
.news_detail .mainpic { float: left; width: 190px; margin: 9px 20px 10px 0 }
.news_detail .crumbs { margin-bottom: 30px; border-bottom: 1px solid #ccc }
.hotarticles { border: 1px solid #e5e5e5; background: #fff; padding: 35px 25px; margin-top: 0; margin-bottom: 65px }
.hotarticles h3 { margin: 0 0 15px; padding-bottom: 15px; border-bottom: 1px solid #E7E7E7; font-size: 18px }
.hotarticles ul { }
.hotarticles li { }
.hotarticles a { line-height: 30px; font-size: 14px; color: #7b7b7b }
.hotarticles a:hover { color: #238C87 }
.long-long-reveal, .long-reveal, .quick-reveal, .to-reveal, .top-reveal { visibility: hidden }
.fancybox-skin { padding: 0 !important; background: 0 0 }
#fancybox-loading, .fancybox-close, .fancybox-next span, .fancybox-prev span { z-index: 99999 }
.divttl p[rel=h2] { margin: 40px 0 }
.divttl h2 .more:hover { color: #d9271b }
.divttl h2 .more { font-size: 16px; position: absolute; top: 50%; right: 0; margin-top: -1px; vertical-align: middle; color: #666 }
.divttl h2:before { display: inline-block; width: 4px; height: 36px; margin-top: -5px; margin-right: 14px; content: ''; vertical-align: middle; background: #ff554c }
.bgline1 { position: relative; width: 100%; height: 1px; margin: 40px 0 }
.bgline1:before { position: absolute; z-index: 18; top: 0; left: 50%; display: block; width: 1215px; height: 10px; margin-left: -607px; content: ''; background: url('../images/bg2.jpg') repeat-x }
.bgline1:after { position: absolute; z-index: 8; top: 4px; left: 0; display: block; width: 100%; height: 2px; content: ''; background: #f1f1f1 }
.title1 { font-size: 24px; margin-bottom: 25px; color: #333 }
.title1 .en { font-family: 'microsoft yahei'; font-weight: 300; position: relative; top: 1px; left: 15px; vertical-align: bottom; color: #999 }
.more_r { font-size: 14px; display: inline-block; width: 70px; padding-right: 16px; text-align: left; text-indent: 0; color: #666; background: url('../images/ar1.png') no-repeat 54px }
h2.bt { font-family: arial; font-size: 48px; font-weight: 400; position: relative; display: block; padding-bottom: 15px; text-align: center; color: #333 }
.thehdl1.hdl { position: absolute; top: 50%; left: -44px; width: 38px; height: 68px; margin-top: -20px; cursor: pointer; background: url('../images/ar.png') no-repeat left center }
.thehdl1.hdl.next { right: -50px; left: auto; background-position: right }
.itemlist1 SPAN { }
.itemlist1 IMG { }
.itemlist1 DIV { }
.itemlist1 .txt { display: block; text-align: center; line-height: 2; font-size: 16px; color: #666 }
.itemlist1 .row.gutter-30.eqnail { }
.itemlist1 .nailthumb-image { image-rendering: pixelated }
.body_case .itemlist1 .nailthumb-image { image-rendering: auto }
.itemlist1 .nail.nailthumb-container { }
.itemlist1 .index_ttl { }
.itemlist1 .h2.txtc { }
.itemlist1 .con { }
.itemlist1 .container { }
.itemlist1 .bor { padding: 32px 55px 15px; background: #fff; margin-bottom: 30px; transition: all 0.3s }
.itemlist1 .bor:hover { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1) }
.itemlist1.sct_team { }
.itemlist1.sct_team .con { }
.itemlist1.sct_team .bor { border: none; padding: 0 }
.itemlist1.sct_team .nail { margin: 0 }
.itemlist1.sct_team .bor img { image-rendering: auto; top: 0 !important }
.itemlist1.sct_team .name { background: #fff url('../images/ar4.png') no-repeat right 20px center; padding: 20px 24px; text-align: left }
.itemlist1.sct_team .txt { text-align: left; font-size: 18px; color: #333; display: block; position: relative; padding-bottom: 10px; margin-bottom: 10px }
.itemlist1.sct_team .txt:after { content: ""; display: block; position: absolute; width: 120px; height: 2px; bottom: 0; left: 0; background: #E6E6E6 }
.itemlist1.sct_team .txt2 { font-size: 14px; color: #666 }
.body_product .itemlist1 .bor { padding: 43px 75px 40px }
.body_case .itemlist1 .bor { padding: 20px; border: #E6E6E6 solid 1px }
.borderbox { background-color: #fff; border: 1px solid #E4E4E4; padding: 40px }
.product_detail { padding: 30px; background: #fff; overflow: hidden; margin-bottom: 60px }
.pagetitle { }
.pagetitle h1, .pagetitle h2 { margin-top: 0 }
.pagetitle .con { display: flex; justify-content: space-between; align-items: center; padding: 15px 0 }
.pagetitle .con>* { flex: 0 1 auto }
.pagetitle .crumbs { margin-top: -4px }
.article_list { }
.article_list .item .txt { padding-left: 50px; padding-top: 20px; padding-right: 20px }
.article_list .item h3 { margin-top: 10px; margin-bottom: 20px }
.article_list .item .sinfo { font-size: 16px; line-height: 1.9 }
.article_list .btn_more { margin-top: 30px; background: transparent; color: #333; padding: 0 }
.article_list .btn_more span { font-size: 20px; color: #555 }
.article_list a:hover .btn_more span { color: var(--maincolor) }
.article_list .btn_more i.arr { border-color: #333 }
.article_list .btn_more i.arr::before { border-color: #333 }
.article_list .item .time { font-size: 14px; color: #999 }
.article_list .item>a { display: flex }
.article_list .item .img { flex: 0 0 400px }

.img img {
    height: auto;
}
.article_detail { padding: 40px 35px; margin-bottom: 60px; overflow: hidden }
.articletitle { font-weight: bold; line-height: 1.8; margin-bottom: 20px }
.article_content.topgap1 { padding-top: 0px }
.article_content.topgap1:before { height: 2px }
.articleinfo { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd }
.download_list { }
.download_list .item { display: flex; justify-content: space-between; align-items: center; padding: 30px 50px; border: 1px solid #E8E8E8; box-shadow: 0px 7px 16px 0px rgba(121, 121, 121, 0.08); transition: all .3s }
.download_list .item:hover { background: var(--maincolor) }
.download_list .item:hover * { background: transparent; color: #fff; border-color: #fff; filter: brightness(100) }
.download_list .txt { flex: 1; padding-right: 30px }
.download_list .h3 { }
.download_list .sinfo16 {margin-top: 25px;}
.download_list .sinfo16 * {line-height: 1.5;}
.download_list .btn_more { width: 155px; height: 52px; background: #FFFFFF; border: 1px solid #333333; padding: 0; margin: 0 auto; text-align: center; flex: 0 0 155px }
.download_list .btn_more span {line-height: 52px;font-size: 16px;color: #333;}
.download_list .btn_more .i { display: inline-block; width: 17px; height: 17px; vertical-align: middle; margin-right: 10px; background: url(../images/download.png) }
.articlenav { }
.articlenav .fl { font-size: 16px }
.articlenav .fr { }
.articlenav .previous { }
.articlenav  span { }
.articlenav  a { }
.articlenav .next { }
.articlenav .return1 { }
.articlenav .return1 a { }
.articlenav .return1 i { vertical-align: middle; display: inline-block; width: 23px; height: 30px; background: url(../images/return1.png) no-repeat center }
.articlenav .return1 { display: block; width: 160px; border: 1px solid var(--maincolor); border-radius: 100px; line-height: 50px; text-align: center; font-size: 16px; vertical-align: middle }
.product_detail .crumbs { }
.product_detail .content { }
.product_detail #mainpic { border: 1px solid #eee; margin-bottom: 10px }
.product_detail #mainpic img { }
.product_detail .allpics { }
.product_detail .allpics>* { vertical-align: top }
.product_detail .allpics .hdl { display: inline-block !important; width: 30px; line-height: 74px; text-align: center; border: 1px solid #eeee; font-family: sans-serif; cursor: pointer }
.product_detail .allpics .hdl.next { }
.product_detail .allpics .slick-slider { display: inline-block !important; width: calc(100% - 80px); margin: 0px 6px }
.product_detail .allpics .slick-slide { margin: 0 3px; position: relative }
.product_detail .allpics .slick-slide img { width: 76px; height: 76px; display: block; margin: auto; padding: 10px }
.product_detail .allpics .slick-slide:after { position: absolute; content: ""; display: block; width: 76px; height: 76px; z-index: 3; border: 1px solid #eee; left: 0; top: 0 }
.product_detail .allpics .slick-slide.on:after { border-color: var(--maincolor) }
.product_detail .product_info { margin-left: 30px; border-top: 3px solid var(--maincolor) }
.product_detail .product_info h1 { font-size: 28px; font-weight: bold; margin-bottom: 15px; line-height: 1.8 }
.product_detail .fea { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #eee }
.product_detail .fea ul { display: flex; flex-wrap: wrap }
.product_detail .fea li { flex: 0 0 33.33%; text-align: center; font-size: 16px; margin-bottom: 15px }
.product_detail .fea i { max-height: 80px; display: block; margin: 20px auto 13px }
.product_detail .fea i img { }
.product_detail .fea span { }
.product_detail .inquire { display: flex; align-items: center }
.product_detail .btn_inquire { margin: 0; margin-right: 40px; font-size: 18px }
.product_detail .btn_inquire span { color: #fff }
.product_detail .btn_inquire i { display: inline-block; width: 28px; height: 24px; background: url(../images/chat.png) no-repeat; vertical-align: middle; margin-right: 10px }
.product_detail .inquire .call { padding-left: 60px; background: url(../images/tel.png) no-repeat left; min-height: 40px }
.product_detail .inquire .s1 { display: block; color: #999 }
.product_detail .inquire .tel { font-size: 24px; color: var(--maincolor); line-height: 1.1 }
.topgap1 { position: relative; padding-top: 50px }
.topgap20:before { content: ""; display: block; height: 20px; background: #f9f9f9; width: 120%; margin-left: -10% }
.topgap1:before { height: 2px }
.content_slider_hdl { padding: 30px 0 40px }
.content_slider_hdl .slick-active { max-width: 210px; text-align: center; background: #EFEFEF; margin-right: 8px; padding: 12px 20px; font-size: 20px; cursor: pointer }
.content_slider_hdl .slick-current { background: var(--maincolor); color: #fff }
.content_slider { }
.content_slider .slick-slide { padding-bottom: 60px }
.remark { font-size: 16px; color: #555; line-height: 1.85 }
.remark span, .remark div, .remark p, .remark font { font-size: inherit; color: inherit; line-height: inherit }
.remark img { max-width: 100%; height: auto !important }
.remark table { border: none; border-collapse: collapse; min-width: 100% }
.remark table td { border: 1px solid #e1e1e1 !important; padding: 10px 12px !important; font-size: 16px }
.remark table td * { font-size: 18px !important; color: #444 }
.remark #ourteam { }
.remark #ourteam .ul1 { display: flex; justify-content: space-between; column-gap: 20px }
.remark #ourteam .ul1 li { border: 1px solid #eee; padding: 30px; text-align: center }
.remark #ourteam .ul1 li i { display: block; width: 130px; width: 130px; border-radius: 240px; overflow: hidden; margin: 0 auto 15px }
.remark #ourteam .ul1 li img { }
.remark #ourteam .ul1 .name { font-size: 16px; font-weight: bold }
.remark #ourteam .ul1 .btn_more { background: #F3F6F8; color: var(--maincolor); margin: 20px auto 0 }
.remark #ourteam .ul2 { padding: 50px 0 10px }
.remark #ourteam .ul2 li { display: flex; align-items: center; column-gap: 25px; padding: 25px 0; position: relative; border-top: 1px solid #eee }
.remark #ourteam .ul2 li i { min-width: 128px; height: 128px; background: #FFFFFF; border: 2px solid #1b9ff2; border-radius: 700px; display: flex; flex: auto; justify-content: center; align-items: center }
.remark #ourteam .ul2 li img { max-width: 80px; max-height: 80px }
.remark #ourteam .ul2 strong { }
.remark #ourteam .ul2 .txt { }
.remark #ourteam .ul2 .sinfo { line-height: 1.6 }
.remark #ourteam .ul2 li::before { }
.remark #rddirection { }
.remark #rddirection .ul1 { display: flex; column-gap: 40px }
.remark #rddirection .ul1 li { text-align: center }
.remark #rddirection .ul1 li img { height: 300px !important; width: 100%; border: 1px solid #eee }
.remark #rddirection .ul1 li a { width: 265px; height: 58px; background: linear-gradient(0deg, #268DC9, #0C74B6); color: #fff; font-size: 20px; line-height: 58px; display: inline-block; text-align: center; position: relative; top: -30px; font-weight: bold }
.messagebox { }
.msg_form { display: flex; flex-wrap: wrap; column-gap: 20px; margin-top: 30px }
.msg_form .frm_ipt { margin-bottom: 20px; flex: auto; min-width: 40%; background: #F9F9F9; border: none; line-height: 2; padding: 15px; font-size: 15px }
.msg_form .ipt_name { }
.msg_form .ipt_phone { }
.msg_form .ipt_email { }
.msg_form .ipt_title { }
.msg_form .ipt_content { flex: 1 1 100% }
.msg_form .ipt_submit { border: none; margin: 10px 0 10px; font-size: 18px; flex: auto; max-width: 190px; min-width: 0; padding: 5px 0; background: var(--maincolor) }
.contact_part { padding: 40px 40px 50px }
.contact_part .t { }
.contact_part1 { }
.contact_part1 ul.info { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 30px }
.contact_part1 li { flex: 0 0 auto; padding: 10px 30px; font-size: 16px }
.contact_part1 .s1 { }
.contact_part1 .s2 { }
.contact_part1 .red { }
.contact_part1 .address { flex: 0 0 100%; border-top: 1px solid #ddd; margin-top: 20px; padding: 30px }
.contact_part1 .address i { display: inline-block; width: 26px; height: 26px; margin-right: 10px; vertical-align: middle; background: url(../images/lct1.png) no-repeat center }
.contact_part1 #map { }
.contact_part .msg_form { }
.contact_part .msg_form .ipt_submit { margin: 10px auto 1px }
.space { height: 40px }
.country-select { display: flex; flex-wrap: wrap }
.country-select li { flex: 1 1 33.33% }
.country-select li a { }
.modal-dialog.modal-xl { width: 1140px }
.modal-dialog-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem) }
.panel-login { border-color: #ccc; -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2) }
.panel-login>.panel-heading { color: #00415d; background-color: #fff; border-color: #fff; text-align: center }
.panel-login>.panel-heading a { text-decoration: none; color: #666; font-weight: bold; font-size: 15px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear }
.panel-login>.panel-heading a.active { color: #029f5b; font-size: 18px }
.panel-login>.panel-heading hr { margin-top: 10px; margin-bottom: 0px; clear: both; border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)) }
.panel-login input[type="text"], .panel-login input[type="email"], .panel-login input[type="password"] { height: 45px; border: 1px solid #ddd; font-size: 16px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear }
.panel-login input:hover, .panel-login input:focus { outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: #ccc }
.btn-login { background-color: var(--maincolor); outline: none; color: #fff; font-size: 16px; height: auto; font-weight: normal; padding: 14px 0; text-transform: uppercase; border-color: var(--maincolor) }
.btn-login:hover, .btn-login:focus { color: #fff; background-color: var(--maincolor); border-color: var(--maincolor) }
.forgot-password { text-decoration: underline; color: #888 }
.forgot-password:hover, .forgot-password:focus { text-decoration: underline; color: #666 }
.btn-register { background-color: var(--maincolor); outline: none; color: #fff; font-size: 14px; height: auto; font-weight: normal; padding: 14px 0; text-transform: uppercase; border-color: var(--maincolor) }
.btn-register:hover, .btn-register:focus { color: #fff; background-color: var(--maincolor); border-color: var(--maincolor) }
a.btn_mem_chg { display: inline-block; width: 100px; text-align: center; line-height: 45px; font-size: 18px; font-weight: bold; background: #555; color: #fff; margin: 0 }
.btn_mem_chg.active { background: var(--maincolor) }
.login_panel_heading { }