@charset "utf-8";html{overflow-x:hidden}
body{color:#000;font:14px "Microsoft Yahei";min-width: 1200px;max-width: 1920px;margin: 0 auto;overflow-x: hidden; width: 100%;}
body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,span,ul{margin:0;padding:0;list-style:none}
a{color:#000;text-decoration:none}a:focus{outline:0}
img{border:none}
.clear{clear:both;height:0;line-height:0;font-size:0}
p{word-spacing:0}
em,i{font-style:normal}
.tr{text-align:right}
.tl{text-align:left}
.tc{text-align:center;}
.center{text-align:center}
.fl{float:left;}
.fr{float:right;}
.pa{position:absolute}
.pr{position:relative}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden}
.clearfix{zoom:1}
.clear{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}

.pic{width:100%;overflow: hidden;}
.pic img{-o-transition:all 1s linear 0s;transition:all 1s linear 0s}
.pic:hover img{-webkit-transform:scale(1.05) rotate(0) translateY(0);-ms-transform:scale(1.05) rotate(0) translateY(0);transform:scale(1.05) rotate(0) translateY(0)}

.line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.acea-row{display:flex;flex-wrap:wrap;}
.acea-row.row-middle{align-items:center;}
.acea-row.row-center-wrapper{align-items:center;justify-content:center;}
.acea-row.row-between{justify-content:space-between;}
.acea-row.row-around{justify-content:space-around;}

.contentbox{ width: 80rem;margin: 0 auto;position: relative;}

.header {position: absolute;width: 100%;top: 1rem;left: 0;z-index: 99;}
.logo{width: 7.9rem;height:5.65rem;overflow: hidden;width: 100%;margin-top: 1rem;position: relative;}
.logo img{ display:block;width:7.9rem;height:5.65rem;margin: 0 auto;}
.header .headnav{opacity: 0}
.headfix{position: fixed;width: 100%;left: 0;top: 0;height: 3.5rem;z-index: 99;background:rgba(243,239,236,0.8);box-shadow:0 4px 10px 0 rgba(0, 0, 0, 0.07);} 
.headfix .headnav{width: 100%;opacity: 1;}.headfix .logo{display:none;}
.hnav{width: 70%;height: 3.5rem;}.htel{flex: 1;height: 3.5rem;}
.hnav ul{height: 100%;}
.hnav li{width: 100px}.hnav li a{color: #000;}
.hnav ul li>a {position: relative;z-index: 1;font-size:1rem;padding-bottom: 5px;}
.hnav ul li>a:after {position: absolute;width: 0px;height:1px;content: "";background: #666;left: 0%; bottom: 0px;transition: all 0.5s;}
.hnav ul li>a:hover:after{width: 100%;}
.htel img{width: 0.7rem;height: 0.7rem;}  
.htel em{font-size: 1rem;color: #000;margin-left: 0.5rem;}

.footer{ background: #f3efec;position: relative;background-size: 100% 100%;}
.footer .f_con{padding-top: 4.5rem;height: 21rem;box-sizing: border-box;}
.footer .f_con h2{font-size: 0.9rem;line-height: 0.9rem;color: #aa8b69;font-weight: normal;padding-bottom:3.8rem;display: block;position: relative;}
.footer .f_con h2 em{font-size: 1.2rem;line-height: 1.2rem;color: #aa8b69;font-weight: normal;padding-bottom:0.5rem;display: block;position: relative;text-transform: uppercase;font-family: "song";}
.gywm{width: 32.5%;}
.gywm li{display: block;font-size: 0.7rem;line-height: 1.5rem;color: #666666;font-weight: normal;text-transform: uppercase;margin-top: 1rem;}
.gywm p img{display: inline-block;width: 1.15rem;height: 1.15rem;margin-right: 0.6rem;}
.gywm p em{display: inline-block;font-size: 1.5rem;color: #aa8b69;font-weight: normal;text-transform: uppercase;font-family: "song";}
.f_xx{width: 27.5%;color: #666;font-weight: normal;text-transform: uppercase;}
.f_xx h3{font-size: 0.8rem;line-height: 1.2rem;height: 2.8rem;}
.f_xx p{font-size: 0.7rem;line-height: 1.5rem;}
.ft-code{width: 32rem;}
.ft-code ul{margin-top: -2.5rem;}
.ft-code li{float: left;width: 10rem;height: 7.9rem;margin-right: 1rem;}
.ft-code li:last-child{margin-right: 0;}
.ft-code li em{display: block;float: left;}
.ft-code li img{ display: block;width: 7.9rem;height: 7.9rem;}
.ft-code li span{height: 7.9rem;width: 2.1rem;background: #fff;display: inline-block;font-size: 0.7rem;color: #666666;line-height: 2.1rem;text-align: center;  -ms-writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl;writing-mode: vertical-rl; writing-mode: tb-rl;border-left: 1px solid #f3efec;box-sizing: border-box;}

.public-paging{font-size: 18px;margin-top:25px;text-align: center;}
.public-paging a {display: inline-block;text-align: center;margin-right:15px;
    width:50px; height:50px;line-height: 50px; border-radius:50%; background-color:#f8f8f8; 
}
.public-paging a.pcurr {color:#fff; background-color:#194d97 }
.public-paging a:hover {color:#fff; background-color:#194d97 }
@media (max-width:768px) {
    .public-paging a {width:40px; height:40px;line-height: 40px;font-size: 16px;}
}
.public-paging a:last-child{margin-right: 0;}

@media (max-width:768px) {
      body{min-width: 100%;max-width:100%;}
      .contentbox{width: 100%}
      .hnav {width: 60%; }
      .hnav li {width: 50%; text-align: center;}
    .footer{text-align: center;padding: 0 30px 30px; }
    .ft-code{display: none}
    .footer .acea-row > div {width: 100%; }
    .footer .acea-row > div h2{display: none}
    .ft-code ul { margin-top: 1rem;  }
    .gywm .clearfix{display: none}
    .f_xx h3{height: auto;margin:15px 0}
    .footer .f_con{height: auto;padding-top: 1.5rem}
}