.wrap{ padding-top:0px;}
 
.flash-layout{ position: relative; width:100%;  height:868px;}
.flash-layout .flash{}
.flash-layout .flash li{ position:absolute;left:0px;top:0px;width:100%;height:100%;}
.flash-layout .flash .btn{ position:absolute;left:0px;bottom:30px;width:100%;height:22px;text-align:center;z-index:999;}
.flash-layout .flash .btn dt{ display:inline-block;width:15px;height:15px;margin:0px 10px;border-radius:50%;cursor:pointer;}


.panel1{ width:100%;  overflow:hidden;}
.panel1 .title{ padding:70px 0px 40px; font-size:40px; font-weight:bold;  text-align:center;}
.panel1 .title a{ color:#393939;}
.panel1 .title a:hover{ text-decoration:none;}
.panel1 .bz{ width:80%; line-height:32px; margin:0px auto auto auto; padding:0px 0px 50px; font-size:18px; text-align:left;}
.panel1 .bz a{ color:#aaa;}
.panel1 .bz a:hover{ text-decoration:none;}
.panel1 .bz .pc{ display:block;}
.panel1 .bz .m{ display:none;}

.solution li{ position:relative;display: block; background: #f7f7f7; height:380px;}
.solution li .overflowHide{ position:relative;   width: 50%; height:380px;}
@media screen and (max-width:1200px) and (min-width:1024px)
{
.solution li{ height:250px;}
.solution li .overflowHide{ height: 250px;}
    } 
.solution li a:hover{ text-decoration:none;}

.solution li .overflowHide img{ display:none;}
.solution li .overflowHide .bgImg{ transition: all 0.5s ease; position: absolute; height: 100%; width: 100%; left: 0; top: 0;}
.solution li .pro-con{  width: 50%; height: 100%; display: flex; align-items: center; position: absolute;  top: 0;right:0;}
.solution li .pro-con .con{ padding:0px 15%;}
.solution li .pro-con .con .head{ padding-bottom:20px; font-size:28px;  font-weight:bold; color:#777777;}
.solution li .pro-con .con .des{ line-height:36px;font-size:18px; color:#777777;}

.solution li.li1 .overflowHide{ float: left; left:-60%;}
.solution li.li1 .pro-con{ right:-60%;}
.solution li.li2 .overflowHide{ float: right; right:-60%;}
.solution li.li2 .pro-con{ left:-60%;}
/*
.panel1.activate .title{ transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);}
.panel1.activate .bz{ transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);}
*/
.panel1.activate .title,.panel1.activate .bz{opacity: 1; -webkit-transform: translateY(0);  -ms-transform: translateY(0); transform: translateY(0);}

.panel1.activate .solution li.li1 .overflowHide{ float: left; left:0px;}
.panel1.activate .solution li.li1 .pro-con{ right:0px;}
.panel1.activate .solution li.li2 .overflowHide{ float: right; right:0px;}
.panel1.activate .solution li.li2 .pro-con{ left:0px;}


.panel2{ width:100%; height:754px; overflow:hidden; }
.panel2 .head{ padding:70px 0px 40px; font-size:40px; font-weight:bold; color:#393939; text-align:center;}
.panel2 .head a{ color:#393939;}
.panel2 .head a:hover{ text-decoration:none;}
.panel2 .bz{ width:80%; line-height:32px; margin:0px auto auto auto; padding:0px 0px 50px; font-size:18px; text-align:left;}
.panel2 .bz a{ color:#aaa;}
.panel2 .bz a:hover{ text-decoration:none;}
.panel2 .bz .pc{ display:block;}
.panel2 .bz .m{ display:none;}
.panel2 .about{ width:100%; height:auto; overflow:hidden;}
.panel2 .about li{ position:relative; float:left; display:inline-block; width:25%; height:auto; padding:50% 0; overflow:hidden; }
.panel2 .about li.li1{ top:-600px;}
.panel2 .about li.li2{ bottom:-600px;}
.panel2 .about li.li3{ top:-600px;}
.panel2 .about li.li4{ bottom:-600px;}
.panel2 .about li.li5{ top:-600px;}
.panel2 .about li a:hover{ text-decoration:none;}
.panel2 .about li span{ display:block; position:absolute; top:0px; right:-3px; width:7px; height:100%; background-color:#ffffff;}
.panel2 .about li .show{ position:absolute; left:0px; top:0px; width:100%; height:80%; background-color:#f7f7f7; padding-top:20%;}
.panel2 .about li .show .icon{ position:absolute; left:0px; width:100%; height:106px;  z-index:9; text-align:center; }
.panel2 .about li .show .icon i{ display:inline-block; width:106px; height:106px;}
.panel2 .about li .show .icon-show{ top:130px;}
.panel2 .about li .show .icon1 i{ background:url(../images/introduce.png) no-repeat; background-size:100%;}
.panel2 .about li .show .icon2 i{ background:url(../images/idea.png) no-repeat; background-size:100%;}
.panel2 .about li .show .icon3 i{ background:url(../images/area.png) no-repeat; background-size:100%;}
.panel2 .about li .show .icon4 i{ background:url(../images/Patent.png) no-repeat; background-size:100%;}
.panel2 .about li .show .icon5 i{ background:url(../images/partner.png) no-repeat; background-size:100%;}
.panel2 .about li .show .icon6 i{ background:url(../images/lx.png) no-repeat; background-size:100%;}
.panel2 .about li .show .name{ position:absolute; left:0px; top:271px; width:100%; z-index:9; font-size:20px; color:#393939; text-align:center;}
.panel2 .about li .show .bg{ position:absolute; left:0; top:0; opacity:0; width:100%; height:100%; background-color:#c21230;  z-index:0; }
.panel2 .about li .show .des{ position:absolute; left:0; top:450px; opacity:0; padding:0px 10%; margin:0px auto auto auto; line-height:30px; padding-top:35px;  font-size:16px; color:#ffffff; text-align:left;}

.panel2 .about li:hover .show .bg{ opacity:1; transform:translateY(0);}
.panel2 .about li:hover .show .name{ top:50px; color:#ffffff;}

.panel2 .about li:hover .show .icon-show{ top:106px;}
.panel2 .about li:hover .show .icon1 i{ background:url(../images/about.png) no-repeat; background-size:100%;}
.panel2 .about li:hover .show .icon2 i{ background:url(../images/idea-hover.png) no-repeat; background-size:100%;}
.panel2 .about li:hover .show .icon3 i{ background:url(../images/area-hover.png) no-repeat; background-size:100%;}
.panel2 .about li:hover .show .icon4 i{ background:url(../images/Patent-hover.png) no-repeat; background-size:100%;}
.panel2 .about li:hover .show .icon5 i{ background:url(../images/partner-hover.png) no-repeat; background-size:100%;}
.panel2 .about li:hover .show .icon6 i{ background:url(../images/lx-hover.png) no-repeat; background-size:100%;}
.panel2 .about li:hover .show .des{ opacity:1; top:202px;}
    
.panel2.activate .head,.panel2.activate .bz{opacity: 1; -webkit-transform: translateY(0);  -ms-transform: translateY(0); transform: translateY(0);}

.panel2.activate .about li.li1{ top:0px;}
.panel2.activate .about li.li2{ bottom:0px;}
.panel2.activate .about li.li3{ top:0px;}
.panel2.activate .about li.li4{ bottom:0px;}
.panel2.activate .about li.li5{ top:0px;}

.panel3{ width:100%; overflow:hidden;}
.panel3 .head{ padding:70px 0px 50px; font-size:40px; font-weight:bold; color:#393939; text-align:center;}
.panel3 .head a{ color:#393939;}
.panel3 .head a:hover{ text-decoration:none;}

@media screen and (max-width:1440px) and (min-width:1220px)
{
.panel2 .about li{ padding:30% 0; }    
.panel2 .about li .show .icon-show{ top:110px;}
.panel2 .about li .show .name{ top:251px;}

.panel2 .about li:hover .show .icon-show{ top:81px;}
.panel2 .about li:hover .show .name{ top:40px;}
.panel2 .about li:hover .show .des{ top:172px;}
    }
@media screen and (max-width:1219px) and (min-width:1024px)
{
.panel2{ width:100%; height:718px;}
.panel2 .about li{ padding:20% 0; }   
.panel2 .about li .show .icon-show{ top:90px;}
.panel2 .about li .show .name{ top:231px;}
.panel2 .about li .show .des{ padding:0px 5%;}

.panel2 .about li:hover .show .icon-show{ top:66px;}
.panel2 .about li:hover .show .name{ top:25px;}
.panel2 .about li:hover .show .des{ top:185px;}
    } 

.panel3 .news{ width:100%; margin-bottom:80px; height:540px; background-color:#f7f7f7;}
.panel3 .news .left-news{ position:relative; left:-80%; float:left; display:inline; width:50%;}
.panel3 .news .left-news .news-list{ width:82%; margin:0px auto auto auto; padding-top:90px;}
.panel3 .news .left-news .news-list li{ float:left; display:inline; width:100%; margin-bottom:34px;}
.panel3 .news .left-news .news-list li .date{ float:left; display:inline; width:72px; height:60px; padding-right:8px; border-right:solid 1px #5e5e5e; text-align:right;}
.panel3 .news .left-news .news-list li .date .day{ font-size:32px; color:#c21230;}
.panel3 .news .left-news .news-list li .date .year{ font-size:15px; color:#5e5e5e;}
.panel3 .news .left-news .news-list li .title{ float:left; display:inline; width:70%; height:64px; line-height:32px; padding-left:4%; font-size:18px; overflow:hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.panel3 .news .left-news .news-list li .title a{ color:#393939;}
.panel3 .news .left-news .news-list li .title a:hover{ color:#c21230; text-decoration:none;}

.panel3 .news .right-news{ position:relative; right:-80%; float:right; display:inline; width:50%; height:540px;}
.panel3 .news .right-news .ShowImg{ position:absolute; display:block; left:0px; top:0px; width:100%; height:100%;}
.panel3 .news .right-news .ShowImg a{ display:block; width:100%; height:100%;}
.panel3 .news .right-news .ShowImg img{ display:none;}
.panel3 .news .right-news .Transparent{ position:absolute; left:0px; bottom:0px; width:640px; height:40px; background:rgba(139,47,47,0.72); }
.panel3 .news .right-news .ShowTitle{ position:absolute; left:10px; bottom:0px; width:640px; height:40px; line-height:40px; overflow:hidden; text-align:left; font-size:14px; }
.panel3 .news .right-news .ShowTitle a{ color:rgba(255,255,255,1); }
.panel3 .news .right-news .ShowBtn{ position:absolute; right:0px; bottom:30px; width:100%; height:15px; text-align:center; }
.panel3 .news .right-news .ShowBtn li{ display:inline-block; width:14px; height:14px; margin:0px 10px; border-radius:50%; text-align:center; color:#ffffff; cursor:pointer; }

.right-news .swiper-container{ width:100%; height:100%;}
.right-news .swiper-wrapper{ width:100%; height:100%;}
.right-news .swiper-slide{ width:100%; height:100%;}
.right-news .swiper-slide a{ display:block; width:100%; height:100%;}
.right-news .swiper-slide img{ display:none;}

.right-news .swiper-container .swiper-pagination span{ width:15px; height:15px; margin:0px 10px;opacity:1; } 
.right-news .swiper-container .swiper-pagination .swiper-pagination-bullet{ background-color:#c4c4c4;}
.right-news .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background-color:#c21230;}
   
@media screen and (max-width:1440px) and (min-width:1220px)
{
.panel3 .news{ height:440px;}
.panel3 .news .left-news .news-list{ padding-top:35px;}
.panel3 .news .right-news{ height:440px;}
    }
@media screen and (max-width:1219px) and (min-width:1024px)
{
.panel3 .news{ height:390px;}
.panel3 .news .left-news{ width:50%;}
.panel3 .news .left-news .news-list{ padding-top:15px;}
.panel3 .news .right-news{ width:50%; height:390px;}
    } 
    
/*
.panel3.activate .head{ transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);}
*/
.panel3.activate .head{opacity: 1; -webkit-transform: translateY(0);  -ms-transform: translateY(0); transform: translateY(0);}

.panel3.activate .news .left-news{ left:0px;}
.panel3.activate .news .right-news{ right:0px;}

.start-wrap{ width:100%;}

/**/
.start-bg{background: rgba(0,0,0,0.3); position: fixed; left: 0;  top: 0;  z-index: 60;  height: 100%;  width: 100%; }
.start-out{ transform: translateX(355px);}
.start-show{ width:265px; height: 100%; position: fixed; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5);  z-index: 65; padding: 50px 0px 0px 90px;   transition: all 0.5s ease-in-out;}
.start-show .start-close{position:absolute; top:30px; right:30px; cursor:pointer;  background: url(../images/start7.png) no-repeat; height:20px;  width:20px;  display: block;}
.start-menu-list{ padding-top:120px;}
.start-menu-list .a-menu a{ display: block; line-height:48px; font-size: 18px;  color: #c4c4c4; text-decoration:none;  }
.start-menu-list a:hover{ color:#c21230;}
.start-menu-list i{ position:relative; display:inline-block; width:22px; height:22px;  margin-right:10px; vertical-align:middle;}
.start-menu-list i img{ position:absolute; left:0px; top:0px; display:inline-block; width:100%; }
.start-menu-list dd{ padding-left:55px; display:none;}
.start-menu-list dd a{ font-size: 16px;}


/**/
.start-top{ display:block; position:absolute; left:0px; top:0px; width:100%; height:55px; padding:35px 0px 0px 0px; text-align:center; z-index:2;}
.start-top .start-logo{ float:left; display:inline-block; width:15%; padding-left:10%; text-align:left;}
.start-top .start-logo img{}
.start-top .start-right{ float:right; display:inline-block; width:20%; padding-right:10%; text-align:right;}
.start-top .start-right a,.start-top .start-right i{ display:inline-block; width:30px; height:30px; margin:15px 15px; cursor:pointer; }
.start-top .start-right a:hover{ background-color:#c21230;}
.start-top .start-right .start-search{ border-radius:50%; background:url(../images/search.png) no-repeat center #aaaaaa; background-size :cover;}
.start-top .start-right .start-language{ border-radius:50%; background:url(../images/english.png) no-repeat center #aaaaaa; background-size :cover;}
.start-top .start-right .start-menu{ background:url(../images/start6.png) no-repeat center; background-size :96%;}

.start-search{ display:none !important;}

.top-wrap{ display:none;}

.banner{ width:100%;  }
.banner .swiper-container{  width:100%; height:100%;}
.banner .swiper-wrapper{  width:100%; height:100%;}
.banner .swiper-slide{ position:relative;  width:100%; height:100%; overflow:hidden;}
.banner .bg{ transition: all 5s ease; position:relative; left:0px; top:0px; width:100%; height:100%;}
.banner .txt{ position:absolute; left:0px; bottom:0px; width:80%; padding:0 10% 10%;}
.banner .txt p{  position:relative; /*padding-left:12%;*/ font-size:4.2rem; color:rgba(255,255,255,0.1);}
.banner .txt .p1{ left:-600px; font-weight:bold; color:rgba(194,18,48,0.1)}
.banner .txt .p2{ left:600px; }
.banner .txt .p3{ left:600px; }
/*.banner .swiper-slide-active .bg{ transform:scale(1.1);}*/
.banner .swiper-slide-active p{ }
.banner .swiper-slide-active .p1{ left:0px; color:rgba(194,18,48,1)}
.banner .swiper-slide-active .p2{ left:0px; color:rgba(255,255,255,0.9)}
.banner .swiper-slide-active .p3{ left:0px; color:rgba(255,255,255,0.9)}

.banner .arrow{ position:absolute; left:48%; bottom:0px; width:84px; height:84px; z-index:2; cursor:pointer;}
.banner .arrow i{position:absolute; left:0px; bottom:0px; width:84px; height:84px; background:url(../images/start8.png); background-size :cover; animation:nextIconMv 0.8s linear 0s infinite; -webkit-animation:nextIconMv 0.8s linear 0s infinite;}

@media screen and (max-width:1440px) and (min-width:1220px)
{
.banner .txt p{ font-size:3.6rem;}
    }
@media screen and (max-width:1219px) and (min-width:1025px)
{
.banner .txt p{ font-size:3.1rem;}
    } 
    
.footer{ width:100%; padding:26px 0px; background-color:#302f2f; color:#ffffff;}

@keyframes nextIconMv{
	0% {bottom:6px; opacity:0}
	100% {bottom:0px; opacity:1}
}
@-webkit-keyframes nextIconMv{
	0% {bottom:6px; opacity:0}
	100% {bottom:0px; opacity:1}
}


@media screen and (max-width:1024px) 
{
.wrap{ padding-top:90px;}
.start-top{ display:none;}
.top-wrap{ display:block;}

.banner{ width:100%; height: calc(100vw * 0.5); min-width:100%; }
.banner .txt{ position:absolute; left:0px; bottom:0px; width:80%; padding:0 10% 10%;}
.banner .txt p{ position:relative; padding-left:12%; padding-bottom:1%; font-size:2.8rem; color:#ffffff;}
.banner .arrow{ display:none;}

.panel1 .bz{ width:90%;}
.panel2 .bz{ width:90%;}

.solution li .pro-con .con{ padding:0px 10%;}
    }

@media screen and (max-width:1023px) 
{
.wrap{ padding-top:70px;}
.start-top{ display:none;}
.top-wrap{ display:none;}


.banner{ width:100%; height: calc(100vw * 0.5); min-width:100%; }
.banner .txt{ position:absolute; left:0px; bottom:0px; width:80%; padding:0 10% 10%;}
.banner .txt p{ position:relative; padding-left:10%; padding-bottom:1%; font-size:1.2rem; color:#ffffff;}

.panel1{ min-width:100%; overflow:hidden;}
.panel1 .title{ padding:10% 5% 8%; font-size:38px; font-weight:bold; }
.panel1 .title a{ color:#393939;}
.panel1 .title a:hover{ text-decoration:none;}
.panel1 .bz{ width:90%; line-height:30px;  padding:0 5% 10%; font-size:18px; color:#acacac;  text-align:center;}
.panel1 .bz .pc{ display:none;}
.panel1 .bz .m{ display:block;}

.solution li{ display:block; height:auto;}
.solution li .overflowHide{ position:relative; width:100%; height: auto;}
.solution li .overflowHide img{ width:100%; display:block;}
.solution li .overflowHide .bgImg{ transition: all 0.5s ease; position: relative; height: 100%; width: 100%; left: 0; top: 0;}
.solution li .pro-con{  width:100%; height: auto; display: flex; align-items: center; position:relative;  top: 0;}
.solution li .pro-con .con{ width:90%; padding:10% 5%;}
.solution li .pro-con .con .head{ padding-bottom:15px; font-size:1.6rem;}
.solution li .pro-con .con .des{ line-height:32px;font-size:1rem;}

.solution li.li1 .overflowHide{ float: left; left:-60%;}
.solution li.li1 .pro-con{ right:-60%;}
.solution li.li2 .overflowHide{ float: right; right:-60%;}
.solution li.li2 .pro-con{ left:-60%;}

.panel2{ min-width:100%; height:auto; overflow:auto;}
.panel2 .head{ padding:10% 5% 8%; font-size:40px; font-weight:bold;}
.panel2 .bz{ width:90%; line-height:30px;  padding:0 5% 10%; font-size:16px; color:#acacac; text-align:center;}
.panel2 .bz .pc{ display:none;}
.panel2 .bz .m{ display:block;}

.panel2 .about{ height:auto;}
.panel2 .about li{ position:relative; float:none; display:block; width:100%; height:auto; padding:0;  margin-bottom:2px;  }
.panel2 .about li.li1{ left:-600px; top:auto;}
.panel2 .about li.li2{ right:-600px; bottom:auto;}
.panel2 .about li.li3{ left:-600px; top:auto;}
.panel2 .about li.li4{ right:-600px; bottom:auto;}
.panel2 .about li.li5{ left:-600px; top:auto;}
.panel2 .about li a:hover{ text-decoration:none;}
.panel2 .about li span{ display:block; position:absolute; top:0px; right:-3px; width:7px; height:447px; background-color:#ffffff;}
.panel2 .about li .show{ position:relative; height:auto; padding:15% 0;}
.panel2 .about li .show .icon{ position:relative; height:auto; }
.panel2 .about li .show .icon i{ display:inline-block; width:106px; height:106px;}
.panel2 .about li .show .icon-show{ top:0px;}
.panel2 .about li .show .icon1 i{ background:url(../images/introduce.png) no-repeat; background-size:100%;}
.panel2 .about li .show .icon2 i{ background:url(../images/idea.png) no-repeat; background-size:100%;}
.panel2 .about li .show .icon3 i{ background:url(../images/area.png) no-repeat; background-size:100%;}
.panel2 .about li .show .icon4 i{ background:url(../images/Patent.png) no-repeat; background-size:100%;}
.panel2 .about li .show .icon5 i{ background:url(../images/partner.png) no-repeat; background-size:100%;}

.panel2 .about li .show .name{ position:relative; left:0px; top:0px; width:100%; padding-top:10px; z-index:9; font-size:20px; color:#393939; text-align:center;}
.panel2 .about li .show .bg{ display:none; }
.panel2 .about li .show .des{ display:none;}

.panel2 .about li:hover .show{ background-color:#c21230;}
.panel2 .about li:hover .show .icon-show{ top:0px;}
.panel2 .about li:hover .show .name{ top:0px; }
.panel2 .about li:hover .show .icon1 i{ background:url(../images/about.png) no-repeat; background-size:100%;}
.panel2 .about li:hover .show .icon2 i{ background:url(../images/idea-hover.png) no-repeat; background-size:100%;}
.panel2 .about li:hover .show .icon3 i{ background:url(../images/area-hover.png) no-repeat; background-size:100%;}
.panel2 .about li:hover .show .icon4 i{ background:url(../images/Patent-hover.png) no-repeat; background-size:100%;}
.panel2 .about li:hover .show .icon5 i{ background:url(../images/partner-hover.png) no-repeat; background-size:100%;}
    
.panel2.activate .head,.panel2.activate .bz{opacity: 1; -webkit-transform: translateY(0);  -ms-transform: translateY(0); transform: translateY(0);}

.panel2.activate .about li.li1{ left:0px; top:auto;}
.panel2.activate .about li.li2{ right:0px; bottom:auto;}
.panel2.activate .about li.li3{ left:0px; top:auto;}
.panel2.activate .about li.li4{ right:0px; bottom:auto;}
.panel2.activate .about li.li5{ left:0px; top:auto;}

.panel3{ min-width:100%; }
.panel3 .head{ padding:10% 5% 8%; font-size:40px; font-weight:bold;}

.panel3 .news{ margin-bottom:20px; height:auto; }
.panel3 .news .left-news{ position:relative;  float:right; display:inline; width:100%;}
.panel3 .news .left-news .news-list{ width:92%; padding:5% 4%; padding-top:10%; background-color:#f7f7f7;}
.panel3 .news .left-news .news-list li{ float:left; display:inline; margin-bottom:38px; width:100%;}
.panel3 .news .left-news .news-list li .date{ width:16%; height:60px; padding-right:1%; border-right:solid 1px #5e5e5e; text-align:right;}
.panel3 .news .left-news .news-list li .date .day{ font-size:1.6rem;}
.panel3 .news .left-news .news-list li .date .year{ font-size:0.8rem;}
.panel3 .news .left-news .news-list li .title{ float:right; width:80%; height:64px; line-height:32px; padding-left:0px; font-size:1.2rem; overflow:hidden;  text-overflow: ellipsis; display:block; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}

.panel3 .news .right-news{  float:left; display:inline; width:100%; height:auto;}
.panel3 .news .right-news .ShowImg{ position:relative; display:block; left:0px; top:0px; width:100%; height:100%;}
.panel3 .news .right-news .ShowImg a{ display:block; width:100%; height:100%;}
.panel3 .news .right-news .ShowImg img{ width: calc(100vw * 1); height: calc(100vw * 0.6); display:block;}
.panel3 .news .right-news .Transparent{ position:absolute; left:0px; bottom:0px; width:640px; height:40px; background:rgba(139,47,47,0.72); }
.panel3 .news .right-news .ShowTitle{ position:absolute; left:10px; bottom:0px; width:640px; height:40px; line-height:40px; overflow:hidden; text-align:left; font-size:14px; }
.panel3 .news .right-news .ShowTitle a{ color:rgba(255,255,255,1); }
.panel3 .news .right-news .ShowBtn{ position:absolute; right:0px; bottom:30px; width:100%; height:15px; text-align:center; }
.panel3 .news .right-news .ShowBtn li{ display:inline-block; width:15px; height:15px; margin:0px 10px; border-radius:50%; text-align:center; color:#ffffff; cursor:pointer; }

.right-news .swiper-slide img{ display:block; width: calc(100vw * 1); height: calc(100vw * 0.6);}

/*
.panel3.activate .head{ transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);}
*/
.panel3.activate .head{opacity: 1; -webkit-transform: translateY(0);  -ms-transform: translateY(0); transform: translateY(0);}

.panel3.activate .news .left-news{ left:0px;}
.panel3.activate .news .right-news{ right:0px;}
    }