@charset "utf-8";
@font-face{ font-family: BarlowCondensed-Regular; src: url(../fonts/BarlowCondensed-Regular.ttf);}
@font-face{ font-family: BarlowCondensed-Medium; src: url(../fonts/BarlowCondensed-Medium.ttf);}
@font-face{ font-family: BarlowCondensed-Bold; src: url(../fonts/BarlowCondensed-Bold.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:481px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:480px){html{font-size:12px;}}
#s_news .bd ul li .txt:before,#s_news .bd ul li .txt h5,#s_news .bd ul li .txt p,#s_news .bd ul li .time,#s_news .bd ul li .btn_xq2{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
@media (min-width: 768px)
{
}
@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)
{
	.mouse_down{ left: 50px; margin-left: 0;}
	#banner .slickdotbox{ right: 50px; margin-right: 0;}
}
@media (max-width: 1600px)
{
#nav ul li a{ padding: 0 1rem;}
#n_licheng ul li .txt{ font-size: 1.0625rem; margin-left: 15rem;}
.hot_tt h3{ font-size: 1.625rem;}
#news_tuikjian02 ul li h2{ font-size: 1.125rem;}
}
.web{}
.wap{ display:none;}
@media (max-width: 1440px)
{
	.n_nav a{ font-size: 1.125rem;}
	.menu-handler{ top: 2rem; right: 2rem;}
	.s_tt2{ margin-bottom: 2rem;}
	#s_news .bd .btn_r{ top: -6.375rem;}
	.s_shuzi{ margin-top: 4rem;}
	#s_about .txt{ margin-bottom: 3rem;}
	#n_banner{ height: 30rem;}
}
@media (max-width: 1360px)
{
	#n_banner{ height: 28rem;}
}
@media (max-width: 1280px)
{
	#n_coop ul li{ width: 20%;}
	#n_banner{ height: 25rem;}
}
@media (max-width: 1200px)
{
#nav{ margin-right:1.5rem;}
#header{ display:none !important;}
#m_header{ display:block; }
#nav_btn_box{ display: block;}
#banner{ padding: 0;}
/* .section{ padding: 4rem 0;} */
#s_case ul li{ width: 50%;}
#s_coop ul li{ width: 33.333%;}
#s_about .left{ width: 70%;}
/* .fp-section, .fp-tableCell{ height: auto !important;} */
body.ny{ padding-top: 4rem;}
#n_banner .con{ padding: 0;}
#n_banner .txt{ padding: 0;}
.n_nav_box{ margin-top: 0;}
.n_nav_box .m{ padding: 0;}
#n_licheng ul li .txt{ margin-left: 14rem;}
#n_licheng ul li .year span{ left: 6.5rem;}
}
@media (max-width: 1100px)
{
}
/*==========================导航和banner变成手机模式============================*/

@media (max-width: 992px)
{
.web{ display:none;}
.wap{ display:block;}
.online_q{ display:none;}
#n_rencai .left{ width: 100%; float: none; padding: 0; max-width: inherit;}
#n_rencai .right{ width: 100%; float: none; padding: 0; margin: 0;}
#n_rencai .right .box{ background: none; padding: 0; height: auto;}
#n_rencai .right ul{ margin: 0 -5px;}
#n_rencai .right ul li{ padding: 0 5px;}
#n_rencai .slick-prev{ left: 5px; }
#n_rencai .slick-next{ right: 5px; }
#n_coop ul li{ width: 25%;}
#n_zhiwei .m{ display: block; position: relative;}
#n_zhiwei .m .item{ width: 50%; float: left; margin-top: 2rem;}
#n_zhiwei .m .tt{ width: 45%;}
.btn_link{ position: absolute; right: 50px; top: 0; width: 45%;}
.btn_link img{ margin-right: 5px;}
#n_zhiwei{ margin-top: 2rem;}
#n_fangan ul li .img{ width: 30rem;}
#n_wenhua .tt{ width: 24rem;}
#n_wenhua ul li.li_1{ margin-right: 16rem;}
#n_wenhua ul li.li_2{ margin-left: 16rem;}
#n_wenhua ul li.li_3{ margin-left: 16rem;}
#n_wenhua ul li.li_4{ margin-right: 16rem;}
#n_wenhua .tt .mask img{ width: 2.125rem;}
#n_wenhua .tt .mask h3{ font-size: 1.875rem;}
#n_wenhua .tt .mask span{ font-size: 1.5rem;}
#n_wenhua ul li p{ font-size: 1.125rem; margin-top: 5px; line-height: 1.5;}
#n_fuli ul li{ width: 20%; margin: 0 !important;}
#n_fuli ul li:nth-child(1),#n_fuli ul li:nth-child(10){ margin-left: 10% !important;}
#n_news_xq .left_con{ width: 100%; float: none;}
#n_news_xq .right_con{ display: none;}
}

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

@media (max-width: 860px)
{
	#n_zizhi ul li{ width: 33.333%;}
}

@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;}
 
.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;}
#m_logo img { max-height: 28px;}
#footer .m{ display: block;}
#footer .left{ width: 100%; float: none;}
#footer .right{ width: 100%; float: none;}
 .foot_nav{ display: none;}
 .copyright{ padding: .75rem; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
 .copyright .fl{ float: none; text-align: center;}
 .copyright .fr{ float: none; text-align: center; margin-top: 10px;}
 .foot_ewm{ margin: 0; float: right; position: absolute; top: 0; right: 0; width: 6rem;}
 #footer .left{ position: relative; padding-right: 8rem;}
 #n_coop ul li{ width: 33.333%;}
 #n_zizhi ul li{ width: 50%;}
 #n_join #list_slide dt{ padding: 0 1rem;}
 #n_join #list_slide dt h3 b{ padding-left: 30px; font-size: 1.125rem;}
 #n_join #list_slide dt h3 span{ font-size: 1rem;}
 #n_join #list_slide dt h3 span svg{ display: none !important; }
 #n_join #list_slide dt h3 span.span04{ font-size: 0 !important;}
 #n_join #list_slide dd{ padding: 20px;}
 #n_fangan ul li .img{ width: 23rem;}
 #n_licheng ul li .txt{ margin-left: 13rem;}
 #n_licheng ul li .year span{ left: 5.5rem;}
 #n_fuli .m ul li{ width: 33.3333%; margin: 0 !important;}
 #n_fuli .m ul li:nth-child(4),#n_fuli .m ul li:nth-child(9),#n_fuli .m ul li:nth-child(14){ margin-left: 16.66666% !important;}
 #n_case ul li{ width: 50%;}
}

@media (max-width: 480px)

{
	.m{ padding: 0 15px;}
	/* #banner li .img{ height: 50vh;} */
	#s_about .left{ width: 100%;}
	.mouse_down{ display: none;}
	#banner .slickdotbox{ width: 100%; height: auto; top: auto; margin-top: 0; bottom: 3rem; right: 0;}
	#banner .slick-dots li{ display: inline-block;}
	#banner .slick-dots li button:before{ width: 1.25rem; height: 5px;}
	#s_fangan ul li a{ height: auto;}
	#s_fangan ul li a font{ width: 2rem;}
	#s_fangan ul li a h4{ font-size: 1.125rem;}
	#s_fangan ul li a p{ margin-top: 1rem;}
	#s_fangan ul li a .btn_more{ opacity: 1; height: auto; margin-top: 2rem !important;}
	#s_fangan ul li a .btn_more span{ display: none;}
	.s_tt,.s_tt2{ margin-bottom: 2rem;}
	.s_tt h3,.s_tt2 h3{ font-size: 1.75rem;}
	.s_tt span,.s_tt2 span{ font-size: 1.125rem;}
	#s_about .txt{ margin-bottom: 2rem;}
	.s_shuzi{ margin-top: 2rem;}
	#s_coop ul li .pic{ width: 7.5rem; height: 7.5rem;}
	#s_coop ul li a:before{ background-size: 9rem !important;}
	#s_news .hd{ padding-right: 3.5rem;}
	#s_news .hd ul{ width: 15rem;}
	#s_news .bd .btn_r{ top: -6rem;}
	#s_news .bd ul { margin: 0 -5px;}
	#s_news .bd ul li{ padding: 0 5px;}
	#s_news .bd ul li .txt{ padding: 1rem;}
	#s_news .bd ul li .txt p{ height: 4.5rem;}
	#s_case ul{ margin-left: -5px; margin-right: -5px;}
	#s_case ul li{ padding: 0 5px;}
	#n_shuzi ul{ margin: 0 -1rem;}
	#n_shuzi ul li{}
	#n_shuzi ul li span{ font-size: 36px;}
	#n_shuzi ul li font{ margin: 0;}
	#n_shuzi ul li p{ font-size: 11px; white-space: nowrap;}
	#n_shuzi ul li:first-child font{ font-size: 10px;}
	.s_foot_link .tanchu>div{background: #0c69a2; }
	.copyright .fl{ padding: 0 1rem;}
	.copyright{ padding: .75rem 0;}
	#n_banner{ height: 14rem;}
	#n_rencai .left .tt{ margin-bottom: 2rem;}
	.page a{ margin: 0 2px;}
	#n_coop ul li .picbox{ padding: 6px;}
	#n_coop ul li .pic{ width: 8rem; height: 8rem;}
	#n_dangjian ul li{ width: 100%;}
	#n_dongtai ul li .img{ width: 13rem; height: 11rem; margin-right: 1rem;}
	#n_dongtai ul li .txt{ height: 11rem;}
	#n_dongtai ul li .txt span{ margin-bottom: 8px;}
	#n_dongtai ul li h2{ margin-bottom: 8px; font-size: 1.125rem;}
	#n_dongtai ul li .btn_xx{ margin-top: 5px;}
	.btn_link{ right: 15px;}
	#n_zhiwei .m .item .ico{ width: 2.5rem; margin: 0 auto; margin-bottom: 1rem;}
	#n_zhiwei .m .item p{ font-weight: normal;}
	#n_zhiwei .m .item span{ font-family: BarlowCondensed-Regular;}
	#n_zhiwei .m .item{ width: auto;}
	#n_zhiwei .m .item+.item{ margin-left: 2rem; }
	.btn_link{ display: block; width: 40%;}
	.btn_link img{ float: none;}
	.btn_arr3{ margin: 0 auto; margin-top: 1rem;}
	#n_zhiwei .m .tt{ width: 52%;}
	#n_lianxi ul li p{ font-size: 1rem;}
	#n_fangan ul li .img{ width: 100%; float: none; height: auto;}
	#n_fangan ul li .txt{ float: none; width: 100%; height: auto; padding-top: 1.5rem;}
	#n_fangan ul li .btn_xx{ margin-top: 1rem;}
	#n_fangan ul li h2{ margin-bottom: .5rem;}
	#n_fangan ul li .txt span{ display: none;}
	#n_licheng ul li .year:after{ display: none;}
	#n_licheng ul li .year span{ left: 3rem; font-size: 2rem;}
	#n_licheng ul li .txt{ margin-left: 8rem; padding: 1rem; font-size: 1rem;}
	#n_licheng ul li .txt dt{ line-height: 2rem;}
	#n_licheng ul li .txt dd{ line-height: 2rem;}
	#n_licheng .tt{ margin-bottom: 6rem;}
	#n_wenhua ul li{ position: static; margin: 0 !important; text-align: center !important; margin-top: 2.5rem !important;}
	#n_wenhua ul li h5{ font-size: 1.25rem; font-weight: bold;}
	#n_wenhua ul li span{ font-size: 1.375rem; color: #999;}
	#n_wenhua ul li p{ font-size: 1.25rem;}
	#n_wenhua ul li .ico{ width: 1.75rem; margin: 0 auto; margin-bottom: 1rem;}
	#n_fuli ul li .pic p{ font-size: 1.125rem;}
	#n_fuli ul{ margin: 0 -5px;}
	#n_fuli ul li{ padding: 0 5px;}
	#n_fuli .m ul li .ico img{ max-width: 1.5rem; max-height: 1.5rem;}
	#n_fuli ul li{ height: 9.125rem;}
	#n_lianxi ul li h5{ font-size: 1.25rem;}
	#n_banner .txt h3{ font-size: 1.875rem;}
	#n_wenhua .tt{ width: 19rem;}
	#n_wenhua .tt .mask h3{ font-size: 1.625rem;}
	#n_wenhua .tt .mask span{ font-size: 1.25rem;}
	.ar_title h3{ font-size: 1.375rem; line-height: 1.5;}
	#n_zhiwei .m .tt h3{ font-size: 1.625rem;}
	#n_zhiwei .m .tt p{ font-size: 1rem;}
	#n_join{ padding-bottom: 2rem;}
	#n_lianxi .tt h3{ font-size: 1.75rem;}
	#n_fuli{ padding-bottom: 5rem;}
	.btn_link .btn_arr3{ display: none;}
	#n_case ul li .img img{ height: 108px;}
	.piaofu{bottom: 5rem;right: 0;width: 7rem;}
	.piaofu .close{ bottom: 14rem;}
	.kaiguan{ bottom: 14rem;}
	#s_case ul li .img{ height: 108px;  }

	#n_wenhua2 .tt{ width: 19rem;}
	#n_wenhua2 .tt .mask h3{ font-size: 1.625rem;}
	#n_wenhua2 .tt .mask span{ font-size: 1.25rem;}
	#n_wenhua2 ul li{ position: static; margin: 0 !important; text-align: center !important; margin-top: 2.5rem !important;}
	#n_wenhua2 ul li h5{ font-size: 1.25rem; font-weight: bold;}
	#n_wenhua2 ul li span{ font-size: 1.375rem; color: #999;}
	#n_wenhua2 ul li p{ font-size: 1.25rem; margin-top: .5rem;}
	#n_wenhua2 ul li .ico{ width: 1.75rem; margin: 0 auto; margin-bottom: 1rem;}
	
}