@font-face { font-family: Impact; src: url(../font/impact.ttf); }
@font-face { font-family: Franklin; src: url(../font/FRAMDCN.TTF); }
@font-face { font-family: Franklin_r; src: url(../font/FRABK.TTF); }
@font-face { font-family: Franklin_b; src: url(../font/FRADMCN.TTF); }
@font-face { font-family: Lemon; src: url(../font/LEMONMILK-1.OTF); }
@font-face { font-family: tt0173m; src: url(../font/tt0173m_.ttf); }
@font-face { font-family: BarlowCondensed; src: url(../font/BarlowCondensed-ExtraLight_1.ttf); }
@font-face { font-family: BarlowCondensed_bold; src: url(../font/BarlowCondensed-Bold_1.ttf); }
 @media (max-width:4000px) {
html { font-size: 18px; }
}
@media (min-width:1600px) and (max-width:1940px) {
html { font-size: 16px; }
}
@media (min-width:1400px) and (max-width:1600px) {
html { font-size: 13px; }
}
@media (min-width:640px) and (max-width:1399px) {
html { font-size: 13px; }
}
@media (min-width:471px) and (max-width:639px) {
html { font-size: 12px; }
}
@media (min-width:329px) and (max-width:470px) {
html { font-size: 12px; }
}
@media (max-width:328px) {
html { font-size: 12px; }
}
.ar_wap { display: none }
.a_body { position: relative; z-index: 0; }
.section { overflow: hidden; }
#header { position: fixed; z-index: 10000; top: 0; left: 0; right: 0; height: 120px; transition: .6s; padding: 0 2.5rem; opacity: 0; visibility: hidden; }
#header:before { content: ""; position: absolute; top: 0; height: 0; transition: .6s; width: 100%; left: 0; right: 0 }
#header .content { position: relative; }
#header .logo { line-height: 120px; transition: .6s;width: 30rem;}
#header .logo img { transition: .6s;max-width: 100%;}
#nav { display: inline-block; float: left; }
#nav ul { float: left; }
#nav ul li { float: left; position: relative; z-index: 0; margin-left: .8rem; }
#nav ul li a { display: block; padding: 0 1rem; text-transform: uppercase; }
#nav ul li >a { font-size: 1.0625rem; color: #fff; line-height: 120px; position: relative; transition: .6s; }
#nav ul li.on >a { font-weight: bold; }
#nav ul li a i { display: inline-block; background: url(https://www.xajfwy.com/static/images/nav_down.png) center no-repeat; width: 9px; height: 6px; background-size: contain; vertical-align: middle; margin-left: 8px; }
#nav ul li .sub { position: absolute; background: rgba(255,255,255,.8); width: 125%; position: absolute; left: 55%; margin-left: -60%; top: 100%; z-index: 999; -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 5px #3333334d; transform-origin: 0 0 0; transform: scaleY(0.2); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; opacity: 0; visibility: hidden; top: 120px; }
#nav ul li .sub .box { padding: 0px 10px; text-align: center; }
#nav ul li .sub a { padding: 0; line-height: 3.5; transition: .3s; font-size: 1rem; letter-spacing: 1px; color: #333; border-bottom: 1px dashed #eee; }
#nav ul li .sub a:hover { color: #1e3685; }
#nav ul li:hover .sub { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible; transform: translateY(0px); }
#nav>ul>li.on>a, #nav ul li:hover>a, #header.xg #nav ul li.on >a, #header.xg #nav ul li:hover >a { color: #fff; }
#nav>ul>li h3:after { content: ""; display: block; width: 100%; height: 4px; position: absolute; left: 0; margin-left: 0; background: #1e3685; bottom: 0px; transition: .3s; transform: scale(0); border-radius: 0; }
#nav>ul>li h3:before { content: ""; display: block; position: absolute; left: 50%; margin-left: -3px; border-left: transparent 3px solid; border-right: transparent 3px solid; border-bottom: #1e3685 4px solid; bottom: 2px; transition: .3s; opacity: 0; visibility: hidden; display: none; }
#nav>ul>li:hover h3:after, #nav ul li.on h3:after { transform: scale(1); }
#nav>ul>li:hover h3:before, #nav>ul>li.on h3:before { opacity: 1; visibility: visible }
#header.xg #nav>ul>li h3:after { background: #007f64 }
.wailian { float: left; margin-left: 4rem; }
.wailian ul li { float: left; text-align: center; position: relative }
.wailian ul li>a { display: block; padding: 38px 1.75rem 0; height: 120px; transition: .6s; }
.wailian ul li>a h3 { height: 34px; }
.wailian ul li>a h3 svg { fill: #fff; width: 22px; height: 22px; transition: .6s }
.wailian ul li>a h5 { font-size: 1.5rem; color: #fff; line-height: 34px;}
.wailian ul li>a h5 img{ margin-right: 20px; vertical-align: middle;}
.wailian ul li .sub { position: absolute; background: rgba(255,255,255,.8); width: 100%; position: absolute; left: 50%; margin-left: -50%; top: 100%; z-index: 999; -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 5px #3333334d; transform-origin: 0 0 0; transform: scaleY(0.2); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; opacity: 0; visibility: hidden; top: 120px; }
.wailian ul li .sub .box { padding: 0px 10px; text-align: center; }
.wailian ul li .sub a { padding: 0; display: block; line-height: 2.5; transition: .3s; font-size: 13px; letter-spacing: 1px; color: #333; border-bottom: 1px dashed #eee; white-space: nowrap; text-overflow: ellipsis; }
.wailian ul li .sub a:hover { color: #1e3685; }
.wailian ul li:hover .sub { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible; transform: translateY(0px); }
.fp-viewing-page0 #header { opacity: 1; visibility: visible }
.fp-viewing-page1 #header { height: 80px; }
.fp-viewing-page1 #header:before { height: 80px; background: rgba(0,0,0,.25) }
.fp-viewing-page1 #header .logo { line-height: 80px; }
.fp-viewing-page1 #header .logo img { height: 70px }
.fp-viewing-page1 #nav ul li h3 { line-height: 80px; }
.fp-viewing-page1 .wailian ul li a { height: 80px; padding: 15px 1.25rem 0 }
.fp-viewing-page2 #header { height: 80px; }
.fp-viewing-page2 #header:before { height: 80px; background: rgba(0,0,0,.25) }
.fp-viewing-page2 #header .logo { line-height: 80px; }
.fp-viewing-page2 #header .logo img { height: 70px }
.fp-viewing-page2 #nav ul li h3 { line-height: 80px; }
.fp-viewing-page2 .wailian ul li a { height: 80px; padding: 15px 1.25rem 0 }
.index-nav .wailian ul li .sub, .index-nav ul li .sub { top: 100px!important; }
.banner { position: relative; z-index: 0; width: 100vw; overflow: hidden; height: 100%; }
.banner ul li { position: relative; overflow: hidden; }
.banner ul li a { display: block; height: 100%; min-height:100vh}
.banner .swiper-button-next, .banner .swiper-button-prev { width: 40px; height: 90px; background-image: none }
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: none !important }
.banner .swiper-button-prev { background: url(../image/left01.png) center no-repeat !important; transition: .6s; left: 0 }
.banner .swiper-button-next { background: url(../image/right01.png) center no-repeat !important; transition: .6s; right: 0 }
.banner .swiper-button-prev:hover { background: url(../image/left01_on.png) center no-repeat !important; }
.banner .swiper-button-next:hover { background: url(../image/right01_on.png) center no-repeat !important; }
.web_banner{ display:block;}
.wap_banner{ display:none;}
.container01 { position: relative }
.container01 .wenzi { position: absolute; bottom: 15vh; left: 0; right: 0; z-index: 1; text-align: center; }
.container01 .wenzi img { max-width: 100% }
.container01 .wenzi dl { margin-top: 3.125rem }
.container01 .wenzi dl dd { display: inline-block; margin: 0 .5rem;
}
.container01 .wenzi dl dd a { display: inline-block; border-radius: 1.375rem; background-color: rgba(0, 162, 113, 0.8); width: 12.1875rem; line-height: 3.25rem; font-size: 1rem; color: #fff; text-align: center; transition: .6s; position: relative }
.container01 .wenzi dl dd a svg { display: inline-block; width: 0.75rem; height: 0.75rem; fill: #fff; vertical-align: middle; margin: -3px 0 0 2.375rem }
.container01 .wenzi dl dd:nth-child(2) a { background: rgba(255,255,255,0.9); color: #2e2c2c }
.container01 .wenzi dl dd:nth-child(2) a svg { fill: #1e3685 }
.container02 { bposition: relative }
.container02 .bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../image/container02_bg.jpg) center no-repeat; background-size: cover !important; }
.container02.active .bg { -webkit-animation: scale-bg 12s linear forwards; animation: scale-bg 12s linear forwards; }
@-webkit-keyframes scale-bg { from {
-webkit-transform:scale(1.2);
transform:scale(1.2)
}
to { -webkit-transform: scale(1); transform: scale(1) }
}
@keyframes scale-bg { from {
-webkit-transform:scale(1.2);
transform:scale(1.2)
}
to { -webkit-transform: scale(1); transform: scale(1) }
}
.container02 .left { position: relative; padding-left: 19.625rem; width: 36.875rem; overflow: hidden }
.container02 .left .lou { position: absolute; width: 19.625rem; height: 30.3125rem; left: 0; top: 0; }
.container02 .left .lou:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 6.5rem; background: #1e3685; }
.container02 .left .lou:after { content: ""; position: absolute; top: 2.75rem; left:10rem; background: url(../picture/container02_txt.png) no-repeat center center; width: 1.4375rem; height: 19.3125rem;}
.container02 .left .lou img { position: absolute; bottom: 0; left: 0; }
.container02.active .left .lou img { transition-delay: 1.5s; }
.container02 .left .title { position: relative; padding-bottom: 1.875rem; margin-bottom: 2.5rem; }
.container02 .left .title h4 { font-family: Franklin; font-size: 1.125rem; color: #1e3685; text-transform: uppercase }
.container02 .left .title h3 { font-size: 1.875rem; color: #000000; margin: 1rem 0 0 }
.container02 .left .title:before { content: ""; position: absolute; left: 0; bottom: 0; width: 1rem; height: 3px; border-radius: 1.5px; background: #d8ad5e }
.container02 .left p { font-size: 1rem; line-height: 2.625rem; color: #777777; margin-bottom: 3.375rem }
.container02 .left p a{ display: block;}
.container02 .left font { display: inline-block; width: 6.625rem; line-height: 2.375rem; border: #afafaf 1px solid; text-align: center; position: relative; transition: .6s; transition-delay: 0.6s; }
.container02 .left font:before { content: ""; position: absolute; right: 0; top: 0; bottom: 0; transition: .6s; width: 0 }
.container02 .left font span { position: relative; font-size: 12px; color: #5d606c; text-transform: uppercase; transition: .6s; }
.container02 .left font span i { font-style: normal; font-family: simsun; position: relative; font-size: 12px; color: #5d606c; margin-left: 1.125rem; transition: .6s; }
.container02 .right { position: relative; padding-left: 5rem; width: calc(100% - 36.875rem); }
.container02 .right h3 { font-size: 2rem; color: #000000; margin-bottom: 6.25rem }
.container02 .right p { font-size: 1rem; line-height: 2rem; color: #5d606c; text-indent: 2em;}
.container02 .right ul.ul01 {font-size: 0;overflow: hidden;margin: 4rem 0 0;height: 4.125rem;}
.container02 .right ul.ul01 li { display: inline-block; position: relative; text-align: center; width:25%; }
.container02 .right ul.ul01 li a { display: inline-block; position: relative; padding: 0; }
.container02 .right ul.ul01 li a h3 { font-size: 2.375rem; color: #1e3685; margin-bottom: 0.75rem; padding: 0; text-align: left; display: inline-block; position: relative; }
.container02 .right ul.ul01 li a h3 span { font-family: impact; font-weight: 500; }
.container02 .right ul.ul01 li a h3 small { font-size: 14px; color: #333; vertical-align: top; margin-left: 0.5rem; position: absolute; right: -1.25rem; top: .25rem;
}
.container02 .right ul.ul01 li.li3 a h3 small{ right: -4.5rem;}
.container02 .right ul.ul01 li.li4 a h3 small{ right: -2rem;}
.container02 .right ul.ul01 li a h5 { font-size: 1rem; color: #302e2e; padding: 0; text-align: center; }
.container03 { background: #f4f7f9 url(../image/container03_bg.png) center bottom no-repeat }
.container03 .left { width: 50%; padding-right: 5.875rem }
.title001 { margin-bottom: 4.25rem; position: relative; padding-bottom: 1.875rem;}
.title001:before{    content: "";position: absolute;left: 0;bottom: 0;width: 1rem;height: 3px;border-radius: 1.5px;background: #d8ad5e;}
.title001 big { font-size: 1.875rem; color: #000000 }
.title001 small { font-size: 1.125rem; color: #1e3685; font-family: Franklin; text-transform: uppercase; margin-left:1.25rem}
.title002 { padding: 4rem 0 0; position: relative; margin-top: 2.25rem }
.title002:before { content: ""; position: absolute; width: 2.5rem; height: 2px; background: #d8ad5e; top: 0; left: 0.25rem }
.title002 big { font-size: 2rem; color: #141414 }
.title002 small { font-size: 1.875rem; color: #1e3685; font-family: Franklin; text-transform: capitalize; margin-left:.5rem}
.container03 .left .ul1 li { float: left; line-height: 5rem; width: 33.3333333% !important; font-size: 1.875rem; color: #999999; transition: .6s; cursor: pointer }
.container03 .left .ul1 li.miso-current { color: #1e3685 }
.container03 .left .ul2{ position: relative; margin-top: 2.1875rem;}
.container03 .left .ul2:before{ content: ""; position: absolute; width: 2.5rem; height: 2px; background: #d8ad5e; top: 0; left: 0.25rem }
.container03 .left .ul2 p { font-size: 1rem; line-height: 2.25rem; color: #999999; max-height: 15.75rem; margin: 3rem 0 2.875rem; text-align: justify;}
.container03 .left .ul2 .more a { display: inline-block; line-height: 60px; font-size: 14px; color: #272727; }
.container03 .left .ul2 .more a span { display: inline-block; width: 60px; height: 60px; background: #1e3685; border-radius: 50%; line-height: 60px; white-space: nowrap; position: relative; overflow: hidden; vertical-align: top; margin-right: 1.125rem; }
.container03 .left .ul2 .more a span i { display: inline-block; background: url(../image/jiantou02.png) center no-repeat; width: 25px; height: 7px; margin: 0 5px; position: absolute; left: 50%; top: 50%; margin-top: -7px; margin-left: -12.5px; transition: .6s }
.container03 .left .ul2 .more a span i.i1 { position: absolute; margin-left: -60px; }
.container03 .right { position: absolute; top: 0; bottom: 0; right: 0; left: 50%; overflow: hidden }
.container03 .right ul { margin: 0 -3.125rem; margin-right: -60% }
.container03 .right ul li { padding: 0 3.125rem }
.container03 .right ul li a { display: block; position: relative }
.container03 .right ul li .img { width: 100%; position: relative; padding-bottom: 108.70%; overflow: hidden; background: #000 }
.container03 .right ul li .img:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #fff 5px solid; opacity: 0; visibility: hidden; transition: .6s }
.container03 .right ul li .img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; opacity: .8 }
.container03 .right ul .miso-next { width: 4.625rem; height: 4.625rem; line-height: 4.625rem; background: #1e3685 url(../image/jaintou.svg) center no-repeat; right: 44.375%; border-radius: 50%; }
.container03 .right ul li.miso-current .img img { opacity: 1 }
.container03 .right ul li.miso-current .img:after { opacity: 1; visibility: visible; }
.container04 .top { height: calc(100% - 35%) }
.container04 .top .ul1 { height: 100%; }
.container04 .top .ul1 li { height: 100%; position: relative }
.container04 .top .ul1 li .bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0 }
.container04 .top .ul1 li .bg img { width: 100%; height: 100%; object-fit: cover }
.container04 .top .ul1 li .box_table { position: relative; text-align: left; }
.container04 .top .ul1 li .box_table .box { max-width: 34.375rem; transform: translateX(-100px); transition: .6s; opacity: 0; visibility: hidden }
.container04 .top .ul1 li .title { position: relative; padding-bottom: 1.875rem; margin-bottom: 1.875rem; }
.container04 .top .ul1 li .title h4 {font-family: Franklin;font-size: 1.125rem; color: #ffcc6f;text-transform: uppercase; margin-bottom: 1.375rem;}
.container04 .top .ul1 li .title h3 { font-size: 2.25rem; color: #fff;}
.container04 .top .ul1 li .title:before { content: ""; position: absolute; left: 0; bottom: 0; width: 1rem; height: 3px; border-radius: 0; background: #ffcc6f; }
.container04 .top .ul1 li p { font-size: 1rem; line-height: 2rem; color: #fff; height: 8rem; margin-bottom: 2.5rem; opacity: .8; text-align: justify; }
.container04 .top .ul1 li font { display: inline-block; width: 6.625rem; line-height: 2.375rem; border: rgba(255,255,255,.38) 1px solid; text-align: center; position: relative; transition: .6s; }
.container04 .top .ul1 li font:before { content: ""; position: absolute; right: 0; top: 0; bottom: 0; transition: .6s; width: 0 }
.container04 .top .ul1 li font span { position: relative; font-size: 12px; color: #fff; text-transform: uppercase; transition: .6s; }
.container04 .top .ul1 li font span i { font-style: normal; font-family: simsun; position: relative; font-size: 12px; color: #fff; margin-left: 1.125rem; transition: .6s; }
.container04 .miso-slider .miso-track, .container04 .miso-slider .miso-list { height: 100% }
.container04 .top .ul1 li.miso-current .box_table .box { transform: translateX(0); opacity: 1; visibility: visible; }
.container04 .bottom { height: 35%; background: #fff }
.container04 .bottom .ul2 { margin: 0 -1px; height: 100%; }
.container04 .bottom .ul2 li { float: left; width: 33.3%; height: 100%; position: relative; padding: 0 1px }
.container04 .bottom .ul2 li:nth-child(2) { transition-delay: .9s }
.container04 .bottom .ul2 li:nth-child(3) { transition-delay: 1.2s }
.container04 .bottom .ul2 li:nth-child(4) { transition-delay: 1.5s }
.container04 .bottom .ul2 li .wz { position: absolute; left: 0; right: 0; font-size: 8rem; color: #323136; font-weight: bold; bottom: -3.5rem; text-align: center; opacity: .05; z-index: 1; transition: .6s }
.container04 .bottom .ul2 li a { display: block; height: 100%; background: #f2f3f4; position: relative; cursor: pointer }
.container04 .bottom .ul2 li a:before { content: ""; position: absolute; bottom: 0; height: 0; left: 0; right: 0; transition: .6s }
.container04 .bottom .ul2 li a .box_table { position: relative }
.container04 .bottom .ul2 li a h5 { height: 0; overflow: hidden; opacity: 0; visibility: hidden; transition: .6s }
.container04 .bottom .ul2 li a h5 svg { fill: #fff }
.container04 .bottom .ul2 li a h4 { font-size: 1.5rem; color: #323136; margin-bottom:.5rem;
transition: .6s }
.container04 .bottom .ul2 li a h6 { font-size: 14px; color: #323136; text-transform: uppercase; transition: .6s }
.container04 .bottom .ul2 li.miso-current h5 { height: 4rem; opacity: 1; visibility: visible; }
.container04 .bottom .ul2 li.miso-current .wz { color: #fff }
.container04 .bottom .ul2 li.miso-current a:before { height: 100%; background: #1e3685; top: 0 }
.container04 .bottom .ul2 li.miso-current h4, .container04 .bottom .ul2 li.miso-current h6 { color: #fff }
.container05 { position: relative; background: url(../image/container05_bg.jpg) center no-repeat; background-size: cover }
.container05 .line { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.container05 .line .w1200 { position: relative; height: 100% }
.container05 .line .w1200 .line1 { width: 1px; height: 100%; background: #e5e5e5; position: absolute; top: 0; bottom: 0; left: 14.625rem }
.container05 .line .w1200 .line2 { float: right; width: calc(100% - 14.625rem); padding-left: 5.25rem; height: 100%; position: relative }
.container05 .line .w1200 .line2:before { content: ""; width: 1px; height: 100%; background: #e5e5e5; position: absolute; top: 0; bottom: 0; left: 50%; margin-left: 2.5rem; }
.container05 .bg { position: absolute; bottom: 0; left: 0; right: 0; background: url(../image/container05_bg1.png) center bottom; height: 480px; background-size: cover }
.container05 .w1200 { position: relative }
.container05 .left { width: 14.625rem }
.container05 .ul1 li { line-height: 8.75rem; font-size: 1.375rem; color: #000000; width: 100% !important; cursor: pointer; }
.container05 .ul1 li a { position: relative }
.container05 .ul1 li a:before { content: ""; position: absolute; width: 0; height: 2px; background: #1e3685; transition: .6s; bottom: -1.75rem; }
.container05 .ul1 li.miso-current a:before { width: 1rem; }
.container05 .ul1 li.miso-current { font-weight: bold; color: #1e3685 }
.container05 .right { width: calc(100% - 14.625rem); padding-left: 5rem }
.container05 .ul2 { margin: 0 -6.25rem }
.container05 .ul2 .miso-list { overflow: visible }
.container05 .ul2 li { float: left; width: 50%; padding: 0 6.25rem; margin-bottom: 9.375rem; transition: .6s }
.container05 .ul2 li:nth-child(3), .container05 .ul2 li:nth-child(4) { margin-bottom: 0 }
.container05 .ul2 li a { display: block; }
.container05 .ul2 li:nth-child(2) a { transition-delay: .7s }
.container05 .ul2 li:nth-child(3) a { transition-delay: .8s }
.container05 .ul2 li:nth-child(4) a { transition-delay: .9s }
.container05 .ul2 li a .time { width: 7.5rem; text-align: left }
.container05 .ul2 li a .time h3 { font-family: Swis721 BlkCn BT; font-size: 2.5rem; color: #1e3685 }
.container05 .ul2 li a .time h4 { font-size: 1.375rem; color: #000000; margin:.625rem 0 2.75rem
}
.container05 .ul2 li a .time span { display: inline-block; width: 28px; height: 28px; line-height: 26px; border: #d6d7d8 2px solid; border-radius: 50%; font-size: 1.25rem; color: #d6d7d8; font-family: simsun; font-weight: bold; text-align: center; transition: .6s }
.container05 .ul2 li a .time span svg { display: inline-block; width: 1rem; height: 1rem; fill: #d6d7d8; transition: .6s }
.container05 .ul2 li a .con { width: calc(100% - 7.5rem); text-align: left }
.container05 .ul2 li a .con h5 { font-size: 1.25rem; color: #1e3685; font-weight: bold; height: 1.25rem; line-height: 1.25rem; }
.container05 .ul2 li a .con h6 { display: inline-block; width: 1rem; height: 2px; background: #d0cfd5; margin: 1.25rem 0 }
.container05 .ul2 li a .con p { font-size: 14px; line-height: 28px; height: 84px; color: #5d606c }
.container06 { position: relative }
.container06 .top { background: url(../image/container06_bg.jpg) center no-repeat; background-size: cover !important; text-align: center; height: 100%; }
.container06 .top .title { position: relative; padding-bottom: 2rem; margin-bottom: 1rem; }
.container06 .top .title h4 { font-family: Franklin; font-size: 1.5rem; color: #ffcc6f; text-transform: uppercase; }
.container06 .top .title h3 { font-size: 1.875rem; color: #fff; margin: .5rem 0 0;
}
.container06 .top .title:before { content: ""; position: absolute; left: 50%; bottom: 0; width: 1rem; height: 3px; border-radius: 0; background: #ffcc6f; margin-left: -0.5rem; }
.container06 .top p { font-size: 1.125rem; line-height: 1.875rem; color: #fff; margin: 1rem 0 0; max-width: 54rem; display: inline-block; margin-bottom: 3rem; }
.container06 .top h6 svg { width: 1.875rem; height: 1.875rem; fill: #7e8085; transition: .6s }
.container06 ul { font-size: 0; margin: 0 -5px }
.container06 ul li { display: inline-block; width: 14.28%; padding: 0 5px; transition: 0.6s; }
.container06 ul li a { display: block; width: 100%; position: relative }
.container06 ul li a:before { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 0; }
.container06 ul li a .img { overflow: hidden; }
.container06 ul li a .img .img_hezi { padding-bottom: 29.5625rem !important; }
.container06 ul li a .img img { object-fit: cover }
.container06 ul li a .top1 { position: absolute; top: 0; right: 0; bottom: 0; left: 0 }
.container06 ul li a .top1 { padding: 0 1.625rem 5rem; }
.container06 ul li a .top1 .box_table { text-align: left }
.container06 ul li a .top1 .box_table .box_table_cell { vertical-align: bottom; }
.container06 ul li a .top1 h3 { height: 68px; transition: 0.6s; -webkit-transition-delay: 200ms; transition-delay: 200ms; }
.container06 ul li a .top1 h4 { font-size: 1.375rem; color: #fff; transition: 0.6s; -webkit-transition-delay: 200ms; transition-delay: 200ms; }
.container06 ul li a .top1 h5 { font-size: 12px; color: #fff; opacity: 0.6; text-transform: uppercase; margin: 8px 0 0; transition: 0.6s; }
.container06 ul li a .top1 .con { height: 0; transition: 0.6s; overflow: hidden; -webkit-transition-delay: 200ms; transition-delay: 200ms; }
.container06 ul li a .top1 p { font-size: 13px; color: #fff; line-height: 28px; height: 84px; opacity: 0; visibility: hidden; transition: 0.6s; position: relative; transform: translateY(20px); margin-top: 45px; -webkit-transition-delay: 200ms; transition-delay: 200ms; display: block; }
.container06 ul li a .top1 span { display: inline-block; text-align: center; font-size: 14px; color: #fff; width: 108px; line-height: 33px; height: 35px; border: rgba(255,255,255,0.7) 1px solid; border-radius: 17.5px; opacity: 0; visibility: hidden; transition: 0.6s; position: relative; transform: translateY(20px); -webkit-transition-delay: 200ms; transition-delay: 200ms; }
.section_bottom { height: 18%; background: #f6f6f6; position: relative; }
.section_bottom ul { height: 100% }
.section_bottom ul li { float: left; width: 50%; height: 100% }
.section_bottom ul li a { display: block; height: 100%; background: #fff; transition: 1s; }
.section_bottom ul li a:hover { background: #1e3685; transition: 1s; }
.section_bottom ul li a:hover h4 { color: #fff; transition: 1s; }
.section_bottom ul li a h4 { font-family: Franklin; font-size: 1.875rem; color: #1e3685; text-transform: uppercase }
.section_bottom ul li a h3 { font-size: 1.375rem; color: #000; margin: 1rem 0 0 }
.section_bottom ul li.li a h4 { color: #fff }
.section_bottom ul li.li a h3 { color: #fff }
.section_bottom ul li.li a { background: #1e3685; transition: 1s; }
.section_bottom ul li.li a:hover { background: #fff; transition: 1s; }
.section_bottom ul li.li a:hover h4 { color: #1e3685; transition: 1s; }
.section_bottom .logo1 { position: absolute; top: 50%; left: 50%; width: 4.4375rem; margin: -2.21875rem 0 0 -2.21875rem }
.section_bottom.active .logo1.miso_up { transition-delay: 1.2s }
.section_bottom .logo1 img { width: 100% }
footer { background: #f6f6f6; overflow: visible !important; position: relative; z-index: 1 }
footer .fl01 { padding: 3.75rem 0 3.125rem }
.f_logo{ width: 20rem; background: url(../picture/logo4.png) no-repeat left center; height: 13.25rem;}
footer .fl01 .left { width: calc(100% - 40rem); border-right: #cdcdcd 1px solid; border-left: #cdcdcd 1px solid; padding: 0 3.56rem 0 8.75rem;}
footer .fl01 .left dl { float: left; width: 20%; }
footer .fl01 .left dl.dh5, footer .fl01 .left dl.dh7{ display:none;}
footer .fl01 .left dl dt { font-size: 1.125rem; color: #000000; transition: .6s; margin-bottom: 1rem }
footer .fl01 .left dl dd { font-size: 0.875rem; color: #626262; line-height: 1.875rem; transition: .6s; }
.foot_share { margin-top: 0; }
.foot_share ul { font-size: 0; }
.foot_share .dh font { display: inline-block; width: 36px; height: 36px; line-height: 34px; border-radius: 50%; border: 1px solid #ccced0; text-align: center; transition: .3s; }
.foot_share .dh font svg { transition: .3s; vertical-align: middle; width: 16px; height: 16px; fill: #5b5b5b; }
.foot_share li:hover .dh font { background: #1e3685; border: 1px solid #1e3685; }
.foot_share li:hover .dh svg { fill: #fff }
.foot_share li { cursor: pointer; position: relative; display: inline-block; margin: 0 8px; }
.foot_share li .dd { position: absolute; display: block !important; width: 110px; height: 110px; padding: 5px; background: #fff; bottom: 60px; opacity: 0; left: 50%; margin-left: -55px; visibility: hidden; transition: .5s; box-shadow: 0 5px 15px 0 rgba(0,0,0,.1); }
.foot_share li .dd:before { content: ""; display: block; border: 6px solid transparent; border-top: 6px solid #fff; position: absolute; bottom: -12px; left: 50%; margin-left: -6px; }
.foot_share li:hover .dd { opacity: 1; visibility: visible; bottom: 50px; }
.foot_share li .dd img { width: 100px; height: 100px; }
footer .fl01 .right { width: 20rem; text-align: right; margin-top: 2.375rem; }
footer .fl01 .right h6 { font-family: Lemon; font-size: 1.375rem; color: #1e3685; margin-top: 1rem; }
footer .fl01 .right h6 svg { width: 1rem; height: 1rem; fill: #1e3685; margin: 0 0.5rem 0 0 }
footer .fl01 .right p { font-size: 1.125rem; line-height: 1.5rem; color: #191919; margin-top: 0.625rem;}
footer .fl01 .right p.f_adr{ font-size: 0.875rem; color: #626262;}
footer .fl02 { border-top: #e8e8e8 1px solid; padding: 1.25rem 0; text-align: center }
footer .fl02 p { font-size: 0.875rem; line-height: 20px; color: #919191; }
/*手机头部开始*/
#m_header { position: fixed; z-index: 999; width: 100%; height: 60px; left: 0; top: 0; padding: 0 10px; transition: .6s; }
#m_header #logo { height: 60px; float: left; }
#m_header #logo img { max-height: 34px;}
#m_header .yuyan { height: 4.5rem; float: right; margin-right: 4rem; }
#m_header .yuyan span { display: block; width: 24px; height: 24px; line-height: 24px; color: #fff; font-size:.9rem;
text-align: center; margin-left: 17px; background: rgba(255,255,255,.3); }
.wap_search { width: 80%; margin: 0 auto; }
.wap_search form { position: relative; }
.wap_search #keyword { width: 80%; height: 3.8rem; line-height: 3.8rem; border: 0; padding: 0 1rem; font-size: 1rem; color: #999; box-shadow: none; -webkit-appearance: none; float: left; border-right: 0; }
.wap_search .btn_blue { width: 20%; height: 3.8rem; background: #00a0e9 url(https://www.xajfwy.com/static/images/search.svg) center no-repeat; background-size: 20px; font-size: 0; color: #fff; cursor: pointer; text-transform: uppercase; float: left; }
/*顶部搜索*/
.tc_search { margin: 0 1.3rem; width: calc(100% - 2.6rem); }
.tc_search form { height: 40px; border-radius: 20px; border: 1px solid #e5e5e5; position: relative; width: 100%; margin-bottom: 1rem; }
.tc_search #keyword {
font-size:.875rem; color: #fff; height: 38px; line-height: 38px; padding: 0 1rem; box-shadow: none; -webkit-appearance: none; border-right: 0; background: none; width: 100%; }
.tc_search .btn_blue { position: absolute; top: 0; right: 0; width: 40px; height: 38px; line-height: 38px; border: 0; background: url(https://www.xajfwy.com/static/images/search_white.svg) center center no-repeat; background-size: 1.2rem; }
.tc_search .btn_blue.fr { background: #e9edef; color: #4e4f53; }
.tc_search input::-webkit-input-placeholder {
color:#fff;
color: rgba(255,255,255,.7);
}
.tc_search input::-moz-placeholder {   /* Mozilla Firefox 19+ */
color:#fff;
color: rgba(255,255,255,.7);
}
.tc_search input:-moz-placeholder {    /* Mozilla Firefox 4 to 18 */
c color:#fff;
color: rgba(255,255,255,.7);
}
.tc_search input:-ms-input-placeholder {  /* Internet Explorer 10-11 */
color:#fff;
color: rgba(255,255,255,.7);
}/* WebKit browsers */
.tc_search input:focus::-webkit-input-placeholder {
color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */
}/* Mozilla Firefox 4 to 18 */
.tc_search input:focus:-moz-placeholder {
color: transparent;
}/* Mozilla Firefox 19+ */
 .tc_search input:focus::-moz-placeholder {
color: transparent;
}/* Internet Explorer 10+ */
.tc_search input:focus:-ms-input-placeholder {
color: transparent;
}/* 点击搜索框获取焦点 placeholder消失-结束 */
/*导航按钮开始*/
#nav_btn_box { height: 100%; z-index: 999999999; float: right; margin-left: 20px; }
#nav_btn_box.on { background: none; }
#nav_btn { }
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before { background: #fff; }
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; outline: none; box-shadow: none; }
#nav_btn .point { display: inline-block; width: 1.875rem; height: 22px; position: relative; outline: none; }
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before { width: 1.75rem; }
#nav_btn .navbtn { position: absolute; top: 12px; left: 0; display: inline-block; width: 21px; height: 1px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #fff; }
#nav_btn .navbtn::after, #nav_btn .navbtn::before { position: absolute; left: 0; display: inline-block; width: 1.75rem; height: 1px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #fff; }
#nav_btn .navbtn::after { top: -8px; }
#nav_btn .navbtn::before { top: 8px; }
#nav_btn .point.on .navbtn { background: transparent; }
#nav_btn .point.on .navbtn::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; }
#nav_btn .point.on .navbtn::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; }
/*导航按钮结束*/
.m_nav_list { flex-direction: column; justify-content: flex-start; width: 100%; overflow: auto; }
.m_nav_list::-webkit-scrollbar {
display:none
}
#m_nav { z-index: 99999; position: fixed; width: 17rem; height: 100vh; right: -400px; top: 0; display: none; padding: 2rem 0; overflow: hidden; pointer-events: none; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; background: #1e3685; }
#m_nav.act { pointer-events: auto; right: 0; }
#m_nav>ul>li { width: 100%; overflow: hidden; padding: 0 2.3rem; }
#m_nav>ul>li+li { border-top: 1px solid rgba(255, 255, 255, 0.1); }
#m_nav li .a { display: inline-block; width: calc(100% - 30px) }
#m_nav li .a { line-height: 4rem; height: 4rem; color: #fff; padding: 0; font-size: 1.125rem; float: left; }
#m_nav li .a span { display: block; position: absolute; top: 0; right: 10px; width: 20px; height: 50px; text-align: center; }
#m_nav li .a span i { font-size: 0; }
#m_nav li i { opacity: 1; filter: alpha(opacity=100); display: inline-block; width: 10px; height: 4rem; float: right; display: inline-block; background: url(../image/arrow_down.svg) center no-repeat; background-size: contain; }
#m_nav li.on.title .a i { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); }
#m_nav .on.title .a i { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); }
#m_nav li { display: block; width: 100%; }
.slide_nav { position: absolute; left: 0; height: 70px; z-index: 998; padding: 15px; top: 0; width: 100%; }
#m_nav .title .list { display: none; position: relative; width: 100%; z-index: 9; left: 0; margin-left: 0; background: none; border: 0; clear: both; padding-bottom: 10px; }
#m_nav .title .list span { background: none; }
#m_nav .title .list span a:hover { color: #014085; }
#m_nav .title .list a { display: block; font-size: 1rem; color: #fff; text-align: left; line-height: 40px; height: 40px; border: 0; font-weight: 300; }
/*三级导航 开始*/
#m_nav .title .list .void>a { background-size: 10px; position: relative; }
#m_nav .title .list .void>a:before { content: "·"; position: absolute; left: -1em; font-size: 12px; font-weight: bold; }
#m_nav .title .list span { position: relative; display: block; }
#m_nav .title .list span .sub { position: static; width: 100%; display: block !important; overflow: hidden; }
#m_nav .title .sub a { background: none; font-size:.875rem;
opacity: .8; min-width: 50%; float: left; display: inline-block; color: #999; }
.nav_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 888; background-color: rgba(0,0,0,0.4); display: none; }
.m_header_box { opacity: 0; visibility: hidden; transition: .6s; }
#m_header #logo .box_table, #nav_btn_box .box_table { width: auto; float: left; }
.n_banner { height: 19.125rem; background-size: cover !important; }
.n_banner .box_table { text-align: right; }
.n_banner .box_table h3 { font-size: 1.625rem; color: rgba(255, 255, 255, 0.6); font-family: Century Gothic; font-weight: bold; text-transform: uppercase; margin: 5rem 0 0; }
.n_banner .box_table h4 { font-size: 1.75rem; color: #fff; margin: 1rem 0 0; position: relative; }
.n_banner .box_table .content { text-align: left; display: inline-block; padding-right: 7.125rem }
.n_title { height: 75px; border-bottom: #e8e8e8 2px solid; padding: 0; position: relative; }
.n_title .left{ height:75px;}
.n_title .w1560 { position: relative }
.n_title .w1200 { position: relative }
.n_nav { position: relative; }
.n_nav a { display: inline-block; height: 75px; font-size: 16px; float: left; line-height: 75px; color: #5b5b5b; text-align: center; box-sizing: border-box; position: relative; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-left: 2.875rem; }
.n_nav a strong { display: block; color: #3f3f3f; position: relative; z-index: 4; height: 75px; line-height: 75px; transition: 0.6s ease-in-out; }
.n_nav .on, .n_nav a:hover { color: #fff; }
.n_nav a:before { content: ""; width: 0; height: 3px; position: absolute; bottom: 0; left: 0; background: #1e3685; transition: 0.6s ease-in-out; }
.n_nav .on:before, .n_nav a:hover:before { width: 100%; }
.n_nav .on strong, .n_nav a:hover strong { height: 75px; line-height: 75px;/* color: #1e3685; */ }
.layui-col-md4 { height: 75px }
.position { position: absolute; line-height: 75px; left: 0; bottom: 0; color: #7b7b7d; padding-left: 22px; font-size: 13px; background: url(../image/home_icon.png) left 30px no-repeat; }
.position span, .position a, .position i { font-size: 13px; color: #7b7b7d; -moz-transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out; }
.position i { margin: 0px 5px; font-style: normal; }
.position i img { vertical-align: middle; margin-top: -2px; }
.position em { font-size: 13px; color: #1e3685; font-style: normal; }
.position a:hover { color: #1e3685; }
.n_main_box .main_box { width: 1200px; height: 80px; position: relative; margin: 0 auto; }
/*====移动端导航====*/
#m_n_nav { background: #1e3685; display: none; line-height: 50px; position: relative; z-index: 99; float: left; width: 100%; }
#bnt_back { position: absolute; left: 1rem; top: 0; }
#bnt_back svg { fill: #fff; height: 30px; vertical-align: middle; width: 26px; }
#m_n_nav i { }
#m_n_nav h1 { font-size: 14px; color: #fff; text-align: center; margin: 0; line-height: 50px; }
#bnt_sub_nav { position: absolute; right: 1rem; top: 0; cursor: pointer; color: #fff; font-size: 18px; }
#bnt_sub_nav svg { fill: #fff; height: 30px; vertical-align: middle; width: 26px; }
#bnt_sub_nav img { display: block; height: 15px; }
#bnt_sub_nav.on img { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
#sub_nav_content { background: #f0f3f5; display: none; box-shadow: 0 0 5px #999; z-index: 9; }
#sub_nav_content ul { padding: 10px; }
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0; }
#sub_nav_content ul li a { display: block; border-left: 2px solid #1e3685; height: 30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455; }
#sub_nav_content ul li.on a { color: #1e3685; }
#sub_nav_content dl { font-size: 0; overflow: hidden; background: #fff; padding: 10px 0; }
#sub_nav_content dt { position: relative; background: #fff; z-index: 999; width: 33.333333%; display: inline-block; margin-bottom: 0; float: left; text-align: center; }
#sub_nav_content dt a { margin: 0 20px; display: block; color: #5b5349; line-height: 30px; font-size: 14px; font-weight: 400; vertical-align: top; }
#sub_nav_content dt a i { position: absolute; right: 15px; top: 0; opacity: 0; filter: alpha(opacity=0); display: none; }
#sub_nav_content dt a { }
#sub_nav_content dt.title { background: #fafafb; }
#sub_nav_content dt.title i { opacity: 1; filter: alpha(opacity=100); }
#sub_nav_content dt.title_on { background: #fafafb; }
#sub_nav_content dt.title_on a { color: #1e3685; border-top: 1px solid #fff; }
#sub_nav_content dt.title_on a i { color: #1e3685; }
#sub_nav_content dt.last a { border-top: 1px solid #f8f8f8; }
#sub_nav_content dt.on a, #sub_nav_content dt.title_on a { color: #1e3685; }
#sub_nav_content dd { display: none; }
#sub_nav_content dd .box { padding: 0px 0px 0px 0px; }
#sub_nav_content dd a { padding: 0 25px; line-height: 30px; border-top: 1px solid #e7e7e7; font-size: 12px; color: #5b5349; display: block; height: 30px; }
#sub_nav_content dd a.on { color: #1e3685; }
#header.n_header { display: block; opacity: 1; visibility: visible; position: relative; background: #fff; padding: 0 0 0 2.5rem; }
#header.n_header #nav ul li>a { color: #3b3c3d }
#header.n_header #nav ul li>a h3 { font-size: 1.0625rem; }
#header.n_header #nav>ul>li.on>a, #header.n_header #nav ul li:hover>a, #header.n_header.xg #nav ul li.on a>a, #header.n_header.xg #nav ul li:hover >a { color: #1e3685; font-weight: bold }
#header.n_header #nav>ul>li.on>a { background: #1e3685; color: #fff; }
#header.n_header .wailian ul li>a h3 svg { fill: #2c2c2c }
#header.n_header .wailian ul li>a { padding: 38px 1.75rem 0 }
#header.n_header .wailian ul li>a h5 { color: #000000 }
.n_title01 { margin-bottom: 3.375rem }
.n_title01 h4 { font-size: 1.625rem; color: #333333; margin-bottom: 0.75rem; }
.n_title01 h3 { font-size: 1.875rem; color: #1e3685; font-family: Century Gothic; font-weight: bold; text-transform: uppercase; }
.n_title01 h3 font { color: #76be3b; font-family: Century Gothic; font-weight: bold; }
.n_footer { background: #454545 }
.n_footer .fl01 .f_logo{ background-image:url(../picture/logo5.png);}
.n_footer .fl01 .left dl dt { color: #fff }
.n_footer .fl01 .left dl dd { color: #fff }
.n_footer .fl02 { border-top: #4a4a4a 1px solid }
.n_footer .fl01 .left { border-right: #6a6a6a 1px solid }
.n_footer .foot_share .dh font svg { fill: #fff }
.n_footer .fl01 .right h6 { color: #fff }
.n_footer .fl01 .right h6 svg { fill: #fff }
.n_footer .fl01 .right p, .n_footer .fl01 .right p.f_adr { color: #c3c3c3 }
.n_footer .fl02 p { color: #fff }
.n_about { overflow: hidden }
.n_about .fl01 { padding: 4rem 0 4rem; }
.n_about .fl01 .left { width:100%; padding-top: 1.875rem }
.n_about .fl01 .left .ar_article p img { margin-top: 1.25rem }
.n_about .fl01 .right { width: 27.5rem; }
.n_about .fl01 .right .img, .n_about .fl01 .right .img img { position: relative; width: 100%; }
.n_about .fl01 .right .img .top { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0 1.5rem 0 3.25rem }
.n_about .fl01 .right .img .top .box_table { text-align: left }
.n_about .fl01 .right .img .top h4 { font-size: 1.375rem; color: #fff; font-weight: bold; margin: -3rem 0 1rem }
.n_about .fl01 .right .img .top h5 { font-size: 14px; line-height: 20px; color: rgba(255,255,255,0.6); font-family: Century Gothic; text-transform: uppercase }
.n_about .fl01 .right .box { background: #f8f8f8 url(../image/box_bg01.png) center bottom no-repeat; padding: 3rem 0; }
.n_about .fl01 .right .box ul li { margin-bottom: 1.25rem; text-align: center; }
.n_about .fl01 .right .box ul li h3 { display: inline-block; padding: 0 1rem; width: 100%; line-height: 3; color: #7f7f7f; }
.n_about .fl01 .right .box ul li h3 big { font-size: 2.375rem; color: #1e3685; font-family: Franklin; display: inline-block; }
.n_about .fl01 .right .box ul li h3 small { font-size: 18px; color: #1e3685; margin: 0px 1.25rem 0 0.375rem; vertical-align: top; display: inline-block; }
.n_about .fl01 .right .box ul li h3 span { font-size: 16px; color: #1e3685; display: block; vertical-align: top; font-weight: bolder; width: 100%; }
.n_about .fl01 .right .box ul li h3 span i { padding: 5px 15px; background: #1e3685; border-radius: 5px; color: #fff; font-style: normal; }
.n_about .fl02 { background: #f4f4f5; padding: 4.75rem 0 }
.n_about .fl02 .miso_hd { text-align: center; margin-bottom: 4.375rem; }
.n_about .fl02 .miso_hd ul li { font-size: 1.625rem; color: #333333; display: inline-block; margin: 0 1.375rem }
.n_about .fl02 .miso_hd ul li a { padding-bottom: 0.75rem; position: relative; cursor: pointer; display: block; }
.n_about .fl02 .miso_hd ul li a:before { content: ""; position: absolute; bottom: 0; right: 0; width: 0; transition: .6s; background: url(../image/jianbian.png) center no-repeat; height: 3px; }
.n_about .fl02 .miso_hd ul li.on a:before, .n_about .fl02 .miso_hd ul li:hover a:before { width: 100%; left: 0 }
.n_about .fl02 .miso_bd ul { margin: 0 -1.0625rem; margin-bottom: 2rem }
.n_about .fl02 .miso_bd ul li { float: left; width: 33.3333333%; padding: 0 1.0625rem; margin-bottom: 2.5rem }
.n_about .fl02 .miso_bd ul li a { display: block }
.n_about .fl02 .miso_bd ul li a .img { width: 100%; padding-bottom: 61.75% !important; overflow: hidden; position: relative }
.n_about .fl02 .miso_bd ul li a .img:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #fff 0.625rem solid }
.n_about .fl02 .miso_bd ul li a .img>img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }
.n_about .fl02 .miso_bd ul li a .img .top { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: translateY(100%); transition: .6s }
.n_about .fl02 .miso_bd ul li a .con h5 { font-size: 1.0625rem; height: 1.25rem; line-height: 1.25rem; color: #333333; transition: .6s; text-align: center; margin: 1.5rem 0 0 }
.more00 { text-align: center }
.more00 a { display: inline-block; border-radius: 10px; background-color: rgb(255, 255, 255); width: 10.625rem; height: 2.5rem; line-height: 2.5rem; font-size: 14px; color: #929292; transition: .6s }
.m_header_box.n_header_box.on #m_header { background: rgba(0,0,0,.5); }
.n_title001 { }
.n_title001 h4 { font-size: 1.6875rem; color: #1e3685; font-weight: bold; text-transform: uppercase; font-family: tt0173m; margin-bottom:.5rem
}
.n_title001 h3 { font-size: 1.625rem; color: #333333; }
.n_zizhi { padding: 7.25rem 0 0; background: #f3f2ee url(../image/n_zizhi_bg.jpg) center top no-repeat; background-attachment: fixed; background-size: cover; }
.n_zizhi .w1200 { padding: 0 10rem }
.n_zizhi .left { width: 17.5rem; padding-bottom: 3rem }
.n_zizhi .left .n_title001 { margin-bottom: 11.75rem }
.n_zizhi .left h2 { margin-bottom: 3.75rem }
.n_zizhi .left h2 img { max-width: 100% }
.n_zizhi .left .title { font-size: 1.125rem; color: #6b6d6e; font-weight: bold; margin-bottom: 1.5rem; }
.n_zizhi .left ul li { font-size: 0.9375rem; color: #6b6d6e; line-height: 1.875rem }
.n_zizhi .left p { font-size: 0.9375rem; color: #6b6d6e; line-height: 1.875rem }
.n_zizhi .right { width: calc(100% - 17.5rem); padding-left: 5rem }
#n_honor { }
#n_honor .box dl { }
#n_honor .box dt { height: 60px; line-height: 60px; background: #fff; color: #1e3685; font-size: 16px; padding: 0 40px; position: relative; z-index: 0; transition: .5s; }
#n_honor .box dt:before { content: ""; width: 100%; height: 0; display: block; background: #1e3685; position: absolute; bottom: 0; left: 0; transition: .5s; z-index: -1; }
#n_honor .box dl:hover dt { color: #fff; }
#n_honor .box dl:hover dt:before { height: 100%; top: 0; bottom: auto; }
#n_honor .box dt font { font-size: 1.875rem; font-family: impact; margin-right: 5px; }
#n_honor .box dd { padding: 40px 0; padding-left: 61px; position: relative; }
#n_honor .box dd:before { content: ""; display: block; width: 2px; height: 100%; background: #dce0df; position: absolute; top: 0; left: 68px; }
#n_honor .box dd p {
font-size: .9375rem; color: #4d4e4e; line-height: 1.875rem; padding-left: 24px; position: relative; margin-bottom: 0.5rem; }
#n_honor .box dd p:before { content: ""; width: 12px; height: 12px; box-sizing: border-box; border-radius: 50%; border: 2px solid #1e3685; display: block; position: absolute; left: 2px; top: 0.5rem; background: #fff; }
#n_honor .box { position: relative; padding-bottom: 0; }
#n_honor .box dl:last-child dd ul { padding-bottom: 4rem }
.n_team { padding: 3.75rem 0 5rem }
.n_team .n_title001 { text-align: center; margin-bottom: 5rem }
.n_team ul { margin: 0 -1.25rem; background: url(../image/team_ul_bg.jpg) bottom right no-repeat; background-size: 60%; }
.n_team ul li { float: left; width: 100%; padding: 0 1.25rem; }
.n_team ul li a { display: block; }
.n_team ul li a .img, .n_team ul li a .img img { width: 18.125rem; height: 23.125rem; overflow: hidden }
.n_team ul li a .con { width: 100%; margin: 1rem 0; padding-left: 2rem; border-left: #1e3685 5px solid }
.n_team ul li a .con .box_table { text-align: left }
.n_team ul li a .con h3 { font-size: 1.625rem; color: #5a5a5a }
.n_team ul li a .con h3 small { font-size: 1.625rem; color: #dcdcdc; text-transform: capitalize; font-family: Franklin; font-family: Franklin_b; }
.n_team ul li a .con h4 { font-size: 1.125rem; color: #29ac82; margin-top: 1rem; }
.n_team ul li a .con p { font-size: 0.9375rem; color: #727272; line-height: 1.75rem; }
.n_container001 { background: #ffffff url(../image/n_banner07.jpg) center top no-repeat; background-size: 100% auto; padding: 24.625rem 0 3.75rem; }
.n_djgz .fl00 .left { background: url(../image/n_djgz_fl01_tit.jpg) center no-repeat; width: 5rem; height: 5.625rem }
.n_djgz .fl00 .left span { font-size: 1.8rem; line-height: 1.75rem; color: #fff; font-weight: bold }
.n_djgz .fl00 .right { width: calc(100% - 5rem); height: 5.625rem; text-align: center; background: rgba(255,255,255,.6); }
.n_djgz .fl00 .right h1 { font-size: 2.5rem; color: #e31a17; font-weight: bolder; line-height: 6rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.n_djgz .fl00 .right ul { font-size: 0; margin: 0 4px; }
.n_djgz .fl00 .right ul li { display: inline-block; max-width: 33.333333%; font-size: 14px; color: #5d5e5e; padding: 0 4px; line-height: 24px; }
.n_djgz .fl00 .right ul li a { display: block }
.n_djgz .fl00 .right ul li a font { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: calc(100% - 20px); display: inline-block; vertical-align: bottom; }
.n_djgz .fl01 { margin: 1.75rem 0 2.5rem; }
.n_djgz .fl01 .content { background: rgba(255,255,255,.6); border: #e5e5e5 1px solid; padding: 1.25rem }
.n_djgz .fl01 .left { float: left; width: 50rem; position: relative; }
.n_djgz .fl01 .left ul.slider { width: 100% }
.n_djgz .fl01 ul.slider li a { display: block; width: 100%; height: 100%; position: relative; }
.n_djgz .fl01 ul.slider li a h5 { width: 100%; height: 2rem; line-height: 2rem; background: rgba(0,0,0,0.55); padding: 0 120px 0 20px; font-size: 16px; color: #f6f6f6; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -moz-transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out; position: absolute; left: 0; bottom: 0; }
.n_djgz .fl01 ul.slider li:hover a h5 { text-decoration: underline }
.n_djgz .fl01 ul.slider li a h5:before { content: ""; position: absolute; left: 0; top: 0; border-bottom: transparent 60px solid; border-top: transparent 0 solid; border-left: #fff 32px solid; display: none; }
.n_djgz .fl01 ul.slider li.miso-slide .img, .n_djgz .fl01 .left ul.slider li.miso-slide .img img { width: 100%; height: 31.125rem; object-fit: cover; }
.n_djgz .fl01 ul.slider .miso-prev, .container02 .left ul.slider .miso-next { width: 38px; height: 65px; z-index: 1000; margin-top: -35px; -moz-transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out; }
.n_djgz .fl01 .right { float: right; width: calc(100% - 50rem); padding-left: 2.5rem; }
.n_djgz .fl01 .left .miso-dots { bottom: 0; right: 0; z-index: 10; text-align: right; height: 2rem; }
.n_djgz .fl01 .left .miso-dots li { width: 2rem; height: 2rem; line-height: 2rem; border-radius: 0; background: none; margin: 0; text-align: center; }
.n_djgz .fl01 .left .miso-dots li button { font-size: 12px; color: #fff; line-height: 2rem; padding: 0; text-align: center; width: 100%; }
.n_djgz .fl01 .left .miso-dots li.miso-active { background: #dd0000; }
ul.ul001 li { font-size: 16px; color: #4d4e4f; line-height: 3rem; height: 3rem; }
ul.ul001 li a { display: block; position: relative; padding-left: 1.375rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
ul.ul001 li a:before { content: ""; position: absolute; top: 50%; margin-top: -3px; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: #f3836f; left: 0; }
ul.ul001 li a b { padding-right: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; width: calc(100% - 98px); font-weight: normal; vertical-align: top; color: #000000; transition: 0.36s; }
ul.ul001 li a span { font-size: 14px; color: #b7b8b8; float: right; }
.n_djgz .fl02 .left { width: 50% }
.n_djgz .fl02 .title { padding-left: 0; height: 40px; }
.n_djgz .fl02 .title { font-size: 1.5rem; color: #302e2e; font-weight: bold; margin-bottom: 1.75rem; }
.n_djgz .fl02 .title font { display: inline-block; padding-bottom: 16px; }
.n_djgz .fl02 .title a { float: right; font-size: 16px; color: #484848; font-weight: normal; transition: 0.36s; }
.n_djgz .fl02 .title a svg { width: 1.5rem; height: 1.5rem; fill: #de1916; }
.n_djgz .fl02 .title { border-bottom: #e5e5e5 2px solid; }
.n_djgz .fl02 .first { margin-bottom: 1.5rem; }
.n_djgz .fl02 .first a { display: block; overflow: hidden }
.n_djgz .fl02 .first .img, .n_djgz .fl02 .first .img img { width: 16.25rem; height: 10.625rem; overflow: hidden }
.n_djgz .fl02 .first .con { width: calc(100% - 16.25rem); float: right; padding: 0.5rem 0 0 2.25rem; }
.n_djgz .fl02 .first .con h4 { font-size: 16px; line-height: 1.625rem; color: #de1916; font-weight: bold; overflow: hidden; text-overflow: ellipsis; margin: 0; transition: 0.6s; }
.n_djgz .fl02 .first .con p { font-size: 14px; color: #818181; line-height: 18px; height: 36px; margin: 1.25rem 0 1.125rem; }
.n_djgz .fl02 .first .con h6 { font-size: 14px; color: #c4c5c8; line-height: 18px; }
.n_djgz .fl02 .right { width: 50%; padding-left: 2.5rem; }
.n_djgz .fl02 ul li { font-size: 15px; color: #151515; line-height: 34px; height: 34px; }
.n_djgz .fl02 ul li a { display: block; position: relative; padding-left: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.n_djgz .fl02 ul li a:before { content: ""; position: absolute; top: 50%; margin-top: -3px; width: 6px; height: 6px; border-radius: 50%; background: #f3836f; left: 0; }
.n_djgz .fl02 ul li a b { padding-right: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; width: calc(100% - 80px); font-weight: normal; vertical-align: top; color: #000000; transition: 0.36s; }
.n_djgz .fl02 ul li a span { font-size: 14px; color: #c4c5c8; float: right; }
.n_dangwu { padding: 3rem 0 2rem }
.n_dangwu ul { margin-bottom: 3.125rem }
.n_dangwu ul li { position: relative }
.n_dangwu ul li:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgb(255, 255, 255); box-shadow: 3.907px 9.205px 29.76px 2.24px rgba(27, 28, 22, 0.14); transition: .6s; opacity: 0; visibility: hidden }
.n_dangwu ul li a { border-bottom: #e4e4e4 1px dashed; padding: 2rem 0; display: block; position: relative }
.n_dangwu ul li .time { width: 10rem; font-size: 1.5rem; color: #b6b6b6; font-family: DIN Offc Pro; }
.n_dangwu ul li .con { width: calc(100% - 10rem) }
.n_dangwu ul li .con h5 { font-size: 1.375rem; color: #5c5c5c; font-weight: bold; height: 1.75rem; line-height: 1.75rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0 0 0.5rem; transition: 0.36s; }
.n_dangwu ul li .con p { font-size: 1rem; color: #5c5c5c; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.n_dangwu ul li:last-child a { border-bottom: none }
.n_zaixian { padding: 6rem 0 13.75rem; background: url(../image/n_zaixian_bg.jpg) center bottom no-repeat; background-size: cover }
.n_zaixian .w1200 { padding: 0 7.5rem }
.n_zaixian .form01 { overflow: hidden; width: 100%; }
.n_zaixian .form01 .form_box { margin: 0 -8px; }
.n_zaixian .form01 .form_box .box { float: left; width: 33.333333%; padding: 0 8px; margin-bottom: 1.25rem; }
.n_zaixian .form01 .form_box .box .label { width: 9.375rem; height: 3.75rem; line-height: 3.75rem; background: #e3e4ea; float: left; text-align: center; font-size: 16px; color: #373737; }
.n_zaixian .form01 .form_box .con { border: #e3e4ea 1px solid; background: none; height: 3.75rem; float: left; width: calc(100% - 9.375rem); margin-left: -1px; position: relative; }
.n_zaixian .form01 .form_box .con input { height: calc(3.75rem - 2px); width: 100%; padding: 0 10px; font-size: 16px; border: none; color: #3e3e3e; }
.n_zaixian .form01 .form_box .button { background: #1e3685; width: 100%; height: 3.75rem; margin: 0 auto; margin-top: 0; cursor: pointer; transition: 0.6s; border-radius: 5px; }
.n_zaixian .form01 .form_box .button input { display: block; width: 100%; height: 3.75rem; background: none; border: none; font-size: 18px; color: #fff; cursor: pointer; }
.n_zaixian .form01 .form_box .con .yzm { position: absolute; right: 2px; top: 0px; }
.n_zaixian .form01 .form_box .con textarea { width: 100%; height: 100%; padding: 16px 10px; border: none; outline: none; resize: none; font-size: 16px; color: #3e3e3e; }
.n_zaixian .form01 .form_box .button:hover { opacity: 0.6 }
.n_zaixian .title { margin-bottom: 3.125rem; text-align: center; }
.n_zaixian .title h3 { font-size: 1.875rem; color: #414141; font-weight: bold; }
.n_zaixian .title h3 font { font-size: 1.875rem; color: #1e3685; text-transform: uppercase; font-weight: bold; font-family: Arial; }
.n_zaixian .title h6 { font-size: 16px; line-height: 24px; margin-top: 10px; color: #737373 }
.n_video { padding: 5rem 0 4.375rem; background: #f8f8f8 }
.n_video .n_title001 { text-align: center; margin-bottom: 2.75rem }
.n_video ul { margin: 0 -0.875rem }
.n_video ul li { float: left; width: 33.33333%; padding: 0 0.875rem; margin-bottom: 2rem }
.n_video ul li a { display: block; transition: .6s }
.n_video ul li .img { width: 100%; padding-bottom: 53.95%; position: relative; overflow: hidden }
.n_video ul li .img>img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover }
.n_video ul li .img .top { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.n_video ul li .con { background: #fff; height: 6.25rem; }
.n_video ul li .con h5 { font-size: 16px; color: #303033; height: 18px; line-height: 18px; margin-bottom:.875rem;
transition: .6s; padding: 0 1rem; }
.n_video ul li .con h6 span { display: inline-block; background: url(../image/more.png) center no-repeat; width: 23px; height: 23px; transition: .6s; }
.vwrap { display: none; z-index: 1040000; width: 100%; position: fixed; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 1200; width: 1000px; height: 560px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -280px; margin-left: -500px; object-fit: cover; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #000; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 31px; height: 31px; cursor: pointer; position: absolute; top: 0px; right: -42px; }
.vwrap .close i { display: block; width: 31px; height: 31px; background: url(../image/close_i1.png) no-repeat 50% 50%; -webkit-transition: 200ms; transition: 200ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button, #videocontainer_display_button { background: none no-repeat!important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer; }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
.jwdisplayIcon { background: none no-repeat!important; }
 @media(max-width: 992px) {
.vwrap .videobox { width: 94%; height: 200px; left: 3%; margin-left: 0; margin-top: -122px; }
.vwrap .close { right: 0; top: -35px; }
.vwrap .videobox video { }
}
.n_zhihui { }
.n_zhihui .fl01 { padding: 5rem 0 7.5rem }
.n_zhihui .fl01 .left { width: 30rem; }
.n_zhihui .fl01 .left h4 { font-size: 1.625rem; color: #333333; margin-top: 1.125rem }
.n_zhihui .fl01 .right { width: calc(100% - 30rem); padding: 0.875rem 0 0 }
.n_zhihui .fl01 .right p { font-size: 0.9375rem; line-height: 2.1875rem; color: #6b6d6e }
.n_zhihui .fl01 .img { margin-top: 3rem; overflow: hidden }
.n_zhihui .fl02 { padding: 5rem 0 7.5rem; background: #f6f7f9; }
.n_zhihui .fl02 .n_title001 { text-align: center; margin-bottom: 2.75rem }
.n_zhihui .fl02 ul { margin: 0; }
.n_zhihui .fl02 ul li { float: left; width: 25%; padding: 0 7px; margin-bottom: 2rem }
.n_zhihui .fl02 ul li a { display: block; transition: .6s }
.n_zhihui .fl02 ul li .img { width: 100%; padding-bottom: 74.36%; position: relative; overflow: hidden }
.n_zhihui .fl02 ul li .img>img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover }
.n_zhihui .fl02 ul li .img .top { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.n_zhihui .fl02 ul li .con { background: #f6f7f9; height: 10.625rem; padding: 2rem 1.5rem 2rem; }
.n_zhihui .fl02 ul li .con h5 { font-size: 1.5rem; color: #333333; line-height: 1.75rem; padding-bottom: 1.125rem; margin-bottom: 1rem; transition: .6s; position: relative; }
.n_zhihui .fl02 ul li .con h5:before { content: ""; position: absolute; width: 0.9375rem; height: 3px; left: 50%; margin-left:-.46875rem;
bottom: 0; background: #1e3685 }
.n_zhihui .fl02 ul li .con p { font-size: 14px; line-height: 24px; color: #3a3a3a; opacity: .7; text-align: left; }
.n_zhihui .fl02 ul .miso-prev, .n_zhihui .fl02 ul .miso-next { width: 41px; height: 41px; }
.n_zhihui .fl02 ul .miso-prev { background: url(../image/left02.png) center no-repeat; left: -5rem }
.n_zhihui .fl02 ul .miso-next { background: url(../image/right02.png) center no-repeat; right: -5rem }
.n_contact { position: relative; }
.n_contact .left { width: 50%; position: absolute; top: 0; bottom: 0; left: 0 }
.n_contact .left #container02 { width: 100%; height: 100% }
.n_contact .right { width: 50%; padding: 5rem 10rem; background: #f5f5f7 }
.n_contact .right .n_title01 { border-bottom: #1e3685 2px solid; padding-bottom: 1.875rem }
.amap-icon img {}
.n_contact .right ul { margin-bottom: 3rem; }
.n_contact .right ul li.fl { width: 50% }
.n_contact .right ul li a { display: block; border-bottom: #e2e2e4 1px solid; padding: 2rem 0 }
.n_contact .right ul li a .icon { width: 2.5rem; }
.n_contact .right ul li a .icon img { width: 100% }
.n_contact .right ul li a .con { width: calc(100% - 2.5rem); padding-left:.9375rem
}
.n_contact .right ul li a .con h6 { font-size: 14px; color: #7d7d7d; margin-bottom:.375rem
}
.n_contact .right ul li a .con h5 { font-size: 15px; color: #2c2c2c; line-height: 18px; height: 18px; font-weight: bold }
.n_contact .right .ll { text-align: center }
.n_contact .right .contact .ll { margin: 0 10px; }
.n_contact .right .ll h3 img { width: 8.5rem; height: 8.5rem; }
.n_contact .right .ll h5 { font-size: 12px; color: #878787; margin: 0.75rem 0 0 }
.n_contact .right .rr p { font-size: 12px; line-height: 24px; color: #878787; text-align: right }
.n_yewu_detail { background: #f4f4f4; padding: 7.5rem 0 }
.n_yewu_detail .left { width: 63.125rem; }
.n_yewu_detail .left ul li .img, .n_yewu_detail .left ul li .img img { width: 100%; height: 40rem; overflow: hidden; object-fit: cover }
.n_yewu_detail .left ul .miso-next { background: url(../image/jiantou03.png) center no-repeat; width: 3.75rem; height: 3.75rem; background-size: cover; right: 0; top: 50%; }
.n_yewu_detail .left ul .miso-dots { bottom: 3rem; width: 100%; left: 0; z-index: 10; text-align: left; padding: 0 3rem; height: 8px; }
.n_yewu_detail .left ul .miso-dots li { width: 8px; height: 8px; border-radius: 50%; margin: 0 1rem 0 0; border: #fff 1px solid; }
.n_yewu_detail .left ul .miso-dots li.miso-active { background: #fff; }
.n_yewu_detail .right { width: calc(100% - 63.125rem); padding-left: 1.25rem }
.n_yewu_detail .right .box { width: 100%; height: 40rem; background: #fff url(../image/jianzhu1.png) center bottom no-repeat; padding: 4.375rem 4rem 0 }
.n_yewu_detail .right .box .top { border-bottom: #e3e3e3 1px solid; padding: 0 0 2rem; margin-bottom: 2rem }
.n_yewu_detail .right .box .top h3 { font-size: 1.875rem; line-height: 2.5rem; color: #303030; font-weight: bold; margin-bottom: 0.75rem }
.n_yewu_detail .right .box .top p { font-size: 14px; color: #6f6f6f; line-height: 20px; }
.n_yewu_detail .right .box .top p big { font-size: 1.125rem; color: #1e3685; font-weight: bold }
.n_yewu_detail .right .box .bottom p { font-size: 0.9375rem; color: #6f6f6f; line-height: 2.25rem; }
#slide_up_box { position: relative; width: 188px; float: left; margin-right: 5px; }
#bnt_link { cursor: pointer; width: 188px; display: block; height: 50px; border: 2px solid #ebebee; background: #fff url(../image/icon_up.png) 92% center no-repeat; }
.icon_un { background: #fff url(../image/icon_un.png) 92% center no-repeat !important; }
#bnt_link a { color: #747477; display: block; padding: 0px 20px 0 50px; height: 48px; font-size: 14px; line-height: 48px; background: url(../image/time01.png) 20px center no-repeat; }
#bnt_link i { font-size: 10px; padding-left: 5px; }
#content_link { display: none; z-index: 9; width: 100%; position: absolute; left: 0; top: 48px; background: #ffffff; border: 2px solid #ebebee; max-height: 300px; overflow: hidden; overflow-y: auto; }
#content_link .box { background: #ffffff; padding: 5px 0; }
#content_link a { padding: 0px 20px; color: #747477; border-bottom: 1px dotted #eee; line-height: 34px; font-size: 12px; display: block; }
#content_link a:hover, #bnt_link a:hover { color: #c5262c; }
#content_link a:last-child { border: none }
.n_heng { margin-bottom: 0; }
.n_heng form { overflow: hidden; width: 188px; display: block; height: 50px; border: 2px solid #ebebee; background: #fff; position: relative; }
.n_heng input[type="text"] { border: none; width: 94%; display: block; height: 46px; text-align: left; color: #777777; font-size: 14px; background: none; line-height: 46px; padding: 0 20px; }
.n_heng input[type="text"]:focus { text-align: left; }
.n_heng input[type="submit"] { position: absolute; right: 0; top: 50%; padding: 0; z-index: 2; background: url(../image/icon_search02.png) center no-repeat; height: 45px; width: 50px; cursor: pointer; border: none; margin-top: -23px; }
 .n_heng input::-webkit-input-placeholder {
color:#777;
}
.n_heng input::-moz-placeholder { /* Mozilla Firefox 19+ */
color:#777;
}
.n_heng input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:#777;
}
.n_heng input:-ms-input-placeholder { /* Internet Explorer 10-11 */
color:#777;
}
.n_news { overflow: hidden; padding: 5rem 0 3rem }
.n_news .fl01 { margin-bottom: 3.125rem }
.n_news .fl02 .left { width: 27.1875rem; }
.n_news .fl02 .left ul li .img, .n_news .fl02 .left ul li .img img { width: 100%; height: 18.125rem; overflow: hidden; object-fit: cover; }
.n_news .fl02 .left ul li .con { padding: 2.5rem; background: #f8f8f8 }
.n_news .fl02 .left ul li .con h3 { font-size: 1.375rem; color: #636363; font-weight: bold; font-family: tt0173m; }
.n_news .fl02 .left ul li .con h4 { font-size: 19px; line-height: 30px; color: #636363; font-weight: bold; margin: 1.25rem 0; transition: 0.6s; }
.n_news .fl02 .left ul li .con p { font-size: 14px; line-height: 24px; overflow: hidden; color: #8c8b8b; margin-bottom: 2.75rem }
.n_news .fl02 .left ul li .con span { display: inline-block; width: 95px; line-height: 29px; background: #22b17e; border-radius: 15px; font-size: 14px; color: #fff; text-align: center; }
.n_news .fl02 .right { width: 100%; }
.n_news .fl02 .right ul li { margin-bottom: 1.875rem }
.n_news .fl02 .right ul li a { display: block; padding:.9375rem;
padding-right: 0; background: #f8f8f8; transition: 0.6s; position: relative }
.n_news .fl02 .right ul li a:before { content: ""; position: absolute; right: 0; width: 0; transition: .6s; top: 0; bottom: 0 }
.n_news .fl02 .right ul li a .img, .n_news .fl02 .right ul li a .img img { width: 15.9375rem; height: 10.625rem; overflow: hidden; position: relative; display:none;}
.n_news .fl02 .right ul li a .con { width: calc(100% - 15.9375rem - 3.4375rem); padding: 1.5rem 2rem; position: relative;}
.n_news .fl02 .right ul li a .con h5 { font-size: 1.1875rem; line-height: 2rem; height: 2rem; color: #636363; font-weight: bold; transition: .6s; }
.n_news .fl02 .right ul li a .con h6 { font-size: 14px; color: #1e3685; font-family: Century Gothic; font-weight: bold; margin: 0.75rem 0 1rem; transition: .6s; }
.n_news .fl02 .right ul li a .con p { font-size: 0.875rem; line-height: 22px; height: 44px; color: #8c8b8b; transition: .6s; }
.n_news .fl02 .right ul li a .yanjing { width: 3.4375rem; height: 100%; position: absolute; right: 0; top: 0; bottom: 0; background: #bcbcbc; transition: .6s; }
.n_news .fl02 .sticky { position: sticky; top: 0; padding: 0; }

.n_class.n_news .fl02 .right ul li a .img, .n_class.n_news .fl02 .right ul li a .img img{ height:19.875rem;}
.n_class.n_news .fl02 .right ul li a .img, .n_class.n_news .fl02 .right ul li a .img img, .n_class.n_news .fl02 .right ul li a .con, .n_class.n_news .fl02 .right ul li a .con { width: 100%; display:block; float:none;}
.n_class.n_news .fl02 .right ul li{ width: 33.3%; float:left; padding:0 1rem;}
.n_class.n_news .fl02 .right ul li a .con h6, .n_class.n_news .fl02 .right ul li a .con p, .n_class.n_news .fl02 .right ul li a .yanjing{ display:none;}
.n_class.n_news .fl02 .right ul li a{ padding:0;}
.n_class.n_news .fl02 .right ul li a .con h5{ text-align:center;}
/*新闻详情*/
.n_news_detail { padding: 4.375rem 0 5rem; }
.n_news_detail .content { display: flex; }
.n_news_detail .n_left { width: 75%; width: calc(100% - 25.9375rem); margin:0 auto; }
.n_news_detail .n_left .box { padding: 0; }
.n_news_detail .n_left .box .ar_title { margin-bottom: 2.125rem; border-bottom: #e4e4e4 3px solid; padding-bottom: 0.75rem; }
.n_news_detail .n_left .box .ar_title h3 { font-size: 1.5625rem; color: #3c3c42; line-height: 3rem; margin-bottom: 0.375rem; font-weight: bold; }
.n_news_detail .n_left .box .ar_title h6 { position: relative;}
.n_news_detail .n_left .box .ar_title h6 span { display: none; font-size: 13px; color: #888; margin-right: 1rem; }
.fenxiang_box { display: inline-block; }
.fenxiang_box:hover #j_shart_s_24 { display: inline-block; }
.shart_box { display: inline-block; cursor: pointer }
#j_shart_s_24 .bds_count { font-size: 12px; }
#j_shart_s_24 { display: block; vertical-align: top; }
#j_shart_s_24 strong { z-index: 2; line-height: 36px; font-size: 12px; color: #7e8080; font-weight: normal; display: none; }
#j_shart_s_24 .bds_qzone { background: url(https://www.xajfwy.com/static/images/j_shart.png) center -224px no-repeat }
#j_shart_s_24 .bds_tsina { background: url(https://www.xajfwy.com/static/images/j_shart.png) center -311px no-repeat }
#j_shart_s_24 .bds_tqq { background: url(https://www.xajfwy.com/static/images/j_shart.png) center -195px no-repeat }
#j_shart_s_24 .bds_renren { background: url(https://www.xajfwy.com/static/images/j_shart.png) center -340px no-repeat }
#j_shart_s_24 .bds_weixin { background: url(https://www.xajfwy.com/static/images/j_shart.png) center -253px no-repeat }
#j_shart_s_24 .bds_sqq { background: url(https://www.xajfwy.com/static/images/j_shart.png) center -79px no-repeat }
#j_shart_s_24 .bds_fbook { background: url(https://www.xajfwy.com/static/images/j_shart.png) center -166px no-repeat }
#j_shart_s_24 .bds_twi { background: url(https://www.xajfwy.com/static/images/j_shart.png) center -137px no-repeat }
#j_shart_s_24 .bds_linkedin { background: url(https://www.xajfwy.com/static/images/j_shart.png) center -108px no-repeat }
#j_shart_s_24 .bds_tieba { background: url(https://www.xajfwy.com/static/images/j_shart.png) center -253px no-repeat }
#j_shart_s_24 .bds_huaban { background: url(https://www.xajfwy.com/static/images/j_shart.png) center -253px no-repeat }
#j_shart_s_24 .bds_douban { background: url(https://www.xajfwy.com/static/images/j_shart.png) center -253px no-repeat }
#j_shart_s_24 .bds_copy { background: url(https://www.xajfwy.com/static/images/j_shart.png) center -253px no-repeat }
#j_shart_s_24 .bds_print { background: url(https://www.xajfwy.com/static/images/j_shart.png) center -253px no-repeat }
#j_shart_s_24 .bds_mshare { background: url(https://www.xajfwy.com/static/images/j_shart.png) center -253px no-repeat }
#j_shart_s_24 .bds_count { font-size: 12px }
#j_shart_s_24.xian { display: inline-block }
.b_nav { text-align: center; margin-top: 3.75rem }
.b_nav .con { font-size: 1.0625rem; }
.b_nav .con.center { display: inline-block; }
.b_nav .con.center img { margin: -3px 0.875rem 0; }
.b_nav .con.fl img { margin: -3px 0.875rem 0 0; }
.b_nav .con.fr img { margin: -3px 0 0 0.875rem; }
.b_nav .con.fl a, .b_nav .con.fr a, .b_nav .con.center a { color: #666565 }
.n_news_detail .n_right { width: 25%; width: 25.9375rem; float: right; }
.n_news_detail .n_right .content01 { padding: 2rem 2.75rem; background: #f0f0f3; }
.n_news_detail .n_right .content01 .time { width: 100%; margin-bottom: 2rem; }
.n_news_detail .n_right .content01 .time h3 { font-size: 3.125rem; color: #1e3685; font-weight: bold; font-family: Roboto; position: relative; padding-bottom: 0.875rem; margin-bottom: 1rem; }
.n_news_detail .n_right .content01 .time h3:before { content: ""; position: absolute; width: 1.5rem; height: 3px; background: #c5262c; bottom: 0; left: 4px; }
.n_news_detail .n_right .content01 .time h5 { font-size: 14px; color: #181818; margin-bottom: 1.25rem; padding-left: 4px; font-family: Franklin; }
.n_news_detail .n_right .content01 .time h6 { font-size: 15px; color: #757575; }
.n_news_detail .n_right .content01 .tuijian h3 { font-size: 1.25rem; color: #393838; font-weight: bold; padding-bottom: 1.875rem; border-bottom: #d3d3d3 1px solid; margin-bottom: 1.5rem; margin-top: 3.75rem; }
.n_news_detail .n_right .content01 .tuijian ul li { margin-bottom: 1.25rem }
.n_news_detail .n_right .content01 .tuijian ul li a h5 { font-size: 1rem; line-height: 22px; max-height: 44px; overflow: hidden; color: #5d5d5d; margin-bottom: 10px; transition: 0.6s; }
.n_news_detail .n_right .content01 .tuijian ul li a h6 { font-size: 12px; color: #929293 }
.n_right .sticky { position: sticky; top: 0; padding: 0; }
.n_news_detail .b_nav .con.center { width: 10rem; font-size: 16px; margin-left: 0rem; }
.n_news_detail .n_right .fenxiang h5 { font-size: 12px; color: #77797e; margin-bottom: 10px; position: relative; margin: 60px 0 25px }
.n_news_detail .n_right .fenxiang h5:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -1px; width: 25px; height: 1px; background: #e8e8e8 }
.n_news_detail .n_right .fenxiang h5:after { content: ""; position: absolute; right: 0; top: 50%; margin-top: -1px; width: 25px; height: 1px; background: #e8e8e8 }
.n_news_detail .n_right .fenxiang h3 { margin-bottom: 0; display: inline-block; margin-right: 8px; }
.n_news_detail .n_right .fenxiang h3 a { display: inline-block; background: none; border-radius: 50%; position: relative; width: 50px; height: 50px; line-height: 48px; overflow: hidden; float: none; text-indent: 0; margin: 0; border: #bdbdc0 1px solid; text-align: center; transition: 0.36s; }
.n_news_detail .n_right .fenxiang h3 a:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; transform: scale(0); transition: 0.36s; border-radius: 50%; }
.n_news_detail .n_right .fenxiang h3 a img { height: 24px; vertical-align: middle; margin-top: -5px; position: relative; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; opacity: 0.4; }
.n_news_detail .n_right .fenxiang h3.h301 a:hover:before { transform: scale(1); background: #bdbdc0; }
.n_news_detail .n_right .fenxiang h3.h302 a:hover:before { transform: scale(1); background: #bdbdc0; }
.n_news_detail .n_right .fenxiang h3.h303 a:hover:before { transform: scale(1); background: #bdbdc0; }
.n_news_detail .n_right .fenxiang h3.h304 a:hover:before { transform: scale(1); background: #bdbdc0; }
.n_news_detail .n_right .fenxiang h3 a:hover img { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(10); filter: grayscale(0); filter: gray; opacity: 1; }
/*==============字号控件=====================*/
#font_set_box { display: inline-block; background: url(../image/icon_font.png) left center no-repeat; padding-left: 24px; }
.font_box { display: inherit; position: relative; }
.font_box a { display: inline-block; width: 14px; line-height: 36px; font-size: 12px; color: #c4c5c7; text-align: center; }
.font_box a.on { color: #ca0e2a; }
.font_box a:hover { color: #ca0e2a; }
.font_size_lg { font-size: 18px !important; line-height: 40px !important; }
.font_size_lg p { font-size: 18px !important; line-height: 40px !important; padding-bottom: 30px !important; }
.font_size_md { font-size: 16px !important; line-height: 36px !important; }
.font_size_md p { font-size: 16px !important; line-height: 36px !important; padding-bottom: 25px !important; }
.font_size_sm { font-size: 14px !important; }
.font_size_sm p { font-size: 14px !important; }
#ar_fot { margin-top: 10px; position: relative; padding: 0; text-align: center; }
#ar_fot h5 { width: 69%; display: block; font-size: 16px; line-height: 30px; color: #6e6e6e; font-weight: normal; float: left; }
#ar_fot h5 span { float: left }
#ar_fot h5 a { float: left; font-size: 16px; color: #3e3e3e; font-weight: normal; width: calc(100% - 72px); }
#ar_fot h5 a:hover { color: #c5262c; }
#ar_fot .bnt_back { position: absolute; top: 28px; right: 0; color: #fff; background: #063579; padding: 0 25px; font-size: 14px; height: 30px; line-height: 30px; }
#ar_fot .bnt_back:hover { border-radius: 3px; }
#ar_fot .fanhui { display: inline-block; }
#ar_fot .fanhui a { display: inline-block; width: 9.6875rem; height: 2.5rem; line-height: 2.5rem; background: #1e3685; border-radius: 1.25rem; text-align: center; font-size: 15px; color: #fff; transition: 0.36s; }
#ar_fot .fanhui a img { margin: -3px 0.5rem 0 0 }
#ar_fot .fanhui a:hover { background: #9fca37; }
.n_xuweiyidai { padding: 5rem 0 8.75rem; background: url(../image/n_zaixian_bg.jpg) center bottom no-repeat; background-size: cover }
.n_xuweiyidai .miso_hd { margin-bottom: 4.375rem }
.n_xuweiyidai .miso_hd ul { padding: 0 3.75rem; margin: 0 -0.625rem }
.n_xuweiyidai .miso_hd ul li { float: left; width: 20%; padding: 0 0.625rem; padding-bottom: 2.25rem; position: relative }
.n_xuweiyidai .miso_hd ul li a { display: block; position: relative; }
.n_xuweiyidai .miso_hd ul li a .img { width: 100%; padding-bottom: 82.14%; transition: .6s }
.n_xuweiyidai .miso_hd ul li a .img { background: url(../image/n_xuweiyidai_bg.png) center no-repeat; background-size: cover }
.n_xuweiyidai .miso_hd ul li a .top { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding-right: 1.5rem; }
.n_xuweiyidai .miso_hd ul li a .box_table { position: relative }
.n_xuweiyidai .miso_hd ul li a h3 img { display: inline-block; }
.n_xuweiyidai .miso_hd ul li a h3 img.img2 { display: none }
.n_xuweiyidai .miso_hd ul li a h4 { font-size: 1.5rem; color: #393939; height: 1.75rem; line-height: 1.75rem; margin: 1.25rem 0 0.375rem; }
.n_xuweiyidai .miso_hd ul li a h6 { font-size: 0.9375rem; color: #707578; margin-bottom: -1rem; }
.n_xuweiyidai .miso_hd ul li.miso-current a .img { background: url(../image/n_xuweiyidai_bg_on.png) center no-repeat; background-size: cover }
.n_xuweiyidai .miso_hd ul li.miso-current a h3 img.img1 { display: none; }
.n_xuweiyidai .miso_hd ul li.miso-current a h3 img.img2 { display: inline-block; }
.n_xuweiyidai .miso_hd ul li.miso-current a h4, .n_xuweiyidai .miso_hd ul li.miso-current a h6 { color: #fff }
.n_xuweiyidai .miso_hd ul .miso-prev, .n_xuweiyidai .miso_hd ul .miso-next { width: 3rem; height: 3rem; background-size: cover !important }
.n_xuweiyidai .miso_hd ul .miso-prev { background: url(../image/left03.png) center no-repeat; left: 0 }
.n_xuweiyidai .miso_hd ul .miso-next { background: url(../image/right03.png) center no-repeat; right: 0 }
.n_xuweiyidai .left { width: calc(100% - 36rem); padding-right: 7.5rem; float: left; }
.n_xuweiyidai .left h3 { font-size: 1.125rem; margin-bottom: 0.9375rem; color: #1e3685; font-weight: bold; }
.n_xuweiyidai .left .zp_box { display: block; position: relative; padding: 1rem 0.5rem 2rem 0.5rem; }
.n_xuweiyidai .left .zp_box p { line-height: 2; padding-left: 1.375rem; position: relative; }
.n_xuweiyidai .left .zp_box p:before { content: ""; position: absolute; left: 0; width: 0.4375rem; height: 0.4375rem; background: #707578; border-radius: 50%; top: 0.55rem; }
.n_xuweiyidai .right { width: 36rem; float: right }
.n_xuweiyidai .right h3 { font-size: 1.5rem; color: #000000 }
.n_xuweiyidai .right h3 font { color: #1e3685; font-family: Arial; margin-left: 0.5rem }
.n_xuweiyidai .right .ar_article ul { margin: 3.125rem 0 }
.n_xuweiyidai .right .ar_article ul li { font-size: 14px; line-height: 26px; color: #848484; padding-left: 1.75rem }
.n_xuweiyidai .right .ar_article ul li:before { background: #848484; top: 8px; }
.n_xuweiyidai .right .more a { display: inline-block; background: #1e3685; width: 10.625rem; height: 3.4375rem; line-height: 3.4375rem; text-align: center; font-size: 1rem; color: #fff; margin-left: 1.75rem; transition: .6s }
.n_life .fl01 { padding: 5rem 0 7.5rem }
.n_life .fl01 .left { width: 30rem; }
.n_life .fl01 .left h4 { font-size: 1.625rem; color: #333333; margin-top: 1.125rem }
.n_life .fl01 .right { width: calc(100% - 30rem); padding: 0.875rem 0 0 }
.n_life .fl01 .right p { font-size: 0.9375rem; line-height: 2.1875rem; color: #6b6d6e }
.n_life .fl01 .img { margin-top: 3rem; overflow: hidden }
.n_life .fl02 { background: #f6f7f9; padding: 5rem 0 7.5rem }
.n_life .fl02 .n_title001 { text-align: center; margin-bottom: 3.75rem }
.n_life .fl02 ul { margin: 0 -1.5rem; }
.n_life .fl02 ul li { float: left; width: 25%; padding: 0 1.5rem; text-align: center; margin: 1.5rem 0; }
.n_life .fl02 ul li .img { padding-bottom: 67.12%; position: relative; width: 100%; overflow: hidden }
.n_life .fl02 ul li .img img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0 }
.n_life .fl02 ul li .con { border: #dadada 1px solid; background: #fff; padding: 2rem 1.5rem 2rem }
.n_life .fl02 ul li .con h5 { font-size: 1.5rem; color: #3a3a3a; margin: 1.5rem 0 1.875rem }
.n_life .fl02 ul li .con p { font-size: 14px; line-height: 24px; color: #3a3a3a; min-height: 144px; opacity: .7; text-align: left }
.n_linju .fl01 { padding: 5rem 0 7.5rem }
.n_linju .fl01 .left { width: 30rem; }
.n_linju .fl01 .left h4 { font-size: 1.625rem; color: #333333; margin-top: 1.125rem }
.n_linju .fl01 .right { width: calc(100% - 30rem); padding: 0.875rem 0 0 }
.n_linju .fl01 .right p { font-size: 0.9375rem; line-height: 2.1875rem; color: #6b6d6e }
.n_linju .fl01 .img { margin-top: 3rem; overflow: hidden }
.n_linju .fl02 { padding: 5rem 0 7.5rem; }
.shichang_content p { font-size: 0.9375rem; line-height: 2.1875rem; color: #6b6d6e; }
.ch_picture { padding: 2rem 0; margin: 0 auto; }
.ch_picture img { max-width: 100%; }
.fl_tuce .miso_bd .title { border-bottom: #ccd0d8 2px solid; padding-bottom: 2.5rem; margin-bottom: 3rem }
.fl_tuce .miso_bd .title big { font-size: 1.875rem; color: #333333; font-weight: bold; }
.fl_tuce .miso_bd .title small { font-size: 1rem; color: #6b6d6e; margin-left: 2.5rem; line-height: 1.5rem }
.fl_tuce .miso_bd .n_title002 { text-align: center; margin-bottom: 3.5rem }
.fl_tuce .miso_bd .n_title002 h4 { font-size: 1.875rem; color: #1e3685; font-weight: bold; text-transform: uppercase; font-family: tt0173m; margin-left:.5rem;
display: inline-block; }
.fl_tuce .miso_bd .n_title002 h3 { font-size: 1.875rem; color: #333333; display: inline-block; }
.fl_tuce .miso_bd ul { padding: 0 5rem; margin: 0 -0.9375rem }
.fl_tuce .miso_bd ul li { float: left; width: 33.333333%; padding: 0 0.9375rem; text-align: center }
.fl_tuce .miso_bd ul li a { display: block; transition: .6s }
.fl_tuce .miso_bd ul li .img { width: 100%; padding-bottom: 62.36%; position: relative; overflow: hidden; }
.fl_tuce .miso_bd ul li .img>img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover }
.fl_tuce .miso_bd ul li .img .top { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.fl_tuce .miso_bd ul li .con { transition: .6s; position: relative }
.fl_tuce .miso_bd ul li .con:before { content: ""; position: absolute; bottom: 0; height: 0; transition: .6s; left: 0; right: 0 }
.fl_tuce .miso_bd ul li .con h5 { font-size: 1.0625rem; color: #3e3e3e; line-height: 3.4375rem; transition: .6s; position: relative; padding: 0 15px }
.fl_tuce .miso_bd ul .miso-prev, .fl_tuce .miso_bd ul .miso-next { width: 2.75rem; height: 2.75rem; background-size: cover !important }
.fl_tuce .miso_bd ul .miso-prev { background: url(../image/left04.png) center no-repeat; left: 0.9375rem }
.fl_tuce .miso_bd ul .miso-next { background: url(../image/right04.png) center no-repeat; right: 0.9375rem }
.n_kongjian .fl01 { padding: 5rem 0 7.5rem }
.n_kongjian .fl01 .left { width: 30rem; }
.n_kongjian .fl01 .left h4 { font-size: 1.625rem; color: #333333; margin-top: 1.125rem }
.n_kongjian .fl01 .right { width: calc(100% - 30rem); padding: 0.875rem 0 0 }
.n_kongjian .fl01 .right p { font-size: 1rem; line-height: 2.1875rem; color: #6b6d6e }
.n_kongjian .fl01 .img { margin-top: 3rem; overflow: hidden }
.n_kongjian .fl02 { background: #f6f7f9 url(../image/n_kongjian_fl02_bg.jpg) center bottom no-repeat; padding: 5rem 0 2.5rem }
.n_kongjian .fl02 .n_title001 { text-align: center; margin-bottom: 3.75rem }
.n_kongjian .fl02 ul.ul1 { margin: 0 -1.5rem; }
.n_kongjian .fl02 ul.ul1 li { float: left; width: 33.333333%; padding: 0 1.5rem; text-align: center; margin-bottom: 3.125rem }
.n_kongjian .fl02 ul.ul1 li .box_table { background: #fd4642; height: 20.375rem; padding: 0 3rem }
.n_kongjian .fl02 ul.ul1 li .con h5 { font-size: 1.5rem; color: #fff; margin: 1.875rem 0 1rem }
.n_kongjian .fl02 ul.ul1 li .con p { font-size: 14px; line-height: 24px; color: #fff; min-height: 72px; text-align: left }
.n_kongjian .fl02 ul.ul1 li:nth-child(2) .box_table { background: #3c3c6e; }
.n_kongjian .fl02 ul.ul1 li:nth-child(3) .box_table { background: #1e3685; }
.n_kongjian .fl02 ul.ul2 { margin: 0 -3.3125rem; }
.n_kongjian .fl02 ul.ul2 li { float: left; width: 25%; padding: 0 3.3125rem; text-align: center; margin-bottom: 3.125rem }
.n_kongjian .fl02 ul.ul2 li .box { cursor: pointer }
.n_kongjian .fl02 ul.ul2 li .img { width: 100%; padding-bottom: 153.125%; position: relative; overflow: hidden; transition: .6s }
.n_kongjian .fl02 ul.ul2 li .img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }
.n_kongjian .fl02 ul.ul2 li .img .top { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: .6s; opacity: 0; visibility: hidden; padding: 0 2.75rem }
.n_kongjian .fl02 ul.ul2 li .con h5 { font-size: 1.125rem; color: #3a3a3a; height: 1.25rem; line-height: 1.25rem; overflow: hidden; margin-top: 1.5rem; transition: .6s }
.n_kongjian .fl02 ul.ul2 li .img .top h5 { font-size: 1.5rem; color: #3a3a3a; margin: 0 0 4.375rem; position: relative }
.n_kongjian .fl02 ul.ul2 li .img .top h5:before { content: ""; position: absolute; width: 28px; height: 3px; background: #1e3685; left: 50%; margin-left: -14px; bottom: -2.5rem; }
.n_kongjian .fl02 ul.ul2 li .img .top p { font-size: 14px; line-height: 1.875rem; color: #3a3a3a; opacity: .7; text-align: left; }
.n_kongjian .fl03 { padding: 4.5rem 0 }
.n_kongjian .fl03 .miso_hd { margin-bottom: 3.75rem }
.n_kongjian .fl03 .miso_hd ul { text-align: center; font-size: 0; }
.n_kongjian .fl03 .miso_hd ul li { padding: 0 1.375rem; float: none; display: inline-block; font-size: 1.25rem; color: #686868; width: auto !important }
.n_kongjian .fl03 .miso_hd ul li a { display: inline-block; line-height: 3.125rem; border-bottom: #b7b7b7 2px solid; transition: .6s; cursor: pointer }
.n_kongjian .fl03 .miso_hd ul li.miso-current a { border-bottom: #1e3685 3px solid; font-size: 1.25rem; color: #1e3685; font-weight: bold }
.n_meihao { position: relative; padding-bottom: 5rem }
.n_meihao .miso_bd1 { position: absolute; top: 0; right: 0; bottom: 0; left: 0 }
.n_meihao .miso_bd1 .miso-track, .n_meihao .miso_bd1 .miso-list { height: 100% }
.n_meihao .miso_bd1 .miso-slide { height: 100% }
.n_meihao .miso_bd { padding: 11.25rem 0 7.5rem; position: relative; z-index: 10; }
.n_meihao .miso_bd h3 { font-size: 2.5rem; color: #ffd901; font-family: tt0173m; text-transform: uppercase }
.n_meihao .miso_bd h2 { font-size: 3.4375rem; color: #fff; font-weight: bold; margin: 1.25rem 0 }
.n_meihao .miso_bd p { font-size: 1rem; line-height: 1.875rem; color: rgba(255,255,255,.7); max-width: 36.3525rem; display: inline-block; margin-bottom: 3.5rem }
.n_meihao .miso_bd a { display: inline-block; width: 145px; height: 45px; line-height: 43px; border: rgba(255,255,255,.58) 1px solid; border-radius: 0; font-size: 14px; color: #fff; transition: .6s }
.n_meihao .miso_hd { position: relative }
.n_meihao .miso_hd:before { content: ""; position: absolute; top: 2.5px; width: 100%; height: 1px; background: rgba(255,255,255,.3) }
.n_meihao .miso_hd ul { margin: 0 -0.75rem }
.n_meihao .miso_hd ul li { padding: 0 0.75rem; padding-top: 2.75rem; position: relative }
.n_meihao .miso_hd ul li:after { content: ""; position: absolute; top: 0; left: 0.75rem; width: 0; background: #fff; height: 5px; transition: .6s }
.n_meihao .miso_hd ul li .box { display: block; padding: 2rem 4.375rem; background: #ffd900 }
.n_meihao .miso_hd ul li .box h5 { font-size: 16px; color: #fff }
.n_meihao .miso_hd ul li .box p { font-size: 12px; color: #fff; line-height: 22px; height: 44px; margin: 0.875rem 0 }
.n_meihao .miso_hd ul li .box h6 { text-align: right; }
.n_meihao .miso_hd ul li .box h6 img { display: inline-block }
.n_meihao .miso_hd ul li:nth-child(1) .box h5 { color: #121212 }
.n_meihao .miso_hd ul li:nth-child(1) .box p { color: #121212 }
.n_meihao .miso_hd ul li:nth-child(2) .box { background: #fc4641 }
.n_meihao .miso_hd ul li:nth-child(3) .box { background: #3c3c6e }
.n_meihao .miso_hd ul li:nth-child(4) .box { background: #1e3685 }
.n_meihao .miso_hd ul li.miso-current:after { width: calc(100% - 1.5rem) }
.n_shichang .fl01 { padding: 4.5rem 0 7.5rem; text-align: center }
.n_shichang .fl01 .content { text-align: center; height: 684px; padding: 124px 0 0; width: 1095px; display: inline-block; position: relative }
.n_shichang .fl01 .content .box { background: url(../image/n_hezuo_yt_box.png) center no-repeat; width: 420px; height: 420px; display: inline-block; position: relative }
.n_shichang .fl01 .content .box h6 { font-size: 1rem; color: #515151 }
.n_shichang .fl01 .content .box h3 { font-size: 2.5rem; color: #009361; font-weight: bold; margin: 0.5rem 0 0.25rem }
.n_shichang .fl01 .content .box h4 { font-size: 2.25rem; color: #929292; font-family: BarlowCondensed; text-transform: uppercase }
.n_shichang .fl01 .content .box h3.tc { display: none }
.n_shichang .fl01 .content .box h3.tc.act { display: block }
.n_shichang .fl01 .content .box h4.tc { display: none }
.n_shichang .fl01 .content .box h4.tc.act { display: block }
.n_shichang .fl01 .content .box .line { content: ""; width: 0; height: 3px; background: #f39f2b; display: block; z-index: 0; transform-origin: right top; top: 126px; right: 50%; position: absolute; transform: scale(0) rotate(30deg); transition: .5s 0s; z-index: 2; margin-right: 182px; }
.n_shichang .fl01 .content .box .line:before { content: ""; position: absolute; width: 7px; height: 7px; border: #f39f2b 4px solid; border-radius: 50%; right: 0; bottom: -6px; background: #fff; }
.n_shichang .fl01 .content .box.on .line01 { transform: scale(1) rotate(30deg); width: 172px; }
.n_shichang .fl01 .content .box .line02 { background: #cb2149; margin-right: 200px; transform: scale(0) rotate(0); top: 228px; }
.n_shichang .fl01 .content .box .line02:before { border: #cb2149 4px solid; }
.n_shichang .fl01 .content .box.on .line02 { transform: scale(1) rotate(0); width: 160px; }
.n_shichang .fl01 .content .box .line03 { background: #2b9581; margin-right: 167px; transform: scale(0) rotate(0); top: 322px; }
.n_shichang .fl01 .content .box .line03:before { border: #2a9480 4px solid; }
.n_shichang .fl01 .content .box.on .line03 { transform: scale(1) rotate(-40deg); width: 156px; }
.n_shichang .fl01 .content .box .line04 { right: auto; left: 50%; margin-left: 182px; margin-right: auto; transform-origin: left top; background: #786eaf; transform: scale(0) rotate(-30deg); }
.n_shichang .fl01 .content .box .line04:before { border: #786eaf 4px solid; left: 0; }
.n_shichang .fl01 .content .box.on .line04 { transform: scale(1) rotate(-30deg); width: 172px; }
.n_shichang .fl01 .content .box .line05 { background: #218dd4; left: 50%; margin-left: 200px; margin-right: auto; transform-origin: left top; transform: scale(0) rotate(0); top: 228px; }
.n_shichang .fl01 .content .box .line05:before { border: #228ed4 4px solid; left: 0; }
.n_shichang .fl01 .content .box.on .line05 { transform: scale(1) rotate(0); width: 160px; }
.n_shichang .fl01 .content .box .line06 { background: #009f6d; left: 50%; margin-left: 167px; margin-right: auto; margin-right: auto; transform-origin: left top; transform: scale(0) rotate(0); top: 322px; }
.n_shichang .fl01 .content .box .line06:before { border: #009f6e 4px solid; left: 0; }
.n_shichang .fl01 .content .box.on .line06 { transform: scale(1) rotate(40deg); width: 156px; }
.n_shichang .fl01 .content .yuan00 .box_table { position: relative; border-radius: 50%; background: #fff; }
.n_shichang .fl01 .content .yuan00 h3 { font-size: 2.25rem; color: #7c7c7c; transition: .6s; font-family: BarlowCondensed_bold; }
.n_shichang .fl01 .content .yuan00 h5 { font-size: 1.125rem; color: #d0831a; transition: .6s; margin: 15px 0 4px }
.n_shichang .fl01 .content .yuan00 h6 { font-size: 14px; color: #7c7c7c; transition: .6s; font-family: BarlowCondensed; text-transform: uppercase }
.n_shichang .fl01 .content .yuan02 h5 { color: #cf254f }
.n_shichang .fl01 .content .yuan03 h5 { color: #2d9884 }
.n_shichang .fl01 .content .yuan04 h5 { color: #756bad }
.n_shichang .fl01 .content .yuan05 h5 { color: #1271c5 }
.n_shichang .fl01 .content .yuan06 h5 { color: #00a170 }
.n_shichang .fl01 .content .yuan00:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #f39f2b; border-radius: 50%; opacity: .1; transition: .6s }
.n_shichang .fl01 .content .yuan00.on:before { transform: scale(1.15); }
.n_shichang .fl01 .content .yuan02:before { background: #d02550 }
.n_shichang .fl01 .content .yuan02.on:before { transform: scale(1.15); }
.n_shichang .fl01 .content .yuan03:before { background: #28917c }
.n_shichang .fl01 .content .yuan03.on:before { transform: scale(1.15); }
.n_shichang .fl01 .content .yuan04:before { background: #786eaf }
.n_shichang .fl01 .content .yuan04.on:before { transform: scale(1.15); }
.n_shichang .fl01 .content .yuan05:before { background: #50a8de }
.n_shichang .fl01 .content .yuan05.on:before { transform: scale(1.15); }
.n_shichang .fl01 .content .yuan06:before { background: #1e3685 }
.n_shichang .fl01 .content .yuan06.on:before { transform: scale(1.15); }
.n_shichang .fl01 .content .yuan00 { position: absolute; cursor: pointer; border-radius: 50%; }
.n_shichang .fl01 .content .yuan00:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: 100% 100% !important }
.n_shichang .fl01 .content .yuan00 img { position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; width: calc(100% - 10px); height: calc(100% - 10px); opacity: 0; visibility: hidden; transition: .6s; border-radius: 50%; }
.n_shichang .fl01 .content .yuan01 { top: 0; left: 5px; width: 225px; height: 225px; }
.n_shichang .fl01 .content .yuan01:after { background: url(../image/yuan01_bg.png) center no-repeat; }
.n_shichang .fl01 .content .yuan02 { top: 256px; left: 0; width: 190px; height: 190px; }
.n_shichang .fl01 .content .yuan02:after { background: url(../image/yuan02_bg.png) center no-repeat; }
.n_shichang .fl01 .content .yuan03 { top: 494px; left: 85px; width: 190px; height: 190px; }
.n_shichang .fl01 .content .yuan03:after { background: url(../image/yuan03_bg.png) center no-repeat; }
.n_shichang .fl01 .content .yuan04 { top: 0; right: 5px; width: 225px; height: 225px; }
.n_shichang .fl01 .content .yuan04:after { background: url(../image/yuan04_bg.png) center no-repeat; }
.n_shichang .fl01 .content .yuan05 { top: 256px; right: 0; width: 190px; height: 190px; }
.n_shichang .fl01 .content .yuan05:after { background: url(../image/yuan05_bg.png) center no-repeat; }
.n_shichang .fl01 .content .yuan06 { top: 494px; right: 85px; width: 190px; height: 190px; }
.n_shichang .fl01 .content .yuan06:after { background: url(../image/yuan06_bg.png) center no-repeat; }
.n_shichang .fl01 .content .yuan00.on img { opacity: 1; visibility: visible }
.n_shichang .fl01 .content .yuan00.on h3 { color: #fff }
.n_shichang .fl01 .content .yuan00.on h5 { color: #fff }
.n_shichang .fl01 .content .yuan00.on h6 { color: #fff }
.n_shichang .fl01 .content .yuan00.on .box_table { background: transparent }
.n_shichang .fl02 { padding-top: 2rem; /*background: url(../images/n_shichang_fl02_bg.jpg) center 5rem no-repeat; background-size: cover;*/ }
.n_shichang .fl02 .fl001 { position: relative; border-bottom: 1px solid #cecece; padding-bottom: 3.5rem; }
.n_shichang .fl02 .fl001 .left { width: 22.5rem; height: 12.5rem; background: #1e3685 url(../image/jianzhu4.png) left bottom no-repeat; border-radius: 2.5rem 0 2.5rem 0; }
.n_shichang .fl02 .fl001 .left h3 { height: 4.375rem; position: relative }
.n_shichang .fl02 .fl001 .left h3:before { content: ""; width: 16px; height: 1px; background: #fff; left: 50%; margin-left: -8px; position: absolute; bottom: 0 }
.n_shichang .fl02 .fl001 .left h5 { font-size: 2.25rem; color: #fff; margin: 1.75rem 0 0.5rem }
.n_shichang .fl02 .fl001 .left h6 { font-size: 1rem; color: #fff; text-transform: uppercase }
.n_shichang .fl02 .fl001 .right { width: calc(100% - 22.5rem); padding-left: 5rem; margin-top: 4rem; border-top: 1px solid #cecece; padding-top: 2rem; }
.n_shichang .fl02 .fl001 .right p { font-size: 1rem; line-height: 2.25rem; color: #333; text-align: left }
.n_shichang .shichang_box1 { position: fixed; opacity: 0; visibility: hidden; transition: .6s }
.n_shichang .shichang_box1.act { position: relative; opacity: 1; visibility: visible }
.shichang_box1 .fl_tuce .miso_bd ul li { padding-top: 4rem; position: relative }
.shichang_box1 .fl_tuce .miso_bd ul li { position: relative }
.shichang_box1 .fl_tuce .miso_bd ul li:after { content: ""; position: absolute; top: 0; left: 0.75rem; width: 0; background: #1e3685; height: 2px; transition: .6s }
.shichang_box1 .fl_tuce .miso_bd ul li .con h5 { color: #fff }
.shichang_box1 .fl_tuce .miso_bd ul .miso-prev { background: url(../image/left05.png) center no-repeat }
.shichang_box1 .fl_tuce .miso_bd ul .miso-next { background: url(../image/right05.png) center no-repeat }
.n_hezuo_yt .fl01 { padding-bottom: 5rem; text-align: center }
.n_hezuo_yt .fl01 .content { text-align: center; padding: 120px 0; width: 1095px; display: inline-block; position: relative }
.n_hezuo_yt .fl01 .content .box { background: url(../image/n_hezuo_yt_box.png) center no-repeat; width: 420px; height: 420px; display: inline-block; position: relative }
.n_hezuo_yt .fl01 .content .box h6 { font-size: 1rem; color: #515151 }
.n_hezuo_yt .fl01 .content .box h3 { font-size: 2.5rem; color: #009361; font-weight: bold; margin: 0.5rem 0 0.25rem }
.n_hezuo_yt .fl01 .content .box h4 { font-size: 2.25rem; color: #929292; font-family: BarlowCondensed; text-transform: uppercase }
.n_hezuo_yt .fl01 .content .box h3.tc { display: none }
.n_hezuo_yt .fl01 .content .box h3.tc.act { display: block }
.n_hezuo_yt .fl01 .content .box h4.tc { display: none }
.n_hezuo_yt .fl01 .content .box h4.tc.act { display: block }
.n_hezuo_yt .fl01 .content .box .line { content: ""; width: 0; height: 3px; background: #f39f2b; display: block; z-index: 0; transform-origin: right top; top: 126px; right: 50%; position: absolute; transform: scale(0) rotate(30deg); transition: .5s 0s; z-index: 2; margin-right: 182px; }
.n_hezuo_yt .fl01 .content .box .line:before { content: ""; position: absolute; width: 7px; height: 7px; border: #f39f2b 4px solid; border-radius: 50%; right: 0; bottom: -6px; background: #fff; }
.n_hezuo_yt .fl01 .content .box.on .line01 { transform: scale(1) rotate(30deg); width: 172px; }
.n_hezuo_yt .fl01 .content .box .line03 { background: #cb2149; margin-right: 200px; transform: scale(0) rotate(0); top: 228px; }
.n_hezuo_yt .fl01 .content .box .line03:before { border: #cb2149 4px solid; }
.n_hezuo_yt .fl01 .content .box.on .line03 { transform: scale(1) rotate(0); width: 160px; }
.n_hezuo_yt .fl01 .content .box .line05 { background: #2b9581; margin-right: 167px; transform: scale(0) rotate(0); top: 322px; }
.n_hezuo_yt .fl01 .content .box .line05:before { border: #2a9480 4px solid; }
.n_hezuo_yt .fl01 .content .box.on .line05 { transform: scale(1) rotate(-40deg); width: 156px; }
.n_hezuo_yt .fl01 .content .box .line02 { right: auto; left: 50%; margin-left: 182px; margin-right: auto; transform-origin: left top; background: #786eaf; transform: scale(0) rotate(-30deg); }
.n_hezuo_yt .fl01 .content .box .line02:before { border: #786eaf 4px solid; left: 0; }
.n_hezuo_yt .fl01 .content .box.on .line02 { transform: scale(1) rotate(-30deg); width: 172px; }
.n_hezuo_yt .fl01 .content .box .line04 { background: #218dd4; left: 50%; margin-left: 200px; margin-right: auto; transform-origin: left top; transform: scale(0) rotate(0); top: 228px; }
.n_hezuo_yt .fl01 .content .box .line04:before { border: #228ed4 4px solid; left: 0; }
.n_hezuo_yt .fl01 .content .box.on .line04 { transform: scale(1) rotate(0); width: 160px; }
.n_hezuo_yt .fl01 .content .box .line06 { background: #009f6d; left: 50%; margin-left: 167px; margin-right: auto; margin-right: auto; transform-origin: left top; transform: scale(0) rotate(0); top: 322px; }
.n_hezuo_yt .fl01 .content .box .line06:before { border: #009f6e 4px solid; left: 0; }
.n_hezuo_yt .fl01 .content .box.on .line06 { transform: scale(1) rotate(40deg); width: 156px; }
.n_hezuo_yt .fl01 .content .yuan00 .box_table { position: relative; border-radius: 50%; background: #fff; }
.n_hezuo_yt .fl01 .content .yuan00 h3 { font-size: 2.25rem; color: #7c7c7c; transition: .6s; font-family: BarlowCondensed_bold; }
.n_hezuo_yt .fl01 .content .yuan00 h5 { font-size: 1.125rem; color: #d0831a; transition: .6s; margin: 10px 20px; line-height: 1.2; }
.n_hezuo_yt .fl01 .content .yuan00 h6 { font-size: 14px; color: #7c7c7c; transition: .6s; font-family: BarlowCondensed; text-transform: uppercase }
.n_hezuo_yt .fl01 .content .yuan03 h5 { color: #cf254f; margin: 10px 20px; }
.n_hezuo_yt .fl01 .content .yuan05 h5 { color: #2d9884; margin: 10px 20px; }
.n_hezuo_yt .fl01 .content .yuan02 h5 { color: #756bad; margin: 10px 20px; }
.n_hezuo_yt .fl01 .content .yuan04 h5 { color: #228ed4; margin: 10px 20px; }
.n_hezuo_yt .fl01 .content .yuan05 h5 { color: #2a9480; margin: 10px 20px; }
.n_hezuo_yt .fl01 .content .yuan06 h5 { color: #00a170; margin: 10px 20px; }
.n_hezuo_yt .fl01 .content .yuan00:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #f39f2b; border-radius: 50%; opacity: .1; transition: .6s }
.n_hezuo_yt .fl01 .content .yuan00.on:before { transform: scale(1.15); }
.n_hezuo_yt .fl01 .content .yuan02:before { background: #d02550 }
.n_hezuo_yt .fl01 .content .yuan02.on:before { transform: scale(1.15); }
.n_hezuo_yt .fl01 .content .yuan03:before { background: #28917c }
.n_hezuo_yt .fl01 .content .yuan03.on:before { transform: scale(1.15); }
.n_hezuo_yt .fl01 .content .yuan04:before { background: #786eaf }
.n_hezuo_yt .fl01 .content .yuan04.on:before { transform: scale(1.15); }
.n_hezuo_yt .fl01 .content .yuan05:before { background: #50a8de }
.n_hezuo_yt .fl01 .content .yuan05.on:before { transform: scale(1.15); }
.n_hezuo_yt .fl01 .content .yuan06:before { background: #1e3685 }
.n_hezuo_yt .fl01 .content .yuan06.on:before { transform: scale(1.15); }
.n_hezuo_yt .fl01 .content .yuan00 { position: absolute; cursor: pointer; border-radius: 50%; }
.n_hezuo_yt .fl01 .content .yuan00:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: 100% 100% !important }
.n_hezuo_yt .fl01 .content .yuan00 img { position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; width: calc(100% - 10px); height: calc(100% - 10px); opacity: 0; visibility: hidden; transition: .6s; border-radius: 50%; }
.n_hezuo_yt .fl01 .content .yuan01 { top: 0; left: 5px; width: 225px; height: 225px; }
.n_hezuo_yt .fl01 .content .yuan01:after { background: url(../image/yuan01_bg.png) center no-repeat; }
.n_hezuo_yt .fl01 .content .yuan03 { top: 256px; left: 0; width: 190px; height: 190px; }
.n_hezuo_yt .fl01 .content .yuan03:after { background: url(../image/yuan02_bg.png) center no-repeat; }
.n_hezuo_yt .fl01 .content .yuan05 { top: 494px; left: 85px; width: 190px; height: 190px; }
.n_hezuo_yt .fl01 .content .yuan05:after { background: url(../image/yuan03_bg.png) center no-repeat; }
.n_hezuo_yt .fl01 .content .yuan02 { top: 0; right: 5px; width: 225px; height: 225px; }
.n_hezuo_yt .fl01 .content .yuan02:after { background: url(../image/yuan04_bg.png) center no-repeat; }
.n_hezuo_yt .fl01 .content .yuan04 { top: 256px; right: 0; width: 190px; height: 190px; }
.n_hezuo_yt .fl01 .content .yuan04:after { background: url(../image/yuan05_bg.png) center no-repeat; }
.n_hezuo_yt .fl01 .content .yuan06 { top: 494px; right: 85px; width: 190px; height: 190px; }
.n_hezuo_yt .fl01 .content .yuan06:after { background: url(../image/yuan06_bg.png) center no-repeat; }
.n_hezuo_yt .fl01 .content .yuan00.on img { opacity: 1; visibility: visible }
.n_hezuo_yt .fl01 .content .yuan00.on h3 { color: #fff }
.n_hezuo_yt .fl01 .content .yuan00.on h5 { color: #fff }
.n_hezuo_yt .fl01 .content .yuan00.on h6 { color: #fff }
.n_hezuo_yt .fl01 .content .yuan00.on .box_table { background: transparent }
.hezuo_box1 { position: fixed; opacity: 0; visibility: hidden; padding-bottom: 5rem; transition: .6s }
.hezuo_box1.act { position: relative; opacity: 1; visibility: visible }
.n_hezuo_yt .fl02 { margin-top: 2rem; }
/*.n_hezuo_yt .fl02 .tc.hezuo_box1{background:url(/static/images/n_hezuo_yt_fl02_img1.jpg) center no-repeat;background-size:cover;}*/
.n_hezuo_yt .fl02 .fl001 { position: relative; border-bottom: 1px solid #cecece; padding-bottom: 3.5rem; }
.n_hezuo_yt .fl02 .fl001 .left { width: 22.5rem; height: 12.5rem; background: #1e3685 url(../image/jianzhu4.png) left bottom no-repeat; border-radius: 2.5rem 0 2.5rem 0; }
.n_hezuo_yt .fl02 .fl001 .left h3 { height: 4.375rem; position: relative }
.n_hezuo_yt .fl02 .fl001 .left h3:before { content: ""; width: 16px; height: 1px; background: #fff; left: 50%; margin-left: -8px; position: absolute; bottom: 0 }
.n_hezuo_yt .fl02 .fl001 .left h5 { font-size: 2.25rem; color: #fff; margin: 1.75rem 0 0.5rem }
.n_hezuo_yt .fl02 .fl001 .left h6 { font-size: 1rem; color: #fff; text-transform: uppercase }
.n_hezuo_yt .fl02 .fl001 .right { width: calc(100% - 22.5rem); padding-left: 5rem; margin-top: 4rem; border-top: 1px solid #cecece; padding-top: 2rem; }
.n_hezuo_yt .fl02 .fl001 .right p { font-size: 1rem; line-height: 2.25rem; color: #333; text-align: left }
.n_hezuo_yt .fl_tuce{ margin-bottom:5rem;}
.n_hezuo_yt .fl_tuce .miso_bd ul li { padding-top: 4rem; position: relative }
.n_hezuo_yt .fl_tuce .miso_bd ul li { position: relative }
.n_hezuo_yt .fl_tuce .miso_bd ul li:after { content: ""; position: absolute; top: 0; left: 0.75rem; width: 0; background: #1e3685; height: 2px; transition: .6s }
.n_hezuo_yt .fl_tuce .miso_bd ul li .con h5 { color: #fff }
.n_hezuo_yt .fl_tuce .miso_bd ul .miso-prev { background: url(../image/left05.png) center no-repeat }
.n_hezuo_yt .fl_tuce .miso_bd ul .miso-next { background: url(../image/right05.png) center no-repeat }
.n_licheng { background: url(../image/n_licheng.jpg) center top no-repeat; background-size: cover; padding: 4.375rem 0 0 }
.n_licheng .n_title001 { text-align: center; margin-bottom: 5.625rem }
.w1312 { margin: 0 auto; max-width: 1312px; }
.n_licheng .content { position: relative }
.n_licheng .content>img { }
.n_licheng .content .dot00 { position: absolute; max-width: 400px; }
.n_licheng .content .dot00 h3 { font-weight: bold; font-size: 1.5rem; color: #1e3685; font-family: "Microsoft YaHei"; margin-bottom: 0.875rem }
.n_licheng .content .dot00 ul { position: relative; padding-left: 1rem }
.n_licheng .content .dot00 ul:before { content: ""; position: absolute; left: 0; top: 0.5rem; bottom: 0.5rem; width: 2px; background: #1e3685; }
.n_licheng .content .dot00 ul li { font-size: 13px; line-height: 1.875rem; color: #505453 }
.n_licheng .content .dot01 { position: absolute; top: -5%; right: 13.72%; }
.n_licheng .content .dot02 { position: absolute; top: 6%; left: 12.20%; }
.n_licheng .content .dot03 { position: absolute; top: 32%; left: 0; }
.n_licheng .content .dot04 { position: absolute; top: 51%; right: 0; }
.n_licheng .content .dot05 { position: absolute; top: 75%; right: 5%; }
.n_licheng .content .wawa .img1 { position: absolute; top: 10%; left: 76.2%; }
.n_licheng .content .wawa .img2 { position: absolute; top: 13%; left: 44.2%; }
.n_licheng .content .wawa .img3 { position: absolute; top: 28%; left: 70.2%; }
.n_licheng .content .wawa .img4 { position: absolute; top: 31%; left: 31.2%; }
.n_licheng .content .wawa .img5 { position: absolute; top: 54%; left: 36.2%; }
.n_renli .content { display: table; width: 100% }
.n_renli .left { width: calc(100% - 45%); padding-right: 6rem; display: table-cell; vertical-align: top; }
.n_renli .left .n_title001 { margin-bottom: 2.25rem }
.n_renli .left h2 { font-size: 1.875rem; color: #1e3685; font-weight: bold }
.n_renli .left h5 { font-size: 1.5rem; color: #2a2723; line-height: 3rem; margin: 0.5rem 0 1.25rem }
.n_renli .left .ar_article, .n_renli .left .ar_article p { margin-bottom: 0;font-size: 1rem;}
.n_renli .fl01 { padding: 5.25rem 0 }
.n_renli .fl01 .right { width: 45%; padding: 0; display: table-cell; position: relative; }
.n_renli .fl01 .right .box_c { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.n_renli .fl01 .right .swiper-container { max-width: 45rem; }
.n_renli .fl01 .right .swiper-container ul li .img img { width: 100% }
.n_renli .fl01 .right .swiper-container ul li { text-align: center; background-position: center; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.n_renli .fl01 .right .swiper-container ul li .img { padding: 0 }
.n_renli .fl01 .right .swiper-container ul li .img img { width: auto; }
.video-js { width: 80%!important; height: 27rem!important; margin: 0 auto; }
.video-js video { width: 100%!important; height: 100%!important; }
.j_pages { margin: 0 auto 0 auto }
.j_pages .box { display: inherit; width: 100%; padding: 0; font-size: 0; text-align: center; }
.j_pages a { padding: 0px 16px; height: 38px; line-height: 34px; display: inline-block; border: #dcdcdc 2px solid; margin: 0 5px; color: #393939; font-size: 14px; box-sizing: border-box; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.j_pages a font { padding: 0 10px }
.j_pages .on { background: #1e3685; color: #fff; border: #1e3685 2px solid; }
.j_pages a:hover { background: #1e3685; color: #fff; border: #1e3685 2px solid; }
.j_pages span { color: #393939; padding: 0; height: 38px; line-height: 34px; display: inline-block; font-size: 14px; }
.j_pages input { color: #393939; padding: 0px 16px; height: 38px; line-height: 34px; display: inline-block; font-size: 14px; border: #dcdcdc 2px solid; cursor: pointer; background: none; }
.j_pages input[type="text"] { width: 40px; padding: 0; text-align: center }
.j_pages input[type="submit"]:hover { background: #1e3685; color: #fff; border: #1e3685 2px solid; }
.j_pages span.select_box select { padding: 8px 15px; margin: 0 10px; border: 2px solid #dcdcdc; background: none; line-height: 2; }
 @media(min-width: 1200px) {
.n_shichang .fl01 .miso_hd .miso-track { transform: translate3d(0px, 0px, 0px) !important; }
}
@media(max-width: 800px) {
.video-js { width: 100%!important; height: 16rem!important; margin: 0 auto; }
}

.article-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 70px;
}

.article-page .box {
    display: block;
    width: 50%;
    border-right: 1px solid #ddd;
    position: relative;
    background-color: #f4f4f4;
}

.article-page .box .btn-aw {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #aaa;
    font-size: 0;
    position: absolute;
    top: 50%;
    margin-top: -22px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.article-page .box .btn-aw:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border: 2px solid #333;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: border .5s;
    -o-transition: border .5s;
    transition: border .5s;
}

.article-page .box .main {
    vertical-align: top;
}

.article-page .box .main .tag {
    font-size: 0.9375rem;
    color: #1e3685;
    margin-bottom: 5px;
}

.article-page .box .main .ti {
    font-size: 1.125rem;
    line-height: 1.5;
    color: #333;
}

.article-page .box .main .data {
    font-size: 0.9375rem;
    color: #999;
}

.article-page .box:hover .btn-aw {
    border-color: #1e3685;
    background-color: #1e3685;
}

.article-page .box:hover .btn-aw:before {
    border-color: #fff;
}

.article-page .box:hover .main .ti {
    color: #000;
    text-decoration: underline;
}

.article-page .box.prev {
    padding: 40px 50px 40px 130px;
}

.article-page .box.prev .btn-aw {
    left: 40px;
}

.article-page .box.prev .btn-aw:before {
    border-right: none;
    border-top: none;
    -webkit-transform-origin: 8px 0;
    -ms-transform-origin: 8px 0;
    transform-origin: 8px 0;
}

.article-page .box.prev .main {
    text-align: right;
}

.article-page .box.next {
    border-right: none;
    padding: 40px 130px 40px 50px;
}

.article-page .box.next .btn-aw {
    right: 40px;
}

.article-page .box.next .btn-aw:before {
    border-left: none;
    border-bottom: none;
    -webkit-transform-origin: 8px -5px;
    -ms-transform-origin: 8px -5px;
    transform-origin: 8px -5px;
}

.pagelist { text-align: center; clear:both; padding-top:30px;}
.pagelist span, .pagelist strong, .pagelist a { display: inline-block; border: 1px solid #ddd;padding: 2px 6px; margin-right: 2px; line-height:16px; text-decoration:none; color:#666;}
.pagelist span { background: #1e3685; color: #fff;}