@charset "utf-8";
/* CSS Document 
** author:永易搜
** URL:http://www.yongyisou.com/
** tips:CSS文件非专业勿动，编码格式为utf-8
*/
*{ padding:0px; margin:0px;}
li{list-style:none;}
img{border:none;border:0;}
a{text-decoration:none;color:#333;}
a:hover{color:#17acad;}
a:focus {outline:0; } 
html{font:normal 14px/1.5 "microsoft yahei",tahoma,arial,sans-serif;background:#fff;}
body{background:#fff;overflow-x: hidden;}
input,input:focus,select,select:focus{outline:none;}
input,input:focus{text-indent:5px}
h1{ font-size:20px}
h2{ font-size:18px}
h3{ font-size:16px}
h4{ font-size:14px;}
/*通用调用*/
.w1400{width:1400px;height:auto;margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
.color_white{color: #fff !important;}
@font-face {
  font-family: 'BlippoBT';
  src: url('../font/BlippoBlackBT.ttf');
}

/*   头部   */
.header{overflow: hidden;margin-bottom: 110px;background-image: url(); }
.head{height:42px;  position: relative;background: #24a9aa;}
.header span{color:#ffffff; line-height: 42px; }
.header .header_b{color:#ffffff; line-height: 42px; }
.header .header_b .top_icon{width: 12px;height: 12px;position: relative;background: url(../images/header_phone.png) no-repeat;top: 15px;margin-right: 5px;}
.header .nav{
    width: 100%;
    min-width: 1400px;
    background-color: #fff;
    height: 110px;
    top: 0;
    left: 0;
    position: fixed;
    transition: all .5s;
    z-index: 50;
}
.header .nav>div{
    height: 110px;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.head-box>ul{
    display: flex;
    gap:80px;
}
.head-box>ul .nLi{
    height: 100px;
    position: relative;
}
.head-box>ul .nLi>a{
    color: #333;
    font-size: 16px;
    line-height: 110px;
    display: block;
    width: 100%;
    height: 100%;
}
.head-box>ul .nLi>a::after{
    content: "";
    display: block;
    width: 0;
    height: 2px;
    border-radius: 2px;
    background: #24a9aa;
    margin: -25px auto 0;
    transition: padding .3s;
    z-index: 9999;
}
.head-box>ul .nLi>a:hover,
.head-box>ul .nLi>a.on{color: #24a9aa;}
.head-box>ul .nLi>a:hover::after,
.head-box>ul .nLi>a.on::after{padding: 0 50%;}
.head-box>ul .nLi .sub{display:none; width:120px; margin-left:-30px; margin-top:5px; position:absolute; background:#fff; z-index: 99999;text-align: center;}
.head-box>ul .nLi .sub li{width:100%;height: 60px;line-height: 60px;text-align: center;}
.head-box>ul .nLi .sub a{ display:block; padding:0 10px;font-size: 16px;color: #333;}
.head-box>ul .nLi .sub a:hover{background-color: #24a9aa;color: #ffffff; }

.header .search_box_t {
    width: 212px;
    margin-right: 2px;
    border-radius: 20px;
    margin-bottom: 0px;
    border: 1px solid #e7e7e7;;
	background: #fff;
	height: 36px;
	line-height: 36px;
	transition: all .3s;
}
.header .search_box_t .search_one {
    width: 145px;
    border-radius: 20px;
	display: block;
	padding-left: 16px;
	height: 36px;
	line-height: 36px;
	border: none;
	color: #999;
	transition: all .3s;
	background: #fff;
}
.header .search_box_t .search_ss {
	border-radius: 0 20px 20px 0;
	-webkit-border-radius: 0 20px 20px 0;
	-moz-border-radius: 0 20px 20px 0;
	background: none;
	
}
.header .search_box_t .search_pic {
  padding: 0;
	display: block;
  cursor: pointer;
	border: none;
	width: 23px;
	height: 23px;
	margin-top: 7px;
	transition: all .3s;
	margin-right: 10px;
	background: url(../images/search_icon.png) center/80% no-repeat;
}
  
.header .search_box_t:hover .search_ss {
	background: none;
}
.header .search_box_t .yys_hei {
	color: #333
}

/*首页*/
.more_box{height: 30px;}
.more_box .more_btn{color: #828384;float: right;display: flex;align-items: center;}
.more_box .more_btn .more_ico{display: inline-block;width: 16px;height: 16px;border: 1px solid #828384;text-align: center;border-radius: 10px;line-height: 16px;margin-right: 5px;}
.more_box .more_btn:hover{color: #24a9aa;}
.more_box .more_btn:hover .more_ico{border-color: #24a9aa;}



.banner{text-align:left;overflow: hidden; position:relative; background-position: center;background-repeat: no-repeat;}
.banner.index_banner .bd{ height: 712px;}
.banner.index_banner .bd li{ height: 712px;}
.banner .bd li>a{ width: 100%;height: 100%;display: block;}
.banner .hd{ position:absolute; left:50%;bottom: 40px; z-index: 1;transform: translateX(-50%); }
.banner .hd ul{  display: flex;gap: 18px;justify-content: center;}
.banner .hd ul li{cursor:pointer; width: 12px;height: 12px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.412);}
.banner .hd ul li.on{ background-color:#ffffff;}
.biao_title{font-size: 34px;color: #333333;position: relative;text-align: center;font-weight: bold;z-index: 2;padding: 60px 0px 30px;}
.biao_title .bg_title{font-size: 60px;font-family: "BlippoBT";color: #e3f0f1;position: absolute;z-index: -1;top: 22px;left: 50%;transform: translateX(-50%);}
.biao_title::after{content: "";position: absolute;bottom: 20px;width: 32px;height: 3px;background-color: #24a9aa;left: 50%;transform: translateX(-50%);}
.biao_title.white{color: #ffffff;}
.biao_title.white::after{background-color: #ffffff;}

.banner:hover .next,.banner:hover .prev{
    display: block;
    color: white;
}
.banner .next,.banner .prev{
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(calc(-50% - 30px));
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 1px solid #24a9aa;
    text-align: center;
    line-height: 56px;
    margin: 30px;
    cursor: pointer;
}
.banner .next:hover,.banner .prev:hover{
    border-color: #24a9aa;
    background-color: #24a9aa;
}
.banner .next:hover i,.banner .prev:hover i{
    border-color: #ffffff;
}
.banner .next i,.banner .prev i{
    width: 14px;
    height: 14px;
    border-top: 2px solid #24a9aa;
    border-right: 2px solid #24a9aa;
    display: inline-block;
}
.banner .prev i{
    transform: rotate(-135deg);
    margin-right: -7px;
}
.banner .next i{
    transform: rotate(45deg);
    margin-left: -7px;
}
.banner .prev{
    left: 5%;
}
.banner .next{
    right: 5%;
}
.index_product{margin-bottom: 80px;}
.index_product .pro_box{width: 1420px;position: relative;left: -10px;}
.index_product .pro_box .box{background-color: #188687;width: 275px;padding: 40px 30px;height: 470px;color: #ffffff;margin: 0 10px;}
.index_product .pro_box .box a{color: #ffffff;}
.index_product .pro_box .box .title{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 24px;font-weight: bold;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid rgba(255, 255, 255,0.349);}

.index_product .pro_box .box .intro{height: 63px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.index_product .pro_box .box .img{text-align: center;margin-top: 40px;}
.index_product .pro_box .box .img img{width: 100%;transition: all .3s;}
.index_product .pro_box .box:hover .img img{width: 100%;transform: scale(1.09);}
.index_product .pro_box .prev,.index_product .pro_box .next{display: none;}
.index_product .pro_box:hover .prev,.index_product .pro_box:hover .next{display: block;}
.index_product .pro_box .hd{ position:absolute; left: 50%;bottom: -40px; z-index: 1;transform: translateX(-50%); }
.index_product .pro_box .hd ul{  display: flex;gap: 18px;justify-content: center;}
.index_product .pro_box .hd ul li{text-indent: -999px;cursor:pointer; width: 12px;height: 12px; border-radius: 50%; background-color: rgba(24, 134, 135,0.3);}
.index_product .pro_box .hd ul li.on{ background-color:#188687;}
.index_product .pro_box .next,.index_product .pro_box .prev{
   position: absolute;
   top: 50%;
   transform: translateY(calc(-50% - 30px));
   width: 50px;
   height: 50px;
   border-radius: 50px;
   border: 1px solid #ffffff;
   text-align: center;
   line-height: 56px;
   margin: 30px;
   cursor: pointer;
}
.index_product .pro_box .next:hover,.index_product .pro_box .prev:hover{
   border-color: #24a9aa;
   background-color: #24a9aa;
}
.index_product .pro_box  .next i,.index_product .pro_box .prev i{
    width: 14px;
    height: 14px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    display: inline-block;
}
.index_product .pro_box .prev i{
    transform: rotate(-135deg);
    margin-right: -7px;
}
.index_product .pro_box .next i{
    transform: rotate(45deg);
    margin-left: -7px;
}
.index_product .pro_box .next{
    right: 0px;
}
.index_application{background: url(../images/bg_application.jpg) no-repeat;height: 915px;}
.index_application .box img{width: 100%;}
.index_application .application_box{position: relative;}
.index_application .application_box .hd ul{display: flex;align-items: flex-start;margin-top: -5px;}
.index_application .application_box .hd ul li{font-size: 20px;color: #333333;width: 17%;background-color: #ffffff;border-right: 1px solid #e5e5e5;height: 95px;text-align: center;padding: 30px;}
.index_application .application_box .hd ul li:last-child{border: none;}
.index_application .application_box .hd ul li .jia{display: none;}
.index_application .application_box .hd i{background: url(../images/application_ico.png);width: 70px ;height:60px;display: inline-block;}
.index_application .application_box .hd i.application_ico1{background-position: 0px 0px;}
.index_application .application_box .hd i.application_ico2{background-position: 0px -68px;}
.index_application .application_box .hd i.application_ico3{background-position: 0px -126px;}
.index_application .application_box .hd i.application_ico4{background-position: 0px -195px;}
.index_application .application_box .hd i.application_ico5{background-position: 0px -258px;}
.index_application .application_box .hd i.application_ico6{background-position: 0px 58px;}
.index_application .application_box .hd li.on{border: none;box-shadow: 0px 0px 17px 10px #2da19e52;background-color: #24a9aa;color: #ffffff;    padding: 35px 30px 105px;position: relative;top: -45px;}
.index_application .application_box .hd li.on .jia{display: inline-block;width: 36px;height: 36px;border-radius: 36px;border: 1px solid #ffffff;margin-top: 20px;line-height: 36px;}
.index_application .application_box .hd li.on i.application_ico1{background-position: -70px 0px;}
.index_application .application_box .hd li.on i.application_ico2{background-position: -70px -68px;}
.index_application .application_box .hd li.on i.application_ico3{background-position: -70px -126px;}
.index_application .application_box .hd li.on i.application_ico4{background-position: -70px -195px;}
.index_application .application_box .hd li.on i.application_ico5{background-position: -70px -258px;}
.index_application .application_box .hd li.on i.application_ico6{background-position: -70px 58px;}
.index_application .application_box .next,.index_application .application_box .prev{
    position: absolute;
    bottom: 200px;
    transform: translateY(calc(-50% - 30px));
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 1px solid #ffffff;
    text-align: center;
    line-height: 56px;
    margin: 30px;
    cursor: pointer;
    right: 0px;
}
.index_application .application_box .next:hover,.index_application .application_box .prev:hover{
    border-color: #24a9aa;
    background-color: #24a9aa;
}
.index_application .application_box  .next i,.index_application .application_box .prev i{
    width: 14px;
    height: 14px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    display: inline-block;
}
.index_application .application_box .prev i{
    transform: rotate(-135deg);
    margin-right: -7px;
}
.index_application .application_box .next i{
    transform: rotate(45deg);
    margin-left: -7px;
}
.index_application .application_box .prev{
    right: 80px;
}
.index_news{padding-bottom: 80px;}
.new-box{
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.new-box .title-text{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.new-box .new-left .title-text {
    width: 480px;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    color: #292d3c;
    margin-bottom: 10px;
    transition: all .3s;
}
.new-box .info-text{
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #666666;
}
.new-left{
    width: 620px;
    background-color: #f6f6f6;
    transition: all .3s;
}
.new-left .new-text{
    padding:25px 20px;
    display: flex;
    gap: 15px;
    justify-content: space-between;
    align-items: center;
}
.new-left .new-text .news_line{
    width: 2px;
    height: 60px;
    background-color: #e3e0e0;
}
.new-box .new-left .title-text{width: 480px;}
.new-left .new-text .time{
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    flex: none;
}
.new-left .new-text .time span:first-child{
    font-size: 24px;
    text-align: center;
    color: #4a4a4a;
}
.new-left .new-text .time span:nth-child(2){
    font-size: 18px;
    text-align: center;
    color: #4a4a4a;
}
.new-left .img{
    width: 620px;
    height: 395px;
    overflow: hidden;
}
.new-left .img img{transition: all .3s;object-fit: cover;width: 100%;height: 100%;}
.new-left:hover .img img{transform: scale(1.1);}
.new-left:hover{background-color: #24a9aa;}
.new-left:hover .new-text .time span:first-child{
    color: #fff;
}
.new-left:hover .new-text .time span:nth-child(2){
    color: #fff;
}
.new-left:hover .new-text .title-text{color: #fff;}
.new-left:hover .new-text .info-text{color: #fff;}
.new-list ul{
    display: flex;
    flex-direction: column;
    gap: 15px;
    height: 100%;
}
.new-list ul li {
    padding: 35px 25px;
    height: 100px;
    background-color: #f6f6f6;
    transition: all .3s;
}
.new-list ul li .title-text{
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    font-weight: normal;
    font-size: 18px;
}
.new-list ul li .title-text span:first-child{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 530px;
    color: #333333;
}
.new-list ul li .title-text .date{font-size: 14px;}
.new-list ul li:hover .title-text .date{color: #ffffff;}
.new-list ul li:hover{ background-color: #24a9aa;}
.new-list ul li:hover .title-text span:first-child,
.new-list ul li:hover .info-text{color: #fff;}
.index_resource{background: url(../images/bg_resource.jpg) no-repeat;padding-bottom: 40px;}
.index_resource .resource_box{margin-top: 20px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.index_resource .resource_box .box{display: flex;justify-content: space-around;align-items: center;background-color: #ffffff;margin-bottom: 20px;width: 680px;height: 200px; border: 1px solid #eeeeee; transition: all;}
.index_resource .resource_box .box .title{font-size: 26px;color: #333333;margin-bottom: 15px;}
.index_resource .resource_box .box .tit{font-size: 18px;color: rgba(102, 102, 102, 0.459);}
.index_resource .resource_box .box .resource_ico{position: relative;width: 156px;height: 156px;}
.index_resource .resource_box .box .resource_ico::before{content: "";display: block;background: url(../images/resource_ico.png);width: 106px;height: 106px;position: absolute;top: 22px;left: 22px;}
.index_resource .resource_box .box .resource_ico1::before{background-position: 3px 6px;}
.index_resource .resource_box .box .resource_ico2::before{background-position: 0px -107px;}
.index_resource .resource_box .box .resource_ico3::before{background-position: 0px -225px;}
.index_resource .resource_box .box .resource_ico4::before{background-position: 0px 99px;}
.index_resource .resource_box .box:hover{background: url(../images/bg_resource_li.jpg) 0px 0px;}
.index_resource .resource_box .box:hover .title{color: #ffffff;}
.index_resource .resource_box .box:hover .tit{color: rgba(255, 255, 255,0.459);}
.index_resource .resource_box .box:hover .resource_ico .meng_bg{width: 100%;height: 100%;color: rgb(36, 169, 170);position: absolute;top: 0px;left: 0px;background: linear-gradient(to bottom, rgba(36, 169, 170,0) 30%, rgba(36, 169, 170,1) 72%);z-index: 2;}
.index_resource .resource_box .box:hover .resource_ico::after{border-radius: 100px;content: "";width: 156px;height: 156px;display: block;background-color: rgba(255, 255, 255,0.129);position: absolute;top: 0px;left: 0px;}
.index_resource .resource_box .box:hover .resource_ico1::before{background-position: -103px 6px;z-index: 1;}
.index_resource .resource_box .box:hover .resource_ico2::before{background-position: -104px -107px;z-index: 1;}
.index_resource .resource_box .box:hover .resource_ico3::before{background-position: -104px -225px;z-index: 1;}
.index_resource .resource_box .box:hover .resource_ico4::before{background-position: -104px 99px;z-index: 1;}
.index_about{height: 877px;background: url(../images/bg_about.jpg) no-repeat;}
.index_about .about_box{background:#ffffff url(../images/bg_about2.jpg) bottom no-repeat;color: #24a9aa;padding: 40px 50px 50px;margin-top: 50px;}
.index_about .about_box .alticle_pic{display: flex;}
.index_about .about_box .alticle_pic .title{font-size: 28px;}
/* .index_about .about_box .alticle_pic img{height: 100%;} */
.index_about .about_box .alticle_pic .tit{font-size: 18px;margin: 10px 0 30px;}
.index_about .about_box .alticle_pic .intro{font-size: 16px;color: #333333;line-height: 32px;margin-bottom: 32px;}
.index_about .about_box .alticle_pic .more_btn{display: block;color: #24a9aa;width: 185px;height: 54px;line-height: 54px;text-align: center;border-radius: 27px;border: 2px solid #24a9aa;font-size: 16px;}
.index_about .about_box .alticle_pic .more_btn:hover{color: #ffffff;background-color: #24a9aa;}
.index_about .about_box .about_num{display: flex;font-size: 16px;color: #333333;margin-top: 30px;border: none;}
.index_about .about_box .about_num span{font-size: 42px;position: relative;color: #24a9aa;}
.index_about .about_box .about_num .line{width: 1px;background-color: #dcdcdc;}
.index_about .about_box .about_num span::after{content: "+";position: absolute;top: 0px;right: -32px;font-size: 22px;font-weight: bold;}
/* 底部 */
.footer{background:url(../images/footbg.jpg) right center no-repeat #e6efee;font-size: 16px;background-size: contain;}
.footer a{color: #333333;}
.footer a:hover{color: #24a9aa;}
.footer-box{
    border-bottom:1px solid #d3dbd9 ;
    color: #333333; 
}
.footer-box .line{
    height: 100px;
    width: 1px;
    background-color: #d3dbd9;
}
.footer-box ul{display: flex;justify-content: space-between;}
.footer-box ul p{
    line-height: 30px;
}
.footer-box i{display: inline-block;width: 21px;height: 21px;margin-right: 7px;background: url(../images/foot_ico.png);position: relative;top: 5px;}
.footer-box i.tel{background-position: 0px 0px;}
.footer-box i.phone{background-position: 0px -33px;}
.footer-box i.qq{background-position: 0px -66px;}
.footer-box i.email{background-position: 0px -99px;}
.footer-box i.address{background-position: 0px 22px;}
.footer_logo{margin-bottom: 10px;width: 185px;}
.icp{display: flex;gap: 20px;margin-top: 10px;}
.footer-box ul li{
    padding-top: 64px;
    padding-bottom: 30px;
}
.footer-box ul li:nth-child(1){
    padding-top: 50px;
}
.footer-box ul li:nth-child(2){
  margin-top: 20px;
    padding: 44px 90px 0;
    border-left: 1px solid #d3dbd9;
    border-right: 1px solid #d3dbd9;
}
.footer-box ul li .tit_top{
    color: #333333;
}
.footer-box ul li:nth-child(2)>div{
    margin-top: 5px;
}
.footer-box ul li:nth-child(2)>div p{
    display: flex;
    gap: 72px;
}
.footer-box ul li:nth-child(2)>div p a{
    line-height: 40px;
}
.footer-box ul li:nth-child(3)>div{
    display: flex;
    gap: 15px;
    margin-top: 15px;
}
.weixin img{width: 125px;height: 125px;}
.weixin p{text-align: center;}
.footer-box .address-box{
    margin-bottom: 8px;
    justify-content: space-between;
    display: flex;
    text-align: center;
    line-height: 28px;
    color: #999999;
}
.footer-box .address-box p{display: flex;align-items: flex-start;}
.footer-box .address-box img{
    margin-top: 6px;
    width: 14px;
    margin-right: 8px;
}
.footer-box .address-box span{
    text-align: left;
}
.footer>p{
    text-align: center;
    line-height:50px;
    font-size: 14px;
    color: #333333;
}
.footer>p a{
    color: #333333;
}
.footer>p a:hover{
    color: #24a9aa;
}
.footer-link {
    background-color: #1b9094;
    color: #8ac6c8;
    font-size: 15px;
}
.footer-link>div{
    display: flex;
    align-items: center;
    height: 60px;
    gap: 30px;
}
.footer-link a{color: #8ac6c8;}
.footer-link a:hover{color: #ffffff;}

/* 新闻列表 */
.banner.news .bd{
    height: 340px;
}
.banner.news .bd img{height: 100%;display: block;}
.banner.news .bd p{
    font-size: 48px;
    color: #333333;
    line-height: 340px;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: calc(50% - 700px);
}
.bread{
    height: 65px;
    line-height: 65px;
    background-color: #f9f9f9;
}
.bread-title{display: flex;gap: 25px;}
.bread-title p{color: #333;font-size: 26px;display: flex;align-items: center;}
span.line{display: inline-block; height: 28px;width: 4px;border-radius: 10px;background-color: #17acad;margin-right: 10px;}
.bread-title p span:nth-child(2){width: 1px;background-color: #cecece;margin-left: 20px;margin-right: 0;}
.bread-title a{color: #666;font-size: 16px;}
.bread-title a::after{
    content: "";
    display: block;
    width:0;
    height: 1px;
    border-radius: 2px;
    background: #24a9aa;
    margin: -15px auto 0;
    transition: padding .3s;
    z-index: 9999;
}
.bread-title a.on,
.bread-title a:hover{color: #17acad;}
.bread-title a.on::after,
.bread-title a:hover::after{
    padding: 0 40%;
}
.crumb {

    font-size: 15px;
    color: #666;
}
.crumb i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/shouye_logo.png) no-repeat;
    vertical-align: middle;
}
.crumb a {
    color: #666;
}
.crumb a:hover {
    color: #17acad;
}
.news ul{margin: 20px 0 50px;}
.news ul li{padding: 30px 0;border-bottom: 1px solid #ededed;}
.news ul li a{display: flex;justify-content: space-between;align-items: center;}
.news ul li .img{width: 362px;height:255px;overflow: hidden;transition: all .3s;}
.news ul li .img img{width: 362px;height:255px;overflow: hidden;transition: all .3s;}
.news ul li .news-title{font-size: 18px;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 30px;margin-bottom: 20px;transition: all .3s;}
.news ul li .news-info{font-size: 14px;color: #666;overflow: hidden;line-height: 24px; -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;margin-bottom: 20px;
}
.news ul li:hover .img img{transform: scale(1.1);}
.news ul li:hover .news-title{color: #17acad;}
.news-text{width: 810px;}
.news-text>div{
    display: flex;
    gap: 20px;
    align-items: center;
}
.news-text>div p {
    padding-left: 30px;
    background: url(../images/news_icon.png) 0 3px no-repeat;
    font-size: 14px;
    color: #999;
}
.news-text>div p object{display: flex;gap: 10px;}
.news-text>div p a{color:#999;}
.news-text>div p a:hover{color:#17acad;}
.news-text>div p:nth-child(2) {
    background: url(../images/news_icon.png) 0 -25px no-repeat;
}
.news-text>div p:nth-child(2) span{margin-right: 15px;}
.news ul li .time{
        padding: 30px;
        padding-left: 40px;
        border-left: 1px solid #eeeeee;
   
}
.news ul li .time{font-size: 16px;color: #999;text-align: center;}
.news ul li .time p:first-child{font-size: 24px;color: #666;border-bottom: 1px solid #ececec;}
.news-text>div p:nth-child(2) object:empty {
    display:none;
}
.news-text>div p:nth-child(2):has(object:empty) {
    background:none;
    padding-left:0;
}
/* 分页器 */
.page {
    text-align: center;
    margin: 50px auto;
  }
  
  .page a,.page span {
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #eaeaea;
    margin: 0 5px;
    color: #282828;
    vertical-align: middle;
    transition: all .3s;
  }
  
  .page span {
    color: #aaa
  }
  
  .page a:hover {
    background: #17acad;
    border: 1px solid #17acad;
    color: #fff;
  }
  
  .page .cur {
    display: inline-block;
    margin: 0 5px;
    background: #17acad;
    padding: 11px 21px;
    color: #fff;
    vertical-align: middle;
  }
  
  .page .prev,.page .next {
    display: inline-block;
    width: 50px;
    height: 42px;
    border: 1px solid #eaeaea;
    padding: 0;
    vertical-align: middle;
  }
  
  .page .prev .arrow,.page .next .arrow {
    position: absolute;
    width: 15px;
    height: 15px;
    margin: 13px 17px;
    background: url(../images/arrow.png) no-repeat;
  }
  
  .page a.next:hover,.page a.prev:hover {
    background: #17acad;
    border: 1px solid #17acad;
    padding: 0;
  }
  
  .page span.prev .arrow {
    background-position: -2px -43px;
  }
  
  .page a.prev .arrow {
    background-position: -2px -3px;
  }
  
  .page a.prev:hover .arrow {
    background-position: -2px -22px;
  }
  
  .page span.next .arrow {
    background-position: -14px -43px;
  }
  
  .page a.next .arrow {
    background-position: -14px -3px;
  }
  
  .page a.next:hover .arrow {
    background-position: -14px -22px;
  }

  /* 内容详情 */
  .content{
    margin: 30px auto 50px;
    display: flex;
    justify-content: space-between;
    gap: 50px;
  }
  .content .content-main{
    line-height: 200%;
  }
  .content-left {
    width: 318px;
    height: auto;
    overflow: hidden;
    flex: none;
    margin-top: -140px;
    z-index: 1;
}
.content .content-top p{
    width: calc(100% - 25px);
    padding-left: 25px;
    height:195px ;
    font-size: 30px;
    /* line-height: 195px; */
    color: #fff;
    /* font-weight: bold; */
    background: url(../images/product_leftbg.jpg) no-repeat;
}
  .content .content-top p span{display: block;margin-top: 7px;}
  .content .content-top p span:nth-child(2){
    width: 30px;
    height: 5px;
    background: #f9ab15;
  }
  .content .content-top p img{margin: 45px 0 0;}
  .content .content-top a{
    display: block;
    width: calc(100% - 25px);
    padding-left: 25px;
    height: 65px;
    line-height: 65px;
    border-bottom: 2px solid #fff;
    font-size: 16px;
    color: #333;
    background-color: #f7f7f7;
  }
  .content .content-top a span{
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 10px;
    background-color: #17acad;
  }
  
.content .content-top a:hover,
.content .content-top a.on{
   background-color: #17acad;
   color: #fff;
}
.content .content-top a:hover span,
.content .content-top a.on span{
  background: url(../images/product_lefticon2.png) no-repeat;
}
.content .content-top a span{
  position: relative;
  background: url(../images/product_lefticon1.png) no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-bottom: -11px;
  transition: all .3s;
  /* margin-right: 10px; */
  /* background-color: #17acad; */
}
  .content-hottag{
    margin-top: 30px;
    width: 316px;
    border: 1px solid rgba(0, 0, 0, 0.07);
    padding-bottom: 30px;
  }
  .content-hottag>p{
    height: 85px;
    line-height: 85px;
    text-align: center;
    font-size: 24px;
    color: #24a9aa;
    border-bottom: 1px solid #e4e4e4;
  }
  .content-hottag p img{
    margin-right: 15px;
  }
  .news-tag{padding: 0 18px;}
  .news-tag li{ border-bottom: 1px solid rgba(0, 0, 0, 0.07);padding: 10px 0;transition: all .3s;}
  .news-tag p {font-size: 14px;line-height: 20px; border: none;padding-bottom: 0px;margin-bottom: 0px; -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;overflow: hidden;transition: all .3s;}
  .news-tag .date{color: #999;padding-left: 17px;}
  .news-tag a>div{display: flex;}
  .news-tag a>div span{display: inline-block;width: 0;height: 0;border: 6px solid transparent;margin-right: 5px;margin-top: 3px; border-left-color: #17acad;}
  .news-tag li:hover{transform: translateX(5px);}
  .news-tag li:hover a>div p{color: #17acad;}
  .content-left .content-hottag:nth-child(3){padding-bottom: 0;}
  .content-hottag .tag{padding:18px;}
  .tag li{display: inline-block;}
  .tag li a{
    display: inline-block;
    font-size: 14px;
    color: #333;
    padding: 10px 10px;
    border: 1px solid #e4e4e4;
    margin: 5px;
    background: #f6f6f6;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
  }
  /* .tag li.item1{flex: 2 1 calc(60% - 7px);padding: 0 5px;}
  .tag li.item2{flex: 1 1 calc(40% - 7px);padding: 0 5px;} */
  /* .tag a{
    display: block;
    color: #333;
    font-size: 14px;
    text-align: center;
    width: 100%;
    height: 100%;
    line-height: 40px;
    border: 1px solid rgba(0, 0, 0, 0.07);
    transition: all .3s;
  } */
  .tag a:hover{background-color: #17acad;color: #fff;border: 1px solid #17acad;}
  .content-right{width: calc(1400px - 368px);height: auto;}
  .content-right .title{font-size: 30px;text-align: center;color: #333;margin: 30px auto 15px;}
  .content-right .info{display: flex;justify-content: center;gap: 50px;font-size: 14px;color: #999;margin-bottom: 25px;}
  .content-right .content-main p{font-size: 15px;color: #333;line-height: 26px;}
  .content-right .content-main img{max-width: 100%; margin-left: 50%;transform: translateX(-50%);}
  .content-btn{margin-top: 70px;display: flex;justify-content: space-between;}
.content-btn a:hover{background: url(../images/content_icon.png) 20px -98px no-repeat #17acad; color: #fff;}
.content-btn a:nth-child(2):hover{background: url(../images/content_icon.png) 455px -172px no-repeat #17acad;}

/* 联系我们 */
.contact{margin-bottom: 50px;}
 .contact .biao_title::after{background-color: transparent;}

  .contact-box{
    width: 100%;
  }
  .contact-box ul{
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    gap: 30px;
    justify-content: space-between;
  }
  .contact-box ul li{
    width: calc(100% - 60px);
    background-color: #f5f5f5;
    position: relative;
    padding: 40px 30px;  
  }
  .contact-box ul .contact-icon{
    margin: 0 auto;
    width: 52px;
    height: 52px;
    background: url(../images/contact_icon.png) no-repeat;
  }
  .contact-box ul li:nth-child(2) .contact-icon{   
    background: url(../images/contact_icon.png) 0 -83px no-repeat;
    
  }
  .contact-box ul li:nth-child(3) .contact-icon{

    background: url(../images/contact_icon.png) 0 -165px no-repeat;
    
  }
  .contact-box ul li:nth-child(4) .contact-icon{
 
    background: url(../images/contact_icon.png) 0 -247px no-repeat;
    
  }
  .contact-box .contact-text p{
    width: 100%;
    text-align: center;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    color: #333;
}
  .contact-box .contact-text div{
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    color: #666;
    text-align: center;
  }



.contact-map {
  width: 1400px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.map-box {
  width: 50%;
  height: 500px;
}

.map {
  width: 100%;
  height: 500px;
  font-size: 12px;
}

.message_item {
  width: calc(50% - 40px);
  padding: 0 20px;
  background-color: #F5F5F5;
}

.message-text {
  width: 100%;
  height: 160px;
}

.message-text h3 {
  font-size: 30px;
  height: 100px;
  line-height: 140px;
  color: #333;
}

.message-text p {
  width: 100%;
  height: 60px;
  font-size: 16px;
  color: #666;
}

.message_content {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

.message_content .input-box {
  width: 100%;
  background-color: #fff;
  margin-bottom: 20px;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  border: 1px solid #dbdbdb;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  padding: 0 30px;
}

.message_content .input-box span {
  margin-left: 2px;
  line-height: 50px;
  color: red
}

.message_content .input-box input {
  flex: 1;
  border: none;
  color: #666;
  font-size: 14px;
  height: 50px;
  line-height: 50px;
}

.message_content .textarea-box {
  height: 80px;
  width: 100%;
}

.message_content .textarea-box textarea {
  height: 66px;
  background-color: #ffffff;
  flex: 1;
  padding-left: 5px;
  margin-top: 12px;
  font: normal 14px / 1.5 "microsoft yahei", tahoma, arial, sans-serif;
  line-height: 20px;
  color: #666;
  border: none;
  outline: none;
  resize: none;
}

.message_item .btn {
  width: 100%;
  height: 50px;
  line-height: 50px;
  display: block;
  margin: 0px auto;
  color: #333;
  font-size: 16px;
  background: #d7d7d7;
  border: none;
  border-radius: 5px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
  cursor: not-allowed;
}
/* 产品中心 */
.crumb.product{padding-left:368px ;display: block;}
.crumb.product .back{color: #999;font-size: 16px;background: url(../images/product_icon.png) 0 025px no-repeat;padding-left: 33px;display: block;height: 100%;}

.banner_product{height: 343px;background: url(../images/banner_product.jpg) center no-repeat;}
.list_l{width:318px;margin-bottom: 50px; }
.list_l .title .img{position: relative;;width:318px;height: 195px;background: url(../images/product_leftbg.jpg) no-repeat;  margin-top: -110px;}
.list_l .title .img img{display: inline-block;font-size: 44px; color: #fff; margin: 45px 0 0 30px;}
.list_l .title .img .title_s{width:30px;height: 5px;background: #f9ab15;margin: 15px 0 0 30px;}
.list_l .title .img .p2{font-size: 30px; color: #fff; margin: 15px 0 0 30px;  }
.list_l .title .title_ul {overflow: hidden; border: 1px solid #e4e4e4;border-top: none;}
.list_l .title .title_ul li{font-size: 16px;line-height: 60px;background-color: #ffffff;}
.list_l .title .title_ul li a{display: block;height: 58px;line-height: 58px;padding-left: 24px; border-top:none;}
.list_l .title .title_ul li.li_open{background-color: #f7f7f7;transition: all .3s;}
.list_l .title .title_ul li.li_open:nth-child(1){border: none;}
.list_l .title .title_ul li.li_open:hover,.list_l .title .title_ul li.li_open.on{background: #24a9aa;color: #fff;}
.list_l .title .title_ul li.li_open:hover>a,.list_l .title .title_ul li.li_open.on>a{color: #fff;}
.list_l .title .title_ul li li a{padding-left: 45px;transition: all .3s;}
.list_l .title .title_ul li.li_open li a:hover,.list_l .title .title_ul li.li_open li a.on{padding-left: 55px;background: none;color: #24a9aa;}

.list_l .title .title_ul li.li_open>a span{display: inline-block;position: relative;margin-right: 5px;width: 20px;height: 20px;top: 11px; background: url(../images/product_lefticon1.png) no-repeat; }
.list_l .title .title_ul li.li_open:hover>a span,.list_l .title .title_ul li.li_open.on a span {background: url(../images/product_lefticon2.png) no-repeat; }
.list_l .div1{border: 1px solid #e4e4e4;margin-top: 35px;   }
.list_l .div1_title{height: 85px;line-height: 85px;text-align: center;font-size: 24px; color: #24a9aa;border-bottom: 1px solid #e4e4e4;  }
/* .list_l .div1_title span{font-size: 20px;  } */
.list_l .div1 .text{overflow: hidden; padding: 18px; }
.list_l .div1 .text a{display: inline-block;font-size: 14px; color: #333;padding: 10px 10px;border: 1px solid #e4e4e4;margin: 5px;background: #f6f6f6;}
.list_l .div1 .text a:hover{background: #24a9aa;color: #fff;}
.list_l .list_phone {
  width: 317px;
  height: 104px;
  background: url(../images/product_left_phone.png) no-repeat;
  margin-top: 30px;
  position: sticky;
  top: calc(100% - 145px);
}
.list_l .list_phone p{position: relative;font-size: 16px; color: #444;top: 25px; left: 115px;  }
.list_l .list_phone h5{position: relative;font-size: 24px; color: #24a9aa; top: 25px; left: 115px;  }
.clear {clear: both;}
  
/*  list.html 右边 */
.list_r{width: calc(100% - 365px);}
.product_list{display: flex;flex-wrap: wrap;gap:0 25px;margin-top: 30px;}
.product_list>div{text-align: center;margin-bottom: 10px;}
.product_list>div:hover .img{box-shadow: 0px 0px 29.4px 5.6px rgba(0, 0, 0, 0.05);background-color: #ffffff;transform: translateY(-7px);}
.product_list>div:hover .title{color: #24a9aa;}
.product_list .img {
  background-color: #f9f9f9;
  width: 200px;
  height: 207px;
  padding: 23px 20px;
  transition: all .3s;
}
.product_list .img img{max-width: 100%;max-height: 100%;}
.product_list .title{width: 220px;padding: 0 10px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;font-size: 16px;color: #333333;line-height: 60px;}
/* 翻页 */
.paging{height: 40px;text-align: center; margin: 50px 0;transition: all .5s ease-out;font-size: 16px;}
.paging a{display: inline-block; padding: 10px 20px; border:solid 1px #eaeaea; margin: 0 5px; color: #666;}
.paging span{display: inline-block; padding: 10px 10px;margin: 0 5px; color: #666; }
.paging .n{border:solid 1px #eaeaea; color: #999999;}
.paging .on{background: #24a9aa; padding: 11px 21px; color: #fff; }
.paging .s{display: inline-block;border:solid 1px rgba(233, 233, 233, 1);padding: 10px 20px; color: rgba(0, 0, 0, 0); }

.paging .ss{color: #999; }
.paging a:hover{background: #24a9aa; padding: 11px 21px; color: #fff;border:0;}
.paging .s:hover{color: rgba(0, 0, 0, 0);}
.paging .s.on{background: #24a9aa;}
.paging .pn{background-position: -2px -22px;}
.paging .s .pn{position: absolute; width: 15px;height:15px; margin: 4px -2px;background:url(../images/paging_bg.png) no-repeat ;}
.paging .s .prev{background-position: -2px -43px;  }
.paging .s .next{background-position: -14px -43px; }
.paging a.s .prev{background-position: -2px -3px;  }
.paging a.s .next{background-position: -14px -3px; }
.paging a.s:hover .prev,.paging a.s.on .prev{background-position: -2px -22px;}
.paging a.s:hover .next,.paging a.s.on .next{background-position: -14px -22px;}

/* 产品内容 */
.content_img{width: calc(100% - 365px);overflow: hidden;margin-bottom: 50px;}
#preview{text-align:center; width:430px;height:430px;border: 1px solid #ededed;}
.jqzoom{ width:430px;position:relative;height: 430px; overflow:hidden;}
.jqzoom img{display: block;}
.list-h li{ float:left;margin-top:14px;}

#spec-n5{width:570px; height:150px;overflow:hidden;margin-top: 0px; }
#spec-left,#spec-right{
    width:19px; 
    height:52px;
    margin-top: 52px; 
    cursor:pointer; 
    float:left;
    border: 1px solid #ededed;
    position: relative;
}
#spec-left::after,#spec-right::after{
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #999999;
    border-right: 2px solid #999999;
    display: inline-block;
    cursor: pointer;
}
#spec-left::after{
    transform: rotateZ(-135deg);
    left: 7px;
}
#spec-right::after{
    transform: rotateZ(45deg);
}
#spec-left:hover::after,#spec-right:hover::after{
    border-color: #24a9aa;
}


#spec-list{ width:525px;overflow:hidden;height: 150px; float:left;}

#spec-list ul{overflow:hidden;height:150px; float:left; }

#spec-list ul li {
  width: 122px;
  float: left;
  padding: 0 15px;
}
#spec-list ul li img{border:1px solid #ededed;display: block;width: calc(100% - 2px);padding:2px;}

/*jqzoom*/
.jqzoom{padding:0;}
.zoomdiv{background-color: #ffffff;z-index:100; position:absolute; top:1px; left:50px; width:350px;height:350px;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#24a9aa 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}

/*   preview-->css END  放大镜 right 边    */

.pro_detail{overflow: hidden;margin-top: 30px;   }
 
.pro_detail .pro_intro{width: 570px;overflow: hidden; height: 430px; }
.pro_detail .pro_intro .pro_title{height: 45px;overflow: hidden;color: #333333;font-size: 24px; border-bottom: 1px solid #ededed; }
.pro_detail .pro_intro .text {
  justify-content: space-between;
  flex-wrap: wrap;
  display: flex;
  height: 138px;
  color: #666666;
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ededed;
  font-size: 16px;
  line-height: 32px;
}
.pro_detail .pro_intro .text p{min-width: 280px;}
.pro_detail .pro_intro .text span{color: #333; font-size: 16px;}
.pro_detail .pro_intro .text ul {height: 99px;padding: 13px 0px;}
.pro_detail .pro_intro .text ul li{color: #666;font-size: 14px;width: 225px;height: 32px;line-height: 32px; overflow: hidden; float:left;}
.pro_detail .pro_intro .text ul li span{color: #333;font-size: 14px;font-weight: bold;}
.pro_detail .pro_intro .pro_phone{display: flex;justify-content: space-between;margin-top: 20px;} 
.pro_detail .pro_intro .pro_phone p{height: 50px;line-height: 50px;font-size: 16px;color: #333;padding: 0 30px 0 64px;background: url(../images/product_icon.png) 30px -78px no-repeat #f7f7f7;transition: all .3s;}
.pro_detail .pro_intro .pro_phone p:first-child{background: url(../images/product_icon.png) 30px -39px no-repeat #17acad;color: #fff;position: relative;}
.pro_detail .pro_intro .pro_phone p:first-child a{color: #fff;}
.pro_detail .pro_intro .pro_phone p:first-child:hover{transform: translateY(-5px);}
.pro_detail .pro_intro .pro_phone p:first-child b{
  display: none;
  width: 0px;
  height: 0px;
  position: absolute;
  top: -56px;
  left: -10px;
  z-index: 1;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  animation: 2s ease 0s infinite normal none running move2;
}
@keyframes move2 {
  0% {
      width: 0px;
      height: 0px;
      top: 50%;
      left: 50%;
  }
  35% {
      width: 185px;
      height: 185px;
      top: -56px;
      left: -10px;
      opacity: 0;
  }
  100% {
      width: 185px;
      height: 185px;
      opacity: 0;
  }
}
.product_main{margin-top: 30px;color: #333333;}
.product_main .main_box{line-height: 200%;}
.product_main .btn_box{height: 50px;border-bottom: 1px solid #ededed;margin-bottom: 30px;}
.product_main .btn_box .tag_btn{cursor: pointer;width: 130px;height: 50px;float: left;font-size: 18px;text-align: center;line-height: 50px;border-radius: 10px 10px 0 0;transition: all .3s;}
.product_main .btn_box .tag_btn.on,.product_main .btn_box .tag_btn:hover{background-color: #24a9aa;color: #ffffff;}
.content-btn{display: flex;justify-content: space-between;margin-top: 30px;}
.content-btn a{display: block;line-height: 50px;font-size: 16px;height: 50px;color: #333;padding-left: 70px; padding-right: 20px; text-wrap: nowrap;text-overflow: ellipsis;overflow: hidden;width: 45%;background: #f9f9f9 url(../images/content_icon.png) 20px -140px no-repeat;}
.content-btn a:nth-child(2){
    padding-right: 70px; 
    padding-left: 20px; 
    text-align: right;
    background: #f9f9f9 url(../images/content_icon.png) 460px -217px no-repeat;
}
.content-btn a:hover{background: url(../images/content_icon.png) 20px -100px no-repeat #24a9aa; color: #fff;}
.content-btn a:nth-child(2):hover{background: url(../images/content_icon.png) 460px -178px no-repeat #24a9aa;}

.recom_tui .title-text {
    margin:30px 0;
    font-size: 27px;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.recom_tui .title-text span {
    background: #24a9aa;
    height: 24px;
    display: inline-block;
    width: 3px;
    margin-right: 8px;
    border-radius: 15px;
}

.about_box{background-color: #ffffff;color: #333333;padding:0 0 50px;margin-top: 50px;}
.about_box .alticle_pic{display: flex;justify-content: space-between;align-items: center;}
.about_box .alticle_pic .text_box{width: 700px;}
.about_box .alticle_pic .title{font-size: 38px;font-weight: bold;}
.about_box .alticle_pic .tit{font-size: 18px;margin: 5px 0 20px;}
.about_box .alticle_pic .intro{font-size: 16px;color: #333333;line-height: 26px;height: 110px;}
.about_box .alticle_pic .more_btn{display: block;color: #24a9aa;width: 185px;height: 54px;line-height: 54px;text-align: center;border-radius: 27px;border: 2px solid #24a9aa;font-size: 16px;}
.about_box .alticle_pic .more_btn:hover{color: #ffffff;background-color: #24a9aa;}
.about_box .about_num{text-align: center;display: flex;font-size: 16px;color: #333333;padding: 8px 45px 15px 30px;justify-content: space-between;border: 1px solid #ededed;}
.about_box .about_num span{font-size: 35px;position: relative;color: #24a9aa;font-weight: bold;}
.about_box .about_num span::after{content: "+";position: absolute;top: 0px;right: -32px;font-size: 22px;font-weight: bold;}
.biao_top h2{text-align: center;font-size: 38px;padding: 40px 0 30px;color: #333333;}
.culture {
    width: 100%;
    height: 680px;
    background-color: #f5f8fc;
  }
  .culture_top {
    width: 100%;
    height: 103px;
    position: relative;
    padding: 20px 0;
  }
  .culture_bottom {
    width: 100%;
    height: 517px;
  }
  .culture_bottom_one {
    width: 350px;
    height: 480px;
    background-image: url(../images/h1pic_02.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    background-position: center;
    transition: background-size 1s ease;
    overflow: hidden;
    position: relative;
  }
  .culture_bottom_two {
    width: 350px;
    height: 480px;
    background-image: url(../images/h1pic_03.jpg);
    float: left;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-left: 20px;
    background-position: center;
    transition: background-size 1s ease;
    overflow: hidden;
    position: relative;
  }
  .culture_bottom_there {
    width: 660px;
    height: 480px;
    background-image: url(../images/h1pic_04-597.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    margin-left: 20px;
    background-position: center;
    transition: background-size 1s ease;
    overflow: hidden;
    position: relative;
  }
  .culture_bottom_one:hover {
    background-size: 109%;
  }
  .culture_bottom_two:hover {
    background-size: 109%;
  }
  .culture_bottom_there:hover {
    background-size: 109%;
  }
  .he_h1p2lte {
    position: absolute;
    bottom: 50px;
    width: 75%;
    left: 50px;
  }
  .he_h1p2ltpo1 p {
    font-size: 22px;
    line-height: 38px;
    color: #ffffff;
  }
  
  .he_h1p2lsp1 {
    font-family: "MONTSERRAT-BOLD" !important;
    font-size: 50px;
    line-height: 38px;
    font-weight: 700;
  }
  .he_h1p2ltpo1 span {
    color: #ffffff;
  }
  .he_h1p2lsp2 {
    font-family: "MONTSERRAT-LIGHT" !important;
    font-size: 18px;
    line-height: 38px;
    padding-right: 15px;
  }
  .he_h1p2ltpo2 {
    padding-top: 15px;
  }
  .he_h1p2ltpo2 p {
    font-size: 18px;
    line-height: 32px;
    color: rgba(255, 255, 255, 0.9);
  }
/* 荣誉资质 */
.honor{width: 1400px;margin:0 auto; margin-bottom:40px;}
.honor_box{position: relative;}
.honor_box .bd li{width: 310px;height: 350px;margin: 0 20px;float:left;}
.honor_box .bd li:last-child{margin-right: 0px;}
.honor_box .bd li .pic{width: 100%;height: 320px;background-color: #eff1f5;overflow: hidden;text-align: center;}
.honor_box .bd li .pic img{max-width: 80%;max-height: 100%;transition: all .36s;position: relative;top: 50%;transform: translateY(-50%);}
.honor_box .bd li .title{width: 185px;margin: 10px auto 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 16px;text-align: center; }
.honor_box .bd li .title a{color:#333;}
.honor_box .bd li:hover .pic img{ transform:scale(1.1) translateY(-50%);}
.honor_box .bd li:hover .title a{ color:#01d8b6;}
.honor_box:hover .bd .next,.honor_box:hover .bd .prev{
    display: block;
    color: white;
}
.honor_box .bd .next,.honor_box .bd .prev{
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(calc(-50% - 30px));
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 1px solid #dbddde;
    text-align: center;
    line-height: 56px;
    margin: 30px;
    cursor: pointer;
    background-color: #dbddde;
}
.honor_box .bd .next:hover:hover,.honor_box .bd .prev:hover{
    border-color: #24a9aa;
    background-color: #24a9aa;
}
.honor_box .bd .next:hover i,.honor_box .bd .prev:hover i{
    border-color: #ffffff;
}
.honor_box .bd .next i,.honor_box .bd .prev i{
    width: 14px;
    height: 14px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    display: inline-block;
}
.honor_box .bd .prev i{
    transform: rotate(-135deg);
    margin-right: -7px;
}
.honor_box .bd .next i{
    transform: rotate(45deg);
    margin-left: -7px;
}
.honor_box .bd .prev{
    left: 0px;
}
.honor_box .bd .next{
    right: 0px;
}

/* 企业文化 */
.factory_box{ background:#fcfcfc; height:auto; overflow:hidden;}
.factory{width: 1400px;height:600px; padding-top:20px;margin:0 auto;overflow: hidden;}
.factory_box .about_title{ height:60px; line-height:60px;}
#focus_Box{position:relative;width:1400px;height:440px;margin:0px auto;}
#focus_Box ul{position:relative;width:1400px;height:440px; margin: 0px auto;}
#focus_Box li{z-index:0;position:absolute; width:0px;height:0px;top:66px; background-color:#fff;overflow: hidden}
#focus_Box li img{width:100%;vertical-align:top;height:372px;}
#focus_Box li .text{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 16px;text-align: center;display: block;position:absolute;left:0px;bottom:0px;width:100%;height:50px; line-height:50px;background-color: #fff; transition: all .3s;}
#focus_Box li:hover .text{ color:#24a9aa}


/* 资料下载 */
.download{padding-bottom: 30px;}
.download ul{display: grid;grid-template-columns: repeat(2,1fr);gap:30px  50px;margin:  50px auto 90px;}
.download ul li{box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);transition: all .3s;}
.download ul li a{display: flex;padding:40px 20px; align-items: center;justify-content: space-between;}
.download  .download-title{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 18px;
  color: #333;
  line-height: 34px;
  width: 540px;
  transition: all .3s;
}
.download  .download-info{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #666;
  font-size: 14px;
  margin-top: 5px;
  width: 540px;
  transition: all .3s;
}
.download .download-icon{
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
}
.download .download-icon .download-img{margin-top: 15px;width: 20px;height: 18px;background: url(../images/download.png) no-repeat;}
.download  .download-icon p{
  font-size: 14px;
  color: #999;
  margin-top: 5px;
  transition: all .3s;
}
.download ul li:hover{box-shadow: none;background: #17acad;}
.download ul li:hover .download-title,
.download ul li:hover .download-info,
.download ul li:hover .download-icon p{color: #fff;}
.download ul li:hover .download-icon .download-img{background: url(../images/download.png) 0 -32px no-repeat;}

/*标签集合*/
.process_label{width: 1200px; overflow:hidden; margin:50px auto;}
.labeltwo{overflow: hidden; border-top:solid 2px #dddddd;}
.labeltwo h3{width: 1198px; height: 48px; text-indent: 10px; line-height: 48px; font-size: 16px; color: #333; font-weight: 400;border:solid 1px #e9e9e9;}
.labeltwo .label_a{margin:24px 0; width:1200px; overflow: hidden;}
.labeltwo .label_a a{display:block; margin:0 10px 10px 0; padding:5px 10px; color: #888; border:solid 1px #e9e9e9; float: left; border-radius:30px;}
.labeltwo .label_a a:hover{background: #17acad; color: #fff;border:solid 1px #17acad;  }

/* 客服 */
.yys_kefu {}
.yys_kefu ul{position:fixed;top:100%;margin-top:-300px;right:0;z-index:1000}
.yys_kefu ul li{width:65px;height:65px;position:relative;font-size:16px;color:#fff}
.yys_kefu ul li.li_one .wrap_btn{border-radius:2px 0 0 0}
.yys_kefu ul li.weixin .wrap_btn{border-radius:0 0 0 2px;border-bottom:none}
.yys_kefu ul li.weixin .wrap_left{padding-right:10px;position:absolute;left:-245px;top:0;visibility:hidden}

.yys_kefu ul li.tel .wrap_left{padding-right:10px;position:absolute;left:-260px;top:0;visibility:hidden}
.yys_kefu ul li.weixin .wrap_left:after,.yys_kefu ul li.tel .wrap_left:after{content:'';width:10px;height:10px;border-right:1px solid #f1f3f5;border-top:1px solid #f1f3f5;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);position:absolute;right:5px;top:20px;background:#fff}
.yys_kefu ul li.weixin .wrap_left .wrap_img,.yys_kefu ul li.tel .wrap_left .wrap_img{background:#fff;box-shadow:0 1px 12px 0 rgba(230,230,230,.5);border:1px solid #f1f3f5}

.yys_kefu ul li.tel .wrap_left .wrap_img{padding:8px 14px;height: 49px;line-height: 49px;color: #24a9aa;font-size: 18px;}
.yys_kefu ul li.tel .wrap_left {text-align: center;color: #333;font-size:14px;}
/* 备用，勿删 */
/* .yys_kefu ul li.tel .wrap_left .wrap_img p{font-size:12px;color:#333;line-height:20px}
.yys_kefu ul li.tel .wrap_left .wrap_img p.p_two{margin-top:7px} */

.yys_kefu ul li.weixin .wrap_left .wrap_img img{width:120px;}
.yys_kefu ul li.gotop .wrap_btn{border-radius:2px 0 0 2px;margin-top:10px;border:none}
.yys_kefu ul li .wrap_btn{overflow:hidden;border-bottom:1px solid rgba(255,255,255,.4);width:60px;height:64px;position:absolute;right:0;background:#24a9aa;text-align:center;line-height:64px;cursor:pointer;transition:width .3s ease;-webkit-transition:width .3s ease;-o-transition:width .3s ease;-moz-transition:width .3s ease}
.yys_kefu ul li .wrap_btn .yys_kefu_icon{text-align: center;width: 34px;height: 30px;background: url(../images/yys_kefu_icon.png)no-repeat;display: inline-block;float: left;margin: 17.5px 12px }
.yys_kefu ul li .wrap_btn .icon1{background-position: -6px 0}
.yys_kefu ul li .wrap_btn .icon2{background-position: -58px 0}
.yys_kefu ul li .wrap_btn .icon3{background-position: -112px 0}
.yys_kefu ul li .wrap_btn .icon4{background-position: -164px 0}
.yys_kefu ul li .wrap_btn .icon5{background-position: -213px 0}
.yys_kefu ul li span{vertical-align:middle}
.yys_kefu ul li span.text{display:none;padding-bottom:1px}
.yys_kefu ul li:hover a{color: #fff;}
.yys_kefu ul li:hover .wrap_btn{background:linear-gradient(127deg,#24a9aa 0,#0e9191 100%);width:160px;height:65px;padding-left:18px;text-align:left;border-radius:2px 0 0 2px;border:none}
.yys_kefu ul li:hover span.text{display:inline-block}
.yys_kefu ul li.weixin:hover .wrap_left,.yys_kefu ul li.tel:hover .wrap_left{visibility:visible;transition-property:visibility;-webkit-transition-property:visibility;-o-transition-property:visibility;-moz-transition-property:visibility;transition-delay:.2s;-webkit-transition-delay:.2s;-o-transition-delay:.2s;-moz-transition-delay:.2s}

@media(max-width:1440px){
  .banner:hover .next, .banner:hover .prev{
    display: none;
  }
}
.couter{font-family: "Oswald";}