@charset "utf-8";
/* CSS Document */



@media screen and (max-width:1440px){
	
	.in-w{ width:95%;}
	.w{ width:95%;}
	.nav li{ width:100px;}
	.subnav{ width:99px;}
	
}

@media screen and (max-width:1300px){
	
	.head-search{ display:none;}
	.nav li{ width:110px;}
	.subnav{ width:109px;}

}

@media screen and (max-width:1180px){
	
	.head-logo{ width:21%; padding-top:25px;}
	.nav li{ width:100px;}
	.subnav{ width:99px;}

}

@media screen and (max-width:1024px){
	
	.head{ height:70px;}
	.head-logo{ width:18%; padding-top:10px;}
	.navbox{ height:70px; padding-top:25px;}
	.subbox{ top:70px !important;}
	.mtop{ height:70px;}
	
	.pbanner{ height:300px;}
	.pbanner .txts .zh{ padding-top:110px;}
	
	.inews{ width:52%; padding:10px 0 0 0;}
	.inewsPic{ width:45%; height:380px;}
	.inewsPic .bd li .word{ padding:18px 195px 0 10px;}
	
	.newsList dd{ padding-left:390px;}
	.newsList .img{ width:260px;}
	.newsList .con .c{ margin:24px 0 0 0;}
	
	
	.InvestDL .con .itemBox{ width:100%; padding:0 5%; margin:0;}
	.InvestDL .con .c{ margin:10px 0 2%;}
	
}

@media screen and (max-width:768px){
	
	.head{ height:65px;}
	.head-logo{ width:160px;}
	.mtop{ height:65px;}
	.banner .pic{ position:relative;}
	.banner .banum{ display:none;}
	.navbox{ display:none; }
	
	.menu-handler { display: block;}
	.iaboutPage .in-w{ padding:0;}
	.iabout-txts{ width:100%;}
	.iabout-txts .view{ margin-top:10px;}
	.iabout-menu{ width:100%; margin-top:10px;}
	.iabout-menu a:nth-child(2n+1){ margin:0 0 13px 0;}
	
	.inewsPage{ margin-top:0;}
	.inews-cover{ width:100%;}
	.inews{ width:100%;}
	.inewsPic{ width:100%; margin-top:15px;}
	
	.iareasPage{ padding-top:0; margin-top:0; min-height:inherit;}
	.iareasList li{ max-width:33.3%;}
	
	.iprojectPage{ margin-top:0; padding:0 0 30px 0;}
	.iprojectList li{ width:48%; margin:10px 0 10px 2%;}
	
	.footer-top-lt{ width:100%; float:none;}
	.footer-top-rt{ width:15%; float:none; margin-top:15px;}
	.footer-btm .fl{ float:none;}
	.footer-btm .fr{ float:none;}
	
	.honorPage-wide{ width:95%; }
	.newsList dd{ padding-left:360px; height:160px; padding-bottom:0; margin-bottom:25px;}
	.newsList .img{ width:230px;}
	.newsList .con .c{ margin:15px 0 0 0;}
	
	.pagePadding{ padding:30px 0;}
	.InvestDL .img{ width:100%;}
	.InvestDL .con{ width:100%; position:relative; top:auto; left:auto; padding:20px 0;}
	
	.productDL li{ width:49%;}
	.productDL li:nth-child(2n){ margin-right:0;}
	
	.recuite-list{ padding:20px 15px;}
	

	
}

@media screen and (max-width:481px){

	
	.head{ height:50px;}
	.head-logo{ width:135px; padding-top:5px;}
	.mtop{ height:50px;}
	
	.banner .bx-pager{ width:100%; margin-left:0; left:0; text-align:center; top:auto; bottom:10px;}
	.banner .bx-pager-item{ width:auto; display:inline-block; margin:0 5px; margin-bottom:0;}
		
	.iaboutPage{ min-height:inherit; padding-top:0;}
	.iabout-iboxt{ padding:10px 0;}
	.iabout-iboxt .cn{ font-size:18px;}
	.iabout-iboxt .en{ font-size:14px; line-height:normal;}
	.iabout-menu a { height:50px; line-height:50px;}
	.iabout-menu a .ico{ width:30px; height:30px; margin-right:8px;}
	.iabout-menu a .i1{ background:url(../images/ab-ico1a.png) no-repeat; background-size:30px auto;}
	.iabout-menu a .i2{ background:url(../images/ab-ico2a.png) no-repeat; background-size:30px auto;}
	.iabout-menu a .i3{ background:url(../images/ab-ico3a.png) no-repeat; background-size:30px auto;}
	.iabout-menu a .i4{ background:url(../images/ab-ico4a.png) no-repeat; background-size:30px auto;}
	.iabout-menu a:hover .i1{ background:url(../images/ab-ico1b.png) no-repeat; background-size:30px auto;}
	.iabout-menu a:hover .i2{ background:url(../images/ab-ico2b.png) no-repeat; background-size:30px auto;}
	.iabout-menu a:hover .i3{ background:url(../images/ab-ico3b.png) no-repeat; background-size:30px auto;}
	.iabout-menu a:hover .i4{ background:url(../images/ab-ico4b.png) no-repeat; background-size:30px auto;}
	
	.inewsTab a{ width:25%; font-size:16px; margin-right:0;}
	.inewsItem li{ text-overflow:ellipsis; white-space:nowrap;  }
	.inewsItem li span{ display:none;}
	.inewsPic{ height:250px;}
	.inewsPic .picTit{ display:none;}
	.inewsPic .bd li .word{ height:30px; line-height:30px; padding:0 10px;}
	.inewsPic .bd li .word time{ display:none;}
	.inewsPic .bd li .word .t{ font-size:14px;}
	.inewsPic .pageState{ display:none;}
	
	.inewsPic .picBg{ height:30px;}
	.inewsPic a.arrow{ bottom:auto; top:50%; margin-top:-8px;}
	.inewsPic a.prev{ left:5px;}
	.inewsPic a.next{ right:5px;}
	.iareasList{ padding:15px 0;}
	.iabout-iboxt .ct{ font-size:14px; padding:0 10px;}
	.iareasList li{ width:100%; max-width:100%; height:300px;}
	.iareasList li .mask .content{ top:95px !important;}
	.iareasList li:hover .bg { display:none; }
	.iareasList li:hover .content { top:auto; }
	.iareasList li:hover .content .line-panel { margin-top:20px; }
	.iareasList li:hover .content .line-panel .item-line { opacity:1; filter: alpha(opacity=100); }
	.iareasList li:hover .content .item-title { margin-top:26px; }
	.iareasList li:hover .content .item-desc, .iareasList li:hover .content .item-link { opacity: 0; filter: alpha(opacity=0);  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));}
	
	.iprojectList{ margin-left:0;}
	.iprojectList li{ width:100%; margin:10px 0;}
	.iprojectMore{ padding-top:10px;}
	
	.footer-link .c .li{ margin:0 10px; display:none;}
	.footer-Btn a:last-child{ margin-top:15px;}
	.footer-top-rt{ width:100%; text-align:left;}
	
	.project-left{ width:100%; float:none; margin-left:0;}
	.project-left li{ width:33.3%; float:left; border-right:1px #fff solid;}
	.project-text{ width:100%; float:none;}
	.project-list.action li{ width:100%; margin-right:0; margin-bottom:20px;}
	
	
	.pbanner{ height:200px;}
	.pbanner .txts .zh{ padding-top:75px; font-size:24px;}
	.pbanner .txts .en{ font-size:18px;}
	.pageNav li{width: 50%; float: left; border-bottom: 1px #fff solid; border-right: 1px #fff solid;}
	.teamList figure{ width:100%;}
	.teamList .con{ width:100%;}
	
	.newsList dd{ height:auto; padding-left:90px; padding-bottom:15px;}
	.newsList .img{ width:100%; position:relative; left:auto; top:auto;}
	.newsList .con h4{ font-size:18px; margin-top:15px;}
	.newsList .con .c{ margin:10px 0 0 0;}
	.videoList{ margin-left:0;}
	.videoList li{ width:100%; margin:1% 0;}
	
	.productDL li{ width:100%; margin-right:0; margin-bottom:20px;}
	.contactPage{ padding-bottom:30px;}
	.contactPage .bg-blue{ display:none;}
	.contactPage .page-left{ width:100%; float:none;}
	.contactPage .page-right{ background:#00c1de; width:100%; float:none;}
	.contactPage .formbox{ padding:0 10px 15px 10px;}
	.menu-handler{ width:50px; height:49px;}
	.menu-handler .burger{ width:35px; top:12px; margin: 0px 0px 0px -18px;}
	.menu-handler .burger-2{ top:23px;}
	.menu-handler .burger-3{ top:35px;}
	.menu-handler.active .burger-1{ top:23px;}
	.menu-handler.active .burger-3{ top:23px;}
}



@media screen and (max-width: 375px) {
	
	.project-left li{ width:50%;}
	.newsList dd{ padding-left:0;}
	.newsList .tiemBox{ display:none;}
	.contactPage{ padding-top:0;}
	
}
@media screen and (max-width: 360px) {
	
}