@charset "utf-8";
@font-face {
  font-family: 'Gotham'; 
  src: url('../fonts/Gotham.eot');
  src: url('../fonts/Gotham.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham.woff2') format('woff2'), url('../fonts/Gotham.woff') format('woff'), url('../fonts/Gotham.otf') format('truetype'), url('../fonts/Gotham.svg#glyphicons_halflingsregular') format('svg');
}

* { font-family: "Gotham","Microsoft Yahei"!important;}

/* CSS Document */
.fl{ float:left;}
.fr{ float:right;}

.zhuanti{ padding:0; overflow:hidden;}

.ztban{ height:800px;}
.ztban .banwz{ padding:300px 0 0 125px; }
.ztban .banwz h3{ font-size:60px; color:#ffffff; line-height:1.2;}
.ztban .banwz p{ font-size:24px; font-weight:normal; color:#ffffff; margin-bottom:100px;}


.ztban .banwz h3{ position: relative;opacity: 0;top:-20px;
-webkit-transition: 0.3s 0.3s ease-in-out;-o-transition: 0.3s 0.3s ease-in-out;transition: 0.3s 0.3s ease-in-out;}
.ztban .swiper-slide-active .banwz h3{top: 0;	opacity: 1;}

.ztban .banwz p{ position: relative;opacity: 0;top:-20px;
-webkit-transition: 0.3s 0.5s ease-in-out;-o-transition: 0.3s 0.5s ease-in-out;transition: 0.3s 0.5s ease-in-out;}
.ztban .swiper-slide-active .banwz p{top:0;opacity: 1;}

.ztban .banwz .buttons{position: relative; opacity: 0;top:-20px;
-webkit-transition: 0.3s 0.8s ease-in-out;-o-transition: 0.3s 0.8s ease-in-out;transition: 0.3s 0.8s ease-in-out;
}
.ztban .swiper-slide-active .banwz .buttons{top:0; opacity: 1;}

 

.ztban .swiper-pagination{bottom:20px;}
.ztban .swiper-pagination-bullets .swiper-pagination-bullet{width: 14px;height: 14px;background:none;border: 2px solid #fff;opacity: 1;margin: 0 8px;}
.ztban .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #fff;}


.tit01{ text-align:center; margin-top:75px;}
.tit01 h2{ font-size:36px; color:#000000;}
.tit01 p{ font-size:16px; color:#494848;}


.bolist{ overflow:hidden; padding:0 3.5%; margin:40px 0 70px 0;}
.bolist .boli{ margin-right:2%; width:18.4%; float: left;}
.bolist .boli .img{ position:relative; background:#000000;}
.bolist .boli .img img{ display:block; width:100%;opacity:0.5;}
.bolist .boli .img h3{ font-size:24px; line-height:1; color:#ffffff; position:absolute; top:50%; margin-top:-12px; width:100%; text-align:center;}
.bolist .boli .txt{ margin-top:35px;}
.bolist .boli .txt p{ font-size:14px; line-height:24px; color:#494848; font-weight:normal;}
.bolist .boli .txt span{ color:#a59483; font-size:14px;}
.bolist .boli .txt span i{ font-style:normal; font-family:SimSun!important;}


.prodlist{ overflow: hidden;}
.prodli{ overflow:hidden; height:530px;}
.prodli .img{ width:50%; height:100%;}
.prodli .txt{ width:50%; padding:70px; background:#e4dfda; height:100%;}
.prodli .txt h3{ color:#8a7766; font-size:36px; line-height:80px; margin-top:20px; font-family: "Microsoft Yahei"!important;}
.prodli .txt p{ font-size:16px; line-height:36px; color:#494848; margin-bottom:35px;}

.yslist{ overflow:hidden; padding:70px 0; position:relative;}
.ystiten{ position:absolute; bottom:110px;  right:0; }
.ystiten img{ height:150px;}
.yslist .ysli{ width:24%; margin-left:7%; float:left;}
.yslist .ysli .litop{ overflow:hidden; font-weight:bold; line-height:1; overflow: hidden;}
.yslist .ysli .litop .num{ color:#a59483; font-family:Impact!important; font-size:48px; float:left;}
.yslist .ysli .litop .tit{ color:#000000; font-size:30px; margin-left:10px; float:left; margin-top:12px;}
.yslist .ysli  p{ color:#565656; font-size:14px; line-height:24px; margin-top:20px; height:120px;}


.zycase{ overflow:hidden; background:#a59483;}
.zcli{  float:left; width:33.33%; position:relative;}
.zcli img{ width:100%; display:block;}
.zcli .tit{ display:block; position:absolute; left:0; bottom:0; color:#ffffff; font-size:18px; line-height:56px; padding-left:30px;}

.zytit{ padding:70px 70px 0 70px;}
.zytit h3{ color:#ffffff; font-size:48px;}
.zytit p{ color:#ffffff; font-size:14px; line-height:30px; margin-bottom:30px;}

.ztabout{ padding:70px 70px 0 70px;}
.zt_content{ overflow:hidden; margin-bottom:110px; }
.zt_content .img{ width:50%; height:410px;}
.zt_content .txt.fl{padding-right:5%;}
.zt_content .txt.fr{padding-left:5%;}

.zt_content .txt{ width:50%; }
.zt_content .txt .abt01{ color:#000000; font-size:28px; line-height:1.2; padding:20px 0; font-weight:bold; }
.zt_content .txt .abt01 b{ font-family: "Microsoft Yahei"!important; }
.zt_content .txt .ainfo p{ color:#565656; font-size:18px; line-height:2; margin-bottom:20px; text-align:justify; }
.zt_content .txt .ainfo .p02{ color:#000000; font-weight:bold;}
.zt_content .txt .ainfo .p02 span{ color:#a59483; font-size:24px; font-family:Impact!important; font-weight:normal;}


.abt02{ position:relative; margin-bottom:10px;}
.abt02 img{ height:90px;}
.abt02 .cn{ color:#000000; font-size:36px; font-weight:bold; position:absolute; left:0; bottom:0;}
.abt02 .en{ font-family:Impact!important; font-size:120px; line-height:1; color:#f4f2f0;}


.zt_videomain{ background:#000000 url(../images/videobj.jpg) no-repeat center center; background-size:cover; position:relative;}
.ztvideo{ opacity: 0; height:100%; width:100%; margin:0 auto; display:block; }
.ztvideo.show{opacity:1;}
.zt_videomain .play { display: block; position: absolute; width: 64px; height: 64px; top: 50%; margin-top: -32px; left: 50%; margin-left: -32px; background: url(../images/zt_video.png) no-repeat center center; background-size:100%; z-index: 1; outline: none; border: none; cursor: pointer; opacity:1; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}

.zt_videomain .video_logo{ position:absolute;left:145px; top:85px;}
.zt_videomain .video_logo img{ width:100%; display:block;}
.zt_videomain .video_info{ position:absolute; bottom:60px; left:0; padding:0 40px; width:100%;}
.zt_videomain .video_info .video_copy{ color:#ffffff; font-size:14px; font-weight:bold; line-height:45px;}

.zt_videomain .video_info .fenx{}
.zt_videomain .video_info .fenx a{ float:left; margin:0 10px;}
.zt_videomain .video_info .fenx a img{ width:45px; display:block;}


.zt_message{ overflow:hidden; padding:70px 7%;}
.zt_message .mli{ float:left; width:25%; text-align:center;}
.zt_message .mli .tit{display: block; font-size: 17px; color: #a39382; line-height: 1; margin-top: 21px;}
.zt_message .mli p{ display: block; font-size: 17px; color: #666; margin:15px 0 30px 0;}
.zt_message .mli .icon{ width:50px; height:50px; display:block; margin:0 auto;}
.zt_message .mli .contact-icon1{background:url(../images/icons.png) no-repeat 0px -106px;height:50px;padding-left:52px;}
.zt_message .mli .contact-icon2{background:url(../images/icons.png) no-repeat 0px -156px;height:50px;padding-left:52px;}
.zt_message .mli .contact-icon3{background:url(../images/icons.png) no-repeat 0px -206px;height:50px;padding-left:52px;}
.zt_message .mli .contact-icon4{background:url(../images/icons.png) no-repeat 0px -256px;height:50px;padding-left:52px;}


.ztfoot{ text-align:center; background:#f4f2f0; padding:25px 0; }
.ftinfo{ color:#666666; font-size:14px; line-height:30px;}
.ftinfo span{ margin:0 20px;}
.ftinfo a{ color:#a59483; font-weight:normal;}
.ftinfo a:hover{ text-decoration:underline;}

@media screen and (max-width: 1440px){
.zt_content .txt .abt01{ font-size:26px;} 

}

@media screen and (max-width: 1200px){

.ztban{ height:520px;}
.ztban .banwz{ padding:160px 0 0 50px; }
.ztban .banwz h3{ font-size:50px; }
.ztban .banwz p{ font-size:20px;  margin-bottom:70px;}


.tit01{ margin-top:60px;}
.tit01 h2{ font-size:28px; }
.tit01 p{ font-size:14px;}


.bolist{  margin:35px 0 60px 0;}
.bolist .boli .img h3{ font-size:20px; margin-top:-10px; }
.bolist .boli .txt{ margin-top:30px;}


.prodli{ height:480px;}
.prodli .txt{ padding:60px; }
.prodli .txt h3{ font-size:28px; line-height:70px; margin-top:0;}
.prodli .txt p{ font-size:14px; line-height:28px;  margin-bottom:30px;}


.yslist{ padding:60px 0; }
.ystiten{ bottom:100px; }
.ystiten img{ height:125px;}
.yslist .ysli .litop .num{  font-size:40px;}
.yslist .ysli .litop .tit{ font-size:24px; margin-left:10px; margin-top:12px;}
.yslist .ysli  p{ height:144px;}


.zycase{ }
.zcli .tit{  font-size:16px; line-height:48px; padding-left:25px;}

.zytit{ padding:50px 20px 0 50px;}
.zytit h3{ font-size:32px;}
.zytit p{ margin-bottom:20px; line-height:1.8;}


.ztabout{ padding:60px 60px 0 60px;}
.zt_content{ margin-bottom:90px; }
.zt_content .img{ height:410px;}

.zt_content .txt .abt01{  font-size:24px;}
.zt_content .txt .ainfo .p02 span{ font-size:20px; }
.zt_content .txt .ainfo p{ font-size:16px; }


.abt02{ margin-bottom:10px;}
.abt02 img{ height:70px;}
.abt02 .cn{ font-size:28px; }
.abt02 .en{ font-size:100px; }

.aritco-button { padding: 0 40px 0 30px;}
.cta-button{line-height: 40px; height: 40px;}
.arrow-button span:after{ top:17px;}

.zt_message{ padding:50px 0;}
.zt_message .mli .tit{disfont-size: 16px; margin-top: 15px;}
.zt_message .mli p{  font-size: 14px; margin:12px 0 25px 0;}


.zt_videomain .video_logo {
    left: 80px;
    top: 60px;
}
}

@media screen and (max-width: 1024px){

.zytit{ padding:30px 10px 0 30px;}
.zytit h3{ font-size:28px; margin-bottom:10px;}
.zytit p{ margin-bottom:15px; font-size:12px; }

}

@media screen and (max-width: 768px){

.ztban .banwz{ padding:180px 0 0 0; text-align:center; }
.ztban .banwz h3{ font-size:32px; }
.ztban .banwz p{ font-size:18px;  margin-bottom:60px;}


.tit01{ margin:50px 20px 0 20px;}
.tit01 h2{ font-size:24px; }


.bolist{  margin:25px 0 25px 0;}
.bolist .boli{ width:48%; margin:0 1% 20px 1%;}



.prodli{ height:auto;}
.prodli .img{ width:100%; height:320px;}

.prodli .txt{ padding:40px; width:100%; height:auto; }
.prodli .txt h3{ font-size:24px; line-height:1; margin-top:0;}
.prodli .txt p{ margin-bottom:20px;}



.yslist{ padding:20px 2% 0 2%;}
.yslist .ysli{ width:46%; margin:0 2%;}
.ystiten{ display:none;}
.yslist .ysli .litop .num{  font-size:32px;}
.yslist .ysli .litop .tit{ font-size:18px; margin-left:8px; margin-top:10px;}
.yslist .ysli p{ margin-top:10px;}


.zcli{ width:100%;}
.zytit{ text-align:center; padding:20px;}
.zytit h3{ font-size:24px;}
.zcli .tit{ text-align:center; padding:0; width:100%;}

.ztabout{ padding:20px 20px 0 20px;}
.zt_content{ margin-bottom:40px;}
.zt_content .img{ width:100%; height:320px;}
.zt_content .txt{ width:100%;}
.zt_content .txt.fr{ padding:0;}
.zt_content .txt .abt01{ font-size:20px;}
.zt_content .txt .ainfo p{ font-size:14px; }


.abt02 .cn{ font-size:24px; }
.abt02 .en{ font-size:80px; }
.abt02{ margin-top:20px;}
.abt02 img{ height:60px;}

.zt_message{ padding:20px 0;}
.zt_message .mli{ width:50%; padding:20px 0; }

.zt_videomain .video_info{ position:static; overflow:hidden; padding:0 20px;}
.zt_videomain .video_info .video_copy{ text-align:center; width:100%;} 

.zt_videomain .video_info .fenx{ text-align:center; width:100%;}
.zt_videomain .video_info .fenx a { float:none; display: inline-block;}
.zt_videomain .video_info .fenx a img{ width:30px;}

.zt_videomain .video_logo { width:70px;
    left: 20px;
    top: 20px;
}

.zt_videomain .play{ width:48px; height:48px; margin-left:-24px;}
}

@media screen and (max-width: 480px){
.ztban .banwz h3{ font-size:28px;}

.yslist .ysli{ width:100%; padding:20px; margin:0;}
.yslist .ysli p{ height:auto;}

.prodli .txt{ padding:20px;}

.ztfoot{padding:20px;}
.ftinfo{ line-height:1.8; text-align:left;}
.ftinfo br{ display:none;}
.ftinfo span{ margin:0; display:block;}

.zt_content .img{ width:100%; height:210px;}

}




/*案例弹窗*/
.modal-bg-black{display: none;position: fixed;width: 100%;height: 100%;top:0;left:0;bottom:0;right:0;z-index: 1000;background-color: #000;}
.case-modal{display: none;position: fixed;width: 100%;height: 100%;top:0;left:0;z-index: 1001;font-size: 0;text-align: center;}
.case-modal img{display: inline-block;max-width: 100%;max-height: 100%;vertical-align: middle;-webkit-transition: 0.5s 0.3s ease-out;-o-transition: 0.5s 0.3s ease-out;transition: 0.5s 0.3s ease-out;}
.case-modal:before{display: inline-block;content: "";width: 0;height: 100%;vertical-align: middle;}
.case-modal p{position: absolute;display: block;width: 100%;height: 60px;text-align: center;line-height: 60px;font-size: 18px;color: #fff;background-color: rgba(0,0,0,0.6);bottom:0;left:0;z-index: 1002;}

@media screen and (max-width: 640px) {
.case-modal p{height: 40px;line-height: 40px;font-size: 16px;}
}

.case-modal .btn{position: fixed;display: block;width: 40px;height: 60px;border-radius: 5px;text-align: center;line-height: 60px;font-size: 40px;font-family: "Simsun"!important;font-weight: 100;color: #fff;top:50%;margin-top: -30px;background-color: #333;background-color: rgba(0,0,0,0.6);z-index: 1003; padding:0!important;}

@media screen and (max-width: 640px) {
.case-modal .btn{width: 30px;height: 46px;line-height: 46px;font-size: 24px;}
}

.case-modal .btn.prev{left:10px;}
.case-modal .btn.next{right:10px;}

.case-modal .close-btn{display: block;	position: fixed;width: 40px;height: 40px;border-radius: 50%;background: #333 url(../images/close-white.png) no-repeat center;background: rgba(0,0,0,0.6) url(../images/close-white.png) no-repeat center;-webkit-background-size: 20px 20px;background-size: 20px 20px;top: 10px;right: 10px;-webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;
}

@media screen and (max-width: 640px) {
.case-modal .close-btn{-webkit-background-size: 16px 16px;background-size: 16px 16px;}
}

.case-modal .close-btn:hover{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}


.modal-bg{

	display: none;

	position: fixed;

	width: 100%;

	height: 100%;

	top:0;

	left:0;

	bottom:0;

	right:0;

	z-index: 1000;

	background-color: #333;

	background-color: rgba(0,0,0,0.8);

}

.hot-line-modal{
	display: block;
	position: fixed;
	z-index: 1000;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	opacity: 0;
	z-index: -1000;
}

.hot-line-modal.show{
	opacity: 1;
	z-index: 1000;
}

.hot-line-modal .model-box{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 0 10px;
}

.hot-line-modal .hot-line-body{ 
	position: absolute;
	display: block;
	background-color: #fff;
	text-align: center;
	top:50%;
	margin-top: -86px;
	left:50%;
	margin-left: -146px;
	opacity: 0;
	-webkit-transform: translateY(20px) perspective(600px) rotateX(10deg);
	-ms-transform: translateY(20px) perspective(600px) rotateX(10deg);
	-o-transform: translateY(20px) perspective(600px) rotateX(10deg);
	transform: translateY(20px) perspective(600px) rotateX(10deg);
	-webkit-transition: all 0.3s  ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.diangw{ position:relative; overflow:hidden; position:relative;padding: 50px;}
.model-box .close-btn {
    z-index: 99999;
    display: block;
    position: absolute;
    width: 30px;
    top: 10px;
    right: 10px;
    height: 30px;
    outline: none;
    border: none;
    background: url(../images/icon-close.png) no-repeat center;
    cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

@media screen and (max-width:768px) {

	.hot-line-modal .hot-line-body{
		width: 96%;
		left:0;
		margin-left: 2%;
	}

}

.hot-line-modal.show .hot-line-body{
	opacity: 1;
	-webkit-transform: translateY(0px) perspective(0px) rotateX(0deg);
	-ms-transform: translateY(0px) perspective(0px) rotateX(0deg);
	-o-transform: translateY(0px) perspective(0px) rotateX(0deg);
	transform: translateY(0px) perspective(0px) rotateX(0deg);
}

.hot-line-modal .hot-line-body h4{
	font-size: 35px;
	font-weight: bold;
	color: #a39382;
}
.hot-line-modal .hot-line-body h4 a{color: #a39382; }

.hot-line-modal .hot-line-body p{
	display: block;
	font-size: 18px;
	color: #666;
}