*{margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*{font-family: Arial, Helvetica, sans-serif !important;}
a{transition: all 0.5s ease;}
.pic{line-height: 0;overflow: hidden;}
.pic img{transition: all 0.5s ease;width: 100%;}
html{overflow-x: hidden;}
body{float: left;width: 100%;scroll-behavior: smooth;overflow-x: hidden;}
.wapshoww{display: none !important;}
.nbanner{width: 100%;position: relative;}
.nbanner img{width: 100%;}
img{border: 0;}
.max-width{width: 1280px;margin: 0 auto;}
html{scrollbar-width: thin;scrollbar-color: #20bc82 rgba(255, 255, 255, 0.75);}
html::-webkit-scrollbar{width: 8px;}
html::-webkit-scrollbar-thumb{background-color: #20bc82;border-radius: 8px;}
@media screen and (max-width: 1500px){.max-width{width: 80%;margin: 0 auto;}
  .max-width2{width: 80%;margin: 0 auto;}}
.layout37{display: none;}
.pcshow{display: block !important;}
.wapshow{display: none !important;}
@media screen and (max-width: 1024px){.max-width{width: 100%;padding: 0 15px;}
  .max-width2{width: 100%;padding: 0 15px;}
  .pcshow{display: none !important;}
  .wapshow{display: block !important;}}
.wapshow{display: none;}
._nav3{display: none;}
.left{float: left;}
.right{float: right;}
.layout37{display: none;}
.top_nav{width: 100%;background: url(../img/topnavbg.png) center no-repeat;background-size: cover;}
.top_nav .top_nav_box{display: flex;align-items: center;justify-content: space-between;height: 143px;}
.top_nav .top_nav_box .logo{line-height: 0;}
.top_nav .top_nav_box .top-nav-right{display: flex;flex-direction: column;align-items: flex-end;}
.top_nav .top_nav_box .top-nav-right .search form{position: relative;}
.top_nav .top_nav_box .top-nav-right .search form select{position: absolute;left: 0;top: 0;height: 36px;line-height: 36px;background: none;border: none;text-align: center;}
.top_nav .top_nav_box .top-nav-right .search form .text{height: 36px;padding: 0 70px 0 120px;width: 400px;background: #fff;color: #333;font-size: 16px;border-radius: 2px;}
.top_nav .top_nav_box .top-nav-right .search form .text::placeholder{color: #bbbbbb;font-size: 16px;}
.top_nav .top_nav_box .top-nav-right .search form .submit{height: 28px;width: 60px;line-height: 28px;color: #fff;text-align: center;position: absolute;right: 10px;top: 4px;border-radius: 2px;background: linear-gradient(to bottom, #30bd87, #02a078);}
.top_nav .top_nav_box .top-nav-right .nav ul{display: flex;align-items: center;margin-top: 15px;}
.top_nav .top_nav_box .top-nav-right .nav ul li a{display: block;color: #fff;font-size: 20px;margin-left: 44px;position: relative;}
.top_nav .top_nav_box .top-nav-right .nav ul li a.on{font-weight: bold;}
.top_nav .top_nav_box .top-nav-right .nav ul li a.on:after{content: "";position: absolute;width: 60px;height: 4px;background: #fff;bottom: -10px;left: 50%;transform: translate(-50%, 0);}
.announcement{width: 100%;margin: 20px 0 30px 0;}
.announcement .announcement-box{background: #edfbf6;border-radius: 30px;padding: 0 25px 0 20px;height: 60px;display: flex;align-items: center;}
.announcement .announcement-box span{color: #01a065;font-weight: bold;font-size: var(--font20);padding-right: 20px;border-right: 1px solid #86dbbc;margin-left: 10px;margin-right: 20px;}
.announcement .announcement-box a{display: flex;align-items: center;justify-content: space-between;font-size: var(--font18);color: #222;flex: 1;}
.announcement .announcement-box a:hover{color: #20bc82;}
.announcement .announcement-box a img{margin-right: 16px;}
.announcement .announcement-box a .time{margin-left: auto;font-size: var(--font18);color: #666;}
.announcement .announcement-box a .more{margin-left: 50px;font-size: var(--font18);color: #666;display: flex;align-items: center;}
.announcement .announcement-box a .more img{margin-left: 9px;}
@keyframes fadeIn2{0%{transform: scale(0);}
  100%{transform: scale(1);}}
.plate1{width: 100%;margin-bottom: 50px;}
.plate1 .plate1-box ul{display: flex;justify-content: space-between;align-items: center;}
.plate1 .plate1-box ul li{width: calc(33.3% - 20px);}
.plate1 .plate1-box ul li.on .box:after{content: "";width: 100%;bottom: 0;left: 0;height: 6px;background: #20bb81;position: absolute;}
.plate1 .plate1-box ul li.on .box .title{color: #01a065;}
.plate1 .plate1-box ul li.on .box .arrow{display: block;}
.plate1 .plate1-box ul li.loginbox .box{display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}
.plate1 .plate1-box ul li.loginbox .box .title{color: #fff;}
.plate1 .plate1-box ul li.loginbox .login{background: linear-gradient(to right, #ffd031, #fcb425);display: flex;align-items: center;justify-content: center;text-shadow: 0 0 4px #e89b02;border-radius: 4px;padding: 0 15px;margin-top: 12px;height: 40px;color: #fff;font-size: 18px;}
.plate1 .plate1-box ul li.loginbox .login img{margin-left: 8px;}
.plate1 .plate1-box ul li:nth-child(1) .more{background: #20bc82;}
.plate1 .plate1-box ul li:nth-child(2) .more{background: #2dcbb9;}
.plate1 .plate1-box ul li .box{width: 100%;height: 180px;display: flex;align-items: center;padding: 0 30px;position: relative;border-radius: 4px;}
.plate1 .plate1-box ul li .box .arrow{display: none;position: absolute;left: 50%;transform: translate(-50%, 0);bottom: -30px;}
.plate1 .plate1-box ul li .box .title{font-size: var(--font32);letter-spacing: 5px;font-weight: bold;color: #222;}
.plate1 .plate1-box ul li .box .icon{margin-left: 60px;line-height: 0;}
.plate1 .plate1-box ul li .box .more{height: 32px;width: 32px;border-radius: 50%;display: flex;align-items: center;justify-content: center;line-height: 0;position: absolute;top: 20px;right: 20px;}
.plate1 .plate1-box .new-content{margin-top: 55px;}
.plate1 .plate1-box .new-content .new-item{opacity: 0;display: flex;position: absolute;justify-content: space-between;width: 100%;align-items: center;}
.plate1 .plate1-box .new-content .new-item.on{position: relative;opacity: 1;}
.plate1 .plate1-box .new-content .new-item-left{width: 41.8%;}
.plate1 .plate1-box .new-content .new-item-left a{width: 100%;display: block;border-radius: 10px;background: #f2faf9;padding: 20px 26px 15px 30px;}
.plate1 .plate1-box .new-content .new-item-left a:hover .title{color: #20bc82;}
.plate1 .plate1-box .new-content .new-item-left a:hover .pic img{transform: scale(1.1);}
.plate1 .plate1-box .new-content .new-item-left a .time{color: #20bc82;font-size: var(--font30);margin-bottom: 15px;}
.plate1 .plate1-box .new-content .new-item-left a .title{color: #222;font-size: var(--font22);}
.plate1 .plate1-box .new-content .new-item-left a .info{padding-left: 15px;border-left: 1px solid #20bc82;font-size: var(--font16);color: #666;margin: 10px 0 18px 0;line-height: 30px;}
.plate1 .plate1-box .new-content .new-item-left a .pic{width: 100%;line-height: 0;overflow: hidden;}
.plate1 .plate1-box .new-content .new-item-left a .pic img{width: 100%;}
.plate1 .plate1-box .new-content .new-item-left a .more{display: flex;align-items: center;margin-top: 15px;}
.plate1 .plate1-box .new-content .new-item-left a .more span{color: #20bc82;font-size: var(--font16);padding-right: 10px;border-right: 1px solid #20bc82;margin-right: 10px;}
.plate1 .plate1-box .new-content .new-item-right{width: calc(58.2% - 42px);}
.plate1 .plate1-box .new-content .new-item-right ul{width: 100%;display: flex;flex-direction: column;}
.plate1 .plate1-box .new-content .new-item-right ul li{width: 100%;margin-bottom: 18px;}
.plate1 .plate1-box .new-content .new-item-right ul li:last-child{margin-bottom: 0;}
.plate1 .plate1-box .new-content .new-item-right ul li:last-child a{border-bottom: none;}
.plate1 .plate1-box .new-content .new-item-right ul li:hover a .title{color: #20bc82;}
.plate1 .plate1-box .new-content .new-item-right ul li a{display: block;width: 100%;position: relative;padding-bottom: 15px;border-bottom: 1px solid #eef1f4;padding-left: 7px;}
.plate1 .plate1-box .new-content .new-item-right ul li a:after{content: "";height: 10px;width: 10px;border-radius: 50%;border: 1px solid #20bc82;position: absolute;left: -14px;top: 4px;}
.plate1 .plate1-box .new-content .new-item-right ul li a .time{color: #999;font-size: var(--font20);position: absolute;right: 0;line-height: 20px;top: 0;}
.plate1 .plate1-box .new-content .new-item-right ul li a .title{font-size: var(--font18);color: #222;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 20px;position: relative;}
.plate1 .plate1-box .new-content .new-item-right ul li a .stitle{font-size: var(--font16);color: #666;margin: 10px 0 15px 0;}
.plate1 .plate1-box .new-content .new-item-right ul li a .item-more{display: flex;align-items: center;margin-top: 15px;font-size: var(--font16);}
.plate1 .plate1-box .new-content .new-item-right ul li a .item-more span{color: #20bc82;font-size: var(--font16);padding-right: 10px;border-right: 1px solid #20bc82;margin-right: 10px;}
.plate1 .us-more{margin-top: 30px;}
.plate2{width: 100%;background: #fbfdfd;padding: 40px 0 60px 0;}
.plate2 .plate2-box{background: #fff;border-radius: 10px;border: 1px solid #efefef;padding: 40px 20px 40px 40px;margin-top: 40px;display: flex;justify-content: space-between;align-items: center;}
.plate2 .plate2-box .left-nav{width: 30.5%;}
.plate2 .plate2-box .left-nav .nav-item{background: #f1f7f5;border-radius: 4px;width: 100%;text-align: center;line-height: 68px;font-size: var(--font22);color: #222;margin-bottom: 16px;position: relative;cursor: pointer;}
.plate2 .plate2-box .left-nav .nav-item:last-child{margin-bottom: 0;}
.plate2 .plate2-box .left-nav .nav-item.on{background: linear-gradient(to right, #22bc82, #86d9bb);color: #fff;}
.plate2 .plate2-box .left-nav .nav-item.on:after{width: 8px;content: "";height: 100%;background: #f1b94c;position: absolute;top: 0;left: 0;border-radius: 4px 0 0 4px;}
.plate2 .plate2-box .left-nav .nav-item.on:before{content: "";width: 0;height: 0;border-bottom: 8px solid transparent;border-top: 8px solid transparent;border-left: 8px solid #86d9bb;top: 50%;transform: translate(0, -50%);position: absolute;right: -8px;}
.plate2 .plate2-box .right-content{width: calc(69.5% - 80px);}
.plate2 .plate2-box .right-content .content-item{height: 320px;width: 100%;position: absolute;opacity: 0;overflow-y: auto;display: none;flex-wrap: wrap;}
.plate2 .plate2-box .right-content .content-item.on{display: flex;position: relative;opacity: 1;}
.plate2 .plate2-box .right-content .content-item .item{display: flex;align-items: center;height: 24px;width: 50%;margin-bottom: 35px;}
.plate2 .plate2-box .right-content .content-item .item .circle{height: 10px;width: 10px;border-radius: 50%;border: 1px solid #20bc82;margin-right: 12px;}
.plate2 .plate2-box .right-content .content-item .item .itme-tit{font-size: var(--font18);color: #222;}
.plate3{width: 100%;padding: 50px 0 40px 0;background: url(../img/plate3bg.png) center no-repeat;background-size: cover;}
.plate3 .us-title{margin-bottom: 40px;}
.plate3 .plate3-list ul{width: calc(100% + 20px);margin: -15px -10px;display: flex;flex-wrap: wrap;}
.plate3 .plate3-list ul li{width: 33.3%;padding: 15px 10px;}
.plate3 .plate3-list ul li a{display: block;width: 100%;background: #fff;border-radius: 8px;padding: 15px;box-sizing: 0 0 10px rgba(163, 188, 176, 0.16);}
.plate3 .plate3-list ul li a:hover .title{color: #20bc82;}
.plate3 .plate3-list ul li a .title{font-size: var(--font18);color: #333;font-weight: bold;text-indent: 25px;position: relative;border-bottom: 1px dashed #d2dedc;padding-bottom: 10px;margin-bottom: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 24px;height: 60px;overflow: hidden;}
.plate3 .plate3-list ul li a .title img{position: absolute;left: 0;top: 6px;}
.plate3 .plate3-list ul li a .info-item{display: flex;align-items: center;margin-top: 12px;color: #888;font-size: var(--font14);}
.plate3 .plate3-list ul li a .info-item img{margin-right: 7px;}
.plate3 .plate3-list .us-more{margin-top: 40px;}
.plate4{width: 100%;padding: 60px 0 40px 0;background: url(../img/plate4bg.png) center no-repeat;background-size: cover;}
.plate4 .us-title{margin-bottom: 40px;}
.plate4 .us-more{margin-top: 80px;}
.plate4 .plate4-list ul{width: calc(100% + 30px);margin: -15px;display: flex;flex-wrap: wrap;}
.plate4 .plate4-list ul li{width: 33.3%;padding: 15px 15px;}
.plate4 .plate4-list ul li a{display: block;width: 100%;background: #fff;border-radius: 4px;padding: 20px;border: 1px solid #f0f4f2;}
.plate4 .plate4-list ul li a:hover .title{color: #20bc82;}
.plate4 .plate4-list ul li a:hover .pic img{transform: scale(1.1);}
.plate4 .plate4-list ul li a .pic{width: 100%;border-radius: 4px;overflow: hidden;max-height:204px;overflow:hidden}
.plate4 .plate4-list ul li a .pic img{width: 100%;}
.plate4 .plate4-list ul li a .title{font-size: var(--font18);line-height: 34px;color: #333;margin-top: 10px;margin-bottom: 10px;font-weight: bold;}
.plate4 .plate4-list ul li a .more{text-align: right;font-size: var(--font16);color: #20bc82;}
.plate4 .plate4-list .slick-dots{bottom: -15px;display: flex;align-items: center;justify-content: center;}
.plate4 .plate4-list .slick-dots li{width: 40px;height: 8px;background: #e3eae8;border-radius: 4px;margin: 0 5px;padding: 0 !important;}
.plate4 .plate4-list .slick-dots li.slick-active{background: #20bc82;}
.top_nav .top_nav_box .top-nav-right .nav ul li a{transition: all 0.5s ease;}
.top_nav .top_nav_box .top-nav-right .nav ul li a:hover{font-weight: bold;}
.plate6 .plate6-list ul li a .title{align-items: center;}
.plate1 .plate1-box .new-content .new-item{top: 0;z-index: -1;}
.plate1 .plate1-box .new-content .new-item.on{z-index: 1;}
.plate5{width: 100%;padding: 40px 0 30px 0;background: url(../img/plate5bg.png) #f4fbf9 bottom no-repeat;background-size: contain;}
.plate5 .us-title{margin-bottom: 25px;}
.plate5 .plate5-list{padding: 55px 55px 20px 40px;background: #fff;}
.plate5 .plate5-list ul li.on a .content1{position: absolute;opacity: 0;}
.plate5 .plate5-list ul li.on a .content2{display: flex;justify-content: space-between;}
.plate5 .plate5-list ul li a{display: block;width: 100%;}
.plate5 .plate5-list ul li a .content1{display: flex;justify-content: space-between;height: 68px;align-items: center;border-bottom: 1px solid #eeeeee;}
.plate5 .plate5-list ul li a .content1 .title{font-size: var(--font20);color: #000;position: relative;padding-left: 25px;}
.plate5 .plate5-list ul li a .content1 .title:after{content: "";height: 10px;width: 10px;position: absolute;left: 5px;transform: rotate(45deg);top: 8px;background: #20bc82;}
.plate5 .plate5-list ul li a .content1 .time{font-size: var(--font18);color: #000;}
.plate5 .plate5-list ul li a .content2{display: none;}
.plate5 .plate5-list ul li a .content2 .text-left{width: 60%;padding-right: 40px;float: left;}
.plate5 .plate5-list ul li a .content2 .text-left .title{font-size: var(--font20);color: #000;line-height: 60px;border-bottom: 1px solid #eeeeee;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.plate5 .plate5-list ul li a .content2 .text-left .info{font-size: var(--font16);line-height: 30px;color: #000;margin: 15px 0 20px 0;}
.plate5 .plate5-list ul li a .content2 .text-left .fun{display: flex;justify-content: space-between;align-items: center;}
.plate5 .plate5-list ul li a .content2 .text-left .fun .time{font-size: var(--font16);line-height: 30px;color: #000;}
.plate5 .plate5-list ul li a .content2 .text-left .fun .more{display: flex;align-items: center;margin-top: 15px;font-size: var(--font16);}
.plate5 .plate5-list ul li a .content2 .text-left .fun .more span{color: #20bc82;font-size: var(--font16);padding-right: 10px;border-right: 1px solid #20bc82;margin-right: 10px;}
.plate5 .plate5-list ul li a .content2 .pic-right{width: 40%;float: right;}
.plate5 .plate5-list ul li a .content2 .pic-right img{width: 100%;}
.plate5 .us-more{margin-top: 40px;color: #fff;border: 1px solid #fff;}
.plate5 .us-more .icon2{display: block;}
.plate5 .us-more .icon1{display: none;}
.plate6{width: 100%;padding: 40px 0 60px 0;background: url(../img/plate6bg.png) bottom no-repeat;background-size: contain;}
.plate6 .us-title{margin-bottom: 40px;}
.plate6 .plate6-list ul{width: calc(100% + 30px);margin: -15px;display: flex;flex-wrap: wrap;}
.plate6 .plate6-list ul li{width: 25%;padding: 15px;}
.plate6 .plate6-list ul li a{display: block;width: 100%;}
.plate6 .plate6-list ul li a:hover .pic img{transform: scale(1.1);}
.plate6 .plate6-list ul li a:hover .title{color: #20bc82;}
.plate6 .plate6-list ul li a .pic{width: 100%;overflow: hidden;line-height: 0;border-radius: 10px;}
.plate6 .plate6-list ul li a .pic img{width: 100%;}
.plate6 .plate6-list ul li a .pic video{width: 100%;height: 168px;object-fit: fill;}
.plate6 .plate6-list ul li a .title{display: flex;overflow: hidden;white-space: nowrap;font-size: var(--font318);color: #333;text-overflow: ellipsis;margin: 15px 0 10px 0;font-weight: bold;}
.plate6 .plate6-list ul li a .title img{margin-right: 9px;}
.plate6 .plate6-list ul li a .fun{display: flex;justify-content: space-between;align-items: center;padding-right: 20px;}
.plate6 .plate6-list ul li a .fun .read{width: 72px;height: 24px;border-radius: 4px;display: flex;align-items: center;justify-content: center;color: #15b68e;font-size: var(--font14);background: #e5f8f3;}
.plate6 .plate6-list ul li a .fun .time{color: #8291a0;font-size: var(--font14);}
.plate6 .us-more{margin-top: 40px;}
.down{width: 100%;background: #1c372e;padding: 30px 0;}
.down .down-link{display: flex;}
.down .down-link.link2{margin-top: 20px;}
.down .down-link.link2 ul{width: 100%;}
.down .down-link span{font-size: var(--font14);color: #fff;width: 80px;}
.down .down-link ul{width: calc(100% - 80px);display: flex;}
.down .down-link ul li{margin-right: 15px;}
.down .down-link ul .line{height: 16px;width: 1px;background: rgba(255, 255, 255, 0.15);}
.down .down-link ul li a{font-size: var(--font14);color: #fff;display: block;}
.down .down-link ul li a:hover{text-decoration: underline;}
.plate5 .plate5-list ul li a .content2 .text-left .title{font-weight: bold;}
.us-more{width: 162px;height: 50px;border-radius: 11px;display: flex;align-items: center;justify-content: center;color: #20bc82;border: 2px solid #20bc82;font-size: var(--font20);}
.us-more.pcenter{margin-left: auto;margin-right: auto;}
.us-more .icon2{display: none;}
.us-more:hover{background: #20bc82;color: #fff;}
.us-more:hover .icon2{display: block;}
.us-more:hover .icon1{display: none;}
.us-more img{margin-left: 10px;}
.us-title{font-size: var(--font32);color: #222;display: flex;align-items: center;justify-content: center;line-height: 0;}
.us-title img{margin: 0 30px;}
.top_nav .top_nav_box .top-nav-right .nav ul li:hover a:after{content: "";position: absolute;width: 60px;height: 4px;background: #fff;bottom: -10px;left: 50%;transform: translate(-50%, 0);}
.qwe{font-size: var(--font16);line-height: 30px;color: #333;white-space: nowrap;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.plate5 .plate5-list ul li a .content1 .title{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.plate1 .plate1-box ul li.loginbox .login{transition: all 0.5s ease;}
.plate1 .plate1-box ul li.loginbox .login:hover{transform: scale(1.1);}
.plate1 .plate1-box ul li:nth-child(2).on .title{color: #2dcbb9;}
.plate1 .plate1-box ul li:nth-child(2).on .box:after{background: #2dcbb9;}
@font-face{font-family: "Alimams";src: url("AlimamaShuHeiTi-Bold.otf") format("truetype");}
.us-title{font-family: "Alimams" !important;}
.announcement .announcement-box span,
.plate1 .plate1-box ul li .box .title{font-family: "Alimams" !important;}
.plate4 .plate4-list ul li a{box-shadow: 0 0 20px rgba(145, 169, 163, 0.16);}
@media screen and (max-width: 1500px){
  .plate2 .plate2-box{padding: 30px 15px 30px 30px;}
  .top_nav .top_nav_box .logo img{height: 60px;}
  .top_nav .top_nav_box .top-nav-right .nav ul li a{margin-left: 20px;}
}
@media screen and (max-width: 1024px){
  .plate6 .plate6-list ul li{width: 100%;}
  .announcement .announcement-box{height: auto;padding: 15px;flex-wrap: wrap;}
  .announcement .announcement-box a{min-width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 20px;}
  .announcement .announcement-box a .more{margin-left: 20px;}
  .us-more{width: 140px;height: 44px;border-radius: 10px;margin-top: 20px !important;}
  .plate5 .plate5-list ul li.on a .content2{flex-direction: column;}
  .plate5 .plate5-list ul li a .content1 .time{min-width: 100px;}
  .plate5 .plate5-list ul li.on a .content2 > div{width: 100% !important;}
  .plate5 .plate5-list ul li a .content2 .text-left{padding-right: 0;}
  .plate5 .plate5-list ul li a .content2 .text-left .info{line-height: 24px;}
  .plate5 .plate5-list ul li a .content2 .text-left .info{margin: 10px 0;}
  .plate5 .plate5-list ul li a .content2 .pic-right{margin-top: 20px;}
  .plate5 .plate5-list{padding: 15px 20px;}
  .plate6{padding: 30px 0;}
  .plate5 .plate5-list ul li a .content1 .title:after{top: 5px;}
  .layout37{display: block;position: fixed !important;z-index: 16;top: 0px;}
  .plate5{background-size: auto;}
  .plate3 .plate3-list ul li{width: 100%;}
  .plate4 .plate4-list .slick-dots{bottom: -30px;}
  .plate4 .plate4-list ul li a{padding: 15px;}
  .plate4 .us-more{margin-top: 60px !important;}
  .plate2 .plate2-box{flex-direction: column;padding: 15px;}
  .plate1 .plate1-box ul li .box{height: 140px;margin-bottom: 20px;}
  .plate2 .plate2-box .left-nav, .plate2 .plate2-box .right-content{width: 100%;}
  .plate2 .plate2-box .right-content{position: relative;width: 100%;}
  .plate5 .plate5-list ul li a{position: relative;}
  .plate5 .plate5-list{width: 100%;}
  .plate5 .plate5-list li{width: 100%;}
  .plate1 .plate1-box .new-content .new-item-left{width: 100%;}
  .plate1 .plate1-box .new-content .new-item-right{width: 100%;margin-top: 30px;}
  .plate1 .plate1-box .new-content{margin-top: 20px;position: relative;width: 100%;}
  .plate2 .plate2-box .right-content .content-item .item{margin-bottom: 20px;}
  .down .down-link.link2 ul, .down .down-link ul{flex-wrap: wrap;}
  .down .down-link ul .line{display: none;}
  .down .down-link ul li{width: 50%;}
  .down .down-link ul{width: 100%;}
  .down .down-link{flex-direction: column;}
  .us-title img{margin: 0 10px;width: 45px;}
  .announcement{margin-top: 70px;}
  .plate3 .plate3-list ul li a .title{text-indent: 40px;}
  .plate3 .plate3-list ul li a .title img{top: 8px;}
  .plate1{margin-bottom: 30px;}
  .plate1 .plate1-box .new-content .new-item-right ul li a{padding-left: 20px;}
  .plate1 .plate1-box .new-content .new-item-right ul li a:after{left: 0;}
  .plate1 .plate1-box .new-content .new-item{flex-direction: column;}
  .plate1 .plate1-box ul li .box .arrow{display: none !important;}
  .plate2 .plate2-box .right-content{margin-top: 25px;}
  .plate1 .plate1-box ul li{width: 100%;}
  .plate1 .plate1-box ul{flex-direction: column;}
  .plate2 .plate2-box .left-nav .nav-item.on:before{display: none;}
  .plate2 .plate2-box .right-content .content-item .item{width: 100%;}
  .plate2 .plate2-box .left-nav .nav-item{line-height: 48px;}
  .top_nav{display: none;}
  .plate4{padding: 30px 0;}
  ._nav2{width: 100%;float: left;}
  ._nav2-1_bg{width: 100%;}
  ._nav2 .ctext{width: 100%;float: left;}
  ._nav2 .ctext .top{position: relative;z-index: 5;}
  ._nav2 .ctext .menuph{display: block;}
  ._nav2 .ctext .menuph{float: right;width: 28px;height: 28px;cursor: pointer;text-align: center;margin: 12px 0px 12px 0;}
  ._nav2 .ctext .menuph .point{display: inline-block;width: 28px;height: 28px;position: relative;}
  ._nav2 .ctext .menuph .point:hover .navbtn, ._nav2 .ctext .menuph .point:hover .navbtn::after, ._nav2 .ctext .menuph .point:hover .navbtn::before{width: 28px;}
  ._nav2 .ctext .menuph .navbtn{position: absolute;top: 14px;right: 0;display: inline-block;height: 2px;background: #20bc82;width: 28px;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-ms-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
  ._nav2 .ctext .menuph .navbtn::after, ._nav2 .ctext .menuph .navbtn::before{position: absolute;right: 0;display: inline-block;width: 28px;height: 2px;content: "";background: #20bc82;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-ms-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
  ._nav2 .ctext .menuph .navbtn::after{top: -10px;}
  ._nav2 .ctext .menuph .navbtn::before{top: 10px;}
  ._nav2 .ctext .menuph .point.active .navbtn{background: transparent;}
  ._nav2 .ctext .menuph .point.active .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}
  ._nav2 .ctext .menuph .point.active .navbtn::before{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}
  .us-title{font-size: 18px;}
  .plate4 .plate4-list ul li a .title{font-size: 16px !important;line-height: 24px;}
  ._nav2 .ctext .xialaph{top: 0;float: left;width: 100%;height: 100vh;overflow: auto;padding: 0 15px;z-index: 999999999999;background: #fff;display: none;left: 0;top: 50px;}
  ._nav2 .ctext .xialaph .ul2, ._nav2 .ctext .xialaph .ul3{display: none;}
  ._nav2 .ctext .xialaph h4 a{float: left;width: 60%;font-size: 16px;line-height: 50px;}
  ._nav2 .ctext .xialaph h4 a span{padding-left: 6px;color: #ccc;font-size: 14px;}
  ._nav2 .ctext .xialaph h4{float: left;width: 100%;position: relative;}
  ._nav2 .ctext .xialaph li:last-child h4::before{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: #e5e5e5;}
  ._nav2 .ctext .xialaph h4:hover a, ._nav2 .ctext .xialaph h5:hover a{color: #20bc82;}
  ._nav2 .ctext .xialaph h4::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 1px;background-color: #e5e5e5;}
  ._nav2 .ctext .xialaph h5 a{float: left;width: 100%;color: #1f1f1f;font-size: 14px;line-height: 40px;text-transform: uppercase;}
  ._nav2 .ctext .xialaph h5{float: left;width: 100%;position: relative;}
  ._nav2 .ctext .xialaph h5::after{content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 1px;background-color: #e5e5e5;}
  ._nav2 .ctext .xialaph li:last-child h5::after{display: none;}
  ._nav2 .ctext .xialaph h4 img{width: 15px;height: 8px;float: right;margin-top: 24px;cursor: pointer;}
  ._nav2 .ctext .xialaph h5 img{width: 11px;height: 6px;float: right;margin-top: 26px;margin-right: 18px;cursor: pointer;}
  ._nav2 .ctext .xialaph h4.active img.img_s, ._nav2 .ctext .xialaph h5.active img.img_s{display: none;}
  ._nav2 .ctext .xialaph h4.active img.img_d, ._nav2 .ctext .xialaph h5.active img.img_d{display: block;}
  ._nav2 .ctext .xialaph .ul2{float: left;width: 100%;padding: 0 10px;}
  ._nav2 .search{display: flex;width: 100%;justify-content: center;transform: translate(0px, 30px);}
  ._nav2 .search form{position: relative;}
  ._nav2 .search form .text{height: 50px;padding: 0 80px 0 10px;width: 300px;background: #eee;color: #333;font-size: 16px;border-radius: 2px;}
  ._nav2 .search form .text::placeholder{color: #bbbbbb;font-size: 16px;}
  ._nav2 .search form .submit{height: 30px;width: 60px;line-height: 28px;color: #fff;text-align: center;position: absolute;right: 10px;top: 10px;border-radius: 2px;background: linear-gradient(to bottom, #30bd87, #02a078);}
  ._nav2 .ctext .xialaph .phsou{position: relative;margin-top: 34px;}
  ._nav2 .ctext .xialaph .phsou input{width: 100%;height: 56px;background-color: #fff;color: #aaa;font-size: 14px;padding-left: 20px;border: 1px solid #e5e5e5;}
  ._nav2 .ctext .xialaph .phsou img{cursor: pointer;width: 21px;height: 22px;position: absolute;top: 17px;right: 29px;}
  ._nav2 .ctext .img_d, ._nav2 .ctext .disno{display: none;}
  ._nav2 .box{display: flex;height: 50px;padding: 0 15px;width: 100%;justify-content: space-between;}
  ._nav2 .box .bg{height: 50px;background: #fff;width: 100%;left: 0;position: absolute;z-index: 5;float: left;opacity: 1;}
  ._nav2 .ctext.sub .box .bg{opacity: 1;}
  ._nav2 .box .logo{float: left;position: relative;z-index: 6;}
  ._nav2 .box .logo img{height: 30px;margin-top: 10px;display: block;}
  ._nav2 .soph{margin-top: 15px;width: 100%;float: left;}
  ._nav2 .soph .so{float: left;width: 100%;background: #fff;position: relative;z-index: 6;border: 1px solid #20bc82;}
  /* ._nav2 .soph .search{float: left;width: 100%;height: 36px;background: none;border: none;line-height: 36px;padding: 0 56px 0 10px;color: #414141;font-size: 14px;}
  ._nav2 .soph .searsub{float: right;width: 50px;height: 100%;border: none;background: url(../img/search2.png) center no-repeat @c;position: absolute;right: 0;top: 0;}*/.nbanner{margin-top: 50px;}
}
.n_nav{padding-top:20px;padding-bottom:40px;overflow: hidden}
.n_nav a{float:left;display:block;height:60px;line-height:60px;text-align:center;font-size:16px;color:#585858;margin:0 40px 0 0;position:relative;}
.n_nav a:after{content: "";width:00%;height: 3px;background: #20bc82;position: absolute;left: 0;bottom:0%;transition: all 0.3s}
.n_nav a:hover:after{width: 100%;left: 0}
.n_nav a.on:after{width: 100%;left: 0}
.content{font-size:16px;color:#333333;line-height:30px;}
.content *{line-height:30px;}
.content p{padding:10px 0;}
.content img{max-width:100%;}
.news_i_c{background:#fff;padding:40px 0;overflow: hidden}
.news_i_title1{font-size:18px;color:#414141;line-height:35px;text-align:center;}
.news_i_title2{font-size:14px;color:#a6a6a6;line-height:25px;text-align:center;padding-bottom:10px;border-bottom:#d1d1d1 1px dashed;}
a.news_i_ico_a{display:block;width:419px;height:50px;line-height:50px;text-align:center;background:#fff;font-size:14px;color:#333333;}
a.news_i_ico_a img.l{margin-right:25px;}
a.news_i_ico_a img.r{margin-left:25px;}
a.i_news_more{display:block;width:150px;height:36px;line-height:36px;text-align:center;font-size:16px;color:#8a8a8a;border:#dcdcdc 1px solid;margin:0 auto;}
a.i_news_more:hover{background:#1e60ac;border:#1e60ac 1px solid;color:#fff;}
.i_nav2_list{border:#f5f5f5 1px solid;padding:30px 0;overflow: hidden}
.i_nav2_list li{float:left;width:25%;box-sizing:border-box;border-left:#e9e9e9 1px solid;}
.i_nav2_list li:first-child{border-left:0;}
.i_nav2_list li .ico{width:60px;height:60px;margin:0 auto;transition:transform 0.6s;}
.i_nav2_list li .ico1{background:url(../img/i_nav2_list_ico1.png) center no-repeat;}
.i_nav2_list li .ico2{background:url(../img/i_nav2_list_ico2.png) center no-repeat;}
.i_nav2_list li .ico3{background:url(../img/i_nav2_list_ico3.png) center no-repeat;}
.i_nav2_list li .ico4{background:url(../img/i_nav2_list_ico4.png) center no-repeat;}
.i_nav2_list li .txt1{font-size:16px;color:#000000;line-height:30px;text-align:center;}
.i_nav2_list li .txt2{font-size:14px;color:#4d4d4d;line-height:25px;text-align:center;}
.i_nav2_list li:hover .ico{transform: rotateY(360deg)}
.xypg-news-list li{border: 1px solid #e1e1e1;padding: 30px;background: #fff;margin-bottom: 35px;-webkit-transition: all .5s;transition: all .5s;}
.xypg-news-list li .tit{border-bottom: 1px solid #cbcbcb;margin-bottom: 15px;position: relative;}
.xypg-news-list li .tit h3{padding-bottom: 15px;font-size: 18px;color: #565656;font-weight: normal;padding-right: 25%;margin: 0;}
.xypg-news-list li .tit .date{position: absolute;right: 0;top: 0;font-size: 14px;color: #666666;}
.xypg-news-list li .info{font-size: 14px;line-height: 2;color: #999999;}
.xypg-news-list li .more{margin-top: 15px;}
.xypg-news-list li .more span{display: inline-block;width: 130px;line-height: 33px;text-align: center;color: #000;font-size: 14px;color: #666666;border: 1px solid #e1e1e1;-webkit-transition: all .5s ease;transition: all .5s ease;}
.page-wrap-left{float: left;width: 305px;margin-right: 4.16666667%;}
.xypg-left-box{margin-bottom: 20px;}
.xypg-left-title{background: #20bc82;padding: 10px 20px;position: relative;width: 100%;}
.xypg-left-title h3{font-size: 20px;color: #ffffff;line-height: 30px;font-weight: bold;position: relative;z-index: 9;}
.xypg-left-title i{position: absolute;left: -5px;top: -9px;font-style: normal;font-size: 67px;font-weight: bold;opacity: .1;color: #fff;line-height: 1;z-index: 1;text-transform: uppercase;}
.xypg-left-title span{font-weight: normal;font-size: 16px;color: #fff;opacity: .6;margin-left: 10px;text-transform: capitalize;}
.xypg-left-title span:before{content: "/";padding-right: 5px;}
.latest-news{padding: 10px 0;}
.latest-news li{padding: .5em 1em;font-size: 14px;}
.latest-news li a{display: block;line-height: 1.2;color: #5a5a5a;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.latest-news li a:before{content: '+';font-weight: bold;margin-right: 5px;font-size: 16px;}
.latest-news li a:hover{color: #20bc82;}
.latest-news li a:hover:before{color: #20bc82;}
.page-wrap-contact{padding: 10px 0;font-size: 14px;}
.page-wrap-contact h4{padding: .3em 1.4em .8em 1.4em;font-size: 16px;color: #000000;}
.page-wrap-contact p{border-top: 1px solid #eee;position: relative;margin-bottom: 0;padding: .8em 1.4em;color: #2f2f2f;}
.page-wrap-right{overflow: hidden;}
.xypg-news-list li:hover{-webkit-box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);}
.xypg-news-list li:hover .tit h3{color: #20bc82;}
.xypg-news-list li:hover .more span{color: #fff;background-color: #20bc82;}
.xypg-left-nav{margin: 0 -1px;}
.xypg-left-nav > li{position: relative;border-bottom: 1px solid #eeeeee;}
.xypg-left-nav > li:last-child{border-bottom: none;}
.xypg-left-nav > li > a{display: block;font-size: 16px;line-height: 22px;color: #2e2e2e;padding: 15px 18px;}
.xypg-left-nav > li .first-nav-btn{position: absolute;z-index: 99;width: 30px;height: 30px;text-align: center;top: 10px;right: 20px;cursor: pointer;background: url(../images/icon_spirit.png) 0 -240px no-repeat;}
.xypg-left-nav > li .first-nav-btn.clicked{background-position: 0 -270px;}
.xypg-left-nav > li:hover > a, .xypg-left-nav > li.clicked > a{color: #2793e8;}
.xypg-left-nav > li:hover .first-nav-btn, .xypg-left-nav > li.clicked .first-nav-btn{color: #2793e8;}
.xypg-left-nav .xypg-left-subnav{display: none;padding: 0 10px;}
.xypg-left-nav .xypg-left-subnav > li{border-top: 1px dashed #eeeeee;}
.xypg-left-nav .xypg-left-subnav > li > a{padding: 8px;display: block;line-height: 20px;color: #818181;font-size: 16px;}
.xypg-left-nav .xypg-left-subnav > li > a:hover{color: #2793e8;}
.xypg-left-nav .xypg-left-subnav > li.clicked > a{color: #2793e8;}
.xypg-left-nav .xypg-left-threenav > li > a{padding: 5px 10px;display: block;font-size: 14px;line-height: 24px;color: #999999;}
.xypg-left-nav .xypg-left-threenav > li > a:before{content: '\2014 ';}
.xypg-left-nav .xypg-left-threenav > li > a:hover{color: #2793e8;}
.xypg-left-nav .xypg-left-threenav > li.clicked > a{color: #2793e8;}
.xypg-pagination{margin-top: 20px;text-align: center;font-size: 0;margin-bottom: 20px;overflow: hidden;width: 100%;}
.indexcontent{overflow: hidden;}
.xypg-pagination .pagin-left,
.xypg-pagination .pagin-mid,
.xypg-pagination .pagin-right,
.xypg-pagination .pagin-select{display: inline-block;vertical-align: middle;}
.xypg-pagination li{float: left;}
.xypg-pagination a,
.xypg-pagination .active a{display: inline-block;font-size: 14px;color: #333333;font-family: "Microsoft YaHei", Arial;line-height: 26px;border: 1px solid #cbcbcb;margin: 0 5px;padding: 0 8px;}
.xypg-pagination .active a,
.xypg-pagination a:hover{color: #fff;border-color: #20bc82;background: #20bc82;}
.xypg-pagination .pagin-mid{font-size: 14px;}
.xypg-pagination .pagin-mid .mob-pagin-mid{display: none;}
.xypg-pagination .pagin-select{font-size: 14px;}
.xypg-pagination .pagin-select select{height: 28px;padding: 0 8px;margin: -1px 5px 0 5px;}
.znyj_c .znyj_c_box{width: 360px;height: auto;overflow: hidden;float: left;padding: 0px;margin: 5px 14px 35px;border: 1px #E5E5E5 solid}
.znyj_c .znyj_c_box:hover{background: #fff;cursor: pointer;box-shadow: 0px 0px 8px #ccc}
.boxpic{width: 360px;height: 230px;overflow: hidden}
.znyj_c .znyj_c_box video{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;width: 360px;height: 230px;object-fit: fill;}
.znyj_c .znyj_c_box video:hover{-webkit-filter: brightness(.7);}
.znyj_c .znyj_c_box:hover video{-webkit-filter: brightness(.7);}
.znyj_c .znyj_c_box dt{width: 100%;height: auto;overflow: hidden;padding: 5px 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.znyj_c .n_nav a{margin: 0 40px 0 0}
.znyj_c .znyj_c_box dt a{color: #515050;font-size: 18px}
.znyj_c .znyj_c_box dt a:hover{color: #257FEB}
.znyj_c .znyj_c_box dd{width: 340px;height: auto;overflow: hidden;padding: 5px 10px}
.znyj_c .znyj_c_box dd p.d{color: #404040;font-size: 14px;line-height: 24px;padding: 10px 0}
.znyj_c .znyj_c_box dd p.d a{color: #404040;}
.znyj_c .znyj_c_box dd p.c{color: #404040;font-size: 14px;padding: 10px 0 15px;line-height: 24px}
.common-inner{padding-top: 40px;}
.pro-title h3{color: #fff;font-size: 20px;font-weight: bold;padding-left: 78px;padding-top: 27px;}
.pro-title p{color: #fff;font-size: 12px;padding-left: 78px;}
.cp-tel{width: 100%;background: url("../img/cptel.jpg") no-repeat center top;}
.cp-tel>div{width: 100%;height: 109px;background: url("../img/ctel.png") no-repeat center left 23px;}
.cp-tel>div>p{color: #fff;font-size: 14px;padding-left: 70px;padding-top:30px;}
.cp-tel>div>strong{color: #fff;font-size: 22px;display: block;padding-left: 70px;}
.cp-tel .cptel-more{width: 100%;height: auto;}
.cp-tel .cptel-more span{color: #555;display: block;padding: 13px 0;border-bottom: 1px dashed #e1e1e1;}
.Piclist ul.list{float: left;width: 100%;padding-left: 0px;}
.Piclist ul.list li.item{float: left;width: 287px;margin-bottom: 30px;margin-right: 31px;border: 1px solid #F6F6F6;height:215px;overflow:hidden;position:relative}
.Piclist ul.list li.item a{display: block;width: 100%;overflow: hidden;background: #F6F6F6;}
.Piclist ul.list li.item span{width: 100%;height: 45px;color: #555;text-align: center;display: block;line-height: 45px;transition: all .5s;position:absolute;bottom:0;left:0;width:100%;background:#fff}
.Piclist ul.list li.item img{display: block;width: 287px;}
.Piclist ul.list li.item a:hover{background: #008ed7;}
.Piclist ul.list li.item a:hover span{color: #fff;}
.Piclist ul.list li.item .item_mask{width: 287px;height: 215px;background: rgba(0,0,0,0);position: absolute;left: 0;top: 0;opacity: 0;filter: Alpha(opacity=0);*zoom:1;-webkit-transform: rotateX(180deg) scale(0.5, 0.5);transform: rotateX(180deg) scale(0.2, 0.2);transition: all ease-out .5s;}
.Piclist ul.list li.item .item_link_icon{display: block;width: 45px;height: 45px;text-align: center;line-height: 38px;position: absolute;left: 50%;top: 50%;margin-left: -22px;opacity: 0;filter: Alpha(opacity=0);*zoom:1;background: url(../img/See.png) center no-repeat;}
.Piclist ul.list li.item:hover .item_mask{opacity: 1;filter: Alpha(opacity=100);-webkit-transform: rotateX(0deg) scale(1, 1);transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;background: rgba(0, 0, 0, .1);}
.Piclist ul.list li.item:hover .item_link_icon{transform: translateY(-21px);opacity: 1;filter: Alpha(opacity=100);}
.show_huodong{max-width: 845px;margin:0 auto 20px auto;background: #fff;padding: 0px 30px 20px 0;box-sizing: border-box;float: left;}
.show_huodong .top-section{display: flex;gap: 30px;padding-bottom: 20px;border-bottom: 1px solid #ddd;}
.show_huodong .illustration{flex: 1;max-width: 320px;}
.show_huodong .illustration svg{width: 100%;height: auto;}
.show_huodong .info{flex: 2;}
.show_huodong .info h1{font-weight: 700;font-size: 20px;margin-bottom: 20px;}
.show_huodong .info dl{margin: 0;}
.show_huodong .info dl div{overflow: hidden;width: 100%;}
.show_huodong .info dt{float: left;width: 90px;font-weight: 600;color: #555;margin-bottom: 10px;}
.show_huodong .info dd{margin: 0 0 10px 100px;color: #333;}
.show_huodong .info dd .highlight{color: #d4b54f;}
.show_huodong .info dd .link{color: #f0a050;cursor: pointer;text-decoration: underline;}
.show_huodong .content-section{margin-top: 30px;background: #fafafa;padding: 20px 25px;border-radius: 4px;box-sizing: border-box;}
.show_huodong .tabs{display: flex;border-bottom: 1px solid #ddd;margin-bottom: 15px;}
.show_huodong .tab{margin-right: 20px;padding-bottom: 5px;font-size: 14px;color: #3a7bd5;cursor: pointer;border-bottom: 2px solid #3a7bd5;}
.show_huodong .tab.inactive{color: #666;border-bottom: none;cursor: default;}
.show_huodong .content-text{font-size: 14px;line-height: 1.6;white-space: pre-wrap;}
.show_huodong .content-text b{font-weight: 700;}
.needlist{margin:10px auto;border:1px solid #cbcbcb;}
.needlist .Info{padding:30px;overflow: hidden;padding-bottom: 0;}
.needlist .Info .inner{border-bottom:1px solid #cbcbcb;display: block;overflow: hidden;padding-bottom: 30px;}
.needlist .Info:last-child .inner{border-bottom:none;}
.needlist .Info .infoview{margin-left:20px;width:1090px;margin-top:2px;float: left;position: relative}
.needlist .Info .infoview .s_name{float:left;width:80px;}
.needlist .Info .infoview .s_con{display:block;float:left;width:200px;}
.needlist .Info .infoview .s_d_name{margin-left:50px;float:left;}
.needlist .Info .infoview dl{height:18px;line-height:20px;}
.needlist .Info .infoview dd{margin-bottom:5px;line-height:20px;}
.needlist .Info .infoview dd a{color: #333}
.needlist .Info .infoview dd .detail{position: absolute;right: 0;top: 30px;display: inline-block;width: 130px;line-height: 33px;text-align: center;color: #000;font-size: 14px;color: #666666;border: 1px solid #e1e1e1;-webkit-transition: all .5s ease;transition: all .5s ease;}
.needlist .Info .infoview dd .detail:hover{color: #fff;background-color: #20bc82;}
.needlist .Info .img_p{width:100px;height:100px;float: left;border:1px solid #cbcbcb;text-align:center;overflow:hidden;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.needlist .Info p.img-box{position:static;+position:absolute;top:50%;width:100px;}
.needlist .Info img{max-width:100px;max-height:100px;position:static;+position:relative;top:-50%;left:-50%;}
.search_h1{font-size: 24px;padding:15px 0;border-bottom: 1px solid #e1e1e1;margin-bottom: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.product_show{padding-bottom: 82px;background: #f6f6f6;overflow: hidden;}
.product_show .pc-slide .view{width: 537px;float: left;}
.product_show .view .swiper-container{width: 537px;height: 537px;}
.product_show .view .swiper-container img{width: 537px;height: 537px;}
.product_show .preview{width: calc(100% - 624px);position: relative;float: left;}
.list_show_html .left{width: calc(100% - 330px);}
.list_show_html .position .center{width: auto;}
.list_show_html .list_show .bt{padding-top: 46px;padding-bottom: 10px;text-align: center;}
.list_show_html .list_show .bt .p{font-size: 30px;color: #333333;line-height: 64px;}
.list_show_html .list_show .bt .pagebar{display: inline-flex;}
.list_show_html .list_show .bt .pagebar div{font-size: 14px;color: #888888;line-height: 44px;margin: 0 16px;}
.list_show_html .list_show .text{border-top: dashed 1px #dedfdf;border-bottom: solid 1px #dedfdf;padding-top: 25px;padding-bottom: 50px;}
.list_show_html .list_show .text p{font-size: 14px;color: #333333;line-height: 36px;text-indent: 2rem;text-align: justify;}
.list_show_html .list_show .text img{width: 100%;display: block;margin: 30px 0;}
.list_show_html .list_show .diehaun{padding-bottom: 66px;}
.list_show_html .list_show .diehaun a{display: block;width: calc(45% - 75px);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;height: 82px;line-height: 82px;font-size: 16px;color: #333333;}
.list_show_html .list_show .diehaun .float_l{padding-left: 75px;background: url("../img/list_l.jpg") left 22px center no-repeat;}
.list_show_html .list_show .diehaun .float_r{padding-right: 75px;text-align: right;background: url("../img/list_r.jpg") right 22px center no-repeat;}
.list_show_html .right_nav{width: 276px;padding-top: 20px;padding-bottom: 86px;}
.list_show_html .right_nav .title_r{font-size: 18px;color: #333333;line-height: 47px;padding-top: 26px;padding-left: 12px;width: 100%;float: left;}
.list_show_html{overflow: hidden}
.list_show_html .right_nav .list_r a{display: block;width: calc(100% - 42px);padding: 0 20px;border: solid 1px #dedfdf;height: 54px;line-height: 54px;border-top: none;text-align: center;font-size: 16px;color: #333333;background: #fff;transition:all 0.3s ease-in-out;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.list_show_html .right_nav .list_r a:hover{color: #fff;background: #4177b7;border: solid 1px #4177b7;border-top: none;}
.list_show_html .right_nav .list_r a:nth-child(1){border-top: solid 1px #dedfdf;}
.list_show_html .right_nav .list_r a:nth-child(1):hover{border-top: solid 1px #4177b7;}
.list_show_html .right_nav .list_p{border: solid 1px #dedfdf;padding: 20px 0 30px;background:#fff;width: 100%;float: left;}
.list_show_html .right_nav .list_p p{width: calc(100% - 42px);padding: 0 20px;line-height: 30px;font-size: 14px;color: #333333;background: #fff;}
.list_show_html .right_nav .list_r2 a{display: block;width: 100%;padding: 12px 20px;border: solid 1px #dedfdf;line-height: 32px;border-top: none;font-size: 14px;color: #333333;background: #fff;transition:all 0.3s ease-in-out;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list_show_html .right_nav .list_r2 a:hover{color: #fff;background: #4177b7;border: solid 1px #4177b7;border-top: none;}
.list_show_html .right_nav .list_r2 a:nth-child(1){border-top: solid 1px #dedfdf;}
.list_show_html .right_nav .list_r2 a:nth-child(1):hover{border-top: solid 1px #4177b7;}
.product_show .preview .product_text .title .name{font-size: 30px;color: #333333;line-height: 66px;height: 66px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.product_show .preview .product_text .title .time{font-size: 14px;color: #888888;line-height: 36px;height: 36px;padding-bottom: 15px;border-bottom: solid 1px #eeeeee;}
.product_show .preview .product_text .title .time span{margin: 0 30px;}
.product_show .preview .product_text .text{font-size: 14px;color: #333333;line-height: 36px;padding: 16px 5px 0 5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
.product_show .preview .bt{font-size: 18px;color: #333333;line-height: 66px;margin-top: 35px;}
.product_show .preview .swiper-container{width: 100%;margin-left: 0;}
.product_show .preview #relation_chanpin{overflow: hidden;}
.product_show .preview .swiper-slide{width: 172px;height: 172px;cursor:pointer;margin-right: 8px;}
.product_show .preview .swiper-slide img{width: 100%;height: 172px;}
.product_show .preview .arrow-left{position: absolute;right: 22px;bottom: 117px;width: 177px;height: 55px;z-index: 10;text-align: center;background: #4177b7;font-size: 16px;color: #ffffff;line-height: 55px;transition:all 0.3s ease-in-out;}
.product_show .preview .arrow-left:hover{color: #fff;background: #fda30f;}
.product_show .preview .arrow-right{position: absolute;right: 22px;bottom: 52px;width: 177px;height: 55px;z-index: 10;text-align: center;background: #4177b7;font-size: 16px;color: #ffffff;line-height: 55px;transition:all 0.3s ease-in-out;}
.product_show .preview .arrow-right:hover{color: #fff;background: #fda30f;}
.show_html .xiangqing{width: 276px;height: 52px;font-size:16px;color: #ffffff;text-align: center;line-height: 52px;background: #4177b7;margin-top: 40px;}
.show_html .text{border-top: solid 1px #dedfdf !important;}
.list_show_html .float_l{float: left;}
.list_show_html .float_r{float: right;}
.brand_banner{width: 100%;height: auto;max-width: 1920px;margin: 0 auto;}
.brand_banner img{width:100%;height: auto;display: block;}
.brand_content{width: 100%;margin-bottom: -20px;}
.conn_box{background:#fff;height:370px;padding:20px;margin:30px auto;overflow: hidden}
.conn_rr{float:right;width:700px;}
.conn_ll{float:left;width:400px;font-size:14px}
.conn_ll h2{font-size:30px;color:#333;margin-bottom:15px;font-weight:normal}
.conn_ll .conn_address{padding-left:30px;line-height:30px;margin:4px 0 0;background:url(../img/conn_dot01.png) left 9px no-repeat;}
.conn_ll .conn_tel{padding-left:30px;line-height:30px;margin:4px 0 0;background:url(../img/conn_dot02.png) left 9px no-repeat;}
.conn_ll .conn_email{padding-left:30px;line-height:30px;margin:4px 0 0;background:url(../img/conn_dot03.png) left 9px no-repeat;}
.conn_ll .conn_fax{padding-left:30px;line-height:30px;margin:4px 0 0;background:url(../img/conn_dot04.png) left 9px no-repeat;}
.conn_ll .conn_code{margin-top:20px;float:left;display:block}
.conn_ll .conn_code img{max-width:120px!important;}
.conn_ll .conn_code span{display:block;color:#333;margin-top:5px;text-align:center}
.xuqiu_detail{margin: 20px auto;display: flex;gap: 20px;}
.xuqiu_detail .xuqiu_main{flex: 1;}
.xuqiu_detail .card{background: #fff;padding: 20px 24px;margin-bottom: 20px;box-sizing: border-box;box-shadow: 0 0 5px #ddd;}
.xuqiu_detail .header-title{font-weight: 700;font-size: 16px;margin-bottom: 16px;}
.xuqiu_detail .info-row{margin-bottom: 8px;font-size: 14px;}
.xuqiu_detail .info-label{font-weight: 600;}
.xuqiu_detail .tabs{display: flex;border-bottom: 1px solid #ddd;margin-bottom: 16px;}
.xuqiu_detail .tab{padding: 8px 16px;cursor: pointer;font-size: 14px;color: #666;border-bottom: 2px solid transparent;}
.xuqiu_detail .tab.active{color: #2a7fff;font-weight: 600;border-bottom-color: #2a7fff;}
.xuqiu_detail .content{font-size: 14px;line-height: 1.6;white-space: pre-wrap;}
.xuqiu_detail .sidebar{width: 280px;}
.xuqiu_detail .company-box{background: #fff;padding: 16px;box-sizing: border-box;margin-bottom: 20px;box-shadow: 0 0 5px #ddd;text-align: center;}
.xuqiu_detail .company-logo{width: 80px;height: 80px;margin: 0 auto 8px;border-radius: 50%;overflow: hidden;}
.xuqiu_detail .company-logo img{width: 100%;}
.xuqiu_detail .company-name{font-weight: 700;font-size: 16px;margin-bottom: 4px;}
.xuqiu_detail .company-phone{font-size: 14px;color: #666;margin-bottom: 12px;}
.xuqiu_detail .btn-group{display: flex;justify-content: center;gap: 12px;}
.xuqiu_detail .btn{padding: 6px 14px;border-radius: 2px;font-size: 14px;cursor: pointer;border: none;color: #fff;}
.xuqiu_detail .btn.orange{background-color: #20bc82;}
.xuqiu_detail .btn.orange a{color:#fff}
.xuqiu_detail .btn.blue{background-color: #2a7fff;}
.xuqiu_detail .related{background: #fff;padding: 16px;box-sizing: border-box;box-shadow: 0 0 5px #ddd;}
.xuqiu_detail .related-title{font-weight: 700;font-size: 16px;margin-bottom: 12px;display: flex;align-items: center;gap: 6px;color: #f44336;}
.xuqiu_detail .related-title svg{width: 18px;height: 18px;}
.xuqiu_detail .related-list{list-style: none;padding: 0;margin: 0;font-size: 14px;color: #333;}
.xuqiu_detail .related-list li{border-bottom: 1px solid #eee;padding: 8px 0;display: flex;justify-content: space-between;gap: 10px;}
.xuqiu_detail .related-list li:last-child{border-bottom: none;}
.xuqiu_detail .related-list .title{flex: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xuqiu_detail .related-list .date{color: #999;white-space: nowrap;}