.fixed_ewm_box{ position:fixed; max-width: 70%; top: 50%; left: 50%; transform:translate(-50%,-50%);
z-index: 340; } .fixed_ewm_box img{ width: 100%!important; height: auto!important;
} .fixed_ewm_box .close{ position: absolute; right:0; top: 0; top: -20px;
right: -20px; }
body.cur header .logo{ display: none; } .supor-fixed3 .lists2 .imgs img{
height: 100%; }
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}.fancybox-close-small:focus{outline:none}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}}
/*Html5*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
/*Base*/
html, body{
font: 12px/22px "微软雅黑","\5b8b\4f53",Arial,sans-serif;
}
html {
color: #666;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/
}
* {
margin: 0;
padding: 0;
}
a {
text-decoration: none;
background: transparent; /*修正win8系统IE连接灰色背景*/
outline:none;
blr:expression(this.onFocus=this.blur());
}
a:focus {
outline: 0;
}
a:active,
a:hover {
outline: 0;
}
img {
border: 0;
vertical-align: middle;
-ms-interpolation-mode:bicubic;
transition: transform 1s;
}
img.hover{
transform: scale(1.15);
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/*legend*/
button,
input,
select,
textarea {
font-family: inherit;
font-size: 100%;
margin: 0;
outline:none;
}
button,
input {
line-height: normal;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input.submit {
cursor: pointer;
}
input.radio {
width: 13px;
height: 13px;
}
input[type="text"],
input[type="number"]{
-webkit-appearance: none;
}
textarea {
overflow: auto;
vertical-align: top;
resize: none;
-webkit-appearance: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ul,
ol,
li {
list-style: none;
float: left;
}
i, em{
font-style: normal;
}
/*清除浮动*/
.clear {
clear: both;
}
.f-cb{
zoom: 1;
}
.f-cb:after{
display:block;
height:0;
clear:both;
visibility:hidden;
overflow:hidden;
content:".";
}
.fl {
float:left;
display: inline;
}
.fr {
float:right;
display: inline;
}
.por{
position: relative;
}
.poa{
position: absolute;
}
.pof{
position: fixed;
}
.poa-f{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.ovh{
overflow: hidden;
}
.noselect{
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.curp{
cursor: pointer;
}
.z1{
z-index: 1;
}
.z2{
z-index: 2;
}
.z3{
z-index: 3;
}
.dn{
display: none;
}
.dib{
display: inline-block;
}
.w-f{
width: 100%;
}
.h-f{
height: 100%;
}
.fwn{
font-weight: normal;
}
.tac{
text-align: center;
}
.t-f{
transition: all 0.5s;
}
.t-c{
transition: color 0.5s;
}
.t-bg{
transition: background 0.5s;
}
html, body {
position: relative;
}
.header-nav-btn {
width: 46px;
height: 36px;
cursor: pointer;
position: absolute;
left: 0;
top: 0;
z-index: 10;
}
.header-nav-btn .box {
width: 20px;
height: 15px;
margin: 16px auto;
position: relative;
}
.header-nav-btn .line {
display: block;
height: 1px;
background-color: #fff;
position: absolute;
left: 0;
width: 100%;
}
.header-nav-btn .line-top {
top: 0;
-webkit-transform-origin: left top 0;
-ms-transform-origin: left top 0;
transform-origin: left top 0;
}
.header-nav-btn .line-cen {
top: 7px;
}
.header-nav-btn .line-bot {
bottom: 0;
-webkit-transform-origin: left bottom 0;
-ms-transform-origin: left bottom 0;
transform-origin: left bottom 0;
}
header {
width: 100%;
background-color: #00a7e1;
position: relative;
}
header .logo {
/*display: block;*/
/*width: 128px;*/
/*margin: 0 auto;*/
}
header .logo img {
display: block;
width: 100%;
}
header .en {
display: block;
position: absolute;
right: 0;
top: 0;
color: #fff;
width: 50px;
height: 100%;
line-height: 36px;
font-size: 14px;
text-align: center;
}
header .link-shop{
display: inline-block;
height: 47px;
width: 51px;
background-size: 110% auto;
position: absolute;
right: 0;
top: 0;
}
footer {
background-color: #fff;
border-top: 1px solid #dbdbdb;
}
footer .navbox ul, footer .navbox li {
width: 100%;
}
footer .navbox li {
border-bottom: 1px solid #e5e5e5;
}
footer .navbox .tit {
display: block;
width: 90%;
height: 38px;
line-height: 38px;
color: #333;
font-size: 14px;
padding: 0 5%;
}
footer .navbox .tit.on .ico {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
footer .navbox .ico {
display: block;
width: 9px;
height: 9px;
background-size: 100% auto;
margin-top: 14px;
float: right;
-webkit-transition: -webkit-transform 0.3s ease 0s;
transition: transform 0.3s ease 0s;
}
footer .navbox .sub-box {
width: 85%;
padding: 8px 7.5%;
padding-left: 0;
display: none;
}
footer .navbox .sub-box a {
display: block;
line-height: 28px;
font-size: 12px;
color: #666;
}
footer .navbox .sub-box a:hover {
color: #000;
}
footer .bot-box {
text-align: center;
padding-top: 13px;
padding-bottom: 18px;
}
footer .bot-box p {
line-height: 30px;
}
footer .bot-box .link {
text-align: center;
}
footer .bot-box .link a {
color: #666;
}
footer .bot-box .oran {
color: #00a7e1;
}
nav {
position: fixed;
z-index: 9;
left: 0;
top: 0;
z-index: 8;
width: 100%;
height: 0;
}
nav .bg {
display: block;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.9;
}
nav ul {
-webkit-transition: visibility 1s linear 0s;
transition: visibility 1s linear 0s;
width: 78%;
left: 11%;
position: absolute;
top: 96px;
visibility: hidden;
}
nav ul.show {
visibility: visible;
}
nav ul.show li {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
nav li {
width: 100%;
border-bottom: 1px solid #434443;
line-height: 39px;
-webkit-transform: scale(1.1) translateY(-24px);
-ms-transform: scale(1.1) translateY(-24px);
transform: scale(1.1) translateY(-24px);
opacity: 0;
-webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
transition: opacity 0.35s ease-out, transform 0.35s ease-out;
}
nav li a {
display: block;
color: #e8e8e8;
height: 39px;
}
nav li .ico {
display: inline-block;
width: 37px;
height: 39px;
float: left;
}
nav li:nth-child(1) {
-webkit-transition-delay: 50ms,50ms;
transition-delay: 50ms,50ms;
}
nav li:nth-child(2) {
-webkit-transition-delay: 100ms,100ms;
transition-delay: 100ms,100ms;
}
nav li:nth-child(3) {
-webkit-transition-delay: 150ms,150ms;
transition-delay: 150ms,150ms;
}
nav li:nth-child(4) {
-webkit-transition-delay: 200ms,200ms;
transition-delay: 200ms,200ms;
}
nav li:nth-child(5) {
-webkit-transition-delay: 250ms,250ms;
transition-delay: 250ms,250ms;
}
nav li:nth-child(6) {
-webkit-transition-delay: 300ms,300ms;
transition-delay: 300ms,300ms;
}
nav li:nth-child(7) {
-webkit-transition-delay: 350ms,350ms;
transition-delay: 350ms,350ms;
}
nav li:nth-child(8) {
-webkit-transition-delay: 400ms,400ms;
transition-delay: 400ms,400ms;
}
/********************首页******************/
.i-ban {
width: 100%;
position: relative;
overflow: hidden;
}
.i-ban ul {
width: 100%;
}
.i-ban li {
width: 100%;
}
.i-ban li img {
display: block;
width: 100%;
}
.i-ban .pagination {
position: absolute;
bottom: 8px;
left: 50%;
height: 8px;
z-index: 5;
}
.i-ban .pagination span {
display: block;
width: 6px;
height: 6px;
margin: 0 3px;
border: 1px solid #00a7e1;
float: left;
border-radius: 50%;
}
.i-ban .pagination span.swiper-pagination-bullet-active {
background-color: #00a7e1;
}
.i-main {
width: 93.8%;
padding: 10px 3.1% 5px;
background-color: #ededed;
}
.i-main ul {
width: 100%;
}
.i-main li {
width: 100%;
margin-bottom: 10px;
}
.i-main li a {
display: block;
}
.i-main li img {
display: block;
width: 100%;
}
.i-main li .word {
width: 100%;
background-color: #fff;
padding-top: 15px;
padding-bottom: 15px;
text-align: center;
}
.i-main li .t1 {
font-size: 16px;
color: #000;
line-height: 25px;
}
.i-main li .t2 {
line-height: 22px;
color: #888;
font-size: 13px;
}
/**********************在线商城*******************/
.mall-wrap .top-ban {
background-size: 100% auto;
text-align: center;
position: relative;
padding-top: 32px;
padding-bottom: 20px;
z-index: 2;
}
.mall-wrap .top-ban h3 {
font-size: 16px;
color: #00a7e1;
line-height: 27px;
}
.mall-wrap .top-ban .word {
display: block;
width: 84%;
margin: 6px auto 0;
line-height: 16px;
font-size: 11px;
}
.mall-wrap .top-ban .brand {
width: 100%;
display: block;
margin-top: 10px;
}
.mall-wrap .top-ban .poin {
display: block;
margin: 10px auto 0;
width: 87px;
}
.mall-wrap .top-ban .sele {
width: 78%;
background-size: 100% auto;
text-align: left;
margin: 10px auto 0;
position: relative;
}
.mall-wrap .top-ban .sele .tit {
width: 88%;
padding: 0 6%;
height: 28px;
line-height: 28px;
cursor: pointer;
}
.mall-wrap .top-ban .sele .sub-box {
width: 100%;
position: absolute;
top: 30px;
border-radius: 2px;
border: 1px solid #f2f2f2;
background-color: #fff;
left: 0;
display: none;
}
.mall-wrap .top-ban .sele .sub-box a {
display: block;
width: 88%;
padding-left: 6%;
padding-right: 6px;
line-height: 30px;
color: #666;
}
.mall-wrap .mall-nav {
width: 100%;
height: 40px;
}
.mall-wrap .nav-box {
width: 100%;
height: 40px;
border-bottom: 1px solid #efefef;
position: relative;
overflow: hidden;
z-index: 1;
background-color: #fff;
}
.mall-wrap .nav-box ul {
width: 103%;
}
.mall-wrap .nav-box li {
width: 24%;
border-right: 1px solid #efefef;
text-align: center;
line-height: 40px;
font-size: 12px;
font-weight: bold;
color: #666;
cursor: pointer;
}
.mall-wrap .nav-box li.hover {
background-color: #00a7e1;
color: #fff;
border-right: 1px solid #00a7e1;
}
.mall-wrap .nav-box.fixed {
position: fixed;
top: 0;
left: 0;
}
.mall-wrap .bg-white {
background-color: #fff;
}
.mall-wrap .bg-gray {
background-color: #fbfbfb;
}
.mall-wrap .section {
padding-top: 5px;
}
.mall-wrap .section .tit {
padding-left: 6%;
line-height: 35px;
font-size: 15px;
color: #333;
display: block;
}
.mall-wrap .section ul {
width: 100%;
}
.mall-wrap .section li {
width: 100%;
border-bottom: 1px solid #f2f2f2;
}
.mall-wrap .section li .lm-pro {
width: 50%;
float: left;
position: relative;
}
.mall-wrap .section li .lm-pro img {
display: block;
width: 36%;
float: left;
margin-left: 8%;
}
.mall-wrap .section li .lm-pro .poin {
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 6px solid #f5f5f5;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -4px;
display: none;
}
.mall-wrap .section li .ft {
padding-top: 15px;
margin-left: 5%;
}
.mall-wrap .section li .cn {
font-size: 14px;
color: #000;
line-height: 20px;
width: 80px;
}
.mall-wrap .section li .en {
color: #d7d7d7;
line-height: 14px;
font-size: 10px;
width: 80px;
text-transform: uppercase;
}
.mall-wrap .section .lm-pro.hover .cn {
color: #00a7e1;
}
.mall-wrap .section .lm-pro.hover .en {
color: #00a7e1;
}
.mall-wrap .section .lm-pro.hover .poin {
display: block;
}
.mall-wrap .section .lk {
width: 92%;
padding: 12px 4%;
background-color: #f8f8f8;
display: none;
}
.mall-wrap .section .lk a {
display: inline-block;
float: left;
width: 25%;
margin-left: 4%;
}
.mall-wrap .section .lk img {
display: block;
width: 100%;
}
.mall-wrap .section .lk.right a {
float: right;
margin-right: 4%;
}
/******************公司简介*****************/
.crumbs {
width: 94%;
padding: 0 3%;
line-height: 30px;
font-size: 12px;
background-color: #f9f9f9;
}
.crumbs a {
color: #000;
float: left;
}
.crumbs a.home {
display: inline-block;
padding-left: 19px;
background-size: auto 50%;
}
.crumbs span {
float: left;
display: inline-block;
width: 18px;
color: #aeaeae;
text-align: center;
}
.crumbs b {
color: #00a7e1;
}
.about-ban img {
display: block;
width: 100%;
}
.about-ban{
width: 100%;
position: relative;
overflow: hidden;
}
.about-ban ul,.about-ban li{
width: 100%;
}
.about-ban .pagination-s{
position: absolute;
bottom: 8px;
left: 50%;
height: 8px;
z-index: 5;
}
.about-ban .pagination-s span {
display: block;
width: 6px;
height: 6px;
margin: 0 3px;
border: 1px solid #00a7e1;
float: left;
border-radius: 50%;
}
.about-ban .pagination-s span.swiper-pagination-bullet-active{
background-color: #00a7e1;
}
.ins-nav {
width: 100%;
position: relative;
}
.ins-nav .center {
width: 92%;
margin: 0 auto;
position: relative;
padding-top: 21px;
padding-bottom: 20px;
overflow: hidden;
}
.ins-nav ul {
width: 100%;
height: 70px;
}
.ins-nav li {
width: 32%;
height: 70px;
border-right: 1px solid #f8f8f8;
}
.ins-nav li img {
display: block;
width: 42%;
margin: 0 auto;
}
.ins-nav li p {
line-height: 18px;
text-align: center;
color: #999;
}
.ins-nav li a {
display: block;
height: 70px;
position: relative;
}
.ins-nav li .bg {
display: none;
width: 100%;
height: 52px;
background-size: 100% auto;
position: absolute;
bottom: -8px;
}
.ins-nav li:nth-child(3n+0) {
border-right: none;
}
.ins-nav li.hover p {
color: #00a7e1;
}
.ins-nav li.hover .bg {
display: block;
}
.ins-nav .butn {
width: 3.5%;
height: 116px;
cursor: pointer;
position: absolute;
top: 0;
}
.ins-nav .prev {
left: 0;
background-size: 70% auto;
}
.ins-nav .next {
right: 0;
background-size: 70% auto;
}
.ins-nav.duty-nav .center {
width: 88%;
}
.ins-nav.duty-nav .center li {
width: 33.3%;
}
.about-wrap .top-l-pl {
width: 100%;
position: relative;
}
.about-wrap .top-l-pl .l-pl-img {
width: 100%;
display: block;
}
.about-wrap .top-l-pl a.l-pl-a {
display: block;
width: 39%;
position: absolute;
left: 30%;
bottom: -10px;
}
.about-wrap .top-l-pl a.l-pl-a img {
display: block;
width: 100%;
}
.about-wrap .wo-ct {
width: 84%;
line-height: 18px;
color: #888;
padding: 27px 8% 23px;
background-color: #f5f5f5;
}
.about-wrap .wo-ct .blk {
color: #333;
}
.about-wrap .wo-ct img {
max-width: 100%;
display: block;
height: auto;
}
.history-wrap {
background-color: #f5f5f5;
}
.history-wrap .top-his-img {
width: 100%;
}
.history-wrap .top-his-img img {
display: block;
width: 100%;
}
.history-wrap .list {
padding-bottom: 40px;
width: 94%;
margin: 0 auto;
position: relative;
}
.history-wrap ul,.history-wrap li {
width: 100%;
}
.history-wrap li .year{
font-size: 22px;
font-family: "Arial";
font-weight: bold;
color: #00a7e1;
line-height: 32px;
}
.history-wrap li .right-box{
width: 243px;
}
.history-wrap li .right-box .top-bg-fir{
width: 100%;
height: 12px;
background-size: 100% auto;
}
.history-wrap li .right-box .top-bg{
width: 100%;
height: 12px;
background-size: 100% auto;
margin-top: -12px;
}
.history-wrap li .right-box .contbox{
border-left: 3px solid #00a7e1;
width: 240px;
padding-top: 10px;
padding-bottom: 20px;
}
.history-wrap li .right-box .word{
color: #00a7e1;
line-height: 20px;
font-size: 12px;
width: 112px;
margin-left: 12px;
}
.history-wrap li .right-box .word p{
padding-left: 9px;
margin-bottom: 5px;
}
.history-wrap li .right-box img{
float: right;
max-width: 84px;
}
.history-wrap .list .more{
display: block;
width: 102px;
position: absolute;
left: 50%;
bottom: 15px;
margin-left: -144px;
}
.history-wrap .list .more img{
display: block;
width: 100%;
}
.history-wrap .list .bot-intr{
font-size: 14px;
line-height: 24px;
color: #00a7e1;
border-bottom: 2px solid #00a7e1;
position: absolute;
right: 0;
bottom: 40px;
}
.history-wrap-sec {
background-color: #f5f5f5;
}
.history-wrap-sec .top-his-img {
width: 100%;
}
.history-wrap-sec .top-his-img img {
display: block;
width: 100%;
}
.history-wrap-sec .list {
padding-bottom: 15px;
}
.history-wrap-sec .list ul {
width: 100%;
}
.history-wrap-sec .list li {
width: 90%;
padding: 10px 4% 12px 6%;
background-color: #fff;
}
.history-wrap-sec .list li:hover, .history-wrap-sec .list li.hover {
background-color: #00a7e1;
}
.history-wrap-sec .list li:hover .fl, .history-wrap-sec .list li.hover .fl {
border-right: 1px solid #ff8533;
}
.history-wrap-sec .list li:hover .fl p, .history-wrap-sec .list li.hover .fl p {
color: #fff;
}
.history-wrap-sec .list li:hover .fl span, .history-wrap-sec .list li.hover .fl span {
color: #ffb380;
}
.history-wrap-sec .list li:hover .fr, .history-wrap-sec .list li.hover .fr {
color: #fff;
}
.history-wrap-sec .list li.gray {
background-color: #f2f2f2;
}
.history-wrap-sec .list li.gray:hover, .history-wrap-sec .list li.gray.hover {
background-color: #00a7e1;
}
.history-wrap-sec .list .fl {
border-right: 1px solid #d6d6d6;
padding-right: 4%;
}
.history-wrap-sec .list .fl p {
color: #666;
line-height: 25px;
}
.history-wrap-sec .list .fl strong {
font-family: "Arial";
font-size: 29px;
font-style: italic;
font-weight: normal;
}
.history-wrap-sec .list .fl i {
font-size: 14px;
font-family: "Arial";
font-style: italic;
}
.history-wrap-sec .list .fl span {
display: block;
color: #acacac;
line-height: 15px;
letter-spacing: -1px;
font-style: italic;
width: 100px;
}
.history-wrap-sec .list .fr {
width: 56%;
line-height: 16px;
color: #666;
padding-top: 3px;
}
.history-wrap-sec .more {
display: block;
width: 44%;
margin: 15px auto 0;
}
.history-wrap-sec .more img {
display: block;
width: 100%;
}
.page {
padding-top: 14px;
padding-bottom: 20px;
text-align: center;
}
.page .pull-right img {
width: 100%;
display: block;
}
.page .pull-right ul{
float: none;
}
.page .pull-right .pagination li{
float: none;
display: inline-block;
width: 27px;
padding: 0;
height: 27px;
text-align: center;
line-height: 27px;
color: #999;
margin: 0 2px 2px;
background-color: #e9e9e9;
}
.page .pull-right .pagination li a{
color: #999;
display: block;
width: 27px;
height: 27px;
padding: 0;
}
.page .pull-right .pagination li.active a{
color: #fff;
background-color: #00a7e1;
width: 100%;
height: 100%;
}
.page .pull-right .pagination li.previous,.page .pull-right .pagination li.next{
width: auto;
}
.page .pull-right .pagination li.previous a,.page .pull-right .pagination li.next a{
display: block;
padding: 0 5px;
width: auto;
}
.news-wrap {
background-color: #f5f5f5;
width: 94%;
padding: 23px 3% 0;
}
.news-wrap .ins-tit{
padding-top: 0;
}
.news-wrap .inves-nav{
margin-bottom: 15px;
}
.news-wrap .tit {
width: 100%;
text-align: center;
padding-bottom: 13px;
}
.news-wrap .tit .en {
line-height: 33px;
text-transform: uppercase;
font-size: 30px;
}
.news-wrap .tit .cn {
line-height: 28px;
font-size: 15px;
}
.news-wrap .recom-scroll {
width: 100%;
padding-bottom: 28px;
position: relative;
overflow: hidden;
}
.news-wrap .recom-scroll ul, .news-wrap .recom-scroll li {
width: 100%;
}
.news-wrap .recom-scroll li {
background-color: #fff;
}
.news-wrap .recom-scroll li a {
display: block;
width: 86.6%;
padding: 20px 6.7% 23px;
}
.news-wrap .recom-scroll li img {
width: 100%;
display: block;
}
.news-wrap .recom-scroll li .name {
display: block;
line-height: 25px;
font-size: 16px;
color: #000;
margin-top: 10px;
}
.news-wrap .recom-scroll li .date {
display: block;
line-height: 19px;
color: #666;
}
.news-wrap .recom-scroll li .ft {
display: block;
line-height: 16px;
margin-top: 7px;
color: #999;
}
.news-wrap .recom-scroll .pagination {
position: absolute;
bottom: 12px;
left: 50%;
}
.news-wrap .recom-scroll .pagination span {
display: block;
width: 6px;
height: 6px;
margin: 0 3px;
border: 1px solid #00a7e1;
float: left;
border-radius: 50%;
}
.news-wrap .recom-scroll .pagination span.swiper-pagination-bullet-active {
background-color: #00a7e1;
}
.news-wrap .list ul, .news-wrap .list li {
width: 100%;
}
.news-wrap .list li {
margin-bottom: 10px;
background-color: #fff;
}
.news-wrap .list li a {
width: 86.3%;
padding: 15px 6.7%;
display: block;
}
.news-wrap .list li span {
display: block;
}
.news-wrap .list li .date {
line-height: 19px;
color: #666;
}
.news-wrap .list li .name {
line-height: 23px;
margin-top: 5px;
color: #000;
font-size: 15px;
}
.news-wrap .list li .ft {
line-height: 16px;
color: #999;
margin-top: 7px;
}
.news-wrap .list li .look {
line-height: 24px;
font-size: 14px;
color: #333;
margin-top: 29px;
}
.news-info {
width: 94%;
padding: 14px 3% 25px;
background-color: #f5f5f5;
}
.news-info .titbox {
padding-bottom: 6px;
border-bottom: 1px solid #dcdcdc;
}
.news-info .titbox h3 {
font-size: 14px;
color: #333;
font-weight: normal;
}
.news-info .titbox .date {
line-height: 16px;
color: #777;
}
.news-info .cont {
padding-top: 17px;
width: 100%;
padding-bottom: 25px;
}
.news-info .cont img{
max-width: 100%;
display: block;
height: auto;
}
.news-info .return {
padding-bottom: 20px;
border-bottom: 1px solid #dcdcdc;
}
.news-info .return a {
display: block;
width: 83%;
height: 30px;
line-height: 30px;
text-align: center;
color: #fff;
font-size: 14px;
background-color: #00a7e1;
border-radius: 16px;
margin: 0 auto;
}
.news-info .paging {
padding-top: 10px;
}
.news-info .paging p {
line-height: 24px;
}
.news-info .paging a {
color: #666;
}
.jobs-ban {
position: relative;
overflow: hidden;
}
.jobs-ban ul, .jobs-ban li {
width: 100%;
}
.jobs-ban ul img, .jobs-ban li img {
display: block;
width: 100%;
}
.jobs-ban .pagination {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 2;
}
.jobs-ban .pagination span {
display: block;
width: 6px;
height: 6px;
margin: 0 3px;
border: 1px solid #00a7e1;
float: left;
border-radius: 50%;
}
.jobs-ban .pagination span.swiper-pagination-bullet-active {
background-color: #00a7e1;
border-box: shadow();
}
.jobs-wrap {
background-color: #f5f5f5;
padding-bottom: 30px;
}
.jobs-wrap .navbox {
padding-top: 8px;
padding-bottom: 20px;
text-align: center;
}
.jobs-wrap .navbox a {
display: inline-block;
width: 24%;
border: 1px solid #dbdbdb;
line-height: 24px;
border-radius: 14px;
margin: 0 5px;
text-align: center;
color: #333;
vertical-align: top;
}
.jobs-wrap .navbox a:hover, .jobs-wrap .navbox a.hover {
background-color: #00a7e1;
border: 1px solid #00a7e1;
color: #fff;
}
.jobs-wrap .scroll {
width: 95%;
position: relative;
overflow: hidden;
}
.jobs-wrap .scroll ul {
width: 100%;
}
.jobs-wrap .scroll li {
width: 62%;
margin-right: 3%;
background-color: #fff;
padding-bottom: 40px;
position: relative;
overflow: hidden;
}
.jobs-wrap .scroll li img {
display: block;
width: 100%;
}
.jobs-wrap .scroll li.auto {
height: auto;
}
.jobs-wrap .scroll li.auto .font {
height: auto;
}
.jobs-wrap .scroll .cont {
width: 84%;
padding: 15px 8% 0;
position: relative;
}
.jobs-wrap .scroll .cn {
line-height: 18px;
font-size: 14px;
font-weight: bold;
}
.jobs-wrap .scroll .en {
line-height: 20px;
color: #bcbcbc;
text-transform: uppercase;
}
.jobs-wrap .scroll .line {
display: block;
width: 8px;
height: 1px;
background-color: #9e9e9e;
margin-top: 5px;
}
.jobs-wrap .scroll .font {
display: block;
line-height: 18px;
margin-top: 6px;
height: 108px;
overflow: hidden;
}
.jobs-wrap .scroll .more {
display: none;
padding-right: 25px;
background-size: auto 100%;
line-height: 16px;
position: absolute;
right: 8%;
bottom: -30px;
}
.jobs-wrap .scroll .more.hover {
background-size: auto 100%;
}
.jobs-wrap .scroll li:hover .cn {
color: #00a7e1;
}
.ins-tit {
padding-top: 23px;
text-align: center;
}
.ins-tit .en {
line-height: 33px;
font-size: 16px;
font-family: "Arial";
text-transform: uppercase;
}
.ins-tit .cn {
line-height: 28px;
font-size: 22px;
}
.joinus-wrap .sc-box {
width: 94%;
padding: 0 3%;
}
.joinus-wrap .sc-box .tex {
border: none;
width: 90%;
padding: 7px 5%;
background-color: #eaeaea;
color: #666;
font-size: 14px;
height: 15px;
line-height: 16px;
margin-bottom: 10px;
}
.joinus-wrap .sc-box .sele {
border: none;
background-color: #eaeaea;
width: 49%;
height: 26px;
color: #666;
padding-left: 4%;
}
.joinus-wrap .sc-box .sub-btn {
border: none;
width: 100%;
text-align: center;
height: 28px;
line-height: 28px;
color: #fff;
background-color: #666;
margin-top: 10px;
}
.joinus-wrap .list {
margin-top: 10px;
width: 94%;
padding: 0 3%;
}
.joinus-wrap .list .tab-tt {
border-top: 2px solid #dfdfde;
line-height: 30px;
border-bottom: 1px solid #dfdfde;
padding-left: 5%;
color: #333;
font-weight: bold;
}
.joinus-wrap .list .tab-tt span {
display: inline-block;
float: left;
}
.joinus-wrap .list .tab-tt .t1 {
width: 25%;
text-align: center;
}
.joinus-wrap .list .tab-tt .t2 {
width: 20%;
text-align: center;
}
.joinus-wrap .list .name {
padding-left: 17px;
background-size: auto 40%;
width: 47%;
}
.joinus-wrap .list ul, .joinus-wrap .list li {
width: 100%;
}
.joinus-wrap .list li {
line-height: 30px;
border-bottom: 1px solid #eee;
}
.joinus-wrap .list li a {
display: block;
padding-left: 5%;
width: 95%;
color: #666;
}
.joinus-wrap .list li span {
display: block;
float: left;
}
.joinus-wrap .list li .ft1 {
width: 53%;
}
.joinus-wrap .list li .ft2 {
width: 25%;
text-align: center;
}
.joinus-wrap .list li .ft3 {
width: 20%;
text-align: center;
}
.joinus-wrap .list li:hover {
background-color: #00a7e1;
}
.joinus-wrap .list li:hover a {
color: #fff;
}
.join-info {
width: 88%;
padding: 15px 6% 26px;
background-color: #f5f5f5;
}
.join-info h3 {
font-size: 16px;
color: #333;
font-weight: normal;
line-height: 28px;
}
.join-info .lab {
width: 100%;
line-height: 20px;
padding-bottom: 5px;
border-bottom: 1px solid #dcdcdc;
margin-top: 3px;
}
.join-info .lab span {
float: left;
display: inline-block;
padding-left: 13px;
background-size: auto 50%;
margin-right: 14px;
}
.join-info .cont {
padding-bottom: 17px;
border-bottom: 1px solid #dcdcdc;
padding-top: 10px;
}
.join-info .cont strong {
color: #000;
}
.join-info .bot-btn {
width: 100%;
margin-top: 10px;
}
.join-info .bot-btn a {
border-radius: 2px;
font-size: 14px;
height: 28px;
line-height: 28px;
color: #fff;
text-align: center;
}
.join-info .bot-btn a.sub-btn {
display: block;
width: 68%;
background-color: #00a7e1;
}
.join-info .bot-btn a.return {
display: block;
width: 28.5%;
background-color: #999;
}
.join-info .bot-link {
line-height: 28px;
}
.join-info .bot-link a {
color: #333;
text-transform: uppercase;
}
.inves-nav {
width: 100%;
text-align: center;
margin-top: 10px;
}
.inves-nav a {
display: inline-block;
vertical-align: top;
padding: 0 4%;
border: 1px solid #dbdbdb;
line-height: 25px;
color: #333;
border-radius: 16px;
}
.inves-nav a.hover {
color: #fff;
background-color: #00a7e1;
border: 1px solid #00a7e1;
}
.inves-wrap {
background-color: #f5f5f5;
}
.inves-wrap .list-wrap {
margin-top: 20px;
width: 94%;
padding: 0 3%;
}
.inves-wrap .list-wrap ul, .inves-wrap .list-wrap li {
width: 100%;
}
.inves-wrap .list-wrap li {
margin-bottom: 10px;
background-color: #fff;
}
.inves-wrap .list-wrap li a {
display: block;
width: 88%;
padding: 15px 6%;
}
.inves-wrap .list-wrap li.img {
width: 88%;
padding: 15px 6%;
}
.inves-wrap .list-wrap li.img img {
width: 100%;
display: block;
}
.inves-wrap .list-wrap .date {
line-height: 18px;
color: #666;
}
.inves-wrap .list-wrap .font {
display: block;
line-height: 24px;
font-size: 14px;
color: #000;
margin-top: 6px;
}
.inves-wrap .list-wrap .look {
line-height: 24px;
margin-top: 10px;
display: block;
font-size: 13px;
color: #333;
}
.mailbox {
width: 100%;
margin-top: 24px;
}
.mailbox ul {
width: 100%;
}
.mailbox li,.mailbox dl {
width: 100%;
}
.mailbox li .ico {
display: block;
width: 12%;
}
.mailbox li .ico img {
display: block;
width: 100%;
}
.mailbox dl img{
display: block;
width: 8%;
float: left;
}
.mailbox dl .lm-r{
float: left;
width: 88%;
margin-left: 3%;
}
.mailbox dl dd{
width: 94%;
padding: 10px 3% 12px;
border-bottom: 1px solid #e9e9e9;
}
.mailbox dl dd:after{
display:block;
height:0;
clear:both;
visibility:hidden;
overflow:hidden;
content:".";
}
.mailbox li strong,.mailbox dl h3 {
display: block;
line-height: 20px;
color: #333;
font-weight: normal;
font-size: 14px;
}
.mailbox li .long {
width: 88%;
}
.mailbox li .short {
width: 38%;
}
.mailbox li p {
color: #999;
line-height: 16px;
}
.contact-wrap {
background-color: #f9f9f9;
}
.contact-wrap .map {
height: 280px;
border-top: 1px solid #dbdbdb;
border-bottom: 1px solid #dbdbdb;
margin-top: 9px;
}
.contact-wrap .list {
width: 94%;
padding: 5px 3% 10px;
}
.contact-wrap .list ul, .contact-wrap .list li {
width: 100%;
}
.contact-wrap .list li {
padding: 9px 0 13px;
border-bottom: 1px solid #e0e0e0;
}
.contact-wrap .list li .name {
display: block;
line-height: 19px;
font-size: 14px;
color: #333;
}
.contact-wrap .list li .word {
display: block;
line-height: 15px;
color: #999;
margin-top: 4px;
}
.contact-wrap .list li .ico {
display: block;
width: 10%;
height: 30px;
background-size: 100% auto;
}
.contact-wrap .list li .cont {
width: 90%;
}
.contact-wrap .list li:hover .ico, .contact-wrap .list li.cur .ico {
background-size: 100% auto;
}
.contact-wrap .list li:hover .name, .contact-wrap .list li.cur .name {
color: #00a7e1;
}
.contact-wrap .list li:hover .word, .contact-wrap .list li.cur .word {
color: #555;
}
.clause-wrap {
width: 94%;
padding: 15px 3% 20px;
background-color: #f5f5f5;
color: #888;
}
.clause-wrap h3 {
color: #333;
font-weight: normal;
}
.service-wrap {
width: 94%;
padding: 0 3%;
background-color: #f5f5f5;
}
.service-wrap .sc-wp {
margin-top: 8px;
width: 100%;
}
.service-wrap .sc-wp .sele {
border: none;
width: 32%;
margin-right: 2%;
height: 26px;
color: #666;
font-size: 14px;
padding-left: 3%;
background-color: #eaeaea;
}
.service-wrap .sc-wp .sele.right {
margin-right: 0;
}
.service-wrap .sc-wp .tex {
border: none;
margin-top: 10px;
width: 90%;
padding: 7px 5%;
background-color: #eaeaea;
font-size: 14px;
height: 15px;
line-height: 14px;
}
.service-wrap .sc-wp .sc-btn {
border: none;
width: 100%;
height: 30px;
background-color: #666666;
color: #fff;
margin-top: 10px;
text-align: center;
line-height: 30px;
}
.service-wrap .list {
width: 100%;
margin-top: 18px;
}
.service-wrap .list ul, .service-wrap .list li {
width: 100%;
}
.service-wrap .list li.bgwh {
background-color: #fff;
}
.service-wrap .list li a{
float: left;
display: block;
padding: 12px 0 12px;
width: 100%;
}
.service-wrap .list .ico {
display: block;
width: 10%;
height: 40px;
background-size: 60% auto;
}
.service-wrap .list .cont {
width: 80%;
}
.service-wrap .list .name {
display: block;
line-height: 22px;
color: #000;
font-size: 14px;
}
.service-wrap .list .font {
display: block;
line-height: 16px;
margin-top: 7px;
color: #555;
}
.service-info .return{
display: block;
width: 84%;
height: 30px;
line-height: 30px;
text-align: center;
color: #fff;
font-size: 14px;
background-color: #00a7e1;
border-radius: 16px;
margin: 0 auto;
position: absolute;
bottom: 5px;
left: 8%;
}
.sold-wp {
padding-top: 15px;
}
.sold-wp .scroll {
position: relative;
overflow: hidden;
width: 100%;
}
.sold-wp .scroll ul, .sold-wp .scroll li {
width: 100%;
}
.sold-wp .scroll li img {
display: block;
width: 100%;
}
.sold-wp .scroll .butn {
display: block;
width: 20px;
height: 30px;
position: absolute;
top: 73px;
opacity: 0.8;
z-index: 3;
}
.sold-wp .word {
width: 100%;
padding-top: 10px;
padding-bottom: 19px;
text-align: center;
}
.sold-wp .word .ft1 {
font-size: 14px;
color: #333;
line-height: 22px;
}
.sold-wp .word .ft2 {
line-height: 20px;
color: #666;
}
.manual-list {
margin-top: 13px;
width: 100%;
position: relative;
overflow: hidden;
}
.manual-list ul {
width: 105%;
}
.manual-list li {
width: 45%;
margin-bottom: 15px;
margin-right: 5%;
}
.manual-list li img {
display: block;
width: 100%;
}
.mall-show-ban {
width: 100%;
margin-top: 15px;
}
.mall-show-ban img {
display: block;
width: 100%;
}
.mall-show-list {
width: 100%;
padding-bottom: 10px;
}
.mall-show-list ul, .mall-show-list li {
width: 100%;
}
.mall-show-list li {
border-bottom: 1px solid #dcdcdc;
padding: 11px 0;
}
.mall-show-list li .ft1 {
line-height: 22px;
font-size: 14px;
color: #333;
}
.mall-show-list li .ft2 {
line-height: 20px;
}
.duty-wrap .ins-tit {
margin-bottom: 15px;
}
.duty-wrap .ldu-stu {
width: 100%;
background-size: 100% auto;
padding-bottom: 22px;
}
.duty-wrap .ldu-wp {
padding: 24px 9%;
background-color: rgba(255, 255, 255, 0.5);
box-shadow: 0 0 5px #f2f2f2;
margin: 0 auto 15px;
border-radius: 3px;
width: 60%;
}
.duty-wrap .ldu-wp h3 {
line-height: 26px;
font-size: 15px;
color: #333;
margin-bottom: 10px;
}
.duty-wrap .ldu-wp h3 span {
color: #00a7e1;
}
.duty-wrap .ldu-wp p {
line-height: 22px;
}
.duty-wrap .ldu-wp p span {
color: #00a7e1;
font-weight: bold;
}
.duty-wrap .ldu-sc {
width: 100%;
padding-top: 176px;
padding: 176px 0 0;
background-size: 100% auto;
position: relative;
overflow: hidden;
}
.duty-wrap .ldu-sc ul {
width: 100%;
}
.duty-wrap .ldu-sc li {
width: 50%;
text-align: center;
color: #fff;
border-top: 1px solid #c9b5a2;
padding-top: 10px;
padding-bottom: 7px;
min-height: 70px;
}
.duty-wrap .ldu-sc li .num,.duty-wrap .ldu-sc li h3 {
display: block;
line-height: 29px;
font-size: 24px;
font-family: "Arial";
margin-bottom: 4px;
}
.duty-wrap .ldu-sc img{
display: none;
}
.duty-wrap .ldu-sc li p {
line-height: 18px;
}
.duty-wrap .ldu-sc li .box {
border-right: 1px solid #c9b5a2;
width: 100%;
}
.duty-wrap .ldu-intr {
width: 88%;
padding: 0 6% 22px;
background-color: #f5f5f5;
}
.duty-wrap .ldu-intr ul, .duty-wrap .ldu-intr li {
width: 100%;
}
.duty-wrap .ldu-intr li {
padding-top: 15px;
}
.duty-wrap .ldu-intr li h3 {
font-size: 14px;
color: #333;
line-height: 22px;
margin-bottom: 7px;
}
.duty-wrap .ldu-intr li p {
line-height: 16px;
color: #888;
}
.duty-wrap .ldu-intr li img {
display: block;
width: 100%;
margin-top: 12px;
}
/*****************产品*****************/
.pro-home .menu {
width: 100%;
position: relative;
overflow: hidden;
}
.pro-home .menu ul {
width: 103%;
}
.pro-home .menu li {
width: 24%;
border-right: 1px solid #dbdbdb;
}
.pro-home .menu li a {
padding: 14px 0;
display: block;
}
.pro-home .menu .ico {
display: block;
height: 32px;
background-size: 110px auto !important;
}
.pro-home .menu p {
line-height: 24px;
text-align: center;
color: #888;
}
.pro-home .menu li.hover .ico {
background-position: center bottom !important;
}
.pro-home .menu li.hover p {
color: #00a7e1;
}
.pro-home .pro-list ul, .pro-home .pro-list li {
width: 100%;
}
.pro-home .pro-list .tips {
padding: 20px 0 22px;
position: relative;
text-align: center;
}
.pro-home .pro-list h3 {
font-weight: normal;
font-size: 18px;
color: #333;
line-height: 37px;
}
.pro-home .pro-list p.f14 {
font-size: 16px;
line-height: 27px;
}
.pro-home .pro-list p.f12 {
line-height: 17px;
width: 90%;
margin: 0 auto;
}
.pro-home .pro-list a.link {
display: inline-block;
padding-right: 23px;
background-size: auto 60%;
font-size: 14px;
line-height: 27px;
color: #ed6d00;
margin-top: 9px;
}
.pro-home .pro-list .triangle {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #fff;
bottom: -10px;
left: 50%;
margin-left: -18px;
}
.pro-home .pro-list .img img {
display: block;
width: 100%;
}
.pro-home .list-option {
padding: 10px 0;
background-color: #f5f5f5;
}
.pro-home .list-option ul, .pro-home .list-option li {
width: 100%;
background-color: #fff;
}
.pro-home .list-option ul a, .pro-home .list-option li a {
display: block;
width: 90%;
padding: 0 5%;
color: #666;
line-height: 32px;
background-size: auto 40%;
}
.pro-home .list-option li {
border-bottom: 1px solid #dcdcdc;
}
.pro-home .list-option li:first-child {
border-top: 1px solid #dcdcdc;
}
.pro-wp .proban {
position: relative;
overflow: hidden;
}
.pro-wp .proban li {
width: 100%;
}
.pro-wp .proban li img {
display: block;
width: 100%;
}
.pro-wp .proban .pagination {
position: absolute;
bottom: 10px;
left: 50%;
height: 8px;
z-index: 5;
}
.pro-wp .proban .pagination span {
display: block;
width: 6px;
height: 6px;
margin: 0 3px;
border: 1px solid #00a7e1;
float: left;
border-radius: 50%;
}
.pro-wp .proban .pagination span.swiper-pagination-bullet-active {
background-color: #00a7e1;
}
.pro-wp .tit-name {
width: 91.2%;
padding: 17px 4.4% 12px;
}
.pro-wp .tit-name .en {
line-height: 22px;
font-size: 21px;
font-family: "Arial";
text-transform: uppercase;
}
.pro-wp .tit-name h2 {
font-size: 21px;
color: #00a7e1;
line-height: 28px;
}
.pro-wp .tit-name h2 span {
font-size: 12px;
color: #888;
font-weight: normal;
display: block;
margin-top: 5px;
margin-bottom: 10px;
}
.proinfo-list {
width: 91.2%;
padding: 15px 4.4% 0;
background-color: #f5f5f5;
position: relative;
overflow: hidden;
}
.proinfo-list .big-recom {
position: relative;
cursor: pointer;
}
.proinfo-list .big-recom .img {
display: block;
background-color: #fffdf7;
}
.proinfo-list .big-recom img {
display: block;
width: 100%;
}
.proinfo-list .big-recom .sign {
display: block;
width: 56px;
height: 27px;
background-size: 100% auto;
position: absolute;
left: 0;
top: 33px;
}
.proinfo-list .big-recom .cont {
width: 92%;
padding: 11px 3% 18px 5%;
background-color: #fff;
position: relative;
}
.proinfo-list .big-recom .tips h3 {
font-weight: normal;
font-size: 14px;
color: #000;
line-height: 18px;
}
.proinfo-list .big-recom .tips p {
line-height: 16px;
color: #888;
}
.proinfo-list .big-recom .detail {
line-height: 16px;
margin-top: 8px;
}
.proinfo-list .big-recom .more {
display: block;
width: 20px;
height: 20px;
background-size: auto 100%;
position: absolute;
right: 3%;
bottom: 5px;
}
.proinfo-list .big-recom:hover .more {
background-size: auto 100%;
}
.proinfo-list ul.list {
width: 102%;
margin-top: 12px;
}
.proinfo-list ul.list li {
width: 48%;
margin-right: 2%;
margin-bottom: 13px;
background-color: #fff;
cursor: pointer;
position: relative;
}
.proinfo-list ul.list li .fav{
width: 30px;
height: 30px;
background-size: 100% auto;
position: absolute;
right: 0;
top: 0;
}
.proinfo-list ul.list .img {
display: block;
background-color: #fafafa;
/*max-height: 145px;*/
}
.proinfo-list ul.list .img img {
width: 100%;
display: block;
}
.proinfo-list ul.list .name {
width: 84%;
padding: 12px 8%;
}
.proinfo-list ul.list .name .f14 {
font-size: 14px;
line-height: 16px;
color: #000;
height: 32px;
}
.proinfo-list ul.list .name .lab {
color: #888;
line-height: 15px;
}
.bg-black {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 10;
background-color: #000;
opacity: 0.5;
display: none;
}
.pro-info-alert {
width: 90%;
padding: 18px 0 9px;
background-color: #fff;
border-radius: 2px;
position: fixed;
left: 5%;
z-index: 11;
/*height: 415px;*/
top: 50%;
margin-top: -230px;
display: none;
}
.pro-info-alert .cont-wp {
overflow: auto;
width: 91%;
padding: 0 4.5%;
height: 79%;
}
.pro-info-alert .cont {
width: 92%;
height: 310px;
overflow-x: hidden;
}
.pro-info-alert .cont h3 {
font-size: 16px;
color: #000;
line-height: 22px;
}
.pro-info-alert .cont .lab {
line-height: 18px;
color: #888;
}
.pro-info-alert .close {
display: block;
width: 24px;
height: 24px;
background-size: 100% auto;
position: absolute;
top: 10px;
right: 10px;
}
.pro-info-alert .close:hover{
background-size: 100% auto;
}
.pro-info-alert .bot-link{
width: 91%;
/* position: absolute;
bottom: 15px;
left: 4.5%;*/
margin-left: 4.5%;
padding-top: 15px;
border-top: 1px solid #e5e5e5;
}
.pro-info-alert .bot-link.sk{
border: none;
padding-top: 0;
}
.pro-info-alert .bot-link a.btn{
display: block;
width: 74px;
height: 29px;
line-height: 29px;
border: 1px solid #00a7e1;
padding-left: 6%;
border-radius: 30px;
width: 32.8%;
color: #00a7e1;
}
.pro-info-alert a.wl.men{
margin-left: 4.5%;
}
.pro-info-alert a.wl.manu{
margin-right: 4.5%;
}
.air-wp .posbg {
width: 100%;
display: block;
}
.air-wp .video .posbg {
opacity: 0;
}
.air-wp .video .font {
width: 100%;
text-align: center;
position: absolute;
top: 64px;
}
.air-wp .video .font h3, .air-wp .video .font p, .air-wp .video .font a {
opacity: 0;
position: relative;
top: 20px;
}
.air-wp .video h3 {
font-size: 24px;
line-height: 37px;
color: #fff;
font-weight: normal;
}
.air-wp .video p {
line-height: 26px;
font-size: 14px;
color: #f6f6f6;
}
.air-wp .video a {
display: inline-block;
padding-right: 23px;
background-size: auto 48%;
color: #00a7e1;
margin-top: 8px;
line-height: 33px;
}
.air-wp .outdoor .tips {
z-index: 2;
top: 20px;
text-align: center;
width: 100%;
left: 0;
}
.air-wp .outdoor .tips .tt, .air-wp .outdoor .tips h3, .air-wp .outdoor .tips .d, .air-wp .outdoor .tips .num, .air-wp .outdoor .tips .bt {
position: relative;
top: 20px;
opacity: 0;
}
.air-wp .outdoor .tt {
line-height: 26px;
font-size: 14px;
color: #000;
}
.air-wp .outdoor h3 {
font-size: 18px;
color: #000;
line-height: 32px;
font-weight: normal;
}
.air-wp .outdoor p.d {
line-height: 16px;
margin-top: 4px;
width: 90%;
margin: 4px auto 0;
}
.air-wp .outdoor .num {
line-height: 56px;
border: 1px solid #dbdbdb;
border-radius: 4px;
padding: 0 16px;
display: inline-block;
margin-top: 17px;
}
.air-wp .outdoor .num span {
font-size: 24px;
}
.air-wp .outdoor .bt {
line-height: 32px;
}
.air-wp .indoor .tips {
width: 100%;
top: 25px;
left: 0;
text-align: center;
}
.air-wp .indoor .tt {
line-height: 22px;
font-size: 14px;
color: #244375;
}
.air-wp .indoor h3 {
font-weight: normal;
font-size: 24px;
line-height: 31px;
color: #244375;
}
.air-wp .indoor .font {
line-height: 16px;
width: 66.4%;
margin: 7px auto 0;
color: #6f7887;
}
.air-wp .indoor .boxs {
width: 66.4%;
margin: 0 auto;
margin-top: 12px;
}
.air-wp .indoor .box {
width: 40%;
margin: 5%;
}
.air-wp .indoor .box .in {
border: 1px solid #9fc2db;
border-radius: 4px;
line-height: 57px;
color: #5d7b9e;
width: 98%;
}
.air-wp .indoor .box .in span {
font-size: 24px;
}
.air-wp .indoor .box p {
line-height: 16px;
margin-top: 8px;
color: #507096;
}
.air-wp .nano {
padding-top: 31px;
padding-bottom: 28px;
width: 100%;
}
.air-wp .nano .t1 {
line-height: 30px;
font-size: 24px;
color: #000;
text-align: center;
}
.air-wp .nano .t2 {
line-height: 27px;
font-size: 18px;
color: #000;
text-align: center;
}
.air-wp .nano .word {
text-align: center;
line-height: 16px;
color: #888;
width: 90%;
margin: 11px auto 0;
}
.air-wp .nano .sign {
display: block;
width: 58%;
margin: 17px auto 0;
}
.air-wp .nano .bot-box {
width: 100%;
height: 73px;
background-size: auto 100%;
margin-top: 26px;
}
.air-wp .filter {
padding-top: 30px;
background-color: #f3f3f3;
}
.air-wp .filter .t1 {
line-height: 26px;
font-size: 18px;
color: #000;
text-align: center;
}
.air-wp .filter .t2 {
line-height: 22px;
font-size: 13px;
color: #000;
text-align: center;
}
.air-wp .filter img {
display: block;
width: 100%;
margin-top: 4px;
}
.air-wp .wait {
padding-top: 32px;
width: 100%;
background-size: 100% auto;
/*height: 344px;*/
}
.air-wp .wait .t1 {
text-align: center;
line-height: 22px;
color: #fff;
font-size: 14px;
}
.air-wp .wait .t2 {
text-align: center;
line-height: 27px;
text-align: center;
color: #fff;
}
.air-wp .wait img {
display: block;
margin-top: 20px;
width: 100%;
}
.air-wp .mode {
width: 100%;
background-size: 100% auto;
}
.air-wp .mode img {
display: block;
width: 100%;
}
.fresh-wp .posbg {
width: 100%;
display: block;
}
.fresh-wp .ban {
width: 100%;
display: block;
}
.fresh-wp .ban .posbg {
opacity: 0;
}
.fresh-wp .ban a {
display: inline-block;
padding-right: 22px;
background-size: auto 80%;
font-size: 14px;
color: #00a7e1;
margin-top: 15px;
}
.fresh-wp .ban h3 {
font-size: 18px;
line-height: 27px;
text-align: center;
margin-top: 20px;
font-weight: normal;
color: #fff;
}
.fresh-wp .ban p {
line-height: 16px;
text-align: center;
color: #f7ed72;
width: 90%;
margin: 7px auto 0;
}
.fresh-wp .ban .font {
position: absolute;
width: 100%;
left: 0;
top: 40px;
text-align: center;
}
.fresh-wp .ban h3, .fresh-wp .ban p, .fresh-wp .ban a {
opacity: 0;
top: 10px;
position: relative;
}
.fresh-wp .video .tips {
padding: 35px 0;
text-align: center;
}
.fresh-wp .video .tips h3 {
font-weight: normal;
font-size: 18px;
color: #333;
line-height: 27px;
}
.fresh-wp .video .tips p {
line-height: 20px;
color: #888;
}
.fresh-wp .video .tips .link {
width: 100%;
text-align: center;
line-height: 22px;
margin-top: 14px;
}
.fresh-wp .video .tips .link a {
display: inline-block;
padding-right: 20px;
background-size: auto 80%;
margin: 0 8px;
color: #00a7e1;
}
.fresh-wp .video .tips h3, .fresh-wp .video .tips p, .fresh-wp .video .tips .link {
position: relative;
top: 10px;
opacity: 0;
}
.fresh-wp .video .img {
display: block;
width: 100%;
}
.fresh-wp .upgrade {
padding-bottom: 38px;
padding-top: 53px;
}
.fresh-wp .upgrade h3 {
font-weight: normal;
font-size: 18px;
color: #333;
line-height: 27px;
text-align: center;
}
.fresh-wp .upgrade p.ft {
width: 83%;
margin: 7px auto 0;
color: #888;
font-size: 14px;
line-height: 18px;
text-align: center;
}
.fresh-wp .upgrade .img {
margin-top: 27px;
position: relative;
overflow: hidden;
width: 100%;
height: 275px;
}
.fresh-wp .upgrade .img img {
position: absolute;
display: block;
}
.fresh-wp .upgrade h3, .fresh-wp .upgrade p.ft {
opacity: 0;
position: relative;
top: 10px;
}
.fresh-wp .upgrade .img1 {
z-index: 6;
width: 260px;
left: 50%;
margin-left: -130px;
top: 0;
}
.fresh-wp .upgrade .img2 {
width: 320px;
left: 50%;
margin-left: -160px;
top: 50%;
margin-top: -80px;
z-index: 3;
-webkit-animation: 20s linear 0s infinite c-Clockwise;
animation: 20s linear 0s infinite c-Clockwise;
}
.fresh-wp .upgrade .img3 {
width: 277px;
left: 50%;
margin-left: -139px;
top: 50%;
margin-top: -139px;
z-index: 3;
-webkit-animation: 20s linear 0s infinite Clockwise;
animation: 20s linear 0s infinite Clockwise;
}
.fresh-wp .upgrade .img4 {
width: 320px;
top: 0;
left: 50%;
margin-left: -160px;
z-index: 4;
}
.fresh-wp .upgrade .img5 {
width: 320px;
bottom: 0;
left: 50%;
margin-left: -160px;
z-index: 4;
}
.fresh-wp .upgrade .list {
width: 100%;
margin-top: 15px;
}
.fresh-wp .upgrade .list ul {
width: 100%;
}
.fresh-wp .upgrade .list li {
width: 29%;
margin: 2%;
}
.fresh-wp .upgrade .list li .box {
width: 100%;
border: 1px solid #f2f2f2;
border-radius: 4px;
padding-top: 16px;
padding-bottom: 12px;
color: #00a7e1;
text-align: center;
}
.fresh-wp .upgrade .list li .box p {
line-height: 17px;
font-size: 12px;
width: 100%;
color: #00a7e1;
}
.fresh-wp .upgrade .list li .num {
font-size: 24px;
line-height: 28px;
}
.fresh-wp .upgrade .list li .tt {
text-align: center;
color: #333;
line-height: 20px;
padding: 4px 0;
}
.fresh-wp .video-full {
width: 100%;
}
.fresh-wp .video-full img {
width: 100%;
display: block;
}
.fresh-wp .video-full .tips {
width: 100%;
text-align: center;
position: absolute;
top: 81px;
}
.fresh-wp .video-full .ico {
display: block;
width: 33px;
height: 33px;
background-size: 100% auto;
margin: 0 auto;
}
.fresh-wp .video-full h3 {
font-weight: normal;
text-align: center;
color: #fff;
line-height: 26px;
font-size: 16px;
margin-top: 10px;
}
.fresh-wp .video-full .ico, .fresh-wp .video-full h3 {
top: 10px;
opacity: 0;
position: relative;
}
.fresh-wp .video-full a {
display: block;
width: 100%;
}
.fresh-wp .fire {
padding-top: 29px;
background-color: #01080d;
}
.fresh-wp .fire h3 {
font-weight: normal;
color: #fff;
line-height: 27px;
text-align: center;
}
.fresh-wp .fire .t1 {
text-align: center;
line-height: 22px;
margin-top: 6px;
color: #fff;
}
.fresh-wp .fire .t2 {
text-align: center;
margin: 8px auto 0;
width: 60%;
color: #87898a;
}
.fresh-wp .fire img {
width: 100%;
display: block;
margin-top: 13px;
position: relative;
opacity: 0;
top: 10px;
}
.fresh-wp .fire .tips {
position: relative;
top: -10px;
opacity: 0;
}
.fresh-wp .system {
width: 100%;
background-color: #f5f5f5;
padding-top: 32px;
padding-bottom: 45px;
}
.fresh-wp .system h3 {
font-weight: normal;
font-size: 18px;
color: #333;
text-align: center;
line-height: 32px;
}
.fresh-wp .system p.t1 {
text-align: center;
line-height: 27px;
color: #666;
font-size: 14px;
}
.fresh-wp .system .tips h3, .fresh-wp .system .tips p.t1 {
opacity: 0;
position: relative;
top: 10px;
}
.fresh-wp .system .list {
margin-top: 35px;
width: 100%;
position: relative;
}
.fresh-wp .system .list .butn {
display: block;
width: 9px;
height: 16px;
position: absolute;
top: 31px;
}
.fresh-wp .system .list .prev {
background-size: 100% auto;
left: 12px;
}
.fresh-wp .system .list .next {
background-size: 100% auto;
right: 12px;
}
.fresh-wp .system .list .center {
width: 83%;
margin: 0 auto;
position: relative;
overflow: hidden;
padding: 6px 0;
}
.fresh-wp .system .list .center ul {
width: 100%;
}
.fresh-wp .system .list .center li {
width: 24.5%;
position: relative;
z-index: 2;
}
.fresh-wp .system .list .center li img {
display: block;
width: 100%;
-webkit-transition: -webkit-transform 0.3s ease 0s;
transition: transform 0.3s ease 0s;
}
.fresh-wp .system .list .center li.swiper-slide-next {
z-index: 5;
}
.fresh-wp .system .list .center li.swiper-slide-next img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.fresh-wp .system .list .center li.swiper-slide-next p {
color: #00a7e1;
}
.fresh-wp .system .list .center .tt {
margin-top: 7px;
text-align: center;
color: #333;
}
.fresh-wp .system .list .center .ft {
line-height: 18px;
color: #666;
text-align: center;
}
.fresh-wp .curve {
width: 100%;
padding-top: 28px;
text-align: center;
padding-bottom: 30px;
}
.fresh-wp .curve h3 {
font-size: 18px;
line-height: 27px;
font-weight: normal;
color: #333;
}
.fresh-wp .curve .word {
width: 94%;
margin: 7px auto 0;
line-height: 16px;
color: #888;
}
.fresh-wp .curve .link {
display: inline-block;
padding-right: 22px;
background-size: auto 80%;
margin-top: 13px;
color: #ed6d00;
}
.fresh-wp .curve .tips h3, .fresh-wp .curve .tips .word {
top: 10px;
opacity: 0;
position: relative;
}
.fresh-wp .curve .line {
width: 248px;
margin: 34px auto 0;
}
.fresh-wp .curve .line .line-in {
width: 0;
height: 100%;
background-size: auto 100%;
left: 0;
top: 0;
}
.fresh-wp .curve .bot {
line-height: 22px;
color: #666;
margin-top: 14px;
text-align: center;
width: 100%;
}
.fresh-wp .seven .tips {
top: 30px;
text-align: center;
left: 0;
color: #fff;
}
.fresh-wp .seven .tips .t1, .fresh-wp .seven .tips h3, .fresh-wp .seven .tips .word {
top: 10px;
opacity: 0;
position: relative;
}
.fresh-wp .seven .t1 {
line-height: 22px;
text-align: center;
font-size: 14px;
}
.fresh-wp .seven h3 {
font-weight: normal;
font-size: 18px;
line-height: 29px;
margin-top: 4px;
}
.fresh-wp .seven .word {
line-height: 16px;
width: 87%;
margin: 6px auto 0;
}
.fresh-wp .carte .tips {
padding-top: 22px;
padding-bottom: 25px;
text-align: center;
}
.fresh-wp .carte .tips h3, .fresh-wp .carte .tips .word {
top: 10px;
opacity: 0;
position: relative;
}
.fresh-wp .carte h3 {
font-weight: normal;
font-size: 18px;
line-height: 27px;
color: #333;
}
.fresh-wp .carte .word {
line-height: 18px;
margin-top: 6px;
display: block;
}
.fresh-wp .pairs .tips {
top: 67px;
width: 100%;
left: 0;
text-align: center;
color: #fff;
}
.fresh-wp .pairs .tips p {
line-height: 22px;
margin-top: 4px;
font-size: 14px;
}
.fresh-wp .pairs .tips h3, .fresh-wp .pairs .tips p, .fresh-wp .pairs .tips .link {
position: relative;
top: 10px;
opacity: 0;
}
.fresh-wp .pairs h3 {
font-size: 18px;
font-weight: normal;
line-height: 29px;
}
.fresh-wp .pairs .link {
display: inline-block;
padding-right: 22px;
background-size: auto 80%;
font-size: 14px;
color: #ffe8bc;
margin-top: 5px;
}
.red-wp .posbg {
width: 100%;
display: block;
}
.red-wp .ban .posbg {
opacity: 0;
}
.red-wp .ban .font {
width: 100%;
left: 0;
top: 30px;
text-align: center;
}
.red-wp .ban .font h3, .red-wp .ban .font p, .red-wp .ban .font .link {
top: 10px;
opacity: 0;
position: relative;
}
.red-wp .ban h3 {
font-weight: normal;
font-size: 24px;
line-height: 37px;
color: #333;
}
.red-wp .ban p {
line-height: 32px;
font-size: 18px;
color: #333;
margin-bottom: 6px;
}
.red-wp .ban .link {
width: 100%;
text-align: center;
}
.red-wp .ban .link a {
display: inline-block;
padding-right: 20px;
line-height: 26px;
color: #00a7e1;
background-size: auto 60%;
margin: 0 9px;
}
.red-wp .patent {
background-color: #f9f9f9;
padding-bottom: 30px;
}
.red-wp .patent .posbg {
opacity: 0;
}
.red-wp .patent .font {
width: 100%;
bottom: 10px;
left: 0;
text-align: center;
}
.red-wp .patent .font h3, .red-wp .patent .font .t1, .red-wp .patent .font .word, .red-wp .patent .font .sign {
opacity: 0;
position: relative;
top: 10px;
}
.red-wp .patent h3 {
font-weight: normal;
font-size: 24px;
line-height: 32px;
color: #000;
}
.red-wp .patent .t1 {
line-height: 22px;
font-size: 14px;
color: #000;
margin-top: 5px;
}
.red-wp .patent .word {
width: 79%;
margin: 6px auto 0;
line-height: 16px;
}
.red-wp .patent .sign {
width: 103px;
display: block;
margin: 21px auto 0;
}
.red-wp .tec {
padding-bottom: 33px;
}
.red-wp .tec .tips {
text-align: center;
margin-top: 35px;
position: relative;
opacity: 0;
top: -10px;
}
.red-wp .tec h3 {
font-weight: normal;
font-size: 24px;
line-height: 32px;
color: #000;
}
.red-wp .tec .t1 {
line-height: 23px;
margin-top: 4px;
font-size: 14px;
color: #000;
}
.red-wp .tec .word {
width: 86%;
margin: 5px auto 0;
color: #888;
}
.red-wp .tec .img-sign {
display: block;
width: 100%;
margin-top: 26px;
position: relative;
top: 10px;
opacity: 0;
}
.red-wp .odds {
background-size: 100% auto;
padding-top: 35px;
padding-bottom: 21px;
}
.red-wp .odds h3 {
font-weight: normal;
line-height: 32px;
font-size: 24px;
text-align: center;
color: #000;
position: relative;
top: 10px;
opacity: 0;
}
.red-wp .odds .list {
width: 272px;
margin: 37px auto 0;
}
.red-wp .odds .list li {
width: 272px;
margin-bottom: 19px;
position: relative;
opacity: 0;
top: 10px;
}
.red-wp .odds .list .box {
width: 136px;
text-align: center;
float: left;
}
.red-wp .odds .list .box img {
display: block;
width: 61px;
margin: 0 auto;
}
.red-wp .odds .list .box .t1 {
margin-top: 15px;
line-height: 16px;
font-size: 14px;
color: #333;
}
.red-wp .odds .list .box .t2 {
line-height: 16px;
color: #888;
}
.red-wp .pairs .tips {
top: 93px;
left: 0;
width: 100%;
text-align: center;
}
.red-wp .pairs .tips h3, .red-wp .pairs .tips .t1, .red-wp .pairs .tips .link {
position: relative;
opacity: 0;
top: 10px;
}
.red-wp .pairs h3 {
font-weight: normal;
font-size: 24px;
color: #fff;
line-height: 37px;
}
.red-wp .pairs .t1 {
line-height: 26px;
color: #fff;
font-size: 14px;
}
.red-wp .pairs .link {
display: inline-block;
padding-right: 23px;
background-size: auto 70%;
color: #ffe8bc;
margin-top: 5px;
line-height: 26px;
}
.soymilk-wp img {
width: 100%;
}
.soymilk-wp .bot-recom .tips {
width: 100%;
text-align: center;
color: #fff;
top: 83px;
left: 0;
}
.soymilk-wp .bot-recom h3 {
font-weight: normal;
font-size: 24px;
line-height: 37px;
}
.soymilk-wp .bot-recom .t1 {
line-height: 26px;
font-size: 14px;
}
.soymilk-wp .bot-recom .link {
display: inline-block;
padding-right: 23px;
background-size: auto 60%;
line-height: 26px;
color: #ffe8bc;
font-size: 14px;
}
.soymilk-wp .bot-recom a {
display: block;
}
.glass-wp .posbg {
width: 100%;
display: block;
}
.glass-wp .ban .posbg {
opacity: 0;
}
.glass-wp .ban .buy {
display: inline-block;
width: 14px;
font-size: 14px;
color: #00a7e1;
padding-bottom: 15px;
position: absolute;
left: 30%;
opacity: 0;
top: 26%;
background-size: 100% auto;
line-height: 1.4;
}
.glass-wp .wram {
width: 100%;
background-color: #f5eddf;
}
.glass-wp .wram .posbg {
opacity: 0;
}
.glass-wp .wram .tips {
top: 20px;
width: 89%;
left: 8%;
}
.glass-wp .wram .tips .t1 {
line-height: 26px;
font-size: 18px;
color: #5b4c3f;
}
.glass-wp .wram .tips h3 {
font-weight: normal;
font-size: 24px;
color: #5b4c3f;
line-height: 32px;
margin-bottom: 15px;
}
.glass-wp .wram .tips .box {
width: 100%;
margin-bottom: 11px;
}
.glass-wp .wram .tips .box img {
display: block;
width: 47px;
}
.glass-wp .wram .tips .box .cont {
margin-left: 12px;
padding-top: 11px;
color: #5b4c3f;
}
.glass-wp .wram .tips .box .ft1 {
font-size: 14px;
font-weight: bold;
line-height: 16px;
}
.glass-wp .wram .tips .t1, .glass-wp .wram .tips h3, .glass-wp .wram .tips .box {
position: relative;
top: 10px;
opacity: 0;
}
.glass-wp .show ul, .glass-wp .show li {
width: 100%;
}
.glass-wp .show ul span, .glass-wp .show li span {
display: block;
}
.glass-wp .show li {
position: relative;
}
.glass-wp .show li span.poa {
height: 0;
}
.glass-wp .series .tips {
width: 100%;
margin-top: 25px;
text-align: center;
}
.glass-wp .series .tips h3, .glass-wp .series .tips .tt {
position: relative;
top: 10px;
opacity: 0;
}
.glass-wp .series h3 {
font-weight: normal;
line-height: 32px;
font-size: 24px;
color: #333;
}
.glass-wp .series .tt {
line-height: 20px;
font-size: 14px;
color: #333;
}
.glass-wp .series .nav {
width: 100%;
text-align: center;
margin-top: 20px;
}
.glass-wp .series .nav a {
display: inline-block;
color: #d3ac99;
border: 1px solid #d3ac99;
margin: 0 5px;
width: 44px;
height: 44px;
line-height: 44px;
border-radius: 50%;
}
.glass-wp .series .nav a.on {
background-color: #e4d0db;
border: 1px solid #e4d0db;
color: #fff;
}
.glass-wp .series .scroll {
margin-top: 48px;
padding-bottom: 47px;
position: relative;
display: none;
}
.glass-wp .series .scroll .center {
background-size: auto 100%;
margin: 0 auto;
width: 82.5%;
position: relative;
overflow: hidden;
}
.glass-wp .series .scroll ul {
width: 100%;
}
.glass-wp .series .scroll li img {
display: block;
width: 125px;
margin: 0 auto;
}
.glass-wp .series .scroll li p {
line-height: 20px;
text-align: center;
}
.glass-wp .series .scroll .butn {
width: 3.5%;
height: 116px;
cursor: pointer;
position: absolute;
top: 0;
}
.fitting-wp .top-tit {
line-height: 55px;
background-color: #fff;
width: 92%;
padding: 0 4%;
}
.fitting-wp .top-tit .cn {
font-size: 22px;
color: #00a7e1;
font-weight: bold;
}
.fitting-wp .top-tit .en {
text-transform: uppercase;
font-size: 20px;
margin-left: 4px;
}
.fitting-wp .list {
width: 92%;
padding: 20px 4% 35px;
background-color: #f5f5f5;
}
.fitting-wp .list ul, .fitting-wp .list li {
width: 100%;
}
.fitting-wp .list li {
margin-bottom: 15px;
}
.fitting-wp .list li img {
display: block;
width: 100%;
}
.fitting-wp .list li .detail {
padding: 12px 0 12px 7%;
width: 93%;
background-color: #fff;
}
.fitting-wp .list li .tit {
color: #000;
line-height: 18px;
font-size: 14px;
}
.fitting-wp .list li .en {
color: #888;
line-height: 15px;
}
.fitting-wp .list li:hover .tit {
color: #00a7e1;
}
@-webkit-keyframes Clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes Clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes c-Clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes c-Clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
.ricecook-wp .posbg {
width: 100%;
display: block;
}
.ricecook-wp .ban .posbg {
opacity: 0;
}
.ricecook-wp .ban .tips {
width: 100%;
text-align: center;
top: 24px;
left: 0;
z-index: 2;
}
.ricecook-wp .ban .tips h3, .ricecook-wp .ban .tips .t1, .ricecook-wp .ban .tips .sign, .ricecook-wp .ban .tips .link {
top: 10px;
position: relative;
opacity: 0;
}
.ricecook-wp .ban h3 {
font-size: 19px;
line-height: 28px;
color: #e4cbb9;
}
.ricecook-wp .ban .t1 {
line-height: 22px;
font-size: 14px;
font-weight: bold;
color: #e4cbb9;
}
.ricecook-wp .ban .sign {
width: 100%;
display: block;
margin-top: 8px;
margin-bottom: 11px;
}
.ricecook-wp .ban .link {
width: 100%;
text-align: center;
line-height: 28px;
font-size: 14px;
}
.ricecook-wp .ban .link a {
display: inline-block;
padding-right: 20px;
color: #fdea9b;
margin: 0 11px;
}
.ricecook-wp .revolution .posbg {
opacity: 0;
}
.ricecook-wp .revolution .tips {
width: 100%;
left: 0;
top: 20px;
}
.ricecook-wp .revolution .tips img, .ricecook-wp .revolution .tips p {
position: relative;
top: 10px;
opacity: 0;
}
.ricecook-wp .revolution .tips .sign1 {
display: block;
width: 100%;
}
.ricecook-wp .revolution .tips .sign2 {
display: block;
width: 73%;
margin: 8px auto 0;
}
.ricecook-wp .revolution .tips p {
line-height: 18px;
color: #fff;
width: 73%;
margin: 0 auto;
}
.ricecook-wp .steam .posbg {
opacity: 0;
}
.ricecook-wp .steam .tips {
width: 100%;
top: 38px;
text-align: center;
color: #fff;
}
.ricecook-wp .steam .tips h3, .ricecook-wp .steam .tips p {
position: relative;
top: 10px;
opacity: 0;
}
.ricecook-wp .steam h3 {
font-weight: normal;
line-height: 38px;
font-size: 30px;
}
.ricecook-wp .steam .t1 {
margin-top: 8px;
line-height: 22px;
font-size: 16px;
}
.ricecook-wp .steam .t2 {
line-height: 20px;
font-size: 13px;
}
.ricecook-wp .fire .tips {
width: 100%;
text-align: center;
color: #fff;
}
.ricecook-wp .fire .tips h3, .ricecook-wp .fire .tips .t1 {
opacity: 0;
top: 10px;
position: relative;
}
.ricecook-wp .fire .tips h3 {
font-weight: normal;
font-size: 24px;
line-height: 37px;
}
.ricecook-wp .fire .tips .t1 {
line-height: 29px;
font-size: 16px;
}
.ricecook-wp .fire .lines {
width: 100%;
height: 80px;
z-index: 1;
top: 220px;
left: 0;
opacity: 0;
}
.ricecook-wp .fire .lines .in {
left: -480px;
width: 1920px;
}
.ricecook-wp .fire .scroll {
width: 100%;
position: absolute;
overflow: hidden;
top: 167px;
z-index: 2;
opacity: 0;
}
.ricecook-wp .fire .scroll ul {
width: 100%;
}
.ricecook-wp .fire .scroll li {
width: 48%;
margin: 0 1%;
}
.ricecook-wp .fire .scroll li a {
width: 140px;
position: relative;
height: 140px;
display: block;
text-align: center;
margin: 0 auto;
}
.ricecook-wp .fire .scroll li img {
display: block;
width: 100%;
}
.ricecook-wp .fire .scroll li .cont {
margin-top: 14px;
text-align: center;
color: #fff;
}
.ricecook-wp .fire .scroll li .cont p.tt {
line-height: 22px;
font-size: 16px;
}
.ricecook-wp .fire .scroll li .cont .font {
display: block;
line-height: 16px;
margin-top: 5px;
font-size: 12px;
width: 80%;
margin: 0 auto;
text-align: center;
}
.ricecook-wp .fire .alert-up {
width: 100%;
position: absolute;
z-index: 5;
left: 0;
top: 0;
height: 100%;
background-size: 100% 100%;
display: none;
}
.ricecook-wp .fire .alert-up .box {
position: relative;
}
.ricecook-wp .fire .alert-up .part-se{
transform: translate(100%, 0);
}
.ricecook-wp .fire .alert-up .close {
display: block;
width: 29px;
height: 29px;
background-size: 100% auto;
position: absolute;
right: 14px;
top: 20px;
cursor: pointer;
z-index: 10;
}
.ricecook-wp .fire .alert-up img {
display: block;
width: 100%;
margin-top: 83px;
}
.ricecook-wp .fire .alert-up p {
text-align: center;
font-weight: bold;
color: #fff;
line-height: 24px;
width: 90%;
margin: 0 auto;
}
.ricecook-wp .fire .alert-up ul, .ricecook-wp .fire .alert-up li {
width: 100%;
}
.ricecook-wp .fire .alert-up li h4{
font-size: 18px;
font-weight: bold;
color: #ffddba;
text-align: center;
line-height: 38px;
margin-top: 132px;
opacity: 0;
}
.ricecook-wp .fire .alert-up li .cent-meter{
display: block;
width: 42px;
height: 81px;
background-size: 100% auto;
margin: 13px auto 0;
transform: scale(0);
}
.ricecook-wp .fire .alert-up li .bot-tit{
width: 82%;
border-top: 1px solid #954549;
border-bottom: 1px solid #954549;
margin: 30px auto 15px;
height: 37px;
line-height: 37px;
text-align: center;
color: #fff;
font-size: 14px;
opacity: 0;
}
.ricecook-wp .line-wrap .posbg {
opacity: 0;
}
.ricecook-wp .line-wrap .tips {
top: 45px;
left: 0;
width: 100%;
text-align: center;
color: #fff;
}
.ricecook-wp .line-wrap .tips h3, .ricecook-wp .line-wrap .tips .t1, .ricecook-wp .line-wrap .tips .t2 {
position: relative;
top: 10px;
opacity: 0;
}
.ricecook-wp .line-wrap .tips h3 {
font-weight: normal;
font-size: 24px;
line-height: 32px;
}
.ricecook-wp .line-wrap .tips .t1 {
line-height: 28px;
font-size: 16px;
}
.ricecook-wp .line-wrap .tips .t2 {
line-height: 23px;
margin-top: 4px;
font-size: 14px;
}
.ricecook-wp .liner .posbg {
opacity: 0;
}
.ricecook-wp .liner .tips {
width: 100%;
text-align: center;
top: 36px;
left: 0;
color: #fff;
}
.ricecook-wp .liner .tips .t1, .ricecook-wp .liner .tips h3, .ricecook-wp .liner .tips .t2 {
top: 10px;
position: relative;
opacity: 0;
}
.ricecook-wp .liner .tips .t1 {
line-height: 24px;
font-size: 16px;
}
.ricecook-wp .liner .tips h3 {
font-weight: normal;
font-size: 24px;
line-height: 32px;
}
.ricecook-wp .liner .tips .t2 {
line-height: 16px;
width: 78%;
margin: 7px auto 0;
}
.ricecook-wp .firebig .posbg {
opacity: 0;
}
.ricecook-wp .firebig .tips {
left: 0;
top: 39px;
width: 100%;
color: #fff;
text-align: center;
}
.ricecook-wp .firebig .tips .t1, .ricecook-wp .firebig .tips h3, .ricecook-wp .firebig .tips .t2 {
opacity: 0;
top: 10px;
position: relative;
}
.ricecook-wp .firebig .tips .t1 {
font-size: 16px;
line-height: 24px;
}
.ricecook-wp .firebig .tips h3 {
font-weight: normal;
font-size: 24px;
line-height: 32px;
}
.ricecook-wp .firebig .tips .t2 {
font-size: 12px;
line-height: 16px;
width: 78%;
margin: 7px auto 0;
}
.ricecook-wp .firebig .tips .list {
width: 186px;
margin: 20px auto 0;
}
.ricecook-wp .firebig .tips .list ul {
width: 100%;
}
.ricecook-wp .firebig .tips .list li {
width: 93px;
opacity: 0;
position: relative;
left: 10px;
}
.ricecook-wp .firebig .tips .list li img {
display: block;
width: 100%;
}
.ricecook-wp .firebig .tips .list li p {
line-height: 26px;
text-align: center;
color: #fff;
}
.ricecook-wp .design .posbg {
opacity: 0;
}
.ricecook-wp .design .audio-play{
display: block;
width: 53%;
height: 60px;
position: absolute;
left: 11%;
bottom: 26%;
cursor: pointer;
}
.ricecook-wp .design .tips {
top: 35px;
width: 69%;
left: 9%;
color: #fff;
}
.ricecook-wp .design .tips .t1, .ricecook-wp .design .tips h3, .ricecook-wp .design .tips .t2 {
opacity: 0;
top: 10px;
position: relative;
}
.ricecook-wp .design .t1 {
font-size: 16px;
line-height: 24px;
}
.ricecook-wp .design h3 {
font-weight: normal;
font-size: 24px;
margin-top: 4px;
}
.ricecook-wp .design .t2 {
line-height: 16px;
margin-top: 9px;
}
.ricecook-wp .designup .posbg {
opacity: 0;
}
.ricecook-wp .designup .tips {
top: 56px;
left: 8%;
color: #fff;
}
.ricecook-wp .designup .tips .t1, .ricecook-wp .designup .tips h3, .ricecook-wp .designup .tips .t2 {
opacity: 0;
top: 10px;
position: relative;
}
.ricecook-wp .designup .t1 {
line-height: 25px;
font-size: 16px;
}
.ricecook-wp .designup h3 {
font-weight: normal;
font-size: 24px;
line-height: 33px;
}
.ricecook-wp .designup .t2 {
line-height: 16px;
margin-top: 11px;
display: block;
}
.ricecook-wp .designup-se .posbg {
opacity: 0;
}
.ricecook-wp .designup-se .tips {
top: 20px;
left: 0;
width: 100%;
text-align: center;
color: #fff;
}
.ricecook-wp .designup-se .tips .t1, .ricecook-wp .designup-se .tips h3, .ricecook-wp .designup-se .tips .word {
opacity: 0;
top: 10px;
position: relative;
}
.ricecook-wp .designup-se .t1 {
font-size: 16px;
line-height: 24px;
}
.ricecook-wp .designup-se h3 {
font-weight: normal;
font-size: 24px;
line-height: 34px;
}
.ricecook-wp .designup-se .word {
display: block;
line-height: 16px;
margin-top: 10px;
}
.ricecook-wp .onlinebuy .posbg {
opacity: 0;
}
.ricecook-wp .onlinebuy .tips {
top: 39px;
left: 0;
width: 100%;
text-align: center;
color: #3a2724;
}
.ricecook-wp .onlinebuy .tips .t1, .ricecook-wp .onlinebuy .tips h3, .ricecook-wp .onlinebuy .tips .t2, .ricecook-wp .onlinebuy .tips a {
opacity: 0;
top: 10px;
position: relative;
}
.ricecook-wp .onlinebuy .t1 {
font-size: 14px;
line-height: 20px;
}
.ricecook-wp .onlinebuy h3 {
font-weight: normal;
font-size: 24px;
line-height: 32px;
}
.ricecook-wp .onlinebuy .t2 {
font-size: 14px;
margin-top: 5px;
line-height: 22px;
}
.ricecook-wp .onlinebuy a {
display: inline-block;
padding-right: 23px;
font-size: 14px;
line-height: 30px;
color: #00a7e1;
background-size: auto 60%;
}
.ricecook-wp .pairs .posbg {
opacity: 0;
}
.ricecook-wp .pairs .tips {
width: 100%;
text-align: center;
top: 115px;
left: 0;
color: #fff;
}
.ricecook-wp .pairs .tips .t1, .ricecook-wp .pairs .tips h3, .ricecook-wp .pairs .tips .link {
opacity: 0;
top: 10px;
position: relative;
}
.ricecook-wp .pairs h3 {
font-weight: normal;
font-size: 24px;
line-height: 37px;
}
.ricecook-wp .pairs .t1 {
line-height: 26px;
font-size: 14px;
}
.ricecook-wp .pairs .link {
display: inline-block;
padding-right: 18px;
background-size: auto 60%;
color: #ffe8bc;
font-size: 14px;
line-height: 26px;
margin-top: 5px;
}
@-webkit-keyframes lineGo {
0% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
100% {
-webkit-transform: translateX(480px);
transform: translateX(480px);
}
}
@keyframes lineGo {
0% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
100% {
-webkit-transform: translateX(480px);
transform: translateX(480px);
}
}
@-webkit-keyframes lineGoN {
0% {
-webkit-transform: translateX(480px);
transform: translateX(480px);
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
@keyframes lineGoN {
0% {
-webkit-transform: translateX(480px);
transform: translateX(480px);
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
@media screen and (max-width: 320px) {
@-webkit-keyframes airTwo {
0% {
opacity: 0;
-webkit-transform: translate(-15px, -45px) scale(0.2);
transform: translate(-15px, -45px) scale(0.2);
}
100% {
opacity: 1;
-webkit-transform: translate(0px) scale(1);
transform: translate(0px) scale(1);
}
}
@keyframes airTwo {
0% {
opacity: 0;
-webkit-transform: translate(-15px, -45px) scale(0.2);
transform: translate(-15px, -45px) scale(0.2);
}
100% {
opacity: 1;
-webkit-transform: translate(0px) scale(1);
transform: translate(0px) scale(1);
}
}
@-webkit-keyframes airTwoS {
0% {
opacity: 0;
-webkit-transform: translate(10px, -45px) scale(0.2);
transform: translate(10px, -45px) scale(0.2);
}
100% {
opacity: 1;
-webkit-transform: translate(0px) scale(1);
transform: translate(0px) scale(1);
}
}
@keyframes airTwoS {
0% {
opacity: 0;
-webkit-transform: translate(10px, -45px) scale(0.2);
transform: translate(10px, -45px) scale(0.2);
}
100% {
opacity: 1;
-webkit-transform: translate(0px) scale(1);
transform: translate(0px) scale(1);
}
}
}
@media screen and (min-width: 350px) and (max-width: 375px) {
.ricecook-wp .ban .air-le {
bottom: 21%;
-webkit-transform: translate(-15px, -40px) scale(0.2);
-ms-transform: translate(-15px, -40px) scale(0.2);
transform: translate(-15px, -40px) scale(0.2);
}
.ricecook-wp .ban .air-ri {
bottom: 21%;
-webkit-transform: translate(10px, -40px) scale(0.2);
-ms-transform: translate(10px, -40px) scale(0.2);
transform: translate(10px, -40px) scale(0.2);
}
@-webkit-keyframes airTwo {
0% {
opacity: 0;
-webkit-transform: translate(-15px, -40px) scale(0.2);
transform: translate(-15px, -40px) scale(0.2);
}
100% {
opacity: 1;
-webkit-transform: translate(0px) scale(1);
transform: translate(0px) scale(1);
}
}
@keyframes airTwo {
0% {
opacity: 0;
-webkit-transform: translate(-15px, -40px) scale(0.2);
transform: translate(-15px, -40px) scale(0.2);
}
100% {
opacity: 1;
-webkit-transform: translate(0px) scale(1);
transform: translate(0px) scale(1);
}
}
@-webkit-keyframes airTwoS {
0% {
opacity: 0;
-webkit-transform: translate(10px, -40px) scale(0.2);
transform: translate(10px, -40px) scale(0.2);
}
100% {
opacity: 1;
-webkit-transform: translate(0px) scale(1);
transform: translate(0px) scale(1);
}
}
@keyframes airTwoS {
0% {
opacity: 0;
-webkit-transform: translate(10px, -40px) scale(0.2);
transform: translate(10px, -40px) scale(0.2);
}
100% {
opacity: 1;
-webkit-transform: translate(0px) scale(1);
transform: translate(0px) scale(1);
}
}
.history-wrap li .right-box{
width: 266px;
}
.history-wrap li .year{
margin-left: 14px;
}
.history-wrap .list .more{
margin-left: -140px;
}
}
@media screen and (min-width: 380px) and (max-width: 450px) {
.ricecook-wp .ban .air-le {
bottom: 22%;
-webkit-transform: translate(-15px, -42px) scale(0.2);
-ms-transform: translate(-15px, -42px) scale(0.2);
transform: translate(-15px, -42px) scale(0.2);
}
.ricecook-wp .ban .air-ri {
bottom: 22%;
-webkit-transform: translate(10px, -42px) scale(0.2);
-ms-transform: translate(10px, -42px) scale(0.2);
transform: translate(10px, -42px) scale(0.2);
}
@-webkit-keyframes airTwo {
0% {
opacity: 0;
-webkit-transform: translate(-15px, -42px) scale(0.2);
transform: translate(-15px, -42px) scale(0.2);
}
100% {
opacity: 1;
-webkit-transform: translate(0px) scale(1);
transform: translate(0px) scale(1);
}
}
@keyframes airTwo {
0% {
opacity: 0;
-webkit-transform: translate(-15px, -42px) scale(0.2);
transform: translate(-15px, -42px) scale(0.2);
}
100% {
opacity: 1;
-webkit-transform: translate(0px) scale(1);
transform: translate(0px) scale(1);
}
}
@-webkit-keyframes airTwoS {
0% {
opacity: 0;
-webkit-transform: translate(10px, -42px) scale(0.2);
transform: translate(10px, -42px) scale(0.2);
}
100% {
opacity: 1;
-webkit-transform: translate(0px) scale(1);
transform: translate(0px) scale(1);
}
}
@keyframes airTwoS {
0% {
opacity: 0;
-webkit-transform: translate(10px, -42px) scale(0.2);
transform: translate(10px, -42px) scale(0.2);
}
100% {
opacity: 1;
-webkit-transform: translate(0px) scale(1);
transform: translate(0px) scale(1);
}
}
.history-wrap li .right-box{
width: 280px;
}
.history-wrap li .year{
margin-left: 27px;
}
.history-wrap .list .more{
margin-left: -136px;
}
}
/*# sourceMappingURL=m.style.css.map */
.circle-wp img{
vertical-align: top;
width: 100%;
}
.circle-wp .link-vid{
position: relative;
}
.circle-wp .link-vid a{
display: block;
width: 32%;
height: 6%;
position: absolute;
}
.circle-wp .a1{
left: 17.7%;
top: 36.8%;
}
.circle-wp .a2{
left: 18%;
top: 44%;
}
.circle-wp .a3{
left: 18%;
top: 51%;
}
/*2016.08.15*/
.network-wrap .search-link {
padding: 3%;
border-top: 1px solid #f5f5f5;
border-bottom: 1px solid #f5f5f5;
}
.network-wrap .search-link a {
display: inline-block;
width: calc(90% - 2px);
padding: 0 5%;
border: 1px solid #d9d9d9;
border-radius: 12.5px;
font-size: 14px;
line-height: 25px;
color: rgba(0, 0, 0, 0.35);
}
.network-wrap .tabs {
padding: 5% 0 3%;
background: #efefef;
font-size: 12px;
line-height: 20px;
color: #666;
}
.network-wrap .tabs .btns {
margin: 0 2.5%;
}
.network-wrap .tabs .btns span {
display: inline-block;
width: 16%;
padding: 4% 1% 5%;
margin: 0 1%;
border-radius: 5px;
font-size: 14px;
line-height: 18px;
color: #666;
text-align: center;
}
@media all and (max-width: 320px){
.network-wrap .tabs .btns span{
padding: 3% 1% 6%;
font-size: 12px;
}
}
@media all and (min-width: 414px){
.network-wrap .tabs .btns span{
padding: 4% 1% 6%;
}
}
.network-wrap .tabs .btns span.lh {
line-height: 36px;
}
.network-wrap .tabs .btns span.cur {
color: #fff;
}
.network-wrap .tabs .box {
display: none;
padding: 3%;
}
.network-wrap .list ul {
float: none;
width: 100%;
}
.network-wrap .list li {
position: relative;
float: none;
width: 90.8%;
padding: 4.6%;
}
.network-wrap .list li .title {
padding: 1% 0 3%;
font-size: 16px;
line-height: 22px;
color: #000;
}
.network-wrap .list li .title p.fl {
width: 80%;
}
.network-wrap .list li .title span {
font-size: 14px;
line-height: 22px;
color: #666;
}
.network-wrap .list li a {
display: inline-block;
font-size: 14px;
line-height: 24px;
color: #666;
}
.network-wrap .list li p.tel{
position: relative;
min-height: 72px;
}
.network-wrap .list li p.tel a {
color: #00a7e1;
}
.network-wrap .list li a.sign{
position: absolute;
right: 0;
top: 0;
width: 40px;
height: 40px;
}
.network-wrap .list li a.map {
padding-left: 5%;
margin-top: 2%;
}
.network-wrap .list li:nth-child(2n) {
background: #f5f5f5;
}
.network-wrap .page {
padding: 5% 0;
background: #f5f5f5;
text-align: center;
}
.city-wrap .search {
padding: 3%;
border-top: 1px solid #f5f5f5;
border-bottom: 1px solid #f5f5f5;
font-size: 14px;
}
.city-wrap .search select {
width: 49%;
height: 35px;
border: 0;
background: #eaeaea;
margin-bottom: 10px;
}
.city-wrap .search input {
width: 100%;
height: 35px;
border: 0;
border-radius: 0;
background: #eaeaea;
margin-bottom: 10px;
}
.city-wrap .search input.submit {
background: #666;
color: #fff;
}
.city-wrap .add {
min-height: 176px;
padding: 3%;
background: #f5f5f5;
font-size: 13px;
line-height: 22px;
color: #999;
}
/*20160910*/
.newred-wrap .part {
position: relative;
overflow: hidden;
}
.newred-wrap .part1 > img {
opacity: 0;
}
.newred-wrap .part1 .tips {
position: absolute;
left: 0;
top: 10.5%;
text-align: center;
}
.newred-wrap .part1 .tips img:first-child{
margin-bottom: 4.4%;
}
.newred-wrap .part1 .tips a{
display: inline-block;
padding-right: 22px;
margin: 4.4% 2%;
font-size: 16px;
line-height: 2;
color: #00a7e1;
}
.newred-wrap .part2 {
padding: 3% 0 13%;
background: #f9f9f9;
}
.newred-wrap .part2 .img {
position: relative;
}
.newred-wrap .part2 .img span {
display: inline-block;
position: absolute;
left: 48%;
top: 41%;
width: 11.25%;
}
.newred-wrap .part2 .img span::after {
content: "";
display: inline-block;
position: absolute;
left: 50%;
top: 50%;
width: 100%;
height: 100%;
border-radius: 50%;
background: #8a0210;
margin: -50% 0 0 -50%;
opacity: 0;
-webkit-animation: circle 3s linear infinite;
animation: circle 3s linear infinite;
}
.newred-wrap .part2 .tips {
font-size: 14px;
line-height: 22px;
color: #888;
text-align: center;
}
@media screen and (max-width: 320px) {
.newred-wrap .part2 .tips {
font-size: 12px;
}
}
.newred-wrap .part2 .tips p {
padding: 3.75% 8% 0;
position: relative;
top: 50px;
opacity: 0;
}
.newred-wrap .part2 .tips span {
color: #a2191b;
}
.newred-wrap .part3 {
padding-top: 14%;
}
.newred-wrap .part3 .tips {
font-size: 14px;
line-height: 22px;
color: #888;
text-align: center;
}
@media screen and (max-width: 320px) {
.newred-wrap .part3 .tips {
font-size: 12px;
}
}
.newred-wrap .part3 .tips img {
margin-bottom: 4.7%;
}
.newred-wrap .part3 .tips p {
padding: 1% 7%;
position: relative;
top: 50px;
opacity: 0;
}
.newred-wrap .part3 .tips span {
position: relative;
top: 50px;
display: inline-block;
width: 29%;
margin: 0 2%;
font-size: 12px;
color: #000;
opacity: 0;
}
@media screen and (max-width: 320px) {
.newred-wrap .part3 .tips span {
width: 34%;
}
}
.newred-wrap .part3 .tips span img {
top: 0;
opacity: 1;
}
.newred-wrap .part3 .img {
position: relative;
}
.newred-wrap .part3 .img img {
opacity: 0;
}
.newred-wrap .part3 .img span {
display: inline-block;
position: absolute;
display: none;
left: 58.2%;
top: 60.7%;
width: 32.8%;
}
.newred-wrap .part4 {
padding: 13.1% 0 5%;
}
.newred-wrap .part4 > img {
position: relative;
top: 50px;
opacity: 0;
}
.newred-wrap .part4 .list {
width: 84%;
margin: 13.1% auto 0;
}
.newred-wrap .part4 .list ul {
width: 100%;
}
.newred-wrap .part4 .list li {
float: left;
width: 50%;
margin-bottom: 8.2%;
font-size: 13px;
line-height: 22px;
color: #888;
text-align: center;
position: relative;
opacity: 0;
left: -50px;
}
.newred-wrap .part4 .list li:nth-child(2n) {
left: 50px;
}
.newred-wrap .part4 .list li img {
display: block;
margin: 0 auto 10px;
}
.newred-wrap .part4 .list li b {
font-size: 14px;
color: #333;
}
.newred-wrap .part5 {
position: relative;
}
.newred-wrap .part5 > img {
position: relative;
opacity: 0;
}
.newred-wrap .part5 .tips {
position: absolute;
left: 0;
top: 14.9%;
}
.newred-wrap .part5 .tips img:first-child {
margin-bottom: 10.7%;
}
.newred-wrap .part5 .tips img.gif {
position: absolute;
left: 6.25%;
top: 100%;
width: 13.75%;
}
.newred-wrap .part6 {
position: relative;
padding: 19.8% 0 15%;
}
.newred-wrap .part6 .bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.newred-wrap .part6 > img {
position: relative;
top: 50px;
opacity: 0;
}
.newred-wrap .part6 .list {
width: 99%;
margin: 14% auto 0;
}
.newred-wrap .part6 .list ul {
width: 100%;
}
.newred-wrap .part6 .list li {
float: left;
position: relative;
width: 100%;
margin-bottom: 3%;
font-size: 14px;
line-height: 22px;
color: #030d26;
text-align: center;
position: relative;
opacity: 0;
left: 50px;
}
.newred-wrap .part6 .list li .tips {
position: absolute;
left: 0;
top: 63%;
width: 100%;
}
.newred-wrap .part6 .list li .tips p:nth-child(2) {
font-size: 12px;
color: #999;
line-height: 18px;
}
.newred-wrap .part6 .list li a {
padding: 0 3px;
font-size: 11px;
line-height: 18px;
color: #666;
text-transform: uppercase;
}
.newred-wrap .part6 .list li:nth-child(2),
.newred-wrap .part6 .list li:nth-child(3){
width: 50%;
}
@-webkit-keyframes circle {
0% {
opacity: 0;
}
80% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@keyframes circle {
0% {
opacity: 0;
}
80% {
opacity: 1;
}
100% {
opacity: 1;
}
}
.suqq-wrap .posbg {
width: 100%;
display: block;
}
.suqq-wrap .ban .posbg {
opacity: 0;
height: 8.77rem;
}
.suqq-wrap .ban .font {
width: 3.86rem;
left: 50%;
margin-left: -1.93rem;
top: 0.8rem;
}
.suqq-wrap .ban .font .img1 {
width: 3.68rem;
margin-bottom: 0.3rem;
}
.suqq-wrap .ban .font .img2 {
width: 3.83rem;
margin-bottom: 0.5rem;
}
.suqq-wrap .ban .font .img3 {
width: 1.3rem;
}
.suqq-wrap .ban .font .img4 {
margin-left: 0.6rem;
width: 1.32rem;
}
.suqq-wrap .ban .font .list {
margin-bottom: 0.6rem;
text-align: center;
}
.suqq-wrap .ban .font .img5 {
display: block;
margin: 0 auto;
width: 2.85rem;
height: 3.5rem;
}
.suqq-wrap .ban .font .img1, .suqq-wrap .ban .font .img2, .suqq-wrap .ban .font .list {
top: 10px;
opacity: 0;
position: relative;
}
.suqq-wrap .ban .font .img5 {
top: 1rem;
opacity: 0;
position: relative;
}
.suqq-wrap .sqqsec {
width: 100%;
height: 7.07rem;
background: #fafafa;
}
.suqq-wrap .sqqsec .con {
width: 5.38rem;
left: 50%;
margin-left: -2.69rem;
top: 1.2rem;
text-align: center;
}
.suqq-wrap .sqqsec .con .img1 {
width: 2.29rem;
margin-bottom: 0.4rem;
}
.suqq-wrap .sqqsec .con .img2 {
width: 4.76rem;
margin-bottom: 0.8rem;
}
.suqq-wrap .sqqsec .con .img1, .suqq-wrap .sqqsec .con .img2, .suqq-wrap .sqqsec .con .scroll {
top: 10px;
opacity: 0;
position: relative;
}
.suqq-wrap .sqqsec .con .scroll-sec {
width: 5.38rem;
height: 2.58rem;
overflow: hidden;
}
.suqq-wrap .sqqsec .con .scroll-sec .center {
width: 4.21rem;
height: 2.37rem;
margin: 0.11rem 0 0 0.6rem;
overflow: hidden;
}
.suqq-wrap .sqqsec .con .scroll-sec .center img {
width: 4.21rem;
height: 2.37rem;
}
.suqq-wrap .sqqth {
width: 100%;
height: 8.8rem;
overflow: hidden;
}
.suqq-wrap .sqqth .con {
width: 100%;
text-align: center;
left: 0;
top: 1.5rem;
}
.suqq-wrap .sqqth .con .img1 {
width: 2.32rem;
margin-bottom: 0.38rem;
}
.suqq-wrap .sqqth .con .img2 {
width: 4.1rem;
margin-bottom: 0.4rem;
}
.suqq-wrap .sqqth .con .list {
margin-bottom: 0.75rem;
}
.suqq-wrap .sqqth .con .list .img3, .suqq-wrap .sqqth .con .list .img4, .suqq-wrap .sqqth .con .list .img5 {
width: 1.6rem;
}
.suqq-wrap .sqqth .con .list .img3, .suqq-wrap .sqqth .con .list .img4, .suqq-wrap .sqqth .con .list .img5 {
left: 0.1rem;
opacity: 0;
position: relative;
}
.suqq-wrap .sqqth .con .img1, .suqq-wrap .sqqth .con .img2 {
top: 0.1rem;
opacity: 0;
position: relative;
}
.suqq-wrap .sqqth .con .img6 {
display: block;
margin: 0 auto;
width: 2.8rem;
opacity: 0;
position: relative;
top: 1rem;
}
.suqq-wrap .sqqfour {
width: 100%;
height: 6.24rem;
overflow: hidden;
text-align: center;
}
.suqq-wrap .sqqfour video {
width: 100%;
height: 6.24rem;
}
.suqq-wrap .sqqfiv {
width: 100%;
height: 10.2rem;
}
.suqq-wrap .sqqfiv .con {
width: 100%;
text-align: center;
left: 0;
top: 1.5rem;
}
.suqq-wrap .sqqfiv .con .img1 {
width: 2.29rem;
margin-bottom: 0.4rem;
}
.suqq-wrap .sqqfiv .con .img2 {
width: 4.34rem;
margin-bottom: 0.6rem;
}
.suqq-wrap .sqqfiv .con .img1, .suqq-wrap .sqqfiv .con .img2 {
top: 0.1rem;
opacity: 0;
position: relative;
}
.suqq-wrap .sqqfiv .con .scroll-th {
margin: 0 auto;
width: 3.44rem;
height: 5.9rem;
overflow: hidden;
}
.suqq-wrap .sqqfiv .con .scroll-th .center {
position: relative;
width: 2.15rem;
height: 3.1rem;
margin: 1.35rem 0 0 0.64rem;
overflow: hidden;
}
.suqq-wrap .sqqfiv .con .scroll-th .center .swiper-wrapper {
height: 3rem;
}
.suqq-wrap .sqqfiv .con .scroll-th .center img {
width: 2.15rem;
height: 2.95rem;
}
.suqq-wrap .sqqfiv .con .scroll-th .center .pagination {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0.08rem;
z-index: 5;
text-align: center;
}
.suqq-wrap .sqqfiv .con .scroll-th .center .pagination span {
display: inline-block;
width: 0.06rem;
height: 0.06rem;
margin: 0 0.03rem;
background: #fff;
border-radius: 100%;
opacity: 0.5;
filter: alpha(opacity=50);
vertical-align: top;
}
.suqq-wrap .sqqfiv .con .scroll-th .center .pagination span.swiper-pagination-bullet-active {
opacity: 1;
filter: alpha(opacity=100);
}
.suqq-wrap .sqqsix {
width: 100%;
height: 10.2rem;
overflow: hidden;
}
.suqq-wrap .sqqsix .con {
width: 100%;
text-align: center;
left: 0;
top: 1.3rem;
}
.suqq-wrap .sqqsix .con .img1 {
width: 1.84rem;
margin-bottom: 0.36rem;
}
.suqq-wrap .sqqsix .con .img2 {
width: 4.94rem;
margin-bottom: 0.7rem;
}
.suqq-wrap .sqqsix .con .img1, .suqq-wrap .sqqsix .con .img2 {
top: 0.1rem;
opacity: 0;
position: relative;
}
.suqq-wrap .sqqsix .con .phone {
position: relative;
margin-left: 1.3rem;
width: 4.45rem;
height: 7.42rem;
}
.suqq-wrap .sqqsix .con .phone .sign {
position: absolute;
left: 1.53rem;
top: 3.47rem;
width: 1rem;
height: 1rem;
}
.suqq-wrap .sqqsix .con .phone .sign::after {
content: "";
display: inline-block;
position: absolute;
left: 50%;
top: 50%;
width: 1.54rem;
height: 1.54rem;
margin: -0.77rem 0 0 -0.77rem;
border-radius: 50%;
background: rgba(255, 255, 255, 0.3);
-webkit-animation: circleLight 1s linear infinite;
animation: circleLight 1s linear infinite;
}
.suqq-wrap .sqqsix .con .phone .sign img {
position: absolute;
left: 0;
top: 0;
width: 1rem;
height: 1rem;
z-index: 2;
}
.suqq-wrap .sqqsev {
width: 100%;
height: 9.52rem;
overflow: hidden;
}
.suqq-wrap .sqqsev .con {
width: 100%;
text-align: center;
left: 0;
top: 0.95rem;
}
.suqq-wrap .sqqsev .con .img1 {
display: block;
width: 1.4rem;
margin: 0 auto 0.5rem;
}
.suqq-wrap .sqqsev .con .img2 {
display: block;
width: 2.43rem;
margin: 0 auto 1.15rem;
}
.suqq-wrap .sqqsev .con .img1, .suqq-wrap .sqqsev .con .img2 {
top: 0.1rem;
opacity: 0;
position: relative;
}
.suqq-wrap .sqqsev .con .list {
margin: 0 auto;
}
.suqq-wrap .sqqsev .con .list img {
margin: 0 0.15rem;
width: 2.3rem;
height: 2.1rem;
left: 0.1rem;
opacity: 0;
position: relative;
}
@-webkit-keyframes circleLight {
0% {
width: 1rem;
height: 1rem;
margin: -0.5rem 0 0 -0.5rem;
}
100% {
width: 1.54rem;
height: 1.54rem;
margin: -0.77rem 0 0 -0.77rem;
}
}
@keyframes circleLight {
0% {
width: 1rem;
height: 1rem;
margin: -0.5rem 0 0 -0.5rem;
}
100% {
width: 1.54rem;
height: 1.54rem;
margin: -0.77rem 0 0 -0.77rem;
}
}
nav{
font-size: 12px;
}
footer{
font-size: 12px;
}
.ins-nav.cur li img{width:100%;margin-bottom:8px;}
.manualsearchinfo{
background:#f5f5f5;
}
.manualsearchinfo .l-ma1190{
width:90%;
margin:0 auto;
}
.manualsearchinfo-list1{
padding:60px 0;
}
.manualsearchinfo-list1 .l-ma1190{
border-radius:5px;
overflow: hidden;
background:#fff;
padding:15px;
box-sizing:border-box;
}
.manualsearchinfo-list1 .imgs{
width:35%;
max-height:100px;
/*background:#f9f9f9;*/
background:#fff;
}
.manualsearchinfo-list1 .imgs img{
max-width: 58%;
max-height: 62%;
width:auto;
height:auto;
}
.manualsearchinfo-list1 .words{
width:60%;
margin-left:5%;
}
.manualsearchinfo-list1 .words .bot a{
}
.manualsearchinfo-list1 .words .bot a p{
font-size:12px;
color:#000;
margin-left:5px;
text-align:center;
}
.manualsearchinfo-list1 .words .tits{
margin-bottom:5px;
color:#000;
}
.manualsearchinfo-list1 .bot{
margin-top:20px;
}
.manualsearchinfo-list1 .bot a{
margin-right:10px;
}
.manualsearchinfo-list1 .bot a .icon{
height:16px;
}
.manualsearchinfo-list2{
padding:25px 0;
background:#fafafa;
}
.manualsearchinfo-list2 .li{
width:100%;
background:#fff;
padding:10px 15px;
margin-bottom:2%;
box-sizing: border-box;
position: relative;
}
.manualsearchinfo-list2 .li .icon{
width:20px;
}
.manualsearchinfo-list2 .li .sp{
color:#333;
width:calc(100% - 50px);
margin-left:10px;
}
.manualsearchinfo-list2 .li .sp2{
width:14px;
height: auto;
fill:#333;
transition: all .4s ease;
}
.manualsearchinfo-list2 .li .litop{
cursor:pointer;
}
.manualsearchinfo-list2 .libot{
padding:10px 0;
width:100%;
z-index:3;
background:#fff;
display:none;
box-sizing: border-box;
overflow-y: auto;
max-height:200px;
}
.manualsearchinfo-list2 .libot a{
background:#f9f9f9;
padding:8px 20px;
margin-top:10px;
}
.manualsearchinfo-list2 .libot a .sp{
width:calc(100% - 30px);
margin-left:0;
}
.manualsearchinfo-list2 .libot a .sp2{
width:4px;
}
.manualsearchinfo-list2 .li .litop.cur .sp2{
transform:rotate(-90deg);
}
.textdialog4 {
position: fixed;
top: 0;
left: 0;
z-index: 99;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
}
.textdialog4 .dialog__overlay {
position: absolute;
top: 0;
left: 0;
z-index: 1;
visibility: hidden;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
opacity: 0;
transition: opacity 0.3s;
}
.textdialog4 .dialog__content {
position: relative;
z-index: 5;
overflow-x: auto;
padding: 0;
max-width: 800px;
width: 90%;
border-radius: 0px;
background: #fff;
box-shadow: none;
opacity: 0;
padding:30px 45px 80px;
border-radius:5px;
box-sizing: border-box;
}
.textdialog4 .dialog__content2{
width:100%;
background:transparent;
padding:0 3%;
box-sizing: border-box;
height:calc(100vh - 80px);
overflow: hidden;
}
.textdialog4 .dialog__content2 .textbox{
max-height: calc(80vh - 30px);
overflow: hidden;
}
.textdialog4 .dialog__content2 .textbox img{
max-height:100%;
}
.textdialog4 .textbox .img-container{
height: calc(80vh - 50px);
}
.textdialog4 .textbox .img-container .swiper-slide{
height: calc(80vh - 50px);
}
.textdialog4 .dialog__content2 .title{
color:#fff;
font-size:.32rem;
}
.textdialog4 .dialog__content2 .closebtn svg{
fill:#fff;
}
.textdialog4 .title{
color:#333;
padding-bottom:20px;
border-bottom:1px solid #eee;
margin-bottom:20px;
}
.textdialog4 .textbox{
width:100%;
line-height:1.8;
max-height:360px;
overflow-y:auto;
}
.textdialog4 .textbox p{
font-size:12px;
}
.textdialog4 .closebtn {
position: absolute;
right: 45px;
top: 20px;
z-index: 3;
width: 40px;
height: 40px;
text-align: center;
cursor: pointer;
transition: all .3s;
}
.textdialog4 .closebtn svg {
width: 30px;
height: 30px;
fill: #000;
}
.textdialog4.dialog--open {
opacity: 1;
visibility: visible;
}
.textdialog4.dialog--open .dialog__overlay {
opacity: 1;
pointer-events: auto;
visibility: visible;
backdrop-filter: blur(5px);
}
.textdialog4.dialog--open .dialog__content, .textdialog4.dialog--close .dialog__content {
opacity: 1;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.textdialog4.dialog--open .dialog__content {
-webkit-animation-name: anim-open3;
animation-name: anim-open3;
}
.textdialog4 .dialog__overlay {
background: rgba(0, 0, 0, 0.4);
}
.textdialog4.dialog--close .dialog__content {
-webkit-animation-name: anim-close3;
animation-name: anim-close3;
}
@media (max-width: 1024px) {
.textdialog4 .closebtn {
color: #fff;
}
}
@media (max-width: 767px) {
.textdialog4 .dialog__content {
width: 100%;
padding: .6rem 3%;
}
.textdialog4 .closebtn {
right: 3%;
}
}
.textdialog4 .textbox .img-container{
margin-bottom:.3rem;
}
.textdialog4 .textbox .swiper-slide img{
max-width:100%;
}
.textdialog4 .textbox .img-container .swiper-pagination-bullet-active{
background: #ff6c00;
}
.protop-list .list{
padding:15px 0;
}
.protop-list .list ul{
text-align:center;
width:100%;
}
.protop-list .list li{
float:none;
display:inline-block;
}
.protop-list .list li p{
text-align:center;
color:#666;
}
.joinus-wrap .sc-box .sele#ctype{
display:none;
}
.joinus-wrap .sc-box .sele{
width:100%;
}
.video-fixed{
background:rgba(0, 0, 0, .5);
}
.instructionsinfo-list1{
padding:10px 0;
min-height:200px;
position: relative;
/*overflow: hidden;*/
}
.instructionsinfo-list1 .videoboxs{
height:auto;
/*position:absolute;
left:0;
top:0;*/
width:100%;
z-index:1;
background:#fff;
}
.instructionsinfo-list1 .videoboxs:before{
content:"";
position: absolute;
width:100%;
height:100%;
left:0;
top:0;
z-index:1;
background:rgba(0, 0, 0, .3);
}
.super-video .more{
z-index:4;
}
.instructionsinfo-list1 .videoboxs.active{
position:fixed;
z-index: 9;
left:0;
top: 0;
}
.instructionsinfo-list1 video{
width:100%;
}
.text-center{
text-align:center;
}
.instructionsinfo-list2{
padding:30px 5%;
background:#f9f9f9;
}
.instructionsinfo-list2 .textbox{
margin-top:20px;
}
.instructionsinfo-list2 .textbox .img-container{
width:100%;
}
.instructionsinfo-list2 .textbox .img-container img{
width:100%;
}
.instructionsinfo-list2 .textbox .img-container .swiper-pagination span.swiper-pagination-bullet-active{
background:#00a7e1;
}
.instructionsinfo-list2 .textbox img{
max-width:100% !important;
max-height:100% !important;
width:auto !important;
height:auto !important;
}
img{
image-rendering: crisp-edges;
image-rendering: -moz-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: -o-crisp-edges;
-ms-interpolation-mode: nearest-neighbor;
}
/*# sourceMappingURL=m.style.css.map */
.maintain-list{
width: 100%;
}
.maintain-list ul{
width: 100%;
}
.maintain-list li{
width: 100%;
background: #fff;
}
.maintain-list li .tit{
padding: 0 3%;
width: 94%;
height: 40px;
font-size: 13px;
color: #333;
line-height: 40px;
}
.maintain-list li .tit p{
width: 90%;
overflow: hidden;
height: 40px;
}
.maintain-list li span.one.se{
color: #00a7e1;
transition: color 0.3s;
}
.maintain-list li .tit p.arrows{
width: 15px;
height: 7px;
margin-top: 18px;
background-size: cover;
}
.maintain-list li p.arrows.on{
background-size: cover;
}
.maintain-list li .con{
padding: 11px 3% 19px;
width: 94%;
display: none;
background: #fdfdfd;
border-top: 1px solid #e6e6e6;
}
.maintain-list li .con p{
color: #666;
font-size: 13px;
word-wrap: break-word;
line-height: 25px;
}
.maintain-list li .con a.more{
display: block;
margin-top: 18px;
color: #00a7e1;
font-size: 13px;
padding-right: 23px;
text-align: right;
margin-right:7px;
background-size: 11px;
}
.page{
width: 100%;
height: 44px;
line-height: 44px;
background: #f5f5f5;
text-align: center;
}
.page a{
padding:4px 8px;
color: #666;
font-size: 12px;
margin-right: 5px;
}
.page a.active{
background: #00a7e1;
color: #fff;
}
.info-tit{
width: 94%;
text-align: left;
padding: 11px 3%;
color: #333333;
font-size: 14px;
line-height: 26px;
}
.info-con{
padding: 0 3%;
width: 94%;
}
.info-con .tit{
font-size: 12px;
color: #333333;
line-height: 39px;
font-weight: bold;
height: 39px;
border-top: 1px solid #e6e6e6;
}
.info-con .swiper-wrapper{
width: 100%;
padding-bottom: 44px;
}
.info-con .swiper-wrapper .box{
width: 2.8rem;
text-align: center;
}
.info-con .swiper-wrapper .box p{
padding-top: 5px;
font-size: 12px;
color: #666;
line-height: 22px;
}
.info-con .swiper-wrapper .box.margin{
padding-right: 0.39rem;
background-size: 0.26rem;
}
.info-con .swiper-pagination-bullet{
display: block;
width: 6px;
height: 6px;
margin: 0 3px !important;
border: 1px solid #00a7e1;
float: left;
border-radius: 50%;
}
.info-con .swiper-pagination {
position: absolute;
bottom: 25px;
left: 50%;
margin-left: -16px;
height: 8px;
z-index: 5;
}
.info-con .swiper-pagination-bullet-active{
background: #00a7e1;
}
.info-con .swiper-wrapper .box .pic{
width: 2.8rem;
background-size: cover;
height: 3.2rem;
}
.info-con .swiper-wrapper .box img{
width: 100%;
height: 100%;
}
.video-con{
font-size: 12px;
color: #666666;
line-height: 22px;
padding-bottom: 15px;
}
.video-con p{
font-size: 12px;
color: #666666;
word-wrap: break-word;
line-height: 22px;
}
.video-con img{
max-width: 100%;
}
.video-con iframe{
width: 100%;
max-width: 100%;
}
.page-b{
background: #f5f5f5;
padding: 10px 3%;
}
.page-b p{
color: #999;
font-size: 12px;
line-height: 22px;
height: 22px;
overflow: hidden;
}
.page-b p a{
color: #999;
}
.ajax-img .img-bg{
background: #000;
opacity: 0.4;
filter: alpha(opacity=40);
position: fixed;
top:0;
left: 0;
z-index: 99999;
}
.ajax-img .pic{
width: 100%;
position: fixed;
top:100px;
left: 0;
z-index: 9999999;
}
.header-nav-btn {
width: 46px;
height: 36px;
cursor: pointer;
position: absolute;
/*left: 0;*/
right: 50px;
top: 0;
z-index: 10;
}
.header-nav-btn .box {
width: 20px;
height: 15px;
margin: 16px auto;
position: relative;
}
.header-nav-btn .line {
display: block;
height: 1px;
background-color: #fff;
position: absolute;
left: 0;
width: 100%;
}
.header-nav-btn .line-top {
top: 0;
-webkit-transform-origin: left top 0;
-ms-transform-origin: left top 0;
transform-origin: left top 0;
}
.header-nav-btn .line-cen {
top: 7px;
}
.header-nav-btn .line-bot {
bottom: 0;
-webkit-transform-origin: left bottom 0;
-ms-transform-origin: left bottom 0;
transform-origin: left bottom 0;
}
nav {
position: fixed;
z-index: 9;
left: 0;
top: 0;
z-index: 8;
width: 100%;
height: 0;
}
nav .bg {
display: block;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.9;
}
nav ul {
-webkit-transition: visibility 1s linear 0s;
transition: visibility 1s linear 0s;
width: 78%;
left: 11%;
position: absolute;
top: 96px;
visibility: hidden;
}
nav li {
width: 100%;
border-bottom: 1px solid #434443;
line-height: 39px;
-webkit-transform: scale(1.1) translateY(-24px);
-ms-transform: scale(1.1) translateY(-24px);
transform: scale(1.1) translateY(-24px);
opacity: 0;
-webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
transition: opacity 0.35s ease-out, transform 0.35s ease-out;
}
nav li:nth-child(1) {
-webkit-transition-delay: 50ms,50ms;
transition-delay: 50ms,50ms;
}
nav li:nth-child(2) {
-webkit-transition-delay: 100ms,100ms;
transition-delay: 100ms,100ms;
}
nav li:nth-child(3) {
-webkit-transition-delay: 150ms,150ms;
transition-delay: 150ms,150ms;
}
nav li:nth-child(4) {
-webkit-transition-delay: 200ms,200ms;
transition-delay: 200ms,200ms;
}
nav li:nth-child(5) {
-webkit-transition-delay: 250ms,250ms;
transition-delay: 250ms,250ms;
}
nav li:nth-child(6) {
-webkit-transition-delay: 300ms,300ms;
transition-delay: 300ms,300ms;
}
nav li:nth-child(7) {
-webkit-transition-delay: 350ms,350ms;
transition-delay: 350ms,350ms;
}
nav li a {
display: block;
color: #e8e8e8;
height: 39px;
}
nav li .ico {
display: inline-block;
width: 37px;
height: 39px;
float: left;
}
nav ul.show {
visibility: visible;
}
nav ul.show li {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
header {
width: 100%;
background-color: #00a7e1;
position: relative;
}
header .logo {
/*display: block;
width: 128px;
margin: 0 auto;*/
}
header .logo img {
display: block;
width: 100%;
}
header .link-shop {
display: inline-block;
height: 47px;
width: 51px;
background-size: 110% auto;
position: absolute;
right: 0;
top: 0;
}
footer {
background-color: #fff;
border-top: 1px solid #dbdbdb;
}
footer .navbox ul, footer .navbox li {
width: 100%;
}
footer .navbox li {
border-bottom: 1px solid #e5e5e5;
}
footer .navbox ul, footer .navbox li {
width: 100%;
}
footer .navbox .tit {
display: block;
width: 90%;
height: 38px;
line-height: 38px;
color: #333;
font-size: 14px;
padding: 0 5%;
}
footer .navbox .ico {
display: block;
width: 9px;
height: 9px;
background-size: 100% auto;
margin-top: 14px;
float: right;
-webkit-transition: -webkit-transform 0.3s ease 0s;
transition: transform 0.3s ease 0s;
}
footer .navbox .sub-box {
width: 85%;
padding: 8px 7.5%;
padding-left: 5%;
display: none;
}
.crumbs {
width: 94%;
padding: 0 3%;
line-height: 30px;
font-size: 12px;
background-color: #f9f9f9;
}
footer .navbox .sub-box a {
display: block;
line-height: 28px;
font-size: 12px;
color: #666;
}
footer .bot-box {
text-align: center;
padding-top: 13px;
padding-bottom: 18px;
}
footer .bot-box p {
line-height: 30px;
}
footer .bot-box .link {
text-align: center;
}
footer .bot-box .oran {
color: #00a7e1;
}
footer .bot-box .link a {
color: #666;
}
.crumbs {
width: 94%;
padding: 0 3%;
line-height: 30px;
font-size: 12px;
background-color: #f9f9f9;
}
.crumbs a.home {
display: inline-block;
padding-left: 19px;
background-size: auto 50%;
}
.crumbs a {
color: #000;
float: left;
}
.crumbs span {
float: left;
display: inline-block;
width: 18px;
color: #aeaeae;
text-align: center;
}
.crumbs b {
color: #00a7e1;
}
.ins-nav {
width: 100%;
position: relative;
}
.ins-nav .center {
width: 92%;
margin: 0 auto;
position: relative;
padding-top: 21px;
padding-bottom: 20px;
overflow: hidden;
}
.ins-nav li {
width: 32%;
height: 70px;
border-right: 1px solid #f8f8f8;
}
.ins-nav li a {
display: block;
height: 70px;
position: relative;
}
.ins-nav li img {
display: block;
width: 42%;
margin: 0 auto;
}
.ins-nav li.hover p {
color: #00a7e1;
}
.ins-nav li p {
line-height: 18px;
text-align: center;
color: #999;
font-weight: 600;
}
.ins-nav li.hover .bg {
display: block;
}
.ins-nav li .bg {
display: none;
width: 100%;
height: 52px;
background-size: 100% auto;
position: absolute;
bottom: -8px;
}
.ins-nav li:nth-child(3n+0) {
border-right: none;
}
.ins-nav .prev {
left: 0;
background-size: 70% auto;
}
.ins-nav .butn {
width: 3.5%;
height: 116px;
cursor: pointer;
position: absolute;
top: 0;
}
.ins-nav .next {
right: 0;
background-size: 70% auto;
}
.mall-wrap .mall-nav {
width: 100%;
height: 40px;
}
.mall-wrap .nav-box.fixed {
position: fixed;
top: 0;
left: 0;
}
.mall-wrap .nav-box {
width: 100%;
height: 40px;
border-bottom: 1px solid #efefef;
position: relative;
overflow: hidden;
z-index: 1;
background-color: #fff;
}
.mall-wrap .nav-box ul {
width: 103%;
}
.mall-wrap .nav-box li.hover {
background-color: #00a7e1;
color: #fff;
border-right: 1px solid #00a7e1;
}
.mall-wrap .nav-box li {
width: 24%;
border-right: 1px solid #efefef;
text-align: center;
line-height: 40px;
font-size: 12px;
font-weight: bold;
color: #666;
cursor: pointer;
}
.mall-wrap .section {
padding-top: 5px;
}
.mall-wrap .bg-gray {
background-color: #fbfbfb;
}
.mall-wrap .section .tit {
padding-left: 6%;
line-height: 35px;
font-size: 15px;
color: #333;
display: block;
}
.mall-wrap .section ul {
width: 100%;
}
.mall-wrap .section li {
width: 100%;
border-bottom: 1px solid #f2f2f2;
}
.mall-wrap .section li .lm-pro {
width: 50%;
float: left;
position: relative;
}
.mall-wrap .section li .lm-pro img {
display: block;
width: 36%;
float: left;
margin-left: 8%;
}
.mall-wrap .section li .ft {
padding-top: 15px;
margin-left: 5%;
}
.mall-wrap .section li .cn {
font-size: 14px;
color: #000;
line-height: 20px;
width: 80px;
}
.mall-wrap .section li .en {
color: #d7d7d7;
line-height: 14px;
font-size: 10px;
width: 80px;
text-transform: uppercase;
}
.mall-wrap .section li a{
float: left;
width: 100%;
height: 100%;
}
.mall-wrap .section li .lm-pro .poin {
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 6px solid #f5f5f5;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -4px;
display: none;
}
/*20180418*/
.smanual-box{
width: 100%;
padding:10px 0;
background: #fff;
position: relative;
border-top: 1px solid #f2f2f2;
}
.smanual-box .text{
display: block;
width: 92%;
margin: 0 auto;
border: 1px solid #d9d9d9;
border-radius: 25px;
box-sizing: border-box;
font-size: 12px;
color: #666;
line-height: 29px;
height: 29px;
padding: 0 4%;
background: none;
}
.smanual-box .submit{
width: 15px;
height: 15px;
border: none;
background-size: 100%;
position: absolute;
top: 50%;
margin-top: -9px;
right: 8%;
background: url(../images/pic01.png) center center / 100% no-repeat;
}
.smanual-bb{
position: absolute;
left: 0;
z-index: 100;
width: 92%;
padding: 10px 4%;
background: #fff;
display: none;
border-top:1px solid #eee;
}
.smanual-bb a{
display: block;
width: 97%;
font-size: 13px;
line-height: 30px;
color: #666;
border-bottom:1px solid #eee;
padding-left: 3%;
position: relative;
opacity: 0;
left: -50px;
}
.smanual-search-bg{
width: 100%;
background: #000;
opacity: 0.8;
filter:alpha(opacity=80);
position: absolute;
left: 0;
z-index: 99;
display: none;
}
.smanual-search{
background: #Fff;
width: 92%;
padding: 15px 4%;
position: absolute;
left: 0;
z-index: 999;
display: none;
}
.smanual-search h2{
position: relative;
font-size: 18px;
color: #333333;
line-height: 37px;
margin-bottom: 10px;
font-weight: normal;
}
.smanual-search .close{
font-size: 12px;
color: #888;
padding-left:4%;
display: block;
position: absolute;
top:0;
right: 0;
background-size: 16%;
}
.smanual-search select{
background: #eaeaea;
border: none;
font-size: 12px;
color: #666;
height: 40px;
line-height:40px;
width:100%;
padding: 0 4%;
margin-bottom: 15px;
}
.smanual-search .box select{
width: 47%;
}
.smanual-search .submit{
font-size: 16px;
color: #fff;
width: 100%;
text-align: center;
line-height: 40px;
height: 40px;
background: #00a7e1;
border: none;
}
.sear-tit{
font-size: 21px;
font-weight: bold;
line-height: 33px;
font-weight: bold;
padding:9px 4% 0;
width: 92%;
color: #00a7e1;
background: #eeeeee;
text-align: center;
}
.sear-tit-list{
padding: 17px 4% 21px;
width: 92%;
background: #eeeeee;
}
.sear-tit-list ul{
width: 100%;
clear: both;
}
.sear-tit-list li{
float: left;
width: 48%;
background: #fff;
border-top: 2px solid #00a7e1;
margin-bottom: 14px;
padding-bottom: 26px;
}
.sear-tit-list li:nth-child(2n){
float: right;
}
.sear-tit-list li a{
display: block;
width: 100%;
}
.sear-tit-list li .pic{
width: 100%;
height: 35vw;
line-height: 35vw;
text-align: center;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.sear-tit-list li .pic img{
max-width: 80%;
max-height: 30vw;
}
.sear-tit-list li h2{
font-size: 15px;
color: #333333;
line-height: 25px;
height: 50px;
overflow: hidden;
width: 90%;
margin: 0 auto;
display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow: hidden;
}
.sear-tit-list li p{
width: 90%;
font-size: 12px;
color: #888;
line-height: 20px;
height: 40px;
margin:5px auto;
display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow: hidden;
}
.sear-tit-list li .more{
font-size: 12px;
color: #00a7e1;
width: 90px;
height: 30px;
text-align: center;
line-height: 30px;
border-radius: 25px;
border: 1px solid #00a7e1;
margin-left: 5%;
margin-top: 20px;
}
.f-cb{
zoom: 1;
}
.f-cb:after {
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
content: ".";
}
#bg-animation {
left: 50%;
position: fixed;
top: 0;
z-index: 0;
transform: translate(-50%, 0px);
}
img {
max-width: 100%;
}
.mailbox li{
width: 100%;
padding: 10px 0 16px;
border-bottom: 1px solid #e9e9e9;
box-sizing:border-box;
}
.mailbox li:nth-child(3n+3){
/*border-right: none;*/
}
.mailbox li img{
width: 55px;
height: 55px;
margin-left: 55px;
margin-right: 8px;
float: left;
}
.mailbox li .lm-r{
float: left;
}
/*mixin @include*/
/*%** @extend*/
/*transform*/
/*caijian*/
.ft0 {
font-size: 0;
}
.fixed-homes{
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 300;
display: none;
}
.fixed-homes .hom-im .svg svg{
width: 100%;
height: 100%;
}
.fixed-homes .hom-im .svg{
width: 50px;
height: 50px;
position: absolute;
left: 50%;
top: 50%;
transform:translate(-50%,-50%);
}
.fixed-homes .hom-im{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
#homevideo{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background:#000;
}
.super-home .banner .swiper-wrapper{
/*height: auto!important;*/
}
.super-home .banner .items{
display: block;
}
.supor-fixed1{
position: fixed;
width: 92%;
background:rgba(255,255,255,.9);
top: 50%;
left: 50%;
transform:translate(-50%,-50%);
z-index: 55;
display: none;
}
.supor-fixed2{
position: fixed;
width: 92%;
background:rgba(255,255,255,.9);
top: 50%;
left: 50%;
transform:translate(-50%,-50%);
z-index: 55;
}
.supor-fixed1 .listsbox{
max-height: calc(80vh - 1.5rem);
overflow-y:auto;
}
.supor-fixed1 .lists{
padding-left: .4rem;
padding-right: .4rem;
}
.supor-fixed1 .close{
position: absolute;
width:
.64rem;
height: .64rem;
right: -.32rem;
top: -.32rem;
z-index: 2;
background:#fff;
border-radius: 50%;
}
.supor-fixed1 .lists .li .tits{
line-height: .48rem;
font-size: .28rem;
height: .48rem;
color:#000000;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.supor-fixed3 .lists2 .imgs{
width: 1rem;
height: .7rem;
margin:0 auto;
margin-bottom: .24rem;
}
.supor-fixed3 .lists2 .li{
padding-top: .4rem;
padding-bottom: .35rem;
color:#000000;
float: left;
width: 32%;
border:none;
margin-left: 2%;
margin-bottom: 2%;
text-align: center;
background:#f5f5f5;
border-radius: .1rem;
font-size: .24rem;
line-height: .35rem;
}
.supor-fixed3 .lists2 .li:nth-child(3n+1){
margin-left: 0;
}
.supor-fixed3 .lists2{
padding-left: .3rem;
padding-right: .3rem;
padding-top: .3rem;
padding-bottom: .5rem;
}
.supor-fixed3{
/*display: block;*/
}
.supor-fixed1 .lists .li .txts{
line-height: .42rem;
height: .42rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.supor-fixed1 .lists .li{
display: block;
padding-top: .25rem;
padding-bottom: .25rem;
border-top: 1px solid #e5e5e5;
position: relative;
padding-left: 1rem;
font-size: .24rem;
color:#999999;
}
.supor-fixed1 .lists .li .imgs{
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
width: .88rem;
height: 0.51rem;
}
.supor-fixed1 .lists .li .imgs .is{
position: absolute;
background-size: 100%!important;
width: 200%;
height: 100%;
top: 0;
left: 50%;
transform:translateX(-50%);
}
.supor-fixed1 .lists .li:nth-child(1){
border-top:none;
}
.supor-fixed1 .titles{
line-height: .94rem;
height: .94rem;
font-size: .32rem;
color:#00a7e1;
text-align: center;
border-bottom:2px solid #00a7e1;
}
.supor-fixed .lis{
height: 1rem;
line-height: 1rem;
width: 2.1rem;
text-align: center;
border-radius: .08rem;
background:rgba(234,85,4,.88);
color:#fff;
font-size: 0;
}
.supor-fixed .lis:nth-child(n+2){
margin-top: .28rem;
}
.supor-fixed .lis .imgs{
margin-right: .15rem;
}
.supor-fixed .lis img{
width: .5rem;
}
.supor-fixed .lis .span{
font-size: .26rem;
}
.supor-fixed .lis *{
line-height: 1;
display: inline-block;
vertical-align: middle;
}
.supor-fixed{
position: fixed;
bottom: 1.25rem;
right: .3rem;
z-index: 50;
}
.lb_wrap li{
background-size: cover!important;
}
.header-nav-btn{
left: auto!important;
top: 8px!important;
right: 50px!important;
}
header .logo{
position: absolute;
left: .3rem;
top: 0;
width: 30%;
}
.ft20 {
font-size: 0.2rem;
line-height: 1.25;
}
.ft21 {
font-size: 0.21rem;
line-height: 1.25;
}
.ft22 {
font-size: 0.22rem;
line-height: 1.25;
}
.ft23 {
font-size: 0.23rem;
line-height: 1.25;
}
.super-homemore .imgs{
overflow: hidden;
}
.super-homemore .words .txts{
width: 85%;
margin-left: auto;
margin-right: auto;
}
.super-homemore .imgs img{
width: 130%;
max-width: none;
margin-left: -15%;
}
.ft24 {
font-size: 0.24rem;
line-height: 1.25;
}
.ft25 {
font-size: 0.25rem;
line-height: 1.25;
}
.ft26 {
font-size: 0.26rem;
line-height: 1.25;
}
.ft27 {
font-size: 0.27rem;
line-height: 1.25;
}
.ft28 {
font-size: 0.28rem;
line-height: 1.25;
}
.ft29 {
font-size: 0.29rem;
line-height: 1.25;
}
.ft30 {
font-size: 0.3rem;
line-height: 1.25;
}
.ft31 {
font-size: 0.31rem;
line-height: 1.25;
}
.ft32 {
font-size: 0.32rem;
line-height: 1.25;
}
.ft33 {
font-size: 0.33rem;
line-height: 1.25;
}
.ft34 {
font-size: 0.34rem;
line-height: 1.25;
}
.ft35 {
font-size: 0.35rem;
line-height: 1.25;
}
.ft36 {
font-size: 0.36rem;
line-height: 1.25;
}
.ft37 {
font-size: 0.37rem;
line-height: 1.25;
}
.ft38 {
font-size: 0.38rem;
line-height: 1.25;
}
.ft39 {
font-size: 0.39rem;
line-height: 1.25;
}
.ft40 {
font-size: 0.4rem;
line-height: 1.25;
}
.ft41 {
font-size: 0.41rem;
line-height: 1.25;
}
.ft42 {
font-size: 0.42rem;
line-height: 1.25;
}
.ft43 {
font-size: 0.43rem;
line-height: 1.25;
}
.ft44 {
font-size: 0.44rem;
line-height: 1.25;
}
.ft45 {
font-size: 0.45rem;
line-height: 1.25;
}
.ft46 {
font-size: 0.46rem;
line-height: 1.25;
}
.ft47 {
font-size: 0.47rem;
line-height: 1.25;
}
.ft48 {
font-size: 0.48rem;
line-height: 1.25;
}
.ft49 {
font-size: 0.49rem;
line-height: 1.25;
}
.ft50 {
font-size: 0.5rem;
line-height: 1.25;
}
.ft51 {
font-size: 0.51rem;
line-height: 1.25;
}
.ft52 {
font-size: 0.52rem;
line-height: 1.25;
}
.ft53 {
font-size: 0.53rem;
line-height: 1.25;
}
.ft54 {
font-size: 0.54rem;
line-height: 1.25;
}
.ft55 {
font-size: 0.55rem;
line-height: 1.25;
}
.ft56 {
font-size: 0.56rem;
line-height: 1.25;
}
.ft57 {
font-size: 0.57rem;
line-height: 1.25;
}
.ft58 {
font-size: 0.58rem;
line-height: 1.25;
}
.ft59 {
font-size: 0.59rem;
line-height: 1.25;
}
.ft60 {
font-size: 0.6rem;
line-height: 1.25;
}
.ft61 {
font-size: 0.61rem;
line-height: 1.25;
}
.ft62 {
font-size: 0.62rem;
line-height: 1.25;
}
.ft63 {
font-size: 0.63rem;
line-height: 1.25;
}
.ft64 {
font-size: 0.64rem;
line-height: 1.25;
}
.ft65 {
font-size: 0.65rem;
line-height: 1.25;
}
.ft66 {
font-size: 0.66rem;
line-height: 1.25;
}
.ft67 {
font-size: 0.67rem;
line-height: 1.25;
}
.ft68 {
font-size: 0.68rem;
line-height: 1.25;
}
.ft69 {
font-size: 0.69rem;
line-height: 1.25;
}
.ft70 {
font-size: 0.7rem;
line-height: 1.25;
}
.ft71 {
font-size: 0.71rem;
line-height: 1.25;
}
.ft72 {
font-size: 0.72rem;
line-height: 1.25;
}
.ft73 {
font-size: 0.73rem;
line-height: 1.25;
}
.ft74 {
font-size: 0.74rem;
line-height: 1.25;
}
.ft75 {
font-size: 0.75rem;
line-height: 1.25;
}
.ft76 {
font-size: 0.76rem;
line-height: 1.25;
}
.ft77 {
font-size: 0.77rem;
line-height: 1.25;
}
.ft78 {
font-size: 0.78rem;
line-height: 1.25;
}
.ft79 {
font-size: 0.79rem;
line-height: 1.25;
}
.ft80 {
font-size: 0.8rem;
line-height: 1.25;
}
.ft81 {
font-size: 0.81rem;
line-height: 1.25;
}
.ft82 {
font-size: 0.82rem;
line-height: 1.25;
}
.ft83 {
font-size: 0.83rem;
line-height: 1.25;
}
.ft84 {
font-size: 0.84rem;
line-height: 1.25;
}
.ft85 {
font-size: 0.85rem;
line-height: 1.25;
}
.ft86 {
font-size: 0.86rem;
line-height: 1.25;
}
.ft87 {
font-size: 0.87rem;
line-height: 1.25;
}
.ft88 {
font-size: 0.88rem;
line-height: 1.25;
}
.ft89 {
font-size: 0.89rem;
line-height: 1.25;
}
.ft90 {
font-size: 0.9rem;
line-height: 1.25;
}
.ft91 {
font-size: 0.91rem;
line-height: 1.25;
}
.ft92 {
font-size: 0.92rem;
line-height: 1.25;
}
.ft93 {
font-size: 0.93rem;
line-height: 1.25;
}
.ft94 {
font-size: 0.94rem;
line-height: 1.25;
}
.ft95 {
font-size: 0.95rem;
line-height: 1.25;
}
.ft96 {
font-size: 0.96rem;
line-height: 1.25;
}
.ft97 {
font-size: 0.97rem;
line-height: 1.25;
}
.ft98 {
font-size: 0.98rem;
line-height: 1.25;
}
.ft99 {
font-size: 0.99rem;
line-height: 1.25;
}
.ft100 {
font-size: 1rem;
line-height: 1.25;
}
.tc {
text-align: center;
}
/*@media*/
/*@media not screen and (max-width: 1023px){}*/
@media screen and (min-width: 1024px) {
.super-products .lists .items .words {
transition: .5s ease-in-out;
}
.super-products .lists .items .imgs {
overflow: hidden;
}
.super-products .lists .items img {
transition: .5s ease-in-out;
}
.super-products .lists .items:hover .imgs img {
transition: .5s ease-in-out;
transform: scale3d(1.05, 1.05, 1);
}
.super-products .lists .items:hover .words {
color: #00a7e1;
transition: .5s ease-in-out;
}
.super-products .lists .items:hover .words .txts {
color: #00a7e1;
transition: .5s ease-in-out;
}
.super-products .lists .items:hover .words .more:before {
transition: .5s ease-in-out;
background-size: 100%;
}
.super-homemore .items:hover .imgs img {
transition: .5s ease-in-out;
transform: scale3d(1.05, 1.05, 1);
}
}
body * {
font-size: 14px;
}
.mailbox {
padding-bottom: .4rem;
}
.inputsearch input[type=text] {
box-sizing: border-box;
}
.pro-home.active .menu li {
border: none;
}
.service-list {
width: 100%;
height: .7rem;
background: #fff;
}
.service-list ul {
float: left;
width: 100%;
}
.service-list li {
width: 50%;
text-align: center;
line-height: .7rem;
height: .7rem;
float: left;
font-size: .2rem;
transition: all 0.3s;
}
.service-list li a {
display: block;
width: 100%;
color: #333333;
transition: all 0.3s;
}
.service-list li:hover, .service-list li.on {
background: #00a7e1;
}
.service-list li:hover a, .service-list li.on a {
color: #fff;
}
.service-con-list {
width: 100%;
background: #f2f2f2;
padding: 15px 0 10px;
}
.video-fixed .cha {
width: 40px;
height: 40px;
position: absolute;
top: 40px;
right: 40px;
cursor: pointer;
}
.video-fixed {
position: fixed;
width: 100%;
height: 100%;
z-index: 230;
top: 0;
left: 0;
cursor: pointer;
display: none;
/*transform:scale3d(0,0,1);*/
}
.video-fixed.ons {
transform: scale3d(1, 1, 1);
}
.video-fixed .videoboxs .box {
height: 100%;
}
.video-fixed .videoboxs {
width: 80%;
height: 80%;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
background: #000;
/*padding: 30px;*/
box-sizing: border-box;
}
@media screen and (max-width: 1023px) {
.video-fixed .videoboxs {
width: 90%;
height: 90%;
}
}
@media screen and (max-width: 767px) {
.network-wrap .tabs .btns span{
width: 17%;
}
.video-fixed .videoboxs {
width: 100%;
height: 80%;
bottom: 0;
margin: auto;
}
.video-fixed .cha {
right: .2rem;
top: -.6rem;
width: .5rem;
height: .5rem;
}
}
.newmailbox .linfo-w {
padding: 30px 4%;
box-sizing: border-box;
}
.newmailbox .lf-hd {
line-height: 1.5;
padding-bottom: 10px;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 20px;
}
.newmailbox {
font-size: 13px;
line-height: 1.5;
}
.lin-a {
display: inline-block;
position: relative;
height: 25px;
border-radius: 25px;
line-height: 25px;
border: 1px solid #666;
padding: 0 14px;
margin: 0 8px;
color: #666;
}
.newmailbox .lin-a {
margin-top: 20px;
}
.lin-a i {
display: block;
}
.mailbox dl img {
height: auto !important;
}
@media (max-width: 450px) {
.network-wrap .tabs .btns span {
padding: 3% .5% 6%;
font-size: 12px;
}
}
.super-video {
position: relative;
}
.super-video img {
width: 100%;
}
.super-video .words {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.5);
text-align: center;
color: rgba(255, 255, 255, 0.3);
line-height: 1;
padding-top: 1.1rem;
box-sizing:border-box;
}
.super-video .txts {
margin-top: .12rem;
margin-bottom: .38rem;
}
.super-video .text,
.super-video .txts {
color: #ffffff;
}
.super-video .more {
width: .9rem;
height: .9rem;
margin: 0 auto;
background-size: 100%;
/*margin-top: .95rem;*/
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
}
.super-home .banner .swiper-pagination {
bottom: .5rem;
}
.super-home .banner .swiper-pagination .swiper-pagination-bullet {
height: .04rem;
width: .3rem;
border-radius: .04rem;
background: #d7d7d7;
position: relative;
opacity: 1;
margin: 0 .08rem;
}
.super-home .banner .swiper-pagination .swiper-pagination-bullet:before {
position: absolute;
content: "";
height: 100%;
left: 0;
top: 0;
background: #00a7e1;
width: 0;
transition: .8s ease-in-out;
}
.super-home .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
width: 100%;
transition: .8s ease-in-out;
}
.pd30 {
padding-left: .3rem;
padding-right: .3rem;
box-sizing: border-box;
}
.super-products {
padding-top: .7rem;
padding-bottom: .08rem;
}
.super-products .lists .items {
font-size: 12px;
display: inline-block;
vertical-align: top;
line-height: 1;
}
.super-products .lists .items .words {
padding-top: .4rem;
padding-bottom: .7rem;
box-sizing: border-box;
color: #3e3e3e;
}
.super-products .lists .items .words .txts {
color: #3e3e3e;
line-height: 1.2em;
height: 1.2em;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
margin-bottom: .3rem;
}
.super-products .lists .items .words .more {
position: relative;
display: inline-block;
vertical-align: top;
padding-right: .25rem;
}
.super-products .lists .items .words .more:before {
position: absolute;
content: "";
width: .12rem;
height: .20rem;
right: 0;
top: 0;
bottom: 0;
margin: auto;
background-size: 100%;
}
.super-products .lists .items img {
max-width: 100%;
}
.super-products .lists .items:nth-child(3n+1) {
margin-left: 0;
}
.super-homemore {
background: #f5f5f5;
padding-top: .7rem;
padding-bottom: .48rem;
}
.super-homemore .tit-title {
color: #000000;
line-height: 1;
margin-bottom: .5rem;
}
.super-homemore img {
width: 100%;
}
.super-homemore .imgs {
position: relative;
}
.super-homemore .imgs:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.5);
}
.super-homemore .words {
position: absolute;
width: 100%;
top: 50%;
left: 0;
transform: translateY(-50%);
text-align: center;
color: #ffffff;
z-index: 2;
line-height: 1.2;
}
.super-homemore .words .txts {
margin-top: .25rem;
}
.homemore-swiper .swiper-pagination {
position: static;
margin-top: .45rem;
}
.homemore-swiper .swiper-pagination .swiper-pagination-bullet {
width: .3rem;
height: .04rem;
opacity: 1;
background: #dadada;
margin: 0 .08rem;
border-radius: .04rem;
}
.homemore-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #000000;
}
header .link-shop {
background-size: 100%!important;
width: 25px!important;
height: 25px!important;
right: .3rem!important;
bottom: 0!important;
margin: auto;
}
footer .navbox ul {
padding-top: 20px;
padding-bottom: 20px;
position: relative;
}
footer .navbox ul:before {
position: absolute;
content: "";
width: 90%;
height: 1px;
background: #e5e5e5;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
footer .navbox li {
border-bottom: none;
}
footer .navbox .tit {
font-size: 16px;
line-height: 50px;
height: 50px;
color: #333333;
}
footer .navbox .ico {
width: 16px;
height: 16px;
background-size: 100%;
margin-top: 17px;
}
.footer-bots {
padding-bottom: 19px;
}
.footer-bots .text-left {
width: calc(100% - 120px);
overflow: hidden;
line-height: 20px;
color: #82868d;
}
.footer-bots .text-left a {
color: #00a7e1;
}
.footer-bots .text-right {
font-size: 0;
text-align: center;
}
.footer-bots .text-right .li {
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
float: none;
background-repeat: no-repeat;
background-size: 100%;
padding: 0;
margin: 0;
background-repeat: no-repeat;
background-position: center;
}
.footer-bots .text-right .li:nth-child(n+2) {
margin-left: 12px;
}
.super-products .lists .items {
display: block;
}
.header .sousuo {
position: absolute;
width: 25px;
height: 25px;
right: calc(.5rem + 25px);
background-size: 100%;
cursor: pointer;
top: 0;
bottom: 0;
margin: auto;
display: none;
}
footer .bot-box {
padding-top: 30px;
padding-bottom: 22px;
}
footer .bot-box p {
font-size: 12px;
color: #999999;
}
footer .bot-box .link a {
font-size: 12px;
color: #666666;
}
footer .bot-box .link {
color: #f2f2f2;
}
.super-home img {
width: 100%;
}
.m-searchs-tops0 {
padding: 0 .3rem;
padding-top: .4rem;
background: #00a7e1;
padding-bottom: .4rem;
box-sizing: border-box;
height: 1.5rem;
}
.m-searchs {
display: none;
}
.m-searchs * {
box-sizing: border-box;
}
.header-nav-btn {
z-index: 112!important;
}
.homemore-swiper .swiper-pagination {
width: 100%;
}
.m-searchs-tops1 {
background: #ffffff;
height: calc(100% - 1.5rem);
overflow-y: auto;
}
.m-searchs-tops1 .list-tops .li {
display: block;
line-height: 1.2rem;
height: 1.2rem;
overflow: hidden;
position: relative;
padding-left: 1.3rem;
}
.m-searchs-tops1 .list-tops .li:before {
position: absolute;
content: "";
width: .12rem;
height: .2rem;
top: 0;
bottom: 0;
right: 0;
margin: auto;
background-size: 100%;
}
.m-searchs-tops1 .list-tops .li:nth-child(n+2) {
border-top: 1px solid #e1e1e1;
}
.m-searchs-tops1 .list-tops .li .span {
display: inline-block;
vertical-align: middle;
color: #999999;
}
.m-searchs-tops1 .list-tops .li .span .li0 {
color: #000000;
font-size: 16px;
}
.m-searchs-tops1 .list-tops .li .span .li1, .m-searchs-tops1 .list-tops .li .span .li0 {
line-height: .38rem;
height: .38rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.m-searchs-tops1 .list-tops .li .imgs {
width: .6rem;
height: .6rem;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
.m-searchs-tops1 .list-tops .li .imgs img {
display: block;
width: 100%;
}
.m-searchs-tops1 .list-tops {
padding: 0 .3rem;
background: #fbfbfb;
border-bottom: 1px solid #e5e5e5;
}
.m-searchs-tops {
height: 100%;
position: relative;
z-index: 20;
}
.m-searchs-tops .inputs {
border: 1px solid rgba(255, 255, 255, 0.33);
height: .7rem;
line-height: .7rem;
border-radius: .7rem;
position: relative;
box-sizing: border-box;
}
.m-searchs-tops .inputs input:-moz-placeholder,
.m-searchs-tops .inputs textarea:-moz-placeholder {
color: rgba(255, 255, 255, 0.66);
}
.m-searchs-tops .inputs input::-moz-placeholder,
.m-searchs-tops .inputs textarea::-moz-placeholder {
color: rgba(255, 255, 255, 0.66);
}
.m-searchs-tops .inputs input:-ms-input-placeholder,
.m-searchs-tops .inputs textarea:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.66);
}
.m-searchs-tops .inputs input::-webkit-input-placeholder,
.m-searchs-tops .inputs textarea::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.66);
}
.m-searchs-tops .inputs input[type=submit] {
width: .3rem;
height: .3rem;
content: "";
position: absolute;
right: .35rem;
background-size: 100%;
top: 0;
bottom: 0;
margin: auto;
text-indent: -999px;
}
.m-searchs-tops .inputs input[type=text] {
padding-left: .5rem;
padding-right: .1rem;
box-sizing: border-box;
width: 100%;
font-size: .24rem;
color: rgba(255, 255, 255, 0.66);
height: 100%;
}
.pro2-home .menu li .i-imgs{
width: 1.74rem;
height: .51rem;
margin:0 auto;
margin-bottom: .15rem;
}
header {
line-height: 50px;
height: 50px;
}
.serclose {
width: 18px;
height: 18px;
background-size: 100%;
left: 15px;
top: 20px;
position: absolute;
opacity: 0;
z-index: 200;
}
.serclose.on {
opacity: 1;
}
html.cur, body.cur {
overflow: hidden;
}
.m-searchs {
position: fixed;
overflow-y:auto;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 100;
padding-top: 50px;
box-sizing:border-box;
}
.m-searchs input {
border: none;
outline: none;
background: none;
}
header {
z-index: 105;
}
.footer .navbox ul, .footer .navbox li {
width: 100%;
}
.footer .navbox li {
border-bottom: 1px solid #e5e5e5;
}
.footer .navbox .tit {
display: block;
width: 90%;
height: 38px;
line-height: 38px;
color: #333;
font-size: 14px;
padding: 0 5%;
}
.footer .navbox .tit.on .ico {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.footer .navbox .ico {
display: block;
width: 9px;
height: 9px;
background-size: 100% auto;
margin-top: 14px;
float: right;
-webkit-transition: -webkit-transform 0.3s ease 0s;
transition: transform 0.3s ease 0s;
}
.footer .navbox .sub-box {
width: 85%;
padding: 8px 5%;
/*padding-left: 0;*/
display: none;
}
.footer .navbox .sub-box a {
display: block;
line-height: 28px;
font-size: 12px;
color: #666;
}
.footer .navbox .sub-box a:hover {
color: #000;
}
.footer .navbox ul li {
position: relative;
}
.footer .navbox ul li:before {
position: absolute;
content: "";
width: 90%;
height: 1px;
background: #e5e5e5;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.footer .navbox li {
border-bottom: none;
}
.footer .navbox .tit {
font-size: 16px;
line-height: 50px;
height: 50px;
width: 100%;
color: #333333;
}
.footer .navbox .ico {
width: 16px;
height: 16px;
background-size: 100%;
margin-top: 17px;
}
.manual-lists {
background: #f9f9f9;
padding-top: 50px;
padding-bottom: 90px;
}
.manual-lists .list-tops {
margin-bottom: 30px;
}
.manual-lists .list:nth-child(n+2) {
margin-top: 40px;
}
.manualsearch {
background: #fafafa;
padding-top: .35rem;
padding-bottom: .5rem;
}
.manualsearch .pull-right {
background: transparent;
}
.manualsearch .inputsearch {
margin-top: 45px;
margin-bottom: 60px;
}
.inputsearch {
position: relative;
width: 100%;
height: .7rem;
line-height: .7rem;
border: 1px solid #dcdcdc;
border-radius: .7rem;
margin: 0 auto;
color: #d1d1d1;
}
.inputsearch input:-moz-placeholder,
.inputsearch textarea:-moz-placeholder {
color: #d1d1d1;
}
.inputsearch input::-moz-placeholder,
.inputsearch textarea::-moz-placeholder {
color: #d1d1d1;
}
.inputsearch input:-ms-input-placeholder,
.inputsearch textarea:-ms-input-placeholder {
color: #d1d1d1;
}
.inputsearch input::-webkit-input-placeholder,
.inputsearch textarea::-webkit-input-placeholder {
color: #d1d1d1;
}
.inputsearch input {
border: none;
outline: none;
background: none;
}
.inputsearch input[type=text] {
width: 100%;
height: 100%;
padding-left: 35px;
padding-right: 48px;
}
.inputsearch input[type=submit] {
width: 25px;
height: 25px;
position: absolute;
right: 24px;
top: 0;
bottom: 0;
margin: auto;
text-indent: -999px;
overflow: hidden;
background-size: 100%;
}
.manualsearch-list .list {
font-size: 0;
}
.manualsearch-list .list .imgs {
width: 2rem;
height: 1.8rem;
margin: 0 auto;
display: block;
margin-bottom: .25rem;
}
.manualsearch-list .list .imgs img {
display: block;
}
.manualsearch-list .lis {
display: inline-block;
vertical-align: top;
width: calc((100% - .2rem)/2);
background: #ffffff;
border-top: 1px solid #00a7e1;
border-bottom: 1px solid #00a7e1;
margin-left: .2rem;
margin-bottom: 20px;
padding: 0 30px;
padding-top: 35px;
padding-bottom: 40px;
box-sizing: border-box;
color: #333333;
}
.manualsearch-list .lis:hover .more {
color: #ffffff;
background: #00a7e1;
border-color: #00a7e1;
transition: .5s ease-in-out;
}
.manualsearch-list .lis .words {
line-height: .4rem;
}
.manualsearch-list .lis .more {
height: .5rem;
line-height: .5rem;
padding: 0 .25rem;
width: auto;
display: inline-block;
border: 1px solid #e5e5e5;
border-radius: .5rem;
text-align: center;
transition: .5s ease-in-out;
margin-top: 17px;
}
.manualsearch-list .lis .txts, .manualsearch-list .lis .tits {
line-height: .4rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.manualsearch-list .lis .txts {
color: #999999;
}
.manualsearch-list .lis:nth-child(2n+1) {
margin-left: 0;
}
.i-searchs {
padding-bottom: .4rem;
padding-top: .36rem;
background: #ffffff;
}
.i-searchs .lilist {
text-align: center;
margin-top: .3rem;
font-size: 0;
}
.i-searchs .lilist .li {
display: inline-block;
vertical-align: middle;
color: #999999;
margin: 0 .12rem;
}
.manualsearch .manualsearch-searchs {
margin-bottom: .40rem;
}
.manualsearch-searchs span {
color: #00a7e1;
}
.jdyx {
padding: 0 .3rem;
padding-top: .3rem;
padding-bottom: .5rem;
box-sizing: border-box;
color: #777777;
text-indent: 2em;
}
.jdyx .lf-ct {
line-height: 1.8;
}
.jdyx .lf-hd {
padding-bottom: .3rem;
border-bottom: 1px solid #dcdcdc;
margin-bottom: .25rem;
}
.jdyx .lf-hd h2 {
font-weight: normal;
color: #333333;
}
.jdyx a {
color: #00a7e1;
}
a.lin-abox {
display: block;
width: 67%;
margin: 0 auto;
height: .6rem;
line-height: .6rem;
border-radius: .6rem;
background: #00a7e1;
color: #fff;
text-align: center;
margin-top: .5rem;
color: #fff;
text-indent: 0;
}
.mailbox dl dd {
width: 100%;
padding-top: .25rem;
padding-bottom: .25rem;
box-sizing: border-box;
}
.mailbox dl.dl {
overflow: hidden;
}
.mailbox dl.dl dd {
width: 50%;
float: left;
}
.mailbox dl img {
width: .5rem;
}
.mailbox dl .lm-r {
margin-left: 0;
width: calc(100% - .5rem);
padding-left: .12rem;
box-sizing: border-box;
}
.mailbox li strong, .mailbox dl h3 {
font-size: .24rem;
color: #333333;
line-height: 1.5;
}
.mailbox li p {
font-size: .22rem;
color: #999999;
}
.ins-tit.active .en {
font-size: 30px;
color: #666666;
}
.ins-tit.active .cn {
font-size: 15px;
}
.ins-nav .center {
padding-top: .45rem;
padding-bottom: .45rem;
}
.ins-nav li {
background-size: 95%;
padding-bottom: .3rem;
}
.ins-tit {
padding-top: .5rem;
}
.two_nav_list {
background: -webkit-gradient(linear, 0% 0%, 0% 30%, from(#f7f7f7), to(#fff));
height: 1.74rem;
}
.two_nav_list p {
font-size: 0.2rem;
color: #000;
line-height: 0.5rem;
height: 0.5rem;
overflow: hidden;
padding: 0 0.1rem;
}
.two_nav_list .swiper-slide div {
height: 1.36rem;
margin: 0 auto;
}
.two_nav_list .swiper-slide div span {
width: 0.7rem;
height: 0.7rem;
display: block;
margin: 0 auto;
position: relative;
}
.two_nav_list .swiper-slide div span img {
height: 100%;
vertical-align: top;
width: 100%;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.ins-nav2 .bd li.hover span img {
-webkit-filter: none;
filter: none;
}
.ins-nav2 {
position: relative;
}
.ins-nav2 .bd {
width: 6rem;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.ins-nav2 .bd li {
width: 25%;
text-align: center;
line-height: 0.8rem;
border-bottom: 2px solid #fff;
position: relative;
padding-top: 0.34rem;
}
.ins-nav2 .bd li:after {
content: "";
position: absolute;
right: 0;
width: 1px;
background: #f2f2f2;
height: 0.98rem;
top: 0.34rem;
}
.ins-nav2 .bd ul {
width: 100%;
}
.ins-nav2 .next {
background-size: 0.26rem auto;
right: 0;
}
.ins-nav2 .butn {
z-index: 11;
}
.ins-nav2 .prev {
background-size: 0.26rem auto;
left: 0;
}
.ins-nav2 .butn {
position: absolute;
top: 0.5rem;
width: 0.5rem;
height: 0.8rem;
}
.ins-nav2 .bd li.hover span {
color: #006cb8;
}
.ins-nav2 .bd li.hover p {
color: #00a7e1;
}
.ins-nav2 .bd li.hover {
border-bottom: 2px solid #00a7e1;
}
.hide {
display: none;
}
.ins-nav2 .bd {
width: 100%;
}
.ins-nav2 .bd li.hover {
border-bottom: none;
}
.ins-nav2 .bd li.hover:before {
opacity: 1;
}
.ins-nav2 .bd li {
border-bottom: none;
position: relative;
box-sizing: border-box;
}
.ins-nav2 .bd li:before {
position: absolute;
content: "";
width: 60%;
height: 2px;
background: #00a7e1;
left: 0;
bottom: 0;
right: 0;
margin: auto;
opacity: 0;
}
.two-nav-list2-list {
font-size: 0;
padding: 0 .28rem;
background: #f5f5f5;
padding-top: .1rem;
padding-bottom: .2rem;
}
.two-nav-list2-list .li {
display: inline-block;
vertical-align: middle;
width: 33.33%;
background: #fff;
border: 1px solid #f5f5f5;
box-sizing: border-box;
text-align: left;
font-size: 0;
padding-left: .35rem;
padding-right: .1rem;
line-height: .9rem;
height: .9rem;
}
.two-nav-list2-list .li.cur .span{
color: #00a7e1;
}
.two-nav-list2-list .li img {
display: block;
}
.two-nav-list2-list .li .imgs, .two-nav-list2-list .li .span {
display: inline-block;
vertical-align: middle;
}
.two-nav-list2-list .li .imgs {
width: .4rem;
height: .4rem;
}
.two-nav-list2-list .li .span {
text-align: left;
max-width: calc(100% - .4rem);
color: #555555;
padding-left: .1rem;
height: .9rem;
overflow: hidden;
box-sizing: border-box;
}
.two-nav-list2-text {
padding: .35rem .3rem;
background: #fff;
font-size: .22rem;
line-height: 1.5;
color: #666;
}
.two-nav-list2-list .li img {
width: 100%;
}
.pro2-home {
background: #f4f4f4;
}
.pro2-home .menu ul {
float: none;
width: 100%;
text-align: center;
line-height: 1;
font-size: .2rem;
background: #fff;
border-bottom-right-radius: .16rem;
border-bottom-left-radius: .16rem;
}
.pro2-home .menu ul img {
width: .55rem;
height: .55rem;
margin-bottom: .15rem;
}
.pro2-home .menu li {
float: left;
width: 25%;
}
.pro2-home .menu li a {
color: #333333;
display: block;
padding-top: .3rem;
padding-bottom: .4rem;
}
.proinfo-list ul.list .img{
height: 3.6rem;
overflow: hidden;
}
.proinfo-list ul.list .name .f14{
overflow: hidden;
}
.proinfo-list ul.list .name .lab{
overflow: hidden;
height: 30px;
}
.pro2-home-list {
margin-top: .1rem;
padding: 0 .28rem;
padding-bottom: .2rem;
}
.pro2-home-list .li {
display: inline-block;
vertical-align: top;
margin-bottom: 2px;
margin-left: 2px;
width: calc((100% - 2px)/2);
background: #fff;
height: .96rem;
line-height: .96rem;
font-size: .2rem;
color: #555555;
position: relative;
float: left;
}
.pro2-home-list .li:nth-child(2n+1) {
margin-left: 0;
}
.pro2-home-list .li .imgs {
position: absolute;
width: .55rem;
height: .55rem;
left: .2rem;
top: 0;
bottom: 0;
margin: auto;
}
.pro2-home-list .li .imgs img {
display: block;
}
.pro2-home-list .li .span {
position: relative;
padding-left: 1rem;
padding-right: .5rem;
height: .96rem;
display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
overflow: hidden;
}
.pro2-home-list .li .span:before {
position: absolute;
content: "";
width: 6px;
height: 10px;
right: .35rem;
top: 0;
bottom: 0;
margin: auto;
background-size: 100%;
}
.pro2-home .menu li {
position: relative;
}
.pro2-home .menu li:before {
position: absolute;
content: "";
width: 70%;
left: 0;
right: 0;
margin: auto;
bottom: 0;
height: 5px;
background: #00a7e1;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
opacity: 0;
}
.pro2-home .menu li.hover:before {
opacity: 1;
}
header .logo img{
display: inline-block;
}
.header-nav-btn{
top: 12px;
}
.header-nav-btn .box{
margin: 10px auto;
}
.m-searchs-tops1 .list-tops .li .imgs .i0{
width: 2.262rem;
/*width: 1.74rem;*/
height: .663rem;
/*height: .51rem;*/
position: absolute;
left: 50%;
transform: translateX(-50%);
margin-left: .2rem;
}
.footer-bots .text-right .li{
background-size: 100%!important;
}
.two-nav-list2-list .li{
padding-left: 0.15rem;
font-size:13px;
}
.two-nav-list2-list .li .span{
font-size:13px;
}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}