﻿.zt-online {min-width: 1200px;background-color: #fff;}
.zt-online a {color: #333;}
.w380 {width: 380px;}
.w390 {width: 390px;}
.mL-20 {margin-left: 20px;}

.zt-header {height: 75px;width: 1200px;margin: 0 auto;}
.zt-logo {float: left;width: 182px;height: 75px;}
.zt-logo a {display: block;position: relative;width: 100%;height: 100%;background: url(https://f2.zhizunsf176.com/M00/5A/DA/rBABC2Jp8cyARcksAAAAAAAAAAA6888029.logo_02.png) no-repeat top center;text-indent: -99999em;}
.zt-nav {float: right;}
.zt-nav ul {padding-top: 27px;}
.zt-nav li {line-height: 30px;float: left;padding: 0 15px;border-radius: 50px 50px;background-color: #fff;font-size: 18px;margin-left: 45px;}
.zt-nav li:hover {background-color: #f97d46;}
.zt-nav li:hover a {color: #fff;}

.zt-box-wrap-1 {margin-bottom: 40px;}
.zt-list-1 {position: relative;}
.zt-list-1 ul {height: 550px;position: relative;}
.zt-list-1 ul li {position: absolute;top:0;left:0;height: 100%;width: 100%;z-index: 1;opacity: 0;
transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;	
-moz-transition: all .3s ease 0s;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;	
}
.zt-list-1 ul li.active {z-index: 2;opacity: 1;}
.zt-list-1 ul li a {display: block;position: relative;width: 100%;height: 100%;background-position: top center;background-repeat: no-repeat;}
.zt-list-1 ol {position: absolute;bottom:10px;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);z-index: 2;}
.zt-list-1 ol li {width: 10px;height: 10px;border-radius: 50% 50%;background-color: #fff;display: inline-block;margin: 0 6px;cursor: pointer;}
.zt-list-1 ol li.active {background-color: #ffca27;}

.zt-box-wrap-2 {width: 1200px;margin: 0 auto;}
.zt-title-1 {border-top: 1px #919191 solid;}
.zt-box-3 .zt-title-1 a {color: #fff;}
.zt-title-1 span {font-size: 26px;padding: 0 23px;display: inline-block;height: 60px;line-height: 60px;margin-bottom: 10px;border-top: 4px #f97d46 solid;margin-top: -1px;}
.zt-list-2 {position: relative;}
.zt-list-2 .menu-pic a,.zt-list-2 .menu-pic img {display: block;position: relative;width: 100%;height: auto;}
.zt-list-2 li {border-bottom: 1px #919191 solid;position: relative;padding: 0 75px 0 15px;}
.zt-list-2 li:last-child {border: none;}
.zt-list-2 li .list-title {display: table;height: 86px;font-size: 18px;}
.zt-list-2 li .list-title a {display: table-cell;vertical-align: middle;line-height: 24px;}
.zt-list-2 li .list-title a span {position: relative;}
.zt-list-2 li .list-title a span::after {content: "";width: 5px;height: 5px;background-color: #919191;position: absolute;top:10px;left: -14px;}
.zt-list-2 li.active a,.zt-list-2 li:hover a {font-weight: bold;}
.zt-list-2 .menu-more {position: absolute;bottom: 0px;right:0;font-size: 14px;padding-bottom: 10px;}
.zt-list-2 .menu-more a:hover {text-decoration: underline;}
.zt-list-2-1 {border: 1px #919191 solid;}
.zt-list-2-1 .zt-title-1 {border: none;}
.zt-list-2-1 .zt-title-1 span {margin-bottom: 0;}
.zt-list-2-1 ul {padding: 0 20px 20px;}
.zt-list-2-1 li {border: none;padding: 0 10px 0 15px;}
.zt-list-2-1 li .list-title {height: 66px;}
.zt-list-2-1 .menu-more {right:20px;bottom:10px;}

.zt-box-wrap-2 {margin-bottom: 30px;}
.zt-list-3 {margin-bottom: 30px;}
.zt-list-3 .list-con a {display: block;position: relative;}
.zt-list-3 .list-con .list-video-pic {position: relative;width: 390px;height: 245px;}
.zt-list-3 .list-con .list-pic,.zt-list-3 .list-con .list-pic img {position: relative;width: 100%;height: 100%;display: block;}
.zt-list-3 .list-con .list-btn {width: 44px;height: 44px;position: absolute;top:50%;left:50%;margin-top: -22px;margin-left: -22px;background: url(https://f2.zhizunsf176.com/M00/5A/DA/rBABC2Jp8cyARcksAAAAAAAAAAA6888029.icon-1_09.png) no-repeat;}
.zt-list-3 .list-con .list-title {position: absolute;bottom:0;left: 0;width: 92%;line-height: 24px;padding: 10px 4%;text-align: center;background: rgba(0,0,0,0.6);color: #fff;}
.zt-list-3 .list-con .list-video {display: none;position: absolute;top:0;left:0;width: 390px;height: 245px;background-color: #000;}
.zt-list-3 .list-con .list-video video {display: block;width: 100%;height: 100%;position: relative;}

.zt-banner-wrap-1 {width: 1200px;margin: 0 auto 35px;}
.zt-banner-wrap-1 a,.zt-banner-wrap-1 img {display: block;position: relative;height: auto;width: 100%;}

.zt-box-wrap-3 {height: 670px;background-color: #493a2e;margin-bottom: 40px;}
.zt-box-3 {position: relative;width: 1200px;margin: 0 auto;background: url(https://f2.zhizunsf176.com/M00/5A/DA/rBABC2Jp8cyARcksAAAAAAAAAAA6888029.bg-2_03.png) no-repeat;height: 100%;}
.zt-list-4 .zt-title-1 {position: absolute;top:0;left:0;color: #fff;}
.zt-list-4 .list-pic-box-wrap {position: absolute;top:88px;left:42px;background-color: #9e9797;width: 700px;height: 365px;overflow: hidden;}
.zt-list-4 .list-pic-box {position: relative;width: 100%;height: 100%;}
.zt-list-4 .list-pic-box-wrap ul li {position: absolute;top:0;left:0;height: 100%;width: 100%;z-index: 1;opacity: 0;
transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;	
-moz-transition: all .3s ease 0s;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;	
}
.zt-list-4 .list-pic-box-wrap ul li.active {z-index: 2;opacity: 1;}
.zt-list-4 .list-pic-box-wrap ul li a {display: block;position: relative;width: 100%;height: 100%;background-position: top center;background-repeat: no-repeat;}
.zt-list-4 .list-pic-box-wrap ul li a img {display: block;width: 100%;height: 100%;}
.zt-list-4 .list-pic-box-wrap ol {position: absolute;bottom:10px;left:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);z-index: 2;width: 540px;text-align:  center;}
.zt-list-4 .list-pic-box-wrap ol li {width: 10px;height: 10px;border-radius: 50% 50%;background-color: #fff;display: inline-block;margin: 0 6px;cursor: pointer;}
.zt-list-4 .list-pic-box-wrap ol li.active {background-color: #ffca27;}
.zt-list-4 .bg-eff-1 {width: 161px;height: 365px;background: url(https://f2.zhizunsf176.com/M00/5A/DA/rBABC2Jp8cyARcksAAAAAAAAAAA6888029.bg-eff-1_13.png) no-repeat;position: absolute;top:0;left: 0;z-index: 2;}
.zt-list-4 .bg-eff-2 {width: 161px;height: 365px;background: url(https://f2.zhizunsf176.com/M00/5A/DA/rBABC2Jp8cyARcksAAAAAAAAAAA6888029.bg-eff-2_03.png) no-repeat;position: absolute;top:0;right: 0;z-index: 2;}
.zt-list-4 .list-text-box-wrap {position: absolute;top:486px;left:165px;width: 412px;}
.zt-list-4 .list-text-box-wrap li {opacity: 0;display: none;
}
.zt-list-4 .list-text-box-wrap li.active {display: block;
	animation: myfirstA 1s ease 0s 1 normal;
	-moz-animation: myfirstA 1s ease 0s 1 normal;
	-webkit-animation: myfirstA 1s ease 0s 1 normal;
	-o-animation: myfirstA 1s ease 0s 1 normal;
    animation-fill-mode: forwards;
}
.zt-list-4 .list-text-box-wrap .list-title {line-height: 24px;font-weight: bold;font-size: 18px;margin-bottom: 15px;}
.zt-list-4 .list-text-box-wrap .list-brief {line-height: 24px;font-size: 16px;}
.zt-list-4 .list-text-box {position: relative;}
.zt-list-4 .list-text-box-wrap .menu-more {position: absolute;bottom:-20px;right:-40px;font-size: 14px;}
.zt-list-4 .list-text-box-wrap .menu-more a {color: #fff;}

.zt-list-5 .zt-title-1 {position: absolute;top:88px;left:892px;color: #fff;}
.zt-list-5 .list-pic-box-wrap {position: absolute;top:394px;left:724px;background-color: #9e9797;width: 440px;height: 229px;overflow: hidden;}
.zt-list-5 .list-pic-box {position: relative;width: 100%;height: 100%;}
.zt-list-5 .list-pic-box-wrap ul li {position: absolute;top:0;left:0;height: 100%;width: 100%;z-index: 1;}
.zt-list-5 .list-pic-box-wrap ul li a {display: block;position: relative;width: 100%;height: 100%;background-position: top center;background-repeat: no-repeat;}
.zt-list-5 .list-pic-box-wrap ul li a img {display: block;width: 100%;height: 100%;}
.zt-list-5 .bg-eff-1 {width: 101px;height: 229px;background: url(https://f2.zhizunsf176.com/M00/5A/DA/rBABC2Jp8cyARcksAAAAAAAAAAA6888029.bg-eff-3_06.png) no-repeat;position: absolute;top:0;left: 0;z-index: 2;}
.zt-list-5 .bg-eff-2 {width: 101px;height: 229px;background: url(https://f2.zhizunsf176.com/M00/5A/DA/rBABC2Jp8cyARcksAAAAAAAAAAA6888029.bg-eff-4_06.png) no-repeat;position: absolute;top:0;right: 0;z-index: 2;}
.zt-list-5 .list-text-box-wrap {position: absolute;top:158px;left:892px;width: 307px;}
.zt-list-5 .list-text-box-wrap li {color: #fff;}
.zt-list-5 .list-text-box-wrap li a {color: #fff;}
.zt-list-5 .list-text-box-wrap .list-title {line-height: 24px;font-weight: bold;font-size: 18px;margin-bottom: 20px;padding-left: 15px;}
.zt-list-5 .list-text-box-wrap .list-title::after {content: "";width: 5px;height: 5px;background-color: #919191;position: absolute;top:10px;left: 0px;}
.zt-list-5 .list-text-box-wrap .list-brief {line-height: 24px;font-size: 16px;}
.zt-list-5 .list-text-box {position: relative;}
.zt-list-5 .list-text-box-wrap .menu-more {position: absolute;bottom:-20px;right:0px;font-size: 14px;}
.zt-list-5 .list-text-box-wrap .menu-more a {color: #fff;}

.zt-box-wrap-4 {width: 1200px;margin: 0 auto 40px;}
.zt-list-6 {position: relative;padding-bottom: 20px;}
.zt-list-6 .menu-pic {margin-bottom: 15px;}
.zt-list-6 .menu-pic a,.zt-list-6 .menu-pic img {display: block;position: relative;width: 100%;height: auto;}
.zt-list-6 .list-title {font-size: 18px;line-height: 24px;margin-bottom: 15px;}
.zt-list-6 .list-title a {line-height: 24px;font-weight: bold;}
/* .zt-list-6 a:hover {font-weight: bold;} */
.zt-list-6 .list-brief {line-height: 24px;font-size: 16px;}
.zt-list-6 .menu-more {position: absolute;bottom: 0px;right:0;font-size: 14px;:hover}
.zt-list-6 .menu-more a:hover {text-decoration: underline;}

.zt-list-7 {}
.zt-list-7 {position: relative;}
.zt-list-7 ul {height: 500px;position: relative;}
.zt-list-7 ul li {position: absolute;top:0;left:0;height: 100%;width: 100%;z-index: 1;opacity: 0;
transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;	
-moz-transition: all .3s ease 0s;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;	
}
.zt-list-7 ul li.active {z-index: 2;opacity: 1;}
.zt-list-7 ul li a {display: block;position: relative;width: 100%;height: 100%;background-position: top center;background-repeat: no-repeat;}
.zt-list-7 ul li a img {display: block;position: relative;width: 100%;height: 100%;}
.zt-list-7 ol {position: absolute;bottom:10px;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);z-index: 2;}
.zt-list-7 ol li {width: 10px;height: 10px;border-radius: 50% 50%;background-color: #fff;display: inline-block;margin: 0 6px;cursor: pointer;}
.zt-list-7 ol li.active {background-color: #ffca27;}

.zt-box-wrap-5 {width: 1200px;margin: 0 auto;padding-bottom: 40px;}
.zt-list-8 {position: relative;}
.zt-list-8 ul {height: 400px;position: relative;}
.zt-list-8 ul li {position: absolute;top:0;left:0;height: 100%;width: 100%;z-index: 1;opacity: 0;
transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;	
-moz-transition: all .3s ease 0s;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;	
}
.zt-list-8 ul li.active {z-index: 2;opacity: 1;}
.zt-list-8 ul li a {display: block;position: relative;width: 100%;height: 100%;background-position: top center;background-repeat: no-repeat;}
.zt-list-8 ul li a img {display: block;position: relative;width: 100%;height: 100%;}
.zt-list-8 ol {position: absolute;bottom:10px;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);z-index: 2;}
.zt-list-8 ol li {width: 10px;height: 10px;border-radius: 50% 50%;background-color: #fff;display: inline-block;margin: 0 6px;cursor: pointer;}
.zt-list-8 ol li.active {background-color: #ffca27;}

.zt-list-2-1 .zt-title-1 {}
.zt-list-2-1 .zt-title-1 span {width: 150px;text-align: center;padding: 0;}

@keyframes myfirstA
{
0%   {transform: rotate(0deg) scale(1,1) translate(0,20px);opacity: 0;}
100%   {transform: rotate(0deg) scale(1,1) translate(0,0px);opacity: 1;}
}

@-moz-keyframes myfirstA
{
0%   {transform: rotate(0deg) scale(1,1) translate(0,20px);opacity: 0;}
100%   {transform: rotate(0deg) scale(1,1) translate(0,0px);opacity: 1;}
}

@-webkit-keyframes myfirstA
{
0%   {transform: rotate(0deg) scale(1,1) translate(0,20px);opacity: 0;}
100%   {transform: rotate(0deg) scale(1,1) translate(0,0px);opacity: 1;}
}

@-o-keyframes myfirstA
{
0%   {transform: rotate(0deg) scale(1,1) translate(0,20px);opacity: 0;}
100%   {transform: rotate(0deg) scale(1,1) translate(0,0px);opacity: 1;}
}