@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "HarmonyOSMedium";
  src: url('HarmonyOSMedium.woff');
}
*{padding: 0px;margin: 0px;font-family:"HarmonyOSMedium";}
*, ::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{ background:#fff;} 
li {list-style: none;}
a {text-decoration: none;}
body,html {height: 100%;width: 100%;font-size: 14px;}

img{vertical-align: middle;}


.icen {width: 100%; max-width:1400px; padding:0 20px; margin:0 auto;}
.container1 {width: 100%; max-width:1280px; padding:0 20px; margin:0 auto;}
.container2 {width: 100%; max-width:1360px; padding:0 20px; margin:0 auto;}

@media (max-width: 576px) {
  .container {max-width: 540px;}
}

@media (max-width: 768px) {
  .container {max-width: 720px;}
}

@media (max-width: 992px) {
  .container {max-width: 960px;}
}

@media (max-width: 1200px) {
  .container {max-width: 1140px;}
}


.header{ width: 100%;position:relative; background:#fff;z-index:10;}
.header .icen{ display:flex;align-items:center;justify-content:space-between;height: 75px; line-height:75px;}
.header .logo{ width:25%;}
.header .logo img{ width:320px; display:flex;align-items:center;}
.header .nav{ width:75%;}
.header .nav ul{ width:100%; position:relative;display: flex;justify-content: flex-end;align-items:center; }
.header .nav ul li{ padding:0 25px;position:relative;height: 75px; line-height:75px;}
.header .nav ul li .a{ display:block; width:100%; font-size:16px;color: #555;position:relative;transition:.6s;}
.header .nav ul li .a:before{position:absolute;left:0; bottom:20px;width: 0;height: 2px;content: '';transition: all .3s ease-out 0s;background: #a0d9f6;}
.header .nav ul li .a:hover,.header .nav ul li.on .a{color: #a0d9f6;}
.header .nav ul li .a:hover:before{ width:100%;}
.header .nav ul li .sub{ width:160%;position:absolute;background: rgba(255,255,255,.85);position: absolute;left: 50%;top: 100%;z-index: 999;transform-origin: 0 0 0;transform: scaleY(0.2) translateX(-50%);
	transition: all 0.3s ease 0s;opacity: 0;visibility: hidden;border-radius: 0 0 6px 6px;overflow: hidden;}
.header .nav ul li .sub a{padding: 0 1.5rem;line-height: 3.5;transition:.3s;font-size: 14px; text-align:center;color: #636363; display: block;position:relative}
.header .nav ul li .sub a:hover{color: #fff;background: #a0d9f6;}
.header .nav ul li:hover:nth-child(3) .sub,.header .nav ul li:hover:nth-child(4) .sub,.header .nav ul li:hover:nth-child(8) .sub{opacity: 1;visibility:visible;transform: translateY(0px) translateX(-50%);}

.lang{ width:120px; position:relative; text-align:right;}
.lang a{ display:block; width:100%; color:#333;display: flex;justify-content: flex-end;align-items:center;}
.lang img{ width:25px; margin-right:8px;}

 
/*banner*/
.banner{ width:100%;position:relative;}
.banner .swiper-slide { width:100%;position:relative;}
.banner .swiper-slide .img{width:100%;}
.banner .swiper-slide .img img{width:100%; z-index:0;}
.banner .banner_swiper .banner_pagination {bottom:50px !important;}
.banner .banner_swiper .banner_pagination .swiper-pagination-bullet {width:12px;height:12px;border-radius:50%;background:#fff;opacity:1;margin:0 5px;}
.banner .banner_swiper .banner_pagination .swiper-pagination-bullet-active {width:14px;height:14px;background:#0b59c3;}



.xian{height:20px;position:relative;width:100%;z-index:10;background-image:linear-gradient(90deg,#fbe518,#86c030 12%,#009447 34%,#00a0a8 58%,#1d9dd7 77%,#9172da 91%,#e1097c)}

.xian1{height:15px;position:relative;width:100%;z-index:10;background-image:linear-gradient(90deg,#fbe518,#86c030 12%,#009447 34%,#00a0a8 58%,#1d9dd7 77%,#9172da 91%,#e1097c)}


.more { width:150px; height:40px; line-height:40px;background-image:linear-gradient(90deg,#fbe518,#86c030 10%,#009447 40%,#00a0a8 70%,#1d9dd7 100%); color:#fff; text-align:center; font-size:14px; border-radius:20px; margin-top:30px;}
.more a { display:block; color:#fff; border-radius:20px;transition: all 0.5s;}
.more a:hover {background-image:linear-gradient(90deg,#9172da,#1d9dd7 10%,#00a0a8 40%,#009447 70%,#86c030 100%);}

.more1 { width:150px; height:40px; line-height:40px;color:#333; text-align:center; font-size:14px; border-radius:20px; margin-top:30px;}
.more1 a { display:block; color:#333; border-radius:20px;transition: all 0.5s; border:1px solid #333;}
.more1 a:hover {background:#50b2e4; color:#fff; border:none;}

/* ind01 */
.ind01 {width:100%;position: relative; margin-top:60px;}
.ind01 .icen {width: 100%;position: relative;display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center;}
.ind01 .icen .txt{width: calc(100% - 300px);position: relative;font-size:16px; line-height: 30px;}
.ind01 .icen .more1 { width:150px; margin-top:0;}

/* ind02 */
.ind02{ width:100%; position:relative; background-image:url(ind02bg.jpg); background-repeat:no-repeat; background-size:100% 100%;padding:90px 0 60px;}
.ind02 .icen{width:100%;position:relative; z-index:10;display:flex;flex-wrap:wrap;}
.ind02 .le{width:33%}
.ind02 .le .txt{width:100%;position:sticky;top:10px;left:0;}
.ind02 .le .txt h2{color:#000;font-size:30px;font-weight:500;line-height:50px;margin-bottom:30px;}
.ind02 .le .txt p{width:100%; font-size:14px;font-weight:400;line-height:25px;margin-bottom:15px;}
.ind02 .re{width:65%; margin-left:2%;}
.ind02 .re .item{background:#fff;border-radius:40px;box-shadow:5px 5px 24px rgba(0,0,0,.2);margin-bottom:40px;padding:40px;display:flex;flex-wrap:wrap; justify-content:space-between;}
.ind02 .re .item .img{width:48%;}
.ind02 .re .item .img img{height:100%;object-fit:contain;object-position:center;width:100%}
.ind02 .re .item .txt{width:48%; font-size:16px;font-weight:400;line-height:25px;margin-bottom:15px;}
.ind02 .re .item .txt h3{font-size:24px;font-weight:500;line-height:35px;margin-bottom:20px;}
.ind02 .re .item .more{margin-top:60px;}


/* ind03 */
.ind03{ width:100%; position:relative; background-image:url(ind02bg.jpg); background-repeat:no-repeat; background-size:100% 100%;padding:40px 0 60px;}
.ind03 .i_tit{ width:100%; position:relative;}
.ind03 .i_tit h1{font-size:30px;font-weight:500;line-height:50px;margin-bottom:30px;}
.ind03 .i_tit p{width:100%; font-size:14px;font-weight:400;line-height:25px;margin-bottom:15px;}
.ind03 .con{display: flex;justify-content: space-between; margin-top:60px;}
.ind03 .con .le{ width:28%; position:relative;}
.ind03 .con .le img{ width:100%;}
.ind03 .con .re{width:69%;}
.ind03 .con .re ul{display: flex;flex-wrap:wrap; justify-content: space-between;}
.ind03 .con .re ul li{ width:50%; margin-bottom:10px; text-align:center;}
.ind03 .con .re ul li .img{ width:100%;}
.ind03 .con .re ul li .img img{ width:150px; margin:0 auto;}
.ind03 .con .re ul li .txt{ width:100%;padding:10px 30px 0; color:#666; text-align:center; font-size:14px; line-height:25px;}

 
/* ind04 */
.ind04 {width:100%;position: relative;display: flex;justify-content: space-between; align-items: center;  padding:40px 0 20px;}
.ind04 .i_tit{ width:100%;font-size:30px;font-weight:500;line-height:50px; position:relative; padding-bottom:10px;}
.ind04 .i_tit:before{ content:""; position:absolute; width:100%; height:1px; background:rgba(0,0,0,.2); left:0; bottom:0; transition:.5s; z-index:1;}
.ind04 .con ul{display: flex;flex-wrap:wrap;justify-content: space-between; align-items: center; margin-top:60px;}
.ind04 .con ul li {width: 24%; text-align:center; border:1px solid rgba(255,255,255,.3); margin-bottom:30px;}
.ind04 .con ul li .img{ width:100%;position: relative;}
.ind04 .con ul li .img img{ width:60%;}
.ind04 .con ul li .tit{width: 100%; text-align:center; font-size:18px; font-weight:normal; line-height:50px; color:#333;}
.ind04 .con ul li .more1{margin:0 auto;}

 
 /* footer */
.footer { width:100%;position: relative;padding: 40px 0 0; background-image:url(footbg.jpg); background-repeat:no-repeat;}
.footer .fo01 {margin-bottom: 30px;display: flex;justify-content: space-between;}
.footer .fo01 ul { width:72%;display: flex;justify-content: space-between;}
.footer .fo01 ul li { width:23%;}
.footer .fo01 ul li h3 {margin-bottom: 15px;}
.footer .fo01 ul li h3 a { display: inline-block; font-size: 18px; color: #333; font-weight: bold; position:relative;}
.footer .fo01 ul li h3 a:before{ content:""; position:absolute; width:50px; height:1px; background:rgba(0,0,0,.3); left:0;bottom:-10px; transition:.5s; z-index:1;}
.footer .fo01 ul li p a{ display:block;font-size: 14px;color:rgba(0,0,0,.8);line-height:35px;}
.footer .fo01 ul li p a:hover {color:rgba(0,0,0,1);}
.footer .fo01 ul li.ewm {text-align:center;color:rgba(255,255,255,.5);}
.footer .fo01 ul li.ewm img{ margin-bottom:15px;}
.footer .fo01 .lianx{ width:28%;}
.footer .fo01 .lianx h1{ margin-bottom:15px; position:relative;}
.footer .fo01 .lianx h1 a{ font-size: 18px; color: #333; font-weight: bold;}
.footer .fo01 .lianx h1:before{ content:""; position:absolute; width:50px; height:1px; background:rgba(0,0,0,.3); left:0;bottom:-10px; transition:.5s; z-index:1;}
.footer .fo01 .lianx h2{ font-size: 16px; color: #333; font-weight: bold; margin-top:22px; margin-bottom:15px; position:relative;}
.footer .fo01 .lianx .item{ width:100%;display: flex;flex-wrap:wrap; align-items: center; margin-bottom:15px;}
.footer .fo01 .lianx .item a{ color: #333;}
.footer .fo01 .lianx .item img{ width:20px; margin-right:10px;}
.footer .fo01 .lianx .item:hover{ text-decoration:underline;}

.footer .fo02 { width:100%; position:relative; padding:10px 0 0; border-top:1px solid rgba(0,0,0,.2);}
.footer .fo02 .con{display: flex;justify-content: space-between;align-items: center;}
.footer .fo02 .con .le {width: 70%;display: flex; align-items: center;}
.footer .fo02 .con .le h1{ font-size: 16px; color: #333; font-weight: bold; margin-right:5px;}
.footer .fo02 .con .le a{ margin-right:15px;color:rgba(0,0,0,.8);}
.footer .fo02 .con .re { width:30%;color:rgba(0,0,0,.8); text-align:right;}
.footer .fo02 .con .re a {font-size: 14px;color:rgba(0,0,0,.8); line-height:25px;}


/*n_banner*/
.n_banner { width:100%; position:relative;}
.n_banner img{ width:100%; margin-bottom:10px;}

.n_nav { width:100%; position: relative; border-bottom:1px solid rgba(0,0,0,0.1) }
.n_nav ul { position: relative;display: flex;flex-wrap:wrap; justify-content:center;align-items: center; }
.n_nav ul li{display: block; font-size:14px; color: #373941; line-height:50px; margin:0 20px; z-index: 1; position: relative; }
.n_nav ul li a{ display: block; color:#333; position: relative; }
.n_nav ul li a:before{ content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #0b59c3; transition: .5s;}
.n_nav ul li:hover a,.n_nav ul li.on a{  color:#0b59c3;}  
.n_nav ul li:hover a:before,.n_nav ul li.on a:before{ width: 100%; color:#0b59c3;}  
 
/*n_mian */ 
.n_main { width:100%; position:relative; padding-top:60px; padding-bottom:60px; background-image:url(bg01.jpg); background-repeat:no-repeat; background-size:100% 100%; background-position:top; background-color:#f0f4ff;}
.n_main .n_tit{ width: 100%; position:relative; margin-bottom:50px;}
.n_main .n_tit span{font-size: 24px;color: #333; position:relative; padding-bottom:10px;}
.n_main .n_tit span:before {content: "";display: block;width:60px;height:1px; position:absolute; left:0;bottom:0; background:rgba(0,0,0,0.5);transition-delay: 1s;}
	
	
.n_about {width: 100%; position:relative;}
.n_about .txt{width: 100%; font-size:14px;min-height:350px; line-height:30px;}

.n_about .txt img{max-width: 100%;}
 
.ab_tit {width: 100%;position: relative; margin-bottom:30px;}
.ab_tit h1 {font-size:20px; font-weight:500;line-height:25px; letter-spacing: 2px;}
.ab_tit h2 {font-size:14px; font-weight:500;line-height:25px; text-transform:uppercase;}

.ab01 {width: 100%;position: relative; margin-top:30px; background-image:url(bg01.jpg); background-repeat:no-repeat; background-size:100% 100%; background-position:top; background-color:#f0f4ff;}
.ab01 .icen {display: flex;justify-content: space-between;}
.ab01 .txt {width: 45%; line-height:30px;}
.ab01 .txt .sum{width: 100%; font-size:14px; line-height:30px;}
.ab01 .img {position: relative;width: 49%;height: 100%;padding-left: 60px;}
.ab01 .img:before,
.ab01 .img:after {content: "";display: block;position: absolute;height: 0;transition: height 2s ease;}
.ab01 .img:before {left: 0;width:100px;height: 76.66%;top: -40px;z-index: 1;background: url(dot.png) repeat;transition-delay: 1s;}
.ab01 .img:after {content: "";top: 0;left: 30px;width: calc(100% - 30px);height: 86.66%;background: #f3f3f3;z-index: 0;transition-delay: 1.8s;}
.ab01 .img img { width:100%;position: relative;display: block;z-index: 1;}

.ab02 { width:100%; position:relative; padding:60px 0;}
.ab02 .icen{display: flex;justify-content: space-between;}
.ab02 .item {width: 49%;position: relative;box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.5);}
.ab02 .item img{width: 100%;}

.ab03 {position: relative; background:url(wenh.jpg) no-repeat; background-size:100% 100%; padding:60px 0;}
.ab03 .box {width: 100%;position: relative; z-index: 10; margin-top:40px;display: flex;flex-wrap:wrap;}
.ab03 .box .item {position: relative;width: 32%;background: #fff;box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.5);margin-right: 2%;margin-bottom: 30px;}
.ab03 .box .item:nth-child(3n){ margin-right:0;}
.ab03 .box .item .img{ position:relative; width:100%; overflow:hidden;} 
.ab03 .box .item .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;}
.ab03 .box .item .img .hezi{padding-bottom: 68% !important;}

.ab04 {width:100%;position: relative;background-image: url(his_list.png);background-size: cover;padding: 90px 0 90px;}
.ab04 .his_list {width:100%;overflow:hidden;height:300px;position:relative; padding:0 8px;}
.ab04 .his_list:before {content:'';position:absolute;width:100%;left:0;height:1px;background:#0056a3;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);}
.ab04 .his_list .swiper-slide {display:flex;flex-direction:column;height:300px;box-sizing: border-box;}
.ab04 .his_list .swiper-slide:nth-child(2n) {flex-direction:column-reverse;}
.ab04 .his_list .swiper-slide:nth-child(2n) .grid {flex-direction:column-reverse;padding-top:30px;}
.ab04 .his_list .swiper-slide .grid {width:90%;height:150px; padding-left:10px;position:relative; border-left:1px solid #999;}
.ab04 .his_list .swiper-slide .grid .info p{position:relative;line-height:20px;font-size:14px;color:#000;}
.ab04 .his_list .swiper-slide .grid .date {font-size:30px; color:#0487fc;padding-bottom:10px;}
.ab04 .his_list .swiper-slide .grid .date span{font-size:18px; padding-left:10px; color:#0487fc;}
.ab04 .his_list .swiper-slide .grid:after {content:'';display:block;position:absolute;left:0;width:10px;height:10px;border:3px solid #0056a3;border-radius:50%;}
.ab04 .his_list .swiper-slide .grid:before {content:'';display:block;position:absolute;left:0;width:10px;height:10px;background-color:#85CCBE;border-radius:50%;}
.ab04 .his_list .swiper-slide:nth-child(2n) .grid:after,
.ab04 .his_list .swiper-slide:nth-child(2n) .grid:before {top:0;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.ab04 .his_list .swiper-slide:nth-child(2n+1) .grid:after,
.ab04 .his_list .swiper-slide:nth-child(2n+1) .grid:before {bottom:0;-webkit-transform:translate(-50%,50%);-moz-transform:translate(-50%,50%);transform:translate(-50%,50%);}

.ab05 {width:100%;position: relative; padding:60px 0 0;}
.ab05 .icen {display:flex;justify-content:space-between;align-items:center;background:#f3f3f3;}
.ab05 .icen .img {width: 50%;border:1px solid #ddd;}
.ab05 .icen .img img { width:100%;}
.ab05 .icen .txt {width: 45.57%;}
.ab05 .icen .txt .sum {font-size:16px;line-height:30px;text-align: justify; }


.ab06 { width:100%;position: relative; margin:60px 0;}
.ab06 .con{position: relative;}
.ab06 .con .swiper-slide{ background:#f3f3f3; height:auto;padding:20px 20px 5px;}
.ab06 .con .swiper-slide .img{ position:relative; width:100%} 
.ab06 .con .swiper-slide .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;}
.ab06 .con .swiper-slide .img .hezi{padding-bottom: 72% !important;}
.ab06 .con .swiper-slide .tit{ line-height: 50px; text-align:center; font-size:16px;}
.ab06 .con .swiper-slide:hover .tit{color: #004190;transition: all 0.6s;}
.ab06 .con .ab02_prev,.ab06 .con .ab02_next{width:45px;height:45px;background:#fff url(icon11.png) center no-repeat;border-radius:100%;box-shadow:0 0 5px 5px #eaeaea;transition: all .6s;}
.ab06 .con .ab02_next{right: -30px;}
.ab06 .con .ab02_prev{transform: rotate(180deg);left: -30px;}
.ab06 .con .ab02_prev:hover,.ab06 .con .ab02_next:hover{background: rgba(51,122,183,.9) url(icon12.png) center no-repeat;}

 
.ab07{width: 100%;box-sizing: border-box;position: relative;}
.ab07 .con ul{display: flex;flex-wrap: wrap;}
.ab07 .con li{width: 19%;margin-right: 1%; padding: 0 10px;text-align: center;position: relative;box-sizing: border-box;}
.ab07 .con li .top .img{width: 100%;box-shadow: 0 0 10px 0 #ccc; padding: 20px 0;}
.ab07 .con li .top .img img{width: 50%;} 
.ab07 .con li .bot{position: relative;z-index: 1;width: 100%; text-align:center; padding-top:10px;}
.ab07 .con li .bot .tit{ margin-top:1px; font-size:17px; line-height:20px; font-weight:bold; color:#004190;}

.fuwu{display: flex;flex-wrap:wrap;justify-content: space-between;align-items: center;}

.fuwu01{width: 48%;display: flex;flex-wrap:wrap;justify-content: space-between;align-items: center;}
.fuwu01 .item {width: 48%;position: relative;overflow: hidden;margin-bottom: 30px;}
.fuwu01 .item .img {width: 100%;position: relative;}
.fuwu01 .item .img img {width: 100%;position: relative;}
.fuwu01 .item .img::before {content: '';height:100%;width:100%;background: rgba(0,0,0,0.5);position: absolute;top: 0;left: 0;transition: all 0.36s; z-index:10;}
.fuwu01 .item .img .t_meng {position: absolute;top: 0;left: 0;width: 100%; height:100%;opacity: 0;transition: all 0.36s;}
.fuwu01 .item .con {position: absolute;bottom: -200px;left: 0;width: 100%;z-index: 30;padding-left: 8.875739%;transition: all 0.36s;}
.fuwu01 .item .con .tit  {margin-bottom: 40px;transition: all 0.36s;}
.fuwu01 .item .con .tit h1 {font-size: 18px;font-weight: bold;color: #fff;line-height: 1.5;position: relative;padding-bottom: 15px;}
.fuwu01 .item .con .tit h1::before {content: '';height: 2px;width: 7.941653%;background: #fff;position: absolute;bottom: 0;left: 0;transition: all 0.36s;}
.fuwu01 .item .con .sum {opacity: 0;margin-bottom: 50px;line-height:27px;width: 85%;font-size: 14px;color:#fff; text-align:justify;}
.fuwu01 .item:hover .t_meng {opacity: 1;}
.fuwu01 .item:hover .con {bottom: 0;}
.fuwu01 .item:hover .tit h1::before {width: 65%;}
.fuwu01 .item:hover .con .sum {opacity: 1;}

.fuwu02{width: 48%;position: relative;}
.fuwu02 ul{display: flex;flex-wrap:wrap;justify-content:space-between;}
.fuwu02 ul li{width:32%;margin-right: 2%;background: #f7f9fc;padding: 32px 15px;margin-bottom: 30px;}
.fuwu02 ul li:nth-of-type(3n){margin-right: 0;}
.fuwu02 ul li .img{margin-bottom: 20px;}
.fuwu02 ul li .tit{font-size: 18px;color: #333;font-weight: bold;line-height: 30px;margin-bottom: 10px;}
.fuwu02 ul li .sum{font-size: 14px;line-height: 26px;color: #666;text-align: justify;}

.cp_tit {margin-bottom:40px;background: #81bf25;height:50px;line-height:50px;}
.cp_tit h3 {font-size:24px;font-weight: 500; color:#fff;padding-left:30px;}
.chanp01 {width: 100%;position: relative;margin-bottom:40px;}
.chanp01 .box {width: 100%;position: relative; text-align:justify; min-height:350px;}
.chanp01 .box img{max-width: 100%;}

.chanp02 { width: 100%; position:relative;margin-top: 0.4rem;}
.chanp02 .swiper-slide { width: 100%; position:relative;}
.chanp02 .swiper-slide img { width: 96%;box-shadow: 0 0 10px 0 #ccc;margin:2%;}
.chanp02 .chanp02-pagination {bottom:-50px !important;left:50%;transform: translateX(-50%);}
.chanp02 .chanp02-pagination .swiper-pagination-bullet {width:12px;height:12px;border-radius:50%;background:#ccc;opacity:1;margin:0 5px;}
.chanp02 .chanp02-pagination .swiper-pagination-bullet-active {background:#81bf25;}

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { *zoom: 1; }
.pink dl { position: relative;}
.pink dl dt { width: 50%; }
.pink dl dt img { display: block; width: 100%; }
.pink dl dd { position: absolute; right: 0; width: 50%; top: 50%; transform: translateY(-50%); padding: 30px 38px;  border: 1px solid #E6E6E6; background: #fff; font-size: 14px; line-height: 28px; }
.pink dl dd .tit { font-size: 20px; margin-bottom: 18px; }
.pink dl dd .tit { color: #4c4c4c; font-weight: bold; font-size: 18px; margin-bottom: 10px; }
.pink dl dd .tit .snum { color: #082c7e; }
.pink dl:nth-child(even) dt { float: right; }
.pink dl:nth-child(even) dd { right: auto; left: 0; }

.newsinfo {display: flex;justify-content: space-between;}
.newsinfo .left {margin-right: 40px;flex: 1;overflow: hidden;}
.newsinfo .left .top {margin-bottom:50px;padding-bottom:30px;border-bottom: 1px solid #eee;}
.newsinfo .left .top h1 {font-size:24px;font-weight: 700;line-height:30px;margin-bottom:15px;text-align: left;}
.newsinfo .left .top .sum {display: inline-block;margin-right:50px;}
.newsinfo .left .bot {line-height:30px;font-size:16px;display: flex;}
.newsinfo .left .bot .img {width:40%;margin-right:5%;position: relative;}
.newsinfo .left .bot .img img{width:100%;}
.newsinfo .left .bot .sum {width:55%;}
.newsinfo .left .bot img{max-width:100%;}
.newsinfo .right {width:25%;position: sticky;top: 10px;height: 100%;padding:50px 40px 60px;background-color: #f5f5f5;}
.newsinfo .right p {font-size:16px;color: #666;line-height:35px;margin-bottom:20px;}
.newsinfo .right p:hover a {color: #082c7e;font-weight: 700;}
.newsinfo .right p a {display: -webkit-box;overflow: hidden;width: 100%;font-size:16px;transition: color 0.3s ease;}
.newsinfo .right p b {color: #333;}
.newsinfo .more1 a:hover {background:#50b2e4; color:#7e1116;font-size:16px; border:none;}

.newsinfo .return {display: block;width: 100%;line-height:50px;background-image: linear-gradient(-90deg, #0b59c3 0%, #082c7e 100%);background-blend-mode: normal, normal;color: #fff;margin-top:40px;text-align: center;font-size:16px;}
.newsinfo .return:hover {background: #082c7e;}
.newsinfo .return img {vertical-align: middle;position: relative;top: -2px;margin-right:15px;width:20px;}


.proinfo {display: flex;justify-content: space-between;}
.proinfo .left {margin-right: 60px;flex: 1;overflow: hidden;}
.proinfo .left .top {margin-bottom:50px;padding-bottom:30px;border-bottom: 1px solid #eee;}
.proinfo .left .top h1 {font-size:24px;font-weight: 700;line-height:30px;margin-bottom:15px;text-align: left;}
.proinfo .left .top .sum {display: inline-block;margin-right:50px;}
.proinfo .left .bot {line-height:30px;font-size:16px;display: flex;}
.proinfo .left .bot .sum {width:100%;}
.proinfo .left .bot img{max-width:100%;}
.proinfo .right {width:25%;position: sticky;top: 10px;height: 100%;padding:50px 40px 60px;background-color: #f5f5f5;}
.proinfo .right p {font-size:16px;color: #666;line-height:35px;margin-bottom:20px;}
.proinfo .right p:hover a {color: #082c7e;font-weight: 700;}
.proinfo .right p a {display: -webkit-box;overflow: hidden;width: 100%;font-size:16px;transition: color 0.3s ease;}
.proinfo .right p b {color: #333;}

.proinfo .return {display: block;width: 100%;line-height:50px;background-image: linear-gradient(-90deg, #0b59c3 0%, #082c7e 100%);background-blend-mode: normal, normal;color: #fff;margin-top:40px;text-align: center;font-size:16px;}
.proinfo .return:hover {background: #082c7e;}
.proinfo .return img {vertical-align: middle;position: relative;top: -2px;margin-right:15px;width:20px;}