/*banner*/
.cy-homebanner{
    width: 100%;
    height:814px;
}
.cy-homebanner .image{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}
.cy-homebanner .image img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cy-homebanner .banner-title1{
    text-align:center;
    width:100%;
    font-size:100px; 
    font-weight:700; 
    line-height:1.2;
    color:#fff;
    text-shadow:0 5px 0px rgba(62,62,62,0.3);
}
.cy-homebanner .banner-title2{
    text-align:center;
    width:100%;
    font-size:35px;
    color:#fff;
    margin-top: 30px;
    text-shadow:0 2px 0px rgba(62,62,62,0.3);
	font-weight: bolder;
}
.cy-homebanner .banner-title3{
    width:100%; 
    font-size:15px; color:#fff;
}
.cy-homebanner .banner-title4{
    width:100%; 
    font-size:60px; 
    color:#fff; 
}
.cy-homebanner .banner-title5{
    width:100%; 
    font-size:24px; 
    color:#fff;
}
.cy-homebanner .swiper-container{
    width: 100%;
    height: 100%;
    position: relative;
}
.cy-homebanner .swiper-slide{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.cy-homebanner .swiper-pagination,.swiper-pagination-custom,.swiper-pagination-fraction{
    bottom:130px;
}
.cy-homebanner .swiper-pagination {
    align-items: center;
    bottom: 130px;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    width: 100%;
}
.cy-homebanner .swiper-pagination .swiper-pagination-bullet {
    background: #bebdc0;
    width: 44px;
    height: 3px;
    border-radius: 0;
    margin: 0 10px;
    position: relative;
    transition: all .2s ease-in;
    opacity: 0.7 !important;
}
.cy-homebanner .swiper-pagination .swiper-pagination-bullet:last-child {
    margin-right: 0;
}
.cy-homebanner .swiper-pagination .swiper-pagination-bullet-active {
    width: 44px;
    height: 3px;
    opacity: 1.0 !important;
    box-sizing: unset;
    background: #1476fe;
}
.cy-homebanner .swiper-button-next,.cy-homebanner .swiper-button-prev{
    margin-top:-50px; 
    width:50px; 
    height:50px; 
    color: rgba(255,255,255,0.7);
    z-index:9999;
}
.cy-homebanner .swiper-button-next:hover,.cy-homebanner .swiper-button-prev:hover{
    color: rgba(255,255,255,1.0);
}
.cy-homebanner .swiper-button-next:after,.cy-homebanner .swiper-button-prev:after{
    font-size:20px;
}
/*建站营销*/
.cy-hometop{
    display: table;
    width: 1630px;
    padding:40px; 
    margin:-100px auto 0 auto; 
    position:relative; 
    z-index:99; 
    border-radius:10px; 
    background-color:#fff;
}
.cy-hometop .cy-w100{
    display: flex;
    justify-content: space-between;
}
.cy-hometop .box{
    width: 32.5%;
    background-color:#F4F4F4;
    border-radius:10px; 
    padding:40px; 
    box-sizing:border-box;transition: all ease-out 0.35s;
}
.cy-hometop .box:hover{
    background-color:#1476fe;
    transition: all ease-out 0.35s;
    box-shadow:0 5px 20px 0 #ffbdb4; 
    color:#fff;
}
.cy-hometop .box .title{
    font-size: 48px;
    font-weight: normal;
}
.cy-hometop .box .title i{
    font-size: 48px;
    color: #1476fe;
}
.cy-hometop .box .title strong{color: #000;}
.cy-hometop .box:hover .title strong{color: #fff;}
.cy-hometop .box li span.cy-na{color: #000; font-weight: bolder;}
.cy-hometop .box:hover li span.cy-na{color: #fff; font-weight: bolder;}

.cy-hometop .box:hover .title i{
    color:#fff;
}
.cy-hometop .box .title span{
    font-size: 20px;
    font-weight: bold;
    padding-left: 30px;	
}
.cy-hometop .box li{
    float:left;
    width:25%;
    font-size:16px;
    margin-top:15px;
}
/* .cy-hometop .box:last-child li:last-child{width: 50%;} */
.cy-hometop .box .title span i{font-size:20px; margin-right: 10px;}

/*橙鱼传媒*/
.cy-homeabout{
    display: table;
    width: 100%;
    padding: 0;
	background-color: #f4f4f4;
}
.cy-homeabout .cy-wp{
    display: flex;
    justify-content: space-between;
    padding: 0px;
    box-sizing: border-box;
    border-radius: 8px;
}
.cy-homeabout .left{
    width: 55%;
	padding: 75px;
	padding-right: 0px;
}
.cy-homeabout .left .title{
    font-size: 60px;
    font-weight: bold;
    color: #1476fe;
}
.cy-homeabout .left .title i{font-size: 60px;}
.cy-homeabout .left .subtitle{
    margin-top: 10px;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.2;
    background: url(../image/bl-red.png) no-repeat left bottom;
}
.cy-homeabout .left .desc{
    font-size: 22px;
    margin-top: 30px; 
}
.cy-homeabout .left .desc i{
	font-size: 22px;
	margin-right: 10px; 
}
.cy-homeabout .left .content{
    margin-top: 25px;
    font-size: 16px;
    color: #666666;
}
.cy-homeabout .left a{
    width:160px;
    height:44px;
    line-height:44px;
    padding-left:30px;
    background:url(../image/dot-red.png) no-repeat left center;
    background-size:20px 1px;
    font-size:16px;
    border-bottom:1px solid #1476fe;
    display:inline-block; 
    color:#1476fe;
    transition: all 0.35s;
    margin-top: 30px;
}
.cy-homeabout .left a:hover{
    padding-left:70px;
    background-size:60px 1px;
    transition: all 0.35s;
}
.cy-homeabout .right{
    width: 490px;
}
.cy-homeabout .right img{
    width: 100%;
}
/*客户*/
.cy-homeclient{
    display: block;
    width: 100%;
    background-color: #f0f0f0;
    padding: 80px 0;
}
.cy-homeclient .cy-wp{
    position: relative;
}
.cy-homeclient .number{
    width: 510px;
    position: absolute;
    right: 100px;
    top: 20px;
    display: flex;
}
.cy-homeclient .number li{
    width: 33.33%;
}
.cy-homeclient .number li .num{
    font-size: 35px;
}
.cy-homeclient .number li .num span{
    font-size: 48px;
    font-family: 'Din';
    font-weight: bold; 
}
.cy-homeclient .number li .text{
    font-size: 16px;
}

/*案例导航*/
.cy-homecase-title{
    display: block;
    width: 100%;
    height: 410px;
    padding: 80px 0;
}
.cy-homecase-title .title{
    float: left;
    width: 110px;
    height: 100px;
}
.cy-homecase-title .menu{
    float: right;
}
.cy-homecase-title .menu li{
    float: left;
    display: block;
    width: 114px;
    height: 134px;
    margin-left: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.cy-homecase-title .menu li.cur a,.cy-homecase-title .menu li:hover a{
    color: #fff;
    background: #1476fe;
    transition: all ease-out 0.35s;
}
.cy-homecase-title .menu li a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    padding: 0px 0;
    text-align: center;
    font-size: 16px;
    background: #fff;
    box-shadow: 0 5px 10px 0 #fbefef;
    transition: all ease-out 0.35s;
}
.cy-homecase-title .menu li i{
    display: block;
    font-size: 48px;
    color: #fe4f35;
}
.cy-homecase-title .menu li:hover a i{
    color: #FFFFFF;
}
.cy-homecase-title .menu li strong{
    display: block;
    font-size: 30px;
	padding-top:20px;
}
.cy-homecase-title .menu li h3{
    font-weight: normal;
    font-size: unset;
}
.casebanner.cy-wp{
    display: block;
}
.homecasebanner{
    height:auto;
    overflow:hidden;
	margin-bottom: 50px;
}
.homecasebanner img{
    width: 100%;
    /* height: 100%; */
}
.homecasebanner .swiper-pagination-custom, .homecasebanner .swiper-pagination-fraction{
    text-align:right; 
    bottom:30px;
}
.homecasebanner .swiper-pagination-bullets, .homecasebanner .swiper-pagination-custom{
    bottom: 20px;
    text-align: right;
    right: 10px;
    width:100%;}
.homecasebanner .swiper-button-next{
    left:50px;
    top:100%;
    margin-top:-50px;
    width:50px;
    height:50px;
    background:#3b4d64;
    font-size:12px;
    z-index:9999;
    opacity: 0.7;
}
.homecasebanner .swiper-button-prev{
    left:0px;
    top:100%;
    margin-top:-50px;
    width:50px;
    height:50px;
    background:#1476fe;
    font-size:12px;
    z-index:9999;
    opacity: 0.7;
}
.homecasebanner .swiper-button-next:hover,.homecasebanner .swiper-button-prev:hover{
    opacity: 1.0;
}
.homecasebanner .swiper-button-next:after,.homecasebanner .swiper-button-prev:after{
    font-size:20px;
    color: #FFF;
}
.cy-homecase-list li{
    float: left;
    font-size:0;
    position:relative;
    overflow: hidden;
}
.cy-homecase-list li .m{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background-color:rgba(237,8,8,0.0);
    transition: all ease-out 0.35s;
    z-index:9;
}
.cy-homecase-list li:hover .m{
    background-color:rgba(0 0 0 / 59%);
    transition: all ease-out 0.35s;
}
.cy-homecase-list li .icon{
    position:absolute;
    width:64px;
    height:64px;
    border-radius:50%;
    border:1px solid #fff;
    font-size:48px;
    line-height:64px;
    color:#fff;
    opacity:0;
    text-align:center;
    left:50%;
    top:80%;
    margin-left:-32px;
    margin-top:-32px;
    transition: all ease-out 0.35s;
    z-index:99;
}
.cy-homecase-list li .icon i{
    font-size:48px;
}
.cy-homecase-list li:hover .icon{
    transition: all ease-out 0.35s;
    opacity:1;
    top:50%;
}
.cy-homecase-list li img{
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.cy-homecase-list li:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.cy-homecase-list li .photo01{
    width: 754px;
    height: 580px;
}
.cy-homecase-list li .photo02{
    width: 398px;
    height: 290px;
}
.cy-homecase-list li .photo03{
    width: 1550px;
    height: 596px;
}
.cy-homecase-list li .photo04{
    width: 754px;
    height: 420px;
}
.cy-homecase-list li .photo05{
    width: 398px;
    height: 420px;
}
.cy-homecase-list li p{
	display: block;
	width: 100%;
	background: rgba(0, 0, 0, 0.6);
    font-size:16px;
    font-weight:700;
	padding: 10px 0;
    color:#fff;
    position:absolute;
    left:0px;
    bottom:-17px;
    z-index:999
}
.cy-homecase-list li p span{
    font-size:22px;
}
/* 新增casebanner样式 */
.casebanner .case-banner-p{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  font-weight: bolder;
}
.casebanner .case-banner-p p{
  width: 100%;
  text-align: center;
  color: #ffffff;
  background-color: rgba(0 0 0 / 59%);
  position: absolute;
  bottom: 0;
}
.casebanner .case-banner-p span{
  color: #f19307;
  margin: 0 4px;
}
.casebanner .swiper-slide:hover .case-banner-p{
  background-color: rgba(0, 0, 0, 0.4);
  transition: all ease-out 0.35s;
}
/*新闻*/
.cy-homenews{
    display: block;
    padding: 80px 0;
}
.cy-homenews .menu{
    margin-top: 30px;
}
.cy-homenews .menu ul{
  float: left;
  display: table;
  position: relative;
  overflow: hidden;
  margin: 0;
}
.cy-homenews .menu li{
  float: left;
  line-height: 38px;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.cy-homenews .menu li a{
  display: block;
  letter-spacing: 0;
  outline: none;
  font-size:20px;
  padding:0 20px;
  margin-right:30px;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}
.cy-homenews .menu li a h3{
    font-size: unset;
    font-weight: normal;
}
.cy-homenews .menu li.cur a,.cy-homenews .menu li:hover a{
    border-radius: 5px;
    background-color: #1476fe;
    font-weight: 700;
    color: #fff;
}
.cy-homenews .menu a.more {
    width: 160px;
    height: 44px;
    box-sizing: border-box;
    line-height: 44px;
    padding-left: 30px;
    background: url(../image/dot-red.png) no-repeat left center;
    background-size: 20px 1px;
    font-size: 16px;
    border-bottom: 1px solid #1476fe;
    display: inline-block;
    color: #1476fe;
    transition: all 0.35s;
}
.cy-homenews .menu a.more:hover {
    padding-left: 70px;
    background-size: 60px 1px;
    transition: all 0.35s;
}
.cy-homenews .newsbox{
    margin-top: 80px;
}
.cy-homenews .newspic{
    float: left;
    width:468px;
}
.cy-homenews .newspic .pic{
    width: 100%;
    border-radius:3px;
    font-size:0;
}
.cy-homenews .newspic .pic img{
    width: 100%;
    height: auto;
}
.cy-homenews .newspic .cy-w100{
    margin-top: 25px;
}
.cy-homenews .newspic .date{
    float:left;
    width:70px;
    height:80px;
    background:#666;
    color:#fff;
    text-align:center;
    padding-top:10px;
    border-radius:3px;
    box-sizing:border-box;
    margin-right:15px;
    transition: all ease-out 0.35s;
}
.cy-homenews .newspic:hover .date{
    background:#1476fe;
    transition: all ease-out 0.35s;
}
.cy-homenews .newspic .date span{
    font-size:32px;
    font-weight:700;
    line-height:1;
}
.cy-homenews .newspic .text{
    width:383px;
    float: right;
}
.cy-homenews .newspic .text .title{
    font-size:20px;
    padding-bottom:10px;
    margin-bottom:8px;
    font-weight:700;
    line-height:1.2;
    background:url(../image/dot-grey.png) no-repeat left bottom;
    background-size:30px 1px;
    transition: all ease-out 0.35s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cy-homenews .newspic:hover .text .title{
    background:url(../image/dot-red.png) no-repeat left bottom;
    background-size:80px 1px;
    transition: all ease-out 0.35s;
}
.cy-homenews .newspic .text .desc{
    font-size: 12px;
    color: #666666;
    height: 43px;
    overflow: hidden;
}
.cy-homenews-list{
    width:1080px;
    float: right;
}
.cy-homenews-list li{
    float: left;
    width:468px;
    margin-left:72px;
    border-bottom:1px solid #ccc;
    padding-bottom:35px;
    margin-bottom:35px;
}
.cy-homenews-list li .date{
    float:left;
    width:70px;
    height:80px;
    background:#666;
    color:#fff;
    text-align:center;
    padding-top:10px;
    border-radius:3px;
    box-sizing:border-box;
    margin-right:15px;
    transition: all ease-out 0.35s;
}
.cy-homenews-list li:hover .date{
    background:#1476fe;
    transition: all ease-out 0.35s;
}
.cy-homenews-list li .date span{
    font-size:32px;
    font-weight:700;
    line-height:1;
}
.cy-homenews-list li .text{float:right;width:383px;}
.cy-homenews-list li .text .title{
    font-size:20px;
    padding-bottom:10px;
    margin-bottom:8px;
    font-weight:700;
    line-height:1.2;
    background:url(../image/dot-grey.png) no-repeat left bottom;
    background-size:30px 1px;
    transition: all ease-out 0.35s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cy-homenews-list li:hover .text .title{
    background:url(../image/dot-red.png) no-repeat left bottom;
    background-size:80px 1px;
    transition: all ease-out 0.35s;
}
.cy-homenews-list li .text .desc{
    font-size: 12px;
    color: #666666;
    height: 43px;
    overflow: hidden;
}

/*自适应*/
@media only screen and (min-width:1024px) and (max-width:1900px){
/*banner*/
 .cy-homebanner{
     height:49.6875vw;
}
 .cy-homebanner .banner-title1{
     font-size:3.75vw;
     text-shadow:0 0.260417vw 0vw rgba(62,62,62,0.3);
}
 .cy-homebanner .banner-title2{
     font-size:1.354167vw;
     margin-top: 1.5625vw;
}
 .cy-homebanner .banner-title3{
     font-size:0.78125vw;
     color:#fff;
}
 .cy-homebanner .banner-title4{
     font-size:3.125vw;
     color:#fff;
}
 .cy-homebanner .banner-title5{
     font-size:1.25vw;
}
 .cy-homebanner .swiper-pagination,.swiper-pagination-custom,.swiper-pagination-fraction{
     bottom:6.770833vw;
}
 .cy-homebanner .swiper-pagination {
     bottom: 6.770833vw;
}
 .cy-homebanner .swiper-pagination .swiper-pagination-bullet {
     width: 2.291667vw;
     height: 0.15625vw;
     margin: 0 0.520833vw;
     opacity: 0.7 !important;
}
 .cy-homebanner .swiper-pagination .swiper-pagination-bullet-active {
     width: 2.291667vw;
     height: 0.15625vw;
     ;
}
 .cy-homebanner .swiper-button-next,.cy-homebanner .swiper-button-prev{
     margin-top:-2.604167vw;
     width:2.604167vw;
     height:2.604167vw;
}
 .cy-homebanner .swiper-button-next:after,.cy-homebanner .swiper-button-prev:after{
     font-size:1.041667vw;
}
/*建站营销*/
 .cy-hometop{
     width: 84.895833vw;
     padding:2.083333vw;
     margin:-5.208333vw auto 0 auto;
     border-radius:1.041667vw;
}
 .cy-hometop .box{
     border-radius:0.520833vw;
     padding:2.083333vw;
}
 .cy-hometop .box:hover{
     box-shadow:0 0.260417vw 1.041667vw 0 #ffbdb4;
}
 .cy-hometop .box .title{
     font-size: 2.5vw;
}
 .cy-hometop .box .title i{
     font-size: 2.5vw;
}
 .cy-hometop .box .title span{
     font-size: 1.041667vw;
     padding-left: 2.604167vw;
}
 .cy-hometop .box li{
     font-size:0.833333vw;
     margin-top:0.78125vw;
}
/*橙鱼传媒*/
 .cy-homeabout .cy-wp{
     padding: 3.90625vw;
     border-radius: 0.416667vw;
}
 .cy-homeabout .left{
	 padding: 0;
 }
 .cy-homeabout .left .title{
     font-size: 3.125vw;
}
 .cy-homeabout .left .subtitle{
     margin-top: 0.520833vw;
     font-size: 1.875vw;
}
 .cy-homeabout .left .desc{
     font-size: 1.145833vw;
     margin-top: 1.5625vw;
}
 .cy-homeabout .left .content{
     margin-top: 1.302083vw;
     font-size: 0.833333vw;
}
 .cy-homeabout .left a{
     width:8.333333vw;
     height:2.291667vw;
     line-height:2.291667vw;
     padding-left:1.5625vw;
     background-size:1.041667vw 0.052083vw;
     font-size:0.833333vw;
     margin-top: 1.5625vw;
}
 .cy-homeabout .left a:hover{
     padding-left:3.645833vw;
     background-size:3.125vw 0.052083vw;
}
 .cy-homeabout .right{
     width: 25.520833vw;
}
/*客户*/
 .cy-homeclient{
     padding: 4.166667vw 0;
}
 .cy-homeclient .number{
     width: 26.5625vw;
     right: 5.208333vw;
     top: 1.041667vw;
}
 .cy-homeclient .number li .num{
     font-size: 1.822917vw;
}
 .cy-homeclient .number li .num span{
     font-size: 2.5vw;
}
 .cy-homeclient .number li .text{
     font-size: 0.833333vw;
}
/*案例导航*/
 .cy-homecase-title{
     width: 100%;
     height: 21.354167vw;
     padding: 4.166667vw 0;
}
 .cy-homecase-title .title{
     width: 5.729167vw;
     height: 5.208333vw;
}
 .cy-homecase-title .menu li{
     width: 5.9375vw;
     height: 6.979167vw;
     margin-left: 2.083333vw;
     margin-top: 0.520833vw;
     margin-bottom: 0.520833vw;
}
 .cy-homecase-title .menu li.cur a,.cy-homecase-title .menu li:hover a{
}
 .cy-homecase-title .menu li a {
     border-radius: 0.260417vw;
     padding: 1.041667vw 0;
     font-size: 0.833333vw;
     box-shadow: 0 0.260417vw 0.520833vw 0 #fbefef;
}
 .cy-homecase-title .menu li i{
     font-size: 2.5vw;
}
 .cy-homecase-title .menu li strong{
     font-size: 1.5625vw;
}
 .homecasebanner{
     height:36.041667vw;
}
 .homecasebanner .swiper-pagination-custom, .homecasebanner .swiper-pagination-fraction{
     bottom:1.5625vw;
}
 .homecasebanner .swiper-pagination-bullets, .homecasebanner .swiper-pagination-custom{
     bottom: 1.041667vw;
     right: 0.520833vw;
}
 .homecasebanner .swiper-button-next{
     left:2.604167vw;
     margin-top:-2.604167vw;
     width:2.604167vw;
     height:2.604167vw;
     font-size:0.625vw;
}
 .homecasebanner .swiper-button-prev{
     margin-top:-2.604167vw;
     width:2.604167vw;
     height:2.604167vw;
     font-size:0.625vw;
}
 .homecasebanner .swiper-button-next:after,.homecasebanner .swiper-button-prev:after{
     font-size:1.041667vw;
}
 .cy-homecase-list li .icon{
     width:3.333333vw;
     height:3.333333vw;
     border-radius:50%;
     font-size:2.5vw;
     line-height:3.333333vw;
     margin-left:-1.666667vw;
     margin-top:-1.666667vw;
}
 .cy-homecase-list li .icon i{
     font-size:2.5vw;
}
 .cy-homecase-list li p{
     font-size:0.833333vw;
     left:0vw;
     bottom:0vw;
}
 .cy-homecase-list li p span{
     font-size:1.145833vw;
}
.cy-homecase-list li .photo01{
     width: 39.270833vw;
     height: 30.208333vw;
}
 .cy-homecase-list li .photo02{
     width: 20.729167vw;
     height: 15.104167vw;
}
 .cy-homecase-list li .photo03{
     width: 80.729167vw;
     height: 31.041667vw;
}
 .cy-homecase-list li .photo04{
     width: 39.270833vw;
     height: 21.875vw;
}
 .cy-homecase-list li .photo05{
     width: 20.729167vw;
     height: 21.875vw;
}
 
/*新闻*/
 .cy-homenews{
     padding: 4.166667vw 0;
}
 .cy-homenews .menu{
     margin-top: 1.5625vw;
}
 .cy-homenews .menu li{
     line-height: 1.979167vw;
}
 .cy-homenews .menu li a{
     font-size:1.041667vw;
     padding:0 1.041667vw;
     margin-right:1.5625vw;
}
 .cy-homenews .menu li.cur a,.cy-homenews .menu li:hover a{
     border-radius: 1.5625vw;
}
 .cy-homenews .menu a.more {
     width: 8.333333vw;
     height: 2.291667vw;
     line-height: 2.291667vw;
     padding-left: 1.5625vw;
     background-size: 1.041667vw 0.052083vw;
     font-size: 0.833333vw;
}
 .cy-homenews .menu a.more:hover {
     padding-left: 3.645833vw;
     background-size: 3.125vw 0.052083vw;
}
 .cy-homenews .newsbox{
     margin-top: 4.166667vw;
}
 .cy-homenews .newspic{
     width:24.375vw;
}
 .cy-homenews .newspic .cy-w100{
     margin-top: 1.302083vw;
}
 .cy-homenews .newspic .date{
     width:3.645833vw;
     height:4.166667vw;
     padding-top:0.520833vw;
     border-radius:0.15625vw;
     margin-right:0.78125vw;
}
 .cy-homenews .newspic .date span{
     font-size:1.666667vw;
}
 .cy-homenews .newspic .text{
     width:19.947917vw;
}
 .cy-homenews .newspic .text .title{
     font-size:1.041667vw;
     padding-bottom:0.520833vw;
     margin-bottom:0.416667vw;
     background-size:1.5625vw 0.052083vw;
}
 .cy-homenews .newspic:hover .text .title{
     background-size:4.166667vw 0.052083vw;
}
 .cy-homenews .newspic .text .desc{
     font-size: 0.625vw;
}
 .cy-homenews-list{
     width:56.25vw;
}
 .cy-homenews-list li{
     width:24.375vw;
     margin-left:3.75vw;
     padding-bottom:1.822917vw;
     margin-bottom:1.822917vw;
}
 .cy-homenews-list li .date{
     width:3.645833vw;
     height:4.166667vw;
     padding-top:0.520833vw;
     border-radius:0.15625vw;
     margin-right:0.78125vw;
     line-height: 1.4;
     font-size: 12px;
}
 .cy-homenews-list li .date span{
     font-size:1.666667vw;
}
 .cy-homenews-list li .text{
     width:19.947917vw;
}
 .cy-homenews-list li .text .title{
     font-size:1.041667vw;
     padding-bottom:0.520833vw;
     margin-bottom:0.416667vw;
     background-size:1.5625vw 0.052083vw;
}
 .cy-homenews-list li:hover .text .title{
     background-size:4.166667vw 0.052083vw;
}
 .cy-homenews-list li .text .desc{
     font-size: 0.625vw;
}
 
}

/*Mobile v1*/
@media only screen and (max-width:767px){
.cy-homebanner {
    width: 100%;
    height: 260px;
}
.cy-homebanner .banner-title1 {
    font-size: 22px;
}
.cy-homebanner .banner-title2 {
    width: 92%;
    font-size: 16px;
    margin-top: 20px;
}
.cy-homebanner .swiper-pagination {
    bottom: 45px;
}
.cy-homebanner .swiper-pagination .swiper-pagination-bullet {
    width: 20px;
    height: 3px;
    border-radius: 1.5px;
    margin: 0 5px;
}
.cy-homebanner .swiper-button-next, .cy-homebanner .swiper-button-prev{
    display: none;
}
.cy-hometop {
    width: 100%;
    padding: 15px 4% 0 4%;
    margin: -30px auto 0 auto;
    border-radius: 10px;
}
.cy-hometop .cy-w100 {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
}
.cy-hometop .box {
    width: 100%;
    padding: 20px;
    margin-bottom: 20px;
}
.cy-hometop .box .title {
    font-size: 28px;
}
.cy-hometop .box .title i {
    font-size: 28px;
}
.cy-hometop .box .title span {
    display: block;
    font-size: 16px;
    line-height: 1.6;
    padding-left: 0;
    margin-bottom: 10px;
}
.cy-hometop .box li {
    float: left;
    width: 50%;
    font-size: 13px;
    margin-top: 0;
}
.cy-hometop .box li i{
    font-size: 14px;
}
.cy-homeabout .cy-wp {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    flex-direction: column;
}
.cy-homeabout .left {
    width: 100%;
	padding: 0;
}
.cy-homeabout .right {
    width: 100%;
}
.cy-homeabout .left .title {
    font-size: 28px;
}
.cy-homeabout .left .title i{
	font-size: 28px;
}
.cy-homeabout .left .subtitle {
    margin-top: 0px;
    font-size: 16px;
}
.cy-homeabout .left .desc {
    font-size: 16px;
    margin-top: 20px;
}
.cy-homeabout .left .content {
    margin-top: 15px;
    font-size: 13px;
}
.cy-homeabout .left a {
    margin-top: 10px;
    margin-bottom: 20px;
    margin-right: auto;
}
.cy-homecase-title img{
    width: 45%;
}
.cy-homecase-title .cy-fr {
    width: 45%;
}
.cy-homecase-title .cy-fr img{
    width: 100%;
}
.cy-homecase-title .title img {
    width: 60%;
}
.cy-homecase-title .menu {
    display: flex;
    float: none;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
}
.cy-homecase-title .menu li {
    float: none;
    display: block;
    width: 29%;
    margin: 10px 2% 0 2%;
    height: 100px;
}
.cy-homecase-title .menu li strong {
    display: block;
    font-size: 22px;
    padding-top: 10px;
}
.cy-homecase-title .menu li a {
    padding: 10px 0;
    font-size: 14px;
    line-height: 1.6;
}
.cy-homecase-title .menu li i {
    font-size: 38px;
}
.cy-homeclient {
    width: 100%;
    padding: 40px 0 20px 0;
}
.cy-homeclient .title img{
    width: 60%;
}
.cy-homeclient .title .cy-fr img{
    width: 45%;
}
.cy-homeclient .number {
    width: 100%;
    position: relative;
    right: 0;
    top: 0px;
    display: flex;
}
.cy-homeclient .number li .num {
    font-size: 20px;
}
.cy-homeclient .number li .num span {
    font-size: 28px;
}
.cy-homeclient .number li .text {
    font-size: 13px;
}
.cy-homecase-title {
    width: 100%;
    height: auto;
    padding: 50px 0 30px 0;
}
.cy-homeclient .cy-client-list li {
    border: 1px solid #DDD;
}
.cy-homecase-list.cy-wp{
    width: 100%;
}
.casebanner.cy-wp{
    width: 100%;
}
.homecasebanner {
    height: 161px;
    overflow: hidden;
}
.homecasebanner .swiper-button-next {
    left: 30px;
    top: 100%;
    margin-top: -30px;
    width: 30px;
    height: 30px;
}
.homecasebanner .swiper-button-prev {
    left: 0px;
    top: 100%;
    margin-top: -30px;
    width: 30px;
    height: 30px;
}
.homecasebanner .swiper-button-next:after, .homecasebanner .swiper-button-prev:after {
    font-size: 12px;
}
.cy-homecase-list li .photo01 {
    display: block;
    width: 100%;
    height: auto;
}
.cy-homecase-list li .photo02 {
    width: 100%;
    height: auto;
}
.cy-homecase-list li .photo03 {
    width: 100%;
    height: auto;
}
.cy-homecase-list li .photo04 {
    width: 100%;
    height: auto;
}
.cy-homecase-list li .photo05 {
    width: 100%;
    height: auto;
}
.cy-homecase-list li .icon {
    display: none;
}
.cy-homecase-list li .m {
    display: none;
}
.cy-homecase-list li p {
    font-size: 14px;
    left: 0px;
    bottom: -15px;
}
.cy-homecase-list li p span {
    font-size: 18px;
}
.cy-homenews {
    padding: 30px 0 10px 0;
}
.cy-homenews .img-title img{
    width: 60%;
}
.cy-homenews .img-title .cy-fr img {
    width: 45%;
}
.cy-homenews .menu {
    display: flex;
    margin-top: 20px;
    flex-direction: row;
    flex-wrap: wrap;
}
.cy-homenews .menu li {
    display: inline-block;
    width: 33.33%;
    text-align: center;
}
.cy-homenews .menu li a {
    display: block;
    padding: 0 16px;
    margin-right: 0;
    font-size: 15px;
    height: 35px;
    line-height: 35px;
    border-radius: 18px;
}
.cy-homenews .menu .cy-fr{
    display: none;
}
.cy-homenews .newsbox {
    margin-top: 20px;
}
.cy-homenews .newspic {
    float: none;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #EAEAEA;
}
.cy-homenews .newspic .cy-w100{
    display: flex;
}
.cy-homenews .newspic .cy-w100 .date {
    flex: 0 0 70px;
    width: 70px;
    height: 80px;
    padding-top: 10px;
    border-radius: 3px;
    margin-right: 15px;
}
.cy-homenews .newspic .cy-w100 .text {
    flex: 0 0 75%;
    width: 75%;
    float: none;
}
.cy-homenews-list {
    width: 100%;
    float: none;
}
.cy-homenews-list li {
    float: none;
    width: 100%;
    margin-left: 0;
    border-bottom: 1px solid #EAEAEA;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.cy-homenews-list li .text {
    float: none;
    flex: 0 0 75%;
    width: 75%;
}
.cy-homenews-list li a{
    display: flex;
}
.cy-homenews-list li .date {
    float: none;
    flex: 0 0 70px;
    width: 70px;
    height: 80px;
    background: #666;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    border-radius: 3px;
    box-sizing: border-box;
    margin-right: 15px;
    transition: all ease-out 0.35s;
}
.cy-homenews .newspic .text .title,
.cy-homenews-list li .text .title{
  width: 68vw;
}
.casebanner .case-banner-p{
  font-size: 12px;
  font-weight: bold;
}
}