/* GLOBAL STYLES */
body{background-color:#ffffff;font-size:.875rem;line-height:1;font-family: "Open Sans","PingFang SC","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei",Arial,sans-serif!important;}
*{ 
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent; 
}
select {
  -webkit-appearance: none;
}
select{
/* 解决select下拉箭头在ios上不兼容的问题 */
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: url('../image/arrow_down.png') no-repeat scroll right center transparent;
border: 1px solid #749ccb;
}
a{transition: all 0.5s;-webkit-transition: all 0.5s;}
ul {list-style-type:circle;padding-inline-start: 15px;}
p{margin-bottom: 0rem;}
table td{vertical-align: middle;}
.table td, .table th {padding: 0.75rem;border-top: 1px solid #dee2e6;vertical-align: middle;white-space:nowrap;}
body.over{overflow:hidden;}

@media (max-width: 576px){
  body.over{overflow: hidden;}
}
/*动画*/
@keyframes mymove {
  from {top:50px;opacity:0;}
  to {top: 0px;opacity:1;}
}
/**/
@keyframes banner_move {
  from {top:50px;opacity:0;}
  to {top: 0px;opacity:1;}
}
/**/
@keyframes down_move {
  from {top:0px;}
  to {top:60px;}
}
@keyframes down_move_normal {
  from {top:60px;}
  to {top:0px;}
}
@keyframes up_move {
  from {top:0px;}
  to {top:-60px;}
}
@keyframes up_move_normal {
  from {top:-60px;}
  to {top:0px;}
}
@keyframes bigmove {
  from {transform: scale(1);}
  to {transform: scale(1.1);}
}

@keyframes smallmove {
  from {transform: scale(1.1);}
  to {transform: scale(1);}
}
/**/
@keyframes bigmove_bg {
  from {background-size:100%;}
  to {background-size:110%;}
}
@keyframes smallmove_bg {
  from {background-size:110%;}
  to {background-size:100%;}
}
/**/
@keyframes nomove {
  from {top:0px;opacity:1;}
  to {top: 0px;opacity:1;}
}
@keyframes leftmove {
  from {left:-100px;opacity:0;}
  to {left: 0px;opacity:1;}
}
@keyframes rightmove {
  from {right:-100px;opacity:0;}
  to {right: 0px;opacity:1;}
}

@keyframes rightmove_hover {
  from {left:0px;}
  to {left:10px;}
}
@keyframes rightmove_normal {
  from {left:10px;}
  to {left:0px;}
}

@keyframes elastic {
  from {height:0px;opacity:1;}
  to {height:200px;opacity:1;}
}
/*动画继承*/
.move{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;}
.move{position: relative;animation: mymove .6s;animation-delay:.6s;;animation-fill-mode: both;opacity: 1;animation-timing-function: linear;}

.nomove {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;}
.nomove{position: relative;animation: nomove .6s;animation-delay:.6s;;animation-fill-mode: both;opacity: 1;animation-timing-function: linear;}

section.floatwindow {animation-fill-mode:none !important;animation: nomove .5s}
section.pages_banner{animation-fill-mode:none !important;animation: nomove .5s}
section.pages_banner .banner_content .info{position: relative;animation: leftmove 1s;animation-delay:.6s;animation-fill-mode: both;opacity: 1;animation-timing-function: linear;}

.plan_index .planSwiper2 .big_action{overflow: hidden;display:block;background: #ffffff;border: 15px solid #ffffff;position: relative;animation:.6s;animation-fill-mode: both;}
.big_action img:hover{animation: bigmove .6s;animation-fill-mode: both;}
.big_action img{max-width: unset;animation: smallmove .6s;animation-fill-mode: both;}

.bigbanner_content .item_w {position: relative;animation: leftmove 1s;animation-fill-mode: both;opacity: 1;animation-timing-function: linear;}
.bigbanner_content02 .item_w02{position: relative;animation: rightmove 1s;animation-fill-mode: both;opacity: 1;animation-timing-function: linear;}

.newscenter .list-unstyled .media .big_action{overflow:hidden;display:table;background: #ffffff;position: relative;animation:.6s;animation-fill-mode: both;}
.newscenter .list-unstyled .media .big_action img:hover{animation: bigmove .6s;animation-fill-mode: both;}
.newscenter .list-unstyled .media .big_action img{width: 100%;max-width: unset;animation: smallmove .6s;animation-fill-mode: both;}

.quick_link .block:hover .down_move{position: relative;animation: down_move .3s;animation-fill-mode: both;animation-timing-function: linear;}
.quick_link .block:hover .up_move{position: relative;animation: up_move .3s;animation-fill-mode: both;animation-timing-function: linear;}

.quick_link .block .down_move{position: relative;animation: down_move_normal .3s;animation-fill-mode: both;animation-timing-function: linear;}
.quick_link .block .up_move{position: relative;animation: up_move_normal .3s;animation-fill-mode: both;animation-timing-function: linear;}

section.bigbanner{overflow: hidden;}
section.bigbanner .banner_content:hover{animation-fill-mode:none !important;animation: nomove .5s !important}
section.bigbanner .banner_content{animation-fill-mode:none !important;animation: nomove .5s !important}

section.bigbanner02{overflow: hidden;}
section.bigbanner02 .banner_content:hover{animation-fill-mode:none !important;animation: nomove .5s !important}
section.bigbanner02 .banner_content{animation-fill-mode:none !important;animation: nomove .5s !important}

.indexSwiper2 .swiper-slide-active .move01{position: relative;animation: banner_move .6s;animation-delay:.3s;animation-fill-mode: both;animation-timing-function: linear;}
.indexSwiper2 .swiper-slide-active .move02{position: relative;animation: banner_move .6s;animation-delay:.6s;animation-fill-mode: both;animation-timing-function: linear;}
.indexSwiper2 .swiper-slide-active .move03{position: relative;animation: banner_move .6s;animation-delay:.9s;animation-fill-mode: both;animation-timing-function: linear;}
.indexSwiper2 .swiper-slide-active .move04{position: relative;animation: banner_move .6s;animation-delay:1.2s;animation-fill-mode: both;animation-timing-function: linear;}

.productpages_banner .banner_content .move01{position: relative;animation: banner_move .6s;animation-delay:.3s;animation-fill-mode: both;animation-timing-function: linear;}
.productpages_banner .banner_content .move02{position: relative;animation: banner_move .6s;animation-delay:.6s;animation-fill-mode: both;animation-timing-function: linear;}
.productpages_banner .banner_content .move03{position: relative;animation: banner_move .6s;animation-delay:.9s;animation-fill-mode: both;animation-timing-function: linear;}
.productpages_banner .banner_content .move04{position: relative;animation: banner_move .6s;animation-delay:1.2s;animation-fill-mode: both;animation-timing-function: linear;}

.ad_banner .ad_content:hover{animation: bigmove_bg 2s;animation-fill-mode: both;}
.ad_banner .ad_content{max-width: unset;animation: smallmove_bg 2s;animation-fill-mode: both;}

.ad_banner2 .ad_content2:hover{animation: bigmove_bg 2s;animation-fill-mode: both;}
.ad_banner2 .ad_content2{max-width: unset;animation: smallmove_bg 2s;animation-fill-mode: both;}

.robotPart1Main .items.active .p1 {position: relative;animation: mymove .5s;animation-fill-mode: both;opacity: 1;animation-timing-function: linear;}

.partner img:hover{animation: bigmove .6s;animation-fill-mode: both;}
.partner img{animation: smallmove .6s;animation-fill-mode: both;}

.unit img:hover{animation: bigmove .6s;animation-fill-mode: both;}
.unit img{animation: smallmove .6s;animation-fill-mode: both;}

.about_menu{animation-fill-mode:none !important;animation: nomove .5s !important}
/* css 复选框 */
input[type=checkbox] {cursor: pointer;position: relative;}
input[type=checkbox]::after {position: absolute;top: 0;background-color: #fff;color: #fff;width: 14px;height: 14px;display: inline-block;visibility: visible;padding-left: 0px;text-align: center;content: '';border-radius: 2px;box-sizing: border-box;border: 1px solid #999999;}
input[type=checkbox]:checked::after {content: "";border-color: #A51A22;background-color: #0160a2;}
input[type=checkbox]:checked::before {content: '';position: absolute;top: 2px;left: 5px;width: 3px;height: 8px;border: solid white;border-width: 0 2px 2px 0;transform: rotate(45deg);z-index: 1;}
/*bootstrap-select*/
.bootstrap-select {border:1px solid #ced4da;border-radius: 4px;}
.bootstrap-select .dropdown-menu {height: 200px;overflow:auto}
.bootstrap-select .dropdown-menu li {position: relative;display: block;text-align: left;}
.bootstrap-select .dropdown-menu li a.opt {position: relative;padding:.5rem 1rem;}
.dropdown-header {background: #f1f1f1;display: block;padding: .25rem 1rem;margin-bottom: 0;font-size: .875rem;color: #666666;font-weight: 500;swhite-space: nowrap;}
.bootstrap-select .dropdown-menu li a.opt {position: relative;padding-left: 2em;}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width:100% !important;}
.dropdown-toggle::after{font-family: "iconfont" !important;display: inline-block;margin-left: .255em;vertical-align: .255em;content: "\ec8c";border-top: 0;border-right:none;border-bottom:none;border-left:none;font-size:.875px;}
.bootstrap-select > .dropdown-toggle{padding-right:3px;}
@media (max-width: 576px){
  .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width:350px !important;}

}
.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + 0.75rem);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    content: "点击上传";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 0.25rem 0.25rem 0;
}

/*head*/
.navbar-light .navbar-toggler {color: red;border-color:#ffffff;right: 0;position:fixed;top: .7rem;}
.navbar-nav .nav-link{font-weight:bold;padding: 1.5rem 1rem;}
.dropdown-menu{font-size: unset; text-align: center;}
.dropdown-item{padding: 1rem 0rem}

.navbar {padding:0;position: static;}
.nav-item-static {position: static;}

.menu-text {color: #333333;display: block;line-height: 28px; font-weight:normal;}
a.menu-text:hover {text-decoration: none;color:#D80C18;}

.menu-text-big {color: #333333;display: block;line-height: 28px;}
a.menu-text-big:hover {text-decoration: none;color:#D80C18;}
header .accordion {margin-top:0px;}

header{position: absolute;width: 100%;top: 0;left: 0;z-index: 900;transition: all .5s ease;background-color: #ffffff;}
header.luoshi-navbar {background-color:transparent;}
header.luoshi-navbar:hover{background-color:#fff !important;}
.bg-light {background-color: transparent!important;}
header.luoshi-navbar-light {background-color: #ffffff;}
header.luoshi-navbar-light .navbar-nav .nav-link {color: #333333 !important;}

header.luoshi-navbar .navbar-light .navbar-brand {color:#D80C18;}
header.luoshi-navbar:hover .navbar-light .navbar-brand {color:#D80C18;}
.navbar-light .navbar-brand {color:#D80C18;}

header.luoshi-navbar .navbar-nav .nav-link {color: #ffffff;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color:#ffffff;}
header.luoshi-navbar:hover .navbar-nav .nav-link {color: #333333 !important;}
header.luoshi-navbar:hover .number {color: #333333 !important;}

.navbar-light .navbar-nav .nav-link {color: #333333;border-bottom: 2px solid transparent;}
.nav-line{border-bottom-color:#D80C18 !important;}

.dropdown-item:focus, .dropdown-item:hover {color: #333333;text-decoration: none;background-color: #e8e8e8;}
.nav-icon .nav-link {font-weight:500;padding: 1.2505rem .75rem}
.nav-icon .nav-line {border-bottom-color: transparent !important;}

.dropdown-menu{position: absolute;top: 100%;left: -1rem;z-index: 1000;display: none;float: left;min-width: 10rem;padding: 0rem;margin: 0rem;font-size:.875rem;color: #212529;text-align: center;list-style: none;background-color: #fff;background-clip: padding-box;border: 0px solid rgba(0,0,0,.15);border-radius: 0rem;}


.overauto{display: flex;/* flex-basis: auto; */flex-grow: 1;}
.dropdown-menu-container .media h6{font-size:16px;font-weight: 500;}

/*.d-md-none{display: none}
.d-sm-block{display: block}*/

header.luoshi-searchbar {background-color: #ffffff !important;z-index: 9999;}
header .luoshi-searchlogo {color: #D80C18 !important}
header .navbar-brand {display: inline-block;padding-top: 1.375rem;padding-bottom: 1.375rem;font-size: 1.25rem;line-height: inherit;white-space: nowrap;}
header .number {color:#ffffff;position: absolute;right:30px;display: inline-block;padding-top: 1.375rem;padding-bottom: 1.375rem;font-size: 1.25rem;line-height: inherit;white-space: nowrap;}
header.luoshi-navbar-light .number {color: #333333 !important;}

/*mediia max-width*/
@media (max-width: 767px){
  /*.d-sm-block {display:block!important;}*/
  .cd-search-trigger {display: none;}
  header.luoshi-navbar {background-color:#ffffff !important;}
  header.luoshi-navbar .navbar-nav .nav-link {color: #333333 !important;font-size:18px;padding: 1rem;}
  header.luoshi-navbar  .dropdown-menu {display: block;border: 1px solid #ffffff;}
  header.luoshi-navbar  .dropdown-menu .menu-text {float: left;width: 50%}
  header.luoshi-navbar .navbar-nav .headlink{border-left: 4px solid #0160a2;margin: 1rem 0rem 0rem 1rem !important;padding: 0 0 0 .5rem !important;}
  .nav-line{border-bottom-color:#ffffff !important;}

  .head_siderbar{position: fixed;background:#ffffff;width: 260px;top: 0;right: -260px;height: 100vh;display: table;visibility: visible;transition: auto;transition: visibility 0s;box-shadow: -10px 0 20px -15px rgb(0 0 0 / 26%);}
  .dropdown-menu.full-screen {position:unset;top: 100%;z-index: 1100;background-color: #fff;border-top: 1px solid #f0f1f2;transition: none;height: auto;overflow: hidden;width: 100%;min-width:100%;left: 0;margin-top: 0;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;}
  .dropdown-menu-container {width:100%;margin: 0 auto;padding: 1rem 0;/*animation: elastic .35s;*/}
  .dropdown-menu-container .media img{display: none;}
  .dropdown-menu-container .media h6{font-size:18px;font-weight:normal;margin: 0px;}
  .dropdown-item-float {float:left;text-align: left;width:50%;padding:.5rem 0 .5rem 1rem;color: #212529;display: block;}
  .dropdown-menu-container .w100 {width:100%;}

  .overauto{height: 100vh;overflow:auto;display: block;}

  .dropdown-item{padding:1rem 0 .5rem 1rem;text-align: left;float: left;width: 50%;clear: inherit;font-size: 1rem;}
  .dropdown-menu>li { display: inline-block;}

  /*.d-md-none{display: none}
  .d-sm-block{display: block}*/
  

  .dropdown-item-float .media .icon{display:none;}
  .dropdown-item-float .media .media-body p{display: none;}
}

@media (min-width: 768px){
  .navbar-brand {display: inline-block;padding-top: 1.375rem;padding-bottom: 1.375rem;margin-right: 1rem;font-size: 1.25rem;line-height: inherit;white-space: nowrap;}
  .navbar-expand-lg .navbar-nav {-ms-flex-direction: row;flex-direction: row;}
  .navbar-expand-lg .navbar-collapse {display: -ms-flexbox!important;display: flex!important;-ms-flex-preferred-size: auto;flex-basis: auto;}
  .navbar-expand-lg .navbar-nav .nav-link {padding-right:.5rem;padding-left:.5rem;}

  .dropdown-item-float {float: left;text-align: left;width:240px;padding:.5rem;color: #212529;}
  .dropdown-item-float:hover{background-color: #e8e8e8;text-decoration:none;color: #212529;}
  .dropdown-item-float p{color: #666666;margin-bottom: 0px;font-size: 12px;}

  .dropdown-menu.full-screen {position: absolute;top: 100%;z-index: 1100;background-color: #fff;border-top: 1px solid #f0f1f2;transition: none;height: auto;overflow: hidden;width: 100%;min-width:720px;left: 0;margin-top: 0;-ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);-o-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);box-shadow: 0 2px 2px 0 rgb(0 0 0 / 5%);}
  .dropdown-menu.full-screen img{display: none;}

  .dropdown-menu-container {width:720px;margin: 0 auto;padding: 1rem 0;}
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
}
}
@media (max-width:1500px){
  header .number {display: none;}

}
@media (min-width: 992px){
  .navbar-brand {display: inline-block;padding-top: 1.375rem;padding-bottom: 1.375rem;margin-right: 1rem;font-size: 1.25rem;line-height: inherit;white-space: nowrap;}
  .navbar-expand-lg .navbar-nav {-ms-flex-direction: row;flex-direction: row;}
  .navbar-expand-lg .navbar-collapse {display: -ms-flexbox!important;display: flex!important;-ms-flex-preferred-size: auto;flex-basis: auto;}
  .navbar-expand-lg .navbar-nav .nav-link {padding-right:1rem;padding-left:1rem;}

  .dropdown-item-float {float: left;text-align: left;width:320px;padding:.5rem;color: #212529;}
  .dropdown-item-float:hover{background-color: #e8e8e8;text-decoration:none;color: #212529;}
  .dropdown-item-float p{color: #666666;margin-bottom: 0px;font-size: 12px;}

  .dropdown-menu.full-screen {position: absolute;top: 100%;z-index: 1100;background-color: #fff;border-top: 1px solid #f0f1f2;transition: none;height: auto;overflow: hidden;width: 100%;min-width:720px;left: 0;margin-top: 0;-ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);-o-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);box-shadow: 0 2px 2px 0 rgb(0 0 0 / 5%);}
  .dropdown-menu.full-screen img{display:block;width:100%;}

  .dropdown-menu-container {width:960px;margin: 0 auto;padding: 1rem 0;}
}
@media (min-width: 1200px){
.container, .container-lg, .container-md,.container-sm, .container-xl {max-width: 1200px;padding-left:0px;padding-right: 0px;}
.navbar-brand {display: inline-block;padding-top: 1.375rem;padding-bottom: 1.375rem;margin-right: 2.44rem;font-size: 1.25rem;line-height: inherit;white-space: nowrap;}
.dropdown-menu{position: absolute;top: 100%;left: -1rem;z-index: 1000;display: none;float: left;min-width: 10rem;padding: 0rem;margin: 0rem;font-size:.875rem;color: #212529;text-align: center;list-style: none;background-color: #fff;background-clip: padding-box;border: 0px solid rgba(0,0,0,.15);border-radius: 0rem;}
.dropdown-menu>li { display: inline-block;}
.dropdown-menu.full-screen {position: absolute;top: 100%;z-index: 1100;background-color: #fff;border-top: 1px solid #f0f1f2;transition: none;height: auto;overflow: hidden;width: 100%;min-width: 1200px;left: 0;margin-top: 0;-ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);-o-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);box-shadow: 0 2px 2px 0 rgb(0 0 0 / 5%);}
.dropdown-item-float {float: left;text-align: left;width: 400px;padding: 1rem;color: #212529;}
.dropdown-item-float:hover{background-color: #e8e8e8;text-decoration:none;color: #212529;}
.dropdown-item-float p{color: #666666;margin-bottom: 0px;font-size: 12px;}
.dropdown-menu.full-screen img{display:block;}
.dropdown-menu-container {width: 1200px;margin: 0 auto;padding: 1rem 0;}
}

/*breadcrumb*/
.breadcrumb{padding: 1rem 0px; margin: 0px -15px;border-radius: 0px;}
.breadcrumb-item.active {color:#0160a2;}
.breadcrumb-item a{color: #666666;}
.breadcrumb-item a:hover{color: #0160a2; text-decoration: underline;}
.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: 0.5rem;
    color: #999;
    content: ">";
}
/*pagination*/
.pagination {margin-bottom: 50px !important;justify-content: center !important;}
.pagination li a{position: relative;display: block;padding: 0.5rem 0.75rem;margin-left: -1px;line-height: 1.25;color: #666;background-color: #fff;border: 1px solid #dee2e6;}
.pagination li.active span{z-index: 3;color: #fff;background-color: #0160a2; border-color: #0160a2;position: relative;display: block;padding: 0.5rem 0.75rem;margin-left: -1px;line-height: 1.25;border: 1px solid #dee2e6;}
.pagination li.disabled span{color: #6c757d;pointer-events: none;cursor: auto;background-color: #fff;border-color: #dee2e6;position: relative;display: block;padding: 0.5rem 0.75rem;margin-left: -1px;line-height: 1.25;border: 1px solid #dee2e6;}
/*about_menu*/
.about_menu .nav-pills .nav-link {border-radius:0rem;font-size: 24px;color:#666666;padding: 2.4rem .5rem;}
.about_menu .nav-pills .nav-link:hover{color: #ffffff;}
.about_menu .nav-pills .nav-item:hover{color:#ffffff;background-color: #0160a2;}
.about_menu .nav-pills .nav-item {transition: all 0.5s;-webkit-transition: all 0.5s;color: inherit;;display: block;flex: 1 1 auto;box-shadow: 0 10px 20px -3px rgb(0 0 0 / 16%);}
.about_menu .nav-pills .nav-item.active{color:#ffffff;background-color: #0160a2;}
.about_menu .nav-pills .nav-item.active a{color: #ffffff;}
.about_menu .nav-pills .nav-item{border-radius:0rem;background-color: #ffffff;}
.about_menu .nav-pills .nav-item:last-child{border-top-right-radius:1rem;border-bottom-right-radius:1rem;}
.about_menu .nav-pills .nav-item:first-child{border-top-left-radius:1rem;border-bottom-left-radius:1rem;}
@media (max-width: 576px){
  .about_menu .nav-pills .nav-link {border-radius:0rem;font-size: 16px;color:#666666;padding: 1.1rem 1rem;}
  .about_menu .nav-pills .nav-item {display: block;flex: 1 1 auto; margin-bottom: 1rem;box-shadow: 0 10px 20px -3px rgb(0 0 0 / 16%);}
  .about_menu .nav-pills .nav-item:last-child{border-top-right-radius:0rem;border-bottom-right-radius:0rem;}
  .about_menu .nav-pills .nav-item:first-child{border-top-left-radius:0rem;border-bottom-left-radius:0rem;}

}
@media (min-width:500px){
  .about_menu .nav-pills .nav-link {border-radius:0rem;font-size: 16px;color:#666666;padding: 1.1rem 1rem;}
  .about_menu .nav-pills .nav-item {display: block;flex: 1 1 auto; margin-bottom: 1rem;box-shadow: 0 10px 20px -3px rgb(0 0 0 / 16%);}
  .about_menu .nav-pills .nav-item:last-child{border-top-right-radius:0rem;border-bottom-right-radius:0rem;}
  .about_menu .nav-pills .nav-item:first-child{border-top-left-radius:0rem;border-bottom-left-radius:0rem;}
}
@media (min-width: 768px){
  .about_menu .nav-pills .nav-link {border-radius:0rem;font-size:18px;color:#666666;padding: 2.4rem .5rem;}
  .about_menu .nav-pills .nav-link:hover{color: #ffffff;}
  .about_menu .nav-pills .nav-item:hover{color:#ffffff;background-color: #0160a2;}
  .about_menu .nav-pills .nav-item {transition: all 0.5s;-webkit-transition: all 0.5s;color: inherit;;display: block;flex: 1 1 auto;box-shadow: 0 10px 20px -3px rgb(0 0 0 / 16%);}
  .about_menu .nav-pills .nav-item.active{color:#ffffff;background-color: #0160a2;}
  .about_menu .nav-pills .nav-item.active a{color: #ffffff;}
  .about_menu .nav-pills .nav-item{border-radius:0rem;background-color: #ffffff;}
  .about_menu .nav-pills .nav-item:last-child{border-top-right-radius:1rem;border-bottom-right-radius:1rem;}
  .about_menu .nav-pills .nav-item:first-child{border-top-left-radius:1rem;border-bottom-left-radius:1rem;}
}
@media (min-width: 992px){
  .about_menu .nav-pills .nav-link {border-radius:0rem;font-size: 24px;color:#666666;padding: 2.4rem .5rem;}
  .about_menu .nav-pills .nav-link:hover{color: #ffffff;}
  .about_menu .nav-pills .nav-item:hover{color:#ffffff;background-color: #0160a2;}
  .about_menu .nav-pills .nav-item {transition: all 0.5s;-webkit-transition: all 0.5s;color: inherit;;display: block;flex: 1 1 auto;box-shadow: 0 10px 20px -3px rgb(0 0 0 / 16%);}
  .about_menu .nav-pills .nav-item.active{color:#ffffff;background-color: #0160a2;}
  .about_menu .nav-pills .nav-item.active a{color: #ffffff;}
  .about_menu .nav-pills .nav-item{border-radius:0rem;background-color: #ffffff;}
  .about_menu .nav-pills .nav-item:last-child{border-top-right-radius:1rem;border-bottom-right-radius:1rem;}
  .about_menu .nav-pills .nav-item:first-child{border-top-left-radius:1rem;border-bottom-left-radius:1rem;}
}
@media (min-width: 1200px){
  .about_menu .nav-pills .nav-link {border-radius:0rem;font-size: 24px;color:#666666;padding: 2.4rem .5rem;}
  .about_menu .nav-pills .nav-link:hover{color: #ffffff;}
  .about_menu .nav-pills .nav-item:hover{color:#ffffff;background-color: #0160a2;}
  .about_menu .nav-pills .nav-item {transition: all 0.5s;-webkit-transition: all 0.5s;color: inherit;;display: block;flex: 1 1 auto;box-shadow: 0 10px 20px -3px rgb(0 0 0 / 16%);}
  .about_menu .nav-pills .nav-item.active{color:#ffffff;background-color: #0160a2;}
  .about_menu .nav-pills .nav-item.active a{color: #ffffff;}
  .about_menu .nav-pills .nav-item{border-radius:0rem;background-color: #ffffff;}
  .about_menu .nav-pills .nav-item:last-child{border-top-right-radius:1rem;border-bottom-right-radius:1rem;}
  .about_menu .nav-pills .nav-item:first-child{border-top-left-radius:1rem;border-bottom-left-radius:1rem;}
}
/*floatwindow*/
.floatwindow{position:fixed;right: 10px;bottom:20%;color: #ffffff;z-index: 999;animation-fill-mode: none;}
.floatwindow .float_block{background: #444444;padding:.5rem 1rem;}
.floatwindow a{display: block;}
.floatwindow a .float_block{color: #ffffff;text-decoration:none;}
.floatwindow a:hover .float_block{color: #ffffff;text-decoration:none;}

a.float_border{border:1px solid #ffffff;color: #666;display: block; border-radius: 8px;}
a:hover.float_border{border:1px solid #0160a2;color: #333333;}
.rounded-8{border-radius: 8px;}
a.float_border .im_title_center{background: #666666;}
a:hover.float_border .im_title_center{background: #0160a2;}

@media (max-width: 576px){
  .floatwindow{position:fixed;right:0px;bottom:30%;color: #ffffff;z-index: 999;animation-fill-mode: none;}
  .floatwindow .float_block{background: #444444;padding:.5rem;margin-bottom: .5rem;}
  .floatwindow a{display: block;}
  .floatwindow a .float_block{color: #ffffff;text-decoration:none;}
  .floatwindow a:hover .float_block{color: #ffffff;text-decoration:none;}
  .floatwindow .f12{display:block;}
  .floatwindow .im_title_center{display: none;}
  .floatwindow .mb05{margin-bottom:.5rem;}
  .floatwindow .f32{font-size:22px !important;}
}
/*footer*/
.footer{background-color: #272727;padding: 3rem 0;position: relative;}
.footer a{display:table;font-size: .75rem;color: #999999;text-decoration:none;line-height: 27px;}
.footer a:hover{display:table;font-size:.75rem;color: #ffffff;text-decoration:none;}
.footer .title{color: #ffffff;font-size: .875rem;}
.footer .title .word-space {word-spacing:.5rem;}
.footer .subnavigation{margin-top: 8px;}
.footer p{font-size: .75rem;color:#999999;margin: 1rem 0;line-height: 18px;}
.footer .input-group-sm>.custom-select,.footer .input-group-sm>.form-control:not(textarea) {height: calc(1.5em + 0.5rem + 6px); font-size: .75rem;color: #999999;border-color:#999999;background-color: transparent; }
.footer .btn-dark {color: #cccccc;background-color: #444444;border-color: #333232;padding: .5rem;}
.footer .follow-us {font-size: 1rem;margin-top: .5rem;}
.footer .follow-us .list-group-item {position: relative;display: block;padding: 2px 8px;background-color:#272727;border:none; border-radius: 32px;text-align: center;vertical-align: middle; line-height: 1;}
.footer .follow-us .list-group-item:hover {position: relative;display: block;padding: 2px 8px;background-color:#444444;border:none; border-radius: 32px;text-align: center;vertical-align: middle; line-height: 1;}
.footer .follow-us .list-group-item .luoshi-weixin:hover{color: #00DF6C;}
.footer .follow-us .list-group-item .luoshi-shipinhao:hover{color:#E7A472;}
.footer .follow-us .list-group-item .luoshi-youtube:hover{color:#EB3E25;}
.footer .follow-us .list-group-item .luoshi-linkedin:hover{color:#32A0F5;}
.footer .dropup .dropdown-menu { background-color: transparent;top: auto;bottom: 100%;margin-top: 0;margin-bottom:0rem;left: -6.7rem;min-width: 145px;}
.footer .language{border-bottom: 1px solid #999999;padding-bottom: .75rem;margin-bottom: .75rem;line-height: 24px;}
.footer .language .block{background-color:transparent;padding:0 1rem;border-radius: 3px;}
.footer .language .block:hover{background-color:#3A3A3A;padding:0 1rem;border-radius: 3px;}
.footer .language .dropup .dropdown-menu {background: #fff;left: 0;min-width: 157px;}
.footer .language .dropup .dropdown-menu .dropdown-item {color: #333333;padding: 0 1rem;line-height: 32px;background-color: #ffffff;}
.footer .copyright {color: #999999;}
.footer .copyright a{display: inline-block;}
.footer .links {margin-bottom: 1rem;}
.footer .links a{display: inline-block;margin-right: 1rem;}
.footer .location{left: -10px !important}
@media (max-width: 576px){
  .footer .ml-auto{margin-right: auto!important;margin-left: unset !important;}
}
/*center*/
.center .darkblock {background-color: #272727;}
.center .title{padding-top: 50px;}

.center ul.tabmenu{list-style-type: none;text-align: left;margin: 0;padding: 0;color: #333333;font-size: 16px;text-align: left;}
.center ul.tabmenu li{padding-left: .5rem;margin:16px 0px;}
.center ul.tabmenu li.active{border-left: 4px solid #0160a2;padding-left: 4px;}
.center ul.tabmenu li a{color: #333333;}
.center ul.tabmenu li a:hover{color: #333333; text-decoration: none;}

.center .menu {padding-bottom: 14px;}
.center .menu .tab{text-align: left;display: block;margin-bottom: 0;}
.center .menu .tab a{color: #ffffff;padding-bottom: .5rem;}
.center .menu .tab a.active {border-bottom: 4px solid #0160a2;}

@media (max-width: 576px){
  .center ul.tabmenu{list-style-type: none;text-align: left;margin: 0;padding: 0;color: #333333;font-size: 16px;text-align:center;margin-bottom:2rem;}
  .center ul.tabmenu li {display: inline-block;padding-bottom: .5rem;margin:0px 16px;padding-left: 0;}
  .center ul.tabmenu li.active{border-bottom: 4px solid #0160a2;border-left: none;}
  .form-center{text-align: center;}

  .center .menu {padding-bottom:0px;}
  .center .menu .tab{text-align: center;display: block;margin-bottom:50px;}

}
/*search*/
.search {margin-bottom: 50px;}
.search a{ display: block;position: relative;transform: translate(0, 0);transition: all .4s ease;}
.search a:hover{ display: block;position: relative;transform: translate(15px, 0);transition: all .4s ease;}

.search a .title{color: #333333;font-size:20px;font-weight: bold;margin-bottom:.5rem;}
.search a:hover .title{color: #0160a2;}

.search a .info{font-size:14px;color: #666666;font-weight:normal;line-height:20px;}
.search a.list-group-item{padding:.75rem 0rem;}
/*media*/
ul.list-unstyled {margin-bottom: 50px;}
ul.list-unstyled li:last-child{margin-bottom: 0px;padding-bottom: 0px;border: none;}
.list-unstyled .media{margin-bottom: 2rem;padding-bottom: 2rem;}
.list-unstyled .media .news_time{border-left: 4px solid #D80C18;padding-left:.5rem;margin-bottom: 1rem;}
.list-unstyled .media .news_time .date{color: #666666;font-size: 32px;font-weight:lighter;margin-bottom: .25rem;}
.list-unstyled .media .news_time .ym{color: #666666;font-size: 14px;font-weight:lighter;}
.list-unstyled .media .media-body .next{margin-top:110px;}
.list-unstyled .media .media-body p{
  font-size: 16px;
  color: #666666;
  line-height: 24px;
  height: 45px;
  margin-bottom:0px;
  display: -webkit-box; /*盒子模型微弹性伸缩模型*/
  word-wrap:break-word; /*链接字母强制换行*/
  -webkit-box-orient: vertical; /*伸缩盒子的子元素垂直排列*/
  text-overflow: ellipsis;  /*文本溢出时,显示省略号 IE, WebKit (Safari, Chrome), Firefox 7, Opera 11*/
  overflow: hidden; /*内容超出,隐藏元素 */
  -webkit-line-clamp: 2;}
.list-unstyled .media .media-body h5{
  
  word-wrap:break-word; /*链接字母强制换行*/
  -webkit-box-orient: vertical; /*伸缩盒子的子元素垂直排列*/
  text-overflow: ellipsis;  /*文本溢出时,显示省略号 IE, WebKit (Safari, Chrome), Firefox 7, Opera 11*/
  overflow: hidden; /*内容超出,隐藏元素 */
  -webkit-line-clamp: 1;}
@media (max-width: 576px){
  .newscenter .list-unstyled .media img{ margin-right: 0px !important;margin-bottom: 1rem;width: 100% !important;}
  .newscenter .list-unstyled .media {display: block;}
  .list-unstyled .media .media-body .next{display: none;}

}
@media (min-width:500px){
  .newscenter .list-unstyled .media img{ margin-right: 0px !important;margin-bottom: 1rem;width: 100% !important;}
  .newscenter .list-unstyled .media {display: block;}
  .list-unstyled .media .media-body .next{display: none;}
}
@media (min-width:768px){
  .newscenter .list-unstyled .media img{ margin-right:1rem !important;margin-bottom:0rem;width:193px !important;height:150px;}
  .newscenter .list-unstyled .media {display:flex;}
  .list-unstyled .media .media-body .next{display: none;}
}
@media (min-width:992px){
  .newscenter .list-unstyled .media img{ margin-bottom:0rem;width:390px !important;height:302px;}
  .newscenter .list-unstyled .media {display:flex;}
  .list-unstyled .media .media-body .next{display:unset;}
}
@media (min-width:1200px){
  .newscenter .list-unstyled .media img{ margin-bottom:0rem;width:390px !important;height:302px;}
  .newscenter .list-unstyled .media {display:flex;}
  .list-unstyled .media .media-body .next{display:unset;}
}
/*table*/
.table .thead-dark th {color: #333;background-color: #f0f0f0;border-color: #cccccc;}
.table {width: 100%;margin-bottom:50px;color: #333333;word-break: keep-all;}
table.im i{font-size: 14px !important }
/*pages*/
.page-link {position: relative;display: block;padding: 0.5rem 0.75rem;margin-left: -1px;line-height: 1.25;color: #666;background-color: #fff;border: 1px solid #dee2e6;}
.page-link:hover {z-index: 2;color: #0160a2;text-decoration: none;background-color: #e9ecef;border-color: #dee2e6;}
.page-item.active .page-link {z-index: 3;color: #fff;background-color: #0160a2;border-color: #0160a2;}
/*login*/
.sidebar {position: fixed;top: 0;bottom: 0;left: 0;z-index: 100;padding:0px;width: 420px;background-color: #00030a}
.sidebar-sticky {position: relative;top: 0;height: calc(100vh);padding-top: 0.5rem;overflow-x: hidden;overflow-y: auto;}
.sidebar-sticky {position: -webkit-sticky;position: sticky;}
.form-signin {width: 100%;max-width:500px;padding: 15px 0px;margin: auto;}
.logintitle {font-size: 32px;font-weight: 500;}

.login_logo {position:absolute;padding:30px 0px 0px 30px;}
.login .copyright {/*position: absolute;*/padding:0px 0px 15px 15px;}
.cover{position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;z-index: 0;}
.cover_img {width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;color: transparent;background-size: cover;background-position: 50% 50%;background-repeat: none;opacity: 1;z-index: 0;}
.login .main{padding:35px 50px;background-color: #ffffff;border-radius: 25px;}
@media (max-width: 576px){
  .cover_img {width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;color: transparent;background-size: cover;background-position: 24% 50%;background-repeat: none;opacity: 1;z-index: 0;}
  .login_logo {position:absolute;padding:15px 0px 0px 15px;}
  .login .copyright {position: absolute;padding:0px 0px 15px 15px;text-align: center;}
  .login .main{padding: 15px;background-color: #ffffff;border-radius: 15px;}
}
/*system*/
@media (max-width: 576px){
  .system {margin-bottom: 280px;padding-top: 50px;height:1207px;width: 100%;}
  .system_block {padding: 50px 15px;margin-bottom:2rem;position: relative;top:50px;height:396px;background:#ffffff; }
  .system_block:hover {padding: 50px 30px;margin-bottom: 30px;position: relative;top:50px;height: 424px;background-color: #f0f0f0;}
}
@media (min-width:576px){
  .system {margin-bottom: 290px;padding-top: 50px;height:1207px;width: 100%;}
  .system_block {padding: 50px 15px;margin-bottom:2rem;position: relative;top:50px;height:396px;background:#ffffff; }
  .system_block:hover {padding: 50px 30px;margin-bottom: 30px;position: relative;top:50px;height: 424px;background-color: #f0f0f0;}
}
@media (min-width:768px){
  .system {margin-bottom: 290px;padding-top: 50px;height:1290px;width: 100%;}
  .system_block {padding: 50px 15px;margin-bottom:2rem;position: relative;top:50px;height:425px;background:#ffffff; }
  .system_block:hover {padding: 50px 30px;margin-bottom: 30px;position: relative;top:50px;height: 424px;background-color: #f0f0f0;}
}
@media (min-width:992px){
  .system {margin-bottom: 230px;padding-top: 50px;height: 440px;width: 100%;}
  .system_block {padding: 50px 10px;margin-bottom:0px;position: relative;top:50px;height: 424px;background:#ffffff; }
  .system_block:hover {padding: 50px 30px;margin-bottom: 30px;position: relative;top:50px;height: 424px;background-color: #f0f0f0;}
  .system_block .f14{font-size: 12px !important}
}
@media (min-width:1200px){
  .system {margin-bottom: 230px;padding-top: 50px;height: 440px;width: 100%;}
  .system_block {padding: 50px 30px;margin-bottom:0px;position: relative;top:50px;height: 424px;background:#ffffff; }
  .system_block:hover {padding: 50px 30px;margin-bottom: 30px;position: relative;top:50px;height: 424px;background-color: #f0f0f0;}
}
/*flexrobot*/
.flexrobot {margin-bottom:122px;padding-top: 50px;height:530px;width: 100%;}
.flexrobot_block {padding: 50px 30px;margin-bottom: 100px;position: relative;top:50px;height: 424px;}

@media (max-width: 576px){
  .flexrobot {margin-bottom: 200px;padding-top: 50px;height:350px;width: 100%;}
  .flexrobot_block {padding: 50px 30px;margin-bottom: 30px;position: relative;top:50px;height: 424px;}
}
@media (min-width: 500px){
  .flexrobot {margin-bottom: 50px;padding-top: 50px;height:590px;width: 100%;}
  .flexrobot_block {padding: 50px 30px;margin-bottom: 30px;position: relative;top:50px;height: 424px;}
}
@media (min-width:992px){
  .flexrobot {margin-bottom:205px;padding-top: 50px;height:436px;width: 100%;}
  .flexrobot_block {padding: 50px 30px;margin-bottom: 30px;position: relative;top:50px;height: 424px;}
}
/*accordion*/
.accordion{margin-top: 50px;}
.accordion .dh {width: 100%;background:#272727;}
.accordion .dh ul{position: relative;overflow: hidden;width:100%;height:700px;margin:0px auto;background:#272727;}
.accordion .dh ul li{float: left;width:calc(100%/4 - 120px) !important;overflow: hidden;height: 100%;position: relative;cursor: pointer;transition: all 0.5s;-webkit-transition: all 0.5s;}
.accordion .dh ul li.curr{width: 480px !important}
.accordion .dh ul li a{display: block;width: 100%;height: 100%;}
.accordion .dh ul li a img{display: block;max-width:unset;}
.accordion .dh ul li .layer{position: absolute;bottom: 0;left: 0;width: 100%;background:rgba(27,29,36,0.75);height: 100%;}
.accordion .dh ul li.curr .layer{background:rgba(27,29,36,0.45) !important;}
.accordion .dh ul li .layer .p1{position: absolute;left:75px;top: 320px}
.accordion .dh ul li .layer .p2{position: absolute;right: -200%;top: 217px;}
.accordion .dh ul li .layer .p2 b,.dh ul li .layer .p2 span{display: block;font-weight: bold;font-size:38px;}
.accordion .dh ul li .layer .p1 b,.dh ul li .layer .p1 span{display: block;font-weight: bold;font-size:38px;}

/*.accordion .dh ul li.curr{}*/
/* .dh ul li.curr .layer .p1{left: -200%;}
.dh ul li.curr .layer .p2{left: 10px;} */

.accordion .col1{color: #ffffff;width: 330px;line-height: 24px;}
.accordion .col1 div{margin: .7rem 0;line-height: 22px;}

.accordion .col2{color: #fff;width: 300px}

.accordion .round {
    border: 1px solid #ffffff;
    border-radius: 50rem;
    width: 6px;
    height: 6px;
    margin: 2px .5rem 2px 0;
    background: transparent;
    display: inline-block;
}
@media (max-width: 576px){
  .accordion .dh {width: 100%;background:#272727;}
  .accordion .dh ul{position: relative;overflow: hidden;width:100%;height:auto;margin:0px auto;background:#272727;}
  .accordion .dh ul li{float:none;width:100% !important;overflow: hidden;height: 100%;position: relative;cursor: pointer;}
  .accordion .dh ul li a{display: block;width: 100%;height: 100%;}
  .accordion .dh ul li a img{display: block;max-width:unset;}
  .accordion .dh ul li .layer{position: absolute;bottom: 0;left: 0;width: 100%;background:rgba(27,29,36,0.75);height: 100%;}
  .accordion .dh ul li.curr .layer{background:rgba(27,29,36,0.45) !important;}
  .accordion .dh ul li .layer .p1{position: absolute;left:-200% !important;top: 320px;display:none;}
  .accordion .dh ul li .layer .p2{position: absolute;left:40px !important;top: 217px;}
  .accordion .dh ul li .layer .p2 b,.dh ul li .layer .p2 span{display: block;font-weight: bold;font-size:38px;}
  .accordion .dh ul li .layer .p1 b,.dh ul li .layer .p1 span{display: block;font-weight: bold;font-size:38px;}

  .accordion .dh ul li.curr{}
  /* .dh ul li.curr .layer .p1{left: -200%;}
  .dh ul li.curr .layer .p2{left: 10px;} */

  .accordion .col1{color: #ffffff;width: 320px;}
  .accordion .col1 div{margin: .7rem 0;line-height: 22px;}

  .accordion .col2{color: #fff;width: 300px}
}
/*details*/
.details {padding:50px 30px 0px 30px;}
.details .title{font-size: 32px;font-weight: 500;color: #333333;line-height: 42px;margin-bottom:2rem;}
.details .info{font-size: 14px;color: #666666;}
.details img{margin:1rem 0;width: 100%;height: auto;}
.details video{width: 100%;height: auto;}
@media (max-width: 576px){
  .details {padding:30px 0px 0px 0px;}
  .details .title{font-size:24px;font-weight: 500;color: #333333;line-height:32px;margin-bottom:2rem;}

}
/*application*/
.application.pt100{padding-top: 100px;}
/*question*/
#accordion_question {margin-bottom: 50px;}
.question .input-group{border: 2px solid #0160a2;border-radius:.4rem;}
.question .btn-light{margin: 0 5px;position: relative;background-color: #EAEAEA;border-color: #EAEAEA;color: #666666;font-weight: normal;border-radius:50rem!important;overflow: hidden;-webkit-transition: background-color 0.3s, border-color 0.3s, color 0.3s;transition: background-color 0.3s, border-color 0.3s, color 0.3s;padding: 2px 15px 2px 35px;}
.question .btn-light:hover {background: #0160a2;border-color: #0160a2;color: #fff;}
.question .btn-light:hover i, .question .btn-light:hover > span {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.question i{position: absolute;left: 13px;font-size: 18px;-webkit-transform: translate3d(-40px, 2.5em, 0);transform: translate3d(-40px, 2.5em, 0);-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.btn-light > span {display: inline-block;-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.btn > span {vertical-align: middle;}

.question .active{background: #0160a2;border-color: #0160a2;color: #fff;}
.question .active i, .question .active > span {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.question .btn-light:not(:disabled):not(.disabled).active, .question .btn-light:not(:disabled):not(.disabled):active, .show> .question .btn-light.dropdown-toggle {color: #ffffff;background-color: #0160a2;border-color: #0160a2;}
.question .col-form-label{width: 85px;padding:2px 0px;margin-bottom: 0;line-height: 1.5;color: #333333;}

.question .accordion .card{border: 1px solid #cccccc;border-bottom:0px;border-left: 9px; border-right: 0px;}
.question .accordion .card:nth-child(2n){background-color:#F1F1F1;}

@media (max-width:1199px){
  .question .col-form-label{padding:0px;margin-bottom:1.5rem;line-height: 1;color: #333333;}
  .question .btn-light{margin:.5rem;}
}
@media (min-width:1200px){
  .question .col-form-label{padding:0px;margin-bottom:0px;line-height: 1;color: #333333;}
  .question .btn-light{margin:0px;}
}

/*more-info*/
.more_info {margin-bottom: 68px;}

@media (max-width: 576px){
  .more_info{margin-bottom:34px;}
  .more_info .mb32{margin-bottom:16px;}
  .more_info .p30{padding: 15px;}
  .more_info h4{font-size: 1rem;font-weight: bold;margin-bottom: .25rem;}
  .more_info p{font-size: 12px;margin-bottom: .25rem;}
  .more_info a{font-size: 12px;margin-bottom:0rem;}
  .more_info .f84{font-size: 60px !important;}
  .more_info .mr-3{margin-right: .5rem !important;display: none;}
}
@media (min-width:500px){
  .more_info{margin-bottom:34px;}
  .more_info .mb32{margin-bottom:16px;}
  .more_info .p30{padding: 15px;}
  .more_info h4{font-size: 1rem;font-weight: bold;margin-bottom: .25rem;}
  .more_info p{font-size: 12px;margin-bottom: .25rem;}
  .more_info a{font-size: 12px;margin-bottom:0rem;}
  .more_info .f84{font-size: 60px !important;}
  .more_info .mr-3{margin-right: .5rem !important;display: none;}
}
@media (min-width:768px){
  .more_info{margin-bottom:34px;}
  .more_info .mb32{margin-bottom:16px;}
  .more_info .p30{padding: 15px;}
  .more_info h4{font-size: 1rem;font-weight: bold;margin-bottom: .25rem;}
  .more_info p{font-size: 12px;margin-bottom: .25rem;}
  .more_info a{font-size: 12px;margin-bottom:0rem;}
  .more_info .f84{font-size: 60px !important;}
  .more_info .mr-3{margin-right: .5rem !important;display:block;}
}
/*contact*/
#map {overflow: hidden;width: 100%;height: 800px;margin: 0;font-family: "微软雅黑";z-index: 90;}
.contact .info{color:#333333;line-height: 28px;margin-bottom: 1rem;}
.contact .title{font-size: 16px;font-weight: normal;color: #666;}
.contact .num {font-size: 24px;font-weight:bold;}

.contact .list-group {margin: 0;position:absolute;top:50px;left: 0;width: 350px;background-color: #ffffff;border-radius: 6px;}
.contact .contact_title{font-size: 22px;font-weight: 500;color: #666666;display: block;padding: 1.5rem 1rem;}
.contact .contact_text{display: none;}
.contact .contact_map {display: none;}
.contact .list-group-item {padding:0;background: transparent;}

.contact .list-group-item.active {z-index: 2;color: #333333;background-color:transparent;border:1px solid rgba(0,0,0,.125);}
.contact .list-group-item.active .contact_title span{border-left:4px solid #0160a2;padding-left: 1rem;color: #333333;}
.contact .list-group-item.active .contact_text{display: block;font-size: 16px;line-height: 24px;padding:0 1rem 1.5rem 1rem;color: #333333;}

.contact .dropdown-menu{width: 100%;left: 0;max-height: 300px;overflow: auto;}
.contact .dropdown-item {padding: 1.5rem 1rem;text-align: left;font-size: 22px;font-weight: 500;color: #666666;}

.contact_banner{height:850px!important;}
.contact_banner_content{height:850px!important;background-size:cover !important;}
.contact_banner_container{height: 100%;padding: 100px 0 50px 0;}

.prototype_banner{height:850px!important;}
.prototype_banner_content{height:850px!important;background-size:cover !important;}
.prototype_banner_container{height: 100%;padding: 100px 0 50px 0;}

.consult_banner{height:902px!important;}
.consult_banner_content{height:902px!important;background-size:cover !important;}
.consult_banner_container{height: 100%;padding: 100px 0 50px 0;}

.map_block .card .card-header{padding:0px;background-color: #ffffff;}
.map_block .card .card-header a{font-size: 22px;font-weight: 500;color: #333333;display: block;padding: 1.5rem 1rem;}
.map_block .card .card-body{padding:0px;background-color: #f0f0f0;}


.contact .tab-content {display:block;margin: 0 -15px;}

@media (max-width: 576px){
  #map {overflow: hidden;width: 100%;height: 500px;margin: 0;font-family: "微软雅黑";z-index: 90;}
  .contact .contact_title{font-size:16px;font-weight: 500;color: #666666;display: block;padding: 1rem;}
  .contact .dropdown-item {padding: 1rem;text-align: left;font-size:16px;font-weight: 500;color: #666666;float: none;width: 100%;}

  .contact .list-group-item.active .contact_map{display: block;}
  .contact .list-group {margin: 0 -30px;position: unset;width: auto;}
  .contact .tab-content {display:block;margin: 0 -15px;}

  .contact_banner{height:1135px!important;}
  .contact_banner_content{height:1135px!important;background-size:auto 1135px !important;}
  .contact_banner_container{height: 100%;padding: 100px 0 50px 0;}

  .prototype_banner{height:1030px!important;}
  .prototype_banner_content{height:1030px!important;background-size:auto 1030px !important;}
  .prototype_banner_container{height: 100%;padding: 100px 0 50px 0;}

  .consult_banner{height:1186px!important;}
  .consult_banner_content{height:1186px!important;background-size:auto 1186px !important;}
  .consult_banner_container{height: 100%;padding: 100px 0 50px 0;}
}
@media (min-width:500px){
  img.contact_img{display: none;}
}
@media (min-width:992px){
  img.contact_img{display:block;}
}
/*accordion*/
.accordion  {margin-bottom:0px;}
.accordion .card .card-header{padding:0;}
.accordion .card .card-header a{padding: 1rem 1.25rem;display: block; color: #333333;font-weight: 500;}
.accordion .card .card-body {padding: 1rem 1.25rem; background-color: #ffffff;line-height: 22px;}
.collapsed span{display: inline-block;
  -ms-transform:rotate(180deg); /* IE 9 */
  -webkit-transform:rotate(180deg); /* Safari and Chrome */
  transform:rotate(180deg);}
/*ad_banner*/
section.ad_banner {position: relative;height: 100%;width: 100%;z-index: 800;margin-bottom: 50px;}
section.ad_banner .ad_content {box-sizing: border-box;position: relative;height:400px;width: 100%;padding-top: 0px;text-align:left;color: #fff;background-position: center center;background-repeat: no-repeat;background-size:cover;border-radius: 20px;}

section.ad_banner .ad_block{padding-left: 100px;}
section.ad_banner .ad_content .info{display: table;height: 100%;width: 100%}
section.ad_banner .ad_content .textfile {display: table-cell;vertical-align: middle;}
section.ad_banner .ad_content .ad_text{font-size:16px;font-weight: normal;line-height: 30px;width:28%}
@media (max-width: 576px){
  section.ad_banner {height:300px;overflow: hidden;}
  section.ad_banner .ad_content {box-sizing: border-box;position: relative;height:300px;width: 100%;padding-top: 0px;text-align:left;color: #fff;background-position: center center;background-repeat: no-repeat;background-size:cover;border-radius: 20px;}
  section.ad_banner .ad_block{padding-left:30px;padding-right:30px;}
  section.ad_banner .ad_content .ad_text{font-size:16px;font-weight: normal;line-height: 30px;width:100%}

  section.ad_banner .ad_content:hover{animation: nomove 2s;animation-fill-mode: both;}
  section.ad_banner .ad_content{max-width: unset;animation: nomove 2s;animation-fill-mode: both;}
}
@media (min-width:576px){
  section.ad_banner {height:400px;overflow: hidden;}
  section.ad_banner .ad_content {box-sizing: border-box;position: relative;height:400px;width: 100%;padding-top: 0px;text-align:left;color: #fff;background-position: center center;background-repeat: no-repeat;background-size:cover;border-radius: 20px;}
  section.ad_banner .ad_block{padding-left: 100px;}
  section.ad_banner .ad_content .ad_text{font-size:16px;font-weight: normal;line-height: 30px;width:55%}

  section.ad_banner .ad_content:hover{animation: nomove 2s;animation-fill-mode: both;}
  section.ad_banner .ad_content{max-width: unset;animation: nomove 2s;animation-fill-mode: both;}
}
@media (min-width:992px){
  section.ad_banner {height:400px;overflow: hidden;}
  section.ad_banner .ad_content {box-sizing: border-box;position: relative;height:400px;width: 100%;padding-top: 0px;text-align:left;color: #fff;background-position: center center;background-repeat: no-repeat;background-size:cover;border-radius: 20px;}
  section.ad_banner .ad_block{padding-left: 100px;}
  section.ad_banner .ad_content .ad_text{font-size:16px;font-weight: normal;line-height: 30px;width:40%}

  section.ad_banner .ad_content:hover{animation: bigmove_bg 2s;animation-fill-mode: both;}
  section.ad_banner .ad_content{max-width: unset;animation: smallmove_bg 2s;animation-fill-mode: both;}
}
@media (min-width:1200px){
    section.ad_banner {height:400px;overflow: hidden;}
  section.ad_banner .ad_content {box-sizing: border-box;position: relative;height:400px;width: 100%;padding-top: 0px;text-align:left;color: #fff;background-position: center center;background-repeat: no-repeat;background-size:cover;border-radius: 20px;}
  section.ad_banner .ad_block{padding-left: 100px;}
  section.ad_banner .ad_content .ad_text{font-size:16px;font-weight: normal;line-height: 30px;width:28%}
  section.ad_banner .ad_content:hover{animation: bigmove_bg 2s;animation-fill-mode: both;}
  section.ad_banner .ad_content{max-width: unset;animation: smallmove_bg 2s;animation-fill-mode: both;}
}
/*ad_banner2*/
section.ad_banner2 {position: relative;height: 100%;width: 100%;z-index: 800;margin-bottom: 50px;}
section.ad_banner2 .ad_content2 {box-sizing: border-box;position: relative;height:400px;width: 100%;padding-top: 0px;text-align:left;color: #fff;background-position: center center;background-repeat: no-repeat;background-size:cover;border-radius: 20px;}

section.ad_banner2 .ad_block{padding-left:50px;}
section.ad_banner2 .ad_content2 .info{display: table;height: 100%;width: 100%}
section.ad_banner2 .ad_content2 .textfile {display: table-cell;vertical-align: middle;}
section.ad_banner2 .ad_content2 .ad_text{font-size:16px;font-weight: normal;line-height: 30px;width:44%}
@media (max-width: 576px){
  section.ad_banner2 .ad_content2 {box-sizing: border-box;position: relative;height:230px;width: 100%;padding-top: 0px;text-align:left;color: #fff;background-position: left center;background-repeat: no-repeat;background-size:cover;border-radius: 20px;}
  section.ad_banner2 .ad_block{padding-left:15px;padding-right:15px;}
  section.ad_banner2 .ad_content2 .ad_text{font-size:12px;font-weight: normal;line-height:18px;width:79.5%}
  section.ad_banner2 .ad_content2 .mt1{margin-top: .5rem;}
  section.ad_banner2 .ad_content2 .im_title_center {margin-top: .5rem;}
  section.ad_banner2 .ad_content2 .f32{font-size:20px !important;}
  .ad_banner2 .ad_content2:hover{animation: nomove 2s;animation-fill-mode: both;}
  .ad_banner2 .ad_content2{max-width: unset;animation: nomove 2s;animation-fill-mode: both;}
}
@media (min-width:500px){
  section.ad_banner2 .ad_content2 {box-sizing: border-box;position: relative;height:280px;width: 100%;padding-top: 0px;text-align:left;color: #fff;background-position: -145px center;background-repeat: no-repeat;background-size:cover;border-radius: 20px;}
  section.ad_banner2 .ad_block{padding-left: 15px;}
  section.ad_banner2 .ad_content2 .ad_text{font-size:12px;font-weight: normal;line-height:18px;width:48%}
  section.ad_banner2 .ad_content2 .mt1{margin-top: .5rem;}
  section.ad_banner2 .ad_content2 .im_title_center {margin-top: .5rem;}
  .ad_banner2 .ad_content2:hover{animation: nomove 2s;animation-fill-mode: both;}
  .ad_banner2 .ad_content2{max-width: unset;animation: nomove 2s;animation-fill-mode: both;}
}
@media (min-width:768px){
  section.ad_banner2 .ad_content2 {box-sizing: border-box;position: relative;height:285px;width: 100%;padding-top: 0px;text-align:left;color: #fff;background-position: center center;background-repeat: no-repeat;background-size:cover;border-radius: 20px;}
  section.ad_banner2 .ad_block{padding-left: 50px;}
  section.ad_banner2 .ad_content2 .ad_text{font-size:14px;font-weight: normal;line-height:22px;width:48%}
  section.ad_banner2 .ad_content2 .mt1{margin-top:1rem;}
  section.ad_banner2 .ad_content2 .im_title_center {margin-top:1rem;}
  .ad_banner2 .ad_content2:hover{animation: bigmove_bg 2s;animation-fill-mode: both;}
  .ad_banner2 .ad_content2{max-width: unset;animation: smallmove_bg 2s;animation-fill-mode: both;}
}
@media (min-width:992px){
  section.ad_banner2 .ad_content2 {box-sizing: border-box;position: relative;height:370px;width: 100%;padding-top: 0px;text-align:left;color: #fff;background-position: center center;background-repeat: no-repeat;background-size:cover;border-radius: 20px;}
  section.ad_banner2 .ad_block{padding-left:50px;}
  section.ad_banner2 .ad_content2 .ad_text{font-size:16px;font-weight: normal;line-height: 30px;width:43%}
  section.ad_banner2 .ad_content2 .mt1{margin-top:1rem;}
  section.ad_banner2 .ad_content2 .im_title_center {margin-top:1rem;}
  .ad_banner2 .ad_content2:hover{animation: bigmove_bg 2s;animation-fill-mode: both;}
  .ad_banner2 .ad_content2{max-width: unset;animation: smallmove_bg 2s;animation-fill-mode: both;}
}
@media (min-width:1200px){
  section.ad_banner2 .ad_content2 {box-sizing: border-box;position: relative;height:400px;width: 100%;padding-top: 0px;text-align:left;color: #fff;background-position: center -22px;background-repeat: no-repeat;background-size:cover;border-radius: 20px;}
  section.ad_banner2 .ad_block{padding-left: 50px;}
  section.ad_banner2 .ad_content2 .ad_text{font-size:16px;font-weight: normal;line-height: 30px;width:44%}
  section.ad_banner2 .ad_content2 .mt1{margin-top:1rem;}
  section.ad_banner2 .ad_content2 .im_title_center {margin-top:1rem;}
  .ad_banner2 .ad_content2:hover{animation: bigmove_bg 2s;animation-fill-mode: both;}
  .ad_banner2 .ad_content2{max-width: unset;animation: smallmove_bg 2s;animation-fill-mode: both;}
}
/*pages*/
.pages_content {position: relative;z-index: 900;}
.pages_content .pages{position:relative;top:-50px;margin-bottom:-50px;}
.pages_content .map{padding:50px 0px;background-color: #f7f7f7;margin:50px 0;}

section.pages_banner {position: relative;height: 100%;width: 100%;background-color: #ededed;z-index: 800;}
section.pages_banner .banner_content {box-sizing: border-box;position: relative;height:525px;width: 100%;padding-top: 0px;text-align:left;color: #fff;background-position: center center;background-repeat: no-repeat;background-size:cover;}

section.pages_banner .banner_content .info{display: table;height: 100%;width: 100%}
section.pages_banner .banner_content .textfile {display: table-cell;vertical-align: middle;}
section.pages_banner .banner_content .banner_text{font-size: 20px;font-weight: normal;line-height: 30px;width: 55%}

@media (max-height: 900px){
  section.pages_banner .banner-content {background-size:cover;}
  section.pages_banner {height: 525px;}
}

@media (max-width: 576px){
  section.pages_banner .banner_content .banner_text{font-size:16px;font-weight: normal;line-height:24px;width:85%}
  section.pages_banner .banner_content {box-sizing: border-box;position: relative;height:300px;width: 100%;padding-top: 0px;text-align:left;color: #fff;background-position: center center;background-repeat: no-repeat;background-size:cover;}
  section.pages_banner {height:300px;}
  section.pages_banner .banner_content .f46 {font-size: 28px !important;}

  section.pages_content .pages{position:relative;top:-25px;margin-bottom:-50px;}


}

.file_content {font-size: 16px;padding-top:80px;padding-bottom:50px;}
.file_content p{padding:0px;margin: 0px; }

/*card*/
.school{margin-bottom: 18px;}
.school a{color: #333333;display: block;}
.school a:hover{color: #0160a2;}
.school a .card{border-bottom: 2px solid #f5f5f5;margin-bottom: 2rem;}
.school a:hover .card{border-bottom: 2px solid #0160a2;}
.school a .card-body{background-color: #fff;}
.school a .card-body h5{margin-bottom:0px;font-size: 16px;height:39px;display: -webkit-box;word-wrap: break-word;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2;}


.school .card-text{font-size: 12px;color: #666666;margin-top: .5rem;font-weight: normal;line-height: 18px;}


.myschool .title{color: #333333;font-size: 20px;font-weight: 500;margin-bottom: 1rem;}
.myschool .title span{font-size: 12px;font-weight: 500;}

.record .tab-pane {padding-top: 1rem;}
.record dl{margin-bottom: 0px;}
.record dt, .record dd{font-size: 12px !important;color: #333333;font-weight: normal;margin-bottom: 1rem;}
.record dt {display: -webkit-box;word-wrap: break-word;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 1;}
.record dt a{color: #333333;}
.record dt a:hover{color: #0160a2;}

.record .nav-link {font-size: 12px;font-weight: 500;display: block;padding: 0.5rem 1rem;background-color:#f1f1f1;color: #666666}
.record .nav-pills .nav-link.active, .nav-pills .show>.nav-link {color: #333333;background-color: #cccccc;}


.course .details {background-color: #ffffff;padding:30px;margin-top: 2rem;margin-bottom: 50px;}
.course .myschool .file_content {padding-top: 0px;}
.course .title{font-size:20px;font-weight: 500;color: #333333;margin-bottom:1rem;}
.course .info{font-size: 14px;color: #666666;margin-bottom: 2rem;}


.offline .myschool{margin-top:2rem;background-color: #ffffff;padding:30px;}
.offline .details {background-color: #ffffff;padding:30px;margin-top: 2rem;margin-bottom: 50px;}
.offline .myschool .file_content {padding-top: 0px;}

.offline {color: #333333 !important;}
.offline .bigtitle{height: 64px;font-size: 24px;line-height: 32px;font-weight: 500;margin-bottom:90px;display: -webkit-box;word-wrap: break-word;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2;}
.offline .icon_block{margin-right:.25rem;border-radius: 4px;background-color: #17191C;color: #ffffff;padding: 5px;display: inline-flex;vertical-align: top}
.offline .mess{display: inline-block;}
.offline .mess .mess_info{font-size: 16px;font-weight:bold;margin-bottom: .25rem;}
.offline .num{font-size: 24px; font-weight:500;margin-bottom: .5rem;color: #666666;}
.offline .info_text{font-size: 12px;color: #666666;}
@media (max-width: 576px){
  .school a .card-body{padding:15px;}
  .school a .mask{position: absolute;background-color: #000000;opacity: 0;width: 100%;height:107px;display: table;transition: all 0.5s;-webkit-transition: all 0.5s;}
  .school a .mask i{opacity:1;font-size:50px;color: #ffffff;text-align: center;display: table-cell;height: 100%;vertical-align: middle;}
  .school .plan a .mask{position: absolute;background-color: #000000;opacity: 0;width: 100%;height:107.18px;display: table;transition: all 0.5s;-webkit-transition: all 0.5s;}


  .myschool .file_content{padding-top: 0px;}
  .myschool {margin-bottom: 50px;padding: 0px !important;}

  .course .details {background-color: #ffffff;padding:15px;margin-top: 1rem;margin-bottom:30px;}
  .course .myschool{margin-top:0px;margin-bottom: 50px;background-color: #ffffff;padding:0px;}


  .offline .bigtitle{margin-bottom: 32px;}
  .offline .details {padding:0px;margin-bottom: 0px;}

}
@media (min-width:500px){
  .course .myschool{margin-top:0px;margin-bottom: 50px;background-color: #ffffff;padding:0px;}
  .offline  .myschool {margin-bottom: 50px;padding: 0px;}

  .school a .mask{position: absolute;background-color: #000000;opacity: 0;width: 100%;height:146px;display: table;transition: all 0.5s;-webkit-transition: all 0.5s;}
  .school a:hover .mask{opacity: .65;}
  .school a .mask i{opacity:1;font-size:70px;color: #ffffff;text-align: center;display: table-cell;height: 100%;vertical-align: middle;}

  .school .plan a .mask{position: absolute;background-color: #000000;opacity: 0;width: 100%;height:146px;display: table;transition: all 0.5s;-webkit-transition: all 0.5s;}
  .school .plan a:hover .mask{opacity: .65;}
  .school .plan a .mask i {opacity: 1;font-size: 70px;color: #ffffff;text-align: center;display: table-cell;height: 100%;vertical-align: middle;}
}
@media (min-width:768px){
  .course .myschool{margin-top: 50px;margin-bottom: 0px;background-color: #ffffff;padding:0px;}
  .offline  .myschool {margin-bottom:0px;padding: 30px 0;}

  .school a .mask{position: absolute;background-color: #000000;opacity: 0;width: 100%;height:127px;display: table;transition: all 0.5s;-webkit-transition: all 0.5s;}
  .school a:hover .mask{opacity: .65;}
  .school a .mask i{opacity:1;font-size:90px;color: #ffffff;text-align: center;display: table-cell;height: 100%;vertical-align: middle;}

  .school .plan a .mask{position: absolute;background-color: #000000;opacity: 0;width: 100%;height:201px;display: table;transition: all 0.5s;-webkit-transition: all 0.5s;}
  .school .plan a:hover .mask{opacity: .65;}
  .school .plan a .mask i {opacity: 1;font-size: 70px;color: #ffffff;text-align: center;display: table-cell;height: 100%;vertical-align: middle;}
}
@media (min-width: 992px){
  .course .myschool{margin-top: 50px;margin-bottom: 0px;background-color: #ffffff;padding:0px;}
  .school a .mask{position: absolute;background-color: #000000;opacity: 0;width: 100%;height:111px;display: table;transition: all 0.5s;-webkit-transition: all 0.5s;}
  .school a:hover .mask{opacity: .65;}
  .school a .mask i{opacity:1;font-size:55px;color: #ffffff;text-align: center;display: table-cell;height: 100%;vertical-align: middle;}

  .school .plan a .mask{position: absolute;background-color: #000000;opacity: 0;width: 100%;height:127.39px;display: table;transition: all 0.5s;-webkit-transition: all 0.5s;}
  .school .plan a:hover .mask{opacity: .65;}
  .school .plan a .mask i {opacity: 1;font-size: 55px;color: #ffffff;text-align: center;display: table-cell;height: 100%;vertical-align: middle;}
}
@media (min-width: 1200px){
  .course .myschool{margin-top: 50px;margin-bottom: 0px;background-color: #ffffff;padding:0px;}
  .school a .mask{position: absolute;background-color: #000000;opacity: 0;width: 100%;height:148px;display: table;transition: all 0.5s;-webkit-transition: all 0.5s;}
  .school a:hover .mask{opacity: .65;}
  .school a .mask i{opacity:1;font-size:80px;color: #ffffff;text-align: center;display: table-cell;height: 100%;vertical-align: middle;}

  .school .plan a .mask{position: absolute;background-color: #000000;opacity: 0;width: 100%;height:169.02px;display: table;transition: all 0.5s;-webkit-transition: all 0.5s;}
  .school .plan a:hover .mask{opacity: .65;}
  .school .plan a .mask i {opacity: 1;font-size: 80px;color: #ffffff;text-align: center;display: table-cell;height: 100%;vertical-align: middle;}
}
/*culture*/
.culture_block {height:100%;padding-left: 5%;padding-top: 10%;}
.culture_block .textinfo {display: table-cell;height: 100%; line-height:30px;}
.culture_block .title {font-size: 42px;color: #333333;font-weight: 500;}
.culture_block .title span {border-bottom: 4px solid #333333;}
@media (max-width: 576px){
  .culture_block .title {font-size:28px;color: #333333;font-weight: 500;}
  .culture_block .f22 {font-size: 14px !important;}
}
@media (min-width:500px){
  .culture_block .title {font-size:28px;color: #333333;font-weight: 500;}
  .culture_block .f22 {font-size:22px; line-height:30px; !important;}
}
/*quick_link*/
.quick_link {margin-bottom: 50px;}
.quick_link .block{padding:60px 50px;background: #ffffff;}
.quick_link .block:hover{padding:60px 50px;background: #f1f1f1;}
@media only screen and (max-width: 734px){
.quick_link {margin-bottom:50px;}
.quick_link .block{padding:30px 15px;background: #f0f0f0;margin-bottom: 2rem;}

}
@media (max-width: 576px){
  section.quick_link .f24{font-size: 1rem !important;}
  section.quick_link .f16{font-size:12px !important;}
  section.quick_link .f58{font-size:48px !important;}
  .quick_link .block{padding:15px;background: #f0f0f0;margin-bottom:1rem;}
  .quick_link .block:hover{padding:15px;background: #f1f1f1;}

}
@media (min-width:500px){
  section.quick_link .f24{font-size:18px !important;}
  section.quick_link .f16{font-size:16px !important;}
  section.quick_link .f58{font-size:48px !important;}
  .quick_link .block{padding:15px;background: #f0f0f0;margin-bottom:1rem;}
  .quick_link .block:hover{padding:15px;background: #f1f1f1;}


}
@media (min-width:992px){
  section.quick_link .f24{font-size:24px !important;}
  section.quick_link .f16{font-size:16px !important;}
  section.quick_link .f58{font-size:58px !important;}
  .quick_link .block{padding:60px 50px;background: #f0f0f0;margin-bottom:1rem;}
  .quick_link .block:hover{padding:60px 50px;background: #f1f1f1;}
}

/*test*/
.collage-wrapper {height:calc(var(--card-height)*1.6 + var(--card-gap)*1 - 780px - var(--card-gap));}

.section-collage {--card-width: 600px;--card-height: 550px;--card-border-radius: 20px;--card-padding: 0 50px 50px;--card-gap: 20px;--card-image-gap: 30px;background-color: #f5f5f7;text-align: center;padding-top: 100px}
.section-collage .content-container {position: relative;}
.section-collage .collage-wrapper {position: absolute;top: 0;width: 100%;}

.section-collage .cards>* {width: 100%;}
@media only screen and (max-width: 734px){
.section-collage {
    --card-width: 360px;
    --card-height: 280px;}
}

@media only screen and (max-width: 734px){
.small-wrapper {width: 600px;height: calc(550px + var(--card-gap));}
.section-spaces .overview-image-6 {top: 0;right: 0;transform: translateY(70px);position: absolute;}
}
@media only screen and (max-width: 734px){
.small-wrapper {
    position: relative;
    left: 50%;
    transform: translateX(-50%);}
}

@media only screen and (min-width: 735px){
.section-collage {overflow: visible;}
.section-collage .content-container {height:calc(var(--card-height)*1.6 + var(--card-gap)*1);}
.section-collage .collage-wrapper {position: relative;}
.section-collage .collage {position: sticky;top:50px; /*calc(var(--r-localnav-height) + var(--card-gap));height: 0;*/}
.section-collage .collage-overflow {position: relative;overflow: hidden;width: 100%;}
}

.collage-overflow {height: calc(780px + var(--card-gap));overflow: hidden;}
.overview-image-5 {transform: translate(calc(var(--card-width)/-2 - 275px - var(--card-image-gap)),50px);}
.overview-image-6 {transform: translate(calc(var(--card-width)/2 + 180px + var(--card-image-gap)));}
.overview-image-7 {transform: translate(calc(var(--card-width)/2 + 315px + var(--card-image-gap)),calc(330px + var(--card-gap)));}

.overview-image-5 {display: block;width: var(--p-width);height: var(--p-height);--p-width: 550px;--p-height: 500px;}
.overview-image-6 {display: block;width: var(--p-width);height: var(--p-height);--p-width: 360px;--p-height: 330px;}
.overview-image-7 {display: block;width: var(--p-width);height: var(--p-height);--p-width: 630px;--p-height: 450px;}

@media only screen and (min-width: 735px){
.section-collage .collage-image {top: 0;border-radius: var(--card-border-radius);overflow: hidden;}
.section-spaces .overview-image-5 {position: absolute;left: 50%;margin-left: -275px;}
.section-spaces .overview-image-6 {position: absolute;left: 50%;margin-left: -180px;}
.section-spaces .overview-image-7 {position: absolute;left: 50%;margin-left: -315px;}
}

@media only screen and (max-width: 734px) and (max-width: 734px){
.overview-image-5 {--p-width: 360px;--p-height: 270px;}
.overview-image-6 {--p-width: 220px;--p-height: 200px;}
}
.section-content {margin-left: auto;margin-right: auto;width: 980px;}
.section-collage .cards {display: flex;flex-direction: column;align-items: center;height: 890px;
    overflow: auto;}

@media only screen and (min-width: 735px){
.section-collage .cards {position: absolute;top: 0;width: 100%;}
}

@media only screen and (min-width: 1441px){
.section-content {margin-left: auto;margin-right: auto;width: 980px;}
}
@media only screen and (max-width: 734px){
.section-spaces .overview-image-5 {top: 0;left: 0;transform: translate(0);}
.section-collage .cards {position: relative;z-index: 2;transform: translateZ(0);}
}
@media only screen and (max-width: 734px){
.section-content {margin-left: auto;margin-right: auto;width: 87.5%;}
}

.section-collage .card {
    background-color: #fff;
    box-sizing: border-box;
    width: var(--card-width);
    height: var(--card-height);
    padding: var(--card-padding);
    border-radius: var(--card-border-radius);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--card-gap);
    display: flex;
    flex-direction: column;
}
.section-collage .card-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.section-collage .card-headline {margin-left: auto;margin-right: auto;font-size: 42px;font-weight: 500}
@media only screen and (max-width: 734px){
.section-collage .card {
    width: auto;
    max-width: var(--card-width);}
}
@media only screen and (max-width: 734px){
.section-spaces .overview-image-7 {position: absolute;}
}
@media only screen and (max-width: 734px){
.section-spaces .overview-image-7 {top: auto;bottom: 0;left: 50%;transform: translate(-50%);}
}
@media only screen and (max-width: 734px) and (max-width: 734px){
.overview-image-7 {
    --p-width: 400px;
    --p-height: 280px;}
}
@media only screen and (max-width: 734px) and (max-width: 734px){
.overview-image-6 {
    --p-width: 220px;
    --p-height: 200px;}
}

@media only screen and (max-width: 734px){
  .section-spaces .collage-wrapper {
    height: calc(610px + var(--card-gap));}
}
@media only screen and (max-width: 734px){
.section-collage .collage-wrapper {
    margin-bottom: 0;}
}
.section-collage .collage-wrapper {
    position: absolute;
    top: 0;
    width: 100%;
}
@media only screen and (max-width: 734px){
.section-collage .collage-wrapper {position: relative;margin-bottom: 0px;}
}
@media only screen and (max-width: 734px){
.section-collage {overflow: visible;padding-top: 50px;}
.section-collage .f42{font-size: 28px !important;}
.section-collage .h32{line-height: 24px;}
.section-collage .f22{font-size: 14px !important;}
.section-collage .card-headline {margin-left: auto;margin-right: auto;font-size: 28px;font-weight: 500;}
}
/*mask*/
.read-whole-mask {z-index: 1;display: none;width: 100%;height: 109px;position: absolute;left: 0;bottom: 0;border-bottom: 9px solid #fff;box-sizing: content-box;}
.read-whole-mask .exp-mask {position: absolute;top: 0;left: 0;width: 100%;height: 109px;background-image: linear-gradient(-180deg,rgba(255,255,255,0) 13%,#fff 63%);}
/*product*/
.product{margin-bottom: 68px;}
.bg-grey .product{margin-bottom: 0px;}
.product a .card{color:#333333;background-color: #ffffff;border-radius: 25px;border:2px solid #ffffff;margin-bottom: 2rem;padding: 50px 30px;text-align: center;transition: all 0.5s;-webkit-transition: all 0.5s;}
.product a:hover .card{border:2px solid #0160a2;box-shadow: 0 10px 20px -3px rgb(0 0 0 / 26%);}
.product .card-title {font-size: 28px;margin-bottom: 2rem;}
.product .card-text {font-size: 16px;line-height: 28px;margin-bottom: 2rem;height: 140px;display: -webkit-box;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 5;}
.product a .card .card-body{overflow: hidden;padding:0px;}
.product a .card .card-body img{margin-bottom: 2rem;}

.product_banner {height: 687px!important;}
.product_banner_content {height: 687px!important;}
.product_banner_container {height: 100%;padding-top: 100px;}

.product_industry{margin-bottom:150px;padding-top:100px;}
.product_industry a{color:#333333;text-decoration: none;}
.product_industry a:hover{color:#0160a2;}
.product_industry a:hover .card{background: #f1f1f1;}
.product_industry .card-body {padding-top:30px;padding-bottom: 50px;}
.product_industry .card-title {font-size: 32px;font-weight: normal;}

.product_industry .swiper-slide a .card{border: 15px solid #ffffff;overflow: hidden;} 
.product_industry .swiper-slide a:hover .card{border: 15px solid #f1f1f1;overflow: hidden;} 
.product_industry .swiper-slide a:hover .card .big_action{height: 258.12px}

.product_parameter{padding-top: 60px;padding-bottom: 60px}
.product_parameter .tab{z-index: 99;position: relative;max-width: 277.5px !important}

.product_parameter .tab-content{display: block;position: relative;z-index: 2;min-height: 445px;}
.product_parameter .tab-content:before{background:#ffffff;left: -80px;content: "";position: absolute;top:0rem;width:calc(100% + 80px);z-index: 1;}
.product_parameter .tab-pane{position: relative;z-index: 3;padding:40px 50px 50px 20px;}

.product_parameter .tab-content .imgwarp{padding-right:0px;position: absolute;bottom: 0;left:-260px;width:235px;}

.product_parameter .warp{background:#ffffff;border-radius: 10px 0 0 10px;left: -80px;content: "";position: absolute;top:0rem;width:calc(100% + 80px);z-index: 1;height:100%}
.product_parameter .nav-link {display: block;padding:1rem;background:transparent;color: #333333;}
.product_parameter .nav-pills .nav-link.active, .product_parameter .nav-pills .show>.product_parameter .nav-link {color: #fff;background-color: #272727;}
.product_parameter .nav-pills {margin-top: 50px;}

.product_parameter .tabtitle{position: relative;z-index: 2;justify-content: space-between;align-items: center;font-size: 1.5rem;font-weight: 500;line-height: 3rem;color: #333333;border-bottom: solid 0.25rem #cccccc;}
.product_parameter .tabtitle:before{content: "";position: absolute;bottom: -0.25rem;left: 0;width: 45px;height: 4px;background: #0160a2;opacity: 1;}
.product_parameter .tabtitle ul.nav-pills{display: inline-flex;float: right;margin-top:5px;padding: 0;}
.product_parameter .tabtitle ul.nav-pills li a.nav-link{line-height: 1;padding:.5rem 1rem;font-size: 16px;border-radius: 50rem;background: #ffffff;border:1px solid #cccccc;}
.product_parameter .tabtitle ul.nav-pills li a.nav-link.active, .product_parameter .tabtitle ul.nav-pills .show>.product_parameter .tabtitle ul.nav-pills li a.nav-link {color: #0160a2;background-color: #ffffff;border: 1px solid #0160a2}

/*.product_parameter .inner .tab-content{height: 445px;overflow: scroll;}*/

.product_parameter .inner .tab-content:before{background:transparent;left:0px;content: "";position:unset;top:0rem;width: 100%;display:block;}
.product_parameter .inner .tab-content .tab-pane{padding:1rem 0 0 0;}
.product_parameter .inner .tab-content .tab-pane .table {margin-bottom: 0px;}

.product_parameter .tab-content .tab-pane .bigtitle{margin-bottom:3rem;}
.product_parameter .tab-content .tab-pane ul{font-size:16px;}
.product_parameter  .tab-content .tab-pane ul li{line-height: 42px;}
/*uedit*/
@media (max-width:768px){
 .product_parameter .tab-content .tab-pane ul.list-paddingleft-2{max-width:100%;flex: 0 0 100%;}
 .product_parameter .tab-content .tab-pane p img{display: block;}
}
@media (max-width:576px){
 .product_parameter .tab-content .tab-pane ul.list-paddingleft-2{max-width:100%;flex: 0 0 100%;}
 .product_parameter .tab-content .tab-pane p img{display: block;max-width: 100%;height: auto;}
}
@media (min-width:768px){
 .product_parameter .tab-content .tab-pane ul.list-paddingleft-2{max-width: 41.6667%;flex: 0 0 41.666667%;}
 .product_parameter .tab-content .tab-pane p img{display: block;max-width: 100%;height: auto;}
}
/*uedit end*/
.product_download .download_group a dd.w-lg .ziduan, .down_group a dd.w-lg .duanzi{height:16px;display: -webkit-box;word-wrap: break-word;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:1;}


.product_download{margin-bottom:100px;}
.product_download .title{color: #333333;border-left: 4px solid #0160a2;font-size: 32px;padding-left: 1rem;}
.product_download .list-group{width: 100%}
.product_download a.list-group-item {color: #333333;}
.product_download .list-group-item.active {z-index: 2;color: #0160a2;background-color:#f1f1f1;border-color:transparent;}
.product_download .list-group-item.active .title{color: #0160a2;}
.product_download a:hover.list-group-item {color: #333333; background: #f1f1f1;}
.product_download .block{display: inline-block;}
.product_download .list-group-item .title{font-size: 14px; font-weight: 500;border-left: none;}
.product_download .info{margin-top: 50px;margin-bottom: 34px;}

.product_download .download_group {margin-bottom:0px;border:1px solid #cccccc;height:327px;overflow-y: scroll;}
.product_download .download_group a.list-group-item:nth-child(2n) {background-color: #F1F1F1 !important;}
.product_download .download_group .list-group-item{padding:2rem 1.25rem}
.product_download .download_group dl{margin-bottom: 0rem;}
.product_download .download_group dl dd{margin-bottom: 0rem;}
.product_download .download_group .lg{margin-bottom: 10px;}
.product_download .download_group .sm{margin-bottom: 6px;}
.product_download .download_group .format {display: inline-block;padding: 12px 7px;font-size: 14px; color: #ffffff;font-weight: 700;background: #55647E;}

.controlsys a .card {color: #333333;background-color: #ffffff;border-radius: 25px;border: 2px solid #ffffff;margin-bottom:0rem;padding: 50px 100px;text-align: center;transition: all 0.5s;-webkit-transition: all 0.5s;}
.controlsys .card-text {font-size: 16px;line-height: 28px;margin-bottom:0rem;height:54px;display: -webkit-box;word-wrap: break-word;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 5;}
.controlsys .card-title {font-size: 28px;margin-bottom: 1rem;}

@media (min-width: 768px){
  .product_download .download_group .list-group-item .title{padding-left: 0rem;}
  .product_download .download_group a dd.w-lg,.product_download .download_group a dd.w-lg .ziduan, .product_download .download_group a dd.w-md, .product_download .download_group a dd.w-md-change {transition: all 0.5s;-webkit-transition: all 0.5s;}
  .product_download .download_group a dd.w-lg{width:100%;margin-bottom: 1rem;}
  .product_download .download_group a dd.w-md{width:25%;}
  .product_download .download_group a dd.w-md-change{width:25%;overflow: hidden;}

  .product_download .download_group a:hover dd.w-lg{width:100%;}
  .product_download .download_group a:hover dd.w-md{width:25%;}
  .product_download .download_group a:hover dd.w-md-change{width:25%;overflow: hidden;}

  .product_download .download_group a dd.w-lg .ziduan{width:100%;}
  .product_download .download_group a:hover dd.w-lg .ziduan{width:100%;}
}
@media (min-width: 992px){
  .product_download .download_group .list-group-item .title{padding-left: 0rem;}
  .product_download .download_group a dd.w-lg, .product_download .download_group a dd.w-lg .ziduan, .product_download .download_group a dd.w-md, .product_download .download_group a dd.w-md-change {transition: all 0.5s;-webkit-transition: all 0.5s;}
  .product_download .download_group a dd.w-lg{width:400px;margin-bottom: 0rem;}
  .product_download .download_group a dd.w-md{width:100px;}
  .product_download .download_group a dd.w-md-change{width:0px;overflow: hidden;}

  .product_download .download_group a:hover dd.w-lg{width:300px;}
  .product_download .download_group a:hover dd.w-md{width:100px;}
  .product_download .download_group a:hover dd.w-md-change{width:100px;overflow: hidden;}

  .product_download .download_group a dd.w-lg .ziduan{width:320px;}
  .product_download .download_group a:hover dd.w-lg .ziduan{width:220px;}
}
@media (min-width: 1200px){
  .product_download .download_group .list-group-item .title{padding-left: 0rem;}
  .product_download .download_group a dd.w-lg,.product_download .download_group a dd.w-lg .ziduan, .product_download .download_group a dd.w-md, .product_download .download_group a dd.w-md-change {transition: all 0.5s;-webkit-transition: all 0.5s;}
  .product_download .download_group a dd.w-lg{width:550px;margin-bottom: 0rem;}
  .product_download .download_group a dd.w-md{width:125px;}
  .product_download .download_group a dd.w-md-change{width:0px;overflow: hidden;}

  .product_download .download_group a:hover dd.w-lg{width:420px;}
  .product_download .download_group a:hover dd.w-md{width:125px;}
  .product_download .download_group a:hover dd.w-md-change{width:125px;overflow: hidden;}

  .product_download .download_group a dd.w-lg .ziduan{width:470px;}
  .product_download .download_group a:hover dd.w-lg .ziduan{width:340px;}


}

@media (max-width: 576px){
  .product_download .download_group a dd.w-lg, .product_download .download_group a dd.w-md, .product_download .download_group a dd.w-md-change {transition:unset;-webkit-transition:unset;}
  .product_download .download_group a dd.w-lg, .product_download .download_group a dd.w-md{margin-bottom: 1rem;}
  .product_download .download_group a dd.w-md {text-align: center;}
  .product_download .download_group a dd.w-lg{width:100%;}
  .product_download .download_group a dd.w-md{width:33.33%;}
  .product_download .download_group a dd.w-md-change{width:100%;overflow: hidden;}
  .product_download .title{color: #333333;border-left: 4px solid #0160a2;font-size:22px;padding-left:0rem;}
  .product_download .text-right{text-align: left !important;}

  .product_parameter{padding-top:50px;padding-bottom:50px}
  .product_parameter .tab-content{display: block;position: relative;z-index: 2;background:transparent;border-radius:0px;}
  .product_parameter .tab-pane{position: relative;z-index: 3;padding:15px;margin-bottom: 1rem !important;background: #ffffff;border-radius:10px;}
  .product_parameter .tab-content .imgwarp{display: none;}

  .product_parameter .tabtitle{position: relative;z-index: 2;justify-content: space-between;align-items: center;font-size:1rem;font-weight: 500;line-height: 3rem;color: #333333;border-bottom: solid 0.25rem #cccccc;}
  .product_parameter .tabtitle ul.nav-pills{display: inline-flex;float: right;margin-top:13px;padding: 0;}
  .product_parameter .tabtitle ul.nav-pills li a.nav-link{line-height: 1;padding:.25rem .5rem;font-size:12px;border-radius: 50rem;background: #ffffff;border:1px solid #cccccc;}
  .product_parameter .tabtitle ul.nav-pills li a.nav-link.active, .product_parameter .tabtitle ul.nav-pills .show>.product_parameter .tabtitle ul.nav-pills li a.nav-link {color: #0160a2;background-color: #ffffff;border: 1px solid #0160a2}

  .product_parameter .inner .tab-content .tab-pane{padding:1rem 0 0 0;background: #ffffff;border-radius:0px;}
  
  .product_parameter .tab-content .tab-pane .bigtitle{margin-bottom:2rem;}
  
  .tab-content>.tab-pane {display: none;}
  .tab-content>.active {display: block;}
  .product_parameter .tab-content > .product_parameter .tab-pane {display:block;}
  .inner > .tab-pane {display:block;margin:0px;}

  .product_parameter .inner .tab-content .fade:not(.show) {opacity: 0;}
  .product_parameter .tab-content .fade:not(.show){opacity:1}

  .controlsys a .card {color: #333333;background-color: #ffffff;border-radius: 25px;border: 2px solid #ffffff;margin-bottom:0rem;padding: 30px;text-align: center;transition: all 0.5s;-webkit-transition: all 0.5s;}
  .controlsys a .card .card-img-top {margin-top: 0rem;}
  .controlsys .card-text {font-size: 16px;line-height: 28px;margin-bottom:0rem;height:45px;display: -webkit-box;word-wrap: break-word;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 5;}

}

@media (max-width:992px){
    .product_parameter .tab-content .imgwarp{left:-170px;width: 130px;}
}
@media (max-width:768px){
    .product_download .download_group a dd.w-lg, .product_download .download_group a dd.w-md, .product_download .download_group a dd.w-md-change {transition:unset;-webkit-transition:unset;}
  .product_download .download_group a dd.w-lg, .product_download .download_group a dd.w-md{margin-bottom: 1rem;}
  .product_download .download_group a dd.w-md {text-align: center;}
  .product_download .download_group a dd.w-lg{width:100%;}
  .product_download .download_group a dd.w-md{width:33.33%;}
  .product_download .download_group a dd.w-md-change{width:100%;overflow: hidden;}
  .product_download .title{color: #333333;border-left: 4px solid #0160a2;font-size:22px;padding-left:0rem;}
  .product_download .text-right{text-align: left !important;}

  .product_parameter{padding-top:50px;padding-bottom:50px}
  .product_parameter .tab-content{display: block;position: relative;z-index: 2;background:transparent;border-radius:0px;}
  .product_parameter .tab-pane{position: relative;z-index: 3;padding:15px;margin-bottom: 1rem !important;background: #ffffff;border-radius:10px;}
  .product_parameter .tab-content .imgwarp{display: none;}

  .product_parameter .tabtitle{position: relative;z-index: 2;justify-content: space-between;align-items: center;font-size:1rem;font-weight: 500;line-height: 3rem;color: #333333;border-bottom: solid 0.25rem #cccccc;}
  .product_parameter .tabtitle ul.nav-pills{display: inline-flex;float: right;margin-top:13px;padding: 0;}
  .product_parameter .tabtitle ul.nav-pills li a.nav-link{line-height: 1;padding:.25rem .5rem;font-size:12px;border-radius: 50rem;background: #ffffff;border:1px solid #cccccc;}
  .product_parameter .tabtitle ul.nav-pills li a.nav-link.active, .product_parameter .tabtitle ul.nav-pills .show>.product_parameter .tabtitle ul.nav-pills li a.nav-link {color: #0160a2;background-color: #ffffff;border: 1px solid #0160a2}

  .product_parameter .inner .tab-content .tab-pane{padding:1rem 0 0 0;background: #ffffff;border-radius:0px;}
  
  .product_parameter .tab-content .tab-pane .bigtitle{margin-bottom:2rem;}
  
  .tab-content>.tab-pane {display: none;}
  .tab-content>.active {display: block;}
  .product_parameter .tab-content > .product_parameter .tab-pane {display:block;}
  .inner > .tab-pane {display:block;margin:0px;}

  .product_parameter .inner .tab-content .fade:not(.show) {opacity: 0;}
  .product_parameter .tab-content .fade:not(.show){opacity:1}

  .controlsys a .card {color: #333333;background-color: #ffffff;border-radius: 25px;border: 2px solid #ffffff;margin-bottom:0rem;padding: 30px;text-align: center;transition: all 0.5s;-webkit-transition: all 0.5s;}
  .controlsys a .card .card-img-top {margin-top: 0rem !important;}
  .controlsys .card-text {font-size: 16px;line-height: 28px;margin-bottom:0rem;height:45px;display: -webkit-box;word-wrap: break-word;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 5;}

}
.zoology_banner{height:765px !important}
.zoology_banner_content {height: 765px!important;background-size:cover !important;}
.zoology_banner_container {height: 100%;padding: 100px 0 50px 0;}


@media (max-width: 576px){
.product a .card{color:#333333;background-color: #ffffff;border-radius:15px;border:2px solid #cccccc;margin-bottom: 1rem;padding:30px 0px;text-align: center;transition: all 0.5s;-webkit-transition: all 0.5s;}
  .product .card-title {font-size:24px;margin-bottom: 1rem;}
  .product .card-text {font-size: 14px;line-height:22px;margin-bottom: 1rem;height:67px;display: -webkit-box;word-wrap: break-word;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 4;}
  .product p.card-text {padding: 0 30px;}

  .product a .card .card-body .f22{font-size:12px !important;}
  .product a .card .card-body .mb2{margin-bottom:2rem !important;}
  .product a .card .card-body img{margin-bottom:0rem;padding: 0px;}

  .product a .card .card-body .over01{overflow: hidden;}
  .product a .card .card-body .over01 img{position: relative;top:-30px;width: unset;}

  .product a .card .card-body .over02{overflow: hidden;}
  .product a .card .card-body .over02 img{position: relative;top:-70px;width: unset;padding: 0px;}

.zoology_banner{height:920px !important}
.zoology_banner_content {height: 920px!important;background-size: auto 920px !important;}
.zoology_banner_container {height: 100%;padding: 100px 0 50px 0;}

.product_banner {height:495px!important;}
.product_banner_content {height:495px!important;background-size: auto 495px !important;}
.product_banner_container {height: 100%;padding-top:50px;}

.product_industry{margin-bottom:177px;padding-top: 50px;}
.product_industry .card-body {padding-top:1rem;padding-bottom:2rem;}
.product_industry .card-title {font-size:18px;font-weight: normal;}
}
@media (max-width: 576px){
  .product_industry .swiper-slide a .card .big_action{height:113.94px;overflow: hidden;}
  .product_industry .swiper-slide a:hover .card .big_action{height:113.94px;overflow: hidden;}
}

@media (min-width: 576px){
  .product a .card{color:#333333;background-color: #ffffff;border-radius:15px;border:2px solid #cccccc;margin-bottom: 1rem;padding:30px;text-align: center;transition: all 0.5s;-webkit-transition: all 0.5s;}
  .product .card-title {font-size:28px;margin-bottom: 1rem;}
  .product .card-text {font-size: 16px;line-height: 26px;margin-bottom: 1rem;height:55px;display: -webkit-box;word-wrap: break-word;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 4;}
  .product p.card-text {padding: 0 30px;}

  .product a .card .card-body .f22{font-size:12px !important;}
  .product a .card .card-body .mb2{margin-bottom:2rem !important;}
  .product a .card .card-body img{margin-bottom:0rem;padding: 0px;}

  .mb-lg {margin-bottom: 32px !important;}
  .product a .card .card-body .over01{overflow: hidden;}
  .product a .card .card-body .over01 img{position: relative;top:0px;width: unset;}

  .product a .card .card-body .over02{overflow: hidden;height:470px;}
  .product a .card .card-body .over02 img{position: relative;top:-130px;width: unset;}

  .product_industry{margin-bottom:177px;padding-top: 50px;}
  .product_industry .card-body {padding-top:1rem;padding-bottom:2rem;}
  .product_industry .card-title {font-size:18px;font-weight: normal;}
}
@media (min-width:500px){
  .product_industry{margin-bottom:177px;padding-top:0px;}
  .product_industry .card-body {padding-top:1rem;padding-bottom:2rem;}
  .product_industry .card-title {font-size:18px;font-weight: normal;}
  .product_industry .swiper-slide a .card .big_action{height:165.39px;overflow: hidden;}
  .product_industry .swiper-slide a:hover .card .big_action{height:165.39px;overflow: hidden;}
}
@media (min-width:768px){
  .product a .card{color:#333333;background-color: #ffffff;border-radius:15px;border:2px solid #cccccc;margin-bottom: 1rem;padding:30px 0px;text-align: center;transition: all 0.5s;-webkit-transition: all 0.5s;}
  .product .card-title {font-size:24px;margin-bottom: 1rem;}
  .product .card-text {font-size: 16px;line-height: 26px;margin-bottom: 1rem;height:80px;display: -webkit-box;word-wrap: break-word;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 4;}
  .product p.card-text {padding: 0 15px;}

  .product a .card .card-body .f22{font-size:12px !important;}
  .product a .card .card-body .mb2{margin-bottom:2rem !important;}
  .product a .card .card-body .plr30{padding-left: 0px;padding-right: 0px;}

  .product a .card .card-body img{margin-bottom:2rem;padding: 0px 15px;}

    .infotext {height:132px;}

  .mb-lg {margin-bottom: 16px !important;}
  .product a .card .card-body .over01{overflow: hidden;height:360px;}
  .product a .card .card-body .over01 img{position: relative;top: 0px;padding:0px;width: unset;}

  .product a .card .card-body .over02{overflow: hidden;height:575px;}
  .product a .card .card-body .over02 img{position: relative;top:50px;padding: 0px 30px;width: unset;}

  .product_industry{margin-bottom:177px;padding-top:0px;}
  .product_industry .card-body {padding-top:1rem;padding-bottom:2rem;}
  .product_industry .card-title {font-size:18px;font-weight: normal;}
  .product_industry .swiper-slide a .card .big_action{height: 140.12px;overflow: hidden;}
  .product_industry .swiper-slide a:hover .card .big_action{height: 140.12px;overflow: hidden;}
}
@media (min-width:992px){
  .product_industry{margin-bottom:85px;padding-top:50px;}
  .product_industry .card-body {padding-top:1rem;padding-bottom:2rem;}
  .product_industry .card-title {font-size:24px;font-weight: normal;}
  .product_industry .swiper-slide a .card .big_action{height: 199.12px;overflow: hidden;}
  .product_industry .swiper-slide a:hover .card .big_action{height: 199.12px;overflow: hidden;}
  .product_industry .swiper-slide a .card .big_action img{max-width: 100%}

  .product a .card{color:#333333;background-color: #ffffff;border-radius:15px;border:2px solid #cccccc;margin-bottom: 1rem;padding:30px;text-align: center;transition: all 0.5s;-webkit-transition: all 0.5s;}
  .product a .card .card-body{overflow: hidden;padding:0px;}

  .product .card-title {font-size:32px;margin-bottom: 1rem;}
  .product .card-text {font-size: 16px;line-height: 26px;margin-bottom: 1rem;height:77px;display: -webkit-box;word-wrap: break-word;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 4;}
  
  .infotext {height:110px;}

  .product a .card .card-body .f22{font-size: 15px !important;}
  .product a .card .card-body .mb2{margin-bottom:1rem !important;}
  .product a .card .card-body .plr30 {padding-left:0px;padding-right:0px;}
  .product a .card .card-body img{margin-bottom: 1rem;padding: 0px 20px;}

  .mb-lg {margin-bottom: 32px !important;}
  .product a .card .card-body .over01{overflow: hidden;height:355px;}
  .product a .card .card-body .over01 img{position: relative;top: 0px;padding: 0px;width:unset;}

  .product a .card .card-body .over02{overflow: hidden;height:563px;}
  .product a .card .card-body .over02 img{position: relative;top:-30px;padding: 0px;width:unset;}
}
@media (min-width:1200px){
  .product_industry .swiper-slide a .card .big_action{height: 258.12px;overflow: hidden;}
  .product_industry .swiper-slide a:hover .card .big_action{height: 258.12px;overflow: hidden;}

  .product a .card{color:#333333;background-color: #ffffff;border-radius:15px;border:2px solid #cccccc;margin-bottom: 1rem;padding:50px 0px;text-align: center;transition: all 0.5s;-webkit-transition: all 0.5s;}
  .product a .card .card-body{overflow: hidden;padding:0px;}
  .product .card-title {font-size:30px;margin-bottom: 1rem;}
  .product .card-text {font-size: 16px;line-height: 26px;margin-bottom: 1rem;height:55px;display: -webkit-box;word-wrap: break-word;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 4;}
  .product p.card-text {padding: 0 30px;}
  .product a .card .card-body .f22{font-size:22px !important;}
  .product a .card .card-body .mb2{margin-bottom:1rem !important;}
  .product a .card .card-body img{margin-bottom: 2rem;padding: 0px 25px;}
  .infotext {height:88px;}
  .mb-lg {margin-bottom:104px !important;}
  .product a .card .card-body .over01{overflow: hidden;height:380px;}
  .product a .card .card-body .over01 img{width: unset;position: relative;top:0px;padding: 0px;}

  .product a .card .card-body .over02{overflow: hidden;height:640px;}
  .product a .card .card-body .over02 img{position: relative;top:0px;width: unset;}
}
section.productpages_content {position: relative;z-index: 900;}

section.productpages_banner {position: relative;height: 100%;width: 100%;background-color: #ededed;z-index: 800;}
section.productpages_banner .banner_content {box-sizing: border-box;position: relative;height:100%;width: 100%;padding-top: 0px;text-align:center;color: #fff;background-position: center center;background-repeat: no-repeat;background-size:cover;}

section.productpages_banner .banner_content .info{height: 100%;width: 100%}
section.productpages_banner .banner_content .textfile {}
section.productpages_banner .banner_content .banner_text{font-size: 24px;font-weight: normal;line-height: 30px;}
section.productpages_banner .banner_content .banner_text span{margin:0 .5rem;}
section.productpages_banner .pink{color: #D74E53 !important;}
section.productpages_banner .info{position: absolute;width: 100%;text-align: center;top:20%;}

@media (max-height: 900px){
  section.productpages_banner .banner_content {box-sizing: border-box;position: relative;height:100%;width: 100%;padding-top: 0px;text-align:center;color: #fff;background-position: center center;background-repeat: no-repeat;background-size:cover;}
  section.productpages_banner .banner-content {background-size: auto 700px!important;}
  section.productpages_banner {height:100%;}
  section.productpages_banner .f42{font-size: 32px !important;}
  section.productpages_banner .info{position: absolute;width: 100%;text-align: center;top:20%;}
}

@media (max-width: 576px){
  section.productpages_banner .banner_content {box-sizing: border-box;position: relative;height:100%;width: 100%;padding-top: 0px;text-align:center;color: #fff;background-position: center center;background-repeat: no-repeat;background-size:cover;}
  section.productpages_banner .banner_content .banner_text{font-size:15px;font-weight:500;line-height:24px;}
  section.productpages_banner .banner_content .banner_text span{margin:0 .25rem;}
  section.productpages_banner .banner_content .pt01{padding-top:50px !important;}
  section.productpages_banner .banner_content .pt02{padding-top:110px !important;}
  section.productpages_banner .banner_content .pt03{padding-top:100px !important;}
  section.productpages_banner .banner_content .pt03 .mt2{margin-top:1rem;}
  section.productpages_banner {height:100%;}
  section.productpages_banner .info{position: absolute;width: 100%;text-align: center;top: 0;padding-top: 37px !important;}
  section.productpages_banner .info .mt2{margin-top: 1rem;}
  section.productpages_banner .info .h28 {line-height: 18px;}
  section.productpages_banner .banner_text{font-size: 16px;}

}
@media (min-width:992px){
  section.productpages_banner .info{position: absolute;width: 100%;text-align: center;top:20%;}

}
/*all swiper*/
.swiper_planmenu {width: 100%;height: 100px;overflow: hidden;box-shadow: 0 10px 20px -3px rgb(0 0 0 / 26%);}
.swiper_planmenu .active a.link{border-radius: 0rem;padding:40px 0.5rem;width: 100%;background-color: #0160a2;color: #ffffff;}

.swiper_planmenu a.link{border-radius: 0rem;font-size: 20px;color: #666666;padding: 40px 0.5rem;width: 100%;}
.swiper_planmenu a:hover.link{background-color: #0160a2;color: #ffffff;}

.swiper_planmenu .swiper-button-next, .swiper_planmenu .swiper-button-prev {top:7.5%;width: 50px;height: 50px;background-color: #ffffff;border-radius: 50rem !important;box-shadow: 0 10px 20px -3px rgb(0 0 0 / 26%);}
.swiper_planmenu .swiper-button-prev, .swiper_planmenu .swiper-rtl .swiper-button-next {left: -82px;right: auto;}
.swiper_planmenu .swiper-button-next, .swiper_planmenu .swiper-rtl .swiper-button-prev {right: -82px;left: auto;}

.swiper_planmenu .swiper-button-prev:after, .swiper_planmenu .swiper-rtl .swiper-button-next:after {color: #333333;font-size: 20px;}
.swiper_planmenu .swiper-button-next:after, .swiper_planmenu .swiper-rtl .swiper-button-prev:after {color: #333333;font-size: 20px;}

.swiper_planmenu .swiper-slide i.iconfont{position: absolute;top: 25px;left: -6px;font-size: 80px !important;z-index: 0;opacity: .2;color: #ffffff;}
/*honor swiper*/
.swiper_block{position: relative;top: -100px;}
.swiper_honor {width: 100%;height: 100%;overflow: hidden;padding-bottom: 1rem;}
.swiper_honor .swiper-slide img{border:10px solid #ffffff;}

.swiper_honor .swiper-button-next, .swiper_honor .swiper-button-prev {top:50%;width: 50px;height: 50px;background-color: #652529;}

.swiper_honor .swiper-button-prev, .swiper_honor .swiper-rtl .swiper-button-next {left: -82px;right: auto;}
.swiper_honor .swiper-button-next, .swiper_honor .swiper-rtl .swiper-button-prev {right: -82px;left: auto;}

.swiper_honor .swiper-button-prev:after, .swiper_honor .swiper-rtl .swiper-button-next:after {color: #ffffff;font-size: 20px;}
.swiper_honor .swiper-button-next:after, .swiper_honor .swiper-rtl .swiper-button-prev:after {color: #ffffff;font-size: 20px;}


@media (max-width: 576px){
  .swiper_planmenu {width: 100%;height:66px;overflow: hidden;box-shadow: 0 10px 20px -3px rgb(0 0 0 / 26%);}
  .swiper_planmenu a.link{font-size:20px;padding: 25px 0.5rem;}
  .swiper_planmenu .active a.link{border-radius: 0rem;padding:25px 0.5rem;width: 100%;background-color: #0160a2;color: #ffffff;}

  .swiper_planmenu .swiper-slide i.iconfont{position: absolute;top:18px;left: -6px;font-size:50px !important;z-index: 0;opacity: .2;color: #ffffff;}
  .swiper_planmenu .swiper-button-prev, .swiper_planmenu .swiper-rtl .swiper-button-next {left:120px;right: auto;}
  .swiper_planmenu .swiper-button-next, .swiper_planmenu .swiper-rtl .swiper-button-prev {right:120px;left: auto;}
  .swiper_planmenu .swiper-button-next, .swiper_planmenu .swiper-button-prev {top:120px;}

  .swiper_honor .swiper-button-prev, .swiper_honor .swiper-rtl .swiper-button-next {left:120px;right: auto;}
  .swiper_honor .swiper-button-next, .swiper_honor .swiper-rtl .swiper-button-prev {right:120px;left: auto;}
  .swiper_honor .swiper-button-next, .swiper_honor .swiper-button-prev {top:116%;}

}
@media (min-width: 500px){
  .swiper_planmenu {width: 100%;height:100px;overflow: hidden;box-shadow: 0 10px 20px -3px rgb(0 0 0 / 26%);margin-bottom: 40px;}
  .swiper_planmenu a.link{font-size:20px;padding:40px 0.5rem;}
  .swiper_planmenu .active a.link{border-radius: 0rem;padding:40px 0.5rem;width: 100%;background-color: #0160a2;color: #ffffff;}

  .swiper_planmenu .swiper-slide i.iconfont{position: absolute;top: 25px;left: -6px;font-size: 80px !important;z-index: 0;opacity: .2;color: #ffffff;}
  .swiper_planmenu .swiper-button-next, .swiper_planmenu .swiper-button-prev {top:170px;width: 50px;height: 50px;background-color: #ffffff;border-radius: 50rem !important;box-shadow: 0 10px 20px -3px rgb(0 0 0 / 26%);}
  .swiper_planmenu .swiper-button-prev, .swiper_planmenu .swiper-rtl .swiper-button-next {left: 180px;right: auto;}
  .swiper_planmenu .swiper-button-next, .swiper_planmenu .swiper-rtl .swiper-button-prev {right: 180px;left: auto;}

  .swiper_honor .swiper-button-prev, .swiper_honor .swiper-rtl .swiper-button-next {left:155px;right: auto;}
  .swiper_honor .swiper-button-next, .swiper_honor .swiper-rtl .swiper-button-prev {right:155px;left: auto;}
  .swiper_honor .swiper-button-next, .swiper_honor .swiper-button-prev {top:115%;}
}
@media (min-width: 768px){
  .swiper_planmenu {width: 100%;height:100px;overflow: hidden;box-shadow: 0 10px 20px -3px rgb(0 0 0 / 26%);margin-bottom:0px;}
  .swiper_planmenu a.link{font-size:20px;padding:40px 0.5rem;}
  .swiper_planmenu .active a.link{border-radius: 0rem;padding:40px 0.5rem;width: 100%;background-color: #0160a2;color: #ffffff;}

  .swiper_planmenu .swiper-slide i.iconfont{position: absolute;top: 25px;left: -6px;font-size: 80px !important;z-index: 0;opacity: .2;color: #ffffff;}
  .swiper_planmenu .swiper-button-next, .swiper_planmenu .swiper-button-prev {top:46px;width: 50px;height: 50px;background-color: #ffffff;border-radius: 50rem !important;box-shadow: 0 10px 20px -3px rgb(0 0 0 / 26%);}
  .swiper_planmenu .swiper-button-prev, .swiper_planmenu .swiper-rtl .swiper-button-next {left: -50px;right: auto;}
  .swiper_planmenu .swiper-button-next, .swiper_planmenu .swiper-rtl .swiper-button-prev {right: -50px;left: auto;}

  .swiper_honor .swiper-button-prev, .swiper_honor .swiper-rtl .swiper-button-next {left:280px;right: auto;}
  .swiper_honor .swiper-button-next, .swiper_honor .swiper-rtl .swiper-button-prev {right:280px;left: auto;}
  .swiper_honor .swiper-button-next, .swiper_honor .swiper-button-prev {top:117%;}
}
@media (min-width: 992px){
  .swiper_planmenu {width: 100%;height:100px;overflow: hidden;box-shadow: 0 10px 20px -3px rgb(0 0 0 / 26%);margin-bottom: 0px;}
  .swiper_planmenu a.link{font-size:20px;padding:40px 0.5rem;}
  .swiper_planmenu .active a.link{border-radius: 0rem;padding:40px 0.5rem;width: 100%;background-color: #0160a2;color: #ffffff;}

  .swiper_planmenu .swiper-slide i.iconfont{position: absolute;top: 25px;left: -6px;font-size: 80px !important;z-index: 0;opacity: .2;color: #ffffff;}
  .swiper_planmenu .swiper-button-next, .swiper_planmenu .swiper-button-prev {top:46px;width: 50px;height: 50px;background-color: #ffffff;border-radius: 50rem !important;box-shadow: 0 10px 20px -3px rgb(0 0 0 / 26%);}
  .swiper_planmenu .swiper-button-prev, .swiper_planmenu .swiper-rtl .swiper-button-next {left: -50px;right: auto;}
  .swiper_planmenu .swiper-button-next, .swiper_planmenu .swiper-rtl .swiper-button-prev {right: -50px;left: auto;}

  .swiper_honor .swiper-button-prev, .swiper_honor .swiper-rtl .swiper-button-next {left:400px;right: auto;}
  .swiper_honor .swiper-button-next, .swiper_honor .swiper-rtl .swiper-button-prev {right:400px;left: auto;}
  .swiper_honor .swiper-button-next, .swiper_honor .swiper-button-prev {top:112%;}
}
@media (min-width: 1200px){
  .swiper_planmenu {width: 100%;height:100px;overflow: hidden;box-shadow: 0 10px 20px -3px rgb(0 0 0 / 26%);margin-bottom: 0px;}
  .swiper_planmenu a.link{font-size:20px;padding:40px 0.5rem;}
  .swiper_planmenu .active a.link{border-radius: 0rem;padding:40px 0.5rem;width: 100%;background-color: #0160a2;color: #ffffff;}

  .swiper_planmenu .swiper-slide i.iconfont{position: absolute;top: 25px;left: -6px;font-size: 80px !important;z-index: 0;opacity: .2;color: #ffffff;}
  .swiper_planmenu .swiper-button-next, .swiper_planmenu .swiper-button-prev {top:46px;width: 50px;height: 50px;background-color: #ffffff;border-radius: 50rem !important;box-shadow: 0 10px 20px -3px rgb(0 0 0 / 26%);}
  .swiper_planmenu .swiper-button-prev, .swiper_planmenu .swiper-rtl .swiper-button-next {left: -82px;right: auto;}
  .swiper_planmenu .swiper-button-next, .swiper_planmenu .swiper-rtl .swiper-button-prev {right: -82px;left: auto;}

  .swiper_honor .swiper-button-prev, .swiper_honor .swiper-rtl .swiper-button-next {left:-82px;right: auto;}
  .swiper_honor .swiper-button-next, .swiper_honor .swiper-rtl .swiper-button-prev {right:-82px;left: auto;}
  .swiper_honor .swiper-button-next, .swiper_honor .swiper-button-prev {top:50%;}
}

/**/
.flexible_select table tr{height: 40px;}
.table_btn_select{height: unset !important;}
/*swiper_select_product*/
.swiper_select_product{width: 100%;height:100%;overflow: hidden;padding:50px 15px 0 15px;}
.swiper_select_product .swiper-wrapper .swiper-slide{background:transparent;}


.deselect{background:#272727;border-radius: 50rem;width:30px;height:30px;text-align: center;padding:6px;position:absolute;top:-8px;right: 0px;z-index: 10;opacity: 1;transition: all 0.5s;
    -webkit-transition: all 0.5s;}
.collapsed .deselect{opacity: 0;}

.swiper_select_product .swiper-slide img{border:10px solid #ffffff;padding: 15px;}
.swiper_select_product .swiper-button-next, .swiper_select_product .swiper-button-prev {top:50%;width: 50px;height: 50px;background-color: #652529;}

.swiper_select_product .swiper-button-prev, .swiper_select_product .swiper-rtl .swiper-button-next {left: -82px;right: auto;}
.swiper_select_product .swiper-button-next, .swiper_select_product .swiper-rtl .swiper-button-prev {right: -82px;left: auto;}

.swiper_select_product .swiper-button-prev:after, .swiper_select_product .swiper-rtl .swiper-button-next:after {color: #ffffff;font-size: 20px;}
.swiper_select_product .swiper-button-next:after, .swiper_select_product .swiper-rtl .swiper-button-prev:after {color: #ffffff;font-size: 20px;}

.product .swiper_select_product a .card{color:#333333;background-color: #ffffff;border-radius: 25px;border:2px solid #0160a2;box-shadow: 0 10px 20px -3px rgb(0 0 0 / 26%);margin-bottom: 2rem;padding: 30px 15px;text-align: center;transition: all 0.5s;-webkit-transition: all 0.5s;}
.product .swiper_select_product a:hover .card{border:2px solid #0160a2;box-shadow: 0 10px 20px -3px rgb(0 0 0 / 26%);}
.product .swiper_select_product a.collapsed .card{border:2px solid #ffffff;box-shadow:none;}

.product .swiper_select_product .swiper_select_product .card-title {font-size: 28px;margin-bottom: 2rem;}
.product .swiper_select_product .card-text {font-size: 16px;line-height: 28px;margin-bottom: 2rem;height: 140px;display: -webkit-box;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 5;}
.product .swiper_select_product a .card .card-body{overflow: hidden;padding:0px;}
.product .swiper_select_product a .card .card-body img{margin-bottom: 2rem;}

@media (max-width: 576px){
  .swiper_select_product{width: 100%;height:100%;overflow: hidden;padding:50px 0px 40px 0px;}
  .product .swiper_select_product a .card {border-radius: 15px;}
  .product .swiper_select_product .card-title{font-size: 24px;}
  .swiper_select_product .swiper-button-prev, .swiper_select_product .swiper-rtl .swiper-button-next {left:120px;right: auto;}
  .swiper_select_product .swiper-button-next, .swiper_select_product .swiper-rtl .swiper-button-prev {right:120px;left: auto;}
  .swiper_select_product .swiper-button-next, .swiper_select_product .swiper-button-prev {top:420px;}
}
@media (min-width:500px){
  .swiper_select_product{width: 100%;height:100%;overflow: hidden;padding:50px 0px 70px 0px;}
  .product .swiper_select_product a .card {border-radius: 15px;}
  .product .swiper_select_product .card-title{font-size: 24px;}
  .swiper_select_product .swiper-button-prev, .swiper_select_product .swiper-rtl .swiper-button-next {left:165px;right: auto;}
  .swiper_select_product .swiper-button-next, .swiper_select_product .swiper-rtl .swiper-button-prev {right:165px;left: auto;}
  .swiper_select_product .swiper-button-next, .swiper_select_product .swiper-button-prev {top:425px;}
}
@media (min-width:575px){
  .swiper_select_product{width: 100%;height:100%;overflow: hidden;padding:50px 0px 70px 0px;}
  .product .swiper_select_product a .card {border-radius: 15px;margin-bottom: 0rem;}
  .product .swiper_select_product .card-title{font-size: 24px;}
  .swiper_select_product .swiper-button-prev, .swiper_select_product .swiper-rtl .swiper-button-next {left:165px;right: auto;}
  .swiper_select_product .swiper-button-next, .swiper_select_product .swiper-rtl .swiper-button-prev {right:165px;left: auto;}
  .swiper_select_product .swiper-button-next, .swiper_select_product .swiper-button-prev {top:455px;}
}
@media (min-width:768px){
  .swiper_select_product{width: 100%;height:100%;overflow: hidden;padding:50px 0px 70px 0px;}
  .product .swiper_select_product a .card {border-radius: 15px;margin-bottom: 0rem;}
  .product .swiper_select_product .card-title{font-size:18px;margin-bottom:1rem;}
  .swiper_select_product .swiper-button-prev, .swiper_select_product .swiper-rtl .swiper-button-next {left:250px;right: auto;}
  .swiper_select_product .swiper-button-next, .swiper_select_product .swiper-rtl .swiper-button-prev {right:250px;left: auto;}
  .swiper_select_product .swiper-button-next, .swiper_select_product .swiper-button-prev {top:340px;}
}
@media (min-width:992px){
  .swiper_select_product{width: 100%;height:100%;overflow: hidden;padding:50px 0px 0px 0px;}
  .product .swiper_select_product a .card {border-radius: 15px;margin-bottom: 0rem;}
  .product .swiper_select_product .card-title{font-size:24px;margin-bottom:1rem;}
  .swiper_select_product .swiper-button-prev, .swiper_select_product .swiper-rtl .swiper-button-next {left:-82px;right: auto;}
  .swiper_select_product .swiper-button-next, .swiper_select_product .swiper-rtl .swiper-button-prev {right:-82px;left: auto;}
  .swiper_select_product .swiper-button-next, .swiper_select_product .swiper-button-prev {top:50%;}
}
/*timeline*/
.timeline{width: 100%;height: 100%;background: url(../image/greyline_bg.png) 260px 0 repeat-y;display: block;margin:50px 0px;background-size:auto 3px;}
.timeline .timeline-header{width: 100%;margin-bottom: 50px;}
.timeline .bigball {background: url(../image/redball_lg2x.png) right 0 no-repeat;background-size:auto 41px;}
.timeline .timeline-year {font-size: 42px;font-weight: 500;display: block;padding-left: 58px;}
.timeline a.timeline-year{color: #0160a2 !important;}
.timeline a.collapsed{color:#666666 !important;}

.timeline .time{text-align: right;padding-right:83px;}
.timeline .time .date{font-size: 32px; color: #333333;font-weight:lighter;}
.timeline .time .ym{font-size: 14px; color: #666666;font-weight:normal;}

.timeline .timeline-body dl{margin-bottom:0px;}
.timeline .timeline-body dl dt {background: url(../image/redball_sm2x.png) 270px 16px no-repeat;display: inline-block;background-size:auto 19px;}
.timeline .timeline-body .block {background: #ffffff;padding: 15px;box-shadow: 0 10px 20px -3px rgb(0 0 0 / 26%);border-radius: 20px;}
.timeline .timeline-body .block img {border-radius: 20px;}
.timeline .timeline-body .title {font-size: 20px;color: #333333;margin-bottom: 1rem;font-weight: 500}
.timeline .timeline-body dl dd {margin-bottom:0rem;margin-left: 0;padding-left: 40px;}
.timeline .timeline-body dl dt, .timeline .timeline-body dl dd {margin-bottom: 50px;}
/*media*/
@media (max-width: 576px){
  .timeline{width: 100%;height: 100%;background: url(../image/greyline_bg.png) 124px 0 repeat-y;display: block;margin:50px 0px;background-size:auto 3px;}
  .timeline .timeline-header{width: 100%;margin-bottom: 30px;}
  .timeline .bigball {background: url(../image/redball_lg2x.png) 128px 0 no-repeat;background-size:auto 32px;}
  .timeline .timeline-year {font-size: 32px;font-weight: 500;display: block;padding-left:0px;line-height: 42px;}
  .timeline a.timeline-year{color: #0160a2 !important;}
  .timeline a.collapsed{color:#666666 !important;}

  .timeline .time{text-align: right;padding-right:40px;}
  .timeline .time .date{font-size: 32px; color: #333333;font-weight:lighter;}
  .timeline .time .ym{font-size: 14px; color: #666666;font-weight:normal;}

  .timeline .timeline-body dl{margin-bottom:0px;}
  .timeline .timeline-body dl dt {background: url(../image/redball_sm2x.png) 134px 16px no-repeat;display: inline-block;background-size:auto 19px;}
  .timeline .timeline-body .block {background: #ffffff;padding:15px;box-shadow: 0 10px 20px -3px rgb(0 0 0 / 26%);border-radius:8px;display:inline-block;}
  .timeline .timeline-body .block img {border-radius: 8px;}
  .timeline .timeline-body .title {font-size: 16px;color: #333333;margin-bottom: 1rem;font-weight: 500}
  .timeline .timeline-body dl dd {margin-bottom:0rem;margin-left: 0;padding-left: 0px;}
  .timeline .timeline-body dl dt, .timeline .timeline-body dl dd {margin-bottom: 30px;}
}
@media (min-width: 500px){
  .timeline{width: 100%;height: 100%;background: url(../image/greyline_bg.png) 135px 0 repeat-y;display: block;margin:50px 0px;background-size:auto 3px;}
  .timeline .timeline-header{width: 100%;margin-bottom: 30px;}
  .timeline .bigball {background: url(../image/redball_lg2x.png) right 0 no-repeat;background-size:auto 32px;}
  .timeline .timeline-year {font-size: 32px;font-weight: 500;display: block;padding-left:31px;line-height: 42px;}
  .timeline a.timeline-year{color: #0160a2 !important;}
  .timeline a.collapsed{color:#666666 !important;}

  .timeline .time{text-align: right;padding-right:42px;}
  .timeline .time .date{font-size: 32px; color: #333333;font-weight:lighter;}
  .timeline .time .ym{font-size: 14px; color: #666666;font-weight:normal;}

  .timeline .timeline-body dl{margin-bottom:0px;}
  .timeline .timeline-body dl dt {background: url(../image/redball_sm2x.png) 145px 16px no-repeat;display: inline-block;background-size:auto 19px;}
  .timeline .timeline-body .block {background: #ffffff;padding:15px;box-shadow: 0 10px 20px -3px rgb(0 0 0 / 26%);border-radius:8px;display:inline-block;}
  .timeline .timeline-body .block img {border-radius: 8px;}
  .timeline .timeline-body .title {font-size: 16px;color: #333333;margin-bottom: 1rem;font-weight: 500}
  .timeline .timeline-body dl dd {margin-bottom:0rem;margin-left: 0;padding-left: 0px;}
  .timeline .timeline-body dl dt, .timeline .timeline-body dl dd {margin-bottom: 30px;}
}
@media (min-width: 768px){
  .timeline{width: 100%;height: 100%;background: url(../image/greyline_bg.png) 133px 0 repeat-y;display: block;margin:50px 0px;background-size:auto 3px;}
  .timeline .timeline-header{width: 100%;margin-bottom: 30px;}
  .timeline .bigball {background: url(../image/redball_lg2x.png) right 0 no-repeat;background-size:auto 41px;}
  .timeline .timeline-year {font-size: 32px;font-weight: 500;display: block;padding-left:0px;line-height: 42px;}
  .timeline a.timeline-year{color: #0160a2 !important;}
  .timeline a.collapsed{color:#666666 !important;}

  .timeline .time{text-align: right;padding-right:45px;}
  .timeline .time .date{font-size: 32px; color: #333333;font-weight:lighter;}
  .timeline .time .ym{font-size: 14px; color: #666666;font-weight:normal;}

  .timeline .timeline-body dl{margin-bottom:0px;}
  .timeline .timeline-body dl dt {background: url(../image/redball_sm2x.png) 143px 16px no-repeat;display: inline-block;background-size:auto 19px;}
  .timeline .timeline-body .block {background: #ffffff;padding:15px;box-shadow: 0 10px 20px -3px rgb(0 0 0 / 26%);border-radius:8px;display:inline-block;}
  .timeline .timeline-body .block img {border-radius: 8px;}
  .timeline .timeline-body .title {font-size: 16px;color: #333333;margin-bottom: 1rem;font-weight: 500}
  .timeline .timeline-body dl dd {margin-bottom:0rem;margin-left: 0;padding-left: 0px;}
  .timeline .timeline-body dl dt, .timeline .timeline-body dl dd {margin-bottom: 30px;}
}
@media (min-width: 992px){
  .timeline{width: 100%;height: 100%;background: url(../image/greyline_bg.png) 193px 0 repeat-y;display: block;margin:50px 0px;background-size:auto 3px;}
  .timeline .timeline-header{width: 100%;margin-bottom: 30px;}
  .timeline .bigball {background: url(../image/redball_lg2x.png) right 0 no-repeat;background-size:auto 41px;}
  .timeline .timeline-year {font-size: 32px;font-weight: 500;display: block;padding-left:60px;line-height: 42px;}
  .timeline a.timeline-year{color: #0160a2 !important;}
  .timeline a.collapsed{color:#666666 !important;}

  .timeline .time{text-align: right;padding-right:45px;}
  .timeline .time .date{font-size: 32px; color: #333333;font-weight:lighter;}
  .timeline .time .ym{font-size: 14px; color: #666666;font-weight:normal;}

  .timeline .timeline-body dl{margin-bottom:0px;}
  .timeline .timeline-body dl dt {background: url(../image/redball_sm2x.png) 204px 16px no-repeat;display: inline-block;background-size:auto 19px;}
  .timeline .timeline-body .block {background: #ffffff;padding:15px;box-shadow: 0 10px 20px -3px rgb(0 0 0 / 26%);border-radius:8px;display:inline-block;}
  .timeline .timeline-body .block img {border-radius: 8px;}
  .timeline .timeline-body .title {font-size: 16px;color: #333333;margin-bottom: 1rem;font-weight: 500}
  .timeline .timeline-body dl dd {margin-bottom:0rem;margin-left: 0;padding-left: 0px;}
  .timeline .timeline-body dl dt, .timeline .timeline-body dl dd {margin-bottom: 30px;}
}
@media (min-width: 1200px){
  .timeline{width: 100%;height: 100%;background: url(../image/greyline_bg.png) 260px 0 repeat-y;display: block;margin:50px 0px;background-size:auto 3px;}
  .timeline .timeline-header{width: 100%;margin-bottom: 30px;}
  .timeline .bigball {background: url(../image/redball_lg2x.png) right 0 no-repeat;background-size:auto 41px;}
  .timeline .timeline-year {font-size: 32px;font-weight: 500;display: block;padding-left:125px;line-height: 42px;}
  .timeline a.timeline-year{color: #0160a2 !important;}
  .timeline a.collapsed{color:#666666 !important;}

  .timeline .time{text-align: right;padding-right:45px;}
  .timeline .time .date{font-size: 32px; color: #333333;font-weight:lighter;}
  .timeline .time .ym{font-size: 14px; color: #666666;font-weight:normal;}

  .timeline .timeline-body dl{margin-bottom:0px;}
  .timeline .timeline-body dl dt {background: url(../image/redball_sm2x.png) 270px 16px no-repeat;display: inline-block;background-size:auto 19px;}
  .timeline .timeline-body .block {background: #ffffff;padding:15px;box-shadow: 0 10px 20px -3px rgb(0 0 0 / 26%);border-radius:8px;display: inline-block;}
  .timeline .timeline-body .block img {border-radius: 8px;}
  .timeline .timeline-body .title {font-size: 16px;color: #333333;margin-bottom: 1rem;font-weight: 500}
  .timeline .timeline-body dl dd {margin-bottom:0rem;margin-left: 0;padding-left: 0px;}
  .timeline .timeline-body dl dt, .timeline .timeline-body dl dd {margin-bottom: 30px;}
}
/*download*/
.download .bg-lightblock {padding:.25rem 0px;height: 100%;vertical-align: middle;}
.download .bg-lightblock i{display: inline-block;}
.download .bg-lightblock .rotate180{color: #666666;margin-left:5px;display: inline-block;-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);}

.download .btn-outline-secondary {border-color: #ced4da;}
.download .download_nav {font-size: 14px;font-weight: 500;padding: 7px 0;}
.download .dropdown{padding-left: 1rem;padding-right: 1rem;}
.download .dropdown-menu {width: 100%;padding: 30px 16px;left: 0;text-align: left;box-shadow: 0 10px 20px -3px rgb(0 0 0 / 26%);}
.download .dropdown-menu dl dt{font-weight: normal;}


.down_group {margin-bottom: 50px;}
.down_group a.list-group-item:nth-child(2n) {background-color: #F1F1F1 !important;}
.down_group .list-group-item{padding:2rem 1.25rem}
.down_group dl{margin-bottom: 0rem;}
.down_group dl dd{margin-bottom: 0rem;}
.down_group .lg{margin-bottom: 10px;}
.down_group .sm{margin-bottom: 6px;}
.down_group .format {display: inline-block;padding: 12px 7px;font-size: 14px; color: #ffffff;font-weight: 700;background: #55647E;}

.down_group a dd.w-lg, .down_group a dd.w-md, .down_group a dd.w-md-change {transition: all 0.5s;-webkit-transition: all 0.5s;}
.down_group a dd.w-lg{width:750px;}
.down_group a dd.w-md{width:136px;}
.down_group a dd.w-md-change{width:0px;overflow: hidden;}

.down_group a:hover dd.w-lg{width:560px;}
.down_group a:hover dd.w-md{width:150px;}
.down_group a:hover dd.w-md-change{width:150px;overflow: hidden;}
@media (max-width:768px){
  .download .bg-lightblock .col-4{display:none;}
  .download .bg-lightblock dl.row {font-size: 12px;}
  .down_group a dd.w-lg, .down_group a dd.w-md, .down_group a dd.w-md-change {transition:unset;-webkit-transition:unset;}
  .down_group a dd.w-lg, .down_group a dd.w-md{margin-bottom: 1rem;}
  .down_group a dd.w-md {text-align: center;}
  .down_group a dd.w-lg{width:100%;}
  .down_group a dd.w-md{width:33.33%;}
  .down_group a dd.w-md-change{width:100%;overflow: hidden;}

  .down_group a:hover dd.w-lg{width:100%;}
  .down_group a:hover dd.w-md{width:33.3%;}
  .down_group a:hover dd.w-md-change{width:100%;overflow: hidden;}

  .down_group a dd.w-lg .duanzi{width:100%;}
  .down_group a:hover dd.w-lg .duanzi{width:100%;}
}
@media (min-width: 768px){
  .download .bg-lightblock .col-4{display:none;}
  .download .bg-lightblock dl.row {font-size: 12px;}
  .down_group a dd.w-lg, .down_group a dd.w-md, .down_group a dd.w-md-change {transition: all 0.5s;-webkit-transition: all 0.5s;}
  .down_group a dd.w-lg, .down_group a dd.w-md{margin-bottom:0rem;}
  .down_group a dd.w-md {text-align:left;}
  .down_group a dd.w-lg{width:300px;}
  .down_group a dd.w-md{width:126px;}
  .down_group a dd.w-md-change{width:0px;overflow: hidden;}

  .down_group a:hover dd.w-lg{width:300px;}
  .down_group a:hover dd.w-md{width:95px;}
  .down_group a:hover dd.w-md-change{width:95px;overflow: hidden;}

  .down_group a dd.w-lg .duanzi{width:240px;}
  .down_group a:hover dd.w-lg .duanzi{width:240px;}

}
@media (min-width: 992px){
  .download .bg-lightblock .col-4{display:none;}
  .download .bg-lightblock dl.row {font-size: 12px;}
  .down_group a dd.w-lg, .down_group a dd.w-md, .down_group a dd.w-md-change {transition: all 0.5s;-webkit-transition: all 0.5s;}
  .down_group a dd.w-lg, .down_group a dd.w-md{margin-bottom:0rem;}
  .down_group a dd.w-md {text-align:left;}
  .down_group a dd.w-lg{width:460px;}
  .down_group a dd.w-md{width:153px;}
  .down_group a dd.w-md-change{width:0px;overflow: hidden;}

  .down_group a:hover dd.w-lg{width:460px;}
  .down_group a:hover dd.w-md{width:115px;}
  .down_group a:hover dd.w-md-change{width:115px;overflow: hidden;}

  .down_group a dd.w-lg .duanzi{width:390px;}
  .down_group a:hover dd.w-lg .duanzi{width:390px;}
}
@media (min-width:1200px){
  .download .bg-lightblock .col-4{display:none;}
  .download .bg-lightblock dl.row {font-size: 12px;}
  .down_group a dd.w-lg, .down_group a dd.w-lg .duanzi, .down_group a dd.w-md, .down_group a dd.w-md-change {transition: all 0.5s;-webkit-transition: all 0.5s;}
  .down_group a dd.w-lg, .down_group a dd.w-md{margin-bottom:0rem;}
  .down_group a dd.w-md {text-align:left;}
  .down_group a dd.w-lg{width:750px;}
  .down_group a dd.w-md{width:136px;}
  .down_group a dd.w-md-change{width:0px;overflow: hidden;}

  .down_group a:hover dd.w-lg{width:560px;}
  .down_group a:hover dd.w-md{width:150px;}
  .down_group a:hover dd.w-md-change{width:150px;overflow: hidden;}

  .down_group a dd.w-lg .duanzi{width:680px;}
  .down_group a:hover dd.w-lg .duanzi{width:490px;}

}
/*join*/
.join ul.tabmenu{list-style-type: none;text-align: left;margin: 0;padding: 0;color: #333333;font-size: 16px;text-align:center;margin-bottom:0px;}
.join ul.tabmenu li {display: inline-block;padding-bottom: .5rem;margin:0px 16px;padding-left: 0;}
.join ul.tabmenu li.active{border-bottom: 4px solid #0160a2;border-left: none;}
.join .menu {padding-bottom:0px;}
.join .menu .tab{text-align: center;display: block;margin-bottom:50px;}

.join ul.tabmenu li a{color: #333333;}
.join ul.tabmenu li a:hover{color: #333333; text-decoration: none;}
.join .list-group{width: 100%}
.join a.list-group-item {color: #333333;}
.join a:hover.list-group-item {color: #333333; background: #f1f1f1;}
.join .block{display: inline-block;}
.join .title{font-size: 16px; font-weight: 500;margin-bottom:.5rem;}
.join .info{margin-top: 50px;margin-bottom: 34px;}


.join_ad {padding: 50px 0;text-align: center;}
.join_ad .textline {height: 100%;width: 100%;background: url(../image/greyline2_bg.png) 0px 50% repeat-x;display: block;margin:1rem auto 0px auto;background-size: 1px;}
.join_ad .textword_w {text-align: center;font-size:32px;display: inline-block;background: #ffffff;padding: 0 1rem;}

.round{border:1px solid #ffffff;border-radius: 50rem;width: 8px;height: 8px ;margin:1rem auto 0 auto;background: transparent;}
@media (max-width: 576px){
  .join_ad .textword_w {padding:0 16px;text-align: center;background-color: #f0f0f0;font-size:24px;}
  .join .mb2{margin-bottom:1rem !important;}
}
@media (min-width:500px){
  .join .mb2{margin-bottom:1rem !important;}

}
@media (min-width:768px){
  .join .mr-5{margin-right: .5rem !important;}
  .join .f16{font-size: 14px !important;}
}
@media (min-width:992px){
  .join .mr-5{margin-right:3rem !important;}
  .join .f16{font-size: 1rem !important;}
}
/*pick-pcc*/
.pick-area{display:inline-block;position:relative;font-size:14px;background:#fff;text-decoration: none;cursor:default;width: 100% !important}

.pick-show{position:relative;padding:0 8px;height:36px;line-height:36px;border:1px solid #dedede;border-radius: 3px;;}
.pick-show span{float:left;display:inline-block;max-width:100px;height:24px;line-height:24px;padding: 0 3px;margin-top:6px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color:#333;cursor:pointer;}
.pick-show span:hover{color:#fff!important;border-radius:3px;}
.pick-show span.pressActive{background:#7894D4;color:#fff!important;border-radius:3px}
.pick-show em.pick-arrow{position:absolute;top:0px;right:8px;display: block;font-size: 12px;font-weight: bold;right: 8px !important;}
.pick-show i{float:left;display:inline-block;padding:0 3px;color:#333;font-style:normal;}

.pick-list{text-align: left !important;display:none;position:absolute;line-height:36px;margin:0;padding:0;background:#fff;z-index:999999999;overflow-y:auto;overflow-x:hidden;border:1px solid #dedede;border-top:none;width: 100%!important;}
.pick-list li{margin:0;padding-left:8px;list-style: none;color:#888;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pick-list li:hover{color:#fff;font-weight:bold;}





/*font*/
.h6, h6 {font-size: .875rem;}
.f22{font-size: 22px !important;}
.f20{font-size: 20px !important;}
.f12 {font-size: 12px !important;}
.f14 {font-size: .875rem !important;}
.f16 {font-size: 1rem !important}
.f24 {font-size: 24px !important;}
.f32{font-size: 32px !important;}
.f46{font-size: 46px !important;}
.f58{font-size: 58px !important;}
.f42 {font-size: 42px !important;}
.f41 {font-size: 41px !important;}
.f76{font-size: 76px !important;}
.f84{font-size: 84px !important;}
.bigtitle {font-size: 24px;}
.fb {font-weight: 500;}
.fn {font-weight:normal;}
.fber {font-weight: bolder;}
/*width*/
.video video{width: 100%}
.w50{width:50%;display: block;}
@media (max-width: 576px){
  .w50{width:100%;display: block;}
}
/*linehight*/
.lh1{line-height:1;}
.h18{line-height: 18px;}
.h22{line-height: 22px;}
.h28{line-height: 28px;}
.h32{line-height: 32px;}
.h42{line-height: 42px;}
/*color*/
.text-white {color: #fff;}
.text-light {color: #999999 !important;}
.text-grey {color: #666666 !important;}
.text-black {color: #333333 !important;}
.im {color: #FFFFFF !important;}
.im a{color: #0160a2 !important;}
.im a:hover{color: #0160a2 !important; text-decoration:underline;}
.btn-danger {color: #fff;background-color: #0160a2;border-color: #0160a2;}
a.redlink {color: #333333;text-decoration: none;width: 100%}
a:hover.redlink {color:#0160a2;text-decoration: none;}
.dark_link a{color: #333333;}
.dark_link a:hover{color: #0160a2;}
/*padding & margin*/
.plr0{padding: 0px;}
.plr15{padding: 0px 15px;}
.plr30{padding-left:30px;padding-right: 30px;}
.mlr0 {margin-left: 0px;margin-right: 0px;}
.mt32 {margin-top: 32px;}
.mt100 {margin-top:100px;}
.mt05{margin-top:.5rem;}
.mb0 {margin-bottom:0px !important;}
.mb10 {margin-bottom:10px !important;}
.mb32 {margin-bottom: 32px;}
.mb38 {margin-bottom: 2.4rem;}
.mb50 {margin-bottom: 30px;}
.mb05{margin-bottom: .5rem;}
.mb100 {margin-bottom: 100px;}
.pb50 {padding-bottom: 50px;}
.pt50 {padding-top: 50px;}
.pt100 {padding-top: 50px;}
.pb100 {padding-bottom: 100px;}
.pt30 {padding-top: 30px;}
.p30 {padding: 30px;}
.p50 {padding: 50px;}
.mb2 {margin-bottom: 2rem !important;}
.mb1 {margin-bottom: 1rem !important;}
.mb10 {margin-bottom: 10px !important;}
.pb1 {padding-bottom: 1rem !important;}
.mt1{margin-top: 1rem;}
.mt2{margin-top: 2rem;}
.mtb1{margin-top:1rem; margin-bottom: 1rem;}
.mt50{margin-top: 10px;}
.mtb100{margin: 100px 0px;}
.ptb50 {padding: 50px 0}
.mb-lg{margin-bottom: 104px;}
@media (max-width: 576px){
  .mb-lg{margin-bottom:1rem;}
  .pt100 {padding-top: 50px;}
  .pb100 {padding-bottom: 50px;}
  .mb100 {margin-bottom: 50px;}
  .mtb100{margin: 50px 0px;}
  /*font*/
  .f32{font-size: 28px !important;}


}
/*background*/
.bg-white {background-color: #ffffff !important;}

.bg-lightblock {border:1px solid #cccccc;background: #f1f1f1;border-radius: 4px;}
.bg-lightblock span{padding-left:.5rem;padding-right: .5rem;}
.bg-lightblock a{color: #0F68D0;}
.bg-lightblock a:hover{color: #0F68D0;text-decoration: underline;}
.bg-grey {background-color: #f0f0f0 !important;}
.bg-dark {background-color: #272727 !important;}
.bg_form {background: url(../image/bg75.png)0 0 repeat;padding: 50px;color: #333333;border-radius: 25px;}
@media (max-width: 576px){
  .bg_form {background: url(../image/bg75.png)0 0 repeat;padding:30px 15px;color: #333333;border-radius: 25px;}
}
/*line*/
.bl-line-grey {border-left: 1px solid #cccccc;}
.br-line-grey {border-right: 1px solid #cccccc;}

.line {border-bottom: 1px solid #cccccc;height: 1px;display: block;width: 100%;margin:50px 0px; }
.line_sm {border-bottom: 1px solid #cccccc;height: 1px;display: block;width: 100%;}
.textline {height: 100%;width: 100%;background: url(../image/greyline2_bg.png) 0px 50% repeat-x;display: block;margin:0px auto;background-size: 1px;}
.textword {padding: 0 16px;text-align: center;background-color: #ffffff;display: inline-block;}
.texticonline {position: relative;display: block;content: '';height: 1px;background: #ccc;margin: 50px 0px}
.texticon {padding:0 16px;position: absolute;top:-24px;text-align: center;left:44.1%;background-color: #ffffff;color: #999999;}
.partner .textword_w {padding:0px 16px;text-align: center;background-color: #ffffff;font-size: 24px;line-height: 35px;margin:0 auto;width: 130px; }

.product .textline {height: 100%;width: 100%;background: url(../image/greyline2_bg.png) 0px 50% repeat-x;display: block;margin:50px auto;background-size: 1px;}
.product .textword_w {width: 145px;margin: 0 auto;text-align: center;font-size:1rem;background: #ffffff;padding: 0 1rem;}

@media (max-width: 576px){
  .texticon {padding: 16px;position: absolute;top:-24px;text-align: center;left:31.5%;background-color: #ffffff;}
  .partner .textword_w {padding:0px 16px;text-align: center;background-color: #ffffff;font-size:20px;line-height: 32px;margin:0 auto;width: 130px; }
  .partner.pb50{padding-bottom:0px;}
}

.im_title {width:45px;height:4px;display: block;margin:1rem 0px;background-color: #0160a2;}
.im_title_middle {width:45px;height:4px;display: block;margin:1rem auto;background-color: #0160a2;}

.im_title_center {width:45px;height:4px;display: block;margin-top:1rem;margin-right: auto;margin-left: auto;background-color: #0160a2;}

.im_title_up {width:45px;height:4px;display: block;margin-bottom:1rem;background-color: #0160a2;}

.im_title_left{border-left: 4px solid #0160a2;padding-left:10px;margin-bottom: 1rem;}
.im_title_text{width: 50%;margin-left:auto;margin-right: auto;}
@media (max-width: 576px){
  .im_title_text{width:100%;margin-left:auto;margin-right: auto;}

}
/*btn*/
.btn-search {border:0;background-color: transparent;padding: 0;margin: 0;vertical-align: middle;height: 32px; }
.btn-group-sm>.btn, .btn-sm {padding: 0.25rem 0.5rem;line-height: 1;border-radius: 0.2rem;font-size: 12px;}
.btn-pills {border-radius: 25px;padding: .5rem 1.5rem !important;}
.btn-outline-danger:hover {color: #fff;background-color:#0160a2;border-color:#0160a2;}
.btn-outline-danger {color:#0160a2;border-color:#0160a2;}

/*map tabs*/
.map .nav-pills .nav-link.active, .nav-pills .show>.nav-link {color: #0160a2;background-color: #ffffff;border:1px solid #0160a2;border-radius: 25px;font-size: 20px;}
.map .nav-pills .nav-link {border-radius: 25px;border: 1px solid #cccccc;background-color: #ffffff;color: #666666;font-size: 20px;padding:.5rem 1.5rem }
/*link*/
a{text-decoration: none;}
a:hover{text-decoration: none;}
/*homepage swiper big-banner*/
section.homepage-banner {position: relative;height: 700px;width: 100%;background-color: #ededed;z-index: 800;}
section.homepage-banner .banner-swiper-container {position: relative;z-index: 400;}
.swiper {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff; /* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;border: 0px !important;border-radius: 0px;}
/*index*/
.index_banner {height:100%;padding: 0;}
.index_banner .swiper_block{top: 0;}
.index_banner .swiper_block .indexSwiper{max-width:1200px;width: 100%;z-index: 10;position: absolute;height: 160px;bottom: 15px;}
.index_banner .swiper_block .indexSwiper .swiper-wrapper{position: relative;z-index: 10;width:100%;left: 0;margin: 0px;}
.index_banner .swiper_block .indexSwiper .swiper-wrapper .swiper-slide{background: transparent;color: #ffffff;display: block;text-align: left;-webkit-box-pack: unset;-ms-flex-pack:unset;-webkit-justify-content:unset;justify-content:unset;-webkit-box-align:unset;-ms-flex-align:unset;-webkit-align-items:unset;align-items:unset;}
.index_banner .swiper_block .indexSwiper .swiper-wrapper .swiper-slide .warp .title{border-left: 4px solid transparent;padding-left: 2rem;font-size: 1rem;margin: .5rem 0;opacity: .25;display: -webkit-box;word-wrap: break-word;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 1;}
.index_banner .swiper_block .indexSwiper .swiper-wrapper .swiper-slide-thumb-active .warp .title{border-left: 4px solid #0160a2;padding-left: 2rem;font-size: 1rem;margin: .5rem 0;opacity: 1;color: #0160a2;font-weight: bold;}

.index_banner .swiper_block .indexSwiper2{top:0px;}

.index_banner .swiper_block .indexSwiper2 .slideimg{height:100%;width: 100%}

.index_banner .swiper_block .indexSwiper2 .info{position: absolute;top:30%;}
.index_banner .swiper_block .indexSwiper2 .info span{margin: 0 .25rem;}

.index_banner .swiper_block .indexSwiper2 .swiper-button-next, .index_banner .swiper_block .indexSwiper2 .swiper-button-prev {width: 50px;height: 50px;background-color: #000000;opacity: .65;}

.index_banner .swiper_block .indexSwiper2 .swiper-button-prev, .index_banner .swiper_block .indexSwiper2 .swiper-rtl .swiper-button-next {left: 0px;right: auto;}
.index_banner .swiper_block .indexSwiper2 .swiper-button-next, .index_banner .swiper_block .indexSwiper2 .swiper-rtl .swiper-button-prev {right:0px;left: auto;}

.index_banner .swiper_block .indexSwiper2 .swiper-button-prev:after, .index_banner .swiper_block .indexSwiper2 .swiper-rtl .swiper-button-next:after {color: #ffffff;font-size: 20px;}
.index_banner .swiper_block .indexSwiper2 .swiper-button-next:after, .index_banner .swiper_block .indexSwiper2 .swiper-rtl .swiper-button-prev:after {color: #ffffff;font-size: 20px;}
@media (max-width: 576px){
  .index_banner .swiper_block .indexSwiper2 {top: 0px;}
  .index_banner {height:100%;padding-top:64px;}
  .index_banner .swiper_block .indexSwiper .swiper-wrapper{position: relative;z-index: 10;width:100%;left: 0;margin: 0px;display: none;}
  .index_banner .swiper_block .indexSwiper{max-width: 1200px;width:100%;margin:0 auto;z-index: 10;top:330px;}
  .index_banner .swiper_block .indexSwiper2 .slideimg{height:500px;width: 100%}
  .index_banner .swiper_block .indexSwiper2 .info {margin-top: 30px;position: absolute;top: 0px;font-size: 14px;}
  .index_banner .swiper_block .indexSwiper2 .info .mb1{margin-bottom:.25rem !important;}
  .index_banner .swiper_block .indexSwiper2 .info .mb2{margin-bottom:.75rem !important;}
  .index_banner .swiper_block .indexSwiper2 .info .btn{padding: 0.15rem 0.5rem;font-size: 14px;}
  .index_banner .swiper_block .indexSwiper2 .info .f32{font-size: 18px !important;line-height: 18px;}
  .index_banner .swiper_block .indexSwiper2 .info .f22{font-size: 16px !important;line-height: 16px;}
}
@media (max-width:768px){
  .index_banner .swiper_block .indexSwiper{display: none;}
  .index_banner {height: 100%;padding-top:64px;}
}
@media (min-width:768px){
  .index_banner .swiper_block .indexSwiper{max-width:720px;width: 100%;z-index: 10;position: absolute;height: 120px;bottom: 15px;}
  .index_banner {height: 100%;padding-top:64px;}
}
@media (min-width: 992px){
  .index_banner .swiper_block .indexSwiper{max-width:960px;width: 100%;z-index: 10;position: absolute;height: 120px;bottom: 15px;}
  .index_banner {height: 100%;padding-top:0px;}
}
@media (min-width:1200px){
  .index_banner .swiper_block .indexSwiper{max-width:1200px;width: 100%;z-index: 10;position: absolute;height: 160px;bottom: 15px;}
}
/*index big banner*/
.bigbanner {height:800px!important;}
.bigbanner_content {height: 619px!important;z-index: 10;color: #333333 !important;}
.bigbanner_content .item{position: absolute;left: 0;}
.bigbanner_content .item_w{width: 585px;}
.bigbanner_content .info{width: 100%;height: 100%;display: block;padding: 80px 15px 0 15px;}
.bigbanner_content .msg{line-height: 38px;font-size: 1rem;font-weight: 500;margin: 70px 0;}
.bigbanner_content .round_border {border: 2px solid #333;border-radius: 50px;width: 63px;height: 63px;margin: 0 auto;padding: 14px;}

.bigbanner_darkbg {padding-top:0px;height: 180px;position: relative;top: 0;z-index:0;background: #272727;}
.bigbanner .swiper_block{top:-220px;z-index: 100;height: 220px;}
.bigbanner a .pro_info{color: #ffffff;padding-top:70px;}

.bigbanner .swiper_bigbanner01{height: 220px;overflow: hidden;padding-right: 55px;}
.bigbanner .swiper_bigbanner01 .swiper-slide{background: transparent;}
.bigbanner .swiper_bigbanner01 .swiper-wrapper{top: 25px;}

.bigbanner .swiper_bigbanner01 .swiper-button-next, .bigbanner .swiper_bigbanner01 .swiper-button-prev {top:55%;width: 50px;height: 50px;background-color: #272727;}

.bigbanner .swiper_bigbanner01 .swiper-button-prev, .bigbanner .swiper_bigbanner01 .swiper-rtl .swiper-button-next {left:-65px;right: auto;}
.bigbanner .swiper_bigbanner01 .swiper-button-next, .bigbanner .swiper_bigbanner01 .swiper-rtl .swiper-button-prev {right:0px;left: auto;}

.bigbanner .swiper_bigbanner01 .swiper-button-prev:after, .bigbanner .swiper_bigbanner01 .swiper-rtl .swiper-button-next:after {color: #ffffff;font-size: 20px;}
.bigbanner .swiper_bigbanner01 .swiper-button-next:after, .bigbanner .swiper_bigbanner01 .swiper-rtl .swiper-button-prev:after {color: #ffffff;font-size: 20px;}

/*02*/
.bigbanner02 {height:800px!important;}

.bigbanner02 .swiper_block{top:-220px;z-index: 100;height: 220px;}

.bigbanner_content02 .info{width: 100%;height: 100%;display: block;padding: 80px 15px 0 15px;z-index: 10;}
.bigbanner_content02 .msg{line-height: 38px;font-size: 1rem;font-weight: 500;margin: 70px 0;}
.bigbanner_content02 .round_border {border: 2px solid #ffffff;border-radius: 50px;width: 63px;height: 63px;margin: 0 auto;padding: 14px;}

.bigbanner_content02 {height:619px!important;z-index: 10;color: #ffffff !important;}
.bigbanner_content02 .item02{position: absolute;right: 0;}
.bigbanner_content02 .item_w02{width:688px;}

.bigbanner_darkbg02 {padding-top:0px;height: 180px;position: relative;top: 0;z-index:0;background: #272727;}


.bigbanner02 .swiper_bigbanner02{height: 220px;overflow: hidden;padding-left: 55px;}
.bigbanner02 .swiper_bigbanner02 .swiper-slide{background: transparent;}
.bigbanner02 .swiper_bigbanner02 .swiper-wrapper{top: 25px;}
.bigbanner02 .swiper_bigbanner02 .swiper-slide{background: transparent;}
  .bigbanner02 a .pro_info{color: #ffffff;padding-top:60px;}

.bigbanner02 .swiper_bigbanner02 .swiper-button-next, .bigbanner02 .swiper_bigbanner02 .swiper-button-prev {top:55%;width: 50px;height: 50px;background-color: #272727;}

.bigbanner02 .swiper_bigbanner02 .swiper-button-prev, .bigbanner02 .swiper_bigbanner02 .swiper-rtl .swiper-button-next {left:0px;right: auto;}
.bigbanner02 .swiper_bigbanner02 .swiper-button-next, .bigbanner02 .swiper_bigbanner02 .swiper-rtl .swiper-button-prev {right:-60px;left: auto;}

.bigbanner02 .swiper_bigbanner02 .swiper-button-prev:after, .bigbanner02 .swiper_bigbanner02 .swiper-rtl .swiper-button-next:after {color: #ffffff;font-size: 20px;}
.bigbanner02 .swiper_bigbanner02 .swiper-button-next:after, .bigbanner02 .swiper_bigbanner02 .swiper-rtl .swiper-button-prev:after {color: #ffffff;font-size: 20px;}

@media (max-width: 576px){
  .bigbanner {height:735px!important;}
  .bigbanner_content {height:555px!important;z-index: 10;color: #333333 !important;}
  .bigbanner_content .item{position: absolute;left: 0;bottom: 0;}
  .bigbanner_content .item_w{width:200px;}
  .bigbanner_content .info{width: 100%;height: 100%;display: block;padding:50px 15px 0 15px;}
  .bigbanner_content .info .f32{font-size: 24px !important;}
  .bigbanner_content .msg{line-height:28px;font-size:14px;font-weight: 500;margin:50px 0;}
  .bigbanner_content .round_border {border: 2px solid #333;border-radius: 50px;width: 45px;height: 45px;margin: 0 auto;padding: 10px 9px;}
  .bigbanner_content .f16{font-size: 12px !important;}

  .bigbanner_darkbg02 {padding-top:0px;height:180px;position: relative;top: 0;z-index:0;background: #272727;}


  .bigbanner_darkbg {padding-top:0px;height:180px;position: relative;top: 0;z-index:0;background: #272727;}
  .bigbanner .swiper_block{top:-180px;z-index: 100;height: 180px;}
  .bigbanner a .pro_info{color: #ffffff;padding-top:35px;}
  .bigbanner .swiper_block .swiper-slide a .img_w{width:145px;display: inline-block;margin-right: 15px;}


  .bigbanner .swiper_block .swiper-slide img {display: block;width:100%;height: 100%;object-fit: cover;border: 0px !important;border-radius:0px;padding-left:0px;}

  .bigbanner .swiper_bigbanner01{height:180px;overflow: hidden;padding-right:0px;}
  .bigbanner .swiper_bigbanner01 .swiper-slide{background: transparent;}
  .bigbanner .swiper_bigbanner01 .swiper-wrapper{top: 25px;height: 155px;}

  .bigbanner .swiper_bigbanner01 .swiper-button-next, .bigbanner .swiper_bigbanner01 .swiper-button-prev {top:55%;width: 50px;height: 50px;background-color: #272727;}

  .bigbanner .swiper_bigbanner01 .swiper-button-prev, .bigbanner .swiper_bigbanner01 .swiper-rtl .swiper-button-next {left:0px;right: auto;}
  .bigbanner .swiper_bigbanner01 .swiper-button-next, .bigbanner .swiper_bigbanner01 .swiper-rtl .swiper-button-prev {right:0px;left: auto;}

  .bigbanner .swiper_bigbanner01 .swiper-button-prev:after, .bigbanner .swiper_bigbanner01 .swiper-rtl .swiper-button-next:after {color: #ffffff;font-size: 20px;}
  .bigbanner .swiper_bigbanner01 .swiper-button-next:after, .bigbanner .swiper_bigbanner01 .swiper-rtl .swiper-button-prev:after {color: #ffffff;font-size: 20px;}
  

  /*02*/
  .bigbanner02 {height:910px!important;}

  .bigbanner_content02 .info{width: 100%;height: 100%;display: block;padding: 50px 15px 0 15px;z-index: 10;}
  .bigbanner02 .swiper_block .swiper-slide a .img_w{width:145px;display: inline-block;margin-right: 15px;}

  .bigbanner02 .swiper_bigbanner02{height:180px;overflow: hidden;padding-left:0px;}
  .bigbanner02 .swiper_bigbanner02 .swiper-slide{background: transparent;}
  .bigbanner02 .swiper_bigbanner02 .swiper-wrapper{top:25px;height: 155px;}

  .bigbanner02 .swiper_bigbanner02 .swiper-button-next, .bigbanner02 .swiper_bigbanner02 .swiper-button-prev {top:50%;width: 50px;height: 50px;background-color: #272727;}

  .bigbanner02 .swiper_bigbanner02 .swiper-button-prev, .bigbanner02 .swiper_bigbanner02 .swiper-rtl .swiper-button-next {left:0px;right: auto;}
  .bigbanner02 .swiper_bigbanner02 .swiper-button-next, .bigbanner02 .swiper_bigbanner02 .swiper-rtl .swiper-button-prev {right:0px;left: auto;}

  .bigbanner02 .swiper_bigbanner02 .swiper-button-prev:after, .bigbanner02 .swiper_bigbanner02 .swiper-rtl .swiper-button-next:after {color: #ffffff;font-size: 20px;}
  .bigbanner02 .swiper_bigbanner02 .swiper-button-next:after, .bigbanner02 .swiper_bigbanner02 .swiper-rtl .swiper-button-prev:after {color: #ffffff;font-size: 20px;}

  .bigbanner_content02 {height:730px!important;z-index: 10;color: #ffffff !important;}
  .bigbanner_content02 .item02{position: absolute;bottom: 0;right: 0;}
  .bigbanner_content02 .item_w02{width:100%;overflow: hidden;height: 372px;}
  .bigbanner_content02 .msg{line-height:28px;font-size: 1rem;font-weight: 500;margin:50px 0;}
  .bigbanner_content02 .round_border {border: 2px solid #ffffff;border-radius: 50px;width: 45px;height: 45px;margin: 0 auto;padding: 10px 9px;}
    .bigbanner_content02 .info .f32{font-size: 24px !important;}
  .bigbanner_content02 .f16{font-size: 12px !important;}
  .bigbanner02 a .pro_info{color: #ffffff;padding-top:35px;}
  .bigbanner02 .swiper_block{top:-180px;z-index: 100;height:180px;}
}
@media (min-width:500px){
  .bigbanner {height:735px!important;}
  .bigbanner_content {height:555px!important;z-index: 10;color: #333333 !important;}
  .bigbanner_content .item{position: absolute;left: 0;bottom: 0;}
  .bigbanner_content .item_w{width:260px;}
  .bigbanner_content .info{width: 100%;height: 100%;display: block;padding:50px 15px 0 15px;}
  .bigbanner_content .info .f32{font-size:24px !important;}
  .bigbanner_content .msg{line-height:28px;font-size:14px;font-weight: 500;margin:50px 0;}
  .bigbanner_content .round_border {border: 2px solid #333;border-radius: 50px;width:45px;height:45px;margin: 0 auto;padding:10px 9px;}
  .bigbanner_content .f16{font-size: 12px !important;}

  .bigbanner_darkbg02 {padding-top:0px;height:180px;position: relative;top: 0;z-index:0;background: #272727;}

  .bigbanner_darkbg {padding-top:0px;height:180px;position: relative;top: 0;z-index:0;background: #272727;}
  .bigbanner .swiper_block{top:-180px;z-index: 100;height: 180px;}
  .bigbanner .swiper_block .swiper-slide a .img_w {width:230px;display: inline-block;margin-right: 15px;}

  .bigbanner a .pro_info{color: #ffffff;padding-top:35px;}
  .bigbanner .swiper_block .swiper-slide img {display: block;width:100%;height: 100%;object-fit: cover;border: 0px !important;border-radius: 15px;padding-left:80px;}

  .bigbanner .swiper_bigbanner01{height:180px;overflow: hidden;padding-right:0px;}
  .bigbanner .swiper_bigbanner01 .swiper-slide{background: transparent;}
  .bigbanner .swiper_bigbanner01 .swiper-wrapper{top: 25px;}

  .bigbanner .swiper_bigbanner01 .swiper-button-next, .bigbanner .swiper_bigbanner01 .swiper-button-prev {top:55%;width: 50px;height: 50px;background-color: #272727;}

  .bigbanner .swiper_bigbanner01 .swiper-button-prev, .bigbanner .swiper_bigbanner01 .swiper-rtl .swiper-button-next {left:0px;right: auto;}
  .bigbanner .swiper_bigbanner01 .swiper-button-next, .bigbanner .swiper_bigbanner01 .swiper-rtl .swiper-button-prev {right:0px;left: auto;}

  .bigbanner .swiper_bigbanner01 .swiper-button-prev:after, .bigbanner .swiper_bigbanner01 .swiper-rtl .swiper-button-next:after {color: #ffffff;font-size: 20px;}
  .bigbanner .swiper_bigbanner01 .swiper-button-next:after, .bigbanner .swiper_bigbanner01 .swiper-rtl .swiper-button-prev:after {color: #ffffff;font-size: 20px;}
  

  /*02*/
  .bigbanner02 {height:910px!important;}

  .bigbanner_content02 .info{width: 100%;height: 100%;display: block;padding: 50px 15px 0 15px;z-index: 10;}
  .bigbanner02 .swiper_block .swiper-slide img {display: block;width:100%;height: 100%;object-fit: cover;border: 0px !important;border-radius: 15px;padding-left:60px;}

  .bigbanner02 .swiper_bigbanner02{height:180px;overflow: hidden;padding-left:0px;}
  .bigbanner02 .swiper_bigbanner02 .swiper-slide{background: transparent;}
  .bigbanner02 .swiper_bigbanner02 .swiper-wrapper{top: 25px;}

  .bigbanner02 .swiper_bigbanner02 .swiper-button-next, .bigbanner02 .swiper_bigbanner02 .swiper-button-prev {top:55%;width: 50px;height: 50px;background-color: #272727;}

  .bigbanner02 .swiper_bigbanner02 .swiper-button-prev, .bigbanner02 .swiper_bigbanner02 .swiper-rtl .swiper-button-next {left:0px;right: auto;}
  .bigbanner02 .swiper_bigbanner02 .swiper-button-next, .bigbanner02 .swiper_bigbanner02 .swiper-rtl .swiper-button-prev {right:0px;left: auto;}

  .bigbanner02 .swiper_bigbanner02 .swiper-button-prev:after, .bigbanner02 .swiper_bigbanner02 .swiper-rtl .swiper-button-next:after {color: #ffffff;font-size: 20px;}
  .bigbanner02 .swiper_bigbanner02 .swiper-button-next:after, .bigbanner02 .swiper_bigbanner02 .swiper-rtl .swiper-button-prev:after {color: #ffffff;font-size: 20px;}

  .bigbanner_content02 {height:730px!important;z-index: 10;color: #ffffff !important;}
  .bigbanner_content02 .item02{position: absolute;bottom: 0;right: 0;}
  .bigbanner_content02 .item_w02{width:100%;overflow: hidden;height: 372px;}
  .bigbanner_content02 .msg{line-height:28px;font-size: 1rem;font-weight: 500;margin:50px 0;}
  .bigbanner_content02 .round_border {border: 2px solid #ffffff;border-radius: 50px;width: 45px;height: 45px;margin: 0 auto;padding: 10px 9px;}
  .bigbanner_content02 .info .f32{font-size: 24px !important;}
  .bigbanner_content02 .f16{font-size: 12px !important;}
  .bigbanner02 a .pro_info{color: #ffffff;padding-top:35px;}
  .bigbanner02 .swiper_block{top:-180px;z-index: 100;height:180px;}
  .bigbanner02 .swiper_block .swiper-slide a .img_w {width:205px;display: inline-block;margin-right: 15px;}
}
@media (min-width:576px){
  .bigbanner {height:715px!important;}
  .bigbanner_content {height:555px!important;z-index: 10;color: #333333 !important;}
  .bigbanner_content .item{position: absolute;left: 0;bottom: 0;}
  .bigbanner_content .item_w{width:280px;}
  .bigbanner_content .info{width: 100%;height: 100%;display: block;padding:50px 15px 0 15px;}
  .bigbanner_content .info .f32{font-size:32px !important;}
  .bigbanner_content .msg{line-height:28px;font-size:14px;font-weight: 500;margin:30px 0;}
  .bigbanner_content .round_border {border: 2px solid #333;border-radius: 50px;width:63px;height: 63px;margin: 0 auto;padding: 14px;}
  .bigbanner_content .f16{font-size:16px !important;}

  .bigbanner_darkbg02 {padding-top:0px;height:180px;position: relative;top: 0;z-index:0;background: #272727;}


  .bigbanner_darkbg {padding-top:0px;height:160px;position: relative;top: 0;z-index:0;background: #272727;}
  .bigbanner .swiper_block{top:-180px;z-index: 100;height: 180px;}
  
  .bigbanner .swiper_block .swiper-slide a .img_w{width:145px;display: inline-block;margin-right: 15px;}

  .bigbanner a .pro_info{color: #ffffff;padding-top:35px;}
  .bigbanner .swiper_block .swiper-slide img {display: block;width:100%;height: 100%;object-fit: cover;border: 0px !important;border-radius: 15px;padding-left:0px;}

  .bigbanner .swiper_bigbanner01{height:180px;overflow: hidden;padding-right:0px;}
  .bigbanner .swiper_bigbanner01 .swiper-slide{background: transparent;}
  .bigbanner .swiper_bigbanner01 .swiper-wrapper{top: 25px;}

  .bigbanner .swiper_bigbanner01 .swiper-button-next, .bigbanner .swiper_bigbanner01 .swiper-button-prev {top:55%;width: 50px;height: 50px;background-color: #272727;}

  .bigbanner .swiper_bigbanner01 .swiper-button-prev, .bigbanner .swiper_bigbanner01 .swiper-rtl .swiper-button-next {left:0px;right: auto;}
  .bigbanner .swiper_bigbanner01 .swiper-button-next, .bigbanner .swiper_bigbanner01 .swiper-rtl .swiper-button-prev {right:0px;left: auto;}

  .bigbanner .swiper_bigbanner01 .swiper-button-prev:after, .bigbanner .swiper_bigbanner01 .swiper-rtl .swiper-button-next:after {color: #ffffff;font-size: 20px;}
  .bigbanner .swiper_bigbanner01 .swiper-button-next:after, .bigbanner .swiper_bigbanner01 .swiper-rtl .swiper-button-prev:after {color: #ffffff;font-size: 20px;}
  

  /*02*/
  .bigbanner02 {height:910px!important;}

  .bigbanner_content02 .info{width: 100%;height: 100%;display: block;padding: 50px 15px 0 15px;z-index: 10;}
  .bigbanner02 .swiper_block .swiper-slide img {display: block;width:100%;height: 100%;object-fit: cover;border: 0px !important;border-radius:0px;padding-left:0px;}
  .bigbanner02 .swiper_block .swiper-slide a .img_w{width: 160px;display: inline-block;margin-right: 15px;}

  .bigbanner02 .swiper_bigbanner02{height:180px;overflow: hidden;padding-left:0px;}
  .bigbanner02 .swiper_bigbanner02 .swiper-slide{background: transparent;}
  .bigbanner02 .swiper_bigbanner02 .swiper-wrapper{top:25px;}

  .bigbanner02 .swiper_bigbanner02 .swiper-button-next, .bigbanner02 .swiper_bigbanner02 .swiper-button-prev {top:55%;width: 50px;height: 50px;background-color: #272727;}

  .bigbanner02 .swiper_bigbanner02 .swiper-button-prev, .bigbanner02 .swiper_bigbanner02 .swiper-rtl .swiper-button-next {left:0px;right: auto;}
  .bigbanner02 .swiper_bigbanner02 .swiper-button-next, .bigbanner02 .swiper_bigbanner02 .swiper-rtl .swiper-button-prev {right:0px;left: auto;}

  .bigbanner02 .swiper_bigbanner02 .swiper-button-prev:after, .bigbanner02 .swiper_bigbanner02 .swiper-rtl .swiper-button-next:after {color: #ffffff;font-size: 20px;}
  .bigbanner02 .swiper_bigbanner02 .swiper-button-next:after, .bigbanner02 .swiper_bigbanner02 .swiper-rtl .swiper-button-prev:after {color: #ffffff;font-size: 20px;}

  .bigbanner_content02 {height:730px!important;z-index: 10;color: #ffffff !important;}
  .bigbanner_content02 .item02{position: absolute;bottom: 0;right: 0;}
  .bigbanner_content02 .item_w02{width:100%;overflow: hidden;height: 372px;}
  .bigbanner_content02 .msg{line-height:28px;font-size: 1rem;font-weight: 500;margin:50px 0;}
  .bigbanner_content02 .round_border {border: 2px solid #ffffff;border-radius: 50px;width:63px;height:63px;margin: 0 auto;padding: 14px;}
    .bigbanner_content02 .info .f32{font-size:32px !important;}
  .bigbanner_content02 .f16{font-size:16px !important;}
  .bigbanner02 a .pro_info{color: #ffffff;padding-top:35px;}
  .bigbanner02 .swiper_block{top:-180px;z-index: 100;height: 180px;}
}
@media (min-width:768px){
  .bigbanner {height:650px!important;}
  .bigbanner_content {height:470px!important;z-index: 10;color: #333333 !important;}
  .bigbanner_content .item{position: absolute;left:-80px;bottom:50px;}
  .bigbanner_content .item_w{width:400px;}
  .bigbanner_content .info{width: 100%;height: 100%;display: block;padding:50px 15px 0 15px;}
  .bigbanner_content .info .f32{font-size:32px !important;}
  .bigbanner_content .msg{line-height:28px;font-size:14px;font-weight: 500;margin:50px 0;}
  .bigbanner_content .round_border {border: 2px solid #333;border-radius: 50px;width:63px;height: 63px;margin: 0 auto;padding: 14px;}
/*  .bigbanner_content .f16{font-size: 12px !important;}*/
  .bigbanner_darkbg02 {padding-top:0px;height:220px;position: relative;top: 0;z-index:0;background: #272727;}


  .bigbanner_darkbg {padding-top:0px;height:180px;position: relative;top: 0;z-index:0;background: #272727;}
  .bigbanner .swiper_block{top:-180px;z-index: 100;height: 180px;}
  
  .bigbanner .swiper_block .swiper-slide a .img_w{width:200px;display: inline-block;margin-right: 15px;}

  .bigbanner a .pro_info{color: #ffffff;padding-top:35px;}
  .bigbanner .swiper_block .swiper-slide img {display: block;width:100%;height: 100%;object-fit: cover;border: 0px !important;border-radius: 15px;padding-left:35px;}

  .bigbanner .swiper_bigbanner01{height:180px;overflow: hidden;padding-right:0px;}
  .bigbanner .swiper_bigbanner01 .swiper-slide{background: transparent;}
  .bigbanner .swiper_bigbanner01 .swiper-wrapper{top: 25px;}

  .bigbanner .swiper_bigbanner01 .swiper-button-next, .bigbanner .swiper_bigbanner01 .swiper-button-prev {top:50%;width: 50px;height: 50px;background-color: #272727;}

  .bigbanner .swiper_bigbanner01 .swiper-button-prev, .bigbanner .swiper_bigbanner01 .swiper-rtl .swiper-button-next {left:0px;right: auto;}
  .bigbanner .swiper_bigbanner01 .swiper-button-next, .bigbanner .swiper_bigbanner01 .swiper-rtl .swiper-button-prev {right:0px;left: auto;}

  .bigbanner .swiper_bigbanner01 .swiper-button-prev:after, .bigbanner .swiper_bigbanner01 .swiper-rtl .swiper-button-next:after {color: #ffffff;font-size: 20px;}
  .bigbanner .swiper_bigbanner01 .swiper-button-next:after, .bigbanner .swiper_bigbanner01 .swiper-rtl .swiper-button-prev:after {color: #ffffff;font-size: 20px;}
  

  /*02*/
  .bigbanner02 {height:720px!important;}

.bigbanner02 .swiper_block{top:-220px;z-index: 100;height: 220px;}

.bigbanner_content02 .info{width: 100%;height: 100%;display: block;padding: 80px 15px 0 15px;z-index: 10;}
  .bigbanner02 .swiper_block .swiper-slide a .img_w{width: 185px;display: inline-block;margin-right: 15px;}
.bigbanner02 .swiper_block .swiper-slide img {display: block;width:100%;height: 100%;object-fit: cover;border: 0px !important;border-radius:0px;padding-left:0px;}

.bigbanner_content02 .msg{line-height: 38px;font-size: 1rem;font-weight: 500;margin:50px 0;}
.bigbanner_content02 .round_border {border: 2px solid #ffffff;border-radius: 50px;width: 63px;height: 63px;margin: 0 auto;padding: 14px;}

.bigbanner_content02 {height:540px!important;z-index: 10;color: #ffffff !important;}
.bigbanner_content02 .item02{position: absolute;right: 0;top: 0;}
.bigbanner_content02 .item_w02{width:465px;height: unset;}

.bigbanner_darkbg02 {padding-top:0px;height: 180px;position: relative;top: 0;z-index:0;background: #272727;}


.bigbanner02 .swiper_bigbanner02{height: 220px;overflow: hidden;padding-left:0px;}
.bigbanner02 .swiper_bigbanner02 .swiper-slide{background: transparent;}
.bigbanner02 .swiper_bigbanner02 .swiper-wrapper{top: 55px;}
.bigbanner02 .swiper_bigbanner02 .swiper-slide{background: transparent;}
  .bigbanner02 a .pro_info{color: #ffffff;padding-top:35px;}
    .bigbanner_content02 .info .f32{font-size:32px !important;}

.bigbanner02 .swiper_bigbanner02 .swiper-button-next, .bigbanner02 .swiper_bigbanner02 .swiper-button-prev {top:58%;width: 50px;height: 50px;background-color: #272727;}

.bigbanner02 .swiper_bigbanner02 .swiper-button-prev, .bigbanner02 .swiper_bigbanner02 .swiper-rtl .swiper-button-next {left:0px;right: auto;}
.bigbanner02 .swiper_bigbanner02 .swiper-button-next, .bigbanner02 .swiper_bigbanner02 .swiper-rtl .swiper-button-prev {right:0px;left: auto;}

.bigbanner02 .swiper_bigbanner02 .swiper-button-prev:after, .bigbanner02 .swiper_bigbanner02 .swiper-rtl .swiper-button-next:after {color: #ffffff;font-size: 20px;}
.bigbanner02 .swiper_bigbanner02 .swiper-button-next:after, .bigbanner02 .swiper_bigbanner02 .swiper-rtl .swiper-button-prev:after {color: #ffffff;font-size: 20px;}

}
@media (min-width:992px){
  .bigbanner {height:735px!important;}
  .bigbanner_content {height:555px!important;z-index: 10;color: #333333 !important;}
  .bigbanner_content .item{position: absolute;left: 0;bottom: 0;}
  .bigbanner_content .item_w{width:520px;}
  .bigbanner_content .info{width: 100%;height: 100%;display: block;padding:50px 15px 0 15px;}
  .bigbanner_content .info .f32{font-size:32px !important;}
  .bigbanner_content .msg{line-height:28px;font-size:14px;font-weight: 500;margin:50px 0;}
  .bigbanner_content .round_border {border: 2px solid #333;border-radius: 50px;width:63px;height:63px;margin: 0 auto;padding: 14px;}
  /*.bigbanner_content .f16{font-size: 12px !important;}*/

  .bigbanner_darkbg02 {padding-top:0px;height:220px;position: relative;top: 0;z-index:0;background: #272727;}


  .bigbanner_darkbg {padding-top:0px;height:180px;position: relative;top: 0;z-index:0;background: #272727;}
  .bigbanner .swiper_block{top:-220px;z-index: 100;height: 220px;}
  .bigbanner a .pro_info{color: #ffffff;padding-top:83px;}
  .bigbanner .swiper_block .swiper-slide img {display: block;width:100%;height: 100%;object-fit: cover;border: 0px !important;border-radius: 0px;padding-left:0px;}

  .bigbanner .swiper_block .swiper-slide a .img_w{width:210px;display: inline-block;margin-right: 15px;}

  .bigbanner a .pro_info{position: relative;animation: rightmove_normal .3s;animation-fill-mode: both;opacity: 1;animation-timing-function: linear;}
  .bigbanner a:hover .pro_info{position: relative;animation: rightmove_hover .3s;animation-fill-mode: both;opacity: 1;animation-timing-function: linear;}

  .bigbanner .swiper_block .swiper-slide a img{position: relative;animation: smallmove .3s;animation-fill-mode: both;opacity: 1;animation-timing-function: linear;}
  .bigbanner .swiper_block .swiper-slide a:hover img {position: relative;animation: bigmove .3s;animation-fill-mode: both;opacity: 1;animation-timing-function: linear;}

  .bigbanner .swiper_bigbanner01{height:220px;overflow: hidden;padding-right:0px;}
  .bigbanner .swiper_bigbanner01 .swiper-slide{background: transparent;}
  .bigbanner .swiper_bigbanner01 .swiper-wrapper{top: 25px;}

  .bigbanner .swiper_bigbanner01 .swiper-button-next, .bigbanner .swiper_bigbanner01 .swiper-button-prev {top:55%;width: 50px;height: 50px;background-color: #272727;}

  .bigbanner .swiper_bigbanner01 .swiper-button-prev, .bigbanner .swiper_bigbanner01 .swiper-rtl .swiper-button-next {left:0px;right: auto;}
  .bigbanner .swiper_bigbanner01 .swiper-button-next, .bigbanner .swiper_bigbanner01 .swiper-rtl .swiper-button-prev {right:0px;left: auto;}

  .bigbanner .swiper_bigbanner01 .swiper-button-prev:after, .bigbanner .swiper_bigbanner01 .swiper-rtl .swiper-button-next:after {color: #ffffff;font-size: 20px;}
  .bigbanner .swiper_bigbanner01 .swiper-button-next:after, .bigbanner .swiper_bigbanner01 .swiper-rtl .swiper-button-prev:after {color: #ffffff;font-size: 20px;}
  

  /*02*/
  .bigbanner02 {height:800px!important;}

.bigbanner02 .swiper_block{top:-220px;z-index: 100;height: 220px;}

.bigbanner_content02 .info{width: 100%;height: 100%;display: block;padding: 80px 15px 0 15px;z-index: 10;}
.bigbanner02 .swiper_block .swiper-slide img {display: block;width:100%;height: 100%;object-fit: cover;border: 0px !important;border-radius:0px;padding-left:0px;}

.bigbanner02 a .pro_info{position: relative;animation: rightmove_normal .3s;animation-fill-mode: both;opacity: 1;animation-timing-function: linear;}
  .bigbanner02 a:hover .pro_info{position: relative;animation: rightmove_hover .3s;animation-fill-mode: both;opacity: 1;animation-timing-function: linear;}

  .bigbanner02 .swiper_block .swiper-slide a img{position: relative;animation: smallmove .3s;animation-fill-mode: both;opacity: 1;animation-timing-function: linear;}
  .bigbanner02 .swiper_block .swiper-slide a:hover img {position: relative;animation: bigmove .3s;animation-fill-mode: both;opacity: 1;animation-timing-function: linear;}

.bigbanner_content02 .msg{line-height: 38px;font-size: 1rem;font-weight: 500;margin: 70px 0;}
.bigbanner_content02 .round_border {border: 2px solid #ffffff;border-radius: 50px;width: 63px;height: 63px;margin: 0 auto;padding: 14px;}

.bigbanner_content02 {height:619px!important;z-index: 10;color: #ffffff !important;}
.bigbanner_content02 .item02{position: absolute;right: 0;top: 0;}
.bigbanner_content02 .item_w02{width:534px;height: unset;}

.bigbanner_darkbg02 {padding-top:0px;height: 180px;position: relative;top: 0;z-index:0;background: #272727;}


.bigbanner02 .swiper_bigbanner02{height: 220px;overflow: hidden;padding-left:0px;}
.bigbanner02 .swiper_bigbanner02 .swiper-slide{background: transparent;}
.bigbanner02 .swiper_bigbanner02 .swiper-wrapper{top:35px;}
.bigbanner02 .swiper_bigbanner02 .swiper-slide{background: transparent;}
.bigbanner02 a .pro_info{color: #ffffff;padding-top:65px;}
  .bigbanner02 .swiper_block .swiper-slide a .img_w{width: 200px;display: inline-block;margin-right: 15px;}


.bigbanner02 .swiper_bigbanner02 .swiper-button-next, .bigbanner02 .swiper_bigbanner02 .swiper-button-prev {top:55%;width: 50px;height: 50px;background-color: #272727;}

.bigbanner02 .swiper_bigbanner02 .swiper-button-prev, .bigbanner02 .swiper_bigbanner02 .swiper-rtl .swiper-button-next {left:0px;right: auto;}
.bigbanner02 .swiper_bigbanner02 .swiper-button-next, .bigbanner02 .swiper_bigbanner02 .swiper-rtl .swiper-button-prev {right:-60px;left: auto;}

.bigbanner02 .swiper_bigbanner02 .swiper-button-prev:after, .bigbanner02 .swiper_bigbanner02 .swiper-rtl .swiper-button-next:after {color: #ffffff;font-size: 20px;}
.bigbanner02 .swiper_bigbanner02 .swiper-button-next:after, .bigbanner02 .swiper_bigbanner02 .swiper-rtl .swiper-button-prev:after {color: #ffffff;font-size: 20px;}

}
@media (min-width:1200px){
  .bigbanner {height:800px!important;}
  .bigbanner_content {height:619px!important;z-index: 10;color: #333333 !important;}
  .bigbanner_content .item{position: absolute;left: 0;bottom: 0;}
  .bigbanner_content .item_w{width:585px;}
  .bigbanner_content .info{width: 100%;height: 100%;display: block;padding:50px 15px 0 15px;}
  .bigbanner_content .info .f32{font-size:32px !important;}
  .bigbanner_content .msg{line-height:28px;font-size:1rem;font-weight: 500;margin:70px 0;}
  .bigbanner_content .round_border {border: 2px solid #333;border-radius: 50px;width: 63px;height: 63px;margin: 0 auto;padding: 14px;}
  .bigbanner_content .f16{font-size: 16px !important;}

  .bigbanner_darkbg02 {padding-top:0px;height:220px;position: relative;top: 0;z-index:0;background: #272727;}


  .bigbanner_darkbg {padding-top:0px;height:180px;position: relative;top: 0;z-index:0;background: #272727;}
  .bigbanner .swiper_block{top:-250px;z-index: 100;height:250px;}
  .bigbanner .swiper_block .swiper-slide a .img_w{width:170px;display: inline-block;margin-right: 15px;}

  .bigbanner a .pro_info{color: #ffffff;padding-top:60px;position: relative;animation: rightmove_normal .3s;animation-fill-mode: both;opacity: 1;animation-timing-function: linear;}
  .bigbanner a:hover .pro_info{position: relative;animation: rightmove_hover .3s;animation-fill-mode: both;opacity: 1;animation-timing-function: linear;}

  .bigbanner .swiper_block .swiper-slide a img{position: relative;animation: smallmove .3s;animation-fill-mode: both;opacity: 1;animation-timing-function: linear;}
  .bigbanner .swiper_block .swiper-slide a:hover img {position: relative;animation: bigmove .3s;animation-fill-mode: both;opacity: 1;animation-timing-function: linear;}

  .bigbanner .swiper_block .swiper-slide a img {display: block;width:100%;height: 100%;object-fit: cover;border: 0px !important;border-radius:0px;padding-left:0px;}

  .bigbanner_content02 .f16 {font-size: 16px !important;}
  .bigbanner_content02 .f32 {font-size: 32px !important;}

  .bigbanner .swiper_bigbanner01{height:250px;overflow: hidden;padding-right:0px;}
  .bigbanner .swiper_bigbanner01 .swiper-slide{background: transparent;}
  .bigbanner .swiper_bigbanner01 .swiper-wrapper{top:35px;}

  .bigbanner .swiper_bigbanner01 .swiper-button-next, .bigbanner .swiper_bigbanner01 .swiper-button-prev {top:65%;width: 50px;height: 50px;background-color: #272727;}

  .bigbanner .swiper_bigbanner01 .swiper-button-prev, .bigbanner .swiper_bigbanner01 .swiper-rtl .swiper-button-next {left:-65px;right: auto;}
  .bigbanner .swiper_bigbanner01 .swiper-button-next, .bigbanner .swiper_bigbanner01 .swiper-rtl .swiper-button-prev {right:0px;left: auto;}

  .bigbanner .swiper_bigbanner01 .swiper-button-prev:after, .bigbanner .swiper_bigbanner01 .swiper-rtl .swiper-button-next:after {color: #ffffff;font-size: 20px;}
  .bigbanner .swiper_bigbanner01 .swiper-button-next:after, .bigbanner .swiper_bigbanner01 .swiper-rtl .swiper-button-prev:after {color: #ffffff;font-size: 20px;}
  

  /*02*/
  .bigbanner02 {height:800px!important;}

  .bigbanner02 .swiper_block{top:-250px;z-index: 100;height: 250px;}

  .bigbanner_content02 .info{width: 100%;height: 100%;display: block;padding: 80px 15px 0 15px;z-index: 10;}
  .bigbanner02 .swiper_block .swiper-slide img {display: block;width:100%;height: 100%;object-fit: cover;border: 0px !important;border-radius: 15px;padding-left:0px;}

  .bigbanner02 a .pro_info{position: relative;animation: rightmove_normal .3s;animation-fill-mode: both;opacity: 1;animation-timing-function: linear;}
  .bigbanner02 a:hover .pro_info{position: relative;animation: rightmove_hover .3s;animation-fill-mode: both;opacity: 1;animation-timing-function: linear;}

  .bigbanner02 .swiper_block .swiper-slide a .img_w{width:175px;display: inline-block;margin-right: 15px;}
  .bigbanner02 .swiper_block .swiper-slide a img{position: relative;animation: smallmove .3s;animation-fill-mode: both;opacity: 1;animation-timing-function: linear;}
  .bigbanner02 .swiper_block .swiper-slide a:hover img {position: relative;animation: bigmove .3s;animation-fill-mode: both;opacity: 1;animation-timing-function: linear;}


.bigbanner_content02 .msg{line-height: 38px;font-size: 1rem;font-weight: 500;margin: 70px 0;}
.bigbanner_content02 .round_border {border: 2px solid #ffffff;border-radius: 50px;width: 63px;height: 63px;margin: 0 auto;padding: 14px;}

.bigbanner_content02 {height:619px!important;z-index: 10;color: #ffffff !important;}
.bigbanner_content02 .item02{position: absolute;right: 0;top: 0;}
.bigbanner_content02 .item_w02{width:688px;height: unset;}

.bigbanner_darkbg02 {padding-top:0px;height: 180px;position: relative;top: 0;z-index:0;background: #272727;}


.bigbanner02 .swiper_bigbanner02{height: 250px;overflow: hidden;padding-left:0px;}
.bigbanner02 .swiper_bigbanner02 .swiper-slide{background: transparent;}
.bigbanner02 .swiper_bigbanner02 .swiper-wrapper{top:25px;}
.bigbanner02 .swiper_bigbanner02 .swiper-slide{background: transparent;}
.bigbanner02 a .pro_info{color: #ffffff;padding-top:85px;}

.bigbanner02 .swiper_bigbanner02 .swiper-button-next, .bigbanner02 .swiper_bigbanner02 .swiper-button-prev {top:63%;width: 50px;height: 50px;background-color: #272727;}

.bigbanner02 .swiper_bigbanner02 .swiper-button-prev, .bigbanner02 .swiper_bigbanner02 .swiper-rtl .swiper-button-next {left:0px;right: auto;}
.bigbanner02 .swiper_bigbanner02 .swiper-button-next, .bigbanner02 .swiper_bigbanner02 .swiper-rtl .swiper-button-prev {right:-60px;left: auto;}

.bigbanner02 .swiper_bigbanner02 .swiper-button-prev:after, .bigbanner02 .swiper_bigbanner02 .swiper-rtl .swiper-button-next:after {color: #ffffff;font-size: 20px;}
.bigbanner02 .swiper_bigbanner02 .swiper-button-next:after, .bigbanner02 .swiper_bigbanner02 .swiper-rtl .swiper-button-prev:after {color: #ffffff;font-size: 20px;}

}
/*index_swiper*/
.plan_index{padding-top: 50px;margin-bottom: 85px;}
.plan_index{height:610px;background-position:50% 50%;background-repeat:no-repeat;background-size: cover;box-sizing: border-box;}
.plan_index .swiper_block{position: relative;top: 0;z-index: 2}
.plan_index .block_line {width: 100%;height: 1px;background:#ffffff;opacity: .1;position: relative;top: 279.5px;z-index:1;}
.plan_index .planSwiper .warp{color: #999999 !important;}
.plan_index .planSwiper .warp .round_border{border:2px solid #999999;border-radius: 50px;width: 63px;height: 63px;margin: 0 auto;padding:14px 12px;}
.plan_index .planSwiper .warp .im_title_center{background: #999999;}
.plan_index .planSwiper .swiper-slide{background: transparent !important;}

.plan_index .planSwiper .swiper-slide-thumb-active .warp{color: #ffffff !important;}
.plan_index .planSwiper .swiper-slide-thumb-active .warp .round_border{border:2px solid #0160a2;border-radius: 50rem;width: 63px;height: 63px;margin: 0 auto;padding:14px 12px;background: #0160a2;box-shadow: 0 5px 15px -3px rgb(195 36 45 / 100%);}
.plan_index .planSwiper .swiper-slide-thumb-active .warp .im_title_center{background: #0160a2;}
.plan_index .planSwiper .swiper-slide-thumb-active .warp .luoshi-yuanxin{color:#0160a2;}


.plan_index .planSwiper .swiper-slide:hover .warp{color: #ffffff !important;}
.plan_index .planSwiper .swiper-slide:hover .warp .im_title_center{background: #0160a2;}
.plan_index .planSwiper .swiper-slide:hover .warp .luoshi-yuanxin{color:#0160a2;}

.plan_index .planSwiper2{margin-top:50px;}
.plan_index .planSwiper2 .swiper-slide{background: transparent !important;}
.plan_index .planSwiper2 .title {color: #ffffff;}
.plan_index .planSwiper2 .info{margin-top:1rem;color: #ffffff;line-height: 28px;font-size: 16px; text-align: left;height:110px;margin-bottom: 0px;display: -webkit-box;word-wrap: break-word;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:4;}
.plan_index .planSwiper2 img{background: #ffffff;border-radius: 0;}


.plan_index .planSwiper2 .swiper-button-next, .plan_index .planSwiper2 .swiper-button-prev {top:260px;width: 50px;height: 50px;background-color: #272727;}

.plan_index .planSwiper2 .swiper-button-prev, .plan_index .planSwiper2 .swiper-rtl .swiper-button-next {left: 0px;right: auto;}
.plan_index .planSwiper2 .swiper-button-next, .plan_index .planSwiper2 .swiper-rtl .swiper-button-prev {left:60px;right: auto;}

.plan_index .planSwiper2 .swiper-button-prev:after, .plan_index .planSwiper2 .swiper-rtl .swiper-button-next:after {color: #ffffff;font-size: 20px;}
.plan_index .planSwiper2 .swiper-button-next:after, .plan_index .planSwiper2 .swiper-rtl .swiper-button-prev:after {color: #ffffff;font-size: 20px;}
@media (max-width:768px){
  .plan_index{height:730px;background-position:50% 50%;background-repeat:no-repeat;background-size: cover;box-sizing: border-box;}
  .plan_index{padding-top: 50px;margin-bottom:233px;}
  .plan_index .planSwiper .warp{color: #999999 !important;font-size: 14px;}
  .plan_index .planSwiper2 .swiper-button-prev, .plan_index .planSwiper2 .swiper-rtl .swiper-button-next {left:142px;right: auto;}
  .plan_index .planSwiper2 .swiper-button-next, .plan_index .planSwiper2 .swiper-rtl .swiper-button-prev {right:142px;left: auto;}
  .plan_index .planSwiper2 .swiper-button-next, .plan_index .planSwiper2 .swiper-button-prev {top:575px;}
}

@media (max-width: 576px){
  .plan_index{height:730px;background-position:50% 50%;background-repeat:no-repeat;background-size: cover;box-sizing: border-box;}
  .plan_index{padding-top: 50px;margin-bottom: 85px;}
  .plan_index .swiper_block{position: relative;top: 0;z-index: 2}
  .plan_index .block_line {width: 100%;height: 1px;background:#ffffff;opacity: .1;position: relative;top:245.5px;z-index:1;}

  .plan_index .planSwiper .warp{color: #999999 !important;font-size: 12px;}
  .plan_index .planSwiper .warp .round_border{border:1px solid #999999;border-radius: 50rem;width:45px;height:45px;margin: 0 auto;padding:10px 8px;}
  .plan_index .planSwiper .warp .round_border .f32{font-size: 24px !important;}
  .plan_index .planSwiper .warp .im_title_center{background: #999999;}
  .plan_index .planSwiper .swiper-slide{background: transparent !important;}

  .plan_index .planSwiper .swiper-slide-thumb-active .warp{color: #ffffff !important;}
  .plan_index .planSwiper .swiper-slide-thumb-active .warp .round_border{border:1px solid #0160a2;border-radius: 50rem;width:45px;height:45px;margin: 0 auto;padding:10px 8px;background: #0160a2;box-shadow: 0 5px 15px -3px rgb(195 36 45 / 100%);}
  .plan_index .planSwiper .swiper-slide-thumb-active .warp .im_title_center{background: #0160a2;}
  .plan_index .planSwiper .swiper-slide-thumb-active .warp .luoshi-yuanxin{color:#0160a2;}

  .plan_index .planSwiper2{margin-top:50px;padding-bottom: 100px}
  .plan_index .planSwiper2 .swiper-slide{background: transparent !important;}
  .plan_index .planSwiper2 .title {color: #ffffff;}
  .plan_index .planSwiper2 .info{margin-top:1rem;color: #ffffff;line-height: 28px;font-size: 16px; text-align: left;height:110px;margin-bottom:1rem;display: -webkit-box;word-wrap: break-word;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:4;}
  .plan_index .planSwiper2 img{border: 15px solid #ffffff;}
  .plan_index .planSwiper2 .big_action{height:216.31px;}

  .plan_index .planSwiper2 .swiper-button-prev, .plan_index .planSwiper2 .swiper-rtl .swiper-button-next {left:110px;right: auto;}
  .plan_index .planSwiper2 .swiper-button-next, .plan_index .planSwiper2 .swiper-rtl .swiper-button-prev {right:110px;left: auto;}
  .plan_index .planSwiper2 .swiper-button-next, .plan_index .planSwiper2 .swiper-button-prev {top:455px;}

}
@media (min-width: 576px){
    .plan_index{height:635px;background-position:50% 50%;background-repeat:no-repeat;background-size: cover;box-sizing: border-box;}
  .plan_index .planSwiper2{margin-top:50px;padding-bottom: 100px}
  .plan_index .planSwiper2 .swiper-slide{background: transparent !important;}
  .plan_index .planSwiper2 .title {color: #ffffff;}
  .plan_index .planSwiper2 .info{margin-top:1rem;color: #ffffff;line-height: 28px;font-size: 16px; text-align: left;height:110px;margin-bottom:1rem;display: -webkit-box;word-wrap: break-word;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:4;}
  .plan_index .planSwiper2 img{border: 15px solid #ffffff;}
  .plan_index .planSwiper2 .big_action{height:216.31px;}

  .plan_index .planSwiper2 .swiper-button-prev, .plan_index .planSwiper2 .swiper-rtl .swiper-button-next {left:177px;right: auto;}
  .plan_index .planSwiper2 .swiper-button-next, .plan_index .planSwiper2 .swiper-rtl .swiper-button-prev {right:177px;left: auto;}
  .plan_index .planSwiper2 .swiper-button-next, .plan_index .planSwiper2 .swiper-button-prev {top:470px;}

}
@media (min-width:768px){
  .plan_index .planSwiper2 .big_action{height:322px;}
  .plan_index .planSwiper2{margin-top:50px;}
  .plan_index .planSwiper2 .swiper-slide{background: transparent !important;}
  .plan_index .planSwiper2 .title {color: #ffffff;}
  .plan_index .planSwiper2 .info{margin-top:1rem;color: #ffffff;line-height: 28px;font-size: 16px; text-align: left;height:110px;margin-bottom: 0px;display: -webkit-box;word-wrap: break-word;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:4;}
  .plan_index .planSwiper2 img{background: #ffffff;border-radius: 0;}
  .plan_index .planSwiper2 .swiper-button-next, .plan_index .planSwiper2 .swiper-button-prev {top:285px;width: 50px;height: 50px;background-color: #272727;}
  .plan_index .planSwiper2 .swiper-button-prev, .plan_index .planSwiper2 .swiper-rtl .swiper-button-next {left: 0px;right: auto;}
  .plan_index .planSwiper2 .swiper-button-next, .plan_index .planSwiper2 .swiper-rtl .swiper-button-prev {left:60px;right: auto;}
  .plan_index .planSwiper2 .swiper-button-prev:after, .plan_index .planSwiper2 .swiper-rtl .swiper-button-next:after {color: #ffffff;font-size: 20px;}
  .plan_index .planSwiper2 .swiper-button-next:after, .plan_index .planSwiper2 .swiper-rtl .swiper-button-prev:after {color: #ffffff;font-size: 20px;}
}
@media (min-width:992px){
  .plan_index .planSwiper2 .big_action{height:322px;}
  .plan_index .planSwiper2{margin-top:50px;}
  .plan_index .planSwiper2 .swiper-slide{background: transparent !important;}
  .plan_index .planSwiper2 .title {color: #ffffff;}
  .plan_index .planSwiper2 .info{margin-top:1rem;color: #ffffff;line-height: 28px;font-size: 16px; text-align: left;height:110px;margin-bottom: 0px;display: -webkit-box;word-wrap: break-word;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:4;}
  .plan_index .planSwiper2 img{background: #ffffff;border-radius: 0;}
  .plan_index .planSwiper2 .swiper-button-next, .plan_index .planSwiper2 .swiper-button-prev {top:285px;width: 50px;height: 50px;background-color: #272727;}
  .plan_index .planSwiper2 .swiper-button-prev, .plan_index .planSwiper2 .swiper-rtl .swiper-button-next {left: 0px;right: auto;}
  .plan_index .planSwiper2 .swiper-button-next, .plan_index .planSwiper2 .swiper-rtl .swiper-button-prev {left:60px;right: auto;}
  .plan_index .planSwiper2 .swiper-button-prev:after, .plan_index .planSwiper2 .swiper-rtl .swiper-button-next:after {color: #ffffff;font-size: 20px;}
  .plan_index .planSwiper2 .swiper-button-next:after, .plan_index .planSwiper2 .swiper-rtl .swiper-button-prev:after {color: #ffffff;font-size: 20px;}
}
@media (min-width:1200px){
  .plan_index .planSwiper2 .big_action{height: 322px;}
  .plan_index .planSwiper2{margin-top:50px;}
  .plan_index .planSwiper2 .swiper-slide{background: transparent !important;}
  .plan_index .planSwiper2 .title {color: #ffffff;}
  .plan_index .planSwiper2 .info{margin-top:1rem;color: #ffffff;line-height: 28px;font-size: 16px; text-align: left;height:110px;margin-bottom: 0px;display: -webkit-box;word-wrap: break-word;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:4;}
  .plan_index .planSwiper2 img{background: #ffffff;border-radius: 0;}
  .plan_index .planSwiper2 .swiper-button-next, .plan_index .planSwiper2 .swiper-button-prev {top:285px;width: 50px;height: 50px;background-color: #272727;}
  .plan_index .planSwiper2 .swiper-button-prev, .plan_index .planSwiper2 .swiper-rtl .swiper-button-next {left: 0px;right: auto;}
  .plan_index .planSwiper2 .swiper-button-next, .plan_index .planSwiper2 .swiper-rtl .swiper-button-prev {left:60px;right: auto;}
  .plan_index .planSwiper2 .swiper-button-prev:after, .plan_index .planSwiper2 .swiper-rtl .swiper-button-next:after {color: #ffffff;font-size: 20px;}
  .plan_index .planSwiper2 .swiper-button-next:after, .plan_index .planSwiper2 .swiper-rtl .swiper-button-prev:after {color: #ffffff;font-size: 20px;}
}

/*floatwindow*/
@media (max-width: 576px){
  #floatwindow .modal-body .p30{padding: 30px 15px;}
  #floatwindow a.float_border {border: 1px solid #ffffff;color: #333333;display: block;border-radius: 8px;}
  #floatwindow a.float_border .im_title_center {background:#0160a2;}
}
/*quick link*/
.marketing-words-list {list-style: none;padding: 0;margin: 0;border: 0;font-size: 100%;font-weight: 400;vertical-align: baseline;}
.quick-link a{padding: 8px 0px;display: inline-block;width: 100%;font-size: 1rem;color: #303233;}
.quick-link a:hover {color:#D80C18;}
/*head search*/
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display: none;}
input[type="search"] {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;border: none;}
input[type="search"] {border-radius: 0;margin-top: 0;}
select {background-color: transparent;cursor: pointer;}
.cd-select::after {
  /* switcher arrow for select element */
  content: '';
  position: absolute;
  z-index: 1;
  right: 4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url(https://www.rokae.com/public/pc/img/cd-icons.svg) no-repeat 0 0;
  pointer-events: none;
}

/* -------------------------------- 

Patterns - reusable parts of our design

-------------------------------- */
.cd-text-replace {
  /* replace text with image */
  color: transparent;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}

/* -------------------------------- 

Header

-------------------------------- */
.luoshi-navbar.nav-is-visible {
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}
.nav-is-visible {
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
  transition: all .5s ease;
}
.luoshi-navbar::before {
  /* never visible - this is used in jQuery to check the current MQ */
  display: none;
  content: 'mobile';
}
@media only screen and (min-width: 1200px) {
  .luoshi-navbar.nav-is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .luoshi-navbar::before {
    content: 'desktop';
  }
  .nav-is-visible {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  transition: all .5s ease;
}
}

.cd-main-nav-wrapper {
  padding: 0;
}
.cd-main-nav-wrapper::after {
  clear: both;
  content: "";
  display: table;
}

.cd-logo{
    display: inline-block;
    padding-top: 1.375rem;
    padding-bottom: 1.375rem;
    margin-right:0rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
    color: #D80C18;
}
.cd-logo:hover{text-decoration: none;color: #D80C18;}
@media only screen and (min-width: 1024px) {
  .cd-logo{
    position: absolute;
    z-index: 3;
    margin-left:0;
    display: inline-block;
    padding-top: 1.375rem;
    padding-bottom: 1.375rem;
    margin-right: 2.44rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
    color: #D80C18;
  }
  .cd-logo:hover{text-decoration: none;color: #D80C18;}
}

.cd-nav-trigger {
  /* nav trigger - visible on small devices only */
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50px;
}
.cd-nav-trigger span {
  /* nav icon created in CSS */
  position: absolute;
  height: 2px;
  width: 20px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background-color: #333333;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.cd-nav-trigger span::before, .cd-nav-trigger span::after {
  /* upper and lower lines of the menu icon */
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333333;
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-nav-trigger span::before {
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  -o-transform: translateY(-6px);
  transform: translateY(-6px);
}
.cd-nav-trigger span::after {
  -webkit-transform: translateY(6px);
  -moz-transform: translateY(6px);
  -ms-transform: translateY(6px);
  -o-transform: translateY(6px);
  transform: translateY(6px);
}
.nav-is-visible .cd-nav-trigger span {
  background-color: rgba(255, 255, 255, 0);
}
.nav-is-visible .cd-nav-trigger span::before {
  -webkit-transform: translateY(0) rotate(-45deg);
  -moz-transform: translateY(0) rotate(-45deg);
  -ms-transform: translateY(0) rotate(-45deg);
  -o-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}
.nav-is-visible .cd-nav-trigger span::after {
  -webkit-transform: translateY(0) rotate(45deg);
  -moz-transform: translateY(0) rotate(45deg);
  -ms-transform: translateY(0) rotate(45deg);
  -o-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
@media only screen and (min-width: 1024px) {
  .cd-nav-trigger {
    display: none;
  }
}

.cd-main-nav {
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  width: 260px;
  height: 100vh;
  overflow: auto;
  background: #1f2029;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.3s;
  -moz-transition: visibility 0s 0.3s;
  transition: visibility 0s 0.3s;
}
.cd-main-nav a, .cd-main-nav input[type="search"] {
  display: block;
  font-size: 1.6rem;
  padding: 0 2em 0 1em;
  line-height: 50px;
  color: #ffffff;
  border-bottom: 1px solid #333545;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
}
.cd-main-nav input[type="search"] {
  background-color: #292a37;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.cd-main-nav input[type="search"]:focus {
  background-color: #333545;
}
.cd-main-nav.nav-is-visible {
  -webkit-transition: visibility 0s;
  -moz-transition: visibility 0s;
  transition: visibility 0s;
  visibility: visible;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 1024px) {
  .cd-main-nav {
    /* reset style */
    position: static;
    visibility: visible;
    width: auto;
    height: 64.02px;
    background: transparent;
    overflow: visible;
    float: right;
  }
  .cd-main-nav:hover{background:#ffffff;}
  .cd-main-nav li {
    display: inline-block;
    float: left;
    height: 100%;
    padding: 1.375em .4em;
  }
  .cd-main-nav a {
    padding: .625em .8em;
    line-height: 1;
    border-bottom: none;
  }
  .cd-main-nav a:hover {
    opacity: .6;
  }
}

/* -------------------------------- 

Search Form

-------------------------------- */
.cd-main-search .cd-select {
  /* hide select element on small devices */
  display: none;
}
.cd-main-search .close {
  /* 'X' icon to close search form - hidden on small devices */
  display: none;
}
.cd-main-search input[type="search"] {
  color: #333333;
}
.cd-main-search input[type="search"]:focus {
  outline: none;
}
.cd-main-search input[type="search"]::-webkit-input-placeholder {
  color: #5c5d6a;
}
.cd-main-search input[type="search"]::-moz-placeholder {
  color: #5c5d6a;
}
.cd-main-search input[type="search"]:-moz-placeholder {
  color: #5c5d6a;
}
.cd-main-search input[type="search"]:-ms-input-placeholder {
  color: #5c5d6a;
}
@media (max-width:767px){
  .cd-main-search {display: none;}
}
@media only screen and (min-width:768px) {
  .cd-nav-trigger {display:none;}
  .cd-main-search {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 50%;
    height: 100%;
    width:577px;
    background: #ffffff;
    margin-left:-225px;
    opacity: 0;
    visibility: hidden;
    padding: 1rem 0;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    -moz-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
  }
  .cd-main-search form {
    position: relative;
    height: 100%;
    /* 170px (margin left) is the sum of the logo width (124px) and additional 46px margin (to separate the form form the logo) */
    /* 116px (margin right) takes into account the space occupied by the a.cd-search-trigger and a.close */
    margin-left:56px;
  }
  .cd-main-search input[type="search"] {
    font-size: 1rem;
    height:32px;
    background-color: transparent;
    /* don't overlap <select> element */
    padding-left: 5px;
    width: 490px;
    margin-left: 10px;
  }
  .cd-main-search .cd-select {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #5c5d6a;
    font-size: 1.4rem;
    overflow: hidden;
  }
  .cd-main-search span {
    display: inline-block;
  }
  .cd-main-search option {
    /* style <option> elements on Firefox */
    color: #333545;
    background-color: #ffffff;
  }
  .cd-main-search select {
    /* the <select> element is not visible (if the list of options is not open) -  it is covered by the .selected-value element */
    position: absolute;
    right: 0;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    color: transparent;
  }
  .cd-main-search select:focus {
    outline: none;
  }
  .cd-main-search select:focus + span.selected-value {
    background-color: #3d3f4e;
  }
  .cd-main-search .selected-value {
    /* this <span> element covers the <select> element - its content is changed (using JavaScript) and set equal to the selected <option> value */
    /* its width automatically changes according to the text of the selected <option> (not possible with a <select> element) */
    color: #ffffff;
    /* clicking on this element will open the <select> drop-down list */
    pointer-events: none;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
  .cd-main-search select, .cd-main-search .selected-value {
    padding: 0.5em 1.7em 0.5em .3em;
    font-size: 1.4rem;
    border-radius: 3px;
  }
  .no-pointerevents .cd-main-search .selected-value {
    /* if the browser doesn't support the pointer-events property, hide the .selected-value element */
    display: none;
  }
  .no-pointerevents .cd-main-search select {
    /* if the browser doesn't support the pointer-events property, show the <select> element */
    position: relative;
    color: #ffffff;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  .no-pointerevents .cd-main-search select:focus {
    background-color: #3d3f4e;
  }
  .cd-main-search .close {
    /* 'X' icon - used to close the search form */
    display: inline-block;
    position: absolute;
    right:175px;
    top: 50%;
    height: 32px;
    width: 32px;
    -webkit-transform: translateY(-50%) scale(0);
    -moz-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    -o-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }
  .cd-main-search .close::before, .cd-main-search .close::after {
    /* used to create the 'X' icon in css */
    content: '';
    position: absolute;
    height: 22px;
    width: 1px;
    background-color: #333333;
    left: 50%;
    top: 50%;
  }
  .cd-main-search .close::before {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  }
  .cd-main-search .close::after {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
  }
  .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    opacity: 1;}

  .cd-main-search.is-visible {opacity: 1;visibility: visible;}
  .cd-main-search.is-visible .close {-webkit-transform: translateY(-50%) scale(1);-moz-transform: translateY(-50%) scale(1);-ms-transform: translateY(-50%) scale(1);-o-transform: translateY(-50%) scale(1);transform: translateY(-50%) scale(1);}
  .animate-search .cd-main-search.is-visible {/* trigger search form animation if <header> has the .animate-search class */-webkit-animation: cd-slide-in 0.5s;-moz-animation: cd-slide-in 0.5s;animation: cd-slide-in 0.5s;}
}
@media only screen and (min-width:992px) {
  .cd-nav-trigger {display:none;}
  .cd-main-search {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 50%;
    height: 100%;
    width: 800px;
    background: #ffffff;
    margin-left:-338px;
    opacity: 0;
    visibility: hidden;
    padding: 1rem 0;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    -moz-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
  }
  .cd-main-search form {
    position: relative;
    height: 100%;
    /* 170px (margin left) is the sum of the logo width (124px) and additional 46px margin (to separate the form form the logo) */
    /* 116px (margin right) takes into account the space occupied by the a.cd-search-trigger and a.close */
    margin-left:112px;
  }
  .cd-main-search input[type="search"] {
    font-size: 1rem;
    height:32px;
    background-color: transparent;
    /* don't overlap <select> element */
    padding-left: 5px;
    width: 624px;
    margin-left: 10px;
  }
  .cd-main-search .cd-select {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #5c5d6a;
    font-size: 1.4rem;
    overflow: hidden;
  }
  .cd-main-search span {
    display: inline-block;
  }
  .cd-main-search option {
    /* style <option> elements on Firefox */
    color: #333545;
    background-color: #ffffff;
  }
  .cd-main-search select {
    /* the <select> element is not visible (if the list of options is not open) -  it is covered by the .selected-value element */
    position: absolute;
    right: 0;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    color: transparent;
  }
  .cd-main-search select:focus {
    outline: none;
  }
  .cd-main-search select:focus + span.selected-value {
    background-color: #3d3f4e;
  }
  .cd-main-search .selected-value {
    /* this <span> element covers the <select> element - its content is changed (using JavaScript) and set equal to the selected <option> value */
    /* its width automatically changes according to the text of the selected <option> (not possible with a <select> element) */
    color: #ffffff;
    /* clicking on this element will open the <select> drop-down list */
    pointer-events: none;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
  .cd-main-search select, .cd-main-search .selected-value {
    padding: 0.5em 1.7em 0.5em .3em;
    font-size: 1.4rem;
    border-radius: 3px;
  }
  .no-pointerevents .cd-main-search .selected-value {
    /* if the browser doesn't support the pointer-events property, hide the .selected-value element */
    display: none;
  }
  .no-pointerevents .cd-main-search select {
    /* if the browser doesn't support the pointer-events property, show the <select> element */
    position: relative;
    color: #ffffff;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  .no-pointerevents .cd-main-search select:focus {
    background-color: #3d3f4e;
  }
  .cd-main-search .close {
    /* 'X' icon - used to close the search form */
    display: inline-block;
    position: absolute;
    right: 258px;
    top: 50%;
    height: 32px;
    width: 32px;
    -webkit-transform: translateY(-50%) scale(0);
    -moz-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    -o-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }
  .cd-main-search .close::before, .cd-main-search .close::after {
    /* used to create the 'X' icon in css */
    content: '';
    position: absolute;
    height: 22px;
    width: 1px;
    background-color: #333333;
    left: 50%;
    top: 50%;
  }
  .cd-main-search .close::before {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  }
  .cd-main-search .close::after {-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);-o-transform: translateX(-50%) translateY(-50%) rotate(45deg);transform: translateX(-50%) translateY(-50%) rotate(45deg);}
  .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {opacity: 1;}
  .cd-main-search.is-visible {opacity: 1;visibility: visible;}
  .cd-main-search.is-visible .close {-webkit-transform: translateY(-50%) scale(1);-moz-transform: translateY(-50%) scale(1);-ms-transform: translateY(-50%) scale(1);-o-transform: translateY(-50%) scale(1);transform: translateY(-50%) scale(1);}
  .animate-search .cd-main-search.is-visible {/* trigger search form animation if <header> has the .animate-search class */-webkit-animation: cd-slide-in 0.5s;-moz-animation: cd-slide-in 0.5s;animation: cd-slide-in 0.5s;}
}
@media only screen and (min-width: 1200px) {
  .cd-main-search {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 50%;
    height: 100%;
    width: 1056px;
    background: #ffffff;
    margin-left:-453px;
    opacity: 0;
    visibility: hidden;
    padding: 1rem 0;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    -moz-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
  }
  .cd-main-search form {
    position: relative;
    height: 100%;
    /* 170px (margin left) is the sum of the logo width (124px) and additional 46px margin (to separate the form form the logo) */
    /* 116px (margin right) takes into account the space occupied by the a.cd-search-trigger and a.close */
    margin-left:112px;
  }
  .cd-main-search input[type="search"] {
    font-size: 1rem;
    height:32px;
    background-color: transparent;
    /* don't overlap <select> element */
    padding-left: 5px;
    width: 624px;
    margin-left: 10px;
  }
  .cd-main-search .cd-select {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #5c5d6a;
    font-size: 1.4rem;
    overflow: hidden;
  }
  .cd-main-search span {
    display: inline-block;
  }
  .cd-main-search option {
    /* style <option> elements on Firefox */
    color: #333545;
    background-color: #ffffff;
  }
  .cd-main-search select {
    /* the <select> element is not visible (if the list of options is not open) -  it is covered by the .selected-value element */
    position: absolute;
    right: 0;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    color: transparent;
  }
  .cd-main-search select:focus {
    outline: none;
  }
  .cd-main-search select:focus + span.selected-value {
    background-color: #3d3f4e;
  }
  .cd-main-search .selected-value {
    /* this <span> element covers the <select> element - its content is changed (using JavaScript) and set equal to the selected <option> value */
    /* its width automatically changes according to the text of the selected <option> (not possible with a <select> element) */
    color: #ffffff;
    /* clicking on this element will open the <select> drop-down list */
    pointer-events: none;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
  .cd-main-search select, .cd-main-search .selected-value {
    padding: 0.5em 1.7em 0.5em .3em;
    font-size: 1.4rem;
    border-radius: 3px;
  }
  .no-pointerevents .cd-main-search .selected-value {
    /* if the browser doesn't support the pointer-events property, hide the .selected-value element */
    display: none;
  }
  .no-pointerevents .cd-main-search select {
    /* if the browser doesn't support the pointer-events property, show the <select> element */
    position: relative;
    color: #ffffff;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  .no-pointerevents .cd-main-search select:focus {
    background-color: #3d3f4e;
  }
  .cd-main-search .close {
    /* 'X' icon - used to close the search form */
    display: inline-block;
    position: absolute;
    right: 258px;
    top: 50%;
    height: 32px;
    width: 32px;
    -webkit-transform: translateY(-50%) scale(0);
    -moz-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    -o-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }
  .cd-main-search .close::before, .cd-main-search .close::after {/* used to create the 'X' icon in css */content: '';position: absolute;height: 22px;width: 1px;background-color: #333333;left: 50%;top: 50%;}
  .cd-main-search .close::before {-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);-moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);-ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);-o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);transform: translateX(-50%) translateY(-50%) rotate(-45deg);}
  .cd-main-search .close::after {-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);-o-transform: translateX(-50%) translateY(-50%) rotate(45deg);transform: translateX(-50%) translateY(-50%) rotate(45deg);}
  .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {opacity: 1;}
  .cd-main-search.is-visible {opacity: 1;visibility: visible;}
  .cd-main-search.is-visible .close {-webkit-transform: translateY(-50%) scale(1);-moz-transform: translateY(-50%) scale(1);-ms-transform: translateY(-50%) scale(1);-o-transform: translateY(-50%) scale(1);transform: translateY(-50%) scale(1);}
  .animate-search .cd-main-search.is-visible {/* trigger search form animation if <header> has the .animate-search class */-webkit-animation: cd-slide-in 0.5s;-moz-animation: cd-slide-in 0.5s;animation: cd-slide-in 0.5s;}
}

@-webkit-keyframes cd-slide-in {
  0% {
    -webkit-transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes cd-slide-in {
  0% {
    -moz-transform: translateY(-100%);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@keyframes cd-slide-in {
  0% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
.cd-search-suggestions {
  /* drowpdown with search suggestions - hidden on small devices */
  display: none;
}
/*media*/
@media only screen and (min-width: 768px) {
  .cd-search-suggestions {
    display: block;
    position: absolute;
    top: 64px;
    left: 82%;
    /* same width of <form> element */
    width: calc( 94% - 175px);
    padding: 1rem 2.5em;
    /* same margin of <form> element */
    margin-left:-429px;
    background-color: #ffffff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);

  }
  .cd-search-suggestions::after {
    clear: both;
    content: "";
    display: table;
  }
  .cd-search-suggestions .quick-links, .cd-search-suggestions .news {
    display: inline-block;
  }
  .cd-search-suggestions .quick-links {
    float: right;
    width: 140px;
    text-align: right;
  }
  .cd-search-suggestions .news {
    float: left;
    width: calc(100% - 140px);
  }
  .cd-search-suggestions h3 {
    text-transform: uppercase;
    color: #7a7c86;
    font-size: .75rem;
    padding: 8px 0;
    color: #919699;
    margin: 0;
  }
  .cd-search-suggestions h4 {
    font-weight: bold;
    font-size: 1.4rem;
  }
  .cd-search-suggestions h4 a {
    /* prevent the text from wrapping */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    padding: .2em 0;
  }
  .cd-search-suggestions a {
    display: inline-block;
    color: #333333;
  }
  .no-touch .cd-search-suggestions a:hover {
    opacity: .8;
  }
  .cd-search-suggestions time {
    font-size: 1.2rem;
    color: #70727d;
  }
  .cd-search-suggestions .news li {
    position: relative;
    padding: 0.625em 0.75em 0.75em 4em;
    margin-bottom: 0.25em;
  }
  .cd-search-suggestions .news li:last-of-type {
    margin-bottom: 0;
  }
  .cd-search-suggestions .image-wrapper {
    position: absolute;
    left: 0;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
  }
  .cd-search-suggestions .image-wrapper img {
    display: block;
  }
  .cd-search-suggestions .quick-links a {
    padding: .5em 0;
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .animate-search .is-visible .cd-search-suggestions {
    /* trigger the dropdown animation if <header> has the .animate-search class */
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
    /* Force Hardware Acceleration */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation: cd-3d-rotation 0.5s 0.3s;
    -moz-animation: cd-3d-rotation 0.5s 0.3s;
    animation: cd-3d-rotation 0.5s 0.3s;
    -webkit-animation-fill-mode: backwards;
    -moz-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
  }
}
@media only screen and (min-width: 992px) {
  .cd-search-suggestions {
    display: block;
    position: absolute;
    top: 64px;
    left: 64%;
    /* same width of <form> element */
    width: calc( 94% - 286px);
    padding: 1rem 2.5em;
    /* same margin of <form> element */
    margin-left:-429px;
    background-color: #ffffff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);

  }
  .cd-search-suggestions::after {
    clear: both;
    content: "";
    display: table;
  }
  .cd-search-suggestions .quick-links, .cd-search-suggestions .news {
    display: inline-block;
  }
  .cd-search-suggestions .quick-links {
    float: right;
    width: 140px;
    text-align: right;
  }
  .cd-search-suggestions .news {
    float: left;
    width: calc(100% - 140px);
  }
  .cd-search-suggestions h3 {
    text-transform: uppercase;
    color: #7a7c86;
    font-size: .75rem;
    padding: 8px 0;
    color: #919699;
    margin: 0;
  }
  .cd-search-suggestions h4 {
    font-weight: bold;
    font-size: 1.4rem;
  }
  .cd-search-suggestions h4 a {
    /* prevent the text from wrapping */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    padding: .2em 0;
  }
  .cd-search-suggestions a {
    display: inline-block;
    color: #333333;
  }
  .no-touch .cd-search-suggestions a:hover {
    opacity: .8;
  }
  .cd-search-suggestions time {
    font-size: 1.2rem;
    color: #70727d;
  }
  .cd-search-suggestions .news li {
    position: relative;
    padding: 0.625em 0.75em 0.75em 4em;
    margin-bottom: 0.25em;
  }
  .cd-search-suggestions .news li:last-of-type {
    margin-bottom: 0;
  }
  .cd-search-suggestions .image-wrapper {
    position: absolute;
    left: 0;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
  }
  .cd-search-suggestions .image-wrapper img {
    display: block;
  }
  .cd-search-suggestions .quick-links a {
    padding: .5em 0;
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .animate-search .is-visible .cd-search-suggestions {
    /* trigger the dropdown animation if <header> has the .animate-search class */
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
    /* Force Hardware Acceleration */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation: cd-3d-rotation 0.5s 0.3s;
    -moz-animation: cd-3d-rotation 0.5s 0.3s;
    animation: cd-3d-rotation 0.5s 0.3s;
    -webkit-animation-fill-mode: backwards;
    -moz-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
  }
}
@media only screen and (min-width: 1200px) {
  .cd-search-suggestions {
    display: block;
    position: absolute;
    top: 64px;
    left: 50%;
    /* same width of <form> element */
    width: calc( 94% - 286px);
    padding: 1rem 2.5em;
    /* same margin of <form> element */
    margin-left:-429px;
    background-color: #ffffff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);

  }
  .cd-search-suggestions::after {
    clear: both;
    content: "";
    display: table;
  }
  .cd-search-suggestions .quick-links, .cd-search-suggestions .news {
    display: inline-block;
  }
  .cd-search-suggestions .quick-links {
    float: right;
    width: 140px;
    text-align: right;
  }
  .cd-search-suggestions .news {
    float: left;
    width: calc(100% - 140px);
  }
  .cd-search-suggestions h3 {
    text-transform: uppercase;
    color: #7a7c86;
    font-size: .75rem;
    padding: 8px 0;
    color: #919699;
    margin: 0;
  }
  .cd-search-suggestions h4 {
    font-weight: bold;
    font-size: 1.4rem;
  }
  .cd-search-suggestions h4 a {
    /* prevent the text from wrapping */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    padding: .2em 0;
  }
  .cd-search-suggestions a {
    display: inline-block;
    color: #333333;
  }
  .no-touch .cd-search-suggestions a:hover {
    opacity: .8;
  }
  .cd-search-suggestions time {
    font-size: 1.2rem;
    color: #70727d;
  }
  .cd-search-suggestions .news li {
    position: relative;
    padding: 0.625em 0.75em 0.75em 4em;
    margin-bottom: 0.25em;
  }
  .cd-search-suggestions .news li:last-of-type {
    margin-bottom: 0;
  }
  .cd-search-suggestions .image-wrapper {
    position: absolute;
    left: 0;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
  }
  .cd-search-suggestions .image-wrapper img {
    display: block;
  }
  .cd-search-suggestions .quick-links a {
    padding: .5em 0;
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .animate-search .is-visible .cd-search-suggestions {
    /* trigger the dropdown animation if <header> has the .animate-search class */
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
    /* Force Hardware Acceleration */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation: cd-3d-rotation 0.5s 0.3s;
    -moz-animation: cd-3d-rotation 0.5s 0.3s;
    animation: cd-3d-rotation 0.5s 0.3s;
    -webkit-animation-fill-mode: backwards;
    -moz-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
  }
}

@-webkit-keyframes cd-3d-rotation {
  0% {
    -webkit-transform: perspective(1000px) rotateX(-90deg);
  }
  100% {
    -webkit-transform: perspective(1000px) translateY(0);
  }
}
@-moz-keyframes cd-3d-rotation {
  0% {
    -moz-transform: perspective(1000px) rotateX(-90deg);
  }
  100% {
    -moz-transform: perspective(1000px) translateY(0);
  }
}
@keyframes cd-3d-rotation {
  0% {
    -webkit-transform: perspective(1000px) rotateX(-90deg);
    -moz-transform: perspective(1000px) rotateX(-90deg);
    -ms-transform: perspective(1000px) rotateX(-90deg);
    -o-transform: perspective(1000px) rotateX(-90deg);
    transform: perspective(1000px) rotateX(-90deg);
  }
  100% {
    -webkit-transform: perspective(1000px) translateY(0);
    -moz-transform: perspective(1000px) translateY(0);
    -ms-transform: perspective(1000px) translateY(0);
    -o-transform: perspective(1000px) translateY(0);
    transform: perspective(1000px) translateY(0);
  }
}
/*.cd-search-trigger {
   trigger serach form visibility - hidden on small devices 
  display: none;
}*/
/*media*/
@media only screen and (min-width: 768px) {
  .cd-search-trigger {
    display: block;
    position: relative;
    float: left;
    z-index: 4;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.5s;
  }
  .cd-search-trigger::after, .cd-search-trigger:before {
    /* used to create the icon lens and the background circle */
    content: '';
    position: absolute;
  }
  .cd-search-trigger::after {
    /* icon lens */
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    height: 22px;
    width: 22px;
  }
  .cd-search-trigger::before {
    /* background circle */
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
    -moz-transform: translateX(-50%) translateY(-50%) scale(0);
    -ms-transform: translateX(-50%) translateY(-50%) scale(0);
    -o-transform: translateX(-50%) translateY(-50%) scale(0);
    transform: translateX(-50%) translateY(-50%) scale(0);
    height: 22px;
    width: 22px;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.5s;
  }
  .no-touch .cd-search-trigger:hover::before {
    background-color: transparent;
  }
  .cd-search-trigger.search-form-visible {
    color: #333333 !important;
    display: none;
  }
  .cd-search-trigger.search-form-visible::before {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    -o-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
  }
}
@media only screen and (min-width: 992px) {
  .cd-search-trigger {
    display: block;
    position: relative;
    float: left;
    z-index: 4;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.5s;
  }
  .cd-search-trigger::after, .cd-search-trigger:before {
    /* used to create the icon lens and the background circle */
    content: '';
    position: absolute;
  }
  .cd-search-trigger::after {
    /* icon lens */
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    height: 22px;
    width: 22px;
  }
  .cd-search-trigger::before {
    /* background circle */
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
    -moz-transform: translateX(-50%) translateY(-50%) scale(0);
    -ms-transform: translateX(-50%) translateY(-50%) scale(0);
    -o-transform: translateX(-50%) translateY(-50%) scale(0);
    transform: translateX(-50%) translateY(-50%) scale(0);
    height: 22px;
    width: 22px;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.5s;
  }
  .no-touch .cd-search-trigger:hover::before {
    background-color: transparent;
  }
  .cd-search-trigger.search-form-visible {
    color: #333333 !important;
    display: none;
  }
  .cd-search-trigger.search-form-visible::before {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    -o-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
  }
}
@media only screen and (min-width: 1200px) {
  .cd-search-trigger {
    display: block;
    position: relative;
    float: left;
    z-index: 4;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.5s;
  }
  .cd-search-trigger::after, .cd-search-trigger:before {
    /* used to create the icon lens and the background circle */
    content: '';
    position: absolute;
  }
  .cd-search-trigger::after {
    /* icon lens */
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    height: 22px;
    width: 22px;
  }
  .cd-search-trigger::before {
    /* background circle */
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
    -moz-transform: translateX(-50%) translateY(-50%) scale(0);
    -ms-transform: translateX(-50%) translateY(-50%) scale(0);
    -o-transform: translateX(-50%) translateY(-50%) scale(0);
    transform: translateX(-50%) translateY(-50%) scale(0);
    height: 22px;
    width: 22px;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.5s;
  }
  .no-touch .cd-search-trigger:hover::before {
    background-color: transparent;
  }
  .cd-search-trigger.search-form-visible {
    color: #333333 !important;
    display: none;
  }
  .cd-search-trigger.search-form-visible::before {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    -o-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
  }
}

/* -------------------------------- 

Content cover layer

-------------------------------- */
.cd-cover-layer {
  /* cover main content when search form is open - hidden on smal devices */
  display: none;
}
/*media*/
@media only screen and (min-width: 768px) {
  .cd-cover-layer {
    display: block;
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.75);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.5s, visibility 0.5s;
    -moz-transition: opacity 0.5s, visibility 0.5s;
    transition: opacity 0.5s, visibility 0.5s;
  }
  .cd-cover-layer.search-form-visible {
    opacity: 1;
    visibility: visible;
    z-index: 999;
  }
}
@media only screen and (min-width: 992px) {
  .cd-cover-layer {
    display: block;
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.75);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.5s, visibility 0.5s;
    -moz-transition: opacity 0.5s, visibility 0.5s;
    transition: opacity 0.5s, visibility 0.5s;
  }
  .cd-cover-layer.search-form-visible {
    opacity: 1;
    visibility: visible;
    z-index: 999;
  }
}
@media only screen and (min-width: 1200px) {
  .cd-cover-layer {
    display: block;
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.75);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.5s, visibility 0.5s;
    -moz-transition: opacity 0.5s, visibility 0.5s;
    transition: opacity 0.5s, visibility 0.5s;
  }
  .cd-cover-layer.search-form-visible {
    opacity: 1;
    visibility: visible;
    z-index: 999;
  }
}

/* -------------------------------- 

Page main content

-------------------------------- */
.cd-main-content {
  display: table;
  width: 100%;
  height: calc(100vh - 50px);
  position: relative;
  z-index: 2;
  background-color: #40508e;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-main-content .content-center {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.cd-main-content .content-center h1 {
  color: #ffffff;
  font-size: 2.4rem;
  margin-bottom: .6em;
}
.cd-main-content .cd-download-btn {
  background: #dd85ac;
  color: #ffffff;
  display: inline-block;
  padding: 1.4em 1.6em;
  border-radius: 50em;
  font-size: 1.4rem;
  font-weight: bold;
  box-shadow: 0 2px 18px rgba(0, 0, 0, 0.1);
}
.cd-main-content.nav-is-visible {
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}
@media only screen and (min-width: 1024px) {
  .cd-main-content {
    height: calc(100vh - 80px);
  }
  .cd-main-content .content-center h1 {
    font-size: 3.6rem;
  }
  .cd-main-content.nav-is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

/* -------------------------------- 

JavaScript Disabled

-------------------------------- */
.no-js .luoshi-navbar {
  height: auto;
}
.no-js .luoshi-navbar::after {
  clear: both;
  content: "";
  display: table;
}

.no-js .cd-nav-trigger {
  display: none;
}

.no-js .cd-main-nav-wrapper {
  display: inline-block;
  float: right;
}

.no-js .cd-main-nav {
  position: static;
  width: auto;
  height: auto;
  visibility: visible;
  background-color: transparent;
  float: right;
}
.no-js .cd-main-nav::after {
  clear: both;
  content: "";
  display: table;
}
.no-js .cd-main-nav li {
  display: inline-block;
  float: left;
}
.no-js .cd-main-nav a {
  border-bottom: 0;
}

.no-js .cd-search-trigger {
  display: inline-block;
  text-indent: 0;
  color: #ffffff;
  float: right;
  line-height: 50px;
}
@media only screen and (min-width: 1024px) {
  .no-js .cd-search-trigger {
    text-indent: 100%;
    color: transparent;
    line-height: normal;
  }
}

.no-js .cd-main-search {
  position: static;
  opacity: 1;
  visibility: visible;
  padding: 2em 5%;
  background: #333545;
}
.no-js .cd-main-search form {
  margin: 0;
}
.no-js .cd-main-search input[type="search"] {
  background: #333545;
}
.no-js .cd-main-search select {
  position: relative;
  color: #ffffff;
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.no-js .cd-main-search select:focus {background-color: #3d3f4e;}
.no-js .cd-main-search .selected-value {display: none;}
.card img{ animation:smallmove .6s}

.btt{padding: 0 30px;}
.btt ul li{
    width: 45%; 
    float:left; 
    box-sizing:border-box; 
    border: 1px solid #000; 
    height: 48px; 
    margin-left: 5%; 
    text-align: center; 
    line-height: 48px;}
.btt ul li a{display: block;}
.btt ul::after{content: ''; display: block; clear: both;}
.card:hover { color:#0160a2;}