@import url("public.css");
@import url("aos.css");
@import url("swiper.min.css");
header{width:100% !important;clear:both;height:3rem;background:#ffffff;}
div.headFix{height:3rem;width:100%;display:none;}
header div.headTop{background-color:#f2f2f2;padding:.2rem 0;height:.6rem;line-height:.6rem;height:.6rem;clear:both;}
header div.headTop span.welcome{color:#585858;}
header div.headTop span.tel{float:right;color:#585858;}
header div.headTop span.tel font{color:#e70012;}
div#Header{height:2rem;clear:both; position:relative;}
div#Header a.logo{display:block;padding:.5rem 0;}
div#Header a.logo img{height:.95rem;}
div#Header div.searBox{margin:.7rem 0 0 .25rem;height:auto;background:#898989;border-radius:.5rem .5rem;padding:.12rem;overflow:hidden;}
div#Header div.searBox input.keys{background:#fff;border-radius:.5rem .5rem;border:0;padding-left:.25rem;width:120px;margin-right:.2rem;float:left;}
div#Header div.searBox input.imgBtn{height:.35rem;float:right;margin:0 .2rem 0 .1rem;}
a.menuBtn{display:none;position:absolute;right:.5rem;top:.5rem;}
a.menuBtn i{display:block;height:2px;width:.9rem;background:#666;margin:.22rem 0;}
menu#Menu{height:2rem;z-index:8;float:right;}
menu#Menu nav{width:100%;}
menu#Menu nav ul#Nav{height:2rem;}
ul#Nav li{float:left;height:2rem;line-height:2rem;position:relative; z-index:999; padding-right:1px;}
ul#Nav li a{display:block;padding:0 .6rem;font-size:.35rem;color:#333;}
ul#Nav li a.cur,ul#Nav li a:hover{background-color:#e70012;color:#fff;}
ul#Nav li ul{position:absolute;width:100%; display:none; top:2rem;left:0;height:auto;background:rgba(0,0,0,.3);overflow:hidden;height:auto;}
ul#Nav li.pro ul{width:180%;}
ul#Nav li ul li{line-height:1rem;height:auto;overflow:hidden;width:100%;padding:0;}
ul#Nav li ul li a{width:100%; text-align:center;padding:0;font-size:.32rem;color:#fff; border-bottom:1px solid rgba(0,0,0,.5);}
ul#Nav li.pro ul li a{ text-align:left; text-indent:.45rem;}
ul#Nav li ul li a:hover{ background:#e70012;}
.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;position:relative;width:100%;height:auto;overflow:hidden; text-align:center;z-index:3;}
#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:.55rem;z-index:10;}
#banner .swiper-container .pagination .swiper-pagination-bullet{display:inline-block;width:1.5rem;height:.22rem;background:#d8d7d9;margin:0 .1rem;cursor:pointer;-webkit-border-radius:.2rem;-moz-border-radius:.2rem;border-radius:.2rem; opacity:.95;}
#banner .swiper-container .pagination .swiper-pagination-bullet-active{background:#e70012; box-shadow:.08rem .08rem rgba(0,0,0,.25);}
.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;}
section#ProView{padding:2rem 0;}
section#ProView dl dt.tl{padding:0 0 .5rem; text-align:center;}
section#ProView dl dt.tl strong{display:block;height:1.2rem;line-height:1.2rem;font-size:.7rem;}
section#ProView dl dt.tl strong span{display:inline-block;padding:0 .25rem;font-weight:normal;color:#e70012;}
section#ProView dl dt.tl p{display:block;line-height:1rem;height:1rem;font-size:.6rem;font-weight:bold;}
section#ProView dl dd.lcn,ul#Pview {padding:.5rem 0 0;height:auto;overflow:hidden;}
ul#Pview li{float:left;}
ul#Pview li:nth-child(1),ul#Pview li:nth-child(2),ul#Pview li:nth-child(3){width:32.3%;margin:.5% .5%; overflow:hidden; }
ul#Pview li:nth-child(4),ul#Pview li:nth-child(5),ul#Pview li:nth-child(6){margin:.23rem .5%;width:21.2%;}
ul#Pview li a{ opacity:.9; display:block;}
ul#Pview li a img{width:100%;}
ul#Pview li a:hover{ opacity:1;}
section#ProView dl dd.more{padding:.8rem ;height:.8rem;line-height:.8rem; text-align:center;}
section#ProView dl dd.more a{display:inline-block;padding:.1rem .8rem;background:#666;color:#fff;border:1px solid #555;}
section#ProView dl dd.more a:hover{background-color:#e70012;border:1px solid #ba0211;}
dl#Company{padding:0;}
dl#Company dt.tl{padding:0 0 .8rem; text-align:center;}
dl#Company dt.tl strong{display:block;height:1.2rem;line-height:1.2rem;font-size:.7rem;}
dl#Company dt.tl strong span{display:inline-block;padding:0 .25rem;font-weight:normal;color:#e70012;}
dl#Company dt.tl p{display:block;line-height:1rem;height:1rem;font-size:.6rem;font-weight:bold;}
dl#Company dd.lcn,ul#Pview {padding:.5rem 0 0;height:auto;overflow:hidden;}
dl#Company dd.Clcn{width:100%;padding:1.5rem 0;background:url(../index/compImg.png) #ececec right bottom no-repeat;background-size:50% auto;}
dl#Company dd.Clcn div.Ctl{padding:.4rem 0 0; position:relative;}
dl#Company dd.Clcn div.Ctl span{display:block;font-weight:bold;font-size:.35rem;color:#585858;}
dl#Company dd.Clcn div.Ctl h1{display:block;line-height:1.2rem;height:1.2rem;color:#333;font-size:.6rem;}
dl#Company dd.Clcn div.Ctl:before{display:block;height:1px;width:2.8rem;background:#ababab;position:absolute;left:0;bottom:0;content:"";}
dl#Company dd.Clcn div.CompInfo{line-height:.75rem;font-size:.35rem;width:48%;padding:.5rem 0;color:#585858;}
dl#Company dd.Clcn a.more{display:inline-block;margin:.8rem 0;padding:.2rem .5rem;background:#666;color:#fff; border:1px solid #545454;font-family:Arial;}
dl#Company dd.Clcn a.more:hover{background:#e70012; border:1px solid #c70012;}
dl#NewsView{padding:1rem 0;height:auto;overflow:hidden;}
dl#NewsView dt.tl{padding:0 0 .5rem; text-align:center;padding-bottom:1rem;}
dl#NewsView dt.tl strong{display:block;height:1.2rem;line-height:1.2rem;font-size:.7rem;}
dl#NewsView dt.tl strong span{display:inline-block;padding:0 .25rem;font-weight:normal;color:#e70012;}
dl#NewsView dt.tl p{display:block;line-height:1rem;height:1rem;font-size:.6rem;font-weight:bold;}
dl#NewsView dd.nimg{float:right;width:48%;padding:1%;}
dl#NewsView dd.nimg img{max-width:100%;}
dl#NewsView dd.Nlist{float:left;width:48%;padding:1%;}
dl#NewsView dd.more{padding:.8rem ;height:.8rem;line-height:.8rem; text-align:center;clear:both;width:100%;}
dl#NewsView dd.more a{display:inline-block;padding:.1rem .8rem;background:#666;color:#fff;border:1px solid #555;}
dl#NewsView dd.more a:hover{background-color:#e70012;border:1px solid #ba0211;}
dl#NewsView dd.Nlist ul{width:100%;height:auto;overflow:hidden;}
dl#NewsView dd.Nlist ul li{padding-bottom:.5rem;height:auto;overflow:hidden;}
dl#NewsView dd.Nlist ul li a{display:block;}
dl#NewsView dd.Nlist ul li a div.date{display:block;float:left;margin-right:3%;width:1.8rem;background-color:#999999; text-align:center;padding:2%;color:#fff;line-height:.6rem;}
dl#NewsView dd.Nlist ul li a div.date p{font-size:1rem;line-height:1.5rem;height:1.5rem;}
dl#NewsView dd.Nlist ul li a div.ninfo{width:72%;float:left;}
dl#NewsView dd.Nlist ul li a div.ninfo strong{display:block;clear:both;width:100%;line-height:.9rem;height:.9rem; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:.45rem;color:#333;}
dl#NewsView dd.Nlist ul li a div.ninfo abbr{display:block;line-height:.55rem;color:#666;}
dl#NewsView dd.Nlist ul li a:hover div.date{background-color:#e70012;}
dl#NewsView dd.Nlist ul li a:hover div.ninfo strong{color:#e70012;}
footer{background-color:#353535;padding:1.5rem 0 .65rem;}
div#Footer{height:auto;overflow:hidden;}
div#Footer div.Fnav{width:60%;height:auto;overflow:hidden;float:left;}
div#Footer div.Fnav ul>li{width:21%;float:left;padding:0 2%;height:auto;overflow:hidden;}
div#Footer div.Fnav ul>li>a{color:#fff; margin-bottom:.5rem;display:block;font-size:.4rem; padding-bottom:.45rem;position:relative;}
div#Footer div.Fnav ul>li>a:before{display:block;content:"";position:absolute;width:.4rem;height:1px;background:#aaa;bottom:-.1rem;}
div#Footer div.Fnav ul>li>ul>li{width:100%;line-height:.7rem;padding:0;background:none;height:auto; overflow:hidden;}
div#Footer div.Fnav ul>li>ul>li:nth-Child(3){width:100%;}
div#Footer div.Fnav ul>li ul li a{color:#888;font-size:.32rem;margin-bottom:0;line-height:.7rem;padding:0;}
div#Footer div.Fnav ul>li ul li a:before{background:none;}
div#Footer div.Fnav ul li ul li a:hover{color:#eee;}
div#Contacts{width:38%;float:right;}
div#Contacts div.Cimg img{max-width:100%;}
div#Contacts div.Cintro{line-height:.65rem;padding:.5rem 0;color:#9d9d9d;}
div.copys{background:#000;padding:.2rem 0; text-align:center;line-height:1rem;color:#666;height:1rem;}
div.copys a:hover{color:#999;}
section#Main{padding:1rem .5rem; height:auto;overflow:hidden;}
dl#Left{width:260px;border:1px solid #e5e5e5;}
dl#Left dt.tl{line-height:1.25rem;height:1.25rem;font-size:.6rem; text-indent:.25rem;padding:.3rem .35rem;background:#e60012;color:#fff;border-bottom:1px solid #c40211;}
dl#Left dt.tl span{display:inline-block;font-size:.3rem;padding:0 .05rem;color:#ddd;}
dl#Left dd.lcn{padding:.15rem;}
dl#Left dd.lcn ul li a{line-height:1.1rem;height:1.1rem;display:block; border-bottom:1px solid #e5e5e5;text-indent:.15rem;width:90%;padding-right:10%; white-space:nowrap;overflow:hidden; text-overflow:ellipsis;background:url(../index/arrow7.png) 96% center  no-repeat;}
dl#Left dd.lcn ul li a:hover,dl#Left dd.lcn ul li a.cur{background-image:url(../index/arrow6.png);background-color:#f9f9f9;}
dl#Frames{width:870px;}
dl#Frames dt.tl{padding:.2rem 0;border-bottom:1px solid #e9e9e9;}
dl#Frames dt.tl h1{font-size:.55rem;font-weight:normal;color:#e60012;line-height:1.15rem;height:1.15rem;}
dl#Frames dt.tl h1 span{display:inline-block;padding:0 .2rem;font-size:.35rem;color:#999;}
dl#Frames dt.tl p{display:block;padding:0 0 .05rem;color:#666;}
dl#Frames dt.tl p a{display:inline-block;padding:0 .15rem;}
dl#Frames dd.lcns{padding:.4rem 0;line-height:.75rem;color:#666;}
dl#Frames dd.lcn{padding:.35rem 0;color:#666;}
dl#Frames dd.lcns img{max-width:100%;}
div.Sonlist{height:auto;overflow:hidden;text-align:center;padding:.5rem 0px;display:none;}
div.Sonlist a{display:inline-block;padding:.1rem .7rem;border:1px solid #c8c8c8;border-radius:.8rem;margin:0px .3rem;line-height:1rem;font-size:.45rem;color:#333;}
div.Sonlist a:hover{border-color:#e60012;color:#e60012;}
div.Sonlist a.cur{background:#e60012;color:#fff;border-color:#c60012;}
div#banners img{max-width:100%;}
div#banners img.phoneimg{display:none;}
@media only screen and (max-width:1170px) {
	div.headFix{display:block;}
	header{height:3rem; box-shadow:0 0 .2rem rgba(0,0,0,.45); position:fixed;top:0;left:0;width:100%;z-index:99;}
	div#Header a.logo{padding:.5rem 0;}
	div#Header div.searBox{display:none;}
  	a.menuBtn{display:block;width:20px;height:20px;margin-right:.25rem;}
	menu#Menu{display:none;background:rgba(255,255,255,1);width:98%;padding:.5% 1%;top:1.95rem;z-index:88;left:0;height:auto;overflow:hidden; position:absolute; border-radius:0;box-shadow:0 .1rem .1rem rgba(0,0,0,.35);}
	menu#Menu nav{width:100%;height:auto;overflow:hidden;padding:.2rem 0;}
	menu#Menu nav ul#Nav{width:100%;height:auto;overflow:hidden;padding:.3rem 0;margin:0;}
	ul#Nav li{float:none;height:auto;line-height:1.2rem;width:100%;padding:0;}
	ul#Nav li.parent{position:relative;}
	ul#Nav li a{display:block;font-size:.38rem;border-bottom:1px solid #eee;padding:0;text-indent:.25rem;color:#000;}
	ul#Nav li a:hover,ul#Nav li a.cur{background:none;color:#e70012;}
	ul#Nav li a.cur{color:#000;}
	ul#Nav li.parent>a:before{display:block;content:"";position:absolute;top:0;right:.45rem;text-indent:0;width:1.2rem;padding:0;text-align:center;height:1.2rem;background:url(../index/icon-arrow1.png) center no-repeat;background-size:50% auto;}
	ul#Nav li.parent>a.open:before{background-image:url(../index/icon-arrow.png)}
	ul#Nav li.parent>a.open{color:#e70012;}
	ul#Nav li a:hover{background:none;border-radius:0;color:#e70012;}
	a.menuBtn.menuClose i{position:absolute;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;}
	a.menuBtn.menuClose i.i2{background:#fff;top:50%; opacity:0;}
	a.menuBtn.menuClose i.i1{transform:translateY(8px) rotate(45deg);-ms-transform:translateY(8px) rotate(45deg);-moz-transform:translateY(8px) rotate(45deg);-webkit-transform: translateY(8px) rotate(45deg);-o-transform: translateY(8px) rotate(45deg);}
	a.menuBtn.menuClose i.i3{transform:translateY(8px) rotate(-45deg);-ms-transform:translateY(8px) rotate(-45deg);-moz-transform:translateY(8px) rotate(-45deg);-webkit-transform: translateY(8px) rotate(-45deg);-o-transform: translateY(8px) rotate(-45deg);}
	ul#Nav li ul{position:static;padding:0 0 0;width:100%;border:0;background:#fff;}
	ul#Nav li ul li{line-height:1rem;height:1rem;width:100%;} 
	ul#Nav li ul li a{font-size:.32rem;float:none; text-align:left; text-indent:.5rem;color:#666; border-bottom:0;}
	ul#Nav li ul li a:hover{color:#fff;}
	div#banner .swiper-slide a.phoneimg{display:block;}
	div#banner .swiper-slide a.pcimg{display:none;}	
	div#banners img.pcimg{display:none;}
	div#banners img.phoneimg{display:block;}
	dl#Company dd.Clcn{background-size:75% auto;}
	dl#Left{width:28%;}
	dl#Frames{width:68%;}
}
@media only screen and (max-width:860px) {
	ul#Pview li:nth-child(4),ul#Pview li:nth-child(5),ul#Pview li:nth-child(6){margin:.2rem .5%;}
	dl#Company dd.Clcn div.CompInfo{width:80%;}
    dl#NewsView dd.nimg{float:none;width:98%;padding:1%;}
    dl#NewsView dd.Nlist{float:none;width:98%;padding:1%;}
    dl#NewsView dd.Nlist ul{width:100%;}
    dl#NewsView dd.Nlist ul li a div.ninfo{width:80%;float:left;}
    dl#NewsView dd.Nlist ul li a div.ninfo strong{font-size:.5rem;line-height:1.2rem;height:1.2rem;}
    dl#NewsView dd.Nlist ul li a div.ninfo abbr{line-height:.8rem;font-size:.4rem;}
	div#Footer div.Fnav{width:100%; margin-bottom:.8rem;}
	div#Footer div.Fnav ul>li{width:97%;height:auto;overflow:hidden;background:none;}
	div#Footer div.Fnav ul>li>a{font-size:.45rem;border-bottom:1px solid #454545;cursor:pointer; margin-bottom:.2rem;padding-top:.2rem;}
	div#Footer div.Fnav ul>li a:before{display:none;}
	div#Footer div.Fnav ul>li.parent>a:before{display:block;content:">";width:10px;height:.7rem;right:10px;background:none;color:#999;top:.2rem;transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg); font-family:"宋体"; }
	div#Footer div.Fnav ul>li.parent>a.open:before{right:10px;top:.15rem;transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg); }
	div#Footer div.Fnav ul>li ul{display:none;padding:.2rem 0;height:auto;overflow:hidden;}
	div#Footer div.Fnav ul>li ul li a{line-height:1rem;height:1rem;font-size:.4rem;}
	div#Contacts{width:100%;}
	dl#Left{display:none;}
	dl#Frames{width:100%;}
	div.Sonlist{display:block;}
}
@media only screen and (max-width:640px) {
  header{height:3.4rem;}
  div.headFix{height:3.4rem;}
  header div.headTop{padding:.4rem 0;}
  dl#Company dd.Clcn div.CompInfo{line-height:1rem;font-size:.4rem;width:99%;}
  ul#Pview li:nth-child(1),ul#Pview li:nth-child(2),ul#Pview li:nth-child(3){width:49%; margin:.9% .5%;}
  ul#Pview li:nth-child(4),ul#Pview li:nth-child(5),ul#Pview li:nth-child(6){margin:0 .5%;width:32.3%;}
 dl#Frames dt.tl h1{font-size:.7rem;line-height:1.8rem;height:1.8rem; text-align:center;}
 dl#Frames dd.lcns{line-height:1rem;font-size:.45rem;}
 footer{padding:1rem 0 .65rem;}
 div#Footer div.Fnav ul>li>ul>li{line-height:1rem;}
 div#Footer div.Fnav ul>li ul li a{font-size:.35rem;line-height:1rem;}
}