/*#region 通用*/
body { color: #333; font-size: 14px;  font-family: 'Poppins', sans-serif;}
a{color: #333;}
a:hover{color: #6085cb;}
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;}
.main-container { margin-bottom: 40px; margin-top: 40px; }
.bghui{background: #f3f4f6;}
.card-thumb img{transition: all 0.5s ease;}
.card-thumb:hover img{transform: scale(1.05);}
.container-xl.long{max-width: 1630px;}
@media(max-width:768px) {
    .main-container { margin: 20px 0; }
}
/*#endregion*/
.social>span, .social>a{padding: 4px;}

.header {z-index: 999;width: 100%;position: fixed;top: 0;right: 0;left: 0;}
.top-lang{margin-left: 15px;}
.top-lang .dropdown.lang .dropdown-toggle{background: transparent;border: 1px solid #dddddd;border-radius: 0;}
.header-nav .nav{display: flex;align-items: center;justify-content: flex-end;}
.header-nav{background: #fff;padding: 30px 30px;}
.top-search-box{z-index: 93;}
.top-search-box .search-tb{width: 35px;height: 35px;display: flex;align-items: center;justify-content: center;border-radius: 50%;overflow: hidden;}
.top-search-box .search-tb i{color: #6085cb;font-size: 24px;}
.top-search-box li{padding-top: 20px;padding-bottom: 20px;}
.top-search-box li:hover .top-search{opacity: 1; height: auto;overflow: hidden;width: auto;}
.top-search-box .top-search{opacity: 0; height: 0;overflow: hidden; transition: all 0.5s;width: 0; position: absolute;right: 0;top: 50px;z-index: 99;padding-top: 10px;}
.header.home .header-nav{background: transparent;padding: 30px 30px;}
.header.home .top-search-box .search-tb i{color: #fff;}
.header.home .top-lang .dropdown.lang .dropdown-toggle{color: #fff;}
.header.home.fadeInDown .top-search-box .search-tb i{color: #6085cb;}
.header.home.fadeInDown .top-lang .dropdown.lang .dropdown-toggle{color: #333;}

.header.fadeInDown{height: 66px;}
.header.fadeInDown .header-nav{padding: 0px 30px;background: #fff;}

.navbar { padding: 0px;position: relative; z-index: 9999;}
.navbar-custom { top: 0; z-index: 2; justify-content: end;}
.navbar-custom .navbar-nav > .nav-item { font-size: 18px;margin: 0 24px;  }
.navbar-custom .navbar-nav .nav-link {text-align: center;position: relative; color:#333333;padding: 0; line-height: 46px; display: flex;align-items: center;justify-content: center; font-size: 18px; }
.navbar-custom .navbar-nav .nav-link:before,.navbar-custom .navbar-nav .nav-link:before{content: "";width: 0px;height: 3px;background: #6085cb;position: absolute; bottom: 0;}
.navbar-custom .navbar-nav .nav-item:hover .nav-link:before,.navbar-custom .navbar-nav .nav-item.active .nav-link:before{width: 100%; transition: all 0.3s;}
.navbar-custom .navbar-nav .nav-item:hover .nav-link{color: #6085cb;}
.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-item.active .nav-link{color: #6085cb;}
.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); }
.header.home .navbar-custom .navbar-nav .nav-link{color: #fff;}
.header.home .navbar-custom .navbar-nav .nav-item.active .nav-link,.header.home .navbar-custom .navbar-nav .nav-item:hover .nav-link{color: #6085cb;}
.header.home.fadeInDown .navbar-custom .navbar-nav .nav-link{color: #333;}

@media(max-width:1680px) {
  .navbar-custom .navbar-nav .nav-item { margin: 0 18px;}
    .navbar-custom .navbar-nav .nav-link {font-size: 18px;}
}

@media(max-width:1480px) {
.navbar-custom .navbar-nav .nav-item { margin: 0 10px;}
.navbar-custom .navbar-nav .nav-link {font-size: 18px;}
}

/*#region 手机端*/
.header-mb{background: #fff;position: fixed;top: 0;left: 0;right: 0;width: 100%;border-bottom: 1px solid #fff;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: #333}
.header-mb .top-mb .icon-bars{color: #333;}
.header-mb .top-mb .dropdown.lang .dropdown-toggle{color: #333;}
.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: 38px;}
.top-mb-feed i{font-size: 16px;color: #333}

.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: -80%;
  width: 80%;
  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;
 }
 /* header */.head_top .top_left {
  display: none;
 }
 
 /*nav */.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: #fff url(../../images/mobile_close.png) center center no-repeat;
  background-size: 50% auto;
  position: absolute;
  left: -35px;
  top: 0;
  cursor: pointer;
 }

 .main-mask{position:absolute;background-color:#000;opacity:.4;width:100%;height:100vh;z-index:9;display:none}
/*#endregion*/

@media(max-width:768px) {
    body{padding-top: 50px;}
    .pagination{flex-wrap:wrap;}
}
/*#endregion*/

@media(max-width:768px) {
    
}
/*#endregion*/

/*#region 栏目列表*/
.menu-collapse { border-radius: 6px 6px 0 0; border: 1px solid #e7e7e7; background: #fff;margin-bottom:25px; }
.menu-collapse .collapse-title { padding: 0.875rem; background: #237ae4; 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: #237ae4 }
.menu-collapse .menu-link:hover { background: #f8f9fa; }
.menu-collapse .drop { }
.menu-collapse .menu-link.active { background: #f6f6f6; color: #666 }

.menu-horizontal { display: flex;justify-content: flex-start;margin-bottom: 10px;flex-wrap: wrap;}
.menu-horizontal .nav-item {display: block; margin-bottom: 2px;margin-right: 10px;margin-bottom: 10px; background: #eeeeee;padding: 0px; position: relative; }
.menu-horizontal .nav-link {width: 100%; padding: 13px 25px;display: block;text-align: left; font-size: 18px; }
.menu-horizontal .nav-item:hover,.menu-horizontal .nav-item.active{background: #ff7633;}
.menu-horizontal .nav-item:hover:after{color: #fff;}
.menu-horizontal .nav-item:hover .nav-link,.menu-horizontal .nav-item.active .nav-link{color: #fff;}

.menu-horizontal .nav-item.active .menu-horizontal-child{display: flex;background: #ebf2ff;}
.menu-horizontal-child { display: none; flex-wrap: wrap; padding-left: 10px; }
.menu-horizontal-child .nav-item-child{display: flex;align-items: center;position: relative;width: 100%;border-bottom: 2px solid #ececec;}
.menu-horizontal-child .nav-item-child:last-child{border-bottom: 0;}
.menu-horizontal-child .nav-link-child { color: #000;font-size: 16px;line-height: 24px; padding: 15px 25px; width: 100%;display: block; }
.menu-horizontal-child .nav-link-child.active { color: #237ae4; }
.menu-horizontal-child .nav-link-child:hover{color: #237ae4;  }

.ny-nav{position: relative;margin-top: -72px;z-index: 3;}
.menu-horizontal-wrapper{margin-bottom: 0;}
.menu-horizontal-about{display: flex;flex-wrap: wrap;}
.menu-horizontal-about .nav-item-about { color: #333333;margin-right: 1px;background: #f4f4f4;min-width: 250px;}
.menu-horizontal-about .nav-link-about {color: #333333;padding: 0 20px; display: block;text-align: center; font-size: 20px; line-height: 72px; }
.menu-horizontal-about .nav-item-about.active,.menu-horizontal-about .nav-item-about:hover{background: #f08519;}
.menu-horizontal-about .nav-item-about.active .nav-link-about,.menu-horizontal-about .nav-item-about:hover .nav-link-about {color: #fff;}


@media(max-width:768px) {
    .nynav-about{padding-right: 0px;}
    
}
/*#endregion*/

/*#region 位置导航*/
.banner,.mt-header{margin-top: 135px;}
.banner.home{margin-top: 0;}
.banner.home .banner-text{text-align: left;}
.banner.home .banner-text .container-xl{display: flex;align-items: center;justify-content: space-between;}
.banner.home .banner-text .box{width: 55%;padding: 0 70px;animation: up-animation 1s;animation-iteration-count: 1;}
.banner.home .banner-text .box h2{font-size: 42px;color: #000;margin-bottom: 25px;}
.banner.home .banner-text .box h3{font-size: 42px;color: #000;margin-bottom: 35px;}
.banner.home .banner-text .box p{font-size: 18px;color: #000;line-height: 35px;margin-bottom: 65px;}
.banner.home .more-box{width: 286px;height: 58px;}
.more-box{display: flex;align-items: center;justify-content: center;background: #6085cb;position: relative;}
.more-box a{position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.more-box h6{color: #fff;font-size: 16px;margin-right: 20px;}
.more-box .img{width: 40px;text-align: left; margin-bottom: 5px;}
.more-box:hover .img{animation: left-animation 1s infinite;}

@media(max-width:1600px) {
  .banner.home .banner-text .box h3{font-size: 36px;}
}

@media(max-width:768px) {
  .banner.home .banner-text .box p{display: none;}
  .banner.home .banner-text .box h2{font-size: 22px;margin-bottom: 10px;line-height: 20px;}
  .banner.home .banner-text .box h3{font-size: 16px;margin-bottom: 15px;line-height: 20px;}
  .banner.home .banner-text .box{padding: 0;width: 100%;}
  .banner.home .more-box{height: 35px;}
  .more-box h6{font-size: 14px;margin-right: 15px;}
  .more-box .img{width: 25px;}
}

.banner .banner-text.about{text-align: left;}
.banner .banner-text.about .title{font-size: 42px;margin-bottom: 15px;color: #fff;}

.page-title { display: block; }
.page-title .breadcrumb { justify-content: flex-start; color: rgba(255, 255, 255, 0.5);font-size: 16px;}
.breadcrumb-item + .breadcrumb-item::before { color: rgba(255, 255, 255, 0.5);font-family: cmsfont; content: "\f054";font-size: 10px; margin-right: 10px;margin-left: 10px; }
.page-title .breadcrumb:before { font-family: cmsfont; content: "\f016"; margin-right: 15px; color: rgba(255, 255, 255, 0.5);}

@media(max-width:768px) {
    .banner .banner-text.about .title{font-size: 30px;margin-bottom: 0;font-weight: bold;text-align: center;text-shadow: 0 0 20px rgba(0, 0, 0, 0.6);}
    .banner .banner-text.about .page-title{display: none;}
    .banner, .mt-header{margin-top: 0;}
}
/*#endregion*/

/*#region 底部*/
footer {background: #f3f4f6;position: relative;padding: 40px 0 55px;}
footer .container-xl{display: flex;justify-content: space-between;flex-wrap: wrap;}
footer .left{width: 70%;}
footer.contact .left{width: 100%;}
footer .left h3{font-size: 22px;color: #666666;margin-bottom: 20px;line-height: 32px;margin-top: 50px;}
footer .left p{font-size: 16px;line-height: 32px;color: #a7a8a9;}
footer .left p a{color: #a7a8a9;}
footer .left p a:hover{text-decoration: underline;color: #6085cb;transition: all 0.3s;}
footer .left .addr{display: flex;font-size: 16px;line-height: 32px;color: #a7a8a9;position: relative;margin-bottom: 10px;margin-top: 10px;}
footer .left .addr a{color: #a7a8a9;}
footer .left .addr a:hover{color: #6085cb;transition:all 0.5s;text-decoration:underline;}
footer .left .addr span{min-width: 38px;}
footer .footer-social{display: flex;justify-content: flex-start;margin-top: 20px;}
footer .footer-social .social{display: flex;align-items: center;color: rgba(255, 255, 255, 0.4);margin-bottom: 10px;font-size: 16px;}
/*footer .footer-social .social a{background: #5c5c5c;border-radius: 5px;overflow: hidden;width: 32px;color: rgba(255, 255, 255, 0.4);margin-right: 13px;display: block;height: 32px;}
footer .footer-social .social a:hover{background: #6085cb;transition: all 0.3s;}
footer .footer-social span{background: #5c5c5c!important;margin-right: 13px!important;border-radius: 5px!important;}
footer .footer-social span:hover{background: #6085cb!important;}
footer .footer-social span:before{color: rgba(255, 255, 255, 1);font-size: 16px;}

footer .right{width: 30%;background: #dadbdd;padding: 50px 40px;}
.footer-feedback h3{font-size: 36px;text-align: center;color: #666666;margin-bottom: 35px;}*/


@media(max-width:768px) {
    footer {padding: 15px 0;}
    footer .left{width: 100%;}
    footer .left h3{font-size: 20px;margin-top: 25px;margin-bottom: 10px;}
    footer .left p{font-size: 14px;line-height: 22px;}
    footer .left .addr{font-size: 14px;line-height: 22px;}
    footer .right{width: 100%;padding: 25px 15px;}
    .footer-feedback{margin-top: 30px;}
    .footer-feedback h3{font-size: 24px;margin-bottom: 20px;}
}
/*#endregion*/

/*#region 首页*/

@keyframes jtmove{
    0%{
        transform: translate(0,0);
    }
    50%{
        transform: translate(0,-8px);
    }
    100%{
        transform: translate(0,0);
    }
}

@keyframes up-animation {
    0%{
        margin-bottom: 80px;
        opacity: 0;
    }
    100%{
        margin-bottom: 0px;
        opacity: 1;
    }
}
@keyframes left-animation {
    0%{
        padding-left: 0px;
    }
    100%{
        padding-left: 10px;
    }
}

.home-sol{height: 460px;position: relative;margin-top: -130px;display: flex;align-items: flex-end;}
.home-sol .bg{background: #6085cb;width: 100%;height: 330px;position: absolute;bottom: 0;right: 0;left: 0;z-index: 1;}
.home-sol .container-xl{z-index: 2;}
.home-sol .col-md-3{display: flex;align-items: flex-end;}
.home-sol .sol-box{padding: 93px 30px 82px;height: 330px;text-align: center;transition: all 0.5s;border-right: 1px solid rgba(255, 255, 255, 0.3);}
.home-sol .col-md-3:last-child .sol-box{border-right: 0;}
.home-sol .sol-box .text{transition: all 0.5s;}
.home-sol .sol-box .img{margin-bottom: 40px;}
.home-sol .sol-box h3{font-size: 20px;line-height: 53px;color: #fff;}
.home-sol .sol-box h3 a{color:#fff;}
.home-sol .sol-box h3 a:hover{text-decoration:underline;}
.home-sol .sol-box .text{height: 0;overflow: hidden;}
.home-sol .sol-box .text p{font-size: 16px;line-height: 26px;color: #fff;text-align: center;margin-bottom: 30px;}
.home-sol .sol-box:hover{background: url(../../images/home-solbg.jpg) no-repeat center;padding: 50px 30px;height: 460px;}
.home-sol .sol-box:hover .text{height: auto;}
.home-sol .sol-box .more{display: flex;align-items: center;justify-content: center;font-weight: bold;}
.home-sol .sol-box .more .left{margin-right: 20px;}
.home-sol .sol-box .more .left a{font-size: 20px;color: #fff;}

@media(max-width:768px) {
    .home-sol{background: #6085cb;}
    .home-sol .bg{display: none;}
    .home-sol{height: 460px;margin-top: 0;height: auto;}
    .home-sol .sol-box{height: auto;border-right: 0;padding: 20px 0;}
    .home-sol .sol-box .img{margin-bottom: 15px;}
    .home-sol .sol-box h3{font-size: 18px;line-height: 24px;height: 48px;}
}

.home-pro{background: #fff;padding: 80px 0 60px;}
.home-pro .title{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-bottom: 45px;}
.home-pro .title h2{font-size: 42px;}
.home-pro .title .more-box{padding: 9px 10px;}
.home-pro .title .more-box h6{font-size: 15px;}
.home-pro .row{margin-left: -10px;margin-right: -10px;}
.home-pro .row .col{padding-left: 10px;padding-right: 10px;}
.home-pro .pro-box{padding: 30px;background: #f3f4f6;position: relative;margin-bottom: 20px;}
.home-pro .pro-box a:hover{text-decoration:underline;}
.home-pro .pro-box .img{height: 230px;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;}
.home-pro .pro-box .img img{width: auto;height: 100%;}
.home-pro .pro-box h3{font-size: 20px;text-align: center;color: #333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.home-pro .pro-box .on{position: absolute;left: 0;right: 0;bottom: 0;background: #6085cb;z-index: 2;transition: all 0.5s;height: 0;overflow: hidden;}
.home-pro .pro-box .on .nr{padding: 35px;}
.home-pro .pro-box .on a{color: #fff;}
.home-pro .pro-box .on h4{font-size: 20px;font-family: 'Poppins-bold';font-weight: bold;margin-bottom: 30px;}
.home-pro .pro-box .on .list{height: 136px;margin-bottom: 35px;}
.home-pro .pro-box .on p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;}
.home-pro .pro-box .on p a{font-size: 14px;line-height: 28px;}
.home-pro .pro-box .more{display: flex;align-items: center;justify-content: space-between;}
.home-pro .pro-box .more .left{font-size: 16px;color: #fff;}
.home-pro .pro-box:hover .on{height: 100%;}

.home-pro .row .col:last-child .on{display: flex;align-items: center;justify-content: center;}
.home-pro .row .col:last-child .on a{font-size: 22px;font-family: 'Poppins-bold';font-weight: bold;}

@media(max-width:1430px) {
  .home-pro .pro-box h3{font-size: 16px;}
  .home-pro .pro-box .on h4{font-size: 18px;}
}

@media(max-width:768px) {
    .home-pro{padding: 40px 0;}
    .home-pro .title h2{font-size: 24px;}
    .home-pro .pro-box{padding: 15px;}
    .home-pro .pro-box .img{height: auto;margin-bottom: 15px;}
    .home-pro .pro-box .img img{width: 100%;height: auto;}
    .home-pro .pro-box h3{font-size: 14px;height: 28px;line-height: 17px;}
}

.home-about{background: #fff;padding: 40px 0 80px;}
.home-about .container-xl{display: flex;justify-content: space-between; flex-wrap: wrap;}
.home-about .left{width: 46%;}
.home-about .left h2{font-size: 46px;color: #283146;line-height: 50px;margin-bottom: 50px;}
.home-about .left p{font-size: 16px;color: #686d78;line-height: 34px;margin-bottom: 50px;}
.home-about .right{width: 51%;}
.home-about .more-box{width: 336px;height: 68px;}
.home-about .more-box h6{font-size: 18px;margin-right: 25px;}

@media(max-width:768px) {
    .home-about{padding: 10px 0 40px;}
    .home-about .container-xl{display: block;}
    .home-about .left{width: 100%;}
    .home-about .right{width: 100%;}
    .home-about .left h2{font-size: 28px;line-height: 36px;margin-bottom: 20px;}
    .home-about .left p{font-size: 16px;line-height: 24px;margin-bottom: 20px;}
    .home-about .more-box{width: 180px;height: 36px;margin-bottom: 30px;}
    .home-about .more-box h6{font-size: 14px;margin-right: 15px;}
    .home-about .more-box .img{width: 25px;}
}

.home-quality{background: #f3f4f6;padding: 80px 0 0;}
.home-quality .box{display: flex;flex-wrap: wrap;}
.home-quality .box .left{width: 32%;position: relative;padding: 0 0 40px 40px;}
.home-quality .box .right{width: 68%;background: #f9fafb;box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);padding: 60px 100px 0 138px;}
.home-quality .box .left .bg{background: #6085cb;width: 100%;height: 255px;position: absolute;bottom: 0;left: 0;right: 0;z-index: 0;}
.home-quality .box .left .img{z-index: 2;position: relative;}
.home-quality .box .more-box{width: 356px;height: 68px;}
.home-quality .box .more-box h6{font-size: 18px;margin-right: 25px;}
.home-quality .box .right h2{font-size: 42px;color: #283146;margin-bottom: 25px;}
.home-quality .box .right p{font-size: 16px;color: #666b77;line-height: 40px;margin-bottom: 30px;}

@media(max-width:1430px) {
  .home-quality .box .right h2{font-size: 46px;}
  .home-quality .box .right{padding: 60px 80px 0 88px;}
}

@media(max-width:768px) {
    .home-quality{padding: 40px 0;}
    .home-quality .box .left{width: 100%;padding: 0;}
    .home-quality .box .left .bg{display: none;}
    .home-quality .box .right{width: 100%;padding: 15px;}
    .home-quality .box .right h2{font-size: 28px;}
    .home-quality .box .right p{font-size: 16px;line-height: 24px;margin-bottom: 20px;}
    .home-quality .box .more-box{width: 180px;height: 36px;margin-bottom: 30px;}
    .home-quality .box .more-box h6{font-size: 14px;margin-right: 15px;}
    .home-quality .box .more-box .img{width: 25px;}
}

.home-service{background: #fff;padding: 78px 0 60px;}
.home-service .row{margin-left: -22px;margin-right: -22px;}
.home-service .row .col-md-4{padding-left: 22px;padding-right: 22px;}
.home-service .ser-box{position: relative;transition: all 0.5s;}
.home-service .ser-box a{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 2;}
.home-service .ser-box .img{overflow: hidden;}
.home-service .ser-box .img img{transition: all 0.5s ease;}
.home-service .text{padding: 25px 20px;}
.home-service .text h4{font-size: 20px;line-height: 52px;color: #283146;margin-bottom: 25px;}
.home-service .text p{font-size: 16px;line-height: 26px;color: #9699a0;height: 130px;}
.home-service .text .more{display: flex;align-items: center;justify-content: space-between;opacity: 0;}
.home-service .text .more .left{font-size: 18px;color: #5275b6;}
.home-service .ser-box:hover .more{opacity: 1;transition: all 0.5s;}
.home-service .ser-box:hover{box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);}
.home-service .ser-box:hover .img img{transform: scale(1.05);}

@media(max-width:1660px) {
    .home-service .row{margin-left: -15px;margin-right: -15px;}
    .home-service .row .col-md-4{padding-left: 15px;padding-right: 15px;}
}

@media(max-width:768px) {
    .home-service{padding: 40px 0;}
    .home-service .text{padding: 20px;}
    .home-service .text h4{font-size: 20px;line-height: 28px;}
    .home-service .text p{font-size: 16px;line-height: 24px;height: auto;}
    .home-service .text .more{display: none;}
    .home-service .ser-box{margin-bottom: 15px;}
}

.home-contact{background: url(../../images/home-contact-bg.jpg) no-repeat center;padding: 110px 0 120px;}
.home-contact h4{font-size: 36px;color: #fff;line-height: 60px;text-align: center;margin-bottom: 50px;}
.home-contact .more{display: flex;justify-content: center;align-items: center;}
.home-contact .more .more-a{width: 238px;height: 60px;display: block;margin-left: 20px;text-align: center; margin-right: 20px;font-size: 18px;line-height: 30px;display: flex;
    align-items: center;
    justify-content: center;}
.home-contact .more .more-a:first-child{background: #fff;color: #183884;}
.home-contact .more .more-a:last-child{background: #6085cb;color: #fff;cursor:pointer;}
.home-contact .more .more-a:hover{text-decoration: underline;}

@media(max-width:768px) {
    .home-contact{background-size: cover;padding: 40px 0;}
    .home-contact h4{font-size: 22px;line-height: 30px;margin-bottom: 20px;}
    .home-contact .more .more-a{height: 42px;line-height:21px;margin-left: 5px;margin-right: 5px;font-size: 14px;}
}

.home-link{background: #fff;padding: 60px 0 80px;}
.home-link .title{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-bottom: 70px;}
.home-link .title h2{font-size: 42px;}
.home-link .title .more-box{padding: 9px 10px;}
.home-link .title .more-box h6{font-size: 15px;}
.home-link .link-box{border: 2px solid #dddddd;margin-bottom: 24px;}

@media(max-width:768px) {
  .home-link{padding: 40px 0;}
  .home-link .title{margin-bottom: 40px;}
    .home-link .title h2{font-size: 24px;}
    .home-link .row{margin-left: -8px;margin-right: -8px;}
    .home-link .row .col{padding-left: 8px;padding-right: 8px;}
}

/*#endregion*/

/*#region 文章单页*/
/*#region about wrapper*/
.about-wrapper{padding: 90px 0 90px;background: #fff;}
.about-wrapper .container-xl{display: flex;justify-content: space-between;flex-wrap: wrap;}
.about-wrapper .container-xl .text{width: 52%;}
.about-wrapper .container-xl .text h2{font-size: 40px;line-height: 50px;margin-bottom: 30px;}
.about-wrapper .container-xl .text h3{font-size: 22px;color: #6085cb;margin-top: 20px;margin-bottom: 15px;}
.about-wrapper .container-xl .text h3:before{content: "";width: 19px;height: 19px;background: url(../../images/about-tb1.jpg) no-repeat;display: inline-block;margin-right: 20px;}
.about-wrapper .container-xl .text .p1{font-size: 16px;line-height: 28px;margin-bottom: 30px;color: #686d78;}
.about-wrapper .container-xl .text .p2{font-size: 16px;line-height: 28px;color: #283146;padding-left: 39px;}
.about-wrapper .container-xl .img{width: 46%;}

.about-wrapper.about2 .container-xl .text{width: 49%;}
.about-wrapper.about2 .container-xl .img{width: 45%;}
.about-wrapper.about2 .container-xl .more-box{width: 236px;height: 56px;}
.about-wrapper.about2 .container-xl .more-box h6{font-size: 16px;margin-right: 15px;}
.about-wrapper.about2 .container-xl .more-box .img{width: 30px;}
.about-wrapper.about2 .container-xl h4{font-size: 32px;color: #6085cb;margin-bottom: 15px;}
.about-wrapper.about2 .container-xl .text h2{margin-bottom: 50px;}
.about-wrapper.about2 .container-xl .p1{margin-bottom: 50px;}

.about-wrapper.about2.cert .container-xl .img{width: 41.5%;}
.about-wrapper.about2.cert .container-xl .more-box{width: 280px;height: 56px;}
.about-wrapper.about2.cert .container-xl .more-box .img{width: 30px;}

.about-service{background: #fff;border-top: 1px solid #e3e8f5;border-bottom: 1px solid #e3e8f5;}
.about-service .container-xl{max-width: 1530px;}
.about-service .col-md-4{border-right: 1px solid #e3e8f5;text-align: center;display: flex;align-items: center;justify-content: center;height: 434px;}
.about-service .col-md-4:last-child{border-right: 0;}
.about-service .box .img{margin-bottom: 36px;}
.about-service .box h3{font-size: 22px;line-height: 32px;color: #283146;margin-bottom: 20px;font-weight: bold;}
.about-service .box p{font-size: 16px;line-height: 26px;color: #283146;height: 78px;}
.about-service .col-md-4:hover .img{animation: jtmove 1s linear infinite;}
.about-service.bordertop-none{border-top: none;}

.about-why{padding: 90px 0 40px;background: #fff;}
.about-why .container-xl{display: flex;justify-content: space-between;flex-wrap: wrap;}
.about-why .container-xl .text{width: 45%;}
.about-why .container-xl .text h2{font-size: 50px;line-height: 54px;margin-bottom: 30px;}
.about-why .container-xl .text h3{font-size: 26px;color: #6085cb;margin-bottom: 15px;margin-top: 10px;}
.about-why .container-xl .text .p1{font-size: 16px;line-height: 28px;margin-bottom: 30px;color: #686d78;}
.about-why .container-xl .text .p2{font-size: 16px;line-height: 28px;color: #283146;}
.about-why .container-xl .img{width: 50%;}
.about-why .why-box{display: flex;justify-content: space-between;margin-top: 35px;}
.about-why .why-box .left{width: 82px;min-width: 82px;}

.about-more{padding: 40px 0 90px;background: #fff;}
.about-more h2{font-size: 50px;line-height: 54px;margin-bottom: 30px;}
.about-more p{font-size: 16px;line-height: 28px;color: #686d78;margin-bottom: 50px;}
.about-more h4{font-size: 22px;color: #283146;margin-bottom: 20px;margin-top: 25px;font-weight: bold;}
.about-more .box p{font-size: 16px;line-height: 22px;color: #283146;margin-bottom: 30px;height: auto;}
.about-more .more-box{width: 256px;height: 48px;}
.about-more .more-box h6{font-size: 16px;margin-right: 15px;}
.about-more .more-box .img{width: 30px;}

.about-contact{background: url(../../images/about-contactbg.jpg) no-repeat center;background-size: cover;padding: 55px 0 55px;}
.about-contact h3{font-size: 46px;line-height: 70px;margin-bottom: 15px;color: #fff;text-align: center;}
.about-contact p{text-align: center;font-size: 18px;line-height: 26px;color: #fff;margin-bottom: 40px;}
.about-contact .more{width: 238px;height: 60px;cursor:pointer; background: #6085cb;font-size: 18px;text-align: center;line-height: 60px;color: #fff;display: block;margin: 0 auto;}
.about-contact .more:hover{text-decoration: underline;}

.aboutindex-pro{padding: 120px 0;background: #f6f8fc;display: flex;flex-wrap: wrap;justify-content: space-between;}
.aboutindex-pro .left{width: 45%;position: relative;}
.aboutindex-pro .left .box{padding-left: 30%;padding-right: 18%;}
.aboutindex-pro .right{width: 55%;position: relative;overflow-x: scroll;}
.aboutindex-pro .right .box{display: flex;position: relative;}
.aboutindex-pro .right .item{min-width: 368px;width: 368px;margin-right: 44px;margin-bottom: 65px;}
.aboutindex-pro .right .item:last-child{margin-right: 0;}
.aboutindex-pro h2{font-size: 40px;line-height: 54px;margin-bottom: 50px;}
.aboutindex-pro p{font-size: 16px;line-height: 28px;margin-bottom: 70px;color: #686d78;}
.aboutindex-pro h4{font-size: 32px;color: #6085cb;margin-bottom: 15px;}
.aboutindex-pro .more-box{min-width: 280px;height: 56px;}
.aboutindex-pro .more-box h6{font-size: 16px;margin-right: 15px;}

@media(max-width:1630px) {
  .aboutindex-pro .left .box{padding-left: 15%;padding-right: 15%;}
}

.aboutindex-pro .right::-webkit-scrollbar {
        height: 4px;
      }
.aboutindex-pro .right::-webkit-scrollbar-thumb {
        background-color: #6085cb;
        height: 4px;
      }
.aboutindex-pro .right::-webkit-scrollbar-track {
        background-color: #dddddd;
        height: 2px;
      }
.aboutindex-pro .right::-webkit-scrollbar-thumb:horizontal {
        background-color: #6085cb;
        height: 4px;
      }
.aboutindex-pro .right::-webkit-scrollbar-track:horizontal {
        background-color: #dddddd;
        height: 2px;
      }
.aboutindex-pro .right::-webkit-scrollbar-corner {
        background-color: lightcoral;
      }


.aboutindex-service{padding: 60px 0 45px;background: #f6f8fc;}
.aboutindex-service.bai{background: #fff;}
.aboutindex-service h2{font-size: 32px;line-height: 43px;text-align: center;margin-bottom: 20px;}
.aboutindex-service h4{font-size: 16px;line-height: 24px;text-align: center;color: #959698;margin-bottom: 60px;}
.aboutindex-service h3{font-size: 18px;display: flex;align-items: center;margin-bottom: 15px;}
.aboutindex-service h3:before{content: "";width: 28px;height: 28px;background: url(../../images/about2-tb.png) no-repeat;margin-right: 12px;}
.aboutindex-service p{font-size: 16px;line-height: 26px;color: #999999;height: 104px;margin-bottom: 30px;}
.aboutindex-service .row{margin-left: -50px;margin-right: -50px;}
.aboutindex-service .row .col-md-4{padding-left: 50px;padding-right: 50px;}

@media(max-width:1530px) {
  .aboutindex-service .row{margin-left: -15px;margin-right: -15px;}
  .aboutindex-service .row .col-md-4{padding-left: 15px;padding-right: 15px;}
}


@media(max-width:768px) {
  .about-wrapper{padding: 40px 0;}
  .about-wrapper.about2 .container-xl .text{width: 100%;margin-bottom: 30px;}
  .about-wrapper.about2 .container-xl .img{width: 100%;}
  .about-wrapper.about2 .container-xl h4{font-size: 28px;}
  .about-wrapper.about2 .container-xl .text h2{font-size: 36px;margin-bottom: 20px;}
  .about-wrapper.about2 .container-xl .p1{margin-bottom: 30px;}

  .aboutindex-pro{padding: 40px 0;}
  .aboutindex-pro .left{width: 100%;}
  .aboutindex-pro .left .box{padding: 15px;}
  .aboutindex-pro h4{font-size: 28px;}
  .aboutindex-pro h2{font-size: 36px;margin-bottom: 20px;}
  .aboutindex-pro p{margin-bottom: 25px;}
  .aboutindex-pro .right{width: 100%;margin-top: 25px;}
  .aboutindex-pro .right .item{min-width: 180px;width: 180px;margin-right: 20px;margin-bottom: 20px;}

  .about-wrapper.about2.cert .container-xl .img{width: 100%;}
  .aboutindex-service h2{font-size: 30px;}

  .aboutindex-service{padding: 40px 0;}
  .about-contact h3{font-size: 26px;line-height: 32px;}
  .about-contact{padding: 40px 0;}
  .about-contact p{font-size:14px;line-height:24px;}

  .about-wrapper .container-xl .text{width: 100%;}
  .about-wrapper .container-xl .text h2{font-size: 30px;line-height: 34px;}
  .about-wrapper .container-xl .img{width: 100%;margin-top: 20px;}

  .about-service .col-md-4{height: auto;}
  .about-service .box .img{margin-bottom: 5px;}
  .about-service .box .img img{width: 40%;}
  .about-service .box h3{font-size: 19px;margin-bottom: 5px;}
  .about-service .box p{font-size: 12px;line-height: 20px;height: 60px;}
  .about-service .col-md-4{border-bottom: 1px solid #e3e8f5;padding: 15px 5px;}
  .about-service .col-md-4:nth-child(2n){border-right: 0;}
  .about-service .container-xl{padding-left: 0;padding-right: 0px;}
  .about-service{border-bottom: 0;}

  .about-why{padding: 40px 0;}
  .about-why .container-xl .img{width: 100%;margin-bottom: 25px;}
  .about-why .container-xl .text{width: 100%;}
  .about-why .container-xl .text h2{font-size: 32px;line-height: 40px;}

  .about-more{padding: 40px 0;}
  .about-more h2{font-size: 32px;line-height: 40px;}
  .about-more .box{margin-bottom: 25px;}
}

/*#region news list*/
.sol-wrapper {padding: 100px 0;background: #fff;}
.sol-wrapper .row{margin-left: -18px;margin-right: -18px;}
.sol-wrapper .row .col-md-4{padding-left: 18px;padding-right: 18px;}
.sol-wrapper .sol-col{margin-bottom: 45px;}
.sol-wrapper .sol-col .text{padding: 30px;height: 288px;}
.sol-wrapper .sol-col .text h4{font-size: 20px;font-weight: bold; margin-bottom: 15px;line-height: 25px;height: 25px;overflow: hidden;}
.sol-wrapper .sol-col .text p{font-size: 16px;line-height: 25px;color: #999999;margin-bottom: 35px;}
.sol-wrapper .sol-col .img{overflow: hidden;position: relative;}
.sol-wrapper .sol-col .img img{transition: all 0.5s ease;}
.sol-wrapper .sol-col:hover .img img{transform: scale(1.1);}
.sol-wrapper .sol-col:hover{box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);}
.sol-wrapper .sol-col .img a{position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: block;z-index: 3;}
.sol-wrapper .sol-col .more-box{width: 0;height: 70px;position: absolute;right: -18px;z-index: 2;overflow: hidden;transition: all 0.3s;}
.sol-wrapper .sol-col .more-box h6{font-size: 16px;margin-right: 15px;}
.sol-wrapper .sol-col .more-box .img{width: 30px;}
.sol-wrapper .sol-col:hover .more-box{width: 214px;display: none;}

@media(max-width:1530px) {
    .sol-wrapper .sol-col .more-box{right: 15px;}
    .sol-wrapper .row{margin-left: -15px;margin-right: -15px;}
    .sol-wrapper .row .col-md-4{padding-left: 15px;padding-right: 15px;}
}

@media(max-width:768px) {
  .sol-wrapper {padding: 40px 0;}
    .sol-wrapper .sol-col .more-box{width: 214px;}
    .sol-wrapper .sol-col{box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);}
    .sol-wrapper .sol-col .text p{margin-bottom:0;}
    .sol-wrapper .sol-col .text{height:auto;}
}

.solfl-list{display: flex;justify-content: flex-end;align-items: center;margin-top: -120px;position: relative;}
.solfl-list .box{width: 86.5%;padding-left: 20px; background: #ffffff;display: flex;position: relative;position: relative;border-top: 4px solid #5f84c9;box-shadow: 0 0 32px rgba(0, 0, 0, 0.1);border-radius: 0 0 0 30px;overflow: hidden;}
.solfl-list .box .item{width: 17.5%;padding: 40px;position: relative;}
.solfl-list .box .item h3{margin-bottom: 15px;font-weight: bold;}
.solfl-list .box .item h3 a{font-size: 18px;line-height: 30px;}
.solfl-list .box .item h3 a:hover{text-decoration: underline;}
.solfl-list .box .item p{font-size: 14px;line-height: 22px;margin-bottom: 20px;}
.solfl-list .box .item .more{font-size: 16px;line-height: 40px;color: #6085cb;display: block;}
.solfl-list .box .item .more:hover{text-decoration: underline;}

@media(max-width:1430px) {

}

@media(max-width:768px) {

}

.sollist-wrapper{}
.sollist-wrapper .sol-box{padding: 115px 0;background: #fff;}
.sollist-wrapper .sol-box .text h4{font-size: 38px;color: #6085cb;margin-bottom: 20px;}
.sollist-wrapper .sol-box .text h2{font-size: 42px;margin-bottom: 40px;}
.sollist-wrapper .sol-box .text p{font-size: 16px;line-height: 28px;color: #656a77;}
.sollist-wrapper .text{display: flex;align-items: center;}
.sollist-wrapper .img{padding-left: 90px;}
.sollist-wrapper .imgbox{border-radius: 0 0 0 100px;overflow: hidden;} 
.sollist-wrapper .more{display: flex;margin-top: 60px;}
.sollist-wrapper .more a{background: #fff;border: 2px solid #5f84c9;font-size: 18px;color: #5f84c9;padding: 15px 40px;margin-right: 36px;cursor: pointer;}
.sollist-wrapper .more a:hover{background: #5f84c9;color: #fff;transition: all 0.5s;text-decoration: underline;}
.sollist-wrapper .more a:first-child{background: #5f84c9;color: #fff;}

.sollist-wrapper .sol-box:nth-child(2n){background: #f6f8fc;}
.sollist-wrapper .sol-box:nth-child(2n) .text{order: 13;}
.sollist-wrapper .sol-box:nth-child(2n) .img{padding-left: 0;padding-right: 90px;order: -1;}
.sollist-wrapper .sol-box:nth-child(2n) .imgbox{border-radius: 0 0 100px 0;overflow: hidden;} 

.service-wrapper{padding: 40px 0;background: #fff;}
.service-wrapper .service-box{padding: 65px 0;background: #fff;}
.service-wrapper .service-box .text h2{font-size: 36px;margin-bottom: 40px;}
.service-wrapper .service-box .text p{font-size: 16px;line-height: 28px;color: #656a77;}
.service-wrapper .text{display: flex;align-items: center;}
.service-wrapper .img{padding-right: 80px;}
.service-wrapper .imgbox{border-radius: 0 0 100px 0;overflow: hidden;} 
.service-wrapper .container-xl{position: relative;}
.service-wrapper .fudong{display: flex; padding:0 30px; position: absolute;width: 75%;right: 0;bottom: -80px;background: #8eace6;height: 230px;border-radius: 0 50px 0 50px;overflow: hidden;z-index: 1;}
.service-wrapper .fudong .item{width: 33.33%;padding: 40px;color: #fff;border-left: 1px solid rgba(255, 255, 255, 0.3);position: relative;}
.service-wrapper .fudong .item h4{font-size: 24px;line-height: 28px;margin-bottom: 15px;}
.service-wrapper .fudong .item h4:before{content: "";width: 4px;height: 26px;background: #fff;position: absolute;left: -2px;}
.service-wrapper .fudong .item p{font-size: 16px;line-height: 22px;}
.service-wrapper .fudong .item:first-child{border-left: 0;}
.service-wrapper .fudong .item:first-child h4:before{display: none;}

.service-wrapper .service-box:first-child{margin-bottom: 80px;}
.service-wrapper .service-box:first-child .textbox{margin-bottom: 180px;}
.service-wrapper .service-box:nth-child(2n) .text{order: -1;}
.service-wrapper .service-box:nth-child(2n) .img{padding-right: 0;padding-left: 80px;order:13;}
.service-wrapper .service-box:nth-child(2n) .imgbox{border-radius: 0 0 0 100px;overflow: hidden;} 

.cert-subtitle{border-bottom: 1px solid #e3e3e3;padding: 55px 0;}
.cert-subtitle .title{font-size: 36px;}
.cert-subtitle .desc{margin-top: 20px;}
.cert-subtitle .desc p{font-size: 16px;line-height: 24px;}
.cert-wrapper{background: #fff;}
.cert-wrapper .col-md-3{border-right: 1px solid #e3e3e3;}
.cert-wrapper .nav-list{padding: 30px 10px 30px 25px;}
.cert-wrapper .nav-list p{font-size: 16px;line-height: 36px;}
.filters{border-bottom: 1px solid #e3e3e3;padding: 20px 15px;font-size: 16px;}
.filters span{}
.filters span:after{content: "|";margin-left: 8px;margin-right: 8px;display: inline-block;}
.filters span:last-child:after{display: none;}
.cert-wrapper .cert-list{padding: 35px 30px;}
.cert-wrapper .cert-col{margin-bottom: 30px;}
.cert-wrapper .cert-col .img{background: url(../../images/cert-bg.jpg) no-repeat center;padding: 32px;background-size: cover;margin-bottom:10px;}
.cert-wrapper .cert-col h4{font-size: 16px;text-align: center;line-height: 28px;}

@media(max-width:768px) {
  .service-wrapper{padding: 40px 0;}
  .service-wrapper .img{padding-right: 0;margin-bottom: 25px;}
  .service-wrapper .service-box{padding: 0;}
  .service-wrapper .service-box .text h2{font-size: 30px;margin-bottom: 25px;}
  .service-wrapper .fudong{width: 100%;position: relative;padding: 0;height: auto;display: flex;flex-wrap: wrap;bottom: 0px;margin-top: 30px;}
  .service-wrapper .fudong .item{width: 100%;padding: 25px;}
  .service-wrapper .service-box:first-child .textbox{margin-bottom: 0px;}
  .service-wrapper .fudong .item h4:before{display: none;}
  .service-wrapper .service-box:nth-child(2n) .img{padding-left: 0;order: -1;}
  .service-wrapper .service-box:nth-child(2n) .text{order: 13;}

  .cert-subtitle{padding: 35px 0;}
  .cert-wrapper .cert-list{padding: 30px 0;}
  .cert-wrapper .cert-list .row{margin-left: -8px;margin-right: -8px;}
  .cert-wrapper .cert-list .row .col{padding-left: 8px;padding-right: 8px;}
  .cert-wrapper .cert-col{margin-bottom: 20px;}
  .cert-wrapper .cert-col h4{font-size: 16px;}
  .cert-subtitle .title{font-size: 24px;}
}

.down-wrapper{background: #fff;padding: 70px 0 60px;}
.down-wrapper h2{font-size: 28px;margin-bottom: 30px;}
.down-wrapper .down-col{margin-bottom: 70px;}
.down-wrapper .down-col h4{font-size: 18px;line-height: 46px;color: #666666;text-align: center;margin: 10px 0;}
.down-wrapper .down-col .more{width: 220px;height: 56px;line-height: 56px;background: #6085cb;color: #fff;display: flex;justify-content: center;align-items: center;margin: 0 auto;font-size: 16px;}
.down-wrapper .down-col .more i{margin-right: 16px;}
.down-wrapper .down-col .more:hover{background: #003b83;transition: all 0.3s;}

@media(max-width:768px) {
  .down-wrapper{padding: 40px 0;}
  .down-wrapper .down-col h4{font-size: 16px;line-height: 24px;}
  .down-wrapper .down-col .more{display: block;width: 100%;text-align: center;}
  .down-wrapper .down-col{margin-bottom: 30px;}
  .down-wrapper .row{margin-left: -8px;margin-right: -8px;}
  .down-wrapper .row .col{padding-left: 8px;padding-right: 8px;}
  .down-wrapper h2{font-size:24px;}
}

.quality-wrapper{padding: 80px 0 90px;background: #fff;}
.quality-wrapper .subtitle{font-size: 40px;text-align: center;margin-bottom: 20px;}
.quality-wrapper .desc{font-size: 16px;line-height: 28px;color: #686d78;text-align: center;margin: 0 auto 56px;width: 90%;}
.quality-wrapper .num-box{margin-bottom: 70px;margin-left: -4px;margin-right: -4px;}
.quality-wrapper .num-box .col-md-3{padding-left: 4px;padding-right: 4px;}
.quality-wrapper .num-box .box{margin-bottom: 20px;background: #f4f4f4;text-align: center;padding: 50px 10px;}
.quality-wrapper .num-box h4{font-size: 50px;color: #6085cb;font-family: 'Poppins-bold';margin-bottom: 10px;}
.quality-wrapper .num-box p{font-size: 18px;line-height: 28px;color: #283146;}
.quality-wrapper .num-box #target1:after{content: "㎡";font-size: 22px;}
.quality-wrapper .num-box #target3:after{content: "+";font-size: 22px;}
.quality-wrapper .num-box #target4:before{content: "$";font-size: 50px;}
.quality-wrapper .num-box #target4:after{content: "million";font-size: 22px;}

.quality-box{display: flex;flex-wrap: wrap;}
.quality-box .left{width: 47%;position: relative;padding-right: 32px;}
.quality-box .left .item{display: flex;position: relative;border-left: 10px solid #fff;padding: 30px 30px 30px 50px;}
.quality-box .left .item:after{content: "";width: 32px;height: 32px;background: #fff;position: absolute;right: -15px;top: 42%;transform: rotate(45deg);}
.quality-box .left .item .img{width: 75px;min-width: 75px;}
.quality-box .left .active .item{border-left: 10px solid #6085cb;box-shadow: 0 0 65px rgba(0, 0, 0, 0.1);}
.quality-box .left  a{display: block;width: 100%;color: #333;}
.quality-box .left .item h3{font-size: 20px;line-height: 32px;font-family: 'Poppins-bold';margin-bottom: 10px;}
.quality-box .left .item p{font-size: 16px;line-height: 23px;color: #a6a8ae;}
.quality-box .right.tab-content{width: 53%;padding: 0;border: 0;border-radius: 0;}

.quality-control{position: relative;}
.quality-control .text-box{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}
.quality-control .container-xl{display: flex;position: relative;}
.quality-control .container-xl .text{width: 26%;}
.quality-control .container-xl .text h2{font-size: 40px;padding-top: 33%;padding-right: 0px;margin-bottom: 40px;}
.quality-control .container-xl .text p{font-size: 16px;line-height: 28px;color: #686d78;}

@media(max-width:768px) {
    .quality-wrapper{padding: 40px 0;}
    .quality-wrapper .subtitle{font-size: 30px;line-height: 38px;}
    .quality-wrapper .num-box h4{font-size: 26px;}
    .quality-wrapper .num-box p{font-size: 12px;}
    .quality-wrapper .num-box .box{padding: 30px 10px;}
    .quality-wrapper .num-box #target4:before{font-size: 26px;}
    .quality-wrapper .num-box{margin-bottom: 30px;}

    .quality-box .left{width: 100%;padding-right: 10px;}
    .quality-box .right.tab-content{width: 100%;margin-top: 20px;}
    .quality-box .left .item{padding: 10px 10px;}
    .quality-box .left .item h3{font-size: 18px;line-height: 26px;margin-bottom: 0;}
    .quality-box .left .item p{font-size: 12px;line-height: 20px;}

    .quality-control .container-xl .text{width: 100%;}
    .quality-control .text-box{position: relative;margin-top: 20px;}
    .quality-control .container-xl .text h2{padding-top: 0;margin-bottom: 10px;font-size: 30px;}

    .quality-wrapper .row{margin-left: -8px;margin-right: -8px;}
    .quality-wrapper .row .col{padding-left: 8px;padding-right: 8px;}
    .quality-wrapper .row .col .quality-cert{margin-bottom: 16px;}
}

/*#region contact-wrapper*/
.contact-wrapper{padding: 0px;position: relative;margin-top: -100px;z-index: 2;}
.contact-wrapper .row{padding: 55px;background: #fff;box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);border-radius: 10px;overflow: hidden;}
.contact-wrapper .text{background: #6085cb;color: #fff;border-radius: 10px;overflow: hidden;}
.contact-wrapper .text .box1{padding: 55px;}
.contact-wrapper .text .box1 h1{display: none;}
.contact-wrapper .text .box1 h2{font-size: 20px;font-weight: bold;margin-bottom: 20px;}
.contact-wrapper .text .box1 p{font-size: 16px;line-height: 28px;}
.contact-wrapper .text .box1 p a{color: #fff;}
.contact-wrapper .text .box2{padding: 55px;background: #5b80c4;}
.contact-wrapper .text .box2 p{font-size: 18px;line-height: 32px;margin-bottom: 20px;}
.contact-wrapper .text .box2 .tel{display: flex;align-items: center;font-size: 22px;color: #fff;}
.contact-wrapper .text .box2 .tel span{margin-right: 15px;}
.contact-wrapper .feedback-box{background: #fff;padding: 0px 60px;}
.contact-wrapper .feedback-box .title{font-size: 24px;margin-bottom: 20px;line-height: 42px;}
.contact-wrapper .feedback-box .desc{font-size: 16px;line-height: 32px;margin-bottom: 30px;color: #999;}
.contact-wrapper .form-feedback .form-control{ background: #f3f4f6;border: 1px solid #f3f4f6;color: #9396a2;border-radius: 5px;overflow: hidden;font-size: 16px;padding-top: 15px;padding-bottom: 15px;}
.contact-wrapper .form-feedback .form-control::-webkit-input-placeholder{color: #9396a2;}
.contact-wrapper .form-feedback .btn{background: #294170;padding: 25px;font-size: 16px;border-radius: 5px;overflow: hidden;margin-top: 30px;}
.contact-wrapper .form-feedback.was-validated .form-control:invalid,.contact-wrapper .form-feedback.was-validated .form-control.is-invalid {
    border-color:#f5543f;
    padding-right: calc(1.5em + 0.75rem);
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}


@media(max-width:768px) {
  .contact-wrapper{margin-top: 25px;}
    .contact-wrapper .row{padding: 0px;}
    .contact-wrapper .text .box1{padding: 25px;}
    .contact-wrapper .text .box2{padding: 25px;}
    .contact-wrapper .feedback-box{padding: 30px 25px;}
    .contact-wrapper .text .box2 p{font-size:16px;line-height:24px;}
    .contact-wrapper .text .box1 p{font-size:14px;line-height:22px;}
    .contact-wrapper .feedback-box .desc{font-size:14px;line-height:22px;}
}
/*#endregion*/

/*#region 产品中心*/
.proindex-wrapper{padding: 70px 0;background: #fff;}

/*#region 产品列表*/
.ny-crumb{background: #dfe7f5;padding: 15px 0;}
.ny-crumb .page-title .breadcrumb{color: #787b81;font-size: 16px;}
.ny-crumb .page-title .breadcrumb:before{color: #6085cb;}
.ny-crumb .breadcrumb-item + .breadcrumb-item::before{color: #787b81;}
.pro-wrapper{background: #fff;}
.pro-wrapper .col-md-3{border-right: 1px solid #e3e3e3;}
.pro-wrapper .pro-list{padding: 5px;}

.pro-col{margin-bottom: 20px;text-align: center;padding: 15px;}
.pro-col .img{padding: 0;}
.pro-col h4{font-size: 14px;line-height: 20px;font-family: 'Poppins-bold';height: 40px;overflow: hidden;}
.pro-col .more{display: flex;opacity: 0; justify-content: center;justify-content: space-between;margin-top: 15px;}
.pro-col .more a{width: 48%;border: 1px solid #6085cb;line-height: 32px;color: #6085cb;}
.pro-col .more .inquire{width: 48%;border: 1px solid #6085cb;line-height: 32px;color: #6085cb;}
.pro-col .more .details{background: #6085cb;color: #fff;}
.pro-col .more a:hover{background: #6085cb;color: #fff;transition: all 0.5s;text-decoration: underline;}
.pro-col:hover .more{opacity: 1;}
.pro-col:hover{border: 1px solid #dddddd;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}

@media(max-width:768px) {
  .pro-col .more{opacity: 1;}
  .pro-col{border: 1px solid #dddddd;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
  .pro-col h4{height: 40px!important;}
  .hot-pro .row{margin-left: -8px;margin-right: -8px;}
  .hot-pro .row .col{padding-left: 8px;padding-right: 8px;}
  .pro-wrapper .pro-list{padding: 30px 0;}
  .pro-wrapper .pro-list .row{margin-left: -8px;margin-right: -8px;}
  .pro-wrapper .pro-list .row .col{padding-left: 8px;padding-right: 8px;}
  .pro-wrapper.nr{padding-top:30px;}
.pro-wrapper .pro-list .row{margin-bottom: 25px;}
  .pro-wrapper.nr .menu-collapse{margin-bottom:0;}
}

.pro-nav{padding-right: 40px;padding-top: 40px;padding-bottom: 40px;}
.pro-nav .nav-box{display: flex;align-items: center;justify-content: space-between;margin-bottom: 30px;}
.pro-nav .nav-box h3{font-size: 22px;line-height: 32px;font-weight: bold;}
.pro-nav .nav-box a{font-size: 16px;color: #cc3046;}
.pro-nav .nav-box a:hover{color: #6085cb;transition: all 0.5s;text-decoration: underline;}
.pro-nav .pro-nav-title{font-size: 18px;line-height: 32px;font-weight: bold;display: flex;margin-bottom: 10px; align-items: center;justify-content: space-between;position: relative;}
.pro-nav .pro-nav-title:after{content: "";width: 13px;height: 6px;background: url(../../images/pronav-tb.jpg) no-repeat;display: block;}
.pro-nav .pro-nav-list{margin-bottom: 30px;padding-left: 25px;}
.pro-nav .pro-nav-list>li{font-size: 16px;line-height: 36px;}
.pro-nav .pro-nav-list>li.active>a{color:#6085cb;text-decoration:underline;}
.pro-nav .pro-nav-list>li .child-ul{padding-left:20px;display:none;}
.pro-nav .pro-nav-list>li .child-ul li{font-size:15px;line-height:25px;}
.pro-nav .pro-nav-list>li.active .child-ul{display:block;}
.pro-nav .pro-nav-list>li.active .child-ul .active a{color:#6085cb;text-decoration:underline;}

.pro-nav .pro-nav-cs{margin-bottom: 30px;}
.pro-nav .pro-nav-cs h3{font-size: 18px;line-height: 32px;font-weight: bold;margin-bottom: 5px;}
.pro-nav .pro-nav-cs .box{margin-left: 16px;border: 1px solid #ebebeb;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);padding: 15px 20px;border-radius: 5px;overflow: hidden;}
.pro-nav .pro-nav-cs select.m-wrap {
    background-color: #ffffff;
    background-image: none !important;
    filter: none !important;
    border: none;
    outline: none;
    font-size: 16px;
    height: 25px !important;
    line-height: 25px;
}


.pro-cert{background: #f6f8fc;padding: 130px 0;}
.pro-cert .container-xl{display: flex;justify-content: space-between; align-items: center;flex-wrap: wrap;}
.pro-cert .container-xl .img{width: 40%;}
.pro-cert .container-xl .text{width: 47%;}
.pro-cert .container-xl .text h2{font-size: 36px;margin-bottom: 30px;}
.pro-cert .container-xl .text p{font-size: 16px;line-height: 28px;margin-bottom: 40px;}
.pro-cert .container-xl .text .more-box{width: 280px;height: 56px;}
.pro-cert .container-xl .text .more-box h6{font-size: 16px;margin-right: 15px;}
.pro-cert .container-xl .text .more-box .img{width: 30px;}

@media(max-width:768px) {
  .pro-nav{padding-right: 0;}
  .pro-wrapper .col-md-3{border-right: 0;}
  .filters{padding: 20px 0;}

  .pro-cert{padding: 40px 0;}
  .pro-cert .container-xl .img{width: 100%;}
  .pro-cert .container-xl .text{width: 100%;}
  .pro-cert .container-xl .text h2{font-size: 32px;margin-bottom: 30px;}
}

/*#endregion*/

/*#region 文章列表*/
/*#region news list*/
.news-wrapper {padding: 60px 0;background: #fff;}
.news-wrapper .news-row{padding: 40px 0;}
.news-wrapper .news-row .img{border-radius: 0 0 90px 0;overflow: hidden;}
.news-wrapper .news-row .text{padding-left: 80px;display: flex;align-items: center;}
.news-wrapper .news-row .text h5{font-size: 16px;color: #6085cb;font-family: 'Poppins-bold';font-weight: bold;margin-bottom: 15px;}
.news-wrapper .news-row .text h4{font-size: 22px;line-height: 34px;margin-bottom: 20px;}
.news-wrapper .news-row .text time{font-size: 16px;line-height: 32px;color: #999999;margin-bottom: 25px;display: block;}
.news-wrapper .news-row .text p{font-size: 16px;line-height: 32px;color: #686d78;}

@media(max-width:768px) {
    .news-wrapper{padding: 30px 0;}
    .news-wrapper .news-row {padding: 25px 0; border-bottom:1px dashed #666;}
    .news-wrapper .news-row .text{padding-left: 0;padding-top: 30px;}
    .news-wrapper .news-row .text h4{font-size: 20px;line-height: 28px;}
    .news-wrapper .news-row .text p{font-size: 14px;line-height: 24px;}
    .news-wrapper .news-row .text time{margin-bottom: 15px;}
}
/*#endregion*/

/*#region 详情页*/
/*默认设置*/
.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;}

/*产品内容*/
.pronr-wrapper{background: #fff;padding: 28px;}
.product-head .product-thumb { border: 1px solid #dddddd; border-radius: 0px;overflow: hidden; }
.product-head { margin-bottom: 1.5rem; }
.product-head .product-text{padding-left: 30px;}
.product-head .product-text .title{font-size: 24px;line-height: 32px;font-weight: bold;margin-bottom: 25px;}
.product-head .product-text .desc{font-size: 16px;line-height: 26px;color: #666666;margin-bottom: 25px;}
.product-head .product-text .canshu{margin-bottom: 30px;font-size: 16px;}
.product-head .product-text .canshu table td{color: #666666;line-height: 24px;padding-top:6px;padding-bottom:6px;width: 55%;}
.product-head .product-text .canshu table td:first-child{color: #000033;font-family: 'Poppins-bold';width: 45%;}
.product-head .product-text .canshu table p{line-height: 24px;padding-top:0px;padding-bottom:0px;}
.product-head .product-text .ser-box{display: flex;align-items: center;margin-bottom: 20px;}
.product-head .product-text .ser-box .more{display: inline-block;cursor: pointer; padding: 12px 40px;border: 2px solid #6085cb;background: #fff;font-size: 18px;color: #6085cb;margin-right: 15px;}
.product-head .product-text .ser-box .more:first-child{background: #6085cb;color: #fff;}
.product-head .product-text .ser-box .more:hover{background: #6085cb;border-color: #6085cb;color: #fff;}

.nav-tabs .nav-link{font-size: 16px;font-family: 'Poppins-bold';border-radius: 10px 10px 0 0;overflow: hidden;padding: 10px 20px;}
.tab-content{border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-radius: 0 0 10px 10px;overflow: hidden;padding: 60px 30px;}
.content-wrapper.product h2{font-size: 24px;color: #6085cb; font-weight: bold;margin-bottom: 35px;font-family: 'Poppins-bold';}
.content-wrapper.product h2:before{content: "";width: 25px;height: 22px;background: url(../../images/pronr-tb.jpg) no-repeat;display: inline-block;margin-right: 14px;}
.content-wrapper.product h4{font-size: 20px;color: #6085cb;font-weight: bold; line-height: 32px;margin-bottom: 20px;margin-top: 20px;}
.content-wrapper.product p{font-size: 16px;line-height: 26px;color: #666666;margin-bottom: 15px;}
.content-wrapper.product table td p,.content-wrapper.product table td{font-size: 16px;line-height: 26px;margin-bottom: 0;}

.hot-pro{margin-top: 40px;}
.hot-pro .title{border-bottom: 2px solid #6085cb;display: flex;margin-bottom: 25px;}
.hot-pro .title h3{font-size: 16px;color: #fff;background: url(../../images/pronr-hotbg.jpg) no-repeat;width: 262px;height: 45px;padding: 12px 50px;margin-bottom: -2px;}

@media(max-width:768px) {
  .pronr-wrapper{padding: 28px 0;}
  .product-head .product-text{padding-left: 0px;}
  .product-head .product-text .canshu{font-size: 14px;}
  .product-head .product-text .ser-box .more{padding: 12px;}
  .nav-tabs .nav-item{width: 50%;text-align: center;margin-bottom: 0;}
  .nav-tabs .nav-link{padding: 10px;border: 1px solid #dee2e6;border-radius: 0;margin-bottom: -1px;}
  .nav-tabs .nav-link.active{color: #6085cb;border: 1px solid #dee2e6;}
  .tab-content{padding: 30px 20px;}
}

/*#region 新闻详情*/
.newsnr-container{ padding: 100px 0;background: #fff; }
.newsnr-container .title { font-size: 26px; line-height: 39px; color: #000000; }
.newsnr-container .content h4{font-size: 22px;color: #5f84c9;margin: 20px 0;}
.newsnr-container .content { margin-bottom: 20px;font-size: 16px;color: #333;line-height: 28px; }
.newsnr-container .content img{max-width: 100%;height: auto;}
.newsnr-container .content ul,.newsnr-container .content li{list-style: initial;}
.newsnr-container .content ul{padding-left: 40px;}
.newsnr-container .content table p{margin-bottom: 0;}
.newsnr-container .summary { font-size: 16px; line-height: 48px; color: #999999; margin: 15px 0 35px;padding-bottom: 10px; }
.newsnr-container .summary span { margin-right: 15px; }
.newsnr-container .col-md-9{padding-right: 70px;}

@media(max-width:768px) {
  .newsnr-container{padding: 50px 0;}
    .newsnr-container .col-md-9{padding-right: 15px;}
    .newsnr-container .title { font-size: 22px; line-height: 32px;}
    .newsnr-container .summary{font-size: 16px;line-height: 24px;}
    .newsnr-container .content h4{font-size: 18px;}
    .newsnr-container .content {font-size: 16px;line-height: 24px;}
}

.content-other{padding: 30px 0px;border-top: 1px solid #ddd; line-height: 24px; font-size: 16px;color: #5f84c9;display: flex;align-items: center;justify-content: space-between;}
.content-other a{color: #303f5f;}
.content-other a:hover{ color: #5f84c9;transition: all 0.3s; }
.content-other .left{width: 75%;}
.content-other .back{background: #5f84c9;padding: 10px 40px;display: inline-block;font-size: 18px;color: #fff;border-radius: 30px;overflow: hidden;}
.content-other .back i{margin-left: 10px;}
.content-other .back:hover{color: #fff;}

@media(max-width:768px) {
  .content-other{flex-wrap: wrap;}
  .content-other .left{width: 100%;}
  .content-other .right{width: 100%;margin-top: 20px;}
}

.newsnr-container .sub-title{font-size: 22px;line-height: 32px;color: #666666;margin-bottom: 20px;}
.news-search{margin-bottom: 30px;}
.news-search .search-group { width: 100%; background: #f7f7f7; border: 0;border-radius: 20px;}
.news-search .search-group .btn {border-radius: 5px;background:#f7f7f7; height: 42px;  width: 42px; padding: 6px 15px; margin-bottom: 0; }

.hot-news .item{display: flex;align-items: center;justify-content: space-between;margin-bottom: 25px;position: relative;}
.hot-news .item a{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 2;}
.hot-news .item .img{min-width: 74px;height: 74px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.hot-news .item .img img{height: 100%;width: auto;}
.hot-news .item .text{padding-left: 22px;}
.hot-news .item .text h4{font-size: 16px;line-height: 26px;color: #666;}
.hot-news .item:hover h4{color: #5f84c9;transition: all 0.3s;}

@media(max-width:768px) {
    
}
/*其他内容*/
/*#endregion*/

/*#region 其他*/
/*分页*/
.page-link { padding: .5rem 0.875rem;}
.page-item.active .page-link { color: #fff; background-color: #5f84c9; border-color: #5f84c9; }

/*留言*/
.form-feedback .form-control{ background: #f3f4f6; color: #9396a2;font-size: 18px; border-radius: 0px;overflow: hidden; border: 1px solid #f3f4f6; padding-top: 11px;padding-bottom: 11px;  }
.form-feedback .form-control::-webkit-input-placeholder{color: #9396a2;}
.form-feedback .btn { color: #fff; background: #6085cb;border-radius: 0px; font-size: 18px;line-height: 22px;padding-top: 11px;padding-bottom: 11px;}
.form-feedback .btn:hover{background:#f0214b;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;}
}

/*搜索*/
.search-group { width: 200px; height: 42px; background: #fff; overflow: hidden;border: 1px solid #dddddd;border-radius: 25px;}
.search-group .form-control { border: none; border-radius: 0px ;background: transparent;color: #5c5352;height: 42px;line-height: 42px;}
.search-group .form-control::-webkit-input-placeholder{color: #5c5352;}
.search-group .btn {border-radius: 0px;background:#fff; height: 42px;  width: 42px;display: flex;justify-content: center;align-items: center; padding: 6px 15px; margin-bottom: 0; }
.search-group i { color: #a1a1a1; font-size: 1.3rem; }
.search-group .btn:hover{background: #ff7633;}
.search-group .btn:hover i{color: #fff;}


/*#表格*/
.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: 15%;
    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 h2 {
    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 h2 {
        font-size: 20px;
        text-align: center;
        margin-bottom: 10px;
    }
}


.feedpc{position:fixed;right: 0px;top:60%;cursor: pointer;z-index: 70;}
.feedpc .feed{display: flex;align-items: center;}
.feedpc .feed .img{z-index: 60;margin-right: -20px;}
.feedpc .feed p{background: #414141;height: 50px;font-size: 18px;font-weight: bold;color: #fff;text-align: center;line-height: 50px;padding: 0 15px 0 25px;}

@media(max-width:768px) {
    .feedpc .feed .img{margin-right: 0px;}
    .feedpc .feed .img img{width: 50px;height: 50px;}
    .feedpc .feed p{display: none;}
}

/*浮动*/
#float{position:fixed;right:5px;bottom:105px; margin-top:-60px;z-index:55;}
#float .ico{display:block;width:55px;height:55px; text-align:center;position:relative;cursor:pointer;margin-bottom:5px;}
#float .ico>i{font-size:30px;line-height:55px;border-radius:50%;display:block;color:#fff;position:relative;z-index:9999;background:#6085cb;}
#float .ico>.img{position:absolute;right:55px;width:140px;top:0;display:none;background-color:#fff;}
#float .ico>.img>img{width:100%;}
#float .ico p{position:absolute;top:0;border-radius:10px; right:-350px;padding:0px 20px;line-height:55px; font-size:16px;height:55px;background-color:#6085cb;color:#FFF;transition:all 0.3s;z-index:0;white-space: nowrap;}
#float .ico:hover>.img{display:block;}
#float .ico:hover p{right:55px;}
@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;}
}

footer.contact .container-xl > p{
  font-size: 16px;
  line-height: 32px;
  color: #a7a8a9;
}

.quality-wrapper .container-xl > a{
  margin-top: 50px;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 20px;
  line-height: 32px;
  font-family: 'Poppins-bold';
}
.quality-wrapper .container-xl > a:hover{
  text-decoration: underline;
}

.content-news{margin-top: 10px;  }
.content-news .content-news-title{background: #6085cb;color: #fff;padding: 13px 16px;font-size: 18px;margin-bottom: 0; overflow: hidden; border-radius: 10px 10px 0 0;}
.content-news .news-box{padding: 20px; border-left:1px solid #dddddd;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd; overflow: hidden; border-radius: 0 0 10px 10px;}
.content-news .news-col{border-bottom: 1px dashed #c6c6c6; padding-bottom: 15px; margin-top: 5px;margin-bottom: 15px;}
.content-news .news-col h4 a,.content-news .news-col .listnew-inside a{color: #414141;font-size: 18px;}
.content-news .news-col h4 a:hover,.content-news .news-col .listnew-inside a:hover{ color: #ce000c;transition: all 0.3s; }
.content-news .news-col p{ font-size: 14px;color: #7d7878; display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.content-news .news-col time{color:red;display:block;margin-top:10px;}
.content-news .news-col h4,.content-news .news-col .listnew-inside{margin-bottom: 10px; height:46px;}


@media(max-width:768px) {
  footer.contact .left .col-md-3{display:flex;flex-wrap:wrap;}
  footer.contact .left .col-md-3 h3{width:100%;}
  footer.contact .left .col-md-3 p{width:100%;}
}


@media(max-width:768px) {
    .cert-subtitle .desc{font-size:14px;line-height:20px;height:100px;overflow:hidden;margin-bottom:10px;}
    .cert-subtitle .desc.active{height:auto;}
    .cert-subtitle .modesc{margin-bottom:0px;text-align:center;color:#6085cb;}
    .cert-subtitle .modesc i:before{content:"\f322";}
    .cert-subtitle .modesc.active i:before{content:"\f325";}
    .cert-subtitle {padding:10px 0 30px;}
}