* {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;}
tr, td {padding: 0 !important;}
input, textarea {outline: none;border: none;}

@font-face {
font-family:DIN Medium;
src:url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.ttf),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.eot),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.otf),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.woff),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.woff2);
}


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



/*head*/
.head {padding: 1% 1%;overflow: hidden;border-top: 5px solid #4c7ebc;}
.head_box {max-width: 1800px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.head_logo {display: flex;align-items: center;}
.head_logo i {}
.head_logo p {font-size: 28px;display: flex;flex-direction: column;padding: 0 0 0 15px;font-weight: bold;align-items:  center;}
.head_logo p span {font-size: 18px;font-weight:  lighter;padding: 3% 0 0;color: #999;}
.head_nav {width:50%;margin: 0 0 0 35px;} 
.head_nav ul {display: flex;align-items: center;width:  100%;justify-content:  space-between;}
.head_nav li {/* width: 20%; */}
.head_nav li a {font-size: 16px;position: relative;}
.head_nav li>a:before {content:'';width:0;height: 2px;background: #4c7ebc;position:absolute;bottom: -49px;left:0;transition:0.5s;z-index: 1;}
.head_nav li>a:after {content:'';width:100%;height: 57px;position:absolute;left: 0;}
.head_nav li:hover a:before,.head_nav>ul>li.cur a:before {width:100%;}
.head_num {background:#4c7ebc;border-radius:  40px;}
.head_num p {display: flex;align-items: center;font-size: 15px;color:  #fff;padding: 5px 10px 5px 5px;}
.head_num p i {font-size: 18px;width: 36px;height: 36px;background:  #fff;border-radius: 50%;color: #333;display:  flex;justify-content:  center;align-items:  center;}
.head_num p span {font-family:  DIN Medium;font-size: 22px;padding: 0 0 0 10px;white-space:  nowrap;}

/*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: center;align-items: center;/* margin: 2% 0 0; */position: absolute;bottom: 5%;left: 0;}
.banner .ban_dot li {width: 13px;height: 13px;display: inline-block;background: #ddd;margin: 0 0.5%;transition: 0.5s;border-radius: 50%;}
.banner .ban_dot li.slick-active {background: #4c7ebc;}
.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: 1500px;margin: 0 auto;}
.pro_tit {display: flex;flex-direction: column;align-items: center;}
.pro_tit p {font-size: 36px;display: flex;flex-direction: column;align-items: center;}
.pro_tit p span {font-size: 18px;font-weight: lighter;color:  #999;padding: 6% 0 0;position:  relative;}
.pro_tit p span:before,.pro_tit p span:after {content:'';width: 18%;height:1px;background: #999;position:  absolute;top: 21px;bottom:  0;margin:  auto;}
.pro_tit p span:before {left: -28%;}
.pro_tit p span:after {right: -28%;}
.pro_tab {margin: 3% 0 0;}
.pro_nav {display:flex;background: #4c7ebc;justify-content: space-between;align-items: center;padding: 1%;}
.pro_nav>p {font-size: 30px;display: flex;flex-direction: column;color: #fff;background: #ff0000;padding: 2%;width: 18%;align-items: center;position: relative;}
.pro_nav>p:before {content:'';width: 94%;height: 88%;border: 1px solid rgba(255,255,255,0.5);position:absolute;left:0;top:0;right: 0;bottom: 0;margin: auto;}
.pro_nav>p>span {font-size: 18px;font-family: Arial;text-transform: uppercase;font-weight: normal;padding: 10% 0 0;}
.pro_nav>div {width: 80%;}
.pro_nav ul {display: flex;flex-wrap: wrap;}
.pro_nav li {width: 20%;display: flex;justify-content: center;align-items: center;padding: 1.9% 0;border-right: 1px solid rgba(255,255,255,0.1);border-bottom: 1px solid rgba(255,255,255,0.1);}
.pro_nav li:nth-child(-n+5) {border-top: 1px solid rgba(255,255,255,0.1);}
.pro_nav li:first-child,.pro_nav li:nth-child(6) {border-left: 1px solid rgba(255,255,255,0.1);}
.pro_nav li dl {display:none;}
.pro_nav li a {font-size: 16px;color: #fff;font-weight: lighter;}
.pro_con {margin: 3% 0 0;}
.pro_call {}
.pro_call ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.pro_call li {width: 24%;display: flex;flex-direction: column;align-items: center;}
.pro_call li:nth-child(n+5) {margin: 1.3% 0 0;}
.pro_call li>a {overflow: hidden;}
.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%;background: #f8f8f8;text-align: center;padding: 7% 0;}
.pro_call li span a {font-size: 15px;font-weight: lighter;}

/*char*/
.char {padding: 4% 1% 4%;overflow: hidden;position: relative;z-index: 5;background: #f8f8f8;}
.char:before {content:'';width: 100%;height: 100%;background: url(https://memberpic.114my.com.cn/029494/uploadfile/image/20221107/20221107112430_495756636.png)no-repeat right;position: absolute;right: -14%;z-index: -1;background-size: contain;top: 0;}
.char_box {max-width: 1500px;margin: 0 auto;}
.char_tit {display: flex;flex-direction: column;align-items: center;}
.char_tit span {font-size: 36px;}
.char_tit span b {color:#4c7ebc;}
.char_tit p {font-size: 18px;font-weight: lighter;padding: 1% 0 0;color: #999;}
.char_tab {margin: 4% 0 0;width: 70%;}
.char_con {}
.char_con ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.char_con li {width: 32%;display: flex;align-items: center;background: #fff;padding: 3%;box-shadow: 0 0 20px #eee;border-radius: 5px;transition:0.5s;}
.char_con li:hover {transform:translateY(-10px);}
.char_con li:nth-child(n+4) {margin: 2% 0 0;}
.char_con li i {font-size: 42px;}
.char_con li p {display: flex;flex-direction: column;font-size: 24px;padding: 0 0 0 24px;}
.char_con li p span {font-size: 16px;padding: 5% 0 0;line-height: 26px;color: #999;font-weight: lighter;}
.char_txt {margin: 7% 0 0;display: flex;flex-direction: column;}
.char_txt p {font-size: 36px; display: flex;flex-direction: column;}
.char_txt p span {font-size: 24px;padding: 2% 0 0;}
.char_txt em {display:flex;margin: 3% 0 0;align-items: center;}
.char_txt em i {font-size: 24px;}
.char_txt em b {font-size: 28px;font-family: DIN Medium;padding: 0 0 0 10px;color: #4c7ebc;}

/*appli*/
.appli {overflow: hidden;padding:4% 1%;position:  relative;z-index:5;}
.appli:before {content:'';width:100%;height:100%;background: rgba(248,248,248,0.9);position:absolute;top:0;left:0;z-index: -1;}
.appli_box {max-width:1500px;margin:0 auto;}
.appli_tit {display: flex;flex-direction: column;align-items: center;}
.appli_tit p {font-size: 36px;display: flex;flex-direction: column;align-items: center;}
.appli_tit p span {font-size: 18px;font-weight: lighter;color: #999;padding: 7% 0 0;position:  relative;}
.appli_tit p span:before,.appli_tit p span:after {content:'';width: 18%;height:1px;background: #999;position:  absolute;top: 21px;bottom:  0;margin:  auto;}
.appli_tit p span:before {left: -28%;}
.appli_tit p span:after {right: -28%;}
.appli_con {/* position: relative; */margin: 3% 0 0;display: flex;justify-content: space-between;overflow: hidden;}
.appli_call {overflow: hidden;width: 70%;}
.appli_call ul {display: flex;justify-content: space-between;transition: 0.5s;}
.appli_call li {width: 100%;position: relative;flex-shrink: 0;}
.appli_call li>a {overflow: hidden;}
.appli_call li a img {width: 100%;    height: 31.35vw;
    object-fit: cover;}
.appli_call li p {width: 100%;position: absolute;bottom: 2px;left: 0;background: rgba(0,0,0,0.5);padding: 2%;}
.appli_call li p a {font-size: 16px;color: #fff;}
.appli_nav {width: 30%;}
.appli_nav ul {display: flex;justify-content: space-between;flex-wrap: wrap;}
.appli_nav li {width: 50%;color: #fff;padding: 10% 0;background: #4c7ebc;display: flex;flex-direction: column;align-items: center;border-bottom: 1px solid rgba(255,255,255,0.1);}
.appli_nav li+li {border-left:1px solid rgba(255,255,255,0.1);}
.appli_nav li a {display: flex;align-items: center;color: #fff;justify-content: center;flex-direction: column;}
.appli_nav li a i {font-size: 30px;}
.appli_nav li a span {font-size: 18px;padding: 16% 0 0;}
.appli_nav li p {font-size: 12px;text-transform: uppercase;font-family: Arial;padding: 4%  0 0;}
.appli_roll {position:absolute;top: 0;left: 0;z-index: -2;}
.appli_roll ul {display: flex;transition: 0.5s;}
.appli_roll li {width: 100%;flex-shrink: 0;}
.appli_roll li a {overflow: hidden;}
.appli_roll li a img {width: 100%;height: auto;}
.appli_roll li p {width: 100%;display: none;}
.appli_roll li p a {font-size: 16px;}

/*adva*/
.adva {width: 100%;background: #f7f8fa;padding: 80px 1%;overflow: hidden;}
.adva_box {max-width: 1500px;margin: 0 auto;}
.adva_tit {display: flex;flex-direction: column;align-items: center;position:relative;}
.adva_tit span {font-size: 36px;}
.adva_tit p {font-size: 18px;color: #666;font-weight:  lighter;line-height:  20px;padding-top: 15px;}
.adva_tab {padding-top: 60px;}
.adva_nav {}
.adva_nav ul {display: flex;justify-content: space-between;align-items: center;width: 80%;margin: 0 auto;}
.adva_nav li {display: flex;flex-direction: column;align-items: center;position:  relative;}
.adva_nav li:after {content:'';width: 258px;height:1px;background:#ddd;position:absolute;top: 30px;left: 96px;}
.adva_nav li:last-child:after {display: none;}
.adva_nav li i {width: 60px;height: 60px;border-radius: 50%;font-size: 36px;display: flex;justify-content: center;align-items: center;color: #4c7ebc;}
.adva_nav li p {font-size: 18px;line-height: 20px;padding-top: 16px;color: #666;}
.adva_nav li.on i {background: #fff;}
.adva_nav li.on p {color: #4c7ebc;}
.adva_nav li.on {color: #1d53e2;}
.adva_con {overflow: hidden;background: #fff;box-shadow: 0 0 20px rgba(2,76,179,0.1);border-radius: 40px;margin-top: 4%;}
.adva_bao {display: flex;transition: 0.5s;}
.adva_big {width: 100%;flex-shrink: 0;display: flex;justify-content: space-between;align-items: center;overflow:  hidden;padding: 5%;}
.adva_pic {width: 55.76%;}
.adva_pic i {}
.adva_pic i img {width:100%;height: auto;}
.adva_txt {width: 40%;display:  flex;flex-direction:  column;}
.adva_txt p {align-items:  center;font-size: 38px;line-height: 42px;position:  relative;/* padding-left:  7%; */font-weight:  100;}
.adva_txt p span{font-size: 16px; color:#ccc;display: block; text-transform: uppercase; padding-top: 5px;}
.adva_txt p:after {content:'';/* background: url(https://memberpic.114my.com.cn/029494/uploadfile/image/20221019/20221019135514_697351209.png)no-repeat  0; */position:absolute;top: -8px;left:0;width:  100%;height: 61px;}
.adva_txt p b {color: #4c7ebc;font-size: 48px;}
.adva_txt em {font-size: 16px;color: #666;font-weight: lighter;line-height: 32px;margin-top: 5%;}
.adva_txt em:nth-child(2) {margin-top: 9%;}
.adva_txt a {width: 180px;height: 40px;background: #4c7ebc;color: #fff;border-radius: 40px;display:  flex;justify-content:  center;align-items:  center;margin-top: 10%;font-weight:100;transition:0.5s;font-size: 16px;}
.adva_txt a:hover{width: 380px;transition:0.5s;}

/*about*/
.about {padding: 4% 1%;overflow: hidden;position: relative;z-index: 5;background: url(https://memberpic.114my.com.cn/029494/uploadfile/image/20221115/20221115105316_716233410.jpg)no-repeat center top;}
.about:before {content:'';width: 100%;height: 100%;background: rgba(0,0,0,0.8);position: absolute;top:0;left:0;z-index:-1;}
.about_box {max-width: 1500px;margin: 0 auto;}
.about_num {}
.about_num ul {display: flex;width: 100%;justify-content:  space-between;}
.about_num li {display: flex;flex-direction: column;align-items:  center;width: 25%;}
.about_num li span {display: flex;align-items: flex-end;}
.about_num li span b {font-size: 60px;font-family:  DIN Medium;color: #fff;}
.about_num li span i {width: 20px;height: 20px;border-radius: 50%;display: flex;justify-content: center;align-items: center;background: #4c7ebc;font-size: 14px;color: #fff;margin: 0  0 12% 0;}
.about_num li p {font-size: 16px;font-weight: lighter;padding: 3% 0 0;color: #fff;}
.about_con {display:flex;margin: 4% 0 0;background:  #fff;padding: 0.3%;align-items: center;}
.about_pic {width: 40%;}
.about_pic i {}
.about_pic i img {width: 100%;height: auto;}
.about_txt {width: 60%;padding: 4%;display:  flex;flex-direction:  column;}
.about_txt p {display: flex;flex-direction: column;font-size: 32px;}
.about_txt p span {font-size: 18px;padding: 2% 0 0;}
.about_txt em {font-size: 16px;line-height: 36px;font-weight:  lighter;margin: 3% 0 0;}
.about_txt a {font-size: 15px;background:  #4c7ebc;color:  #fff;padding: 2% 1%;width: 20%;text-align:  center;font-weight:  lighter;margin: 6% 0 0;transition:0.5s;}
.about_txt a:hover {width:30%;}

/*int*/
.int {overflow: hidden;padding: 4% 1% 0;}
.int_box {max-width: 1500px;margin: 0 auto;}
.int_tab {}
.int_nav {}
.int_nav ul {display: flex;justify-content: space-between;align-items: center;}
.int_nav li {width: 33%;display: flex;justify-content: center;background: #4c7ebc;padding: 1.5% 0;transition:0.5s;}
.int_nav li:hover,.int_nav li.on {background:#ff5657;}
.int_nav li a {font-size: 22px;color: #fff;}
.int_con {margin: 3% 0 0;overflow: hidden;}
.int_roll {display: flex;transition: 0.5s;}
.int_call {width: 100%;flex-shrink: 0;}
.int_call ul {/* display: flex; */margin: 0 !important;}
.int_call li {display: flex !important;flex-direction: column;align-items: center;margin: 0 0.1%;}
.int_call li a {overflow: hidden;}
.int_call li a img {width: 100%;height: auto;transition:0.5s;}
.int_call li:hover img {transform:scale(1.1);}
.int_call li p {width: 100%;text-align: center;padding: 5% 0;background: #eee;}
.int_call li p a {font-size: 16px;}
.int_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;flex-direction: column;align-items: center;}
.news_tit span {font-size: 36px;}
.news_tit p {font-size: 18px;color: #999;padding: 1% 0 0;font-weight:  lighter;letter-spacing: 1px;}
.news_tit em{font-size:0;display:inline-block;height: 8px;padding: 2% 0 0;display: none;}
.news_tit em i{ display:inline-block; width:8px; height:8px; border-radius:50%; background:#c4d0dc;animation: bounce_fountainG 1.2s linear infinite;} 
.news_tit em i+i{ margin-left:16px;}
.news_tit em i:nth-child(1){animation-delay: .4s;}
.news_tit em i:nth-child(2){background:#b50001;animation-delay: .6s;}
.news_tit em i:nth-child(3){animation-delay: .8s;}
.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: #4c7ebc;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;}
.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: #4c7ebc;transition:0.3s;}
.news_list .news_div_item:hover .news_div_item_a::before{background: #4c7ebc;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;}

/*copy*/
.copy {overflow: hidden;padding: 0 1%;background: #f8f8f8;}
.copy_box {max-width: 1500px;margin: 0 auto;}
.copy_top {padding: 4% 0 2%;border-bottom: 1px solid #eee;}
.copy_top p {display: flex;align-items: center;font-size: 15px;font-weight: lighter;}
.copy_top p i {font-size: 20px;margin: 0 10px 0 0;}
.copy_top p span {font-size: 24px;font-family:  DIN Medium;}
.copy_con {display: flex;justify-content: space-between;padding: 3% 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: 20px;font-weight: bold;}
.copy_nav li a {font-size: 14px;line-height: 30px;display: flex;}
.copy_nav li a:hover  {color:#4c7ebc;}
.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;}

/*end*/
.end {padding: 2% 1%;overflow:hidden;background: #4c7ebc;}
.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: 15px;color: #fff;}

.links.page {
    max-width: 1500px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
.links.page * {
    color: #fff !important;
    font-size: 15px;
}