@charset "utf-8";

@media (max-width: 1500px) {
	.i-wrap-nine .title {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 30px;
}
	.w1300{
		width: 90%;
	}
	header{
		margin-left: 0;
		/*left: 5%;*/
	}
	header::after{
		width: 100%;
	    left: 0;
	    margin-left: 0;
	}
	.inline-banner p{
		left: 5%;
	}
	.capacity-box, .detection-box{
		margin-top: 0px;
	}
	.case-tit.resite{
		margin-top: 0;
	}
	.organ-t, .organ-bottom{
		margin: 0 auto;
		width: 90%;
	}
	.organ-bottom li{
		width: 23.5%;
		margin: 0 0 35px 2%;
	}
	.organ-bottom li.first{
		margin: 0 0 35px 0;
	}
}
@media (max-width: 1400px){
	header .nav li {
    	padding-left: 28px;
	}
	.w1200{
		width: 94%;
	}
	.capacity-box .top h3{
		padding: 10px 0;
	}
	.capacity-box .top li{
		padding: 50px 0 40px;
	}
	.resistance-case li h2{
		padding-top: 0;
	}
	.resistance-case li p.font{
		height: 96px;
	}
	.case-list-ajax li .con{
		width: 28%;
    	padding: 10px 2% 0;
	}
	.case-list-ajax li p.font{
		margin-bottom: 5px;
		min-height: 168px;
	}
}
@media (max-width: 1200px) {
	 footer .intro {
    float: none;
    width: 100%;
    text-align: left;
    display: block;
    line-height: 26px;
}
footer .bot-wrap .link-box{ width:100%;line-height: 26px;}
	.w1100{
		width: 90%;
	}
	header .nav li {
    	padding-left: 28px;
	}
	  /*header .nav li:first-child{
		  display: none;
	  }
*/	
    header .nav a.tit{ font-size:14px;}
    header .nav{
		margin-right: 0;
	}
	header .logo{
		margin-left: 0px;
		margin-top:30px;
	}
	.case-tit{
		height: 58px;
		/*margin-top: -67px;*/
	}
	.case-tit.resite li a{
		font-size: 14px;
	}
	.case-tit.resite li{
		height: 58px;
		line-height: 58px;
	}
	.case-intro-pic .one{
	  	display: none;
	}
	.case-intro-pic .two{
	  	display: block;
	  	width: 82%;
	}
	.case-intro-pic .span{
	 	display: none;
	}
	.case-intro-pic li{
	  display: none;
	}
	.case-intro-pic{
    	padding: 50px 0 40px;
	}
	.case-list-tit .list li{
		line-height: 64px;
    	font-size: 42px;
	}
	.case-list-tit .list li span {
	    font-size: 14px;
	}
}

@media (min-width: 1050px){
	
}
@media (max-width: 1024px){
	.newCulBox li .right {
    height: 250px;
    overflow: hidden;
}
.newCulBox li .right img{ width:150%;    margin-left: -25%}
.newCulture {
    background: url(http://qxu1099100226.my3w.com/template/default_bootstrap/skin/css/../images/cultureBg.jpg) no-repeat -700px bottom;
}
	.newAboutcon img{ width:100%}
	.resistance-box li{ width:30%}
	footer .intro {
    float: left;
    width: 60%;
    text-align: left;
    display: block;
    line-height: 26px;
    padding-top: 20px;
}
	.header-wrap{
		height: 57px;
	}
	header::after{
		display: none;
	}
	.line-tit{
		font-size: 18px;
		line-height: 50px;
	}
	.organ-top .box h2{
		font-size: 40px;
    	line-height: 50px;
	}
	.organ-bottom .title {
	    font-size: 18px;
	    line-height: 50px;
	    padding-top: 15px;
	    margin-bottom: 26px;
	}
	.organ .return{
		bottom: 0;
	}
	header{
		/*position: relative;*/
		top: 0;
		left: 0;
		opacity: 1;
		height: auto;
		padding-bottom: 14px;
		width: 100%;
		background-color: #fff;
	}
	header .top-link{
		display: none;
	}
	.m-header-sub .lang{
		display: block;
	}
	header .nav{
		display: none;
	}
	header .logo{
		width: 91px;
		margin-top: 15px;
		margin-left: 4%;
	}
	header .logo img{
		width: 100%;
	}
	header .m-navico{
		display: block;
	}
	footer,.i-footer footer{
		background-color: #120c0c;
		padding-top: 0;
		border-top: none;
	}
	footer .top-main{
		display: none;
	}
	footer .bot-wrap{
		border-top: none;
		color: #b3b2b2;
		height: auto;
	}
	footer .bot-wrap .link-box{
		display: none;
	}
	footer .bot-wrap a{
		color: #b3b2b2;
	}
	footer .bot-wrap a:hover{
		color: #fff;
	}
	 .erwei{ display:block}
	.footer .intro{
		float: left;
		width: 60%;
		text-align: left;
		display: block;
		line-height: 26px;
		margin-top:20px;
	}
	footer .intro span{
		display: block;
		width: 100%;
	}
	.float-right{
		display:none;
	}
	.float-right li{
		width: 33%;
		margin-bottom: 0;
		background-color: #120c0c;
	}
	.float-right li.wx:hover .wx-box{
		display: none;
	}
	footer .bot-wrap{
		padding-top: 5px;
	}
	.float-right li a{
		width: 100%;
		text-align: center;
	}
	.float-right li .ico{
		width: 15px;
		width: 38px;
		margin-top: 0;
		display: inline-block;
	}
	.float-right li p{
		display: inline-block;
		vertical-align: top;
	}
	.line-tit{
		padding-top: 0 !important;
	}
	.capacity-box h2{
		padding-top: 20px;
		margin-bottom: 27px;
		line-height: 40px;
	}
	.capacity-box .top{
		padding-bottom: 30px;
	}
	.capacity-box .center h2 {
	    padding-top: 19px;
	}
	.capacity-box .method h2 {
	    padding-top: 21px;
	    margin-bottom: 20px;
	}
	.capacity-box .method{
		padding-bottom: 45px;
	}
	.capacity-box .realize h2{
		margin-bottom: 15px;
	}
	.capacity-box .realize {
	    padding-bottom: 41px;
	}
	.capacity-box .bottom h3{
		padding: 15px 0 10px;
	}
	.capacity-box .bottom h4{
		padding-bottom: 15px;
	}
	.capacity-box .bottom p{
		padding-bottom: 10px;
	}
	.resistance-box{
		padding: 30px 0;
	}
	.resistance-cus li{
		width: 25%;
	}
	.resistance-case li .pic{
		width: 100%;
	}
	.resistance-case li .con{
		width: 100%;
		margin: 10px 0 0 0;
	}
	.resistance-case li p.font{
		margin-bottom: 10px;
	}
	.case-list-tit .pic{
	  width: 100%;
	}
	.case-list-tit .list{
	  width: 100%;
	  margin-left: 0%;
	  overflow-y: auto;
	}
	.case-list-tit .list li {
	    width: 32%;
	    margin-left: 1%;
	}
	.case-list-ajax li .pic{
		width: 100%;
	}
	.case-list-ajax li .con{
		width: 96%;
		padding-bottom: 10px;
	}
	.case-list-ajax li p.font{
		min-height: 120px;
	}
	.case-list-ajax li h2 {
	    font-size: 18px;
	    line-height: 28px;
	    padding: 10px 0 5px;
	}
	.case-list-ajax li p.font{
		font-size: 12px;
    	line-height: 22px;
	}
	.about-honor li{
	  	width: 31%;
	   	margin-bottom: 10px;
	}
	.about-honor li .font{
		padding-top: 5px;
	}
	.about-honor li.on{
		margin-left: 2.5%;
	}
	.about-honor li.cur{
		margin-left:0;
	}
	.about-honor h2 {
	    font-size: 18px;
    	line-height: 50px;
    	padding-top: 0 !important;
	}
	.about-honor ul{
		padding: 25px 0 15px;
	}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 769px) and (max-width: 979px) {
    body{
    	padding: 0;
    }
    .inline-banner p{
		left: 3%;
		font-size: 40px;
		line-height: 42px;
	}
	.capacity-box .method .list-title .num{
		background-size: 30px;
		font-size: 14px;
	}
	.capacity-box .method .list-title .font{
		font-size: 14px;
	}
	.capacity-box h2{
		font-size: 18px;
		line-height: 50px;
	}
	.capacity-box .top h3{
		font-size: 18px;
		line-height: 28px;
	}
	.capacity-box .top .font {
	    font-size: 18px;
	    line-height: 25px;
	}
	.capacity-box .top li{
		 padding: 31px 0 32px;
	}
	.capacity-box .top .pic{
		width: 100px;
		height: 100px;
		line-height: 100px;
	}
	.high-tec h3{
		font-size: 18px;
	}
	.capacity-box .method h3 {
	    font-size: 18px;
	    line-height: 28px;
	}
	.capacity-box .method .list-con .font, .capacity-box .realize .font{
		font-size: 14px;
		line-height: 22px;
    	height: 44px;
    	padding: 15px 3% 5px;
	}
	.capacity-box .bottom h3{
		font-size: 16px;
	}
	.capacity-box .bottom h4 {
	    font-size: 14px;
	    line-height: 22px;
	    padding-bottom: 10px;
	}
	.capacity-box .bottom p {
	    font-size: 14px;
	    line-height: 22px;
	    padding-bottom: 15px;
	    padding-left: 15px;
	    background: url(../images/img18.png) no-repeat left 7px;
	    background-size: 5px;
	}
	.high-tec-box h4 {
	    padding: 15px 20px 0;
	    font-size: 16px;
	    line-height: 30px;
	}
	.high-tec-box p {
	    font-size: 14px;
	    line-height: 22px;
	}
	.detection-con .left, .detection-con .right{
		width: 100%;
	}
	.detection-con .right{
		text-align: center;
	}
	.detection-con .right h2, .detection-con .right p{
		text-align: left;
	}
	.detection-con .right img{
		text-align: center;
		margin-bottom: 10px;
	}
	.detection-con .left .title{
		display: block;
	}
	.detection-con .left .con{
		position: absolute;
		top:40px;
		left: 0;
		display: none;
	}
	.detection-con .left .con li{
		padding: 0 0 0 4%;
		font-size: 16px;
		width: 96%;
	}
	.detection-con .right h2{
		font-size: 16px;
    	line-height: 30px;
	}
	.detection-con .right p{
		padding-bottom: 10px;
	}
	.detection-box h1 {
	    font-size: 18px;
	    line-height: 40px;
	    padding-top: 20px;
	    margin-bottom: 21px;
	}
	.resistance-box h2{
		font-size: 18px;
		line-height: 40px;
	}
	.resistance-box i{
		margin-bottom: 25px;
	}
	.resistance-cus li{
		width: 33.3%;
		height: 110px;
		line-height: 110px;
	}
	.resistance-cus li img{
		max-height:90px;
	}
	.map{
		width: 94%;
	}
	.resistance-service{
		background-size: 100% 100%;
	}
	.map ul{
		padding-top: 20px;
	}
	.map li{
		position: relative;
		top:0 !important;
		left: 0 !important;
		width: 28%;
		padding: 10px 2%;
		margin-left: 2%;
		height: auto;
		background: #ea5a25;
		margin-bottom: 10px;
		display: block !important;
	}
	.map li h2{
		font-size: 18px;
	}
	.map li.on{
		margin-left: 0;
	}
	.map .two{
	  display: block;
	}
	.map .one{
	  display: none;
	}
	.map .span{
		display: none;
	}
	.case-intro-pic{
    	width: 94%;
	}
	.about-honor li .pic{
		height: 140px;
		line-height: 140px;
	}
	.about-honor li .pic img{
		max-height: 120px;
	}
}

/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
	.newCulBox li .right img{ width:100%; margin-left:0;}
	.newCulBox li .left h4 {
    font-size: 16px;
    padding-top: 0;
	line-height: 30px
}
.newCulBox li .left{ width:92%; margin:2% 4%}
.newCulBox li .left p {
    line-height: 18px;
    margin-top: 0;
    font-size: 14px;
}
.newCulBox li .right {
	width:100%;
    height: auto; 
}
.newCulBox li .rr {
    float: left;
}
	.newAbout {
    padding: 80px 0;
}
.newAboutcon {
    padding: 30px 40px;
}
	.header-wrap{
		height: 57px;
	}
	.w1300{
		width: 93.8%;
	}
	.organ-bottom li{
		width: 43%;
		margin: 0 0 35px 0;
	}
	.case-intro-pic{
    	width: 94%;
	}
	.detection-con .left, .detection-con .right{
		width: 100%;
	}
	.detection-con .right{
		text-align: center;
	}
	.detection-con .right h2, .detection-con .right p{
		text-align: left;
	}
	.detection-con .right img{
		text-align: center;
		margin-bottom: 10px;
	}
	body{
    	padding: 0;
    }
    .high-tec-box h4{
		padding: 10px 10px 0;
	}
	.high-tec-box p{
		padding:0 10px 20px;
	}
	.organ-bottom li.odd{
		float: right;
	}
    header .m-navico{
    	margin-right: 0;
    }
    header .logo{
    	margin-left: 0;
    }
    .inline-banner img{
		position: relative;
		left: 50%;
		width: 780px;
		margin-left: -390px;
		top: 0;
	}
	.resistance-cus li{
		width: 33.3%;
	}
	.inline-banner p{
		left: 3%;
		font-size: 35px;
		line-height: 38px;
	}
	.capacity-box .top .right{
		width: 100%;
		float: left;
		margin-bottom: 20px;
	}
	.capacity-box .top .left{
		float: right;
		width: 100%;
	 }
	 .capacity-box .method .list-title .num{
		background-size: 21px;
		font-size: 14px;
		width: 21%;
	}
	.capacity-box .method .list-title .font{
		font-size: 14px;
		width: 45.5%;
	}
	.capacity-box h2{
		font-size: 18px;
		line-height: 50px;
	}
	.capacity-box .top h3{
		font-size: 18px;
		line-height: 28px;
	}
	.capacity-box .top .font {
	    font-size: 18px;
	    line-height: 25px;
	}
	.capacity-box .top li{
		 padding: 31px 0 32px;
	}
	.capacity-box .top .pic{
		width: 100px;
		height: 100px;
		line-height: 100px;
	}
	.high-tec h3{
		font-size: 18px;
	}
	.capacity-box .method h3 {
	    font-size: 18px;
	    line-height: 28px;
	}
	.capacity-box .method .list-con .font, .capacity-box .realize .font{
		font-size: 14px;
		line-height: 22px;
    	height: 44px;
    	padding: 15px 3% 5px;
	}
	.capacity-box .bottom h3{
		font-size: 16px;
	}
	.capacity-box .bottom h4 {
	    font-size: 14px;
	    line-height: 22px;
	    padding-bottom: 10px;
	}
	.capacity-box .bottom p {
	    font-size: 14px;
	    line-height: 22px;
	    padding-bottom: 15px;
	    padding-left: 15px;
	    background: url(../images/img18.png) no-repeat left 7px;
	    background-size: 5px;
	}
	.high-tec-box h4 {
	    padding: 15px 20px 0;
	    font-size: 16px;
	    line-height: 30px;
	}
	.high-tec-box p {
	    font-size: 14px;
	    line-height: 22px;
	}
	.detection-con .left, .detection-con .right{
		width: 100%;
	}
	.detection-con .left .title{
		display: block;
	}
	.detection-con .left .con{
		position: absolute;
		top:40px;
		left: 0;
		display: none;
	}
	.detection-con .left .con li{
		padding: 0 0 0 4%;
		font-size: 16px;
		width: 96%;
	}
	.detection-con .right h2{
		font-size: 16px;
    	line-height: 30px;
	}
	.detection-con .right p{
		padding-bottom: 10px;
	}
	.detection-box h1 {
	    font-size: 18px;
	    line-height: 40px;
	    padding-top: 20px;
	    margin-bottom: 21px;
	}
	.case-tit.resite li a {
    font-size: 12px;
    
}
	.case-tit {
	    margin-top: 0;
	}
	.case-tit.resite li{
		width: 19%;
	}
	.case-tit.resite li:nth-child(2){
		width: 24%;
	}
	.case-tit.w1300{
		width: 100%;
	}
	.detection-box h1 {
	    font-size: 18px;
	    line-height: 40px;
	    padding-top: 20px;
	    margin-bottom: 21px;
	}
	.resistance-box h2{
		font-size: 18px;
		line-height: 40px;
	}
	.resistance-box i{
		margin-bottom: 25px;
	}
	.resistance-box li{
		width: 46%;
		margin: 0 2%;
	}
	.resistance-case li{
		padding: 31px 4%;
	}
	.resistance-case li p.more{
		height: 30px;
		line-height: 30px;
		width: 90px;
		font-size: 12px;
	}
	.resistance{
		padding-bottom: 20px;
	}
	.map{
		width: 94%;
	}
	.resistance-service{
		background-size: 100% 100%;
	}
	.map ul{
		padding-top: 20px;
	}
	.map li{
		position: relative;
		top:0 !important;
		left: 0 !important;
		width: 28%;
		padding: 10px 2%;
		height: auto;
		margin-left: 2%;
		background: #ea5a25;
		margin-bottom: 10px;
		display: block !important;
	}
	.map li h2{
		font-size: 18px;
	}
	.map li.on{
		margin-left: 0;
	}
	.map .two{
	  display: block;
	}
	.map .one{
	  display: none;
	}
	.map .span{
		display: none;
	}
	.main .con h2 {
	    font-size: 35px;
	    line-height: 38px;
	}
	.main .con p {
	    font-size: 18px;
	    line-height: 38px;
	}
	.main .con{
		padding: 32px 5% 37px;
		width: 90%;
	}
	.main a {
	    width: 90%;
	    padding: 15px 5%;
	    font-size: 13px;
	    line-height: 20px;
	}
	.case-list-tit .list li {
	    line-height: 40px;
	    font-size: 22px;
	}
	.case-list-tit .list li span {
	    font-size: 12px;
	}
	.about-honor li .pic{
		height: 150px;
		line-height: 150px;
	}
	.about-honor li .pic img{
		max-height: 130px;
	}
	.about-honor li{
	  	width: 48%;
	   	margin-bottom: 10px;
	}
	.about-honor li.on{
		margin-left: 2.5%;
	}
	.about-honor li.cur{
		margin-left:2.5%;
	}
	.about-honor li.act{
		margin-left:0;
	}
	.about-honor li .pic {
	    height: 200px;
	    line-height: 200px;
	}
	.about-honor li .pic img{
		max-height: 160px;
	}
}
@media (max-width: 680px){
	.resistance-box li {
    width: 96%;
    margin: 0 2%;
	    margin-bottom: 10px;
}
.newAboutcon h3 {
    font-size: 18px !important;
	line-height: 40px
}
.newAboutcon p {
    font-size: 12px;
    line-height: 20px;
}
.newAboutcon {
    padding: 30px 30px;
}
.newAbout {
    padding: 80px 0;
}
}
@media (max-width: 600px){
	.case-tit.resite li:nth-child(1){
		width: 18%;
	}
}
/* Landscape phones and down */
@media (max-width: 480px) {
	.inline-banner p {
    	left: 3%;
	    font-size: 25px;
	    line-height: 30px;
	}
	.capacity-box .top .pic{
		width: 74px;
		height: 74px;
		line-height: 74px;
	}
	.capacity-box .method .list-title li{
		width: 100%;
		margin: 0;
	}
	.case-tit.resite li{
		width: 18%;
	}
	.case-tit.resite li:nth-child(2){
		width: 29%;
	}
	.case-tit.resite li:nth-child(3){
		width: 21%;
	}
	.case-tit.resite li:nth-child(5){
		width: 14%;
	}
	.case-tit li a{
		font-size: 12px;
	}
	.capacity-box h2{
		line-height: 30px;
	}
	.capacity-box .method .list-title .num {
    	background-size: 40px;
	}
	.capacity-box .method .list-con li, .capacity-box .realize li{
		width: 100%;
		margin: 0;
		margin-bottom:10px;
	}
	.capacity-box .method .list-title p{
		margin-bottom: 8px;
	}
	.resistance-cus li{
		width: 50%;
		height: 100px;
		line-height: 100px;
	}
	.resistance-cus li img{
		max-height: 80px;
	}
	.resistance-cus{
		padding: 38px 0 35px;
	}
	.map li{
		margin:0 0 10px 0;
		width: 96%;
	}
	.main .box{
	  width: 93%;
	}
	.case-list-tit .list li{
		width: 92%;
    	margin-left: 4%;
	}
	.case-list-tit .list li span{
		min-height: 24px;
		width: 86%;
		padding-top: 17px;
	}
	.case-list-tit .list li b{
		line-height: 56px;
		width: 13%;
	}
	.about-honor li{
	  	width: 100%;
	  	margin-left: 0;
	   	margin-bottom: 10px;
	}
	.about-honor li.on{
		margin-left:0;
	}
	.about-honor li.cur{
		margin-left:0;
	}
	.about-honor li.act{
		margin-left:0;
	}
	.about-honor li .big-img{
		width: 104%;
		left: -6%;
	}
	.about-honor ul{
		padding: 53px 0 25px;
	}
}

@media (max-width: 450px) {
	
}