/*通用样式*/
:root{
    --public-color:#ca151e;
    --max:1430px;
}
body{color:#666666;font-weight: 300; font-size:16px;line-height:28px;font-family:'Poppins','Outfit',Arial,Helvetica,sans-serif}
a{color:#333;display:inline-block;}
a:hover{color:var(--public-color)}
.swiper-pagination-bullet-active{background:var(--public-color)}
.page-item.active .page-link {color: #fff;background-color: var(--public-color);border-color: var(--public-color);}
body,div,p,img,ul,ol,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
img{aspect-ratio:attr(width) / attr(height);}
ul,ol,li,dl,dd,dt{list-style-type:none}
.img-width{width:100%;height:auto}
.img-height{height:100%;width:auto}
.img-fluid {max-width: 100%;height: auto;}
.main-container{margin-bottom:40px;margin-top:40px}
.tkanniu{cursor:pointer}
.card-thumb img{transition:all .4s ease}
.card-thumb:hover img{transform:scale(1.1)}
.container-xl{max-width:var(--max)}
@media(max-width:768px){
    body{font-size:14px;line-height:20px;}
}

/*header*/
.header.fadeInDown{}
.header{background-color: #fff;width: 100%;z-index: 99;position: relative;box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2);}
.header .header-nav{display: flex;align-items: center;height: 100px;}
.header .header-nav .top-logo{width:12%;align-items: center;display: flex;height: 100%;}
.header .header-top .toch a{font-size: 16px;font-weight: 500;width: 181px;height: 43px;padding: 0;background-color: var(--public-color);border: 2px solid var(--public-color);display: flex;justify-content: center;align-items: center;border-radius: 30px;}
.header .header-top .toch a:hover::before{background-color: #000000;}
.header-top .row-nav{display: flex;align-items: center;width: 88%;position: relative;font-size: 20px; padding-left: 20px;color: var(--public-color);font-weight: 600}

/*默认pc头部样式*/
.header.fadeInDown{animation: fadeInDown .6s;}
.header.fadeInDown{z-index:999;width:100%;position:fixed;top: 0;left:0;}
.header.fadeInDown .header-top .nav-item{padding:0px 0px;cursor:pointer;}
.header.fadeInDown .top-search-box .top-search{top: 58px;}


/*默认导航样式*/
.navbar{padding:0px;position:relative;z-index:9999}
.navbar-custom{top:0;z-index:2;justify-content:end}
.navbar-custom .navbar-nav > .nav-item{margin:0 25px}
.navbar-custom .navbar-nav .nav-link{text-align:center;position:relative;color:#333;padding:0;height:50px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;line-height:37px;}
.navbar-custom .navbar-nav .nav-link:before{content:"";width:0px;height:6px;margin-left:0!important;background-color: var(--public-color);
border-radius: 0px;position:absolute;bottom:10px}
.navbar-custom .navbar-nav .nav-item:hover .nav-link:before,.navbar-custom .navbar-nav  .nav-item.active .nav-link:before{width:0%;transition:all .4s}
.navbar-custom .navbar-nav .nav-item .dropdown-toggle::after{transition:.6s ease-in-out}
.navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle::after{transform:rotateX(180deg);color:var(--public-color)}
.navbar-custom .navbar-nav .nav-link:hover,.navbar-custom .navbar-nav .active .nav-link{color:var(--public-color);transition:.6s ease-in-out}
.navbar-custom .navbar-nav .nav-link.disabled{color:rgba(0,0,0,0.3)}
.navbar-custom .navbar-nav .show > .nav-link,.navbar-custom .navbar-nav .active > .nav-link,.navbar-custom .navbar-nav .nav-link.show,.navbar-custom .navbar-nav .nav-link.active{}
.navbar-custom .navbar-text{color:rgba(0,0,0,0.5)}
.navbar-custom .navbar-text a{color:rgba(0,0,0,0.9)}
.navbar-custom .navbar-text a:hover,.navbar-custom .navbar-text a:focus{color:rgba(0,0,0,0.9)}

/*移动端头部样式*/
@media(max-width:768px){
    body{font-size:14px;}
    .header-mb{background:#000;position:fixed;top:0;left:0;width:100%;border-bottom:1px solid #b3190d;z-index:999}
    .header-mb .container-xl{height:50px}
    .header-mb .top-logo{width:50%}
    .header-mb .top-logo img{height:30px;width:auto;}
    .header-mb .top-mb{display:flex;align-items:center;width:50%;justify-content:flex-end}
    .header-mb .top-mb .dropdown.lang .dropdown-toggle{background:transparent;padding:0}
    .header-mb .top-mb .dropdown-menu{min-width:80px;margin-top:8px}
    .header-mb .top-mb .top-mb-search{padding:.5rem .4rem;margin-left:10px;width:30px;text-align:center}
    .header-mb .top-mb .top-mb-search i{font-size:16px;color:#fff}
    .header-mb .top-mb .icon-bars{color:#fff}
    .header-mb .top-mb .dropdown.lang .dropdown-toggle{color:#fff}
    .top-mb-search-box{display:none;position:fixed;background:#fff;top:50px;padding:6px 15px 10px;box-shadow:2px 2px 4px rgba(0,0,0,0.2);z-index:998;width:100%}
    .top-mb-search-box .search-group{width:100%;height:34px}
    .top-mb-feed i{font-size:16px;color:#fff}
    .mobile-head-item .main-content-wrap{background:#fff;top:0;display:block;z-index:99999}
    .mobile-head-item .main-content-wrap .content-wrap{overflow-y:auto;height:100%;padding:15px 10px;background-color:#fff}
    .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap{overflow-y:hidden}
    .mobile-head-item .side-content-wrap{position:fixed;display:block;right:-78%;width:78%;height:100%}
    .mobile-head-item .middle-content-wrap{position:absolute;right:0;width:100%;height:auto;padding:20px 0;opacity:0;visibility:hidden}
    .mobile-head-item .middle-show-content-wrap{top:30px;visibility:visible;opacity:1}
    .head_top .top_left{display:none}
    .head_nav{width:100%;padding:0 5px}
    .head_nav li{padding-left:28px;padding-top:4px;padding-bottom:4px}
    .head_nav li,.head_nav li a{color:#111}
    .head_nav li.has-child{padding-left:28px;margin-top:0;margin-bottom:0}
    .head_nav li.has-child>a{margin-top:3px;margin-bottom:3px;margin-right:35px}
    .head_nav li.has-child>ul{display:none}
    .head_nav li.siblings-no-menu{position:relative;padding-left:15px}
    .head_nav li a{display:block;height:auto;line-height:1.4em;position:relative}
    .head_nav li a:hover{color:inherit}
    .head_nav li em{display:block;height:1.4em;overflow:hidden}
    .head_nav li li{font-size:14px}
    .head_nav li li li{font-size:12px}
    .head_nav li li a{color:#666}
    .head_nav li.has-child a b{display:inline-block;width:15px;height:15px;border:1px solid #111;border-radius:2px;overflow:hidden;line-height:15px;position:absolute;right:-35px;top:1px;-webkit-box-sizing:content-box;box-sizing:content-box}
    .head_nav li.has-child a b:before,.head_nav li.has-child a b:after{content:'';display:block;width:9px;height:1px;background-color:#111;position:absolute;left:3px;top:50%;margin-top:-.5px}
    .head_nav li.has-child a b:after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
    .head_nav li.has-child a:hover b{border-color:#111}
    .head_nav>li{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #f2f2f2}
    .head_nav>li>a{font-size:16px;text-transform:uppercase;margin-bottom:-1px;position:relative;text-transform:uppercase;position:relative}
    .head_nav li,.head_nav li.has-child{padding-left:0}
    .head_nav li li,.head_nav li li.has-child{padding-left:15px}
    .head_nav li.active>a>b:after{display:none}
    .head_nav li.active>a>b{background-color:#111}
    .head_nav li.active>a>b:before,.head_nav li.active>a>b:after{background-color:#fff}
    .mobile-ico-close{width:30px;height:30px;background-color:#b3190d;position:absolute;left:-30px;top:0;cursor:pointer}
    .mobile-ico-close .icon{color:#fff;font-size:30px;padding:0 0 0 6px}
    .search-box .form-control{border-radius:20px}
    .search-box .btn{border:1px solid #ced4da;border-radius:20px}
    .search-box .btn.focus{border:1px solid rgb(128,189,255)}
    .search-box .icon{color:#b3190d}
    .main-mask{position:absolute;background-color:#000;opacity:.4;width:100%;height:100vh;z-index:9;display:none}
}
/*#endregion*/

/*#region 移动端栏目列表*/
.menu-collapse { border-radius: 6px 6px 0 0; border: 1px solid #e7e7e7; background: #fff; }
.menu-collapse .collapse-title { padding: 0.875rem; background: #5bb44e; color: #fafafa; }
.menu-collapse .collapse-title h5 { font-size: 1.25rem; font-weight: 500; }
.menu-collapse .collapse-title .navbar-toggler { color: #fff; }
.menu-collapse .menu-link { transition: background-color ease 0.2s; color: #666; border-bottom: 1px solid #e7e7e7 }
.menu-collapse ul ul .menu-link { padding: 12px 16px 12px 30px; }
.menu-collapse .menu-link:before { content: "●"; font-size: 0.75rem; margin-right: 5px; color: #5bb44e }
.menu-collapse .menu-link:hover { background: #f8f9fa; }
.menu-collapse .drop { }
.menu-collapse .menu-link.active { background: #f6f6f6; color: #666 }


/* 浮窗 */
#float{position:fixed;right:0;bottom:165px;margin-top:-60px;z-index:55;transform:translateX(0);transition:.3s ease-in-out}
#float .ico{display:block;width:56px;height:56px;text-align:center;position:relative;cursor:pointer;background:#9f1919}
#float .ico>i{font-size:30px;line-height:56px;display:block;color:#fff;position:relative;z-index:9999;background: #9f1919;border-top:1px solid #fff}
#float .ico:first-child>i{border-top:0px solid #fff}
#float .ico>.img{position:absolute;right:56px;width:140px;top:0;display:none;background-color:#fff}
#float .ico>.img>img{width:100%}
#float .ico p{position:absolute;top:0;border-radius:0;right:-350px;padding:0px 20px;line-height:56px;font-size:16px;height:56px;background-color:#9f1919;color:#FFF;transition:all .6s;z-index:0;white-space:nowrap}
#float .ico:hover>.img{display:block}
#float .ico:hover p{right:56px}
#float .scale-ico{background-color:#b1b1b1;transition:.3s ease-in-out}
#float .scale-ico>i{background-color:#b1b1b1;transition:.3s ease-in-out}
#float .scale-ico>i:hover{background-color:#9f1919;transition:none}
#float.hide{transform:translateX(56px)}
#float.hide .scale-ico{width:calc(56px / 2);transform:translateX(calc(-56px / 2));border-top:0;transition:transform .6s ease-in-out .3s,width .3s ease-in-out}
#float.hide .scale-ico i{transform:rotate(180deg);border-top: 1px solid transparent}
#float .ico#scroll-top{display:block!important;}
@media (min-width:1px) and (max-width:991px){
    #float .ico{width:40px;height:40px}
    #float .ico>i{font-size:22px;line-height:40px}
    #float .ico>.img{right:40px}
    #float .ico p{line-height:40px;padding:0 15px;height:40px}
    #float.hide{transform:translateX(40px)}
    #float.hide .scale-ico{width:calc(40px / 2);transform:translateX(calc(-40px / 2))}
}

/*默认详情设置*/
.content-wrapper { line-height: 1.7;  margin-bottom: 1.5rem; }
.content-wrapper h2 { font-size: 1rem; font-weight: 600; margin-bottom: 0.75rem; }
.content-wrapper h3 { font-size: 0.875rem; font-weight: 600; margin-bottom: 0.75rem; }
.content-wrapper img { max-width: 100% !important; height: auto !important; }
.content-wrapper ol { margin-left: 1em; padding-left: 1em; }
.content-wrapper video { max-width: 100% !important; height: auto !important; }
.content-wrapper iframe { max-width: 100%; }
.content-wrapper table { width: 100%; margin-bottom: 1rem; color: #212529; }
.content-wrapper table p{margin-bottom: 0;}
.content-wrapper table th, .content-wrapper table td { padding: 0.5rem; vertical-align: middle; border: 1px solid #dee2e6; text-align: center; }
.content-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); }
.content-wrapper table tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); color: #555; }
.content-wrapper table p{ margin-bottom: 0;line-height: 32px;}
.content-wrapper tbody th{color:#2980c7}

/*#表格*/
.table-wrapper table th, .table-wrapper table td { padding: 5px; vertical-align: middle; font-size: 14px; border: 1px solid #dee2e6; text-align: center; }
.table-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); }
.table-wrapper table tbody tr:hover { background-color: #dee2e6; color: #555; }
.table-wrapper table { display: table; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
@media (max-width: 575.98px) {
    .table-wrapper-sm table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media(max-width:768px) {
    .table-wrapper-md table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media (max-width: 991.98px) {
    .table-res-lg table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media (max-width: 1500.98px) {
    .table-wrapper-xl table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}

/*#弹出框*/
.reveal-modal-bg{position:fixed;height:100%;width:100%;z-index:1000;display:none;top:0;left:0;background:rgba(00,00,00,0.8)}
.reveal-modal{visibility:hidden;top:150px;left:50%;margin-left:-25%;width:50%;position:absolute;z-index:1001;padding:35px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#FFF}
.reveal-modal .title{font-size:30px;text-align:center;margin-bottom:25px}
.reveal-modal .close-reveal-modal{font-size:30px;line-height:0.5;position:absolute;top:8px;right:11px;color:#333;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer}
@media(max-width:768px){
    .reveal-modal{visibility:hidden;top:50px;left:50%;margin-left:-45%;width:90%;position:absolute;z-index:1001;padding:25px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#FFF}
    .reveal-modal .title{font-size:20px;text-align:center;margin-bottom:10px}
}

/*#留言表单*/
.form-feedback .form-control{padding-top:15px;padding-bottom:15px;font-size:16px;border: 0;background-color: #f8f8f8;}
.form-feedback .btn{color:#fff;background:var(--public-color);border-radius:0px;font-size:18px;line-height:26px;padding: 15px 20px;}
.form-feedback .btn:hover{background:#003b66;color:#fff}
@media(max-width:768px){
    .form-feedback .form-control{padding-top:10px;padding-bottom:10px;font-size:16px}
    .form-feedback .btn{padding-top:10px;padding-bottom:10px}
    .contact-wrapper .feedback-box .form-control{margin-bottom:0}
}
.popup{font-size:16px;position:fixed;left:50%;top:0%;transform:translate(-50%,-50%);z-index:98;background:linear-gradient(-70deg,#24b66f 0%,#88ca4e 70%);color:#fff;border-radius:10px;padding:15px 25px;display:none;cursor:pointer;box-shadow:0 0 10px -2px #000;opacity:0;transition:.6s all}


/*#搜索*/
.search-group{width:180px;height:40px;overflow:hidden;border:1px solid var(--public-color);border-radius:10px;overflow: hidden;}
.search-group .form-control{border:none;border-radius:0px;background:transparent;color:#000;height:40px;line-height:40px;}
.search-group .form-control::-webkit-input-placeholder{color:#000}
.search-group .btn{background-color:var(--public-color);border-radius:0px;height:auto;width:40px;display:flex;justify-content:center;align-items:center;padding:6px 15px;margin-bottom:0}
.search-group i{color:#333;font-size:1.5rem}
.top-search-box li .top-search {border-radius:10px;}
.top-search-box{cursor:pointer;z-index: 10;margin-left:20px;border-radius:5px;overflow: hidden;padding-left: 1px;padding-top: 1px;}
.top-search-box i{color: var(--public-color);font-size: 20px;font-weight: bold;}
.top-search-box i.icon-1{color: #ffffff;}
.top-search-box li .top-search{opacity: 1; height: auto;overflow: hidden;width: auto;padding:0}
.top-search-box .top-search{opacity: 1;transition: all 0.8s;position: absolute;right: -20px;top: 70px;z-index: 99;padding:0;background-color: #fff;display: block;} 
.top-search-box .top-search.show {opacity: 0;overflow: hidden;transition: all 0.9s;display: none;}

.web-t1{font-size: 18px;font-weight: 600;color: var(--public-color);text-transform: uppercase;}
.web-t2{font-size: 36px;color: #333;line-height: 50px;font-weight: 400;}
.web-t3{font-size: 16px;color: #666;line-height: 24px;font-weight: 300;}

@media(max-width:768px){
    .header .header-nav .top-logo{width: 30%;}
    .header-top .row-nav{width: 70%;}
    .header .header-nav{height: 70px;}
}

.banner .title{font-size: 47px;line-height: 52px; font-weight: 600;}
.banner .desc{font-size: 18px;margin-top: 30px;font-weight: 300;}
.banner .banner-text{background: rgba(0, 0, 0, 0.4);}

.hmbox1{background: #fff;padding: 150px 0;}
.hmbox1 .container-xl{display: flex;flex-wrap: wrap;justify-content: space-between;}
.hmbox1 .container-xl .left{width: 50%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.hmbox1 .container-xl .left .item{width: 48.5%;background: #f4f4f4;margin-bottom: 20px;display: flex;align-items: center;justify-content: center;height: 260px;}
.hmbox1 .container-xl .left .item .text{text-align: center;padding: 0 40px;}
.hmbox1 .container-xl .left .item .text .t1{font-size: 28px;font-weight: 600;color: #333;margin-bottom: 20px;text-transform: uppercase;}
.hmbox1 .container-xl .right{width: 47%;}
.hmbox1 .web-t1{margin-bottom: 15px;}
.hmbox1 .web-t2{margin-bottom: 25px;}
.hmbox1 .right p{line-height: 30px;}

.hmbox2{background: linear-gradient(to bottom, #f4f4f4,#fff); padding: 100px 0 50px;}
.hmbox2 .container-xl{max-width: 1530px;}
.hmbox2 .web-t1{text-align:center;margin-bottom: 15px;}
.hmbox2 .web-t2{text-align:center;width: 80%;margin: 0 auto 25px;}
.hmbox2 .web-t3{text-align:center;margin-bottom: 75px;}
.hmbox2 .nav-tabs{justify-content: space-between;border-bottom: none;}
.hmbox2 .nav-tabs .nav-item{width: 19%;}
.hmbox2 .nav-tabs .nav-item .nav-link{border: none; border-top: 8px solid #fff;padding: 0px 0 20px;}
.hmbox2 .nav-tabs .nav-item .nav-link span{display: block;width: 100%;background: #fff;padding: 15px 0 23px;text-align: center;}
.hmbox2 .nav-tabs .nav-item .nav-link.active{border-top: 8px solid var(--public-color);}
.hmbox2 .tab-nr{background: #fff;box-shadow: 30px 0 50px rgba(0, 0, 0, 0.05);padding: 75px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.hmbox2 .tab-nr .left{width: 49%;}
.hmbox2 .tab-nr .right{width: 46%;}
.hmbox2 .t1{font-size: 22px;font-weight: 600;color: var(--public-color);text-transform: uppercase;margin-bottom: 20px;}
.hmbox2 .t2{font-size: 24px;font-weight: 400;color: #333;margin-bottom: 35px;}
.hmbox2 .tab-nr p{margin-bottom: 35px;}
.hmbox2 .tab-nr ul{margin-bottom: 25px;}
.hmbox2 .tab-nr ul li:before{content: "●";display: inline-block;color: var(--public-color);margin-right: 8px;}
.hmbox2 .tab-nr .more{font-size: 24px;font-weight: 400;margin-top: 45px;}
.hmbox2 .tab-nr .more span{color: var(--public-color);margin-right: 10px;}
.hmbox2 .tab-nr .t3{font-size: 19px;color: var(--public-color);font-weight: 600;display: flex;align-items: center;margin-top: 35px;margin-bottom: 30px;}
.hmbox2 .tab-nr .t3:before{content: "";width: 6px;height: 30px;border-radius: 5px;background:var(--public-color);display:inline-block;margin-right:25px; }

.hmbox3{background: #fff;padding: 50px 0 150px;}
.hmbox3 .t1{font-size: 40px;color: #333;margin-bottom: 25px;}
.hmbox3 .t2{font-size: 16px;color: #666;line-height: 24px;font-weight: 300;margin-bottom: 80px;}
.hmbox3 .list .item{display: flex;flex-wrap: wrap;margin-bottom: 80px;justify-content: space-between;align-items: center;}
.hmbox3 .list .item:last-child{margin-bottom: 0;}
.hmbox3 .list .item:nth-child(2n) .img{order: 13;}
.hmbox3 .list .item .img{width:42%;}
.hmbox3 .list .item .text{width:48%;}
.hmbox3 .list .item .t3{font-size: 28px;color: #333;font-weight: 400;margin-bottom: 25px;}

.hmbox4{background: #f4f4f4;padding: 120px 0;}
.hmbox4 .t1{font-size: 34px;color: #333;margin-bottom: 70px;text-align: center;}
.hmbox4 .t2{font-size: 16px;color: #666;line-height: 24px;font-weight: 300;margin-bottom: 70px;}
.hmbox4 .item{position: relative;}
.hmbox4 .item .text{position: absolute;left: 0;bottom: 0;right: 0;padding: 38px;color: #fff;}
.hmbox4 .item .text .t3{font-size: 26px;margin-bottom: 15px;}
.hmbox4 .item .text .t4{font-size: 18px;}
.hmbox4 .item.mt{margin-top: 24px;}

.hmbox5{background: #fff;padding: 140px 0;}
.hmbox5 .t1{font-size: 40px;color: #333;margin-bottom: 15px;}
.hmbox5 .t2{font-size: 16px;color: #666;line-height: 24px;font-weight: 300;margin-bottom: 20px;}
.hmbox5 .item{margin-top: 50px;}
.hmbox5 .item .title{font-size: 20px;margin-top: 15px;margin-bottom: 15px;color: #333;font-weight: 400;}
.hmbox5 .item p{line-height: 26px;font-size: 15px;}

.hmbox6{background: url(../../images/hmbox6-bg1.jpg) no-repeat top center;padding-top: 75px;padding-bottom: 100px;}
.hmbox6 .container-xl{display: flex;flex-wrap: wrap;justify-content: space-between;}
.hmbox6 .left{width: 40%;color: #fff;padding-top: 80px;}
.hmbox6 .left .t1{font-size: 40px;font-weight: 400;margin-bottom: 55px;}
.hmbox6 .left ul{margin-bottom: 55px;}
.hmbox6 .left ul li{font-size: 18px;line-height: 40px;}
.hmbox6 .left ul li:before{content: "\f00c";display: inline-block;margin-right: 25px;color: var(--public-color);font-family: cmsfont;font-size: 24px;}
.hmbox6 .left .a-box{display: flex;flex-wrap: wrap;}
.hmbox6 .left .a-box .item{margin-right: 30px;border-top: 1px solid #6a6b6c;border-bottom: 1px solid #6a6b6c;padding: 10px 0;min-width: 200px;}
.hmbox6 .left .a-box .item span{margin-right: 25px;}
.hmbox6 .right{width: 50%;}
.hmbox6 .right .feedback-box{background: #fff;padding: 90px 80px;box-shadow: 0px 0 50px rgba(0, 0, 0, 0.1);}
.hmbox6 .right .t2{font-size: 28px;font-weight: 400;margin-bottom: 50px;}

footer .top{background: url(../../images/footer-bg1.jpg) no-repeat bottom center;margin-top: 50px;}
footer .top .box1{background: #fff;padding: 100px 130px;box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);text-align: center;}
footer .top .box1 .t1{font-size: 42px;font-weight: 400;margin-bottom: 40px;}
footer .top .box1 p{margin-bottom: 40px;}
footer .top .box1 .more{background: var(--public-color);padding: 15px 50px;font-size: 18px;border:1px solid var(--public-color); line-height: 25px;margin: 0 auto;display: inline-block;color: #fff;}
footer .top .box1 .more:hover{background: #fff;color: var(--public-color);}
footer .top .box2{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 100px 0 70px;}
footer .top .box2 .item1{width: 27.5%}
footer .top .box2 .item1 .img{margin-bottom: 50px;}
footer .top .box2 .item1 p{margin-bottom: 50px;}
footer .top .box2 .item1 .social-box{display: flex;align-items: center;}
footer .top .box2 .item1 .social-box a{display: flex;align-items: center;justify-content: center;color: #000;width: 40px;height: 40px;margin-right: 6px;border: 1px solid #ccc;border-radius: 50%;}
footer .top .box2 .item2{width: 17%}
footer .top .box2 .item4{width: 23.5%}
footer .top .box2 .footer-t1{font-size: 20px;text-transform: uppercase;color: #333;margin-bottom: 50px;margin-top: 50px;font-weight: 600;}
footer .top .box2 .list p{line-height: 44px;}
footer .top .box2 .list p a{color: #666;}
footer .top .box2 .list p a:hover{color: var(--public-color);text-decoration: underline;}
footer .bottom{background: #333333;color: #fff;font-size: 16px;line-height: 24px;padding: 13px 0;}

@media(max-width:768px){
    .banner .title{margin-top: 0;font-size: 20px;line-height: 26px;}
    .banner .desc{font-size: 14px;line-height: 20px;margin-top: 10px;}

    .hmbox1{padding: 35px 0;}
    .hmbox1 .container-xl .left{width: 100%;}
    .hmbox1 .container-xl .right{width: 100%;margin-top: 15px;}
    .hmbox1 .container-xl .left .item{height: 145px;}
    .hmbox1 .container-xl .left .item .text{padding: 0 10px;}
    .hmbox1 .container-xl .left .item .text .t1{font-size: 18px;margin-bottom: 25px;}
    .web-t2{font-size: 26px;line-height: 32px;}
    .hmbox1 .right p{line-height: 22px;}

    .hmbox2{padding: 35px 0;}
    .hmbox2 .web-t3{margin-bottom: 25px;}
    .hmbox2 .tab-nr{padding: 15px;}
    .hmbox2 .tab-nr .left{width: 100%;}
    .hmbox2 .tab-nr .right{width: 100%;margin-top: 15px;}
    .hmbox2 .t2{margin-bottom: 15px;}
    .hmbox2 .tab-nr p{margin-bottom: 15px;}
    .hmbox2 .imgs img{margin-bottom: 15px;}
    .hmbox2 .tab-nr .more{font-size: 18px;margin-top: 15px;}
    .hmbox2 .tab-nr .t3{margin-top: 15px;margin-bottom: 15px;}

    .hmbox3{padding: 0 0 35px;}
    .hmbox3 .t1{font-size: 26px;line-height: 32px;}
    .hmbox3 .t2{margin-bottom: 30px;}
    .hmbox3 .list .item{margin-bottom: 30px;}
    .hmbox3 .list .item .img{width: 100%;}
    .hmbox3 .list .item .text{width: 100%;}
    .hmbox3 .list .item .t3{margin-bottom: 15px;font-size: 20px;margin-top: 20px;}
    .hmbox3 .list .item:nth-child(2n) .img{order: -1;}

    .hmbox4{padding: 35px 0;}
    .hmbox4 .t1{font-size: 26px;}
    .hmbox4 .t2{margin-bottom: 25px;}
    .hmbox4 .item{margin-bottom: 15px;}
    .hmbox4 .item.mt{margin-top: 0;}
    .hmbox4 .item .text{padding: 15px;}

    .hmbox5{padding: 35px 0;}
    .hmbox5 .t1{font-size: 26px;}
    .hmbox5 .item{margin-top: 15px;}
    .hmbox5 .item p{font-size: 14px;line-height: 20px;}
    .hmbox5 .item .title{font-size: 18px;}

    .hmbox6{padding: 35px 0;}
    .hmbox6 .left{width: 100%;padding-top: 0;}
    .hmbox6 .right{width: 100%;margin-top: 30px;}
    .hmbox6 .left .t1{font-size: 26px;margin-bottom: 25px;}
    .hmbox6 .left ul{margin-bottom: 25px;}
    .hmbox6 .left ul li{line-height: 34px;}
    .hmbox6 .left .a-box .item{min-width: auto;}
    .hmbox6 .right .feedback-box{padding: 25px;}
    .hmbox6 .right .t2{font-size: 24px;margin-bottom: 25px;}

    footer .top .box1{padding: 25px;}
    footer .top{margin-top: 20px;}
    footer .top .box1 .t1{font-size: 26px;line-height: 32px;margin-bottom: 15px;}
    footer .top .box1 p{margin-bottom: 25px;}
    footer .top .box2{padding: 35px 0;}
    footer .top .box2 .item1{width: 100%;}
    footer .top .box2 .item2{width: 50%;}
    footer .top .box2 .item4{width: 100%;}
    footer .top .box2 .item1 .img{margin-bottom: 15px;}
    footer .top .box2 .item1 p{margin-bottom: 15px;}
    footer .top .box2 .footer-t1{font-size: 16px;margin-top: 25px;margin-bottom: 15px;}
    footer .top .box2 .list p{line-height: 20px;}
}