/*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: 1900px){
	.text-box .new{width: 970px;}
	.text-box .new .right{width: 490px;}
}
@media screen and (max-width: 1800px) {
.text-box .new{width: 100%;float: initial;margin-bottom: 40px;}
.text-box .info{width: 100%;float: initial;}
.text-box .new .right{width: 67%;}
.text-box .info .right{width: 67%;}
.text-box .info .fr p{font-size: 18px;width: 100%;line-height: 35px;}
}
@media screen and (max-width: 1600px) {
.wrapper{width: auto;padding: 0 15px;}
.header{padding: 0 15px;}
	.header .nav-box .box .nav ul li i{display: block;background: url(../img/xsj.png) no-repeat center;width: 60px;height: 50px;background-size:13px 5px;position: absolute;top: 0;right: 0;cursor: pointer;}
.header{width: auto;}
.header .nav-box .box .inp-box{margin: 0;}
.header .nav-box .box .inp-box button{width: 50px;}
.header .nav-box .box .inp-box input{width: 220px;padding-right: 50px;font-size: 13px;}
.header .nav-box .box .nav ul li{margin-right: 37px;height: auto;}

.footer .product{display: none;}
.footer .link{float: initial;padding: 0;}
.about{float: initial;}
.footer{height: auto;padding-bottom: 15px;}
.footer .tel{float: initial;} 
.bottommost{line-height: 45px;}
.left-box{width: 100%;float: initial;}
.left-box ul{clear: both;border: none;}
.left-box ul li{width: 33.33333%;float: left;border: 1px solid #f3f3f3;box-sizing: border-box;border-bottom: none;position: relative;z-index: 9;}
.left-box ul li dir li{text-indent: initial;text-align: center;}
.left-box ul li.on dl{position: absolute;top: 50px;left: 0;right: 0;background: #fff;}
.right-box{padding-top: 25px;width: 100%;}
.news ul li .text{width: 79%;}
.new-box{padding-left: 0;}
}
@media screen and (max-width: 1500px) {
.list ul li .mask img{margin-top: 40%;width: 60px;}
.list ul li:hover .mask img{margin-top: 18%;}
.text-box .new .right{width: 65%;}

}
@media screen and (max-width: 1400px){
	.text-box .new .right{width: 63%;}
.news ul li .text{width: 75%;}
	
}
@media screen and (max-width: 1295px){
	.text-box .new .right{width: 60%;}
	.text-box .info .right{width: 64%;}
}
@media screen and (max-width: 1200px) {
	.header{padding: 0 ;}
	.header .nav-box .box .nav ul li dl{width: 100%;position: initial;display: none;}
    .header .nav-box .box .nav ul li.ons dl{display: block;}
	.news ul li .text{width: 71%;}
	.news ul li .text p {line-height: 23px; font-size: 15px;}
	.lists ul.ul{margin-left: -2%;}
	.lists ul.ul li{width: 31.333333%;margin-left: 2%;}
	.text-box .info .right{width: 60%;}
	.text-box .new .right{width: 56%;}
.header .nav-box .tel{display: none;}
	/*导航*/
.gh { position:absolute; right:0; z-index:100; padding:2px 5px;
	height: 34px;
	width: 34px;
	/*background: url(../img/y_icon1.png) no-repeat;*/
	top: 19px;
 margin-right:20px; background:#8c0080;

	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;}
.header .gh{ display:block;}
.header .nav-box .box .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:10; display:none;}
.header .nav ul{ width:100% !important; padding-top:80px !important;}
.header .nav li {
	display: block!important;
	width: 100%;
	height:100%; 
	float:none;
	text-align: center;
	position: relative;
	font-size: 20px;}
.header .nav-box .box .nav ul li a{color:#FFFFFF;display: block;}
.header .nav{margin-top: 0px;}
.header{height: 75px;border: none;}
.header .logo{width: auto;height: 60px;position: absolute;top: 13px;left:20px;}
.header .logo img{width: 200px;height: auto;padding-top: 9px;}
.header .nav-box .box .inp-box{display: none;}
.fullSlide .next,.fullSlide .prev{display: none;}
}
@media screen and (max-width: 1500px) {
	.list ul li .mask h4 {line-height: 40px;font-size: 22px;}

}
@media screen and (max-width: 1080px){
	.text-box .new .right{width: 51%;}
	.text-box .info .right{width: 55%;}
}
@media screen and (max-width: 1000px) {
	.list ul li .mask h4 {line-height: 37px;font-size: 18px;padding-bottom: 0;}
.list ul li .mask img{margin-top: 40%;width:45px;}
.list ul li:hover .mask img{margin-top: 18%;}
.list ul li .mask a {width: 85px; height: 30px;line-height: 30px; font-size: 12px;}
.text-box .new .fl{width: 100%;height: auto;float: initial;}
.text-box .new .right{width: 100%;float: initial;padding-top: 25px;}
.text-box .info .fl{width: 100%;height: auto;float: initial;}
.text-box .info .right{width: 100%;float: initial;padding-top: 25px;}
.news ul li .thumb{width: 100%;height: auto;float: initial;}
.news ul li .text{width: 100%;height: auto;float: initial;padding-top: 15px;}
.news ul li .text p{min-height: initial;padding-bottom: 10px;}
.news ul{padding-left: 0;}
}
@media screen and (max-width: 768px) {
	.new-box .head h6 span{padding-right: 20px;}
	.new-box .head h6{font-size: 12px;}
	.new-box .head h3{line-height: 45px;font-size: 16px;}
	.new-box .head h6{line-height: 30px;}
	.new-box .head{padding-bottom: 15px;}
	.new-box .body p{font-size: 14px;line-height: 28px;}
	.lists p{ font-size: 14px;line-height: 25px;padding: 18px 0 ;}
	.list{padding-top: 10px;}
	.fullSlide .hd{height: 10px;}
	.fullSlide .hd li{height: 10px;width: 10px;margin: 0 4px;}
	.list ul{margin-left:-2%;padding: 0 10px;}
	.list ul li{width: 48%;margin: 0 0 10px 2%;}
	.list ul li .mask img{margin-top: 40%;width: 60px;}
.list ul li:hover .mask img{margin-top: 18%;}
.list ul li .mask h4{line-height: 55px;color: #fff;font-size: 26px;padding-bottom: 15px;}
.list ul li .mask a{display: none;width: 100px;height: 35px;line-height: 35px;text-align: center;color: #fff;background: #910680;font-size: 14px;border-radius:5px ;}
.pages{padding: 30px 0;}
.pages ul{height: 35px;}
.lists ul.ul li{line-height: 40px;font-size: 18px; margin-bottom: 15px;}
.pages ul li {line-height: 35px;height: 35px;width: 35px;font-size: 14px;}
.left-box ul li h3{text-indent:initial ;text-align: center;}
.left-box ul li dl dd h4{text-indent:initial ;text-align: center;}
.left-box ul li dir li{width: 100%;float: initial;}
.cut{line-height: 45px;}
.infos p{font-size: 14px;line-height: 28px;}
.infos{min-height: initial;padding-bottom: 25px;}
.title { height: 100px;padding-top: 26px;}
.title h3 {font-size: 18px;line-height: 30px;}
.title h6{font-size: 12px;}
.header .nav-box .box .nav ul li dl dd h4{margin-bottom: 0;}
.news{padding-top: 0;}
	}
@media screen and (max-width: 641px) {

	}

@media screen and (max-width: 592px) {
	.lists ul.ul li{width: 48%;font-size: 16px;}
	.list ul li .mask img {margin-top: 33%;width: 50px;}
	.list ul li .mask h4 {line-height: 45px;font-size: 20px;padding-bottom: 0;}
	.list ul li .mask a {width: 85px; height: 30px;line-height: 30px; font-size: 12px;}
	.bottommost{line-height: 20px;padding: 10px 10px;}
	.header .nav-box .box .nav ul li dl{padding: 0;}
	.header .nav-box .box .nav ul li dl dd{width: 100%;text-align: center;}
	.header .nav-box .box .nav ul li dl dd h4{line-height: 45px;border: none;width: 100%;}
	.header .nav-box .box .nav ul li dl dd.a{margin: 0 ;width: 100%;}
	.header .nav-box .box .nav ul li dl dd p{display: none;line-height: 40px;}
	.header .nav-box .box .nav ul li dl dd.ons p{display: block;}
	}
@media screen and (max-width: 480px) {
	.list ul li .mask img {margin-top: 30%;width: 45px;}
	.list ul li .mask h4 {line-height: 37px;font-size: 18px;padding-bottom: 0;}
	.text-box .new .right p{font-size: 13px;}
	.text-box .new .right p span{font-size: 12px;}
	}
@media screen and (max-width: 450px) {
.list ul li .mask img{margin-top: 40%;width: 60px;}
.list ul li .mask h4 {line-height: 30px;color: #fff;font-size: 18px;padding-bottom: 10px;}
.list ul li .mask img{width: 50px;}
.list ul li .mask a {width: 75px;height: 30px;line-height: 30px;font-size: 12px;}
.text-box .new .right p .toe{width: 80%;display: inline-block;*display: inline-block;zoom: 1;vertical-align: top;}
.text-box .info .fr p {font-size: 14px;line-height: 26px;overflow: hidden;}
.left-box ul li h3{font-size: 14px;font-weight: 600;}
.new-box .head h3{font-size: 14px;}
.new-box .head h6 span.s{display: none;}
.news ul li .thumb{width: 85%!important;margin: 0 auto;}
	}
@media screen and (max-width: 430px) {
.list ul li .mask h4 {line-height: 28px;color: #fff;font-size: 17px;padding-bottom: 5px;}
.list ul li .mask img{width: 47px;}
.list ul li .mask a {width: 70px;height: 28px;line-height: 28px;font-size: 12px;}
}

@media screen and (max-width: 400px) {
	.news ul li .text h3{font-size: 15px;line-height: 20px;padding: 5px 0 10px 0;}
	.news ul li .text h3 span{display: block;padding-top: 8px;}
	.left-box ul li h3{font-size: 13px;font-weight: 600;}
	.left-box ul li dl dd h4{font-size: 12px;line-height: 45px;padding-top: 0;}
	.left-box ul li dir li{font-size: 12px;padding-bottom: 0;}
	.footer .tel .p{display: none;}
	.footer .tel img{padding-bottom: 15px;}
.list ul{margin-left:0;padding: 0 10px;}
	.list ul li{width: 100%;margin: 0 0 10px 0;}
	.text-box .new .right p{font-size: 12px;}
	.text-box .new .right p{padding-left: 25px;}
	.list ul li .mask h4 {line-height: 55px;color: #fff;font-size: 24px;padding-bottom: 15px;}
	.list ul li .mask img{width: 60px;}
	.list ul li .mask a {width: 100px;height: 35px;line-height: 35px;font-size: 14px;}
	}