@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:14px;font-family:"微软雅黑";color:#333;line-height:25px;; background:#FFF; }
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
h2,h3,h4,b,strong { font-weight: }
em,i { font-style: normal; }
 body {display: block; overflow-x: hidden;}

.header{position: fixed;width: 100%; z-index: 50;background: #FFF;left: 0; top: 0;transition: .5s;}
.header_box{width: 1280px; margin: 0 auto;max-width: 94%;display: flex;justify-content: space-between;align-items: center;height: 120px;}
.h140{height:120px;}
.logo{width: 144px;}
.logo img{width: 100%;}
.nav ul{display: flex;justify-content: space-between;gap:50px;}
.nav a{font-size:24px;font-weight:550; line-height:120px;display: block;transition: .5s;color: rgba(51, 51, 51, 1);}
.nav .active{color:rgba(18, 136, 125, 1);font-weight: bold;}
.nav a:hover{color:rgba(18, 136, 125, 1);font-weight: bold;}
.nav li { position: relative;}
.nav li:nth-child(3) { position: static;}
.nav li dl { display: none; padding: 10px 0; position: absolute; left: 50%; width:190px; text-align: center; transform: translateX(-50%); top: 88px; background: #ffffff; border-radius: 0 0 8px 8px;}
.productSub { display: none; padding: 20px 0; border-top: 1px solid rgba(208, 208, 208, 1); position: absolute; left: 0; top: 120px; width: 100%; background: #ffffff;}
.subCont { gap: 20px; display: flex; flex-wrap: wrap; width: 1280px; max-width: 94%; margin: 0 auto;}
.subCont h2 { margin-bottom: 30px; border-bottom: 1px solid rgba(18, 136, 125, 1);}
.subCont h2 a {color:rgba(18, 136, 125, 1); line-height: 1; font-size: 20px; padding: 11px 0;}
.subCont p a { line-height: 1; font-size: 14px; color: rgba(51, 51, 51, 1); transition: all .3s;}
.subCont p:hover a { color: rgba(18, 136, 125, 1);}
.subCont p{ margin-bottom:20px;}
.subSlide { padding-right: 20px; border-right: 1px solid rgba(224, 224, 224, 1); width:calc(25% - 15px);}
.subSlide:nth-child(4n) { padding: 0; border: none;}
.nav li dt a{ line-height: 2.5;    font-size: 16px;}
.nav li:hover dl { display: block;}
.nav li:hover .productSub { display: block;}
.banner{overflow: hidden; position: relative; }
.bannerbox{position: relative;}
.banner img{width: 100%;height: auto; object-fit: cover;transition:1s linear 2s;transform:scale(1.03);}
.banner .swiper-slide-active{z-index: 10;}
.banner .swiper-slide-active img,.banner .swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1);}	
.banner_text{position: absolute; width: 1500px; max-width: 94%;left:50%; top:40%; transform:translate(-50%,-50%);} 
.banner_text h2{color: #fff; font-size: 32px;color: #fff;}
.banner_text p{font-size: 48px;color: #fff; font-weight: bold;margin: 20px 0 80px;}
.banner_text a{display: block; text-align: center; width: 208px; line-height: 62px; color: #fff;background: #12887d;border-radius: 31px; font-weight: bold; font-size: 14px;transition: .5s;}
.banner_text a b{display: inline-block;background: url(../images/a_01.png);width: 13px;height: 14px;margin: -3px 0 0 10px;vertical-align: middle; transition: .5s;}
.banner_text a:hover{letter-spacing: 2px;}
.banner .swiper-pagination{width: 1500px;max-width: 94%;bottom: 80px;text-align: left;left: 50%;transform: translateX(-50%);}
.banner .swiper-pagination-bullet{width: 36px;height: 2px;border-radius: 0;background: #fff;opacity: 1;}
.banner .swiper-pagination-bullet-active{background: #12887d;}

.bj1{background: url(../images/a_01.jpg) no-repeat center top;background-size: auto 710px;}
.about_text{text-align: center; width: 1015px; padding: 110px 0 95px; margin: 0 auto;max-width: 94%;}
.about_text h2{color: #fff; position: relative; font-weight: bold; font-size: 40px; margin-bottom: 60px; padding-bottom: 28px;}
.about_text h2:before{position: absolute; content: "";border-bottom: 2px solid #a4d1d0;width: 55px;bottom: 0;left: 50%;transform: translateX(-50%);}
.about_text  p{color: #fff; font-size: 16px;line-height: 28px;margin-bottom: 60px;}
.about_text a{display: block; text-align: center; width: 208px; line-height: 62px; color: #fff;background: #64b0ad;border-radius: 31px; font-weight: bold; font-size: 14px;transition: .5s; margin: 0 auto;}
.about_text a b{display: inline-block;background: url(../images/a_01.png);width: 13px;height: 14px;margin: -3px 0 0 10px;vertical-align: middle; transition: .5s;}
.about_text a:hover{letter-spacing: 2px;}
.about_tp{width: 1280px;margin: 0 auto;max-width: 94%;}
.about_tp img{width: 100%;}

.cpxl{width: 1278px;margin: 0 auto; max-width: 94%;}
.cpxl_title{text-align: center; padding: 130px 0 60px;}
.cpxl_title h2{position: relative; padding-bottom: 28px; font-weight: bold;font-size: 40px;color: rgba(51, 51, 51, 1);}
.cpxl_title h2:before{position: absolute;content: "";border-bottom: 2px solid #12887d;width: 56px;bottom: 0;left: 50%;transform: translateX(-50%);}
.cpxl_nr ul{overflow: hidden;margin-left: -20px;}
.cpxl_nr li{float: left;width: 25%; padding: 0 0 60px 20px;}
.cpxlbox{background: #f2f2f2; padding: 0 24px;transition: .5s;border: 1px solid #f2f2f2; position: relative;}
.cpxlbox b{background: url(../images/a_03.png);width: 32px;height: 32px;border-radius: 50%;background-size: 100%; position: absolute; top: 18px;right: 18px;transition: .5s; opacity: 0;}
.cpxlbox span{display: block; height: 300px;display: flex;justify-content: center;align-items: center;}
.cpxlbox img{max-width: 80%; transition: .5s;}
.cpxlbox p{text-align: center; line-height: 88px;border-top: 1px solid #dddddd;font-size: 16px;color: rgba(51, 51, 51, 1);font-weight: bold;}
.cpxl_nr a:hover .cpxlbox{border: 1px solid #12887d;}
.cpxl_nr a:hover b{opacity: 1;}

.fwzc{width: 1278px;margin: 0 auto; max-width: 94%; padding-bottom: 120px;}
.fwzc_title{text-align: center; padding: 80px 0 60px;}
.fwzc_title h2{position: relative; padding-bottom: 28px; font-weight: bold;font-size: 40px;color: rgba(51, 51, 51, 1);}
.fwzc_title h2:before{position: absolute;content: "";border-bottom: 2px solid #12887d;width: 56px;bottom: 0;left: 50%;transform: translateX(-50%);}
.fwzc_nr ul{overflow: hidden; margin-left: -18px;}
.fwzc_nr li{float: left; width: 25%; padding-left: 18px;}
.fwzcbox{height: 460px;padding: 60px 30px 0 30px;text-align: center;background: #12887d;}
.fwzcbox span{display: block; position: relative; margin: 0 auto;width: 100px;height: 100px;border-radius: 50%;background: rgba(255,255,255,.3);}
.fwzcbox img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);transition: .5s;}
.img2{opacity: 0;}
.fwzcbox h2{font-weight: bold; font-size: 20px;color: #fff;margin: 46px 0 30px;}
.fwzcbox p{font-size: 14px;color: #fff; opacity: .6;line-height: 1.8;height: 130px;}
.fwzcbox a{display: inline-block; font-weight: bold; font-size: 14px;color: #fff;transition: .5s;}
.fwzcbox a b{display: inline-block;vertical-align: middle; margin: -3px 0 0 14px;background: url(../images/a_08.png);width: 20px;height: 10px;background-size: 100% 100%;}
.fwzcbox:hover .img1{opacity: 0;}
.fwzcbox:hover .img2{opacity: 1;}
.fwzcbox:hover span{background: #fff;}
.fwzcbox a:hover{letter-spacing: 2px;}



.footer{background:#333333;}
.footerbox{width: 1278px;max-width: 94%; margin: 0 auto;display: flex;justify-content: space-between; padding: 100px 0 70px;}
.foot_l{overflow: hidden;}
.foot_l ul{overflow: hidden;margin-left: -75px;}
.foot_l li{float: left; padding: 0 75px;border-left: 1px dashed #707070;height: 280px;}
.foot_l h2{color: #fff;font-size: 16px;margin-bottom: 20px;}
.foot_l dt{font-size: 14px;line-height: 30px;}
.foot_l dt a{color: #fff; opacity: .6; transition: .5s;}
.foot_l dt a:hover{opacity: 1;}
.foot_l p{color: #fff;font-size: 14px; line-height: 30px; opacity: .6;}

.foot_r{width: 320px;}
.foot_r ul{overflow: hidden; margin-left: -45px;}
.foot_r li{width: 50%; padding-left: 45px;float: left;}
.foot_r img{width: 100%;}
.foot_r p{color: #fff; opacity: .3;margin-top: 12px;text-align: center;}

.bqxx{border-top: 1px solid rgba(255,255,255,.1);}
.bqxx p{color: #fff; opacity: .3; padding: 25px 0;line-height: 28px;text-align: center;}
.fixRight { border-radius: 8px 0 0 8px; position: fixed; right: 0; z-index: 10; top: 50%; background: #12887D; transform: translateY(-50%); width: 80px;}
.fixRight li { border-bottom:1px solid rgb(17,109,100); display: flex; justify-content: center; align-items: center; position: relative; width: 80px; height: 80px;    font-size: 14px;
    font-weight: 600;}
.fixRight li>a img { display: block; margin: 0 auto 13px;}
.fixRight li a { color: #ffffff;}

.telPos { transition: all .4s; visibility: hidden; opacity: 0; right: 0; color: #ffffff; font-size: 16px; height: 100%; padding: 0 20px; border-radius: 8px; background: #12887D; position: absolute; display: flex; align-items: center;}
.telPos img { margin-right: 10px;}
.fixRight li:hover .telPos { right: 90px; opacity: 1; visibility: visible;    font-size: 14px;
    font-weight: 600;}
.fixChat {transition: all .4s; visibility: hidden; opacity: 0; right: 0; position: fixed; transform: translateY(-50%); text-align: center; right: 80px; top: 50%; transform: translateY(-50%); width: 160px; border-radius: 8px; padding: 10px; background: #12887D;}
.fixRight li:hover .fixChat {right: 90px; opacity: 1; visibility: visible;}
.fixChat p { font-size: 14px; color: #ffffff; margin-top: 10px;}
.goBack{ height: 40px; display: flex; justify-content: center; align-items: center;}


#bannera{width:100%; height:400px; margin:0 auto; margin-bottom:0px; padding-bottom:0px; border-bottom:#fafafa 0px solid; background-position:center center;}
.about1{ width:1280px; height:auto; margin:90px auto}
.abutext{ width:400px; float:left;position: relative; padding-bottom: 30px; font-weight: bold;font-size: 40px;color: rgba(51, 51, 51, 1);}
.abutext:before{position: absolute;content: "";border-bottom: 2px solid #12887d;width: 56px;bottom: 0;left:0%;}

.about12{ width:860px; float:right;    font-size:20px;
    line-height: 2;}


.pd_hd_l{width:1280px; margin:0px auto 80px auto; }

.pd1 img{display:block; width:100%; height:auto;}
.wd1{width:25%;}
.wd1 img{width:100%; height:auto;}

.about2{ width:100%; height:auto; background:url(../images/b2.png) center no-repeat; background-size:cover;overflow:hidden;}


.fwzc_nr1{ width:1280px; margin:90px auto; }
.fwzc_nr1 h3{width:100%; float:left;position: relative; padding-bottom: 30px; font-weight: bold;font-size: 40px;color:#fff; margin-bottom:60px;}
.fwzc_nr1 h3:before{position: absolute;content: "";border-bottom: 2px solid #12887d;width: 56px;bottom: 0;left:0%;}

.fwzc_nr1 ul{overflow: hidden; margin-left: -18px;}
.fwzc_nr1 li{float: left; width: 33.33%; padding-left: 18px;}
.fwzcbox1{height: 460px;padding: 60px 30px 0 30px;text-align: center;background: #12887d;}
.fwzcbox1 span{display: block; position: relative; margin: 0 auto;width: 100px;height: 100px;border-radius: 50%;background: rgba(255,255,255,.3);}
.fwzcbox1 img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);transition: .5s;}
.img2{opacity: 0;}
.fwzcbox1 h2{font-weight: bold; font-size: 20px;color: #fff;margin: 56px 0 35px;}
.fwzcbox1 p{font-size: 14px;color: #fff; opacity: .6;line-height: 1.8;height: 130px; width:70%; margin:0 auto;}
.fwzcbox1 a{display: inline-block; font-weight: bold; font-size: 14px;color: #fff;transition: .5s;}
.fwzcbox1 a b{display: inline-block;vertical-align: middle; margin: -3px 0 0 14px;background: url(../images/a_08.png);width: 20px;height: 10px;background-size: 100% 100%;}
.fwzcbox1:hover .img1{opacity: 0;}
.fwzcbox1:hover .img2{opacity: 1;}

.fwzcbox1 a:hover{letter-spacing: 2px;}


.about3{ width:1280px; height:auto; margin:90px auto;}
.abut31{ width:625px; float:left;}
.abut31 li{ width:100%; height:215px; margin-bottom:20px; background:#F2F2F2;}
.abut31 li h2{ width:90%; margin:0 auto; padding-top:60px; font-size:16px; color:#333;}
.abut31 li p{ width:70%; margin-left:5%; margin-top:15px; }
.abut32{ width:625px; float:right;}
.abut32 img{ width:100%;}

.proudt{ width:1280px; height:auto; margin:90px auto;}
.prdt1{ width:100%; height:auto;}
.prdt11{ width:670px; float:left;}
.prodtext{ width:100%; height:56px; line-height:56px;font-weight: 700; margin-bottom:40px;background:url(../images/c1.svg) left center no-repeat; color:#fff; font-size:20px; text-indent:25px; }
.pdtxt{ width:100%; margin-bottom:60px; font-size:16px; line-height:2;}
.pdtxt li{display: flex;line-height:1.5;padding-bottom:10px;}
.pdtxt li::before {
    content: "\2022";
    margin-right: 0.62rem;
    color: #666;
    font-size: 16px;
	}
.prdt12{ width:540px; float:right; height:auto; position:relative; overflow:hidden;}
.prdtyc{margin-top:60px;}
.prdt12 img{max-width: 100%;
    height: auto;
    text-align: center;
    margin: auto;}
.prdt12 .swiper-pagination{width: 100%; height:60px;bottom: 40px;text-align:  center; position: absolute;}
.prdt12 .swiper-pagination-bullet{width: 36px;height: 2px;border-radius: 0;background: #fff;opacity: 1;}
.prdt12 .swiper-pagination-bullet-active{background: #12887d;}

.prdt2{ width:100%; margin-top:70px;}
.prdt2 ul{ width:100%; padding-top:0px;display: flex;
    flex-wrap: wrap;}
.prdt2 ul li{ width:32%;font-size:16px; margin-right:2%;  margin-bottom:15px; height:60px; line-height:60px; text-indent:25px;background: #F2F2F2;}
.prdt2 ul li::before {
    content: "\2022";
    margin-right: 0.62rem;
    color: #D9D9D9;
    font-size: 20px;
	}
	
.prdt2 ul li:nth-child(3n) { margin-right:0px;}
.container {
            display: flex;
            justify-content: space-around;
        }

        .column {
            width: 25%;
        }
.column ul li{
	  width: 98%;
    text-indent: 0px;
    padding-left: 15px;
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: flex-start;
    position: relative;
    margin-top: 0.25rem;
		  line-height: 1.5;
		  align-items:center;
	}
        .image {
            text-align: center;
        }
   .image p{padding-top:10px;}
      .image img{     text-align: center;
    margin: auto;}
        img {
            max-width: 100%;
        }
.heating-type {
      margin-bottom: 40px;
    }

.heating-type h2 {
      font-size: 18px;
    }

.heating-type p {
      font-size: 16px;
    }

.heating-type img {
      float: right;
      width: 105px;
      height: auto;
	      margin-top: -55px;
    }
.ytd{
	 width:100%;
	}
.ytd1{
	 width:100%;
	}
.ytd .ytd1 li{
	    float: none;
	 width:100%;
	}
.prod3{ width:100%; margin:70px auto 60px;}
.ke-zeroborder{
	border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 15px;
	table-layout: auto;
	}
.ke-zeroborder tr, .ke-zeroborder td {
    border: 1px solid #ccccccff;
    font-family: Arial, sans-serif;
    font-size: 16px;
    overflow: hidden;
    padding: 10px 5px;
    word-break: normal;
    text-align: center;
}
.ke-zeroborder th {
    background-color: rgba(18, 136, 125, 1);
    border: 1px solid #ccccccff;
    font-family: Arial, sans-serif;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    height: 45px;
    overflow: hidden;
    padding: 10px 5px;
    word-break: normal;
    text-align: center;
}
.index{ width:100%; height:auto; background:#F2F2F2; color:#333; margin-bottom:20px;}
.index1{ width:50%; float:left; }
.index1 img{ width:100%; display:block;}
.index2{ width:50%; height:100%; float:right}
.inde2{ width:90%; height:100%;; display:block;;float:left; padding-left:10%; }
.ind2{ width:100%; height: auto; text-align: left;; padding-top:105px; }
.ind2 h2{width:100%; float:left;position: relative; padding-bottom: 30px; margin-bottom:60px; font-weight: bold;font-size: 40px;color: rgba(51, 51, 51, 1);}
.ind2 h2:before{position: absolute;content: "";border-bottom: 2px solid #12887d;width: 56px;bottom: 0;left:0%;}

.ind2 p{ width:100%; height: auto;font-size:14px; margin-bottom:75px;}
.ind2 a{display: block; text-align: center; width: 208px; line-height: 62px; color: #fff;background: #12887d;border-radius: 31px; font-weight: bold; font-size: 14px;transition: .5s;}
.ind2 a b{display: inline-block;background: url(../images/a_01.png);width: 13px;height: 14px;margin: -3px 0 0 10px;vertical-align: middle; transition: .5s;}
.ind2 a:hover{letter-spacing: 2px;}

.index:nth-child(2n) .index1{ float:right;}
.index:nth-child(2n) .index2{ float:left;}
.index:nth-child(2n) .index2 .ind2 p{ margin-bottom:35px; margin-top:15px; border-bottom:1px solid #E0E0E0; padding-bottom:20px;}

.menu_nav{width: 1280px;margin:65px auto 40px auto;max-width: 94%;}
.menu_nav ul{overflow: hidden;}
.menu_nav li{ width:23.5%; height:60px; margin-right:2%; margin-bottom:10px; float:left;}
.menu_nav li:nth-child(4n){ margin-right:0px;}  
.menu_nav li a{display: block;text-align: center; font-size: 16px;background: #12887D; color: #fff;line-height: 60px;cursor: pointer;}
.menu_nav li a:hover{color: #fff;background: #0B6960;}


.protxz{ width:100%; height:120px; background:#F2F2F2; overflow:hidden;}
.protxz1{ width:1280px;  margin:0 auto;}
.protxz1 h2{ height:50px; margin-top:35px; font-size:40px;font-weight: 700; background:url(../images/line9.png) left bottom no-repeat;;}




.cpxl_1{ width:100%; margin-bottom:60px;}
.cpxl_nr1{ width:1280px; margin:0 auto; margin-bottom:40px;}
.cpxl_nr1 ul{overflow: hidden;  margin:0 auto;}
.cpxl_nr1 li{float: left;width:32%; margin-right:1.5%; padding-bottom:20px ;}
.cpxlbox{background: #f2f2f2; padding: 0 24px;transition: .5s;border: 1px solid #f2f2f2; position: relative;}
.cpxlbox b{background: url(../images/a_03.png);width: 32px;height: 32px;border-radius: 50%;background-size: 100%; position: absolute; top: 18px;right: 18px;transition: .5s; opacity: 0;}
.cpxlbox span{display: block; height: 300px;display: flex;justify-content: center;align-items: center;}
.cpxlbox img{max-width: 60%; transition: .5s;}
.cpxlbox p{text-align: center; line-height: 88px;border-top: 1px solid #dddddd;font-size: 16px;color: rgba(51, 51, 51, 1);font-weight: bold;}
.cpxl_nr1 a:hover .cpxlbox{border: 1px solid #12887d;}
.cpxl_nr1 a:hover b{opacity: 1;}
.cpxl_nr1 li:nth-child(3n){ margin-right:0px;}  
#nx_pg{width:100%;padding:5px 0px 0px 0px; text-align: center; margin-top:10px;  }
 #nx_pg li{ display:inline-block;}
 #nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; border:1px solid #e1d7e0; color:#9a9a9a;font-size:14px; margin:0px 3px 50px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
 #nx_pg a:hover{background:#12887D;border:1px solid #12887D; color:#fff;}
 #nx_pg .on{ background:#12887D;border:1px solid #12887D; color:#fff;}

.newsList1 {width:1278px; margin:70px auto 35px auto;}
.newsList1 ul { width:100%;}
.newsList1 li { height:412px; background: #F2F2F2; width:410px;; margin-left:8px; margin-right:8px; margin-bottom:40px; float:left;transition: all .3s;}

.newt{ width:836px; height:412px; float:left; margin:0px 8px;}
.newt .newt_img{ width:100%;}
.newt .newt_img img{ width:100%; height:332px;}
.newt h3{ width:100%; height:80px; background:#12887D; line-height:80px; color:#fff; padding:0px 20px;box-sizing: border-box; }
.newt h3 span{ float:right;}


.newsPic {overflow: hidden;}
.newsPic img { transition: all 0.5s; display: block; width: 100%; height: 100%; object-fit: cover;}
.newsText { position: relative; padding: 55px 38px 50px;}
.newsText h2 { transition: all .3s; color: #333333; margin-bottom: 10px; font-weight: 500; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical; font-size:18px; line-height: 25px;}
.newsText p { transition: all .3s;font-size: 14px; height:50px; line-height: 25px; color: #666666;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.newsText span { color: #ffffff; background: #FE8705; display: block; position: absolute; left: 42px; top: -18px; line-height: 36px; width: 123px; text-align: center;}
.newsList1 li:hover { background: #12887D;}
.newsList1 li:hover .newsText h2 { color: #ffffff;}
.newsList1 li:hover .newsText p { color: #ffffff;}
.newsList1 li:hover img { transform: scale(1.1);}

.news_nr{ width:1280px; height:auto; margin:70px auto 40px auto;}
.news_nr ul{overflow: hidden; margin-left: -20px; padding-bottom: 10px;}
.news_nr li{float: left; width: 33.33%; padding-left: 20px; margin-bottom:25px;}
.newsbox{border: 1px solid #efefef; background:#F2F2F2;}
.newsbox span{display: block;height: 225px; position: relative;}
.newsbox span img{width: 100%;height: 100%;object-fit: cover;}
.newsbox b{position: absolute; width: 123px;line-height: 36px; font-weight:400;color: #12887D;background: #fff;border-radius: 100px;transition: .5s;left: 40px;bottom: -18px;font-size: 14px;text-align: center;}
.news_text{padding: 50px 40px 60px 40px;transition: .5s;}
.news_text h2{font-size: 14px; height:50px; line-height:25px;color: #333333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.news_text p{font-size: 12px;color: #666666; line-height: 25px;height: 50px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; margin-top:15px;}
.news_nr a:hover .newsbox{background: #12887D;}

.news_nr a:hover h2{color: #fff;}
.news_nr a:hover p{color: #fff;}

.ar1{ width:1280px;; height:auto; margin:0 auto; padding:70px 0px 80px 0px; background:#fff;box-sizing: border-box;  }
#info-T{width:100%; min-height:26px; padding-top:30px; color:#242424; padding-bottom:15px; line-height:26px; text-align:left; font-size:18px; font-weight:bold;}
#info-M{width:100%; height:45px; line-height:45px; text-align:left;}
#info-C{width:100%; line-height:28px; margin-top:10px; font-size:14px;}
#info-C img{ max-width:100%;}
#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:14px;}
#info-N{width:100%; height: auto; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}


.ar1 a{font-size: 17px;text-align: center; width: 200px; border-radius: 100px;line-height: 60px; font-weight: 400; color: #fff;background: #12887D;transition: .5s;display: block; margin-top: 20px;}
.ar1 a:hover{background: #0B6960;}
.ar1 a img{display: inline-block;width: 13px;vertical-align: middle; margin: -3px 0 0 25px;}

.cpxx{ width:1280px; font-size:40px;font-weight: 700; line-height:50px; margin:70px auto 0px auto; height:100px;}
.cpxf{ width:1280px; height:auto; margin:0 auto; background:#F2F2F2;}
.cpxf1{ width:550px; float:left;}
.cpxf1 img{ width:100%;}
.cpxf2{ width:670px; float:right;}
.huoq01{ width:630px;color:#333;}
.huoq01 h1{font-size:32px;line-height:60px; margin-top:60px;}
.huoq01 ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.huoq01 ul li{width:47.8632%;margin-top:20px;display: flex;align-items: center;font-size:12px;}
.huoq01 ul li dl{width:100%;}
.huoq01 ul li dl dt{font-size:14px;line-height:21px;color:#999;}
.huoq01 ul li dl dd{margin-top:20px;}
.huoq01 ul li.w100{width:100%;}
.bk2{width:100%;border:0px;line-height:34px;background-color:transparent;border-bottom:1px solid #E0E0E0;outline:none;font-size:16px;color:#999;}
.bk2::placeholder {  color: #999 !important; }
.anniu2{width: 210px;height: 60px;border-radius: 100px;background: var(--12887-d, #12887D);line-height:60px;text-align:center;cursor:pointer;color:#FFF;font-size:14px;}
.bk3{ width:145px; height:60px; border:1px solid #E0E0E0;}

.lidt{ width:1280px; height:auto; margin:70px auto;}
.lidt li{ width:100%; height:auto; padding:40px 60px; margin-bottom:30px; background:#F2F2F2;}
.lidt li h2{ width:100%;font-weight: 700; color:#333; font-size:14px; height:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.lidt li p{ font-size:12px; line-height:22px; height:44px; color:#666; margin-bottom:20px;}
.lidt li span{ color:#12887D; font-weight:700;}
.lidt li:hover{ background:#12887D;}
.lidt li:hover h2{ color:#fff}
.lidt li:hover p{ color:#fff}
.lidt li:hover span{ color:#fff}

.h1_p{ width:320px; height:60px; background:#f2f2f2; float:right; text-align:center; color:#666; font-size:14px; font-weight:400; margin-right:10px;}
.h1_p span{color: var(--12887-d, #12887D); font-size:24px; font-weight:700;}

.zlxz{width:1280px; margin:70px auto 30px auto;}
.zlxz ul{}
.zlxz ul li{width:49%;padding:30px; float:left; margin-right:2%; margin-bottom:30px;display: flex;justify-content: space-between;background-color:#F2F2F2;transition: all 0.6s;}
.zlxz ul li:nth-child(2n){ margin-right:0px;}   
.zlxz ul li .a01{width:auto;display: flex;align-items: center;font-size:20px; font-weight:700;}
.zlxz ul li .a01 p{ font-size:16px; color:#666; font-weight:400;}
.zlxz ul li .a01 i{width:51px;height:50px;margin-right:30px;}
.zlxz ul li .a02{display: flex;align-items: center;width:auto;}
.zlxz ul li .a02 .pic01{display:inline-block;}
.zlxz ul li .a02 .pic02{display: none;}


.zlxz ul li:hover .a02 .pic01{display:none;}
.zlxz ul li:hover .a02 .pic02{display:inline-block;}

.lxw{ width:1280px; height:auto; background:#f2f2f2; margin:70px auto 0px auto; padding:60px 40px;box-sizing: border-box;border-top: 3px solid var(--12887-d, #12887D);  }
.lxw h2{ float:left;}
.lxw1{ float:right;}
.lxw1 li{ float:left; line-height:35px; padding-right:40px;}
.lxwz1{ width:1280px; height:auto; margin:0 auto; margin-top:10px;}
.lxwz1 li{ float:left; width:49.5%; margin-right:1%;}
.lxwz1 li:nth-child(2n){ margin-right:0px;}

.lxz2{ width:1280px; height:auto; margin:70px auto;}
.lxz2 li{ width:32%; float:left; height:340px; margin-right:2%; background:#F2F2F2; color:#333; padding:70px 60px;box-sizing: border-box; line-height:35px;}
.lxz2 li h2{ font-size:24px; line-height:40px; margin-bottom:30px;}
.lxz2 li:nth-child(3n){ margin-right:0px;}   
.lxz2 li:nth-child(2){ }

.lxz2 li:hover{background:#12887D; color:#fff;}





@media screen and (max-width: 1360px) {
.foot_l ul{margin-left: -49px;}
.foot_l li{padding: 0 50px;}	
}
@media screen and (max-width: 1200px) {
.cpxlbox span{height: 250px;}
.foot_l ul{margin-left: -30px;}
.foot_l li{padding: 0 15px;}	
.nav a { font-size: 18px;}
}

@media screen and (max-width: 1000px) {
.header{box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.dhbtn{position: absolute; width: 30px;height: 30px; right: 15px;top: 50%;transform: translateY(-50%);border-radius: 4px;background: url(../images/a_10.png) no-repeat center center #12887d;background-size: 20px 20px;}
.dhbtn.on{background: url(../images/a_11.png) no-repeat center center #12887d;background-size: 20px 20px;}
.header_box{display: block; height: 60px;}
.logo{position: absolute;left: 10px;top: 50%;transform: translateY(-50%);width: 100px;}
.h140{height: 60px;}
.nav{ overflow-y: auto; position: fixed;width: 200px;height: calc(100vh - 60px);background: #fff;top: 60px;left: -200px; z-index: 100;}
.nav ul{display: block;}
.nav li a{line-height: 1; display: inline; font-size: 14px; padding: 0 15px;}
.nav li { line-height: 46px; border-bottom: 1px solid #eee;}
.nav li dl { position: static; width: 100%; transform: translate(0);}
.nav li dl dt { text-align: left; text-indent: 30px; line-height: 2;}
.nav li dl dt a { padding: 0;}
.dhbj{position: fixed;z-index: 10;left: 0;top: 0;background: rgba(0,0,0,.7);width: 100%;height: 100%;display: none;}
.bannerbox{height: auto;}
.banner .swiper-pagination{bottom: 10px;}
.banner_text h2{font-size: 14px;}
.banner_text p{font-size: 20px;margin: 10px 0;}
.banner_text a{width: 120px;line-height: 32px;}
.about_text{padding: 50px 0;}
.about_text h2{font-size: 24px; margin-bottom: 30px;}
.about_text p{font-size: 14px;line-height: 22px;margin-bottom: 20px;}
.about_text a{width: 120px; line-height: 32px;}
.bj1{background-size:cover;padding-bottom: 50px;}
.cpxl_title{padding: 50px 0 30px;}
.cpxl_title h2{font-size: 24px;}
.cpxl_nr li{width:49%; margin-right:2%; padding-bottom: 20px;}
.cpxl_nr li:nth-child(2n){ margin-right:0px;}   
.fwzc_title{padding: 30px 0;}
.fwzc_title h2{font-size: 24px;}
.fwzc_nr li{width:49%; margin-right:2%;padding-bottom: 20px;}
.fwzc_nr li:nth-child(2n){ margin-right:0px;}  
.fwzcbox{height:390px;padding:35px 15px 0 15px;text-align: center;background: #12887d;}
.fwzcbox h2{font-weight: bold; font-size: 20px;color: #fff;margin: 26px 0 15px;} 
.fwzcbox p{font-size: 14px;color: #fff; opacity: .6;line-height: 1.8;height: 130px; overflow:hidden;}
.fwzc{padding-bottom: 30px;}
.footerbox{padding: 30px 0;display: block;}
.foot_l{display: none;}
.foot_r{width: 280px; margin: 0 auto;}
.foot_r p{zoom: .9;}
.foot_r li{padding-left: 30px;}
.foot_r ul{margin-left: -30px;}
.bqxx p{line-height: 22px;padding: 15px 3%;}
.productSub { position: static;}
.subCont { gap: 0; flex-direction: column;}
.subSlide { padding: 0; width: 100%; border: none;}
.subCont h2 a { padding: 0;}
.subCont { max-width: 100%; padding: 0 25px;}
.nav li p a { padding: 0; font-size: 12px; line-height: 1.5;}
.subCont p { margin: 0; line-height: 2;}
.subCont h2 { margin-bottom: 10px; line-height: 2;}
.productSub { padding: 0;}



























#bannera{width:100%; height:115px; margin:0 auto; margin-bottom:0px; padding-bottom:0px; border-bottom:#fafafa 0px solid; background-size:auto 100%; background-position:center center;}
.about1{ width:96%; height:auto; margin:40px auto}
.abutext{ width:100%; float:none;position: relative; padding-bottom: 20px; font-weight: bold;font-size:20px;color: rgba(51, 51, 51, 1); margin-bottom:30px;}
.abutext:before{position: absolute;content: "";border-bottom: 2px solid #12887d;width: 56px;bottom: 0;left:0%;}

.about12{ width:100%; float:none;;    font-size:14px;
    line-height: 2;}


.pd_hd_l{width:96%; margin:0px auto 40px auto; }

.pd1 img{display:block; width:100%; height:auto;}
.wd1{width:25%;}
.wd1 img{width:100%; height:auto;}

.about2{ width:100%; height:auto; background:url(../images/b2.png) center no-repeat; background-size:cover;overflow:hidden;}


.fwzc_nr1{ width:96%; margin:40px auto; }
.fwzc_nr1 h3{width:100%; float:left;position: relative; padding-bottom: 20px; font-weight: bold;font-size:20px;color:#fff; margin-bottom:60px;}
.fwzc_nr1 h3:before{position: absolute;content: "";border-bottom: 2px solid #12887d;width:45px;bottom: 0;left:0%;}

.fwzc_nr1 ul{ width:100%; margin-left:0;}
.fwzc_nr1 li{float: none;; width:86%; padding-left:0; margin:0px auto 25px auto;}
.fwzcbox1{height: 350px;padding: 40px 30px 0 30px;text-align: center;background: #12887d;}
.fwzcbox1 span{display: block; position: relative; margin: 0 auto;width: 100px;height: 100px;border-radius: 50%;background: rgba(255,255,255,.3);}
.fwzcbox1 img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);transition: .5s;}
.img2{opacity: 0;}
.fwzcbox1 h2{font-weight: bold; font-size: 20px;color: #fff;margin:36px 0 25px;}
.fwzcbox1 p{font-size: 14px;color: #fff; opacity: .6;line-height: 1.8;height: 130px; width:80%; margin:0 auto;}
.fwzcbox1 a{display: inline-block; font-weight: bold; font-size: 14px;color: #fff;transition: .5s;}
.fwzcbox1 a b{display: inline-block;vertical-align: middle; margin: -3px 0 0 14px;background: url(../images/a_08.png);width: 20px;height: 10px;background-size: 100% 100%;}
.fwzcbox1:hover .img1{opacity: 0;}
.fwzcbox1:hover .img2{opacity: 1;}

.fwzcbox1 a:hover{letter-spacing: 2px;}


.about3{ width:96%; height:auto; margin:40px auto;}
.abut31{ width:100%; float:none;;}
.abut31 li{ width:100%; height: auto; margin-bottom:20px; padding-bottom:25px; background:#F2F2F2;}
.abut31 li h2{ width:90%;margin-left:5%; margin:0 auto; padding-top:30px; font-size:16px; color:#333;}
.abut31 li p{ width:90%; margin-left:5%; margin-top:15px; }
.abut32{ width:100%; float:none; margin-top:20px;;}
.abut32 img{ width:100%;}

.proudt{ width:96%; height:auto; margin:40px auto;}
.prdt1{ width:100%; height:auto;}
.prdt11{ width:100%; float:none;;}
.prodtext{ width:100%; height:56px; line-height:56px;font-weight: 700; margin-bottom:40px;background:url(../images/c1.svg) left center no-repeat; color:#fff; font-size:20px; text-indent:25px; }
.pdtxt{ width:100%; margin-bottom:20px; font-size:16px; line-height:2;}
.pdtxt li{display: flex;line-height:1.5;padding-bottom:10px;}
.pdtxt li::before {
    content: "\2022";
    margin-right: 0.62rem;
    color: #666;
    font-size: 16px;
	}
.prdt12{ width:100%; float:none;; height:auto; position:relative; overflow:hidden;}
.prdtyc{margin-top:60px;}
.prdt12 img{max-width: 100%;
    height: auto;
    text-align: center;
    margin: auto;}
.prdt12 .swiper-pagination{width: 100%; height:60px;bottom: 10px;text-align:  center; position: absolute;}
.prdt12 .swiper-pagination-bullet{width: 36px;height: 2px;border-radius: 0;background: #fff;opacity: 1;}
.prdt12 .swiper-pagination-bullet-active{background: #12887d;}

.prdt2{ width:100%; margin-top:70px;}
.prdt2 ul{ width:100%; padding-top:0px;display: flex;
    flex-wrap: wrap;}
.prdt2 ul li{ width:49%;font-size:14px; margin-right:2%;  margin-bottom:10px; height:60px; line-height:60px; text-indent:5px;background: #F2F2F2;    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: flex-start;
    position: relative;
    margin-top: 0.25rem;
    line-height: 1.5;
    align-items: center;}
.prdt2 ul li::before {
    content: "\2022";
    margin-right: 0.2rem;
    color: #D9D9D9;
    font-size: 20px;
	}
	
.prdt2 ul li:nth-child(2n) { margin-right:0px;}
.prdt2 ul li:nth-child(2n+1) { margin-right:2%;;}
.container {
               display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
        }

.column {
           width: calc(50% - 10px);
    margin-bottom: 20px;
        }
.column::after {
            content: "";
            display: table;
            clear: both;
        }
.column ul li{
	  width: 100%;
    text-indent: 0px;
    padding-left: 15px;
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: flex-start;
    position: relative;
    margin-top: 0.25rem;
		  line-height: 1.5;
		  align-items:center;
	}
        .image {
            text-align: center;
			width: calc(50% - 10px);
    margin-bottom: 20px;
        }
   .image p{padding-top:10px;}
      .image img{     text-align: center;
    margin: auto;}
        img {
            max-width: 100%;
        }
.heating-type {
      margin-bottom: 40px;
    }

.heating-type h2 {
      font-size: 18px;
    }

.heating-type p {
      font-size: 16px;
    }

.heating-type img {
      float: right;
      width: 105px;
      height: auto;
	      margin-top: -55px;
    }
.ytd{
	 width:100%;
	}
.ytd1{
	 width:100%;
	}
.ytd .ytd1 li{
	    float: none;
	 width:100%;
	}
.prod3{ width:100%; margin:70px auto 60px;}
.tabjs{
	overflow-x:auto;
	}
.ke-zeroborder{
	border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 15px;
	table-layout: auto;
	width:auto;
	}
.ke-zeroborder tr, .ke-zeroborder td {
    border: 1px solid #ccccccff;
    font-family: Arial, sans-serif;
    font-size: 14px;
    overflow: hidden;
    padding: 5px;
    word-break: normal;
    text-align: center;
	white-space:nowrap;
}
.ke-zeroborder th {
    background-color: rgba(18, 136, 125, 1);
    border: 1px solid #ccccccff;
    font-family: Arial, sans-serif;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
	white-space:nowrap;
    height: 40px;
    overflow: hidden;
    padding: 5px;
    word-break: normal;
    text-align: center;
}
.index{ width:100%; height:auto; background:#F2F2F2; color:#333; margin-bottom:20px; padding-bottom:40px;}
.index1{ width:100%; float:none; }
.index1 img{ width:100%; display:block;}
.index2{ width:100%; height: auto; float:none}
.inde2{ width:90%; height:100%;; display:block;;float:none;; padding-left:10%; }
.ind2{ width:100%; height: auto; text-align: left;; padding-top:35px; }
.ind2 h2{width:100%; float:left;position: relative; padding-bottom:15px; margin-bottom:15px; font-weight: bold;font-size: 20px;color: rgba(51, 51, 51, 1);}
.ind2 h2:before{position: absolute;content: "";border-bottom: 2px solid #12887d;width: 56px;bottom: 0;left:0%;}

.ind2 p{ width:100%; height: auto;font-size:14px; margin-bottom:25px;}
.ind2 a{display: block; text-align: center; width: 160px; line-height: 42px; color: #fff;background: #12887d;border-radius: 31px; font-weight: bold; font-size: 14px;transition: .5s;}
.ind2 a b{display: inline-block;background: url(../images/a_01.png);width: 13px;height: 14px;margin: -3px 0 0 10px;vertical-align: middle; transition: .5s;}
.ind2 a:hover{letter-spacing: 2px;}

.index:nth-child(2n) .index1{ float:right;}
.index:nth-child(2n) .index2{ float:left;}
.index:nth-child(2n) .index2 .ind2 p{ margin-bottom:35px; margin-top:15px; border-bottom:1px solid #E0E0E0; padding-bottom:20px;}

.menu_nav{width: 96%;margin:35px auto 20px auto;max-width: 96%;}
.menu_nav ul{overflow: hidden;}
.menu_nav li{ width:49%; height:40px; margin-right:2%; margin-bottom:10px; float:left;}
.menu_nav li:nth-child(2n){ margin-right:0px;}  
.menu_nav li a{display: block;text-align: center; font-size: 12px;background: #12887D; color: #fff;line-height: 40px;cursor: pointer;}
.menu_nav li a:hover{color: #fff;background: #0B6960;}


.protxz{ width:100%; height:80px; background:#F2F2F2; overflow:hidden;}
.protxz1{ width:96%;  margin:0 auto;}
.protxz1 h2{ height:50px; margin-top:15px; line-height:50px; font-size:22px;font-weight: 700; background:url(../images/line9.png) left bottom no-repeat;;}




.cpxl_1{ width:100%; margin-bottom:40px;}
.cpxl_nr1{ width:96%; margin:0 auto; margin-bottom:20px;}
.cpxl_nr1 ul{overflow: hidden;  margin:0 auto;}
.cpxl_nr1 li{float: left;width:49%; margin-right:2%; padding-bottom:20px ;}
.cpxlbox{background: #f2f2f2; padding: 0px;transition: .5s;border: 1px solid #f2f2f2; position: relative;}
.cpxlbox b{background: url(../images/a_03.png);width: 32px;height: 32px;border-radius: 50%;background-size: 100%; position: absolute; top: 18px;right: 18px;transition: .5s; opacity: 0;}
.cpxlbox span{display: block; height:200px;display: flex;justify-content: center;align-items: center;}
.cpxlbox img{max-width:90%; transition: .5s;}
.cpxlbox p{text-align: center; line-height:45px;border-top: 1px solid #dddddd;font-size: 12px;color: rgba(51, 51, 51, 1);font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cpxl_nr1 a:hover .cpxlbox{border: 1px solid #12887d;}
.cpxl_nr1 a:hover b{opacity: 1;}
.cpxl_nr1 li:nth-child(2n){ margin-right:0px;}  .cpxl_nr1 li:nth-child(2n+1){ margin-right:2%;}  
#nx_pg{width:100%;padding:5px 0px 0px 0px; text-align: center; margin-top:10px;  }
 #nx_pg li{ display:inline-block;}
 #nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; border:1px solid #e1d7e0; color:#9a9a9a;font-size:14px; margin:0px 3px 50px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
 #nx_pg a:hover{background:#12887D;border:1px solid #12887D; color:#fff;}
 #nx_pg .on{ background:#12887D;border:1px solid #12887D; color:#fff;}

.newsList1 {width:96%; margin:30px auto 35px auto;}
.newsList1 ul { width:100%;}
.newsList1 li { height: auto; background: #F2F2F2; width:49%;; margin-right:2%; margin-left:0; margin-bottom:40px; float:left;transition: all .3s;}
.newsList1 li:nth-child(2n-1){ margin-right:0px;} 
.newt{ width:836px; height:412px; float:left; margin:0px 8px; display:none;}
.newt .newt_img{ width:100%;}
.newt .newt_img img{ width:100%; height:332px;}
.newt h3{ width:100%; height:80px; background:#12887D; line-height:80px; color:#fff; padding:0px 20px;box-sizing: border-box; }
.newt h3 span{ float:right;}


.newsPic {overflow: hidden;}
.newsPic img { transition: all 0.5s; display: block; width: 100%; height:110px; object-fit: cover;}
.newsText { position: relative; padding:20px 10px 20px;}
.newsText h2 { transition: all .3s; color: #333333; margin-bottom: 10px; font-weight: 500; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical; font-size:18px; line-height: 25px;}
.newsText p { transition: all .3s;font-size: 14px; height:0px; line-height: 25px; color: #666666;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.newsText span { color: #ffffff; background: #FE8705; display: block; position: absolute; left: 42px; top: -18px; line-height: 36px; width: 123px; text-align: center;}
.newsList1 li:hover { background: #12887D;}
.newsList1 li:hover .newsText h2 { color: #ffffff;}
.newsList1 li:hover .newsText p { color: #ffffff;}
.newsList1 li:hover img { transform: scale(1.1);}

.news_nr{ width:96%; height:auto; margin:40px auto 40px auto;}
.news_nr ul{overflow: hidden; margin-left:0px; padding-bottom: 10px;}
.news_nr li{float: left; width:49%; padding-left:0px; margin-right:2%; margin-bottom:25px;}
.news_nr li:nth-child(2n){ margin-right:0px;} 
.newsbox{border: 1px solid #efefef; background:#F2F2F2;}
.newsbox span{display: block;height: 225px; position: relative;}
.newsbox span img{width: 100%;height: 100%;object-fit: cover;}
.newsbox b{position: absolute; width: 123px;line-height: 36px; font-weight:400;color: #12887D;background: #fff;border-radius: 100px;transition: .5s;left: 40px;bottom: -18px;font-size: 14px;text-align: center;}
.news_text{padding: 20px 5px 20px 5px;transition: .5s;}
.news_text h2{font-size: 14px; height:50px; line-height:25px;color: #333333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.news_text p{font-size: 12px;color: #666666; line-height: 25px;height: 50px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; margin-top:15px;}
.news_nr a:hover .newsbox{background: #12887D;}

.news_nr a:hover h2{color: #fff;}
.news_nr a:hover p{color: #fff;}

.ar1{ width:96%;; height:auto; margin:0 auto; padding:40px 0px 40px 0px; background:#fff;box-sizing: border-box;  }
#info-T{width:100%; min-height:26px; padding-top:30px; color:#242424; padding-bottom:15px; line-height:26px; text-align:left; font-size:18px; font-weight:bold;}
#info-M{width:100%; height:45px; line-height:45px; text-align:left;}
#info-C{width:100%; line-height:28px; margin-top:10px; font-size:14px;}
#info-C img{ max-width:100%;}
#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:14px;}
#info-N{width:100%; height: auto; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}


.ar1 a{font-size: 17px;text-align: center; width:150px; border-radius: 100px;line-height: 40px; font-weight: 400; color: #fff;background: #12887D;transition: .5s;display: block; margin-top: 20px;}
.ar1 a:hover{background: #0B6960;}
.ar1 a img{display: inline-block;width: 13px;vertical-align: middle; margin: -3px 0 0 25px;}

.cpxx{ width:96%; font-size:20px;font-weight: 700; line-height:40px; margin:40px auto 0px auto; height: auto; margin-bottom:25px;}
.cpxf{ width:96%; height:auto; margin:0 auto; background:#F2F2F2; padding-bottom:30px;}
.cpxf1{ width:100%; float:none;;}
.cpxf1 img{ width:100%;}
.cpxf2{ width:100%; float:none;;}
.huoq01{ width:96%;color:#333; margin:0 auto;}
.huoq01 h1{font-size:24px;line-height:40px; margin-top:40px;}
.huoq01 ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.huoq01 ul li{width:47.8632%;margin-top:20px;display: flex;align-items: center;font-size:12px;}
.huoq01 ul li dl{width:100%;}
.huoq01 ul li dl dt{font-size:14px;line-height:21px;color:#999;}
.huoq01 ul li dl dd{margin-top:20px;}
.huoq01 ul li.w100{width:100%;}
.bk2{width:100%;border:0px;line-height:34px;background-color:transparent;border-bottom:1px solid #E0E0E0;outline:none;font-size:16px;color:#999;}
.bk2::placeholder {  color: #999 !important; }
.anniu2{width: 160px;height: 40px;border-radius: 100px;background: var(--12887-d, #12887D);line-height:40px;text-align:center;cursor:pointer;color:#FFF;font-size:14px;}
.bk3{ width:125px; height:40px; border:1px solid #E0E0E0;}

.lidt{ width:1280px; height:auto; margin:70px auto;}
.lidt li{ width:100%; height:auto; padding:40px 60px; margin-bottom:30px; background:#F2F2F2;}
.lidt li h2{ width:100%;font-weight: 700; color:#333; font-size:14px; height:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.lidt li p{ font-size:12px; line-height:22px; height:44px; color:#666; margin-bottom:20px;}
.lidt li span{ color:#12887D; font-weight:700;}
.lidt li:hover{ background:#12887D;}
.lidt li:hover h2{ color:#fff}
.lidt li:hover p{ color:#fff}
.lidt li:hover span{ color:#fff}

.h1_p{ width:100%; height:40px; background:#f2f2f2; float:right; text-align:center; color:#666; font-size:14px; font-weight:400; margin:10px 0px 5px 0px;;}
.h1_p span{color: var(--12887-d, #12887D); font-size:16px; font-weight:700;}

.zlxz{width:96%; margin:30px auto 30px auto;}
.zlxz ul{}
.zlxz ul li{width:100%;padding:15px; float:left; margin-right:2%; margin-bottom:30px;display: flex;justify-content: space-between;background-color:#F2F2F2;transition: all 0.6s;}
.zlxz ul li:nth-child(2n){ margin-right:0px;}   
.zlxz ul li .a01{width:auto;display: flex;align-items: center;font-size:16px; font-weight:700;}
.zlxz ul li .a01 p{ font-size:16px; color:#666; font-weight:400;}
.zlxz ul li .a01 i{width:51px;height:50px;margin-right:15px;}
.zlxz ul li .a02{display: flex;align-items: center;width:auto;}
.zlxz ul li .a02 .pic01{display:inline-block;}
.zlxz ul li .a02 .pic02{display: none;}


.zlxz ul li:hover .a02 .pic01{display:none;}
.zlxz ul li:hover .a02 .pic02{display:inline-block;}

.lxw{ width:96%; height:auto; background:#f2f2f2; margin:40px auto 0px auto; padding:30px 10px;box-sizing: border-box;border-top: 3px solid var(--12887-d, #12887D);  }
.lxw h2{ float:none;;}
.lxw1{ float:none;;}
.lxw1 li{ float:left; line-height:35px; padding-right:40px;}
.lxwz1{ width:96%; height:auto; margin:0 auto; margin-top:10px;}
.lxwz1 li{ float:none;; width:100%; margin-right:0%;}
.lxwz1 li:nth-child(2n){ margin-right:0px;}

.lxz2{ width:96%; height:auto; margin:40px auto;}
.lxz2 li{ width:100%; float:none;; height: auto; margin-right:0%; margin-bottom:20px; background:#F2F2F2; color:#333; padding:30px 10px;box-sizing: border-box; line-height:25px;}
.lxz2 li h2{ font-size:20px; line-height:30px; margin-bottom:20px;}
.lxz2 li:nth-child(3n){ margin-right:0px;}   
.lxz2 li:nth-child(2){ }

.lxz2 li:hover{background:#12887D; color:#fff;}



.fixRight { display:none;}




















}