/* 娴锋姤 */
.about_con_bg{width:100%; background: url(../images/aboutinuu.jpg) no-repeat left bottom; padding-bottom:80px;}
.he{height:80px;}
.banner {z-index:1; position:relative;overflow: hidden; }
.banner_txt{width:100%;font-size:20px; text-align:center; color:#fff; position:absolute; z-index:52452;line-height:70px;margin-top:360px; }
.banner_txt span{font-size:55px; display:inherit}
.banner_txt button {line-height:30px;
      background-color: #b60108;
      color: #fff;
      border: none;
      padding: 5px 30px 5px 30px;
      cursor: pointer;
     border-radius: 10px;font-size: 13px;box-shadow: 0px 5px #940309;letter-spacing: 2px;
    }
.banner_txt button:hover {
      opacity: 0.5; /* 榧犳爣鎮仠鏃跺彉涓哄崐閫忔槑 */
    }
    
    .ny_banaer_txt{ position: absolute;width:100%; height:30px;line-height:30px; color:#fff;bottom:20px; padding-left:6%;padding-right:6%; text-align:right; font-size:12px; z-index:522200; }
.pub-banner .ny_banaer_txt img{width:13px; margin-right:5px; padding-bottom:5px;}
.ny_banaer_txt a{color:#fff;font-size:12px;}
.ny_banaer_txt a:hover{color:#4461ac;}
    
 @media (max-width: 479px) {
.banner_txt{width:100%;font-size:16px; text-align:left; color:#fff; position:absolute; z-index:52452;line-height:50px;margin-top:460px; margin-left:2%}
.banner_txt span{font-size:35px; display:inherit}
}   
    
    		.index-honor{padding: 8px 0 0px;position: relative;}
			 .intro-btn {
            display: inline-block;
            margin-top: 10px;
            padding: 10px 30px;
            border: 1px solid #333;
            background-color: #fff;
            color: #333;
            text-decoration: none;
            font-size: 14px;
            transition: all 0.3s;
        }
        .intro-btn:hover {
            background-color: #333;
            color: #fff;
        }
.gc_anli{background-color: #fbf9fa; padding:1px 0px 40px 0px}
.flexslider {position:relative;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides {position:relative;}
.flex-control-nav {position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li {display:inline-block;width:90px;height:2px;margin:0 5px;*display:inline;zoom:1;position: relative;}
.flex-control-nav a {opacity: 0.5; display:inline-block;width:90px;height: 2px;overflow:hidden;background-color: #fff;cursor:pointer; text-indent: -99em;}
.flex-control-nav .flex-active {background-color: #4a4947;opacity: 1;}
.flex-direction-nav {position:absolute;z-index:3;width:100%;top:45%;display: none;}
.flex-direction-nav li a {display:block;width:58px;height:77px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev {left:50%;margin-left:-600px; background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next {right:50%;margin-right:-600px; background:url(../images/next.png)center center no-repeat;}
.flex-direction-nav li{}

.shfw_tx_con{}
.shfw_tx_con ul li{
height:450px; float:left;background-color: #f4f4f4;
}
.shfw_tx_lm{width:191px;height:450px; float:left;border-right: 1px solid #fff;}
.shfw_tx_lm h6{ font-size:24px;line-height:40px; margin:120px 35px 5px 20px; font-weight:bold; display:inherit; }
.shfw_tx_lm span{width:100%;font-size:12px;color:#bdbfb4; display:inline-table;line-height:40px; text-align:center}
.shfw_tx_lm img{width:84px;height:84px; text-align:center; display: block; margin: 0 auto; margin-top:5px;}
.shfw_tx_lm  p{line-height:30px;margin:10px 20px 20px 20px; font-size:16px; }

.shfw_tx_con .on{background-color: #2a4ea1;transition: all 0.3s linear 0s;}
.shfw_tx_con .on .shfw_tx_lm h6,.shfw_tx_con .on .shfw_tx_lm  p{color:#fff}
.shfw_tx_con .on .shfw_tx_lm span{color:#e68939}
.shfw_tx_con .on .shfw_tx_lm{width:191px;height:450px; float:left;border-right: 1px solid #2a4ea1;}
.shfw_tx_img{width:598px;height:450px; float:left;transition: all 0.3s linear 0s; overflow:hidden}
.shfw_tx_img img{width:598px;height:450px;transition: all 0.3s linear 0s;}
.shfw_tx_img img{
 overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}
.shfw_tx_img:hover img {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: auto;
  gap: 10px;
}

 @media (max-width: 479px) {
     
  .grid-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: auto;
  gap: 10px;
}   
    .date{ display:none} 
 }



.grid-item {
  width: 100%;
  height: auto; overflow:hidden
}

.grid-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.grid-item img{overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}
.grid-item:hover  img{    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);}

.text-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px;
  background-color: #f0f0f0;
}

.text-item h3 {
  margin-bottom: 15px;
  font-size: 20px; font-weight:bold
}

.text-item p {
  font-size: 14px;
  color: #666;
  line-height: 1.5;
}
.text-item:hover{background-color: #2a4ea2;}
.text-item:hover h3,.text-item:hover p{color:#fff}
/* 标题样式 */
        .section-title {
            font-size: 35px;
            font-weight: bold;
            color: #2a4ea1;
            margin-bottom: 25px;
            line-height: 1.5; margin-top: 60px;
        }
        /* 内容样式 */
        .section-content {
            font-size: 18px;
            color: #666;
            line-height: 2;
            text-align: justify;
        }
        /* 响应式适配 */
        @media (max-width: 768px) {
            .section-title {
                font-size: 20px;
            }
            .section-content {
                font-size: 14px;
            }
        }

.section-title_b {
            font-size: 25px;
            font-weight: bold;
            color: #fff;
            margin-bottom: 25px;
            line-height: 1.5; margin-top: 60px;
        }
        /* 内容样式 */
        .section-content_b {
            font-size: 18px;
            color: #666;
            line-height: 2;
            text-align: justify; margin-bottom: 40px;
        }



/*产品部分*/
.ipro{
    width: 100%;
    background:  url(../images/probg1.jpg) no-repeat center top;
    padding-top: 0rem; padding-bottom:0px;
}

.ipro .procon{
    margin-top: 0rem;
	
	height:auto;
	overflow:hidden;
}

.ipro .procon a {
    display: inline-block;
    width: 20%;
   
    float: left;
}

.ipro11 a:nth-child(4n+1){
    margin-left: 0%;
}

.ipro li .propic{
    overflow: hidden; margin-left: 4%; margin-right: 4%;border: 4px solid #f1f1f1;
}
.ipro li .propic img{overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}
.ipro li .propic:hover  img{    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);}

.ipro li {
    font-size: 16px;
 
    line-height: 40px;
    text-align: center;
    color: #333;
    display: block;
}

.ipro li a{
    color: #333;
}


.ipro a:hover li i{
    color: #58b0c4;
}

.picScroll-left { overflow: hidden; position: relative; border: 0px solid #ccc;}

.picScroll-left .bd { padding: 0px}
.picScroll-left .bd ul { overflow: hidden; zoom: 1}
.picScroll-left .bd ul li {  float: left;  overflow: hidden; text-align: center;width: 25%;
    margin-left: 0%;}
.picScroll-left .bd ul li .pic {height:450px; text-align: center;display: block;margin-left: 2%;margin-right: 2%;border: 4px solid #fff;}
.picScroll-left .bd ul li .pic img { width:350px; }
.picScroll-left .bd ul li .pic a:hover img { border-color: #999}
.picScroll-left .bd ul li .title { line-height: 24px}


.promorer{width:200px;height:40px;line-height:40px; margin: 0 auto;text-align:center; padding-top:30px; padding-bottom:60px;}
.promorer a{ height:40px;line-height:40px; font-size:14px;color:#333;border: 1px solid #333; padding:0px 40px 0px 40px; display:inherit;}
.promorer a:hover{ background-color: #3a60a9;color:#fff}

.about-wrapper{
	background-color: #fff;
    padding: 0px;
    width: 100%;
    height: 200px;
    min-width: 1200px;
}
.about {position: relative;color: #333;height:auto}
.about h2{color:#e6002f; font-size: 32px;}
.about .title {

	font-size: 20px; text-align:center; margin-bottom:60px;
}
.about .title .hr {
margin:0 auto;
	width: 160px;
	height: 1px;
	margin-top: 10px; margin-bottom:10px;
	background-color: #999;
}
.about .chara { padding-top:50px;
	text-align: center;
	font-size: 16px;color:#9b9b9b;line-height:40px;
}
.about .sz {
	position: absolute;
	top: 50px;
	font-size: 60px;
	color: #2a4ea1;
	font-weight: 700;
	text-align: center
}
.about .sz>span {
	display: block;
	color: #999;
	font-size: 18px;
	font-weight: 400;
	margin-top: 10px
}
.about .jt {left: 0}
.about .cs {left: 331px}
.about .md {left: 651px}
.about .pp {left: 983px}

.oklsx{background-color: #fcfcfc; padding-top:0px;}
.tit-ty-1 {
    text-align: center;  padding-top:40px; padding-bottom:10px;
}

.tit-ty-1 h2 {
    font-size:30px;
    margin-bottom: 10px;
    font-weight: 600;
}

.tit-ty-1>div {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 400;
    color: #666;
}
.tit-ty-1>span{margin:0 auto; display:inherit;width:60px;height:2px;background-color: #666;    margin-bottom: 20px;}


.tit-ty-2 {
    text-align: center;  padding-top:60px; padding-bottom:20px;
}

.tit-ty-2 h2 {
    font-size:30px;
    margin-bottom: 10px;
    font-weight: 600;color: #fff;
}

.tit-ty-2>div {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 400;
    color: #fff;
}
.tit-ty-2>span{margin:0 auto; display:inherit;width:60px;height:2px;background-color: #fff;    margin-bottom: 20px;}

        .banner-container {
            width: 100%;
            height: 200px; /* 横幅高度，可根据需求调整 */
            position: relative;
            overflow: hidden;
        }

        /* 背景图 */
        .banner-bg {
            width: 100%;
            height: 100%;
            object-fit: cover; /* 保持背景图铺满容器 */
        }

        /* 文字层 */
        .banner-text {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 25px;
            color: #fff;
            font-weight: bold;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); /* 文字阴影增强可读性 */
            white-space: nowrap; /* 防止文字换行 */
        }

        /* 响应式适配：小屏幕缩小文字 */
        @media (max-width: 768px) {
            .banner-text {
                font-size: 14px;
            }
            .banner-container {
                height: 80px;
            }
        }
        @media (max-width: 480px) {
            .banner-text {
                font-size: 12px;
            }
        }



.moreNews{
	display: block;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background-color: #d50014;
      color: #fff;
	font-size: 14px;
	text-align: center;
	
	line-height: 40px;
	border-radius: 10px;box-shadow: 0px 5px #a30816;letter-spacing: 2px; 
	width: 150px;
}
.moreNews:hover{opacity: 0.7;}

.news{
	
	padding-top: 0px;
	padding-bottom: 0px;
	 margin-top:0px ;
}

.news_left{
	width: 540px;
	 position: absolute;
}
.news_left h6{
	padding-top: 10px;
	padding-bottom: 10px;
	color: #333333;
	font-size: 20px
}
.news_left p{
	font-size: 14px;
	color: #999;
	line-height: 28px;
	padding-bottom: 10px; font-weight: 400;
}
.news_left font{
	display: block;
	font-size: 12px;
	color: #999;
}
.news_left font img{
	float: right;
}
.news_left a{
	display: block;
	padding: 20px;
	background-color: #fff;border-radius:10px;
}
.news_left a:hover h6{ font-weight:bold}
.news_left a:hover{
-moz-box-shadow:0px 5px 8px #aaa; -webkit-box-shadow:0px 5px 8px #aaa; box-shadow:0px 5px 8px #aaa; transition: all 0.5s ease-in ;transition: all 0.5s ease-out ;}

.news_right{
	margin-left:580px; 
}
.news_right a{
	display: block;
	padding-top: 0px;
	padding: 20px;
	height:auto;
	margin-bottom: 10px;
	background-color: #fff;border-radius:0px;border-bottom: 1px solid #f1f1f1;
}
.news_right a h6{
	color: #333333;
	font-size: 18px;
	padding-bottom: 10px;
}
.news_right a h6 font{
	float: right;
	font-size: 12px;
	color: #999999;
}
.news_right a p{
	font-size: 14px;
	color: #999;
	line-height:28px; font-weight: 400;
}
.news_right a:hover h6{
	color: #333; font-weight: bold;
}
.news_right a:hover{
	-moz-box-shadow:0px 5px 8px #aaa; -webkit-box-shadow:0px 5px 8px #aaa; box-shadow:0px 5px 8px #aaa; padding-left: 22px;transition: all 0.5s ease-in ;transition: all 0.5s ease-out ;

}
.news_box{
	padding-bottom: 10px;position: relative; margin-top:0px ;
}
.newstp{height:250px; overflow:hidden}
.newstp img{overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}
.news .news_left a:hover .newstp  img{    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);}
.newstpr{width:200px;height:120px; overflow:hidden; float:left; margin-right:20px;border-radius:5px;}
.newstpr img{overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}
.news .news_right a:hover .newstpr  img{    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);}
    
    .moreNews{
	display: block;
	margin-top: 38px;
	margin-left: auto;
	margin-right: auto;
	color: #333333;
	font-size: 14px;
	text-align: center;
	border: 1px solid #999999;
	line-height: 50px;
	border-radius: 25px;
	width: 205px;
}

 /* 外层容器：控制两个卡片的排列 */
        .card-container {
            
           
            padding: 60px 0px 30px 0px;
            background-color: #fff; /* 页面背景色，贴合效果图 */
            max-width: 1366px;
            margin: 0 auto;
        }

        /* 卡片通用样式 */
        .card-container li {
            width:32%;
            float: left;
            border-radius: 8px; /* 圆角 */
            overflow: hidden; /* 裁剪圆角内的内容 */
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); /* 轻微阴影 */
            background-color: #fff;
            transition: transform 0.3s, box-shadow 0.3s; 
            margin-right:2%; 
            margin-bottom: 30px;
        }
        
       .card-container > li:nth-of-type(3n+3){margin-right:0%;}
.card-container li:hover{ box-shadow: 0px 10px 12px rgba(25, 47, 149, 1); /* 轻微阴影 */
            background-color: #fff;}
        /* 卡片图片区域 */
        .card-img {
            width: 50%; /* 图片区占卡片40%宽度 */
            height: 200px; /* 固定高度，可根据需求调整 */
            object-fit: cover; /* 图片自适应裁剪，保持比例 */float: left;
        }
		.card-container li img{ transition: transform 0.3s, box-shadow 0.3s; }
.card-container li:hover img{transform: scale(1.1);}
        /* 卡片内容区域（图标+文字） */
        .card-content {
            flex: 1; /* 内容区占剩余宽度 */
            display: flex;
            flex-direction: column;
            align-items: center; /* 水平居中 */
            justify-content: center; /* 垂直居中 */
            padding: 20px;
        }

        /* 图标样式 */
        .card-icon {
            width: 60px;
            height: 60px;
            border-radius: 50%; /* 圆形图标背景 */
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 16px;
        }

        /* 第一个卡片图标背景色 */
        .icon-fish {
            background-color: #3b5998; /* 深蓝色，贴合效果图 */
        }

        /* 第二个卡片图标背景色 */
        .icon-water {
            background-color: #00a8e8; /* 浅蓝色，贴合效果图 */
        }

        /* 图标内的svg/图片样式（示例用文字替代，可替换为实际图标） */
        .card-icon i {
            color: #fff;
            font-size: 30px; /* 图标大小 */
        }

        /* 卡片文字样式 */
        .card-text {
            font-size: 20px;
            color: #192f95;
            text-align: center;
            line-height: 1.6;
            font-weight: 600;
        }

        /* 响应式适配：小屏幕下卡片纵向排列 */
        @media (max-width: 768px) {
            .card-container {
                flex-direction: column;
            }
            .card {
                flex-direction: column;
            }
            .card-img {
                width: 100%;
                height: 150px;
            }
        }
		
		
		/*联系我们样式*/
.m2lxul1{}
.m2lxul1 li {
    text-align: center;
    float: left;
    width: 33.33%;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 0.02vw;
    padding-bottom: 3.02vw;
     margin-top: 3.02vw;
    position: relative;
    display: block;
}

.m2lxul1 li span {
    display: inline-block;
    height: 72px;
    width: 72px;
    position: relative;
}

.m2lxul1 li span img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.m2lxul1 li p {
    font-size: 16px;
    line-height: 30px;
    margin-top: 10px;
    letter-spacing: 1px;
}
.m2lxul1 li:after {
    content: "";
    background: #E6E6E6;
    height: 120px;
    width: 1px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.m2lxul1 li:nth-child(3n)::after {
    content: "";
    background: #E6E6E6;
    height: 0px;
    width: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
}
.ty_ttda{margin:0 auto; text-align:center;font-weight:bold; font-size:35px; display:inherit; height:60px;line-height:60px;letter-spacing:0px; margin-top:10px;}
.tyttline {
  height: 40px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  }
  .ty_line {
    display: inline-block;
    width: 140px;
    height: 1px;
    background: #d0d4d9;
  }
  .ty_txt {
    color: #333;
    vertical-align: middle;
    display: flex;
    flex-direction: column;
    font-size: 20px;
    margin: 0px 30px ; font-weight:500;
  }
  
  .tyline_l{width:80px;height:2px;background: #4192e4;margin:0 auto; margin-top:10px; margin-bottom:30px; display: block;}
  
   .banner_about {
    position: relative;
    margin-top: 0px;
    }
    
    .pub-banner img {
    width: 100%;
    }
    
    .pub-pcbanner {
    display: block;
    width: 100%;
    }
    
    .pub-mbanner {
    display: none;
    width: 100%;
    }
    
    .pub-banner .pub-banner-font {
    position: absolute;
    top: 50%;
    left: 20%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    text-align: left;
    color: #ffffff;
    z-index: 9;
    }
    
    .pub-banner .pub-banner-font h3 {
    font-size: 40px;
    padding-bottom: 25px;
    margin-bottom: 30px;
    color: #fff;
    position: relative;
    text-transform:uppercase;font-weight:bold
    }
    
    .pub-banner .pub-banner-font h3::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100px;
    height: 2px;
    background-color: #fff;
    }
     .pub-banner .pub-banner-font h2 {
    font-size: 40px;
    padding-bottom: 25px;
    margin-bottom: 30px;
    color: #4461ac;
    position: relative;
    text-transform:uppercase;font-weight:bold
    }
    
    .pub-banner .pub-banner-font h2::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100px;
    height: 2px;
    background-color: #4461ac;
    }
    .pub-banner .pub-banner-font p {
    font-size: 18px;
    line-height: 1.3;
    color: #666666;
    }
    
    .pub-banner .pub-banner-font1 p {
    font-size: 0.24rem;
    font-weight: lighter;
    }
    
    .pub-banner .pub-banner-font1 .eng {
    font-family: "Gilroy-UltraLight";
    font-size: 0.38rem;
    color: #c5c5c5;
    margin-bottom: 15px;
    }
    
    .pub-banner .pub-banner-font1 h3::before {
    display: none;
    }
	
	
	.zizhufuwu{
	display: block;
    font-size: 30px;
    margin-top: 30px;
    color: #333;
    font-weight: normal;
    text-align: left;
    line-height: 106px;
}
	.zizhuUl{
	display: flex;
	justify-content: space-between;
	flex-flow:row wrap;
}
.zizhuUl li{
	width: 280px;
	height: 277px;
	background-color: #FFF;
	margin-bottom: 30px;
	background-repeat: no-repeat;
	background-position-y: 50px;
	background-position-x: center;
	text-align: center;
	cursor: pointer;
}
.zizhuUl li:nth-of-type(1){
	background-image:url(../images/selfservice_icon1.png) ;
	
}
.zizhuUl li:nth-of-type(2){
	background-image:url(../images/selfservice_icon2.png) ;
}
.zizhuUl li:nth-of-type(3){
	background-image:url(../images/selfservice_icon4.png) ;
	
}
.zizhuUl li:nth-of-type(4){
	background-image:url(../images/selfservice_icon6.png) ;
}
.zizhuUl li:nth-of-type(5){
	background-image:url(../images/selfservice_icon7.png) ;
}
.zizhuUl li:nth-of-type(6){
	background-image:url(../images/selfservice_icon8.png) ;
}
.zizhuUl li:nth-of-type(7){
	background-image:url(../images/selfservice_icon9.png) ;
}
.zizhuUl li:nth-of-type(8){
	background-image:url(../images/selfservice_icon0.png) ;
}
.zizhuUl li h3{
    color: #000;
    font-size: 18px;
    font-weight: bold;
    opacity: .87;
    padding-top: 140px;
    padding-bottom: 15px;
}
.zizhuUl li span{
    display: block;
    color: #757575;
    font-size: 14px;
    line-height: 14px;
}
.zizhuUl li:hover{
	transform: translateY(-20px);
	transition: all 1s;
	
}
.zizhuUl li:hover h3,.zizhuUl li:hover span{
	color: #01458e;
	transition: all 1s;
}
.fuwuzhongxin{
	display: flex; margin-top:30px; ;
}
.fuwuzhongxin li{
	flex: 1;
	background-color: #FFF;padding-left:30px ;
}
.fuwuzhongxin li img{
	width: 100%;
}
.fuwuzhongxin li p{
    color: #333;
    font-size: 16px;
    opacity: 1;
    text-align: left; line-height: 35px;
}
.fuwuzhongxinIco{
	display: flex;
	margin-top: 50px;
}
.fuwuzhongxinIco li{
	flex: 1;
	height: 60px;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: top;
	text-align: center;
    padding-top: 40px;
}
.fuwuzhongxinIco li:nth-of-type(1){
	background-image: url(../images/serviceCenter_icon1.png);
}
.fuwuzhongxinIco li:nth-of-type(2){
	background-image: url(../images/serviceCenter_icon2.png);
}
.fuwuzhongxinIco li:nth-of-type(3){
	background-image: url(../images/serviceCenter_icon4.png);
}
.fuwuzhongxinIco li:nth-of-type(4){
	background-image: url(../images/serviceCenter_icon5.png);
}
.fuwuzhongxin li img.eq{
    width: 296px;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
}

 .container {
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 30px; margin-bottom: 40px;
        }
        .item {
            background-color: #fff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }
        .item-header {
            display: flex;
            align-items: center;
            gap: 15px;
            margin-bottom: 15px;
        }
        .item-number {
            font-size: 32px;
            font-weight: bold;
            color: #4a90e2;
            letter-spacing: 2px;
        }
        .item-title {
            font-size: 20px;
            font-weight: bold;
            color: #333;
        }
        .item-desc {
            font-size: 14px;
            color: #666;
            line-height: 1.6;
        }
		
		 /* 核心容器 */
        .culture-container {
            position: relative;
            width: 100%;
            max-width: 1320px;
            height: 700px;
            
            border-radius: 10px;
            
            overflow: hidden; margin:0 auto;
        }

        /* 中心圆形区域 */
        .center-circle {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 400px;
            height: 400px;
            background: radial-gradient(circle, #409eff 0%, #1e88e5 100%);
            border-radius: 50%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            color: white;
            box-shadow: 0 0 50px rgba(64, 158, 255, 0.5);
            z-index: 2;
        }

        .center-title {
            font-size: 40px;
            font-weight: bold;
            margin-bottom: 15px;
            text-align: center;
        }

        .center-subtitle {
            font-size: 32px;
            font-weight: 500;
            text-align: center;
        }

        /* 四个价值观模块通用样式 */
        .value-card {
            position: absolute;
            width: 280px;
            color: #333;
            z-index: 1;
        }

        .value-header {
            background: linear-gradient(to right, #1e88e5, #409eff);
            color: white;
            padding: 8px 20px;
            border-radius: 20px;
            font-size: 24px;
            font-weight: bold;
            text-align: center;
            margin-bottom: 10px;
            box-shadow: 0 2px 8px rgba(64, 158, 255, 0.3);
        }

        .value-content {
            background-color: rgba(255, 255, 255, 0.8);
            padding: 15px;
            border-radius: 8px;
            font-size: 14px;
            line-height: 1.6;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        }

        /* 各模块定位 */
        .card-focus {
            top: 100px;
            left: 50px;
        }

        .card-responsibility {
            bottom: 100px;
            left: 50px;
        }

        .card-innovation {
            top: 100px;
            right: 50px;
        }

        .card-winwin {
            bottom: 100px;
            right: 50px;
        }

        /* 连接线样式（模拟原图的线条） */
        .line {
            position: absolute;
            background-color: #409eff;
            opacity: 0.3;
            z-index: 0;
        }

        .line-focus {
            top: 180px;
            left: 330px;
            width: 180px;
            height: 2px;
            transform: rotate(15deg);
        }

        .line-responsibility {
            bottom: 180px;
            left: 330px;
            width: 180px;
            height: 2px;
            transform: rotate(-15deg);
        }

        .line-innovation {
            top: 180px;
            right: 330px;
            width: 180px;
            height: 2px;
            transform: rotate(-15deg);
        }

        .line-winwin {
            bottom: 180px;
            right: 330px;
            width: 180px;
            height: 2px;
            transform: rotate(15deg);
        }

        /* 响应式适配 */
        @media (max-width: 992px) {
            .culture-container {
                height: auto;
                padding: 50px 20px;
            }

            .center-circle {
                position: relative;
                top: 0;
                left: 0;
                transform: none;
                margin: 0 auto 50px;
            }

            .value-card {
                position: relative;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                margin: 20px auto;
            }

            .line {
                display: none;
            }
        }
		.fuyscon{background: url(../images/fuysbg111.jpg?12360106)#f4f5f9; padding:20px 0px 60px 0px}
		.fuys{ text-align:center}
		.fuys img{ max-width:1300px;}
		/* 核心容器 - 三角布局 */
        .advantage-container {
            position: relative;
            width: 800px;
            height: 600px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin:0 auto;
        }

        /* 中心三角图标 */
        .center-icon {
            width: 300px;
            height: 300px;
            background: linear-gradient(135deg, #0078ff, #00bfff);
            clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
            border-radius: 10px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            color: #ffffff;
            font-weight: bold;
            box-shadow: 0 0 30px rgba(0, 120, 255, 0.5);
            z-index: 2;
        }

        .center-icon .dsu-text {
            font-size: 36px;
            margin-bottom: 10px;
        }

        .center-icon .advantage-text {
            font-size: 24px;
        }

        /* 背景线条（模拟原图的电路纹理） */
        .bg-lines {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: 
                linear-gradient(to right, rgba(200, 200, 200, 0.1) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(200, 200, 200, 0.1) 1px, transparent 1px);
            background-size: 20px 20px;
            z-index: 1;
        }

        /* 四个优势文本定位 */
        .advantage-item {
            position: absolute;
            color: #333333;
            text-align: center;
            z-index: 3;
        }

        /* 精准的检测能力 - 顶部 */
        .item-top {
            top: 20px;
            left: 50%;
            transform: translateX(-50%);
        }

        /* 强大的执行力 - 左侧 */
        .item-left {
            left: 20px;
            top: 50%;
            transform: translateY(-50%);
        }

        /* 对项目的深刻理解 - 右侧 */
        .item-right {
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
        }

        /* 丰富的产品研发经验 - 底部 */
        .item-bottom {
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
        }

        /* 文本样式 */
        .advantage-item .en-text {
            font-size: 14px;
            color: #666666;
            margin-bottom: 5px;
        }

        .advantage-item .cn-text {
            font-size: 18px;
            font-weight: bold;
            color: #000000;
        }

        /* 响应式适配 */
        @media (max-width: 768px) {
            .advantage-container {
                width: 400px;
                height: 400px;
            }
            .center-icon {
                width: 200px;
                height: 200px;
            }
            .center-icon .dsu-text {
                font-size: 28px;
            }
            .center-icon .advantage-text {
                font-size: 18px;
            }
        }
        
        .nav-menu {
   
    border-bottom: 1px solid #b5b5b5;
    }
    
    .nav-menu .nav-name {
    
    color: #333333;
    display: block;
    text-align: left;
    display: block;
    padding: 0 30px;
    position: relative;
    cursor: pointer;
    line-height: 65px;
    font-size: 18px;
    border-bottom: 1px solid #d2d2d2;
    display: none;
    }
    
    .nav-menu .nav-name .iconfont {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    }
    
    .nav-menu .nav-menu-ul {
    flex-wrap: wrap;overflow-x: auto; /* 姘村钩鏂瑰悜鍑虹幇婊氬姩鏉� */
    white-space: nowrap; 
    }
    
    .nav-menu .nav-menu-ul a {

    font-size: 18px;
    line-height: 80px;
    color: #333333;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    }
    
    .nav-menu .nav-menu-ul li {
    text-align: center;
    position: relative;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    margin-right: 5.3%;
    }
    
    .nav-menu .nav-menu-ul li:last-child {
    margin-right: 0px;
    }
    
    .nav-menu .nav-menu-ul li::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 0%;
    height: 2px;
    background-color: #1e46a4;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    }
    
    .nav-menu .nav-menu-ul li.active::before,
    .nav-menu .nav-menu-ul li:hover::before {
    width: 120%;
    }
    
    .nav-menu .nav-menu-ul li.active a,
    .nav-menu .nav-menu-ul li:hover a {
    color: #1e46a4;
    }
    .flexce {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

.widbox{max-width: 1366px;width: 95%;
	margin: 0 auto; margin-top:30px;}
	.newspag{
	background-color: #fff;
	padding-top: 0px;
	padding-bottom: 70px;
}
.news_ny{
	
	padding-top: 0px;
	padding-bottom: 0px;
}
.time_box{
	width: 25%;
	text-align: center;
	border-right: 1px solid #aaa;
}
.time_box h6{
	color: #313131;
	font-size: 48px;
}
.time_box p{
	color: #999999;
	font-size: 14px;
	font-weight: 100;
}
.news_fon_info{
	width: 70%; padding-left:15px ;
	
}
.news_fon_info p{
	color: #999999;
	font-size: 14px;
	font-weight: 100;line-height:25px;height:75px; overflow: hidden;
}
.news_fon_info h4{
	color: #222222;line-height:30px;font-weight: 600;font-size: 16px;height:30px; overflow: hidden;
}
.news_font{
	background-color: #FFF;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-right: 5%;
}
.news_ny ul li a em{
	display: block;
	color: #999999;
	background: url(../images/ico03s.png) no-repeat  100px 15px;
	background-color: #FFF;
	padding-left: 35px;
	padding-top: 15px;
	padding-bottom: 40px; font-size: 14px;
}


.news_ny ul li{
	width: 32%; margin-bottom:30px;  float:left; margin-right:2% ;
}
.newstp{height:250px; overflow:hidden}
 @media (max-width: 479px) {
     .news ul li{
	width: 100%; margin-bottom:30px;  float:left; margin-right:0% ;
}
     .newstp{height:auto; overflow:hidden;}
     
 }
.news_ny ul li:nth-child(3n+3){
margin-right:0% ;}

.newstp img{overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}
.news_ny ul li:hover .newstp  img{    transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);}
.news_ny ul li:hover .news_font,.news_ny ul li:hover em{background-color: #f9f9fa;}



.pagelist {
	margin: 0px 0;
	text-align: center; margin-bottom: 40px;
}
.pagelist li {
	display: inline-block;
	margin: 0 4px;
	border: 1px solid #ddd;
	vertical-align: middle;
	font-size: 14px;
}
.pagelist li a{
	padding: 0 10px;
	font-size: 12px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    overflow: hidden;
    display: inline-block;
    text-align: center;

    color: #787878;
}
.pagelist li a{
	display: block;
	color: #787878;
}
.pagelist li a:hover {
	background: -webkit-linear-gradient(bottom, #4a4947, #4a4947); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top, #4a4947, #4a4947); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top, #4a4947, #4a4947); /* Firefox 3.6 - 15 */
	background: linear-gradient(to top, #4a4947, #4a4947); /* 鏍囧噯鐨勮娉� */
    color: #fff;
}
.pagelist li.thisclass {
	padding: 0 10px;
	height: 30px;
    line-height: 30px;
	border: 1px solid #4a4947;
	background: -webkit-linear-gradient(bottom, #4a4947, #4a4947); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top, #4a4947, #4a4947); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top, #4a4947, #4a4947); /* Firefox 3.6 - 15 */
	background: linear-gradient(to top, #4a4947, #4a4947); /* 鏍囧噯鐨勮娉� */
	color: #fff;
}

/* 文章详情 */
.right-part .news-show .news_tit {
	text-align: center;
    font-size: 25px;
    font-weight: bold;
    padding-top: 20px;
}
.right-part .news-show .news_mes {
	margin-top: 20px;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    background: #fff;
    color: #9e9e9e;
    border: 1px dotted #ccc;
    border-width: 1px 0;
}
.right-part .news-show .news_con {
    padding: 14px 10px;
	line-height: 35px;
    font-size: 14px;
    text-align: justify;
    background-color: #fff;
}
.right-part .news-show .news_con p{text-indent: 2em;}

.right-part .news-show .pro_coner {
    padding: 14px 10px;
	line-height: 35px;
    font-size: 14px;
    text-align: justify;
    background-color: #fff;
}
.right-part .news-show .pro_coner p{text-indent: 2em;}
.right-part .news-show .pro_coner img{width:80%;}
.right-part .news-show .pro_coner h2{height:40px;line-height:40px; font-size:16px;color:#fff;background-color: #213389; padding-left:20px;}
.prevnext {
	
    
    line-height: 40px;
    overflow: hidden;
    border: 1px solid #ddd;
    border-width: 1px 0;
    /*margin: 15px 0 0;*/
    
    font-size: 14px; margin-bottom: 40px; padding: 20px 0px 20px 0px;
}

.case_list{

	padding-top: 20px;
	padding-bottom: 0px;
}

.case_list_fon_info{
	width: 94%;
	
}
.case_list_fon_info p{
	color: #999999;
	font-size: 14px;
	font-weight: 100;line-height:25px;
}
.case_list_fon_info h4{
	color: #222222;line-height:30px;font-weight: 600;font-size: 18px;
}
.case_list_font{
	background-color: #FFF;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-right: 5%;
}
.case_list ul li a em{
	display: block;
	color: #999999;
	background: url(../images/ico03s0.png) no-repeat  120px 12px;
	background-color: #FFF;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	font-size: 14px;
}


.case_list ul li{
	width: 32%; margin-bottom:20px;position:relative; border-bottom:1px #ececec solid; float: left; margin-right: 2%;
}
.case_list ul li:nth-of-type(3n+3){
	margin-right:0%; 
}
.case_list ul li:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; bottom:0; width:0; height:1px; background-color:#000;}
.case_list ul li:hover:after{
width:100%;}
.casetp{height:300px; overflow:hidden}
.casetp img{overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}
.case_list ul li:hover .casetp  img{    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);}
    
    .honor_con{max-width: 1300px;width:96%;height:auto;margin: 0 auto; margin-top:20px; margin-bottom:10px;}
@media (min-width: 760px) {
.honor_con li{width:23.5%; float:left; margin-right:2%;font-size:14px;margin-bottom:30px;border: 1px solid #e5e5e5;border-radius:5px; box-sizing: border-box; background: #fff;}
.honor_con li:nth-of-type(4n+4){
	margin-right:0%;
}
}
.honor_con li .divimg{width:100%;height:350px; overflow:hidden;display: flex; 
  align-items: center;
  justify-content: center;}
.honor_con li .divimg img{
max-width: 100%; 
 
  max-height: 350px; 
  height:expression(this.height >350 ? "350px" : this.height);}
.honor_con li .divimg img{
 overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}
.honor_con li:hover img {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
}
.honor_con li h2{  font-size:14px;height:45px; line-height:45px;letter-spacing:0px;color:#000000; display:compact; overflow:hidden;  text-align:center}
.honor_con li:hover h2{color:#fff;background: #33569e;height:45px; line-height:45px;}

.honor_con li:hover{border: 1px solid #33569e;}

@media (max-width: 759px) and (min-width: 601px) {
    .honor_con li{width:32%; float:left; margin-right:2%;font-size:14px;margin-bottom:30px;border: 1px solid #e5e5e5;border-radius:5px; box-sizing: border-box; }
.honor_con li:nth-of-type(3n+3){
	margin-right:0%;
}
}
@media (max-width: 600px) {
    .honor_con li{width:49%; float:left; margin-right:2%;font-size:14px;margin-bottom:30px;border: 1px solid #e5e5e5;border-radius:5px; box-sizing: border-box; }
.honor_con li:nth-of-type(2n+2){
	margin-right:0%;
}
}

 .faqs{overflow: hidden;width:100%;height: 460px;margin:0 auto; margin-top:20px; margin-bottom:20px}
.khjz{}
.khjz ul{overflow:hidden;}
.khjz li{
width:270px;height:390px; float:left; line-height:40px; margin-right:30px; text-align: center;
}
.khjz .pic{height:350px; overflow:hidden}
.khjz .pic img{height:350px;}
.khjz .pic img{
 overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}
.khjz .pic:hover img {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
}
.hd{text-align:center;max-width: 1200px;width:100%; margin:0 auto;height:50px; margin-top:20px;}
.hd a{width:50px;height:45px;cursor:pointer; margin-left:20px;margin-right:20px;display:inline-table}
.next{background: url(../images/prev.png) no-repeat center center;   }
.prev{background: url(../images/nexter.png) no-repeat center center; }
.olskms{ display:none}

 .moreNews{
	display: block;
	margin-top: 38px;
	margin-left: auto;
	margin-right: auto;
	color: #333333;
	font-size: 14px;
	text-align: center;
	border: 0px solid #999999;
	line-height: 50px;
	border-radius: 0px;
	width: 205px;
}
.moreNews:hover{background-color: #333333;color:#fff}

.newscon {
    font-size: 0.3rem;
    line-height: 0.6rem;
    color: #808080;
    padding-bottom: 3.64vw;
    margin-top:30px ;
    text-align: left;
    max-width: 1300px;
    width:95%;
}
.newsconprol {
    width: calc(55% - 2px);
    display: block;
    float: left;
    border: 0px solid #eee;
}
.newsconpror {
    width: 42%;
    display: block;
    float: right;
    margin-left: 3%;
    box-sizing: border-box;
    text-align: left;
}
.newsconpror .text {
    width: 100%;
    box-sizing: border-box;
}
.newsconpror .text em {
    line-height: 80px;
    font-size: 30px;
    color: #333; margin-bottom:20px;
}
.newsconpror .text .intro i {
    padding: 20px 0;
    font-size: 18px;
    color: #333;
    border-bottom: 1px solid #dcdcdc;
    font-weight: bold;
    display: flex; font-style: normal;
}
.newsconpror .text .intro .introp {
    padding: 15px 0;
    line-height: 35px;
    font-size: 16px;
}
.btn_a a {
    display: inline-block;
    margin-right: 8px;
    margin-top: 10px;
    padding: 0 50px;
    line-height: 35px;
    border: 1px solid #1e46a4;
    font-size: 16px;background-color: #1e46a4;color:#fff;
}
.btn_a a:hover{
    
     border: 1px solid #1e46a4;
    font-size: 16px;background-color: #fff;color:#1e46a4;
    
}
.containered {
    width: 100%;
    margin-top: 15px;
}
.contitle {
    padding: 20px 0;
    background-color: #f4f4f4;
    text-align: center;
    color: #333;font-size: 18px;
}
.contitle .en {
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
}

.proconner{
    margin:20px auto;
}

.proconner img{
    display: block;
    margin: 0 auto;
      max-width: 1300px; 
  height:auto; 
  width:expression(this.width > 1300 ? "1300px" : this.width); margin-bottom: 10px;
}



.pro_list{

	padding-top: 20px;
	padding-bottom: 0px;
}

.pro_list_fon_info{
	width: 94%;
	
}
.pro_list_fon_info p{
	color: #999999;
	font-size: 14px;
	font-weight: 100;line-height:25px;
}
.pro_list_fon_info h4{
	color: #222222;line-height:30px;font-weight: 600;font-size: 18px;
}
.pro_list_font{
	background-color: #FFF;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-right: 5%;
}
.pro_list ul li a em{
	display: block;
	color: #999999;
	background: url(../images/ico03s0.png) no-repeat  120px 12px;
	background-color: #FFF;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	font-size: 14px;
}


.pro_list ul li{
	width: 23.5%; margin-bottom:30px;position:relative; border-bottom:1px #ececec solid; float: left; margin-right: 2%;
}
.pro_list ul li:nth-of-type(4n+4){
	margin-right:0%; 
}
.pro_list ul li:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; bottom:0; width:0; height:1px; background-color:#000;}
.pro_list ul li:hover:after{
width:100%;}
.casetp{height:320px; overflow:hidden}
.casetp img{overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}
.pro_list ul li:hover .casetp  img{    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);}