*{ margin: 0; padding: 0; font-family: "Microsoft YaHei"; color: #0f0b0c; box-sizing: border-box;}
img{ border: 0; -ms-interpolation-mode: bicubic;}
a,p,span,h1,i{ text-decoration: none; margin: 0;}
li,ul{ list-style: none;}
input,button{ border: none; outline: none; background: none; margin: 0;}
img,div{ border: none; outline: none;}
a,button{cursor: pointer;}
a,li,button{cursor: pointer;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-user-select: none;
-moz-user-focus: none;
-moz-user-select: none;}
@font-face {
    font-family : Montserratb;
    src : url(../font/Montserrat-Bold.otf);
}
@font-face {
    font-family : Montserratr;
    src : url(../font/Montserrat-Regular.otf);
}
@font-face {
    font-family : Montserrats;
    src : url(../font/Montserrat-SemiBold.otf);
}
@font-face {
    font-family : DINCondb;
    src : url(../font/DINCond-BoldAlternate.otf);
}


.header{ position: fixed; width: 100%; top: 0; left: 0; z-index: 999; padding: 0 5%; text-align: center; transition: all 0.5s;}
.header .header_logo{ float: left; overflow: hidden;}
.header_logo img{ float: left;}
.header_pc{ display: inline-block;}
.header_pc ul::after{ content:''; display:block; width: 0; height:0; clear:both; visibility:hidden;}
.header_pc .header_topic{ float: left; cursor: pointer; position: relative;}
.header_word01{ transition: all 0.3s; background-size: 100% 0; position: relative;}
.header_word01 a{ color: #fff; display: inline-block;}
.white .header_word01 a{ color: #000; display: inline-block;}
.white .header_word01 a:hover{color:#ea7737;}
.header_word01 span{ display: block; width: 70%; height: 3px; background: #ffd800; position: absolute; left: 15%; bottom: 2px; z-index: 999; transition: all 0.3s; transform: scaleX(0);}
.header_word01 section{ position: absolute; top: 10px; right: -40%; z-index: 9; padding: 1px 2px 6px; font-size: 0.625em; color: #000; background: url(../img/icon_bg01.png) center no-repeat; background-size: 100% 100%;}
.header_word02{ position: absolute; left: 50%; z-index: 99999; padding: 10px 15px; min-width: 130%; box-shadow: 0 1px 5px #e1e1e1;
background: transparent; opacity: 0; visibility: hidden; transition: all 0.5s; transform: translate(-50%, 50px);}
.header_word02 a{ line-height: 42px; display: block; font-size: 0.875em; white-space: nowrap; text-align: center;}
.header_tip{ float: right; overflow: hidden;}
.header_tip img{ width: 32px; float: left; margin: 8px 0 0;}
.header_line{ float: left; margin-left: 20px; text-align: left;}
.header_line p{ color: #fff;}
.header_line span{ font-size: 1.25em; color: #fff;}
.header_topic:hover .header_word01 span{ transform: scaleX(1);}
.header_topic:hover .header_word02{ opacity: 1; visibility: visible; background: #fff; transform: translate(-50%,0);}
.header_topic:hover .header_word02 span{ width: 100%;}
.header_word02 a:hover{ color: #000; font-weight: bold;}

.header_col{ background: #fff; box-shadow: 0 0 5px #ccc;}
.header_logo02,.tell_pic02{ display: none;}
.header_word01 .header_hue,.header_line .header_hue{ color: #323232;}
.header_word01 .sec{ background: url(../img/icon_bg02.png) center no-repeat; background-size: 100% 100%;}
.header_line .header_gold{ color: #d3b16c;}

.header_title{ display: none; position: fixed; width: 100%; left: 0; top: 0; z-index: 999999; background: #2c2c2a;}
.header_title01{ padding: 1rem 8%; border-bottom: solid 1px #434341; overflow: hidden; line-height: 1.2rem;}
.header_title01 p{ color: #fff; font-weight: bold; float: left; font-size: 0.8rem;}
.header_title01 span{ color: #fff; font-weight: bold; float: right; font-size: 0.9rem; padding: 0 0 0.15rem 0.3rem;}
.header_title02{ max-height: 80vh; overflow-y: scroll;}
.dropdown-menu{ border-bottom: solid 1px #434341;}
.dropdown-menu:last-child{ border-bottom: 0;}
.dropdown-menu p{ font-size: 0.7rem; color: #fff; padding: 0 8%; line-height: 2.2rem;}
.dropdown-menu p a{ color:#fff;}
.dropdown-menu ul{ display: flex; align-items: center; flex-wrap: wrap; padding: 0.3rem 0 0.3rem 8%; background: #40403e;}
.dropdown-menu li{ line-height: 1.8rem; height: 1.8rem;} 
.dropdown-menu .dropdown-ul li{ width: 49%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; text-align: left;}
.dropdown-menu li a{ font-size: 0.65rem; color: #fff;}

.guidance{ position: fixed; width: 100%; top: 0; left: 0; z-index: 999; padding: 0 5%; background: #fff; border-bottom: solid 1px #e1e1e1; text-align: center; transition: all 0.5s;}
.guidance .guidance_logo{ float: left; overflow: hidden;}
.guidance_logo img{ float: left;}
.guidance_tip{ float: right; overflow: hidden;}
.guidance_tip img{ width: 32px; float: left; margin: 8px 0 0;}
.guidance_line{ float: left; margin-left: 20px; text-align: left;}
.guidance_line span{ font-size: 1.25em;}
.guidance_word01{ transition: all 0.3s; background-size: 100% 0; position: relative;}
.guidance_word01 a{ display: inline-block;}
.guidance_word01 span{ display: block; width: 70%; height: 3px; background: #d3b16c; position: absolute; left: 15%; bottom: 2px; z-index: 999; transition: all 0.3s; transform: scaleX(0);}
.guidance_word01 section{ position: absolute; top: 10px; right: -40%; z-index: 9; padding: 1px 2px 6px; font-size: 0.625em; color: #000; background: url(../img/icon_bg02.png) center no-repeat; background-size: 100% 100%;}
.header_topic:hover .guidance_word01 span{ transform: scaleX(1);}

.container{ margin: 0 auto;}
.container::after{ content:''; display:block; width: 0; height:0; clear:both; visibility:hidden;}
.rel{ position: relative;}
.flow{ overflow: hidden;}
.clear{ clear: both;}
.proL{ float: left;}
.proR{ float: right;}

.bannerswiper{ position: relative;}
.banner{ width: 100%; position: relative;}
.banner_pic{ display: block; width: 100%; height: 95vh; overflow: hidden;}
.banner_pic img{ width: 100%; height: 100%; object-fit: cover;}
.banner_word{ position: absolute; z-index: 9;}
.banner_word h1{ color: #fff;}
.banner_word h2{ color: #fff;}
.banner_word h2 span{ color: #ffd800;}
.banner_word p{ color: #fff; font-weight: lighter;}
.banner_word .writing01c{ font-family: DINCondb; text-transform: uppercase; color: #e1e1e1; letter-spacing: 0;}
.pvBtn,.ntBtn{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 99; cursor: pointer;}
.pvBtn01,.ntBtn01{ display: block;}
.pvBtn02,.ntBtn02{ display: none;}
.pvBtn:hover .pvBtn01{ display: none;}
.pvBtn:hover .pvBtn02{ display: block;}
.ntBtn:hover .ntBtn01{ display: none;}
.ntBtn:hover .ntBtn02{ display: block;}
.banner_btn{ display: flex; align-items: center; justify-content: space-between; border-radius: 6px; border: solid 1px #fff; transition: all 0.5s; cursor: pointer;}
.banner_btn span{ color: #fff; transition: all 0.5s;}
.banner_btn img{ transition: all 0.5s;}
.banner_btn:hover{ border: solid 1px #ffd800;}
.banner_btn:hover>span{ color: #ffd800;}
.banner_btn:hover>img{ transform: translateX(5px);}

.product_title{ position: relative;}
.product_title span{ background: #ffd800; display: inline-block;}
.product_title p{ color: #999;}
.product_title h2{ font-weight: normal;}
.product_title .product_hue{ color: #fff;}
.product_title a{ position: absolute; right: 0; bottom: 0; z-index: 9; color: #8b8b8b;}
.product_title a:hover{ color: #000;}
/*.sub_bg01{ background: url(../img/sub_icon01.png) right bottom 35% no-repeat; background-size: auto 28%;}
.sub_bg02{ background: url(../img/sub_icon02.png) right bottom 50% no-repeat; background-size: auto 28%;}
.sub_bg03{ background: url(../img/sub_icon03.png) right bottom 35% no-repeat; background-size: auto 28%;}*/
.combo{ overflow: hidden;}
.combo li{ float: left; position: relative;}
.combo_pic{ width: 100%; overflow: hidden;}
.combo_pic img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.combo_tier{ width: 100%; background: rgba(0,0,0,0.6); position: absolute; left: 0; bottom: 0; z-index: 99; overflow: hidden;}
.combo_l{ float: left;}
.combo_r{ position: absolute; right: 8%; z-index: 500;}
.combo_l span{ color: #fff;}
.combo_l h1{ color: #fff; transition: all 0.5s;}
.combo_l p{ color: #fff;}
.combo_r{ text-align: right;}
.combo_r span{ color: #fff; text-transform: uppercase;}
.combo_r p{ color: #ffd800; font-family: Montserrats;}
.combo li:hover .combo_pic img{ transform: scale(1.03);}
.combo li:hover .combo_l h1{ color: #ffd800;}

.card{ box-shadow: 0 0 20px #e1e1e1; border-radius: 8px; overflow: hidden;}
.card_l{ float: left; position: relative;}
.card_it li{ overflow: hidden;}
.card_it li p{ color: #666;}
.card_it li .plan{ display: flex; justify-content: space-between;}
.plan select{ width: 100%; padding: 0 15px; border-radius: 3px; border: solid 1px #dcdcdc; outline: 0;
appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.plan_wide img{ position: absolute; right: 10px; z-index: 9;}
.plan_wide span{ color: #999; display: inline-block; position: absolute; right: 10px; top: 0; z-index: 9;}
.plan .plan_wide{ position: relative;}
.plan .plan_wide01{ width: 100%;}
.plan .plan_wide02{ width: 48%;}
.plan .plan_wide03{ width: 24%;}
.plan input{ width: 100%; padding: 0 15px; border-radius: 3px; border: solid 1px #dcdcdc;}
.per_work{ position: absolute; right: -5%; bottom: 0; z-index: 9; display: block;}
.get_price button{ border-radius: 3px; background: #ffd800; color: #000; cursor: pointer; transition: all 0.1s;}
.get_price button:hover{ background: #ffcc00;}
.card_r{ float: right; position: relative;}
.fashion_title{ position: absolute; z-index: 99;}
.fashion_title p{ font-family: Montserratb; color: #fff;}
.fashion_title h1{ color: #ffcc00;}
.fashion_title span{ width: 88%; color: #fff; display: block;}
.fashion_pic{ width: 100%; overflow: hidden;}
.fashion_pic img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.fashion_btn{ position: absolute; z-index: 99;}
.fashion_btn button{ background: #ededed; transition: all 0.3s; cursor: pointer;}
.fashion_btn button img{ vertical-align: middle;}
.fashion_btn .fashion_btn01b,.fashion_btn .fashion_btn02b{ display: none;}
.fashion_btn button:hover{ background: #ffd800;}
.fashion_btn01{ margin-right: 5px;}
.fashion_btn01:hover .fashion_btn01a{ display: none;}
.fashion_btn01:hover .fashion_btn01b{ display: inline-block;}
.fashion_btn02:hover .fashion_btn02a{ display: none;}
.fashion_btn02:hover .fashion_btn02b{ display: inline-block;}

.case_work{ position: relative; overflow: hidden; width: 100%;}
.case_pic01{ overflow: hidden; position: relative;}
.case_pic01 img{ width: 100%; height: 100%; object-fit: cover;}
.case_pic01:after{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9; background: rgba(0,0,0,0.5);}
.case_pic02 img{ width: 100%; height: 100%; object-fit: cover;}
.case_word{ background: #fff; transition: all 0.6s; opacity: 0; visibility: hidden; transform: translateX(300px);}
.case_title_a{ border-bottom: solid 1px #e1e1e1;}
.case_w01{ position: relative;}
.case_w01 h1{ font-weight: normal;}
.case_w01 p{ font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.case_w01 ul{ min-width: 50%; text-align: right; position: absolute; right: 0; bottom: 0; z-index: 9;}
.case_w01 li{ display: inline-block; color: #999;}
.case_w01 li:nth-child(2){ border-left: dashed 1px #e1e1e1;}
.case_w01 li span{ font-family: Montserratb;}
.case_w02{ color: #8f8f8f;}
.case_title_b{ overflow: hidden;}
.case_title_b h1{ font-family: Montserratb; float: left;}
.case_title_b p{ float: right; color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.case_title_c p{ color: #999;}
.case_btn{ overflow: hidden;}
.case_btn a{ float: left; width: 40%; background: #000; transition: all 0.2s;}
.case_btn button{ width: 100%; font-weight: bold; color: #fff;}
.case_btn a:hover{ background: #222;}
.case_btn p{ float: left; width: 60%; padding: 0 8%; background: #ffd800; overflow: hidden; cursor: pointer;}
.case_btn span{ font-weight: bold; float: left;}
.case_btn img{ float: right; transition: all 0.5s;}
.case_btn p:hover>img{ transform: translateX(10px);}
.case_set{ background: #3e3d38;}
.case_change{ overflow: hidden; position: absolute; z-index: 99;}
#case_page{ display: inline-block; width: auto; bottom: 5px; left: 50%; transform: translateX(-50%); color: #fff;}
#case_page span{ color: #fff;}
.case_change img{ cursor: pointer;}
.case_change01{ float: left;}
.case_change02{ float: right;}
.case_change01 .case_change01b,.case_change02 .case_change02b{ display: none;}
.case_change01:hover .case_change01a{ display: none;}
.case_change01:hover .case_change01b{ display: inline-block;}
.case_change02:hover .case_change02a{ display: none;}
.case_change02:hover .case_change02b{ display: inline-block;}
#caseswiper .swiper-slide-active .case_word{ opacity: 1; visibility: visible; transform: translateX(0);}
.case_sign{ position: absolute; z-index: 9;}
.case_sign img{ display: block;}
.case_sign span{ display: block; color: #000; font-weight: bold; cursor: pointer; transition: all 0.5s;
border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
.case_sign span:hover{ border-top-left-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%;}

.designer{ overflow: hidden;}
.chief_designer{ position: relative;}
.chief_pic{ width: 100%; overflow: hidden;}
.chief_pic img{ display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%;}
.chief_rec{ background: #3a3a3a; width: 90%; position: absolute; left: 5%; z-index: 99;}
.chief_ul{ overflow: hidden;}
.chief_ul li{ width: 33%; float: left;}
.chief_ul li:nth-child(1){ width: 36%;}
.chief_ul li:nth-child(2){ width: 32%;}
.chief_ul li:nth-child(3){ width: 32%;}
.chief_ul li p{ color: #fff; font-weight: bold; font-family: Montserrats;}
.chief_ul li span{ color: #fff;}
.chief_btn{ display: flex; justify-content: space-between;}
.chief_btn a{ width: 48%;}
.chief_btn button{ width: 100%; border-radius: 5px; display: inline-flex; align-items: center; justify-content: space-between;}
.chief_btn button img{ transition: all 0.5s;}
.chief_btn01{ color: #ffd800;}
.chief_btn02{ background: #ffd800;}
.chief_btn01 span{ color: #ffd800;}
.excellent_designer{ position: relative;}
.excellent_ul{ width: 100%; overflow: hidden;}
.excellent_ul li{ width: 23.5%; margin-right: 2%; float: left; position: relative;}
.excellent_ul li:last-child{ margin-right: 0;}
.excellent_ul .excellent_pic{ width: 100%; overflow: hidden;}
.excellent_pic img{ display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 10%;}
.excellent_tier{ transition: all 0.5s; background: linear-gradient(to top,rgba(0,0,0,0.8)0%,rgba(0,0,0,0.2)100%); width: 100%; position: absolute; bottom: 0; left: 0; z-index: 99;}
.excellent_rec h1{ color: #fff;}
.excellent_rec p{ color: #fff; display: inline-block;}
.excellent_btn{ width: 100%; line-height: 0; height: 0; border-radius: 5px; background: #ffd800; display: inline-flex; align-items: center; justify-content: space-between;
transition: all 0.5s; opacity: 0; visibility: hidden;}
.chief_btn button:hover>img{ transform: translateX(5px);}
.excellent_btn img{ transition: all 0.5s;}
.excellent_btn:hover>img{ transform: translateX(5px);}

.profit{ width: 100%; background: url(../img/pro_bg.jpg) center no-repeat; background-size: cover;}
.profit02{ background: #fff; border-radius: 3px;}
.videotier{ display: none;} 
.profit02 .propaganda{ width: 100%; height:400px;}
.propaganda iframe{ width:100%;height:100%}
.profit_con p{ color: #fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.profit_con a{ border-bottom: solid 1px #fff; color: #fff; display: inline-block; transition: all 0.2s;}
.profit_con a:hover{ color: #ffd800; border-bottom: solid 1px #ffd800;}
.record01 h1{ display: inline; color: #ffd800; vertical-align: top;}
.record01 span{ font-family: Montserrats; color: #ffd800;}
.record01 p{color: #fff;}

.service{ overflow: hidden; background: url(../img/ser_bg.jpg) center no-repeat; background-size: cover;}
.service_pic{ overflow: hidden;}
.service_pic img{ display: block; width: 100%; height: 100%; object-fit: cover; object-position: left top; transition: all 0.5s;}
.service_con{ position: relative; overflow: hidden;}
.service_tell{ border: solid 1px #fff; border-radius: 12px;}
.service_tell p{ color: #fff;}
.service_tell h1{ font-family: Montserratr; font-weight: normal; color: #ffd800;}
.service_con02{ overflow: hidden;}
.service_con02 p{ color: #fff; font-family: Montserrats;}
.service_con02 span{ color: #fff;}
.service_pic:hover>img{ transform: scale(1.03);}

.opinion::after{ content:''; display:block; width: 0; height:0; clear:both; visibility:hidden;}
.opinion li{ transition: all 0.5s;}
.opinion li:nth-child(3n){ margin-right: 0;}
.opinion li:nth-child(1){ background: url(../img/opi_bg01.jpg) center no-repeat; background-size: 100% 100%;}
.opinion li:nth-child(2){ background: url(../img/opi_bg02.jpg) center no-repeat; background-size: 100% 100%;}
.opinion li:nth-child(3){ background: url(../img/opi_bg03.jpg) center no-repeat; background-size: 100% 100%;}
.opinion li:nth-child(2n) .opinion_title a{ color: #ffd800;}
.opinion li:nth-child(2n) h1{ color: #fff;}
.opinion_title{ position: relative;}
.opinion_title h1{ font-weight: normal;}
.opinion_title a{ text-transform: uppercase; position: absolute; right: 0; bottom: 0; z-index: 99;}
.opinion01 h1{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.opinion01 p{ font-family: Montserratr; color: #999;}
.opinion01 a{ color: #999; text-transform: uppercase;}
.opinion_line img{ display: block; width: 100%;}
.opinion02 p{ font-family: Montserratr; color: #999;}
.opinion02 h1{ font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.opinion li:hover{ box-shadow: 0 0 30px #ccc;}
.opinion li:nth-child(2n+1) h1:hover{ transition: all 0.2s; color: #d3b16c;}
.opinion li:nth-child(2n) h1:hover{ transition: all 0.2s; color: #ffd800;}
.opinion_title a:hover{ text-decoration: underline;}
.opinion01 a:hover{ color: #d3b16c;}

.footer{ width: 100%; background: url(../img/f_bg.jpg) center no-repeat; background-size: cover;}
.footer01{ border-bottom: solid 1px #555; overflow: hidden;}
.footer01a{ float: left;}
.footer01b{ float: left;}
.footer01c{ float: right; overflow: hidden;}
.footer_logo{ padding-top: 5px;}
.footer_logo img{ display: block;}
.footer_loc li{ margin-bottom: 25px; overflow: hidden;}
.footer_loc img{ float: left;}
.footer_loc p{ float: left; color: #fff;}
.footer_line p{ color: #fff; margin-bottom: 5px;}
.footer_line h1{ font-size: 2.25em; font-family: Montserrats; font-weight: normal; color: #fff;}
.footer_line h2{ font-size: 1.5em; line-height: 1.5em; color: #fff;}
.footer_adv{ overflow: hidden;}
.footer_adv li{ width: 48.5%; margin-right: 3%; float: left; position: relative;}
.footer_adv li:nth-child(2n){ margin-right: 0;}
.footer_adv li input{ width: 100%; padding: 0 20%; color: #fff; border: solid 1px #999; background: rgba(255,255,255,0.2);}
.footer_adv li input::-webkit-outer-spin-button,
.footer_adv li input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.footer_adv li img{ position: absolute; top: 50%; transform: translateY(-50%); left: 5%; z-index: 9;}
.footer_adv li span{ color: #fff; position: absolute; top: 50%; transform: translateY(-50%); right: 5%; z-index: 9;}
.footer_adv li input::-webkit-input-placeholder{ color: #999;}
.footer_adv li input:-moz-placeholder{ color: #999;}
.footer_adv li input::-moz-placeholder { color: #999;}
.footer_adv li input:-ms-input-placeholder { color: #999;}
.footer_btn{ width: 48.5%; padding: 0 5%; border-radius: 5px; background: #ffd800; display: inline-flex; align-items: center; justify-content: space-between; cursor: pointer;}
.footer_btn span{ font-weight: bold;}
.footer_btn img{ transition: all 0.5s;}
.footer02 p{ display: inline-block; color: #999;}
.footer02 span{ color: #999;}
.footer_btn:hover>img{ transform: translateX(6px);}

.consult{ background: url(../img/con_bg.jpg) center no-repeat; background-size: 100% 100%; width: 100%; position: fixed; bottom: 0; left: 0; z-index: 999;}
.consult::after{ content:''; display:block; width: 0; height:0; clear:both; visibility:hidden;}
.consult01{ padding-left: 8%; float: left; position: relative;}
.consult01 img{ width: 20%; position: absolute; bottom: -10px; left: 0; z-index: 999;}
.consult01 section p{ color: #ffd800; font-weight: bold;}
.consult01 section span{ color: #fff;}
.consult01 section i{ color: #ffd800; font-style: normal; display: inline-block;}
.consult02{ width: 62%; float: left; overflow: hidden;}
.consult02 ul{ width: 85%; overflow: hidden; float: left;}
.consult02 li{ width: 23.5%; margin-right: 1.5%; float: left; position: relative;}
.consult02 li input{ width: 100%; padding: 0 22%; color: #fff; border: solid 1px #999; background: rgba(255,255,255,0.2);}
.consult02 li input::-webkit-input-placeholder{ color: #aaa;}
.consult02 li input:-moz-placeholder{ color: #aaa;}
.consult02 li input::-moz-placeholder { color: #aaa;}
.consult02 li input:-ms-input-placeholder { color: #aaa;}
.consult02 li input::-webkit-outer-spin-button,
.consult02 li input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.consult02 li img{ position: absolute; top: 50%; transform: translateY(-50%); left: 5%; z-index: 9;}
.consult02 li span{ color: #fff; position: absolute; top: 50%; transform: translateY(-50%); right: 5%; z-index: 9;}
.consult02 button{ width: 15%; font-weight: bold; border-radius: 5px; color: #000; float: right; background: #ffd800;}
.consult02 button:hover{ transition: all 0.3s; background: #ffcc00;}
.consult03{ position: absolute; bottom: -35px; z-index: 9;}
.consult03 img{ width: 90%;}
.close_img{ width: 1.875em; position: absolute; top: -35px; right: -80px; z-index: 99; cursor: pointer;}


.picture{ width: 100%; height: 72vh; overflow: hidden; position: relative;}
.picture img{ display: block; width: 100%; height: 100%; object-fit: cover;}

.understandbg{ background: url(../img/about_bg.png) right bottom no-repeat; background-size: auto 60%;}
.understand01{ background: url(../img/quote_icon.png) right top 90px no-repeat; background-size: 9%;}
.record02{ width: 100%; overflow: hidden;}
.record02 li{ float: left;}
.record02 li:nth-child(2n+1){ width: 60%;}
.record02 li:nth-child(2n){ width: 40%;}
.record02 h1{ display: inline; color: #ffd800; vertical-align: top;}
.record02 span{ font-family: Montserrats; color: #ffd800;}
.record02 p{ font-weight: bold;}

.culturebg{ background: #f0f0f0;}
.culture{ overflow: hidden;}
.culture01 li{ width: 100%; overflow: hidden; position: relative; cursor: pointer;}
.culture01 li img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.cul_title{ position: absolute; left: 10%; z-index: 9;}
.cul_word{ width: 80%; color: #fff; position: absolute; left: 10%; z-index: 9;}
.culture02{ overflow: hidden; cursor: pointer;}
.culture02 li{ float: left; overflow: hidden; position: relative;}
.culture02 li img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.culture02 section{ color: #fff; font-weight: lighter; position: absolute; right: 10%; z-index: 99; transition: all 0.3s; opacity: 1;}
.cul_tier{ width: 100%; height: 100%; background: rgba(255,216,0,0.2); position: absolute; top: 0; left: 0; z-index: 999; text-align: center;
opacity: 0; visibility: hidden; transition: all 1s;}
.cul_tier p{ border: solid 1px #fff; display: inline-block; color: #fff; font-weight: lighter;}
.cul_tier span{ display: block; color: #fff;}
.culture01 li:hover img{ transform: scale(1.05);}
.culture02 li:hover img{ transform: scale(1.05);}
.culture02 li:hover section{ opacity: 0;}
.culture02 li:hover .cul_tier{ opacity: 1; visibility: visible;}

.developbg{ background: url(../img/dev_bg.jpg) center bottom no-repeat #734822; background-size: cover;}
.develop{ width: 100%; position: relative;}
.develop_ul{ overflow: hidden;}
.develop_ul li{ width: 100%;}
.develop_ul li::after{ content:''; display:block; width: 0; height:0; clear:both; visibility:hidden;}
.develop01 span{ color: #fff; text-transform: uppercase;}
.develop01 p{ color: #ffd800; font-family: Montserratr;}
.develop02 h1{ color: #fff;}
.develop02 p{ color: #ccc;}
.develop_icon{ position: absolute;}
.develop_L{ position: relative;}
.develop_L::after{ content:''; display:block; width: 0; height:0; clear:both; visibility:hidden;}
.develop_R{ float: right; position: relative;}
.develop_R::after{ content:''; display:block; width: 0; height:0; clear:both; visibility:hidden;}
.develop_line{ height: 100%; position: absolute; z-index: 0;}
.develop_line span{ width: 100%; height: 100%; background: #f1f1f1; display: block;}
.develop_line img{ display: block; width: 100%;}

.honourbg{ background: url(../img/hor_bg.png) center bottom 50px no-repeat #ececec; background-size: 95% 160px;}
.honour{ width: 100%; position: relative;}
.honour_pic{ width: 100%; position: relative;}
.honour_pic img{ width: 100%; vertical-align: bottom;}
.horBtn01,.horBtn02{ position: absolute; z-index: 99; cursor: pointer;}
.horBtn01{ left: 0;}
.horBtn02{ right: 0;}
.horBtn01 .horBtn01a,.horBtn02 .horBtn02a{ display: block;}
.horBtn01 .horBtn01b,.horBtn02 .horBtn02b{ display: none;}
.horBtn01:hover .horBtn01a{ display: none;}
.horBtn01:hover .horBtn01b{ display: block;}
.horBtn02:hover .horBtn02a{ display: none;}
.horBtn02:hover .horBtn02b{ display: block;}

.brandbg{ background: url(../img/brand_bg.jpg) center no-repeat; background-size: cover;}
.brand{ float: right;}
.brand ul{ overflow: hidden;}
.brand li{ float: left;}
.brand li img{ display: block; width: 100%;}
.brand_btn{ position: absolute; left: 0; bottom: 0; z-index: 99; overflow: hidden; cursor: pointer;}
.brand_btn span{ float: left; color: #ffd800; font-weight: bold;}
.brand_btn img{ float: left;}

.branch01{ overflow: hidden;}
.branch_pic{ float: left;}
.branch_pic img{ display: block;}
.branch_pic h1{ color: #ffba00;}
.branch_part{ float: right;}
.branch_part img:nth-child(1){ margin-left: 0;}
.branch02 ul{ overflow: hidden;}
.branch02 li{ float: left;}
.branch02 p{ color: #adadad;}
.branch02 button{ background: #e6e6e6;}
.branch02 span{ display: block; font-weight: bold;}

.sketch{ width: 100%; height: 50vh; position: relative;}
.sketch img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.sketch_title{ width: 100%; position: absolute; left: 0; z-index: 99;}
.sketch_title h1{ color: #fff;}
.sketch_title section{ color: #fff;}
.sketch_title section a{ margin:0 20px 0 0;}
.sketch_title section a:last-child{ margin:0;}
.sketch_title p{ color: #fff; transition: all 0.3s; display: inline-block; cursor: pointer;}
.sketch_title span{ color: #fff; display: inline-block;}
.sketch_active{ background: url(../img/act_icon.jpg) center bottom no-repeat; background-size: 90% 10px;}
.sketch_title p:hover{ background: url(../img/act_icon.jpg) center bottom no-repeat; background-size: 90% 10px;}

.read_title{ border-bottom: solid 3px #0f0b0c; overflow: hidden; position: relative;}
.read_title h1{ color: #000; font-weight: normal;}
.search{ border-radius: 5px; background: #ededed; overflow: hidden; opacity: 0; visibility: hidden;}
.search input{ width: 88%; padding: 0 5%; float: left;}
.search button{ width: 12%; float: left; background: #ffd800; transition: all 0.3s;}
.search button:hover{ background: #ffcc00;}
.search input::-webkit-input-placeholder{ color: #000; font-weight: bold;}
.search input:-moz-placeholder{ color: #000; font-weight: bold;}
.search input::-moz-placeholder { color: #000; font-weight: bold;}
.search input:-ms-input-placeholder { color: #000; font-weight: bold;}

.choice{ border-bottom: solid 3px #0f0b0c;}
.choice li{ overflow: hidden;}
.choice li:last-child{ margin-bottom: 0;}
.choice li h1{ float: left; font-weight: normal;}
.choice li p{ float: left;}
.choice li span{ display: inline-block; color: #999;}
.choice li .choice_active{ background: #ffd800; color: #000;}
.choice li span:hover{ transition: all 0.5s; background: #ffd800; color: #000;}

.purge button{ border: solid 1px #e1e1e1;}
.purge p{ display: inline-block; color: #666;}
.purge span{ color: #666;}

.construction{ border-bottom: solid 1px #e1e1e1; overflow: hidden; position: relative;}
.construct_pic{ overflow: hidden; float: left; cursor: pointer;}
.construct_pic img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.construct_pic:hover>img{ transform: scale(1.03);}
.construct_word{ float: right;} 
.construct_h1{ font-weight: bold;}
.construct_tab{ overflow: hidden;}
.construct_tab li{ color: #666; float: left;}
.construct_sub{ font-weight: bold;}
.construct_path ul::after{ content:''; display:block; width: 0; height:0; clear:both; visibility:hidden;}
.construct_path li{ float: left; text-align: center; position: relative;}
.construct_path li span{ border-radius: 50%; display: block; margin: 0 auto; background: #ccc;}
.construct_path li p{ color: #000;}
.construct_path li h1{ color: #000; font-weight: normal;}
.construct_path li section{ width: 100%; background: #ccc; position: absolute; left: 0; z-index: -1;}
.construct_btn button{ background: #ffd800; font-weight: bold;}
.construct_btn button:hover{ transition: all 0.2s; background: #ffcc00;}
.construct_path .pathact span{ background: #ffd800;}
.construct_path .pathact section{ background: #ffd800;}

.information01{ border-bottom: solid 1px #e1e1e1; overflow: hidden;}
.information01 li{ float: left; position: relative;}
.infor_pic01{ width: 100%; overflow: hidden;}
.infor_pic01 img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.infor_tier{ width: 100%; background: rgba(0,0,0,0.5); overflow: hidden; position: absolute; left: 0; bottom: 0; z-index: 99;}
.infor_tip01{ max-width: 80%; float: left;}
.infor_tip01 p{ color: #fff;}
.infor_tip01 span{ display: block; color: #fff;}
.infor_tip02{ float: right; text-align: center;}
.infor_tip02 h1{ color: #fff; transition: all 0.3s; font-family: Montserratr; font-weight: normal;}
.infor_tip02 p{ color: #fff; font-family: Montserratr; transition: all 0.3s;}
.information01 li:hover .infor_pic01 img{ transform: scale(1.05);}
.information01 li:hover .infor_tip02 h1{ color: #ffd800;}
.information01 li:hover .infor_tip02 p{ color: #ffd800;}
.browse{ border-radius: 25px; background: rgba(0,0,0,0.5); display: flex; align-items: center; 
position: absolute; z-index: 9;}
.browse span{ color: #fff;}
.information02{ border-bottom: solid 1px #e1e1e1;}
.information02::after{ content:''; display:block; width: 0; height:0; clear:both; visibility:hidden;}
.information02 li{ float: left; position: relative;}
.information02 li:nth-child(3n){ margin-right: 0;}
.infor_pic02{ width: 100%; overflow: hidden; transition: all 0.5s; position: relative;}
.infor_pic02 img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.infor_word{ overflow: hidden;}
.infor_w01{ float: left; text-align: center;}
.infor_w01 h1{ color: #ffd800; transition: all 0.3s; font-family: Montserratr; font-weight: normal;}
.infor_w01 p{ color: #ffd800; font-family: Montserratr; transition: all 0.3s;}
.infor_w02{ width: 78%; float: right; color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.infor_w02 span{ color: #999;}
.infor_w02 p{ display: inline;}
.infor_pic02 .infor_line{ width: 0; background: #ffd800; position: absolute; bottom: 0; left: 0; z-index: 9; transition: all 0.5s;}
.information02 li:hover .infor_pic02{ box-shadow: 0 0 20px #999;}
.information02 li:hover .infor_pic02 img{ transform: scale(1.05);}
.information02 li:hover .infor_pic02 .infor_line{ width: 100%;}

.figure ul{ overflow: hidden;}
.figure li{ float: left;}
.figure li:nth-child(2n){ margin-right: 0;}
.figure_pic{ width: 100%; overflow: hidden; position: relative;}
.figure_pic img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.figure_word{ overflow: hidden;}
.figure_w01{ float: left;}
.figure_w01 span{ display: inline-block; color: #666; position: relative;}
.figure_w01 span:after{ content:''; display: block; width: 1px; height: 90%; background: #999; position: absolute; right: 0; top: 10%; z-index: 9;}
.figure_w01 span:last-child:after{ background: transparent;}
.figure_w02{ float: right;}
.figure_w02a{ border-radius: 50%; overflow: hidden; float: right;}
.figure_w02a img{ width: 100%; height: 100%; border-radius: 50%; object-fit: cover;}
.figure_w02b{ text-align: right; float: right;}
.figure_w02b p{ color: #666;}
.figure_w02b span{ font-weight: bold; display: block; color: #666;}
.figure_tier{ text-align: center; width: 100%; height: 100%; background: rgba(0,0,0,0.8); position: absolute; top: 0; left: 0; z-index: 99;
opacity: 0; visibility: hidden; transition: all 0.5s;}
.figure_tier h1{ color: #fff;}
.figure_btn a{ color: #fff; display: inline-block;}
.figure_btn button{ font-weight: bold; background: #ffd800; display: inline-block;}
.figure_pic:hover .figure_tier{ opacity: 1; visibility: visible;}
.figure_btn a:hover{ transition: all 0.2s; background: #ffd800; color: #000;}
.figure_btn button:hover{ transition: all 0.2s; background: #ffcc00;}

.team_group ul{ overflow: hidden;}
.team_group li{ float: left;}
.team_group li:nth-child(4n){ margin-right: 0;}
.team_pic{ width: 100%; overflow: hidden; position: relative;}
.team_pic img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.team_pic section{ text-align: right; position: absolute; z-index: 9;}
.team_pic section h1{ color: #ffd800;}
.team_pic section p{ color: #ffd800;}
.team_line{ width: 100%; height: 0; background: #ffd800; position: absolute; bottom: 0; left: 0; z-index: 9; transition: all 0.5s;}
.team_word{ background: #f1f1f1; transition: all 0.3s;}
.team_word h1{ display: inline-block;}
.team_word button{ width: 100%; border: solid 1px #0f0b0c;}
.team_group li:hover .team_word{ background: #4c4c4c;}
.team_group li:hover .team_word h1{ color: #fff;}
.team_group li:hover .team_word span{ color: #fff;}
.team_group li:hover .team_word p{ color: #fff;}
.team_group li:hover .team_line{ height: 5px;}
.team_group li:hover .team_word button{ background: #ffd800; border: solid 1px #ffd800;}

.vr_look ul{ overflow: hidden;}
.vr_look li{ float: left;}
.vr_look li:nth-child(2n){ margin-right: 0;}
.vr_pic{ width: 100%; overflow: hidden; position: relative;}
.vr_tu{ display: block; width: 100%; height: 100%; object-fit: cover;}
.vr_tier{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99; transition: all 0.5s;}
.vr_btn{ border-radius: 50%; background: rgba(0,0,0,0.5); text-align: center; transition: all 0.5s;
position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 500;}
.vr_btn p{ color: #fff;}
.vr_word{ overflow: hidden;}
.vr_word h1{ float: left;}
.vr_word p{ float: right;}
.vr_word span{ display: inline-block; color: #666; position: relative;}
.vr_word span:after{ content:''; display: block; width: 1px; height: 90%; background: #999; position: absolute; right: 0; top: 10%; z-index: 9;}
.vr_word span:last-child{ padding-right: 0; margin-right: 0;}
.vr_word span:last-child:after{ display: none;}
.vr_look li:hover .vr_tier{ background: rgba(0,0,0,0.2);}
.vr_look li:hover .vr_btn{ background: #ffd800;}

.leader{ overflow: hidden;}
.leader img{ float: left;}
.leader p{ float: left;}

.fabric_title{ position: relative;}
.praise{ border-radius: 25px; background: rgba(0,0,0,0.5); display: inline-flex; align-items: center;}
.praise span{ color: #fff;}
.fabricswiper{ position: relative;}
.fabric_pic{ width: 100%; overflow: hidden;}
.fabric_pic img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.fabricBtn01,.fabricBtn02{ text-align: center; border-radius: 10px; background: rgba(0,0,0,0.4);
position: absolute; top: 50%; transform: translateY(-50%); z-index: 99; cursor: pointer; transition: all 0.3s;}
.fabricBtn01 img,.fabricBtn02 img{ vertical-align: middle;}
.fabricBtn01{ left: 1%;}
.fabricBtn02{ right: 1%;}
.fabricBtn01:hover{ background: rgb(0,0,0,0.6);}
.fabricBtn02:hover{ background: rgb(0,0,0,0.6);}

.explicit{ overflow: hidden;}
.pro_infor{ border-bottom: solid 1px #e1e1e1;}
.pro_infor ul{ overflow: hidden;}
.pro_infor li{ color: #666; float: left;}
.design_infor{ background: url(../img/quote_icon.png) right top no-repeat; background-size: 8%;}
.design_infor01{ font-weight: bold;}
.design_infor02{ color: #666;}
.tariff_btn button{ border: solid 2px #ffd800; font-weight: bold;}
.tariff_btn button:hover{ transition: all 0.3s; background: #ffd800;}

.rec_art{ background: #f9f9f9;}
.rec_art01{ overflow: hidden; position: relative;}
.rec_art01a{ overflow: hidden; float: left;}
.rec_art01a img{ width: 100%; height: 100%; object-fit: cover;}
.rec_art01b{ float: left;}
.rec_art01b p{ color: #666;}
.rec_art01b span{ display: inline-block; font-weight: bold;}
.rec_art01c{ color: #999; position: absolute; bottom: 0; z-index: 9;}
.rec_art02 li p{ color: #666;}
.rec_art02 li span{ color: #666; display: inline-block;}
.book{ overflow: hidden; text-align: center;}
.book p{ width: 64%; color: #fff; background: #666; font-weight: bold; float: left; cursor: pointer;}
.book button{ width: 36%; float: left; background: #ffd800; font-weight: bold;}
.book p:hover{ transition: all 0.2s; background: #555;}
.book button:hover{ transition: all 0.2s; background: #ffcc00;}

.course{ border-top: solid 1px #e3e3e3;}
.course_title{ position: relative;}
.course_title button{ border: solid 1px #ccc;}
.course_title .cou_act{ border: solid 1px #ffd800;}
.course_title button:hover{ transition: all 0.3s; background: #ffd800;}
.recommend{ overflow: hidden;}
.recommend li{ float: left;}
.recommend li:nth-child(3n){ margin-right: 0;}
.recommend_pic{ width: 100%; overflow: hidden;}
.recommend_pic img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.recommend_word section{ color: #666;}
.recommend_word span{ display: inline-block; color: #666; position: relative;}
.recommend_word span:after{ content:''; display: block; width: 1px; height: 90%; background: #999; position: absolute; right: 0; top: 10%; z-index: 9;}
.recommend_word span:last-child{ padding-right: 0; margin-right: 0;}
.recommend_word span:last-child:after{ display: none;}
.course_btn{ text-align: center;}
.course_btn button{ font-weight: bold; background: #ffd800;}
.course_btn a{ display: inline-block;}
.recommend li:hover .recommend_pic img{ transform: scale(1.05);} 
.course_btn button:hover{ transition: all 0.2s; background: #ffcc00;}

.scene{ border: solid 1px #e3e3e3;}
.package{ overflow: hidden; position: relative;}
.scene_pic{ overflow: hidden; float: left;}
.scene_pic img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.scene_word{ float: right;} 
.scene_h1{ font-weight: bold;}
.scene_word ul{ overflow: hidden;}
.scene_word li{ color: #666; float: left;}
.scene_btn button{ background: #ffd800; font-weight: bold;}
.scene_btn button:hover{ transition: all 0.2s; background: #ffcc00;}

.jobsite li{ overflow: hidden; border-bottom: solid 1px #e1e1e1;}
.jobsite_title{ float: left;}
.jobsite_title span{ display: block; border-radius: 50%; background: #ffd800; text-align: center; font-weight: bold;}
.jobsite_title p{ color: #666; font-weight: bold;}
.jobsite_con{ float: right; position: relative;}
.jobsite_pic{ overflow: hidden;}
.jobsite_pic img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.jobsite_btn{ position: absolute; top: 0; right: 0; z-index: 99; white-space: nowrap;}
.jobsite_btn01,.jobsite_btn02{ display: inline-block; cursor: pointer;}
.triangle_img02{ display: none;}
.jobsite_btn01:hover>.triangle_img01{ display: none;}
.jobsite_btn01:hover>.triangle_img02{ display: inline-block;}
.jobsite_btn02:hover>.triangle_img01{ display: none;}
.jobsite_btn02:hover>.triangle_img02{ display: inline-block;}


.architect{ overflow: hidden;}
.architect01{ float: left;}
.architect_pic{ width: 100%; overflow: hidden;}
.architect_pic img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.architect_pre{ background: #f1f1f1; text-align: center;}
.architect_pre p{ color: #999;}
.architect_pre button{ width: 100%; background: #ffd800;}
.architect_pre button:hover{ transition: all 0.2s; background: #ffcc00;}
.architect02{ float: right;}

.architect02b li{ overflow: hidden;}
.architect02b img{ float: left;}
.architect02b section{ width: 90%; float: right;}
.architect02b section h1{ font-weight: normal;}
.architect02b section p{ color: #999;}

.other_architect li{ background: #f1f1f1; transition: all 0.3s;}
.other_architect li a{ display: block; position: relative; overflow: hidden;}
.other_artpic01{ overflow: hidden; float: left;}
.other_artpic01 img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.other_architect li p{ font-weight: bold; float: left;}
.other_architect li span{ float: left;}
.other_artpic02{ position: absolute; top: 50%; transform: translateY(-50%); right: 5%; z-index: 9;}
.other_architect li:hover{ background: #666;}
.other_architect li:hover p{ color: #fff;}
.other_architect li:hover span{ color: #fff;}
.other_artbtn{ width: 100%;}
.other_artbtn button{ width: 100%; font-weight: bold; background: #f1f1f1;}
.other_artbtn button:hover{ transition: all 0.3s; background: #ddd;}

.touch{ overflow: hidden;}
.touch_code{ display: inline-block; text-align: center;}
.touch_code span{ display: block;}
.touch_content ul{ overflow: hidden;}
.touch_content li:nth-child(2n+1){ float: left;}
.touch_content li:nth-child(2n){ float: right;}
.touch_content input{ width: 100%; border-bottom: solid 1px #aaa;}
.touch_content button{ background: #ffd800; font-weight: bold; cursor: pointer; transition: all 0.1s;}
.touch_content button:hover{ background: #ffcc00;}
.touch_content input::-webkit-input-placeholder{ color: #0f0b0c;}
.touch_content input:-moz-placeholder{ color: #0f0b0c;}
.touch_content input::-moz-placeholder{ color: #0f0b0c;}
.touch_content input:-ms-input-placeholder{ color: #0f0b0c;}

.article{ overflow: hidden;}
.article_title{ font-weight: bold;}
.article_pub p{ display: inline-block; color: #999;}
.article_pub span{ color: #999;}
.article_content{ border-top: solid 2px #e1e1e1;}
.article_content img{ max-width:100%;}
.provide section img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.provide01{ position: relative; cursor: pointer;}
.provide01 section{ width: 100%; overflow: hidden;}
.provide01 section img{ transition: all 0.5s;}
.provide01 p{ width: 100%; color: #fff; background: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0; z-index: 99;}
.provide02 li{ background: #f6f6f6; overflow: hidden; cursor: pointer; transition: all 0.5s;}
.provide02 section{ width: 30%; float: left; overflow: hidden;}
.provide02 li section img{ transition: all 0.5s;}
.provide02 h1{ width: 70%; float: left;}
.provide02 p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.provide02 span{ display: block; color: #666;}
.provide01:hover section img{ transform: scale(1.05);}
.provide02 li:hover{ background: #eee;}
.provide02 li:hover section img{ transform: scale(1.05);}
 
.art_tip{ width: 100%; text-align: center; overflow: hidden;}
.art_tip p{ cursor: pointer; vertical-align: middle;}
.art_tip span{ color: #999;}
.art_tip img{ vertical-align: middle;}
.art_tip01{ float: left;}
.art_tip02{ float: right;}
.art_tip section{ display: inline-block; cursor: pointer; vertical-align: middle;}
.art_tip p:hover{ color: #0f0b0c;}
.paging{ text-align: center;}
.paging p{ display: inline-block; background: #fff; background: #ffd800; transition: all 0.2s;}
.paging p:hover{ background: #ffcc00;}