/* 文化 */
							
@keyframes warnwap {

    0% {

        transform:scale(0.5);

        opacity:0;

    }

    25% {

        transform:scale(1);

        opacity:0.4;

    }

    50% {

        transform:scale(1.2);

        opacity:0.8;

    }

    75% {

        transform:scale(1.3);

        opacity:0.4;

    }

    100% {

        transform:scale(1.4);

        opacity:0;

    }

}

@-webkit-keyframes warnwap {

    0% {

        transform:scale(0.5);

        opacity:0;

    }

    25% {

        transform:scale(1);

        opacity:0.4;

    }

    50% {

        transform:scale(1.2);

        opacity:0.8;

    }

    75% {

        transform:scale(1.3);

        opacity:0.4;

    }

    100% {

        transform:scale(1.4);

        opacity:0;

    }

}
	


@keyframes warn {

    0% {

       
        opacity:0.5;
	 transform: scale(1);

    }

   
    50% {
 

        opacity:0.25;
		transform: scale(1.05);

    }

   

    100% {

      

        opacity:0.5;
		transform: scale(1);
    }

}
/* 圆点 */
@keyframes ani-svg {
	0% {
		opacity: .4;
		transform: translateY(-20px);
	}

	15% {
		opacity: .65;
		transform: translateY(-15px);
	}

	25% {
		opacity: .8;
		transform: translateY(-10px);
	}

	50% {
		opacity: 1;
		transform: translateY(0);
	}

	65% {
		opacity: .8;
		transform: translateY(5px);
	}

	75% {
		opacity: .65;
		transform: translateY(10px);
	}

	100% {
		opacity: .4;
		transform: translateY(15px);
	}
}
/* 地图 */
@keyframes ani-svg2 {
	0% {
		opacity: .6;
		transform: translateY(-5px);
	}

	 

	50% {
		opacity: 1;
		transform: translateY(0);
	}

	 

 
	100% {
		opacity: .6;
		transform: translateY(5px);
	}
}

@keyframes cloud1 {


  0% {
    right: -10%;
	}
 50% {
	right: 60%;
	}
 100% {
	right: 110%;
	}
  

}
@keyframes cloud2 {


  0% {
    right:-20%;
   
   
	}
 50% {
	right: 60%;
   
   
	}
 100% {
	right: 120%;
  
 
}
}

@-webkit-keyframes long-data-v-567370fb {
	0% {
		width: 0
	}
  
	25% {
		width: 16px
	}
  
	50% {
		width: 32px
	}
  
	75% {
		width: 16px
	}
  
	to {
		width: 0
	}
  }
  
  @keyframes long-data-v-567370fb {
	0% {
		width: 0
	}
  
	25% {
		width: 16px
	}
  
	50% {
		width: 32px
	}
  
	75% {
		width: 16px
	}
  
	to {
		width: 0
	}
  }
  
  

  @media screen and (max-width: 1670px) {
     
	nav>ul{ width: 950px;}

	.w80{ width: 90%;}
 
     
  }
  @media screen and (max-width: 1560px) {
	header .p-50{ padding: 0 10px;}
	.language,.tel{margin-left: 22px;}
	 
     
  }

  @media screen and (max-width: 1520px) {
	 

	/* .foot-link{ display: none;}*/
     
  }
 
  @media screen and (max-width: 1470px) {
	.subMenu{ height: 100px;}.subMenu>ul>li>a{ line-height: 100px;}
	.subMenu>ul>li>a{ font-size: 16px;}
	 
	.proright .prodesc{margin-bottom:50px}
	/* .tel{ display: none;} */

	.w80{ width:96%;}
	.about-page2{    padding-top: 100px;margin-top: -50px;}
	.about-page2-ul li h5 b{ font-size: 60px;}
	.about-video{padding-top: 40px;}
  }
  @media screen and (max-width: 1380px) {
	  .tel{ display: none;}
  }
  @media screen and (max-width: 1350px) {
	 

	.about-page2{    margin-top: 50px;padding-top: 50px;}
	.development-page3-left{ justify-content: center; }
	.development-page3-left img{    margin-left: 0px; max-width: 100%;}
	.partys-tit span{ font-size: 60px;}

	.pro-left{ width: 30%;}
	.pro-right{ width: 68%;}
	.prolist-ul{grid-template-columns: repeat(2,1fr);grid-gap: 32px;}

	.prodesc p{width:100%;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
	}
	
     
}


  @media screen and (max-width: 1290px) {
	/* header .p-50{ display: block;} */
	header .p-50{ padding: 0  0 0 10px; height:55px;align-items: center; }
	header .logo img:nth-child(1){ display: none;}
	header .logo img:nth-child(2){ display: block;}
	header{ height: 55px;}
	header .p-50 .r{ display: block; }
	/* padding: 30px 40px; */
	header .p-50 .r{ background: #0569b3;justify-content: center;align-items: center;display: flex; position: relative; width: 60px; height: 100%;}
	header.red .p-50 .r{ background: #e62129;}
	header .p-50  .r .burger{ width: 32px; height: 1px; background-color: hsla(0, 0%, 100%, .8); position: absolute; top: 20px; right: 30%; margin: 0 0 0 -16px; -webkit-transform-origin: center;transform-origin: center;-webkit-transition: .8s;transition: .8s}	
	header    .r .burger:first-of-type,
	header   .r .burger:nth-of-type(3) {width: 0;-webkit-animation: long-data-v-567370fb 2s linear infinite;animation: long-data-v-567370fb 2s linear infinite}
	header   .r .burger:nth-of-type(3) { -webkit-animation-delay: .6s;animation-delay: .6s}
	header   .r .burger:nth-of-type(2) {top:30px}
	header   .r .burger:nth-of-type(3) {top: 40px}
	header .p-50 .close .burger:first-of-type {top: 30px;-webkit-transform: rotate(225deg);transform: rotate(225deg);width: 32px;-webkit-animation: none !important;animation: none !important} 
	header .p-50 .close .burger:nth-of-type(2) {left: -100%;opacity: 0}
	header .p-50 .close .burger:nth-of-type(3) {top: 30px;-webkit-transform: rotate(-225deg);transform: rotate(-225deg);width: 32px;-webkit-animation: none !important;animation: none !important}
	header nav{ position: absolute; top: 55px; right: 0; width: 100%; background: #fff;color: #000; display: none;height: calc(100vh - 55px);}
	nav>ul{ width: 100%; display: block;  line-height:60px; }
	header nav>ul>li{ text-align: left;border-bottom: 1px solid #e5e5e5; }
	header nav>ul>li:nth-child(9){ display: none;}
	header nav>ul>li>a{ color: #000; text-align: left; padding-left: 10px; width: 60%;}
	header nav>ul>li:nth-child(10){ padding-left: 10px;  }

	 
.logo .txt{ display: block;}
	 
	.tabLanguage{ position: relative; display: inline-block; top: auto; background: none; color: #00a6e9 !important;margin-left: 20px;}
	.nowLanguage:hover .tabLanguage{ display: inline-block;}
	.language{ height: 70px;line-height: 70px;text-align: center; display: none;}
	.mav-en{ display: block; position: absolute; right: 70px; top: 0; line-height: 55px;color: #333;    font-size:16px;}

	.scoll-top .mav-en{ color: #333;}
	.language svg{ margin-right: 20px;}
	.tel{ height: 60px; line-height: 60px;text-align: center; display: none;}
	.subMenu{ position: relative;  top: 0; height: auto; overflow: hidden;background-color: #fff;}
	.subMenu>ul{ float: none; left: 0;}
	.subMenu>ul>li{ float: none; left: 0; border-top: 1px solid #e5e5e5;}
	.subMenu>ul>li>a{ line-height: 50px; font-size: 14px; color: #333; padding: 0 20px;    text-align: left; }
	.newsright ul li a h2{ font-size: 16px; height: auto;-webkit-line-clamp: 1;}  
	.subMenu>ul>li>a i{ margin-left: 25px;}

	.twonav{ background: url(/skin/fonts/7b166d4913ee4d67945e860485aa497d.woff);    grid-gap:10px;    margin: 20px 0;}
	.work-ul li{ padding:0; padding: 15px; }
	.work-ul li .con1{ padding: 10px;}
	.work-ul li h1{margin-bottom: 0px;font-size: 16px; display: inline-block;white-space: nowrap; width: 100%;  overflow: hidden;text-overflow:ellipsis;}
	.work-ul li p{font-size: 12px;width:100%;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
	.work-ul li a{ width: 100px; height: 30px; font-size: 14px;}
	.g5lianjie ul li{ width: 100%;}
	.g5lianjie ul{ font-size: 14px;}

	.jon-tit{padding: 20px 0; font-size: 14px;}
	.jon-tit h1{ font-size: 22px;}
	.join-page1 ul li{     width: calc(50% - 22px);    margin: 0px 10px 30px ; height: 100px;}
	.join-page1 ul li h2{font-size: 20px;    top: -20px;}
	.join-page1 ul li h3{ font-size: 18px;}
	.join-page1 ul li p{ font-size: 12px; line-height: 1.6; padding: 0 10px;}

	.join-page2{ flex-direction: column; height: 400px;}
	.join-page2-left,.join-page2-right{ width: 100%; background-size: cover; font-size: 14px; height: 200px;}

	.join-page2 h1{ font-size: 20px;}

	.work-search{ width: 98%;}
	.work-search-left{ font-size: 14px;height: 42px;}
	.work-search-left input{ font-size: 14px;}
	.work-search-left span{ display: none; }
	.work-search-right button{ font-size: 14px; width: 100px;height: 42px;}

	.pro-page1 .w80{ flex-direction: column;}
	.pro-left{ width: 100%;}
	.pro-left-box{padding:   0; background: none;}
	.pro-page1{ padding: 20px 0;}
	.pro-left-box h1{  font-size: 22px; text-align: center;    margin-top: 0px; color: #0569b3; font-weight: bold; display: none;}
	.pro-left ul{ border: none; margin:   0;display: grid; grid-gap: 10px; grid-template-columns: repeat(2,1fr);}
	/* 2px solid rgb(255, 255, 255,0.1) */
	.pro-left ul li{ line-height: 40px; height: 40px;    border-bottom: 1px solid rgb(255, 255, 255,0.1);}
	.pro-left ul li a{ font-size: 14px; background: #0569b3; padding: 0; width: 100%;  text-align: center;}

	.pro-left dl{ display: none;}

	.pro-right{ width: 100%; margin-top: 20px;}
	.prolist-ul{grid-gap: 12px;}
	.prolist-ul li{ padding: 10px;}
	.prolist-ul li .prolist-txt{ margin: 8px 0;}
	.prolist-ul li .prolist-txt h1{ font-size: 16px;}
	.prolist-ul li .prolist-txt h2{ font-size: 12px;    margin-top: 8px;}
	.prolist-ul li .prolist-more{line-height: 38px;    height: 38px;    font-size: 14px;}
	
	.country-ul li .conrty-txt{ font-size: 18px; font-weight: lighter;}
	.country-ul{flex-wrap: wrap;}
	.country-ul li{    flex: 1 50%;}
	.country-ul li:nth-child(4){flex-direction: column;}
	.country-ul li:last-child{ display: none;}
	.common-map-box .dot_box .dot .dot_circle{ width: 7px; height: 7px;}
	.common-map-box .dot:after{width: 26px; height: 26px; margin-top: -13px; margin-left: -13px;}
	.common-map-box .dot:before{width: 14px; height: 14px; margin-top: -7px; margin-left: -7px;}
	.common-map-box .dot_box .txt{ display: none;}
	.common-map-box .dot_box .txt2{ width: 50px;}
	.case-tit{ font-size: 22px;}
	.case-page1{ padding: 20px 0;}
	.country-ul{    margin-top: 20px;}
	.case-table{padding: 20px 0;}
	.case-page3 ul{grid-template-columns: repeat(3,1fr);    grid-gap: 15px;}

	.prolist-ul li:hover  .prolist-on{transform:scaleX(0)}

	.factory-txt h2,.factory-ul li:nth-child(2) .factory-txt h2{ font-size: 16px; text-align: center;}
	.factory-ul li:nth-child(2) .factory-txt .line{ height: 1px;}

	.relations-page1{ padding: 20px;}
	.relations-top h2{ font-size: 20px;}
	.relations-top h2 span{ font-size: 22px;}
	.relations-tel{ margin: 20px 0; font-size: 22px;}
	.relations-tel span{ width: 30px; height: 30px; font-size: 18px;}
	.relations-top ul{grid-template-columns: repeat(1,1fr);    grid-gap: 20px; width: 100%;}
	.relations-top ul li{ font-size: 16px;  }
	.relations-bot{ margin: 10px 0;}
	.relations-bot-text ul li h1{ font-size: 18px;}
	.relations-bot-text ul li{ width: 100px; height: 100px;    margin-left: -12px;}
	.relations-bot-text ul li p{ font-size: 10px;}
	.relations-page2{ padding-bottom: 20px;}
	.development-honor-img img{ max-width: 70% }


	.newsleft img{ height: 280px; object-fit: cover;}
	.media-page1 .swiper-slide .newban-left img{ width: 100%; height: 270px; object-fit: cover;}
	.newslist-ul li .news-img img{ width: 100%; height: 130px; object-fit: cover;}
	.newslist-more:hover{ width: 150px !important;}
	.prudct-page{ display: block;}
	.prudct-page li:nth-child(2){ display: none;}
	.prudct-page li:nth-child(1), .prudct-page li:nth-child(3){ height: 50px; line-height: 50px; width: 90%;}
	.prudct-page li:nth-child(3){ text-align: left;}

	.jiagou{ margin: 20px 0;}
	.jiagou .top{ width: 350px; height: 111px; line-height: 90px; font-size: 18px; background-size: cover;}
	.jiagou .bot{ display: flex; justify-content: space-between;   }
	.jiagou .bot .line{ width: 1px; height: auto;    margin: 17px 0 30px 0; }
	.jiagou .bot ul{ padding: 0; flex-direction: column; width: calc(100% - 44px); margin: 0;  }
	.jiagou .bot ul li{   writing-mode: horizontal-tb;
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: horizontal-tb;
		
		line-height: 35px; font-size: 14px; padding: 0 15px; margin-bottom: 15px;}
	.jiagou .bot ul li::before{transform: rotateZ(-90deg); left: -35px; top: 50%; margin: -12px 0 0 0;}
 
  }


  .honor-page1 ul li:hover  .mask-white,.newslist-ul li:hover .mask-white ,.partys-ban .swiper-slide:hover  .mask-white  ,.about-page1:hover   .mask-white,.development-page2:hover    .mask-white
  ,.newban:hover    .mask-white
  { -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)}
  

@media screen and (max-width:1200px) {
    background-size: 36% auto !important;

      .caseList li .txt{  padding-top: 20px; }

      .solutionconUl li .ico{ width: 60px; height: 60px;}
      .solutionconUl li .ico{ background-size:36% auto !important}
}


@media screen and (max-width:750px) {

.solutionconUl li{ padding: 10px 5px 20px;}
.solutionconUl li .eng{ display: none;}
.solutionTit{ margin-bottom: 18px;} 

}