/* CSS Document */
/*=============专题页==============*/

.zhuanti960{ width:100%; background:#fff; overflow:auto;}
.zhuanti960 .banner{ margin:0 auto; max-width:1440px;}
.zhuanti960 .banner img{ width:100%;}
.zhuanti{ width:960px; margin:0 auto; text-align:left;}
.zhuanti p.line{ line-height:30px;}
.zhuanti h2.theme{font-size:24px; line-height:30px; margin-bottom:30px; margin-top:30px;}

.zhuanti .theme1{ width:100%; overflow:auto;}
.zhuanti .theme1 .right{ width:33%; margin-left:1%; float:left;}
.zhuanti .theme1 .right img{ width:100%; margin:10px 0px; border-radius:9px;-webkit-border-radius:9px;-moz-border-radius:9px;}
.zhuanti .theme1 .left{ width:62%; float:left;}


.zhuanti h2.craft{ color:#c8161d;}
.zhuanti span.craft{font-weight:900; margin-left:10px;}
.zhuanti p.craft{ font-size:14px; line-height:30px; color:#595757; margin-bottom:20px;}
.zhuanti h2.test{ color:#231815;}

.zhuanti p.step{ width:100%; line-height:40px; background:#9f9fa0;font-size:20px; color:#fff; margin:30px 0px 20px 0px;}
.zhuanti p.step span.fa-square-o{color:#fff; margin:0 15px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-45deg); transform:rotate(-45deg);}
.zhuanti .step1,.zhuanti .step4{ margin-bottom:10px; overflow:auto;}
.zhuanti .step1 .step1_right{ width:30%;float:right;}
.zhuanti .step1 .step1_right img,.zhuanti .step4 .step4_right img{ width:100%;border-radius:9px;-webkit-border-radius:9px;-moz-border-radius:9px;}
.zhuanti .step1 .step1_left{ width:65%; margin-right:5%; float:right; border-bottom:1px dotted #9f9fa0; line-height:30px; padding-bottom:5px;}
.zhuanti .step1 .step1_left h3,.zhuanti .step4 .step4_left h3{ font-size:14px; color:#c8161d; font-weight:400;}

.zhuanti .step4 .step4_right{ width:60%;float:right;}
.zhuanti .step4 .step4_left{ width:35%; margin-right:5%; float:right; border-bottom:1px dotted #9f9fa0; line-height:30px; padding-bottom:5px;}

.zhuanti .design{ overflow:auto; margin:20px 0px 50px 0px;}
.zhuanti .design_right{ width:60%; float:left;}
.zhuanti .design_left{ width:35%; margin-right:5%; float:left;}
.zhuanti .design_right img{ width:100%;}
.zhuanti .design_left p,p.system{ line-height:30px;}


.zhuanti h2.system{color:#231815; margin-bottom:15px;}
.zhuanti ul.system li{ line-height:30px;}
.zhuanti ul.system li span{ font-size:18px;}
.zhuanti .intr{width:80%; margin:0 auto; text-align:center;}
.zhuanti img.intr{ width:100%; margin-bottom:10px; margin-top:30px;}
.zhuanti h4.intr{font-weight:400;}
.zhuanti .info{ width:100%; overflow:auto; margin:30px 0px;}
.zhuanti .info img{ width:100%;border-radius:9px;-webkit-border-radius:9px;-moz-border-radius:9px;}
.zhuanti .info_phone{ display:none;}
.zhuanti .info_phone img{ width:100%;border-radius:9px;-webkit-border-radius:9px;-moz-border-radius:9px; margin:15px 0px;}

.zhuanti h3.rela{ margin:30px 0px 20px 0px;}
.zhuanti .relate,.zhuanti ul.relate{ width:100%; overflow:auto; text-align:center;}
.zhuanti ul.relate li{ width:18%; margin:0px 1%; float:left; border:1px solid #ddd; margin-bottom:10px; margin-top:10px;}
.zhuanti ul.relate li img{ width:100%;}
.zhuanti ul.relate li h4{ font-weight:400; margin-top:10px; margin-bottom:10px; min-height:40px;}
.zhuanti ul.relate li a{ color:#595757;}
.zhuanti ul.relate li a:hover{ color:#0157ac; text-decoration:none;}




@media (max-width: 1020px) {
	.zhuanti{ width:94%;}
	.zhuanti .intr{ width:100%;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.zhuanti .step4 .step4_right{ width:50%;}
	.zhuanti .step4 .step4_left{ width:45%;}
	.zhuanti img.pic{ width:100%;}	

	.drawer-hamberger { background: #ddd; border-radius: 9px;-webkit-border-radius:9px;-moz-border-radius:9px;}
	.drawer-hamberger span,.drawer-hamberger span:before, .drawer-hamberger span:after {background-color:#fff;}
}
@media screen and (min-width: 500px) and (max-width: 767px) {
	.zhuanti .theme1 .right{ width:100%; margin-left:0px; float:none;}
	.zhuanti .theme1 .right img{ width:48%; margin:10px 1%; float:left;}
	.zhuanti .theme1 .left{ width:100%; float:none;}
	
	.zhuanti .step4 .step4_right,.zhuanti .design_right{ width:65%; float:none; margin:0 auto;}
	.zhuanti .step4 .step4_left,.zhuanti .design_left{ width:100%; margin-right:0px; float:none;}
	
	.zhuanti img.pic{ width:100%;}
	
	.drawer-hamberger { background: #ddd; border-radius: 9px;-webkit-border-radius:9px;-moz-border-radius:9px;}	
	.drawer-hamberger span,.drawer-hamberger span:before, .drawer-hamberger span:after {background-color:#fff;}	
}
@media only screen and (max-width: 499px) {
	.zhuanti .theme1 .right{ width:100%; margin-left:0px; float:none;}
	.zhuanti .theme1 .right img{ width:100%; margin:10px 0px; float:none;}
	.zhuanti .theme1 .left{ width:100%; float:none;}
	
	.zhuanti960 .banner{ display:none;}
	.zhuanti .step1 .step1_right{ width:65%; float:none; margin:0 auto;}
	.zhuanti .step1 .step1_left{ width:100%; margin-right:0px; float:none;}
	
	.zhuanti .step4 .step4_right,.zhuanti .design_right{ width:100%; float:none; margin:0 auto;}
	.zhuanti .step4 .step4_left,.zhuanti .design_left{ width:100%; margin-right:0px; float:none;}
	
	.zhuanti img.pic{ width:100%;}
	
	.zhuanti .info{ display:none;}
	.zhuanti .info_phone{ display:block;}
	
	.zhuanti ul.relate li{ width:23%;}
	
	.drawer-hamberger { background: #ddd; border-radius: 9px;-webkit-border-radius:9px;-moz-border-radius:9px;}
	.drawer-hamberger span,.drawer-hamberger span:before, .drawer-hamberger span:after {background-color:#fff;}
}