.intro { padding: 50px 10px; text-align: center; line-height: 40px; font-size: 20px;}
.cimg { text-align: center; padding: 10px 0px;}
.cimg>img { max-width: 100%;}
.presons { overflow: hidden; margin-bottom: 50px; }
.presons>dl { border: 1px solid #9fa0a0; overflow: hidden; margin: 40px 0px;position: relative; clear: both;}
.presons>dl>dt { width: 221px; height: 300px; float: left; overflow: hidden;}
.presons>dl>dt>img { width: 100%;}
.presons>dl>dd { float: left; padding-left: 60px; width: 890px; overflow: hidden;}
.presons>dl>dd>h2 { height: 40px; line-height: 40px; font-size: 28px; margin-top: 20px; color: #755444; font-weight: normal;}
.presons>dl>dd>h2>span { margin-left: 30px; font-size: 18px;}
.presons>dl>dd>p { height: 30px; line-height: 30px; font-size: 18px; display: none;}
.presons>dl>dd>div { line-height: 30px; font-size: 18px; padding-top: 30px; overflow: hidden; text-align: justify;}

.carpenter { padding: 20px 0px 50px; }
.carpenter>ul>li { width: 25%; float: left;  overflow: hidden;  text-align: center;}
.carpenter>ul>li>a { padding: 5px; display: block;}
.carpenter>ul>li>a>img { width: 100%; height: 525px; }
.carpenter>ul>li>a>h2 { height: 75px; font-size: 32px; line-height: 75px; background: #9e8b75; color: #FFF;}
.carpenter>ul>li>a>p { padding: 20px 35px; height: 300px; line-height: 40px; font-size: 18px; text-align: justify;  background: #9e8b75; color: #fff;}

.service { padding: 50px 0px; }
.service>ul>li { padding: 5px 0px; text-align:center; position: relative;}
.service>ul>li>div { position: absolute; text-align: left; left: 600px; top: 50px;}
.service>ul>li>div>h2 { padding: 30px 0px; font-size: 32px; font-weight: normal;}
.service>ul>li>div>h2>span { font-size: 32px; color: #b81c22;}
.service>ul>li>div>p { padding: 10px 0px; font-size: 24px;}
.service>ul>li>div>p>i { background:url("../img/lx.png") no-repeat center center; display: inline-block; width: 16px; height: 16px; margin-right: 10px;}
.works>ul { padding: 5px 0px 20px; overflow: hidden;}
.works>ul>li { width: 33.33%; text-align: center; padding: 15px 0px; float: left;}
.works>ul>li>a { padding: 0px 14px; display: block; overflow: hidden;}
.works>ul>li>a>img { width: 100%;  border: 1px solid #a8a8a9;}
.works>ul>li>a>h2 { margin-top: 15px; height: 60px; line-height: 60px; font-size: 20px; font-weight: normal;}
.category { overflow: visible; height: 60px; border-bottom: 1px solid #0e0e0e; text-align: center; padding-top: 80px; margin-bottom: 30px;}
.category>a { position: relative; display: inline-block; height: 62px; margin: 0px 30px;font-size: 24px;}
.category>a.active>span {position:absolute; left: 0px; bottom: -1px; right: 0px; border-bottom: 5px solid #e60012;}
.subject { padding: 50px 0px; font-size: 32px; font-weight: normal; text-align: center;}

.detail {  padding: 10px 50px 50px; width: 1200px; margin: 0px auto; font-size: 16px; text-align: justify; line-height: 30px;}
.detail * { font-size: 16px;}
.detail img { max-width: 100%;}


@media screen and (max-width: 1024px) {
	.intro {padding: 20px 10px; line-height: 25px; font-size: 14px; }
	.cimg { text-align: center; padding: 20px 10px;}
	.presons { margin-bottom: 20px; }
	.presons>dl { min-height: 137px;margin: 15px 0px; }
	.presons>dl>dt { position: absolute; width: 100px; left: 10px; top: 10px; bottom: 0px; overflow: hidden; font-size: 16px; height: auto;}
	.presons>dl>dd { float:none; padding-left: 120px; width: 100%; padding-right: 10px; position: relative; min-height: 155px;}
	.presons>dl>dd>h2 { height: 40px; line-height: 40px; font-size: 18px; margin-top: 0px; overflow: hidden;}
	.presons>dl>dd>h2>span { margin-left: 10px; font-size: 14px; color: #555; display:inline-block;}
	.presons>dl>dd>p { height: 25px; line-height: 25px; font-size: 14px; display: none;}
	.presons>dl>dd>div { line-height: 20px; padding-top: 0px; font-size: 14px;  overflow: hidden;padding-bottom: 10px; }
	
	.carpenter { padding: 0px 10px 20px; }
	.carpenter>ul>li { padding: 0px 0px 0px 100px; width: 100%; float: none; margin:15px 0px; overflow: hidden;  background: #9e8b75;  position: relative; text-align: left; min-height: 95px;}
	.carpenter>ul>li>a>img { width: 100px; height: 168px; position: absolute; top: 0px; left: 0px;}
	.carpenter>ul>li>a>h2 { height: auto; margin-top: 0px; font-size: 16px; line-height: 50px; padding: 0px 10px; font-weight: normal;}
	.carpenter>ul>li>a>p { padding: 0px 10px; min-height: 117px; height: auto;line-height: 18px; font-size: 14px; overflow: hidden;}
	
	
	.service { padding: 20px 10px; }
	.service>ul>li { padding: 0px; margin: 5px 0px; text-align:center; position: relative; background: #000; overflow: hidden;}
	.service>ul>li>img { opacity: 1;}
	.service>ul>li>div {  width: auto; top: 0px; left: 85px; padding-left: 10px; bottom: 0px; right: 0px; overflow: hidden; background: url("../../mobile/img/sbg.png"); background-size: 100% 100%;}
	.service>ul>li>div>h2 { padding: 0px; font-size: 16px; font-weight: normal; height: 30px; line-height: 30px; margin-top: 10px; }
	.service>ul>li>div>h2>span { font-size: 16px; }
	.service>ul>li>div>p { padding: 0px;  line-height: 17px; font-size: 12px;  }
	.service>ul>li>div>p>i { width: 10px; height: 10px; background-size: 8px 8px; margin-right: 2px}
	.category { overflow: hidden; height:auto; border-bottom:none; text-align: center; padding-top: 10px; margin-bottom: 10px;}
	.category>a { position: relative; display:block; float: left; height: 40px; line-height: 40px; margin: 5px 0px ;font-size: 14px; width: 33.33%; background: #a0a0a0; border-left: 1px solid #FFF;border-right: 1px solid #FFF; color: #FFF; overflow: hidden;}
	.category>a.active { background: #d0101b;}
	.category>a>span {display: none;}
	.works { padding: 10px 0px;}
	.works>ul { padding: 5px 5px 10px;}
	.works>ul>li { width: 50%; text-align: center; padding: 0px 0px; float: left;}
	.works>ul>li>a { display: block; padding: 5px;}
	.works>ul>li>a>img { max-width: 100%; width: auto; height: auto;border: 1px solid #a8a8a9;}
	.works>ul>li>a>h2 { border-top:none;margin-top: 0px; height: 40px; line-height: 40px; margin-bottom: 10px; font-size: 14px; overflow: hidden;}
	.subject { padding: 30px 0px 20px; font-size: 24px;}
	.detail{  padding: 10px 20px 10px; width: 100%; margin: 0px auto; font-size: 14px; text-align: justify; line-height: 25px;}
	
}
@media screen and (max-width: 360px) {
	.category { padding:10px 5px 0px; }
	.category>a {}
}