/*
 * Project Name:苏拉特油剂
 * Author:shue
 * Date：2022-03-10
*/
html {-webkit-font-smoothing:antialiased;height:100%;-ms-touch-action:manipulation;touch-action:manipulation;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul {margin:0;padding:0;}
header,hgroup,nav,menu,main,section,article,summary,details,aside,figure,figcaption,footer {display:block;margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:400;}
dl,ol,ul {list-style-type:none;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
a {text-decoration:none;color:inherit;outline:none;}
a:hover {text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur());}
a,a:visited {color:inherit;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
textarea {resize:none;outline:none;font-family:siyuan;}
button,input[type=submit],input[type=text],input[type=button] {-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;blr:expression(this.onFocus=this.blur());font-family:inherit;font-size:inherit;color:inherit;}
button {padding:0;border-style:solid;}
input {outline:0;}
input::-webkit-input-safebox-button {display:none;/*去掉搜狗浏览器密码软盘*/}
i {font-style:normal;}
.clearfix:after {content:" ";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {*zoom:1;clear:both;}
.pr { position: relative;}.pa { position: absolute;}
.tc { text-align: center;}.tr { text-align: right;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

body {font-size:14px;color:#626262;font-family:Arial,"Microsoft YaHei", 微软雅黑, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",  sans-serif;line-height:1.6;overflow-x:hidden;box-sizing: border-box;}
body:-webkit-full-page-media {background:inherit;}
#web-ietip {width:526px;height:90px;padding:83px 0 0 84px;overflow:hidden;background:url(../css/ietip/browser.png) no-repeat center center;margin:200px auto 0;}
#web-ietip a {display:block;width:65px;height:80px;float:left;}
html {font-size:calc(100vw / 1920 * 100);}
@media (max-width:900px) {html {font-size:calc(900px / 1920 * 100);}
}
.s0 {font-size:0;}
@media (min-width:1921px) {.s12 {font-size:calc(12 * 100vw / 1920);}
.s13 {font-size:calc(13 * 100vw / 1920);}
.s14 {font-size:calc(14 * 100vw / 1920);}
.s15 {font-size:calc(15 * 100vw / 1920);}
.s16 {font-size:calc(16 * 100vw / 1920);}
.s17 {font-size:calc(17 * 100vw / 1920);}
.s18 {font-size:calc(18 * 100vw / 1920);}
.s19 {font-size:calc(19 * 100vw / 1920);}
.s20 {font-size:calc(20 * 100vw / 1920);}
.s21 {font-size:calc(21 * 100vw / 1920);}
.s22 {font-size:calc(22 * 100vw / 1920);}
.s23 {font-size:calc(23 * 100vw / 1920);}
.s24 {font-size:calc(24 * 100vw / 1920);}
.s25 {font-size:calc(25 * 100vw / 1920);}
.s26 {font-size:calc(26 * 100vw / 1920);}
.s27 {font-size:calc(27 * 100vw / 1920);}
.s28 {font-size:calc(28 * 100vw / 1920);}
.s29 {font-size:calc(29 * 100vw / 1920);}
.s30 {font-size:calc(30 * 100vw / 1920);}
.s31 {font-size:calc(31 * 100vw / 1920);}
.s32 {font-size:calc(32 * 100vw / 1920);}
.s33 {font-size:calc(33 * 100vw / 1920);}
.s34 {font-size:calc(34 * 100vw / 1920);}
.s35 {font-size:calc(35 * 100vw / 1920);}
.s36 {font-size:calc(36 * 100vw / 1920);}
.s37 {font-size:calc(37 * 100vw / 1920);}
.s38 {font-size:calc(38 * 100vw / 1920);}
.s39 {font-size:calc(39 * 100vw / 1920);}
.s40 {font-size:calc(40 * 100vw / 1920);}
.s41 {font-size:calc(41 * 100vw / 1920);}
.s42 {font-size:calc(42 * 100vw / 1920);}
.s43 {font-size:calc(43 * 100vw / 1920);}
.s44 {font-size:calc(44 * 100vw / 1920);}
.s45 {font-size:calc(45 * 100vw / 1920);}
.s46 {font-size:calc(46 * 100vw / 1920);}
.s47 {font-size:calc(47 * 100vw / 1920);}
.s48 {font-size:calc(48 * 100vw / 1920);}
.s49 {font-size:calc(49 * 100vw / 1920);}
.s50 {font-size:calc(50 * 100vw / 1920);}
.s51 {font-size:calc(51 * 100vw / 1920);}
.s52 {font-size:calc(52 * 100vw / 1920);}
.s53 {font-size:calc(53 * 100vw / 1920);}
.s54 {font-size:calc(54 * 100vw / 1920);}
.s55 {font-size:calc(55 * 100vw / 1920);}
.s56 {font-size:calc(56 * 100vw / 1920);}
.s57 {font-size:calc(57 * 100vw / 1920);}
.s58 {font-size:calc(58 * 100vw / 1920);}
.s59 {font-size:calc(59 * 100vw / 1920);}
.s60 {font-size:calc(60 * 100vw / 1920);}
}
@media (max-width:1920px) and (min-width:551px) {.s12 {font-size:12px;}
.s13 {font-size:calc(12px + 1 * 100vw / 1920);}
.s14 {font-size:calc(12px + 2 * 100vw / 1920);}
.s15 {font-size:calc(12px + 3 * 100vw / 1920);}
.s16 {font-size:calc(12px + 4 * 100vw / 1920);}
.s17 {font-size:calc(12px + 5 * 100vw / 1920);}
.s18 {font-size:calc(12px + 6 * 100vw / 1920);}
.s19 {font-size:calc(12px + 7 * 100vw / 1920);}
.s20 {font-size:calc(12px + 8 * 100vw / 1920);}
.s21 {font-size:calc(12px + 9 * 100vw / 1920);}
.s22 {font-size:calc(12px + 10 * 100vw / 1920);}
.s23 {font-size:calc(12px + 11 * 100vw / 1920);}
.s24 {font-size:calc(12px + 12 * 100vw / 1920);}
.s25 {font-size:calc(12px + 13 * 100vw / 1920);}
.s26 {font-size:calc(12px + 14 * 100vw / 1920);}
.s27 {font-size:calc(12px + 15 * 100vw / 1920);}
.s28 {font-size:calc(12px + 16 * 100vw / 1920);}
.s29 {font-size:calc(12px + 17 * 100vw / 1920);}
.s30 {font-size:calc(12px + 18 * 100vw / 1920);}
.s31 {font-size:calc(12px + 19 * 100vw / 1920);}
.s32 {font-size:calc(12px + 20 * 100vw / 1920);}
.s33 {font-size:calc(12px + 21 * 100vw / 1920);}
.s34 {font-size:calc(12px + 22 * 100vw / 1920);}
.s35 {font-size:calc(12px + 23 * 100vw / 1920);}
.s36 {font-size:calc(12px + 24 * 100vw / 1920);}
.s37 {font-size:calc(12px + 25 * 100vw / 1920);}
.s38 {font-size:calc(12px + 26 * 100vw / 1920);}
.s39 {font-size:calc(12px + 27 * 100vw / 1920);}
.s40 {font-size:calc(12px + 28 * 100vw / 1920);}
.s41 {font-size:calc(12px + 29 * 100vw / 1920);}
.s42 {font-size:calc(12px + 30 * 100vw / 1920);}
.s43 {font-size:calc(12px + 31 * 100vw / 1920);}
.s44 {font-size:calc(12px + 32 * 100vw / 1920);}
.s45 {font-size:calc(12px + 33 * 100vw / 1920);}
.s46 {font-size:calc(12px + 34 * 100vw / 1920);}
.s47 {font-size:calc(12px + 35 * 100vw / 1920);}
.s48 {font-size:calc(12px + 36 * 100vw / 1920);}
.s49 {font-size:calc(12px + 37 * 100vw / 1920);}
.s50 {font-size:calc(12px + 38 * 100vw / 1920);}
.s51 {font-size:calc(12px + 39 * 100vw / 1920);}
.s52 {font-size:calc(12px + 40 * 100vw / 1920);}
.s53 {font-size:calc(12px + 41 * 100vw / 1920);}
.s54 {font-size:calc(12px + 42 * 100vw / 1920);}
.s55 {font-size:calc(12px + 43 * 100vw / 1920);}
.s56 {font-size:calc(12px + 44 * 100vw / 1920);}
.s57 {font-size:calc(12px + 45 * 100vw / 1920);}
.s58 {font-size:calc(12px + 46 * 100vw / 1920);}
.s59 {font-size:calc(12px + 47 * 100vw / 1920);}
.s60 {font-size:calc(12px + 48 * 100vw / 1920);}
}
@media (max-width:550px) {.s12 {font-size:12px;}
.s13 {font-size:calc(12px + 1 * 550px / 1920);}
.s14 {font-size:calc(12px + 2 * 550px / 1920);}
.s15 {font-size:calc(12px + 3 * 550px / 1920);}
.s16 {font-size:calc(12px + 4 * 550px / 1920);}
.s17 {font-size:calc(12px + 5 * 550px / 1920);}
.s18 {font-size:calc(12px + 6 * 550px / 1920);}
.s19 {font-size:calc(12px + 7 * 550px / 1920);}
.s20 {font-size:calc(12px + 8 * 550px / 1920);}
.s21 {font-size:calc(12px + 9 * 550px / 1920);}
.s22 {font-size:calc(12px + 10 * 550px / 1920);}
.s23 {font-size:calc(12px + 11 * 550px / 1920);}
.s24 {font-size:calc(12px + 12 * 550px / 1920);}
.s25 {font-size:calc(12px + 13 * 550px / 1920);}
.s26 {font-size:calc(12px + 14 * 550px / 1920);}
.s27 {font-size:calc(12px + 15 * 550px / 1920);}
.s28 {font-size:calc(12px + 16 * 550px / 1920);}
.s29 {font-size:calc(12px + 17 * 550px / 1920);}
.s30 {font-size:calc(12px + 18 * 550px / 1920);}
.s31 {font-size:calc(12px + 19 * 550px / 1920);}
.s32 {font-size:calc(12px + 20 * 550px / 1920);}
.s33 {font-size:calc(12px + 21 * 550px / 1920);}
.s34 {font-size:calc(12px + 22 * 550px / 1920);}
.s35 {font-size:calc(12px + 23 * 550px / 1920);}
.s36 {font-size:calc(12px + 24 * 550px / 1920);}
.s37 {font-size:calc(12px + 25 * 550px / 1920);}
.s38 {font-size:calc(12px + 26 * 550px / 1920);}
.s39 {font-size:calc(12px + 27 * 550px / 1920);}
.s40 {font-size:calc(12px + 28 * 550px / 1920);}
.s41 {font-size:calc(12px + 29 * 550px / 1920);}
.s42 {font-size:calc(12px + 30 * 550px / 1920);}
.s43 {font-size:calc(12px + 31 * 550px / 1920);}
.s44 {font-size:calc(12px + 32 * 550px / 1920);}
.s45 {font-size:calc(12px + 33 * 550px / 1920);}
.s46 {font-size:calc(12px + 34 * 550px / 1920);}
.s47 {font-size:calc(12px + 35 * 550px / 1920);}
.s48 {font-size:calc(12px + 36 * 550px / 1920);}
.s49 {font-size:calc(12px + 37 * 550px / 1920);}
.s50 {font-size:calc(12px + 38 * 550px / 1920);}
.s51 {font-size:calc(12px + 39 * 550px / 1920);}
.s52 {font-size:calc(12px + 40 * 550px / 1920);}
.s53 {font-size:calc(12px + 41 * 550px / 1920);}
.s54 {font-size:calc(12px + 42 * 550px / 1920);}
.s55 {font-size:calc(12px + 43 * 550px / 1920);}
.s56 {font-size:calc(12px + 44 * 550px / 1920);}
.s57 {font-size:calc(12px + 45 * 550px / 1920);}
.s58 {font-size:calc(12px + 46 * 550px / 1920);}
.s59 {font-size:calc(12px + 47 * 550px / 1920);}
.s60 {font-size:calc(12px + 48 * 550px / 1920);}
}
.teaser {opacity:0;-webkit-transform:translate3d(0,25%,0);transform:translate3d(0,25%,0);-webkit-transition:opacity 1s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s;transition:opacity 1s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s;-o-transition:opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s;transition:opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s;transition:opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s;}
.teaser.is-visible {opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.lefter {opacity:0;-webkit-transform:translate3d(-35%,35%,0);transform:translate3d(-35%,35%,0);-webkit-transition:opacity 1s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s;transition:opacity 1s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s;-o-transition:opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s;transition:opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s;transition:opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s;}
.lefter.is-visible {opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.righter {opacity:0;-webkit-transform:translate3d(35%,35%,0);transform:translate3d(35%,35%,0);-webkit-transition:opacity 1s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s;transition:opacity 1s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s;-o-transition:opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s;transition:opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s;transition:opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s;}
.righter.is-visible {opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.downer {opacity:0;-webkit-transform:translate3d(0,-35%,0);transform:translate3d(0,-35%,0);-webkit-transition:opacity 1s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s;transition:opacity 1s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s;-o-transition:opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s;transition:opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s;transition:opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s;}
.downer.is-visible {opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.lter {opacity:0;-webkit-transform:translate3d(-35%,0,0);transform:translate3d(-35%,0,0);-webkit-transition:opacity 1s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s;transition:opacity 1s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s;-o-transition:opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s;transition:opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s;transition:opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s;}
.lter.is-visible {opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.rter {opacity:0;-webkit-transform:translate3d(35%,0,0);transform:translate3d(35%,0,0);-webkit-transition:opacity 1s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s;transition:opacity 1s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s;-o-transition:opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s;transition:opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s;transition:opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s;}
.rter.is-visible {opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.delay2 {-webkit-transition-delay:0.2s;-o-transition-delay:0.2s;transition-delay:0.2s;}
.delay4 {-webkit-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s;}
.delay6 {-webkit-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s;}
.delay8 {-webkit-transition-delay:0.8s;-o-transition-delay:0.8s;transition-delay:0.8s;}
.delay10 {-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s;}
.v-a {position:fixed;left:0;top:120%;width:100%;height:100%;z-index:10000000;-webkit-transition:top .5s ease-in-out;-o-transition:top .5s ease-in-out;transition:top .5s ease-in-out;background:rgba(0,0,0,0.4);}
.v-a.full .v-b {max-width:100%;max-height:100%;}
.v-a.full .v-c {right:0;}
.v-a.show {top:0;}
.v-a.show .v-e {visibility:visible;}
.v-a.show .v-f {display:block;}
.v-b {width:100%;max-width:450px;height:100%;max-height:600px;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;background:#000;}
.v-c {display:block;cursor:pointer;width:40px;height:40px;background-color:#337fe5;position:absolute;right:-40px;top:0;z-index:1000;}
@media (max-width:550px) {.v-c {right:0;}
}
.v-d {display:block;width:100%;height:100%;font-size:21px;text-align:center;line-height:40px;color:#fff;}
.v-e {visibility:hidden;width:100%;height:100%;position:absolute;left:0;top:0;right:0px;bottom:0px;max-width:100%;max-height:100%;margin:auto;}
.v-f {display:none;width:100%;height:100%;}
.bg-theme {background-color:#337fe5;}
.color-theme {color:#337fe5;}
.color-3 {color:#333;}
.color-6 {color:#666;}
.color-9 {color:#999;}
.bold {font-weight:bold;}
.fl {float:left;}
.fr {float:right;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.ep1 {overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
.ep2 {overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.ep3 {overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.ep4 {overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.pointer {cursor:pointer;}
.layout {margin-left:auto;margin-right:auto;}
.css3{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
img{max-width:100%;}
@media (min-width:1921px) {.layout {width:13.44rem;}
}
@media (max-width:1920px) {.layout {width:90%;max-width:1344px;}
}
.w900 {margin-left:auto;margin-right:auto;}
@media (min-width:1921px) {.w900 {width:9rem;}
}
@media (max-width:1920px) {.w900 {width:90%;max-width:900px;}
}
body {padding-top:1rem;}
.header {position:absolute;left:0;top:0;width:100%;z-index:999;background:#fff;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;-webkit-box-shadow:0 2px 5px 0 #eee;box-shadow:0 2px 5px 0 #eee;}
.header .cnt {height:1rem;width:17.28rem;margin-left:auto;margin-right:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
@media (max-width:1200px) {.header .cnt {width:100%;padding:0 .15rem;-webkit-box-sizing:border-box;box-sizing:border-box;}
}
.header .logo {width:4.42rem;}
.header .logo img {width:4.42rem;}
@media (max-width:1100px) {.header .logo {width:auto;}
}
.header .nav {text-align:center;}
.header .nav a {display:block;color: #fff;}
.header .nav .li1 {float:left;position:relative;}
.header .nav .li1.on {font-weight: bold;}
.header .nav .li1:hover .ul2 {display:block;} 
.header .nav .a1 {padding:0 .35rem;line-height:1rem;}
.header .nav .ul2 {position:absolute;left:0;top:100%;z-index:10;width:100%;display:none;background:rgba(255,255,255,0.3);font-weight: bold;}  
.header .nav .h-product + .ul2 {display:none;}
.header .nav .a2 {line-height:1.5;padding:8px 0;color: #fff;font-weight: normal;}
.header .nav .a2:hover{background:rgba(250,248,115,0.8);color:#fff;}
@media (min-width:1101px) {.header .nav .li1 {float:left;position:relative;}
.header .nav .li1.on {font-weight: bold;}
.header .nav .li1:hover .ul2 {display:block;}
.header .nav .li1:hover .h-product + .ul2 {display:none;}
.header .nav .li1:hover .h-product {display:block;}
.header .nav .ul2 {padding:.1rem 0;}
}
@media (max-width:1100px) {.header .nav {text-align:left;}
.header .nav .ul1 {position:fixed;right:0;top:0;z-index:110;width:60%;max-width:300px;height:1000px;background:#fff;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:1.2rem;overflow: hidden;}
.header .nav .ul1 .li1 {float:none;width:100%;border-bottom:1px solid #dcdcdc;}
.header .nav .ul1 .li1.show .ul2 {height:auto;padding-bottom:10px;}
.header .nav .ul1 .a1 {line-height:2;padding:10px 20px;color: #666;font-weight: bold;}
.header .nav .mask {position:fixed;right:0;top:0;z-index:100;width:100%;height:100%;background:rgba(0,0,0,0.5);-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s;}
.header .nav .ul2 {position:static;display:block;-webkit-box-shadow:none;box-shadow:none;height:0;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;overflow:hidden;}
.header .nav .ul2 .a2 {padding:7px 20px 7px 30px;color:#666;}
.header .nav .mbtn {background:#eeeeee;width:30px;height:30px;line-height:30px;text-align:center;position:absolute;right:10px;top:8px;z-index:15;cursor:pointer;color:#333;font-size:20px;outline:none;font-weight: normal;}
.header .nav .mbtn:after {content:'+';}
.header .nav li.show .mbtn:after {content:'-';}
}
.header .h-product {background:#f6f6f6;position:fixed;left:0;top:1rem;width:100%;display:none;}
.header .h-product__cate {border-bottom:1px solid #dddddd;}
.header .h-product__cate a {display:block;padding:.35rem .6rem .2rem;position:relative;}
.header .h-product__cate a:after {content:'';position:absolute;left:50%;bottom:0;width:0;height:2px;background:#337fe5;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
.header .h-product__cate .wrap {width:13.44rem;max-width:95%;margin-left:auto;margin-right:auto;}
.header .h-product__cate .swiper-container {display:inline-block;vertical-align:top;width:auto;}
.header .h-product__cate .swiper-slide {width:auto;}
.header .h-product__cate .swiper-slide.on a {color:#337fe5;}
.header .h-product__cate .swiper-slide.on a:after {width:100%;}
.header .h-product__product {text-align:center;margin-top:.1rem;}
.header .h-product__product .list {width:17.28rem;margin-left:auto;margin-right:auto;position:relative;display:none;}
.header .h-product__product .list.on {display:block;}
.header .h-product__product .swiper-container {width:13.44rem;max-width:95%;margin-left:auto;margin-right:auto;position:static;}
.header .h-product__product .swiper-slide {padding-bottom:.3rem;padding-top:.4rem;}
.header .h-product__product .swiper-button-prev,.header .h-product__product .swiper-button-next {width:.7rem;height:0.7rem;border-radius:50%;border:1px solid #ccc;background-position:center;background-repeat:no-repeat;background-size:.11rem auto;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;margin-top:-.35rem;}
.header .h-product__product .swiper-button-prev {background-image:url(../images/4.png);left:0;}
.header .h-product__product .swiper-button-prev:hover {background-image:url(../images/6.png);background-color:#337fe5;border-color:#337fe5;}
.header .h-product__product .swiper-button-next {background-image:url(../images/5.png);right:0;}
.header .h-product__product .swiper-button-next:hover {background-image:url(../images/7.png);background-color:#337fe5;border-color:#337fe5;}
.header .h-product__product a {padding:.1rem;}
.header .h-product__product a:hover .pic .in {-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.header .h-product__product .pic {overflow:hidden;}
.header .h-product__product .pic .in {padding-top:calc(280 / 430 * 100%);background-position:center;background-repeat:no-repeat;background-size:contain;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;}
.header .h-product__product .name {line-height:2;margin-top:.1rem;}
.header__right {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:.3rem;}
.header .btn-login {display:block;background:#337fe5;color:#fff;line-height:34px;border-radius:17px;padding:0 17px;}
@media (max-width:900px) {.header .btn-login {line-height:30px;border-radius:15px;padding:0 15px;}
}
@media (max-width:320px) {.header .btn-login {padding:0 8px;}
}
.header .lang {margin-left:.3rem;position:relative;}
.header .lang__hd {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1rem;color: #fff;}
.header .lang__hd::before {content:'';width:21px;height:21px;margin-right:7px;display:block;background:url(../images/1.png) no-repeat center/contain;}
.header .lang__hd:after {content:'';width:5px;height:4px;margin-left:5px;display:block;background:url(../images/3.png) no-repeat center/contain;}
.header .lang__option {position:absolute;left:50%;top:100%;width:100px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background: rgba(255,255,255,0.3);-webkit-box-sizing:border-box;box-sizing:border-box;padding:.1rem 0;display:none;}
.header .lang__option a {display:block;line-height:2;text-align:center;color: #fff;}
.header .lang__option a:hover {background:rgba(250,248,115,0.8);color: #fff;}
@media (max-width:500px) {.header .lang__hd {font-size:0;}
.header .lang__hd:before {margin-right:0;}
}
.header .search {margin-left:.34rem;position:relative;}
.header .search__btn {width:34px;height:1rem;background:url(../images/2.png) no-repeat center/64.7%;}
@media (max-width:900px) {.header .search__btn {width:30px;}
}
.header .search__box {position:absolute;right:0;top:100%;padding-top:.13rem;display:none;}
.header .search__box .search__form {background: #fff;border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.1rem .12rem;width:192px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;}
.header .search__box .search__form::after {content:'';position:absolute;top:-12px;right:14px;border:6px solid transparent;border-bottom-color:#fff;}
.header .search__box .ipt {color:#333;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;padding-left:.1rem;border:none;background:#fff}
.header .search__box .ipt::-webkit-input-placeholder {color:#ccc;font-size:inherit;}
.header .search__box .ipt:-ms-input-placeholder {color:#ccc;font-size:inherit;}
.header .search__box .ipt::-ms-input-placeholder {color:#ccc;font-size:inherit;}
.header .search__box .ipt::placeholder {color:#ccc;font-size:inherit;}
.header .search__box .btn {width:30px;height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;background:none;}
.header .search__box .btn img {width:16px;}
@media (max-width:320px) {.header .search {margin-left:.1rem;}
}
.header .nav-btn {display:none;width:22px;position:relative;z-index:120;padding:.1rem;margin-left:.2rem;}
.header .nav-btn span {display:block;height:2px;background:#fff;margin-bottom:6px;border-radius:2px;-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;width:100%;}
.header .nav-btn span:last-child {margin-bottom:0;}
@media (max-width:1100px) {.header .nav-btn {display:inline-block;}
}
@media (max-width:320px) {.header .nav-btn {margin-left:0;}
}
.header.open .mask {opacity:1;visibility:visible;}
.header.open .nav-btn span:nth-of-type(1) {-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);background-color: #337fe5;}
.header.open .nav-btn span:nth-of-type(3) {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background-color: #337fe5;}
.header.open .nav-btn span:nth-of-type(2) {width:0;background-color: #337fe5;}
.header.open .ul1 {-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
.header.open .mask {opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
.header.over {background:transparent;-webkit-box-shadow:none;box-shadow:none;}

.banner_img {position:relative;height:100vh;}
.banner_img_pc {position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;}
.indexbanner .swiper-slide-active .banner_img_pc {opacity:1;}
.banner_img_jj {position:absolute;z-index:10;left:0;width:100%;text-align:center;bottom:35.6%;}
.banner_img_jj_mid_1 img {max-width:65%;}
.indexbanner {position:relative}
.indexbanner:before {position:absolute;left:calc(3.75% + 176px);top:0;display:none;content:'';z-index:10;height:100%;background-color:#e2e2e2;opacity:.24;width:1px;}
.indexbanner:after {position:absolute;right:calc(3.75% + 32px);top:0;display:none;content:'';z-index:10;height:100%;background-color:#e2e2e2;opacity:.24;width:1px;}
#indexbannerpage {width:2em;text-align:center;color:#fff;left:auto;right:1.875%;bottom:4%;}
#indexbannerpage .swiper-pagination-bullet {position:relative;display:block;opacity:1;width:100%;height:auto;background:none;padding:1em 0;margin:0;}
#indexbannerpage .swiper-pagination-bullet i {position:relative;opacity:0;transition:all .5s cubic-bezier(0.215,0.61,0.355,1) 0s;}
#indexbannerpage .swiper-pagination-bullet:before {transition:all .5s cubic-bezier(0.215,0.61,0.355,1) 0s;content:'';width:8px;height:8px;left:50%;top:50%;margin-left:-4px;margin-top:-4px;background-color:#fff;border-radius:100%;position:absolute}
#indexbannerpage .swiper-pagination-bullet-active i {opacity:1;font-weight:bold;text-decoration:underline}
#indexbannerpage .swiper-pagination-bullet i {font-style:normal}
#indexbannerpage .swiper-pagination-bullet-active:before {opacity:0;}
.banneract {display:none;position:absolute;left:1.875em;z-index:10;bottom:4%;color:#fff}
.banneract_1 a {color:#fff;display:inline-block;position:relative}
.banneract_2 {color:#c1c5a9;margin-top:3px;}
.banneract_2 span {color:#fff}
.indexbanner_footer {text-align:center;position:absolute;left:50%;bottom:4%;z-index:10;transform:translateX(-50%);}
.indexbanner_footer_jt {animation:pulse 2s infinite;position:relative;display:inline-block;}
.banner_img_mo{display: none;}
.banner_img_pc{display: block;}
@media screen and (max-width:810px) {
	.banner_img {height:70vh;}
	
	.banner_img_jj_mid_1 img {max-width:70vw;}
.sybanner .banneract,.sybanner .swiper-pagination-bullet {font-size:.875em;}
.banner_img_mo{display: block;position:absolute;left:0;top:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;}
.banner_img_pc{display: none;}

}
@media screen and (max-width:640px) {.indexbanner:before,.indexbanner:after {display:none}
.banner_img_jj_mid_1 img {max-width:80vw;}
.banner_img_jj{bottom:45.6%}
}
@media screen and (max-width:480px) {.banner_img_jj_mid_1 img {max-width:90vw;}
}


/******footer*******/
#footer {color:#fff;background-color:#666;overflow:hidden}
.footer_1 {text-align:center;border-bottom:1px #777 solid;padding:1.875em 0;}
.footer_1 img{max-width: 400px;width: 100%;}
.footer_2 {margin:3em 0;position:relative;padding-right:320px;}
.footer_2_right {position:absolute;right:0;top:0;}
.footer_2_left {float:left;width:35.29411764705882%;}
.footer_2_mid {float:right;width:64.70588235294118%;}
.footer_2_mid_mid ul li {float:left;width:20%;}
.footer_2_left_mid {padding-right:20%;}
.footer_2_left_mid_2 {line-height:1.8;margin-top:1.375em;color:#ccc;margin-bottom:2.25em;}
.footer_t {margin-bottom:1em;}
.footer_2_right_mid_1 dl dd {padding-left:16px;margin-bottom:.875em;color:#ccc;position:relative;}
/*.footer_2_right_mid_2 {margin-top:1.75em;border-top:1px #777 solid;padding-top:2em;}
.footer_2_right_mid_2 dl {width:100%;}
.footer_2_right_mid_2 dl dd {float:left;text-align:center;width:46%;}
.footer_2_right_mid_2 dl dd:nth-child(2n) {float:right}
.footer_2_right_mid_2 dl dd img {width:100%;}*/
.footer_2_right_mid_1 dl dd:before {content:'';position:absolute;left:0;width:12px;height:14px;background-position:center;background-repeat:no-repeat;background-size:cover;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%;}
.footer_2_right_mid_1 dl dd:nth-child(1):before {background-image:url(../images/img8.png);}
.footer_2_right_mid_1 dl dd:nth-child(2):before {background-image:url(../images/img9.png);}
.footer_2_mid_mid ul li a {color:#ccc;transition:all .5s cubic-bezier(0.215,0.61,0.355,1) 0s;}
.footer_2_mid_mid ul li a:hover {color:#fff;}
.footer_2_mid_mid {border-left:1px #777 solid;border-right:1px #777 solid;overflow:hidden;min-height:220px;padding-left:7%;}
.footer_2_right_mid {width:237px;}
.wmid {margin:0 auto;max-width:83.07291666666667%;} 
 
.footer_2_left_mid_3 {margin-top:1.75em;border-top:1px #777 solid;padding-top:2em;}
.footer_2_left_mid_3 a {transition:all .5s cubic-bezier(0.215,0.61,0.355,1) 0s;margin-right:9px;background-position:center;background-repeat:no-repeat;padding:5px;border:1px #fff solid;border-radius:100%;font-size: 20px!important;position: relative;}
.footer_2_left_mid_3 a:hover {background-color:#fff;color: #333;}

.footer_2_left_mid_3 .icon-weixin:hover .shareEwm {display:block;}
.shareEwm {display:none;position:absolute;z-index:11;bottom:-120px;left:50%;width:98px;margin-left:-54px;}
.shareEwm img {width:100%;}
 



.footer_2_right_mid_2_2 {color:#ccc;margin-top:8px;}
.footer_2_mid_mid ul li dl dd {margin-bottom:.875em;}
.footer_2_mid_mid_mid {padding-right:1em;}
.footer_cp {padding:1.5em 0;border-top:1px #777 solid;overflow:hidden;color:#ccc;}
.footer_cp a {color:#ccc;transition:all .5s cubic-bezier(0.215,0.61,0.355,1) 0s;}
.footer_cp a:hover {color:#fff}
.footer_cp_left {float:left;}
.footer_cp_right {float:right}

@media (max-width:1700px) {
.footer_2_left_mid {padding-right:1em;}
.footer_2 {padding-right:270px}
}


@media (max-width:1024px) {
.footer_2_mid_mid {padding-left:1.5em;}
.footer_2_mid_mid {border-right:none}
.footer_2 {padding-right:0}
.footer_2_right {display:none}

}
@media (max-width:810px) {
	.footer_2_left_mid_2 {margin-top:1.5em;margin-bottom:1.5em;}
	.footer_2_left_mid_3 a {margin-right:0;transform:scale(.8,.8);}
	.footer_1 {padding:1.25em 0;}
	.footer_2 {margin:2em 0;}
	.footer_cp_left,.footer_cp_right {text-align:center;width:100%;float:none;}
	.footer_cp_left {margin-bottom:5px;}
	.footer_2_left {width:100%;}
	.footer_2_mid {display:none}

}
@media (max-width:768px) {
	.footer_1 img{}
}

@media (max-width:640px) {
	 .footer_2_left_mid_1{font-size:1.125em;}
}