@charset "utf-8";
/* ====================重置样式========================= */
*{margin:0;padding:0;list-style:none;border-style:none;text-decoration:none;box-sizing: border-box;}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{color:#333;font:14px/1.5 'Microsoft Yahei','Helvetica Neue',tahoma,arial,sans-serif;overflow-x:hidden; -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; -moz-text-size-adjust: 100% !important; }

article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,
summary, time, mark, audio, video {display: block;margin: 0;padding: 0;}
mark { background: #ff0; }

h1,h2,h3,h4,h5,h6{font-weight:normal}

ul, ol {list-style-type: none;margin: 0;padding: 0;}
ul, ol ,li { list-style: none;}

a,a:active {color: inherit;text-decoration: none;cursor: pointer;border: 0;}
sup { vertical-align: text-top; } /* 重置, 减少对行高的影响 */
sub { vertical-align: text-bottom; }
span{line-height: normal;}

legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /*让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; border-radius: 0;font-family: 'Microsoft Yahei','Helvetica Neue',tahoma,arial,sans-serif;} 
button{border:0;background-color:none;outline:none;-webkit-appearance: none;}
select {border: none;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
textarea { resize:none; } /* 禁用了文本的拖拉，尤其在谷歌下 */
select, button, input,img {vertical-align: middle;}

input{border: none;appearance:none;-moz-appearance:none;outline:none;-webkit-appearance: none;}
input:focus ,textarea:focus{ outline:none; }
:-moz-placeholder {color:#666;font-size: 14px;}
::-moz-placeholder {color:#666;font-size: 14px;}
input:-ms-input-placeholder{color:#666;font-size: 14px;}
input::-webkit-input-placeholder{color:#666;font-size: 14px;}
img {border: 0; vertical-align: middle; max-width: 100%;}
i, em {   font-style: normal;}

.fl {float: left;}
.fr {float: right;}
.clearfix:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.clearfix{*zoom:1}

/* 引入字体 */
/*@font-face{font-family:'Samsung';src: url('../fonts/Samsung.otf');}*/

/* ====================公共样式========================= */
.body-maxwidth {max-width: 1920px;margin: 0 auto;}

/* 头部 */
.Header-wrapper{width: 100%;background: #fff;position: fixed;left: 0;top: 0;z-index: 997;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);}

.Header-logo{float: left;height: 100px;display: flex;align-items: center;position: relative;z-index: 999;}
.Header-logo img{height: 80px;max-width: none;position: absolute;transition: all .4s ease;}

.Header-lang {float: right;display: flex;align-items: center;height: 100px;position: relative;}
.Header-lang a {display: flex;align-items: center;}
.Header-lang span {font-size: 16px;font-weight: bold;margin-right: 10px;}
.Header-lang .icon img {width: 24px;height: 24px;}
.Header-lang-menu{display: flex;align-items: center;height: 88px;color: #444;transition: color .4s ease;}
.Header-lang-menu span{font-size: 17px;font-weight: 700;}
.Header-lang-menu i{font-size: 22px;margin-right: 8px;}

/* 多个语言 Header-lang-more添加class="hasIcon" 就会启用图标 */
.Header-lang-more{display: none;z-index: 9;width: 140px;box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);background: #fff;position: absolute;top:calc(100% - 4px);left: 50%;margin-left: -70px;border-top:4px solid #1470AB;border-radius:5px 5px 0 0;transition: top .4s ease;}
.Header-lang-more:before{content: "";display: block;width: 0px;height: 0px;border-style: solid;border-width: 0 8px 8px;border-color: transparent transparent #1470AB transparent;position: absolute;top: -8px;left: 50%;margin: 0 0 0 -8px;}
.Header-lang-more a{display: flex;font-size: 15px;color: #444;justify-content: center;padding: 10px 0;transition: all .4s ease;}
.Header-lang-more.hasIcon a{justify-content: flex-start;padding: 10px 0 10px 36px;}
.Header-lang-more.hasIcon a span{background-repeat: no-repeat;background-position: left center;padding-left: 38px;background-size: 32px auto;}
.Header-lang-more.hasIcon a.cn span{background-image: url('../images/common/nicon-cn.svg');}
.Header-lang-more.hasIcon a.tw span{background-image: url('../images/common/nicon-tw.svg');}
.Header-lang-more.hasIcon a.en span{background-image: url('../images/common/nicon-en.svg');}
.Header-lang-more.hasIcon a.en2 span{background-image: url('../images/common/nicon-mg.svg');}
.Header-lang-more.hasIcon a.de span{background-image: url('../images/common/nicon-de.svg');}
.Header-lang-more.hasIcon a.br span{background-image: url('../images/common/nicon-br.svg');}
.Header-lang-more.hasIcon a.es span{background-image: url('../images/common/nicon-es.svg');}
.Header-lang-more.hasIcon a.fr span{background-image: url('../images/common/nicon-fr.svg');}
.Header-lang-more.hasIcon a.jp span{background-image: url('../images/common/nicon-jp.svg');}
.Header-lang-more.hasIcon a.ru span{background-image: url('../images/common/nicon-ru.svg');}
.Header-lang-more.hasIcon a.ita span{background-image: url('../images/common/nicon-ita.svg');}
.Header-lang-more.hasIcon a.kr span{background-image: url('../images/common/nicon-kr.svg');}
.Header-lang-more a:hover{color: #fff;background: #1470AB;}
.Header-lang.active .Header-lang-more{display: block;animation: langInUp .4s ease-out;}


.Header-search{float: right;margin-right: 30px;}
.Header-search-click{min-width: 40px;height: 100px;line-height: 100px;font-size: 16px;cursor: pointer;padding-left:30px;background: url('../images/search.png') no-repeat left center;position: relative;z-index: 999;}
.Header-search-click.active{background: url('../images/closeH.png') no-repeat left center;}
.Header-search-item{display: none;position: absolute;width: 100%;height: 100px;line-height: 100px;top: 0;left: 0;z-index: 99;text-align: right;}
.Header-search-item .contain{padding: 0 80px 0 32px;}
.Header-search-item.active{display: block;}
.Header-search-item input, .Header-search-item button{display: inline-block;vertical-align: middle;}
.Header-search-item input{width: 0px;height: 40px;border-bottom: 1px solid rgba(0, 0, 0, 0.2);color: #444;font-size: 16px;background: transparent;transition: border .4s ease;}
.Header-search-item input::-webkit-input-placeholder{color: #ddd;}
.Header-search-item input:-moz-placeholder{color: #ddd;}
.Header-search-item input::-moz-placeholder{color: #ddd;}
.Header-search-item input:-ms-input-placeholder{color: #ddd;}
.Header-search-item.active input{animation: HeaderSearch 0.8s ease both;}
@keyframes HeaderSearch{0%{width: 40px;}100%{width: 520px;}}
.Header-search-item button{width: 50px;height: 40px;background: url('../images/search.png') no-repeat center;cursor: pointer;margin-right: 0;}


body.onSearch .Header-navbar{visibility: hidden;opacity: 0;}

.Header-navbar{float: right;margin-right: 40px;visibility: visible;opacity: 1;transition: visibility .2s ease, opacity .2s ease}
body.PC .Header-navbar{display: block !important;}
.Header-navbar li{float: left;margin: 0 25px;position: relative;z-index: 9}
.Header-menu{position: relative;z-index: 4;height: 100px;display: flex;align-items: center;font-size: 18px;color: #333;transition: color .4s ease;}
.Header-navbar li.active .Header-menu, .Header-navbar li:hover .Header-menu{color: #1470AB}
.Header-arrow{display: none;}
.Header-drop{display: none;width: 160px;position: absolute;background: #FFFFFF;left: 50%;font-size: 0;transform: translateX(-50%)}
/*.Header-navbar li:nth-child(1) .Header-drop{left: auto;right: 0;text-align: right;}
.Header-navbar li:nth-child(3) {position: static;}
.Header-navbar li:nth-child(3) .Header-drop{left: 0;right: 0;text-align: right;margin: 0px auto;width: 1500px;}*/
/*.Header-block{position: absolute;width: 100%;left: 0;background: #313131;height: 80px;top: 100px;display: none;}*/
.Header-drop a{display: block;color: #333333;font-size: 16px;padding: 12px 10px;text-align: center;transition: color .4s ease;position: relative;z-index: 2;}
.Header-drop a.active, .Header-drop a:hover{color: #1470AB;background-color: #f5f5f5;}
.Header-drop a:first-child{margin-left: 0;}
.Header-drop a:last-child{margin-right: 0;}

.Header-navclick{display: none;width: 24px;height: 60px;cursor: pointer;float: right;user-select: none;align-items: center;}
.Header-navclick span{width: 100%;height: 2px;background: #444;display: block;position: relative;transition: all .2s linear;}
.Header-navclick span:before,.Header-navclick span:after{content: "";position: absolute;height: 2px;background: #444;display: block;left: 0;width: 100%;transition: all .2s linear;}
.Header-navclick span:before{top: -7px;}
.Header-navclick span:after{top: 7px;}
.Header-navclick.active span{-moz-animation: buttonAnimation 0.3s ease forwards;-webkit-animation: buttonAnimation 0.3s ease forwards;animation: buttonAnimation 0.3s ease forwards;}
.Header-navclick.active span:before{-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards; }
.Header-navclick.active span:after{-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards;}


@-moz-keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0);}
    50% {-moz-transform: translateY(7px) rotate(0);transform: translateY(7px) rotate(0);}
    100% {-moz-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);}
}
@-webkit-keyframes buttonAnimationBefore {
    0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0);}
    50% {-webkit-transform: translateY(7px) rotate(0);transform: translateY(7px) rotate(0);}
    100% {-webkit-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);}
}
@keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0);}
    50% {-moz-transform: translateY(7px) rotate(0);-ms-transform: translateY(7px) rotate(0);-webkit-transform: translateY(7px) rotate(0);transform: translateY(7px) rotate(0);}
    100% {-moz-transform: translateY(7px) rotate(45deg);-ms-transform: translateY(7px) rotate(45deg);-webkit-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);}
}
@-moz-keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}
    50% {-moz-transform: translateY(-7px) rotate(0);transform: translateY(-7px) rotate(0);}
    100% {-moz-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}
}
@-webkit-keyframes buttonAnimationAfter {
    0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}
    50% {-webkit-transform: translateY(-7px) rotate(0);transform: translateY(-7px) rotate(0);}
    100% {-webkit-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}
}
@keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}
    50% {-moz-transform: translateY(-7px) rotate(0);-ms-transform: translateY(-7px) rotate(0);-webkit-transform: translateY(-7px) rotate(0);transform: translateY(-7px) rotate(0);}
    100% {-moz-transform: translateY(-7px) rotate(-45deg);-ms-transform: translateY(-7px) rotate(-45deg);-webkit-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}
}
@-moz-keyframes buttonAnimation {
    0% {background: transparent;}
    50% {background: rgba(255, 255, 255, 0);}
    100% {background: rgba(255, 255, 255, 0);}
}
@-webkit-keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0);}
    100% {background: rgba(255, 255, 255, 0);}
}
@keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0);}
    100% {background: rgba(255, 255, 255, 0);}
}

/* 底部 */
.Footer-wrapper{width: 100%;background: #FFFFFF;background-size: cover;position: relative;z-index: 99;}

.Footer-slogan .contain {padding: 50px 0px;border-bottom: 1px solid #eeeeee;}
.Footer-slogan p {font-size: 45px; font-weight: 700; color: #353535;}
.Footer-slogan span {color: #888; font-size: 18px; position: relative; z-index: 2; }

.Footer-container{width: 1500px;margin: 0 auto;}
.Footer-infonav{width: 100%;}
.Footer-infonav .contain {padding: 50px 0px;border-bottom: 1px solid #eeeeee;}
.Footer-navbar{width: 45%;float: right;position: relative;}
.Footer-navbar ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.Footer-navbar ul li{width: auto;padding-right: 10px;}
.Footer-navclick{width: 100%;position: relative;}
.Footer-navclick a{font-size: 18px;color: #333;display: block;width: 100%;line-height: 28px;font-weight: bold;}
.Footer-navclick i{width: 40px;height: 40px;display: none;position: absolute;z-index: 9;right: 0;top: 0;background: url('../images/iconArrW.svg') no-repeat center center /14px auto;}
.Footer-navclick i.ontrue{transform: rotate(180deg);}
.Footer-navwords{width: 100%;overflow: hidden;margin-top: 10px;display: flex;flex-direction: column;}
.Footer-navwords a{display: inline-block;padding: 5px 0;font-size: 15px;color: #888;transition: all .4s ease-in-out;}
.Footer-navwords a:hover{color: #333;}

.Footer-stock {width: 55%;float: left;}
.Footer-code .Footer-logo {float: left;height: 120px;line-height: 120px;}
.Footer-code .Footer-logo img {height: 100px;}
.Footer-code .Footer-img {float: left;margin-left: 60px;}
.Footer-code .Footer-img img {width: 120px;height: 120px;}
.Footer-contact p {font-size: 16px;}

.Footer-share{font-size: 0;}
.Footer-share a{display: inline-block;vertical-align: middle;position: relative;}
.Footer-share a:first-child{margin-left: 0;}
.Footer-share a{width: 34px;text-align: center;margin: 0 8px;}
.Footer-share a>img{width: 100%;}
.Footer-share-img{display: none;width: 152px;height: 152px;padding: 6px;position: absolute;top: 46px;left: 50%;margin-left: -76px;background: #eee;border-radius: 4px;}
.Footer-share-img::after{content: "";display: block;width: 0px;height: 0px;border: 8px solid transparent;border-bottom-color: #eee;position: absolute;top: -16px;left: 50%;margin-left: -8px;}
.Footer-share-img img{width: 100%;height: 100%;object-fit: cover;}
.Footer-share a:hover .Footer-share-img{display: block;animation: FooterCode .6s ease-in-out both;}
@keyframes FooterCode{0%{transform: translateY(14px);}100%{transform: translateY(0);}}
.Footer-stock .codeImg{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 20px;max-width: 220px;}
.Footer-stock .codeImg li{width: 48%;}
.Footer-stock .codeImg li img{width: 100%;object-fit: cover;}
.Footer-stock .Footer-share{margin-left: 0;margin-top: 24px;}



.Footer-copyright{width: 100%;padding: 24px 0;background: #FFFFFF;}
.Footer-copyright p, .Footer-copyright span{font-size: 14px;color: #9c9c9c;line-height: 24px;}
.Footer-copyright p{float: left;}
.Footer-copyright span{float: right;}

/* 中间+共用部分 */
.Container-wrapper{width: 100%;margin-top: 100px;}
.contain{width: 1500px;margin: 0 auto;}

.pubTitle{width: 100%;text-align: center;}
.pubTitle h6{font-size: 40px;color: #202020;}
.pubTitle p {color: #888;font-size: 16px;line-height: 28px;max-width: 100%;}


.sonMenu{width: 100%;}
.sonMenu-menu{float: left;position: relative;font-size: 0;}
.sonMenu-menu a, .sonMenu-menu::before{display: inline-block;vertical-align: top;height: 60px;line-height: 60px;font-size: 14px;color: #666666;transition: all .4s ease;}
.sonMenu-menu::before{content: "";padding-left: 32px;background: url('../images/sonic1.png') no-repeat left top 46%;}
.sonMenu-menu a::after{content: ">";font-family: "宋体","SimSun","\5B8B\4F53";font-weight: 700;margin: 0 7px;display: inline-block;color: #999;}
.sonMenu-menu a:last-child::after{display: none;}
.sonMenu-menu a:hover{color: #1470AB;}

.pagination {margin-top: 48px;text-align: center;}
.pagination a{display: inline-block;vertical-align: middle;color: #666;font-size: 14px;min-width: 40px;height: 40px;line-height: 38px;padding: 0px 16px;border: 1px solid #dcdcdc;margin: 0 4px;border-radius: 38px;transition: all .4s ease;}
.pagination a:hover, .pagination a.active, .fullpage a.on{background-color: #1470AB;color: #fff;border-color: #1470AB;}

/*

.pagination {width: 100%;text-align: center;}
.pages {display: inline-block;border:1px solid #eee;border-radius: 40px;}
.pages a{display: inline-block;vertical-align: middle;color: #666;font-size: 14px;min-width: 20px;height: 38px;line-height: 38px;;margin: 0 4px;border-radius: 38px;transition: all .4s ease;}
.pages a:hover, .pages a.active, .pages a.on {color: #1470AB;}
.pages a.prev,.pages a.next {font-size: 0;background: #eee;width: 38px;margin: 0;background-repeat: no-repeat;background-position: center;background-size: 20px auto;}
.pages a.prev:hover ,.pages a.next:hover {background-color: #1470AB;}
.pages a.prev {background-image: url('../images/page-arrow-left.png');}
.pages a.next {background-image: url('../images/page-arrow-right.png');}
*/



/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
    .contain{width: 92%;}
    .Footer-container{width: 92%;}
    .Header-container{padding: 0 4%;}
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .Header-navbar li {margin: 0 16px;}
    .Header-search-words{width: 92%;}
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .Header-navbar li {margin: 0 14px;}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .Header-navbar li {margin: 0 10px;}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .Header-navbar li {padding: 0 8px;}    
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    body.onSearch .Header-navbar{visibility: visible;opacity: 1;}
    .contain{width: 92%;}
    body.noLucency .Container-wrapper{margin-top: 60px;}
    .Container-wrapper{margin-top: 60px;}
    .Header-wrapper{background: #fff;}
    .Header-wrapper::after{content: "";width: 100%;height: 1px;position: absolute;background: rgba(0, 0, 0, 0.1);left: 0;bottom: 0;}
    .Header-logo, .Header-search-click, .Header-lang {height: 60px;line-height: 60px;}
    .Header-logo img {height: 50px;}
    .Header-search {margin: 0px 10px;}
    .Header-lang {margin-right: 20px;}
    .Header-search .Header-search-click {font-size: 0;padding: 0;background-position: center;}
    .Header-navclick{display: flex;}
    .Header-navbar{display: none;position: absolute;width: 100%;margin-right: 0;height: calc(100vh - 60px);top: 60px;left: 0;padding: 10px 0;background: #fff;transition: none;}
    .Header-navbar ul{display: block;width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch}
    .Header-navbar li{display: block;width: 100%;margin: 0 !important;opacity: 0;transform: translateY(32px);transition: transform .4s ease, opacity .4s ease;padding: 0;position: relative;}
    .Header-navbar li::after{display: none;}
    .Header-navbar.active li{opacity: 1;transform: translateY(0);}
    .Header-menu{height: 50px;padding: 0 4%; font-size: 16px;}
    .Header-arrow{display: block;width: 50px;height: 50px;position: absolute;z-index: 9;right: 0;top: 0;background: url('../images/iconArrW.svg') no-repeat center /14px auto;}
    .Header-arrow.active{transform: rotate(180deg);}
    .Header-navbar li:hover .Header-menu{color: #444;}
    .Header-block{display: none !important;}
    .Header-drop {position: relative;top: 0;left: 0; transform: translateX(0);width: 100%;overflow: hidden;padding: 16px 0;text-align: left !important;background: #F5F5F5;}
    .Header-drop a {text-align: left;padding: 12px 4%;width: 100%;margin: 0;}
    .Header-tel {margin-top: 10px;margin-right: 30px;}



    .Footer-stock {display: none;}
    .Footer-infonav .contain {padding: 20px 0px;}
    .Footer-navbar {width: 100% !important;padding: 0;;margin-left: 0;}
    .Footer-navbar ul li{width: 100% !important;padding-right: 0}
    .Footer-navclick a {height: 40px;line-height: 40px;font-weight: 400;font-size: 16px;}
    .Footer-navwords a {padding: 4px 0;font-size: 16px;}
    .Footer-navwords{margin-top: 0;display: none;}
    .Footer-navclick i{display: block;}
    .Footer-copyright {padding: 20px 0;}

    .Footer-contact .contain {height: auto;}
    .Footer-contact ul li {width: 27%;margin:20px 0px;margin-right: 2%;padding-right: 0px;}
    .Footer-contact ul li img {width: 30px;vertical-align: middle;}
    .Footer-contact ul li span {vertical-align: middle;}
    .Footer-contact ul li span em {font-size: 18px;}
    .Footer-contact .g_top {height: 87px;width: 87px;padding-top: 14px;}

    .Footer-slogan .contain {padding: 30px 0px;}
    .Footer-slogan p {font-size: 35px;}
    .Footer-slogan span {font-size: 16px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
     .Header-tel {display: none;}
     .Footer-code,
     .Footer-contact {display: none;}

     .Footer-slogan p {font-size: 24px;}
}