div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6,dl,dt,dd,i,em{margin:0px;padding:0px;list-style:none;border:0px;font-style:normal}
input,textarea{outline:none;border:none}
.dfs{display:flex;align-items:center;justify-content:space-between}
body{color:#666;margin:0 auto;background-color:#fff;font-family: "yhan";overflow-x:hidden}
*{-webkit-box-sizing:border-box;box-sizing:border-box}
a{color:#666;text-decoration:none}
a:hover{color:#4dcd94;text-decoration:none;border-bottom-style:}
.box{margin:0 auto;width:100%;box-sizing:border-box;padding:0 6%}
.page{width:1400px;min-width:1400px;margin:0 auto}
.bg{width:100%;min-width:1400px;position:relative}
.fl{float:left}
.fr{float:right}
.clear{clear:both;height:0px;overflow:hidden}







/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 3906230 */
  src: url('//at.alicdn.com/t/c/font_3906230_2iko0kzg8by.woff2?t=1676890900984') format('woff2'),
       url('//at.alicdn.com/t/c/font_3906230_2iko0kzg8by.woff?t=1676890900984') format('woff'),
       url('//at.alicdn.com/t/c/font_3906230_2iko0kzg8by.ttf?t=1676890900984') format('truetype');
}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.top10{padding-top:10px}
.top20{padding-top:20px}
.top30{padding-top:30px}
.top40{padding-top:40px}
.top50{padding-top:50px}
.top60{padding-top:60px}
.top70{padding-top:70px}
.top80{padding-top:80px}
.top90{padding-top:90px}
.top100{padding-top:100px}
.font_en{font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;font-weight:normal}
.en{font-family:Arial,Helvetica,sans-serif;font-weight:normal}

.t{text-align:center;margin-bottom:40px;}
.t em{font-size:60px;color:#eee;display: block;text-transform: uppercase;font-weight: 100;}
.t p{font-size:40px;color: #333;padding-bottom: 5px;position:relative;margin-bottom: 5px;display: inline-block;margin-top:-40px;}
.t p>b{color: #4dcd94;}
.t span{color: #666;font-size: 18px;display:block;}





/*head*/
.headd{overflow: hidden;}
.head {    position: relative;z-index: 55; }
.head_box {max-width: 1400px;margin: 0 auto;}
.head_topd {background:#4dcd94; width: 100%; margin:0 auto;}
.head_top {display: flex;justify-content: space-between;align-items: center;height:50px;position: relative; width: 95%; margin:0 auto;}
.head_name {font-size: 14px;color: #fff; line-height:23px;}
.head_tit {display: flex;align-items: center;justify-content:  space-between; position: relative;}
.head_tit a {font-size: 14px;color: rgba(255,255,255,0.3);width: 120px;height: 26px;border:1px solid rgba(255,255,255,0.3);border-radius: 40px;display: flex;justify-content: center;align-items: center;margin: 0 24px 0 0;position:  relative;padding: 0 17px 0 0;}
.head_tit a:after {content:'\e65a';font-family: iconfont;position:  absolute;top: 4px;right: 18px;font-size:  16px;color:  rgba(255,255,255,0.3);}
.head_tit p {display: flex;align-items: center;border-left: 1px solid rgba(255,255,255,0.16);padding: 0 20px 0 24px;position:  relative; }
.head_tit p:after {content:'\e65a';font-family: iconfont;position:  absolute;top: 5px;right: 0;font-size:  14px;color:  rgba(255,255,255,0.3);}
.head_tit p i {font-size: 30px;color: rgba(255,255,255,0.3);}
.head_tit p span {font-size: 16px;color: #fff;display:  flex;align-items:  center;padding: 0 0 0 10px; font-family: Microsoft YaHei;    cursor: pointer;}
.head_tit p span em {font-size: 18px;font-family: din;}
.head_tit p:hover b {display: block;}

.laug{float: right;position: relative;width:140px;padding-left: 10px;height: 40px;    z-index: 5;}
.laug > ul{position: absolute;overflow: hidden;width: 100%;height: 40px;transition: 0.3s all ease;top: 0px;left: 0;}
.laug:hover > ul{ height:95px}
.laug > ul:after{ content: ''; display: block; width: 0; height: 0; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #fff; position: absolute; top: 18px; right: 15px; transition: 0.3s all ease; }
.laug ul li a{ display: block; padding: 0 0 0 15px; line-height: 40px; font-size: 14px;  color: #fff;}
.laug ul li:nth-child(2) a{background: #333; }
.laug ul li a:hover{ color: #f2960f;}
.laug ul li a i{display: block;float: left;height: 16px;width: 22px;margin: 12px 10px 12px 0;}
.laug ul li a i img{display: block}

.head_tab {display: flex;justify-content: space-between;align-items: center;height: 120px; width: 100%; margin:0 auto; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1); padding:0 2%;    background: #fff;}
.head_logo {display: flex;align-items: center;}
.head_logo i {}
.head_logo p {display: flex;flex-direction: column; font-size:26px;padding: 0 0 0 16px; font-weight: bold; letter-spacing:0px;    color: #222;}
.head_logo p span {font-size: 16px;color: #999;padding: 7px 0 0;font-weight: 100;}
.head_con {display: flex;align-items: center;height: 100%;width: 66%;justify-content:  space-between;position:  relative;}
.head_nav {width: 96%; position: relative;}
.head_nav ul {display: flex;justify-content:  space-between;width: 85%;}
.head_nav>ul>li {display:  flex;justify-content:  center;align-items:  center;line-height: 120px;width: 24%;}
.head_nav>ul>li>a {font-size: 16px;width: 100%;text-align:  center;line-height: 120px;position:  relative;transition: 0.5s; }
.head_nav li>a:after {content:'';width:100%;height:0;position:absolute;top:-106px;left:0;background:#fff;transition:0.5s;z-index: -1;}
.head_nav>ul>li:hover>a:after{height:100%;color:#333;}
.head_nav>ul>li:hover>a{color:#4dcd94;}
.head_nav>ul>li.cur>a:after {height:100%;color:#4dcd94;}
.head_nav>ul>li.cur>a {color:#4dcd94;}

.dropmenu{ position:absolute; top:150%; max-height:0; transition:all .3s ease; width:100%;left: -0px;z-index:99; transition:all .3s ease; background:#f9f9f9; border-radius:0px; opacity:0; visibility:hidden; padding: 0px 0px}
.dropmenu a{ display:block; line-height:36px !important; text-align:center; font-size:14px !important; color:#666 !important; transition:all .5s ease; border-bottom: 1px #eee solid;}
.dropthree{ position:relative;}
.dropthree>div{ position:absolute; left:105%; visibility:hidden; opacity:0; transition:all .3s ease; border-radius:5px;width:100%; background:#f9f9f9; top:0;}
.dropthree:hover>div{ opacity:1; left:100%; visibility:visible; }
.head_nav li:hover .dropmenu{ max-height:1000px;  top:100%; opacity:1; visibility:visible;}
.dropmenu a:hover{ background:#4dcd94; color:#fff !important;}
.dropmenu table,.dropmenu tbody,.dropmenu tr,.dropmenu td{ display:block; width:100%;}
.head_nav li {    position: relative;}
.prolist2021 {position:relative;}
.dropmenu .prolist2021>ul {position:relative;    display: flex; flex-direction: column;    width: 100%;}
.prolist2021 li {position:relative;}
.prolist2021 li dl {position:absolute;top:0;left:100%; transition: 0.5s;}
.nav_c li:hover dl {    opacity: 1; transition: 0.5s;}
.prolist2021 li dl dt a {display: block;padding: 0 40px;width: 300px;height: 42px; border-bottom: none;background: #fff; color: #666; font-weight: 100; font-size: 14px; line-height: 42px;position: relative;}
.prolist2021 li:nth-child(6) {display:none;}

.nav_c>ul>li:hover .nav2 {transform: rotateX(0deg);}
.prolist2021 li:hover dl { transform: rotateY(0deg);}
.prolist2021 li dl {position: absolute;top: 0; left: 100%;transition: 0.5s; transform-origin: left; transform: rotateY(90deg);}

/*button*/
.btn_more {}
.btn_more ul {display: flex;justify-content: space-around;}
.btn_more li {display:  flex;}
.btn_more li i {width: 36px;height: 36px;border-radius: 50%;font-size: 21px;display:  flex;justify-content:  center;align-items:  center;overflow:hidden;position:relative;z-index: 5;transition:0.5s;border: 1px solid #f2960f;color: #f2960f;}
.btn_more li:hover i {color:#333;}
.btn_more li:hover i:after {transform:scale(0);}
/*search*/
.search {position:absolute;transform: rotateX(90deg);transition:0.5s;opacity: 0;background: #fff;border: 1px solid #fff;padding: 3%;top: 100px;right: 0;transform-origin: top;box-shadow:  0 0 20px #ddd;border-radius: 10px;    z-index: 55;}
.head_s {display: flex;align-items: center;justify-content: center;transition: 0.5s;}
.head_s form {display: flex;justify-content: space-between;align-items: center;border: 1px solid #ddd;padding: 0 12px;margin-top: 0px;width: 100%;}
#search-bg {width: 140px;height: 38px;line-height: 38px;overflow: hidden;box-sizing: border-box;}
#search-i {box-sizing: border-box;position: relative;    z-index: 5;margin-left: 50px;}
#search-i:after {content: '';width: 33px;height: 33px;border-radius: 50%;position: absolute;top: -6px;left: -6px;z-index: -1;}
#infoname {border: none;background: none;outline: none;}
.search-text{ font-size:15px;color: #666; display: flex;justify-content: center;align-items: center; letter-spacing: 1px;}
.search-text a{ font-size:15px; color: #666 !important; font-weight: 100;}
.search-text span{color:#333;font-size: 15px;font-weight:  bold;}
.search_con {display: flex;flex-direction: column;align-items: center;width: 68%; padding-top:10px;}
.btn_more li:hover .search {transform: rotateX(0deg);opacity:1;}

/**/
.head_tit p b {font-size: 18px;position: absolute; top: 40px;left: 21%;background: #333; padding: 4% 11%; color: #fff; font-family: Arial; z-index: 55;    display: none;}



.banner-box,.banner-box .bd li{height:700px}
.banner-box .banner-btn a.prev,.banner-box .banner-btn a.next{top:300px;background-image:url(//memberpic.114my.com.cn/076922271799/uploadfile/image/20230227/20230227120314_459240492.png)}
.banner-box .hd ul li.on{background:#ffe127;}
.banner-box{min-width:1400px;position:relative;overflow:hidden}
.banner-box .bd{width:100% !important}
.banner-box .bd li{width:100%;background-position:center;background-repeat:no-repeat}
.banner-box .bd li a{display:block;background-size:auto;width:100% !important;height:100% !important}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transition:0.3s all ease-in-out;transition:0.3s all ease-in-out}
.banner-btn a.prev{left:-54px;background-repeat:no-repeat;background-position:0 0}
.banner-btn a.next{right:-54px;background-repeat:no-repeat;background-position:-49px 0}
.banner-box:hover .banner-btn a.prev{left:54px;filter:alpha(opacity=40);-moz-opacity:.4;-khtml-opacity:.4;opacity:.4}
.banner-box:hover .banner-btn a.next{right:54px;filter:alpha(opacity=40);-moz-opacity:.4;-khtml-opacity:.4;opacity:.4}
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}
.banner-box .hd{position:absolute;bottom:40px;width:100%;display:block}
.banner-box .hd ul{text-align:center}
.banner-box .hd ul li{width:20px;height:10px;border-radius:20px;text-indent:-9999px;background:#fff;cursor:pointer;display:inline-block;margin:0 5px;-webkit-transition:0.3s all ease-in-out;transition:0.3s all ease-in-out}
.banner-box .hd ul li.on{width:32px}





.com_bg{width:1400px;margin:0 auto;padding:80px 0;}
.com_l{width: 50%;position:relative;}
.com_l>img{width: 100%;}
.com_l video{width:100%;border: 10px solid #eee;border-radius: 10px;}

.ripple img{display: inline-block;   }
.ripple,.ripple:before,.ripple:after {position: absolute;left:0;top:0;right:0; bottom:0;height: 54px;width:54px;margin:auto; border-radius: 50%;box-shadow: 0 0 0 0 rgba(13,93,180);animation: ripple 3s infinite; }
.ripple{text-align: center;cursor: pointer;    z-index: 3;height: 88px;width:88px;}
.ripple:before {-webkit-animation-delay:.9s;animation-delay:0.9s;content:"";position:absolute;right: 0;bottom: 0;}
.ripple:after {-webkit-animation-delay:.6s;animation-delay:0.6s;content:"";position:absolute;right: 0;bottom: 0;}




.com_r{width: 50%; padding:0 5%;}

.t1 span{font-size: 2.6vw;color:#4dcd94;}
.t1 dd{font-size: 1.8vw; color: #222;}
.t1 dd:after{content:''; display: block; width: 1px; height: 1.5vw; background: #e1e1e1; margin: 1vw 0;}
.t1 p{font-size: 1.8vw; color: #000;}
.t1 t{font-size: 1.2vw; display: block; color:#bcbcbc;}
.t1 font{font-size: 12px; color: #eee; font-family: "Arial";}
.t1 a{display: block;  width:146px; height:36px; line-height: 36px; color: #fff; font-size: 15px; text-align: center; background: #4dcd94; margin-top: 2vw; transition: all 0.5s; }
.t1 a:hover{ width:200px; }


.com_rw{margin-top:1.5vw;}
.com_rw span{font-size: 15px; line-height: 30px; overflow : hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 6;  -webkit-box-orient: vertical;}
.com_rw a{ display: inline-block;
    font-size: 16px;
    color: #4dcd94;
    margin-top: 1.5vw;
    border: 1px solid #4dcd94;
    line-height: 40px;
    padding: 0 36px; transition: 0.3s;}

.com_rw a:hover {
    padding: 0 54px !important;
}






/*祥兴 · 产品中心*/
.product{ padding:80px 0; background:#f9f9f9;}
.procenter{ margin-top:40px;}
.proclass{ width:20%; background:#fff;}
.pc_t{ position:relative; height:120px; background: #4dcd94;background: linear-gradient(to right,#7ae4b5,#4dcd94); font-size:26px; color:#fff;}
.pc_t em{ display:block; font-size:12px;    font-weight: normal;}
.pc_t p{ padding:32px 0 0 30px; font-weight: bold;}
.pc_c{ border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee;overflow:hidden;}
.pc_t:after{ content:''; display:block; position:absolute; top:0; bottom:0; margin:auto 0; right:29px; width:31px; height:31px; background:url(//memberpic.114my.com.cn/076922271799/uploadfile/image/20230221/20230221010645_881401243.png) no-repeat center;}
.pc_c table,.pc_c tbody,.pc_c tr,.pc_c td{ display:block; width:100%; padding:0 !important; position:relative;}
.pc_c td{height:79px !important;}
.pc_c a{ display:block; line-height:78px;}
.pc_c tr:after{ content:''; display:block; position:absolute; width:4px; top:0; left:0; transition:all .3s ease; background:linear-gradient(to bottom,#7ae4b5,#4dcd94); height:0;}
.pc_c tr:hover:after{ height:100%;}
.pc_c tr{border-bottom:1px solid #eeeeee;}
.pc_c tr b{ font-size:0; display:block; font-weight:normal;}
.pc_c tr b a{ position:relative; padding-left:25px; font-size:14px; color:#666666; transition:all .3s ease;}
.pc_c tr b a:after{ content:''; display:block; position:absolute; top:0; bottom:0; margin:auto 0; right:33px; width:7px;height:12px; background:url(//memberpic.114my.com.cn/076922271799/uploadfile/image/20230221/20230221010937_121914294.png) no-repeat center; transition:all .3s ease;}
.pc_c tr #showtyepname{ transition:all .3s ease; overflow:hidden; max-height:0; transition:all .6s ease; position:relative;display:none;}
.pc_c tr #showtyepname a{padding-left:25px; font-size:14px; color:#666666; line-height:35px;}
.pc_c tr:hover #showtyepname{ max-height:1000px;}
.pc_c tr:hover #showtyepname:after{ content:''; display:block; position:absolute; width:100%; top:0; left:0; height:1px; background:#eee;}
.pc_c tr #showtyepname a:nth-child(1){ margin-top:25px;}
.pc_c tr #showtyepname a:nth-last-child(1){ margin-bottom:25px;}
.pc_c tr #showtyepname a:hover{color:#4dcd94;}
.pc_c tr:hover b a{ font-weight:bold; font-size:16px; color:#4dcd94;}
.pc_c tr:hover b a:after{background:url(//memberpic.114my.com.cn/076922271799/uploadfile/image/20230221/20230221010937_1591889281.png) no-repeat center; transform:rotate(90deg);}
.proshow{ width:78%;}
.proshow td{ display:inline-block; width:32.5%;}
.proshow td a,.proshow td span{ display:block; position:relative; overflow:hidden;}
.proshow td br{ display:none;}
.proshow td span a{ font-size: 14px; color: #333; text-overflow: ellipsis; line-height: 50px;text-align: center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.proshow td span{background:#fff; text-align:center; margin-top:1px; transition:all .3s ease;}

.proshow tr+tr{ margin-top:22px;}
.proshow td:hover span a{ color:#fff; }
.proshow td:hover span{background:#4dcd94;}
.proshow td:hover span a:after{ background-position-x:0;}
.proshow td img{width: 100%; height: auto;    transition: 0.3s;}
.proshow td:hover img{ transform: scale(1.2);}
.proshow tr{display: flex;  justify-content: space-between;}


/* advpro */
.padv_bg{padding:80px 0;}
.advpro_bg{width: 1400px;height: 640px;background: url(//memberpic.114my.com.cn/076922271799/uploadfile/image/20230220/20230220171009_184198328.jpg) no-repeat center;position: relative; margin-top:30px;margin:0 auto;}
.advpro_item { position: absolute; text-align: right; width: 330px; top: 97px; cursor: pointer;}
.advpro_item:after{transition: .3s all ease;content: '';display: block;width:12px;height:12px;    background: #4dcd94;
    border-radius: 50%;
    box-shadow: 0 0 0 8px rgb(0, 144, 66, 0.1);position: absolute;right: -40px;top: 12px;}
.advpro_item3:after, .advpro_item4:after, .advpro_item5:after{ left:-40px;}
.advpro_item:hover:after{    background: #ffe127; box-shadow: 0 0 0 8px rgb(255, 156, 7,0.2);}
.advpro_item strong { font-size: 22px; color: #666;display: block; font-weight: normal;  line-height: 35px; transition: .3s all ease; padding-bottom: 10px;}
.advpro_item:hover strong{color: #009042}
.advpro_item p { color: #aaa; font-size: 15px;  display: block; line-height: 26px;}
.advpro_item1,.advpro_item2,.advpro_item6{text-align: right;}
.advpro_item3,.advpro_item4,.advpro_item5{text-align: left;right: 0;}
.advpro_item2,.advpro_item4{top: 275px;     width: 292px;}
.advpro_item5,.advpro_item6{top: 455px;}




/* Solution */
.Solution{width:100%; max-width:1920px; overflow-x:hidden; margin:0 auto;}
.project{width:1400px; margin:0 auto;}
.project_fl{float:left; height:730px; margin-left:-261px; padding-left:260px; background:url(//memberpic.114my.com.cn/076922271799/uploadfile/image/20230220/20230220173353_1373052591.jpg) left center no-repeat;}
.project_tit{padding-top:150px;}
.project_tit em{font-size:44px; line-height:44px; color:#fff; font-weight:bold;}
.project_tit p{margin:16px 0; font-size:16px; line-height:18px; color:rgba(255,255,255,.9);}
.project_tit span{display:block;padding-bottom:4px; font-family:Arial; font-size:26px; line-height:20px; color:rgba(255,255,255,.9); }
.project_tit span i{ font-family: 'iconfont';  color: #fff;  font-size: 32px;}
.project_nav{width:400px; margin-top:105px;}
.project_nav li{float:left; width:180px; margin-right:21px; margin-bottom:65px; padding-left:9px; padding-bottom:17px; font-size:18px; line-height:18px; color:rgba(255,255,255,.7); box-sizing:border-box; cursor:pointer; transition:color 0.5s; background:url(//memberpic.114my.com.cn/076922271799/uploadfile/image/20230227/20230227120418_1841954732.png) left bottom no-repeat;}
.project_nav li i{font-family: 'iconfont';  color: #fff;  font-size: 26px; opacity: 0.6;     padding-right: 8px;}
.project_nav li:hover i,.project_nav li:hover.on i{color: #fff; opacity: 1;}
.project_nav li:nth-child(2n){margin-right:0;}
.project_nav li:hover,.project_nav li.on{color:#fff; background-image:url(//memberpic.114my.com.cn/076922271799/uploadfile/image/20230227/20230227120350_2035024320.png);}
.project_fr{float:left; height:730px; position:relative; margin-right:-261px;}
.project_fr li{}
.project_fr li img{position:absolute; left:0; top:0; width:1261px; height:730px;}
.project_fr li span{position:absolute; left:0; bottom:0; display:block; width:866px; height:181px; background:rgba(0,0,0,0.6); border-top-right-radius:37px; padding-left:38px; padding-top:30px; box-sizing:border-box;}
.project_fr li span em{font-size:26px; line-height:26px; color:#fff;}
.project_fr li span p{width:736px; margin-top:16px; font-size:16px; line-height:32px; color:rgba(255,255,255,0.8);}



/*adva*/
.adva {padding: 70px 5%;overflow: hidden;background:  #f5f5f5;}
.adva_box {margin: 0 auto;}
.adva_con {margin: 3% 0 0;}
.adva_con ul {display: flex;justify-content:  space-between;}
.adva_con li {display: flex;flex-direction: column;width: 24%;border-radius:  10px;overflow:  hidden;background:  #fff;padding: 2%;align-items:  center;transition: 0.5s;}
.adva_con li:hover {transform:translateY(-10px);}
.adva_con li i { overflow:  hidden;}
.adva_con li i img {width: 100%;height: auto;transition: 0.5s;}
.adva_con li:hover img {transform:scale(1.1);}
.adva_con li em {width: 80px;height: 80px;background: #4dcd94;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size: 36px;box-shadow:  0 0 20px #ddd;border: 5px solid #fff;color:  #fff;margin: -11% 0 0;position: relative;z-index: 5;}
.adva_con li em:before {content:'';width:100%;height:100%;background: #ffe127;position:absolute;top:0;left:0;border-radius: 50%;z-index: -1;transition: 0.5s;transform:scale(0);}
.adva_con li:nth-child(1) em{font-size:45px;}
.adva_con li:nth-child(2) em{font-size:30px;}
.adva_con li:nth-child(4) em{font-size:40px;}
.adva_con li:hover em:before {transform:scale(1);}
.adva_con li b {display: flex;flex-direction: column;font-size: 24px;align-items:  center;padding: 7% 0 0;}
.adva_con li b span {font-size: 18px;padding: 10% 0 0;font-weight: normal;}
.adva_con li p {font-size: 15px;line-height: 30px;font-weight: lighter;padding: 8% 0 0;text-align:  center;}



/*case*/
.case_ic {}
.case_ic .new_web_div2021 { display: flex;  justify-content: space-between;}
.case_ic ul img {  width: 100%; height: auto;  transition: all .75s;}
.case_ic li{  width: 24%; float: left;}
.case_ic ul li:nth-child(1) {width: 693px;  float: left;}
.case_ic ul li { position: relative; width: 24%;}
.case_ic ul li p a {    display: block;  position: absolute;  bottom: 0px; right: 0;  width: 100%;   height: 46px;   line-height: 46px;  text-align: center; color: #fff;  font-size: 16px;    transition: all .5s;   background-color: rgba(0,0,0,0.6);}

.case_ic ul li+li { margin-bottom: 16px; margin-left: 16px;}
.case_ic li:hover img {  transform: scale(1.1);}
.case_ic li>a {   display: block; overflow: hidden;}
.case_ic ul li:hover p a { background: #ffe127;}


.pro_mo{width:450px;height:60px;text-align:center;border:1px #cccccc solid;line-height:60px;margin:0 auto;transition: all 0.5s; border-radius:60px; position: relative; margin-top: 40px;}
.pro_mo a{font-size:20px;color:#666;}
.pro_mo a b{font-family: 'iconfont'; color: #666; font-size: 20px;  margin-right: 10px;}
.pro_mo:hover{width: 600px;background: #4dcd94;border: none; }
.pro_mo:hover a,.pro_mo:hover a b{color:#fff;}



/*简介*/
.com_bbg { height: 760px; background: #f5f5f5; }
.com { position: relative; }
.com_fl { height: 760px; position: relative; z-index: 2; }
.com_fl * { display: block; }
.com_fl_title { position: relative; z-index: 9; }
.com_fl_title b { margin: 78px 0 17px 0; font-size: 120px; color: #e9e9e9; }
.com_fl_title p { font-size: 46px; color: #333; line-height: 54px; position: relative; }
.com_fl_title p:nth-child(2):after { content: ""; display: block; width: 90px; height: 4px; background: #4dcd94; position: absolute; top: 25px; left: 250px; }
.com_fl_bj { width: 933px; height: 400px; padding: 55px 90px 0 0; background: #f5f5f5; position: absolute; bottom: 0px; left: 0px; }
.com_fl_text { margin-bottom: 40px; }
.com_fl_text span { font-size: 24px; color: #999; }
.com_fl_text p { margin-top: 40px; font-size: 15px; color: #999; line-height: 34px; }
.com_fl_text t { font-size: 165px; color: #dedede; position: absolute; right: 170px; top: 0px; }
.com_fl_a p { float: left; font-size: 60px; color: #4dcd94; }
.com_fl_a a { width: 200px; height: 60px; line-height: 60px; background: #4dcd94; font-size: 18px; color: #fff; text-align: center; float: right; }
.com_fr { position: absolute; top: 0; right: -260px; }




/*新闻*/
.news_bg{width:100%;overflow: hidden;background:#f8f8f8;padding-top: 80px;}
.news {margin:0 auto;    overflow: hidden;}
.news_t{text-align:left;float:left;}
.news_t dd:after{display:none;}
.news_t p {font-size: 40px;font-weight:bold;color:#222;}
.news_a{width:auto;}
.news_a a{width:152px;height:46px;font-size: 18px;color:#333;float:left;font-weight:100;box-sizing: border-box;text-align:center;margin-left:20px;display: flex;align-items: center;justify-content: center;background:#eee;}
.news_a a.on{background:#4dcd94;color:#fff;}
.news_b{height: 488px;margin-top: 60px;position: relative;}
.new_tit {display: flex;justify-content: space-between;align-items: center;}
.new_item{    display: flex;
    width: 100%;
    flex-shrink: 0;
    justify-content: space-between;}
.new_item>div {display: flex;justify-content: space-between;}
.new_lc .news_div_item {display: flex;flex-direction: column-reverse;width: 48.5%;
position: relative;padding: 25px 24px 60px; background: #fff;}
.new_lc .news_div {display: flex;justify-content: space-between;}
.new_lc {width: 68%;}
.new_rc {width: 30%;}
img.news_div_item_image {width: 100%;}
.new_rc .news_div_item_pic,.new_rc .news_div_item_date {display: none;}
.new_ic {display: flex;transition: all .5s;}
.new_lc a.news_div_item_a {font-size: 18px;color: #333;position: relative;display: block;margin-top: 20px;}
.new_lc .news_div_item_body {font-size: 14px;color: #999;line-height: 26px;margin-top: 40px;
 height: 52px;overflow: hidden;}
.new_lc .news_div_item_date {display: flex;position: absolute;bottom: 129px;left: 24px;}
.new_lc .news_div_item_date>div {font-size: 12px;color: #999;}
.new_lc .news_div_item_pic { border: 1px solid #eee;}
.new_lc .news_div_item_a:after {position: absolute;content: "read more →";font-size: 14px;color: rgb(34,34,34); bottom: -126px;left: 0;}
.new_rc .news_div_item {background: #fff;padding: 37.8px 32px;position: relative;}
.new_rc .news_div_item:nth-child(n+3):after{content:"";display:block;width:0;height:6px;background:#4dcd94;transition:0.3s all ease-in-out;position: absolute;bottom: 0;left: 0;}
.new_rc .news_div_item:nth-child(n+3):hover::after{width:100%;}
.new_rc .news_div_item:nth-child(-n+2) {display: none;}
.new_rc .news_div_item:nth-child(n+4) {margin-top: 15px;}
.new_rc a.news_div_item_a {display: block;font-size: 18px;}
.new_rc .news_div_item_body {font-size: 15px;color: #999;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; margin-top: 10px;}



/*copy*/
.footer {display: flex;justify-content: space-between;}
.footer_bg{width: 100%;color: #fff;background: #222;position: relative;padding-top: 100px;overflow: hidden;}
.fbt{border-top:10px solid #ff5c00;}
.bq_item li{position: relative;}
.bq_item li{ float: left;position: relative;}
.footer_w1 t{display: block;float: left;font-size: 24px;font-weight: bold;margin-right: 11px;}
.footer_w1 span{display: block;float: left;font-size: 20px;margin-top:3px;}

.bq_gzh li{width:130px;}
.footer_w{font-size: 14px; line-height: 34px; color: #999;}
.footer_w p{position:relative;}
.footer_w p:before{left:0;font-family: "iconfont";font-size: 16px;}
.bq_item li a{ display: block;font-size: 14px; line-height: 30px; color: rgba(255,255,255,0.47);}
.bq_item li a:hover{color:#fff;}
.footer_t{font-size: 18px !important; color: #fff !important;  line-height: 100%!important; position: relative;padding-bottom: 26px;}
.footer li img{width:146px !important;}
.bq_gzh li p{text-align:center; color:#fff; line-height:30px; margin-bottom:10px;}

.copy{line-height: 30px; font-size: 14px;color: #999; margin-top:20px; padding-top: 10px;}
.copy a{font-size: 14px; color: #999;}
.copy a:hover{color: #ff7b0f;}
.bq_rcc{margin-left:40px;}

/*link*/
.linkTagcs li a{font-size:14px;}
.links_r a{font-family: "iconfont" !important;font-size:42px;font-style: normal;color:rgba(255,255,255,0.3);display:inline;height:80px;display: block;line-height:80px;padding-left: 32px;}
.links_l{display: flex;align-items: center; padding-right: 2%; width: 100px;}
.l_wz{position: relative;}
.l_wz b{font-size: 25px;color: #fff;line-height: 21px;}
.l_wz p{color: #fff;letter-spacing: 1px; font-size: 16px;}

.links{display: flex;align-items: center;justify-content: space-between;height: 100%;position: relative;}
.links>div{display: flex;align-items: center;}
.links_m{}
.linkTagcs li a{color: rgba(255,255,255,0.38)!important;}
.foo_icon{display: flex;justify-content: space-between;margin-bottom: 69px;}
.foo_icon li span{color:#fff;display: block;width: 38px;height: 38px;border-radius: 100%;background: #e60113;display: flex;justify-content: center;align-items: center;position: relative;font-size: 22px;z-index:1;}
.foo_icon li span:after{content: '';position: absolute;width: 48px;height: 48px;border-radius: 100%;background: rgba(32,114,224,0.22);top: -5px;left: -5px;z-index:-1;}
.foo_icon li{display: flex;align-items: center;}
.foo_icon li div{margin-left: 13px;}
.foo_icon li div b{font-size: 16px;}
.bq_gzh{float: right;padding-top:7px;}
.bq_gzh li+li{margin-left: 44px!important}
.copy_bg{background: #333;}
.copy_b{display: flex;justify-content: space-between;align-items: center;}
.copy_bg div{color: rgba(255,255,255,0.5);height: 80px;line-height: 80px;}
.copy_bg div a{color: rgba(255,255,255,0.5);}
.foo_icon li div p {margin-top: 3px;}
.cl {clear: both;}
.banq{width: 38%;}
.bq_cl>b, .bq_cr>b, .bq_rcc>b {font-size: 18px;color: #fff;display: block;margin-bottom: 20px;font-weight: normal;}
.bq_ewm {display: flex;position: relative;}
.bq_ewm li span {display: block;width: 36px;height: 36px;border-radius: 100%;font-size: 14px;text-align: center;line-height: 36px;color: #059408;border:1px solid #059408;}
.bq_ewm li:hover span{background: #059408;border-color: #059408;color: #fff;}
.ewm_cc {position: absolute;top: -172px;left: -23px;display: none;z-index:999;}
.ewm_cc img {width: 150px!important;}
.bq_r {position: relative;}
.bq_ewm li+li {margin-left: 10px;}

.bq_item li:first-child:before {left: 0;}
.bq_item {
    display: flex;
    justify-content: space-between;
}
.bq_rcc>b {
    position: relative;
    margin-bottom: 50px;
}

.bq_rcc>b:after {position: absolute;content: "";width: 100%;height: 1px;background: rgba(255,255,255,0.1);bottom: -28px;left: 0;}
.bq_rcc>b:before {
    position: absolute;
    content: "";
    background: url(//memberpic.114my.com.cn/076922271799/uploadfile/image/20230227/20230227120449_1736655542.png) no-repeat center;
    width: 78px;
    height: 41px;
    top: -12px;
    right: 0;
}
@media screen and (max-width: 1460px){
}
@media screen and (max-width: 1320px){
}
.link_btn {
    width: 170px;
    height: 44px;
    line-height: 44px;
    background: #fff;
    text-align: center;
    font-size: 16px;
    color: #4d4d4d;
    border-radius: 22px;
    display: block;
}
.bq_rcc>div {
    color: rgba(255,255,255,0.4);
    line-height: 32px;
    font-size: 14px;
}

.bq_rcc>div a {
    text-decoration: none;
    color: rgba(255,255,255,0.3);
    font-size: 14px;
}
.back_ic {
    position: absolute;
    display: block;
    width: 102px;
    height: 102px;
    background: #059408;
    border-radius: 100%;
    text-align: center;
    line-height: 102px;
    color: #fff;
    font-size: 52px;
    top: 78px;
    left: 50%;
    margin-left: -51px;
    cursor: pointer;
}
.copy_pic li {overflow: hidden;width: 146px;}
.copy_pic li p {font-size: 14px;color: #ffffff;text-align: center;line-height: 30px;}
.copy_pic li i {background: #ffffff;display: inline-block;}
.copy_pic li i img{width:100%;}
.copy_str {/* float:left; *//* margin-left: 20px; *//* margin-top: 16px; */}
.copy_str li {width: 36px;height: 36px;border-radius: 50%;transition: 0.5s;position: relative;display: flex;align-items: center;justify-content: center;border: 1px solid #fff;}
.copy_str li i {font-size: 17px;color: #fff;position: relative;z-index: 99;}
.copy_str li+li {/* margin-top:17px; */}
.bq_lr {
    width: 42%;
    display: flex;
    justify-content: space-between;
}
ul.ewm_ic {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

.copy_str li.on {
    background: #fff;
    border-color: #fff;
}
.copy_str li.on i{color:#4dcd94;}
.gz_c{font-size: 16px;color: #fff;margin-bottom: 17px;}
.link_bc {
    border-top: 1px solid rgba(255,255,255,0.07);
    height: 80px;
    margin-top: 80px;
}
.lin_ic{width: 30px;height: 30px;border-radius: 100%;border:1px solid #fff;text-align: center;line-height: 29px;color: #fff;font-size: 22px;position: absolute;right: 0;top: 25px;}










.y-kefu-box { position: fixed; right: 0; top: 20%; z-index: 9999; font-size: 13px;}
.y-kefu-box a{ text-decoration:none;}
.y-kefu-box img { display: block; width: 100%; height: auto; }
.y-kefu-box01 .icon { display: block; background: url(//memberpic.114my.com.cn/076922271799/uploadfile/image/20230310/20230310171634_1517126070.png) no-repeat; margin: 0 auto 6px;}
.y-kefu-box01 { width: 54px; color: #666; text-align: center; }
.y-kefu-box01 .kf-close-btn { width: 27px; height: 27px; background-position: -5px -115px; position: relative; cursor: pointer;}
.y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px; height: 12px; position: absolute; bottom: -12px; left: 13px; z-index: 1;  background-color: #18bc7f; }/*颜色更改*/
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 52px; padding: 8px 0 12px; background-color: #fff; border-left: solid 1px #efefef; border-top: solid 1px #efefef; border-right: solid 1px #efefef; position: relative;}
.y-kefu-box01 .show-status { position: relative; }
.y-kefu-box01 .show-status .kf-zixun { background-color: #18bc7f; border-color: #18bc7f; color: #fff; margin: 10px 0 7px;}/*颜色更改*/
.y-kefu-box01 .kf-zixun { border-radius: 2px; }
.y-kefu-box01 .kf-zixun i { width: 21px; height: 22px; background-position: -5px -5px; }
.y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.y-kefu-box01 .kf-mobile>i { width: 18px; height: 18px; background-position: -5px -32px; }
.y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -32px; }
.y-kefu-box01 .kf-weChat>i { width: 22px; height: 19px; background-position: -5px -55px; }
.y-kefu-box01 .kf-weChat:hover>i {background-position: -30px -55px; }
.y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.y-kefu-box01 .kf-email>i { width: 18px; height: 14px; background-position: -5px -80px; }
.y-kefu-box01 .kf-email:hover>i { background-position: -30px -80px; }
.y-kefu-box01 .back-top i { width: 13px; height: 11px; background-position: -5px -98px; }
.y-kefu-box01 .back-top:hover i { background-position: -30px -98px; }
.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top  { border-bottom: solid 1px #efefef;}
.y-kefu-box01 .back-top { margin-top: 20px; border-radius: 2px; left: 55px;}
.y-kefu-box01 .hver:hover { background-color: #18bc7f; border-color: #18bc7f;}/*颜色更改*/
.y-kefu-box01 .hver:hover>p { color: #fff; }
.y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos { background-color: #fff; border: solid 1px #efefef; position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none;} 
/*电话*/
.y-kefu-box01 .mobile-infos { width: 260px; text-align: left; top: 0;}
.y-kefu-box01 .mobile-infos>div { padding: 20px 0 20px 45px; position: relative; }
.y-kefu-box01 .mobile-infos>div i { width: 15px; height: 15px; background-position: -52px -32px; position: absolute; top: 22px; left: 20px; z-index: 2; }
.y-kefu-box01 .mobile-infos .online1 { border-bottom: solid 1px #efefef; }
.y-kefu-box01 .mobile-infos span { color:#b9b9b9; }
.y-kefu-box01 .mobile-infos p { color: #18bc7f; font-size: 18px; }/*颜色更改*/
.right { width: 12px; height: 12px; position: absolute; right: -12px; top: 24px;}
.right-arrow1,.right-arrow2 { width: 0; height: 0; display: block; position: absolute; left: 0; top: 0; border-top: 6px transparent dashed; border-right: 6px transparent dashed; border-bottom: 6px transparent dashed; border-left: 6px white solid; overflow: hidden;}
.right-arrow1 { left: 1px; border-left: 6px #efefef solid;}
.right-arrow2 { border-left: 6px white solid;}
/*二维码*/
.y-kefu-box01 .y-ewm-box { width: 151px; height: 178px; top: -60px;}
.y-kefu-box01 .y-ewm-box>div { width: 151px; height: 178px; }
.y-kefu-box01 .y-ewm-box img { width: 130px; height:130px; margin: 15px auto 7px; }
.y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 150px; border-right: solid 1px #efefef; }
.y-kefu-box01 .y-ewm-box .right { top: 84px; }
/*邮箱*/
.y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color:#b9b9b9; text-align: left; bottom: 0; }
.y-kefu-box01 .y-email-infos p { color: #18bc7f; font-size: 16px; }/*颜色更改*/
.y-kefu-box01 .y-email-infos>i { width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px; }
.y-kefu-box01 .y-email-infos .right { top: 55px; }
.y-kefu-box01 .hide-status { width: 54px; height: 65px; background-color:#cc0105;position: absolute; top: 37px; left: 55px; z-index: 9;}/*关闭后颜色*/
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }