/*--手机站导航开始------*/
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%; display: none;  -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}
.sp_logo{padding:8px 10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:35px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#DC0000;width:25px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:8px}
.sp_nav span:nth-of-type(3){top:16px}
.sp_nav_se span:nth-of-type(1){top:9px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:9px;transform:rotate(-45deg)}
/*.sjj_nav{position:fixed;z-index:9;background:#f7f7f7;width:100%;height:100%;line-height:35px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
*/
.sjj_nav{position:fixed;z-index:99;background:#f7f7f7;width:100%; height:100%;line-height:35px;right:-100%;overflow:auto;overflow-x:hidden;transition:right ease 0.35s; top: 50px;}

.nav_show{right:0px; }
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:0px;right:0px;border-left:1px #ddd solid;height:40px;padding:0px 10px 0 10px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s; }
.sjj_nav ul li i em{transform:rotate(0deg);transition:all ease 0.35s; display:block; font-size:16px; height:40px; margin-top:0px;  line-height:40px; }
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li .sjj_nav_i_se em{transform:rotate(90deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%;/*text-transform:uppercase; */display: block;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#DC0000}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*----手机站导航结束----------*/



/*
1919px [1920×1080]
*/
@media only screen and (max-width: 1919px) {

}
/*
1800px 过渡尺寸
*/
@media only screen and (max-width: 1800px){
html{ font-size: 90px; }
}
/*
1680px [1680×1050]
*/
@media only screen and (max-width: 1680px) {
html{ font-size: 80px; }

}

/*
1500px 过渡尺寸
*/
@media only screen and (max-width: 1500px) {

}
/*
1600px [1600×900]
*/
@media only screen and (max-width: 1600px) {


}

/*
1440px [1400×900]
*/
@media only screen and (max-width: 1440px) {


}

/*
1400px 过渡尺寸
*/
@media only screen and (max-width: 1400px) {
html{ font-size: 70px; }
}


/*
1366px [1366×768]
*/
@media only screen and (max-width: 1366px) {

}

/*
1280px [1280×1024] [1280×800]
*/
@media only screen and (max-width: 1280px) {



}
/*
1200px 过渡尺寸
*/
@media only screen and (max-width: 1200px) {
html{ font-size: 60px; }
.w1200{ width: 96%; }
.top,.top1{ display: none; }
.dian{ height: 50px; }
.sp_header{ display: block; }
span.spanpagelist{ display:none}
span.spanpagejump{ display:none}
.page_fy a {padding: 5px 10px; border: #eee 1px solid;}
.n_dh {
    width: 100%;
	white-space: nowrap;
	/*设置横向滚动*/
	overflow-x: scroll;
	/*禁止纵向滚动*/
	overflow-y: hidden;
	/*设置边距改变效果为内缩*/
	box-sizing: border-box;
}

.n_dh::-webkit-scrollbar {display: none;}
.n_dh a{  margin:0;}
.banner .swiper-button-next, .banner .swiper-button-prev{ display: none; }
.nnr li.lo{ padding-bottom: 15px; }
.nnr li.lo p{ bottom: 15px; }
.nnr .con {gap: 20px;}
.banner .pic1 img{ object-fit: cover; }
.banner .pic1 span{ padding-bottom: 36%; }
}

/*
1100px 过渡
*/
@media only screen and (max-width: 1100px) {


}

/*
1024px [1024×768] ipad1 ipad2 ipad mini 手机端开始
*/
@media only screen and (max-width: 1024px) {

}

/*
1000px 过渡
*/
@media only screen and (max-width: 1000px) {


}

/* 900px 过渡 */
@media only screen and (max-width: 900px) {


}

/* 800px 竖屏 安卓平板 */
@media only screen and (max-width: 800px) {
.nnr li.lo{ padding-bottom: 10px; }
.nnr li.lo p{ bottom: 10px; }
}

/* 768px 竖屏 ipad mini */
@media only screen and (max-width: 767px) {
.tong_connr img{ width: auto!important; height: auto!important; display: block; }
.n_tit{ font-size: 22px; }
.nnr .con {

    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.about,.about_nr img{ float: none; margin:10px auto; width: 100%!important; height: auto!important }
.about_nr{ height: auto; padding-right: 0; }
.foot span,.foot  a{ display: block; }
.main-im{ display: none; }
.pic img{ height: 150px; }
#dem{ height: 150px; }
}



/* 700px 过渡 */
@media only screen and (max-width: 700px) {





}

/* 640px 过渡 */
@media only screen and (max-width:640px){


}
/* 绝对手机模式 */
@media only screen and (max-width: 600px) {

}

/* 苹果s */
@media only screen and (max-width: 414px) {

}

/* 苹果普通、X */
@media only screen and (max-width: 375px) {

}

/* 安卓小屏 */
@media only screen and (max-width: 360px) {


}

/* 苹果5 */
@media only screen and (max-width: 320px) {
body{ font-size: 12px; }

}

/*手机横屏*/
@media (max-width:850px) and (max-height:414px) {


}

@media (max-width:600px) and (max-height:320px) {

}