﻿.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");
}



/*导航搜索*/
header{ position: fixed!important; top:0; z-index:99999;}

header .btngsearch{ background:url(/images/earch1.png) no-repeat center; background-size:26px; width:30px; height:30px; display:block; position: absolute; top: 16px; right: 50px; z-index:9999;}
.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:90%; margin:18px 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;
    margin-bottom: 0;
}
.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:61px;}


#mould72066{ border-top-width:0px; border-top-style:solid; margin-top:20px;}
#mould72065{ margin-top:20px;}
#mould72067{ margin-top:20px;}
#mould72063{ margin-top:63px;}
#mould72063 .swiper-container .swiper-pagination .swiper-pagination-bullet{ background-color:#fff; background:#fff; width:10px; height:10px;}
#mould72063 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background-color:#32aba1; background:#32aba1; width:10px; height:10px;}
#mould72063 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 5px;}


/*产品*/
.product_a{ background: url(//upload.ruituoyun.com/Upload/website/13654/image/2023/05/26/6382068880552836036836756.jpg) center top / auto 100% no-repeat; padding:36px 15px; box-sizing:border-box;}
.product_a>h2{ font-family: "ZYYT-M"; font-size:30px; line-height:30px; color:#fff; margin:0;}
.product_a>h2 span{ width:5px; height:34px; display:inline-block; background:url(/images/xian_white.png) no-repeat; background-size:4px; position: relative; top: 6px;}
.product_a>h2 span:first-child{  margin-right:10px;}
.product_a>h2 span:last-child{ transform: rotate(180deg); margin-left:10px;}

.product_a .slider11{ position:relative; display:none;}
.product_a .slider11 .swiper-container{ padding-top:30px;}
.product_a .slider11 .swiper-slide{ border-radius:12px!important; overflow:hidden!important; transform: scale(0.8)!important;}
.product_a .slider11 .swiper-slide h2{ text-align:center; background:#fff; font-size:16px; line-height:48px; margin:0; color:#999;}

.product_a .slider11 .swiper-slide-active,.product_a .slider11 .swiper-slide-duplicate-active{ transform: scale(1)!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:100%; margin:40px auto 0 auto;}
.product_menu_list{ width:23.5%; margin-right:2%; float:left; background:#fff; text-align:center; padding:8px 0 4px 0; border-radius:12px;}
.product_menu_list:nth-child(4n){ margin-right:0;}
.product_menu_list:nth-child(-n+4){ margin-bottom:2%;}
.product_menu_list span{ width:36px; height:36px; margin:0 auto 2px auto; border-radius:50%; display:block; border: 1px solid #999; box-sizing:border-box;}
.product_menu_list:nth-child(1) span{ background:#fff url(/images/product_name_btn_s1.png) no-repeat center center; background-size:28px;}
.product_menu_list:nth-child(2) span{ background:#fff url(/images/product_name_btn_s2.png) no-repeat center center; background-size:28px;}
.product_menu_list:nth-child(3) span{ background:#fff url(/images/product_name_btn_s3.png) no-repeat center center; background-size:28px;}
.product_menu_list:nth-child(4) span{ background:#fff url(/images/product_name_btn_s4.png) no-repeat center center; background-size:28px;}
.product_menu_list:nth-child(5) span{ background:#fff url(/images/product_name_btn_s5.png) no-repeat center center; background-size:28px;}
.product_menu_list:nth-child(6) span{ background:#fff url(/images/product_name_btn_s6.png) no-repeat center center; background-size:28px;}
.product_menu_list:nth-child(7) span{ background:#fff url(/images/product_name_btn_s7.png) no-repeat center center; background-size:28px;}
.product_menu_list:nth-child(8) span{ background:#fff url(/images/product_name_btn_s8.png) no-repeat center center; background-size:28px;}
.product_menu_list.on:nth-child(1) span{ background: url(/images/product_name_btn_s11.png) no-repeat center center; background-size:28px;}
.product_menu_list.on:nth-child(2) span{ background: url(/images/product_name_btn_s21.png) no-repeat center center; background-size:28px;}
.product_menu_list.on:nth-child(3) span{ background: url(/images/product_name_btn_s31.png) no-repeat center center; background-size:28px;}
.product_menu_list.on:nth-child(4) span{ background: url(/images/product_name_btn_s41.png) no-repeat center center; background-size:28px;}
.product_menu_list.on:nth-child(5) span{ background: url(/images/product_name_btn_s51.png) no-repeat center center; background-size:28px;}
.product_menu_list.on:nth-child(6) span{ background: url(/images/product_name_btn_s61.png) no-repeat center center; background-size:28px;}
.product_menu_list.on:nth-child(7) span{ background: url(/images/product_name_btn_s71.png) no-repeat center center; background-size:28px;}
.product_menu_list.on:nth-child(8) span{ background: url(/images/product_name_btn_s81.png) no-repeat center center; background-size:28px;}

.product_menu_list:hover{ background:#32aba1; cursor: pointer;}
.product_menu_list:hover span{ border: 1px solid #fff; background-color:transparent;}
.product_menu_list.on span{ border: 1px solid #fff; background-color:transparent;}
.product_menu_list.on:nth-child(10) span{ background-position: 0 -45px;}
.product_menu_list.on:nth-child(20) span{ background-position: -45px -45px;}
.product_menu_list p{ color:#999; font-size:12px;}
.product_menu_list:hover p{ color:#fff;}
.product_menu_list.on{ background:#32aba1;}
.product_menu_list.on p{ color:#fff;}



/*简介*/
.about_a{ background: url(//upload.ruituoyun.com/Upload/website/13654/image/2023/05/26/6382068879618444507014151.jpg) left bottom / auto 100% no-repeat; padding:36px 15px; box-sizing:border-box;}
.about_a .right{ width:100%; background:rgba(255,255,255,0.95); border-top:11px solid #32aba1; padding:24px 20px; box-sizing:border-box; border-bottom-left-radius:12px; border-bottom-right-radius:12px;}
.about_a .right h2{ font-family: "ZYYT-B"; font-size:30px; line-height:30px; color:#333; margin-bottom:12px;}
.about_a .right h3{ font-family: "ZYYT-L"; text-transform: capitalize; position:relative; padding-bottom:20px; margin-bottom:20px; font-size:18px; line-height:20px; color:#ccc;}
.about_a .right h3:after{ content: ""; width:48px; height:1px; background:#fa9d99; position:absolute; left:0; bottom:0;}
.about_a .right p{ font-size:16px; line-height:28px; text-align: justify; color:#696969;}
.about_a .right a{ border:2px solid #32aba1; line-height:36px; color:#32aba1; display:inline-block; padding:0 24px; box-sizing:border-box; border-radius:21px; margin-top:30px;}
.about_a .right a:hover{ background:#32aba1; color:#fff;}


/*新闻*/
.news_a{ background: #f5f5f5; padding:36px 15px; box-sizing:border-box;}
.news_a>h2{ font-family: "ZYYT-M"; font-size:30px; line-height:30px; color:#333; margin-bottom:45px;}
.news_a>h2 span{ width:5px; height:34px; display:inline-block; background:url(/images/xian_black.png) no-repeat; background-size:4px; position: relative; top: 6px;}
.news_a>h2 span:first-child{  margin-right:10px;}
.news_a>h2 span:last-child{ transform: rotate(180deg); margin-left:10px;}

.news_a .left{ margin-bottom:20px;}
.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:28px; padding:0 12px; font-family: arial;}
.news_a .left:hover .img time{ color:#fff;}
.news_a .left .txt{ background:#f5f5f5; padding:20px; box-sizing:border-box;}
.news_a .left .txt h2{ font-size:16px; line-height:20px; font-weight:bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin:0 0 8px 0; color:#696969;}
.news_a .left .txt p{ color:#808080; line-height:24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.news_a .left a{ padding:0!important;}

.news_a .right{ background:#fff; padding:6px 12px 16px 12px; box-sizing:border-box; border-radius: 12px;}
.news_menu{ margin-bottom:6px;}
.news_menu a{ float:left; display:block; font-size:14px; line-height:30px; color:#696969; width:33.33%; text-align: center;}
.news_menu a:hover{ color:#666;}
.news_menu a span{ width:26px; height:26px; display:inline-block; background:url(/images/btn_news.png) no-repeat; position: relative; top: 8px; transform: scale(0.6);}
.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{ display:block; padding:0 15px 10px 15px; box-sizing:border-box; border-bottom: 1px solid #ebebeb; margin-bottom:10px;}
.news_cont .news_list a:last-child{ padding-bottom:0; margin-bottom:0; border-bottom:none;}
.news_cont .news_list a time{ font-size:14px; font-family: "arial"; float:left; color:#999;}
.news_cont .news_list a h3{ width: 100%; font-size:16px; margin:0; line-height:40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#696969;}
.news_cont .news_list a h4{ float:right; width:31px; height:9px; background:url(/images/jian.png) no-repeat; margin-top:10px;}
.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;}


.footer_bg{ background:#32aba1; padding:36px 20px 24px 20px; box-sizing:border-box;}
.footer_bg .foot_top{ margin-bottom:12px;}
.footer_bg .foot_top img{ float:left; width:40%;}
.footer_bg .foot_top .back_top{ float:right; width:48px; height:48px; border-radius:8px; border:1px solid rgba(255,255,255,0.4); box-sizing:border-box; background:url(/images/icon_jt1.png) no-repeat center;
  background-size: 14px; transform: rotate(180deg);}

.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{ position:absolute; top:10px; right:-10px; width:13px; height:8px; background:url(/images/icon_jt1.png) no-repeat center; background-size: 14px; transform: rotate(-90deg); transition:.5s; padding: 12px;}
.sjj_nav_i_se{ transform: rotate(0deg)!important;}
.sjj_nav ul li{ border-bottom:1px solid rgba(255,255,255,0.2);position:relative;line-height:48px;}

.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#fff; width:80%; font-size:16px; font-family: "ZYYT-M";}
.sjj_nav ul li ul li{ margin-left:24px;}
.sjj_nav ul li ul li:first-child{ border-top:1px solid rgba(255,255,255,0.2)}
.sjj_nav ul li ul li:last-child{ border-bottom:none;}
.sjj_nav ul li ul li a{color:rgba(255,255,255,0.8);display:block;text-align:left; font-size:14px;}
.sjj_nav ul li ul li>ul{ margin-left:10px;}


.foot_share{ margin-top:12px;}
.foot_share a{ width:50px; height:50px; display:block; border-radius:50%; float:left; position:relative; background:#009c8f url(/images/icon_sc1.png) no-repeat center center; background-size: 44px;}
.foot_share a:nth-child(-n+2){ margin-right:10px;}
.foot_share a:nth-child(2){ background:#009c8f url(/images/icon_sc2.png) no-repeat center center; background-size: 44px;}
.foot_share a:nth-child(3){ background:#009c8f url(/images/icon_sc3.png) no-repeat center center; background-size: 44px;}
.foot_share a div{ width:100px; height:100px; position:absolute; bottom:54px; left:50%; margin-left:-50px; transition:.5s; transform: scale(0); transform-origin: center bottom; z-index: 9;}
.foot_share a:last-child div{ bottom:38px;}
.foot_share a div img{ margin: 0 auto; display: block;}
.foot_share a:nth-child(3) div img{ border-radius:8px;}
.foot_share a:hover div{ transform: scale(1);}

.copyright_a{ margin-top:20px;}
.copyright_a p,.copyright_a p a{ color:#fff; line-height:20px; font-size: 12px;}

/*产品
.product{ width:100%; padding:0 15px; box-sizing:border-box;}
.product ul{ margin-top:20px;}
.product li a{ border:; box-sizing:border-box;}
.product li p{ font-size:.14rem;}

.product_menu{  width:100%; padding:0 15px; box-sizing:border-box;}
.product_menu li{ width:25%; float:left;}
.product_menu li:nth-child(-n+4){ margin-bottom:10px;}
.product_menu li a{ text-align:center;}
.product_menu li a span{ display:block; margin:0 auto; width:50px; height:50px; background:#32aba1 url(/images/product_name_btn.png) no-repeat; border-radius:50%; background-position:0 -50px;}
.product_menu li:nth-child(2) a span{ background-position:-50px -50px;}
.product_menu li:nth-child(3) a span{ background-position:-100px -50px;}
.product_menu li:nth-child(4) a span{ background-position:-150px -50px;}
.product_menu li:nth-child(5) a span{ background-position:-200px -50px;}
.product_menu li:nth-child(6) a span{ background-position:-250px -50px;}
.product_menu li:nth-child(7) a span{ background-position:-300px -50px;}
.product_menu li:nth-child(8) a span{ background-position:-350px -50px;}
.product_menu li a p{ margin:6px 0 0 0; color:#333;}



.center_new ul li:first-child{ padding-top:0;}
.center_new .xw_title{ width: 2.75rem;}
.center_new ul{ padding: 0 0.12rem;}
.center_new ul .news_time{ background: #32aba1; width: 0.6rem; height: 0.6rem; margin-top: 0;}
.center_new .news_time span:first-child{ margin-bottom:0.05rem; display: block;}
.center_new .xw_title h3{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 20px; margin-bottom: 5px;}
.center_new .xw_title p{ line-height: 18px; text-indent: 2em;}
.all_xw{ padding:0; margin-bottom:6px;}


.xuanchuan{ position:relative; background: url(/images/cy.jpg) no-repeat right; height:200px; background-size:128% auto;}
.xc{ position: absolute; top:20%; right:10%; font-size:24px; line-height:28px; font-family: "ZYYT-B"; color:#32aba1;}




底部2
.foot3{ position: fixed; z-index: 999; bottom: 0; background: #fff;}
.footer{margin-bottom: 60px;    background: #333;}

*/





