@charset "utf-8";

/*reset*/

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;

}



table th, table td {

  padding: 5px;

}

table tr td img{width:100%;}

fieldset, img {

  border: 0;

}



address, caption, cite, code, dfn, em, th, var {

  font-style: normal;

  font-weight: normal;

}



ol, ul {

  list-style: none;

}



ception, th {

  text-align: left;

}



h1, h2, h3, h4, h5, h6 {

  font-size: 100%;

}



q:before, q:after {

  content: '';

}



abbr, acronym {

  border: 0;

}



/*定位*/

.tl {

  text-align: left;

}



.tc {

  text-align: center;

}



.tr {

  text-align: right;

}



.bc {

  margin-left: auto;

  margin-right: auto;

}



.fl {

  float: left;

  display: inline;

}



.fr {

  float: right;

  display: inline;

}



.clear {

  clear: both;

}



.cl {

  clear: left;

}



.cr {

  clear: right;

}



*html .clearfix {

  height: 1%

}



.Clearfix {

  display: block;

}



.vm {

  vertical-align: center;

}



.pr {

  position: relative;

}



.pa {

  position: absolute;

}



.abs-right {

  position: absolute;

  right: 0;

}



.zoom {

  zoom: 1

}



.hidden {

  visibility: hidden;

}



.none {

  display: none;

}





/*其他*/

.curp {

  cursor: pointer

}



;

/*原reset*/

sup {

  vertical-align: baseline;

}



sub {

  vertical-align: baseline;

}



input, button, textarea, select, optgroup, option {

  font-family: inherit;

  font-size: inherit;

  font-style: inherit;

  font-weight: inherit;

}



input, button, textarea, select {

  *font-size: 100%;

}



input, select {

  vertical-align: middle;

}



body {

  font: 12px/1.231 arial,helvetica,clean,sans-serif;

  font-size: 63%;

}



select, input, button, textarea, button {

  font: 99% arial,helvetica,clean,sans-serif;

}

select{appearance:none;-moz-appearance:none;-webkit-appearance:none;}

table {

  font-size: inherit;

  font: 100%;

  border-collapse: collapse;

}



pre, code, kbd, samp, tt {

  font-family: monospace;

  *font-size: 108%;

  line-height: 100%;

}

/*title*/

h1 {

  font-size: 0.4rem;

}



h2 {

font-size: 16px;
}



h3 {

  font-size: 20px;

}



h4 {

  font-size: 14px;

}



h5 {

  font-size: 12px;

}



h6 {

  font-size: 10px;

}

/*end reset*/



/*fontsStyle*/

@font-face {

  font-family: 'icomoon';

    src: url('../other/icomoon.eot');

    src: url('../other/icomoon.eot?#iefix') format('embedded-opentype'), url('../other/icomoon.ttf') format('truetype'), url('../other/icomoon.woff') format('woff'), url('../other/icomoon.svg#icomoon') format('svg');

    font-weight: normal;

    font-style: normal;

}



[class*="icon-"] {

  font-family: 'icomoon';

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

    /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.icon-arrow-left:before {

  content: "\e600";

}



.icon-arrow-down:before {

  content: "\e601";

}



.icon-arrow-right:before {

  content: "\e602";

}



.icon-arrow-up:before {

  content: "\e603";

}



.icon-phone:before {

  content: "\e606";

}



.icon-house:before {

  content: "\e607";

}

/*.icon-search:before {

  content: "\e60a";

}*/

.icon-details:before {

  content: "\e604";

}



.icon-left:before {

  content: "\e605";

}

/*end fontsStyle*/



/*Common*/

@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;

  overflow: hidden;

  background-color: #fff;

  font-family: Microsoft YaHei;

}

a {

text-decoration: none;

color: #666;
}

/* 根据设计稿决定  640px    1rem=64px;(640/100) */



/*清除浮动*/

.clearfix:after {

  content: '';

  display: block;

  clear: both;

  height: 0;

  visibility: hidden;

}



.clearfix {

 /*兼容 IE*/

  zoom: 1;

}



i, em {

  font-style: normal;

}



/* zzc */

.zzc {

  display: none;

  background: rgba(0, 0, 0, 0.6);

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 999;

}

#mbah, #mjszc {

  color: #999;

}



/*公共颜色调用*/

.pagedSpan a {

  background: #333;

}



.CategoryList_Title i {

  color: #333;

}



.hdPhone p i {

  border: 1px solid #fff;

}



.pagedSpan a {

  color: #fff;

}



.pagedSpan {

  background: #feeddc;

}





/*分页*/

.pagedSpan {

  margin: 0.6rem 10%;

  height: 0.75rem;

  line-height: 0.75rem;

  border-radius: 5px;

  text-align: center;

  color: #333;

  margin-bottom: 0.6rem;

  background: none;

  font-size: 0.4rem;

}



.pagedSpan a {

  width: 25%;

  height: 0.75rem;

  line-height: 0.75rem;

  color: #333;

  background: none;

}



.pagedSpan em {

  color: #333;

}



.pagedSpan .btnPagedUp {

  border: 1px solid #ccc;

  border-radius: 5px;

}



.pagedSpan .btnPagedDown {

  border: 1px solid #ccc;

  border-radius: 5px;

}



.pagedSpan select {

  border: none;

  background: none;

}



.pagedSpan select option {

  border-color: Red;

}



.pagedSpan span {

  border: 1px solid #ccc;

  padding: 0 10px;

  border-radius: 5px;

  display: inline-block;

  height: 2rem;

}





/*分类标题*/

.CategoryList_Title {

  height: 2.968em;

  line-height: 2.968em;

  padding: 0 .687em;

  color: #333;

  text-align: center;

  border-bottom: 1px solid #b0b4bb;

  font-size: 1rem;

  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.125rem;

}



.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: 1em;

}



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

}



/*搜索*/

#DetailedSpan div table {

  width: 640px !important;

}



#ErrorInfo {

  text-align: center;

  margin-top: 1em;

  margin-bottom: 1em;

}



.green {

  color: #eb2533;

}



.red {

    color: Red;

    text-align: center;

    margin-bottom: 1em;

}



#nodata {

    padding: 80px;

    padding-left: 150px;

    margin: 10px 0;

    background: url(../images/nodata.gif) no-repeat 20px 20px;

}





/*

@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%;}

}

*/



/* InpageHeader */

.InpageHeader {

  width: 100%;

  background: #fff;

  height: 1.4rem;

  position: relative;

}



.InpageHeader img {

  display: block;

  width: 100%;

}



.InpageHeader a.back {

  display: block;

  margin-left: 3%;

  width: 4%;

  position: relative;

  z-index: 2;

  float: left;

  height: 1.4rem;

  background: url(../images/back.png) no-repeat center;

  background-size: 95%;

}



.InpageHeader span {

  display: block;

  width: 14%;

  float: right;

  position: relative;

  z-index: 2;

  height: 1.4rem;

  background: url(../images/header_menu.png) no-repeat center;

  border-left: 1px solid #eaeaea;

  background-size: 70%;

}



.InpageHeader p {

position: absolute;

width: 100%;

height: 1.4rem;

text-align: center;

line-height: 1.4rem;

font-size: .538rem;

color: #b88c5c;

background-color: #fff;
}



/* .InpageNav */

.InpageNav {

  width: 100%;

  background: #fff;

  position: relative;

  border-top: 1px solid #eaeaea;

  border-bottom: 1px solid #eaeaea;

}



.InpageNav .InpageNav-slide {

  position: relative;

  height: 1.25rem;

  width: 86%;

  float: left;

  box-sizing: border-box;

  overflow: hidden;

  display: -moz-box;

  display: -webkit-box;

  display: -webkit-box;

}



.InpageNav .classfiy {

  width: 100%;

  box-sizing: border-box;

  background: #eaeaea;

  position: absolute;

  left: 0;

  top: 0;

  display: none;

  z-index: 99;

}



.InpageNav .classfiy .classfiy_close {

  display: block;

  width: 7%;

  position: absolute;

  top: 0.3rem;

  right: 3%;

}



.InpageNav .classfiy .classfiy_close img {

  display: block;

  width: 100%;

}



.InpageNav .classfiy .conBox dl {

  padding: .406rem 3% .438rem;

  border-bottom: 1px solid #d2d2d2;

  border-top: 1px solid #f5f5f5;

}



.InpageNav .classfiy .conBox dl:first-child {

  border-top: none;

}



.InpageNav .classfiy .conBox dt {

  text-align: center;

  font-size: .4rem;

  color: #666666;

}



.InpageNav .classfiy .conBox dd {

  margin-top: .813rem;

  overflow: hidden;

}



.InpageNav .classfiy .conBox dd > a {

  display: block;

  font-size: .34rem;

  color: #666666;

  text-align: center;

  line-height: 1rem;

  height: 1rem;

  box-sizing: border-box;

  border: 1px solid #dddddd;

  border-radius: 2px;

  background: #fff;

  width: 23.5%;

  margin-left: 2%;

  float: left;

  margin-bottom: 0.125rem;

}



.InpageNav .classfiy .conBox dd > a:nth-child(4n+1) {

  margin-left: 0;

}



.InpageNav-left {

  height: 1.25rem;

  position: relative;

  overflow: hidden;

  -moz-box-flex: 1;

  -webkit-box-flex: 1;

  -webkit-box-flex: 1;

}



.InpageNav-list {

  position: absolute;

  left: 0;

}



.InpageNav-list ul {

  position: relative;

  white-space: nowrap;

  font-size: 0;

}



.InpageNav-list ul li {

  display: inline-block;

}



.InpageNav-list ul li a {

display: block;

width: 100%;

height: 100%;

line-height: 1.25rem;

font-size: .375rem;

text-align: center;

color: #333;

padding: 0 0.6rem;

box-sizing: border-box;

position: relative;
}



.InpageNav-list ul li.on a {

  color: #ffc400 !important;






















}














.InpageNav .sideline {

  display: block;

  position: absolute;

  border: 0;

  height: 2px;

  background-color: #ffc400;

  left: 0;

  bottom: 0px;

  pointer-events: none;

}



/*产品分类样式*/

#InpageNavN {

  width: 100%;

  background: #fff;

  position: relative;

}



#InpageNavN .wrapper {

position: relative;

height: 1.25rem;

width: 86%;

overflow: hidden;

float: left;

box-sizing: border-box;

/* border-top: 1px solid #eaeaea; */

/* border-bottom: 1px solid #eaeaea; */
}



#InpageNavN .wrapper .scroller {

  position: absolute;

}



#InpageNavN .wrapper .scroller li {

  height: 1.25rem;

  color: #666666;

  line-height: 1.25rem;

  font-size: .375rem;

  text-align: center;

  position: relative;

}



#InpageNavN .wrapper .scroller li i {

  width: 58%;

  height: 2px;

  background: #ffc400;

  left: 21%;

  bottom: 2px;

  position: absolute;

  display: none;

}



#InpageNavN .wrapper .scroller li a {

  color: #666666;

  display: block;

}



#InpageNavN .wrapper .scroller .sideline {

  display: block;

  position: absolute;

  border: 0;

  height: 2px;

  background-color: #ffc400;

  left: 0;

  bottom: 2px;

  pointer-events: none;

}



#InpageNavN .wrapper .scroller li.cur i {

  display: block;

}



#InpageNavN .wrapper .scroller li.cur a {

  color: #000;

}



#InpageNavN .more {

display: block;

float: right;

width: 14%;

height: 1.25rem;

line-height: 1.25rem;

text-align: center;

background: #be2537;

font-size: .375rem;

color: #fff;
}



#InpageNavN .classfiy {

  width: 100%;

  box-sizing: border-box;

  background: #eaeaea;

  position: absolute;

  left: 0;

  top: 0;

  display: none;

  z-index: 99;

}



#InpageNavN .classfiy .classfiy_close {

  display: block;

  width: 7%;

  margin: 0.3rem auto;

  position: unset;

  top: 0;

  right: 0;

}



#InpageNavN .classfiy .classfiy_close img {

  display: block;

  width: 100%;

}



#InpageNavN .classfiy .conBox {

  padding: 0.1rem 3% 0;

}



#InpageNavN .classfiy .conBox h4 {

font-size: 0.35rem;

color: #ffc400;

font-weight: 100;

padding-left: 4.5%;

margin-bottom: 0.2rem;

width: 48%;

float: left;

box-sizing: border-box;

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;
}



#InpageNavN .classfiy .conBox h4 a {

color: #000000;
}



#InpageNavN .classfiy .conBox dd {

  padding-top: 0.5rem;

  box-sizing: border-box;

  border: 1px solid #d5d2d2;

  border-top: none;

  overflow: hidden;

}



#InpageNavN .classfiy .conBox dd p a {

  display: block;

  width: 30%;

  margin-left: 2.5%;

  float: left;

  height: 0.8rem;

  line-height: 0.8rem;

  border: 1px solid #dddddd;

  border-radius: 2px;

  margin-bottom: 0.2rem;

  text-align: center;

  box-sizing: border-box;

  font-size: 0.35rem;

}



#InpageNavN .classfiy .conBox dl {

  width: 100%;

  margin-top: 0.1rem;

  padding: unset;

}



#InpageNavN .classfiy .conBox dt {

  width: 100%;

  box-sizing: border-box;

  overflow: hidden;

  background: #fff;

  background-size: 3%;

  height: 1rem;

  line-height: 1rem;

  font-size: 0.4rem;

  color: #fff;

  padding-left: 5%;

  border: 1px solid #d5d2d2;

  text-align: left;

}



#InpageNavN .classfiy .conBox dt a {

color: #333333;

font-weight: bold;
}

    #InpageNavN .classfiy .conBox dt a.on {

        /*color: #d5d2d2;*/

    }

#InpageNavN .classfiy .conBox dd {

  padding: 0.4rem 0;

  display: none;

  background: #fff;

    margin-top: .01rem;

}



#InpageNavN .classfiy .conBox dd p {

  font-size: 0.4rem;

  color: #666666;

  line-height: 0.5rem;

  overflow: hidden;

  float: left;

  width: 100%;

}



#InpageNavN .classfiy .conBox dl.on dt {




  background: url(../images/teamCon2_icon02.png) no-repeat 94% center #fff;

  background-size: 5%;

  color: #ffc400;

  border-color: #d5d2d2;

}



#InpageNavN .classfiy .conBox dl.on dt a {

color: #ca0000;
}







/*nav_menu*/

.nav_menu {

width: 0;

position: fixed;

right: 0;

top: 0;

height: 100%;

z-index: 99999;

overflow: scroll;

background: #fff;
}



.nav_menu img {

  display: block;

  width: 85%;

}



.nav_menu .top {

  width: 100%;

  padding-top: .297rem;

  padding-bottom: .25rem;

}



.nav_menu .Navlog {

width: 54%;

display: block;

margin-left: 4%;

margin-bottom: 20px;
}



.nav_menu .btn {

  display: block;

  width: 12%;

  position: absolute;

  top: 3%;

  right: 5%;

}



.nav_menu .btn img {

  display: block;

  width: 70%;

}



.nav_menu ul {

  overflow: hidden;

  width: 100%;

  overflow: scroll;

  height: 80%;

}



.nav_menu li {

  width: 100%;

  overflow: hidden;

  background: url(../images/nav_icon01.png) no-repeat 89% center;

  height: 1rem;

  border-bottom: 1px solid #eaeaea;

}



.nav_menu li:first-child {

  border-top: 1px solid #eaeaea;

}



.nav_menu li p > a {

  color: #333333;

  font-size: .375rem;

  display: block;

  height: 1rem;

  line-height: 1rem;

  box-sizing: border-box;

  padding-left: 6%;

}



/* InpageFooter */

.InpageFooter {

  width: 100%;

  background: #fff;

  padding-top: .625rem;

  margin-top: 0.33rem;

  border-top: 1px solid #eaeaea;

}



.InpageFooter img {

  display: block;

  width: 100%;

}



.InpageFooterTop {

  padding: 0 3% 20%;

  box-sizing: border-box;

}



.InpageFooterTop .Input {

  width: 94%;

  margin: 0 auto;

  height: 1rem;

  border: 1px solid #dddddd;

  border-radius: 1rem;

}



.InpageFooterTop .Input input {

  display: block;

  width: 84%;

  height: 1rem;

  border: none;

  outline: none;

  float: left;

  border-radius: 1rem 0 0 1rem;

  box-sizing: border-box;

  padding-left: 4%;

  font-size: .375rem;

}



.InpageFooterTop .Input a {

  display: block;

  width: 16%;

  float: right;

  border-radius: 0 1rem 1rem 0;

  background: url(../images/InpageFooter_searchBtn.png) no-repeat center;

  background-size: 35%;

  height: 1rem;

}



.InpageFooterTop .menu {

  width: 100%;

  text-align: center;

  margin-top: .531rem;

}



.InpageFooterTop .menu li {

  display: inline-block;

  padding: 0 .391rem;

  font-size: .375rem;

  color: #666666;

  box-sizing: border-box;

  border-left: 1px dotted #c2c2c2;

}



.InpageFooterTop .menu li a {

  color: #666666;

}



.InpageFooterTop .menu li:first-child {

  border-left: none;

}



.InpageFooterTop .Copyright {

  width: 100%;

  margin-top: .438rem;

}



.InpageFooterTop .Copyright p {

  font-size: .25rem;

  color: #999999;

  margin-bottom: 0.2rem;

  text-align: center;

}



.InpageFooterTop .Copyright p a {

  color: #999999;

}



.InpageFooterBottom {

  width: 100%;

  height: 1rem;

  position: fixed;

  bottom: 0;

  left: 0;

}



.InpageFooterBottom li {

  width: 25%;

  float: left;

  height: 1rem;

  text-align: center;

  font-size: .39rem;

  color: #fff;

  background: #ffc400;

  box-sizing: border-box;

  border-left: 1px solid #fff;

  line-height: 1rem;

}



.InpageFooterBottom li img {

  display: inline-block;

  position: relative;

  width: .547rem;

  height: .547rem;

  top: 0.15rem;

  margin-right: 3%;

}



.InpageFooterBottom li:first-child {

  border-left: none;

}



.InpageFooterBottom li a {

  display: block;

  color: #fff;

}



.InpageFooterBottom li em {

  color: #fff;

  font-weight: bold;

}



/* 404页面样式 */

.notFound {

  width: 96%;

  padding: 24% 2% 0;








  border-top: 1px solid #eaeaea;

  height: 100%;

  margin: 0 auto;

  position: fixed;

  left: 0;

  top: 0;

  background: #f4f4f4;

}



.notFound img {

  display: block;

  width: 100%;

}



.notFound .notFoundPic {

  padding-bottom: 0.2rem;

  border-bottom: 1px solid #e2e2e2;

  display: block;

}



.notFound .notFoundBack {

  display: block;

  width: 100%;

  border-top: 1px solid #ffffff;

  padding-top: 0.6rem;

}



.notFound .notFoundBack img {

  width: 50%;

  margin: 0 auto;

}



.notFound .menu {

  width: 100%;

  text-align: center;

}



.notFound .menu li {

  display: inline-block;

  padding: 0 .391rem;

  font-size: .375rem;

  color: #666666;

  box-sizing: border-box;

  border-left: 1px dotted #c2c2c2;

}



.notFound .menu li a {

  color: #666666;

}



.notFound .menu li:first-child {

  border-left: none;

}





/* backTop */

.backTop {

  position: fixed;

  width: 17%;

  right: 0%;

  bottom: 12%;

  display: none;

}



.backTop img {

  display: block;

  width: 100%;

}

/*end Common*/



/*--------------------------------------------*/



/* 

    Author:PengJin;

    Date:2019-07-30;

*/



/*--------------------------------------------*/



@font-face {

    font-family: "DIN-Bold";

    src:url("../other/DIN-Bold.woff") format("woff"),

         url("../other/DIN-Bold.ttf") format("truetype"),

         url("../other/DIN-Bold.eot") format("embedded-opentype"),

        url("../other/DIN-Bold.svg") format("svg");

    font-weight: normal;

    font-style: normal;

}



/* --public-- */

*[data-url]{cursor:pointer;}

.wrap-title{margin-bottom: 7vw;padding-bottom: 2.5vw;text-align:center;line-height:1.5;background:url(../images/title_line.png) no-repeat center bottom;}

.wrap-title h3{font-size: 6.65vw;color:#000;}

.wrap-title h3 i{display:inline-block;position:relative;top:-1.5vw;width:6vw;height:2px;background:#000;}

.wrap-title p{font-size:3.5vw;color:#333;}

/* --end public-- */



/* --top-wrap-- */

.top-wrap{padding:1.5vw 2.5vw;line-height:1.5;text-align:center;color:#e60012;overflow:hidden;background:#f3f3f3;}

.top-wrap strong{font-size:3.75vw;}

.top-wrap em{font-size:4.5vw;font-family:"DIN-Bold";}

/* --end top-wrap-- */



/* --header-- */

.header{padding: 3vw 2.5vw;overflow:hidden;background:#fff;}

.header .logo{position:relative;float:left;width: 13vw;}

.header .logo img{display:block;width: 100%;}

.header .logo:after{display:block;position:absolute;right:0;top:50%;margin-top:-10px;width:1px;height:20px;content:"";background:#ccc;}

.header .slogan{float:left;padding-left: 2vw;overflow:hidden;}

.header .slogan dt{float:left;font-size: 4.8vw;color: #5e5e5e;/* font-weight:bold; */}

.header .slogan dt em{position:relative;top:-0.8vw;font-size: 5.5vw;/* font-family:"DIN-Bold"; */color:#e60012;vertical-align:middle;font-weight: bold;}

.header .slogan dd{padding-left: 3vw;overflow:hidden;}

.header .slogan dd span{position:relative;display:block;line-height: 1.55;font-size: 5vw;font-weight:bold;color:#000;margin-top: 12px;}

.header .slogan dd span:before,.header .slogan dd span:after{display:block;width:100%;height:2px;content:"";background:url(../images/slogan_line.png) no-repeat center;background-size:100% 2px;}

.header .nengxiao{float:right;width:13vw;}

.header .nengxiao img{display:block;width:100%;}

/* --end header-- */
/*page*/
.Page {
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 7px;
	margin-top: 10px;
	padding-top: 7px;
	text-align: center;
}
.Page a {
	padding: 5px 4px;
	margin: 0px 3px;
	color: #000000;
	border: 1px solid #cccccc;
}
.Page a:hover {
	color: #fff;
	background-color: #e70012;
	padding: 5px 10px;
}
.Page a:active {
	border: 1px solid #cccccc;
	color: #fff;
	background-color: #e70012;
}
.Page span.current {
	border-right: #000000 1px solid;
	padding-right: 5px;
	border-top: #000000 1px solid;
	padding-left: 5px;
	font-weight: bold;
	padding-bottom: 2px;
	margin: 2px;
	border-left: #000000 1px solid;
	color: #fff;
	padding-top: 2px;
	border-bottom: #000000 1px solid;
	background-color: #000000
}
.Page span.nolink {
	margin: 2px;
	color: #000000;
	border: 1px solid #cccccc;
	padding: 5px;
}
.Page span {
	margin: 2px;
	color: #b4b4b4;
	border: 1px solid #b4b4b4;
	padding: 5px 5px;
}
.page {
	display: block;
	width: 95%;
	height: 0.75rem;
	line-height: 0.75rem;
	font-size: 16px;
	color: #777;
	background: #f3f3f3;
	border-radius: 0.38rem;
	margin: 2% 2% auto;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 0.15rem;
	margin-top: 15px;
	font-size: 15px;
	padding-left: 10px;
}


/* --nav-- */

.nav{position:relative;padding-right:12vw;height:12vw;line-height:12vw;background: #c0a384;}

.toggle-menu{position:absolute;right:0;top:0;width:12vw;height:12vw;cursor:pointer;background:url(../images/menu.png) no-repeat;background-size:100% 100%;}

.nav-list{overflow:hidden;}

.nav-list li{float:left;text-align:center;width: 33%;}

.nav-list li a{display:block;padding: 0vw;font-size:3.75vw;color:#fff;}

.nav-list li a.on{color:#000;background:#ffc400;}

/* --end nav-- */


/* --footer-- */


.footer{padding:5vw 2.5vw 20vw;text-align:center;background: #f9f4ef;}

.ft-logo{text-align:center;}

.ft-logo img{width:30vw;max-width:195px;}

.ft-tel{margin-top:3vw;color: #b88c5c;line-height:1.5;overflow:hidden;}

.ft-tel span{display:block;font-size: 4.25vw;}

.ft-tel p{font-size: 6.5vw;font-weight:bold;font-family:"DIN-Bold";}

.ft-tel i{display:block;margin:2vw auto;width:40px;height:2px;background: #0060d6;}

.ft-info{font-size: 3.5vw;line-height: 2.3;color: #000;}

.ft-info a{color: #000;}

.ft-nav{position:fixed;z-index:99;left:0;bottom:0;width:100%;background: #000000;}

.ft-nav li{float:left;width:25%;text-align:center;}

.ft-nav li a{display:block;padding: 2vw 0;color: #fff;overflow:hidden;border-right: #343332 solid 1px;}

.ft-nav li i{display:block;width: 8vw;height: 8vw;margin:0 auto;background-repeat:no-repeat;background-size:100%;}

.ft-nav li span{display:block;font-size: 3.8vw;line-height: 1.8;}

.ft-nav li:nth-child(1) i{background-image:url(../images/ft_icon01.png);}

.ft-nav li:nth-child(2) i{background-image:url(../images/ft_icon02.png);}

.ft-nav li:nth-child(3) i{background-image:url(../images/ft_icon03.png);}

.ft-nav li:nth-child(4) i{background-image:url(../images/ft_icon04.png);}

/* --end footer-- */