html,
body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
position: relative;
}
body {
overflow-x: hidden;
-webkit-text-size-adjust: none; height:100%; width: 100%;
overflow-y: scroll;
background: #fff;
font-size: 14px;
}
.search ::-webkit-input-placeholder {
color: #fff;
}
.search :-ms-input-placeholder {
color: #fff;
}
.search ::placeholder {
color: #fff;
}
@font-face
{
font-family: FZYDZHJW;
src: url('../font/FZYDZHJW.TTF');
}
*{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; line-height: 1.75;}
.layui-form-switch ,.layui-form-switch *{ -webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;}
.af-cb:after{clear: both; content: ' '; overflow: hidden; width: 0; height: 0; display: block;}
::selection{background:#d4314a; color:#fff;}
::-moz-selection{background:#d4314a; color:#fff;}
a,a:link{ color: #000; text-decoration: none;}
a:hover,a:active{ color: #d4314a; text-decoration: none;}
a:hover i.pic-size img{-webkit-transform: scale(1.05); transform: scale(1.05);}
.block{display: block !important;}
.e-ani *,.e-ani *:before,.e-ani *:after{-webkit-transition: .3s; transition:.3s;}
.nav * .nav-btn-bg{-webkit-transition:left .3s ease .03s; transition:left .3s ease .03s;}
.e-animte{-webkit-transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,-webkit-transform .5s, top 0s linear .6s, bottom 0s linear .6s, left 0s linear .6s;
transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,transform .5s, top 0s linear .6s,bottom 0s linear .6s,left 0s linear .6s;}
*.e-animte-show{-webkit-transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,-webkit-transform .5s, top 0s linear 0s, bottom 0s linear 0s, top 0s linear 0s;
transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,transform .5s, top 0s linear 0s, bottom 0s linear 0s, top 0s linear 0s;}
.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.text-right{
text-align: right;
}
.tabs-box .bd{ transition: .3s;}
.tabs-box .bd:after{content: ' '; clear: both; width: 0; height: 0; overflow: hidden;}
.tabs-box .bd>.tabs-hide{ position: absolute; top: 0; left: -10000px; width: 100%; overflow: hidden; -webkit-transform: none; transform: none; opacity: 0; -webkit-animation: tabs-hide .8s; animation: tabs-hide .8s;}
@-webkit-keyframes tabs-hide
{
from { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1;}
to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 0;}
}
@keyframes tabs-hide
{
from { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1;}
to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 0;}
}
.tabs-box .bd>.tabs-on{ position: relative; top: 0; left: 0; width: 100%; -webkit-transform:none; transform: none; opacity: 1;}
.tabs-box .bd>.tabs-show{ position: relative; top: 0; left: 0; width: 100%; overflow: visible; -webkit-transform:none; transform: none; opacity: 1; -webkit-animation: tabs-show .8s; animation: tabs-show .8s;}
@-webkit-keyframes tabs-show
{
from { -webkit-transform: translateX(0); transform: translateX(0); opacity: 0;}
to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1;}
}
@keyframes tabs-show
{
from { -webkit-transform: translateX(0); transform: translateX(0); opacity: 0;}
to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1;}
}
.tabs-box .hd-line{transition: .3s;}
.tabs-box .hd>*{position: relative;}
.tabs-box .bd{ position: relative; overflow: hidden;}
.e-anim-hide{display: none;}
.e-anim-on{ display: block;}
.e-anim-off{ pointer-events: none; display: block; display: none\9;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.e-anim-off { display: none; }
}
.tabs-box .e-anim-on{animation:tabs-anim-on .3s;animation-fill-mode: both; width: 100%;}
.tabs-box .e-anim-off{ animation:tabs-anim-off .3s; width: 100%; position: absolute; animation-fill-mode: both; top: 0;}
@keyframes tabs-anim-on{
from { opacity: 0; }
to {opacity: 1;}
}
@keyframes tabs-anim-off{
from { opacity: 1; }
to { opacity: 0;}
}
@media screen and (max-width: 319px) {
html{-webkit-transition: 0s; transition: 0s; background: #fff url(404.png) center center no-repeat; }
body {
-webkit-transition: 0s; transition: 0s; display: none;
}
}
.layui-layer,.layui-layer *{ -webkit-transition: 0s; transition: 0s;}
@media (max-width: 991px) and (orientation : landscape) {
html.landscape {
background: #fff url(404.png) center center no-repeat;
}
html.landscape body {
display: none;
}
}
.animated {
-webkit-animation-duration: 1s;
animation-duration:1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated-s {
-webkit-animation-duration: .5s;
animation-duration:.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.bdsharebuttonbox,.bdsharebuttonbox *,.bd_weixin_popup_bg,.bd_weixin_popup{ -webkit-transition: 0s;
transition: 0s;}
.bdsharebuttonbox *{-webkit-transition: .3s;
transition: .3s;}
#bsPanel,#bsPanel *,#bsBox,#bsBox *{-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;}
.bdsharebuttonbox,.bdsharebuttonbox *,.bd_weixin_popup_bg,.bd_weixin_popup{ -webkit-transition: 0s;
transition: 0s;}
.bdsharebuttonbox *{-webkit-transition: .3s;
transition: .3s;}
#bsWXBox{-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;}
.map *{ -webkit-transition: 0s;
-moz-transition: 0s;
-ms-transition: 0s;
-o-transition: 0s;
transition: 0s;}
.map label,.map img{max-width: none !important; width: initial !important;}
.map *{ font-size: 12px; -webkit-transition: 0s; transition: 0s; -webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;}
.video-bg{position: absolute; z-index: -1; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 0s; transition: 0s;}
.lightbox,.lightbox *,.lightboxOverlay,.lightboxOverlay *{-webkit-transition: 0s;
-moz-transition: 0s;
-ms-transition: 0s;
-o-transition: 0s;
transition: 0s; -webkit-transform:translateZ(0); transform:translateZ(0);}
div.pages {text-align: center; width: 100%; padding: 30px 0 30px 0; margin: 0; line-height: 1.7;}
div.pages *{ line-height: 1.7;}
div.pages a, div.pages span {text-decoration: none; background: #fff; border: 1px solid #DDDDDD; padding: 4px 12px; margin: 3px; color: #999999; font-size: 14px; display: inline-block; font-weight: normal; -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;}
div.pages a.on,div.pages a.hover,div.pages a:hover,div.pages a:active,div.pages span.current,div.pages span.disabled { background: #d4314a; color: #fff; border: 1px solid #d4314a; line-height: 1.7;}
@media screen and (min-width: 320px) {
.video-show.layui-layer-iframe{overflow: visible;}
.video-show{ width: 300px !important; height: 175px !important; left: 50% !important; top: 50% !important; transform: translate(-50%,-50%) !important;}
body .image-show{background-color: rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 0}
.video-show .layui-layer-setwin{ right: 0; top: 0;}
.video-show .layui-layer-setwin .layui-layer-close2{ right: 0; top: -35px;width: 35px; height: 35px; font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; text-align: center; line-height: 24px;}
.video-show .layui-layer-setwin .layui-layer-close2:before { content: "X"; color: #fff; font-size: 14px;}
div.video-show .layui-layer-content{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; overflow: visible;}
.jcsp-video{display: none;}
.video-show video{display: block;}
.video-show video{ width: 100%; height: 100%;}
.video-tit span{background-color: #EFF7FF;display: block;text-align: center;font-size: 12px;color: #003D7E;height: 38px;line-height: 38px;}
.image-show.layui-layer-iframe{overflow: visible;}
.image-show{ width: 300px !important; height: 155px !important; left: 50% !important; top: 50% !important; transform: translate(-50%,-50%) !important;}
.image-show i.pic-size{padding-bottom: 52%;}
}
@media screen and (min-width: 384px) {
.video-show{ width: 365px !important; height: 210px !important;}
.image-show{ width: 365px !important; height: 170px !important;}
}
@media screen and (min-width: 480px) {
.video-show{ width: 420px !important; height: 240px !important;}
.image-show{ width: 420px !important; height:200px !important;}
}
@media screen and (min-width: 640px) {
.video-show{ width: 630px !important; height: 360px !important;}
.image-show{ width: 630px !important; height: 320px !important;}
div.pages a, div.pages span{padding: 7px 15px;}
}
@media screen and (min-width: 768px) {
.video-show{ width: 700px !important; height: 400px !important;}
.image-show{ width: 700px !important; height: 360px !important;}
}
@media screen and (min-width: 992px) {
.video-show{ width: 900px !important; height: 510px !important;}
.image-show{ width: 900px !important; height: 460px !important;}
div.pages {padding:40px 0;}
.video-tit span{font-size: 14px;line-height: 42px;height: 42px;}
}
@media screen and (min-width: 1240px) {
div.pages {padding:50px 0;}
}
@media screen and (min-width: 1340px) {
div.pages {padding:60px 0;}
}
@media screen and (max-width: 1259px){
}
i.pic-size{ width: 100%; height: 0; padding-bottom: 100%; position: relative; display: block; overflow: hidden;}
i.pic-size img{ width: 100% !important; height: 100% !important; max-width: 100%; max-height: 100%; position: absolute; margin: auto; object-fit: contain;}
i.pic-size img{ width: 100% !important; height: 100% !important; position: absolute; left: 0; top: 0; object-fit: contain; transition: .3s;}
i.pic-size-cover img{object-fit: cover;}
i.pic-size-scale-down img{object-fit: scale-down;}
i.pic-size-none img{object-fit: none;}
.layui-form-checked[lay-skin=primary] i{ border-color: #d4314a; background-color: #d4314a;}
.layui-form-checkbox[lay-skin=primary]:hover i{ border-color: #d4314a;}
.pic img{width: 100%;}
@media screen and (min-width: 320px) {
.container{ padding: 0 15px; margin: 0 auto; width: 100%;}
.container:after{ content: " "; display: block; clear: both; width: 0; height: 0; overflow: hidden;}
.container-max{ padding: 0 15px; width: 100%; margin: 0 auto;}
::-webkit-scrollbar
{
width: 10px;
height: 10px;
background-color: #f7f7f7;
}
::-webkit-scrollbar-track
{
background-color: #e6e6e6;
}
::-webkit-scrollbar-thumb
{
background-color: #aaa;
}
}
@media screen and (min-width: 992px) {
.container{ width: 990px; padding: 0 10px;margin: 0 auto;}
.web-container{width: 990px;}
}
@media screen and (min-width: 1220px) {
.container{ width: 1220px; padding: 0 10px;}
.web-container{width: 1220px;}
}
@media screen and (min-width: 1420px) {
.container{ width: 1420px; padding: 0 10px;}
.web-container{width: 1420px;}
.bg .container{ width: 1300px;}
}
@media screen and (min-width: 1620px) {
.container{ width: 1620px; padding: 0px;}
.bg .container{ width: 1620px;}
.web-container{width: 1440px;}
}
@media screen and (min-width: 320px) {
div.nav-poa{ position: absolute; left: 0; top: 0; width: 100%;}
.container-header{position: relative;}
.nav-box-bg{ height: 60px; width: 100%; position: absolute; left: 0; top: 0; z-index: 8;}
.nav-box{ height: 60px; width: 100%; z-index: 100; left: 0; top: 0; }
.header-box{ height: 60px; display: none;}
.logo{ float: left; position: relative; z-index: 9; height: 57.94px; padding: 10px 0 10px 0;}
.logo a{ display: block; height: 100%;}
.logo img{ height:100%; display: block;}
.nav-btn{ display: block; padding: 0 10px; margin-right: -10px; float: right; cursor: pointer; position: relative; z-index: 9;}
.nav-btn i{ line-height: 60px; font-size: 32px; width: 32px; text-align: center; color: #d4314a;}
.nav-hide-btn{ display: none;}
.nav-btn-show .nav-hide-btn{ display: block;}
.nav-btn-show .nav-show-btn{ display: none;}
.nav{ position: absolute; top: 55px; left: 0; right: 0; background: #0c0c0c; background: rgba(255,255,255,.95); padding:10px 15px; -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.2);
-moz-box-shadow: 0 10px 20px rgba(0,0,0,.2);
box-shadow: 0 10px 20px rgba(0,0,0,.2); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; z-index: 8;}
.nav.e-anim-on{animation:nav-anim-on .3s; animation-fill-mode: both; }
.nav.e-anim-off{ animation:nav-anim-off .5s; animation-fill-mode: both;}
.nav-list{ visibility: visible !important;}
.nav-list li{ border-bottom: solid 1px rgba(0,0,0,.1);}
.nav-list li:nth-last-child(2){border-bottom: none;}
.nav-list li a{ display: block; }
.nav-list li a b{font-weight: normal; line-height: 42px; position: relative; color: #666; display: block; text-align: center;}
.nav-list li .nav-list-sub{ overflow: hidden; background: rgba(230,230,240,.5);-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; overflow: hidden;
transition:height .3s,opacity .3s; }
.nav-list li .nav-list-sub div{ padding: 10px 15px;}
.nav-list li .nav-list-sub a{ line-height: 40px; border-bottom: solid 1px rgba(128,128,128,.1); color: #eee; font-size: 14px; text-align: center;}
.nav-list li .nav-list-sub a:nth-last-of-type(1){border: none;}
.nav-list li .nav-list-sub a span{ color: #666;}
.nav-list li .nav-list-sub a:hover span,.nav-list li .nav-list-sub a.on-02 span{ color: #d4314a;}
.nav-list .nav-on{ border-color: transparent; position: relative; z-index: 9;}
.nav-list .nav-on a{border-bottom:none ;}
.nav-list .nav-off{ position: relative; z-index: 1;}
.nav-list li .on b,.nav-list li .on i:before{ color: #000; position: relative;}
.nav-list li.nav-on a b,.nav-list li.nav-on a i:before{ color: #d4314a;}
.nav-list div.nav-btn-bg,.nav-list div.nav-btn-bg-02{ opacity: 0; filter:Alpha(opacity=0); width: 100%; left: 0; top: 0; height: 46px; background: #d4314a; z-index: -1; position: absolute; display: none;}
.nav-list div.nav-btn-bg-02{ width: auto; left: auto;}
.nav-list div.nav-btn-bg-02-show{ opacity: 1; filter:Alpha(opacity=100); }
.nav-list-sub.e-anim-hide{ display: block; }
.nav-list a b{ transition: color .3s,background .3s;}
.nav-list-height.e-anim-on{animation:nav-list-anim-on .3s; animation-fill-mode: both; display: block;}
.nav-list-height.e-anim-off{ animation:nav-list-anim-off .3s; animation-fill-mode: both; display: block;}
.nav-list li .nav-list-sub div.btn-sub-bg{display: none;}
.top-r {display: flex; flex-direction: column; align-items: center; padding: 15px ; background: #f4f4f4; border: solid 1px #eee; border-radius: 8px;}
.lang-box{display: inline-flex; border: solid 1px #d4314a; border-radius: 4px; background: #fff; overflow: hidden;}
.lang-box a{ padding: 5px 10px; line-height: 1.2; }
.lang-box a.on{ background: #d4314a; color: #fff;}
.search-box{ margin-top: 15px; display: flex;}
.search-inp{display: block; padding-right: 5px;}
.search-inp input{ height: 36px; border: solid 1px #bbb;padding: 0 15px; border-radius: 4px;}
.search-box .btn{ height: 36px; width: 36px; border-radius: 4px; border: none; background: #d4314a; color: #fff; cursor: pointer;}
}
@keyframes nav-anim-on{
from { opacity: 0; transform: translateY(-10px); filter: blur(2px);}
to {opacity: 1; transform: translateY(0);}
}
@keyframes nav-anim-off{
from { opacity: 1; transform: translateY(0); filter: blur(0);}
to { opacity: 0; transform: translateY(-10px); filter: blur(2px);}
}
@keyframes nav-list-anim-on{
from { opacity: 0; transform: translateY(-20px);}
to {opacity: 1; transform: translateY(0);}
}
@keyframes nav-list-anim-off{
from { opacity: 1; transform: translateY(0);}
to { opacity: 0; transform: translateY(20px);}
}
@media screen and (min-width: 375px) {
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width: 992px) {
.nav-box-bgi{box-shadow:0 0 25px rgb(0 0 0 / 10%)!important;background-color: #fff;}
.nav-box-bgi .logo{padding: 25.5px 0;}
.nav-list li .on b::before{content: "";position: absolute;left: 0;top: 66%;height:6px;z-index: 2;background-color: #d4314a;border-radius: 4px;width: 100%;}
.nav{ height: 80px;margin-right: -15px;}
.nav:before{display: none;}
.nav-box-bg{ height: 80px;}
.nav-box{ box-shadow: none; position: fixed; height: 80px; }
.header-box{ height: 80px; display: none;}
.nyheader-box{display: block;}
.logo{ height:80px; padding:20px 0 0;}
.logo img{ margin: 0 auto; height: 100%;}
.logo a{ width: 100%; height: 100%; display: block; padding: 0;}
.nav-btn{ display: none;}
.nav{ float: right; position: relative; -webkit-transform: none; transform: none; opacity: 1; filter:Alpha(opacity=100); z-index: 9; box-shadow: none; padding: 0; border-top: none; border-bottom-left-radius: 0;
border-bottom-right-radius: 0; overflow: visible; background: none; top: 0; padding-left: 0; padding-right: 0; left: auto; right: auto; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;}
.nav-list{ position: relative; float: right;}
.nav-list:after{ content: ' '; overflow: hidden; clear: both; display: block;}
.nav-list{ }
.nav-list li{ float: left; border-bottom: none; position: relative; border: none;}
.nav-list li a b{ line-height: 80px; height: 80px; color: #333; overflow: hidden; font-size: 18px; }
.nav-list li a{ height: 80px; line-height: 80px; padding: 0 15px; font-size: 14px; position: relative;}
.nav-list li.nav-on>a b{ color: #d4314a;}
.nav-list li.nav-off>a b{ color: #666;}
.nav-list li .on b{ color: #000;}
.nav-list li .on .nav-btn-bg{ opacity: 0;filter:Alpha(opacity=100);}
.bd-more{border-bottom-color: #fff; display: none;}
.nav-list li .nav-list-sub{ position: absolute; top: 80px; height: auto !important; box-shadow: 0 5px 8px rgba(0,0,0,.3); width: auto; background: none; box-shadow:none; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;padding-top: 0; left: 0; right: 0; }
.nav-list li .nav-list-sub .nav-list-height{padding: 0;overflow: hidden; width: 100%; margin-left:0; position: relative; background: rgba(255,255,255,.95); padding: 10px 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
.nav-list li .nav-list-sub a{ height: auto; border: none; padding: 0 10px; text-align: center; line-height: 54px; position: relative; z-index: 2;}
.nav-list li .nav-list-sub a::before{ content: ' '; border: solid 2px #fff; background-image: linear-gradient(to bottom, #DCF6F0, #fff); position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0;}
.nav-list li .nav-list-sub a span{ color: #666; white-space: nowrap; padding: 0; font-size: 14px; line-height: 46px; z-index: 2; position: relative;}
.nav-list li .nav-list-sub a:hover span,.nav-list li .nav-list-sub a.on span{ color: #d4314a;}
.nav-list li .nav-list-sub a:hover::before{opacity:0;}
.nav-list div.nav-btn-bg,.nav-list div.nav-btn-bg-02{ height: 80px; background: linear-gradient(#fff, #fff); overflow: hidden; transition: .3s; display: block; color: #d4314a;}
.nav-list-sub.e-anim-hide{ display: none;}
.nav.e-anim-hide{ display: block;}
.nav-list-height.e-anim-on{animation:nav-list-anim-on-pc .5s; animation-fill-mode: both; display: block;}
.nav-list-height.e-anim-off{ animation:nav-list-anim-off-pc .2s; animation-fill-mode: both; display: block;}
.nav-list-sub-bg{ display: block; position: absolute; top: -100%; height: 46px; width: 100%; left: 0; background: #fff; opacity: 0; filter:Alpha(opacity=0); }
.nav-list-sub-bg-show{ opacity: .6; filter:Alpha(opacity=60); top: 60px; display: none;}
.nav-list li .nav-list-sub div.btn-sub-bg{display: block; position: absolute; width: 0; left: 0; height: 46px; padding: 0; border-bottom: solid 2px #d4314a; transition: .3s;}
.ind-nav-box{ position: absolute; left: 0; width: 100%;}
.ind-nav-box{ background: none; transition: .3s;}
.ind-nav-box .logo img{filter: contrast(0%) brightness(1000%);}
.ind-nav-box .nav-list li a b{color: #fff;}
.ind-nav-box:hover{box-shadow: 0 0 5px rgba(0,0,0,.2); background: #fff;}
.ind-nav-box:hover .logo img{filter: contrast(100%) brightness(100%);}
.ind-nav-box:hover .nav-list li a b{color: #333;}
.top-r{ background: none; border: none; float: right; display: flex; flex-direction: row-reverse; justify-content: center; padding: 0;}
.search-box{ margin-top: 0; height: 80px; display: flex; align-items: center; justify-content: center; width: 60px; }
.lang-box{ height: 80px; border: none; border-left: solid 1px #EEE;}
.lang-box .on{display: none;}
.lang-box a{ display: flex; align-items: center; justify-content: center; width: 60px; font-size: 16px; color: #000;}
.search-box{position: relative;}
.search-bg{ position: absolute; right: 0; top: 80px; background: #f7f7f7; padding: 8px 12px;}
.search-inp{display: none; padding-right: 0; position: absolute; right: 0; top: 0;}
.search-inp input{ height: 36px; border:solid 1px #ddd;}
.search-box .btn{ background: none; color: #888; width: 60px; height: 80px;}
.search-box .btn i{font-size: 20px;color: #d4314a;}
.search-box:hover .search-inp{display: block;}
.search-box:hover .btn{color: #d4314a;}
.search-inp.e-anim-on{ animation: search-anim-on-pc .5s; animation-fill-mode: both; display: block;}
.search-inp.e-anim-off{ animation:search-anim-off-pc .2s; animation-fill-mode: both; display: block;}
}
@keyframes nav-list-anim-on-pc{
from { opacity: 0; transform: translateY(-10px);}
to {opacity: 1; transform: translateY(0);}
}
@keyframes nav-list-anim-off-pc{
from { opacity: 1; transform: translateY(0);}
to { opacity: 0; transform: translateY(10px);}
}
@keyframes search-anim-on-pc{
from { opacity: 0; transform: translateY(-10px);}
to {opacity: 1; transform: translateY(0);}
}
@keyframes search-anim-off-pc{
from { opacity: 1; transform: translateY(0);}
to { opacity: 0; transform: translateY(10px);}
}
@media screen and (min-width: 1340px) {
.nav-box{height: 125px;}
.nav-box-bg{ height: 125px;}
.logo{ height: 125px;padding: 51px 0 0;padding-left: 22px;}
.nav{width: auto; height: 125px;}
.nav-list li a{ padding: 0 30px; height: 125px; line-height: 125px;}
.nav-list li a b{font-size: 22px; line-height: 115px; height: 125px;}
.nav-box-bgi.nav-box{height: 100px;}
.nav-box-bgi .nav-box-bg{ height: 100px;}
.nav-box-bgi .logo{ height: 100px;padding: 13px 0;padding-left: 22px;}
.nav-box-bgi .nav{width: auto; height: 125px;}
.nav-box-bgi .nav-list li a b{height: 100px; line-height: 100px;}
.nav-list div.nav-btn-bg, .nav-list div.nav-btn-bg-02{height: 125px;}
.nav-list div.nav-btn-bg:before,.nav-list div.nav-btn-bg-02:before{ }
.nav-list li .nav-list-sub{}
.nav-list li .nav-list-sub .nav-list-height{ margin: 0;}
.search{}
.search.show input{ width: 160px;}
.nav-list li .nav-list-sub{ top: 125px;}
.nav-list-sub-bg-show{ top: 125px;}
.nav-box-bgi .nav-list li .nav-list-sub{ top: 100px;}
.nav-box-bgi .nav-list-sub-bg-show{ top: 100px;}
.nav-box-bgi .nav-list div.nav-btn-bg, .nav-box-bgi .nav-list div.nav-btn-bg-02{height: 100px;}
}
@media screen and (min-width: 1820px){
.nav-list li a{ padding: 0 24px; height: 125px; line-height: 125px;}
.nav-list li a b{font-size: 22px; line-height: 115px; height: 125px;}
.nav-list {padding-right: 66px;}
}
@media screen and (min-width: 320px) {
.ind-banner{overflow: hidden;}
.banner-swiper .bg{ height: 34.59vw; -webkit-background-size: cover;background-color: #ddd;
background-size: cover; background-repeat: no-repeat;background-position: center;overflow: hidden; }
.banner-swiper .bg{ display: flex; align-items: flex-start; justify-content: center; flex-direction: column;}
.banner-swiper .bg::before{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;background-image: linear-gradient(to left, rgba(0,0,0,0.1), rgba(0,0,0,0.7));}
.bg .container{position: relative; z-index: 20;}
.bg-txt{font-size: 18px;font-family: pop-SB;line-height: 1.2;}
.bg-tit{font-size: 14px;font-family: pop-EXL;line-height: 1.2;}
.bg-more{font-size: 12px;font-family: pop-M; background-image: linear-gradient(to right, #F86B33, #DF470A);color: #fff;padding: 5px;line-height: 1;margin-top: 10px;width: 200px;text-align: center;border-radius: 36px;}
.bg-more:hover{ background-image: linear-gradient(to right, #F29875, #FE6A31);}
.bg-more span{margin-left: 10px;}
.banner-mess{ position: absolute; bottom: 20px; width: 100%; z-index: 2; display: flex; align-items: center; justify-content: center;}
.banner-mess .banner-pagination{ display: flex;}
.banner-mess .banner-pagination .swiper-pagination-bullet{ width: 12px; height: 12px;background: #fff; margin:0 5px; opacity: 0.6; position: relative;border-radius:50%;}
.banner-mess .banner-pagination .swiper-pagination-bullet-active{ opacity: 0.6; background: #d4314a;border-color: #d4314a;}
.banner-prev, .banner-next{ position: absolute;top: 50%; z-index: 9; height: 30px; margin-top: -25px; display: flex; align-items: center; justify-content: center; width: 30px; cursor: pointer;background-size:100% 100%; box-shadow: 0 0 6px rgba(0,0,0,0.1);background-color: rgba(51,51,51,0.3);border-radius: 50%;opacity: 0; transition: .3s;}
.ind-banner:hover .banner-prev,.ind-banner:hover .banner-next{opacity: 1; transition: .3s;}
.banner-prev{ left: 15px;right: 15px; }
.banner-next{ right: 15px;}
.banner-prev i::before,.banner-next i::before{ font-size: 20px; display: block;color: #fff;}
.banner-prev:hover i::before{transform: translateX(-5px);}
.banner-next:hover i::before{transform: translateX(5px);}
.fzlc-swi {overflow: initial;}
.ban-tit{font-size: 24px;font-family: ro-bd;margin-bottom: 8vw;line-height: 1.4;}
.con-ban{font-size: 16px;color: #fff;text-shadow: 0 1px 6px rgba(0,0,0,0.06);}
.ban-more{font-size: 16px;color: #fff;background-color: #d4314a;border-radius:40px;display: inline-block;padding: 16px 10px;width: 200px;text-align: center;display: flex;justify-content: center;align-items: center;}
.ban-more span{margin-right: 20px;position: relative;left: 0px;font-size: 28px;line-height: 1;}
.ban-more:hover span{left: 10px;animation: 0.5s;}
.ban-more:hover {background-color: #AB0C18;}
}
@media screen and (min-width: 480px) {
.ban-tit{font-size: 30px;}
.bg-txt{font-size: 24px;padding-bottom: 10px;}
.bg-tit{font-size: 16px;}
.bg-more{font-size: 16px;padding: 6px;margin-top: 20px;width: 250px;}
}
@media screen and (min-width: 640px) {
.ban-tit{font-size: 40px;}
.bg-txt{font-size:28px;padding-bottom: 10px;}
.bg-more{font-size: 17px; width: 300px; padding: 14px; margin-top: 30px;}
.bg-more span{margin-left: 20px;font-size: 18px;}
}
@media screen and (min-width: 992px) {
.bg .container{padding:0;}
.ban-tit{font-size: 44px;margin-bottom: 80px;}
.banner-prev, .banner-next{width: 50px;height: 50px;}
.banner-mess .banner-pagination .swiper-pagination-bullet{margin: 0 10px;}
.ban-txt{max-width: 570px;min-height: 56px;}
.banner-swiper .bg{ background-size: cover;}
.banner-swiper .tit{ font-size: 50px;}
.banner-swiper .txt{ font-size: 26px; padding-top: 10px;}
.banner-swiper .btn{ padding-top: 65px;}
.banner-swiper .btn a{ width: 180px; height: 50px; font-size: 16px;}
.banner-mess { bottom: 24px;}
.banner-prev{ left: 30px;}
.banner-next{ right: 30px;}
.bg-txt{font-size: 44px;padding-bottom: 10px;}
.bg-tit{font-size: 24px;}
.bg-more{font-size: 18px;padding: 16px;margin-top: 40px;width: 400px;}
}
@media screen and (min-width: 1200px) {
.ban-tit{font-size: 48px;padding-bottom: 20px;}
.banner-prev{ left: 40px;}
.banner-next{ right: 40px;}
.bg-txt{font-size: 50px;}
.bg-tit{font-size: 26px;}
.bg-more{font-size: 18px;padding: 18px;margin-top: 50px;}
}
@media screen and (min-width: 1420px) {
.ban-tit{font-size: 56px;}
.bg-txt{font-size: 54px;line-height: 68px;}
.bg-tit{font-size: 28px;}
.bg-more{font-size: 20px;}
}
@media screen and (min-width: 1820px) {
.ban-tit{font-size: 66px;}
.banner-prev{ left: 50%; margin-left: -755px;}
.banner-next{ right: 50%; margin-right: -755px;}
}
@media screen and (min-width: 320px) {
.local-nav ul b{color: #0068b7;
background: linear-gradient(to top, #d2d2d2, #eeeeee,#bebebe); background-clip: text;-webkit-background-clip: text; color: transparent;
font-size: 18px;display: inline-block;
padding:0 6px;letter-spacing:2px;
}
.local-nav ul a{background-color: #5c5c5c;font-family: FZYDZHJW;display: inline-block;background-image: linear-gradient(to right, #bebebe, #eeeeee, #d2d2d2);border-radius: 20px;padding: 3px;}
.local-nav ul a span{display: inline-block;box-shadow: 0px 0px 6px rgba(0,0,0,0.35) inset;border-radius: 20px;background-color: #5c5c5c;}
.local-nav ul .on a span{background-color: #ff9966;}
.local-nav ul{display: flex;flex-wrap: wrap; align-items: center; justify-content: flex-start;}
.local-nav li{width: 50%;padding: 10px;text-align: center;}
.con-ind-lm{margin: -10px;padding: 15px 0;}
.local-nav {background-color: #999999;}
.local-nav ul a:hover {box-shadow: 1px 2px 5px 6px #888888;}
}
@media screen and (min-width: 375px) {
.local-nav li{width: 33.33%;}
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width:640px) {
.local-nav li{width: 25%;}
.local-nav ul b{font-size: 24px;}
}
@media screen and (min-width: 992px) {
.local-nav li{width: 16.66%;}
.local-nav ul b{padding:0 10px;}
.local-nav ul b{font-size: 25px;}
}
@media screen and (min-width: 1240px) {
.local-nav li{width: 15.6%;text-align: right;padding-right: 0;}
.local-nav ul b{font-size: 26px;}
}
@media screen and (min-width: 1420px) {
.local-nav ul b{font-size: 28px;}
}
@media screen and (min-width: 1680px) {
.local-nav ul b{font-size: 30px;line-height: 1.3;}
}
@media screen and (min-width: 1820px) {
}
@media screen and (min-width: 320px) {
.index-box01{padding: 3.2vw 0;}
}
@media screen and (min-width: 375px) {
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width:640px) {
}
@media screen and (min-width: 992px) {
.index-box01{padding: 90px 0;}
}
@media screen and (min-width: 1240px) {
.index-box01{padding: 60px 0;}
}
@media screen and (min-width: 1420px) {
.index-box01{padding: 50px 0;}
}
@media screen and (min-width: 1680px) {
.index-box01{padding: 60px 0;}
}
@media screen and (min-width: 1820px) {
.index-box01{padding: 90px 0;}
}
@media screen and (min-width: 320px) {
.ind-tt{height: 14vw;display: flex;justify-content: center;align-items: center;margin-top: -3.4vw;}
.ind-tt .txt{font-size: 5.2vw;color: #ff9966;}
.ind-box-02{padding-top: 9.2vw;}
.mar-ind-box02{margin-top: -4vw;}
.honor-box{position: relative;padding-top: 50px; overflow: hidden;}
.honor-swiper{overflow: visible;}
.honor-swiper .swiper-slide{ width: 70vw;}
.honor-pagination{ padding-top: 30px;}
i.pic-size-honor{ padding-bottom: 156.430%;}
.honor-pagination{ text-align: center;}
.honor-pagination span{ width: 10px; height: 10px; margin: 0 5px; border-radius: 5px; background: #D4D4D4; opacity: 1;}
.honor-pagination span.swiper-pagination-bullet-active{ background: #E50012; width: 20px;}
.honor-pic{ box-shadow: 0 10px 20px rgba(4,50,79,.16); background:#FFF;padding: 3px;background-image: linear-gradient(#6e6e6e, #8b8b8b);border-radius: 30px;overflow: hidden;}
.honor-pic i{border-radius: 30px;overflow: hidden;}
.honor-prev,.honor-next{display: none; width: 50px; height: 50px;margin-top: 25px; position: absolute; z-index: 2; align-items: center; justify-content: center; background: rgba(255,255,255,1); cursor: pointer; border-radius: 50%; }
.honor-prev img{ width: 50px; left: 20px; position: relative;}
.honor-next img{ width: 50px; right: 20px; position: relative;}
.honor-next i, .honor-prev i{font-size: 24px;}
.honor-prev { left: 50%; margin-left: -70px;}
.honor-next { right: 50%; margin-right: -70px;}
.honor-prev i { transform: rotate(180deg);}
.honor-prev:hover i{ margin-right: 10px;color: #fff;}
.honor-next:hover, .honor-prev:hover{background-color: #E50012;}
.honor-next:hover i{ transform: translateX(10px);color: #fff;}
.honor-swiper .swiper-slide{ opacity: 1; pointer-events: none; cursor: pointer;}
.honor-swiper .swiper-slide-active,.honor-swiper .swiper-slide-next,.honor-swiper .swiper-slide-prev{ opacity: 1; pointer-events: auto;}
.div-bf{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);width: 45px;}
.div-bf img{max-width: 100%;}
.honor-box .swiper-container-horizontal {padding-bottom: 40px;overflow:hidden;}
}
@media screen and (min-width: 375px) {
}
@media screen and (min-width: 480px) {
.div-bf{width: 50px;}
}
@media screen and (min-width:640px) {
.div-bf{width: 60px;}
.honor-box .swiper-container-horizontal {padding-bottom: 60px;}
}
@media screen and (min-width: 992px) {
.ind-tt .txt{font-size: 50px;letter-spacing:10px;}
.mar-ind-box02{margin-top: -100px;}
.ind-tt{height: 100px;margin-top: -36px;}
.honor-swiper .swiper-slide{ width: 320px;}
.honor-pagination{ padding-top: 35px;}
.honor-prev,.honor-next{ display: flex; width: 58px; height: 58px; margin-top: 48px;}
.honor-box{padding-top: 90px;}
.honor-box .container{position: relative;overflow:hidden;}
.honor-box{margin:0 -15px auto;}
.honor-box .container::before{content: ""; position: absolute;left: 0;bottom: 90px;height: 160px;background-image: linear-gradient(#cccccc, #ffffff, #ffffff);z-index: 1;width: 100%;}
.div-bf{width: 70px;}
.honor-box .swiper-container-horizontal {padding-bottom: 80px;}
}
@media screen and (min-width: 1240px) {
.ind-tt .txt{font-size: 54px;}
.ind-tt{height: 130px;}
.honor-swiper .swiper-slide{ width: 381px;}
.honor-pagination{ padding-top: 40px;}
.honor-box{padding-top: 100px;}
.div-bf{width: 74px;}
.honor-box .swiper-container-horizontal {padding-bottom: 98px;}
}
@media screen and (min-width: 1420px) {
.ind-tt .txt{font-size: 58px;}
.honor-swiper .honor-show{ opacity: 1; pointer-events: auto;}
.honor-box{padding-top:120px;}
.div-bf{width: 80px;}
.honor-box .swiper-container-horizontal {padding-bottom: 108px;}
}
@media screen and (min-width: 1680px) {
.honor-box{padding-top:159px;}
.div-bf{width: 90px;}
}
@media screen and (min-width: 1820px) {
.ind-box-02{padding-top: 176px;}
.honor-box{padding-top:184px;}
}
@media screen and (min-width: 320px) {
.ind-box-03{padding: 4vw 0;margin: 0 auto;}
.ind-study{position: relative;padding-bottom: 6vw;}
.ind-study .pic{position: absolute;left: 0;top: 0;width: 100%;z-index: -1;}
.pic img{max-width: 100%;}
.ind-study .content{width: 80%;margin-left: 20%;padding-top: 6vw;}
.ind-box-03 .tit{font-size: 3.2vw;}
}
@media screen and (min-width: 375px) {
}
@media screen and (min-width: 480px) {
.ind-box-03 .tit{font-size: 3.2vw;}
}
@media screen and (min-width:640px) {
}
@media screen and (min-width: 992px) {
.ind-box-03{padding: 30px 0 0;}
.ind-box-03 .content{max-width: 860px;margin-left: 36.5%;}
.ind-box-03 .content .txt{font-size: 26px;line-height: 2;letter-spacing: 4px;}
.ind-box-03 .ner{font-size: 20px;letter-spacing: 4px;text-indent: 20px;}
.ind-study .content{padding-top: 100px;}
.ind-box-03 .ner{padding-bottom: 35px;}
.ind-study{position: relative;padding-bottom: 40px;}
.ind-study{padding-bottom: 100px;}
}
@media screen and (min-width: 1240px) {
.ind-study .content{padding-top: 120px;}
.ind-box-03 .content .txt{font-size: 28px;}
.ind-box-03 .ner{font-size: 22px;padding-bottom: 30px;}
.ind-study{padding-bottom: 140px;}
}
@media screen and (min-width: 1420px) {
.ind-study .content{padding-top: 140px;}
.ind-box-03 .content .txt{font-size: 30px;}
.ind-box-03 .ner{font-size: 24px;padding-bottom: 35px;}
.ind-study{padding-bottom: 160px;}
}
@media screen and (min-width: 1680px) {
.ind-study .content{padding-top: 160px;}
.ind-box-03 .content .txt{font-size: 32px;}
.ind-box-03 .ner{font-size: 24px;padding-bottom: 40px;}
.ind-study{padding-bottom: 200px;}
}
@media screen and (min-width: 1820px) {
.ind-study .content{padding-top: 190px;}
}
@media screen and (min-width: 320px) {
.ind-box04-cont{padding: 8vw 0;}
.ind-box-04 .ind-tt{margin-top: 0;}
.ind-box04-cont dl{display: flex;flex-direction: column;padding: 10px 0;}
.ind-box04-cont{margin: -10px 0;}
.ind-box04-cont dd{margin-bottom: 20px;border: 1.57px dashed #6e6e6e;}
.conbox04-ner{padding: 3.2vw;}
.conbox04-ner .txt{font-size: 4.0vw;position: relative;}
.conbox04-ner .txt::before{content: "";position: absolute; width: 14vw;height: 17px;background-color: #ff9966;left: 30px;top:50%;z-index: -1;}
.conbox04-ner .ner{padding-top: 4.2vw;font-size: 2.4vw;}
.ind-box04-bottom{border: 1.57px dashed #6e6e6e; padding: 3.2vw;margin-top: 20px;}
.ind-box04-bottom *{font-size: 3.2vw;}
.ind-box04-bottom .more{text-align: right;}
.ind-box04-bottom .more a{margin-top: 20px;font-size: 2.6vw!important;}
}
@media screen and (min-width: 375px) {
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width:640px) {
.ind-box04-cont dt{width: 40%;}
.ind-box04-cont dl{display: flex;flex-direction: row;}
.ind-box04-cont dd{margin-bottom: 0px;margin-left: 20px;flex: 1;}
.conbox04-ner{padding: 20px;}
.ind-box04-cont dl:nth-child(even){flex-direction: row-reverse;}
.ind-box04-cont dl:nth-child(even) dd{margin-left: 0;margin-right: 20px;}
.ind-box04-cont dl{padding: 15px 0;}
.ind-box04-cont{margin: -15px 0;}
.ind-box04-bottom{ padding: 20px;margin-top: 24px;padding-bottom: 0!important;}
.ind-box04-bottom .more a{margin-top: 4.2vw;font-size: 18px!important;letter-spacing: 6px;display: inline-block;padding-bottom: 10px;}
}
@media screen and (min-width: 992px) {
.ind-box04-cont{padding: 80px 0;}
.conbox04-ner{padding: 30px;}
.conbox04-ner .txt{font-size: 32px;letter-spacing: 4px;}
.conbox04-ner .txt::before{width: 140px;left: 7%;}
.conbox04-ner .ner{padding-top: 50px;font-size: 26px;letter-spacing: 4.5px;}
.ind-box04-cont dl{padding: 20px 0;}
.ind-box04-cont{margin: -20px 0;}
.ind-box04-bottom{ padding: 30px;margin-top:30px;letter-spacing: 4px;}
.ind-box04-bottom *{font-size: 24px;line-height: 1.65;}
.ind-box04-bottom .more a{margin-top: 26px;font-size: 20px!important;}
.ind-box04-bottom .more a{margin-top: 55px;}
}
@media screen and (min-width: 1240px) {
.ind-box04-cont{padding: 120px 0;}
.conbox04-ner{padding: 40px 30px;}
.conbox04-ner .txt{font-size: 36px;}
.conbox04-ner .ner{padding-top: 60px;}
.ind-box04-cont dl{padding: 25px 0;}
.ind-box04-cont{margin: -25px 0;}
.ind-box04-bottom *{font-size: 26px;}
.ind-box04-bottom .more a{margin-top: 65px;}
}
@media screen and (min-width: 1420px) {
.ind-box04-cont{padding: 136px 0;}
.conbox04-ner .txt{font-size: 38px;}
.ind-box04-cont dl{padding: 28px 0;}
.ind-box04-cont{margin: -28px 0;}
.ind-box04-bottom .more a{margin-top: 85px;}
}
@media screen and (min-width: 1680px) {
.conbox04-ner{padding: 50px 40px;}
.ind-box04-bottom .more a{margin-top: 105px;}
}
@media screen and (min-width: 1820px) {
.conbox04-ner{padding: 60px 45px;}
.ind-box04-bottom .more a{margin-top: 125px;}
}
@media screen and (min-width: 320px) {
.footer-bg{background-color: #494949;padding: 30px 0; color: #fff;text-align: center;margin-top: 20px;}
.con-foot-logo{width: 96px;margin: 0 auto;}
.con-foot-logo img{max-width: 100%;}
.fx-foot {display: flex;justify-content: center;}
.fx-foot .pic{width: 42px;}
.fx-foot a+a{margin-left: 6px;}
.foot-ner .tt{font-size: 3.2vw;position: relative;padding-bottom: 10px;margin-bottom: 20px;}
.foot-ner .tt::before{content: "";position: absolute;left: 0;bottom: 0;width: 18px;height: 1px;background-color: #b3b2b1;z-index: 2;left: 50%;margin-left: -9px;}
.foot-ner .ner{font-size: 12px;}
.foot-ner{margin-top: 25px;}
.foot-logo{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.yd{display: flex;align-items: center;border: 1px solid #b3b2b1;}
.yd span{display: inline-block;padding: 9px 13px;border-left: 1px solid #b3b2b1;}
.yd-tt{width: 110px;padding-left: 15px;}
.fx-foot .pic{background-color: #2f2b2b;}
.foot-kcyd a{color: #fff;}
.foot-kcyd a:hover .yd{color: #d4314a;background-color: #fff;}
.web-miab {text-align:center;padding-top:10px;opacity:0.5;}
.web-miab a{color:#fff;}
.web-miab a:hover {color:#d4314a;}
}
@media screen and (min-width: 375px) {
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width:640px) {
}
@media screen and (min-width: 992px) {
.foot-ner .tt{font-size: 15px;}
.foot-ner{margin-top: 15px;}
.footer-bg .container{display: flex;justify-content: space-between;}
.con-foot-logo{margin: 0;}
.footer-bg{text-align: left;margin-top: 32px;}
.foot-ner .tt::before{left: 0;margin-left: 0;}
.footer-bg .container:after{display: none;}
.foot-ner .ner{justify-content: flex-start;}
.logo-title{font-size: 12px;}
}
@media screen and (min-width: 1240px) {
.footer-bg{margin-top: 35px;}
}
@media screen and (min-width: 1420px) {
.footer-bg{background-color: #494949;padding: 40px 0 30px;margin-top: 38px;}
.footer-bg .container{padding:0 50px;}
}
@media screen and (min-width: 1680px) {
.footer-bg .container{padding-right:90px;}
}
@media screen and (min-width: 1820px) {
.footer-bg .container{padding-right: 110px;}
.foot-address{padding-left:50px;padding-right: 0;}
.foot-ner{padding-right: 20px;}
.foot-lxwm{padding-right: 0;}
}
@media screen and (min-width: 320px) {
.ny-about-01 .ind-tt{margin-top: 0;}
.ny-about-01{padding: 8vw 0 0 0;}
.ny-about-01 .ind-study .pic{max-width: 483px; left: auto;right: 0;}
.ny-about-01 .ind-study{margin-top: 30px;}
.ny-ab-content dt{font-size: 3.0vw;font-weight: bold;}
.ny-ab-content dt span{font-size: 6.0vw;}
.ny-ab-content dl{padding: 2.4vw;border: 1px dashed #959595;}
.info-content *{font-size: 3.2px;}
.ny-ab-content dd{padding-top: 26px;}
.ny-about-01 .ind-study .container{padding-top: 30px;}
.ny-ab-content dl{margin-top: 30px;position: relative;}
.ny-ab-content dl+dl::before{content: ""; position: absolute;left: 50%;top:-18px; height: 6px;width: 40px; border-radius: 8px;background-color: #ff9966;}
}
@media screen and (min-width: 375px) {
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width:640px) {
}
@media screen and (min-width: 992px) {
.ny-about-01{padding: 70px 0 0 0;}
.ny-ab-content dt{font-size: 31px;}
.ny-ab-content dt span{font-size: 50px;line-height: 1;}
.ny-ab-content dl{padding: 42px 28px;}
.ny-ab-content dd{padding-left: 2em;padding-top: 30px;}
.info-content *{font-size: 22px;letter-spacing: 1px;}
.ny-about-01 .ind-study .container{padding: 0 30px; padding-top: 40px;}
.ny-about-01 .ind-study{padding-bottom: 70px;}
}
@media screen and (min-width: 1240px) {
.ny-about-01{padding: 80px 0 0 0;}
.ny-ab-content dt span{font-size: 55px;}
.ny-ab-content dl{padding: 46px 30px;}
.info-content *{font-size: 24px;}
.ny-ab-content dd{padding-top: 40px;}
.ny-about-01 .ind-study .container{padding: 0 40px; padding-top: 45px;}
.ny-about-01 .ind-study{padding-bottom: 80px;}
.ny-about-02 .ind-study .content{padding-top: 100px;}
.ny-about-02 .ind-study .pic{top: -30px;}
}
@media screen and (min-width: 1420px) {
.ny-about-01{padding: 100px 0 0 0;}
.ny-ab-content dt{font-size: 31px;}
.ny-ab-content dt span{font-size: 58px;}
.ny-ab-content dl{padding: 50px 32px;}
.info-content *{font-size: 26px;}
.ny-about-01 .ind-study .container{padding: 0 50px;padding-top: 45px;}
.ny-ab-content dd{padding-top: 60px;}
.ny-about-01 .ind-study{padding-bottom: 90px;}
}
@media screen and (min-width: 1680px) {
.ny-about-01{padding: 120px 0 0 0;}
.ny-ab-content dt span{font-size: 64px;}
.ny-ab-content dl{padding: 60px 32px;}
.ny-about-01 .ind-study .container{padding: 0 80px;padding-top: 45px;}
.ny-ab-content dd{padding-top: 80px;}
.ny-about-01 .ind-study{padding-bottom: 100px;}
}
@media screen and (min-width: 1820px) {
.ny-about-01{padding: 130px 0 0 0;}
.ny-ab-content dt span{font-size: 68px;}
.ny-ab-content dl{padding: 80px 32px;}
.ny-about-01 .ind-study .container{padding: 0 114px;padding-top: 45px;}
.ny-about-01 .ind-study{padding-bottom: 130px;}
}
@media screen and (min-width: 320px) {
.ny-gxwh{padding-top: 8vw;}
.gxwh-tu img{max-width: 100%;}
.gxwh-tu{padding-bottom: 4vw ;}
}
@media screen and (min-width: 375px) {
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width:640px) {
}
@media screen and (min-width: 992px) {
.ny-gxwh{padding-top: 70px;}
.gxwh-tu{padding-bottom: 70px;}
}
@media screen and (min-width: 1240px) {
.ny-gxwh{padding-top:80px;}
.gxwh-tu{padding-bottom: 80px;}
}
@media screen and (min-width: 1420px) {
.ny-gxwh{padding-top:90px;}
.gxwh-tu{padding-bottom: 90px;}
}
@media screen and (min-width: 1680px) {
.ny-gxwh{padding-top:100px;}
.gxwh-tu{padding-bottom: 100px;}
}
@media screen and (min-width: 1820px) {
.ny-gxwh{padding-top:130px;}
.gxwh-tu{padding-bottom: 130px;}
}
@media screen and (min-width: 320px) {
.ny-lxwm ul{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.ny-lxwm li{ width: 50%;position: relative;}
.lxfs{width: 80px;margin: 0 auto;}
.lxfs-tt{text-align: center;font-size: 4.6vw;}
.ny-lxwm{padding: 6vw 0;}
.ewm-ner{display: none;}
.map{height: 420px;}
.baodu-a{text-align: center;padding: 20px 0;}
.baodu-a a{font-size: 2.6vw;}
.lx-content{font-size: 4.0vw;padding-top: 3.2vw;}
}
@media screen and (min-width: 375px) {
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width:640px) {
.lxfs{width: 90px;}
}
@media screen and (min-width: 992px) {
.baodu-a a{font-size: 24px;}
.lx-content{font-size: 32px;letter-spacing: 4px;padding-top: 60px;}
.ny-lxwm{padding: 50px 0;}
.lxfs-tt{font-size: 32px;}
.ny-lxwm li{ width: 25%;}
.lxfs{width: 100px;}
.ny-lxwm li::before{left: 100%;content: "";position: absolute;top: 70%;width: 43px;height: 15px;background-image: url(../image/lxwm-icon.png);transform: translate(-50%,0);}
.ny-lxwm li:nth-last-child(1)::before{display: none;}
.ny-lxwm{padding: 120px 0;}
}
@media screen and (min-width: 1240px) {
.lxfs-tt{font-size: 36px;}
.lxfs{width: 120px;}
.ny-lxwm{padding: 170px 0;}
.map{height: 520px;}
.lx-content{font-size: 36px;padding-top: 70px;}
}
@media screen and (min-width: 1420px) {
.lxfs-tt{font-size: 41px;}
.lxfs{width: 140px;}
.ny-lxwm{padding: 200px 0;}
.ny-lxwm li::before{left: 95%;content: "";position: absolute;top: 70%;width: 43px;height: 15px;background-image: url(../image/lxwm-icon.png);transform: translate(0,0);}
.map{height: 720px;}
.lx-content{padding-top: 90px;}
}
@media screen and (min-width: 1680px) {
.lxfs{width: 142px;}
.ny-lxwm{padding: 240px 0;}
.map{height: 820px;}
.lx-content{padding-top: 110px;}
}
@media screen and (min-width: 1820px) {
.ny-lxwm{padding: 270px 0 240px;}
.map{height: 870px;}
.lx-content{padding-top: 130px;}
}
@media screen and (min-width: 320px) {
.ny-zx-con-box img{max-width: 100%;}
.ny-zx-con-box .ind-box04-bottom{margin-top: 0;border: none;}
}
@media screen and (min-width: 375px) {
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width:640px) {
}
@media screen and (min-width: 992px) {
}
@media screen and (min-width: 1240px) {
.ny-zx-con-box .ind-box04-bottom{padding: 40px;}
}
@media screen and (min-width: 1420px) {
.ny-zx-con-box .ind-box04-bottom{padding: 40px 50px;}
}
@media screen and (min-width: 1680px) {
}
@media screen and (min-width: 1820px) {
.ny-zx{padding-top: 100px;}
}
@media screen and (min-width: 320px) {
.fs-dl{display: flex;flex-direction: column;align-items: center; padding-top: 6vw;}
.fs-tt{font-size: 3.6vw;text-align: center;padding-top: 4.6vw;}
.fs-dd{width: 100%;}
.fs-content{border: none;}
.fs-dd .pic{max-width: 346px;margin: 0 auto;}
.ny-fs-ner{padding-bottom: 6vw;position: relative;}
.ny-fs-ner::before{content: "";position: absolute;left: 50%;bottom: 20px;width: 60px;height: 6px;background-color: #ff9966;border-radius: 10px;transform: translate(-50%,0);}
.fs-tainer .ind-box04-cont .ny-fs-ner+.ny-fs-ner .fs-tt{margin-top: 30px;}
.fs-tainer .ind-box04-cont .ny-fs-ner:nth-last-child(1)::before{display: none;}
}
@media screen and (min-width: 375px) {
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width:640px) {
}
@media screen and (min-width: 992px) {
.fs-tt{font-size: 32px;padding-top: 30px;letter-spacing: 4px;}
.fs-tainer .ind-box04-cont .ny-fs-ner:nth-child(even) .fs-dl{flex-direction: row;}
.fs-tainer .ind-box04-cont .ny-fs-ner:nth-child(odd) .fs-dl{display: flex;flex-direction: row-reverse;justify-content: space-between;}
.fs-dd .pic{max-width: 346px;width: 100%; }
.fs-tainer .ind-box04-cont .ny-fs-ner:nth-child(even) .fs-dd .pic{margin-left: 0;max-width: 356px;}
.fs-tainer .ind-box04-cont .ny-fs-ner:nth-child(odd) .fs-dd .pic{margin-right: 0;}
.fs-tainer .ind-box04-cont .ny-fs-ner+.ny-fs-ner .fs-tt{margin-top: 50px;}
.fs-dd{width: 50%;}
.fs-dt{width: 50%;}
.fs-content{padding: 0;}
.fs-content *{font-size: 20px;line-height: 2;}
.ny-fs-ner{padding-bottom: 40px;}
.fs-dl{padding-top: 40px;}
.fs-tainer .ind-box04-cont{padding-bottom: 40px;}
}
@media screen and (min-width: 1240px) {
.fs-tt{font-size: 36px;padding-top: 40px;}
.ny-fs .web-container {width: 1000px;}
.ny-fs-ner{padding-bottom: 50px;}
.fs-dl{padding-top: 50px;}
.fs-tainer .ind-box04-cont .ny-fs-ner+.ny-fs-ner .fs-tt{margin-top: 70px;}
}
@media screen and (min-width: 1420px) {
.fs-tt{font-size: 40px;}
.ny-fs-ner{padding-bottom: 60px;}
.fs-dl{padding-top: 60px;}
}
@media screen and (min-width: 1680px) {
.fs-dl{padding-top: 70px;}
}
@media screen and (min-width: 1820px) {
.fs-dl{padding-top: 90px;}
}
@media screen and (min-width: 320px) {
.zbkc-box{margin-top: -60px;}
.zbkc-box img{max-width: 100%;}
.zb-img-center{text-align: center;}
.con-zbner{display: flex;justify-content: center;font-size: 5.5vw;font-weight: bold; align-items:center;line-height: 1.2;padding: 3.2vw 0;}
.bt1-2{line-height: 1.2;}
.con-zbner .left{padding-right: 20px;width: 17.6vw;max-width: 132px;}
.zb-img{max-width: 672px;width: 90vw;margin: 0 auto;}
.zb-teacher-js{background-image: url(../image/zb-bt-bgh.png);background-sizing:cover; background-position:center;background-color: #000000;border-radius: 1.2vw;color: #fff;text-align: center;padding: 2.4vw 3.2vw;}
.zb-teacher-js *{line-height: 1.2;}
.zb-teacher-js .name span{font-size: 4vw;font-weight: normal;}
.zb-teacher-js .name{margin-bottom: 2.2vw;}
.tt7vw{font-size: 9.6vw;font-weight: bold;line-height: 1.2;}
.zb-teacher-js ul{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.zb-teacher-js li{width: 100%;font-size: 4.8vw;background-color: #fff;padding: 5px;color: #dea168;margin-left:10px;margin-right: 0px;font-weight: bold;margin-bottom: 4vw; line-height: 1.2; border-radius: 40px;letter-spacing:-2px;}
.zb-teacher-js li:nth-child(odd){margin-right: 10px;margin-left: 0px;}
.zb-people .ner{background-color: #fff;border-radius: 20px;color: #000000;padding: 5.3vw 6.66vw;font-size: 4vw; text-indent: 2em;}
.zb-people{background-color: #fff;border: 6px solid #000000;border-radius: 20px;}
.zb-time{text-indent: 0;}
.zb-time img{min-width: 0;text-indent: 0;}
.zb-conter{border: 4px #dea168 solid;background-color: #fff;border-radius: 3.2vw;font-size: 5.8vw;padding: 3vw;margin: 3vw;}
.zb-conter *{line-height: 1.5;}
.zb-con-bt{ text-align: center;font-size: 4.8vw;font-weight: bold;color: #dcc6b0; line-height: 1.5;height: 108px; display: flex;justify-content: center;align-items: center; }
.ner48tt{font-size: 6.4vw;font-weight: bold;color: #a10c0c;}
.zb-conter-3{font-size: 2.8vw; text-align: center;}
.ner36tt{font-size: 4.8vw;font-weight: bold;}
.zb-conter-fang{border-radius: 0;}
.container-zbk {width: 100%;padding: 0 10px;background-image: url(../image/zb-bj.png);margin: 0 auto;background-sizing:cover; background-position:top;background-repeat: no-repeat;background-color: #dcc6b0;}
}
@media screen and (min-width: 375px) {
}
@media screen and (min-width: 480px) {
.zb-teacher-js li{width: 47%;}
}
@media screen and (min-width:750px) {
.con-zbner{font-size: 41px;padding: 28px 0;}
.tt7vw{font-size: 71px;}
.zb-teacher-js .name span{font-size: 30px;}
.zb-teacher-js .name{margin-bottom: 20px;}
.zb-teacher-js li{font-size: 36px;margin-bottom: 30px;}
.zb-teacher-js{padding: 24px 40px;border-radius: 13px;}
.zb-people .ner{padding: 40px 50px;font-size: 30px;}
.zb-people{}
.zb-conter{border-radius: 24px;}
.zb-conter{font-size: 41px;padding: 40px;margin: 18px 0;}
.container-zbk{padding: 0 24px;}
.ner48tt{font-size: 48px;}
.zb-conter-3{font-size: 30px;}
.ner36tt{font-size: 36px;}
.zb-conter-fang{border-radius: 0;}
.zb-con-bt{font-size: 72px;}
.container-zbk {width: 750px;}
}
@media screen and (min-width: 992px) {
.container-zbk {width: 750px;}
.zbkc-box{margin-top: 0px;}
}
@media screen and (min-width: 320px) {
.content-tgdy{background-image: url();background-color: #FFF;}
.tgdy-box{background-color: #FFF;}
.tgdy-box img{max-width:100%;width:100%;}
.footer{background-color: #d4314a;padding:2vw; border:6px solid rgb(255, 141, 159);border-radius:10px;}
.f-tit{color: #fff;
font-size: 3.8vw;
font-weight: bold;
padding-top: 7.99998vw;}
.footer .f-form{ padding: 5.33332vw 0; border-bottom: 0.26667vw solid rgba(120, 120, 120, 0.1);}
.footer .f-form .col { margin: -1.33333vw;}
.footer .f-form .col .row {
padding: 1.33333vw;
}
.footer .f-form .col .row .inp {
height: 10.66664vw;
width: 100%;
padding: 0 3.99999vw;
border: none;
border-radius: 1.06666vw;
}
.footer .f-form .col .row .btn {
font-weight: bold;
height: 10.66664vw;
width: 100%;
color: rgb(123, 55, 0);
background: linear-gradient(90deg, rgb(255, 238, 101) 0%, rgb(255, 206, 18) 100%);
font-size: 3.73332vw;
border: none;
border-radius: 1.06666vw;
}
}
@media screen and (min-width: 375px) {
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width:640px) {
}
@media screen and (min-width: 750px) {
.footer{padding: 15px;}
.f-tit{color: #fff;
font-size: 32px;padding-top: 40px;}
.footer .f-form {
padding: 1.56249vw 0;
border-bottom-width: 0.05208vw;
}
.footer .f-form .col {
margin: -0.82083vw;
display: flex;
flex-direction: column;
}
.footer .f-form .col .row {
padding: 0.82083vw;
flex: 1;
}
.footer .f-form .col .row .inp {
height: 50px;
padding: 0 1.04166vw;
border-radius: 0.20833vw;
font-size: 24px;
}
.footer .f-form .col .row .btn {
height: 62px;
font-size:24px;
border-radius: 0.20833vw;
}
}
@media screen and (min-width: 1240px) {
}
@media screen and (min-width: 1420px) {
}
@media screen and (min-width: 1680px) {
}
@media screen and (min-width: 1820px) {
}
@media screen and (min-width: 320px) {
i.pic-scale-news {
padding-bottom: 64.815%; }
.news-list ul {
margin: -3.99999vw; }
.news-list ul li {
padding: 3.99999vw; }
.news-list ul li .mess {
padding: 5.33332vw 0 3.99999vw 0;
position: relative; }
.news-list ul li .mess::before {
content: ' ';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 0.26667vw;
background: #D1D1D1; }
.news-list ul li .mess .tit {
font-size: 3.73332vw;
line-height: 1.6;
font-weight: bold; }
.news-list ul li .mess .time {
font-family: roboto-r;
color: #B2B2B2;
padding-top: 5.33332vw;
font-size: 3.19999vw;
position: relative;
display: inline-block; }
.news-list ul li .mess .time::before {
content: ' ';
height: 0.8vw;
background: #d4314a;
position: absolute;
left: 0;
right: 0;
bottom: -4.26666vw; }
}
@media screen and (min-width: 375px) {
}
@media screen and (min-width: 640px) {
.news-list ul {
display: flex;
margin:0 -1.30207vw;
flex-wrap: wrap; }
.news-list ul li {
flex-basis: 33.3333%;
flex-shrink: 0;
min-width: 0;
padding: 1.30207vw; }
.news-list ul li .mess {
padding: 1.56249vw 0 1.04166vw 0; }
.news-list ul li .mess::before {
height: 0.05208vw; }
.news-list ul li .mess .tit {
font-size: 1.24999vw;
height: 4.06247vw; }
.news-list ul li .mess .time {
padding-top: 2.08332vw;
font-size: 0.83333vw; }
.news-list ul li .mess .time::before {
height: 0.15625vw;
bottom: -1.09374vw; }
}
@media screen and (min-width:750px) {
.news-list ul li {
flex-basis: 25%;
flex-shrink: 0;
min-width: 0;
padding: 1.30207vw; }
}
@media screen and (min-width: 320px) {
.tg-pc{position:fixed;left:50%;bottom:0;max-width:750px;transform:translate(-50%,0%);z-index:1000;background-color: #FFF;width:100%;padding:0px 15px;}
.tg-pc-ner{font-size:3.2vw;}
.con-tgdy ul{display:flex;}
.tg-pc-ner-col{display:flex;flex-direction:column; justify-content:center;align-items:center;}
.tg-pc-ner{flex-direction:row;}
.liuyan_01{flex:1;}
.liuyan_02{flex:1;}
.liuyan_03{flex:2;background-color: rgb(230, 50, 46);border-radius:40px;}
.liuyan_03 a{display:flex;justify-content:center;align-content: center;height:100%; color:#fff;}
.tg-pc-ner-col .iconfont{font-size:5vw; margin:0 15px; line-height:1;}
}
@media screen and (min-width: 375px) {
}
@media screen and (min-width: 640px) {
.liuyan_03{flex:3;}
}
@media screen and (min-width:750px) {
.tg-pc-ner{font-size:18px;}
.tg-pc-ner-col .iconfont{font-size:28px;}
}
@media screen and (min-width: 320px) {
}
@media screen and (min-width: 375px) {
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width:640px) {
}
@media screen and (min-width: 992px) {
}
@media screen and (min-width: 1240px) {
}
@media screen and (min-width: 1420px) {
}
@media screen and (min-width: 1680px) {
}
@media screen and (min-width: 1820px) {
}
@media screen and (min-width: 320px) {
}
@media screen and (min-width: 375px) {
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width:640px) {
}
@media screen and (min-width: 992px) {
}
@media screen and (min-width: 1240px) {
}
@media screen and (min-width: 1420px) {
}
@media screen and (min-width: 1680px) {
}
@media screen and (min-width: 1820px) {
}
@media screen and (min-width: 320px) {
}
@media screen and (min-width: 375px) {
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width:640px) {
}
@media screen and (min-width: 992px) {
}
@media screen and (min-width: 1240px) {
}
@media screen and (min-width: 1420px) {
}
@media screen and (min-width: 1680px) {
}
@media screen and (min-width: 1820px) {
}
@media screen and (min-width: 320px) {
}
@media screen and (min-width: 375px) {
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width:640px) {
}
@media screen and (min-width: 992px) {
}
@media screen and (min-width: 1240px) {
}
@media screen and (min-width: 1420px) {
}
@media screen and (min-width: 1680px) {
}
@media screen and (min-width: 1820px) {
}
@media screen and (min-width: 320px) {
}
@media screen and (min-width: 375px) {
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width:640px) {
}
@media screen and (min-width: 992px) {
}
@media screen and (min-width: 1240px) {
}
@media screen and (min-width: 1420px) {
}
@media screen and (min-width: 1680px) {
}
@media screen and (min-width: 1820px) {
}
@media screen and (min-width: 320px) {
}
@media screen and (min-width: 375px) {
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width:640px) {
}
@media screen and (min-width: 992px) {
}
@media screen and (min-width: 1240px) {
}
@media screen and (min-width: 1420px) {
}
@media screen and (min-width: 1680px) {
}
@media screen and (min-width: 1820px) {
}
@media screen and (min-width: 320px) {
}
@media screen and (min-width: 375px) {
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width:640px) {
}
@media screen and (min-width: 992px) {
}
@media screen and (min-width: 1240px) {
}
@media screen and (min-width: 1420px) {
}
@media screen and (min-width: 1680px) {
}
@media screen and (min-width: 1820px) {
}
@media screen and (min-width: 320px) {
}
@media screen and (min-width: 375px) {
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width:640px) {
}
@media screen and (min-width: 992px) {
}
@media screen and (min-width: 1240px) {
}
@media screen and (min-width: 1420px) {
}
@media screen and (min-width: 1680px) {
}
@media screen and (min-width: 1820px) {
}
@media screen and (min-width: 320px) {
}
@media screen and (min-width: 375px) {
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width:640px) {
}
@media screen and (min-width: 992px) {
}
@media screen and (min-width: 1240px) {
}
@media screen and (min-width: 1420px) {
}
@media screen and (min-width: 1680px) {
}
@media screen and (min-width: 1820px) {
}
@media screen and (min-width: 320px) {
}
@media screen and (min-width: 375px) {
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width:640px) {
}
@media screen and (min-width: 992px) {
}
@media screen and (min-width: 1240px) {
}
@media screen and (min-width: 1420px) {
}
@media screen and (min-width: 1680px) {
}
@media screen and (min-width: 1820px) {
}
@media screen and (min-width: 320px) {
}
@media screen and (min-width: 375px) {
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width:640px) {
}
@media screen and (min-width: 992px) {
}
@media screen and (min-width: 1240px) {
}
@media screen and (min-width: 1420px) {
}
@media screen and (min-width: 1680px) {
}
@media screen and (min-width: 1820px) {
}