﻿


@media screen and (min-width:200px)  and  (max-width:1600px)  {
	
	.container-s{max-width: 94%;}
	
	/* 公共底部 */
	/* .foot-wechat{width: 30%;} */
	
}

@media screen and (min-width:200px)  and  (max-width:1500px)  {
	.head .logo a img {		display: block;		width: 58%;	}
	
	.left-box{width: 26%;}
	/* 下载 */
	.down-title {
	    background: #004299;
	    padding: 2rem 0 2rem 16%;
	}
	.down-class>.ctitle1>li {
	    border-bottom: 0.0625rem solid #dfdfdf;
	    padding: 1.75rem 0 1.75rem 16%;
	}
	.right-box{width: 70%;}
	.nydown-list {
	    width: 92%;
	}
	
}



@media screen and (min-width:200px)  and  (max-width:1340px)  {
	.container{max-width: 94%;}
	
	
}

@media screen and (min-width:200px)  and  (max-width:1300px)  {
	.down-list ul li{width: 48%; padding: 0 2%}
}



@media screen and (min-width:200px)  and  (max-width:1200px)  {
	
	.head .logo a img {		display: block;		width: 40%;	}
	
	
	/* 公共底部 */
	.foot-nav dl dt{font-size: 1.2rem;}
	.foot-nav dl dd a{font-size: 0.9rem;}


	.down-list ul li strong{font-size: 1.1rem}
	.down-list ul li span>img{margin-right: 0.45rem}


		/* 内页样式 */
	.pannel{background: transparent; padding: 4rem 0 0;}
	.pannel .container{height: auto; flex-direction: column;}
	.ny-class,.position{width: 100%;}
	.ny-class{margin-bottom: 3rem;}
	.ny-class .ctitle1 li {background: #f5f5f5;}
	.ny-class .ctitle1 li:hover ,.ny-class .ctitle1 li.on {background: #004299;}
	.ny-class .ctitle1 li:hover a,.ny-class .ctitle1 li.on a{ color: #fff;}
	.position {	    height: 3rem;	    border-bottom: 1px solid #ccc;	}
	
}



@media screen and (min-width:200px)  and  (max-width:1028px)  {
	
	/* pc端公共头部 */
	.head,.head-zw{display: none;}
	/* 手机端公共头部 */
	.wap-header,.wap-headerzw{display: block; height: 70px;}
	.wap-header{ position: fixed; top: 0; width: 100%; background: #fff; z-index: 99; box-shadow: 1px 1px 3px rgba(0,0,0,0.1);}
	.wap-header .container{display: flex; justify-content: space-between; align-items: center;}
	.wap-header .logo a{display: flex; }
	.wap-header .logo a img{display: inline-block; width: 50%;}
	.wap-header .logo .text{border-left: 1px solid #f2f2f2; padding-left:6%; margin-left: 6%;  display: flex; justify-content: center; flex-direction: column;}
	.wap-header .logo .text em{display: block; font-size: 1rem; color: #666; margin-bottom: 0.25rem;}
	.wap-header .logo .text b{display: block; font-size: 1.25rem; line-height: 0.9375rem; color: #333; font-family: Arial;}
	
	.wap-click { padding: 12px 0;}
	.wap-click span{width: 30px; height: 2px;background: #333;display: block;margin: 10px auto; transition: all 277ms ease-in-out;position: relative;}
	.active span.cl-1{transform: rotate(-45deg);top:12px;}
	.active span.cl-2{opacity: 0;}
	.active span.cl-3{transform: rotate(45deg);top:-12px;}
	.wap-nav{position: relative; top: 0px; background: #F6F6F6; z-index: 20; left: 0; width: 100%; display: none;}
	.wap-nav ul li a{ display: block;font-size: 1.1rem;line-height:45px;color: #434343;text-indent: 23px;transition: all .6s;text-transform: uppercase;}
	.wap-nav ul li span{display: inline-block; text-indent: 5px;}
	.wap-nav ul li>a:hover,.wap-nav ul li.on>a{ background: #000;color:#fff}
	.wap-hide{ background: #fff; display: none;}
	.wap-hide dd{border-bottom: 1px dashed #eee;}
	.wap-nav .wap-hide dt a{font-size: 1.15rem;}
	.wap-nav .wap-hide dd a{text-indent:30px;line-height:45px; font-size: 1rem}
	.wap-nav .wap-hide dd a:hover{color: #004299;}
	.wap-header .head-right {margin-top: 16px; margin-right:20px}
	.wap-header .head-right a{display: inline-block;border: 0.0625rem solid #000;border-radius: 1.5rem;color: #333;text-align: center; width: 5.2rem;font-size: 0.9rem;line-height: 2.2rem;}
	.wap-header .head-right .trial{margin-right: 1.1875rem; background: #004299;border-color: #004299; transition:0.6s; color:#fff}
	.wap-header .head-right a:hover{background: #004299;border-color: #004299; transition:0.6s; color:#fff}
	.search-button img{display: block; margin-top: 22.5px; margin-right: 15px;}
	.search-con{ position: fixed;top:0;width:100%;left:0;height: 100vh; background: #fff;display: none; }
	.search-content{display: flex; align-items: center; justify-content: center; height: 100vh;}
	.search-form{display: flex; width: 90%;   align-items: center;   justify-content: center;}
	.search-form input{display: inline-block; font-family: "Microsoft YaHei"; outline: none; border: none; font-size: 1.2rem; line-height: 3.5rem; color: #333; height: 3.5rem; }
	.search-form .search-text{width: calc(100% - 6rem); background: #fff; border: 0.0625rem solid #ccc; text-indent: 2rem; box-sizing: border-box; border-right: none;}
	.search-form .search-sub{width: 6rem; color: #fff; background: #e30613;}
	.wap-close{display: flex; width: 3.125rem; height: 3.125rem; background: #000; align-items: center; justify-content: center; position: absolute; right: 1.25rem; top: 1.25rem;}
	.wap-close img{display: block}


	/* 内页banner */
	.ny-banner {	    height: 20rem;	}
	.ny-banner .container{justify-content: center; }
	.ny-banner .info strong{font-size: 2rem; }
	

	
	
	/* 内页下载列表页 */
	.down-list ul li{width: 48%;}
	.foot-nav{display: none;}
	.foot-left { width: auto;}
	.down-list ul li i{display: none;}
	.down-list ul li span{width: auto; border: none; line-height: initial;}
	.down-list ul li span>img{margin-right: 0}
	.down-list ul li:hover span{background: #fff; border-color: #fff; color: #fff;}
.down-list ul li:hover span>img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}
}



@media screen and (min-width:200px)  and  (max-width:960px)  {
	.ny-class {	    margin-bottom: 1rem;	}
	.ny-class .ctitle1{flex-wrap: wrap; }
	.ny-class .ctitle1:after{content: ''; width: 31%;}
	.ny-class .ctitle1 li{width: 31%; margin-bottom: 1rem;}


	.nyvideo-list ul{flex-wrap: wrap;}
	.nyvideo-list ul:after{width: 48%;}
	.nyvideo-list ul li{width: 48%;}
	
	
	/* 视频弹窗 */
	#hi-video-pop .hi-video-box .hi-video-wrap{width: 90%;}
	
	
	/* 下载 */
	.left-box{width:17.5rem;}
	.right-box{width: calc(100% - 20rem);}
}


@media screen and (min-width:200px)  and  (max-width:768px)  {
	/* 视频弹窗 */
	#hi-video-pop .hi-video-box .hi-video-wrap { width: 80vw;	  max-height: 80vh;	  min-height: 44.9vw;	}
	
	
	/* 内页下载列表页 */
	.down-list ul li {	    width: 100%;	}

	
}




@media screen and (min-width:200px)  and  (max-width:640px)  {
	.wap-header .logo a img {		display: block;		width: 38%;	}
	.wap-header .logo .text em{font-size: 0.9375rem; line-height: 0.9375rem;;}
	.wap-header .logo .text b{font-size: 1rem;}
	
	
	.ny-banner {    height: 12rem;}
	.ny-banner .info strong {    font-size: 1.5rem;}
	
	
	.pannel{padding: 3rem 0 0;}
	.ny-class {	    margin-bottom: 1rem;	}
	.ny-class .ctitle1{flex-wrap: wrap; }
	.ny-class .ctitle1:after{content: ''; width: 48%;}
	.ny-class .ctitle1 li{width: 48%; margin-bottom: 1rem;}
	.position{height: 2.5rem;}
	.ny-main {    margin: 3rem 0;}
	.down-list ul li{    border-left: 0.34rem solid #004299;}
	.down-list ul li:after{display: none;}
	.down-list ul li a{height: 5.5rem;}
	.down-list ul li .info{width: 80%;}
	.down-list ul li strong{font-size: 1rem;}
	.down-list ul li em{font-size: 0.875rem;}
	
	
	.footer-copy{text-align: center;}
	.foot-left .logo a img{width: 60%;}
	.foot-left p{line-height: 1.2rem; margin-bottom: 0.5rem;}
	.foot-left p>img{margin-top: 0.3rem;}
	
	#hi-video-pop .hi-video-box .hi-video-wrap {   width: 80vw;   max-height: 80vh;   min-height: 59.9vw;}
	
	
	.nyvideo-list ul:after{width: 100%;}
	.nyvideo-list ul li{width: 100%; border-left: 0.34rem solid #004299; margin-bottom: 2rem;}
	.nyvideo-list ul li:after{display: none;}
	.nyvideo-list ul li em{font-size: 1.1rem;}
	.nyvideo-list ul li span{transition:0.6s;display: block;width: 5.25rem;font-size: 0.9rem;line-height: 2.2rem;border: 1px solid #666666;border-radius: 1.25rem;text-align: center;}
	.nyvideo-list ul li span>img{display: inline-block;vertical-align: middle;margin-right: 0.3rem;}
	
	
	/* 下载 */

	.down-box{flex-wrap: wrap;}
	.left-box{width:100%; position: relative;}
	.right-box{width:96%; margin: 0 auto;}
	.down-title {
	    background: #004299;
	    padding: 1rem 0 1rem 2%;
	}
	.down-title strong{font-size: 1.3rem;}
	.down-title strong>img{width: 6%; margin-right: 1%;}
	.down-class{width: 100%;}
	.down-class>.ctitle1>li {
	    border-bottom: 0.0625rem solid #dfdfdf;
	    padding: 0.5rem 0 0.5rem 4%;
	}
	.down-class>.ctitle1>li>h3>a{font-size: 1.2rem;}
	.down-class .ctitle2>li>h4{font-size: 1rem;}
	.nydown-list{width: 100%;}
	.nydown-list ul li{padding: 1rem 6%;}
}










