﻿.ztzl_template{margin: 0px auto 0.9375rem; background-color: #FFFFFF; box-sizing: border-box; padding: 0.9375rem 0.625rem;}

/*标题文字3*/
.ztzl_template .ztzl_titleThr{height: 1.875rem; position: relative;}
.ztzl_template .ztzl_titleThr .ztzl_bg{width: 100%; height: 0.25rem; border-top: 0.0625rem solid #CDCDCD; border-bottom: 0.0625rem solid #CDCDCD; position: absolute; left: 0px; top: 0.8125rem;}
.ztzl_template .ztzl_titleThr .ztzl_titleText{display: inline-block; width: 6.25rem; height: 1.875rem; text-align: center; line-height: 1.875rem; font-size: 1.125rem; letter-spacing: 1px; font-weight: bold; color: #3d8ddc; position: absolute; left: 50%; top: 0px; margin-left: -3.125rem; background-color: #ffffff; }

/*标题文字2*/
.ztzl_template .ztzl_titleSec{height: 2.9375rem; position: relative;}
.ztzl_template .ztzl_titleSec .ztzl_bg{width: 100%; height: 0.4375rem; border-top: 0.125rem solid #CDCDCD; border-bottom: 0.0625rem solid #CDCDCD; position: absolute; left: 0px; top: 1.25rem;}
.ztzl_template .ztzl_titleSec .ztzl_titleText{display: inline-block; width: 13.5rem; height: 2.9375rem; text-align: center; line-height: 2.9375rem; font-size: 1.125rem; font-style: italic; letter-spacing: 5px; font-weight: bold; color: #ffffff; position: absolute; left: 1.875rem; top: 0px; background: url(/hzsgaj/xhtml/public/images/lanmu-bj.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; }

/*标题文字1*/
.ztzl_template .ztzl_titleOne{height: 1.875rem; position: relative;}
.ztzl_template .ztzl_titleOne .ztzl_bg{width: 100%; height: 0.125rem; background-color: #CDCDCD; position: absolute; left: 0px; top: 0.875rem;}
.ztzl_template .ztzl_titleOne .ztzl_titleText{display: inline-block; width: 6.25rem; height: 1.875rem; text-align: center; line-height: 1.875rem; font-size: 1.125rem; letter-spacing: 1px; font-weight: bold; color: #3d8ddc; position: absolute; left: 50%; top: 0px; margin-left: -3.125rem; background-color: #ffffff; }

/*标题文字*/
.ztzl_template .ztzl_title{height: 1.875rem; position: relative;}
.ztzl_template .ztzl_title .ztzl_bg{width: 100%; height: 0.25rem; border-top: 0.0625rem solid #CDCDCD; border-bottom: 0.0625rem solid #CDCDCD; position: absolute; left: 0px; top: 0.8125rem;}
.ztzl_template .ztzl_title .ztzl_titleText{display: inline-block; width: 6.25rem; height: 1.875rem; text-align: center; line-height: 1.875rem; font-size: 1.125rem; font-style: italic; letter-spacing: 1px; font-weight: bold; color: #dc8b40; position: absolute; left: 50%; top: 0px; margin-left: -3.125rem; background-color: #ffffff; }

/*图片轮播*/
.ztzl_template .ztzl_list{margin-top: 0.625rem;}
.ztzl_template .ztzl_list .swiper-container{width: 100%; height: 100%;}
.ztzl_template .ztzl_list .swiper-container .swiper-slide{padding: 0px 0.3125rem; box-sizing: border-box;}
.ztzl_template .ztzl_list .swiper-container a{display: block; width: 100%; height: 100%;}
.ztzl_template .ztzl_list .swiper-container a img{width: 100%; height: 100%;}

/*PC、平板*/
.ztzl_template .ztzl_list .swiper-button-style{width: 2.5rem; height: 100%; position: absolute; top: 0px; outline: none; text-align: center; cursor: pointer;}
.ztzl_template .ztzl_list .swiper-button-style .arrow{display: inline-block; width: 0px; height: 0px; border: 1.25rem solid transparent; overflow: hidden;}
.ztzl_template .ztzl_list .swiper-button-style .arrow-left{border-left: none; border-right: 1.25rem solid #ededed;}
.ztzl_template .ztzl_list .swiper-button-style .arrow-right{border-right: none; border-left: 1.25rem solid #ededed;}
.ztzl_template .ztzl_list .swiper-button-prev{left: -0.3125rem;}
.ztzl_template .ztzl_list .swiper-button-next{right: -0.3125rem;}
.ztzl_template .ztzl_list .swiper-button-style:hover .arrow-left{border-left: none; border-right: 1.25rem solid #cdcdcd;}
.ztzl_template .ztzl_list .swiper-button-style:hover .arrow-right{border-left: none; border-left: 1.25rem solid #cdcdcd;}

/* Extra small devices (phones, 320px and down) */
@media only screen and (max-width: 320px) {
	.ztzl_template {width: 100%;}
	.ztzl_template .ztzl_list_showLg{display: none;}
	.ztzl_template .ztzl_list_showSm{display: block;}
	.ztzl_template .ztzl_list{height: 12.5rem;}
}

/* Small devices (portrait tablets and large phones, 320px and up) */
@media only screen and (min-width: 320px) {
	.ztzl_template {width: 100%;}
	.ztzl_template .ztzl_list_showLg{display: none;}
	.ztzl_template .ztzl_list_showSm{display: block;}
	.ztzl_template .ztzl_list{height: 12.5rem;}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.ztzl_template {width: 100%;}
	.ztzl_template .ztzl_list_showLg{display: block; position: relative;}
	.ztzl_template .ztzl_list_showSm{display: none;}
	.ztzl_template .ztzl_list{height: 6.25rem;}
	.ztzl_template .ztzl_list .ztzl_swiperLg{width: 100%;}
	.ztzl_template .ztzl_list .swiper-button-style{display: none;}
} 

/* Large devices (laptops/desktops, 980px and up) */
@media only screen and (min-width: 980px) {
	.ztzl_template {width: 100%;}
	.ztzl_template .ztzl_list_showLg{display: block; position: relative;}
	.ztzl_template .ztzl_list_showSm{display: none;}
	.ztzl_template .ztzl_list{height: 7.5rem;}
	.ztzl_template .ztzl_list .ztzl_swiperLg{width: 94%;}
	.ztzl_template .ztzl_list .swiper-button-style{display: block; line-height: 9.375rem;}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	.ztzl_template {width: 1200px;}
	.ztzl_template .ztzl_list_showLg{display: block; position: relative;}
	.ztzl_template .ztzl_list_showSm{display: none;}
	.ztzl_template .ztzl_list{height: 8.75rem;}
	.ztzl_template .ztzl_list .ztzl_swiperLg{width: 94%;}
	.ztzl_template .ztzl_list .swiper-button-style{display: block; line-height: 10.625rem;}
}