@charset "utf-8";
@font-face{
    font-family:'SourceHanSerifCN';
    src:url('../fonts/SourceHanSerifCN-Regular.otf');
    font-style:normal;
    font-weight:400;
    font-display:swap;
  }
@font-face{
  font-family:'SourceHanSerifCN';
  src:url('../fonts/SourceHanSerifCN-Medium.otf');
  font-style:normal;
  font-weight:500;
  font-display:swap;
}

/*初始化样式*/
*{-webkit-tap-highlight-color:transparent;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/*html5设置*/
html {-webkit-text-size-adjust:none; font-size: 5.20834vw;}
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
html,body,div,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,p,h1,h2,h3,h4,h5,h6,dl,dd,ol,ul,li{margin:0;padding:0;}
body{background-color:#fff;color:#3e3d3c;font:normal 0.16rem/1.875em 'SourceHanSerifCN','Sans-serif'; overflow-x:hidden;word-wrap:break-word;}
a{text-decoration:none;outline:none;color:#3e3d3c;}
a:focus{outline:none;-moz-outline:none;}
a:hover{color:#9d4016;}
a img{border:none;}
img,video {vertical-align:middle; max-width:100%;}
li{list-style:none;}
select,input,textarea,button{border-radius:0;-webkit-border-radius:0;background:none;border:none;margin:0;padding:0;outline:none;font-family:inherit; font-size:1em;}
input:focus{outline:none;}
textarea{resize:none;}
input::-moz-placeholder{opacity:0.75; color:inherit;}
input:-moz-placeholder{opacity:0.75; color:inherit;}
input::-webkit-input-placeholder{opacity:0.75; color:inherit;}
input:-ms-input-placeholder{opacity:0.75; color:inherit;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;width:100%;box-sizing:border-box;}
table td,table th{box-sizing:border-box;}

/*全局样式*/
.inner{width:93.75%;max-width:90em;margin:0 auto;}
.clear{clear:both;height:0px;overflow:hidden;}
.figure {overflow: hidden; position: relative; mask:no-repeat center center; mask-size: cover; -webkit-mask:no-repeat center center; -webkit-mask-size:cover;}
.figure a {display: block; position: relative;}
.figure img {display: block; width: 100%; height: auto; transition: all .3s;}
.figure .img {background: no-repeat center center; background-size: cover; display: block; transition: all .3s;}
.rows {display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.wot {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.submit {cursor:pointer;}
.submit:hover {opacity: 0.85;}
.fz100 {font-size: 6.25em; line-height: 1.25em;}
.fz60 {font-size: 3.75em; line-height: 1.25em;}

/*flexbox*/
.flex{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
.table{display:table;table-layout:fixed;width:100%;}
.table .td{display:table-cell;vertical-align:middle;}

/*entry*/
.entry *{line-height:1.875em;}
.entry img{height:auto!important;}
.entry ul li{position:relative;padding-left:1.66666667em;}
.entry ul li:before{width:0.27777778em;height:0.27777778em;border-radius:50%;background-color:#3f3a39;content:'';display:block;position:absolute;left:0.38888889em;top:0.75em;}
.entry ol li{list-style:outside decimal none;}
.entry h1{font-size:1.5em;}
.entry h2{font-size:1.25em;}
.entry h3{font-size:1.125em;}
.entry h4{font-size:1em;}
.entry h5{font-size:0.875em;}
.entry h6{font-size:0.75em;}
.entry blockquote{margin:0 2em;font-style:italic;opacity:0.95;padding:1em;border:1px solid #e8e8e8;background-color:#f9f9f9;}
.entry hr{border:none;clear:both;border-bottom:1px solid #e6e6e6;}

/*top*/
#header{position:relative;box-shadow:0px 0px 0.59rem 0px rgba(29,29,31,0.1);}

/*top*/
#top{align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:2.625em 0 1em;}

/*logo*/
#logo{font-size:2.5em;font-weight:500;line-height:1.125em;}
#logo a{color:#1f1b17;}
#search{width:28.75em;}
#search .input{position:relative;padding-right:6.25em;}
#search .text{display:block;width:100%;font-size:0.875em;color:#322b23;height:3.21428571em;line-height:2em;padding:0.60714286em 1.42857143em;background-color:rgba(238,238,238,0.5);}
#search .submit{color:#fff;width:6.25em;height:100%;position:absolute;right:0;top:0;background-color:#9d4016;}
#topbtn{margin-left:1.25em;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex; align-items: center;}
#topbtn a{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;color:#fff;padding:0 1.125em;height:2.8125em;background-color:#b7911d;min-width:6.25em;justify-content:center;margin-left:1.25em;}
#topbtn a:hover{opacity:0.85;}
#topbtn i{display:block;font-style:normal;background:no-repeat left center;background-size:0.9375em auto;padding-left:1.4375em;}
#topbtn .log{border:solid 1px #9d4016;color:#9d4016;background-color:#fff;}
#topbtn .log i{background-image:url(../images/log_01.svg);}

#topbtn .log.login{display: none;}
#topbtn .avatar-box{ margin-left: 1.25em; position: relative;}
#topbtn .avatar-box.login{ display: block;}
#topbtn .avatar-box .img{ width: 2.8125em; height: 2.8125em; border-radius: 2.8125em; }

.top-r{ align-items: center; }
#topbtn .avatar-box .logout-btn{ font-size: 12px; color:#1f1b17; cursor: pointer;}

#topbtn .info-box-bg{ position: absolute; left: -8.5em; top: 2.8125em; width: 20em; height: 5em; display: none;}
#topbtn .avatar-box .info-box{ position: absolute; background: #fafafa; width: 20em; height: 5em; display: flex; align-items: center; justify-content: space-between; left: 0; bottom: -1em; z-index: 2; box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.3);}
#topbtn .avatar-box .info-box:before{ content:'';display:block;position:absolute; left: 10em; top: -0.625em; width: 0; height: 0; border-left: 0.625em solid transparent; border-right: 0.625em solid transparent; border-bottom: 0.625em solid #fafafa;}
#topbtn .avatar-box:hover .info-box-bg{ display: block;  }
#topbtn .avatar-box .info-l{display: flex; align-items: center; padding-left: 1.25em;}
#topbtn .info-l .img2{ width: 1.875em; height: 1.875em; border-radius: 1.875em; margin-right: 0.6em; }
#topbtn .info-l .txt{font-size: 0.875em; color: #1f1b17;}
#topbtn .avatar-box .info-r{ cursor: pointer; display: flex; align-items: center; background: #eaeaea; border-radius: 1em 0 0 1em; padding-right: 1em; padding-left: 1em; }
#topbtn .info-r .img3{ width: 0.9375em; height: 0.9375em; border-radius: 0.9375em; margin-right: 0.2em; }
#topbtn .info-r .txt{font-size: 0.75em; color: #1f1b17;}

#header .logoutpopup {background-color: rgba(0,0,0,0.7);}
#header .logout .box{ width: 25%; background: #fff; padding: 4.4em; position: relative;}
#header .logout .img-box{ width: 3.125em; height: 3.125em; border-radius: 3.125em; background: #f5ece7; display: flex; align-items: center; justify-content: center; margin: 1.25em auto 0;}
#header .logout .img{ width: 1.87em; height: 1.87em;  }
#header .logout .title{ font-size: 1.87em; color: #3d3d3d; text-align: center; margin: .6em 0; }
#header .logout .txt{ font-size: 0.875em; color: #3d3d3d; text-align: center;}
#header .logout .btn-box{ display: flex; align-items: center; justify-content: center; margin-top: 2.5em; }
#header .logout .btn-box .btn{  width: 9.375em; height: 3.125em; display: flex; align-items: center; justify-content: center; border: 1px solid #9d4015; color: #9d4015; cursor: pointer; }
#header .logout .btn-box .btn-sure{ margin-right: 1.25em; color: #fff; background: #9d4015;}



/*wapbtn*/
#wapbtn{display:none;}

/*navi*/
#navi .menu{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#navi a{display:block;position:relative;color:#1f1b17;}
#navi .parent{position:relative;padding:1.375em 0;}
#navi .parent:after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:0.125em;background-color:#9d4016;opacity:0;}
#navi a:hover,#navi .cur > a{color:#9d4016;}
#navi .cur:after{opacity:1;}
#navi .drop{position:absolute;top:100%;background-color:#fff;left:50%;transform:translateX(-50%);min-width:100%;text-align:center;padding:0.625em 0;z-index:5;display:none;}
#navi .drop li{line-height:2em;}
#navi .drop a{padding:0.25em 1.5em;white-space:nowrap;color:#555;}
#navi .drop a:hover{color:#9d4016;}
#navi em{display:none;}

/*banner*/
#banner{padding-bottom:26.04166667%;background:no-repeat center center;background-size:cover;position:relative;color:#fff;}
#banner .name{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;padding:0 3.125%;text-align:center;font-weight:500;font-size:0.6rem;line-height:1.125em;}

/*footer*/
#footer{background:url(../images/bottom.jpg) no-repeat center center;background-size:cover;color:#fff;padding:0.62rem 0 0.85rem;}
#footer a{color:#fff;}
#footer a:hover{color:#9d4016;}
#footer .inner{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}

/*copyright*/
#copyright a{display:inline-block;}

/*pages*/
#pages a{display:block;}
#pages i{margin:0 1.25em;display:block;}

/*bottom*/
#bottom{width:100%;border-bottom:1px solid rgba(231,231,231,0.5);margin-bottom:3.81944444%;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding-bottom:4.16666667%;}

/*site*/
#site{width:35.625em;padding:1.1875em 0;}
#site .name{font-size:2.5em;line-height:1.4em;font-weight:500;margin-bottom:18.94736842%;}
#site li{margin-right:4.875em;padding:0.9375em 0;}

/*infor*/
#infor{text-align:right;}
#infor .tel{margin-bottom:1.4375em;}
#infor .tel span{font-size:2.25em;color:#9d4016;line-height:1.35em;font-weight:500;}
#infor .meta{margin-bottom:2.3125em;}
#infor .qr{overflow:hidden;}
#infor .qr img{display:block;width:7.5em;height:auto;float:right;}

/*pagename*/
.pagename{text-align:center;font-weight:500;margin-bottom:0.71666667em;}

/*query*/
#query{background:#f2f2f2 url(../images/query_bg_01.jpg) no-repeat center bottom;background-size:100% auto;padding:1.85rem 0 0rem;}
#query .form{position:relative;width:60em;max-width:100%;margin:0 auto;padding-right:10em;}
#query .form .text{display:block;width:100%;font-size:1.125em;color:#322b23;height:4.44444444em;line-height:2.22222222em;padding:1.11111111em 1.66666667em;background-color:#fff;}
#query .form .submit{color:#fff;font-size:1.5em;width:6.66666667em;height:100%;position:absolute;right:0;top:0;background-color:#9d4016;}

/*wrapper*/
#wrapper{overflow:hidden;padding:1.07rem 0 1rem;}
.back{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;}
.back a{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;background-color:#9d4016;color:#fff;height:3.125em;padding:0 2.3125em;mask:url(../images/mask_02.svg) no-repeat center center;mask-size:100% 100%;-wekbit-mask:url(../images/mask_02.svg) no-repeat center center;-wekbit-mask-size:100% 100%;}
.back a:hover{opacity:0.85;}

/*result*/
#result{margin-top:6.94444444%;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#result .figure{width:30.55555556%;}
#result .figure .img{padding-bottom:114.09090909%;}
#result .swiper{mask:url(../images/mask_01.svg) no-repeat center center;mask-size:cover;-webkit-mask:url(../images/mask_01.svg) no-repeat center center;-webkit-mask-size:cover;}
#result .swiper-pagination{justify-content:center;bottom:5.57768924%;}
#result .swiper-pagination-bullet{width:1.3125em;height:1.3125em;border:1px solid transparent;border-radius:50%;opacity:0.5;position:relative;background-color:transparent;display:block;margin:0 0.5em;}
#result .swiper-pagination-bullet:after{width:36.84210526%;padding-bottom:36.84210526%;border-radius:50%;background-color:#9d4016;content:'';display:block;position:absolute;left:50%;top:50%;margin:-16.66666667% 0 0 -16.66666667%;box-sizing:border-box;}
#result .swiper-pagination-bullet-active{opacity:1;border-color:#9d4016;}
#result .text{width:62.01388889%;}
#result .title{font-size:2.25em;color:#3e3d3c;font-weight:500;line-height:1.5em;margin-bottom:0.88888889em;}
#result .meta{border-bottom:1px solid #e7e7e7;margin-bottom:2.5em;}
#result .meta ul{overflow:hidden;margin-bottom:1.125em;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#result .meta li{font-size:1.125em;color:#3e3d3c;line-height:1.75em;margin-bottom:1.38888889em;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;}
#result .meta li:nth-child(2n+1){width:39.193729%;}
#result .meta li:nth-child(2n){width:58.90257559%;}
#result .meta span{display:block;}
#result .meta span:nth-child(1){width:5em;}
#result .meta span:nth-child(2){width:calc(100% - 5em);}
#result .data{border-bottom:1px solid #e7e7e7;}
#result .data .name{color:#772a24;font-size:1.5em;font-weight:500;line-height:1.5em;margin-bottom:1.125em;}
#result .data ul{margin-bottom:0.875em;overflow:hidden;}
#result .data li{font-size:1.25em;line-height:1.5em;font-weight:500;margin-bottom:1.65em;}
#result .data .td{vertical-align:top;}
#result .data .value{color:#3e3d3c;width:6em;}
#result .data .level{color:#772a24;}
#result .data .level span{color:#999;display:inline-block;}
#result .back{width:100%;margin-top:6.94444444%;}

/*msgform*/
.msgform .item{margin-bottom:1.75em;}
.msgform .label{margin-bottom:0.61111111em;font-size:1.125em;line-height:2em;display:block;}
.msgform .label i{font-style:normal;color:#9d4016;}
.msgform .input{position:relative;padding:0 0.5em;}
.msgform .input:before,.msgform .input:after{content:'';display:block;position:absolute;height:100%;background:no-repeat center center;background-size:contain;top:0;width:0.5em;}
.msgform .input:before{background-image:url(../images/input_text_left.png);left:0;}
.msgform .input:after{background-image:url(../images/input_text_right.png);right:0;}
.msgform select,.msgform .text{color:#666;height:4.125em;display:block;width:100%;line-height:2.25em;padding:0.9375em 1.5em;background:url(../images/input_text_center.png) repeat-x center center;background-size:auto 100%;overflow: auto;}
.msgform select{padding-top:0;padding-bottom:0;}
.msgform .column{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
.msgform .column .item{width:47.6744186%;}
.msgform .gallery{overflow:hidden;}
.msgform .gallery ul{width:102.3255814%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
.msgform .gallery li{width:25%;padding-right:2.27272727%;padding-bottom:2.27272727%;}
.msgform .gallery .figure{padding-bottom:100%;mask:url(../images/mask_03.svg) no-repeat center center;-wekbit-mask:url(../images/mask_03.svg) no-repeat center center;mask-size:contain;-wekbit-mask-size:contain;}
.msgform .gallery .figure img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}


.msgform .gallery .upload{padding-bottom:100%;background:url(../images/mask_03.svg) no-repeat center center;background-size:contain;position:relative;cursor:pointer;}
.msgform .gallery .upload span{display:block;text-align:center;position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;color:#999;line-height:1.5em;background:url(../images/upload_01.svg) no-repeat center top;background-size:1.25em auto;padding: 1.75em 1em 0;}

.msgform .gallery .upload-v{padding-bottom:100%;background:url(../images/mask_03.svg) no-repeat center center;background-size:contain;position:relative;cursor:pointer;}
.msgform .gallery .upload-v span{display:block;text-align:center;position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;color:#999;line-height:1.5em;background:url(../images/upload_01.svg) no-repeat center top;background-size:1.25em auto;padding: 1.75em 1em 0;}
#gallery2 .gallery2V{ width: 200px; height: 200px; margin-right: 20px;}


.msgform .gallery input[type="file"]{display:none;}
.msgform .submit{font-size:1.125em;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;background-color:#9d4016;color:#fff;height:3.33333333em;width:12.77777778em;justify-content:center;mask:url(../images/mask_02.svg) no-repeat center center;mask-size:100% 100%;-wekbit-mask:url(../images/mask_02.svg) no-repeat center center;-wekbit-mask-size:100% 100%;margin:2.38888889em auto 0;}
.msgform .submit:hover{opacity:0.85;}
.msgform .process{padding: 20px 0 0;}
.msgform .checkbox{display: flex;}
.msgform .checkbox .expertCheckbox{margin-right: 5px;}
.msgform .expertId{position: relative;}
.msgform .expertId #expertList{position: absolute;width: 98%;background-color: #fff;z-index: 1;border: 1px solid;padding: 10px;height: 3rem;overflow-y: auto;line-height: 3em;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);}

/*authenticate*/
#authenticate{padding:1.15rem 0 1.2rem;background:#fff url(../images/authenticate_bg_01.jpg) no-repeat center top;background-size:100% auto;}
#authenticate .info{align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-top:4.16666667%;}
#authenticate .scan{background:url(../images/scan_bg.svg) no-repeat center center;background-size:100% 100%;text-align:center;position:relative;width:22.625em;max-width:25.06944444%;}
#authenticate .scan:after{display:block;content:'';padding-bottom:97.78393352%;}
#authenticate .scan .box{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:center;}
#authenticate .scan .qr{width:49.03047091%;margin:0 auto 1.25em;}
#authenticate .scan img{display:block;width:100%;height:auto;}
#authenticate .scan .name{font-weight:500;color:#3e3d3c;font-size:1.5em;line-height:1.5em;}
#authenticate .form{width:59.72222222%;}

/*newstop*/
#newstop{border-bottom:1px solid #e7e7e7;padding-bottom:5.55555556%;}
#newstop .figure{mask-image:url(../images/mask_04.svg);-webkit-mask-image:url(../images/mask_04.svg);}
#newstop .img{padding-bottom:66.66666667%;}
#newstop .text{background-color:#f2f2f2;padding:1.75em 2.75em;}
#newstop .title{font-size:1.375em;line-height:1.63636364em;height:3.27272727em;-webkit-line-clamp:2;font-weight:normal;margin-bottom:0.54545455em;}
#newstop .excerpt{color:#666;line-height:1.75em;height:3.5em;-webkit-line-clamp:2;}
#newstop .info{background:url(../images/newstop_btm.png) no-repeat center bottom;background-size:100% auto;padding-bottom:2.72727273%;display:block;overflow:hidden;color:#000;}
#newstop .info:hover{color:#9d4016;}
#newstop .info:hover .img{transform:scale(1.05);}
#newstop .swiper-pagination{position:static;justify-content:center;margin-top:1.5em;display:none;}
#newstop .swiper-pagination-bullet-active{background-color:#9d4016;}
.vmore{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;}
.vmore .go{color:#9d4016;background:url(../images/arrow_01.svg) no-repeat right center;background-size:1.25em auto;display:block;overflow:hidden;padding-right:2.25em;}

/*nitem*/
.nitem{padding:2.77777778% 0;border-bottom:1px solid #e7e7e7;}
.nitem .figure{width:16.875em;mask-image:url(../images/mask_05.svg);-webkit-mask-image:url(../images/mask_05.svg);}
.nitem .img{padding-bottom:66.66666667%;}
.nitem .date{font-size:2.25em;line-height:1em;color:#000;text-align:right;}
.nitem .date time{display:block;}
.nitem .date i{display:block;font-style:normal;font-size:0.5em;line-height:1.875em;}
.nitem .text{width:calc(100% - 23.125em);padding:0 4.02777778%;}
.nitem .title{max-width:29.81818182em;font-size:1.375em;font-weight:normal;line-height:1.63636364em;max-height:3.27272727em;-webkit-line-clamp:2;margin-bottom:1.59090909em;}
.nitem .info{align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}

/*newslist*/
#newslist{margin-bottom:5.55555556%;}

/*pagenavi*/
#pagenavi{justify-content:center;align-items:center;}
#pagenavi a,#pagenavi span{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;margin:0 0.625em;height:3.0625em;min-width:3.0625em;position:relative;color:#3e3d3c;background:#fff no-repeat center center;background-size:auto 26.53061224%;border:1px solid rgba(62,61,60,0.2);}
#pagenavi a:hover,#pagenavi .a_cur{background-color:#9d4016;border-color:#9d4016;color:#fff;}
#pagenavi .a_prev{background-image:url(../images/prev_01.svg);margin-right:1.25em;}
#pagenavi .a_prev:hover{background-image:url(../images/prev_01_on.svg);}
#pagenavi .a_next{background-image:url(../images/next_01.svg);margin-left:1.25em;}
#pagenavi .a_next:hover{background-image:url(../images/next_01_on.svg);}

/*expertlist*/
#expertlist{width:104.16666667%;overflow:hidden;padding:1.25em 0;}
.eitem{width:33.333%;padding-right:4%;padding-bottom:4%;}
.eitem .figure{width:39.5480226%;margin:0 auto 1.25em;border-radius:50%;}
.eitem .img{padding-bottom:100%;}
.eitem .name{font-size:1.5em;font-weight:500;line-height:1.5em;margin-bottom:0.16666667em;}
.eitem .intro{color:#666;line-height:2.125em;height:6.375em;-webkit-line-clamp:3;margin-bottom:2em;}
.eitem .vmore{justify-content:center;}
.eitem .tag{position:absolute;top:0;right:2.1875em;width:3.75em;padding:0.375em 0 1em;color:#fff;}
.eitem .tag:before,.eitem .tag:after{content:'';display:block;position:absolute;left:0;width:100%;background:no-repeat center center;background-size:contain;}
.eitem .tag:before{top:0;padding-bottom:10%;background-image:url(../images/tag_top_01.png);}
.eitem .tag:after{bottom:0;padding-bottom:26.66666667%;background-image:url(../images/tag_btm_01.png);}
.eitem .tag span{display:block;background:url(../images/tag_mid_01.png) repeat-y center center;background-size:100% auto;font-size:1.125em;padding:0.83333333em 1em 0.38888889em;line-height:1.125em;}
.eitem a{display:block;overflow:hidden;position:relative;padding:2.72727273% 0;color:#3e3d3c;text-align:center;padding:2.875em 2.625em;background:url(../images/expert_box_01.png) no-repeat center center;background-size:100% 100%;}
.eitem a:hover{background:url(../images/expert_box_02.png) no-repeat center center;background-size:100% auto;color:#fff;}
.eitem a:hover .intro{color:#fff;}
.eitem a:hover .go{color:#fff;background-image:url(../images/arrow_02.svg);}
.eitem a:hover .tag:before{background-image:url(../images/tag_top_02.png);}
.eitem a:hover .tag:after{background-image:url(../images/tag_btm_02.png);}
.eitem a:hover .tag span{background-image:url(../images/tag_mid_02.png);color:#9d4016;}

/*popup*/
.popup{background-color:rgba(0,0,0,0.3);position:fixed;left:0;top:0;width:100%;height:100%;display:none;z-index: 9;}
.popup > .flex{width:100%;height:100%;align-items:center;justify-content:center;padding:2em 0;}
.epopup .box{width:90%;max-width:60.75em;background:url(../images/expert_popup_bg.png) no-repeat center top;background-size:100% 100%;position:relative;}
.popup .close {width: 0.8125em; height: 0.8125em; background: url(../images/close_02.svg) no-repeat center center;background-size: contain; position: absolute; top:1.25em; right:2.25em; cursor: pointer; z-index: 5;}
.epopup .info{align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:9.25925926% 7.20164609%;}
.epopup .figure{width:36.05769231%;mask-image:url(../images/mask_06.svg);-webkit-mask-image:url(../images/mask_06.svg);}
.epopup .img{padding-bottom:133.33333333%;}
.epopup .text{width:56.49038462%;}
.epopup .meta{align-items:flex-end;margin-bottom:1.125em;}
.epopup .name{font-size:3em;color:#9d4016;line-height:1.25em;font-weight:normal;margin-right:0.5625em;}
.epopup .tag{font-size:1.125em;line-height:1.88888889em;}
.epopup .intro{font-size:1.125em;line-height:1.88888889em;max-height:11.33333333em;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.epopup .close{width: 15px; height: 15px; cursor:pointer; position:absolute; right: 16px; top: 13px;z-index:5; background: none;}
/*fpopup*/
.fpopup {background-color: rgba(0,0,0,0.7);}
.fpopup .box {width:90%; max-width: 61.375em; background: url(../images/fpopup_bg.jpg) no-repeat center center; background-size: cover; padding:1.5em 3.125em 2.875em; position: relative;}
.fpopup .tab {font-size: 1.25em; color:#000; text-align: center; border-bottom: 1px solid #eee; line-height: 2em;margin-bottom: 3.3125em;}
.fpopup .tab span {display: block; width: 50%; position: relative; padding:1.3em 0;}
.fpopup .tab span:after {position: absolute; left:0; bottom:-1px; width: 100%; display: block; content:''; height: 2px; background-color: #9d4016; opacity: 0;}
.fpopup .tab .cur {color: #9d4016;}
.fpopup .tab .cur:after {opacity: 1;}
.fpopup .step {overflow: hidden;}
.fpopup .item {align-items: center; justify-content: space-between; margin-bottom: 1.875em;}
.fpopup .label {width:24%; text-align: right;color: #666;}
.fpopup .input {width: 40%; position: relative;}
.fpopup .text {background-color: #fff; display: block; width: 100%; border:1px solid #fff;color: #222; padding:0.5em 1.5em; height: 2.875em; line-height: 1.875em;}
.fpopup .verify {padding-right: 10.625em;}
.fpopup .get {color:#fff; position: absolute; top:0; right:0; height: 100%; display: flex; align-items: center; justify-content: center;background-color: #9d4016; width: 8.375em;}
.fpopup .get:hover {opacity: 0.85;}
.fpopup .warning {width: 31.18%; color: #9d4016;}
.fpopup .warning span {display: none; background:url(../images/icon_02.png) no-repeat left 0.375em; background-size: 1.125em auto; padding-left:2.0625em;}
.fpopup .next { margin-top: 1.875em;}
.fpopup .submit {background-color: #9d4016; display: flex; color:#fff; font-size: 1.125em; width: 9.778em;height: 2.223em; align-items: center; justify-content: center; margin:0 auto;}
.fpopup .error .text {box-shadow: 0px 0.05rem 0.7rem rgba(94, 36, 9, 0.09); border-color:#9d4016;}
.fpopup .error .warning span {display: block;}
.fpopup .input .submit {margin:0;}
.fpopup .form {display: none;}
.fpopup .form.cur {display: block;}
.fpopup .process {}
.fpopup .result {padding:6.25em 0 4.375em; display: none;}
.fpopup .icon {width: 17.574%; margin:0 auto 1.375em;}
.fpopup .icon i {display: block; padding-bottom: 100%; background: no-repeat center center; background-size: contain;}
.fpopup .icon .success {background-image: url(../images/result_success.png);}
.fpopup .tips {text-align: center;}
.fpopup .title {color: #222; font-size: 2.25em; line-height: 1.75em; font-weight: normal;}
.fpopup a {display: inline-block;color: #9d4016;font-size: 1.125em;line-height: 1.5em;}
/*about*/
#about{margin-bottom:6.77083333%;background:url(../images/about_bg.jpg) no-repeat center top;background-size:100% auto;}
#about .inner{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#about .intro{width:47.56944444%;font-size:1.125em;line-height:1.88888889em;}
#about .meta{width:38.88888889%;background:url(../images/about.png) no-repeat left bottom;background-size:99.64285714% auto!important;padding-bottom:9.72222222%;}
#about .name{color:#9d4016;font-weight:500;line-height:1.35em;margin-bottom:0.65em;}
#about .desc{font-size:1.75em;font-weight:500;line-height:1.35em;margin-bottom:3.03571429em;}
#about .since{font-size:1.125em;line-height:1.5em;}
#about .since span{color:#9d4016;}

/*contact*/
#contact .inner{position:relative;padding:1.61458333% 0;}
#contact .inner:before,#contact .inner:after{content:'';display:block;position:absolute;width:100%;padding-bottom:2.15277778%;left:0;background:no-repeat center center;background-size:contain;}
#contact .inner:before{top:0;background-image:url(../images/contact_box_top.png);}
#contact .inner:after{bottom:0;background-image:url(../images/contact_box_btm.png);}
#contact .info{background:url(../images/contact_box_mid.png) repeat-y center center;background-size:100% auto;padding:2.84722222% 0;}
#contact li{width:25%;text-align:center;position:relative;font-size:1.125em;line-height:2em;font-weight:500;padding:0.94444444em 5.55555556% 0.05555556em;color:#3e3d3c;}
#contact li:not(:nth-child(4n)):after{width:1px;height:100%;top:0;right:0;content:'';display:block;position:absolute;background-color:rgba(62,61,60,0.2);}
#contact .icon{width:30%;max-width:3.33333333em;margin:0 auto 1em;}
#contact .name{font-size:1em;line-height:2em;color:#999;font-weight:500;}











/*关于我们 - 评级标准*/
.rating-criteria{ margin-top: 6em;}
.rating-criteria .title{font-size: 2.6em; text-align: center; color: #3e3d3c; line-height: 1.5em; font-weight: 500; margin-bottom: 70px;}
.rating-item{ margin-bottom: 60px; padding-bottom: 30px;}
.rating-item:nth-of-type(1){ border-bottom: 1px solid #f2f2f2; }
.rating-item-hd{display: flex; align-items: center; }
.rating-item-hd .num{ width: 40px; height: 40px; border-radius: 40px; background: #9d4016; color: #fff; display: flex; align-items: center; justify-content: center; margin-right: 30px; }
.rating-item-hd .name{ font-size: 24px; color: #3e3d3c;}
.rating-item-bd{ margin-top: 30px;}
.rating-item-bd .info{ font-size: 18px; color: #999; padding-left: 70px;}

.rating-table-hd{display: flex; align-items: center; }
.rating-table-hd .item{ background: #9d4016; font-size: 20px; color: #fff; height: 80px; line-height: 80px; text-align: center; box-sizing: border-box;}
.rating-table-hd .table-l{width: 20%; border-right: 1px solid #f5f5f5;}
.rating-table-hd .table-m{width: 35%; border-right: 1px solid #f5f5f5;}
.rating-table-hd .table-r{width: 45%;}

.rating-table-bd li{ width: 100%; display: flex; align-items: center;}
.rating-table-bd li:nth-child(even){background: #f2f2f2;}
.rating-table-bd .item{  font-size: 18px; color: #3e3d3c; height: 70px; line-height: 70px; text-align: center; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.rating-table-bd .table-l{width: 20%; border-right: 1px solid #f5f5f5;}
.rating-table-bd .table-m{width: 35%; border-right: 1px solid #f5f5f5;}
.rating-table-bd .table-r{width: 45%;}

.rating-list{ width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.rating-list li{ width: 48%; border-bottom: 1px solid #f2f2f2; padding-bottom: 30px; margin-bottom: 30px;  }
.rating-list li .name{ font-size: 18px; color: #9d4016;   }
.rating-list li .tips{ font-size: 18px; color: #3e3d3c;   }

.rating-round{display: flex; align-items: center; justify-content: space-between;}
.round-item{ width: 250px; height: 313px; box-sizing: border-box; padding: 30px; border: 1px solid #9d4016; position: relative;}
.round-item .concave{ position: absolute; width: 15px; height: 15px; }
.round-item .concave1{ left: -1px; top: -1px; background: #fff url(../images/round-l-t.png) no-repeat;}
.round-item .concave2{ right: -1px; top: -1px; background: #fff url(../images/round-r-t.png) no-repeat;}
.round-item .concave3{ right: -1px; bottom: -1px; background: #fff url(../images/round-r-f.png) no-repeat;}
.round-item .concave4{ left: -1px; bottom: -1px; background: #fff url(../images/round-l-f.png) no-repeat;}


.round-item .round-hd{ font-size: 18px; color: #9d4016; position: relative;}
.round-item .round-hd:after{ content: ""; width: 16px; height: 2px; background: #9d4016; position: absolute; left: 0; bottom: -20px; }
.round-item .round-bd{ font-size: 18px; color: #3e3d3c; line-height: 34px; margin-top: 40px; }

.rating-sort .sort-item{ display: flex; align-items: center; border-bottom: 1px solid #f2f2f2; padding-bottom: 30px; margin-bottom: 30px;}
.rating-sort .sort-l{font-size: 18px; color: #9d4016; padding-right: 80px;  position: relative;}
.rating-sort .sort-l:after{content: ""; width: 2px; height: 15px; background: #f2f2f2; position: absolute; left: 74px; bottom: 6px;}
.rating-sort .sort-r{font-size: 18px; color: #3e3d3c; }

@media only screen and (max-width:1000px){
  .rating-round { flex-wrap: wrap;}
  .rating-round .round-item {width: 49%; margin-bottom: 20px; }
}
@media only screen and (max-width:750px){
  .rating-criteria .title{font-size: 1.4em; line-height: 1.5em; }
  .rating-criteria .title{ margin-bottom: 30px;}
  .rating-item{ margin-bottom: 30px; }
  .rating-item-hd .num{width: 30px; height: 30px; margin-right: 20px;}
  .rating-item-hd .name{ font-size: 18px; color: #3e3d3c;}
  .rating-item-bd{ margin-top: 15px;}
  .rating-item-bd .info{ font-size: 18px; color: #999; padding-left: 50px;}
  .rating-table-hd .item{ font-size: 16px; height: 40px; line-height: 40px; }
  .rating-table-bd .item{ font-size: 16px; height: 40px; line-height: 40px; padding: 0 8px;}
  .rating-list li{ width: 100%; padding-bottom: 30px; margin-bottom: 30px;  }
  .rating-round .round-item {width: 100%;  }
}


/*关于我们 - 收费标准*/
.fee-standards{ background: #f2f2f2; padding: 120px 0;}
.fee-standards .title{font-size: 48px; text-align: center; color: #3e3d3c; font-weight: 500; margin-bottom: 30px;}
.fee-standards .tips{font-size:18px; text-align: center; color: #3e3d3c; margin-bottom: 50px;}
.fee-standards-bd{ display: flex; align-items: center; justify-content: space-between; }
.fee-standards-bd .fee-item{ width: 30%; padding: 50px; box-sizing: border-box; background: #fff; position: relative;}
.fee-standards-bd .fee-item .concave{ position: absolute; width: 20px; height: 20px; background: #f2f2f2; border-radius: 20px;}
.fee-standards-bd .fee-item .concave1{ left: -5px; top: -5px;}
.fee-standards-bd .fee-item .concave2{ right: -5px; top: -5px;}
.fee-standards-bd .fee-item .concave3{ right: -5px; bottom: -5px;}
.fee-standards-bd .fee-item .concave4{ left: -5px; bottom: -5px;}
.fee-standards-bd .fee-item-hd{ font-size: 24px; color: #9d4016; margin-bottom: 20px;}
.fee-standards-bd .fee-item-bd{ font-size: 18px; color: #3e3d3c; line-height: 34px;}
.fee-standards-ft{ margin-top: 40px; }
.fee-standards-ft p{ font-size: 18px; color: #999; line-height: 34px; }


@media only screen and (max-width:750px){
  .fee-standards{padding: 40px 0;}
  .fee-standards .title{font-size: 20px; margin-bottom: 20px; }
  .fee-standards .tips{font-size:16px; margin-bottom: 20px;}
  .fee-standards-bd{ display: block;  }
  .fee-standards-bd .fee-item{ width: 100%; padding: 20px 30px; margin-bottom: 20px; }
}


/*关于我们 - 鉴定流程*/
.process{ padding: 120px 0;}
.process .title{font-size: 48px; text-align: center; color: #3e3d3c; font-weight: 500; margin-bottom: 30px; margin-bottom: 50px;}
.process-item{ border: 1px solid #9d4016; position: relative; padding: 30px 50px; margin-bottom: 60px; }
.process-item .txt{ font-size: 18px; color: #3e3d3c; }
.process-item .num{ width: 40px; height: 40px; border-radius: 40px; background: #9d4016; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 18px; position: absolute; left: -20px; top: 25px;}
.process-item .allow{ width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 16px solid #9d4016; position: absolute; left: -8px; top: 112px;}
.process-item:last-child .allow{ display: none; }
.process-item .concave{ position: absolute; width: 15px; height: 15px; }
.process-item .concave1{ left: -1px; top: -1px; background: #fff url(../images/round-l-t.png) no-repeat;}
.process-item .concave2{ right: -1px; top: -1px; background: #fff url(../images/round-r-t.png) no-repeat;}
.process-item .concave3{ right: -1px; bottom: -1px; background: #fff url(../images/round-r-f.png) no-repeat;}
.process-item .concave4{ left: -1px; bottom: -1px; background: #fff url(../images/round-l-f.png) no-repeat;}


@media only screen and (max-width:750px){
  .process{padding: 40px 0;}
  .process .title{font-size: 20px; margin-bottom: 20px; }
  .process-item .num{ left: 0px;}
}


/*我要鉴定*/


.popup-box{ width: 76%; padding: 90px; box-sizing: border-box; background: #fff; position: relative; max-height: 98%; overflow-y: auto;}
.popup-box-noPopup{width: 100%; padding: 90px 0;}
.popup-box .close-img{ position: absolute; right: 50px; top: 50px; width: 45px; height: 45px; cursor: pointer;}
.popup-box .wx-img{ width: 353px; height: 467px; display: block; margin: 0 auto;}
.popup-box .abstract{ font-size: 24px; color: #3e3d3c; margin-bottom: 40px;}
.popup-item{ margin-bottom: 30px; }
.popup-item .title{ font-size: 18px; color: #3e3d3c; font-weight: 500; margin-bottom: 10px; }
.popup-item .tips{ font-size: 18px; color: #666; line-height: 46px;  }
.popup-item .tips p{ font-size: 18px; color: #666; line-height: 46px; }
.popup-item .rating-table{ margin-top: 30px;}


@media only screen and (max-width:750px){
  #header{z-index: 1;}
  .popup{z-index: 2;}
  .popup-box{ width: 90%; padding: 20px; }
  .popup-box .close-img{right: 20px; top: 20px; width: 30px; height: 30px;}
  .popup-box .wx-img{ width: 80%; height: auto; }
  .popup-box .abstract{ font-size: 20px; margin-bottom: 20px;}
  .popup-item .tips{ font-size: 16px;  }
.popup-item .tips p{ font-size: 16px; }
}








/*ishome*/
.ishome #header{background:#fff url(../images/header_bg.png) no-repeat center bottom;background-size:cover;}
.ishome #search .text {background-color: #fff;}

/*slides*/
#slides .img{padding-bottom:40.625%;}

/*hmabout*/
#hmabout{background:#fff url(../images/hmabout_bg.jpg) no-repeat center bottom;background-size:cover;padding:1.28rem 0 2.52rem;position:relative;}
#hmabout:before{width:87.5%;padding-bottom:9.16666667%;background:url(../images/hmabout_pic_01.png) no-repeat center bottom;background-size:100% auto;content:'';display:block;position:absolute;left:0;bottom:0;}
#hmabout .inner{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;position:relative;z-index:2;}
#hmabout .pagename{letter-spacing:0.03333333em;width:7.25em;text-align:left;}
#hmabout .info{width:31.25em;text-align:right;}
#hmabout .intro,#hmabout .since{font-size:1.125em;line-height:1.88888889em;}
#hmabout .intro{margin-bottom:25%;}
#hmabout .since span{color:#9d4016;line-height:1em;}

/*hmpro*/
#hmpro{padding:1.15rem 0 1rem;overflow:hidden;}
#hmpro.npd {padding:0;}
#hmpro .tab{margin-bottom:2.5em;}
#hmpro .tab li{padding:0.5em 0;}
#hmpro .tab span,#hmpro .tab a{display:block;font-size:1.125em;line-height:3.33333333em;cursor:pointer;text-align:center;padding:0 2.11111111em;}
#hmpro .tab .cur span,#hmpro .tab .cur a{background-color:#9d4016;color:#fff;mask:url(../images/tab_01.png) no-repeat center center;mask-size:100% 100%;-webkit-mask:url(../images/tab_01.png) no-repeat center center;-webkit-mask-size:100% 100%;}
#hmpro .info .list{display:none;}
#hmpro .info ul{width:104.16666667%;margin-bottom:1.25em;}
#hmpro .info li{width:33.333%;padding-right:4%;padding-bottom:4%;}
#hmpro .info .img{padding-bottom:66.66666667%;}
#hmpro .info .text{padding:3.125em 2.625em 3.25em;}
#hmpro .info .title{font-size:1.5em;font-weight:normal;line-height:1.63636364em;margin-bottom:1.375em;}
#hmpro .info li a{display:block;overflow:hidden;mask:url(../images/mask_07.png) no-repeat center center;mask-size:100% 100%;-webkit-mask:url(../images/mask_07.png) no-repeat center center;background-color:#f2f2f2;-webkit-mask-size:100% 100%;}
#hmpro .info li a:hover{color:#fff;}
#hmpro .info li a:hover .text{background:url(../images/hmpro_box_text.png) no-repeat center center;background-size:cover;}
#hmpro .info li a:hover .go{color:#fff;background-image:url(../images/arrow_02.svg);}
#hmpro .info li a:hover .img{transform:scale(1.05);}
#hmpro .more{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;}
#hmpro .more a{background:url(../images/tab_01.png) no-repeat center center;background-size:100% 100%;width:8.75em;height:3.125em;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;color:#fff;}
#hmpro .more a:hover{opacity:0.85;}

/*hmnews*/
#hmnews{padding:0.95rem 0 1rem;overflow:hidden;}
#hmnews .info{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-top:2.08333333%;}
#hmnews time{display:block;font-size:1.125em;color:#812020;line-height:1.5em;margin-bottom:0.55555556em;}
#hmnews .title{font-size:1.375em;line-height:1.63636364em;font-weight:normal;height:3.27272727em;-webkit-line-clamp:2;}
#hmnews .istop{width:44.44444444%;}
#hmnews .istop .img{padding-bottom:56.25%;}
#hmnews .istop .text{background:url(../images/hmnews_istop_bg.png) no-repeat center bottom;background-size:cover;padding:5.78125% 8.125% 6.5625%;}
#hmnews .istop time{color:#fff;}
#hmnews .istop a{display:block;overflow:hidden;color:#fff;mask:url(../images/mask_07.png) no-repeat center center;mask-size:100% 100%;-webkit-mask:url(../images/mask_07.png) no-repeat center center;-webkit-mask-size:100% 100%;}
#hmnews .istop a:hover .img{transform:scale(1.05);}
#hmnews .list{width:50.69444444%;}
#hmnews .list li{border-bottom:1px solid #e7e7e7;padding-bottom:6.30136986%;margin-bottom:5.20547945%;}
#hmnews .list li:last-child{margin-bottom:0;}
#hmnews .list .text{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#hmnews .list .more{width:2.5em;height:2.5em;background:url(../images/icon_01.svg) no-repeat center center;background-size:contain;}
#hmnews .list .title{width:calc(100% - 2.73em);max-width:25.63636364em;}

/*want*/
#want{background:no-repeat center center;background-size:cover;color:#fff;padding:0.5rem 0 0.65rem;}
#want .name{font-size:2.5em;line-height:1.55em;font-weight:500;margin-bottom:0.2em;}
#want .intro{font-size:1.125em;line-height:1.875em;margin-bottom:1.33333333em;}
#want .btn a{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;width:8.75em;height:3.125em;background-color:#fff;mask:url(../images/tab_01.png) no-repeat center center;mask-size:100% 100%;-webkit-mask:url(../images/tab_01.png) no-repeat center center;-webkit-mask-size:100% 100%;color:#a25532;}

/*hmexpert*/
#hmexpert{position:relative;padding:1.25rem 0 1.24rem;overflow:hidden;}
#hmexpert .bg{width:50%;height:100%;background:no-repeat right center;background-size:cover;position:absolute;left:0;top:0;}
#hmexpert .inner{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:flex-end;position:relative;z-index:2;}
#hmexpert .text{width:26.38888889%;overflow:hidden;}
#hmexpert .meta{align-items:flex-end;margin-bottom:2.5em;}
#hmexpert .name{font-size:3em;font-weight:500;line-height:1.29166667em;margin-right:0.625em;}
#hmexpert .job{display:block;font-size:1.125em;line-height:1.88888889em;}
#hmexpert .intro{font-size:1.125em;line-height:1.88888889em;height:9.44444444em;-webkit-line-clamp:5;margin-bottom:4.16666667em;}
#hmexpert .more a{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;color:#fff;width:8.75em;height:3.125em;background:url(../images/tab_01.png) no-repeat center center;background-size:100% 100%;}
#hmexpert .btn{margin-top:41.84210526%;}
#hmexpert .list{color:#fff;padding-bottom:6.25%;width:66.38888889%;overflow:hidden;}
#hmexpert .list ul{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;flex-direction:row-reverse;align-items:center;}
#hmexpert .list li{width:14.74895397%;}
#hmexpert .list li:nth-child(1){width:49.68619247%;}
#hmexpert .list li:nth-child(n+4){display: none;}
#hmexpert .list .img{padding-bottom:107.80141844%;background-size:contain;}
#hmexpert .pagename{text-align:left;margin-bottom:0;margin-bottom:-2.77777778%;}
.swiper-arrows .arrow{position:relative;margin-top:0;top:auto;left:auto;right:auto;width:3.75em;height:3.75em;border:solid 2px #8b3410;background:no-repeat center center;background-size:35.71428571% auto;}
.swiper-arrows .arrow:after{display:none;}
.swiper-arrows .swiper-button-prev{background-image:url(../images/swiper_arrows_prev_01.svg);}
.swiper-arrows .swiper-button-next{background-image:url(../images/swiper_arrows_next_01.svg);}
.swiper-arrows .btn .swiper-button-prev{margin-right:2.1875em;}

/*bxname*/
.bxname{font-size:3em;font-weight:500;line-height:1.29166667em;margin-bottom:0.83333333em;}
.bxname.center{text-align:center;}

/*message*/
.message{background:no-repeat center center;background-size:cover;color:#fff;min-height:7rem;align-items:center;padding:5% 0;}
.message .text{max-width:48.4375em;}
.message .intro{font-size:1.125em;line-height:1.88888889em;}

/*dealer*/
.dealer{padding:0.9rem 0;overflow:hidden;}
.dealer .inner{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.dealer .item{width:47.91666667%;padding:2.08333333% 0;}
.dealer .box{padding:4.49275362% 0;position:relative;background:url(../images/dealer_box_bg.png) no-repeat right bottom;background-size:83.47826087% auto;height:100%;}
.dealer .box:before,.dealer .box:after{content:'';display:block;position:absolute;left:0;width:100%;padding-bottom:4.49275362%;background:no-repeat center center;background-size:contain;}
.dealer .box:before{top:0;background-image:url(../images/dealer_box_top.png);}
.dealer .box:after{bottom:0;background-image:url(../images/dealer_box_btm.png);}
.dealer .info{background:url(../images/dealer_box_mid.png) repeat-y center center;background-size:100% auto;padding:4.34782609% 8.69565217%;min-height:2.2rem;height:100%;}
.dealer .text{vertical-align:top;}
.dealer .qrcode{width:39.47368421%;padding:0 3.50877193%;}
.dealer .qrcode img{width:8.125em;max-width:100%;float:right;}
.dealer .name{font-size:1.5em;font-weight:500;color:#9d4016;line-height:1.5em;margin-bottom:0.58333333em;}
.dealer .intro{font-size:1.125em;color:#666;line-height:2em;}
.dealer .intro span{vertical-align:top;}
.dealer .intro span:nth-child(1){width:5em;}

/*ucenter*/
#ucenter{background:#f8f8f8 url(../images/ucenter_bg.png) no-repeat center top;background-size:100% auto;padding:1.15rem 0 1.7rem;overflow:hidden;}
#ucenter .main{position:relative;padding:0.7628294% 0;margin-top:2.08333333%;}
#ucenter .main:before,#ucenter .main:after{content:'';display:block;position:absolute;left:0;width:100%;padding-bottom:0.7628294%;background:no-repeat center center;background-size:contain;}
#ucenter .main:before{background-image:url(../images/ucenter_top.png);top:0;}
#ucenter .main:after{background-image:url(../images/ucenter_btm.png);bottom:0;}
#ucenter .box{background:url(../images/ucenter_mid.png) repeat-y center center;background-size:100% auto;}

/*ucmenu*/
#ucmenu{border-bottom:1px solid #eee;padding:0 4.86111111%;}
#ucmenu li{font-size:1.5em;line-height:1.5em;padding:1.08333333em 0;position:relative;}
#ucmenu li:after{content:'';display:block;position:absolute;left:0;bottom:-1px;background-color:#9d4016;width:100%;height:2px;opacity:0;}
#ucmenu li:not(:last-child){margin-right:4.84615385%;}
#ucmenu a{color:#222;display:block;}
#ucmenu a:hover{color:#9d4016;}
#ucmenu .cur:after{opacity:1;}
#ucmenu .cur a{color:#9d4016;}

/*ucmain*/
#ucmain{padding:3.88888889% 4.86111111% 5%;}

/*notification*/
#notification{margin-bottom:3.07692308%;}
#notification .item{margin-bottom:2.30769231%;}
#notification .meta{width:calc(100% - 7.5em);}
#notification .title{font-size:1.25em;font-weight:normal;line-height:1.8em;margin-bottom:0.3em;}
#notification time{color:#999;display:block;}
#notification .go{color:#666;background-image:url(../images/arrow_03.svg); cursor: pointer;}
#notification .info {background-color:#f5f5f5;border:1px solid #f5f5f5;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;color:#000;padding:2.30769231% 3.46153846% 2.15384615%;}
#notification .info:hover,
#notification .active .info {border-color:#9d4016;color:#9d4016; box-shadow:0 0.3125em 0.7rem rgba(94,36,9,0.09);}
#notification .info:hover .go,
#notification .active .go {color:#9d4016;background-image:url(../images/arrow_01.svg);}
#notification .intro {font-size: 1.125em; color:#222; line-height: 1.8889em; border-top: 1px solid #e3e3e3; padding-top: 1.111em; margin-top:1.111em; display: none;}
#notification .active .intro {display: block;}

/*record*/
#record{margin-bottom:3.84615385%;overflow:hidden;}
#record .name{font-weight:500;color:#666;font-size:1.125em;line-height:1.5em;margin-bottom:1.66666667em;}
#record .item{background-color:#f5f5f5;margin-bottom:2.30769231%;}
#record .meta{color:#666;border-bottom:1px solid #eee;padding:1.30769231% 5.23076923% 1.15384615% 2.92307692%;line-height:2.25em;}
#record .td{padding-right:1em;}
#record .td:nth-child(2){width:29.31323283%;}
#record .td:nth-child(3){width:33.50083752%;}
#record .td:nth-child(4){width:7.75em;padding-right:0;}
#record .express a,#record .more a{display:flex;justify-content:center;align-items:center;height:2.25em;}
#record .express a{color:#222;border:1px solid #666;}
#record .more a{color:#fff;background-color:#9d4016;}
#record .figure{width:7.5em;max-width:100%;}
#record .img{padding-bottom:70%;}
#record .title a{color:#222;font-size:1.25em;line-height:1.5em;font-weight:500;}
#record .screenshot a{display:block;line-height:2.25em;color:#222;}
#record .screenshot a:hover{color:#9d4016;}
#record .screenshot a:not(:last-child){margin-right:1.875em;}
#record .screenshot a:nth-child(2){background-color:#eee;width:6em;text-align:center;}
#record .info{padding:2% 5.23076923% 2% 2.92307692%;}

/*expopup*/
.expopup{display:block;}
.expopup .box{width:36.625em;max-width:90%;background:url(../images/expopup.jpg) no-repeat center center;background-size:cover;position:relative;flex-direction:column;align-items:center;padding:3.875em 2em 3.125em;}
.expopup .title{font-size:1.5em;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;width:8.75em;height:2.33333333em;background:url(../images/title_01.png) no-repeat center center;background-size:100% 100%;color:#fff;font-weight:500;margin-bottom:1.66666667em;}
.expopup .intro{font-size:1.25em;line-height:2.1em;color:#222;}
.expopup .close{width:0.8125em;height:0.8125em;background:url(../images/close_01.svg) no-repeat center center;background-size:contain;position:absolute;right:1em;top:1em;cursor:pointer;}

/*details*/
#details{padding-bottom:1.53846154%;}
#details .title{color:#222;font-weight:500;font-size:1.875em;line-height:1.5em;margin-bottom:1.2em;}
#details .pro{border-bottom:1px solid #eee;margin-bottom:6%;}
#details .pro .td{text-align:center;padding:0 0.76923077%;}
#details .pro .td:nth-child(1){width:10.76923077%;}
#details .pro .td:nth-child(2){width:23.84615385%;}
#details .pro .td:nth-child(3){width:16.15384615%;}
#details .pro .td:nth-child(5){width:18.46153846%;}
#details .pro .td .img{padding-bottom:70%;}
#details .pro .top{border-bottom:1px solid #eee;color:#666;font-size:1.125em;line-height:1.5em;padding-bottom:1.92307692%;}
#details .pro .btm{padding:2.61538462% 0 3.07692308%;}
#details .pro .btm .td{font-size:1.25em;color:#222;line-height:1.5em;}
#details .pro .btm span:nth-child(1){display:none;}
#details .meta{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding-right:8.84615385%;border-bottom:1px solid #eee;padding-bottom:1.53846154%;margin-bottom:6.53846154%;}
#details .meta dl{overflow:hidden;}
#details .meta dd{font-size:1.125em;line-height:1.5em;margin-bottom:0.77777778em;}
#details .meta span{display:block;color:#222;}
#details .meta span:nth-child(1){color:#666;width:7em;}
#details .meta .qrcode{border:solid 1px #9d4016;padding:0.16666667em;background-color:#eee;width:6.83333333em;margin:0 auto;}
#details .meta .screenshot{width:3.44444444em;margin:0 auto;}
#details .meta img{display:block;width:100%;height:auto;}
#details .return{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;}
#details .return a{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;font-size:1.25em;width:9.25em;height:2.5em;background-color:#9d4016;color:#fff;}
#details .return a:hover{opacity:0.85;}

/*person*/
#person{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:3.07692308% 0 1.53846154%;}
#person .left{width:26.92307692%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;flex-direction:column;align-items:center;}
#person .left input[type="file"]{display:none;}
#person .avatar{width:8.125em;border-radius:50%;position:relative;max-width:100%;overflow:hidden;margin-bottom:1.875em;}
#person .avatar:after{display:block;content:'';padding-bottom:100%;}
#person .avatar img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;}
#person .btn{font-size:1.125em;color:#999;border:solid 1px #ddd;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;width:8.05555556em;height:2.77777778em;max-width:100%;margin-bottom:2.94444444em;cursor:pointer;}
#person .tips{font-size:1.125em;color:#9d4016;line-height:1.5em;text-align:center;}
#person .info{width:62.30769231%;}
#person .form{max-width:31.25em;}
#person .item{overflow:hidden;margin-bottom:1.25em;}
#person .label{color:#666;display:block;float:left;width:4em;text-align:right;line-height:2.875em;}
#person .input{margin-left:5.875em;overflow:hidden;}
#person .text{background-color:#fff;display:block;width:100%;color:#222;height:2.875em;line-height:1.875em;padding:0.5em 1.5em;}
#person textarea.text{height:7em;}
#person em{font-style:normal;display:block;text-align:right;color:#666;margin-top:0.4375em;cursor: pointer;}
#person em a{color:#9d4016;}
#person em a:hover{text-decoration:underline;}
#person .radio{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
#person .radio label{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;align-items:center;height:2.875em;margin-right:1.75em;}
#person .radio input{margin-right:0.9375em;}
#person .submit{background-color:#9d4016;display:block;width:100%;height:2.55555556em;font-size:1.125em;color:#fff;margin-top:0.66666667em;}

/*logreg*/
#logreg{background:no-repeat center center;background-size:cover;padding:1.4rem 0;overflow:hidden;}
#logreg .inner{min-height:8.2rem;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:flex-end;}
#logreg .box{box-shadow:0px 0.05rem 0.76rem rgba(94,36,9,0.1);background:url(../images/logreg_form.png) no-repeat center center;background-size:100% 100%;margin:0 1.2rem;width:36.5em;padding:3.125em 5em 3.75em;}
#logreg .title{font-size:2.25em;font-weight:500;color:#222;text-align:center;line-height:1.35em;margin-bottom:0.97222222em;}
#logreg .tab{font-size:1.25em;color:#222;line-height:1.5em;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;margin-bottom:2.1em;}
#logreg .tab span{display:block;padding-bottom:1.3em;cursor:pointer;}
#logreg .tab span:not(:last-child){margin-right:11.55660377%;}
#logreg .tab .cur{background:url(../images/logreg_form_tab.png) no-repeat right bottom;background-size:auto 0.6em;color:#9d4016;}
#logreg .type .form{display:none;}
#logreg .type .form:first-child{display:block;}
#logreg .item{margin-bottom:1.25em;}
#logreg .input{position:relative;}
#logreg .text{background:#fff no-repeat 1.4375em center;background-size:1.5625em auto;border:solid 1px #ddd;height:3.4375em;line-height:1.875em;padding:0.78125em 1.5em 0.78125em 4em;color:#555;display:block;width:100%;}
#logreg .text:focus{border-color:#9d4016;}
#logreg .inp1{background-image:url(../images/logreg_icon_01.png);}
#logreg .inp2{background-image:url(../images/logreg_icon_02.png);}
#logreg .inp3{background-image:url(../images/logreg_icon_03.png);}
#logreg .inp4{background-image:url(../images/logreg_icon_04.png);}
#logreg .verify{padding-right:12.5em;}
#logreg .verify a{position:absolute;background-color:#9d4016;color:#fff;right:0;top:0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;height:3.05555556em;width:10em;font-size:1.125em;}
#logreg .verify .text{padding-left:1.5em;}
#logreg .meta{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:flex-end;margin-bottom:1.25em;margin-top:0.625em;align-items:center;}
#logreg .meta a{display:block;color:#9d4016;}
#logreg .meta a:hover{text-decoration:underline;}
#logreg .meta .gray{color:#555;}
#logreg .meta i{display:block;width:1px;background-color:#ccc;height:0.625em;margin:0 0.9375em;}
#logreg .submit{background-color:#9d4016;color:#fff;font-size:1.25em;height:2.75em;display:block;width:100%;margin-top:0.5em;}

#logreg .item .ch_label{  display: flex; align-items: center; }
#logreg .item .ch_label .inp5{  width: 20px; height: 20px; margin-right: 1em; }
#logreg .item .ch_label span{  color: #555; }



/*aboutus*/
.aboutus{background:#fff url(../images/aboutus_bg.jpg) no-repeat center top;background-size:100% auto;position:relative;padding:1.1rem 0 1.76rem;overflow:hidden;}
.aboutus:before{width:87.5%;padding-bottom:9.16666667%;background:url(../images/hmabout_pic_01.png) no-repeat center bottom;background-size:100% auto;content:'';display:block;position:absolute;left:0;bottom:0;}
.aboutus .inner{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;position:relative;z-index:2;}
.aboutus .intro{max-width:70.9375em;margin:0 auto 14.58333333%;text-align:center;}

/*advantage*/
.advantage{padding:1.1rem 0;}
.advantage .info{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;margin-top:2.08333333%;}
.advantage .text{width:61.80555556%;color:#999;font-size:1.125em;line-height:2em;}
.advantage .text h4{color:#3e3d3c;font-weight:500;font-size:1.33333333em;line-height:1.5em;}
.advantage .pic{width:30.76388889%;background:url(../images/advantage_pic_box.svg) no-repeat center center;background-size:contain;padding:1.3125em;}
.advantage .figure{mask-image:url(../images/mask_08.svg);-webkit-mask-image:url(../images/mask_08.svg);}
.advantage .img{padding-bottom:150%;}

/*duty*/
.duty{background-color:#f2f2f2;padding:1.1rem 0 0.73rem;overflow:hidden;}
.duty .list{width:104.16666667%;}
.duty .item{width:33.333%;padding-right:4%;padding-bottom:4%;}
.duty .info{background:url(../images/duty_box.png) no-repeat center center;background-size:100% 100%;position:relative;height:100%;padding:2.5em 2.5em 3.375em;}
.duty .meta{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;margin-bottom:2.3125em;}
.duty .icon{width:4.375em;}
.duty .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
.duty .num{font-size:1.5em;line-height:1.5em;}
.duty .num:after{display:block;content:'';background-color:#9d4016;height:0.125em;width:100%;margin-top:0.54166667em;}
.duty .intro{font-size:1.125em;line-height:1.88888889em;}

/*require*/
.require{padding:1.1rem 0;overflow:hidden;}
.require .box{background:no-repeat center center;background-size:cover;color:#fff;padding:5.55555556%;min-height:7rem;align-items:flex-end;margin-bottom:3.68055556%;}
.require .box .list{width:100%;}
.require .box ul{width:106.25%;align-items:flex-end;}
.require .box li{width:25%;padding-right:5.88235294%;padding-top:5.88235294%;}
.require .box .info{position:relative;height:100%;border-bottom:1px solid #fff;padding-bottom:1.75em;}
.require .box .num{font-size:2.25em;color:#fefefe;font-weight:500;line-height:1.125em;margin-bottom:0.61111111em;}
.require .box .intro{font-size:1.125em;line-height:1.88888889em;}
.require .entry{font-size:1.5em;text-align:center;}

/*contact*/
.contact{background-color:#f2f2f2;padding:1.1rem 0 1.2rem;overflow:hidden;}
.contact .bxname{margin-bottom:0.35416667em;}
.contact .intro{font-size:1.125em;text-align:center;line-height:1.875em;}
.contact ul{width:104.16666667%;}
.contact li{width:33.333%;padding-right:4%;padding-top:4%;}
.contact .info{background:url(../images/contact_box.png) no-repeat center center;background-size:100% 100%;position:relative;height:100%;padding:3.125em 2.5em;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.contact .icon{width:4.375em;}
.contact .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
.contact .text{width:calc(100% - 6em);}
.contact .name{font-size:1.125em;color:#999;line-height:1.5em;font-weight:500;}
.contact .desc{font-size:1.5em;line-height:1.5em;}

/*newspost*/
#newspost {max-width: 80em; margin:0 auto;}
#newspost .title {font-size: 2.25em; line-height: 1.75em;margin-bottom: 0.4167em;}
#newspost .meta {display: flex;flex-wrap: wrap;font-size: 1.125em; line-height: 2em;border-bottom: 1px solid #e7e7e7;padding-bottom: 1.667em;margin-bottom: 1.111em;}
#newspost .span {margin-right: 8.75%;}
#newspost .share {display: flex;align-items: center;}
#newspost .share span {display: block;}
#newspost .share ul {display: flex;align-items: center;}
#newspost .share li {margin-right: 0.5556em;position: relative;}
#newspost .share a {display: block; width: 1.111em;}
#newspost .share i {display: block; padding-bottom: 80%; background: no-repeat center center; background-size: contain;}
#newspost .share .wx {background-image: url(../images/share_wx.svg);}
#newspost .share .qq {background-image: url(../images/share_qq.svg);}
#newspost .share .wb {background-image: url(../images/share_wb.svg);}
#newspost .share .qr {background-color: #fff; position: absolute; left:50%; transform: translateX(-50%); top:150%; width: 8em; text-align: center; padding:0.5em; border:1px solid #eee; display: none;}
#newspost .share canvas {display: block; width: 100%; height: auto;}
#newspost .share .text {font-size: 0.75em; line-height: 1.5em; margin-top: 0.5em;}
#newspost .entry {color:#666;}
#newspost .entry * {line-height: 2.125em;}
#newspost .other {justify-content: space-between; align-items: center;border-top: 1px solid #e7e7e7; padding-top: 2.625em; margin-top: 5em;}
#newspost .pnav {font-size: 1.125em; line-height: 2em; width: calc(100% - 9em);}
#newspost .pnav p {padding:0.13888em 0;}
#newspost .pnav i {font-style: normal; color:#666; font-size: 0.8889em;}

/*restoration*/
#restoration {padding:1.2rem 0; background-color: #f8f8f8;}

/*rpost*/
#rpost {background-color: #fafafa; margin:calc(13/1440*100%) 0; position: relative; background: url(../images/rpost_mid.png) repeat-y center center; background-size: 100% auto;}
#rpost:before,#rpost:after {position: absolute; left:0; width: 100%; display: block; content: ''; background: no-repeat center center; background-size: 100% 100%; padding-bottom:calc(13/1440*100%);}
#rpost:before {bottom:100%; background-image: url(../images/rpost_top.png);}
#rpost:after {top:100%; background-image: url(../images/rpost_btm.png);}
#rpost .cont {background: url(../images/rpost_bg.png) no-repeat right top; background-size: 80.7% auto; padding:4.167% 5% 3.086%;}
#rpost .post {margin-bottom: 4.321%;}
#rpost .title {color: #9d4016; font-size: 2.25em; line-height: 1.7223em; font-weight: 500; margin-bottom: 2.855%;}
#rpost .entry {font-size:1.125em; line-height: 1.8889em;}
#rpost .entry h3 {font-size: 1.5em; line-height: 1.4167em; font-weight: 500;}
#rpost .address{width:43.125em; max-width: 100%; margin:0 auto 2.624%;}
#rpost .box{padding:4.49275362% 0;position:relative;background:url(../images/dealer_box_bg.png) no-repeat right bottom;background-size:83.47826087% auto;height:100%;}
#rpost .box:before,#rpost .box:after{content:'';display:block;position:absolute;left:0;width:100%;padding-bottom:4.49275362%;background:no-repeat center center;background-size:contain;}
#rpost .box:before{top:0;background-image:url(../images/dealer_box_top.png);}
#rpost .box:after{bottom:0;background-image:url(../images/dealer_box_btm.png);}
#rpost .info{background:url(../images/dealer_box_mid.png) repeat-y center center;background-size:100% auto;padding:4.34782609% 8.69565217%;min-height:2.2rem;height:100%;}
#rpost .text{vertical-align:top;}
#rpost .qrcode{width:23.158%; line-height: 2.25em; color:#666; text-align: center;}
#rpost .qrcode img{width:100%; display: block; height: auto;}
#rpost .name{font-size:1.5em;font-weight:500;color:#9d4016;line-height:1.5em;margin-bottom:0.58333333em;}
#rpost .intro{font-size:1.125em;color:#666;line-height:2em;}
#rpost .intro span{vertical-align:top;}
#rpost .intro span:nth-child(1){width:5em;}

@media only screen and (max-width:1280px){

    /*1280px*/
    body{font-size:14px;}

    /*1280px*/
    #logo{font-size:2em;}

    /*1280px*/
    #search{width:24em;}
    #search .input{padding-right:5em;}
    #search .submit{width:5em;}

    /*1280px*/
    #topbtn{margin-left:0;}

    /*1280px*/
    #slides .img{padding-bottom:50.625%;}
}
@media only screen and (max-width:1024px){

    /*1024px*/
    .fz100{font-size:8.54492188vw;}

    /*1024px*/
    .fz60{font-size:5.12695313vw;}

    /*1024px*/
    #top{padding:1.5em 0;}

    /*1024px*/
    #topbtn a{margin-left:1em;}

    /*1024px*/
    #wapbtn{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;}
    #wapbtn .btn{background-color:#9d4016;height:2.8125em;margin-left:1em;cursor:pointer;}

    /*1024px*/
    #search{position:absolute;top:100%;right:3.125%;z-index:5;max-width:93.75%;display:none;}
    #search .text{background-color:#eee;}

    /*1024px*/
    #schbtn{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;color:#fff;width:2.8125em;}

    /*1024*/
    #navbtn{display:block;position:relative;z-index:10;overflow:hidden;width:2.8125em;}
    #navbtn span{width:46%;position:absolute;top:50%;transform:translateY(-50%);display:block;height:34%;left:27%;}
    #navbtn span:before,#navbtn span:after,#navbtn i{width:100%;height:2px;background-color:#fff;display:block;position:absolute;left:0;transition:all 0.3s;content:'';}
    #navbtn span:before{top:0;}
    #navbtn span:after{bottom:0;}
    #navbtn i{top:50%;transform:translateY(-50%);}
    #navbtn.active span:before{transform:rotate(45deg);top:50%;}
    #navbtn.active span:after{transform:rotate(-45deg);bottom:auto;top:50%;}
    #navbtn.active i{opacity:0;}

    /*1024px*/
    #navi{position:fixed;width:100%;height:100%;background-color:rgba(255,255,255,0.9);z-index:9;left:0;top:0;display:none;}
    #navi .menu{position:fixed;right:0;top:5.81348571em;width:90%;max-width:25em;background-color:#fff;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;height:calc(100% - 5.81348571em);display:block;padding:2em;transform:translateX(100%);transition:transform 0.2s;box-shadow:0px 0.05em 1em rgba(0,0,0,0.1);}
    #navi.active .menu{transform:translateX(0);}
    #navi .parent{font-size:1em;padding:0.75em 0;line-height:2em;}
    #navi em{display:block;position:absolute;right:-2em;width:3.50052698em;height:3.50052698em;z-index:2;top:0;cursor:pointer;margin-left:0;}
    #navi em:after{left:50%;top:50%;transform:translate(-50%,-50%) rotate(-45deg);position:absolute;width:0.5em;height:0.5em;transition:all 0.3s;border-right:1px solid #333;border-bottom:1px solid #333;content:'';display:block;}
    #navi .on > em:after{transform:translate(-50%,-50%) rotate(45deg);}
    #navi .drop{position:relative;box-shadow:none;left:auto;top:auto;transform:none;text-align:left;min-width:0;padding:1em 0 0;background-color:transparent;}
    #navi .drop li{margin-left:2em;padding:0.5em 0;}
    #navi .drop a{padding:0;white-space:normal;}

    /*1024px*/
    #copyright{width:100%;text-align:center;padding:0.25em 0;}

    /*1024px*/
    #pages{width:100%;justify-content:center;padding:0.25em 0;}

    /*1024px*/
    #site{max-width:60%;}
    #site .name{font-size:2em;margin-bottom:13%;}

    /*1024px*/
    #query .form{font-size:0.85714286em;}

    /*1024px*/
    #result .figure{width:100%;margin-bottom:2.5em;}
    #result .text{width:100%;}

    /*1024px*/
    #authenticate .form{width:100%;margin-bottom:2.5em;}
    #authenticate .scan{max-width:100%;margin:0 auto;}

    /*1024px*/
    #newstop .swiper-pagination{display:block;}

    /*1024px*/
    .eitem{width:50%;}

    /*1024px*/
    #about .meta{width:100%;margin-bottom:2em;padding-bottom:30%;}
    #about .desc{margin-bottom:5%;}
    #about .intro{width:100%;}

    /*1024px*/
    #contact li{width:50%;padding-top:1em;padding-bottom:1em;}
    #contact li:nth-child(2n):after{display:none;}

    /*1024px*/
    #hmabout .pagename{width:100%;}
    #hmabout .info{width:100%;}
    #hmabout .intro{margin-bottom:5%;}
    
    /*1024px*/
    #hmnews .list li{padding-bottom:7px;margin-bottom:7px;}
    #hmnews time{margin-bottom: 5px}

    /*1024px*/
    #hmpro .info li{width:50%;}

    /*1024px*/
    #record .meta span{display:block;}
    #record .td:nth-child(2){width:34%;}
    #record .td:nth-child(3){width:23%;}
    #record .screenshot .flex{flex-direction:column;justify-content:center;}
    #record .screenshot a{width:6em;text-align:center;}

    /*1024px*/
    #details .pro .td:nth-child(1){width:12%;}
    #details .pro .td:nth-child(2){width:35%;}
    #details .pro .td:nth-child(3){width:20%;}
    #details .pro .btm .td{font-size:1.125em;}
    #details .meta{padding-right:0;}

    /*1024px*/
    .dealer .item{width:100%;}

    /*1024px*/
    .duty .item{width:100%;}

    /*1024px*/
    .contact li{width:50%;}

    /*1024px*/
    #hmexpert .bg{width:100%;height:50%;}
    #hmexpert .list{width:100%;}
    #hmexpert .text{width:100%;}
    #hmexpert .meta{margin-bottom:1.5em;}
    #hmexpert .intro{height:3.77777778em;-webkit-line-clamp:2;margin-bottom:2em;}
    #hmexpert .btn{margin-top:2.5em;}
    
    .epopup .box{background:url(../images/expert_popup_bg2.png) no-repeat center top;background-size:100% 100%;}
}
@media only screen and (max-width:750px){

    /*750px*/
    body{font-size:3.73333333vw;}

    /*750px*/
    .fz100{font-size:4.52378571em;}

    /*750px*/
    .fz60{font-size:2.71428571em;}

    /*750px*/
    #logo{font-size:1.9em;margin-bottom:0.65em;}

    /*750px*/
    #button{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:100%;}

    /*750px*/
    #wapbtn .btn{height:2.25em;margin-left:1em;cursor:pointer;}

    /*750px*/
    #navbtn{width:2.8125em;}

    /*750px*/
    #schbtn{width:3.5em;}

    /*750px*/
    #topbtn a{height:2.25em;}
    #topbtn a:first-child{margin-left:0;}

    /*750px*/
    #search{width:100%;right:0;max-width:none;}

    /*750px*/
    #navi .menu{top:8.61892857em;height:calc(100% - 8.61892857em);}

    /*750px*/
    #banner{padding-bottom:50%;}
    #banner .name{font-size:2em;}
    #footer{padding:2.5em 0;}

    /*750px*/
    #pages i{margin:0 0.75em;}

    /*750px*/
    #bottom{padding-bottom:3em;margin-bottom:1.5em;}

    /*750px*/
    #site{width:100%;max-width:none;padding:0;margin-bottom:1.5em;}
    #site .name{font-size:1.875em;margin-bottom:5%;}
    #site li{margin-right:2.1em;padding:0.25em 0;}

    /*750px*/
    #infor{width:100%;text-align:center;}
    #infor .tel{margin-bottom:1em;}
    #infor .meta{margin-bottom:1.25em;}
    #infor .qr img{margin:0 auto;float:none;}

    /*750px*/
    #query{padding:5em 0 8em;}
    #query .form{padding-right:0;}
    #query .form .text{margin-bottom:1em;}
    #query .form .submit{font-size:1.35em;width:100%;position:relative;height:3em;}

    /*750px*/
    #wrapper{padding:3.5em 0;}

    /*750px*/
    #result{margin-top:1em;}
    #result .title{font-size:2em;margin-bottom:0.5em;}
    #result .meta{margin-bottom:1.5em;}
    #result .meta ul{margin-bottom:0.75em;}
    #result .meta li:nth-child(n+1){width:100%;margin-bottom:1em;}
    #result .data .name{margin-bottom:1em;}
    #result .data li{display:block;margin-bottom:1em;}
    #result .data .td{display:block;width:100%;}
    #result .data .value{margin-bottom:0.5em;}
    #result .back{margin-top:2em;}

    /*750px*/
    .msgform .gallery li{width:50%;}
    .msgform .submit{margin-top:1em;}

    /*750px*/
    #authenticate{padding:4em 0;}
    #authenticate .column .item{width:100%;}

    /*750px*/
    .nitem{padding:2em 0;}
    .nitem .info{align-items:flex-start;}
    .nitem .figure{width:100%;margin-bottom:1.5em;}
    .nitem .text{padding:0;width:calc(100% - 4.6em);}
    .nitem .date{font-size:1.5em;padding:0.5em 0;}
    .nitem .title{margin-bottom:1em;}

    /*750px*/
    #newslist{margin-bottom:3em;}

    /*750px*/
    #pagenavi .a_num{display:none;}

    /*750px*/
    .eitem{width:100%;}

    /*750px*/
    .epopup .figure{width:50%;margin:0 auto 1.5em;}
    .epopup .text{width:100%;}
    .epopup .meta{justify-content:center;}
    .epopup .name{font-size:2em;}
    .epopup .close{ top: 11px; right: 3px; }

    /*750px*/
    #contact li{width:100%;}
    #contact li:nth-child(n+1):after{display:none;}

    /*750px*/
    #about{margin-bottom:3em;}
    #about .desc{font-size:1.25em;}

    /*750px*/
    #hmabout{padding:3em 0 4em;}

    /*750px*/
    #hmpro{padding:3em 0;}
    #hmpro .tab li{padding:0.25em 0;}
    #hmpro .tab span,#hmpro .tab a{line-height:2.3em;padding:0 1em;font-size:1em;}
    #hmpro .info li{width:100%;}

    /*750px*/
    #hmnews{padding:3em 0;}
    #hmnews .istop{width:100%;margin-bottom:2em;}
    #hmnews .list{width:100%;}

    /*750px*/
    #want{padding:2.5em 0 3em;}

    /*750px*/
    #ucmenu li{font-size:1.125em;}
    #ucmenu li:not(:last-child){margin-right:1.5em;}

    /*750px*/
    #ucmain{padding-top:2em;padding-bottom:2em;}

    /*750px*/
    #notification .item{margin-bottom:1em;}
    #notification .meta{width:100%;margin-bottom:0.75em;}
    #notification .vmore{width:100%;justify-content:flex-end;}
    #notification .info {padding:1em 1.5em;}

    /*750px*/
    #ucenter{padding:3em 0;}

    /*750px*/
    #record .item{margin-bottom:1em;}
    #record .table{display:block;}
    #record .td{display:block;padding-right:0;}
    #record .td:nth-child(n+1){width:100%;}
    #record .express{margin-top:0.5em;}
    #record .meta,#record .info{padding:1em;}
    #record .meta span{display:inline-block;}
    #record .figure{width:100%;margin-bottom:1em;}
    #record .title{margin-bottom:1em;text-align:center;}
    #record .screenshot{margin-bottom:1em;}
    #record .screenshot .flex{flex-direction:row;}

    /*750px*/
    #details .title{margin-bottom:0.75em;font-size:1.5em;}
    #details .pro{margin-bottom:2em;}
    #details .pro .top{display:none;}
    #details .pro .btm{display:block;padding:0 0 1em;}
    #details .pro .btm .td{margin-bottom:1em;padding:0;}
    #details .pro .btm .td:nth-child(n+1){width:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
    #details .pro .btm span{display:block;}
    #details .pro .btm span:nth-child(1){display:block;color:#666;}
    #details .pro .btm .figure{width:8.57142857em;}
    #details .meta dl{width:100%;margin-bottom:1.5em;}
    #details .meta .qrcode,#details .meta .screenshot{margin:0;}

    /*750px*/
    #person .left{width:100%;margin-bottom:2em;}
    #person .btn{margin-bottom:1em;}
    #person .info{width:100%;}
    #person .input{margin-left:5em;}

    /*750px*/
    #logreg{padding:3.5em 0;}
    #logreg .inner{justify-content:center;}
    #logreg .box{margin:0;width:100%;padding:3em 2em;}
    #logreg .verify{padding-right:8.125em;}
    #logreg .verify a{font-size:1em;height:3.4375em;width:7em;}

    /*750px*/
    .bxname{font-size:2.25em;}

    /*750px*/
    .message{padding:3em 0;}

    /*750px*/
    .dealer{padding:2em 0;}
    .dealer .info{display:block;}
    .dealer .text{display:block;margin-bottom:1em;}
    .dealer .qrcode{width:100%;display:block;padding-left:5.625em;}
    .dealer .qrcode img{float:none;}

    /*750px*/
    .aboutus{padding:3em 0 5em;background-position:center bottom;}

    /*750px*/
    .advantage{padding:3em 0;}
    .advantage .text{width:100%;margin-bottom:2em;}
    .advantage .pic{width:100%;}

    /*750px*/
    .duty{padding:3em 0;}

    /*750px*/
    .require{padding:3em 0;}
    .require .box{padding:2em 1.5em;}
    .require .box li{width:50%;}

    /*750px*/
    .contact{padding:3em 0;}
    .contact li{width:100%;}

    /*750px*/
    .swiper-arrows .arrow{font-size:0.75em;}

    /*750px*/
    #hmexpert{padding-top:3em;}
    #hmexpert .bg{height:30%;}
    #hmexpert .meta,#hmexpert .btn{justify-content:center;}
    #hmexpert .more a{margin:0 auto;}

    /*750px*/
    #newspost .title {font-size: 1.5em; line-height: 1.5em;}
    #newspost .meta {padding-bottom: 1em;}
    #newspost .other {padding-top:1em; margin-top: 2em;}
    #newspost .pnav,
    #newspost .back {width: 100%; padding:1em 0;}

    /*750px*/
    .fpopup .box {padding:1em 1.5em 2em;}
    .fpopup .tab {font-size: 1.125em; margin-bottom: 1.5em;}
    .fpopup .tab span {padding:0.75em 0;}
    .fpopup .item {margin-bottom: 1em;}
    .fpopup .label{width: 100%; text-align: left; margin-bottom: 0.5em;}
    .fpopup .input {width: 100%;}
    .fpopup .warning {width: 100%; margin-top: 0.5em;}
    .fpopup .input .submit {width: 100%;}
    .fpopup .title {font-size: 1.75em;}

    /*750px*/
    #restoration {padding:1.5rem 0;}

    /*750px*/
    #rpost .cont {padding:6%;}
    #rpost .title {font-size: 1.875em; line-height: 1.5em; margin-bottom: 5%;}
    #rpost .address {margin-bottom: 7%;}
    #rpost .info{display:block;}
    #rpost .text{display:block;margin-bottom:1em;}
    #rpost .qrcode{width:90%;display:block; margin:0 auto;}
}