@charset "UTF-8";

@media screen and (max-width: 1680px) {
	.w1650 {
		max-width: 92%;
	}
	.w1680 {
		max-width: 92%;
	}
	.w1600 {
		max-width: 92%;
	}
	.top_module{
		padding-bottom: 21%;
	}
	.honor .swiper-button-next{
		right: -20px;
	}
	.honor .swiper-button-prev{
		left: -20px;
	}
}
@media screen and (max-width: 1440px) {
	.w1400 {
		max-width: 92%;
	}

	.top_module{
		padding-bottom: 25%;
	}

	.w1480 {
		max-width: 92%;
	}
	.inpro-swiperBox {
		max-width: 92%;
		margin: 0 auto;
	}
	.top_module{
		padding-bottom: 360px;
	}
	.num_list2 ul li{
		padding: 0 30px;
		padding-bottom: 40px;
	}
	.num_list2 ul li .counter-value .timer{
		font-size: 42px;
	}
	.num_list2 ul li .counter-value .j{
		font-size: 18px;
	}
	.mun_top{
		margin-right: 20px;
	}
}
/*=================================中小型笔记本或大平板 laptop /*=================================*/
@media screen and (max-width: 1180px) {
	#play{
		bottom: 60px;
	}
	.menu.m {
		display: block;
		margin-left: 20px;
	}
	.nav {
		display: none;
	}
	.m_nav {
		top: 72px;
	}

	.logo {
		height: 52px;
	}
	.logo img {
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
	.w1200 {
		max-width: 92%;
	}
	.hea-btm .header-right {
		width: initial;
	}
	.index_page1 {
		padding: 0 4%;
	}
	.index_page1 .btm_module .about_box{
		position: static;
		transform: translate(0);
		flex-wrap: wrap;
		height: initial;
	}
	.index_page1 .btm_module > .picBox{
		display: none;
	}
	.top_module{
		padding-bottom: 40px;
	}
	.index_page1 .btm_module .about_box > .picBox{
		width: 100%;
		max-height: initial;
	}
	.index_page1 .btm_module .about_box .num_list2{
		width: 100%;
	}
	.num_list2 ul li{
		padding: 50px ;
	}
	
	
		/*手机表格开始*/
    .ntable{
        width: 100%;
        overflow-x: scroll;
        position: relative;
    }
    .finger{
        position: absolute;
        left: 0;
        top: 0%;
        width: 100%;
        height: 100%;
        display: block;
        background: rgba(0,0,0,.3);
        text-align: center;
        vertical-align: middle;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
        display: flex;
    -webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
    justify-content: center;
	
    }
    .finger img{
        width: 100px;
    }
	/*手机表格结束*/
	
	
}
/*=================================手机或小平板 phone=============================== */
@media screen and (max-width: 767px) {
	.m_nav {
		top: 96px;
	}
	.inside_banner{
		margin-top: 96px;
	}
	.logo {
		height: 30px;
	}
	.hea-top .right .item:last-child {
		display: none;
	}
	.hea-top .left > div:last-child {
		display: none;
	}
	.hea-top .left > div {
		margin-right: 0;
	}
	.hea-top .right .item {
		margin-right: 10px;
	}
	.hea-top .right .item:nth-last-child(2) {
		margin-right: 0;
	}
	.hea-top {
		height: 36px;
	}
	.hea-btm {
		height: 60px;
	}
	.m_nav {
		z-index: 92;
		/* padding-top: 0; */
	}
	.m_nav .ul li a {
		font-size: 16px;
		height: 60px;
		line-height: 60px;
	}
	.m_nav .ul li .mb_navpage .mv_item a {
		height: 42px;
		line-height: 42px;
		font-size: 14px;
	}
	.index_banner {
		width:100%;
		height:auto;
	}
	.index_banner img {
		width:100%;
		object-fit: cover;
	}
	.index_page1 {
		padding-top: 8%;
	}
	.top_module .tit {
		max-width: 92%;
		margin: 0 auto 20px auto;
		width: 100%;
	}
	.top_module .tit h3 {
		font-size: 21px;
	}
	.top_module .tit p {
		font-size: 16px;
	}
	.index_page1 .btm_module .about_box {
		position: static;
		left: 0;
		top: 0;
		transform: translate(0);
		flex-wrap: wrap;
		height: auto;
	}
	.index_page1 .btm_module > .picBox {
		display: none;
	}
	.top_module {
		padding-bottom: 8%;
	}
	.index_page1 .btm_module .about_box > .picBox {
		width: 100%;
		max-height: initial;
		height: auto;
	}
	.index_page1 .btm_module .about_box .num_list2 {
		width: 100%;
		height: auto;
	}
	.num_list2 ul {
		grid-template-columns: 100%;
	}
	.num_list2 ul li {
		padding: 6% 12%;
	}
	.num_list2 ul li .counter-value .j {
		font-size: 16px;
	}
	.num_list2 ul li .counter-value .timer {
		font-size: 40px;
	}
	.ins-tit h3 {
		font-size: 24px;
	}
	.ins-tit p {
		font-size: 16px;
		margin-top: 10px;
	}
	.index_page2 {
		padding: 60px 0 8% 0;
	}
	.inproduct_list {
		max-width: 92%;
		width: 100%;
		margin: 8% auto;
		display: none;
	}
	.inpro-swiper1 .swiper-slide .pro-name {
		font-size: 21px;
	}
	.inpro-swiperBox {
		grid-template-columns: 100%;
	}
	.inpro-swiper1 .swiper-slide .pro-type {
		font-size: 16px;
	}
	.inpro-swiper1 .swiper-slide .pro-editor {
		font-size: 14px;
		text-align: left;
		margin-top: 6%;
	}
	.inpro-swiper2 {
		margin-top: 8%;
	}
	.index_page3 .textBox .font h3 {
		font-size: 24px;
	}
	.index_page3 .textBox {
		left: 4%;
		right: 4%;
	}
	.index_page3 .textBox .font p {
		font-size: 18px;
	}
	.index_page3 .textBox .icon-list {
		margin: 10% 0;
		gap: 20px;
		grid-template-columns: repeat(3, 60px);
	}
	.index_page3 .textBox .icon-list li .box {
		height: 60px;
	}
	.index_page3 .textBox .icon-list li p {
		font-size: 12px;
	}
	.index_page3 .picBox {
		height: 500px;
	}
	.index_page4 {
		padding: 8% 0;
	}

	.news-swiper .swiper-slide {
		width: 100%;
	}
	.news-swiper .swiper-slide {
		height: auto;
	}
	.news-swiper .swiper-slide .cotain .textBox {
		position: static;
		width: 96%;
		height: auto;
		padding: 8% 5%;
		margin: 0 auto;
		margin-top: 10%;
		transform: translate(0);
		opacity: 1;
		bottom: 5px;
	}
	.news-swiper .swiper-slide .picBox {
		height: auto;
	}
	.news-swiper .swiper-button-prev {
		top: 30%;
		left: 20px;
	}
	.news-swiper .swiper-button-next {
		top: 30%;
		right: 20px;
	}
	.news-swiper .swiper-slide .cotain .textBox .news-tit {
		font-size: 20px;
		line-height: 1.6;
	}
	.news-swiper .swiper-slide .cotain .textBox .news-inf {
		font-size: 15px;
		margin: 6% 0;
	}
	.news-swiper .swiper-slide .cotain .textBox span.time {
		margin-bottom: 6%;
	}
	.news-swiper .swiper-slide .cotain {
		padding-bottom: 0;
	}
	.index_page5 .picBox {
		display: none;
	}
	.index_page5 {
		padding: 4% 0 10%;
	}
	.index_page5 .textBox {
		width: 92%;
		margin: 0 auto;
		position: static;
		left: 0;
		top: 0;
		transform: translate(0);
		height: 120px;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: 100%;
		background: url(../images/backGrad01.png) no-repeat center;
	}
	.index_page5 .textBox .item a {
		font-size: 16px;
		margin-top: 16px;
	}
	.index_page5 .textBox .item i {
		font-size: 32px;
	}
	.index_page5 .textBox .item {
		padding-left: 0;
		text-align: center;
	}
	.footer .footer_top {
		display: none;
	}
	.footer .footer_btm .w1650 > a {
		display: none;
	}
	.footer .footer_btm p {
		font-size: 14px;
		text-align: center;
	}
	.footer .footer_btm {
		padding: 15px 4%;
	}
	.inside_banner .picBox {
		height: 165px;
	}
	.inside_banner .textBox h3 {
		font-size: 26px;
	}
	.inside_banner .textBox p {
		font-size: 16px;
	}
	.inside-nav {
		display: none;
	}
	.about_nav {
		padding: 8% 4% 2% 4% !important;
		overflow-y: auto;
		width: 100%;
	}
	.about-tit {
		font-size: 26px;
	}
	.about-contain {
		grid-template-columns: 100%;
	}
	.about-contain .editor {
		font-size: 14px;
		line-height: 1.8;
	}
	.about-contain .num_list2 ul {
		grid-template-rows: repeat(4, 130px);
	}
	.about-contain .num_list2 ul li {
		padding: 0 15px 10px 25px;
	}
	.inside .pageabout {
		padding: 8% 0 !important;
	}
	.about_page2 {
		height: 320px;
		background: #F7F7F7;
	}
	.news_btmlist li:first-child{
		margin-top: 0;
	}
	#play {
		bottom: 30%;
		transform: translate(-50%, 50%);
	}
	.about_page3 .grid,
	.friend-page .grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 2%;
	}
	.about_page3 .grid li img,
	.friend-page .grid li img {
		width: 90%;
		margin: 0 auto;
	}
	.about_page3 .grid li p{
		margin-top:10px;
	}
	.honor {
		max-width: 86%;
		margin: 20px auto;
	}
	.honor .swiper-button-prev {
		left: -10px;
	}
	.honor .swiper-button-next {
		right: -10px;
	}
	.about_page4 {
		min-height: inherit;
		height: auto;
	}
	.about_page5 .contact {
		grid-template-columns: 100%;
		margin-top: 6%;
	}
	.about_page5 .contact .left .ipone span {
		font-size: 28px;
	}
	.about_page5 .contact .left .item h3 {
		font-size: 18px;
	}
	.about_page5 .contact .left .item p span {
		font-size: 14px;
		line-height: 32px;
	}
	.about_page5 .contact .left .item {
		padding: 15px 0 15px 15px;
	}
	.message {
		max-width: 100%;
	}
	.about_page5 .contact .right {
		justify-self: initial;
	}
	.message .layout-inputBox {
		width: 100%;
		margin-right: 0;
	}
	.message .layout-inputBox:nth-last-child(2) {
		min-width: inherit;
	}
	.message .layout-inputBox textarea {
		height: 200px;
	}
	.message .layout-inputBox:nth-child(4) .input-text {
		height: 200px;
	}
	.friend-md-page .grid {
		grid-template-columns: 100%;
	}
	.news-detail .grid .right {
		display: none;
	}
	.news-detail .grid {
		grid-template-columns: 100%;
	}
	.news-detail .grid .left {
		padding-right: 0;
		border-right: none;
		padding-bottom: 6%;
	}
	.news-detail .grid .left .editor {
		margin-top: 8%;
		font-size: 14px;
		line-height: 1.8;
	}
	.news-detail .grid .left .news-tit h3 {
		font-size: 24px;
	}
	.news-control .right a {
		display: none;
	}
	.news-control .left a span:last-child {
		display: none;
	}
	.news-control .left {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.news-detail {
		padding: 60px 0 10%;
	}
	.news_toplist {
		grid-template-columns: 100%;
		gap: 30px 0;
	}
	.news_toplist .item .textBox .tit {
		font-size: 18px;
		line-height: 1.8;
	}
	.news_btmlist li a {
		flex-wrap: wrap;
	}
	.news_btmlist li a .picBox {
		width: 100%;
		height: 240px;
	}
	.news_btmlist li a .textBox {
		padding: 8% 4% 0 4%;
	}
	.product-new .page-tit {
		padding: 30px 0;
	}
	.product-new .page-tit h3 {
		font-size: 24px;
		margin-bottom: 30px;
	}
	.product-new .page-tit .select_lsit {
		grid-template-columns: 100%;
		gap: 20px 0;
	}
	.product-new .pro_list .item .w1400 {
		flex-wrap: wrap;
	}
	.product-new .pro_list .item .w1400 .picBox {
		width: 100%;
		height: 205px;
		border-radius: 10px;
	}
	.product-new .pro_list .item .w1400 .textBox {
		padding: 8% 0;
		width: 100%;
		height: initial;
	}
	.product-new .pro_list .item:nth-child(2n + 1) .w1400 .textBox {
		padding: 8% 0;
	}
	.product-new .pro_list .item .w1400 .textBox .icon_li {
		gap: 0 10px;
	}
	.product-new .pro_list .item .w1400 .textBox a.more{
		margin-top: 20px;
	}
	.product-new .pro_list .item {
		padding: 8% 0 0% 0;
	}
	.product-new .page-tit .select_lsit .item {
		border: 1px solid #ccc;
	}
	.product-new .page-tit .select_lsit .item .chosen-select-deselect {
		height: 100%;
	}
	.product-list .pro-list .grid{
		grid-template-columns: 100%;
	}
	.product-list .pro-list .grid li .pro-name{
		font-size: 14px;
	}
	.book.grid{
		grid-template-columns: 100%;
	}
	.ins.grid{
		grid-template-columns: 100%;
	}
	.video-list.grid{
		grid-template-columns: 100%;
	}
	
	
		/*手机表格开始*/
    .ntable{
        width: 100%;
        overflow-x: scroll;
        position: relative;
    }
    .finger{
        position: absolute;
        left: 0;
        top: 0%;
        width: 100%;
        height: 100%;
        display: block;
        background: rgba(0,0,0,.3);
        text-align: center;
        vertical-align: middle;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
        display: flex;
    -webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
    justify-content: center;
	
    }
    .finger img{
        width: 100px;
    }
	/*手机表格结束*/
	

	.pro-list .pro_page1 .flex{flex-wrap: wrap;}
	.pro-list .flex .picBox{width: 100%;}
	.pro-list .flex .fontBox{width: 100%;margin-top: 60px;}
	.pro-list .pro_page1{padding:8% 0;}
	.pro-list .pro-icon-list ul{padding: 8% 0;flex-wrap: wrap;display: grid; grid-template-columns: repeat(2,1fr);gap: 20px;}
	.pro-list .pro-icon-list ul li p{line-height: 24px;text-align: center;margin-top: 16px;}
	.pro-list .pro_page2{padding: 8% 0;}
	.pro-list .pro_page2 .flex{flex-direction: row;flex-wrap: wrap;}
	.pro-list .pro_page3{padding: 8% 0;}
	.pro-list .pro_page3 .flex{flex-wrap: wrap;}
	.pro-list .table_img{
		    flex-direction: column;
	}
	.pro-list .table_img img{
		width:100%;
	}
	.pro-editor img{
		margin:20px 0;
	}
	.pro-list .table_img .ntable img{
		width:100px;
	}
	.product-new .pro_list .item .w1400 .picBox{flex: initial;}
	
	.pro-editor-news img{width: 100%;}
}
