html,body,dl,dt,dd,ol,ul,li,h1,h2,h4,h3,img,p,span{border:0;vertical-align:baseline;margin:0;padding:0;list-style:none}
body{margin:0;padding:0;font:normal 1em/1.8 "Microsoft YaHei",Arial, sans-serif}
section,aside,footer,nav,main,figure,figcaption,article,time{display:block; clear:both}
.hangzhou_section{margin:30px auto;}
a{-webkit-transition-duration: 500ms;transition-duration: 500ms;text-decoration:none;outline: none;}
a:hover{text-decoration:underline}
img,mip-img{max-width: 100%;}
.space{text-indent:50px;}
hr{border-bottom:#F4F2F3 dotted 1px; height: 1px; border-top:none;}
.clear{clear:both;height:20px; margin:auto}
.hangzhou_html_main{margin:auto; padding:0px 30px; width:90%;}	
.hangzhou_main-title{text-align:center;}
.hangzhou_main-title .h3{margin:10px auto}
.hangzhou_main-title .update{font-size:12px; color:#666;}
.hangzhou_main_img{clear:both;text-align:left;}
.hangzhou_main_img li .bg strong,.hangzhou_main_img li .bg em{text-overflow:ellipsis;white-space:nowrap;}
.hangzhou_main_img li img{max-height:220px; width:100%;}
.hangzhou_main_img li{width:33.3%; padding:10px;float:left;box-sizing:border-box;flex:1;}
.hangzhou_main_img li a{color:#FFF;}
.hangzhou_main_img li .bg{background-color: #ee3131; color:#FFF; padding:8px 10px;}
.hangzhou_main_img li .bg1{background-color:#999; color:#FFF; padding:8px 10px;}
.hangzhou_main_img li .bg1:hover{background-color:#ee3131;}
.hangzhou_main_img li .bg:hover{background-color:#999;}
.hangzhou_lxwm,.hangzhou_lxwm a{color:#F00;}
.hangzhou_lxwm{max-width:320px; margin:auto; text-align:justify}
.hangzhou_lxwm li{line-height:2;}
.hangzhou_lxwm li span{width:25px;height:25px; border:#C0C0C0 solid 1px; border-radius:4px;box-sizing:border-box; margin-right:5px;}
.fenye a{padding:3px 5px}
.hangzhou_foot{padding-bottom:30px; background:#000000; padding-top:25px; color:#CCCCCC;font-size:14px;}
.hangzhou_foot a{color:#CCCCCC;}
.hangzhou_foot_main{margin:auto; width:90%;}	
.hangzhou_foot_main ul{ margin-top:10px;}
.hangzhou_navbar {
	position:sticky;top: 0;z-index: 1000;
    display: flex;
    justify-content:space-between;
    align-items: center;
    background-color:#ee3131; opacity:0.95;
    color: white;
    padding: 10px 20px;
  }
  .hangzhou_navbar_logo{font-size: 20px;}
  .hangzhou_navbar_logo span{float:left;color:#FFF;}
  .hangzhou_navbar_logo span a{color:#FFF;}
  .hangzhou_navbar_logo img,.hangzhou_navbar_logo mip-img{max-height:60px;}
  .hangzhou_navbar_links {
    list-style: none;
    display: flex;
    gap: 20px;
    margin-right: -10px; /* 调整间隙 */
  }
  .hangzhou_navbar_links a {
    color: white;
    text-decoration: none;
    padding: 5px 10px;
    transition: background-color 0.3s;
  }

  .hangzhou_burger {
    display: none;
    flex-direction: column;
    cursor: pointer;
  }
  .hangzhou_burger div {
    width: 25px;
    height: 3px;
    background-color: white;
    margin: 3px 0;
    transition: all 0.3s;
  }
  
  .hangzhou_pingjia {
            margin: 0 auto;
            padding: 20px;
            border-radius:10px;
            box-shadow: 0 0 15px #999999;
        }
        .hangzhou_pingjia_reviews {
            list-style: none;
            padding: 0;
        }
        .hangzhou_review {
            padding: 10px 0;
            border-bottom: 1px solid #eaeaea;
        }
        .hangzhou_review:last-child {
            border-bottom: none;
        }
        .hangzhou_review-text {
            margin-top: 5px;
        }
        .rating {
            color: #ffc107;
        }
        .rating::before {
            content: "★★★★☆☆";
            letter-spacing: 2px;
            font-size: 1.2em;
        }
  
  /* 隐藏复选框 */
 #hangzhou_nav_toggle,.hangzhou_chat_toggle {display: none;}
 
 
 .hangzhou_slider {
        position: relative;
        width: 100%;
        margin: auto;
        overflow: hidden;
        height:500px; /* 根据需要调整，可能需要调整以容纳图片和文字 */
    }

    .hangzhou_slide {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: opacity 1s ease;
    }

    .hangzhou_slide img {
        width: 100%; 
        height:100%;
    }

    .hangzhou_caption {
        position:absolute;
        left: 0; bottom:0;
        width: 100%; height:auto;
        background-color: rgba(0, 0, 0, 0.4);
        color:white;
        text-align: center;
        padding: 10px 0;
    }

    /* 动画关键帧 */
    @keyframes hangzhou_slideShow {
        0%, 100% { 
            opacity: 0; 
            z-index: 0; 
        }
        10%, 90% { 
            opacity: 1; 
            z-index: 1; 
        }
    }

    /* 为每个hangzhou_slide设置不同的动画延迟 */
    .hangzhou_slide:nth-child(1) {
        animation: hangzhou_slideShow 12s infinite;
    }
    .hangzhou_slide:nth-child(2) {
        animation: hangzhou_slideShow 12s infinite 4s;
    }
    /* 如果有更多hangzhou_slide，继续添加并调整animation-delay */ 
  .hangzhou_chat_container {z-index:50;margin:auto 10px;
            position:sticky;
            bottom: 0;
            right: 20px;
            width:300px;
            border-radius:10px 10px 0 0;
            background-color:#f9f9f9;
            box-shadow:0 0 15px #000000;
            overflow: hidden;
        }
        .chat-header {
            background-color:#ee3131; opacity:0.95;
            color: white;
            padding: 10px; display:block;
            text-align: center;
            cursor: pointer;
            border-radius: 5px 5px 0 0;
        }
        .hangzhou_chat_body {
            padding: 10px;
            background-color: white;
            height: calc(100% - 50px);
            overflow-y: auto;
            display:none;
            flex-direction: column;
            align-items: flex-end;
        }
        .message {
            padding: 10px;
            margin-bottom: 10px;
            border-radius: 5px;
            opacity: 0;
            transform: translateY(20px);
            animation: slideIn 1s forwards;
        }
		.from a,.from1 a,.from2 a{color:#000}
		.to a,.to1 a,.to2 a{color:white;}
        .from {background-color: #e2e2e2;animation-delay: 0s; /* 客服消息先出现 */}
		.to{background-color:#ee3131;color: white;animation-delay: 1s; /* 用户消息稍后出现 */}
		.from1 {background-color: #e2e2e2;animation-delay:1.5s;}
        .to1 {background-color:#ee3131;color: white;animation-delay:2s;}
		.from2 {background-color: #e2e2e2;animation-delay:4s;}
		
	/* 复选框选中时隐藏DIV */
  .hangzhou_chat_toggle:checked ~ .hangzhou_chat_body {display:flex;}
   @keyframes slideIn {to {opacity: 1;transform: translateY(0);}}

  @keyframes shake {
    0% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    50% { transform: translateX(5px); }
    75% { transform: translateX(-5px); }
    100% { transform: translateX(5px); }
  }
  .hangzhou_shake_animation {letter-spacing:2px;
    display: inline-block;
    animation: shake 0.8s; /* 抖动的持续时间 */
    animation-iteration-count: 10; /* infinite动画无限次数播放 */
    animation-timing-function: steps(8); /* 使动画更加分离 */
    animation-delay: 8s; /* 延迟5秒后开始抖动 */
  }
.hangzhou_tech_list {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	margin-top:20px;
}
.hangzhou_mosaic{filter: url(#mosaic-filter);}
.hangzhou_tech_item {
	flex-basis:calc(20% - 20px);
	margin:10px;
	background:#fff;
	border-radius:5px;
	overflow:hidden;
	box-shadow:0 4px 8px rgba(0,0,0,0.2);
	transition:transform 0.3s ease,box-shadow 0.3s ease;
}
.hangzhou_tech_item:hover {
	transform:translateY(-5px);
	box-shadow:0 2px 5px rgba(0,0,0,0.1);
}
.hangzhou_tech_image {
	width:100%;
	height:200px;
	object-fit:cover;
}
.hangzhou_tech_details {
	padding:15px;
	text-align:center;
}
.hangzhou_tech_name {
	font-size:20px;
	color:#333;
	margin:5px 0;
}
.hangzhou_tech_experience {
	font-size:16px;
	color:#555;
	margin-bottom:5px;
}
.hangzhou_tech_skills {
	font-size:14px;
	color:#777;
}
@media (max-width: 768px) {
body{overflow-x:hidden}
.hangzhou_burger { display: flex;}
.hangzhou_navbar_links {
      display: none; z-index:999;
      flex-direction: column;
      position: absolute;
      top:60px; /* 根据导航栏高度调整 */
      left: 0;
      right: 0;
      background-color:#ee3131;}
	.hangzhou_navbar_links li{line-height:1.8; border-bottom:#FFF solid 1px;}
    /* 复选框选中时显示链接 */
    #hangzhou_nav_toggle:checked ~ .hangzhou_navbar_links {display: flex;}
    /* 汉堡菜单点击效果 */
    #hangzhou_nav_toggle:checked + .hangzhou_burger .hangzhou_line1 {
      transform: rotate(-45deg) translate(-5px, 6px);
    }
    #hangzhou_nav_toggle:checked + .hangzhou_burger .hangzhou_line2 {
      opacity: 0;
    }
    #hangzhou_nav_toggle:checked + .hangzhou_burger .hangzhou_line3 {
      transform: rotate(45deg) translate(-5px, -6px);
    }
	 .hangzhou_slider{height:160px;}
	
.hangzhou_html_main{width:99%; padding:20px 0px;}
.hangzhou_main_img li{width:50%;}
.hangzhou_li_100 li{width:100%;}
.other_ht{display:none;}
.hangzhou_main_img li img{max-height:90px;}	
.hangzhou_chat_container{width:100%; right: 0px;margin:0 0;}
.hangzhou_pingjia{max-width:80%;}
.hangzhou_tech_list {display:block;}
.hangzhou_navbar_logo{font-size:18px;}
}