@charset "utf-8";
/* CSS Document */
@media only screen and (max-width:1440px){
	header .header{width:100%;padding:0 3%;}
	.nav li{padding-right:0;}
	.container{width:90%;}
	.home-world .legend{width:96%;}
	.circle{right:0%}
	.circle li.hd img{left:380px;}
	.circle li.hn img{left:334px;}
	.circle li.hb img{left:360px;}
	.circle li.xn img{left:274px;}
	.circle li.hw img{left:364px;}
	.circle .xf{width:320px;}
	.area-hd{left:395px;}
	.area-hz{left:25px;}
	.area-db{left:375px;}
	.area-xb{left:285px;}
	.area-hw{left:55px;}
	.tit{margin-top:80px;}
	.home-product .item .bg{padding-top:35px}
	.home-product .item .bg h2{margin-bottom:50px;}
	.home-product .item .text{padding:30px}
	.culture{margin:70px 0;}
	.qywh ul li p,.fzlc_text p,.pcinfo ul li .contact3text p{font-size:14px;}
	.yffw_r{padding-left:0;}
	.pcinfo ul li .contact3text{
		-webkit-transform: translateY(-80px);
    	transform: translateY(-80px);
	}
	.pcinfo ul li .contact3text h2{font-size:18px;}
}
@media only screen and (max-width:1280px){
	#main-navigation li{margin:0 15px;}
	.ab-con .word{width:100%;}
}
@media only screen and (max-width:821px){
	header{height:70px;display: block;}
	.banNull{height:70px;}
	.nav{
   		height: calc(100vh - 45px);
		padding: 0 0 45px;
		position: fixed;
		background: #fff;
		width: 100%;
		left: 0;
		top:70px;
		z-index: 999;
		max-width: 100%;
		overflow: auto;
		transform: translateY(-130%);
		transition: transform 1s cubic-bezier(.3,.1,.3,1);
	}
	.header-mobile{display:block;}
	header .header .logo{margin:5px 0;}
	.header-tools{display: none;}
	.menu-open .nav>li{    
		position: relative;
		display: block;
    	width: 100%;
    	line-height: 60px;
    	background: #f7f7f7;
		margin:0;
	}
	.menu-open .nav>li:nth-child(even){background:#fff;}
	.menu-open .nav>li>a{
		text-align: left;
		display: block;
		padding:14px 30px;
		padding-left: 5%;
		position: relative;
		color: #333;
		transition: all .3s ease;
	}
	.menu-open .nav>li>a:after {
		content: "";
		display: block;
		width: 14px;
		height: 14px;
		text-align: center;
		background-size: 100% auto;
		position: absolute;
		right: 6.4%;
		top: 19px;
		background: url(../icon/right.png) center no-repeat;
		transform: rotate(0);
		transform-origin: center center;
		transition: all .3s ease-in-out;
	}
	.menu-open .nav>li:last-child:after{
		display:none;
	}
	.menu-open .nav>li>.change:after{
	    transform: rotate(90deg);
	}
	
	.container{padding:0 15px;}
	#tabs{width:92%;}
	.content .swiper3{height:auto;}
	.content .swiper3 .prev3{left:0;}
	.content .swiper3 .next3{right:0;}
	.word-box{
		top:30px;
		height:auto;
		padding:35px 30px;
	}
	.in-news-list .item{width:48%;}
	.foot_nav{padding:30px 0;}
	footer .lt{display:none;}
	footer .rt{width:100%;}
	.top-banner{padding-top:70px;}
	.nav .sub{
	    width:100%;
	    position:static;
	    transform: none;
	    background: transparent;
	}
	.nav .sub li a{
	    font-size:14px;
	    border:none;
	    text-align: left;
	}
}

@media only screen and (max-width:450px){
	.container{width:100%;}
	.leftcon{
		position:static;
		width:100%;
		padding:50px 15px;
	}
	.lfimg, .rgimg{
		width:100%;
	}
	.hpb{display:block;margin:50px 0;}
	.hnews ul li{
		width:100%;
		margin:0;
		margin-bottom: 15px;
	}
	.inban h2{
		font-size:24px;
	}
	.news-list .nl .text{
		width:100%;
		padding:20px;
	}
	.news-list .nl .text .tit2{
		padding:15px 0;
	}
	.news-list .nl .text .p{
		margin-bottom:20px;
	}
	.newslist{
		padding-top:0;
	}
	.text-con{padding:0;}
	.news-page .return{
		position:static;
		display: block;
		margin-top: 30px;
	}
	.cform{width:100%;padding:0;}
	.cbox{width:100%;}
	.pd_l,.pd_r ul li,.pd_r,.mySwiper2,.mySwiper,.pro-table,.pere .repro{width:100%;}
	.pd_l{margin-bottom:30px;position:relative}
	.pd_l h2{display:block}
	.pd_l ul{
	    display:none;
	    width:100%;
	    position: absolute;
	    top:52px;
	    z-index: 1;
	    background: #f6f7f8;
	    box-shadow: 0 0 5px 3px rgba(0,0,0,.15);
	}
	.fl5{display:block;}
	.pro-table{padding-right:0;}
	.pro-table table td{padding:10px;font-size:14px;}
}