@charset "utf-8";
/* CSS Document */
@media (min-width: 992px)
{
.mod-data .detail {
    width: 970px;
	margin:0 auto;
}
}
@media (min-width: 1200px)
{
.mod-data .detail {
    width: 1070px;
    margin: 0 auto;
}
}
.index_content {
    width:100%;
	margin:0px auto 0px;
	padding:0px 0px 0px;
    min-height: 380px;
}
.awards {
    width: 100%;
    padding: 0 0 0px;
    overflow: hidden;
}
.desigerleft {
    float: left;
    display: inline;
    width:48%;
    margin:0px 2% 30px 0px;
    position: relative;
}
.mod-data .detail .desigerleft p{
	margin-top:0px;
	text-indent:0px;
	}
.Badge2 {
    background: url(../images/Badge.png) no-repeat left;
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
}
.Badge {
    margin: 0 0 0 120px;
    width:85.6%;
    height: 100px;
    /*overflow: hidden;*/
}
.Badge01{ position:static; width:60px; height:60px; background-size:60px auto;}
.mod-data .detail .desigerleft .Badge02{ width:100%; height:auto; margin:0;}
.mod-data .detail .desigerleft .Badge02 p{ width:100%; display:block;}
.mod-data .detail .desigerleft .Badge02 h5{
	line-height: 22px;
    color: #777777;
	text-align: left;
	font-size:16px;
    margin:10px 0px 10px;
}
.mod-data .detail .desigerleft .Badge02 h6{
	line-height: 22px;
    color: #777777;
	text-align: left;
	font-size:16px;
    margin: 0;
}
.detext .instruction{
	line-height: 22px;
    color: #555;
    margin: 15px 0 0;
	text-align: left;
	font-size: 16px;
    margin-top: 10px;
	display:block;
	}
.desigerleft p {
    height: 50px;
    line-height: 50px;
    color: #B0B219;
    font-family: "微软雅黑","黑体";
    font-size: 24px;
    /*font-style: italic;*/
}
.desigerleft h4 {
    font-size: 28px;
    line-height: 40px;
    height: 40px;
    font-family: "微软雅黑","黑体";
	margin:0 auto;
}
.detext {
    text-align: justify;
    word-wrap: break-word;
    overflow: hidden;
    width:94%;
    line-height:30px;
    color: #888;
    padding: 20px 0 0 0px;
    font-size:14px;
}
.desigerright {
    float: right;
    display: inline;
    width:50%;
    margin:0px 0px 30px 0;
}
.desigerright:after{ content:""; margin:0 auto; display:block; clear:both;}
.desigerright img {
    /*width:94.3%;*/
	height:auto;
	display:block;
}
.clear {
    clear: both;
}
.caselist {
    width:100%;
    padding: 20px 0px 0;
}
.caseitem {
    width:100%;
    height: 50px;
    line-height: 50px;
    font-size:20px;
	font-weight:bold;
	margin:0 auto;
}
.caselist .caseitem_{ 
    font-size: 28px;
    color: #947D0B;
    font-family: '微软雅黑';
	margin:0 auto 20px;
	width:100%;
	}
.caselist ul li {
    height:auto;
    margin:0 auto;
    width: 100%;
	clear:both;
}
.deta_ul_left {
    /*overflow: hidden;*/
    position: relative;
}
.showleft2 {
    display: inline;
    float: left;
    margin:12px 0 60px;
	width:17.9%;
}
.mod-data .detail .deta_ul_left_ p{
	margin:0 auto;
	text-indent:0px;
	}
.mod-data .detail .deta_ul_left p{
	margin:0 auto;
	text-indent:0px;
	}
.deta_ul_left p {
    margin: 0 auto 0px;
    padding: 0;
    text-indent: 0;
    height: 230px;
    overflow: hidden;
    width:100%;
    display: table;
    text-align: center;
	position:relative;
}
.deta_ul_left p a {
    display: block;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
	position:relative;
}
.mod-data .detail .deta_ul_left p img{
		 /*width:100%;
		 display:block;
		 height:auto;*/
		 }
.deta_ul_left p span.zoompic {
    width:94.3%;
    height:100%;
    padding: 63px 50px 60px;
    z-index: 100;
    color: #fff;
    font-size: 12px;
    line-height: 120px;
    position: absolute;
    background: #000 url(../images/zoom.png) no-repeat 60px 70px;
    display: block;
    filter: alpha(Opacity=0);
    Opacity: 0;
}
.deta_ul_right {
    padding: 0 0px 0px 0;
}
.showright {
    display: inline;
    float: right;
    width:78.3%;
    margin:12px auto 60px;
}
.mod-data .detail .casetitle{
	margin:0 auto;
	text-indent:0px;
	}
.casetitle {
    font-weight: bold;
    height: 30px;
	line-height:24px;
	font-size:16px;
}
.scrollbar {
    line-height:26px;
    font-size: 14px;
    color: #888;
	text-align:justify;
}
.showright .text {
    height: 160px;
    overflow: hidden;
    padding: 0 0px 0 0;
}
.showleft2:hover .zoompic {
    opacity: 0.7;
}
.deta_ul_left:hover .zoompic {
    opacity: 0.7;
}
.mod-data .detail .desigerleft p span.j_leve{ font-style:normal; display:inline-block; margin-left:10px; font-size:24px; color:#F90;}
.desigerleft h4 span.j_leve{ font-style:normal; display:inline-block; margin-left:10px; font-size:28px; color:#F90; display:none;}
.deta_ul_left p a span.grade_box{ position:absolute; right:10px; top:0; display:inline-block; background:#f0a741; color:#fff; width:auto; height:26px; line-height:26px; padding-right:10px; font-size:16px; display:none;}
.deta_ul_left p a span.grade_box b{ background:url(../images/gold-sz.png) no-repeat center center; width:26px; height:26px; background-size:22px auto; display:inline-block; float:left;}
.gallery-item:after{ display:block; content:""; margin:0 auto; clear:both;}
.desigerright .gallery-item{ position:relative; width:100%;}
.cntr:before, .cntr:after {
    content: ' ';
    display: table;
}
.cntr:after {
    clear: both;
}
.cntr {
    margin:55px auto 0;
	max-width: 1000px;
	position:relative;
	z-index:2;
}
.m10 {
    /*margin: 10px;*/
}
.mt20 {
    margin-top: 20px;
}
.pgwSlideshow {
    width: 100%;
    background: #333;
    display: none;
}
.pgwSlideshow .ps-current {
    text-align: center;
    position: relative;
    min-height: 150px;
    overflow: hidden;
}
.pgwSlideshow .ps-current .ps-prev {
    background: rgba(0,0,0,0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";
    border: 1px solid #777;
    border-left: 0;
    border-radius: 0 4px 4px 0;
    position: absolute;
    padding: 20px 20px 20px 15px;
    left: 0;
    top: 45%;
    cursor: pointer;
	display:none;
	z-index:4;
}
.pgwSlideshow .ps-prevIcon {
    border-color: transparent #fff transparent;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    display: block;
}
.pgwSlideshow .ps-current>ul>li {
    text-align: center;
    width: 100%;
    z-index: 1;
    opacity: 0;
    display: block;
}
.pgwSlideshow .ps-current>ul>li img {
	border: 0;
    display: block;
    max-width: 100%;
    margin: auto;
	
}
.pgwSlideshow .ps-caption {
    background: rgba(0,0,0,0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";
    text-align: left;
    font-size: 1rem;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px;
    display: none;
}
.pgwSlideshow .ps-current .ps-next {
    background: rgba(0,0,0,0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";
    border: 1px solid #777;
    border-right: 0;
    border-radius: 4px 0 0 4px;
    position: absolute;
    padding: 20px 15px 20px 20px;
    right: 0;
    top: 45%;
    cursor: pointer;
	display:none;
	z-index:4;
}
.pgwSlideshow .ps-nextIcon {
    border-color: transparent #fff transparent;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    display: block;
}
.pgwSlideshow .ps-list {
    border-top: 1px solid #555;
    box-shadow: 0 10px 10px -5px #333 inset;
    background: #555;
    overflow: hidden;
    position: relative;
}
.pgwSlideshow .ps-list .ps-prev {
    background: rgba(0,0,0,0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000',endColorstr='#bb000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')";
    border: 1px solid #777;
    border-left: 0;
    border-radius: 0 4px 4px 0;
    padding: 20px 15px 20px 12px;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: 1000;
    display: none;
}
.pgwSlideshow .ps-list ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    left: 0;
}
.pgwSlideshow .ps-list li {
    float: left;
}
.pgwSlideshow .ps-list li .ps-item {
    display: block;
    margin: 15px 8px;
    opacity: .6;
    filter: alpha(opacity=60);
}
.pgwSlideshow .ps-list li .ps-item.ps-selected {
    float: left;
    opacity: 1;
    border:2px solid #fff;
    overflow: hidden;
}
.pgwSlideshow .ps-list li img {
    display: block;
    border: 1px solid #777;
    width: 80px;
    height: 80px;
}
.pgwSlideshow .ps-list li .ps-item.ps-selected img {
    margin: -4px;
}
.pgwSlideshow .ps-list .ps-next {
    background: rgba(0,0,0,0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000',endColorstr='#bb000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')";
    border: 1px solid #777;
    border-right: 0;
    border-radius: 4px 0 0 4px;
    padding: 20px 12px 20px 15px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 25px;
    z-index: 1000;
    display: none;
}
.Badge05{ position:absolute;}
.Badge04{ display:inline-block; height:60px; line-height:60px; margin-left:80px; margin-bottom:15px;}
.mod-data .detail .desigerleft .Badge04 .p_jb{ font-weight:bold; padding-top:5px;}
.cntr01{ margin-top:60px;}
.desigerleft08 {
    float: left;
    display: inline;
    width:79%;
    margin:0px 0 30px 0px;
    position: relative;
}
.desigerright08 {
    float: right;
    display: inline;
    width: 19%;
    margin:0px 0px 30px 0;
}
.desigerright08 img {
    width:94.3%;
}
@media(max-width:768px){
	.index_content {
		width: 100%;
		margin: 0 auto;
     }
	 .awards {
		width:100%;
		margin:20px auto 0px;
     }
	 .desigerleft{
		 float:none;
		 width:100%;
		 margin:0 auto;
		 display:block;
		 }
	.Badge2{ /*display:none;*/ width:36px; height:36px; background-size:36px auto;}
	.Badge{ width:100%; margin:0 auto 16px; height:auto;}
	.mod-data .detail .desigerleft p{ text-indent:45px;}
	.desigerleft p {
    /*height: 26px;*/
    line-height: 26px;
    color: #B0B219;
    font-family: "微软雅黑","黑体";
    font-size: 18px;
    text-align: left;
	height:auto;
    }
	.desigerleft h4 {
    font-size:18px;
    line-height:30px;
    font-family: "微软雅黑","黑体";
    text-align: left;
	height:auto;
	font-weight:bold;
	/*text-indent:45px;*/
    }
	.detext {
    text-align: justify;
    line-height: 24px;
    text-indent: 2em;
    color: #888;
    font-size:12px;
	width:100%;
	padding:0px;
	overflow:auto;
    }
	.desigerright {
    padding:20px 0;
    text-align: center;
	/*width:190px;*/
	width:100%;
	height:auto;
	display:block;
	margin:0 auto;
	float:none;
   /* border-bottom: 1px solid #ccc;*/
    }
	.desigerright img {
    display: block;
    width: 190px;
    height: 230px;
    margin: 0 auto;
    }
	.caseitem {
    font-size: 16px;
	height:30px;
	line-height:30px;
    }
	.showleft2{ width:100%; margin:20px auto 20px; float:none;}
	.caselist ul li {
    padding:5px 0 0px;
    border-bottom: 1px solid #ccc;
    }
	.deta_ul_left p {
    width: 190px;
    height: 230px;
    margin: 0 auto;
    overflow: hidden;
	display:block;
	
     }
	 .showright{ width:100%; float:none;}
	 .mod-data .detail .deta_ul_left p img{
		 width:100%;
		 display:block;
		 height:auto;
		 }
	.deta_ul_left p span.zoompic{
    text-align: center;
    color: #959595;
    display: block;
	padding:0px 0px 0px;
	width:100%;
    }
	.mod-data .detail .casetitle {
    text-align: center;
    font-weight: bold;
    line-height: 30px;
    margin-top: 15px;
	height:auto;
	font-size:14px;
    }
	.showright .scrollbar {
    line-height:26px;
    font-size: 12px;
    color: #888;
	height:auto;
    }
	.showleft2:hover .zoompic {
    opacity: 0.7;
}
.caselist ul li:last-child{
	border:none;
	}
.caselist ul li .deta_ul_left_ p img{
	width:190px;
	height:auto;
	margin:0 auto 25px;
	display:block;
	}
.mod-data .detail .desigerleft p span.j_leve{ font-size:18px; /*margin-left:8px; text-indent:34px;*/ display:block; margin-left:0px;}
.desigerleft h4 span.j_leve{ font-size:18px; margin-left:8px; text-indent:0px;}
.deta_ul_left p a span.grade_box{ right:0; font-size:14px;}
.deta_ul_left p a span.grade_box b{ background-size:20px auto;}
.mod-data .detail .caselist .casetitle{ font-size:16px;}
.mod-data .detail .desigerleft .Badge02 h5{ font-size:15px;}
.mod-data .detail .desigerleft .Badge02 h6{ font-size:15px;}
.detext .instruction{ text-indent:0px; font-size:15px; margin-bottom:5px;}
.mod-data .detail .desigerleft .Badge02 p{ text-indent:0px;}
.cntr{ width:100%; margin-top:10px;}
.pgwSlideshow .ps-current>ul>li img{ width:100%; height:auto;}
.Badge04{ margin-left:45px; height:auto; line-height:36px; margin-bottom:10px;}
.mod-data .detail .desigerleft .Badge04 .p_jb{ text-indent:0px;}
.mod-data .detail .desigerleft .Badge04 .p_jb span.j_leve{}
.desigerleft08 h4{ margin-top:10px;}
.mod-data .detail .desigerleft08 p{ line-height:36px;}
	}