﻿@charset "utf-8";
#service{background:#F5F5F5;padding-bottom:50px}
.title{text-align:center;font-weight:bold;line-height:1.6;padding:30px 0}
.cn{font-size:26px}
.en{font-size:14px}
.service-ul{}
.service-ul li{
}
.service-icon{background:#AD430F;border-radius:20px 20px 0 0;width:240px;height:180px;display:flex;justify-content:center;align-items:center}
.service-icon img{display:block}
.service-txt{background:#FC6A1F;text-align:center;line-height:60px;border-radius:0 0 20px 20px;color:#fff;font-size:20px}
@media (max-width: 768px){
	#service{
    padding-bottom: 20px;
}
	.title{
    padding: 10px 0;
}
	.cn{font-size:20px}
	.en{font-size:12px}
	.service-ul{
    justify-content: space-around;
}
	.service-ul li{}
	.service-icon{width:150px;height:110px}
	.service-icon img{width:100px}
	.service-txt{line-height:40px;font-size:15px}
}
@media (max-width:470px){
	.service-icon{width:100px;height:70px}
	.service-icon img{width:60px}
	.service-txt{line-height:36px;font-size:14px}
}

#case{
    margin-bottom: 50px;
}
.more{float:right}
.case-ul{clear:both;border:2px solid #D8D8D8;padding:30px 30px 0}
.case-ul li{margin-bottom:30px;max-width:33%}
.case-img{overflow:hidden}
.case-img img{display:block;transition:0.5s all;width:100%}
.case-ul li:hover img{transform:scale(1.2)}
.case-ul li:hover p{color:#FD6A1D}
.case-txt{text-align:center;height:2em;overflow:hidden}
@media (max-width:768px){
	#case{}
	.more{}
	.case-ul{padding:10px 10px 0}
	.case-ul li{max-width:49%;margin-bottom:20px}
	.case-img{}
	.case-img img{}
	.case-txt{font-size:14px}
}
#area{background:url(../images/about_bg.jpg) no-repeat center;overflow:hidden;color:#fff;padding-bottom:50px}
#area .title{color:#fff}
.area-img{padding:15px;position:relative;float:left;margin-right:40px;max-width:49%}
.area-img:before,.area-img:after{display:block;content:'';width:50%;height:40%;background:#FC6A1F;position:absolute}
.area-img:before{left:0;top:0}
.area-img:after{right:0;bottom:0}
.area-img img{display:block;position:relative;z-index:2;width:100%}
.area-txt{line-height:1.8;padding-top:15px}
.area-txt p{text-indent:2em}
@media (max-width:768px){
	#area{background-repeat:repeat;padding-bottom:20px}
	.area-img{margin-right:10px;padding:0;margin-bottom:10px}
	.area-img:before,.area-img:after{display:none}
	.area-img img{}
	.area-txt{font-size:14px;padding-top:0}
	.area-txt p{}
}
@media (max-width:480px){
	.area-img{max-width:unset;width:100%}
}

.news-ul{
    max-width: 1100px;
    margin: 0 auto;
}
.news-ul li{width:308px;max-width:32%}
.news-img{overflow:hidden}
.news-img img{display:block;max-width:100%;transition:0.5s all}
.news-con{background:#F5F5F5;padding:0 15px;overflow:hidden}
.news-tit{font-size:18px;line-height: 2;height: 2em;overflow: hidden;}
.news-text{font-size:13px;color:#333;line-height:1.5;margin-top: 5px;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.news-con span{display:block;background:#FC6A1F;color:#fff;width:100px;text-align:center;margin:10px auto;font-size:12px;line-height: 2;}
.news-ul li:hover img{transform: scale(1.2);}
.news-ul li:hover .news-tit{color:#FC6A1F}
.news-ul li:hover span{}
@media (max-width:768px){
	.news-ul{}
	.news-ul li{width: 100%;max-width: unset;margin-bottom: 10px;}
	.news-img{}
	.news-img img{width: 100%;}
	.news-con{}
	.news-tit{}
	.news-text{}
	.news-con span{}
	.news-ul li:hover img{}
	.news-ul li:hover .news-con{}
	.news-ul li:hover span{}
}

#culture{
    padding: 30px 0 80px;
}
.culture-ul{
    max-width: 1100px;
    margin: 0 auto;
}
.culture-ul li{overflow: hidden;max-width: 49%;}
.culture-ul img{transition: 0.5s all;width: 100%;display: block;}
.culture-ul li:hover img{transform: scale(1.2);}
@media (max-width:768px){
	#culture{padding-bottom:30px;padding-top: 0;}
	.culture-ul li{max-width:unset;width:100%;margin-bottom: 10px;}
}
.yqlj{
    line-height: 1.5;
    background: #eee;
    padding: 10px 0;
}
.yqlj span{}
.yqlj a{}
.yqlj a:hover{
    text-decoration: underline;
}
@media (max-width:768px){
	.yqlj,.yqlj a{font-size:14px}
}