/* AB模板网 整站模板下载 */
/* 模板：Www.AdminBuy.Cn */
/* 仿站：Fang.AdminBuy.Cn */
/* 素材：Sc.AdminBuy.Cn */
/* QQ：9490489 */
.index_nav_wrap { width:100%; height:88px; background:#fff; border-bottom:1px solid #f5f8fa; box-sizing:border-box;   }
.head_logo {  width:230px; height:88px;  float:left; }
.nav_con_wrap {  height:88px; float:left; }
.nav_con_wrap li {  float:left; height:88px;  }
.nav_con_wrap li a{ transition:all 300ms;  display:block; line-height:88px;  color:#555;text-align:center;  position:relative; padding:0 20px;box-sizing:border-box;max-width:140px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;   }
.nav_con_wrap li.nav_li_selected a{ background:#f9f9f9; color:#555; }
.nav_con_wrap li a:hover{  background:#f9f9f9; color:#555;   }
.nav_con_wrap li.nav_li_selected a:after{ content:"";width:100%;height:3px;display:block;background:#9bc936; position:absolute;left:0px;bottom:0px;       }
.nav_con_wrap li a:hover::after{ content:"";width:100%;height:3px;display:block;background:#9bc936; position:absolute;left:0px;bottom:0px;       }
.top_notice { float:right; line-height:88px;max-width:160px; padding:0 18px 0 30px; font-size:14px; color:#696969; background:url(../../static/images/icon_not-26141c56c448.png) no-repeat left; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;    }
.top_icon_nav { float:right; width:67px; height:88px;background:#9bc936;line-height:88px; color:#fff; text-align:center;cursor:pointer;}
.top_icon_nav i {  font-size:22px;}


@media (min-width: 1439px){
  .index_nav_con { width:1400px; margin:auto;  }
}
@media ( min-width: 980px ) and (max-width: 1438px){
   .index_nav_con {   width:96%; margin:0 2%;   }
}

@media (max-width: 979px){
  .index_nav_wrap { display:none;}
   .index_nav_bg { display: none; }
}

@media (max-width: 767px){
  
}


/*�˵�����*/

.move_nav_icon { width: 40px;height: 40px;position: absolute; top: 50%;transform: translateY(-50%) scale(0.8);z-index: 6;right:14px; }
.move_nav_icon ul { height: 40px; }
.move_icon { margin-top: 7px;height: 4px; }
.move_icon span { background:#ddd; }
.move_icon .move_icon_max{ display:block; width:30px; height:3px; margin-left:5px; float:left; border-radius:10px;  transition:1s;         }
.move_nav_icon:hover { cursor:pointer;   }
.mob_nav_wrap { overflow:hidden; position:relative; height:60px;  }
.mob_head_logo {  padding:0 60px 0 25px; box-sizing:border-box;width:100%;overflow:hidden;  height:60px; }
.mob_head_logo a{ overflow:hidden; display:block;height:60px;width:100%; text-align:left;  }
.mob_head_logo img{  max-height:100%; }
.mob_sousuo { width: 40px;height: 40px; position: absolute; top: 50%;transform: translateY(-50%); right:13px;  line-height:40px;text-align:center; }
.mob_sousuo i { font-size:22px;  color:#ddd;    }

.selectnav{ position: fixed;z-index:2000;width:100%;overflow: hidden;left:0; top:0;bottom:0px;  background:rgba(0,0,0,0.4);display:none;  }
.selectnav2{ overflow: hidden; background: #fff;width: 30%; position: absolute;right:0px; height:100%;  padding-top:30px;  }
.selectnav ul li { width: 100%; background: #fff; height:42px; font-size: 16px;line-height: 42px; }
.selectnav ul li a {display: block; padding-left: 10%; color:#555;  }

@media (min-width:979px) {
  .mob_nav_wrap { display:none; }
}
@media (max-width: 767px){
    .nav_wrap {display:none; }
    .head_wrap { height:60px; }
}
@media (max-width: 480px) {
}

 @media ( min-width: 768px)and ( max-width: 979px ){
  .mob_nav_wrap {  display:block;  }
  .head_wrap { height:80px;  }
  .mob_head_logo { height:80px;  }
  .mob_head_logo a { height: 80px; }
  .mob_nav_wrap { height:80px;  }
}

/*�ֻ�ͷ��*/


.banner_wrap {  position:relative; width:100%; }
.server_pro {  position:relative; width:100%; }
.server_wrap { width:100%;height:215px;  position:absolute;bottom:0px;left:0px;  }
.server_con { transform:translateY(50%);overflow:hidden;    }
.server_con li{ width:20%;height:215px;text-align:center; float:left;box-sizing:border-box; overflow:hidden; background:#fff; }
.server_con li:nth-child(1){border-top-left-radius:20px;}
.server_con li:nth-child(5){border-top-right-radius:20px;  }
.server_con li a {  transition:all 300ms;  display:block; text-align:center; display:block; height:100%; padding:25px 20px 20px; box-sizing:border-box;}
.server_con li a img{ width:125px;height:125px; transition:all 300ms;    }
.server_con li a span{ display:block; text-align:center; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; transition:all 300ms;     }
.server_con li a:hover {  background:#f5f5f5; }
.server_con li a:hover img{ transform:translateY(5px) scale(1.03);   }
.server_con li a:hover span{ transform:translateY(5px); font-size:15px;  }
.server_con_bottom { height:115px;    }


@media (min-width: 1439px){
  .server_con { width:1400px; margin:auto;  }
}
@media ( min-width: 980px ) and (max-width: 1438px){
   .server_con {   width:96%; margin:0 2%;   }
}

 @media ( min-width: 768px)and ( max-width: 979px ){
    .server_wrap { position:relative;}
    .server_con li a {padding: 10px 20px 10px; }
    .server_wrap { height:190px; }
    .server_con li {  height:190px; }
} 
 
 @media (max-width: 979px){
   .server_con{transform: translateY(0%); }
   .server_con_bottom {display:none; }

 }

 @media (max-width: 767px){
   .server_wrap { position:relative;  display:none; }

   .server_con li {width:50%;border-bottom: 1px solid rgba(255,255,255,0.2);    }
 
   .server_con li:nth-child(1) { border-top-left-radius: 0px;}
   .server_con li:nth-child(5) { border-top-left-radius: 0px;}

}


/*bannner icon*/

.hotpro_wrap { overflow:hidden; }
.hotpro_con { width:100%;margin-top:20px;  }
.hotpro_con li{ width:23.5%;background:#f9f9f9;margin-right:2%;  }
/*.hotpro_con li:nth-child(n+4){ margin-right:0;  }*/
.hotpro_con li.mgin{ margin-right:0px;}
.hotpro_con li:hover{ background:#f5f5f5;  }
.hotpro_con li a{ display:block; display:table-cell;text-align:center;vertical-align:middle; position:relative; overflow:hidden; }
.hotpro_con li a>img { max-width:100%;max-height:100%; transition:all 300ms;   }
.hotpro_con li a p{ width:80%; height:49px;line-height:49px; background:#91c127; color:#fff; padding:0 65px 0 15px; box-sizing:border-box; position:absolute;left:50%;transform:translateX(-50%);bottom:0px;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;  }
.hotpro_con li a p .hotprotit{display:block; text-align:left; line-height:49px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;  }
.hotpro_con li:hover a > img { margin-top:-3px;  }
.hotpro_con li a p .hotproimg {  position:absolute; width:60px; height:49px;right:0px;top:0px; }
.hotpro_con li a p .hotproimg:hover {  background:rgba(0,0,0,0.2); }
.hotpro_con li a p .hotproimg img{ transition:all 300ms; } 
.hotpro_con li a p .hotproimg:hover img{  margin-left:3px; } 

@media (min-width: 1439px){
  .hotpro_wrap { width:1400px; margin:auto;  }
}
@media ( min-width: 980px ) and (max-width: 1438px){
  .hotpro_wrap {   width:96%; margin:0 2%;   }
}
 @media ( min-width: 768px)and ( max-width: 979px ){
  .hotpro_con li{width:50%;margin-right:0%;}
}
 @media (min-width: 768px){
.hotpro_con li{  float:left; }

}
@media (max-width: 767px){

.hotpro_con li{  width:48%; border-bottom:1px solid #eee; float:left; margin-left:2%; margin-right:0 !important}
.hotpro_con{ margin-left:-1%}
}


/*�Ƽ���Ʒ*/

.index_about_wrap { overflow:hidden; }
.about_wrap{ margin-top:20px;width:49%; height:340px;   }
.about_con_bg { margin-top:20px; background:url(../images/about.jpg) no-repeat center; background-size:auto 100%; height:340px; }
.about_con { width:100%; height:100%;float:left; background:#f9f9f9; padding:0 30px; box-sizing:border-box; }
.about_con h2 {  height:70px;box-sizing:border-box; line-height:70px; font-size:18px; position:relative; text-align:center; color:#333;  font-weight:normal;padding:0 22px;  border-bottom:1px solid #eee;   }
.about_con h2:after {   position:absolute;left:50%;bottom:-1px; transform:translateX(-50%); content:"";width:46px;height:1px; background:#9bc936;    }

.about_con p{  color:#696969;font-size:14px; height:155px;box-sizing:border-box;line-height:32px; margin-top:20px; 
               display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; text-align:justify;    }

.about_con_more { transition:all 300ms; margin:20px auto; display:block; width:157px; height:44px; box-sizing:border-box; line-height:44px;border:1px solid #9bc936; color:#9bc936;text-align:center; }

.about_con_more:hover { background:#9bc936;color:#fff;    }

@media (min-width: 1439px){
  .index_about_wrap { width:1400px; margin:auto;  }
}
@media ( min-width: 980px ) and (max-width: 1438px){
  .index_about_wrap {   width:96%; margin:0 2%;   }
}
@media (min-width: 980px){
 .about_wrap{ float:left;    }
  .about_con_bg {   width:49%; float:left;margin-right:2%; }
}
 @media ( min-width: 768px)and ( max-width: 979px ){
 .about_wrap { margin-top:20px;width:100%; height:370px;   }




}

 @media (min-width: 767px){

}

 @media (max-width: 767px){

.about_wrap{ margin-top:20px;width:100%; height:auto;   }
.about_con { position:relative;top:0; height:270px;       }
.about_con_bg {  background-size:100% 100% ;  height:200px; width:100%; }
.about_con p { -webkit-line-clamp: 3; height:89px;    }




}


/*��������*/
.index_box3_wrap {  overflow:hidden;}
.certificate_wrap { margin-top:20px; height:370px; width:49%; margin-right:2%; padding:0 30px; box-sizing:border-box;   }
.certificate_wrap { background:#f9f9f9; }
.index_tit_ry{  height:62px;box-sizing:border-box; line-height:62px; font-size:18px; position:relative; text-align:center; color:#333;  font-weight:normal;padding:0 22px;  border-bottom:1px solid #eee;   }
.index_tit_ry:after {   position:absolute;left:50%;bottom:-1px; transform:translateX(-50%); content:"";width:46px;height:1px; background:#9bc936;    }
.zhengshu_wrap {  width:100%; height:307px;   }
.zhengshu_container {   height:307px;width:100%; padding:25px 50px!important; box-sizing:border-box;     }
.certificate_img { height:100%; }
.certificate_img li{ width:48.5%; height:100%; margin-right:3%;  }
.certificate_img li:nth-child(2){  margin-right:0%;  }
.certificate_img li a{ width:100%;height:100%;display:block;display:table-cell;vertical-align:middle;text-align:center;      }
.certificate_img li a img{  max-height:100%; max-width:100%; }
.swiper-slide.swiper-slide-active {opacity:1; }
.swiper-slide{ opacity:0; }

.zhengshu_container .swiper-button-prev, .zhengshu_container .swiper-container-rtl .swiper-button-next { background-image:url(../../static/images/lefticon-d13f99b301d5.png);background-image:none;    }
.zhengshu_container .swiper-button-next, .zhengshu_container .swiper-container-rtl .swiper-button-prev{ background-image:url(../../static/images/righticon-c763b57487ed.png); background-image:none;   }
.zhengshu_container .swiper-button-prev, .zhengshu_container .swiper-container-rtl .swiper-button-prev:after { width:20px;height:20px;border:1px solid #9bc936; transform:rotate(45deg); border-top:none;border-right:none;        }
.zhengshu_container .swiper-button-next, .zhengshu_container .swiper-container-rtl .swiper-button-prev:after { width:20px;height:20px;border:1px solid #9bc936; transform:rotate(45deg); border-bottom:none;border-left:none;        }

.problem_wrap {    height:370px; background:#f9f9f9; margin-top:20px;padding:0 30px; box-sizing:border-box;  }
.problem_ry{  height:62px;box-sizing:border-box; line-height:62px; font-size:18px; position:relative; text-align:center; color:#333;  font-weight:normal;padding:0 22px;  border-bottom:1px solid #eee;   }
.problem_ry:after {   position:absolute;left:50%;bottom:-1px; transform:translateX(-50%); content:"";width:46px;height:1px; background:#9bc936;    }
.problem_con_more { transition:all 300ms; margin:20px auto; display:block; width:157px; height:44px; box-sizing:border-box; line-height:44px;border:1px solid #9bc936; color:#9bc936;text-align:center; }
.problem_con_more:hover { background:#9bc936;color:#fff;    }
.problem_ul {  padding-top:20px;     }
.problem_ul li{ border-bottom:1px solid #eee;padding:10px 0px; overflow:hidden; }
.problem_ul li h3{ font-weight:normal;font-size:15px; text-indent:36px; color:#999; line-height:34px;height:34px; background:url(../../static/images/problem_iocn_01-867937858fbc.png) no-repeat center left;     width:100%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;    }
.problem_ul li p{  color:#76a50e;font-size:15px;text-indent:36px;  line-height:34px;height:34px; background:url(../../static/images/problem_iocn_02-46ff967c3030.png) no-repeat center left;   overflow:hidden;white-space:nowrap; text-overflow:ellipsis;      }
.problem_ul li h3 a{  color:#999;   }
.problem_ul li p a{  color:#76a50e;   }
.problem_ul li h3 a:hover{ text-decoration:underline;   }
.problem_ul li p a:hover{  color:#76a50e;text-decoration:underline;   }

@media (min-width: 1439px){
  .index_box3_wrap { width:1400px; margin:auto;  }
}
@media ( min-width: 980px ) and (max-width: 1438px){
  .index_box3_wrap {   width:96%; margin:0 2%;   }
}

@media (min-width: 980px){
  .certificate_wrap { float:left;    }
  .problem_wrap{ float:left;width:49%;    }


}
 @media ( min-width: 768px)and ( max-width: 979px ){
  .certificate_wrap { margin-top:20px;width:100%; height:370px;   }
 .index_tit_ry {padding: 0 22px; }
}

 @media (min-width: 767px){
.certificate_img li{ float:left; }

}

 @media (max-width: 767px){
.certificate_wrap { margin-top:20px;width:100%; height:auto;   }
.certificate_img li{ width:48%; float:left}
.certificate_img li:nth-child(2){}
.zhengshu_container {padding:10px 10px!important;}
.index_tit_ry {padding: 0 22px; }

.problem_wrap { width:100%; }

}

/*����֤�� ��������*/
.news_wrap {  overflow:hidden; }
.news_con {  margin-top:20px; }
.news_con_ul li{  width:23.5%;margin-right:2%; overflow:hidden;  box-sizing:border-box;  }
.news_con_ul li:nth-child(n+4){ margin-right:0;  }
.news_con_ul li p{ height:36px; line-height:36px; overflow:hidden; }
.news_con_ul li p a{  padding:0 20px;font-size:15px; color:#555; width:100%;  box-sizing:border-box; display:block; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;     }
.news_con_ul li p:nth-child(1) { height:163px; position:relative; text-align:center; }
.news_con_ul li p:nth-child(1) a{ display:block; height:36px;position:absolute;left:0px;bottom:0px; background:rgba(0,0,0,0.5);color:#fff;     }
.news_con_ul li p img { height:100%; position:absolute;left:50%;top:0px; transform:translateX(-50%);  }
.news_con_ul li p a:hover { text-decoration:underline; }

@media (min-width: 1439px){
   .news_wrap { width:1400px; margin:auto;  }
}
@media ( min-width: 980px ) and (max-width: 1438px){
   .news_wrap { width:96%; margin:0 2%; }
}
 @media ( min-width: 768px)and ( max-width: 979px ){
   .news_con_ul li{   width:47%;margin-right:2%;margin-left:2%;   }
   .news_con_ul li:nth-child(2n+2){ margin-left:0;  }
    .news_con_ul li p img { width:100%; }
}

@media (min-width: 767px){
    .news_con_ul li{ float:left; }
  

}

 @media ( max-width: 767px){
   .news_con_img{ display:none;        }
   .news_con_ul li { padding:0px 20px;     }
   .news_con_ul li { width:100%; }
   .news_con_ul li:first-child { display:block;   }
    .news_con_ul li p:nth-child(1) a { width:100%;}


}

/*������Ѷ*/

.message_wrap {  width:100%; height:258px; background:url(../images/messagebg.jpg) no-repeat center; margin-top:20px;  }
.message_con { overflow:hidden;   }
.message_tel_wrap {width:40%;padding-top:40px;   }
.message_input { float:right; width:477px; text-align:right; padding-top:40px;}
.message_erweima {width:120px; }
.message_erweima img{ width:120px;height:120px;   }
.message_erweima p { color:#fff; width:100%;text-align:center; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;padding-top:5px;font-size:14px;  }
.message_tel{ padding-left:20px;  }
.message_tel p{ font-size:16px; color:#fff;    }
.message_tel h3{  color:#fff; font-size:24px; font-weight:normal; line-height:36px; background:url(../../static/images/message_tel-1dcfccfb60e9.png) no-repeat left center;text-indent:36px;   }
.message_input input{ height:38px; border:none;outline: none; background:rgba(255,255,255,0.2); color:#fff; padding:0 10px; box-sizing:border-box; }
.message_input input::-webkit-input-placeholder { color:#fff;}
.name { width:155px;  color:#fff;  }
.tel { margin-left:12px; width:300px;color:#fff;  }
.jianyi {  width:472px; margin-top:13px; height:84px; font-family:"Microsoft YaHei";   box-sizing:border-box; border:none; background:rgba(255,255,255,0.2);color:#fff; padding:10px; }
.jianyi::-webkit-input-placeholder { color: #fff;}
.jianyi::-moz-placeholder{ color: #fff;}
.jianyi:-ms-input-placeholder{ color: #fff;}
.Check{ margin-left:5px;margin-top: 13px; float:left;}
.message_btn { outline: none; transition:all 300ms;  display:block;float:right;width:148px; height:46px; background:#76a50e; color:#fff; border:none; cursor:pointer;margin-top:13px;  }
.message_btn:hover {   background:#7cac13; color:#daf1a8;   }
@media (min-width: 1439px){
   .message_con { width:1400px; margin:auto;  }
}
@media ( min-width: 980px ) and (max-width: 1438px){
   .message_con { width:96%; margin:0 2%; }
}

 @media ( min-width: 768px)and ( max-width: 979px ){
  
    .message_tel_wrap {   width:100%; text-align:center; padding-top:30px; }
    .message_input { display:none;   }
    .message_erweima { margin:0 auto; }
    .message_tel{ width:210px;margin:0 auto;   } 

}

  @media ( min-width: 980px){
    .message_erweima { float:left;  }
    .message_tel{ float:left;   }
    .message_tel_wrap {float:left; } 
}


 @media ( max-width: 767px){
    .message_input { display:none; }
    .message_tel_wrap { width:100%; padding-top:20px;  }
    .message_erweima {margin:0 auto;   }
    .message_tel{ margin-top:15px;   }
    .message_tel p { text-align:center; width:100%; }
    .message_tel h3 { text-align:center; margin:0 auto; width:210px;   }
    .message_wrap {   background: url(../images/messagebg.jpg) no-repeat left;   }
  
}


/*��������*/
.bottom_wrap {  background:#2f2f2f;overflow:hidden;    }
.bottom_con_xinxi {color:#ccc; font-size:13px; line-height:24px; padding:10px 0; overflow:hidden;}
.bottom_con_xinxi a{ color:#ccc}
.bottom_con_links {color:#ccc; font-size:13px; line-height:24px; padding:10px 0; overflow:hidden;}
.bottom_con_links a{ color:#ccc}
.bottom_con_links a:hover{ color:#fff;  }

@media (min-width: 1439px){
   .bottom_con { width:1400px; margin:auto;  }
}
@media ( min-width: 980px ) and (max-width: 1438px){
   .bottom_con { width:96%; margin:0 2%; }
}
 @media ( min-width: 767px){

.bottom_con_xinxi {  float:left; max-width:70%; }
.bottom_con_links { float:right;   }
  
}
 @media ( min-width: 768px)and ( max-width: 979px ){
  
.bottom_con p {  text-align:center; box-sizing:border-box;  text-align:center; width:100%; max-width:100%; }
.bottom_con_xinxi {  width:100%;  }
.bottom_con_links {  width:100%;  }
.bottom_con p.bottom_con_xinxi {   line-height:24px;padding:15px 10px 10px;  }
.bottom_con p.bottom_con_links {   line-height:24px; padding:0 10px 10px; background:#222;  } 

}




 @media ( max-width: 767px){
.bottom_con p {  text-align:center; box-sizing:border-box;   }
.bottom_con_xinxi {  width:100%;  }
.bottom_con_links {  width:100%;  }
.bottom_con p.bottom_con_xinxi {   line-height:24px;padding:15px 10px 10px;  }
.bottom_con p.bottom_con_links {   line-height:24px; padding:0 10px 10px; background:#222;  } 

}


/*�ײ�*/


/*.bottomMenu {  width:100%; height:55px; position:fixed;bottom:0px;left:0px; z-index:1001;display:none;background:#fff;  }
.bottomMenu ul li{   height:55px;float:left; background:#caad8f; text-align:center; }
.bottomMenu ul li span{ display:block; }
.bottomMenu ul li span img{ width:20px; height:20px; }
.bottomMenu ul li a{   height:55px;display:block; color:#fff; padding:10px 0; box-sizing:border-box;  }
.bottomMenu ul li a p{  padding-top:5px; }
@media only screen and (max-width: 38.75em) {
    .bottomMenu { display:block; }
     body {  padding-bottom:55px;}
}*/

/*�ֻ��ײ���ϵ�˵�*/

img[data-catalog-media]{border-radius:8px;}
a[href^="tel:"]{white-space:nowrap;word-break:keep-all;overflow-wrap:normal;}
body{font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",Arial,sans-serif;}
.template-contact-number{display:inline-block;white-space:nowrap;word-break:keep-all;overflow-wrap:normal;}

@media (min-width:768px){picture[data-refreshed-banner]{display:contents;}}
@media (min-width:768px){[data-banner-text-host]{position:relative;box-sizing:border-box;}}
@media (min-width:768px){[data-banner-text-layer]{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden;}}
@media (min-width:768px){[data-banner-text-layer]>span{position:absolute;display:block;color:white;font-family:"Noto Sans SC",sans-serif;font-weight:600;line-height:1.25;text-shadow:0 2px 5px rgba(0,0,0,.65);overflow-wrap:anywhere;}}
@media (min-width:768px){[data-banner-placeholder]{display:none;}}
@media (min-width:768px){[data-banner-replaced-copy]{display:none;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow]{display:flex;align-items:flex-start;justify-content:center;padding:30px max(12%,calc((100% - 1080px)/2));box-sizing:border-box;overflow:visible;background:transparent;flex-direction:column;padding-top:32px;padding-bottom:32px;}}
@media (min-width:768px){[data-banner-text-panel]{display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:min(620px,62%);padding:28px 34px 30px;margin:0 18px;background:linear-gradient(100deg,rgba(8,18,32,.68),rgba(8,18,32,.24) 88%,transparent);border-left:1px solid rgba(255,255,255,.45);box-shadow:0 14px 34px rgba(0,0,0,.14);}}
@media (min-width:768px){[data-banner-text-panel]>span{position:static;display:block;flex:0 1 auto;left:auto;top:auto;width:auto;max-width:100%;margin:0;color:white;font-size:19px;font-weight:500;line-height:1.55;letter-spacing:0;overflow-wrap:anywhere;text-wrap:balance;text-shadow:0 2px 6px rgba(0,0,0,.65);}}
@media (min-width:768px){[data-banner-text-panel]>[data-banner-text-eyebrow]{font-size:15px;letter-spacing:.18em;line-height:1.2;opacity:.88;text-transform:none;}}
@media (min-width:768px){[data-banner-text-panel]>[data-banner-text-title]{font-size:44px;font-weight:750;line-height:1.18;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow][data-banner-align=right]{align-items:flex-end;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow][data-banner-align=right]>[data-banner-text-panel]{border-left:0;border-right:1px solid rgba(255,255,255,.45);align-items:flex-end;text-align:right;background:linear-gradient(260deg,rgba(8,18,32,.68),rgba(8,18,32,.24) 88%,transparent);}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow][data-banner-align=center]{align-items:center;text-align:center;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow][data-banner-align=center]>[data-banner-text-panel]{align-items:center;text-align:center;}}
@media (min-width:768px){[data-banner-accent]{display:block;width:72px;height:16px;flex:0 0 16px;background:url("../../static/images/desktop-banners/banner-accent.svg") left center/contain no-repeat;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3));}}
@media (min-width:768px){[data-banner-text-panel]>[data-banner-text-features]{font-size:16px;border-top:1px solid rgba(255,255,255,.5);padding-top:14px;margin-top:4px;opacity:.95;}}
@media (min-width:768px) and (max-width:1100px){[data-banner-text-layer][data-banner-text-flow]>[data-banner-text-panel]{max-width:68%;padding:20px 24px;}}
@media (min-width:768px) and (max-width:1100px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-title]{font-size:30px;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow]>[data-banner-text-panel]{box-sizing:border-box;width:min(720px,100%);max-width:100%;flex:0 0 auto;overflow:visible;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-panel]>span{flex:none;height:auto;max-height:none;white-space:normal;overflow:visible;text-overflow:clip;word-break:normal;overflow-wrap:anywhere;-webkit-line-clamp:unset;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-panel]>[data-banner-text-title]{font-size:48px;line-height:1.25;border:0;padding:0;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-panel]>[data-banner-text-eyebrow]{font-size:20px;letter-spacing:0;color:var(--banner-accent);}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-panel]>[data-banner-text-features]{font-size:18px;}}
@media (min-width:768px) and (max-width:1100px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-panel]>[data-banner-text-title]{font-size:36px;}}
@media (min-width:768px){[data-banner-text-flow]{--banner-accent:#91c127;flex-direction:column;}}
@media (min-width:768px){[data-banner-text-title]{font-weight:600;}}
@media (min-width:768px){[data-banner-text-panel]>span:not([data-banner-text-title]){line-height:1.7;}}
@media (min-width:768px){[data-banner-text-panel]>i{width:60px;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-panel]{background:linear-gradient(0deg,rgba(0,0,0,.5),transparent);border:0;box-shadow:none;}}
@media (min-width:768px){img[data-src="static/images/1638358818667344-c0181dde38c2.jpg.webp"]{content:url("../../static/images/desktop-banners/058c78f3f2fa.jpg.webp");}}
@media (min-width:768px){img[data-src$="/static/images/1638358818667344-c0181dde38c2.jpg.webp"]{content:url("../../static/images/desktop-banners/058c78f3f2fa.jpg.webp");}}
@media (min-width:768px){img[data-original="static/images/1638358818667344-c0181dde38c2.jpg.webp"]{content:url("../../static/images/desktop-banners/058c78f3f2fa.jpg.webp");}}
@media (min-width:768px){img[data-original$="/static/images/1638358818667344-c0181dde38c2.jpg.webp"]{content:url("../../static/images/desktop-banners/058c78f3f2fa.jpg.webp");}}
@media (min-width:768px){img[data-src="static/images/desktop-banners/058c78f3f2fa.jpg.webp"]{content:url("../../static/images/desktop-banners/058c78f3f2fa.jpg.webp");}}
@media (min-width:768px){img[data-src$="/static/images/desktop-banners/058c78f3f2fa.jpg.webp"]{content:url("../../static/images/desktop-banners/058c78f3f2fa.jpg.webp");}}
@media (min-width:768px){img[data-original="static/images/desktop-banners/058c78f3f2fa.jpg.webp"]{content:url("../../static/images/desktop-banners/058c78f3f2fa.jpg.webp");}}
@media (min-width:768px){img[data-original$="/static/images/desktop-banners/058c78f3f2fa.jpg.webp"]{content:url("../../static/images/desktop-banners/058c78f3f2fa.jpg.webp");}}
@media (min-width:768px){img[data-src="static/images/1638358838879412-cded3d560472.jpg.webp"]{content:url("../../static/images/desktop-banners/e1f2f023e3cc.jpg.webp");}}
@media (min-width:768px){img[data-src$="/static/images/1638358838879412-cded3d560472.jpg.webp"]{content:url("../../static/images/desktop-banners/e1f2f023e3cc.jpg.webp");}}
@media (min-width:768px){img[data-original="static/images/1638358838879412-cded3d560472.jpg.webp"]{content:url("../../static/images/desktop-banners/e1f2f023e3cc.jpg.webp");}}
@media (min-width:768px){img[data-original$="/static/images/1638358838879412-cded3d560472.jpg.webp"]{content:url("../../static/images/desktop-banners/e1f2f023e3cc.jpg.webp");}}
@media (min-width:768px){img[data-src="static/images/desktop-banners/e1f2f023e3cc.jpg.webp"]{content:url("../../static/images/desktop-banners/e1f2f023e3cc.jpg.webp");}}
@media (min-width:768px){img[data-src$="/static/images/desktop-banners/e1f2f023e3cc.jpg.webp"]{content:url("../../static/images/desktop-banners/e1f2f023e3cc.jpg.webp");}}
@media (min-width:768px){img[data-original="static/images/desktop-banners/e1f2f023e3cc.jpg.webp"]{content:url("../../static/images/desktop-banners/e1f2f023e3cc.jpg.webp");}}
@media (min-width:768px){img[data-original$="/static/images/desktop-banners/e1f2f023e3cc.jpg.webp"]{content:url("../../static/images/desktop-banners/e1f2f023e3cc.jpg.webp");}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-panel][data-banner-text-panel]>span{color:#f8fafc;}}
@media screen and (min-width:1024px){.message_tel h3{background-image:url("../../static/images/desktop-brand/phone-5c98a830eb.svg");}}
@media (min-width:768px){.about_con_bg{background-image:url("../../static/images/desktop-interstitial/74ab6d7e9ee5.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#242729;color:#fff;}}
@media (min-width:768px){[data-desktop-empty-media]{background-image:var(--desktop-region-image);background-position:center;background-size:cover;background-repeat:no-repeat;min-height:280px;}}
@media (min-width:768px){.hotpro_con li a>picture>img{max-width:100%;max-height:100%;transition:all 300ms;}}
@media (min-width:768px){.hotpro_con li a>picture{display:contents;}}
@media (min-width:768px){.hotpro_con li:hover a >picture>img{margin-top:-3px;}}
@media (min-width:768px){.hotpro_con li:hover a >picture{display:contents;}}
