* { margin: 0; padding: 0; box-sizing: border-box; font-family: "Microsoft YaHei", "寰蒋闆呴粦", "榛戜綋", "瀹嬩綋", Helvetica, Arial, Tahoma;}
body { -moz-user-select: none; -webkit-tap-highlight-color: transparent;}
li {list-style: none;}
a,i {  font-style: normal; text-decoration: none;}
img {outline: none; border: none;}
/*pages*/
.pages {
  padding:40px 0;
  overflow: hidden;
  clear: both;
}
.pages li {
  float: left;
}
.pages li a {
  padding:0px 20px;
  border:1px solid #d7d7d7;
  display: inline-block;
  text-align: center;
  margin:0 4px;
  height: 50px;
  line-height: 50px;
}
.pages li.active a,.pages li a:hover {
  background: #1CAFA7;
  color:#fff;
}

.icon {width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden;}
.space-over { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.space-list-over { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.block-link { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 1;}
.swiper-btn { position: absolute; top: 50%; transform: translateY(-50%); display: flex; justify-content: center; align-items: center; width: 2.5rem; height: 2.5rem;  background: rgba(255, 255, 255, 0.4); z-index: 1; cursor: pointer; outline: none; transition: all 0.4s;}
.swiper-btn span { font-size: 1.375rem; color: #fff;}
.swiper-btn:hover { background: #1cafa7;}
.container { width: 87.5rem; margin: 0 auto;}
.main { width: 75rem; margin: 0 auto;}
.index_header { position: fixed; top: 0; left: 0; width: 100%; border-bottom: 1px solid #1cafa7; background: #fff; z-index: 9;}
.index_header .container { display: flex; justify-content: space-between; align-items: center;}
.index_header_logo { width: 8.125rem;}
.index_header_logo img { width: 100%; object-fit: contain;}
.index_header_right { display: flex; align-items: center;}
.index_header_right .iconfont { font-size: 1.25rem; color: #666;}
.index_header_right_nav li { display: inline-block; line-height: 5rem;}
.index_header_right_nav li a { display: block; font-size: 1.125rem; padding:0 1rem; color: #333; text-align: center; transition: all 0.4s;}
.index_header_right_nav li:hover a { color: #fff;}
.index_header_right_nav li.active a { color: #1cafa7;}
.index_header_right_nav li.active:hover a { color: #fff;}
.index_header_right_nav li.active .subnav li a { color: #333;}

#nav {}
.subnav>li{display: block;width: 100%;}
.subnav>li>a{padding: 0;display: block;text-align: left;padding: 10px 40px;line-height: 1.5;}
.index_header_right_nav li a:hover, .index_header_right_nav li.on a { background:#1cafa7;}
.index_header_right_nav li .subnav {background:rgba(255,255,255,0.8); width:100%; padding:0; overflow:hidden; display:none; position:absolute; top:5rem; left:0px;}
.index_header_right_nav li .subnav ul { line-height:3rem; text-align:center;}
.index_header_right_nav li .subnav li { line-height:3rem; margin:0 0.1rem; text-align:center; display:inline-block; vertical-align:top;}
.index_header_right_nav li .subnav li a { line-height:3rem; color:#333; background:none;}
.index_header_right_nav li .subnav li a:hover { color:#1cafa7;}
.index_header_right_nav li .subnav li .subnavTit { margin-top:2px;}
.index_header_right_nav li .subnav li .subnavTit a{ color:#fff; background:rgba(28,175,167,1);}
.index_header_right_nav li .subnav li p {}
.index_header_right_nav li .subnav li p a{ color:#333; line-height:2.25rem; font-size:1rem; text-align:left;}

.index_header_right_search { margin: 0 1.375rem 0 3rem; cursor: pointer;}
.index_header_right_search_popup { position: absolute; top: 100%; right: 8%; width: 18.75rem; height: 0; padding: 0 1.25rem; overflow: hidden; transition: all 0.35s;  background: #1cafa7; z-index: 2; outline: none;}
.index_header_right_search_popup .iconfont { color: #fff;}
.index_header_right_search_popup form { display: inline-block; margin: 0.625rem 0; border-bottom: 1px solid #fff; line-height: 2.5rem;}
.index_header_right_search_popup form button { display: inline-block; font-size: 1.25rem; color: #fff; border: none; outline: none; background-color: transparent;}
.index_header_right_search_popup form input { display: inline-block; width: 14.375rem; border: none; outline: none; font-size: 1rem; color: #fff; background: none;}
.index_header_right_search_popup form input::-webkit-input-placeholder { color: #fff; font-size: 1rem;}
.index_header_right_search_popup form input:-moz-placeholder { color: #fff; font-size: 1rem;}
.index_header_right_search_popup form input::-moz-placeholder { color: #fff; font-size: 1rem;}
.index_header_right_search_popup form input:-ms-input-placeholder { color: #fff; font-size: 1rem;}
.index_header_right_search_popup form input:focus::-webkit-input-placeholder { color: #fff; font-size: 1rem;}
.index_header_right_search_popup.open { height: 3.75rem;}
.index_header_right_lang { position: relative; padding: 0 0.5rem; line-height: 5rem; color: #666; font-size: 1rem; cursor: pointer; outline: none;}
.index_header_right_lang span { margin-left: 0.625rem;}
.index_header_right_lang .icon { display: block; float: left; width: 1.375rem; height: 1.375rem; margin: 1rem 0.5rem 0 0;}
.index_header_right_lang .dropdown { position: absolute; left: 0; top: 100%; transform: translateY(0.125rem); width: 6.875rem; background: #fff; max-height: 0; overflow: hidden; transition: all 0.35s; z-index: 2;}
.index_header_right_lang .dropdown ul { text-align: center; box-shadow: 0 1px 0.125rem 0 rgba(201, 201, 201, 0.26); padding: 0 0.5rem;}
.index_header_right_lang .dropdown li { line-height: 3.125rem;}
.index_header_right_lang .dropdown li:hover a,
.index_header_right_lang .dropdown li.active a { color: #1cafa7;}
.index_header_right_lang .dropdown a { display: block; color: #666; font-size: 0.875rem;}
.index_header_right_lang:hover { color: #1cafa7;}
.index_header_right_lang:hover .dropdown { max-height: 62.5rem;}
.index_header_right_lang:hover .iconfont { color: #1cafa7;}
.index_header .inner-header-icon { display: none; color: #fff; height: 3.625rem; font-size: 1.563rem; text-align: center; float: right; width: 3.125rem; position: relative; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; z-index: 3; transform: scale(1.3);}
.index_header .inner-header-icon:hover { background-color: rgba(255, 255, 255, 0.2); cursor: pointer;}
.index_header .inner-header-icon span { position: absolute; left: calc((100% - 1.563rem) / 2); top: calc((100% - 1px) / 2); width: 1.563rem; height: 1px; background-color: #1cafa7;}
.index_header .h-opa {width: 100%;height: 100%;position: fixed;left: -100000px;top: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 10;opacity: 0;transition: opacity .3s;cursor: pointer;}
.index_header .inner-header-icon span:nth-child(1) { transform: translateY(0.625rem) rotate(0deg);}
.index_header .inner-header-icon span:nth-child(2) { opacity: 0;}
.index_header .inner-header-icon span:nth-child(3) { transform: translateY(-0.625rem) rotate(0deg);}
.index_header .inner-header-icon-click span { background: #011d49;}
.index_header .inner-header-icon-click span:nth-child(1) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: clickfirst;}
.index_header .inner-header-icon-click span:nth-child(2) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: clicksecond;}
.index_header .inner-header-icon-click span:nth-child(3) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: clickthird;}

.index_header .inner-header-icon-out span { background: #1cafa7;}
.index_header .inner-header-icon-out span:nth-child(1) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: outfirst;}
.index_header .inner-header-icon-out span:nth-child(2) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: outsecond;}
.index_header .inner-header-icon-out span:nth-child(3) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: outthird;}

@media(max-width: 1200px){
    .h-li{width: 100%;position: relative;}
    .h-li.has-nav:after{content: "+";display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #666;}
    .h-li.has-nav.show:after{content: "-";}
  .h-opa{left: 0;opacity: 1}
}
.h-opa {width: 100%;height: 100%;position: fixed;left: -100000px;top: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 10;opacity: 0;transition: opacity .3s;cursor: pointer;}

@keyframes clickfirst {
  0% {
    transform: translateY(0.625rem) rotate(0deg);
  }
  100% {
    transform: translateY(0) rotate(45deg);
  }
}
@keyframes clicksecond {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes clickthird {
  0% {
    transform: translateY(-0.625rem) rotate(0deg);
  }
  100% {
    transform: translateY(0) rotate(-45deg);
  }
}


@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }
  100% {
    transform: translateY(-0.625rem) rotate(0deg);
  }
}
@keyframes outsecond {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes outthird {
  0% {
    transform: translateY(0) rotate(45deg);
  }
  100% {
    transform: translateY(0.625rem) rotate(0deg);
  }
}
.index_banner { position: relative; margin-top: 5.0625rem;}
.index_banner_swiper .swiper-slide { position: relative;}
.index_banner_swiper .swiper-slide img { display: block; width: 100%;}
.index_banner .swiper-pagination { display: flex; justify-content: center; align-items: center; width: 100%; bottom: 2.75rem;}
.index_banner .swiper-pagination .swiper-pagination-bullet { display: inline-block; width: 0.75rem; height: 0.75rem; margin: 0 0.75rem; background: #1cafa7; outline: none; transition: all 0.5s; opacity: 1;}
.index_banner .swiper-pagination .swiper-pagination-bullet-active { display: inline-block; width: 1.75rem; height: 1.75rem; border: 1px solid #1cafa7; border-radius: 50%; background: none; font-size: 0.75rem; text-align: center; line-height: 1.625rem; color: #1cafa7;}
.index_banner .swiper-btn-prev { left: 11.25rem;}
.index_banner .swiper-btn-next { right: 11.25rem; transform: translateY(-50%) rotate(180deg);}
.index_banner_M { display: none;}
.index_content_title { text-align: center;}
.index_content_title h3 { position: relative; display: inline-block; font-size: 2rem; color: #333; font-weight: 400; margin-bottom: 1.25rem;}
.index_content_title h3:before,
.index_content_title h3:after { position: absolute; top: 50%; width: 1.25rem; height: 1.125rem; background-image: url(../images/title.png); background-repeat: no-repeat; background-size: contain; content: '';}
.index_content_title h3:before { left: -1.375rem; transform: translate(-100%, -50%);}
.index_content_title h3:after { right: -1.375rem; transform: translate(100%, -50%) rotate(180deg);}
.index_content_title p { font-size: 0.875rem; color: #666;}
.index_content_more { position: relative; display: block; width: 8.75rem; margin: 3.75rem auto 0; line-height: 2.875rem; background: #1cafa7; border: 1px solid #1cafa7;  text-align: center; color: #fff; font-size: 1rem; transition: all 0.4s; overflow: hidden;}
.index_content_more:before { position: absolute; top: 0; left: -100%; width: 100%; height: 100%; transition: all 0.3s; background: #fff; content: '';}
.index_content_more span { position: relative; z-index: 2;}
.index_content_more:hover { color: #1cafa7;}
.index_content_more:hover:before { left: 0;}
.index_content_tab { margin-top: 3rem;}
.index_content_tab li { display: inline-block; border-radius: 1.25rem; border: 1px solid transparent;}
.index_content_tab li:not(:last-child) { margin-right: 4.625rem;}
.index_content_tab li.active { border-color: #1cafa7;}
.index_content_tab li.active a { color: #1cafa7;}
.index_content_tab a { display: block; padding: 0 1.5rem; line-height: 2.5rem; font-size: 1.125rem; color: #333;}
.index_content_tab a:hover { color: #1cafa7;}
.index_product { padding: 3.75rem 0 5rem; background-image: url(../images/indexproductbg.jpg); background-repeat: no-repeat; background-size: cover; overflow: hidden;}
.index_product .index_content_tab { text-align: left;}
.index_product_tab { display: none; text-align: left;}
.index_product_tab.active { display: block;}
.index_product_tab li { display: inline-block; line-height: 1.75rem;}
.index_product_tab li:not(:last-child) { margin-right: 4.375rem;}
.index_product_tab li.active a { color: #1cafa7;}
.index_product_tab a { font-size: 1rem; color: #666;}
.index_product_tab a:hover { color: #1cafa7;}
.index_product_tab2 {margin:1.5625rem 0 1.1875rem;}
.index_product_tab2 li.active { position: relative; padding-left: 1.125rem;}
.index_product_tab2 li.active:before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ''; width: 0; height: 0; border-style: solid;  border-width: 0.3125rem 0 0.3125rem 0.5rem; border-color: transparent transparent transparent #1cafa7;}
.index_product_tab3 a { font-size: 0.875rem;}
.index_product_content { margin-top: 4rem;}
.index_product_content_list { display: none;}
.index_product_content_list.active { display: block;}
.index_product_content .productTab3 { display: none;}
.index_product_content .productTab3.active { display: block;}
.index_product_content_item { position: relative; display: none;}
.index_product_content_item.active { display: block;}
.index_product_content_item .swiper-btn { background: #e5e5e5;}
.index_product_content_item .swiper-btn:hover { background: #1cafa7;}
.index_product_content_item .swiper-btn-prev { left: -3.75rem;}
.index_product_content_item .swiper-btn-next { right: -3.75rem; transform: translateY(-50%) rotate(180deg);}
.index_product_content_swiper { padding-right: 1.25rem; overflow: hidden;}
.index_product_content_swiper .swiper-container { overflow: visible;}
.index_product_content_swiper .swiper-slide { position: relative; width: 18.75rem; height: 20.125rem; padding:0.75rem; background: #fff; box-shadow: 0 0 1.3125rem 0 rgba(193, 193, 193, 0.43);}
.index_product_content_swiper .swiper-slide:hover img { transform: scale(1.05);}
.index_product_content_swiper .swiper-slide:hover .index_product_content_swiper_text h3 { color: #1cafa7; font-size:1.125rem;}
.index_product_content_swiper .swiper-slide:hover .index_product_content_swiper_text a { background: #1cafa7;}
.index_product_content_swiper_img { width: 100%; height: 13.125rem; padding: 0.125rem; margin-bottom: 0.625rem; overflow: hidden;}
.index_product_content_swiper_img img { width: 100%; height: 100%; object-fit: contain; transition: all 0.4s;}
.index_product_content_swiper_text { border-top: 1px solid #e5e5e5; padding-top: 0.625rem;}
.index_product_content_swiper_text h3 { color: #333; font-weight: 400; font-size: 1rem; line-height: 1.875rem;}
.index_product_content_swiper_text p { font-size: 0.875rem; color: #666;}
.index_product_content_swiper_text a { position: absolute; right: -1.25rem; bottom: 2.125rem; display: block; width: 2.5rem; height: 2.5rem; background: #e5e5e5;  font-size: 1.875rem; color: #fff; text-align: center; line-height: 2.5rem; transition: all 0.4s;}

/****/

.index_about { position: relative;}
.index_about_content { padding: 6.875rem 0;}
.index_about_content .index_content_title { padding-left: 2.625rem; text-align: left;}
.index_about_content .index_content_more { margin: 1.625rem 0 0;}
.index_about_content_desc { width: 50%; margin-top: 1rem; padding-right: 2.5rem; font-size: 1.125rem; color: #666; line-height: 1.75rem;}
.index_about_content_desc p {text-indent: 2em;margin: 0 0 30px 0;}
.index_about_content_list { position: relative; display: table; margin-top: 1.875rem; padding: 2.5rem 1.875rem 2.5rem 0; background: #fff; z-index: 1;}
.index_about_content_list li { display: inline-block;}
.index_about_content_list li:not(:last-child) { margin-right: 4.75rem;}
.index_about_content_list strong { font-size: 1.125rem; color: #1cafa7;}
.index_about_content_list span { font-size: 2.625rem;}
.index_about_content_list p { margin-top: 1rem; font-size: 1rem; color: #333;}
.index_about_img { position: absolute; top: 20%; left:50%; width: 40%; height: 50%;}
.index_about_img img { width: 100%; height: 100%; object-fit: cover;}
.index_news { padding: 3.75rem 0 5rem;  background-image: url(../images/indexservicebg.jpg); background-repeat: no-repeat; background-size: cover; overflow: hidden;}
.index_news_content { display: flex; justify-content: space-between; flex-flow: wrap; margin-top: 4.6875rem;}
.index_news_content_left { position: relative; width: 40%;}
.index_news_content_left_img { width: 100%; height: 20.375rem; overflow: hidden;}
.index_news_content_left_img img { width: 100%; height: 100%; object-fit: cover; transition: all 0.4s;}
.index_news_content_left_text { height: 8.75rem; background: #1cafa7; color: #fff;}
.index_news_content_left_text_date { float: left; height: 100%; display: flex; flex-flow: column; justify-content: center; align-items: center; width: 8.75rem;}
.index_news_content_left_text_date b { font-size: 2.25rem; margin-bottom: 0.875rem;}
.index_news_content_left_text_date span { font-size: 0.875rem;}
.index_news_content_left_text_right { margin-left: 8.75rem; padding: 1.25rem 2.8125rem 0 1.5625rem;}
.index_news_content_left_text_right h3 { font-size: 1.125rem; font-weight: 400; padding-bottom: 1rem; margin-bottom: 0.875rem; border-bottom: 1px solid rgba(255, 255, 255, 0.8);}
.index_news_content_left_text_right p { line-height: 1.5rem; font-size: 0.875rem;}
.index_news_content_left:hover img { transform: scale(1.03);}
.index_news_content_right { width: 48%;}
.index_news_content_right_item { position: relative; border-bottom: 1px solid #c3c3c3; padding-bottom: 1.75rem;}
.index_news_content_right_item:not(:last-child) { margin-bottom: 2.5rem;}
.index_news_content_right h2 { margin-bottom: 1.5rem; font-size: 1.5rem; color: #01162b; font-weight: 400;}
.index_news_content_right_item h3 { margin-bottom: 0.875rem; font-size: 1.125rem; color: #333; font-weight: 400;}
.index_news_content_right_item .desc { display: flex; justify-content: space-between;}
.index_news_content_right_item p { flex: 1; font-size: 0.875rem; color: #666;}
.index_news_content_right_item span { margin-left: 3rem; font-size: 0.875rem; color: #999;}
.index_news_content_right_item:hover h3 { color: #1cafa7;}
.index_service { padding: 3.75rem 0 5rem;}
.index_service_content { margin-top: 3.125rem;}
.index_service_content_item { display: none; justify-content: space-between; flex-flow: wrap;}
.index_service_content_item.active { display: flex;}
.index_service_contact { height: 28.75rem;}
.index_service_contact_map { width: 70%; height: 100%; border: 1px solid #dcdcdc; overflow: hidden;}
.index_service_contact_map img { width:100%; height:100%}
.index_service_contact_content { width: 30% min-width:26rem; height: 100%; padding: 3.25rem 1.875rem 0; background: #1cafa7; color: #fff;}
.index_service_contact_content h1 { margin-bottom: 1.625rem; font-size: 1.25rem;}
.index_service_contact_content .listpaddingleft {/* padding-bottom: 2.25rem; */border-bottom: 1px solid #fff;}
.index_service_contact_content .listpaddingleft strong {display: none;}
.index_service_contact_content .listpaddingleft p {font-size: 1rem;line-height: 2.25rem; text-align:left;font-weight: normal;margin: 0;}
.index_service_contact_content p {margin-top: 0.75rem;text-align: right;font-weight: bold;}
.index_service_team_img { width: 50%; height: 100%;}
.index_service_team_img img { width: 100%; height: 100%; object-fit: cover;}
.index_service_team_text { width: 50%; padding: 2.375rem 0 0 3.125rem;}
.index_service_team_text h3 { font-size: 1.25rem; color: #1cafa7;}
.index_service_team_text_desc { margin-top: 1.25rem; font-size: 1.125rem; color: #333; line-height: 1.625rem;}
.index_service_team_text .index_content_more { margin: 3.75rem 0 0;}
.index_service_promise { padding-top: 1.875rem;}
.index_service_promise_item { text-align: center; font-size: 1.25rem; color: #333;}
.index_service_promise_item_icon { display: flex; justify-content: center; align-items: center; width: 10rem; height: 10rem; margin-bottom: 1.75rem; border-radius: 1rem; background: rgba(229, 229, 229, 0.8); transition: all 0.3s;}
.index_service_promise_item_icon .icon { position: relative; width: 3.6875rem; height: 3.625rem; overflow: hidden;}
.index_service_promise_item_icon img { position: absolute; top: 0; left: 0; width: 100%; height: 200%; transition: all 0.3s;}
.index_service_promise_item:hover .index_service_promise_item_icon { background: #1cafa7;}
.index_service_promise_item:hover .icon img { top: -100%;}
.index_footer { position: relative; border-top: 1px solid #1cafa7; background-color: #fcfafa; font-size: 0.875rem; color: #666;}
.index_footer a { color: #666;}
.index_footer a:hover { color: #1cafa7;}
.index_footer_content { padding: 3.125rem 0 1.875rem; display: flex; justify-content: space-between; flex-flow: wrap;}
.index_footer_content_left { display: flex; flex-flow: wrap;}
.index_footer_content_left .index_footer_content_item:not(:last-child) { margin-right: 7.375rem;}
.index_footer_content_right i.iconfont { float:left; display:block; font-size:70px; color:#1cafa7;}
.ml_1 { margin-left:100px;}
.index_footer_content_item h3 { font-size: 1.125rem; color: #333; font-weight: 400;}
.index_footer_content_item .hotLine { font-size:2.125rem; color:#1cafa7;}
.index_footer_content_item_link li { margin-top: 1.5625rem;}
.index_footer_content_item_mess { margin-top: 1.4375rem;}
.index_footer_content_item_mess li { margin-top: 0.75rem;}
.index_footer_content_item_about { margin-top: 2.25rem;}
.index_footer_content_item_share { margin-top: 1rem;}
.index_footer_content_item_share img { vertical-align: bottom;}
.index_footer_content_item_share a { color: #c6c6c6; font-size: 1.5625rem; margin-left: 1.5625rem;}
.index_footer_content_item_share a:hover { color: #1cafa7;}
.index_footer_content_item_share a:nth-of-type(1) { margin-left: 1rem;}
.index_footer_content_item_share .iconlogo-wechat { color: #1cafa7;}
.index_footer_content_item .bdshare-button-style0-16 a { height: auto; float: none; font-size: 1.5625rem; padding-left: 0; margin: 0 0 0 1.5625rem; line-height: unset;  background-image: none;}
.index_footer_content_item .bdshare-button-style0-16 a:hover { color: #1cafa7; opacity: 1;}
.index_footer_copyright { border-top: 1px solid #e5e5e5; padding: 1.125rem 0;}
.index_footer_copyright a { margin-left: 1.875rem;}
.index_footer_copyright .right { float: right; margin-left: 0;}
.about_banner { position: relative; width: 100%; margin-top: 5.0625rem;}
.about_banner img { display: block; width: 100%;}
.about_nav { position: absolute; bottom: 0; left: 0; width: 100%;}
.about_nav .container { height: 100%; border-bottom: 1px solid #ececec; background: #fff;}
.about_nav .main { padding: 1rem 0 0; overflow: hidden;}
.about_nav_left { display: inline-block;}
.about_nav_left li { position: relative; display: inline-block; padding: 0 0.5rem; line-height: 4rem;}
.about_nav_left li:not(:last-child) { margin-right: 3rem;}
.about_nav_left li:after { position: absolute; bottom: -1px; left: 0; width: 100%; height: 0.125rem; background: #1cafa7; transform: scale(0); transition: all 0.4s;  content: "";}
.about_nav_left li.active:after,
.about_nav_left li:hover:after { transform: scale(1);}
.about_nav_left li.active a,
.about_nav_left li:hover a { color: #1cafa7;}
.about_nav_left li.active a { font-weight: bold;}
.about_nav_left a { font-size: 1rem; color: #333;}
.about_nav_breadcrumb { float: right; font-size: 0.875rem; color: #999; line-height: 4rem;}
.about_nav_breadcrumb em { margin-right: 0.5rem; color: #cecece;}
.about_nav_breadcrumb span { margin: 0 0.25rem 0 0.75rem;}
.about_nav_breadcrumb a { color: #999;}
.about_nav_breadcrumb a:hover,
.about_nav_breadcrumb a.current { color: #1cafa7;}
.about_intro { padding: 4.25rem 0 6.25rem; overflow: hidden;}
.about_intro_content { display: flex; justify-content: space-between; overflow: hidden;}
.about_intro_content_left { width: 49%;}
.about_intro_content_left p { font-size: 1rem; color: #333; line-height: 1.625rem;}
.about_intro_content_right { width: 49%;}
.about_intro_content_right img { width: 100%;}
.about_intro .index_about_content_list { display: flex; justify-content: space-between; padding: 0; margin-top: 6.25rem;}
.about_intro .index_about_content_list li {
  position: relative;
  width: 12.5rem;
  text-align: center;
}
.about_intro .index_about_content_list li:not(:last-child) {
  margin-right: 0;
  padding-right: 2.8125rem;
}
.about_intro .index_about_content_list li:not(:last-child):after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 1px;
  height: 3.75rem;
  background: #e5e5e5;
  content: '';
}
.about_intro_culture { padding: 4.875rem 0 6.875rem; background-image: url(../images/aboutintrobg.jpg); background-repeat: no-repeat; background-size: cover;}
.about_intro_culture_list {
  display: flex;
  justify-content: space-between;
  margin-top: 6.25rem;
}
.about_intro_culture_list p {font-size: 1rem; color: #333; line-height: 1.625rem;}
.about_intro_culture_list_item {
  text-align: center;
}
.about_intro_culture_list_item span {
  font-size: 1.25rem;
  color: #333;
}
.about_intro_culture_list_item_cir {
  width: 11.25rem;
  height: 11.25rem;
  margin-top: 1.375rem;
  border: 1px solid #1cafa7;
  border-radius: 50%;
  padding: 0.625rem;
}
.about_intro_culture_list_item_cir .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.about_intro_culture_list_item_cir .icon p {
  font-size: 1rem;
  color: #fff;
  line-height: 1.625rem;
}
.about_intro_honor {
  padding: 4.875rem 0 6.875rem;
}
.about_intro_honor_swiper {
  display: flex;
  justify-content: space-between;
  height: 17.5rem;
  margin: 7.5rem 0 4.875rem;
}
.about_intro_honor_swiper_img {
  width: 41.7%;
  height: 100%;
  box-shadow: 0 0.125rem 0.625rem 0 rgba(62, 50, 50, 0.23);
}
.about_intro_honor_swiper_img .swiper-container {
  width: 100%;
  height: 100%;
}
.about_intro_honor_swiper_img .swiper-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about_intro_honor_swiper_right {
  position: relative;
  width: 52%;
  padding: 1.875rem 0 1.25rem;
}
.about_intro_honor_swiper_right .swiper-container {
  width: 100%;
  height: 100%;
}
.about_intro_honor_swiper_right .swiper-wrapper {
  width: 85%;
}
.about_intro_honor_swiper_right .swiper-slide {
  height: auto;
}
.about_intro_honor_swiper_right .swiper-slide:hover p {
  color: #1cafa7;
}
.about_intro_honor_swiper_right .swiper-slide:hover i {
  color: #1cafa7;
}
.about_intro_honor_swiper_right .swiper-slide-active p {
  color: #1cafa7;
}
.about_intro_honor_swiper_right .swiper-slide-active i {
  color: #1cafa7;
}
.about_intro_honor_swiper_right p {
  font-size: 1.125rem;
  color: #666;
  line-height: 1.375rem;
}
.about_intro_honor_swiper_right i {
  margin-right: 0.625rem;
  color: #aaa;
}
.about_intro_honor_swiper_right .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  width: 0.625rem;
}
.about_intro_honor_swiper_right .swiper-pagination {
  right: 0;
}
.about_intro_honor_swiper_right .swiper-pagination-bullet {
  width: 0.625rem;
  height: 0.625rem;
  background: #aaa;
  opacity: 1;
  margin: 1.25rem 0;
  outline: none;
}
.about_intro_honor_swiper_right .swiper-pagination-bullet-active {
  background: #1cafa7;
}
.about_intro_honor_list {
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
}
.about_intro_honor_list_item {
  width: 21.25rem;
  height: 16rem;
  margin-bottom: 2.875rem;
  text-align: center;
  box-shadow: 0 0.125rem 0.625rem 0 rgba(62, 50, 50, 0.1);
}
.about_intro_honor_list_item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.about_history {
  padding: 3.625rem 0 5.9375rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  background-image: url(../images/abouthistorybg.jpg);
}
.about_history h1 {
  color: #1cafa7;
  text-align: center;
  font-size: 1.5rem;
}
.about_history_content {
  position: relative;
  padding: 5rem 0 3.125rem;
}
.about_history_content:before {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 1px;
  height: 100%;
  background: #e5e5e5;
  content: '';
}
.about_history_content_item {
  width: 100%;
  overflow: hidden;
}
.about_history_content_item_text {
  position: relative;
  width: 50%;
  float: right;
  text-align: left;
  padding: 0 0 3rem 1.875rem;
}
.about_history_content_item_text i {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateX(-50%);
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  border: 0.375rem solid rgba(194, 194, 194, 0.4);
}
.about_history_content_item_text i:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: #c2c2c2;
  border-radius: 50%;
}
.about_history_content_item_text_time {
  margin-bottom: 0.875rem;
  font-size: 1rem;
  font-weight: bold;
  color: #333;
}
.about_history_content_item_text p {
  line-height: 1.5rem;
  font-size: 1rem;
  color: #666;
}
.about_history_content_item:nth-child(even) .about_history_content_item_text {
  float: left;
  text-align: right;
  padding: 0 1.875rem 3rem 0;
}
.about_history_content_item:nth-child(even) .about_history_content_item_text i {
  right: 0;
  left: unset;
  transform: translateX(50%);
}
.about_history_content_item:hover .about_history_content_item_text i {
  border-color: rgba(228, 29, 49, 0.4);
}
.about_history_content_item:hover .about_history_content_item_text i:before {
  background: #1cafa7;
}
.about_history_content_item:hover .about_history_content_item_text_time,
.about_history_content_item:hover .about_history_content_item_text p {
  color: #1cafa7;
}
.about_competition_intro {
  padding: 5rem 0;
  overflow: hidden;
}
.about_competition_intro .main {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.about_competition_intro_text {
  width: 45%;
}
.about_competition_intro_text h2 {
  margin-bottom: 1.625rem;
  font-size: 1.5rem;
  color: #333;
}
.about_competition_intro_text h2 span {
  color: #1cafa7;
}
.about_competition_intro_text p {
  font-size: 1rem;
  color: #666;
  line-height: 1.875rem;
}
.about_competition_intro_img {
  width: 50%;
}
.about_competition_intro_img img {
  width: 100%;
}
.about_competition_content {
  display: flex;
  overflow: hidden;
}
.about_competition_content_item {
  position: relative;
  width: 50%;
}
.about_competition_content_item img {
  width: 100%;
}
.about_competition_content_item:nth-child(2) img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about_competition_content_item_text {
  width: 100%;
  height: 100%;
  background: rgba(228, 29, 49, 0.8);
}
.about_competition_content_item_text_main {
  display: flex;
  justify-content: center;
  flex-flow: column;
  width: 37.5rem;
  height: 100%;
  padding-left: 6.25rem;
  color: #fff;
}
.about_competition_content_item_text_main h2 {
  margin-bottom: 1.625rem;
  font-size: 1.5rem;
}
.about_competition_content_item_text_main p {
  font-size: 1rem;
  line-height: 1.875rem;
}
.about_competition_box {
  padding: 6.25rem 0;
  overflow: hidden;
}
.about_competition_box h2 {
  margin-bottom: 1.625rem;
  font-size: 1.5rem;
  color: #333;
}
.about_competition_box h2 span {
  color: #1cafa7;
}
.about_competition_box p {
  font-size: 1rem;
  color: #666;
  line-height: 1.875rem;
}
.about_competition_box_img {
  margin-top: 2.25rem;
}
.about_competition_box_img img {
  width: 49.5%;
}
.about_competition_box_img img:first-child {
  width: 100%;
  margin-bottom: 0.625rem;
}
.about_competition_box_img img:last-child {
  float: right;
}
.service_contact {
  display: flex;
  height: 31.25rem;
  margin: 5rem 0;
  overflow: hidden;
}
.service_contact .index_service_contact_map {
  flex: 1;
}
.service_contact .index_service_contact_content {
  width: 25.8rem;
}
.service_team {
  padding: 3.75rem 0 6.25rem;
}
.service_team h1 {
  margin-bottom: 1.25rem;
  font-size: 1.125rem;
  color: #1cafa7;
}
.service_team p {
  line-height: 1.625rem;
  font-size: 1rem;
  color: #333;
}
.service_team_img {
  margin-top: 3.75rem;
}
.service_team_img img {
  width: 58%;
}
.service_team_img img:last-child {
  width: 40.6%;
}
.service_promise {
  padding: 5.625rem 0;
}
.service_promise h1 {
  text-align: center;
  color: #1cafa7;
  font-size: 1.25rem;
}
.service_promise .index_service_promise {
  display: flex;
  margin-top: 4.6875rem;
}
.service_promise .index_service_promise_item_icon {
  width: 7.5rem;
  height: 7.5rem;
}
.resources_nav {
  position: static;
}
.resources_nav .container {
  border-bottom: none;
}
.resources_nav .main {
  justify-content: flex-end;
}
.resources_list {
  padding: 0.9375rem 0 6.25rem;
}
.resources_list_item {
  border-top: 1px solid #1cafa7;
}
.resources_list_item:not(:last-child) {
  margin-bottom: 2.5rem;
}
.resources_list_item_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.75rem 3.625rem 1.75rem 2.25rem;
  border: 1px solid #e5e5e5;
  border-top: none;
  cursor: pointer;
  transition: all 0.4s;
}
.resources_list_item_title p {
  font-size: 1rem;
  color: #333;
}
.resources_list_item_title span {
  font-size: 0.875rem;
  color: #666;
}
.resources_list_item_title i {
  transform: rotate(-90deg);
  color: #666;
  font-size: 1.625rem;
  transition: all 0.4s;
}
.resources_list_item_title:hover {
  border-color: #1cafa7;
  background: #1cafa7;
}
.resources_list_item_title:hover p,
.resources_list_item_title:hover span,
.resources_list_item_title:hover i {
  color: #fff;
}
.resources_list_item_title:hover i {
  transform: rotate(-180deg);
}
.resources_list_item_desc {
  max-height: 0;
  background: #f4f4f4;
  overflow: hidden;
  transition: all 0.4s;
}
.resources_list_item_desc .text {
  padding: 2.625rem 2.25rem;
  line-height: 1.5rem;
  font-size: 0.875rem;
  color: #999;
}
.resources_list_item.active .resources_list_item_title {
  border-color: #1cafa7;
  background: #1cafa7;
}
.resources_list_item.active .resources_list_item_title p,
.resources_list_item.active .resources_list_item_title span,
.resources_list_item.active .resources_list_item_title i {
  color: #fff;
}
.resources_list_item.active .resources_list_item_title i {
  transform: rotate(-180deg);
}
.resources_list_item.active .resources_list_item_desc {
  max-height: 62.5rem;
}
.resources_img { width:50%; height:auto; padding:5%; margin:auto;}
.resources_img img { width:100%; height:auto;}
.product_nav .about_nav_left li {
  padding: 0;
}
.product_nav .about_nav_left li:not(:last-child) {
  margin-right: 3.125rem;
}
.product_tab {
  padding: 50px 0 20px 0;
}
.product_tab .index_product_tab2 li {
  min-width: 11.25rem;
  padding: 0 1rem;
  line-height: 3.375rem;
  background: #f2f2f2;
  text-align: center;
  margin-bottom:1rem;
}
.product_tab .index_product_tab2 li:before {
  display: none;
}
.product_tab .index_product_tab2 li:not(:last-child) {
  margin-right: 1.25rem;
}
.product_tab .index_product_tab2 li a {
  font-size: 0.875rem;
  color: #666;
}
.product_tab .index_product_tab2 li:hover a {
  color: #1cafa7;
}
.product_tab .index_product_tab2 li.active {
  background: #1cafa7;
}
.product_tab .index_product_tab2 li.active a {
  color: #fff;
}
.product_list .main {
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
}
.product_list_item { position: relative; width: 23%; margin-bottom: 2.5rem; padding: 0.75rem; border: 1px solid #e7e7e7; transition: all 0.4s;}
.product_list_item:hover {
  box-shadow: 0 0 1.3125rem 0 rgba(193, 193, 193, 0.43);
}
.product_list_item:hover img {
  transform: scale(1.05);
}
.product_list_item:hover .index_product_content_swiper_text h3 {
  color: #1cafa7;
}
.product_list_item:hover .index_product_content_swiper_text a {
  background: #1cafa7;
}
.product_list_item .index_product_content_swiper_text a {
  bottom: 1.25rem;
}
.product_list i {
  width: 23%;
}
.product_pagination {
  padding: 2.5rem 0 6.25rem;
}
.product_pagination .main {
  display: flex;
  justify-content: center;
  text-align: center;
}
.product_pagination a {
  display: inline-block;
  min-width: 2.125rem;
  height: 2.125rem;
  line-height: 2.0625rem;
  margin: 0 0.125rem;
  border: 1px solid #d9d9d9;
  font-size: 1rem;
  color: #666;
  text-align: center;
  transition: all 0.2s;
}
.product_pagination a.none {
  background: #e5e5e5;
  color: #fff;
  border-color: #e5e5e5;
  cursor: not-allowed;
}
.product_pagination a.none:hover {
  background: #e5e5e5;
  color: #fff;
  border-color: #e5e5e5;
}
.product_pagination a.next {
  transform: rotate(180deg);
}
.product_pagination a:hover,
.product_pagination a.page-num-current {
  background: #1cafa7;
  border-color: #1cafa7;
  color: #fff;
}

/**product_list_main star**/
.product_list_main {  display:flex; justify-content: space-between; flex-flow: wrap; width:75rem;  margin:0 auto;}
.product_list_main .product_list_item { width:100%; margin-top: 40px;margin-bottom:0px; height:13.125rem; padding: 0.75rem; border-bottom: 1px solid #e7e7e7; border-top:none; border-left:none; border-right:none; transition: all 0.4s;}
.product_list_main .product_content_swiper_img { width:23%; min-width:12rem; height:11.825rem; float:left; padding: 0.75rem; margin-right:1rem;}
.product_list_main .product_content_swiper_img img { width:100%; height:100%;transition:all 0.3s ease-out 0s;}
.product_list_main .product_list_item:hover { box-shadow: 0 0 1.3125rem 0 rgba(193, 193, 193, 0.43);}
.product_list_main .product_list_item:hover img { transform: scale(1.05);}
.product_list_main .product_list_item:hover .product_content_swiper_text {  }
.product_list_main .product_list_item:hover .product_content_swiper_text h3 { color:#1cafa7;}
.product_list_main .product_list_item:hover .product_content_swiper_text a { background: #1cafa7;}
.product_list_main .product_list_item .product_content_swiper_text  { bottom: 1.25rem; padding-top: 0.75rem;}
.product_list_main .product_list_item .product_content_swiper_text h3  { margin-bottom:0.725rem;}
.product_list_main .product_list_item .product_content_swiper_text p.space-over { color: #666; line-height:2rem;}
/**product_list_main end**/

.product_detail {
  padding: 3.125rem 0;
}
.product_detail_nav {
  position: static;
  margin-top: 8.75rem;
}
.product_detail_nav .container {
  border-bottom: none;
}
.product_detail_nav .main {
  border-bottom: 1px solid #ececec;
}
.product_detail_nav h1 {
  display: inline-block;
  font-size: 1.25rem;
  color: #333;
  padding-bottom: 2rem;
}
.product_detail_nav .about_nav_breadcrumb {
  line-height: unset;
  padding-bottom: 2rem;
}
.product_detail_top {
  display: flex;
  justify-content: space-between;
}
.product_detail_top_swiper {
  position: relative;
  width: 23.75rem;
  height: 23.75rem;
  border: 1px solid #e7e7e7;
  padding: 2.5rem 1.875rem 4.375rem;
}
.product_detail_top_swiper .swiper-container {
  width: 100%;
  height: 100%;
}
.product_detail_top_swiper .swiper-slide {
  width: 100%;
  height: 100%;
}
.product_detail_top_swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product_detail_top_swiper_prev,
.product_detail_top_swiper_next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2.5rem;
  height: 2.5rem;
  background: #e5e5e5;
  text-align: center;
  line-height: 2.5rem;
  transition: all 0.3s;
  cursor: pointer;
  outline: none;
}
.product_detail_top_swiper_prev i,
.product_detail_top_swiper_next i {
  color: #fff;
  font-size: 1.5rem;
}
.product_detail_top_swiper_prev:hover,
.product_detail_top_swiper_next:hover {
  background: #1cafa7;
}
.product_detail_top_swiper_prev {
  left: -2rem;
}
.product_detail_top_swiper_next {
  right: -2rem;
  transform: translateY(-50%) rotate(180deg);
}
.product_detail_top_swiper .swiper-pagination {
  width: 100%;
  left: 0;
  bottom: 1.25rem;
}
.product_detail_top_swiper .swiper-pagination-bullet {
  width: 0.625rem;
  height: 0.625rem;
  background: #e5e5e5;
  opacity: 1;
  margin: 0 0.5rem;
}
.product_detail_top_swiper .swiper-pagination-bullet-active {
  background: #1cafa7;
}
.product_detail_top_right {
  width: 57%;
}
.product_detail_top_right_title {
  border-bottom: 1px solid #e5e5e5;
}
.product_detail_top_right_title span {
  display: block;
  width: 5.375rem;
  height: 1.875rem;
  line-height: 1.875rem;
  background: #1cafa7;
  text-align: center;
  color: #fff;
  font-size: 0.875rem;
}
.product_detail_top_right_desc {
  padding: 1.875rem 0 4.6875rem;
}
.product_detail_top_right_desc p {
  line-height: 2rem;
  font-size: 0.875rem;
  color: #666;
}
.product_detail_top_right_desc p strong {
  color: #333;
}
.product_detail_top_right_btn a {
  display: block;
  color: #999;
  font-size: 0.75rem;
  line-height: 1.875rem;
}
.product_detail_top_right_btn a:hover {
  color: #1cafa7;
}
.product_detail_top_right_btn a:hover i {
  border-color: #1cafa7;
  background: #1cafa7;
  color: #fff;
}
.product_detail_top_right_btn a:last-child i {
  transform: rotate(180deg);
}
.product_detail_top_right_btn i {
  display: inline-block;
  width: 1.125rem;
  height: 1.125rem;
  margin-right: 0.25rem;
  border: 1px solid #d9d9d9;
  border-radius: 0.125rem;
  text-align: center;
  line-height: 1rem;
}
.product_detail_content {
  margin: 6.25rem 0 0;
}
.product_detail_content_desc { padding: 1.875rem 0;}
.product_detail_content_desc_img { width:60%; height:auto; margin:0 auto 2rem auto;}
.product_detail_content_desc_img img { width:100%;}
.product_detail_content_desc_text h3 { font-size:1.125rem; line-height:2rem;}
.product_detail_content_desc_text p { line-height:2rem; font-size:0.875rem; color:#666;}
.product_detail_content_desc_text img { width:100%;}
.product_detail_content_desc_text p B { color:#333;}
.news_list { padding: 3.5rem 0 0;}
.news_list_item {
  position: relative;
  display: flex;
  justify-content: space-between;
  height: 13.75rem;
  border: 1px solid #e7e7e7;
  transition: all 0.4s;
}
.news_list_item:not(:last-child) {
  margin-bottom: 2.5rem;
}
.news_list_item_img {
  width: 25%;
  height: 100%;
  overflow: hidden;
}
.news_list_item_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s;
}
.news_list_item_text {
  position: relative;
  width: 75%;
  padding: 2.5rem 4.375rem 0 3.125rem;
}
.news_list_item_text h2 {
  margin-bottom: 1.625rem;
  font-size: 1rem;
  color: #333;
  font-weight: 400;
}
.news_list_item_text span {
  font-size: 0.75rem;
  color: #999;
}
.news_list_item_text p {
  margin-top: 1rem;
  font-size: 0.875rem;
  color: #666;
  line-height: 1.25rem;
}
.news_list_item_text a {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  background: #e5e5e5;
  text-align: center;
  line-height: 2.5rem;
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  transition: all 0.4s;
  z-index: 4;
}
.news_list_item:hover {
  box-shadow: 0 0 1.3125rem 0 rgba(193, 193, 193, 0.43);
}
.news_list_item:hover .news_list_item_img img {
  transform: scale(1.1);
}
.news_list_item:hover .news_list_item_text h2 {
  color: #1cafa7;
}
.news_list_item:hover .news_list_item_text a {
  background: #1cafa7;
}
.news_detail {
  padding: 1rem 0 0;
}
.news_detail_time {
  font-size: 0.875rem;
  color: #999;
}
.news_detail_desc { margin-top: 2.5rem; font-size: 1rem; line-height: 1.75rem; color: #666;}
.news_detail_desc p { line-height:2rem; margin-bottom:2rem;}
.news_detail_desc img { max-width: 100%; height: auto !important;}
.news_detail_btn { padding: 3.125rem 0 5.625rem;}
.news_detail_btn .main {
  display: flex;
  justify-content: space-between;
}
.news_detail_btn a {
  max-width: 48%;
}
.search_content {
  margin-top: 5.0625rem;
}
.search_content_list {
  padding: 1.875rem 0;
}
.search_content_item {
  padding: 1.563rem 0;
}
.search_content_item a {
  display: block;
  font-size: 1.125rem;
  font-weight: bold;
  color: #666;
  line-height: 1.563rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search_content_item p {
  font-size: 1rem;
  color: #666;
  line-height: 1.563rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 0.625rem;
}
.search_content_item:hover a {
  color: #1cafa7;
}
@media (min-width: 320px) and (max-width: 900px) {
  :root {
    font-size: 16px !important;
  }
  .container,
  .main,
  .product_list_main {
    width: 100%;
    padding: 0 1.5rem;
  }
  .swiper-btn {
    display: none;
  }
  .tab_scroll {
    width: 100%;
    overflow-x: auto;
  }
  .index_header .inner-header-icon {
    display: block;
  }
  .index_header_right {
    position: static;
  }
  .index_header_right_nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    margin-left: 0;
    background: #fff;
    padding-top: 6rem;
    display: none;
    z-index: 2;
  }
  .index_header_right_nav ul {
    display: block;
  }
  .index_header_right_nav ul li {
    display: block;
    width: 100%;
    margin-right: 0;
    overflow: hidden;
  }
  .index_header_right_nav ul li a {
    font-size: 1.5rem;
  }
  .index_header_right_nav ul li a:after {
    display: none;
  }
  .index_header_right_nav ul li a:visited{
  	color: #1cafa7;
  }
  .index_header_right_nav ul li.active a {
    color: #1cafa7;
  }
  .index_header_right_search {
    margin: 0 1rem 0 0;
  }
  .index_header_right_lang .dropdown {
    z-index: 4;
  }
  
  
  
  .index_banner {
    display: none;
    height: auto;
  }
  .index_banner_M {
    display: block;
  }
  .index_content_tab {
    width: max-content;
  }
  .index_content_tab li:not(:last-child) {
    margin-right: 1rem;
  }
  .index_product_tab {
    width: max-content;
  }
  .index_product_tab li:not(:last-child) {
    margin-right: 2rem;
  }
  .index_product_content_swiper {
    padding-right: 0;
  }

  .index_product_content_swiper_text a {
    right: 0;
  }
  .index_about_content {
    padding: 3rem 0;
  }
  .index_about_content .index_content_title {
    text-align: center;
  }
  .index_about_content .index_content_more {
    margin: 3rem auto 0;
  }
  .index_about_content_desc {
    width: 100%;
    padding-right: 0;
  }
  .index_about_content_list {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0;
  }
  .index_about_content_list li {
    width: 32%;
    text-align: center;
  }
  .index_about_content_list li:not(:last-child) {
    margin: 0;
  }
  .index_about_content_list li strong {
    display: block;
  }
  .index_about_content .index_content_more {
    margin-top: 3rem;
  }
  .index_about_img {
    position: static;
    width: 100%;
  }
  .index_news_content_left {
    width: 100%;
    margin-bottom: 2rem;
  }
  .index_news_content_left_text_date {
    width: 6rem;
  }
  .index_news_content_left_text_right {
    margin-left: 6rem;
    padding: 1rem 1rem 0;
  }
  .index_news_content_right {
    width: 100%;
  }
  .index_service_contact {
    height: auto;
  }
  .index_service_contact_map {
    width: 100%;
    height: 28rem;
  }
  .index_service_contact_content {
    width: 100%;
    padding: 2rem;
  }
  .index_service_team_img {
    width: 100%;
    height: auto;
    order: 2;
  }
  .index_service_team_text {
    width: 100%;
    padding: 2rem 0;
  }
  .index_service_promise {
    flex-flow: unset;
    overflow-x: auto;
  }
  .index_service_promise_item {
    margin-bottom: 2rem;
  }
  .index_service_promise_item:not(:last-child) {
    margin-right: 1rem;
  }
  .index_service_promise_item_icon {
    width: 7.5rem;
    height: 7.5rem;
  }
  .index_service_promise:after {
    content: '';
    width: 7.5rem;
  }
  .index_footer_content_left .index_footer_content_item:not(:last-child) {
    margin-right: 0;
  }
  .index_footer_content_item {
    width: 100%;
    margin-bottom: 3rem;
  }
  .index_footer_content_item h3 {
    margin-bottom: 1rem;
  }
  .index_footer_content_item:not(:last-child) {
    margin-bottom: 3rem;
  }
  .index_footer_content_item_link li {
    display: inline-block;
    margin: 0 0 1rem;
  }
  .index_footer_content_item_link li:not(:last-child) {
    margin-right: 2rem;
  }
  .index_footer_content_item_about {
    margin-bottom: 0;
  }
  .index_footer_copyright {
    padding: 1rem 0;
    line-height: unset;
  }
  .index_footer_copyright a {
    display: block;
    margin-left: 0;
  }
  .index_footer_copyright a:nth-child(2) {
    margin: 1rem 0;
  }
  .index_footer_copyright .right {
    float: none;
  }
  .about_nav {
    position: static;
  }
  .about_nav .container {
    padding: 0;
  }
  .about_nav .main {
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 1.5rem;
  }
  .about_nav_left {
    display: table;
    width: max-content;
    padding-right: 1.5rem;
  }
  .about_nav_left li:not(:last-child) {
    margin-right: 1rem;
  }
  .about_nav_left li:after {
    bottom: 0;
  }
  .about_nav_breadcrumb {
    display: none;
  }
  .about_intro_content {
    flex-flow: wrap;
  }
  .about_intro_content_left {
    width: 100%;
  }
  .about_intro_content_right {
    width: 100%;
    margin-top: 2rem;
  }
  .about_intro .index_about_content_list {
    width: max-content;
    margin-top: 4rem;
  }
  .about_intro .index_about_content_list li {
    width: 10rem;
  }
  .about_intro .index_about_content_list li:not(:last-child) {
    padding-right: 0;
    margin-right: 1rem;
  }
  .about_intro .index_about_content_list li:not(:last-child):after {
    display: none;
  }
  .about_intro_culture_list {
    flex-flow: wrap;
  }
  .about_intro_culture_list_item {
    width: 100%;
  }
  .about_intro_culture_list_item_cir {
    margin: 1rem auto 2rem;
  }
  .about_intro_honor_swiper {
    height: auto;
    flex-flow: wrap;
    margin-top: 3rem;
  }
  .about_intro_honor_swiper_img {
    width: 100%;
  }
  .about_intro_honor_swiper_right {
    width: 100%;
    height: 24rem;
    padding: 1.875rem 0;
  }
  .about_intro_honor_swiper_right .swiper-wrapper {
    width: 95%;
  }
  .about_intro_honor_swiper_right .swiper-slide {
    height: 20%;
  }
  .about_intro_honor_list {
    width: 100%;
  }
  .about_intro_honor_list_item {
    width: 48%;
    height: 11rem;
    margin-bottom: 1rem;
  }
  .about_competition_intro .main {
    flex-flow: wrap;
  }
  .about_competition_intro_text {
    width: 100%;
  }
  .about_competition_intro_img {
    width: 100%;
    margin-top: 2rem;
  }
  .about_competition_content {
    flex-flow: wrap;
  }
  .about_competition_content_item {
    width: 100%;
  }
  .about_competition_content_item_text_main {
    width: 100%;
    padding: 3rem 1.5rem;
  }
  .product_nav .about_nav_left li:not(:last-child) {
    margin-right: 2rem;
  }
  .product_list_item {
    width: 100%;
  }
  .product_list_item .index_product_content_swiper_img {
    height: 22rem;
  }
  .product_detail_nav {
    margin-top: 8.75rem;
  }
  .product_detail_top {
    flex-flow: wrap;
  }
  .product_detail_top_swiper {
    width: 90%;
    margin: 0 auto;
  }
  .product_detail_top_right {
    width: 100%;
    margin-top: 3rem;
  }
  .news_list_item {
    height: auto;
    flex-flow: wrap;
  }
  .news_list_item_img {
    width: 100%;
    height: auto;
  }
  .news_list_item_text { width: 100%; padding: 1rem 1rem 3rem;}
  .news_detail_btn .main { flex-flow: wrap;}
  .news_detail_btn a { width: 100%; max-width: 100%;}
  .service_contact { height: auto;}
  .service_contact .index_service_contact_map { width: 100%; flex: unset;}
  .service_contact .index_service_contact_content { width: 100%;}
  .resources_list_item_title { flex-flow: wrap; padding: 1rem 0.5rem;}
  .resources_list_item_title p {
    width: 100%;
    margin-bottom: 1rem;
  }
  .resources_list_item_desc .text {
    padding: 2rem 1rem;
  }
}
@media (min-width: 901px) and (max-width: 1400px) {
  .container {
    width: 100%;
    padding: 0 4rem;
  }
  .index_header_right_nav li {
    width: 7rem;
  }
}
@media (min-width: 320px) and (max-width: 449px) {
  :root {
    font-size: 12px !important;
  }
}



.download_list .main { padding:2% 0; overflow:hidden;}
.download_list .main li { width:48%; height:10rem; padding:2%; line-height:3rem; bottom:1rem;float:left; font-size:18px; margin-right:4%; background:#f3f3f3; display:inline-block;}
.download_list .main li:nth-child(even) {  margin-right:0; }
.download_list .main li a.downloadText { background:#1cafa7; width:10rem; height:3rem; display:inline-block; text-align:center; line-height:3rem; color:#fff;}


/*  --------------------------------------------------
Reveal Modals
-------------------------------------------------- */

#detail{position:fixed;width:50rem;height:22rem;border:1px solid #ccc;background:#fff;display:none;top: 0;left: 0;}
#detail .tit{background:#ddd;display:block;height:33px;cursor:move;}
#detail .tit i{float:right;line-height:33px;padding:0 8px;cursor:pointer;}

.reveal-modal-bg { position: fixed; height: 100%;width: 100%;background: #000;background: rgba(0,0,0,.8);z-index: 100;display: none;top: 0; left: 0; }
.reveal-modal {visibility: hidden;top: 100px; left: 50%;margin-left: -300px;width: 520px;background: #eee url(modal-gloss.png) no-repeat -200px -80px;position: absolute; z-index: 101;padding: 30px 40px 34px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4);}
.reveal-modal.small     { width: 200px; margin-left: -140px;}
.reveal-modal.medium    { width: 400px; margin-left: -240px;}
.reveal-modal.large     { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge    { width: 800px; margin-left: -440px;}
.reveal-modal .close-reveal-modal { font-size: 22px;line-height: .5;position: absolute;top: 8px;right: 11px;color: #aaa;text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold;  cursor: pointer;} 
.product_popup_item {}
.product_popup_img { float:left; width:38%; height:15rem; margin-right:4%; margin-left:3%;}
.product_popup_img img { width:100%; height:100%; object-fit: contain; transition: all 0.4s;}
.product_popup_text { padding-top: 0.625rem; margin-right:3%; width:50%; float:left; }
.product_popup_text h3 { color: #333; font-weight: 400; font-size: 1.5rem; line-height: 2.875rem;}
.product_popup_text p { font-size: 1rem; line-height: 1.875rem; color: #666;}
.product_popup_text p em { font-weight:600; font-style:normal;}
.product_popup_text p i { width:1rem; height:1rem; background:#AFAFAF; display:inline-block; float:left; margin-top:0.25rem; margin-right:1rem;}


/*产品分类样式 二级*/
.product_tab #tabs{width:100%;margin:0 auto;/* text-align: center; */}
.product_tab #tabs li{/* background:#fff; */line-height: 50px;font-size: 15px;margin: 0 20px 0 0;/* padding: 0 10px; */text-align:center;/* width: 140px; */margin-bottom: 30px;display: inline-block;/* border-radius: 20px;*/transition: all 0.3s ease-out;}
.product_tab #tabs li a{color: #666;display:block;/*! float: left;*/padding: 0 25px;background: #F2F2F2;}
.product_tab #tabs li.active a{background:#1CAFA7;color:#fff;}
.product_tab #contents{overflow:hidden;/* height: 580px;*/margin-top: 0px;}
.product_tab #contents ul{display:none;}

.product_tab .list{overflow:hidden;clear:both;}
.product_tab .list ul{/*! padding-top:20px;*/width:100%;overflow:hidden;/*! clear:both;*/}
.product_tab .list ul li{display:inline-block;float:left;margin: 0 20px 20px 0;font-size: 15px;background: #ededed;/* color: #333; */transition:all 0.3s ease-out 0s;}
.product_tab .list ul li.active,.product_tab .list ul li a:hover{background: #1CAFA7;}
.product_tab .list ul li a{margin: 0px;padding: 0 1rem;line-height: 3.375rem;display: block;color:#333;}
.product_tab .list ul li.active a,.product_tab .list ul li a:hover{color:#fff;}
.product_tab .list ul li.active dl{display: block;}

.product_tab .list ul li dl{width: 100%;display: none;position: absolute;left: 0;}
.product_tab .list ul li dl dd{display: inline-block;float: left;font-size: 14px;padding: 20px 20px 40px 20px;}
.product_tab .list ul li dl dd a{color: #8b8b8b!important;margin: 0px;padding:0;}
.product_tab .list ul li dl dd a:hover,.product_tab .list ul li dl dd.active a{color:#1CAFA7;background:none;}
