﻿/*pad*/
img {
	max-width: 100%;
}
.toe {
	/*超出省略号*/
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
input[type="submit"], input[type="reset"], input[type="button"], button {
	-webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/
}
@media screen and (max-width: 1650px){
	.news_box ul li{margin: 0 2%;}
	.slideTxtBox .list ul{margin-left: -4%;}
	.slideTxtBox .list ul li{width: 29.33333333%;margin-left: 4%;}
	.slideTxtBox .hd ul li{margin: 0 3%;}
	.titles {padding: 40px 0 40px;}
}
@media screen and (max-width: 1530px){
	.news_box ul li{margin: 0 1.5%;}
	.slideTxtBox .hd ul li{padding-bottom: 25px;}
}
@media screen and (max-width: 1460px){
	.details{width: auto;padding:50px 15px 40px;}
	.details .top{padding-bottom: 20px;}
}

@media screen and (max-width: 1440px){
		/*导航*/
.gh { position:absolute; right:0; z-index:100; padding:2px 5px;height: 34px;width: 34px;top: 18px;
 margin-right:15px; background:#005492;transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;cursor: pointer;display: none;z-index: 9999;}
.gh.selected {transform: rotate(90deg);}
.gh a {background-color: #fff;display: block;height: 4px;margin-top: -2px;position: relative;top: 50%;transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;width: 100%;}
.gh a:after, .gh a:before {background-color: #fff;content: "";display: block;height: 4px;left: 0;position: absolute;transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;width: 100%;}
.gh a:after {top: 10px;}
.gh a:before {top: -10px;}


.gh.selected a:after, .gh.selected a:before {top: 0;background: #fff;}
.gh.selected a:before {transform: translateY(0px) rotate(-45deg);-webkit-transform: translateY(0px) rotate(-45deg);-ms-transform: translateY(0px) rotate(-45deg);}
.gh.selected a:after {transform: translateY(0px) rotate(45deg);-webkit-transform: translateY(0px) rotate(45deg);-ms-transform: translateY(0px) rotate(45deg);}
	
	
.gh.selected{ top:18px; }
.gh.selected a {background-color: transparent !important;}
body{min-width:320px;}
.header{position: relative;box-shadow:1px 2px 15px #ddd;}
.header .gh{ display:block;}
.header .nav {background-image:none;background-repeat: repeat-x;background:rgba(0,0,0,0.8); position:fixed; left:0; top:0; height:100%; width:100%; padding:0; float:none; z-index:999; display:none;}
.header .nav ul{width:100% !important; padding-top:135px!important;}
.header .nav ul li {margin: 0!important;display: block!important;width: 100%;height:100%; float:none;line-height: 60px;text-align: center;position: relative;font-size: 20px;text-align: center;height: 60px;}
.header .nav ul li a{color:#FFFFFF;display: block;border-bottom: 1px solid #fff;line-height: 60px;padding: 0;font-size: 18px;}
.header .nav{margin-top: 0px;}
.header{height: 75px;border: none;}
.header .logo{width: auto;position: absolute;top:14px;left:15px;padding: 0;}
.header .logo img{width:172px;padding: 0;}
.header .nav ul li:hover,.header .nav ul li.on{background: #005492;border-bottom: 1px solid #005492;}
.header .nav ul li:hover a,.header .nav ul li.on a{color: #fff;}
.wrapper{width: auto;padding: 0 15px;}
.title{margin: 0 15px;}
.listing ul{padding: 0 15px 40px;}
.listing ul li{width: 25%;}
.news_box ul{margin-left: -2%;padding: 0 15px 40px;}
.news_box ul li{width: 23%;margin:0 0 15px 2%;}
.contact .body{padding: 0 15px 40px;}
.contact .body .text{width: auto;float: left;}
.contact .body .inp{float: right;width: 60%;}
.contact .body{height: auto;}
.footer .wrapper{width: auto;padding:30px 15px 0;}
.info .wrapper{padding: 90px 15px 87px;width: auto;}
.Contact_us{padding-bottom: 50px;}
.info .left{width: 38%;}
.new_list{padding: 0 15px;width: auto;}
.new_list .top .text h6{padding-top: 60px;}
.new_list .top{height: auto;height: 460px;}
.new_list .top .text{padding-right: 15px;}
}

@media screen and (max-width: 1260px){
	.info .wrapper{padding-top: 0;}
	.text_box ul li h2 {font-size: 47px;color: #333333;line-height: 85px;}
	.info .left{width: 100%;float: inherit;padding-bottom: 20px;}
	.info .thumb{width: 100%;float: inherit;height: auto;}
	.text_box{text-align: center;}
	.text_box ul li{display: inline-block;*display: inline;zoom: 1;padding: 0 3%;width: auto;float: inherit;}
}
@media screen and (max-width: 1200px){
.new_list .top{height: 380px;}
.news_box .hr{display: none;}
.news_box ul li h4{padding-bottom: 15px;}
.news_box ul li p{margin-bottom: 15px;}
.news_box ul li h6{padding-bottom: 14px;}
.text_box ul{padding: 60px 0;}
.recruit ul li{padding: 0 15px;}
.slideTxtBox2 .hd ul li{margin: 0 5%;}
.new_list .top .thumb{width: 60%;}
.new_list .top .text h3{padding-bottom: 15px;}
}

@media screen and (max-width:1050px){
	.new_list .top .text h3{font-size: 28px;}
	.new_list .top{height: 340px;}
	.about .text{padding-right: 15px;}
	.contact .body .inp{width: 55%;}
	.Contact_us .text ul li{width: 100%;height: auto;margin: 0 0 20px 0;}
	.Contact_us .text ul{margin: 0;}
	.Contact_us .text{padding: 60px 0 50px;}
	.new_list .top .thumb{width: 100%;height: auto;}
	.new_list .top .text{width: 100%;height: auto;}
	.new_list .top{height: auto;}
	.new_list .top .text{padding:0 15px 25px;box-sizing: border-box;}
	.new_list ul li {width: 47.5%;margin: 0 0 28px 2.5%; padding: 25px 15px 24px 0;}
	.new_list ul li .text{padding-left: 80px;}
	.new_list ul li .time{width: 80px;}
	.new_list ul li .text h3{font-size: 20px;}
	.new_list ul li .text p{font-size: 14px;}
}
@media screen and (max-width: 950px) {
	.contact{overflow: hidden;}
	.news_box ul li{width: 48%;margin-bottom: 25px;}
	.backs .font1{float: inherit;text-align: center;width: 100%;}
	.backs .font2{float: inherit;text-align: center;width: 100%;padding-top: 30px;}
	.backs .font3{padding: 30px;text-align: center;}
	.backs .font3 p{margin: 0 auto;}
	.backs{height: auto;padding-bottom:250px;}
	.backs .font2 h2 {font-size: 44px;line-height: 60px;}
	.backs .font1{padding-top: 40px;}
	.backs .font3 p {width: 390px;font-size: 24px;line-height: 36px;}
	.recruit ul{margin: 0;}
	.recruit ul li{width: 100%;margin: 0 0 15px;}
	.recruit ul li{height: auto;padding-bottom: 30px;}
	.recruit ul{padding-bottom: 0;}
	.page{padding: 30px 0 50px;}
	.tetx_p p{padding-bottom: 50px;}
}
@media screen and (max-width: 850px){
	.listing ul li{width: 50%;padding-bottom: 40px;}
	.contact .body .text{width: 100%;height: auto;float: inherit;text-align: center;}
	.contact .body .text .top{padding-bottom: 20px;}
	.contact .body .inp{width: 100%;float: inherit;}
}
@media screen and (max-width: 768px) {
	.details .top h1{font-size: 22px;}
	.Contact_us .tit h3{font-size: 26px;line-height: 32px;font-weight: 600;}
	.about .img{width: 100%;height: auto;background: none;float: inherit;}
	.about .img img{display: block;width: 100%;height: auto;}
	.about .text{width:auto;height: auto;float: inherit;padding:25px 15px;}
	.slideTxtBox .list ul{margin-left: -2%;padding: 0 15px;}
	.slideTxtBox .list ul li p{padding-bottom: 20px;}
	.slideTxtBox .list ul li{width:31.33333333%;margin-left:2%;}
	.fullSlide .hd{height: 5px;}
	.titles h3 {font-size: 24px;line-height: 35px;}
	.slideTxtBox .list ul li h4{font-size: 14px;}
	.slideTxtBox .list ul li .thumb{margin-bottom: 10px;}
	.Contact_us .inp ul li {width: 31%;padding-left: 50px;margin-left: 2.33333333%;}
	.Contact_us .inp ul li span{left: 9px;}
	.Contact_us .inp .textarea textarea{height: 120px;}
	.new_list ul{margin-left:0;}
	.new_list ul li{width:100%;margin: 0 0 15px 0;}
	}
@media screen and (max-width: 641px) {
	.title ul li {padding-left: 10px;margin-left: 10px;}
	.title {padding: 45px 0 14px;}
	.title ul{bottom: 12px;}
	.text_box ul{padding: 30px 0;}
	.backs .font2 h2 {font-size: 34px;line-height: 46px;}
	.backs .font3 p {width: 290px;font-size: 18px;line-height: 28px;}
	}
@media screen and (max-width: 592px) {
	.header{height: 60px;}
	.header .logo img{width: 146px;}
	.gh {height: 32px;width: 32px;top: 13px;}
	.header .logo{top: 11px;}
	.slideTxtBox .list ul li{width: 48%;}
	.text_box ul li h2 {font-size: 28px;line-height: 85px;font-weight: 600;}
	.text_box ul li h2 span{font-weight: 400;font-size: 14px;}
	.text_box ul li h5{font-size: 14px;line-height: 20px;}
	
	}
@media screen and (max-width: 540px){
	.details .top h1{font-size: 18px;font-weight: 600;}
	.new_list ul li .text h3{font-size: 15px;font-weight: 600;padding-bottom: 3px;}
	.new_list ul li .text p{font-size: 12px;line-height: 20px;}
	.listing ul{margin-left: -2%;}
	.listing ul li{margin-left: 2%;width: 48%;}
	.btn_box a,.contact .body .btn_box button,.Contact_us .btn_box button{width: 140px;height: 36px;line-height: 36px;font-size: 14px;}
	.info .left h4 {font-size: 20px;line-height: 28px;padding: 55px 0 20px;}
	.Contact_us .inp ul{margin: 0;}
	.Contact_us .inp .textarea{padding-top: 10px;}
	.Contact_us .inp ul li{width: 100%;margin: 0 0 10px;}
	.Contact_us .text ul li {padding: 30px 20px 20px 20px;}
	.Contact_us .text ul li h3 {font-size: 16px;padding-bottom: 15px;line-height: 33px;}
	.Contact_us .text ul li p {font-size: 14px;line-height: 22px;padding-bottom: 5px;}
	.recruit ul li .txt p{padding-bottom: 7px;}
	.new_list .top .text h3{font-size: 20px;font-weight: 600;padding-bottom: 7px;}
	.new_list .top .text h6{padding: 30px 0 10px;}
}
@media screen and (max-width: 480px) {
	.page ul li {width: 26px;height: 35px;line-height: 35px;margin: 0 2px;}
	.page ul li.prev, .page ul li.next{height: 35px;line-height: 35px;}
	.page {padding: 30px 0 80px;}
	.footer .left{width: 100%;padding-bottom: 10px;float: inherit;}
	.footer .qr{margin: 0 auto;float: inherit;}
	.footer .wrapper{height: auto;padding-bottom: 10px;}
	.footer .left p{text-align: center;padding-bottom: 5px;}
	.footer .bottom{padding: 15px 0;}
	.backs{padding-bottom: 150px;}
	.text_box ul li{display: block;margin-bottom: 20px;}
	}
@media screen and (max-width: 450px) {
	.listing ul li .img{width: 100%;height: auto;}
	.news_box ul{margin: 0;}
	.news_box ul li{width: 100%;float: inherit;margin: 0 0 20px 0;}
	}
@media screen and (max-width: 430px){
	.title ul{bottom: inherit;position: inherit;right: inherit;padding-top: 15px;}
	.title ul li {padding:0 10px 0 0;margin:0 10px 0 0;border-left:none;}
	.contact .body .inp ul{margin: 0;}
	.contact .body .inp ul li{width: 100%;float: inherit;box-sizing: border-box;margin: 0 0 10px 0;}
	.contact .body .inp .textarea textarea{height: 50px;}
	.contact .body .inp ul li span{line-height: 36px;}
	.contact .body .inp ul li input{height: 35px;}
	.contact .body .inp .textarea h5{height: 35px;}
	.details .top h1{font-size: 16px;font-weight: 600;}
}
@media screen and (max-width: 350px){
	.Contact_us .text ul li {padding: 30px 5px 20px 15px;}
}
