@charset "utf-8";
/* CSS Document */
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
ol , ul ,li{list-style:none;}
.mian{position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden; background-color:#fff; font-family:Microsoft YaHei;}
a{text-decoration:none; color:#666;}
@media screen and (min-width:320px) {
	html{font-size:75%;}
}
@media screen and (min-width:375px) {
	html{font-size:87.5%;}
}
@media screen and (min-width:480px) {
	html{font-size:87.5%;}
}
@media screen and (min-width:540px) {
	html{font-size:112.5%;}
}
@media screen and (min-width:550px) {
	html{font-size:125%;}
}
@media screen and (min-width:640px) {
	html{font-size:150%;}
}

/*清除浮动*/
.clearfix:after{ 
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix{ /*兼容 IE*/
    zoom: 1;
}

/* header */
header{background: #fff;padding: 1.25rem 0;height: 5rem;box-sizing: border-box;position: relative;border-bottom: 1px solid #ececec;}
header img{display: block;width: 100%;}
header h1{float: left;margin-left: 3%;width: 34%;}
header .phone{display: block;padding: 0 6%;border-left: 1px solid #eaeaea;border-right: 1px solid #eaeaea;float: left;font-size: 1.2rem;margin-left: 5%;margin-top: 0.5rem;}
header span{display: block;width: 6%;float: right;margin-right: 3%;margin-top: 0.2rem;font-family: arial;color: #333333;}
header p{height: 3rem;line-height: 3rem;position: absolute;width: 100%;left: 0;top: 5rem;text-align: center;font-size: 1.2rem;color: #50575d;background: rgba(255, 255, 255, 0.9)}
header p em{color: #f47900;}
/* footer */
footer{ width: 94%;background: #929292; }
.footerCenter{width: 94%;padding:2rem 3% 19%;text-align: center;}
.footerCenter p{font-size: 1rem;color: #fff;margin-bottom: .417rem;line-height: 1.2rem;}
.footerCenter p a{font-size: 1rem;color: #fff;}
.footerBottom{ width: 100%;border-top: 2px solid #fff;position: fixed; bottom: 0;left: 0;}
.footerBottom a{display: block;float: left;width: 33%;text-align: center; box-sizing: border-box;background: url(../images/Common/footer_xian.png) no-repeat left center #f0f0f0;display: block;font-size: 1.2rem;color: #333333;height: 3.2rem;line-height: 3.2rem;}
.footerBottom a:first-child{background-image: none;}



/* NavMenu */
.NavMenu{width:100%;position:fixed;top:0;left: 0;padding-top: 4.375rem;display: none;background: rgba(0, 0, 0, 0.8); z-index: 999;}
.NavMenu ul{width: 100%;padding-bottom: 1.75rem;}
.NavMenu li{margin-bottom: 1.167rem;}
.NavMenu li a{display: block;text-align: center;font-size: 1.2rem;color: #fff;}
.NavMenu li:hover a{color: #dcb172;}
.NavMenu span{display:block;width:12%;position: absolute;top: 6%;right: 2%;}
.NavMenu img{display:block;width:100%;}




/*公共颜色调用*/
.pagedSpan a{background:#333;}
.CategoryList_Title i{color:#333;}
.hdPhone p i{border:1px solid #fff;}
 .pagedSpan a{color:#fff;}
.pagedSpan{background:#feeddc;}



/*分类标题*/
.CategoryList_Title{height:2.968rem; line-height:2.968rem; padding:0 .687rem; color:#333; text-align:center; border-bottom:1px solid #b0b4bb; font-size:1.2rem; background: linear-gradient(180deg , #f2f2f2 0% , #e0e0e0 100%);}
.CategoryList_Title i{font-size:1.2rem; margin-top:.75rem;}
.CategoryList_Title .icon-details{margin-right:.5rem;}


/*分类列表*/
.CategoryLista{}
.CategoryLista > li > a{height:3.031rem; line-height:3.031rem; display:block; color:#333; background:#f4f4f4; padding:0 1.125em; border-bottom:1px solid 

#cfcbc1; border-top:1px solid #fff; font-size:1.2rem;}
.CategoryLista li i{float:right; margin-top:.45rem; color:#656565; font-weight:bold; font-size:1.6rem;}
.CategoryLista > li li a{height:3.031rem; line-height:3.031rem; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; display:block; color:#666; 

background:#fff; padding:0 2.062rem; border-bottom:1px solid #cfcbc1; border-top:1px solid #fff; font-size:1.2rem;}
.CategoryLista li:after {content:'.'; display:block; height:0; clear:both; visibility:hidden;}
.CategoryLista .icon-arrow-down{color:#f90;}
.CategoryLista > li > ul >li >ul{padding:0 1.125em;}
/*.CategoryLista > li > .list1,.CategoryLista > li > .list1 li ul{display:none;}*/

/*搜索*/
.searchSpan{position:relative; overflow:hidden; margin:.687rem;padding-bottom:0rem;}
.searchSpan .txtSearch{height:33px; border-radius:5px; border:1px solid #ddd; font-size:1rem; text-indent:.25rem; width:99.9%; outline:none;}
.searchSpan .btnSearch{position:absolute; right:0px; top:1px; border-radius:0 5px 5px 0; display:block; height:33px; line-height:33px; color:#333; width:3.5rem; border-left:1px solid #ddd; border-right:1px solid #ddd; text-align:center; background:linear-gradient(180deg , #fff 0% , #ededed 100%);}
#DetailedSpan div table{width:640px !important;}
#ErrorInfo{ text-align:center; margin-bottom: 1rem; margin-top:1rem;    font-size: 1rem;} 
#ErrorInfoZ{ text-align:center; margin-bottom: 1rem; margin-top:1rem;    font-size: 1rem;} 
.green{color:#f47900;display:block;}
.yellow{color:#ffdf01;display:block;}
.red{color:Red; display:block;}

@font-face {
  	font-family:"DIN Medium";
  	src:url("../fonts/DIN Medium.woff2") format("woff2"),
      	url("../fonts/DIN Medium.ttf") format("truetype"),
       	url("../fonts/DIN Medium.eot") format("embedded-opentype");
  	font-weight: normal;
  	font-style: normal;
}

/*--public*/
*[data-url]{cursor:pointer;}
.wrap-title{position:relative;margin-bottom:4vw;padding-bottom:2.7vw;line-height:1.25;overflow:hidden;}
.wrap-title:after{display:block;position:absolute;left:0;bottom:0;width:20px;height:1px;content:"";background:#ea7400;}
.wrap-title h2{line-height:8vw;font-weight:normal;font-size:5.25vw;color:#333;}
.wrap-title h2 a{color:#333;}
.wrap-title em{display:block;position:absolute;right:0;top:0;text-align:right;font-family:"DIN Medium";font-size:3.25vw;line-height:4vw;color:#999;text-transform:uppercase;}
.wrap-title.white h2,.wrap-title.white h2 a{color:#fff;}
.mask{position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
/*--end public*/

/*--header--*/
.header{position:relative;padding:2.7vw;width:100%;height:13vw;background:#fff;box-sizing:border-box;}
.header .logo{width:40vw;}
.header .logo img{display:block;width:100%;}
.header .menu-btn{position:absolute;right:0;top:0;width:12vw;height:100%;cursor:pointer;background:url(../images/Common/menu.png) no-repeat center;background-size:6.4vw;}
/*--end header--*/

/*--sideBar--*/
.sideBar{position:fixed;z-index:9999;top:0;right:0;width:70%;height:100%;background:#fff;transform:translateX(100%);transition:all 0.8s ease-in-out;}
.sideBar .hd{position:relative;padding:2.5vw;height:12vw;overflow:hidden;border-bottom:#ebebeb solid 1px;box-sizing:border-box;}
.sideBar .hd .logo{width:39vw;}
.sideBar .hd .logo img{display:block;width:100%;}
.sideBar .hd .close{position:absolute;right:2vw;top:50%;margin-top:-4vw;width:8vw;height:8vw;cursor:pointer;background:#ea7400 url(../images/Common/close.png) no-repeat center;background-size:4vw;border-radius:50%;}
.sideBar .bd{overflow:hidden;}
.sideBar .bd ul{height:calc(100vh - 12vw);overflow:auto;}
.sideBar .bd li{border-bottom:#ebebeb solid 1px;}
.sideBar .bd li a{display:block;padding:2.5vw 4vw;font-size:3.75vw;line-height:1.5;color:#333;background:url(../images/Common/nav_list.png) no-repeat calc(100% - 4vw) center;}
/*--end sideBar--*/

/*--footer--*/
.footer{padding:8vw 2.7vw 22vw;overflow:hidden;background:#3c3c3c;}
.footer .hd{padding-bottom:6vw;overflow:hidden;border-bottom:#666 solid 1px;}
.footer .hd .logo{float:left;width:40vw;overflow:hidden;}
.footer .hd .logo img{display:block;width:100%;}
.footer .hd .slogan{float:right;font-size:3.5vw;color:#999;line-height:7.2vw;}
.footer .bd{padding-top:6vw;text-align:center;font-size:3.5vw;color:#999;line-height:1.5;overflow:hidden;}
.footer .bd p{font-size:3.5vw;color:#999;}
.footer .bd p em{font-family:"DIN Medium";color:#ea7400;}
.footer .bd p a{color:#999;}
/*--end footer--*/

/*--affixMenu--*/
.affixMenu{position:fixed;z-index:9999;bottom:0;left:0;width:100%;overflow:hidden;box-sizing:border-box;background:#fff;}
.affixMenu ul{display:flex;justify-content:space-between;}
.affixMenu li{width:20%;text-align:center;}
.affixMenu li a{display:block;padding:1.5vw;overflow:hidden;border-right:#f0f0f0 solid 1px;}
.affixMenu li i{display:block;margin:0 auto;width:4vw;height:4vw;background-repeat:no-repeat;background-size:100%;}
.affixMenu li span{display:block;font-size:3.5vw;color:#333;line-height:1.5;}
.affixMenu li:nth-child(1) i{background-image:url(../images/Common/affixMenu01.png);}
.affixMenu li:nth-child(2) i{background-image:url(../images/Common/affixMenu03.png);}
.affixMenu li:nth-child(3) i{background-image:url(../images/Common/affixMenu02.png);}
.affixMenu li:nth-child(4) i{background-image:url(../images/Common/affixMenu04.png);}
.affixMenu li:nth-child(5) i{background-image:url(../images/Common/affixMenu05.png);}
/*--end affixMenu--*/

/*ServiceBar*/
.ServiceBar{right:0;bottom: 12rem;position:fixed;text-align:left;overflow: hidden;z-index:999;}
.ServiceBar li{background:rgba(0,0,0,0.5);margin:4px 0;padding: .45rem;border-top-left-radius: 5px;border-bottom-left-radius: 5px;cursor:pointer;position:relative;}
.ServiceBar li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between}
.ServiceBar li .iconBox a{display:block;    color: #fff;}
.ServiceBar li img{width: 2rem;height: 2rem;margin: 0 auto;}
.ServiceBar li h4{color: #fff;font-size:14px;margin:2px 0;margin-left: 15px;}
.ServiceBar li:hover{background: #ea7400;}
/*--end  ServiceBar*/