.header{

	width: 100%;

}

.header .icon{

	height: 80px;

	width: 100%;

}

.header .icon img{

	padding:22px 0 22px 155px;

	width: 148px;

	height: 36px;

	display: block;

}

.header .loop{

	max-height: 520px;

	min-width: 1200px;

	overflow: hidden;

	position: relative;

}

.header .loop .characters{

	top:25%;

	left:18%;

	position: absolute;

	z-index:2

}

.loop .characters .loop-t{

	font-size: 44px;

	font-family: Source Han Sans CN;

	font-weight: 500;

	color: #FE752F;

}

.loop .characters .loop-e{

	padding:5% 0;

	font-size: 56px;

	font-family: Source Han Sans CN;

	font-weight: 500;

	color: #333333;

}

.loop .characters .loop-x{

	font-size: 28px;

	font-family: Source Han Sans CN;

	font-weight: 400;

	color: #999999;

	padding-bottom:6%;

}

.loop .characters .line{

	width: 120px;

	height: 8px;

	padding:0;

	background: #FE752F;

	border-radius: 4px;

}

.loop img{

	width: 100%;

	height: auto;

	display: block;

}

.conten{

	width: 1200px;

	margin:0 auto;

	font-size:24px;

	color:#333;

	font-weight: bold;

}

.conten .title{

	padding:90px 0 0 0

}

.conten .img{

	display: flex;

	flex-flow: wrap;

	justify-content: space-between;

}

.conten .img .imgs{

	height:281px;

	width: 281px;

	margin-top:30px;

	overflow: hidden;

	

}

.conten .img .loog{

	width: 220px;

	height: 392px;

}

.imgs img{

	width: 100%;

	height: 100%;

	display: block;

}

	

.line {

	padding-top:100px;

	border-bottom:1px solid #E5E5E5;

}

.qrf{

	display: flex;

	justify-content: center;

}

.qr{

	padding:30px 0 30px 0;

	margin:0 auto;

	color:#333;

	font-size:14px;

	font-weight: 500;

	display: flex;

}

.qr .item {

	text-align: center;

}

.qr .item .img{

	width: 120px;

	height: 120px;

}

.qr .item img{

	width: 100%;

	height: 100%;

	display: block;

}

.qr .qrlin{

	height: 80px;

	margin:0 110px;

	border:1px solid #E5E5E5;

}

.footer{

	font-size: 14px;

	padding:26px 0;

	color:#FFFFFF;

	font-weight: 400;

	text-align: center;

	background: #000;

}

.footer a{

	color:#fff;

	text-decoration:none;

}


 /* 悬浮按钮样式 */
        .floating-widget {
            position: fixed;
            bottom: 80px;
            right: 20px;
            z-index: 1000;
            transition: all 0.3s ease;
        }
        
        .widget-trigger {
            width: 60px;
            height: 60px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
            transition: all 0.3s ease;
            border: none;
            color: white;
            font-size: 24px;
        }
        
        .widget-trigger:hover {
            transform: scale(1.1);
            box-shadow: 0 6px 25px rgba(0, 0, 0, 0.2);
        }
        
        /* 弹出面板样式 */
        .widget-panel {
            position: absolute;
            bottom: 94px;
            right: 0;
            width: 300px;
            background: white;
            border-radius: 12px;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
            opacity: 0;
            visibility: hidden;
            transform: translateY(10px);
            transition: all 0.3s ease;
        }
        
        .widget-panel.active {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }
        
        .panel-header {
            padding: 16px 20px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            border-radius: 12px 12px 0 0;
            font-weight: bold;
        }
        
        .panel-content {
            padding: 20px;
        }
        
        .contact-item {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
            padding: 10px;
            border-radius: 8px;
            transition: background 0.2s ease;
        }
        
        .contact-item:hover {
            background: #f5f7fa;
        }
        
        .contact-icon {
            width: 36px;
            height: 36px;
            background: #f0f2f5;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 12px;
            color: #667eea;
        }
        
        .contact-info h4 {
            margin: 0 0 4px 0;
            font-size: 14px;
            color: #333;
			cursor: context-menu;
        }
        
        .contact-info p {
            margin: 0;
            font-size: 12px;
            color: #666;
        }
        
        /* 关闭按钮 */
        .close-btn {
            position: absolute;
            top: 10px;
            right: 15px;
            background: none;
            border: none;
            color: white;
            font-size: 18px;
            cursor: pointer;
            opacity: 0.8;
        }
        
        .close-btn:hover {
            opacity: 1;
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .widget-panel {
                width: 280px;
                right: -10px;
            }
            
            .widget-trigger {
                width: 50px;
                height: 50px;
                font-size: 20px;
            }
        }