<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face{
    font-family:'sans';
    src:url('../fonts/sans.ttf') format('ttf'),
    url('../fonts/sans.woff') format('woff');
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'sanslight';
    src:url('../fonts/sanslight.ttf') format('ttf'),
    url('../fonts/sanslight.woff') format('woff');
    font-weight:normal;
    font-style:normal
}
body{
    font-family: sans,sanslight,"Hiragino Sans GB","Microsoft YaHei","å¾®è½¯é›…é»‘",Arial,sans-serif;
    font-size: 2rem;
    line-height: 1.5em;
    color: #000;
    padding-top: 10.2rem;
}
:root{
    --bg-primary:#2d4ab2;
    --primary:#2d4ab2;
}
video::-webkit-media-controls-panel {
  display: flex;
  flex-direction: column;
  background-color: transparent;
}
 
video::-webkit-media-controls-more-button {
  display: none;
}

video::-moz-media-controls {
  display: flex;
  flex-direction: column;
  background-color: transparent;
}
 
video::-moz-media-controls-overflow-menu-button {
  display: none;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
    padding-left: 2rem;
    padding-right: 2rem;
}
.row {
    margin-right: -2rem;
    margin-left: -2rem;
}
.list-paddingleft-2{
    padding-left: 20px;
}
@media (min-width: 1400px) {
    .container{
        width: 80%;
    }
}
.img_hover{
    overflow: hidden;
    display: block;
}
.img_hover .img{
    transition: all .5s;
}
.img_hover:hover .img{
    transform: scale(1.2);
}
.btn{
    border-radius: 1rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    font-size: 1.8rem;
}
.nav&gt;li{
    position: static;
}
img {
    width: auto\9;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}
.common_alert{
    top: 30%;
    transform: translate(-50%,-50%);
    left: 50%;
    position: fixed;
    z-index: 99999;
    width: 40%;
    min-width: 300px;
}
.text-white{
    color: #fff;
}
.text-primary{
    color: var(--primary);
}
.bg_gray{
    background-color: #f5f5f5;
}
.navbar{
    min-height: auto;
}
.mt_navbar{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    border-radius: 0;
    z-index: 999;
}
.red{
    color: #ed4e2a !important;
}
.text-gray{
    color: #999999
}
.text-red{
    color: #920910;
}
.text-indent{
    text-indent: 2em;
}
a{
    color: #000;
}
a, a:hover, a:visited,a:focus{
    text-decoration: none;
}
a:hover{
    color: var(--primary);
}
.container-fluid {
    width: 100%;
    padding: 0;
}
.container-fluid .row{
    margin: 0;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    line-height: 1.3;
    font-family: 'sans';
}
h1{
    font-size: 4.2rem;
}
h2{
    font-size: 3.7rem;
}
h3{
    font-size: 2.8rem;
}
h4{
    font-size: 2.5rem;
}
h5{
    font-size: 2.3rem;
}
.container&gt;.navbar-collapse{
    margin-right: -15px;
}
.top_product_nav {
    background-color:#fff;
    padding:3rem 0;
    min-height:40rem;
    position:absolute;
    left:0;
    right:0;
    top:100%;
    z-index:999;
    display: none;
    border-top:1px solid #eaeaea;
}
.top_product_nav .sub_cate_img{
    max-height: 32rem;
}
.top_product_nav .container&gt;.row {
    display:flex;
}
.cate_nav_list {
    position:relative;
    height:100%;
    padding-right: 2rem;
    text-align: left;
}
.cate_nav_list:after {
    content:" ";
    position:absolute;
    top:0;
    bottom:0rem;
    border-right:1px solid #f2f2f2;
    right:1rem;
}
.top_sub_nav .fa-angle-right{
    position: absolute;
    right: 3rem;
    top: 50%;
    transform: translateY(-50%);
}

.top_sub_nav {
    color:#333;
    text-align:left;
}
.top_sub_nav a {
    position:relative;
    display:block;
    padding:0.7rem 0;
}
.product_sub_nav {
    display:none;
}
.product_sub_nav.active {
    display:block;
}
.top_sub_nav a:hover,.top_sub_nav.active a {
    color:#1459a3;
}
.cate_sub_list{
    display: none;
}
.cate_sub_list.active{
    display: block;
}
.cate_sub_list a{
    color: #666;
    font-size: 1.7rem;
    padding: .3rem 0;
    line-height: 1.5;
}
.cate_nav_list .cate_sub_list{
    padding-left: 10rem;
}
.sub_cate_img{
    display: none;
}
.sub_cate_img.active{
    display: block;
}
/*å•é€‰å’Œå¤šé€‰*/
.radio,
.checkbox,
.t_radio{
    margin-top: 0;
    padding: 10px 10px 10px 40px !important;
    position: relative;
}
.radio input[type="radio"],
.t_radio input[type="radio"],
.checkbox input[type="checkbox"]{
    opacity:1;
    position: absolute;
    left: 8px;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border: 0;
    padding: 0;
    outline: 0;
    background:url("../images/start_heart.png") no-repeat;
    -webkit-background-size: 90px 180px;
    -moz-background-size: 90px 180px;
    -o-background-size: 90px 180px;
    background-size: 90px 180px;
    -webkit-background-clip: content-box;
    -moz-background-clip: content-box;
    background-clip: content-box;
    background-origin: content-box;
    -moz-background-origin: content-box;
    -webkit-background-origin: content-box;
}
.t_radio input[type="radio"]{
    background:url("../images/radio.png") no-repeat;
    -webkit-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    background-size: 20px 20px;
}
.t_radio input[type="radio"]:checked{
    background:url("../images/radio_check.png") no-repeat;
    -webkit-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    background-size: 20px 20px;
}
.radio input[type="radio"]:checked{
    background-position: -30px 0
}
.checkbox input[type="checkbox"]{
    background-position: 0 -30px
}
.checkbox input[type="checkbox"]:checked{
    background-position: -30px -30px
}
.navbar{
    background-color: var(--bg-primary);
    margin-bottom: 0;
}
.navbar-brand{
    height: 10rem;
    padding: 0;
}
.navbar-brand img{
    height: 100%;
}
.location{
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-left: 3rem;
    background-image: url('../images/map_point.png');
    background-size: 2.3rem auto;
    background-position: left .5rem;
    background-repeat: no-repeat;
}
.location a{
    display: inline-block;
    position: relative;
    padding-right: 1.2rem;
    margin-right: .8rem;
}
.location a:after{
    content: "/";
    position: absolute;
    right: 0;
    top: 0;
}
.navbar-nav{
    float: right;
}
.search_cover{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: none;
    background-color: rgba(0, 0, 0, .2);
    z-index: 999;
}
.search_cover .search_box{
    top: 10%;
    bottom: 10%;
    position:absolute;
    transform: translateX(-50%);
    width: 90%;
    max-width: 600px;
    left: 50%;
    height: 80%;
    overflow: hidden;
    border-radius: 1rem;
}
.search_box iframe{
    width: 100%;
    height: 100%;
}
.search_cover .close{
    top: 1rem;
    font-family: 'FontAwesome';
    position: absolute;
    right: 1rem;
    z-index: 99;
    color: #333;
    font-size: 2rem;
    font-weight: 300;
}
.search_cover .close:after{
    content: "\f00d";
}
.navbar-nav&gt;li&gt;a{
    line-height: 10rem;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
.navbar-nav&gt;li&gt;a:hover,
.navbar-nav&gt;li&gt;a:focus{
    color: var(--primary);
    background-color: #fff;
}
/*.sidenav start*/
.sidenav {
    background: rgb(45, 74, 178);
    box-shadow: 2px 2px 6px rgba(45, 74, 178, .3);
    display: block;
    font-size: 16px;
    font-weight: 400;
    height: 100%;
    left: 0;
    position: fixed;
    overflow: auto;
    transform: translate(-262px, 0);
    transition: transform .3s;
    top: 0;
    width: 256px;
    z-index: 9999;
}

.sidenav.show {
    transform: translate(0, 0)
}

.sidenav-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidenav-menu li {
    display: block;
    position: relative
}

.sidenav-menu a {
    background: 0 0;
    color: #fff;
    display: block;
    line-height: 24px;
    padding: 10px 20px;
    text-decoration: none
}

.sidenav-menu a:hover {
    background: #616161;
    color: #fff;
}

.sidenav-menu a.active, .sidenav-menu a.active .sidenav-dropdown-icon, .sidenav-menu a.active .sidenav-link-icon {
    color: #fff
}
.sidenav-dropdown-icon .material-icons,
.sidenav-dropdown-icon .material-icons2{
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    vertical-align: top;
    margin-top: -3px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.sidenav-dropdown-icon, .sidenav-link-icon {
    color: #fff;
    position: absolute;
    text-align: center;
    top: 8px
}

.sidenav-link-icon {
    display: block;
    height: 24px;
    left: 24px;
    width: 24px
}

.sidenav-link-title {
    display: block;
}

.sidenav-dropdown {
    display: none;
    list-style: none;
    padding: 0
}

.sidenav-dropdown a {
    background: #191919;
    padding-left: 32px
}

.sidenav-dropdown a:hover {
    background: #616161
}

.sidenav-dropdown li:first-child a {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.sidenav-dropdown-icon {
    display: none;
    height: 16px;
    right: 16px;
    width: 16px
}

.sidenav-dropdown-icon.show {
    display: block
}

.sidenav-overlay {
    background: rgba(255, 255, 255, .8);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99
}

.sidenav-no-scroll {
    overflow: hidden !important
}
.sidenav-dropdown-icon:after{
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f105";
    font-size: 22px;
}
/*product*/
.p_banner{
    height: 50rem;
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
}
.cate_title{
    line-height: 1.8;
    padding-top: 10rem;
    padding-bottom: 10rem;
}
.navbar-toggle .icon-bar{
    border:1px solid #fff;
}
.cate_title h1{
    margin-top: 2rem;
    margin-bottom: 4rem;
}
.cate_box{
    display: block;
    margin-bottom: 4rem;
    border-radius: 2rem;
    box-shadow: 0 0 10px #e7e7e7;
    overflow: hidden;
}
.cate_box .cate_img{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 40rem;
}
.cate_txt{
    text-align: center;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-bottom: 2.5rem;
}
.cate_txt h3{
    position: relative;
    margin-bottom: 2.5rem;
    padding-bottom: 2rem;
}
.cate_txt h3:after{
    content: " ";
    width: 15%;
    left: 40%;
    bottom: 0;
    position: absolute;
    border-bottom: 1px solid var(--bg-primary);
}
.text-muted{
    color: #666;
}
.cate_txt .more{
    display: inline-block;
    padding: 1rem 4rem;
    margin-top: 2rem;
    border-radius: 3rem;
    border:2px solid #8d8d8d;
    color: #8d8d8d;
    text-decoration: underline;
}
.btn-primary{
    border-color: var(--bg-primary);
    background-color: var(--bg-primary);
    border-radius: 3rem;
    padding-left: 2rem;
    padding-right: 2rem;
}
.flex{
    display: flex;
}
.cate_down{
    display: flex;
    align-items: center;
}
.mt0{
    margin-top: 0;
}
.mt10{
    margin-top: 10rem;
}
.mt8{
    margin-top: 8rem;
}
.mt6{
    margin-top: 6rem;
}
.mt5{
    margin-top: 5rem;
}
.mt3{
    margin-top: 3rem;
}
.mt2{
    margin-top: 2rem;
}
.mt1{
    margin-top: 1rem;
}
.mb5{
    margin-bottom: 5rem;
}
.mb6{
    margin-bottom: 6rem;
}
.mb1{
    margin-bottom: 1rem;
}
.mb2{
    margin-bottom: 2rem;
}
.mb3{
    margin-bottom: 3rem;
}
.mb8{
    margin-bottom: 8rem;
}
.mb0{
    margin-bottom: 0;
}
.txt-uper{
    text-transform:uppercase;
}
.cate_down h1{
    margin-bottom: 3rem;
}
.contact_box{
    padding-top: 8rem;
    padding-bottom: 8rem;
    background-color: #595959;
    color: #fff;
}
.contact_box .btn{
    color: #000;
    background-color: #fff;
    padding-left: 2rem;
    padding-right: 2rem;
    border-radius: 3rem;
}
.contact_box .btn .fa{
    font-weight: bold;
}
.product_nav{
    padding: 2rem 1.5rem;
    box-shadow: 10px 0 10px 0 #efefef;
}
.product_nav_box{
    padding: 0;
    margin: 0;
    list-style: none;
}
.product_nav_box&gt;li&gt;a{
    position: relative;
    padding-left: 2.8rem;
}
.product_nav_box a{
    display: block;
    padding-top: .6rem;
    padding-bottom: .6rem;
}
.product_nav_box&gt;li&gt;a:hover{
    color: var(--primary);
    background-color: #f7f7f7;
}
.product_child{
    padding-left: 4rem;
    display: none;
}
.product_nav_box&gt;li.active .product_child{
    display: block;
}
.product_child a{
    font-size: 1.8rem;
    padding-top: .3rem;
    padding-bottom: .3rem;
    color: #555;
}
.product_child a:hover,
.product_child a.active{
    color: var(--primary);
}
.product_nav_box&gt;li&gt;a:hover:after{
    color: var(--primary);
}
.product_nav_box&gt;li&gt;a:after{
    content: "\f067";
    font-family: "FontAwesome";
    position: absolute;
    left: .5rem;
    top: 50%;
    transform: translateY(-50%);
}
.product_nav_box&gt;li.active&gt;a:after{
    content: "\f068";
}
.product_box{
    box-shadow:none;
    border-radius: 0;
    display: block;
}
.product_box:hover{
    box-shadow: 0 0 10px #e7e7e7;
}
.p_info_des{
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    margin-top: 3rem;
    padding-top:2rem;
    padding-bottom: 2rem;
    margin-bottom: 3rem;
}
.p_thumb_img{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 10%;
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-right: 1rem;
}
.p_thumb_img .thumb_item{
    border:1px solid #f1f1f1;
    margin-bottom: 1rem;
    cursor: pointer;
}
.p_thumb_img .thumb_item.active{
    border-color: var(--primary);
}
.page{
    margin-bottom: 4rem;
    margin-top: 4rem;
}
.page a,
.page span{
    display: inline-block;
    text-align: center;
    padding: .5rem 1.5rem;
    border:1px solid #d2d2d2;
    border-radius: 5px;
    margin-right: 1rem;
}
.page span{
    background-color: #2d4bb2;
    border-color: #2d4bb2;
    color: #fff;
}
.p_big_img{
    width: 88%;
    margin-left: 10%;
    display: flex;
    align-items: center;
    justify-content:center;
    height: 70rem;
    border: 1px solid #f1f1f1;
}
.p_thumb_img .thumb_next,
.p_thumb_img .thumb_prev{
    position: absolute;
    left: 50%;
    margin-left: -.5rem;
    transform: translateX(-50%);
}
.p_thumb_img .disabled{
    color: #b2b2b2;
}
.p_thumb_img .thumb_next{
    bottom: 0;
}
.p_thumb_img .thumb_prev{
    top: 0;
}
.tab_nav{
    border-bottom: 1px solid #eaeaea;
}
.tab_nav a{
    display: inline-block;
    background-color: #eaeaea;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    padding: .7rem 4rem;
    margin-right: 3rem;
    margin-bottom: -1px;
    color: var(--primary);
}
.tab_nav a.active{
    color: #ffffff;
    background-color: var(--bg-primary);
}
.info_content{
    display: none;
    border-bottom: 1px solid #eaeaea;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.solution_list{
    display: flex;
}
.solution_list .img,
.solution_list .txt{
    width: 50%;
    margin-bottom: 2rem;
}
.solution_list .img img{
    width: 100%;
}
.solution_list .bg_gray{
    background-color: #e5e5e5;
}
.solution_list .txt{
    display: flex;
    align-items: center;
    padding:3rem 6rem;
    position: relative;
    padding-left: 15%;
}
.solution_list .txt.bg_gray{
    padding-left: 6rem;
}
.solution_sub{
    background-color: #f4f3f3;
    margin-bottom: 3rem;
    display: flex;
}
.solution_sub .txt{
    padding-left: 3rem;
    padding-top:2rem;
}
.solution_sub .btn{
    left: 3rem;
    margin-left: 15px;
    border-radius: 0;
    position: absolute;
    bottom: 0;
}
.line2{
   display: -webkit-box; 
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-line-clamp: 2;
   white-space: pre-wrap;
   -webkit-box-orient: vertical;
}
.line1{
   display: block; 
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.news_box{
    box-shadow:none;
    border-radius: 0;
    padding: 1.5rem;
}
.cate_box:hover{
    box-shadow: 0 0 10px #e7e7e7;
}
.relation_news{
    padding-top: 6rem;
    padding-bottom: 2rem;
    background-color: #f7f7f7;
}
.m_form{
    position: relative;
}
.m_form .form-control{
    border:0;
    border-radius: 0;
    padding-left: 0;
    border-bottom: 1px solid #c6c6c6;
    background-color: transparent;
    box-shadow: none;
}
.m_form_btn{
    width: 30%;
    border-radius: 0;
}
.file_size{
    position: relative;
    padding-left: 3rem;
}
.file_type{
    background-image: url('../images/file-icons.png');
    background-size: auto 100%;
    background-repeat: no-repeat;
    display: inline-block;
    height: 2.3rem;
    width: 2.3rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.file_type.docx{
    background-position: 10rem 0;
}
.file_type.file_{
    background-position: -4.6rem 0;
}
.file_type.file_pdf{
    background-position: -20.8rem 0;
}
.file_type.file_doc,
.file_type.file_docx{
    background-position: -13.8rem 0;
}
.file_type.file_xls,
.file_type.file_xlsx{
    background-position: -11.7rem 0;
}
.file_type.file_ppt,
.file_type.file_pptx{
    background-position: -16.1rem 0;
}
.file_type.file_zip,
.file_type.file_rar,
.file_type.file_tar,
.file_type.file_gz,
.file_type.file_7z{
    background-position: -9.1rem 0;
}
.file_type.file_txt{
    background-position: -23rem 0;
}
.file_type.file_mp4{
    background-position: -32.4rem 0;
}
.i_banner{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100vh;
    display: flex;
    align-items: center;
    color: #fff;
}
.i_banner .btn{
    padding:1rem 3rem;
    background-color: transparent;
    color: #fff;
    border-radius: 100px;
    border-color: #fff;
}
.i_products{
    box-shadow: 0 0 10px #e7e7e7;
    text-align: center;
    padding: 2rem;
    display: block;
    cursor: pointer;
    border-bottom: 4px solid var(--bg-primary);
}
.i_products .hover,
.i_solution .hover{
    display: none;
}
.i_products.active{
    background-color: var(--bg-primary);
    color: #fff;
}
.i_products.active .hover{
    display: inline-block;
}
.i_products.active .base{
    display: none;
}
.i_p_list{
    display: none;
    padding-bottom: 6rem;
}
.i_about{
    background-color: #fafafa;
    padding-top: 6rem;
    padding-bottom: 6rem;
}
.i_about h1{
    margin-top: 0;
}
.i_more{
    color: #4a6adb;
    text-decoration: underline;
}
.i_solution{
    box-shadow: 0 0 10px #e7e7e7;
    padding: 2rem;
    cursor: pointer;
    height: 24rem;
    border-bottom: 4px solid var(--bg-primary);
}
.i_solution:hover{
    background-color: var(--bg-primary);
    color: #fff;
}
.i_solution:hover .hover{
    display: block;
}
.i_solution:hover .base{
    display: none;
}
.i_solution h4{
    color: var(--primary);
}
.i_solution .i_more{
    position: absolute;
    left: 4rem;
    bottom: 2rem;
}
.i_solution:hover h4,
.i_solution:hover a{
    color: #fff;
}
.i_solution img{
    position: absolute;
    right: 3rem;
    bottom: 1.5rem;
    width: 9rem;
}
.i_about .news_box{
    background-color: #fff;
}
footer{
    background-color: #2d4bb2;
    padding-top: 4rem;
    padding-bottom: 4rem;
    color: #fff;
}
footer a{
    color: #fff;
}
footer a:hover,
footer a:focus{
    color: #d2d2d2;
}
.i_links a{
    margin-right: 8px;
}
.i_links img{
    width: 4rem;
}
.subscribe_form{
    margin-top: 3rem;
}
.subscribe_form .form-group,
.subscribe_form .checkbox{
    margin-bottom: 0;
}

.email_input .form-control{
    background-color: rgba(255, 255, 255, .5);
    height: auto;
    border-color: transparent;
    line-height: 4rem;
    color: #fff;
}
.email_input .form-control::placeholder{
    color: #fff;
}
.subscribe_form .email_input{
    position: relative;
    margin-bottom: 2rem;
}
.email_input .btn{
    position: absolute;
    border-radius: 2px;
    top: 50%;
    transform: translateY(-50%);
    right: 1rem;
    padding: .5rem 1rem;
    border-radius: 3px;
    line-height: 1;
    font-size: 3rem;
}
.left_links{
    position: fixed;
    right: 0;
    bottom: 20%;
    z-index: 999;
}
.left_links a{
    display: block;
    margin-bottom: 1.5rem;
    background-color: var(--bg-primary);
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
    padding: 5px .5rem 5px 1rem;
}
.left_links a img{
    width: 4rem;
}
.i_contact{
    background-color: #4c4c4c;
    padding-top: 6rem;
    padding-bottom: 6rem;
    color: #fff;
}
.i_contact .col-md-6:last-child{
    text-align: right;
}
.i_contact .col-md-6:last-child:before{
    content: " ";
    left: 0;
    position: absolute;
    top:0;
    bottom: 0;
    border:1px solid #707070;
}
.i_contact_box{
    text-align: center;
    width: 80%;
    display: inline-block;
}
.flex_center{
    display: flex;
    align-items: center;
}
.about_num{
    background-color: #f7f7f7;
    padding-top:4rem;
    padding-bottom: 4rem;
}
.adv_nav{
    color: var(--primary);
    display: block;
    margin-bottom: 2rem;
}
.adv_nav img{
    width: 100%;
    margin-bottom: 1rem;
}
.adv_content{
    display: none;
}
.mission{
    text-align: center;
}
.mission img{
    border-radius: 8px;
    width: 100%;
    margin-bottom: 2rem;
}
.gallery-thumbs {
    box-sizing: border-box;
    padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
    width: 20%;
    height: 100%;
    text-align: center;
    cursor: pointer;
    position: relative;
}
.gallery-thumbs .swiper-slide:after{
    position: absolute;
    content: ' ';
    top: 0;
    right: 0;
    width: 1px;
    height: 30px;
    background-color: #d2d2d2;
}
.gallery-thumbs .swiper-slide-thumb-active{
    font-weight: bold;
    font-size: 2.5rem;
}
.his_box{
    padding-top: 3rem;
    padding-bottom: 8rem;
}
.his_box img{
    width: 100%;
}
.history_nav{
    position: relative;
    padding-left: 5rem;
    padding-right: 5rem;
}
.history_nav .swiper-button-next{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.history_nav .swiper-button-prev{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.history_nav .swiper-button-next,
.history_nav .swiper-button-prev{
    width: 1.3rem;
    height: 2.2rem;
    background-size:1.3rem 2.2rem;
    margin-top: -1.1rem;
}
.about_num .text-primary{
    font-size: 6rem;
}
label{
    font-weight: normal;
}
.top_search{
    width: 30rem;
    line-height: 10rem;
    height: 10rem;
}
.top_search .form-control{
    border-radius: 3rem;
    height: 3.5rem;
}
.top_search .form-group{
    padding-right: 4rem;
    margin-bottom: 0;
    display: inline-block;
    position: relative;
}
.top_search .btn{
    position: absolute;
    top: 50%;
    right: 0;
    width: 3.3rem;
    padding: 0;
    line-height: 3.3rem;
    text-align: center;
    height: 3.3rem;
    font-size: 1.5rem;
    transform: translateY(-50%);
    border-radius: 100%;
    border:1px solid #fff;
    color: #fff;
    background-color: transparent;
}
.btn-sque{
    border-radius: 0;
}
.swiper-pagination{
    left: 0;
    right: 0;
    bottom: 3rem;
}
.swiper-pagination .swiper-pagination-bullet{
    width: 12rem;
    border-radius: 0;
    height: 4px;
    margin-left: 1.5rem;
    background-color: rgba(255, 255, 255, 1);
    margin-right: 1.5rem;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%232d4ab2'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%232d4ab2'%2F%3E%3C%2Fsvg%3E");
}
.relation_box .swiper-button-next{
    right: -4rem;
}
.relation_box .swiper-button-prev{
    left: -4rem;
}
@media (max-width: 1000px) {
    .navbar-nav&gt;li&gt;a{
        padding-left: 4rem;
        padding-right: 4rem; 
    }
}
@media (max-width: 750px) {
    .relation_box .swiper-button-next{
        right: 1rem;
    }
    .relation_box .swiper-button-prev{
        left: 1rem;
    }
    .navbar-brand{
        padding-left: 3rem;
    }
    .solution_list{
        display: block;
    }
    .solution_list .img, .solution_list .txt{
        width: 100%;
    }
    .solution_sub .txt{
        padding-bottom: 5rem;
    }
    .cate_title{
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .product_nav{
        box-shadow: 0 0 10px #efefef;
    }
    .i_banner{
        height: 60rem;
    }
    .p_banner .container{
        padding-top: 3rem;
    }
    .p_banner{
        height: 60rem;
    }
    .i_contact_box{
        width: 100%;
    }
    .tab_nav a{
        margin-right: 5px;
        padding: .7rem 2rem;
    }
}</pre></body></html>