@charset "UTF-8";
@font-face {
  font-family: 'times_new_romanregular';
  src: url('fonts/times-webfont.eot');
  src: url('fonts/times-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/times-webfont.woff2') format('woff2'),
  url('fonts/times-webfont.woff') format('woff'),
  url('fonts/times-webfont.ttf') format('truetype'),
  url('fonts/times-webfont.svg#times_new_romanregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

html {  font-size: 62.5%;}
body {  font-size: 16px; font-size: 1.6rem;  color: #333;font-family: "KaiTi", 'microsoft yahei',sans-serif;  /*font-family:	"	SimSun", Arial, sans-serif ;*/  -webkit-tap-highlight-color: transparent; background: #fffcf7;}
*{transition: all 0.3s linear;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;}
input,textarea{ /*font-family:"	SimSun", Arial, sans-serif;*/font-family: "KaiTi",'microsoft yahei',sans-serif; font-size:12px; font-size:1.2rem;  border:none;padding: 0;margin: 0;outline:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type=text]  ,button{ border-radius: 0;  -webkit-appearance: none;  padding: 0;margin: 0; outline: 0;}
select{-webkit-appearance:none; appearance:none;}
a,body,div,em,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,label,li,menu,nav,p,section,span,strong,ul {  margin: 0;  padding: 0;  border: none;  word-wrap: break-word; font-weight:normal;}
li,ol,ul {  list-style: none;  }
img {border:none;}
.lt {float: left; }
.rt {float: right;}
.clear {clear: both;}
a { text-decoration: none;  border: 0;  outline: 0; color: #333;  -webkit-tap-highlight-color: transparent;  tap-highlight-color: transparent;  -webkit-focus-ring-color: transparent;  focus-ring-color: transparent;}
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
.clear {clear:both;}
.kaiti{font-family: "KaiTi",sans-serif}
.roman{font-family: 'times_new_romanregular',sans-serif;}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  color: #333;}
::-moz-placeholder { /* Mozilla Firefox 19+ */  color: #333;}
input:-ms-input-placeholder{  color: #333; }
input::-webkit-input-placeholder{  color: #333;}

.header{padding: 53px 0;margin: 0 3.125%}
/*.header .logo{margin-left: 3.125%;}*/
.header .nav{width: 70%;margin-right: 2%;margin-top: 21px;}
.header .nav>li{float: left;padding: 5px 0; width: 20%;text-align: center;height: 18px;  overflow: hidden;position: relative;}
.header .nav>li:hover a{color: #4e2925;}
.header .nav>li>a>p:first-child{position: absolute;width: 100%;top: 5px;}
.header .nav>li>a>p.roman{position: absolute;top: 5px;left: 0;width: 100%;opacity: 0;}
.header .nav>li:hover p:first-child{opacity: 0;}
.header .nav>li:hover p.roman{opacity: 1;}

@media screen and (min-width:750px){
  .header .nav{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .header .nav>li{
    flex: 1;
  }
  .header .nav>li:last-child{
    flex: 2;
  }
}
.footer{position: relative;margin: 0 3.125%; padding: 75px 0;}
.footer .left>ul{padding-left: 200px;line-height: 2;}

.footer .f-line{position: absolute;width: 100%;height: 3px;top:0;left: 0;background: url("../images/public/line_1.png") no-repeat center;background-size: cover;}

.footer .f-logo{margin-top: 32px;width: 161px;
margin: 0 auto;}
.footer .f-logo>img{width: 100%;}
.footer .right{width: 510px;    margin-top: 27px;}
.footer .accounts>a{width: 100px;position: relative;}
.footer .accounts>a>img{width: 31px;display: block; margin: 0 auto;}
.footer .f-nav{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.footer .f-nav>a{width: 150px;margin-top: 20px; text-align: center;}
.footer .accounts {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 30px auto;
}
.footer .accounts .catebox{display: none;position: absolute; bottom: 125%;  left: -33px;  width: 100%;  box-shadow: 0 0 3px #bdbdbd;}
.footer .accounts .catebox>img{width: 168px;}
.footer .accounts>a:hover .catebox{display: block;}
.footer .address{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.footer .address li{
  margin-right: 20px;
}
.footer .address .copyright{
width: 100%;
text-align: center;
margin: 15px 0 0 0 ;
}

@media screen and (max-width:1700px){.header{padding: 35px 0;}}
@media screen and (max-width:1500px){.header{padding: 20px 0;}}
@media screen and (max-width:1300px){.header{padding: 10px 0;}}

@media screen and (max-width:1025px){
  .header .nav>li{font-size: 14px;}
  .header .nav{width:70%;}
  .footer .right{width:100%;}
  .footer .accounts{padding: 15px 0;}
  .footer .accounts>a{float:left;text-align:left;}

}
@media screen and (max-width:769px){
  body {  font-size: 14px; font-size: 1.4rem;}
  .nav{ display:none;}
  .mobile-inner-header{display:block;background-color:#fffcf7;top:0;}
  /*.mobile-inner-header-icon span{background-color:#000;}*/
  .logo img{width:70px;}
  .header{padding: 7px 0 3px; margin: 0;  position: fixed;  top: 0;  left: 0;  right: 0;  z-index: 99;  background: #fffcf7;box-shadow: 0 3px 9px #ebebeb;}
  .main,.newsContent{padding-top: 55px;}
  .mobile-inner-nav{top:55px;}
  .header .logo{margin: 0 auto;  width: 96px;  float: none;    text-align: center;}
  .footer .left>ul{padding:0;margin-top:10px;}
  .footer .right{width:100%;    margin-top: 0;}
  .footer .accounts>a{float:left;text-align:center;    width: 20%;}
  .footer .f-nav>a{float:left;text-align:center;width:20%;}
  .footer .f-logo{float:none;margin-top: 0;}
  .footer .accounts .catebox>img{width: 120px;}
  .footer .accounts .catebox{left: 0px;}
}
@media screen and (max-width:414px){
  .footer .accounts .catebox{
    width: 120px;
    left: -30px;
}
}