html{-webkit-text-size-adjust:none; }
*,body{ margin:0; padding:0; font-family: Microsoft Yahei, PingFang SC, Verdana, Hiragino Sans GB, Microsoft Sans Serif, sans-serif; }
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body{ background:#ffffff; color:#333333; line-height:1.7; font-size:14px;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;}
th,td{border-collapse:collapse;}
img,a img,a:hover img{ border:0; }
ol,ul,dl,li,dt,dd{list-style:none;}
input,button,textarea,select,optgroup,option{ font-family: Microsoft Yahei, PingFang SC, Verdana, Hiragino Sans GB, Microsoft Sans Serif, sans-serif;}
:focus{outline:0;}
a{color:#333333;text-decoration:none; cursor: pointer; }
a:hover{color:#a67f78;text-decoration:none;}
a,a:hover,.btn,.more{ transition:all 300ms ease; -webkit-appearance:none ; }
input,select,button{ -webkit-appearance: none; }
input{border: 0; background:none; font-size: 14px; width: 100%; box-sizing: border-box; outline: none; color: #333;}
hr{border:none;height:1px;}
::-webkit-input-placeholder { color: #a7a7a8; }
.clear{height:0;font-size:0px;overflow:hidden;clear:both;float:none;}
.clear20{height:20px;font-size:0px;overflow:hidden;clear:both;float:none;}


@font-face{
  font-family:'DIN-Medium';
  src: url('fonts/DIN-Medium.ttf') format('truetype');
}

@font-face{
  font-family:'DIN-Light';
  src: url('fonts/DIN-Light.ttf') format('truetype');
}

::-webkit-scrollbar-corner { background-color:#010e32;}
::-webkit-scrollbar{width: 6px; height:6px; border-radius:3px; }
::-webkit-scrollbar-track{ background:none; }
::-webkit-scrollbar-thumb{ background-color:rgba(0,0,0,0.3); border-radius:3px; }


.wrap { overflow: hidden; position: relative; z-index: 1; padding-top: 80px; }

.header { position: fixed; left: 0; right: 0; top: 0; height: 80px; background: #fff; z-index: 9990; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.topbox { position: relative; width: 1200px; margin: 0 auto; height: 80px; }
.topbox .logo { position: absolute; left: 0; top: 10px; }
.topbox .logo a { display: block; line-height: 28px; font-size: 22px; font-weight: bold; color: #7e694f; padding: 0;}
.topbox .logo img{ display: block; height: 60px; }
.topbox .logo b{ display: block; line-height: 32px; font-size: 24px; }


.topr { position: absolute; right: 0; top: 0; padding-top: 34px; }

.topnav { }
.topnav ul li { float: left; position: relative;}
.topnav ul li a{ display:block; text-align:center; padding:0 20px; font-size:14px; height:32px; line-height:32px; font-weight: bold; }
.topnav ul li a i { display: inline-block; vertical-align: middle; margin-left: 5px; background: url(../img/d.png) center center no-repeat; width: 14px; height: 10px;}
.topnav ul li a:hover { color:#a67f78; }
.topnav ul li.on a:after { display: block; content: ''; position: absolute; left: 50%; bottom: 0; width: 32px; margin-left: -16px; height: 3px; background: #a67f78;}

.topnav ul li .m { display: none; position: absolute; left: -50px; top: 32px; right: -50px; background: rgba(255,255,255,0.95); border-radius: 0 0 10px 10px; padding: 20px 0 15px 0; box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
.topnav ul li .m a { height: auto; padding: 5px 20px; line-height: 22px;}
.topnav ul li .m a:after{ display: none; }

.topnav ul li:hover .m { display: block;}


.topsearch { position: absolute; right: 10px; top: 8px; width: 24px; }
.topsearch .input { position: absolute; right: 0; top: 0; display: block; width: 0; height: 24px; line-height: 24px; border: none; border-radius: 12px; transition:all 300ms ease; opacity: 0; text-indent: 1em; background: #f5f7fa;}
.topsearch .btn { position: absolute; display: block; border: 0; right: 0; top: 0; width: 24px; height: 24px; border-radius: 12px; background: url(../img/search.png) center center no-repeat #f5f7fa; cursor: pointer; line-height: 200px; overflow: hidden;}

.topsearch:hover { width: 200px;}
.topsearch:hover .btn{ background: url(../img/searchs.png) center center no-repeat #f5f7fa;}
.topsearch:hover .input{ width: 200px; opacity: 1;}

.toplang { position: absolute; right: 40px; top: 8px; background: #f5f7fa; height: 24px; border-radius: 12px;}
.toplang ul li { float: left; width: 50px;}
.toplang ul li a { display: block; height: 22px; line-height: 22px; border-radius: 12px; text-align: center; font-size: 12px; border: 1px #f5f7fa solid; color: #939699;}
.toplang ul li a:hover { color: #a67f78;}
.toplang ul li a.on { color: #a67f78; border: 1px #a67f78 solid; }

.mainer { }

.mainbox { width: 1200px; margin: 0 auto;}


.footer { background: #232a43; padding-top: 15px;}

.footbox { padding: 20px 0; border-bottom: 1px #4f5569 solid;}
.flogo { float: left;}
.flogo img { display: block; height: 47px;}
.footnav { float: right; font-size: 16px; height: 46px; line-height: 46px; }
.footnav i { display: inline-block; margin: 0 24px; width: 1px; height: 14px; background: #656a7c; vertical-align: middle; margin-bottom: 2px; }
.footnav a { color: #fff; }
.footnav a:hover { color: #a67f78; }

.footcontact { padding: 24px 0;}
.footcontact_l { float: left; padding: 10px 0; line-height: 28px; color: #bcbdc2;}

.footcontact_r { float: right;}
.footcontact_r ul li { float: left; text-align: center; font-size: 12px; line-height: 32px; margin-left: 30px; color: #bcbdc2; font-size: 12px;}
.footcontact_r img { display: block; height: 80px; }

.footcopy { padding: 15px 0; line-height: 24px; color: #fff; background: #161c2f; text-align: center;}
.footcopy a{ color: #fff;}
.footcopy a:hover{ color: #a67f78; text-decoration: underline;}


.backtop { display: none; position: fixed; right: 0.4rem; bottom: 1.2rem; background: url(../img/backtop.png) center center no-repeat; width: 0.56rem; height: 0.56rem; background-size: 0.54rem auto; cursor: pointer; opacity: 0.7; transition:all 300ms ease; z-index: 9999;}
.backtop:hover { opacity: 1;}


.etip { position: fixed; left: 50%; top: 50%; width: 20rem; margin-left: -10rem; box-sizing: border-box; display: none; transform:translate(0,-50%); background: #673137; color: #fff; padding: 0.3rem; text-align: center; font-size: 1rem; line-height: 2; border-radius: 0.6rem; z-index: 9999991;}


.pages { padding: 24px 0; text-align: center;}
.pages a ,.pages span{ display: inline-block; margin: 0 5px; height: 30px; line-height: 30px; border: 1px #dddddd solid; border-radius: 6px; text-align: center; color: #a5acb1; padding: 0 10px; min-width: 10px;}
.pages a:hover { border: 1px #673137 solid; color: #673137;}
.pages span { border: 1px #673137 solid; background: #673137; color: #fff;}


@media (max-width:1000px){
body{ font-size:14px;}
input{ font-size: 14px; }

.wrap { padding-top: 50px;}

.header { height: 50px; background: #fff; }
.topbox { width: auto; height: 50px; }
.topbox .logo { left: 15px; top: 8px; }
.topbox .logo a {line-height: 16px; font-size: 14px;}
.topbox .logo img{ height: 34px; }
.topbox .logo b{ line-height: 18px; font-size: 16px; }

.topr { display: none; position: absolute; left: 0; right: 0; top: 50px; padding: 50px 0; background: #fff; border-top: 1px #dedede solid; box-shadow: 0 0 10px rgba(0,0,0,0.1);  }

.nav_btn { display:block; position:absolute; right:15px; top:9px; cursor:pointer; background:#673137; padding:3px 3px 3px 3px; border-radius:3px;}
.nav_btn i{ display:block; font-style:normal; width:2px;height:2px;box-shadow:inset 0 0 0 28px,0 -7px 0 0,0 7px 0 0;margin:12px 22px 12px 4px; position:relative; text-align: left; text-indent: -9999px; direction: ltr; box-sizing: border-box; color:#fff; }
.nav_btn i:before{width:16px;height:2px;left:5px;box-shadow:inset 0 0 0 28px,0 -7px 0 0,0 7px 0 0;position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.nav_btn i:after, .nav_btn i:before { content: ''; pointer-events: none; }

.topnav { padding-top: 10px; }
.topnav ul li { float: none; }
.topnav ul li a { height: 46px; line-height: 46px; font-size: 16px;}
.topnav ul li a i { display: none;}
.topnav ul li.on a:after { width: auto; margin-left: 0; left: 15px; right: 15px;}

.topnav ul li .m { display: none; }
.topnav ul li:hover .m { display: none;}


.topsearch { right: 15px; top: 10px; width: 30px; }
.topsearch .input { height: 30px; line-height: 30px; border-radius: 15px; }
.topsearch .btn { width: 30px; height: 30px; border-radius: 15px; background-size: 22px auto;}

.topsearch:hover { width: 160px;}
.topsearch:hover .btn{ background: url(../img/searchs.png) center center no-repeat #f5f7fa;}
.topsearch:hover .input{ width: 160px; opacity: 1;}

.toplang { left: 15px; top: 10px; height: 30px; border-radius: 15px; width:70%;}
.toplang ul li { width: 33.33%;}
.toplang ul li a { height: 28px; line-height: 28px; border-radius: 15px; font-size: 13px; }


.mainbox { width: auto; margin: 0 15px; }


.pages { padding: 18px 0; }
.pages a ,.pages span{ margin: 0 5px; line-height: 24px; padding: 0 10px; font-size: 12px; }


.footer { padding-top: 15px;}

.footbox { padding: 15px 0; }
.flogo { float: none;}
.flogo img { height: 40px;}
.footnav { float: none; font-size: 14px; height: 30px; line-height: 30px; padding: 10px 0; height: auto; }
.footnav a { display: inline-block;}
.footnav i { margin: 0 10px; }

.footcontact { padding: 14px 0;}
.footcontact_l { float: none; padding: 0; line-height: 22px; font-size: 12px;}

.footcontact_r { float: none; padding-top: 15px;}
.footcontact_r ul li { width: 50%; line-height: 24px; margin-left: 0;  text-align: center;}
.footcontact_r img { height: 80px; margin: 0 auto; }

.footcopy { padding: 10px 0; line-height: 20px; font-size: 12px; }

}