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: 1200px;
	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: 20px 60px;
}
.title-logo{
	padding: 22px 0px 12px 0px;
	width: 440px;
}
.title-logo img{
	width: 100%;
}
.title-text{
	margin-top: 10px;
	font-family: arial;
	margin-bottom: 30px;
	color: #fff;
	font-size: 46px;
}
.image{
	position: relative;
	width: 100%;
    margin: 0 auto;
    z-index: 0;
    /*height: 710px;*/
}
.DB_imgSet{
	width: 100%;
	height: 740px;
}
.DB_imgSet li{
	width: 100%;
}
.DB_imgSet img{
	width: 100%;
}
.DB_tab25 .DB_menuWrap .DB_menuSet{position:absolute;left: -6%;top:-30px;text-align:center;font-size:0; border-radius:20px;}
.img-list{
	z-index: 100;
	position: absolute;
	top: 70px;
	left: 84px;
	width: 114px;
	overflow: hidden;
}
.DB_imgSet_1{
	background: url(../img/art_banner1.jpg) no-repeat;
	background-size: 100% 100%;
	height: 746px;
}
.img-list a{
	font-size: 18px;
	margin-bottom: 8px;
	box-sizing: border-box;
	display: block;
	width: 100%;
	*width: 95%;
	height: 52px;
	border: 2px solid #000;
	text-align: center;
	line-height: 52px;
	background-color: #FFF;
}
.page-floor{
	margin-top:26px ;
	padding: 0px 40px;
	box-sizing:border-box;
	overflow: hidden;
}
.page-floor-text1{
	font-size: 18px;
	letter-spacing:5px;
	padding: 4px 8px;
	margin-bottom: 14px;
	background-color: #fff;
}
.page-floor-text2-lift{
	float: left;
}
.page-floor-text2-right{
	font-size: 34px;
	font-weight: bold;
	float: right;
	color: #D84C29;
}
.page-floor-text3{
	margin-top: 6px;
	margin-bottom: 40px;
	text-align: right;
	color: #fff;
}
.page-floor-text3 p{
	font-size: 15px;
    margin-bottom: 8px;
}
.test1{
	/*width: 35%;*/
}
.test2{
	/*width: 92%;*/
}
.test3{
	/*width: 45%;*/
}
.fix{
	clear: both;
	display: table;
}
#con-center{
	box-sizing: border-box;
    padding: 90px 96px 290px 312px;
    position: relative;
    background: url(../img/white-img.jpg) no-repeat;
    background-size: 100% 100%;
}

#con-center-r{
	color: #fff;
	box-sizing: border-box;
    padding: 84px 112px 110px 350px;
    position: relative;
    background: url(../img/back-img2.jpg) no-repeat;
    background-size: 100% 100%;
}
.plan{
    overflow: hidden;
}
.bor_cle{border: 0;}
.plan-a,.plan-b{
	border: 5px solid #000;
	position: relative;
	float: left;
	display: inline-block;
    box-sizing: border-box;
    width: 326px;
    height: 326px;
}
.bor{
    border: 6px solid #000;
}
.plan-a{
	margin-right: 100px;
	*margin-right: 68px;
	background: url(../img/plan-a.jpg) no-repeat;
	background-size:100% 100%;
}
.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;
	background-size: 100% 100%;
}
.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: -27px;
    margin-left: -65px;
    z-index: 1;
    display: block;
    line-height: 54px;
    text-align: center;
    width: 130px;
    height: 54px;
    background-color: #fff;
    color: #000;
    cursor: pointer;
}
.img-list .black{
/*	border: 2px solid #FFF;*/
	background: #000;
	color: #fff;
}
.con-center-text{
	margin-top: 50px;
	width: 100%;
	overflow: hidden;
}
.con-center-text-1{
    font-size: 30px;
}
.con-center-text-1 p{
	line-height: 40px;
}
.con-center-text-1 span{
	font-size: 16px;
    margin-left: 30px;
}
.con-center-text-2{
	margin-top: 36px;
	width: 100%;
}
.con-center-text-2 img{
	width: 100%;
}
.con-center-text-pp{
	margin: 30px 0px 14px 0px;
	font-weight: bold;
	font-size: 24px;
}
.con-center-text-p1{
	line-height: 24px;
	font-size: 17px;
    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: 26px;
	height: 28px;
	line-height: 28px;
	display:inline-block;
}
.team-img-title{
	text-align: right;
	position: relative;
}
.team-img-text{
	margin-top: 30px;
	font-size: 15px;
	line-height: 26px;
	text-align: right;
}
.team-img-text1{
	margin-top: 20px;
	text-align: right;
	font-size: 20px;
}
.team-img-text2{
	margin-top: 20px;
	font-size: 26px;
	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: 314px;
}
.team-img-div2{
	display:inline-block;
	margin-left:6%;
}
.opcity{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 132px;
	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: 94px;
	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: 18px;
	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: 19px;
    line-height: 40px;
    height: 40px;
    border-bottom: 2px solid #FF0000;
}
.opcity-text2{
	height: 62px;
	font-size: 15px;
	line-height: 22px;
	text-align: center;
}
.team-img-div img{
	width: 100%;
}
.case-title{
	display: inline-block;
    font-size: 22px;
    letter-spacing: 6px;
    height: 38px;
    line-height: 38px;
    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 32px 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: 44px;
}
.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: 60px 130px 70px 350px;
    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: 57%;
	*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: 14px;
    font-size: 24px;
    font-weight: bold;
}
.opcity-in-text2{
	font-size: 18px;
}