﻿@charset "utf-8";


/*==========================================内页 结束=============================================*/

/*aos="zoom-in" aos-duration="1200"*/
@media(min-width: 1200px){
	.list_box_01 li a:hover font{ color:#b81616}
	
	.list_box_02 li .a:hover .top .rr img{ transform: rotateY(180deg)}
	.list_box_02 li .a .bottom dl dd a:hover{ border:#fff 2px solid; background:#fff; color:#333}
	
	.title002 a:hover{ background:#b81616; color:#fff}
	.title002 a:hover span svg{ fill:#fff}
	
	.list_box_05 li a:hover .img img{ transform: scale(1.05);}
	
	.list_box_03 li a:hover h5{ background: #b81616; color: #fff}
	
	.list_box_04 li a:hover{ padding-left: .5rem;}
	.list_box_04 li a:hover h5{ color: #b81616;}
	
	.list_box_05 li a:hover .con h5{ color: #b81616;}
	.container04 .miso_bd .left ul li .more01 a:hover{ background: #b81616; border: #b81616 1px solid;}
	
	.list_box_09 li a:hover{ background: #b81616;}
	
	.container04 .miso_bd .left ul li h5:hover a{ color:#fff}
	.container04 .miso_bd .left ul li .more01 a:hover{border: #b81616 1px solid;}
	.container04 .miso_bd .left ul li .more01 a:hover:before{width:100%;left:0;background: #b81616;}
	
	.container04 .miso_bd .left ul li h2 .anniu_box .anniu_con svg:hover{fill: #b81616;}
	
	.container04 .miso_bd .right .top .con:hover, .container04 .miso_bd .right .bottom .con a:hover{ padding:2.5rem 3rem 0}
	
	.list_box_05 li a:hover .img>img{ transform: scale(1.05);}
	
	footer .fl01 .left dl dd:hover{ opacity: 1; color: #fff;}
	.list_box_13 li a:hover{ border: #b81616 1px solid; background: #b81616;}
	.list_box_13 li a:hover .ll{ color: #fff;}
	
	.list_box_news2 li a:hover .con h5{color: #b81616;padding-left: 36px; font-weight: 600;}
	.list_box_news2 li a:hover .con h5:before{ opacity: 1; visibility: visible;}
	.list_box_news2 li a:hover:after{ width: 100%;}
	
	.ar_bottom .box a:hover{ color: #b81616;}
	
	.list_box_yuangong li a:hover .con h5{ color: #b81616;}
	
	.list_box_job li a:hover{ background:#b81616}
	.list_box_job li a:hover *{ fill:#fff; color:#fff !important; opacity: 1;}
	
	footer .fl02 p a:hover{ color: #fff;}
	
	.list_box_news1 li a:hover .con h5{ color: #b81616;}
	
	
}

footer .fl02 p a{ transition: .5s;}


@media(min-width: 1900px) and (max-width: 1940px){
	.bannerimg img{ width: 1920px; height: 855px;}
}

@media(max-width: 1830px){
	.w1800{ padding:0 15px}
}

@media(max-width: 1630px){
	.w1600{ padding:0 15px}
	.list_box_02 li .a .bottom{ width: 15.25rem;}
}

@media(max-width: 1400px){
	#nav>ul>li >a{ padding: 0 .75rem;}
	#nav>ul>li >a h3{ font-size:14px}
}

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

@media(max-width: 1200px){
	.w1200{ padding:0 15px; max-width: 100%;}
	
	#header>.w1200{ padding: 0 0 0 15px;}
	
	.bannerimg .img_hezi{ padding-bottom: 44.53125% !important;}
	
	.header_box{ display: none;}
	.m_header_box{ display: block;}
	
	.container02 .w1200 .left{ width: 100%; padding: 0 0 2rem;}
	.container02 .w1200 .right{ width: 100%;}
	
	.container04{ padding: 3rem 0;}
	
	footer .fl01 .left{ display: none;}
	
	#m_n_nav{ display:block}
	.n_nav_box{display:none;}
	.n_container .n_left{ display: none;}
	.n_container .n_right{width: 100%;padding: 0;}
	.mianbao_bar{ display:none}
	
	.n_banner .top .box{text-align: center;padding: 0 15px;width: 100%;}
	
	.ar_article.ar_wap{ display: block;}
	.ar_article.ar_web{ display: none;}
	
	.n_contact .fl01 .content .top{position: relative;left: 0;}
	.n_contact .fl01 .content .top .box{width:100%;border-radius: 0;padding: 3rem 15px 5rem;}
	
	.n_container{ background-size: 100% 40rem !important;width:100%;}
}

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

@media(max-width: 992px){
	
	.container01{ padding: 3rem 0 0;}
	.container01 .fl01 .content{margin: 0;padding: 0 15px;}
	.container01:before{ top: 0;}
	
	.list_box_01 .con{ flex-wrap: wrap; margin: 0;}
	.list_box_01 .con li{width: 100%;padding: 0;line-height: 2;}
	
	.container04 .miso_bd .left{ width:100%}
	.container04 .miso_bd .right{ width:100%}
	.container04 .miso_bd .right .top{ height:auto}
	
	.container03 .top1{ position: relative;}
	.list_box_08 li a{width: 100%;padding: 0 15px;background: rgb(202 167 86);height: 16rem;}
	.list_box_08 li a p{ margin:1rem 0 1rem}

	.container03 .top2{ position: relative;}
    .list_box_07{ width: 100%;}
	
	.container03 .w1200{ padding: 0;}
	.list_box_07 li a{ margin-left: 0;}
	
	footer .fl01 .content{flex-wrap: wrap;text-align: center;flex-direction: column;align-items: center;}
	footer .fl01 .content .left{ width: 100%;}
	footer .fl01 .content .right{width: 100%;justify-content: center;padding: 1.5rem 0 0;}
    footer .fl01 .right .rr{ text-align:center}
    .list_box_09 li{ margin:0 .5rem}
    .list_box_09{ justify-content:center}
    footer .fl02 p{ text-align:center}
	
	#gotop{ bottom: 7rem;}
	
	.container02{ padding: 3rem 0;}

	.n_dongshi .fl04 .left{ width: 100%; padding: 0;}
	.n_dongshi .fl04 .right{ width: 100%; display: none;}
	
	.list_box_13{ margin-bottom: 0;}
	.list_box_13 li{ width: 100%;  margin-bottom: 1.25;}
	
	.list_box_17{ margin:1.5rem 0; display:flex; flex-wrap:wrap}
	.list_box_17 li{min-width: 50%;}
	.gg_tc .tc_box .left{ width: 100%;}
	.gg_tc .tc_box .right{width: 100%;margin: 0 0 2rem;}
	.gg_tc .tc_box{ padding: 20px 15px;}
	.gg_tc .tc_box .right .scroll{padding:0 0 0 15px;height: calc(100vh - 30px - 2rem - 40px - 30rem);}
	.more003 a, .more004 a{ width: 100%;}
	
	.list_box_job{ margin:0 -6px}
	.list_box_job li{ width:50%; padding:0 6px}

	.more003.ar_web, .more004.ar_web{ display:none}
	.more003.ar_wap, .more004.ar_wap{ display:block}
	
	.n_nav_box{display:none;}
} 

@media(max-width: 768px){
	.w1200 {padding: 0 ; width: calc(100% - 30px);}
	.scroll{width: 768px;overflow:hidden;overflow-x: scroll;}
	
	.container01 .fl01 .content .right{padding: 0;width: 100%;}
	
	.container01 .fl01 .content{flex-wrap: wrap;height: 10rem;flex-direction: column;justify-content: center;}
	.container01 .fl01 .content .left{width: 100%;border: none;margin-bottom: 1rem;}

	.container01 .fl01 .content .left img{ width:1.5rem}
	
	.swiper-box1 .swiper-prev, .swiper-box1 .swiper-next{ width: 3.5rem; height: 3.5rem;}
	
	.container04 .miso_bd .right .top .img, .container04 .miso_bd .right .top .con{width:100%;height: auto;}
	.container04 .miso_bd .right .top .con:before{border:none;border-left: transparent 1rem solid;border-right: transparent 1rem solid;border-bottom: #084c9b 1.125rem solid;left:50%;top:-1.125rem;margin-top: 0;margin-left: -1rem;}
	
	.container04 .miso_bd .right .bottom .con.fl{width:50%;height: auto;}
	.container04 .miso_bd .right .bottom .con.fr{width:50%;height: auto;}
	.container04 .miso_bd .right .bottom .con a{padding: 2rem 15px 2rem;}
	
	.container04 .miso_bd .right .top .img{padding-bottom:62%;height: auto;}
	.container04 .miso_bd .right .top .img img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%}
	
	.container04 .miso_bd .right .top .con{ padding:2rem 15px;}
	
	.container04 .miso_bd .right .top .con h2 big, .container04 .miso_bd .left ul li h2 big{ font-size:2rem}
	.container04 .miso_bd .right .top .con h2 small, .container04 .miso_bd .left ul li h2 small{ font-size:1.25rem}
	.container04 .miso_bd .right .top .con h6{ margin-top:1.5rem}
	
	.container04 .miso_bd .left{ height:auto; padding:2rem 15px 4rem;}
	.container04 .miso_bd .left ul li h2{ margin-top:2rem}
	.container04 .miso_bd .left ul li p{margin:1rem 0 2rem;line-height: 20px;height: 40px;}
	.container04 .miso_bd .left ul li .more01 a{ width:8rem; height:2.75rem; line-height:2.5rem}
	
	.container04 .miso_hd{ margin: 2rem 0 2rem;}
	.container04 .miso_hd ul{ width: 100%;}
	
	.title002 img{ width: 1.5rem;}
	
	.list_box_07 li a h3 img{ height: 1.75rem;}
	.list_box_07 li a h3{ height: 2.5rem;}
	.list_box_07 li a h6{ display: none;}
	.list_box_07 li a h5{ margin-bottom: .5rem;}
	
	.container02 .w1200 .left .miso_bd .box .box_fl{ width: 100%;}
	.container02 .w1200 .left .miso_bd .box .box_fr{width: 100%;padding: 1rem 0 0;}
	
	.container02 .miso_hd{ margin: -2rem 0 2.5rem;}
	
	.container02 .miso_hd ul{ width: 200px;}

	footer .fl01 .center{ width:100%}
	
	.list_box_02 li .a{height: 15.375rem;padding: 0 15px;}
	.list_box_02 li .a .top{ margin-bottom: 2.5rem;}
	.list_box_02 li .a .top .rr img{ max-height:1.5rem}
	.list_box_05 li .img .top img{ height: 2.5rem;}
	
	.n_banner .img .img_hezi{ padding-bottom: 35% !important;}
	.n_about .ar_article .fl02:before{ display: none;}
	.n_about .ar_article .fl01{ padding: 0;}
	
	.n_about .ar_article .fl03 .ll{width: 100%;padding: 0;}
	.n_about .ar_article .fl03 .rr{width: 100%;top: auto;margin-bottom: 0;height: 15rem;padding: 0 15px;text-align: center;margin-top: 2rem;}
	
	.ar_article p{ font-size: 14px !important; line-height: 26px !important; margin-bottom: 13px !important;}
	.ar_article p:last-child{ margin-bottom:0 !important}
	.n_about .ar_article .fl02{ padding:1rem 0}
	.n_title001 h3{ font-size: 1.5rem;}
	.n_title001 h4{ font-size: 1.5rem;}
	
	.n_container{ padding: 3rem 0;width:100%;}
	
	.list_box_13 li{ margin-bottom: 1rem;}
	.list_box_13 li a{padding: 0 15px;height: 5rem;}
	.list_box_13 li a .ll{ width: 5rem; font-size: 14px;}
	.list_box_13 li a .rr img{ width: 2rem;}
	
	.n_banner .top h6{ font-size: 1.25rem;}
	.n_banner .top h2{ font-size: 1.375rem;}
	.n_contact .fl01 .content .top .box dl dt img{ width: 13px;}
	.n_contact .fl01 .content .top .box dl{ margin-bottom: 1rem;}
	
	.n_contact .fl01 .content .top .box dl dt{ width: 2rem;}
	.n_contact .fl01 .content .top .box dl dd{ width: calc(100% - 2rem);}
	#miso_map{ height: 24rem;}
	.n_contact .fl01 .content .top .box hr{ margin: 1.5rem 0 2rem;}
	
	.pages .box a{ margin: 0 .25rem;}
	.list_box_news1 li{ width: 100%; margin-bottom: 1rem;}
	.list_box_news2 li a .con{ padding: 0 0 0 1.25rem;}
	.list_box_news2{ margin: 0;}
	.list_box_news2 li a{ padding: 1rem 0;}
	
	.n_news_detail .ar_title h3{ font-size: 1.375rem;}
	.n_news_detail .ar_title h6 span{ margin-right: 1.5rem;}
	.n_news_detail .ar_article{ padding: 2rem 15px;}
	
	.list_box_yuangong{ margin: 0 -5px; margin-bottom: -1rem;}
	.list_box_yuangong li{ padding: 0 5px; width: 50%;}
	.list_box_yuangong li a .con h5{ font-size: 13px;}
	.list_box_yuangong li a .con{ height: 3rem;}
	.pages .box a span{ padding: 0 .5rem;}
	
	.list_box_job li{ width: 100%;}
	
	.list_box_job li{ width:100%; margin-bottom: 1rem;}
	.list_box_job li a{ padding: 2rem 15px;}
	.list_box_job li a h6{ margin: 1rem 0 0;}
	
	.n_zhaopin_list .fl01 form{padding: 0;margin-bottom: 2rem;}
	.pages{ margin: 2rem 0 0;}
	
	.list_box_01 li a font{ font-size: 13px;}
	.list_box_08 .miso-dots{padding: 0 0 0 13px;bottom: 1.5rem;}
	
	footer .fl01 .right .rr h3 img{ height: 1.875rem;}
	.n_about .ar_article .fl03 .rr p{ text-align: center;}

	.gg_tc .tc_box .right .scroll{ width:100%}
	
	.wenhua .list { width: 100%;}
	
.wenhua .list li .left {width:100%;float:none;}
.wenhua .list li .left img,.wenhua .list li .right img{max-width:100%;}
.wenhua .list li .right {width:100%;float:none;}
.wenhua .list li .left:after{right:0px;}
.wenhua .list li:nth-child(2n) .left:after {left: 0px;}
.wenhua .list li:nth-child(2n){flex-direction: column-reverse;align-items: flex-start; display:flex; margin-bottom:80px;}
.wenhua .list li:nth-child(2n) .left{flex-shrink: 1;}
.wenhua .list li:nth-child(2n) .right{flex-shrink: 1;}

#fot_link_box { display: none;}
.n_container .about_con{width:100%;}









} 


@media(max-width: 456px){

.container01{ padding: 15px 0 0;}
.container01 .fl01 .content { height: 30vw;}
.container02 {border-top:1px solid #dfdfdf;}
.container02 .w1200 .left .box .box_fl { width:100%;margin-bottom:20px;}
.container02 .w1200 .left .box .box_fr { width: 100%;padding-left:0;}
.container04 .content {display: block;}
.container02 .w1200 .left {margin-bottom:30px;}
	
.container04 .content .leftbox{width:100%;}
.container04 .content .left {width: 100%; height: 470px;}
.container04 .content .right{width:100%;margin-left: 0px;margin-top:50px;}
.container04 .content .right .list ul li {width: 100%;margin-right: 0px; margin-bottom: 30px; float: none !important;}
.container04 .content .right .list .swiper-container .swiper-slide a {height: 55vw;}
#s_link .ul .li .s_tt { margin-bottom: 10px;}
#s_link .ul .li .s_tt h3 i { height: 15px; margin-right: 10px;}
#s_link .ul .li {width:100%;float: none !important;padding: 0 20px;margin-bottom: 25px;}
#s_link .ul .li .s_tt h3{font-size: 16px;line-height: 28px;}
.s_foot_link .bnt_link.a {padding-left: 15px;font-size: 15px;line-height: 46px;width: 100%;height: 46px;padding-right: 20px;}
.s_foot_link .bnt_link.a>img {height: 15px;margin-right: 10px;}
.s_foot_link .a span{line-height: 46px; width: 11px; margin-right: 15px;}
.s_foot_link .tanchu a {line-height: 24px;font-size: 14px;}
	
#fot_nav {display: block;margin-bottom:15px;}
#fot_nav i{margin: 0 5px;}
#fot_link_box{display:none;}
#n_news .list ul li a{display:block;}
#n_news .list ul li .img{width: 100%; height: 59vw;float: none !important;margin-right:0px;flex-shrink: 0;}
#n_news .list ul li .txt{height: auto;width:100%;padding:20px 0;}
#n_news .list ul li h2 {font-size: 16px;}
#n_news .list ul li .p { font-size: 13px;}
.n_show {padding:90px 0 80px;}
.n_show .left {width:100%; padding: 0 ;}
.n_show .left .ar_title h3 { font-size: 22px; margin-bottom: 15px;}
.n_show .right{display:none;}
.n_show .ar_title h6 .fenxiang_box{float:none!important;}
.n_show .ar_title h6 span{margin-bottom:10px;}
#yuangong .list ul li {width:100%;margin-right: 0px;}
#yuangong .list ul li a{height:auto;}

.contact .top { display: flex; align-items: center; position: relative; top: auto; bottom: auto; left: auto; z-index: 1000;}
.contact .top .box{width: 100%;margin-top: 30px;padding: 30px 15px 50px;border-radius: 0 15px 0 0;}
.contact .top .box h4{font-size: 16px;}
.contact .top .box h3{font-size: 16px;line-height: 1.5;margin: 10px 0 0;}
.contact .top .box hr{width: 33px;margin:15px 0 15px;}
.contact .top .box dl{font-size: 15px;margin-bottom: 15px;}
.contact .top .box dl dt{line-height: 22px;width: 28px;}
.contact .top .box dl dd{line-height: 22px;width: calc(100% - 30px);}
.contact .top .box .ewm{margin: 20px 0 0;}
.contact .top .box .ewm h3{width: 120px;height: 120px;margin: 0 0 0 20px;}
.contact .top .box .ewm h5{font-size:13px;margin: 15px 0 0;width: 120px;}
#miso_map{height: 100vw;}

#n_probox ul li {width:100%;}
#n_probox ul li a{padding:0;}
#n_probox ul li a h5 { font-size: 17px;}
#n_probox ul li a p { font-size: 14px;}
#n_probox ul li a .box p { font-size: 14px;}

.list_box_17s {margin:10px 0 20px;}
.gg_tc .tc_box .right .scroll {padding: 0 0 0 15px; height:50vw;}
.gg_tc .tc_box .left h3{font-size: 18px;}
.list_box_17s li {font-size: 14px; line-height: 24px;}
.more004 a{font-size:14px;height: 48px;}
#n_news .list ul li .btn_xx { height: 24px; line-height: 24px; font-size: 14px; margin-top: 15px;}

.ar_article{min-height:200px;}
#n_zzjg .item{margin-bottom:40px;}
#n_zzjg .item ul li {width: 100%;margin-right: 0;margin-bottom:10px;height: 56px;line-height:56px;float: none;}
#n_zzjg .item ul li h5 {font-size: 15px;}
#n_zzjg .item .h3 h3 {font-size: 17px;}
#n_zzjg .item .h3 {margin-bottom: 20px;}

#ar_fot {margin-top: 30px;}

































} 