@charset "utf-8";


html{background:#eee;}
.dfs{display:flex;align-items: center;justify-content: space-between;}

/*标签样式初始化*/
div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin: 0px; padding: 0px;list-style: none;border: 0px;}

em,i{font-style: normal;}

/*公共样式部分*/
body {color: #666;margin: 0 auto;background-color: #fff; font-family: "OPPOSans2";overflow-x: hidden; font-size:14px;min-width:1400px;max-width:1920px;position: relative;}

#copy { display: none;}
*{-webkit-box-sizing: border-box;box-sizing: border-box;}
a {color: #666; text-decoration: none;}
a:hover { color:#0555b5;text-decoration: none; border-bottom-style:}

.bg{width: 100%;min-width:1400px;}
.box{margin:0 auto;width:80%; box-sizing: border-box;}
.page{width: 1400px;margin: 0 auto;}

/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 4024882 */
  src: url('//at.alicdn.com/t/c/font_4024882_1v4c7guc0g3j.woff2?t=1681874685158') format('woff2'),
       url('//at.alicdn.com/t/c/font_4024882_1v4c7guc0g3j.woff?t=1681874685158') format('woff'),
       url('//at.alicdn.com/t/c/font_4024882_1v4c7guc0g3j.ttf?t=1681874685158') format('truetype');
}

.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}



.fl { float: left;}
.fr {float: right;}

/*左右浮动清除*/
.clear { clear: both;height: 0px; overflow: hidden;}


/*间隙*/
.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;}
.top140 {padding-top: 140px;}
.top170 {padding-top: 170px;}



@font-face{font-family:OPPOSans2;font-weight:400;src:url(//memberpic.114my.com.cn/027109/cssnew/OPPOSans-Regular.txt)}
@font-face{font-family:OPPOSans2;font-weight:500;src:url(//memberpic.114my.com.cn/027109/cssnew/OPPOSans-Medium.txt)}
@font-face{font-family:OPPOSans2;font-weight:600;src:url(//memberpic.114my.com.cn/027109/cssnew/HarmonyOS_Sans_SC_Bold.ttf.txt)}


/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 4138718 */
  src: url('//at.alicdn.com/t/c/font_4138718_wcdpwe7wfo.woff2?t=1687765805999') format('woff2'),
       url('//at.alicdn.com/t/c/font_4138718_wcdpwe7wfo.woff?t=1687765805999') format('woff'),
       url('//at.alicdn.com/t/c/font_4138718_wcdpwe7wfo.ttf?t=1687765805999') format('truetype');
}


/*英文样式*/
.font_en{font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;}



/*文字*/
.t{text-align: center;padding-bottom:40px;}
.t b{color:#00a1e9;}
.t p{font-size:40px;color:#333;font-weight:bold;}
.t span{font-size:18px;color:#666;font-weight:lighter;margin: 5px 0 0px 0;}





/*top*/
.top {/* border-bottom: 1px solid #eee; */background: #00a1e9;}
.top_box {margin: 0 auto;display: flex;justify-content: space-between;align-items: center;color: rgba(255, 255, 255, 0.8);}
.top_tit {font-size: 14px;line-height: 40px;}
.top_con {width: 28%;}
.top_con>ul {display: flex;justify-content: space-between;width: 100%;}
.top_con>ul>li{display: flex;position: relative;background: #17b0f4;z-index: 66;align-items: center;justify-content: center;width: 100%;}
.top_con>ul>li img{height: 18px;width: auto;filter: brightness(5);}
.top_con>ul>li:nth-child(2){background: #00a1e9;}

.top_con li:last-child {background: none;width: 48%;}
.top_con li i{}

.top_con li>a{line-height: 40px;color: rgba(255,255,255,0.8);}
.top_con li:hover p {opacity: 1;transition: 0.5s;height: 120px;}

/*搜索*/
.top_con li:hover .tit_sel{transform: rotateX(0);transition: all 0.5s;} 
.tit_sel{width: 645px; height: 150px;background: rgba(51,51,51,0.7); transform: rotateX(90deg); position: absolute; right: 0; transition: all 0.5s; font-size: 16px; padding: 34px; z-index: 99; top: 40px;}
.tit_sel span {font-size: 24px;display: block;color: #152682;font-family: Arial;}
.tit_icon:hover .tit_sel{transform: rotateX(0);transition: all 0.5s;}
#search-i{float:left; width:30px; height:33px; overflow:hidden; margin-top:20px;  box-sizing: border-box; padding-top: 7px;    border: 1px solid #dddddd;border-left: none;}
#search-bg{float:left; width:546px; height:33px; overflow:hidden; padding-left:14px; margin-top:20px; box-sizing: border-box;     border: 1px solid #dddddd;border-right: none;text-align: left;    line-height: 30px;}
.search-text{ font-size:14px;color: #999999;justify-content: center;align-items: center;}
.search-text a{ font-size:15px; color: #fff !important;}
.search-text a:hover{ font-size:15px; color: #ffffff;}
.search-text span{ float:left;  color:#ffffff;font-size: 15px;}
#infoname{ border:none;background:none; outline:none;} 
.search_name {float: left;font-size:22px;color: #ffffff; line-height: 32px;position: relative;z-index: 5;padding: 15px 0;width: 264px;height: 96px;background: #cb0303;text-align: center;}
.search_name:after {content: "";width: 0px;height: 0px;border-top: 7px solid #005299; border-right: 7px solid transparent;border-bottom:8px solid transparent; border-left: 7px solid #005299;position: absolute; top: 81px; right: -13px; transition: 0.5s all ease-in-out; }
form {justify-content: center;}
.head_right {display: flex;justify-content: space-between;align-items: center;width: 72%;}

/*head*/
.head {width: 100%;padding: 20px 0;overflow: hidden;}
.head_box {margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.head_l {display: flex;justify-content: space-between;align-items: center;}
.head_logo {display: flex;position: relative;align-items: center;}
.head_logo:after {content:'';width:1px;height: 63px;background: #ddd;position: absolute;top:0;right: -30px;}
.head_logo i {display: inline-block;}
.head_logo i img {width:100%;}
.head_logo p {color: #000000;font-weight: normal;padding-left: 20px;display:  flex;flex-direction: column;align-items: flex-start;}
.head_logo p b {font-size: 40px;line-height: 36px;}
.head_logo p span {color: #999999;font-family:Arial;font-size: 12px;display: block;line-height: 16px;font-weight: normal;text-align: center;padding-top: 5px;}
.head_r {background: url(//memberpic.114my.com.cn/027109/uploadfile/image/20240507/20240507174729_1751809278.png)no-repeat right;width: 25%;}
.head_r p {display: flex;flex-direction: column;font-size: 16px;line-height: 30px;text-align: right; padding-right: 66px;}
.head_r p span {font-size: 1.6vw;font-family: Arial;line-height: 30px;color: #333333;font-weight: bold;}
.nav_font{float:left;/* padding-top:30px; */font-size: 28px;color:#00a1e9;font-weight:bold;padding-left: 50px;letter-spacing: 0.5px;}
.nav_font i{color:#0555b5; font-weight: bold;}
.nav_font p{padding-top:3px;font-size: 15px;letter-spacing:0px;color:#999;font-weight:lighter;}




/*nav*/
.nav {width: 100%; height: 70px;line-height:70px;position: relative;z-index: 55;    border-top: 1px solid #eee;}
.nav:before {content:'';position: absolute;width: 21%;height: 6px;-webkit-transform: skew(-28deg);-moz-transform: skew(-28deg);-o-transform: skew(-28deg);background:linear-gradient(to right,#00a1e9,#00a1e9);bottom: 0;right: 0; animation:myfirst1 1s linear ;}
.nav:after {content:'';position: absolute;width: 79%;height: 6px;-webkit-transform: skew(-28deg);-moz-transform: skew(-28deg);-o-transform: skew(-28deg);background: linear-gradient(to right,#cad7d1,#adbdb6);bottom: -6px;left: 0;animation:myfirst 1s linear ; }
@keyframes myfirst
{
    0%   { width: 0%;}
	100% { width: 79%;}
}
@keyframes myfirst1
{
    0%   { width: 0%;}
	100% { width: 21%;}
}
.nav_box {margin: 0 auto;}
.nav_con {height:100%;}
.nav_con ul {display: flex;justify-content: space-around;align-items: center;height: 100%;}
.nav_con li {display: flex;flex-direction: column;align-items: center;position: relative;transition: 0.5s;z-index: 5;width: 12%;}
.nav_con li>a {font-size: 18px;color: #333;width: 100%;text-align: center;display: flex;flex-direction: column;}
.nav_con li a i {color: #666;font-size: 12px;font-family: Arial;text-transform: uppercase;opacity: 0.3;transform: scale(0.9);}
.nav_con>ul>li>a:after {content:'';width:100%;height: 2px;background:#00a1e9;position: absolute;left: 0%;top: -1px; opacity: 0;transform: scaleX(0);transition: 0.5s;}
.nav_con>ul>li:hover a:after, .nav_con>ul>li.cur a:after {opacity: 1;transform: scaleX(1);transition: 0.5s;}
/*下拉*/

.nav_con li dl {background:rgba(255,255,255,1);position: absolute;top:70px;left:-114px;z-index:10000;width: 415px;box-shadow: 1px 5px 10px rgba(0,0,0,0.2);transition: 0.5s;/* opacity: 0; *//* padding: 30px 60px; */transform-origin: top;transform: rotateX(90deg);}
.nav_con li:hover dl {/* opacity: 1; *//* padding: 30px 60px; */transform: rotateX(0deg);}
.nav_con li dl dt {width:140px;float:left;color:#333;line-height:28px;margin: 40px 40px 44px 60px;text-align:left;}
.nav_con li dl dt b { display: block; width: 40px; height: 3px; background-color: #00a1e9; margin-bottom: 20px;}
.nav_con li dl dt strong { display:block; font-size:20px; margin-bottom:25px;}
.nav_con li dl dt span {display: block; width: 118px; height: 30px; text-align: center;line-height: 30px;border: 1px solid #cecece; color: #999;font-family: Arial;}
.nav_con li dl dt span a {color:#999; font-size:12px;}
.nav_con li dl dt img { margin-bottom:5px;}
.nav_con li dd {width:133px;float:left;line-height:38px;display:block;text-align:left;margin: 38px 0px;}
.nav_con li dd>a { display:block; color:#777; font-size:15px; font-weight: normal;text-align:left; font-weight: 100; border: 1px #eee solid; text-align: center; margin-top: 6px;line-height: 30px;}
.nav_con li:nth-child(3) dl dd {width: 150px;}
.nav_con li.dhh dd a:hover { color:#00a1e9;}



/*幻灯片*/
.banner-box{ min-width:1400px; height:700px; position:relative; overflow:hidden; background:#eee; }
.banner-box .bd{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:700px; background-position: center; background-repeat: no-repeat; }
.banner-box .bd li a{ display:block; background-size:auto; }
.banner-btn{ width: 100%; position: absolute; bottom: 50px; left: 0; margin-left: 0; height:700px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:350px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; }
.banner-btn a.prev{ left:-50px; background:url(//memberpic.114my.com.cn/027109/uploadfile/image/20240507/20240507174755_1094919113.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(//memberpic.114my.com.cn/027109/uploadfile/image/20240507/20240507174755_1094919113.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:0px; width: 100%; display: block; }
.banner-box .hd ul{ text-align: center; }
.banner-box .hd ul li{ width:100px; height:6px; text-indent:-9999px; background:#ccc; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; }
.banner-box .hd ul li.on{ background:#00a1e9; width: 100px; }
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; 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; }




/*产品*/
.prod_l,.prod_r{width:49%;}
.prod{display:flex;justify-content: space-between;}
.prod_t span{font-size: 40px;color: rgb(34, 34, 34);font-weight: bold;background-image:-webkit-linear-gradient(-61deg,#00a1e9,#18a86b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.prod_t p{font-size: 40px;color: rgb(34, 34, 34);font-weight: bold;}
.prod_t dd{font-size:16px;color:#666;}
.prod_t i{display:block;margin:20px 0 0;}
.prod_l .prod_box{width:100%;height:400px;border-radius:10px;background:#f8f8f8 url(//memberpic.114my.com.cn/027109/uploadfile/image/20240430/20240430115100_1265350725.png)no-repeat right bottom;}
.prod_r .prod_box{width:100%;background:#f8f8f8 url(//memberpic.114my.com.cn/027109/uploadfile/image/20240430/20240430113953_616193889.jpg) no-repeat right bottom;height:48%;border-radius:10px;}
.prod_r .prod_box:nth-child(2){background-image:url(//memberpic.114my.com.cn/027109/uploadfile/image/20240430/20240430114633_116159542.jpg);}
.prod_r .prod_box+.prod_box{margin-top:4%}
.prod_box p{font-size:26px;color:#222;}
.prod_box dd{font-size:15px;margin-top:10px;}
.prod_box a{width:30px;height:30px;display:block;border-radius:50%;border:1px solid #ddd;background:url(//memberpic.114my.com.cn/027109/uploadfile/image/20240507/20240507174823_2012048814.png)no-repeat center;margin-top:30px;transition: all 0.3s linear;}
.prod_box:hover a{background-color:#00a1e9;border-color:#00a1e9;}
.prod_wz{padding:50px 0 0 50px;}
.prod_b_t{display:flex;justify-content: space-between;align-items: center;font-size:15px;color:#999;}
.prod_tj p{font-size:32px;color:#222;font-weight:bold;}
.prod_tj dd{font-size:16px;color:#666;}
.prod_tj{position: relative;padding-left: 20px;}
.prod_tj:before{content:'';width: 4px;height:100%;display:block;position: absolute;background: #00a1e9;left: 0;}
.prod_btm .progdwz2021 ul{display:block;}
.prod_btm .progdwz2021 li{width:calc((100% - 60px) / 4);margin-right:20px;float:left;}
.prod_btm .progdwz2021 li>a img{width:100%;}
.prod_btm .progdwz2021 li>a {display:block;border:1px solid #eee;}
.prod_btm .progdwz2021 li br{display:none;}
.prod_btm .progdwz2021 li span a{line-height:40px;text-align:center;font-size:15px;display:block;}
.prod_more{font-size:15px;color:#999;}
.prod_more:hover{font-size:15px;color:#00a1e9;}




/*mark*/
.banner2{width:100%;height:220px;background:#f8f8f8;}
.padv_bg{padding-top:80px;background:#f8f8f8;}
.mark { padding-top: 80px;padding-bottom: 260px;width: 100%;overflow: hidden;background:#f8f8f8;}
.mark_box {width:1500px;margin: 0 auto;}
.mark_tit {font-size: 42px;text-align: center;line-height: 46px;position: relative;}
.mark_tit b {color: #0061ae;position: relative;}
.mark_tit b:before {content:'';width:14px;height: 14px;background: #f08519;border-radius: 50%;position: absolute;top:6px;right:-8px;z-index: -1;}
.mark_tit p {font-size: 18px;color: #888888;line-height: 32px;margin-top: 15px;}
.mark_tit:after {content:'';background: url(//memberpic.114my.com.cn/027109/uploadfile/image/20240507/20240507174843_915886909.png)no-repeat;position: absolute;top:105px;left:50%;width: 34px;height: 31px;}
.mark_con {overflow: hidden;}
.mark_con ul {}
.mark_con li {float:left;width:25%;height: 520px;background:linear-gradient(to right, #f9f9f9,#fff);padding-left: 53px;padding-top: 48px;border-right: 2px solid #f8f8f8;transition: all 0.5s linear;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;cursor: pointer; padding-right: 53px;border-radius:20px;}
.mark_con li:hover {    transition: all 0.5s linear;transform: translate(0,-10px);-webkit-transform: translate(0,-10px);-moz-transform: translate(0,-10px);-o-transform: translate(0,-10px); -ms-transform: translate(0,-10px);}
.mark_con li i{height: 100px;display: flex;border: 1px #eee solid;width: 100px;margin-left: 84px;border-radius: 50px;justify-content: center;align-items: center;}
.mark_con li p {font-size: 23px;color: #333333;line-height: 32px;margin-top: 15px; text-align: center; font-weight: 100;}
.mark_con li span {margin-top: 33px;display: inline-block; text-align: center;}
.mark_con li em {font-size: 15px;color: #888888;line-height: 30px; display: inline-block;margin-top: 25px;width: 270px; text-align: center; font-weight: 100;}
.case_lx{width:618px;height:50px;background:#006eb2;line-height:50px;text-align:center;margin:40px auto 0px;    transition: all 0.5s;    border-radius: 10px;}
.case_lx a{color:#fff;font-size:18px;margin-top:50px;}
.con_lx{text-align: center;font-size: 36px;color: #333;line-height: 70px;margin: auto;padding-top: 60px;display: flex;flex-direction: column;align-items: center;}
.con_lx a{width: 450px;height: 50px;background: linear-gradient(0deg,#006dc1,#0555b5);border-radius: 100px;text-align: center;color: #fff;font-size: 24px;display: block;line-height: 50px;margin-top: 15px;}


.case_botm{height: 180px;    background-image:linear-gradient(-61deg,#00a1e9,#18a86b);position: relative;clip-path: polygon(90% 0%, 100% 100%, 0% 100%, 10% 0%);width: 100%;margin-top:-180px;}
.case_botm .case_l p{font-size: 40px;color: #fff;line-height: 40px;margin-top: 45px;}
.case_botm .case_l d{color: #ffd400;}
.case_botm .case_l ul{margin-top: 25px;}
.case_botm .case_l li{float: left;padding: 0 35px;font-size: 20px;color: #fff;background: url(//memberpic.114my.com.cn/027109/uploadfile/image/20240507/20240507174952_888674338.png)no-repeat left;}
.case_r p{font-size: 18px;color: #fff;margin-top: 45px;}
.case_r b{font-size: 32px;color: #ffd400;}
.case_r a{width: 305px;height: 45px;line-height: 43px;color: rgba(255,255,255,0.5);font-size: 16px; border: 1px solid rgba(255,255,255,0.3);display: block;text-align: center;margin-top: 20px;transition: 0.3s all ease;}
.case_r a:hover{background:#00a1e9;color:#fff;}




/*case*/
.case_bg{background:#fff;}
.case{overflow:hidden;}

.case{ padding:0;}
.casecon .tempWrap{width: 1410px !important;}
.casecenter{ width:1420px; margin:0 auto; padding:0 10px 0 10px; margin:0px auto 0 auto;}
.casecon .divdgweb_new_div_item{width:calc((100% - 40px) / 3);position:relative; transition:all .3s ease; box-shadow:0 0 10px #eaeaea; margin:20px 20px 20px 0;display: flex;flex-direction: column-reverse;background: #fff;}
.case_list{text-align: center;margin-bottom: 20px;}
.case_list a{display:inline-block;width: 200px;height:40px;line-height:40px;text-align:center;background: #ffd400;font-size:15px;color:#fff;clip-path: polygon(100% 0%, 90% 100%, 0% 100%, 10% 0%);margin-bottom: 10px;}
.case_list a.on{background:#00a1e9;}
.case_list a+a{margin-left:20px;}
.case_list a:nth-child(4){margin-left:0px;}

.casecon .news_div_item_pic { overflow:hidden;width: 100%;padding: 30px 30px 0;z-index:3;}
.casecon .news_div_item_pic a{display:block;overflow:hidden;width:100%;}
.casecon .divdgweb_new_div_item_content{z-index:3; position:relative;padding: 30px;    height: 180px;}
.casecon .divdgweb_new_div_item:after{ content:''; display:block; position:absolute; width:100%; height:0; top:0; left:0; background:#00a1e9; transition:all .3s ease;-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.casecon .divdgweb_new_div_item:hover:after{ height:100%;}
.casecon .divdgweb_new_div_item:hover .news_div_item_pic img{ transform:scale(1.1);}
.casecon .divdgweb_new_div_item:hover .divdgweb_new_div_item_a{ color:#fff;}
.casecon .divdgweb_new_div_item:hover .divdgweb_new_div_item_body{ color:#fff;}
.casecon .news_div_item_pic img{ width:100%;height:100%; transition:all .6s ease;}
.casecon .divdgweb_new_div_item_a{ font-size:20px; color:#484848; display:block;}
.casecon .divdgweb_new_div_item_body{ font-size:16px; color:#bbb;line-height:32px; height:64px; overflow:hidden; margin-top:15px;}
.casecon .divdgweb_new_div_item_a:after{ content:''; display:block; width:44px; height:44px; line-height:38px; border-radius:50%; background:#00a1e9 url(//memberpic.114my.com.cn/027109/uploadfile/image/20240507/20240507175017_239025742.png) no-repeat center; position:absolute; left:20px; bottom:-20px; transition:all .3s ease;}
.casecon .divdgweb_new_div_item:hover .divdgweb_new_div_item_a:after{ transform:rotate(360deg); background-color:#fca600;}
.casebottom{ margin-top:40px; text-align:center; font-size:0;}
.casebottom i,.casebottom ul,.casebottom li{ display:inline-block; vertical-align:middle; cursor:pointer;}
.casebottom ul{ margin:0 130px;}
.casebottom li{ display:inline-block; width:22px; height:22px; border-radius:50%; background:#e7ebf0; cursor:pointer; position:relative;}
.casebottom li:after{ content:''; display:block; position:absolute; width:12px; height:12px; border-radius:50%; background:#ccc; top:0; bottom:0; left:0; right:0; margin:auto;}
.casebottom li+li{ margin-left:20px;}
.casebottom li.on:after{ background:#00a1e9;}
.casebottom li.on{ background:#c2daf7;}

#case_btn_l{ background:url(//memberpic.114my.com.cn/027109/uploadfile/image/20240507/20240507175050_1580893100.png) center no-repeat; width:64px; height:64px; left:-100px; top:230px; cursor: pointer; position:absolute;z-index:1;transition: 0.3s all ease;}
#case_btn_r{ background:url(//memberpic.114my.com.cn/027109/uploadfile/image/20240507/20240507175050_1892368370.png) center no-repeat; width:64px; height:64px; right:-100px; top:230px; cursor: pointer;position:absolute;z-index:1;transition: 0.3s all ease;}
.casecon{    position: relative;}










/*adva*/
.adv_t{padding-bottom:0px;}
.adva {padding: 180px 0;overflow: hidden; background: url(//memberpic.114my.com.cn/shengbangbm/uploadfile/image/20231114/20231114155956_1955039833.jpg)center top no-repeat;margin-top:-80px;height:1200px;}
.adva_box {max-width: 1400px;margin: 0 auto;}

.adva_tab {margin:50px 0 0;position:relative;}
.adva_nav {background:#00a1e9;position:absolute;top: 0;right: 0;width: 36%;padding: 5%;z-index: 5;}
.adva_nav ul {display:flex;flex-direction:column;align-items:center;}
.adva_nav li {background: rgba(255,255,255,0.1);padding: 5% 10%;width: 100%;display:  flex;align-items:  center;    position: relative;z-index: 5;}
.adva_nav li:after {content:'';width: 0;height: 100%;background:#ffd400;   position: absolute; left: 0; top: 0;transition:0.5s;z-index: -1;}
.adva_nav li.on:after {width:100%;}
.adva_nav li:nth-child(n+2) {margin:5px 0 0;}
.adva_nav li i {width: 80px;height: 80px;background:  #fff;font-size:  36px;border-radius:  50%;display:  flex;justify-content:  center;align-items:  center;}
.adva_nav li p {font-size:24px;display:flex;flex-direction:column;color:  #fff;padding: 0 0 0 8%;}
.adva_nav li p span {font-size:14px;text-transform:uppercase;font-family: rial;opacity: 0.5;padding: 0% 0 0;}
.adva_con {width: 80%;overflow:  hidden;}
.adva_con ul {display:  flex;transition: 0.5s;}
.adva_con li {width: 100%;flex-shrink: 0;}
.adva_txt {padding: 4.8% 6%; position:  relative;border-left: 5px solid #ffd400;background: #fff;}
.adva_txt p {font-size:30px;display:flex;flex-direction:column;font-weight:  bold;color:#222;}
.adva_txt p span {font-size:16px;color:#666;font-weight:  normal;line-height:  30px;padding: 3% 0 0;width: 73%;}
.adva_pic {}
.adva_pic i {}
.adva_pic i img {width: 100%;height: auto;}





/*优势*/
.adv_bg { background: #26272b url(//memberpic.114my.com.cn/027109/uploadfile/image/20240507/20240507175233_1320554630.jpg)no-repeat bottom center; padding: 80px 0px; overflow: hidden }

.yxh_t p { color: #fff; }
.yxh_t b { color: #fff; }
.yxh_t span { color: #fff; }
.adv_cont {background: #f5f5f5; overflow: hidden; }
.adv_cont li {padding: 35px;background: #fff;display: block;float: left;width: calc((50% - 3px) / 3);height: 680px;overflow: hidden;position: relative;transition: 0.5s ease all;cursor: pointer;}
.adv_cont li+li {margin-left: 1px;}
.adv_cont li.on {width: 50%;}
.adv_cont li p { color: #00a1e9; font-size: 28px; font-weight: bold; display: inline-block; margin: 20px 0 15px 0; }
.adv_cont li t { display: block; margin-top: -12px; font-family: Arial; color: #aaa; }
.adv_cont li span { color: #ccc; margin: 0 20px; position: relative; top: -3px; font-size: 0px !important; }
.adv_cont li dd { width: 700px; font-size: 16px; color: #666; line-height: 30px; font-size: 16px !important; position: absolute; opacity: 0; top: 560px; left: 80px; transition: 0.3s ease all;z-index: 9;}
.adv_cont li d { width: 400px; color: #222; font-weight: bold; font-size: 20px; font-size: 16px !important; position: absolute; opacity: 0; top: 524px; left: 320px; transition: 0.3s ease all; }
.adv_cont li i { font-size: 110px; font-family: 'Impact'; color: #f8f8f8; font-style: normal; position: absolute; right: 56px; bottom: -30px; transition: 0.3s ease all; }
.adv_cont li.on t { display: none; }
.adv_cont li.on span { font-size: 16px !important; }
.adv_cont li.on dd { left: 35px; opacity: 1; }
.adv_cont li.on d { left: 220px; opacity: 1; }
.adv_cont li.on i { right: 40px; }





/*公司简介*/
.about_bg{padding-top:100px;}
.about{display: flex;align-items: center;}
.about_img{width:60%;}
.about_text{width:50%;padding:60px;background: #f8f8f8;margin-left:-10%;}
.about_text *{display: block;}
.about_text b{font-size:28px;color:#333;}
.about_text t{font-size: 16px;color:#aaa;line-height: 24px;text-transform: capitalize;}
.about_text t:after{content:"";display: block;width:60px;height:2px;margin:33px 0 30px 0;background: #00a1e9;}
.about_text p{font-size: 16px;color:#999;line-height: 34px;}
.about_text a{width:150px;height:50px;line-height:50px;margin-top: 30px;float:left;font-size: 16px;color: #666;text-align: center;border: 1px solid #ccc;}
.about_text a:last-child{
    margin-left: 20px;
}
.about_text a:hover{border-color:#00a1e9;}

.about_workshop{margin-top:40px;}
.about_workshop ul{display:block;}
.about_workshop ul *{display:block;}
.about_workshop ul img{width:100%;height:auto;}
.about_workshop .tempWrap{}
.about_workshop li{width:calc((100% - 60px) / 4);margin-right:20px;}
.about_workshop li p{line-height: 50px;background: #f5f5f5;}
.about_workshop li:hover p{background: #00a1e9;}
.about_workshop li p>a{font-size: 16px;color: #333;text-align: center;}
.about_workshop li:hover p>a{color:#fff;}

/*新闻*/
.news{background: #f5f5f5;padding:80px 0;}
.news_tab{margin:0 0 50px 0; text-align:center;}
.news_tab li{ display:inline-block; vertical-align:top;width: 230px; height: 56px; line-height: 56px; text-align: center;border:1px solid #eee;}
.news_tab li+li{margin-left:19px;}
.news_tab li a{font-size:18px;display:block;}
.news_tab li.on{color:#fff; background:#00a1e9;box-shadow: 0px 0px 10px #ddd;width:230px; height:56px; line-height:56px;}
.news_tab li.on a{color:#fff;}
.news_list{height:541px;width: 100%;overflow: hidden;}
.news_list .news_div{height:540px;}
.news_list .news_div_item{width: 25%;display: inline-block;position: relative;height:540px;transition:0.5s; padding:20px; border: 1px #eee solid; background:#fff;}
.news_list .news_div_item_date{position: absolute;top:265px;display: inline-block;font-weight: 400;left: 19px;padding-left: 32px;height: 22px;}
.news_list .news_div_item_date::before{position:absolute;content:'';background:url(//memberpic.114my.com.cn/027109/uploadfile/image/20240507/20240507175311_1806610456.png) no-repeat left center;top: 0;left: 0;width: 22px;height: 22px;}
.news_list .news_div_item_content{position: absolute;top:310px;left: 19px;padding-right: 14px;}
.news_list .news_div_item_year, .news_list .news_div_item_month, .news_list .news_div_item_day{float: left;font-size: 15px;line-height: 22px; color: #999;}
.news_list .news_div_item_a{font-size: 16px;display: block;margin-bottom: 16px;position:relative;transition:0.3s; font-weight: 	normal;}
.news_list .news_div_item_a::before{position:absolute;content:'查看详情';top:150px;left: 0;width: 175px;height: 33px;background: #fff;border-radius: 40px;line-height: 33px;color: #999;font-size: 15px;transition:0.5s;padding-left: 30px; border:1px #eee solid; font-weight: 100;}
.news_list .news_div_item_a::after{position:absolute;content:'';top: 160px;font-size: 43px;background:url(//memberpic.114my.com.cn/027109/uploadfile/image/20240507/20240507175312_319003690.png) no-repeat center;width: 18px;height: 14px;left: 130px;transition:0.5s;}
.news_list .news_div_item_body{font-size: 14px;color: #666;font-weight: 100;line-height: 28px;}
.news_list .news_div_item_pic, .news_list .news_div_item_pic a, .news_list .news_div_item_image{width:100%;height:auto;display: block;}
.news_list .news_div_item_pic{ border:1px solid #eee;}
.news_list .news_div_item:hover .news_div_item_a{color: #0377cc;transition:0.3s;}
.news_list .news_div_item:hover .news_div_item_a::before{background: #0377cc;transition:0.5s;padding-left:40px; color:#fff;}
.news_list .news_div_item:hover .news_div_item_a::after{left:170px;transition:0.5s;}



/*友情链接*/
.copyright{ background:#222; color:#fff; }
.links{ line-height:75px; background:#00a1e9; color:#fff; font-size:18px;}
.links .page{display: flex;align-items: center;padding: 20px 0;width:80%;}
.linkTagcs li{line-height: 30px !important;}
.links p.fl{ padding-left:40px; background:url(//memberpic.114my.com.cn/027109/uploadfile/image/20240507/20240507175400_2045704629.png) no-repeat left center;}
.links p.fr{ font-size:25px; font-family:impact; text-transform:uppercase;}




/*版权*/
.bq{ border-top: 1px solid #2d2d2d;}
.end{ line-height:100px;}
.end,.end a{ font-size:14px; color:#888;}
.end a:hover{ text-decoration:underline; color:#fff;} 
.crcon{ padding:60px 0; width:80%; margin:0 auto;}
.kslj{ font-size:0;}
.kslj>li{ display:inline-block; padding-left:25px; position:relative; vertical-align:top;}
.kslj>li:after{content: "";display: block;width: 1px;height: 180px;background: #2d2d2d;position: absolute;right: -100px;top: 0;}
.kslj>li p{ font-size:18px; margin-bottom:25px; position:relative;}
.kslj>li p:after{ content:''; display:block; position:absolute; top:0; bottom:0; height:1px; margin:auto 0; left:-25px; width:16px; background:#fff;}
.kslj>li a{ display:block; font-size:14px; color:#888; line-height:32px;}
.kslj>li a:hover{ text-decoration:underline; color:#fff;} 
.kslj>li+li{ margin-left:180px;}
.crcode{ font-size:14px;text-align:center;}
.crcode img{ display:block; width:150px; height:150px; margin-bottom:10px;}
.crconcat{ text-align:center; height:218px; box-sizing:border-box; padding:0px 120px; }
.crphone{ font-size:33px; font-weight:bold;}
.cr_c{ font-size:14px; line-height:25px; margin:20px 0; color:#888;}
.crbtn a{ width:200px; line-height:38px; border-radius:20px; font-size:14px; color:#fff; display:inline-block; background:#00a1e9; transition:all .3s ease;}
.crbtn a:hover{ box-shadow:0 0 5px #fff;}
.crbtn i{ display:inline-block;  color: #fff; padding-left:28px; background:url(//memberpic.114my.com.cn/027109/uploadfile/image/20240507/20240507175400_657680552.png) no-repeat left center;}





/*在线浮动*/
.y-kefu-box{ font-size:13px; position:fixed; right:0; top:20%; z-index:99899999;}
.y-kefu-box img{ display:block; width:100%; height:auto;}
.y-kefu-box01 .icon{ display:block; background:url(//memberpic.114my.com.cn/027109/uploadfile/image/20240515/20240515181914_487702018.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; cursor:pointer; position:relative;}
.y-kefu-box01 .kf-close-btn:before{ content:''; display:block; width:1px; height:12px; background:#00a1e9; position:absolute; bottom:-12px; left:13px; z-index:1;}
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div{ display:block; width:52px; background:#fff; border-left:solid 1px #efefef; border-top:solid 1px #efefef; border-right:solid 1px #efefef; padding:8px 0 12px; position:relative;}
.y-kefu-box01 .show-status{ position:relative;}
.y-kefu-box01 .show-status .kf-zixun{ color:#fff; background:#00a1e9; border-color:#00a1e9; 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{ border-radius:2px; margin-top:20px; left:55px;}
.y-kefu-box01 .hver:hover{ background:#00a1e9; border-color:#00a1e9;}
.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{ display:none; background:#fff; border:1px solid #efefef; border-radius:2px; position:absolute; right:90px; z-index:2;} 
/*咨询热线*/
.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:#aaa;}
.y-kefu-box01 .mobile-infos p{ color:#00a1e9; font-size:18px;}
.right{ width:12px; height:12px; position:absolute; right:-12px; top:24px;}
.right-arrow1,.right-arrow2{ width:0; height:0; display:block; border-top:6px transparent dashed; border-right:6px transparent dashed; border-bottom:6px transparent dashed; border-left:6px white solid; overflow:hidden; position:absolute; left:0; top:0;}
.right-arrow1{ left:1px; border-left:6px solid #efefef;}
.right-arrow2{ border-left:6px solid white;}
/*咨询热线*/
/*二维码*/
.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:120px; height:120px; margin:16px auto 10px;}
.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;}
/*二维码*/
/*email*/
.y-kefu-box01 .y-email-infos{ color:#aaa; text-align:left; padding:28px 20px 28px 45px; bottom:0;}
.y-kefu-box01 .y-email-infos p{ color:#00a1e9; 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:#00a1e9; position:absolute; top:37px; left:55px; z-index:9;}
.y-kefu-box01 .hide-status .kf-zixun{ color:#fff; padding:10px 0 7px; cursor:pointer;}
/*email*/
/*在线浮动*/