* {margin: 0;padding: 0;box-sizing: border-box;line-height:100%;}
body {font-size: 14px;font-family: microsoft yahei;overflow-x: hidden;}
em, i {font-style: inherit;font-weight: inherit;}
ul {list-style: none;}
a {text-decoration: none;color: #333;text-transform: uppercase;}
tr, td {padding: 0 !important;}
input, textarea {outline: none;border: none;}

@font-face {
font-family:din medium;
src:url(/font/din-medium/din-medium.ttf),
     url(/font/din-medium/din-medium.eot),
     url(/font/din-medium/din-medium.otf),
     url(/font/din-medium/din-medium.woff),
     url(/font/din-medium/din-medium.woff2);
}

.icon {
       width: 1em; height: 1em;
       vertical-align: -0.15em;
       fill: currentcolor;
       overflow: hidden;
    }

@font-face {
  font-family: "\963f\91cc\5988\5988\6570\9ed1\4f53 bold";font-weight: 700;src: url("../cssnew/alimama_shuheiti_bold.woff2.txt") format("woff2"),
  url("../cssnew/alimama_shuheiti_bold.woff.txt") format("woff");
  font-display: swap;
}


@font-face {
  font-family: 'iconfont';  /* project id 3966154 */
  src: url('//at.alicdn.com/t/c/font_3966154_18fuj0tjwzw.woff2?t=1679377250541') format('woff2'),
       url('//at.alicdn.com/t/c/font_3966154_18fuj0tjwzw.woff?t=1679377250541') format('woff'),
       url('//at.alicdn.com/t/c/font_3966154_18fuj0tjwzw.ttf?t=1679377250541') format('truetype');
}

/*top*/
.top {background: #30b76c;overflow:hidden;padding: 0.5% 1%;position: relative;z-index: 10;}
.top_box {max-width: 1600px;margin:0 auto;display: flex;justify-content: space-between;align-items: center;}
.top_name {}
.top_name p {color:#fff;font-size: 15px;font-weight: lighter;}
.top_more {display:flex;align-items:center;color:#fff;}
.top_more a{color:#fff;display: flex;align-items: center;font-size: 15px;border-right: 1px solid rgba(255,255,255,0.2);padding: 0 15px 0 0;}
.top_more a i {font-size: 18px;}
.top_more i {font-size: 22px;margin: 0 10px 0 0;}
.top_more p {font-size: 15px;font-family:  arial;margin: 0 0 0 10px;display: flex;align-items: center;}
.top_more p span {font-size: 24px;}

/*head*/
.head {padding: 1.5% 1%;/* overflow: hidden; */width:  100%;position:  relative;z-index:  5;/* background: #195cf5; */border-bottom: 1px solid rgba(255,255,255,0.1);z-index:10;/* border-top: 5px solid #14428f; */}
.head_box {max-width: 1600px;margin: 0 auto;display:  flex;justify-content:  space-between;}
.head_logo {display: flex;align-items: center;}
.head_logo i {/* width: 16%; */}
.head_logo i img {width:100%;/* filter: brightness(100); */}
.head_logo p {font-size: 25px;display:flex;flex-direction:  column;/* margin: 0 0 0 15px; */letter-spacing: 2px;/* font-family: \963f\91cc\5988\5988\6570\9ed1\4f53 bold; *//* background-image: -webkit-linear-gradient(20deg,#0056dc,#1960d0,#0056dc); *//* -webkit-background-clip: text; *//* -webkit-text-fill-color: transparent; */color: #30b76c;font-weight:  bold;border-left:  1px solid #eee;padding: 0 0 0 15px;font-family: arial;}
.head_logo p span {font-size: 17px;font-weight:  lighter;margin: 3% 0 0;width:  100%;text-align:  center;letter-spacing: 0.5px;color:  #666;position:  relative;z-index: 5;}
.head_logo p span:before {content:'';width: 86%;height: 2px;background: #30b76c;position:absolute;bottom:0;left:0;right:  0;margin:  0 auto;z-index: -1;}
.head_con {width: 58%;display:  flex;align-items:  center;justify-content: flex-end;}
.head_nav {width: 84%;display:  flex;justify-content:  space-between;align-items:  center;} 
.head_nav>ul {display: flex;align-items: center;width: 100%;justify-content:  space-between;}
.head_nav>ul>li {/* width: 20%; */position: relative;}
.head_nav>ul>li>a {font-size: 16px;position: relative;/* color: #fff; */}
.head_nav>ul>li>a:before {content:'';width:0;height: 2px;background: #30b76c;position:absolute;bottom: -50%;left:0;transition:0.5s;z-index: 1;}
.head_nav>ul>li>a:after {content:'';width:100%;height: 74px;position:absolute;left: 0;}
.head_nav li:hover a:before,.head_nav>ul>li.cur a:before {width:100%;}
.head_num {display:  flex;align-items:  center;margin: 0 0 0 30px;display:  none;}
.head_num i {font-size: 27px;/* color: #fff; */width: 30px;height: 30px;/* background: #099a51; */display: flex;justify-content: center;align-items: center;border-radius: 50%;}
.head_num p {font-size: 28px;font-family:  din medium;padding: 0px 0 0 7px;white-space:  nowrap;color: #14428f;}
.head_lan {margin: 0 0 0 30px;position: relative;}
.head_lan p {display:flex;border: 1px solid #eee;padding: 7% 0;width: 90px;justify-content: center;align-items: center;}
.head_lan p:last-child {opacity:0;position: absolute;top: 100%;left: 0;transform-origin: top;transform: rotatex(90deg);transition: 0.5s;}
.head_lan:hover p:last-child {opacity:1;transform: rotatex(0deg);}
.head_lan p a {display:flex;align-items: center;}
.head_lan p i {width: 26%;}
.head_lan p i img {width:100%;}
.head_lan p span {font-size: 15px;margin: 0 0 0 10px;font-weight: lighter;}
/*xiala*/
.head_qit {position: absolute;top: 150px;left: -70px;width: 200px;background: #fff;opacity: 0;transition: 0.5s all ease;visibility: hidden;display: flex;flex-direction: column;}
.head_qit ul {}
.head_qit li {padding: 10%;text-align: center;transition:0.5s;}
.head_qit li a {font-size: 16px;white-space: nowrap;font-weight: lighter;}
.head_qit li dl {display:none;}
.head_nav>ul>li:hover .head_qit {visibility: visible;top: 66px;opacity:1;}
.head_qit>a:hover,.head_qit>div>ul>li:hover>a {color:#fff;}
.head_qit>a:hover,.head_qit>div>ul>li:hover {background:#30b76c;}


/*banner*/
.banner{position: relative;height: 100%;overflow: hidden;background: #fff;margin: 0 !important;}
.banner a{/* position: absolute; *//* width:100%; *//* height: 900px; *//* z-index: 3; *//* opacity: 0; *//* z-index: 555; */overflow: hidden;}
.banner a img{height: auto;transform:scale(1.1);width: 100% !important;margin: 0 !important;}
.banner a.active{z-index:5;opacity: 1;}
.banner a.active img{transform: scale(1.1);opacity: 1;}
.banner .slick-active img {    transition: 6s linear; transform: scale(1);}
.banner a img{
	transition:transform 5s linear,opacity 1s linear;
	-webkit-transition:transform 5s linear,opacity 1s linear;
	-o-transition:transform 5s linear,opacity 1s linear;
	-moz-transition:transform 5s linear,opacity 1s linear;
	-ms-transition:transform 5s linear,opacity 1s linear;
}
.banner .ban_dot {display: flex !important;width: 100%;justify-content: flex-start;align-items: flex-end;/* margin: 2% 0 0; */position: absolute;bottom: 5%;left: 5%;}
.banner .ban_dot li {width: 2px;height: 10px;display: inline-block;background: #fff;margin: 0 0.3%;transition: 0.5s;/* border-radius: 50%; */position: relative;z-index: 5;overflow: hidden;}
.banner .ban_dot li:before {content:'';width: 100%;height:0;/* background: #0a519a; */position:absolute;bottom: 0;left:0;z-index:-1;transition:1s all;}
.banner .ban_dot li.slick-active {height: 40px;}
.banner .ban_dot li.slick-active:before {height:100%; }
.banner .ban_dot li button {font-size:0;border: none;outline: none;}
.banner .slick-prev:before {content: '\e65f' !important;font-family: iconfont !important;color: #161883 !important;font-size: 60px !important;}
.banner .slick-next:before {content: '\e65f' !important;font-family: iconfont !important;color: #161883 !important;font-size: 60px !important;}
.banner .slick-prev {left: 3% !important;transform: rotate(180deg) !important;z-index: 5;}
.banner .slick-next {right: 3% !important;top: 45% !important;}
.banner .slick-prev:before, .banner .slick-next:before {opacity: 0;transition: all ease 0.5s;}
.banner:hover .slick-prev:before, .banner:hover .slick-next:before {opacity: 1;}

/*pro*/
.pro {padding: 4% 1%;overflow: hidden;}
.pro_box {max-width: 1600px;margin: 0 auto;}
.pro_tit {display: flex;justify-content: center;flex-direction: column;align-items: center;}
.pro_tit p {font-size: 40px;/* padding: 1% 0 0; */font-weight: bold;/* font-weight: lighter; */color: #30b76c;}
.pro_tit b {font-size:40px;}
.pro_tit em {font-size: 20px;font-weight: lighter;padding: 1.3% 0 0;}
.pro_tab {margin: 4% 0 0;}
.pro_nav {}
.pro_nav ul {display:flex;justify-content:center;}
.pro_nav li {margin: 0 0.5vw;background: #f8f8f8;padding: 1%;width: 16%;text-align: center;transition: 0.5s;}
.pro_nav li.on {background: #30b76c;}
.pro_nav li a {font-size: 18px;font-weight: lighter;}
.pro_nav li.on a {color:#fff;}
.pro_con {overflow: hidden;margin: 3% 0 0;}
.pro_roll {display: flex;transition: 0.5s;}
.pro_call {width: 100%;flex-shrink: 0;}
.pro_call ul {display:flex;flex-wrap:wrap;/*justify-content: space-between;*//*gap: 1.042vw;*/}
.pro_call li {width: 19%;display: flex;flex-direction: column;align-items: center;border: 1px solid #eee;margin: 0.5%;}
.pro_call li:nth-child(n+6) {/*margin: 1.2% 0 0;*/}
.pro_call li a img {width:100%;height:auto;transition: 0.5s;}
.pro_call li:hover img {transform:scale(1.1);}
.pro_call li br {display:none;}
.pro_call li span {width:100%;padding: 9% 0;text-align: center;}
.pro_call li span a {font-size:16px;}

/*char*/
.char {overflow: hidden;padding: 4% 1% 0;background: url(/dgyingcai/uploadfile/image/20230621/20230621111410_762901055.jpg)no-repeat center top;}
.char_box {max-width: 1500px;margin: 0 auto;}
.char_tit {display: flex;justify-content: center;flex-direction: column;align-items: center;color: #fff;}
.char_tit p {display: flex;font-size: 40px;}
.char_tit p b {}
.char_tit em {font-size: 20px;font-weight: lighter;padding: 1% 0 0;}
.char_con {margin: 4% 0 0;}
.char_con ul {display: flex;justify-content: space-between;}
.char_con li {display: flex;flex-direction: column;align-items: center;width: 25%;position:  relative;z-index: 5;/* box-shadow:   0 0 20px #ddd; *//* border-radius: 5px; */overflow: hidden;height: 100%;transition:0.5s;padding: 2%;background: #fff;}
.char_con li+li {border-left: 1px solid #eee;}
.char_con li:hover {transform:translatey(-10px);}
.char_con li:before {content:'';width: 100%;height: 2px;background: #30b76c;position:absolute;bottom:0;left:0;right:0;margin:  0 auto;}
.char_con li i {}
.char_con li i img {width:100%;height: auto;}
.char_con li p {display: flex;flex-direction: column;align-items: center;font-size: 24px;font-weight:  bold;padding: 22% 0 13%;position: relative;z-index: 5;}
.char_con li p span {font-size: 16px;color:  #666;font-weight:  normal;line-height:  30px;text-align:  center;padding: 6% 0 0;}
.char_con li em {background:url(/dgyingcai/uploadfile/image/20230529/20230529090735_1724732674.png) no-repeat;width: 65px;height: 76px;display:  flex;justify-content:  center;align-items:  center;font-size: 32px;color:  #fff;position:  absolute;left:  0;top: 0;right:  0;bottom:  0;margin:  auto;transition:0.5s;}
.char_con li:hover em {transform: rotatey(180deg) translatey(-10px);}

/*appli*/
.appli {padding: 4% 1%;overflow:hidden;position: relative;z-index: 5;background: url(/dgjlcx/uploadfile/image/20230211/20230211093935_3812020.jpg)no-repeat center top fixed;}
.appli:before {content:'';width:100%;height:100%;/* background: #00a040; */position:absolute;top: 0;left: 0;z-index: -1;}
.appli_box {max-width: 1600px;margin: 0 auto;}
.appli_tit {display: flex;justify-content: center;}
.appli_tit p {font-size: 40px;display: flex;flex-direction: column;font-family: \963f\91cc\5988\5988\6570\9ed1\4f53 bold;color: #30b76c;align-items: center;justify-content: center;font-weight: bold;}
.appli_tit p span {font-size: 20px;font-weight: lighter;padding: 22px 0 0;font-family: none;color: #333;}
.appli_con {margin: 3% 0 0;}
.appli_call {}
.appli_call .divdgweb_new_div {margin-bottom:0 !important;}
.appli_call .divdgweb_new_div_item {display: flex !important;flex-direction: column-reverse;width: 20%;margin: 0 0.1%;background: #fff;border: 1px solid #eee;}
.appli_call .divdgweb_new_div_item_content {display:flex;flex-direction: column;align-items: center;padding: 10%;}
.appli_call .divdgweb_new_div_item_title {}
.appli_call .divdgweb_new_div_item_title a {font-size: 22px;}
.appli_call .divdgweb_new_div_item_body {font-size: 15px;width: 100%;text-overflow: ellipsis;-webkit-line-clamp: 2;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;line-height: 30px;font-weight: lighter;margin: 5% 0;}
.appli_call .news_div_item_pic {}
.appli_call .news_div_item_pic a {overflow:hidden;}
.appli_call .news_div_item_pic a img {width:100%;height:auto;}
.appli_call .ban_dot {display: flex !important;width: 100%;left: 0;justify-content: center;align-items: center;margin: 5% 0 0;text-decoration: overline;width: 100%;height: 1px;background: rgba(0,0,0,0.1);z-index: -1;}
.appli_call .ban_dot li {width: 6px;height: 6px;display: inline-block;background: #30b76c;margin: 0 3%;transition: 0.5s;border-radius: 50%;position: relative;z-index: 5;cursor: pointer;}
.appli_call .ban_dot li:before {content:'';width: 18px;height: 18px;border: 1px solid #30b76c;position:absolute;top:0;left: -7px;border-radius:50%;margin: auto;bottom: 0;opacity:0;transition:0.5s;transform:scale(0);}
.appli_call .ban_dot li.slick-active:before {opacity:1;transform:scale(1);}
.appli_call .ban_dot li button {font-size:0;border: none;outline: none;}

/*adva*/
.adva {background: url(/dgyingcai/uploadfile/image/20230621/20230621105305_1502046406.jpg)center top;overflow: hidden;padding: 4% 1%;position:  relative;z-index: 5;}
.adva:before {content:'';width:100%;height:100%;/* background: rgba(203, 153, 37, 0.8); */position:absolute;top:0;left:0;z-index:-1;}
.adva_box {max-width: 1500px;margin: 0 auto;}
.adva_tit {display: flex;flex-direction: column;justify-content: center;align-items: center;/* color: #fff; */}
.adva_tit span {width: 100%;font-size: 40px;text-align: center;/* font-weight: bold; *//* letter-spacing: 2px; */}
.adva_tit span b {color: #ff0000; font-size: 48px;}
.adva_tit p {font-size: 20px;line-height: 20px;font-weight: lighter;padding-top: 23px;}
.adva_tab {overflow:  hidden;padding: 4% 0 5%;}
.adva_nav {}
.adva_nav ul {display: flex;justify-content: space-between;align-items: center;}
.adva_nav li {display: flex;align-items: center;background: #fcfcfc;transition: 0.5s;height: 120px;width: 25%;justify-content:  center;}
.adva_nav li+li {border-left:1px solid #eee;}
.adva_nav li.on {background: #30b76c;}
.adva_nav li.on i,.adva_nav li.on p,.adva_nav li.on p span {color:#fff;}
.adva_nav li i {font-size: 40px;line-height: 40px;}
.adva_nav li p {font-size: 22px;line-height: 22px;display: flex;flex-direction: column;padding-left: 12px;}
.adva_nav li p span {font-size: 12px;text-transform: capitalize;font-weight: lighter;font-family: arial;line-height: 12px;padding-top: 10px;color: #999;}
.adva_con {/* overflow: hidden; */}
.adva_roll {display:flex;transition:0.5s;}
.adva_big {width: 100%;flex-shrink: 0;position: relative;box-shadow: 0 0 20px #ddd;margin-bottom: 1%;}
.adva_pic {width: 100%;}
.adva_pic img {width:100%;}
.adva_txt {background: #fff;display: flex;justify-content: space-between;align-items: center;position: absolute;bottom: -13%;left: 0;right: 0;width: 90%;padding: 3% 3%;z-index: 5;margin: 0 auto;}
.adva_txt p {display: flex;flex-direction: column;}
.adva_txt p span {font-size: 28px;font-weight: bold;line-height: 30px;padding-bottom: 12px;color: #30b76c;}
.adva_txt p em {font-size: 15px;line-height: 25px;color: #666;font-weight:  lighter;}
.adva_tp{text-align: center;}
.adva_tp p{font-size: 28px;margin-bottom: 28px;font-family: 'din medium';}
.adva_tp a {font-size: 16px;font-weight: lighter;padding: 6% 20%;background: #30b76c;color:  #fff;border-radius: 40px;transition:0.5s;}
.adva_tp a:hover {transform:scale(1.1);}

/*tech*/
.tech {overflow: hidden;padding: 4% 1%;}
.tech_box {max-width: 1500px;margin: 0 auto;}
.tech_tit {display: flex;flex-direction: column;align-items: center;}
.tech_tit span {font-size: 40px;font-weight: bold;position: relative;z-index: 5;color: #30b76c}
.tech_tit span:before {content:'';width:100%;height:100%;background:url(/dgyingcai/uploadfile/image/20230614/20230614110027_1494720602.png)no-repeat;position: absolute;left: -6%;top: 10%;z-index: -1;}
.tech_tit span:after {content:'';width:100%;height:100%;background:url(/dgyingcai/uploadfile/image/20230614/20230614110027_1494720602.png)no-repeat;position: absolute;right: -104%;top: 40%;z-index: -1;}
.tech_tit p {font-size: 20px;font-weight: lighter;color: #999;padding: 20px 0 0;}
.tech_con {margin: 4% 0 0;}
.tech_con ul {display: flex;justify-content: space-between;align-items: center;}
.tech_con li {display: flex;flex-direction: column;align-items: center;background:  #f8f8f8;width: 16%;padding: 4% 0;position:  relative;z-index:5;transition:0.5s;}
.tech_con li:hover {transform:translatey(-10px);}
.tech_con li:after {content:'';width:100%;height:0;background: #30b76c;position:absolute;top:0;left:0;transition:0.5s;z-index:-1;}
.tech_con li:hover:after {height:100%;}
.tech_con li:hover,.tech_con li:hover span {color:#fff;}
.tech_con li i {font-size: 30px;}
.tech_con li p {display:flex;flex-direction:column;align-items:center;font-size: 20px;padding: 10% 0 0;}
.tech_con li p span {font-size:  15px;padding: 16px 0 0;color:  #999;}
.tech_con li em {font-size:20px;background: #30b76c;color:  #fff;border-radius:  50%;width: 36px;height: 36px;display:  flex;justify-content:  center;align-items:  center;font-family:  arial;margin: 16% 0 0;}
.tech_more {display:  flex;justify-content:  center; margin: 4% 0 0;}
.tech_more ul {display: flex;justify-content:  space-between;width: 30%;}
.tech_more li {display: flex;align-items: center;color:  #fff;background: #30b76c;width: 50%;justify-content:  center;padding: 3% 0;}
.tech_more li:last-child {background: #028c06;}
.tech_more li i {font-size: 24px;}
.tech_more li a {font-size: 17px;color:  #fff;padding: 0 0 0 10px;}
.tech_more li p {font-size: 20px;font-family: arial;padding: 0 0 0 10px;}

/*about*/
.about {padding: 4% 1%;overflow: hidden;position: relative;z-index: 5;background: linear-gradient(to bottom,#f8f8f8 50%,#30b76c 50%);}
.about_box {max-width: 1500px;margin: 0 auto;}
.about_tit {display: flex;flex-direction: column;align-items: center;}
.about_tit b {font-size: 40px;color: #30b76c;}
.about_tit p {font-size: 20px;padding: 1% 0 0;font-weight: lighter;}
.about_con {margin: 4% 0 0;display: flex;justify-content: space-between;background: #fff;padding: 2%;}
.about_txt {width: 46%;display: flex;flex-direction: column;padding: 2%;}
.about_txt p {display: flex;flex-direction: column;}
.about_txt p span {font-size:16px;line-height: 32px;}
.about_txt p span+span {padding: 2% 0 0;}
.about_txt a {font-size:16px;margin: 8% 0 0;background: #30b76c;color: #fff;padding: 2.5% 0;width: 25%;text-align: center;}
.about_pic {width: 50%;}
.about_pic i {overflow: hidden;}
.about_pic i img {width:100%;height: auto;}

/*mol*/
.mol {padding: 4% 1% 0;overflow:hidden;}
.mol_box {max-width: 1500px;margin:0 auto;}
.mol_tit {display:flex;align-items:center;justify-content: space-between;border-bottom: 1px solid #ddd;padding: 0 0 2% 0;}
.mol_tit p {display:flex;align-items:center;font-size: 25px;color: #30b76c;}
.mol_tit p i {font-size: 26px;margin: 0 10px 0 0;color: #333;}
.mol_tit a {font-size: 16px;font-weight: lighter;}
.mol_con {margin:3% 0 0;}
.mol_call {}
.mol_call ul {margin-bottom:0 !important;}
.mol_call li {display: flex !important;flex-direction:column;align-items: center;margin: 0 0.1%;}
.mol_call li>a {overflow:hidden;}
.mol_call li>a img {width:100%;height:auto;transition: 0.5s;}
.mol_call li:hover img {transform:scale(1.1);}
.mol_call li p {width:100%;padding: 6%;text-align: center;border: 1px solid #eee;border-top: none;transition:0.5s;}
.mol_call li:hover p {background:#30b76c;}
.mol_call li p a {font-size: 16px;}
.mol_call li:hover p a {color:#fff;}
.mol_call .ban_dot {display:none !important;}

/*news*/
.news {padding: 3% 1% 4%;overflow: hidden;/* background: #f5f5f5; */}
.news_box {max-width: 1500px;margin: 0 auto;}
.news_tit {display: flex;justify-content: center;flex-direction: column;/* color:  #fff; */align-items: center;}
.news_tit b {font-size: 40px;/* text-transform: uppercase; *//* font-family: arial; */color: #30b76c;}
.news_tit p {font-size: 20px;position:  relative;margin: 1.3% 0 0;font-weight: lighter;}
.news_tit p:before {content:'';width: 10%;height:2px;/* background:#ff0000; */position:absolute;bottom: -21px;left:0;/* right:0; */margin:0 auto;}
.news_tit p span {font-size: 16px;display:  none;}
.news_nav {width: 40%;margin: 3% auto 0;}
.news_nav ul {display: flex;justify-content: space-between;align-items: center;width: 100%;}
.news_nav li {display:  flex;justify-content:  center;align-items:  center;background: #fff;margin: 0 12px;width: 100%;padding: 1.5% 25px;/* border-radius: 40px; */position: relative;overflow: hidden;z-index: 5;box-shadow: 0px 0px 20px #ddd;}
.news_nav li:before {content:'';width:0;height:100%;background: #30b76c;position:absolute;top:0;left:0;transition:0.5s;z-index:-1;}
.news_nav li.on:before {width:100%;}
.news_nav li i {font-size: 18px;line-height:  24px;display: none;}
.news_nav li a {font-size: 18px;line-height: 24px;/* padding-left: 10px; */white-space: nowrap;}
.news_nav li.on,.news_nav li.on a {color: #fff;font-weight: bold;}
.news_list{width: 100%;display: flex;transition:all .5s;}
.news_list .tempwrap {width: 100% !important;}
.news_list .news_div{display: flex;justify-content: space-between;flex-shrink: 0;width:100%;}
.news_list .news_div+.news_div{}
.news_list .news_div_item{width: 32%;position: relative;transition:0.5s;padding: 20px;background: #fff;display: flex !important;flex-direction: column-reverse;margin: 0 0.1%;border: 1px solid #f8f8f8;}
.news_list .news_div_item_date{position: absolute;bottom: 170px;display: block;left: 19px;height: 22px;font-size: 13px;color: #666;}
.news_list .news_div_item_date::before{content:'';}
.news_list .news_div_item_content{height: 220px;}
.news_list .news_div_item_year, .news_list .news_div_item_month, .news_list .news_div_item_day{float: left;font-size: 13px;line-height: 22px;color: #666;}
.news_list .news_div_item_title{}
.news_list .news_div_item_a{font-size: 16px;display: block;margin-bottom: 40px;position:relative;transition:0.3s;font-weight: 100;padding-top: 18px;}
.news_list .news_div_item_a::before{position:absolute;content:'\4e86\89e3\8be6\60c5';bottom: -176px;left: 0;width: 130px;height: 40px;background: #fff;border-radius: 20px;line-height: 40px;color: #666;font-size: 13px;transition:0.5s;border: 1px #f6f5f5 solid;text-align: center;box-sizing: border-box;padding-left: 30px;}
.news_list .news_div_item_a::after{position:absolute;font-size: 18px;width: 18px;height: 14px;left: 22px;transition:0.5s;font-family: 'iconfont';content: "\eb94";color: #666;bottom: -163px;}
.news_list .news_div_item_body{font-size: 14px;color: #999;line-height: 26px; font-weight:100;}
.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;transition: 0.5s;}
.news_list .news_div_item:hover .news_div_item_a{color:#30b76c;transition:0.3s;}
.news_list .news_div_item:hover .news_div_item_a::before{background: #30b76c;color: #fff;}
.news_list .news_div_item:hover .news_div_item_a::after{color: #fff;}
.new_ic{overflow:hidden;margin: 4% auto 0;}
.news_list .news_div_item:hover .news_div_item_pic img  {    transform: scale(1.1);transition: 0.5s;}
.news_div_item_pic {overflow: hidden;}

/*int*/
.int {padding: 4% 1%;overflow: hidden;background: #30b76c;}
.int_box {max-width: 1500px;margin: 0 auto;}
.int_con {}
.int_con ul {display: flex;justify-content: space-between;align-items: center;}
.int_con li {display: flex;align-items: center;color: #fff;}
.int_con li i {font-size: 50px;position: relative;z-index: 5;}
.int_con li i:after {content:'';width:10px;height:10px;background: #cccf12;position:absolute;top:0;right:0;border-radius: 50%;}
.int_con li p {font-size: 22px;display: flex;flex-direction: column;margin: 0 0 0 1vw;}
.int_con li p span {font-size: 16px;color: #fff;padding: 8px 0 0;}

/*copy*/
.copy {/* padding: 4% 0 0; */overflow: hidden;background: linear-gradient(to bottom,#000 70%,#1083f0 60%);background: #f8f8f8;}
.copy_tit {display:flex;justify-content:  center;}
.copy_tit p {font-size: 50px;text-transform:  uppercase;color:  #fff;font-family:  arial;}
.copy_box {max-width: 1520px;margin: 0 auto;/* background:  #fff; */padding: 4% 1%;}
.copy_con {display: flex;justify-content: space-between;padding: 0;}
.copy_nav {width: 52%;}
.copy_nav ul {display: flex;justify-content:space-between;width: 100%;}
.copy_nav li p {font-size: 18px;line-height: 20px;margin-bottom: 2vw;font-weight: bold;/* color: #fff; */position:  relative;z-index: 5;}
.copy_nav li p:before {content:'';width: 20%;height:2px;background:#0e58df;position:  absolute;bottom: -1vw;left: 0;}
.copy_nav li a {font-size: 14px;line-height: 30px;display: flex;/* color: #fff; */transform:translatex(0);transition:0.5s;}
.copy_nav li a:hover  {transform:translatex(10px)}
.copy_pic {width: 32%;}
.copy_pic ul {display: flex;justify-content:  space-between;width:  100%;}
.copy_pic li {width: 30%;display: flex;flex-direction: column;align-items: center;}
.copy_pic li i {overflow: hidden;padding:  1%;border: 1px solid #eee;}
.copy_pic li i img {width: 100%;height: auto;}
.copy_pic li p {font-size: 16px;padding: 5% 0 0;/* color: #fff; */}
.copy_num {margin:3% 0 0;}
.copy_num ul {display: flex;justify-content: space-between;}
.copy_num li {width: 33%;display: flex;align-items: center;border:  1px solid #333;justify-content:  center;padding: 1% 0;}
.copy_num li i {font-size: 24px;}
.copy_num li p {display: flex;align-items: center;font-size: 16px;margin: 0 0 0 10px;}
.copy_num li p span {font-family:din medium;font-size: 22px;}
.copy_num li:nth-child(odd) p span {font-size: 17px;}

/*end*/
.end {padding: 2% 1%;overflow:hidden;background: #30b76c;}
.end_box {max-width: 1500px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.end_box em {color: #fff;font-size: 15px;}
.end_box em>a {font-size: 15px;color: #fff;}
.end_box>a {font-size: 16px;color: #fff;
<!--utf-8-->