@charset "utf-8";
:root{ --color:#00b097; }
/*WapslidesSTART*/
.wap-slides.am-slider-c2 .am-control-nav li a{ width: 8px;height:8px;border-radius: 65px; }
/*WapslidesNED*/
/*--------------------------
** Model Index
---------------------------*/
.comm-title{ padding: 30px 15px; text-align: center; }
.comm-title h5{ font-size: 18px;color: #000;padding-bottom: 5px; }
.comm-title p{ color: #666; }
.comm-title.white h5,.comm-title.white p{ color: #fff; }
/** newproduct **/
.newproduct .container{ background: #efefef;overflow: hidden; }
.newproduct .cons{ position: relative; text-align: center; }
.newproduct .cons .remark{ position: absolute;top: 30%;right: 35px;z-index: 68 }
.newproduct .cons .remark h2{ font-size: 20px;color: #000; }
.newproduct .cons .remark h5{ color: #666;font-size: 14px; }
.newproduct .cons .remark a{ display: block;font-size: 14px;color: var(--color);margin: 5px auto 0;text-decoration:underline; }
.newproduct .cons .remark:hover img{ transform: scale(1.1); }
/** hotproduct **/
.hotproduct .cons{ margin-top: 20px; background: #f8f8f8;overflow: hidden; }
.hotproduct .imgs{ position: relative; }
.hotproduct .remark{ padding: 20px 20px 30px; }
.hotproduct .remark h5{ font-size: 18px;color: var(--color); }
.hotproduct .remark p{
    color: #666;
    line-height: 24px;
    margin: 12px 0;
}
.hotproduct .remark a{ font-size: 16px;color: var(--color); }
/** wap-course **/
.wap-course{ overflow: hidden; background-size: cover; }
.wap-course-list{ position: relative;padding: 20px 0 120px; }
.wap-course-list .bors {display: block;width: 100%;height: 1px;background: var(--color);}
.wap-course-list .swiper-slide:first-child{ padding-left: 15px; }
.wap-course-list .swiper-slide .remark{ position: relative; margin-top: 20px; }
.wap-course-list .swiper-slide .remark em{ position: absolute;top: -28.5px;left: 0; display: block;width: 15px;
    height: 15px;background: var(--color);border-radius: 65px;z-index: 10 }
.wap-course-list .swiper-slide h5{ font-size: 16px; color: #333;padding: 0 0 8px; }
.wap-course-list .swiper-slide p{ color: #666;font-size: 13px;line-height: 20px; }
/*adavs*/
.wap-adavs{ position: relative;margin-top: -80px;background: #fff; }
.wap-adavs-list{ box-shadow: 0 0 20px rgba(0,0,0,.2) }
.wap-adavs-list ul li{ width: calc((100% / 3) - 1px); display: flex;align-items: center;flex-direction: column;justify-content: center;text-align: center;
    float: left; height: 120px;border-right: 1px solid #ebf2eb; }
.wap-adavs-list ul li:last-child { border-right-color: #fff; }
.wap-adavs-list ul li h5{ font-size: 36px;color: var(--color); }
.wap-adavs-list ul li p{ color: #666;padding: 0 10px; }
/*wcret*/
.wcret{ background: #f8f8f8;height: 515px; }
.home-subcat{ margin-top: 15px; }
.home-subcat a{ display: inline-block; position: relative; font-size: 18px;color: #000;margin: 0 8px; }
.home-subcat a:after{ display: block; position: absolute;bottom: -10px;left: 50%; width: 0;height: 4px;background: transparent;content: "";
    -webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.home-subcat a.on{ color: var(--color); }
.home-subcat a.on:after{ width: 100%; left: 0; background: var(--color); }
.wcret .wcret-tab{ position: relative; }
.wcret .wcret-tab .cret-con{ width: 100%; position:absolute;top:0;left:0;visibility:hidden; }
.wcret .wcret-tab .cret-con.visible{ visibility: visible; }
.certify .certify-0,.certify .certify-1{ padding: 15px 15px 40px; }
.certify .swiper-slide {background: transparent;}
.certify .swiper-slide img{display:block;}
.certify .swiper-slide p {color: #666;padding-top: 20px;text-align: center;}
/*article*/
.wap-article-a .wap-article-list ul li:after{ display: block;content: "";clear: both; }
.wap-article-a .wap-article-list{ padding: 0 15px 20px; }
.wap-article-a .wap-article-list ul li{ padding: 12px 0;border-bottom: 1px solid #eee; }
.wap-article-a .wap-article-list ul li:last-child{ border-bottom: 0; }
.wap-article-a .wap-article-list ul li a{ display: flex;justify-content:space-between;align-items: center; }
.wap-article-a .wap-article-list ul li h5{ font-weight: normal;color: #333; max-width:76%;word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.wap-article-a .wap-article-list ul li .time{ color: #666;font-size: 12px; }
/** allproduct **/
.productall ul li .frist{ position: relative; }
.productall ul li .frist h5{ position: absolute;top: 20px;left: 15px; font-size: 20px;color: #fff;z-index: 6 }
.productall ul li .rlist{ padding: 15px; }
.productall ul li .rlist .rows-2{ float: left;width: 49%;min-height: 250px; background: #f7f7f7; }
.productall ul li .rlist .rows-2:first-child{  margin-right: 2%; }
.productall ul li .rlist .remark{ text-align: center;padding: 20px 10px; }
.productall ul li .rlist .remark h5{ font-size: 16px;color: #000;font-weight: bold;text-overflow: ellipsis;white-space: nowrap; overflow: hidden; }
.productall ul li .rlist .remark p{ font-size: 14px;color: #999;text-overflow: ellipsis;white-space: nowrap; overflow: hidden; }
.productall ul li .rlist .imgs{ display: flex;align-items: center; overflow: hidden; }
.productall ul li .rlist .imgs img{ display: block; max-width: 70%;margin: 0 auto;transition: all 1s; }
.productall ul li .rlist .rows-2:hover .imgs img{ transform: scale(1.2); }
.productall ul li .rlist .rows-2:hover .remark h5{ color: var(--color); }
.productall .more-jia{ text-align: center;line-height: 20px;margin: 30px auto 40px; }
.productall .more-jia a{ color: var(--color);font-size: 16px;letter-spacing: 2px; }
.productall .more-jia em{ display: inline-block;width: 20px;height: 20px;
    background: url("../images/jia.png") no-repeat;margin-left: 8px;vertical-align: -4px; }