.banner {
    height: calc(620/750*100vw);
    background: url(../images/banner.png);
    text-align: center;
    background-size: 100%;
}

.banner-text-1 {
    font-size: calc(43/750*100vw);
    color: #fff;
    padding-top: calc(129/750*100vw);
    padding-bottom: calc(25/750*100vw);
}

.banner-text-2 {
    color: #fff;
    font-size: calc(24/750*100vw);
    line-height: calc(46/750*100vw);
    width: calc(550/750*100vw);
    margin: auto;
}

.banner-text-3 {
    font-size: calc(24/750*100vw);
    color: #ffffff;
    font-style: italic;
    /* font-weight: bold; */
    /* padding-top: calc(30/750*100vw); */
    width: calc(550/750*100vw);
    margin: auto;
    line-height: calc(46/750*100vw);
}



.banner-btn-main .banner-btn {
    width: calc(220/750*100vw);
    height: calc(50/750*100vw);
    border-radius: calc(182/750*100vw);
    border: none;
    display: inline-block;
    line-height: calc(50/750*100vw);
    margin: 0px calc(20/750*100vw);
    font-size: calc(20/750*100vw);
}
.banner-btn-main {
    padding-top: calc(40/750*100vw);
}
a.banner-btn.banner-btn-1 {
    background: #fdc033;
    color: #fff;
}

a.banner-btn.banner-btn-2 {
    background: #fff;
    color: #895bfe;
}

.main-title {
    font-size: 0.33rem;
    text-align: center;
    background: url(../images/title.png);
    background-size: calc(474/750*100vw) auto;
    background-repeat: no-repeat;
    background-position: center;
    font-weight: bold;
    margin-top: calc(70/750*100vw);
}

.main-title-gongneng {text-align: center;margin-top: calc(24/750*100vw);font-size: 0.30rem;color: #505050;}

.gongneng {
    display: grid;
    grid-template-columns: calc(108/750*100vw) calc(424/750*100vw) calc(108/750*100vw);
    /* width: 100vw; */
    /* grid-column-gap: calc(25/750*100vw); */
    justify-content: space-between;
    margin: calc(30/750*100vw) calc(30/750*100vw) 0;
}

.gongneng-btn {width: calc(108/750*100vw);height: calc(108/750*100vw);overflow: hidden;position: relative;margin-top: calc(83.2/750*100vw);}

.gongneng-btn img {
    width: calc(108/750*100vw);
    height: calc(108/750*100vw);
    position: absolute;
    top: 0;
    left: 0;
}

img.gongneng-center-img {
    opacity: 0;
    width: calc(424/750*100vw);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}

.gongneng-center {
    width: calc(424/750*100vw);
    height: calc(848/750*100vw);
    overflow: hidden;
    position: relative;
}

img.gongneng-center-img.checked {
    display: block;
    opacity: 1;
}

.gongneng-bottom-title {
    text-align: center;
    margin-top: calc(24/750*100vw);
    font-size: 0.30rem;
    color: #505050;
}

.gongneng-bottom-des {
    text-align: center;
    margin-top: calc(10/750*100vw);
    font-size: 0.24rem;
    color: #505050;
    padding: 0 calc(30/750*100vw);
    height: 0.52rem;
    line-height: 0.36rem;
}

.texiao-con {
    height: 0;
    overflow: hidden;
    padding-left: calc(15/750*100vw);
    padding-right: calc(15/750*100vw);
    display: grid;
    /* padding-top: calc(30/750*100vw); */
    /* padding-bottom: calc(30/750*100vw); */
    /* display: grid; */
    /* padding: calc(30/750*100vw) calc(15/750*100vw); */
    grid-template-columns: 1fr 1fr;
    /* grid-auto-flow: row dense; */
}

.texiao-list {
    border-top: 1px solid #cfcfcf;
}

.texiao-title {
    height: calc(120/750*100vw);
    line-height: calc(120/750*100vw);
    padding: 0px calc(30/750*100vw);
    position: relative;
    font-size: 0.32rem;
}

p.texiao-icon {
    position: absolute;
    top: 0;
    display: inline-block;
    right: calc(40/750*100vw);
    color: #dedede;
    font-size: 0rem;
}

span.iconfont.icon-arrow-down {
    font-size: 0.43rem;
}

.texiao-con.texiao-con-1 {
    grid-template-columns: calc(316/750*100vw) auto;
    padding-right: calc(15/750*100vw);
    padding-left: calc(15/750*100vw);
    justify-content: space-around;
    /* align-content: space-between; */
}

.texiao-con-1 .texiao-con-item.texiao-con-item-a{
    width: calc(316/750*100vw);
}
.texiao-con-1 .texiao-con-item-b  .texiao-con-item:nth-child(1) {
    width: calc(170/750*100vw);
}
.texiao-con-1  .texiao-con-item-b .texiao-con-item:nth-child(2) {
    width: calc(195/750*100vw);
}
.texiao-con-1  .texiao-con-item-b .texiao-con-item:nth-child(3){
    width: calc(367/750*100vw);
}

p.texiao-con-des {
    display: none;
}

img.texiao-con-img {
    width: 100%;
}
.texiao-con-item-b {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: calc(170/750*100vw) calc(195/750*100vw);
    align-content: baseline;
    grid-column-gap: calc(5/750*100vw);
    grid-row-gap: calc(10/750*100vw);
}
.texiao-list.show .texiao-con{
    /* display:grid; */
    height: calc(670/750*100vw);
    padding-top: calc(30/750*100vw);
    padding-bottom: calc(30/750*100vw);
    /* padding-left: calc(15/750*100vw); */
    justify-content: space-around;
    padding-right: calc(15/750*100vw);
}
.texiao .texiao-list:nth-child(1).show{
    background:#e4eafc;
}
.texiao .texiao-list:nth-child(2).show{
    background:#ead7f8;
}
.texiao .texiao-list:nth-child(3).show{
    background:#ead7f8;
}
.texiao .texiao-list:nth-child(4).show{
    background:#d7f8e6;
}
.texiao .texiao-list:nth-child(5).show{
    background:#d7ebf8;
}
.texiao .texiao-list:nth-child(6).show{
    background:#f5edf7;
}
.texiao .texiao-list:nth-child(7).show{
    background:#fff;
}


.texiao-list.show p.texiao-title-p {
    color: #f54a6e;
}

.texiao-list.show {}

.texiao-list.show texiao-icon {
    color: #f54a6e;
}

p.texiao-icon {}

.texiao-list.show {}

.texiao-list.show span.iconfont.icon-arrow-down {
    color: #f54a6e;
    display: inline-block;
    transform: rotate(180deg);
    -ms-transform:rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari and Chrome */
}
.texiao {
    padding-top: calc(60/750*100vw);
    background: #f1e9fb;
    padding-bottom: calc(60/750*100vw);
}

.changjing {
    margin-top: calc(41/750*100vw);
    padding: calc(16/750*100vw) calc(31/750*100vw) 0 calc(21/750*100vw);
    position: relative;
    /* height: calc(508/750*100vw); */
}

img.changjing-frontimg {
    width: calc(730/750*100vw);
    position: absolute;
    top: 0;
    left: calc(10/750*100vw);
    z-index: 99;
    pointer-events: none;
}

.changjing-list-img {
    width: 0;
    /* display: none; */
    margin: 0;
}

.changjing-list-img img {
    height: calc(508/750*100vw);
    /* width: 100%; */
}
.changjing-grid {
    position: relative;
    height: calc(508/750*100vw);
    overflow: hidden;
    display: grid;
    grid-template-columns: auto auto auto auto auto;
}
.changjing-list-title {
    width: calc(94.2/750*100vw - 1px );
    border-right: 1px solid #dcdcdc;
    /* display: inline-block; */
    height: calc(508/750*100vw);
    display: table-cell;
    text-align: center;
    /* float: left; */
    /* border: 3px solid gray; */
    /* background-color: #dce6f2; */
    overflow: hidden;
}

.changjing-list.show {
    height: calc(508/750*100vw);
    width: calc(321.2/750*100vw);
    display: grid;
    grid-template-columns: auto auto;
}

.changjing-list-title span {
    -webkit-writing-mode: vertical-r;
    writing-mode: vertical-rl;
    /* font-size: 80px; */
    font-family: 黑体,simhei,Arial;
    /* height: 4.5em; */
    /* line-height: 1.2em; */
    /* word-spacing: 1.5em; */
    letter-spacing: 0.02rem;
    word-break: break-all;
    padding-top: calc(200/750*100vw);
    font-size: 0.28rem;
}

.changjing-list.show .changjing-list-title span {
    color: #f54a6e;
}
.youshi {
    margin-top: calc(60/750*100vw);
    /* padding: 0 calc(30/750*100vw); */
    /* display: grid; */
    /* grid-template-columns: calc(335/750*100vw) calc(335/750*100vw); */
    /* justify-content: space-between; */
    /* text-align: center; */
    padding-bottom: calc(60/750*100vw);
}

.youshi-item {
    /* background: #000; */
    background-size: 100%;
    color: #fff;
    width: calc(335/750*100vw);
    height: calc(452/750*100vw);
    position: relative;
    margin-top: calc(23/750*100vw);
}

img.youshi-img {
    position: absolute;
    width: calc(116/750*100vw);
    top: calc(90/750*100vw);
    left: calc(30/750*100vw);
}

p.youshi-title {
    padding: calc(260/750*100vw) calc(30/750*100vw) 0;
    font-size: 0.28rem;
}

p.youshi-des {
    padding: calc(30/750*100vw) calc(30/750*100vw) 0;
    font-size: 0.22rem;
}

.youshi-list.youshi-list-right {
    padding-top: calc(88/750*100vw);
}

.youshi-list-left .youshi-item:nth-child(1) {
    background: url(../images/youshi/b_1.png);
    background-size: 100%; 
}
.youshi-list-left .youshi-item:nth-child(2) {
    background: url(../images/youshi/b_2.png);
    background-size: 100%; 
}
.youshi-list-right .youshi-item:nth-child(1) {
    background: url(../images/youshi/b_3.png);
    background-size: 100%; 
}
.youshi-list-right .youshi-item:nth-child(2) {
    background: url(../images/youshi/b_4.png);
    background-size: 100%; 
}

.company {
    margin-top: calc(35/750*100vw);
    padding: 0 calc(38/750*100vw);
    display: grid;
    grid-template-columns: calc(202/750*100vw) calc(202/750*100vw) calc(202/750*100vw);
    justify-content: space-between;
    grid-template-rows: calc(84/750*100vw) calc(84/750*100vw) calc(84/750*100vw);
    align-content: space-between;
    height: calc(302/750*100vw);
}
.company img {
    width: 100%;
}
.koubei {
    height: calc(422/750*100vw);
    background: url(../images/koubei_bg.png);
    background-size: 100%;
    margin-top: calc(60/750*100vw);
    text-align: center;
    color: #fff;
    padding-top: calc(75/750*100vw);
}
.koubei-con {
    margin-top: calc(65/750*100vw);
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-content: space-between;
}

img.koubei-img {
    width: calc(45/750*100vw);
}

p.koubei-title {
    font-size: 0.45rem;
    line-height: 0.73rem;
    font-weight: bold;
}
p.koubei-item-title {
    font-size: 0.28rem;
    padding-top: calc(10/750*100vw);
}

p.koubei-des {
    font-size: 0.36rem;
    padding-top: calc(1/750*100vw);
}

p.news-tab-list {
    width: calc(133/750*100vw);
    height: calc(54/750*100vw);
    text-align: center;
    line-height: calc(54/750*100vw);
    border: calc(3/750*100vw) solid #fff;
}

.news {
    margin-top: calc(35/750*100vw);
    padding: 0 calc(45/750*100vw);
}

.news-tab {
    display: grid;
    grid-template-columns: calc(133/750*100vw + 6px ) calc(133/750*100vw + 6px ) calc(133/750*100vw + 6px );
    justify-content: center;
    grid-column-gap: calc(15/750*100vw);
}

p.news-tab-list.selected {
    border-color: #f6657d;
    color: #f6657d;
}
a.news-item {
    height: calc(126/750*100vw);
    display: block;
    border-bottom: 1px solid #e9e9e9;
}

p.news-item-title {
    /* overflow: hidden; */
    /* white-space: nowrap; */
    /* text-overflow: ellipsis; */
    -o-text-overflow:ellipsis;
    padding-top: calc(32/750*100vw);
    color: #252525;
    font-size: 0.24rem;
}

p.news-item-other {
    padding-top: calc(15/750*100vw);
    color: #a8a8a8;
    font-size: 0.22rem;
    position: relative;
}

span.news-item-time {
    display: inline-block;
    position: absolute;
    right: 0;
}

.news-item i.iconfont {
    padding-right: calc(8/750*100vw);
}

.contact {
    height: calc(811/750*100vw);
    background: url(../images/qr_bg.png);
    background-size: 100%;
    text-align: center;
    margin-top: calc(70/750*100vw);
}

span.contact-logo {
    display: block;
    color: #fff;
    font-size: 0.4rem;
    line-height: calc(72/750*100vw);
    /* font-weight: bold; */
    padding-top: calc(80/750*100vw);
    font-weight: bold;
}


.news-list.selected {
    display: block;
}

.news-list {
    display: none;
    height: calc(630/750*100vw + 5px );
    padding-top: calc(30/750*100vw);
}
a.contact-a {
    display: block;
    background: #f54a6e;
    color: #fff;
    margin: calc(30/750*100vw) calc(72/750*100vw) 0;
    height:  calc(94/750*100vw);
    line-height:  calc(94/750*100vw);
    font-size: 0.35rem;
    border-radius: calc(10/750*100vw);
}

img.contact-logo-img {
    vertical-align: middle;
    height: calc(72/750*100vw);
}

img.contact-img-qr {
    margin-top: calc(53/750*100vw);
    width: calc(279/750*100vw);
}

p.contact-p {
    font-size: 0.38rem;
    color: #fff;
    padding-top: calc(10/750*100vw);
    padding-bottom: calc(10/750*100vw);
}
.footer {
    height: calc(117/750*100vw);
    text-align: center;
    color: #fff;
    background: #000;
    padding-top: calc(25/750*100vw);
}

p.footer-p {
    font-size: 0.22rem;
    line-height: calc(45/750*100vw);
}

.gongneng-btn.checked {}

img.gongneng-btn-checked {
    display: block;
}

img.gongneng-btn-unchecked {
    display: block;
}

.gongneng-btn.checked img.gongneng-btn-checked {
    display: block;
}

.gongneng-btn.checked img.gongneng-btn-unchecked {
    display: block;
}


/* 动画特效处理 */


@keyframes gongneng-btn-select
{
	from {
		display:block;
		opacity:0;
	}
	to {

		opacity:1;
		display:block;
	}
}
 
@-webkit-keyframes gongneng-btn-select /* Safari 与 Chrome */
{
	from {
		display:block;
		opacity:0;
	}
	to {

		opacity:1;
		display:block;
	}
}

@keyframes gongneng-btn-out
{
	from {

		opacity:1;
	}
	to {

		opacity:0;
	}
}
 
@-webkit-keyframes gongneng-btn-out /* Safari 与 Chrome */
{
	from {

		opacity:1;
	}
	to {

		opacity:0;
	}
}
img.gongneng-btn-unchecked {
	opacity:1;

	animation: gongneng-btn-select 1s;

	-webkit-animation: gongneng-btn-select 1s;
}
img.gongneng-btn-checked {
	opacity:0;

	animation: gongneng-btn-out;

	-webkit-animation: gongneng-btn-out 1s;
}


.gongneng-btn.checked img.gongneng-btn-checked{
	opacity:1;

	animation: gongneng-btn-select 1s;

	-webkit-animation: gongneng-btn-select 1s;
}
.gongneng-btn.checked img.gongneng-btn-unchecked {
	opacity:0;

	animation: gongneng-btn-out 1s;

	-webkit-animation: gongneng-btn-out 1s;
}
img.gongneng-center-img.checked {
	animation: gongneng-btn-select 1s;

	-webkit-animation: gongneng-btn-select 1s;
}
img.gongneng-center-img {
    opacity: 0;
	animation: gongneng-btn-out 1s;

	-webkit-animation: gongneng-btn-out 1s;
}

/* 特效 */
@keyframes texiao_title-select
{
	from {
		color:#000;
	}
	to {

		color:#f54a6e;
	}
}
 
@-webkit-keyframes texiao_title-select 
{
	from {
		color:#000;
	}
	to {

		color:#f54a6e;
	}
}

@keyframes texiao_title-out
{
	from {
		color:#f54a6e;
	}
	to {

		color:#000;
	}
}
 
@-webkit-keyframes texiao_title-out 
{
	from {
		color:#f54a6e;
	}
	to {

		color:#000;
	}
}
.texiao-list.show p.texiao-title-p {
    color: #f54a6e;
	animation: texiao_title-select 1s;
	-webkit-animation: texiao_title-select 1s;	
}
p.texiao-title-p{
    color: #000;
	animation: texiao_title-out 1s;
	-webkit-animation: texiao_title-out 1s;
}
@keyframes texiao_icon-select
{
	from {
		color:#dedede;
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);		
	}
	to {

		color:#f54a6e;
		transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);		
	}
}
 
@-webkit-keyframes texiao_icon-select 
{
	from {
		color:#dedede;
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);	
	}
	to {

		color:#f54a6e;
		transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
	}
}

@keyframes texiao_icon-out
{
	from {
		color:#f54a6e;
		transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
	}
	to {

		color:#dedede;
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
}
 
@-webkit-keyframes texiao_icon-out 
{
	from {
		color:#f54a6e;
		transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
	}
	to {

		color:#dedede;
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
}
.texiao-list.show span.iconfont.icon-arrow-down{
	animation: texiao_icon-select 1s;
	-webkit-animation: texiao_icon-select 1s;	
}
span.iconfont.icon-arrow-down{
	animation: texiao_icon-out 1s;
	-webkit-animation: texiao_icon-out 1s;
	display: block;
}

@keyframes texiao_con-select
{
	from {
		height:0;
		padding-top:0;
		padding-bottom:0;
	}
	to {

		height:calc(670/750*100vw);
		padding-top: calc(30/750*100vw);
		padding-bottom: calc(30/750*100vw);
	}
}
 
@-webkit-keyframes texiao_con-select 
{
	from {
		height:0;
		padding-top:0;
		padding-bottom:0;
	}
	to {

		height:calc(670/750*100vw);
		padding-top: calc(30/750*100vw);
		padding-bottom: calc(30/750*100vw);
	}
}

@keyframes texiao_con-out
{
	from {
		height:calc(670/750*100vw);
		padding-top: calc(30/750*100vw);
		padding-bottom: calc(30/750*100vw);
	}
	to {

		height:0;
		padding-top:0;
		padding-bottom:0;
	}
}
 
@-webkit-keyframes texiao_con-out 
{
	from {
		height:calc(670/750*100vw);
		padding-top: calc(30/750*100vw);
		padding-bottom: calc(30/750*100vw);
	}
	to {

		height:0;
		padding-top:0;
		padding-bottom:0;
	}
}
.texiao-con{
	animation: texiao_con-out 1s;
	-webkit-animation: texiao_con-out 1s;		
}
.texiao-list.show .texiao-con{
	animation: texiao_con-select 1s;
	-webkit-animation: texiao_con-select 1s;		
}


@keyframes texiao_list_1-select
{
	from {
		background-color:#fff;
	}
	to {

		background-color:#e4eafc;
	}
}
 
@-webkit-keyframes texiao_list_1-select 
{
	from {
		background-color:#fff;
	}
	to {

		background-color:#e4eafc;
	}
}

@keyframes texiao_list_1-out
{
	from {
		background-color:#e4eafc;
	}
	to {

		background-color:#fff;
	}
}
 
@-webkit-keyframes texiao_list_1-out 
{
	from {
		background-color:#e4eafc;
	}
	to {

		background-color:#fff;
	}
}
.texiao .texiao-list:nth-child(1).show{
	animation: texiao_list_1-select 1s;
	-webkit-animation: texiao_list_1-select 1s;		
}
.texiao .texiao-list:nth-child(1){
	animation: texiao_list_1-out 1s;
	-webkit-animation: texiao_list_1-out 1s;		
}


@keyframes texiao_list_2-select
{
	from {
		background-color:#fff;
	}
	to {

		background-color:#ead7f8;
	}
}
 
@-webkit-keyframes texiao_list_2-select 
{
	from {
		background-color:#fff;
	}
	to {

		background-color:#ead7f8;
	}
}

@keyframes texiao_list_2-out
{
	from {
		background-color:#ead7f8;
	}
	to {

		background-color:#fff;
	}
}
 
@-webkit-keyframes texiao_list_2-out 
{
	from {
		background-color:#ead7f8;
	}
	to {

		background-color:#fff;
	}
}
.texiao .texiao-list:nth-child(2).show{
	animation: texiao_list_2-select 1s;
	-webkit-animation: texiao_list_2-select 1s;		
}
.texiao .texiao-list:nth-child(2){
	animation: texiao_list_2-out 1s;
	-webkit-animation: texiao_list_2-out 1s;		
}
@keyframes texiao_list_3-select
{
	from {
		background-color:#fff;
	}
	to {

		background-color:#ead7f8;
	}
}
 
@-webkit-keyframes texiao_list_3-select 
{
	from {
		background-color:#fff;
	}
	to {

		background-color:#ead7f8;
	}
}

@keyframes texiao_list_3-out
{
	from {
		background-color:#ead7f8;
	}
	to {

		background-color:#fff;
	}
}
 
@-webkit-keyframes texiao_list_3-out 
{
	from {
		background-color:#ead7f8;
	}
	to {

		background-color:#fff;
	}
}
.texiao .texiao-list:nth-child(3).show{
	animation: texiao_list_3-select 1s;
	-webkit-animation: texiao_list_3-select 1s;		
}
.texiao .texiao-list:nth-child(3){
	animation: texiao_list_3-out 1s;
	-webkit-animation: texiao_list_3-out 1s;		
}
@keyframes texiao_list_4-select
{
	from {
		background-color:#fff;
	}
	to {

		background-color:#d7f8e6;
	}
}
 
@-webkit-keyframes texiao_list_4-select 
{
	from {
		background-color:#fff;
	}
	to {

		background-color:#d7f8e6;
	}
}

@keyframes texiao_list_4-out
{
	from {
		background-color:#d7f8e6;
	}
	to {

		background-color:#fff;
	}
}
 
@-webkit-keyframes texiao_list_4-out 
{
	from {
		background-color:#d7f8e6;
	}
	to {

		background-color:#fff;
	}
}
.texiao .texiao-list:nth-child(4).show{
	animation: texiao_list_4-select 1s;
	-webkit-animation: texiao_list_4-select 1s;		
}
.texiao .texiao-list:nth-child(4){
	animation: texiao_list_4-out 1s;
	-webkit-animation: texiao_list_4-out 1s;		
}
@keyframes texiao_list_5-select
{
	from {
		background-color:#fff;
	}
	to {

		background-color:#d7ebf8;
	}
}
 
@-webkit-keyframes texiao_list_5-select 
{
	from {
		background-color:#fff;
	}
	to {

		background-color:#d7ebf8;
	}
}

@keyframes texiao_list_5-out
{
	from {
		background-color:#d7ebf8;
	}
	to {

		background-color:#fff;
	}
}
 
@-webkit-keyframes texiao_list_5-out 
{
	from {
		background-color:#d7ebf8;
	}
	to {

		background-color:#fff;
	}
}
.texiao .texiao-list:nth-child(5).show{
	animation: texiao_list_5-select 1s;
	-webkit-animation: texiao_list_5-select 1s;		
}
.texiao .texiao-list:nth-child(5){
	animation: texiao_list_5-out 1s;
	-webkit-animation: texiao_list_5-out 1s;		
}
@keyframes texiao_list_6-select
{
	from {
		background-color:#fff;
	}
	to {

		background-color:#f5edf7;
	}
}
 
@-webkit-keyframes texiao_list_6-select 
{
	from {
		background-color:#fff;
	}
	to {

		background-color:#f5edf7;
	}
}

@keyframes texiao_list_6-out
{
	from {
		background-color:#f5edf7;
	}
	to {

		background-color:#fff;
	}
}
 
@-webkit-keyframes texiao_list_6-out 
{
	from {
		background-color:#f5edf7;
	}
	to {

		background-color:#fff;
	}
}
.texiao .texiao-list:nth-child(6).show{
	animation: texiao_list_6-select 1s;
	-webkit-animation: texiao_list_6-select 1s;		
}
.texiao .texiao-list:nth-child(6){
	animation: texiao_list_6-out 1s;
	-webkit-animation: texiao_list_6-out 1s;		
}
.changjing-list.show .changjing-list-img {
    display: block;
    width: calc(227/750*100vw);
}
@keyframes changjing_title-select
{
	from {
		color:#000;
	}
	to {

		color:#f54a6e;
	}
}
 
@-webkit-keyframes changjing_title-select 
{
	from {
		color:#000;
	}
	to {

		color:#f54a6e;
	}
}

@keyframes changjing_title-out
{
	from {
		color:#f54a6e;
	}
	to {

		color:#000;
	}
}
 
@-webkit-keyframes changjing_title-out 
{
	from {
		color:#f54a6e;
	}
	to {

		color:#000;
	}
}
.changjing-list.show .changjing-list-title span {
	animation: changjing_title-select 1s;
	-webkit-animation: changjing_title-select 1s;	
}
.changjing-list .changjing-list-title span {
	animation: changjing_title-out 1s;
	-webkit-animation: changjing_title-out 1s;	
}

@keyframes changjing_img-select
{
	from {
		width: 0;
	}
	to {

		width: calc(227/750*100vw);
	}
}
 
@-webkit-keyframes changjing_img-select 
{
	from {
		width: 0;
	}
	to {

		width: calc(227/750*100vw);
	}
}

@keyframes changjing_img-out
{
	from {
		width: calc(227/750*100vw);
	}
	to {

		width: 0;
	}
}
 
@-webkit-keyframes changjing_img-out 
{
	from {
		width: calc(227/750*100vw);
	}
	to {

		width: 0;
	}
}
.changjing-list.show .changjing-list-img {
	animation: changjing_img-select 1s;
	-webkit-animation: changjing_img-select 1s;
}
.changjing-list-img{
	animation: changjing_img-out 1s;
	-webkit-animation: changjing_img-out 1s;	
}



@keyframes changjing_list-select
{
	from {
		width: calc(94.2/750*100vw );
	}
	to {

		width: calc(321.2/750*100vw);
	}
}
 
@-webkit-keyframes changjing_list-select 
{
	from {
		width: calc(94.2/750*100vw );
	}
	to {

		width: calc(321.2/750*100vw);
	}
}

@keyframes changjing_list-out
{
	from {
		width: calc(321.2/750*100vw );
	}
	to {

		width: calc(94.2/750*100vw);
	}
}
 
@-webkit-keyframes changjing_list-out 
{
	from {
		width: calc(321.2/750*100vw );
	}
	to {

		width: calc(94.2/750*100vw);
	}
}
.changjing-list.show{
	animation: changjing_list-select 1s; 
	-webkit-animation: changjing_list-select 1s; 
}
.changjing-list{
	animation: changjing_list-out 1s;
	-webkit-animation: changjing_list-out 1s;
	overflow: hidden;
	display: grid;
	grid-template-columns: auto auto;
}




.common_title_small{
    text-align: center;
    font-size: calc(16vw/75*10);
    letter-spacing: calc(-1vw/75*10);
    color: #969696;
    width: calc(595vw/75*10);
    margin: auto;
    margin-top: calc(5vw/75*10);
}
.common_title{
    text-align: center;
    font-size: calc(36vw/75*10);
    letter-spacing: calc(1vw/75*10);
    position: relative;
    font-weight: bold;
    line-height: calc(97vw/75*10);
    /* top: 79px; */
}
.common_title_img{
    margin: 0 auto;
    display: block;
    margin-top: 50px;
}

span.title_left {
    display: inline-block;
    height: calc(64vw/75*10);
    line-height: calc(64vw/75*10);
    width: calc(33vw/75*10);
    background: url(../images/index/tip.png) no-repeat left;
    position: relative;
    top: calc(22vw/75*10);
    background-size: calc(378vw/75*10) auto;
}
span.title_right {
    display: inline-block;
    height: calc(64vw/75*10);
    width: calc(39vw/75*10);
    background: url(../images/index/tip.png) no-repeat right bottom;
    position: relative;
    top: calc(22vw/75*10);
    background-size: calc(378vw/75*10) auto;
}
.zhanshi {
    padding-top: calc(50/75*10vw);
}

  .swiper {
	width: 100%;
	height: calc(750vw/75*10);
	position: relative;
	/* margin-top: calc(40vw/75*10); */
	overflow: hidden;
	}

  .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: none;

	/* 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: space-evenly;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	}

  .swiper-slide img {
	display: block;
	/* width: 100%; */
	/* height: 100%; */
	object-fit: cover;
	}
	
.zhanshi_c {
    display: flex;
    justify-content: space-between;
    width: calc(640vw/75*10);
}

.zhanshi_1 {
    width: calc(300vw/75*10);
    height: calc(629vw/75*10);
}

p.zhanshi_1_2_1 {
    font-size: calc(20vw/75*10);
    padding-top: calc(19vw/75*10);
}

p.zhanshi_1_2_3 {
    font-size: calc(16vw/75*10);
    color: #969696;
    letter-spacing: calc(0vw/75*10);
    padding-top: calc(11vw/75*10);
    line-height: calc(19vw/75*10);
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: calc(10vw/75*10);
    left: 0;
    width: 100%;
}




.texiao_li {
    width: calc(726vw/75*10);
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    margin-top: calc(20vw/75*10);
    position: relative;
    padding-bottom: calc(36vw/75*10);
}

.texiao_li_li {
    font-size: calc(20vw/75*10);
    /* border: 1px solid #ffffff00; */
    padding: calc(10vw/75*10);
    border-radius: calc(40vw/75*10);
}

.texiao_li_li:hover {
    /* border-color: #6e6bfd; */
    /* color: #6e6bfd; */
}

.texiao_li_li_text.texiao_li_li_text_select {
    color: #6e6bfd;
    border-color: #6e6bfd;
}

.texiao_li_li_text {
    padding: calc(10vw/75*10);
    border: calc(1vw/75*10) solid #ffffff00;
    border-radius: calc(40vw/75*10);
}

.texiao_content {
    width: calc(720vw/75*10);
    height: calc(443vw/75*10);
    margin: auto;
}

.texiao_1 {
    width: calc(720vw/75*10);
    height: calc(443vw/75*10);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.texiao_1_1 {
    display: flex;
    justify-content: space-between;
}

.texiao_1_2 {
    display: flex;
    justify-content: space-between;
    /* margin-top: 16px; */
}
.texiao_1_a {
    width: calc(720vw/75*10);
    height: calc(443vw/75*10);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
}

.swiper-slide {
    /* display: none; */
}

.texiao_1_a_2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.texiao_1_a_2_2 {
    display: flex;
    justify-content: space-between;
}
.texiao_1_a2 {
    height: calc(443vw/75*10);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

img.l2a1,img.l2a2,img.l2a3,img.l2a4,img.l2b1,img.l2b2,img.l2b3,img.l2b4,img.l2b5,img.l2c1,img.l2c2,img.l2c3,img.l2c4,img.l2c5,img.l2c6,img.l2c7,img.l2c8,img.l2d2,img.l2d3,img.l2d4,img.l2f3,img.l2f2,img.l2g1,img.l2g2,img.l2g3,img.l2g4,img.l2g5,img.l2g6,img.l2g7 {
    height: calc(215vw/75*10);
}
img.l2d1,img.l2f1{
	 height: calc(443vw/75*10);
}
img.l2e1,img.l2e2{
	 width: calc(230vw/75*10);
}
img.l2e3,img.l2e4,img.l2e5,img.l2e6,img.l2e7,img.l2e8,img.l2e9{
	 width: calc(153vw/75*10);
}
.changjing_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: calc(720vw/75*10);
    text-align: center;
}

.changjing_content_right_li {
    width: calc(200vw/75*10);
    padding-top: calc(50vw/75*10);
}

.changjing_content_left_text.display_none {
    font-size: calc(25vw/75*10);
    letter-spacing: calc(-1vw/75*10);
}

.changjing_content_right_li img {
    width: calc(160vw/75*10);
    margin: auto;
}

.step-layout ul {
    width: calc(642vw/75*10);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: auto;
}
ol,li,ul,dl,dt,dd{list-style:none;}

ul,li {
    margin: 0;
    padding: 0
}
li.layout-wrap-li {
    width: calc(300vw/75*10);
    position: relative;
    height: calc(370vw/75*10);
    border-radius: calc(7vw/75*10);
    box-shadow: 0 0 calc(30vw/75*10) 0 #d3d3d3;
    margin-top: calc(30vw/75*10);
}

.download{
    width: 100%;
    height: calc(887vw/75*10);
    padding-top: calc(100vw/75*10);
    background: url('../images/index/l5b.png') no-repeat center center;
    background-size: 100% 100%;
    clear: both;
    overflow: hidden;
    color: #fff;
}
.download_content{
    width: calc(660vw/75*10);
    height: calc(760vw/75*10);
    margin: 0 auto;
    /* background: rgba(255,255,255,0.5); */
    /* margin-top: 160px; */
    clear: both;
    overflow: hidden;
}
.download_content_title{
    text-align: center;
    font-size: calc(26vw/75*10);
    line-height: calc(45vw/75*10);
    /* padding: 0 113px; */
    margin-top: calc(20vw/75*10);
}
.download_content_title_span{
    /* font-weight: 600; */
    font-size: calc(26vw/75*10);
    display: inline-block;
    position: relative;
    /* top: 8px; */
    overflow: hidden;
    height: calc(32vw/75*10);
}
.download_content_mes{
    width: calc(660vw/75*10);
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    margin-top: calc(70vw/75*10);
}

.download_content_mes_left{
    /* float: left; */
    width: calc(660vw/75*10);
    height: calc(350vw/75*10);
    display: flex;
    justify-content: space-evenly;
    text-align: center;
    flex-wrap: wrap;
}
.download_content_mes_left_top{
    clear: both;
    overflow: hidden;
}
.download_content_mes_left_top_left{
    /* float: left; */
    width: calc(260vw/75*10);
    line-height: calc(47vw/75*10);
    padding-top: calc(30vw/75*10);
    letter-spacing: calc(-1vw/75*10);
}
.download_content_mes_left_top_left_span1{
    font-size: calc(70vw/75*10);
    display: inline-block;
    height: calc(70vw/75*10);
    line-height: calc(70vw/75*10);
    /* font-weight: 600; */
}
.download_content_mes_left_top_left_span2{
    font-size: calc(40vw/75*10);
    position: relative;
    top: calc(4vw/75*10);
}
.download_content_mes_left_top_left_span3{
    font-size: calc(25vw/75*10);
}
.download_content_mes_left_top_middle{
    /* float: left; */
    width: calc(1vw/75*10);
    height: calc(175vw/75*10);
    background: #ffffff61;
    /* margin-top: 14px; */
}
.download_content_mes_left_top_right{
    width: 260px;
    line-height: 47px;
    padding-top: 8px;
}
.download_content_mes_left_top_right_span1{
    font-size: 70px;
    /* font-weight: 600; */
}
.download_content_mes_left_top_right_span2{
    font-size: 35px;
    position: relative;
    bottom: 0px;
}

.download_content_mes_left_top_right_span3{
    font-size: 25px;
    position: relative;
    /* right: 18px; */
}
.down_w{
    font-size: calc(35vw/75*10);
    /* font-weight: 600; */
    position: relative;
    /* top: 8px; */
}
.download_content_mes_right{
    float: right;
}
.download_content_mes_right img{
    width: 245px;
}
.download_content_mes_right div{
    text-align: center;
    font-size: 20px;
    margin-top: 15px;
}
img.layout-wrap-img.active_img {
    width: 100%;
}

img.layout-wrap-img1 {
    position: absolute;
    width: calc(60vw/75*10);
    left: calc(20vw/75*10);
    top: calc(150vw/75*10);
}

li.layout-wrap-li h4 {
    font-size: calc(20vw/75*10);
    font-weight: 100;
    width: calc(260vw/75*10);
    margin: auto;
    padding-top: calc(48vw/75*10);
}

p.layout-wrap-li-p.active_p {
    font-size: calc(14vw/75*10);
    color: #969696;
    width: calc(260vw/75*10);
    margin: auto;
    padding-top: calc(14vw/75*10);
    line-height: calc(20vw/75*10);
}
.download_content_mes_left_top_middle_2 {
    width: calc(660vw/75*10);
    height: calc(1vw/75*10);
    background: #ffffff61;
}
.demodown {
    width: 100%;
    height: calc(1155vw/75*10);
    background: url('../images/index/l6b.png') no-repeat center center;
    background-size: 100%;
}
.demodown_c {
    width: 100%;
    margin: 0 auto;
    height: calc(1155vw/75*10);
    position: relative;
}

a.demodown_c {
    width: calc(320vw/75*10);
    height: calc(85vw/75*10);
    background: #febc48;
    display: block;
    position: absolute;
    left: calc( 50% - 160vw/75*10);
    bottom: calc(72vw/75*10);
    line-height: calc(85vw/75*10);
    text-align: center;
    font-size: calc(32vw/75*10);
    border-radius: calc(85vw/75*10);
    color: #323232;
}




.common_bottom{
    width: 100%;
    height: calc(340vw/75*10);
    clear: both;
    /* overflow: hidden; */
    background: #6260cd;
    position: relative;
}

.common_bottom_top{
    width: 100%;
    float: left;
}
.common_bottom_content{
    /* position: absolute; */
    width: 100%;
    /* margin-top: 72px; */
    /* background: url(../images/index/lb.png) center center; */
    /* height: 550px; */
    clear: both;
    overflow: hidden;
    bottom: 0px;
    color: #fff;
    text-align: center;
}

.common_title1{
    text-align: center;
    font-size: 35px;
    letter-spacing: 1px;
    position: relative;
    top: 32px;
    color: #fff;
}
.common_title_img1{
    margin: 0 auto;
    display: block;
}
.common_bottom_content_mes{
    width: 100%;
    height: 285px;
    border-bottom: 1px solid #fff;
    margin-top: 100px;
}

.common_bottom_content_mes_div{
    width: 1060px;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
}
.common_bottom_content_mes_div_logo{
    float: left;
}


.common_bottom_content_mes_div_er{
    float: right;
    text-align: center;
}
.common_bottom_content_mes_div_er_text{
    font-size: 17px;
    color: #fff;
    margin-top: 4px;
}
.common_bottom_content_mes_div_middle{
    float: left;
    margin-left: 135px;
}
.common_bottom_content_mes_div_middle_li{
    margin-top: 27px;
}
.common_bottom_content_mes_div_middle_li_text{
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    position: relative;
    top: 4px;
    margin-left: 10px;
}
.common_bottom_content_mes_div_middle_li_text1{
    color: #fff;
    font-size: 19px;
    letter-spacing: 1px;
    position: relative;
    top: 5px;
}
.common_bottom_content_text{
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin-top: 31px;
}
.common_bottom_content_text1{
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin-top: 15px;
}
p.common_bottom_content_c1c_1,p.common_bottom_content_c1c_2,p.common_bottom_content_c1c_3,p.common_bottom_content_c1c_4 {
    font-size: calc(24vw/75*10);
    line-height: calc(37vw/75*10);
}

p.common_bottom_content_c2c_1 {
    font-size: calc(16vw/75*10);
}

.common_bottom_content_c2 {
    border-top: calc(1vw/75*10) solid #fff;
    line-height: calc(84vw/75*10);
}

.common_bottom_content_c1c {
    height: calc(254vw/75*10);
}
p.common_bottom_content_c1c_1 {
    padding-top: calc(35vw/75*10);
}

p.common_bottom_content_c1c_2 {
    padding-top: calc(30vw/75*10);
}
img.zhanshi_1_1 {
    width: 100%;
}

.span_33 {
    position: absolute;
    left: calc(12vw/75*10);
    top: calc(35vw/75*10);
}
.span_34 {
    position: absolute;
    left: calc(50vw/75*10);
    top: calc(35vw/75*10);
}

.left_33 {
    position: relative;
    text-align: left;
    padding-left: calc(100vw/75*10);
    width: calc(160vw/75*10);
}