@charset "GB2312";

/* 头部导航栏 */
        .headBox {
            position: fixed;
            left: 50%;
            transform: translate(-50%, 0);
            z-index: 99;
            width: 100%;
            height: 75px;
        }

        .headBox:hover {
            background: #ffffff !important;
        }

        .headBox .head-main {
            margin: 0 auto;
            height: 80px;
            color: #fff;
            width: 1200px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: all 0.3s ease;
        }

        .headBox .head-main a {
            color: #ffffff !important;
        }


        .headBox .head-main .head-l .logo2 {
            display: none;
        }

        .headBox:hover .head-main a{
            color: #333333 !important;
        }
        .headBox:hover .head-main a .fs-operation {
            color: #d54e46 !important;
        }


        .headBox:hover .head-l a .logo1 {
            display: none;
        }

        .headBox:hover .head-l a .logo2 {
            display: block;
        }

        .headBox:hover .head-main a .fs-Name {
            color: #d54e46 !important;
        }

        .headBox .head-main .head-l {
            height: 75px !important;
            display: flex;
            align-items: center;
        }

        .headBox .head-l a .head-l-r {
            display: flex;
            flex-direction: column;
            margin-left: 15px;
            padding-left: 15px;
            border-left: 1px solid rgba(210, 210, 210, 0.6);
        }

        .headBox .head-l a .head-l-r .fs-Name {
            margin-bottom: 5px;
            font-size: 17px;
            font-weight: 700;
            color: #000;
        }

        .headBox .head-l a .head-l-r .fs-cut {
            position: relative;
            padding-bottom: 10px;
            font-size: 12px;
            color: #ff6960;
            box-sizing: border-box;
        }

        .headBox .head-l a .head-l-r .fs-cut .fs-business {
            position: absolute;
            top: 24px;
            left: -35px;
            z-index: 888;
            padding: 10px;
            padding-top: 26px;
            width: 143px;
            height: 100px;
            font-size: 14px;
            display: none;
            flex-direction: column;
            box-sizing: border-box;
            background: url('/images/images/new2023/business-background.png') center no-repeat;
        }

        .headBox .head-l a .head-l-r .fs-cut:hover .fs-business {
            display: flex;
            justify-content: center;
        }

        .headBox .head-l a .head-l-r .fs-cut .fs-business .college-business {
            margin-bottom: 10px;
            padding: 3px 10px;
            width: 100%;
            text-align: center;
            color: rgba(0, 0, 0, 0.5);
            box-sizing: border-box;
            background: #eaeaea;
        }

        .headBox .head-l a .head-l-r .fs-cut .fs-business .fs-yyzlab {
            padding: 3px 10px;
            width: 100%;
            text-align: center;
            color: rgba(0, 0, 0, 0.5);
            box-sizing: border-box;
            background: #eaeaea;
        }

        .headBox .head-l a .head-l-r .fs-cut .fs-business .college-business:hover {
            color: #ffffff;
            background: #5079d8;
        }

        .headBox .head-l a .head-l-r .fs-cut .fs-business .fs-yyzlab:hover {
            color: #ffffff;
            background: #5079d8;
        }

        .headBox .head-l a .head-l-r .fs-cut .fs-business .fs-yyzlab:hover a {
            color: #ffffff;
        }

        .headBox .head-l a .head-l-r .fs-cut .fs-business .college-business:hover a {
            color: #ffffff;
        }

        .headBox:hover .head-main .head-l {
            height: 75px !important;
            display: flex;
            align-items: center;
        }

        .headBox .head-main .head-r {
            display: flex;
            width: 915px;
            height: 80px;
            line-height: 80px;

        }

        .headBox .head-main .head-r .nav {
            height: auto;
        }

        .headBox .head-main .head-r .nav .liFirst .site_menu {
            min-width: 370px;
            height: 725px;
            background: #fff;
            position: absolute;
            left: 240px;
            /* top: 45px !important; */
            border-top: 1px solid #f2f2f2;
        }

        .headBox .head-main .head-r .nav .liFirst .site_menu .pro-list {
            float: left
        }

        .headBox .head-main .head-r .nav .liFirst .site_menu .pro-list li {
            font-size: 13px;
        }

        .headBox .head-main .head-r .nav .liFirst .site_menu .pro-list li a {
            width: 100%;
        }

        .headBox .head-main .head-r .nav .liFirst .site_menu .pro-list li span {
            color: #666;
        }

        .headBox .head-main .head-r .nav .liFirst .site_menu .pro-list li img {
            vertical-align: middle;
            margin-right: 10px;
        }

        .headBox .head-main .head-r .nav .liFirst .site_menu .pro-list li:hover {
            background: none
        }

        .headBox .head-main .head-r .nav .liFirst .site_menu .pro-list li:hover span {
            color: #5079d8;
            background: none;
        }

        .headBox .head-main .head-r .nav .liFirst .site_menu {
            left: 7px;
            top: 73px;
            width: 118px;
            min-width: 118px;
            z-index: 99;
            height: 50px;
        }

        .headBox .head-main .head-r .nav .site_menu .pro-list li {
            min-width: 118px;
            margin-bottom: 0;
            font-size: 14px;
            text-align: center;
            padding: 0;
            height: 50px;
            line-height: 50px;
            background: #fff;
        }

        .headBox .head-main .head-r .nav .site_menu .pro-list {
            padding: 0;
            width: auto;
            float: none;
        }

        .headBox .head-main .head-r .nav .liFirst {
            background: url(/images/images/new2023/newsIndex/header/up-icon.png) right 36px no-repeat;
            padding-right: 18px;
        }

        .headBox:hover .head-main .head-r .nav .liFirst {
            background: url(/images/images/new2023/newsIndex/header/down-icon.png) right 36px no-repeat !important;
        }

        .headBox .head-main .head-r .nav .liFirst:hover {
            background: url(/images/images/new2023/newsIndex/header/down-icon.png) right 36px no-repeat !important;
        }


        .headBox .head-main .head-r .nav .liFirst .h100 {
            height: 100px;
        }

        .headBox .head-main .head-r .nav .h100 .pro-list li {
            width: auto !important;
            height: 37px;
            line-height: 25px;
            background: #fff;
            padding-top: 14px;
        }

        .headBox .head-main .head-r .nav .liFirst .h150 {
            height: 100px;
        }

        .headBox .head-main .head-r .nav .h150 .pro-list li {
            height: 36px;
            line-height: 20px;
            background: #fff;
            padding-top: 14px;
        }

        .headBox .head-main .head-r .nav .liFirst .h250 {
            width: 170px;
            min-width: 170px;
            height: 230px;
        }

        .headBox .head-main .head-r .nav .h250 .pro-list li {
            min-width: 170px;
            height: 36px;
            line-height: 20px;
            background: #fff;
            padding-top: 14px;
        }

        .headBox .head-main .head-r .nav li {
            font-size: 16px;
            padding: 0 15px;
            color: #333;
            float: left;
            position: relative;
        }

        .headBox .head-main .head-r .nav li a {
            color: #333;
            display: inline-block;
        }

        .headBox .head-main .head-r .nav li:hover a {
            color: #5079d8;
        }

        .headBox .head-main .head-r .search {
            width: 175px;
            height: auto;
            display: flex;
            justify-content: center;
            flex-direction: column;
            align-items: center;

        }

        .headBox .head-main .head-r .search .searchMain {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        .headBox .head-main .head-r .search .searchMain span {
            display: flex;
            align-items: center;
            font-size: 16px;
            color: #ffffff
        }

        .headBox .head-main .head-r .search .searchMain span .searchHPhoneImg {
            display: none;
        }

        .headBox .head-main .head-r .search .searchMain span .searchPhoneImg,
        .headBox .head-main .head-r .search .searchMain span .searchHPhoneImg {
            margin-right: 6px;
        }

        .headBox:hover .head-main .head-r .search .searchMain span {
            color: #333333
        }

        .headBox:hover .head-main .head-r .search .searchMain span .searchPhoneImg {
            display: none;
        }

        .headBox:hover .head-main .head-r .search .searchMain span .searchHPhoneImg {
            display: inline-block;
        }
        /* 滚动触发的悬停效果 d54e46 */
         .scroll-hover {
            background: #ffffff !important;
        }
        
        .scroll-hover .head-main a,
        .headBox.scroll-hover .head-main a .fs-operation {
            color: #333333 !important;
        }


        .headBox.scroll-hover .head-l a .logo1 {
            display: none;
        }

        .headBox.scroll-hover .head-l a .logo2 {
            display: block;
        }
        
         .headBox.scroll-hover .head-main .head-r .nav .liFirst {
            background: url(/images/images/new2023/newsIndex/header/down-icon.png) right 36px no-repeat !important;
        }

		.headBox.scroll-hover .head-main .head-l {
            height: 75px !important;
            display: flex;
            align-items: center;
        }
        
        .headBox.scroll-hover .head-main a .fs-Name {
            color: #d54e46 !important;
        }
		.headBox.scroll-hover .head-r .search .searchMain span {
			color: #333333 !important;
		}

		.headBox.scroll-hover .head-r .search .searchMain span .searchPhoneImg {
			display: none !important;
		}

		.headBox.scroll-hover .head-r .search .searchMain span .searchHPhoneImg {
			display: inline-block !important;
		}

		/* 可选：为搜索框添加过渡效果 */
		.search .searchMain {
			transition: all 0.3s ease;
		}


        .headBox .head-main .head-r .nav .product-center:hover .productCenter-box {
            display: block;
        }

        .head-r .nav .productCenter-box {
            display: none;
            position: fixed;
            top: 75px;
            left: 50%;
            transform: translate(-50%, 0);
            width: 100%;
            line-height: initial;
            background: #fff;
            border-top: 1px solid #D5D5D5;
            z-index: 8;
        }

        .head-r .nav .productCenter-box .productCenter-main {
            margin: 0 auto;
        }

        .head-r .nav .productCenter-box .productCenter-main .main-box {
            margin: 0 auto;
        }

        .productCenter-box .productCenter-main .main-box .mainCenterBox {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            padding: 35px 0;
            padding-bottom: 5px;
            box-sizing: border-box;
            margin: 0 auto;
            width: 1200px;
        }

        .main-box .mainCenterBox .p-center-leftBox {
            flex-shrink: 0;
            width: 205px;
            font-size: 14px;
            text-align: left;
        }



        .main-box .mainCenterBox .p-center-leftBox .centerLeft-dlBox .laActive {
            display: inline-block;
            width: 100%;
            background-color: #f5f5f5;
        }



        .main-box .mainCenterBox .p-center-leftBox .centerLeft-dlBox .LeftDl-ever {
            cursor: default;
            padding-left: 10px;
            box-sizing: border-box;
            height: 54px;
            line-height: 54px;
            color: #333333 !important;
        }

        .main-box .mainCenterBox .p-center-rightBox {
            width: 995px;
            height:530px;
            overflow-y: auto;
        }

        .main-box .mainCenterBox .p-center-rightBox .centerRightBox {
            margin-left: 7px;
            flex-wrap: wrap;
            display: none;
            animation: padeIn 0.5s ease;
        }

        @keyframes padeIn {
            from {
                opacity: 0;
                transform: translateY(10px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .mainCenterBox .p-center-rightBox .centerRightBox .cRight-everBox {
            margin-bottom: 30px;
        }

        .mainCenterBox .p-center-rightBox .centerRightBox .cRight-everBox .ever-title {
			display:flex;
			justify-content: flex-start;
            align-items: center;
            padding: 0 30px;
            box-sizing: border-box;
            font-size: 14px;
            font-weight: bold;
            color: #333333;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            vertical-align: middle;
        }

        .p-center-rightBox .centerRightBox.laActive {
            display: flex !important;
        }

        .centerRightBox .cRight-everBox .ever-title .everIdentification {
            margin-right: 10px;
            display: inline-block;
            width: 3px;
            height: 14px;
            background: #cb261c;
        }

        .centerRightBox .cRight-everBox .eveMainBox {
            margin-top: 10px;
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            max-height: 170px;
        }

        .centerRightBox .cRight-everBox .eveMainBox li {
            padding: 0 30px;
            box-sizing: border-box;
            width: 316px;
            height: 35px;
            line-height: 35px;

        }

        .centerRightBox .cRight-everBox .eveMainBox li a {
            display: flex !important;
            align-items: center;
            width: 100%;
            height: 35px;
            line-height: 35px;
            font-size: 12px;
            color: #333333 !important;
        }

        .centerRightBox .cRight-everBox .eveMainBox li img {
            margin-right: 8px;
            width: 26px;
            height: 26px;
        }

        .centerRightBox .cRight-everBox .eveMainBox li span {
            word-wrap: break-word;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        /*尾部*/
		ul li {
			list-style: none;
		}

		.foot {
			width: 100%;
			background: #2e2e2e;
			min-width: 1200px;
		}

		.foot-imgBox {
			padding: 30px;
			margin: 0 auto;
			background: url('/images/images/new2023/img-box.jpg') center no-repeat;
			background-color: #f2f2f2;
		}

		.foot-imgBox ul {
			width: 1050px;
			margin: 0 auto;
			display: flex;
			justify-content: space-between;
		}

		.foot-imgBox li {
			width: 200px;
		}

		.foot-imgBox li .img1 {
			display: flex;
			flex-direction: column;
			align-items: center;
		}

		.foot-imgBox li .img1 img {
			width: 73px;
			margin-bottom: 10px;
			transition: all 1s;
		}

		.foot-imgBox li .img1 img:hover {
			transform: rotateY(360deg);
		}

		.img1 .describe {
			width: 300px;
			text-align: center;
			line-height: 22px;
			color: #fff;
			font-size: 14px;
		}

		.img1 .describe p i {
			color: #fffc00;
			font-weight: bolder;
		}

		.foot-top {
			width: 1200px;
			margin: 0 auto;
			padding-top: 30px;
			border-bottom: 1px solid #414040
		}

		.foot-nav {
			height: 50px;
			width: auto;
			float: left;
			color: #c1c1c1;
			line-height: 30px;
			padding-top: 15px;
		}

		.foot-nav a {
			font-size: 14px;
			color: #c1c1c1;
			padding: 0 12px;
		}

		.foot-nav a:hover {
			color: #5079d8
		}

		.foot-tel {
			float: right
		}

		.foot-bottom {
			cursor: default;
			width: 1200px;
			height: 55px;
			margin: 0 auto
		}

		.foot-bottom p {
			font-size: 14px;
			color: #c1c1c1;
			float: left;
			line-height: 40px;
		}

		.foot-bottom span {
			font-size: 14px;
			color: #c1c1c1;
			float: right;
			line-height: 40px;
		}

		.foot_intear {
			float: right;
			width: 205px;
			height: 60px;
			margin-top: -7px;
			position: relative;
			text-align: center;
			display: flex;
			justify-content: space-between;
		}

		.foot_intear li {
			float: left;
			width: 50%;
		}

		.foot_intear li .title {
			cursor: default;
			margin-top: 5px;
			font-size: 14px;
			color: #999999;
		}

		.foot_intear li img {
			margin-top: 7px;
			height: 108px;
		}
		.foot_intear .weix01{
			position: relative;
		}
		.foot_intear .phone01{
			position: relative;
		}
		.foot_intear .tencent01{
			position: relative;
		}

		.foot_intear li .phone_n {
			font-size: 16px;
			position: relative;
			top: 7px;
		}

	    .foot_intear .weix01 {
			float: left;
			width: 50%;
		}
		.foot_intear .weix01 .wx{
			height: 35px;
			background: url(/images/images/new2023/WeChat.png) center no-repeat;

		}
		.foot_intear .weix01:hover .wx{
			height: 35px;
			background: url(/images/images/new2023/WeChat1.png) center no-repeat;
		}
		.foot_intear .QQ01 .qq{
			color: white;
			height: 35px;
			background: url(/images/images/new2023/qq.png) center no-repeat;
		}
		.foot_intear .QQ01:hover .qq{
			height: 35px;
			background: url(/images/images/new2023/QQ1.png) center no-repeat;
		}
		.foot_intear .phone01 .phone{
			color: white;
			height: 35px;
			background: url(/images/images/new2023/phone.png) center no-repeat;
		}
		.foot_intear .phone01:hover .phone{
			height: 35px;
			background: url(/images/images/new2023/phone1.png) center no-repeat;
		}
		.foot_intear .tencent01 .tencent{
			color: white;
			height: 35px;
			background: url(/images/images/new2023/tencent.png) center no-repeat;
		}
		.foot_intear .tencent01:hover .tencent{
			height: 35px;
			background: url(/images/images/new2023/tencent1.png) center no-repeat;
		}
		.foot_intear li:hover .title {
			color: #31c37c
		}

		.foot_intear .weix01:hover .weix_hover{
			display: block;
		}
		.foot_intear .phone01:hover .phone01_hover{
			display: block;
		}
		.foot_intear .tencent01:hover .tencent01_hover{
			display: block;
		}
		.weix_hover {
			width: 120px;
			height: 130px;
			background: url(/images/images/new2023/weixhover.png) no-repeat;
			color: #5079d8;
			position: absolute;
			top: -132px;
			left: 50%;
			transform: translateX(-50%);
			box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
			z-index: 99;
			display: none;
		}

		.phone01_hover {
			width: 120px;
			height: 100%;
			background: url(/images/images/new2023/phonehover.png) no-repeat;
			position: absolute;
			top: -50px;
			left: 50%;
			transform: translateX(-50%);
			z-index: 99;
			font-size: 12px;
			color: #888787;
			display: none;
		}

		.tencent01_hover {
			width: 120px;
			height: 130px;
			background: url(/images/images/new2023/weixhover.png) no-repeat;
			position: absolute;
			top: -132px;
			left: 50%;
			transform: translateX(-50%);
			box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
			z-index: 99;
			display: none;
		}