html,body{width: 100%;}
.tran{transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.tranX{transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.tranY{transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
/* flex布局 */
.flex-item{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-center{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-middle{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-box{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-betw{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}

.w{width: 1200px;margin: 0 auto;}
.mt40{margin-top: 40px;}
.mt20{margin-top: 20px;}
.mb20{margin-bottom: 20px;}

/* banner */
.banner{width: 100%;}
.banner img{width: 100%;}
.title{text-align: center;position: relative;line-height: 40px;margin-bottom: 20px;display: block;}
.title span{margin: 0 50px;display: inline-block;vertical-align: middle;color: #36a3ee;font-family: '宋体';font-size: 28px;font-weight: bold;}
.title img{display: inline-block;vertical-align: middle;}
.title .tip{line-height: 1.6;font-size: 16px;color: #999;}


/* 视频 */
.videoList{width: 100%;}
.videoList ul{margin: 0 -10px;}
.videoList ul li{float: left;width: 33.33%;padding: 0 10px;}
.videoList ul li a{display: block;width: 100%;}
.videoList ul li .img{width: 100%;height: 260px;position: relative;}
.videoList ul li .img img{width: 100%;height: 100%;}
.videoList ul li .img i{width: 35px;height: 35px;background: url(../img/icon_play.png) no-repeat center;background-size: 100%;position:absolute;bottom: 10px;left: 10px;}
.videoList ul li .txt{font-size: 16px;text-align: center;width: 100%;line-height: 40px;padding: 0 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.videoList ul li .txt:hover{color: #36a3ee;}

/* 海报 */
.hbWrap .hbShu ul{margin: 0 -10px;}
.hbWrap .hbShu ul li{width: 25%;padding: 0 10px;float: left;}
.hbWrap .hbShu ul li a{display: block;width: 100%;}
.hbWrap .hbShu ul li .img{width: 100%;height: 427px;}
.hbWrap .hbShu ul li .img img{width: 100%;height: 100%;}

/* 搜索 */
input{border: none;background: none;}
input[type="text"],
input[type="password"],button{outline: none;-webkit-appearance:none;}
input,textarea{outline: none;}
.search{display:none;height: 40px;line-height: 40px;border: 1px solid transparent;width: 100%;border-radius: 10px;overflow: hidden;box-shadow: 0 0 15px 2px #eee;margin-top: 40px;}
.search form{width: 100%;height: 100%;}
.search .searchBox{width: calc(100% - 80px);height: 100%;padding-left: 10px;background: #fff;}
.search .searchBox input{display: inline-block;vertical-align: top;width: 100%;height: 100%;font-size: 14px;color: #666;}
.search .searchBox input::-webkit-input-placeholder{color: #fff;}
.search .searchBox input::-moz-placeholder{color: #fff;}
.search .searchBox input::-ms-input-placeholder{color: #fff;}
.search .searchBox input:-ms-input-placeholder{color: #fff;}
.search .searchBtn{cursor: pointer;width: 80px;height: 100%;background: #36a3ee;font-size: 16px;color: #fff;}

/* 优惠政策 */
.zcSort{text-align: center;}
.zcSort a{font-size: 18px;color: #999;padding: 0 15px;position: relative;}
.zcSort a:hover,.zcSort a.active{color: #36a3ee;}
.zcSort a::before{content: '/';position: absolute;top: 50%;left: -3px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.zcSort a:first-child::before{display: none;}
.sortBox{box-shadow: 0 0 15px 2px #eee;padding: 20px;}
.zcItemBox{margin-top: 20px;height: 300px;}
.zcItemBox .zcItem{display: none;height:100%;position: relative;}
.zcItemBox .zcItem.active{display: block;}
.zcItemBox .zcItem ul{margin: 0 -10px;text-align: center;}
.zcItemBox .zcItem ul li{line-height: 45px;padding: 0 10px;width: 33%;display: inline-block;vertical-align: middle;transition: .4s;}
.zcItemBox .zcItem ul li a{display: block;width: 100%;height: 100%;font-size: 16px;color: #666;text-align:center;padding: 0 15px;background: #f6f6f6;margin-bottom: 15px;border-radius: 10px;transition: .4s;}
.zcItemBox .zcItem ul li:hover a{background: #36a3ee;color: #fff;}
.zcItemBox .zcItem .card{text-align: center;}
.zcItemBox .zcItem .card a{display: inline-block;vertical-align: middle;margin: 0 10px;width: 300px;height: 189px;}
.zcItemBox .zcItem .card a img{width: 100%;height: 100%;}
.zcItemBox .zcItem .card.shutu a{width: 150px;}
.zcItemBox .zcItem .more{font-size: 16px;color: #666;width:150px;background: #36a3ee;line-height: 35px;color: #fff;text-align: center;border: 1px solid #36a3ee;border-radius: 10px; position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transition: .4s;}
.zcItemBox .zcItem .more:hover{background: transparent;color: #36a3ee;border: 1px solid #36a3ee;}

/* 底部 */
.footer{margin-top:60px;padding:30px 0;background: #fff;}
.footer p{line-height:30px;font-size:16px;text-align:center;color: #fff;}

@media only screen and (max-width: 1220px){
	.w{width: 920px;}
	.zcSort a{font-size: 16px;}
	.zcItemBox{height: 290px;}
	.zcItemBox .zcItem ul{margin: 0 -5px;}
	.zcItemBox .zcItem ul li{line-height: 40px;padding: 0 5px;}
	.zcItemBox .zcItem ul li a{font-size: 14px;}
	.zcItemBox .zcItem .card a{margin: 0 5px;}
	.zcItemBox .zcItem .more{line-height: 32px;}
	.videoList ul li{width: 50%;}
	.videoList ul li:nth-child(n + 3){display: none;}
	.videoList ul li .img{height: 290px;}
	.hbWrap .hbShu ul li:nth-child(n + 4){display: none;}
	.hbWrap .hbShu ul li{width: 33.33%;}
	.hbWrap .hbShu ul li .img{height: 430px;}
	.hbWrap .hbHeng ul li .img{height: 170px;}
	.footer{margin-top: 40px;padding: 20px 0;}
	.footer p{font-size: 16px;line-height: 1.6;}
}
@media only screen and (max-width: 992px){
	.w{width: 720px;}
	.mt40{margin-top: 25px;}
	.mt20{margin-top: 15px;}
	.title span{margin:  0 30px;}
	.zcSort a{padding: 0 20px;}
	.zcItemBox{height: 285px;padding: 0 10px;}
	.zcItemBox .zcItem ul li{width: 49%;}
	.zcItemBox .zcItem ul li:nth-child(n + 7){display: none;}
	.zcItemBox .zcItem ul li a{margin-bottom: 10px;}
	.videoList ul{margin: 0 -5px;}
	.videoList ul li{padding: 0 5px;}
	.videoList ul li .img{height: 240px;}
	.hbWrap .hbTitle span{font-size: 16px;}
	.hbWrap .hbShu ul{margin: 0 -5px;}
	.hbWrap .hbShu ul li{padding: 0 5px;}
	.hbWrap .hbShu ul li .img{height: 350px;}
	.hbWrap .hbHeng ul li .img{height: 145px;}
	.footer{margin-top: 40px;padding: 0;}
	.footer p{font-size: 14px;}
}
@media only screen and (max-width: 767px){
	.w{width: 100%;padding: 0 10px;}
	.mt40{margin-top: 15px;}
	.mt20{margin-top: 10px;}
	.news{margin-top: 20px;}
	.search{margin-top: 20px;height: 35px;line-height: 35px;}
	.search .searchBtn{width: 60px;}
	.title{margin: 0 auto 5px;}
	.title img{display: none;}
	.title span{font-size: 20px;}
	.sortBox{padding:10px;height: 350px;}
	.zcSort{float: left;width: 100px;}
	.zcSort a{color:#666;display:block;padding: 0;font-size: 16px;background: #f6f6f6;line-height: 30px;border-radius: 10px;margin:10px 0;}
	.zcSort a.active{background: #36a3ee;color: #fff;}
	.zcSort a::before{display: none;}
	.zcItemBox{height: 100%;margin: 10px 0 0;overflow: hidden;width: calc(100% - 100px);float: right;padding: 0 0 0 10px;}
	.zcItemBox .zcItem{width: 100%;height: 100%;}
	.zcItemBox .zcItem ul{margin: 0;width: 100%;}
	.zcItemBox .zcItem ul li{width: 100%;padding: 0;line-height: 38px;}
	.zcItemBox .zcItem ul li:nth-child(n + 7){display: block;}
	.zcItemBox .zcItem ul li:nth-child(n + 8){display: none;}
	.zcItemBox .zcItem ul li a{background: #fff;padding: 0;text-align: left;border-bottom: 1px dashed #e1e1e1;margin-bottom: 0;padding-left: 16px;position: relative;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.zcItemBox .zcItem ul li a::before{content: '';display: block;width: 10px;height: 10px;background: url(../img/icon_arrow.png) no-repeat 100%;position: absolute;left: 0;top: 50%;margin-top: -5px;}
	.zcItemBox .zcItem .card{text-align: left;}
	.zcItemBox .zcItem .card a{width: 140px;height: 88px;margin-top: 10px}
	.zcItemBox .zcItem .card.shutu a{width: 170px;height: 230px;}
	.zcItemBox .zcItem .more{:;font-size: 14px;color: #36a3ee;background:#fff;border: 0;bottom: 20px;line-height: 1.5;width: auto;}
	.videoList ul li .img{height: 120px;}
	.videoList ul li{width: 50%;}
	.videoList ul li:nth-child(n + 3){display: none;}
	.videoList ul li .txt{line-height: 30px;}
	.hbWrap .hbShu,.hbWrap .hbHeng{width: 100%;padding: 0;}
	.hbWrap .hbTitle{line-height: 30px;}
	.hbWrap .hbShu ul li{width: 50%;}
	.hbWrap .hbShu ul li:nth-child(n + 3){display: none;}
	.hbWrap .hbShu ul li .img{height: 258px;}
	.hbWrap .hbHeng{margin-top: 15px;}
	.hbWrap .hbHeng ul li .img{height: 120px;}
}

/******* 列表页 *******/
.position{font-size:16px;color:#666;line-height: 40px;margin-top: 20px;}
.position a{color: #666;}
.position a:hover{color: #36a3ee;}
.listMain{margin-top: 10px;box-shadow: 0 0 15px 2px #eee;padding: 20px 30px 40px;}
.listMain ul li{width: 47%;padding: 0;line-height: 50px;float: left;border-bottom: 1px dashed #e1e1e1;}
.listMain ul li:nth-child(even){float: right;}
.listMain ul li a{font-size:18px;background: #fff;padding: 0;text-align: left;margin-bottom: 0;padding-left: 20px;position: relative;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.listMain ul li a:hover{color: #36a3ee;}
.listMain ul li a::before{content: '';display: block;width: 12px;height: 12px;background: url(../img/icon_arrow.png) no-repeat 100%;position: absolute;left: 0;top: 50%;margin-top: -5px;}
	
/******* 内容页 *******/
.showMain{margin-top: 10px;box-shadow: 0 0 15px 2px #eee;padding: 10px 30px 0;}
.showMain h3{font-size: 24px;color: #333;border-bottom: 1px solid #eee;padding: 20px 0;}
.showMain .contentInfo{color: #9aa5b2;font-size: 18px;padding: 10px 0;}
.showMain .contentInfo span{margin-right: 15px;}
.showMain .content{font-size: 16px;color: #333;line-height: 1.8;}
.showMain .content img{max-width: 100%;height:auto!important;}
.showMain .content p{margin: 15px 0;}
.showMain .essayLink{padding: 20px 0;}
.showMain .essayLink p{line-height: 30px;font-size: 14px;color: #333;}
.showMain .essayLink p span{font-weight: bold;}
.showMain .essayLink p a:hover{color: #36a3ee;}

@media only screen and (max-width: 992px){
	.position{line-height: 1.6;margin:10px 0;font-size: 14px;}
	.listMain{padding: 20px 20px 40px;}
	.listMain ul li{line-height: 45px;}
	.listMain ul li a{font-size: 16px;}
	.showMain h3{padding: 15px 0;font-size: 18px;}
}
@media only screen and (max-width: 767px){
	.listMain{padding: 10px 20px 30px;}
	.listMain ul li{width: 100%;line-height: 40px;}
	.showMain{padding: 10px 12px 0;}
	.showMain h3{padding: 10px 0;line-height: 1.6;}
	.showMain .contentInfo{padding: 10px 0 0;}
	.showMain .essayLink p{line-height: 1.8;}
}