html,
body {
	width: 100%;
	height: 100%;
	color: #303131;
    background: #F6F6F6;
	font-weight:400;
	font-family: "PingFang SC";
}

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

ul, li, ol {
	list-style: none;
}

a {text-decoration: none;cursor: pointer;}
b {
	/* font-weight: 400; */
}
img {
	width: 100%;
}
input,
textarea,
button {
	outline: none;
}
input{
	border: 1px solid #C66B74;
	padding: 0 4px;
}
.input-radio{appearance: none;border: none;}
.input-radio:before{
    content: '';
    width: 1.125rem;
    height: 1.125rem;
    border: 1px solid #C66B74;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
}

.input-radio:checked:before{
    content: '';
    width: 1.125rem;
    height: 1.125rem;
    border: 1px solid #C66B74;
    background:#C66B74;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
}

button{
	cursor: pointer;
    border: 0;
    color: white;
}



.cantainer{width: 100%;margin: auto;padding-top: 14.3rem;}
/*.bgColor{background-color: rgba(253,246,248,1);}*/
.mainBgColor{background-color: #C66B74;}
.mainTextColor{color: #3D3635;}
.mainSubmitBtn{width:11.75rem;height:3.125rem;background:rgba(167,84,101,1);border:1px solid rgba(167,84,101,1);border-radius:0.3125rem;color: #EAD9D9;}


.flex-row{display: flex;display: -webkit-box; display: -moz-box;display: -webkit-flex; display: -moz-flex;display: -ms-flexbox; flex-direction: row;}
.flex-column-center{display: flex;display: -webkit-box; display: -moz-box;display: -webkit-flex; display: -moz-flex;display: -ms-flexbox; justify-content: center; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;flex-direction: column; -webkit-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column; align-items: center;    -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;}
.flex-column-Ycenter{display: flex;display: -webkit-box; display: -moz-box;display: -webkit-flex; display: -moz-flex;display: -ms-flexbox; justify-content: center; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;flex-direction: column; -webkit-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column;}
.flex-row-center{display: flex;display: -webkit-box; display: -moz-box;display: -webkit-flex; display: -moz-flex;display: -ms-flexbox; flex-direction: row;justify-content: center; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;align-items: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;}
.flex-row-Ycenter{display: flex;display: -webkit-box; display: -moz-box;display: -webkit-flex; display: -moz-flex;display: -ms-flexbox; flex-direction: row;justify-content: center; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;}
.flex-row-between{display: flex;display: -webkit-box; display: -moz-box;display: -webkit-flex; display: -moz-flex;display: -ms-flexbox; flex-direction: row;justify-content: space-between;}
.flex-row-wrap{display: flex;display: -webkit-box; display: -moz-box;display: -webkit-flex; display: -moz-flex;display: -ms-flexbox; flex-direction: row;flex-wrap: wrap;}



 /* header  */
#header{width: 100%;height: 14.3rem;line-height: 14.3rem;padding: 0 3rem;background-color:#121011;position: fixed;top: 0;left: 0;z-index: 9;color: white}
.head-cont{height: 100%}
.head-left{color: #C1BBC2;margin-right: 7.5rem}
.header-logo{width: 14rem;}
.head-left-t1{font-size: 2.5rem;font-weight: 800;line-height: 3.4rem}
.head-left-t2{font-size: 2.0rem;font-weight: 500;line-height: 2.9rem}
.head-right{margin-left: 7.5rem;height: 100%}
.head-row{cursor: pointer;margin: 0 1.25rem;line-height: 6rem;font-size: 1.8rem;font-weight: 500;position: relative;height: 100%;line-height: 14.3rem}
.head-row-a{color: white;}
.head-row:hover,.head-row-a:hover{
    color: #B574C6;
}
.head-row:hover:after{
    position: absolute;
    bottom: 4rem;
    content: "";
    background-color: #B574C6;
    color: #B574C6;
    transition: width .5s;
    width: 90%;
    height: 2px;
    border-radius: 1px;
    left: 5%;
}
.head-pros:hover>.head-chlid{height: 9.2rem}
.head-chlid{height: 0rem;background: white;overflow: hidden;position: fixed;width: 100%;top: 14.3rem;left: 0}
.head-pro{margin: 17.3rem}
.head-pro>a>img{width: 5.2rem}
.head-pro>a>span{font-size: 2.1rem;color: #000000;margin-left: 2.3rem}


/* footer */
#footer{width: 100%;padding: 2rem;background-color: #121011;height: 46.4rem;color: white}
.foot-logo{padding-right: 7.4rem;border-right: 1px solid #D3D3D3;}
.foot-logo-img{width: 29.4rem}
.foot-logo-t{font-size: 2.8rem;font-weight: 500;color: #F4F4F4;line-height: 3.2rem;width: 100%;text-align: center}

.foot-qrs{width: 35rem;margin-left: 7.4rem}
.foot-qr{width: 16rem;color: white;justify-items: center;text-align: center;align-items: center;padding-bottom: 2rem}
.foot-qr img{width: 12.1rem;height: 12.1rem}
.foot-qr p{font-size: 1.5rem;line-height: 2.3rem;color: white;font-weight: 500}
.foot-dec{font-size: 1.6rem;font-weight: 500;color: #E6E6E6;line-height: 3.2rem;margin-left: 4.4rem}
.foot-dec p{margin-bottom: 2rem}
.foot-dec a{color: #E6E6E6}

.cate-cont{margin-top: 8rem;}
.cate-l{width: 35.3rem}
.cate-r{margin-left: 3.5rem;color:#1F1F1F}
.cate-r-cn{font-size: 5.5rem;}
.cate-r-cn-t{padding: 0 2rem}
.cate-r-cn-l{width: 2rem;height: 2rem;border-right: 2rem solid #AE6EC0;border-top: 1rem solid transparent;border-bottom: 1rem solid transparent;}
.cate-r-cn-r{width: 2rem;height: 2rem;border-left: 2rem solid #AE6EC0;border-top: 1rem solid transparent;border-bottom: 1rem solid transparent;}
.cate-r-en{font-size: 3rem;}


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

}