﻿/*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: 1425px) {
	.make .heads{clear: both;}
	.make .heads h3{font-size: 37px;text-align: right;float: right;padding-left: 0!important;padding-top: 3%;}
}

@media screen and (max-width: 1180px) {
.wrapper{width: auto;box-sizing: border-box;}
	.conmmonTit h1 {
		font-size:50px;
		line-height:130px;
		width:100%;
		margin:0;
	}
	.fangan {
		background-size:cover;
		padding:50px 0;
	}
	.fanganbox ul li{margin-left:4%;width:22%;}
/*	.fanganbox ul li.sec{float: right;}*/
	.fanganbox ul li:before {
    display: none;
	}
	.fanganbox ul li span {
		width: 60px;
		height:60px;
		line-height:60px;
		color: #000000;
		font-size:35px;
		margin-left: -30px;
		top: -30px;
	}
	.jiaju {
    background-size:cover;
    padding: 30px 0 60px;
}
	.companybox ul li {
		border: none;padding: 0 10px;
	}
	/*导航*/
.gh { position:absolute; right:0; z-index:100; padding:2px 5px;
	height: 34px;
	width: 34px;
	/*background: url(../images/y_icon1.png) no-repeat;*/
	top: 19px;
 margin-right:20px; background:#329fd7;

	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 .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:10; display:none;}
.header .nav ul{ width:100% !important; padding-top:80px !important;}
.header .nav ul li {
	display: block!important;padding: 0;
	width: 100%;
	height:100%; 
	float:none;
	text-align: center;
	position: relative;
	font-size: 20px;}
	.header .nav ul{padding: 0;}
.header .nav ul li a{color:#FFFFFF;display: block;border-bottom: 1px solid #3498db;}
.header .nav{margin-top: 0px;text-align: center;}
.header{height: 80px;border: none;}
.header .logo{width: auto;height: 60px;position: absolute;top: 13px;left:20px;}
.header .logo img{width: 120px;height: auto;margin-top: 0px;}
.header .nav ul li:hover a{color: #f8f400;}
.header .nav ul li.on a{color: #f8f400;}
.banner .wrapper{padding:30px 3% 0;}
.banner .right .box h3 {font-size: 20px;line-height: 60px;}
.banner .right .box ul li {padding-top: 10px;}
.banner .right .box ul li input{line-height: 45px;height: 45px;}
.banner .right .box ul li button{line-height: 45px;}
.economy .box{padding: 5%;}
.economy .box .left{font-size: 26px;text-align: center;}
.economy .box .right{font-size: 30px;}
.economy .box .right ul li span{font-size: 34px;}
.economy .box .right ul li.a {font-size: 18px;line-height: 40px;}
.economy .box .right ul li.s span {font-size: 66px;top: 9px;}
.title h3{font-size: 50px;}
.title img{width: 100%;}
.make .heads ul li{padding: 15px;height: auto;}
.make .heads {text-align: center;}
.make .heads img{display: block;width: 80px;height: auto;margin: 0 auto;top: 0;}
.make .heads h3{font-size: 32px;line-height: 45px;float: initial;display: block;text-align: center;}
.tabBox .tab-hd ul{padding: 0 20px;}
.tabBox .tab-hd ul li {line-height: 70px;font-size: 24px;}
.focus_nav{right: 38px;bottom: 18px;}
.focus_nav{width: 485px;}
.economy .box .right{width: initial;}
}
@media screen and (max-width: 990px){
	.make .bodys .box{width: auto;padding: 0 15px;}
	.make .bodys .conter ul li{margin-bottom: 20px;width: 188px;height: 165px;padding-top: 30px;font-size: 17px;line-height: 26px;}
	.make .bodys .conter ul li.a {padding-top: 58px;}
}
@media screen and (max-width: 880px){
	.title h3{font-size: 35px;}
	.companybox ul li {
		width:33.3%;border: none;
	}
	.ljiaju, .rjiaju {
		width:90%;
		float:none;
		box-sizing: border-box;
	}
	.ljiaju{margin-bottom: 90px;}
	.fanganbox ul li{margin-right:10%;margin-left: 0; width:40%;margin-bottom:50px;}
	.fanganbox ul li.sec{margin-right: 0; float: right;}
	.fanganbox ul li p {
		font-size: 22px;
	}
	.fanganbox ul li span {
		width: 50px;
		height:50px;
		line-height:50px;
		color: #000000;
		font-size:35px;
		margin-left: -25px;
		top: -25px;
	}
	.conmmonTit h1 {
		font-size:40px;
	}
	.fanganbox .more, .fangan1 .more{
		font-size:22px;
	}
	
}

@media screen and (max-width: 768px) {
	.ljiaju, .rjiaju {
		width:90%;margin: 0 auto;
	}
	.ljiaju{margin-bottom: 90px;}
	.wrapper{padding: 0 15px;}
	.conmmonTit h1 {
		font-size:35px;
		line-height:120px;
	}
	.fangan {
		padding:50px 0;
	}
	
	.focus_nav{width: 270px;padding: 0 30px;}
	.focus_pic{border: 10px solid #fff;}
	.banner .left{display: none;}
	.banner .right{width: 100%;float: initial;}
	.banner .wrapper{padding:15px;}
	.banner .right .box h3 {font-size: 18px;line-height: 55px;}
	.economy .box .left{font-size: 16px;text-align: center;line-height: 35px;font-weight: 600;}
	.economy .box .right{font-size: 18px;line-height: 35px;}
	.economy .box .right ul li span{font-size: 26px;}
	.economy .box .right ul li.a {font-size: 14px;line-height: 30px;}
	.economy .box .right ul li.s span {font-size: 40px;top: 2px;}
	.make .heads h3 {font-size: 18px;line-height: 27px;padding-top: 10px;}
	.make .heads img{width: 50px;}
		.make .bodys .conter ul li{margin-bottom: 15px;width: 128px;height: 105px;padding-top: 17px;font-size: 13px;line-height: 20px;}
	.make .bodys .conter ul li.a {padding-top: 30px;}
	.make .bodys .conter ul li.b {padding-top: 26px;}
	.focus_nav li{width: 68px!important;height: 32px;}
	.txMovie .focus_nav li .cover{width: 68px;height: 32px;}
	.focus_nav img{width: 68px!important;height: 32px;}
	#focus_smaillPic_list{height: 42px;}
	.focus_nav .navPrev, .focus_nav .navNext{top: 8px;}
	.tabBox .tab-hd ul li {line-height: 45px;font-size: 18px;}
	.focus_nav {right: 30px;bottom: 10px;}
	.tabBox .tab-hd{padding-top: 30px;}
	.focus_nav .navNext{right: -2px;}
	.focus_nav .navPrev{left: -2px;}
	.header .nav ul li a{line-height: 60px;font-size: 18px;}
	.header .tel h5 {font-size: 27px;line-height: 95px;padding-left: 55px;background: url(../images/tel.png) no-repeat left center;background-size: 51px 43px;
}
.footer{padding: 35px 15px;box-sizing: border-box;}
.banner .right .box ul li input{font-size: 16px;}
	}
@media screen and (max-width: 641px) {
	.conmmonTit h1 {
		font-size:30px;
		line-height:110px;
	}
	.title h3{font-size: 30px;}
	.make .foots{padding: 40px 15px;}
	.make .foots ul{width: 100%;}
	.make .foots ul li{width: 100%;}
	.make .foots label{width: 100%;box-sizing: border-box;height: 50px;line-height: 45px;}
	.make .foots label h4{font-size: 20px;vertical-align: top;line-height: 45px;width: 20%;}
	.make .foots ul li p{font-size: 14px;padding-top: 10px;}
	.make .foots label input {width: 76%;line-height: 50px;font-size: 16px;}
	.make .foots ul li button{height: 50px;line-height: 50px;font-size: 18px;}
	}

@media screen and (max-width: 592px) {
	.map .mapbox{text-align: center;margin: 30px 0;}
	.footer {
		padding:15px;
	}
	.footer p {
    font-size:12px;line-height: 20px;
	}
	.companybox {
		margin: 30px 0 35px;
	}
	.companybox ul li {
		width:30%;padding: 0 10px;
	}
	.fanganbox ul li:first-child{
    margin:0 auto 50px;
	}
	.fanganbox ul li{margin:0 10% 50px;width:80%;float: none;}
	.fanganbox ul li.sec{margin-right: 0; float: none;}
	.conmmonTit h1 {
		font-size:25px;
		line-height:100px;
	}
	.fanganbox ul li p {
		font-size: 20px;
	}
	.fanganbox ul li span {
		width: 50px;
		height:50px;
		line-height:50px;
		color: #000000;
		font-size:35px;
		margin-left: -25px;
		top: -25px;
	}
	.fanganbox .more, .fangan1 .more{
		margin:0px 15%;width:70%;height: 45px;line-height:45px;font-size:20px;
	}
	.title h3{font-size: 25px;}
	}
@media screen and (max-width: 480px) {
	.economy .box{padding: 5% 15px;}
	.economy .box .left{font-size: 14px;text-align: center;line-height: 30px;font-weight: 600;}
	.economy .box .right{font-size: 15px;line-height: 30px;}
	.economy .box .right ul li span{font-size: 22px;}
	.economy .box .right ul li.a {font-size: 12px;line-height: 25px;}
	.economy .box .right ul li.s span {font-size: 30px;top: 0;}
	.title h3{font-size: 18px;}
	.tabBox .tab-hd ul li {line-height: 40px;font-size: 15px;}
	.conmmonTit h1:after {
		width: 16px;
		height: 16px;
		bottom: -8px;
		margin-left: -8px;
	}
	.jiajubox {
		box-sizing: border-box;
		margin-top: 30px;
		padding: 0 5%;
	}
	.ljiaju ul li{margin-bottom: 10px;}
	.ljiaju ul li h1 {
		font-size:16px;
	}
	.ljiaju ul li p{
		font-size:14px;
	}
	.ljiaju, .rjiaju {
		width:100%;
	}
	.ljiaju .more {
		font-size:16px;
		padding: 5px 10px;
	}
	.jiaju .rjiaju .box h3 {
		font-size:18px;
		line-height:60px;
	}
	.jiaju .rjiaju .box ul {
		padding: 0 10px;
		padding-bottom:30px;
	}
	.jiaju .rjiaju .box ul li {
		padding-top:10px;
	}
	.jiaju .rjiaju .box ul li input {
		height:40px;
	}
	.jiaju .rjiaju .box ul li h5 {
		line-height:30px;font-size: 14px;
	}
	.jiaju .rjiaju .box ul li button {
		font-size: 14px;
		line-height:40px;margin-top: 5px;
	}
	.ljiaju{margin-bottom: 90px;}
	.fangan {
		padding: 30px 0;
	}
	.conmmonTit h1 {
		font-size:18px;
		line-height:90px;
	}
	.fangan1{padding: 30px 0;}
	.fangan1 p{font-size: 18px;margin-bottom: 20px;}
	
	}
@media screen and (max-width: 450px) {
	.make .heads h3 {font-size: 15px;line-height: 22px;padding-top: 8px;}
	.make .heads img{width: 40px;}
	.make .bodys .conter ul{padding: 0 0 20xp;}
	.make .foots ul li p{font-size: 12px;}
	.make .foots{padding-bottom: 15px;}
	.economy .box .right ul li span{font-size: 16px;}
	
	}
@media screen and (max-width: 400px) {
	.economy .box{width: 100%;box-sizing: border-box;}
	.economy .box .left{font-size: 12px;}
	.economy .box .right ul li{width: 260px!important;line-height: 16px;margin-bottom: 3px;text-align: right;}
	.economy .box .right ul li.a{line-height: 38px;}
	.tabBox .tab-hd ul li{font-size: 12px;line-height: 30px;}
	.tabBox .tab-hd ul li a{border: 1px solid #a9834f;}
	.tabBox .tab-hd ul li:hover a{border: 1px solid #39a1d7;}
	.tabBox .tab-hd ul li.on a{border: 1px solid #39a1d7;}
	.economy .box{padding:5% 8px;}
	}