@charset "utf-8";
@font-face{
    font-family:fzxbs;
    src:url('../images/SYSJW.TTF');
}

.Head{ padding-bottom: 0.38rem; box-shadow: 0 0 0.2rem rgba(67,123,234, 0.35); background: none; position: relative; z-index: 2;}
.topbg a{ color: #454545; background: url(../images/y_gy_top_line01.png) no-repeat right center;}
.Head .topbg .top-fr .lr .btn{ background: url(../images/y_gy_top_line01.png) no-repeat left center;}

.zzlogo{ margin-top: 0.38rem; font-size: 0; display: block; position: relative;}
.zzlogo a{ font-size: 0;}
.zzlogo img,.zzlogo span{ display: inline-block; vertical-align: middle;}
.zzlogo img{ height: 0.51rem;}
.zzlogo span{ font-size: 0.3rem; color: #437bea; font-weight: bold;}

.zznav{ margin-top: 0.38rem;}
.zznav ul{ margin: 0.03rem -0.21rem 0.03rem 0;}
.zznav ul li{ float: left; transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear;}
.zznav ul li a{ margin-right: 0.21rem; padding: 0 0.25rem; color: #437bea; font-weight: bold; line-height: 0.4rem; border-radius: 0.05rem; box-shadow: 0 0 0.08rem #c8d6f3; display: block;}
.zznav ul li:hover a, .zznav ul li.active a{ color: #fff; background-color: #437bea;}

.zzbanner{ height: 5.26rem; background-image: url(../images/y_zz_banner.png); background-repeat: no-repeat; background-position: center bottom; background-size: cover; overflow: hidden;}
.zzbanner .search{ width:7.69rem; height: 0.48rem; margin: 1.41rem auto 0 auto; position: relative;}
.zzbanner .search input[type="text"] { width: 100%; height: 100%; padding-left: 0.15rem; font-size: 0.16rem; color: #437bea; border: 1px solid #5c93f1; border-radius: 0.06rem; background-color: rgba(255, 255, 255, 0.8);}
.zzbanner .search input[type="text"]:hover{ background-color: rgba(255, 255, 255, 1);}
.zzbanner .search input[type="text"]::placeholder{ color: #666;}
.zzbanner .search input[type="button"] { width: 0.71rem; height:calc(100% - 2px); background: url(../images/y_gy_ej_search_btn.png) no-repeat center rgba(67,123,234,.8); background-size: 70%; position: absolute; top: 1px; right: 1px; bottom: 1px; cursor: pointer;}

.zzmain{ margin-top: -1.79rem; position: relative; z-index: 1;}
.zzshadow{ padding: 0.4rem; border-radius: 0.08rem; box-shadow: 0 0 0.1rem #d3e2f9; background-color: #fff;}

.dqwz{ margin-bottom: 0.15rem; padding-bottom: 0; border-bottom: 0;}
.dqwz img{ display: none;}
.dqwz a,.dqwz span{ color: #fff; text-shadow:0.03rem 0.03rem 0.03rem rgba(0, 0, 0, 0.6);}

@media screen and (max-width: 1680px) {}
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1366px) {}
@media screen and (max-width: 1280px) {}
@media screen and (max-width: 1160px) {}
@media screen and (max-width: 900px) {
	.zzlogo{ margin-top: calc(100vw * 38 / 800); float: none;}
	.zzlogo img{ height: calc(100vw * 51 / 800);}
	.zzlogo span{ font-size: 0.36rem;}
	.zznav{ margin-top: calc(100vw * 38 / 800); float: none;}
	.zznav ul{ margin: calc(100vw * 3 / 800) calc(-100vw * 21 / 800) calc(100vw * 3 / 800) 0;}
	.zznav ul li{ width: calc(100% / 4); float: left;}
	.zznav ul li a{ margin-right: calc(100vw * 21 / 800); padding: 0 calc(100vw * 25 / 800); font-size: 0.32rem; line-height: calc(100vw * 50 / 800); text-align: center;}
	.zzbanner{ height: calc(100vw * 526 / 800);}
	.zzbanner .search{ width:80%; height: calc(100vw * 48 / 800); margin: calc(100vw * 141 / 800) auto 0 auto;}
	.zzbanner .search input[type="text"] { padding-left: calc(100vw * 15 / 800); font-size: 0.22rem;}
	.zzbanner .search input[type="button"] { width: calc(100vw * 71 / 800);}
	.zzmain{ margin-top: calc(-100vw * 179 / 800);}
	.zzshadow{ padding: calc(100vw * 30 / 800);}
	.dqwz{ margin-bottom: calc(100vw * 8 / 800);}
}
	
@media screen and (max-width: 750px) {
	.Head{ padding-bottom: calc(100vw * 20 / 500);}
	.zzlogo{ margin-top: calc(100vw * 30 / 500); float: none; text-align: center;}
	.zzlogo img{ height: calc(100vw * 60 / 500); margin-right: 0;}
	.zzlogo span{ margin-top: calc(100vw * 11 / 500); font-size: 0.45rem; line-height: 0.55rem;}
	.zznav{ margin-top: 0; padding: 0 calc(100vw * 10 / 500); float: none;}
	.zznav ul{ margin: calc(100vw * 30 / 500) calc(-100vw * 21 / 500) calc(100vw * 3 / 500) 0;}
	.zznav ul li:nth-of-type(1){ display: none;}
	.zznav ul li{ width: calc(100% / 3); float: left;}
	.zznav ul li a{ margin: 0 calc(100vw * 21 / 500) 0 0; padding: 0; font-size: 0.34rem; line-height: calc(100vw * 40 / 500); text-align: center; display: block;}
	.zzbanner{ height: calc(100vw * 450 / 500);}
	.zzbanner .search{ width:80%; height: calc(100vw * 48 / 500); margin: calc(100vw * 115 / 500) auto 0 auto;}
	.zzbanner .search input[type="text"] { padding-left: calc(100vw * 15 / 500); font-size: 0.3rem;}
	.zzbanner .search input[type="button"] { width: calc(100vw * 71 / 500);}
	.zzmain{ margin-top: calc(-100vw * 160 / 500);}
	.zzshadow{ padding: calc(100vw * 20 / 500);}
	.dqwz{ margin-bottom: calc(100vw * 8 / 500);}
}