/* 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: 'Conv_Montserrat-Light',Arial,"微软雅黑","黑体",'宋体';font-style: normal;}
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{ float:left;}
.fr{ 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:cover;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}
.coverbox:hover .coverimg{transform:scale(1.05,1.05)}
.mt-20{margin-top:20px;}

@font-face {
  font-family: medium;
  src: url('../fonts/DIN Medium.ttf'), url('../fonts/DIN Medium.eot');
  /* IE9 */
}
@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}
50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}
to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
to{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}
to{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translate(-2000px)}
60%{opacity:1;-webkit-transform:translateX(30px);transform:translate(30px)}
80%{-webkit-transform:translateX(-10px);transform:translate(-10px)}
to{-webkit-transform:translateX(0);transform:translate(0)}
}
@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translate(-2000px)}
60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translate(30px)}
80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translate(-10px)}
to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translate(2000px)}
60%{opacity:1;-webkit-transform:translateX(-30px);transform:translate(-30px)}
80%{-webkit-transform:translateX(10px);transform:translate(10px)}
to{-webkit-transform:translateX(0);transform:translate(0)}
}
@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translate(2000px)}
60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translate(-30px)}
80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translate(10px)}
to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}
}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}
80%{-webkit-transform:translateY(10px);transform:translateY(10px)}
to{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}
60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}
to{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}
25%{-webkit-transform:scale(.95);transform:scale(.95)}
50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}
to{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
}
@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}
50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
to{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}
}
.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}
@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}
20%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}
to{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
}
@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
20%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
to{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}
}
.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}
@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translate(0)}
20%{opacity:1;-webkit-transform:translateX(30px);transform:translate(30px)}
to{opacity:0;-webkit-transform:translateX(-2000px);transform:translate(-2000px)}
}
@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}
20%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translate(30px)}
to{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translate(-2000px)}
}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}
@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translate(0)}
20%{opacity:1;-webkit-transform:translateX(-20px);transform:translate(-20px)}
to{opacity:0;-webkit-transform:translateX(2000px);transform:translate(2000px)}
}
@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}
20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translate(-20px)}
to{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translate(2000px)}
}
.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}
@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}
20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}
to{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
}
@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
to{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
}
.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}
@-webkit-keyframes fadeIn{0%{opacity:0}
to{opacity:1}
}
@keyframes fadeIn{0%{opacity:0}
to{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}
to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
to{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
to{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translate(-20px)}
to{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}
}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translate(-20px)}
to{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}


/* 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 .content {width: 90%;margin: auto;position: relative;height: 100%;}
header .ybt-header {height:80px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
header .ybt-header .ybt-logo {display: block;width:206px;height:60px;top:50%;left:0;margin-top: -30px; position: absolute; }
header .ybt-header .right {position: absolute;top:50%;right:0;margin-top: -11px;}
header .ybt-header .right .ybt-nav {float: right;}
header .ybt-header .right .ybt-nav ul li{float:left;position: relative;padding:0px 20px;}
header .ybt-header .right .ybt-nav i{font-size:12px;width:15px;/*transition: ease .5s;*/}
header .ybt-header .right .ybt-nav * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
header .ybt-header .right .ybt-nav a{color: #1a1a1a;font-size: 16px;font-weight:bold; position: relative;overflow: hidden;text-transform: uppercase;}
header .ybt-header .right .ybt-nav a:first-child {padding: 0 10px;}
header .ybt-header .right .ybt-nav a::after {content: '';width:0px;height: 2px;background: #1a1a1a;position: absolute;left: 0;bottom: -20px;}
header .ybt-header .right .ybt-nav a.cur {font-weight: bold;color: #000;}
header .ybt-header .right .ybt-nav a.cur::after {width: 100%;}
header .ybt-header .right .ybt-nav a:hover::after {width:100%;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
header .ybt-header .right .ybt-nav a.before::after {left: auto; right: 0;}

header .ybt-header .right .language {float: right;}
header .ybt-header .right .language * {float: left;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
header .ybt-header .right .language i {display: block;font-size:18px; overflow: hidden;color:#fff;}
header .ybt-header .right .language ul { display: block;height: 20px;overflow: hidden;}
header .ybt-header .right .language a {font-size: 14px; color: #1a1a1a; line-height: 22px;margin-left:10px;}
header .ybt-header .right .language a:hover {}
header .ybt-header .right .language .en {width: 0px;margin-left: 0;}
header .ybt-header .right .language-show .en{width:60px;margin-left:10px;}
header .ybt-header .right .search {float: right;line-height:30px;margin: 0 20px;padding:0 20px; position: relative;}
header .ybt-header .right .search a{display: block; }
header .ybt-header .right .search::after {content: '';opacity: .6;width: 1px;height:60%;background:#fff;position: absolute;top: 15%;}
header .ybt-header .right .search::before {left:0;}
header .ybt-header .right .search::after {right:0;}
header .ybt-header .right .shop {float: right;}
header .ybt-header .right .shop i{display: block;font-size:18px; overflow: hidden;line-height:25px;color:#fff;}
header .ybt-header .right .shop a{display: block; }
header .ybt-header .right .other {float: right;}
header .ybt-header .right .other a {font-size: 32px;line-height: 20px; color: #1a1a1a;} 
header .ybt-header .right .search:hover i,header .ybt-header .right .shop a:hover i{color:#76b900;}

header.header-fixed {animation: fadeInDown 1s ease-in-out 0s 1 normal none running;}
header.header-fixed .ybt-header {height:80px;box-shadow: 0 0 10px rgb(0 0 0 / 20%);}

header.header-fixed .ybt-header .right .ybt-nav a{font-size: 16px;color: #1a1a1a;}
header.header-fixed .ybt-header .right .ybt-nav a::after { height: 1px;bottom:-10px;background: #000;}
header.header-fixed .ybt-header .right .other a {font-size: 32px;line-height: 20px;color: #1a1a1a;} 
header.header-fixed .searchshow {padding:5px 0;}

header#header {border-bottom: 1px solid rgba(255,255,255,0.2);background:none;}
header#header .ybt-header .ybt-logo {background: url("../images/logo.png") center no-repeat;background-size: 100%;}
header#header .right .ybt-nav a{color: #fff;}
header#header .ybt-header .right .ybt-nav a.cur {color: #fff;}
header#header .ybt-header .right .ybt-nav a::after {background: #fff;}
header#header .ybt-header .right .language i{color: #fff;}
header#header .ybt-header .right .language a {color: #fff;}
header#header .ybt-header .right .search a i{color: #fff;font-size:16px;}
header#header .ybt-header .right .search::after {background:#fff;}
header#header .ybt-header .right .other a {color: #fff;} 
header#header .ybt-header .z_nav_down .t3,header#nyheader .ybt-header .z_nav_down .t3{font-size: 14px;color:#999;line-height:38px;}
header#header .ybt-header .right .shop a:hover i{color:#76b900;}
.z_nav_down{position: absolute;left: -10px;top: 52px;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 a{ display: block;}
.z_nav_down .item:hover,.z_nav_down .item:hover a{color:#fff !important;background:#76b900;}



header#header.header-fixed {background:#fff;}
header#header.header-fixed .ybt-header .ybt-logo {background: url("../images/logo-h.png") center no-repeat;background-size:100%;}
header#header.header-fixed .ybt-header .right .ybt-nav a,header#nyheader.header-fixed .ybt-header .right .ybt-nav a{color: #1a1a1a;}
header#header.header-fixed .ybt-header .right .ybt-nav a::after,header#nyheader.header-fixed .ybt-header .right .ybt-nav a::after { background:#76b900;}
header#header.header-fixed .ybt-header .right .other a {color: #1a1a1a;}
header#header.header-fixed .ybt-header .right .language i {background-size:100%;}
header#header.header-fixed .ybt-header .right .language a {color: #1a1a1a;}
header#header.header-fixed .ybt-header .right .search a i{color: #1a1a1a;}
header#header.header-fixed .ybt-header .right .shop a i{color: #1a1a1a;}
header#nyheader .ybt-header .right .shop a i,header#nyheader.header-fixed .ybt-header .right .shop a i{color: #1a1a1a;}
header#nyheader .ybt-header .right .search a i{color:#1a1a1a;font-size:16px;}
header#nyheader .ybt-header .right .search::after{background: #1a1a1a;}
header#header.header-fixed .ybt-header .right .search::after {background: #1a1a1a;}
header#header.header-fixed  .z_nav_down,header#nyheader.header-fixed  .z_nav_down{background:#fff;}

header#header .right .ybt-nav ul li:hover .z_nav_down,header#nyheader .right .ybt-nav ul li:hover .z_nav_down{ opacity: 1; transform: translateY(0); visibility: visible; } 
header#header .right .ybt-nav ul li:hover .fa-chevron-down,header#nyheader .right .ybt-nav ul li:hover .fa-chevron-down{writing-mode: vertical-rl;transform: rotate(180deg);}
header#header .header-fixed .right .ybt-nav ul li:hover .z_nav_down,header#nyheader .header-fixed .right .ybt-nav ul li:hover .z_nav_down{background: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}

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


.searchshow {width: 60%;position: absolute;left:20%;top:-100px;z-index: 3;height: 70px;padding:10px 0;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:55%;margin: auto;}
.searchshow .searchclose {left: 0;width: 25px;height: 25px;line-height: 25px; font-family: "font_family";font-size: 20px;color: #000;}

.searchshow .searchinput {background: none;border-bottom: 2px solid #ededed;height: 60px;line-height: 60px;font-size: 14px;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{background-color:#000;color:#999;clear: both;}
footer a{color:#999}
footer a:hover{color:#fff}
footer .top{font-size:16px;padding:.5rem 0 .3rem;border-bottom:1px solid rgba(255,255,255,.14)}
footer .ftewm{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-top:4%}
footer .ftewm li{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;color:#fff;margin-right:20px;float: left;}
footer .ftewm img{width:100px}
footer .ftewm span{margin-right:0;font-size:14px; line-height:28px;color:#999;}
@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(255,255,255,.14);float:left;}
}
footer .ft-contact .logo{width:180px;margin-bottom:20px;display:block}
@media (min-width:640px){footer .ft-contact .info .code{float:left}
}
footer .ft-contact .info .code{width:120px}
@media (max-width:640px){footer .ft-contact .info .code{display:block;margin:0 auto .5rem}
}
footer .ft-contact .info .txt{color:#999;line-height:25px;    font-size: 14px;}
footer .ft-contact .info .txt .site{color: #999;}
footer .ft-contact .info .txt i{font-size:14px;width:18px;padding-right:5px}
footer .ft-contact .info .txt a{display:block;color:#999}
footer .ft-contact .info .txt .tel{display:block;margin:10px 0}
@media (max-width:640px){footer .ft-contact .info .txt{font-size:14px}
}
footer .copyright{padding-top:5px}
footer .copyright a{display:inline-block!important}
footer .bottom{padding:28px 0;line-height:28px;color: #999;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-left:10px}
}
footer .bottom a,footer .bottom span{margin-right:10px}
@media (max-width:480px){footer .bottom{font-size:12px;line-height:1.8}
}
@media (min-width:1200px){.ft-navs{float:right;width:64%;padding-left: 1%;}
}
@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}
}
.ft-navs .navitem h4{font-size:18px;position:relative;margin-bottom:10px;color:#fff}
.ft-navs .navitem .icon-jia{float:right;transition:.3s;display:none;margin-right:10px}
.ft-navs .navitem .info{font-size:14px;line-height:40px}
.ft-navs .navitem .info a{display:block}
.ft-navs .navitem .info a:hover{color: #76b900;}
@media (max-width:991px){.ft-navs{margin-bottom:.5rem;display:none;}
.ft-navs .navitem{float:none;width:100%}
.ft-navs .navitem .icon-jia{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 .iconfont{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;}


/* mobile nav */
.nav_mobile{display: none;position: relative;}
.mheader {height:65px;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:65px;position: relative;padding:0 3%;}
.mlogo {display: block; width:60px;height:51px;overflow: hidden; background-image: url(../images/logo-h.png);background-repeat: no-repeat; left:15px;top:10px; 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-image: url(../images/logo.png);background-size: cover;}
.no-touch .mlogo{ background-image: url(../images/logo.png);background-size: cover;}

.mheader.mhfixed {background: #fff;}
.mheader.mhfixed .mlogo.indexmlogo{ background-image: url(../images/logo-h.png);}
.mheader.mhfixed .cd-nav-trigger.indexmnav span{ background:#000;}
.no-touch .mheader.mhfixed .mlogo.indexmlogo{ background-image: url(../images/logo.png);}
.no-touch .mheader.mhfixed .cd-nav-trigger.indexmnav span{ background:#fff;}


.cd-nav-trigger{position: absolute;z-index:898;top:12px;right:3%;height:40px;width: 40px;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:20px; 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);}
.no-touch .cd-nav-trigger span{background:#fff;}
.no-touch .cd-nav-trigger span::after,.no-touch .cd-nav-trigger span::before{width: 50%;background:#fff;}
.no-touch .cd-nav-trigger span::before{-webkit-transform: translateX(2px) translateY(1px) rotate(45deg);-moz-transform: translateX(2px) translateY(1px) rotate(45deg);-ms-transform: translateX(2px) translateY(1px) rotate(45deg);-o-transform: translateX(2px) translateY(1px) rotate(45deg);transform: translateX(2px) translateY(1px) rotate(45deg);}
.no-touch .cd-nav-trigger span::after{-webkit-transform: translateX(2px) translateY(-1px) rotate(-45deg);-moz-transform: translateX(2px) translateY(-1px) rotate(-45deg);-ms-transform: translateX(2px) translateY(-1px) rotate(-45deg);-o-transform: translateX(2px) translateY(-1px) rotate(-45deg);transform: translateX(2px) translateY(-1px) rotate(-45deg);}

.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-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%;}
.cd-nav .cd_nav_down .item .t3:hover{color:#76b900;}
.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:#76b900;}


.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;padding-top:15%; 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: #999;font-family: "Bai Jamjuree", serif;}
.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;}

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

/*# 内页banner */
.bggray{background:#f2f2f3}
.bannerny{position:relative;height:400px}
.bannerny._about{height:700px;max-height:calc('~(100vh - 80px)')}
.bannerny .bg{background-repeat:no-repeat;background-size:cover;background-position:center;position:absolute;left:0;top:0;width:100%;height: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{height:200px;}
.bannerny h2{font-size:30px}
.bannerny .desc{font-size:16px}
}
.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;margin-top: 100px;}
.bannerny .content2 h2{font-size:28px;font-weight: normal;text-align: center;font-family: "Bai Jamjuree", serif;    opacity: .4;}
@media (max-width:768px){.bannerny .content2 .en{font-size:40px}
.bannerny .content2 h2{font-size:30px}
}
@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}
}
 
/*关于我们*/
 .index_data{background-color:#fff;padding:64px 0;color:#000;}
@media (min-width:1200px){.index_data .container{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}
.index_data .container li:nth-child(1){width:30%}
.index_data .container li:nth-child(2n){width:30%;padding:0 5%}
}
@media (max-width:992px){.index_data .container li{padding:40px 0 60px}
}
@media (min-width:992px) and (max-width:1199px){.index_data .container{display:flex;flex-wrap:wrap}
.index_data .container li{width:50%;border-bottom:1px solid rgba(255,255,255,.5)}
}
.index_data .top{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;margin-bottom:10px}
.index_data i{background-repeat:no-repeat;background-position:center;width: 60px;height: 60px;background-size: 60px;box-sizing:content-box;display:block;margin-right:22px;padding:8px;border:1px dashed #000;border-radius:50%;transition:.6s;text-align: center;line-height: 60px;font-size: 26px;}

.index_data li:hover i{transform:rotate(360deg)}
.index_data .data{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;min-width:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}
.index_data .data .num{font-size:80px;font-family:medium;margin-right:14px;font-family: "Bai Jamjuree", serif;}
.index_data .unit{font-size:22px;min-width:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}
.index_data .unit em{font-size:30px;display:block;font-family:medium;margin-bottom:3px}
.index_data .desc{padding-left:126px;font-size:16px;line-height:1.5}
@media (max-width:768px){.index_data li+li{border-top:1px solid rgba(255,255,255,.5)}
.index_data .ic{width:100px;height:100px;background-size:80px}
.index_data .data .num{font-size:60px}
.index_data .data .unit{font-size:16px}
.index_data .data .unit em{font-size:22px}
.index_data .desc{padding-left:1.66rem}
.index_data .container li{ padding:20px 0px;}
}
@media (max-width:480px){.index_data .unit em{margin-bottom:0}
.index_data .ic{width:80px;height:80px}
.index_data .top{margin-bottom:5px}
.index_data .data .num{font-size:50px;margin-right:6px}
.index_data .desc{padding-left:1.5rem;font-size:15px}
}

.company-culture h2{font-size:48px;}
.company-culture{background:url(../images/wx_bg.jpg) no-repeat center center;background-size:cover;padding:90px 0 100px;text-align:center;color:#fff;overflow:hidden;}
.company-culture .row{margin-top:100px}
.company-culture .ic{background-repeat:no-repeat;background-size:contain;background-position:center;width:60px;height:60px;display:inline-block}
.company-culture li{width: 33.33333333%;float:left;}
/*.company-culture .ic.ic1{background-image:url(../images/wx_1.png)}*/
/*.company-culture .ic.ic2{background-image:url(../images/wx_2.png)}*/
/*.company-culture .ic.ic3{background-image:url(../images/wx_3.png)}*/
.company-culture h5{font-size:30px;padding:30px 0 10px}
.company-culture .desc{font-size:16px;line-height:1.76}
@media (max-width:768px){.company-culture h5{font-size:26px}
}
@media (max-width:640px){.company-culture{padding-bottom:20px}
.company-culture li{margin-bottom:80px;width: 100%;}
.company-culture h5{font-size:22px}
.company-culture .ic{width:50px;height:50px}
}
@media (max-width:480px){.company-culture .row{margin-top:50px}
.company-culture h5{font-size:20px;padding-top:16px}
.company-culture .desc{font-size:14px;line-height:1.5}
}


.xzly{position:relative;padding:15px 0 5%;background-color:#f8f8f8}
.mddw{position:absolute;top:-100px;left:0}
.xzly_tle{text-align:center}
.xzly_tleh{font-size:44px;font-weight:bold;}
.xzly_tlep{font-size:20px;color:#7e7e7e;text-transform:capitalize;font-family: "Bai Jamjuree", serif;}
.xzly_ct{margin-top:60px}
.xzly_slide{height:auto}
.xzly_slideitem{height:100%;padding:60px 70px;background-color:#fff;text-align:center;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;overflow:hidden}
.xzly_slideitemi i{font-size:50px;margin-bottom:20px;transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s}
.xzly_slideitem:hover i{animation:rotate 1s linear infinite;-webkit-animation:rotate 1s linear infinite;color:#76b900}
.xzly_slideitemh{font-size:28px;}
.xzly_slideitemx{width:55px;height:2px;background-color:#76b900;margin:25px auto}
.xzly_slideitemp{font-size:16px;color:#777;line-height:26px}


/* 弹窗 */
.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%;}


.white_content {display: none;position: fixed;box-sizing: border-box;top:0;left: 50%;width:500px;height: 100%; margin-left: -225px;z-index: 1002;overflow: hidden;}
.white_content .dtable{}
.white_content .dtable .dtable-cell {height: auto!important;}
.white_content h2 {display: block;overflow: hidden;padding:1% 0 3% 0;font-size: 24px;color: #000;text-align: center;border-bottom: 1px solid #ededed;}
.white_content form * {display: block;overflow: hidden;}
.white_content form {overflow:hidden;display: block;padding:5%;background-color: #fff;position: relative;}
.white_content form select {border: 1px solid #ededed;padding:10px 30px 10px 20px;width:49%;appearance: none;-moz-appearance: none;-webkit-appearance: none;}
.white_content form select {background: url("../images/sj.png") 90% center no-repeat;}
.white_content form select::-ms-expand { display: none; }
.white_content form select,.white_content form select option {font-size: 14px;color: #999;}
.white_content form .sl {float: left;}
.white_content form .cr {float: right;}
.white_content form select.sc {width:100%;background-position:95% center;}
.white_content form input { outline:none;}
.white_content li { padding:5px 0; overflow:hidden; font-size:12px; color:#666;text-transform: capitalize;position: relative;}
.white_content li h6 {font-size: 12px;color: #000;display: inline-block;padding-right: 10px;}
.white_content li span {font-size: 12px;display: inline-block;text-transform: capitalize;}
.white_content li .inputfile {border:#ededed 1px solid;width:-webkit-calc(90% - 2px); width:calc(90% - 2px);padding:10px 5%; display:block;font-size: 12px;color: #666;background: #f1f1f1;cursor: pointer;}
.uploadfile {position: absolute;right: 8px;top: 12px;z-index: 1;background: #76b900;color: #fff;line-height: 30px;padding:0 20px;cursor: pointer;}
.white_content .input { border:#ededed 1px solid;width:-webkit-calc(90% - 2px); width:calc(90% - 2px);padding:10px 5%; display:block;font-size: 14px;color: #666;}
.white_content .btn {padding:2% 0;overflow:hidden;}
.white_content .btn *{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.white_content .btn .submit {display:block;width:100%;float:left;padding:3% 0; font-size:14px; background:#000;border: none; color:#fff;cursor: pointer; text-align:center;}
.white_content .btn .submit:hover {background:#76b900;}
.white_content .btn .guanbi {display:block;width:29px;height:29px;position: absolute;right:2%;top:2%;z-index: 3;cursor: pointer; text-align:center;font-family: "font_family";}
.white_content .btn .guanbi::before{content: "\e611";font-size:29px;color: #999;}
.white_content .btn .guanbi:hover::before {color: #000;}
.white_content .btn .guanbi:hover{-webkit-transform:rotate(180deg);transform:rotate(180deg);}





.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:1% 0 5% 0; overflow:hidden; clear:both;text-align:center}
.pagenum a{ display:inline-block;vertical-align: top;height:35px;padding:0 15px; line-height:35px;text-align:center;color:#fff; overflow:hidden; margin:0 2px;font-size: 18px;background:#000;}
.pagenum a.cur,.pagenum a:hover,.pagenum a.on { background:#76b900; color:#FFF;}
.pagenum a.return {width: 100px;font-size: 14px;float: left;}
.pagenum a:first-child,.pagenum a:last-child {font-size: 14px;font-weight: bold;}


.rolling-top {position: fixed; right:2%;bottom:10%;width: 30px; height: 80px; z-index: 999; display:none;cursor: pointer;}
.rolling-top h6 {font-size: 12px;color: #666;width: 10px;position:absolute;right:-5px;bottom:-20px;font-weight: normal;}
.rolling-top span { position: relative;width:100%;height:100%; display: block;}
.rolling-top i{ display: block;height:10px; width: 1px;position:absolute;left:50%;top:10%; margin-left: -1px; background: #666;animation: rolling-top 2000ms infinite ease-out;-webkit-animation: rolling-top 2000ms infinite ease-out;}
@keyframes rolling-top{
	0%{height:100px;top:85%;opacity: 0;} 
	100%{height:30px;top:10%;opacity: 1;}
}
.rolling-top:hover h6{color: #76b900;}
.rolling-top:hover i{background: #76b900;}



/* 滚动内容样式 */
.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:#76b900;}