@charset "utf-8";
@font-face{ font-family: bahnschrift; src: url(../fonts/bahnschrift.ttf);}
@media (min-width:1601px){html{font-size:16px;}}

@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}

@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}

@media (min-width:471px) and (max-width:639px){html{font-size:12px;}}

@media (min-width:329px) and (max-width:470px){html{font-size:11px;}}

@media (max-width:328px){html{font-size:10px;}}



@media (min-width: 768px)

{
.news01 .txt h5,#s_zixun .bd ul li h5{ transition: .5s;}
#s_rukou ul li font{ transition: .7s;}
#s_yinxiao ul li a:hover{ box-shadow: 0px 6px 20px 0px rgba( 152, 70, 7 ,.2); transform: translateY(-2rem);}
#s_rukou ul li:hover font{ transform: rotateY(180deg);}
.news01 .img img,#s_coop ul li .pic img{ transition: 1s;}
.news01:hover .img img,#s_coop ul li:hover .pic img{ transform: scale(1.05) rotate(.1deg);}
.news01:hover .txt h5,#s_zixun .bd ul li:hover h5{ color: #0181f6;}
.s_foot_link .tanchu a{ font-size: 14px;}
}

@media (min-width: 992px)

{
 

}

@media (min-width: 1200px)

{
 

}

@media (min-width: 1280px)

{
 

}





@media (min-width: 1440px)

{
 	

}





@media (min-width: 1660px)

{
 

}

@media screen and (min-width:1200px) and (max-width:1440px){

 

 

}

@media (max-width: 1660px)

{

 	

}

@media (max-width: 1600px)

{



#nav ul li a{ padding: 0 1rem;}





}

.web{}

.wap{ display:none;}

@media (max-width: 1440px)

{

#nav ul li a{ padding:0 .8rem;}

#nav ul li h3{ font-size:1rem;}

}

@media (max-width: 1360px)

{
 #logo img { height: 60px;}
 
}

@media (max-width: 1300px)

{
	#banner .swiper-container { width: 100%;}
 
}

@media (max-width: 1280px)

{
.j_tab_cel img{ }
#nav{ margin-right:1.5rem;}
#header{ display:none;}
#m_header{ display:block; }
#nav_btn_box{ display: block;}
#n_banner{ margin-top: 4.5rem;}
#n_banner .txt{ padding-top: 0;}
#n_banner .txt i{ width: 30px; height: 3px; margin-top: 2rem;}
body{ padding-top: 4.5rem;}
}



@media (max-width: 1200px)

{
#nav{ margin-right:0;}
#nav ul li { margin: 0;}
#nav ul li a{ padding:0 .4rem;}
.m{ padding: 0 100px;}
#n_huodong ul li .img{ width: 15rem;}	
#n_huodong ul li .txt{ width:calc(100% - 15rem); padding: 1rem 1.25rem;}	
}

@media (max-width: 1100px)

{
	#s_zixun .bd .news01{ width: 100%; float: none; overflow: hidden;}
	#s_zixun .bd ul{width: 100%; float: none; padding: 0; margin-top: 2rem;}
	.left_con{ width: 15rem;}
	.right_con{ width: calc(100% - 17rem);}
}

/*==========================导航和banner变成手机模式============================*/

@media (max-width: 992px)
{
.web{ display:none;}
.wap{ display:block;}
.online_q{ display:none;}
.n_nav {float: none;}
#s_pro ul li{ width:50%;}
#s_rukou ul li{ margin-right: 0;}
#s_rukou ul li a{ background-position: center !important; padding: 1.5rem 0;}
#s_rukou ul li font{ margin: 0 auto; display: block; margin-bottom: 1rem;}
#s_rukou ul li h3{ font-size: 1.25rem;}
.left_con,.right_con{ width:100%; float:none;}
.right_con{ margin-top:2rem;}
.n_nav { overflow:hidden;
    border-top: 5px solid #1b58a9;
    border-left: 1px solid #d4dae0;
}
.n_nav ul{  flex-wrap: wrap ;justify-content: space-between ;}
.n_nav ul li{  flex-grow: 1;float:left; min-width:33.333%}
.n_nav ul li a{ padding-left:1rem; height:45px; line-height:44px; padding-right:9px;}
.n_nav ul li a:before{ right:0; width:6px; height:6px; margin-top:-3px; }
.n_nav ul li a:hover:before, .n_nav ul li.on a:before{border: 2px solid #fff;}
.n_nav ul li a:after{ display: none;}
.n_nav ul li a:hover, .n_nav ul li.on a{ color: #fff; background: #1b58a9;}
#n_login .left{display: none;}
#n_login .right{ width: 100%; float: none;border: 1px solid #e5e5e5; height: auto; padding-bottom: 6rem;}
.n_head .fr{ float: none;}
.n_head .n_logo{ display: none;}	
}

@media (min-width:481px) and (max-width:992px){ 

}

@media (max-width: 860px)
{
 
}

@media (max-width: 768px)

{
.pad_top{ padding-top:3rem;}
.pad_bot{ padding-bottom:3rem;}
.xs_jianju{ margin-left:-5px !important; margin-right: -5px !important;}
.xs_jianju li{ padding: 0 5px !important;}
 .m{ padding: 0 30px;}
.n_nav ul li{ line-height:3; }
.n_nav ul li a{ }
.n_nav ul li font{ display:block; margin:0 auto; width: 1.2rem; height: 1.2rem; line-height:1.2rem;}
.pad_top{ padding-top:3rem;}
.pad_bot{ padding-bottom:3rem;}
.pad_aside{ padding-left:1rem; padding-right:1rem;}
.n_article .ar_article{ padding-bottom:10px !important;}
.ar_article table{ width:100% !important;}
.ar_article table td,.ar_article table th{ padding:3px 2px !important; font-size:10px !important; font-weight:normal !important; width:auto !important; height:auto !important;}
.ar_article table td *,.ar_article table th *{ padding:3px 2px !important; font-size:10px !important; font-weight:normal !important; padding:0 !important;}
.draw_h { width: 40px !important; height:40px !important;line-height: 38px !important;}
	#banner .con .tt h3{ font-size: 3.5rem;}
	#banner .con .tt span{ font-size: 2rem;}
	#m_logo img { max-height: 40px;}
	.news01 .img{ width:50%;}
	.news01 .txt{ width:50%; max-width: inherit;}
	.news01 .txt p{ height: 8rem;}
	#foot>.m{ flex-wrap: wrap;}
	#foot .item{ width:100%; margin-bottom: 1.5rem; max-width: inherit;}
	.foot_logo{ display: none;}
	.s_foot_link{ margin-top: 1rem;}
	.news01 .txt h5{ font-size: 1.5rem; line-height: 2rem; height: 4rem; overflow: hidden; margin-bottom: 1rem;}
	.news01 .txt p{ line-height: 1.75rem; height: 5.25rem;}
	#s_rukou ul li font{ width: 5rem; height: 5rem;}
	#banner .con .tt h3{ letter-spacing: .625rem;}
	#n_banner{ height: 15rem;}
	#n_zhanlan ul li{ width:50%;}
	#s_pro ul.xs_jianju4 li{ width:50%;}
	#s_pro ul.xs_jianju4 li button{ width: 9.6rem; margin: 0 auto;}
	.page{ text-align: center;}
	.mlist02{ display: block;}
	#s_pro .pageLeft{ width: 100%; display: block; float: none;}
	#s_pro .pageRight{ width: 100%; display: block; float: none; position: static !important; margin-right: 0 !important; margin-top: 2rem; max-width: inherit !important;}

	#s_pro .m>div{ display: block !important;}
	.top_search2 img{ display: none;}
	.top_search2 div{ position: static !important; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
	#s_pro div.detLeft{ width: 100%; display: block; float: none; padding: 0 !important;}
	#s_pro div.detright{ width: 100%; display: block; float: none; position: static !important; margin-right: 0 !important; padding: 0 !important; margin-top: 2rem; max-width: inherit !important;}
	#s_pro div.detright div.detBox{ min-height: inherit !important; margin-bottom: 0;}
	.top_nav_box>div.top_nav_box_l{ width: 100%; float: none;}
	.top_nav_box>div.top_nav_box_r{ width: 100%; float: none;}
}

@media (max-width: 480px)

{
	.m{ padding: 0 15px;}
.n_position{ padding-left: 24px; }
#s_rukou ul { flex-wrap: wrap;}
#s_rukou ul li{ width: 33.333% !important; margin-bottom: 10px; }
#s_rukou ul li:nth-child(1){ width: 50% !important; }
#s_rukou ul li:nth-child(2){ width: 50% !important; }
#s_rukou ul li img{ height: 2rem; width: auto;}
#s_rukou{ padding-top: 2rem; padding-bottom: 2rem;}
#s_zixun .bd .jyzx>div{ width: 100% !important; float: none !important;}
#s_pro ul.xs_jianju2>li{ width: 100%; margin: 0;}
#s_zixun .bd .news01 p{ font-size: 12px;}
.pad_top {
    padding-top: 2rem;
}
.pad_bot {
    padding-bottom: 2rem;
}
#s_zixun .bd ul{ margin-top: 1rem; overflow: hidden;}
#m_logo img {
    max-height: 30px;
}
#s_pro .pageLeft div.product div{ width: 50%; margin: 0; padding: 10px;}
#s_mian #s_pro .top_nav a{ width: 33.3333%; margin: 0 ; float: left; text-align: center;}
#s_mian #s_pro .top_nav{ height: auto; overflow: hidden;}
.top_list div{ width: 100% !important;}
#n_zixun ul li .imgbox{ width: 100% !important; max-width: inherit !important; margin: 0 !important;}
#n_zixun ul li .txt{ width: 100% !important; max-width: inherit !important; margin: 0 !important;}
#n_zixun ul li a{ display: block !important;}
#xuqiu>h3{ font-size: 1.5rem;}
.top_search2{ margin-top: 2rem;}
.pf_lianxi p{ font-size: 10px;}
#s_pro.rzqy ul li{ width: 33.333% !important;}
#s_pro.rzqy ul li:nth-child(10){ display: none; }
#banner .fy img{ height: 100px;}
.content334 p{ padding-left: 0 !important; padding-right: 0 !important;}
video {
    max-width: 100%;
    height: 200px;
}
}