@media screen and (max-width: 970px){
	/* 网站logo */
	.WebLogo img{max-height: 40px;}
	.InfoContent iframe{height: auto;}
	
	/* 幻灯片 */
	.bannerBox .bannerText .title,.bannerBoxTop .topTetx .title{font-size: 28px;}
	.bannerBox .bannerText .content,.bannerBoxTop .topTetx .content{font-size: 18px;}
	.bannerBox .bannerText .detail{width: 100%;}
	.bannerBox .bannerText .detail .jcal, .bannerBox .bannerText .detail .fwfa{width: 140px; font-size: 16px;}
	.fixed-down .tit{font-size: 16px;}
	.fixed-down{bottom: 50px;}
	.fixed-down .d-arr{width: 20px; height: 54px;}
	
	/* 第1屏 */
	.indexBox1-1{height: 400px;}
	.indexBox1-container{padding: 10px 0;}
	.indexBox1-main{ position: relative; height: auto; left: 0; top: 0; transform: translate(0%,0%); -webkit-transform: translate(0%,0%);}
	.indexChannelImages{padding: 0;}
	.indexChannelContent{padding: 0; color: #666;}
	.indexChannelName{text-align: center;}
	.indexChannelName a{font-size: 26px; font-weight: 500;}
	.indexChannelSContent{text-align: center; font-size: 22px; font-weight: normal;}
	.indexBox1-number .numberBox{top: 0;}
	.ckgd{float: unset; margin-top: 20px;}
	
	/* 数字动画 */
	.indexBox1-number{padding: 20px 0;}
	.indexBox1-number .num .counter{margin: 0; font-size: 30px; font-weight: bold; font-family: 'Nexa Bold', "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial", Helvetica, sans-serif; le}
	.indexBox1-number .text{font-size: 14px; height: 90px; overflow: hidden; padding: 0; margin-top: 0px;}
	
	/*第2屏*/
	.indexBox2-1-main{padding: 30px 0; height: auto;}
	.indexBox2-2-main{display: none;}
	.tabbarBox2 {display: inline-block; margin: 20px 0; padding: 1px 0;}
	.tabbarBox2 li{margin: 0; border: 0.5px solid #1dadc5;}
	.tabbarBox2 li a{font-size: 15px; padding: 12px 0; letter-spacing: 0;}
	.tabbarBox2 li a img{width: 20px;}
	.albumlist li{border-radius: 2px;}
	.albumlist li .AlbumWrap{padding: 10px 10px;}
	.albumlist li .AlbumTitle{font-size: 16px;}
	.albumlist li .AlbumPicture{height: auto;}
	.albumlist li .AlbumPicture img{width: 100% !important; height: auto !important;}
	.albumlist li .AlbumDescription{padding: 0; font-size: 14px; color: #808080;}
	.ckgd{width: auto; padding: 0 10px; height: 38px; line-height: 38px;}
	.ckgd a{font-size: 14px;}
	
	/* 第3屏 */
	.indexBox3 .indexBox3-container{padding: 30px 0 0 0;}
	.channellistBox .channellist{margin-top: 10px;}
	.channellistBox .channellist .mask{background-color: rgba(0, 0, 0, 0.1);}
	.channellistBox .next, .channellistBox .prev{margin-top: 10px;}
	.channellistBox .next{left: 65%;}
	.channellistBox .prev{left: 35%;}
	.videolist{justify-content: space-between;}
	.videolist li{width: 49%; margin-bottom: 15px; border-radius: 0;}
	.videolist li .VideoImg{/* height: 116px; */}
	.videolist li .InfoTitle{font-size: 17px; padding: 10px;}
	.videolist li .BtnWrap .ckgd{margin-top: 0;}
	.videolist li .video-icon{width: 40px; height: 40px;}
	.hj-btn,.hj-btn-null,.videolist li .BtnWrap .zxzx a, .videolist li .BtnWrap .zxgk a, .videolist li .BtnWrap .ckgd a{font-size: 12px;}
	.videolist li .BtnWrap{padding: 0 0 20px 0;}
	.videolist li .BtnWrap .zxgk,.videolist li .BtnWrap .ckgd{height: 30px; padding: 0 8px;}
	.videolist li .BtnWrap .zxgk a{ line-height: 26px;}
	.videolist li .BtnWrap .ckgd a{line-height: 30px;}
	
	/* 第4屏 */
	.indexBox4 .indexBox4-container{padding: 30px 0;}
	.indexBox4 .indexBox4-main-1{margin: 20px 0;}
	.indexBox4 .indexBox4-main-1 .ChannelContentBox{padding: 10px 0; border-radius: 8px;}
	.indexBox4 .indexBox4-main-1 .ChannelContentT5{font-size: 14px; padding: 0;}
	.indexBox4 .indexBox4-main-1 .ChannelContentT5 p{ line-height: 2.5em;}
	.indexBox4 .indexBox4-main-1 .ChannelContentT5 img{width: 24px !important; height: 24px !important;}
	.indexBox4 .indexBox4-main-1 .channelalbumlistBox .li{ padding: 10px 10px; border: none;}
	.indexBox4 .indexBox4-main-1 .channelalbumlistBox .AlbumTitle{font-size: 18px; margin-top: 10px;}
	.indexBox4 .indexBox4-main-1 .channelalbumlistBox .AlbumDescription{font-size: 12px;}
	.indexBox4 .indexBox4-main-1 .channelalbumlistBox .AlbumPicture{width: 50px;}
	
	/* 第5屏 */
	.indexBox5 .indexBox5-container{padding: 30px 0;}
	.indexBox5 .indexBox5-container .channellistBox{margin-top: 20px;}
	.tabbar,.tabbar li a{font-size: 17px; height: 50px; line-height: 50px;}
	.problemBox .ChannelName{height: 50px; line-height: 50px;}
	.problemBox .ChannelName img{width: 24px;}
	.problemBox .ChannelName a{font-size: 18px;}
	.problemBox .ChannelName::after{height: 2px; bottom: -1.5px; width: 110px;}
	
	/* 第6屏 */
	.indexBox6 .indexBox6-container{padding: 30px 0 2px 0;}
	.indexBox6 .indexBox6-main-2{margin-top: 20px; height: 60px;}
	.indexBox6 .indexBox6-main-2 .ChannelIcon{width: 66px;}
	.indexBox6 .indexBox6-main-2 .lsdz, .indexBox6 .indexBox6-main-2 .yygt{font-size: 16px; line-height: 60px; }
	.indexBox6 .indexBox6-main-2 .lsdz{left: 25%;}
	.indexBox6 .indexBox6-main-2 .yygt{left: 75%;}
	.channelalbumlist{margin-top: 20px;}
	.channelalbumlist li{width: 33.333%; border: none;}
	
	/* 第7屏 */
	.indexBox7 .searchBox-main{text-align: center;padding: 40px 0 0 0;}
	.indexBox7 .searchBox-main img{max-height: 40px; margin: 0 auto; margin-bottom: 20px;}
	.indexBox7 .navBox-main{padding: 10px 0;}
	.contact_wrap .item{font-size: 14px; padding: 2px 0;}
	.contact_wrap .item img{width: 20px; vertical-align: text-top;}
	/* 底部导航 */
	.bottom_navigation{display: flex; flex-direction: column;}
	.bottom_navigation li{padding: 10px 0;}
	.bottom_navigation li a{padding: 0; font-size: 20px;}
	.bottom_navigation .subnavigationlist1{display: flex; justify-content: flex-start; flex-wrap: wrap;}
	.bottom_navigation .subnavigationlist1 li{margin-right: 20px;}
	.bottom_navigation .subnavigationlist1 li a{font-size: 14px; line-height: 1.8em; padding: 0; text-align: left; margin-bottom: 0;}
	.bottom-img img{width: 100px !important; height: 100px !important;}
	.bottom-img span{font-size: 14px !important;}
	
	/* 其他 */
	.code_image{height: 46px;}
	#copyright{line-height: 1.5em; padding:12px; font-size: 14px;}
	.location,.location a{font-size: 14px; height: 50px; line-height: 50px;}
	.location img{width: 14px; vertical-align: top;}
	.InfoTitle h1{font-size: 22px;}
	.Previous, .Next{background: none;}
	.Previous, .Next{padding: 5px 20px; float: left;}
	.Previous a,.Next a{font-size: 14px; float: left;}
	.xw_bt,.al_bt{float: right;}
	.xw_xy,.al_xy{float: left;}
	.zdy-box .shar-tit{font-size: 14px; height: 38px; line-height: 38px;}
	.zdy-box a{width: 38px !important; height: 38px !important;}
	.bds_qzone_zx, .bds_tsina_zx, .bds_weixin_zx{background-size: 100%;}
	.xgalBox .slideTitle h1{font-size: 24px;}
	.channelrelationlist .item .xg-title{margin-top: 10px; color: #222;}
	.bannerBoxTop img{max-height: 300px;}
	.channellist .mask{display: block;}
	.channellist .wrap{padding: 37px;}
	.channellist .ChannelName{font-size: 24px;}
	.channellist .ChannelSContent{padding-top: 10px; height: auto; font-size: 16px;}
	.channellist .yq{width: 40px; height: 40px; line-height: 40px; font-size: 24px;}
	.video-play, .video-play .bgimg{width: 54px !important; height: 49px !important; background-size: 100%;}
	.video-play .play-waves .waves{right: -47px; bottom: -47px;}
	.bgwhite{background: none !important;}
	.videoBox .xgalBox{margin-top: 0; padding-bottom: 0; border-radius: 6px;}
	.channelrelationlist .item{border: none;}
	.jmPageBox1 .BtnBox{justify-content: space-around;}
	
	/* 导航菜单 */
	.subchannellist{background: none; justify-content: space-between; flex-wrap: wrap;}
	.subchannellist li{background-color: #fff; width: 49.5%; margin-left: 0px; line-height: 46px; border: 1px solid #e9e9e9; margin-bottom: 1%; border-right: 1px solid #e9e9e9 !important;}
	.subchannellist li a{font-size: 14px;}
	
	/* 内页 */
	.jm2PageBox3 .jm2PageBox3-main{padding: 10px 0;}
	.jm2PageBox1 .contentBox .pageInfoTitle span{font-size: 22px;}
	.jm2PageBox1 .contentBox .pageInfoContent{height: 300px;}
	.jm2PageBox2 .contentBox .tit{font-size: 22px;}
	.tabbarBox li{line-height: 46px;}
	.tabbarBox li a{font-size: 16px;}
	.pageChannelSContent{font-size: 26px;}
	.videoBox-2{padding: 0;}
	.form-width{width: 100%;}
	.guestbookTable-mian{padding: 20px; border-top: 1px solid #ddd; border-radius: 6px;}
	.form-control-text{height: 40px; border-radius: 5px;}
	.Requirement{margin: 20px 0 20px 0; font-size: 20px; font-weight: 500;}
	.Requirement::before{height: 80%;}
	.progresslist li{ height: 46px; line-height: 46px; font-size: 8px;}
	.progresslist li.n1 i{ border-left: 23px solid #20bad2; border-top: 23px solid transparent; border-bottom: 23px solid transparent; right: -23px;}
	.progresslist li.n2 i{ border-left: 23px solid #1dadc5; border-top: 23px solid transparent; border-bottom: 23px solid transparent; right: -23px;}
	
	/* 新闻列表 */
	.textlist li{padding: 10px 0px;}
	.textlist li .InfoTitle,.textlist1 li .InfoTitle,.textlist2 li .InfoTitle{font-size: 17px;}
	.textlist li .InfoContent{padding-right: 0;}
	
	.textlist1 li{padding: 5px 0;}
	.textlist1 li .InfoTitle,.textlist2 li .InfoTitle{font-weight: normal;}
	
	.textlist2 li .InfoTitle::before,.textlist2 li .InfoContent::before{top: 6px; width: 30px; height: 30px; line-height: 30px; border-radius: 5px;}
	.textlist2 li .InfoTitle,.textlist2 li .InfoContent{padding-left: 40px;}
	.textlist2 li .InfoContent{font-size: 14px;}

	/* 关于华匠 */
	.pageChannelName{font-size: 26px; font-weight: 500;}
	.jmPageBox1 .jmPageBox1-main,.jmPageBox2 .jmPageBox2-main,.jmPageBox3 .jmPageBox3-main,.jmPageBox4 .jmPageBox4-main{padding: 20px 0;}
	.gridlist1 li{width: 50%; float: left; border-left: 1px solid #14426c;  border-bottom: 1px solid #14426c; margin-left: -1px;  padding: 10px 0;}
	.gridlist li .year{font-size: 16px; padding: 5px 10px; border-radius: 5px;}
	.gridlist1 li .wrap{padding: 0; display: flex; flex-direction: column; align-items: center; border-bottom: none;}
	.gridlist1 li .wrap .InfoTitle{margin-left: 0;font-size: 16px; padding-bottom: 0;}
	.gridlist1 li .wrap img{width: 22px; height: 24px;}
	.jmPageBox3 .main-box .InfoContent{font-size: 14px;}
	
	/* 导航菜单侧边栏 */
	.SideBlock{}
	.SideList li{width: 50px; height: 50px;}
	.SideList li.stow{display: block;}
	.SideList li a{line-height: 50px;}
	.SideList li img {width: 22px !important; vertical-align: middle; margin-top: 5px;}
	.SideList li p{font-size: 10px;}
	.ShowText{height: 50px; line-height: 50px;}
	
	/* 关于我们 */
	.pageBox1 .contentBox{padding: 20px 0;}
	.pageBox1 .contentBox .contactImg{padding: 20px;}
	.pageBox1 .contentBox .doubtBox{border: none;}
	.pageBox1 .contentBox .contactBox .item,.doubtBox, .gridlist li .wrap{border-radius: 6px;}
	
	/* 分页处理 */
	.page_main .pageinfo, .page_main .pagefirst, .page_main .pageend, .page_main .pageup, .page_main .pagedown{ display: none; }
	.page_main{margin: 0 20px;}
	/* .page{display: flex; justify-content: flex-start; flex-wrap: wrap;} */
	.page a, .page span{ min-width: 10%; }
}

@media screen and (max-width: 750px){
	.videolist li .li-box{margin: 0;}
	.videolist{justify-content: space-between;}
	.videolist li{width: 49%; margin-bottom: 7px; box-shadow: 1px 2px 5px rgb(0,0,0,0.1); border-radius: 0;}
	.videolist li .InfoTitle{font-size: 17px; padding: 10px;}
	.videolist li .BtnWrap .ckgd{margin-top: 0;}
	.videolist li .video-icon{width: 40px; height: 40px;}
	.hj-btn,.hj-btn-null,.videolist li .BtnWrap .zxzx a, .videolist li .BtnWrap .zxgk a, .videolist li .BtnWrap .ckgd a{font-size: 12px;}
	.videolist li .BtnWrap{padding: 0 0 20px 0;}
	.videolist li .BtnWrap .zxgk,.videolist li .BtnWrap .ckgd{height: 30px; padding: 0 8px;}
	.videolist li .BtnWrap .zxgk a{ line-height: 26px;}
	.videolist li .BtnWrap .ckgd a{line-height: 30px;}
	
	.subchannellist {margin: 0 !important;}
	.channellist .mask{display: block;}
	.channellist .wrap{padding: 20px;}
	.channellist .ChannelName{font-size: 24px;}
	.channellist .ChannelSContent{padding-top: 10px; height: auto; font-size: 16px;}
	.channellist .yq{width: 30px; height: 30px; line-height: 30px; font-size: 18px;}
	.textlist li .InfoContent{padding-right: 0;}
}

@media screen and (min-width: 750px) {
	.bannerBox .bannerText .title{font-size: 48px;}
	.videolist li{width: 50%;}
	.bottom-img img{width: auto !important;}
}
@media screen and (min-width: 970px) {
	.navigation ul.navigationlist li .navChannelName{padding:0px 10px; font-size:18px; letter-spacing: 3px;}
	.subnavigationlist li a{padding: 0 10px; letter-spacing: 3px;}
	.videolist li{width: 50%;}
	.WebLogo img{max-height: 50px;}
	.showsearchwrap{max-width: 180px;}
	/* 子导航 */
	.subchannellist{flex-wrap: nowrap;}
	.bottom-img img{width: auto !important;}
	.textlist li .InfoContent{padding-right: 0;}
}
@media screen and (min-width: 1170px) {
	.indexBox4-ChannelContent{background-size: contain;}
	.navigation ul.navigationlist li .navChannelName{padding:0px 15px; font-size:18px; letter-spacing: 3px;}
	.subnavigationlist li a{padding: 0 15px; letter-spacing: 3px;}
	.videolist li{width: 33.333%;}
	.WebLogo img{max-height: 50px;}
	.showsearchwrap{max-width: 180px;}
	.bottom-img img{width: 100% !important;}
	.textlist li .InfoContent{padding-right: 0;}
}
/* 修改container的宽带为1280px 根据设计稿来*/
@media screen and (min-width: 1280px) {
	.container {width: 1280px;}
	.indexBox4-ChannelContent{background-size: contain;}
	.navigation ul.navigationlist li .navChannelName{padding:0px 25px; font-size:18px; letter-spacing: 3px;}
	.subnavigationlist li a{padding: 0 25px; letter-spacing: 3px;}
	.videolist li{width: 33.333%;}
	.WebLogo img{max-height: 60px;}
	.showsearchwrap{max-width: 200px;}
	.bottom-img img{width: 100% !important;}
	.textlist li .InfoContent{padding-right: 50px;}
}
@media screen and (min-width: 1440px) {
	.container {width: 1400px;}
	.indexBox4-ChannelContent{background-size: contain;}
	.navigation ul.navigationlist li .navChannelName{padding:0px 32px; font-size:18px; letter-spacing: 3px;}
	.subnavigationlist li a{padding: 0 32px; letter-spacing: 3px;}
	.videolist li{width: 33.333%;}
	.WebLogo img{max-height: 60px;}
	.showsearchwrap{max-width: 200px;}
	.bottom-img img{width: 100% !important;}
	.textlist li .InfoContent{padding-right: 50px;}
}
@media screen and (min-width: 1920px) {
	.bannerBox video{width: 100% !important; height: auto !important;}
}
/* @media screen and (-webkit-min-device-pixel-ratio:0) {
    video{ -webkit-filter: brightness(108.5%); -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent;}
} */