@charset "utf-8";

*{ margin:0; padding:0;}
body{  width:100%; padding: 0; margin: 0 auto;}
ul li{ list-style:none; padding:0; margin:0;}
img{ border:0; margin:0; padding:0;}
h1,h2,h3{ font-weight:normal;}
a{ text-decoration:none;}
a:hover{text-decoration:none;}
.clearfix{clear:both;}


#main_pc{
	width: 100%;
	color: #424441;
	
}
.banner{
    background:url(/zt/2017sp/images/banner.jpg) no-repeat center;
	height: 900px;
	position:relative;

}
.banner a{
	left:25%;
    position: absolute;
	bottom:20%;
}

.zt-link{
    display: block;
	background: #e44dec;
	border-radius:50px;
    font-size: 26px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    width: 260px;
	color:#fff;
}
.zt-link:hover{
	background:#ff4200;
	color: #fff;
}

.title{
	width:1080px;
	margin:0 auto 20px;
	text-align:center;
	font-size:30px;
}
.title strong{
	font-size: 50px;
	color:#e44dec;
	font-weight: normal;
}
.title span{
	text-transform: uppercase;
	display:block;
	font-size:14px;
	color:#cccccc;
}

.part{
	margin: 60px auto 0;
}
.part1{
	width: 1080px;
}
.l-zt-con1{
	float:left;
	width: 570px;
}
.r-zt-con1{
	float:left;
	width: 500px;
	margin-left: 10px;
	margin-top: 100px;
}
.r-zt-con1 p{
	font-size: 18px;
	line-height: 30px;
}
.r-zt-con1 span{
	display: block;
	padding-left: 10px;
	margin-top: 20px;
	font-size: 14px;
	color: #cccccc;
	line-height: 22px;
	border-left: 2px solid #dedede;
	text-transform: uppercase;
}

.part2{
	background: #f6f6f6;
	padding: 30px 0;
}
.zt-con2{
	width:1264px;
	margin: 50px auto;
	position:relative;
}
.swiper-container1{
	width: 1080px;
	margin: 0 auto;
}
.swiper-slide1 span{
	display: block;
	border: 4px solid #e44dec;
	width: 250px;
	height: 540px;
	padding:40px 35px;
}
.swiper-slide1 span h3{
	font-size: 20px;
	text-align: center;
	margin-bottom: 40px;
}
.swiper-slide1 span p{
	font-size: 14px;
	line-height: 22px;
	margin: 30px 0;
	height: 130px;
}
.swiper-slide1 span img{
	display: block;
	margin-left: -10px;
}
div.btn1{
    background:url(/zt/2017sp/images/l-arrow.jpg) no-repeat;
	width: 61px;
	height: 183px;
	left: 0;
	right: auto;
}
div.btn2{
    background:url(/zt/2017sp/images/r-arrow.jpg) no-repeat;
	width: 61px;
	height: 183px;
	right: 0;
	left: auto;
}
.zt-button{
	width: 260px;
	margin: 0 auto;
}

.zt-con3{
	width:1100px;
	margin: 0 auto;
}
.zt-con3-a{
	text-align: center;
	font-size: 16px;
}
.zt-con3-b{
	margin-top: 60px;
}
.zt-con3-b dl h3{
	border-left:2px solid #e44dec;
	padding-left: 8px;
	font-size: 16px;
	color: #e44dec;
	margin: 20px 0;
}
.zt-con3-b dl h3 strong{
	display: block;
	font-size: 20px;
}
.zt-con3-b dl dt{
	float: left;
	margin-left:15px;
}

.part4{
	background: url(/zt/2017sp/images/bg1.jpg) no-repeat center;
	height: 701px;
	padding: 60px 0;
}
#tabimg{ 
	width:1080px; 
	margin:100px auto 40px;
	border: 3px solid #424441;
	position: relative;
}
#menu{
	width: 860px;
	margin: 0 auto;
	position: absolute;
	top: -60px;
	left: 130px;
}
#menu ul li{
	list-style:none;
	cursor: pointer;
}
#menu .category{
	margin:0;
	height:60px;
	text-align:center;
}
#menu .label{ 
	border: 1px solid #424242;
	background:#424242;
	float:left;
	width:122px;
	height:100px; 
	text-align:center; 
	font-size:16px; 
	color:#FFFFFF; 
	margin:0 5px;
	padding-top: 22px;
}
#menu .label-selected{
	border: 1px solid #ff5e24;
	height: 100px;
}
#menu .label img{
	height: 55px;
	text-align: center;
}
#menuContent{
	background: url(/zt/2017sp/images/bg3.jpg) no-repeat center;
	height: 398px;
	
}
#menuContent .category-1{
	position:relative;
}
#menuContent .category-1 dl{
	position: absolute;
	top: 130px;
	left: 50px;
	display:block;
	width:1000px;
}
.category dl dt h3{
	border-left: 2px solid #e44dec;
	padding-left: 5px;
	font-size: 20px;
	color: #e44dec;
	margin-bottom: 20px;
}
.category dl dt h3 span{
	font-size: 12px;
	display: block;
	text-transform: uppercase;
}
.category dl dt p{
	margin-bottom: 10px;
}
#menuContent .category dl dt{
	float: left;
	width: 326px;
}
#menuContent .category{
	position:relative;
}
#menuContent .category dl{
	position: absolute;
	top: 130px;
	left: 50px;
	display:block;
	width:1000px;
}
#menuContent .category dl dt{
	float: left;
	width: 326px;
}
#menuContent .category{
	position:relative;
}


.zt-con5{
	width: 1080px;
	background: url(/zt/2017sp/images/bg2.jpg) no-repeat center;
	height: 713px;
	margin: 0 auto;
	position: relative;
}
.zt-con5-a{
	position: absolute;
	left: 100px;
}
.zt-con5-b{
	position: absolute;
	left: 100px;
	bottom: 50px;
}
.zt-con5-c{
	position: absolute;
	right: 100px;
	top: 130px;
}
.zt-con5-zi p{
	font-size: 20px;
	color: #e44dec;
	font-weight: lighter;
	margin: 10px 0;
}
.zt-con5-zi span{
	font-size: 16px;
}

.part6{
	background: url(/zt/2017sp/images/bg3.jpg) no-repeat center;
	height: 663px;
	padding: 60px 0;
}
.zt-con6{
	background: url(/zt/2017sp/images/bg4.png) no-repeat center;
	width: 1077px;
	height: 497px;
	margin:50px auto;
	position: relative;
}
.zt-con6 p{
	width: 460px;
	position: absolute;
	bottom: 30px;
	right: 20px;
	font-size: 16px;
}
.zt-con6 p span{
	display: block;
	font-size: 12px;
	color: #cccccc;
	margin-top: 20px;
	text-transform: uppercase;
}

.zt-con7{
	width: 1080px;
	margin: 0 auto;
}
.zt-con7 dl dt{
	width: 521px;
	float: left;
	margin: 0 6px;	
}

.part8{
	background: url(/zt/2017sp/images/bg5.jpg) no-repeat center;
	height: 734px;
	padding: 60px 0;
}
.zt-con8 ul{
    width: 1080px;
    margin:50px auto;
}
.zt-con8 li{
    float: left;
    width: 320px;
    height: 548px;
    margin-right: 60px;
    position: relative;
}
.zt-con8 li:hover dl{
    display: block;
    cursor: default;
}
.zt-con8 li dl{
    width: 320px;
    height: 548px;
    display: none;
    background-color: #ffa278;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 55px;
    color: #fff;
}
.zt-con8 li dt{
    text-align: center;
    margin-bottom: 40px;
    font-size: 34px;
    font-weight: bold;
}
.zt-con8 li dt strong{
    font-weight: lighter;
    font-size: 22px;
}
.zt-con8 li dt span{
    width: 25px;
    height: 5px;
    display: block;
    margin: 5px auto 0;
    background-color: #ffffff;
}
.zt-con8 li dd{
    margin-bottom: 20px;
    text-align: left;
    font-size: 14px;
    line-height: 1.6;
	text-align: center;
}
/*
     FILE ARCHIVED ON 22:13:09 Dec 07, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:32:34 May 13, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 1.204
  exclusion.robots: 0.093
  exclusion.robots.policy: 0.068
  esindex: 0.024
  cdx.remote: 42.617
  LoadShardBlock: 163.211 (3)
  PetaboxLoader3.datanode: 102.682 (4)
  PetaboxLoader3.resolve: 89.356 (2)
  load_resource: 85.738
*/