@media only screen and (min-width: 1200px) {
  /* .classic-case { transition: all 0.2s ease-out 0s; opacity:0; transform: translateY(40px);}
  .news .allWidth { transition: all 0.2s ease-out 0s; opacity:0; transform: translateY(40px);}
  
  .showdiv,.showdiv .news_container{transform:none !important;opacity:1 !important;transform: translateY(0) !important; }
  
  */
  
  .classic-case-box ul li:hover .normal-box{display:none;}
.classic-case-box ul li:hover .hover-box{display:block;}

.more_div:hover{
  background: linear-gradient(135deg, #49BDE3 0%, #56B89D 47%, #67BB46 100%), #D8D8D8;
  border: none;
}
.more_div:hover a{color: #ffffff;}
.news .news_left li:hover{
  background: linear-gradient(135deg, #49BDE3 0%, #56B89D 47%, #67BB46 100%);
}
.news .news_left li:hover .news_content_title,.news .news_left li:hover .news_content_text, .news .news_left li:hover .news_content_text_date{
  color: white;     
}
/*栏目模板手机端*/
.phone-pages{display:none;}
}


@media only screen and (min-width: 1201px) and (max-width: 1440px) {
  .allWidth{ 
    width:1140px;
}
.index_nav .allWidth > ul{
  margin-left: 280px;
}
.bottom-box li{
  width: 480px;
}
.classic-case-box ul li{
  
  width: 325px;
}

.scheme-center .scheme-center-box .bottom-box .bottom-box-content p{
  width: 420px;
}

.scheme-center .scheme-center-box .top-nav .top-nav-content{
  font-size: 16px;
}
.news .news_left li{
  width: 350px;
  margin-right: 40px;
}
.news .news_left li >a{
  width: 350px;
  height: auto;
}

.cooperate-list{
  width: 100%;
}
.cooperate-list .cooperate-list-one{
  padding: 0px 100px;
}

.cooperate-list .cooperate-list-three {
  padding: 0px 50px;
}
.cooperate-list .cooperate-list-two {
  padding: 0px 15px;
}

.footer .footer-line{
  margin-right: 30px;
  margin-left: 15px;
}


.footer-info-one {
  margin-right:20px;
}

.footer-info-two {
  margin-right:20px;
}
.footer .footer-info-three-us p{
  width: 80px;
  font-size: 14px;
}
.footer .footer-info-three-us div:nth-child(1) {
  margin-right: 20px;
}

.footer .footer-info-three-us div {
  width: 85px;
}
.footer-info-three-us img {
  width: 80px;
  height: 80px;
}

.develop-number-image{
  width: 100%;
  background-size: 98% auto;
  
}
.page_num >div{
  width: 550px;
}
.about-us-tip >div{
  transform: scale(0.97);
}
.team-style{
  padding: 0 50px;
}
.team-style .hd a.prev{
  left:0px !important;
}
.team-style .hd a.next{
  right:0px !important;
}

.develop .develop-world{
  transform: scale(0.75);
  transform-origin: right bottom;
}






}


@media only screen and (min-width: 1200px) and (max-width: 1480px) {
  
  
  .cooperate-list{
    width: 100%;    
}
.cooperate-list .cooperate-list-one {
  padding: 0px 120px;
}

.cooperate-list .cooperate-list-two {
  padding: 0px 20px;
}

.cooperate-list .cooperate-list-three {
  padding: 0px 60px;
}


}







/*=========================== mobile =======================*/
@media only screen and (min-width: 300px) and (max-width: 768px) {
  
  .allWidth{width:100%;padding:0 12px;box-sizing: border-box;}

.index_nav,.fixBox{display:none;}

.logoBox{height:80px;line-height:80px;        background: rgba(0, 0, 0, 0.3);opacity: 0.8; width: 100%;display:block; position: fixed; z-index:12;display: flex;}
.logoBox .allWidth{display: flex;align-items: center;}
.logo{text-align: center;
  width: 86%;
}
.seconed-title{font-size:16px;}
.news_all_box{margin-bottom: 0px;}
.banner_news{padding-top:unset;height:229px;}
.banner .bd-mobile li img{height: 480px; width: 100%; object-fit: cover;}
.logo a{ width: 125px;margin: 0 auto;}
.logo img{width:125px;height:59px;}
.banner {height:480px; padding-top: 0;}
.banner .bd-mobile,.banner_news .bd-mobile{display:block;}
.banner .bd,.banner_news .bd{display:none!important;}
.banner .bd li img{height: 608px; width: 100%;}
.banner_news .bd-mobile li img{height: 229px; width: 100%;}
.banner .allWidth h1{    
  font-size: 17px;
  line-height: 24px;
  margin-bottom: 8px;
}
.banner .allWidth .banner-button{
  margin: 150px auto 0;
  width: 124px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
}
.banner .allWidth:nth-child(1){bottom:35px;text-align: center;}
.banner .allWidth:nth-child(2){ 
  bottom: unset;
  top: 270px;
  text-align: center;
}
.banner .hd li{    width: 20px;height: 2px;}
.banner .hd li.on{    width: 20px;height: 2px;}

.banner_news .allWidth{
  bottom: 11px;
}

.more_div{margin: 24px auto 40px;}

/*nav*/
.mob_select{display:block;cursor: pointer;}
.mob_select li{width:25px;height:2px;background:#b1cad8;margin:6px 0}
.nav_btns>li:nth-child(1){-webkit-transform:translateY(9px) rotate(45deg);-ms-transform:translateY(9px) rotate(45deg);-o-transform:translateY(9px) rotate(45deg);transform:translateY(9px) rotate(45deg)}
.nav_btns>li:nth-child(2){display:none}
.nav_btns>li:nth-child(3){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}



.pc_nav{display:none}
.mob_nav{display:none;width: 100%;height:auto; max-height: calc(100vh - 200px);background: #eaeef5;border-radius: 0;position: fixed;top:79px;left: 0;z-index:20; overflow-y: auto;}
.mob_nav >ul{display:block;}
.mob_nav >ul > li{float:none;width: 100%;line-height: 50px;border-bottom: solid 1px #d3d3d3;margin:0;position: relative; font-size: 18px;}
.mob_nav >ul > li > a{width: 70%;padding: 0 0px;margin: auto;color: #333;}
.mob_nav > ul > li .menu{display:none;font-size: 15px;position: inherit;top:0px;background: #fff;}
.mob_nav > ul > li .menu li{position:relative;}
.mob_nav > ul > li .menu li a{color: #333;width: 90%;margin: auto;border-top: 1px dashed #d3d3d3;}
.mob_nav > ul > li .menu .three_menu{display:none;position: inherit;width: 100%;left: 0;background: #f7f7f7;margin-top: 10px;}
.mob_nav > ul > li .menu .three_menu li{font-size:14px;color:#666;}
.mob_nav .add_select{width:14px;height:14px;background:url(../upload/images/2024/7/8da8a613fa391108.png)no-repeat center center;position: absolute;right: 24px;top: 18px;}
.mob_nav .add{background:url(../upload/images/2024/7/5001da86a707ca4.png)no-repeat center center;}


/*公司新闻*/
.first-title{   
  font-size: 30px;
  line-height: 32px;
}
.news{    padding-top:50px;}
.news .news_right{display: none;}
.news .news_left >ul{    display: block;}
.news .news_left{width: 100%;}
.news .news_left li{width: 100%;height:unset;   margin-right: unset; margin-bottom: 16px;}
.news .news_left li:last-child{margin-bottom: 0px;display:none;}

.news .news_left li >a{ width: 100%;}
.news .news_content_title{font-size: 20px;}
.classic-case {
  padding-top: 50px;
}
/*典型案例*/
.classic-case-box ul{
  gap: 15px;
  justify-content: center;
}
.classic-case-box ul li{
  width: 154px;
  height: unset;
  margin-right: 0px;
  margin-bottom: 15px;
  box-sizing: border-box;
  
}
.classic-case-box ul li .pic{   
  width: 31px;
  height: 31px;
}
.classic-case-box ul li .title{   
  font-size: 14px;
  color: #3C4454;
  line-height: 18px;
  margin-top: 5px;
}
.classic-case-box ul li .normal-box {
  
  display: flex;
  padding: 10px;
  width:unset;
  height:unset;
  
}
.develop .title-box{    margin-bottom: 30px !important;}
.develop .develop-world .develop-world-box .hover-develop-text{    width: 200px;}
.develop .develop-world .develop-world-box .hover-develop-text{left: 30px  !important  ;}

.classic-case-box ul li:nth-child(2n){    margin-right:0px;}
.classic-case-box ul li:nth-child(5n),.classic-case-box ul li:nth-child(6n){  margin-bottom:0px;}

.cooperate{    padding-top:50px;
  padding-bottom: 40px;
}
.cooperate-list{width: 100%;}
.cooperate-list ul{display:none;}
.cooperate-list-image{display:block;width:357px;height:172px;      background: url(../upload/images/2024/7/eb4162902f5bbd9d.png) no-repeat;
  background-size: cover;
  margin: 0 auto;}
.scheme-center{padding-top: 50px;}
.title-box{  margin-bottom: 40px;}

.scheme-center-box{display:none;}

.scheme-center-box-mobile{display:block;}
.scheme-center-box-mobile .allWidth{ 
  position: absolute;
  z-index: 1;
  margin: auto;
  left: 0;
  right: 0;
  bottom:82px;
}
.scheme-center-box-mobile .bottom-box-title{font-weight: 500;font-size: 16px;color: #3C4454;line-height: 20px;        text-align: center;}
.scheme-center-box-mobile .bottom-box-content{font-size: 14px;color: rgba(60,68,84,0.8);  line-height: 18px;margin-top:8px;    padding: 0 13px;text-align: center;  font-weight: 400;}
.scheme-center-box-mobile .bottom-box-more,.more_div{width: 124px;height: 30px;border: 1px solid;
  border-image: linear-gradient(139deg, rgba(79, 182, 199, 1), rgba(100, 187, 86, 1)) 2 2;   
  margin: 24px auto 20px;
  
  
  box-sizing: unset;
  
}
.scheme-center-box-mobile .bottom-box-more a,.more_div a{
  font-weight: 500;font-size: 12px;
  color: #FFFFFF;
  line-height:30px;
  background: linear-gradient(0deg, #4CB6D7 0%, #56B89D 47%, #67BB46 100%);
  text-align:center;-webkit-text-fill-color:transparent;-webkit-background-clip:text;
}

.scheme-center-box-mobile .bd li{min-height:450px;}
.scheme-center-box-mobile .bd li img{    width: 373px;height: 234px;margin: 0 auto;display:block}

.swiper-pagination-bullet{display:inline-block;vertical-align:middle;width:46px;height:2px;background:#F0F0F0 ;opacity:0.4;}
.swiper-pagination-bullet-active{width:46px;height:2px;background: linear-gradient( 90deg, #4CB6D7 0%, #56B89D 47%, #67BB46 100%), #D8D8D8;opacity:1;}

.scheme-center-box-mobile .more-text{font-size: 12px;color: rgba(36,40,55,0.46);line-height: 14px;        text-align: center;margin-bottom:30px;}
.develop{  
  padding-top:40px;
  width: 100%;
  height: 668px;
}
.develop-number-image{    
  width: 343px;
  height: 131px;
  background: url(../upload/images/2024/10/88c94621151eaf78.png) no-repeat;
  background-size: cover;
  margin: 0 auto;
}
.develop  .title-box{   position: relative;  z-index: 11;}
.develop-world-box{display:inline-flex;}
.develop .develop-world{
  width: 100%;
  height: 668px;
  background: url(../upload/images/2024/7/929b46bf52a66a07.png) no-repeat;
  background-size: 100% 100%;
}
.site-slogan-box{height:48px;}
.site-slogan{    
  background: url(../upload/images/2024/7/ba23132960b31908.png) no-repeat center center;
  background-size:309px 20px;
}

.develop-world-line-down{margin-right: 10px !important  ;}

.develop .develop-world .develop-world-box:nth-child(1){
  bottom: 35px  !important  ;
}
.develop .develop-world .develop-world-box:nth-child(5n-4){ 
  bottom: 0px;
  left: 16.9%;
}

.develop .develop-world .develop-world-time{    margin-bottom: 5px;
  font-size:10px;
}

.develop .develop-world .develop-world-box:nth-child(5n-3) .develop-world-line-down{  
  width: 1px;
  height: 98px;    
  margin-left: 10px;
}
.develop .develop-world .develop-world-box:nth-child(5n-1) .develop-world-line-down{
  width: 1px;
  height: 69px;    
  margin-left: 10px !important;
}

.develop .develop-world .develop-world-box:nth-child(5n-4) .develop-world-line-down,
.develop .develop-world .develop-world-box:nth-child(5n-2) .develop-world-line-down, 
.develop .develop-world .develop-world-box:nth-child(5n) .develop-world-line-down {
  width: 1px;
  height: 47px;
  margin-right: 10px !important;
}

.develop .develop-world .develop-world-title {
  font-size: 10px;
  line-height: 16px;
  max-width: 67px !important;
}

.develop .develop-world .develop-world-box:nth-child(5n-3){ 
  
  bottom: 180px;
  right: 51%;
  flex-direction: row-reverse;
  align-items: flex-end;
}



.develop .develop-world .develop-world-box:nth-child(5n-2) {
  position: absolute;
  
  bottom: 148px;
  right: 5%;
  
}
.develop .develop-world .develop-world-box:nth-child(5n-1) {
  position: absolute;
  bottom: 315px;
  left: 60.1%;
  
}

.footer p{
  margin-bottom: 10px;
}


.scheme-center-box-mobile .swiper-pagination-bullet{
  
  width: 46px;
  height: 2px;
  margin: 0 !important;
}
.scheme-center-box-mobile .swiper-pagination-bullet-active{
  background: linear-gradient( 135deg, #49BDE3 0%, #56B89D 47%, #67BB46 100%), #D8D8D8;
}




.develop .develop-world .develop-world-box:nth-child(5n) {
  bottom: 262px;
  left: 80.5%;
}



.contentBox{display:none !important;}
.mob_search button{    
  width: 30px;
  height: 30px;
  background: url(../upload/images/2024/7/cb44f3fb58c217b2.png) no-repeat;
  background-size: 30px 30px;
  cursor: pointer;
  border: none;
  position: absolute;
  bottom:0px;
  right: 8px;
}
.mob_search {
  position: absolute;
  right: 10px;
  height: 30px;
  line-height: 30px;
  z-index: 99;
  top: 25px;
  box-sizing: border-box;
}

.mob_search input{width:80px;background:none;border:0;color:#fff;line-height: 30px;outline: none;}
.search_box_mob{
  border: 1px solid #fff;
  width: 260px;
  box-sizing: border-box;
  padding: 0px 24px 0px 44px;opacity:0;border-radius:18px; 
}

.contentBox-mobile{
  display:block;
  padding-top: 32px;
  padding-bottom: 10px;
}
.footer .contentBox-mobile-image{
  width:105px;
  height:50px;   
  background: url(../upload/images/2024/7/5734b7b0b1d06931.png) no-repeat;
  background-size: 105px 50px;
  margin-bottom: 24px;
}
.contentBox-mobile p{font-size: 16px;color: #FFFFFF;}

.number-box p{color: #7F8693;font-size: 15px; margin-bottom: 9px;
}

.copyRight-box p:nth-child(2){color: #7F8693;        margin-bottom: 9px;
  font-size: 15px;
}


.footer-info-one-phone{    
  font-size: 22px !important;
  line-height: 25px;
  letter-spacing: 1px;
  background: linear-gradient(
    0deg
    , #4CB6D7 0%, #56B89D 47%, #67BB46 100%);
  -webkit-background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.contentBox-mobile .weChat{  
  width:23px;
  height:18px;   
  background: url(../upload/images/2024/7/dcfd366dda8e7571.png) no-repeat;
  background-size: 23px 18px;
}
.contentBox-mobile .us{  
  width:22px;
  height:22px;   
  background: url(../upload/images/2024/7/b3e4dcac96dc0153.png) no-repeat;
  background-size: 22px 22px;
  margin-left: 24px;
}

.contentBox-mobile .us-box{
  display:flex;
  align-items: center;     
  margin-bottom: 25px;
}




.footer{height:unset;}
.contentBox-mobile li a{     
  font-size: 16px;
  color: #7F8693;
  margin-bottom: 8px;
}

.down-content li:nth-child(odd){
  font-size: 16px;
  color: #7F8693;
  margin-bottom: 8px;
} 
.down-content li:nth-child(even){
  font-size: 16px;
  color: #C6CEDE;
  margin-bottom: 8px;
} 

.contentBox-mobile .down-box{ 
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.contentBox-mobile .down{  
  width: 15px;
  height: 15px;
  background: url(https://static.yzl.ltd/common/www.zhijiao361.com/down-icon.png) no-repeat 97% center;
  background-size: 15px 15px;
}

.us-box .code{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99999;
  display: none;
  background: rgb(0 0 0 / .6);
}


.us-box .code img{  
  width: 284px;
  height: 284px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -142px;
  margin-top: -142px;
}



/*新闻列表页面*/
.pc-top-title{display:block;}
.phone-top{display:block;}

.pc-top{display:none;}
.page-list .imgTxt_info{
  margin-left:8px;
}
.cont_img{
  width: 132px;height: 75px;
}
.page-right .item-content{
  width:unset;
  padding: 12px;
  margin-bottom: 12px;
}
.imgTxt_info .text h4{
  font-weight: 500;
  font-size: 12px;
  color: rgba(60,68,84,0.8);
  line-height: 17px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow:hidden;
  -webkit-box-orient: vertical;
}
.imgTxt_info .text .date{
  margin: 2px 0 7px 0;
  font-weight: 400;
  font-size: 10px;
  color: #8396AB;
  line-height: 14px;
  
}
.imgTxt_info .text h5{
  font-weight: 400;
  font-size: 10px;
  color: #8396AB;
  line-height: 14px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow:hidden;
  -webkit-box-orient: vertical;
}


.top-title{
  width:unset;
}
.page-right-content{
  padding: 12px 12px 20px;
}
.page-right-content .contents-title{
  font-weight: 500;
  font-size: 12px;
  color: #3C4454;
  line-height: 17px;
}
.page-right-content .contents-date{
  margin-top: 6px;
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 10px;
  color: #8396AB;
  line-height: 14px;
  
}

.page-right-content .about p span{
  font-weight: 400 !important;
  font-size: 12px !important;
  color: rgba(60,68,84,0.8) !important;
  line-height: 20px !important;
}

.page-right-content .about img{
  margin: 10px 0 !important;
  width: 100% !important;
}
.page_num .page_num_a{
  font-weight: 500;font-size: 12px;
  color: rgba(60,68,84,0.8);
  line-height: 17px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow:hidden;
  -webkit-box-orient: vertical;
}

.page_num .page_num_title span{
  font-weight: 500;font-size: 12px;
  color: rgba(60,68,84,0.8);
  line-height: 17px;
}

.page_num >div{
  
  padding:15px 20px 14px 12px;
  width: 169px;
  height: 94px;
}
.page_num .page_num_title{
  margin-bottom: 14px;
}
.page_num .page_num_title .right{
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
}
.page_num .page_num_title .left {
  margin-right: 12px;
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
}

.page_num{
  margin-top: 12px;
}
.sys-content{
  margin-top:unset;
  padding:12px 0;
}

.page_num >div:first-child .page_num_a {
  margin-left: 29px;
}

.page_num >div:last-child .page_num_a {
  margin-right: 28px;
}
.page-left{
  height: 31px;
}

.top-title li{
  
  height: 31px;
  line-height: 31px;
}

.page-left ul li a{
  font-weight: 500;font-size: 10px;
  color: #8FA2B0;
  line-height: 14px;
}

.develop .container{ 
  display:none !important;
}


}