/* CSS Document */
.h2{ height: 0px; line-height: 0px;}
.zzwrap{ background: #f9f9f9;color: #333333; line-height: 1.5; padding-top: 0.1px;}
.zzwrap a{ color: #555555;}
.zzwrap a:hover{ color: #0090bd;}
.zzbox{ width:1200px; margin:0px auto;  }

.zzwrap .m1{padding-top: 20px;}
.zwbox{ background: #ffffff; padding: 20px 30px;display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; margin-top: 20px;}
.zwbox img{ width:220px; height: 270px; object-fit: cover;}
.zwbox .znr{ font-size: 16px; margin-left: 20px; text-align: left; width: 100px; flex-grow: 1;}
.zbar{ height: 46px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; background: #f5f5f5; padding: 0px 25px; border: 1px solid #ebebeb; width: 100%;box-sizing: border-box;}
.zbar a{ color: #0090bd;}
.zbar h4{ font-size: 20px; font-weight: normal; padding-left: 20px;}
.zwbox .znr ul{ padding: 0px 45px; width: 100%; box-sizing: border-box;}
.zwbox .znr ul li{ line-height:27px;}
.zwbox .znr ul h3{ font-size: 20px; padding-top: 12px;}
.zwbox .znr ul p{ color: #999999; font-size: 14px; line-height: 20px; margin-top: 5px; margin-bottom: 8px;}

.boder2{ border: 2px solid #efefef; padding: 10px 40px; height: 50px; align-items: center; font-size: 14px; color: #000000; width: 100%;display: flex; flex-direction: row; justify-content: flex-start;  flex-wrap: nowrap; width: 100%; box-sizing: border-box; }
.boder2 span{ display: block; margin: 0px 25px;}
.boder2 div{ margin: 0px 0px 0px 25px; }

/*杂志日期查询*/
.sq_form{ display: inline-block;}
.sq_form select{ height:30px; line-height:30px; border:1px solid #ced8e1; border-radius: 3px;appearance:none;-webkit-appearance: none;-moz-appearance: none; background:url(../img/dz/ic_jt.png)  no-repeat right 14px center; padding-right:32px; padding-left:30px; color:#000; font-size:1rem; text-align: left; outline: none; width: 145px; box-sizing: border-box; margin-right: 15px;}
.sq_form select::-ms-expand { display: none; }

/*杂志轮播特效*/
.zzfocus{ height: 345px; margin-top: 20px; background-color: #ffffff; position: relative; padding: 15px 0px;}
.zzfocus .swiper {width: 800px;height: 100%; background:  #ffffff;}
.zzfocus .swiper-slide {text-align: center;font-size: 18px;background: #ffffff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;transition: 300ms;transform: scale(0.9); box-shadow: #0000CC; border: 1px solid #dddfe7; border-radius: 2px; box-sizing: border-box;}
.zzfocus .swiper-slide img{ width: 172px; height: 210px; object-fit: cover;}
.zzfocus .swiper-slide p{ width: 105px; height: 30px; background: #000000; margin: 0px auto;  text-align: center; margin-top: 25px; font-size: 14px; color: #ffffff; line-height: 30px; border-radius: 4px;}

.zzfocus .swiper-slide-active,.zzfocus .swiper-slide-duplicate-active{transform: scale(1); box-shadow: 0px 0px 18px rgba(0,0,0,0.1);border: 2px solid #0090bd}
.zzfocus .swiper-slide-active img,.zzfocus .swiper-slide-duplicate-active img{ border: 0px solid #0090bd; }
.zzfocus .swiper-slide-active p,.zzfocus .swiper-slide-duplicate-active p{ background: #0090bd;}

.zzfocus .swiper-button-next{background-image: url(../img/dz/c_next.png);right:65px;left:auto; outline: none;}
.zzfocus .swiper-button-prev{background-image: url(../img/dz/c_prev.png);left:65px;right:auto;outline: none;}

.zzfocus .swiper-button-next,.zzfocus .swiper-button-prev{top:50%;width:23px;height:37px;margin-top:-18px;z-index:10;cursor:pointer;background-size:23px 37px;background-position:center;background-repeat:no-repeat;}
.zzfocus .swiper-button-prev:after,.zzfocus .swiper-rtl .swiper-button-next:after{content:''}
.zzfocus .swiper-button-next:after,.zzfocus .swiper-rtl .swiper-button-prev:after{content:''}


.adbk{ margin-top: 20px; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.adbk img{ width: 100%;  flex-grow: 1; height: auto;}
.adbk  a{ width: 100%;flex-grow: 1;}

.zzdown{ margin-top: 5px;}

/*杂志订阅*/
.dybox{ margin-top: 20px; background: #ffffff; display: flex; flex-direction: row; justify-content: space-between; align-items: center; border-radius:15px;box-shadow:0px 0px 7px rgba(73,73,73,0.25);}
.dybox img{ border-top-left-radius: 15px;border-bottom-left-radius: 15px; }
.dybox div{ width: 400px; flex-grow: 1;}
.dybox div h2{ font-size: 30px; line-height: 48px; margin-bottom: 20px;}

/*杂志订阅表单提交*/
.dyform{ display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 14px;}
.dyform input{ height: 50px; line-height: 50px; box-sizing: border-box; width: 310px; margin-top: 25px; border-radius: 25px; outline: none;}
.dyform input::placeholder{ font-size: 14px;color: #999999;}
.dyform select{height: 50px; line-height: 50px; width: 310px; margin-top: 25px; border-radius: 25px; outline: none;font-size: 14px;border: 2px solid #ced8e1; background: url(../img/dz/ic_2.png) no-repeat left 25px center ; padding-left: 56px;color: #999999;}
.dyform input.dyinpt{ border: 2px solid #ced8e1; background: url(../img/dz/ic_1.png) no-repeat left 25px center ; padding-left: 56px;}
.dyform input.dybtn{font-size: 24px; font-weight: bold; color: #ffffff; border: none; background-color: #0090bd; margin-top: 80px;}
.dyform p{ margin-top: 25px;width: 310px; color: #999999; text-align: left;}
.dyform p span{ display: block; text-align: center; background: url(../img/dz/line.png) no-repeat center; height: 30px; line-height: 30px;}

.zzbk{ height: 20px; line-height: 20px; overflow: hidden;}