﻿@charset "utf-8";
:root {
--dlc: #fe8901;
--dnc: #f64123;
--ddc: #2662b5;
--flc: #666666;
--fnc: #333333;
--fdc: #111111;
}


@font-face{
font-family: 'Alibaba PuHuiTi Bold1';
src : url('../fonts/Alibaba-PuHuiTi-Bold-1.otf');



}
@font-face{
font-family: 'AlibabaPuHuiTiM';
src : url('../fonts/Alibaba-PuHuiTi-Medium-1.otf');


}

@font-face{
font-family: 'AlibabaPuHuiTiL';
src : url('../fonts/Alibaba-PuHuiTi-Light-1.otf');


}

/* public */
*{box-sizing:border-box;}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
img{border:0; display:block; width:100%;}
ul,dl,li,dt,dd{list-style:none;}
body{font:14px Arial,"microsoft yahei", Helvetica, sans-serif;*font:14px "microsoft yahei",Arial, Helvetica, sans-serif; color:#212121; background:#fff;-webkit-tap-highlight-color:rgba(255,255,255,0); overflow-x:hidden;}

/*reset*/
html,body{font-size: 625%; height:100%;line-height: initial;}
html,body,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,select,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,input{margin: 0;padding: 0;font-size: inherit;font-family: "Microsoft Yahei", "STXihei", "Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Wenquanyi Micro Hei", sans-serif;  }
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6 {-webkit-text-size-adjust: none;font-weight: normal;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block}
ol,ul{list-style: none}
blockquote,q {quotes: none}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none}
ins {text-decoration: none}
del {text-decoration: line-through}
table {border-collapse: collapse;border-spacing: 0;}
body {max-width: 720px;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-touch-callout: none;-webkit-text-size-adjust: none;}
a{color: var(--flc);text-decoration: none;transition: all 0.3s;}
a:hover{color: var(--dnc);}
a:focus{border: none;outline: none;}
img {border-style: none;}
i,em{ font-style:normal}
button::-moz-focus-inner,input::-moz-focus-inner{border: 0;padding: 0;}
input:focus,select:focus,textarea:focus,button:focus{-webkit-appearance: none;border:none;outline: none;}
a,input,button,select,textarea{font-family: inherit;outline:none;text-decoration:none;-webkit-appearance: none;resize: none; border: 0}
@font-face {font-family: 'Bebas';src: url('bebas.ttf') format('truetype');font-weight: 500;font-style: normal;}
@font-face {font-family: 'TimesNewRoman';src: url('TimesNewRoman.ttf') format('truetype');font-weight: 500;font-style: normal;}
.clear{zoom:1;}
.clear::after{content: "";display: block;clear: both;}
.fl{float: left;}
.fr{float: right;}
.c_con,.c_one{width: 6.6rem;margin-left: auto;margin-right: auto;overflow: hidden;padding-top: 10%;}
.omit{text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
.mmit{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;word-break: break-all;}
.img1{width: 100%;height: auto;display: block;margin: auto;}
.img2{width: 100%;height: 100%;display: block;margin: auto;}
::-webkit-scrollbar{width:0px;}
::-webkit-scrollbar-track{background-color:#EEEEEE;}
::-webkit-scrollbar-thumb{background-color:#D6D6D6;}
::-webkit-scrollbar-thumb:hover {background-color:#ccc}
::-webkit-scrollbar-thumb:active {background-color:#ccc}
/***************************分辨率兼容样式属性**************************/
@media screen and (min-width: 320px) {
html,body{font-size:44.444px;}
}
@media screen and (min-width: 360px) {
html,body{font-size:50px;}
}
@media screen and (min-width: 375px) {
html,body{font-size:52.08333px;}
}
@media screen and (min-width: 385px) {
html,body{font-size:53.47222px;}
}
@media screen and (min-width: 400px) {
html,body{font-size:55.5555px;}
}
@media screen and (min-width: 414px) {
html,body{font-size:57.5px;}
}
@media screen and (min-width: 420px) {
html,body{font-size:58.3333px;}
}
@media screen and (min-width: 440px) {
html,body{font-size:61.11111px;}
}
@media screen and (min-width: 480px) {
html,body{font-size:66.66666px;}
}
@media screen and (min-width: 520px) {
html,body{font-size:72.2222px;}
}
@media screen and (min-width: 560px) {
html,body{font-size:77.7777px;}
}
@media screen and (min-width: 580px) {
html,body{font-size:80.55555px;}
}
@media screen and (min-width: 600px) {
html,body{font-size:83.333px;}
}
@media screen and (min-width: 640px) {
html,body{font-size:88.8888px;}
}
@media screen and (min-width: 680px) {
html,body{font-size:94.44444px;}
}
@media screen and (min-width: 720px) {
html,body{font-size:100px;}
}
/***************************end分辨率兼容样式属性*************************/

/* 公共 */
.one_banner{height: auto;width: 100%;}
#wrapper{position: relative;left: 0;transition: all 0.3s linear;font-size: 0.24rem;}
#wrapper.move{left: 3.6rem;}
.cc_title{text-align: center;}
.cc_title .ltitle{font-size: 0.34rem;font-weight: bold;letter-spacing: 0.02rem;color: var(--ddc);}
.cc_title .ltitle>span{color: var(--dnc);}
.cc_title .stitle{font-size: 0.2rem;color: var(--flc);width: 96%;margin: 0.1rem auto 0;}
.cc_link{display: block;width: 5.8rem;height: 0.6rem;margin-left: auto;margin-right: auto;background-color: #fff;border-radius: 1rem;overflow: hidden;position: relative;line-height: 0.6rem;box-sizing: border-box;}
.cc_link.border::before{content: "";position: absolute;width: 100%;height: calc(100% - 2px);border: 1px solid var(--dnc);border-radius: 1rem;}
.cc_linkm{position: relative;z-index: 2;}
.cc_linkm>i{float: left;width: 0.35rem;height: 0.35rem;background: url(../img/icon2.png) no-repeat center;background-size: 100%;margin-left: 0.36rem;margin-top: 0.125rem;}
.cc_linkm>em{float: left;font-size: 0.32rem;font-weight: bold;color: var(--dlc);margin-left: 0.1rem;}
.cc_linkm>span{float: right;width: 2.5rem;height: 0.6rem;color: #fff;font-size: 0.24rem;font-weight: bold;text-align: center;border-radius: 1rem;background-color: var(--dnc);}
.cc_link::after{content: "";width: 2.5rem;height: 0.6rem;background-color: var(--dnc);border-radius: 1rem;position: absolute;z-index: 1;top: 0;right: 0;transition: all 0.3s;}
.cc_link:hover i{background: url(../img/icon2a.png) no-repeat center;background-size: 100%;}
.cc_link:hover em{color: #fff;}
.cc_link:hover span{background-color: var(--ddc);transition: all 0.3s 0.3s;}
.cc_link:hover::after{width: 100%;}
/* 页码 */
.page{width: 100%;height: auto;text-align: center;overflow: hidden;margin: 0 auto 0; padding-top: 0.4rem;}
.page a{display: inline-block;vertical-align: top;width: 0.62rem;height: 0.62rem;line-height: 0.62rem;font-size: 0.25rem;margin: 0 0.08rem;color: #999;border: 1px solid #dedede;box-sizing: border-box;background-color: #f9f9f9;text-align: center;}
.page span{display: inline-block;vertical-align: top;width: 0.62rem;height: 0.62rem;line-height: 0.62rem;font-size: 0.25rem;margin: 0 0.08rem;color: #fff;border: none;background-color: #9c8871;text-align: center;}
.current{color: white!important;background:#8a1214 ;}
.page a:hover{background-color: #9c8871;color: white;}
.page .next{
width: 1rem;
}
.page .prev{
width: 1rem;
}
.pager{width: 1.2rem !important;}
.pagel{width: 1.2rem !important;}
/* 页头和页脚 */
.cc_header{height: 1rem;display: flex;justify-content: space-between;align-items: center; position: relative;
z-index: 99999;
}
/*.cc_header_logo{width: 3rem;height: 1rem;background: url(../img/logo_title.png) no-repeat center;background-size: 100%;margin-left: 0.26rem;}*/
.cc_header_logo{width: 3rem;height: 1rem;background: url(../img/logo1.png) no-repeat center;background-size: 100%;margin-left: 0.26rem;}

.cc_header_right{display: flex;align-items: center;}
.cc_header_tel{margin-right: 0.22rem;}
.cc_header_tel>p{font-size: 0.2rem;color: #9c8871;transform: scale(0.9);}
.cc_header_tel>p::before{content: "";width: 0.26rem;height: 0.26rem;background: url(../img/icon1.png) no-repeat center;background-size: 100%;display: inline-block;vertical-align: -0.02rem;margin-right: 0.04rem;}
.cc_header_tel>h4{font-size: 0.3rem;font-weight: bold;color: var(--dnc)}
.cc_header_menu{width: 0.6rem;
height: 1rem;
/* background: #9c8871; */
background-size: 56%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;}
.cc_header_menu>span{
width: 0.5rem;
height: 0.06rem;
/* background-color: #fff; */
margin: 0.04rem 0;
/* border-radius: 1rem; */
/* color: red; */
background: #acacac;
}



.cc_footer,.cc_footerP{height: 1rem;}
.cc_footer{width: 100%;height: 1rem;margin: auto;position: fixed;bottom: 0;left: 0; background: #9c8871; background-size: cover;z-index: 10;}
.cc_footer .c_con{display: flex;justify-content: space-between;align-items: center;}
.cc_footer_item{width: 10rem;padding-top: 0.1rem;}
.cc_footer_item .icon{width: 0.48rem;height: 0.48rem;margin: auto;}
.cc_footer_item .icon>img{width: 100%;display: block;height: 100%;    margin-top: 40%;}
.cc_footer_item>p{text-align: center;color: #fff;font-size: 0.2rem;margin-top: 0.04rem;}
/* 导航 */
.cc_nav {position: fixed;width: 3.6rem;top: 0;height: 100%;background-color: #333;z-index: 9999;padding-left: 0.36rem;left: -3.6rem;box-sizing: border-box;transition: all 0.3s linear;}
.cc_nav.show{left: 0;}
.cc_nav li {overflow: hidden;color: #FFF;font-size: 0.18rem;line-height: 0.8rem;display: block;}
.cc_nav li .outa{width: 100%;display: block;font-size: 0.28rem;color: #FFF;padding-left: 0.3rem;border-bottom: 1px dashed #000;text-decoration: none;box-sizing: border-box;position: relative;}
.cc_nav li .outa::after{content: "";width: 0.18rem;height: 0.33rem;background: url(../img/nav_right.png) no-repeat center;background-size: 100%;position: absolute;right: 0.2rem;top: calc(50% - 0.165rem);transition:all 0.3s ease;}
.cc_nav li.curr .outa::after{transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.cc_nav .close{height: 0.8rem;width: 0.8rem;background: url(../img/nav_close.png) no-repeat center;background-size: auto;float: right;margin-right: 0.2rem;}
.cc_nav .fontc {font-weight: bold;margin-left: 0.30rem;display: block; font-size: 0.34rem;color: #fff;}
.cc_nav .in_nav{display:none;}
.cc_nav .in_nava{display: block;color: #fff;height: 0.6rem;line-height: 0.6rem;padding-left: 0.5rem;font-size: 0.26rem;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
/* 子栏目导航 */
.one_catalog .title{width: 100%;height: 0.68rem;line-height: 0.68rem;background-color:#9c8871;color: #fff;font-size: 0.28rem;font-weight: bold;box-sizing: border-box;padding-left: 0.3rem;position: relative;}
.one_catalog .title::after{content: "";position: absolute;width: 0.4rem;height: 0rem;right: 0.4rem;bottom: 0rem;background-color: inherit;clip-path: polygon(0 0, 100% 0, 50% 100%);z-index: 1;transform: scaleX(0);transition: all 0.4s;}
.one_catalog .title>i{display: inline-block;width: 0.32rem;height: 0.32rem;background: url(../img/nav_catalog.png) no-repeat center;background-size: 100%;vertical-align: -0.04rem;margin-right: 0.18rem;transition: all 0.4s;}
.one_catalog .title>span{font-size: 0.26rem;color: #fff;}
.one_catalog .children a{display: block;width: 100%;height: 0rem;line-height: 0.78rem;box-sizing: border-box;padding-left: 0.5rem;margin-bottom: 0;background-color: #f5f9ff;font-size: 0.24rem;color: var(--fnc);position: relative;transform: scaleY(0);transition: all 0.4s ease;}
.one_catalog .title.on::after {height: 0.2rem;transform: scaleY(1);bottom: -0.19rem}
.one_catalog .title.on>i{transform: rotate(90deg);}
.one_catalog .title.on~.children a{transform: scaleY(1);height: 0.78rem;margin-bottom: 0.05rem;}
.one_catalog .title.on~.children a.on{background-color: #cee3ff;color: var(--flc);}
.one_catalog .title.on~.children a.on::before{content: "";position: absolute;left: 0;top: 0;width: 0.1rem;height: 100%;background: #9c8871;}
.one_container_rr{width: 6.8rem;margin-left: auto;margin-right: auto;box-sizing: border-box;padding-bottom: 1rem;padding-top: 0.26rem;}
/* 公共 end */

/* 首页 */
.index_banner{height: auto;position: relative;font-size: 0; overflow: hidden; margin-top: -1rem}
.index_banner:before {
content: '';
display: block;
width: 100%;
height: 100%;
/*background: linear-gradient(*/
/*-180deg*/
/*, transparent, rgba(0,0,0,.8));*/
position: absolute;
left: 0;
top: 0;
transition: cubic-bezier(0.215,.61,.355,1) .45s;
z-index: 2222;
}
.index_banner .pic,.index_banner .pic>img{display: block;width: 100%;height: auto;}
.index_banner .slick-prev,.index_banner .slick-next{width: 0.4rem;height: 0.8rem;position: absolute;top: calc(50% - 0.4rem);opacity: 1;cursor: pointer;outline: none;border: none;z-index: 1;transition: all 0.4s;}
.index_banner .slick-prev{left: 0.2rem;background: url(../img/pnbtn1.png) no-repeat center;background-size: 90%}
.index_banner .slick-next{right: 0.2rem;background: url(../img/pnbtn2.png) no-repeat center;background-size: 90%}
.index_banner .slick-dots{position: absolute;left: 0;bottom: 0.2rem;height: 0.12rem;width: 100%;text-align: center;}
.index_banner .slick-dots>li{width: 0.12rem;height: 0.12rem;margin: 0 0.08rem;background-color: rgba(255,255,255,0.6);border-radius: 0.02rem;display: inline-block;vertical-align: top;border-radius: 50%;}
.index_banner .slick-dots>li.slick-active{background-color: var(--ddc);}

.index_about{
padding-top: 0.4rem;
padding-bottom: 0.5rem;
width: 90%;
margin: 0 auto;
}



.title_intro{
padding-top: 0.4rem;
font-size: 0.25rem;
text-align: center;
font-family: AlibabaPuHuiTiL;
color: #333333;
opacity: 0.8;
line-height: 2.8;
width: 80%; margin: 0 auto;
}


.index_pp{
padding-top: 0.4rem;padding-bottom: 0.3rem; background: #f1f1f1;
}

.title_ty{
width: 100%;
text-align: center;
font-size: 0.5rem;
font-family: AlibabaPuHuiTiM;
color: #9c8871;
}


.title_hx {
display: block;
width: 0.5rem;
border: 1.5px solid #9c8871;
text-align: center;
margin: 1% auto;
border-radius: 10px;
background: #9c8871;
}

.ssa{
width: 100%; margin: 0 auto;display: block; overflow: hidden; position: relative;
}

.ssa .p1 {
color: #fff;
font-size: 20px;
font-weight: bold;
line-height: 50px;
height: 50px;
display: block;
width: 70%;
position: absolute;
top: 8%;
left: 7%;
}

.ssa .p1 span {
font-size: 14px;
color: #fff;
font-weight: 200;
display: block;
width: 100%;
line-height: 1;
}

.ssa .p2 {
color: #9c8871;
font-size: 14px;
display: block;
width: 110px;
height: 30px;
line-height: 30px;
background: url(../img/zx.png) no-repeat left #fff;
background-position-x: 10%;
padding-left: 35px;
border-radius: 30px;
position: absolute;
top: 30%;
left: 7%;


}





.mySwipers {
width: 100%;
height: 100%;
position: relative;
border-radius: 0.6rem;
}

.mySwipers .swiper-slide {
text-align: center;
font-size: 18px;

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.mySwipers .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.mySwipers .p1{
position: absolute;top: 15%; color: #664e34; font-weight: bold; font-size: 0.4rem;
}

.mySwipers .ssaa{
/*position: relative;*/
}
.mySwipers .pps{
position: absolute; bottom: 3%; text-align: center; width: 90%; margin: 0 auto; display: block; left: 5%; font-size: 0.25rem;color: #fff;
}

.mySwipers .swiper-button-next{
background: url("../img/mrit.png") no-repeat center; background-size: contain;
}
.mySwipers .swiper-button-prev{
background: url("../img/mleft.png") no-repeat center;background-size: contain;
}
.mySwipers .swiper-button-next, .mySwipers .swiper-button-prev {
width: 0.6rem;
height: 0.6rem;
position: absolute;
top: 55%;
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}

.index_pp .box{
width: 90%; margin: 0 auto; margin-top: 0.3rem; overflow: hidden;display: block; padding-bottom: 0.8rem;padding-top: 0.4rem;

}
.index_pp .box .box_left{
width: 65%; float: left;overflow: hidden;display: block;
}
.index_pp .box .box_left .span1{
font-size: 0.4rem; font-family: "AlibabaPuHuiTiM"; padding-left: 0.4rem;display: block; padding-top: 0.4rem; color: #000;
}
.index_pp .box .box_left .span2{
font-size: 0.25rem; font-family: AlibabaPuHuiTiM; padding-left: 0.4rem; color: #9c8871;display: block;
}











.more{
font-size: 0.25rem;  background: #9c8871; border-radius: 0.4rem; display: block;
width: 2rem; height: 0.6rem; line-height: 0.6rem;
color:#fff ; margin: 0 auto; text-align: center;

}

.index_lc{
padding-top: 0.4rem;padding-bottom: 1rem;
}


.index_lc .box{
padding-top: 0.4rem;
width: 100%;
}

.index_lc .box p{
height: 1rem; border-bottom: 0.01rem solid #ebebeb; font-size: 0.3rem; line-height: 1rem; padding-left: 0.4rem;
font-family: AlibabaPuHuiTiM;
}

.index_lc .box p a{
padding-left: 0.2rem;
}
.index_lc .box p a ,.index_lc .box p span{
color: #000; float: left;
}
.index_lc .box p span{
width: 0.5rem; height: 0.5rem; display: block; background: #9c8871; line-height: 0.5rem; margin-top: 0.25rem;
text-align: center; border-radius: 50%; color: #fff; font-size: 0.25rem;
}






.foot_erweima{
width: 90%;
margin: 0 auto;
}
.index_friend_map{
background: #f7f7f7;
margin:0 auto;padding-bottom: 1.4rem;
padding-top: 0.6rem;
}


.bah{
font-size: 0.21rem; display: block; width: 100%; overflow: hidden; padding-top: 2%; margin: 0 auto; text-align: center; opacity: 0.8;
}




.index_friend_map .foot_erweima1{
margin-left: 7%;
width: 40%;
float: left;
text-align: center;
padding-bottom: 0.2rem;
}


.index_friend_map .foot_erweima1 img{
border-radius: 10px;
}

.footer{ width:100%; z-index: 9999; background:#fff; overflow:hidden; display:table;position:fixed;bottom:0;max-width:720px;height:1.1rem;}
.footer ul li{width:25%;float:left;text-align:center;color:#fff;height:1.2rem;}
/*.footer ul li img{width:1.48rem;}*/
.footers{height:1rem;}
.footer ul li a{display: inline-block;width:100%;height:1rem;}
.footer ul li .fotImg{margin-top:0.15rem;height:0.5rem;}
.footer ul li img{width:0.41rem; margin: 0 auto;height: 0.4rem}
.footer ul li p{color:#000;font-size:0.24rem;}



.navname img{
margin: 0 auto;
}

.lanmu{
width: 100%; margin: 0 auto;  height: 0.6rem; background: #f7f7f7;
}

.lanmu .children{
width: 92%; margin: 0 auto;
}

.lanmu .children a{
float: left; width: auto; padding-left: 2%;padding-right: 2%; color: #000; text-align: center; line-height:0.6rem ;height: 0.6rem; font-size: 0.25rem;
}
.children .on{
/*border-bottom: 0.04rem solid #d4232d;*/
}




.lanmu1{
width: 100%; margin: 0 auto;  height: 1rem; background: #9c8871;
}

.lanmu1 .children{
width: 100%; margin: 0 auto;
}

.lanmu1 .children a{
float: left; width: auto; color: #000;padding-left: 5%; padding-right: 5%; text-align: center; line-height:1rem ;height: 1rem; font-size: 0.3rem;
font-family: AlibabaPuHuiTiM;color: #fff;
}
.lanmu1 .children .on{
/*border-bottom: 0.04rem solid #d4232d;*/
background: #04545f;
}



.fenl{
width: 90%; margin: 0 auto; display: block; overflow: hidden; text-align: center; padding-top: 0.3rem;
}

.fenl a{
float: left; display: block; width: 1.2rem; height: 1.2rem;border: 1px solid #dddddd; border-radius: 10px;
margin: 0 auto; text-align: center; margin-left: 20px; line-height: 1.8rem; font-size: 14px;


}
.fenl_a1{
background: url(../img/fenl0.png) no-repeat center ; background-position-y:20%; background-size: 50%
}
.fenl_a1:hover,.fenl_a1_on1{
background: url(../img/fenl0_1.png) no-repeat center #ba9776 ; background-position-y:20%; background-size: 50%    ;color: #fff;

}



.fenl_a2{
background: url(../img/fenl1.png) no-repeat center ; background-position-y:20%; background-size: 50%
}
.fenl_a2:hover,.fenl_a1_on2{
background: url(../img/fenl1_1.png) no-repeat center #ba9776 ; background-position-y:20%; background-size: 50%    ;color: #fff;

}


.fenl_a3{
background: url(../img/fenl2.png) no-repeat center ; background-position-y:20%; background-size: 50%
}
.fenl_a3:hover,.fenl_a1_on3{
background: url(../img/fenl2_1.png) no-repeat center #ba9776 ; background-position-y:20%; background-size: 50%    ;color: #fff;

}


.fenl_a4{
background: url(../img/fenl3.png) no-repeat center ; background-position-y:20%; background-size: 50%
}
.fenl_a4:hover,.fenl_a1_on4{
background: url(../img/fenl3_1.png) no-repeat center #ba9776 ; background-position-y:20%; background-size: 50%    ;color: #fff;

}










.cans3{
width: 1.6rem;
background: url(../img/xiala.png) right no-repeat;
border-radius: 5px;
border: solid 0px #000;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
}
option{
border: solid 0px #000;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
}


.an_box{
width: 90%;margin: 0 auto; display: block; overflow: hidden;
}
.an_img{
width: 100%; padding-top: 0.5rem; display: block;overflow: hidden;position: relative;
}
.an_img img{
width: 100%;
}


.an_img p {
width: 100%;
padding-top: 2%;
font-size: 0.3rem;
color: #000;
font-family: "AlibabaPuHuiTiM";
}

.an_img span {
font-size: 0.25rem;
color: #9c8871;
padding-top: 1%;
display: block;
overflow: hidden;
}


#bfff{
display: block; width: 13%; position: absolute; top: 38%; left: 45%; z-index: 999;
}


.index_about .contet{
width: 95%; margin: 0 auto; font-size: 0.22rem; padding-top: 0.4rem; line-height: 2; display: block; overflow: hidden;
opacity: 0.8;

}



.about_fzlc{
width: 100%; border-bottom: 0.01rem dashed #d7d7d7;
}

.about_fzlc p{
width: 90%;margin: 0 auto; color: #9c8871; font-size: 0.4rem;font-family: 微软雅黑; font-weight: bold;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
}

.about_fzlc span{
width: 90%;margin: 0 auto; color: #000; opacity: 0.8; font-size: 0.22rem;padding-bottom: 0.2rem;display: block;
line-height: 1.8;
}






.miaos{
width: 90%; color:#9c8871 ;display: block; font-size: 0.22rem; margin: 0 auto; padding-top: 0.2rem; text-align: center;
line-height: 1.6;
}


.rongy_box{
width: 100%;  margin-top: 5%
}
.rongy_box ul{

}

.rongy_box ul li{
display: block; height: 1rem; line-height: 1rem; border-bottom: 1px solid #ebebeb; width: 100%;
}
.rongy_box ul li a{
padding-left: 3%; font-size: 14px; float: left;
}
.rongy_box img{
width: 0.1rem; float: left; margin-top: 0.4rem;margin-left: 5%;
}

.jxll{
width: 90%; margin: 0 auto; padding-top: 0.6rem;display: block; overflow: hidden;
}
.jxll ul li {
width: 40%; margin-left: 5%; margin-right: 5%; height: 4.5rem; display: block; float: left;
}
.jxll ul li .jx_img{
width: 100%; border-radius: 50%;
}

.jxll .jx_a{
width: 100%; text-align: center;  font-size: 0.35rem; display: block; font-family: AlibabaPuHuiTiM; color: #9c8871;
padding-top: 0.2rem;
}
.jxll .jx_span{
width: 100%; text-align: center; color: #000; font-size: 0.25rem; display: block;
padding-top: 0.1rem;
}

.busm{
width: 100%; display: block; overflow: hidden;padding-top: 0.2rem;
}

.busm_box{
margin: 0 auto; border-bottom: 0.01rem solid #ebebeb;
/*padding-bottom: 0.4rem;*/
font-size: 0.3rem;
width: 90%; font-family: AlibabaPuHuiTiM;
}
.busm_box p{
width: 90%; font-size: 0.35rem; margin: 0 auto; font-family: AlibabaPuHuiTiM;padding-bottom: 0.2rem; padding-top: 0.4rem;
}


.busm_box span{
width: 90%; font-size: 0.25rem; margin: 0 auto; font-family: AlibabaPuHuiTiM; display: block;opacity: 0.8;
height: 0.6rem; line-height: 0.6rem;
}




.fw{
width: 100%; margin: 0 auto; display: block; overflow: hidden; padding-bottom: 2%;

}

.fw ul li{
width: 100%; float: left;  background: #f3f3f3; margin-top: 2%; padding: 3% 3% 1% 3%;
}

.fw .news_span1 {
width: 100%;
display: block;
font-family: AlibabaPuHuiTiM;
font-size: 0.35rem;
padding-top: 2%;
}

.news_span3{
padding-top: 3%; width: 100%;display: inline-block; font-family: 微软雅黑; font-size: 0.25rem; opacity: 0.7; line-height: 2;
height: auto;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
word-break: break-all;
}





.us{
width: 100%; margin: 0 auto; display: block; overflow: hidden;padding-bottom: 5%;
}

.us_left{
width: 90%;  margin: 0 auto; margin-top: 2%; display: block;
}


.us_title{
font-size: 0.5rem;  padding-top: 2%; text-align: center; font-family: AlibabaPuHuiTiM;
}

.us_info{
margin-top: 10%; display: block;overflow: hidden;
}

.us_span{
padding-left:3%; font-size: 0.3rem; font-weight: bold; float: left; display: block;width: calc(100% - 1rem)
}


.us_p{
padding-left:3%; padding-top: 2%;  display: block; font-size: 0.25rem; display: block; float: left;width: calc(100% - 1rem)
}

.us_fit{
width: 100%;padding-top: 5%;
}

.addr{
width: 100%; margin: 0 auto; display: block; overflow: hidden; border-top: 0.2rem solid #f3f3f3; padding: 8% 10% 15% 10%;
}

.addr ul li {
width: 100%;
}


.addr_p{
font-size: 0.6rem;  padding-bottom: 8%; text-align: center; font-family: AlibabaPuHuiTiM;
}
.addr_p1{
padding-bottom: 15%;
}
.addr_a1{
width: 100%; font-size: 0.3rem; display: block;  line-height: 2; text-align: center; font-family: AlibabaPuHuiTiM
;color: #000;
}
.addr_a2{
width: 78%;font-size: 0.25rem; display: block;color: #fff;line-height: 2; font-family: AlibabaPuHuiTiM;
text-align: center; background: #9c8871; padding: 1% 2% 1% 2%; margin: 0 auto; border-radius: 0.3rem;
}

















/* 分割线 *//* 分割线 *//* 分割线 *//* 分割线 *//* 分割线 *//* 分割线 */









/* banner end */
.index_scope_title{padding-top: 0.4rem;padding-bottom: 0.3rem;}
.index_scope_main{height: auto;}
.index_scope_row .column{float: left;width: 3.2rem;height: auto;margin-right: 0.2rem;margin-bottom: 0.2rem;background-color: #fff;text-align: center;padding-top: 0.2rem;overflow: hidden;border-radius: 0.08rem;}
.index_scope_row .column:nth-child(2n){margin-right: 0;}
.index_scope_row .gd{display:block;background: url(../img/jj.png) no-repeat center;margin: 0.4rem auto; text-align: center;background-size: 38%; color: #fff; height: 0.6rem; line-height: 0.6rem;padding-right: 0.4rem;font-size: 0.3rem}
.index_scope_row .navname {width:100%; text-align: center; font-size: 0.4rem; margin: 0 auto;}
.index_scope_row .column:hover .pp{background-color: var(--ddc);color: #fff;}
.index_scope_main .cc_link{margin-top: 0.6rem;}
.index_lawyer{height: auto;background: url(../img/bg2.jpg) no-repeat center;background-size: cover;padding-top: 0.64rem;padding-bottom: 0.9rem;}
.index_lawyer_row{margin-top: 0.3rem;}
.index_lawyer_row .column{width: 3.2rem;float: left;background-color: #fff;margin-bottom: 0.2rem;margin-right: 0.2rem;}
.index_lawyer_row .column:nth-child(2n){margin-right: 0;}
.index_lawyer_row .column .pic{height: 4.2rem;}
.index_lawyer_row .column .article{box-sizing: border-box;padding: 0.26rem 0.2rem;}
.index_lawyer_row .column .article::after{content: "";display: block;clear: both;}
.index_lawyer_row .column .article .title{text-align: center;}
.index_lawyer_row .column .article .title>span{font-size: 0.24rem;color: #111;margin-right: 0.1rem;}
.index_lawyer_row .column .article .title>em{font-size: 0.2rem;color: #333;}
.index_lawyer_row .column .article .pp{margin-top: 0.1rem;color: var(--flc);line-height: 0.3rem;font-size: 0.22rem;-webkit-line-clamp: 2;height: 0.6rem;}
.index_lawyer_row .column .article .pp>span{color: #000;}
.index_lawyer_row .column .article .btn{margin-top: 0.22rem;width: 1.3rem;height: 0.4rem;display: block;font-size: 0.2rem;color: var(--dlc);text-align: center;line-height: 0.4rem;border-radius: 1rem;border: 1px solid var(--dlc);float: left;}
.index_lawyer_row .column .article .btn.on{border: 1px solid var(--dnc);color: var(--dnc);float: right;}
.index_lawyer_row .column .btn:hover{background-color: var(--dlc);}
.index_lawyer_row .column .btn.on:hover{background-color: var(--dnc);}
.index_lawyer_main .cc_link{margin-top: 0.6rem;background-color: transparent;}
.index_service{height: auto;background: url(../img/bg3.jpg) no-repeat center;background-size: cover;padding-top: 0.5rem;}
.index_service_main .cc_title .ltitle{color: #fff;}
.index_service_main .cc_title .stitle{color: #fff;}
.index_service_main .ball{position: relative;height: 0.3rem;margin-top: 0.25rem;}
.index_service_main .ball::before{content: "";width: calc(50% - 0.26rem);height: 1px;background-color: rgba(255,255,255,0.16);position: absolute;left: 0;top: 0.15rem;}
.index_service_main .ball::after{content: "";width: calc(50% - 0.26rem);height: 1px;background-color: rgba(255,255,255,0.16);position: absolute;right: 0;top: 0.15rem;}
.index_service_main .ball>i{width: 0.3rem;height: 0.3rem;display: block;margin: auto;background: url(../img/logoa.png) no-repeat center;background-size: 100%;}
.index_service_row{margin-top: 0.24rem;}
.index_service_row .column{float: left;width: 46%;margin-right: 8%;text-align: center;color: #fff;margin-bottom: 0.6rem;}
.index_service_row .column:nth-child(2n){margin-right: 0;}
.index_service_row .column .pic{width: 1rem;height: 0.74rem;margin: 0 auto;}
.index_service_row .column .title{font-size: 0.28rem;margin-top: 0.2rem;}
.index_service_row .column .stitle{width: 2.4rem;;font-size: 0.22rem;margin: 0.12rem auto 0;line-height: 0.3rem;height: 0.6rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;word-break: break-all;white-space: normal;}
.index_service_row .column .btn{display: inline-block;width: 1.3rem;height: 0.4rem;border-radius: 1rem;background-color: #c29655;line-height: 0.4rem;margin-top: 0.26rem;color: #fff;font-size: 0.2rem;}
.index_service_row .column .btn:hover{background-color: var(--dnc);}
.index_com{padding-top: 0.46rem;}
.index_case_main{margin-top: 0.33rem;box-shadow: 0.06rem 0.08rem 0.24rem 0 rgba(0, 0, 0, 0.1);}
.index_case_main .article{font-size: 0;float: none;box-sizing: border-box;padding: 0.28rem 0.3rem 0.46rem;}
.index_case_main .article .title{font-size: 0.26rem;color: var(--fnc);}
.index_case_main .article .stitle{font-size: 0.24rem;color: #444;margin-top: 0.14rem;}
.index_case_main .article .pp{font-size: 0.24rem;color: #888;line-height: 0.35rem;height: 0.7rem;margin-top: 0.16rem;margin-bottom: 0.3rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;word-break: break-all;}
.index_case_main .article .btn{display: inline-block;vertical-align: top;width: 1.8rem;height: 0.5rem;text-align: center;line-height: 0.5rem;border-radius: 0.1rem;font-size: 0.24rem;;color: #fff;background-color: var(--dlc);}
.index_case_main .article .btn.on{background-color: var(--dnc);margin-left: 20px;}
.index_case_main .pic{width: 100%;float: none;}
.index_case_row{position: relative;overflow: hidden;margin-top: 0.3rem;}
.index_case_row .slick-list{margin: 0 -0.08rem;}
.index_case_row .picf{box-sizing: border-box;padding: 0 0.08rem;}
.index_case_row .pic{width: 100%;height: 2.15rem;position: relative;display: block;overflow: hidden;}
.index_case_row .pic>img{transition: all 0.3s;}
.index_case_row .pic .mark{position: absolute;left: 0;bottom: 0;width: 100%;height: 0.5rem;line-height: 0.5rem;text-align: center;box-sizing: border-box;padding: 0 0.1rem;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;background-color: rgba(0,0,0,0.4);font-size: 0.24rem;color: #fff;transition: all 0.3s;}
.index_case_row .pic:hover .mark{background-color: var(--dnc);}
.index_case_row .pic:hover>img{transform: scale(1.1);}
.index_com .cc_title:nth-child(4){margin-top: 0.7rem;}
.index_com .cc_title:nth-child(4) .stitle::after{content: "";width: 1.2rem;height: 0.02rem;background: #dc0010;display: block;margin: 0.28rem auto 0;}
.index_com .cc_title:last-child{margin-top: 0.76rem;}
.index_com .cc_title:last-child .stitle{width: 84%;}
.index_intro_main{margin-top: 0.4rem;}
.index_intro_main .cont{width: 4.9rem;position: relative;text-align: center;margin: auto;}
.index_intro_main .cont p{font-size: 0.24rem;color: var(--fnc);line-height: 0.42rem;}
.index_intro_main .cont::before,.index_intro_main .cont::after{content: "";width: 0.54rem;height: 1.35rem;background: url(../img/icon3.png) no-repeat center;background-size: 100%;position: absolute;left: -0.9rem;top: calc(50% - 0.67rem);transition: all 0.3s;}
.index_intro_main .cont::after{right: -0.9rem;left: auto;transform: rotateY(180deg);;}
.index_intro_main .cont:hover::before{background: url(../img/icon3a.png) no-repeat center;background-size: 100%;}
.index_intro_main .cont:hover::after{background: url(../img/icon3a.png) no-repeat center;background-size: 100%;}
.index_intro_main .cc_link{margin-top: 0.56rem;}

.index_friend_row{margin-top: 0.35rem;border-left: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;}
.index_friend_row .column{width: 33.33%;height: 1.2rem;;box-sizing: border-box;border-top: 1px solid #eaeaea;border-right: 1px solid #eaeaea;float: left;position: relative;overflow: hidden;}
.index_friend_row .column>img{position: absolute;max-width: 70%;margin: auto;top: 0;bottom: 0;left: 0;right: 0;transition: all 0.3s;}
.index_friend_row .column:hover>img{transform: scale(1.06);}






/* 首页 end */


/* 新闻 */

.index_friend{
width: 6.6rem;
margin: 0 auto;
overflow: hidden;
}
.dz{
background: url(../img/ysbj.png) no-repeat center;
padding-bottom: 6%;
}
.dz_box{
width: 6.6rem; margin: 0 auto; overflow: hidden;position: relative;
}
.dz_box li{
display: block;width: 100%; margin-top: 6%;
}
.dz_box li .img{
width: 2rem; background: url(../img/dz4.png) no-repeat bottom; background-size: 105%; height: 2rem; float: left; position: absolute;
border: 0.02rem solid #fbe396; border-radius: 50%;
}
.dz_box li .box_info{
width: 4.8rem; height: 2rem; float: right;  background: #9a0000; border-radius: 0.4rem;padding-top: 6%;
}
.dz_box li .box_info p{
width: 100%; margin:0 auto; color: #fff; font-size: 0.3rem; font-weight: 600; text-align: center;
}
.dz_box li .box_info span{
width: 90%;  color: #fff; font-size: 0.2rem;   display: block; margin-left: 9%; padding-top: 2%;
line-height: 0.35rem;

-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 4;
overflow: hidden;
word-break: break-all;

}


.dz_box li .img1{
width: 2rem; background: url(../img/dz1.png) no-repeat bottom; background-size: 105%;
height: 2rem; float: right; left: 68%; position: absolute;     top: 3.33rem;;
border: 0.02rem solid #fbe396; border-radius: 50%;
}
.dz_box li .box_info1{
width: 4.8rem; height: 2rem; float: left;  background: #9a0000; border-radius: 0.4rem;padding-top: 6%; margin-top: 6%;
}
.dz_box li .box_info1 p{
width: 100%; margin:0 auto; color: #fff; font-size: 0.3rem; font-weight: 600; text-align: center;
}
.dz_box li .box_info1 span{
width: 90%;  color: #fff; font-size: 0.2rem;   display: block; margin-left: 3%; padding-top: 2%;
line-height: 0.35rem;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 4;
overflow: hidden;
word-break: break-all;

}



.dz_box li .img3{
width: 2rem; background: url(../img/dz2.png) no-repeat center; background-size: 105%;
height: 2rem; float: left;  position: absolute;     top: 6.2rem;;
border: 0.02rem solid #fbe396; border-radius: 50%;
}
.dz_box li .box_info3{
width: 4.8rem; height: 2rem; float: right;  background: #9a0000; border-radius: 0.4rem;padding-top: 6%; margin-top: 6%;
}
.dz_box li .box_info3 p{
width: 100%; margin:0 auto; color: #fff; font-size: 0.3rem; font-weight: 600; text-align: center;
}
.dz_box li .box_info3 span{
width: 90%;  color: #fff; font-size: 0.2rem;   display: block; margin-left: 9%; padding-top: 2%;
line-height: 0.35rem;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 4;
overflow: hidden;
word-break: break-all;

}


.dz_box li .img4{
width: 2rem; background: url(../img/dz3.png) no-repeat bottom; background-size: 105%;
height: 2rem; float: right; left: 68%; position: absolute;     top: 9rem;;
border: 0.02rem solid #fbe396; border-radius: 50%;
}
.dz_box li .box_info4{
width: 4.8rem; height: 2rem; float: left;  background: #9a0000; border-radius: 0.4rem;padding-top: 6%; margin-top: 6%;
}
.dz_box li .box_info4 p{
width: 100%; margin:0 auto; color: #fff; font-size: 0.3rem; font-weight: 600; text-align: center;
}
.dz_box li .box_info4 span{
width: 90%;  color: #fff; font-size: 0.2rem;   display: block; margin-left: 3%; padding-top: 2%;
line-height: 0.35rem;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 4;
overflow: hidden;
word-break: break-all;

}

/* 单页内容 */
.one_content{background: #ffffff;padding-bottom: 0.6rem;padding-top: 0.3rem}
.one_content p{font-size: 0.26rem;color: var(--fnc);line-height: 0.42rem;font-family: "Microsoft Yahei", "STXihei", "Helvetica Neue", "Helvetica", "Arial";}
.one_content video{display: block;max-width: 100%;height: auto;}
.one_content img{display: block;max-width: 100%;height: auto;margin: auto;}
.one_content.auto{min-height: auto;}
/* 单页内容 */

.index_allabout{background: url(../img/index_aboutbg.png) no-repeat bottom;background-size: cover;}
.index_aboutl{width: 51.2rem;float: left;}
.index_aboutltitle{font-size: 0.4rem;margin-bottom: 5px;}
.index_aboutltitle span{font-size: 0.6rem;line-height: 20px;color: #e62129;}
.index_aboutlintro{text-indent: 36px;font-size: 16px;line-height: 32px;}
.index_aboutr{width: 100%;float: right;position: relative;}
.index_promore img {
width: 72%;
}
.more_btn {

display: block;
}

.index_protop{
padding-top: 0.4rem;
}
.index_allpro{margin-top: 60px;background: url(../img/index_probg.png) no-repeat center bottom;}
.index_proltitle{margin-bottom: 0;}
.index_prolslogan{font-size: 0.25rem;}
.index_protopl{float: left;padding-left: 0.6rem;background: url(../img/smlogo.png) no-repeat center left;background-size: 12%;}
.index_protopr{float: right;width: 2.5rem;}
.index_promore{margin-top: -0.25rem; text-align: right}


/*productlist*/
.productlist { height: auto; overflow: hidden; padding:30px 1% 30px;width:98%}
.productlist li {float: left;position: relative;margin: 0 14px 30px;height: auto;width: 7.5%;border: 1px solid #dad9d9;}
.productlist li a { display: block;
/*height:290px; */
text-align: center;}
.protit { z-index:9999999;position: absolute;bottom: 0;left: 19px;line-height: 34px; height:34px; overflow: hidden; color: white; font-size:14px; font-weight: bold; text-transform: uppercase;width: 2.5rem;background: #000000; }
.productlist li:hover { border: 1px solid #e62129; }
.productlist li:hover .protit {background:#e62129 ; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; }
.productlist li:hover img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); }
.productlist .new { position: absolute; bottom: 15px; left: 0px;z-index:9999;width:57px; }
.productlist .new img{padding-bottom:5px;}
.proimg{    width: 1.7rem;
max-height: 4rem;text-align:center; overflow:hidden; margin:0 auto;}
.proimg img {
/*width: 100%;*/
/*margin:29% auto;*/
max-height: 2.6rem;
object-fit: cover;}


/* 产品列表 */
.index_pro{width: 100%;min-height: 3rem; margin:0 auto;position: relative;;}
#l{display:inline-block;width: 45px;height: 45px;background:  url(../img/xiangzuoicon.png) no-repeat center;position: absolute;top: 210px;left: -10px;z-index: 99999;border-radius: 100%;}
#r{display:inline-block;width: 45px;height: 45px;background: url(../img/xiangyouicon.png) no-repeat center;position: absolute;top: 210px;right: -10px;z-index: 99999;border-radius: 100%;}
.index_teamlist ul{width:98%;}
.index_teamlist ul li{width: 225px;height: auto;float: left;position: relative;margin: 30px 90px;}
.index_teamlist ul li .pro_img{width: 225px;height:225px;overflow: hidden;text-align: center;}
.index_teamlist ul li .pro_img img{width: 225px;height: 225px;border-radius: 100%;}
.index_teamlist ul li p{text-align: center}
.index_teamlist ul li:nth-child{margin-right: 0px;}
.teamlist_title{font-size: 16px;font-weight: bold;color: #333333;margin-top: 10px;}
.teamlist_title span{font-size: 18px;font-weight: bold;color: #1e2188;}
.teamlist_intro{font-size: 14px;color: #333333;}
.teamlist_num{font-size: 14px;color: #333333;font-weight: bold;line-height: 25px;}
.index_productlist{padding: 0 !important;width: 100% !important;padding-top: 30px !important;}
.index_productlist li{margin: 0 12px 30px!important;}
.pro1content1{position: relative;left: -12px;}
.index_pro{overflow: initial;}
/*.index_newslistr{float: right;width: 585px;}*/
/* 新闻 */



/* 律师详情 */
.lawyer_main{padding-top: 0.6rem;}
.lawyer_info .pic{width: 3.2rem;height: auto;padding: 0.08rem;background-color: #c39a6c;float: none;margin: auto;}
.lawyer_info .pic::after{content: "";display: block;width: 100%;height: 0.5rem;background: url(../img/logo_titlea.png) no-repeat center;background-size: 60%;}
.lawyer_info .article{padding-top: 0.2rem;float: none;text-align: center;}
.lawyer_info .article .title{font-size: 0.34rem;font-family: "黑体","Microsoft Yahei", "STXihei", "Helvetica Neue", "Helvetica", "Arial";font-weight: bold;letter-spacing: 0.06rem;color: var(--ddc);}
.lawyer_info .article .title>span{font-size: 0.24rem;font-weight: normal;letter-spacing: 0;font-family: "楷体";position: relative;vertical-align: -0.04rem;padding-left: 0.32rem}
.lawyer_info .article .title>span::before{content: "";position: absolute;left: 0;bottom: 0;width: 1px;height: 0.34rem;background-color: #999;margin-left: 0.12rem;}
.lawyer_info .article .status{margin-top: 0.3rem;margin-bottom: 0.5rem;display: inline-block;border-radius: 0.08rem;border: 0.02rem solid #c39a6c;color: var(--fnc);background-image: linear-gradient(to right,rgba(0,0,0,0),rgba(195,154,108,0.6));height: 0.6rem;line-height: 0.6rem;padding-left: 0.2rem;padding-right: 0.4rem;box-sizing: content-box;}
.lawyer_info .article .status::before{content:"";display: inline-block;width: 0.4rem;height: 0.4rem;background: url(../img/icon7a.png) no-repeat center;background-size: 100%;margin-right: 0.4rem;vertical-align: -0.1rem;}
.lawyer_info .article .pp{font-size: 0.26rem;color: var(--flc);margin-top: 0.2rem;text-align: left;box-sizing: border-box;padding-left: 12%;}
.lawyer_info .article .pp::before{content: "";width: 0.4rem;height: 0.4rem;display: inline-block;vertical-align: -0.06rem;margin-right: 0.08rem;}
.lawyer_info .article .pp:nth-child(3)::before{background: url(../img/icon8.png) no-repeat center;background-size: 100%;}
.lawyer_info .article .pp:nth-child(4)::before{background: url(../img/icon9.png) no-repeat center;background-size: 100%;}
.lawyer_info .article .pp>span{color: #000;}
.lawyer_info .article .btn{height: 0.5rem;display: inline-block;background-color: var(--dnc);text-align: center;line-height: 0.5rem;padding: 0 0.3rem;color: #fff;border-radius: 1rem;margin-top: 0.4rem;font-size: 0.22rem;box-sizing: border-box;}
.lawyer_intro{margin-top: 0.6rem;}
.lawyer_intro_title{height: 0.5rem;line-height: 0.5rem;}
.lawyer_intro_title>span{float: left;height: 0.5rem;padding-left: 0.38rem;padding-right: 0.6rem;background-image: linear-gradient(to right,#046eff,#3a56ff);font-size: 0.24rem;color: #fff;position: relative;letter-spacing: 0.04rem;}
.lawyer_intro_title>span::before{content: "";width: 0.04rem;height: 100%;background-color: #fff;position: absolute;left: 0.16rem;top: 0;;}
.lawyer_intro_title>span::after{content: "";width: 0;height: 0;border-top: 0.5rem solid transparent;border-right: 0.3rem solid #fff;position: absolute;top: 0;right: 0;}
.lawyer_intro_title>i{float: left;font-size: 0.2rem;text-transform: uppercase;font-family: 'TimesNewRoman',"Microsoft Yahei";letter-spacing: 0.02rem;margin-right: 0.2rem;color: #181818;}
.lawyer_intro_title>em{float: left;width: 0.16rem;height: 0.24rem;background: url(../img/icon10.png) no-repeat center;background-size: 100%;margin-top: 0.12rem;}
.lawyer_intro_cont{min-height: auto!important;height: auto;background-color: #fff;}
/* 律师详情 */

/* 案例 */
.case_main_row{padding: 0.6rem 0;}
.case_main_row .index_news_item{margin-bottom: 0.4rem;}

/* 新闻 */

.news_item {
display: block;
box-sizing: border-box;
overflow: hidden;
padding: 0.3rem 0;
transition: all 0.6s;
}

.news_list .fr {
float: right;
}

.news_list .img2 {
width: 100%;
height: 100%;
display: block;
margin: auto;
}

.news_list .pic {
width: 2rem;
height: 1.4rem;
}


.news_list .article {
width: calc(100% - 2rem - 5.5%);
height: auto;
}

.fr {
float: right;
font-size: 0.2rem;
}

.news_list .article .title {
font-size: 0.3rem;
font-weight: 600;
transition: all 0.3s;
color: #d4232d;
}

/* 新闻 end */

/* 详情页 */
.view_box{width: 100%;margin: auto;padding-bottom: 1rem;padding-top: 0.2rem;}
.view_box_title{text-align: center;font-size: 0.28rem;font-weight: bold;letter-spacing: 0.02rem;}
.view_box_pp{text-align: center;font-size: 0.2rem;font-family: "宋体";color: #5a5a5a;padding-top: 0.3rem;padding-bottom: 0.24rem;border-bottom: 1px solid #181818;}
.view_box_pp>span+span{margin-left: 0.35rem;}
.view_box_content{padding-top: 0.4rem;padding-bottom: 0.6rem;}
.view_box_content p{text-indent: 2em;font-size: 0.26rem;color: var(--flc);line-height: 0.42rem;font-family: "黑体","Microsoft Yahei", "STXihei", "Helvetica Neue", "Helvetica", "Arial";}
.view_box_content video{display: block;max-width: 100%;height: auto;}
.view_box_content img{display: block;max-width: 100%;height: auto;margin: auto;}
.view_box_pg{line-height: 0.5rem;font-size: 0.26rem;color: #000;}
.view_box_pg:hover>a{color: var(--dnc);text-decoration: underline;}
/* 详情页 end */

.cc_page{
width: 100%;height: auto;text-align: center;overflow: hidden;margin: 0 auto 0; padding-bottom: 0.4rem;
}
.cc_page>div{display: flex;flex-wrap: wrap;justify-content: center;}
.cc_page span,.cc_page a{width: 30px;height: 30px;line-height: 30px;text-align: center;background: transparent;box-sizing: border-box;border: 1px solid #d0d0d0;margin-right: 7px;color: #757575;transition: all 0.3s;margin-bottom: 7px;}
.cc_page .prev,.cc_page .next{width: auto;padding: 0 15px;}
.cc_page span{background-color: #9c8871;border: 1px solid #9c8871;color: #fff;}
.cc_page a:hover{background-color: #9c8871;border: 1px solid #9c8871;color: #fff;}
.cc_page span:hover{cursor: not-allowed;}




.glyphicon-phone:before {
content: "\e145";
}

.fixbar_06 {
display: block;
z-index: 999;
position: fixed;
bottom: 0px;
left: 0px;
width: 100%;
height: 60px;
}
.fixbar_06 a.tel {
background: #07d8c5;
width: 50%;
}
.fixbar_06 a {
float: left;
color: #fff;
font-size: 15px;
width: 60%;
text-align: center;
height: 60px;
line-height: 60px;
position: relative;
}

.fixbar_06 a i {
position: absolute;
height: 32px;
background-color: #e60012;
border-radius: 32px;
/*background: url('../img/xiaox.jpg') no-repeat center;*/
box-shadow: 0 0 3px rgba(0,0,0,.8);
color: #fff;
text-align: center;
font-style: normal;
font-size: 18px;
width: 15px;
height: 15px;
font-size: 12px;
line-height: 15px;
z-index: 2;
top: 10px;
right: 20px;
-webkit-animation: bounce-up 0.5s linear infinite;
animation: bounce-up 0.5s linear infinite;
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.fixbar_06 a.mapnav {
background: #ff9e0f;
width: 50%;
}

.fixbar_06 a {
float: left;
color: #fff;
font-size: 15px;
width: 60%;
text-align: center;
height: 60px;
line-height: 15px;
position: relative;
}
.glyphicon-headphones:before {
content: "\e035";
}


/************************************************ 联系我们 *******************************************/
.index-cen {
background-color: #fcfff5;
}
.index-cen .cen1 {
margin-top: 25px;
}
.index-cen .cen1 .cen1-1 {
float: left;
width: 32%;
max-width: 384px;
height: 100%;
background: url("../img/index-about_03.png") no-repeat bottom center #e9f1ea;
text-align: center;
}
.index-cen .cen1 .cen1-1 a {
display: block;
height: 100%;
position: relative;
}
.index-cen .cen1 .cen1-1 a:hover .mask-cen1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);
opacity: 0.2;
}
.index-cen .cen1 .cen1-1 a img {
margin-top: 30px;
}
.index-cen .cen1 .cen1-1 a .text1 {
color: #5e765b;
text-align: left;
padding: 0 16%;
margin-top: 40px;
}
.index-cen .cen1 .cen1-1 a .text1 h3 {
font-size: 30px;
font-weight: 500;
}
.index-cen .cen1 .cen1-1 a .text1 p {
font-size: 22px;
font-weight: 500;
}
.index-cen .cen1 .cen1-1 a .text2 {
color: #546b51;
text-align: left;
padding: 0 16%;
margin-top: 40px;
}
.index-cen .cen1 .cen1-1 a .text2 p {
font-size: 22px;
}
.index-cen .cen1 .cen1-2 {
float: left;
width: 30%;
max-width: 432px;
height: 100%;
background-color: #edf6ec;
text-align: center;
padding: 0 3%;
}
.index-cen .cen1 .cen1-2 img {
margin-top: 30px;
}
.index-cen .cen1 .cen1-2 h3 {
font-weight: 500;
margin: 60px 0 25px 0;
color: #444;
font-size: 22px;
}
.index-cen .cen1 .cen1-2 p {
line-height: 25px;
color: #595959;
font-size: 14px;
height: 100px;
overflow: hidden;
}
.index-cen .cen1 .cen1-2 a {
color: #fff;
display: block;
width: 160px;
line-height: 45px;
margin: 45px auto 0 auto;
background-color: #b9a076;
}
.index-cen .cen1 .cen1-3 {
float: left;
width: 28%;
max-width: 360px;
height: 100%;
background-color: #f6fff5;
text-align: center;
padding: 0 1% 0 1%;
}
.index-cen .cen1 .cen1-3 img {
margin-top: 20px;
margin-bottom: 25px;
}
.index-cen .cen1 .cen1-3 ul li {
overflow: hidden;
margin-top: 25px;
}
.index-cen .cen1 .cen1-3 ul li h3 {
font-weight: 500;
color: #832444;
font-size: 18px;
}
.index-cen .cen1 .cen1-3 ul li p {
font-size: 14px;
color: #343434;
margin-top: 5px;
line-height: 20px;
height: 40px;
overflow: hidden;
}
.index-cen .cen1 .cen1-3 ul li img {
margin-top: 0;
}
.index-cen .cen1 .cen1-3 ul li .li-l {
float: left;
width: 20%;
}
.index-cen .cen1 .cen1-3 ul li .li-l img {
width: 100%;
}
.index-cen .cen1 .cen1-3 ul li .li-r {
float: right;
width: 75%;
}
.index-cen .cen2 {
height: 267px;
margin: 30px 0 30px 0;
}
.index-cen .cen2 a {
display: block;
height: 100%;
position: relative;
}
.index-cen .cen2 a:hover .cen2-mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);
opacity: 0.2;
}
.index-cen .cen2 a .small-mask {
position: absolute;
left: 0;
}
.index-cen .cen2 .cen2-1 {
float: left;
width: 48%;
height: 100%;
}
.index-cen .cen2 .cen2-1 .cen2-1-l {
float: left;
width: 50%;
overflow: hidden;
}
.index-cen .cen2 .cen2-1 .cen2-1-l img {
height: 100%;
}
.index-cen .cen2 .cen2-1 .cen2-1-r {
float: left;
width: 44%;
background-color: #5ca30a;
height: 100%;
color: #fff;
padding: 0 3%;
position: relative;
}
.index-cen .cen2 .cen2-1 .cen2-1-r:hover .cen2-mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);
opacity: 0.2;
}
.index-cen .cen2 .cen2-1 .cen2-1-r h3 {
font-weight: 500;
font-size: 16px;
line-height: 50px;
margin-top: 30px;
}
.index-cen .cen2 .cen2-1 .cen2-1-r p {
font-size: 14px;
}
.index-cen .cen2 .cen2-2 {
float: left;
width: 24%;
margin-left: 1%;
}
.index-cen .cen2 .cen2-2 .small-mask {
top: 0;
}
.index-cen .cen2 .cen2-3 {
float: left;
width: 24%;
margin-left: 1%;
}
.index-cen .cen2 .cen2-3 .small-mask {
bottom: 0;
}
.index-cen .inside-cen {
overflow: hidden;
zoom: 1;
width: 100%;
background: url("../img/inside-bg_03.jpg") repeat-y center;
}
.index-cen .inside-cen .inside-cen-l {
float: left;
width: 20%;
max-width: 220px;
min-height: 100px;
}
.index-cen .inside-cen .inside-cen-l .l-title {
background-color: #000;
height: 60px;
padding: 10px 10px 0 20px;
position: relative;
}
.index-cen .inside-cen .inside-cen-l .l-title h3 {
color: #fff;
font-size: 20px;
}
.index-cen .inside-cen .inside-cen-l .l-title p {
color: #a9a9a9;
font-size: 12px;
}
.index-cen .inside-cen .inside-cen-l .l-title span {
width: 20px;
height: 20px;
display: block;
background: url("../img/arrow_03.png") no-repeat center;
position: absolute;
right: 15px;
top: 50%;
margin-top: -10px;
}
.index-cen .inside-cen .inside-cen-l ul {
border: 1px solid #e8e8e8;
}
.index-cen .inside-cen .inside-cen-l ul li {
line-height: 48px;
border-bottom: 1px solid #e8e8e8;
}
.index-cen .inside-cen .inside-cen-l ul li.on a {
color: #c42715;
}
.index-cen .inside-cen .inside-cen-l ul li:last-child {
border: 0;
}
.index-cen .inside-cen .inside-cen-l ul li a {
display: block;
padding-left: 5%;
color: #252525;
font-size: 14px;
}
.index-cen .inside-cen .inside-cen-l ul li a span {
float: right;
margin-right: 15px;
display: block;
width: 10px;
height: 10px;
background: url(../img/arrowbg.png) no-repeat;
background-position: left top;
}
.index-cen .inside-cen .inside-cen-l ul li .nxiala{ display: none;}
.index-cen .inside-cen .inside-cen-l ul li.nsel a span{
background-position: left -10px;
}
.index-cen .inside-cen .inside-cen-l ul li.nsel a.titt{ color: #c42715;}
.index-cen .inside-cen .inside-cen-l ul li p{ width: 176px; margin: 0 auto; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index-cen .inside-cen .inside-cen-l .text2 {
margin-top: 35px;
}
.index-cen .inside-cen .inside-cen-l .text2 .l-title {
background-color: #5f5f5f;
height: 55px;
line-height: 55px;
padding: 0 0 0 20px;
}
.index-cen .inside-cen .inside-cen-l .text2 ul li {
text-align: center;
padding: 10px 0 20px 0;
}
.index-cen .inside-cen .inside-cen-l .text2 ul li:first-child p:last-child {
font-size: 26px;
color: #c42715;
font-weight: bold;
margin-top: 10px;
font-family: "Impact";
}
.index-cen .inside-cen .inside-cen-l .text2 ul li p {
line-height: 20px;
color: #4b4b4b;
font-size: 12px;
}
.index-cen .inside-cen .inside-cen-l .text2 ul li p a {
width: 90px;
height: 30px;
background-color: #c42715;
color: #fff;
margin: 5px auto 0 auto;
line-height: 30px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 0;
}
.index-cen .inside-cen .inside-cen-r {
float: right;
width: 78%;
}
.index-cen .inside-cen .inside-cen-r .address {
background-color: #fafafa;
overflow: hidden;
zoom: 1;
}
.index-cen .inside-cen .inside-cen-r .address .address-l {
float: left;
width: 40%;
position: relative;
}
.index-cen .inside-cen .inside-cen-r .address .address-l h3 {
color: #c42715;
padding-left: 20px;
white-space: nowrap;
}
.index-cen .inside-cen .inside-cen-r .address .address-l h3 span {
background-color: #c42715;
width: 5px;
height: 1.2rem;
position: absolute;
left: 0;
top: 0;
display: inline-block;
}
.index-cen .inside-cen .inside-cen-r .address .address-r {
float: right;
width: 58%;
text-align: right;
padding-right: 2%;
font-size: 12px;
color: #999;
}
.index-cen .inside-cen .inside-cen-r .address .address-r a {
color: #999;
}
.index-cen .inside-cen .inside-cen-r .address .address-r a:last-child {
color: #c42715;
}
.index-cen .inside-cen .inside-cen-r .ncontxt {
padding: 24px 1%;
line-height: 26px;
overflow: hidden;
zoom: 1;
}
.index-cen .inside-cen .inside-cen-r .text {
padding: 0 1%;
}
.index-cen .inside-cen .inside-cen-r .text .text-img {
text-align: center;
margin: 20px auto 20px auto;
}
.index-cen .inside-cen .inside-cen-r .text .text-img img {
width: 100%;
}
.index-cen .inside-cen .inside-cen-r .text p {
color: #666;
text-indent: 2em;
font-size: 14px;
line-height: 30px;
}
.index-cen .inside-cen .inside-cen-r .text ul.narclist {
padding-top: 30px;
}
.index-cen .inside-cen .inside-cen-r .text ul.narclist li {
width: 96%;
margin: 0 auto;
line-height: 36px;
}
.index-cen .inside-cen .inside-cen-r .text ul.narclist li:hover a {
color: #ff0000;
}
.index-cen .inside-cen .inside-cen-r .text ul.narclist li:hover a span {
color: #ff0000;
}
.index-cen .inside-cen .inside-cen-r .text ul.narclist li a {
color: #666;
display: block;
}
.index-cen .inside-cen .inside-cen-r .text ul.narclist li a span {
float: right;
color: #999;
}
.index-cen .inside-cen .inside-cen-r .text ul.nimglist {
overflow: hidden;
zoom: 1;
}
.index-cen .inside-cen .inside-cen-r .text ul.nimglist li {
width: 32%;
float: left;
margin: 10px 0.65% 0 0.65%;
}
.index-cen .inside-cen .inside-cen-r .text ul.nimglist li a {
display: block;
}
.index-cen .inside-cen .inside-cen-r .text ul.nimglist li a img {
width: 100%;
}
.index-cen .inside-cen .inside-cen-r .text ul.narclists {
padding-top: 32px;
}
.index-cen .inside-cen .inside-cen-r .text ul.narclists li {
overflow: hidden;
line-height: 58px;
height: 58px;
border-bottom: 1px dotted #dedede;
font-size: 16px;
}
.index-cen .inside-cen .inside-cen-r .text ul.narclists li:hover a {
color: #c42715;
}
.index-cen .inside-cen .inside-cen-r .text ul.narclists li a {
display: block;
color: #666;
}
.index-cen .inside-cen .inside-cen-r .text ul.narclists li a span {
float: right;
color: #999;
}
.index-cen .inside-cen .contact {
width: 100%;
max-width: inherit;
}
.index-cen .inside-cen .contact .text3 {
padding: 0 3%;
}
.index-cen .inside-cen .contact .text3 p {
color: #8c8c8c;
font-size: 14px;
}
.index-cen .inside-cen .contact .text3 p.msgtip {
color: #ff0000;
line-height: normal;
padding-top: 15px;
}
.index-cen .inside-cen .contact .text3 .text3-1 h3 {
font-size: 0.6rem;
}
.index-cen .inside-cen .contact .text3 .text3-1 .text3-all {
overflow: hidden;
zoom: 1;
}
.index-cen .inside-cen .contact .text3 .text3-1 .text3-all .message {
width: 100%;
float: left;
}
.index-cen .inside-cen .contact .text3 .text3-1 .text3-all .message ul li {
background-color: #e7e7e7;
margin-top: 10px;
font-size: 0.2rem;
}
.index-cen .inside-cen .contact .text3 .text3-1 .text3-all .message ul li .label {
height: 30px;
display: inline-block;
line-height: 30px;
color: #8c8c8c;
padding-left: 5%;
}
.index-cen .inside-cen .contact .text3 .text3-1 .text3-all .message ul li .input {
width: 50%;
height: 27px;
padding-left: 5%;
outline: none;
line-height: 27px;
background-color: #e7e7e7;
}
.index-cen .inside-cen .contact .text3 .text3-1 .text3-all .message ul li textarea {
padding: 5px 0 5px 5%;
outline: none;
background-color: #e7e7e7;
width: 95%;
border: none;
}
.index-cen .inside-cen .contact .text3 .text3-1 .text3-all .message .sub {
width: 1.2rem;
height: 30px;
background-color: #de0000;
color: #fff;
font-size: 14px;
margin-top: 15px;
cursor: pointer;
}
.index-cen .inside-cen .contact .text3 .text3-1 .text3-all .map {
width: 100%;
margin-top: 10px;
}
.index-cen .inside-cen .contact .text3 .text3-1 .text3-all .map .map-l {
width: 100%;
float: left;
background-color: #fff;
/*border-left: 3px solid #c42715;*/
padding: 5px 0;
}
.index-cen .inside-cen .contact .text3 .text3-1 .text3-all .map .map-l p {
line-height: 38px;
padding: 0 2%;
}
.index-cen .inside-cen .contact .text3 .text3-1 .text3-all .map .map-r {
width: 100%;
height: 239px;
}
.index-cen .inside-cen .inside-cen-r .ncontxt .p-title{
text-align: center;
}
.index-cen .inside-cen .inside-cen-r .ncontxt .p-title img{
vertical-align: middle;
}
.index-cen .inside-cen .inside-cen-r .ncontxt .p-title p{
display: inline-block;
}
.index-cen input{border: none;}

.BMap_bubble_title{
font-size: 0.25rem;
}
.BMap_bubble_content{
font-size: 0.25rem;
}
.webname a{
font-size: 0.4rem; color: #d4232d; font-weight: 600; border-bottom: 2px solid #d4232d;  padding-bottom: 5%;
font-family: SourceHanSerifCN; display: block;
}

.navdescription{
font-size: 0.25rem; line-height: 1.5; padding-top: 8%; color: #666666;

}

.more1{
font-size: 0.25rem; float: right; border: 1px solid #e6e3e3; border-radius: 1rem; display: block; margin-top: 7%;
width: 1.7rem; height: 0.5rem; line-height: 0.5rem; padding-left: 0.3rem;
background:url(../img/yjiant.png) no-repeat center; color:#666666 ; background-position-x: 80%; background-size: 20%;

}
.about_a{
width: 100%;
height: 5rem;
display: block;
overflow: hidden;
margin-top: 21%
}
.about_ul li{
float: left; width: 50%;
}

.about_ul li a{
font-size: 0.4rem; color:#d4232d ; font-weight: 600; padding-left: 8%;
line-height: 0.8rem;
height: 0.8rem;
display: block;
float: left;
}

.about_ul li i{
font-size: 0.2rem;padding-left: 6%; color:#666666 ;
line-height: 0.8rem;
height: 0.8rem;
display: block;
float: left;
}


.swiper-container_m1 {
width: 100%;
height: 100%;
margin-top: 10%
}
.swiper-container_m1 .swiper-slide {
text-align: center;
font-size: 18px;
/*background: #fff;*/

/* Center slide text vertically */
/*display: -webkit-box;*/
/*display: -ms-flexbox;*/
/*display: -webkit-flex;*/
/*display: flex;*/
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
padding-bottom: 20%;
}

.ys_p{
font-size: 1rem; font-weight: 600; color: #fff;
font-family: "Microsoft Yahei", "STXihei", "Helvetica Neue", "Helvetica", "Arial";
}

.ys_i{
width: 7%; display: block; margin: 0 auto;  border: 0.01rem solid #fff;
}

.ys_title{
font-size: 0.3rem;color: #fff; margin-top: 10%;	font-family: "Microsoft Yahei", "STXihei", "Helvetica Neue", "Helvetica", "Arial";

}

.ys_span{
font-size: 0.2rem;color: #fff; opacity: 0.8; margin-top: 4%; display: block;
}
.swiper-container_m1 .swiper-button-next:after, .swiper-container_m1 .swiper-container-rtl .swiper-button-prev:after {
content: '';
}

.swiper-container_m1 .swiper-button-prev:after, .swiper-container_m1 .swiper-container-rtl .swiper-button-next:after {
content: '';
}

.swiper-container_m1  .swiper-button-next{
background:url(../img/yjt.png) no-repeat; background-size: 80%; width: 1rem;
}

.swiper-container_m1  .swiper-button-prev{
background:url(../img/zjt.png) no-repeat; background-size: 80%; width: 1rem;
}


.swiper-container_m1 .swiper-button-next, .swiper-button-prev{
top: 94%;
}

.swiper-container_m1 .swiper-button-prev {
left: 35%;
}
.swiper-container_m1 .swiper-button-next {
right: 31%;
}

.swiper-container_jm .swiper-slide-next{
opacity: 0.6;
}

.jm_info{
display: none;
/*background: rgba(212,35,45,0.7); */
width: 42%; margin-left: 5%; position: absolute; bottom: 0.1rem;
font-size: 0.3rem; height: 1.2rem; text-align: center;   line-height: 1rem;
}
.jm_info a{
color: #fff; display: block;
}
.jm_info span{
/*width: 30%; border: 0.01rem solid #fff; display: block;margin-left: 7%;*/
}
.swiper-slide-active .jm_info{
display: block;
}

.swiper-container_jm{
margin-top: 5%;
}

.jm{
margin-top: 5%; margin-left: 1%;
}

.jm ul li{
float: left; width: 44%; margin-left: 3%;padding-bottom:5%;display: block; border: 0.01rem solid #8c8c8c; margin-top: 2%;
}
.jm_box {
width: 85%; margin: 0 auto;
}
.jm_p1{
font-size: 0.7rem;color: #d4232d; font-weight: 600; margin-top: 10%;	font-family: "Microsoft Yahei", "STXihei", "Helvetica Neue", "Helvetica", "Arial";

}

.jm_p1 a{
font-size: 0.4rem;color: #000; margin-left: 5%; font-weight: 600;
}

.jm_span{
font-size: 0.25rem; line-height: 1.8;  display: block; margin-top: 10%; height: 0.8rem;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
word-break: break-all;
}

.jm_more{
width: 45%; height: 0.5rem; background: #d4232d; display: block; margin-top: 20%;
text-align: center; line-height: 0.45rem; color: #fff; font-size: 0.25rem; border-radius: 1rem;
}


.cpzs{
margin-top: 5%; margin-left: 1%;
}
.cpzs ul li img{
display: block;
}

.cpzs ul li{
float: left; width: 46%; margin-left: 2%;display: block;
height: 3.2rem; padding-bottom: 5%;
}

.cpzs ul li a{
height: 3rem; display: block;
}
.cpzs ul li span{
font-size: 0.25rem; float: left; text-align: center; width: 100%; font-weight: 600; padding-top: 5%;
color: #000;
}


.zsjm{
width: 100%;background: url(../img/zs.png) no-repeat; background-size: cover;
}
.zsjm p{
color: #fff; margin: 0 auto; width: 100%; text-align: center; font-size: 0.5rem;overflow: hidden;position: relative;
top: 55%;
}

.zsjm a{
width: 2.5rem;
height: 0.7rem;
display: block;
margin: 50% auto;
text-align: center;
background: #A40E09;
color: #fff;
font-size: 0.3rem;
line-height: 0.7rem;
}




.foot_erweima p {
color: #fff; font-size: 0.25rem; padding-top: 0.1rem;
}


select {
-webkit-writing-mode: horizontal-tb !important;
text-rendering: auto;
color: -internal-light-dark(black, white);
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: start;
appearance: auto;
box-sizing: border-box;
align-items: center;
white-space: pre;
-webkit-rtl-ordering: logical;
background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));
cursor: default;
margin: 0em;
font: 400 13.3333px Arial;
border-radius: 0px;
border-width: 1px;
border-style: solid;
border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
border-image: initial;
}


.one_box{
width: 90%; margin: 0 auto;  overflow: hidden; height:  auto;
}
.one_box_cont ul{
display: block; padding-top: 1%; border-top: 0.01rem solid #f1f1f1;
}
.one_box_cont ul li {
width: 50%; float: left;
}

.one_box_cont ul li a{
font-size: 0.4rem; color:#d4232d ;  font-weight: 600;
}
.one_box_cont ul li i{
font-size: 0.25rem;   margin-top: 10px; color: #a8a7a7; padding-left: 8%;
}

.swiper-container {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.swiper-slide {
background-size: cover;
background-position: center;
}
.gallery-top {
height: 61%;
}
.gallery-thumbs {
height: 40%;
box-sizing: border-box;
padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
opacity: 0.4;
}
.gallery-thumbs .swiper-slide-thumb-active {
opacity: 1;
}

.gallery-top .swiper-wrapper {
height: 60%;
}


.swiper-container4 .swiper-slide{
width: 33%;
opacity: 0.5;
}

.swiper-container4 .swiper-slide-next,.swiper-container4 .swiper-slide-active{
opacity: 1;
}
.swiper-container4{
height: 2.4rem; padding-bottom: 8%;
}

.swiper-container4 .swiper-slide-active {
}
.swiper-container4 .swiper-slide-active:hover{
transform: scale(1,1);
}
.tscp ul li a{
display: block; width: 100%;
}
.tscp ul li {
width: 100%; float: left;margin-top: 5%;
}

.tscp ul li:nth-child(4n),.tscp ul li:nth-child(5n),.tscp ul li:nth-child(7n),.tscp ul li:nth-child(8n){
width: 49%;
}

.tscp ul li:nth-child(5n),.tscp ul li:nth-child(8n){
margin-left: 2%;
}



.swiper-container_jm {
width: 100%;
margin-left: auto;
margin-right: auto;

}
.swiper-container_jm .swiper-slide {
background-size: cover;
background-position: center;
}
.gallery-top_jm {
height: 80%;
width: 100%;
}
.gallery-thumbs_jm {
height: 100%;
box-sizing: border-box;
background: #a8a7a7;
}
.gallery-thumbs_jm .swiper-slide {
width: 25%;
height: 100%;
opacity: 0.4;
}
.gallery-thumbs_jm .swiper-slide-thumb-active {
opacity: 1;
}

.swiper-button-prev_jm,.swiper-button-next_jm {
top: 80%; font-size: 0.4rem; color: #eeecec;
}
.swiper-button-next_jm{
right: 14px;
}
.swiper-button-prev_jm{
left: 14px;
}
.jmmd{
width: 90%;margin: 0 auto; height: 6.5rem; padding-bottom: 10%;
}

.gallery-top_jm .swiper-wrapper {
height: 100%;
}
.md_title{
width: 30%; height: 1rem; background: #d4232d; margin-top: 50%; margin-left: 10%;
text-align: center;	color: #fff; font-size: 0.3rem; line-height: 1rem;

}
.md_title span{
}


.swiper-container2 {
width: 100%;
}
.swiper-container2 .swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
background-size: cover;
background-position: center;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.jmmd1{
width: 90%;margin: 5% auto; height: 4rem; ;
}

.jcsp{
width: 100%;height: 0.6rem;background: rgba(0,0,0,0.3);position: absolute;bottom: 0;z-index: 8;
}

.jcsp .swiper-button-prev1,.jcsp .swiper-button-next1 {
top: 50%; font-size: 0.2rem; color: #eeecec;
}

.jcsp .swiper-button-next1{
right: 35%; background:url(../img/yhd.png) no-repeat center; background-size: 50%;
}
.jcsp .swiper-button-prev1{
left: 35%; background:url(../img/zhd.png) no-repeat center;background-size: 50%;
}

.jcsp .swiper-button-next1:after, .jcsp .swiper-container-rtl .swiper-button-prev1:after {
content: '';
}


.jcsp .bo_fang{
font-size: 0.3rem; position: absolute;    z-index: 10;    left: 47%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
background:url(../img/bo_fang.png) no-repeat center;background-size: 70%;
top: 50%;
width: calc(var(--swiper-navigation-size)/ 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
}







.swiper-container_1 {
width: 100%;
margin-top: 5%;
}
.swiper-container_1 .swiper-slide {
text-align: center;
/*border-radius: 0.3rem 0.3rem 0 0;*/
height: 5.5rem;
background: #d4232d;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-container_1 .swiper-slide img{
/*border-radius: 0.3rem 0.3rem 0 0;*/
}


.swiper-button-prev_1,.swiper-button-next_1 {
top: 40%; font-size: 0.4rem; color: #eeecec;
}

.swiper-button-next_1{
background-size: 50%;
}
.swiper-button-prev_1{
background-size: 50%;
}

.join_title{
color: #fff; font-size: 0.3rem; padding-top: 2%; 	letter-spacing:0.1rem;
}

.join_i{
width: 8%; border: 0.01rem solid #fff; display: block; margin: 2% auto;
}

.join_span{
color: rgba(255,255,255,0.8); font-size: 0.25rem;display: block;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
word-break: break-all;
}
.plys{
width: 90%; margin: 0 auto;overflow: hidden; padding-top: 5%;
}

.plys ul li {
display: block; width: 100%; height: 0.8rem; overflow: hidden; line-height:0.8rem;
border-bottom: 0.01rem solid #d7d7d7; margin-top: 2%;
}

.plys ul li a{
font-size: 0.25rem; width: 90%; float: left;  border-left: 0.1rem solid #d4232d; padding-left: 2%;
color: #000; font-weight: 600; height: 0.6rem; line-height: 0.6rem;
}



.swiper-container_2 {
width: 90%;
margin: 0 auto;
margin-top: 5%;
padding-bottom: 7%;
}
.swiper-container_2 .swiper-slide {
text-align: center;
/*border-radius: 0.3rem 0.3rem 0 0;*/
height: 4.5rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-container_2 .swiper-slide img{
/*border-radius: 0.3rem 0.3rem 0 0;*/
}


.swiper-button-prev_2,.swiper-button-next_2 {
top: 40%; font-size: 0.4rem; color: #eeecec;
}

.swiper-button-next_2{
background-size: 50%;

}
.swiper-button-prev_2{
background-size: 50%;
}

.jmys_span{
color: rgba(0,0,0,0.8); font-size: 0.25rem;display: block;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
/*-webkit-line-clamp: 1;*/
overflow: hidden;
word-break: break-all;
float: left;
margin-top: 5%
}

.one_box_cont .jmfc{
display: block;width: 100%; height: auto; margin-top: 5%;border-top:0; padding-bottom: 5%;
}

.one_box_cont .jmfc li{
float: left; width:25%; display: block; text-align: center;margin-top: 5%;
}
.jmfc li img{
text-align: center;width: 0.8rem; display: block; margin: 0 auto;
}

.jmfc li p{
font-size: 0.2rem; 	color: rgba(255,255,255,0.8); margin-top: 15%;padding-bottom: 15%;
}



.tzfx{
width: 90%; margin: 0 auto; font-size: 0.3rem; padding-bottom: 5%;
}

.ly_rit{
width: 90%; margin: 5% auto; background: #ffffff;
}

.massg{
width: 100%; background: url(../img/masg.png) no-repeat; background-size: cover; padding-top: 5%; padding-bottom: 5%;
}

.srk{
width: 90%; margin: 5% auto; background: #fff;padding-bottom: 5%;
}
.massg span{
font-size: 0.3rem; font-weight: 600; padding-left: 5%;
}
.massg input {
border: 0;
border-bottom: 0.01rem solid #a8a7a7;
width:90%;
height: 0.4rem;
line-height: 0.4rem;
color: #a8a7a7;
display: block;
font-size: 0.25rem;
margin: 0 auto;
}


#mysubmit1 {
width: 90%;
height: 0.7rem;
display: block;
text-align: center;
background: #d8262c;
color: #fff;
font-size: 0.3rem;
line-height: 0.7rem;
margin: 5% auto;

}

.fzlc{
width: 90%; margin: 0 auto;  padding-bottom: 2%;overflow: hidden;
}
.fzlc p{
font-size: 0.3rem;

}
.item_p1{
float: left;
font-size: 0.4rem;
font-weight: 600;
color: #d4232d;
font-family: SourceHanSansCN;
}

.fzlc .item_p2 {
float: left;
width: 0.1rem;
height: 0.1rem;
border-radius: 50%;
background: #d4232d;
margin-top: 3.5%;
margin-left: 5%;
}

.item_p2_1{
min-height: 2rem;
padding-bottom: 5%;
overflow: hidden;
width: 0.02rem;
background: #727170;
display: block;
margin-top: 0.2rem;
margin-left: 0.05rem;
}

.item_p4{
font-size: 0.3rem;
line-height: 1.5;
overflow: hidden;
display: block;
color: #666666;
padding-left: 5%;
width:5rem; float: right;
}

/*#dituContent {*/
/*left: -38%;*/
/*}*/

.zsjm_left ul li p {
padding-top: 7%;
font-size: 0.3rem;
color: #9c8871;
font-family: AlibabaPuHuiTiM;
}

.zsjm_left ul li p {
padding-top: 7%;font-size: 0.35rem; color: #9c8871;
}

.zsjm_left ul li span {
padding-top: 5%;font-size: 0.22rem; line-height: 1.5; display: block;
}


.jmlc{
width: 100%; background: #eeefef;
}

.jmlc_box{
width: 90%; display: block;overflow: hidden;  margin: 0 auto; padding-top: 5%; padding-bottom: 5%; padding-left: 2%;
}
.jmlc_box ul {
padding-top: 3%;
}

.jmlc_box .ul1 li{
display: block; width: 100%;
}
.jmlc_box ul li div{
background: #d4d3d4;padding-bottom:4%; border-bottom: 0.05rem solid #9c8871;padding-top:4%;
}


.jmlc_box ul li p{
font-size: 0.3rem;width: 90%; margin: 0 auto; font-family: AlibabaPuHuiTiM;
}
.jmlc_box ul li span{
font-size: 0.2rem; padding-top:1%; opacity: 0.5; width: 90%; margin: 0 auto; display: block;
}
.jmlc ul li img{
padding-top: 5%; padding-bottom: 4%; margin-left: 47%;  width: 3%
}
.jmlc ul li:last-child img{
display: none;
}

.zszc{
width: 100%; display: block;overflow: hidden;  margin: 0 auto; padding-top: 5%; padding-bottom: 5%;
}
.zszc .fn_1{
font-size: 0.3rem;
opacity: 0.7;
display: block;
width: 100%;
text-align: center;padding-top: 1%;
}



.zszc_1{
width: 100%;
}

.zszc_1 .zszc_p{
font-size: 0.3rem; color: #9c8871; font-weight: bold; padding-bottom: 2%; padding-left: 2%; padding-top: 5%;
}
.zszc_1 span{
display: block; font-size: 0.25rem; opacity: 0.8; line-height: 2; padding-left: 2%;
}


.intro {
opacity: 0.8;
width: 100%;
text-align: center;
display: block;
margin-top: 10px;
font-size: 0.25rem;
}

.cps{
width: 100%; margin: 0 auto; display: block; overflow: hidden;
padding-top: 1.4rem;
padding-bottom: 0.5rem;
position: relative;
}


.cps .swiper {
width: 100%;
height: 100%;
}

.cps .swiper-slide {

text-align: center;
font-size: 18px;
background: #fff;



}

.cps .swiper-slide img {
display: block;
width: 90%;
height: 100%;
object-fit: cover;
margin: 0.4rem auto;
}
.cps .swiper-slide .tts{
width: 100%;
font-size: 0.3rem;
margin-top: 0.2rem;
padding-bottom: 1rem;
}


.cps .swiper-button-next, .cps .swiper-button-prev{
top: 92%;
}



.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
content: '';
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
content: '';
}
.cps .swiper-button-next{
right: 40%;
background:url("../img/rit.png") no-repeat center; background-size: cover;
width: 0.53rem;
height: 0.53rem;
}


.cps .swiper-button-next:hover{
right: 40%;
background:url("../img/rit-l.png") no-repeat center; background-size: cover;
width: 0.53rem;
height: 0.53rem;
}
.cps .swiper-button-prev{
left: 40%;
background:url("../img/left.png") no-repeat center; background-size: cover;
width: 0.53rem;
height: 0.53rem;
}

.cps .swiper-button-prev:hover{
left: 40%;
background:url("../img/left-l.png") no-repeat center; background-size: cover;
width: 0.53rem;
height: 0.53rem;
}

.mdxx{
width: 100%; margin: 0 auto; display: block; overflow: hidden;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}


.mdxx .show_imgs {
width: 100%;  position: relative;
display: block; overflow: hidden;margin-top: 4%;
}
.mdxx .show_imgs img{
width: 100%;
}

.mdxx .show_imgs p{
position: absolute; bottom: 0; height: 0.6rem; line-height: 0.6rem; text-align: center;
font-size: 0.3rem; width: 100%; color: #fff;
}

.moor {
width: 110px;
height: 30px;
line-height: 30px;
text-align: center;
border: 1px solid #9b9b9b;
color: #9b9b9b;
display: block;
font-size: 12px;
border-radius: 30px;
margin: 0 auto;
margin-top: 0.5rem;
}

.joining{
width: 100%; margin: 0 auto; display: block; overflow: hidden;
margin-top: 0.5rem;
padding-top: 0.5rem;
background: #9c8871;
}

.joining ul{
width: 90%;margin: 0 auto; display: block; margin-right: 3%;
}
.joining ul li{
float: left; width: 30.3%;display: block; height: auto; margin-right: 2%;
margin-top: 2%;
}
.joining ul li:nth-child(3n){
margin-right: 0%;
}
.joining ul li .jm_img{
float: left; height: 3.5rem; width: 100%; padding-bottom: 20%;border-radius: 0.1rem;
border: 1px solid #fff;

}

.joining ul li .jm_ri{
float: left; height: 5vw; width: 30%;  text-align: center;
background: url(../img/icnty.png) no-repeat center; background-position-y: 5.3vw;
}

.joining ul li:nth-child(6) .jm_ri{
display: none;
}


.joining ul li .jm_img p{
width: 100%; text-align: center;  font-size: 0.25rem; font-weight: bold;
margin-top: 60%;
}

.joining ul li .jm_img span{
width: 80%; text-align: center; display: block; margin: 0 auto; margin-top: 5%;
font-size: 0.2rem; opacity: 0.8; line-height: 1.5;
}





.franchise{
padding-top: 0.5rem;	padding-bottom: 0.5rem; display: block; overflow: hidden;
}
.franchise ul li{
float: left;width: 50%; text-align: center; background: #fff; padding-bottom: 0.3rem;
}

.franchise ul li img{
width: 25%;margin: 0 auto; margin-top: 13%;
}
.franchise ul li p{
width: 100%; text-align: center; font-size: 0.35rem;font-weight: 600; margin-top: 2%;
color: #333;
}
.franchise ul li span{
width: 80%;margin: 2% auto; display: block;opacity: 0.8; font-size: 0.2rem; line-height: 1.5; height: 57px;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
word-break: break-all;
color: #333;
}



.boxn{
padding-top: 30px; display: block; overflow: hidden; width: 90%; margin: 0 auto;padding-bottom: 0.5rem;
}



.boxn_left li{
width: 100%;margin-right: 5%;
}
.boxn_left li img{
width: 100%;
}
.boxn_left li p{
width: 99%;text-align: left; margin-top: 20px; font-size: 16px; font-weight: 600;
}

.boxn_left li span{
width: 99%;text-align: left; margin-top: 10px; font-size: 0.25rem; opacity: 0.8; line-height: 1.5;
display: block;
}
.boxn_left li span a{
opacity: 1; color: #9c8871; font-weight: 600;
}

.boxn_left li i{
width: 50%;text-align: left; margin-top: 20px; font-size: 14px; opacity: 0.8; display: block;float: left;
}
.boxn_left li .moor{
width: 110px;
height: 30px;
line-height: 30px;
text-align: center;
border: 1px solid #999999;
color: #999999;
display: block;
font-size: 12px;
border-radius: 30px;
float: right;
margin-top: 10px;
}
.boxn_rit{
margin-top: 0.5rem;
}


.boxn_rit ul li{
width: 100%; padding-bottom: 4%; border-bottom: 1px dashed #000; display: block; overflow: 000;
margin-bottom: 4%;
}



.boxn_rit ul li p{
font-size: 0.25rem;display: -webkit-box;
color: #000;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
word-break: break-all;
}


.boxn_rit ul li i{
width: 100%; display: block; margin-top: 10px; opacity: 0.8; font-size: 12px    ;
}





.news_on{
width: 90%; margin: 0 auto; display: block; overflow: hidden;
}


.news_a{
width: 100%; display: block; overflow: hidden; padding-bottom: 4%; padding-top: 4%;
border-bottom: 1px solid #e9e9e9;
}
.news_a:last-child{
border-bottom: 0 solid #e9e9e9;
}

.news_a p{
float: left;
}

.p_titme{
font-size: 24px; width: 10%; padding-top: 1%;font-family: AlibabaPuHuiTiM;
}

.news_a img{
width: 100%;
}
.news_p1{
width:100% ;

}

.news_span1{
width: 100%; display: block; font-family: AlibabaPuHuiTiM; font-size: 0.3rem; padding-top: 2%;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
word-break: break-all;
}
.news_span2{
padding-top: 3%; width: 100%;display: block; font-family: 微软雅黑; font-size: 14px; opacity: 0.7; line-height: 2;


display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
word-break: break-all;
}

.brandmore1 {
display: inline-block;
float: left;
width: 110px;
height: 30px;
line-height: 30px;
text-align: center;
border: 1px solid #999999;
color: #999999;
font-size: 0.25rem;
border-radius: 30px;
margin-top: 0.2rem;
}

.bq {
margin-top: 0.3rem;
display: block;
float: left;
font-size: 0.25rem;
opacity: 0.8;
width: 100%;
line-height: 1.5;
}


.news_bq{
width: 90%; margin: 0 auto; display: block; overflow: hidden; padding-bottom: 0.5rem;
}
.news_bq ul{
display: block;
}
.news_bq ul li{
width: 32.3%; margin-left: 1%;float: left;border: 1px solid #d4d4d4; text-align: center;
padding-top: 5px; padding-bottom: 5px; margin-top: 20px; border-radius: 5px;
font-size: 0.25rem;
}

.index_about .title {
font-size: 0.25rem;
opacity: 0.8;
padding-top: 5%;
/* border-bottom: 0.01rem solid #d7d7d7; */
padding-bottom: 5%;
line-height: 2;
overflow: hidden;
}

.about_right_title{
height: 4rem;



background: linear-gradient(to bottom,#000,#fff);

-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
position: relative;
}


.title_aa {
position: absolute;
top: 55%;
z-index: 99;
display: block;
overflow: hidden;
color: #9c8871;
font-size: 0.25rem;
border: 1px solid #9c8871;
width: 2rem;
text-align: center;
height: 0.6rem;
line-height: 0.6rem;
left: calc(50% - 1rem);
border-radius: 30px;
}




.about_box{
width: 100%;display: block; overflow: hidden; margin-top: 0.2rem;
}


.about_1:first-child{
margin-top: 0%;
}
.about_1{
width: 100%;  overflow: hidden;display: block;
}

.about_intro{
width: 50%; float: right; height: 5rem; background: rgba(255,255,255,0.7); display: block; padding-top: 0.5rem; padding-left: 0.7rem;
}

.about_intro p{
font-size: 1rem ; color: #9c8871;    font-family: fantasy;
}

.about_intro .about_p1:before {
content: "";
float: left;
width: 0.5rem;
height: 0.06rem;
margin: 1.4rem -1rem 0 0;
background-color: #9c8871;
display: block;
overflow: hidden;
}
.about_intro .about_p2{
font-size: 0.3rem; font-weight: bold; margin-top: 0.4rem;
}
.about_intro span{
font-size: 0.25rem; line-height: 1.5; display: block; margin-top: 0.4rem;width: 80%;
}

.about_box i{
display: block; line-height: 1.5;
}

.about_p3{
font-size: 0.25rem; width: 90%; margin: 0 auto; padding-top: 5%;opacity: 0.7; padding-bottom: 5%;
}



.about_one{
margin: 0 auto; height: auto; display: block;overflow: hidden; padding-top: 5%;width: 100%;
}

.stre ul li{
float: left;width: 50%; text-align: center; display: block; overflow: hidden;
padding-bottom: 0.2rem;
}

.stre ul li img{
width: 50%;margin: 0 auto; margin-top: 13%;
}
.stre ul li p{
width: 100%; text-align: center; font-size: 0.35rem;font-weight: 600; margin-top: 2%;
}
.stre ul li span{
width: 75%;margin: 2% auto;opacity: 0.7; font-size: 0.25rem; line-height: 1.5;
display: block;

}



.stre .swiper {
width: 100%;
height: 1.5rem;
margin-left: auto;
margin-right: auto;
position: relative;
}

.stre .swiper .swiper-slide {
background-size: cover;
background: none;
color: #fff;
font-weight: bold;
font-size: 0.35rem;
}

.mySwiper2 {
height: 80%;
width: 100%;
}

.stre .mySwiper2 {
width: 100%;overflow: hidden;margin-left: 0;
}

.mySwiper22 {
height: 20%;
box-sizing: border-box;
padding: 10px 0;
}

.mySwiper22 .swiper-slide {
width: 25%;
height: 100%;
}

.stre .mySwiper22 .swiper-slide-thumb-active {
opacity: 1;
color: #9c8871;
}

.stre .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}


.stre .mySwiper2 .swiper-slide{
color: #fff;
width: 95%;
font-weight: 200;
font-size: 14px;
text-align: left;
line-height: 2;
opacity: 0.8;
}

.stre{
/*position: relative;*/
}



.about_one .swiper-button-next{
background: url(../img/rit.png) no-repeat center;
width: 34px; height: 34px;
right: 7%;
top: 36%;
}


.about_one .swiper-button-prev {
background: url(../img/left.png) no-repeat center;
width: 34px; height: 34px;
left: 7%;
top: 36%;
}



.for_left{
width: 90%;border-right: 1px solid #444546;
margin: 0 auto;
}

.for_left .store_title_en{
width:100% ; text-align: left;color: #9c8871; font-size: 24px; font-weight: bold;
}

.for_left .store_title{
width:100% ; text-align: left;color: #9c8871; font-size: 22px;
}

.for_left ul {
display: block; margin-top: 25px;
}

.for_left ul li{
width: 47%;float: left; margin-bottom: 20px; margin-left: 3%;
}

.for_left ul li p{
height: 25px;line-height: 25px; color: #fff; font-size: 18px; font-weight: bold;float: left; display: block;width: 100%;
}

.for_left ul li p i{
display: block; height: 20px; font-weight: 200; width: 20px;border: 1px solid #ddddde;
border-radius: 50%; text-align: center; float: left; line-height: 20px; margin-right: 10px;
font-size: 14px; margin-top: 2.6px; opacity: 0.8;
}


.for_left ul li span{
display: block;width: 100%; color: #fff; opacity: 0.8; font-size: 14px; margin-top: 40px;
line-height: 1.5;
}


.for_rit{
width: 90%; margin: 0 auto;
}

.for_rit .store_title_en{
width:100% ; text-align: left;color: #9c8871; font-size: 24px; font-weight: bold;
}

.for_rit .store_title{
width:100% ; text-align: left;color: #9c8871; font-size: 22px;
}


.feedback1{
background: url("../img/rit.png") no-repeat center #9c8871;
padding: 30px 20px 35px 20px; width: 100%; display: block; background-position-x: 90%;
overflow: hidden;
margin-top: 20px;
}
.feedback1 p{
color: #fff;font-size: 24px; float: left;width: 100%;margin-bottom: 5px;
}
.feedback1 p span{
color: #fff;font-size: 22px; opacity: 0.5; margin-left: 5px;
}
.feedback1 i{
font-size: 14px;   color: #fff; opacity: 0.7;  display: block;
}


.feedback2{
background: url("../img/rit.png") no-repeat center #fff;
padding: 30px 20px 35px 20px; width: 100%; display: block; background-position-x: 90%;
overflow: hidden;
margin-top: 20px;
}
.feedback2 p{
color: #000;font-size: 24px; float: left;width: 100%;margin-bottom: 5px;
}
.feedback2 p span{
color: #000;font-size: 22px; opacity: 0.5; margin-left: 5px;
}
.feedback2 i{
font-size: 14px;   color: #000; opacity: 0.7;  display: block;
}


.news{
width: 90%;display: block;overflow: hidden; position: relative;
padding-bottom: 5%; margin: 0 auto;
}

.news_left{
width: 100%; margin: 0 auto;
}


.news .store_title_en{
width:100% ;color: #9c8871; font-size: 32px; font-weight: bold; text-align: center;
}

.news .store_title{
width:100% ; color: #9c8871; font-size: 28px;
}

.news .hx {
display: block;
width: 30px;
border: 2px solid #9c8871;
background: #9c8871;
margin-top: 5px;
}

.news .intro{
opacity: 0.8; width: 100%;  display: block;margin-top: 10px;color: #000;
}

.news ul li {
width: 48%;  display: block; float: left; margin-right: 4%;
margin-top: 0.5rem;
}

.news ul li:nth-child(2n){
margin-right: 0%;
}


.news_box{
width: 100%;
}

.news_box img{
display: block;overflow: hidden;-webkit-transition: all .3s;
vertical-align: bottom;
}



.news ul li p{
font-size: 0.3rem; font-family: 思源宋体;
height: 1rem;
line-height: 1.2rem;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
word-break: break-all;
color: #000;

}

.news ul li i{
display: block; font-size: 0.2rem; opacity: 0.8;
/*padding-bottom: 0.5rem;*/
}


.brand_2{
width: 100%;display: block; overflow: hidden; margin: 40px auto;
background: #f5f5f5; padding-top: 20px;padding-bottom: 20px;
}



.brand_2 ul{
display: block; width: 90%; margin: 20px auto;
}


.brand_2 ul li{
float: left; width: 49% ; margin-right: 2%; margin-top: 2%;
}
.brand_2 ul li img{
width: 100%;
}
.brand_2 ul li:nth-child(2n){
margin-right: 0%;
}


.brand_3{
width: 90%;display: block; overflow: hidden; margin: 20px auto;
padding-top: 20px;padding-bottom: 80px;
}

.br_left {
width: 100%;padding-bottom: 20px;
}
.br_rit {
width: 100%;
}
.brand_3 .hx {
display: block;
width: 30px;
border: 2px solid #9c8871;
text-align: left;
background: #9c8871;
margin-top: 5px;
}



.tab{  margin:0 auto 10px; text-align: center}
.tab-hd {  overflow:hidden; zoom:1;}
.tab-hd li{ float:left; width: 33.3%;text-align: center; font-size: 0.35rem;  color:#000; text-align:center; cursor:pointer;}
.tab-hd li.active{color: #9c8871;font-weight: bold}


.tab-hd .active i {
color: #9c8871;
font-size: 18px;
display: block;
margin-top: 2%;
opacity: 0.9;
width: 30%;
border-bottom: 3px solid #9c8871;
margin-left: 25%;
}

.tab-bd{
width: 100%; display: block; overflow: hidden; margin: 10px auto; padding-top: 10px;
}
.tab-bd li{display:none;  font-size:24px;}
.tab-bd li.thisclass{ display:list-item;}

.tab-bd li{
width: 100%;
}
.tab-bd li .show_imgs {
width: 48%; margin-right: 2%; float: left; position: relative;
display: block; overflow: hidden;margin-top: 2%;
}
.tab-bd li .show_imgs img{
width: 100%;
}

.tab-bd li .show_imgs p{
position: absolute; bottom: 0; height: 40px; line-height: 40px; text-align: center;
font-size: 14px; width: 100%; color: #fff;
}

.tab-bd li .show_imgs:nth-child(2n){
margin-right: 0;
}



.distribution{
width: 90%; margin: 20px auto; display: block;
}

.distribution a{
float: left; width: 50%; border-bottom: 1px solid #e4e2e3; padding-top: 20px; padding-bottom: 40px;

}
.distribution a p{
font-size: 0.25rem; font-weight: bold;
}
.distribution a span{
display: block; margin-top: 10px; font-size: 0.2rem;
}

.shows{
width: 90%; margin: 20px auto; display: block; padding-bottom: 5rem;

}

.show_img{
width: 48%; margin-right: 3%; float: left; margin-top: 3%; position: relative;
}
.show_img p{
width: 100%; text-align: center; position: absolute; bottom: 10px; color: #fff;
font-size: 0.25rem;
}

.show_img:nth-child(2n){
margin-right: 0%;
}




.uss{
width: 100%; height: auto; display: block;overflow: hidden; position: relative;
}
.uss_box{
background: rgba(255,255,255,0.5);width: 100%;
box-shadow: 0px -6px 20px rgb(0 0 0 / 10%);
}
.uss_box ul{
width: 90%; display: block; margin: 0 auto;
}
.uss_box ul li{
width: 50%;display: block; text-align: center; float: left;height: 220px;
}
.uss_box ul li img{
margin: 0 auto; margin-top: 40px; width: 50%;
}
.uss_box ul li p{
font-size: 0.3rem; opacity: 0.5; margin-top: 5px;
}

.uss_box ul li span{
font-size: 0.25rem; opacity: 0.9; margin-top: 5px; display: block;
}


.massg{
width: 100%; height: auto; display: block;overflow: hidden;
}

.massg_rit{
width: 100%; padding-bottom: 1.2rem;
}


.massg_rit .store_title_en{
width:100% ;color: #9c8871; font-size: 32px; font-weight: bold; padding-top: 50px;
}

.massg_rit .store_title{
width:100% ; color: #9c8871; font-size: 28px;
}

.massg_rit input{
border-bottom: 1px solid #f1f1f1; width: 80%; height: 40px; line-height: 40px; opacity: 0.8; margin-top:20px;
font-size: 12px;
}

.massg_rit textarea {
width: 80%;
font-size: 12px;
color: #a8a7a7;
border-bottom: 1px solid #f1f1f1;
opacity: 0.8;
height: 90px;
margin: 0 auto;
margin-top: 3%;
display: block;

}

.massg_rit button {
width: 110px;
height: 35px;
line-height: 35px;
border: 0;
margin: 0 auto;
display: block;
margin-top: 30px;


color: #fff;
border-radius: 35px;
font-size: 14px;
background: #9c8871;

}

.fz {
width: 100%; height: 100px;background: #9c8871;
}
.fz_box{
width: 90%; margin: 0 auto;
}

.fz_left{
width: 80%; float: left; height: 100px;
}
.fz_left p{
font-size: 0.35rem; color: #fff; font-weight: bold; height: 100px; line-height: 100px; display: block;
float: left;
}
.fz_left ul{
float: left;
}
.fz_left ul li {
float: left; display: block; height: 100px; line-height: 101px; font-size: 0.25rem;
margin-left: 0.4rem; color: #fff;
}

.fz_rit{
width: 20%;float: right; height: 100px; line-height: 100px;
}


.fz_rit .moor {
width: 1.8rem;
height: 0.5rem;
line-height: 0.5rem;
text-align: center;
border: 1px solid #fff;
color: #fff;
display: block;
font-size: 0.2rem;
border-radius: 30px;
float: right;
margin-top: 35px;
}

.product{
width: 100%; display: block;padding-top: 5%;
}

.product ul{
display: block; overflow: hidden;
}

.product ul li{
width: 100%; margin-right: 2%; height: 3.4rem; float: left; margin-top: 2%; position: relative; overflow: hidden;
}

.product ul li:before{
position: absolute;
width: 100%;
height: 25%;
background: rgba(255,255,255,0.5);
bottom: 0;
content: '';
display: block;
left: 0;
transition: cubic-bezier(0.215,.61,.355,1) .45s;
}

.product ul li:nth-child(2n){
margin-right: 0;
}

.product .productp {
margin: 0 auto;
-webkit-transition: all .6s;
vertical-align: bottom;
}

.product_p1{
font-size: 0.3rem;font-weight: bold;bottom: 6%;	position: absolute;	color: #9c8871;	text-align: center;	width: 100%;




}
.product_p2{
font-size: 0.2rem;bottom: 5%;font-weight: bold;	position: absolute;	color: #9c8871;	text-align: center;	width: 100%;

}

.product_p3{
font-size: 0.25rem;padding-top: 5%; line-height: 1.8; color: #000; text-align: left; width: 90%;
padding-bottom:8% ; overflow: hidden;
}


.swiper-containerq {
width: 100%;
height: 100%;
}
.swiper-containerq .swiper-slide {
text-align: center;
font-size: 18px;
/*background: #000;*/

/*!* Center slide text vertically *!*/
/*display: -webkit-box;*/
/*display: -ms-flexbox;*/
/*display: -webkit-flex;*/
/*display: flex;*/
/*-webkit-box-pack: center;*/
/*-ms-flex-pack: center;*/
/*-webkit-justify-content: center;*/
/*justify-content: center;*/
/*-webkit-box-align: center;*/
/*-ms-flex-align: center;*/
-webkit-align-items: center;
align-items: center;
transition: 300ms;
border: 1px solid #fff;
transform: scale(0.8);
margin-top: 5%;
border-radius: 15px;
}
.swiper-containerq .swiper-slide-active,.swiper-containerq .swiper-slide-duplicate-active{
transform: scale(1.1); margin-top: 15px;
}
.jm_img p{
font-size: 0.25rem; margin: 0 auto; font-weight: bold; width: 90%; margin-top: 83%; color: #fff;
}
.jm_img span{
font-size: 0.2rem; line-height: 1.3; display: block; margin: 0 auto;width: 90%;
color: #fff;
margin-bottom: 8px;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
word-break: break-all;
}

#swiper-paginationq {
position: relative;
margin-bottom: -20px;
bottom: 36px;
margin-top: 15px;
}

#swiper-paginationq .swiper-pagination-bullet{
background: #ffffff; opacity: 0.5; width: 11px; height: 11px;
}

#swiper-paginationq .swiper-pagination-bullet-active{
opacity: 0.8;	transform: scale(1.2);
}
.franchise ul li{
background: #fff;
}

.franchise ul li:nth-child(1),.franchise ul li:nth-child(4),.franchise ul li:nth-child(5),.franchise ul li:nth-child(8),.franchise ul li:nth-child(9) {
background: #dcdcdc;
}

#ccs1,#ccss1,#ccs4,#ccss4,#ccs5,#ccss5,#ccs8,#ccss8,#ccs9,#ccss9{
color: #333;
}

.lbox{
width: 90%; display: block;
}



/* reset */

/*内容区域*/
.tabmain{width:100%;margin:0 auto; background: #f2f2f2;padding-top: 0.3rem;display: block;overflow: hidden}
.tabmain .tabGroup{float:left;width:34%;height:auto; z-index:3; margin-left: 0.2rem;}
.tabmain .tabGroup li{height:1rem; border-radius: 0 10px 10px 0; line-height:1rem; margin-bottom: 0.5rem; background: #fff; text-align:center;cursor:pointer;-webkit-user-select:none; -moz-user-select:none;
font-size: 0.25rem;color:#000;}
.tabmain .tabGroup li.selectedTab{padding-left:10px;background:#fff;color:#000;font-weight:bold;}
.tabmain .tabContent{color:#000; min-height:388px;}
.tabContent p a{margin-right:15px;text-decoration:none;text-align:center;color:orange; font-weight:bold;}
.tabContent h3{margin-bottom:5px;background:orange;color:#fff;font-size:14px;font-weight:bold;line-height:28px;text-align:center;}
.tabContent dl{line-height:22px;margin-bottom:10px;}
.tabContent dt{color:#000;font-weight:bold;}
.tabContent dd img{display:block;}
.tabmain .blueline{position:absolute;top:0px;left:0;width:0.2rem;height:1rem;background:#9c8871;overflow:hidden;}

.tabContent .witness p{position:relative;padding-left:20px;}
.tabContent .witness p em{color:orange; font-weight:bold;}
.tabContent .witness p a{color:#666;font-weight:normal;display:block; line-height:24px; text-align:left;}
.tabContent .witness p a:hover{background-color:#efefef;}
.tabContent .witness p .ele{left:0px;}

#container{float:left;width:56%; margin-left: 3%; height:384px;overflow:hidden; margin-top: 1rem}
#slider{position:absolute;top:0px;right:0;width:6px;border-radius:6px;cursor:pointer;}
#sliderParent{position:absolute;left:0;height:0;width:608px;z-index:999;}
#outerWrap{position:relative;z-index:999}

.hb{
width: 100%; background: #f2f2f2;
}

.mySwiperh,.mySwiperw{
width: 100%;
height: 4rem;
background: #9c8871;
padding-left: 8%;
padding-top: 5%;
margin-top: 10%;
position: relative;
display: block;
}
.mySwiperh .swiper-wrapper,.mySwiperw .swiper-wrapper{
position:  absolute; top: -20%;z-index: 999;
}
.mySwiperh .swiper-slide,.mySwiperw .swiper-slide {
text-align: center;

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}





