
@media screen and (max-width:1281px){
	.inner{ width: 1120px;}

	.nav li .n_a{ font-size: 16px;}
	.nav .subnav{ width: 128px; margin-left:-64px;}
	.nav .subnav a{ font-size: 14px;}
	
	.ibox .inner{ width: 100%;}
	.ibox dd .ch{ font-size:16px;}
	.ibox dd .en{ font-size: 12px;}
	
	.linkDL dd{ margin-right: 4%;}
	.linkDL dd.item1{ width: 35.33%; margin-left:0;}
	.linkDL dd.item2{ width:16.33%;}
	.linkDL dd.item3{ width:15.33%;}
	
	.inewImg{ width: 500px; height: 259px;}
	.inewTab{ width:580px;}
	.inewIcon{ width: 580px; height: 223px; margin-right: 0px;}
	.inewIcon .list li a.t{ font-size: 18px;}
	
	.team-info{ font-size: 12px;}
	.team-info .zh{ font-size: 22px;}
	.team-info .en{ font-size: 14px;}
	.team-info .c{ height: 40px; line-height:20px;}
	.teamIbox dd.item9 .more{ margin:20% auto 10%;}
	
	
	.partentCon li{ width: 14%; margin-left: 6%;}
	
	.newsList li { width: 346px; }
	
	.Contact-list{ margin-left:-30px;}
	.Contact-list li{ margin-left:30px; width:257px;}
	.Contact-list li.first-li{ width:254px;}
	
	.online-left{ width:254px;}
	.online-right{ width:836px;}
	
	.online-right .inpt-box{ margin-left:-20px;}
	.online-right .inpt-box .filed{ width:265px; margin-left:20px;}
	.online-right .inpt-box .filed .inpt{ width:238px;}
	.online-right .textarea{ width:784px;}
			
}


@media screen and (min-width:1025px){

    .caseMmenu .btn-danger { display:none }
    .caseMmenu dd { display:block!important; }
	@-webkit-keyframes scaleUpDown {
	    from { -webkit-transform: scale(1.05); transform: scale(1.05); }
	    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
	}
	@keyframes scaleUpDown {
	    from { -webkit-transform: scale(1.05); transform: scale(1.05); }
	    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
	}
}

@media screen and (max-width:1024px){
	.ibox .inner, .inner{ width: 90%;}
	.gropBox,.nav{ display: none;}
	
	.top,.mtop{ height: 78px;}
	.top .inner{ width: auto;}
	
	.logo{ left: 5%; top: 19px; }
	.logo img{ width: 125px;}
	
	.gropBox2,.menu-handler{ display: block;}
	
	.caseDemo .item:hover .c { transition: 500ms; opacity: 1; }
	.caseDemo .item:hover .c2 { top: 8%; transition: 0ms ease 0ms; opacity: 0; }
	.caseDemo .item:hover img { transform: scale(1);  transform-origin: center center 0; transition: transform 0s ease-out 0s;}
	
	.iboxt{ padding:30px 0 25px 0;}
	.inewImg{ width: 45%; }
	.inewImg a.item{ display: block; height: 223px; width: 100%;}
	.inewImg img{ display: none;}
	
	.inewTab{ width:50%;}
	.inewIcon{ width: 50%; height:193px; }

	.teamIbox dd{ width: 20%;}
	.teamIbox dd.item9 .more{ margin:40% auto 10%;}
	
	.linkDL dd{ width: 100%; margin-left: 0%; float: none; margin-bottom: 15px; text-align:left;}
	.linkDL dd.item1{ width: auto; }
	
	.linkDL dd.item2{ width:auto;}
	.linkDL dd.item3{ width:auto;}
	
	.casePage { width: auto; padding-top: 0px;}
	.caseMmenu{ border: 0px none; padding: 0px; position: relative; z-index:800;}
	.caseMmenu dd{ position: absolute; left: 0px; top: 50px; padding:20px; width: 100%; box-sizing: border-box;  background-color: rgba(243,174,49,0.9);  display: none; z-index: 12;}
	.caseMmenu .btn-danger{ display: block;}
	.cmenu{ border-bottom:0; text-align:left;}
	.cmenu a{height: auto;  background-color: initial; color:#fff; border:0;}
	
	.businessItem{ width:90%; margin:auto;}
	.businessItem .img{ width:45%;}
	.businessItem .img .zh{ font-size:30px;}
	.businessItem .img .en{ font-size:26px;}
	.businessItem .con{ width:50%;}
	
	.caseList{ margin-right:0;}
	.caseList li{ width: 42.5%; margin:5% 0px 0 5%;}
	
	.partentCon{ margin-left:0;}
	.partentCon li{ width: 19%; margin:60px 3% 0 3%;}
	
	.newsList{ margin-left:5%;}
	.newsList li { width: 45%;  margin: 50px 5% 0px 0; }
	.newsList li .img { height: auto; }
	
	.caseClass{ width:95%; margin:auto;}
	
	.teamTwo-dd{ width:96%; margin:auto;}
	.teamTwo-dd li { width: 20%; }
	
	.teamInner{ width:98%; margin:5% auto;}
	
	 .teamImg{ width:20%;}
	 
	 .recomTeam, .paging{ width:98%; margin:auto;}
	 
	 .aboutInner{ width:90%; margin:auto;}
	 .about-icon li{ width:25%;}
	 
	 .Contact-list{ width:98%; margin:auto; margin-left:1%;  padding-bottom:20px;}
	 .Contact-list li{ width:31.33%; margin:0 1% 30px 1%;}
	 .Contact-list li.first-li{ width:31.33%; height:158px; box-sizing:border-box;}
	 
	 .online-cont{ width:98%; margin:auto; padding-top:50px;}
	 .online-left{ width:31.33%; margin-left:1%; box-sizing:border-box;}
	 .online-right{ width:65.67%;}
	 .online-right .inpt-box{ margin-left:-1%;}
	 .online-right .inpt-box .filed{ width:32.33%; margin-left:1%;}
	 .online-right .inpt-box .filed .inpt{ width:100%; box-sizing:border-box;}
	 .online-right .textarea{ width:100%; height:203px; box-sizing:border-box;}
	 
	 .online-button{ width:98%; margin:auto;}
}

@media screen and (max-width:861px){
	.ibox dd .zh{ font-size: 16px;}
	.ibox dd{ width:31%; margin-bottom:15px;}
	.ibox dd .en{ padding:2% 0 8% 0;}
	
	.teamIbox dd{ width: 33.33%;}
	
	.businessItem{ padding-bottom:40px;}
	.businessItem .img{ width:100%;}
	.businessItem .con{ width:100%; padding-top:50px;}
	
	.partentCon li{ width: 27%;}
	
	
	.teamTwo-dd li { width: 25%; }
	 .teamImg{ width:25%;}
	 
	 .about-icon li{ width:33.3%;}
	 
	 .Contact-list li{ width:48%;}
	 .Contact-list li.first-li{ width:48%;}
}
 
 
@media screen and (max-width:641px){
	.top,.mtop{ height: 62px;}
	.logo{ top: 10px; font-size: 20px;}
	.gropBox2{ display: none;}
	.menu-handler { width: 62px; height: 62px;}
	.menu-handler .burger { width: 32px; height: 4px; top: 16px; left: 50%; margin: 0 0 0 -16px;}
	.menu-handler .burger-2 { top: 28px; }
	.menu-handler .burger-3 { top: 40px; }
	.menu-handler.active .burger-1 { top: 28px;}
	.menu-handler.active .burger-3 { top: 28px;}
	
	.banner .binbox .h{ font-size:24px;}
	.banner .binbox .t{ font-size:18px; padding:15px 0 20px 0;}
	.banner .binbox .c{ display:none;}
	.banner .flex-control-nav{  bottom:4%;}
	
	.ibox{ margin-bottom:0; }
	.ibox dd .ico{ transform: scale(0.9); -webkit-transform: scale(0.9);}
	.ibox dd .zh{ font-size: 15px;}

	.foot{ width: 100%;}

	.inewImg{ width: 100%; float: none; height: auto; margin-bottom:30px;}
	.inewImg a.item{ background-image: none !important; height: auto;}
	.inewImg a.item img{ display: block;}
	.inewIcon{ width: 100%; float: none; height: 223px; margin-top:20px;}
	.inewIcon .list li .t .r{ font-size:14px; }
	.inewTab{ width:100%; position: relative; left: 0px; top: auto; height:auto;}
	
	.teamIboxQA{ margin:30px 0;}
	.teamIbox dd.blackbg{ display: block;}
	.teamIbox dd.item9{ position: absolute; width: 268px; height: 338px; left: 50%; top: 50%; margin:-175px 0px 0px -140px; background-color: rgba(243,174,49,0.9); padding: 6px; z-index: 10;}
	.teamIbox dd.item9 a{ border: 1px solid #FFCE76; box-sizing: border-box; width: 100%; height: 100% !important;}
	.teamIbox dd.item9 img{ display: none;}
	.teamIbox dd.item9 .more{ margin: 40% auto 36px;}
	
	.copy{ margin-top:20px;}
	
	.caseList li{ width: 90%; margin: 5% auto 0; float: none;}
	
	.newsList{ margin-left:0;}
	.newsList li { width: 85%; float: none; margin: 50px auto 0; }
	
	.teamTwo-dd li { width: 33.33%; }
	
	.teamInner{ background:none;}
	 .teamImg { width: 70%; margin: 0px auto 40px; float: none; border-right:0;}
	 .teamCbox{ background:#e7e9eb; width:94%; float:none; padding:3%;}
	 
	 .online-cont{ width:96%;}
	 .online-left{ width:100%; height:auto; padding:30px 0; float:none; margin-left:0;}
	 .online-left .ch{ padding-top:0;}
	 .online-right{ width:100%; float:none; margin-top:30px;}
	 
	 .online-button{ width:96%;}
	 

@media screen and (max-width:481px) {
	.ibox dd{ width: 48%;}
	.ibox dd .zh{ font-size: 14px; padding-top:10px;}
	
	.caseTab{ padding-bottom:20px;}
	.caseTab a{ display:block; margin:auto;  margin-bottom:10px; }
	
	#menu-holder{ right: -100%; width: 90%; padding: 0px 5%;}
	
	.teamIbox dd.item9{ width:240px; height:270px; margin:-140px 0px 0px -120px;}
	.teamIbox dd.item9 .more{ margin:30% auto 36px;}
	
	.linkDL dd.item1{ overflow:hidden;}
	.linkDL dd .f-add{ float:left;}
	.linkDL dd.item1 .txt{ float:left; width:90%; margin-top:-8px;}
	
	.businessItem .img{ text-align:center;}
	.businessItem .img .ico{ position:relative; margin:10px auto 0 auto; top:0;}
	.businessItem .con{ padding-top:20px;}
	
	.partentCon li{ width: 44%; margin:30px 3% 0 3%;}
	
	
	.teamTwo-dd li { width: 50%; }
	.about-icon li{ width:50%;}
	
	.Contact-list{ width:92%; margin:0 auto; padding-bottom:0;}
	.Contact-list li{ width:100%; margin:0; margin-bottom:30px; }
	 .Contact-list li.first-li{ width:100%;}
	
	
	.online-cont{ width:92%; padding-top:30px;}
	.online-right{ margin-top:0;}
	.online-right .inpt-box{ margin-left:0;}
	.online-right .inpt-box .filed{ width:100%; margin-left:0; float:none; margin-top:25px;}
	.online-button{ width:92%;}	
}

@media screen and (max-width: 375px) {
	.binbox .bcon .h{ padding-bottom: 15px;}
	.banner .binbox .t{padding-bottom: 15px; font-size: 22px;}
	.banner .binbox{ width:100%; margin-left:0; left:0 !important; top: 10%;}
	.binbox .bcon{ width: auto;}
	
	.ibox dd{ width:100%; padding:0;}
	.ibox dd .en{ padding:2% 0 3% 0;}
	
	.newIlist{ margin-top:0;}
	
	.inewTab span{ margin-right:15px;}
	.inewIcon .list li.act{ height:118px;}
	.inewIcon .list li .con{ margin-bottom:15px;}
	
	.teamIbox dd.item9{ width: 180px; height: 200px; margin:-105px 0px 0px -90px;}
	.teamIbox dd.item9 .more{ background-size: cover; width: 40px; height: 40px;} 
	
	.pbanner .pbox .zh{ font-size:32px;}
	.pbanner .pbox .en{ font-size:24px;}
	.cmenu a{ padding:0 35px;}
	.caseClass a{ line-height:1.5; font-size:13px; padding-left:0;}
	
	.about-icon li{ width:100%; float:none;}
	
	
}

@media screen and (max-width: 320px) {
	
	
}