@charset "UTF-8";
.main{ position: relative; background: url(20ha_tz_bg1.jpg) no-repeat center bottom; background-size: cover; height: 8.68rem;}

#menu{ position: absolute; z-index: 9;}
/* .logo,.footer,.arrow,#menu{ position: absolute; z-index: 9;}
.logo{ right: 4%; text-align: right; top: .65rem;}
.logo a{ display: inline-block;}
.footer{ right: 4%; text-align: right; bottom: .65rem; color: #ffffff;}
.footer span{ margin-left: .12rem; display: inline-block;} */
.arrow{ bottom: 1.5rem; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%);}
.arrow img{ position: relative; animation:down_up 2s ease-in-out infinite;}
.arrow.on img{ transform: rotate(180deg);}
@keyframes down_up{
	0%{top: -15px; opacity: 1;}
	50%{top:15px;opacity: 0.5;}
	100%{top: -15px; opacity: 1;}
}
#fullPage{ position: absolute; left: 0rem; top: 0rem; right: 0rem; bottom: 0rem;}
#fullPage .section{position: absolute; z-index: 2; left: 15%; right: 15%; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); padding-left: 1rem; color: #ffffff;}
#fullPage .section h1.title1,.video{ text-align: center;}
#menu{ right: 85%; text-align: right; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%);}
#menu li{ position: relative;}
#menu li a{ padding: .25rem .3rem .25rem 0rem; color: #5674b3; line-height: .3rem; font-size: .18rem; display: block;}
#menu li.on::before{ position: absolute; right: 0rem; content: ''; width: .07rem; height: .16rem; background-color: #dbb117; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%);}
#menu li.on a{ color: #ffffff;}
#fullPage .section h1.title1 img{ max-height: 1rem;}
.video{ margin-top: .32rem;}
.title2{ color: #5674b3;}
.text_con{ color:#a1b3db;}
.title3{ font-size:.36rem;}
.title4{ font-size:.16rem; text-align: center;}
.row_con p{ line-height:1.875;}
.zdcy_pic_list{ position: relative;}
.zdcy_pic_list>span{ position: absolute; top: 50%; margin-top: -.2rem; width: .26rem; height: .48rem; text-align: center; line-height: .44rem; cursor: pointer; z-index: 5;}
.zdcy_pic_list>span{ background-color: rgba(0,0,0,.6);}
.zdcy_pic_list>span i{ font-size: .2rem; color: #ffffff;}
.zdcy_pic_list>span.pic_prev{ left: 0px;}
.zdcy_pic_list>span.pic_next{ right: 0px;}
.zdcy_pic_list .bd h3{ font-size: .2rem; font-weight: normal;}
.zdcy_pic_list .bd .picture_fixed{ padding-top:47.32142%; margin-left: .02rem;}
.pic_01{ position: relative;}
.pic_01 .picture_fixed{ padding-top: 60.941176%;}
.pic_01::before{ content: ''; position: absolute; width: 1.68rem; height: 1.68rem; background-color: #00b0f0; right: -.16rem; top: -.67rem;}
.picture_group_01 .picture_item{ position: inherit;}
.picture_group_01 .picture_conent{ background-color: transparent; transition: .3s all;}
.picture_group_01 .on.picture_item .picture_text{ margin-top: 0rem;}
.picture_group_01 .on .picture_conent{ z-index: 999; position: absolute; left: 0rem; right: 0rem; top: .4rem; background-color: #ffffff; padding: .32rem; overflow: hidden;}
.picture_group_01 .picture_text p{ display: none;}
.picture_group_01 .picture_text h3{ font-weight: normal; color: #ffffff; font-size: .16rem; text-align: center;}
.picture_group_01 .picture_item .picture_fixed{ padding-top: 69.1906%;}
.picture_group_01 .on.picture_item .picture_img{ float: left; width: 33.3%; margin-right: .32rem; transition: .3s all;}
.picture_group_01 .on .picture_text p{ display: block; font-size: .16rem;}
.picture_group_01 .on .picture_text h3{ font-weight: bold; font-size: .2rem;}
.picture_group_01 .on .picture_text p,.picture_group_01 .on .picture_text h3{ color: #333333; text-align: left; height: auto;}
.list1 h3 span{ line-height: .48rem; display: inline-block; border: 1px solid #00b0f0; padding: 0rem .32rem; font-size: .2rem; color: #00b0f0;}
.list1 ul{ padding-left: .32rem;}
.list1 li{ font-size: .18rem; margin-top: .32rem; overflow: hidden;}
.list1 li span{ display:block; float: left; margin-right: .2rem; width:.67rem; height: .45rem; line-height: .32rem; background: url(20_ha_tz_icon_bg.png) no-repeat center; background-size: contain; text-align: center; color: #00b0f0; font-size: .24rem;}
.slb .main{height:auto;padding: 0 5%;}
.slb .row_con{height: 80%;overflow-y: auto;overflow-x: hidden;padding-bottom: .32rem;}
.slb .list1 li{ margin-top: .2rem;}
.slb .pic_01::before{ right:0rem; top: -0.2rem;}
.slb #fullPage{position:relative;left: inherit;right: inherit;top: inherit;bottom: inherit;margin-top: .2rem;}
.slb #fullPage .section{position:relative;left: inherit;right: inherit;top: inherit;transform: translateY(0);-ms-transform: translateY(0);padding-left: 0rem;}
.slb #menu{padding-top:.32rem;position:relative;right:inherit;top:inherit;text-align:left;transform: translateY(0);-ms-transform: translateY(0);left: 0;white-space: nowrap;overflow-x: auto;}
.slb #menu li{ display:inline-block; margin-right:.2rem;}
.slb .arrow{ bottom: .32rem;}
.slb .picture_group_01 .on .picture_conent{ position: relative; top: inherit; left: inherit; right: inherit; padding: .16rem;}
.slb .picture_group_01 .on.picture_item .picture_img{ float: none; width:100%; margin-right: 0rem; margin-bottom: .12rem;}
.slb #menu li a{ padding:0rem 0rem .1rem 0rem;}
.slb #menu li.on::before{ right:inherit; left:50%; bottom:0rem; top:inherit; height:.04rem; width:2em; transform:translateX(-50%); -ms-transform:translateX(-50%);}
@media screen and (min-width:1024px) and (max-width:1920px) {
    .pic_01{ margin-top: 7vw;}

}
@media screen and (max-width:1366px) {
    .row_con{ }
    #menu{ right: inherit; left: .2rem;}
    .list1 ul{ padding-left: 0rem;}
    #menu li{ margin-right:.2rem;}
	#menu li a{padding: .12rem .0rem;}
}
@media screen and (max-width:992px) {
    .main{ height:auto; margin-bottom:-.2rem;}
	#menu{ position: relative; z-index: 9; overflow: hidden;}
    #menu{/* margin-top:.32rem; */top:inherit;transform:translateY(0);-ms-transform:translateY(0);text-align:left;white-space: nowrap;overflow-x: auto;font-size: 0;left: 0rem;padding-left: .2rem;}
	#menu li{ display:inline-block;}
	#menu li.on::before{bottom:0rem;right:inherit;width:.32rem;height:.04rem;top:inherit;left:50%;transform:translateX(-50%);}
    .row_con{ width: 100%; right:inherit; position: relative; top: inherit; transform: translateY(0); -ms-transform: translateY(0); padding: .2rem;}
    #fullPage{ position: relative;}
	#fullPage .section,.fp-tableCell{ height: auto !important;}
    #fullPage .section h1.title1{ margin-top: .4rem;}
    #fullPage .section h1.title1 img{ max-width: 80%;}
    #fullPage{position:relative;left: inherit;right: inherit;top: inherit;bottom: inherit;margin-top:0rem;}
	#fullPage .section{position:relative;left: inherit;right: inherit;top: inherit;transform: translateY(0);-ms-transform: translateY(0);padding-left: 0rem;}
	.video{ margin-bottom: 0rem; }
    .video video{ width: 100%;}
    .pic_01::before{ right: -.16rem; top: -.2rem;}
    .fp-tableCell{ overflow: hidden;}
    .arrow{ bottom: .32rem; position: fixed;}
    .picture_group_01 .on .picture_conent{ position: relative; top: inherit; left: inherit; right: inherit; padding: .16rem;}
    .picture_group_01 .on.picture_item .picture_img{ float: none; width:100%; margin-right: 0rem; margin-bottom: .12rem;}
}