@charset "utf-8";
/*aos="zoom-in" aos-duration="1200"*/
@media(min-width: 768px) {
.n_news ul li .con h5:hover, .header_top .right ul li a:hover { color: #0752ae }
.n_news ul li .con h6 span.fr:hover { background: #0752ae }
.n_news ul li:hover { border-bottom: #0752ae 1px solid }
.n_shanghe .fl02 ul li:hover a font { color: #fff }
.n_shanghe .fl02 ul li:hover a:before { height: 100%; background: #0752ae; bottom: auto; top: 0 }
.n_shanghe .fl02 ul li:hover a span:before { width: 60px; }
.n_shanghe .fl02 ul li:hover a span { color: #ffff }
.n_video ul li a:hover h5:before { height: 100% }
.n_video ul li a:hover .img img { transform: scale(1.04) }
.n_video ul li a:hover h5 { color: #fff }
.header_top .right ul li a:hover { background: #0752ae; color: #fff }
.n_zuzhi ul li:hover a .gengduo { background: #0752ae; border: #0752ae 1px solid }
.n_zuzhi ul li:hover a .gengduo:after { width: 4.375rem }
.n_zuzhi ul li:hover a .gengduo span { color: #fff }
.n_zuzhi ul li .con h5:hover { color: #0752ae; font-weight: bold; }
.n_zuzhi ul li:hover:after { width: 100%; background: #0752ae }
.wangzhan_map .top svg:hover { transform: rotate(180deg) }
.wangzhan_map .box dl dt a:hover, .wangzhan_map .box dl dd a:hover { color: #0752ae }
.container01 .right .bottom ul li a:hover:before { height: 100%; background: #37a09e; bottom: auto; top: 0 }
.container01 .right .miso_hd01 ul li a:hover { color: #37a09e }
.title01 .fr a:hover span { border: #37a09e 1px solid; background: #37a09e }
.title01 .fr a:hover span svg { fill: #fff }
.container02 .right .miso_bd ul li a:hover:before, .container03 .right .miso_bd ul li a:hover:before { height: 100%; background: #37a09e; bottom: auto; top: 0 }
.container03 .right .miso_bd ul li a:hover font { color: #fff }
.container03 .right .miso_bd ul li a:hover font:before { background: #fff }
.container04 ul li a:hover .img>img { transform: scale(1.04) }
.container06 ul li a:hover img { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); filter: none; }
.container05 ul li .updiv:hover .top { background: #0752ae; transform: translateY(0) }
.kaichang ul li a:hover { background: #035899; color: #fff }
}
 @media(min-width: 992px) and (max-width: 1300px) {
}
 @media(max-width: 1830px) {
.w1800 { padding: 0 15px }
}
 @media(max-width: 1630px) {
.w1600 { padding: 0 15px }
}
 @media(max-width: 1400px) {
}
 @media(max-width: 1330px) {
.container06 ul .miso-prev, .container06 ul .miso-next { display: none }
}
 @media(max-width: 1230px) {
.w1200 { padding: 0 15px; }
.container05 ul li { width: 25%; margin-bottom: 1rem; }
}
 @media(max-width: 1200px) {
.banner.ar_web { display: none }
.banner.ar_wap { display: block; border-top: #1e54a1 3px solid; }
.banner { height: auto }
.banner .miso-slide img { display: block; width: 100%; height: 40vh; }
.banner .miso-dots { width: 100% !important; }
.banner .miso-prev, .banner .miso-next { transform: scale(0.6) }
.banner .miso-prev { left: 0; margin: 0; margin-top: -35px }
.banner .miso-next { right: 0; margin: 0; margin-top: -35px }
.subNavbox { left: 14px; right: 14px; }
}
 @media(max-width: 992px) {
#nav { display: none }
header .logo { width: 60%; line-height: 90px; }
header .logo a img { max-height: 64px; max-width: 118%; }
#openBtn { display: block }
header { height: 90px; background-size: auto 90px; }
.header_top .logo a img { height: 18px }
.header_top .logo a { font-size: 12px; }
.header_top .right ul li { vertical-align: middle; }
.header_top .right .icon img { height: 18px; }
.header_top .right ul li a { font-size: 12px; padding: 0 1.2rem; }
#m_n_nav { display: block }
.header_box { height: 140px; margin-bottom: 0; }
.n_container .left { display: none }
.n_container .right { width: 100%; padding: 1rem 0 0; }
.right_box01 { padding: 2rem 1rem; }
.header_top { height: 50px; padding: 0; line-height: 50px; }
.header_box:before { height: 140px }
.title01 { background: none !important; border-bottom: #e2e1e1 1px solid; height: 55px; padding: 0; }
.container01 .left { width: 100%; margin-bottom: 1rem; }
.container01 .right { width: 100%; height: auto; padding-bottom: 2rem; }
.container01 .left .miso_hd ul { padding: 0 }
.container02 .left { width: 100% }
.container02 .right { width: 100%; padding: 0; margin-top: 2rem; }
.container03 .left { width: 100% }
.container03 .right { width: 100%; padding: 0; margin-top: 2rem; }
.container04 ul li { width: 100%; margin-bottom: 1rem; }
.n_container { background-size: 100% auto }
.n_about .fl01 .title span { display: block; width: 100%; font-size: 1.25rem; letter-spacing: 5px; float: none; }
.container01 .right:after { display: none }
body { background: url(../images/bgbg.png) center 120px repeat-x; }

header .fright{position:absolute;top:0;margin-top: 24px;}
}
 @media(max-width: 768px) {
#gotop { right: 0; transform: scale(0.7) }
.tc-box #keyword { font-size: 13px; }
.tc-box .btn_blue { transform: scale(0.6) }
.n_news ul li .img, .n_news ul li .img img { width: 40vw; height: 100px; }
.n_news ul li .con { width: calc(100% - 40vw); padding: 0 0 0 10px; }
.n_news ul li .con p { font-size: 12px; line-height: 18px; height: 18px; margin: 0.5rem 0 1.125rem; white-space: nowrap; text-overflow: ellipsis; }
.n_news ul li .con h5 { font-size: 14px; line-height: 20px; height: 40px; white-space: normal; }
.n_news ul li .con h6 span.fr { font-size: 12px; }
.n_news ul li { padding-bottom: 1.25rem; margin-bottom: 1.25rem }
.page { text-align: center }
footer .fl01 ul li { width: 33.333333% }
footer .fl01 ul li:nth-child(4):before { display: none }
footer .fl02 .box dl { width: 100% }
footer .fl02 .box dl dd { text-align: center !important }
footer .fl02 .box dl dd p { font-size: 12px; }
footer .fl01 ul li a { font-size: 12px; }
.n_news ul li .con h6 big { font-size: 16px; }
.n_news ul li .con h6 small { font-size: 12px; }
.n_news_detail .title h6 .span2 { display: none }
.n_news_detail .title h6 span { margin-right: 5px; font-size: 12px; }
#ar_fot01 { padding: 1rem 1rem }
.n_news_detail .title h3 { font-size: 1.5rem; line-height: 2.25rem; }
.ar_article p { font-size: 13px; line-height: 26px }
.mianbao, .mianbao span, .mianbao i, .mianbao a { font-size: 12px; }
.n_shanghe .fl02 ul li a { padding: 0; height: 3.25rem; line-height: 3.25rem; }
.n_shanghe .fl02 ul li a span { width: auto; font-size: 12px; }
.n_shanghe .fl02 ul li a font { width: calc(100% - 64px); padding: 0 1rem; font-size: 13px; }
.mianbao .fr { display: none }
.title02 { margin-bottom: 1.5rem }
.n_shanghe .fl01 { padding-bottom: 1rem; margin-bottom: 2rem }
.n_shanghe .fl01 .box { padding-right: 0 }
.n_shanghe .fl01 .box p { font-size: 13px; }
.n_video ul { margin: 0 -7px }
.n_video ul li { width: 50%; padding: 0 7px; margin-bottom: 1rem; }
.n_video ul li h5 { font-size: 13px }
header { height: 70px; }
.header_box, .header_box:before { height: 120px; }
header .logo { line-height: 70px }
.n_zuzhi ul li .gengduo { display: none }
.n_zuzhi ul li .con { padding: 0; width: 100% }
.n_zuzhi ul li .con h5 { font-size: 15px }
.n_zuzhi ul li .con p { font-size: 12px; line-height: 22px; height: 44px }
.n_container .n_full .mianbao { padding: 0 }
.n_zuzhi ul li { overflow: hidden }
.container01 .left .miso_bd ul li a img { height: 15rem; }
.container01 .left .miso_bd { margin-bottom: 8px }
.container01 .left .miso_hd ul { margin: 0 -4px }
.container01 .left .miso_hd ul li { padding: 0 4px; }
.container01 .left .miso_hd ul li a img { height: 4.5rem }
.title01 .fr a { font-size: 13px; }
.container01 .right .miso_hd01 ul li { height: 8rem }
.container01 .right .miso_hd01 { margin-bottom: 1.5rem }
.container01 { padding: 2rem 0 3rem }
.container02 .left ul li .img, .container02 .left ul li .img img { height: 15rem }
.container02 { padding: 1rem 0 3rem }
.title01 .fr a span { width: 24px; line-height: 22px; height: 24px; }
.gg.n_index img.ar_web { display: none }
.gg.n_index img.ar_wap { display: block }
.container03 .left ul li .img, .container03 .left ul li .img img { height: 15rem }
.container03 { padding: 1rem 0 3rem }
.container04 ul li .left_con { width: 8rem }
.container04 ul li .img { width: calc(100% - 8rem) }
.container04 ul li .left_con h3 img { height: 22px }
.container04 ul li .left_con h4 { font-size: 1.25rem }
.container04 { padding: 2rem 0 3rem }
.gg.n_index { padding: 2rem 0 0 }
.container05 { padding: 2rem 15px }
.container05 ul { margin: 0 -2px }
.container05 ul li { padding: 0 2px }
.container05 h3 { margin-bottom: 2rem }
.container05 ul li .img { border: #eaeaea 1px solid }
footer { padding: 2rem 0 }
.wangzhan_map .box ul li { font-size: 14px; }
.tc-box { max-width: 94% }
.tc-box form label { font-size: 16px; }
.banner .miso-slide a h5 { padding: 0 1rem; height: 40px; line-height: 40px; }
.n_about .fl01 .title { margin-bottom: 2rem }
.right_box01 { padding: 1.5rem 1rem; }
.ar_article { text-indent: 26px; }
.ar_article p { text-indent: 26px; }
.ar_article img { max-width: 100%; margin: 1.5rem 0; margin-left: -26px }
.n_about .fl01 .title big, .n_about .fl01 .title small { font-size: 1.75rem }
.kaichang ul li { padding: 0 4px; }
.kaichang ul li a { width: 8rem; font-size: 1rem; padding: 0 }
.kaichang_bg { top: 50%; transform: translateX(-50%) translateY(-50%); bottom: auto }
.n_video ul li .img { width: 100%; overflow: hidden; position: relative; background: #000;height: 7.5rem;object-fit: cover;}
}
 @media(max-width: 456px) {
}