@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:14px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@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{transition: .9s;position: fixed;z-index: 10000;top: 0;width: 100%;height: 0;transform: translateY(-95px);}
.header.on{ transform: translateY(0);}
.header:before{content:"";position:absolute;top:0;left: 0;margin-left: 0;width: 100%;height: 84px;background: transparent;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;display: none;}
.header .h-container{padding: 0 25px;width: 1200px;margin: 0 auto;}
.header .logo {display: block;float: left;height: 95px;line-height: 82px;position:relative;}
.header .logo .img02{ display:none}
.header.width .logo .img01{ display:none}
.header.width .logo .img02{ display:inline-block}
.header.width .nav>ul>li.nav_li>a:after{}
.header .right{}
.top_tel{display:inline-block;text-align:right;width: 12.25rem;height: 95px;vertical-align: top;}
.top_tel .box_table{text-align: left;}
.top_tel h4{font-size:14px;color: #fff;line-height: 1.5rem;font-family: Roboto;}
.top_tel h4 img{margin: -3px 0.75rem 0 0;display: inline-block;}
.top_tel h3{ font-size:1.125rem; color:rgba(255,255,255,1)}

.nav{float: left;position:relative;}
.nav li{position: relative;float: left;display: block;}
.nav>ul>li:before{content:"";position:absolute;background:transparent;height: 0;width: 100%;bottom: 0;transition: 0.6s;}
.nav>ul>li:after{content:"";position:absolute;bottom: 0;transition: 0.6s;border-left: transparent 5px solid;border-right: transparent 5px solid;border-bottom: #e60811 5px solid;opacity: 0;left: 50%;margin-left: -5px;display: none;}
.nav li.nav_li{margin-right: 0;}
.nav>ul>li>a{display: block;height: 95px;line-height: 95px;text-align: center;margin: 0 0.75rem;position: relative;z-index: 1;font-size: 1rem;color: #fff;transition: 0.36s;text-transform: uppercase;}
.nav>ul>li>a:before {content: "";width: 0;height: 1px;position: absolute;left: 0;bottom: 0;margin-left: 0;-webkit-transition: 0.6s;transition: 0.6s;background: #fff;}
.nav>ul>li:hover>a:before,.nav>ul>li.on>a:before{width: 0;}
.nav>ul>li:hover a,.nav>ul>li.on a{}
.nav>ul>li:hover:after,.nav>ul>li.on:after{bottom: 3px;opacity: 1;}
.nav>ul>li.nav_li>a:after{content:"";position:absolute;top: 50%;bottom:0;right: 7px;width: 7px;height:5px;margin-top: -6.5px;transition: 0.36s;}
.nav>ul>li .rd-navbar-dropdown{position: absolute;top: 95px;left: 0;width: auto;padding: 0;z-index: 5;margin-top: 20px;text-align: left;transform: translate3d(0, 0, 0);visibility: hidden;opacity: 0;transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1);}

.nav>ul>li .rd-navbar-dropdown li{ display:block; float:none}
.nav>ul>li .rd-navbar-dropdown::before {content: '';background: rgba(255, 255, 255, 0.95);position: absolute;top: 0;right:0;bottom:0;left:0;box-shadow: 0 13px 16px 0 rgba(0, 0, 0, 0.13);}
.nav>ul>li .rd-navbar-dropdown::after {content: '';position: absolute;top: 10px;left: 50%;width: 0;height: 0;border-style: solid;border-width: 0 8px 10px 8px;border-color: #fff transparent #fff transparent;margin-left: -8px;display: none;}
.nav>ul>li .rd-navbar-dropdown li > a, .nav>ul>li .rd-navbar-dropdown li > a::before, .nav>ul>li .rd-navbar-dropdown li > a{ transition: .15s ease-in-out;}
.nav>ul>li .rd-navbar-dropdown li > a, .nav>ul>li .rd-navbar-dropdown li > a:focus, .nav>ul>li .rd-navbar-dropdown li > a:active{color: #3d3d3d;}
.nav>ul>li .rd-navbar-dropdown li > a{position: relative;padding: 5px 1.25rem;text-align: left;line-height: 26px;white-space: nowrap;transition: 0.6s;}
.nav>ul>li .rd-navbar-dropdown li > a::before{content: '';position: absolute;top: 10px;left: 0;display: inline-block;width: 0;height: 0;font-size: 0;line-height: 0;border-style: solid;border-width: 4px 0 4px 10px;border-color: transparent transparent transparent #b7b7b7;display: none;}

.nav>ul>li .rd-navbar-dropdown li > a:hover{color: #fff;background: #0057a5;}
.nav>ul>li .rd-navbar-dropdown li > a:hover::after{ border-color: transparent transparent transparent #269dd2;}
.nav>ul>li .rd-navbar-dropdown.focus{margin-top:0;visibility:visible;opacity:1;}

.header .layui-container{ transition:1s}
.header.width{top:0;width: 100%;background: rgba(0, 0, 0, 0.5);height: 95px;}
.header.width .layui-container{ max-width:100%}
.header.width .nav>ul>li>a{}
.header.width:before{width:100%;margin-left: 0;left: 0;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;background: rgba(255, 255, 255, 0.96);}
.header .content{padding: 0;}
.header .content .right dl{float:left;font-size:0;line-height: 75px;margin-left: 1rem;position:relative;z-index: 10;}
.header .content .right dl dd{display:inline-block;margin-right: 0.875rem;cursor: pointer;}
.header .content .right dl dd a{display:inline-block;height: 46px; position:relative; vertical-align:middle}
.header .content .right dl dd a img{vertical-align:top;position: relative;}
.header .content .right dl dd a .con{position:absolute;right:0;top:0;bottom:0;width:100%;border-radius:23px;background: #269dd2;transition:0.6s;opacity:0;font-size:16px;color:#fff;text-align:left;padding-left:20px;line-height:46px;white-space: nowrap;}

.header .content .right dl dd a:hover .con{ width:180px; opacity:1}
.header.width .nav>ul>li.on>a, .header.width .nav>ul>li:hover>a{}
.header.width .nav>ul>li.on>a:after, .header.width .nav>ul>li:hover>a:after{}
.header.width .nav>ul>li:hover:before, .header.width .nav>ul>li.on:before{ bottom:0}
.header.width .nav>ul>li>a{}


.rd-navbar-main-element { position: absolute; float: left;}
.rd-navbar-nav-wrap.active {
    transform: translateX(0);
}
.rd-navbar-nav-wrap {
    color: #ffffff;
    background: #262626;
    box-shadow: none;
}
.rd-navbar-nav-wrap {
    position: fixed;
    left: 0;
    top: -37px;
    bottom: -56px;
    z-index: 1029;
    width: 100%;
    padding: 140px 0 81px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    font-size: 14px;
    line-height: 34px;
    transform: translateX(-110%);
}
.rd-navbar-nav {
    display: block;
    margin: 15px 0;
    height: auto;
    text-align: left;
}
.rd-navbar-submenu {
    position: relative;
}
.rd-nav-item {
    text-align: left;
}
.rd-navbar-wrap, .rd-navbar, .rd-menu, .rd-navbar-nav, .rd-navbar-panel, .rd-navbar-static .rd-menu, .rd-navbar-nav-wrap, .rd-navbar-submenu {
    transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1);
}
.rd-nav-link {
    color: #fff;
}
.rd-nav-link {
    display: block;
    padding: 10px 56px 10px 18px;
}
.rd-nav-link {font-size:14px;color: #fff;letter-spacing:2px;text-transform: uppercase;}

.rd-navbar-submenu-toggle {
    color: #fff;
}
.rd-navbar-submenu-toggle {
    cursor: pointer;
    display: inline-block;
    width: 56px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.rd-navbar-submenu-toggle::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 56px;
    height: 52px;
    line-height: 48px;
    text-align: center;
    transition: 0.4s all ease;
    z-index: 2;
    cursor: pointer;
    background:url(http://localhost:7039/%E5%A4%87%E4%BB%BD/static/css/static/style/pc/images/erji_down.svg) center no-repeat;
    background-size: 9px;
}
.rd-nav-item.focus .rd-nav-link, .rd-nav-item.active .rd-nav-link, .rd-nav-item.opened .rd-nav-link {
    color: #ffffff;
    background: #e60811;
}
.rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-submenu.opened > .rd-navbar-megamenu {
    display: block;
}
li.opened > .rd-menu {
    opacity: 1;
    height: auto;
}
li.opened > .rd-navbar-dropdown {
    padding: 4px 0 0;
}
.rd-menu {
    transition: opacity 0.3s, height 0.4s ease;
    opacity: 0;
}
.rd-navbar-dropdown {
}

li.opened > .rd-navbar-submenu-toggle::after {
    top: 0;
    transform: rotate(180deg);
    color:#fff;
}
.rd-navbar-submenu .rd-navbar-dropdown > li > a {
    padding-left: 30px;
}
.rd-megamenu-list > li > a, .rd-navbar-dropdown > li > a {
    color: rgba(255, 255, 255, 0.6);
}
.rd-megamenu-list > li > a, .rd-navbar-dropdown > li > a {
    display: block;
    padding: 9px 56px 9px 16px;
    font-size: 14px;
    line-height: 1.5;
}

.rd-nav-item.opened .rd-menu{ opacity:1}
.rd-navbar-open-right{ height:0}

.rd-nav-item.active .rd-navbar-submenu-toggle{ color:#fff}
.rd-navbar-submenu .rd-navbar-dropdown > li.active > a{color: #fff;}

.search_btn{line-height: 95px;cursor: pointer;display: inline-block;text-align: center;margin: 0 1rem 0 7rem;}
.search_btn span{display:inline-block;width:2.5rem;height:2.5rem;background:#007e63;border-radius:50%;vertical-align: middle;line-height: 2.5rem;}
.search_btn span img{ margin-top:-3px}
input{ border:none}
.tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index:9999999999; pointer-events: none; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.tc.act{ filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity: 1;   opacity: 1;  display: block;  pointer-events: auto;}
.tc-box{
  width: 60rem; padding-top:40px;
  max-width:80%;
  margin:0 auto; margin-top:-80px;
  box-sizing:border-box;
  /* background:#fff; */
  display: block;
  position:relative;
  z-index:1;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  overflow:  hidden;
  }
.tc.act .tc-box{ -webkit-animation-name: anim-open-2; animation-name: anim-open-2; transform:scale(1);}
.close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right: 30px; top: 30px;}
.tc_bg { height: 100%; background: rgba(0,0,0,.85); position: absolute; top: 0; left: 0; width: 100%; z-index: 0;}
.tc_txt{ height:470px; overflow-y:auto; padding-right:30px;}
/*弹窗内容样式*/
.tc-box form{position:relative;border-bottom:2px solid #eee;height:4.25rem;padding-right: 0;position:relative;}
.tc-box .tc_fdj{ position:absolute; left:20px; display:block; height: 4.25rem; line-height: 4.25rem;}
.tc-box .tc_fdj img{ width:1.3rem;}
.tc-box form label{text-align:left;display:block;position:absolute;bottom:0;height: 4.25rem;line-height: 4.25rem;font-size:1.6rem;color:#999;pointer-events:none;margin-left: 0;transition:.3s;}
.tc-box form label.act{ font-size:16px; bottom:3rem;line-height: 3rem; height:3rem;}
.tc-box #keyword{width: 80%;height:4.25rem;padding: 0;font-size:1.6rem;color:#999;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0;background:none;}
.tc-box .btn_blue{width: 40px;height:4.25rem; border:0; line-height:4.25rem;background:url(../image/search.png) center center no-repeat;font-size:1.125rem;color:#fff;cursor:pointer;text-transform:uppercase;float:right;}
.tc-box .btn_blue.fr{ background:#e9edef; color:#4e4f53;}

.banner_box{height: auto;}
.banner_wai{ position:relative; z-index:0;}
.banner_wai>img{ position:relative; width:100%}

.banner{width:100vw;top: 0;}
.banner li{position:relative; }
.banner li .bg{ position:relative;left:0;top:0;width:100%;}
.banner li .img{left:0;top:0;width:100%;height: auto;z-index:8;}  
#banner li img{display:inline-block;width: 100%;}
#banner li .w1600{height:100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
#banner li .w1600 .wenzi{position:absolute;top: 50%;text-align: center;width: 100%;margin-top: -7rem;}
#banner li .con{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:999; text-align:center; }
#banner li .wenzi h3{font-size: 3.5rem;margin-bottom: 1.5rem;color:#fff;display:block;font-family: ROBOTO-BOLD; transform:translateY(40px); opacity:0; transition:.9s .6s;}
#banner li .wenzi h3 span{font-family: ROBOTO-BOLD; }
#banner li .wenzi h4{font-size:1.5rem;color:#fff;display:block;margin-bottom: 3.125rem; transform:translateY(40px); opacity:0; transition:.9s .6s;}
#banner li .wenzi a>span{display:inline-block;width: 13.125rem;height: 3.125rem;line-height: 3rem;border-radius: 1.75rem;background: #0057a5;text-align:center;font-size: 0.875rem;font-family:ROBOTO-MEDIUM;color:#fff;transform:translateY(70px);transition:1.5s .6s;opacity:0;overflow:hidden;}
#banner li .wenzi a>span:before{ content:""; position:absolute; bottom:0; left:0; right:0; background:transparent; transition:0.6s; height:0;}
#banner li .wenzi a>span:hover{ color:#282828}
#banner li .wenzi a>span:hover:before{ height:100%; top:0; background:#fff}
#banner li .wenzi a>span font{position:relative;color:#fff;transition:0.6s;text-transform: uppercase;font-family: ROBOTO-LIGHT;}
#banner li .wenzi a>span:hover font{ color:#282828; letter-spacing:0.5px}
#banner.on li.miso-current .wenzi h3, #banner.on li.miso-current .wenzi h4, #banner.on li.miso-current .wenzi a>span{ transform:translateY(0px); opacity:1}
@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    transform: perspective(400px);
    opacity:1; } 
}

#banner.on li .wenzi .home_texts span { display:inline-block; transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;;
    opacity:1;}

#banner.on li.miso-current .wenzi .home_texts span {
  width: auto;
  animation: flipInX 1s forwards;
  animation-timing-function: ease-in-out;
  backface-visibility: visible !important;
}


#banner li.miso-current{ z-index:999;}
.banner .miso-arrow{ z-index:99; position:absolute; top:50%; display:block; width: 3.75rem; height: 3.75rem; background-size:cover !important; opacity:0.6; transition:0.6s}
.banner .miso-prev{
  left: 80px;
  background:url(../image/banner_left.png) left center no-repeat;
  transition:300ms;
  -webkit-transition:300ms;
  animation:moveL 2s linear infinite;
}
  
.banner .miso-next{
  right: 80px;
  background:url(../image/banner_right.png) right center no-repeat;
  transition:300ms;
  -webkit-transition:300ms;
  animation:moveL 2s linear infinite;
}
.banner .miso-arrow:hover{ opacity:1}

.miso-prev:before, .miso-next:before{ display:none;}
@keyframes moveL{
  0%{ transform:translateX(0); -webkit-transform:translateX(0);}
  25%{ transform:translateX(-3px); -webkit-transform:translateX(-3px);}
  50%{ transform:translateX(0); -webkit-transform:translateX(0); }
  75%{ transform:translateX(3px); -webkit-transform:translateX(3px); }
  100%{ transform:translateX(0); -webkit-transform:translateX(0);}
  }
@-webkit-keyframes moveL{
  0%{ transform:translateX(0); -webkit-transform:translateX(0);}
  25%{ transform:translateX(-3px); -webkit-transform:translateX(-3px);}

  50%{ transform:translateX(0); -webkit-transform:translateX(0); }
  75%{ transform:translateX(3px); -webkit-transform:translateX(3px); }









  100%{ transform:translateX(0); -webkit-transform:translateX(0);}
  }

@-webkit-keyframes bgscale {
from { -webkit-transform: scale(1.05); transform: scale(1.05); }
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes bgscale {
from { -webkit-transform: scale(1.05); transform: scale(1.05); }
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@-webkit-keyframes bgscale2 {
from { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
to { -webkit-transform: scale(1.05); transform: scale(1.05);}
}
@keyframes bgscale2 {
from { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
to { -webkit-transform: scale(1.05); transform: scale(1.05);}
}



/*==========================================公共 结束=============================================*/


/*==========================================首页 开始=============================================*/

.title00{ text-align:center;}
.title00 h3{ font-size:48px; color:#000000; margin-bottom:1rem; font-weight: 700;}
.title00 h4{ font-size:20px; color:#575757}

.title00 span{display:inline-block;width:9.6875rem;height: 2.75rem;line-height: 2.5rem;border-radius: 1.375rem;border:#c5c5c5 1px solid;text-align:center;font-size: 13px;font-family:ROBOTO-MEDIUM;color:#fff;transition:1.5s .6s;overflow:hidden;position:relative;margin-top: 2.125rem;}
.title00 span:before{ content:""; position:absolute; bottom:0; left:0; right:0; background:transparent; transition:0.6s; height:0;}
.title00 span:hover{ color:#fff; border:#0057a5 1px solid}
.title00 span:hover:before{ height:100%; top:0; background:#0057a6}
.title00 span font{position:relative;color: #7c7c7c;transition:0.6s;text-transform: uppercase;}
.title00 span:hover font{ color:#fff; letter-spacing:0.5px;}

.container01{position:relative;background:#fff;padding:6.25rem 0;}
.container01 .top{ margin-bottom:1.5rem}
.container01 .top .left .title00{ text-align:left}
.container01 .top .left .title00 h3{ position:relative}
.container01 .top .left .title00 h3:before{ content:""; position:absolute; background:url(../image/shuye.png) center no-repeat; width:41px; height:45px; right:-50px; top:0}
.container01 .top .right{ width:800px;}
.container01 .top .right p{ font-size:0.9375rem; color:#5e5e5e; line-height:1.75rem; margin-bottom:1.75rem}
.container01 .bottom .img, .container01 .bottom .img>img{overflow:hidden;width:100%;height:25rem;background:#000;object-fit: cover;border-radius: 5px;position: relative;}
.container01 .bottom .img>img{ opacity:0.8}
.container01 .bottom .img .top_ico{ position:absolute; top:0; right:0; bottom:0; left:0}
.container01 .bottom .img .top_ico img{ transition:0.9s}
.container01 .bottom .img:hover .top_ico em{ transform:rotate(180deg)}
.container01 .bottom .img:hover>img{ transform:scale(1.02)}

.container01 .bottom .img .top_ico .btn_ani {
    width: 57px;
    height: 57px;
    background: rgba(0,0,0,0.25);
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -28.5px;
    left: 50%;
    margin-left: -28.5px;
    z-index: 2;
}
.container01 .bottom .img .top_ico .btn_ani em {
    width: 57px;
    height: 57px;
    background: url(../image/ico6.png) no-repeat center rgba(0,0,0,0.25);
    border-radius: 50%;
    display: block; transition:0.9s
}
.container01 .bottom .img .top_ico .btn_ani:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 57px;
    height: 57px;
    background: rgba(0,0,0,0.25);
    border-radius: 50%;
    z-index: -1;
    -webkit-animation: icon_video02 4s infinite forwards linear 1s;
    animation: icon_video02 4s infinite forwards linear 1s;
}
.container01 .bottom .img .top_ico .btn_ani:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 57px;
    height: 57px;
    background: rgba(0,0,0,0.25);
    border-radius: 50%;
    z-index: -1;
    -webkit-animation: icon_video 3s infinite forwards linear 0.5s;
    animation: icon_video 3s infinite forwards linear 0.5s;
} 

@-webkit-keyframes icon_video02 {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}
@keyframes icon_video02 {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@-webkit-keyframes icon_video {
    0% {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
        opacity: 1;
    }
    25% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0.8;
    }      
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0.55;
    }
    75% {
        -webkit-transform: scale(1.32);
        transform: scale(1.32);
        opacity: 0.3;
    } 
    100% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 0;
    } 
}
@keyframes icon_video {
    0% {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
        opacity: 1;
    }
    25% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0.8;
    }      
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0.55;
    }
    75% {
        -webkit-transform: scale(1.32);
        transform: scale(1.32);
        opacity: 0.3;
    } 
    100% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 0;
    }   
}

.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: 400ms; transition: 400ms; }
.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;}

#page_show_box{position:fixed;z-index: 99999999;top:0;left:0;display:none;height:100%;width:100%;}
#page_show_box .bg_box{ position:fixed; z-index:9994; top:0px; display:none;  height:100%; width:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7);}
#page_show_box .box{position: fixed;width: 600px;top:50%;z-index:9999;left:50%;transform: translateX(-50%) translateY(-50%);max-width: 94%;max-height: 94%;height: auto;}
#bnt_close{position: absolute;top: 20px;width: 30px;height: 30px;right: 20px;}
#bnt_close img{display:block;position: inherit;z-index: 1;width: 100%;cursor: pointer;-moz-transition: all 0.6s ease-in-out ease-in-out;-webkit-transition: all 0.6s ease-in-out ease-in-out;-o-transition: all 0.6s ease-in-out ease-in-out;-ms-transition: all 0.6s ease-in-out ease-in-out;transition: all 0.6s ease-in-out ease-in-out;}
#page_show_box #page_ar{position:relative;height: 100%;max-height: 100%;}
#page_show_box #page_ar .ar_box{height: 100%;padding: 48px 52px;border-radius: 5px;background: #fff;position:relative;box-sizing: border-box;-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-name: anim-close-2;animation-name: anim-close-2;max-height: 5;}
.tc1 .tc.act{display: block; }
#page_show_box #page_ar .ar_box.on{-webkit-animation-name: anim-open-2;animation-name: anim-open-2;transform:scale(1);}
#page_show_box #page_ar .ar_box .p{  line-height:30px; font-size:14px; color:#686a6a; max-height:540px; text-align:justify; overflow: hidden;}
#page_show_box #page_ar .ar_box .title{ font-size:18px; color:#686a6a; display:block; margin-bottom:10px;}
#page_show_box #page_ar #ar_content{ height:90px; overflow:hidden;}

#bnt_close img:hover{ transform:rotate(360deg)}

.container02{ background:url(http://localhost:7039/%E5%A4%87%E4%BB%BD/static/image/container02_bg.jpg) center no-repeat; background-attachment:fixed; position:relative; padding:7.5rem 0 7.25rem; overflow:hidden}
.container02 .title00 h3{ color:#fff; margin-bottom:1rem;}
.container02 .bg_box{ position:absolute; top:0; right:0; bottom:0; left:0;}
.container02 .bg_box .bg, .container02 .bg_box .miso-list, .container02 .bg_box .miso-list .miso-track{ height:100%; background-size:cover !important; background-attachment:fixed !important;}

.container02 .title00 h4{ color:#fff;}
.container02 .title00 .zhaiyao{color:#fff;font-size:0.9375rem;line-height:1.5rem;margin:2.5rem 0 3.25rem;padding: 0 280px;white-space: normal;}
.container02 ul{ font-size:0;}
.container02 ul li{ display:inline-block; width:25%; text-align:center}
.container02 ul li a{ display:block; }
.container02 ul li .ico{ display:inline-block; width:8.75rem; height:8.75rem; border-radius:50%; position:relative}
.container02 ul li .ico .box_table{ position:relative; z-index:2}
.container02 ul li .ico .box_table img{ display:inline-block; transition:0.9s}
.container02 ul li .ico:before{ content:""; position:absolute; z-index:0; border:#fff 1px solid; top:0; right:0; bottom:0; left:0; border-radius:50%; transition:.9s}
.container02 ul li .ico:after{ content:""; position:absolute; z-index:0; background:#0057a6; transform:scale(0.5); top:0; right:0; bottom:0; left:0; border-radius:50%; transition:.9s; opacity:0; visibility:hidden}
.container02 ul li h5{ font-size:1.125rem; line-height:3rem; color:#fff; font-family:Roboto; margin-top:0.5rem}

.container02 ul li.miso-current a .ico:after{ transform:scale(1); opacity:1; visibility:visible}
.container02 ul li.miso-current a .ico:before{ transform:scale(0.8); opacity:0; visibility:hidden}
.container02 ul li.miso-current a .ico .box_table img{ transform:rotateY(180deg)}

.container03{ position:relative;  padding:5rem 0}
.container03 .title00{ margin-bottom:3rem}
.container03 .title00 h3{position:relative; display:inline-block}
.container03 .title00 h3:before{ content:""; position:absolute; background:url(../image/shuye.png) center no-repeat; width:41px; height:45px; right:-50px; top:0}
.container03 ul{ font-size:0; margin:0 -11px; margin-bottom:2.75rem}
.container03 ul .miso-list{ padding:10px; margin:-10px}
.container03 ul li a{ display:block}
.container03 ul li{ display:inline-block; width:25%; padding:0 11px;}
.container03 ul li .img{height: 330px;background:#fff;overflow:hidden;transition:0.6s;}
.container03 ul li .img img{width: 330px;height: 230px;background:#fff;overflow:hidden;object-fit: cover;}
.container03 ul li h5{font-size:1.1875rem;color:#000000;height:1.25rem;line-height:1.25rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:1.25rem 0 0.75rem;font-weight: 600;}
.container03 ul li h6{ font-size:12px; color:#5f5f5f; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.container03 ul .miso-prev, .container03 ul .miso-next{ width:55px; height:55px; margin-top:-20px}
.container03 ul .miso-prev{ background:url(../image/left01.png) center no-repeat; left:-5.625rem}
.container03 ul .miso-next{ background:url(../image/right01.png) center no-repeat; right:-5.625rem}
.container03 .more{ text-align:center}
.container03 .more img{ display:inline-block; transition:0.9s}

.container03 .more a:hover img{ transform:rotate(90deg)}
.container03 ul li a:hover .img{ box-shadow:0 0 10px rgba(0,0,0,0.15)}

/**/
.container04{ background:#fff; position:relative}
.container04 .left{ width:50%;}
.container04 .left .miso_hd ul li .img, .container04 .left .miso_hd ul li .img img{width:100%;height:38.75rem;overflow:hidden;object-fit: cover;}
.container04 .right{ width:50%; background:url(../image/ontainer04_bg.jpg) center no-repeat; background-size:cover; height:38.75rem;}
.container04 .right .miso_bd{width: 600px;padding-left:5.5rem;}
.container04 .right .miso_bd ul li{height:38.75rem;}
.container04 .right .miso_bd ul li .box_table{ text-align:left}
.container04 .right .miso_bd ul li .title00{ text-align:left; margin-bottom:4.75rem}
.container04 .right .miso_bd ul li .title00 h3{ color:#fff}
.container04 .right .miso_bd ul li .title00 h4{ color:#fff}
.container04 .right .miso_bd ul li dl dd h3{ height:3.75rem}
.container04 .right .miso_bd ul li dl dd h4{ font-size:1.25rem; color:#fff; text-transform:uppercase; margin-bottom:1rem}
.container04 .right .miso_bd ul li dl dd p{font-size:0.875rem;line-height:1.25rem;color:#fff;height:5.75rem;overflow:hidden;margin-bottom: 1rem;}
.container04 .right .miso_bd ul li a{ display:inline-block; width:142px; height:48px; border:#ffffff 2px solid; line-height:44px; text-align:center; font-size:14px; color:#fff; position:relative}
.container04 .right .miso_bd ul li a:before{ content:""; position:absolute; left:0; top:0; bottom:0; width:0; transition:0.6s}
.container04 .right .miso_bd ul li a font{ position:relative; transition:0.6s; display:inline-block}
.container04 .right .miso_bd ul li a span{margin-left:6px;transition:0.6s;position:relative;display: inline-block;}

.container04 .right .miso_bd .miso-dots{width: 100%;height: auto;bottom: 0;text-align: left;}
.container04 .right .miso_bd .miso-dots:before{content:"";position:absolute;}
.container04 .right .miso_bd .miso-dots li{width: 10px;height: 10px;border:#fff 1px solid;border-radius:50%;margin: 0 0.5rem 0 0;}
.container04 .right .miso_bd .miso-dots li.miso-active{ background:#fff}

.container05{ position:relative; background:#f7f7f7; padding:5rem 0}
.container05 .title00{ margin-bottom:3rem}
.container05 .title00 h3{position:relative; display:inline-block}
.container05 .title00 h3:before{ content:""; position:absolute; background:url(../image/shuye.png) center no-repeat; width:41px; height:45px; right:-50px; top:0}
.container05 ul{ font-size:0; margin:0 -15px; margin-bottom:2.875rem}
.container05 ul li{ display:inline-block; width:33.333333%; padding:0 15px; overflow:hidden}
.container05 ul li a{ display:block;}
.container05 ul li .img{margin-bottom: 0;}
.container05 ul li .img, .container05 ul li .img img{display:inline-block;width:380px;height:260px;overflow:hidden;object-fit: cover;}
.container05 ul li .left{ width:65px; text-align:center}
.container05 ul li .left .top{ height:64px; background:#0057a5}
.container05 ul li .left .top h3{ font-size:24px; color:#fff; margin-bottom:0.25rem}
.container05 ul li .left .top h4{ font-size:14px; color:#fff; text-transform:uppercase}
.container05 ul li .left .bottom{ height:60px; border:#d7d7d7 1px solid; border-top:none; line-height:60px;}
.container05 ul li .left .bottom h3{ font-size:0.9375rem; color:#3f484d;}
.container05 ul li .right{ width:290px;}
.container05 ul li .right h5{ font-size:1rem; line-height:1.5rem; height:3rem; color:#202020; overflow:hidden; transition:0.6s}
.container05 ul li .right p{ font-size:12px; line-height:18px; height:36px; color:#959595; overflow:hidden; margin:0.5rem 0 1rem}
.container05 ul li .right span{ font-size:12px; color:#0057a6; text-decoration:underline; transition:0.6s}
.container05 .more{ text-align:center}
.container05 .more img{ display:inline-block; transition:0.9s}

.container05 ul li .right h5:hover, .container05 ul li .right span:hover{ color:#0057a5}
.container05 .more a:hover img{ transform:rotate(90deg)}


.container06 .left{ width:435px}
.container06 .left .title00{ text-align:left}
.container06 .left .title00 h3{ color:#fff; font-size:1.75rem}
.container06 .left .title00 h4{ color:#fff; font-size:14px; line-height:20px;}
.container06 .right{ width:580px;}
.container06 .content{ margin:0 -7px; font-size:0}
.container06 .box{display:inline-block;width:50%;padding:0 7px;font-size:14px;vertical-align: top;}
.container06 .box .box_li{ margin-bottom:0.5rem;}
.container06 .box .box_li h4{ font-size:16px; color:#c60001; font-weight:bold; height:40px;}
.container06 .box .box_li .input{ position:relative}
.container06 .box .box_li .input input{height: 45px;line-height: 43px;border: rgba(255, 255, 255, 0.55) 1px solid;padding:0 15px;width:100%;color: #fff;background: none;font-size: 16px;}
.container06 .box .box_li .textarea{ position:relative}
.container06 .box .box_li .textarea textarea{height:108px;line-height:55px;border: rgba(255, 255, 255, 0.55) 1px solid;padding:0 15px;width:100%;color: #fff;background: none;font-size: 16px;vertical-align: top;}
.container06 .box .box_li .input button{height: 45px;line-height: 45px;background: #0057a5;padding:0 15px;width: 95px;border:none;color:#fff;font-size: 16px;cursor: pointer;transition: 0.6s;}
.container06 .box .box_li .input button:hover{ background:#019d7d}


/*online qq*/
aside#top{ }
.online_q {position: fixed;right:10px;bottom: 8%;z-index: 9999;transition:.5s;-webkit-transition:.5s;}
.online_q .btn2{width: 45px;height: 45px;line-height: 45px;cursor:pointer;position:relative;margin-bottom: 5px;font-size:12px;transition:.3s;}
.online_q .btn-top{background: #0057a5;padding:0;}
.online_q .btn2 a{ }
.online_q .btn2 span{display:block;float:left;width: 45px;height: 45px;line-height: 45px;position:relative;z-index:999;overflow:hidden;transition:.3s;-webkit-transition:.3s;font-size:12px;color:#6a6c6d;border-radius: 0;background: #0057a5;}
.online_q .btn2:hover{ }
.online_q .btn-01 span{}
.online_q .btn-02 span{}
.online_q .btn-03 span{}
.online_q .btn-top{background: #3e4342;}
.online_q .open.pic{position:absolute;background: #da573f;border-radius:3px;width:100px;height:100px;right:95px;top:50%;margin-top:-50px;text-align:right;opacity:0;transition: .6s;-webkit-transition: .6s;visibility:hidden;}
.online_q .open.pic:before{content:"";display:block;width:0;height:0;border:10px solid transparent;border-left: 10px solid #3e4342;position:absolute;right:-15px;top:50%;margin-top:-10px;}
.online_q .open.pic img{ width:80px; height:80px; margin-top:10px; margin-right:10px;}
.online_q .btn2:hover .open.pic{opacity:1;right: 60px;visibility:visible;}

#gotop.hide{ height:0; overflow: hidden;}


.online_q .btn2:hover span{background: #3e4342;}
.online_q .social-share{position:absolute;background: #3e4342;border-radius:3px;right:95px;top:50%;margin-top: -22.5px; text-align: center;opacity:0;transition: .6s;-webkit-transition: .6s;visibility:hidden;font-size: 18px;color: #fff;white-space: nowrap;padding: 0 15px;}
.online_q .social-share:before{content:"";display:block;width:0;height:0;border:10px solid transparent;border-left: 10px solid #3e4342;position:absolute;right:-15px;top:50%;margin-top:-10px;}
.online_q .social-share img{ width:80px; height:80px; margin-top:10px; margin-right:10px;}
.online_q .btn2:hover .social-share{opacity:1;right: 60px;visibility:visible;}

/*==========================================首页 结束=============================================*/


/*==========================================内页 开始=============================================*/

.n_header_box{ height:95px;}
.n_header_box .nav>ul>li>a{ color:#353535}
.n_header_box .header.width{background:#fff;border-bottom: #f2f2f2 1px solid;}
.n_header_box .top_tel h4{ color:#494949}

.n_banner{height:22.5rem;position: relative;background-size: cover !important;}
.n_banner h3, .n_banner h4{ font-size:1.75rem; line-height:2.5rem; color:rgba(255,255,255,0.75)}

.n_title{height:75px;border-bottom:#dadada 1px solid;padding: 0;position:relative;}
.n_title .w1200{position:relative;height: 75px;}

.n_nav{ position:relative;}
.n_nav a{display:inline-block;height: 75px;font-size: 0.9375rem;float:left;line-height: 75px;color: #303033;text-align: center;box-sizing: border-box;position: relative;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;margin-right: 2.5rem;}
.n_nav a strong{display:block;color: #494949;position:relative;z-index:4;height: 75px;line-height: 75px;transition: 0.6s ease-in-out;font-weight: normal;}
.n_nav .on,.n_nav a:hover{color: #fff;}
.n_nav a:before{content:"";width:0;height: 3px;position: absolute;bottom: -1px;left: 0;background: #0057a5;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{}
.layui-col-md4{ height:75px}
.position{position:absolute;line-height: 75px;right: 0;bottom: 0;color: #9e9e9f;padding-left: 22px;font-size: 13px;background: url(../image/home_icon.png) left 30px no-repeat;}
.position span, .position a, .position i{font-size: 12px;color: #9e9e9f;-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;font-family: "Microsoft YaHei";}

.position i{margin: 0px 5px;font-style:normal;}
.position i img{vertical-align:middle;margin-top: -2px;}
.position em{font-size:12px;color: #0057a5;font-style: normal;font-family: "Microsoft YaHei";}
.position a:hover{color: #0057a5;}
.n_main_box .main_box{width: 1200px;height: 80px;position:relative;margin: 0 auto;}

.n_container{ border-bottom:#0057a5 3px solid}

.n_about{padding: 4.375rem 0 3rem;}
.n_about .fl01{ margin-bottom:2rem}
.n_about .fl01 .left{ width:370px; text-align:center; padding:1.5rem 0 0}
.n_about .fl01 .left>h3{ font-size:2.375rem; color:#000000; margin-bottom:4rem}
.n_about .fl01 .left ul{font-size:0;margin:0 -30px;background: url(../image/n_about_bg.png) center 56px no-repeat;}
.n_about .fl01 .left ul li{ display:inline-block; width:50%; margin-bottom:2.5rem}
.n_about .fl01 .left ul li a{ display:block}
.n_about .fl01 .left .ico{ width:7.1875rem; height:7.1875rem; border-radius:50%; display:inline-block}
.n_about .fl01 .left .ico h4{ font-size:1.25rem; color:#fff; margin-bottom:0.375rem}
.n_about .fl01 .left .ico h6{ font-size:0.875rem; color:#fff}
.n_about .fl01 .left h5{ font-size:1.125rem; color:#4d4d4d; line-height:2.5rem}
.n_about .fl01 .right{ width:740px;}

.n_about .fl02 ul{ font-size:0; margin:0 -9px}
.n_about .fl02 ul li{ display:inline-block; width:50%; padding:0 9px}
.n_about .fl02 ul li .img, .n_about .fl02 ul li .img>img{overflow:hidden;width:100%;height:332px;background:#000;object-fit: cover;border-radius: 5px;position: relative;}
.n_about .fl02 ul li .img>img{ opacity:0.8}
.n_about .fl02 ul li .img .top_ico{ position:absolute; top:0; right:0; bottom:0; left:0}
.n_about .fl02 ul li .img .top_ico img{ transition:0.9s}
.n_about .fl02 ul li .img:hover .top_ico em{ transform:rotate(180deg)}
.n_about .fl02 ul li .img:hover>img{ transform:scale(1.02)}

.n_about .fl02 ul li .img .top_ico .btn_ani {
    width: 57px;
    height: 57px;
    background: rgba(0,0,0,0.25);
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -28.5px;
    left: 50%;
    margin-left: -28.5px;
    z-index: 2;
}
.n_about .fl02 ul li .img .top_ico .btn_ani em {
    width: 57px;
    height: 57px;
    background: url(../image/ico6.png) no-repeat center rgba(0,0,0,0.25);
    border-radius: 50%;
    display: block; transition:0.9s
}
.n_about .fl02 ul li .img .top_ico .btn_ani:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 57px;
    height: 57px;
    background: rgba(0,0,0,0.25);
    border-radius: 50%;
    z-index: -1;
    -webkit-animation: icon_video02 4s infinite forwards linear 1s;
    animation: icon_video02 4s infinite forwards linear 1s;
}
.n_about .fl02 ul li .img .top_ico .btn_ani:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 57px;
    height: 57px;
    background: rgba(0,0,0,0.25);
    border-radius: 50%;
    z-index: -1;
    -webkit-animation: icon_video 3s infinite forwards linear 0.5s;
    animation: icon_video 3s infinite forwards linear 0.5s;
} 


.n_news .fl01{padding: 1.375rem 0 3.25rem;background:url(http://localhost:7039/%E5%A4%87%E4%BB%BD/static/css/static/style/pc/images/n_news_fl01.jpg) center top no-repeat;background-size:cover;}
.n_news .fl01 h3{ font-size:2.375rem; color:#000000; margin-bottom:3.125rem}
.n_news .fl01 ul{font-size:0;margin: 0 -15px;}
.n_news .fl01 ul li{width: 33.333333%;display:inline-block; *display:inline; *zoom:1;padding: 0 15px;}
.n_news .fl01 ul li .img{ background:#000}
.n_news .fl01 ul li .img,.n_news .fl01 ul li .img img{ overflow:hidden; width:380px; height:260px; position:relative}
.n_news .fl01 ul li .img a>img{ opacity:0.8}
.n_news .fl01 ul li .con{padding: 2rem 2rem;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;position:relative;border: #e2e2e2 2px solid;border-top: none;}
.n_news .fl01 ul li .con:before{ content:""; position:absolute; right:0; top:0; height:100%; width:0; background:#15569d; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_news .fl01 ul li .con h5,.n_news .fl01 ul li .con h5 a{font-size: 1.125rem;height: 1.5rem;line-height: 1.5rem;color: #383838;position:relative;margin-bottom: 0.75rem;font-weight: bold;}
.n_news .fl01 ul li .con p{font-size: 0.9375rem;color: #6e6e6e;line-height: 1.75rem;overflow:hidden;height: 3.5rem;margin: 0 0 1.5rem;position:relative;}
.n_news .fl01 ul li .con h6{font-size: 1rem;color: #6e6e6e;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1rem;position:relative;font-family: roboto_m;font-weight: 400;}
.n_news .fl01 ul li .con h6 .icon {vertical-align:middle;overflow: hidden;height:0.875rem;width:0.875rem;fill: #999;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;margin: -2px 0.25rem 0 0;}


.n_news .fl01 ul li .img .red-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.n_news .fl01 ul li .img .red-bg{background:rgba(0,0,0,0.45);}
.n_news .fl01 ul li .img .red-bg:before{ content:""; position:absolute; width:2.75rem; height:2.75rem; background:#0057a5; border-radius:50%; top:50%; margin-top:-1.375rem; left:50%; margin-left:-1.375rem;}
.n_news .fl01 ul li .img .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }

.n_news .fl01 ul li .img .line_1 { width: 16px; height: 1px; margin: -1px 0px 0px -8px; transform: translateX(-16px); -webkit-transform: translateX(-16px); }
.n_news .fl01 ul li .img .line_2 { width: 1px; height: 16px; margin: -8px 0px 0px -1px; transform: translateY(16px); -webkit-transform: translateY(16px); }

.n_news.more01 a small{color:#fff}
.n_news .fl01 .more01 a dl dd span:before{background:#fff;}

.n_news .fl02{ padding:0 0 5rem}
.n_news .fl02 ul{font-size:0;margin: 0;border-top: #eaeaea 1px solid;margin-bottom:3.125rem;}
.n_news .fl02 ul li{padding: 2.5rem 0;border-bottom: #f1f1f1 1px solid;position:relative;}
.n_news .fl02 ul li:before{ content:""; position:absolute; right:0; top:0; height:100%; width:0; background:#fbfbfb; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_news .fl02 ul li a{padding: 0;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;position:relative;display: block;}
.n_news .fl02 ul li a h5,.n_news .fl02 ul li a h5 a{font-size: 1.1875rem;height: 1.5rem;line-height: 1.5rem;color: #202020;position:relative;margin-bottom: 0.75rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: bold;}
.n_news .fl02 ul li a p{font-size: 13px;color: #959595;line-height: 18px;height: 18px;margin:0.75rem 0 1.5rem;position:relative;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}

.n_news .fl02 ul li a h6{font-size: 12px;color: #868686;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1rem;position:relative;}
.n_news .fl02 ul li a h6 .icon {vertical-align:middle;overflow: hidden;height: 1rem;width: 1rem;fill: #999;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;margin: -2px 0.25rem 0 0;}

.n_news .fl02 ul li a h4{font-size: 13px;color: #666666;line-height:20px;}
.n_news .fl02 ul li a h4 span{margin-left: 8px;}

.n_news .fl01 ul li .box:hover .con h5{ color:#0869ac}
  
.n_news .fl01 ul li .box .img:hover .red-bg { opacity: 1; visibility: visible; }
.n_news .fl01 ul li .box .img:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
.n_news .fl01 ul li .box .img:hover img{ transform:scale(1.05);}

.n_news .fl02 ul li a:hover h5,.n_news .fl02 ul li a:hover h4,.n_news .fl02 ul li a:hover h4 span{ }

.n_news .fl02 ul li:hover:before{ left:0; width:100%}

.j_page { margin:0px auto 0px auto;}

.j_pages .box{display:inherit;width:100%;text-align: center; font-size:0}
.j_pages a{padding: 0 12px;height: 34px;line-height: 30px;display:inline-block;border: 2px solid #d6d6d6;margin: 0 6px;color: #3a3a3a;font-size: 12px;transition:0.36s;font-family: "Microsoft YaHei";}
.j_pages .on{background: #0057a5;color:#fff !important;border: 2px solid #0057a5;}
.j_pages a font{  font-size: 14px; font-family: "SimSun"; color: rgb( 68, 68, 68 );}
.j_pages span{}
.j_pages a:hover{background: #0057a5;color:#fff !important;text-decoration:none;border: 2px solid #0057a5;}
.j_pages a:hover font{ color:#4f4f4f;}
.j_pages a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */-o-transition: all 1s; /* Opera */} 

.n_news_detail{ padding: 1.375rem 0 3.25rem;}
.n_news_detail .n_left{ width:784px;}
.n_news_detail .n_left .title_box{ border-left:#0057a5 4px solid; padding-left:15px; margin-bottom:2.5rem; }
.n_news_detail .n_left .title_box h4{ font-size:1.375rem; line-height:1.625rem; color:#424242; font-weight:bold; font-family:Arial; margin-bottom:0.5rem}
.n_news_detail .n_left .title_box h6{ font-size:13px; color:#616060}
.n_news_detail .n_left .fenxiang_box{text-align:right;padding:1.625rem 0 0;border-top:#dedede 1px solid;font-size: 14px;color: #3b3b3b;line-height: 30px; margin-top:3rem}
.n_news_detail .n_left .fenxiang_box ul{font-size:0;display:inline-block;vertical-align: top;}
.n_news_detail .n_left .fenxiang_box ul li{display:inline-block;width:30px;height:30px;line-height:28px;text-align:center;border:#e1e1ea 1px solid;border-radius: 5px;margin-left: 8px;}

.n_news_detail .n_right{ width:346px;}
.n_news_detail .n_right form{position:relative;margin-top: 0;}
.n_news_detail .n_right form .input{width:100%;height: 45px;background: #f7f7f7;}
.n_news_detail .n_right form .input input{width:100%;height:100%;vertical-align:top;border:none;background:none;font-size: 14px;padding: 0 58px 0 15px;color: #686868;line-height: 40px;}
.n_news_detail .n_right form .input input::-webkit-input-placeholder{ color:#a9a9a9;}
.n_news_detail .n_right form .input input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#a9a9a9; }
.n_news_detail .n_right form .input input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#a9a9a9;}
.n_news_detail .n_right form .input input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#a9a9a9;}
.n_news_detail .n_right form #bnt_close{position:absolute;right: 0;top: 0;bottom: 0;width: 50px;height: 45px;border:none;text-align:center;-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;cursor:pointer;background: none;background: #0057a5 url(../image/sousuo.png) center no-repeat;}
.n_news_detail .n_right .tuijian{ background:#f7f7f7; padding:2.5rem 1.875rem 1.5rem; margin-top:1.25rem}
.n_news_detail .n_right .tuijian h3{ font-size:1.375rem; line-height:1.625rem; color:#424242; font-weight:bold; font-family:Arial; margin-bottom:2.5rem}
.n_news_detail .n_right .tuijian ul li{ margin-bottom:2rem}
.n_news_detail .n_right .tuijian ul li h5{font-size: 1.125rem;max-height: 3rem;line-height: 1.5rem;color: #202020;position:relative;margin-bottom: 0.75rem;overflow: hidden;text-overflow:ellipsis;font-weight: bold;}
.n_news_detail .n_right .tuijian ul li h6{font-size: 13px;color: #616060;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1rem;position:relative;}
.n_news_detail .n_right .tuijian ul li h6 img{ margin:-3px 0.5rem 0 0}

.n_news_detail .n_right .tuijian ul li a:hover h5{ color:#0057a5}

.n_header_box .nav>ul>li:before{ background:#0057a5}
.n_header_box .header .nav>ul>li:hover:before, .n_header_box .header .nav>ul>li.on:before{ height:95px}
.n_header_box .header .nav>ul>li.on>a, .n_header_box .header .nav>ul>li:hover>a{ color:#fff}

.n_zizhi{ padding:2rem 0 5.75rem; background:#f7f7f7 url(http://localhost:7039/%E5%A4%87%E4%BB%BD/static/image/n_zizhi_bg.jpg) center bottom no-repeat}
.n_zizhi .fl01 h3{ font-size:2.375rem; color:#000000; margin-bottom:3.125rem}
.n_zizhi ul.ul01{font-size: 0;margin: 0 -1.875rem;margin-bottom: 2rem;}
.n_zizhi ul.ul01 li{box-sizing:border-box;display:inline-block;padding: 0 1.875rem;text-align:  center;width:33.333333%;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin-bottom:2.5rem;}
.n_zizhi ul.ul01 li a{display:block;background:#fff;padding: 1rem 2rem;cursor: pointer; transition:0.6s}
.n_zizhi ul.ul01 li .pic_box{width: 100%;height: 330px;overflow:hidden;border-bottom: #e0dfe3 1px solid;background: #fff;text-align: center;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.n_zizhi ul.ul01 li .pic_box .box{display:table-cell;vertical-align:middle;text-align: -webkit-center;}
.n_zizhi ul.ul01 li img{max-width: 100%;max-height: 260px;display: inline-block;}
.n_zizhi ul.ul01 li h5{font-size:1.125rem;color: #000000;line-height: 4rem;height: 4rem;text-align:left;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;margin-top: 0;transition:0.36s;}
.n_zizhi ul.ul01 li h5 svg{float:right;fill:#5e5e5e;width: 1.25rem;height: 1.25rem;vertical-align: middle;display: inline-block;margin: 1.25rem 0;}
.n_zizhi ul.ul01 li h5 font{ display:inline-block; width:calc(100% - 2rem); overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}

.n_zizhi ul.ul01 li a:hover{box-shadow: 0 0 25px rgba(0,0,0,0.25);}
.n_zizhi ul.ul01 li a:hover .pic_box{ border-bottom:#0057a5 1px solid}

.n_contact .fl01 h3{ font-size:2.375rem; color:#000000; margin-bottom:3.125rem}
.n_contact .fl01 .content{ font-size:0; margin:0 -40px;}
.n_contact .fl01 .content .box{ display:inline-block; width:33.333333%; padding:0 40px; margin-bottom:4.375rem; vertical-align:top}
.n_contact .fl01 .content .box dl dt{ display:block; height:34px; border-bottom:#e5e5e5 1px solid; margin-bottom:1rem}
.n_contact .fl01 .content .box dl dt font{ display:inline-block; height:34px; min-width:70px; border-bottom:#0057a5 3px solid; font-size:1.25rem; color:#000000; font-family:Arial}
.n_contact .fl01 .content .box dl dd{ display:block; font-size:15px; color:#555555; line-height:2rem; padding-left:32px}

#container01{ height:375px; border:#e3e3e3 1px solid}

.n_contact .fl02{ margin-bottom:4rem}

.n_contact .fl03{ background:#f7f7f7; padding:4rem 0 4rem}
.n_contact .fl03 .title h4{font-size:1.75rem;color:#3f3f3f;margin-bottom: 1.875rem;}
.n_contact .fl03 .title p{ font-size:1rem; color:#4f4f4f; line-height:1.625rem; margin-bottom:3rem}
.n_contact .fl03 .content{margin: 0px -12px;font-size:0;}
.n_contact .fl03 .content .box{display:inline-block;width: 33.333333%;padding: 0 12px;font-size:14px;}
.n_contact .fl03 .content .box .box_li{ margin-bottom:20px;}
.n_contact .fl03 .content .box .box_li h4{font-size: 14px;color: #4f4f4f; margin-bottom:8px}
.n_contact .fl03 .content .box .box_li .input{ position:relative}
.n_contact .fl03 .content .box .box_li .input input{height: 50px;line-height: 48px;background: none;padding:0 15px;width:100%;border: #d9d9d9 1px solid;color:#333;border-radius: 4px;}
.n_contact .fl03 .content .box .box_li .textarea textarea{height:115px;line-height: 48px;background: none;padding:0 15px;width:100%;border: #d9d9d9 1px solid;color:#333;border-radius: 4px;}
.n_contact .fl03 .content .box .box_li .input button{height:50px;line-height:50px;background:#0057a5; border-radius:5px;padding:0 15px;width:175px;border:none;color:#fff;font-size:14px;cursor: pointer;transition: 0.6s;}
.n_contact .fl03 .content .box .box_li .textarea textarea::-webkit-input-placeholder{ color:#8b8b8b}
.n_contact .fl03 .content .box .box_li .textarea textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#8b8b8b;}
.n_contact .fl03 .content .box .box_li .textarea textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#8b8b8b}
.n_contact .fl03 .content .box .box_li .textarea textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#8b8b8b}
.n_contact .fl03 .content .box .box_li .input button:hover{ background:#3e4342}


.xuanfu{ position:fixed; top:0; right:0; bottom:0; left:0; z-index:10000000; background:rgba(0,0,0,0.5); pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(1.1);display:  none;}
.xuanfu.on{ display: block; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto;transform:scale(1);}
.xuanfu .content{background: #fff;width: 620px;height: 330px;border-radius:5px;display: inline-block;overflow:hidden;-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-name: anim-close-2;animation-name: anim-close-2;}
.xuanfu.on .content{display: inline-block;-webkit-animation-name: anim-open-2;animation-name: anim-open-2;transform:scale(1);}
.xuanfu .content h3{ font-size:2rem; color:#444; margin-top:1.25rem}
.xuanfu .content h4{ font-size:1rem; color:#888; line-height:1.875rem; margin:1.5rem 0 3rem}
.xuanfu .content span{ display:inline-block; width:95px; height:40px; line-height:40px; background:#0057a5; border-radius:4px; font-size:14px; color:#fff; transition:0.6s; text-transform:capitalize; cursor:pointer}

.n_contact01 .fl03{ background:#fefefe url(http://localhost:7039/%E5%A4%87%E4%BB%BD/static/image/n_contact01_bg.jpg) center bottom no-repeat; padding:2rem 0 6.25rem}
.n_contact01 .fl03 .left{ width:670px}
.n_contact01 .fl03 .left .title h4{ font-size:2.75rem; margin-bottom:3rem}
.n_contact01 .fl03 .right{ padding:5rem 0 0}
.n_contact01 .fl03 .content .box{ width:50%}
.n_contact01 .fl03 .content .box .box_li{ margin-bottom:15px}

.n_product{ padding:5rem 0 4rem}
.n_product .fl01 h3{ font-size:2.375rem; color:#000000; margin-bottom:3.125rem}
.n_product .fl01 ul{ margin-bottom:3rem}
.n_product .fl01 ul li{ position:relative}
.n_product .fl01 ul li:before{ content:""; position:absolute; bottom:0; left:0; width:100%; background:#d7d7d7; height:1px;}
.n_product .fl01 ul li:after{ content:""; position:absolute; bottom:0; left:0; width:0; background:#0057a5; height:1px; transition:0.6s}
.n_product .fl01 ul li a{ display:block; padding:30px 0}
.n_product .fl01 ul li a .img, .n_product .fl01 ul li a .img img{width: 205px;height:205px;overflow:hidden;object-fit: cover;}
.n_product .fl01 ul li h5{font-size: 1.25rem;line-height: 1.5rem;color: #202020;position:relative;margin-bottom: 1rem;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;font-weight: bold;}
.n_product .fl01 ul li p{ font-size:14px; line-height:26px; color:#5f5f5f; overflow:hidden}
.n_product .fl01 ul li .con span{display:inline-block;width:105px;height:30px;background:#b7b7b7;border-radius:15px;font-size:13px;color:#fff;text-align: center;line-height: 30px;margin-top: 2.5rem; transition:0.6s}
.n_product .fl01 ul li .con {width: 946px;float: right;}

.n_product .fl01 ul li:hover:after{ width:100%}
.n_product .fl01 ul li .con span:hover{ background:#0057a5}

.n_product_detail .fl01{ background:#f7f7f7; padding:0 0 3.125rem}
.n_product_detail .fl01 .left{width: 372px;}
.n_product_detail .fl01 .left ul li, .n_product_detail .fl01 .left ul li img, .n_product_detail .fl01 .left ul li video{display:block;width: 372px;height:372px;overflow:hidden;object-fit: cover;}
.n_product_detail .fl01 .left ul .miso-prev, .n_product_detail .fl01 .left ul .miso-next{ width:40px; height:40px;}
.n_product_detail .fl01 .left ul .miso-prev{ background:url(../image/left02.png) center no-repeat; left:20px;}
.n_product_detail .fl01 .left ul .miso-next{ background:url(../image/right02.png) center no-repeat; right:20px;}

.n_product_detail .fl01 .right{width: 770px;}
.n_product_detail .fl01 .right h3{font-size:1.8125rem;color:#000000;font-weight:bold;line-height: 40px;padding-bottom: 16px;border-bottom:#dedede 1px solid;margin-bottom: 28px;}
.n_product_detail .fl01 .right dl dt{ font-size:1.125rem; color:#3f3f3f; text-transform:uppercase; font-family:Arial; margin-bottom:1rem}
.n_product_detail .fl01 .right dl p{font-size:14px;color:#5f5f5f;line-height: 26px;}
.n_product_detail .fl01 .right span a{display:inline-block;width:130px;height:35px;background:#0057a5;border-radius:18px;font-size:13px;color:#fff;text-align: center;line-height: 35px;margin-top: 24px;transition:0.6s;margin-bottom: 24px;}
.n_product_detail .fl01 .right .pdf{ font-size:14px; color:#393939}
.n_product_detail .fl01 .right .pdf a{ font-size:14px; color:#393939; text-decoration:underline; transition:0.6s}
.n_product_detail .fl01 .right .pdf img{ margin:-3px 0.5rem 0 0}

.n_product_detail .fl01 .right span a:hover{ background:#3e4342}
.n_product_detail .fl01 .right .pdf a:hover{ color:#3e4342}

.n_product_detail .fl01 .right ul{font-size:0;margin-top: 40px;}
.n_product_detail .fl01 .right ul font{ font-size:14px; color:#505050; line-height:25px; display:inline-block}
.n_product_detail .fl01 .right ul li{ display:inline-block; margin-left:14px;}
.n_product_detail .fl01 .right ul li a{ display:inline-block; width:25px; height:25px; background:#7c7b7a; border-radius:50%; line-height:25px; text-align:center; transition:0.6s}

.n_product_detail .fl01 .right p a:hover{ color:#0057a5}
.n_product_detail .fl01 .right ul li a:hover{ background:#3e4342}

.n_product_detail .fl02 .box{ padding:50px 0 30px; border-bottom:#dbdbdb 1px solid}
.n_product_detail .fl02 .box .title{ font-size:1.25rem; color:#3f3f3f; font-family:Arial; margin-bottom:30px}
.n_product_detail .fl02 .box .title span{ display:inline-block; width:60px; height:60px; line-height:60px; text-align:center; background:#0057a5; border-radius:50%; margin-right:1.25rem}
.n_product_detail .fl02 .ar_article p{margin-bottom: 15px;}
.n_product_detail .fl02 .ar_article table{ margin-bottom:60px}
.n_product_detail .fl02 .ar_article table th{background: #e2e2e2;color: #303030;font-size: 15px;font-weight:normal;padding: 15px 5px;text-align: center;font-family: Arial;}
.n_product_detail .fl02 .ar_article table td{font-size:14px;color:#797979;padding: 15px 25px;background: #f8f8f8;}
.n_product_detail .fl02 .ar_article table td a{}

.n_product_detail .fl02 .ar_article{ margin-bottom:0}
.n_product_detail .fl02 .ar_article table{margin-bottom:30px;width: 86%;margin: 0 auto;}
.n_product_detail .fl02 .ar_article table td{border: #ffffff solid 1px;font-size: 15px;color: #565656;line-height:30px;background: #efefef;text-align: center;padding: 7px 6px !important;}
.n_product_detail .fl02 .ar_article table td:nth-child(1){width: 45%;}

.n_Manufacturing .fl01{ background:url(http://localhost:7039/%E5%A4%87%E4%BB%BD/static/image/n_Manufacturing_fl01.jpg) center bottom no-repeat; height:960px; padding:80px 0 0}
.n_Manufacturing .fl01 h3{ font-size:2.375rem; color:#000000; margin-bottom:3.125rem; text-align:center}
.n_Manufacturing .fl01 .content{ text-align:center}
.n_Manufacturing .fl01 .content .box{ display:inline-block; position:relative}
.n_Manufacturing .fl01 .content .box .con{ position:absolute; text-align:left}
.n_Manufacturing .fl01 .content .box .con h4{ font-size:18px; color:#000000; line-height:1.75rem; font-family:Arial; margin-bottom:0.5rem}
.n_Manufacturing .fl01 .content .box .con p{ font-size:13px; line-height:22px; color:#5b5b5b}
.n_Manufacturing .fl01 .content .box .con01{ top:56px; left:-146px}
.n_Manufacturing .fl01 .content .box .con02{ top:240px; left:-155px}
.n_Manufacturing .fl01 .content .box .con03{ top:400px; left:-84px}
.n_Manufacturing .fl01 .content .box .con04{ top:536px; left:12px}
.n_Manufacturing .fl01 .content .box .con05{ top:654px; left:175px}
.n_Manufacturing .fl01 .content .box .con06{ top:654px; left:355px}
.n_Manufacturing .fl01 .content .box .con07{ top:536px; left:575px}
.n_Manufacturing .fl01 .content .box .con08{ top:350px; left:665px}
.n_Manufacturing .fl01 .content .box .con09{ top:210px; left:650px}
.n_Manufacturing .fl01 .content .box .con10{ top:88px; left:576px}

.n_Manufacturing .fl02{ padding:5.625rem 0; background:#f7f7f7}
.n_Manufacturing .fl02 h3{ font-size:2.375rem; color:#000000; margin-bottom:3.125rem; text-align:center}
.n_Manufacturing .fl02 ul{ margin:0 -10px}
.n_Manufacturing .fl02 ul li{ display:inline-block; width:50%; padding:0 10px;}
.n_Manufacturing .fl02 ul li a{ display:block; overflow:hidden; position:relative}
.n_Manufacturing .fl02 ul li a .img, .n_Manufacturing .fl02 ul li a .img img{width:590px;height:345px;overflow:hidden;object-fit: cover;}
.n_Manufacturing .fl02 ul li a h5{position:absolute;bottom:0;height:90px;left:0;width:100%;line-height: 110px;font-size:1.125rem;color:#fff;text-align:center;padding:0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.8));}
.n_Manufacturing .fl02 ul .miso-prev, .n_Manufacturing .fl02 ul .miso-next{ width:50px; height:50px;}
.n_Manufacturing .fl02 ul .miso-prev{ background:url(../image/left03.png) center no-repeat; left:-94px;}
.n_Manufacturing .fl02 ul .miso-next{ background:url(../image/right03.png) center no-repeat; right:-94px;}

.n_Events h3{ font-size:2.375rem; color:#000000; margin-bottom:3.125rem;}
.n_Events .fl01{ background:#fefefe url(http://localhost:7039/%E5%A4%87%E4%BB%BD/static/image/n_contact01_bg.jpg) center bottom no-repeat; padding:3.25rem 0 5rem}
.n_Events .fl01 .content{ background:url(../image/licheng_line.png) center 88px no-repeat; width:1312px; margin:0 -56px;}
.n_Events .fl01 .content ul{ margin:0 -40px}
.n_Events .fl01 .content ul li{ display:inline-block; width:33.333333%; padding:0 40px;}
.n_Events .fl01 .content ul li a{ display:block;}
.n_Events .fl01 .content ul li .img, .n_Events .fl01 .content ul li .img img{ width:170px; height:170px; border-radius:50%; position:relative}
.n_Events .fl01 .content ul li .img:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#ebebeb 1px solid; border-radius:50%;}
.n_Events .fl01 .content ul li .con{ padding-left:40px; margin-top:35px}
.n_Events .fl01 .content ul li .con h4{ font-size:1.875rem; color:#474747; margin-bottom:22px}
.n_Events .fl01 .content ul li .con p{ font-size:15px; line-height:26px; color:#474747}
.n_Events .fl01 .content ul .miso-prev, .n_Events .fl01 .content ul .miso-next{width:33px;height:33px;top: -64px;}
.n_Events .fl01 .content ul .miso-prev{background:url(../image/left04.png) center no-repeat;left:auto;right: 84px;}
.n_Events .fl01 .content ul .miso-next{background:url(../image/right04.png) center no-repeat;right: 40px;}

.tc_case .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;z-index: 99999999;top: 0;}

.tc_case .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(1.1);display:  none;}
.tc_case .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto;transform:scale(1);}
.tc_case .close:hover{ transform:rotate(180deg);}
.tc_case .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 
.tc_case .tc-box1{position: relative;overflow: hidden;top: 0;z-index:9999;width: 100%;min-height: 300px;left: 0;-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-name: anim-close-2;animation-name: anim-close-2;padding: 6rem 0;}
.tc_case .tc.act{display: block;}
.tc_case .tc.act .tc-box1{display: block;-webkit-animation-name: anim-open-2;animation-name: anim-open-2;transform:scale(1);}
.tc_case .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc_case .tc-bg {height: 100%;background: rgba(0,0,0,.9);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}

.tc_case h5{text-align: right;margin-bottom:1.25rem;line-height: 40px;position: absolute;width: 100%;left: 0;padding: 1rem 2rem;top: 0;z-index: 10000;}
.tc_case h5 a{ font-size:16px; color:#fff}
.tc_case h5 a img{transition:1s ease;cursor: pointer;}
.tc_case h5 a img:hover{transform: rotate(90deg);}

.tc_case .left{width: 100%;}
.tc_case .left .tc_hd{ margin-bottom:15px;}
.tc_case .left .tc_hd .miso-list{ height:auto !important}
.tc_case .left .tc_hd li img,.tc_case .left .tc_hd li video{max-width: 100%;max-height: 80vh;display: inline-block;}
.tc_case .left .tc_bd{ margin:0 -3px;}
.tc_case .left .tc_bd li{ padding:0 3px}
.tc_case .left .tc_hd li a{ display:block; overflow:hidden}
.tc_case .left .tc_bd li img{ width:100%; height:72px; object-fit:cover; transition:0.6s ease}
.tc_case .left .tc_bd li.miso-current img{ border:2px solid #6b7f86}
.tc_case .left .tc_hd .miso-prev, .tc_case .left .tc_hd .miso-next{width:33px;height:33px;}
.tc_case .left .tc_hd .miso-prev{background:url(../image/left04.png) center no-repeat;left: 2rem;}
.tc_case .left .tc_hd .miso-next{background:url(../image/right04.png) center no-repeat;right: 2rem;}



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


/*aos="zoom-in" aos-duration="1200"*/