@import url("public.css");
@import url("swiper.min.css");
@import url("animate.min.css");
body{background-color:#f5f5f5;}
header{z-index:99;top:0;left:0;position:fixed;width:100%;background:url(../index/topbg.jpg) repeat;height:120px;-moz-box-shadow:1px 1px 3px #333333; -webkit-box-shadow:1px 1px 3px #333333; box-shadow:1px 1px 3px #333333;}
div#header a.Logo{margin-top:4px;}
div#header a.Logo img{height:100px;}
div#header div.fr{text-align:right;height:120px;width:40%;}
div#header div.fr a.search{height:120px;width:160px;border:1px solid rgba(204,204,204,0.3);border-width:0px 1px; text-align:center; position:relative;display:inline-block;}
div#header div.fr a.search div.search_hide{width:250px;height:120px;background:url(../index/topbg.jpg) repeat;position:absolute;top:0;right:0;z-index:4;border-left:1px solid rgba(204,204,204,0.3);display:none;}
div#header div.fr a.search div.search_hide form#msear{width:90%;height:26px;position:absolute;top:50%;margin-top:-13px;left:50%;margin-left:-45%;}
div#header div.fr a.search div.search_hide form#msear input#keys{width:72%;height:26px;line-height:26px;background:none;border:0;float:left;color:#fff;}
div#header div.fr a.search div.search_hide form#msear input.subtn{width:26px;height:26px;background:url(../index/search.png) center 0px no-repeat;border:0; cursor:pointer;float:right;margin:0px 2%;}
div#header div.fr a.search span{display:inline-block;width:26px;height:26px;background:url(../index/search.png) center 0px no-repeat;margin-top:-13px;position:absolute;top:50%;left:50%;margin-left:-13px;z-index:2;}
div#header div.fr a.search:hover span{transition:all 0.3s;background-position:0 -27px;}
div#header div.fr dl.lang{position:relative;display:inline-block;float:right;width:100px; text-align:right;line-height:130px;font-size:14px;}
div#header div.fr dl.lang dt a{display:inline-block;color:#f0f0f0;padding-right:15px;background:url(../index/jt.png) right no-repeat;}
div#header div.fr dl.lang dd{position:absolute;width:117px;height:auto;overflow:hidden;padding-top:14px;background:url(../index/jtt.png) top no-repeat;right:-40px;top:120px;z-index:5;display:none;}
div#header div.fr dl.lang dd div{background:#f0f0f0;}
div#header div.fr dl.lang dd div a{display:block;line-height:34px;height:34px;border-bottom:1px solid #e5e5e5;text-align:left; text-indent:10px;color:#666;font-size:14px;}
div#header div.fr dl.lang dd div a:hover{background:#e5e5e5;}
div#header div.fr a.OpenMenu{display:inline-block;width:26px;height:26px;margin:14px;display:none;}
div#header div.fr a.OpenMenu span{display:block;width:100%;height:3px;background:#fff;margin-top:5px;}
.headFix{height:120px;}
menu{width:100%;background:#fff;position:fixed;top:120px;left:0;z-index:99;padding:0;height:44px;margin:0;display:none;z-index:66;}
.MenuOpen{display:block;}
menu div.Mhead{display:none;position:relative;}
menu div.MenuFooter{display:none;}
ul#Nav{width:100%; display:table;height:44px;line-height:44px;position:relative;}
ul#Nav>li{display:table-cell;width:15%;border-right:1px solid #e1e1e1;}
ul#Nav>li:last-child{border-right:0;}
ul#Nav>li>a{display:block;width:100%;float:left;text-align:center;color:#333;font-size:16px;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s;-o-transition: 0.6s;line-height:44px;}
ul#Nav>li>a:hover{background:#cc0000;color:#fff;}
ul#Nav>li:hover ul{display:block ;}
ul#Nav>li>ul{width:100%;top:44px;position:absolute;height:auto;overflow:hidden;left:0;background:url(../index/mbg.jpg) repeat;display:none;}
ul#Nav>li>ul>li{width:23%;float:left; text-align:left;padding:1%;}
ul#Nav>li>ul>li>a{color:#f0f0f0;display:block;margin-bottom: 14px;border-bottom: 1px solid #034a15;font-size:16px;height:44px;overflow:hidden;text-overflow:ellipsis;width:100%;}
ul#Nav>li>ul>li>ul li{height:auto;overflow:hidden;}
ul#Nav>li>ul>li>ul li a{color:#aaaaaa;line-height:18px;padding:9px 0;display:block;font-size: 16px;display:block;height:18px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;}
ul#Nav>li>ul>li a:hover{background:#009dec;color:#fff;padding-left:10px;transition:all 0.4s;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;}
ul#Nav>li>ul>li>ul li a.more{margin-top:8px;font-size:12px;text-transform:uppercase;border:1px solid #424242;border-radius:3px;behavior:url(ie-css3.html);width:63px;height:18px;line-height:18px;text-align:center;padding:3px 0;}
ul#Nav>li>ul>li>ul li a.more:hover{border:1px solid transparent;padding-left:10px;}
div#banner{height:auto;position:relative;overflow:hidden;z-index:5;width:100% !important;}
div#banner div.swiper-wrapper{width:100% !important;height:auto;max-height:100%;margin-left:auto;margin-right:auto;border:0;}
div#banner div.swiper-wrapper div.swiper-slide{text-align: 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;border:0;width:100% !important;}
div#banner div.swiper-wrapper div.swiper-slide img{max-width:100%;width:100%;}
div#banner .swiper-pagination{position:absolute;width:100%;bottom:5%;z-index:10; text-align:center;}
div#banner .swiper-pagination span.swiper-pagination-bullet{margin:0 .085rem;}
div#banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#C00;border-color:#fff;}
div#banner .swiper-slide .wenz{text-transform:uppercase;text-align:right;position:absolute;right:8%;top:28%;}
div#banner .swiper-slide .wenz h3{font-size:1rem;color:#171717;}
div#banner .swiper-slide .wenz span{margin:3.75% 0 4% 0;display:inline-block;width:5rem;height:2px;background:#171717;}
div#banner .swiper-slide .wenz div{font-size:.8rem;color:#171717;margin-top:3.46%;line-height:1rem; }
dl.View{padding:3% 6%;width:88%;background:url(../index/bck.jpg)  repeat;}
dl.View dt.tl{text-align:center;font-size:.8rem;color:#fff;}
dl.View dt.tl span{display:block;height:.05rem;width:1.2rem;background:#ccc;clear:both;margin:.2rem auto;}
dl#ProView dd.Pcn,dl#ProView dd.Pcn ul{height:auto;overflow:hidden;}
dl#ProView dd.Pcn ul li{height:auto;overflow:hidden;padding:1%;width:23%; text-align:center;float:left;}
dl#ProView dd.Pcn ul li a{display:block;width:100%;transition:all 0.5s ease-in-out;padding-bottom:.2rem;}
dl#ProView dd.Pcn ul li a span{display:block;text-align:center;overflow:hidden; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;color:#fff;}
dl#ProView dd.Pcn ul li a:hover span.img img{transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-moz-transform: scale(1.1);transition: all 0.5s ease-in-out;}
dl#ProView dd.Pcn ul li a span img{max-width:100%;width:100%;}
dl#ProView dd.Pcn ul li a span.Name{height:1rem;font-size:.5rem;line-height:1rem;} 
dl#ProView dd.Pcn ul li a em{display:block;text-align:center;overflow:hidden; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;color:#fff;font-size:.35rem; font-style:normal;height:.8rem;line-height:.8rem;} 
dl#ProView dd.Pcn ul li a:hover,dl#Solution dd.Scn ul li a:hover{background:#0093dd;}
dl#ProView dd.Pcn ul li a:hover span,dl#Solution dd.Scn ul li a:hover span,dl#ProView dd.Pcn ul li a:hover em{color:#fff;}
dl#ProView dd.Pcn a.more,dl#Solution dd.Scn a.more{width:15%;margin:.2rem auto;line-height:.9rem;height:.9rem;border-radius:.15rem;border:1px solid #0093dd;display:block;font-size:.35rem;color:#0093dd;text-align:center;}
dl#ProView dd.Pcn a.more:hover,dl#Solution dd.Scn a.more:hover{background-color:#0093dd;color:#fff;transition: all 0.5s ease-in-out;}
dl#Solution dd.Scn,dl#Solution dd.Scn ul{height:auto;overflow:hidden;width:100%;}
dl#Solution dd.Scn ul li{width:23%;float:left;height:auto;overflow:hidden;padding:1%;}
dl#Solution dd.Scn ul li a,dl#Solution dd.Scn ul li a span{display:block; text-align:center;}
dl#Solution dd.Scn ul li a span{overflow:hidden; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;color:#fff;}
dl#Solution dd.Scn ul li a:hover span.img img{transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-moz-transform: scale(1.1);transition: all 0.5s ease-in-out;}
dl#Solution dd.Scn ul li a span img{max-width:100%;width:100%;}
dl#Solution dd.Scn ul li a span.Name{height:1rem;font-size:.45rem;line-height:1rem;} 
div#News{padding:0 0;width:100% !important;height:auto;overflow:hidden;background:#000;position:relative;}
div#News .swiper-slide img{max-width:100%;}
div#News .swiper-slide a.Nimg{display:block;width:100% !important;text-align:center; position:relative;}
div#News .swiper-slide{position:relative;width:100% !important;}
div#News .swiper-slide .wenz{color:#ffffff;text-shadow:.05rem .05rem #000;top:50%;position:absolute;z-index:6;width:100%;text-align:center;left:0;height:4rem;margin-top:-2.5rem;}
div#News .swiper-slide .wenz span{display:block;background:#a3a3a3;height:.07rem;width:1.5rem;margin:.25rem auto;}
div#News .swiper-slide .wenz h3{text-transform:uppercase;font-size:.8rem;font-weight:bold;color:#ffffff;}
div#News .swiper-slide .wenz h4{margin:1.67% 0 1.01% 0;text-transform:uppercase;font-size:.75rem;font-weight:bold;color:#ffffff;}
div#News .swiper-slide .wenz p{width:45.83%;margin:auto;font-size:.5rem;line-height:.8rem;color:#ffffff;}
div#News .swiper-button-prev{left:5%;background:url(../index/l.png) no-repeat;width:32px;height:32px;}
div#News .swiper-button-next{right:5%;background:url(../index/r.png) no-repeat;width:32px;height:32px;}
div#News .swiper-paginations{position:absolute;width:100%;bottom:5%;z-index:10; text-align:center;}
div#News .swiper-paginations span.swiper-pagination-bullet{margin:0 .085rem;}
div#News .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#C00;border-color:#fff;}
footer#Footer{width:88%;clear:both;padding:3% 6%;background:#292929;}
footer#Footer ul#Fnav{width:78%;height:auto;float:left;padding-bottom:10px;}
footer#Footer ul#Fnav>li{width:20%;height:auto;overflow:hidden;float:left;}
footer#Footer ul#Fnav>li:nth-child(1),footer#Footer ul#Fnav>li:nth-child(6){display:none;}
footer#Footer ul#Fnav>li:nth-child(2){width:40%;}
footer#Footer ul#Fnav>li>a{display:block;height:1.25rem;color:#fff;padding-right:.5rem;font-size:.4rem;line-height:1.25rem;float:left;background:url(../index/line.jpg) left bottom no-repeat; margin-bottom:.25rem;background-size:30% auto;}
footer#Footer ul#Fnav>li ul{clear:both;width:100%;float:left;}
footer#Footer ul#Fnav>li:nth-child(2) ul li{width:45%;float:left;padding-right:5%;line-height:.65rem;height:.65rem; clear:none;}
footer#Footer ul#Fnav>li ul li {width:100%;clear:both;}
footer#Footer ul#Fnav>li ul li a{line-height:.65rem;font-size:.3rem;display:block;padding-right:.5rem;float:left;}
footer#Footer ul#Fnav>li a:hover{color:#fff; text-indent:.25rem;background-color:#009dec;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
footer#Footer ul#Fnav>li ul li ul{display:none;}
footer#Footer .bottom_logo{float:right;}
footer#Footer .bottom_logo a{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;height:25px;display:inline-block;width:25px;margin:11px 5px 0 0;}
footer#Footer .bottom_logo a.facebook{background:url(../index/icon1.png) no-repeat;background-position:0 0;}
footer#Footer .bottom_logo a.twitter{background:url(../index/icon2.png) no-repeat;background-position:0 0;}
footer#Footer .bottom_logo a.ins{background:url(../index/icon3.png) no-repeat;background-position:0 0;}
footer#Footer .bottom_logo a.icon1{background:url(../index/icon4.png) no-repeat;background-position:0 0;}
footer#Footer .bottom_logo a.icon2{background:url(../index/icon5.png) no-repeat;background-position:0 0;}
footer#Footer .bottom_logo a:hover{background-position:0 -31px;padding:0;}
footer#Footer .copyright{line-height:1rem;height:1rem;text-align:center;padding-top:.25rem;font-size:.32rem;}
dl#Company{padding:1rem 0 .35rem;}
dl#Company dt.tl{ text-align:center;font-size:.8rem;color:#333;line-height:1rem;padding:1rem 0 .5rem;}
dl#Company dt.tl span{display:block;width:5%;height:1px;background:#333;margin:.35rem auto 0;}
dl#Company dd.lcn{margin:auto;width:75%;line-height:.82rem;font-size:.45rem;padding:.3rem 0;max-width:1000px;}
dl#Company dd.lcn div.InfoFloat{width:48%;height:auto;overflow:hidden;}
dl#Company dd.more{text-align:center;padding:.35rem 0;}
dl#Company dd.more a{display:inline-block;padding:.15rem .5rem;font-size:.35rem;border-radius:.15rem;border: 1px solid #888888;transition:all 0.4s;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;color:#333;}
dl#Company dd.more a:hover{background: #009dec;color:#fff;bordeR:1px solid transparent;}
dl#Company dd.sonNav{padding:.3rem 0 .8rem; text-align:center;}
dl#Company dd.sonNav a{display:inline-block;margin:0 5%; text-align:center;color:#333;font-size:.4rem;width:12%}
dl#Company dd.sonNav a span{background-size:99.2% auto; background-position:top center;display:block;width:100%;margin:0 0 .3rem}
dl#Company dd.sonNav a span img{width:100%;}
dl#Company dd.sonNav a:hover span{background-position:bottom center;transition:all 0.4s;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transform:rotateX(360deg) rotateY(360deg) rotateZ(360deg);-webkit-transform:rotateX(360deg) rotateY(360deg) rotateZ(360deg);-o-transform:rotateX(360deg) rotateY(360deg) rotateZ(360deg);-moz-transform:rotateX(360deg) rotateY(360deg) rotateZ(360deg); position:relative;}
dl#Company dd.sonNav a:hover{color:#0093dd;}
dl#Company dd#Cimg {text-align:center;}
dl#Company dd#Cimg img{max-width:100%;}
.Picture {padding:0 0;width:100% !important;height:auto;overflow:hidden;background:#000;position:relative;}
.Picture .swiper-slide img{max-width:100%;}
.Picture .swiper-slide{position:relative;width:100% !important;}
.Picture .swiper-button-prev{left:5%;background:url(../index/l.png) no-repeat;width:32px;height:32px;}
.Picture .swiper-button-next{right:5%;background:url(../index/r.png) no-repeat;width:32px;height:32px;}
div#SNav{height:auto;overflow:hidden;padding:.15rem 0;}
div#SNav ul li{width:23%;margin:.15rem 1%;float:left;}
div#SNav ul li a{display:block;text-align:center;position:relative;width:100%;overflow:hidden;}
div#SNav ul li a img{max-width:100%;}
div#SNav ul li a img{max-width:100%;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s; position:relative;}
div#SNav ul li a img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}
div#SNav ul li a span{display:block;line-height:.95rem;height:.95rem;width:100%;position:absolute;bottom:-1px;left:0;background:url(../index/hd.png) repeat; text-indent:.3rem;text-align:left;font-size:.35rem;color:#fff;}
div#SNav ul li a span i{display:block;height:.95rem;width:.95rem;float:right;background:url(../index/b8.jpg) no-repeat;background-size:100% auto;}
div#SNav ul li a:hover span{background:#009dec;color:#fff;}
div#SNav ul li a:hover span i{background:#009dec url(../index/b10.png) no-repeat;}
dd#CompInc{position:relative;padding-top:80px;margin-top:.15rem;}
dd#CompInc ul{display:block;width:88%;position:absolute;top:0;left:0; text-align:center;padding:0 6%;}
dd#CompInc ul li{margin:0 1.5%;display:inline-block;}
dd#CompInc ul li span{display:block;position:relative;background:url(../index/c6.png) repeat;padding:0 30px;border-radius:.25rem;color:#fff;font-size:55px;font-weight:bold;line-height:160px;animation:a 1s linear 0.2s 1 normal both;-webkit-animation:a 1s linear 0.2s 1 normal both;}
dd#CompInc ul li span i{display:block;width:20px;position:absolute;top:5px;right:5px;font-style:normal;font-size:20px;line-height:20px;}
dd#CompInc ul li h3{display:block; text-align:center;line-height:2rem;font-size:20px;}
dd#CompInc div.cbg{background:#dcdcdc;width:100%;padding-top:170px;padding-bottom:20px; }
dd#CompInc div.cbg div.mw{font-size:.5rem;color: #686868;line-height:1rem;width:56%;margin: auto;padding:0;}
@keyframes a {
    from{opacity:0;transform: scale(0.1) rotate(0deg);}
    to{opacity:1;transform: scale(1) rotate(360deg);}
}
@-webkit-keyframes a {
    from{opacity:0;-webkit-transform: scale(0.1) rotate(0deg);}
    to{opacity:1;-webkit-transform: scale(1) rotate(360deg);}
}
.pic.current{animation: c 1s linear 0.5s 1 normal both;-webkit-animation: c 1s linear 0.5s 1 normal both;}
.txt.current{animation: b 1s linear 0.5s 1 normal both;-webkit-animation: d 1s linear 0.5s 1 normal both;}
@keyframes c {
    from{opacity:0;transform:translate(-400px,0)}
    to{opacity:1;transform:translate(0,0)}
}
@-webkit-keyframes c {
    from{opacity:0;transform:translate(-400px,0)}
    to{opacity:1;transform:translate(0,0)}
}
@keyframes d {
    from{opacity:0;transform:translate(400px,0)}
    to{opacity:1;transform:translate(0,0)}
}
@-webkit-keyframes d {
    from{opacity:0;transform:translate(400px,0)}
    to{opacity:1;transform:translate(0,0)}
}
dl#Company dd.grid{overflow:hidden;}
dl#Company dd.grid .pic{overflow:hidden;width:61.77%;float:left;}
dl#Company dd.grid:nth-of-type(even) .pic{overflow:hidden;width:47.9%;float:right;}
dl#Company .pic{opacity:0; text-align:center;}
dl#Company .txt{opacity:0;}
dl#Company .txt>div{display:table-cell;vertical-align:middle;font-size:.5rem;color:#686868;line-height:.9rem;width:70%;margin:3% auto auto;padding:3% 5%;}
dl#Company .txt>div h2{font-size:.7rem;color:#333;display:block;text-transform: uppercase;line-height:1rem; text-align:center;font-weight:bold;}
dl#Company .pic.current{animation: c 1s linear 0.5s 1 normal both;-webkit-animation: c 1s linear 0.5s 1 normal both;}
dl#Company  img{max-width:100%;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s; position:relative;}
dl#Company  img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}
dl#Company dd.grid .txt{display:table;float:right;width:38.23%;background:#fff;}
dl#Company dd.grid:nth-of-type(even) .txt{display:table;float:left;width:52.1%;background:#fff;}
dl#Company dd.con3{width:100%;background:#fff;padding:.3rem 0;}
dl#Company dd.con3 div.txt{padding:.5rem 0px;line-height:.9rem;font-size:.5rem;margin:auto;width:80%;}
dl#Company dd.con3 div.txt h2{font-size:.7rem;color:#333;line-height:1.2rem;font-weight:bold;display:block; text-align:center;}
dl#Company dd.con3 img{max-height:143px;}
dl#EnterPrise{padding:1rem 0 .35rem;}
dl#EnterPrise dt.tl{ text-align:center;font-size:.8rem;color:#333;line-height:1rem;padding:1rem 0 .5rem;}
dl#EnterPrise dt.tl span{display:block;width:5%;height:1px;background:#333;margin:.35rem auto 0;}
dl#EnterPrise dd.lcn{margin:auto;width:100%;line-height:.82rem;font-size:.45rem;padding:.3rem 0;max-width:1000px;}
dl#Honor dt.tl{width:20%;float:left;}
dl#Honor dt.tl ul{width:100%;}
dl#Honor dt.tl ul li{line-height:.8rem;height:.8rem;padding:.06rem 0;}
dl#Honor dt.tl ul li a{display:block;font-size:.4rem;padding:0 .3rem;border-radius:.2rem;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;}
dl#Honor dt.tl ul li a:hover,dl#Honor dt.tl ul li a.cur{color:#fff;background-color:#009dec;}
dl#Honor dd.lcn{width:76%;float:right;padding-bottom:2rem;max-width:none;}
dl#Culture{overflow: hidden;padding: 3.85% 0 6.25% 0;background: url(../index/bckk.jpg) no-repeat top center;background-size: cover;}
dl#Culture dt.tl{font-size:.7rem;color:#333333;text-align:center;}
dl#Culture dt.tl span{display:block;height:1px;background:#686868;width:1rem;margin:.35rem auto;}
dl#Culture dd.lcn{max-width:1200px;margin:0 auto;padding:.25rem;}
dl#Culture dd.lcn ul.culture{height:auto;overflow:hidden;position:relative;padding-top:5%;}
ul.culture li{position:relative;width:100%;height:auto;}
ul.culture li div.txt{display:table;position:relative;z-index:3;}
ul.culture li div.pic{position:relative;z-index:3;overflow:hidden;}
ul.culture li div.txt div.cont{display:table-cell; vertical-align:middle;width:100%;padding:16% 10%;text-align:center;height:auto;overflow:hidden; line-height:.7rem;font-size:.45rem;}
ul.culture li div.txt div.cont h1{display:block;color:#333;line-height:1.2rem;font-size:.6rem;text-align:center;}
ul.culture li:nth-child(1) {background:#fff;}
ul.culture li:nth-child(1) div.txt{width:39%;float:left;}
ul.culture li:nth-child(1) div.pic{width:61%;float:right;margin-top:-5%;}
ul.culture li div.pic img{width:100%; text-align:center;max-width:100%;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s; position:relative;}
ul.culture li div.pic img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}
ul.culture li:nth-child(2){width:34%;float:left;margin-left:5%;} 
ul.culture li:nth-child(2) div.pic{width:100%;margin-top:-50%;}
ul.culture li:nth-child(2) div.txt{width:100%;}
ul.culture li:nth-child(3){width:61%;float:left;} 
ul.culture li:nth-child(3) div.pic{width:40%;float:left;}
ul.culture li:nth-child(3) div.txt{width:60%;float:left;}
dl.frame,dl#Technoloy{overflow: hidden;padding: 3.85% 0 6.25% 0;}
dl.frame dt.tl,dl#Technoloy dt.tl{font-size:.65rem;color:#333333;text-align:center;}
dl.frame dt.tl span,dl#Technoloy dt.tl span{display:block;height:1px;background:#686868;width:1rem;margin:.35rem auto;}
dl.frame dt.SNAV{padding:.5rem 0;line-height:1rem; text-align:center;font-size:.45rem;}
dl.frame dt.SNAV a{display:inline-block;padding:0 .5rem;border:1px solid #f5f5f5;margin:0 .1rem;border-radius:.15rem;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;}
dl.frame dt.SNAV a.cur,dl#frame dt.SNAV a:hover{border-color:#009edc;color:#009edc;}
dl#Technoloy dd.lcns ul li{width:100% !important;}
dl#Technoloy dd.lcns ul li div.txt{display:table;}
dl#Technoloy dd.lcns ul li div.txt div.cont{display:table-cell;vertical-align:middle;font-size:.48rem;padding:5%;line-height:1rem;color:#333;}
dl#Technoloy dd.lcns ul li div.pic{position:relative;overflow:hidden;}
dl#Technoloy dd.lcns ul li div.pic img{max-width:100%; text-align:center;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;}
dl#Technoloy dd.lcns ul li div.pic span.img{position:relative;overflow:hidden;display:inline-block;margin:0 .25rem;max-width:35%;}
dl#Technoloy dd.lcns ul li div.pic div.Imgs{text-algin:center !important;padding:2% 3%;}
dl#Technoloy dd.lcns ul li div.pic div.lcns{padding:5% 3%;line-height:.9rem;font-size:.48rem;}
dl#Technoloy dd.lcns ul li div.pic img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}
dl#Technoloy dd.lcns ul>li:nth-child(n){background:#fff;}
dl#Technoloy dd.lcns ul>li:nth-child(n) div.txt{width:50%;float:left;}
dl#Technoloy dd.lcns ul>li:nth-child(n) div.pic{width:50%;float:right;}
dl#Technoloy dd.lcns ul>li:nth-child(2n){background:none;}
dl#Technoloy dd.lcns ul>li:nth-child(2n) div.txt{width:50%;float:right;}
dl#Technoloy dd.lcns ul>li:nth-child(2n) div.pic{width:50%;float:left;}
dl#Technoloy dd.lcns ul>li ol li{list-style-type: square;}
dl#Technoloy dd.lcns ul>li:nth-child(3n){background:#ccc;}
dl#Technoloy dd.lcns ul>li:nth-child(4n){width:80% !important;margin:0 auto;}
dl#Technoloy dd.lcns ul>li:nth-child(4n) div.pic{width:50%;float:left;padding:2% 0;}
dl#Quality dd.lcn ul{padding:3% 0;}
dl#Quality dd.lcn ul li{width:88%;margin:0 auto;max-width:1200px;}
dl#Quality dd.lcn ul li:nth-child(1) div.txt{width:50%;float:left;}
dl#Quality dd.lcn ul li:nth-child(1) div.pic{width:50%;float:right; text-align:center;}
dl#Quality dd.lcn ul li:nth-child(1) div.pic img{max-width:80%;}
dl#Quality dd.lcn ul li:nth-child(1) div.txt{line-height:.8rem;font-size:.45rem;}
dl#Quality dd.lcn ul li:nth-child(1) div.txt h1{display:block;font-size:.6rem;line-height:1rem;color:#333;}
dl#Quality dd.lcn ul li dl dt.icon-title{height:1.3rem;line-height:1.3rem;font-size:.5rem;border-bottom:1px solid #e1e1e1;position:relative;color:#333;}
dl#Quality dd.lcn ul li dl dt.icon-title:before{display:block;content:"\e672";font-size:.6rem;transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);position:absolute;height:1rem;width:1rem;right:.1rem;top:.52rem;}
dl#Quality dd.lcn ul li dl>dd{padding:2% 0;font-size:.38rem;line-height:.7rem;height:auto;overflow:hidden;}
dl#Quality dd.lcn ul li dl>dd div.lcn2>span{display:block;float:left;max-width:28%;padding:1% .15rem; text-align:center;position:relative;overflow:hidden;width:28%;}
dl#Quality dd.lcn ul li dl>dd div.lcn2>span img{width:100%;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;}
dl#Quality dd.lcn ul li dl>dd div.lcn2>span img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}
dl#Healthy dd.lcns{width:88%;padding:.3rem;max-width:1200px;margin:0 auto;font-size:.45rem;line-height:.8rem;}
dl#Healthy dd.lcn ul{width:100%;padding:3% 0;max-width:1200px;margin:0 auto;}
dl#Healthy dd.lcn ul li{width:49%;float:left;height:auto;overflow:hidden;margin:0 .5%;}
dl#Healthy dd.lcn ul li div.grid h2{display:block;font-size:.6rem;color:#333;line-height:1.2rem;height:1.2rem;text-overflow:ellipsis;width:100%; overflow:hidden; white-space:nowrap;}
dl#Healthy dd.lcn ul li div.grid{font-size:.4rem;line-height:.65rem;}
dl#Healthy dd.lcn ul li div.grid>div.lcn1,dl#Healthy dd.lcn ul li div.grid>div.lcn2{max-height:1.3rem;overflow:hidden;}
dl#Healthy dd.lcn ul li div.grid>div.Imgs{padding:.25rem 0;}
dl#Healthy dd.lcn ul li div.grid>div.Imgs span.img{width:45%;display:block;float:left;overflow:hidden;margin-right:1%;}
dl#Healthy dd.lcn ul li div.grid>div.Imgs img{max-width:100%;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;}
dl#Healthy dd.lcn ul li div.grid>div.Imgs img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}
dl#Jobs dd.lcns,dl#News dd.lcns{width:88%;padding:.3rem;max-width:1200px;margin:0 auto;font-size:.45rem;line-height:.8rem;height:auto;overflow:hidden;min-height:400px;}
dl#Jobs dd.lcns div.lcn2{padding:1% 0;}
dl#Jobs dd.lcns h3{display:block;line-height:1.2rem;color:#333;font-weight:bold;font-size:.6rem;}
dl#Jobs dd.lcns div.Imgs{position:relative;overflow:hidden;height:auto;}
dl#Jobs dd.lcns div.Imgs ul li{width: 54%;;overflow:hidden;display:block;position:relative;float:left;}
dl#Jobs dd.lcns div.Imgs ul li img{max-width:100%;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;}
dl#Jobs dd.lcns div.Imgs ul li img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}
dl#Jobs dd.lcns div.Imgs ul li:nth-child(2){float:right;margin-top:8%;width: 46%;}
dl#Jobs dd.lcns div.Imgs ul li:nth-child(3){margin-top:-10%;margin-left:25%;width:50.9%;z-index:3;}
dl#Jobs dd.lcns div.Imgs h2{display:block;position:absolute;height:1rem;line-height:1rem;float:left;padding:0 5%;text-align:center;background:#0093dd;color:#fff;z-index:6;top:50%;margin-top:-.5rem;left:5%;}
dl#Jobs dd.lcns div.Imgs span.line{display:block;position:absolute;height:60%;border:.1rem solid #0093dd;z-index:4;width:22%;left:16%;top:50%;margin-top:-20%;}
dl#News,dl#Soultion{background: url(../index/bckk.jpg) no-repeat top center;background-size: cover;}
div#NewsShow{min-height:600px;}
dl#Contact dd.lcn ul{height:auto;overflow:hidden;}
dl#Contact dd.lcn ul li{width:46%;padding:1.2% 2%;float:left;}
dl#Contact dd.lcn ul li span.icons{display:block;float:left;width:1.5rem;text-align:center;}
dl#Contact dd.lcn ul li span.icons img{height:1.5rem;}
dl#Contact dd.lcn ul li strong{display:block;width:7.5rem;height:.75rem;font-size:.44rem;float:left;line-height:.75rem;margin-left:.3rem;}
dl#Contact dd.lcn ul li span.txt{display:block;width:7.5rem;line-height:.7rem;font-size:.4rem;float:left;margin-left:.3rem;}
dl.frame dd.lcn{width:96%;padding:.3rem;margin:0 auto;font-size:.45rem;line-height:.8rem;height:auto;overflow:hidden;min-height:400px;max-width:1250px;}
dl#Soultion{background-image: url(../index/d4.png);}
dl#Case,dl#CaseShow{padding:0;background:#fff;}
dl#Case dt.tl{color:#fff;background: url(../index/b.jpg) top center no-repeat;background-size:100% auto;padding:14.5% 0 2.5%;}
dl#Case dt.tl span{height:.06rem;background:#999;}
dl#Case dd.lcns,dl#CaseShow dd.lcns{padding:3% 0;}
dl#CaseShow dt.tl{color:#fff;background: url(../index/b.jpg) top center no-repeat;background-size:cover;padding:6% 0 8%;}
dl#CaseShow dd.lcn{overflow:visible;}
dl#CaseShow dt.tl span{height:.06rem;background:#999;}
dl#Products dd.lcns{margin:0 auto;width: 87.5%;}
dl#Products dt.path{text-align:right;height:1rem;line-height:1rem;font-size:.4rem;margin:0 auto;width: 87.5%;}
dl#Products dt.path a.home{display:inline-block;width:.7rem;height:.7rem;background:url(../index/d1.png)  center 6% no-repeat;background-size:80% auto; vertical-align:middle;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;}
dl#Products dt.path a.home:hover{background-image:url(../index/d1_1.png);}
dl#Products dt.path a:hover{color:#cc0000;}
dl#Products dt.path a{display:inline-block;height:1rem;line-height:1rem;max-width:5rem; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; vertical-align:middle;}
@media screen and (max-width:1024px){.headFix,header{height:65px;}
div#header a.Logo{margin-top:12px;}
div#header a.Logo img{height:45px;}
div#header div.fr a.search{height:65px;width:120px}
div#header div.fr a.search div.search_hide{height:65px;}
div#header div.fr{height:65px;}
div#header div.fr dl.lang{height:65px;line-height:65px;}
div#header div.fr dl.lang dd{top:51px;}
ul#Nav>li>ul>li{width:31%;}
div#banner .swiper-pagination span.swiper-pagination-bullet{width:.35rem;height:.35rem;}
div#banner .swiper-slide .wenz h3{font-size:.8rem;}
div#banner .swiper-slide .wenz span{width:2.7rem;}
div#banner .swiper-slide .wenz div{font-size:.6rem;line-height:.8rem; }
dl#ProView dd.Pcn ul li{width:48%;}
dl#ProView dd.Pcn ul li a span.Name{font-size:.44rem;line-height:.9rem;height:.9rem;}
dl#ProView dd.Pcn ul li a em{font-size:.32rem;height:.7rem;line-height:.7rem;}
dl.View dt.tl{font-size:.7rem;}
dl.View dt.tl span{width:1rem;}
dl#Solution dd.Scn ul li {width:48%;}
dl#Solution dd.Scn ul li a span.Name{font-size:.35rem;} 
dl#Company dd.lcn{width:75%;}
dl#Company dd.sonNav a{width:15%}
div#SNav ul li a span{line-height:.7rem;height:.7rem;font-size:40px;}
div#SNav ul li a span i{height:40px;width:40px;font-size:14px;}
dd#CompInc ul li{margin:0 1%;}
dd#CompInc div.cbg div.mw{width:80%;}
dl#Company dd.con1 .pic{width: 56.77%;}
dl#Company dd.con1 .txt{width: 43.23%;}
dl#Company .txt>div,dl#Company dd.con3 div.txt{font-size:.35rem;line-height:.6rem;}
dl#Company .txt>div h2,dl#Company dd.con3 div.txt h2{font-size:.5rem;line-height:.8rem; }
dl#Technoloy dd.lcns ul li div.txt div.cont{font-size:.4rem;line-height:.75rem;}
dl#Technoloy dd.lcns ul li div.pic div.lcns{line-height:.75rem;font-size:.4rem;}
dl#Healthy dd.lcn ul li div.grid h2{font-size:.5rem;line-height:1.1rem;height:1.1rem;}
dl#Healthy dd.lcn ul li div.grid{font-size:.35rem;line-height:.6rem;}
dl#Healthy dd.lcn ul li div.grid>div.lcn1,dl#Healthy dd.lcn ul li div.grid>div.lcn2{max-height:1.2rem;}
}
@media screen and (max-width:900px) {header,.headFix{height:50px;}
div#header a.Logo{margin-top:10px;}
div#header a.Logo img{height:35px;}
div#header div.fr{height:50px;width:100px;}
div#header div.fr a.search{height:50px;width:50px;border:0;margin:0;float:left;}
div#header div.fr a.search:hover span{background-position:0 0;}
div#header div.fr dl.lang{display:none;}
div#header div.fr a.search div.search_hide{position:fixed;width:100%;top:50px;left:0;height:70px;z-index:66;}
div#header div.fr a.search div.search_hide form#msear{width:60%;margin-left:-30%;border-radius:5px;background:#646464;padding:.15rem;}
div#header div.fr a.OpenMenu{display:inline-block;transition:all 0.3s;height:26px;float:left;margin:12px;}
menu{position:fixed;background:url(../index/mbg.jpg) repeat;height:100%;z-index:100;top:0;left:0;display:none;}
menu div.Mhead{display:block;padding:.5rem 0;height:1.2rem; text-align:center;}
menu div.Mhead a img{height:1rem;}
menu div.Mhead a.close{display:inline-block;width:.7rem;height:.55rem;background:url(../index/xxx.png) no-repeat;background-size:100% auto;position:absolute;top:.4rem;left:.4rem;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition:0.6s;-o-transition:0.6s;}
menu div.Mhead a.close:hover{transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);}
ul#Nav{display:block;width:80%;margin:auto;height: 70%;overflow-y: scroll;padding:0 10%;}
ul#Nav::-webkit-scrollbar {width: 3px;}
ul#Nav::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 1px #fff;}
ul#Nav::-webkit-scrollbar-thumb {background: #ab1d22;}
ul#Nav::-webkit-scrollbar-thumb:window-inactive {background: #ab1d22;}
ul#Nav>li{width:100%;display:block;border:0;}
ul#Nav>li a{text-align:left;border-bottom:1px solid #034513;color:#fff;font-size:.45rem;line-height:1rem;position:relative;}
ul#Nav>li a.icon-jt:before{content:"\e672";font-size:.6rem;transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);position:absolute;right:.25rem;top:.06rem;color:#fff}
ul#Nav>li a:hover{background:none;color:#fff;}
ul#Nav>li:nth-child(2) ul li ul{display:none;}
ul#Nav>li>ul{position:static;top:inherit;left:0;width:100%;}
ul#Nav>li>ul li{width:100%;padding:0;min-height:inherit;height:auto;overflow:hidden;}
ul#Nav>li>ul li a{border-bottom:1px solid #034513;margin:0;padding:0;font-size:.4rem;color:#f0f0f0;line-height:.95rem;height:auto;}
ul#Nav>li>ul li a:hover{background:none;padding:0;color:#fff}
ul#Nav>li:hover>ul{display:none;}
ul#Nav>li>ul li a{font-size:.4rem;}
ul#Nav>li>ul li ul li a{border-bottom:1px solid #efefef;margin:0;padding:0;font-size:.4rem;color:#f0f0f0;line-height:.95rem;height:.95rem;}
ul#Nav>li>ul li a.sonDisplay{display:none;}
menu div.MenuFooter{display:block;width:100%;height:1rem;line-height:1rem; text-align:center;position:absolute;bottom:5%;left:0;}
menu div.MenuFooter a{padding:0 .2rem;font-size:.45rem;color:#656565;}
div#banner .swiper-pagination span.swiper-pagination-bullet,div#News .swiper-paginations span.swiper-pagination-bullet{width:.3rem;height:.3rem;}
div#banner .swiper-slide .wenz h3{font-size:.5rem;}
div#banner .swiper-slide .wenz span{width:2.5rem;}
div#banner .swiper-slide .wenz div{font-size:.35rem;line-height:.7rem; }
dl#ProView dd.Pcn ul li a span.Name{font-size:.35rem;line-height:.7rem;height:.7rem;} 
dl#ProView dd.Pcn ul li{width:48%;}
dl#ProView dd.Pcn ul li a em{font-size:.3rem;height:.6rem;line-height:.6rem;}
dl.View dt.tl{font-size:.6rem;}
dl.View dt.tl span{width:.85rem;}
dl#Solution dd.Scn ul li {width:48%;}
dl#Solution dd.Scn ul li a span.Name{font-size:.38rem;}
div#News .swiper-slide .wenz span{height:.05rem;width:1rem;margin:.25rem auto;}
div#News .swiper-slide .wenz h3{font-size:.6rem;}
div#News .swiper-slide .wenz h4{font-size:.6rem;}
div#News .swiper-slide .wenz p{font-size:.35rem;}
footer#Footer{display:none;}
dl#Company dd.sonNav a{width:18%}
div#SNav ul li{width:48%;}
div#SNav ul li a span{font-size:.3rem;line-height:.8rem;height:.8rem;}
div#SNav ul li a span i{height:.8rem;width:.8rem;}
dl#Company dd.lcn{line-height:.7rem;font-size:.4rem;}
dd#CompInc{padding-top:60px;}
dd#CompInc ul{width:100%;padding:0;}
dd#CompInc ul li span{padding:0 25px;line-height:120px;font-size:40px;}
dd#CompInc ul li span i{font-size:.5rem;line-height:.8rem;top:1%;right:10%;}
dd#CompInc div.cbg{background:#dcdcdc;width:100%;padding-top:120px; }
dd#CompInc div.cbg div.mw{width:80%;font-size:.4rem;line-height:.8rem;}
dd#CompInc ul li h3{font-size:16px;line-height:40px;}
dl#Company  .txt>div{font-size:.35rem;line-height:.5rem;}
dl#Company  .txt>div h2{font-size:.45rem;line-height:.8rem;}
dl#Honor dt.tl{width:100%;clear:both;float:none;padding-bottom:1rem;}
dl#Honor dt.tl span{width:10%;}
dl#Honor dt.tl ul{width:100%;height:auto;overflow:hidden;}
dl#Honor dt.tl ul li{line-height:.8rem;height:.8rem;padding:.06rem 0;float:left;margin:0 .15rem;}
dl#Honor dd.lcn{width:100%;float:none;padding-bottom:2rem;}
ul.culture li div.txt div.cont{line-height:.6rem;font-size:.35rem;}
ul.culture li div.txt div.cont h1{font-size:.6rem;}
dl#Technoloy dd.lcns ul li div.txt div.cont{font-size:.38rem;line-height:.7rem;}
dl#Technoloy dd.lcns ul li div.pic div.lcns{line-height:.7rem;font-size:.38rem;}
dl#Healthy dd.lcns,dl#Jobs dd.lcns{width:95%;}
dl#Healthy dd.lcn ul{width:95%;}
dl#Jobs dd.lcns{font-size:.4rem;line-height:.7rem;padding:.4rem 0;}
dl#Jobs dd.lcns h3{line-height:1rem;font-size:.5rem;}
dl#News dd.lcns{width:96%;}
dl#Contact dd.lcn ul li{width:100%;}
dl#Contact dd.lcn ul li strong{display:block;width:80%;height:.75rem;font-size:.44rem;float:left;line-height:.75rem;margin-left:.3rem;}
dl#Contact dd.lcn ul li span.txt{display:block;width:80%;line-height:.7rem;font-size:.4rem;float:left;margin-left:.3rem;}
}
@media screen and (max-width:640px) {
dl#ProView dd.Pcn ul li a span.Name{font-size:.55rem;line-height:1rem;height:1rem;} 
dl.frame dt.tl{font-size:.5rem;}
dl#ProView dd.Pcn ul li{width:98%;}
dl#ProView dd.Pcn ul li a em{font-size:.35rem;height:.6rem;line-height:.6rem;}
dl.View dt.tl{font-size:.6rem;}
dl.View dt.tl span{width:.85rem;}
dl#Solution dd.Scn ul li {width:98%;}
dl#Solution dd.Scn ul li a span.Name{font-size:.5rem;line-height:1.2rem;height:1.2rem;}
footer#Footer{display:none;}
dl#Company dd.lcn{margin:auto;line-height:.85rem;font-size:.45rem;width:90%;}
dl#Company dd.sonNav a{width:20%}
div#SNav{width:100%;}
div#SNav ul li{width:48%;}
dd#CompInc{padding:0;}
dd#CompInc ul{display:none;}
dd#CompInc div.cbg{padding:.25rem;}
dd#CompInc div.cbg div.mw{width:92%;}
div#Pager2 span.PageText{display:none;}
dl#Honor dt.tl{font-size:.75rem;}
dl#Honor dt.tl span{width:10%;}
dl#Honor dt.tl ul li{float:left;line-height:1rem;height:1rem;}
dl#Honor dt.tl ul li a{font-size:.53rem;}
dl#Technoloy dd.lcns ul li div.txt{width:100% !important;}
dl#Technoloy dd.lcns ul li div.pic{width:100% !important;}
dl#Technoloy dd.lcns ul li div.txt div.cont{font-size:.5rem;line-height:.8rem;}
dl#Technoloy dd.lcns ul li div.pic div.lcns{line-height:.8rem;font-size:.5rem;}
dl#Technoloy dd.lcns ul>li:nth-child(4n){width:99% !important;}
dl#Quality dd.lcn ul li{width:96%;}
dl#Quality dd.lcn ul li div.pic,dl#Quality dd.lcn ul li div.txt{width:100% !important;}
dl#Healthy dd.lcns,dl#Jobs dd.lcns{width:98%;}
dl#Healthy dd.lcn ul{width:98%;}
dl#Healthy dd.lcn ul li{width:100%;}
dl#Products dd.lcns{width:96%;}
dl#Products dt.path{font-size:.5rem;}
}