﻿/*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: 1010px) {
	.logo img,.header,.logo{height: auto;}
	/*导航*/
.gh { position:absolute; right:0; z-index:100; padding:2px 5px;
	height: 32px;
	width: 32px;
	/*background: url(/statics/p/img/y_icon1.png) no-repeat;*/
	top: 8px;
 margin-right:15px; background:#bc2823;

	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;}
.main{width: auto;padding: 0 15px;}
.header{padding-bottom: 15px;margin-bottom: 10px;}
.header .main{padding: 0;overflow: inherit;}
.provlist{z-index: 10;}
.header .copyright{display: none;}
.header .top{height:36px;background:#fff;box-shadow:1px 2px 15px #ddd;padding:8px 80px 8px 15px;width: auto;}
.header{position: relative;}
.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 li {padding: 0;
margin: 0!important;
display: block!important;
width: 100%;
height:100%; 
float:none;
line-height: 50px;
text-align: center;
position: relative;
font-size: 20px;}
.header .nav li h5{line-height: 50px;margin-top: 40px;
text-align: center;}
.nav li h3 a i{height: 50px;}
.nav dl{position: initial;top: initial;left: initial;right: initial;}
.header .nav ul li a{color:#FFFFFF;display: block;border-bottom: 1px solid #e9c19e;line-height: 60px;padding: 0;font-size: 22px;box-sizing: border-box;}
.header .nav{margin-top: 0px;}
.header .logos{width: auto;position: absolute;top: 25px;left:15px;padding: 0;}
.header .logos img{padding-top: 2px;width: 270px;padding: 0;}
.header .nav ul li:hover a{background: #bc2823;border: none;text-decoration: none;}
.header .nav ul li.on a{background: #bc2823;border: none;text-decoration: none;}
.header .nav ul li dl{position: inherit;top: inherit;}
.header .nav .wrapper{padding: 0;}
.scoll .header .gh{display: none;}
.txtScoll,.bgray .left{width: 60%;}
.txtScoll a{display: block;width: 100%;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.left_box{width: 100%;float: inherit;margin-bottom: 15px;padding: 0;}
#slide-box{margin: 0;}
.slide,.slide ul,.slide ul li,.slide ul li img,.slide ul li a{width: 100%!important;height: auto!important;display: block;}
.headlist ul li a{display: block;width: 80%;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.media img{display: block;width: 100%;margin: 0 0 5px 0;float: inherit;height: auto;}
.media h3{padding-bottom: 6px;}
.media .desc{width: 100%;float: inherit;}
.picbox .header{margin: 0;}
.notice {border: 1px solid #e4e4e4!important;padding: 4px!important;}
.so .field .w_def_text{padding:0 5px;}
}

@media screen and (max-width: 980px) {
.scrolllist{width: 100%;position: relative;}
.scrolllist .imglist_w{width:92%;margin: 0 4%;}
.scrolllist a.abtn{float: inherit;position: absolute;top: 50%;left: 0;margin-top: -50px;}
.scrolllist a.aright{float: inherit;position: absolute;top: 50%;right: 0;left: inherit;}
	}
@media screen and (max-width: 870px){
	
}

@media screen and (max-width: 768px) {
	.contact{line-height: 25px;padding:4px 15px;height: auto;}
	}
@media screen and (max-width: 641px) {
	.notice .bgray{padding: 8px;}
	.txtScoll{margin-bottom: 6px;}
	.txtScoll, .bgray .left{float: inherit;width:100%;box-sizing: border-box;}
	.bgray .left{position: relative;padding-left: 95px;}
	.notice .left .title{position: absolute;top: 0;left: 0;}
	.scrolllist .imglist_w li{width: 159px;}
	}

@media screen and (max-width: 592px) {
	
	}
@media screen and (max-width: 540px){
	.headlist ul li a{width: 70%;}
	.header .reg{position: absolute;right: 15px;bottom:-20px;}
	a.provs{background: none;padding: 0;margin-right: 5px;}
}
@media screen and (max-width: 480px) {
	
	
	}
@media screen and (max-width: 450px) {
	
	}
@media screen and (max-width: 400px){
	
	
}
@media screen and (max-width: 365px){
	
}
