@import url(public.css);
@import url(swiper.min.css);
header{width:100%;height:auto;position:relative;box-shadow: 0px 3px 5px rgba(0,0,0,.25);z-index:888;background:url(../index/htbg.png) repeat-x bottom #fff;}
div.headerfix{height:3rem;display:none;}
header div.htopbg{height:.85rem;background:#f6f6f6;line-height:.85rem;border-bottom:1px solid #efefef;}
header div.htopbg div.mw{color:#656565;}
header div.htopbg div.mw div.htel span{color:#cc0000;}
header div#header{overflow:hidden;height:auto; position:relative; }
header div#header a.logo{display:block;padding:.15rem 0;}
header div#header a.logo img{max-height:1.5rem;}
header div#header menu{display:block;height:1.5rem;margin:0;}
div#Menu nav a.Mobile_CloseBtn{display:none;}
div#header div#Menu{position:static;z-index:88;display:0;}
div#header div#Menu ul#Nav li{float:left;line-height:2rem;display:block;background:url(../index/line.png) right no-repeat;}
div#header div#Menu ul#Nav li a{display:block;padding:0 .6rem;line-height:2rem;font-size:.35rem;color:#333;}
div#header div#Menu ul#Nav li a:hover{color:#cc0000;}
div#header div#Menu ul#Nav li.last{background:none;}
div#header div#Menu ul#Nav li.cur a{background:url(../index/bg_nav.png) center no-repeat;color:#fff;}
div#banner{width:100%;position:relative;}
.swiper-container{margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1;width:100%;}
.swiper-wrapper{position:relative;width:100%;}
#banner{clear:both;margin-top:0; position:relative;width:100%;height:auto;overflow:hidden; text-align:center;}
#banner .swiper-slide img{max-width:100%;margin:0 auto;}
#banner .swiper-slide a.phoneimg{display:none;}
#banner .swiper-container .pagination {position:absolute;width:100%;text-align:center;left:0;bottom:5%;z-index:10;}
#banner .swiper-container .pagination .swiper-pagination-bullet{display:inline-block;width:.35rem;height:.35rem;background:#fff;margin:0 .1rem;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; opacity:.8;}
#banner .swiper-container .pagination .swiper-pagination-bullet-active{background:#c90202;}
.swiper-button-next, .swiper-button-prev {position:absolute;top:50%;background-repeat:no-repeat;width:.65rem;height:1.2rem; z-index:15; cursor:pointer;background-size:auto 100%;}
.swiper-button-prev{background-image:url(../index/swiper_button.png);left:2%;background-position:left center;}
.swiper-button-next{background-image:url(../index/swiper_button.png);right:2%;background-position:right center;}
dl#Npro{padding:1rem 0;}
dl#Npro dt.tl{padding:.5rem 0; text-align:center;}
dl#Npro dt.tl h1{font-size:.75rem;line-height:1.25rem;font-weight:normal;}
dl#Npro dt.tl span{display:block;line-height:1rem;font-size:.3rem;color:#999;font-family:Arial;}
dl#Npro dt.tl i{display:inline-block;height:2px;background:#cc0000;width:.8rem;}
dl#Npro dd.lcn{padding:.8rem 0 .5rem; position:relative;}
dl#Npro dd.lcn div.swiper-container{height:auto;overflow:hidden;padding:.25rem 0;position:relative;}
dl#Npro dd.lcn div.swiper-container .swiper-slide a{display:block;overflow:hidden;text-align:center;height:auto;margin:0 1.5%;width:95%;border:1px solid #e8e8e8;padding:1%; padding-bottom:.15rem;}
dl#Npro dd.lcn div.swiper-container .swiper-slide a span.img{padding:0;display:block;height:auto;overflow:hidden;background:#ffffff;width:100%;position:relative;text-align:center;}
dl#Npro dd.lcn div.swiper-container .swiper-slide a span.img img{max-width:100%;}
dl#Npro dd.lcn div.swiper-container .swiper-slide a:hover span.img img{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);}
dl#Npro dd.lcn div.swiper-container .swiper-slide a span.els{display:block;width:97%;padding:1.5%;line-height:1rem;height:1rem;color:#333;font-size:.35rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border-top:1px solid #e8e8e8;}
dl#Npro dd.lcn div.swiper-container .swiper-slide a:hover span.els{color:#fff;}
dl#Npro dd.lcn div.swiper-container .swiper-slide a:hover{border-color:#b41f36;background-color:#cc0000;}
dl#Npro dd.lcn div.control span.button-prev,dl#Npro dd.lcn div.control span.button-next{position:absolute; opacity:.75;z-index:20;display:inline-block;cursor:pointer; background:url("../index/btn_slideshow.png") no-repeat;background-size:100% auto;width:.85rem; height:1.15rem;transition:all .35s;top:50%;margin-top:-23px;}
dl#Npro dd.lcn div.control span.button-prev{background-position: bottom  center;left:0;}
dl#Npro dd.lcn div.control span.button-next{background-position:top center;right:0;}
dl#Npro dd.lcn div.control span.button-next:hover,dl#Npro dd.lcn div.control  span.button-prev:hover{opacity:1;}
dl#Npro dd.lcn div.pagination{text-align:center;display:none;padding:.25rem 0;}
dl#Npro dd.lcn div.pagination .swiper-pagination-bullet{display:inline-block;width:.85rem;height:.25rem;background:#212121;margin:0 .1rem;cursor:pointer; opacity:.8; border-radius:0;}
dl#Npro dd.lcn div.pagination .swiper-pagination-bullet-active{background:#d70512;}
dl#Npro dd.more,dl#About dd.more{text-align:center;}
dl#Npro dd.more a,dl#About dd.more a{display:inline-block;padding:.2rem 1rem;border:1px solid #ccc;font-size:.35rem;border-radius:.1rem;background:#fff;}
dl#Npro dd.more a:hover,dl#About dd.more a:hover{background:#cc0000;color:#fff;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;border:1px solid #b41f36;}
div#Company{height:auto;overflow:hidden;background:url(../index/bg_counter-min-2.jpg) #000000  bottom no-repeat;background-size:100% auto;width:100%;padding:1.5rem 0;}
dl#About dt.tl{padding:.3rem 0;text-align:center;}
dl#About dt.tl h1{display:block;line-height:1.1rem;font-size:.75rem;font-weight:normal;color:#fff;}
dl#About dt.tl span{display:block;line-height:1rem;font-size:.3rem;color:#999;font-family:Arial;}
dl#About dt.tl i{display:inline-block;height:2px;background:#cc0000;width:.8rem;}
dl#About dd.lcn{padding:.65rem .5rem;font-size:.35rem;line-height:.7rem;color:#efefef;}
div#NewsContact{padding:1.2rem 0;height:auto;overflow:hidden;}
dl#News{width:70%;}
dl#News dt.tl{line-height:1.2rem;height:auto;overflow:hidden;}
dl#News dt.tl i{display:inline-block;width:.18rem;height:.6rem;background:#cc0000;margin:.3rem 0;float:left;margin-right:.25rem;margin-left:.25rem;border-radius:.1rem;}
dl#News dt.tl strong{display:block;float:left;font-size:.42rem;}
dl#News dt.tl span{padding:0 .2rem;font-family:Arial;line-height:1.4rem;color:#999;}
dl#News dt.tl a.more{margin:.2rem 0 0;font-family:Arial; text-transform:uppercase;}
dl#News dd.lcn{padding:0; position:relative;}
dl#News dd.lcn div.swiper-container div.swiper-wrapper div a{position:relative;display:block;margin:.1rem;background:#fff;height:auto;overflow:hidden;padding:1.5%;border:1px solid #efefef; padding-bottom:.6rem;}
dl#News dd.lcn div.swiper-container div.swiper-wrapper div a span.time{display:block;position:absolute;padding:.2rem .4rem;top:1.5%;left:1.5%;z-index:6;background:rgba(0,0,0,.5);color:#fff;font-family:Tahoma, Geneva, sans-serif;}
dl#News dd.lcn div.swiper-container div.swiper-wrapper div a span.time p{display:block;padding:0;margin:0;line-height:1rem;text-align:center;font-size:.88rem;}
dl#News dd.lcn div.swiper-container div.swiper-wrapper div a span.img{display:block;height:auto;overflow:hidden;min-height:3rem;background-color:#fff; text-align:center;}
dl#News dd.lcn div.swiper-container div.swiper-wrapper div a span.img img{max-width:100%;}
dl#News dd.lcn div.swiper-container div.swiper-wrapper div a abbr{display:block;padding-bottom:.5rem;line-height:.55rem;color:#888;font-size:.31rem;}
dl#News dd.lcn div.swiper-container div.swiper-wrapper div a:hover span.img img{max-width:100%;-webkit-transform: scale(1.05,1.05);-moz-transform: scale(1.05,1.05);-ms-transform: scale(1.05,1.05);-o-transform: scale(1.05,1.05);transform: scale(1.05,1.05);-webkit-transition:all .5s ease-in-out .3s; transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s; -ms-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;}
dl#News dd.lcn div.swiper-container div.swiper-wrapper div a span.els{display:block;height:.8rem;font-size:.35rem;color:#333;line-height:.8rem;width:100%; white-space:nowrap; text-overflow:ellipsis;width:100%;overflow:hidden;}
dl#News dd.lcn div.swiper-container div.swiper-wrapper div a:hover span.els{color:#cc0000;}
dl#News dd.lcn div.swiper-container div.swiper-wrapper div a:hover span.time{background:rgba(162,3,3,.5);}
dl#News dd.lcn div.swiper-container div.swiper-wrapper div a span.more{position:absolute;right:0;bottom:0;border:1px solid #efefef;padding:.15rem .3rem; border-radius:.1rem 0 0 0;display:block;border-right:0;border-bottom:0;}
dl#News dd.lcn div.control span.button-prev,dl#News dd.lcn div.control span.button-next{position:absolute; opacity:.75;z-index:20;display:inline-block;cursor:pointer; background:url("../index/btn_slideshow.png") no-repeat;background-size:100% auto;width:.85rem; height:1.15rem;transition:all .35s;top:50%;margin-top:-23px;}
dl#News dd.lcn div.control span.button-prev{background-position: bottom  center;left:0;}
dl#News dd.lcn div.control span.button-next{background-position:top center;right:0;}
dl#News dd.lcn div.control span.button-next:hover,dl#News dd.lcn div.control  span.button-prev:hover{opacity:1;}
dl#Contact{width:26%;}
dl#Contact dt.tl{line-height:1.2rem;height:auto;overflow:hidden;border-bottom:1px solid #efefef;}
dl#Contact dt.tl i{display:inline-block;width:.18rem;height:.6rem;background:#cc0000;margin:.3rem 0; margin-left:0;float:left;margin-right:.25rem;margin-left:.1rem;border-radius:.1rem;}
dl#Contact dt.tl strong{display:block;float:left;font-size:.42rem;}
dl#Contact dt.tl span{padding:0 .2rem;font-family:Arial;line-height:1.4rem;color:#999;}
dl#Contact dt.tl a.more{margin:.2rem 0 0;font-family:Arial; text-transform:uppercase;}
dl#Contact dd.Tels{padding:.5rem;background:url(../index/tel.png) 95% center #cc0000 no-repeat;font-size:.35rem;background-size:auto 60%;}
dl#Contact dd.lcn{padding:.35rem 0;font-size:.32rem;line-height:.7rem;color:#666;}
dl#Contact dd.Tels span{font-size:.52rem;line-height:1rem;display:block;color:#fff;font-weight:bold;}
footer{width:100%;border-top:3px solid #cc0000;padding:.25rem 0; text-align:center;color:#858585;}
div#banners{height:8.8rem;background:url(../index/banner.jpg) top no-repeat;width:100%;background-size:auto 100%;}
div#Mains{padding:1rem 0;}
dl#Left{float:left;width:220px;}
dl#Left dt.tl{background:url(../index/web_tl.gif) #dcdcdc left no-repeat;height:1rem;text-indent:.35rem;font-size:.35rem;line-height:1rem;font-weight:bold;}
dl#Left dd.Lcns{padding:.1rem 0 .35rem;}
dl#Left dd.Lcns ul,dl#Left dd.Lcns ul li{width:100%;height:auto;overflow:hidden;}
dl#Left dd.Lcns ul li a{display:block;width:90.2%;padding:0 5%;height:.9rem;line-height:.9rem;border-bottom:1px solid #e9e9e9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.3rem; background:url(../index/li_ico.gif) .2rem center no-repeat; text-indent:.35rem;}
dl#Left dd.Lcns ul li a:hover{background-color:#f1f1f1;color:#000;}
dl#Left dd.Lcns ul li a.cur{background-image:url(../index/li_icoA.gif);background-color:#cc0000;color:#fff;}
dl#Left dd.Lcns ul li  ul li a{ text-indent:15px;background:none;}
dl#Left dd.Lcns ul li  ul li a.cur{background-image:none;}
dl#Left dd#DownBTn a{display:block;border:1px solid #efefef;padding:.15rem;height:auto;overflow:hidden;}
dl#Left dd#DownBTn a div#dcode{float:left;margin-right:10px;}
dl#Left dd#DownBTn a font{display:block;float:left;font-size:16px;line-height:35px;font-weight:bold;color:#cc0000;}
dl#Left dd#DownBTn a span{dipslay:block;float:left;color:#666;}
dl#Frames{width:78%;}
dl#Frames dt.tl{height:1rem;line-height:1rem;background:url(../index/arrow.jpg) left no-repeat;padding-left:.5rem;border-bottom:1px solid #e1e1e1;font-size:.32rem;}
dl#Frames dd.Fcns{padding:.2rem 0;line-height:.75rem;font-size:.32rem;color:#323232;}
dl#Frames dd.Fcns img{max-width:100%;}
@media only screen and (max-width: 1000px) {
div.headerfix{display:block;}
header{position:fixed;width:100%;top:0;left:0;}
header div#header a.Moblie_nav{display:block;height:1.8rem;position:absolute;top:0;right:0;width:1.8rem;background:url(../index/btn-menu.png) center #c90202 no-repeat;background-size:auto 80% ;}
header div#header div#Menu{position:fixed;z-index:100;top:0;left:100%;background:rgba(0,0,0,.4);width:100%;height:100%;max-width:none;}
div#header div#Menu nav{position:absolute;height:98%;width:55%;padding:3.5%;background:#ffffff;box-shadow:0 0 15px rgba(0,0,0,.5);right:0;top:0;}
div#header div#Menu nav div.Tel,div#Menu nav a.Mobile_CloseBtn{display:block;transition: all .35s;}
div#header div#Menu nav a.Mobile_CloseBtn{display:block;position:absolute;top:2%;right:3%;z-index:110;}
div#header div#Menu nav a.Mobile_CloseBtn img{height:.7rem;}
div#header div#Menu nav ul#Nav{width:100%;height:auto;overflow:hidden;padding-top:.8rem;}
div#header div#Menu nav ul#Nav li{border-bottom:1px solid #efefef;width:100%;background:none;line-height:1.25rem;padding:0;height:auto;overflow:hidden;}
div#header div#Menu ul#Nav li a.cur{background:none;color:#333;}
div#header div#Menu nav ul#Nav li a{font-size:.52rem;line-height:1.25rem;height:1.25rem;padding:0;}
div#header div#Menu nav ul#Nav li span.mm_jt{display:block;width:.4rem;height:.4rem;position:absolute;right:1%;top:50%;margin-top:-.2rem;background:url(../index/icon-arrow.png) no-repeat;background-size:auto 90%;}
div#header div#Menu nav ul#Nav li a{text-indent:.25rem;}
div#header div#Menu nav ul#Nav li a:hover{color:#cc0000;background:none;}
div#header div#Menu nav ul#Nav li span.mm_button{ cursor:pointer;display:block;width:.5rem;height:.5rem;position:absolute;right:1%;top:.35rem;background:url(../index/icon-plus.png) no-repeat;background-size:auto 90%;}
div#header div#Menu nav ul#Nav li span.mm_button.mm_button.m_close{background-image:url(../index/icon-minus.png);}
div#header div#Menu nav ul#Nav li ul{position:static;width:100%;min-width:inherit;box-shadow:none;background:none;line-height:.8rem;display:none;}
div#header div#Menu nav ul#Nav li ul li a{color:#555;border:0;text-align:left;text-indent:.5rem;font-size:.45rem;}
div#header div#Menu nav ul#Nav>li ul li a:hover{background:#117dbf;color:#fff;}
div#header div#Menu nav ul#Nav li ul li{line-height:.9rem;border:0;}
div#header div#Menu nav ul#Nav>li ul li a:after{right:5%;}
div#header div#Menu nav ul#Nav>li ul li a:hover:after{right:2%;}
div#banner .swiper-slide img{width:100%;}
dl#About dt.tl h1{display:block;line-height:1.1rem;font-size:.6rem;}
dl#About dt.tl span{display:block;line-height:1rem;font-size:.3rem;color:#999;font-family:Arial;}
div#Company{background-size:auto 100%;background-image:url(../index/bg_counter-min-1.jpg);}
dl#Left{width:25%;}
dl#Frames{width:72%;}
}
@media only screen and (max-width:850px) {
div.headerfix{height:2.2rem;}
header div.htopbg{display:none;}
div#banner .swiper-slide a.phoneimg{display:block;}
div#banner .swiper-slide a.pcimg{display:none;}	
dl#Npro dd.lcn div.control{display:none;}
dl#Npro dd.lcn div.pagination{display:block;}
dl#Npro dd.lcn div.swiper-container .swiper-slide a span.els{height:1.3rem;line-height:1.3rem;}
dl#News,dl#Contact{width:98%;padding:0 1%;}
dl#News dd.lcn div.swiper-container div.swiper-wrapper div a span.els{line-height:1.2rem;font-size:.4rem;height:1.2rem;}
div#banners{height:7rem;}
dl#Left{display:none;}
dl#Frames{width:96%;padding:0 2%;}
dl#Frames dt.tl{padding-left:25px;line-height:1.2rem;height:1.2rem;font-size:.35rem;}
dl#Frames dd.Fcns{padding:.35rem 0;}
}
@media only screen and (max-width:640px) {
dl#Npro dt.tl h1,dl#About dt.tl h1{font-size:.95rem;line-height:1.5rem;}	
dl#Npro dt.tl span,dl#About dt.tl span{margin-bottom:.15rem;}
dl#Npro dt.tl i,dl#About dt.tl i{width:1rem;}
dl#News dt.tl,dl#Contact dt.tl{line-height:2rem;}
dl#News dt.tl i,dl#Contact dt.tl i{width:.2rem;height:.7rem;margin:.6rem .3rem;}
dl#News dt.tl strong,dl#Contact dt.tl strong{display:block;float:left;font-size:.7rem;}
dl#News dt.tl span,dl#Contact dt.tl span{padding:0 .2rem;font-family:Arial;line-height:2.2rem;color:#999;}
dl#News dd.lcn div.swiper-container div.swiper-wrapper div a{padding-bottom:.75rem;}
dl#Contact dd.lcn{line-height:1rem;font-size:.4rem;}
div#banners{height:6rem;}
dl#Frames dt.tl{line-height:1.35rem;height:1.35rem;font-size:.45rem;}
dl#Frames dd.Fcns{padding:.35rem 0;line-height:.9rem;font-size:.45rem;}
}
@media only screen and (max-width:540px) {
dl#Npro dt.tl h1,dl#About dt.tl h1{font-size:1.2rem;line-height:2rem;}	
dl#About dd.lcn{line-height:1.1rem;font-size:.6rem;}
dl#Contact dd.lcn{line-height:1rem;font-size:.42rem;}	
dl#Contact dd.Tels span{font-size:.8rem;line-height:1rem;font-size:.55rem;}
dl#Frames dt.tl{line-height:1.4rem;height:1.4rem;font-size:.55rem;}
dl#Frames dd.Fcns{line-height:1.2rem;font-size:.55rem;}
}
@media only screen and (max-width:480px){
dl#News dd.lcn div.swiper-container div.swiper-wrapper div a{padding-bottom:.8rem;}
dl#News dd.lcn div.swiper-container div.swiper-wrapper div a span.els{font-size:.7rem;line-height:2rem;height:2rem;}
dl#News dd.lcn div.swiper-container div.swiper-wrapper div a abbr{line-height:1.2rem;font-size:.5rem;}
dl#News dd.lcn div.control span.button-prev,dl#News dd.lcn div.control span.button-next{width:1.43rem; height:2rem;margin-top:-23px;}
dl#Contact dd.Tels span{font-size:1rem;line-height:1.5rem;}
dl#Frames dt.tl{line-height:1.5rem;height:1.5rem;font-size:.6rem;}
dl#Frames dd.Fcns{line-height:1.4rem;font-size:.6rem;}
}