@import url("https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900");
:root {
  --color-main: #f0730e;
  --color-body: #ffffff;
  --color-subtitle:#f1f1f1;
  --color-link: #BCC3D7;
  --color-white: #ffffff;
  --color-black: #000000;
}
@keyframes sfdh {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
    25% {
        transform: scale(1.01);
        -webkit-transform: scale(1.01);
        -moz-transform: scale(1.01);
        -ms-transform: scale(1.01);
        -o-transform: scale(1.01);
    }
    50% {
        transform: scale(1.04);
        -webkit-transform: scale(1.04);
        -moz-transform: scale(1.04);
        -ms-transform: scale(1.04);
        -o-transform: scale(1.04);
    }
    75% {
        transform: scale(1.01);
        -webkit-transform: scale(1.01);
        -moz-transform: scale(1.01);
        -ms-transform: scale(1.01);
        -o-transform: scale(1.01);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
}


/* CSS Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, button{margin: 0;padding: 0;border: 0;}
html{-webkit-text-size-adjust:none; }
body{font-size:12px;overflow-x:hidden;margin:0; padding:0;}
table{border-collapse:collapse; border-spacing:0;}
ol, ul, li{ list-style:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
a{text-decoration:none;color:#1a1a1a;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
a:hover{text-decoration:none;color:#000;} 
a:focus{outline:0px dotted;}
a:focus, input:focus{ -moz-outline-style: none; } 
/*a *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} */
* {font-family:"Noto Sans SC",Microsoft YaHei,'PingFang SC', Arial, Helvetica, sans-serif; }
input,select,textarea {-webkit-appearance: none;border-radius: 0;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none; font-size:14px;}
input::-webkit-input-placeholder {color:#999;}
input::-moz-input-placeholder {color: #999;}
input::-ms-input-placeholder {color: #999;}
.fl,.left{ float:left;}
.fr,.right{ float:right;}
.clear { clear:both;}
.alltransition {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
body sup {display: inline-block!important;vertical-align: top;}
.blackbg {background: #000;}
.alpha0{filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;}
.no-touch { height:100%;}
.no-touch body{ overflow:hidden;height:100%;}
.pcshow { display:block;}
.mbshow { display:none !important;}
.relative {position: relative;}
.h100 {overflow:hidden;height:100%;}
.h100 body{ overflow:hidden;height:100%;}

.coverbox{position:relative;display:block;overflow:hidden}
.coverbox .coverimg{width:100%;height:100%;position:absolute;left:0;top:0;background-repeat:no-repeat;background-size:contain;background-position:center;z-index:1;transition:transform .6s ease 0s}
.coverbox .coverimg.cover{background-size:cover}
.coverbox ._bg{width:100%;visibility:hidden;display:block}
@media (min-width:993px){.coverbox:hover .cover-tip{opacity:1}
.coverbox:hover .coverimg{transform:scale(1.05,1.05)}
.coverbox:hover .icon-bofang1{font-size:.6rem}
}


.cover-box{position:relative;display:block;overflow:hidden}
.cover-box .coverimg{width:100%;height:100%;position:absolute;left:0;top:0;background-repeat:no-repeat;background-size:contain;background-position:center;z-index:1;transition:transform .6s ease 0s}
.cover-box ._bg{width:100%;visibility:hidden;display:block}
@media (min-width:993px){.cover-box:hover .cover-tip{opacity:1}
.cover-box:hover .coverimg{transform:scale(1.05,1.05)}
}

.ellipsis{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow:ellipsis;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;}
.ellipsis4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow:ellipsis;}
.ellipsis5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow:ellipsis;}
.ellipsis6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow:ellipsis;}
.ellipsis8{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;text-overflow:ellipsis;}

.cover-tip{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;transition:all .4s ease 0s;z-index:3}
.cover-tip .bgbox{display:block;width:100%;height:100%;background-color:#000;opacity:.6}
.cover-tip .stit{font-size:16px;line-height:30px;width:100%;text-align:center;position:absolute;left:0;top:50%;margin-top:-15px;color:#fff}
.cover-tip .stit{font-size:16px;line-height:30px;width:100%;text-align:center;position:absolute;left:0;top:50%;margin-top:-15px;color:#fff}
.cover-tip .line{display:inline-block;width:100px;height:1px;background-color:#f2f2f2;position:absolute;left:50%;margin-left:-50px;transition:all .6s ease 0s}
.cover-tip .linet{top:0}
.cover-tip .lineb{bottom:0}
.cover-tip:hover .line{width:6px;margin-left:-3px;opacity:.6}


.bannerny .page{position:absolute;z-index:15;color:#fff;left:50%;margin-left:-50px;width:100px;bottom:1.6rem;font-size:14px;text-align:center;line-height:40px;letter-spacing:1px;cursor:pointer}
.bannerny .page p{position:relative}
.bannerny .page p span{border:2px solid #fff;display:inline-block;width:20px;height:36px;border-radius:10px}
.bannerny .page p::before{content:"";width:2px;height:6px;border-radius:1px;position:absolute;left:50%;transform:translateX(-50%);top:8px;background:#fff;animation:move 1.8s infinite}
@media (max-width:639px){
.bannerny .page{bottom:1.2rem}
}

@font-face {
  font-family: medium;
  src: url('../fonts/DIN Medium.ttf'), url('../fonts/DIN Medium.eot');
  /* IE9 */
}

/* header */
header {position: fixed;left: 0;top: 0;width: 100%;height: auto;background:#fff;z-index: 99;border-bottom: 1px solid rgba(0,0,0,0);-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
header .ozark-header .content {width: 90%;margin: auto;position: relative;height: 100%;}
header .ozark-header {height:100px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
header .ozark-header .left{width: 20%;top:25%;left:0;position: absolute;}
header .ozark-header .ozark-logo {display: block;width: 200px;height:53px;background-size: 100%; background-size: contain; }
header .ozark-header .right{width:72%}
header .ozark-header .right {position: absolute;top:38%;right:0;}
header .ozark-header .right .ozark-nav {float: left;}
header .ozark-header .right .ozark-nav ul li{float:left;position: relative;}
header .ozark-header .right .ozark-nav i{font-size:12px;width:15px;/*transition: ease .5s;*/}
/*header .ozark-header .right .ozark-nav * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}*/
header .ozark-header .right .ozark-nav .nav1{color: #1a1a1a;font-size: 16px;margin-right:30px;position: relative;overflow: hidden;text-transform: uppercase;}
header .ozark-header .right .ozark-nav .nav1:first-child {padding: 0 10px;}
header .ozark-header .right .ozark-nav .nav1::after {content: '';width:0px;height: 2px;background:var(--color-main);position: absolute;left: 25%;bottom: -20px; border-radius: 2px;}
header .ozark-header .right .ozark-nav .down::after{left: 16%;}
header .ozark-header .right .ozark-nav .nav1.cur {font-weight: bold;color: #000;}
header .ozark-header .right .ozark-nav .nav1.cur::after {width: 100%;}
header .ozark-header .right .ozark-nav .active::after,header .ozark-header .right .ozark-nav .nav1:hover::after {width:50%;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
header .ozark-header .right .ozark-nav .nav1.before::after {left: auto; right: 0;}



header .ozark-header .right .other {float: right;}
header .ozark-header .right .other div{float:left;margin-left:20px;}
header .ozark-header .right .other a{display: block;font-size:16px;color:#000;}
header .ozark-header .right .other .search,header .ozark-header .right .location,header .ozark-header .right .language * {float: left;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
header .ozark-header .right .language i {display: block; overflow: hidden; font-size:16px;line-height: 28px;color: #fff;}
header .ozark-header .right .language ul { display: block;height: 28px;overflow: hidden;margin-left: 5%;}
header .ozark-header .right .language a {font-size: 14px; color: #fff; line-height: 28px;margin-left:10px;}
header .ozark-header .right .language a:hover{color:var(--color-main);}
header .ozark-header .right .language .en {width: 0px;margin-left: 0;}
header .ozark-header .right .language-show .en{width:auto;margin-left:10px;}

header .ozark-header .right .search::after {right:0;}
header.header-fixed2 .right .ozark-nav ul li:hover .z_nav_down{opacity: 1; transform: translateY(0);visibility: visible;background: #fff;}
header.header-fixed2 .ozark-header .right .ozark-nav a{color: #1a1a1a;}

 

header.header-fixed {}
header.header-fixed .ozark-header {height:100px;}

header.header-fixed .ozark-header .right .ozark-nav .nav1{color: #1a1a1a;}
header.header-fixed .ozark-header .right .other .nav1 {color: #1a1a1a;} 
header.header-fixed .searchshow {padding:5px 0;}
header.header-fixed .ozark-header .right .language a,header.header-fixed .ozark-header .right .language i{color: #1a1a1a;}
header.header-fixed2 .ozark-header .ozark-logo {background-size:contain;}
 
.z_nav_down{position: absolute;left: -20px;top: 62px;width:100%;text-align: center;opacity: 0; overflow: hidden;visibility: hidden;    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(15px);transition: ease 1s;}
.z_nav_down .item{display: block;text-align: center;width: 100%;overflow: hidden;}
/*.z_nav_down .item:last-child{padding-bottom:5px;}*/
.z_nav_down .t3{font-size: 14px;color:#fff;line-height:42px;}
.z_nav_down a{ display: block;}
.z_nav_down .item:hover,.z_nav_down .item:hover a{color:#fff !important;background:var(--color-main);}

.z_header.on .z_header_nav .z_nav_down .item{border-radius:0px;}
/*.z_header_nav li:nth-child(3) .z_nav_down .t3{ background: url(../img/sj1.png) no-repeat left center; padding-left: 12px;}*/
.z_nav_down .box{ margin-bottom: 1vw;} 
header#header .right .ozark-nav ul li:hover .z_nav_down{ opacity: 1; transform: translateY(0); visibility: visible; } 
header#header .right .ozark-nav ul li:hover .fa-chevron-down{writing-mode: vertical-rl;transform: rotate(180deg);}
header.header-fixed .right .ozark-nav ul li:hover .z_nav_down{background: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}

header#header {border-bottom: 1px solid rgba(255,255,255,0.1);background:none;}
header.header-fixed .ozark-header .ozark-logo {background-size:contain;}
header#header .right .ozark-nav a{color: #fff;}
header#header .ozark-header .right .other a{color:#fff;}
header#header .ozark-header .right .ozark-nav a.cur {color: #fff;}
header#header .ozark-header .right .ozark-nav a::after {background:var(--color-main);}
header#header .ozark-header .right .language a {color: #fff;}

header#header .ozark-header .right .search::before,#header .ozark-header .right .search::after {background: #fff;}
header#header .ozark-header .right .other a {color: #fff;} 
header#header .ozark-header .right .other a:hover{color:var(--color-main);}

header#header.header-fixed {background:#fff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}
header#header.c-head-move {top: -101px; box-shadow: 0 0 0 rgba(0, 0, 0, 0);}
header#header.header-fixed .ozark-header .right .ozark-nav a{color: #1a1a1a;}
header#header.header-fixed .ozark-header .right .language a {color: #1a1a1a;}
header#header.header-fixed .ozark-header .right .other a:hover{color:var(--color-main);}
header#header.header-fixed .ozark-header .right .other a {color: #1a1a1a;}
header#header.header-fixed .ozark-header .right .language i {color: #1a1a1a;}
header#header.header-fixed .ozark-header .right .search::before,#header .ozark-header .right .search::after {background: #1a1a1a;}
header#header.header-fixed  .z_nav_down{top:63px;}
@media (max-width:1368px){
header .ozark-header .right .ozark-nav .nav1{margin-right:10px;}
}

@media (max-width:1120px){
header .ozark-header .right .ozark-nav .nav1{margin-right:0px;}
}

.search-show header .ozark-header .right .ozark-nav,.search-show header .ozark-header .right .language{display: none;}
.search-show .searchshow {top:10px;}
.search-show header .ozark-header {background: #fff;}

.search-show header#header .ozark-header .right .language i {background: url("../images/yy-h.svg") no-repeat;background-size:100%;}
.search-show header#header .ozark-header .right .language a ,.search-show header#header .ozark-header .right .other a{color: #1a1a1a;}
.search-show header#header .ozark-header .right .search {width: 0px;margin: 0 20px;padding: 0 0px;}
.search-show header#header .ozark-header .right .search a {display: none;}


.searchshow {width: 65%;position: absolute;left:17%;top:-100px;z-index: 3;overflow: hidden;}
.searchshow {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.searchshow form {display: block;overflow: hidden;position: relative;width:60%;margin: auto;}
.searchshow .searchclose {left: 0;width: 25px;height: 25px;line-height: 25px;font-size: 20px;color: #000;}
.searchshow .searchinput {background: none;border-bottom: 2px solid #ededed;height: 60px;line-height: 60px;font-size: 16px;width: 90%;padding:0 5%;outline: none;text-align: center;}
.searchshow .searchinput:focus {border-bottom: 2px solid #000;}
.searchsubmit {right: 0; width: 20px;height: 20px;background:url("../images/ss-h.svg") center no-repeat;background-size: 100%;outline: none;}
.searchshow .searchclose,.searchshow .searchsubmit {position: absolute;top: 20px;z-index: 3;cursor: pointer;}
.searchshow .searchclose:hover,.searchshow .searchsubmit:hover {opacity: 0.8;}




/* footer */
/*footer { overflow: hidden; position: relative;background: #141414;}*/
/*footer .ozark-footer {padding: 5% 0 4% 0; overflow: hidden;}*/
/*footer .ozark-footer .leftnav{width:60%;float: left;}*/
/*footer .ozark-footer .leftnav ul{float: left;width:14%;} */
/*footer .ozark-footer .leftnav ul h4{font-size: 16px;color: #fff;} */
/*footer .ozark-footer .leftnav ul li{padding-top:30px; overflow: hidden;} */
/*footer .ozark-footer .leftnav ul li a{display: block;font-size: 14px;line-height: 30px;color: #606060;} */
/*footer .ozark-footer .leftnav ul li a:hover {color: #fff;}*/
/*footer .ozark-footer .right{width:40%;float: right;text-align: right;}*/
/*footer .ozark-footer .right ul {display: block;float: right;clear: both;overflow: hidden;padding: 20px 0;font-size: 12px;color: #414141;text-transform: uppercase;}*/
/*footer .ozark-footer .right ul a.flogo{display: block;width: 150px;height: 90px;background: url("../images/logo_white.png") no-repeat;background-size: 100%;}*/
/*footer .ozark-footer .right ul h4 {color: #606060;font-size: 14px;letter-spacing: 2px;}*/
/*footer .ozark-footer .right ul h3 {color: #606060;font-size: 18px;}*/
/*footer .ozark-footer .right ul li {text-align: right;}*/
/*footer .ozark-footer .right ul li a{display: inline-block;width:36px;height: 36px;background-color: #202020;border-radius: 100%;margin-left: 10px;font-size: 20px;line-height: 36px;text-align: center;}*/
/*footer .ozark-footer .right ul a {color: #414141;}*/
/*footer .ozark-footer .right ul a:hover {color: #fff;} */
/*footer .ozark-footer .right ul:last-child {padding:0px 0;}*/



footer{background: url("../images/foot_bg.jpg") #000 center top no-repeat;background-size: 100%;color:#999;clear: both;overflow: hidden;}
footer a{color:#999}
footer a:hover{color:#fff}
footer .top{font-size:14px;padding:.5rem 0 .3rem;border-bottom: 1px solid rgba(0, 0, 0, 0.14);}
footer .ft-contact .info{margin-bottom:20px; display:block;}
footer .ft-contact .logo{width:120px;margin-bottom:38px;display:block}
footer .ft-contact .info .code{width:100%;margin-top:20px;font-size: 12px;}
footer .ft-contact .info .code ul li{float:left;text-align:center;margin-right:10px;}
footer .ft-contact .info .code img{width:88px}

footer .ft_icons{padding-top:20px;display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;position:absolute;right:0;top:60px;}
footer .ft_icons .icon{color:#999;margin-right:20px;width:26px;height:26px;display:block;cursor:pointer;background-position:center;background-repeat:no-repeat}
footer .ft_icons .icon:last-child{margin-right:0!important}
footer .ft_icons .icon-tb{background-image:url(../images/shop/ic_tb.png)}
footer .ft_icons .icon-tm{background-image:url(../images/shop/ic_tm.png)}
footer .ft_icons .icon-sn{background-image:url(../images/shop/ic_sl.png)}
footer .ft_icons .icon-jd{background-image:url(../images/shop/ic_jd.png);width:45px}
footer .ft_icons .icon:hover.icon-tb{background-image:url(../images/shop/ic_tb_on.png)}
footer .ft_icons .icon:hover.icon-tm{background-image:url(../images/shop/ic_tm_on.png)}
footer .ft_icons .icon:hover.icon-sn{background-image:url(../images/shop/ic_sl_on.png)}
footer .ft_icons .icon:hover.icon-jd{background-image:url(../images/shop/ic_jd_on.png)}

@media (min-width:1200px){footer .top{padding: 64px 0px;}
}
@media (min-width:1200px){footer .ft-contact{width: 30%;padding-right: 4%;border-right: 1px solid rgba(0, 0, 0, 0.14);float:left;}
}

footer .copyright{padding-top:5px}
footer .copyright a{display:inline-block!important}
footer .bottom{padding:28px 0;line-height:28px;color:#999;font-size:12px;}
footer .ft-contact .info .txt{color:#999;line-height:25px;}
footer .ft-contact .info .txt .site{color:#999;}
footer .ft-contact .info .txt i{font-size:12px;padding-right:5px}
footer .ft-contact .info .txt a{display:block;color:#999}
footer .ft-contact .info .txt .tel{display:block;margin:5px 0}
@media (max-width:640px){
footer .ft-contact .info .code{display: block;margin: 3% auto;overflow: hidden;}

footer .ft-contact .info .txt{font-size:14px}
}
@media (min-width:1200px){footer .bottom{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;-webkit-box-pack:justify;box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
footer .bottom a,footer .bottom span{display:inline-block;margin:0 5px}
}
@media (max-width:480px){footer .bottom{font-size:12px;line-height:1.8}
}
@media (min-width:1200px){.ft-navs{float:right;width:52%;padding-left: 1%;margin-top: 120px;}
}
@media (max-width:1200px){.ft-navs{margin-bottom:.5rem}
}
@media (min-width:992px){.ft-navs ul{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-box-pack:justify;box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
}
@media (max-width:992px){.ft-navs .navitem{min-width:auto;margin-right:.6rem}
.about .us .cont{padding-top: 0% !important;}
footer .ft_icons{top:36px;bottom:auto;}
}
.ft-navs .navitem h4{font-size:16px;position:relative;margin-bottom:10px;color:#fff}
.ft-navs .navitem h4 a{color:#fff;}
.ft-navs .navitem i{font-size: 12px;float:right;transition:.3s;display:none;margin-right:10px;line-height: 46px;}
.ft-navs .navitem .info{font-size:14px;line-height:40px}
.ft-navs .navitem .info a{display:block}
@media (max-width:991px){.ft-navs{margin-bottom:.5rem;display: none;}
.ft-navs .navitem{float:none;width:100%}
.ft-navs .navitem i{display:block}
.ft-navs .navitem h4{position:relative;border-bottom:1px solid rgba(255,255,255,.14);height:46px;line-height:46px;margin:0}
.ft-navs .navitem .info{display:none;font-size:15px;padding:10px 30px;line-height:2}
.ft-navs .navitem.active h4{font-weight:700}
.ft-navs .navitem.active i{transform:rotate(135deg)}
}
@media (max-width:768px){.ft-navs .navitem h4{font-size:16px}.ft-navs .navitem h4 a{color:#fff;}
}
.vhd{margin-bottom:.5rem}
.vhd .en{font-size:.6rem;text-transform:uppercase;font-family:medium}
.vhd h2{font-size:.36rem}
@media (max-width:480px){.vhd .en{font-size:24px}
.vhd h2{font-size:20px}
}





.aniblack .mlogo {;background-image: url(../images/mlogo2.svg);}
.aniblack .cd-nav-trigger span{background:#000;}
.h100.aniblack.no-touch .mlogo {;background-image: url(../images/mlogo1.svg);}
.h100.aniblack.no-touch .cd-nav-trigger span{background:#fff;}
.htfixed .mheader{background: #1a1a1a;}
.mheader2{background:#fff;}
.mheader2 .z_menu_btn span{background: #000;}

/* mobile nav */
.nav_mobile{display: none;position: relative;}
.mheader {height:70px;position:fixed;left: 0;top: 0;z-index: 93;width: 100%;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.mheader ul {height:70px;position: relative;padding:0 3%;}
.mlogo {display: block; width:100%;height:42px;overflow: hidden;background-repeat: no-repeat; left:15px;top:15px; position: absolute;z-index: 94;}
.mlanguage {display: block; width:100px;overflow: hidden;right:4%;top:18px; position: absolute;z-index: 94;color: #fff;padding-left: 20px;background: url("../images/yy.svg") left center no-repeat;background-size:12%;}
.mlogo.indexmlogo { background-size:contain;}
.no-touch .mlogo{background-size:contain;}

.mheader.mhfixed {background: #fff;}

.mheader.mhfixed .cd-nav-trigger.indexmnav span{ background:#000;}
.no-touch .mheader.mhfixed .cd-nav-trigger.indexmnav span{ background:#fff;}


.cd-nav-trigger{position: absolute;z-index:898;top:5px;right:2%;height:55px;width: 55px;overflow: hidden;text-indent: 100%;white-space: nowrap;-webkit-transition: -webkit-transform 0.2s;-moz-transition: -moz-transform 0.2s;transition: transform 0.2s;}
.cd-nav-trigger span{background:#000;position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width:25px; height: 2px;}
.cd-nav-trigger span::before, .cd-nav-trigger span:after{content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: inherit; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.2s, width 0.2s; -moz-transition: -moz-transform 0.2s, width 0.2s; transition: transform 0.2s, width 0.2s;}
.cd-nav-trigger span::before{-webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top; -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px);}
.cd-nav-trigger span::after{-webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateY(6px); -moz-transform: translateY(6px); -ms-transform: translateY(6px); -o-transform: translateY(6px); transform: translateY(6px);}

.no-touch .cd-nav-trigger{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}



.z_menu_btn{display: flex;align-items: center;overflow: hidden;justify-content: center;cursor: pointer;position: relative;height:50px;width: 60px;z-index: 3;float: right;top: 12px;}
.z_menu_btn span{ display: block; transition: ease .6s; width: 30px; height:2px; background: #fff;}
.z_menu_btn .line2{ margin-top:8px;width: 18px;}
.z_menu_btn .line3{ width: 18px;}
.no-touch .z_menu_btn .line1{ transform:translateY(5px) rotate(45deg);}
.no-touch .z_menu_btn .line2{ transform:translateY(-5px) rotate(-45deg);width: 30px;}
.mheader.mhfixed .z_menu_btn span{background:#000;}
.no-touch .mheader.mhfixed .z_menu_btn span{background: #fff;}
.z_menu_btn:hover .line2{ width: 30px;}

.cd-nav-container{background-color:#1a1a1a;position: fixed; z-index:91; top:0px; right: 0; width: 100%; height: 100%;overflow-y: auto; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s; -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s; transition: transform 0.4s 0s, box-shadow 0s 0.4s;}
.cd-nav-container.is-visible{-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);-webkit-overflow-scrolling: touch;}

.cd-close-nav{position: absolute; height: 44px; width: 44px; right:6%; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; text-indent: 100%; white-space: nowrap; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s;}
.cd-close-nav::after, .cd-close-nav::before{content: ''; position: absolute; height:1px; width: 32px; left: 50%; top: 50%; background-color: #666; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.cd-close-nav::after{-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg);}
.cd-close-nav::before{-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg);}

.no-touch .cd-close-nav:hover{opacity: .8;}
.cd-nav{ }
.cd-nav li{width:90%;margin: auto; overflow:hidden;position: relative;border-bottom:#313131 1px solid;}
.cd-nav a{position: relative;display: inline-block;text-align: left; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;font-size:16px; color:#fff;padding:5% 0; margin:0px auto;text-transform:uppercase;}
.cd-nav a:hover{color:#fff;}
.cd-nav .navtitle{display: block;position: relative;}
.cd-nav .navtitle i{position: absolute;top: 50%;transform: translateY(-50%);z-index: 5;right: 6%;font-size: 15px;color: #999;font-weight: bold;transition: .3s;line-height: 30px;text-align: right;}
.cd-nav .open .navtitle i{writing-mode: vertical-rl;transform: rotate(180deg);}
.cd-nav .cd_nav_down{display:none;}
.cd-nav .cd_nav_down .item .t3{padding:2%;width: 80%;border-bottom: none;margin:0% 3%;}
.mchildren {display:none; width:100%; margin:0px auto;}
.mchildren a{border-bottom:none;position: relative; display: block;width:100%;text-align: center;font-size:14px; color:#666;padding:0.8em 0;}
.mchildren a:hover{background:none; color:#00a2ff;}

.cd-overlay{position: fixed; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s; -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s; transition: opacity 0.4s 0s, visibility 0s 0.4s; z-index:19;}
.cd-overlay.is-visible{opacity: 1; visibility: visible; -webkit-transition: opacity 0.4s 0s, visibility 0s 0s; -moz-transition: opacity 0.4s 0s, visibility 0s 0s; transition: opacity 0.4s 0s, visibility 0s 0s;}

.bmob { display:block; float: none; margin:auto; text-align:center; clear:both; position:relative;overflow: hidden;}
.bmob a{ display: inline-block; float: none; margin:0 10px;text-align:center; font-size:24px;color: #666;}
.bmob form{ position:relative; display:block; width:100%; margin:10% auto auto;}
.bmob .searchinput{border:#484848 1px solid;border-radius:35px;line-height:35px; padding:1% 5%; outline:none;width:80%; margin:auto; font-size:14px; background:#1a1a1a; color:#999;}
.bmob .getsearch{ width:18px; height:18px;background:url("../images/ss.svg") left no-repeat;opacity: 0.4; position:absolute; right:12%;top:15px; z-index:1; cursor:pointer; outline:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.bmob .getsearch:hover {opacity:0.5;}
.bmob .getsearch::before {width: 30px;height: 30px;font-size:18px;color: #666;}
.bmob .getsearch.onfss {right:5%;margin-right: 0px;}
.waplanguage{padding-top:15%; text-align:center;clear:both; color:#fff; display:block;}
.waplanguage a{color:#fff;margin-left:5px;}


.cd-nav-trigger.indexmnav span{background:#fff;}
.no-touch  .mheader.mhfixed {background:none;}

/*# 鍐呴〉banner */
.bggray{background:#f2f2f3}
.bannerny{position:relative;height: 100vh;}
.bannerny .bg{background-repeat:no-repeat;background-size:cover;background-position:center;position:absolute;left:0;top:0;width:100%;height:100%}
.bannerny .bg #videobg{width:100%;}
.bannerny .content{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:5;white-space:nowrap;text-align:center;color:#fff}
.bannerny h2{font-size:48px;margin-bottom:10px;letter-spacing:2px}
.bannerny .desc{font-size:18px}
@media (max-width:640px){
.bannerny h2{font-size:30px}
.bannerny .desc{font-size:16px}
}
.bannerny .content3{display:none;width: 100%;margin: 0;background:rgba(0, 0, 0, 0.5);color:#fff;height:100%;position: relative;}
.bannerny .content2{color:#fff;display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-box-pack:center;box-pack:center;height:100%}
.bannerny .content2 .en{text-transform:uppercase;font-size: 60px;text-align: center;}
.bannerny .content2 h2{font-size:36px;font-weight: normal;text-align: center;}
.bannerny .content3 p{font-size:14px;text-align:center;color: #fff;}
.bannerny .content2 .nyheadtxtt,.bannerny .content3 .nyheadtxtt{text-align:center;}
.bannerny .content3 .nyheadtxtt{position: absolute;bottom: 10%;color:#fff;text-align: center;margin: 0 auto;display: block;width: 100%;}
.bannerny .content2 .nyheadtxtt img,.bannerny .content3 .nyheadtxtt img{width: 110px; margin:0 auto;cursor: pointer; transition: all .4s;-webkit-transition: all .4s; -moz-transition: all .4s;-ms-transition: all .4s; -o-transition: all .4s; animation: sfdh .5s linear infinite; -webkit-animation: sfdh 1s linear infinite;}



@media (max-width:768px){.bannerny .content2 .en{font-size:40px}
.bannerny .content2 h2{font-size:30px}
.bannerny .content3{display:none!important;opacity:0!important;}
.bannerny .bg #videobg{display:none;}
}
@media (max-width:640px){.bannerny .content2 .en{font-size:30px;margin-top: 40px;}
.bannerny .content2 h2{font-size:24px}
}
@media (max-width:480px){.bannerny h2{font-size:24px;margin-bottom:6px}
.bannerny .desc{font-size:14px}
}
 


.bannerny2{position:relative;height:55vh;}
.bannerny2 .bg{background-repeat:no-repeat;background-size:cover;background-position:center;position:absolute;left:0;top:0;width:100%;height:100%}
.bannerny2 .content{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:5;white-space:nowrap;text-align:center;color:#fff}
.bannerny2 h2{font-size:48px;margin-bottom:10px;letter-spacing:2px}
.bannerny2 .desc{font-size:18px}
@media (max-width:640px){
.bannerny2 h2{font-size:30px}
.bannerny2 .desc{font-size:16px}
}
.bannerny2 .content2{color:#fff;display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-box-pack:center;box-pack:center;height:100%}
.bannerny2 .content2 .en{text-transform:uppercase;font-size: 60px;text-align: center;margin-top: 100px;}
.bannerny2 .content2 h2{font-size:36px;font-weight: normal;text-align: center;}
.bannerny2 .content2 .nyheadtxtt{text-align:center;}
.bannerny2 .content2 .nyheadtxtt img {width: 110px; margin:0 auto;cursor: pointer; transition: all .4s;-webkit-transition: all .4s; -moz-transition: all .4s;-ms-transition: all .4s; -o-transition: all .4s; animation: sfdh .5s linear infinite; -webkit-animation: sfdh 1s linear infinite;}


.bannerny .content2 .store{display: block;overflow: hidden;position: relative;width: 30%;margin: auto;margin-top:80px;}
.bannerny .content2 .store input{line-height: 50px;font-size: 14px;width: 59.5%;padding:0 5%;margin-right:.5%;outline: none;text-align: left;background: #fff;color: #000;}
.bannerny .content2 .store button{text-align:center;padding:0 5%;line-height:50px;float: right;background: #fff;font-size: 14px;width: 30%;}



@media (max-width:768px){.bannerny2 .content2 .en{font-size:40px}
.bannerny2 .content2 h2{font-size:30px}
}
@media (max-width:640px){.bannerny2 .content2 .en{font-size:30px;margin-top: 40px;}
.bannerny2 .content2 h2{font-size:24px}
}
@media (max-width:480px){.bannerny2 h2{font-size:24px;margin-bottom:6px}
.bannerny2 .desc{font-size:14px}
}

/* 寮圭獥 */
.black_overlay {display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: #000;z-index: 1001;-moz-opacity: 0.8;opacity: .80;filter: alpha(opacity=80);}
.video-content {display: none;position: fixed;box-sizing: border-box;padding:0px;top:7.2%;left: 50%;width:1200px;margin-left: -600px;background:#131313;z-index: 1002;overflow: hidden;}
.video-content .main {position: relative;}
.video-content .main video {display: block;width: 100%;height: auto;}
.video-content .text {font-size: 14px;color: #ccc;line-height: 26px;padding:20px 20px 20px 150px;overflow: hidden;position: relative;}
.video-content .text h2 {display: block;padding-bottom: 5px;font-size: 18px;color: #fff;position: absolute;left: 40px;top: 22px;z-index:1;}
.video-content .close {display:block;width:40px;height: 40px;background:#fff url("../images/del-h.svg") center no-repeat;background-size:60%;cursor: pointer;position: absolute;right: 0px;top: 0px;z-index: 99;}
.video-content .close:hover {background:#000 url("../images/del-b.svg") center no-repeat;background-size:60%;}




.iplay { border:#FFF 2px solid;border-radius:100px; width:75px; height:75px; cursor: pointer; overflow:hidden; position:relative; margin:auto;}
.iplay i{display:block;width:0;height:0;border-width:8px 0px 8px 12px;border-style:solid;border-color:transparent transparent transparent #fff;position:absolute;top:50%;left:50%; margin-left:-4px; margin-top:-8px;}
.iplay:hover {background: #fff;}
.iplay:hover i { border-color:transparent transparent transparent #000;}


.videoshow {display: none;background: #000;position: fixed;width: 100%;height:100%;z-index: 999;left: 0;top: 0;}
.videoshow .close {width: 40px;height: 40px;position: absolute;right: 2%;top: 5%;z-index: 104;cursor: pointer;}
.videoshow .close::before {font-family: "font_family";content: "\e611";color: #fff;font-size: 30px;}
.videoshow .close:hover {opacity: 0.5;}
.videoshow video {width:100%;height:100%;}

 
 

.pagenum { padding:2% 0 5% 0; overflow:hidden; clear:both;text-align:center}
.pagenum a,.pagenum .page-num{ display:inline-block;vertical-align: top;height:35px;padding:5px 15px; line-height:35px;text-align:center;color:#fff; overflow:hidden; margin:0 2px;font-size: 14px;background:#000;}
.pagenum a.cur,.pagenum a:hover,.pagenum a.on { background:#1a1a1a; color:#FFF;}
.pagenum a.return {width: 100px;font-size: 14px;float: left;}
.pagenum .page-num-current{background:var(--color-main);}
.pagenum a:first-child,.pagenum a:last-child {font-size: 14px;font-weight: bold;}
@media (max-width:992px){
   .pagenum a{margin-bottom:10px;padding:5px 15px;line-height: 35px;} 
}

.rolling-top {position: fixed;right:2%;bottom:10%;width: 10px;height: 80px;z-index: 999;display:none;cursor: pointer;}
.rolling-top h6 {font-size: 12px;color: #666;width: 10px;position:absolute;left: 0px;bottom:-20px;font-weight: normal;}
.rolling-top p{display: block;position:absolute;right: 0;bottom: 28%;width: 10px;text-align: center;}
.rolling-top i{color: #c1c1c1;animation: rolling-top 2000ms infinite ease-out;-webkit-animation: rolling-top 2000ms infinite ease-out;}
@keyframes rolling-top{
	0%{height:35px;top:10%;opacity: 0;} 
	100%{height:60px;top:60%;opacity: 1;}
}
.rolling-top:hover h6,.rolling-top:hover i{color: var(--color-main);}

/* 婊氬姩鍐呭鏍峰紡 */
.scroll_main{width:100%;display: block;}
.scroll_wrap {width:100%;height: 610px;position: relative;}
.scroll_cont{height: 100%;overflow: hidden; padding-right:5%;}
.scroll_bar{position: absolute;top:0;right:0;width:4px;height: 100%;background-color: #ededed;}
.scroll_slider{position: absolute;top:0px;right:0px;width:4px;height:100px;background-color:#1a1a1a; overflow:hidden;opacity:1.5; cursor:pointer;z-index: 9;}
.scroll_slider:hover{background-color:#fa8d3e;}



.bigPicLayer{display:none;width:100%;height:78vh;position:fixed;z-index:111;top:40%;}
.bigPicLayer .box{position:relative;z-index:20}
.bigPicLayer .close{display:block;right: 5.5%;top:-20px;position:absolute;z-index:222;opacity:1;}
.bigPicLayer .close i{font-size: 22px;color:#fff;}
.bigPicLayer .close:hover i{color:var(--color-main);}
.bigPicLayer .imgDiv{text-align:center}
.bigPicLayer .imgDiv span{display:block;text-align:center;font-size:18px;margin-top:16px;color:#fff;font-weight:700;position:absolute;left:0;top:100%;width:100%}
.video-mask{position:fixed;top:0;left:0;width:100%;height:100%;z-index:15;background-color:rgba(0,0,0,.6)}