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('../font/font_4024882_1v4c7guc0g3j.woff2') format('woff2'),
       url('../font/font_4024882_1v4c7guc0g3j.woff') format('woff'),
       url('../font/font_4024882_1v4c7guc0g3j.ttf') 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(http://memberpic.114my.com.cn/dgzhiheng/cssnew/OPPOSans-Regular.txt)}
@font-face{font-family:OPPOSans2;font-weight:500;src:url(http://memberpic.114my.com.cn/dgzhiheng/cssnew/OPPOSans-Medium.txt)}
@font-face{font-family:OPPOSans2;font-weight:600;src:url(http://memberpic.114my.com.cn/dgzhiheng/cssnew/HarmonyOS_Sans_SC_Bold.ttf.txt)}


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


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



/*文字*/
.t{text-align: center;padding-bottom:40px;}
.t b{color:#0555b5;}
.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;  }
.top_box {margin: 0 auto;display: flex;justify-content: space-between;align-items: center;color: rgba(51, 51, 51, 0.8);}
.top_tit {font-size: 15px;line-height: 45px;}
.top_con {width: 28%;}
.top_con>ul {display: flex;justify-content: space-between;width: 100%;}
.top_con>ul>li{display: flex;position: relative; background: #f8f8f8; z-index: 66; align-items: center; justify-content: center; width: 100%;}
.top_con>ul>li img{height: 18px;  width: auto;}
.top_con>ul>li:nth-child(2){background: #ffffff;}

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

.top_con li>a{ line-height: 45px;}
.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: 45px;}
.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: 25px 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: 36px;line-height: 36px;}
.head_logo p span {color: #999999;text-transform: uppercase;font-family:Arial;font-size: 14px;display: block;line-height: 16px;font-weight: normal;text-align: center;letter-spacing: 1px;padding-top: 5px;}
.head_r {background: url(../image/20231106113611_1282762095.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:#0555b5;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: 80px; padding: 28px 0;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,#e82129,#e82129);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:nth-child(3) dl {width:100%;left:0;    display: flex;justify-content: center;align-items: center;}
.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:#e82129;position: absolute;left: 0%;top: -29px; 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:58px; /* left:-114px; */z-index:10000; /*width: 415px; */box-shadow: 1px 5px 10px rgba(0,0,0,0.2);transition: 0.5s;/* opacity: 0; */ padding: 10px 10px; 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: #e82129; 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: 10px 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:#e82129;}









/*幻灯片*/
.banner_box,.banner_box .bd li{height:550px;background: #fff;}
.banner_box .banner-btn a.prev,.banner_box .banner-btn a.next{top:330px;background-image:url(../image/20231106113611_1021397297.png);}
.banner_box .hd ul li.on{background:#0377cc;}
.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:20px;width: 100%;display: block;}
.banner_box .hd ul{ text-align: center}
.banner_box .hd ul li{ width:10px; height:10px; border-radius :20px; text-indent:-9999px; background:#ccc; 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:10px;}













/*搜索*/
.search_nbg{width: 100%; min-width:1400px; height:88px; margin:0 auto;    border-bottom: 1px solid #eee;position:absolute; top:586px;background: #fff;}
.search_bg{width: 100%; min-width:1400px; height:88px; margin:0 auto;background: #fff;border-bottom: 1px solid #eee;}
#search{ color: #999;width:1400px;line-height:88px;margin:0 auto;}
.search_01 i{display: block;float: left;padding-top: 22px;margin-right: 14px;}
.search_01{ float:left; width:900px; padding-left:2px;}
.search_02{height:50px;width:358px;overflow:hidden;margin-top:19px;float:right;border-radius: 50px;background: #fff;    border: 1px solid #eee;}
.search_02 form{padding-left:0;}
.search-i{ width:48px; overflow:hidden; height:48px;float: right;}
.search-bg{float:left;width:293px;height:48px;overflow:hidden;padding-left:10px;}
.search_01 a{font-size:14px;}


/*products*/
.prod{}
.pro_c{margin-top:0px;background: #fff; padding:70px 0;}
.pro_list{display: flex; position: relative;margin: 20px auto;width: 70%;}
.pro_list .prolist2021{ width: 100%;background: #f8f8f8; padding:1% 2%;border-radius: 50px;}
.pro_list ul{display: flex; justify-content: center; width: 100%;}

.pro_list li{text-align: center; width: calc(100% / 3);float: left;  height: 50px;line-height: 50px; border-radius: 50px;}
.pro_list li a{ font-size: 16px;}
.pro_list li.on{background: #0555b5;color: #fff;transition: all .3s ease;}
.pro_list li.on a.prolist2021_one{color: #fff;}
.pro_list li dl{ display: none;}
.pro_call li{padding:1%; display: block; float: left; width:24%;border: 1px solid #eee;margin-top: 20px;background: #fff;}
.pro_call li a{display: block; width: 100%; height: auto; overflow: hidden; position: relative;}
.pro_call li>a:after{content: ''; display: block;width: 100%; height: 100%;  background: rgba(0,0,0,0.45) url(../image/20231106113611_347868817.png) no-repeat center; position: absolute; top: 0;left: 0;opacity: 0; transition: 0.3s all ease;}
.pro_call li:hover>a:before{opacity: 1;transform: scaleY(1);}
.pro_call li:hover>a:after{opacity: 1;}
.pro_call li br{display:none;}

.pro_call li span a{display:block;width:100%;height:56px;line-height:56px;font-size:16px;color:#333;border-top: 1px solid #eee; transition: 0.3s all ease;position: relative;z-index:22; text-align: center; background: #fff;}
.pro_call li span a:after{content: '';display: block;background: #0555b5;width:100%;height:0px;position: absolute;top:0;z-index: -1;}
.pro_call li:hover span a:after{height:100%;transition: 0.3s all ease;}
.pro_call li:hover span a{color:#FFF;border: 1px solid #0555b5;}
.pro_call li+li{margin-left: 1.3%;}

.pro_call li img{transition: 0.3s all ease;width: 100%;height: auto;}
.pro_call li:hover img{transform: scale(1.1);}



/*mark*/
.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(../image/20231106113611_547409211.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:375px;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: #0555b5;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(../image/20231106113611_1427471087.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:#1071d2;color:#fff;}


	



/*匠心工艺 · 严格把控每一环节*/
.proadv{height:1060px; background:url(../image/20210928115250_2113427193.png) no-repeat center #f8f8f8;}
.patext{ font-size:0; text-align:center;}
.patext p{ display:inline-block; vertical-align:top; font-size:24px; color:#ffffff; font-weight:bold;}
.patext p img{ animation:rotation 3s linear infinite;}
.patext p span{ display:block; margin-top:12px;}
.patext p+p{ margin-left:170px;}
.patext p:nth-child(1){ margin-top:30px;}
.patext p:nth-child(2){ margin-top:50px;}
.patext p:nth-child(4){ margin-top:85px;}
.patext p:nth-child(5){ margin-top:30px;}

.cptdtitle{text-align: center;font-size: 40px;color: #fff;}
.cptdtitle em{color: #fff;}
.cptdtitle span{display: block;font-size: 18px;color: #fff;margin:14px 0 26px 0;}
.cptdtitle i{display: block;width: 80px;height: 5px;margin: 0 auto; position: relative;}
.cptdtitle i::after,.cptdtitle i::before{content: '';display: block;position: absolute;width: 30px; height: 5px;top: 0;left: 0;}
.cptdtitle i::after{right: 0px;left: inherit;background:#fff;animation:allTitleAfter 3s infinite linear;}
.cptdtitle i::before{background:#fff;animation:allTitleBefore 3s infinite linear;}
.cptdtitle t{width: 30px;height: 5px;background:#fff;margin:0 auto;display:block;animation:allTitleI 3s infinite linear;}

@keyframes rotation{
	from{ transform:rotate(0);}
	to{ transform:rotate(360deg);}
	}
.paul{ position:relative; padding-top:90px;}
.paul:after{ content:''; display:block; position:absolute; width:512px; height:510px; background:url(../image/20210928111421_310802852.png) no-repeat center; top:0; bottom:0; left:0; right:0; margin:auto;}
.paul li{ height:210px; background:#0c8ff4; border-radius:30px;transition:all .3s ease;}
.paul li+li{margin-top:40px;}
.paul dl.fl{ margin:30px 0 0 30px;}
.paul dl.fr{ margin:30px 30px 0 0; text-align:right;}
.paul dl{font-size:16px; color:#666666; font-weight:lighter; line-height:30px;}
.paul li+li dl{ margin-top:35px !important;}
.pa_t p{ display:inline-block; vertical-align:middle; font-size:24px; color:#feffff;}
.pa_t p+p{ margin-left:20px;}
.pa_t p em{ display:block; font-size:14px; color:#fff; text-transform:uppercase;}
.pa_t img{ animation:translation 2s linear infinite;}
@keyframes translation{
	0%{ transform:translateY(10px);}
	50%{ transform:translateY(-10px);}
	100%{ transform:translateY(10px);}
	}
.pa_c{ font-size:15px; color:#fff; line-height:30px; margin-top:15px;}



/* application */
.cat_bt{text-align: center;margin-bottom: 57px;}
.cat_bt p{font-weight: bold;font-size: 36px;color: #333;display: inline-block;position: relative;}
.cat_bt p:before{position: absolute;content: "\e650";font-family: "jsf";color: #0555b5;font-size: 28px;top: -60px;left: 50%;margin-left: -13px;}
.cat_bt span{display: block;font-size: 18px;color: rgba(51,51,51,0.4);margin-top: 14px;letter-spacing: 3px;}

.app_bc{width: 100%;padding: 80px 0;}

.case_list{background: #fff;padding: 30px;box-shadow: 0 0 22px rgba(0, 0, 0, 0.08);}
.case_list td{float: right;position: relative;margin-left: 1.3%;overflow: hidden;padding-left:0!important;}
.case_list td br{display:none;}
.case_list td{width:23.9%;height:100%;}
.case_list td>a,.case_list td>a>img{width:100%;height:auto;transition:0.5s;}
.case_list td:hover img{transform: translate3d(0px, -50px, 0px);transition:0.5s;}
.case_list td:nth-child(1){width:49.5% !important;height:100% !important;float: left;margin-left: 0px;}
.case_list td:nth-child(1) >a{width: 100% !important;height: 100% !important;display: block;}
.case_list td:nth-child(1) img{width: 100% !important;height: auto !important;}
.case_list td:nth-child(n+4){margin-top:1.3%;}
.case_list td div{padding-top: 0px !important;position: absolute;transition: 0.5s;bottom: 0;left: 0;width: 100%;background: #0555b5;height: 50px;transform: translateY(50px);transition:0.5s;}
.case_list td:hover div{transform: translateY(0px);transition:0.5s;}
.case_list td div a{color: #fff;font-size: 19px;line-height: 50px;}


/*优势*/
.adv_bg { background: #26272b url(../image/20231103180717_2138401307.jpg)no-repeat bottom center; padding: 80px 0px; overflow: hidden }
.adv_t p { color: #fff; }
.adv_t b { color: #fff; }
.adv_t span { color: #fff; }
.adv_cont {background: #f5f5f5; overflow: hidden; }
.adv_cont li { padding: 35px; background: #fff; display: block; float: left; width: 209px; height: 620px; overflow: hidden; position: relative; transition: 0.5s ease all; cursor: pointer; }
.adv_cont li+li { margin-left: 1px; }
.adv_cont li.on { width: 770px; }
.adv_cont li p { color: #dd272a; 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: 15px; color: #666; line-height: 30px; opacity: 0;transition: 0.3s ease all;position: relative;z-index: 2;}
.adv_cont li d { width: 400px; color: #222; font-weight: bold; font-size: 20px; font-size: 16px !important; position: absolute; opacity: 0; top: 462px; 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 {opacity: 1; }
.adv_cont li.on d { left: 220px; opacity: 1; }
.adv_cont li.on i { right: 40px; }
.adv_img{height:400px;overflow: hidden;display: flex;align-items: center;justify-content: center;}


/*应用案例*/
.case{ padding:0;}
.casecon .tempWrap{ overflow:visible !important;}
.casecenter{ width:1400px; overflow:hidden; margin:0 auto; padding:0 10px 0 10px; margin:10px auto 0 auto;}
.casecon .divdgweb_new_div_item{width:406px !important; height:150px; position:relative; padding:335px 20px 20px 20px; transition:all .3s ease; box-shadow:0 0 10px #eaeaea; margin:20px 30px 21px 0;}
.casecon .news_div_item_pic { position:absolute; top:20px; overflow:hidden; left:20px; width:406px; height:305px;z-index:3;}
.casecon .divdgweb_new_div_item_content{z-index:3; position:relative;padding: 10px;}
.casecon .divdgweb_new_div_item:after{ content:''; display:block; position:absolute; width:100%; height:0; top:0; left:0; background:#0555b5; 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:#0555b5 url(../image/20210928143420_938558733.png) no-repeat center; position:absolute; left:20px; bottom:-65px; 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:#0555b5;}
.casebottom li.on{ background:#c2daf7;}

/*走进志恒包装*/
/*company*/
.com_bc{padding: 80px 0;overflow: hidden;position: relative;}
.com_ic{display: flex;justify-content: space-between;position: relative;}
.com_t>i{font-size: 68px;text-transform: uppercase;font-family: "Times";color: #e5e5e5;position: relative;padding-top: 50px;}
.com_t>i:after{position: absolute;content: "";width: 124px;height: 2px;background: #0555b5;top: 0;left: 0;}
.com_l{padding-top: 50px;width: 44%;}
.com_t>b{display: block;font-size: 48px;margin: 15px 0 50px;}
.com_t>b span{color: #0159b3;}
.com_l>p{font-size: 16px;color: #666;line-height: 32px;font-weight: lighter;}
.com_ic>p{position: absolute;top: 0;right: -260px;}
.com_ic>p img{}
.com_nav{background: rgba(1,89,179,0.9);display: flex;height: 250px;width: 50%;bottom: 80px;align-items: center;z-index: 2;position: absolute;}
.com_nav ul{display: flex;width: 63%;justify-content: space-between;}
.com_nav>i{text-transform: uppercase;color: #fff;font-size: 14px;writing-mode: tb-rl;position: relative;top: -50px;margin: 0 80px 0 0;}
.com_c{height: 876px;}
.com_nav>i:after{position: absolute;content: "";width: 1px;height: 105px;background: rgba(255,255,255,0.3);top: 48px;left: 6px;}
.com_nav li p{width: 94px;height: 94px;background: #fff;border-radius: 100%;display: flex;align-items: center;justify-content: center;}
.com_nav li p span{width: 64px;height: 64px;border-radius: 100%;background: #f8f8f8;line-height: 64px;color: #0555b5;font-size: 32px;transition: .5s; display: flex; justify-content: center; align-items: center;}
.com_nav li em{text-align: center;color: #fff;font-size: 18px;margin-top: 14px;font-weight:100;    display: block;}
.com_nav li:hover p span{color: #878787;}
.com_nav:after{position: absolute;content: "";width: 500px;height: 100%;background-image: linear-gradient(to right, rgba(1,89,179,1), rgba(1,89,179,0.9));z-index: -1;left: -500px;top: 0;}
@media screen and (max-width: 1650px){
   .com_nav{width: 55%;}
   .com_nav ul{width: 66%;}
}


/*应用领域*/
.field{ width:100%; margin-bottom: 40px; height: 510px; overflow: hidden;}
.fieldcon{ width:600px; height:450px; margin:0 auto; position:relative;}
.fieldjt{ width:32px; height:32px; background:url(../image/20231106113611_74002218.png) top left no-repeat; position:absolute; top:45%; left:-58px; z-index:9; cursor:pointer;}
.fieldjt.next{ background:url(../image/20231106113611_1679263453.png) top left no-repeat; left:inherit; right:-58px;}
.fieldjt:hover{ background-position-y:bottom;}
.fieldcon .divdgweb_new_div_item{ width:600px; height:450px; margin-right:100px; position:relative;}
.fieldcon .divdgweb_new_div_item .news_div_item_pic img{ width:100%; height:100%;}
.fieldcon .divdgweb_new_div_item_content{ width:100%; background:#f8f8f8; opacity:0; transition:all .3s ease; margin:0 auto; position:absolute; left:0; right:0; top:200px;    line-height: 60px;}
.fieldcon .divdgweb_new_div_item_a{ display:block; color:#333; font-size:22px; text-align:center; line-height: 62px;}
.fieldcon .divdgweb_new_div_item_body{ display:-webkit-box; height:90px; color:#eee; font-size:14px; font-weight:lighter; line-height:30px; margin:24px 0 0px 0; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;    display: none;} 
.fieldcon .divdgweb_new_div_item.cur .divdgweb_new_div_item_content{ top:450px; opacity:1;}
.fieldcon .divdgweb_new_div,.fieldcon .tempWrap{ overflow:visible !important;}





/*新闻*/
.news.box{margin-top: 80px;}
.news_top ul{text-align:center; margin:0px auto;}
.news_wz{ height:48px;line-height: 36px; }
.news_wz b{font-size:26px;}
.news_wz span{font-size:24px; margin-left: 8px; color: #ccc; text-transform: uppercase; font-family: Arial;}
.news_wz em{font-size:16px; font-weight:200; display: block;color: #999;}
.news_tab{}
.news_tab li{display:inline-block; background: #fff; box-shadow: 0px 0px 20px #eee; width: 171px; height: 42px; line-height: 42px; text-align: center; border-radius: 30px;}
.news_tab li+li{margin-left:19px;}
.news_tab li a{font-size:18px;font-weight:100; color:#666;display: block;}
.news_tab li.on{color:#fff; background:#0555b5;box-shadow:0px 0px 10px rgba(48,93,196, 0.3);width: 171px; height: 42px; line-height: 42px;}
.news_tab li.on a{color:#fff !important;}
.news_a{margin-right: 17px;}
.news_a em{position:relative;font-size: 20px;color: #c2c2c2; top:8px;}
.news_a .sPrev, .news_a .sNext{position:absolute;top: 2px;font-size: 20px;color: #c2c2c2;cursor: pointer;}
.news_a .sPrev{right: 5px;transform: rotate(-90deg);}
.news_a .sNext{left: 5px;transform: rotate(90deg);}
.news_a i:hover{color:#005cab;}
.news_list{height:28vw; min-height:500px !important;width: 100%;overflow: hidden;    margin-top: 50px;}
.news_list .tempWrap {width: 100% !important;}
.news_list .news_div{height:100%;}
.news_list .news_div_item{width: 23%;display: inline-block;position: relative;height:100%;transition:0.5s; padding:30px 40px 40px;border-right:1px #eee solid;}
.news_list .news_div_item:first-child{border-left:1px #eee solid;}
.news_list .news_div_item_date{font-weight: 400;height: 26px; line-height: 22px;}
.news_list .news_div_item_content{padding-right: 14px; padding-bottom:90px;}
.news_list .news_div_item_year, .news_list .news_div_item_month, .news_list .news_div_item_day{display: inline-block; font-size: 15px;line-height: 22px; color: #999;}

.news_list .news_div_item_a{font-size: 18px;display: block;margin-bottom: 16px;position:relative;transition:0.3s; font-weight:normal; color:#222;}
.news_list .news_div_item_a::before{position:absolute;content:'查看详情';bottom: -152px;left: 0;width: 0;height: 33px;background: #fff;border-radius: 40px;line-height: 33px;color: #999;font-size: 15px;transition:0.5s;padding-left: 43px; border:1px #eee solid; font-weight: 100; display: none;}
.news_list .news_div_item_a::after{position:absolute;content:'';bottom: -141px;font-size: 43px;background:url(../image/20231106113611_1595297297.png) no-repeat center;width: 18px;height: 14px;left: 0;transition:0.5s;}
.news_list .news_div_item_body{font-size: 14px;color: #666;font-weight: 100;line-height: 24px;}
.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{  height: 14vw; overflow: hidden;}
.news_list .news_div_item img{transition:0.3s all linear; }
.news_list .news_div_item:hover img{transform:scale(1.1);}
.news_list .news_div_item:hover .news_div_item_a{color: #0555b5;transition:0.3s;}
.news_list .news_div_item:hover .news_div_item_a::before{padding-left:40px;display: block;width: 130px;}
.news_list .news_div_item:hover .news_div_item_a::after{left:110px;}



/*版权*/
/*版权*/
.copy_wrap{width:100%;background:url(../image/20231106113611_2032144318.png) no-repeat center top #fff;padding-top:124px;position:relative;}
.go_top{width:180px;height:44px;position:absolute;top:0;left:calc(50% - 90px);text-align: center;line-height:44px;font-size:18px;color:rgba(255,255,255,0.3);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding-top: 20px;}
.go_top:hover{color:#fff;-webkit-animation:goTop infinite 1s;animation:goTop infinite 1s;}
.copy_con{padding-bottom:60px;display: flex;justify-content: space-between;}
.banq{width: calc(100% - 690px);}
.bq_item{display: flex;justify-content: space-between;width: 100%;}
.bq_item li{position: relative;}
.bq_item li{ float: left;position: relative;}
.bq_item li a{ display: block;font-size: 15px; line-height: 30px; color: rgba(255,255,255,0.47);text-align:left;}
.bq_item li a:hover{color:#fff;}
.footer_t{ font-size: 20px !important;color:#fff !important;line-height: 48px !important;position: relative;}

.bq_r{width: 470px;padding-left: 80px;position: relative;}
.bq_r b{font-size:20px;font-weight: normal;color:#fff;display: block;line-height:48px;}
.bq_lx {line-height: 36px;}
.bq_lx li{font-size: 15px;color: rgba(255,255,255,0.47);line-height:30px;}
.bq_ewm {display: -webkit-box;display: -ms-flexbox;display: flex;padding-top:24px;position: relative;}
.bq_ewm li+li {margin-left: 10px;}
.bq_ewm li:hover .ewm_cc{display: block;}
.bq_ewm li span {display: block;width: 36px;height: 36px;border-radius: 100%;font-size: 14px;text-align: center;line-height: 34px;color: #fff;background: #131513;display: flex;
    align-items: center;
    justify-content: center;}
.bq_ewm li span:hover{background:#df242f;}
.ewm_cc {position: absolute;top: -150px;left:0;display: none;background:#fff;}
.ewm_cc p{line-height:30px;text-align: center;padding-bottom:5px;position:relative;}
.ewm_cc p:before,.ewm_cc p:after{content:'';width:100%;position:absolute;top:0;left:0;-webkit-animation:ewmccBA infinite 3s;animation:ewmccBA infinite 3s;}
.ewm_cc p:before{height:2px;background:#df242f;}
.ewm_cc p:after{height:10px;background:-webkit-gradient(linear,left top, left bottom,from(#df242f),to(transparent));background:linear-gradient(to bottom,#df242f,transparent);}
.ewm_cc img{width:130px;}
.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;}

.link{background:#222;}
.link_tit{padding:20px 20px 20px 40px;}
.link_tit b{font-size:22px;color:#fff;}
.link_tit p{font-size:16px;color:rgba(255,255,255,0.2);margin-top:6px;}
.link_con{width:calc(100% - 107px);}

.link+.copy_b{border-top:none;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.copy_b{height:82px;border-top: 1px solid rgba(255,255,255,0.05);color:rgba(255,255,255,0.47);font-size: 15px;}
.copy_b a{color:rgba(255,255,255,0.47);font-size: 15px;}
.copy_b a:hover{color:#fff;}


@-webkit-keyframes goTop{
  0%{-webkit-transform:translateY(0px);transform:translateY(0px);}
  50%{-webkit-transform:translateY(5px);transform:translateY(5px);}
  100%{-webkit-transform:translateY(0px);transform:translateY(0px);}
}

@keyframes goTop{
  0%{-webkit-transform:translateY(0px);transform:translateY(0px);}
  50%{-webkit-transform:translateY(5px);transform:translateY(5px);}
  100%{-webkit-transform:translateY(0px);transform:translateY(0px);}
}
@-webkit-keyframes ewmccBA{
  0%{top:0;opacity:1;}
  50%{top:130px;opacity:0.2;}
  100%{top:0;opacity:1;}
}
@keyframes ewmccBA{
  0%{top:0;opacity:1;}
  50%{top:130px;opacity:0.2;}
  100%{top:0;opacity:1;}
}



.linkTagcs li a{color:#999 !important;}


/*右侧浮动*/
.y-kefu-box { position: fixed; right: 0; top: 15%; 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(../image/20210928155712_2059321302.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: #0555b5; }/*颜色更改*/
.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: #0555b5; border-color: #0555b5; 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: #0555b5; border-color: #0555b5;}/*颜色更改*/
.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:#0555b5; 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: 94px; height: 94px; margin: 30px 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; }
/*邮箱*/
.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: #0555b5; 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:#0555b5;position: absolute; top: 37px; left: 55px; z-index: 9;}/*关闭后颜色*/
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }