@font-face {
  font-family: "siyuanheiti";
  src: url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"),
       url("../fonts/SourceHanSansCN-Normal.woff") format("woff"),
       url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"),
       url("../fonts/SourceHanSansCN-Normal.eot") format("embedded-opentype"),
       url("../fonts/SourceHanSansCN-Normal.svg") format("svg");
}
/*@font-face {
  font-family: "siyuansongti";
  src: /*url("../fonts/SOURCEHANSERIFCN-REGULAR.woff") format("woff"),原
       url("../fonts/SOURCEHANSERIFCN-REGULAR.ttf") format("truetype"),
	   url("../fonts/SOURCEHANSERIFCN-REGULAR.otf") format("opentype");
}*/

@font-face {
  font-family: "siyuansongti";
  src: url("../fonts/SourceHanSerifCN-Regular.woff2") format("woff2"),
       url("../fonts/SourceHanSerifCN-Regular.woff") format("woff"),
       url("../fonts/SourceHanSerifCN-Regular.ttf") format("truetype"),
       url("../fonts/SourceHanSerifCN-Regular.eot") format("embedded-opentype"),
       url("../fonts/SourceHanSerifCN-Regular.svg") format("svg");
}

/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px; color:var(--main-color-666);/*font-family:'Microsoft YaHei';*//*font-family:'siyuanheiti'!important;*/}
a{color:var(--main-color-666);}
a:hover{ color:var(--main-color); /* text-decoration:underline;*/} 
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width: 13rem !important; margin:0 auto; width: 90% !important;}
.wapper01{ width:90% !important; margin:0 auto; max-width: 14.9rem !important;}
.wapper02{ width:90% !important; margin:0 auto; max-width: 16.19rem !important;}
.wapper03{ width:90% !important; margin:0 auto; max-width: 14rem !important;}



:root {
    --main-color: #9b6bc1;
    --main-color-white:#fff;
    --main-color-333: #333333;
    --main-color-555: #555555;
    --main-color-666: #666;
    --main-color-999: #999999;
    --main-color-888: #888888;
    --main-transition: all ease 0.4s;
    --main-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    --main-linear: linear-gradient(45deg, #79bd28 0%, #00653b 100%);
}


.header_bg{ background: var(--main-color-white);}
.header{ display: flex;   align-items: center;justify-content: space-between; height: 0.9rem;}
.logo{ width: 0.8rem; height: 0.75rem;}
.logo a{ width: 100%; height: 100%;  display: flex; align-items: center;}
.logo a img{ max-width: 100%; max-height: 100%; vertical-align: bottom;}


/*menu*/
.menu{height:0.37rem;line-height:0.37rem;}
.menu ul li{ float:left; position:relative;    margin-left: 0.2rem;}
.menu ul li dl{ background:var(--main-color-white); width:100%; position:absolute; left:0px; top:100%; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; z-index: 999; min-width: 120px;}
.menu ul li dl>dd{ position: relative;}
.menu ul li dl dd>dl{ position: absolute; top: 0; left: 100%;}
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; }
.menu ul li dl dd a{ font-size:12px; color:var(--main-color-666); font-weight:normal; display:inline; padding:0; text-align:left;white-space:nowrap; }
.menu ul li dl dd a:hover{ color:var(--main-color);}
.menu a{ font-size:0.2rem;color:#000000; text-decoration:none; display:block;text-align:center;padding: 0 0.44rem; border-radius: 30px;}
.menu a:hover{color:var(--main-color-white);}
a.menu_hover{ background:var(--main-color);color:var(--main-color-white);}
.menu ul li.on>span>a{ background:var(--main-color);color:var(--main-color-white);}



.banner{ width: 100%; position: relative;}
.banner .img{ width: 100%;}
.banner .img img{ width: 100%; vertical-align: bottom;}
.banner .title{ position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center;width: 80%;}
.banner .title .h1{ color: var(--main-color-white); display: block; font-size: 0.6rem;letter-spacing:0.2rem;font-weight: 500;    text-shadow: 2px 4px 3px rgb(0 0 0 / 80%);}
.banner .title .more{ text-align: center; margin-top: 0.8rem;}
.banner .title .more a{ border-radius: 0.1rem; padding: 0.1rem 0.5rem; text-transform: uppercase; border: 2px solid var(--main-color-white); display:inline-block; background: #9176ab7a; font-size: 0.25rem; color: var(--main-color-white);    font-weight: 600;letter-spacing: 0.03rem;font-family: 'siyuanheiti';}



.cent01{display: flex;/* align-items: center; */justify-content: space-between;}
.cent01_r{ width:50%;}
.cent01_r img{ width: 100%; vertical-align: bottom;}
.cent01_l{width: 50%;box-sizing: border-box;background-image: linear-gradient(to right, #6d508a,#957aaf);color: var(--main-color-white);display: flex;align-items: center;padding-left: 2.56rem;}
.cent01_l .txtbg{}
.cent01_l .txtbg .h1{line-height: 1;  margin-bottom: 0.3rem;}
.cent01_l .txtbg .h1 strong{font-size: 0.39rem;border-bottom: 2px solid var(--main-color-white);padding-bottom: 0.1rem;letter-spacing: 0.08rem;}
.cent01_l .txtbg .h1 span{ font-size: 0.36rem;letter-spacing: 0.08rem;}
.cent01_l .txtbg .h1 em{font-style: normal;font-size: 31px;text-transform: uppercase;color: #a99cba;font-family: 'siyuansongti';}
.cent01_l .txtbg .h2{ font-size: 0.24rem; font-weight: bold; line-height: 2;}

.cent02_bg{ background: #ede4f4;}
.cent02{ display: flex;  justify-content: space-between;}
.cent02_l{ display:block; width: 50%; }
.cent02_l img{  width:100%; vertical-align: bottom;}
.cent02_r{  display: flex; align-items: center;width: 50%; box-sizing: border-box; padding: 0 0.74rem;}
.cent02_r .taxbg{}
.cent02_r .taxbg .h1{ font-size: 0.39rem; color: #6c4f89; display: block; font-weight:bold;letter-spacing:8px;}
.cent02_r .taxbg .h2{ font-size: 0.24rem; color: #4d4d4d; display: block; margin-top: 0.2rem; line-height: 2;}



.cent03_bg{ color: var(--main-color-white); background: #8f75ab; padding: 0.5rem 0; text-align: center;}
.cent03 .h1{ font-size: 0.6rem;letter-spacing:8px;font-weight: bold;}
.cent03 .h2{ font-size: 0.33rem; text-transform: uppercase; color: #a392b4;    font-family: 'siyuansongti'!important;}

.cent04_bg{ padding-top: 1.65rem; padding-bottom: 1.25rem;}
.cent04{background-image: linear-gradient(to right, #9076ac,transparent); box-sizing: border-box; border-radius: 0.5rem; padding: 0.7rem  0; text-align: center; color: var(--main-color-white);} 
.cent04 ul{}
.cent04 ul li{ margin-bottom: 1rem;}
.cent04 ul li .h2{}
.cent04 ul li .h2 span{ font-size: 0.35rem; font-weight: bold;letter-spacing:8px; width: 5rem; margin: 0 auto; display: block; border-bottom: 2px solid var(--main-color-white); padding-bottom: 0.1rem;}
.cent04 ul li .h3{ font-size: 0.24rem; font-weight: 600; display: block; margin-top: 0.2rem;}
.cent04 ul li:last-child{margin-bottom: 0%;}
.cent04_bg > .h1 {
    text-align: center;
    background-image: -webkit-linear-gradient(top, #fff9e2, #f4d282);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
    font-size: 0.56rem;
    font-weight: bold;
    margin-top: 1rem;
    filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.6));
}

.footer_bg{ background:#272727; padding: 0.36rem 0; color: var(--main-color-white);}
.footer_bg a{ color: var(--main-color-white);}
.footer{ display: flex; align-items: center; justify-content: space-between;}
.footer02{display: flex; align-items: center; }
.footer02 a{ width: 0.7rem; height: 0.7rem; display: flex; align-items: center; justify-content: center; margin: 0 0.3rem; position: relative;}
.footer02 a img{ max-width: 100%; max-height: 100%; vertical-align:bottom;}
.footer02 .weixin .qrcode {
		position: absolute;
		z-index: 99;
		bottom: 100%;
		left: 50%;
		width: 120px;
		height: auto;
		transform: scale(0);
		/* transform-origin: top right; */
		opacity: 0;
		transform: translate(-50%, 0);
		padding: 10px;
		border-radius: 5px;
		background: #fff;
		text-align:center
	}
	.footer02 .weixin .qrcode span{display:block;line-height: 30px;text-align:center;font-size: 13px;color:#000} 
.footer02 .weixin:hover .qrcode {
		opacity: 1;
	}
.footer02 .qrcode img{ width:100%; height:auto}
.footer02 .qrcode:after{
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-color: rgba(0,0,0,0);
    border-style: solid;
    content: " ";
    bottom: -14px;
    margin-left: 51px;
    border-top-width: 0;
    border-bottom-width: 7px;
    border-top-color: #fff;
    border-width: 7px;
    left: 11%;
    }

.footer01{ font-size: 0.2rem; line-height: 1.5;}
.footer01>strong{ display: block;}
.footer01>span{display: block;}



.cent05_bg{ padding-top: 1rem; padding-bottom: 1.8rem;}
.cent05{ width: 15.34rem; margin: 0 auto; position: relative;}
.cent05>.h1{ text-align: right; font-size: 0.37rem; color: #683b8f; display: block; font-weight: bold;}
.cent05 .img{ width: 100%; margin-top: 0.59rem;}
.cent05 .img img{ width: 100%; vertical-align: bottom;}
.cent0501{ position: absolute; bottom: 0; left:0; width: 3.27rem;}
.cent0501 .h1{ font-size: 0.24rem; line-height: 2; color: #683b8f; /*font-weight: 600;*/}

.title{ text-align: center;}
.title .h1{ font-size: 0.55rem; color: #5d2d87; font-weight: bold;line-height: 1; position: relative; letter-spacing:8px;}
.title .h2{ font-size: 0.5rem; color: #d3d2d5c4; font-weight: 300; line-height: 1; margin-top: -0.23rem; text-transform: uppercase;font-family: 'siyuansongti';} 


.cent06_bg{ padding-top: 0.88rem; padding-bottom: 2.3rem;}
.cent06{ }
.cent06_r{ float:right; width: 50%;}
.cent06_r .title{ text-align: left;}
.cent06_r .title .h2{ margin-left: 0.3rem;font-family: 'siyuansongti';}

.newsclass_list { margin-top: 0.63rem; }
.newsclass_list ul li { margin-bottom: 0.58rem;}
.newsclass_list ul li .nr_box { display: flex; justify-content: space-between;}
.newsclass_list ul li .nr_box>.h1{ width: 0.7rem; height: 0.7rem;display: flex; justify-content: center; align-items: center; background: url(../images/tb1.png) center no-repeat; background-size: 100% 100%; color: var(--main-color-white); font-size: 0.32rem; font-weight: bold;}
.newsclass_list ul li .txtbg { width:calc(100% - 0.9rem); padding-top: 0.1rem;}
.newsclass_list ul li .txt {}
.newsclass_list ul li .txt .h2 { font-size: 0.33rem; line-height: 1.5em; height: 1.5em; color: #683b8f; margin-bottom: 0.2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;  font-weight: bold;}
.newsclass_list ul li .txt .h3 { font-size: 0.24rem; line-height: 1.5em; height: 3em;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #4d4d4d; font-weight: 600;}
.newsclass_list ul li:last-child{ margin-bottom: 0;}


.cent07{}
.cent07>.h3{ text-align: center; font-size: 0.26rem; margin-top: 0.58rem;}
.cent0701{margin-top: 0.98rem;display: flex;/* align-items: center; */justify-content:space-between;}
.cent0701_l{width:calc((100% - 0.14rem)/2);position: relative;border-radius: 10px;overflow: hidden;}
.cent0701_l .img{ width: 100%;}
.cent0701_l .img img{ width: 100%; vertical-align: bottom;}
.cent0701_l .h1{     text-indent: 2em;position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: hsl(273deg 38.1% 46.19% / 70%); padding: 0.7rem 0.5rem; color: var(--main-color-white); font-size: 0.24rem; width: 80%; box-sizing: border-box;line-height: 2;}
.cent0701_r{width:calc((100% - 0.14rem)/2);height: 100%;}
.cent0701_r ul{height:100%;display: block;}
.cent0701_r ul li{margin-bottom: 0.14rem;height:calc((100% - 0.14rem)/2);=:revert;display: block;}
.cent0701_r ul li a{width: 100%;height: 100%;display: block;}
.cent0701_r ul li .img{height: 100%;position: relative;background: #f9f9f9;border-radius: 10px;overflow: hidden;}
.cent0701_r ul li .img img {width: 100%;height: 100%;margin: auto auto;transition: all .3s ease;box-sizing: border-box;vertical-align: bottom;}
.cent0701_r ul li:last-child{margin-bottom: 0;}



.cent18_bg{ margin-top: 1.34rem; padding: 1rem 0; color: var(--main-color-white);}
.cent18{ text-align: right;}
.cent18 .h1{ font-size: 0.5rem; text-transform: uppercase; font-weight: 300; display: block; line-height: 1;font-family: 'siyuansongti';}
.cent18 .h2{ display: inline-block; font-size: 0.4rem; font-weight: bold; color: var(--main-color-white);letter-spacing:8px; background: #4c2b69; padding: 0.1rem 0.3rem; margin-top: 0.2rem;}
.cent18 .h3{ display: block; margin-top: 0.4rem; font-size: 0.25rem; line-height: 2;}



.cent19_bg{ padding: 1rem 0; color: #4c2b69;}
.cent19{ text-align:left;}
.cent19 .h1{ font-size: 0.5rem; text-transform: uppercase; font-weight: 300; display: block; line-height: 1;font-family: 'siyuansongti';}
.cent19 .h2{ display: inline-block; font-size: 0.4rem; font-weight: bold; color: var(--main-color-white);letter-spacing:8px; background: #4c2b69; padding: 0.1rem 0.3rem; margin-top: 0.2rem;}
.cent19 .h3{ display: block; margin-top: 0.4rem; font-size: 0.25rem; line-height: 2;}



.cent20{ margin-top: 1.2rem;}
.cent20>.h1{ font-size:0.24rem; display: block; text-align: center; color: #5d2d87; margin-top: 0.36rem; line-height: 2; font-weight: 600;}
.newsclass_list02 { margin-top: 1.1rem; }
.newsclass_list02 ul li { float: left; width: calc((100% - 2.4rem)/3); margin: 0 0 0px 1.2rem;}
.newsclass_list02 ul li:nth-child(3n-2) { margin-left: 0; clear: left; }
.newsclass_list02 ul li .nr_box { position: relative; border-radius: 10px; overflow: hidden;}
.newsclass_list02 ul li .img { position: relative; overflow: hidden; }
.newsclass_list02 ul li .img img { width: 100%; object-fit: cover; }
.newsclass_list02 ul li .txtbg { position: absolute; top: 2.6rem; left: 50%; transform: translate(-50%, 0); width: 100%;}
.newsclass_list02 ul li .txt {  color: var(--main-color-white); }
.newsclass_list02 ul li .txt .h2 { font-size: 0.22rem; line-height: 2;  color: var(--main-color-white); text-align: center;}



.cent21{ width: 100%; margin-top: 1.9rem; position: relative;}
.cent21 .img{ width: 100%;}
.cent21 .img img{ width: 100%; vertical-align: bottom;}
.cent21 .titlsgee{ position: absolute; top: 50%; right: 2rem; }
.cent21 .titlsgee .h1{ font-size: 0.48rem; color: #5d2d87; font-weight: bold; line-height: 1.5; transform: translate(0,-50%);letter-spacing: 0.18rem;}


.cent22_bg{ padding: 2.7rem 0;}
.cent22{ width: 15.59rem; margin: 0 auto;}
.newsclass_list03{ }
.newsclass_list03 ul li { float: left; width: calc((100% - 2.4rem)/3); margin: 0 0 0px 1.2rem;}
.newsclass_list03 ul li:nth-child(3n-2) { margin-left: 0; clear: left; }
.newsclass_list03 ul li .nr_box { padding:0.68rem 0.3rem 1.11rem 0.3rem;}
.newsclass_list03 ul li .nr_box .h1{ font-size: 0.37rem; font-weight: bold;color: #5e2d88;text-align: center; margin-bottom: 0.3rem;}
.newsclass_list03 ul li .img { position: relative; overflow: hidden; width: 0.5rem; margin: 0 auto; margin-bottom: 0.28rem;}
.newsclass_list03 ul li .img img { width: 100%; object-fit: cover; }
.newsclass_list03 ul li .txtbg { text-align: center;}
.newsclass_list03 ul li .txt {  color: var(--main-color-white); }
.newsclass_list03 ul li .txt .h2 { font-size: 0.25rem; line-height: 1.5em;  color: #5e2d88; text-align: center;}


.cent23{ margin-top: 0.76rem;}
.cent23_l{ float: left; display: block; width: 4.3rem; color: #5e2d86;}
.cent23_l .h1{ font-size: 0.58rem; display: block; font-weight: bold;letter-spacing:8px;}
.cent23_l .h2{ font-size: 0.24rem; display: block; line-height: 2; margin-top: 0.5rem;}
.cent23_r{ float:right; display: block; width: 11rem;}
.cent23_r ul li { float: left; width: calc((100% - 0.2rem)/3); margin: 0 0 0px 0.1rem;}
.cent23_r ul li:nth-child(3n-2) { margin-left: 0; clear: left; }
.cent23_r ul li a{ display: block;}
.cent23_r ul li .img{ width: 100%;}
.cent23_r ul li .img img{ width: 100%; vertical-align:bottom;}



.cent24{ margin-top: 0.93rem; position: relative;}
.cent24 .img{ width: 100%;}
.cent24 .img img{ width: 100%; vertical-align:bottom;}
.cent24 .titl{ position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; color: var(--main-color-white);}
.cent24 .titl .h1{ font-size: 0.5rem; color: #9277a9; display: block;  text-transform: uppercase;font-family: 'siyuansongti';}
.cent24 .titl .h2{ width: 7.5rem; color: var(--main-color-white); font-size: 0.24rem; margin-top: 0.34rem;  line-height: 2;}




.cent25{ margin-top: 1.2rem;}
.cent25 .title{ text-align: left;}
.cent25 .title .h2{ margin-left: 0.3rem;}
.cent2501{ margin-top: 0.55rem;}
.cent2501_l{ width: 7.17rem; float: left; display: block;}
.cent2501>.img{width: 10rem;float:right;display: block;margin-right: -1rem;}
.cent2501>.img img{ width: 100%; vertical-align: bottom;}


.newslist04{}
.newslist04 ul li{ margin-bottom: 0.54rem;}
.newslist04 ul li .txtbg{}
.newslist04 ul li .txtbg .txt{}
.newslist04 ul li .txtbg .txt .h1{ display: flex; align-items: center;}
.newslist04 ul li .txtbg .txt .h1 .img{ width: 0.6rem; height: 0.6rem; display: flex; justify-content: center; align-items: center;}
.newslist04 ul li .txtbg .txt .h1 .img img{ max-width: 100%; max-width: 100%; vertical-align:bottom;    width: 100%;}
.newslist04 ul li .txtbg .txt .h1 span{ background:#5e2d88; padding:0.07rem 0.32rem; font-size: 0.33rem; margin-left: 0.2rem; font-weight: bold; color: var(--main-color-white); border-radius:0 0.2rem  0 0.2rem}
.newslist04 ul li .txtbg .txt .h2{ font-size: 0.25rem; color: #000; display: block; margin-top: 0.34rem; line-height: 2;}

.cent2502{}
.cent2502 .newslist04 ul li{ float: left; width: calc((100% - 1.3rem)/2); margin: 0 0 0.53rem 1.3rem;}
.cent2502 .newslist04 ul li:nth-child(2n-1) { margin-left: 0; clear: left; }


.cent26{ display: flex;   align-items:flex-start;justify-content: space-between; margin-top: 1.7rem;}
.cent26_l{ width: 47%;}
.cent26_l img{ width: 100%; vertical-align: bottom;}
.cent26_r{ width: 47%;}
.cent26_r .title{ text-align: left;}
.cent26_r .title .h2{ margin-left: 0.3rem;}
.cent26_r .guz{}
.cent26_r .guz ul li{ margin-top: 0.8rem;}
.cent26_r .guz ul li .h1{ font-size: 0.25rem; color: #5d2d87; display: block; font-weight: 600;}
.cent26_r .guz ul li .h2{ font-size: 0.23rem; color: #4d4d4d; display: block; line-height: 1.5; margin-top: 0.18rem;}

.cent27_bg{ padding-top: 1.8rem; padding-bottom: 2.78rem;}
.cent27{ max-width: 15rem; margin: 0 auto;}
.cent27 .title{ text-align:left;}
.cent27 .title .h1{ color: var(--main-color-white);}
.cent27 .title .h2{ margin-left: 0.3rem; color: #8974a0;}

.cent2701{ margin-top: 0.73rem; background: var(--main-color-white); border-radius: 0.2rem; padding: 0.6rem 0.6rem 0.4rem 0.6rem; box-sizing: border-box;}
.cent2701 ul li{ display: flex;align-items:center;justify-content: space-between;margin-bottom: 0.2rem;}
.cent2701 ul li::before{content: '';width: 0.2rem;height: 0.2rem;border-radius: 50%;overflow: hidden;background:#5d2d87;display: inline-block;/* margin-top: 1%; */}
.cent2701 ul li .h1{font-size: 0.3rem;color: #5d2d87;width: 11%;margin: 0.0.2rem; font-weight: 600;}
.cent2701 ul li .h2{font-size:0.25rem;color: #4d4d4d;width: 85%;}

.cent2702{ margin-top: 0.35rem; display: flex;  align-items:flex-start;justify-content: space-between; color: #adaab1;}
.cent2702 .h1{display: flex;align-items: center;font-size: 0.34rem;font-weight: bold;line-height: 1;letter-spacing: 8px;}
.cent2702 .h1 img{ margin-right: 0.15rem; width: 0.36rem;}
.cent2702 .h2{width: 84%;}
.cent2702 .h2 ul li{font-size: 0.25rem;line-height: 1.5;margin-bottom: 0.25rem;}
.cent2702 .h2 ul li:last-child{margin-bottom: 0%;}
.cent2702 .h2 ul li strong{ color: #c581ff;}
.cent2702 .h2 ul li::before{content: '';width: 0.15rem;height: 0.15rem;border-radius: 50%;overflow: hidden;background:#adaab1;display: inline-block;/* margin-top: 1%; */    margin-right: 1%;}



.cd-top {
	display: inline-block;
	height: 0.8rem;
	width: 0.8rem;
	position: fixed;
	bottom: 0.3rem;
	right: 0.3rem;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	/* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../images/tu31.png) no-repeat center 50%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 50%;
	}
  .cd-top.cd-is-visible {
	/* the button becomes visible */
	visibility: visible;
	opacity: 1;
  }
  .cd-top.cd-fade-out {
	/* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
	opacity: .5;
  }
  .no-touch .cd-top:hover {
	background-color: #e86256;
	opacity: 1;
  }
  @media only screen and (min-width: 768px) {
	.cd-top {
	  right: 20px;
	  bottom: 20px;
	}
  }
  @media only screen and (min-width: 1024px) {
	.cd-top {
	  height: 0.8rem;
	  width: 0.8rem;
	  right: 0.3rem;
	  bottom: 0.3rem;
	}
  }



.cent28{ margin-top: 1.1rem; border-top: 1px solid #c83a4b; border-bottom: 1px solid #c83a4b; padding-top: 0.57rem; padding-bottom: 0.7rem;}
.cent28>.h1{ font-size: 0.6rem; font-weight: bold;background-image: -webkit-linear-gradient(top,#e13a53,#901c24);
-webkit-background-clip: text;-webkit-text-fill-color: transparent;letter-spacing: 8px; text-align: center; line-height: 1;}
.cent28>.h2{ text-align: center; display: block; margin-top: 0.4rem;}
.cent28>.h2 a{ display: inline-block;}
.cent28>.h2 a img{ max-width: 100%; vertical-align: bottom;}
.cent28>.h3{ text-align: center; display: block; font-size: 0.27rem; color: #b52536; margin-top: 0.4rem; line-height: 2;}

.huge{ margin-top: 0.6rem;}
.huge ul{  display: flex; justify-content: center;  align-items:flex-start;}
.huge ul li{ margin: 0 0.3rem; width: 7rem;}
.huge ul li .imgbg{ width: 100%;}
.huge ul li .img { padding-bottom: 70%; position: relative; overflow: hidden; /*background: #f9f9f9;*/ }
.huge ul li .img img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; transition: all .3s ease; }
.huge ul li .txt{ margin-top: 0.3rem;}
.huge ul li .txt .h2{ color:#b52536; font-size: 0.35rem; display: block; text-align: center;}



.cent29{ text-align: center; margin-top: 0.85rem;}
.cent29 .h1{  font-size: 0.6rem; font-weight: bold;background-image: -webkit-linear-gradient(top,#e13a53,#901c24);
	-webkit-background-clip: text;-webkit-text-fill-color: transparent;letter-spacing: 8px; text-align: center; line-height: 1;}
.cent29 ul li{ margin-top: 0.6rem; float: left; width: 90%;}
.cent29 ul li:nth-child(2n) { float: right;}
.cent29 ul li .img{ width: 100%;}
.cent29 ul li .img img{ width: 100%; vertical-align: bottom;}
.cent29 ul li .txty{ margin-top: 0.4rem;}
.cent29 ul li .txty .h2{ display: flex;   align-items: center; /*justify-content: center;*/ font-size: 0.24rem; color: #b52536;padding-left: 1.8rem;}
.cent29 ul li .txty .h2 img{ width: 0.22rem;}



.cent30{ margin-top: 2rem;}
.index_product{}
.index_product ul{display: flex;/* align-items: center; */flex-wrap: wrap;}
.index_product ul li{width:calc(100%/3);}
/* .index_product ul li:nth-child(3n-2){ clear:left;} */
.index_product ul li .nr_box{background-image: linear-gradient(to top, #ea3d57,#9d262f);height: 100%;}
.index_product ul li .img{ width: 100%;}
.index_product ul li .img img{ width: 100%; vertical-align: bottom;}
.index_product ul li .txtbg{ height: 100%;}
.index_product ul li .txtbg .txt{ height: 100%; display: flex; justify-content: center;  align-items: center;}
.index_product ul li .txtbg .txt .h2{ font-size: 0.4rem; font-weight: bold; text-align: center;background-image: -webkit-linear-gradient(top,#fff9e2,#f5d486);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;}



.cent31{ width: 100%; text-align: center; margin-top: 1rem;}
.cent31 .img{ width: 100%;}
.cent31 .img img{ width: 100%;}

.cent32_bg{ padding-bottom: 2rem;}
.cent32{ width: 16.88rem; margin: 0 auto;}
.cent32 .title{ text-align: left; padding: 0 0.35rem;}
.cent32 .img{ width: 100%; margin-top: 0.88rem;}
.cent32 .img img{ width: 100%;}



.cent33_bg{ padding-top: 1.43rem; padding-bottom: 2.7rem;}
.cent33 .title{ text-align: left;}
.cent33 .title .h1{ color: var(--main-color-white);}
.cent33 .txt{color: var(--main-color-white);font-size: 0.24rem;margin-top: 0.7rem;line-height: 2;    letter-spacing: 0.02rem;}
.cent33>.h3{ 
    text-align:left;
    background-image: -webkit-linear-gradient(top, #fff9e2, #f4d282);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
    font-size: 0.5rem;
    font-weight: bold;
    margin-top: 1rem;
    filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.6));letter-spacing: 5px;
}

.cent3301{ display: flex;   align-items: center;justify-content: space-between;}
.cent3301 .img{ margin-right: -1.83rem; width: 8.7rem;}
.cent3301 .img img{ width: 100%; vertical-align: bottom;}


/*Add------------------------------------------------------------------------------*/

.weizhi{height:40px; line-height:40px; background:url(../images/title03.png) no-repeat;font-size:14px; }
.inside{margin-top:20px; background:url(../images/title_04.gif) var(--main-color-white) repeat-y; min-height:400px;}

.inside_left{ width:220px; float:left;}
.inside_left .side_a dl dt{ border-bottom:3px solid #ddd; display:block; height:40px; color:#324483; font-weight:bold; line-height:40px; font-size:18px;}
.inside_left .side_a dl dd{ height:36px; line-height:36px; border-bottom:#ddd solid 1px;}
.inside_left .side_a dl dd a{ display:block; padding-left:30px; font-size:14px; background: url(../images/about-cn3_19.jpg) 15px center no-repeat;}
.inside_left .side_a dl dd a:hover{ background:#324483; color:var(--main-color-white);}
.inside_left .side_a dl .hover a{ background:#324483; color:var(--main-color-white);} 
.lianxi{ margin-top:15px; text-align:center; padding-bottom:20px;}

.inside_right{ width:720px; float:right; }
.inside_con{ padding:10px 0; min-height: 300px;}