*{margin: 0;padding: 0;box-sizing: border-box;}
body {font-size: 14px;font-family:Microsoft YaHei;}
em,i{font-style:inherit;font-weight:inherit;}
ul{list-style: none;}
img {border: none;vertical-align: middle;}
a {text-decoration: none;color: #333;}
tr,td{padding:0 !important;}
input, textarea {outline: none;border: none;}


@font-face {
font-family: "pmzd";
src: url("../cssnew/pmzd.woff2.txt") format("woff2"),
       url("../cssnew/pmzd.woff.txt") format("woff"),
       url("../cssnew/pmzd.TTF.txt") format("truetype"),
       url("../cssnew/pmzd.eot.txt") format("embedded-opentype"),
       url("../cssnew/pmzd.svg.txt") format("svg");
}
@font-face {
  font-family: 'iconfont';  /* Project id 2879496 */
  src: url('//at.alicdn.com/t/font_2879496_x6xjqg8b55d.woff2?t=1635241416046') format('woff2'),
       url('//at.alicdn.com/t/font_2879496_x6xjqg8b55d.woff?t=1635241416046') format('woff'),
       url('//at.alicdn.com/t/font_2879496_x6xjqg8b55d.ttf?t=1635241416046') format('truetype');
}
/*head*/
.head {width: 100%;padding: 34px 0px;overflow: hidden;}
.head_box {max-width: 1720px;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 i {display: inline-block;width:29%;}
.head_logo i img {width:100%;}
.head_logo p {color: #000000;font-weight: normal;padding-left: 13px;}
.head_logo p b {background-image: -webkit-linear-gradient(60deg,#333 30%,#999 54%,#333 50%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block;font-weight:normal;font-family: "pmzd";font-size: calc(1rem + 1vw);line-height: calc(1rem + 1vw);overflow:  hidden; width: 102%;}
.head_logo p span {text-transform: uppercase; font-size: 14px;display: block;line-height: 16px;letter-spacing: 4px;padding-top: 10px;font-weight:normal;}
.head_tit {display: flex;flex-direction: column;align-items: center;padding-left: 50px;}
.head_tit b {font-size: 26px;line-height: 42px;font-weight: normal;letter-spacing: 3px;}
.head_tit b span {font-size: 25px;color: #0058a7;vertical-align: bottom;font-weight: bold;}
.head_tit ul {display: flex;justify-content: space-between;width: 100%;}
.head_tit li {font-weight: lighter;border: 1px dashed #ddd;display:  flex;flex-direction:  column;justify-content:  center;align-items:  center;padding: 15px;}
.head_tit li+li {border-left:none;}
.head_tit li i { font-size: 24px;color: #999;}
.head_tit li p {font-size:  14px;line-height: 15px;padding-top: 5px; font-weight:normal;}
.head_tit li p span { color:  #e9141a;}
.head_tit li a {font-size:14px;}
.head_r {/* width: 260px; */background: url(//memberpic.114my.com.cn/024318/uploadfile/image/20210922/20210922141012_377715231.jpg)no-repeat right;display:  flex;align-items:  center;}
.head_r p {display: flex;flex-direction: column;font-size: 16px;line-height: 24px;text-align: right; color: rgba(51, 51, 51, 0.5);}
.head_r p span {font-size: 28px;font-family: Impact;line-height: 30px;color: #cc0000; }
.head_r>i {width: 2.5vw; height: 2.5vw;border-radius: 50%;display: flex;
justify-content: center;align-items: center;background: #d82029;color: #fff;margin: 0 16px;    font-size: 20px;}
.head_r i:nth-child(2) {margin-right: 0px !important;}
.head_r > i a {line-height: 36px;color: #fff;font-size: 20px;}
.head_r>ul>li:hover .tit_sel {transform: rotateX(0);transition: all 0.5s;}
.head_r>ul {}
.head_r>ul>li {width: 2.5vw; height: 2.5vw;border:1px solid #ddd;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.head_r>ul>li i {font-size: 20px;    position: relative;    margin-top: -3px;}
.head_r>ul>li i:after { content: ''; width: 100%;height: 82px; position: absolute; top: 0;left: 0;}

/*搜索*/
.head_r>ul>li:hover .tit_sel{transform: rotateX(0);transition: all 0.5s;} 
.tit_sel {width: 472px;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:145px;}
.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:374px; 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; transition: all 0.3s linear;}
.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%;}

/*nav*/
.nav {width: 100%;padding: 50px 0;position: absolute;top: 145px;z-index: 55;border-bottom: 1px solid rgba(255,255,255,0.2);}
.nav_box {max-width: 1720px; margin: 0 auto;}
.nav_con {position: relative;}
.nav_con>ul {display: flex;justify-content: space-around;align-items: center;/* height: 100%; */}
.nav_con>ul>li {display: flex;flex-direction: column;align-items: center;transition: 0.5s;z-index: 5;width: 12%;}
.nav_con>ul>li>a {font-size: calc(0.4rem + 0.6vw);color: #fff;text-align: center;display: flex;flex-direction: column;position: relative;    width: 100%;}
.nav_con li a i {color: #999;font-size: 12px;font-family: Arial;text-transform: uppercase;opacity: 0.5;transform: scale(0.9);   }
.nav_con>ul>li>a:after {content:'';width:100%;height: 4.2vw;background:linear-gradient(to right,#ef171f,#ef171f);position: absolute;left: 0%;top: -1.4vw;opacity: 0;transform: scaleX(0);transition: 0.5s;z-index:-1;}
.nav_con li:hover>a, .nav_con li:hover a i,.nav_con li.cur>a, .nav_con li.cur a i {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:hover  .con_nav {transform: rotateX(0deg);}
.con_nav {background:rgba(255,255,255,1);position: absolute;top:75px;left: 0;z-index:55;overflow:hidden;width:100%;box-shadow: 1px 5px 10px rgba(0,0,0,0.2);transition: 0.5s;transform-origin: top;transform: rotateX(90deg);display: flex;justify-content: space-around;align-items: center;padding: 3%;}
.con_l {width: 6%; position: relative;}
.con_l:after {content:'';width:2px;height:100%;position:absolute;top:0;left: -18px;background: #ff0000;}
.con_l p { display: flex;flex-direction: column;font-size: 24px; line-height: 24px;}
.con_l p span { font-size: 14px;color: #666;text-transform: uppercase;line-height: 18px;padding-top: 7px;font-family: Arial;}
.con_r { width: 62%;}
.con_r>ul {display: flex; justify-content: space-between; align-items: center; width: 100%;}
.con_r>ul>li {width: 24%;display: flex; align-items: center;justify-content: center; padding: 1%;}
.con_r>ul>li>a {font-size: 17px;color: #333; border-top: 1px #eee solid; border-bottom: 1px #eee solid; padding:15px 22px;text-align: center;    line-height: 30px;}
.con_r>ul>li>a:hover{color: #ff0000;}
.nav_con>ul>li:nth-child(4) .con_nav .con_r {width:72%;}
.nav_con>ul>li:nth-child(5) .con_nav .con_r>ul { flex-wrap: wrap;}
.nav_con>ul>li:nth-child(5) .con_nav .con_r>ul>li,.nav_con>ul>li:nth-child(8) .con_nav .con_r>ul>li  {width:32.5%;}
.nav_con>ul>li:nth-child(5) .con_nav .con_r>ul>li:nth-child(n+4) {margin-top:10px;}


/*banner*/
.tp-bullets {margin-bottom: 30px !important;}

/*about*/
.about {padding: 140px 0 80px;position: relative;z-index: 20;background: #f5f5f5;width: 100%;}
.about:after {content:'';background: url()no-repeat center;position: absolute;top: -53px;left: 0;width: 100%;height: 198px;z-index: -1;}
.about_box {max-width: 1500px;margin: 0 auto;}
.about_con {display: flex;justify-content: space-between;align-items: center;}
.about_txt {width: 24%;}
.about_txt p {font-size: calc(1rem + 1.65vw);line-height: 50px;font-weight: lighter;display: flex;flex-direction: column;}
.about_txt p span {font-size: calc(0.8rem + 0.2vw);line-height: 28px;padding-top: 10px;}
.about_txt ul {display:flex;margin-top:30px;flex-direction:column;}
.about_txt li {border-bottom:  1px solid #ddd;padding-bottom: 15px;position:relative;transition:0.5s;}
.about_txt li:after {content:'';width:0;height:2px;background:#ff0000;position:absolute;bottom:0;left:0;opacity:0;transition: 0.5s;}
.about_txt li.on:after {opacity:1;width:360px;}
.about_txt li.on a {color:#ff0000;font-size:24px;font-weight:bold;}
.about_txt li+li {margin-top:20px;}
.about_txt li a {font-size:20px;line-height:30px;font-weight:lighter;}
.about_r {width: 68%;position: relative; margin-top:-60px;}
.about_r:nth-child(2){margin-top:0px;}
.about_r:nth-child(4){margin-top:110px;}
.about_r ul {}
.about_r li {}
.about_r>ul>li+li {display:none;}
.about_sub {position: relative;display: flex;justify-content: flex-end;}
.about_sub i {width: 75.981%;}
.about_sub i img {width:100%;height: auto;}
.about_sub p {font-size: 15px;line-height: 30px;background: #fff;padding:3%;position: absolute;bottom: -18%;left: 8%;width: 53%;font-weight:  lighter;}
.about_sub a {width: 155px;height: 54px;background: #cc0033;color: #fff;display: flex;justify-content: center;align-items: center;position: absolute;right: -8%;top: 52%;font-size: 16px;}
.about_btn {display:  flex; margin-top: 30px;}
.about_btn:hover i {}
.about_btn>i {cursor: pointer;font-size: 20px;z-index: 5;width: 45px;height: 45px;border-radius:  50%;border: 1px solid #ddd;display:  flex;justify-content:  center;align-items:  center;color: #999;}
.about_btn>i:first-child {left: 50px;transform: rotate(180deg);} 
.about_btn>i:last-child {margin-left: 10px;}
.about_case {overflow: hidden;}
.about_case>div>ul {display: flex; justify-content: space-between;flex-wrap: wrap;}
.about_case li {width: 32.5%; background: #fff;box-shadow: 0 0 20px #eee; padding:30px;}
.about_case li:nth-child(n+4) {margin-top:1.1%;}
.about_case li>a {display: inline-block;width: 100%;overflow: hidden;}
.about_case li a img { width: 100%;height: auto;    transition: 0.5s;}
.about_case li:hover a img {transform: scale(1.2);}
.about_case li p {display: flex;justify-content: center;width: 11vw;margin: 0 auto;padding: 8% 0  30%;text-align: center;}
.about_case li p>a:after {    content: '查看更多';width: 10vw;height: 40px; border-radius: 40px;border: 1px solid #ddd;position: absolute;bottom: -60px;left: 7px;    font-size: 16px;display: flex; justify-content: center;align-items: center; color: #999;    transition: 0.5s;}
.about_case li p>a {font-size: 20px;position: relative;width: 100%;    font-weight: lighter;}
.about_case li:hover p>a:after {background: #ff0000;color: #fff;}
.about_int {}
.about_int>div>ul {display: flex;justify-content: space-between;flex-wrap: wrap;}
.about_int li{display: block; float:left; padding:4% !important; width:32%; background: #fff;}
.about_int li:nth-child(n+4) {margin-top:1.5%}
.about_int .mot_call:first-child li {width: 19%;}
.about_int li>a{display: block;overflow: hidden; }
.about_int li img{width:100%; height:auto;   transition: 0.2s all ease-in-out;  }
.about_int li:hover img{transform: scale(1.1);}
.about_int li p {padding:0 !important;position: relative;background: rgba(221,221,221,0.5);}
.about_int li:hover p {background:rgba(239,23,31,0.5);}
.about_int li p a{display: block; line-height:50px; font-size:16px; position: relative;    z-index: 2;text-align: center;}
.about_int li:hover a{color:#fff;}
.about_int li p:after{content:""; display: block;opacity: 0;width:20%;height:100%;transition: 0.2s all; background:#ef171f;position: absolute; top:0; left:0; right:0; margin:0 auto;}
.about_int li:hover p:after{width:100%;opacity: 1;}
.about_par {}
.about_par>div>ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.about_par li {width: 32.5%;display: inline-table;overflow:hidden;position:relative;height:100%;box-sizing: border-box;border: 1px solid #eee; padding: 20px; background: #fff;}
.about_par li:nth-child(n+4) {margin-top:1.1%;}
.about_par li>a{display: block;}
.about_par li>a>img{width:100%;height:auto;}
.about_par li p {width:100%;height:100%;background: rgba(239,23,31,0.7);position:absolute;top:0;left:0;transform-origin: center;transition: 600ms;border-radius: 100px 0;    transform: scale(0);}
.about_par li p a{display:block;font-size:16px;color:#fff;display: flex;align-items: center;justify-content: center;height: 100%;}
.about_par li:hover p{transition: 600ms;    transform: scale(1);}
@media screen and (max-width:1549px) and (min-width:1500px) {
.about_sub a {right:0%;}
}
@media screen and (max-width:1599px) and (min-width:1550px) {
.about_sub a {right:-3%;}
}
@media screen and (max-width:1670px) and (min-width:1600px) {
.about_sub a {right:-6%;}
}

/*num*/
.num {padding: 80px 0;overflow: hidden;width:  100%;background: #f5f5f5; padding-bottom:170px;}
.num_box {max-width: 1500px;margin: 0 auto;}
.num_con ul {display:  flex;align-items:  center;width: 100%;position: relative;justify-content: space-around;}
.num_con li {width: 15%;display:  flex;flex-direction:  column;position: relative; z-index: 5;}
.num_con li:after {content:'';width: 145px;height: 145px;position:absolute;right:-15px;top:0;z-index: -1;background:url(//memberpic.114my.com.cn/024318/uploadfile/image/20211020/20211020151000_1869911794.png)no-repeat bottom;}
.num_con li p {display:  flex;flex-direction:  column;align-items:  center;justify-content:  center;font-size: 16px;line-height: 24px; font-weight:  lighter;}
.num_con li p span {font-size: 62px;line-height: 62px;font-family:  din;font-weight: normal;padding-bottom: 10px;}
.num_con li i {position:  absolute;top: 5px;right: 40px;font-size: 14px;color:  rgba(255,255,255,0.5);font-weight:  lighter;width: 20px;height: 20px;border-radius:  50%;background: #ea181a;display:  flex;justify-content:  center;align-items:  center;color:  #fff;}
.num_con li:nth-child(1) i{right: 70px}
.num_con li:nth-child(2) i{right: 70px}
.num_con li:nth-child(4) i{right: 60px}

/*pro*/
.pro {padding: 120px 0;position: relative;width: 100%;background: #f5f5f5;z-index: 5;overflow: hidden;}
.pro:after {content:'';width: 120vw;height:96vw;background: #fff;position: absolute;top:0;left: -10%;border-radius: 50%;z-index: -1;}
.pro_box {max-width: 1500px;margin: 0 auto;display: flex;flex-direction: column;align-items: center;}
.pro_tit {display:  flex;justify-content:  center;align-items:  center;flex-direction:  column;position:  relative;z-index: 5;}
.pro_tit p {font-size: 48px;line-height: 82px;position:  relative;z-index: 5;display:  flex;justify-content:  center;align-items:  center;font-weight:  bold;}
.pro_tit p span {font-size: 82px;line-height: 82px;color: #f8f8f8;font-family: Arial;text-transform: uppercase;font-weight:  bold;position:  absolute;top: 0;z-index: -1;left:-18%;}
.pro_tit ul {display: flex;justify-content: space-between;align-items: center;width: 3%;margin: 10px 0 20px;}
.pro_tit ul i:first-child,.pro_tit ul i:last-child {background: #fbd1d1;width: 9px;height: 9px;}
.pro_tit ul i {width: 10px;height: 10px;background: #f8b7b8;border-radius: 50%;}
.pro_tit em { font-size:  18px;}
.pro_tab {margin-top: 60px;}
.pro_nav {}
.pro_nav ul {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;position: relative;}
.pro_nav li {width: 33.33%;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;display: flex;justify-content: center;align-items: center;padding: 1.5%  0;}
.pro_nav>div>ul>li.on {background: #ea181a;}
.pro_nav>div>ul>li.on>a {color:#fff;}
.pro_nav li:nth-child(3n) {border-right: none;}
.pro_nav li a {font-size: 18px;   display: block;width: 100%;text-align: center; font-weight:normal;}
.pro_nav li dl {display: flex;justify-content: space-between;align-items: center;position: absolute;bottom: -50px;left: 0;opacity: 0;transition: 0.5s;padding-left: 5%;}
.pro_nav>div>ul>li.on dl {opacity:1;}    
.pro_nav li dl dt {display: flex;justify-content: center;margin-right: -34%;}
.pro_nav li dl dt a:after {content:'';width:10px;height:10px;border:1px solid #ddd;position:absolute;border-radius:50%;left: -20px;top: 5px;}
.pro_nav li dl dt a {color:#999;position:relative;}
.pro_con {border-top:2px solid #ea181a;display:flex;overflow: hidden;margin-top: 5%;padding-top: 4%;}
.pro_call {transition: 0.5s; width: 100%;flex-shrink: 0; overflow: hidden;}
.pro_call ul {display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;padding: 1%;}
.pro_call li {width: 32.2%;display: flex;flex-direction: column;align-items: center;justify-content: center;box-shadow: 0 0 15px #eee;transition: 0.5s;padding: 4% 1%;    overflow: hidden;position: relative; z-index: 5;}
.pro_call li:after {    content: '';display: block;position: absolute; width: 100%;height: 100%;top: 0px; left: -120%; background: #ff0000;
 transition: all 0.5s ease; transform: rotate(90deg); z-index: -1;}
.pro_call li:hover:after {left: 0px; transform: rotate(0deg);}
.pro_call li:hover a {color:#fff;}
.pro_call li:nth-child(n+4) {margin-top:1.7%;}
.pro_call li a {}
.pro_call li a img {width: 100%;height: auto;}
.pro_call li span {}
.pro_call li span a {font-size: 18px; font-weight:100;}
.pro_more {border-radius: 40px;border:1px solid #ddd;display: flex;justify-content: center;align-items: center;padding: 20px 120px;margin-top: 5%;}
.pro_more a {font-size: 16px;color: #999; }
.pro_more:hover{ font-size:15px; color: #ffffff; background:#ff0000; transition: all 0.3s linear;}
.pro_more:hover a{color: #fff; }
@media screen and (max-width:1599px) and (min-width:1500px) {
.pro:after {height: 128vw;}
}
@media screen and (max-width:1669px) and (min-width:1600px) {
.pro:after {height: 120vw;}
}
@media screen and (max-width:1719px) and (min-width:1670px) {
.pro:after {height: 115vw;}
}
@media screen and (max-width:1860px) and (min-width:1720px) {
.pro:after {height: 110vw;}
}

/*int*/
.int {padding: 80px 0 0;overflow: hidden;width: 100%;background: #f5f5f5;position: relative;}
.int_box {}
.int_tit {display: flex;justify-content:  center;align-items:  center;flex-direction:  column;position:  relative;z-index: 5;}
.int_tit p {font-size: 48px;line-height: 92px;position:  relative;z-index: 5;display:  flex;justify-content:  center;align-items:  center;font-weight:  bold;}
.int_tit p span {font-size: 92px;line-height: 92px;color: #eee;font-family: Arial;text-transform: uppercase;font-weight: bolder;letter-spacing: 2px;position:  absolute;top: 0;z-index: -1;    left: -2%;}
.int_tit em {font-size:  18px;line-height:  20px;padding-top: 20px;}
.int_tab {display: flex;justify-content: space-between;margin-top: 60px;position:  relative;overflow: hidden;}
.int_l {width: 50%;background: #f9f9f9;display:  flex;flex-direction:  column;justify-content:  center;padding: 9% 9% 12%;}
.int_l>p {font-size: 48px;line-height: 48px;display: flex;flex-direction: column;}
.int_l>p>span {font-weight: lighter;}
.int_l>p>span>b {font-size: 58px;}
.int_l em {font-size: 18px;line-height: 20px;padding-top: 25px;letter-spacing: 1px;}
.int_l>ul {margin-top: 60px;}
.int_l>ul>li { border-left: 1px solid #ddd;padding-left: 35px;height: 50px;display:  flex; align-items:  center;position:relative;z-index:5;transition:0.5s;}
.int_l>ul>li:after {content:'';width:1px;height:0;background:#ea181a;position:absolute;top:0;left:-1px;z-index:-1;transition:0.5s;}
.int_l>ul>li.on:after {height:100%;}
.int_l>ul>li+li {}
.int_l>ul>li>p {font-size: 20px;line-height: 20px;font-weight:  500;}
.int_l>ul>li>p>span {font-size: 17px;color: #999; font-weight:100;}
.int_l a {font-size: 16px;margin-top: 40px;}
.int_pic {position: absolute;left: 35%;top: 14%;width: 31.094%;}
.int_pic ul {height:  597px; }
.int_pic li {  width:  100%;position: relative;z-index: 5;}
.int_pic li+li {display: none;}
.int_pic li i {display:  inline-block;}
.int_pic li:before,.int_pic li:after {content: '';position: absolute;background: rgba(222,15,21,0.3);border-radius: 100%;top: 50%;left: 50%;animation: abNumab 3s linear infinite;z-index:-1;transition: 0.5s;}
.int_pic li:before{width:110%;height:110%;margin:-55% 0 0 -55%;}
.int_pic li:after{width:130%;height:130%;margin:-65% 0 0 -65%;}
@keyframes abNumab {
  0% {
    opacity: 0;
    transform: scale(0.8);}
  50% {
    opacity: 1;
    transform: scale(1.1);}
  100% {
    opacity: 0;
    transform: scale(0.8);}
}
.int_pic li i img {width: 100%;height: auto;}
.int_r {width: 50%;background: #e9181f;display: flex;justify-content: flex-end;align-items: center;padding: 9% 9% 12%;}
.int_btn {display:  flex;flex-direction:  column;}
.int_btn:hover i {}
.int_btn>i {cursor: pointer;font-size: 28px;z-index: 5;width: 80px;height: 80px;border-radius:  50%;background: #fff;display:  flex;justify-content:  center;align-items:  center;color: #999;}
.int_btn>i:first-child {left: 50px;transform: rotate(180deg);} 
.int_btn>i:last-child {margin-top: 20px;}

/*case*/
.case {padding: 80px 0;overflow: hidden;}
.case_box {}
.case_tit {display: flex;justify-content:  center;align-items:  center;flex-direction:  column;position:  relative;z-index: 5;}
.case_tit p {font-size: 48px;line-height: 92px;position:  relative;z-index: 5;display:  flex;justify-content:  center;align-items:  center;font-weight:  bold;}
.case_tit p span {font-size: 92px;line-height: 92px;color: #eee;font-family: Arial;text-transform: uppercase;font-weight: bolder;letter-spacing: 2px;position:  absolute;top: 0;z-index: -1;    left: 0;}
.case_tit em {font-size:  18px;line-height:  20px;padding-top: 20px;}
.case_con {margin-top: 60px;display: flex;justify-content: center;}
.divdgweb_new_div {display: flex;width: 99%;} 
.divdgweb_new_div_item {display: flex;flex-direction: column-reverse;align-items: center;width: 25%;position: relative;height:33.7vw;}
.divdgweb_new_div_item_content {padding: 20%;position: absolute;bottom: 0;left: 0;width: 100%;height: 0;transition: 0.5s;}
.divdgweb_new_div_item_title {display: flex;position: relative;} 
.divdgweb_new_div_item_title:before {content:'Mouse application';font-size:12px;color:#fff;    font-family: 'iconfont';text-transform: uppercase;    position: absolute;bottom: -20px; left: 0;opacity: 0.5;line-height: 12px;}
.divdgweb_new_div_item:nth-child(2) .divdgweb_new_div_item_title:before {content:'Mobile application';}
.divdgweb_new_div_item:nth-child(3) .divdgweb_new_div_item_title:before {content:'Watch application';}
.divdgweb_new_div_item:nth-child(4) .divdgweb_new_div_item_title:before {content:'Camera application';}
.divdgweb_new_div_item_title:after {content: '\e650';font-size: 30px;color: #fff;font-family: 'iconfont';position: absolute;left: 30px;top: -50px;transition:0.5s;}
.divdgweb_new_div_item:nth-child(2) .divdgweb_new_div_item_title:after {content: '\e602';}
.divdgweb_new_div_item:nth-child(3) .divdgweb_new_div_item_title:after {content: '\e911';}
.divdgweb_new_div_item:nth-child(4) .divdgweb_new_div_item_title:after {content: '\e676';}
.divdgweb_new_div_item_title a {font-size: 24px;line-height: 24px; color: #fff;}
.divdgweb_new_div_item_body {font-size: 15px;color: #fff;line-height: 24px;padding-top: 12%;display:none;}
.news_div_item_pic {}
.news_div_item_pic img {width:100%;}
.divdgweb_new_div_item:hover .divdgweb_new_div_item_content {background: #ff0000;height: 50%;padding: 15% 13%;}
.divdgweb_new_div_item:hover .divdgweb_new_div_item_title:after {left:92%;top:0px;}
.divdgweb_new_div_item:hover .divdgweb_new_div_item_body {display:block;}

/*adva*/
.adva {padding: 80px 0;overflow: hidden;    background: #f0f0f0;}
.adva_box {max-width: 1500px;margin: 0 auto;}
.adva_tit {display: flex;justify-content:  center;align-items:  center;flex-direction:  column;position:  relative;z-index: 5;}
.adva_tit p {font-size: 48px;line-height: 92px;position:  relative;z-index: 5;display:  flex;justify-content:  center;align-items:  center;font-weight:  bold;}
.adva_tit p span {font-size: 92px;line-height: 92px;color: #ddd;font-family: Arial;text-transform: uppercase;font-weight: bolder;letter-spacing: 2px;position:  absolute;top: 0;z-index: -1;    left: -3%;}
.adva_tit em {font-size:  18px;line-height:  20px;padding-top: 20px;}
.adva_tab {display: flex;justify-content: space-between;margin-top: 60px;width: 100%;position:  relative;padding-bottom: 8%;background: url(//memberpic.114my.com.cn/024318/uploadfile/image/20211025/20211025102027_725235189.jpg) no-repeat bottom right;}
.adva_nav {width: 16%;overflow: hidden;}
.adva_nav ul {}
.adva_nav li {display: flex;flex-direction: column;align-items: center;justify-content: center;color: #fff;background: #ff0000;border-bottom: 1px solid rgba(255,255,255,0.3);padding: 50px;}
.adva_nav li i {font-size: 30px;line-height: 30px;}
.adva_nav li p {font-size: 24px;line-height: 24px;padding-top: 16px;}
.adva_con {width: 84%;}
.adva_big {width: 100%;position:  relative;transition: 0.5s;}
.adva_big+.adva_big {display: none;}
.adva_pic {}
.adva_pic img {width:100%;height:  auto;}
.adva_txt {width: 652px;background:  #fff;position:  absolute;bottom:  -22%;left: 0;padding: 50px;box-shadow:  0 0 20px #ddd;display:  flex;flex-direction:  column;}
.adva_txt p {display: flex;flex-direction: column;}
.adva_txt p b {font-size: 27px;line-height: 40px;font-weight: normal;}
.adva_txt p b i {font-size: 40px;color: #ff0000;font-weight:  bold;line-height:  40px;display:  inline-block;}
.adva_txt p span {font-size: 12px;font-family: Arial;color: #ccc;text-transform: uppercase;font-weight:  lighter;line-height:  14px;padding-top: 8px;}
.adva_txt em {font-size:  15px;line-height: 30px;font-weight:  lighter; padding-top: 19px;}
.adva_txt em+em {padding-top:0;}
.adva_txt a {width: 160px;height: 40px;border: 2px solid #ff0000;border-radius: 15px 0 15px 0;font-size:  18px;display:  flex;justify-content:  center;align-items:  center;color: #ff0000;margin-top: 25px;}
.adva_btn {display:  flex;position:  absolute;right:  0;bottom: 42px;    width: 6%;justify-content: space-between;}
.adva_btn:hover i {}
.adva_btn>i {cursor: pointer;font-size: 28px;z-index: 5;display:  flex;justify-content:  center;align-items:  center;color: #999;}
.adva_btn>i:first-child {left: 50px;transform: rotate(180deg);} 
.adva_btn>i:last-child {}

/*mol*/
.mol {padding: 80px 0;overflow: hidden;}
.mol_box {max-width: 1500px; margin: 0 auto;}
.mol_tit {display: flex;justify-content:  center;align-items:  center;flex-direction:  column;position:  relative;z-index: 5;}
.mol_tit p {font-size: 48px;line-height: 92px;position:  relative;z-index: 5;display:  flex;justify-content:  center;align-items:  center;font-weight:  bold;}
.mol_tit p span {font-size: 92px;line-height: 92px;color: #eee;font-family: Arial;text-transform: uppercase;font-weight: bolder;letter-spacing: 2px;position:  absolute;top: 0;z-index: -1;left: 9%;}
.mol_tit em {font-size:  18px;line-height:  20px;padding-top: 20px;}
.mol_tab {padding: 60px 0px 20px 0px;overflow: hidden;}
.mol_nav {}
.mol_nav ul {display: flex;justify-content: space-between; align-items: center;width: 100%;}
.mol_nav li { width: 50%; display: flex; justify-content: center;padding: 20px; background: #eeeeee;}
.mol_nav li.on {background:#ea181a;}
.mol_nav li.on a {color:#fff;}
.mol_nav li a { font-size: 18px;}
.mol_con {margin-top: 50px;display: flex;/* overflow: hidden; */}
.mol_call .tempWrap {width: 100% !important; overflow: unset !important;}
.mol_call {width: 100%;flex-shrink: 0;transition: 0.5s;}
.mol_call+.mol_call {display:none;}
.mol_call ul {display: flex;justify-content: space-between;align-items: center;width: 100% !important;overflow: unset !important;}
.mol_call li {width:33% !important;position: relative;flex-shrink: 0;margin-right: 1%;}
.mol_call li>a {}
.mol_call li a img {width:100%;height: auto;}
.mol_call li p {padding: 6% 12% 16%;background: #252222;position: absolute;bottom: -16%;left: 50px;width: 80%;display: flex;justify-content: center;}
.mol_call li p>a {font-size: 24px;color: #fff;position: relative;width: 100%;    display: flex;justify-content: center; font-weight:100;}
.mol_call li p>a:after {content:'more';width: 100px;height: 30px;border-radius:40px;border:1px solid rgba(255,255,255,0.4);position: absolute;top: 50px;left: 33%;text-transform: uppercase;display: flex;justify-content: center;align-items: center;font-size: 16px; color:rgba(255,255,255,0.4);}
.mol_after { display:  flex; justify-content:  center;margin-top: 8%;    position: relative;}
.mol_after ul {display: flex;justify-content: space-between;width: 5%;}
.mol_after li {width: 15px;height: 15px;border-radius: 50%;background: #333; margin-top:6px;}
.mol_after li.on {background: #ff0000;}
.mol_btn {display:  flex;    align-items: center;}
.mol_btn:hover i {}
.mol_btn>i {cursor: pointer;font-size: 28px;z-index: 5;display:  flex;justify-content:  center;align-items:  center;color: #999;    position: absolute;}
.mol_btn>i:first-child {left: 44%;transform: rotate(180deg);} 
.mol_btn>i:last-child {    right: 44%;}

/*news*/
.news{padding: 80px 0;overflow: hidden;  background: #f8f8f8;}
.news_box {max-width:1400px;margin:0 auto;}
.nw_t{display: flex;align-items: center;    flex-direction: column;margin-bottom: 40px;}
.nw_l{    text-align: center;}
.nw_l a{font-size: 48px;font-weight: bold;display: block;line-height: 48px;color: #333;margin-bottom: 10px;}
.nw_l p{font-size: 16px;color: #999;    font-weight: lighter;    line-height: 16px; padding-top: 10px;}
.nw_r{    margin-top: 40px;}
.nw_r ul{display: flex;}
.nw_r ul li{width: 160px;height: 40px;border: 1px solid #d2d2d2;border-radius: 19px;display: flex;align-items: center;justify-content: center;}
.nw_r ul li+li{margin-left: 20px;}
.nw_r ul li a{    font-size: 16px; font-weight:normal;}
.nw_r li.on,.nw_r li:hover{border-color:#ff0000;}
.nw_r li.on a,.nw_r li:hover a{color: #ff0000;}
.nw_con{overflow: hidden;}
.nw_b{transition: all .4s;display: flex;}
.nw_i{flex-shrink: 0;width: 100%;}
.nw_i.on {height: auto;visibility: visible;}
.nw_i .news_div_item{border-right: 1px solid #eee;}
.nw_i .news_div_item_date {    font-weight: lighter;font-family: Arial;}
.nw_i .news_div_item_year {display: block;font-size: 22px;}
.nw_i .news_div_item_month,.nw_i .news_div_item_day {float: left;font-size: 40px;}
.nw_i .news_div_item:after{content: "";display: block;width: 94%;background: #eee;height: 3px;position: absolute;left:0;top:0;}
.nw_i .news_div_item:before{content: "";display: block;width:0;background: #ff0000;height: 3px;position: absolute;left:0;top:0;z-index: 9;transition: all 0.5s}
.nw_i .news_div_item:hover:before{width:94%;}
.nw_i .news_div_item {width: 343px;flex-shrink: 0;padding-right: 0.4%;display: flex;flex-direction: column;position: relative;margin-right: 0.4%;padding-top: 40px;}
.nw_i .news_div_item_body{height: 70px;font-weight: lighter;}
.nw_i .news_div_item_pic{overflow:hidden;}
.nw_i .news_div_item_pic a{display:block;position:relative;overflow:hidden;}
.nw_i .news_div_item_pic a:before,.nw_i .news_div_item_pic a:after{position: absolute;}
.nw_i .news_div_item_pic img {width: 100%;transition: all .5s;display: block;overflow: hidden;border: 1px solid #eee;}
.nw_i .news_div_item:hover .news_div_item_pic img {transform: scale(1.2);}
.nw_i .news_div_item .news_div_item_title a {display: block;font-size: 20px;transition: all .5s;line-height: 20px;margin: 70px 0 15px;font-weight: lighter;}
.nw_i .news_div_item:hover .news_div_item_title a,.nw_i .news_div_item:hover .news_div_item_title a:after,.nw_i .news_div_item:hover .news_div_item_month,.nw_i .news_div_item:hover .news_div_item_day{color:#ff0000;}
.nw_i .divdgweb_new_div button{display:none!important;}
.nw_i .news_div_item:hover img {}

/*底部*/
.links{width:1400px;overflow:hidden;padding:40px 0;border-bottom: 1px rgba(255,255,255,0.1) solid;line-height: 30px; margin: 0 auto;}
.linksW{margin:0 auto;display: flex;justify-content: space-between;align-items: center;}
.links_l{ width:100px;}
.links_lm{font-size:18px;line-height:30px;color: #fff;font-weight:  lighter;}
.links_r{ width:93%; color:#999; padding-left: 30px;}
.links_r a{font-size:15px; color:#999;}
.linkTagcs li a {font-weight: lighter;}

/*copy*/
.copy {width:  100%;background: #333;position: relative;}
.copy:before {content:'';position: absolute;width: 21%;height: 8px;-webkit-transform: skew(-28deg);-moz-transform: skew(-28deg);-o-transform: skew(-28deg);background: linear-gradient(to right,#666666,#666666);top: -8px;right: 2px;animation:myfirst1 1s linear;z-index: 55;}
.copy:after {content:'';position: absolute;width: 78.7%;height: 8px;-webkit-transform: skew(-28deg);-moz-transform: skew(-28deg);-o-transform: skew(-28deg);background: linear-gradient(to right,#ff0000,#ff0000);top: 0px;left: 0;animation:myfirst 1s linear;}
@keyframes myfirst
{
    0%   { width: 0%;}
	100% { width: 79%;}
}
@keyframes myfirst1
{
    0%   { width: 0%;}
	100% { width: 21%;}
}
.copy_box {max-width: 1400px;margin: 0 auto;}
.copy_tab {padding: 80px 0;overflow: hidden;display: flex;justify-content: space-between;border-bottom:1px solid rgba(238,238,238,0.1);width: 1500px;margin: 0 auto;}
.copy_tabr {border-top:none;padding: 80px 0;overflow: hidden;}
.copy_logo {display: flex;flex-direction: column;width: 20%;}
.copy_logo i {display: inline-block;    float: left;}
.copy_logo p {display: flex;flex-direction: column;font-size: 16px;font-weight: lighter;line-height: 18px;color: #999;}
.copy_logo p span {font-size: 36px;font-family: din;color: #ff0000;line-height: 36px;padding-top: 12px;font-weight:  bold;}
.copy_logo em {font-size: 14px;border-top: 1px solid rgba(238,238,238,0.5);padding-top: 10px;margin-top: 21px;display: block;color: #fff;opacity: 0.3;font-weight:  lighter;}
.copy_logo a {width: 240px;height: 40px;background: #ff0000;border-radius: 40px;text-align: center;font-size: 15px;color: #fff;line-height: 40px;display: inline-block;margin-top: 30px;font-weight:  lighter;}
.copy_con {}
.copy_con ul {display:  flex;}
.copy_con li:last-child {padding: 0;}
.copy_con li {text-align: left;padding: 0 82px;position: relative;transition:0.5s;}
.copy_con li p {font-size: 18px;color: #fff;margin-bottom: 20px;    font-weight: lighter;}
.copy_con li p span {font-size: 12px;color: rgba(255,255,255,0.3);font-family: Arial;display: block;text-transform: uppercase;   padding-top: 6px;}
.copy_con li a {font-size: 14px;color: rgba(255,255,255,0.6);display: inherit;line-height: 30px;transition: all 0.3s linear; font-weight:100;}
.copy_con li a:hover {color: #ff0000;transition: all 0.3s linear;}
.copy_con li:before {content: '';width:1px;height: 25px;background: #;position: absolute;left:1px;top:0;z-index: 1;transition:0.5s;}
.copy_con li:after {content: '';width:1px;height: 245px;background: rgba(255,255,255,0.1);position: absolute;left:1px;top:-5px;transition:0.5s;}
.copy_r {float: right;}
.copy_r p {font-size: 18px;color: #fff;}
.copy_r p span {font-size: 12px;color: rgba(255,255,255,0.6);font-family: Arial;display: block;text-transform: uppercase;}
.copy_r ul {display: flex;width:280px;justify-content: space-between;padding-top: 20px;}
.copy_r li i {display: inline-block;width: 120px;height: 120px;background: #ffffff;margin-bottom: 12px;}
.copy_r li {font-size: 14px;color: #fff;text-align: center;width: 130px;}
.copy_r li img{width: 120px; height:120px;}
.copy_namea {width:100%; padding:40px 0px; ;}
.copy_name {width:72.917%;display: flex;justify-content: space-between; margin: 0 auto;min-width: 1280px;}
.copy_name span {font-size: 14px;color: rgba(255,255,255,0.6);line-height: 28px;display: inherit;}
.copy_name span a {color: rgba(255,255,255,0.6);transition: all 0.3s linear;    font-size: 14px;}
.copy_name span a:hover  {color:#fff;transition: all 0.3s linear;}
.copy_con li:hover:before {height:100%;transition:0.5s;}

.copyright{padding:28px 0;overflow:hidden;    border-top: 1px solid #333;font-weight: 100;}
.copyright .con{ line-height:50px;font-size:14px;color:#999; text-align:center;}
.copyright a{color:#999;font-size:14px;}
.copyright a:hover{color:#fff;font-size:14x;}

.copy_int {display: flex;justify-content: center;}
.copy_int span {font-size: 15px;    color: #999;}
.copy_int a {font-size: 15px;color: #666;}