*{padding: 0px;margin: 0px;}
*, ::after, ::before { box-sizing: border-box; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, button, input, textarea, th, td { margin: 0; padding: 0; list-style: none; }
html{ font-family:"思源黑体";background:#fff; font-size:16px;}
h3,h4,h5,h6,a,span,p{ font-family:'思源黑体';font-weight: normal;display: block;}
li {list-style: none;}
a {text-decoration: none; display: block;}
body,html {height: 100%;width: 100%;}
.imgbox {overflow: hidden;position: relative;}

:root {
  --dex: #80232f;
}

.clearfix {zoom:1}
.clearfix:after {content: '\20'; display: block; clear: both;}


 
/* h5 */
.drawer-nav { display: none; }
.drawer-hamburger{display: none;} 


.icenter {width: 1500px;margin: auto;}
/* head */
.div1 {position: fixed; top: 0px; width: 100%; z-index: 99;border-bottom: 1px solid rgba(255,255,255,0.3);}
.head { display: flex;justify-content: space-between;align-items: center; height: 100px;width: 90%;margin: auto;}
.div1 .left  a .logo1 {display: none;}
.div1 .left  a .logo2 {display: block;}
.div1 .left  a img{width: 200px;}
.div1 .head .right {width: 71%;display: flex;justify-content: space-between;align-items: center;}
.div1 .head .right ul{display: flex;justify-content: flex-end;width: 100%;}
.div1 .head .right ul li .a {position: relative;color: inherit;}
.div1 .head .right ul li { position:relative; font-size: 18px;color: #fff;margin: 0 35px;height: 100%;line-height: 100px;}
.div1 .head .right ul li .a::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; width: 0; height: 4px; background: var(--dex); transition: all 0.65s; }
.div1 .head .right ul li .a:hover::after{width: 100%;}
.div1 .head .right ul li .last-nav { display: none; position: absolute; top: 100%; left: calc(50%); transform: translateX(-50%); width: 180px; background: #fff; text-align: center; z-index: 99999; line-height: 30px; 
	transition: none; background-color: rgba(255,255,255,0.9); box-shadow: 0px 2px 2px rgb(34 34 34 / 30%); }
.div1 .head .right ul li .last-nav a:hover { color: var(--dex); background-color: #fff; }
.div1 .head .right ul li:hover .last-nav { display: block; animation: lastnav 0.55s; -webkit-animation: lastnav 0.55s; }
@keyframes lastnav { from { opacity: 0; } to { opacity: 1; } }
@-webkit-keyframes lastnav { from { opacity: 0; } to { opacity: 1; } }
.div1 .head .right ul li .last-nav a { font-size: 15px; color: #333; line-height: 50px; width: 100%; display: inline-block; position: relative; transition: none; }


.div1:hover,.div2  {background-color: #fff;    box-shadow: 0 6px 15px 0 rgb(0 0 0 / 20%);}
.div2 .head .right ul li .a ,.div1:hover .head .right ul li .a,.div3 .head .right ul li .a {color: #666;}
.div1:hover .left  a .logo1,.div2 .left  a .logo1 ,.div3:hover .left  a .logo1{display: block;}
.div1:hover .left  a .logo2,.div2 .left  a .logo2 ,.div3:hover .left  a .logo2{display: none;}
.div1:hover .head ul li .a,.div2 .head ul li .a,.div3:hover .head ul li .a {color: #666;}
.div1:hover .head .op .search,.div2 .head .op .search ,.div3:hover .head .op .search{color: #666;}
.div1:hover .head .op .lang,.div2 .head .op .lang,.div3:hover .head .op .lang {border: 1px solid rgba(0, 0, 0, 0.2);}
.div1:hover .head .op .lang img ,.div2 .head .op .lang img,.div6:hover .head .op .lang img{filter: invert();}
.div1:hover .head .op .lang a,.div2 .head .op .lang a,.div3:hover .head .op .lang a {color: #666;}
.div1:hover .head .op .lang a:nth-of-type(2)::before,.div1:hover .head .op .lang a:nth-of-type(2)::after,
.div2 .head .op .lang a:nth-of-type(2)::before,.div2 .head .op .lang a:nth-of-type(2)::after,
.div3:hover .head .op .lang a:nth-of-type(2)::before,.div3:hover .head .op .lang a:nth-of-type(2)::after{background-color: #dfdfdf;}
.div1 .head .op .search:hover {color: var(--dex)!important;}
.div1 .head .right ul li .a:hover {color: var(--dex)!important;}
.div1 .head .op .lang a:hover {color: var(--dex)!important;}

/* common */
.more {      color: #Fff; transition: all .5s;  z-index: 1;  overflow: hidden; position: relative; background-color: var(--dex); border: 1px solid var(--dex);font-size: 18px; width: 157px;height: 41px;display: flex;justify-content: center;align-items: center;border-radius: 30px;}
.more:hover { color: var(--dex); }
.more::after { content: ''; width: 0; height: 100%; background-color: #FFFFFF; position: absolute; top: 0; left: 0; transition: all .5s; z-index: -1; }
.more:hover::after { width: 100%; }


/* ibanner */
.ibanner { position: relative;}
.ibanner .swiper {height: 100%;overflow: hidden;}
.ibanner .imgbox ,.ibanner .box{height: 100vh;width: 100%;}
.ibanner .imgbox img {width: 100%;}
.ibanner .text { position: absolute;left:0;top: 40%;z-index: 2; width:100%; text-align:center;}
.ibanner .text dd {overflow: hidden;}
.ibanner .text h4,.ibanner .text h5 { opacity: 0; -webkit-transform: translateY(170%); transform: translateY(170%); -webkit-transition: -webkit-transform .9s ease-out .5s; transition: -webkit-transform .9s ease-out .5s; 
	transition: transform .9s ease-out .5s; transition: transform .9s ease-out .5s,-webkit-transform .9s ease-out .5s; will-change: transform; }
.ibanner .swiper-slide-active  .text h4 ,.ibanner .swiper-slide-active  .text h5 {-webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1;  }
.ibanner .text h4 { font-size: 40px; color: #fff; margin: 0px 0 25px;font-weight: bold; letter-spacing:5px;}
.ibanner .text h5 {font-size: 30px; color: #fff; letter-spacing:5px;}
.ibanner .swiper-pagination {bottom: 90px;left: 50%;transform: translate(-50%,-50%);}
.ibanner .swiper-pagination-bullet {transition: 0.5s; width: 7rem; height: 6px; border-radius: 0px; background-color: #fff; margin: 0 12px!important; opacity: 1;}
.ibanner .swiper-pagination-bullet-active {    opacity: 1; background:#80232f; width: 12.6rem; }

@keyframes mysacle { 0% { transform: scale(1.15); } }

.ibanner .fa-angle-right:before {  position: relative; left: 2px; height: 51px; line-height: 51px; }
.ibanner .fa-angle-left:before { position: relative; right: 2px; height: 51px; line-height: 51px; }
.ibanner .swiper-button-next {    right: 87px;}
.ibanner .swiper-button-prev {    left: 87px;}
.ibanner .fa:hover {background-color: var(--dex);color: #fff;border-color: var(--dex);}
.fa-dr {  top: 40%!important; display: flex!important;justify-content: center;align-items: center; background-image: none!important;margin: 0px!important;padding: 0px!important;width: 51px!important;height: 51px!important;border: 1px solid #fff;border-radius: 50%;}



.icenter3 {  width: 1400px; margin: auto; position: relative; z-index: 3;}

/* vi_box */
.vi_box { top: 0px; left: 0px; display: none; position: fixed;width: 100%;height: 100%;z-index: 999;background-color: rgba(0,0,0,0.8);}
.vi_box .box {height: 100%;width: 100%; display: flex;justify-content: center;align-items: center;}
.vi_box .box video{  width: 100%;height: auto;   position: relative;  object-fit: cover; display: block;}
.vi_box .box .video {position: relative;width:60%; height: auto;}
.vi_box .box .video img.close{    cursor: pointer;width: auto;position: absolute;right: -40px;top: -40px;transition: all .3s;pointer-events: painted;}
.vi_box .box .video .close:hover {transform: rotate(135deg);}



/* ind01 */
.ind01 {padding: 150px 0 115px; position: relative; overflow: hidden;} 
.ind01 .icenter3 {position: relative; }
.ind01 .content {display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;position: relative;}
.ind01 .bg { width: 1450px; position: absolute; left: 50%; top: 50%; z-index: -1; transform: translate(-50%,-50%);}
.ind01  .con_wen { position: absolute; right: -16px; top: 19px; color: #bdb9b9; padding-top: 5px; border-top: 1px solid #bdb9b9; transform: rotate(-270deg);}
.ind01 .top { display: flex; justify-content: flex-end; align-items: center; width: 42%; padding-right: 4%;}
.ind01 .top .le {position: relative;}
.ind01 .top .le h3 {font-size: 38px;font-weight: bold;color: #333333;line-height: 55px; margin-bottom: 24px;top: -15px;}
.ind01 .top .le h4 {color: #333;font-size: 24px;color: #333;line-height: 34px;margin-bottom: 20px;position: relative;margin-bottom: 20px;}
.ind01 .top .le h4::before {position: absolute; content: ""; width: 70px; height: 2px; background-color: var(--dex); top: -14px;}
.ind01 .top .le p {font-size: 16px;color: #666666;line-height: 30px;}
.ind01  .ri {width: 52%; position: relative;}
.ind01  .ri video{ width: 100%; height: 584px; position: relative; object-fit: cover;}
.ind01  .ri .bo { cursor: pointer; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);   z-index: 3;}
.ind01  .ri .bo img {width: 80px;}
.ind01 dl {display: flex;justify-content: space-between;justify-content: space-between;margin-top: 76px;}
.ind01 dl dd {width: fit-content}
.ind01 dl dd  .c {display: flex;margin-bottom: 10px;}
.ind01 dl dd:hover img {transform: rotateY(180deg);}
.ind01 dl dd img { height: 56px; width: auto; position: relative; top: -2px; margin-right: 10px;}
.ind01 dl dd h4 { margin-bottom: 10px;   font-size: 60px; font-weight: bold; color: #333333; display: flex;}
.ind01 dl dd strong {font-size: 60px;font-weight: bold;color: #333333;    line-height: 50px; letter-spacing: -1px;}
.ind01 dl dd span { font-size: 18px; color: #666666;}
.ind01 dl dd:hover h4,.ind01 dl dd:hover strong  {color: var(--dex);}
.ind01 .ri .mask { -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; z-index: 1; }
.ind01 .ri .mask:before { position: relative; content: ''; display: block; margin-top: 100%; }
.ind01 .ri .mask:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
.ind01 .ri:hover .mask{-webkit-animation:anim-out 1s;animation:anim-out 1s}
.ind01 .ri:hover .mask:after{-webkit-animation:anim-out-pseudo 1s;animation:anim-out-pseudo 1s}
@-webkit-keyframes anim-out{0%{width:0%}
100%{width:100%}
}
@keyframes anim-out{0%{width:0%}
100%{width:100%}
}
@-webkit-keyframes anim-out-pseudo{0%{background:rgba(255,255,255,.5)}
100%{background:0 0}
}
@keyframes anim-out-pseudo{0%{background:rgba(255,255,255,.5)}
100%{background:0 0}
}
.ind01 .circle { position: absolute; left: 54%; top: 51%; transform: translate(-50%,-50%) rotate(-90deg);}
.ind01 .circle .arc  {stroke-dashoffset: 138px; stroke-dasharray: 138px, 138px;}
.ind01 .circle.active .arc { animation: stroke1 4s linear forwards; stroke-dashoffset: 138px; stroke-dasharray: 138px, 138px;}
@keyframes  stroke1 {
    100%{
      stroke-dashoffset: -138px;
    }
}

/*ind02*/
.ind02 {width: 100%;position: relative;background: url(ind02bg.jpg); background-size: cover;  z-index: 1; background-attachment: fixed; padding: 90px 0 90px;}
.ind02 ul {width: 100%; display: flex;flex-wrap:wrap; justify-content: space-between; align-items: center;}
.ind02 ul li {width: 32%; margin-bottom: 30px;box-shadow: 0 0 10px 0 #aaa;}
.ind02 ul li .img{position: relative;width: 100%;overflow: hidden; margin-bottom: 10px;}
.ind02 ul li .img img{width: 100%;height: 100%;transition: all 0.36s;}
.ind02 ul li .img .tou{position: relative;top: 0;left: 0;}
.ind02 ul li .img .shi{position: absolute;top: 0;left: 0;}
.ind02 ul li .tit{position: relative;width: 100%; padding: 15px;}
.ind02 ul li .tit h1{font-size: 18px; line-height:35px;}
.ind02 ul li .tit p{font-size: 16px;height:60px; line-height:30px;}



/*ind03*/
.ind03 {padding: 80px 0;position: relative;overflow: hidden;background-color: #f5f5f5;}
.ind03 h3 {font-size: 44px;color: #333;font-weight: bold;text-align: center;margin-bottom: 60px; position: relative; z-index: 1;}
.ind03 dl{display: flex; flex-flow: wrap;}
.ind03 dl dd { overflow: hidden; position: relative; width: 31.5%; margin-right: 2%; margin-bottom: 2%; padding: 15px; border-radius: 10px; background-color: #fff; position: relative; top: 0px; transition: 0.3s;}
.ind03 dl dd:hover {top: -10px;}
.ind03 dl dd::after {content: "";position: absolute;bottom: 0px;left: 0px;width: 100%;background-color: var(--dex);height: 10px;}
.ind03 dl dd:nth-of-type(3n){margin-right: 0%;}
.ind03 dl dd .img{position: relative;width: 100%;overflow: hidden; padding-bottom: 15px; margin-bottom: 20px;}
.ind03 dl dd .img img{width: 100%;height: 100%;transition: all 0.36s;}
.ind03 dl dd .img .tou{position: relative;top: 0;left: 0;}
.ind03 dl dd .img .shi{position: absolute;top: 0;left: 0;}
.ind03 dl dd .tit h4 {font-size: 18px;color: #666666; padding-bottom: 15px;}

/*ind04*/
.ind04 { background: url(ind04_bg.jpg); background-size: cover;  z-index: 1; background-attachment: fixed; padding: 127px 0 167px;    position: relative;}
.ind04::after { content: ""; display: inline-block; width: 100%; height: 100%;/* background: linear-gradient(to bottom ,rgba(255,255,255,0.8) , rgba(255,255,255,0.1)); */position: absolute; left: 0; top: 0; }
.ind04 h3 {font-size: 44px;color: #fff;font-weight: bold;text-align: center;margin-bottom: 100px;    position: relative; z-index: 1;}
.ind04 dl {display: flex;justify-content: space-between;    position: relative; z-index: 1;}
.ind04 dl dd {top: 0px; transition: 0.5s; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 100px 50px 43px; position: relative; width: 31.5%; background-color: #fff; border-radius: 10px;}
.ind04 dl dd:hover {top:-15px;}
.ind04 dl dd .text {display: flex;flex-direction: column;justify-content: center;align-items: center; }
.ind04 dl dd::after {position: absolute;content: "";bottom: 0px;left: 0px;height: 8px;width: 0%;background-color: var(--dex);border-radius: 10px;transition: 0.5s;}
.ind04 dl dd:hover::after {width: 100%;}
.ind04 dl dd h5{font-size: 32px;color: #333333;font-weight: bold;margin-bottom: 12px;}
.ind04 dl dd:hover h5 {color: var(--dex);}
.ind04 dl dd p{font-size: 16px; color: #666666; line-height: 30px; margin-bottom: 40px; text-align: center;     height: 62px; }
.ind04 dl dd span{font-size: 30px;font-weight: bold;color: rgb(202, 199, 198); }
.ind04 dl dd .icon {left: 50%;transform: translateX(-50%);top: -18%; position: absolute;width: 135px;height: 135px;background-color: #fff;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.ind04 dl dd .icon img {width: 60px;}
.ind04 dl dd:hover .icon img {transform: rotateY(180deg);}

/*ind05*/
.ind05 {width: 100%;position: relative; margin:60px 0 90px;}  
.ind05 .i_tit h3 {font-size: 44px;color: #333;font-weight: bold;text-align: center;position: relative; z-index: 1;}
.ind05 dl {width: 100%;position: relative;display: flex; flex-flow: wrap; justify-content: space-between;align-items: center;margin-top: 60px;}
.ind05 dd { width: 31.5%; margin-right: 2%; position: relative; padding: 0;box-shadow: -2px 2px 20px #dcdcdc;}
.ind05 dd:nth-of-type(3n) {margin-right: 0;}
.ind05 dl dd .imgbox{position: relative;width: 100%;overflow: hidden;}
.ind05 dl dd .imgbox img{width: 100%;height: 100%;transition: all 0.36s;}
.ind05 dl dd:hover .imgbox img{transform: scale(1.1);}
.ind05 dl dd .imgbox .tou{position: relative;top: 0;left: 0;}
.ind05 dl dd .imgbox .shi{position: absolute;top: 0;left: 0;}
.ind05 dl dd .text {width: 100%; margin-top:10px; padding:15px;}
.ind05 dl dd .data {display: flex;align-items: center;margin-bottom: 12px;}
.ind05 dl dd .data h5 {display: flex;align-items: center;}
.ind05 dl dd .data h5 img {width: 18px; margin-right: 10px;}
.ind05 dl dd .data h5 span {font-size: 14px; color: var(--dex);font-weight: bold;}
.ind05 dl dd .text h3 {font-weight: bold;font-size: 24px;color: #333333;line-height: 40px;margin-bottom: 4px;}
.ind05 dl dd .text  p {font-size: 14px;line-height: 26px;color: #666666;margin-bottom: 35px;}
.ind05 dl dd .text .gd{ font-size: 16px; transition: 0.3s; display: flex;align-items: center;color:#999999;}
.ind05 dl dd .text .gd img {width: 15px;margin-left: 12px;position: relative;left: 0px;}
.ind05 dl dd:hover .text .gd img {left: 15px;} 
.ind05 dl dd:hover .text .gd {color: var(--dex);}
.ind05 dl dd:hover .text h3 {color: var(--dex);}

/*ind06*/
.ind06 {position: relative;overflow: hidden;background: url(ind06_bg.jpg);background-size: cover;padding: 75px 0 125px;}
.ind06  .icenter3 {display: flex;flex-direction: column;justify-content: center;align-items: center;}
.ind06  .icenter3 h4 { font-size: 20px;cmargin-bottom: 8px;color: var(--dex);}
.ind06  .icenter3 h5 {font-size: 34px;font-weight: bold;color: #333;margin-bottom: 32px;}
.ind06  .icenter3 a { color: var(--dex);   border-color: var(--dex); background-color: transparent;}
.ind06  .icenter3 a:hover {color: #fff;}
.ind06  .icenter3 a::after {background-color: var(--dex);}


.waves { width: 100%; height: 80px; margin-top: 0; margin-bottom: -8px; left: 0; bottom: 0; width: 100%; z-index: 3; margin-top: -78px; position: relative;}
.parallax > use {animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)   infinite;}
.parallax > use:nth-child(1) {animation-delay: -2s;animation-duration: 7s;}
.parallax > use:nth-child(2) {animation-delay: -3s;animation-duration: 10s;}
.parallax > use:nth-child(3) {animation-delay: -4s;animation-duration: 13s;}
.parallax > use:nth-child(4) {animation-delay: -5s;animation-duration: 20s;}
@keyframes move-forever {0% {transform: translate3d(-90px,0,0);}100% { transform: translate3d(85px,0,0);}}
 
footer{ position: relative;display: block; background:#381015; padding:80px 0 0;}
footer .f_nav{ display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;   margin: 0 auto 60px;}
footer .f_nav dl h4{ display: block;overflow: hidden;    margin-bottom: 26px;}
footer .f_nav dl h4 a{ display: inline-block;color: #fff;font-size:20px; font-weight: bold; }
footer .f_nav dl h5{}
footer .f_nav dl h5 span{ display: block;overflow: hidden;margin-bottom:26px;}
footer .f_nav dl h5 span a{ display: inline-block;color: #fff;font-size: 16px;line-height:20px;}
footer .f_nav dl dt{ display: block;margin: 0 0 20px 0;}
footer .f_nav dl dt p{ display: block;color: #aaa;font-size: 16px;}
footer .f_nav dl dt .c1{color: #fff;font-size: 28px;line-height: 1em;margin-bottom: 20px;display: block;}
footer .f_nav dl dt p .c2{ color: #fff;font-size: 18px;line-height: 1em;margin-bottom: 26px;display: block;}
footer .f_nav dl dt p span{ color: #fff;font-size: 16px;line-height: 1em;margin-bottom: 26px;display: block;}
footer .f_nav dl dt p span .ewmimg {display: block;margin-top: 10px; width:100px;height: 100px;}
footer .f_bot{ width:100%;padding:35px 0; background:#2b0b0f;}
footer .f_bot .icenter{display: flex; justify-content: space-between;align-items: center;}
footer .f_bot .le{ width:70%; color: #ccc;font-size: 14px;}
footer .f_bot .le a{ display:inline-block; margin-left:10px; color: #ccc;font-size: 14px;}
footer .f_bot .re{ width:30%;font-size: 14px; text-align:right; color: #ccc;}
footer .f_bot .re a{ display:inline-block; font-size: 14px; color: #ccc;}

/*n_banner*/
.n_banner { width:100%;position:relative}
.n_banner img { width:100%; display:block;}


/*n_nav*/
.n_nav { width: 100%; height: 90px; line-height:90px; z-index: 1; background:#381015;}
.n_nav .icenter3 {display: flex;justify-content: space-between;height: 100%;}
.n_nav .icenter3 .le {font-size: 24px; color: #fff; display: flex; align-items: center; font-weight: bold;}
.n_nav .icenter3 .ri {display: flex;}
.n_nav a { position: relative; padding: 0 28px; color: #fff; font-size: 18px; opacity: 0.5; height: 100%; line-height: 100%; display: flex; align-items: center;}
.n_nav a:hover {opacity: 1;font-weight: bold;}
.n_nav a::after {position: absolute;content: "";left: 0px;top: 50%;transform: translateY(-50%);height: 17px;width: 1px;background-color: #fff;}
.n_nav a:nth-of-type(1)::after {display: none;}
.n_nav a.active {font-weight: bold;opacity: 1;}

/*n_tit*/
.n_tit { width:100%;}
.n_tit h1 {font-size: 26px; color: #666666; line-height: 50px; position: relative; width:100%;  padding-bottom: 15px; border-bottom: 1px solid #ddd;}
.n_tit h1::before {content: ""; position: absolute;bottom: 0px;left: 0;transform: translateX(0%);width: 73px;height: 2px;background-color:var(--dex);}


/*n_about*/
.n_about { width:100%; position:relative; margin-top:60px;}
.n_about .n_txt{ width:100%; line-height:30px; text-align:justify; min-height:350px; padding-bottom:100px; margin-top:40px;}
.n_about .n_txt img{ max-width:100%; height:auto;}


/*n_news*/
.n_news { width: 100%; position:relative; min-height:350px; padding-bottom:150px;}
.n_news dl { width: 100%;position: relative;margin-bottom: 65px; }  
.n_news dl dd { width: 100%; position: relative;}
.n_news dl dd::after{top: 0px; position: absolute;left:0;width: 100%;background-color: rgba(245, 245, 245,1);content: "";z-index: -1;opacity: 0;transition: 0.3s;height: 100%;}
.n_news dl dd:hover::after {opacity: 1;}
.n_news dl dd .icenter3 { display: flex;justify-content: space-between;align-items: center; padding: 65px 0;border-bottom: 1px solid #e4e4e4;}
.n_news dl dd .icenter3 .imgbox{ width: 21%;}
.n_news dl dd .icenter3 .imgbox img{width: 100%;height: 100%;transition: all 0.36s;}
.n_news dl dd .icenter3 .imgbox .tou{position: relative;top: 0;left: 0;}
.n_news dl dd .icenter3 .imgbox .shi{position: absolute;top: 0;left: 0;}
.n_news dl dd .icenter3 .txt {width: 74.3%;}
.n_news dl dd .icenter3 .txt .data {display: flex;align-items: center;margin-bottom: 12px;}
.n_news dl dd .icenter3 .txt .data  h5 {display: flex;align-items: center;}
.n_news dl dd .icenter3 .txt .data  h5 img {width: 18px; margin-right: 10px;}
.n_news dl dd .icenter3 .txt .data  h5 span {font-size: 14px;font-family: arial;color: var(--dex);font-weight: bold;}
.n_news dl dd .icenter3 .txt h3 {font-weight: bold;font-size: 24px;color: #333333;line-height: 40px;margin-bottom: 14px;}
.n_news dl dd .icenter3 .txt p {font-size: 16px;line-height: 26px;color: #666666;margin-bottom: 35px;}
.n_news dl dd .icenter3 .txt .gd{ font-size: 16px; transition: 0.3s; display: flex;align-items: center;color:#999999;}
.n_news dl dd .icenter3 .txt .gd img {width: 15px;margin-left: 12px;position: relative;left: 0px;}
.n_news dl dd:hover .imgbox img{transform: scale(1.1);}
.n_news dl dd:hover .gd img {left: 15px;} 
.n_news dl dd:hover .gd {color: var(--dex);}
.n_news dl dd:hover .txt h3 {color: var(--dex);}



@media screen  and (min-width:1650px) and (max-width:1800px){
    .icenter1 {width: 1600px;}
}

@media screen and (max-width:1600px) {
	
  .head { height: 80px;}
  .div1 .head .right ul li { font-size: 16px; margin: 0 25px; line-height: 80px; }


  .div1 .left a img { width: 170px; }
  .div1 .head .right ul {width: 100%; }
  .div1 .head .right { width: 73%;}
  
  .more {     font-size: 12px; width: 123px; height: 32px;}
  .more >span {font-size: 12px;}
  .more::after {font-size: 12px;} 
 
  .icenter {width: 1160px;}
  .icenter2 { width: 1100px; }
  .icenter3 { width: 1100px; }
 
  .ind01 { padding: 120px 0 100px; }
  .ind01 .top .le h3 { font-size: 30px; line-height: 44px; margin-bottom: 22px; }
  .ind01 .top .le p { font-size: 12px; line-height: 24px; padding-right: 5px; text-align: justify;}
  .ind01 .top .le h4 { font-size: 20px; line-height: 30px; margin-bottom: 14px; }
  .ind01 .top .le h4::before { width: 54px; height: 2px; top: -14px; }
  .ind01 .ri video { height: 378px;}
  .ind01 .top .le {top: 0px;}
  .ind01 .ri .bo img { width: 70px; }
  .ind01 .con_wen { font-size: 12px; right: -19px; top: 25px;}
  .ind01 dl { margin-top: 33px; }
  .ind01 dl dd strong { font-size: 48px; line-height: 42px;}
  .ind01 dl dd h4 { font-size: 60px; margin: 20px 0 10px; }
  .ind01 dl dd span { font-size: 16px; }
  

  .ind06 { padding: 65px 0; }
  .ind06 .icenter3 h4 { font-size: 18px; margin-bottom: 6px; }
  .ind06 .icenter3 h5 { font-size: 28px; margin-bottom: 28px; }
  
  .ind04 { padding: 90px 0 90px; }
  .ind04 h3 { font-size: 40px; margin-bottom: 70px;}
  .ind04 dl dd h5 { font-size: 26px; margin-bottom: 10px; }
  .ind04 dl dd p { font-size: 14px; line-height: 26px; margin-bottom: 21px; height: 55px; }
  .ind04 dl dd span { font-size: 20px;}
  .ind04 dl dd { padding: 81px 36px 38px;}
  .ind04 dl dd .icon { width: 124px; height: 124px;}
  .ind04 dl dd .icon img { width: 54px; }
 

  .ind02 .box .text p { font-size: 22px; }


   

}