body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td
{margin: 0; padding: 0; border: 0; outline: none;}
body{background-color: #888;line-height: 1;font-family: "PingFang SC", Helvetica, "Helvetica Neue", "微软雅黑", Tahoma, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6{font-size: 100%;padding: .6em 0;margin: 0 15px;}
ul, ol{list-style: none;}
a{color: black;text-decoration: none;}
/*a:hover
{text-decoration: underline;}*/
.floatLeft{float: left;padding: .5em .5em .5em 0;}
.floatRight{float: right;padding: .5em 0 .5em .5em;}
/*#con-color{
	background-color: #888;
}*/
#container {
	width: 886px;
	margin: 0 auto;
	width:expression((document.documentElement.clientWidth||document.body.clientWidth)>886?"886px":"")/9; 
	overflow: hidden;
}
.content {
	background-color: #000;
	width: 100%;
	overflow: hidden;
}
.title{
	padding: 0px 40px;
}
.title-logo{
	padding: 22px 0px 12px 0px;
	width: 350px;
}
.title-logo img{
	width: 100%;
}
.title-text{
	font-family: arial;
	margin-bottom: 22px;
	color: #fff;
	font-size: 36px;
}
.image{
	position: relative;
	width: 100%;
    margin: 0 auto;
    z-index: 0;
    /*height: 510px;*/
}
.DB_imgSet{
	width: 100%;
	height: 520px;
}
.DB_imgSet li{
	width: 100%;
}
.DB_imgSet img{
	width: 100%;
}
.DB_tab25 .DB_menuWrap .DB_menuSet{position:absolute;width:100%;left: 10%;top:-30px;text-align:center;font-size:0; border-radius:20px;}
.img-list{
	z-index: 100;
	position: absolute;
	top: 40px;
	left: 40px;
	width: 86px;
	overflow: hidden;
}
.DB_imgSet_1{
	background: url(../img/banner-art-4.jpg) no-repeat;
	background-size: 100% 100%;
	height: 520px;
}
.img-list a{
	margin-bottom: 6px;
	box-sizing: border-box;
	display: block;
	width: 100%;
	*width: 95%;
	height: 42px;
	border: 2px solid #000;
	text-align: center;
	line-height: 42px;
	background-color: #FFF;
}
.page-floor{
	margin-top:20px ;
	padding: 0px 40px;
	box-sizing:border-box;
	overflow: hidden;
}
.page-floor-text1{
	font-size: 13px;
	letter-spacing:4px;
	padding: 4px 8px;
	margin-bottom: 8px;
	background-color: #fff;
}
.page-floor-text2-lift{
	float: left;
}
.page-floor-text2-right{
	font-size: 24px;
	font-weight: bold;
	float: right;
	color: #D84C29;
}
.page-floor-text3{
	text-align: right;
	color: #fff;
}
.page-floor-text3 p{
	font-size: 12px;
    margin-bottom: 8px;
}
.test1{
	width: 37%;
}
.test2{
	width: 98%;
}
.test3{
	width: 47%;
}
.fix{
	clear: both;
	display: table;
}
#con-center{
	box-sizing: border-box;
    padding: 40px 90px 80px 204px;
    position: relative;
    background: url(../img/white-img.jpg) no-repeat;
}
#con-center1{
	box-sizing: border-box;
    padding: 40px 90px 80px 204px;
    position: relative;
    background: url(../img/white-img.jpg) no-repeat;
}
#con-center-r{
	color: #fff;
	box-sizing: border-box;
    padding: 40px 90px 110px 204px;
    position: relative;
    background: url(../img/back-img2.jpg) no-repeat;
    background-size: 100% 100%;
}
.plan{
    overflow: hidden;
}
.plan-a,.plan-b{
	border: 5px solid #000;
	position: relative;
	float: left;
	display: inline-block;
    box-sizing: border-box;
    width: 242px;
    height: 228px;
}
.bor{
    border: 5px solid #000;
}
.bor_cle{border: 0;}
.plan-a{
	margin-right: 100px;
	*margin-right: 68px;
	background: url(../img/plan-a.jpg) 50% 50% no-repeat;
}
.plan-a:hover{
	border: 0;
}
.plan-b:hover{
	border: 0;
}
.plan-a:hover .plan-show{
	display: none;
}
.plan-b:hover .plan-show{
	display: none;
}
.plan-b{
	background: url(../img/plan-b.jpg) 50% 50%  no-repeat;
}
.plan-show{
	filter:alpha(opacity=70);
	background: #000;
	height: 100%;
	line-height: 100%;
	text-align: center;
	width: 100%;
	-moz-opacity:0.7; 
	opacity: 0.7;
	background-color:rgba(0,0,0,0.7);
}
.plan-span{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -50px;
	z-index: 1;
	display: block;
	line-height: 50px;
	text-align:center;
	width: 100px;
	height: 50px;
	background-color: #fff;
	color: #000;
	cursor: pointer;
}
.img-list .black{
/*	border: 2px solid #FFF;*/
	background: #000;
	color: #fff;
}
.con-center-text{
	margin-top: 36px;
	width: 100%;
	overflow: hidden;
}
.con-center-text-1{
    font-size: 20px;
}
.con-center-text-1 p{
	line-height: 30px;
}
.con-center-text-1 span{
	font-size: 13px;
    margin-left: 30px;
}
.con-center-text-2{
	margin-top: 30px;
	width: 100%;
}
.con-center-text-2 img{
	width: 100%;
}
.con-center-text-pp{
	margin: 30px 0px 14px 0px;
	font-weight: bold;
	font-size: 18px;
}
.con-center-text-p1{
	line-height: 24px;
	font-size: 14px;
    text-align: justify;
}
.team-img-title-p1{
	position: absolute;
	top: 0;
	left: 192px;
	width: 14px;
    height: 26px;
	background: #fff;
}
.team-img-title-p2{
	color: #fff;
	font-size: 22px;
	height: 28px;
	line-height: 28px;
	display:inline-block;
}
.team-img-title{
	text-align: right;
	position: relative;
}
.team-img-text{
	margin-top: 30px;
	font-size: 14px;
	line-height: 26px;
	text-align: right;
}
.team-img-text1{
	margin-top: 20px;
	text-align: right;
	font-size: 18px;
}
.team-img-text2{
	margin-top: 20px;
	font-size: 24px;
	font-weight: bold;
}
.team-img-block{
	box-sizing: border-box;
	overflow: hidden;
	width: 100%;
}
.team-img-div{
	position: relative;
	overflow: hidden;
	margin-top: 32px;
	float: left;
    width: 47%;
    *width: 46%;
    height: 270px;
}
.team-img-div2{
	display:inline-block;
	margin-left:6%;
}
.opcity{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 116px;
	background: #000;
	filter:Alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity:0.7;
	opacity: 0.7;
	background-color: rgba(0,0,0,0.7);	
}
.opcity-in{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 70px;
	width: 100%;
	background: #000;
	filter:Alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity:0.7;
	opacity: 0.7;
	background-color: rgba(0,0,0,0.7);	
}
.opcity-in-gay{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 90px;
	width: 100%;
	background: #000;
	filter:Alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity:0.7;
	opacity: 0.7;
	background-color: rgba(0,0,0,0.7);	
}
.opcity-div{
	width: 100%;
	padding: 12px;
	box-sizing: border-box;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.opcity-div-in{
	width: 100%;
	padding: 12px;
	box-sizing: border-box;
	position: absolute;
	left: 0px;
	top: 0px;
}

.opcity-div span{
	color: #FF0000;
}
.opcity-text1{
	text-align: center;
	margin-bottom: 6px;
    font-size: 15px;
    line-height: 40px;
    height: 40px;
    border-bottom: 2px solid #FF0000;
}
.opcity-text2{
	height: 50px;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}
.team-img-div img{
	width: 100%;
}
.case-title{
	display: inline-block;
    font-size: 18px;
    letter-spacing: 6px;
    height: 24px;
    line-height: 23px;
    padding: 10px;
    color: #fff;
    background: #3E3938;
}
.case-white{
    color: #3E3938;
	background: #fff;
}
.case-black{
	color: #fff;
	background: #3E3938;
}
.case-div-little{
	margin-top: 10px;
	padding: 10px 52px 10px 14px;
}
.case-div-little1{
	margin-top: 10px;
	padding: 10px 6px 10px 14px;
}
.case-div-little2{
	margin-top: 10px;
	padding: 10px 52px 10px 14px;
}
.case-div-little1 .case-text1{
	line-height: 22px;
}
.case-text1{
	letter-spacing: 2px;
	margin-bottom: 12px;
	font-size: 18px;
}
.case-text1 span{
	font-size: 20px;
}
.case-text2{
	letter-spacing: 1px;
	font-size: 15px;
	line-height: 24px;
}
.case-left{
	width: 76%;
	float: left;
}
.case-right{
	width: 22%;
	float: right;
}
.hei1{
	height: 57px;
}
.hei2{
	height: 144px;
}
.case-mony{
	overflow: hidden;
}
.case-left1{
	float: left;
	width: 48%;
}
.case-right1{
	float: right;
	width: 48%;
}
/*.hei3{
	height: 130px;
}*/
.case-right2{
	width: 76%;
	float: right;
}
.case-left2{
	width: 22%;
	float: left;
}
.art-form-form-div{
	overflow: hidden;
	margin-bottom: 20px;
}
.art-form-form{
	padding: 0px 74px;
	overflow: hidden;
}
.art-form-form-div label{
	display:block;
	margin-bottom: 10px;
    /*width: 156px;*/
    font-size: 18px;
    letter-spacing: 2px;
    /*text-align: right;*/
}
.art-form-form-div .long{
	box-sizing: border-box;
    padding-left: 8px;
    font-size: 14px;
    color: #888;
    width: 100%;
    height: 30px;
    line-height: 30px;
    outline: none;
}
.art-form-title{
	margin-bottom: 40px;
}
#con-center-art{
	color: #fff;
	box-sizing: border-box;
    padding: 40px 90px 70px 204px;
    position: relative;
    background: url(../img/back-img2.jpg) no-repeat;
    background-size: 100% 100%;
}
.butn{
	font-family:"PingFang SC", Helvetica, "Helvetica Neue", 微软雅黑, Tahoma, Arial, sans-serif ;
	margin:0 auto;
	cursor: pointer;
    width: 146px;
    height: 40px;
    line-height: 35px;
    text-align: center;
    display: block;
    background: #888;
    color: #fff;
    outline: none;
    font-size: 22px;
}
.art-form-form-bun{
	margin-top: 48px;
}
.short{
	border: 4px solid #02AA00;
	/*box-shadow: inset 0px 0px 6px 5px rgba(4,220,33,.4);*/
}
.stop{
	/*box-shadow: inset 0px 0px 6px 5px rgba(216,76,41,.4);*/
	border: 2px solid #D84C29;
}

.art-form-float-left{
	width: 35%;
	width: 35%\9;
	*width: 37%;
    margin-right: 7%;
    display: inline-block;
    *display:inline;
    *zoom:1;
    
}
.art-form-float-right{
	width: 56%;
	*width: 56%;
	display: inline-block;
	*display:inline;
    *zoom:1;
	
}
.long1{
	padding-left: 8px;
    font-size: 14px;
    color: #888;
    height: 30px;
    line-height: 30px;
    outline: none;
	width: 100%;
}
.long2{
	padding-left: 8px;
    font-size: 14px;
    color: #888;
    height: 30px;
    line-height: 30px;
    outline: none;
	width: 100%;
}
.border1{
	*box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #D84C29;
}
.opcity-in-text1{
	margin-bottom: 9px;
	font-size: 18px;
	font-weight: bold;
}
.opcity-in-text2{
	font-size: 15px;
}