/*  */






@keyframes dh_cen {
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}

@keyframes dh_left {
	0%{
		transform: translate(-1rem,0);opacity: 0;
	}
	100%{
		transform: translate(0,0);opacity: 1;
	}
}
@keyframes dh_right {
	0%{
		transform: translate(1rem,0);opacity: 0;
	}
	100%{
		transform: translate(0,0);opacity: 1;
	}
}
@keyframes dh_top {
	0%{
		transform: translate(0,-1rem);opacity: 0;
	}
	100%{
		transform: translate(0,0);opacity: 1;
	}
}
@keyframes dh_bottom {
	0%{
		transform: translate(0,1rem);opacity: 0;
	}
	100%{
		transform: translate(0,0);opacity: 1;
	}
}


@keyframes dh_left_top {
	0%{
		transform: translate(-1rem,-1rem);opacity: 0;
	}
	100%{
		transform: translate(0,0);opacity: 1;
	}
}
@keyframes dh_left_bottom {
	0%{
		transform: translate(-1rem,1rem);opacity: 0;
	}
	100%{
		transform: translate(0,0);opacity: 1;
	}
}

@keyframes dh_right_top {
	0%{
		transform: translate(1rem,-1rem);opacity: 0;
	}
	100%{
		transform: translate(0,0);opacity: 1;
	}
}
@keyframes dh_right_bottom {
	0%{
		transform: translate(1rem,1rem);opacity: 0;
	}
	100%{
		transform: translate(0,0);opacity: 1;
	}
}



.dh_cen{animation: dh_cen 0.6s;animation-fill-mode: forwards;animation-delay: 0.5s;
	opacity: 0;
}

.dh_left{animation: dh_left 0.6s;animation-fill-mode: forwards;animation-delay: 0.5s;
	transform: translate(-1rem,0);opacity: 0;
}

.dh_right{animation: dh_right 0.6s;animation-fill-mode: forwards;animation-delay: 0.5s;
	transform: translate(1rem,0);opacity: 0;
}

.dh_top{animation: dh_top 0.6s;animation-fill-mode: forwards;animation-delay: 0.5s;
	opacity: 0;
}

.dh_bottom{animation: dh_bottom 0.6s;animation-fill-mode: forwards;animation-delay: 0.5s;
	transform: translate(0,1rem);opacity: 0;
}

.dh_left_top{animation: dh_left_top 0.6s;animation-fill-mode: forwards;animation-delay: 0.5s;
	transform: translate(-1rem,-1rem);opacity: 0;
}

.dh_left_bottom{animation: dh_left_bottom 0.6s;animation-fill-mode: forwards;animation-delay: 0.5s;
	transform: translate(-1rem,1rem);opacity: 0;
}

.dh_right_top{animation: dh_right_top 0.6s;animation-fill-mode: forwards;animation-delay: 0.5s;
	transform: translate(1rem,-1rem);opacity: 0;
}

.dh_right_bottom{animation: dh_right_bottom 0.6s;animation-fill-mode: forwards;animation-delay: 0.5s;
	transform: translate(1rem,1rem);opacity: 0;
}




.dh_delay1{animation-delay: 0.6s;}
.dh_delay2{animation-delay: 0.7s;}
.dh_delay3{animation-delay: 0.8s;}
.dh_delay4{animation-delay: 0.9s;}
.dh_delay5{animation-delay: 1.0s;}
.dh_delay6{animation-delay: 1.1s;}
.dh_delay7{animation-delay: 1.2s;}
.dh_delay8{animation-delay: 1.3s;}
.dh_delay9{animation-delay: 1.4s;}
.dh_delay10{animation-delay: 1.5s;}
.dh_delay11{animation-delay: 1.6s;}
.dh_delay12{animation-delay: 1.7s;}
.dh_delay13{animation-delay: 1.8s;}
.dh_delay14{animation-delay: 1.9s;}
.dh_delay15{animation-delay: 2.0s;}
.dh_delay16{animation-delay: 2.1s;}
.dh_delay17{animation-delay: 2.2s;}
.dh_delay18{animation-delay: 2.3s;}
.dh_delay19{animation-delay: 2.4s;}
.dh_delay20{animation-delay: 2.5s;}
.dh_delay21{animation-delay: 2.6s;}
.dh_delay22{animation-delay: 2.7s;}
.dh_delay23{animation-delay: 2.8s;}
.dh_delay24{animation-delay: 2.9s;}
.dh_delay25{animation-delay: 3.0s;}











.clearfix::after{content: "";display: block;clear: both;}
.header_box .w1200{height:100%;position:relative;max-width: 1650px;}
.header{}
.header .logo{ margin-top: 0;width:3.33rem;}
.header .logo .box_table{width: 100%;
    display: table;
    height: 100%;}
.header .logo .box_table .box_table_cell{display: table-cell;
    vertical-align: middle;}
	.header .logo .box_table .box_table_cell a{display: block;width: 100%;}
	.header .logo .box_table .box_table_cell img{}

.header .logo .xx p{    line-height: 15px !important;}
.header .logo .xx{color: #fff;    transition: 0.4s;opacity: 1;
    font-family: "微软雅黑";
    font-size: 24px;
    text-align: center;}
	.head_bottom>.right{width: auto;display: flex;align-items: center;height: 100%;}
.logo{float:left;height:100%;position: relative;}
.logo img{    transition: 0.4s;max-width: 100%;}
.logo img.img2{ display:none}
.nav{float: right;padding-top: 0.12rem;width: 100%;display: flex;justify-content: flex-end;align-items: center;}
.nav>ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.nav>ul>li{z-index:0;margin: 0 20px;}

.nav>ul>li.on:before, .nav>ul>li:hover:before{width:140%;left:-20%;}
.nav>ul>li>a{display:block;transition: 0.4s;color:#b7b7b7;position: relative;z-index: 3;}
.nav>ul>li h3{font-size: 0.2rem;line-height: 0.24rem;position:relative;display: inline-block;color: #fff;font-weight: 600;padding:.1rem 0rem;transition: 0.4s;
    text-shadow: 0 0 0.07rem rgba(0,0,0,0.4);
}
.nav>ul>li>a:hover h3{color: #fce0c1;}
.nav>ul>li>a i{ margin:-3px 0 0 .1rem; display:inline-block; width:10px; height:5px; background:url() center no-repeat; transition:.5s}
.nav>ul>li.on a i, .nav>ul>li:hover>a i{ background:url() center no-repeat;}
.nav>ul>li>a i{ display:inline-block;  width:9px; height:6px; background-size:contain; vertical-align:middle; margin-left:8px;}

.nav>ul>li:hover>a, .header .nav>ul>li.on a, .header.xg .nav>ul>li:hover>a{color: #fff;}

.nav>ul>li>a>p{content: "";display: block;width: 0.23rem;height: 0.12rem;position: absolute;bottom: -0.1rem;left: calc(50% - 0.115rem);opacity: 0;visibility: hidden;opacity: 0;transition: 0.4s;background: url(../images23/sy_nav_sub_jt.png);z-index: 3;background-size: 0.23rem;}
.nav>ul>li:hover>a>p{visibility: initial;opacity: 1;}


.nav .submenu{width: 100%;position: absolute;left: 0;top: 100%;background: #fff url(../images23/sy_nav_sub_bg.jpg) no-repeat bottom right;z-index: 333;box-shadow: 0 0 0.56rem rgba(0,0,0,0.32);padding: 0 0.30rem;z-index: 1;
	opacity: 0;
	visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    justify-content: space-between;

}
.nav .submenu .hh{width: calc(100% - 5rem);display: flex;flex-wrap: wrap;align-items: flex-start;height: 1rem;}
.nav .submenu .hh .box_ej{flex: none;width: 20%;padding-bottom: 0;}
.nav .submenu .hh .box_ej::after{display: none;}
.nav .submenu .hh .box_ej::before{display: none;}
.nav .submenu .hh .box_ej .table>a{margin-bottom: 0;}

.nav .submenu .hh .box_ej .table{margin: 0;}

.nav>ul>li:hover .submenu{display: flex;visibility: initial;opacity: 1;}


.nav .submenu .box_ej{flex: 1;padding: 0.5rem 1% 0.45rem;position: relative;}
.nav .submenu .box_ej .table{display: table;margin: 0 auto;position: relative;z-index: 3;}
.nav .submenu .box_ej:hover::after,.nav .submenu .box_ej:hover::before,.nav .submenu .box_ej.on::after,.nav .submenu .box_ej.on::before{height: 50%;}
.nav .submenu .box_ej::after{content: "";display: block;width: 100%;height: 0%;background: #f7f7f7;position: absolute;top: 50%;left: 0;z-index: 1;transition: 0.4s;}
.nav .submenu .box_ej::before{content: "";display: block;width: 100%;height: 0%;background: #f7f7f7;position: absolute;bottom: 50%;left: 0;z-index: 1;transition: 0.4s;}

.nav .submenu .box_ej .table>a{display: block;margin-bottom: 0.28rem;}
.nav .submenu .box_ej .table>a p{font-size: 0.18rem;color: #333333;transition: 0.4s;line-height: 0.26rem;font-weight: 600;}
.nav .submenu .box_ej .table>a:hover p,.nav .submenu .box_ej.on .table>a p{color: #990f00;}
.nav .submenu .box_sj>a{display: block;margin-bottom: 0.18rem;}
.nav .submenu .box_sj>a p{font-size: 0.16rem;color: #555555;padding-left: 0.1rem;line-height: 0.22rem;position: relative;transition: 0.4s;}
.nav .submenu .box_sj>a:hover p,.nav .submenu .box_sj>a.on p{color: #990f00;}
.nav .submenu .box_sj>a p::after{content: "";display: block;width: 0.05rem;height: 0.05rem;background: #990f00;border-radius: 50%;position: absolute;left: 0;top: calc(50% - 0.035rem);}



.nav>ul>li h3:before{content:"";display:block;position:absolute; width:21px; height:12px;left:50%;margin-left: -10px; bottom:10px; transition:.3s;opacity:0;visibility:hidden;}
.nav>ul>li:hover h3:after,.nav>ul>li.on h3:after{  transform:scale(1);}
.nav>ul>li:hover h3:before, .nav>ul>li.on h3:before{opacity:1;visibility:visible;display: none;}

.nav .search_btn{width: 0.4rem;height: 0.4rem;display: flex;justify-content: center;align-items: center;border-radius: 50%;background: rgba(255,255,255,0.1);}





.search_btn{cursor:pointer;text-align: center;float:left;transition:.6s;margin: 0 0 0 15px;position: relative;}
.search_btn img{margin: 0;width: 0.2rem;}
.header .dw2{float:left;height: 90px;width: 53px;cursor:pointer;position:relative;margin-right: 1.5rem;transition:.6s;margin-left: 1rem;}
.header .dw2 .j_tab{ }
.header .dw2:after{content:"";width:1px;height: 16px;display:block;position:absolute;background: rgba(255,255,255,.75);right: -1.5rem;top: 50%;margin-top: -8px;}
.header .dw2.yuyan:before{content:"";width:1px;height:100%;display:block;position:absolute;left:0;top:0;display: none;}
.header .dw2 .dh{height: 23px;line-height: 23px;text-align:center;font-size: 13px;color:#fff;cursor:pointer;transition:.6s;}
.header .dw2 .dh span{padding-right: 14px;width: 53px;height: 23px;display: inline-block;font-style: italic;}
.header .dw2 .dd{padding-bottom:10px;padding-top:10px;position:absolute;top:100%;width: 100%;text-align:center;background: #acce22;left: 0;border: 1px solid #acce22;opacity: 0;visibility: hidden;transition: 400ms;transform: translateY(15px);}
.header .dw2 .dd:before{content:"";display:inline-block;border:8px solid transparent;border-bottom: 8px solid #acce22;position:absolute;top:-16px;left:50%;margin-left:-8px;}
.header .dw2 .dd a{display:block;text-align:center;line-height:30px;color: #fff;font-size:13px;padding:0 10px;}
.header .dw2 .dd a:hover{ font-weight:bold; }
.header .dw2.on .dd{opacity:1; visibility: visible; transform: translate(0);}



.search_btn{margin-left: 0rem;cursor: pointer;}
.search_btn svg{display:inline-block;fill:#fff;width: 16px;height: 16px;vertical-align: middle;}

.search-dialog-box{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1000000;
	opacity: 0;
	visibility: hidden;
	transition: .6s;
	/* overflow: hidden; */
}
.search-dialog-box:before{content:"";position:absolute;top:0;height:0;background: none;transition: .6s;left: 0;right: 0;z-index: 1;}

.search-dialog-box.on:before{ height:100%}
.search-dialog-box .bubbles-bg{
	opacity: 0;
	visibility: hidden;
	display: none;
}
.search-dialog-box .search-bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	margin: 0;
	background: rgba(0,0,0,.7);
	background-size: cover;
	background-repeat: no-repeat;
	/* z-index: 1; */
	transform-origin: center center;
	transition: height .8s cubic-bezier(.77,0,.175,1);
}
.search-dialog-box .wrap-inner{
	transform:translateY(100%);
	transition: .6s;
}
.header-right .bubbles-bg{
	opacity: 0;
	visibility: hidden;
	transition: all .5s .8s;
}
.search-dialog-box .bubbles-bg .bubble{
	position: absolute;
}
.search-dialog-box .bubbles-bg .bubble .circle{
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width:100%;
	height: 100%;
}
.search-dialog-box .bubbles-bg .bubble1{
	width:6%;
	padding-top: 6%;
	left: 26.875%;
	top: -6.67%;
}
.search-dialog-box .bubbles-bg .bubble1 .circle{
	border:1px solid #fff;
}
.search-dialog-box .bubbles-bg .bubble2{
	width:12px;
	padding-top: 12px;
	left: 13.54%;
	top: 18%;
}
.search-dialog-box .bubbles-bg .bubble2 .circle{
	background-color: #ff495f;
}
.search-dialog-box .bubbles-bg .bubble3{
	width:36px;
	padding-top: 36px;
	left: 8.854%;
	top: 30.55%;
}
.search-dialog-box .bubbles-bg .bubble3 .circle{
	background-color: #fff;
}
.search-dialog-box .bubbles-bg .bubble4{
	width:56.875%;
	padding-top: 56.875%;
	left: -28.6458%;
	top: 51.85%;
}
.search-dialog-box .bubbles-bg .bubble4 .circle{
	background: -webkit-linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
	background: -ms-linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
	background: linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
}
.search-dialog-box .bubbles-bg .bubble5{
	width:54px;
	padding-top: 54px;
	left: 26.3%;
	top: 70.83%;
}
.search-dialog-box .bubbles-bg .bubble5 .circle{
	background-color: #fff;
	opacity: .1;
}
.search-dialog-box .bubbles-bg .bubble6{
	width:56.875%;
	padding-top: 56.875%;
	left: 73.4375%;
	top: -52.77%;
}
.search-dialog-box .bubbles-bg .bubble6 .circle{
	background: -webkit-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);
	background: -ms-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);
}
.search-dialog-box .bubbles-bg .bubble7{
	width:2rem;
	padding-top: 2rem;
	left: 60.9375%;
	top: 18.5%;
}
.search-dialog-box .bubbles-bg .bubble7 .circle{


	background-color: #ff495f;
}
.search-dialog-box .bubbles-bg .bubble8{
	width:1.35rem;
	padding-top: 1.35rem;
	left: 95.83%;
	top: 70.83%;
}
.search-dialog-box .bubbles-bg .bubble8 .circle{
	border:1px solid #fff;
}
.search-dialog-box .bubbles-bg .bubble9{
	width:16px;
	padding-top: 16px;
	left: 76.5625%;
	top: 96.296%;
}
.search-dialog-box .bubbles-bg .bubble9 .circle{
	background-color: #fff;
}
.search-dialog-box .bubbles-bg .bubble10{
	width:56.875%;
	padding-top: 56.875%;
	left: 71.354%;
	top:87%;
}
.search-dialog-box .bubbles-bg .bubble10 .circle{
	background: -webkit-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);
	background: -ms-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);
}
.search-dialog-box .bubbles-bg .bubble{
	animation:spin 8s infinite linear;
	transform-origin: 50% 45%;
}
.search-dialog-box .bubbles-bg .bubble:nth-child(2n){
	animation:spin2 8s infinite linear;
}
.search-dialog-box .bubbles-bg .bubble .circle{
	animation:spin-reverse 8s infinite linear;
}
.search-dialog-box .bubbles-bg .bubble:nth-child(2n) .circle{
	animation:spin-reverse2 8s infinite linear;
}
.search-dialog-box .bubbles-bg .sm-bubble{
	transform-origin: 30% 30px;
}
.search-dialog{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	z-index: 2;
}
.search-dialog .search-tit{
	font-size: 0.2rem;
	line-height: 0.25rem;
	color: #fff;
	text-align: center;
	overflow: hidden;
	display: none;
}
.search-dialog .search-inner{
	overflow: hidden;
	margin-top: 0;
}
.search-dialog .search-input{
	width: 561px;
	margin: 0 auto;
	padding: 0 0rem 0 0.3rem;
	background: #fff;
	box-sizing: border-box;
	transition: all .3s;
	max-width: 94%;
	border-radius: 500px;
}
.search-dialog .search-input input[type=text]{
	float: left;
	height: 0.56rem;
	width: calc(100% - 0.89rem);
	background-color: transparent;
	font-size: 0.2rem;
	line-height: .25rem;
	color: #919191;
	transition: all .3s;
	outline: none;
    border: 0;
}
.search-dialog .search-input input[type=text]::-webkit-input-placeholder{
	color: #919191;
}  
.search-dialog .search-input input[type=text]:-moz-placeholder{
	color: #919191;
}  
.search-dialog .search-input input[type=text]::-moz-placeholder{
	color: #919191;
}  
.search-dialog .search-input input[type=text]:-ms-input-placeholder {
	color: #919191;
} 
.search-dialog .search-input input[type=image],
.search-dialog .search-input .clear-btn{
	float: right;
	height: 0.72rem;
	width: 0.56rem;
}

.search-dialog .search-input input[type=image]{
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.5rem;
	background-image: url('../images23/search.png');
	background: #c22427 url('../images23/search.png') no-repeat center center;
	height: 0.56rem;
	width: 0.89rem;
	border-radius: 100px;
}
.search-dialog .search-input .clear-btn{
	background-color: rgba(0,0,0,.2);
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../images23/close-btn.svg');
	background-size: 0.56rem;
	border-radius: 100%;
	margin-right: 1rem;
	display: none;
}
.search-dialog .search-input.on{
	background-color: #fff;
}

.search-dialog .search-input.on input[type=image]{
	background-image: url('')
}

.search-dialog .hot-search{
	font-size: 0;
	width:3.12rem;
	margin:.6rem auto 0;
	box-sizing: border-box;
	padding:0 .6rem;
	overflow: hidden;
}
.search-dialog .hot-search .hot-tit,
.search-dialog .hot-search .hot-link{
	display: inline-block;
	*display: inline;
	zoom:1;
	vertical-align: top;
}
.search-dialog .hot-search .hot-tit{
	font-size: .375rem;
	line-height: .5rem;

	color: #fff;
	font-weight: bold;
	padding-left: .6rem;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: .5rem;
	background-image: url();
}
.search-dialog .hot-link{
	margin-left: 1rem;
}


.search-dialog .hot-link a{
	display: inline-block;
	*display: inline;
	zoom:1;
	font-size: .375rem;
	line-height: .5rem;
	margin-right: .75rem;
	color:#fff;
	padding-bottom: 5px;
	position: relative;
}

.search-dialog .hot-link a:before{
	content: "";
	position: absolute;
	left:0%;
	bottom:0;
	width:100%;
	height: 2px;
	background-color: #fff;
	transform:scaleX(0);
	transform-origin:left center;
	transition:transform .3s;
}
.search-dialog-box .bottom-box{
	position: absolute;
	left: 0;
	bottom:5.1%;
	width:100%;
}
.search-dialog-box .bottom-box .share-box{
	overflow: hidden;
}
.search-dialog-box .bottom-box .copy{
	font-size: .35rem;
	line-height:.5rem;
	color: #fff;
	font-family: "gilroy-regular";
	margin-top: .5rem;
	overflow: hidden;
}

.header-right.is-open .bubbles-bg{
	visibility: visible;
	opacity: 1;
}
.header-right.is-open .search-btn .con-box{
	display:none;
}
.header-right.is-open .close-btn{
	display:block;
}
.header-right.is-open .item .search-bg{
	transform:scale(1);
}
.search-dialog-box.on{
	opacity: 1;
	visibility: visible;
}
.search-dialog-box.on .search-bg{height: 100vh;}

.search-dialog-box.on .bubbles-bg{opacity: 1;visibility: visible;}
.search-dialog-box.on .wrap-inner{ transform:translateY(0)}

.pub-close {
	position: absolute;
    width: 24px;
    height: 24px;
    z-index: 10;
    right: 2.14rem;
    top: 0.48rem;
    border-radius: 100%;
}
.pub-close .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #1c5ab7;
    transform: scale(0);
    border-radius: 100%;
    transition: transform .3s;
}
.pub-close i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;

    background-repeat: no-repeat;
    background-image: url(../images23/search_close.png);
	transition:.6s
}
.pub-close i:hover{ transform:rotate(180deg)}

@keyframes spin{
    to{transform: rotate(1turn);}
}
@keyframes spin2{
    to{transform: rotate(-1turn);}
}
@keyframes spin-reverse{
    from{
        transform:rotate(1turn);
    }
}
@keyframes spin-reverse2{
    from{
        transform:rotate(-1turn);
    }
}





/*茅隆露茅茠篓忙聬艙莽麓垄*/
.tc_search {margin: 0.3rem auto 0;width: calc(100% - 0.4rem);position: relative;}
.tc_search form {height: 40px;border-radius: 0;background: rgba(255,255,255,.1);position: relative;width: 100%;margin-bottom: 1rem;}
.tc_search .keyword {font-size:.2rem;color: #fff;height: 40px;line-height: 40px;box-shadow: none;-webkit-appearance: none;border-right: 0;background: none;width: 100%;outline: none;
    border: 1px solid #fff;}
.tc_search .btn_blue { position: absolute; top: 0; right: 0; width: 40px; height: 40px; line-height: 38px; border: 0; background: url(../images23/search_white.svg) center center no-repeat; background-size: 55%; }
.tc_search .btn_blue.fr { background: #e9edef; color: #4e4f53; }
.tc_search input::-webkit-input-placeholder {
color:#fff;
color: rgba(255,255,255,.7);
}
.tc_search input::-moz-placeholder {   /* Mozilla Firefox 19+ */
color:#fff;
color: rgba(255,255,255,.7);
}
.tc_search input:-moz-placeholder {    /* Mozilla Firefox 4 to 18 */
 color:#fff;
color: rgba(255,255,255,.7);
}
.tc_search input:-ms-input-placeholder {  /* Internet Explorer 10-11 */
color:#fff;
color: rgba(255,255,255,.7);
}/* WebKit browsers */
.tc_search input:focus::-webkit-input-placeholder {
color: transparent;/* transparent忙藴炉氓鈥β┾偓聫忙藴沤茅禄鈥樏ㄢ�奥�(black)莽拧鈥灻┾偓鸥猫庐掳忙鲁鈥⒚寂捗ヂ嵚趁ぢ糕偓盲赂陋莽卤禄盲录录rgba(0,0,0,0)猫驴鈩⒚� 路莽拧鈥灻モ偓录 */
}/* Mozilla Firefox 4 to 18 */
.tc_search input:focus:-moz-placeholder {
color: transparent;
}/* Mozilla Firefox 19+ */
 .tc_search input:focus::-moz-placeholder {
color: transparent;
}/* Internet Explorer 10+ */
.tc_search input:focus:-ms-input-placeholder {
color: transparent;
}/* 莽鈥毬姑モ�÷幻β惻撁绰⒚β♀�犆ㄅ铰访ヂ忊�撁р�灺γр�毬� placeholder忙露藛氓陇卤-莽禄鈥溍β澟� */
/*氓炉录猫藛陋忙艗鈥懊┾�櫬ヂ尖偓氓搂鈥�*/
#nav_btn_box {height: 100%;z-index: 99;float: right;margin-left: 0;}
#nav_btn_box.on { background: none; }
#nav_btn { }
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before { background: #fff; }
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; outline: none; box-shadow: none; }
#nav_btn .point { display: inline-block; width: 25px; height: 22px; position: relative; outline: none; }
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before { width: 25px; }
#nav_btn .navbtn {position: absolute;top: 12px;left: 0;display: inline-block;width: 14px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;}
#nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0;display: inline-block;width: 25px;height: 1px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;}
#nav_btn .navbtn::after { top: -8px; }
#nav_btn .navbtn::before { top: 8px; }
#nav_btn .point.on .navbtn { background: transparent; }
#nav_btn .point.on .navbtn::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; }
#nav_btn .point.on .navbtn::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; }
/*氓炉录猫藛陋忙艗鈥懊┾�櫬烩�溍β澟�*/
.m_nav_list {flex-direction: column;justify-content: flex-start;width: 100%;margin: 30px 0 0;}
.m_nav_list::-webkit-scrollbar { display:none}
#m_nav {z-index: 99999;position: fixed;width: 100%;height: 100vh;right: -105%;top: 0;display: none;padding: 0.5rem 0 0.5rem;overflow: hidden;pointer-events: none;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;background: rgba(155,0,0,0.98);}
#m_nav .close{position:absolute;top: 6px;right:15px;font-size: 28px;color:#fff;z-index: 10000;}

#m_nav.act { pointer-events: auto; right: 0;overflow: auto; }
#m_nav>ul>li {width: 100%;overflow: hidden;padding: 0 0 0 0.3rem;position: relative;}
#m_nav>ul>li {border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
#m_nav>ul>li h3{ position: relative;
    z-index: 3;}

#m_nav li .a { display: inline-block; width: auto; }
#m_nav li .a {    line-height: 0.8rem;
    height: 0.8rem;color: #fff;padding: 0;font-size: 0.2rem;float: none !important;}
#m_nav li .a span { display: block; position: absolute; top: 0; right: 10px; width: 20px; height: 50px; text-align: center; }
#m_nav li .a span i { font-size: 0; }
#m_nav li i {opacity: 1;filter: alpha(opacity=100);display: inline-block;width: 50px;height: 0.8rem;display: inline-block;background: url(../images23/arrow_down.svg) center center no-repeat;background-size: 13px 13px !important;position: absolute;display: block;right: 0;    top: 0;}

#m_nav li.on i {background: url(../images23/arrow_down_on.svg) center center no-repeat;}
#m_nav .on.title .a i { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); }
#m_nav li { display: block; width: 100%; }
.slide_nav { position: absolute; left: 0; height: 70px; z-index: 998; padding: 15px; top: 0; width: 100%; }
#m_nav .title .list { display: none; position: relative; width: 100%; z-index: 9; left: 0; margin-left: 0; background: none; border: 0; clear: both; padding-bottom: 10px; }
#m_nav .title .list span { background: none; }
#m_nav .title .list span a:hover { color: #c21d1b; }
#m_nav .title .list a {display: table;font-size: 14px;color: rgba(255,255,255,.8);text-align: left;line-height: 40px;height: 40px;border: 0;font-weight: 300;}

#m_nav .title .list .aa{    position: relative;
    z-index: 3;}

#m_nav .title .list .xli{
position: relative;
padding-left: 0.2rem;
}

#m_nav .title .list .xjt{
	opacity: 1;
    display: inline-block;
    width: 50px;
    height: 40px;
    display: inline-block;
    background: url(../images23/arrow_down.svg) center center no-repeat;
    background-size: 13px 13px !important;
    position: absolute;
    display: block;
    right: 0;
	top: 0;
}
#m_nav .title .list .xjt.on{background: url(../images23/arrow_down_on.svg) center center no-repeat;}

#m_nav .title .list .sun{
background: rgba(255,255,255,0.2);
width: 94%;
padding: 0.15rem 0.2rem;
display: none;
}
#m_nav .title .list .sun a{    line-height: 0.35rem;height: auto;}



/*盲赂鈥懊郝ヂ济ㄋ喡� 氓录鈧ヂр��*/
#m_nav .title .list .void>a { background-size: 10px; position: relative; }
#m_nav .title .list .void>a:before { content: "脗路"; position: absolute; left: -1em; font-size: 0.12rem; font-weight: bold; }
#m_nav .title .list span { position: relative; display: block; }
#m_nav .title .list span .sub { position: static; width: 100%; display: block !important; overflow: hidden; }
#m_nav .title .sub a { background: none; font-size:0.5rem;
opacity: .8; min-width: 50%; float: left; display: inline-block; color: #999; }
.nav_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 888; background-color: rgba(0,0,0,0.4); display: none; }
.m_header_box {transition: .6s;display: none;height: 60px;}
#m_header .logo .box_table{width: auto; float: left;    display: table; height: 100%;}
#nav_btn_box .box_table { width: auto; float: left;    display: table; height: 100%; height: 100%;}
 #nav_btn_box .box_table .box_table_cell{   vertical-align: middle;
	display: table-cell;  }
#m_header .logo .box_table .box_table_cell{ vertical-align: middle;display: table-cell;      margin: 0 auto;}

#m_header .logo .box_table .box_table_cell a{    display: block;
			}
.m_header_box header{padding:0 15px;top: 0;height: 60px;box-shadow: 0 8px 8px rgba(0,55,59,0.25);position: fixed;top: 0;left: 0;right: 0;z-index: 100;background: #9b0000;background-size: cover;}
#m_header .logo{float: left;}
#m_header .logo img{max-height: 40px;width: auto;}
#m_header .yuyan{ height:4.5rem; float:right; margin-right:4rem;}
#m_header .yuyan span{ display:block; width:24px; height:24px; line-height:24px; color:#fff; font-size:.9rem; text-align:center; margin-left:17px; background:rgba(255,255,255,.3);}



.toubu_div.yc_gd_dh{z-index: 2000;top: -200px;position: fixed;transition: 0.4s;background: #990f00;padding-top: 0;}
.toubu_div.yc_gd_dh.on{top: 0;}
.toubu_div.yc_gd_dh .head_bottom{align-items: center;}
.toubu_div.yc_gd_dh .head_bottom .pc_top_lj{display: none;}
.toubu_div.yc_gd_dh .nav .search_btn{background-color: #ff9c00;}
.toubu_div.yc_gd_dh .head_bottom{padding: 0.1rem 0;height: 0.7rem;}
.toubu_div.yc_gd_dh .nav{padding-top: 0;}
.toubu_div.yc_gd_dh .header .logo{width: 2.8rem;}
.toubu_div.yc_gd_dh .nav>ul>li>a>p{bottom: -0.14rem;}




.toubu_div{position: absolute;left: 0;top: 0;width: 100%;z-index: 1000;padding-top: 0.35rem;}
.toubu_div .head_bottom{width: 15rem;margin: 0 auto;display: flex;justify-content: space-between;position: relative;padding-bottom: 0.1rem;}

.toubu_div .head_bottom .right{width: calc(100% - 420px);flex-wrap: wrap;justify-content: flex-end;}
.toubu_div .head_bottom .pc_top_lj{width: 100%;display: flex;justify-content: flex-end;align-items: center;}
.toubu_div .head_bottom .pc_top_lj .xx{display: flex;align-items: center;padding: 0.08rem 0.07rem;background: #ba2312;border-radius: 100px;}
.toubu_div .head_bottom .pc_top_lj .xx>div{display: flex;align-items: center;margin: 0 7px;}
.toubu_div .head_bottom .pc_top_lj .xx>div img{margin-right: 5px;max-width: 0.13rem;}
.toubu_div .head_bottom .pc_top_lj .xx>div p{font-size: 0.12rem;color: #fff;line-height: 12px;}
.toubu_div .head_bottom .pc_top_lj .xx>div a{color: #fff;}

.toubu_div .head_bottom .pc_top_lj .lj{display: flex;}
.toubu_div .head_bottom .pc_top_lj .lj a{display: block;margin-left: 0.28rem;}
.toubu_div .head_bottom .pc_top_lj .lj div{display: flex;align-items: center;}
.toubu_div .head_bottom .pc_top_lj .lj div img{margin-right: 5px;max-width: 0.13rem;}
.toubu_div .head_bottom .pc_top_lj .lj div p{font-size: 0.12rem;color: #fff;line-height: 0.12rem;}



.toubu_div.on{padding-top: 0.1rem;background: #990f00;}
.toubu_div.on .head_bottom{align-items: center;}
.toubu_div.on .head_bottom .pc_top_lj{height: 0;opacity: 0;visibility: hidden;}
.toubu_div.on .nav{padding-top: 0;}
.toubu_div.on .nav .search_btn{    background-color: #ff9c00;}


@media(max-height: 400px){
	.toubu_div{padding-top: 0.1rem;display: none;}
	.toubu_div.yc_gd_dh{top: 0;display: block;}
}
@media(max-width: 1024px){
	.toubu_div{padding-top: 0.1rem;display: block;}
}


/* 氓陇麓氓掳戮忙 路氓录聫莽禄鈥溍β澟� */
.w15{width: 15rem;margin: 0 auto;}


.img{width: 100%;position: relative;padding-bottom: 60%;overflow: hidden;transition: 0.4s;}
.img .img_box{background-position: center center !important;position: absolute;top: 0;left: 0;z-index: 2;    width: 100%;background-size: cover !important;
	height: 100%;transition: 0.4s;}
.img img{    position: absolute;transition: 0.4s;opacity: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;}
a:hover .img .img_box{transform: scale(1.05);}
a:hover .img img{transform: scale(1.05);}

.swiper-slide{    filter: brightness(1);}

html{overflow: hidden;}


a.sy_more{display: table;font-size: 0.14rem;}
a.sy_more p{font-size: 0.14rem;padding-right: 0.42rem;color: #333333;position: relative;}
a.sy_more p::after{content: "";display: block;width: 0.35rem;height: 100%;background: url(../images23/sy_tit_more_jt.png) repeat-x center right;position: absolute;right: 0;top: 0;background-size: 0.35rem;}
a.sy_more:hover p{color: #990f00;}
a.sy_more:hover p::after{animation: more_dh 0.4s linear;}
@keyframes more_dh {
   0% {background-position: 0 center;}
   100% {background-position: 0.35rem center;}
}



.sy_right_ai{top: auto;bottom: 0.2rem;right: 0.2rem;animation: none;/*display: none;*/}
.sy_right_ai .kg{margin-bottom: 0;margin-top: 0.2rem;}
.sy_right_ai.onn{display: block;}


#pages{}
#pages .page{position: relative;}
#pages .page .intro{width: 15rem;position: relative;z-index: 3;margin: 0 auto;display: flex;align-items: center;justify-content: center;height: 100%;}



.p1_zz_pic{display: block;width: 18.53rem;height: 8.15rem;position: absolute;left: calc(50% - 9.265rem);overflow: hidden;
	top: calc(50% - 4rem + 60px);
	top: calc(50% - 3.4rem);
	z-index: 9999;
	transition: 0.7s ease-out;
	visibility: initial;opacity: 1;max-width:100%;
    transform-origin: left bottom;
	z-index: 33;




clip-path: polygon(
	0 3.8%, 
	0.37% 4.41%, 
	0.37% 3.06%, 
	0.701% 3.68%, 
	0.701% 2.33%, 
	1.51% 3.31%, 
	3.23% 4.29%, 
	6.47% 5.03%, 
	9.17% 5.39%, 
	14.84% 5.39%, 
	20.77% 4.5%, 
	23.2% 3.92%, 
	30.22% 1.96%, 
	34.05% 0.98%, 
	41.55% 0%, 
	45.6% 0%, 
	47.81% 0.49%, 
	48.89% 0.85%, 
	49.64% 1.34%, 
	50.08% 1.96%,   /* 中*/
	50.5% 1.34%, 
	51.11% 0.85%, 
	52.19% 0.49%, 
	54.4% 0%, 
	58.45% 0%, 
	65.95% 0.98%, 
	69.78% 1.96%, 
	76.8% 3.92%, 
	79.23% 4.5%,
	85.16% 5.39%,
	90.83% 5.39%,
	93.53% 5.03%, 
	96.77% 4.29%, 
	98.49% 3.31%, 
	99.299% 2.33%, 
	99.299% 3.68%,
	99.63% 3.06%, 
	99.63% 4.41%, 
	100% 3.8%,      /* 顶*/
	100% 98.28%,    /* 底*/
	99.86% 98.77%, 
	99.09% 99.26%, 
	98.06% 99.51%, 
	95.63% 99.87%, 
	93.53% 99.87%, 
	91.21% 99.63%, 
	88.62% 99.38%, 
	84.03% 98.77%, 
	77.88% 97.66%, 
	74.53% 96.93%, 
	70.22% 96.07%, 
	66.33% 95.46%, 
	62.82% 95.09%, 
	60.39% 94.96%, 
	56.24% 94.96%, 
	54.13% 95.21%, 
	52.84% 95.6%, 
	52.51% 95.71%, 
	51.17% 96.4%, 
	50.36% 97.1%, 
	50% 97.79%,    /* 中*/
	49.64% 97.1%,
	48.83% 96.4%, 
	47.49% 95.71%, 
	47.16% 95.6%, 
	45.87% 95.21%, 
	43.76% 94.96%, 
	39.61% 94.96%, 
	37.18% 95.09%, 
	33.67% 95.46%, 
	29.78% 96.07%, 
	25.47% 96.93%, 
	22.12% 97.66%, 
	15.97% 98.77%, 
	11.38% 99.38%, 
	8.79% 99.63%, 
	6.47% 99.87%, 
	4.37% 99.87%, 
	1.94% 99.51%, 
	0.91% 99.26%, 
	0.32% 98.77%, 
	0% 98.28%,    /* 底end*/
	0% 3.8%
	); 


}



.p1_zz_pic.on{ opacity: 0;
    visibility: hidden;
    transform: scale(0.04);
    top: calc(50% - 4.3rem);

}



.p1_zz_pic .zz{position: absolute;top: 0;left: 0;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;z-index: 66;}
.p1_zz_pic .zz::after{content: '';display: block;width: 18.53rem;
	height: 8.15rem;background: url(../images23/sy_p1_azz.png) no-repeat center center;background-size: 100% 100% !important;}



.p1_zz_pic .swiper-slide{transition: 0.4s;}
.p1_zz_pic a{display: block;width: 100%;}
.p1_zz_pic img{width: 100%;}
.p1_zz_pic .swiper-pagination{position: absolute;bottom: 6%;width: 100%;}
.p1_zz_pic .swiper-pagination span{width: 0.15rem;height: 0.15rem;background: #a6a6a6;margin: 0 0.1rem !important;opacity: 1;}
.p1_zz_pic .swiper-pagination span.swiper-pagination-bullet-active{background: #b42617;}

.p1_zz_pic_jt{position: absolute;right: 0;top: 50%;
width: 100%;
padding: 0 0.3rem;
display: flex;justify-content: space-between;


}
.p1_zz_pic_jt>div{position: relative;left: auto;pointer-events: unset !important;top: auto;width: 0.4rem;height: 0.4rem;background: url(../images23/sy_p3_lb_jt_prev_b.png) no-repeat center 0.14rem;background-size: 0.26rem !important;margin: 0;border: 0; border-radius: 50%; transform: rotate(0deg);
border: 1px solid #fff;
}
.p1_zz_pic_jt>div.swiper-button-next{background: url(../images23/sy_p3_lb_jt_next_b.png) no-repeat center 0.14rem;right:0;}




.p1_zz_pic_img{display: block;width: 19.2rem;height: 9.04rem;position: absolute;left: calc(50% - 9.6rem);overflow: hidden;
	/* top: calc(50% - 4rem + 60px); */
	top: calc(50% - 3.9rem);
	z-index: 9999;
	transition: 0.7s ease-out;
	visibility: initial;opacity: 1;max-width:100%;
    transform-origin: left bottom;
	z-index: 33;

	display: flex;justify-content: center;align-items: center;

}
.p1_zz_pic_img .zz_out{position: absolute;top: 0;left: 0;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;z-index: 66;


}

.p1_zz_pic_img .zz{display: block;width: 18.53rem;
	height: 8.15rem;position: relative;

	clip-path: polygon(
	0 3.8%, 
	0.37% 4.41%, 
	0.37% 3.06%, 
	0.701% 3.68%, 
	0.701% 2.33%, 
	1.51% 3.31%, 
	3.23% 4.29%, 
	6.47% 5.03%, 
	9.17% 5.39%, 
	14.84% 5.39%, 
	20.77% 4.5%, 
	23.2% 3.92%, 
	30.22% 1.96%, 
	34.05% 0.98%, 
	41.55% 0%, 
	45.6% 0%, 
	47.81% 0.49%, 
	48.89% 0.85%, 
	49.64% 1.34%, 
	50.08% 1.96%,   /* 中*/
	50.5% 1.34%, 
	51.11% 0.85%, 
	52.19% 0.49%, 
	54.4% 0%, 
	58.45% 0%, 
	65.95% 0.98%, 
	69.78% 1.96%, 
	76.8% 3.92%, 
	79.23% 4.5%,
	85.16% 5.39%,
	90.83% 5.39%,
	93.53% 5.03%, 
	96.77% 4.29%, 
	98.49% 3.31%, 
	99.299% 2.33%, 
	99.299% 3.68%,
	99.63% 3.06%, 
	99.63% 4.41%, 
	100% 3.8%,      /* 顶*/
	100% 98.28%,    /* 底*/
	99.86% 98.77%, 
	99.09% 99.26%, 
	98.06% 99.51%, 
	95.63% 99.87%, 
	93.53% 99.87%, 
	91.21% 99.63%, 
	88.62% 99.38%, 
	84.03% 98.77%, 
	77.88% 97.66%, 
	74.53% 96.93%, 
	70.22% 96.07%, 
	66.33% 95.46%, 
	62.82% 95.09%, 
	60.39% 94.96%, 
	56.24% 94.96%, 
	54.13% 95.21%, 
	52.84% 95.6%, 
	52.51% 95.71%, 
	51.17% 96.4%, 
	50.36% 97.1%, 
	50% 97.79%,    /* 中*/
	49.64% 97.1%,
	48.83% 96.4%, 
	47.49% 95.71%, 
	47.16% 95.6%, 
	45.87% 95.21%, 
	43.76% 94.96%, 
	39.61% 94.96%, 
	37.18% 95.09%, 
	33.67% 95.46%, 
	29.78% 96.07%, 
	25.47% 96.93%, 
	22.12% 97.66%, 
	15.97% 98.77%, 
	11.38% 99.38%, 
	8.79% 99.63%, 
	6.47% 99.87%, 
	4.37% 99.87%, 
	1.94% 99.51%, 
	0.91% 99.26%, 
	0.32% 98.77%, 
	0% 98.28%,    /* 底end*/
	0% 3.8%
	); 

}

.p1_zz_pic_img .zz::after{content: '';display: block;width: 18.53rem;height: 8.15rem;background: url(../images23/sy_p1_azz.png) no-repeat center center;background-size: 100% 100% !important;position: absolute;top: 0;left: 0;z-index: 6;}

.p1_zz_pic_img img{

	width: 18.53rem;
	height: 8.15rem;
}
.p1_zz_pic_img.on{    opacity: 0;
    visibility: hidden;
    transform: scale(0.04);
	top: calc(50% - 5.16rem);
    left: 0.6rem;
	
}


.p1_zz_pic_btn{
	position: absolute;left: calc(50% - 9rem);top: calc(50% + 3.5rem);z-index: 11;
	width: 18rem;
}

.p1_zz_pic_btn .btn{width: 0rem;height: 0.4rem;background: url(../images23/z_p1_zz_sq.png) no-repeat center right;background-size: 0.48rem !important;margin-left: -0.05rem;border-radius: 0 200px 200px 0;
	cursor: pointer;
	transition: 0.7s;
}
.p1_zz_pic_btn .btn:hover{box-shadow: 0 0 0.1rem rgba(0,0,0,.4);}
.p1_zz_pic_btn .btn.on{width: 0.48rem;}

.p1_zz_pic_close{position: absolute;cursor: pointer;
    right: 0.3rem;
    top: 0.5rem;
    width: 0.4rem;
    height: 0.4rem;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images23/ej_sql_right_close.png);
	background-color: #fff;
    transition: .6s;z-index: 66;
background-size: 100% !important;
display: block;
border-radius: 50%;
}
.p1_zz_pic.on .p1_zz_pic_close{display: none;}


.page1{background: url(../images23/sy_p1_bg2.png) no-repeat center center;background-size: cover;position: relative;width: 100%;}
.page1::after{content: "";display: block;width: 19.2rem;height: 9.04rem;background: url(../images23/sy_p1_bg1.png) no-repeat center center;background-size: 100%;position: absolute;left: calc(50% - 9.6rem);top: calc(50% - 3.89rem);
	
z-index: 2;    max-width: 100%;}

.part1{padding-top: 0.8rem; display: flex;justify-content: space-between;align-items: flex-start;width: 100%;}
.p1_left{width: 7rem;display: flex;flex-wrap: wrap;}
.p1_left_s{background: #fcf8f4;width: 100%;margin-bottom: 0.36rem;}
.p1_ssxxk_xx{width: 100%; /* background: #fff;*/ /* box-shadow: 0 0 0.14rem rgba(0,0,0,0.25); */border-bottom: solid 2px #940e00;}
.p1_ssxxk_xx ul{
    display: flex;
}
.p1_ssxxk_xx ul li{padding: 0.16rem 0.1rem;cursor: pointer;transition: 0.4s;position: relative;width: 100%; /*border-left: solid 1px rgba(0, 0, 0, 0.25); */}
.p1_ssxxk_xx ul li:first-child{border: none;}
.p1_ssxxk_xx ul li::after{content: "";display: block;width: 0%;height: 100%;background: #990f00;transition: 0.4s;position: absolute;left: 0;top: 0;z-index: 1;}
.p1_ssxxk_xx ul li.on{/* box-shadow: 0 0 0.14rem rgba(0,0,0,0.25); */box-shadow: 3px -3px 5px rgba(0, 0, 0, 0.25);}
.p1_ssxxk_xx ul li.on::after{width: 100%;}
.p1_ssxxk_xx ul li.on p{color: #fff;}
.p1_ssxxk_xx ul li p{font-size: 0.16rem;font-size: 0.18rem;text-align: center;color: #333333;text-align: justify;height: 0.16rem;width: 0.75rem;margin: 0 auto;transition: 0.4s;position: relative;z-index: 3;}
.p1_ssxxk_xx ul li p::after{    content:"";
    display: inline-block;
    width:100%;
    overflow:hidden;
    height:0;}

.p1_left_s{display: flex;flex-wrap: wrap;}
.p1_ssxxk1{width: 100%;height: 1.8rem;}
.p1_ss_box{display: none;width: 100%;padding: 0.4rem;}
.p1_ss_box.on{display: block;}
.p1_ss_box p a{color:#333;}
.p1_ss_box p a:hover{color:#990f00;}
.p1_ss_box h2{font-size: 0.28rem;color: #000000;margin-bottom: 0.16rem;display: none;}
.p1_ss_box .search{position: relative;display: flex;height: 0.6rem;background: #fff;border: 1px solid #d2d2d2;margin-bottom: 0.15rem;    justify-content: space-between;}
.p1_ss_box .search form{display: flex;justify-content: space-between;width:100%;}

.p1_ss_box .search select{width: 1.1rem;height: 100%;border: 0;padding-left: 0.3rem;font-size: 0.16rem;background: url(../images23/sy_p1_select_jt.png) no-repeat center right;cursor: pointer;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
}
.p1_ss_box .search select option{}
.p1_ss_box .search .txt{width: calc(100% - 0.6rem);height: 100%;padding: 0 0.1rem;font-size: 0.16rem;}
.p1_ss_box .search .btn{width: 0.6rem;height: calc(100% + 2px);background: #990f00 url(../images23/p1_search_btn.png) no-repeat center;margin-top: -1px;background-size: 100% !important;}
.p1_ss_box .fuxuan{display: flex;flex-wrap: wrap;}
.p1_ss_box .fuxuan li{margin-right: 0.2rem;display: flex;align-items: center;cursor: pointer;}
.p1_ss_box .fuxuan li input{width: 0.18rem;height: 0.18rem; background: url(../images23/p1_fx_ico.png) no-repeat;margin-right: 0.06rem;cursor: pointer;background-size: 100% !important;}
.p1_ss_box .fuxuan li.on input{background: url(../images23/p1_fx_ico_on.png) no-repeat;}
.p1_ss_box .fuxuan li label{font-size: 0.14rem;font-size: 0.16rem;color: #000000;cursor: pointer;}

.p1_ss_box .danxuan{display: flex;flex-wrap: wrap;}
.p1_ss_box .danxuan li{margin-right: 0.2rem;display: flex;align-items: center;cursor: pointer;}
.p1_ss_box .danxuan li input{width: 0.15rem;height: 0.15rem; margin-right: 0.06rem;cursor: pointer;
    border: 1px solid #464645;
    border-radius: 50%;
background-size: 100% !important;
}
.p1_ss_box .danxuan li.on input{background: url(../images23/p1_dx_ico_on.png) no-repeat;}
.p1_ss_box .danxuan li label{font-size: 0.14rem;font-size: 0.16rem;color: #000000;cursor: pointer;}

.p1_ss_box.box4 .search .txt{width: calc(100% - 1.7rem); }



/*20250619add 首页第一屏数据库跳转list*/
    .sjk_buttonList{
        display: flex;}
   .sjk_buttonList .buttonList_item{
   font-size: 0.16rem;
    padding: 7px 1px;
    /*box-shadow: 0 0 0.08rem rgba(0, 0, 0, .05);*/
    /*border-radius: 10px;*/
    /*border: 0.3px solid #e2e2e2;*/
    margin-right: 25px;}
@media (min-width: 460px) {
  .sjk_buttonList .buttonList_item{
	padding: 7px 15px;
}
}
   .sjk_buttonList .buttonList_item:hover{
    background-color: #940e00;
    color: white;}
    .sjk_buttonList .buttonList_item:hover a{
    color: white;}
    .sjk_buttonList .buttonList_item a{display: flex;
    align-items: center;
    gap: 5px;}
    .sjk_buttonList .icon{
    display: inline-block;
    height:0.16rem;
    width:0.16rem;
    padding-right: 5px;
    background:url(../wjXxjsb/sjk4.png) no-repeat;
    background-size: 100% auto;
    background-position:center center;}
    .sjk_buttonList .buttonList_item:hover .icon{
    background:url(../wjXxjsb/sjk4_white.png) no-repeat;
    background-size: 100% auto;
    background-position:center center;}
    .sjk_buttonList span{
    vertical-align: middle;}
/*20250619add 首页第一屏数据库跳转list end*/








.p1_ssxxk2{width: 100%;}
.p1_ssxxk2 ul{display: none;flex-wrap: wrap;margin: 0 -1.5%;}
.p1_ssxxk2 ul.on{display: flex;}
.p1_ssxxk2 ul li{width: 30.33%;border-top: 2px solid #940e00;background: #f9f1f0;padding: 0rem 0;margin: 0 1.5%;margin-bottom: 0.23rem;transition: 0.4s;height: 1.15rem;}
/*20250507首页第一屏左侧图标改为一样*/
/*.p1_ssxxk2 ul li+li{border-top: 2px solid #c3bd96;background: #fcfaec;}
.p1_ssxxk2 ul li+li+li{border-top: 2px solid #78b9b2;background: #f0fefc;}
.p1_ssxxk2 ul li+li+li+li{border-top: 2px solid #b471be;background: #fcf5fd;}
.p1_ssxxk2 ul li+li+li+li+li{border-top: 2px solid #8778b9;background: #f5f3fd;}
.p1_ssxxk2 ul li+li+li+li+li+li{border-top: 2px solid #7894b9;background: #f1f6fc;}*/
.p1_ssxxk2 ul li a{    display: flex;
    /* justify-content: center; */
    align-items: center;
    width: 100%;
height:100%;
    padding: 0 0.1rem;}
.p1_ssxxk2 ul li .pic{width: 0.66rem;height: 0.66rem;margin-right: 0.16rem;}
.p1_ssxxk2 ul li .pic img{width: 100%;}
.p1_ssxxk2 ul li .con{max-width: calc(100% - 0.8rem);}
.p1_ssxxk2 ul li .con p{font-size: 0.16rem;font-size: 0.18rem;color: #000000;line-height: 0.24rem;}
.p1_ssxxk2 ul li:hover{box-shadow: 0 0 0.08rem rgba(0,0,0,.2);}
.p1_ssxxk2 ul li:hover .pic img{-webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}

@-webkit-keyframes circleProgressLoad_right{
	0%{
		-webkit-transform: rotate(45deg);
	}
	50%{
		-webkit-transform: rotate(225deg);
	}
	100%{
		-webkit-transform: rotate(225deg);
	}
}
@-webkit-keyframes circleProgressLoad_left{
	0%{
		-webkit-transform: rotate(45deg);
	}
	50%{
		-webkit-transform: rotate(45deg);
	}
	100%{
	-webkit-transform: rotate(225deg);
	}
}
@keyframes jello {
    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}


.p1_right{width: 7rem;}
.p1_rixxk_xx{margin-bottom: 0.4rem;}
.p1_rixxk_xx ul{display: flex;justify-content: center;background: #f2f2f2;}
.p1_rixxk_xx ul li{width: 0.72rem;position: relative;cursor: pointer;margin: 0 0.07rem;}
.p1_rixxk_xx ul li p{font-size: 0.24rem;color: #595959;position: relative;text-align: center;z-index: 3;padding: 0.12rem 0;}
.p1_rixxk_xx ul li::after{content: "";width: 0.72rem;height: 0.71rem;background: url(../images23/sy_p1_right_tit_on.png) no-repeat;background-size: 100%;position: absolute;top: -0.05rem;left: 0;z-index: 1;opacity: 0;transition: 0.4s;}
.p1_rixxk_xx ul li.on::after{opacity: 1;}
.p1_rixxk_xx ul li.on p{color: #fff;}


.p1_rixxk_box{width: 100%;}


.p1_rixxk_box .more{}
.p1_rixxk_box .more{position: absolute;right: 0.1rem;bottom: -0.12rem;}
.p1_rixxk_box .more a{display: block;font-size: 0.14rem;}
.p1_rixxk_box .more a.on{display: block;}
.p1_rixxk_box .more p{font-size: 0.14rem;padding-right: 0.42rem;color: #333333;position: relative;}
.p1_rixxk_box .more p::after{content: "";display: block;width: 0.35rem;height: 100%;background: url(../images23/sy_tit_more_jt.png) repeat-x center right;position: absolute;right: 0;top: 0;background-size: 0.35rem;}
.p1_rixxk_box .more a:hover p{color: #990f00;}
.p1_rixxk_box .more a:hover p::after{animation: more_dh 0.4s linear;}
@keyframes more_dh {
   0% {background-position: 0 center;}
   100% {background-position: 0.35rem center;}
}



.p1_rixxk_box ul{display: none;flex-wrap: wrap;margin: 0 -1.5%;position: relative;}
.p1_rixxk_box ul.on{display: flex;z-index:6;}
.p1_rixxk_box ul li{width: 30.33%;background: #fff;padding: 0.2rem 0;margin: 0 1.5%; margin-bottom: 0.23rem;box-shadow: 0 0 0.08rem rgba(0,0,0,.05);transition: 0.4s;}
.p1_rixxk_box ul li a{display: flex;align-items: center;width: 100%;padding: 0 0.2rem;}
.p1_rixxk_box ul li .pic{width: 0.5rem;height: 0.5rem;margin-right: 0.16rem;position: relative;text-align: center;}
.p1_rixxk_box ul li .pic img{width: auto;max-width: 100%;transition: 0.4s;height: auto;max-height: 0.5rem;}
.p1_rixxk_box ul li .pic img+img{position: absolute;left: 0;z-index: 3;opacity: 0;top: 0;right: 0;bottom: 0;margin: auto;}
.p1_rixxk_box ul li .con{}
.p1_rixxk_box ul li .con p{font-size: 0.18rem;color: #000000;transition: 0.4s;}

.p1_rixxk_box ul li:hover{background: #e77713 url(../images23/sy_p2_right_li_on.png) no-repeat top right;border-radius: 0 0.3rem 0 0.3rem;background-size: 0.86rem;}
.p1_rixxk_box ul li:hover {background: #e77713 no-repeat top right;}
.p1_rixxk_box ul li:hover .pic img{opacity: 0;}
.p1_rixxk_box ul li:hover .pic img+img{opacity: 1;}
.p1_rixxk_box ul li:hover .con p{color: #fff;}





@media(max-width: 1200px){
	.page1::after{width: 100%;left: 0;background-size: cover;}
	.p1_zz_pic{width: 100%;left:0;}
	.p1_zz_pic_img{width: 100%;left: 0;display: flex;justify-content: center;}
	.p1_zz_pic_img img{width: 100%;height: 100%;}


.p1_zz_pic_btn{left:0;}

.p1_zz_pic.swiper{}
.p1_zz_pic.swiper .swiper-slide{width: 100%;height: 100%;}
.p1_zz_pic.swiper a{}
.p1_zz_pic.swiper .pic{width: 100%;height: 0;padding-bottom: 60%;position: relative;}
.p1_zz_pic.swiper .pic img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;z-index: 3;}

}
@media(max-width: 1024px){

	.p1_zz_pic_btn{display: none !important;}

	.p1_zz_pic_img{display: none;}

.p1_ssxxk2 ul li{height:auto;}

	.part1{flex-wrap: wrap;padding-top: 120px;padding-bottom: 80px;}
	.p1_left{width: 100%;margin-bottom: 0.3rem;}
	.p1_right{width: 100%;}
	.page1::after{height: 100%;top: 20px;}
	.p1_zz_pic{height: 100%;top: 20px;display: none !important;}

	.sy_right_ai{display: block;}

	.p1_rixxk_box ul{padding-bottom: 0.2rem;}

	.p1_ssxxk2 ul li a{padding: 0.1rem 0.05rem;}
	
}
@media(max-width: 500px){
	.p1_left_s{flex-wrap: wrap;}
	.p1_ssxxk_xx{width: 100%;}
	.p1_ssxxk_xx ul{display: flex;}
	.p1_ssxxk_xx ul li{width: 25%;padding: 0.16rem 0.03rem;}
	.p1_ssxxk_xx ul li p{width: auto;text-align: center;}
	.p1_ssxxk1{width: 100%;}
	.p1_ss_box{padding: 0.2rem ;}

	.p1_ssxxk2 ul li{width: 47%;}

	.p1_rixxk_box ul li .pic{width: 0.4rem;height: 0.4rem;}

	.p1_rixxk_box ul li a{padding: 0 0.1rem;}
	.part1{padding-bottom: 95px;}
	.p1_rixxk_box ul{padding-bottom: 0;}
}





.page2{background: url(../images23/sy_p2_bg.jpg) no-repeat center center;background-size: cover;position: relative;width: 100%;}


.part2{width: 100%;}

.p2_xxk_box1{width: 100% !important;}


.p2_xxk_box{position: relative;margin-bottom: 0.43rem;    width: 5.55rem;float: right;}
.p2_xxk_box ul{display: flex;}
.p2_xxk_box ul li{margin: 0 0.15rem 0 0;cursor: pointer;}
.p2_xxk_box ul li h3{font-size: 0.24rem;color: #333333;text-align: center;margin-bottom: 0.08rem;}
.p2_xxk_box ul li p{padding-left: 0.28rem;font-size: 0.12rem;color: #a6a6a6;position: relative;transition: 0.4s;}
.p2_xxk_box ul li p::after{content: "";display: block;width: 0.2rem;height: 0.06rem;background: #e1e1e1;position: absolute;left: 0;top: calc(50% - 0.03rem);transition: 0.4s;}
.p2_xxk_box ul li.on h3{color: #990f00;}

.p2_xxk_box ul li.on p::after{background: #ff9c00;}


.p2_xxk_box .more{position: absolute;right: 0;top: 13%;}
.p2_xxk_box .more a{display: block;font-size: 0.14rem;display: none;}
.p2_xxk_box .more a.on{display: block;}
.p2_xxk_box .more p{font-size: 0.14rem;padding-right: 0.42rem;color: #333333;position: relative;}
.p2_xxk_box .more p::after{content: "";display: block;width: 0.35rem;height: 100%;background: url(../images23/sy_tit_more_jt.png) repeat-x center right;position: absolute;right: 0;top: 0;
background-size: 0.35rem;
}
.p2_xxk_box .more a:hover p{color: #990f00;}
.p2_xxk_box .more a:hover p::after{animation: more_dh 0.4s linear;}
@keyframes more_dh {
   0% {background-position: 0 center;}
   100% {background-position: 0.35rem center;}
}


.p2_xxk_nr{position: relative;width: 100%;display: flex;justify-content: space-between;align-items: flex-end;flex-wrap: wrap;}


.p2_xxk_main{display: block;

	animation: dh_right 0.6s;animation-fill-mode: forwards;animation-delay: 0.5s;
	transform: translate(-1rem,0);opacity: 0;
}

.p2_xxk_nr .left{width: 8.9rem;position: relative;    margin-bottom: -0.15rem;
	animation: dh_left 0.6s;animation-fill-mode: forwards;animation-delay: 0.5s;
	transform: translate(-1rem,0);opacity: 0;

}

.p2_lb{position: relative;overflow: hidden;padding-bottom: 0.5rem;}
.p2_lb .swiper-slide{}
.p2_lb .swiper-slide a{display: block;}
.p2_lb .swiper-slide .img{padding-bottom: 60%;}
.p2_lb .swiper-slide .con{position: absolute;right: 0;bottom: -0.5rem;width: calc(100% - 4.1rem);height: 1.53rem;background: url(../images23/sy_p2_left_con.png) no-repeat;z-index: 3;padding: 0.4rem;background-size: 100%;}
.p2_lb .swiper-slide .con .line{width: 0.4rem;height: 2px;background: #990f00;margin-bottom: 0.13rem;transition: 0.4s;}
.p2_lb .swiper-slide .con .bt{font-size: 0.2rem;line-height: 0.26rem;color: #333333;height: 0.52rem;overflow: hidden;}
.p2_lb .swiper-slide a:hover .con .line{width: 100%;}

.p2_lb_sj{position: absolute;left: 0;z-index: 2;bottom: 0.5rem;display: flex;}
.p2_lb_sj li{padding: 0.15rem 0.1rem;background: rgba(231,119,16,0.9);margin-right: 1px;cursor: pointer;}
.p2_lb_sj li+li{background: rgba(231,119,16,0.8);}
.p2_lb_sj li+li+li{background: rgba(231,119,16,0.7);}
.p2_lb_sj li+li+li+li{background: rgba(231,119,16,0.6);}
.p2_lb_sj li+li+li+li+li{background: rgba(231,119,16,0.5);}
.p2_lb_sj li.on{background: rgba(231,119,16,1) !important;}
.p2_lb_sj li .p1{font-size: 0.2rem;color: #ffffff;text-align: center;border-bottom: 1px solid rgba(0,0,0,.1);padding-bottom: 0.04rem;margin-bottom: 0.04rem;}
.p2_lb_sj li .p2{font-size: 0.14rem;color: #fff;text-align: center;}






.p2_xxk_main .right{width: 5.55rem;display: none;}
.p2_xxk_main .right.on{display: block;}
.p2_xxk_main .right ul{min-height:5.66rem;}
.p2_xxk_main .right ul li{margin-bottom: 0.5rem;}
.p2_xxk_main .right ul li+li+li+li{margin-bottom: 0;}
.p2_xxk_main .right ul li a{display: flex;justify-content: space-between;}
.p2_xxk_main .right ul li .sj{width: 0.78rem;height: 0.76rem;background: url(../images23/sy_p2_right_sj.png) no-repeat;background-size: 100%;padding-top: 0.14rem;transition: 0.4s;}
.p2_xxk_main .right ul li .sj p{color: #990f00;transition: 0.4s;}
.p2_xxk_main .right ul li .sj .p1{font-size: 0.28rem;font-weight: 600;padding-left: 0.1rem;}
.p2_xxk_main .right ul li .sj .p2{font-size: 0.16rem;text-align: right;padding-right: 0.15rem;font-weight: 600;}
.p2_xxk_main .right ul li .con{width: calc(100% - 1rem);}
.p2_xxk_main .right ul li .con .bt{font-size: 0.18rem;line-height: 0.24rem;color: #333333;margin-bottom: 0.06rem;transition: 0.4s;height: 0.48rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.p2_xxk_main .right ul li .con .zy{font-size: 14px;line-height: 0.24rem;color: #737373;margin-bottom: 0.1rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.p2_xxk_main .right ul li .con .jt{}
.p2_xxk_main .right ul li .con .jt img{width: 0.4rem;}

.p2_xxk_main .right ul li a:hover .sj{background: url(../images23/sy_p2_right_sj_on.png) no-repeat;background-size: 100% !important;}
.p2_xxk_main .right ul li a:hover .sj p{color: #fff;}
.p2_xxk_main .right ul li a:hover .con .bt{color: #990f00;}

@media(max-width: 1024px){
	.page2{margin-top: -0.5rem;}
	.p2_xxk_main{flex-wrap: wrap;}
	.p2_xxk_nr .left{width: 100%;margin-bottom: 0.3rem;}

	.p2_xxk_box{width: 100%;}
	.p2_xxk_main{width: 100%;}
	.p2_xxk_main .right{width: 100%;}

.p2_xxk_main .right ul{min-height:unset;}
}
@media(max-width: 650px){
	.p2_lb .swiper-slide .con{position: relative;width: 100%;bottom: 0;background: #fff;box-shadow: 0 0 0.08rem rgba(0,0,0,.2);height: 1.3rem;padding: 0.25rem;}
	.p2_lb_sj{bottom: 1.8rem;}
}
@media(max-width: 480px){
	.p2_xxk_box ul{justify-content: flex-start;}
	.p2_xxk_box ul li{margin:0 0.1rem 0 0;}



}


.page3{background: #fff;}
.page3::after{content: "";display: block;width: 6.3rem;height: 3.34rem;background: url(../images23/sy_p3_left_bg.jpg) no-repeat center bottom;background-size: 100%;position: absolute;left: 0;bottom: 0;

	animation: dh_left 0.6s;animation-fill-mode: forwards;animation-delay: 0.5s;
	transform: translate(-1rem,0);opacity: 0;
}
.p3_tit_box{position: absolute;left: 0;top: 1.36rem;width: 100%;

	animation: dh_left 0.6s;animation-fill-mode: forwards;animation-delay: 0.5s;
	transform: translate(-1rem,0);opacity: 0;
}
.p3_tit_box .pc{margin-bottom: 0.2rem;}
.p3_tit_box .pc img{width: 2.9rem;}
.p3_tit_box .m{display: none;}
.part3{display: flex;justify-content: space-between;height: 100%;align-items: center;position: relative;padding-top: 0.68rem;}
.p3_left{}
.p3_right{display: flex;height: 100%;align-items: center;justify-content: flex-end;position: relative;}
.p3_lb_li{display: flex;position: absolute;top: 0;right: 0;z-index: 1;width: 100%;height: 100%;align-items: flex-end;}
.p3_lb_li div{width: 33.33%;height: calc(100% - 0.7rem);position: relative;

}
.p3_lb_li div.d1{	animation: dh_bottom 0.6s;animation-fill-mode: forwards;animation-delay: 0.5s;
	opacity: 0;}
.p3_lb_li div.d2{height: calc(100% - 1.3rem);align-self: flex-start;

	animation: dh_top 0.6s;animation-fill-mode: forwards;animation-delay: 0.5s;
	opacity: 0;

}
.p3_lb_li div.d3{	animation: dh_bottom 0.6s;animation-fill-mode: forwards;animation-delay: 0.5s;
	opacity: 0;}

.p3_lb_li div::after{content: "";display: block;width: 100%;height: 100%;background: url(../images23/sy_p3_right_li1.jpg) no-repeat bottom center;background-size: 100% 100% !important;border-radius: 300px 300px 0 0;transition: 0.4s;position: relative;top: 0;


}
.p3_lb_li div::before{content: "";display: block;width: 100%;height: 100%;background: url(../images23/sy_p3_right_li1_on.jpg) no-repeat bottom center;background-size: 100% 100% !important;border-radius: 300px 300px 0 0;position: absolute;top: 0.5rem;left: 0;z-index: 3;opacity: 0;transition: 0.4s;}





.p3_lb_li div.d2::after{border-radius: 0 0 300px 300px;background: url(../images23/sy_p3_right_li2.jpg) no-repeat top center;transition: 0.4s;


}
.p3_lb_li div.d2::before{border-radius: 0 0 300px 300px;background: url(../images23/sy_p3_right_li2_on.jpg) no-repeat top center;opacity: 0;z-index: 3;transition: 0.4s;top: -0.5rem;

}

.p3_lb_li div.d3::after{border-radius: 300px 300px 0 0;background: url(../images23/sy_p3_right_li3.jpg) no-repeat top center;transition: 0.4s;}
.p3_lb_li div.d3::before{border-radius: 300px 300px 0 0;background: url(../images23/sy_p3_right_li3_on.jpg) no-repeat top center;opacity: 0;z-index: 3;transition: 0.4s;}

.p3_lb_li div.on::after{opacity: 0;top: 0.5rem;}
.p3_lb_li div.on::before{opacity: 1;top: 0;}

.p3_lb_li div.d2.on::after{
	opacity: 0;
	top: -0.5rem;
}
.p3_lb_li div.d2.on::before{
	/* opacity: 1; */
	top: 0;
}



.p3_lb{overflow: hidden;width: 12.9rem;position: relative;z-index: 3;


	animation: dh_cen 0.6s;animation-fill-mode: forwards;animation-delay: 1s;
	opacity: 0;
}
   
.p3_lb .swiper-wrapper{ height: auto;}
.p3_lb .swiper-slide{    height: auto;}
.p3_lb .swiper-slide a{display: flex;padding: 0 0.3rem;flex-direction: column-reverse;}
.p3_lb .swiper-slide.swiper-slide-next a{flex-direction: column;}
.p3_lb .swiper-slide.swiper-slide-active a{flex-direction: column-reverse;}

.p3_lb .swiper-slide .img{padding-bottom: 59.5%;}
.p3_lb .swiper-slide .con{padding: 0.1rem 0.25rem 0.4rem;}
.p3_lb .swiper-slide.swiper-slide-next .con{padding: 0.4rem 0.25rem 0;}
.p3_lb .swiper-slide.swiper-slide-prev .con{padding: 0.4rem 0.25rem 0;}


.p3_lb .swiper-slide .con .bt{font-size: 0.18rem;color: #000000;font-weight: 600;margin-bottom: 0.3rem;line-height: 0.22rem;transition: 0.4s;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.p3_lb .swiper-slide .con .zy{font-size: 0.14rem;line-height: 0.22rem;color: #000000;opacity: 0.7;height: 0.88rem;overflow: hidden;margin-bottom: 0.2rem;transition: 0.4s;text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;}
.p3_lb .swiper-slide .con .jt{width: 0.68rem;height: 0.12rem;background: url(../images23/sy_p3_right_li_more.png) no-repeat center center;background-size: 100% !important;transition: 0.4s;display:none;}

.p3_lb .swiper-slide.swiper-slide-next .con .bt{color: #fff;}
.p3_lb .swiper-slide.swiper-slide-next .con .zy{color: #fff;opacity: 0.8;}
.p3_lb .swiper-slide.swiper-slide-next .con .jt{background: url(../images23/sy_p3_right_li_more_on.png) no-repeat center center;}


.p3_lb_jt{position: absolute;width: 2.8rem;display: flex;justify-content: space-between;bottom: 0.76rem;left: calc(50% - 1.4rem);}
.p3_lb_jt>div{position: relative;left: auto;top: auto;width: 0.5rem;height: 0.5rem;background:#f8f8f8 url(../images23/sy_p3_lb_jt_prev.png) no-repeat center center;background-size: 0.26rem !important;margin: 0;border: 0;    border-radius: 50%;}
.p3_lb_jt>div.swiper-button-next{background:#f8f8f8 url(../images23/sy_p3_lb_jt_next.png) no-repeat center center;}

@media(max-width: 1024px){
.p3_lb .swiper-slide .con .zy{height: auto;max-height: 0.88rem;}

	.part3{flex-wrap: wrap;padding-top: 0.2rem;}
	.p3_tit_box{position: relative;top: 0;left: 0;width: 100%;}
	.p3_tit_box>div{display: flex;justify-content: space-between;align-items: center;}
.p3_lb .swiper-slide a{flex-direction: column !important;}
.p3_lb_jt>div{    margin: 0 0.2rem;}
.p3_lb_jt{ width: auto;  flex-wrap: wrap;    margin: 0 auto;}
	.p3_right{    width: 100%;  flex-wrap: wrap;    margin: 0 auto;}
	.p3_lb{width: 100%;padding: 0.5rem 0 0.8rem;}
	.p3_lb_li div{width: 100%;height: 100%;}
	.p3_lb_li div.d2{display: none;}
	.p3_lb_li div.d3{display: none;}
	.p3_lb_li div::before{border-radius: 0;}
	.p3_lb_li div::after{border-radius: 0;}
	.p3_lb_jt{bottom: 0.3rem;}
	.p3_tit_box .pc img{width: 2rem;}
	.p3_lb .swiper-slide a{padding: 0 2.5%;}

	.p3_lb .swiper-slide.swiper-slide-active .con{padding-bottom: 0;padding-top: 0.3rem;}
	.p3_lb .swiper-slide.swiper-slide-active .con .bt{color: #333;}
.p3_lb .swiper-slide.swiper-slide-active .con .zy{color: #333;opacity: 0.8;}
.p3_lb .swiper-slide.swiper-slide-active .con .jt{background: url(../images23/sy_p3_right_li_more.png) no-repeat center center;}

.p3_lb .swiper-slide.swiper-slide-active .con .bt{font-size: 0.2rem;}

}


.page4{background: url(../images23/sy_p4_bg.jpg) no-repeat bottom right;background-size: cover;}
.page4.on{transform: none !important;top: -2.4rem !important;z-index: 1 !important;display: block !important;transition: 0.4s;}
.page4.onn{transform: none !important;top: 0em !important;z-index: 1 !important;display: block !important;transition: 0.4s;}

.part4{width: 100%;position: relative;}
.p4_tit_box{position: relative;margin-bottom: 0.28rem;
	animation: dh_top 0.6s;animation-fill-mode: forwards;animation-delay: 0.5s;
	transform: translate(0,1rem);opacity: 0;
}
.p4_tit_box .pc{display: table;margin: 0 auto;}
.p4_tit_box .pc img{width: 2.9rem;}
.p4_tit_box .m{display: none;}
.p4_tit_box .sy_more{position: absolute;right: 0;top: 57%;}
.p4_tit_box .sy_more p{}

.p4_lb{width: 100%;position: relative;overflow: hidden;padding-top: 0.2rem;
	animation: dh_bottom 0.6s;animation-fill-mode: forwards;animation-delay: 0.5s;
	transform: translate(0,1rem);opacity: 0;
}

.p4_lb_out{position: relative;}
.p4_lb_jt{position: absolute;left: -0.6rem;top: 50%;width: calc(100% + 1.2rem);}
.p4_lb_jt div{width: 0.5rem;height: 0.5rem;background: url(../images23/sy_p4_lb_jt_prev.png) no-repeat;background-size: 100% !important;border: none;margin: 0;left: 0;top: 0;pointer-events:unset !important;}
.p4_lb_jt .swiper-button-next{left: auto;right: 0;background: url(../images23/sy_p4_lb_jt_next.png) no-repeat;}

.p4_lb .swiper-slide{}
.p4_lb .swiper-slide a{display: block;padding: 0.3rem 0.6rem;transition: 0.4s;border: 1px solid rgba(155,0,0,0);position: relative;}
.p4_lb .swiper-slide .pic{width: 98%;margin: 0 auto 0.4rem;position: relative;}
.p4_lb .swiper-slide .pic img{width: 100%;position: relative;z-index: 3;}
.p4_lb .swiper-slide .pic::after{content: "";display: block;width: calc(100% + 0.6rem);height: 1.11rem;background: url(../images23/sy_p4_img_yy.png) no-repeat center center;position: absolute;bottom: -0.4rem;left: -0.3rem;z-index: 1;background-size: 100% !important;}
.p4_lb .swiper-slide .con{}
.p4_lb .swiper-slide .con .bt{font-size: 0.2rem;color: #000000;line-height: 0.24rem;font-weight: 600;margin-bottom: 0.1rem;}
.p4_lb .swiper-slide .zy{}
.p4_lb .swiper-slide .zy div{opacity: 0;transition: 0.4s;}
.p4_lb .swiper-slide .zy div p{font-size: 0.12rem;color: #fff;opacity: 0.5;display: inline-block;line-height: 20px;}
.p4_lb .swiper-slide .zy div p+p{}
.p4_lb .swiper-slide.on a .zy div{opacity: 1;}
.p4_lb .swiper-slide.on a{border: 1px solid rgba(155,0,0,1);background: url(../images23/sy_p4_li_on.jpg) no-repeat bottom center;background-size: 101%;transform: translate(0,-0.2rem);}
.p4_lb .swiper-slide.on a .con .bt{color: #fff;}


@media(max-width: 1024px){
	.p4_tit_box{position: relative;top: 0;left: 0;width: 100%;}
	.p4_tit_box>div{display: flex;justify-content: space-between;align-items: center;}
	.p4_tit_box .pc{margin: 0;}

	.p4_lb_jt{width: 100%;left: 0;top: 35%;}
	.p4_tit_box .pc img{width: 2rem;}
	.p4_lb .swiper-slide .zy div{opacity: 1;}
	.p4_lb .swiper-slide .zy div p{color: #000;}
	.p4_lb .swiper-slide a{padding-bottom: 0;padding-top: 0;}
	.p4_lb{padding-top: 0;}

	.p4_lb .swiper-slide .pic{width: 65%;}
}


@media(max-width: 650px){
	.p4_lb .swiper-slide .zy div p{font-size: 0.16rem;line-height: 0.24rem;}
}


.page5.on{transform: none !important;z-index: 1;transition: 0.4s;}

.page5{background: url(../images23/foot_bg.jpg) repeat;top: calc(100% - 2.4rem) !important;height: 2.4rem !important;}
.foot{height: 100%;}
.foot .w15{display: flex;justify-content: space-between;align-items: center;height: 100%;}
.foot .left{}
.foot .left h2{font-size: 0.2rem;color: #fff;margin-bottom: 0.16rem;}
.foot .left ul{width: 3.6rem;display: flex;flex-wrap: wrap;}
.foot .left ul li{}
.foot .left ul li a{display: block;min-width: 0.7rem;margin-right: 0.25rem;}
.foot .left ul li p{font-size: 0.16rem;color: #fff;opacity: 0.8;transition: 0.4s;line-height: 0.32rem;}
.foot .left ul li a:hover p{opacity: 1;}
.foot .cen{}
.foot .cen a{}
.foot .cen img{width: 3.3rem;}
.foot .right{display: flex;justify-content: flex-end;flex-direction: column;align-items: flex-end;}
.foot .right ul{display: flex;margin-bottom: 0.1rem;width: 3.6rem;justify-content: flex-end;}
.foot .right ul li{width: 0.5rem;height: 0.5rem;background: rgba(255,255,255,0.2);border-radius: 50%;margin-right: 0.06rem;position: relative;cursor: pointer;transition: 0.4s;}
.foot .right ul li .ewm{display: none;position: absolute;width: 1.5rem;height: 1.5rem;bottom: calc(100% + 0.1rem);left: calc(50% - 0.75rem);}
.foot .right ul li .ewm img{width: 100%;}
.foot .right ul li:hover .ewm{display: block;}
.foot .right ul li:hover{background: rgba(255,255,255,0.4);}
.foot .right ul li>img{width: 100%;}
.foot .right .bq{}
.foot .right .bq p{font-size: 0.14rem;color: #fff;opacity: 0.5;line-height: 0.2rem;}
.foot .right .bq a{font-size: 0.14rem;color: #fff;opacity: 0.5;line-height: 0.2rem;}


@media(max-width: 1650px){
  .w1600{width: 95%;}
  .head_bottom{width: 95%;}

  .sy_yc_lj{top: auto;bottom: 112px;right: .625rem;}
  .sy_yc_lj ul li p{display: none;}
  .sy_yc_lj ul li{height: 1.875rem;width: 1.25rem;}
  .sy_yc_lj ul li img{width: 1.25rem;}
}

@media(max-width: 1400px){
	.header .logo .box_table{width: 100%;}


}
@media(max-width: 1200px){
	.nav>ul>li{margin: 0 11.2px;}

}
@media(max-width: 1024px){
	.header{height: 60px;}

	.m_header_box{display: block;}
	html{overflow-y: auto;}

	#pages .page .intro{width: 95%;padding: 0.3rem 0;}
	.w15{width: 95%;}

	a.sy_more{position: relative !important;top: 0;left: 0;}

	.page5{height: auto !important;}
	.foot{padding: 0.3rem 0;}
	.foot .w15{flex-direction: column; align-items: center;justify-content: center;}
	.foot .cen{margin: 0.3rem 0;}
	.foot .left ul{width: 100%;}
	.foot .right ul{width: 100%;}
}
@media(max-width: 950px){


}
@media(max-width: 800px){

}
@media(max-width: 700px){

}

@media(max-width: 650px){
	#m_header .logo{width: 80%;}

}


#menu{position: fixed;right: 0.15rem;top: calc(50% - 0.7rem);z-index: 10000;width: 0.2rem;display: none;z-index:9;}
#menu.on{display: block;}
#menu ul{display: flex;flex-direction: column;justify-content: center;align-items: center;}
#menu li{margin: 0.1rem 0rem;cursor: pointer;position: relative;width: 0.15rem;height: 0.15rem;display: flex;justify-content: center;align-items: center;}
#menu li::after{content: '';width: 0.05rem;height: 0.05rem;background: #ff9c00;display: block;border-radius: 50%;transition:0.4s;}
#menu li.active::after{width: 0.15rem;height: 0.15rem;}

@media(max-width: 1024px){
	#menu{display: none !important;}
}







/*  */