@charset "utf-8";
/* CSS Document */
@media only screen and (max-width:1600px){
	header .header{width:90%}
	.container{width:90%;margin:0 auto;}
}
@media only screen and (max-width:1440px){
	header .header{width:96%}
	.in-tit h1{font-size:28px;}
	.in-tit h2{
		font-size:26px;
		line-height:30px;
	}
	.pnav{padding:0}
	#tabs{width:90%;}
	.fnav .item{margin-right:50px;}
	.in-ab .fl .txt{width:90%;}
	.in-ab .in-tit{padding-top:35px;margin-bottom: 30px;}
	.pro_box li{height:483px;}
	.res-list ul li .r-txt h2{
		margin:20px 0;
	}
	.form-con .tc input,.form-con .tc select,.form-con .fr .tc input{width:calc(100% - 130px)}
	.form-con .fl,.form-con .fr{width:50%;}
	.form-con{padding:30px;}
	.form-con h2{padding-top:0;}
	.sub{margin:0 auto;font-size:1rem;}
	.close-btn{
		top:35px;
		right:30px;
	}
	.res-list ul li .r-txt h2{font-size:18px;}
}
@media only screen and (max-width:1280px){
	.logo{width:240px;}
	#main-navigation li{margin:0 15px;}
	.ab-con .word{width:100%;}
	.nav li > a{padding-right:20px;padding-left:20px;}
}
@media only screen and (max-width:768px){
	*{font-size:14px;}
	header{height:75px;display: block;position:relative;}
	.nav{
   		height: calc(100vh - 80px);
		padding: 0 0 45px;
		position: fixed;
		background: #fff;
		width: 100%;
		left: 0;
		top: 75px;
		z-index: 999;
		display: none;
		max-width: 100%;
		overflow: auto;
	}
	.row{display:block;}
	header .header .logo{width:160px;margin-top:8px;}
	.menu-handler{display:block;}
	.in-banner{padding-top:70px;}
	.in-banner .text h3{margin-top:15px;} 
	.nav li{    
		position: relative;
		display: block;
    	width: 100%;
    	line-height: 60px;
    	background: #f7f7f7;
		margin:0;
	}
	.nav li:nth-child(even){background:#fff;}
	.nav li{
		text-align: left;
		display: block;
		padding-left: 5%;
		position: relative;
		color: #333;
		transition: all .3s ease;
	}
	.nav li > a{
		color:#333;
		background:#fff;
		padding:15px 0;
	}
	.nav li a:after {
		content: "";
		display: block;
		width: 20px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		background-size: 100% auto;
		position: absolute;
		right: 6.4%;
		top: 16px;
		background: url(../images/img1.svg);
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: 20px auto;
		transform: rotate(0);
		transform-origin: center center;
		transition: all .3s ease-in-out;
	}
	.header2 .nav .sub-tit.on:after {
		transform: rotate(-180deg);
	}
	.nav li .act1:after,.nav li .act8:after{display:none}
	
	.bannerS .swiper-pagination{bottom:5px;}
	.container{padding:0 15px;width:100%;}
	.in-ab .fl, .in-ab .fr{width:100%;}
	#tabs{width:100%;}
	#content .word-wrap{max-width:100%;left:0;padding:15px 30px;}
	#content .word-wrap h2{font-size:26px;}
	#content .word-wrap a{margin:20px auto;transform: translateY(0);top:0;}
	.fnav{display:none;}
	
	
	/************内页*************/
	.pbtxts{top:30%;}
	.ab1 .fl,.ab1 .fr{width:100%;padding-left: 0;}
	.pbtxts .txt1{font-size:36px;}
	.pbtxts .en{font-size:30px;}
	.news-list .fr{padding:20px}
	.news-list .fr p{margin:15px 0}
	.news-wrapper{max-width:98%;margin:50px 1%;}
	.bread-nav{display:none;}
	.res-list ul li{width:100%;}
	.job-title .td2,.form1 .td2{display:none!important;}
	.job-title .td,.form1 .tit .td{width:25%}
	.form1 .hides{padding:20px;}
	.form-con .fl, .form-con .fr{width:100%;}
}

@media only screen and (max-width:450px){
	header .header .logo {
		width: 120px;
		margin-top: 15px;
	}
	.in-ab .img{display:none;}
	.in-ab .fl{height:500px!important}
	.grid-cols-3{display:block;}
	footer .top .container{display:block;}
	.number ul li{
		padding-left:10px;
		border-left:none;
	}
	.ab2{padding-top:0;}
	.history{width:calc(100% - 80px);}
	.hisbox .yc{padding-right:0;}
	.news-list .fl,.news-list .fr{width:100%}
	.pvnt{display:block;}
	.pvnt li a{width:100%;margin-bottom: 15px;}
	.pro_box li{width:100%;height:350px;margin-bottom: 15px;}
	.pro_box li.cur {width:100%;}
	.res-list ul li .r-txt{width:100%}
	.job-title span:nth-child(2),.job-title span:nth-child(3),.form1 .tit span:nth-child(2),.form1 .tit span:nth-child(3){display:none;}
	.job-title .td, .form1 .tit .td {width: 50%;}
	.form1 .tit .td{font-size:13px;}
	.form1 .hides .dl{width:100%;}
	.form-con{width:98%;padding:15px}
	.form-con input::-webkit-input-placeholder {color:#999;}
	.form-con input::-moz-placeholder {color:#999;}
	.form-con input::-ms-input-placeholder {color:#999;}
	.form-con .tc span,.form-con .tc i{display:none}
	.form-con .tc input, .form-con .tc select, .form-con .fr .tc input {width:100%;margin-left:0;}
	.form1 .tit,.job-title{padding:0 10px;}
	.form-con .sex label,.radio_type{margin-right:10px;}
	.form-con h2{font-size:1.5em;margin-bottom: 20px;padding-bottom: 10px}
	.close-btn{right:10px;top:10px}
	.form-con .tc {margin-bottom: 15px;}
	.form-con .tc input{height:40px;line-height: 40px;padding-left: 10px;}
	.hr1 .tp .txt{position:static;color:#333;}
	.in-tit{padding-top:30px;}
	.form-con .sex,.form-con .tc select{height:40px;line-height: 40px;margin-bottom: 15px;}
	.sub{line-height:35px;}
	.info input{width:100%;margin-right:0;}
	.pnav{position:static;margin-top: 0;}
	.pnav .container{padding:0;}
	.pnav .wsibf li{width:25%;}
	.pnav .wsibf li a,.pnav .wsibf{width:100%;}
	
	#tabs li{width:50%;}
	#tabs,.tab-nav{position:static}
	#tabs{transform: translateX(0%);}
	#content{margin-top:0;}
	#content #tab1{position:static;}
	#content .word-wrap{position:static;transform: translateY(0%);background:transparent;}
	#content .word-wrap h2,#content .word-wrap p{color:#333;}
	#content .word-wrap a{border:none;background: linear-gradient(#e50000,#ab2001);}
	#allmap{width:100%!important;height:350px!important}
}