@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0;     box-sizing: border-box; }
html, body { width: 100%;     font-family: '微软雅黑'; font-size: 14px; }
img { border:none ;max-width:100%;     text-align-last: center;    vertical-align: middle; display: block;}
a { color:#333;text-decoration:none; }
a:hover { color:#01abae ;text-decoration:none;}
ul { list-style:none;}
li{ list-style-type :none;}
.clear {clear:both;    float: none!important;    background: none;    width: 0 !important;    height: 0 !important;}
.clearfix  {clear:both;}
.w1200 { max-width:1400px; margin: 0 auto; width:90%;}
span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.fl{float: left;}
address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: normal;
}
table
{
    border-collapse:collapse;
}
tr{    border: 1px solid black!important;}
td{    border: 1px solid black!important;}

    .swiper-container {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}






.top { background: #333;  }
.top p{float:left; line-height: 40px; color: #fff;}
.top span{ color: #fff; line-height: 40px; float: right; padding: 0 0 0 26px; background: url(../img/icoTel.png) no-repeat left center; background-size: 20px;}

.nav{}
.nav .logo{ width: 20%; padding: 30px 0; float: left;}
.nav .logo img{ max-width: none; }
.nav .nav_ul{ float:right;     max-width: 73%; margin: 0 2% 0 0;}
.nav .nav_ul > li { float: left; position: relative;}
.nav .nav_ul > li > a{ padding: 0 18px; line-height: 110px; font-size: 16px; }
.nav .nav_ul > li > a:hover{ color: #01abae; }
.nav .nav_ul > li.on > a{ color: #01abae; }
.nav .nav_ul > li > ul{ position: absolute; left: -50%; top: 110px; display: none; z-index: 999; }
.nav .nav_ul > li:hover > ul{ display: block; width:200%; background: hsla(0,0%,0%,0.6); padding: 10px 0 20px; }
.nav .nav_ul > li:hover > ul li { width:100%; }
.nav .nav_ul > li:hover > ul li a{ width:100%; text-align: center; display: block; line-height: 36px; color: #fff; }
.nav .nav_ul > li:hover > ul li:hover a{ color: #01abae; }

.nav_tel{ float: right; margin: 28px 0 0;  }
.nav_tel span{ display: table; font-size: 16px; }
.nav_tel span:nth-child(1){padding: 0 0 0 26px; background: url(../img/icoTel.png) no-repeat left center;  background-size: 20px;}
.nav_tel span:nth-child(2){ font-size: 24px; font-weight: bold; }

.banner {position: relative;}
.banner h2{width: 300px;position: absolute;display: block;line-height: 36px;top:calc(50% - 18px);color: #fff;font-size: 32px;}
.banner h2:after{     content: "";    display: block; width: 70px; height: 3px; position: absolute; top: 60px; left: 0; background: #fff;     }

.banner_sy .w1200{position: absolute; height: 100%;     transform: translateY(30%); opacity: 0;}
.banner_sy h3{ position: absolute; top: 32% ;left: 0;     color: #fff;   padding-bottom: 10px;    font-size: 36px;    font-weight: bold}
/*.banner_sy h3:after{     content: "";    display: block; width: 6px; height: 40px; position: absolute; top: 10px; left: -30px; background: #01abae;     }*/
.banner_sy h4{ position: absolute; top: calc(32% + 60px) ;left: 0; overflow: hidden;    color: #fff;    font-size: 24px;   font-weight: 100;}
.banner_sy a{ position: absolute; top: calc(32% + 90px) ;left: 0;  display: inline-block;    font-size: 16px;    background-color: #01abae;    padding: 10px 20px;    text-align: center;    color: #fff;    margin-top: 3rem;}

.banner_sy .swiper-slide-active .w1200{  transition: all 2s ease .5s;    transform: translateY(0);    opacity: 1;}
   

.black1{ padding:30px 0;}
.black1 h2{position: relative; text-align: center;font-size: 22px; color: #01abae; line-height: 48px;}
.black1 h2:after{     content: "";    display: block; width: 160px; height: 2px; position: absolute; top: 48px; left: calc(50% - 80px); background: #ccc;     }
.black1 p{ text-align: center; font-size: 20px; color: #a2a2a2;line-height: 48px;}

.black1 ul{ margin: 30px 10px ; overflow: hidden;}

.black1 ul li{ float:left; width: calc((100% - 150px) / 6 ); margin: 0 30px 0 0; background: #e8e8e8; font-size: 14px; padding: 10px 27px; } 
.black1 ul li:nth-child(6){ margin: 0;}
.black1 ul li a{display: block;    width: 100%;}
.black1 ul li img{ padding: 10px 0; transition: all .5s; }
.black1 ul li p{  border-top: 2px solid #ccc; text-align: center; line-height: 56px; font-size: 16px; position: relative; transition: all .5s; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;} 
.black1 ul li p:after{     content: "";    display: block; width:0; height: 2px; position: absolute; top: -1px; left: 0; background: #fff;   transition: all .5s;   }
.black1 ul li:hover p:after{     content: "";    display: block; width:100%; height: 2px; position: absolute; top: -2px; left: 0; background: #fff;     }
.black1 ul li:hover{background: #01abae;  }
.black1 ul li:hover p{color: #fff; }
.black1 ul li:hover img{ filter: grayscale(100%) brightness(200%);}

.black1 a.gd{ display: table; padding: 10px 20px; border: 1px solid #ccc; margin: 0 auto;  transition: all .2s;}
.black1 a.gd:hover{ border: 1px solid #01abae; }
.black1 a.gd:hover a{ color: #fff;}

.black2{ background:url(../img/b1.png) no-repeat top center #e9e9e9; padding: 50px 0 50px;}
.black2 h2{position: relative; text-align: center;font-size: 22px; color: #01abae; line-height: 48px;}
.black2 h2:after{     content: "";    display: block; width: 260px; height: 2px; position: absolute; top: 48px; left: calc(50% - 130px); background: #ccc;     }
.black2 p{ text-align: center; font-size: 20px; color: #a2a2a2;line-height: 48px;}

.black2 ul{ margin: 30px 0;}
.black2 ul li{ float:left; width: calc((100% - 90px) / 4 ); margin: 0 30px 20px 0; background: #e8e8e8; font-size: 14px; position: relative;} 
.black2 ul li:nth-child(4n){ margin: 0 0px 20px 0;}
.black2 ul li a{}
.black2 ul li img{ padding: 0px 0;}
.black2 ul li p{ text-align: center; font-size: 16px; position: absolute; bottom: 0; left: 0; padding: 0 10px; line-height: 36px; background: hsl(181deg 100% 34% / 100%);; color: #fff; width: 100%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.black2 ul li:hover p{  background: hsl(181deg 100% 34% / 60%);}

.black3{ background:url(../img/b2.png) no-repeat top center #fff; padding: 50px 0 30px;}
.black3 h2{position: relative; text-align: center;font-size: 22px; color: #01abae; line-height: 48px;}
.black3 h2:after{     content: "";    display: block; width: 160px; height: 2px; position: absolute; top: 48px; left: calc(50% - 80px); background: #ccc;     }
.black3 p{ text-align: center; font-size: 20px; color: #a2a2a2;line-height: 48px;}

.black3 ul{ margin: 30px 0;}
.black3 ul li{ float:left; width: calc((100% - 60px) / 3 ); margin: 0 30px 20px 0; background: #e8e8e8; font-size: 14px; } 
.black3 ul li:nth-child(3n){ margin: 0 0px 20px 0;}
.black3 ul li > a{ position: relative; display: block; }
.black3 ul li img{ padding: 0px 0;}
.black3 ul li > a > p{ text-align: center; font-size: 16px; position: absolute; bottom: 0; left: 0; padding: 0 10px; line-height: 36px; background: hsla(0,0%,0%,0.60); color: #fff; width: 100%;}
.black3 ul li .black3_txt{ padding:30px 20px; background: #e9e9e9; }
.black3 ul li .black3_txt p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7; -webkit-box-orient: vertical; color: #555; line-height: 28px; text-indent: 2em; font-size: 14px; text-align: left;}
.black3 ul li .black3_txt a.gd{ display: table; border: #999 solid 1px; background: #fff; padding: 10px 30px; margin: 30px auto; border-radius: 10px; }
.black3 ul li:nth-child(2) .black3_txt{  background:hsl(181deg 100% 34% / 60%);}
.black3 ul li:nth-child(2) .black3_txt p{ color: #fff;}
.black3 ul li:nth-child(2) .black3_txt a.gd{  background:hsl(181deg 100% 34% / 60%); color: #fff; border: #fff solid 1px; }
 
.bj{}
.bj img{ max-width:100%;}

.black4{ background:#e9e9e9; padding: 50px 0; }

.black4_news{ background: #FFF; position: relative;}
.black4 ul.ul_top{ padding: 20px 0 0 30px; width:calc(75% - 30px);float: left;}
.black4 ul.ul_top h2{ font-size: 16px; line-height: 36px; margin-bottom: 10px; }
.black4 ul.ul_top li{ width:calc( 50% - 23px); float:left; border-bottom:1px dashed #dbd4cd; height:95px; margin-bottom:15px; margin-left:45px;} 
.black4 ul.ul_top li:nth-child(2n){ margin-left: 0;}
.black4 ul.ul_top li .time{width:80px; height:80px; background:#7f7f7f; float:left; text-align:center; color:#FFF;}
.black4 .time .day{ display:block;font-size:24px; line-height:40px;}
.black4 ul.ul_top li .in-news-msg{width:calc(100% - 80px); padding-left:30px; height:95px; float:left; overflow:hidden;}
.black4 .in-news-msg .ne-title{font-size:16px; color:#01abae; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 0 0 10px 0;}
.black4 .in-news-msg .ne-title a{  color:#01abae; }
.black4 .in-news-msg .abstract{ line-height:24px; color:#7f7f7f; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.black4_news .ul_tit{ width:calc(75%);float: left; }
.black4_news .ul_tit h2{  width: 50%; float: left; font-size: 16px; text-align: center; background: #7c7c7c; color: #fff; line-height: 48px; cursor: pointer; font-weight: 200; }
.black4_news .ul_tit h2.on{ background:#01abae; }

.black4_news .ul_bo{ width:calc(75% - 0px);float: left;padding: 20px 0 20px 20px; }
.black4_news .ul_bo li{ float:left; padding: 0 0 0 40px; background: url(../img/c1.png) no-repeat 18px center; width: calc(50% - 0px); line-height: 36px;}
.black4_news .ul_bo a{ width: 80%; display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}


.black4_news .black4_right{ width: 25%; background: url(../img/c2.jpg) no-repeat right bottom #3c3c3c; height: 100%; float: right; position: absolute; top: 0; right: 0; padding: 30px 25px;}
.black4_news .black4_right h2{color: #fff;}
.black4_news .black4_right .sy_contact{ line-height: 42px; color: #fff; margin: 20px 0 10px 0;}
.black4_news .black4_right > img { width: 140px;}
.black4_news .black4_right a{display: inline-block;}


.black5{ background:url(../img/b2.png) no-repeat top center #fff; padding: 50px 0 30px;}
.black5 h2{position: relative; text-align: center;font-size: 22px; color: #01abae; line-height: 48px;}
.black5 h2:after{     content: "";    display: block; width: 160px; height: 2px; position: absolute; top: 48px; left: calc(50% - 80px); background: #ccc;     }
.black5 p{ text-align: center; font-size: 20px; color: #a2a2a2;line-height: 48px;}


.black6{ background:url(../img/b3.png) no-repeat bottom center #fff; padding: 20px 0 30px; margin: 0 0 100px; position: relative;}
.black6 ul{ padding: 00px 45px 10px; margin: 0 0 0px;}
.black6 ul li{ width: calc((100% - 120px) / 5); margin: 0 30px 0 0; float: left; }
.black6 ul li:nth-child(5){ margin: 0; }

.black6 > a{ display: table; padding: 10px 20px; border: 1px #333 solid; position: absolute; left: calc(50% - 49px); bottom: -60px;}



.footer{ padding: 65px 0 50px; background: #333;}
.footer ul{ float:left; color: #Fff;}
.footer ul li{line-height: 28px;   transition: all .5s;}
.footer ul h2{ margin: 0 0 20px;}
.footer ul a{ color: #fff; }

.footer ul li:hover{ text-indent: 10px;}

.footer ul.foot1{ width: 20%;}
.footer ul.foot2{ width: 20%;}
.footer ul.foot3{ width: 20%;}
.footer ul.foot4{ width: 20%;}
.footer ul.foot5{ width: 20%;}

.footer ul.foot4 .font_contact{ line-height: 28px;}

.footer ul.foot5 .foot_ewm{ float:right;}
.footer ul.foot5 img{ width: 140px; margin: 50px 0 0;}
.footer ul.foot5 p{ text-align: center; line-height: 36px;}

.link{ background: #333; line-height: 32px; padding: 12px 0;}
.link a{  color: #eee; }
.foot{ background: #333; line-height: 48px; border-top: 1px solid rgb(238 238 238 / 28%);;}
.foot p{ text-align: center; color: #fff;}
.foot p em{ margin: 0 10px;}

.dq{ background: #ededed; line-height: 36px; text-indent: 20px; position: relative; margin: 0 0 30px; }
.dq:after{     content: "";    display: block; width: 2px; height: 36px; position: absolute; top: 0; left: 0; background: #01abae;     }

.page-status{display: none!important;}
.page{width:100%;text-align:center; padding-top:30px; clear: both;}
.page span,.page a{ display:inline-block; line-height: 24px; margin-right:5px;line-height:21px; text-align:center;color:#333;font-size:12px}
.page span{font-weight:bold;color:#fff;}
.page a{color:#333; border: 1px #ccc solid; border-radius: 10px; margin: 0 10px; padding: 3px 11px;}
.page a:hover{font-weight:bold;color:#01abae;}
.page span.next,.page a.next{ width:51px; height:21px; }
.page span.next{color:#C4C4C4;font-weight:normal;}
.page a.page-num-current{background:#01abae; color: #fff;}


.product{margin: 50px 0;}

.pro_list{float:left; width: 22%;}
.pro_list_tit{ background:#01abae; padding: 20px 0; }
.pro_list_tit h3{ color: #fff; font-size: 24px; line-height: 32px; text-align: center;}
.pro_list_tit h2{ color: #fff; font-size: 20px; line-height: 32px; text-align: center;}
.pro_list .ul_tit > a{ display: block; text-align: center; line-height: 42px;  color: #fff; 
background: #8b8c95;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #525566, #8b8c95);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #525566, #8b8c95); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.pro_list .ul_tit ul{padding: 18px 0; }
.pro_list .ul_tit ul li{float:left; width: 50%; line-height: 32px;}
.pro_list .ul_tit ul li a{ display: block; text-align: center;}

.pro_list_info{  width: 100%; padding: 20px;  background:#ededed; margin: 0 0 50px; }

.pro_lists{ float: right; width: 74%;}
.pro_lists ul{}
.pro_lists ul li{ width: calc(( 100% - 60px ) / 3 ); float: left; margin: 0 30px 30px 0; border: 1px solid #ccc; padding: 5px;}
.pro_lists ul li:nth-child(3n){ margin: 0 0 30px 0; }
.pro_lists ul li img{ width: 100%; }
.pro_lists ul li p{ width: calc( 100% ); background: #6c6c6c; text-align: center; line-height: 36px; color: #fff; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro_lists ul li:hover{ border: 1px solid #01abae; }
.pro_lists ul li:hover p{ background: #01abae;  }

.pro_cont{ float: right; width: 74%;}

.cont_left{ width: 50%; float: left;}


.pro_xgcp { margin: 50px 0 0 ; }
.pro_xgcp h4{ border-bottom: 2px #ccc solid; font-size: 16px ; text-indent: 15px; line-height: 36px; position: relative; }
.pro_xgcp h4:after{     content: "";    display: block; width: 100px; height: 2px; position: absolute; top: 36px; left: 0; background: #01abae;     }
.pro_xgcp ul{ margin: 30px 0;}
.pro_xgcp ul li{ float:left; width: calc((100% - 98px) / 4 ); margin: 0 30px 20px 0; background: #e8e8e8; font-size: 14px; position: relative; border: 1px solid #ccc;} 
.pro_xgcp ul li:nth-child(4n){ margin: 0 0px 20px 0;}
.pro_xgcp ul li a{  }
.pro_xgcp ul li img{ padding: 0px 0;}
.pro_xgcp ul li p{ text-align: center; font-size: 16px; position: absolute; bottom: 0; left: 0; padding: 0 10px; line-height: 36px; background: hsla(0,0%,0%,0.60); color: #fff; width: 100%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro_xgcp ul li:hover p{   background:hsl(181deg 100% 34% / 60%); }



/* 本例子css */
.slideBox{ width:100%; height:480px; overflow:hidden; position:relative; border:1px solid #ddd;  background: #fff;}
		.slideBox .hd{ height:60px; overflow:hidden; position:absolute; left:15%; bottom:10px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:5px;  width:60px; height:60px; text-align:center;border:#ccc 3px solid; }
		.slideBox .hd ul li.on{ border:#01abae 3px solid; }
		.slideBox .hd ul li a{ display: block}
		.slideBox .bd{ position:relative;    width: 90%;    margin: 0 auto; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:100%; height:100%; display:block;  }


.cont_right{ float:right; width: 48%;}
.cont_right h2{    width: 100%;    font-size: 24px;    line-height: 30px;    font-weight: normal;    padding-bottom: 20px;    border-bottom: 1px solid #5c656d; text-indent: 10px;}
.cont_right p{ margin: 20px 0 0; line-height: 32px; color: #666; padding: 0 20px;}
.cont_right .page_nei{margin: 20px 0 0;}
.cont_right .page_nei a{  width: 90%; padding: 0 20px; margin: 10px; display: block; background: #fff; color: #999; line-height:32px; border: 1px solid #ccc; border-radius: 15px;}
.cont_right .page_nei a:nth-child(1){ float:left;}
.cont_right .page_nei a:nth-child(2){float:left;}



.cont_t{ margin: 50px 0 0; }
.cont_t:after{     content: "";    display: block; width: 2px; height: 36px; position: absolute; top: 0; left: 0; background: #01abae;     }
.cont_tit{background: #ccc; }
.cont_tit span { padding: 0 30px; text-align: center; color: #fff; background: #01abae; display: table; line-height: 48px;}
.cont_txts{ padding: 20px;}

.news_fenlei{ background: #f2f2f2; text-align: center; padding: 20px 0;}
.news_fenlei a{ line-height: 42px; padding: 0 30px; font-size: 16px; display:inline-block; }
.news_fenlei a.on{ color:#fff; background: #01abae; border-radius: 25px;  }


.news_lists .p_articles {
    width: calc((100% - 0px)/3);
}
.news_lists .p_CommonSummaryBoxA {
    text-align: center;
}

.news_lists >div {
    animation-fill-mode: both;
}
.news_lists .newListBox {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.news_lists .container {
    width: 100%;
    overflow: hidden;
    margin: 1rem auto;
    padding: 0 1rem;
}
.news_lists .newList {
    overflow: hidden;
    padding: 1rem;
    width: 100%;
    height: 140px;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #eaeaea;
    transition: all .5s ease;
}

.news_lists .newList1 .title1 {
    font-size: 1.375rem;
    font-weight: bold;
    color: #01abae;
    margin-bottom: 10px;
    margin-top: 10px;
}
.news_lists .newList1 .newSummry {
    margin-bottom: 10px;
}
.news_lists .date {
    margin-bottom: 10px;
    font-size: 14px;
    color: #999;
}
.news_lists .readMore {
    display: block;
    float: none;
    width: 130px;
    height: 30px;
    padding: 0px;
    color: #01abae;
    line-height: 30px;
    border: 1px solid #01abae;
    transition: all 0.3s ease;
}
.news_lists .readMore:hover {
    background: #01abae;
    color: #fff;
}

.news_lists .newLinkBox {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.news_lists .leftTimeBox {
    width: 80px;
    height: 98px;
    background: #f5f5f5;
    text-align: center;
    font-family: arial;
    transition: all .5s ease;
}
.news_lists .centerContentBox {
    width: calc((100% - 0px)/1);
    padding-left: 3%;
}
.news_lists .newList1 .centerContentBox {
    padding-left: 0%;
    width: calc((100% - 0px)/1);
}
.news_lists .centerContentBox .newImg {
    max-width: 100%;
    width: 100%;
}
.news_lists .rightIcon {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 20px;
    overflow: hidden;
}
.news_lists .newData {
    font-size: 2.75rem;
    line-height: 46px;
    color: #01abae;
    padding-top: 15px;
}
.news_lists .newTitle {
    font-size: 1.375rem;
    margin-bottom: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all .5s ease;
}
.news_lists .newToolBox {
    margin: 5px 0;
    color: #b4b4b4;
}
.news_lists .newSummry {
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    color: #565656;
}
.news_lists .rIcon {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: auto;
    height: 98%;
    transition: all .5s ease;
}
.news_lists .redIcon {
    opacity: 0;
}
.news_lists .whiteIcon {
    opacity: 1;
}
.news_lists .newList:hover {
    height: 150px;
}
.news_lists .newList:hover .leftTimeBox {
    background: #01abae;
    color: #fff;
}
.news_lists .newList:hover .newData {
    color: #fff;
}
.news_lists .newList .newYearMon {
    color: #01abae;
}
.news_lists .newList:hover .newYearMon {
    color: #fff;
}
.news_lists .newList:hover .newTitle {
    color: #01abae;
}
.news_lists .newList:hover .redIcon {
    opacity: 1;
}
.news_lists .newList:hover .whiteIcon {
    opacity: 0;
}
.news_lists .data1 {
    margin-right: 5px;
}


.news_lists .p_hot .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}
.news_lists .p_new .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}
.news_lists .p_page .pre .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}
.news_lists .p_page .next .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}
.news_lists .p_more .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}
.news_lists .p_loading .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}
.news_lists {
    max-height: none;
    padding-top: 0px;
    padding-left: 15px;
    padding-bottom: 0px;
    min-height: 0px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1430px;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
    min-width: 0px;
    height: auto;
    padding-right: 15px;
}




.news_nei{padding: 50px 0;}
.news_nei h2{ text-align: center;  line-height: 48px;}
.news_nei > p{ border-top:1px solid #ccc; text-indent: 20px; color: #666; }
.news_nei > p em{ padding:0 20px; line-height: 36px; }
.news_nei_txt{ padding: 20px ;}
.news_nei_txt span{ white-space: inherit; }

.sxy{ border-bottom: 1px solid #ccc; line-height: 82px;} 
.left_sx{ width: 50%; float: left; display: flex;}
.right_sx{ width: 50%; float:right; display: flex;}

.sxy a{ width:calc(100% - 100px); display: block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.case_list{}
.case_list ul{ margin:80px 0;}
.case_list ul li{ width: calc((100% - 90px) / 4); float: left;  margin: 0 30px 30px 0;}
.case_list ul li:nth-child(4n){ margin:  0 0px 30px 0;}
.case_list ul li .ioc{overflow: hidden; border: 1px solid #ccc;}
.case_list ul li img{ width:100%; transition:all .5s;}
.case_list ul li p{ text-align: center; line-height: 36px ;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.case_list ul li:hover img{ transform:scale(1.2); }
.case_list .page{ margin: 20px 0 50px;}

.case_listss{}
.case_listss ul{ margin:80px 0;}
.case_listss ul li{ width: calc((100% - 60px) / 3); float: left;  margin: 0 30px 30px 0; }
.case_listss ul li:nth-child(3n){ margin:  0 0px 30px 0;}
.case_listss ul li .ioc{overflow: hidden; border: 0px solid #ccc;}
.case_listss ul li img{ width:100%; transition:all .5s;}
.case_listss ul li p{ text-align: center; line-height: 36px ;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.case_listss ul li:hover img{ transform:scale(1.2); }
.case_listss .page{ margin: 20px 0 50px;}


.about_fenlei{ background: #f2f2f2; text-align: center; padding: 20px 0;}
.about_fenlei a{ line-height: 42px; padding: 0 30px; font-size: 16px; display:inline-block; }
.about_fenlei a.on{ color:#fff; background: #01abae; border-radius: 25px;  }
.about_txt{ padding: 50px 0;}

.honor{ margin: 30px 0; }
.honor_h2{ background: #f2f2f2; margin: 30px 0 20px; }
.honor_h2 h3{ line-height: 42px; font-size: 14px; font-weight: bold; padding:0 20px; background: #01abae; display: table; min-width: 200px; text-align: center;  }
.honor a{ width: 25%; float: left;  line-height: 36px;    padding: 0 0 0 26px;  position: relative; }
.honor a::after{     content: "";    display: block; width: 5px; height: 5px; position: absolute; top: calc((100% - 5px) / 2); left: 5px; background: #333;     }

.contact{ margin: 50px 0;}

.contact_left{ width: 45%; float: left; background: #f9f9f9; height: 450px;}
.contact_txt{ padding: 20px 40px 55px 20px;}
.contact_txt h2{  color:#01abae; line-height: 56px; border-bottom: 1px solid #ccc; text-indent: 10px; font-size: 24px; margin: 0 0 30px 0;}
.contact_txt span{ line-height: 48px;  display: block;}
.contact_txt span.add{ background: url( ../img/c4.png) no-repeat left center; background-size: 30px; }
.contact_txt span.tel1{  background: url( ../img/c3.png) no-repeat left center; background-size: 30px; }
.contact_txt span.tel2{ background: url( ../img/c2.png) no-repeat left center; background-size: 30px; }
.contact_txt span.fax{ background: url( ../img/c7.png) no-repeat left center; background-size: 30px;}
.contact_txt span.email{ background: url( ../img/c5.png) no-repeat left center; background-size: 30px;  }
.contact_txt span.www{  background: url( ../img/c6.png) no-repeat left center; background-size: 30px; }

.contact_right{ width: 55%; float: right;}

.contact_ly{ margin: 80px 0 50px; }
.contact_ly h2{ font-size: 36px; font-weight: bold; position: relative; text-align: center; margin: 0 0 50px;}
.contact_ly h2 strong{ color:#01abae;  }
.contact_ly h2:after{     content: "";    display: block; width: 80px; height: 3px; position: absolute; top: 66px; left: calc(50% - 40px); background: #01abae;     }


.contact_ly textarea{ width: 100%; padding: 15px; font-size: 14px!important; border: #d2d2d2 1px solid;}

.contact_ly input{ margin: 20px 0 0; width: 48%; line-height: 36px; text-indent: 18px; font-size: 14px!important;border: #d2d2d2 1px solid;} 
.contact_ly input:nth-child(2n-1){ float:right}
.contact_ly input:nth-child(2n){ float:left}
.contact_ly input.ewm1{ width: 100%; }
.contact_ly .ewm{ position: relative;    float: right; width: 48%; }
.contact_ly .ewm input{ width: 100%;}
.contact_ly .ewm img{ position: absolute; top: 22px; right:2px;  height: 36px;}
.contact_ly button{ width: 100%; background: #333; margin: 20px 0 0; color: #fff; border: 0; line-height: 48px; cursor: pointer; font-size: 16px; transition:all .5s;}
.contact_ly button:hover{ background: #01abae; }

.m_head{display: none;}

@media only screen and (max-width: 768px){
	
	.top p{ display: none;}
	.nav{ display: none;}
	
	.m_head{ display: block;    background: #fff;    padding: 10px 5%;  z-index: 999;    border-bottom: 1px solid #ababab; }
	.m_head .logo { float:left; width: 70%;}
	.m_head .logo img { }
	.m_head .num { float: right;}
	.m_head .num img{ height: 20px; margin: 20px 0 0; }
	
	.m_nav{position: fixed; right:100%; top: 0; width: 100%; background: hsla(0,0%,0%,0.6); z-index: 99999;}
	.m_nav.on{position: absolute; right:0%; top: 0;}
	.m_nav .m_ul{ width: 80%; background:  hsla(0,0%,0%,0.8); float: right; position: relative;}
	.m_nav .m_ul li{border-bottom: 1px solid #232530;}
	.m_nav .m_ul li a{    display: block;    height: 45px;    color: #fff;    line-height: 45px;    padding-left: 5%;    font-size: 16px;}
	.m_nav .close{ position: absolute; top: 20px; left:20px;}
	.m_nav .close img{cursor: pointer;      display: block;    margin: 11px auto;    transition: all .2s;    cursor: pointer;    overflow: hidden; }
	
	.m_nav ul.m_ul > li ul.ul_too{ display: none; width: 80%; float: right;}
	.m_nav ul.m_ul > li ul.ul_too li{  }
	.m_nav ul.m_ul > li ul.ul_too li a{ }
	
	.m_nav ul.m_ul > li.gd{    background: url(../img/7_15.png) 95% 15px no-repeat;}
	
	.banner_sy h3{ position: absolute; top: 32% ;left: 0;     color: #fff;   padding-bottom: 10px;    font-size:16px;    font-weight: bold;width: 60%;    line-height: 26px;    text-align: left;}
	.banner_sy h3:after{     content: "";    display: block; width: 6px; height: 40px; position: absolute; top: 10px; left: -30px; background: #01abae;    }
	.banner_sy h4{ position: absolute; top: calc(32% + 60px) ;left: 0; overflow: hidden;    color: #fff;    font-size: 14px;   font-weight: 100;}
	.banner_sy a{ position: absolute; top: calc(32% + 40px) ;left: 0;  display: none;    font-size: 12px;    background-color: #01abae;    padding: 10px 20px;    text-align: center;    color: #fff;    margin-top: 3rem;}
	
	.banner h2{font-size: 24px;}
	.banner h2:after{top: 40px;}
	
	.black1 ul li{ float:left; width: calc((100% - 30px) / 2 ); margin: 0 30px 20px 0; background: #e8e8e8; font-size: 14px; padding: 10px 10px;} 
	.black1 ul li:nth-child(2n){ margin: 0 0 20px 0;}
	
	.black2 ul li{ float:left; width: calc((100% - 30px) /2 ); margin: 0 30px 20px 0; background: #e8e8e8; font-size: 14px; position: relative;} 
	.black2 ul li:nth-child(2n){ margin: 0 0px 20px 0;}
	
	.black3 ul li{ float:left; width: calc((100%)); margin: 0 0px 20px 0; background: #e8e8e8; font-size: 14px; } 
	.black3 ul li:nth-child(2){ display: none;}
	.black3 ul li:nth-child(3){ display: none;}
	.black3 ul li img{ width:100%;}
	
	.bj{ position: relative; height: 100px; width: 100%; overflow: hidden;}
	.bj img{  position: absolute; width: 160%!important; max-width:inherit; left: -29%;}
	
	.black4 ul.ul_top {    padding: 20px 30px 0 30px;    width: calc(100%);    float:none;}
	.black4_news .black4_right{display: none;}
	.black4_news .ul_tit{float:none; width: calc(100%);}
	.black4_news .ul_bo{ width: 100%;}
	.black4 ul.ul_top li{ width: 100%;}
	.black4 ul.ul_top li:nth-child(2n+1){margin-left:0;}
	.black4 ul.ul_top li:nth-child(n+5){display: none;}
	
	.black4_news .ul_bo li{ width: 100%;}
	.black4_news .ul_bo li:nth-child(2n+1){margin-left:0;}
	.black4_news .ul_bo li:nth-child(n+6){display: none;}
	
	.black6 {background: none;}
	.black6 ul{ padding: 00px 45px 10px; margin: 0 0 0px;}
	.black6 ul li{ width: calc((100% - 30px) / 2); margin: 0 30px 20px 0; float: left; }
	.black6 ul li:nth-child(2n){ margin: 0 0 20px 0; }
	.black6 ul li:nth-child(5){ display: none; }
	
	.footer ul{display: none;}
	.footer .foot4{ display: block; width: 100%!important;}
	.footer .foot5{ display: block; width: 100%!important; margin: 30px 0 0;}
	.footer ul.foot5 .foot_ewm{ float:none; margin: 0 auto;}
	.footer ul.foot5 img{margin: 0 auto;}
	
	.pro_list{ width:100%; float: none; margin: 0 0 50px;}
	.pro_lists{ width:100%; float: none; }
	
	.pro_lists ul li{ width: calc(( 100% - 30px ) / 2); float: left; margin: 0 30px 30px 0; border: 1px solid #ccc; padding: 5px;}
	.pro_lists ul li:nth-child(2n){ margin: 0 0 30px 0; }
	.pro_lists ul li:nth-child(2n-1){ margin: 0 30px 30px 0; }
	.page-index,.page-last{display: none!important;}
	.page a{ margin: 0 5px;}
	
    .cont_txts img{ height: auto!important; }
    .pro_cont{ width: 100%; float:none;}
.cont_left{ width: 100%; float:none;}
.cont_right{ width: 100%; float:none;}
	.news_lists .leftTimeBox{ display: none;}
	
	.case_list ul li{ width: calc((100% - 30px) / 2); float: left;  margin: 0 30px 30px 0;}
	.case_list ul li:nth-child(2n){ margin:  0 0px 30px 0;}
	
	.contact_left{ width: 100%; float:none;}
	.contact_right{ width: 100%; float:none;}
}