@charset "utf-8";
/* CSS Document */

/*company*/
.company{
	margin-top: 30px;
	width: 100%;
	height: 230px;
}
.company_bg{
	width: 63%;
	height: 100%;
	margin: 0 auto;
}
.company_bg a{
	font-size: 40px;
	color: #000;
	line-height: 40px;
	font-weight: 300;
}
.company_bg p{
	font-size: 16px;
	color: #000;
	line-height:36px;
	margin-top: 40px;
}
@media screen and (min-width:1024px) and (max-width:1400px){
	.company_bg{width: 75%;}
}
/*case*/
.case{
	margin-top: 60px;
	width: 90%;
	margin-left: 5%;
}
.case_bg{
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
.case_top{
	width: 100%;
	height: 85px;
	overflow: hidden;
	text-align: center;
}
.case_top b{
	font-size: 24px;
	display: inline-block;
	color: #494443;
	width: 168px;
	border-bottom:  4px solid #e5212b;
	line-height: 42px;
}
.case_top p{
	font-size: 18px;
	color: #494443;
	margin-top: 10px;
}
.case_list{
	width: 100%;
	margin-top: 30px;
}
.case_list ul{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.case_list li{
	width: 32.5%;
	margin-right: 1.2%;
	margin-bottom: 20px;
	float: left;
}
.case_list li:nth-child(3){margin-right: 0;}
.case_list li:nth-child(6){margin-right: 0;}
/*.case_list li:nth-child(6){margin-right: 0;}*/
/*.case_list li:nth-child(9){margin-right: 0;}*/
.case_img{
	width: 100%;
	height: 70%;
	overflow: hidden;
}
.case_img a,.case_img a img{
	width: 100%;
	/*height: 100%;*/
	display: block;
	transition: 0.6s;
}
.case_list li:nth-child(4) .case_img,
.case_list li:nth-child(5) .case_img{
    height: 90%;
}
.case_font{
	width: 100%;
	height: auto;
	background:#eeefef;
	padding-bottom: 30px;
}
.case_font span{
	width: 90%;
	margin-left: 5%;
	padding-top: 5%;
	color: #252525;
	font-size: 16px;
}
.case_font a{
	width: 90%;
	margin-left: 5%;
	padding-top: 4%;
	color: #252525;
	font-weight:bold;
	font-size:20px;
}.case_font p{
	width: 90%;
	margin-left: 5%;
	padding-top:2%;
	color: #252525;
	font-size: 16px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 40px;
}
.case_list li:hover .case_img a img{
	transform: scale(1.1)
}
.case_list li:hover .case_font{
	background: #e5212b;
}
.case_list li:hover .case_font a{
	color: #fff;
}
.case_list li:hover .case_font span{
	color: #fff;
}.case_list li:hover .case_font p{
	color: #fff;
}
@media screen and (min-width:1024px) and (max-width:1400px){
	.case_font span{font-size: 12px;}
	.case_font a{font-size:16px;}
	.case_font p{font-size: 12px;}
}

/*method*/
.method_top{
	width: 100%;
	height: 85px;
	margin-top: 60px;
	overflow: hidden;
	text-align: center;
}
.method_top b{
	font-size: 24px;
	display: inline-block;
	color: #494443;
	width: 168px;
	border-bottom:  4px solid #e5212b;
	line-height: 42px;
}
.method_top p{
	font-size: 18px;
	color: #494443;
	margin-top: 10px;
}
.carousel_content {
	width: 100%;
	height: 273px;
	position: relative;
	margin-top:30px;
	overflow: hidden;
}
.carousel {
	position: absolute
}
.carousel li {
	float: left;
	color:#3f3f3f;
	font-size: 50px;
	font-weight:bold;
	background-color: #e89462;
	text-align:center;
	line-height:250px;
}
.carousel li{
	width: 1900px;
	height: 250px;
}
.img_index {
	position: absolute;
	bottom: 24px;
	width: 100%;
	display: flex;
	justify-content: center
}
.img_index li {
	float: left;
	width: 10px;
	height: 10px;
	line-height: 13px;
	text-align: center;
	border-radius: 50%;
	background-color: #fff;
	font-size: 14px;
	cursor: pointer;
	margin: 0 6px;
}
.img_index li.js_index,.img_index li:hover {
	background-color: #666;
}
.carousel-prev,.carousel-next {
	position: absolute;
	display: inline-block;
	top: 45%;
	cursor: pointer;
}
.carousel-prev {
	left: 0
}
.carousel-next {
	right: 0
}
@media screen and (min-width:1700px) and (max-width:1800px){
	.carousel li{width:1750px;}
}
@media screen and (min-width:1600px) and (max-width:1700px){
	.carousel li{width:1650px;}
}
@media screen and (min-width:1500px) and (max-width:1600px){
	.carousel li{width:1550px;}
}
@media screen and (min-width:1400px) and (max-width:1500px){
	.carousel li{width:1450px;}
}
@media screen and (min-width:1300px) and (max-width:1400px){
	.carousel li{width:1350px;}
}
@media screen and (min-width:1200px) and (max-width:1300px){
	.carousel li{width:1250px;}
}
@media screen and (min-width:1100px) and (max-width:1200px){
	.carousel li{width:1150px;}
}
/*advantage*/
.adv{
	width: 100%;
	height: auto;
	margin-top: 60px;
}
.adv_bg{
	max-width: 100%;
	height: 100%;
	margin: 0 auto;
}
.adv_bg img{width:100%}
.adv_top{
	width: 100%;
	height: 85px;
	margin-top: 60px;
	overflow: hidden;
	text-align: center;
}
.adv_top b{
	font-size: 24px;
	display: inline-block;
	color: #494443;
	width: 168px;
	border-bottom:  4px solid #e5212b;
	line-height: 42px;
}
.adv_top p{
	font-size: 18px;
	color: #494443;
	margin-top: 10px;
}
.adv_list{
	width:1000px;
	height: 500px;
	margin-left: 100px;
	margin-top: 30px;
}
.adv_left,.adv_right{
	width: 338px;
	height: 100%;
}
.adv_img,.adv_img ul{
	width: 100%;
	height: 100%;
}
.adv_one{
	width: 100%;
	height: 210px;
	margin-bottom: 80px;
	overflow: hidden;
	background: url(/statics/images/tem/adv_bg1.png)no-repeat center;
}
.adv_two{
	width: 100%;
	height:210px;
	margin-bottom: 80px;
	overflow: hidden;
	background: url(/statics/images/tem/adv_bg2.png)no-repeat center;
}
.adv_three{
	width: 100%;
	height: 210px;
	overflow: hidden;
	background: url(/statics/images/tem/adv_bg3.png)no-repeat center;
}
.adv_four{
	width: 100%;
	height: 210px;
	overflow: hidden;
	background: url(/statics/images/tem/adv_bg4.png)no-repeat center;
}
.adv_one b,.adv_two b,.adv_three b,.adv_four b{
	display: inline-block;
	font-size: 30px;
	color: #e89462;
	padding-top: 76px;
    padding-left: 110px;
}
.adv_one p,.adv_two p,.adv_three p{
	font-size: 14px;
	color: #494336;
	width: 226px;
	padding-left: 110px;
	height: 60px;
	line-height: 20px;
	margin-top: 6px;
	text-align: justify;
	overflow: hidden;
}
.adv_four p{
	font-size: 14px;
	color: #494336;
	width: 226px;
	padding-left: 110px;
	height:80px;
	line-height: 20px;
	margin-top: 6px;
	text-align: justify;
	overflow: hidden;
}

/*service*/

.service{
	width: 100%;
	height: auto;
	margin-top: 60px;
}
.service_bg{
	max-width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
}
.service_bg img{width:100%;margin:20px 0}
.service_top{
	width: 100%;
	height: 85px;
	overflow: hidden;
	text-align: center;
}
.service_top b{
	font-size: 24px;
	display: inline-block;
	color: #494443;
	/*width: 168px;*/
	border-bottom:  4px solid #e5212b;
	line-height: 42px;
}
.service_top p{
	font-size: 18px;
	color: #494443;
	margin-top: 10px;
}
.service_list{
	width:1000px;
	height: 500px;
	margin-left: 100px;
	margin-top: 80px;
}
.service_list ul{
	width: 100%;
	height: 100%;
	zoom:1;
}
.service_list li{
	float:left;
	width:135px; 
	font-size:19px;
	font-weight:bold; 
	margin-left:152px;
}
.service_list li p{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.service_list li:first-child{margin-left:0;}
.service_list li a{
	color:#494443; 
}
.service_list li a:hover{color:#e89462;}
.service_list li dl{ 
	overflow:hidden; 
	margin-top:34px;
}
.service_list li dl dd{
	font-size:14px;
	line-height:40px;
	font-weight:normal;
	color:#494443;
}

/*link*/
.link{
	width: 100%;
	height:90px;
	margin-top: 60px;
}
.link_bg{
	width: 63%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.link_bg ul{
	width: 100%;
	height: 100%;
}
.link_bg li{
	float: left;
}
.link_bg li p{
	font-size: 16px;
	color: #494443;
}
.link_bg li a{
	font-size: 14px;
	color: #494443;
	display: block;
	padding: 0 20px 0 20px;
	line-height: 22px;
}
.link_bg li a:hover{color: #e89462;}
@media screen and (min-width:1400px) and (max-width:1800px){
	.link_bg{width: 80%;}
}
@media screen and (min-width:1024px) and (max-width:1400px){
	.link_bg{width: 85%;}
}
@media (max-width:1300px) {
    .fuwu_wrap .fuwu_left:hover .fuwu_wenan,
    .fuwu_wrap .fuwu_right:hover .fuwu_wenan{
        padding-top: 40px !important;
    }
}
@media (max-width:1200px) {
    body{
        zoom: 0.9;
    }
    .fuwu_wrap .fuwu_left:hover .fuwu_wenan,
    .fuwu_wrap .fuwu_right:hover .fuwu_wenan{
        padding-top: 40px !important;
    }
}

@media (max-width:1000px) {
    body{
        zoom: 0.8;
    }
    .fuwu_wrap .fuwu_left:hover .fuwu_wenan,
    .fuwu_wrap .fuwu_right:hover .fuwu_wenan{
        padding-top: 20px !important;
    }
}