<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

.cpgun {
   height:auto; overflow:hidden;
   margin-left:-6px;
   margin-right:-6px;
   }

.cpgun ul{
	margin:0;
	padding:0;
    list-style:none;
}
.cpgun li{
    float: left;
    width: 21.1%;
	padding-left:6px;
	padding-right:6px;
    height: 475px;
    background-size: cover;
    overflow: hidden;
    cursor: pointer;
    transition:width .3s ease-out;
}
.cpgun li.on{
    width: 57.8%;
	padding-left:6px;
	padding-right:6px;
	opacity: 1;
}
.cpgun li.on i{
    opacity:0;
    transform: translate3d(-100%,0,0);
}
.cpgun li:nth-child(1){

}
.cpgun li:nth-child(2){

}
.cpgun li:nth-child(3){

}


.cpgun li.on .cpgk1 {
    background:url(../images/jyfw1.jpg) center;
	background-size: 100% 100%;
	opacity: 1;
}

.cpgun li.on .cpgk2 {
    background:url(../images/jyfw2.jpg) center;
	background-size: 100% 100%;
	opacity: 1;
}

.cpgun li.on .cpgk3 {
    background:url(../images/jyfw3.jpg) center;
	background-size: 100% 100%;
	opacity: 1;
}


.cpgk1 {
   height: 475px;
   position:relative;
   background:url(../images/jyfw1.jpg) center; background-repeat:no-repeat;
   background-color:#9898a0;
   opacity: 1;
   }
   
.cpgk2 {
   height: 475px;
   position:relative;
   background:url(../images/jyfw2.jpg) center; background-repeat:no-repeat;
   background-color:#9898a0;
   opacity: 1;
   }
   
.cpgk3 {
   height: 475px;
   position:relative;
   background:url(../images/jyfw3.jpg) center; background-repeat:no-repeat;
   background-color:#9898a0;
   opacity: 1;
   }
   


.cpgun li i{
    display: block;
    width: 33.3%;
	padding-left:6px;
	padding-right:6px;
	height: 475px;
    transition: all .3s
}
.cpgun li:nth-child(1) i{
    background: red;
}
.cpgun li:nth-child(2) i{
    background:greenyellow;
}
.cpgun li:nth-child(3) i{
    background:blue;
}
.cpgun li:nth-child(4) i{
    background:aqua;
}
.cpgun li:nth-child(5) i{
    background:aqua;
}

.gunzi {
   position:absolute;
   left:0px;
   bottom:0px;
   width:100%;
   height:132px;
   padding-top:20px;
   padding-left:25px;
   color:#FFFFFF;
   font-size:22px;
   z-index:2;
   }
   
.gunzi h4 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:83px;
   margin-top:0px;
   margin-bottom:0px;
   color:rgba(255,255,255,.2);
   }
   
.gunzi h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:22px;
   margin-top:-30px;
   margin-bottom:0px;
   color:#FFFFFF;
   }
   
.wenzi {
   display:none;
   }
   
   
.gunzi-more a:hover {
   color:#FFFFFF;
   }
   
.cpgun li.on .gunzi {
   width:73.3%;
   height:162px;
   left:0px;
   bottom:0px;
   padding:30px;
   padding-left:42px;
   font-size:14px;
   background-color:#305ed5;
   border-radius:0 25px 0 0;
     
}  

.cpgun li.on .gunzi h4 {
   position:absolute;
   font-size:120px; 
   right:10px;
   bottom:0px;
   margin-top:0px;
   padding-bottom:0px;
}  

.cpgun li.on .gunzi h3 {
   font-size:24px; 
   margin-top:0px;
   padding-bottom:15px;
   background:url(../images/xiahua.png) left bottom; background-repeat:no-repeat;
   margin-bottom:15px; 
}  

.cpgun li.on .wenzi {
   display:block;
   font-size:14px;
   line-height:19px;
}  
   



</pre></body></html>