﻿
.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}
@font-face{
    font-family: "ZYYT-B";
    src:url("/images/ResourceHanRoundedCN-Bold.ttf");
}
@font-face{
    font-family: "ZYYT-M";
    src:url("/images/ResourceHanRoundedCN-Medium.ttf");
}
@font-face{
    font-family: "ZYYT-L";
    src:url("/images/ResourceHanRoundedCN-Light.ttf");
}
/*侧边*/
.parting-line:before{background: #333!important;}
.onlineBox-Content{color:#333!important;}

/*顶部导航*/
#mould82074{ background:none; position:fixed; top:0; z-index:999; width:100%;}
.navbars4,.navbars4 .logo,.navbars4 ul{ height:80px;}
#mould82074 .navs>li{ position: relative; background:none;}
#mould82074 .navs>li:hover{ }
#mould82074 .navs>li>a{ color:#fff; line-height:auto; padding: 0 24px; display: block; text-align: center; background:none; font-size:18px;}
#mould82074 .navs>li>a:hover{ color:#32aba1;}
#mould82074 .navs>li.active>a{ color:#32aba1;}
.navbars4{ width:1600px; position: relative; z-index:99}
.navbars4 .logo a img:first-child{ display:block;}
.navbars4 .logo a img:last-child{ display:none;}


.navbars4 li .hide1{ width:100%; position:absolute; top:80px; left:0; 
  background: #fff; padding:0 20px; box-sizing:border-box; display:none; 
  box-shadow:0px 7px 9px rgb(0 0 0 / 7%);border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;}
.navbars4 li:hover .hide1{ display:block;}
.navbars4 li .hide1 a{ background:none; border-radius:initial; color:#333; text-align: center; line-height:42px; padding:0; display:block; border-bottom: 1px solid #ccc;}
.navbars4 li .hide1 a:last-child{ border-bottom:none;}
.navbars4 li .hide1 a:hover{ color:#32aba1;}

.head-right{ float:right;}
.head-right ul,.head-right .btngsearch,.head-right .language{ float:left;}
.head-right .language{ width:36px; height:36px; color:#fff; font-family: arial; text-transform: uppercase; display:block; margin-top:22px; font-size:20px; line-height:36px; text-align:Center;}
.head-right .btngsearch{ background:url(/images/earch.png) no-repeat center; background-size: 100%; width:30px; height:30px; display:block; margin: 25px 25px 0 25px;}

.head-search{ width:100%; background:rgba(0,0,0,0.3); position: absolute; left:0; top:-200px; transition:.5s; z-index:9;}
.head-search div{ width:1200px; margin:48px auto; position:relative;}
.head-search input{
    width: 100%;
    height: 48px;
    line-height: 48px;
    background: #f5f5f5;
    font-size: 16px;
    transition:.5s;
    box-shadow:none;
    border: 2px solid #32aba1;
    padding: 0 20px;
    box-sizing:border-box;
}
.head-search a{ background:#32aba1 url(/images/search.png) no-repeat center; width:48px; height:48px;display:block; position:absolute; right:0; top:0;}
.btn_active{ top:80px;}


.header_active{ background:#fff!important; transition:1s;}
.header_active .navbars4 .logo a img:first-child{ display:none;}
.header_active .navbars4 .logo a img:last-child{ display:block;}
.header_active .navs>li>a{ color:#505050!important;}
.header_active .navs>li>a:hover{ color:#32aba1!important;}
.header_active .head-right .btngsearch{ background:url(/images/earch1.png) no-repeat center; background-size: 100%;}
.header_active .head-right .language{ color:#505050;}


/*轮播图*/
#mould82075 .swiper-slide img{ height:100vh;}
#mould82075 .swiper-button-next,.swiper-container-rtl .swiper-button-prev{ right: 50px!important;}
#mould82075 .swiper-button-prev,.swiper-container-rtl .swiper-button-next{ left: 50px!important;}
#mould82075 .swiper-container .swiper-pagination .swiper-pagination-bullet{ background-color:rgb(255, 255, 255);background:rgb(255, 255, 255);opacity:0.5;border-radius:4px; width:30px;}
#mould82075 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background-color:rgb(255, 255, 255);background:rgb(255, 255, 255);opacity:1;border-radius:4px; width:30px;}
#mould82075 .swiper-button-next:after,#mould82075 .swiper-button-prev:after{ display:none;}


/*产品*/
.product_a{ }
.product_a>h2{ font-family: "ZYYT-M"; font-size:32px; line-height:34px; color:#fff; margin-top:100px;}
.product_a>h2 span{ width:5px; height:34px; display:inline-block; background:url(/images/xian.png) no-repeat; background-position: -22px 0; position: relative; top: 5px;}
.product_a>h2 span:first-child{ transform: rotate(180deg); margin-right:18px;}
.product_a>h2 span:last-child{ margin-left:18px;}
.product_a .slider11{ position:relative; display:none;}
.product_a .slider11 .swiper-container{ padding:46px 0;}
.product_a .slider11 .swiper-slide{ border-radius:12px!important; overflow:hidden!important;}
.product_a .slider11 .swiper-slide h2{ text-align:center; background:#fff; font-size:18px; line-height:64px;}
.product_a .slider11 .swiper-slide:hover h2{ color:#333;}
.product_a .slider11 .swiper-slide-active,.product_a .slider11 .swiper-slide-duplicate-active{ transform: scale(1.2)!important; z-index:99; box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
.product_a .slider11 .swiper-button-prev{ width: 35px; height: 35px; background: url(/images/btn_jt_white.png) no-repeat; left:-60px;}
.product_a .slider11 .swiper-button-next{ width: 35px; height: 35px; background: url(/images/btn_jt_white.png) no-repeat; right:-60px; transform: rotate(180deg);}
.product_a .slider11 .swiper-button-next:after,.product_a .slider11 .swiper-button-prev:after{ display:none;}
.product_a .slider11 .swiper-button-prev:hover{ background:#fa9d99 url(/images/btn_jt_white_red.png) no-repeat; border-radius:50%;}
.product_a .slider11 .swiper-button-next:hover{ background:#fa9d99 url(/images/btn_jt_white_red.png) no-repeat; border-radius:50%;} 

.product_menu{ width:960px; margin:40px auto 0 auto;}
.product_menu_list{ width:120px; float:left; background:linear-gradient(to right,#fff,#ebebeb); text-align:center; padding:16px 0;}
.product_menu_list span{ width:50px; height:50px; margin:0 auto; border-radius:50%; display:block; background-color:#fff; background-image:url(/images/product_name_btn.png); border: 1px solid #999; box-sizing:border-box;}
.product_menu_list:nth-child(2) span{ background-position:-50px 0;}
.product_menu_list:nth-child(3) span{ background-position:-100px 0;}
.product_menu_list:nth-child(4) span{ background-position:-150px 0;}
.product_menu_list:nth-child(5) span{ background-position:-200px 0;}
.product_menu_list:nth-child(6) span{ background-position:-250px 0;}
.product_menu_list:nth-child(7) span{ background-position:-300px 0;}
.product_menu_list:nth-child(8) span{ background-position:-350px 0;}
.product_menu_list:hover{ background:#32aba1; cursor: pointer;}
.product_menu_list p{ margin-top:7px;}
.product_menu_list:hover p{ color:#fff;}
.product_menu_list.on{ background:#32aba1;}
.product_menu_list.on p{ color:#fff;}


.width_1600{ width:1480px; margin:0 auto;}
/*简介*/
.about_a{ margin-top:100px;}
.about_a .left{ float:left; width:45%;}
.about_a .left h2{ font-family: "ZYYT-M"; font-size:32px; line-height:34px; color:#32aba1;}
.about_a .left h2 span{ width:5px; height:34px; display:inline-block; background:url(/images/xian.png) no-repeat; position: relative; top: 5px;}
.about_a .left h2 span:first-child{ transform: rotate(180deg); margin-right:18px;}
.about_a .left h2 span:last-child{ margin-left:18px;}
.about_a .left h3{ font-family: "ZYYT-B"; font-size:48px; line-height:48px; color:#32aba1; border-top:1px solid #32aba1; margin:40px 0 80px 0; padding-top:40px;}
.about_a .left div{ width:44%;}
.about_a .left a{ font-size:20px; line-height:20px; float: left; margin-right:80px;}
.about_a .left a:nth-child(even){ margin-right:0;}
.about_a .left a:nth-child(-n+6){ margin-bottom:40px;}
.about_a .left a:hover{ color:#32aba1;}
.about_a .right{ float:right; width:40%; background:#fff; border-top:11px solid #32aba1; padding:64px 80px; box-sizing:border-box; border-bottom-left-radius:12px; border-bottom-right-radius:12px;}
.about_a .right h2{ font-family: "ZYYT-B"; font-size:36px; line-height:36px; color:#333; margin-bottom:24px;}
.about_a .right h3{ font-family: "ZYYT-L"; text-transform: capitalize; position:relative; padding-bottom:20px; margin-bottom:20px; font-size:24px; line-height:24px; color:#ccc;}
.about_a .right h3:after{ content: ""; width:48px; height:1px; background:#333; position:absolute; left:0; bottom:0;}
.about_a .right p{ font-size:18px; line-height:30px; text-align: justify;}
.about_a .right a{ border:2px solid #32aba1; line-height:42px; color:#32aba1; display:inline-block; padding:0 24px; box-sizing:border-box; border-radius:21px; margin-top:48px;}
.about_a .right a:hover{ background:#32aba1; color:#fff;}



/*新闻*/
.news_a{ margin-top:100px;}
.news_a .left{ float:left; width:42%;}
.news_a .left h2{ font-family: "ZYYT-M"; font-size:32px; line-height:34px; color:#333; margin-bottom:45px;}
.news_a .left h2 span{ width:5px; height:34px; display:inline-block; background:url(/images/xian.png) no-repeat; background-position: -11px 0; position: relative; top: 5px;}
.news_a .left h2 span:first-child{ transform: rotate(180deg); margin-right:18px;}
.news_a .left h2 span:last-child{ margin-left:18px;}
.news_a .left .img{ width:100%; position:relative; border-top-left-radius:12px; border-top-right-radius:12px; overflow:hidden;}
.news_a .left .img time{ position:absolute; right:0; bottom:0; background:#32aba1; color:#fff; border-top-left-radius:6px; line-height:40px; padding:0 24px; font-family: arial;}
.news_a .left .txt{ background:#f5f5f5; padding:40px 48px; box-sizing:border-box;}
.news_a .left .txt h3{ font-size:24px; line-height:24px; font-weight:bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:24px;}
.news_a .left:hover .txt h3{ color:#32aba1;}
.news_a .left .txt p{ color:#666; line-height:28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

.news_a .right{ float:right; width:52%;}
.news_menu{ margin:80px 0 48px 0; float:right;}
.news_menu a{ float:left; font-size:20px; line-height:20px; margin-left:30px;}
.news_menu a:hover{ color:#32aba1;}
.news_menu a span{ width:26px; height:26px; display:inline-block; background:url(/images/btn_news.png) no-repeat; position: relative; top: 5px; margin-right:5px;}
.news_menu a:nth-child(2) span{ background-position:-26px 0;}
.news_menu a:nth-child(3) span{ background-position:-52px 0;}
.news_menu a.on{ color:#32aba1;}
.news_menu a.on span{ background-position:0 -26px;}
.news_menu a:nth-child(2).on span{ background-position:-26px -26px;}
.news_menu a:nth-child(3).on span{ background-position:-52px -26px;}

.news_cont{ clear:both;}
.news_cont .news_list{ display:none;}
.news_cont .news_list a:nth-child(-n+3){ display:block; border-bottom:1px solid rgba(0,0,0,0.1); margin-bottom:30px; padding-bottom:30px;}
.news_cont .news_list a time{ font-size:18px; font-family: "ZYYT-B"; float:left; width:16%;}
.news_cont .news_list a time span{ font-size:24px; line-height:24px; display:block;}
.news_cont .news_list a h3{ float:left; width:64%; font-size:18px; line-height:50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_cont .news_list a h4{ float:right; width:31px; height:9px; background:url(/images/jian.png) no-repeat; margin-top:20px;}
.news_cont .news_list a:hover time{ color:#32aba1;}
.news_cont .news_list a:hover h3{ color:#32aba1;}
.news_cont .news_list a:hover h4{ background-position:0 -23px;}


/*版权*/
.xuanchuan{ position: absolute; top:25%; right:17%; font-size:68px; font-family: "ZYYT-B"; color:#32aba1;}
footer{ width:100%; background:#48bab1; position:absolute; bottom:0; padding-top:36px;}
footer ul{ float:left; width:54%;}
footer li{ float:left; margin-right:10%;}
footer li:last-child{ margin-right:0;}
footer li h4{ margin-bottom:8px;}
footer li h4 a{ color:#fff;}
footer li h5 a{ font-size:14px; color:rgba(255,255,255,0.8); line-height:24px;}
footer li h5 a:hover{ color:#fff;}
footer .erweima{ float:right; text-align:center;}
footer .erweima:last-child{ margin-right:20px;}
footer .erweima p{ text-align:center; color:#fff; font-size:14px; margin-top:5px;}

.copy{ border-top:1px solid rgba(255,255,255,0.3); margin-top:30px;}
.copy .fl{ float:left;}
.copy .fr{ float:right;}
.copy .fl,.copy .fr,.copy a{ line-height:42px; color:#fff; font-size:14px;}



@media (max-width:1680px){
  .navbars4{ width:94%;}
  .width_1600{ width:92%;}
  .product_a{ width:80%!important;}
  .product_menu{ margin:10px auto 0 auto;}
}

@media (max-width:1440px){ 
  .product_a .slider11 .swiper-slide h2{ line-height:48px;}
  .about_a .left h3{ font-size:40px; line-height:40px;}
  .about_a .right{ width:44%; padding: 64px 60px;}
  .news_cont .news_list a:nth-child(-n+3){ margin-bottom:24px; padding-bottom:24px;}
}

@media (max-width:1366px){ 
  .about_a .right{ width:48%;}
}












