body{
	font-size: 14px;
	line-height: 24px;
	font-family: 'Microsoft YaHei', '\5FAE \8F6F \96C5\91';
	background: #f3f3f3;
}
.container{
	width: 1000px;
	margin:0 auto;
}
a:hover{
	color:#83b24d;
}
.banner{
	background: url(../images/banner_bg.png) no-repeat center;
	background-size: cover;
}
.banner .container{
	position: relative;
}
.banner h1{
	position: absolute;
	left:-10000px;
}
.bounceInLeft1 {
	animation:bounceInLeft 1s alternate ;
}
.bounceInLeft2 {
	animation:bounceInLeft 2s alternate ;
}
@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px)
	}
	60% {
		opacity: 1;
		transform: translateX(30px)
	}
	80% {
		transform: translateX(-10px)
	}
	100% {
		transform: translateX(0)
	}
}
@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(30px)
	}
	80% {
		-webkit-transform: translateX(-10px)
	}
	100% {
		-webkit-transform: translateX(0)
	}
}

@-moz-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px)
	}
	60% {
		opacity: 1;
		-moz-transform: translateX(30px)
	}
	80% {
		-moz-transform: translateX(-10px)
	}
	100% {
		-moz-transform: translateX(0)
	}
}

@-o-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px)
	}
	60% {
		opacity: 1;
		-o-transform: translateX(30px)
	}
	80% {
		-o-transform: translateX(-10px)
	}
	100% {
		-o-transform: translateX(0)
	}
}

.bounceInRight2 {
	animation:bounceInRight 2s alternate ;
}
@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(2000px)
	}
	60% {
		opacity: 1;
		transform: translateX(-30px)
	}
	80% {
		transform: translateX(10px)
	}
	100% {
		transform: translateX(0)
	}
}
@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(-30px)
	}
	80% {
		-webkit-transform: translateX(10px)
	}
	100% {
		-webkit-transform: translateX(0)
	}
}

@-moz-keyframes bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px)
	}
	60% {
		opacity: 1;
		-moz-transform: translateX(-30px)
	}
	80% {
		-moz-transform: translateX(10px)
	}
	100% {
		-moz-transform: translateX(0)
	}
}

@-o-keyframes bounceInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px)
	}
	60% {
		opacity: 1;
		-o-transform: translateX(-30px)
	}
	80% {
		-o-transform: translateX(10px)
	}
	100% {
		-o-transform: translateX(0)
	}
}
.content1{
	background: #fff;
	padding-bottom: 2%;
	margin-bottom: 2%;
}
/**dress开始**/
.dress p{
	line-height: 50px;
}
/**dress结束**/
.p{
	font-size: 14px;
}
/**board开始**/
.board{
	background: url(../images/board_bg.png) repeat-x center;
	margin:2% auto 0;
}
.board li{
	background: url(../images/board.jpg) no-repeat center;
	float: left;
	width: 9.333%;
	margin:0 4.4%;
	cursor: pointer;
	text-align: center;
	line-height: 70px;
	font-size: 20px;
	font-weight: bold;
}
.board li a{
	display: block;
}
.board .li1{
	margin-left: 0;
	background: url(../images/board.jpg) no-repeat 0 0;
}
.board .li1:hover{
	background: url(../images/board_hover.jpg) no-repeat 0 0;
}
.board .li6{
	margin-right:0;
	background: url(../images/board.jpg) no-repeat 10px 0;
}
.board .li6:hover{
	background: url(../images/board_hover.jpg) no-repeat 10px 0;
}
.board li:hover{
	background: url(../images/board_hover.jpg) no-repeat center;
}
.board li:hover span{
	color:#83b24d;
}
/**board结束**/

h2{
	font-size: 36px;
	color:#fff;

	text-align: center;
	width: 200px;
}
h2 b{
	font-size: 12px;
	display: block;
	padding-bottom: 10px;;
}
h2 span{
	display: block;
	width: 70px;
	line-height: 36px;
}
h3{
	font-size: 24px;
	text-align: center;
}
.content2 h2,.content4 h2,.content6 h2{
	padding:18px 0 0 50px;
	float: left;
	background: url(../images/h2_bg2.png) no-repeat 0 center;
	background-size:contain;
}
.content2 .top p,.content4 .top p,.content6 .top p{
	float: left;
	font-size: 22px;
	line-height: 86px;
	color:#e5591e;
}
.content2 h2 div,.content4 h2 div,.content6 h2 div{
	float: left;
}
.content3 h2,.content5 h2{
	padding:18px 10px 10px 32px;
	float:right;
	margin-left: 12px;
	background: url(../images/h2_bg1.png) no-repeat 0 center;
	background-size:contain;
}
.content7 h2{
	padding:5px 0 0 12px;
}
.container .top{
	margin-bottom: 3%;
}
.content3 .top p,.content5 .top p,.content7 .top p{
	float:right;
	line-height: 86px;
	font-size: 22px;
	color:#e5591e;
}
.content3 h2 div,.content5 h2 div{
	float: left;
}
.content2 .last1 div a,.content3 .last1 div a,.content4 .last1 div a,.content5 .last1 div a,.content6 .last1 div a{
	width: auto;
	display: inline-block;
}

.content3 .center .right a{
	color:#83b24b;
}
.container .center .left{
	width: 45%;	
	padding-right: 5%;
}
.container .center .right{
	width: 45%;
	padding-left: 5%;
}
.container .center h3{
	padding-bottom: 3%;	
	border-bottom: 1px dashed #ccc;
}
.container .center p{
	padding:3% 3% 6%;
}
.container .last1{
	padding:2% 3%;
	border: 1px dashed #83b24d;
}
.container .last1 img{
	padding-right: 10px;
}
.container .last1 h4{
	font-size: 16px;
	color:#e5591e;
	padding-left: 20px;
	background: url(../images/fire.png) no-repeat left center;
}
.content2,.content3,.content4,.content5,.content6,.content7{
	background: #fff;
	padding: 2% 0;
	margin-bottom: 2%;
}
.content6 h2{
	padding:20px 7px 0 33px;
	margin-right: 10px;
}
.content6 h2 .span1{
	width: 90px;
}
.content7 h2 span{
	width: 82px;
	display: inline-block;
	padding-right:10px;
}
.content7 h2{
	width: 244px;
	height: 80px;
	margin-left: 12px;
	float:right;
	background: url(../images/h2_bg1.png) no-repeat 0 0;
}
.content7 h2 div{
	width: 115px;
	float: left;
	margin:22px 0 0  45px;
}
.content7 h2 b{
	display: inline-block;
	line-height: 36px;
}

/**scroll**/
.scroll_top{
	position: fixed;
	right:0px;
	bottom:60px;
}
.scroll_img{
	width: 50px;
	height: 50px;
	background: url(../images/scroll_img.png) no-repeat center;
}
.scroll_top li{
	width: 50px;
	cursor: pointer;
}
.scroll_1:hover a{
	background: #83b24b;
	color:#fff;
}
.last2 li a {
    display: block;
    line-height: 20px;
}
.scroll_1 a{
	display: block;
	width: 30px;
	height: 42px;
	padding:4px 10px;
	border-bottom: 1px solid #fff;
	background: #dfdfdf;
}
.scroll_2{
	position: relative;
	border-bottom: 1px solid #fff;	
}
.scroll_2 em{
	display: block;
	width: 50px;
	height: 50px;
	background: url(../images/saoyisao.png) no-repeat center;
}
.scroll_p{
	text-align: center;
	width: 125px;
	height: 125px;
	padding:15px 15Px 30px;
	position: absolute;
	left:-155px;
	bottom:0;
	background: #83b24b;
	display:none;	
}
.scroll_2,.scroll_3{
	background: #dfdfdf;
}
.scroll_2:hover{
	background: #83b24b;
}
.scroll_2:hover .scroll_p{
	display: block;
}
.scroll_2:hover em{
	background: url(../images/saoyisao_hover.png) no-repeat center;
}
.scroll_2 p span{
	display: block;
	color:#fff;
}
.scroll_3:hover{
	background:#83b24b;
}
.scroll_3:hover em{
	background: url(../images/scroll_top_hover.png) no-repeat center;
}
.scroll_3 em{
	display: block;
	width: 50px;
	height: 50px;
	background: url(../images/scroll_top.png) no-repeat center;
}
.fix_img{
	position: fixed;
	text-align:center;
	left:15px;
	bottom: 10px;
}
.fix_img img{
	display:block;
	margin: 0 auto;
}
/**scroll**/

/*footer*/
.footer{
	background:#fff;
	padding-top:15px;	
	}
#footer{ width:1000px; margin:15px auto ; text-align:center; overflow:hidden; clear:both; padding-bottom:70px; display: block;background: #fff;}
#footer a{
	color:#000;
}
#footer table{ width:100% !important;}

.copyright{ display:none; padding:1em 0em 1em; text-align:center;border-top:2px solid #4e8099; margin:1.5em 0 2em;background: #fff;}
.copyright p{ margin-bottom:0.3em; margin:0 0.3em 0.3em;}
.copyright p a{ margin-right:5px;}

.last{ display:none;width:100%; height:40px; line-height:40px; background:#2978BB; position:fixed; z-index:99999; bottom:0px;}
.last ul li{ float:left; width:33%; height:40px; border-right:1px #61B3FA solid; background:#2978BB; text-align:center; display:block; overflow:hidden;}
.last ul li a { display:inline-block; height:40px; width:99.8%; color:#FFF; border-right:1px #0469BB solid; text-align:center; }
.last ul li a span { font-size:14px; font-weight:600;} 

/*footer*/
@media only screen and (max-width: 1000px) {
	.container{
		width: 90%;
		padding:0 5%;
	}
	#footer{
		width: 100%;
	}
	.board li{
		width: 10%;
		margin:0 3.79%;
	}
	.board .li1,.board .li6,.board,.board li{
		background: 0 none;

	}
	.board li,.board .li1,.board .li6{
		border: 1px solid #83b24d;
		background-color: #83b24d;
		line-height: 42px;	
		color:#fff;	
	}
	.board li:hover,.board .li1:hover,.board .li6:hover{
		color:#e5591e;
		background: 0 none;
	}
	.board li a{
		color:#fff;
	}
}
@media only screen and (max-width: 767px) {
	.scroll_top,.fix_img{
		display: none;
	}
	.p{
		padding-bottom: 2%;
	}
	.container .top p{
		float:inherit;
		line-height: 30px;
		padding-top:2%;
	}
	.content2,.content3,.content4,.content5,.content6,.content7{
		padding: 5% 0;
		margin-bottom: 5%;
	}
	.board .li1,.board .li2,.board .li3,.board .li4,.board .li5,.board .li6{
		width: 20%;
		margin:0 2.2% 2%;
	}
	#footer,#qiao-wrap,#QIAO_INVITE_CONTAINER,#QIAO_ICON_CONTAINER .qiao-icon-sector-inner{ display:none !important;}
	#QIAO_INVITE_CONTAINER{ width:0 !important; height:0 !important;}
	.copyright,.last{ display:block;}
	#footer a{
		color:#000;
	}
}
@media only screen and (max-width: 550px) {
	h2{
		font-size: 16px;
		width: 124px;
	}
	h2 span{
		line-height: 20px;
		width: 50px;
	}
	h2 b{
		line-height: 12px;
	}
	.p{
		padding-bottom: 3%;
	}
	.board .li1,.board .li2,.board .li3,.board .li4,.board .li5,.board .li6{
		width: 26.6%;
		font-size: 14px;
		line-height: 28px;
		margin:0 3% 2%;
	}
	.container .top p,.container .top h2{
		float:initial;
		left:auto;
		top:auto;
	}
	.container .top p{
		padding-top:0;
		font-size: 16px;
	}
	.container .center h3{
		font-size: 22px;
	}
	.content6 h2 {
	    padding: 10px 7px 0 33px;
	}
	.content3 h2,.content5 h2,.content7 h2{
		background: url(../images/h2_bg2.png) no-repeat 0 center;
		background-size:contain ;
	}
	.content2 h2, .content4 h2, .content6 h2,.content3 h2,.content5 h2{
	    padding: 10px 0 4px 20px;
	}
	.container .center .left,.container .center .right{
		width: 100%;	
		padding:0;
	}
	.content6 h2 .span1{
		width: 54px;
	}
	.content7 h2{
		width: 140px;
		margin-left: 0;
	}
	.content7 h2 div{
		margin:0;
		padding:18px 18px 0;
	}
	.content7 h2 span{
		width: 50px;
	}
	.content3 h2,.content5 h2{
		margin-left: 0;
	}
}