.nav_Bg{width:100%;height:110px;position:fixed;top:0;z-index:98;}
.nav_Box{width:1360px;height:110px;margin:0 auto;}
.Top_Logo{float:left;width:260px; margin-top:20px; height:72px; background:url(ybgl_03.png) top center no-repeat;}
.Top_nav{float:right; width:780px; height:50px; margin-top:30px;z-index:98;}
.Top_menu{ float:right;width:30px; height:30px;margin-top:40px; margin-left:80px; cursor:pointer; background:url(ybgl_06.png) top center no-repeat;}
.Top_nav ul li{ float:left;text-align: center;width: 130px;height:50px;font-size:18px;font-family: '微软雅黑', 'Microsoft YaHei';line-height:50px;color:#fff;}
.Top_nav ul li a{color:#fff;display: block;width: 100%;height: 100%;}
.Top_nav ul li:hover i{display:block; width:60%; height:2px; margin:0 auto;background-color:#fff;}
.nav_Bg.on{ background:#fff;}
.nav_Bg.on .Top_Logo,.nav_Bg.on .Top_menu{ background-position:bottom;}
.nav_Bg.on Top_nav ul li,.nav_Bg.on .Top_nav ul li a{color:#000;}
.nav_Bg.on .Top_nav ul li:hover i{ background-color:#406df6;}

.fullSlide{ min-width:1000px; position:relative;  height:1000px; overflow:hidden;}
.fullSlide .bd{ position:relative; z-index:1;}
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:1000px; overflow:hidden;text-align:center;}
.fullSlide .bd li a{ display:block; height:1000px; }
.fullSlide .hd{ position:absolute; right:20px;top:50%;width:30px;height:120px; margin-top:-60px;z-index:3;}
.fullSlide .hd ul{ width: 30px;text-align:center;  }
.fullSlide .hd ul li{width: 30px;height: 30px;background:url(ybgl_11.png) bottom center no-repeat; margin:5px 0; display:inline-block; cursor:pointer; overflow: hidden;text-indent: 999px;}
.fullSlide .hd ul li.on{ background-position:top center;}
.fullSlide .hd .pageState{color:#fff; font-size:16px;}
.fullSlide .hd .pageState span{ font-size:22px;}

.Banner_ej{width:100%;height:500px;}

.DMk{width:100%; background:#406df6; position:fixed;left:5%; z-index:99; opacity:0; display:none;}
.DMk_nr{width:1200px;height:560px; position:absolute;left:-600px;}
.DMk_nr_left{width:490px;height:560px; position:absolute;left:46px;top:0; }
.DMk_nav1{width:150px;height:80px;line-height:80px;  text-align:left;font-size:30px; font-family: '微软雅黑','Microsoft YaHei'; font-weight:bold;}
.DMk_nav1 a:link,.DMk_nav1 a:visited,.DMk_nav1 a:hover,.DMk_nav1 a:active { color:#fff;}
.DMk_nav1:hover a{ color:#a9beff;}
.DMk_nav2{margin:0;width:280px; position:absolute;left:20px;top:20px; padding-left:60px; display:none;z-index:100;background:url(DMK_xx_03.jpg) 60px 20px no-repeat; }
.DMk_nav2 ul{margin:0;padding:0;}
.DMk_nav2 ul li{margin:0;padding:0;width:190px;height:40px;line-height:40px; text-align:left; padding-left:90px;z-index:100; font-family: '微软雅黑','Microsoft YaHei';font-weight:normal !important;}
.DMk_nav2 ul li a:link,.DMk_nav2 ul li a:visited,.DMk_nav2 ul li a:hover,.DMk_nav2 ul li a:active{color:#fff;font-size:16px;}
.DMk_nav2 ul li:hover a{ color:#a9beff;}

.DMk_nr_right{width:350px;height:560px; float:right; position:relative; }
.DMk_nr_r_text{ line-height:60px; font-size:20px;color:#fff;}
.DMk_nr_r_tel{ line-height:70px; font-size:48px;color:#fff;}
.top_DMK_logo{ position:absolute;right:0;bottom:0; width:260px; height:72px; background:url(ybgl_03.png) top center no-repeat;}
.o_close{ position:absolute;left:610px;top:60px; cursor:pointer;}
.o_close:hover{
	-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	-o-transform: rotateZ(360deg);
	-ms-transform: rotateZ(360deg);
	transform: rotateZ(360deg);
	
	-webkit-transition: -webkit-transform 1s ease-out;
	-moz-transition: -moz-transform 1s ease-out;
	-o-transition: -o-transform 1s ease-out;
	-ms-transition: -ms-transform 1s ease-out;
}
.Banner_btn_Box{ width:1360px; margin:0 auto; position:absolute; z-index:2; left:50%; margin-left:-680px; bottom:70px;}
.Banner_btn_Box .Banner_btn{width:430px;height:84px; background:#fff; border-radius:15px; float:left; margin-left:35px; cursor:pointer;}
.Banner_btn_Box .Banner_btn .Banner_btn_Txt{float:left; margin-left:35px; margin-top:15px;font-size:14px; line-height:30px;color:#939393;}
.Banner_btn_Box .Banner_btn .Banner_btn_Txt span{ display:block;font-size:22px; color:#646464}
.Banner_btn_Box .Banner_btn i{ display:block; float:right; width:50px; height:50px; margin-right:35px; margin-top:17px;}
.Banner_btn_Box .Banner_btn i.B_icon01{ background:url(icon.png) left bottom no-repeat;}
.Banner_btn_Box .Banner_btn i.B_icon02{ background:url(icon.png) -50px bottom no-repeat;}
.Banner_btn_Box .Banner_btn i.B_icon03{ background:url(icon.png) -100px bottom no-repeat;}
.Banner_btn_Box .Banner_btn:hover{ background:#406df6;}
.Banner_btn_Box .Banner_btn:hover .Banner_btn_Txt,.Banner_btn_Box .Banner_btn:hover .Banner_btn_Txt span{ color:#fff;}
.Banner_btn_Box .Banner_btn:hover i.B_icon01{ background:url(icon.png) left -258px no-repeat;}
.Banner_btn_Box .Banner_btn:hover i.B_icon02{ background:url(icon.png) -50px -258px no-repeat;}
.Banner_btn_Box .Banner_btn:hover i.B_icon03{ background:url(icon.png) -100px -258px no-repeat;}
.dashed-line {
  width: 1360px; /* 或者具体宽度 */
  height: 1px; /* 或者具体高度 */
  background-color: #000; /* 背景颜色 */
  position:relative;
  top:50px;
}
 
.dashed-line::after {
  content: "";
  position: absolute;
  top: 0;
  left: 44px; /* 空隙开始的位置 */
  width: 380px; /* 空隙的宽度 */
  height: 100%;
  background-color: #fff; /* 与背景颜色相同，制造出空隙效果 */
}

.Case_Bg{width:100%; height:830px;background-position:top center; padding-top:40px;}
.InfoBox{ width:1360px; margin:0 auto;}
.InfoBt{ width:1360px; height:100px;}
.Case_Bg .dashed-line {width: 990px;}
.Case_Bg .dashed-line::after {width: 290px;}


.Info_Bt{ width:290px; position:absolute;top:-50px;left:65px;line-height:50px;font-size:40px; color:#aaabaf; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.Info_Bt span{font-family: '微软雅黑','Microsoft YaHei';font-size:36px; color:#000; display:block;}
.Info_Class{ width:360px; float:right; text-align:center; margin-top:25px;}
.Info_Class .on{background:#406df6; color:#fff; border-radius:10px;}
.Info_Class .on a{color:#fff;}
.Info_Class ul li{*display:block; display:inline-block;zoom:1; color:#818181; font-size:16px; width:110px; height:40px; line-height:40px; cursor:pointer;}
.Info_Class ul li:hover{ background:#406df6; color:#fff; border-radius:10px;}
.Info_Class ul li:hover a{color:#fff;}
.InfoNr{width:640px; height:550px; margin-top:50px; float:left; overflow:hidden;}
.InfoNr_BT{ font-size:16px; line-height:30px; color:#999;}
.InfoNr_BT b{ display:block; height:80px; line-height:80px;font-size:36px; color:#000;}
.InfoNr_Img{ margin-top:40px; width:640px; height:375px; position:relative;}
.InfoNr_Img img{border-radius:40px 0 40px 0;}
.InfoNr_More{ width:440px; height:95px;background:#406df6; opacity:0; position:absolute; bottom:0; left:0; font-size:24px; line-height:94px; padding-left:20px; font-weight:bold; color:#fff;}
.InfoNr_More i{ display:block; float:right; width:42px; height:42px; background:url(ybgl_28.png); margin-top:30px; margin-right:40px;}
.InfoNr:hover .InfoNr_More{opacity:0.9;animation: slideInRight 0.2s ease-out forwards;}

.About_Bg{width:100%; height:720px;background-position:top center; padding-top:60px;position: relative;}
.About_Bg .dashed-line {width: 540px;background-color: #fff;}
.About_Bg .dashed-line::after {width: 250px;background-color:transparent;opacity: 0;}
.About_Bg .Info_Bt{ width:290px; position:absolute;top:-50px;left:65px;line-height:50px;font-size:40px; color:#f0f0f0; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.About_Bg .Info_Bt span{font-family: '微软雅黑','Microsoft YaHei';font-size:36px; color:#fff; display:block;}
.About_Nr{ width:690px; margin-top:50px; float:left;}
.About_Nr .InfoNr_BT,.About_Nr .InfoNr_BT b{ color:#fff;}
.About_More{ margin-top:30px;}
.About_NumBg{
	position: absolute;
	left: 50%;              /* 从屏幕中心开始 */
	width: 50%;
	bottom:0;            /* 占右侧半屏 */
	height: 180px;          /* 固定高度 */
	background: #406df6;    /* 蓝色背景 */
	border-top-left-radius: 25px;
}
.About_NumBox{width:600px; margin-top:40px;}
.About_NumBox ul li{float:right;width:140px;margin-left:60px; text-align:left;font-family: '微软雅黑','Microsoft YaHei'; font-size:14px; line-height:40px;color:#fff;}
.About_NumBox ul li .About_Num{font-family: '微软雅黑','Microsoft YaHei';font-size:16px;color:#fff;}
.About_NumBox ul li .About_Num span{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:48px; color:#fff;padding-right:10px;}
.About_NumBox ul li:first-child{width:100px;}
.About_NumBox ul li .About_Num span{transition: margin-top 1.5s ease-out;}

.YeWu_Bg{width:100%; padding-top:60px;height:795px;position: relative;}
.YeWu_imgBg{
  position: absolute;
  bottom:40px;
  left:15%;
  width:85vw;
  height: 255px;
  background-image: url('ywbg.jpg');
  background-size: cover;
  background-position: center;
  z-index: -1;
}
.YeWuBox{ width:1360px; height:570px;margin:0 auto; margin-top:40px; position:relative;}
.YeWu_Txt{ width:460px; float:left;font-size:24px; font-weight:bold; color:#000; line-height:50px;}
.YeWu_Btn{ margin-top:50px;}
.picScroll{position:absolute;width:1150px;left:460px;}
.picScroll .prev,
.picScroll .next{ display:block; position:absolute; top:430px; left:-200px; width:57px; height:57px; background:url(icon.png) no-repeat;   }
.picScroll .next{ left:auto; left:-130px; background-position:-70px 0; }
.picScroll .prev:hover{ background-position:0 -57px; }
.picScroll .next:hover{ background-position:-70px -57px; }
.picScroll ul{ overflow:hidden; zoom:1;}
.picScroll ul li{ width:350px; height:520px;float:left; margin-top:40px; padding:0 25px; position:relative;}
.picScroll ul li img{ width:350px; height:450px; display:block; background:url(loading.gif) center center no-repeat; border-top-left-radius:40px;}
.YeWu_img{cursor:pointer;color:#fff; font-size:24px;}
.picScroll ul li:hover .YeWu_img{
  transform: translateY(-40px);
  transition: transform 0.3s ease;
}
.YeWu_imgHover{
    position: absolute;
    top: 0;
    left: 25px;
    width:350px;
    height:450px;
	border-top-left-radius:40px;
    background-color: rgba(0, 123, 255, 0.5); /* 淡蓝色半透明背景 */
    opacity: 0;
    transition: opacity 0.3s ease;
  }
.picScroll ul li:hover .YeWu_imgHover{opacity:1;left:0;}

.Honhr_bg{width:100%; height:670px;background-position:top center; padding-top:60px;position: relative;}
.Honhr_bg .dashed-line::after {width: 350px;background-color:#dfe7f2;}
.NewsBox{width:1360px; height:800px;margin:0 auto;margin-top:40px;}
.NewsBox .dashed-line {width: 1110px;}
.NewsBox .dashed-line::after {width:320px;}
.NewsBox .Info_Class{ width:240px;}
.News_Nr{float:left; width:640px;margin-left:80px; margin-top:50px; cursor:pointer;}
.NewsTxt{ font-size:16px; color:#999; line-height:50px; height:160px; background:url(ybgl_41.png) 570px center no-repeat; padding-right:85px;}
.NewsTxt strong{ display:block; font-size:36px; color:#000;}
.News_img img{ border-radius:40px 0 40px 0;}
.News_Nr:hover .NewsTxt strong{ color:#406df6;}

.FootBg{ background:#393846; width:100%; height:520px;}
.FootBox{width:1360px; height:300px; margin:0 auto; padding-top:75px;}
.Foot_Contact{float:left; width:430px;margin-left:35px;}
.Foot_BT{ font-size:14px; color:#717078; line-height:34px;}
.Foot_BT strong{ display:block;color:#fff; font-size:22px;}
.Foot_BT i{ display:block; width:20px; height:2px; background:#717078; margin-top:30px;}
.Foot_Address{ font-size:16px; line-height:36px; color:#fff; margin-top:30px;}
.Foot_Btn{ width:160px; height:40px; background:#4b4a57; color:#fff; text-align:center; line-height:40px; margin-top:60px;}
.Foot_Logo{ float:left;width:500px; height:220px;text-align:center; border-left:solid #4d4c59 1px;border-right:solid #4d4c59 1px; padding-top:20px; margin-top:20px;}
.Foot_ewm{ float:left; margin-left:160px;}
.Foot_ewmImg{ margin-top:30px; width:145px; height:145px; background:#fff;}
.Foot_copy{ clear:both;width:1360px; margin:0 auto; margin-top:100px; color:#88878d;}
.zhichi{ float:right;color:#88878d;}
.zhichi a{color:#88878d;}

.Page_BT{font-size:40px; color:#aaabaf; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center;line-height:54px; padding-top:50px; padding-bottom:25px;}
.Page_BT strong{ font-size:36px; color:#323232; display:block;}
.Page_Class{ width:1360px;height:96px; margin:0 auto; border-top:solid #999 1px; border-bottom:solid #999 1px; text-align:center;}
.Page_Class ul{ height:48px; margin-top:24px;}
.Page_Class ul li{*display:block; display:inline-block;zoom:1; color:#818181; font-size:20px; width:140px; height:48px; line-height:48px; cursor:pointer;}
.Page_Class ul li:hover{ background:#406df6; color:#fff; border-radius:10px;}
.Page_Class ul li:hover a{color:#fff;}
.Page_Class ul li.on{background:#406df6; color:#fff; border-radius:10px;}
.Page_Class ul li.on a{color:#fff;}

.Nr_Box{ width:1360px; margin:0 auto; padding-top:50px; min-height:200px;}
.Nr_ImgBox{ width:420px; height:290px; position:relative; float:left; margin-right:50px; margin-bottom:50px; cursor:pointer;position: relative; overflow:hidden;}
.Nr_ImgDisp{ width:295px; height:80px;background:#406df6;position:absolute; bottom:0; left:0; font-size:20px; line-height:80px; padding-left:25px; font-weight:bold; color:#fff; z-index:10;}
.Nr_ImgDisp i{ display:block; float:right; width:30px; height:30px; background:url(ybgl_28.png) center no-repeat; background-size:100%; margin-top:25px; margin-right:25px;}
.Nr_ImgBox img{width:100%; height:auto;transition: all 0.4s linear;}
.Nr_ImgBox:hover img{transform: scale(1.2);}

.Nr_newsBox{ width:350px; height:470px; float:left; margin-right:65px; margin-bottom:65px;background:#fff;box-shadow: -5px 0px 10px 1px #e8e8e8,0px -5px 10px 1px #e8e8e8,5px 0px 10px 1px #e8e8e8,0px 5px 10px 1px #e8e8e8;cursor:pointer; padding:25px 30px;}
.Nr_newsTime{color:#494949; font-size:14px; width:100%; height:30px; line-height:30px;}
.Nr_newsBT{ font-size:20px; font-weight:bold; color:#232323; line-height:32px; height:80px;}
.Nr_newsImg{ height:210px; width:350px;background:#000;position: relative; overflow:hidden;}
.Nr_newsImg img{ width:100%; height:auto;transition: all 0.4s linear;}
.Nr_newsAbout{ font-size:16px;color:#999; line-height:28px; height:70px; margin-top:25px;}
.Nr_newsLine{ height:2px; background:#d8d8d8;}
.Nr_newsMore{ height:36px; line-height:36px; font-size:14px; color:#494949; margin-top:20px;}
.Nr_newsMore i{ display:block; width:36px; height:36px; float:right; background:url(ybgl_41.png) center no-repeat; background-size:100%;}
.Nr_newsBox:hover{ background:#406df6;}
.Nr_newsBox:hover .Nr_newsImg img{transform: scale(1.2);}
.Nr_newsBox:hover .Nr_newsTime,.Nr_newsBox:hover .Nr_newsBT,.Nr_newsBox:hover .Nr_newsAbout,.Nr_newsBox:hover .Nr_newsMore{ color:#fff;}
.Nr_newsBox:hover .Nr_newsMore i{background:url(ybgl_42.png) center no-repeat;}

.InfoDisp_BT{ width:100%; height:50px;margin:0 auto;font-size:18px; font-weight:bold; text-align:center; line-height:50px; border-bottom:dashed #999 1px; color:#000;}
.InfoDisp_Time{width:100%; height:40px; line-height:40px; text-align:right; padding-right:20px; font-size:16px; color:#666; padding-bottom:40px;}

.fanye{ width:1360px; margin:0 auto; clear:both;}

/* 定义动画 */
@keyframes slideInRight {
  from {
    transform: translateX(-460px); /* 初始位置在屏幕左侧之外 */
    opacity: 0; /* 初始透明度为0 */
  }
  to {
    transform: translateX(0); /* 结束位置在屏幕右侧 */
    opacity: 0.9; /* 结束透明度为1 */
  }
}