@charset "utf-8";
/* CSS Document */
html{}

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 {
	list-style: none;
}

em { font-style: normal;}

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

.header{overflow:hidden; background-color: #da251c;}
.header .logoImg{float:left; margin:1.5% 0 4.5% 3%; width:4.875em; }
.header .hdTxt{float:right; margin-top:5.4%; margin-right:10%; width:60%; border-left: 1px solid #fff; padding-left: 5%;}
.header .hdTxt p{font-size:1em; color:#fff; margin-bottom: 2.2%}
.header .hdTxt a{padding-left:1.117em; color:#fff; font-size:1.250em; background:url(../images/Common/mb.png) no-repeat left center; background-size:0.8em; font-family:arial;}




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

.jxbox{ overflow: hidden; padding: 0.833em; background-color: #e7e7e7; position: relative; top: -0.083em; left: 0px;}
.jxcont{ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fbfbfb), color-stop(1, #dbdbdb)); padding: 7% 5% 12% 5%; box-shadow:0.208em 0.417em 0.375em #929191; border: 1px solid #c2c2c2; box-sizing: border-box; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;}
.jxbox .ljzx{ display: block;  width: 5.667em; height: 1.875em; float: left; background: url(../images/Index/btn.png) no-repeat; background-size: 90%;}
.jxbox p{ overflow:hidden;  float: left; padding-left: 3%;}
.jxbox p em{ font-size: 1em; color: #343434;}
.jxbox p span{ font-size:1.250em ; font-weight: bold; color: #da251c;}

.totop{ width: 100%; text-align: center; background-color: #e7e7e7; margin-bottom: 15%; padding:3% 0 4% 0;position: relative; top: -0.083em; left: 0px;}
.totop a{ display: inline-block; width: 7.292em; height: 2.292em; line-height: 2.292em; background: url(../images/Index/jticon.png) no-repeat 10% center; background-size: 0.8em auto; text-align: center; font-size: 1em; color: #353535; border: 1px solid #c3c3c3; border-radius: 0.367em;}

.ftmenu{ width: 100%; overflow: hidden;position:fixed; width:100%; left:0; bottom:0;}
.ftmenu li{ float: left; width: 25%; text-align: center; position:relative;}
.ftmenu li:after{content:''; position:absolute; top:0; right:-1px; z-index:9; height:100%; width:0px;  border-left:1px solid #4c4c4c;}
.ftmenu li a{ display: block; background-color: #343434; height: 3.542em; padding-top: 0.5em}
.ftmenu li img{ width: 1.458em; }
.ftmenu li span{ display: block; font-size: 1em; color: #000000; color: #fff;}


.elastic{ width:2.5em;z-index:9999; height:2.5em; position: fixed;top:0;right:92px;overflow:hidden; border-radius:50%;background:#800000 url(../images/Index/btnRight_ico.png) no-repeat center; background-size:auto 1em; margin-top:2em;}
.elastic.toRight{-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
background-position:center;right:13px;}
.binPlus{position:fixed; right:0; top:0; display:none; overflow:scroll; z-index:999; width:7.5em; height:100%; background-color:rgba(0,0,0,0.8);}
.binPlus ul{padding:1em 0; width:100%;}
.binPlus ul li{text-align:center; height:6.8em; margin-bottom:1em;}
.binPlus ul li img{width:4.792em;}
.binPlus ul li h5{margin-top:0.4em; font-weight:normal; font-size:1em;}
.binPlus ul li h5 a{color:#fff;}
.binPlus .btnDown{position:fixed; right:0; bottom:0; width:7.5em; height:4em;
background-color:rgba(0,0,0,0); 
background-image:-moz-linear-gradient(top , rgba(0,0,0,0) , rgba(0,0,0,0.8));
background-image:-webkit-linear-gradient(top , rgba(0,0,0,0) , rgba(0,0,0,0.8));
background-image:-o-linear-gradient(top , rgba(0,0,0,0) , rgba(0,0,0,0.8));
background-image:-ms-linear-gradient(top , rgba(0,0,0,0) , rgba(0,0,0,0.8));
background-image:linear-gradient(top , rgba(0,0,0,0) , rgba(0,0,0,0.8));}
.binPlus .btnDown i{position:absolute; width:100%; height:100%; background:url(../images/btnDown_ico.png) no-repeat center; background-size:1.667em auto;}
/*----------------------- binPlus ---------------------------------*/

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


/*分类列表*/
.CategoryLista{}
.CategoryLista > li > a{height:3.031em; line-height:3.031em; display:block; color:#333; background:#f4f4f4; padding:0 1.125em; border-bottom:1px solid #cfcbc1; border-top:1px solid #fff; font-size:1.3em;}
.CategoryLista li i{float:right; margin-top:.45em; color:#656565; font-weight:bold; font-size:1.6em;}
.CategoryLista > li li a{height:3.031em; line-height:3.031em; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; display:block; color:#666; background:#fff; padding:0 2.062em; border-bottom:1px solid #cfcbc1; border-top:1px solid #fff; font-size:1.3em;}
.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:.687em;}
.searchSpan .txtSearch{height:33px; border-radius:5px; border:1px solid #ddd; font-size:1.2em; text-indent:.25em; 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:2.5em; border-left:1px solid #ddd; border-right:1px solid #ddd; text-align:center; background:linear-gradient(180deg , #fff 0% , #ededed 100%);}



.green{color:Red}
.red{color:Red}


@media screen and (min-width:320px) {
	body{font-size:75%;}
    
}
@media screen and (min-width:375px) {
	body{font-size:87.5%;}

}
@media screen and (min-width:480px) {
	body{font-size:87.5%;}

}
@media screen and (min-width:540px) {
	body{font-size:112.5%;}
 
}
@media screen and (min-width:550px) {
	body{font-size:125%;}
 
}
@media screen and (min-width:640px) {
	body{font-size:150%;}

}


#app { overflow: hidden;}

/* --header-- */
.header02 { position: relative; overflow: hidden;  box-sizing: border-box; background: #fff;}
.header02 .hd-logo{ margin: 3vw 0 3vw 10px; float: left; width:16.67vw;}
.header02 .hd-logo img { width: 100%;}
.header02 .hd-tit { margin: 10px 0;  padding-left: 12px; float: left; border-left: 1px solid #dcdcdc;}
.header02 .hd-tit h2 { font-size: 4vw; color: #005ca7;}
.header02 .hd-tit p { font-size: 3.5vw; color: #333; line-height: 1.5;}
.header02 .hd-tit p a { font-size: 3.5vw; color: #333;}
.header02 .hd-menu { margin-right: 12px; float: right; background: url("../images/Common/hd-menu.png") no-repeat center;  width: 11vw; height: 16vw;  background-size: 100%;}
/* --end header-- */

/* wrap-tit */
.wrap-tit { position: relative; text-align: center;}
.wrap-tit h2 { position: relative; display: inline-block; font-size: 5vw; color: #000;}
.wrap-tit h2:after { content: ''; display: block; position: absolute; left: 105%; top: 50%; width: 280px; height: 1px; background: #e5e5e5;}
.wrap-tit h2::before { content: ''; display: block; position: absolute; right: 105%; top: 50%; width: 280px; height: 1px; background: #e5e5e5;}
.wrap-tit h2 a { color: #000;}
.wrap-tit h2 em { color: #005ca7; font-weight: bold;}
.wrap-tit p { padding-top: 5px; font-size: 3.25vw; color: #666;}
/* wrap-tit end */

/* footer */
.footer { padding: 3.33vw 0 17.33vw; text-align: center; box-sizing: border-box; position: relative; background: #1d1d1c;}
.footer .ft-logo { display: block; margin: 0 auto; width: 16vw;}
.footer .ft-number { padding: 2.67vw 0 1.33vw; box-sizing: border-box;}
.footer .ft-number p {font-size: 3.5vw; color: #fff; line-height: 1.5;}
.footer .ft-number p em { font-family: "DIN Medium"; font-weight: bold; }
.footer .ft-number p em a{color: #f5c231;}
.footer .ft-address { overflow: hidden;}
.footer .ft-address p { font-size: 3.25vw; color: #6c6c6c;}
.footer .ft-address p a { display: block; margin-top: 1.33vw; margin-left: 1.33vw; color: #6c6c6c;}
/* footer end */

.ft-menu {position:fixed;left: 0;bottom: 0;width: 100%; z-index:99999;background-color: #005ca7;overflow: hidden;}
.ft-menu li {float: left; width: 25%; border-right: 1px solid #337db9; box-sizing: border-box;}
.ft-menu li:last-of-type { border-right: 0;}
.ft-menu li a {display: block;padding: 4vw 0;text-align: center;overflow: hidden;}
.ft-menu li i {width: 5vw;height: 5vw;display: inline-block; vertical-align: middle;}
.ft-menu li:nth-of-type(1) i {  background: url("../images/Common/ft-icon01.png") no-repeat center; background-size: 100%;}
.ft-menu li:nth-of-type(2) i {  background: url("../images/Common/ft-icon02.png") no-repeat center; background-size: 100%;}
.ft-menu li:nth-of-type(3) i {  background: url("../images/Common/ft-icon03.png") no-repeat center; background-size: 100%;}
.ft-menu li:nth-of-type(4) i {  background: url("../images/Common/ft-icon04.png") no-repeat center; background-size: 100%;}
.ft-menu li p { padding-top:0.5vw; display: inline-block; vertical-align: middle; font-size: 3.25vw;color: #f0f0f0;}
/* --end footer-- */


@font-face {
	font-family: "AKZID-EXT";
	src: url("../fonts/AKZIDENZGROTESK-EXTRABOLDCOND.woff2") format("woff2"),
	url("../fonts/AKZIDENZGROTESK-EXTRABOLDCOND.woff") format("woff"),
	url("../fonts/AKZIDENZGROTESK-EXTRABOLDCOND.ttf") format("truetype"),
	url("../fonts/AKZIDENZGROTESK-EXTRABOLDCOND.eot") format("embedded-opentype"),
	url("../fonts/AKZIDENZGROTESK-EXTRABOLDCOND.svg") format("svg");
}

/* mb导航 */
.nav{display:block;position:fixed;z-index:9999999;top:0;right:0;width:70%;height:100vh;transform:translate3d(100%,0,0);transition:all 0.5s ease-in-out;text-align:center;background:#fff;}
.nav-mask { display: none; position: absolute; left: 0; top: 0; z-index: 9999; width: 100%; height: 100vh; background:rgba(0,0,0,0.5);}
.nav-list li:last-child{border-bottom:none;}
.nav-list li:after{display:none;}
.nav-hd{display:block;position:relative;padding: 3vw;overflow:hidden;border-bottom:rgba(0,0,0,0.1) solid 1px;background:#fff;}
.nav-hd .logo{width: 20vw;}
.nav-hd .logo img{display:block;width:100%;}
.nav-hd .close{position:absolute;right:2.67vw;top:50%;width:8vw;height:8vw;line-height:7vw;font-size:7vw;color:#fff;font-weight:bold;cursor:pointer;text-align:center;border-radius:50%;background:#005ca7;transform:translateY(-50%);}
.nav-list li{position:relative;display:block; text-align:center;border-bottom:rgba(0,0,0,0.1) solid 1px;}
.nav-list li>a{position:relative;display:block;padding:3vw 0;color:#333;font-size:4vw;}
.nav-list li>a:after{display:block;position:absolute;left:50%;bottom:0;margin-left:-4.27vw;width:8.53vw;height:2px;content:"";background:#333;transform:scale(0,1);transition:all 0.5s;}
.nav-list li.cur>a:after,.nav-list li:hover>a:after{transform:scale(1,1);}
.nav-list li:last-child:after{display:none;}
.nav .tel{position:relative;left:50%;display:block; padding-top:8.53vw;color:#333;transform:translateX(-50%);}
.nav .tel dl{display:inline-block;padding-left:40px;line-height: 1.75;text-align: left;background: url(../images/Common/tel.png) no-repeat 0 center;background-size: 30px;}
.nav .tel dt{font-size:3.25vw;}
.nav .tel dd{font-size:4vw; font-family: "DIN Medium"; font-weight: bold;}
/* mb导航 end */