


@media only screen and (max-width:1500px) {

.head-menu li{ }
.head-menu li > a{ padding: 0 20px;}
.head-menu .child .txt a{ padding: 0 10px;}
.scroll .logo img { transform:scale(0.9,0.9);  -webkit-transform:scale(0.9,0.9);  }


}


@media only screen and (max-width:1384px) {
.header{}
.head-menu li{ margin: 0 0px;}

}



@media only screen and (max-width:1340px) {

.in_pro_case ul li .tit { width:100%; }
.in_pro_case ul li .tit .con { margin-left:10px; }

.font-90 { font-size:60px;}
.wrap { width:auto; margin:0px 20px; }
}


@media only screen and (max-width:1280px) {
.head-menu li > a{ padding: 0 18px;}
}


@media only screen and (max-width:1258px) {
.header .logo{ width: 30%; padding-top: 8px;}
.header .logo img{ width: 90%;}
}

@media only screen and (max-width:1180px) {

.header .logo{ width: 32%; padding-top: 8px;}
.header .logo img{ width: 100%;}
a.font-18{font-size: 16px;}




  .header .logo { margin-left:0px; }
  .head_top .in_share { padding-right:0px; }
  .head-menu li { margin:0px 10px; } 

  .header .in_search { margin-left:3%; margin-right:8px; }
  
  
  .in_pro_case ul li .font-36 { font-size:24px; }
  .in_pro_case ul li .font-40 { font-size:26px; }
 
   .font-90 { font-size:50px;}

  
}


@media only screen and (max-width:1224px) {
.wrapw{ padding-top: 124px !important;} 
.header .logo{ padding: 10px 0;}
.header{ padding: 0;}
/* .head-menu .child .txt a{ line-height: 46px;}
.head-menu li > a{ height: 50px; line-height: 50px;}
.scroll .head-menu li > a{ height: 50px; line-height: 50px;}
 */
.font-90 { font-size:40px;}
.header .logo{ width: 100%; text-align: center;} 
.header .logo img{ width: 48%;}
/* .head-menu nav{ width: 100%;} */
/* .head-menu li{ width: 12%; text-align: center; margin:0 !important; }
 */

}


@media only screen and (max-width:990px) {

.wrapw {padding-top: 125px !important;}
.sites{ margin-bottom: 20px !important;}


}



@media only screen and (max-width:980px) {

  .head-menu li { margin:0px 15px; } 
/*   .head-menu .child .txt dl dd { padding:0px 5.8%; }
  .head-menu .child .txt dl dd:first-child { padding-left:4.5%;} */
  .header .in_search { margin-left:3%; }

  
}


@media only screen and (max-width:900px) {

  .header .in_search { margin-top:2.4%; }
  .head-menu li { margin:0px 10px; }
  
  

}

@media only screen and (max-width:840px) {

  .header .in_search { margin-top:2.7%; }
  .head-menu li { margin:0px 6px; }

 
}




@media only screen and (max-width: 790px) {
.banner_video{ padding-top: 100px; z-index:0; position:relative;z-index: -99999999999999;}
.main{ padding-top: 120px;}
.main02{ padding-top: 0px;}


.header{ padding:0 !important;/*background: -moz-linear-gradient( top,#101010,#252525);
    background: -webkit-linear-gradient(top,#101010,#252525);
    background: -o-linear-gradient(top,#101010, #252525);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#101010, endColorstr=#252525);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#101010, endColorstr=#252525)"; */box-shadow: 0px 2px 6px #181818;background: url(../images/hui.png) repeat;}
.header .wrapper{ width: 100%; margin: 0;}
.header .wrap{ margin: 0 !important;}


.head-menu li.on > a{ background: none}
.head-menu .child .txt dl{ background: none;}
.head-menu li:first-child + li + li + li + li + li + li + li .child dd a{ text-align: left;}
.head-menu .child .txt a{ line-height: 34px;}
.header{ padding: 10px 0;}

.phone_hide { display:none; }
.phone_show { display:block; }
	
    .header { position: fixed; top: 0; left: 0; width: 100%;z-index: 9999999; }
	
	.header .wrap { margin:0px 10px; }
    .head-menu .wrap { position: relative; }
	.menu_h { display: block; background: none; transition: 0.3s all; -webkit-transition: 0.3s all; border: none; width: 40px; height: 30px; padding: 0; outline: none; position: absolute; right: 10px; top: 50%; margin-top: -15px; z-index: 99999; }
	.menu_h::before, .menu_h::after, .menu_h span { background: #fff; border-radius: 2px; }
	.menu_h::before, .menu_h::after { content: ''; position: absolute; height: 4px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; }
	.menu_h span { position: absolute; width: 100%; height: 4px; left: 0; overflow: hidden; text-indent: 200%; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
	.menu_h::before { -webkit-transform: translate3d(0, -12px, 0); transform: translate3d(0, -12px, 0); }
	.menu_h::after { -webkit-transform: translate3d(0, 12px, 0); transform: translate3d(0, 12px, 0); }
	.menu-open .header{z-index: 99999999999999;}
	.menu-open .menu_h span { opacity: 0; }
	.menu-open .menu_h::before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
	.menu-open .menu_h::after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }
	.menu-open nav { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
	.menu-open nav { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
	
	.menu-open .body-box { overflow: hidden; }
	.menu-open .menu_h { right: 230px; }
	
	.head-menu .child .imglist { display:none; }
	.head-menu .child .txt { position:relative; width:100%; top:0%; }
	.head-menu .child .wrapper { position:relative; }
	.head-menu .child .txt dl dd { background:none; padding:0px; }

	.menu-open .ph-mask { display: block; width: 100%; height: 100%; background: #000; opacity: 0.5; position: fixed; left: 0; top: 0; z-index: 9999; }
	.menu-open .head_top,
	.menu-open .head-menu nav { transform: translateX(0px); -webkit-transform: translateX(0px); }  
  
     .header .logo { padding:10px 0px; text-align: left; }

     .head-menu { padding-top:0px; }
.head-menu li{ width: auto; text-align: left;}

	 .head-menu li:hover > a { background:none; }
	.scroll .logo  { padding:10px 0px; }
    .scroll .logo img { transform: scale(0.8,0.8);-webkit-transform: scale(0.8,0.8); }
	.lt9 .scroll .logo img { zoom:1; }
	.scroll .head_top { display:block; }



	
	
	.top-search a { position: relative; display: block; color: #fff; text-align: center; z-index:1; }
	.top-search .box .inp { width:174px; }
	.top-search .box { float:none; position:relative; z-index:2; }
	.head-menu li > a { padding:0px; line-height:200%; height:auto; }
	.head-menu li:hover > a { color:#fff; }
	
	.head-menu nav { z-index: 99999; margin: 0; position: fixed; right: 0; top:0px; bottom: 0; left: auto; float: none; width: 230px; height:auto; background:#1e1e1e; overflow-y: auto; transform: translateX(230px); -webkit-transform: translateX(230px); transition: 0.3s all; -webkit-transition: 0.3s all; opacity: 0.8; }
	.head-menu nav ul { padding-bottom: 4em; padding-top: 10px; }
	.head-menu nav li { float: none; margin: 0; display:block;  padding:5px 10px;  }
	.head-menu nav li > a { color: #fff; border-bottom: 1px solid #646464; font-size:16px; }
	.head-menu .child { position: relative; display:block; top: 0; opacity:1; background:none; visibility: visible; padding-left:4%;  width:96%; left: 0; margin-left: 0;display: block !important;}
	.head-menu .child .txt { padding:0.5em 0px; top:-50%; }
	.head-menu .child .txt a { font-size:14px; color:#fff; padding:0.25em 1em; background:none; text-align: left; }
	.head-menu .child .txt a:hover { background:none; }
	.head-menu .child .txt dl dd { width:100%; padding:0px; }
	.head-menu .child .txt dl dd:first-child { padding-left:0px; }

	


}








/* 动画 */

@media (min-width:1000px) and (max-width:2000px) {
	
.qunj{  transform: translateX(-100px); -webkit-transform: translateX(-100px);-ms-transform: translateX(-100px);opacity: 0; transition: 0.8s all; -webkit-transition: 0.8s all; -ms-transition: 0.8s all;}
.qunj.cur{    transform: translateX(0);-webkit-transform: translateX(0);-ms-transform: translateX(0);opacity: 1;}
	
.index_ti{opacity: 0;-webkit-transition:All 0.8s ease-in-out;transform:scale(0.2);-moz-transition:All 0.8s ease-in-out;transform:scale(0.2);-ms-transition:All 0.8s ease-in-out;transform:scale(0.2);-o-transition:All 0.8s ease-in-out;transform:scale(0.2);transition:All 0.8s ease-in-out;transform:scale(0.2);}
.index_ti.cur{opacity: 1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
	
.wrapper_match .match_a li{transform: scale(0.5,0.5) rotate(3deg);-webkit-transform: scale(0.5,0.5) rotate(3deg); opacity: 0; transition: 0.8s all; -webkit-transition: 0.8s all;-ms-transition: 0.8s all; -moz-transition: 0.8s all;-o-transition: 0.8s all;}

.wrapper_match .match_a li.cur{ transform: scale(1,1) rotate(0deg); -webkit-transform: scale(1,1) rotate(0deg);opacity: 1;}
	

.match_b{transform: translateY(100px); -webkit-transform: translateY(100px);-ms-transform: translateY(100px); opacity: 0; transition: 0.8s all; -webkit-transition: 0.8s all;-ms-transition: 0.8s all;}
.match_b.cur{ transform: translateY(0); -webkit-transform: translateY(0);-ms-transform: translateY(0); opacity: 1;}


/*.home04_main li{opacity: 0; transition: 1.5s all; -webkit-transition: 1.5s all; -ms-transition: 1.5s all;}
.home04_main li.cur{opacity: 1;} 

*/

.vscur01{  transform: translateX(-100px); -webkit-transform: translateX(-100px);-ms-transform: translateX(-100px);opacity: 1; transition: 0.8s all; -webkit-transition: 0.8s all; -ms-transition: 0.8s all;}
.vscur01.cur{ transform: translateX(0);-webkit-transform: translateX(0);-ms-transform: translateX(0);opacity: 1;}
	
.vscur02{transform: translateY(0px); -webkit-transform: translateY(0px);-ms-transform: translateY(0px); opacity: 1; transition: 1s all; -webkit-transition: 1s all;-ms-transition:1s all;}
.vscur02.cur{ transform: translateY(0); -webkit-transform: translateY(0);-ms-transform: translateY(0); opacity: 1;}
	


.link li{transform: translateY(100px); -webkit-transform: translateY(100px);-ms-transform: translateY(100px); opacity: 0; transition: 1s all; -webkit-transition: 1s all;-ms-transition:1s all;}
.link li.cur{ transform: translateY(0); -webkit-transform: translateY(0);-ms-transform: translateY(0); opacity: 1;}


.animate_index .foot_hd .left{  transform: translateX(-100px); -webkit-transform: translateX(-100px);-ms-transform: translateX(-100px);opacity: 0; transition: 0.5s all; -webkit-transition: 0.5s all; -ms-transition: 0.5s all;}
.animate_index .foot_hd .left.cur{    transform: translateX(0);-webkit-transform: translateX(0);-ms-transform: translateX(0);opacity: 1;}

.animate_index .foot_hd .right li{transform: translateY(100px); -webkit-transform: translateY(100px);-ms-transform: translateY(100px); opacity: 0; transition: 1s all; -webkit-transition: 1s all;-ms-transition:1s all;}
.animate_index .foot_hd .right li.cur{ transform: translateY(0); -webkit-transform: translateY(0);-ms-transform: translateY(0); opacity: 1;}

	
.team_lb{ transform: translate(50%,0) scale(1,1);-webkit-transform: translate(50%,0) scale(1,1); transition: 1.5s all; -webkit-transition: 1.5s all;opacity: 0;transform: scale(0.2,0.2);-webkit-transform: scale(0.2,0.2);}
.team_lb.cur { transform: translate(0,0);-webkit-transform: translate(0,0);  opacity: 1;transform: scale(1,1);-webkit-transform: scale(1,1);}
	

.service_box{transform: translateY(-100px); -webkit-transform: translateY(-100px);-ms-transform: translateY(-100px); opacity: 0; transition: 1.5s all; -webkit-transition: 1.5s all; -ms-transition: 1.5s all;}
.service_box.cur{transform: translateY(0); -webkit-transform: translateY(0);-ms-transform: translateY(0); opacity: 1;} 

	



}

