body{font-size:0.36rem; color:#333;font-family: "Microsoft YaHei";line-height: 1.42857143;background-color: #fff;margin: 0;}
.menu-list .menu-li a {color:#333; font-size:0.36rem;}
 .classList .classItemWrap a{font-size:0.36rem;color:#333}
 .telBtn{color:#333;}
 .c-666{font-size:0.36rem; color:#333;}
 .c-333{font-size:0.36rem; color:#333;}
 .fs32{font-size:0.36rem;}
 .classList .titles a{font-size:0.36rem;color:#fff;}
 .nesTitle,.nav-tabs.nav-justified .new-menu a{color:#333;}
 .navInnerIndex .navCont{color:#333;}
 .newsPage.news .date span{color:#333;}
 .instructions .caseConts{font-size:0.36rem;}

.header{background:#fff;}
.message{background:#fff;}




.footerNav .btn,.bg-075,.nav-tabs.nav-justified .new-menu.active a,.pageWrap li.active,.detialCont,.menu-list .top,.banners .carousel-indicators .active{background:#e9bd7c!important;}
 .banners .carousel-indicators .active {
  background: #e9bd7c!important;
  border-color: #e9bd7c!important;
}
.index_banners .carousel-indicators .active {
  background: #e9bd7c!important;
  border-color: #e9bd7c!important;
}
.nav-tabs.nav-justified .new-menu.active a{border-color:#e9bd7c !important;}
.bg-738{background-color:#e9bd7c !important;}
.c-738{color:#e9bd7c !important;}
.bd-color {border-color:#e9bd7c !important;}
 .nav-tabs.nav-justified .new-menu.active a, .productCarousel .carItem .lis.active{background:#e9bd7c!important;border-color:#e9bd7c!important;}


.message .messagtBtn{background:#063a75;}
.menu-list .menu-li a{font-weight:normal;}

.breadCrumbs{color:#333;background:#eee}
  .breadCrumbs a{color:#333;}




.footerNav .btn{border-right:1px solid #333}

.about{background:#333}
.about .aboutLinkInn a{color:#333;}

@font-face {
  font-family: 'iconfont';  /* Project id 4383909 */
  src: url('//at.alicdn.com/t/c/font_4383909_vp7h05ic6jm.woff2?t=1703908290115') format('woff2'),
       url('//at.alicdn.com/t/c/font_4383909_vp7h05ic6jm.woff?t=1703908290115') format('woff'),
       url('//at.alicdn.com/t/c/font_4383909_vp7h05ic6jm.ttf?t=1703908290115') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

.productItem {margin-top: 0.2rem !important; width: 100% !important;}
.header {padding: 1% 3%;}
.bd-color {background-image: linear-gradient(rgba(1, 4, 40, 1), rgba(1, 4, 40, .95));}
.indexdiy_head_div img {width: 47% !important;}
p {margin: 0 0 1px !important;}
.caseBg {}
.casrInnerCarousel {height: 8rem !important;}
#caseCarousel .leftBtn, #caseCarousel .rightBtn {top: 28%;}
.instructions {
    background: #333 !important; opacity: 0.8;padding: 0.7rem 0.6rem 0 0.267rem; !important;height: 4rem !important;}
.app_r_wb{margin-bottom: 10px !important;}
.newsPage.news.indexNews {padding: 0.2rem 0.267rem 0.8rem !important;}
/*栏目标题*/
.case{padding-top:2%;}
.productCarousel .carousel-indicators .active{background: #e9bd7c !important;}
.productList{padding: 0.2rem 0.267rem !important;}
.wrapTitle{padding: 0.133rem 0.1rem 0.35rem 0.1rem !important;}
.wrapTitle:after{content:'';font-size:3.3vw;color:#666;display: block;font-family: "微软雅黑";font-weight: lighter;line-height:4vw;}
.wrapTitle,.wrapTitle a{font-size: 6.5vw;font-weight: bold;letter-spacing: 0px;color:#333 !important;}
.prod .wrapTitle:before{display:none;}
.productList .wrapTitle:after{content:'提供智慧教育、展馆展陈的综合策展解决方案及内容建设一站式服务'}/*产品*/
.company .wrapTitle:after{content:'“创意+科技+服务”';}/*关于我们*/
.news .wrapTitle:after{content:'实时掌握智慧教育、展馆展陈新动态';}/*新闻*/
.case .wrapTitle:after{content:'为您提供专业的智慧教育、展馆展陈解决方案';}/*图片滚动*/
.wrapTitle:before{content:'华跃·';font-size: 6.5vw;font-weight: bold;letter-spacing: 0px;color:#e9bd7c;}/*公司简称*/
.companyDetail{font-size:0.28rem;color:#999;line-height:0.5rem;}
.company{padding-top: 0rem !important;}

.prny img { width: 100%;}
.footerNav .btn, .bg-075, .nav-tabs.nav-justified .new-menu.active a, .pageWrap li.active, .detialCont, .menu-list .top, .banners .carousel-indicators .active{background: #e9bd7c !important;}
.message{    display: none;}

.nav-tabs.nav-justified .new-menu.active a, .productCarousel .carItem .lis.active {
    background: #e9bd7c !important;
    border-color: #e9bd7c !important;
}


.por_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.por_top li {
    padding:15px 50px;
    background: #333;
}
.por_top li+li {
    border-left: 1px #c3c3c3 solid;
}
.pro_bc {
    margin:80px 0 100px;
}

.por_top>p {font-size: 34px;color: #e9bd7c;font-weight: bold; line-height:34px;     text-align: center;
    width: 100%;}

.por_top>p span {
    font-size: 15px;
    display: block;
    margin-left: 0px;font-weight: normal;line-height:28px;
margin-top:3px;
color: #999;
text-transform: uppercase;
}

.por_top dl {
    display: none;
}

.por_top ul {
    display: flex;
}

.por_top li>a {
    font-size:23px;
    color: #fff;
    position: relative;
}

.por_top li>a:after {
    position: absolute;
    content: "";
    width:10px;
    height:10px;
    border: 1px solid transparent;
    border-radius: 100%;
    top: 10px;
    left: -18px;
}

.pro_ic {
    margin-top: 64px;display: flex;transition:all .5s;
}
.por_top li.on{    background: #e9bd7c;}


	.banner_bj {
	  height: 600px;
	  position: relative;
	}
	.banner_bj{
		width: 100%;
		background: url(/dg086987/uploadfile/image/20231227/20231227205513_1477906342.jpg) center bottom no-repeat;
	    background-repeat: no-repeat;
		z-index: 0;
	}

	/*简介*/
	
	元素 {
	}
	.iabnner {min-width: 100%;max-width:100%;margin: 0 auto;padding: 0% 0 5% 0;display: -webkit-flex;-webkit-justify-content: space-between;-webkit-flex-wrap: wrap;}
	.iabnner .iableft {width: 40%;}
	.ititle big {display: block;position: relative;font-size: 20px;color: #333;font-family: Fonttwo;}
	.iabout .ititle>span {display: block;font-size: 24px;line-height: 48px;color: #333;margin: 0px 0px 0px;font-weight: normal;}
	.iabnner .iabright {width: 100%;}
	.iabout .iabtext {color: #333;}
	.iabout .iabtext>h3 {font-size: 34px;line-height: 36px;padding-bottom: 25px;color: #333;}
	.iabout .iabtext>section {margin: 0px 0px;font-size: 16px;}
	.iabtext span {font-size: 22px; font-weight: bold;margin-bottom: 10px;}
	.iabtext p {
	  line-height: 30px;
	}
	.iabout ul {display: -webkit-flex;-webkit-justify-content: space-between;padding: 20px 0px 60px;width: 100%;}
	.iabout ul li {display: -webkit-flex;color: #fff;}
	.iabout ul li big {display: block;font-size: 30px;font-family: Fontthree;line-height: 80px;}
	.iabout ul li span {display: block;font-size: 20px;line-height: 35px;margin-left: 15px;font-weight: normal;padding: 3px 0px 0px;letter-spacing: 2px;}
	
	/* 发展历程 */
	.title {
	    text-align: center;
	    margin-top: 0px;
	}
	.title>i {
	    font-size: 40px;
	    position: relative;
	    padding-bottom: 0px;
	    margin-top: -41px;
	    display: block;
	    color: #333;
	    font-weight: bold;
	}
	.title>em {
	    font-size: 18px;
	    color: #999;
	    display: block;
	}
	#c-history {
	    padding:70px 0;
	    background: #eff1f5;
	}
	
	.c-banner4-wrap {
	    margin-top: 7%;
	    position: relative;
	 margin-bottom: 8%;
	}
	
	.c-banner4-wrap .c-prev {
	    position: absolute;
	    top: 50%;
	    left: -110px;
	    z-index: 10;
	    margin-top: -30px;
	    width: 60px;
	    height: 60px;
	    border-radius: 50%;
	    background: #fff url(/dg086987/uploadfile/image/20231228/20231228133317_757883817.png)no-repeat center / 20px auto;
	    transition: .5s;
	    cursor: pointer;
	}
	
	.c-banner4-wrap .c-next {
	    position: absolute;
	    top: 50%;
	    right: -110px;
	    z-index: 10;
	    margin-top: -30px;
	    width: 60px;
	    height: 60px;
	    border-radius: 50%;
	    background: #fff url(/dg086987/uploadfile/image/20231228/20231228133317_757883817.png)no-repeat center / 20px auto;
	    transition: .5s;
	    cursor: pointer;
	}
	
	.c-banner4-wrap .c-prev:hover {
	    background-color: #e9bd7c;
	    background-image: url(/dg086987/uploadfile/image/20231228/20231228133424_1123328014.png);
	}
	
	.c-banner4-wrap .c-next:hover {
	    background-color: #e9bd7c;
	    background-image: url(/dg086987/uploadfile/image/20231228/20231228133504_1351051144.png);
	}
	
	.c-banner4-top .c-num {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    font-family:din;
	    font-size: 400px;
	    line-height: 1;
	    color: #e6e8ec;
	font-weight: bold; 
	}
	
	.c-banner4-top .c-box-wrap {
	    position: relative;
	    z-index: 2;
	    padding: 5px 0;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	
	.c-banner4-top .c-text-box {
	    margin: 0 auto;
	    padding: 40px 40px;
	    max-width: 100%;
	    background: #fff;
	    display: block;
	    align-items: center;    text-align: center;
	}
	
	.c-banner4-top .c-text-box .c-num2 {
	    flex: 0 0 120px;
	    font-family:din;
	    font-size: 40px;
	    line-height: 1;
	font-weight: bold;
	}
	
	.c-banner4-top .c-text-box .c-text {
	    padding-left: 30px;
	    line-height: 2;
	    color: #555;
	font-size:20px;
	line-height:30px;
	}
	.c-banner4-top .c-text-box .c-text p{line-height:30px;}
	.c-banner4-bottom::before {
	    content: "";
	    position: absolute;
	    left: 0;
	    top: 10px;
	    z-index: -1;
	    width: 100%;
	    border-top: 1px solid #e0e2e7;
	}
	
	.c-banner4-bottom .c-dot {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    margin: 0 auto;
	    width: 20px;
	    height: 20px;
	    border: 2px solid #e0e2e7;
	    border-radius: 50%;
	    background: #fff;
	    transition: .5s;
	}
	
	.c-banner4-bottom .c-dot::before {
	    content: "";
	    width: 8px;
	    height: 8px;
	    border-radius: 50%;
	    background: #fff;
	    transition: .5s;
	}
	
	.c-banner4-bottom .swiper-slide-thumb-active .c-dot {
	    border-color: #e9bd7c;
	}
	
	.c-banner4-bottom .swiper-slide-thumb-active .c-dot::before {
	    background: #e9bd7c;
	}
	
	.c-banner4-bottom .c-num {
	    padding-top: 15px;
	    font-size: 20px;
	    line-height: 30px;
	    color: #999;
	    text-align: center;
	    transition: .5s;
	}
	
	.c-banner4-bottom .swiper-slide-thumb-active .c-num {
	    color: #e9bd7c;
	}
	.c-container {
	position: relative;
	    margin: 0 auto;
	    width: 72%;
	}
	
	/* strength */
	.dfs {
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	    width: 100%;
	}
	.str_bg{max-width:1400px;height:160px; position: relative; padding: 0% 0%;margin: 0 auto;z-index: 99;}
	.str_bg .w1500 *{line-height: 100%;}
	.str_list,.str_list ul{height:100%;position: relative;margin-top: 30px;}
	.str_list li+li{border-left: 1px rgba(0,0,0,0.1) solid; padding-left: 148px;}
	.str_list li p{font-size:30px;font-weight: 100;color:#333;}
	.str_list li em {display:flex;align-items:baseline;margin:6px 0;}
	.str_list li em i{font-size:66px; color:#333;font-style: normal; font-family:din; font-weight:bold;}
	.str_list li em b{font-size:18px;font-weight: 100;color:#333;margin-left:5px;}
	.str_list li>span{font-size:16px;color:rgba(0,0,0,0.8);}
	
	
.hanhai{padding: 70px 0 40px 0;  background-image: url(/dg086987/uploadfile/image/20231229/20231229095941_1508631531.jpg); background-position: center; background-attachment: fixed;margin-bottom: 0px;overflow: hidden;}
.cut{max-width: 1500px;margin:0 auto; padding-top:20px;}
.cut li{float:left; background:#fff; width:47%; height:270px; box-sizing: border-box; padding:20px;margin-left: 2%;margin-top: 2%;}

.cut li img{width:100%;}
.cut_w p{font-size:18px; color:#222; line-height:30px; padding-top:10px;}
.cut_w dd{font-family: Arial; font-size:12px; color:#999;}
.cut_w dd:after{content:""; display:block; width:20px; height:1px; background:#e9bd7c; margin:10px 0;}
.cut_w span{line-height:24px; color: #999; font-size:14px;text-align: justify;}
	

			
		/*致辞*/
		.ac_t img {width:100%;}
		.about1{max-width: 100%;width: 100%; margin: 10px auto;}
		.ab_t1{font-size: 30px;text-align: left; display: flex;padding: 50px;background: #fff;}
		.wh_p{line-height: 37px !important;}
		.ab_t1 p {
		    color: #666;
		    font-size: 18px;
		    text-align: left;
		    line-height: 35px;
		    padding: 5px 0px 0px 0px;
		}
		.ab_t1 span {
		    font-size: 25px;
		    font-weight: bold;
		    margin-bottom: 20px;
		    color: #000;
		}
		.ab_tt{width: 33%;}
		.ab_tt em:after {content: '';display: block;position: absolute;border-radius: 50%;width: 7px;height: 7px;border: 2px solid #ab1f24;right: -110px;top: 9px;}
		
		.ac_t {
		    width: 100%;
		}
		.ab_t1.ds .ac_t p {
			background: #fff;
			text-indent: 2em;
		}
		.ab_tt.ming {
		    padding: 0px 70px 0px 0px;
		    background: #fff;
		}
		.ac_t em{
			font-size: 18px;
			color: #666;
			padding-top: 15px;
			padding-bottom: 15px;
		}
		.duty_title{
			text-align: center;
			margin: 60px 0;
		}
		.duty_title p{
			font-size: 30px;
			font-weight: bold;
			margin-bottom: 20px;
		}
		.duty_title span {
			font-size: 18px;
			margin-bottom: 30px;
		}
		.duty_tp{
			width: 100%;
			height: auto;
			  display: flex;
			  color: #fff;
			margin-top: 30px;
		}
		
		.bjs {
		    background: #f1f1f1;
		}


.home_case_tit {text-align: center;}
.home_case_tit .std_tit2 {color: #fff;line-height: 1.5;font-weight: bold;font-size: 30px;text-shadow: 1px 0 0 #333, 0 1px 0 #333, -1px 0 0 #333, 0 -1px 0 #fff;padding:0 3%;}
.home_case .ys_cont1600 {
    position: relative;
    z-index: 10;
}
.home_case {
    width: 100%;
    background: #010428;
    padding-bottom: 260px;
padding-top: 70px;
}
.home_case {
    position: relative;
    perspective: 780px;
    overflow: hidden;
}
.home_case_bg {
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 100%;
    height: 630px;
    overflow: hidden;
    transform: rotate3d(1, 0, 0, 110deg);
    /* transform: matrix3d(1, 0, 0, 0, 7.45976e-05, 0.106202, 0.9970731, 0, 0.000853469, -0.0870732, 0.996202, 0, 0, 0, 0, 1); */
}
.home_case_bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    backface-visibility: hidden;
}
.home_case .ys_cont1600 {
    position: relative;
    z-index: 10;
}
.ys_hd_pc.isfixed {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08);
}
.home_case_ul_li {
    width: 100%;
}
.home_case_bg_wrap {
    display: flex;
    width: 100%;
    height: 100%;
}
.hcul_img {
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    border-radius: 2px;
}
.hcul_img img {
    object-fit: cover;
}
.home_port {
    width: 100%;
    position: relative;
}
.home_port_info p {
    color: #fff;
    text-align: center;
}
.home_port_info {
    margin-top: 12px;
}
.home_port_more {
    text-align: center;
    margin-top: 30px;
margin-bottom: 30px;
}
.home_port_more .mod_btn2_text {
    position: relative;
    border: none;
}
.home_port_more .mod_btn2_text::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    opacity: 0.2;
    border-radius: 36px;
    transition: all 0.36s;
    animation: scrlo 1.6s linear infinite;
}
@keyframes scrlo {
    0% {
        width: 100%;
        height: 100%;
    }
    50% {
        width: 116%;
        height: 72px;
    }
    100% {
        width: 100%;
        height: 100%;
    }
}
.home_port_more .mod_btn2 {
    height: 50px;
}
.hcbw_scroll {
    width: 100%;
    margin: 0 5px;
    position: relative;
    height: 100%;
}
.hcbw_scroll:nth-child(n)::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: #010428;
}
.hcbw_scroll:nth-child(2n)::after {
    display: none;
}
.hcbw_scroll:nth-child(2n) {
    transform: translateY(30px);
}
.home_case_ul_li1 {
    position: relative;
    left: 0;
    top: 0;
}
.home_case_ul_li2 {
    transform: translateY(100%);
    left: 0;
    top: 0;
}
.home_case_ul_li {
    animation: donghua 20s linear infinite;
}
@keyframes donghua {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-100%);
    }
}
.home_case_bg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #010428 26.00%, rgba(1, 4, 40, 0.1) 80.5%);
}

.comm{box-shadow: 0px 0px 60px 0px rgba(228, 232, 229, 0.8);     padding: 30px 25px;}
.comm1{margin-top:50px; padding: 0px; max-width: 100%; margin: 0 auto; background: #f8f8f8;}
.comm1 {display: block;    margin: 3% auto 0;overflow: hidden;width: 100%;background: #f8f8f8; padding:4%;}
.comm {overflow: hidden;display: block; width:100%;margin: 0 auto;margin-top:0px;margin-bottom: 40px;}
.abo_yw{padding-top: 3%;
    border-top: 1px #eee solid;
    margin-top: 3%;}
.abo_yw span {font-weight: bold; color: #e9bd7c;text-transform: uppercase;margin: 10px 0px 20px 0px;font-size: 38px;}
.abo_yw b{font-family: "din"; font-size: 34px; font-weight: normal;color: #ccc; padding-left:10px;}
.abo_yw p { color: #333; font-size: 30px; font-weight: bold;margin-bottom: 20px;}
.abou.fl { width:100%; padding:3% 0%;}
.abo_ywx{width: 100%;padding: 3% 0%;}
.abo_ywx span{margin: 30px 20px 0px 0px; background: #e9bd7c; padding: 1% 2%;color: #333;
    font-size: 30px;
    font-weight: bold;width: 100%; display: flex;}
.abou1.fl { width: 50%;padding-left: 55px;padding-top:1%;}
.abo_bt { color: #333; font-size: 30px; font-weight: 300; margin-top: 30px; margin-bottom: 0px;}
.abo_wz p {line-height: 25px; font-size: 15px; color: #888; margin-top: 2%;padding: 0 1%;}
.abo_wz strong { font-size: 18px; line-height: 40px; font-weight: inherit;}  
.abou { width: 54%;}
.abou .abo_yw p {margin: 30px 20px 0px 0px; background: #e9bd7c; padding: 1% 2%;}
.comm+.comm .abo_yw p {  margin-bottom: 30px;}
.fr{float: right;}
.fl{float: left;}
.commpic{ width: 100%;display: flex;
    justify-content: center;
    align-items: center;}
.commpic img{width: 100%;}
.navn{margin:0 auto; max-width:100%x; background:#f8f8f8; height:40px; line-height:40px; position: relative; left:0; right:0; margin-bottom:20px;z-index: 999;}
.navn>a{display:block; float:left; font-size:15px; color:#222;}
.navn1 a{width:25%; height: 100%; display: flex;justify-content: center;align-items: center;}
.navn>a.on,.navn>a:hover{color:#fff;background:#174592;}
.navn2 li{ float:left; width:33.3333%;position: relative; }
.navn2 li>a:hover,.navn2 li.on>a{background:#174592; color:#fff;}
.navn2 li>a{font-size:16px; color:#222;display: block;}
.navn2 ul{position: absolute; top:60px;width:100%; height: 0; overflow: hidden; background:#fff;transition:all linear 0.3s; z-index: 99; text-align:center;}
.navn2 ul a{line-height:40px; display:inline-block; font-size:15px; padding:0 1vw;}
.navn2 li:hover ul{height:auto; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.about p{color:#fff;}