@charset "utf-8";
@font-face {
	font-family: "font-en";
	src: url("../../public/font/TypoPRO-Damion-Regular-2.ttf");
}
.font-en{
	font-family: font-en;
}
.itop h1{
	font-size: 40px;
	font-family: font-en;
	font-weight: 100;
	color: #6E351C;
	border-bottom: 2px solid #d9ba90;
	padding-bottom: 12px;
	margin-bottom: 10px;
}
.i1a{
	margin-top: 40px;
}
.i1aimg{
	width: 43%;
}
.i1atxt{
	width: 52%;
}
.i1a:nth-child(even){
	flex-flow: row-reverse;
}
.i1b a{
	border: 2px solid #6E351C;
	padding: 5px 20px 7px 20px;
	border-radius: 4px;
	color: #6E351C;
}
.i1b a:hover{
	background: #6E351C;
	color: #fff;
}
.i2w{
	width: 105%;
}
.i2a{
	width: 28.33%;
	margin-right: 5%;
}
.i2aimg{
	border-radius: 16px;
}
.i3 h1{
	font-size: 40px;
}
.i3 a{
	display: inline-block;
	width: 190px;
	line-height: 50px;
	border-radius: 6px;
	background: #6E351C;
	color: #fff;
}

.ititle_40{
	font-size: 40px;
}
.bob{
	border-bottom: 1px solid rgba(110,53,28,.1);
}
.kcbg{
	background: #fff1e0;
	padding: 25px;
}
.kc1l{
	width: 38%;
	margin-right: 3%;
	border: 3px solid #fff;
}
.kctop{
	border-bottom: 1px solid rgba(110,53,28,.1);
}
.kctop span{
	display: inline-block;
	line-height: 58px;
	border-bottom: 3px solid #6E351C;
	margin-bottom: -1px;
}
.text_box *{
	max-width: 100%;
}

.ititle_48{
	font-size: 48px;
	font-weight: bold;
}
.lbntxt a{
	color: #fff;
}
.cs1w .i1aimg{
	width: 400px;
	margin-right: 10%;
}
.cs2a{
	width: 31.33%;
	border: 1px solid #e5ebec;
	background: #FFF1E0;
	padding: 45px 25px;
	border-radius: 6px;
	text-align: center;
}
.cs2a img{
	transition: .5s;
}
.cs2a:hover img{
	transform:rotateY(180deg);
}
.team_md{
	padding: 40px 0 60px 0;
}
.tmaimg{
	width: 200px;
	margin-right: 20px;
}
.tma{
	margin-top: 20px;
}
.tma:first-child{
	margin-top: 0;
}
.page a{
	color: #6E351C;
	margin: 3px;
	width: 34px;
	height: 34px;
	border-radius: 2px;
	background: #fff7ec;
	border: 1px solid #f1d7ba;
	display: flex;
	align-items: center;
	justify-content: center;
}
.page a:hover,.page a.active{
	background: #6E351C;
	color: #fff;
	border: 1px solid #6E351C;
}
.titop span{
	display: inline-block;
	font-size: 18px;
	height: 41px;
	line-height: 41px;
	padding: 0 22px 0 12px;
	background: url(../images/titlebg_03.png) no-repeat right top #6E351C;
	color: #fff;
}

.co1{
	padding: 40px;
}
.boxshadow{
	box-shadow: 0 0 15px rgba(0,0,0,.1);
}
.co1l{
	border-right: 1px solid rgba(110,53,28,.1);
	padding-right: 40px;
	margin-right: 40px;
	width: 45%;
}
.co1title i{
	width: 4px;
	height: 16px;
	margin-right: 7px;
	vertical-align: middle;
	margin-top: -3px;
	background: #6E351C;
}
.co1la i{
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.co1ra input,.co1ra textarea{
	height: 40px;
	border: 1px solid #f1dfcd;
	background: #fffbf6;
	color: #6E351C;
	padding: 0 15px;
	border-radius: 3px;
	width: 100%;
}
.co1ra input::-webkit-input-placeholder,
.co1ra textarea::-webkit-input-placeholder{
	color: #b6937e;
}
.co1ra textarea{
	resize: none;
	height: 160px;
	padding: 15px;
}
.co1ra button{
	height: 40px;
	border-radius: 3px;
	width: 100%;
	cursor: pointer;
	transition: .25s;
}
.co2{
	height: 470px;
}
.rxt{
	padding-bottom: 15px;
}
.rxt a{
	margin: 0 3%;
	color: #6E351C;
}
.rx_width{
	width: 1000px;
	margin: 0 auto;
}
.rxa{
	padding: 40px 0;
	border-bottom: 1px solid rgba(110,53,28,.1);
}
.rxa:last-child{
	padding-bottom: 0;
	border-bottom: 0;
}
.rxa p{
	margin-top: 12px;
}
.join_md{
	padding: 40px 0 60px 0;
}
.joa{
	margin-top: 25px;
	background: #fff1e0;
}
.joa:first-child{
	margin-top: 0;
}
.joat{
	height: 58px;
	padding: 0 25px;
	cursor: pointer;
	border-left: 2px solid #6E351C;
}
.joab{
	padding: 25px;
	display: none;
}
.joab .txt{
	margin-top: 15px;
}
.joab .txt:first-child{
	margin-top: 0;
}
.joab .txt a{
	text-decoration: underline;
	color: #6E351C;
}
.joatr .zk{
	display: block;
}
.joatr .sq{
	display: none;
}
.joa.active .joatr .zk{
	display: none;
}
.joa.active .joatr .sq{
	display: block;
}
.joa.active .joat{
	background: #6E351C;
	color: #fff;
}
.joa.active .joat h4{
	font-family: "Microsoft YaHei";
	font-weight: bold;
}
.joa:first-child .joab{
	display: block;
}

/*user*/
.loginbg{
	background: url(../images/loginbg.jpg) no-repeat center;
	background-size: cover;
	height: 100vh;
	position: relative;
	display: flex;
	align-items: center;
}
.loginbg .foot .fb{
	background: none;
}
.loginbg .foot{
	background: none;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 9;
	width: 100%;
}
.loginbg .foot *{
	color: #fff;
}
.lgw{
	width: 540px;
	background: #fff1e0;
	padding: 45px;
	border-radius: 20px;
}
.lg_logo{
	padding-bottom: 10px;
}
.i-input::-webkit-input-placeholder{
	color: #b6937e;
}
.i-input{
	height: 48px;
	border-radius: 4px;
	padding: 0 18px;
	background: #fff;
	width: 100%;
	color: #6E351C;
}
.lga_a a{
	color: #999;
}
.lga_a a.active{
	color: #6E351C;
}
.lga_a a:hover{
	text-decoration: underline;
}
.lga button,.lg_sbm{
	font-size: 18px;
	height: 48px;
	border-radius: 5px;
	width: 100%;
	cursor: pointer;
	background: #6E351C;
	color: #fff;
	transition: .25s;
}
.pwdbox{
	padding: 40px 12% 70px 12%;
}
.pwda{
	margin-top: 25px;
}
.pwdl{
	width: 125px;
	line-height: 40px;
}
.pwdr input{
	height: 40px;
}
.hq_code{
	display: flex;
	align-items: center;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 22px;
	cursor: pointer;
	font-size: 12px;
	color: #6E351C;
}
.pwd_sbm button{
	width: 200px;
}
.date_ico{
	position: absolute;
	right: 20px;
	top: 0;
	height: 100%;
	display: flex;
	align-items: center;
}
.pwdbox_reg .pwdl{
	text-align: right;
	padding-right: 20px;
}
.pwdr .zy2a{
	width: 150px;
}
.pwdr .zy2a.active{
	background: #fff;
}

.user_md{
	padding: 0 0 40px 0;
}
.user_top{
	padding: 15px 0;
}
.usl,.usr{
	background: #fff1e0;
}
.usl{
	width: 260px;
	margin-right: 10px;
}
.uslt{
	padding: 25px;
}
.uslt_tx{
	width: 100px;
	height: 100px;
	border-radius: 100%;
	overflow: hidden;
	margin: 0 auto;
}
.cza{
	border: 1px solid #6E351C;
	color: #6E351C;
	font-size: 12px;
	padding: 1px 5px;
	border-radius: 2px;
	margin-left: 10px;
}
.uslt_1{
	display: inline-block;
	margin-top: 5px;
	color: #996d56;
	padding: 3px 8px;
	background: #f9e6d2;
	border-radius: 4px;
	font-size: 12px;
}
.uslb a{
	display: flex;
	align-items: center;
	height: 48px;
	padding: 0 20px;
	border-radius: 5px;
	font-size: 15px;
	color: #6E351C;
	margin: 3px 0;
}
.uslb a span{
	margin: 0 20px;
}
.uslb a.active,.uslb a:hover{
	background: #f7e3ce;
}
.usrtop{
	padding: 0 20px;
	border-bottom: 1px solid rgba(110,53,28,.1);
}
.usrtop span{
	border-bottom: 3px solid #6E351C;
	margin-bottom: -1px;
	display: inline-block;
	line-height: 62px;
	font-size: 18px;
}
.usrbox{
	padding: 30px;
	min-height: 780px;
}
.usrbox.padding20{
	padding: 20px;
}
.zltl{
	width: 80px;
	height: 80px;
	border-radius: 100%;
	overflow: hidden;
}
.zltr{
	margin-left: 40px;
}
.zltr span{
	line-height: 32px;
	display: inline-block;
	border: 1px solid #6E351C;
	color: #6E351C;
	padding: 0 20px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 12px;
}
.zltr:hover span{
	background: #6E351C;
	color: #fff;
}
.zltr input{
	opacity: 0;
	cursor: pointer;
}
.zlb .pwdl{
	width: 110px;
	padding-right: 15px;
	text-align: right;
}
.i-input[readonly]{
	background: #fbf7f2;
	color: #b6937e;
}
.tja{
	display: inline-block;
	line-height: 36px;
	border-radius: 4px;
	border: 1px solid #6E351C;
	color: #6E351C;
	padding: 0 25px;
	background: none;
	cursor: pointer;
	transition: .25s;
	margin-right: 20px;
}
.tja.active,.tja:hover{
	background: #6E351C;
	color: #fff;
}
.pwd_tc{
	width: 560px;
}
.pwd_tc .tcbox{
	color: #6E351C;
	background: #ffe3bf;
	padding: 30px;
}
.pwd_tc .tcbox .pwda:first-child{
	margin-top: 0;
}
.pwd_tc .tcbox .pwdl{
	padding-right: 20px;
}
.i-input-border{
	border: 1px solid #ebd2b8;
}
.usrbox .lsr_table td{
	height: 155px;
	
}
.usrbox .lsr_table th{
	color: #6E351C;
	background: #f1dfcf;
}
.kcbbg{
	background: #fafafa;
	margin-top: 8px;
	font-size: 12px;
	line-height: 20px;
}
.kcb1,.kcb2{
	padding: 10px;
}
.kcb2_code,.kcb2_span{
	position: relative;
}
.kcb2_code{
	padding: 2px;
}
.kcb2_span span{
	cursor: pointer;
    display: inline-block;
    padding: 0px 3px;
    border: 1px solid #eee;
    color: #999;
    background: #fff;
    margin-right: 3px;
    transition: .25s;
}
.kcb2_span:hover span{
	background: #6E351C;
    border: 1px solid #6E351C;
	color: #fff;
}
.zy_tc,.xq_tc{
	width: 720px;
}
.zytop{
	border-bottom: 1px dashed #e4cebb;
	padding-bottom: 15px;
}
.zyb{
	padding-top: 20px;
	border-top: 1px solid #e2cbb9;
}
.zy_text *{
	max-width: 100%;
}
.zyxza{
	margin-top: 5px;
}
.zyxza a{
	display: inline-block;
	padding: 2px 5px;
	border: 1px solid #6E351C;
	color: #6E351C;
	line-height: 1;
	border-radius: 3px;
}
.zyxza a:hover{
	background: #6E351C;
	color: #fff;
}
.pjhide,.ewmhide{
	position: absolute;
	left: 50%;
	top: 100%;
	opacity: 0;
	visibility: hidden;
	transition: .25s;
	z-index: 9;
}
.kcb2_span:hover .pjhide,.ykarba:hover .pjhide{
	opacity: 1;
	visibility: inherit;
}
.pjhide{
	width: 260px;
	margin-left: -130px;
	background: #fff;
	padding: 10px 15px;
	box-shadow: 0 0 12px rgba(0,0,0,.1);
	display: flex;
	align-items: center;
	justify-content: center;
}
.pjhide_m {
	margin: 0 12px;
}
.pjhide_m img{
	height: 14px;
	display: block;
}
.ewmhide{
	width: 160px;
	margin-left: -80px;
	padding: 10px;
	background: #fff;
	box-shadow: 0 0 12px rgba(0,0,0,.1);
}
.kcb2_code:hover .ewmhide,.ykarba:hover .ewmhide{
	opacity: 1;
	visibility: inherit;
}
.kcbbg_red .kcb1{
	background: #f0d9d1;
	color: #c95f49;
}
.kcbbg_green .kcb1{
	background: #d5e2ad;
	color: #475e41;
}
.czw{
	border-top: 1px dashed #f1dfcd;
}
.czwa{
	border-bottom: 1px dashed #f1dfcd;
	padding: 20px 0;
}
.czwam{
	margin: 0 25px;
}
.cztip{
	background: #b5b5b5;
	color: #fff;
	font-size: 12px;
	padding: 2px 5px;
	margin-left: 10px;
	border-radius: 3px;
}
.cztip_red{
	background: #f34216;
}
.cztip_green{
	background: #52b976;
}
.cztip_yellow{
	background: #b47342;
}
.ykal{
	width: 120px;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
}
.ykam{
	margin: 0 20px;
}
.ykal span{
	position: absolute;
	left: 5px;
	top:5px;
	margin-left: 0;
}
.ykarba{
	position: relative;
	margin-left: 7px;
}
.ykarba span,.ykarba a{
	display: inline-block;
	font-size: 12px;
	padding: 4px 10px;
	border-radius: 30px;
	color: #6E351C;
	border: 1px solid #b6937e;
	transition: .25s;
	cursor: pointer;
}
.ykarba:hover span,
.ykarba:hover a{
	background: #b6937e;
	color: #fff;
}
.ykarba:hover span img{
	filter: grayscale(100%) brightness(500%);
}
.yybg{
	background: #fff7ee;
	padding: 10px 15px;
}
.yy2a,.yy2a_1{
	display: flex;
	align-items: center;
	margin-right: 40px;
	cursor: pointer;
}
.yy2a i,.yy2a_1 i{
	width: 16px;
	height: 16px;
	border-radius: 2px;
	border: 1px solid #6E351C;
	margin-right: 8px;
}
.yy2a.active i,.yy2a_1.active i{
	background: url(../images/check_03.png) no-repeat center;
}
.yy3t li{
	width: 32%;
	cursor: pointer;
	line-height: 48px;
	position: relative;
	background: #fff7ee;
	border: 1px solid #f0decc;
	font-size: 16px;
	text-align: center;
	border-radius: 3px;
}
.yy3t li.active{
	background: #6E351C;
	border: 1px solid #6E351C;
	color: #fff;
}
.yy3t li.active::after{
	width: 10px;
	height: 10px;
	content: "";
	position: absolute;
	left: 50%;
	bottom: -5px;
	background: #6E351C;
	transform:rotate(45deg);
}
.yy3b{
	padding: 20px 0;
}
.yy3ba {
	text-align: center;
	padding: 5px 0;
	cursor: pointer;
}
.yy3ba i{
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	margin: 15px auto 0 auto;
	transition: .25s;
}
.yy3ba.active i{
	background: #6E351C;
	color: #fff;
}
.yy3b{
	width: 890px;
}
.yy3bw{
	padding: 0 50px;
}
.swiper-button-next-public,.swiper-button-prev-public{
	width: 24px;
	height: 24px;
	background: #fff;
	box-shadow: 0 0 8px rgba(0,0,0,.1);
	display: flex;
	align-items: center;
	justify-content: center;
	top: 85%;
	border-radius: 100%;
	transition: .25s;
}
.swiper-button-next-public:hover,.swiper-button-prev-public:hover{
	background: #6E351C;
	color: #fff;
}
.yy3fbox{
	width: 32%;
}
.yy3fa_title{
	background: #f0decc;
	line-height: 35px;
	text-align: center;
}
.yy3fa{
	margin-top: 10px;
	padding: 12px;
	font-size: 12px;
	line-height: 20px;
}
.yy3fa_gray{
	background: #fafafa;
	color: #999;
}
.yy3fa_green{
	background: #d5e2ad;
	color: #475e41;
}
.yy3far a{
	display: block;
	width: 55px;
	border: 1px solid #e6e6e6;
	color: #999;
	line-height: 23px;
	border-radius: 25px;
	text-align: center;
	margin: 7px 0;
}
.yy3fa_green .yy3far a{
	background: #475e41;
	color: #fff;
}
.yy3fa_check{
	width: 16px;
	height: 16px;
	border-radius: 2px;
	border: 1px solid #e6e6e6;
	margin-top: 5px;
	cursor: pointer;
	background: #fff;
}
.yy3fa_check.active{
	background: url(../images/lcheck_03.png) no-repeat center #fff;
}
.yy4{
	padding: 15px 0;
	border-bottom: 1px solid rgba(110,53,28,.1);
	border-top: 1px solid rgba(110,53,28,.1);
}
.yy4 span i{
	margin-top: 3px;
}
.yla{
	background: #fff8f0;
	padding: 20px;
}
.ylaimg{
	width: 180px;
	height: 100px;
	margin-right: 20px;
}
.ylf{
	padding: 25px 0;
	border-bottom: 1px solid #f8f8f8;
}
.ylfr span,.ylfr a{
	line-height: 38px;
	padding: 0 25px;
	background: #fff;
	color: #996d56;
	border: 1px solid rgba(110,53,28,.1);
	margin-right: -1px;
}
.ylfr a:hover{
	background: #6E351C;
	color: #fff;
}
.ylb .tja{
	width: 200px;
	height: 40px;
	text-align: center;
}
.cgm{
	background: #fff8f0;
}
.cgml{
	width: 165px;
	margin-right: 25px;
}
.cgmr p a{
	color: #6E351C;
	text-decoration: underline;
}
.gmtop i{
	width: 60px;
	height: 2px;
	background: #6E351C;
	margin: 0 15px;
}
.gmbg{
	background: #fff1e0;
	border-radius: 16px;
}
.gm2a{
	width: 33.33%;
}
.gm2a_a{
	padding: 40px;
	position: relative;
	overflow: hidden;
}
.gm2at i{
	width: 28px;
	height: 3px;
	display: block;
	background: #b6937e;
	margin: 15px 0;
}
.gm2mi{
	color: #af672d;
	border: 1px solid #af672d;
	font-size: 14px;
	margin-left: 10px;
	padding: 0 8px;
	border-radius: 3px;
	font-weight: normal;
}
.gm2m h1 span{
	color: #d0c5b7;
	font-size: 24px;
	text-decoration: line-through;
	margin-left: 15px;
}
.gm2b a{
	display: block;
	line-height: 45px;
	border: 1px solid #6E351C;
	color: #6E351C;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	border-radius: 45px;
}
.gm2b a:hover{
	background: #6E351C;
	color: #fff;
}
.gm2a_ico{
	width: 130px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: url(../images/gmrbg_03.png) no-repeat left center;
	position: absolute;
	right: 0;
	top: 0;
	color: #fff;
	padding-left: 10px;
}
.gm_tc{
	width: 1200px;
}
.tcbox_gm{
	background: #ffe3bf;
	padding: 20px 30px;
	color: #6E351C;
}
.gttop i{
	width: 6px;
	height: 12px;
	background: #6E351C;
	margin-right: 10px;
}
.gt1t,.gt1b{
	padding: 20px 0;
}
.gt1ba{
	border-right: 1px solid #f0decc;
	margin-top: 5px;
}
.gt1ba:nth-child(even){
	padding-left: 25px;
	border-right: 0;
}
.gt1ba h3{
	width: 120px;
}
.gt2a{
	margin-right: 20px;
}
.gt2at{
	width: 140px;
	border: 1px solid #eee;
	padding: 5px;
	background: #fff;
}
.gt2ab span{
	display: block;
	width: 85%;
	padding: 4px 0;
	background: #fff1e0;
	border: 1px solid #ebd2b8;
	border-radius: 3px;
	font-size:12px;
	text-align: center;
	margin: 0 auto; 
}


.news {
    padding: 65px 0 15px;
}
.news .i3 {
    padding-bottom: 20px;
    border-bottom: 1px solid #e2ccb9;
}
.news .i3 h2 {
    font-size: 36px;
    font-weight: bold;
}
.news .i3 span {
    display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  padding-top: 40px;
  color: #6e351c;
  font-size: 14px;
}
.news .i3 span img {
    display: block;
    margin-right: 5px;
}

.news .info-iins {
    padding: 52px;
    font-size: 16px;
    color: #6e351c;
    line-height: 2;
}
.news .info-iins p {
    font-size: 16px;
    color: #6e351c;
    line-height: 2;
    padding: 7px 0;
}