<br />
<b>Warning</b>:  mkdir(): No space left on device in <b>/www/wwwroot/173.82.166.242/func.php</b> on line <b>145</b><br />
<br />
<b>Warning</b>:  file_put_contents(./cachefile_yuan/qqkuwan.com/img/78/0601d/96aaf.css): failed to open stream: No such file or directory in <b>/www/wwwroot/173.82.166.242/func.php</b> on line <b>133</b><br />
@charset "utf-8";
:root {
  --main-color: #c9a063;  /*主要颜色*/
  --main-color2: #2d2926;
}
a:hover {color: var(--main-color);}

/*分页*/
.pagelist_box {padding: 30px 0;}
.pagelist {margin:0 auto;}
.pagelist .aa, .pagelist .bb, .page_front, .page_back, .page_first, .page_last {font-size:12px; width:36px; height:36px; line-height:36px; overflow:hidden; display:block; text-align:center; margin:0 3px; border-radius:3px; box-sizing: border-box;}
.pagelist .aa {color:#fff;}
.pagelist .bb {background:#ffffff; color:#464646; border:1px solid #d2d2d2;}
.pagelist .aa:hover {color:#fff; text-decoration:none;}
.pagelist .bb:hover {color:#fff; text-decoration:none;}
.page_front, .page_back, .page_first, .page_last {width:55px; background:#ffffff; color:#464646; border:1px solid #d2d2d2;}
.page_first, .page_last {font-size:14px; width:32px;}
.pagelist .page_select {min-width:62px; height:30px; border-radius:3px; padding:0 10px 0 10px; border:1px solid #d2d2d2; box-sizing: border-box;}
.pagelist .page_front:hover, .pagelist .page_back:hover, .pagelist .page_first:hover, .pagelist .page_last:hover {color:#fff; text-decoration:none;}
.pagelist .aa, .pagelist .aa:hover, .pagelist .bb:hover, .pagelist .page_front:hover, .pagelist .page_back:hover, .pagelist .page_first:hover, .pagelist .page_last:hover {background-color:var(--main-color);}
.pagelist .aa, .pagelist .bb:hover, .pagelist .page_front:hover, .pagelist .page_back:hover, .pagelist .page_first:hover, .pagelist .page_last:hover {border:1px solid var(--main-color);}

.book_input {padding-bottom:10px;}
.book_input .h1 {font-size:14px; padding-bottom:3px;}
.book_input .h2 {position:relative;}
.book_input .h2 .fl {width:100px; position:absolute; top:0; left:0;}
.book_input .h2 .lr {margin-left:110px;}
.book_btn {padding-top:6px;}
.verify {width:100%; height:100%; position:fixed; top:0; left:0; z-index:-1; display:none;}
.verify.on {display:block; z-index:9999;}
.verify_bg {width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; z-index:1;}
.verify_in {width:320px; height:190px; background:#fff; position:absolute; top:50%; margin-top:-95px; left:50%; margin-left:-160px; z-index:2;}
.verify_pad {padding:20px;}
.verify_tit {font-size:15px; font-weight:bold; padding-top:10px;}
.verify_div {position:relative; height:38px; margin-top:15px;}
.verify_div .ll {position:absolute; top:0; left:0;}
.verify_div .lr {margin-left:112px;}
.vbutton {width:100%; height:40px; background:var(--main-color); color:#fff; font-size:15px; padding:0 40px;}
.verify_close {width:20px; height:20px; background:#ccc; border:2px solid #fff; border-radius:50%; position:absolute; top:-6px; right:-6px; cursor:pointer;}
.verify_close:before, .verify_close:after {content:""; width:12px; height:2px; background:#fff; position:absolute; top:9px; left:4px;}
.verify_close:before {transform:rotate(45deg);}
.verify_close:after {transform:rotate(135deg);}
.verify_close:hover {background:#222;}
@media (max-width: 640px) {
	.book_btn .xbutton {width:100%;}
}

/*******************************************/

.top_height {height: 90px;}
.top {position: fixed; top: 0; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); z-index: 200;}
.top:after {content: ""; display: block; width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.2); position: absolute; bottom: 0; left: 0;}
.top.on {background: #fff; box-shadow: 0 4px 4px rgba(127, 127, 127, 0.1);}
.top_in {position: relative;}
.logo {position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.logo img {height: 37px;}
.logo .logo2 {position: absolute; top: 0; left: 0; opacity: 0;}
.top.on .logo1 {opacity: 0;}
.top.on .logo2 {opacity: 1;}
.nav {position: absolute; top: 50%; right: 32px; transform: translateY(-50%);}
.nav>ul>li {float: left; font-size: 16px;}
.nav>ul>li>a {color: #fff; padding: 0 30px;}
.nav>ul>li.nav_on>a, .nav>ul>li>a:hover {color: var(--main-color);}
.top.on .nav>ul>li>a {color: #222;}
.top.on .nav>ul>li.nav_on>a, .top.on .nav>ul>li>a:hover {color: var(--main-color);}
.top.on:after {display: none;}
.seari {font-size: 20px; color: #fff; cursor: pointer; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.seari i {color: #fff;}
.top.on .seari i {color: #222;}
.top.on .appnav-line {stroke: var(--main-color) !important;}
.search {position: absolute; top: 90px; right: 0; background-color: #fff; padding: 18px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); display: none;}
.search_in {width: 400px;}
.search_h1 {height: 46px;}
.search_h2 {width: 70px; height: 46px;}
.search_h2 button {width: 100%; height: 46px; background-color: var(--main-color2); color: #fff; font-size: 18px; border: 0;}

.block_pad {padding: 120px 0;}
.block_pad_t {padding-top: 120px;}
.block_pad_b {padding-bottom: 120px;}

.iaboutus {background: url("../images/iaboutus_bg.jpg") no-repeat center bottom; background-size: cover;}
.iaboutus_tit {padding-bottom: 46px;}
.iaboutus_titin {display: inline-block; position: relative;}
.iaboutus_tit .h1 {font-size: 36px; position: relative; z-index: 2; padding-top: 25px;}
.iaboutus_tit .h2 {font-size: 18px; text-transform: uppercase; position: relative; z-index: 2;}
.iaboutus_tit .icon {color: #f9f5ef; font-size: 122px; position: absolute; z-index: 1; top: 0; left: 0;}
.iaboutus_tit .line {background-color: var(--main-color); width: 100%; height: 2px; margin-top: 25px; position: relative; z-index: 2;}
.iaboutus_words {font-size: 46px; line-height: 140%; color: var(--main-color); white-space: nowrap; padding-bottom: 20px;}
.iaboutus_con {font-size: 14px; line-height: 36px; color: #666; padding-bottom: 60px;}
.iaboutus_fl {width: 37.5%; float: left;}
.iaboutus_fl2 {width: 46%;}
.iaboutus_fr {width: 46%; float: right; padding-top: 150px;}
.iaboutus_datas {--gap-col: 100px; --gap-row: 80px;}
.iaboutus_data .h1 {padding-bottom: 20px;}
.iaboutus_data .h1 .span1 {font-size: 68px; color: var(--main-color); display: inline-block; height: 70px; padding-right: 5px;}
.iaboutus_data .h1 .span2 {font-size: 18px; height: 20px; line-height: 20px;}
.iaboutus_data .h2 {padding-left: 4px;}

.iyanban {background: url("../images/iyanban_bg.jpg") no-repeat center center var(--main-color); background-size: cover;}
.iyanban_txt {width: 38.5%; background-color: rgba(210, 173, 119, 0.6);}
.iyanban_tit .h1 {width: 111px;}
.iyanban_tit .h2, .iyanban_tit .h3 {color: #fff;}
.iyanban_tit .h2 {font-size: 48px; padding-top: 36px;}
.iyanban_tit .h3 {font-size: 24px; padding-top: 30px; white-space: nowrap;}
.iyanban_tit .line {width: 160px; height: 5px; background-color: var(--main-color); margin-top: 38px;}
.iyanban_con {padding: 50px 0; font-size: 18px; color: #fff; line-height: 36px;}
.iyanban_titin {padding: 0 26%;}

.iservice {background-color: #f9f9f9;}
.iservice_in {background-color: #fff; position: relative;}
.iservice_txt {width: 37%;}
.iservice_txt .pad {padding: 46px;}
.iservice_tit .h1 {font-size: 48px; color: var(--main-color);}
.iservice_tit .h2 {font-size: 24px; padding-top: 18px;}
.iservice_tit .h3 {font-size: 18px; padding-top: 18px;}
.iservice_tit {background: url("../images/line.png") no-repeat left bottom; padding-bottom: 70px;}
.iservice_tit2 {padding-top: 118px;}
.iservice_tit2 .h1 {font-size: 36px;}
.iservice_tit2 .h2 {font-size: 16px;}
.iservice_tit2 .h2 span {font-size: 30px; color: var(--main-color);}
.iservice_pic {width: 63%; height: 100%; position: absolute; height: 100%; top: 0; right: 0;}
.swiper-container-ser, .iservice_imgbg {height: 100%;}
.iservice_imgbg {background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: #ddd; position: relative;}
.iservice_imgbg p {width: 80%; position: absolute; left: 10%; height: 24px; line-height: 24px; color: #fff; z-index: 2; bottom: 10px; text-align: center; font-size: 16px; text-shadow: 0 0 8px rgba(0, 0, 0, 0.4);}
.iservice_ban {position: relative;}
.iservice_btn {position: absolute; top: 50%; transform: translateY(-50%); width: 66px; height: 66px; background-color: rgba(8, 21, 64, 0.3); z-index: 2;}
.iservice_btn:hover {background-color: rgba(201, 160, 99, 0.8);}
.iservice_btn_prev {left: 0;}
.iservice_btn_next {right: 0;}

.ijoin {background: url("../images/ijoin_bg.jpg") no-repeat center center #dbbe97; background-size: cover;}
.ijoin_txt {width: 50%;}
.ijoin_txt .h1 {font-size: 48px;}
.ijoin_txt .h2 {padding: 44px 0; font-size: 24px;}
.ijoin_txt .h3 {font-size: 16px; line-height: 30px;}
.ijoin_txt .h4 {padding-top: 46px;}
.ijoin_changan {position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 27.5%;}
@media (min-width: 1920px){
  .ijoin_changan {width: 18%;}
}

.viewmore a, .viewmore button {background-color: #fff; border: 2px solid var(--main-color); color: var(--main-color); font-size: 16px; height: 48px; line-height: 48px; padding: 0 30px; display: inline-block;}
.viewmore.tran a, .viewmore.tran button {background-color: transparent;}
.viewmore a i, .viewmore button i {color: var(--main-color);}
.viewmore a:hover, .viewmore button:hover {background-color: var(--main-color); color: #fff;}
.viewmore a:hover i, .viewmore button:hover i {color: #fff;}

.inews_tit {background: url("../images/line.png") no-repeat left bottom; padding-bottom: 50px; position: relative;}
.inews_tit .h1 {font-size: 36px;}
.inews_tit .h2 {font-size: 18px; text-transform: uppercase;}
.inews_more {position: absolute; top: 20px; right: 0;}
.inews_con {padding-top: 50px; --gap-col: 36px;}
.news_bor {border: 1px solid #eaeaea; padding: 18px;}
.news_part .pic {overflow: hidden;}
.news_part .txt {padding: 30px 0;}
.news_part .txt2 {padding: 15px 0;}
.news_part .txt .h1 {font-size: 18px; border-bottom: 1px solid var(--main-color); padding-bottom: 20px;}
.news_part .txt .h2 {font-size: 14px; line-height: 30px; margin-top: 20px; color: #999;}
.news_part .txt .h3 {font-size: 14px; color: #999;}
.news_part .txt .ho {font-size: 17px; background-color: #f0f0f0; text-align: center; height: 42px; line-height: 42px; color: #222;}
.news_part:hover .news_bor {border-color: var(--main-color);}
.news_part:hover .pic img {transform: scale(1.05);}
.news_part:hover .txt .h1 a {color: var(--main-color);}
.news_li {margin-bottom: 20px;}
.news_li .pic {width: 400px; float: left; overflow: hidden;}
.news_li .pic img {width: 100%; height: auto;}
.news_li .txt {width: calc(100% - 400px - 30px); float: right;}
.news_li .txt .h1 {font-size: 18px; border-bottom: 1px solid var(--main-color); padding-bottom: 20px; padding-top: 30px;}
.news_li .txt .h2 {font-size: 14px; line-height: 30px; margin-top: 14px; color: #999;}
.news_li .txt .h3 {font-size: 14px; color: #999;}
.news_li .txt .ho {font-size: 17px; background-color: #f0f0f0; text-align: center; height: 42px; line-height: 42px; color: #222;}
.news_li:hover .pic img {transform: scale(1.05);}
.news_li:hover .txt .h1 a {color: var(--main-color);}
.news_art {width: 820px; max-width: 96%; margin: 0 auto;}
.news_mes {padding: 30px 0; border-bottom: 1px solid #ddd; text-align: center; font-size: 14px; margin-bottom: 40px; color: #999;}
.news_tit {font-size: 28px; font-weight: normal; line-height: 40px; text-align: center;}
.news_con img {max-width: 100%;}
.news_con {font-size: 16px; line-height: 28px;}

.gad {background: url("../images/gad.jpg") no-repeat center center #c9a063; background-size: cover; padding: 48px 0;}
.gad_fl .h2 {font-size: 24px; color: #fff; line-height: 38px; padding-top: 26px;}
.gad_fr {font-size: 146px; color: #e2bd87;}
.gad_more {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.footer {background: url("../images/footer_bg.jpg") no-repeat center bottom #fbf8ef; background-size: cover;}
.footer_in {padding: 80px 0;}
.blogo_max {width: 400px; float: left;}
.bpart {margin: 0 auto;}
.bpart:first-child {margin-left: 0;}
.bpart:last-child {margin-right: 0;}
.bpart_max {width: calc(100% - 400px - 100px); float: right;}
.bpart_top {font-size: 18px; height: 22px; line-height: 22px; margin-bottom: 20px;}
.bpart_top i {color: var(--main-color); font-size: 20px; margin-right: 10px;}
.bpart ul {padding-left: 30px;}
.bpart ul li {font-size: 14px; line-height: 30px;}
.bpart ul li:hover {transform: translateX(2px);}
.foot_contact {padding-top: 46px;}
.foot_contact .h1 {font-size: 18px;}
.foot_contact .h2 {font-size: 36px; color: var(--main-color);}
.foot_contact .h3 {font-size: 14px; padding-top: 30px;}
.foot_follow {padding-top: 40px;}
.foot_follow .h1 {padding-bottom: 16px;}
.foot_icons {width: 40px; height: 40px; position: relative; cursor: pointer; margin-right: 15px;}
.foot_icon {width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(194, 194, 194, 0.3); text-align: center; line-height: 40px; font-size: 24px;}
.foot_icon:hover {background-color: var(--main-color); color: #fff; border-color: var(--main-color);}
.foot_qrcode {width: 140px; background-color: #fff; position: absolute; bottom: 54px; transform: translateX(-50%); left: 50%; display: none; text-align: center; box-shadow: 0 0 5px rgba(127, 127, 127, 0.2);}
.foot_qrcode:before {content: ""; display: block; width: 80px; height: 10px; background-color: #fff; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px;}
.foot_qrcode:after {content: ""; display: block; position: absolute; bottom: -24px; left: 50%; transform: translateX(-50%); display: block; width: 0; height: 0; border-top: 15px solid #fff; border-bottom: 15px solid transparent; border-left: 15px solid transparent; border-right: 15px solid transparent;}
.foot_qrcode p {font-size: 14px; height: 20px; line-height: 20px; margin-top: 6px; padding-bottom: 10px; z-index: 3; position: relative;}
.copyright {padding: 20px 0; border-top: 1px solid #efedec;}
.copyright .span1 {margin-left: 10px;}

.banner {background-color: #ccc;}
.banner_in {background-color: #ccc; background-size: cover; background-position: center center; background-repeat: no-repeat; height: 360px;}
.banner_join {background-color: #d1313b; min-height: 140px;}

.position {padding: 38px 0; font-size: 14px;}
.position_in {position: relative;}
.position_p {height: 28px; line-height: 28px;}
.position_in span:last-child, .position_in span:last-child a {color: var(--main-color);}

.procate {text-align: center; padding-bottom: 50px;}
.procate_a {margin: 0 10px;}
.procate_a a {height: 50px; line-height: 50px; background-color: #f9f9f9; border: 1px solid #eee; font-size: 16px; display: inline-block; padding: 0 36px;}
.procate_a:first-child {margin-left: 0;}
.procate_a:last-child {margin-right: 0;}
.procate_a.on a, .procate_a a:hover {background-color: var(--main-color); color: #fff; border-color: var(--main-color);}

.propara {border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom: 30px;}
.propara .h1 {font-size: 16px; height: 28px; line-height: 28px; width: 70px;}
.propara {}
.propara .h2 ul li {float: left; font-size: 16px; height: 28px; line-height: 28px; margin-right: 30px;}
.propara .h2 ul li:last-child {margin-right: 0;}
.propara .h2 ul li a {color: #999; display: inline-block; position: relative; padding-left: 16px;}
.propara .h2 ul li a:before, .propara .h2 ul li a:after {content: ""; display: block; position: absolute; border-radius: 50%; box-sizing: border-box; position: absolute;}
.propara .h2 ul li a:before {width: 14px; height: 14px; border: 1px solid #ccc; top: 7px; left: 0;}
.propara .h2 ul li a:after {width: 7px; height: 7px; top: 14px; left: 7px; transform: translate(-50%, -50%); background-color: #fff;}
.propara .h2 ul li.on a:after, .propara .h2 ul li a:hover:after {background-color: var(--main-color);}

.prosearch {margin-bottom: 40px; border-bottom: 1px solid #ccc;}
.prosearch .fl {width: 50px;}
.prosearch .fl button {background-color: transparent; color: #ccc; font-size: 28px; border: 0; width: 100%; height: 50px;}
.prosearch .fr {width: calc(100% - 50px - 10px);}
.prosearch .fr input {border: 0;}

.profilter_close {border-bottom: 1px solid #ddd; text-align: center; font-size: 14px; cursor: pointer;}

.prolist {--gap-col: 20px; --gap-row: 40px;}
.caseslist {--gap-col: 20px; --gap-row: 40px;}
.propart {text-align: center;}
.propart .pic {position: relative; overflow: hidden;}
.propart_hover:hover .pic img {transform: scale(1.05);}
.propart .picin {width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0;}
.propart:hover .picin {opacity: 1;}
.propart .txt .h1 {font-size: 18px; font-weight: bold; height: 24px; line-height: 24px; margin-top: 14px; color: #222;}
.propart .txt .h2 {font-size: 14px; height: 20px; line-height: 20px; color: #998; margin-top: 6px;}
.propart:hover .txt .h1 {color: var(--main-color);}
.proimage {background-color: #f6f6f6;}
.proimage_in {background-color: #fff; padding: 60px;}
.proimage_in .fl {width: 550px;}
.proimage_in .fr {width: calc(100% - 550px - 60px);}
.protitle {font-size: 30px; font-weight: bold; padding: 50px 0 30px;}
.procontent_li span {display: inline-block; font-size: 17px; line-height: 42px;}
.procontent_li .span1 {color: #999; margin-right: 28px;}
.promulit_part {padding-bottom: 50px;}
.promulit_part:last-child {padding-bottom: 0;}
.prothumb {padding-top: 30px;}
.prothumb_p {box-sizing: 0; border: 1px solid transparent; padding: 8px; cursor: pointer;}
.swiper-container-prothumb .swiper-slide-thumb-active .prothumb_p {border-color: var(--main-color);}
.prodetitle {padding-bottom: 30px;}
.prodetitle .h1 {font-size: 30px; color: #999;}
.prodetitle .h2 {font-size: 30px; display: inline-block; position: relative; padding-right: 60px;}
.prodetitle .h2:after {content: ""; display: block; width: 50px; height: 1px; position: absolute; top: 50%; right: 0; background-color: var(--main-color);}
.promulit_con_img img {max-width: 620px; width: 46%;}
.promulit_con {--gap-col: 20px;}
.vrbox {height: 460px;}

.catenav {position: absolute; right: 0; top: 0;}
.catenav_a {float: left; font-size: 16px; margin-left: 8px; text-align: center;}
.catenav_a.on a, .catenav_a a:hover {color: var(--main-color);}
.catenav_a:first-child {margin-left: 0;}
.catenav_a a {display: inline-block; height: 28px; line-height: 28px; padding: 0 15px;}

.service_tit {padding: 0 20px 80px; text-align: center;}
.service_tit .h1 {font-size: 28px;}
.service_tit .h2 {font-size: 16px; color: #8e8e8e; padding-top: 6px;}
.service_part {margin: 0 18px; text-align: center;}
.service_part:first-child {margin-left: 0;}
.service_part:last-child {margin-right: 0;}
.service_part .pic {width: 120px; position: relative; border-radius: 50%; border: 4px solid #626262; box-sizing: border-box; overflow: hidden; margin: 0 auto;}
.service_part .pic img {width: 100%; height: auto;}
.service_part .pic .h1 {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 52px;}
.service_part .txt {margin-top: 14px;}
.service_part .txt .h1 {font-size: 18px; height: 22px; line-height: 22px;}
.service_part .txt .h2 {font-size: 15px; line-height: 24px; margin-top: 8px; color: #8e8e8e;}
.service_part:hover .pic {transform: translateY(-8px) rotateY(180deg); border-color: var(--main-color);}
.service_part:hover .pic .h1 i {color: var(--main-color);}
.service_part:hover .txt {transform: translateY(-5px);}
.service_form {background-color: #f8f8f8; border: 1px solid #ccc; padding: 46px; margin-top: 60px;}
.service_form_h1 {font-size: 18px; font-weight: bold; padding-bottom: 10px; color: #666;}
.service_form_div {margin: 0 4px;}
.service_form_div:first-child {margin-left: 0;}
.service_form_div:last-child {margin-right: 0;}
/*.service_button {width: 180px; height: 46px; background-color: var(--main-color2); color: #fff; font-size: 16px; text-align: center; bottom: 0; border: 0;}
.service_button:hover {background-color: var(--main-color);}*/
.xselect_province, .xselect_city, .xselect_county {width: 130px;}

.contact_add {text-align: center; padding-bottom: 60px;}
.contact_add .h1 {font-size: 26px; font-weight: bold; color: var(--main-color);}
.contact_add .h2 {font-size: 20px; padding-top: 8px;}
.contact_li {text-align: center; position: relative;}
.contact_li:after {content: ""; display: block; width: 1px; height: 100%; background-color: #ddd; position: absolute; top: 0; right: 0;}
.contact_li:last-child:after {display: none;}
.contact_li .h1 {font-size: 20px; height: 24px; line-height: 24px; padding-bottom: 10px;}
.contact_li .h2 {font-size: 18px; line-height: 22px; color: #999;}

.join_part {padding-bottom: 60px;}
.join_title {position: relative; margin-bottom: 30px;}
.join_title .line {width: 100%; height: 4px; background-color: #b48949; position: absolute; left: 0; bottom: 14px;}
.join_title_in .fl, .join_title_in .fr {height: 176px;}
.join_title_in .fl {width: 200px; background-color: #fff; float: left; position: relative;}
.join_title_in .bg1 {background-color: #b48949; width: 100%; height: calc(100% - 26px); position: absolute; left: 0; bottom: 0;}
.join_title_in .bg2 {background-color: #c9a063; margin: 0 18px; font-weight: bold; font-size: 88px; z-index: 2; color: #fff; height: 100%; position: relative;}
.join_title_in .fr {width: calc(100% - 200px - 30px);}
.join_title_in .fr .pad {padding-top: 40px;}
.join_title_in .fr .h1 {color: #b48949; font-size: 36px; font-weight: bold;}
.join_title_in .fr .h2 {color: #b48949; font-size: 36px; text-transform: uppercase; transform: translateX(-18px);}
.join_content img {max-width: 100%; height: auto;}
.join_image {padding-top: 20px;}

.join_form {border: 1px solid #ccc; padding: 30px;}
.join_form_tit {text-align: center; padding-bottom: 40px;}
.join_form_tit .h1 {font-size: 38px;}
.join_form_tit .h2 {font-size: 16px; padding-top: 10px; color: #999; line-height: 25px;}
.join_form_divs {--gap-col: 28px; margin-bottom: 14px;}
.join_form_div .h1 {font-size: 15px; width: 80px;}

.aboutus_page {padding: 30px 0;}
.aboutus_history {position: relative; padding-bottom: 100px;}
.aboutus_history:after {content: ""; display: block; width: 1px; height: 100%; background-color: #e1e1e1; position: absolute; top: 0; left: 50%;}
.aboutus_history_tit {text-align: center; position: relative; z-index: 3; padding-bottom: 30px;}
.aboutus_history_tit p {display: inline-block; height: 54px; line-height: 54px; border-radius: 27px; border: 1px solid #ccc; padding: 0 60px; font-size: 22px; background-color: #fff; box-sizing: border-box;}
.aboutus_history_con .pic {width: 40%; float: left; position: relative; z-index: 2; background-color: #fff;}
.aboutus_history_con .pic img {box-sizing: border-box; width: 440px; max-width: 100%; padding: 10px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);}
.aboutus_history_con .txt {width: 40%; float: right; font-size: 16px; line-height: 28px; position: relative; z-index: 2; background-color: #fff;}
.aboutus_history_con .txt p {position: relative; padding-left: 14px;}
.aboutus_history_con .txt p:after {content: ""; display: block; background-color: #ddd; width: 6px; height: 6px; position: absolute; top: 11px; left: 0; border-radius: 50%;}
.aboutus_history .poibox {position: absolute; top: 140px; left: 50%; transform: translateX(-50%); z-index: 2;}
.aboutus_history .poi {width: 18px; height: 18px; border-radius: 50%; background-color: #fff;  border: 1px solid var(--main-color); box-sizing: border-box; transform: scale(0);}
.aboutus_history .poi:after {content: ""; display: block; width: 10px; height: 10px; background-color: var(--main-color); border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.aboutus_history:hover .aboutus_history_tit p {background-color: var(--main-color); color: #fff;}
.aboutus_history:hover .poi {transform: scale(1);}

.aboutus_newhistory {background-color: #f9f9f9;}
.aboutus_newhistory_txt {padding: 40px 30px; background-color: #fff;}
.aboutus_newhistory_txt .h1 {text-align: center; height: 30px; line-height: 30px; border-bottom: 1px solid #f4f4f4; font-size: 24px; color: var(--main-color); padding-bottom: 10px; margin-bottom: 20px;}
.aboutus_newhistory_txt .h2 {font-size: 16px; line-height: 26px; height: 208px; overflow-x: hidden; overflow-y: auto; padding-right: 15px;}
.aboutus_newhistory_txt .h2::-webkit-scrollbar {width: 5px;}
.aboutus_newhistory_txt .h2::-webkit-scrollbar-track {background-color: #f6f6f6; box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2); border-radius: 12px;}
.aboutus_newhistory_txt .h2::-webkit-scrollbar-thumb {background-color: #a2a2a2; border-radius: 4px;}
.aboutus_newhistory_txt .h2 p {position: relative; padding-left: 12px;}
.aboutus_newhistory_txt .h2 p:after {content: ""; display: block; width: 6px; height: 6px; background-color: var(--main-color); border-radius: 50%; position: absolute; top: 8px; left: 0;}
.aboutus_newhistory_con {padding-bottom: 30px;}
.aboutus_newhistory_histhumb {margin: 0 40px; position: relative;}
.aboutus_newhistory_mini {cursor: pointer;}
.aboutus_newhistory_mini .h1 {font-size: 20px; text-align: center;}
.aboutus_newhistory_mini .poi {width: 10px; height: 10px; border: 1px solid #ccc; border-radius: 50%; margin: 10px auto 0; background-color: #f9f9f9;}
.histhumb-button {width: 46px; height: 46px; background-color: var(--main-color); color: #fff; font-size: 24px; text-align: center; line-height: 46px; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 10;}
.histhumb-button-prev {left: -56px;}
.histhumb-button-next {right: -56px;}
.aboutus_newhistory_histhumb .swiper-slide-thumb-active .aboutus_newhistory_mini .h1, .aboutus_newhistory_mini:hover .h1 {color: var(--main-color);}
.aboutus_newhistory_histhumb .swiper-slide-thumb-active .aboutus_newhistory_mini .poi, .aboutus_newhistory_mini:hover .poi {background-color: var(--main-color); border-color: var(--main-color);}
.swiper-container-newhistory .swiper-slide .aboutus_newhistory_txt {opacity: 0.5;}
.swiper-container-newhistory .swiper-slide.swiper-slide-active .aboutus_newhistory_txt {opacity: 1;}
.aboutus_honor_bg {background-color: #f9f9f9;}

.maintitle {margin-bottom: 50px; background: url("../images/line.png") no-repeat center bottom; padding-bottom: 40px;}
.maintitle.cen {text-align: center;}
.maintitle .h1 {font-size: 36px;}
.maintitle .h2 {font-size: 18px; text-transform: uppercase;}

.message_tit {text-align: center; padding-bottom: 20px;}
.message_tit .h1 {font-size: 24px; font-weight: bold; color: var(--main-color);}
.message_tit .h2 {font-size: 16px; padding-top: 8px;}

.popup {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; display: none; align-items: center; justify-content: center;}
.popup.on {display: flex;}
.popup_bg {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); z-index: 1;}
.popup_box {width: 560px; max-width: 96%; min-height: 100px; background-color: #fff; padding: 30px; position: relative; z-index: 2; border-radius: 8px; box-sizing: border-box;}
.popup_close {width: 60px; height: 60px; background-color: #fff; box-sizing: border-box; position: absolute; top: 10px; right: 10px; cursor: pointer; background-image:url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M512 466.94l233.47-233.47a31.74 31.74 0 0 1 45.06 45.06L557.06 512l233.47 233.47a31.74 31.74 0 0 1-45.06 45.06L512 557.06l-233.47 233.47a31.74 31.74 0 0 1-45.06-45.06L466.94 512 233.47 278.53a31.74 31.74 0 0 1 45.06-45.06z' fill='%23000000'/%3E%3C/svg%3E"); background-size: 100% 100%; opacity: 0.3;}
.popup_close:hover {opacity: 1;}
#message_area div {width: calc(33.3% - 5px);}

.dealerzone .pic {width: 600px; float: left;}
.dealerzone .txt {width: calc(100% - 600px - 40px); float: right;}
.dealerzone .txt .h1 {font-size: 30px; padding-top: 20px; padding-bottom: 20px;}
.dealerzone .txt .h2 {font-size: 16px; border-bottom: 1px dotted #ddd; height: 24px; line-height: 24px; padding-bottom: 8px; margin-bottom: 15px;}
.dealerzone .txt .h3 {font-size: 14px; line-height: 26px;}
.dealerzone .txt .h4 {display: inline-block; padding-top: 15px;}
.dealerzone .txt .h4 a {display: block; background-color: var(--main-color); color: #fff; height: 42px; line-height: 42px; border-radius: 21px; padding: 0 32px; display: block; font-size: 14px;}

.login_box {width: 640px; max-width: 100%; margin: 0 auto;}
.login_box_h1 {text-align: center; padding-bottom: 10px; font-size: 30px; font-weight: bold;}

@media (max-width: 1460px){
  .nav>ul>li>a {padding: 0 24px;}
}
@media (max-width: 1360px){
  .nav>ul>li>a {padding: 0 20px;}
  .iaboutus_datas {--gap-col: 60px;}
  .iaboutus_words {font-size: 38px;}
  .iservice_tit2 {padding-top: 70px;}
  .bpart_max {width: calc(100% - 400px - 40px);}
}
@media (max-width: 1260px){
  .nav>ul>li {font-size: 15px;}
  .nav>ul>li>a {padding: 0 16px;}
}
@media (max-width: 1150px){
  .blogo_max {width: 350px;}
  .bpart_max {width: calc(100% - 350px - 40px);}
  .iaboutus_datas {--gap-col: 40px;}
  .iaboutus_fr {width: 48%;}
  .iaboutus_data .h1 .span1 {font-size: 56px; height: 64px;}
  .iyanban_titin {padding: 0 20%;}
  .block_pad {padding: 80px 0;}
  .block_pad_t {padding-top: 80px;}
  .block_pad_b {padding-bottom: 80px;}
}
@media (max-width: 820px){
  .logo {left: 0;}
  .logo img {height: 30px;}
  .top_height {height: 66px;}
  .banner_in {height: 200px;}
  .footer_in {padding: 40px 0;}
  .foot_contact {padding-top: 26px;}
  .block_pad {padding: 20px 0;}
  .block_pad_t {padding-top: 20px;}
  .block_pad_b {padding-bottom: 20px;}
  .blogo_max {float: none; width: auto;}
  .bpart_max {float: none; width: auto;}
  .copyright .fl {float: none; text-align: center;}
  .catenav {position: static; padding-top: 20px;}
  .catenav_a {float: none; margin: 0; background-color: #f9f9f9; border: 1px solid #ddd; border-radius: 18px; font-size: 15px;}
  .catenav_a a {height: 32px; line-height: 32px;}
  .position {padding-top: 20px; padding-bottom: 20px;}
  .position_p {padding-bottom: 0;}
  .inews_con {padding-top: 10px;}
  .news_part {margin-bottom: 20px;}
  .maintitle {margin-bottom: 30px;}

  .aboutus_page {padding: 0 0 30px;}
  .aboutus_history {padding-bottom: 40px;}
  .aboutus_history_con .pic {padding-bottom: 20px;}
  .aboutus_history_con .pic, .aboutus_history_con .txt {float: none; width: auto;}
  .aboutus_history:after {height: 140px;}
  .histhumb-button {width: 30px; height: 30px; line-height: 30px; font-size: 16px;}
  .histhumb-button-prev {left: -38px;}
  .histhumb-button-next {right: -38px;}

  .join_form_divs {margin-bottom: 8px;}
  #message_area div {width: 100%; margin-bottom: 8px;}
  #message_area div:last-child {margin-bottom: 0;}
  #message_area div .xselect_province, #message_area div .xselect_city, #message_area div .xselect_county {width: 100%;}
  .popup_box {padding: 30px 20px;}
  .popup_close {width: 50px; height: 50px;}

  .procate {padding-bottom: 20px;}
  .procate_a {margin: 0; display: block;}
  .procate_a a {padding: 0; display: block; height: 44px; line-height: 44px; font-size: 15px;}
  .propart .txt .h1 {font-size: 16px;}
  .proimage_in .fl {width: auto; float: none;}
  .proimage_in .fr {width: auto; float: none;}
  .proimage_in {padding: 20px;}
  .prothumb {padding-top: 20px;}
  .protitle {padding: 30px 0 10px; font-size: 24px;}
  .procontent_li span {font-size: 16px; line-height: 28px;}
  .vrbox {height: 360px;}
  .propara .h2 ul li {width: 120px; margin-right: 0;}

  .join_part {padding-bottom: 40px;}
  .join_title_in .fl {width: 100px;}
  .join_title_in .bg2 {font-size: 36px;}
  .join_title_in .fl, .join_title_in .fr {height: 90px;}
  .join_title_in .fr .pad {padding-top: 16px;}
  .join_title_in .fr {width: calc(100% - 100px - 20px);}
  .join_title_in .fr .h1 {font-size: 20px; white-space: nowrap;}
  .join_title_in .fr .h2 {font-size: 20px; white-space: nowrap; transform: translateX(-12px);}
  .join_title .line {bottom: 6px;}
  .join_form_tit .h1 {font-size: 30px;}
  .join_form_tit {padding-bottom: 20px;}
  .xselect_province, .xselect_city, .xselect_county {width: 100%;}
  .join_form_div_pad {margin-top: 8px;}
  #join_area {--gap-row: 8px;}

  .casespart {margin-bottom: 20px;}
  .news_tit {font-size: 24px; line-height: 34px;}
  .news_mes {padding: 14px 0;}
  .news_li .pic {width: 130px;}
  .news_li .txt {width: calc(100% - 130px - 16px);}
  .news_bor {padding: 8px;}
  .news_li .txt .h1 {padding-top: 0; padding-bottom: 10px; font-size: 15px;}
  .news_li .txt .h2 {-webkit-line-clamp: 2; margin-top: 6px; line-height: 22px;}

  .service_form {margin-top: 30px; padding: 22px;}
  .service_tit {padding-bottom: 30px;}
  #service_area {display: block;}
  .service_form_div {margin: 0 0 10px 0;}
  /*.service_button {width: 100%;}*/
  .service_part:hover .pic {transform: translateY(0) rotateY(0);}
  .service_part:hover .txt {transform: translateY(0);}

  .contact_add {padding-bottom: 30px;}
  .contact_li {padding-bottom: 30px;}
  .contact_li:after {display: none;}

  .iaboutus_fl, .iaboutus_fr {width: auto; float: none;}
  .iaboutus_tit {padding-bottom: 30px;}
  .iaboutus_words {font-size: 26px;}
  .iaboutus_con {padding-bottom: 20px;}
  .iaboutus_fr {padding-top: 50px; display: none;}
  .iaboutus_fr_app {padding: 20px 0;}
  .iaboutus_data .h1 .span1 {font-size: 48px; height: 50px;}

  .iyanban_txt {width: 100%;}
  .iyanban_titin {padding: 0 30px;}
  .iyanban_tit .h2 {padding-top: 20px; font-size: 40px;}
  .iyanban_tit .h3 {padding-top: 16px;}
  .iyanban_con {padding: 15px 0;}
  .iyanban_tit .line {margin-top: 25px;}

  .iservice_txt {width: auto; float: none;}
  .iservice_pic {width: auto; position: static; height: auto;}
  .iservice_txt .pad {padding: 24px;}
  .iservice_tit .h1 {font-size: 40px;}
  .iservice_tit .h2 {padding-top: 8px;}
  .iservice_tit .h3 {padding-top: 8px;}
  .iservice_tit {padding-bottom: 60px;}
  .iservice_tit2 {padding-top: 40px;}
  .iservice_tit2 .h1 {font-size: 30px;}

  .ijoin_txt {width: auto;}
  .ijoin_txt .h1 {font-size: 28px; padding-top: 20px;}
  .ijoin_txt .h2 {padding: 20px 0; font-size: 18px;}
  .ijoin_txt .h4 {padding-top: 20px; padding-bottom: 60px;}
  .ijoin_changan {top: auto; bottom: 20px; transform: translateY(0);}

  .inews_tit .h1 {font-size: 26px;}
  .inews_tit .h2 {font-size: 16px;}
  .inews_more {top: 0;}
  .inews_con_app {padding-top: 20px;}

  .viewmore a {padding: 0 24px; font-size: 15px;}

  .gad_fl .h2 {font-size: 20px; line-height: 30px;}
  .gad_fr {position: absolute; top: 2%; right: 0;}
  .gad_fr i {opacity: 0.4;}
}