@charset "UTF-8";
@font-face {font-family:Brown;font-weight:100;font-style:normal;font-display:swap;src:url(../font/lineto-brown-pro-thin.woff) format("woff");}
@font-face {font-family:Brown;font-weight:300;font-style:normal;font-display:swap;src:url(../font/lineto-brown-pro-light.woff) format("woff");}
@font-face {font-family:Brown;font-weight:400;font-style:normal;font-display:swap;src:url(../font/lineto-brown-pro-regular.woff) format("woff");}
@font-face {font-family:Brown;font-weight:700;font-style:normal;font-display:swap;src:url(../font/lineto-brown-pro-bold.woff) format("woff");}
@font-face {font-family:Roboto;size-adjust:107%;src:local(Roboto)}
@font-face {font-family:Helvetica Neue;size-adjust:106%;src:local(Helvetica Neue)}
@font-face {font-family:Arial Nova;size-adjust:107%;src:local(Arial Nova)}
@font-face {font-family:Nimbus Sans;size-adjust:107%;src:local(Nimbus Sans)}
@font-face {font-family:Arial;size-adjust:107%;src:local(Arial)}

* {-webkit-tap-highlight-color:transparent;box-sizing:border-box;outline-style:none}

a, b, big, body, canvas, caption, center, code, dd, del, details, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p,  section, small, span, strike, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}


body {font-size:16px;max-width:1920px;margin:0 auto}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
a {outline:0;text-decoration:none;color:inherit}
a:hover {text-decoration:none}
a:active, a:hover, a:link, a:visited {background:0 0;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}
ol, ul {list-style:none}

:root {--font-family: "Brown", Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-headings: var(--font-family);--font-variation-settings: normal;
}

@media (max-width:1760px) {html {font-size:91.67px}}
@media (max-width:1600px) {html {font-size:83.33px}}
@media (max-width:1440px) {html {font-size:75px}}
@media (max-width:1280px) {html {font-size:66.67px}}
@media (max-width:1120px) {html {font-size:60px}}
.icon {width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}
[class*=" icon-"], [class^=icon-] {font-family:iconfont;font-style:normal;font-variant:normal;line-height:1;speak:none;text-transform:none;vertical-align:middle;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}
.wrapper {overflow:hidden}
.light {color:#777}
.btn-default {display:flex;align-items:center;justify-content:space-between;padding:0 20px;width:240px;height:40px;border:2px solid #000;margin-left:auto;margin-right:auto;position:relative;transition:.3s all}
.btn-default:hover {background-color:#000;color:#fff}
.btn-default:hover i::before {width:120%}
.btn-default i::before {width:100%}

.blue{color:#fff;border:solid 1px #0076a3;background:#0095cd;background:-webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));background:-moz-linear-gradient(top,  #00adee,  #0078a5);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');}

.white{color:#000;border:solid 1px #b7b7b7;background:#fff;background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));background:-moz-linear-gradient(top,  #fff,  #ededed);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');}

.black{color:#fff;border:solid 1px #333;background:#333;background:-webkit-gradient(linear, left top, left bottom, from(#666), to(#000));background:-moz-linear-gradient(top,  #666,  #000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');}

.brown{color:#fff;border:solid 1px #4b3530;background:#62443e;background:-webkit-gradient(linear, left top, left bottom, from(#4b3530), to(#412e2a));background:-moz-linear-gradient(top,  #4b3530,  #412e2a);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b3530', endColorstr='#412e2a');}

.green{color:#fff;border:solid 1px #65e7d8;background:#85fdef;background:-webkit-gradient(linear, left top, left bottom, from(#85fdef), to(#77e1d5));background:-moz-linear-gradient(top,  #85fdef,  #77e1d5);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#85fdef', endColorstr='#77e1d5');}

.yellow{color:#000;border:solid 1px #fff588;background:#fff588;background:-webkit-gradient(linear, left top, left bottom, from(#fff588), to(#fbd85e));background:-moz-linear-gradient(top,  #fff588,  #fbd85e);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff588', endColorstr='#fbd85e');}
		
.slan{color:#fff;border:solid 1px #2158ff;background:#2158ff;background:-webkit-gradient(linear, left top, left bottom, from(#2158ff), to(#1a46c9));background:-moz-linear-gradient(top,  #2158ff,  #1a46c9);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2158ff', endColorstr='#1a46c9');}	
	
.khaki{color:#fff;border:solid 1px #fae0c3;background:#fae0c3;background:-webkit-gradient(linear, left top, left bottom, from(#fae0c3), to(#dfaa89));background:-moz-linear-gradient(top,  #fae0c3,  #dfaa89);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fae0c3', endColorstr='#dfaa89');}		

.khaki1{color:#fff;border:solid 1px #f3dbc0;background:#f3dbc0;background:-webkit-gradient(linear, left top, left bottom, from(#f3dbc0), to(#cba98e));background:-moz-linear-gradient(top,  #f3dbc0,  #cba98e);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3dbc0', endColorstr='#cba98e');}	

.blan{color:#fff;border:solid 1px #7ad9ff;background:#7ad9ff;background:-webkit-gradient(linear, left top, left bottom, from(#7ad9ff), to(#47b4e0));background:-moz-linear-gradient(top,#7ad9ff,#47b4e0);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ad9ff', endColorstr='#47b4e0');}	

.blan1{color:#fff;border:solid 1px #89fbf1;background:#89fbf1;background:-webkit-gradient(linear, left top, left bottom, from(#89fbf1), to(#76e5dc));background:-moz-linear-gradient(top,#89fbf1,#76e5dc);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89fbf1', endColorstr='#76e5dc');}	

.gray{color:#fff;border:solid 1px #555;background:#6e6e6e;background:-webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));background:-moz-linear-gradient(top,  #888,  #575757);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');}

.Purple{color:#000;border:solid 1px #c081b6;background:#c081b6;background:-webkit-gradient(linear, left top, left bottom, from(#c081b6), to(#8970b2));background:-moz-linear-gradient(top,  #c081b6,  #8970b2);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c081b6', endColorstr='#8970b2');}

.fen1{color:#000;border:solid 1px #ffd2cd;background:#ffd2cd;background:-webkit-gradient(linear, left top, left bottom, from(#ffd2cd), to(#f9bcb7));background:-moz-linear-gradient(top,  #ffd2cd,  #f9bcb7);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd2cd', endColorstr='#f9bcb7');}

.blv{color:#fff;border:solid 1px #fff;background:#fff;background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#6db727));background:-moz-linear-gradient(top,  #fff,  #6db727);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#6db727');}

.lvb{color:#fff;border:solid 1px #6db727;background:#6db727;background:-webkit-gradient(linear, left top, left bottom, from(#6db727), to(#ffffff));background:-moz-linear-gradient(top,  #6db727,  #fffff);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6db727', endColorstr='#ffffff');}

.hred{color:#fff;border:solid 1px #000000;background:#000000;background:-webkit-gradient(linear, left top, left bottom, from(#000000), to(#ff0000));background:-moz-linear-gradient(top,  #000000,  #ff0000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#ff0000');}

.redh{color:#fff;border:solid 1px #ff0000;background:#ff0000;background:-webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#000));background:-moz-linear-gradient(top,  #ff0000,  #000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#000');}

.qh{color:#fff;border:solid 1px #e7e7e7;background:#e7e7e7;background:-webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#313543));background:-moz-linear-gradient(top,  #e7e7e7,  #313543);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7', endColorstr='#313543');}

.hq{color:#fff;border:solid 1px #313543;background:#313543;background:-webkit-gradient(linear, left top, left bottom, from(#313543), to(#e7e7e7));background:-moz-linear-gradient(top,  #313543,  #e7e7e7);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#313543', endColorstr='#e7e7e7');}

.j90-1{color:#000;border:solid 1px #85c5f9;background:#85c5f9;background:-webkit-gradient(linear, left top, left bottom, from(#85c5f9), to(#fff));background:-moz-linear-gradient(top,  #85c5f9,  #fff);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#85c5f9', endColorstr='#fff');}

.j90-2{color:000;border:solid 1px #324081;background:#324081;background:-webkit-gradient(linear, left top, left bottom, from(#324081), to(#fff));background:-moz-linear-gradient(top,  #324081,  #fff);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#324081', endColorstr='#fff');}

.j90-3{color:#000;border:solid 1px #af8462;background:#af8462;background:-webkit-gradient(linear, left top, left bottom, from(#af8462), to(#e7e7e7));background:-moz-linear-gradient(top,  #af8462,  #e7e7e7);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#af8462', endColorstr='#e7e7e7');}

.j90hifi-1{color:#fff;border:solid 1px #5d5b5e;background:#5d5b5e;background:-webkit-gradient(linear, left top, left bottom, from(#5d5b5e), to(#eea5b6));background:-moz-linear-gradient(top,  #5d5b5e,  #eea5b6);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d5b5e', endColorstr='#eea5b6');}

.j90hifi-2{color:#fff;border:solid 1px #989898;background:#989898;background:-webkit-gradient(linear, left top, left bottom, from(#989898), to(#3e3e3e));background:-moz-linear-gradient(top,  #989898,  #3e3e3e);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#989898', endColorstr='#3e3e3e');}

.j90sj-1{color:#fff;border:solid 1px #191919;background:#191919;background:-webkit-gradient(linear, left top, left bottom, from(#191919), to(#ff0000));background:-moz-linear-gradient(top, #191919,  #ff0000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#191919', endColorstr='#ff0000');}

.j90sj-2{color:#fff;border:solid 1px #ff0000;background:#ff0000;background:-webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#191919));background:-moz-linear-gradient(top, #ff0000,  #191919);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#191919');}

.N-j100-1{color:#000;border:solid 1px #000;background:#000;background:-webkit-gradient(linear, left top, left bottom, from(#000), to(#ff691d));background:-moz-linear-gradient(top, #000,  #ff691d);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#ff691d');}

.s-m6pro-ql {color:#fff;border:solid 1px #99c2a5;background:#99c2a5;background:-webkit-gradient(linear, left top, left bottom, from(#99c2a5), to(#6aae7e));background:-moz-linear-gradient(top, #99c2a5,  #6aae7e);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#99c2a5', endColorstr='#6aae7e');}

.s-m6pro-lb {color:#fff;border:solid 1px #a3e0e5;background:#a3e0e5;background:-webkit-gradient(linear, left top, left bottom, from(#a3e0e55), to(#88e0e7));background:-moz-linear-gradient(top, #a3e0e5,  #88e0e7);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3e0e5', endColorstr='#88e0e7');}

.N-J9PRO-bf{color:#fff;border:solid 1px #ffdfe4;background:#ffdfe4;background:-webkit-linear-gradient(top,#fff,#f8c2ca);background:-moz-linear-gradient(top,#fff,#f8c2ca);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f8c2ca');}

.N-J9PRO-fb{color:#fff;border:solid 1px #ffdfe4;background:#ffdfe4;background:-webkit-linear-gradient(bottom,#fff,#f8c2ca);background:-moz-linear-gradient(bottom,#fff,#f8c2ca);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8c2ca', endColorstr='#fff');}

.N-J9PRO-lb{border:solid 1px #9fc7f5;background:#9fc7f5;background:-webkit-linear-gradient(top,#9fc7f5,#fff);background:-moz-linear-gradient(top,#9fc7f5,#fff);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9fc7f5', endColorstr='#fff');}


.N-J9PRO-bl{border:solid 1px #9fc7f5;background:#9fc7f5;background:-webkit-linear-gradient(top,#fff,#9fc7f5);background:-moz-linear-gradient(top,#fff,#9fc7f5);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#9fc7f5');}


.N-J9PRO-heihui{border:solid 1px #000;background:#000;	background:-webkit-linear-gradient(top,#000,#8c8c8c);background:-moz-linear-gradient(top,#9000,#8c8c8c);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#8c8c8c');}

.N-J9PRO-huihei{border:solid 1px #8c8c8c;background:#8c8c8c;	background:-webkit-linear-gradient(top,#8c8c8c,#000);background:-moz-linear-gradient(top,#8c8c8c,#000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c8c8c', endColorstr='#000');}

.qh{border:solid 1px #8c8c8c; background:#8c8c8c;	background:-webkit-linear-gradient(top,#8c8c8c,#000);background:-moz-linear-gradient(top,#8c8c8c,#000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c8c8c', endColorstr='#000');}

.sh{border:solid 1px #8c8c8c;background:#8c8c8c;	background:-webkit-linear-gradient(top,#b5b5b5,#fff);background:-moz-linear-gradient(top,#b5b5b5,#fff);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c8c8c', endColorstr='#000');}


.blv_bg{background:url(../images/bg/blv.png) no-repeat;}
.lvb_bg{background:url(../images/bg/lvb.png) no-repeat;}
.heihong{background:url(../images/bg/heihong.png) no-repeat;}

@keyframes wave {0%, 100%, 50% {opacity:0;transform:translate(0, -10%)}25%, 75% {opacity:1;transform:translate(0, 0)}}

.wrapper>.title {padding-left: 4%; padding-right: 4%;overflow: hidden;padding-top: 1vw;padding-bottom: 4vw;background: #fafafa;}

@media screen and (max-width:1200px) {.wrapper>.title {padding-left:5%;padding-right:5%}}
@media screen and (max-width:960px) {.wrapper>.title { padding:20px;}}
.wrapper>.title h3 {font-size: .8rem;text-align: center;font-weight: 800;color: #505050;font-family: Cambria;line-height: 1.7;}
.wrapper>.title h4 {font-size: .8rem;text-align: center;font-weight: 800;color: #505050;font-family: Cambria;line-height: 1.7;}
.wrapper>.title p {width:75%;font-size:18px;letter-spacing:.05em;line-height:1.7;color:#777;font-weight:300}
@media screen and (max-width:960px) {.wrapper .title p {width:100%;font-size:14px}.wrapper>.title h3 {font-size: .6rem; line-height:5px;}.wrapper>.title h4 {font-size: .5rem; line-height:5px; margin-top:20px; margin-bottom:10px;}}

header {height:70px;min-height:70px}
header .header-container {padding-left:8%;padding-right:8%;overflow:hidden;overflow:visible;position:fixed;width:100%;max-width:1920px;z-index:4000;display:flex;align-items:center;background-color:#fff; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.09); font-family:Arial, Helvetica, sans-serif;}
@media screen and (max-width:1200px) {header .header-container {padding-left:5%;padding-right:5%}}
@media screen and (max-width:960px) {header .header-container {padding-left:20px;padding-right:20px}}
header .header-container .logo {display:inline-block;vertical-align:middle;width:200px;height:56px}
header .header-container .logo img {display:block;width:100%}
header .header-container nav {display:inline-block;vertical-align:middle;margin-left:2vw}
header .header-container nav .navmenu {display:block}
header .header-container nav .navmenu>li {display:inline-block;vertical-align:middle;font-weight:400;background: url(../images/bian_2.png) no-repeat left center;}
header .header-container nav .navmenu>li:hover{background:#fafafa;}
header .header-container nav .navmenu>li.light a {color:#777}
header .header-container nav .navmenu>li:first-child {font-weight:500}
header .header-container nav .navmenu>li>a {display:block;margin:0 .2rem;color:#303133;font-size:16px;letter-spacing:.03em;position:relative;height:70px;display:flex;align-items:center;transition:.3s all linear;}

header .header-container nav .navmenu>li .subnav {opacity:0;visibility:hidden;position:absolute;top:70px;left:0;width:100%;	z-index:1000; border-top:solid 1px #ccc;}
header .header-container nav .navmenu>li .subnav::before {content:"";display:block;position:absolute;top:0;left:0;height:0;width:100%;background-color:#fff; }
header .header-container nav .navmenu>li .subnav ul {text-align:center;transform:translateY(0px);transition:all .3s;z-index:2000; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.09);}
header .header-container nav .navmenu>li .subnav ul li {display:inline-block;vertical-align:middle;width:11.9791666667vw}
header .header-container nav .navmenu>li .subnav ul li:hover {background-color:#fafafa}
header .header-container nav .navmenu>li .subnav ul li:hover .img-wrapper {opacity:.8}
header .header-container nav .navmenu>li .subnav ul li figure .img-wrapper {position:relative;height:122px}
header .header-container nav .navmenu>li .subnav ul li figure .img-wrapper img {position:absolute;width:100%;left:50%;top:50%;transform:translate(-50%, -50%);max-width:122px;max-height:122px}
header .header-container nav .navmenu>li .subnav ul li figure figcaption {font-size:14px}
header .header-container nav .navmenu>li .dropdown {opacity:0;visibility:hidden;position:relative;transform:translateX(-50%) scale(1, 0);transition:all .3s}
header .header-container nav .navmenu>li .dropdown ul {position:absolute;top:1px;width:250px;background-color:#fff}
header .header-container nav .navmenu>li .dropdown ul li a {display:block;height:70px;line-height:70px;font-size:14px;letter-spacing:.03em;color:#606266;border-bottom:1px solid #ebeef5;padding-left:20px}
header .header-container nav .navmenu>li .dropdown ul li a:hover {background-color:#fafafa}
header .header-container nav .navmenu>li:hover>a::before {width:100%;bottom:0;left:0;transition-delay:.1s;border-bottom-color:#000}
header .header-container nav .navmenu>li:hover~li>a::before {left:0}
header .header-container nav .navmenu>li:hover .subnav {opacity:1;visibility:visible}
header .header-container nav .navmenu>li:hover .subnav::before {height:100%}
header .header-container nav .navmenu>li:hover .subnav ul {transform:translateY(0)}
header .header-container nav .navmenu>li:hover .dropdown {opacity:1;visibility:visible;transform:translateX(-50%) scale(1, 1)}
header .header-container .action-nav {flex-grow:1;text-align:right}
header .header-container .action-nav>div {display:inline-block}
header .header-container .action-nav>div a[class*=" icon-"], header .header-container .action-nav>div a[class^=icon-] {color:#303133;font-size:20px;vertical-align:middle}
header .header-container .action-nav .search-wrap .search-input {outline-style:none;padding:5px;height:100%;margin-right:1vw;vertical-align:middle;font-size:14px;border:none;border-bottom:1px solid #333;width:10vw;max-width:170px;transform:scale(0, 1);transform-origin:right top;transition:all .3s}
header .header-container .action-nav .search-wrap .search-input.active {transform:scale(1, 1)}
header .header-container .action-nav .language-wrap {margin-right:unset}
header .header-container .action-nav .language-wrap .lang-filter {position:relative}
header .header-container .action-nav .language-wrap .lang-filter .lang-pannel {position:absolute;top:26px;opacity:0;visibility:hidden;width:500px;padding:20px;text-align:center;background-color:#fff;transform:scale(1, 0) translateX(-480px) translateY(20px);transform-origin:left top;transition:all .3s}
header .header-container .action-nav .language-wrap .lang-filter .lang-pannel center {display:block;font-size:16px;border-bottom:1px solid #ebeef5;height:60px;line-height:3.75}
header .header-container .action-nav .language-wrap .lang-filter .lang-pannel .lang-div h3 {font-size:16px;height:40px;line-height:2.5;text-align:left}
header .header-container .action-nav .language-wrap .lang-filter .lang-pannel .lang-div ul {overflow:hidden}
header .header-container .action-nav .language-wrap .lang-filter .lang-pannel .lang-div ul li {float:left;width:25%;text-align:left}
header .header-container .action-nav .language-wrap .lang-filter .lang-pannel .lang-div ul li img {width:15px;height:10px;margin-right:5px}
header .header-container .action-nav .language-wrap .lang-filter .lang-pannel .lang-div ul li a {font-size:14px;color:#606266}
header .header-container .action-nav .language-wrap:hover .lang-filter .lang-pannel {opacity:1;visibility:visible;transform:scale(1, 1) translateX(-480px) translateY(0)}
header .header-container .mb-nav-btn {width:30px;height:22px;position:relative;display:none}
header .header-container .mb-nav-btn span {display:block;background-color:#303133;width:30px;height:2px;position:absolute;transition:all ease .35s}
header .header-container .mb-nav-btn span:nth-of-type(1) {top:0}
header .header-container .mb-nav-btn span:nth-of-type(2) {top:10px}
header .header-container .mb-nav-btn span:nth-of-type(3) {top:20px}
header .header-container .mb-nav-btn.trans span:nth-of-type(1) {top:10px;transform:rotate(45deg)}
header .header-container .mb-nav-btn.trans span:nth-of-type(2) {width:0}
header .header-container .mb-nav-btn.trans span:nth-of-type(3) {top:10px;transform:rotate(-45deg)}
header .mb-nav {z-index:2001}
header .mb-nav .mb-nav-panel {position:fixed;background-color:#fff;width:100%;height:100%;font-size:14px;z-index:2001;top:-100%;left:0;padding-bottom:50px;overflow:auto;overflow-x:hidden;transition:top ease .35s}
header .mb-nav .mb-nav-panel.show {top:50px}
header .mb-nav .mb-nav-panel .search form {margin:10px 20px}
header .mb-nav .mb-nav-panel .search form input {border-radius:15px;border:1px solid #333;width:100%;height:30px;padding-left:20px;text-align:center}
header .mb-nav .mb-nav-panel>ul>li:first-child {border-top:none}
header .mb-nav .mb-nav-panel>ul>li:last-child {border-bottom:1px #ebeef5 solid}
header .mb-nav .mb-nav-panel>ul>li:last-child img {width:30px;height:20px;margin-right:10px;vertical-align:middle}
header .mb-nav .mb-nav-panel ul li {border-top:1px #ebeef5 solid;margin-left:20px;position:relative;line-height:50px;font-size:14px}
header .mb-nav .mb-nav-panel ul li i {position:absolute;top:0;right:0;height:50px;padding:0 7px 0 7px;display:flex;align-items:center}
header .mb-nav .mb-nav-panel ul li i svg {width:20px;height:20px;fill:#303133;transform:rotate(-90deg);transition:all ease .35s}
header .mb-nav .mb-nav-panel ul li.open>i svg {transform:rotate(0);fill:#303133}
header .mb-nav .mb-nav-panel ul li ul {display:none}
header .mb-nav .mb-nav-panel ul li a, header .mb-nav .mb-nav-panel ul li span {color:#303133;display:inline-block;width:100%}
header .mb-nav .mb-nav-panel ul li ul li a {color:#303133;display:block;text-align:left}
header .mb-nav .mb-nav-panel ul li .mid {display:flex;align-items:center}

@media screen and (max-width:1440px) {
header .header-container {padding-left:3%;padding-right:3%}
header .header-container nav .navmenu>li>a {margin:0 13px}
header .header-container .action-nav .search-wrap {margin-left:0}
header .header-container .action-nav .search-wrap .search-input {width:135px}}

@media screen and (max-width:1200px) {
header .header-container .logo {width:130px;height:36px}}

@media screen and (max-width:860px) {
header {height:54px;min-height:54px}
header .header-container {height:54px;padding:0 20px;justify-content:space-between}
header .header-container .action-nav, header .header-container nav {display:none}
header .header-container .mb-nav-btn {display:block}}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) {
header {height:50px;min-height:unset}
header .header-container {height:50px;padding:0 20px;justify-content:space-between}
header .header-container .action-nav, header .header-container nav {display:none}
header .header-container .mb-nav-btn {display:block}}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2) {
header {height:50px;min-height:unset}
header .header-container {height:50px;padding:0 20px;justify-content:space-between}
header .header-container .action-nav, header .header-container nav {display:none}
header .header-container .mb-nav-btn {display:block}}

@media only screen and (min-device-width:834px) and (max-device-width:1112px) and (-webkit-min-device-pixel-ratio:2) {header {height:50px;min-height:unset}
header .header-container {height:50px;padding:0 20px;justify-content:space-between}
header .header-container .action-nav, header .header-container nav {display:none}
header .header-container .mb-nav-btn {display:block}}

footer {
	padding-left:8.3333333333%;
	padding-right:8.3333333333%;
	overflow:hidden;
	background-color:#f2f2f2
}


.foot_ {width: 100%;float: left;padding: 35px 0 35px 0;background: #f6f6f6; overflow:hidden; font-family:Arial, Helvetica, sans-serif;}
.foot_ .p { width: 100%;float: left;font-size: 16px;color: #888;line-height: 33px;text-align: center;}
.foot_ .p a {color: #717171;display: inline-block;}
.mb_foot_{display:none;width: 100%;float: left;padding: 10px 0 5px 0;background: #f8f8f8; overflow:hidden;}
.mb_foot_ .p {width: 100%;float: left;font-size: 14px;color: #484848;line-height: 30px;text-align: center;}
.mb_foot_ .p1 {width: 100%;float: left;font-size: 14px;color: #484848;line-height: 30px;text-align: center;}
.mb_foot_ .p a {color: #484848;display: inline-block;}
@media screen and (max-width:767px) {.foot_{ display:none;}	.mb_foot_{ display:block;}}



.index-page .tel{ font-size:30px; padding:50px 0; text-align:center;}

@media screen and (max-width:768px) {.index-page .tel{font-size:16px; padding:15px; 0}}

.index-page .product {display:flex;justify-content:space-between;flex-wrap:wrap;padding-left:1.5%;padding-right:1.5%;overflow:hidden}

@media screen and (max-width:1200px) {
.index-page .product {padding-left:5%;padding-right:5%}}
.index-page .product>figure {width:50%;overflow:hidden; padding-bottom:30px;}

@media screen and (max-width:768px) {.index-page .product {padding-left:10px;padding-right:10px}.index-page .product>figure {padding-bottom:10px;}}
.index-page .product>figure:nth-child(odd) {padding-right:.78125vw}
.index-page .product>figure:nth-child(even) {padding-left:.78125vw}
.index-page .product>figure.wd {width:100%;padding:0}
.index-page .product>figure:hover a img {transform:scale(1.04);	}
.index-page .product>figure>a {display:block;overflow:hidden;}
.index-page .product>figure>a:hover {-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.5);-moz-box-shadow: 0 2px 5px rgba(0,0,0,.5);box-shadow: 0 2px 5px rgba(0,0,0,.5);}
.index-page .product>figure>a img {display:block;width:100%;transition:all .3s}
.index-page .product>figure figcaption {text-align:center;font-size:.24rem;padding:1.875vw 0;letter-spacing:.1em}
.index-page .product>figure figcaption>h3 {text-align:left}




.product-list-page .cat-nav { padding-top:4.5%;padding-left:9%;padding-right:9%;padding-bottom:2%;overflow:hidden;border-bottom:2px solid #efeff1;}
@media screen and (max-width:1200px) {.product-list-page .cat-nav {padding-left:5%;padding-right:5%}}
@media screen and (max-width:960px) {.product-list-page .cat-nav {padding-left:20px;padding-right:20px}}

.product-list-page .cat-nav.ralemo, .product-list-page .cat-nav.z {	margin-top:4.6875vw}
.product-list-page .cat-nav li {position:relative;font-size:16px;font-weight:500;float:left;padding:0 15px;padding-bottom:20px;margin-right:10px;}
.product-list-page .cat-nav .button{font-family: "Lato", sans-serif;cursor:pointer;padding:15px;border-radius:16px;text-align: center;}
.product-list-page .cat-nav .button.active{font-weight:600;background:#f8f8f8;box-shadow:0 0 3px #ddd;}
.product-list-page .cat-nav .button:hover{background:#f8f8f8;box-shadow:0 0 3px #ddd; cursor: pointer;}
.product-list-page .cat-nav li:last-child a:after {display:none}
.product-list-page .cat-nav li a {position:relative;display:block;}

@media screen and (max-width:768px) {
.product-list-page .cat-nav li a::after{display:none;}	
.product-list-page .cat-nav li{ font-size:14px;}	
}

.product-list-page .cat-nav li a::after {content:"";position:absolute;top:0;right:-15px;width:2px;height:100%;background-color:#777}


.product-list-page .cat-nav li a::before {content:"";position:absolute;bottom:-20px;left:0;width:100%;height:100%;display:none}


.product-list-page .cat-nav li.active a::before {display:block}
.product-list-page .catbar {padding:3.125vw 0;display:flex;align-items:center;justify-content:space-around;flex-grow:1;flex-wrap:wrap;padding-left:8.3333333333%;padding-right:8.3333333333%;overflow:hidden}
@media screen and (max-width:1200px) {
.product-list-page .catbar {padding-left:5%;padding-right:5%}}
@media screen and (max-width:960px) {
.product-list-page .catbar {padding-left:20px;padding-right:20px}}
.product-list-page .catbar a {width:16.6666666667%;text-align:center;position:relative}
.product-list-page .catbar a::after {content:"";position:absolute;top:20%;right:0;width:1px;height:80%;background-color:#efeff1}
.product-list-page .catbar a:last-child::after {display:none}
.product-list-page .catbar a figure img {width:8.3333333333vw;height:8.3333333333vw;min-width:80px;min-height:80px}
.product-list-page .catbar a figure figcaption {margin-top:-15px}
.product-list-page .catbar a figure figcaption h3 {font-size:.22rem}
.product-list-page .catbar a figure figcaption h6 {font-size:12px;color:#777}

.projects{overflow:hidden;}
.product-list-page .products {padding-left:8.3%;padding-right:8.33%;overflow:hidden;}

@media screen and (max-width:1200px) {.product-list-page .products {padding-left:5%;padding-right:5%}}
@media screen and (max-width:960px) {.product-list-page .products {padding-left:20px;padding-right:20px}}
@media screen and (max-width:960px) {.product-list-page .products{padding-left:10px;padding-right:10px}}


.product-list-page .products ul {display:flex;flex-wrap:wrap;margin-top:2.6041666667vw;margin-bottom:3.125vw}
.product-list-page .products ul.game {margin-top:unset}
.product-list-page .products ul.game li {color:#fff}
.product-list-page .products ul.game li.active a {background-color:#333}
.product-list-page .products ul.game li a {background-color:#4b4b4b}
.product-list-page .products ul.game li .dots button.active::before {border-color:#fff}
.product-list-page .products ul li {width:25%;}
.product-list-page .products ul li.wd {width:50%}
.product-list-page .products ul li.wd a figure img {width:80%}
.product-list-page .products ul li.active a {background-color:#f1f1f1}

.product-list-page .products ul li.wd .p1 figure img {width:80%}
.product-list-page .products ul li a {margin:.46875vw;display:block;text-align:center;transition:all .3s;background-color:#eeeeee;border-radius:16px;}
.product-list-page .products ul li a figure {position:relative;padding-top:19.0625vw}
.product-list-page .products ul li a figure img {display:none;width:65%;position:absolute;top:45%;left:50%;transform:translate(-50%, -50%)}
.product-list-page .products ul li a figure img:first-child {display:inline-block}
.product-list-page .products ul li a figure figcaption {letter-spacing:.1em}
.product-list-page .products ul li a figure figcaption h3 {font-size:.28rem;height:45px;line-height:45px}
.product-list-page .products ul li a figure figcaption p {font-size:16px;line-height:2.5;color:#777;font-weight:200;overflow:hidden;text-overflow:ellipsis;height:35px}
.product-list-page .products ul li a .dots {padding:16px 0;height:24px;box-sizing:content-box;display:flex;align-items:center;justify-content:center}
.product-list-page .products ul li a .dots button {display:inline-block;border-radius:50%;width:12px;height:12px;border:none;position:relative;padding:0}
.product-list-page .products ul li a .dots button.active::before {content:"";border:1px solid #777;width:15px;height:15px;border-radius:50%;display:inline-block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
.product-list-page .products ul li a .dots button::before {display:none}
.product-list-page .products ul li a .dots button~button {margin-left:7px}
.product-list-page .products ul li .p1 {margin:.5vw;display:block;text-align:center;transition:all .3s;background-color:#f8f8f8;border-radius:16px;}
.product-list-page .products ul li.active .p1 {background-color:#fafafa;}
.product-list-page .products ul li .p1:hover{box-shadow:0 0 8px #ddd;background:#fcfcfc;}
.product-list-page .products ul li .p1 figure {position:relative;padding-top:19.0625vw}
.product-list-page .products ul li .p1 figure img {display:none;width:70%;position:absolute;top:45%;left:50%;transform:translate(-50%, -50%);cursor:pointer;}
.product-list-page .products ul li .p1 figure .img-1 {width:65%;}
.product-list-page .products ul li .p1 figure .img-2 {width:85%;}
.product-list-page .products ul li .p1 figure img:first-child {display:inline-block}
.product-list-page .products ul li .p1 figure figcaption {letter-spacing:1px;}
.product-list-page .products ul li .p1 figure figcaption h3 {font-size:24px;height:45px;line-height:45px;font-family:var(--font-family);}

.product-list-page .products ul li .p1 figure figcaption p {font-weight: inherit;font-size:16px;	color:#2f3132;font-weight:200;	text-overflow:ellipsis;height:35px;padding-left:20px;padding-right:20px;	}

@media screen and (max-width:767px) {.product-list-page .products ul li .p1 figure figcaption p {padding-left:5px;padding-right:5px;}}

.product-list-page .products ul li .p1 .dots {padding:16px 0;height:24px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;}
.product-list-page .products ul li .p1 .dots button {display:inline-block;border-radius:50%;width:16px;height:16px;border:none;position:relative;padding:0; cursor:pointer;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.product-list-page .products ul li .p1 .dots button.active::before {content:"";border:1px solid #c7c7c7;width:17px;height:17px;border-radius:50%;display:inline-block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
.product-list-page .products ul li .p1 .dots button::before {display:none}
.product-list-page .products ul li .p1 .dots button~button {margin-left:7px}
.z_neiye{width:100%; display:none;height: 100%;background: #fff;position: fixed;left: 0;top: 0;z-index: 99999999;}
.z_neiye iframe{border:none; position:relative; z-index:99;}
.z_neiye .zbtn{ width:42px; height:42px; cursor:pointer; position:absolute; right:30px; top:80px; z-index:10002; background:url(../images/iocn/close.png) no-repeat; background-size:100% 100%; }

@media screen and (max-width:1199px) {.z_neiye .zbtn {width: 40px; height: 40px; right: 10px; top: 10px; }}
@media screen and (max-width:767px) {.z_neiye .zbtn{ width:22px; height:22px; right:15px; top:70px;}}


.product-list-page .products .load-more {margin-bottom:5.2083333333vw;text-align:center}
.product-list-page .products .load-more .btn-img {position:relative;cursor:pointer}
.product-list-page .products .load-more .btn-img img:first-child {margin:0 auto;width:5.2083333333vw;min-width:60px}
.product-list-page .products .load-more .btn-img img:last-child {position:absolute;left:50%;top:50%;transform:translate(-50%, -25%);width:1.5625vw;min-width:30px;animation:move 2.6s infinite both}




.product-list-page .sell-points {margin-top:3.125vw}
.product-list-page .sell-points>.row1 {position:relative;color:#fff;font-size:.3rem}
.product-list-page .sell-points>.row1 figure img {width:100%;display:block}
.product-list-page .sell-points>.row1 figure figcaption {position:absolute;top:5vw;padding-left:8.3333333333%;padding-right:8.3333333333%;overflow:hidden}

@media screen and (max-width:1200px) {.product-list-page .sell-points>.row1 figure figcaption {padding-left:5%;padding-right:5%}}

@media screen and (max-width:960px) {.product-list-page .sell-points>.row1 figure figcaption {padding-left:20px;padding-right:20px}}

.product-list-page .sell-points>.row1 figure figcaption>h3 {font-size:2em}
.product-list-page .sell-points>.row1 figure figcaption>h6 {font-size:.6em;font-weight:300;opacity:.5}
.product-list-page .sell-points>.row1 ul {position:absolute;left:0;bottom:6.25vw;padding-left:8.3333333333%;padding-right:8.3333333333%;overflow:hidden;display:flex;justify-content:space-between;width:100%}


@media screen and (max-width:1200px) {.product-list-page .sell-points>.row1 ul {padding-left:5%;padding-right:5%}}

@media screen and (max-width:960px) {.product-list-page .sell-points>.row1 ul {padding-left:20px;padding-right:20px}}

.product-list-page .sell-points>.row1 ul li h3 {font-size:1em}
.product-list-page .sell-points>.row1 ul li h6 {font-size:.6em;font-weight:300;opacity:.5}
.product-list-page .sell-points>.row2 {padding-left:8.3333333333%;padding-right:8.3333333333%;overflow:hidden;padding-top:6.25vw;padding-bottom:6.25vw;background-color:#000;width:100%}

@media screen and (max-width:1200px) {.product-list-page .sell-points>.row2 {padding-left:5%;padding-right:5%}}

@media screen and (max-width:960px) {.product-list-page .sell-points>.row2 {padding-left:20px;padding-right:20px}}

.product-list-page .sell-points>.row2.ralemo {background-color:#fff}
.product-list-page .sell-points>.row2.ralemo>li .info {color:#000;display:flex;justify-content:center;align-items:center;padding:0}
.product-list-page .sell-points>.row2.ralemo>li .info .meta {padding:0 30px}
.product-list-page .sell-points>.row2.ralemo>li .info .meta h3 {font-size:.4rem;font-weight:300;letter-spacing:.1em}
.product-list-page .sell-points>.row2.ralemo>li .info .meta h6 {font-size:20px;opacity:.5;line-height:2;font-weight:300}
.product-list-page .sell-points>.row2.z {background-color:#fff}
.product-list-page .sell-points>.row2.z>li {padding:0}
.product-list-page .sell-points>.row2.z>li:not(:first-child) {margin-top:-1.2rem}
.product-list-page .sell-points>.row2.z>li:first-child .info .meta {margin-bottom:1rem}
.product-list-page .sell-points>.row2.z>li:last-child .info .meta {margin-top:1rem}
.product-list-page .sell-points>.row2.z>li figure img {width:7rem;height:7.46rem}
.product-list-page .sell-points>.row2.z>li .info {color:#000;display:flex;align-items:center;padding:0}
.product-list-page .sell-points>.row2.z>li .info .meta h3 {font-size:.6rem;font-weight:300;letter-spacing:.1em}
.product-list-page .sell-points>.row2.z>li .info .meta h6 {font-size:20px;opacity:.5;line-height:2;font-weight:300}
.product-list-page .sell-points>.row2>li {width:100%;padding:2.34375vw 0;display:flex}
.product-list-page .sell-points>.row2>li:nth-child(odd) figure {order:0}
.product-list-page .sell-points>.row2>li:nth-child(odd) .info {order:1}
.product-list-page .sell-points>.row2>li:nth-child(even) figure {order:1}
.product-list-page .sell-points>.row2>li:nth-child(even) .info {order:0}
.product-list-page .sell-points>.row2>li figure {width:50%}
.product-list-page .sell-points>.row2>li figure img {display:block;width:100%}
.product-list-page .sell-points>.row2>li .info {width:50%;padding-left:5.2083333333vw;padding-top:2.0833333333vw;color:#fff;font-size:.3rem}
.product-list-page .sell-points>.row2>li .info .meta h3 {font-size:1.5em;font-weight:500;letter-spacing:.1em}
.product-list-page .sell-points>.row2>li .info .meta h6 {font-size:14px;opacity:.5;line-height:2;font-weight:500}
.product-list-page .sell-points>.row2>li .info ul {margin-top:5.2083333333vw}
.product-list-page .sell-points>.row2>li .info ul li {width:50%;float:left}
.product-list-page .sell-points>.row2>li .info ul li h4 {color:#00daff;font-size:24px;font-weight:400;letter-spacing:.1em;line-height:1.2;margin-bottom:.4rem}
.product-list-page .sell-points>.row2>li .info ul li p {font-size:16px;opacity:.5;letter-spacing:.1em}
@keyframes move {
0%, 100%, 50% {opacity:0;transform:translate(-50%, -40%)}
25%, 75% {opacity:1;transform:translate(-50%, 10%)}
}


@media screen and (max-width:860px) {
.product-list-page .catbar a {width:33.3333333333%}
.product-list-page .catbar a::after {display:none}
.product-list-page .category>div {font-size:14px}
.product-list-page .products ul li {width:50%;order:0}
.product-list-page .products ul li.sizer {width:50%}
.product-list-page .products ul li.wd {width:100%}
.product-list-page .products ul li .p1 figure {padding-top:200px}
.product-list-page .products ul li .p1 figure img {top:40%;width:50%}
.product-list-page .products ul li .p1 figure .img-1 {top:40%;width:50%}
.product-list-page .products ul li .p1 figure figcaption p {line-height:1.2;font-size:14px;margin-top:10px}
.product-list-page .video iframe {width:100%;height:200px}
.product-list-page .sell-points .row1 figure figcaption h3 {font-size:1em}
.product-list-page .sell-points .row1 ul {display:none}
.product-list-page .sell-points .row2>li {flex-wrap:wrap}
.product-list-page .sell-points .row2>li figure {display:none}
.product-list-page .sell-points .row2>li .info {width:100%}
.product-list-page .sell-points .row2>li .info ul li {width:100%}
.product-list-page .sell-points .row2>li .info ul li h4 {line-height:1.5;font-size:18px;margin-bottom:10px}
.product-list-page .sell-points .row2>li .info ul li p {font-size:14px}
.product-list-page .sell-points .row2>li .info .meta h3 {font-size:1em}
.product-list-page .sell-points>.row2.ralemo li:nth-child(odd) figure, .product-list-page .sell-points>.row2.z li:nth-child(odd) figure {order:0}
.product-list-page .sell-points>.row2.ralemo li:nth-child(odd) .info, .product-list-page .sell-points>.row2.z li:nth-child(odd) .info {order:0}
.product-list-page .sell-points>.row2.ralemo li:nth-child(even) figure, .product-list-page .sell-points>.row2.z li:nth-child(even) figure {order:0}
.product-list-page .sell-points>.row2.ralemo li:nth-child(even) .info, .product-list-page .sell-points>.row2.z li:nth-child(even) .info {order:0}
.product-list-page .sell-points>.row2.ralemo li figure, .product-list-page .sell-points>.row2.z li figure {display:block;width:100%}
.product-list-page .sell-points>.row2.ralemo li .info .meta, .product-list-page .sell-points>.row2.z li .info .meta {padding:0;margin-top:10px}
.product-list-page .sell-points>.row2.ralemo li .info .meta h3, .product-list-page .sell-points>.row2.z li .info .meta h3 {font-size:22px}
.product-list-page .sell-points>.row2.ralemo li .info .meta h6, .product-list-page .sell-points>.row2.z li .info .meta h6 {font-size:16px}
.product-list-page .sell-points>.row2.z li:not(:first-child) {margin-top:.8rem}
.product-list-page .sell-points>.row2.z li figure img {width:100%;height:auto}}

@media screen and (max-width:576px) {.product-list-page .products ul li .p1 figure {padding-top:140px}
.product-list-page .products ul li .p1 figure img {top:40%}}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) {
.product-list-page .products ul li .p1 figure {padding-top:200px}
.product-list-page .products ul li .p1 figure img {top:40%;width:50%}
.product-list-page .products ul li.wd .p1 figure img {top:35%;width:60%}}
@media only screen and (min-device-width:834px) and (max-device-width:1112px) and (-webkit-min-device-pixel-ratio:2) {
.product-list-page .products ul li .p1 figure {padding-top:200px}
.product-list-page .products ul li .p1 figure img {top:40%;width:50%}
.product-list-page .products ul li.wd .p1 figure img {top:35%;width:60%}}

.product-detail-page .sell-points{ padding-top:5px;}
.product-detail-page .images-info {width:85vw;margin:0 auto;padding:5vw 0 6.25vw;display:flex}
.product-detail-page .images-info .product-pic {width:50%;display:inline-block}
.product-detail-page .images-info .product-pic .pic-slick figure {padding:0 3.6458333333vw;height:450px;min-height:250px;display:flex;align-items:center;justify-content:center}
.product-detail-page .images-info .product-pic .pic-slick figure img {width:450px}
.product-detail-page .images-info .product-pic .pic-nav {margin-top:20px}
.product-detail-page .images-info .product-pic .pic-nav .img-box {outline-style:none;display:flex;justify-content:center;margin-right:10px}
.product-detail-page .images-info .product-pic .pic-nav .img-box:first-child {margin-left:0}
.product-detail-page .images-info .product-pic .pic-nav .img-box:last-child {margin-right:0}
.product-detail-page .images-info .product-pic .pic-nav .img-box.slick-current figure::after {background-color:rgba(255, 255, 255, 0)}
.product-detail-page .images-info .product-pic .pic-nav .img-box figure {position:relative;height:100%;display:flex;align-items:center;border:1px solid #e0e0e0;width:70px;height:70px}
.product-detail-page .images-info .product-pic .pic-nav .img-box figure:hover{cursor:pointer;}
.product-detail-page .images-info .product-pic .pic-nav .img-box figure::after {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255, 255, 255, .5)}
.product-detail-page .images-info .product-pic .pic-nav .img-box figure img {width:100%}
.product-detail-page .images-info .product-info {width:50%;display:inline-block;padding-left:2.vw;}
.product-detail-page .images-info .product-info>.model {font-size:50px;}
.product-detail-page .images-info .product-info .title {font-size:30px;}
.product-detail-page .images-info .product-info .price {margin-top:2.0833333333vw}
.product-detail-page .images-info .product-info .price span {display:inline-block;vertical-align:middle}
.product-detail-page .images-info .product-info .price span:first-child {font-size:18px;margin-right:5px}
.product-detail-page .images-info .product-info .price span:last-child {font-size:28px}
.product-detail-page .images-info .product-info .intro {margin-top:1.5vw; padding-top:30px; padding-bottom:30px;border-top:1px solid #efeff1;font-size:18px;white-space:pre-wrap;display:flex;flex-direction:column;}





.product-detail-page .cat-nav {text-align:center}
.product-detail-page .cat-nav li {float:unset}
.product-detail-page .params li {width:100%; font-size:14px;}
.product-detail-page .products ul li {width:50%;order:0}
.product-detail-page .products ul li.wd {order:1;width:100%}
.product-detail-page .products ul li a figure {padding-top:30vw}
.product-detail-page .products ul li a figure img {top:40%}
.product-detail-page .products ul li a figure figcaption p {line-height:1.2;font-size:14px;margin-top:10px}}




.product-detail-page .images-info .product-info .intro ul li {line-height:2;letter-spacing:.05em;display:flex;align-items:center;list-style:disc inside}
.product-detail-page .images-info .product-info .intro ul li img {margin-right:1vw}
.product-detail-page .images-info .product-info .intro p {line-height:1.7}
.product-detail-page .images-info .product-info .intro p img {vertical-align:middle;margin-right:5px}

.product-detail-page .images-info>:nth-child(1){display:none;}

.product-detail-page .images-info .product-info .filter {font-size:14px;padding:10px 0;position:relative;border-top:1px solid #efeff1;}

@media screen and (max-width:860px) {
.product-detail-page .images-info {flex-wrap:wrap; padding:0;}
.product-detail-page .images-info .product-pic {width:100%}
.product-detail-page .images-info .product-pic .pic-slick figure {height:auto}
.product-detail-page .images-info .product-pic .pic-slick figure img {width:100%}
.product-detail-page .images-info .product-info {width:100%;margin-top:15px}
.product-detail-page .images-info .product-info>.model {text-align: left; font-size:30px;}
.product-detail-page .images-info .product-info .title {text-align:left; font-size:16px;}
}


@media screen and (max-width:767px){.product-detail-page .images-info .product-info .intro{ font-size:16px; padding-top:10px; padding-bottom:10px;border-bottom:1px solid #efeff1;}
.product-detail-page .images-info .product-info{ padding-left:0;}
.product-detail-page .images-info .product-info h3{ padding-bottom:10px;text-transform: uppercase;}

}


@media screen and (max-width:767px){.product-detail-page .images-info .product-info .filter {border-bottom:1px solid #efeff1;border-top:none; padding-top:5px; padding-bottom:10px; margin-bottom:10px;}
.product-detail-page .images-info .product-info .filter {display:none;}}
.product-detail-page .images-info .product-info .intro p{ font-size:16px;}
.product-detail-page .images-info .product-info .filter .name { float:left;margin-right:1.5vw;color:#777; padding-top:10px;}
.product-detail-page .images-info .product-info .filter ul {overflow:hidden}
.product-detail-page .images-info .product-info .filter ul li { width:30px; height:30px;cursor:pointer;border:1px solid #d2d2d2;border-radius:50%;margin-right:10px;display:flex;justify-content:center;align-items:center;float:left;}

@media screen and (max-width:767px){.product-detail-page .images-info .product-info .filter ul li{width:20px; height:20px;}}
.product-detail-page .images-info .product-info .filter ul li:before{content:attr(data-title);
    white-space: nowrap;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
    z-index: 1;
    border: 1px solid #666;
    background: #f7f7f7;
    color: #000;
    position: absolute;    
    top: -15px;
    padding: 4px 10px;
    line-height: 1.6;
    font-size: 14px;
    opacity: 0;
    pointer-events: none;
    transition: .28s ease;
    transform: translateY(0%);}
.product-detail-page .images-info .product-info .filter ul li:hover:before{opacity: 1;transform: translateY(-50%);}
.product-detail-page .images-info .product-info .filter ul li.active, .product-detail-page .images-info .product-info .filter ul li:hover {border-color:#666;}
.product-detail-page .images-info .product-info .filter ul li i {width:20px;height:20px;border-radius:50%;border:1px solid #e0e0e0;display:inline-block;}
.product-detail-page .images-info .product-info .filter .model {margin-top:16px}
.product-detail-page .cat-nav ul {padding-left:42%;overflow:hidden;width:100%;z-index:1000;background-color:#fff;width:100%}
.product-detail-page .cat-nav ul li {position:relative;font-size:18px;font-weight:500;float:left;padding:0 15px 15px 15px;display:inline-block}
.product-detail-page .cat-nav ul li:first-child {padding-left:0}
.product-detail-page .cat-nav ul li:last-child a:after {display:none}
.product-detail-page .cat-nav ul li a {position:relative;display:block;cursor:pointer;text-transform: uppercase;}
.product-detail-page .cat-nav ul li a::after {content:"";position:absolute;top:0;right:-15px;width:2px;height:100%;background-color:#777}
.product-detail-page .cat-nav ul li a::before {content:"";position:absolute;display:none; bottom:-50%; left:50%; width: 0;height: 0;border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid black;}
.product-detail-page .cat-nav ul li.active a::before {display:block}

@media screen and (max-width:1200px) {.product-detail-page .cat-nav ul {padding-left:35%;}}
@media screen and (max-width:960px) {.product-detail-page .cat-nav ul { padding-top:5%; padding-bottom:1%; padding-left:20%;}}
@media screen and (max-width:767px) {.product-detail-page .cat-nav ul { padding-top:5%; padding-bottom:1%; padding-left:7%; padding-right:0px;}
.product-detail-page .cat-nav ul li a::after{background:#fff;}
.product-detail-page .cat-nav ul li{ padding:0 0 15px 10px; font-size:16px;}
.product-detail-page .cat-nav ul li a{padding:5px 8px;}
.product-detail-page .cat-nav ul li.active a{ font-size:16px; padding:5px 8px;background: #f8f8f8;
box-shadow: 0 0 3px #ddd;}

.product-detail-page .cat-nav ul li a::after{ right:-10px;}
.wrapper>.title h3{font-size: .5rem;}}
.product-detail-page .sell-points p {letter-spacing:.05em}
.product-detail-page .params {padding-left:8.3333333333%;padding-right:8.3333333333%;overflow:hidden;background-color:#fafafa;padding-top:4.1666666667vw;padding-bottom:4.1666666667vw;display:none}
@media screen and (max-width:1200px) {
.product-detail-page .params {padding-left:5%;padding-right:5%}}
@media screen and (max-width:960px) {.product-detail-page .params {padding-left:20px;padding-right:20px}}
.product-detail-page .params li {width:33.3333333333%;float:left;padding:3vw 0;display:inline-block}
.product-detail-page .params li p {overflow:hidden;position:relative}
.product-detail-page .params li p::before {content:"";display:block;position:absolute;top:50%;border-top:1px dashed #ccc;height:1px;width:100%}
.product-detail-page .params li p::after {content:"";display:block;clear:both}
.product-detail-page .params li p span {float:left;padding:0 10px;line-height:2;letter-spacing:.05em;background-color:#fafafa;position:relative}
@media screen and (max-width:767px){.product-detail-page .params li p span {padding:0 5px;letter-spacing:.01em;}
.product-detail-page .params li {width:100%;}
}
.product-detail-page .params li p span:last-child {float:right}


.product-detail-page .support {padding-left:8.3333333333%;padding-right:8.3333333333%;overflow:hidden;padding-top:7.8125vw;padding-bottom:7.8125vw}
@media screen and (max-width:1200px) {
.product-detail-page .support {padding-left:5%;padding-right:5%}}
@media screen and (max-width:960px) {.product-detail-page .support {padding-left:20px;padding-right:20px}}
.product-detail-page .support .info {text-align:center}
.product-detail-page .support .info img {margin-bottom:2.6041666667vw}
.product-detail-page .support .info h3 {font-size:24px;line-height:1.33333;letter-spacing:.05em;font-weight:500}
.product-detail-page .support .info p {font-size:16px;line-height:2;letter-spacing:.05em;font-weight:300;margin-top:20px}
.product-detail-page .support .info a {margin-top:50px}

.product-detail-page .products {padding-left:8.3333333333%;padding-right:8.3333333333%;overflow:hidden;padding-top:7.8125vw;padding-bottom:7.8125vw;background-color:#fafafa}
@media screen and (max-width:1200px) {.product-detail-page .products {padding-left:5%;padding-right:5%}}
@media screen and (max-width:960px) {.product-detail-page .products {padding-left:20px;padding-right:20px}}
.product-detail-page .products h3 {font-size:.36rem;line-height:1.6666666667;letter-spacing:.05em;font-weight:300;text-align:center;margin-bottom:25px}
.product-detail-page .products ul {display:flex;flex-wrap:wrap}
.product-detail-page .products ul li {width:25%}
.product-detail-page .products ul li.wd {width:50%}
.product-detail-page .products ul li.wd a figure img {width:80%}
.product-detail-page .products ul li:hover a {background-color:#f1f1f1}
.product-detail-page .products ul li a {margin:.46875vw;display:block;text-align:center;transition:all .3s;background-color:#fff}
.product-detail-page .products ul li a figure {position:relative;padding-top:19.0625vw}
.product-detail-page .products ul li a figure img {display:none;width:54%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.product-detail-page .products ul li a figure img:first-child {display:inline-block}
.product-detail-page .products ul li a figure figcaption {letter-spacing:.1em}
.product-detail-page .products ul li a figure figcaption h3 {font-size:.28rem}
.product-detail-page .products ul li a figure figcaption p {font-size:16px;line-height:2.5;color:#777;font-weight:200;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product-detail-page .products ul li a .dots {padding:16px 0;height:24px;box-sizing:content-box;display:flex;justify-content:center;align-items:center}
.product-detail-page .products ul li a .dots button {display:inline-block;border-radius:50%;width:8px;height:8px;border:none;position:relative;padding:0}
.product-detail-page .products ul li a .dots button.active::before {content:"";border:1px solid #777;width:12px;height:12px;border-radius:50%;display:inline-block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
.product-detail-page .products ul li a .dots button::before {display:none}
.product-detail-page .products ul li a .dots button~button {margin-left:7px}

@media screen and (min-width:1440px) {.product-detail-page .images-info .product-pic .pic-nav {margin-left:auto;margin-right:auto;width:400px}}


@media screen and (max-width:576px) {
.product-detail-page .sell-points .item .title {font-size:14px!important}
.product-detail-page .sell-points .item .desc {font-size:12px!important}
}

.support-page .services {padding-left:3%;padding-right:3%;overflow:hidden;overflow:hidden;margin-bottom:3vw;padding-top:1vw;}



@media screen and (max-width:1200px) {.support-page .services {padding-left:5%;padding-right:5%}}
@media screen and (max-width:960px) {.support-page .services {padding-left:1%;padding-right:1%}}




.support-page .services li {width:25%;text-align:center;float:left;}
.support-page .services li .tc {display:block;margin:15px;padding-top:5vw;padding-bottom:8vw;padding-left:15px;padding-right:15px;color:#000;background-color:#fafafa;border-radius:16px;cursor:pointer;}
.support-page .services li .tc figure img {height:4.1666666667vw;min-height:50px}
.support-page .services li .tc figure figcaption {margin-top:2vw;}
.support-page .services li .tc figure figcaption h5 {font-size:24px;line-height:2.33333;letter-spacing:.05em;font-weight:500}

.support-page .services li .tc1 {display:block;margin:15px;padding-top:5vw;padding-bottom:8vw;padding-left:15px;padding-right:15px;color:#000;background-color:#fafafa;border-radius:16px;cursor:pointer;}
.support-page .services li .tc1 figure img {height:4.1666666667vw;min-height:50px}
.support-page .services li .tc1 figure figcaption {margin-top:2vw;}
.support-page .services li .tc1 figure figcaption h5 {font-size:24px;line-height:2.33333;letter-spacing:.05em;font-weight:500}


@media screen and (max-width:960px) {
.support-page .services li .tc figure figcaption h5 {font-size:22px;}
.support-page .services li .tc1 figure figcaption h5 {font-size:22px;}
}
.support-page .services li .tc figure figcaption p {font-size:16px;line-height:35px;letter-spacing:.02em;font-weight:300;height:130px}
.support-page .services li .tc1 figure figcaption p {font-size:16px;line-height:35px;letter-spacing:.02em;font-weight:300;height:130px}

@media screen and (max-width:960px) {
.support-page .services li {
width:50%
}
}
@media screen and (max-width:860px) {
.support-page .services li {width:100%}
.support-page .services li .tc figure figcaption p {font-size:14px;text-overflow:ellipsis;height:auto}
.support-page .services li .tc1 figure figcaption p {font-size:14px;text-overflow:ellipsis;height:auto}

}




@media screen and (max-width:960px) {.support-page .services li {width:50%}}
@media screen and (max-width:860px) {.support-page .services li {width:100%}.support-page .services li a figure figcaption p {font-size:14px;text-overflow:ellipsis;height:auto}}

.download-page {overflow:visible}
.download-page .documents {padding-top:5%;overflow:hidden;overflow-y:visible}

@media screen and (max-width:1200px) {.download-page .documents {padding-left:5%;padding-right:5%}}
@media screen and (max-width:960px) {.download-page .documents {padding-left:20px;padding-right:20px}}

.download-page .documents .search {display:flex;flex-wrap:wrap;position:relative;z-index:2000;padding-left:5%;padding-bottom:30px;}

.download-page .documents .search::before {content:"";display:block;position:absolute;left:-200vw;bottom:0;width:500vw;height:2px;background-color:#efeff1}
.download-page .documents .search>li {position:relative;font-size:16px;margin-right:25px; padding:10px;box-sizing:content-box}
.download-page .documents .search>li:hover{background:#f8f8f8;box-shadow: 0 0 3px #ddd;border-radius: 16px;}


.download-page .documents .search>li:hover::before {width:100%}
.download-page .documents .search>li:last-child::before {height:0}
.download-page .documents .search>li>a {display:block;font-size:18px;font-weight:500}
.download-page .documents .search>li>a i {display:inline-block;vertical-align:middle;font-size:12px;margin-left:4px}
.download-page .documents .search>li>ul {display:none;position:absolute;top:47px;z-index:100;width:550px;background-color:#fff;max-height:450px;overflow-y:scroll}
.download-page .documents .search>li>ul>li:first-child>a {border-top:none}
.download-page .documents .search>li>ul>li:last-child>a {border-bottom:1px solid #efeff1}
.download-page .documents .search>li>ul>li>a {display:block;font-size:16px;line-height:2.14286;letter-spacing:.05em;padding:1.0416666667vw;position:relative;border-top:1px solid #efeff1}
.download-page .documents .search>li>ul>li>a:hover {background-color:#fafafa}
.download-page .documents .search>li>ul>li>a.active i::after {display:none}
.download-page .documents .search>li>ul>li>a i {display:block;position:absolute;width:10px;height:10px;top:50%;right:20px;margin-top:-5px}
.download-page .documents .search>li>ul>li>a i::after, .download-page .documents .search>li>ul>li>a i::before {content:"";display:block;position:absolute;background-color:#000;top:50%;left:50%}
.download-page .documents .search>li>ul>li>a i::before {width:100%;height:2px;top:50%;transform:translateY(-50%);left:0}
.download-page .documents .search>li>ul>li>a i::after {width:2px;height:100%;top:0;transform:translateX(-50%)}
.download-page .documents .search>li>ul>li>ul {	padding-left:20px;display:none}
.download-page .documents .search>li>ul>li>ul li a {display:block;font-size:14px;line-height:2.14286;letter-spacing:.05em;padding:.5208333333vw;border:none}
.download-page .documents .search>li>ul>li>ul li a:hover {background-color:#fafafa}
.download-page .documents .search>li .search-form input {border:none;vertical-align:middle;font-size:16px;outline-style:none}
.download-page .documents .list li {width:100%}
.download-page .documents .list li a {padding:1vw 5vw;display:flex;justify-content:space-between;border-bottom:1px solid #efeff1}
.download-page .documents .list li a:hover {background-color:#fafafa}
.download-page .documents .list li a:hover h3 {transform:translateX(30px)}
.download-page .documents .list li a h3 {display:inline-block;vertical-align:middle;font-size:16px;letter-spacing:.1em;transition:all .3s;width:90%;word-break:break-all}
.download-page .documents .list li a i {display:block;width:20px;height:20px;background-color:#000;border-radius:50%;text-align:center;line-height:15px;color:#fff;font-size:14px}
.download-page .loading {margin:2.6041666667vw 0 6.25vw}
@media screen and (max-width:860px) {.download-page .documents .search>li>ul {height:300px}}

@media screen and (max-width:767px) {
.download-page .documents .search>li>ul {width:300px;height:300px}
.download-page .documents .search{padding-left:2%;}
.download-page .documents .list li a h3{ font-size:14px;}
.wrapper>.title{padding:30px;}
}
.contact-page .contact {display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;height:780px;}
.contact-page .contact .info, .contact-page .contact .pic {display:inline-block;vertical-align:top;width:70%}
.contact-page .contact .info {padding-left:6%;}
.contact-page .contact .info h3 {font-size:36px;line-height:1.69444;letter-spacing:.01em;font-family: Cambria;font-weight:800;padding-top:10px;}
.contact-page .contact .info p {font-size:16px;line-height:2;letter-spacing:.05em;color:#777;font-weight:300}
.contact-page .contact .info address {margin-top:2.6041666667vw}
.contact-page .contact .pic img {display:block}
.contact-page .contact .info {width:100%}
.contact-page .contact .pic {display:none}}
@media screen and (max-width:860px) {.contact-page .contact {padding-top:5.2083333333vw;padding-bottom:5.2083333333vw}