﻿.updown a {
	position: absolute;
	bottom: 20px;
	right: 50px;
	z-index: 99;
	opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	color: #fff;
	font : normal 400 20px/1 'Josefin Sans', sans-serif;
	letter-spacing: .1em;
	text-decoration: none;
	transition: opacity .3s;
}
.updown a:hover {opacity: .3;-moz-opacity: .3;-webkit-opacity: .3;}
#s .s-icon {
	padding-top: 60px;
}
#s .s-icon span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 30px;
	height: 50px;
	margin-left: -15px;
	border: 2px solid #fff;
	border-radius: 50px;
	box-sizing: border-box;
}
#s .s-icon span::before {
	position: absolute;
	top: 10px;
	left: 50%;
	content: '';
	width: 6px;
	height: 6px;
	margin-left: -3px;
	background-color: #fff;
	border-radius: 100%;
	-webkit-animation: sdb10 2s infinite;
	animation: sdb10 2s infinite;
	box-sizing: border-box;
}
@-webkit-keyframes sdb10 {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		-webkit-transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@keyframes sdb10 {
	0% {
		transform: translate(0, 0);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

/*subbanner*/
.subbanner{background-position: center top;background-repeat: no-repeat;background-size: cover;}
.subbanner{max-height: 500px;}

.sub-nav{position:absolute;height: 50px;top: -30px;left:50%;background-color: #fff;width: 1200px;margin-left: -600px;
-webkit-box-shadow: 0 12px 40px 6px rgba(1, 94, 171, 0.1);
box-shadow: 0 12px 40px 6px rgba(1, 94, 171, 0.1);}

.sub-nav li{float: left}
.sub-nav li a{display: block;line-height: 50px;text-align: center;font-size: 16px;color: #333;padding: 0 30px;border-right: 1px solid #efefef;text-decoration: none;}
.sub-nav li a:hover,.sub-nav li a.cur{background-color:#da3232;color: #fff;}


/*当前位置*/
.location {
	font-size: 14px;
	line-height: 40px;
	color: rgba(130,96,89,0.6);
	text-align: right;
	position: relative;
	border-bottom: 1px solid #ebe3de;
	margin: 0 auto;	
}
.location .icon-weizhi1{font-size: 1.8em;}
.location .icon-jiantou5{font-size: 0.7em;padding: 25px 0;}
.location a {
	color: rgba(130,96,89,0.6);
	text-decoration: none;
}
.location a:hover {
	color: rgba(130,96,89,0.9);
	text-decoration: underline;
}




/*工程案例*/
.case{background-image: url(../images/bg.jpg);background-color: #e8e8e8; height: 650px;padding-top: 30px;}
.case .casenav{display: flex;display:-webkit-flex;justify-content:center;flex-wrap: wrap;width: 850px;margin: 0 auto;}
.case .casenav li{width: 18%;margin: 0 1%; }
.case .casenav li a{display: block;color:#72372d;font-size: 14px;line-height: 40px;overflow: hidden;border: 1px solid rgba(130,96,89,0.3);text-align: center;text-decoration: none;position:relative;}
.case .casenav li a:hover,.case .casenav .active a{background-color: #da3232;color: #fff;}
#caselist{width:1200px;margin: 50px auto 0 auto;
display: flex;
display:-webkit-flex;
justify-content:flex-start;
flex-wrap: wrap;
-webkit-flex-direction:row;
flex-direction: row;
}
#caselist .item{width:255px;height:250px;margin:20px auto;background-color:#fff;
	-webkit-box-shadow: 1px 0 25px rgba(130,96,89,0.08);
	box-shadow: 1px 0 25px rgba(130,96,89,0.08);}
#caselist .item a{color:#333;display: block;position:relative;width:100%;height:100%;}
#caselist .item a h3{width:100%;font-size:16px;line-height:40px;text-align: center;font-weight:200;z-index:2;position: absolute;bottom:0px;left:0;}
#caselist .item a .img{width: 235px;height: 190px;overflow: hidden;z-index:3;position: absolute;top:10px;left:10px; }
#caselist .item a .img{background-repeat: no-repeat;background-size:cover;background-position: center center;}
#caselist .item a .img i{font-size:4rem;color: #fff;position: absolute;width:40px;height: 40px;text-align: center;left:50%;margin-left: -20px;top:-50%;margin-top: -20px;z-index: 10;  }
#caselist .item a .img:after{
	content: '';
	width: 235px;height:0;
	position: absolute;
	background-color:rgba(0,0,0,0.6);
	bottom:0px;left:0px;
	transition:all 0.5s;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    -ms-transition:all 0.5s;
}
#caselist .item:hover{
transform:translateY(-10px);-webkit-transform:translateY(-10px);
-webkit-box-shadow: 20px 0 40px rgba(0,0,0,0.08);
box-shadow: 20px 0 40px rgba(0,0,0,0.08);}
#caselist .item a:hover .img{}
#caselist .item a:hover .img:after{height: 190px;}
#caselist .item a:hover .img i{top:50%;}
#caselist .item a:hover h3{color: #da3232;}

.owl-theme .owl-controls .owl-buttons div{position:absolute;top:120px;margin:0;padding:0;background-color:transparent;overflow:hidden;_display:none;}
.owl-theme .owl-controls .owl-buttons .owl-prev,.owl-theme .owl-controls .owl-buttons .owl-next{width: 40px;height:40px;background-color:#826059;font-size:30px;font-family:宋体; line-height:35px; }
.owl-theme .owl-controls .owl-buttons .owl-prev{left:-60px;}
.owl-theme .owl-controls .owl-buttons .owl-next{right:-60px;}
.owl-theme .owl-controls .owl-buttons .owl-prev:before{content:"<";}
.owl-theme .owl-controls .owl-buttons .owl-next:before{content:">";}


/* 业务范围 */
.business{background-image: url(../images/service_bg.jpg);background-color: #826059; height: 650px;padding-top: 30px;}
.business .business-list{width: 1200px;margin:0 auto;display: flex;display:-webkit-flex;justify-content:center;flex-wrap: wrap;}
.business .business-list .business-list-l{width: 580px;height: 400px;}
.business .business-list .business-list-r{width: 600px;height: 400px;margin-left: 20px;}
.business .business-list .fw{width: 100%;height: 100%;background-image: url(../images/fw-img.jpg);background-repeat: no-repeat;margin: 0;padding: 20px;}
.business .business-list .fw h4{font-size: 30px;font-weight: 800;color: #333333;}
.business .business-list .fw h5{font-size: 14px;color: #826059;text-transform: uppercase;font-family:Arial, "sans-serif";margin-bottom: 50px;position: relative;}
.business .business-list .fw h5:after{
	position: absolute;
	content: '';
	left:0px;top:22px;
	width: 30px;height: 6px;border-radius: 6px;
	background-color: #da3232;
}
.business .business-list .fw p{font-size: 14px;color: #888;line-height: 22px;width: 50%;margin-bottom: 50px;}
.business .business-list .fw .more{width: 120px;line-height: 35px;background-color: #da3232;border: none;font-size: 14px;color: #fff;margin: 0;border-radius:0;}
.business .business-list .fw .more:hover{background-color: #84625b;border-radius:20px;}
.business .business-list .fw-list{width:100%;height:100%;display: flex;display:-webkit-flex;justify-content:center;flex-wrap: wrap;}
.business .business-list .fw-list li{width: 290px;height: 190px;margin:0 20px 20px 0;}
.business .business-list .fw-list li:nth-child(2n){margin:0 0 20px 0;}
.business .business-list .fw-list li a{display: block;position: relative;overflow: hidden; width: 100%;height: 100%;}
.business .business-list .fw-list li a:after{
	content: '';
    background-color: rgba(0,0,0,0.4);
	width: 100%;height: 35px;
	position: absolute;
	left:0px;bottom:0;
	z-index: 1;
	transition:all 0.5s;
    -webkit-transition:all 0.5s; /* Safari and Chrome */
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    -ms-transition:all 0.5s;
}
.business .business-list .fw-list li a img{width: 100%;position: relative;z-index: 10px;}
.business .business-list .fw-list li a h4{position: absolute;width: 100%;top: 138px;left:0;z-index: 11;padding: 15px;color: #fff;}
.business .business-list .fw-list li a p {position: absolute;width: 100%;top: 200px;left:0;z-index: 11;padding: 15px;color: #fff;}
.business .business-list .fw-list li a:hover img{}
.business .business-list .fw-list li a:hover h4{top:0px;}
.business .business-list .fw-list li a:hover p{top: 40px;}
.business .business-list .fw-list li a:hover:after{height: 100%;background-color: rgba(0,0,0,0.6);}

/* 新闻中心 */
.news{background-image: url(../images/bg2.jpg);background-color:#fff;height: 650px;padding-top: 60px;}
.news .news-title{width:1200px;margin: 0 auto;position: relative; background-image: url(../images/jt2.png);background-repeat:no-repeat;background-position: right bottom;}
.news .news-title h2{color: #826059;font-size: 30px;font-weight: 800;padding: 0;margin: 0;position: relative;}
.news .news-title h2:after{
    content: '';
    background-color: #da3232;
	width: 30px;height: 6px;border-radius: 6px;
	top:-15px;left:0;
	position: absolute;}
.news .news-title h3{color: rgba(130,96,89,0.3);font-size: 14px;font-family:Arial, "sans-serif";text-transform: uppercase;padding: 0;margin:10px 0 0 0;}
.news-nav{width:210px;margin:0 auto 50px;position: absolute;right: 25px;top:0;}
.news-nav li{width:100px;float: left;margin-right:10px;}
.news-nav li:nth-child(2){margin-right:0px; }
.news-nav li a{display: block;text-align: center;line-height: 34px;;font-size:14px;color:#333;border:1px solid rgba(130,96,89,0.3);}
.news-nav li a:hover,.news-nav li .cur{background-color:#da3232;color:#fff;text-decoration: none }
.newsdiv{width: 1200px;margin: 50px auto;}
.news .news-img{width: 384px; height: 396px; float: left;
background-color: rgba(255,255,255,0.5);padding: 10px;	
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.04);
box-shadow: 0 0 10px rgba(0,0,0,0.04);}
.news .news-img a{display: block;}
.news .news-img a .img{width: 362px;height: 300px;overflow: hidden;background-size: cover;}
.news .news-img a .img img{width: 100%;}
.news .news-img a .title{height: 80px;width: 100%;}
.news .news-img a .title h3{font-size:15px;color:#333;text-align: center;padding: 0 30px;line-height: 22px;}
.news .news-img:hover{
	-webkit-box-shadow: 1px 0 30px rgba(0,0,0,0.08);
	box-shadow: 1px 0 30px rgba(0,0,0,0.08);}
.news .news-img a:hover{text-decoration: none;}
.news .news-img a:hover .title h3{text-decoration: none;color: #826059;}
.news .news-img a:hover .img img{transform:scale(1.2);-webkit-transform:scale(1.2);}
.news .newslist{width:786px;float: right;}
.news .newslist li{height: 115px;overflow: hidden;margin-bottom: 25px;background-color:rgba(255,255,255,0.5);padding: 10px 20px 20px 20px;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.04);
	box-shadow: 0 0 10px rgba(0,0,0,0.04);}
.news .newslist li a{display: block;position: relative;padding-left:100px;}
.news .newslist li a h4{font-size:16px;color: #333; }
.news .newslist li a p{font-size:12px;color: #A4A2A2;width: 80%;display: block;}
.news .newslist li a .time{position: absolute;background-color: #826059; width: 72px;height: 72px;left: 0;top:0px;padding: 6px 10px 0 10px;text-align: left;
font-size:18px;color: #f6f1ec;font-weight:normal;}
.news .newslist li a .time span{display: block;text-align: left;font-size: 14px;line-height: 30px;}
.news .newslist li:hover{transform:translateY(-10px);
	-webkit-transform:translateY(-10px);
	-webkit-box-shadow: 1px 0 40px rgba(0,0,0,0.08);
	box-shadow: 1px 0 40px rgba(0,0,0,0.08);}
.news .newslist li a:hover{	text-decoration: none;}
.news .newslist li a:hover h4{color: #da3232;}
.news .newslist li a:hover .time{background-color:#da3232;color: #fff;}
.news .newslist li a:hover .time span{color: #fff;}


/* 关于我们 */
.about{background-color:#fff;padding-top: 50px;}
.about .about-cont{width: 1200px;margin:0 auto;}
.about .about-title{margin:30px 0 30px 0;}
.about .about-title h2{font-size: 26px;color: #826059;font-weight: 200;padding: 0;margin:0 0 10px 0;letter-spacing: 1px;position: relative;}
.about .about-title h2:after{
    content: '';
    background-color: #da3232;
	width: 30px;height: 6px;border-radius: 6px;
	top:-15px;left:0;
	position: absolute;}
.about .about-title h3{padding: 0;margin: 0;font-size: 14px;text-transform: uppercase;color: rgba(130,96,89,0.3);font-family:Arial, "sans-serif";}
.about .about-cont .about-txt{font-size: 14px;line-height: 25px;color: #666;margin-bottom: 50px;padding: 0 60px 0 0;}
.about .about-cont .more{width: 120px;line-height: 35px;border: 1px solid rgba(130,96,89,0.3);margin: 0;border-radius:0;font-size: 14px;color:#826059; }
.about .about-cont .more i{color: #826059;}
.about .about-cont .more:hover{background-color: #84625b;border-radius:20px; color: #fff;}
.about .about-cont .more:hover i{color: #fff;}


/*合作伙伴*/
.client{padding-top: 80px;}
.client .title{text-align:center;position: relative;}
.client .title h2{text-align:center;font-size: 26px;color: #826059;padding: 0;margin: 0;position: relative;}
.client .title h2:after{
	content:'';
	width:100px;
	height:1px;
	background-color: rgba(136,96,89,0.2);
	display:block;
	position:absolute; left:50%;margin-left:60px;bottom:-30px;
	}
.client .title h2:before{
	content:'';
	width:100px;
	height:1px;
	background-color: rgba(136,96,89,0.2);
	display:block;
	position:absolute; right:50%;margin-right:60px; bottom:-30px;
	}
.client .title h3{text-align:center;font-size: 14px;text-transform: uppercase; color: rgba(136,96,89,0.4);padding: 10px 0;margin: 0;position: relative;}
.client .title:after{
    position: absolute;
	content: '';
	left:50%;margin-left: -15px;top:70px;
	width: 30px;height: 6px;border-radius: 6px;
	background-color: #da3232;
}
#partner{display: flex;display:-webkit-flex;justify-content:center;max-width:1100px;width: 96%; margin: 50px auto;padding: 0;}
#partner .owl-wrapper-outer{margin:0 auto;}
#partner .item{height:60px;margin:0 8px; }
#partner .item a{color:#333;display: block;width:100%;height:100%;border:1px solid #efefef;}
#partner .item a img{width:150px; height:50px; display: block;margin: 0 auto;}
#partner .item a:hover img{}
#partner .item a:hover {background-color:#fff;
-webkit-box-shadow: 1px 0 30px rgba(0,0,0,0.1);
box-shadow: 1px 0 30px rgba(0,0,0,0.1);}

/*sub-about*/
.sub-about{width: 100%;height: 100%;}
.sub-about .w1200{display: flex;display:-webkit-flex;justify-content:center;flex-wrap: wrap;}
.sub-about .about-main{width: 1200px;margin: 0 auto;}
.about-info{width: 100%; padding: 10px 0 60px 0; background-image: url(../images/about-3.png); background-repeat: no-repeat;background-position: right bottom;}
.about-info .about-img{width: 28%;max-width: 458px;}
.about-info .about-text{width: 72%;}
.about-info .about-text p{font-size: 14px;line-height: 25px;color: #666;}

.about-case{width: 100%;padding: 60px 0; background-color: #fbf9f7; background-image: url(../images/about-4.png); background-repeat: no-repeat;background-position: left bottom;}
.about-case p{font-size: 16px;line-height: 25px;color: #333; }
.about-case .about-case-list{padding: 50px 0;width: 1200px;}
.about-case .about-case-list .item{width: 25%;position: relative;}
.about-case .about-case-list .item img{margin: 0 auto;width: 235px;height: 196px;display: block;
-webkit-box-shadow: 10px 0 25px rgba(0,0,0,0.2);
box-shadow: 10px 0 25px rgba(0,0,0,0.2);}
.about-case .about-case-list .item span{display: block;position: absolute;z-index: 10;text-align: center; left:50%;margin-left:-117.5px;bottom: 0;  width: 235px;line-height: 40px;background-color: rgba(0,0,0,0.5);color: #f6f1ec; }

.about-xm{width: 100%;padding: 60px 0;}
.about-xm p{font-size: 16px;line-height: 30px;color: #333; }
.about-xm .w1200{width: 1200px;margin: 10px 0 60px 0; }
.about-xm .about-xm-list{
	width: 32%;margin-right:2%;
	background-color: rgba(255,255,255,0.5);
    -webkit-box-shadow: 0 0 40px rgba(0,0,0,0.05);
    box-shadow: 0 0 40px rgba(0,0,0,0.05);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 20px;}
.about-xm .about-xm-list:nth-child(3){margin-right: 0;}
.about-xm .about-xm-list h4{
	background-color: #da3232;
	line-height: 40px;
	display: block;
	color: #fff;
	padding-left: 20px;
	width: 90%;
	position: relative;}
.about-xm .about-xm-list h4:after{
	position: absolute;
	content: '';
	width: 0;
    height: 0;
	right:-20px;
	top:0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #da3232;}
.about-xm .about-xm-list h4:before{
	position: absolute;
	content: '';
	width: 0;
    height: 0;
	right:-20px;
	bottom:0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 30px solid #da3232;
}
.about-xm .about-xm-list ul{}
.about-xm .about-xm-list ul li{display: block;line-height: 30px;color: #666;position: relative;padding-left: 20px;}
.about-xm .about-xm-list ul li:after{
    content: '';
	position: absolute;
	left:0;top:10px;
    background-color: #ddd3cf;
    width:10px;height: 10px;border-radius: 50%;-webkit-border-radius: 50%;
}

.about-us{padding: 60px 0;background-image: url(../images/about-6.png); background-repeat: no-repeat;background-position: right bottom;}
.about-us .about-img{width: 50%;}
.about-us .about-text{width: 50%;padding:20px 0 0 80px;font-size: 16px;color: #666;line-height: 35px;}

/*内页-联系我们*/
.sub-contact {width: 1200px;margin: 0 auto;}
.sub-contact .title{font-size: 20px;color: #826059;line-height: 60px;border-bottom: 1px solid #eaeaea;width:100%;position: relative }
.sub-contact .title:after{content: '';position: absolute;bottom: 0;left:0;width: 80px;height:5px;background-color:#b29d97;  }
.sub-contact .sub-contact-info{width: 600px;margin-right: 100px;}
.sub-contact .sub-contact-info .txt{padding:30px 0 10px 0; }
.sub-contact .sub-contact-info .txt p{font-size: 16px;color: #333;padding-left: 50px;position: relative;display: block;line-height: 50px;}
.sub-contact .sub-contact-info .txt i{font-size: 1.5em;color:#b29d97;position: absolute;left:0;top:0;}

.sub-contact .sub-contact-message{width: 500px;}
.sub-contact .sub-contact-message .form{padding:30px 0 10px 0; }
.sub-contact .sub-contact-message .form label{display: block;width: 100%;margin-bottom: 10px;}
.sub-contact .sub-contact-message .form input[type="text"],.sub-contact .sub-contact-message .form input[type="tel"]{width: 100%;height: 40px;border: none;background-color: #fff;font-size: 14px;font-weight: 200;text-indent: 10px;}
.sub-contact .sub-contact-message .form textarea{width: 100%;height: 80px;border: none;background-color: #fff;font-size: 14px;font-weight: 200;text-indent: 10px;}
.sub-contact .sub-contact-message .form input[type="submit"]{border:1px solid #cac8c8;text-align: center;background-color: #faf8f5;line-height: 35px;width: 120px;font-weight:100;color: #826059;font-size: 14px; }
.sub-contact-maps{width: 1200px;margin: 60px auto 60px auto;}
.sub-contact-maps{
	-webkit-box-shadow: 0 13px 42px 8px rgba(0, 0, 0, 0.05);
    box-shadow: 0 13px 42px 8px rgba(0, 0, 0, 0.05);
}

/*sub-business*/
.sub-business{padding:0; background-image: url(../images/bg3.jpg);background-repeat: no-repeat;background-position:left bottom;}
.sub-business-list{width: 1200px;margin: 0 auto;}
.sub-business-list ul{width: 100%;padding: 50px 0;}
.sub-business-list ul li{height: 380px;width: 1000px; background-color: #fff;position:relative;
    -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.05);
    box-shadow: 0 0 25px rgba(0,0,0,0.05);
}
.sub-business-list ul li:hover{
    -webkit-box-shadow: 0 0 45px rgba(0,0,0,0.08);
    box-shadow: 0 0 45px rgba(0,0,0,0.08);
	-webkit-transform:translate3d(0, -20px, 0);
	transform:translate3d(0, -10px, 0)
}
.sub-business-list ul li:hover .img img{
	transform:scale(1.2,1.2);
	-webkit-transform:scale(1.2,1.2);
}

.sub-business-list ul li .img{width: 400;height: 280px;position: absolute;top: 50%;margin-top: -140px;overflow: hidden;
    -webkit-box-shadow: 10px 35px rgba(0,0,0,0.1);
    box-shadow: 10px 0 35px rgba(0,0,0,0.1);
}
.sub-business-list .left{margin: 0 0 60px auto}
.sub-business-list .left .img{left:-200px;}
.sub-business-list .left .txt{padding: 140px 80px 0 260px;}
.sub-business-list .left .txt h4{left:90px;top:65px;}
.sub-business-list .left .txt .more{margin: 0 0 0 auto;}
.sub-business-list .right{margin: 0 auto 60px 0}
.sub-business-list .right .img{right:-200px;}
.sub-business-list .right .txt{padding: 140px 200px 0 80px;}
.sub-business-list .right .txt h4{right:90px;top:65px;}
.sub-business-list .right .txt p{padding-right: 50px;}
.sub-business-list .right .txt .more{margin: 0 auto 0 0;}

.sub-business-list ul li .img img{width: 400;height: 280px;}
.sub-business-list ul li .txt{}
.sub-business-list ul li .txt h4{width: 268px;background-color: #da3232;line-height: 46px;text-align: center;color: #fff;position: absolute;}
.sub-business-list ul li .txt p{font-size: 16px;line-height: 32px;color: #666;}
.sub-business-list ul li .txt .more{border: 1px solid #dbd0ce;padding: 6px 0;display: block;width:110px;text-align: center;
font-size: 14px;color: #87655e;}
.sub-business-list ul li .txt .more i{font-size: 1.6rem;}
.sub-business-list ul li .txt .more:hover{background-color: #84625b;border-radius:20px; color: #fff;text-decoration: none;}
.sub-business-list ul li .txt .more:hover i{color: #fff;}

/*sub-case*/
.sub-case{background-image: url(../images/bg5.jpg);background-position: right bottom;background-repeat: no-repeat;padding:20px 0 60px 0;}
.caselist{margin: 0 auto;flex-wrap: wrap;}
.caselist .item{
	width:23.5%;height:250px;background-color:#fff;margin: 0 2% 2% 0;
	-webkit-box-shadow: 1px 0 25px rgba(130,96,89,0.08);
	box-shadow: 1px 0 25px rgba(130,96,89,0.08);

}
.caselist .item:nth-child(4n){margin: 0 0 2% 0;}
.caselist .item a{color:#333;display: block;position:relative;width:100%;height:100%;}
.caselist .item a h3{width:100%;font-size:16px;line-height:40px;text-align: center;font-weight:200;z-index:2;position: absolute;bottom:0px;left:0;}
.caselist .item a .img{width:Calc(100% - 20px);height: 190px;overflow: hidden;z-index:3;position: absolute;top:10px;left:10px; }
.caselist .item a .img{background-repeat: no-repeat;background-size:cover;background-position: center center;}
.caselist .item a .img i{font-size:4rem;color: #fff;position: absolute;width:40px;height: 40px;text-align: center;left:50%;margin-left: -20px;top:-50%;margin-top: -20px;z-index: 10;  }
.caselist .item a .img:after{
	content: '';
	width: 100%;height:0;
	position: absolute;
	background-color:rgba(0,0,0,0.6);
	bottom:0px;left:0px;
	transition:all 0.5s;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    -ms-transition:all 0.5s;
}
.caselist .item:hover{
transform:translateY(-10px);-webkit-transform:translateY(-10px);
-webkit-box-shadow: 20px 0 40px rgba(0,0,0,0.08);
box-shadow: 20px 0 40px rgba(0,0,0,0.08);}
.caselist .item a:hover .img{}
.caselist .item a:hover .img:after{height: 190px;}
.caselist .item a:hover .img i{top:50%;}
.caselist .item a:hover h3{color: #da3232;}

/*showcase*/
.showcase{width:1200px;margin: 0 auto; display: flex;display:-webkit-flex;justify-content:left;flex-wrap: wrap;}
.showcase .showimg{width: 50%; background-color:#fff;padding: 10px;box-shadow: 1px 0 25px rgba(130,96,89,0.08);}
#showimg{height: 450px;}
.showcase .showimg ul{}
.showcase .showimg ul li{position: relative;}
.showcase .showimg ul li span{position: absolute;display: block;letter-spacing: 1px;
width: 100%;line-height: 40px;background-color: rgba(0,0,0,0.4);color: #fff;font-size:16px;z-index: 99;
bottom: 0;left:0;padding-left: 30px;}
.showcase .showimg ul li img{width: 580px;height: 380px;}
.showcase .showtxt{width: 50%;padding: 0 0 0 60px;}
.showcase .showtxt .cont{width: 100%; font-size: 16px;line-height: 28px;color: #666;height: 450px;overflow: auto;letter-spacing: 1px}
.showcase .showtxt .cont p{margin: 15px 0;}
.showcase .showtxt .title{}
.showcase .showtxt .title{
	background-color: #da3232;
	line-height: 40px;
	display: block;
	color: #fff;
	padding-left: 20px;
	width: 30%;
	font-size: 20px;font-weight: 800;margin-bottom: 10px;
	position: relative;}
.showcase .showtxt .title:after{
	position: absolute;
	content: '';
	width: 0;
    height: 0;
	right:-20px;
	top:0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #da3232;}
.showcase .showtxt .title:before{
	position: absolute;
	content: '';
	width: 0;
    height: 0;
	right:-20px;
	bottom:0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 30px solid #da3232;
}
.showinfo{width: 100%;display: flex;display:-webkit-flex;justify-content:left;flex-wrap: wrap;margin: 0 0 30px 0;}
.showinfo h2{color: #826059;font-size: 35px;line-height: 50px;position: relative}
.showinfo h2 span{font-size: 16px;padding-left: 20px;color: #999;}
.showinfo h2:after{
	content: '';
    background-color: #da3232;
	width: 30px;height: 6px;border-radius: 6px;
	top:-10px;left:0;
	position: absolute;}
.showlist{padding: 30px 0;width: 50%;}
.showlist h3{font-size: 20px;color: #826059;font-weight:800 ; line-height: 30px;}
.showlist h3 i{font-size:2rem; }
.showlist a{font-size:14px;padding:2px 10px 2px 2px;color:#826059;border:1px solid rgba(130,96,89,0.3);display:inline-block;margin:0 4px 6px 0}
.showlist a i{font-size: 2rem;color:#da3232;}
.showlist a:hover{text-decoration: none;}
.showlist a:hover{color: #da3232;border: 1px solid #da3232;}
.qtlist{width: 1200px;margin: 0 auto;}
.qtlist h2{color: #826059;font-size: 30px;line-height: 50px;position: relative}
.qtlist h2:after{
	content: '';
    background-color: #da3232;
	width: 30px;height: 6px;border-radius: 6px;
	top:-10px;left:0;
	position: absolute;}

/*sub-news*/
.sub-news{background-image: url(../images/bg4.jpg);background-position: right bottom;background-repeat: no-repeat;padding:20px 0 60px 0;}
.sub-news .newslist{padding-bottom: 50px;padding-top: 30px;width: 1200px;margin: 0 auto;}
.sub-news .newslist li{margin-bottom: 20px;height: 120px;background-color: #fff;}
.sub-news .newslist li a{display: block;position:relative;padding: 15px 250px 15px 150px; }
.sub-news .newslist li a .info{}
.sub-news .newslist li a .info h3{font-size: 18px;color: #333;margin-bottom: 10px;}
.sub-news .newslist li a .info p{font-size: 14px;color: #999;line-height: 22px;}
.sub-news .newslist li a .img{width:130px;height: 80px;overflow: hidden;position: absolute;right:20px;top:20px;background-size: cover;}
.sub-news .newslist li a .img img{width: 100%;}
.sub-news .newslist li a .time{position: absolute;width: 73px;height: 73px;left:25px;top:25px;border:1px solid #efefef;padding: 10px;text-align: center;font-size:14px;color: #826059; font-family:'Roboto', sans-serif;font-weight: 300; background-color: #efefef;}
.sub-news .newslist li a .time span{display: block;text-align: center;font-size: 40px; line-height: 30px;margin-bottom:10px;font-family:'Roboto', sans-serif;font-weight: 300;}
.sub-news .newslist li a:hover{text-decoration : none }
.sub-news .newslist li a:hover .info h3{color: #da3232;}
.sub-news .newslist li a:hover .time{background-color: #826059; color:#fff; }
.sub-news .newslist li a:hover .time span{color: #fff;}
.sub-news .newslist li:hover{-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
transform:translateY(-10px);-webkit-transform:translateY(-10px);}



.shownews{width: 90%; max-width:1200px;margin: 0  auto 50px;background-color: #fff;padding: 20px;-webkit-box-shadow: 1px 0 30px rgba(0,0,0,0.02);box-shadow: 1px 0 30px rgba(0,0,0,0.02);}
.shownews .shownews-title{font-size:26px;text-align: center;border-bottom: 1px solid #efefef;margin-bottom: 1px;padding: 20px 0;color: #da3232;}
.shownews .shownews-info{background-color: #f9f9f9;height: 35px;line-height: 35px;text-align: center;font-size:12px;color: #888;margin-bottom: 30px; }
.shownews .shownews-info span{padding:0 12px; }
.shownews .shownews-info i{font-size: 1.6em!important;padding-right: 2px; }
.shownews .shownews-cont{font-size:14px;line-height: 25px;color:#444;margin-bottom: 30px;border-bottom: 1px solid #efefef;padding-bottom: 20px; }



.sub-cont{width: 90%; max-width:1200px; margin: 0 auto;padding: 30px 0;}
.sub-cont h2{font-size:20px;font-weight: 800; display: block;background-color: #237ac1; color: #fff; padding: 10px;margin-bottom: 30px;  -webkit-box-shadow: 0 5px 20px 0 rgba(35, 122,193, 0.3);box-shadow: 0 5px 20px 0 rgba(35, 122,193, 0.3);}
.sub-cont ol{list-style-type: decimal!important;}
.sub-cont li{margin-bottom: 10px;display: block;padding: 10px;border: 1px solid #f0f0f0;font-size: 14px;
line-height: 22px;-webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.02);box-shadow: 1px 1px 0 rgba(0,0,0,0.02);background-color: #fff;list-style-type: decimal!important;}
.sub-cont li:nth-child(2n){}

/*update*/
.update{width: 50%;text-align: center; margin:0 auto;padding: 50px 0;letter-spacing: 3px; font-size:18px;color:rgba(130,97,89,0.5); }
.update i{display: block;margin:0 auto;font-size:10rem;color:rgba(130,97,89,0.2);line-height: 90px; }

.zs{padding: 30px 0;margin: 0 auto;}
.zs ul{display: flex;display:-webkit-flex;justify-content:center;flex-wrap: wrap;margin:30px 0;}
.zs ul li{
	width: 32%;
	margin-right: 2%;
	display: block;
	background-color: #fff;
	padding: 20px;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
.zs ul li:nth-child(3n){margin-right: 0;}
.zs ul li img{width: 100%;}
.zs ul li:hover{-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.08);box-shadow: 0 0 40px rgba(0, 0, 0, 0.08);transform:translateY(-10px);-webkit-transform:translateY(-10px);}
.zs ul:nth-child(2) li{width: 49%;margin-right: 2%;}
.zs ul:nth-child(2) li:nth-child(2n){margin-right: 0;}
.zs ul:nth-child(5) li{width: 49%;margin-right: 2%;}
.zs ul:nth-child(5) li:nth-child(2n){margin-right: 0;}

/*20221021*/
.honor-ul{flex-wrap: wrap;align-items: flex-start;}
.honor-ul li{width: 32%;margin-right: 2%;margin-bottom: 2%;padding: 20px;background-color: #fff;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
.honor-ul li:nth-child(3n){margin-right: 0;}
.honor-ul li img{width: 100%;}