/* 首页标题图片 */
.titme_img{
   width:62rem;
   height:12.5rem;
   margin-left:8rem;

}
.iconfont_img{
   width:1.6rem;
   height:1.6rem;
}
/* head */
.head {
    width: var(--bodyW);
    position: relative;
    overflow: hidden;
    height: 96rem;
}

.swp {
    display: flex;
    position: absolute;
    bottom: 4rem;
    left: 50%;
    transform: translateX(-50%);
}

.swp div {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .6rem;
    border: .1rem solid #fff;
    margin: 0 1.2rem;
    background-color: transparent;
}

.nav_item_li>a{
    text-shadow: .1rem .1rem .3rem #000;
}

.swp .active {
    background-color: #fff;
}

/* head end */
/* banner */
.banner {
    display: flex !important;
    /* overflow: hidden; */
    width: var(--bodyW) !important;
    height: 96rem !important;
    transition: 0.5s ease !important;
    
}

.banner>div {
    flex: 0 0 var(--bodyW);
    width: var(--bodyW);
    height: 96rem;
    background-size: 100% 100%;
    background-position: center;
    transition: 5s linear 0s;
    background-repeat:no-repeat;
}

.banner .active {
    background-size: 110% 110%;
}

/* banner end */
/* news_SR */
.news_SR {
    position: relative;
    width: var(--bodyW);
    height: 90rem;
    background-image: url('../images/images/newsBg.png');
    background-size: 100% 100%;
    padding: 5.8rem 0;
}

.news_SR .title {
    display: flex;
    justify-content: space-around;
    align-items: baseline;
}

.news_swp {
    overflow: hidden;
}

.news_swp_item_body {
    display: flex;
    margin: 5.8rem 0rem;
    transition: 0.5s ease;
}

.news_swp .news_swp_item_body>a {
    display: inline-block;
    width: calc(var(--bodyW) - 111.5rem);
    height: 43rem;
    margin: 4.5rem 9rem;
}

.news_swp .news_swp_item_body>a>.imgs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .3s ease;
}
.news_swp .news_swp_item_body>a .imgs {
    width: 100%;
    height:100%;
    overflow: hidden;
    transition: .3s ease;
}
.news_swp .news_swp_item_body>a>.cell{
    display: inline-block;
    width: calc(var(--bodyW) - 122rem);
    height: 11.5rem;
    padding: 2.4rem;
    margin: 0 4rem;
    margin-top: -5.7rem;
    box-sizing: border-box;
    color: #333333;
    background-color: #fff;
}

.news_swp .news_swp_item_body>a .active {
    color: #fff !important;
    background: linear-gradient(180deg, #4892D4 0%, #0081CC 100%);
}

.news_swp .news_swp_item_body>a .active>p {
    color: #fff !important;
}

.news_swp .news_swp_item_body>a>div>p>img {
    margin-right: 1rem;
}

.news_swp .news_swp_item_body>a>div>p:nth-child(1) {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news_swp .news_swp_item_body>a>div>p:nth-child(2) {
    color: #999999;
    font-size: 1.8rem;
    font-weight: 400;
}

.timeActive {
    display: none;
}

.news_SR .Arrowhead div {
    width: 4rem;
    height: 4rem;
}

.news_SR .Arrowhead img {
    margin: .5rem;
    width: 3rem;
    height: 3rem;
}

.news_SR .Arrowhead .right {
    position: absolute;
    right: 2.5rem;
    top: 45rem;
    width: 4rem;
    height: 4rem;
    background-color: #00000066;
}

.news_SR .Arrowhead .left {
    position: absolute;
    left: 2.5rem;
    top: 45rem;
    width: 4rem;
    height: 4rem;
    background-color: #00000066;
}

.news_SR .Arrowhead .active {
    background-color: #0081CC;
}

.news_content {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 12rem;
}

.news_content>a {
    width: calc(var(--bodyW) - 142rem);
    padding: 3rem 0;
    color: #333333;
    border-bottom: .1rem solid #416A82;
    border-top: .1rem solid #416A82;
}

.news_content .active {
    color: #0081CC;
}

.news_content>a p:nth-child(1) {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* news_SR end */
/* public Notice */
.publicNotice {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--bodyW);
    height: 70rem;
    background-color: #F6F7F7;
}

.publicNotice .water_mark {
    position: absolute;
    left: 0;
    bottom: 3.2rem;
    width: 26rem;
    height: 26rem;
    background-image: url('../images/images/Watermark.png');
}

.publicNotice .bodys {
    width: var(--itemW);
    height: 50.7rem;
    display: flex;
    padding: 5rem 8rem 7rem 8.8rem;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0px .5rem 1.5rem 0px #999;
}

.bodys>div>div:nth-child(1) {
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: .4rem;
    color: #333333;
}

.bodys>div>div:nth-child(1)>p:nth-child(1) {
    margin: .7rem 0;
}

.bodys>div>div:nth-child(1)>p:nth-child(2) {
    font-size: 1.2rem;
    font-weight: 400;
    position: relative;
}

.bodys>div>div:nth-child(2) {
    display: flex;
    margin-top: 2.2rem;
}

.bodys .notice>div:nth-child(2) ul {
    width: calc(var(--bodyW) - 140rem);
    margin-right: 5.2rem;
}

.bodys .notice>div:nth-child(2) ul li {
    height: 4.8rem;
    list-style: url('../images/images/lihead.png') inside;
    border-top: .1rem dashed #D6D6D6;
    line-height: 4.8rem;
}

.bodys .notice>div:nth-child(2) ul li:last-child {
    border-bottom: .1rem dashed #D6D6D6;
}

.bodys .notice>div:nth-child(2) ul li .active {
    color: #0081CC;
}

.bodys .notice>div:nth-child(2) ul li a {
    display: inline-block;
    vertical-align: middle;
    height: 4.8rem;
}

.bodys .notice>div:nth-child(2) ul li a span:nth-child(1) {
    display: inline-block;
    width: calc(var(--itemW) / 4.7);
    height: 4.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.bodys .notice>div:nth-child(2) ul li a span:nth-child(2) {
    max-width: 12rem;
    display: inline-block;
    height: 4.8rem;
    overflow: hidden;
    text-align: right;
    color: #999999;
}

.bodys .platform {
    flex: 1;
}

.bodys .platform li .active {
    background-color: #55A3CC;
    color: #FFF !important;
}

.bodys .platform li a {
    display: inline-block;
    width: calc(var(--itemW) / 4.8);
    height: 9.3rem;
    line-height: 9.3rem;
    text-align: left;
    padding-left: 5rem;
    background-color: #F3F7FA;
    border: .1rem solid #D6D6D6;
    margin-bottom: .6rem;
}

.bodys .platform li .actives {
    color: #fff !important;
}

/* public Notice end */
/* science */
.science {
    position: relative;
    width: var(--bodyW);
    height: 71.4rem;
    background-image: url('../images/images/scienceBg.png');
    padding: 4rem 5.5rem;
    box-sizing: border-box;
}

.science .title {
    display: flex;
    justify-content: space-around;
    align-items: baseline;
}

.science_swp_item_body {
    width:calc(100vw - 11rem);
    display: flex;
    transition: 0.5s ease;
}

.science_swp {
    display: flex;
    margin: 4rem 0px;
    overflow: hidden;

}

.science_swp .science_swp_item_body>a {
    display: inline-block;
    width: 52.8rem;
    height: 32.8rem;
    margin: 4.5rem 3.75rem;

}

.science_swp .science_swp_item_body>a> .cell{
    display: inline-block;
    width: 40.8rem;
    height: 8rem;
    padding: 1rem 2rem;
    margin: 0 4rem;
    margin-top: -6.6rem;
    color: #333333;
    background-color: #fff;
    transition: 0.3s ease;
}

.science_swp .science_swp_item_body>a>.imgs img {
    transition: 0.3s ease;
    width:100%;
height:100%;
object-fit: cover;
}
.science_swp .science_swp_item_body>a .imgs{
    width:100%;
    height:100%;
    overflow:hidden;
    transition: 0.3s ease;
}
.science_swp .science_swp_item_body>a .cell{
   
}

.science_swp .science_swp_item_body>a .active {
    color: #fff !important;
    background: linear-gradient(180deg, #4892D4 0%, #0081CC 100%);
}

.science_swp .science_swp_item_body>a .active>p {
    color: #fff !important;
}

.science_swp .science_swp_item_body>a>div>p>img {
    margin-right: 1rem;
    width:1.6rpx;
    height:1.6rem;
}

.science_swp .science_swp_item_body>a>div>p:nth-child(1) {
    font-size: 1.8rem;
    font-weight: 400;
    margin: .4rem 0;
    color: #333;
    width: 35.7rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.science_swp .science_swp_item_body>a>div>p:nth-child(2) {
    margin: .2rem 0;
    color: #999999;
    font-size: 1.4rem;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height:1.6rem;
}

.science_swp .science_swp_item_body>a>div>p:nth-child(3) {
    color: #999999;
    font-size: 1.4rem;
    font-weight: 400
}

.science .Arrowhead div {
    width: 4rem;
    height: 4rem;
}

.science .Arrowhead img {
    margin: .5rem;
    width: 3rem;
    height: 3rem;
}

.science .Arrowhead .right {
    position: absolute;
    right: 2.5rem;
    top: 39.2rem;
    width: 4rem;
    height: 4rem;
    background-color: #00000066;
}

.science .Arrowhead .left {
    position: absolute;
    left: 2.5rem;
    top: 39.2rem;
    width: 4rem;
    height: 4rem;
    background-color: #00000066;
}

.science .Arrowhead .active {
    background-color: #0081CC;
}

/* science end */
/* retrieve */
.retrieve {
    position: relative;
    width: var(--bodyW);
    height: 42rem;
    background: linear-gradient(180deg, #F6F7F7 0%, #F6F7F7 100%);
    padding: 4rem 5.5rem;
    box-sizing: border-box;
}

.retrieve .title {
    display: flex;
    justify-content: space-around;
    align-items: baseline;
}

.retrieve .retrieve_nav {
    margin: 5rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.retrieve .retrieve_nav a {
    display: inline-block;
    width: 32.4rem;
    height: 12rem;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
    line-height: 12rem;
    margin-right: 2rem;
    transition: .2s ease;
}

.retrieve .retrieve_nav a:nth-child(2) {
    background: url('../images/images/retrieve1.png');
}

.retrieve .retrieve_nav a:nth-child(3) {
    background: url('../images/images/retrieve2.png');
}

.retrieve .retrieve_nav a:nth-child(4) {
    background: url('../images/images/retrieve3.png');
}

.retrieve .retrieve_nav a:nth-child(5) {
    background: url('../images/images/retrieve4.png');
}

.retrieve .retrieve_nav a:nth-child(6) {
    background: url('../images/images/retrieve5.png');
}

/* retrieve end */
/* video_center */
.video_center {
    position: relative;
    width: var(--bodyW);
    height: 90rem;
    background: url('../images/images/videoBg.png');
    padding: 4rem 11rem;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: 100% 100%;

}

.video_center .title {
    display: flex;
    justify-content: space-around;
    align-items: baseline;
    margin-bottom: 8rem;
}

.video_center .video_swp {
    display: flex;
    transition: 0.5s ease;
    height:48rem;
}

.video_center .video_swp div {
    position: relative;
    width: calc((var(--bodyW) - 22rem) / 2);
    height: 48rem;
}

.video_center .video_swp .playVideo {
    display: inline-block;
    position: absolute;
    width: 10.8rem;
    height: 10.8rem;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
}
.video_center .video_swp .video_text {
    display: flex;
    flex-direction: column;

    align-items: center;
}
.video_center .video_swp .video_text>div{
    height: 12rem;
    padding:3.2rem 5rem ;
    box-sizing: border-box;
    background-color: #fff;
}
.video_center .video_swp .video_text>div img{
    margin-right: 1rem;
}
.video_center .video_swp .video_text .timer{
   display: none;
}
.video_center .video_swp .video_text .timeActive{
   display: unset;
}
.video_center .video_swp .video_text>div:hover{
    height: 12rem;
    padding:3.2rem 5rem ;
    width: calc((((var(--bodyW) - 22rem) / 2) + 4rem));
    margin-left: -4rem;
    padding-left: 8rem;
    box-sizing: border-box;
    background:linear-gradient(180deg, #4892D4 0%, #0081CC 100%);
}
.video_center .video_swp .video_text>div:hover p{
    color: #fff !important;
}
.video_center .video_swp .video_text>div:hover p:nth-child(1){
    font-size: 2rem;
    font-weight: 700;
}
.video_center .video_swp .video_text>div:hover .timer{
    display: unset;
}
.video_center .video_swp .video_text>div:hover .timeActive{
    display: none;
}
.video_center .video_swp .video_text>div p{
   font-size:1.8rem;
   margin-bottom: 2rem;
}
.video_center .video_swp video{
    width: calc((var(--bodyW) - 22rem) / 2);
    height: 48rem;
}

/* 更多 */
.video_center .video_swp div video::-webkit-media-controls-volume-control-container {
    display: none;
}

/* 喇叭 */
.video_center .video_swp div video::-webkit-media-controls-enclosure {
    overflow: hidden;
}

/* 暂停按键 */
.video_center .video_swp div video::-webkit-media-controls-panel {
    width: calc(100% + 3rem);
    background: none;
}

/* 进度条 */
.video_center .video_swp div video::-webkit-media-controls-timeline {
    position: absolute;
    width: 106rem;
    bottom: 3rem;
    background: none;
    margin: 0 1.6rem 2rem;
    padding: 0;
}

.video_center .Arrowhead div {
    width: 4rem;
    height: 4rem;
}

.video_center .Arrowhead img {
    margin: .5rem;
    width: 3rem;
    height: 3rem;
}

.video_center .Arrowhead .right {
    position: absolute;
    right: 4rem;
    top: 50rem;
    width: 4rem;
    height: 4rem;
    background-color: #00000066;
}

.video_center .Arrowhead .left {
    position: absolute;
    left: 4rem;
    top: 50rem;
    width: 4rem;
    height: 4rem;
    background-color: #00000066;
}

.video_center .Arrowhead .active {
    background-color: #0081CC;
}

/* video_center end */
/* list_nav */
.list_nav {
    width: var(--bodyW);
    height: 64.7rem;
    /* display: flex; */
    padding: 8rem 10.6rem;
    box-sizing: border-box;
    background-image: url('../images/images/serviceBg.png');
    background-size: 100% 100%;
}

.list_nav>div {
    display: inline-block;
    width: calc(var(--itemW) - 87rem);
    height: 48.7rem;
    background: linear-gradient(135deg, #F5F6F6 0%, #f1f2f2 100%);
    padding: 5rem 7.5rem;
    box-sizing: border-box;
    margin-left: 2rem;
}

.list_nav>div>div:nth-child(1) {
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: .4rem;
    color: #333333;
}

.list_nav>div>div:nth-child(1)>p:nth-child(1) {
    margin: .7rem 0;
}

.list_nav>div>div:nth-child(1)>p:nth-child(2) {
    font-size: 1.2rem;
    font-weight: 400;
    position: relative;
}

.list_nav>div>div:nth-child(2) {
    display: flex;
    margin-top: 2.2rem;
}

.list_nav .guide>div:nth-child(2) ul li,
.list_nav .society>div:nth-child(2) ul li {
    height: 4.8rem;
    list-style: url('../images/images/lihead.png') inside;
    border-top: .1rem dashed #D6D6D6;
    line-height: 4.8rem;
}

.list_nav .guide .last_child:last-child{
    border-bottom: .1rem dashed #D6D6D6;
}

.list_nav .guide>div:nth-child(2) ul li .active,
.list_nav .society>div:nth-child(2) ul li .active {
    color: #0081CC;
}

.list_nav .guide>div:nth-child(2) ul li a,
.list_nav .society>div:nth-child(2) ul li a {
    display: inline-block;
    vertical-align: middle;
    height: 4.8rem;
}

.list_nav .guide>div:nth-child(2) ul li a span:nth-child(1),
.list_nav .society>div:nth-child(2) ul li a span:nth-child(1) {
    display: inline-block;
    width: calc(var(--bodyW) / 4);
    height: 4.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.list_nav .guide>div:nth-child(2) ul li a span:nth-child(2),
.list_nav .society>div:nth-child(2) ul li a span:nth-child(2) {
    width: calc(var(--itemW) / 14);
    display: inline-block;
    height: 4.8rem;
    overflow: hidden;
    text-align: right;
    color: #999999;
}

/* list_nav end */
/* searhHead */
.searchHead{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 104;
    width: var(--itemW);
    margin: 0 var(--flex_margin);
    display: flex;
    align-items: end;
    justify-content: flex-end;
    height:7.6rem;
}
.searchHead i{
    font-size:2.2rem;
    padding:.2rem 2.5rem;
    color:#fff;
    text-shadow: 0.1rem 0.1rem 0.3rem #000;
    mix-blend-mode: difference;
}
.searchHead input{
    margin: 0 2.5rem;
    border: 0.1rem solid #fff;
    background-color: transparent;
    box-shadow: 1px 1px 4px 0px #495057;
    height: 2.8rem;
    padding-left: 1rem;
    font-size: 1.6rem;
    mix-blend-mode: difference;
    transition: all .3s ease;
    width:0rem;
    display:none;
}
/* searchHead end */