@charset "utf-8";
@font-face{ font-family: BarlowCondensed-Medium; src: url();}
@font-face{ font-family: BarlowCondensed-Bold; src: url();}
@font-face{ font-family: Georgia; src: url(../fonts/georgia.ttf);}
@font-face{ font-family: ROBOTO-BOLD; src: url();}
@font-face{ font-family: simkai; src: url(../fonts/simkai.ttf);}


@media (min-width:1601px){html{font-size:16px;}}

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

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

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

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

#s_fengcai ul li .box,#s_fengcai ul li h5,#s_fengcai ul li p,
#s_fuwu ul .ico img,#s_fuwu ul .ico img p,#s_fuwu ul .box,#s_fuwu ul li:hover .box:before,
#n_news ul li a:before,#n_news ul li .time,#n_news ul li h5,#n_news ul li p,
#n_jigou dd a,#n_jigou dd a:before,#n_jigou dd a svg path,
.news_tuijian ul li .time{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }


@media (min-width: 768px){
	.news02 li:hover .txt h5, .s_huodong_list ul li:hover h5, #n_news02 ul li:hover .txt h5{ color:#a20b18}
	.btn_more:hover{ letter-spacing:1px}
	
	.top_menu ul li:hover{ background:#870712}
	
	.n_titu ul li a:hover:before{ background:url(../images/n_titu_bg_on.jpg) center no-repeat; background-size:cover;}
	.n_titu ul li a:hover .right .con h5{ color:#fff}
	.n_titu ul li a:hover .right .con p{ color:#fff; opacity:.5}
	
	#n_news ul li:hover a:before{ background:url(../images/n_news_bg_on.jpg) right top no-repeat; background-size:cover;}
	#n_news ul li:hover .time{ color: #fff; border-right:rgba(255,255,255,.2) 1px solid}
	#n_news ul li:hover .time b{ color:#fff}
	#n_news ul li:hover .time span{ color:#fff}
	#n_news ul li:hover h5{ color: #fff;}
	#n_news ul li:hover p{ color: #fff;}
}

@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)

{
 #logo img{ width: 28rem }
	#header .fr { width: calc(100% - 31rem);}
	#nav ul li h3{ font-size: 1.375rem; }
}

.web{}

.wap{ display:none;}

@media (max-width: 1440px)

{
 #logo img{ width: 27rem }
 #header>.m{ height: 9rem }
	#header .fr { width: calc(100% - 30rem);}
	#nav{ margin-top: 10px; }
	#nav ul li h3{ font-size: 1.375rem; height: 3rem; line-height: 3rem; }
#nav ul li .sub{ top: 3rem }
#s_fengcai ul li .txt h5{ margin: 1rem 0; }
.foot_rukou li{ padding: 0 1rem; }
#foot .ewm{ margin-left: 1rem; }
.foot_share a{ margin-right: 5px; }
.foot_lianxi ul{margin-left:.5rem; margin-right: .5rem;}
.foot_rukou .txt a{ font-size: 1.125rem; }
}

@media (max-width: 1360px)

{
 #logo img { }
 
}

@media (max-width: 1280px)

{
 #logo img{ width: 20rem }
	#header .fr { width: calc(100% - 22rem);}
	#nav ul li h3{ font-size: 1.375rem; }
}



@media (max-width: 1200px)

{
.foot_logo{ display: none;}
.foot_lianxi{ margin-left: 0; border: 0; padding: 0; height: auto;    align-items: center; }

.header_box{ display:none;}
	#nav{ margin-right:1.5rem;}
	#header{ display:none;}
	#m_header{ display:block; }
	#nav_btn_box{ display: block;}
	body{padding-top: 5rem;}
	
	.m{ padding:0 15px}
	.n_container .n_left{ display:none}
	.n_container .n_right{ width:100%; padding:0}
	#nav_slide{ display:block}

	#n_banner:after, #n_banner .top{ display:none}

}

@media (max-width: 1100px)

{
 
}

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

@media (max-width: 992px)
{
	
.web{ display:none;}
.wap{ display:block;}
.online_q{ display:none;}
.n_nav {float: none;}
#s_card .itembox{ margin: 0 -.5rem;}
#s_card .item{ padding: 0 .5rem;}
#s_youzhi ul li{ width: 33.333%;}
#s_pro ul li{ width: 33.3333%;}
#n_main{padding-top: 0;}
.pic_slide { width: 100%; float: none;}
.pro_info { width: 100%; float: none; margin-top: 3rem; padding-left: 0;}
#s_news .left{ width:100%; float: none; }
#s_news .right{ width: 100%; float: none; }
#s_news ul{ margin-top: 0; }

.s_huodong_list{ width: 100%; float: none; padding-right: 0;}
.rili_box{ margin:0 auto; margin-top: 2rem; float: none; }
#s_fengcai .slick-prev{ left:-2rem; }
#s_fengcai .slick-next{ right: -2rem; }
#s_xiaoyuan ul li .pic, #s_xiaoyuan ul li .img, #s_xiaoyuan ul li .txt{ height: 20rem;}
#s_xiaoyuan ul li .txt{ padding: 2rem 1rem; }
.foot_rukou .ico{ width: 2rem; }
#n_huanjing .left{ width: 100%; float: none; padding: 0;  }
#n_huanjing .left ul li .pic{ height: auto;}
#n_huanjing .left ul li .pic1{height: 21.25rem;}
#n_huanjing .right{ width: 100%; float: none; padding-top: 1rem; padding-bottom: 0;}
#n_huanjing .right ul li{ padding: 5px;}
.arrowbox2 .arrowbtn{ display: block !important; width: auto; height: 1.875rem; margin-top: -0.9375rem;} 
.arrowbox2 .arrow_top{left: 0;}
.arrowbox2 .arrow_bot{right: 0;}

#n_huanjing .right ul li .pic{    height: 9rem;}
.arrowbox2 .arrowbtn{ display: none !important;}
#n_jigou dd a{width: 50%;padding: 5px 5px;/* width: auto; */margin-bottom: 0;}
#n_news02 ul li{ width: 100%;}
#n_news ul li{ width: 100%;}
}

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

}

@media (max-width: 860px)
{
	#n_lianxi .bd{ display: block;}
	#n_lianxi .txt{ padding: 0; float: none;}
	#n_lianxi .pic{ float: none; margin-top: 2rem;}
	#n_lianxi .tt{ margin-bottom: 2rem;}
}

@media (max-width: 768px)
{
.pad_top{ padding-top:2.5rem !important;}
.pad_bot{ padding-bottom:2.5rem !important;}
.xs_jianju{ margin-left:-5px !important; margin-right: -5px !important;}
.xs_jianju li{ padding-left:5px !important; padding-right:5px !important;}
 .m{ padding: 0 30px;}
.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;}
 .s_tt i{ width: 3rem; }
.s_tt{ font-size: 2.125rem; }
.s_tt img{max-height: 2rem;}
#s_xiaoyuan ul li{ width: 100%; float: none; }
#s_meiti ul {margin-top:-1rem !important; margin-left: 0;}
#s_meiti ul li{ width: 50%; margin: 0; padding: 0 1rem; margin-top:1rem !important;  }
#foot{ padding-top: 2rem; }
.foot_rukou{ padding-bottom: 1rem; margin-bottom: 1rem; }
.foot_lianxi ul li{ margin-bottom: 5px !important; }
.foot_rukou ul{ display: block; }
.foot_rukou ul li{ clear: both; }
#foot .center{ display: block; }
#foot .center ul{ width: 100%; float: none; }
.foot_lianxi{ display: block;  float: none; }
.foot_share{  display: flex; float: none; overflow: hidden; justify-content: center;}
.foot_share a{ width: 3rem; }
#s_meiti ul{ margin: 0 -5px; }
#s_meiti ul li{ padding: 0 5px; }
#s_meiti ul li a{ padding: 2rem 1rem; }
#s_xiaoyuan ul li .pic, #s_xiaoyuan ul li .img, #s_xiaoyuan ul li .txt{ height: 15rem; }
#s_xiaoyuan ul li .mask{ padding-top: 2.5rem; }
#s_xiaoyuan ul li .txt h5{ font-size: 1.125ewm; line-height: 1.5rem; max-height: 3rem; }
#s_xiaoyuan ul li .txt i{ margin: .75rem auto; }
#s_xiaoyuan ul li .txt p{ font-size: .875rem; line-height: 1.375rem; max-height: 5.5rem; overflow: hidden; }
.rili_box{ max-width: 100%; }
.news01 li .txt h5{ font-size:1.0625rem;}
.news02 li .txt h5{ font-size: 1rem; }
#s_news .right li .txt{ height: auto; padding: 1rem; }
#s_huodong{ margin-top: 0; }
#n_xq .left_con{ width:100%; float: none; padding-right: 0; }
#n_xq .right_con{ display: none;}
#n_news02 ul li{ margin: .75rem 0;}

	.n_titu ul li .right .img, .n_titu ul li .right .img img{ width:100%; height:auto}
	.n_titu ul li .right .con{ width:100%; padding:1.5rem 0 0}
	.n_titu ul li .right .con h5{ height:auto; max-height:3.5rem}
	
	#n_news ul li a {padding: 1.25rem 1.25rem 1.25rem .5rem;}
	#n_news ul li h5{ line-height:22px; height:44px; white-space:normal; margin-bottom:.25rem}
	#n_news ul li p{ height:22px;}
	
	#n_jigou dl{ margin-bottom:1.25rem}
	#n_jigou dl:before{ background-size:50% auto}
}

@media (max-width: 480px)

{
	.m{ padding: 0 15px;}
	.s_huodong_list ul li{ width: 100%; }
 #s_news .left li .img{ height: 15rem; }
 #s_news .right li .img{ height: 8.5rem; }
 #s_news ul{ margin: 0 -5px; }
 #s_news li{ padding: 0 5px; }
 #s_fengcai ul li .box a{ padding: 1rem; }
 #s_fengcai ul li .txt{ padding: 0; }
 #s_fengcai ul li .txt h5{ font-size: 1.0625rem; margin-bottom: 5px; }
 #s_fengcai ul li .txt p{ height: 4.5rem; }
 #s_fuwu ul .box{ padding-top: 1.75rem; }
#s_fuwu ul .ico{ height: 2.5rem; margin-bottom: 1rem;  }
.s_zhongyi_list li{ margin-bottom:10px !important; padding: 0 5px; }
.s_zhongyi_list li .img{}
.s_zhongyi_list li.li_1{width: 100%;height: auto; }
.s_zhongyi_list li.li_2{width: 60%;height: auto; }
.s_zhongyi_list li.li_3{width: 40%;height: auto; }
.s_zhongyi_list li.li_3 .img:nth-child(1){height: 3.25rem;width: auto;}
.s_zhongyi_list li.li_3 .img:nth-child(2){height: 7.25rem; width: auto;}
.s_zhongyi_list li.li_4{width: 50%;height: 7rem;}
.s_zhongyi_list li.li_5{width: 50%;height: 7rem;}
.s_zhongyi_list li.li_6{width: 62%;height: auto;}
.s_zhongyi_list li.li_7{width: 38%;height: auto;}
.s_zhongyi_list li.li_3 .img:nth-child(1){ height: 3.875rem;}
.s_zhongyi_list li.li_3 .img:nth-child(2){ margin-top:10px;}
.s_zhongyi_list li.li_3 .img img{ width: auto; }
#n_nav ul{ display: flex; align-items: flex-end;}
#n_nav ul li{ width: 25%; float: left; margin: 0;}
#n_nav{ position: relative; margin-top: -1rem; }
#n_news02 ul li .img{ width: 15rem; height: 10.5rem;margin: 0 auto;}
}