@charset "utf-8";
.index-module,
.backcolor {width: 100%;min-width: 1150px;}
i.bor {
	display: block;
	width: 100%;
	min-width: 1150px;
	height: 1px;
	background: #e8e8e8
}
a.more,a.more:before {
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-ms-transition: all .3s ease-in;
	transition: all .3s ease-in
}
a.more {
	position: absolute;
	top: 14px;
	right: 0;
	display: block;
	width: 88px;
	height: 33px;
	text-align: center;
	line-height: 35px;
	color: #666;
	border: 1px solid #ededed;
	overflow: hidden;
	border-radius: 35px;
}
a.more:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 33px;
	background: #323233;
	border-color: #323233;
	z-index: -1
}
a.more:hover {color: #fff}
a.more:hover:before {width: 88px}
.nowhite a.more{color: rgba(255,255,255,.6);border-color:rgba(255,255,255,.6);}
/* 关于我们 */
.about-content a.more{position: relative;margin-top: 70px;}

.index_title{position: relative;}
.index_title i.bort{display: none;width:25px;height:2px;background:#dbdbdb;}
.about-usezan .index_title h3,
.contact-usezan .index_title h3,
.news-usezan .index_title h3,
.partner-usezan .index_title h3,
.service-usezan .index_title h3,
.team-usezan .index_title h3,
.work-usezan .index_title h3 {color: #333}
.about-usezan .index_title span,
.contact-usezan .index_title span,
.news-usezan .index_title span,
.partner-usezan .index_title span,
.service-usezan .index_title span,
.team-usezan .index_title span,
.work-usezan .index_title span {color: #282828;}
/* 背景色 */
.about-usezan .nowhite .index_title h3,
.contact-usezan .nowhite .index_title h3,
.news-usezan .nowhite .index_title h3,
.partner-usezan .nowhite .index_title h3,
.service-usezan .nowhite .index_title h3,
.team-usezan .nowhite .index_title h3,
.work-usezan .nowhite .index_title h3 {color: #fff}
.about-usezan .nowhite .index_title span,
.contact-usezan .nowhite .index_title span,
.news-usezan .nowhite .index_title span,
.partner-usezan .nowhite .index_title span,
.service-usezan .nowhite .index_title span,
.team-usezan .nowhite .index_title span,
.work-usezan .nowhite .index_title span {color: #fff}
.about-usezan .nowhite .index_title i.bort,
.contact-usezan .nowhite .index_title i.bort,
.news-usezan .nowhite .index_title i.bort,
.partner-usezan .nowhite .index_title i.bort,
.service-usezan .nowhite .index_title i.bort,
.team-usezan .nowhite .index_title i.bort,
.work-usezan .nowhite .index_title i.bort {background: rgba(255,255,255,.5);}
/* ====我们的服务 */
.service-usezan ul li{float: left;width: 328px;height: auto;padding: 20px; margin: 0 20px 0 0;text-align: center; border: 1px solid #f0f0f0;
	transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
}
.service-usezan ul li:last-child{margin-right: 0;}
.service-usezan ul li img{max-width: 100px;max-height: 100px;overflow: hidden;}
.service-usezan ul li h5 a{color: #323232;}
.service-usezan ul li i{display:block;width:25px;height:2px;margin: 10px auto 20px; background:#dbdbdb;}
.service-usezan ul li p{color: #969696;}
.service-usezan ul li:hover{box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1); margin-top:-5px;}
/* 背景色 */
.service-usezan .nowhite ul li{border-color: rgba(255,255,255,.5);}
.service-usezan .nowhite ul li,
.service-usezan .nowhite ul li h5{color: #fff;}
.service-usezan .nowhite ul li i{background: rgba(255,255,255,.5);}
.service-usezan .nowhite ul li p{color: rgba(255,255,255,.7) !important;}
/* ===== 产品、案例 (默认3个) */
.work-usezan ul li{
	width: 370px;
	height: auto;
	float: left;
	margin-right: 20px;
	overflow: hidden;
}
.work-usezan ul li .img{
	position: relative;
	display: block;
	width: 370px;
	height: 100%;
	overflow: hidden;
}
.work-usezan ul li img{
	display: block;
	width: 370px;
	height: auto;
	opacity: 1 !important;/* 防止赖加载模糊 */
	transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
}
.work-usezan ul.number3 li img.y-img,
.work-usezan ul.number4 li img.y-img{width: 60px !important;height: 60px !important;margin: 0 auto;}

.work-usezan ul li h5 a{color: #333;}
.work-usezan ul li p{padding-bottom: 30px;color: #888;}
.work-usezan ul li:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
/* 4个 */
.work-usezan ul.number4 li{width: 270px;margin-right: 24px;}
.work-usezan ul.number4 li .img{width: 270px;}
.work-usezan ul.number4 li img{width: 270px;}
/* 存在背景 */
.work-usezan .nowhite .title a{color: #fff;}
.work-usezan .nowhite .title p{color: rgba(255,255,255,.6);}

/* ===== 关于我们 */
.about-usezan .about-content{height:370px;overflow: hidden;}
.about-usezan .index-about-intro{color: #666 !important;line-height: 24px !important;}
.about-content .about-left{position: relative; max-width:460px;height:370px;overflow:hidden;}
.about-content .about-left p{line-height:24px;}
.about-content img.thumb{max-width:595px;height:370px;}
/* 背景色 */
.about-usezan .nowhite .about-content{color:rgba(255,255,255,.8);}
.about-usezan .nowhite .index-about-intro{color:rgba(255,255,255,.8) !important;}
.about-usezan .nowhite .about-content i.bort{background: rgba(255,255,255,.5);}

/* ===== 团队 Team */
.team-usezan .bd ul li {
	float: left;
	position: relative;
	width: 368px;
	height: auto;
	text-align: center;
	margin: 45px 20px 20px 0;
	transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
}
.team-usezan .bd ul li .tema-pic{position: absolute;top: -53.5px;left: 50%;width: 119px;height: 119px;margin: 0 0 0 -59.5px;}
.team-usezan .bd ul li .tema-pic img{display: block;width: 107px;height: 107px;border: 6px solid #f0f0f0;border-radius: 150px;background: #fff;}
.team-usezan .bd ul li .team-right{width: 100%;height: 290px;background: #fff;border: 1px solid #f0f0f0;}
.team-usezan .bd ul li .team-right .enname{color: #282828;padding-top: 105px;}
.team-usezan .bd ul li .team-right .cnname{color: #a1a1a1;padding: 10px 0 20px;}
.team-usezan .bd ul li .team-right i{display: block;width: 34px;height: 2px;background: #eaeaea;margin: 0 auto;;}
.team-usezan .bd ul li .team-right .descri{padding: 10px 25px;color: #888;}
.team-usezan .bd ul li:hover {box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1); margin-top:38px;}

/* ===== 新闻资讯 */
.news-usezan ul li{float:left;margin-right:20px;border:1px solid #ebebeb;padding: 20px;}
.news-usezan ul.number2 li,
.news-usezan ul.number2 li img{width: 520px;}
.news-usezan ul.number3 li,
.news-usezan ul.number3 li img{width: 328px;}
.news-usezan ul.number4 li,
.news-usezan ul.number4 li img{width: 230px;}
.news-usezan ul li a.imgnews{display: block;width: 100%;height: 100%;overflow: hidden;}
.news-usezan ul li img{height: auto;-webkit-transition: all .4s ease-in;-moz-transition: all .4s ease-in;
	-ms-transition: all .4s ease-in;transition: all .4s ease-in;}
.news-usezan ul li span{margin: 5px 0;}
.news-usezan ul li .news-detail h5 a,
.news-usezan ul li span{color: #666;}
.news-usezan ul li .remark p{color: #999;}
.news-usezan ul li:hover img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2)}
/* 背景颜色 */
.news-usezan .nowhite ul li{border-color: rgba(240,240,240,.1);}
.news-usezan .nowhite ul li .news-detail h5 a,
.news-usezan .nowhite ul li .remark p,
.news-usezan .nowhite ul li span{color:rgba(255,255,255,.8);}
.news-usezan .nowhite .hd a{border-color: rgba(224,224,224,.4)}

/* ===== 联系我们 */
.index-contact{position: relative;max-height: 429px;padding: 35px 40px;border: 1px solid #f0f0f0;overflow: hidden;}
.contact-usezan .bd{width: 490px;}
.contact-usezan p.intro{color: #888;}
.contact-usezan ul li{float: left;width: 100%;height: 58px;padding: 20px 10px 0 0;}
.contact-usezan ul li i{float: left;display: inline-block;width: 51px;height: 51px;margin-right: 9px;
	background: url(../images/contact.png) no-repeat 0 0}
.contact-usezan ul li h5{color: #555}
.contact-usezan ul li:nth-of-type(2) i{background-position: 0 -95px}
.contact-usezan ul li:nth-of-type(3) i{background-position: 0 -199px}
.index-contact span.exp{position: absolute;top: -35px;left: 50%; display: block;width: 1px;min-height: 452px;background: #f0f0f0;}
.form-action{width: 490px;}
.contact-usezan .form-action li{width: 100%;float: left;border-bottom: 1px solid #e8e8e8;margin-bottom: 30px;}
.contact-usezan .form-action li.textarea,
.contact-usezan .form-action li:nth-of-type(3){margin-right: 0}
.contact-usezan .form-action li label {color: #fff}
.contact-usezan .form-action input[type=text]{width:99%;padding-left:5px;height:36px;border: 0}
.contact-usezan .form-action li.textarea {width:100%}
.contact-usezan .form-action textarea {width:100%;height:70px;border:0;outline:0;resize: none}
.contact-usezan .form-action input[type=submit] {float:left; position:relative;display:block;width:140px;height:40px;text-align:center;
	line-height:40px;cursor:pointer;z-index:999;font-size:12px;color:#fff;background:#595959;border-radius:35px;border:0;}
/* 背景 */
.contact-usezan .nowhite .index-contact{border-color: rgba(255,255,255,.1);}
.contact-usezan .nowhite .index-contact span.exp{background: rgba(255,255,255,.1);}
.contact-usezan .nowhite ul li{border-color:rgba(0,0,0,.1)}
.contact-usezan .nowhite p.intro{color: rgba(255,255,255,1);}
.contact-usezan .nowhite ul li i{float:left;display:inline-block;width:51px;height:51px;margin-right:9px;background:url(../images/contact-1.png) no-repeat 0 0}
.contact-usezan .nowhite ul li:nth-of-type(2) i{background-position:0 -100px}
.contact-usezan .nowhite ul li:nth-of-type(3) i{background-position:0 -199px}
.contact-usezan .nowhite ul li h5,.contact-usezan .nowhite ul li p{color:#fff}
.contact-usezan .nowhite ul li:nth-of-type(2){border-width:1px 0}
.contact-usezan .nowhite .form-action li.textarea{width:100%;border-bottom:0}
.contact-usezan .nowhite .form-action textarea{width:100%;height:35px;border:0;outline:0;resize:none}
.contact-usezan .nowhite .form-action input[type=submit]{
	background:transparent;
	color: #fff;
	display:block;
	width:245px;
	height:47px;
	margin:0 auto;
	border-radius:40px;
	text-align:center;
	line-height:47px;
	border:1px solid #f0f0f0;
	cursor:pointer;
	-webkit-transition:all .3s ease-in;
	-moz-transition:all .3s ease-in;
	-ms-transition:all .3s ease-in;
	transition:all .3s ease-in;
	border-color:rgba(255,255,255,.4);
}
.contact-usezan .nowhite .form-action input[type=submit]:hover{background:#323233;color:#fff;border-color:#323233}
/* ===== 合作伙伴 */
.partner-usezan .bd{width: 105%;}
.partner-usezan .bd ul li{float: left;width: 215px;height: 135px;margin-top:18px;margin-right: 18px;overflow: hidden;}
.partner-usezan .bd ul li img{position: absolute;left: 0%;top: 0;width: 213px;height: 133px;border: 1px solid #f0f0f0;}
/* 自定义广告 */
ads-container {min-width: 1150px;width: 100%;height: 100%;height: auto;background: #000;overflow: hidden;}
.ads-slide {position: relative;}
.ads-intro {position: absolute;overflow: hidden;}
#ads-center{width:1150px;margin: 0 auto;}
/* 视频 */
.usezan-video{width: 100%;height: 100%;position: relative;overflow: hidden;}
.bgvideo {display:block;position:absolute;top:0;left:50%;min-width:100%;min-height:100%;
	object-fit:cover;transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);
    -moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);
    -o-transform:translate(-50%, 0);z-index: 10;}
source{min-width:100%;min-height:100%;height:auto;width:auto;}
.video-intro{position: absolute;z-index: 100;}