* {
    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_yxdsxjuz8ye.woff2?t=1671075536260') format('woff2'),
       url('//at.alicdn.com/t/c/font_3755244_yxdsxjuz8ye.woff?t=1671075536260') format('woff'),
       url('//at.alicdn.com/t/c/font_3755244_yxdsxjuz8ye.ttf?t=1671075536260') 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("../cssnew/jcyt.otf.txt") format("woff2"),
       url("../cssnew/jcyt.woff.txt") format("woff"),
       url("../cssnew/jcyt.otf.txt") format("truetype"),
       url("../cssnew/jcyt.ttf.txt") format("embedded-opentype"),
       url("../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:#2984bd;}
.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:#2984bd;}
.wencc {padding-top:15px; font-size: 36px; line-height: 36px; color: #191c22; font-weight: bold;}
/*head*/
.head {
    padding: 18px 0;
    position: absolute;
    z-index: 55;
    width: 100%;
}
.head.on {position: fixed;background: #fff;    box-shadow: 0 0 20px #ddd;}
.head.on .head_logo p b,.head.on .head_logo p, .head.on .head_nav>ul>li>a {color:#333;}
.head.on  .head_nav>ul>li>a:after {display:none;}
.head.on  .search {background: #333;}
.head.on  .search_pro {color:#fff;} 
.head.on .head_f p {color:#ddd;}
.head_logo i:before {
    content: '';
    width: 1px;
    height: 88%;
    background: #2984bd;
    position: absolute;
    top: -13px;
    left: 71px;
}
.head_logo i:after {
    content: '';
    width: 5px;
    height: 5px;
    background: #2984bd;
    border-radius: 50%;
    position: absolute;
   left: 69px;
    top: 50px;
}
.head_box {
    max-width: 96%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    min-width: 1480px;
    background: #fff;
    padding: 1% 2%;
}
.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-left:0%;
}
.head_logo i {
}
.head_logo p {
    font-size: 15px;
    line-height: 18px;
    padding-left: 30px;
    display: flex;
    flex-direction: column;
    color: #333;
    text-align: center;
    font-weight: lighter;
}
.head_logo p b {
    font-size: calc(0.8rem + 0.8vw);
    font-weight: 100;
    line-height: 27px;
    letter-spacing: 0;
    color: #333;
    padding: 0 0 5px 0;
}
.head_con {
    display: flex;
    align-items: center;
    width: 70%;
    padding-right: 3%;
}
.head_nav {
    width: 100%;
    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: 18px;
    color: #333;
    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: #333;
    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: #2984bd;
    text-align: center;
    color: #fff;
    font-size: 14px;
    display: block;
    float: right;
    line-height: 30px;
    border-radius: 60px;
}
.fl_box {
    width: 100%;
    overflow: hidden;
}
.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: 17px;
    color: #666;
    position: relative;
    padding-left: 20px;
    text-align: left;
    line-height: 20px;
    display: block;
    border: 1px #eee solid;
    text-align: center !important;
    padding: 16px;
}
.fl_box li a:hover {
    color: #2984bd;
}
.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: #2984bd;
}
.fl_box li:nth-child(6) {
    margin-left: ;
}
.fl_box li dt {
    margin-top: 5px;
    padding-left: 20px;
}
.fl_box li dt a {
    font-size: 15px;
    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 #2984bd 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: #2984bd;
    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 {
    display: none;
}
.head_r {
    width: 18%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.head_pho ul {
    background: #628a73;
    position: absolute;
    top: 39px;
    left: 0;
    width: 100%;
    display: none;
    padding: 13px;

}
.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: 14px;
    width: 60px;
    padding: 0 0 0 15px;
    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: 140px;
    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_f {
    overflow: hidden;
    cursor: pointer;
}
.head_pho {
    width: 20%;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;

}
.head_pho>p:after {content:'\e604';font-family: 'iconfont';
    position: absolute;
    top: 0;
    right: -22px;
    font-size: 20px;
    color: #333;}
.head_pho i {
    font-size: 25px;
    color: #333;
}
.head_pho p {
    font-size: 22px;
    color: #333;
    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;}
.head_f ul {
    display: flex;
    flex-direction: column;
    height: 20px;
    justify-content: space-between;
}
.head_f li {
    width: 36px;
    height: 2px;
    background: #c5d3cb;
    transition: 0.5s;
}
.head_f:hover li:first-child {
    width: 20px;
    margin: 0 auto;
}
.head_f:hover li:nth-child(2) {
    width: 20px;
}
.head_f:hover li:last-child {
    width: 20px;
    margin: 0 auto;
}
.head_f p {
    font-size: 12px;
    color: #999;
    text-align: center;
    font-weight: lighter;
    line-height: 24px;
}
/*banner*/
.banner_title {font-size:52px;color:#fff;font-weight: bold;letter-spacing: 2px;line-height: 64px;}
.banner_en {color:#fff;text-transform:uppercase;margin-top: 15px;font-size: 21px;color: #fff;font-weight: bold;width: 130px;height: 2px;background: #fefeff;margin-left: 0px;box-shadow: 5px 5px 5px #060606;}
.banner_text {font-size: 22px;color:#fff;padding-top: 15px;font-weight: 200;}
.banner_textr {font-size: 16px;color:#fff; font-weight: 100; width: 160px;line-height: 30px; border: 1px #e7b123 solid; text-align: center; margin-top: 35px; border-radius: 50px; background: #e7b123;}
.width-auto {
    width: 100%;
    padding: 0px 230px;
    position: relative;
}
.swiper-animation {}
.swiper-animation1 { text-shadow: 3px 3px 3px #666;}
.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;
}

.center1 {position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 999;}
.center3 {position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 999;left:49%;}
.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: 15%;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: #e7b123;}
.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;}

.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:5%;}
.jec_c li span{font-size: 47px;color: #2984bd;position: relative;}
.jec_c li span:after{position: absolute;content: "";width: 28px;height: 28px;border-radius: 100%;background: rgba(241,187,27,0.3);top: -6px;right: 1px;}
.jec_c>li>div{margin-left: 22px;}
.jec_c>li>div>b{font-size: 25px;display: block;color: #222;}
.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;}

/*prod*/
.prgy{max-width: 100%; margin:0 auto; overflow: hidden; padding:3%; background:url(//memberpic.114my.cn/zgzfwj/uploadfile/image/20221219/20221219102047_1900930460.png) center top no-repeat;margin-top: -146px;padding-top: 165px; height:1450px;}
.prod_box{margin:0 auto;max-width: 1500px; overflow: hidden;}
.pro-left{ width: 100%; }
.pro-tlt{ height:171px; background: linear-gradient(120deg,#e7b123 10%,#fbc332 80%); color: #fff; text-align: center; font-family:Impact; font-size: 22px;line-height: 38px;    border-top-left-radius: 0px; border-top-right-radius: 0px;}
.pro-tlt em{ display:block; padding-top: 46px; font-size: 32px; color: #fff; font-family:microsoft yahei; font-style: normal;}
.pro-tlt strong{width: 50px; background: #fff; display: block; height: 1px; overflow: hidden; margin: 5px auto auto;}

.prod_dd{width: 100%; padding:20px 0; background: #fdf2d6;}
.prod_li{width:100%; height:40px; font-size:18px; text-align:center; line-height:61px; background: #eee; font-weight: bold; letter-spacing: 2px;}
.prod_ld{width:88%; line-height: 40px; background:#fff; margin:0 auto;}
.prod_ld>table{width:100% !important; margin:0 auto;}
.prod_ld a{color:#333; font-size:16px; }
.prod_ld table td a{display:block; border-bottom:1px #eee solid; background: linear-gradient(120deg,#fff 10%,#f8f8f8 80%);
    color: #333;}
.prod_ld table td a:before {width: 10px;height: 10px;border-radius: 100%;border: 1px solid rgba(0,0,0,0.2);top: 24px; left: 40px;}
.prod_ld table table td a{display:block; background:url(//memberpic.114my.cn/zgzfwj/uploadfile/image/20221226/20221226133327_715631599.jpg)no-repeat 94% center; line-height:50px; color: #333; }
.prod_ld a:hover{color:#fff !important;}

.prod_ld table tr td a { font-size: 17px !important; font-weight: normal !important; line-height: 80px; padding: 0 35px;background:url(//memberpic.114my.cn/zgzfwj/uploadfile/image/20221226/20221226133327_715631599.jpg) right no-repeat;background-position:right 11% bottom 55%;}
.prod_ld table tr td a:hover{background: linear-gradient(120deg,#2984bd 10%,#35a1e4 80%); color: #fff;}

.pro-nr .pro-left {
    width: 21% !important;
    float: left;
}

.pro-nr .pro-right {width: 79% !important;float: right;background: #fff; padding:2%;position: relative;}


.pro-nr .pro-right li {
    width: 32%;
    margin: 0 0.6%;
    float: left;
    margin-bottom:1.2%;
    overflow: hidden;
background: #fff;
border-radius: 20px;
border: 1px #eee solid;
}

.pro-nr .pro-right li>a {
    display: block;
    overflow: hidden;
}

.pro-nr .pro-right li>a img {
    width: 100%;
    height: auto;
    transition: all 0.3s;
}

.pro-nr .pro-right li span {
    display: block;
}

.pro-nr .pro-right li span a {
    display: block;
    text-align: center;
    line-height: 36px;
    background: #f5f5f5;
    transition: all 0.3s;
    font-size: 15px;
}

.pro-nr .pro-right li br {
    display: none;
}

.pro-nr .pro-right li:hover span a {
    background: linear-gradient(120deg,#2d76cb 10%,#13b1fa 80%);
    color: #fff;
}

.pro-nr .pro-right li:hover>a img {
    transform: scale(1.1);
}
.pro-nr {margin-top: 40px;}

/*td*/
.pro_td{box-sizing:border-box;position:relative; padding-top:6%;height: 900px;background: url(//memberpic.114my.cn/zgzfwj/uploadfile/image/20221219/20221219105145_817221184.jpg); margin-top: -67px; z-index: -1; padding-bottom: 70px;}
.pro_td ul{padding-top: 50px;}
.pro_td ul li{ transition: all ease-in-out 500ms;width:calc(95.7%/5); float:left;background:#fff; overflow:hidden; position:relative;padding: 3%;transition:all 0.3s; box-shadow: 2px 24px 27px 0px rgba(0,0,0,0.05); border-radius: 160px;}
.pro_td ul li i{transition: all ease-in-out 500ms; position:absolute; height:4px; width:100%; display:block; background:#e7b123; bottom:0; left:0; transform:scale(0);}
.pro_td ul li:hover i{ transform:scale(1);}
.pro_td ul li .img{transition: all ease-in-out 500ms; height:150px;transition: all ease-in-out 500ms;overflow:hidden;transition:all 0.3s; width: 150px; border-radius: 50%; margin:0 auto; margin-top: 7%;}
.pro_td ul li:hover .img img{transform:scale(1.1);transition: all ease-in-out 500ms;overflow:hidden; transition:all 0.3s;}
.pro_td ul li .txt { padding:26px 36px;text-align:center;}
.pro_td ul li .txt h5 a{ font-size:26px; color:#38383b; text-align:center; margin-bottom:9px; line-height: 28px;}
.pro_td ul li .txt h5 a:hover{ color:#555;}
.pro_td ul li .txt span{ font-size:15px; color:#999; display:block; text-align:center; padding-bottom:22px; border-bottom:1px solid #e5e6eb; margin-bottom:20px;line-height:20px;}
.pro_td ul li .txt p{ text-align:center; font-size:17px; color:#828282; text-transform:uppercase; line-height: 30px;}
.pro_td ul li .s_btn{ width:90%; height:29px; line-height:29px; color:#fff; background:#e7b123; display:block; margin:0 auto; text-align:center; margin-top:16px; border-radius:0 10px 0 10px;}
.pro_td ul li:hover{box-shadow: 2px 24px 37px 0px rgba(0,0,0,0.15);transition:all 0.3s;}
.pro_td ul li+li {margin-left: 15px;}

.fgt{width:50%;background: linear-gradient(120deg,#e7b123 10%,#fbc332 80%);height:185px;position:relative;margin-top:-70px;font-size:44px;color:#fff;padding:60px 0px;line-height:44px;text-transform:uppercase;text-align: right;padding-right:6%; font-weight:bold;}
.fgt span{font-size:17px;color:rgba(255, 255, 255, 0.5); display:block; font-weight:normal;}

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

/*sup*/
.sup_bc{width: 100%; padding:70px 0 50px 0;position: relative;z-index: 2;overflow: hidden;}
.sup_c{padding-top:0px;position: relative;}
.sup_tit{text-align:center;}
.sup_tit p{font-size:44px;font-weight:bold;}
.sup_tit div{font-size:20px;margin-top:8px;}
.sup_simg{position: relative;margin-top: 0px;}
.sup_item{display: flex !important;justify-content: space-between;}
.sup_lc{width: 33.6%;padding-top: 6%;padding-right:5%;}
.sup_lc>p>b{    color: #2984bd; font-weight:bold;display: block;font-size:42px;}
.sup_lc>p{font-size:32px;font-weight: bold;color: #999;line-height: 52px;position: relative;margin-bottom:18%;}
.sup_lc p:after{position: absolute;content: "";width: 61px;height: 5px;background: #2984bd;bottom: -22px;left: 0;}
.sup_lc div{font-size: 16px;color: #666;line-height: 30px;}
.sup_lc div+div{margin-top:15px;}
.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 #2984bd;font-family: 'jxi';font-size:18px;color:#2984bd;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:56px; border: 1px #eee solid; border-radius: 50%; text-align: center;}
.sup_tel span{float: left; padding-left:1%;}
.sup_tel b{font-size:16px;font-weight:normal;}
.sup_tel em{font-size:28px;font-weight:bold;margin-top:0px;color: #2984bd; display: block;}
.sup_rc p {border-radius:150px;overflow:hidden;}
.sup_rc p img{width: 100%;}
.sup_lc a:hover {width: 170px;background: #2984bd;color: #fff;border: 2px solid #2984bd;}
.sup_lc a:hover span {color: #fff;}
.sup_num{width:67.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:#f1bb1b;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:30%;}
.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:#f1bb1b;}
.sup_dots ul li button{display:none;}
.img img{width:100%}

/*appli*/
.appli {
    overflow: hidden;
}
.appli_box {
}
.appli_con {
    position: relative;
    height: 37.1vw;
}
.appli_pic {
    display: flex;
    width: 50%;
    position: relative;
}
.appli_pic:hover i img {    transform: scale(1.2);}
.appli_pic i {overflow:hidden;    display: inline-block;}


.appli_pic i img {
    width: 100%;
    height: auto;
transition:0.5s;
}
.appli_pic p {
    position: absolute;
    font-size: 30px;
    color: #fff;
    top: 10%;
    left: 6%;
}
.appli_call {
}
.appli_call ul {
    display: flex;
    position: absolute;

    overflow: hidden;
}
.appli_call ul:nth-child(1) {
    right: 0;
    top: 0;
    width: 50%;
}
.appli_call ul:nth-child(2) {
    bottom: 0;
    left: 0;
    width: 50%;
}

.appli_call li {
    width: 50%;
    overflow: hidden;
    position: relative;
}
.appli_call li:hover img {transform: scale(1.2);}

.appli_call li>a {    overflow: hidden;}
.appli_call li>a img {width:100%;height:auto;    transition: 0.5s;}
.appli_call li p {
    position: absolute;
    top: 10%;
    left: 6%;
}
.appli_call li p>a {
    font-size: 20px;
    color: #fff;
}
.appli_txt {
    display: flex;
    flex-direction: column;
    background: #f4f4f4 url(//memberpic.114my.cn/zgzfwj/uploadfile/image/20220222/20220222174112_1814434303.png)no-repeat center;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 3% 4%;
    width: 50%;
height: 18.8vw;
}
.appli_txt p {
    font-size: 32px;
    display: flex;
    flex-direction: column;
    width: 93%;
overflow: hidden;
}
.appli_txt p span {
    font-size: 15px;
    line-height: 30px;
    padding: 20px 19% 20px 0;
}
.appli_txt a {
    font-size: 15px;
    color: #fff;
    font-weight: lighter;
    background: #2984bd;
    border-radius: 40px;
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2% 0 0;
height: 42px;
overflow: hidden;
}

.char1 {padding: 80px 0 0 0;overflow: hidden;position: relative;z-index: 6;background: url(//memberpic.114my.cn/zgzfwj/uploadfile/image/20221226/20221226191501_301708808.jpg) center no-repeat;height: 1100px;}
.power{margin-top:162px;width:100%;overflow:hidden;}
.power li{width: calc(100%/5); float: left; overflow: hidden;}
.power .ya{width: 264px; float: left; height: 357px;border-radius: 150px;background:#fdf2d6;position:relative;}
.power .yb{width: 264px; height: 334px; border-radius:150px;border:3px #f7c14f solid;background:#fff; margin-left:12px;position:absolute;z-index:999;padding-top:10px;}
.power .yb .img {
    transition: all ease-in-out 500ms;
    height: 120px;
    transition: all ease-in-out 500ms;
    overflow: hidden;
    transition: all 0.3s;
    width: 120px;
    border-radius: 50%;
    margin: 0 auto;
    margin-top: 7%;
}
.power .yb p{width: 148px; margin:0px auto; height: 60px;font-size:30px;text-align:center;font-weight: bold; border-bottom:1px #eee solid;color:#333;line-height:60px;}
.power .yb span{font-size: 17px; color: #999; text-align:center;display:block; margin:10px 0px;font-weight:100;}
.power .yb a{width: 118px; float:left; height: 30px;line-height:30px; background:#f7c14f;font-size:15px;color:#fff;text-align:center;margin:10px 0px 0px 66px;font-weight:100;border-radius: 60px;}
.power i{width:211px; margin:0 auto; height: 20px; background: url(//memberpic.114my.cn/zgzfwj/uploadfile/image/20210308/20210308141539_1962509111.jpg) center; overflow: hidden;display:block;}

/*char*/

.big {  overflow: hidden;padding: 70px 0 12%;}
.char {padding: 190px 0 70px 0;overflow: hidden;position: relative;z-index: 6;background: url(//memberpic.114my.cn/zgzfwj/uploadfile/image/20221226/20221226113506_2074766011.png) center no-repeat; height:1118px;}
.char_box {
    max-width: 1400px;
    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: #2984bd;
}
.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: #2984bd;
    position: relative;
    margin: 24px 0 0;
}
.char_tit i:before, .char_tit i:after {
    content: '';
    width: 5px;
    height: 5px;
    border: 1px solid #2984bd;
    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,#e7b123 10%,#fbc332 80%);
    position: absolute;
    top: 42px;
    left: 0;
}
.char_r li p span {
    font-size: 15px;
    color: #666;
    line-height: 26px;
    padding: 25px 0 0;
}

/*mol*/
.mol {width: 100%;background: url(//memberpic.114my.cn/zgzfwj/uploadfile/image/20221219/20221219105145_817221184.jpg) center;padding: 150px 0 5%;position: relative;margin-top: -341px;}
.pro_td:after {content:'';width: 25%;background: url(//memberpic.114my.cn/zgzfwj/uploadfile/image/20210305/20210305162244_588165355.png)no-repeat left bottom;position: absolute;bottom: -4%;right: 0;height: 58%;transform: translate(135px,80px);    background-size: contain; z-index: 999;}
.mol_box {max-width:  1400px; margin: 0 auto;}
.mol_tit {display: flex;justify-content: center;align-items: center;flex-direction: column;}
.mol_tit b {font-size: 42px;line-height: 42px;color: #fff;}
.mol_tit p {font-size: 18px;line-height: 20px;font-weight: lighter;padding-top: 2%;color: #fff;}
.mol_tit ul {display: flex;justify-content: space-between;width: 1%;margin-top: 2%;}
.mol_tit li {width: 3px;height: 10px;background: #ff0000;}
.mol_tit li:nth-child(2) {margin-top: 4px;}
.mol_con {margin-top: 7%;}
.mol_con ul {display: flex;flex-wrap: wrap;justify-content: space-between;width: 82%;margin:  0 auto;}
.mol_con li {background: url(//memberpic.114my.cn/dgsuxin/uploadfile/image/20211126/20211126135429_1999271564.png)no-repeat center;display:  flex;flex-direction:  column;align-items:  center;height: 230px;width: 20%;position:  relative;justify-content:  center;    transition: 0.5s;}
.mol_con i{font-size:20px; color: #999;line-height: 30px;}
.mol_con li:hover {    background-position-y: -10px;}
.mol_con li:hover i {}
.mol_con li:nth-child(n+6) {margin-top: 0;}
.mol_con li:nth-child(6) {margin-left: 10%;}
.mol_con li:nth-child(9) {margin-right: 10%;}
.mol_con li em{width: 60px;height: 60px;background: #42adf0;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size: 24px;font-family: din;position:  absolute;top: 0;left:  0;transform: translate(86px,-28px);color:  #fff;}
.mol_con li p {font-size: 17px;padding: 0 22%;text-align:  center;font-weight:  lighter;line-height: 22px;}
.mol_con li span{font-size: 24px; display: block; color: #2984bd; padding-top:6%;line-height: 34px;}
@media screen and (max-width:1630px) {
.mol:after {height: 47%; transform: translate(40px,80px);}
   
}

/*news*/
.news_bg {
    padding: 60px 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: #2984bd;
    border: 2px  #2984bd 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:  #2984bd;
    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:  #2984bd;
    color: #fff;
}
.head_bgx {
    width: 100%;
    height: 10px;
    cursor: pointer;
    background: #4b4b4b;
}
.head_bgx span {
    display: block;
    width: 100%;
    height: 10px;
    background-color:  #2984bd;
    animation: span_i1 2.5s infinite;
    float: right;
}
@keyframes span_i1 {
 0% {
width:0%;
background-color: #2984bd
}
 25% {
width:100%;
background-color: #2984bd
}
 100% {
width:0%;
background-color: #2984bd
}
}
/*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: #2984bd;
}
.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: #666;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    z-index: 5;
}
.copy:after {
    content: '';
    width: 38%;
    height: 92%;
    background: #fbc332;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.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);
    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%;}



@media screen and (max-width:1728px) {
        .head_l {    width: 74%;}
.head_r {    width: 20%;}
    }

@media screen and (max-width:1630px) {
        .head_l {    width: 76%;}
.head_r {    width: 20%;}
    }