@charset "utf-8";
@import url(menu_view.css);
@import url('https://fonts.font.im/css?family=Irish+Grover');
/**@import url('https://fonts.font.im/css?family=Fontdiner+Swanky|Shojumaru');
font-family: 'Shojumaru', cursive;
font-family: 'Fontdiner Swanky', cursive;
**/
*{padding: 0; margin: 0; box-sizing:border-box; list-style-type: none}
body{min-width: 1200px;hidden}
body, input, select, textarea{font-family:'Microsoft YaHei', '微软雅黑';}
textarea{resize: none;}
ul,li{list-style: none}
body{overflow-y: scroll}
body{color: #555; font-size: 14px;}
body a{color: #555; text-decoration: none;}
body a:hover{color: #f13a3a; text-decoration: none;}
#design .hide_tip{display:none}
/*web_main_edu*/
#Web_Main_Head .edu_style_model{background:none; display: none;}
.box_base{z-index: 4;}
.modulebox > .view:before{display: none;}
section[powered-by="xiumi.us"],section[powered-by="xiumi.us"] section{font-size: 0;}
section[powered-by="xiumi.us"] span,section[powered-by="xiumi.us"] p,section[powered-by="xiumi.us"] font{font-size: initial;}
 
.w1200{width: 1200px; height: auto; overflow: hidden; margin: 0px auto; position: relative;}
.g1{width: 100%; height: 1px; overflow: hidden;}
.g50{width: 100%; height: 51px; overflow: hidden;}
.info{margin-top:18px; }
.info li{ line-height:2.0em; color: #222; font-size: 14px;}
.info li.tel{ margin-bottom: 12px; font-weight: bold; font-size: 26px; letter-spacing: 2px; font-family: 'Irish Grover', cursive; }

.shipin{text-align: center; width:80%; padding: 0px 10%; }
.shipin2{text-align: center; width:100%; padding:30px 0px; }

.ncate {
  padding-bottom: 18px;
  text-align: center;
}
.ncate a {border: 1px solid #ddd;
  display: inline-block;
  min-width: 80px;
  height: 44px;
  line-height: 44px;
  background: #fff;
  color: #222;
  font-size: 14px;
  margin-right: 18px; margin-bottom:10px;
  padding: 0 26px;
  -webkit-border-radius: 22px;4
  -moz-border-radius: 22px;
  border-radius: 22px;
}
.ncate a:last-child {
  margin-right: 0;
}
.ncate a:hover {
  background: #57be9a; border: 1px solid #57be9a;
  color: #fff;
} 
.ncate a.active{
  background: #57be9a;
  color: #fff;
}

/* 导航容器样式优化 */
.sonnav{
    width: 100%;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 8px;
    overflow: hidden;
}

/* 导航项基础样式 */
.sonnav li{ 
    list-style-type: none; 
    border-bottom: 1px solid #f0f0f0; 
    width: 100%; 
    min-height: 48px; 
    height: auto; 
    position: relative;
    transition: all 0.3s ease;
    display: flex; /* 使用flex布局 */
    align-items: stretch; /* 让子元素拉伸到相同高度 */
}

.sonnav li:last-child {
    border-bottom: none;
}

.sonnav li:hover {
    background-color: #f8f9fa;
}

/* 主分类标题样式 */
.sonnav li .er{ 
    font-weight: normal; 
    font-size: 14px; 
    background: #57be9a;
    width: 200px; 
    min-height: 48px;
    height: 100%; /* 自适应父容器高度 */
    display: flex; /* 使用flex布局 */
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    text-align: center; 
    color: #222;
    border-radius: 6px 0 0 6px;
    transition: all 0.3s ease;
    cursor: pointer;
    flex-shrink: 0; /* 防止收缩 */
}

/* 激活状态样式 */
.sonnav li .er.active{   
    background: #007bff;
    box-shadow: 0 2px 4px rgba(0,123,255,0.3);
}

.sonnav li .er a{ 
    color: #fff;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
}

.sonnav li .er:hover {
    background: #4a9d7a;
    transform: translateX(2px);
}

.sonnav li .er.active:hover {
    background: #0056b3;
}

/* 子分类容器样式 - 关键优化 */
.sonnav li .you{
    min-height: 48px;
    height: auto; /* 改为自动高度 */
    flex: 1; /* 占据剩余空间 */
    margin-left: 20px; /* 减少左边距，因为er不再绝对定位 */
    margin-right: 20px; /* 添加右边距 */
    padding: 8px 0;
    display: flex;
    flex-wrap: wrap; /* 允许换行 */
    align-items: flex-start;
    align-content: flex-start;
    gap: 8px; /* 添加间距 */
}

/* 子分类项样式 */
.sonnav li .you .san{  
    font-size: 13px;
    line-height: 24px; 
    padding: 6px 12px;
    margin: 0;
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 20px;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.sonnav li .you .san:hover {
    background: #e9ecef;
    border-color: #57be9a;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(87,190,154,0.2);
}
.sonnav li .you .san.active {
    border-color: #57be9a;background: #fff;
}
.sonnav li .you .san a.active {
     color: #11de96;
    transform: translateY(-1px); 
}

.sonnav li .you .san a{ 
    color: #495057;
    text-decoration: none;
    display: block;
}

.sonnav li .you .san a:hover {
    color: #57be9a;
}

.sonnav li .you .san a.cur{ 
    color: #57be9a; 
    font-weight: bold;
}

/* 响应式优化 */
@media (max-width: 768px) {
    .sonnav li .er {
        width: 150px;
        font-size: 12px;
    }
    
    .sonnav li .you {
        left: 170px;
    }
    
    .sonnav li .you .san {
        font-size: 12px;
        padding: 4px 8px;
    }
}


#com_7{z-index: 1;}
#member_com_7{}
#com_2.modulebox{z-index: 1; width:auto; height: 55px; left: 0px; top: 18px; position: absolute;}#logo_com_2{width: 160px; height: 55px;}
    #com_292{width: 111px; height: 30px; position: absolute; left: 1088px; top: 30px;}
    #language_com_292{z-index: 20; width: 111px; height: 30px; min-height: 0px;}
#com_1{z-index: 1; left: 248px; top: 1px; position: absolute; width: 820px; height: 88px;}
#menu_com_1{width: 820px; height: 88px; min-height: 0px;                                                 }
#menu_com_1 .Nav_bg {background:none;}
 #menu_com_1 .mainNavcontain_count,#menu_com_1 .menu_col > a {height:88px;}
 #menu_com_1 .Nav_bg .mainNavcontain .menu_col > a{font-size:16px;}
 #menu_com_1 .Nav_bg .mainNavcontain .menu_col > a{color:#555;}
 #menu_com_1 .Nav_bg .mainNavcontain .menu_col > a.active{color:#0aaa8d;}
 #menu_com_1 .menu_col .active,.box_menu #menu_com_1 .menu_col a:hover {background:none;}
 #menu_com_1 .menu_col_line {width:15px;height:25px;}
 #menu_com_1 .Nav_bg .mainNavcontain .menu_col .menu_col_er li a{font-size:14px;}
 #menu_com_1 .Nav_bg .mainNavcontain .menu_col .menu_col_er li a{color:#666;}
 #menu_com_1 .Nav_bg .mainNavcontain .menu_col .menu_col_er li a:hover{color:#fff;}
 #menu_com_1 .Nav_bg .mainNavcontain .menu_col .menu_col_er li a { background-color:#f2f2f2;}
 #menu_com_1 .Nav_bg .mainNavcontain .menu_col .menu_col_er li a {background-image:none;}
 #menu_com_1 .Nav_bg .mainNavcontain .menu_col .menu_col_er li a {background-repeat:repeat;background-position:center;}
 #menu_com_1 .Nav_bg .mainNavcontain .menu_col .menu_col_er li a:hover {color:#fff;}
 #menu_com_1 .Nav_bg .mainNavcontain .menu_col .menu_col_er li a:hover { background-color:#0aaa8d;}
 #menu_com_1 .Nav_bg .mainNavcontain .menu_col .menu_col_er li a:hover {background-image:none;}
 #menu_com_1 .Nav_bg .mainNavcontain .menu_col .menu_col_er li a:hover {background-repeat:repeat;background-position:center;}
#com_270{z-index: 1; position: relative; min-height: 302px;}
#articleList_com_270{min-height: 1102px;}
#articleList_com_270 {margin-left:0px;margin-top:20px;margin-right:0px;margin-bottom:0px;}
 #articleList_com_270 .skin_model_view .listArticle .ellipsis1 {font-size:14px;}
 #articleList_com_270 .skin_model_view .listArticle .ellipsis1 {line-height:1.8;}
 #articleList_com_270 .skin_model_view .listArticle .ellipsis1 {color:#666;}
 #articleList_com_270 .skin_model_view .ellipsis {font-size:18px;}
 #articleList_com_270 .skin_model_view .ellipsis > a{line-height:2.8;}
 #articleList_com_270 .skin_model_view .ellipsis > a{color:#333;}
 #articleList_com_270 .skin_model_view .ellipsis > a:hover{color:#0aaa8d;}
 #articleList_com_270 .ellipsis1 {height:50px;}
 #articleList_com_270 .ellipsis1 {-webkit-line-clamp:2;}
 #articleList_com_270 .ellipsis1 {margin-top:5px;}
 #articleList_com_270 .ellipsis1 {margin-bottom:8px;}
 #articleList_com_270 .list {border-bottom-color:#f2f2f2;}
 #articleList_com_270 .list {border-bottom-width:1px;}
 #articleList_com_270 .list {border-bottom-style:dotted;}

 .dabiao {font-size:36px;color:#17af93;padding:10px; text-align: center}
 
.zhengwen{line-height: 2.2em; height: auto; overflow: auto; margin-bottom:25px;}
    .zhengwen p{   padding-top: 6px; padding-bottom: 6px;}
.zhengwen img{max-width:100%; height: auto; overflow: auto;}


.w1200 .you{right: 0px; top:0;}

.plist { 
  width: 1200px; 
  margin: 20px auto;  
}

.case_list {   
  display: block; 
  margin: 30px 0; /* 简化margin写法 */
  overflow: hidden;
  padding: 0; /* 确保ul没有内边距 */
  list-style: none; /* 移除默认列表样式 */
}

.case_list li.ttt { 
  border: 1px solid #f0f0f0; 
  padding: 0; 
  background: #fff; 
  width: 378px;  
  float: left;
  overflow: hidden;
  text-align: center;
  margin: 17px 10px; /* 先统一设置上下边距 */
} 
 

.case_list li.ttt .pic   {
    width: 100%;
    height: 284px; 
	overflow: hidden;
	aspect-ratio: 3 / 2.25;
	
}
.case_list li.ttt .pic img {
/*
    width: 100%;
    height: 300px; 
	position: relative;
	width: 100%;
	display: block;
*/
      -webkit-transition-duration: 800ms;
      transition-duration: 800ms;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.4s ease-in-out;
}
.case_list li.ttt:hover .pic img{
	transform: scale3d(1.23, 1.23, 2);
}
.case_list li.ttt .title {  width:318px; padding-left: 30px; padding-right: 30px; text-align: left;
    height:auto; overflow: hidden;
} 
.case_list li.ttt .title .small{   
    font-size: 16px; line-height: 1.2em; margin-bottom: 4px;margin-top: 21px; color: #aaa;
} 
.case_list li.ttt .title .big{   
    font-size: 21px; font-weight:normal;line-height:1.2em; height:1.2em; overflow: hidden;  margin-top: 4px;margin-bottom: 29px;color: #222;
} 
 

.titlett2{
	line-height:1.5em; padding:20px 20px 30px 00px;
	text-align:center;
	overflow:hidden; 
}
.titlett2 h3{
	font-size:26px; text-align:left;line-height:1.5em; 
	color:#007761; font-weight:bold;
}

.infolist{
	width:100%;  
	float:right;padding-top:0px;
}
.infolist .lll{
	width:680px; height:auto; overflow:hidden;
	float:left;padding-top:15px; backg  round-color:#29F;
}
.infolist .lll .pic{
	width:160px; height:96px; overflow:hidden; margin-bottom:5px; padding:1px;
	float:left; border:1px solid #ccc;
}
.infolist .lll .pic img{ float:left;
	width:160px; height:120px; 
}

.infolist .rrr{
	width:470px;  padding-right: 100px;
	float:right;padding-top:15px; padding-bottom: 50px;
	line-height:39px;
}
.infolist .rrr small{ 
	width:60px;
	text-align:left;
	display:block;
	float:left;
	font-size:12px;
	line-height:39px;
	color:#999;
	clear:left;
	height:31px;
	overflow:hidden;
}
.infolist .rrr .drip{
	width: auto;  font-size:14px; text-indent:0em; color:#007761;
	line-height:32px;
	float:left; ba ckground-color:#fafafa; padding:0px; bor der:1px solid #ddd;
	overflow:hidden;
}
.infolist .rrr .infohs2  { padding:8px 0px; }
.infolist .rrr .infohs2 a{ margin-right:12px; line-height:31px;}




.indexProduct{width:1200px;margin:50px auto;height: auto; overflow: hidden;}
.indexproTitle{ text-align:center; font-size:30px; font-weight:bold; line-height:30px;padding-bottom:20px;}
.indexProduct .indexText{ text-align:center;}
.indexProduct {padding:0px;}
.indexProduct ul{padding-top:px;width:9999px; position: relative;}

.indexProduct ul li{ float:left;width:400px;min-height:499px;  }
.indexProduct ul li:last-child{   }
.indexProduct ul li:nth-child(odd){ background: #fafafa; border-bottom:1px solid #eee;}

.indexProduct ul li .productInco{ display:block;width:100%;height:180px;  overflow: hidden; background: #ddd;
	 border-radius: 16px 0px 16px 0px;
 -moz-border-radius: 16px 0px 16px 0px;
 -webkit-border-radius:16px 0px 16px 0px;
}
.indexProduct ul li .productInco img{  width:100%;height:180px; }

.indexProduct ul li .indexProductCon{padding-top:70px; padding-left: 50px; padding-right: 50px; line-height:30px; position: relative;}

.indexProduct ul li .indexProductCon .lmname{ position: absolute; left:50px; top:30px;
	line-height: 1.8em; font-size: 16px; color:red; text-align: center;font-weight:bold;}
.indexProduct ul li .indexProductCon .lmname  a{  color:red;font-weight:bold;}
.indexProduct ul li .indexProductCon .gsname{ width: 200px; position: absolute; right:50px; top:30px;
	line-height: 1.8em; font-size: 13px; color:red; text-align: center; margin-bottom: 15px;color:#999; }


.indexProduct ul li .indexProductCon h4{font-size:15px; line-height:22px; height:44px; overflow:hidden;margin-bottom:10px;}
.indexProduct ul li .indexProductCon p{      -webkit-transition-duration: 500ms;
      transition-duration: 500ms;
	line-height:26px; padding-top: 4px; padding-bottom: 4px; overflow:hidden; border-bottom: 1px solid #eee;}
.indexProduct ul li:nth-child(odd) .indexProductCon p{   border-bottom: 1px solid #ddd;}
.indexProduct ul li .indexProductCon p a{color:#777777;}
.indexProduct ul li .indexProductCon p:hover a{ margin-left:3px;}
/**
.indexProduct ul li:hover{background:#1cb094; }
.indexProduct ul li:hover a{ color:#fff; }
.indexProduct ul li:hover .lmname{ color:#fff; }
.indexProduct ul li:hover .gsname{ color:#fff; }
.indexProduct ul li:hover .indexProductCon h4{ font-weight:bold; font-size:16px;color:#fff;}
.indexProduct ul li:hover .indexProductCon p a{color:#fff;}
**/
.homeindex{width: 1200px; margin: 0px auto;}
.homeindex .pl{width:580px; float: left; background: #f4f4f4; padding-bottom: 20px;  height: auto; overflow: hidden;}
.homeindex .pr{width:580px; float: right; height: auto; overflow: hidden;}

.index_pic{}
.index_pic .pic{width:100%; height:420px; overflow: hidden; }
.index_pic .pic img{width:100%; height:420px; 
 position: relative;
 width: 100%;
 display: block;
      -webkit-transition-duration: 500ms;
      transition-duration: 500ms;
}
.index_pic .pic:hover img{
	transform: scale3d(1.16, 1.16, 2);
}
.index_pic .title{ height: 50px; line-height: 50px; font-size: 20px; padding:10px 28px 0px 28px; color: #333; overflow: hidden; }
.index_pic .title a{  color: #333;   }
.index_pic .des{ line-height: 1.7em; margin-top: 10px; color: #999;  padding:4px 28px 0px 28px; }


.index_pic_b{ position: relative; }
.index_pic_b:first-child{margin-bottom: 40px;}
.index_pic_b .pic{width:100%; height:auto; overflow: hidden;}
.index_pic_b .pic img{   
		 position: relative;
    width: 100%;
    aspect-ratio: 2 / 0.844;
    object-fit: cover;	
		 display: block;
      -webkit-transition-duration: 500ms;
      transition-duration: 500ms;
}
.index_pic_b .pic:hover img{
	transform: scale3d(1.16, 1.16, 2);
}
.index_pic_b .title{width: 100%; text-align: center; height: 50px; line-height:50px; font-size: 16px;  color: #fff; overflow: hidden;
	position: absolute; bottom: 0px; background: rgba(0,0,0,0.4);
}
.index_pic_b .title span{ padding: 0px 28px;
}


/*一级导航*/
.navnav-main{
	position: fixed;
	top: 0;
	z-index: 1200000;
	height: 100%;
	width:100px;
	color: #fff;
	background:rgba(0,0,0,0.9);
}
.navnav-main a{color: #fff;}
.navnav-box{
	position: relative;
	perspective: 200px;
	-webkit-perspective: 200px;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	height: 100%;
	z-index: 9900000;
}
.navnav-ul li  {border-bottom: 1px solid #333;
}
.navnav-ul li.hhh  {background: #57be9a;
	width:100%; line-height: 20px; padding-left: 20px; padding-right: 15px; 
	font-size: 14px; padding-bottom: 25px; padding-top:30px;  font-weight: bold;
} 
.navnav-ul li a{ font-size: 14px; padding-bottom: 15px;
	display: block;
	width: 100%; line-height: 20px; padding-left: 15px; padding-right: 20px;  
	height:auto;
	overflow: hidden;
	text-align: center;
	position: relative;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}
.navnav-ul li a:before{
	content: '';
	position: absolute;
	left: -240px;
	top: 0px;
	width: 200px;
	height: 100%;
	background: #2ed7b8;
	z-index: 100000;
	transform: skew(30deg, 0);
	-webkit-transform: skew(30deg, 0);
	-ms-transform: skew(30deg, 0);
	-moz-transform: skew(30deg, 0);
	-o-transform: skew(30deg, 0);
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}
.navnav-ul li.block{background: #57be9a;}
.navnav-ul li.active{background: #57be9a;}
.navnav-ul li a:hover{background: #57be9a;}
.navnav-ul li a:hover:before{left: -30px;}
.navnav-ul li a:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 30px;
	left: 0;
	top: 20px;
	z-index: 100000;
}
.navnav-ul li a span{
	display: block;
	margin-top: 40px; 
	position: relative;
	z-index: 100000;
}


.navnav-slide{
	position: fixed;
	left: 100px;
	top: 0;
	width: 240px;
	height: 100%;padding-top:20px;
	background:rgba(0,0,0,0.8);
	transform: rotateY(120deg);
	-webkit-transform: rotateY(120deg);
	-moz-transform: rotateY(120deg);
	-o-transform: rotateY(120deg);
	-ms-transform: rotateY(120deg);
	z-index: 9900000;
	visibility: hidden;
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition-timing-function: cubic-bezier(.08, .72, .71, .96);
	-webkit-transition-timing-function: cubic-bezier(.08, .72, .71, .96);
}
.navnav-slide.hover{
	transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	z-index: 1500000;
	visibility: visible;
}

/*二级菜单*/
.navnav-slide-o li a{
	line-height: 70px;
	display: block;
	padding: 0px 20px 0px 30px;
	font-size: 14px;
	overflow: hidden;
	text-align: left;
	position: relative;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	border-bottom: 1px solid #111;
}
.navnav-slide-o li a:before{
	content: '';
	position: absolute;
	left: -230%;
	top: 0px;
	width: 200%;
	height: 100%;
	background: #2ed7b8;
	z-index: 100000;
	transform: skew(30deg, 0);
	-webkit-transform: skew(30deg, 0);
	-moz-transform: skew(30deg, 0);
	-o-transform: skew(30deg, 0);
	-ms-transform: skew(30deg, 0);
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
}
.navnav-slide-o li a:hover{background: #57be9a;}
.navnav-slide-o li.active a{background: #57be9a;}
.navnav-slide-o li a:hover:before{left: -60px;}
.navnav-slide-o li a span{position: relative;z-index: 100000;}
.navnav-slide-o {display: none;}



        /* 背景层 */
        .background-layer {
            width: 100%;
            background-color: #1cb094;   margin: 50px 0px;
            overflow: hidden; /* 清除浮动 */
            position: relative;
            min-height: 500px; /* 确保有足够高度 */
        }
        /* 图片层 */
        .image-layer {
            width: calc(50% - 250px); /* 50%屏幕宽度减去150px */
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
        }
        .company-image {
            width: 100%;
            height: 100%;
            object-fit: cover; /* 图片铺满区域 */
            display: block;
        }
        /* 文字层 */
        .text-layer {
            width: 1200px;
            margin: 0 auto; /* 水平居中 */
            padding: 60px 0;
            position: relative; /* 确保文字在图片上方显示 */
            z-index: 10;
        }
        .section-title {
            color: white;
            font-size: 24px;
            margin-bottom: 10px;
        }
        .section-subtitle {
            color: white;
            font-size: 14px;
            margin-bottom: 30px;
            opacity: 0.9;
        }
        .section-content {
            color: white;
            font-size: 16px; line-height: 1.8em;
            max-width: 750px; /* 限制文字宽度，避免与右侧图片重叠 */
            margin-bottom: 40px;
        }
        .more-button {
            display: inline-block;
            color: white;
            border: 2px solid white;
            padding: 10px 25px;
            text-decoration: none;
            font-weight: bold;
            transition: all 0.3s ease;
        }
        .more-button:hover {
            background-color: white;
            color: #ff0080;
        }