* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    font-size: 14px;
    font-family:"jcyt";
overflow-x: hidden;
}
em, i {
    font-style: inherit;
    font-weight: inherit;
}
div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin: 0px; padding: 0px;list-style: none;border: 0px;}
img {
    border: none;
    vertical-align: middle;
}
a {
    text-decoration: none;
    color: #333;
}
tr, td {
    padding: 0 !important;
}
input, textarea {
    outline: none;
    border: none;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.gy{max-width: 1500px;margin: 0 auto; width:100%;}
.gy1{max-width: 100%;margin: 0 auto; width:100%;}

@font-face {
  font-family: 'iconfont';  /* Project id 3755244 */
  src: url('//at.alicdn.com/t/c/font_3755244_o2mi38hlnp.woff2?t=1678679186325') format('woff2'),
       url('//at.alicdn.com/t/c/font_3755244_o2mi38hlnp.woff?t=1678679186325') format('woff'),
       url('//at.alicdn.com/t/c/font_3755244_o2mi38hlnp.ttf?t=1678679186325') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
@font-face {
  font-family:"jcyt";
   src: url("//memberpic.114my.com.cn/zgzfwj/cssnew/jcyt.otf.txt") format("woff2"),
       url("//memberpic.114my.com.cn/zgzfwj/cssnew/jcyt.woff.txt") format("woff"),
       url("//memberpic.114my.com.cn/zgzfwj/cssnew/jcyt.otf.txt") format("truetype"),
       url("//memberpic.114my.com.cn/zgzfwj/cssnew/jcyt.ttf.txt") format("embedded-opentype"),
       url("//memberpic.114my.com.cn/zgzfwj/cssnew/jcyt.ttf.txt") format("svg");
}
.sup_tit{text-align:center;}
.sup_tit p{font-size:50px;font-weight:bold;}
.sup_tit div{font-size:20px;margin-top:5px;}

@font-face {
font-family:din;
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);
}
.txtcd {width:100%;margin: 0px auto;padding: 0 4%;}
.txtc {font-size:24px;line-height: 24px;color: #333;position: relative;padding-left:70px;font-weight: bold;}
.txtc:before {content: '';position: absolute;left: 0;top: 50%;margin-top: -2px;width: 50px;height: 3px; background:#00a0e9;}
.wenc {padding-top:15px; font-size: 36px; line-height: 36px; color: #191c22; font-weight: bold;}

.txtcdc  {width:100%;margin: 0px auto;padding: 0 0%;}
.txtcc {font-size:24px;line-height: 24px;color: #333;position: relative;padding-left:70px;font-weight: bold;}
.txtcc:before {content: '';position: absolute;left: 0;top: 50%;margin-top: -2px;width: 50px;height: 3px; background:#00a0e9;}
.wencc {padding-top:15px; font-size: 36px; line-height: 36px; color: #191c22; font-weight: bold;}
/*head*/
.head {
    padding: 0px 0;
    position: absolute;
    z-index: 55;
    width: 100%;
}
.head.on {position: fixed;background: #fff;    box-shadow: 0 0 20px #ddd;}
.head.on .head_box {padding: 0% 2%;}
.head.on .head_logo p b,.head.on .head_logo p, .head.on .head_nav>ul>li>a {color:#333;}
.head.on  .search {background: #f8f8f8;}
.head.on  .search_pro {color:#333;} 
.head.on .head_f p {color:#ddd;}
.head.on .head_pho p,.head.on .head_pho i,.head.on .head_pho>p:after{color:#333;} 
.head.on .head_pho ul li p{color:#fff;} 

.head_box {
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    min-width: 1480px;
    padding: 2% 2%;
    border-bottom: 1px rgba(255,255,255,0.2) solid;
}
.head_l {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 78%;
}
.head_logo {
    display: flex;
    align-items: center;
    width: 29%;
position: relative;
padding-right:5%;
}
.head_logo i {
}
.head_logo i img{width: 100px;}
.head_logo p {
    font-size: 13px;
    line-height: 18px;
    padding-left: 5px;
    display: flex;
    flex-direction: column;
    color: #fff;
    text-align: left;
    font-weight: lighter;
}
.head_logo p b {
    font-size: calc(0.8rem + 0.8vw);
    font-weight: 550;
    line-height: 27px;
    letter-spacing: 5px;
    color: #fff;
    padding: 0 0 5px 0;
}
.head_con {
    display: flex;
    align-items: center;
    width: 70%;
    padding-right: 3%;
}
.head_nav {
    width: 90%;
    position: relative;
}
.head_nav>ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.head_nav>ul>li {
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 5;
    line-height: 78px;
}
.head_nav>ul>li:nth-child(5) .fl_box li a:nth-child(1):before {
    left: 14px;
}
.head_nav>ul>li:nth-child(5) .fl_box li a:nth-last-child(-n+2):before {
    left: 10px;
}
.head_nav>ul>li>a {
    font-size: 17px;
    color: #fff ;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    text-transform: uppercase;
    position: relative;
}
.head_nav li a i {
    color: #666;
    font-size: 12px;
    font-family: Arial;
    text-transform: uppercase;
    opacity: 0.3;
    transform: scale(0.9);
}
.head_nav>ul>li>a:after {
    content: attr(data-hover);
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    color: #00a0e9;
    overflow: hidden;
    white-space: nowrap;
    transition: 0.5s;
}
.head_nav>ul>li:hover a:after, .head_nav>ul>li.cur a:after {
    width: 100%;
}
/*xiala*/
.head_nav>ul>li:hover>dl {
    opacity: 1;
    visibility: visible;
    top: 114%;
}
.head_nav>ul>li>dl {
    position: absolute;
    width: 100%;
    display: block;
    z-index: 100;
    background: #fff;
    left: 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    top: 180px;
    padding: 70px;
}
.nav>ul>li>dl>dd {
    display: block;
    overflow: hidden;
    margin: auto;
}
.xl_bt {
    width: 100%;
    border-bottom: 1px #eee solid;
    padding-bottom: 40px;
    overflow: hidden;
}
.xl_bt p {
    font-size: 26px;
    color: #333;
    float: left;
    font-weight: 100;
    line-height: 30px;
}
.xl_bt a {
    width: 120px;
    height: 30px;
    background: #00a0e9;
    text-align: center;
    color: #fff;
    font-size: 14px;
    display: block;
    float: right;
    line-height: 30px;
    border-radius: 60px;
}
.fl_box {
    width: 100%;
    overflow: hidden;
padding-top:2%;
}
.fl_box li {
    width: calc( (100% - 40px)/3);
    float: left;
    margin-top: 15px;
}
.fl_box li+li {
    margin-left: 10px;
}
.fl_box li:nth-child(4){margin-left:0;}
.fl_box li:nth-child(7) {margin-left:0;}
.fl_box>li:nth-child(10) {margin-left:0;}
.fl_box>li a {
    font-size: 18px;
    color: #333;
    position: relative;
    padding-left: 20px;
    text-align: left;
    line-height: 20px;
    display: block;
    border: 1px #eee solid;
    text-align: center !important;
    padding: 16px;
font-weight:500;
}
.fl_box>li a:hover {
    color: #00a0e9;
}
.fl_box>li a:before {
    content: "";
    width: 10px;
    height: 10px;
    border: 1px #949494 solid;
    position: absolute;
    left: 23px;
    top: 22px;
    border-radius: 50%;
}
.fl_box>li a:hover:before {
    border-color: #00a0e9;
}
.fl_box>li:nth-child(6) {
    margin-left: ;
}
.fl_box li dt {
    margin-top: 5px;
    padding-left: 0px;
}
.fl_box li dt a {
    font-size: 14px;
    color: #999;
}
.fl_box li dt a:before {
    border-color: #a9a9a9;
}
.re {
    width: 100%;
    overflow: hideen;
    margin-top: 30px;
}
.re .rbt {
    font-size: 24px;
    color: #333;
    float: left;
    font-weight: 100;
    border-left: 5px #00 solid;
    border-left: 5px #00a0e9 solid;
    padding-left: 10px;
    margin-bottom: 30px;
}
.re .t_box {
    width: 100%;
    overflow: hidden;
}
.t_box>.progdwz2021 li {
    float: left;
    width: calc((100% - 30px)/4);
    border-radius: 15px;
}
.t_box>.progdwz2021 li img {
    width: 100%;
    height: auto;
    border: 1px #eee solid;
}
.t_box>.progdwz2021 li+li {
    margin-left: 10px;
}
.t_box>.progdwz2021 li a {
    line-height: 40px;
}
.t_box>.progdwz2021 li span {
    display: block;
    text-align: center;
}
.re .t_box>.news_div>.news_div_item {
    float: left;
    width: calc((100% - 20px)/2);
    text-align: left;
    border: 1px #eee solid;
    margin-bottom: 20px;
    box-shadow: 0 0 5px #eee;
    padding: 20px;
}
.re .t_box>.news_div>.news_div_item+.news_div_item {
    margin-left: 20px;
}
.re .t_box>.news_div>.news_div_item:nth-child(3) {
    margin-left: 0;
}
.re .t_box .news_div_item_a {
    font-size: 16px;
    line-height: 35px;
    color: #00a0e9;
    font-weight: bold;
}
.re .t_box .news_div_item_body {
    font-size: 14px;
    line-height: 23px;
    color: #666;
}
.news_div_item_date {
    display: flex;
}
.news_div_item_year, .news_div_item_month, .news_div_item_day {
    color: #666;
    font-size: 16px;
    line-height: 20px;
}
.nav>ul>li:hover>dl {
    opacity: 1;
    visibility: visible;
    top: 98%;
}
.com_bo {
    width: 100%;
    color: #666;
    line-height: 25px;
    overflow: hidden;
    text-align: left;
    font-weight: 100;
}
.fl_box ul {
    display: flex;
    flex-flow: wrap;
}
.fl_box li a {
    font-size: 17px;
    color: #666;
    position: relative;
    padding-left: 20px;
    text-align: left;
    line-height: 20px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.fl_box li dl {position: relative;}
.head_r {
    width: 18%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.head_pho ul {
    background: #00a0e9;
    position: absolute;
    top: 39px;
    left: 0;
    width: 100%;
    display: none;
    padding: 8px 13px;
color: #fff;

}
.head_pho li {
    font-size: 25px;
    font-family: Arial;
    display: flex;
    align-items: center;
    padding: 9px;
}
/*search*/
.search {
    width: 78%;
    background: #f8f8f8;
    padding: 0;
    z-index: 55;
    border-radius: 40px;
    display: flex;
    align-items: center;
}
.search_pro {
    font-size: 12px;
    width: 70px;
    padding: 0 0 0 10px;
    border-right: 1px solid #ddd;
    color: #666;
}
.head_s {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}
.head_s form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 180px;
    height: 35px;
    padding: 0 12px;
}
#search-bg {
    width: 130px;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    box-sizing: border-box;
}
#search-i {
    box-sizing: border-box;
    position: relative;
    z-index: 5;
    margin-left: 5px;
}
#search-i:after {
    content: '';
    width: 33px;
    height: 33px;
    border-radius: 50%;
    position: absolute;
    top: -6px;
    left: -6px;
    z-index: -1;
}
#infoname {
    border: none;
    background: none;
    outline: none;
}
.search-text {
    font-size: 15px;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 1px;
}
.search-text a {
    font-size: 15px;
    color: #666 !important;
    font-weight: 100;
}
.search-text span {
    color: #333;
    font-size: 15px;
    font-weight: bold;
}
.search_con {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 68%;
    padding-top: 10px;
}
.search_tit {
    position: relative;
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.search_tit ul {
    display: flex;
}
.search_tit li {
    font-size: 26px;
    color: #fff;
    line-height: 32px;
    letter-spacing: 2px;
}
.search_tit li i {
    font-size: 32px;
    font-weight: normal;
}
.search_tit p {
    font-size: 18px;
    width: 315px;
    height: 40px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #024adc;
    margin-top: 10px;
}
.search_tit p span {
    font-size: 30px;
    font-family: "Times";
    line-height: 30px;
    font-weight: bold;
}
.head_pho {
    width: 20%;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;

}
.head_pho>p:after {content:'\eb8f';font-family: 'iconfont';
    position: absolute;
    top: 0;
    right: -22px;
    font-size: 20px;
    color: #ccc;transform: rotate(90deg);}
.head_pho i {
    font-size: 25px;
    color: #fff;
}
.head_pho p {
    font-size: 18px;
    color: #fff;
    font-family: 'din';    padding: 0 0 0 10px;
position: relative;
}
.tp-bullets { margin-bottom: 20px !IMPORTANT;}
.tab_tit {font-size:24px; border-bottom: 1px #eee solid; padding-bottom:40px;    color: #333;width: 300px;}
.tab_tit em{color: #ccc; display: block;text-transform: uppercase; font-size: 14px; font-family: Arial;}
.tab_con {width: 300px;background: #fff;position: absolute;top: 0;right: 0;display: none;overflow: auto !important;height: 800px;z-index: 99;}
.tab_txt>ul {list-style: none;}
.tab_txt>ul p {font-size:20px;}
.tab_txt>ul>li {      padding: 20px 0; border-bottom: 1px #eee solid;}
.tab_txt>ul>li>a {font-size:18px;    color: #333 !important;text-decoration: none;}
.tab_txt>ul>li>span {font-size:14px;color: #999; display: block; margin-top: 10px; line-height:28px;}
.tab_txt>ul>li>span>a {font-size:14px;color:#999 !important;}
.tab_tit {font-size:24px; border-bottom: 1px #eee solid; padding-bottom:40px;padding: 30px 50px; }
.tab_tit em{color: #ccc; display: block;text-transform: uppercase; font-size: 14px; font-family: Arial;font-style: normal;}
.button {width: 30px; height: 30px;background: #fff; position: absolute;right: 12px; top: 12px;cursor: pointer;}
.button:before {content:'';width:30px;height:2px;position:absolute;top:25px;left:0;background:#333;transform: rotate(45deg);}
.button:after {content:'';width:30px;height:2px;position:absolute;top:25px;left:0;background:#333;transform: rotate(-45deg);}
.tab_txt {padding-top: 10px;padding: 10px 50px;width: 300px; }
.tab_txt i {width:130px;height:130px;display:inline-block;overflow:hidden;}
.tab_txt i img {width:100%;}
.tab_txt>ul>li img{width: 205px;}
.tab_txt>ul>li p {font-size:14px;    line-height: 20px; padding: 3% 16% 0;}
.tab_txt1{padding-top: 16px;padding: 30px 50px 0px 50px; font-size:18px; color:#999;line-height:38px;width:300px;}
.tab_txt1 span{display:block; font-size:24px; color:#ff0000;line-height:38px; font-family: "din";}
.tab_con {   scrollbar-width: none; -ms-overflow-style: none;overflow: scroll;}
.tab_con::-webkit-scrollbar {  display: none;}

@media screen and (max-width: 1680px){
.head_logo {width: 36%;padding-right: 3%;}
.head_pho p {font-size: 18px;}
.head_l {width: 79%;}
.head_pho {width: 23%;}
}
@media screen and (max-width: 1400px){
.search { width: 70%;}
.head_r {width: 22%;}
.head_s form {width: 155px;}
#search-bg { width: 100px;}
}

@media screen and (max-width: 1366px){
.search { width: 62%;}
.head_l {width: 75%;}
.head_nav>ul>li>a {font-size: 15px;}
.head_r { width: 24%;}
.head_con {width: 70%;}
}


/*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: 4%;left: 0;}
.banner .ban_dot li {width: 13px;height: 13px;display: inline-block;background: #fff;margin: 0 0.5%;transition: 0.5s;border-radius: 50%;}
.banner .ban_dot li.slick-active {background: #00a0e9;}
.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;}



/*sp*/
.banner_title {font-size:50px;color:#ffffff;font-weight: bold;letter-spacing: 2px;}
.banner_en {margin-top: 25px;width: 130px;height: 6px;background: #fff;margin-left: 0px;box-shadow: 5px 5px 5px #060606;}
.banner_text {font-size: 18px;color:rgba(255,255,255,0.9);padding-top: 15px;font-weight: bold; line-height:26px; text-transform: uppercase; letter-spacing: 2px;width: 27%;}

.width-auto {width: 100%; padding: 0px 15%; position: relative;}
.swiper-animation { text-shadow: 3px 3px 3px #060606;}
.swiper-text-box .swiper-animation:nth-child(1) {
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms;
}
.swiper-text-box .swiper-animation:nth-child(2) {
    /* -webkit-animation-delay: 400ms; */
    animation-delay: 400ms;
}
.swiper-text-box .swiper-animation:nth-child(3) {
    -webkit-animation-delay: 600ms;
    animation-delay: 600ms;
}
@media all and (max-width: 1366px) {
.main-h-link{right: 8% !important;}
.banner_textg {width: 26%;}
}

.centerr {
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 999;
}
.swiper-texta{
    display: inline-block;
    position: relative;
    padding: 6px 20px;
    margin-top: 80px;
    font-size: 14px;
    color: #fff;
    background: #00a0e9;
    border-radius: 50px
}
.swiper-texta a{color: #fff; font-size: 16px;}
.banner_c{width: 100%;margin: 0 auto;position: relative;left: 0;z-index: 5;overflow: hidden;height: 800px;}
.carousel-item img {
    width: 100%;
}
.banner_c:before{content: '';position: absolute; width: 100%; height: 100%;background:rgba(0,0,0,0.6);background-size: 2px;-webkit-background-size: 2px; -moz-background-size: 2px;-o-background-size: 2px;-ms-background-size: 2px; left: 0;top: 0;z-index: 6;}


/*char*/
.sup_tit{text-align:center;}
.sup_tit p{font-size:38px;font-weight:bold; color: #333;}
.sup_tit div{font-size:18px;margin-top:8px; color: #999;}

.sup_tit1{text-align:center;}
.sup_tit1 p{font-size:38px;font-weight:bold; color: #fff;}
.sup_tit1 div{font-size:18px;margin-top:8px; color: #fff;}

.big {  overflow: hidden;padding: 80px 0;background: url(https://memberpic.114my.com.cn/dg168473/uploadfile/image/20230530/20230530111840_396520556.jpg);
    background-repeat: no-repeat;}
.char {overflow: hidden;position: relative;z-index: 6;}
.char_box {
    max-width: 1500px;
    margin: 0 auto;
}
.char_tit {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.char_tit span {
    font-size: 42px;
    line-height: 42px;
font-weight:normal;
}
.char_tit span b {
    color: #00a0e9;
}
.char_tit p {
    font-size: 18px;
    color: #666;
    line-height: 24px;
    padding: 20px 0 0;
font-weight:normal;
}
.char_tit i {
    width: 45px;
    height: 1px;
    background: #00a0e9;
    position: relative;
    margin: 24px 0 0;
}
.char_tit i:before, .char_tit i:after {
    content: '';
    width: 5px;
    height: 5px;
    border: 1px solid #00a0e9;
    border-radius: 50%;
    position: absolute;
    top: -3px;
}
.char_tit i:before {
    left: -15px;
}
.char_tit i:after {
    right: -15px;
}
.char_con {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 60px 0 0;
}
.char_l {
    width: 50%;
}
.char_top {
}
.char_top ul {
    display: flex;
    justify-content: space-between;
}
.char_top li {
    border: 1px rgba(255,255,255,0.3) solid;
    width: 32%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 6% 3%;
    text-align: center;
}
.char_top li i {
    font-size: 55px;
    color: #fff;
    font-family: 'din';
}
.char_top li em {
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #333;
    margin: 10px 0;
}
.char_top li p {
    font-size: 15px;
    line-height: 26px;
    color: #fff;
}
.char_txt {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8%;
    margin: 20px 0 0;
    border: 1px rgba(255,255,255,0.3) solid;
}
.char_txt>span {
    font-size: 30px;
    color: #fff;
}
.char_txt em {
    font-size: 16px;
    line-height: 30px;
    margin: 5% 0;
    color: #fff;
}
.char_txt p {
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #fff;
}
.char_txt p i {font-size: 25px;}
.char_txt p>span {
    font-size: 36px;
    font-family: 'din';
    color: #fff;
}
.char_r {width: 48%; background: #fff;padding: 2% 0;}
.char_r ul {
}
.char_r li {
    display: flex;
    align-items: center;
    padding: 0px 15px 0px 40px;
    justify-content: space-between;
transition: 0.5s;
}
.char_r li:hover {    transform: translate(0,-10px);}
.char_r li:nth-child(n+2) {
    margin: 25px 0 0;
}
.char_r li p {
    font-size: 24px;
    display: flex;
    flex-direction: column;
    color: #333;
    width: 48%;
    position: relative;
}
.char_r li p:after {
    content: '';
    width: 45px;
    height: 2px;
    background: linear-gradient(120deg,#00a0e9 10%,#00a0e9 80%);
    position: absolute;
    top: 42px;
    left: 0;
}
.char_r li p span {
    font-size: 15px;
    color: #666;
    line-height: 26px;
    padding: 25px 0 0;
}

/*bq*/
.jec_c{display: flex;justify-content: space-between;}
.jec_c li{width: 100%;display: flex;align-items: center;box-shadow: 1px 1px 38px rgba(0,0,0,0.1);height: 156px;justify-content: center;border-radius: 0px;background: #fff; padding:1% 5%;}
.jec_c li span{font-size: 47px;color: #00a0e9;position: relative;}
.jec_c li span:after{position: absolute;content: "";width: 28px;height: 28px;border-radius: 100%;background: rgba(0,0,0,0.1);top: -6px;right: 1px;}
.jec_c>li>div{margin-left: 22px;}
.jec_c>li>div>b{font-size: 25px;display: block;color: #222;font-weight: normal;}
.jec_c>li>div>p{font-size: 14px;line-height: 22px;font-weight: lighter;margin-top: 5px;color: #999;}
.jec_bc{position: relative;margin-top: 0px;}

/*products*/
.pro_tit {
    display: flex;
    align-items: center;
}

.pro_tit>span {
    color: #00a0e9;
    font-size: 56px;
    margin-right: 20px;
}
.pro_tit b {
    display: block;
    font-size: 42px;
}

.pro_tit i {
    font-size: 16px;
    color: #999;
    margin-top: 4px;text-transform: uppercase;
}


.pro_tab ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.pro_tab ul li{width:220px;text-align: center;background: #fff;height: 45px;line-height: 45px;position: relative; margin-top: 0.2%;border: 1px solid #333;}
.pro_tab li+li {margin-left: 11px;}
.pro_tab ul li.on{background:#00a0e9;border:none;}
.pro_tab ul li.on a{color:#fff;}
.pro_tab ul li:nth-child(8){    display: none;}
.pro_tab ul li a{font-size: 16px; color: #333; display: flex; align-items: center; justify-content: center; height: 100%;}
.pro_tab ul li:hover{background: linear-gradient(120deg,#00a0e9 10%,#00a0e9 80%);color: #fff;}
.pro_tab ul li:hover a{color: #fff;}
.pro_tab ul li dl{position: absolute; top: 45px; left: 0; width: 100%; height: 45px; z-index: 2;}
.pro_tab ul li dl a{display: block; background: #666; height: 50px; line-height: 45px; color: #fff; transition: all .3s;font-size: 15px;}
.pro_tab ul li:hover dl{transform: rotateX(0deg);}
.pro_tab ul li dl{transition: all .5s; transform: rotateX(
90deg
); transform-origin: top;}
.pro_tab ul li dl a:hover{background: #00a0e9;}

.pro_tab {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 50px 0 45px;
}


a.pro_btn {
    font-size: 16px;
    color: #707070;
    width: 102px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: #fff;
}

.pro_bc {
    padding: 70px 0;position:relative;
}
.pro_bc:after {
    position: absolute;
    content: "";
    width: 50%;
    height: 100%;
    top: 0;
    right: 0;
    background: url(https://memberpic.114my.com.cn/yousheng/uploadfile/image/20211018/20211018144203_1320990192.jp) no-repeat right;
    z-index: -1;
}
.pro_ic ul {
    display: flex;
}

.pro_ic ul li {
    flex-shrink: 0;
    width: 32%;
    margin: 30px 0.5% 110px;
    padding: 30px 30px 35px;
    box-shadow: 1px 1px 30px rgba(0,0,0,0.09);background:#fff;transition:all .5s;
}
.pro_ic ul li:hover {transform: translateY(-10px);}
.pro_ic li img {width: 100%;height: auto;}
.pro_c {overflow: hidden;}
.pro_ic>div { flex-shrink: 0; width: 100%;}
.pro_ic {display: flex; position: relative; transition:all .5s;}
.pro_ic li br {display: none;}
.pro_ic li>a { display: block;}
.pro_ic li span a { display: block; font-size: 18px; margin-top: 30px; position: relative;}
.pro_ic li span a:after { position: absolute;content: "\e615";font-family: "iconfont"; font-size: 14px; right: 0;top: 1px;
}
.pro_bb {
    position: relative;
}
.pro_num {
    display: none;
}

.pro_num.on {
    display: block;
}
.pro_num>span{font-size: 24px;color: #fff;display: block;z-index: 999;cursor: pointer;background: #00a0e9;width: 57px;height: 57px;text-align: center;line-height: 57px;}
.pro_num>.pro_prev{position: absolute;bottom: 0;left: 51%;transform: rotate(180deg);margin-left: -75px;}
.pro_num>.pro_next{position: absolute;bottom: 0;right: 51%;margin-right: -75px;background:#eee;color:#00a0e9;}


/*mol*/
.mola {padding: 0px 0 70px 0;overflow: hidden;}
.mol_boxa {max-width: 1500px;margin: 0 auto;}
.mol_tit {display: flex;justify-content: center;align-items: center;flex-direction:  column;}
.mol_tit i {width: 20px;height: 3px;background: #d20000;}
.mol_tit p {font-size: 36px;display: flex;flex-direction: column;align-items:  center;line-height:  36px;padding-top: 16px;}
.mol_tit p span {font-size: 14px;color: #666;line-height: 14px;padding-top: 16px;}

.mol_con {position: relative;    margin-top: 30px;}
.mol_l {}
.mol_l .new_web_div2021 {display: flex; justify-content: space-between;}
.mol_l ul {display: flex;flex-wrap: wrap;justify-content: space-between;width: 30%;transition: 0.5s;}
.mol_l li.on {padding:1px;border:2px solid #00a0e9;}
.mol_l li {width: 49%; display: flex;flex-direction: column;transition: 0.5s;}
.mol_l li:nth-child(n+3) {margin-top:12px;}
.mol_l li a {width: 100%;}
.mol_l li a img {width: 100%;height: auto;}
.mol_l li p {display: none;}
.mol_l li p a {}
.mol_r {position: absolute;top: 0;left: 31%;overflow: hidden;width: 38%;}
.mol_r.new_web_div2021 {display: flex; justify-content: space-between;}
.mol_r ul {display: flex;width: 100%;transition: 0.5s;}
.mol_r li {width: 100%;display: flex;flex-direction: column;flex-shrink: 0;transition: 0.5s;}
.mol_r li:nth-child(n+3) {/* margin-top:12px; */}
.mol_r li a {width: 100%;}
.mol_r li a img {width: 100%;height: auto;}
.mol_r li p {background: #333;padding: 5.33%;width: 100%;text-align: center;}
.mol_r li:hover p{background: #00a0e9;}
.mol_r li p a {font-size: 24px;line-height: 32px;color:#fff;}

/*sup*/
.sup_bc{width: 100%; padding:70px 0 50px 0;position: relative;z-index: 2;overflow: hidden;background: #f0f0f1;}
.sup_c{padding-top:0px;position: relative;}
.sup_tit{text-align:center;}
.sup_tit p{font-size:38px;font-weight:bold;}
.sup_tit div{font-size:18px;margin-top:8px;}
.sup_simg{position: relative;margin-top: 0px;}
.sup_item{display: flex !important;justify-content: space-between;}
.sup_lc{width: 51.6%;padding-top: 6%;padding-right:5%;}
.sup_lc>p>b{color: #00a0e9; font-weight:bold;display: block;font-size:40px;}
.sup_lc>p{font-size:28px;font-weight: normal;color: #666;line-height: 52px;position: relative;margin-bottom:12%;}
.sup_lc p:after{position: absolute;content: "";width: 61px;height: 5px;background: #00a0e9;bottom: -22px;left: 0;}
.sup_lc div{font-size: 16px;color: #666;line-height: 30px;}
.sup_lc div+div{margin-top:8px;}
.sup_tel{display: block;margin-top:16%;padding-left:8px;position: relative; border-top: 1px #eee solid;padding-top: 5%;}
.sup_tel:before{width:42px;height:42px;border-radius:100%;border:2px solid #00a0e9;font-family: 'jxi';font-size:18px;color:#00a0e9;text-align:center;line-height:42px;position:absolute;top:4px;left:0;}
.sup_tel b{font-size:16px;font-weight:normal;}
.sup_tel i{font-size:36px;font-weight:normal; float: left;width:56px; line-height:66px; border: 1px #eee solid; border-radius: 50%; text-align: center;}
.sup_tel span{float: left; padding-left:1%;}
.sup_tel b{font-size:15px;font-weight:normal;}
.sup_tel em{font-size:29px;font-weight:bold;margin-top:0px;color: #00a0e9; display: block;font-family:'din'}
.sup_rc p {border-radius:0px;overflow:hidden;border-top-left-radius: 60px; border-bottom-right-radius: 60px;}
.sup_rc p img{width: 100%;}
.sup_lc a:hover {width: 170px;background: #00a0e9;color: #fff;border: 2px solid #00a0e9;}
.sup_lc a:hover span {color: #fff;}
.sup_num{width:57.4%;display: flex;justify-content: space-between;padding:0 25px;margin-top:30px;margin-left: 50px;position:absolute;top:calc(50% - 41px);right:0;z-index: 9;}
.sup_num button{width:46px;height:82px;font-size:28px;border:none;background:rgba(0,0,0,0.3);color:#fff;}
.sup_num p{display: flex;align-items: center;margin:0 50px;font-size:24px;color:#fff;position:absolute;bottom:-180px;right:30px;}
.sup_num p i{font-size:42px;font-weight:bold;color:#00a0e9;margin-right:5px;}
.sup_num p em{margin-left:5px;color:#fff;}
.sup_btn_le{}
.sup_btn_ri{}
.sup_dots{position:absolute;bottom:30px;right:23%;}
.sup_dots ul{display: flex;}
.sup_dots ul li{width:10px;height:10px;border-radius:100%;background:#fff;}
.sup_dots ul li+li{margin-left:10px;}
.sup_dots ul li.slick-active{background:#00a0e9;}
.sup_dots ul li button{display:none;}
.img img{width:100%}




/*mol*/
.mol {width: 100%;background: url(https://memberpic.114my.com.cn/zgzfwj/uploadfile/image/20221219/20221219105145_817221184.jpg) center;padding: 70px 0;position: relative;}
.mol_box {max-width:  1400px; margin: 0 auto;}
.proc_c{position: relative;z-index: 999;width:1400px;margin: 0 auto;}
.proc_c ul{margin-top: 60px;display: flex;justify-content: space-between;}
.proc_c ul li{width: 16%;height: 327px;display: flex;flex-direction: column; align-items: center;transition: all .5s;border:1px solid #fdfdfd; background:#fff; padding-top:5%; box-sizing:border-box;}
.proc_c ul li i{display: block;width: 90px;height: 90px;border-radius: 100%;border:1px solid #d2d2d2;display: flex;justify-content: center;align-items: center;position: relative;transition: all .5s; font-size:36px; font-weight:normal;}
.proc_c ul li i b{width: 24px;height: 24px;display: block;padding: 5px;background:#fff;position: absolute;top: -11px;right: 25px;display: flex;justify-content: center;align-items: center;}
.proc_c ul li i b span{display: block;width: 13px;height: 13px;border-radius: 100%;border:2px solid #00a0e9;}
.proc_c ul li i>span{font-size: 38px;color: #8a8a8a;}
.proc_c ul li p{font-size: 18px;color: #333;margin:27px 0 13px;transition: all .5s;}
.proc_c ul li div{font-size: 15px;color: #666;line-height: 24px;text-align: center;width: 70%;}
.proc_btn{width: 600px;height: 59px;display: flex;justify-content: center;align-items: center;margin:0 auto; border-radius: 30px;margin-top: 60px; background: #00a0e9;}
.proc_btn i{font-size: 24px;color: #fff;}
.proc_btn span{font-size: 36px;color: #fff; font-family: din;}
.proc_c ul li:hover i{transform: rotate(360deg);     background: #fff;}
.proc_c ul li:hover i>span{color: #00a0e9;}
.proc_c ul li:hover p{color: #fff; transform: rotateX(360deg);}
.proc_c ul li:hover{ transform: translateY(-10px);     background: #00a0e9;     border-radius: 20px;}
.iconfont2 img{width: 40px;}
.proc_c ul li:hover i b {display: none;}
.proc_c ul li:hover div { color: #fff;}

/*news*/
.news_bg {
    padding: 60px 0 30px 0;
    overflow: hidden;
    background: #f8f8f8;
}
.news {
    max-width: 1400px;
    margin: 0 auto;
}
.news_fl {
    width: 12%;
    padding-top: 20px;
    float: left;
}
.news_fl_title span {
    font-size: 40px;
    color: #ccc;
    line-height: 50px;
    text-transform: uppercase;
    font-family: Arial;
    font-weight: 1000;
}
.news_fl_title p {
    font-size: 40px;
    color: #222;
}
.news_fl_a a {
    display: block;
    width: 150px;
    height: 44px;
    line-height: 40px;
    margin-bottom: 30px;
    border: 2px #eee solid;
    border-radius: 25px;
    font-size: 16px;
    color: #666;
    text-align: center;
    transition: all 0.3s ease-in-out;
}
.news_fl_a a:first-child {
    margin-top: 95px;
}
.news_fl_a a.on {
    background: #00a0e9;
    border: 2px  #00a0e9 solid;
    color: #fff;
}
.news_fr {
    width: 82% !important;
}
.news_fr .news_div_item {
    position: relative;
}
/*第一条新闻*/
.news_ul_fl {
    width: 52%;
    float: left;
}
.news_ul_fl .news_div_item {
    float: left;
    width: 100%;
}
.news_ul_fl .news_div_item .news_div_item_pic {
    position: absolute;
    top: 0;
    width: 100%;
    height: 400px;
    overflow: hidden;
}
.news_ul_fl .news_div_item .news_div_item_image {
    width: 100%;
    position: absolute;
    bottom: 0px;
}
.news_ul_fl .news_div_item .news_div_item_date {
    position: absolute;
    top: 470px;
    left: 15px;
}
.news_ul_fl .news_div_item .news_div_item_year, .news_ul_fl .news_div_item .news_div_item_month, .news_ul_fl .news_div_item .news_div_item_day {
    float: left;
}
.news_ul_fl .news_div_item .news_div_item_content {
    height: 245px;
    margin: 30px 35px 0 15px;
    position: absolute;
    top: 400px;
}
.news_ul_fl .news_div_item .news_div_item_a {
    font-size: 22px;
    color: #333;
    position: relative;
}
.news_ul_fl .news_div_item .news_div_item_a:after {
    display: block;
    content: "更多详情";
    width: 175px;
    height: 42px;
    line-height: 42px;
    background: #eee;
    font-size: 15px;
    color: #666;
    text-align: center;
    position: absolute;
    top: 220px;
    transition: all 0.3s ease-in-out;
}
.news_div_item_content:hover .news_div_item_a:after {
    background:  #00a0e9;
    color: #fff;
}
.news_ul_fl .news_div_item .news_div_item_body {
    margin-top: 45px;
    font-size: 15px;
    color: #666;
    line-height: 30px;
}
/*第二到第四条新闻*/
.news .swiper-container {
width:;
    margin-right: -30px;
}
.news .swiper-slide {
    padding: 30px 0;
    box-sizing: border-box;
}
.news_ul_fr {
    width: 49%;
    padding: 0 45px;
    box-sizing: border-box;
    float: right;
}
.news_ul_fr .news_div_item:first-child, .news_ul_fr .news_div_item .news_div_item_image {
    display: none;
}
.news_ul_fr .news_div_item_body {
    position: absolute;
    top: 105px;
    line-height: 30px;
    font-size: 15px;
    opacity: 0;
    width: 90%;
}
.news_ul_fr .news_div_item {
    height: 120px;
    margin-bottom: 25px;
    padding: 0 33px;
    box-shadow: 0 0 30px rgba(0,0,0,.08);
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    box-sizing: border-box;
}
.news_ul_fr .news_div_item_date {
    position: absolute;
    top: 70px;
    left: 33px;
}
.news_ul_fr .news_div_item_year, .news_ul_fr .news_div_item_month, .news_ul_fr .news_div_item_day {
    float: left;
}
.news_ul_fr .news_div_item_a {
    font-size: 18px;
    color: #333;
    position: absolute;
    top: 38px;
    display: block;
    height: 230px;
    width: 100%;
    position: relative;
    z-index: 9;
}
.news_ul_fr .news_div_item.on {
    height: 270px;
}
.news_ul_fr .news_div_item.on .news_div_item_body {
    opacity: 1;
}
.news_ul_fr .news_div_item_body:after {
    content: '查看更多';
    width: 175px;
    height: 40px;
    display: block;
    background: #f5f5f5;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    color: #666;
    margin-top: 30px;
    transition: all 0.3s ease-in-out;
}
.news_div_item_content:hover .news_div_item_body:after {
    background:  #00a0e9;
    color: #fff;
}
.head_bgx {
    width: 100%;
    height: 10px;
    cursor: pointer;
    background: #4b4b4b;
}
.head_bgx span {
    display: block;
    width: 100%;
    height: 10px;
    background-color:  #00a0e9;
    animation: span_i1 2.5s infinite;
    float: right;
}
@keyframes span_i1 {
 0% {
width:0%;
background-color: #00a0e9
}
 25% {
width:100%;
background-color: #00a0e9
}
 100% {
width:0%;
background-color: #00a0e9
}
}
/*link*/
.links {
    overflow: hidden;
    border-top: 1px #ddd solid;
    margin: 0 auto;
    background: #f8f8f8;
    padding: 25px 0;
}
.linksW {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1400px;
}
.links_l {
    width: 100px;
}
.links_lm {
    font-size: 18px;
    line-height: 30px;
    font-weight: lighter;
}
.links_lm p {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
}
.links_lm p span {
    color: #00a0e9;
}
.links_lm em {
    font-size: 14px;
    color: #999;
    letter-spacing: 5px;
    line-height: 16px;
}
.links_r {
    width: 93%;
    color: #fff;
    padding-left: 30px;
}
.links_r a {
    font-size: 15px;
    color: #666 !important;
}
.linkTagcs li a {
    font-weight: lighter;
}
/*copy*/
.copy {
    width: 100%;
    background: #222;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    z-index: 5;
}
.copy:after {
    content: '';
    width: 38%;
    height: 92%;
    background: #00a0e9;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.copy_box {
    max-width: 1400px;
    margin: 0 auto;
}
.copy_tab {
    padding: 120px 0;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(238,238,238,0.1);
    align-items: center;
}
.copy_tabr {
    border-top: none;
    padding: 80px 0;
    overflow: hidden;
}
.copy_logo {
    display: flex;
    flex-direction: column;
    width: 39%;
}
.copy_logo ul {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.copy_logo li {
    display: flex;
    align-items: center;
    margin: 0 0 24px 0;
    width: 100%;
}
.copy_logo li i {
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
}
.copy_logo li>p {
    font-size: 14px;
    display: flex;
    align-items: center;
    color: #fff;
    padding: 0 0 0 17px;
    font-weight: lighter;
}
.copy_logo>ul>li>p>span {
    font-size: 18px;
}
.copy_logo>p {
    display: flex;
    align-items: center;
    width: 32%;
    justify-content: space-between;
    margin: 4% 0 0;
}
.copy_logo>p>i {
    width: 130px;
    height: 130px;
    border: 1px solid rgba(255,255,255,0.3);
    padding: 10px;
}
.copy_logo>p>i img {width:100%;}
.copy_logo>p>span {
    font-size: 14px;
    writing-mode: tb-rl;
    color: #ffffff;
    font-weight: lighter;
    letter-spacing: 3px;
}
.copy_logo li>p>b {
    font-weight: lighter;
    width: 60%;
    line-height: 25px;
}
.copy_con {
    width: 64%;padding: 0 0 80px;
}
.copy_con ul {
    display: flex;
}
.copy_con li:last-child {
    padding: 0;
}
.copy_con li {
    text-align: left;
    padding: 0 60px;
    position: relative;
    transition: 0.5s;
}
.copy_con li p {
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
    font-weight: lighter;
    display: flex;
    flex-direction: column;
}
.copy_con li p span {
    width: 25px;
    height: 2px;
    background: #fff;
    margin: 16px 0 0;
}
.copy_con li a {
    font-size: 14px;
    color: rgba(255,255,255,0.8);
    display: inherit;
    line-height: 30px;
    transition: all 0.3s linear;
    font-weight: 100;
}
.copy_con li a:hover {
    color: rgba(255,255,255,0.3);
    transition: all 0.3s linear;
}
.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 rgba(255,255,255,0.2);
    font-weight: 100;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 62%;
}
.copyright .con {
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    text-align: left;
}
.copyright a {
    color: #fff;
    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: #fff;
}
.copy_int a {
    font-size: 15px;
    color: #666;
}
.wrapper {display: flex;
    justify-content: center;    width: 70%;}