@charset "utf-8";
/* CSS Document */


.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; background-color: #fff }
.m0aoto2{ margin: 0px auto; background-color: #eee }
.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; }
.f188{ font-size: 14px; }
.f20{ font-size: 20px; }
.f22{ font-size: 16px; }
.f24{ font-size: 24px; }
.f28{ font-size: 20px; }
.f30{ font-size: 30px; }
.f36{ font-size: 36px; }
.f38{ font-size: 38px; }
.f40{ font-size: 40px; }
.f48{ font-size: 32px; }
.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: 30px; }
.h60{ height: 60px; }
.h65{ height: 65px; }
.h70{ height: 70px; }
.h80{ height: 80px; }
.h88{ height: 88px; }
.h90{ height: 90px; }
.h100{ height: 100%; }
.h101{ height: 30px; }
.h110{ height: 110px; }
.h125{ height: 125px; }
.h130{ height: 130px; }
.h140{ height: 70px; }
.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';}
.MonRegular2{font-family:'Montserrat-Regular'; margin-top: 30px; margin-left: 14px;}
.MonHairline{font-family:'Montserrat-Hairline'}
.MonSemiBold{font-family:'Montserrat-Semi-Bold'; padding-top: 10px}
.MyriadPro{font-family:'MyriadPro'}

.b1b1b1b{ background: #1b1b1b; }
.b252525{ background: #252525;}
.be97702{ background: #00a651; }
.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: 1170px; 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: -520px; height: 520px;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: 170px; 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: 190px; 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: -590px; height: 590px; 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: 230px; 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: 90px; display: flex; overflow-x: auto; overflow-y: hidden; padding-left: 35px;}


.nav2lmd3>div>div{ width: 300px; height: 460px; 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: 0; }

.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: 15px; padding-left: 15px; 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; }
 

/*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:450px; }
.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: 4px; }
.solutnr1{ padding-top: 65px; }
.solutnr22{ padding-top: 50px; text-align: center}
.solutnrvideo{ padding-top: 1px; text-align: center}
.solutnr1nr div{width:calc(50% - 50px); margin-right: 100px; }
.solutnr1nr div:nth-child(2){ margin-right: 0px; }
.solutnr2{ height: 320px;}
.solutnr2hdico{ margin-top: 80px; margin-right: 0px; padding-left: 0px;}
.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: 1170px; height: 460px; top: 0px;}
.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: 420px; }
.solutnr4>div{ width: 1170px; 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: 30px 60px 60px 35px;}
.solutnr4_left.on{ float: right; width: 50%; }
.sol4textimg{ height:400px;  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;}
.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;}

.quan1{ top: 156px; left: 75px; }
.quan2{ top: 80px; left: 544px; }
.quan3{ top: 147px; left: 529px; }
.quan4{ top: 278px; left: 880px; }


.quan5{ top: 244px; left: 110px; }
.quan6{ top: 109px; left: 257px; }
.quan7{ top: 530px; left: 257px; }
.quan8{ top: 480px; left: 332px; }
.quan9{ top: 92px; left: 585px; }
.quan10{ top: 112px; left: 551px; }
.quan11{ top: 131px; left: 595px; }
.quan12{ top: 152px; left: 683px; }
.quan13{ top: 509px; left: 666px; }
.quan14{ top: 227px; left: 781px; }
.quan15{ top: 336px; left: 989px; }
.quan16{ top: 295px; left: 1014px; }
.quan17{ top: 274px; left: 980px; }
.quan18{ top: 208px; left: 1028px; }
.quan19{ top: 172px; left: 1066px; }
.quan20{ top: 171px; left: 1111px; }
.quan21{ top: 527px; left: 1155px; }
.quan22{ top: 276px; left: 1073px; }

.quans{ width: 30px; height: 30px; margin-top: 35px; margin-left: 35px; }


.quan1s{ top: 156px; left: 76px; }
.quan2s{ top: 80px; left: 544px; }
.quan3s{ top: 146px; left: 530px; }
.quan4s{ top: 277px; left: 880px; }


.quan5s{ top: 243px; left: 111px; }
.quan6s{ top: 109px; left: 257px; }
.quan7s{ top: 530px; left: 257px; }
.quan8s{ top: 480px; left: 333px; }
.quan9s{ top: 92px; left: 585px; }
.quan10s{ top: 111px; left: 552px; }
.quan11s{ top: 130px; left: 594px; }
.quan12s{ top: 152px; left: 683px; }
.quan13s{ top: 509px; left: 666px; }
.quan14s{ top: 228px; left: 782px; }
.quan15s{ top: 336px; left: 989px; }
.quan16s{ top: 296px; left: 1014px; }
.quan17s{ top: 274px; left: 980px; }
.quan18s{ top: 208px; left: 1028px; }
.quan19s{ top: 172px; left: 1066px; }
.quan20s{ top: 171px; left: 1111px; }
.quan21s{ top: 527px; left: 1155px; }
.quan22s{ top: 276px; left: 1074px; }

.quan{width: 100px;height: 100px;}
.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{display: none; 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) {
	 
 	.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: 1170px) {


	.w1280{  max-width: 980px; padding: 0px 20px; }
	.w1590{ min-width: 980px; max-width: 1590px; padding: 0px 20px; }
	.w1165{ min-width: 900px; max-width: 1170px; padding: 0px 0px; }
	.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: 70px; }
	.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{}
	.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: 340px; }

	.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; }
	.solutnr22{ padding-top: 30px; }
	.solutnrvideo{ padding-top: 10px; }

	.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: 0px 20px 20px 0px; }
	.solutextjt{ width: 100%; }
	.solutextjt p {line-height: 1.4;margin-bottom: 10px;}

	.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;}
}

.swiper-slide-active2{ width: 100%;background: #f8f8f8; margin-top: 38px}