@charset "utf-8";
/* CSS Document */
html, body { font: 14px/1.5 Tahoma, Helvetica, Arial,\5fae\8f6f\96c5\9ed1, sans-serif; padding: 0px; color: #000000; margin: 0px auto; background: #eee; min-width: 980px; }
body { font-family: 'Montserrat-Regular'; }
ul, ol, li, p, h1, h2, h3, h4, h5, h6, table, td, th, form, fieldset, img, dl, dt, dd { margin: 0; padding: 0; }
ul, ol { list-style: none; }
img { border: none; max-width: 100%; }
span { margin: 0px; padding: 0px; }
a { text-decoration: none; color: #000; }
a:hover { text-decoration: none }
* { outline: none; }
div { -webkit-tap-highlight-color: rgba(0,0,0,0); }

a.afe { color: #ffff; }
a.afe:hover { color: #ff7300; }
a.ae0 { color: #ff7300; }
a.ae0:hover { color: #000; }

.fl { float: left; }
.fr { float: right; }

.w50 { width: 50%; }
.w5 { width: 5px; height: 5px; }
.w90 { width: calc(100% - 35px); }
.pf { position: fixed; }
.pa { position: absolute; }
.pr { position: relative; }
.dn { display: none; }
.db { display: block; }
.ovh { overflow: hidden; }
.tec { text-align: center; }
.ter { text-align: right; }
.m0aoto { margin: 0px auto; }
.m40aoto { margin: 0px 40px; }

.whtl0 { width: 100%; height: 100%; top: 0px; left: 0px; }
.tl { top: 0px; left: 0px; }
.f12 { font-size: 12px; }
.f15 { font-size: 15px; }
.f16 { font-size: 16px; }
.f17 { font-size: 17px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f22 { font-size: 22px; }
.f24 { font-size: 24px; }
.f28 { font-size: 28px; }
.f30 { font-size: 30px; }
.f36 { font-size: 36px; }
.f38 { font-size: 38px; }
.f40 { font-size: 40px; }
.f48 { font-size: 48px; }
.f90 { font-size: 90px; }
.tel { text-align: left; }

.b000 { background: #000; }
.bf3f3f3 { background: #f3f3f3; }
.bf8f8f8 { background: #f8f8f8; }
.b7d2940 { background: #7d2940; }
.bf6f6f6 { background: #f6f6f6; }
.beaeaea { background: #eaeaea; }
.bfff { background: #fff; }
.b082e50 { background: #082e50; }
.bee7800 { background: #ff7300; }
.beee { background: #eee; }
.be5e5e5 { background: #e5e5e5; }
.b4b6a85 { background: #4b6a85; }
.c7d2940 { color: #7d2940; }
.cf000 { color: #000; }
.c666464 { color: #666464; }
.c7d7d7d { color: #7d7d7d; }
.c1b1b1b { color: #1b1b1b; }
.c959595 { color: #959595; }
.caaa { color: #aaa; }
.c535353 { color: #535353; }
.c4b6a85 { color: #4b6a85; }

.textdec { text-decoration: underline; }

.h5 { height: 5px; }
.h10 { height: 10px; }
.h15 { height: 15px; }
.h20 { height: 20px; }
.h25 { height: 25px; }
.h30 { height: 30px; }
.h35 { height: 35px; }
.h40 { height: 40px; }
.h45 { height: 45px; }
.h50 { height: 50px; }
.h55 { height: 55px; }
.h60 { height: 60px; }
.h65 { height: 65px; }
.h70 { height: 70px; }
.h80 { height: 80px; }
.h88 { height: 88px; }
.h90 { height: 90px; }
.h100 { height: 100%; }
.h101 { height: 101px; }
.h110 { height: 110px; }
.h125 { height: 125px; }
.h130 { height: 130px; }
.h140 { height: 140px; }
.h150 { height: 150px; }
.h160 { height: 160px; }
.h170 { height: 170px; }
.h185 { height: 185px; }
.h200 { height: 200px; }
.h280 { height: 280px; }
.h310 { height: 310px; }
.h340 { height: 305px; }
.h420 { height: 420px; }

.w10 { width: 10px; }
.w55 { width: 55px; }
.w100 { width: 100%; }
.w110 { width: 110px; }
.w940 { width: 940px; }
.w875 { width: 875px; }

.w130 { width: calc(100% - 260px); min-width: 1150px; }

.op0 { opacity: 0; }

.lh36 { line-height: 36px; }


.center { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.ellipsis { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; }
.clear { clear: both }
.elastic { background: rgba(27,27,27,0.5); z-index: 999; display: none; }
.cursor { cursor: pointer }
.fwb { font-weight: bold; }
.tran300 { -webkit-transition: all 500ms; transition: all 500ms; -ms-transition: all 500ms; }
.tran300s { -webkit-transition: all 500ms 300ms; transition: all 500ms 300ms; -ms-transition: all 500ms 300ms; }
.tran200 { -webkit-transition: all 300ms; transition: all 300ms; -ms-transition: all 300ms; }
.tran200s { -webkit-transition: all 300ms 300ms; transition: all 300ms 300ms; -ms-transition: all 300ms 300ms; }
.imgscale:hover .img { -webkit-transform: scale(1.1); transform: scale(1.1); -ms-transform: scale(1.1); }



/* iAlert CSS stylesheet */
#iAlert { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; background-color: rgba(0,0,0,0.7); -moz-user-select: none; -webkit-user-select: none; }
#iAlert.ban { background: none; }
#iAlert * { margin: 0; padding: 0; }
#iAlert .iAlert-box { position: absolute; top: 50%; left: 50%; width: 270px; -webkit-transform: translate(-50%,-50%); }
#iAlert .iAlert-box .iAlert-box-content { padding: 20px 15px; background-color: rgba(255,255,255,0.95); border-radius: 7px 7px 0 0; }
#iAlert .iAlert-box .iAlert-box-content h2 { font-size: 14px; line-height: 1.3rem; text-align: center; color: #000; margin-bottom: 0.5rem; display: none; }
#iAlert .iAlert-box .iAlert-box-content p { font-size: 14px; line-height: 1.2rem; text-align: center; color: #000; }
#iAlert .iAlert-box .iAlert-box-actions { height: 44px; border-top: 1px #bababb solid; overflow: hidden; }
#iAlert .iAlert-box .iAlert-box-actions-button { height: 100%; font-size: 14px; line-height: 44px; text-align: center; background-color: rgba(255,255,255,0.95); z-index: 2; -webkit-tap-highlight-color: rgba(255,255,255,0); }
#iAlert .iAlert-box .iAlert-box-actions-button.noChoice { width: 100%; border-radius: 0 0 7px 7px; }
#iAlert .iAlert-box .iAlert-box-actions-button.negative { width: 50%; border-radius: 0 0 0 7px; float: left; margin-right: -1px; border-right: 1px #bababb solid; color: #9B9B9B; }
#iAlert .iAlert-box .iAlert-box-actions-button.positive { width: 50%; border-radius: 0 0 7px 0; float: left; margin-right: -1px; border-left: 1px #bababb solid; color: #EA5E02; }
#iAlert .iAlert-box .iAlert-box-actions-button:hover { background-color: #d9d9d9; z-index: 3; }
.load5 .loader { margin: 4em auto; font-size: 25px; width: 1em; height: 1em; border-radius: 50%; position: relative; text-indent: -9999em; -webkit-animation: load5 1.1s infinite ease; -webkit-transform: scale(0.3) }

@-webkit-keyframes load5 {
    0%, 100% { box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7); }
    12.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5); }
    25% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
    37.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
    50% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
    62.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
    75% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
    87.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff; }
}

.MonBold { font-family: 'Montserrat-Bold' }
.MonLight { font-family: 'Montserrat-Light' }
.MonRegular { font-family: 'Montserrat-Regular'; }
.MonHairline { font-family: 'Montserrat-Hairline' }
.MonSemiBold { font-family: 'Montserrat-Semi-Bold' }
.MyriadPro { font-family: 'MyriadPro' }

.b1b1b1b { background: #1b1b1b; }
.b252525 { background: #252525; }
.be97702 { background: #ff7300; }
.b333333 { background: #333333; }
.b2a2a2a { background: #2a2a2a; }
.b666464 { background: #666464; }

.c434343 { color: #434343; }
.cee7700 { color: #ff7300; }
.ceb6100 { color: #eb6100; }
.cf17900 { color: #f17900; }
.cec6941 { color: #ec6941; }
.ce97702 { color: #ff7300; }
.cc3c3c3 { color: #c3c3c3; }
.cc9c9c9 { color: #c9c9c9; }
.cff7300 { color: #ff7300; }
.cff0000 { color: #ff0000; }
.cfff { color: #fff; }


.h85 { height: 85px; }
.h105 { height: 105px; }
.h112 { height: 112px; }
.h125 { height: 125px; }
.h120 { height: 120px; }
.f42 { font-size: 42px; }
.f66 { font-size: 66px; }
.f68 { font-size: 68px; }
.f72 { font-size: 72px; }

.w50 { width: 50px; }
/* .w1200{ width: 1200px; } */
.w1280 { max-width: 1280px; padding: 0px 20px; }
.w1590 { min-width: 1139px; max-width: 1590px; padding: 0px 20px; }
.w1165 { min-width: 1139px; max-width: 1482px; padding: 0px 20px; }
.w1475 { min-width: 1139px; max-width: 1475px; padding: 0px 20px; }
.w1290 { min-width: 1139px; max-width: 1290px; padding: 0px 20px; }
.w1200 { max-width: 1200px; padding: 0px 20px; }
.w1190 { min-width: 1139px; max-width: 1190px; padding: 0px 20px; }
.w1355 { min-width: 1139px; max-width: 1355px; padding: 0px 20px; }
.maxw1366 { max-width: 100%; }

.z3 { z-index: 3; }

.solutnr2ml { margin-left: 20px; }


.lan { top: 30px; left: 0px; width: 100%; }
/*  */
.lan > div { margin-top: -600px; height: 600px; background: url(../img/lanbg.jpg) no-repeat bottom left #2f2f2f; }
.lanpt { padding-top: 40px !important; }
.lanpt > div.fr { }
.lanlist { margin-left: 105px; }
.lantitle { line-height: 19px; margin-bottom: 12px; margin-left: 15px; margin-top: 15px; width: 310px; border-bottom: #3b3b3b solid 1px; padding-bottom: 12px; }
.lantitles { margin-top: 24px; margin-left: 20px; }
.lantitles a { color: #fff; }
.lantitles a:hover { color: #ff7300; }
.lantitle.on { margin-top: 35px; }
.landescribe { overflow: hidden; }
.landescribe a { display: flex; color: #c9c9c9; margin-bottom: 9px; }
.landescribe a span { display: block; width: 0px; height: 0px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid rgba(0,0,0,0); }
.landescribe a .w35 { width: 35px; }
.landescribe a img { width: 35px; }
.landescribe a:hover, .landescribe a.on { color: #ff7300; }
.landescribe a:hover span, .landescribe a.on span { border-left: 8px solid #ff7300; }

.lancur.on .lan > div { margin-top: 0px; }
.lancur.on .lanwb span { -webkit-transition: all 300ms 300ms; transition: all 300ms 300ms; -ms-transition: all 300ms 300ms; margin-top: 0px; }
.search { background: url(../img/search.png) no-repeat; width: 17px; height: 16px; }
.search:hover { background: url(../img/searchon.png) no-repeat; }






.live { width: 30px; }
.livet { background: url(../img/live.png) no-repeat; width: 22px; height: 16px; }
.live:hover .livet { background: url(../img/liveon.png) no-repeat; background-size: auto 100%; }
.live:hover { width: 110px; color: #ff7300; }

.zhangting { width: 30px; }
.zhangtingt { background: url(../img/zhangting.png) no-repeat; width: 25px; height: 16px; background-size: auto 100%; }
.zhangting:hover .zhangtingt { background: url(../img/zhangtingon.png) no-repeat; background-size: auto 100%; }
.zhangting:hover { width: 195px; color: #ff7300; }


.homeicon { width: 30px; }
.homeicont { background: url(../img/homeicon.png) no-repeat; width: 28px; height: 16px; background-size: auto 100%; }
.homeicon:hover .homeicont { background: url(../img/homeiconon.png) no-repeat; background-size: auto 100%; }
.homeicon:hover { width: 155px; color: #ff7300; }


.lanwb span { margin-top: 15px; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #2f2f2f; top: 30px; left: 10px; margin-left: -7px; }
.lanwb p { height: 41px; left: -10px; }
.lanwb img { width: 18px; }
.d3j { width: 0; height: 0; border-top: 8px solid #ff7300; border-right: 6px solid transparent; border-left: 6px solid transparent; }

.header { z-index: 4; height: 58px; background: #fff; }

.header .logo, .header.on .logo { width: 153px; height: 34px; margin-top: 14px; }
.header .logo .logoimg { opacity: 0; }
.header .logo .logo2img { top: 0px; left: 0px; opacity: 1; }
.header .nav { margin-top: 20px; }
.header .navli { margin-left: 60px; }
.header .navli:nth-child(1) { margin-left: 0px; }
.header .navlia div { top: 0px; left: 0px; width: 100%; height: 38px; }
.header .navlia span { margin-top: 15px; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #2a2a2a; top: 23px; left: 50%; margin-left: -15px; }
.header .navli a { color: #000; }

.header:hover .nav2 { }
.header:hover .navli.on a { color: #eb6100; }
.header:hover .navli:hover a { color: #eb6100; }
.header:hover .navli:hover a.nav2lmd1title { color: #fff; }
.header:hover .navli:hover .navlia div { }
.header:hover .navli:hover .navlia span { -webkit-transition: all 300ms 300ms; transition: all 300ms 300ms; -ms-transition: all 300ms 300ms; margin-top: 0px; }
.header:hover .navli:hover .nav2 { }
.header:hover .navli:hover .nav2 > div, .header:hover .navli:hover #nav4.nav2 > div { margin-top: 0px; opacity: 1; }

.sstk { top: -100%; }
.sstk.on { width: 100%; height: calc(100% - 25px); min-height: 560px; top: 0px; left: 0px; background: url(../img/webi5s.png) #fff; z-index: 5; }
.ssbg { background: url(../img/ssbg.png) bottom center no-repeat; }

.ssnav { margin-top: 50px; width: 300px; overflow-y: auto; overflow-x: hidden; }
.ssnav li { margin-bottom: 5px; }
.ssnav li .ssnavu { padding: 5px 15px; }
.ssnav li .ssnavd { height: 0px; }
.ssnavd > div { margin-top: 10px; }
.ssnavd > div > div:nth-child(1) { padding-left: 15px; }
.ssnavd > div > div > span { display: block; background: url(../img/prico.png) no-repeat; width: 10px; height: 10px; margin-right: 5px; margin-top: 7px; opacity: 0; }
.ssnavd > div > div > p { width: 230px; }


.ssnav li:hover .ssnavu { background: #ff7300; }
.ssnav li:hover .ssnavd { height: auto; }
.ssnavd > div > div:hover { color: #ff7300; }
.ssnavd > div > div:hover > span { opacity: 1; }

.ssnav li.on .ssnavu { background: #ff7300; }
.ssnav li.on .ssnavd { height: auto; }

.ssnav::-webkit-scrollbar { width: 2px; background-color: #F5F5F5; }
.select::-webkit-scrollbar-track { background-color: #d2d2d2; }
.ssnav::-webkit-scrollbar-thumb { background-color: #ff7300; }

.ssnav::scrollbar { width: 2px; background-color: #F5F5F5; }
.ssnav::scrollbar-track { background-color: #d2d2d2; }
.ssnav::scrollbar-thumb { background-color: #ff7300; }

.ssnav::-ms-scrollbar { width: 2px; background-color: #F5F5F5; }
.ssnav::-ms-scrollbar-track { background-color: #d2d2d2; }
.ssnav::-ms-scrollbar-thumb { background-color: #ff7300; }

.ssnav { scrollbar-track-color: #d2d2d2; scrollbar-base-color: #ff7300; }

.sswb { margin-right: 12%; }
.ssinput { width: 700px; margin-top: 100px; }
.ssinput input { padding: 23px 230px 23px 90px; width: 100%; margin: 0px; border: #ff7300 solid 2px; -webkit-appearance: none; }
.ssissi { top: 0px; left: 0px; height: 100%; width: 87px; }
.ssibut, .ssibut1 { top: 0px; right: 0px; bottom: 0px; width: 210px; }
.ssguess { margin-top: 20px; }
.ssguess > a { margin-right: 20px; margin-bottom: 10px; }
.ssguess > a:hover { color: #ff7300; }

.cokies { bottom: 70px; right: 70px; z-index: 5; width: 465px; }
.cokies > div { box-shadow: 0px 0px 20px rgba(0,0,0,0.2); }
.cokiesnr { background: #fff; padding: 35px; }
.cokiesbut > div { height: 75px; width: 50%; }

/* .header:hover,.header.on{ background: #fff; }
.header:hover .logoimg,.header.on .logoimg{ opacity: 0; }
.header:hover .logo2img,.header.on .logo2img{ opacity: 1; }
.header:hover .navli a,.header.on .navli a{ color: #000; }
.header:hover .navli a.on,.header.on .navli a:hover{ color: #eb6100; }
.header:hover .navli:hover a:hover.nav2lmd1title{ color: #eb6100; } */

.nav2 { width: 100%; top: 58px; left: 0px; }
.nav2 > div { margin-top: -780px; height: 780px; opacity: 0; }
/* #nav4.nav2>div{ margin-top: -490px; height: 490px; } */
.nav2 > div > div { }
.nav2lm { padding-left: 0px; min-width: 980px; max-width: 1590px; padding: 0px 20px; margin: 0px auto; }
.nav2lmd1 { padding: 20px 10px 20px 22px; margin-top: 63px; width: 170px; }
.nav2lmd1title { margin-bottom: 13px; }
.nav2lmd1ul { margin-bottom: 15px; margin-top: 10px; }
.nav2lmd1ul li { margin-bottom: 10px; line-height: 20px; }
.nav2lmd1ul li p { width: calc(100% - 19px); }
.nav2lmd1ul li span { background: url(../img/xsj.png) no-repeat; background-position: 0px 0px; width: 9px; height: 11px; margin-top: 5px; margin-right: 10px; }
.nav2lmd1ul li.on, .nav2lmd1ul li:hover { color: #5bdef8; }
.nav2lmd1ul li.on span, .nav2lmd1ul li:hover span { background-position: -9px 0px; }

.nav2lmd2 { margin-left: 50px; width: 262px; margin-top: 60px; }
.nav2lmd2all { margin-left: 18px; padding-bottom: 4px; border-bottom: #434343 solid 1px; margin-bottom: 15px; }
.nav2lmd2all:hover { color: #ff7300; }
.nav2lmd2title { line-height: 19px; margin-bottom: 8px; margin-left: 20px; display: block; }
.header:hover .navli:hover a.nav2lmd2title { color: #fff; }
.header:hover .navli:hover a.nav2lmd2title:hover, .header:hover .navli:hover a.nav2lmd2title.on { color: #ff7300; }
.nav2lmd2ul { margin-left: 3px; margin-bottom: 15px; }
.nav2lmd2ul li { margin-bottom: 8px; }
.nav2lmd2ul li span { margin-right: 8px; margin-top: 4px; display: block; width: 0px; height: 0px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid rgba(0,0,0,0); }
.nav2lmd2ul li p { line-height: 1.3; width: 205px; }
.nav2lmd2 > div.on .nav2lmd2ul li.on { color: #ff7300; }
.nav2lmd2 > div.on .nav2lmd2ul li.on span { border-left: 8px solid #ff7300; }

.nav2lmd3 { width: calc(100% - 553px); }
.nav2lmd3 > div { padding-top: 63px; padding-bottom: 200px; display: flex; overflow-x: hidden; overflow-y: hidden; padding-left: 35px; }


.nav2lmd3 > div > div { width: 300px; height: 500px; margin-right: 50px; flex: none; }
/* #nav4 .nav2lmd3>div>div{ height: 360px; } */
.nav2lmd3 > div > div:last-child { margin-right: 0px; }
#nav2 .nav2lmd3i, #nav4 .nav2lmd3i { height: 200px; }
#nav3 .nav2lmd3i { height: 300px; }
#nav2 .nav2lmd3wb { padding: 30px; }
#nav4 .nav2lmd3wb { padding: 45px; }
#nav4 .nav2lmd3wb .MonLight { margin-top: 20px; }
.nav2lmd3more { width: 75px; height: 75px; bottom: 0px; right: 0px; }
.nav2lmd3more img { margin-left: -10px; }
.nav2lmd3op { opacity: 0.7; background: #383838; }

.nav2lmd3 > div > div:hover, .nav2lmd3 > div > div.on { background-color: rgb(42, 42, 42); box-shadow: 0px 3px 40px 0px rgba(0, 0, 0, 0.35); }
.nav2lmd3 > div > div:hover .nav2lmd3op, .nav2lmd3 > div > div.on .nav2lmd3op { opacity: 0; }
.nav2lmd3 > div > div:hover .nav2lmd3more img { margin-left: 10px; }
/* .nav2lmd3>div>div:hover .nav2lmd3more img,.nav2lmd3>div>div.on .nav2lmd3more img{ margin-left: 10px; } */

.nav2lmd3.on > div > div { background: #ececec; }
.nav2lmd3.on > div > div .nav2lmd3wb { }


.banne { width: 100%; }
.bannewbs { margin-top: 143px; line-height: 72px; width: calc( 100% - 740px ); }
.bannewb2 { margin-top: 25px; line-height: 32px; }
.bannPN { top: 422px; right: 0px; }
.bannPNxian { width: 67px; height: 2px; }
/*.prev{margin-bottom: 11px;}*/
.prev:hover img { margin-left: -15px; }
/*.next{margin-top: 16px;}*/
.next:hover img { margin-left: 15px; }

.swiper-pagination, .imgrjts, .imgljts { opacity: 0; }
.swiper-container:hover .swiper-pagination, .swiper-container:hover .imgrjts, .swiper-container:hover .imgljts { opacity: 1; }

#inbanne .swiper-pagination-bullet { width: 15px; height: 15px; opacity: 1; background: #eeeeee; margin: 0 12px; }
#inbanne .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #ff7300; }

.inlist { }
.inlist li { width: 50%; float: left; height: 424px; overflow: hidden; }
.inlisthei { background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8)); }
.inlistwb { left: 110px; width: calc(100% - 110px); height: calc(100% - 55px); top: 275px; }
.inlisttitle { line-height: 60px; }
.inlistxian { width: 58px; height: 6px; margin-top: 25px; margin-bottom: 33px; }
.inlistnr { opacity: 0; }
.inlistdescribe { width: calc(100% - 110px); height: 141px; }
.inlistnext { width: 75px; height: 75px; bottom: 0px; right: 0px; }
.inlistnext img { margin-left: -10px; }

.inlist li:hover .inlisthei { background: #000; }
.inlist li:hover .inlistwb { top: 55px; }
.inlist li:hover .inlistnr { opacity: 1; }
.inlist li:hover .inlistnext img { margin-left: 10px; }

.inlist5 { height: 818px; }
.inlist5title { margin-top: 121px; }
.inlist5describe { margin-top: 13px; }
.inlist5iconnr { margin-top: 170px; }
.inlist5iconnr > div { margin: 0px 93px; }
/* .inlist5iconnr>div:nth-child(1){ margin: 0px 15px 0px 0px; }
.inlist5iconnr>div:nth-child(6){ margin: 0px 0px 0px 15px; } */
.inlist5icon { height: 60px; }
.inlist5icon img { height: 100%; }
.inlist5icontitle { height: 66px; margin-top: 28px; }
.inlist5icondescribe { margin-top: 20px; }

.inlist5img { -webkit-animation: inlist5img 60s infinite ease; animation: inlist5img 60s infinite ease; -ms-animation: inlist5img 60s infinite ease; }

@-webkit-keyframes inlist5img {
    0% { -webkit-transform: scale(1.05); }
    100% { -webkit-transform: scale(1); }
}

@keyframes inlist5img {
    0% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

@-ms-keyframes inlist5img {
    0% { -ms-transform: scale(1.05); }
    100% { -ms-transform: scale(1); }
}


.solutnr2hdnr p { background: url(../img/dian.jpg) no-repeat 3px 10px; padding-left: 16px; }
.solutnr2_nr1 p { background: url(../img/dian.jpg) no-repeat 3px 10px; padding-left: 16px; }

.inlist6 { height: 497px; }
.inlist6img { width: 958px; height: 497px; top: 0px; right: 50%; }
.inlist6imgmore { bottom: 0px; right: 0px; padding: 19px 30px 19px 48px; }
.inlist6imgmore div { width: 150px; }
.inlist6img:hover img, .prlist li:hover img { margin-left: 15px; }
.inlist6img:hover .whtl0, .prlist li:hover .prlist2, .newnr3t1:hover .prlist2, .newnr3t2:hover .prlist2, .newnr3t3:hover .prlist2 { -webkit-transform: scale(1.03); transform: scale(1.03); -ms-transform: scale(1.03); }
.inlist6wb { width: 43%; margin-left: 7%; left: 50%; top: 45px; }
.inlist6wbtitle { margin-bottom: 40px; line-height: 60px; }

.inrecent { }
.inrecentnr { }
.inrecentnr > div { width: calc(100%/3 - 68px); float: left; margin-right: 100px; }
.inrecentnr > div:last-child { margin-right: 0px; }
.inrecentnrimg { height: 308px; }
.inrecentnrwb { padding: 70px 53px 57px 53px; height: 320px; }
.inrecentnrmore { width: 72px; height: 72px; bottom: 0px; right: -72px; }
.inrecentnrmore img { margin-left: -10px; }
.inrecentnrwbtitle { margin-bottom: 23px; height: 60px; }
.inrecentnrwbdescribe { line-height: 30px; }

.inrecentnr > div.on:hover { box-shadow: 0px 3px 40px 0px rgba(0, 0, 0, 0.35); margin-top: 0px; }
.inrecentnr > div.on:hover .inrecentnrimg div { -webkit-transform: scale(1.03); transform: scale(1.03); -ms-transform: scale(1.03); }
.inrecentnr > div.on:hover .inrecentnrmore { right: 0px; }
.inrecentnr > div.on:hover .inrecentnrmore img { margin-left: 10px; }


.footer { padding: 35px 0px 15px 0px; }
.footericon { margin-top: 22px; overflow: hidden; }
.footericon a { width: 35px; height: 35px; margin-right: 14px; float: left; }
.footericon a img:nth-child(1) { opacity: 1; }
.footericon a img:nth-child(2) { opacity: 0; }

.footericon a:hover img:nth-child(1) { opacity: 0; }
.footericon a:hover img:nth-child(2) { opacity: 1; }

.footera { }
.footera div { margin-left: 35px; padding-left: 35px; border-left: #515151 solid 1px; }
.footera a { color: #fff; }
.footera a:hover { color: #ff7300; }
.footerx { margin: 16px 0px 0px 0px; height: 1px; background: #515151; }
.footerbq { padding: 15px 0px; }
.footerbq a { margin-left: 25px; }


.dataNums { height: 108px; text-align: center; left: 0; }
.dataNums .dataOne { width: 50px; height: 108px; text-align: center; float: left; list-style: none; }
.dataNums .dataBoc { position: relative; width: 100%; height: 100%; overflow: hidden; }
.dataNums .dataBoc .tt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.dataNums .tt span { width: 100%; height: 100%; line-height: 108px; float: left; }

.pos { top: 50px; left: 23px; z-index: 3 }
.pos.white a { color: #fff }
.breadcrumb-item.white { color: #fff }

/*.breadcrumb-item a { color: #ff7300 }*/
.breadcrumb-item a:hover { color: #ff7300 }
.breadcrumb-item:not(:last-child)::after { float: right; padding-left: .5rem; padding-right: .5rem; content: ">"; }

/*products*/

.primg { margin-left: -60px; }
.products_ban_img { margin-top: 60px; }

.prdowntext div { }
.prdowntext .prdown { display: inline-block; width: 45px; height: 44px; background: url(../img/dow1i.png) no-repeat; background-size: 100% auto; float: left; }
.prdowntext:hover .prdown { background: url(../img/dow1ion.png) no-repeat; background-size: 100% auto; }
.prdowntext:hover div { color: #ff7300; }

.Available { line-height: 34px; margin-top: 15px; }
.mapimg { margin-left: 20px; }

.prb_play { min-height: 300px; }
.bgop60 { background: rgb(0,0,0,0.6); }
.prplaybuttom { width: 183px; height: 62px; display: inline-block; text-align: center; line-height: 62px; color: #fff; border: #ff7300 solid 4px; border-radius: 62px; }
.prplaybuttom:hover { background: #ff7300; color: #fff; }

.prtext { }
.prtextlist { }
.prtextlist li { float: left; width: 50%; padding-top: 87px; }
.prtextlist li:nth-child(2n) { }
.prtextlist p { background: url(../img/prico.png) no-repeat left 9px; line-height: 25px; padding-left: 16px; margin-left: 33px; margin-bottom: 15px; }
.prtextlist li div { margin-bottom: 16px; margin-left: 33px; }
.prtextlist li:nth-child(3) { padding-top: 70px; }
.prtextlist li:nth-child(4) { padding-top: 70px; }


.prlist { }
.prlist li { width: 50%; float: left; height: 450px; overflow: hidden; }
.prlist li:nth-child(2) { margin-right: 0px; }
.prlisthei { background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0)); }
.prlistwb { left: 60px; width: calc(100% - 220px); top: 60px; }
.prlisttitle { line-height: 36px; }
.prlistxian { width: 60px; height: 4px; margin-top: 5px; margin-bottom: 25px; }
.prlistnext { width: 313px; bottom: 0px; right: 0px; line-height: 75px; }
.prlistnext p { display: block; width: 270px; height: 75px; line-height: 75px; text-align: center; }
.prlistnext div { position: absolute; width: 45px; height: 75px; right: 0px; display: block; top: 0px; }
.prlistnext img { margin-left: -5px; }
.prlist li:hover .prlistnext img { margin-left: 5px; }
.prdownwarp { }

.prdownwarpxian { width: 60px; height: 4px; margin-top: 20px; }

.prss { width: 38px; height: 38px; display: block; float: right; background: url(../img/prss.png) no-repeat left 15px; }
.prjh { width: 38px; height: 38px; display: block; float: right; background: url(../img/prjh.png) no-repeat; }
.prdownlist { overflow: hidden; }
.prdownlist dt { height: 45px; line-height: 45px; border-bottom: #000000 solid 2px; overflow: hidden; }
.prdownlist dt > div { width: 30px; height: 30px; display: block; float: right; background: url(../img/prjh.png) no-repeat; background-size: 100% auto; }
.prdownlist dt.on > div { background: url(../img/prss.png) no-repeat center; background-size: 100% auto; }
.prdownlist dd { float: left; background: url(../img/prdownloadsico.png) no-repeat left 35px; width: 50%; padding-top: 25px; height: 111px; }
.prdownlist dd span { margin-left: 15px; }
.prdownlist dd p { padding-left: 85px; }
.prdownlist dd p:first-child { margin-bottom: 5px; margin-top: 5px; }

.prdownlistli { height: 0px; }

.prdownlist dd:hover { background: url(../img/prdownloadsico_hover.png) no-repeat left 35px; color: #ff7300; }
.prdownlist dd:hover span { color: #ff7300; }


/*PVINVERTERS*/
.pvtext { }
.pvtitle { padding: 115px 0px 24px 0px; }
.pvhongkuang { width: 105px; height: 5px; }
.pvnr1 { margin: 75px 0px 0px 0px; }
.pvi1 { }
.pvi1wb { width: 590px; margin-left: 100px; }
.w540 { width: 540px; }
.pvimglist li { height: 688px; position: relative; margin-bottom: 125px; }
.pvimglist li:last-child { margin-bottom: 0px; }

.pvbuttom { }
.pvbuttom p { display: block; width: 140px; }
.pvbuttom div { }
.pvimglist li .pvlisttext { right: -120px; }
.pvimglist li .pvimg1 { top: 0px; right: 20px; width: 1800px; height: 688px; }
.pvimglist li:nth-child(2n) .pvlisttext { left: -120px; right: auto; }
.pvimglist li:nth-child(2n) .pvimg1 { left: 20px; right: auto; }
.pvlisttext { width: 485px; height: 485px; bottom: 0px; }
.pvlisttext > div { padding: 50px; }
.pvbuttom img { margin-left: -5px; }
.pvbuttom:hover img { margin-left: 5px; }

.pvbuttom_big { width: 428px; line-height: 70px; position: relative; }
.pvbuttom_big p { display: block; width: 264px; height: 70px; line-height: 70px; text-align: right; }
.pvbuttom_big div { width: 70px; height: 70px; display: block; }
.pvprlist li { width: 500px; margin-right: calc(100% - 1000px); float: left; height: 517px; text-align: center; position: relative; }
.pvprlist li:nth-child(2n) { margin-right: 0px; }
.pvprlistxiantiao { width: 30px; height: 3px; }
.pvprlist li > .center:hover img:nth-child(1) { -webkit-animation: pvprlist 2s infinite ease; animation: pvprlist 2s infinite ease; -ms-animation: pvprlist 2s infinite ease; }

@-webkit-keyframes pvprlist {
    0%, 100% { -webkit-transform: translate(0%,0%); }
    50% { -webkit-transform: translate(0%,2%); }
}

@keyframes pvprlist {
    0%, 100% { transform: translate(0%,0%); }
    50% { transform: translate(0%,2%); }
}

@-ms-keyframes pvprlist {
    0%, 100% { -ms-transform: translate(0%,0%); }
    50% { -ms-transform: translate(0%,2%); }
}

.pvprlist li > .center:hover img:nth-child(2) { -webkit-animation: pvprlists 2s infinite ease; animation: pvprlists 2s infinite ease; -ms-animation: pvprlists 2s infinite ease; }

@-webkit-keyframes pvprlists {
    0%, 100% { -webkit-transform: translate(0%,0%) scale(1); }
    50% { -webkit-transform: translate(0%,0%) scale(0.8); }
}

@keyframes pvprlists {
    0%, 100% { transform: translate(0%,0%) scale(1); }
    50% { transform: translate(0%,0%) scale(0.8); }
}

@-ms-keyframes pvprlists {
    0%, 100% { -ms-transform: translate(0%,0%) scale(1); }
    50% { -ms-transform: translate(0%,0%) scale(0.8); }
}

.prb_play { }

.pvbuttom_big img { margin-left: -5px; }
.pvbuttom_big:hover img { margin-left: 5px; }
.ppltitle { margin: 0px 0px -60px 0px; }
.ppltitle img { margin-right: 20px; }
.prprbg1 { left: 0px; top: 715px; }
.prprbg1, .prprbg2 { width: 100%; height: 310px; }
.prprbg2 { left: 0px; top: 1355px; }

.videoplay { width: 710px; height: 380px; bottom: 0px; }
.videoplay .videoplaydiv { padding: 50px; }
.videoplaydiv .fl { width: 500px; }


.pvcase_div { width: 100%; height: auto; }
.pvcaseimg { height: 350px; }
.pvcaseimg > div { background: rgba(0,0,0,0.7); opacity: 0; }
.pvcaseimg:hover > div { opacity: 1; }
.pcasebuttom { width: 313px; line-height: 75px; right: 0px; bottom: 0px; z-index: 1; }
.pcasebuttom p { display: block; width: 270px; height: 75px; line-height: 75px; text-align: center; }
.pcasebuttom div { position: absolute; width: 45px; height: 75px; right: 0px; display: block; top: 0px; }
.pcasebuttom img { margin-left: -5px; }
.pvcasetext { padding: 10px 0px 0px 0px; }
.swiper-slide-active .pvcase_div:hover .pcasebuttom img { margin-left: 5px; }

.rjts { top: 140px; right: 0px; z-index: 3; width: 75px; height: 75px; background: rgba(238, 119, 0, 0.9); opacity: 0; }
.ljts { top: 140px; left: 0px; z-index: 3; width: 75px; height: 75px; background: rgba(238, 119, 0, 0.9); opacity: 0; }
.rjts img, .pvcase .ljts img { width: 20px; }
.rjts img { margin-right: 5px; }
.ljts img { margin-left: 5px; }
.rjts:hover img { margin-right: -10px; }
.ljts:hover img { margin-left: -10px; }
.pvcase:hover .rjts, .pvcase:hover .ljts { opacity: 1; }

.imgljts { top: 50%; width: 80px; height: 80px; left: 0px; margin-top: -40px; z-index: 3; }
.imgrjts { top: 50%; width: 80px; height: 80px; right: 0px; margin-top: -40px; z-index: 3; }
.imgljts img { margin-left: 5px; opacity: 0.6; }
.imgrjts img { margin-right: 5px; opacity: 0.6; }
.imgljts:hover img { margin-left: -10px; opacity: 0.6; }
.imgrjts:hover img { margin-right: -10px; opacity: 0.6; }

.imgljts.swiper-button-disabled, .imgrjts.swiper-button-disabled { opacity: 0; }

#pvcase.swiper-container { width: 100%; height: 100%; }
#pvcase .swiper-slide { width: 650px; }

/* .inrecentnrimg{ height: 308px; }
.inrecentnrwb{ padding: 70px 68px 57px 68px; height: 378px;}
.inrecentnrmore{ width: 72px; height: 72px; bottom: 0px; right: -72px; }
.inrecentnrmore img{ margin-left: -10px; }
.inrecentnrwbtitle{ margin-bottom: 20px; }
.inrecentnrwbdescribe{ line-height: 30px; }

.inrecentnr>div:hover{ box-shadow: 0px 3px 40px 0px rgba(0, 0, 0, 0.35); margin-top: -10px; }
.inrecentnr>div:hover .inrecentnrimg div{-webkit-transform:scale(1.03);transform:scale(1.03);-ms-transform:scale(1.03);}
.inrecentnr>div:hover .inrecentnrwb{ background: #fff; }
.inrecentnr>div:hover .inrecentnrwbdescribe{ color: #000; }
.inrecentnr>div:hover .inrecentnrmore{ right: 0px; }
.inrecentnr>div:hover .inrecentnrmore img{ margin-left: 10px; } */

.solubannetext { top: 170px; left: 15px; width: 800px; }

.solutnr1xian { width: 104px; height: 5px; }
.solutnr1 { padding-top: 125px; }
.solutnr1nr div { width: calc(50% - 50px); margin-right: 100px; }
.solutnr1nr div:nth-child(2) { margin-right: 0px; }
.solutnr2 { height: 560px; }
.solutnr2hdico { margin-top: 120px; margin-right: 110px; border-bottom: #d2d2d2 solid 3px; padding-bottom: 33px; }
.solutnr2hdico > div { }

.soli { width: 63px; height: 68px; margin-bottom: 5px; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.solutnr2hdico > div span { position: absolute; bottom: -36px; width: 100%; left: 0px; height: 3px; background: #ff7300; opacity: 0; }

.solutnr2hdico > div:hover div, .solutnr2hdico > div.on div { color: #ff7300; }
.solutnr2hdico > div:hover span, .solutnr2hdico > div.on span { opacity: 1; }
.solutnr2hdico > div:hover .soli, .solutnr2hdico > div.on .soli { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.solutnr2hd { width: 1700px; height: 560px; top: 0px; right: 20px; }
.solutnr2hd > div { width: 100%; max-width: 1482px; }
.solutnr2hdnr { margin-top: 65px; margin-right: 110px; }
.solutnr2_title { }
.solutnr2_hx { width: 68px; height: 5px; margin-top: 25px; }
.solutnr2_xh { width: 50px; height: 50px; }
.solutnr2_xh i { margin-left: -10px; }

.solutab { color: #a0a0a0; }
.solutabicon { width: 27px; height: 27px; background: url(../img/radioi.png) no-repeat; background-size: 100% auto; }
.solutab > div { margin-right: 10px; }

.solutab.on .solutabicon { background: url(../img/radioion.png) no-repeat; background-size: 100% auto; }
.solutab.on > div:nth-child(2), .solutab:hover > div:nth-child(2) { color: #ff7300; }
.solutab.on > div:nth-child(3), .solutab:hover > div:nth-child(3) { color: #000; }

.solutnr2 { }
.solutnr2 ul { margin-top: 66px; }
.solutnr2 ul li { width: calc(50% - 110px); float: left; }
.solutnr2 ul li:nth-child(2n) { margin-left: 205px; }
.solutnr2_nr { margin-top: 10px; line-height: 35px; height: 223px; }


.solutnr8_list ul li { float: left; width: calc(50% - 50px); margin-bottom: 74px; }
.solutnr8_list ul li:nth-child(2n) { margin-left: 100px; }
.solutnr8_img { height: 404px; }
.solutnr8_text { height: 158px; padding: 50px 80px; }

.solutnr8_list ul li:hover { box-shadow: 0px 3px 40px 0px rgba(0, 0, 0, 0.35); }
.solutnr8_list ul li:hover .b333333 { background: #fff; color: #000; }
.solutnr8_list ul li:hover .solutnr8_img > div { -webkit-transform: scale(1.03); transform: scale(1.03); -ms-transform: scale(1.03); }
.solutnr8_list ul li:hover .nav2lmd3more img { margin-left: 10px; }

.solutnr4 { height: 600px; }
.solutnr4 > div { width: 1800px; top: 0px; left: 0px; }
.solutnr4.on > div { left: auto; right: 0px; }
.solutnr4.on > div > div { position: absolute; top: 0px; right: 0px; width: 100%; }
.solutnr4_left { padding: 90px 75px; }
.solutnr4_left.on { float: right; width: 45%; }
.sol4textimg { height: 600px; width: 43%; right: 0px; top: 0px }
.sol4textimg.on { right: auto; left: 0px; }

.zlbut { border: #ff7300 solid 2px; width: 320px; padding: 37px 50px; position: relative; }
.zlbut img { top: 41px; right: 102px; }
.zlbut:hover img { right: 93px; }

.zlbut2 { width: 320px; padding: 24px 50px; position: relative; }
.zlbut2 img { top: 29px; right: 102px; }
.zlbut2:hover img { right: 93px; }

.solutextjt { width: 635px; }
.solutextjt p { line-height: 28px; margin-bottom: 3px; padding-left: 32px; background: url(../img/jiantou.png) left 12px no-repeat; }
.solutextjt span { display: inline-block; }
.solbottom { width: 232px; padding: 25px 0px 25px 50px; }
.solbottom_yuan a { display: inline-block; padding: 0px 30px; line-height: 60px; height: 60px; border: #c6c6c6 solid 4px; background: #FFFFFF; font-size: 24px; color: #bcbcbc; border-radius: 60px; margin-right: 20px; }
.solbottom span { margin-left: 55px; width: 24px; height: 16px; background: url(../img/next.png) no-repeat; background-size: 100% auto; }
.solbottom_yuan a.on { border: #ff7300 solid 4px; color: #ff7300; }
.solbottom_yuan a:hover { border: #ff7300 solid 4px; color: #ff7300; }
.solbottom:hover { }
.solbottom:hover span { margin-left: 70px; }


.solutnr5 { height: 808px; width: calc(100% - 157px); }
.solutnr5_right { padding: 105px 63px; float: right; }
.sol5textimg { height: 808px; width: 50%; left: 0px; top: 0px }


.solutnr6 { height: 808px; width: calc(100% - 157px); margin-left: 157px; }
.solutnr6_left { padding: 105px 63px; }
.sol6textimg { height: 808px; width: 50%; right: 0px; top: 0px }

.solutnr7 { height: 808px; width: calc(100% - 157px); }
.solutnr7_right { padding: 105px 63px; float: right; }
.sol7textimg { height: 808px; width: 50%; left: 0px; top: 0px }

.solutnr3 { /* height: 826px; */ }
.mr20 { margin-right: 20px; }
.sysleft { left: 50px; top: 187px; z-index: 9; width: 58px; height: 76px; background: url(../img/sysleft.png) no-repeat; opacity: 0; }
.sysleft:hover { background: url(../img/sysleft2.png) no-repeat; }
.sysright { right: 50px; top: 187px; z-index: 9; width: 58px; height: 76px; background: url(../img/sysright.png) no-repeat; opacity: 0; }
.sysright:hover { background: url(../img/sysright2.png) no-repeat; }
.solutnr3:hover .sysleft, .solutnr3:hover .sysright { opacity: 1; }
.solutnr3:hover .swiper-button-disabled { opacity: 0.3; }

.sol2nr1 { height: 550px; }
.sol2nr1 > .w1165 { height: 550px; }
.sol2nr1i1 { top: 150px; left: -50px; width: 65.7%; }
.sol2nr1wb { bottom: 70px; right: 20px; z-index: 3; }
.sol2nr1wb > div { margin-bottom: 10px; }
.sol2nr1wb > div i { background: #4b6a85; border-radius: 100px; width: 17px; padding-right: 4px; height: 21px; margin-top: 3px; margin-right: 10px; }
.sol2nr1wb > div:last-child { margin-bottom: 0px; }
.sol2nr1wb2 { width: 565px; height: 550px; }
.sol2nr1wb2 > div > div { margin-bottom: 30px; }
.sol2nr1wb2 > div > div:last-child { margin-bottom: 0px; }
.sol2nr1wb2 > div > div i { border: #fff solid 1px; border-radius: 100px; width: 17px; padding-right: 4px; height: 21px; margin-top: 3px; margin-right: 10px; }

.sol2nr1wb3 { width: calc(100% - 725px); padding: 50px 80px 0px 80px; }
.sol2nr1wb3img > div { width: 50%; }

.sol2nr1bg { background: url(../img/sol2nr1bg.jpg) no-repeat; }

.sol2nr1wb4 { width: 900px; height: 550px; top: 0px; left: -285px; }
.sol2nr1wb4 > div:nth-child(1) { opacity: 0.79; }
.sol2nr1wb4 > div:nth-child(2) { opacity: 0.9; mix-blend-mode: multiply; }
.sol2nr1wb4 > div:nth-child(3) { left: 305px; top: 50px; width: 550px; }

.sol2nr1wb5 { }
.sol2nr1wb5 > div { margin-bottom: 10px; }
.sol2nr1wb5 > div:last-child { margin-bottom: 0px; }
.sol2nr1wb5 > div i { border: #fff solid 1px; border-radius: 100px; width: 17px; padding-right: 4px; height: 21px; margin-top: 3px; margin-right: 10px; }
.sol2nr1wb5 > div p { width: calc(100% - 50px); }
.sysimgtab { width: 1274px; padding: 0px 20px; position: relative; }

.systabimg1 { }
.cplist { }
.cplist > div { margin-bottom: 110px; }
.cplist > div:last-child { margin-bottom: 0px; }
.ydpr1, .ydpr2, .ydpr3, .ydpr4, .ydpr5, .ydpr6, .ydpr7, .ydpr8, .ydpr9, .ydpr10, .ydpr11, .ydpr12, .ydpr13, .ydpr14, .ydpr15, .ydpr16, .ydpr17, .ydpr18 { border-radius: 100px; box-shadow: -10px 10px 20px rgba(0, 0, 0, 0.35); }
.ydpr1 { left: 527px; top: 285px; -webkit-animation: ydpr 3s infinite ease; animation: ydpr 3s infinite ease; -ms-animation: ydpr 3s infinite ease; }

.rk { width: 155px; height: 44px; bottom: 227px; right: 100px; z-index: 3; }

.top { width: 43px; height: 44px; bottom: 227px; right: 50px; background: url(../img/top.jpg) no-repeat; background-size: 100% auto; z-index: 3; }
.top:hover { background-position: 0px -44px; }

@-webkit-keyframes ydpr {
    0% { -webkit-transform: translate(0%,0%) scale(0.5); }
    100% { -webkit-transform: translate(0%,0%) scale(1); }
}

@keyframes ydpr {
    0% { transform: translate(0%,0%) scale(0.5); }
    100% { transform: translate(0%,0%) scale(1); }
}

@-ms-keyframes ydpr {
    0% { -ms-transform: translate(0%,0%) scale(0.5); }
    100% { -ms-transform: translate(0%,0%) scale(1); }
}

.ydpr2 { left: 97px; top: 74px; -webkit-animation: ydpr 3s infinite ease; animation: ydpr 3s infinite ease; -ms-animation: ydpr 3s infinite ease; }
.ydpr3 { left: 210px; top: 106px; -webkit-animation: ydpr 3s infinite ease; animation: ydpr 3s infinite ease; -ms-animation: ydpr 3s infinite ease; }
.ydpr4 { left: 651px; top: 70px; -webkit-animation: ydpr 3s infinite ease; animation: ydpr 3s infinite ease; -ms-animation: ydpr 3s infinite ease; }
.ydpr5 { left: 1134px; top: 132px; -webkit-animation: ydpr 3s infinite ease; animation: ydpr 3s infinite ease; -ms-animation: ydpr 3s infinite ease; }

.ydpr6 { left: 1070px; top: -5px; -webkit-animation: ydpr 3s infinite ease; animation: ydpr 3s infinite ease; -ms-animation: ydpr 3s infinite ease; }
.ydpr7 { left: 750px; top: 299px; -webkit-animation: ydpr 3s infinite ease; animation: ydpr 3s infinite ease; -ms-animation: ydpr 3s infinite ease; }
.ydpr8 { left: 435px; top: 460px; -webkit-animation: ydpr 3s infinite ease; animation: ydpr 3s infinite ease; -ms-animation: ydpr 3s infinite ease; }
.ydpr9 { left: 445px; top: -5px; -webkit-animation: ydpr 3s infinite ease; animation: ydpr 3s infinite ease; -ms-animation: ydpr 3s infinite ease; }
.ydpr10 { left: 1075px; top: -5px; -webkit-animation: ydpr 3s infinite ease; animation: ydpr 3s infinite ease; -ms-animation: ydpr 3s infinite ease; }
.ydpr11 { left: 445px; top: 451px; -webkit-animation: ydpr 3s infinite ease; animation: ydpr 3s infinite ease; -ms-animation: ydpr 3s infinite ease; }

.ydpr12 { left: 210px; top: 185px; -webkit-animation: ydpr 3s infinite ease; animation: ydpr 3s infinite ease; -ms-animation: ydpr 3s infinite ease; }
.ydpr13 { left: 750px; top: 148px; -webkit-animation: ydpr 3s infinite ease; animation: ydpr 3s infinite ease; -ms-animation: ydpr 3s infinite ease; }
.ydpr14 { left: 650px; top: 404px; -webkit-animation: ydpr 3s infinite ease; animation: ydpr 3s infinite ease; -ms-animation: ydpr 3s infinite ease; }
.ydpr15 { left: 1170px; top: 344px; -webkit-animation: ydpr 3s infinite ease; animation: ydpr 3s infinite ease; -ms-animation: ydpr 3s infinite ease; }
.ydpr16 { left: 210px; top: 182px; -webkit-animation: ydpr 3s infinite ease; animation: ydpr 3s infinite ease; -ms-animation: ydpr 3s infinite ease; }
.ydpr17 { left: 515px; top: 400px; -webkit-animation: ydpr 3s infinite ease; animation: ydpr 3s infinite ease; -ms-animation: ydpr 3s infinite ease; }
.ydpr18 { left: 758px; top: 400px; -webkit-animation: ydpr 3s infinite ease; animation: ydpr 3s infinite ease; -ms-animation: ydpr 3s infinite ease; }

.ydpr1s { left: 751px; top: 222px; -webkit-animation: ydprs 1s infinite ease; animation: ydprs 1s infinite ease; -ms-animation: ydprs 1s infinite ease; }

@-webkit-keyframes ydprs {
    0%,70% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes ydprs {
    0%,70% { opacity: 0; }
    100% { opacity: 1; }
}

@-ms-keyframes ydprs {
    0%,70% { opacity: 0; }
    100% { opacity: 1; }
}

.ydpr2s { left: 1351px; top: -8px; -webkit-animation: ydprs 1s infinite ease; animation: ydprs 1s infinite ease; -ms-animation: ydprs 1s infinite ease; }
.ydpr3s { left: 527px; top: 491px; -webkit-animation: ydprs 1s infinite ease; animation: ydprs 1s infinite ease; -ms-animation: ydprs 1s infinite ease; }
.ydpr4s { left: 655px; top: 11px; -webkit-animation: ydprs 1s infinite ease; animation: ydprs 1s infinite ease; -ms-animation: ydprs 1s infinite ease; }
.ydpr5s { left: 1233px; top: -38px; -webkit-animation: ydprs 1s infinite ease; animation: ydprs 1s infinite ease; -ms-animation: ydprs 1s infinite ease; }

.aboutnav { height: 0px; left: 0px; top: 204px; }
.aboutnavs { height: 0px; }
.aboutnav.on { height: 100px; }
.aboutnav.num3 > div { margin-right: 280px; }
.aboutnav.num3 > div:last-child { margin-right: 0px; }
.aboutnav.num4 > div { margin-right: 220px; }
.aboutnav.num4 > div:last-child { margin-right: 0px; }
.aboutnav.num6 > div { margin-right: 100px; }
.aboutnav.num6 > div:last-child { margin-right: 0px; }
.aboutnav > div > span { bottom: 0px; left: 0px; width: 100%; height: 5px; opacity: 0; }
.aboutnav > div:last-child { margin-right: 0px; }
.aboutnav > div:hover, .aboutnav > div.on { color: #ff7300; }
.aboutnav > div:hover > span, .aboutnav > div.on > span { opacity: 1; }

.int1bg { top: 0px; left: 345px; width: 1800px; height: 690px; background: #e5e5e5; }
.int1xt { width: 105px; height: 5px; margin-right: 90px; margin-top: 15px; }
.int1txt { width: 670px; margin-right: 67px; }
.inti1 { top: 0px; left: 932px; }

.int2 { background: url(../img/inti2.jpg) no-repeat center; height: 660px; }
.int2 li { width: calc(10% - 0px); background: url(../img/xx.png) no-repeat right; float: left; }
.int2 li:nth-child(6) { background: none; }
.int2 li .int2bg { background: rgba(0,0,0,0.4); }
.int2 li .int2nr > div > div:nth-child(1) { -webkit-transform: rotate(90deg); transform: rotate(90deg); -ms-transform: rotate(90deg); margin-bottom: 55px; margin-top: 60px; }
.int2 li .int2nron { opacity: 0; }
.int2 li .int2nron > div { top: 85px; left: 90px; }
.int2 li .int2nron > div > div:nth-child(1) { margin-bottom: 11px; }
.int2 li .int2nron > div > div:nth-child(2) { line-height: 48px; }
.int2 li .int2nron > div > div:nth-child(3) { top: 318px; left: 0px; }

.int2 li.on { width: 50%; }
.int2 li.on .int2bg { background: rgba(255, 115, 0, 0.8); }
.int2 li.on .int2nr { opacity: 0; }
.int2 li.on .int2nron { opacity: 1; }

.int3 > div { height: 500px; margin-bottom: 130px; }
.int3 > div.h556 { height: 556px; margin-bottom: 0px; }
.int3 > div.h560 { height: 560px; margin-bottom: 0px; }
.int3 > div.h422 { height: 422px; }
.int3 > div.h460 { height: 460px; }
.int3 > div.h450 { height: 450px; }
.int3 > div.h475 { height: 475px; margin-bottom: 80px; }
.int3 > div.h536 { height: 511px; margin-bottom: 100px; }
.int3 > div.h550 { height: 550px; margin-bottom: 80px; }
.int3 > div.h595 { height: 595px; margin-bottom: 80px; }
.int3 > div.h600 { height: 600px; margin-bottom: 140px; }
.int3 > div img { top: 0px; right: 50%; }
.int3 > div.h460 img, .int3 > div.h550 img, .int3 > div.h475 img, .int3 > div.h595 img { right: 54%; }
.int3 > div .int3nr { width: calc(50% - 95px); right: 0px; top: 0px; height: 100%; }
.int3 > div.h460 .int3nr, .int3 > div.h550 .int3nr, .int3 > div.h475 .int3nr, .int3 > div.h595 .int3nr { width: calc(50% - 65px); }

.intidiv { width: 572px; height: 500px; background: url(../img/intibg.jpg) no-repeat; background-size: auto 100%; top: 0px; left: 0px; }
.intidiv img { max-width: 90%; }
.int3 > div.h550:nth-child(2n) .intidiv { left: 54%; }

.int3nrxian { width: 55px; height: 5px; }


.int3 > div:nth-child(2n) img { right: auto; left: 50%; }
.int3 > div.h460:nth-child(2n) img, .int3 > div.h550:nth-child(2n) img, .int3 > div.h475:nth-child(2n) img, .int3 > div.h595:nth-child(2n) img { left: 54%; }
.int3 > div:nth-child(2n) .int3nr { width: calc(50% - 95px); right: auto; left: 0px; height: 100%; }
.int3 > div.h460:nth-child(2n) .int3nr, .int3 > div.h550:nth-child(2n) .int3nr, .int3 > div.h475:nth-child(2n) .int3nr, .int3 > div.h595:nth-child(2n) .int3nr { width: calc(50% - 210px); left: 135px; }
.int3bg { width: 82%; top: 0px; left: 0px; }
.int3bg.on { left: auto; right: 0px; }


.int4xian { width: 105px; height: 5px; margin-top: 14px; }
.int4nr1 { width: 500px; margin-left: 80px; }
.int4nr2 { width: calc(100% - 800px); margin-left: 80px; }

.sasenr1 { overflow: hidden; }
.sasenr1.on a { display: none; }
.sasenr1.on a:nth-child(1),
.sasenr1.on a:nth-child(2),
.sasenr1.on a:nth-child(3),
.sasenr1.on a:nth-child(4),
.sasenr1.on a:nth-child(5),
.sasenr1.on a:nth-child(6) { display: block; }
.sasenr1 > a { float: left; margin-bottom: 50px; width: calc(50% - 50px); margin-right: 100px; }
.sasenr1 > a:nth-child(2n) { margin-right: 0px; }

.swiper-container.sasesw { width: 55%; margin-top: 100px; height: 405px; }
.sasesw .swiper-slide { height: 400px; }
.saseswtxt { width: 34%; margin-left: 5%; margin-top: 100px; height: 400px; }
#sasesw > div > div { height: 620px; }
.saseswtxtgdt { height: 350px; overflow-y: auto; overflow-x: hidden; }

.saseswtxtgdt::-webkit-scrollbar { width: 2px; background-color: #F5F5F5; }
.saseswtxtgdt::-webkit-scrollbar-track { background-color: #d2d2d2; }
.saseswtxtgdt::-webkit-scrollbar-thumb { background-color: #ff7300; }

.saseswtxtgdt::scrollbar { width: 2px; background-color: #F5F5F5; }
.saseswtxtgdt::scrollbar-track { background-color: #d2d2d2; }
.saseswtxtgdt::scrollbar-thumb { background-color: #ff7300; }

.saseswtxtgdt::-ms-scrollbar { width: 2px; background-color: #F5F5F5; }
.saseswtxtgdt::-ms-scrollbar-track { background-color: #d2d2d2; }
.saseswtxtgdt::-ms-scrollbar-thumb { background-color: #ff7300; }

.saseswtxtgdt { scrollbar-track-color: #d2d2d2; scrollbar-base-color: #ff7300; }

#sasesw .swiper-pagination { top: 522px; left: 0px; width: 107%; opacity: 1; }
#sasesw .swiper-pagination-bullet { width: 10px; height: 10px; opacity: 1; background: #eeeeee; margin: 0px 7px; }
#sasesw .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #ff7300; }
#sasesw .gb { top: 50px; right: 50px; z-index: 3; }

.pronav { margin-top: -204px; z-index: 3; }

/*.banneimg{ opacity: 0; }
.banneimg.on{ opacity: 1; }*/
.pronavli { }
.pronavliico { width: 82px; height: 75px; }
.pronavliico > div:nth-child(1) { opacity: 1; }
.pronavliico > div:nth-child(2) { opacity: 0; }
.pronavlitxt { margin-bottom: 71px; margin-top: 26px; }
.pronavlixian { opacity: 0; }
.pronavbx { width: 3px; background: rgba(255,255,255,0.2); height: 18px; margin: 25px 80px 0px 80px; }

.pronavli:hover .pronavliico > div:nth-child(1), .pronavli.on .pronavliico > div:nth-child(1) { opacity: 0; }
.pronavli:hover .pronavliico > div:nth-child(2), .pronavli.on .pronavliico > div:nth-child(2) { opacity: 1; }
.pronavli:hover .pronavlitxt, .pronavli.on .pronavlitxt { color: #ff7300; }
.pronavli:hover .pronavlixian, .pronavli.on .pronavlixian { opacity: 1; }

.pronavli:hover .aboutnav, .pronavli.on .aboutnav { height: 100px; }
.pronavli:hover .aboutnav { z-index: 9; }
.aboutnavs.on, .aboutnavs.hover { height: 100px; }

.pro5 { width: 483px; height: 678px; border-right: #eeeeee solid 2px; }
.pro5img { top: 67px; left: -68px; }
.pro5nr { top: 406px; left: 70px; width: 295px; }

.pro5more { width: 72px; height: 72px; bottom: 0px; right: 0px; }
.pro5more img { margin-left: -10px; }
.pro5more:hover img { margin-left: 10px; }
.pro67 { width: calc(100% - 485px); }
.pro6 { height: 340px; border-bottom: #eeeeee solid 2px; background: #f8f8f8; }
.pro6img { top: 60px; left: 431px; }
.pro6nr { top: 88px; left: 73px; width: 300px; }
.pro7 { height: 337px; background: #f8f8f8; }
.pro7img { top: 80px; left: -103px; }
.pro7nr { top: 35px; left: 524px; }

.procp { }
.procp a { margin-right: 20px; float: left; width: calc(100%/4 - 20px); height: 450px; }
.procp a:nth-child(4n) { margin-right: 0px; }
.procpimg { height: 320px; border: #f8f8f8 solid 1px; background: #f8f8f8; }
.procpimg img { max-width: 100%; max-height: 100%; }
.procptext { margin-top: 25px; text-align: center; }
.procptext > div:nth-child(2) { display: none; }

.procp a:hover .procpimg { box-shadow: 0px 0px 10px rgba(0,0,0,0.3); border: #ff7300 solid 1px; background: #fff; }

.disbannebut1 { width: 380px; height: 90px; border: #ff7300 solid 4px; }
.disbannebut1:hover, .disbannebut1.on { background: rgba(238,128,0,0.8); color: #fff; }

.disnr1 { width: 35%; margin-left: 35px; }
.disnr2 { width: calc(100% - 800px); margin-right: 70px; }
.disnr3 { width: calc(100% - 140px); margin-left: 35px; }
.disxian { margin-top: 14px; }
.disi1 { max-width: 50%; right: 0px; bottom: 0px; }

.disform { }
.disform > div { height: 140px; }
.disform > div.n3 { width: 33%; }
.disform > div.n2 { width: 50%; }
.disform > div.on { height: auto; }
.disinput { margin-top: 15px; }
.errors { padding-left: 25px; margin-top: 3px; opacity: 0; }
.disinput input { position: relative; z-index: 3; width: calc(100% - 150px); margin: 0px 5px 0px 0px; color: #666464; padding: 7px 25px; border: none; border-bottom: #e5e5e5 solid 1px; background: none; -webkit-appearance: none; }
.disinput input.on { border-bottom: #ff7300 solid 1px; }
.disinput input.w1 { width: 100px; }
.disinput img { margin-top: 5px; opacity: 0; }
.required { opacity: 0; }

.selectjt { top: 0px; right: 100px; width: 25px; }
.selectjt.ts { right: 0px; }
.selectjt span { width: 11px; height: 6px; background: url(../img/selectjt.png) no-repeat; }
.selectjt.on span { width: 11px; height: 6px; background: url(../img/selectjton.png) no-repeat; -webkit-transform: rotate(180deg); transform: rotate(180deg); -ms-transform: rotate(180deg); }

.select { z-index: 3; max-height: 316px; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); overflow-y: auto; overflow-x: hidden; }
.select li { padding: 13px 25px; }
.select li:hover { background: #eee; }

.select::-webkit-scrollbar { width: 2px; background-color: #F5F5F5; }
.select::-webkit-scrollbar-track { background-color: #d2d2d2; }
.select::-webkit-scrollbar-thumb { background-color: #ff7300; }

.select::scrollbar { width: 2px; background-color: #F5F5F5; }
.select::scrollbar-track { background-color: #d2d2d2; }
.select::scrollbar-thumb { background-color: #ff7300; }

.select::-ms-scrollbar { width: 2px; background-color: #F5F5F5; }
.select::-ms-scrollbar-track { background-color: #d2d2d2; }
.select::-ms-scrollbar-thumb { background-color: #ff7300; }

.select { scrollbar-track-color: #d2d2d2; scrollbar-base-color: #ff7300; }


.ccgd { max-height: 440px; overflow-y: auto; overflow-x: hidden; padding-right: 100px; }

.ccgd::-webkit-scrollbar { width: 2px; background-color: #F5F5F5; }
.ccgd::-webkit-scrollbar-track { background-color: #d2d2d2; }
.ccgd::-webkit-scrollbar-thumb { background-color: #ff7300; }

.ccgd::scrollbar { width: 2px; background-color: #F5F5F5; }
.ccgd::scrollbar-track { background-color: #d2d2d2; }
.ccgd::scrollbar-thumb { background-color: #ff7300; }

.ccgd::-ms-scrollbar { width: 2px; background-color: #F5F5F5; }
.ccgd::-ms-scrollbar-track { background-color: #d2d2d2; }
.ccgd::-ms-scrollbar-thumb { background-color: #ff7300; }

.ccgd { scrollbar-track-color: #d2d2d2; scrollbar-base-color: #ff7300; }


.distextarea textarea { background: #f8f8f8; padding: 20px 25px; height: 200px; margin: 0px; border: none; width: calc(100% - 150px); margin-right: 100px; -webkit-appearance: none; }
.disradio { width: 21px; height: 21px; background: url(../img/radiois.png) no-repeat; background-size: 100% auto; margin-top: 8px; }
.disradio.on { background: url(../img/radioion.png) no-repeat; background-size: 100% auto; }
.disbut2 { width: 280px; height: 73px; border: #ff7300 solid 1px; margin-left: 40px; }

.sersearch { }
.sersearch.on { box-shadow: 0px 0px 30px rgba(0,0,0,0.3); }
.sersearch input { padding: 39px 230px 39px 115px; width: 100%; margin: 0px; border: none; -webkit-appearance: none; }
.serssi { top: 0px; left: 0px; height: 100%; width: 115px; }
.ssbut { top: 10px; right: 10px; bottom: 10px; width: 210px; }

.sertypebg { background: rgba(255,255,255,0.3); height: 70px; margin-top: 16px; padding: 0px 25px; }
.sertypebg.baidi { background: #fff; }
.sertypetxt { width: calc(100% - 31px); margin-right: 10px; line-height: 1; }
.sertypexsj { width: 21px; height: 13px; background: url(../img/xsj2.png) no-repeat; }
.sertypebg.baidi .sertypexsj { background: url(../img/xsj2s1.png) no-repeat; }
.sertypebg.on .sertypexsj { background: url(../img/xsj2s.png) no-repeat; -webkit-transform: rotate(180deg); transform: rotate(180deg); -ms-transform: rotate(180deg); }
.sertype > div { margin-right: 2%; width: 19%; }
.sertype.on > div { width: 32%; }
.sertype > div:last-child { margin-right: 0px; }

.sertypebg.off .sertypetxt { opacity: 0.3; }
.sertypebg.off .sertypexsj { opacity: 0.3; }

.serbut2 { width: 304px; height: 67px; }
.serradiois { width: 20px; height: 20px; background: url(../img/radiois.png) no-repeat; background-size: 100% auto; }
.serradiois.on { background: url(../img/radioion.png) no-repeat; background-size: 100% auto; }

.serradiois2 { width: 20px; height: 20px; background: url(../img/radiois2.png) no-repeat; background-size: 100% auto; }
.serradiois2.on { background: url(../img/radioion.png) no-repeat; background-size: 100% auto; }

.serradxz { margin-top: 25px; margin-left: 28px; }
.serradxz.on .serradiois { background: url(../img/radioion.png) no-repeat; background-size: 100% auto; }

.serlisttitle { padding-bottom: 20px; border-bottom: #dcdcdc solid 2px; }
.serlisttitle > div { margin-right: 30px; }
.serlisttitle > div:nth-child(1) { width: 80px; }
.serlisttitle > div:nth-child(2) { width: 175px; }
.serlisttitle > div:nth-child(2).off { width: 380px; }
.serlisttitle > div:nth-child(3) { width: 175px; }

.serlisttitle > div:nth-child(4) { width: 175px; }
.serlisttitle > div:nth-child(5) { width: 175px; }
.serlisttitle > div:nth-child(6) { width: 100px; }
.serlisttitle > div:nth-child(6).off { width: 150px; }
.serlisttitle > div:nth-child(7) { width: 135px; }
.serlisttitle > div:nth-child(8) { width: 150px; }
.serlisttitle > div:nth-child(9) { width: 100px; margin-right: 0px; }


.dowtypelist { }
.dowtypelist > div { width: 32%; margin-right: 2%; height: 400px; background: #f8f8f8; float: left; }
.dowtypelist > div:nth-child(3n) { margin-right: 0px; }
.dowtypelist > div .bsbg { background-image: -moz-linear-gradient( 90deg, rgb(238,120,0) 0%, rgb(255,148,39) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(238,120,0) 0%, rgb(255,148,39) 100%); background-image: -ms-linear-gradient( 90deg, rgb(238,120,0) 0%, rgb(255,148,39) 100%); box-shadow: 8.947px 13.265px 15.2px 0.8px rgba(0, 0, 0, 0.16); opacity: 0; }

.dowtypelistimg { width: 152px; height: 124px; }
.dowtypelistimg > div:nth-child(2) { opacity: 0; }

.dowtypelistsz { font-size: 160px; top: -72px; left: -21px; color: #fff; opacity: 0.6; }
.dowtypelist .wb { color: #ff7300; }
.dowtypelist > div:hover { margin-top: -20px; color: #fff; }
.dowtypelist > div:hover .bsbg { opacity: 1; }
.dowtypelist > div:hover .dowtypelistsz { opacity: 0.1; }
.dowtypelist > div:hover .dowtypelistimg > div:nth-child(1) { opacity: 0; }
.dowtypelist > div:hover .dowtypelistimg > div:nth-child(2) { opacity: 1; }
.dowtypelist > div:hover .wb { color: #fff; }



.hsjbut { }
.hsjbut .hsj { background: url(../img/hsj.png) no-repeat; width: 11px; height: 6px; }
.hsjbut.on { color: #ff7300; }
.hsjbut.on .hsj { background: url(../img/hsjs.png) no-repeat; -webkit-transform: rotate(180deg); transform: rotate(180deg); -ms-transform: rotate(180deg); }


.serlist { color: rgba(0,0,0,0.5); }
.serlist > div { height: 170px; border-bottom: #dcdcdc solid 2px; }

.serlistli > div { margin-right: 30px; word-wrap: break-word; word-break: normal; }
.serlistli > div:nth-child(1) { width: 80px; }
.serlistli > div:nth-child(2) { width: 175px; }
.serlistli > div:nth-child(3) { width: 175px; }
.serlistli > div:nth-child(4) { width: 175px; }
.serlistli > div:nth-child(5) { width: 175px; }
.serlistli > div:nth-child(6) { width: 100px; }
.serlistli > div:nth-child(7) { width: 135px; }
.serlistli > div:nth-child(8) { width: 150px; }
.serlistli > div:nth-child(9) { width: 100px; margin-right: 0px; }

.serlistli > div:nth-child(2).off { width: 380px; }
/*.serlistli>div:nth-child(3).off{ width: 330px; }*/
.serlistli > div:nth-child(6).off { width: 150px; }

.serlistli:hover { background: #fff; border-bottom: #fff solid 2px; box-shadow: 0px 0px 50px rgba(0,0,0,0.2); }
.serlistli.on .serradiois2 { background: url(../img/radioion.png) no-repeat; background-size: 100% auto; }

.ser3nr1 { }
.ser3nr1 > div { width: calc(33% - 1px); height: 300px; }
.ser3nr1 > span { width: 1px; height: 170px; background: #dcdcdc; }
.ser3nr1 > div:nth-child(1) > div:nth-child(1) { background: url(../img/ser3i1.jpg) no-repeat center; background-size: cover; opacity: 0; }
.ser3nr1 > div:nth-child(3) > div:nth-child(1) { background: url(../img/ser3i2.jpg) no-repeat center; background-size: cover; opacity: 0; }
.ser3nr1 > div:nth-child(5) > div:nth-child(1) { background: url(../img/ser3i3.jpg) no-repeat center; background-size: cover; opacity: 0; }

.sre3t1, .sre3t2, .sre3t3 { width: 81px; height: 78px; margin-bottom: 25px; }
.sre3t1 { background: url(../img/sre3t1s.png) no-repeat center; background-size: 100% auto; }
.sre3t2 { background: url(../img/sre3t2s.png) no-repeat center; background-size: 100% auto; }
.sre3t3 { background: url(../img/sre3t3s.png) no-repeat center; background-size: 100% auto; }

.ser3nr1 > div:hover { box-shadow: 0px 0px 20px rgba(0,0,0,0.2); color: #fff; }
.ser3nr1 > div:hover:nth-child(1) > div:nth-child(1),
.ser3nr1 > div:hover:nth-child(3) > div:nth-child(1),
.ser3nr1 > div:hover:nth-child(5) > div:nth-child(1) { opacity: 1; }
.ser3nr1 > div:hover .sre3t1 { background: url(../img/sre3t1.png) no-repeat center; background-size: 100% auto; }
.ser3nr1 > div:hover .sre3t2 { background: url(../img/sre3t2.png) no-repeat center; background-size: 100% auto; }
.ser3nr1 > div:hover .sre3t3 { background: url(../img/sre3t3.png) no-repeat center; background-size: 100% auto; }

.ser3nr2 { padding-bottom: 70px; }
.ser3nr2xt { width: 5%; margin-right: 2%; margin-top: 13px; }
.ser3nr2wb { width: 30%; margin-right: 2%; }
.sre3i2 { bottom: 0px; right: 0px; }

.ser3nr2bg { bottom: 0px; right: 0px; height: 100%; width: 78%; background: #e5e5e5; }


.ser3list { }
.ser3list li { margin-bottom: 75px; }
.ser3list li .ser3listimg { width: 50%; }
.ser3list li .ser3listnr { width: calc(50% - 90px); }
.ser3list li .ser3listtitle { padding-left: 23px; }
.ser3list li .ser3listtitle span { width: 5px; top: 10px; left: 0px; bottom: 5px; background: #ff7300; }
.ser3list li .ser3listfbt { padding-left: 23px; }
.ser3list li .ser3listfbut { margin-left: 23px; }

.ser3list li:nth-child(2n) .ser3listimg { float: right; }
.ser3list li:nth-child(2n) .ser3listnr { float: left; }

.sre3inr { margin-top: 120px; width: calc(50% + 30px); }

.sre3ititle { padding-left: 26px; }
.sre3ititle span { top: 16px; left: 0px; bottom: 16px; width: 5px; }

.sre3ixq { padding-left: 26px; }
.sre3ixq > div { margin-bottom: 20px; }
.sre3is { top: 0px; left: calc(50% + 120px); }
.sre3isimg { height: 850px; }


.newtitle { width: 710px; }
.newxian { width: 60px; }

.newl, .newr { width: 75px; height: 75px; background: #e5e5e5; margin-top: 9px; }
.newl.swiper-button-disabled, .newr.swiper-button-disabled { opacity: 0; }
.newl div, .newr div { position: absolute; bottom: -35px; width: 145px; opacity: 0; }
.newl div { right: 0px; }
.newr div { left: 0px; }
.newl.on, .newr.on { margin-top: 0px; }
.newl.on1, .newr.on1 { background: #fff; }
.newl:hover, .newr:hover { background: #ff7300; }
.newl:hover div, .newr:hover div { opacity: 1; }
.newl:hover img { margin-right: 15px; }
.newr:hover img { margin-left: 15px; }

#newsw1 { border-top: #e5e5e5 solid 3px; border-bottom: #e5e5e5 solid 3px; height: 425px; }
#newsw1 .swiper-slide > div { padding: 52px 0px 0px 75px; }
#newsw1 .swiper-slide.swiper-slide-active > div { padding: 52px 75px 0px 0px; }
#newsw1 .swiper-slide > div > div > div:nth-child(1) { margin-bottom: 16px; }
#newsw1 .swiper-slide > div > div > div:nth-child(2) { height: 58px; overflow: hidden; }
#newsw1 .swiper-slide > div > div > div:nth-child(3) { margin-top: 23px; padding-top: 14px; border-top: #e5e5e5 solid 3px; line-height: 31px; margin-bottom: 40px; height: 126px; overflow: hidden; }
#newsw1 .newa img { margin-left: 50px; }
#newsw1 .newa:hover img { margin-left: 65px; }
#newsw1 .swiper-slide > span { top: 0px; right: 0px; width: 3px; height: 100%; display: block; position: absolute; }
#newsw1 .swiper-slide.swiper-slide-active > span { background: #e5e5e5; }

#newsw2 { }
.swiper-pagination.px11 .swiper-pagination-bullet { background: #fff; opacity: 1; width: 11px; height: 11px; }
.swiper-pagination.px11 .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #ff7300; }

#newsw2 .imgrjts, #newsw2 .imgljts { opacity: 0; }
#newsw2:hover .imgrjts, #newsw2:hover .imgljts { opacity: 1; }

.newnr3t1 { width: 700px; height: 700px; }
.newnr3title { padding: 50px 65px; width: 360px; }
.newnr3fr { width: calc(100% - 740px); }
.newnr3t2, .newnr3t3 { width: 100%; height: 330px; }
.newnr3t2 { margin-bottom: 40px; }

.newnr3t1:hover .newnr3a, .newnr3t2:hover .newnr3a, .newnr3t3:hover .newnr3a { bottom: 0px; }

.newnr3a { width: 280px; height: 75px; bottom: -75px; right: 0px; }
.newnr3a div { width: 70px; }

.newnr3t1:hover a div img, .newnr3t2:hover a div img, .newnr3t3:hover a div img { margin-right: -15px; }

.new2bg { }
.new2bg.on { height: 655px; }
.new2list { margin: 0px auto; width: calc(100% - 80px); }
.new2list li { background: #fff; margin-bottom: 85px; }
.new2list li:hover { box-shadow: 0px 0px 50px rgba(0,0,0,0.2); }
.new2list li .new2listimg { height: 490px; width: 50%; }
.new2list li .new2listnr { height: 490px; width: 50%; }
.new2list li .new2listnr > div { padding: 73px 82px; }
.new2list li .new2listnr > div > div:nth-child(1) { margin-bottom: 17px; }
.new2list li .new2listnr > div > div:nth-child(2) { margin-bottom: 28px; max-height: 90px; }
.new2list li .new2listnr > div > div:nth-child(3) { line-height: 30px; max-height: 155px; }

.new2listnra { width: 280px; height: 75px; bottom: -75px; right: 0px; }
.new2listnra div { width: 70px; }
.new2list li:hover a div img { margin-right: -15px; }
.new2list li:hover .new2listnra { bottom: 0px; }

.new2more { width: 280px; height: 75px; }
.new2more div { width: 80px; }
.new2more:hover div img { margin-right: -15px; }

.news2time { margin-top: 104px; }

.new2distitle { line-height: 1.3; margin-top: 40px; margin-bottom: 70px; }

.new2but { width: 128px; height: 675px; }
.new2but.dn { display: none !important; }
.new2butu, .new2butd { width: 17px; height: 29px; bottom: 30px; }
.new2butu { background: url(../img/ljts.png) no-repeat; left: 28px; background-size: 100% auto; }
.new2butd { background: url(../img/rjts.png) no-repeat; right: 28px; background-size: 100% auto; }

#new2sw1 { width: calc(100% - 128px); height: 675px; }
.new2butu.swiper-button-disabled, .new2butd.swiper-button-disabled { opacity: .5; }
.news2nr { padding: 80px 140px; background: #fff; }
.news2nr img { max-width: 100%; height: auto !important; }

.sxye > div { width: 300px; }

.new2syy { margin-right: 60px; }
.new2syy i { width: 24px; height: 16px; background: url(../img/next4s.png) no-repeat; background-size: 100% auto; margin-right: 20px; }
.new2syy:hover { color: #ff7300; }
.new2syy:hover i { background: url(../img/next3s.png) no-repeat; background-size: 100% auto; margin-right: 35px; }

.new2xyy i { width: 24px; height: 16px; background: url(../img/next4.png) no-repeat; background-size: 100% auto; margin-left: 20px; }
.new2xyy:hover { color: #ff7300; }
.new2xyy:hover i { background: url(../img/next3.png) no-repeat; background-size: 100% auto; margin-left: 35px; }

.whixx { margin-left: 50px; }
.whixx i { width: 27px; height: 27px; background: url(../img/radioi.png) no-repeat; background-size: 100% auto; margin-right: 10px; display: block; }
.whixx.on { color: #ff7300; }
.whixx.on i { background: url(../img/radioion.png) no-repeat; background-size: 100% auto; }

#whisw1, #whisw2 { height: 645px; }
#whisw1 .swiper-container, #whisw2 .swiper-container { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
#whisw1 .swiper-slide, #whisw2 .swiper-slide { width: 320px; }
#whisw1 .swiper-slide > div, #whisw2 .swiper-slide > div { position: absolute; top: 95px; left: 0px; width: 100%; width: 320px; height: 345px; }
#whisw1 .swiper-slide.swiper-slide-active, #whisw2 .swiper-slide.swiper-slide-active { /* width: 391px; */ }
#whisw1 .swiper-slide.swiper-slide-active > div, #whisw2 .swiper-slide.swiper-slide-active > div { /* width: 365px;   */ height: 450px; box-shadow: 0px 0px 10px rgba(0,0,0,0.3); }

#whisw1 .swiper-slide.swiper-slide-active .whinr1titletxt, #whisw2 .swiper-slide.swiper-slide-active .whinr1titletxt { width: calc(100% - 120px); }

#whisw1 .swiper-slide > div:hover, #whisw2 .swiper-slide > div:hover { box-shadow: 0px 0px 10px rgba(0,0,0,0.3); }

.whisw1ud { top: 460px; left: 376px; z-index: 9; }

.tabbg1 { background-image: -moz-linear-gradient( 45deg, rgb(0,143,152) 0%, rgb(0,225,233) 100%); background-image: -webkit-linear-gradient( 45deg, rgb(0,143,152) 0%, rgb(0,225,233) 100%); background-image: -ms-linear-gradient( 45deg, rgb(0,143,152) 0%, rgb(0,225,233) 100%); }

.tabbg2 { background-image: -moz-linear-gradient( 45deg, rgb(95,0,176) 0%, rgb(84,43,236) 100%); background-image: -webkit-linear-gradient( 45deg, rgb(95,0,176) 0%, rgb(84,43,236) 100%); background-image: -ms-linear-gradient( 45deg, rgb(95,0,176) 0%, rgb(84,43,236) 100%); }

.tabbg3 { background-image: -moz-linear-gradient( 45deg, rgb(0,50,176) 0%, rgb(47,130,243) 100%); background-image: -webkit-linear-gradient( 45deg, rgb(0,50,176) 0%, rgb(47,130,243) 100%); background-image: -ms-linear-gradient( 45deg, rgb(0,50,176) 0%, rgb(47,130,243) 100%); }

.tabbg4 { background-image: -moz-linear-gradient( 45deg, rgb(1,105,52) 0%, rgb(38,201,46) 100%); background-image: -webkit-linear-gradient( 45deg, rgb(1,105,52) 0%, rgb(38,201,46) 100%); background-image: -ms-linear-gradient( 45deg, rgb(1,105,52) 0%, rgb(38,201,46) 100%); }

.tabbg5 { background: #cce198; }
.tabbg6 { background: #84ccc9; }
.tabbg7 { background: #8c97cb; }
.tabbg8 { background: #facd89; }
.whitabbg5s { background: url(../img/whitabbg5s.jpg) no-repeat bottom left; background-size: 100% auto; }

.whinr1title { margin-top: 45px; position: relative; min-height: 32px; }
.whinr1titlebg { width: 10px; height: 32px; position: absolute; top: 0px; left: 0px; }
.whinr1titletxt { width: calc(100% - 80px); margin-left: 35px; }
.whinr1titlexz { background: url(../img/dow2i.png) no-repeat; background-size: 100% auto; width: 39px; height: 39px; opacity: 0; position: absolute; top: 20px; right: 20px; }
#whisw1 .swiper-slide.swiper-slide-active .whinr1titlexz, #whisw2 .swiper-slide.swiper-slide-active .whinr1titlexz { opacity: 1; }
.whitabbg1 { background: url(../img/whitabbg1.png) no-repeat top left; background-size: 100% auto; }
.whitabbg2 { background: url(../img/whitabbg2.png) no-repeat top left; background-size: 100% auto; }
.whitabbg3 { background: url(../img/whitabbg3.png) no-repeat top left; background-size: 100% auto; }
.whitabbg4 { background: url(../img/whitabbg4.png) no-repeat top left; background-size: 100% auto; }
.whitabbg1s { background: url(../img/whitabbg1s.png) no-repeat bottom left; background-size: 100% auto; }

#whisw1 .swiper-slide > div, #whisw2 .swiper-slide > div { cursor: pointer }
#whisw1 .swiper-slide > div:hover .whinr1titlexz, #whisw2 .swiper-slide > div:hover .whinr1titlexz { background: url(../img/dow2ion.png) no-repeat; background-size: 100% auto; }

.whibanne { display: none; }
.new2bg.on .whibanne { background: url(../img/whibanne.jpg) no-repeat; display: block; }

/* #websw1{ height: 680px; } */
#websw1 .swiper-pagination-bullet { background: #fff; opacity: 1; width: 10px; height: 10px; }
#websw1 .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #ff7300; }

.webplay { height: 618px; }
.webplaybg { background: rgba(0,0,0,0.7); }

.webi5 { background: #d8d8d8; height: 580px; }

#websw2 { height: 700px; }
#websw2 .swiper-slide { height: 650px; }
#websw2 .swiper-pagination-bullet { background: #eee; opacity: 1; width: 10px; height: 10px; }
#websw2 .swiper-pagination.on .swiper-pagination-bullet { background: #fff; }
#websw2 .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #ff7300; }
#websw2 .swiper-pagination.on .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #ff7300; }

#websw2.swiper-container-horizontal > .swiper-pagination-bullets { right: 0px; left: auto; width: auto; }

.seblist { }
.seblist li { margin-bottom: 110px; }
.seblist li .seblistxt { width: 60px; margin-bottom: 10px; }
.seblistnr { }
.seblistnr > div:nth-child(1) { width: 205px; margin-right: 30px; }
.seblistnr > div:nth-child(1) > div { bottom: -33px; left: 0px; }
.seblistnr > div:nth-child(2) { width: 470px; }
.seblistnr > div:nth-child(2) img { }
.seblistnr > div:nth-child(3) { width: 135px; }
.seblistnr > div:nth-child(4) { width: 280px; height: 73px; border: #ff7300 solid 1px; margin-left: 75px; }

.calendartxt:hover .calendar { display: block; }
.calendar { display: none; padding: 20px 20px; z-index: 3; top: -18px; left: 150px; width: 505px; box-shadow: 0px 0px 20px rgba(0,0,0,0.2); }
.calendarspan { top: 0px; left: -13px; width: 0; height: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-right: 30px solid #fff; }
.calendarjs { width: calc(100% - 100px); }
.calendarhover { width: 100px; height: 40px; top: 10px; left: -50px; display: block; }

.shache > div { width: 21px; height: 27px; background: url(../img/shache.png) no-repeat; margin-right: 20px; }
.shache:hover > div { background: url(../img/shacheon.png) no-repeat; }
.shache:hover { background: #ff7300; color: #fff; }

.seblisplay { width: 80%; }
.seblisplay div { width: calc(100% - 45px); margin-left: 15px; }
.seblisplay.on img { opacity: 0; }

.webi3 { height: 685px; background: url(../img/webi3.jpg) no-repeat; background-size: cover; }
.webnr3title { top: 155px; left: 20px; }
.webnr3but { top: 370px; left: 20px; }

#webnr3sw { position: absolute; top: 105px; left: 430px; width: 100%; height: 460px; }
#webnr3sw .swiper-slide { width: 345px; background: #fff; }
#webnr3sw .swiper-slide > div { padding: 45px 40px; }
#webnr3sw .swiper-slide.video .webnr3tb, #webnr3sw .swiper-slide.data .webnr3tb { bottom: 45px; right: 40px; width: 50px; height: 50px; }
#webnr3sw .swiper-slide.video .webnr3tb { background: url(../img/bofangon.png) no-repeat; background-size: 100% auto; }
#webnr3sw .swiper-slide.data .webnr3tb { background: url(../img/dow1ion.png) no-repeat; background-size: 100% auto; }
#webnr3sw .swiper-slide:hover { background: #ff7300; }
#webnr3sw .swiper-slide:hover.video .webnr3tb { background: url(../img/bofang.png) no-repeat; background-size: 100% auto; }
#webnr3sw .swiper-slide:hover.data .webnr3tb { background: url(../img/dow1i.png) no-repeat; background-size: 100% auto; }

.websingnr1 { padding-left: 140px; }

.banne404 { background: url(../img/404banne.jpg) no-repeat center; height: 640px; }

.maplist { }
.maplist li { margin-bottom: 35px; }
.maplist li:last-child { margin-bottom: 0px; }
.maplist li > div:nth-child(1) { width: 230px; top: 0px; left: 0px; }
.maplist li > div:nth-child(2) { width: calc(100% - 234px); border: #eee solid 2px; padding: 75px 0px; }
.maplist li > div:nth-child(2) > div:nth-child(1) { margin-left: 10%; width: 20%; margin-right: 5%; }
.maplist li > div:nth-child(2) > div:nth-child(2) { width: 20%; margin-right: 5%; }
.maplist li > div:nth-child(2) > div:nth-child(3) { width: 15%; margin-right: 5%; }
.maplist li > div:nth-child(2) > div:nth-child(4) { width: 15%; }
.maplist li > div:nth-child(2) > div > a { display: block; opacity: 0.7; }
.maplist li > div:nth-child(2) > div > a.on { opacity: 1; }
.maplist li > div:nth-child(2) > div > a:hover { color: #ff7300; }
.maplist li > div:nth-child(2) > div > a:nth-child(1) { opacity: 1; line-height: 1.2; margin-bottom: 10px; }

.maplist li > div.cpbt { }
.maplist li > div.cpbt > div:nth-child(5) { margin-left: 10%; width: 20%; }


.disrtxzlist { overflow: hidden; border-top: #eeeeee solid 2px; margin-bottom: 50px; }
.disrtxzlist li { float: left; width: 20%; margin-top: 50px; }
.disrtxzlist li > div > div { width: 27px; height: 27px; background: url(../img/radioi.png) no-repeat; background-size: 100% auto; margin-right: 10px; }
.disrtxzlist li.on > div > div { background: url(../img/radioion.png) no-repeat; background-size: 100% auto; }

.disrtxz { width: 20%; margin-bottom: 50px; }
.disrtxz > div > div { width: 27px; height: 27px; background: url(../img/radioi.png) no-repeat; background-size: 100% auto; margin-right: 10px; }
.disrtxz.on > div > div { background: url(../img/radioion.png) no-repeat; background-size: 100% auto; }

.disrlist { width: 100%; }
.disrlist li { width: 345px; height: 555px; margin-bottom: 45px; float: left; padding: 0px 30px; margin-right: 87.5px; }
.disrlist li:hover { box-shadow: 0px 0px 10px rgba(0,0,0,0.1); }
.disrlist li:nth-child(3n) { margin-right: 0px !important; }
.disrlist li div:nth-child(1) { height: 220px; }
.disrlist li div:nth-child(2) { margin-bottom: 30px; }
.disrlist li div:nth-child(3) { color: #ff7300; }
.disrlist li div:nth-child(3) a { color: #ff7300; }



.ser2list { width: 100%; }
.ser2list li { width: calc(100%/3 - 100px); height: 420px; padding: 50px; margin-bottom: 30px; float: left; }
.ser2list li.on, .ser2list li:hover { background: #f8f8f8; }
.ser2list li:nth-child(3n) { margin-right: 0px; }
.ser2list li div:nth-child(1) { min-height: 75px; margin-bottom: 30px; }
.ser2list li div:nth-child(2) { margin-bottom: 30px; }
.ser2list li div:nth-child(3) { color: #ff7300; }
.ser2list li div:nth-child(3) a { color: #ff7300; }

.evelist { }
.evelist li { margin-bottom: 45px; }
.evelist li:hover { box-shadow: 0px 0px 10px rgba(0,0,0,0.3); }
.evelist li div:nth-child(1) { width: 28%; height: 120px; }
.evelist li div:nth-child(2) { width: 20%; margin-left: 5%; margin-right: 5%; }
.evelist li div:nth-child(3) { width: 20%; margin-right: 5%; }
.evelist li div:nth-child(4) { width: 20%; }

.evelists { width: calc(100% - 80px); margin: 0px auto; }

.joinappk { margin-top: -305px; }
.joinappnr { padding: 90px 70px; }
.joinapplyadd { width: 265px; height: 65px; border: #d2d2d2 solid 1px; background: #eeeeee; }
.joinapplyadd input { opacity: 0; z-index: 3; }
.joinapplyadd .attachments { width: 145px; }
.joinapplyadd .attachments div { width: 145px; }
.joinapplyadd:hover .attachments div { margin-left: 10px; }

.joinapplist { margin: 15px 0px; }
.joinapplist > div:nth-child(1) { width: 430px; margin-right: 30px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; }
.joinapplist > div:nth-child(2) { width: 315px; margin-right: 30px; }
.joinapplist > div:nth-child(3) { width: 70px; }

.joinappadd { border: #d2d2d2 dashed 1px; margin-top: 10px; height: 52px; width: 95%; display: none; }
.joinappadd > span { top: 0px; left: 0px; width: 0%; height: 100%; }

.joinjobfb { height: 80px; margin-top: 16px; }
.joinjobfbbg { width: 77px; height: 41px; border-radius: 100px; background: #000; margin-left: 20px; }
.joinjobfbbg div { top: 2px; left: 2px; width: 37px; height: 37px; background: #fff; border-radius: 100px; }
.joinjobfbbg.on { background: #ff7300; }
.joinjobfbbg.on div { left: 37px; }

.jobtitle { width: calc(100% - 130px); }
.jobfbt { width: calc(100% - 130px); margin-bottom: 20px; }
.jobnrtxt1 { width: 360px; margin-right: 30px; cursor: pointer; }
.jobnrtxt2 { width: calc( 100% - 732px); margin-right: 30px; cursor: pointer; }
.jobnrtxt3 { width: 100px; margin-right: 30px; cursor: pointer; }
.jobnrtxt4 { width: 100px; margin-right: 50px; cursor: pointer; }
.jobnrtxt5 { width: 30px; height: 30px; }

.jobapply { width: 150px; height: 50px; border: rgba(0,0,0,0) solid 1px; }

.joinjobnr > div { margin-bottom: 100px; }
.joblist { }
.joblist li { border-bottom: #dcdcdc solid 2px; padding: 0px 65px; }
.joblist li .joblistup { height: 70px; }
.joblist li .joblistud { height: 0px; }
.joblistud > div { padding: 45px 0px; }

.joblist li:hover, .joblist li.on { background: #fff; box-shadow: 0px 0px 15px rgba(0,0,0,0.1); border-bottom: #fff solid 2px; margin-top: -2px; }
.joblist li:hover .jobapply, .joblist li.on .jobapply { border: #e6cfb8 solid 1px; background: #ff7300; color: #fff; }

.joblist li.on .joblistup { border-bottom: #ff7300 solid 2px; }
.joblist li.on .jobnrtxt5 img { -webkit-transform: rotate(180deg); transform: rotate(180deg); -ms-transform: rotate(180deg); }
/* .joblist li.on .joblistud{ height:auto;} */

.joinjobbut1, .joinjobbut2 { width: 235px; height: 50px; }
.joinjobbut1 { border: #e6cfb8 solid 1px; }
.joinjobbut2 { border: #d2d2d2 solid 1px; }

.joinsusbg { width: 78%; right: 0px; top: 0px; }
.joinsusnr2 { height: 700px; }
.joinsusnr2 li { width: 25%; height: 100%; }
.joinsusnr2 li:nth-child(1) { top: 0px; left: 0px; }
.joinsusnr2 li:nth-child(2) { margin-left: 25%; }
.joinsusnr2 li:nth-child(3) { top: 0px; left: 50%; }
.joinsusnr2 li:nth-child(4) { top: 0px; left: 75%; }
.joinsusnr2 li > div { padding: 60px 35px 60px 35px; }
.usi { width: 64px; height: 62px; }
.usi img { top: 0px; left: 0px; }
.usi img.on { opacity: 1; }
.usi img.off { opacity: 0; }
/* .usi1{ background: url(../img/usi1.png) no-repeat; }
.usi2{ background: url(../img/usi2.png) no-repeat; }
.usi3{ background: url(../img/usi3.png) no-repeat; }
.usi4{ background: url(../img/usi4.png) no-repeat; } */

.joinsusnr2 li:hover { background: #ff7300; color: #fff; }
.joinsusnr2 li:hover .usi img.on { opacity: 0; }
.joinsusnr2 li:hover .usi img.off { opacity: 1; }

#joinsusnr2 { }
#joinsusnr2 .swiper-slide { width: auto; }
#joinsusnr2 .pagination { }
#joinsusnr2 .swiper-pagination-bullet { width: 50%; border-radius: 0px; height: 3px; margin-top: 30px; }
#joinsusnr2 .swiper-pagination-bullet { background: #d2d2d2; opacity: 1; }
#joinsusnr2 .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #ff7300; }


.joinsusnr3 { height: 692px; }
.ditu { top: 0px; right: -150px; width: 1317px; height: 692px; background: url(../img/ditu.png) no-repeat; }
.ditus { top: 0px; right: -150px; width: 1317px; height: 692px; }
.quans { width: 10px; height: 10px; margin-top: 35px; margin-left: 35px; display: none; }

.quan1 { top: 210px; left: 147px; }
.quan1s { top: 165px; left: 120px; }

.quan2 { top: 138px; left: 587px; }
.quan2s { top: 98px; left: 557px; }

.quan3 { top: 139px; left: 653px; }
.quan3s { top: 99px; left: 630px; }

.quan4 { top: 320px; left: 906px; }
.quan4s { top: 280px; left: 884px; }

.quan5 { top: 294px; left: 174px; }
.quan5s { top: 248px; left: 151px; }

.quan6 { top: 213px; left: 678px; }
.quan6s { top: 173px; left: 655px; }

.quan7 { top: 566px; left: 318px; }
.quan7s { top: 526px; left: 295px; }

.quan8 { top: 455px; left: 409px; }
.quan8s { top: 415px; left: 387px; }

.quan9 { top: 151px; left: 624px; }
.quan9s { top: 111px; left: 588px; }

.quan10 { top: 168px; left: 593px; }
.quan10s { top: 128px; left: 570px; }

.quan11 { top: 186px; left: 635px; }
.quan11s { top: 146px; left: 613px; }

.quan12 { top: 206px; left: 719px; }
.quan12s { top: 166px; left: 695px; }

.quan13 { top: 546px; left: 704px; }
.quan13s { top: 509px; left: 678px; }

.quan14 { top: 278px; left: 812px; }
.quan14s { top: 238px; left: 790px; }

.quan15 { top: 381px; left: 1010px; }
.quan15s { top: 336px; left: 986px; }

.quan16 { top: 325px; left: 1033px; }
.quan16s { top: 285px; left: 1008px; }

.quan17 { top: 324px; left: 1003px; }
.quan17s { top: 284px; left: 979px; }

.quan18 { top: 249px; left: 1054px; }
.quan18s { top: 209px; left: 1029px; }

.quan19 { top: 221px; left: 1085px; }
.quan19s { top: 181px; left: 1063px; }

.quan20 { top: 220px; left: 1127px; }
.quan20s { top: 180px; left: 1104px; }

.quan21 { top: 556px; left: 1168px; }
.quan21s { top: 516px; left: 1143px; }

.quan22 { top: 339px; left: 1098px; }
.quan22s { top: 299px; left: 1072px; }

.quan23 { top: 139px; left: 607px; }
.quan23s { top: 95px; left: 584px; }

.quan24 { top: 201px; left: 572px; }
.quan24s { top: 161px; left: 549px; }

.quan25 { top: 174px; left: 684px; }
.quan25s { top: 130px; left: 660px; }

.quan26 { top: 242px; left: 726px; }
.quan26s { top: 202px; left: 703px; }

.quan27 { top: 249px; left: 733px; }
.quan27s { top: 209px; left: 709px; }

.quan28 { top: 289px; left: 768px; }
.quan28s { top: 249px; left: 742px; }

.quan29 { top: 260px; left: 703px; }
.quan29s { top: 220px; left: 680px; }

.quan30 { top: 286px; left: 1078px; }
.quan30s { top: 246px; left: 1050px; }


.quan31 { top: 245px; left: 723px; }
.quan32 { top: 112px; left: 659px; }
.quan33 { top: 130px; left: 639px; }
.quan34 { top: 319px; left: 575px; }
.quan35 { top: 410px; left: 364px; }
.quan36 { top: 347px; left: 701px; }
.quan37 { top: 276px; left: 741px; }
.quan38 { top: 234px; left: 768px; }
.quan39 { top: 258px; left: 774px; }
.quan40 { top: 215px; left: 814px; }
.quan41 { top: 239px; left: 905px; }
.quan42 { top: 251px; left: 934px; }
.quan43 { top: 350px; left: 977px; }
.quan44 { top: 367px; left: 1041px; }





.quan { width: 10px; height: 10px; }
.quan > div:nth-child(1), .quan > div:nth-child(2) { width: 50px; height: 50px; border-radius: 100px; border: #ff7300 solid 2px; }
.quan > div:nth-child(1) { -webkit-animation: quan 1s 0.3s infinite cubic-bezier(0.24, 0.23, 0.51, 0.54); animation: quan 4s 2s infinite cubic-bezier(0.24, 0.23, 0.51, 0.54); -ms-animation: quan 1s 0.3s infinite cubic-bezier(0.24, 0.23, 0.51, 0.54); opacity: 0; }
.quan > div:nth-child(2) { -webkit-animation: quan 1s infinite cubic-bezier(0.24, 0.23, 0.51, 0.54); animation: quan 4s infinite cubic-bezier(0.24, 0.23, 0.51, 0.54); -ms-animation: quan 1s infinite cubic-bezier(0.24, 0.23, 0.51, 0.54); opacity: 0; }

@-webkit-keyframes quan {
    0% { -webkit-transform: translate(0%,0%) scale(0); opacity: 0; }
    50% { -webkit-transform: translate(0%,0%) scale(0.5); opacity: 1; }
    100% { -webkit-transform: translate(0%,0%) scale(1); opacity: 0; }
}

@keyframes quan {
    0% { transform: translate(0%,0%) scale(0); opacity: 0; }
    50% { transform: translate(0%,0%) scale(0.5); opacity: 1; }
    100% { transform: translate(0%,0%) scale(1); opacity: 0; }
}

@-ms-keyframes quan {
    0% { -ms-transform: translate(0%,0%) scale(0); opacity: 0; }
    50% { -ms-transform: translate(0%,0%) scale(0.5); opacity: 1; }
    100% { -ms-transform: translate(0%,0%) scale(1); opacity: 0; }
}


.joinsusnr3title { width: max-content; padding: 5px 20px; border: #ff7300 solid 1px; background: #ff7300; color: #fff; top: -50px; left: 0%; -webkit-transform: translate(calc(-44% - 9px),0%); transform: translate(calc(-44% - 9px),0%); -ms-transform: translate(calc(-44% - 9px),0%); }
.joinsusnr3title span { display: block; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #ff7300; bottom: -10px; left: 50%; margin-left: -12px; }


.diziimg { margin-right: 50%; }
.dizidz { left: 55%; width: 40%; height: 497px; }

.sform { padding: 80px 70px; }
.sformli { }
.sformlinrl { margin-right: 25px; }
.sformlinrnum { width: 46px; height: 46px; border-radius: 100px; border: #ff7300 solid 2px; }
.sformlinrr { width: calc(100% - 75px); margin-top: 6px; }

.searchlist { }
.searchlist > div { margin-bottom: 100px; }

.fenye { }
.fenye > a { width: 40px; height: 40px; }
.fenye > a:hover, .fenye > a.on { background: #ff7300; color: #fff; }
.fenye > a.off { width: auto; padding: 0px 10px; background: #eee; color: #000; }
.fenye > a.off:hover { background: #ff7300; color: #fff; }


.nrHbanne { height: 550px; }
.nrHbannes { height: 650px; }

.pplyy { margin-top: -80px }

#swvideo { height: 668px; }

.probanne { height: 780px; }
.prb_playxpm { height: 680px; }
.conbanne { height: 860px; }
.whititle { width: calc( 100% - 100px); }

.joinmore { margin-top: 50px; }


@media screen and (max-width: 1650px) {
    .pronavbx { margin: 25px 40px 0px 40px; }
}

@media screen and (max-width: 1550px) {
    .ditus, .ditu { -webkit-transform: scale(0.8); transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform-origin: top right; transform-origin: top right; -ms-transform-origin: top right; right: 0px; }
    .inlist5iconnr > div { margin: 0px 65px; }
    .solutextjt { width: 430px; }

    .pvimglist li .pvlisttext { right: -60px; }
    .pvimglist li:nth-child(2n) .pvlisttext { left: -60px; }
    .videoplay { }
}

@media screen and (max-width: 1415px) {


    .w1280 { max-width: 980px; padding: 0px 20px; }
    .w1590 { min-width: 980px; max-width: 1590px; padding: 0px 20px; }
    .w1165 { min-width: 900px; max-width: 1482px; padding: 0px 60px; }
    .w1475 { min-width: 980px; max-width: 1475px; padding: 0px 20px; }
    .w1290 { min-width: 980px; max-width: 1290px; padding: 0px 20px; }
    .w1200 { max-width: 1500px; padding: 0px 20px; }
    .w1190 { min-width: 980px; max-width: 1190px; padding: 0px 20px; }
    .w1355 { min-width: 980px; max-width: 1355px; padding: 0px 20px; }
    .maxw1366 { max-width: 100%; }

    .pos { top: 30px; left: 60px; }

    .f68 { font-size: 55px; line-height: 55px; }
    .f66 { font-size: 38px; }
    .f48 { font-size: 38px; }
    .f38 { font-size: 28px; }
    .f36 { font-size: 26px; }
    .f28 { font-size: 20px; }
    .f24 { font-size: 16px; }
    .f22 { font-size: 16px; }
    .f20 { font-size: 17px; }
    .f18 { font-size: 14px; }
    .f16 { font-size: 13px; }

    .h30 { height: 15px; }
    .h40 { height: 20px; }
    .h45 { height: 25px; }
    .h50 { height: 25px; }
    .h55 { height: 30px; }
    .h60 { height: 30px; }
    .h65 { height: 40px; }
    .h70 { height: 40px; }
    .h80 { height: 40px; }
    .h85 { height: 45px; }
    .h90 { height: 50px; }
    .h101 { height: 60px; }
    .h110 { height: 60px; }
    .h120 { height: 80px; }
    .h125 { height: 80px; }
    .h130 { height: 80px; }
    .h140 { height: 110px; }
    .h150 { height: 100px; }
    .h160 { height: 80px; }
    .h170 { height: 150px; }
    .h200 { height: 150px; }
    .h310 { height: 200px; }
    .h340 { height: 300px; }
    .h420 { height: 370px; }

    .mxh150 { height: 50px; }

    .w800 { width: 910px; }

    .int3 > div .int3nr { width: calc(50% - 150px); }
    .websingnr1 { padding-left: 109px; }

    .w1165 { }

    .solutnr2hd { right: 60px; }
    .solutnr4 > div { left: 60px; }
    .solutnr4.on > div { right: 60px; }
    .lanlist { margin-left: 60px; }


    #sasesw .swiper-pagination { top: 385px; width: 105%; opacity: 1; }

    .nrHbanne { height: 415px; }
    .nrHbannes { height: 480px; }

    .bannewb { width: 100%; }
    .prlist li { height: 500px; }
    .prlistwb { top: 50px; left: 50px; width: calc(100% - 100px); }

    .bannewbnr { padding: 0px 60px; }

    .pvimglist li .pvlisttext { right: 0px; }
    .pvimglist li:nth-child(2n) .pvlisttext { left: 0px; }
    .videoplay { width: 500px; height: 250px; }
    .ser2list li { width: calc(100%/3 - 60px); padding: 30px; }
    .playvideo { width: 50px; }

    .videoplay .videoplaydiv { padding: 30px; }
    .videoplaydiv .fl { width: 325px; }

    .inlistwb { left: 50px; width: calc(100% - 50px); top: 200px; height: calc(100% - 20px); }
    .inlist li:hover .inlistwb { top: 20px; }
    .inlistxian { margin-top: 10px; margin-bottom: 20px; width: 40px; height: 3px; }
    .inlistnext { width: 58px; height: 58px; }

    .inrecentnr > div { width: calc(100%/3 - 50px); margin-right: 75px; }

    .inlist5 { height: 670px; }
    .inlist5iconnr { margin-top: 100px; }
    .inlist5title { margin-top: 85px; }

    .dataNums .dataOne { width: 37px; }

    .inlist li { height: 320px; }

    .inlist6 { height: 375px; }
    .inlist6img { height: 375px; }


    .inrecentnrimg { height: 230px; }
    .inrecentnrwb { padding: 40px 40px 30px 40px; height: 280px; }
    .inrecentnrmore { width: 58px; height: 58px; }
    .inrecent > div { padding: 0px 60px; }
    .inrecentnrwbtitle { margin-bottom: 10px; }
    .inrecentnrwbdescribe { line-height: 20px; }

    .aboutnav.on { height: 75px; }

    .inti1 { left: 645px; width: 500px; }
    .int1xt { margin-right: 50px; }
    .int1txt { width: 450px; line-height: 25px; }

    .int2 { height: 500px; }
    .int2 li .int2nron > div > div:nth-child(2) { line-height: 30px; }

    .int3 > div { height: 375px; margin-bottom: 30px; }
    .int3 > div img { height: auto; width: calc( 50% + 80px ); }

    .xpmlh36 { line-height: 26px; }
    .lh36 { line-height: 26px; }

    .int3 > div.h400 { height: 400px; }
    .int3 > div.h556 { height: 375px; }

    img.int3nricon { height: auto !important; }

    .int4xian { width: 80px; }
    .int4nr1 { margin-left: 60px; width: 400px; }
    .int4nr2 { margin-left: 60px; width: calc(100% - 700px); }

    .int3 > div.h560 { height: 375px; }

    .pvtitle { padding: 80px 0px 24px 0px; }
    .pvnr1 { margin: 50px 0px 0px 0px; }
    .pvnr1 img { height: 410px; }
    .pvi1wb { width: 390px; margin-left: 80px; }

    .pvimglist li { height: 515px; margin-bottom: 100px; }
    .pvimglist li .pvimg1 { height: 515px; }
    .pvlisttext { width: 365px; height: 365px; }

    .pvimglist li .pvimg1 { right: 180px; }
    .pvimglist li .pvlisttext { right: 100px; }
    .pvimglist li:nth-child(2n) .pvimg1 { left: 180px; }
    .pvimglist li:nth-child(2n) .pvlisttext { left: 100px; }

    .pvimglist li .pvimg1.on { right: 60px; }
    .pvimglist li:nth-child(2n) .pvimg1.on { left: 60px; }


    .pvbuttom_big { line-height: 59px; width: 280px; }
    .pvbuttom_big p { height: 53px; line-height: 53px; width: 197px; }
    .pvbuttom_big div { width: 53px; height: 53px; }

    .ppltitle img { width: 45px; }
    .pplimg { width: 75%; }
    .pplyy { margin-top: -60px }

    .pvprlist li { height: 420px; }

    #swvideo { height: 510px; }

    .butw167 { width: 167px !important; }

    .ljts, .rjts { width: 55px; height: 55px; top: 145px; }
    .rjts img, .pvcase .ljts img { width: 15px; }
    .pvcaseimg img { width: 40px; }
    .sasesw .swiper-slide { height: auto; }
    #sasesw > div > div { height: 460px; }
    .swiper-container.sasesw { margin-top: 80px; height: 295px; }
    .saseswtxt { margin-top: 80px; height: 360px; }
    #sasesw .gb { width: 30px; }
    /* .pvcaseimg{ height: 265px; } */

    .solutnr1 { padding-top: 80px; }

    .xpmlh { line-height: 1.2; }

    .sysimgtab { width: 980px; }

    .solutnr2_hx { width: 55px; height: 3px; margin-top: 15px; margin-bottom: 10px; }
    .solutabicon, .disrtxz > div > div, .disrtxzlist li > div > div, .whixx i { width: 18px; height: 18px; }
    .solutnr4 { height: 450px; }
    .zlbut { padding: 15px 30px; width: 240px; }
    .zlbut img { top: 17px; right: 50px; }
    .zlbut:hover img { right: 30px; }
    .solutnr4_left { padding: 60px 75px; }
    .sol4textimg { height: 450px; }
    .cplist > div { margin-bottom: 60px; }

    .solutnr2hdnr { margin-top: 35px; }
    .solutnr2ml { margin-left: 120px; }

    .probanne { height: 620px; }
    .pronavliico { width: 58px; height: 54px; }

    .pronav { margin-top: -129px; }
    .pronavlitxt { margin-bottom: 37px; margin-top: 12px; }

    .pronavbx { margin: 24px 34px 0px 34px; }

    .aboutnav { top: 129px; }
    .pronavli:hover .aboutnav, .pronavli.on .aboutnav { height: 75px; }
    .aboutnavs.on, .aboutnavs.hover { height: 75px; }

    .tpic { width: 50%; height: auto; }
    .int3 > div.h450 { height: auto; }

    .intidiv { width: 490px; height: 375px; }
    .int3 > div.h550 { height: 375px; margin-bottom: 50px; }

    .procpimg { height: 235px; }
    .procp a { height: 358px; }
    .solbottom { width: 180px; padding: 15px 0px 15px 30px; }

    .products_ban_img { width: 600px; margin-top: 30px; }
    .bannewbs { width: calc( 100% - 555px ); }
    .prdowntext .prdown { width: 30px; height: 31px; margin-top: 8px; }
    .bannewb2 { margin-top: 20px; }
    .prtextlist p { background: url(../img/prico.png) no-repeat left 5px; line-height: 18px; }
    .prtextlist li { padding-top: 40px; }

    .prlist li { height: 340px; }

    .prb_playxpm { height: 500px; }
    .prtextlist { padding: 0px 70px; }

    .prplaybuttom { width: 145px; height: 45px; line-height: 45px; border: #ff7300 solid 3px; }

    .prtextlist li div { margin-left: 49px; }
    .prtextlist p { margin-left: 51px; }

    .ser3nr1 > div { height: 225px; }

    .sre3i2 { width: 300px; }

    .sre3inr { width: calc(50% + 50px); }
    .sre3isimg { height: 718px; }
    .sre3is { left: calc(50% + 90px); width: 706px; height: auto; }
    .sre3ixq { line-height: 1.5; }

    .sre3t1, .sre3t2, .sre3t3 { width: 56px; height: 58px; }
    .ser3list li .ser3listfbt { margin: 10px 0px 15px 0px; }
    .ser3list li .ser3listtitle span { top: 7px; bottom: 6px; }
    .sre3inr { margin-top: 90px; line-height: 1.2; }
    .sre3ixq > div { }
    .sre3ititle span { top: 10px; bottom: 7px; }
    .conbanne { height: 600px; }
    .disform > div { height: 100px; }

    .joinappk { margin-top: -140px; }
    .joinapplyadd { width: 200px; height: 50px; }
    .joinapplyadd .attachments { width: 118px; }
    .disbut2 { width: 200px; height: 50px; }

    .joinapplist { }
    .w875 { width: 730px; }
    .disrtxzlist li { margin-top: 35px; }
    .ser2list li { height: 352px; }
    .diziimg { height: 350px; }
    .dizidz { height: 330px; left: 58%; }
    .dizidz .MonRegular.f48 { line-height: 1.2; }

    .sersearch input { padding: 25px 150px 25px 80px; }
    .serssi { width: 75px; }
    .serssi img { width: 25px; }
    .ssbut { width: 120px; }

    .serlist > div { height: 115px; }
    .serbut2 { width: 200px; height: 50px; }
    .serbut2 img, .serlistli img { width: 25px; }

    .dowtypelist > div { height: 300px; }
    .dowtypelistsz { font-size: 80px; top: -22px; left: -11px; }
    .dowtypelistimg { width: 100px; height: 90px; }

    .int3 > div.h460 { height: 375px; }
    .aboutnav.num4 > div { margin-right: 100px; }

    .new2list { margin-top: 50px; }
    .new2list li .new2listimg, .new2list li .new2listnr { height: 340px; }
    .new2list li .new2listnr > div { padding: 30px 50px; }

    .new2list li .new2listnr > div > div:nth-child(3) { line-height: 1.4; max-height: 100px; }
    .new2listnra { width: 200px; height: 50px; }
    .disbannebut1 { width: 280px; height: 60px; border: #ff7300 solid 2px; }

    .disrlist li { width: calc(33% - 60px); height: 450px; margin-right: 0px !important; }
    .disrlist li div:nth-child(1) { height: 180px; }
    .disrlist li div:nth-child(2) { margin-bottom: 15px; }

    .disi1 { width: 44.5%; }
    .webi5 { height: 435px; }
    #websw2 { height: 525px; }
    #websw2 .swiper-slide { height: 485px; }

    .xpw12500 { max-width: 1050px; margin: 0px auto; }
    .calendarhover { left: -90px; }
    .calendar { left: 115px; }
    .seblistnr > div:nth-child(4) { width: 180px; height: 50px; }
    .webi3 { height: 485px; }
    .webnr3but { top: 365px; }

    .webnr3title { top: 50px; }
    #webnr3sw { height: 370px; top: 50px; left: 310px; }
    #webnr3sw .swiper-slide { width: 280px; }

    .int3 > div.h600 { margin-bottom: 20px; }
    .int3 > div.h536 { height: 325px; margin-top: 70px; }

    .usi { width: 40px; height: 42px; }

    #joinsusnr2 img { height: 300px; }

    .rk img { width: 20px; }

    .new2more { width: 180px; height: 55px; }
    .new2more div { width: 47px; }
    .joinsusnr3 { height: 600px; }
    .ditus, .ditu { margin-top: 37px; margin-right: 50px; -webkit-transform: scale(0.8); transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform-origin: top right; transform-origin: top right; -ms-transform-origin: top right; }

    .jobapply { width: 120px; height: 40px; }

    .newl, .newr { width: 55px; height: 55px; }
    .newl img, .newr img { width: 18px; }
    #newsw1 { height: 350px; }
    #newsw1 .swiper-slide > div { padding: 30px 0px 0px 35px; }
    #newsw1 .swiper-slide.swiper-slide-active > div { padding: 30px 35px 0px 0px; }
    #newsw1 .swiper-slide > div > div > div:nth-child(2) { height: 50px; }
    #newsw1 .swiper-slide > div > div > div:nth-child(3) { margin-bottom: 20px; }

    .newnr3t1 { width: 525px; height: 525px; }

    .newnr3a { width: 180px; height: 55px; }
    .newnr3fr { width: calc( 100% - 545px ); }

    .newnr3t2, .newnr3t3 { height: 252px; }
    .newnr3t2 { margin-bottom: 20px; }
    .newnr3title { padding: 50px 45px; width: calc( 100% - 250px ); }

    .news2time { margin-top: 90px; }
    .new2distitle { margin-top: 20px; margin-bottom: 30px; }
    #new2sw1 { height: 450px; width: calc(100% - 90px); }

    .new2xyy i, .new2syy i { width: 19px; height: 13px; }

    .pvcaseimg { height: 260px; }
    .pvcase_div { height: auto; }

    .webnr3title { top: 100px; }
    .webnr3but { top: 328px; }

    .serlisttitle > div:nth-child(8) { width: 160px; }
    .serlisttitle > div { margin-right: 10px; }
    .serlistli > div:nth-child(8) { width: 160px; }
    .serlistli > div { margin-right: 10px; }
    .serradxz { margin-left: 23px; }

    .int3 > div.h600 { height: auto; }
    .int3 > div:nth-child(2n) .int3nr { position: relative; width: calc(50% - 0px); }
    .int3 > div:nth-child(2n) img { height: auto; left: 55%; top: 13px; width: calc(50% + 27px); }
    .int3 > div:nth-child(2n) img.img { top: 0px; }
    .int3 > div img.proimg { width: 85%; }
    .int3 > div img.int3nricon { width: 40px; }
    .int3 > div.h400 { height: 400px; }
    .int3 > div.h400:nth-child(2n) img { left: 50%; }
    .int3 > div.h400 img { height: 400px; width: auto; top: 0px; }

    .int3 > div.h400:nth-child(2n) .int3nr { width: calc( 50% - 50px); }


    .joinsusnr2 { height: 610px; }
    .joinsusnr2 li > div { padding: 60px 35px 45px 35px; }

    .joinjobnr > div { margin-bottom: 60px; }

    .newxian { width: 54px; margin-top: 5px; }

    .sstkgb { width: 30px; }
    .logo2s { width: 180px; }

    .xpp100 { padding: 0px 100px; }

    .new2but { height: 450px; width: 90px; }
    .new2butd { right: 17px; }
    .new2butu { left: 17px; }

    .news2nr { padding: 60px 100px; }

    #whisw1 .swiper-slide.swiper-slide-active > div, #whisw2 .swiper-slide.swiper-slide-active > div { height: 370px; }
    #whisw1 .swiper-slide > div, #whisw2 .swiper-slide > div { height: 290px; width: 260px; }
    .whisw1ud { top: 399px; left: 313px; }
    #whisw1 .swiper-slide, #whisw2 .swiper-slide { width: 260px; }

    #whisw1, #whisw2 { height: 565px; }
    .whinr1titlebg { width: 5px; }

    #pvcase .swiper-slide { width: 450px; }

    .nav2lmd3more { width: 55px; height: 55px; }
    .nav2lmd3 > div > div:hover .nav2lmd3more img { width: 25px; }
    .newl div, .newr div { width: 125px; }


    .new2bgp60 { padding: 0px 60px; min-width: 900px; }
}



@media screen and (max-width: 1340px) {

    .ydpr1 { left: 518px; top: 256px; }
    .ydpr2 { left: 122px; top: 69px; }
    .ydpr3 { left: 210px; top: 101px; }
    .ydpr4 { left: 618px; top: 70px; }
    .ydpr5 { left: 1055px; top: 128px; }

    .ydpr6 { left: 979px; top: -7px; }
    .ydpr7 { left: 694px; top: 273px; }
    .ydpr8 { left: 400px; top: 422px; }
    .ydpr9 { left: 407px; top: -7px; }
    .ydpr10 { left: 987px; top: -7px; }
    .ydpr11 { left: 407px; top: 411px; }

    .ydpr12 { left: 192px; top: 166px; }
    .ydpr13 { left: 686px; top: 135px; }
    .ydpr14 { left: 465px; top: 366px; }
    .ydpr15 { left: 1071px; top: 315px; }
    .ydpr16 { left: 192px; top: 166px; }
    .ydpr17 { left: 465px; top: 366px; }
    .ydpr18 { left: 688px; top: 366px; }

    .ssinput { width: 650px; }

    .solutnr1xian { width: 75px; height: 3px; }

    .solutnr2 { height: 400px; }
    .solutnr2hd { height: 400px; }
    .solutnr2hdico { margin-top: 70px; }

    .seri1 { height: 30px; }
    .seri2 { height: 27px; }

    .ser2list li div:nth-child(1) { margin-top: 15px; }

    .searchlist > div { margin-bottom: 20px; margin-top: 30px; }

    .lanpt .f30 { margin-left: 50px; }

    .new2list { padding: 0px 50px; }

    .new2bg.on { height: 500px; }
}

@media screen and (max-height: 900px) {
    .ssbg { background: url(../img/ssbgs.png) bottom center no-repeat; }
    .ssinput { margin-top: 50px; }
}

@media screen and (max-width: 800px) {

    html, body { min-width: 0px; width: 100% !important; overflow-x: hidden; }
    .topnav, .header { display: none; }

    .f68 { font-size: 30px; line-height: 35px; }
    .f66 { font-size: 25px; }
    .f48 { font-size: 20px; }
    .f38 { font-size: 16px; }
    .f36 { font-size: 16px; }
    .f30 { font-size: 22px; }
    .f28 { font-size: 14px; }
    .f24 { font-size: 14px; }
    .f22 { font-size: 14px; }
    .f20 { font-size: 14px; }
    .f18 { font-size: 14px; }
    .f16 { font-size: 14px; }

    .h5 { height: 3px; }
    .h10 { height: 3px; }
    .h30 { height: 10px; }
    .h40 { height: 10px; }
    .h45 { height: 25px; }
    .h50 { height: 25px; }
    .h55 { height: 15px; }
    .h60 { height: 30px; }
    .h65 { height: 15px; }
    .h70 { height: 20px; }
    .h80 { height: 20px; }
    .h85 { height: 45px; }
    .h90 { height: 30px; }
    .h101 { height: 15px; }
    .h110 { height: 30px; }
    .h120 { height: 20px; }
    .h125 { height: 30px; }
    .h130 { height: 30px; }
    .h140 { height: 20px; }
    .h150 { height: 30px; }
    .h160 { height: 30px; }
    .h170 { height: 120px; }
    .h200 { height: 100px; }
    .h280 { height: 140px; }
    .h310 { height: 30px; }
    .h340 { height: 30px; }
    .h420 { height: 220px; }

    .w800 { width: 910px; }
    .w110 { width: 30px; }



    .w1280 { min-width: auto; max-width: initial; padding: 0px 20px; }
    .w1590 { min-width: auto; max-width: initial; padding: 0px 20px; }
    .w1165 { min-width: auto; max-width: initial; padding: 0px 20px; margin: 0px; }
    .w1475 { min-width: auto; max-width: initial; padding: 0px 20px; }
    .w1290 { min-width: auto; max-width: initial; padding: 0px 20px; }
    .w1200 { min-width: auto; max-width: initial; padding: 0px 20px; }
    .w1190 { min-width: auto; max-width: initial; padding: 0px 20px; }
    .w1355 { min-width: auto; max-width: initial; padding: 0px 20px; }

    .h20 { height: 10px; }
    .h30 { height: 15px; }

    .z4 { z-index: 4; }


    .joinmore { margin-top: 0px; }
    .products_ban_img { width: 45%; margin-top: 0px; margin-left: 25%; }


    .cokies { bottom: 10px; right: 10px; width: auto; left: 10px; }
    .cokiesnr { padding: 20px; }
    .cokiesbut > div { height: 55px; }

    .bannewbnr { padding: 60px 0px; }
    .bannewb2 { line-height: 1.2; }

    .top { bottom: 20px; right: 20px; }

    .inlist li { width: 100%; }

    .inlist6img { position: relative; right: 0px; display: block; width: calc(100% + 40px); margin-left: -20px; height: 250px; }
    .inlist6wb { width: 100%; left: 0px; margin-left: 0px; top: 0px; margin-top: 20px; }
    .inlist6wbtitle { margin-bottom: 10px; line-height: 1.3; }
    .inrecent > div { padding: 0px; }
    .inlist6 { height: auto; }
    .inrecentnr > div { width: 100%; margin-right: 0px; margin-bottom: 20px; }

    .inrecentnrwb { padding: 20px 20px 70px 20px; height: auto; }
    .inrecentnrwbtitle { height: auto; }
    .inrecentnrmore { bottom: 0px; right: 0px; }

    .inlistwb { left: 25px; top: 250px; }
    .inlisttitle { line-height: 1.3; }
    .inlistnext { right: -25px; }

    .inlist6imgmore { padding: 12px 20px; }
    .inlist6imgmore div { width: 100px; }

    .inlistnext, .inrecentnrmore { width: 48px; height: 48px; }
    .footer { padding: 20px 0px 15px 0px; }

    .Wealso { width: 100%; }
    .Wealso .MonLight { width: 100%; }

    .footericon { margin-top: 15px; }
    .footericon a { width: 30px; height: 30px; }

    .footerbq { }
    .footerbq .fl { float: right; display: none; }
    .footerbq .fr { float: left; margin-bottom: 10px; }
    .footerbq .rights { display: block; float: left; }
    .footerbq a { margin-left: 0px; margin-right: 10px; }

    .footera { margin-top: 20px; }

    .inlist5 { height: auto; }
    .inlist5icon { height: 45px; }
    .inlist5title { margin-top: 50px; }
    .inlist5iconnr { display: block; margin-top: 50px; overflow: hidden; }
    .inlist5iconnr > div { margin: 0px 0px 40px 0px; width: 50%; float: left; }
    .inlist5icontitle { height: auto; margin-top: 15px; }
    .inlist5icondescribe { margin-top: 10px; }
    .dataNums { height: 30px; }
    .dataNums .dataOne { height: 30px; width: 20px; }
    .dataNums .tt span { line-height: 30px; }

    .mobilenav { display: block; height: 50px; width: 100%; top: 0px; left: 0px; }
    .mobilenavh { height: 50px; }
    .logo2img { width: 160px; }
    .logo2img img { height: 30px; float: left; }
    .toggleNav { background-color: transparent; background-image: url(../img/menu-icon.svg); background-repeat: no-repeat; background-position: center center; width: 50px; height: 50px; border-left: 1px #e8e7e4 solid; }
    .toggleSearch { background-color: transparent; background-image: url(../img/search-icon.svg); background-repeat: no-repeat; background-position: center center; width: 50px; height: 50px; border-left: 1px #e8e7e4 solid; }

    .triggerClose { background-color: transparent; background-image: url(../img/close-button-menu.svg); background-repeat: no-repeat; background-position: center center; width: 50px; height: 50px; top: 0px; right: 0px; }


    .mobilenavtab, .mobileSearch, .mobilelan { top: 50px; left: 0px; right: 0px; bottom: 0px; padding: 27px 25px; background: #faf9f7; }

    .nrHbanne { height: 280px; }

    .aboutnav.num3 > div { width: calc( 100% - 0px ); padding: 15px 0px; margin: 0px auto; }
    .aboutnav.num3 > div:last-child { margin: 0px auto; }
    .aboutnav.on { display: block; height: auto; }

    .aboutnav > div > span { height: 2px; background: #e2e2e2; opacity: 1; }
    .aboutnav > div:hover > span, .aboutnav > div.on > span { background: #ff7300; }
    .int1xt { margin-top: 0px; height: 3px; width: 82px; }
    .int1txt { width: 100%; margin-top: 10px; line-height: 1.6; }
    .inti1 { position: relative; left: 0px; top: 0px; width: 100%; }


    .int2 { height: 325px; }
    .int2 li .int2nron > div { top: 50px; left: 20px; }
    .int2 li .int2nron > div > div:nth-child(3) { top: 200px; }

    .int3 > div { height: auto !important; padding-bottom: 25px !important; margin-bottom: 0px !important; }

    .int3 > div img { position: relative; width: 100% !important; height: auto !important; right: 0px !important; }
    .int3 > div:nth-child(2n) img { position: relative; width: 100% !important; height: auto !important; left: 0px !important; }

    .lh36 { line-height: 1.6; }
    .int3 > div .int3nr { width: 100% !important; position: relative; margin-top: 10px; display: block; height: auto; }
    .int3 > div:nth-child(2n) .int3nr { width: 100% !important; }
    .p250 { padding: 25px 0px; }

    .int4xian { width: 60px; height: 3px; margin-top: 0px; }
    .int4nr1 { margin-left: 0px; width: 100%; margin-top: 15px; }
    .xpmlh36 { line-height: 1.6; }

    .int4nr2 { width: 100%; margin-top: 15px; margin-left: 0px; }
    .int3 > div:nth-child(2n) img.int3nricon, .int3 > div.h400 img.int3nricon { width: 50px !important; float: left; }


    .pvtitle { padding: 20px 0px 10px 0px; }
    .pvhongkuang { width: 105px; height: 3px; }
    .pvnr1 { margin: 20px 0px 0px 0px; display: block; }
    .pvi1 { margin-bottom: 20px; }

    .pvi1wb { width: 100%; margin-left: 0px; }
    .pvnr1 img { height: auto; }
    .pvtext div { text-align: left; }

    .pvimglist li { height: auto; margin-bottom: 30px; }
    .pvimglist li .pvimg1 { height: 170px; position: relative; right: 0px; width: 100%; }
    .pvimglist li .pvlisttext { right: 0px; width: 100%; height: auto; position: relative; }

    .pvlisttext > div { padding: 20px; }
    .pvimglist li:nth-child(2n) .pvimg1 { left: 0px; }
    .pvimglist li:nth-child(2n) .pvlisttext { left: 0px; }



    .pvprlist li { width: 100%; margin-right: 0px; margin-top: 30px; }

    .pvprlist { width: calc( 100% + 30px); margin-left: -30px; }
    .ppltitle { margin: 0px 0px -15px 0px; }
    .pplyy { margin-top: -38px; }
    .pvprlist li { height: 370px; }
    .ppltitle img { width: 40px; margin-right: 0px; margin-bottom: 10px; }
    .ppltitle { display: block; }
    .ppltitle div { height: 42px; }
    .pplyy { margin-top: -22px; opacity: 0.5; }

    #pvcase.swiper-container { width: calc( 100% - 40px ); }
    #pvcase .swiper-slide { width: 100%; }
    .pvcaseimg { height: 365px; }
    .pvcase_div { height: auto; }

    .xpmlh { margin-top: 50px; }
    .solutnr1 { padding-top: 30px; }

    .solutnr1nr div { width: 100%; margin-right: 0px; margin-bottom: 15px; }

    #swvideo { height: 300px; }
    .prb_play { display: block; }
    .videoplay { width: 300px; height: 170px; right: 20px; }
    .videoplay .videoplaydiv { padding: 15px; }
    .videoplaydiv .h30 { height: 5px; }

    .videoplaydiv .fl { width: 230px; }
    .playvideo { width: 30px; }

    .sysimgtab { width: calc(100% - 40px); }
    .ydpr { width: 20px; }





    .solutnr4 { height: auto; }
    .solutnr4 > div { width: 100%; position: relative; left: 0px; }
    .solutnr4.on > div { right: 0px; }
    .cpnrw { width: auto !important; }
    .solutnr4_left { padding: 20px 20px; }
    .solutextjt { width: 100%; }
    .solutextjt p { line-height: 1.4; margin-bottom: 10px; padding-left: 14px; background: url(../img/jiantou.png) left 6px no-repeat; background-size: 7px; }

    .sol4textimg { width: 35% !important; height: 200px; position: relative; margin: 0px auto !important; }
    .solutnr4.on > div > div { position: relative; }
    .solutnr4_left.on { width: calc(100% - 40px); }
    .sol4textimg.on { right: auto; left: auto; top: auto; width: 100%; }
    .cplist > div { margin-bottom: 30px; }

    .solbottom { width: 130px; padding: 13px 0px 13px 20px; }
    .solbottom span { width: 20px; height: 13px; margin-left: 15px; }
    .solbottom:hover span { margin-left: 30px; }
    .zlbut { padding: 10px 20px; width: 210px; }
    .zlbut img { top: 11px; right: 30px; }

    .butw167 { width: 135px !important; }

    .pvbuttom_big { width: 235px; line-height: 52px; }
    .pvbuttom_big div { width: 53px; height: 45px; }
    .pvbuttom_big p { width: 180px; height: 45px; line-height: 45px; }

    .solutabdiv { display: block; overflow: hidden; }
    .w110 { display: none; }
    .solutabdiv .solutab { width: calc( 100% - 40px); margin: 0px auto; display: block; overflow: hidden; padding: 10px 20px; }
    .solutab > div { float: left; }
    .solutab > span { float: left; }

    .newinlist { top: 20px !important; left: 40px !important; max-width: calc(100% - 60px) !important; }
    .newinlists { top: 20px !important; right: 40px !important; max-width: calc(100% - 60px) !important; }

    .solutnr1xian { margin-top: 0px; }
    .disnr3 { width: 100%; margin-left: 0px; margin-top: 15px; }

    .int3 > div:nth-child(2n) .intidiv { top: 0px !important; left: 0px !important; width: 100% !important; position: relative !important; height: 275px; }
    .int3 > div:nth-child(2n) .int3nr { left: 0px !important; display: block; position: relative; }

    .intidiv { width: 100%; height: 275px; position: relative; }

    .procp a { width: calc(100%/2 - 10px); margin-right: 10px; height: auto; }
    .procp a:nth-child(2n) { margin-right: 0px; }
    .procpimg { height: auto; }
    .procptext { margin-top: 0px; word-break: break-all; height: 40px; text-align: center; }

    .procp { overflow: hidden; margin-bottom: 30px; }

    .primg { margin-left: -20px; width: calc(100% + 40px); height: 300px; }
    .bannewbs { width: 100%; margin-top: 0px; }
    .xpmlh { margin-top: 0px; }

    .prtextlist { padding: 0px; }
    .prtextlist li { padding-top: 30px; width: 100%; }
    .prtextlist li div { margin-left: 0px; }
    .prtextlist p { margin-left: 0px; }

    .prlist li { width: 100%; height: 230px; }
    .prlistwb { top: 30px; left: 30px; width: calc( 100% - 60px ); }

    .prb_playxpm { height: 250px; min-height: 250px; }
    .prplaybuttom { width: 120px; height: 40px; line-height: 40px; }
    .prdownlist dt > div { width: 20px; height: 20px; margin-top: 15px; }
    .prdownlist dd { width: 100%; background: url(../img/prdownloadsico.png) no-repeat left 15px; height: 90px; padding-top: 15px; }

    .ser3nr1 { display: block; }
    .ser3nr1 > div { width: 100%; height: 180px; }

    .ser3nr2xt { width: 50px; margin-right: 0px; margin-top: 0px; margin-bottom: 10px; height: 3px; }
    .ser3nr2wb { width: 100%; margin-right: 0px; }
    .sre3i2 { position: relative; width: 100%; }
    .ser3nr2 { padding-bottom: 20px; }
    .videodivif { text-align: center; }
    .videodivif img { width: 70%; }

    .ser3list li .ser3listimg { width: 100%; }
    .ser3list li .ser3listnr { width: 100%; }

    .ser3list li .ser3listtitle span { top: 3px; bottom: 4px; }
    .ser3list li .ser3listtitle { padding-left: 15px; }
    .ser3list li .ser3listfbt { margin: 0px; padding: 0px; }
    .ser3list li .ser3listfbut { margin-left: 0px; }
    .ser3list li { margin-bottom: 20px; }

    .sre3inr { width: 100%; }
    .sre3isimg { height: auto; }
    .sre3is { position: relative; width: 100%; left: 0px; margin-bottom: 15px; }
    .sre3ititle { padding-left: 15px; }
    .sre3ititle span { top: 4px; bottom: 7px; width: 3px; }
    .sre3ixq { padding-left: 15px; }

    .contuswb { line-height: 1.2; margin-top: 50px; }
    .contustel { display: block; }
    .contustel > div { margin-right: 0px !important; margin-bottom: 10px; }
    .contustel .w10 { width: 5px; }

    .seri1 { height: 17px; }
    .seri2 { height: 18px; }
    .disrtxz { width: auto; margin-bottom: 20px; }
    .disrtxzlist { margin-bottom: 20px; }
    .disrtxzlist li { width: 50%; margin-top: 25px; }

    .ser2list li { height: auto; width: calc( 100% - 30px ); padding: 15px; margin-bottom: 15px; }
    .ser2list li div:nth-child(1) { min-height: 0px; margin-bottom: 15px; margin-top: 15px; }

    .diziimg { width: 100%; margin-right: 0px; height: auto; float: none; }
    .dizidz { position: relative; left: 0px; width: 100%; height: auto; padding-bottom: 15px; padding-top: 10px; }

    .conbanne { height: 400px; }
    .sform { padding: 20px; }
    .sformlinrnum { width: 25px; height: 25px; }
    .sformlinrl { margin-right: 10px; }
    .sformlinrr { width: 100%; margin-top: 15px; }
    .disform > div { height: auto; }
    .disform > div.n3 { width: 100%; }
    .disinput input { width: calc( 100% - 85px ); }
    .selectjt { right: 35px; }
    .distextarea textarea { width: 100%; margin-right: 0px; height: 70px; padding: 10px; }
    .disform > div.n2 { width: 100%; }
    .disinput { margin-top: 0px; }
    .butdiv { width: 100% !important; }
    .disbut2 { width: 120px; height: 40px; margin-left: 20px; }

    .w875 { width: 100%; }

    .casetitle { margin-top: 0px; }

    .sasenr1 > a { width: 100%; margin-right: 0px; }
    .new2more { height: 48px; }

    .swiper-container.sasesw { width: 100%; }
    #sasesw .gb { top: 20px; right: 20px; width: 20px; }
    .swiper-container.sasesw { margin-top: 50px; height: 195px; }
    #sasesw .swiper-pagination { top: 250px; width: 100%; }
    .saseswtxt { height: 187px; margin-top: 32px; z-index: 3; position: relative; width: calc( 100% - 40px ); margin-left: 20px; }
    #sasesw > div > div { height: 500px; }
    .saseswtxtgdt { height: 225px; }
    .aboutnav.num4 > div { margin-right: 0px; padding: 15px 0px; }

    .evelist li { display: block; margin-bottom: 20px; padding: 15px; }
    .evelist li div:nth-child(1) { width: 100%; margin-top: 10px; }
    .evelist li div:nth-child(2) { width: 100%; margin: 0px; margin-top: 10px; }
    .evelist li div:nth-child(3) { width: 100%; margin: 0px; margin-top: 10px; }
    .evelist li div:nth-child(4) { width: 100%; margin: 0px; margin-top: 10px; }

    .new2list { padding: 0px 0px; width: 100%; margin-top: 0px; }
    .new2list li { margin-bottom: 25px; }
    .new2list li .new2listimg, .new2list li .new2listnr { height: 200px; width: 100%; }
    .new2list li .new2listnr { height: auto; background: #f3f3f3; }
    .new2list li .new2listnr > div { padding: 20px 0px 60px 0px; }
    .new2listnra { bottom: 0px; width: 160px; height: 40px; }
    .new2listnra div { width: 45px; }

    .disnr1 { width: 100%; margin-left: 0px; top: 0px; }
    .disi1 { width: auto; max-width: 100%; margin: 20px 0px; }
    .websingnr1 { width: 100%; padding: 0px; }

    .acdet { width: calc(100% - 50px); margin-left: 20px !important; margin-right: 0px !important; }
    .disrlist li { width: 100%; }

    .disrlist li { width: calc( 100% - 30px ); padding: 0px; height: auto; padding: 15px; }

    .disan { display: block; }
    .disbannebut1 { width: 250px; height: 40px; margin: 0px auto 20px auto; }
    .distrform { width: 100% !important; margin-top: 15px; }
    .disi1 { position: relative; bottom: 0px !important; }

    .w1190 { padding: 0px; min-width: 0px !important; }

    .webtxt { margin-top: 15px; }
    .nrHbannes { height: 280px; }

    .webi5 { height: 370px; }
    #websw2 { height: 341px; }
    #websw2 .swiper-slide { height: 305px; }

    #websw2.swiper-container-horizontal > .swiper-pagination-bullets { opacity: 1; bottom: 5px; }
    #websw2 .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #ee5800; }

    .seblist li { margin-bottom: 30px; overflow: hidden; }
    .seblisplay div { width: calc(100% - 0px); margin-left: 0px; }

    .seblistnr { display: block; }
    .seblistnr > div:nth-child(1) { width: 100%; margin-right: auto; float: left; margin-bottom: 40px; }
    .seblistnr > div:nth-child(1) > div { bottom: -18px; }
    .seblistnr > div:nth-child(2) { width: 100%; float: left; }
    .seblisplay { width: 100%; }

    .seblistnr > div:nth-child(3) { width: 100%; float: left; margin-top: 20px; text-align: left; }
    .seblistnr > div:nth-child(4) { width: calc( 100% - 2px ); height: 40px; float: right; margin-left: 0px; margin-top: 20px; }
    .solutnr1xian { width: 50px; margin-right: 300px; }

    .webdertxt { width: 100% !important; margin-top: 15px; margin-left: 0px !important; }

    .calendar { left: 0px; padding: 15px; width: 316%; top: 35px; }
    .calendarspan { top: -10px; left: 20px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; border-top: none; }

    .calendar img { width: 40px; }
    .calendarjs { width: 100%; margin-top: 10px; }
    .disinput img { width: auto; }

    .disform .disbut2 { width: 100px !important; }

    .webi3 { margin-top: 30px; height: 430px; }

    .webnr3title { position: relative; top: 0px; left: 0px; margin-top: 20px; }
    #webnr3sw { width: 100%; position: relative; top: 0px; left: 0px; margin-top: 20px; height: 240px; }
    #webnr3sw .swiper-slide { width: calc( 100% - 20px ); }
    #webnr3sw .swiper-slide > div { padding: 25px; }

    #webnr3sw .swiper-slide.video .webnr3tb { background: url(../img/bofangon.png) no-repeat; background-size: 100% 100%; bottom: 20px; right: 20px; width: 30px; height: 30px; }

    #elavideo video { width: 100%; height: auto !important; }

    .w800 { width: auto; padding: 0px; }
    .w800 .h45 { height: 20px; }

    .sersearch input { padding: 15px 105px 15px 40px; }
    .serssi { width: 18px; margin-left: 13px; }
    .ssbut { width: 90px; top: 5px; right: 5px; bottom: 5px; }

    .sertype { display: block; }
    .sertypebg.baidi { background: #fff; height: 50px; margin-top: 5px; padding: 0px 15px; }

    .sertype > div { width: 100% !important; margin: 0px 0px 10px 0px !important; }

    .dowtypelistimg { width: 50px; height: 50px; }
    .dowtypelist > div { height: 150px; }

    .serradxz { margin: 0px; }
    .serbut2 { width: 150px; }
    .serradxz .w10 { width: 10px !important; }
    .select { margin-top: 16px; width: calc( 100% - 40px) !important; }

    .rk { width: 120px; height: 40px; bottom: 80px; right: 20px; z-index: 3; }

    .int3nrxian { margin-top: 0px !important; height: 3px; }

    .jointxt { width: 100% !important; margin-left: 0px !important; margin-top: 15px !important; }

    .int3 > div.h536 { margin-top: 0px; }
    .int3 > div.h536 img { width: 100%; max-width: 100%; margin-left: 0px; }
    .joinsusnr2 li { padding: 15px; width: calc(100% - 30px); height: auto; position: relative; margin-left: 0px !important; left: 0px !important; margin-bottom: 20px; }

    .joinsusnr2 li > div { padding: 0px; }

    .ditus, .ditu { margin-top: 170px; margin-right: 0px; -webkit-transform: scale(0.5); transform: scale(0.5); -ms-transform: scale(0.5); -webkit-transform-origin: top right; transform-origin: top right; -ms-transform-origin: top right; right: 0px; }

    .joinsusnr3 { height: 500px; }

    .disnr2 { width: 100%; margin-right: 0px; }

    .newl, .newr { width: 35px; height: 35px; margin-top: -30px; }
    .newl img, .newr img { width: 13px; }

    #newsw1 { height: 250px; border-top: #e5e5e5 solid 2px; margin-top: 30px; border-bottom: #e5e5e5 solid 2px; }
    #newsw1 .swiper-slide.swiper-slide-active > div { padding: 0px; }
    #newsw1 .swiper-slide > div { padding: 0px; }
    #newsw1 .swiper-slide.swiper-slide-active > span { display: none; }
    #newsw1 .swiper-slide > div > div > div:nth-child(1) { margin-bottom: 5px; margin-top: 15px; }
    #newsw1 .swiper-slide > div > div > div:nth-child(2) { height: 42px; }
    #newsw1 .swiper-slide > div > div > div:nth-child(3) { margin-bottom: 10px; line-height: 24px; margin-top: 10px; padding-top: 10px; height: 100px; }
    #newsw1 .newa img { margin-left: 20px; }

    .newnr3t1 { width: 100%; height: 335px; }
    .newnr3title { padding: 30px 20px 20px 20px; width: calc(100% - 40px); }
    .newnr3fr { width: 100%; }

    .newnr3t2 { margin-top: 20px; width: 100%; }

    .newnr3a { bottom: 0px; height: 40px; width: 130px; }
    .newnr3a div { width: 35px; }

    .new2xian { display: block; margin-top: 10px; }
    .new2list li .new2listnr > div { padding: 20px 20px 60px 20px; }

    .xpp100 { padding: 0px; margin-top: 20px; }

    .mop0 { padding: 0px; }

    .news2time { margin-top: 60px; }

    .new2but { width: 100%; height: 40px; display: none !important; }
    .new2but.dn { }

    .new2butu, .new2butd { width: 10px; height: 18px; bottom: 10px; }
    #new2sw1 { width: 100%; height: 375px; }

    .news2nr { padding: 20px; }
    .sxye { margin-bottom: 20px; }
    .sxye > div { width: 50%; }
    .new2syy { margin-right: 20px; }

    .whit { display: none; }
    .mowhit { display: block !important; width: 100%; overflow: hidden; margin-top: 20px; }
    .whixx { margin-left: 0px; margin-right: 10px; float: left; }
    .whixx i { margin-top: -3px; }
    .whiz { width: 100% !important; }
    .whititle { width: 100%; margin-top: 30px; }

    #whisw1, #whisw2 { width: 100% !important; margin-top: 30px; height: 465px; height: 475px; }
    #whisw1 .swiper-slide > div, #whisw2 .swiper-slide > div { width: 100%; top: 0px; }
    .whisw1ud { top: 420px; left: 0px; }

    .maplist li > div:nth-child(1) { position: relative; width: 100%; padding: 10px 0px; }
    .maplist li > div:nth-child(2) { width: calc( 100% - 34px ); padding: 15px 15px 0px 15px; }
    .maplist li > div:nth-child(2) > div { width: 100% !important; margin: 0px !important; padding-bottom: 20px; }

    .solutnr1xian { width: 50px; }


    .legh { height: 50px; }
    .legtxt1 { margin-top: 20px; }
    .legtxt2 { width: 100%; margin: 20px 0px 0px 0px; }


    .ssinput { width: 100%; }
    .ssinput input { padding: 13px 95px 13px 40px; }
    .ssissi { width: 47px; }
    .ssissi img { width: 20px; }
    .ssibut1 { width: 85px; }

    .mobilenavtab { overflow-y: auto; }
    .mobilenavtab .ssnav { height: auto !important; width: 100% !important; overflow-y: auto; margin-top: 30px; margin-bottom: 30px; }
    .mobilenavtab .ssnav li .ssnavu { padding: 5px 0px; }
    .mobilenavtab .ssnav li .ssnavd { height: auto; }
    .mobilenavtab .ssnavd > div > div:nth-child(1) { color: #6b6b6b; }
    .mobilenavtab .ssnavd > div { margin-top: 7px; border-top: #ececec solid 1px; padding-top: 7px; }
    .mobilenavtab .ssnav li:hover .ssnavu { background: none; }
    .mobilenavtab .ssnav li:hover .ssnavd { height: auto; }
    .mobilenavtab .ssnavd > div > div:hover { color: none; }
    .mobilenavtab .ssnavd > div > div:hover > span { opacity: 0; }
    .mobilenavtab .ssnavd > div > div { padding: 3px 0px 3px 15px; }

    .mobilelan { overflow-y: auto; }

    .mobilenavtab .homeicont { background: url(../img/homeiconon.png) no-repeat; background-size: auto 100%; }
    .mobilenavtab .zhangtingt { background: url(../img/zhangtingon.png) no-repeat; background-size: 100% auto; }
    .mobilenavtab .livet { background: url(../img/liveon.png) no-repeat; background-size: 100% auto; }
    .mobilenavtab .ssnav li { border-bottom: #ececec solid 1px; padding-bottom: 5px; }
    .mobilenavtab .nav2lmd2all { margin-left: 15px; padding-top: 7px; color: #797979; padding-bottom: 0px; margin-bottom: 0px; border: none; }

    .mobilelan .lanlist { margin-left: 0px; }
    .mobilelan .lantitle { color: #7d7d7d; line-height: 19px; margin-bottom: 12px; margin-left: 0px; margin-top: 15px; width: 100%; border-bottom: #b9b9b9 solid 1px; padding-bottom: 12px; }
    .mobilelan .landescribe a { color: #333; }




    .probanne.xsj { height: 310px }
    .probanne { height: 470px; }
    .prdowntext div { margin-right: 30px !important; }
    .bannewb2 { margin-top: 10px; }
    .Available { margin-top: 0px; }
    .mapimg { width: 24px; margin-left: 13px; }

    .footera { display: none; }
    .footera.dn { display: block; overflow: hidden; }
    .footera div { margin-left: 0px; padding-left: 0px; border-left: none; border-right: #515151 solid 1px; width: calc( 50% - 35px ); float: left; margin-right: 35px; padding-right: 25px; }
    .footera div:nth-child(2) { margin: 0px; padding: 0px; border: none; }
    .footera a { font-size: 12px; line-height: 12px; height: 40px; }

    .pos { display: none; }

    .swiper-pagination.px11 .swiper-pagination-bullet { width: 7px; height: 7px; }
    .pvbuttom_big { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

    .pvimglist li .pvimg1 { height: 320px; }
    .pvimglist li .pvimg1.on { right: 20px; }
    .pvimglist li:nth-child(2n) .pvimg1.on { left: 0px; }
    .pvimglist li .pvimg1.on { right: 20px; }

    .pvimglist li .pvimg1 { width: 100%; }

    .procptext > div:nth-child(2n) { display: none; }

    .joinsusnr2 { height: auto; }

    .sertypebg { height: 45px; }

    .jobtitle { width: 100%; }

    .jobfbt { display: block; width: 100%; margin: 0px; margin-top: 30px; }
    .jobfbt > div { width: 100% !important; margin-right: 0px; margin-left: 0px; margin-bottom: 10px; }
    .joblist { }
    .joblist li { padding: 15px; }
    .joblist li .joblistup { height: auto; display: block; }
    .joblist li .joblistup .jobnrtxt1, .joblist li .joblistup .jobnrtxt2, .joblist li .joblistup .jobnrtxt3 { width: 100%; margin-bottom: 10px; }
    .joblist li .joblistup .jobnrtxt4 { width: 122px; }
    .joblist li .joblistup .jobnrtxt5 { float: right; margin-top: -36px; }

    .joblistud > div { padding: 15px 0px; }
    .ccgd { padding-right: 15px; }
    .joinjobbut1, .joinjobbut2 { width: 140px; height: 44px; }
    .joinjobnr .f28 { font-size: 18px; }
    .jobapply { background: #ff7300; color: #fff; }

    .serlisttitle { display: block; overflow: hidden; }
    .serlisttitle > div { width: 50% !important; float: left !important; margin: 0px !important; padding: 0px !important; text-align: left !important; margin-bottom: 15px !important; }
    .serlisttitle > div:nth-child(1) { display: none; }

    .serlist > div { height: auto; padding: 15px 15px 0px 15px; }
    .serlistli { display: block; overflow: hidden; }
    .serlistli > div { width: 50% !important; float: left !important; margin: 0px !important; padding: 0px !important; text-align: left !important; margin-bottom: 15px !important; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; }
    .serlistli > div:nth-child(1) { display: block; }

    .pronav { display: block; margin-top: 0px; }
    .pronavbx { display: none; }
    .pronavli { padding-top: 10px; }
    .pronavlitxt { margin-bottom: 10px; margin-top: 5px; color: #ff7300; }
    .pronavliico > div:nth-child(2) { opacity: 0; }
    .pronavliico > div:nth-child(2) { opacity: 1; }
    .pronavli:hover .aboutnav, .pronavli.on .aboutnav { height: auto; display: block; top: 0px; position: relative; }
    .aboutnav.num6 > div { margin-right: 0; padding: 15px 0px; }
    .aboutnav { top: 0px; }

    .solutnr2 { display: none; }
    .solutnr2.dn { display: block; }

    .solutnr2hdico { margin-top: 20px; margin-right: 15px; border-bottom: #d2d2d2 solid 0px; padding-bottom: 0px; }

    .soli { width: 40px; height: 58px; margin-bottom: 5px; }
    .solutnr2hdico > div:hover span, .solutnr2hdico > div.on span { opacity: 0; }
    .solutnr2hdico > div { width: 100%; display: block; overflow: hidden; }
    .solutnr2 { height: auto; overflow: hidden; }
    .solutnr2hdico .pr.tec .tran300 { color: #ff7300; }
    .solutnr2hd { height: 100%; }
    /*  */
    .soli { -webkit-filter: grayscale(0%); filter: grayscale(0%); }

    .solutnr2_nr1 { margin-bottom: 40px; padding-top: 20px; }
    .solutnr2hd { width: 100%; right: 0px; }

    .int3nr p.ovh.animated.fadeInUp { height: 70px; }

    .pplimg { width: 34%; }

    .casexph170 { height: 42px; }
}

@media screen and (max-width: 600px) {

    .h200 { height: 22px; }
    .nrHbanne { height: 145px; }
    .pvimglist li .pvimg1 { height: 261px; }
    .pplimg { width: 80%; }
    .pvcaseimg { height: 200px; }
    .sol4textimg { width: 70% !important; }
    .products_ban_img { width: 80%; margin-top: 0px; margin-left: 10%; }
    .probanne.xsj { height: 175px; }

    .webi5 { height: 225px; }
    #websw2 { height: 195px; }
    #websw2 .swiper-slide { height: 165px; }

    .joinsusnr3 { height: 400px; }
    .ditus, .ditu { -webkit-transform: scale(0.3); transform: scale(0.3); -ms-transform: scale(0.3); -webkit-transform-origin: top right; transform-origin: top right; -ms-transform-origin: top right; right: 0px; }
    #new2sw1 { width: 100%; height: 215px; }

    .new2bgp60 { padding: 0px 0px; min-width: 0px; }
}

.he_banpc { display: block; }

.he_banph { display: none; }

@media only screen and (min-width: 0px) and (max-width: 750px) {
    .he_banpc { display: none; }

    .he_banph { display: block; }
}

.he_banpc { display: block; }

.he_banph { display: none; }

@media only screen and (min-width: 0px) and (max-width: 750px) {
    .he_banpc { display: none; }

    .he_banph { display: block; }
}

#subscribe .gb { top: 3%; right: 3%; z-index: 3; width: 30px }
.subscribe { width: 43px; height: 44px; bottom: 300px; right: 50px; background: url(../img/subscribe.png) no-repeat; background-size: 100% auto; z-index: 3; }
/*.subscribe:hover { background: url(../img/subscribe_hove.png) no-repeat; }*/
.subscribe-dialog { width: 960px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 20px; min-height: 600px; }

.subform { width: 100%; /*height: 54px;*/ margin-bottom: 15px; overflow: hidden; }
.subform > input, select { width: 100%; height: 100%; padding: 0 20px; font-size: 18px; line-height: 1; margin: 0; border: 0; outline: none; background: none; overflow: hidden; box-sizing: border-box; }
.subform > .errors { padding-left: 8px; margin-top: 5px; opacity: 1 }
.subform.small { width: 25%; }
.subform.default { width: calc(100% - 27%) }
.subform.medium { width: calc((100% - 20px) / 2) }
.subform-sl { border: 1px solid #E7EBF3; border-radius: 30px; padding: 0; margin: 0px; height: 53px; }
/*.subform-sl:hover { border: 1px solid #FF7900; }*/
.subform-sl > input { width: calc(100% - 30px); padding: 0 20px; font-size: 18px; line-height: 1; margin: 0; border: 0; outline: none; background: none; overflow: hidden; box-sizing: border-box; }
.subform-sl > input.default { width: 100%; padding: 0 20px; font-size: 18px; line-height: 1; margin: 0; border: 0; outline: none; background: none; overflow: hidden; box-sizing: border-box; }

.subform-slimg { width: 23px; height: 13px; background: url(../img/xsj2s1.png) no-repeat; margin-right: 15px; cursor: pointer; }
.subform-sl.on .subform-slimg { background: url(../img/xsj2s.png) no-repeat; -webkit-transform: rotate(180deg); transform: rotate(180deg); -ms-transform: rotate(180deg); }


@media screen and (max-width: 800px) {
    .subscribe { bottom: 80px; right: 20px; }
    .subscribe-dialog { min-height: 640px; }
    .select { margin-top: 0; }
}

.subscribe-dialog__header { text-align: center; padding: 40px; background: linear-gradient(#ffddbf, white); border-radius: 20px 20px 0 0; }
.subscribe-dialog__title { width: calc(100% - 32px); color: #000; font-weight: bold; font-size: 26px }
.subscribe-dialog__body { height: auto; border-radius: 0 0 20px 20px; padding: 0 0 20px 0; overflow: auto; }
.subscribe-dialog__footer { width: 100%; z-index: 4; height: 65px; background: #fff; }
.subscribe-dialog__body > div.controls { padding: 20px; }
.subscribe-dialog__footer > div.subscribe_btn { margin-left: 0; border-radius: 30px; width: 240px; height: 50px }
.subscribe_select { top: 85px; border-radius: 10px; max-height: 200px; background: #fff; box-shadow: 0px 0px 10px rgb(0 0 0 / 20%); overflow-y: auto; overflow-x: hidden; }

.subscribe_select li { padding: 10px 25px; }
.subscribe_select li:hover { background: #eee; }

.subscribe_select::-webkit-scrollbar { width: 2px; background-color: #f5f5f5; }
.subscribe_select::-webkit-scrollbar-track { background-color: #d2d2d2; }
.subscribe_select::-webkit-scrollbar-thumb { background-color: #ff7300; }

.subscribe_select::scrollbar { width: 2px; background-color: #f5f5f5; }
.subscribe_select::scrollbar-track { background-color: #d2d2d2; }
.subscribe_select::scrollbar-thumb { background-color: #ff7300; }

.subscribe_select::-ms-scrollbar { width: 2px; background-color: #f5f5f5; }
.subscribe_select::-ms-scrollbar-track { background-color: #d2d2d2; }
.subscribe_select::-ms-scrollbar-thumb { background-color: #ff7300; }


.subscribe-dialog__body::-webkit-scrollbar { width: 2px; background-color: #f5f5f5; }
.subscribe-dialog__body::-webkit-scrollbar-track { background-color: #d2d2d2; }
.subscribe-dialog__body::-webkit-scrollbar-thumb { background-color: #ff7300; }
.subscribe-dialog__body::scrollbar { width: 2px; background-color: #f5f5f5; }
.subscribe-dialog__body::scrollbar-track { background-color: #d2d2d2; }
.subscribe-dialog__body::scrollbar-thumb { background-color: #ff7300; }
.subscribe-dialog__body::-ms-scrollbar { width: 2px; background-color: #f5f5f5; }
.subscribe-dialog__body::-ms-scrollbar-track { background-color: #d2d2d2; }
.subscribe-dialog__body::-ms-scrollbar-thumb { background-color: #ff7300; }


@media screen and (max-width: 1700px) {
    .subscribe-dialog__header { padding: 20px 20px; }
}

@media screen and (max-width: 1440px) {
    .subscribe-dialog__header { padding: 16px 20px; }
}

/*@media screen and (max-width: 1366px) {
    .subform { height: 44px; }
}*/

@media screen and (max-width: 1280px) {
    #subscribe .gb { top: 15px; right: 20px; width: 24px; }
    .subform { margin-bottom: 13px; }
    .subform-sl { height: 40px; }
    .subscribe-dialog { transform: translate(-50%, -50%) scale(0.8); }
    /*.subscribe-dialog__body { height: 540px }*/
    .subscribe-dialog__body { height: auto }
}

@media screen and (max-width: 1024px) {
    .subscribe-dialog { width: 85%; }
    .subscribe-dialog__title p { font-size: 22px; }
}

@media screen and (max-width: 800px) {
    .subscribe-dialog { transform: translate(-50%, -50%) scale(0.9); width: 95%; }
    /*.subscribe-dialog__body { height: 600px }*/
    .subscribe-dialog__body { height: auto }

    .subform { margin-bottom: 10px; }
    .subform.small, .subform.default { width: 100%; }
    .subform-sl { height: 42px; }
    .subscribe-dialog { min-height: 600px }
    .subscribe-dialog__title { font-size: 20px; }
    .subscribe-dialog__header { padding: 12px 19px; }
    .subscribe_select { margin: 0px; }
}

@media screen and (max-width: 480px) {
    .subform-sl { height: 36px; }
    .subscribe-dialog__header { padding: 12px 19px; }
    .subscribe-dialog__title { font-size: 16px; }
    /*.subscribe-dialog__body { height: 590px; }*/
    .subscribe-dialog__body { height: auto }
    .subscribe-dialog__body > div.controls { padding: 10px; }
    .subscribe-dialog__footer > div.subscribe_btn { width: 200px; height: 45px }
}

.nav2lmd2 > div.productmenu { max-height: 620px; overflow: auto; }
.nav2lmd2 > div.productmenu { scrollbar-width: thin; scrollbar-color: #ff7300 #d2d2d2; }
.nav2lmd2 > div.productmenu::-webkit-scrollbar { width: 2px; background-color: #f5f5f5; }
.nav2lmd2 > div.productmenu::-webkit-scrollbar-track { background-color: #d2d2d2; }
.nav2lmd2 > div.productmenu::-webkit-scrollbar-thumb { background-color: #ff7300; }
.nav2lmd2 > div.productmenu::scrollbar { width: 2px; background-color: #f5f5f5; }
.nav2lmd2 > div.productmenu::scrollbar-track { background-color: #d2d2d2; }
.nav2lmd2 > div.productmenu::scrollbar-thumb { background-color: #ff7300; }
.nav2lmd2 > div.productmenu::-ms-scrollbar { width: 2px; background-color: #f5f5f5; }
.nav2lmd2 > div.productmenu::-ms-scrollbar-track { background-color: #d2d2d2; }
.nav2lmd2 > div.productmenu::-ms-scrollbar-thumb { background-color: #ff7300; }

.tag { position: absolute; top: 0px; left: 0px; }
.tag img { width: 100%; }

@media screen and (max-width: 1280px) {
    .procpimg > div.tag img { width: 75%; }
}

.tag.lf { right: auto; left: 0px; }
.tag.ri { right: 0px; top: 0px; }

.header.act { position: fixed; top: 30px; box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.06); }
.topnav.act { position: fixed; }