@charset "utf-8";

@font-face {
    font-family: sy;
    src: url("sySong.woff");
}

@font-face {
    font-family: geo;
    src: url("georgia.ttf");
}

@font-face {
    font-family: geo-z;
    src: url("georgiaz.ttf");
}

body {
    position: relative;
    font-family: "Microsoft YaHei", "PingFang SC", Arial, Helvetica, sans-serif !important; width: 100%;
}
/*首页智能机器人*/
#robot{width: 80px;height:80px;background: #FFFFFF;box-shadow: 0px 2px 25px 4px rgba(202,202,202,0.27);border-radius: 10px 0 0px 10px;position: fixed;bottom: 100px;right: -1px; z-index: 9999999;}
#robot:hover{ box-shadow: 0px 2px 12px 0px rgba(28, 44, 60, 0.14); border: none;}
#robot:hover .rb{color: #CD4D65;font-weight: 600;}
#robot img{width: 30px; display: block; margin:  0 auto;margin-top:20px;}
#robot .rb{font-weight: 400;text-align: center;margin-top:10px;}
@media screen and (max-width: 1199px){
	.header_box {
	    display: block;
	}
	#logo {
	    max-width: 2.5rem !important;
	}
	.right-b{width:100% !important;}
	.header_box .wp{padding: 0 0.2rem !important;}
}

.wp {
    overflow: hidden;
}

.section {
    display: flex;
    align-items: center;
    height: 100vh !important;
}

.a_body {
    position: relative;
    z-index: 0;
}

.section {
    overflow: hidden;
}

.header_box_li {
    position: relative;
    z-index: 1;
}

.fp-tableCell {
    position: relative;
}

.header_box {
    z-index: 10000;
    height: 0px;
    position: fixed; 
    top: 0;
    width: 100%;
}

#header {
    z-index: 999;
    width: 100%;
    margin: 0 auto;
    transition: all 0.36s ease 0s;
    transform-origin: center center;
}
.header_box_li #header::before {content: "";position: absolute;height: 1.7rem;top: 0px;left: 0px;right: 0px;transition: all 0.2s;opacity: 1;visibility: visible;}
#header.xg::before {height: 100%; background: rgb(145 4 26);}
#header.xg .header-bc{background: none;}
.header-bc {
    content: "";
    position: absolute;
    height: 2rem;
    top: 0px;
    left: 0px;
    right: 0px;
    transition: all 0.2s;
    transform-origin: center center;
    opacity: 1;
    visibility: visible;
    background: url(heaer_bc_3.png) center top / 100% 100% repeat-x;
    pointer-events: none;
}
/*首页头部*/
.top_bg{height: 0.66rem; background: url(top_bg.jpg) no-repeat left top #a0051d;}
.header_top {
	float: right; margin-right: 5%;
    z-index: 10;
    overflow: hidden;
		height: 0.66rem;
}

#header .right {
    /* padding: 0 1rem 0 0; */
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: relative;
}

#header .right .right_btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 0.8rem;
}

#header .right .right_btn a {
    float: left;
}

#header .right .right_btn .en_btn {
    margin-right: 0.18rem;
}

#header .right .right_btn a img {
    width: 0.3rem;
    height: 0.45rem;
}

.right-b {
    display: flex;
    align-items: center;
    width: 85%;
    justify-content: flex-end;
}

.list_box0 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
		height: 0.66rem;
}

.list_box0 .li {
    font-size: 0.16rem;
    color: #fff;
    display: inline-block;
    padding-right: 0.02rem;
}
.list_box0 .li a img.img-home {
    width: .25rem;
    margin-right: .06rem;
    margin-top: -0.02rem;
}
.list_box0 .li.login a img{
    width: .21rem;
	height: .23rem;
    margin-right: .06rem;
    margin-top: -0.02rem;
}

.list_box0 .li.login .hasLogin {
    cursor: pointer;
    position: relative;
}

.list_box0 .li.login .hasLogin>a {
    font-weight: normal;
    padding-right: 0.42rem;
    background: url(login-bottom.png) no-repeat center right;
    background-size: auto 0.42rem;
}

.list_box0 .li.login .hasLogin.on>a {
    background: url(login-top.png) no-repeat center right;
    background-size: auto 0.42rem;
}

.list_box0 .li.login .hasLogin .hasLoginDiv {
    display: none;
    background: #FFF;
    border-radius: 0.05rem;
    position: absolute;
    top: 0.42rem;
    left: 0;
    width: max-content;
    padding: 0.05rem 0.1rem;
}

.list_box0 .li.login .hasLogin .hasLoginDiv a {
    color: #666666;
    font-size: 0.14rem;
    display: block;
    text-align: left;
}

.list_box0 .li.login .hasLogin:hover .hasLoginDiv {
    display: block;
}



.list_box0 .li a {
    transition: 0.5s;
    transform-origin: center center;
    padding: 0 .15rem;
    align-items: center;
    position: relative;
		line-height: 0.17rem;
		display: inline-block;
}

.list_box0 .li a::after {
    content: "";
    position: absolute;
    right: 0;
    top: -0.04rem;
    width: 1px;
    height: 0.3rem;
    background: #f14262;
}
.list_box0 .li:nth-child(2) a::after {background: none;}
.list_box0 .li:first-child a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.04rem;
    width: 1px;
    height: 0.1rem;
    background: #FFF;
}

.list_box0 .li:first-child a::before {
    display: none;
}

.list_box0 .li a:hover {
    color: #ff9d03;
}

.list_box0 .header_top_btn a {
    padding: 0 0.08rem;
}

.list_box0 .header_top_btn a::after {
    background: none;
}

.list_box0 .header_top_btn a.search_btn {
    padding: 0;
}

.list_box0 .header_top_btn a.search_btn img {
    width: 0.37rem;
   
}

.wp {
    max-width: inherit;
}
.header_box .wp {
    height: 1.3rem;
    display: flex;
    justify-content: space-between;
    transition: all 0.5s;
    transform-origin: center center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    padding: 0 .5rem;
		overflow: inherit;
}

#logo {
    padding: 0px;
    position: relative;
    max-width: 5.38rem;
}

#logo img {
    max-width: 100%;
    transition: all 0.5s ease 0s;
    transform-origin: center center;
		width: 5.38rem;
		height: auto;
}

#nav {
    width: 100%; /* max-width: 11rem; */
}

#nav ul {
    display: flex;
    justify-content: space-between;
}

#nav ul li {
    float: left;
    z-index: 0;
    height: 100%;
    position: relative; /* padding: 0 0.18rem; */
}

#nav ul li a {
    display: block;
    padding: 0px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    display: flex;
    flex-direction: column;
}

#nav ul li h3 {
    font-size: 0.18rem;;
    color: #fff;
    line-height: 0.48rem;
    position: relative;
    transition: all 0.36s ease 0s;
    transform-origin: center center;
    display: inline-block;
    font-weight: bold;
}

#nav ul li h3::after {
    content: "";
    position: absolute;
}

#nav ul li a:hover h3 {
    color: #ff9d03;
}

#nav ul li .sub {
    position: absolute;
    top: 100%;
    background: rgb(255, 255, 255);
    width: auto;
    left: 50%;
    z-index: 10000;
    transform: translateX(-50%) scaleY(0);
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease 0s;
    transform-origin: center top;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px;
    border-radius: 0px 0px 0.08rem 0.08rem;
    min-width: 1.6rem;
}

#nav ul li .sub::after {
    content: "";
    height: 3px;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: #ff9d03;
}

#nav ul li .sub .box {
    padding: 0.14rem 15px;
    text-align: center;
}

#nav ul li .sub a {
    padding: 8px 0;
    line-height: 0.28rem;
    transition: all 0.6s ease 0s;
    transform-origin: center center;
    font-size: 0.16rem;
    color: rgb(51, 51, 51);
    text-align: center;
    white-space: nowrap;
    display: block;
}

#nav ul li .sub a span {
    display: inline-block;
    line-height: 1.3;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
}

#nav ul li .sub a:hover {
    color: #a0051d; /* background: #3364AE; */
}

#nav ul li .sub a:hover span {
    border-bottom: 1px solid #3364AE;
}

#nav ul li:hover .sub {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) scaleY(1);
}

#nav > ul > li.on h3, #nav ul li:hover h3, #header.xg #nav ul li.on a h3, #header.xg #nav ul li:hover a h3 { /* color: #fff; *//* opacity: .8; */
}

#nav > ul > li h3::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    right: -0.22rem;
    top: 50%;
    margin-top: -6px;
    transition: all 0.3s ease 0s;
    transform-origin: center center;
    background: url("") center center / 100% no-repeat;
    display: none;
}

#nav > ul > li.xiala h3::before {
    display: block;
}

#nav > ul > li:hover h3::after, #nav ul li.on h3::after {
    transform: scale(1);
    transform-origin: center center;
}

#nav > ul > li.noSubMenu h3::before {
    display: none;
}

#header .right .li .img2 {
    display: none;
}

#header.xg::before {
    height: 100%;
}

.header_box .xg .wp {
    height: 1.3rem;
    align-items: center;
}

/* .header_box .xg .header_top{display:none;} */
#header.xg #logo .img2 {
    display: block
}

#header.xg #logo .img1 { /* display:none; */
	width: 5.38rem;
	height: auto;
}

#header.xg #nav ul li h3 { /* color:#333; */
}

#header.xg .list_box0 .li { /* color:#666; */
}

#header.xg .list_box0 .li a { /* border-right:1px solid #666; */
}

#header.xg .right .li .img2 {
    display: block;
}

#header.xg .right .li .img1 { /* display: none; */
}

#m_nav * {
    transition: all 0s ease 0s;
    transform-origin: center center;
}

.m_header_box {
    transition: all 0.6s ease 0s;
    transform-origin: center center;
    display: none;
    position: relative;
    z-index: 100000;
    height: .8rem;
}


.m_header_box header {
    padding: 0px 0px 0px 15px;
    height: 0.8rem;
    background: #4476c7;
    /* box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 5px; */
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 100;
    display: flex;
    justify-content: space-between;
    align-items: center;
		overflow: hidden;
}

.m_header_box.xg header{background: url(heaer_bc_3.png) center top / 100% 100% repeat-x; }


.m_header_box header #logo img {
		width: auto;
    height: auto;
    max-height: 0.6rem;
    padding: 0.05rem;
}

.m_header_box header #logo {
    padding: 0px;
    width: calc(100% - 80px);
}

#m_nav .list_box0 .li > a {
    margin: 0;
}

/*导航按钮开始*/
#nav_btn_box.on {
    background: none;
}

#nav_btn_box {
    position: relative;
    width: .8rem;
    height: .8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

#nav_btn_box:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
}

#nav_btn_box:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0px;
    left: -12px;
    border-right: #fff 12px solid;
    border-bottom: transparent .8rem solid;
}

#nav_btn {
    cursor: pointer;
    text-align: center;
    z-index: 99999;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transform-origin: center center;
    outline: none;
    box-shadow: none;
}

#nav_btn .point {
    display: inline-block;
    width: 0.40rem;
    height: 0.22rem;
    position: relative;
    outline: none;
}

#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before {
    width: .28rem;
}

#nav_btn .navbtn {
    position: absolute;
    top: 12px;
    left: 0;
    display: inline-block;
    width: 0.18rem;
    height: 2px;
    -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;
    transform-origin: center center;
    background: #4476c7;
}

#nav_btn .navbtn::after, #nav_btn .navbtn::before {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 24px;
    height: 2px;
    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;
    transform-origin: center center;
    background: #4476c7;
}

#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: center; */
    width: 100%;
    height: 100%;
    overflow: auto;
    align-items: center;
    display: flex;
    background: rgba(255, 255, 255, .1);
}

.m_nav_list::-webkit-scrollbar {
    display: none
}

#m_nav {
    z-index: 99999;
    position: fixed;
    width: 100%;
    height: 100vh;
    right: -105vw;
    top: 0;
    display: none;
    padding: 0.8rem 20px 30px;
    overflow: hidden;
    pointer-events: none;
    transition: all 0.3s ease-out;
    transform-origin: center center;
    -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: #f7f7f7;
    background-size: cover;
    opacity: 0;
    visibility: hidden;
}

#m_nav .close {
    position: absolute;
    top: 7px;
    right: 15px;
    left: 15px;
    font-size: 30px;
    color: #333;
    z-index: 10000;
    width: auto;
    height: 35px;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 0;
}

#m_nav.act {
    pointer-events: auto;
    right: 0;
    opacity: 1;
    visibility: visible;
}

#m_nav .search_box input.submit {
    background: #3364AE url(submit.svg) center no-repeat;
    background-size: .28rem;
}

#m_nav .list_box0 {
    text-align: center;
    width: 100%;
    justify-content: flex-start;
    margin: .32rem 0 0;
    flex-wrap: wrap;
    height: 0.4rem;
}

#m_nav .list_box0 .li {
    text-align: left;
    color: #3364AE;
    margin: 0 .12rem 0.15rem 0;
    font-size: 0.14rem;
    padding: 0;
    min-width: 1rem;
}

#m_nav .old_rukou {
    margin: .24rem 0 0;
    width: 100%;
}

.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;
}


/* 点击搜索框获取焦点 placeholder消失-结束 */
/* pc搜索 */
.search_btn {
    cursor: pointer;
}

.search_btn svg {
    fill: rgb(255, 255, 255);
    width: 0.16rem;
    height: 0.16rem;
}

.search-dialog-box {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100vh;
    z-index: 1000000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s ease 0s;
    transform-origin: center center;
}

.search-dialog-box::before {
    content: "";
    position: absolute;
    top: 0px;
    height: 0px;
    background: #3364AE;
    transition: all 0.6s ease 0s;
    transform-origin: center center;
    left: 0px;
    right: 0px;
    z-index: 1;
    opacity: 0.9;
}

.search-dialog-box.on::before {
    height: 100%;
    display: none;
}

.search-dialog-box .bubbles-bg {
    opacity: 0;
    visibility: hidden;
    display: none;
}

.search-dialog-box .search-bg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 0px;
    margin: 0px;
    background: 0% 0% / cover no-repeat rgba(0, 0, 0, 0.7);
    transform-origin: center center;
    transition: height 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0s;
    transform-origin: center center;
}

.search-dialog-box .wrap-inner {
    transform: translateY(100%);
    transition: all 0.6s ease 0s;
    transform-origin: center center;
}

.search-dialog {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 2;
}

.search-dialog .search-tit {
    font-size: 0.44rem;
    line-height: 0.56rem;
    color: rgb(255, 255, 255);
    text-align: center;
    overflow: hidden;
    display: none;
}

.search-dialog .search-inner {
    overflow: hidden;
    margin-top: 0px;
}

.search-dialog .search-input {
    width: 8rem;
    margin: 0px auto;
    background-color: rgba(255, 255, 255, 0.1);
    box-sizing: border-box;
    transition: all 0.3s ease 0s;
    transform-origin: center center;
    max-width: 94%;
}

.search-dialog .search-input input[type="text"] {
    float: left;
    height: 0.7rem;
    width: calc(100% - 1rem);
    background-color: rgb(255, 255, 255);
    font-size: 0.18rem;;
    line-height: 0.08rem;
    color: #666;
    transition: all 0.3s ease 0s;
    transform-origin: center center;
    padding: 0px 0.18rem;
}

.search-dialog .search-input input[type="submit"], .search-dialog .search-input .clear-btn {
    float: right;
    height: 0.7rem;
    width: 1rem;
}

.search-dialog .search-input input[type="submit"] {
    background-color: #a0051d;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 0.4rem;
    background-image: url("search-btn.svg");
    font-size: .2rem;
    color: #fff;
}

.search-dialog .search-input .clear-btn {
    background-color: rgba(0, 0, 0, 0.2);
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("close-btn.svg");
    background-size: 0.56rem;
    border-radius: 100%;
    margin-right: 0.16rem;
    display: none;
}

.search-dialog .search-input.on {
    background-color: rgb(255, 255, 255);
}

.search-dialog .hot-search {
    font-size: 0px;
    width: 0.49rem;
    margin: 0.096rem auto 0px;
    box-sizing: border-box;
    padding: 0px 0.096rem;
    overflow: hidden;
}

.search-dialog .hot-search .hot-tit, .search-dialog .hot-search .hot-link {
    display: inline-block;
    zoom: 1;
    vertical-align: top;
}

.search-dialog .hot-search .hot-tit {
    font-size: 0.06rem;
    line-height: 0.08rem;
    color: rgb(255, 255, 255);

    padding-left: 0.096rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 0.08rem;
}

.search-dialog .hot-link {
    margin-left: 0.16rem;
}

.search-dialog .hot-link a {
    display: inline-block;
    zoom: 1;
    font-size: 0.06rem;
    line-height: 0.08rem;
    margin-right: 0.12rem;
    color: rgb(255, 255, 255);
    padding-bottom: 5px;
    position: relative;
}

.search-dialog .hot-link a::before {
    content: "";
    position: absolute;
    left: 0%;
    bottom: 0px;
    width: 100%;
    height: 2px;
    background-color: rgb(255, 255, 255);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.3s ease 0s;
}

.search-dialog-box .bottom-box {
    position: absolute;
    left: 0px;
    bottom: 5.1%;
    width: 100%;
}

.search-dialog-box .bottom-box .share-box {
    overflow: hidden;
}

.search-dialog-box .bottom-box .copy {
    font-size: 0.35rem;
    line-height: 0.5rem;
    color: rgb(255, 255, 255);
    font-family: gilroy-regular;
    margin-top: 0.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(0px);
}

.pub-close {
    position: absolute;
    width: 0.48rem;
    height: 0.48rem;
    z-index: 10;
    right: 0.24rem;
    top: 0.216rem;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 100%;
}

.pub-close .bg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #3364AE;
    transform: scale(0);
    border-radius: 100%;
    transition: transform 0.3s ease 0s;
    transform-origin: center center;
}

.pub-close i {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: 0.12rem;
    background-repeat: no-repeat;
    background-image: url("close-btn.svg");
    transition: all 0.6s ease 0s;
    transform-origin: center center;
}

.pub-close i:hover {
    transform: rotate(180deg);
}

@keyframes spin {
    100% {
        transform: rotate(1turn);
    }
}

@keyframes spin2 {
    100% {
        transform: rotate(-1turn);
    }
}

@keyframes spin-reverse {
    0% {
        transform: rotate(1turn);
    }
}

@keyframes spin-reverse2 {
    0% {
        transform: rotate(-1turn);
    }
}

/* banner */
.main-visual-wrapper {
    width: 100%;
    overflow: hidden;
    height: 100%;
}

.main-visual-slider {
    overflow: hidden;
    width: 100vw;
    position: relative;
}

.main-visual-slider .swiper-slide {
    overflow: hidden;
}

.main-visual-slider .swiper-container {
    width: 100%;
}

.main-visual-slider .swiper-slide-active .imged.scalcImg {
    transform: scale(1);
    transition: all 6s ease;
    transform-origin: center center;
}

/* .main-visual-slider video {
    transform: scale(1.2);
} */

.swiper-box1 .imged {
    padding-bottom: 100vh;
}

.slide-inner {
    overflow: hidden;
}

.main-visual-slider .imged.scalcImg {
    transform: translate3d(0px, 0px, 0px) scale(1.5);
    transition: all 6s ease;
    transform-origin: center center;
}

.swiper-box1 .imged::after {
    width: 100%;
    height: 1.5rem;
    background: url(banshad.png) no-repeat;
    background-size: 100% 100%;
}

.ban-dot {
    position: relative;
    margin-top: -0.5rem;
    height: 0.5rem;
		display: flex;
		justify-content: center;
}

.ban-dot .swiper-pagination span {
    width: 0.15rem;
    height: 0.15rem;
    margin: 0px 0.05rem !important;
    font-size: 0rem;
    position: relative;
    opacity: 1;
    background: #fff;
}

.ban-dot .swiper-pagination span.swiper-pagination-bullet-active {
    background: #a0051d;
}


.swiper-box1 .icon-play {
	display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 4;
    color: #fff;
    font-size: .4rem;
    text-shadow: 0 0 10px rgba(0, 0, 0, .15);
    opacity: .8;
}

.swiper-box1 a.list_vtc {
    display: none;
}
@media(max-width: 1280px){
  .swiper-box1 a.list_vtc{display: block;}
  .swiper-box1 .pc{display: none;}
	.section{height: max-content !important;}
	.fp-tableCell{height: max-content !important;}
}


/* common */

/* home-title */
.home-title {
    width: 100%;
    overflow: hidden;
    padding-bottom: 0.1rem;
    margin-bottom: 0.26rem;
		position: relative;
}

.home-title .home-title-tit {
    float: left;
    margin-right: 0.42rem;
    cursor: pointer;
}

.home-title .home-title-tit:last-child {
    margin-right: 0;
}

.home-title .home-title-tit p {
    font-size: 0.16rem;
    height: 0.18rem;
    line-height: 0.18rem;
    color: #888888;
		font-family: sy;
		font-weight: bold;
		text-align: left;
		padding-left: 0.15rem;    margin-top: 0.1rem;
}

.home-title .home-title-tit h3 {
    font-size: 0.36rem;
    height: 0.4rem;
    line-height: 0.4rem;
    color: #000;
		font-family: sy;
    position: relative;
		text-align: left; padding-left: 0.15rem;
}
.home-title .home-title-tit h3 span{color: #a1051f;font-family: sy;}

.home-title-more {
    display: none;
    float: right;
    cursor: pointer;
    color: #a0051d;
    height: 0.58rem;
    line-height: 0.58rem;
    font-size: 0.16rem;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    transform-origin: center center;
}

.home-title-more:hover {
    transform: translateX(-0.1rem);
}


.home-title .home-title-tit.active h3 { color: #000000;}

.home-title .home-title-tit2.active h3 {color: #000000;}

.home-title .home-title-tit.active h3::before {content: "";  position: absolute; height: 0.34rem; width: 0.05rem; background: #f8743a; top: 0.06rem; left: 0px; right: 0px;}

.home-title-more {
    position: relative;
}

.home-title-more.active {
    display: flex;
    align-items: center;
}

.home-title .n-title-right {
		height: 0.65rem;
    font-size: 0.22rem;
    height: 100%;
    /* cursor: pointer; */
    display: none;
		position: absolute;
		top: 0;
		right: 0;
}

.home-title .n-title-right.active {
    display: block;
    /* align-items: center; */
}

.home-title .n-title-right a {
    transition: 0.5s;
    transform-origin: center center;
    transform: translateX(-0.225rem);
    color: #a0051d;
    align-items: center;
		height: 0.65rem;
		line-height: 0.65rem;
		font-family: sy;
		position: relative;
		display: block;
		padding: 0 0.3rem;
		z-index: 5;
}
.home-title .n-title-right:hover a{
	transform: translateX(-0.13rem);
}

.home-title .n-title-right a:hover {
    transform: translateX(-0.13rem);
}

.home-title .n-title-right a img {
		position: absolute;
		right: 0;
		top: 0.225rem;
		width: 0.2rem;
		height: 0.2rem;
}



.home-title .n-title-right.n-white-bc::after {
    position: absolute;
    content: '';
    width: 0.65rem;
    height: 0.65rem;
    border-radius: 50%;
    left: auto;
    right: 0;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    background: linear-gradient(221deg, rgba(234, 241, 247, 0.3) 15%, rgba(236, 237, 247, 0) 85%);
}

.home-title2 {text-align: center;}

.home-title2 .home-title-tit2{
	height: 0.65rem;
	position: relative;
	padding: 0.075rem 0 0.075rem 0.6rem;
	display: inline-block;
}

.home-title2 .home-title-tit2 img{
	width: 0.5rem;
	height: 0.5rem;
	position: absolute;
	left: 0;
	top: 0.075rem;
}

.home-title2 .home-title-tit2 h3{
	font-size: 0.36rem;
	height: 0.5rem;
	line-height: 0.5rem;
	color: #C2C2C2;
	font-family: sy;
}

.home-new-title {
    display: flex;
    width: 100%;
    justify-content: center;
    position: relative;
    margin-bottom: 0.5rem;
    height: 0.68rem;
    z-index: 10;
    align-items: center;
}

.n-flex-left {
    justify-content: flex-start;
}

.n-color-white {
    color: #fff !important;
}

.home-new-title .n-title-left {
    display: flex;
    align-items: center;
    font-size: 0.34rem;
    font-family: sy;
    transition: .5s;
    transform-origin: center center;
    transform: translateY(0px);
    cursor: default;
}

.n-zhxw .n-title-left {
    cursor: pointer;
}

.n-zhxw .n-title-left.active {
    color: #a0051d;
}
.n-title-left:hover{
    transform: translateY(-5px);
}

.home-new-title .n-title-left img {
    width: 0.5rem;
    height: 0.5rem;
    margin-right: 0.15rem;
}

.home-new-title .n-title-right {
    font-size: 0.22rem;
    right: 0;
    height: 100%;
    cursor: pointer;
    display: none;
}

.home-new-title .n-title-right.active {
    display: flex;
    align-items: center;
    position: absolute;
}

.home-new-title .n-title-right span {
    transition: 0.5s;
    transform-origin: center center;
    transform: translateX(-33px);
    color: #a0051d;
    display: flex;
    align-items: center;
}

.home-new-title .n-title-right span a {
    font-family: sy
}

.home-new-title .n-title-right span:hover {
    transform: translateX(-13px);
}

.home-new-title .n-title-right span img {
    margin-left: 0.1rem;
}

.home-new-title .n-title-right::after {
    position: absolute;
    content: '';
    width: 0.65rem;
    height: 0.65rem;
    border-radius: 50%;
    left: auto;
    right: 0;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    background: linear-gradient(221deg, rgba(1, 133, 239, 0.3) 15%, rgba(255, 255, 255, 0) 85%);
}

.home-new-title .n-title-right.n-white-bc::after {
    position: absolute;
    content: '';
    width: 0.65rem;
    height: 0.65rem;
    border-radius: 50%;
    left: auto;
    right: 0;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    background: linear-gradient(221deg, rgba(234, 241, 247, 0.3) 15%, rgba(236, 237, 247, 0) 85%);
}

.tabItem {
		display: none;
    height: 6.85rem;
    /* opacity: 0; */
    transition: .5s;
    transform-origin: center center;
}

.tabItem.active {
		display: block;
    /* opacity: 1; */
}

.home-title-more.active::after {
    content: '';
    background: url(moreTwo.png) no-repeat;
    width: 0.18rem;
    height: 0.18rem;
    background-size: 100% 100%;
    display: block;
    margin-left: 0.04rem;
}

.home-title-more.more1::after {
    content: '';
    background: url(moreTwo.png) no-repeat;
    width: 0.18rem;
    height: 0.18rem;
    background-size: 100% 100%;
    margin-left: 0.04rem;
    display: inline-block;
    position: relative;
    top: 4px;
}


@media screen and (min-width: 1200px) {
}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 768px) {
	.home-title .home-title-tit h3{font-size: 0.24rem; height: 0.32rem; line-height: 0.32rem;}
	.home-title .home-title-tit h3::after{height: 0.02rem;}
	.home-title .home-title-tit p{font-size: 0.12rem; height: 0.16rem; line-height: 0.16rem;}
  .home-title .n-title-right{font-size: 0.18rem; height: 0.5rem;}
	.home-title .n-title-right a{height: 0.5rem; line-height: 0.5rem; padding-right: 0.28rem; transform: translateX(-0.16rem);}
	.home-title .n-title-right::after{width: 0.5rem; height: 0.5rem;}
	.home-title .n-title-right a img{width: 0.18rem; height: 0.18rem; top: 0.16rem;}

}
@media screen and (max-width: 600px) {
}

@media screen and (max-width: 420px) {
} 

/* home1 */
.title {
    justify-content: space-between;
    margin-bottom: .4rem;
    align-items: center;
    position: relative;
}

.title .h3 {
    align-items: center; /* display: flex; */
    align-items: center;
}

.title .h3 .ico {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: linear-gradient(270deg, #017EED 0%, #0053D2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.title h3 {
    font-size: 0.34rem;
    color: #333;
    font-family: sy;
    cursor: pointer;
    line-height: 1.35;
    padding-left: 0.15rem;
}

.more {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.more a {
    font-size: 0.22rem;
    color: #0053D2;
    line-height: 1.2;
    transition: 0.5s;
    transform-origin: center center;
    padding-right: 0.3rem;
    display: block;
}

.more a::after {
    width: 0.65rem;
    height: 0.65rem;
    border-radius: 50%;
    left: auto;
    right: 0;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    background: linear-gradient(221deg, rgba(1, 133, 239, 0.3) 15%, rgba(255, 255, 255, 0) 85%);
}

.more a span {
    align-items: center;
    font-family: 'sy';
    transition: 0.5s;
    transform-origin: center center;
}

.more a img {
    display: inline-block;
    margin-left: 0.1rem;
    width: 0.18rem;
}


.home1 .title .h3 {
    margin: 0 auto;
}

.home1 {
    background: url(home1_bg.jpg) no-repeat top center;
    position: relative;
    background-size: 100% auto;
	padding: 0.6rem 0 0.5rem 0; z-index: 9999;
}
.home1 .wp{
	overflow: initial;
}

.home1-t {
    justify-content: space-between;
}

.home1-t .left {
    width: 100%;
    overflow: hidden;
    position: relative;
	height: 6.5rem; border-bottom: 1px solid #dac28c;
}

.home1-t .right {
    width: 100%;
}

.home1-t .left li a {
		display: block;
    position: relative;
		padding-right: 65%;
		height: 5.53rem;
}

.home1-t .left .scale {
    width: 65%;
    height: 5.38rem;
	position: absolute;
	right: 0;
	top: 0;
}



.home1-t .left .imged {
	padding-bottom: 5.38rem;
	transform: translate3d(0px, 0px, 0px) scale(1.1);
	transition: all 1s ease;
	transform-origin: center center;
}

.home1-t .left .swiper-slide-active .imged{
	transform: translate3d(0px, 0px, 0px) scale(1);
	transition: all 3s ease;
	transform-origin: center center;
}
.home1-t .left a:hover .imged{
	transform: scale(1);
}

.home1-t .left a:hover .imged:hover{
	transform: translate3d(0px, 0px, 0px) scale(1.1);
	transition: all 1s ease;
	transform-origin: center center;
}

.home1-t .left li{
	padding: 0 0 0  1px;
}
.home1-t .left li .con {
	width: 100%;
    float: left;
    padding: .2rem .3rem .85rem .3rem;
    z-index: 10;
    background: #fff;box-shadow:0 7px 7px 1px rgba(148,157,172,.18);
}

.home1-t .left li .con h3 {
    font-size: 0.3rem;
    height: 0.96rem;
    line-height: 0.48rem;
    color: #000;
    text-align: left;
    cursor: pointer;
}

.home1-t .left li .con h3:hover {
    color: #a0051d;
}

.home1-t .left li .con p.time {
    font-size: 0.18rem;
	height: 0.22rem;
	line-height: 0.22rem;
    color: #999999;
    font-family: sy;
    margin-top:0.2rem;
    margin-bottom: 0.2rem;
}
.home1-t .left li .con p.time span{font-family: sy; font-size: 0.3rem; color: #a0051d;}

.home1-t .left li .con div {
    font-size: 0.17rem;
    width: 100%;
    /* height: 3.22rem; */
    text-align: justify;
    line-height: 0.46rem;
    color: #828588;
    text-indent: 2em;
    margin-top: 0.2rem;
    overflow: hidden;
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
}

.home1-t .left .arrow {
    width: 5.7rem;
    align-items: center;
    position: absolute;
    right: 0; bottom: 0.52rem; 
}

.home1-t .left .arrow .img {
    width: 0.43rem;
}

.home1-t .left .arrow .cir {
    padding: 0 0.04rem;
    position: relative;
    bottom: auto;
    display: flex;
    align-items: center;
}

.home1-t .left .arrow .h1-arr {
    width: max-content;
    overflow: hidden;
    padding: 0;
    margin: auto;
}

.home1-t .left .arrow .cir span {
    height: 0.3rem; width:0.3rem; line-height: 0.3rem;
    color: #666666;
    opacity: .5;
    font-size: 0.16rem;
    margin: 0 .07rem !important;
}

.home1-t .left .arrow .cir span.swiper-pagination-bullet {
    background: none;
    font-family: sy;
}

.home1-t .left .arrow .cir span.swiper-pagination-bullet-active {
 display: block; color: #fff;opacity: 1; background: #f28b5d; border-radius: 50%; 
}

.home1-t .left .arrow .swiper-pagination {
    position: absolute;
    right: 0.12rem;
    top: 0.1rem;
}

.home1-t .left .arrow .swiper-pagination-all {
    position: absolute;
    right: 0;
    top: 0.1rem;
    font-size: 0.34rem;
    color: #000;
    font-family: sy;
}
.home1-t .left .arrow .swiper-pagination-all:before{
	content: "/";
	font-size: 0.26rem;
	color: #000;
	font-family: sy;
}

.home1-t .h1-arr .arror {
    position: relative;
    top: auto;
    left: auto;
    right: 0;
    width: 0.54rem;
    height: 0.54rem;
    line-height: 0.54rem;
    margin: 0 0 0 .2rem;
    transition: 0.5s;
    transform-origin: center center;
    border-radius: 50%;
	border: 0.02rem solid #3d6bb2;
}



.home1-t .h1-arr .swiper-button-next img {
    transform: rotateY(180deg)
}

.home1-t .h1-arr .arror::after {
    display: none;
}

.home1-t .h1-arr .arror img {
    width: .24rem;
}

.home1 .link-news{
	position: absolute;
	left: 0.14rem; 
	bottom: 0.16rem;
	z-index: 5;
	height: 0.2rem;
	line-height: 0.2rem;
}
.home1 .link-news a{
	display: block;
	color: #333333;
	padding-right: 0.6rem;
	transition: 0.5s;
	transform-origin: center center;
	transform: translateX(-0.1rem);
	background: url(home1-more.png) no-repeat right center;
	background-size: 0.49rem 0.13rem;
	font-size: 0.16rem;
	
}
.home1 .link-news a:hover{
	transform: translateX(0);
}

.home1-t .right .right-left {width: 49%;}
.home1-t .right .right-left ul {
    margin-top: 0.35rem;
    display: flex;
    justify-content: space-around;
	margin-left: -0.1rem;
}

.home1-t .right .right-left ul li {
    float: left;
    width: 47%;
    cursor: pointer;
    background: url(shu_03.png)no-repeat right bottom #fff;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    transform-origin: center center;
    /* display: flex; */
    cursor: pointer;
	padding: 0.32rem;
}

.home1-t .right .right-left ul li .li-title {
    display: flex;
    flex-direction: column;
}

.home1-t .right .right-left ul li .li-title h2 {
    height: 0.48rem;
    line-height: 0.24rem;  
    font-size: 0.18rem;;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #000;
}
.home1-t .right .right-left ul li .li-time {color: #888888;	font-size: 0.16rem; font-family: sy; margin: 0.1rem 0;}

.home1-t .right .right-left ul li .li-title p {
    color: #999999;
    font-size: 0.16rem;
    overflow: hidden;
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 0.22rem;
	padding: 0 0.05rem 0 0;
	height: 0.44rem;
}

.home1-t .right .right-left ul li:hover {
    transform: translateY(-0.1rem);
}

.home1-t .right .right-left ul li:hover h2 {
    color: #a0051d;
}
.home1-t .right .right-right{width: 49%;}
.home1-t .right .right-right ul{margin-top: 0.35rem;background: url(shu_03.png)no-repeat right bottom #fff; padding: 0.32rem;}
.home1-t .right .right-right ul li{padding: 0.134rem 0;  transition: transform 0.3s ease, box-shadow 0.3s ease;}
.home1-t .right .right-right .news-li {display: block; line-height: 1; color: #333;}
.home1-t .right .right-right .news-li .time {float: right; padding-left: 0.25rem; color: #9d9d9d; font-size: 16px;}
.home1-t .right .right-right .news-li .title {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; background: url(block-red.jpg) no-repeat left center; padding-left: 0.15rem; margin-bottom: 0;}
.home1-t .right .right-right ul li:hover {transform: scale(1) translateY(-1px);-ms-transform: scale(1) translateY(-1px);-moz-transform: scale(1) translateY(-1px);-webkit-transform: scale(1) translateY(-1px);-o-transform: scale(1) translateY(-1px);transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;}

.home1-t .right .right-right ul li:hover .news-li .title {color: #a0051d;}

/*home2-t通知公告*/
.home2-t{background: #a1051f; padding: 0 0.15rem; position: relative; margin-top: 1rem;z-index: 99;}
.home2-t:before{content: ""; position: absolute; height: 0.49rem; width: 100%; background: url(home2-t-bg.png) no-repeat center top; top: -0.49rem; left: 0px;  right: 0px;}
.home2-t .home-title{text-align: center; overflow: inherit;}
.home2-t .home-title .home-title-tit{margin: 0 auto; float: none;}
.home2-t .home-title .home-title-tit span{position: absolute; left: 50%; margin-left: -0.2rem; top: -0.22rem ; display: inline-block;}
.home2-t .home-title .home-title-tit.active h3{padding-left: 0; color: #fff;text-align: center;padding-top: 0.14rem;}
.home2-t .home-title .home-title-tit.active h3::before{background: none;}
.home2-t .home-title .home-title-tit p{padding-left: 0; color: #fff; text-align: center;margin-top: 0.2rem;}

.home2-t ul{overflow: hidden; padding-bottom: 0.5rem;}
.home2-t ul li {height: 1.05rem;border-bottom: 1px solid #e8bd98;width: 32%; margin-right: 1.9%; float: left;}
.home2-t ul li:nth-child(3n){margin-right: 0;}
.home2-t ul li a::after{position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0.08); content: ''; width: 0; height: 100%; z-index: -1;}
.home2-t ul li .title-tz{position: relative;padding-left: 1.22rem;height: 0.74rem;}
.home2-t ul li .title-tz .date-tz{position: absolute;left: 0;top: 0;text-align: center;width: 1.22rem;}
.home2-t ul li .title-tz .date-tz h2{font-size: 0.4rem;color: #e8bd98;height: 0.5rem;line-height: 0.5rem;font-weight: 300; font-family: sy;}
.home2-t ul li .title-tz .date-tz span{display: block;font-size: 0.16rem;color: #e8bd98;height: 0.24rem;line-height: 0.24rem;font-weight: 300;font-family: sy;}
.home2-t ul li a:hover::after{display: block;left: 0; width: 100%;}
.home2-t ul li a:hover p {color: #fff;}
.home2-t ul li a:hover .date-tz  h2{color: #fff;}
.home2-t ul li a:hover .date-tz  span{color: #fff;}
.home2-t ul li a {display: flex;flex-direction: column;justify-content: center;width: 100%;height: 100%; cursor: pointer;position: relative; padding: 0 0 0 0rem;background-size: 0.25rem 0.97rem; transition: .5s;transform-origin: center center; z-index: 1;}
.home2-t ul li p {transition: transform 0.3s ease;transform-origin: center center;overflow: hidden;text-overflow: ellipsis;border-radius: 0.18rem;padding: 0 0.18rem;color: #fff;font-size: 0.18rem;height: 0.48rem;line-height: 0.24rem;margin: 0.14rem 0;font-weight: normal;text-align: left;}

.home2-t .n-title-right{height: 0.65rem;font-size: 0.22rem; height: 100%;display: block;    text-align: center; position: relative;}
.home2-t .n-title-right::after{content: ""; position: absolute; height: 0.28rem; width: 100%; background: url(home2-t-bg2.png) no-repeat center top; top: 0.24rem; left: 0px;  right: 0px;}
.home2-t .n-title-right a{color: #fff; font-size: 0.18rem;}
.home2-t .n-title-right a img{width: 0.2rem; height: 0.2rem; margin: 0 0 0 0.07rem;}

/*home2思政课建设*/
.home2{background: url(home2_bg.jpg) no-repeat top center; background-size: 100% 100%; margin-top: -3.22rem; padding-top: 3rem;}
.home2-left{width: 80%; padding: 0.5rem 0;}
.home2-left ul li {height: 1.85rem; width: 32%; margin-right: 1.9%; float: left; background: #fff; box-shadow: 0px 7px 7px 1px rgb(216 216 216 / 38%); margin-bottom: 0.2rem; transition: transform 0.3s ease, box-shadow 0.3s ease; transform-origin: center center;}
.home2-left ul li:nth-child(3n){margin-right: 0;}
.home2-left ul li a::after{position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0.08); content: ''; width: 0; height: 100%; z-index: -1;}
.home2-left ul li .title-tz{position: relative;padding-left: 1.22rem;height: 0.74rem;}
.home2-left ul li .title-tz .date-tz{position: absolute;left: 0;top: 0;text-align: center;width: 1.22rem;}
.home2-left ul li .title-tz .date-tz h2{font-size: 0.4rem;color: #a1051f;height: 0.5rem;line-height: 0.5rem;font-weight: 300; font-family: sy;}
.home2-left ul li .title-tz .date-tz span{display: block;font-size: 0.16rem;color: #000;height: 0.24rem;line-height: 0.24rem;font-weight: 300;font-family: sy;}
.home2-left  ul li:hover {transform: translateY(-0.1rem);}
.home2-left ul li a:hover::after{display: block;left: 0; width: 100%;}
.home2-left ul li a:hover p {color: #a1051f;}
.home2-left ul li a:hover .date-tz  h2{color: #a1051f;}
.home2-left ul li a:hover .date-tz  span{color: #a1051f;}
.home2-left ul li a {display: flex;flex-direction: column;justify-content: center;width: 100%;height: 100%; cursor: pointer;position: relative; padding: 0 0 0 0rem;background-size: 0.25rem 0.97rem;transition: .5s;transform-origin: center center;z-index: 1;}
.home2-left ul li p {transition: transform 0.3s ease;transform-origin: center center;overflow: hidden;text-overflow: ellipsis;border-radius: 0.18rem;padding: 0 0.18rem;color: #000;font-size: 0.18rem;height: 0.48rem;line-height: 0.24rem;margin: 0.14rem 0;font-weight: normal;text-align: left;}


.home2_right{width: 18%;padding: 0.5rem 0;}
.home2_right ul li{width: 100%; margin-bottom: 0.15rem;}
.home2_right ul li:nth-child(3){margin-bottom: 0;}
.home2_right ul li .imged{padding-bottom: 1.2rem;}

/*home3学术动态*/
.home3{background: url(home3_bg.jpg) no-repeat top center; background-size: 100% 100%; padding: 0.5rem 0 1rem 0;}
.home3_l{width:36.1%; padding: 0.2rem 0;}
.home3_l ul li{width:100%; height: 1.187rem; background: #b00e16; box-shadow:none; margin-right:0; margin-bottom: 0; border-bottom:1px solid #f3e8d44f;}
.home3_l ul li .title-tz .date-tz h2{color: #f2e4cf;}
.home3_l ul li .title-tz .date-tz span{color: #f2e4cf;}
.home3_l ul li:last-child{border-bottom:none;}
.home3_l ul li p{color: #fff;}
.home2-left ul li:hover {transform: translateY(0);}
.home3_l ul li a:hover p {color: #fff;}
.home3_l ul li a:hover .date-tz  h2{color: #f2e4cf;}
.home3_l ul li a:hover .date-tz  span{color: #f2e4cf;}
.home3_l .home3-zjr{padding: 0 0.18rem 0 0.3rem; color: #f2e4cf; line-height: 0.34rem;}
.home3_l .home3-zjr span{color: #f2e4cf; font-size: 0.16rem;}
.home3_l .home3-zjr span:nth-child(2){margin-left: 0.08rem;}

.home3_r{width:63.9%; background: #f3e8d4; padding: 0.2rem;box-shadow: 0px 7px 7px 1px rgb(222 219 197 / 28%);    margin-top: 0.2rem;}
.home3_r .top{width:100%;}
.home3_r .top ul li{float: left; width: 31%; position: relative; transform-origin: center center; cursor: pointer; background: #a52c31; transition: transform 0.3s, box-shadow 0.3s;padding: 0.32rem; margin-right: 3%;}
.home3_r .top ul li:nth-child(2){background: #9c7856;}
.home3_r .top ul li:nth-child(3){margin-right: 0; background: #612525;}
.home3_r .top ul li .li-title {display: flex; flex-direction: column;background: url(block-red.jpg) no-repeat left 0.05rem; padding-left: 0.15rem;}
.home3_r .top ul li .li-title h2 {height: 0.48rem;line-height: 0.24rem; font-size: 0.18rem; text-overflow: ellipsis; color: #fff; overflow: hidden;}
.home3_r .top ul li .li-time {color: #fff; font-size: 0.16rem; font-family: sy; margin: 0.1rem 0px; text-align: right;}

.home3_r .top ul li::after{position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0.08); content: ''; width: 0; height: 100%; z-index: 1;}
.home3_r .top ul li:hover::after{display: block;left: 0; width: 100%;}
.home3_r .bottom{margin-top: 0.2rem;}
.home3_r .bottom ul{background: #fff; padding: 0.22rem; overflow: hidden;}
.home3_r .bottom ul li{padding: 0.143rem 0;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.home3_r .bottom .news-li {display: block; line-height: 1; color: #333;}
.home3_r .bottom .news-li .time {float: right; padding-left: 0.25rem; color: #9d9d9d; font-size: 16px;}
.home3_r .bottom .news-li .title {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; background: url(block-red.jpg) no-repeat left center; padding-left: 0.15rem; margin-bottom: 0;}
.home3_r .bottom ul li:hover {transform: scale(1) translateY(-1px);-ms-transform: scale(1) translateY(-1px);-moz-transform: scale(1) translateY(-1px);-webkit-transform: scale(1) translateY(-1px);-o-transform: scale(1) translateY(-1px);transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;}
.home3_r .bottom ul li:hover .news-li .title {color: #a0051d;}



@media screen and (min-width:1930px){
.home1-t .left li a{height: 553px;}
}
@media screen and (min-width: 1200px) {
  
}

@media screen and (max-width: 1024px) {
  
}

@media screen and (max-width: 768px) {
.home1{padding: 0.3rem 0; }
	.home1-t .left{padding-bottom: 0.8rem;}
	.home1-t .left li a{padding-left: 0; height: max-content;}
	.swiper-slide{width: 100% !important;}
	.home1-t .left .scale{width: 100%; position: initial; height: auto;}
	.home1-t .left .imged{padding-bottom: 60%;}
	.home1-t .left li .con{margin-top: 0.2rem;}
	.home1-t .left li .con p.time{margin-bottom: 0;}
	.home1-t .left li .con div{font-size: 0.16rem; line-height: 0.32rem; height: 2.24rem; margin-top: 0;}
	.home1-t .left .arrow{bottom: 0; width: 100%;}
	.home1-t .right ul{display: block; overflow: hidden;}
	.home1-t .right ul li{width: 100%; height: auto; background: url(yuanBc.png) no-repeat center -4px; background-size: 100% 100%; padding: 0.22rem 0.22rem 0.38rem 1.1rem;}
	.home1-t .right ul li .li-time{left: 0.22rem; top: 0.22rem;}
	.home1-t .left .arrow .cir span.swiper-pagination-bullet-active{font-size: 0.3rem;}
	.home1-t .left .arrow .swiper-pagination{right: 0.09rem;}
	.home1-t .left .arrow .swiper-pagination-all{font-size: 0.3rem;}
	.home1-t .left .arrow .swiper-pagination-all:before{font-size: 0.22rem;}
	
}
@media screen and (max-width: 600px) {
  
  
}

@media screen and (max-width: 420px) {
  
} 


/* home2 */
html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
 /* opacity: 1 !important; */
 /* transform: none; */
}

.aos-animate-custom {
    opacity: 1 !important;
}


@media screen and (min-width: 1200px) {
  
}

@media screen and (max-width: 1024px) {
	
}

@media screen and (max-width: 768px) {
	
	
	
}
@media screen and (max-width: 600px) {
	
  
}

@media screen and (max-width: 420px) {
  
} 


@media screen and (min-width: 1200px) {
  
}

@media screen and (max-width: 1024px) {
	
}

@media screen and (max-width: 768px) {
	
	
}
@media screen and (max-width: 600px) {
  
  
}

@media screen and (max-width: 420px) {
  
} 

/* home4 */
.home4 {}
.home4 .wp{overflow: visible;}
.home4 .home4-list {position: relative;margin-top: 6px;background: #fcf8f6;}
.home4 .home4-list ul li{position: relative;transition: .5s; transform-origin: center center;padding: 0.27rem;}
.home4 .home4-list ul li:nth-child(odd){background: #faf5ea;}
.home4 .home4-list ul li a{display: block;}

.home4 .home4-list ul li a .imged {padding-bottom: 3rem;}
.home4 .home4-list ul li a .text{position: relative;}
.home4 .home4-list ul li a .text:before{content: ""; position: absolute; width:0.05rem; height:0.48rem; background: #a1051f; top:0; left:-0.27rem;}
.home4 .home4-list ul li a p{line-height: 0.24rem; font-size: 0.16rem; margin-top: 0.05rem;}
.home4 .home4-list ul li a p:hover{color: #a1051f;}
.home4 .home4-list .swiper-button { width: 7%; position: absolute;bottom: -0.54rem; left: 50%; margin-left: -3.5%; height: 0.42rem;}
.home4 .home4-list .swiper-button .btn {width: 0.42rem; height: 0.42rem; margin-top: -0.155rem;}
.home4 .home4-list .swiper-button .btn::after {content: "";}
.home4 .home4-list .swiper-button .swiper-button-prev {background: url(home4-1.png) no-repeat center center; background-size: 100% 100%; left: 0;}
.home4 .home4-list .swiper-button .swiper-button-next { background: url(home4-3.png) no-repeat center center; background-size: 100% 100%; right: 0;}

@media screen and (min-width: 1200px) {
}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 768px) {
	
}
@media screen and (max-width: 600px) {
}

@media screen and (max-width: 420px) {
} 

/*home5*/
.home5{background: url(home5_bg.jpg) no-repeat top center; background-size: 100% 100%; padding: 0.5rem 0;}
.home5 .wp{overflow: inherit;}
.home5-t{background: #fbf3e0; box-shadow: 0px 2px 18px -5px rgba(0, 0, 0, 0.3);}
.home5-t ul{overflow: hidden;}
.home5-t ul li{float: left; width: 25%; cursor: pointer;position: relative; transition: transform 0.3s ease, box-shadow 0.3s ease;transform-origin: center center;cursor: pointer; padding: 0.32rem; position: relative;}
.home5-t ul li::after{background: url(home5_list.png) no-repeat right center; position: absolute; content: ""; background-size: 100% 100%; right:0; top: 50%; margin-top: -1.025rem; width: 0.06rem; height:2.05rem;}
.home5-t ul li:nth-child(4n)::after{background: none;}
.home5-t ul li .li-title {display: flex; flex-direction: column;}
.home5-t ul li .li-title h2 {height: 0.48rem;line-height: 0.24rem; font-size: 0.18rem; text-overflow: ellipsis; color: #333; overflow: hidden;}
.home5-t ul li .li-time {color: #333; font-size: 0.2rem; font-family: sy; margin: 0.2rem 0px; text-align: right;}
.home5-t ul li .li-time i{color: #a1051f; padding-right: 0.1rem;font-family: sy;font-size: 0.3rem;}
.home5-t ul li .li-title p{font-family: sy; color: #d8271c; font-size: 0.24rem; line-height: 0.28rem; padding:0.2rem 0;}
.home5-t ul li.on{background: url(home6_list_on.png) no-repeat 0 0; background-size: 100% 100%;transition: transform 0.3s ease;}
.home5-t ul li.on .li-title h2{color: #fff;}
.home5-t ul li.on .li-time{color: #e8bd98;}
.home5-t ul li.on .li-time i{color: #e8bd98;}
.home5-t ul li.on .li-title p{color: #e8bd98;}
.home5-t ul li.prev::after{background: none;}

/* home6 */
.home6 {background: url(home6_bg.jpg) no-repeat center bottom;padding: 0.6rem 0 0.2rem;}
.home6 .wp {overflow: visible;}
.home6 .home-title .home-title-tit{margin: 0 auto; float: none; width: 1.7rem;}
.home6  ul{justify-content: space-between;}
.home6  ul li{width: 16.66%; text-align: center; margin-bottom: 0.5rem;}
.home6  ul li img{width:1.16rem; overflow: hidden;transition: 0.5s;}
.home6  ul li:hover img{transform: scale(1.1);}
.home6  ul li span{display: block; line-height: 0.4rem; font-size: 0.18rem; margin: 0.1rem 0;}
.home6  ul li:hover span{color: #a1051f;}

@keyframes ringKey {
    25% {
        opacity: 0;
        transform: scale(.5)
    }

    50% {
        opacity: 0;
        transform: scale(.5)
    }

    75%,to {
        opacity: 1;
        transform: scale(1)
    }
}

@media screen and (min-width: 1200px) {
}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 768px) {
	
}
@media screen and (max-width: 600px) {
}

@media screen and (max-width: 420px) {
} 



[data-aos] {
    pointer-events: visible !important;
}

.swiper-pagination-bullet {
    opacity: 1 !important;
}

.swiper-pagination-bullet-active {
    transform: scale(1);
}


@media screen and (min-width: 1200px) {
}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 768px) {
}
@media screen and (max-width: 600px) {
}

@media screen and (max-width: 420px) {
} 

/* footer */
.footer{width: 100%;background: url(footer_touxiang.png) no-repeat left top #9d0d16; }
.footer .wp {overflow: inherit;}
.footer_top{width:35%; float: left; padding-top: 0.8rem;}
.footer_top p{line-height: 0.3rem; font-size: 0.16rem; color: #f2c2c5;}
.footer_top p.lxfs{font-size: 0.18rem; color: #fff; font-weight: bold; margin-bottom: 0.05rem;}

.foot_rig{width: 40%; float: left; border-right:1px solid #b4101a;border-left:1px solid #b4101a; padding: 0.5rem 2% 0 2%; height: 2.3rem;}
.link{font-size:0.18rem;padding-top: 0.6rem; color:#fff; text-align:center; float: left;}
.link_box{width: 58%; float: left; margin-left:10%;}
.link_box_top {margin-top: 0.2rem;}
.link_box_public{width: 100%; height:0.36rem; border:1px solid #b41722; position: relative; z-index: 999;}
.link_box_public p{line-height: 0.36rem; text-align:center; color: #FFFFFF; cursor:pointer; font-size:0.14rem; position: relative;}
.link_box_public p::after{position: absolute; content: ""; right:5%; top:17%; background: url(foot_rig.png) no-repeat right center; width:0.18rem; height: 0.18rem; background-size: 100% auto;}
.link_box_public ul{display: none; position: absolute;width:100%;height: 1.60rem;background: #FFFFFF;overflow-y: scroll;z-index: 99; bottom: 0.35rem;}
.link_box_public:hover ul{display: block;}
.link_box_public ul li{}
.link_box_public ul li a{display: inline-block; width: 100%; font-size: 0.14rem;color: #777777;line-height: 0.3rem;padding: 0.05rem 0.09rem;border-bottom: 0.01rem solid #EEEEEE;text-align: center;}
.link_box_public ul li a:hover{background: #9F001D;color: #FFFFFF;}

.footer_right{float: right; width:25%; padding-left: 2%; padding-top: 0.4rem;}
.footer_right ul li{width: 45%; float: left; text-align: center;}
.footer_right ul li:nth-child(2){float: right;}
.footer_right ul li img{width:1rem;}
.footer_right ul li p{line-height: 0.3rem; color: #fff; font-size:0.16rem;text-align: center; margin-top: 0.1rem;}

.foot-b{text-align: center; color: #fff; font-size: 0.16rem;position: relative; z-index: 999;}
.foot-b::before{position: absolute; background: rgba(0, 0, 0, 0.2); content: ""; height: 0.89rem; border-top: 1px solid #b4101a; width: 100%; bottom:0; left:0; z-index: 1;}
.foot-b .wp{position: relative; z-index: 99;}
.foot-b .img{float: left; width: 4rem; padding:0.1rem 0;}
.foot-b .beian{float: right; line-height: 0.87rem;}
.foot-b .beian p,.foot-b .beian p a,.foot-b .beian a{color: #fff;font-size: 0.16rem;}
.foot-b .beian .beianIcon{padding: 0 0.3rem 0 0.44rem;background: url(beiantubiao.png) no-repeat 0.2rem center; color: #fff;}



@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 768px) {
	
}
@media screen and (max-width: 600px) {
	
}

@media screen and (max-width: 420px) {
} 





@media screen and (max-width: 1600px) {
  #logo{max-width: 3.5rem;}
  #header .right{padding-left:5%;}

}
@media screen and (max-width: 1400px) {
  #header .right {padding-left: 3%;}
  #nav ul li h3 { font-size: 0.18rem; }
  .list_box0 .li {padding-right: 0.05rem;}
  .list_box0 .li > a .top_ico { margin-right: 0.05rem; }

}
@media screen and (max-width: 1200px) {
.swiper-box1 .imged{padding-bottom: 50%;}
}

@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 960px) {
  
}
@media screen and (max-width: 768px) {
  .txt1 { font-size: 0.2rem !important; }
  .p1 {line-height: 1.8 !important;font-size: 0.16rem !important;}
  .title{margin-bottom: 0.25rem;}
  .title h3{font-size:.28rem;}
  .title .h3 .ico{}
}
@media screen and (max-width: 600px) {

}
@media screen and (max-width: 500px) {

}
@media screen and (max-width: 420px) {

}
@media (min-width: 200px) {
  [aos="zoom-in"] { transform: scale(0.5); }
}

.home1-t .left .scale{height: 100%;}
.home1-t .left .imged{padding-bottom: 62%;}
.home1-t .left .arrow{width: 37%;}
@media (max-width:1200px) and (min-width:880px) {
	.home1-t .left li .con div{-webkit-line-clamp: 5; height: 2.3rem;}
}
@media (max-width:880px) and (min-width:768px) {
}
@media screen and (max-width: 768px){
	.home1-t .left .arrow{width: 100%; bottom: 0.2rem !important;}
}

@media screen and (min-width:1200px){
	.home1-t .left li .con div{-webkit-line-clamp: 7;  line-height: 0.42rem;}
}

@media screen and (min-width:1930px){
	.home1-t .left li .con div{-webkit-line-clamp: 8; height: 3.36rem;}
}
@media screen and (max-width:1800px){
	
	/* html{font-size: 95px !important;} */
}
@media screen and (max-width:1600px){
	/* html{font-size: 90px !important;} */
}
@media screen and (max-width:1400px){
	/* html{font-size: 85px !important;} */
}
@media screen and (max-width:1024px){
	/* html{font-size: 90px !important;} */
}
@media screen and (max-width:900px){
	/* html{font-size: 90px !important;} */
}
@media screen and (max-width:360px){
	/* html{font-size: 90px !important;} */
} 
@media screen and (max-width:350px){
	/* html{font-size: 90px !important;} */
}



@media(min-width: 1200px){
	@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 120dpi) { 
	}

	@media (-webkit-min-device-pixel-ratio: 1.05) {
		@media screen and (min-width:1920px){
			/* html{font-size: 100px !important;} */
			/* .wp{min-width: 1440px;} */
		}
		@media screen and (max-width:1920px){
			/* html{font-size: 95.5px !important;} */
		}
	}
	@media (-webkit-min-device-pixel-ratio: 1.1) {
		@media screen and (min-width:1920px){
			/* html{font-size: 100px !important;} */
			/* .wp{min-width: 1440px;} */
		}
		@media screen and (max-width:1920px){
			/* html{font-size: 92.5px !important;} */
		}
	}
	@media (-webkit-min-device-pixel-ratio: 1.15) {
		@media screen and (min-width:1920px){
			/* html{font-size: 90px !important;} */
			/* .wp{min-width: 1440px;} */
		}
		@media screen and (max-width:1920px){
			/* html{font-size: 87px !important;} */
		}
	}
	@media (-webkit-min-device-pixel-ratio: 1.20) {
		@media screen and (min-width:1920px){
			/* html{font-size: 90px !important;} */
			/* .wp{min-width: 1440px;} */
		}
		@media screen and (max-width:1920px){
			/* html{font-size: 84px !important;} */
		}
	}
	/* 屏幕分辨率放大为 125 */
	@media (-webkit-min-device-pixel-ratio: 1.25) {
		@media screen and (min-width:1920px){
			/* html{font-size: 90px !important;} */
			/* .wp{min-width: 1440px;} */
		}
		
		@media screen and (max-width:1920px){
			/* html{font-size: 80px !important;} */
		}
	}
	/* 屏幕分辨率放大为 150 */
	@media (-webkit-min-device-pixel-ratio: 1.5) {
		@media screen and (min-width:1920px){
			/* html{font-size: 90px !important;} */
			/* .wp{min-width: 1440px;} */
		}
		@media screen and (max-width:1920px){
			/* html{font-size: 80px !important;} */
			
		}
	}
}