/* pc端begin */
.dingzhifuwu{
	            padding: 0;
				margin: 0 auto;
				text-align: center;
				/*width: 1230px;*/
				height: 180px;
				background: url(../images/dingzhi_banner.jpg) no-repeat center center;
				max-width: 95%;
			}
			.dingzhifuwu p{
				color:white;
				padding-top: 18px;
				margin-top: 0px;
				line-height: 16px;
			}
			.dingzhifuwu h6{
				font-size: 15px;
				color: #FFFFFF;
				margin: 0px;
				line-height: 16px;
				padding: 0 20px;
			}
			.feinikesihexinyoushi{
				text-align: center;
				margin: 0 auto;
				width: 1230px;
				height: auto;
			}
			.hexinyoushi_title{
				background: url(../images/title_bg.jpg) no-repeat center center;
			}
			.hexinyoushi_title p{
				margin: 0 auto;
				font-size: 13px;
			}
			
			.hexinyoushi_list{
				width: 100%;
				height: auto;
				background: #5178bf;
			}
			
			.hexinyoushi_list ul{
				width: inherit;
				padding-left: inherit;
			
				
			}
			.hexinyoushi_list ul strong{
				font-weight: 300;
					font-size: 15px;
				
			}
			
			.hexinyoushi_list li{
				list-style: none;
				margin-top: 10px;
				width: 100%;
				height: 300px;
				
				/* box-shadow: 10px 10px 10px rgba(0,0,0,.5);*/
				/*考虑浏览器兼容性*/
				/*-moz-box-shadow: 5px 5px 5px rgba(0,0,0,.5);
				-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.5); */
				
				
			}
			.beijingtu1{
				background: url() no-repeat center center ;
				background-size: 1000px 300px;
				border-bottom: dashed 1px;
			}
			.beijingtu2{
				background: url() no-repeat center center ;
				background-size: 1000px 300px;
				border-bottom: dashed 1px;
			}
			.beijingtu3{
				background: url() no-repeat center center ;
				background-size: 1000px 300px;
			}
			.hexinyoushi_list li button{
				float: right;
				padding: 8PX 20PX 8PX 50PX;
				border-radius: 5PX;
				background: url(../images/button1.png) no-repeat center center;
				color: white;
				background-size: 145px auto;
				background-position-x:right;
				line-height: 16px;
				font-size: 16px;
			}
			
			.hexinyoushi_list li img{
			    margin: 10px 0;
				height: auto;
				width: 350px ;
				
			}
			.youshi1_right{
				width: 620px;
				float: right;
				max-height: 300px;
				padding: 42px 42px 11px;
				color: white;
			}
			.youshi1_right p{
				text-align: left;
				font-size: 15px ;
				line-height: 17px;
				
			}
			
			.youshi1{
				float: left;
				
			}
			.youshi2_left{
				width: 620px;
				float: left;
				max-height: 300px;
				padding: 15px 40px 15px;
				color: white;
			}
			.youshi2_left p{
				text-align: left;
				   
				font-size: 15px ;
			}
			.youshi2{
				float: right;
			}
			.youshi3_right{
				width: 620px;
				float: right;
				max-height: 350px;
				    padding: 15px 42px 15px;
				color: white;
			}
			.youshi3_right p{
				text-align: left;
				    
				font-size: 15px ;
			}
			
			.youshi3{
				float: left;
			}
			.clearfix{
				clear: both;
			}
			.feinikesihexinyoushi_bg{
				
				
			}
/* pc端end */

/* 手机端start */
@media screen and (max-width: 600px) {
.dingzhifuwu{
	width: 100%;
}
.feinikesihexinyoushi {
    text-align: center;
    margin: 0 auto;
    height: auto;
    width: 100%;
	}
	.hexinyoushi_title {
	    background: url(../images/title_bg.jpg) no-repeat center center;
	    width: 100%;
	}
	.hexinyoushi_list {
	    width: 100%;
	    height: auto;
	    background: #5178bf;
	}
	.hexinyoushi_list ul {
	    width: inherit;
	    padding-left: inherit;
	    width: 100%;
	}
	.hexinyoushi_list li {
	    list-style: none;
	    margin-top: 10px;
	    width: 100%;
	    height: auto;
	    /* box-shadow: 10px 10px 10px rgba(0,0,0,.5); */
	}
.hexinyoushi_list li img {
    margin: 10px 0;
    height: auto;
    width: 100%;
}
.youshi1_right {
    width: 100%;
    max-height: 300px;
    padding: 0px 10px 0px;
    color: white;
	border-bottom: dashed;
}
.youshi2_left {
    width: 100%;
    max-height: 300px;
    padding: 0px 10px 0px;
    color: white;
	border-bottom: dashed;
}
.youshi3_right {
    width: 100%;
    max-height: 350px;
    padding: 0px 10px 0px;
    color: white;
	
}
.hexinyoushi_title div{
				
				font-size: 18px !important;
			}
			.hexinyoushi_list ul strong{
				font-weight: 300;
					font-size: 15px;
				
			}
			.dingzhifuwu h6{
				font-size: 15px;
				color: #FFFFFF;
				margin: -8px 10px ;
			}
}

/* 手机端结束end */

/* 平板端 */
@media screen and (max-width: 768px) {
.dingzhifuwu{
	width: 100%;
}
.feinikesihexinyoushi {
    text-align: center;
    margin: 0 auto;
    height: auto;
    width: 100%;
	}
	.hexinyoushi_title {
	    background: url(../images/title_bg.jpg) no-repeat center center;
	    width: 100%;
	}
	.hexinyoushi_list {
	    width: 100%;
	    height: auto;
	    background: #5178bf;
	}
	.hexinyoushi_list ul {
	    width: inherit;
	    padding-left: inherit;
	    width: 100%;
	}
	.hexinyoushi_list li {
	    list-style: none;
	    margin-top: 10px;
	    width: 100%;
	    height: auto;
	    /* box-shadow: 10px 10px 10px rgba(0,0,0,.5); */
	}
.hexinyoushi_list li img {
    margin: 10px 0;
    height: auto;
    width: 100%;
}
.youshi1_right {
    width: 100%;
    max-height: 300px;
    padding: 0px 10px 0px;
    color: white;
	border-bottom: dashed;
}
.youshi2_left {
    width: 100%;
    max-height: 300px;
    padding: 0px 10px 0px;
    color: white;
	border-bottom: dashed;
}
.youshi3_right {
    width: 100%;
    max-height: 350px;
    padding: 0px 10px 0px;
    color: white;
	
}
.hexinyoushi_title div{
				
				font-size: 18px !important;
			}
			.hexinyoushi_list ul strong{
				font-weight: 300;
					font-size: 15px;
				
			}
			.dingzhifuwu h6{
				font-size: 15px;
				color: #FFFFFF;
				margin: -8px 10px ;
			}
}

/* 平板端结束 */

/* 平板端 */
@media screen and (max-width: 1230px) {
.dingzhifuwu{
	width: 100%;
}
.feinikesihexinyoushi {
    text-align: center;
    margin: 0 auto;
    height: auto;
    width: 100%;
	}
	.hexinyoushi_title {
	    background: url(../images/title_bg.jpg) no-repeat center center;
	    width: 100%;
	}
	.hexinyoushi_list {
	    width: 100%;
	    height: auto;
	    background: #5178bf;
	}
	.hexinyoushi_list ul {
	    width: inherit;
	    padding-left: inherit;
	    width: 100%;
	}
	.hexinyoushi_list li {
	    list-style: none;
	    margin-top: 10px;
	    width: 100%;
	    height: auto;
	    /* box-shadow: 10px 10px 10px rgba(0,0,0,.5); */
	}
.hexinyoushi_list li img {
    margin: 10px 0;
    height: auto;
    width: 100%;
}
.youshi1_right {
    width: 100%;
    max-height: 300px;
    padding: 0px 10px 0px;
    color: white;
	border-bottom: dashed;
}
.youshi2_left {
    width: 100%;
    max-height: 300px;
    padding: 0px 10px 0px;
    color: white;
	border-bottom: dashed;
}
.youshi3_right {
    width: 100%;
    max-height: 350px;
    padding: 0px 10px 0px;
    color: white;
	
}
.hexinyoushi_title div{
				
				font-size: 18px !important;
			}
			.hexinyoushi_list ul strong{
				font-weight: 300;
					font-size: 15px;
				
			}
			.dingzhifuwu h6{
				font-size: 15px;
				color: #FFFFFF;
				margin: -8px 10px ;
			}
}

/* 平板端结束 */

/* 首页栏目板块的图纸放大css开始 */
        .bd li {
            position: relative;
            cursor: pointer;
            width: 100%;
            max-width: 300px;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
        }

        .bd li:hover {
            transform: translateY(-5px);
            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
        }

        /* 图片样式 */
        .bd .img {
            width: 100%;
            height: auto;
            display: block;
            border-radius: 8px 8px 0 0;
        }

        /* 详情区域样式 */
        .name {
            padding: 15px;
            text-align: center;
            background-color: #fff;
        }

        .name p {
            margin: 0 0 10px 0;
            font-weight: bold;
            font-size: 1.1em;
            color: #333;
        }

        .name a {
            text-decoration: none;
            color: #007bff;
            transition: color 0.3s;
        }

        .name a:hover {
            color: #0056b3;
            text-decoration: underline;
        }

        .name span a {
            font-size: 0.9em;
            color: #6c757d;
        }

        /* 全屏图片查看器的样式 */
        #lightbox {
            display: none; /* 默认隐藏 */
            position: fixed;
            /* 调整这行代码，将 `--navbar-height` 设置为你的导航栏高度 */
            --navbar-height: 120px; /* 示例值，请根据你的实际导航栏高度进行修改 */
            top: var(--navbar-height);
            left: 0;
            width: 100%;
            height: calc(100% - var(--navbar-height)); /* 减去导航栏高度 */
            background-color: rgba(0, 0, 0, 0.9);
            z-index: 999;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            user-select: none; /* 防止图片被意外选中 */
        }

        /* 图片容器，用于居中和处理事件 */
        #lightbox-content {
            position: relative;
            cursor: grab; /* 拖拽时显示手掌图标 */
            max-width: 90%;
            max-height: 90%;
            transition: transform 0.2s ease-in-out;
            touch-action: none; /* 禁用默认触摸行为 */
        }

        #lightbox-content img {
            max-width: 100%;
            max-height: 100%;
            transform-origin: center center; /* 缩放中心 */
            cursor: grab;
            user-select: none;
            -webkit-user-drag: none; /* 禁用WebKit的拖动行为 */
        }

        /* 关闭按钮的样式 */
        #close-btn {
            position: absolute;
            top: 20px;
            right: 30px;
            color: #fff;
            font-size: 3em;
            font-weight: bold;
            cursor: pointer;
            z-index: 1000;
            opacity: 0.8;
            transition: opacity 0.2s;
        }

        #close-btn:hover {
            opacity: 1;
        }

        /* 移动端适配 */
        @media (max-width: 768px) {
            .bd ul {
                flex-direction: column;
            }
            .bd li {
                max-width: 90%;
            }
        }
/* 首页栏目板块的图纸放大css结束 */