body{ font-size:15px; color:#666666; margin-left: 0px;margin-top: 0px;margin-right: 0px; }
h1{ color:#e71411;}
td{ font-size:15px;}
ul{margin-left: 0px;margin-top: 0px;}
li{ list-style:none;margin-left: 0px;margin-top: 0px;}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; 
}
.gds:hover{background-color:#ff0000; color:#fff;    width:100%;  line-height:40px; height:40px;font-size:15px; font-weight:bold; border-radius:5px;}
.gds{ background-color:#e71411; color:#FFFFFF; border:0px; width:100%;  line-height:40px; height:40px; font-size:15px; font-weight:bold; border-radius:5px;}
@media (max-width: 769px) {
.logo{ width:100%; max-width:470px;}

#advantages{ width:100%; padding-bottom:60px; }
#advantages ul{ list-style:none;}
#advantages ul li{ display:flex; width:100%; float:left; color:#FFFFFF; font-size:16px; font-weight:bold; align-items:center; margin-bottom:20px;}
#advantages ul li p{ padding-left:20px;}
.rjsq{  width:100%;}
.rjsq img{  width:90%;}
.row{}
.bannertex{font-size:28px; font-weight:bold; margin-bottom:10px; padding:10px; color:#e71411; letter-spacing:2px; /* 半透明的红色阴影 */}
.bannertexx{font-size:15px;  margin-bottom:40px; color:#000; letter-spacing:2px; /* 半透明的红色阴影 */}
.bt{ margin:25px auto; font-size:30px; font-weight:bold; color:#e71411; letter-spacing:2px;}
.bbj{background-color:#e71411; background-image:url(../img/x.png); background-position:right; height:90px;}
.banbj{ margin:30px 20px; padding:20px;  border-radius:15px;}
.gd:hover{background-color:#e71411; color:#fff;    width:90%; max-width:500px; line-height:60px; height:60px;font-size:20px; font-weight:bold; border-radius:5px;}
.gd{ background-color:#e71411; color:#FFFFFF; border:0px; width:90%; max-width:500px; line-height:60px; height:60px; font-size:20px; font-weight:bold; border-radius:5px;}
}
@media (min-width: 769px) {
.logo{  max-width:470px;}

.container { width: 750px; margin:0 auto;}
#advantages{ width:100%; padding-bottom:60px; }
#advantages ul{ list-style:none;}
#advantages ul li{ display:flex; width:50%; float:left; color:#FFFFFF; font-size:16px; font-weight:bold; align-items:center;margin-bottom:20px;}
#advantages ul li p{ padding-left:20px;}
.rjsq{  width:100%;}
.rjsq img{  width:90%;}
.row{}
.bannertex{font-size:60px; font-weight:bold; color:#FFFFFF;padding:20px; letter-spacing:15px;text-shadow: 3px 3px 5px rgba(21, 71, 124, 0.5); /* 半透明的红色阴影 */}
.bannertexx{font-size:37px; font-weight:bold; color:#FFFFFF; margin-bottom:40px;letter-spacing:2px;text-shadow: 3px 3px 5px rgba(21, 71, 124, 0.5); /* 半透明的红色阴影 */}
.bt{ margin:20px auto; font-size:40px; font-weight:bold; color:#e71411; letter-spacing:2px;}
.bbj{background-color:#e71411; background-image:url(../img/x.png); background-position:right; height:110px;}
.gd:hover{background-color:#e71411; color:#fff;    width:70%; max-width:500px; line-height:60px; height:60px;font-size:20px; font-weight:bold; border-radius:5px;}
.gd{ background-color:#e71411; color:#FFFFFF; border:0px; width:70%; max-width:500px; line-height:60px; height:60px; font-size:20px; font-weight:bold; border-radius:5px;}
}
@media (min-width: 992px) {
.logo{ max-width:470px;}

.sqbg{ width:75%;}
 .container { width: 970px; margin:0 auto;}
 #advantages{ width:100%; padding-bottom:60px; }
#advantages ul{ list-style:none;}
#advantages ul li{ display:flex; width:25%; float:left; color:#FFFFFF; font-size:20px; font-weight:bold; align-items:center;}
#advantages ul li p{ padding-left:20px;}
.rjsq{  width:50%;}
.rjsq img{  width:90%;}
.row{display: flex;}
.bannertex{font-size:53px; font-weight:bold; color:#FFFFFF;padding:20px; letter-spacing:10px;text-shadow: 3px 3px 5px rgba(21, 71, 124, 0.5); /* 半透明的红色阴影 */}
.bannertexx{font-size:37px; font-weight:bold; color:#FFFFFF;margin-bottom:40px; letter-spacing:2px;text-shadow: 3px 3px 5px rgba(21, 71, 124, 0.5); /* 半透明的红色阴影 */}
.nav-logo { display:none;}
.bt{ margin:20px auto; font-size:40px; font-weight:bold; color:#e71411; letter-spacing:2px;}
.bbj{background-color:#e71411; background-image:url(../img/x.png); background-position:right; height:110px;}
.gd:hover{background-color:#e71411; color:#fff;    width:70%; max-width:500px; line-height:60px; height:60px;font-size:20px; font-weight:bold; border-radius:5px;}
.gd{ background-color:#e71411; color:#FFFFFF; border:0px; width:70%; max-width:500px; line-height:60px; height:60px; font-size:20px; font-weight:bold; border-radius:5px;}
}
@media (min-width: 1200px) {
.logo{ max-width:470px;}

.sqbg{ width:75%;}
.container { width: 1366px; margin:0 auto;}
#advantages{ width:100%; padding-bottom:60px; }
#advantages ul{ list-style:none;}
#advantages ul li{ display:flex; width:25%; float:left; color:#FFFFFF; font-size:20px; font-weight:bold; align-items:center;}
#advantages ul li p{ padding-left:20px;}
.rjsq{  width:50%;}
.rjsq img{  width:90%;}
.row{display: flex;}
.bannertex{font-size:53px; font-weight:bold; color:#FFFFFF; padding:20px;letter-spacing:10px;text-shadow: 3px 3px 5px rgba(21, 71, 124, 0.5); /* 半透明的红色阴影 */}
.bannertexx{font-size:37px; font-weight:bold; color:#FFFFFF;margin-bottom:40px; letter-spacing:2px;text-shadow: 3px 3px 5px rgba(21, 71, 124, 0.5); /* 半透明的红色阴影 */}
.nav-logo { display:none;}
.bt{ margin:20px auto; font-size:40px; font-weight:bold; color:#e71411; letter-spacing:2px;}
.bbj{background-color:#e71411; background-image:url(../img/x.png); background-position:right; height:110px;}
.gd:hover{background-color:#e71411; color:#fff;    width:70%; max-width:500px; line-height:60px; height:60px;font-size:20px; font-weight:bold; border-radius:5px;}
.gd{ background-color:#e71411; color:#FFFFFF; border:0px; width:70%; max-width:500px; line-height:60px; height:60px; font-size:20px; font-weight:bold; border-radius:5px;}
}

.logoo{ width:100%;  max-width:470px;}



.item { border:1px #F2F2F2 solid; border-radius:3px; padding:25px;
display: flex;
flex: 1; /* 让每个项目平分容器空间 */
margin-right: 10px; /* 可选，用于在项目之间添加间距 */
margin-bottom:10px;
}
.item .left{ padding-left:20px; text-align:left;}
.item .left span{ font-size:20px; font-weight:bold;}
.item .left ptex{ font-size:17px;}
.item:last-child {margin-right: 0; /* 移除最后一个项目的右侧边距 */}
.gd:hover{background-color:#e71411; color:#fff;   max-width:500px; line-height:60px; height:60px;font-size:20px; font-weight:bold; border-radius:5px;}
.gd{ background-color:#e71411; color:#FFFFFF; border:0px;  max-width:500px; line-height:60px; height:60px; font-size:20px; font-weight:bold; border-radius:5px;}

.gdm:hover{background-color:#e71411; color:#fff;    width:50%; max-width:500px; line-height:60px; height:60px;font-size:20px; font-weight:bold; border-radius:5px;}
.gdm{ background-color:#008e2f; color:#FFFFFF; border:0px; width:50%; max-width:500px; line-height:60px; height:60px; font-size:20px; font-weight:bold; border-radius:5px;}

.topr:hover{background-color:#e71411; color:#fff;    width:200px; line-height:50px; height:50px;font-size:18px; font-weight:bold; border-radius:5px;}
.topr{color:#FFFFFF; border:1px solid rgba(255, 255, 255, 0.2); width:200px;  line-height:50px; height:50px; font-size:18px; border-radius:5px;}


.navbar { margin:0 auto; max-width:100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    z-index: 999;
}

.bar {
    display: block;
    width: 25px;
    height: 3px;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #101010;
}

.hamburger {
    display: none;
}

.bar {
    display: block;
    width: 25px;
    height: 3px;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #101010;
}




.news_list{
	padding-bottom:30px; padding-top:10px;
}
.news_list ul{margin-left:-40px;
	list-style-type:none;
}

.news_list a:link{
	font-size:18px; line-height:35px; color:#333; font-weight:bolder;
}
.news_list a:visited{
	font-size:18px; line-height:35px; color:#333; font-weight:bolder;
}
.news_list a:hover{
	font-size:18px; line-height:35px; color:#0062d0; font-weight:bolder;
}

.news_list .list_time{
	color:#999;
}

.news_list span.listmore{
	background-color:#0062d0; float:right; padding-left:15px; padding-right:15px; margin-top:-20px; padding-bottom:5px; padding-top:2px;
}
.news_list span.listmore a:link{
	color:#fff; font-size:14px; height:22px; line-height:22px;
}
.news_list span.listmore a:visited{
	color:#fff; font-size:14px; height:22px; line-height:22px;
}
.news_list span.listmore a:hover{
	color:#fff; font-size:14px; height:22px; line-height:22px;
}

@media only screen and (min-width: 768px) {

.news_list li{ text-align:left;
	height:auto; border-top:1px #ddd dashed; padding-top:20px; line-height:28px; overflow:hidden; padding-bottom:20px;
}
.news_list img{
	width:183px; height:auto; float:left; margin-right:20px;
}
.news_list p{ font-weight:100;
	font-size:14px;
}}
@media only screen and (max-width: 768px) {
.news_list li{ text-align:left;
	height:auto; border-top:1px #ddd dashed; padding:10px; line-height:28px; overflow:hidden; padding-bottom:20px;
}
.news_list img{
	width:123px; height:auto; float:left; margin-right:20px;
}
.news_list p{ font-weight:400; height:65px; overflow:hidden; line-height:30px;
	font-size:14px;
}}

@media only screen and (max-width: 768px) {
.sqbg{ width:90%;}
.dsnone{ display:none;}
.nav-logo {
    font-size: 2.1rem;
    font-weight: 500;
    color: #482ff7;
}
    .nav-menu {
        position: fixed;
        left: -120%;
        top: 6.5rem;
        flex-direction: column;
  
        width: 100%;
        border-radius: 10px;
        text-align: center;
        transition: 0.3s;
        box-shadow: 0 10px 27px rgba(0, 0, 0, 0.05);
    }

    .nav-menu.active { margin-left:-30px;
        left: 0;
    }

    .nav-item { line-height:0px;
        width: 100%;
        margin: 0;
        border-bottom: 1px solid #f3f4f6;
    }

    .nav-link {
        display: block; font-size:16px;
        padding: 2.5rem 0;
    }
	
	
	a.nav-link:link {font-size: 16px; text-decoration: none;}
a.nav-link:visited {font-size: 16px;text-decoration: none;}
a.nav-link:active {font-size: 16px; color:#e71411;text-decoration: none;}
a.nav-link:hover {font-size: 16px;color:#e71411;text-decoration: none;}

    .hamburger {
        display: block;
        cursor: pointer;
    }

    .hamburger.active .bar:nth-child(2) {
        opacity: 0;
    }

    .hamburger.active .bar:nth-child(1) {
        -webkit-transform: translateY(8px) rotate(45deg);
        transform: translateY(8px) rotate(45deg);
    }

    .hamburger.active .bar:nth-child(3) {
        -webkit-transform: translateY(-8px) rotate(-45deg);
        transform: translateY(-8px) rotate(-45deg);
    }
}





a:link {font-size: 15px;color: #666666;text-decoration: none;}
a:visited {font-size: 15px;color: #666666;text-decoration: none;}
a:active {font-size: 15px;color: #FF2000;text-decoration: none;}
a:hover {font-size: 15px;color: #FF2000;text-decoration: NONE;}


a.h:link {font-size: 16px;text-decoration: none;}
a.h:visited {font-size: 16px;text-decoration: none;}
a.h:active {font-size: 16px;text-decoration: none;}
a.h:hover {font-size: 16px;text-decoration: none;}

a.d:link {font-size: 14px;color: #fff;text-decoration: none;}
a.d:visited {font-size: 14px;color: #fff;text-decoration: none;}
a.d:active {font-size: 14px;color:#ff0000;text-decoration: none;}
a.d:hover {font-size: 14px;color:#ff0000;text-decoration: none;}

a.a:link {font-size: 15px; color:#000000;text-decoration: none;}
a.a:visited {font-size: 15px; color:#000000; text-decoration: none;}
a.a:active {font-size: 15px; color:#ff000;text-decoration: none; }
a.a:hover {font-size: 15px;color:#ff0000;text-decoration: none;}



#foot{   border-bottom:none;}
#foot ul{ list-style:none;margin: 0px; padding: 0px; }
#foot ul li a { display:block;  height:26px; line-height:26px; padding-left:20px;color:#999999; font-size:14px; }
#foot ul li a:hover { height:26px; color:#ff0000;  font-size:14px;}




.floating-toolbar {
            position: fixed;
            bottom: -80px; /* 初始隐藏在屏幕外 */
            left: 0;
            width: 100%;
            display: flex;
            justify-content: space-between;
            padding: 12px 16px;
            background-color: rgba(255, 255, 255, 0.95);
            box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.1);
            border-top: 1px solid #eee;
            transition: bottom 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            z-index: 999;
        }
        
        .floating-toolbar.visible {
            bottom: 0;
        }
        
        .toolbar-btn {
            padding: 12px 24px;
            border: none;
            border-radius: 50px;
            color: white;
            font-size: 15px;
            font-weight: 500;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
            transition: all 0.25s ease;
            text-decoration: none;
        }
        
        .toolbar-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
        }
        
        .toolbar-btn:active {
            transform: translateY(0);
        }
        
        .wechat-btn {
            background: linear-gradient(135deg, #07C160, #05a455);
        }
        
        .form-btn {margin-right:30px; color:#fff;            background: linear-gradient(135deg, #e71411, #e53e3e);
        }
        
        .btn-icon {
            margin-right: 8px;
            font-size: 18px;
        }
        
        /* 微信弹窗样式 */
        .wechat-popup {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            z-index: 1000;
            justify-content: center;
            align-items: center;
        }
        
        .wechat-popup-content {
            background: white;
            padding: 30px;
            border-radius: 12px;
            text-align: center;
            max-width: 300px;
            width: 90%;
        }
        
        .wechat-popup img {
            width: 100%;
            max-width: 200px;
            margin: 15px 0;
        }
        
        .close-popup {
            margin-top: 15px;
            padding: 8px 20px;
            background: #f0f0f0;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }
        
        /* 响应式调整 */
        @media (max-width: 768px) {
            .floating-toolbar {
                padding: 10px 12px;
            }
            
            .toolbar-btn {
                padding: 10px 18px;
                font-size: 14px;
            }
        }
        
        @media (max-width: 480px) {
            .toolbar-btn {
                padding: 8px 16px;
                font-size: 13px;
            }
            
            .btn-icon {
                margin-right: 6px;
                font-size: 16px;
            }
        }
		
		
		
		
		 .process-container { border:1px #CCCCCC dashed; padding:15px;border-radius:10px; 
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            max-width: 1366px;
            margin: 0 auto;
        }
        
        .process-step {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            flex: 1;
            position: relative;
            padding: 0 15px;
        }
        
        .step-icon {
            width: 60px;
            height: 60px;
            margin-bottom: 15px;
            background-color: #f0f0f0;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
        }
        
        .step-image {
            width: 80px;
            height: 80px;
            margin-bottom: 15px;
            border-radius: 8px;
            object-fit: cover;
        }
        
        .step-text { padding:20px;
            font-size: 16px;
            color: #333;
        }
        
        .arrow {
            font-size:54px;
            color: #666;
            flex: 0 0 30px;
        }
        
        @media (max-width: 768px) {
            .process-container { width:85%;
                flex-direction: column;
            }
            
            .process-step {
                margin-bottom: 30px;
                width: 100%;
            }
            
            .arrow {
                display: none;
            }
        }
		
		
		
		
        .section-title {
            text-align: center;
            margin-bottom: 30px;
            font-size: 28px;
            color: #333;
        }
        
        .features {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        
        .feature-item {
            background-color: #f9f9f9;
            border-radius: 8px;
            padding: 25px 20px;
            margin-bottom: 20px;
            text-align: center;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
        }
        
        .feature-item:hover {
            transform: translateY(-5px);
        }
        
        .feature-icon {
            font-size: 36px;
            color: #e71411;
            margin-bottom: 15px;
        }
        
        .feature-title {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 10px;
            color: #e71411;
        }
        
        .feature-desc {
            font-size: 14px;
            color: #666;
            line-height: 1.5;
        }
        
        /* Desktop - 4 columns */
        @media (min-width: 992px) {
            .feature-item {
                width: calc(22% - 20px);
            }
        }
        
        /* Tablet - 2 columns */
        @media (max-width: 991px) and (min-width: 576px) {
            .feature-item {
                width: calc(50% - 10px);
            }
        }
        
        /* Mobile - 2 columns */
        @media (max-width: 575px) {
            .feature-item {
                width: 100%;
            }
        }
		
		
		
	.navbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 25px 5%;
            background-color: #fff;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            position: relative;
        }
        
        .logo {
            display: flex;
            align-items: center;
        }
        
        .logo img {
            height:45px;
            width: auto;
        }
        
        .nav-menu {
            display: flex;
            list-style: none;
            margin: 0;
            padding: 0;
        }
        
        .nav-menu li {
            margin: 0 35px;
        }
        
        .nav-menu a {
            text-decoration: none;
            color: #333;
            font-weight: 500;
            font-size: 16px;
            transition: color 0.3s;
            padding: 5px 0;
            position: relative;
        }
        
        .nav-menu a:hover {
            color: #e71411;
        }
        
        .nav-menu a:after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            background: #e71411;
            bottom: 0;
            left: 0;
            transition: width 0.3s;
        }
        
        .nav-menu a:hover:after {
            width: 100%;
        }
        
        .entry-card-btn {
            padding: 10px 20px;
            background-color: #e71411;
            color: white;
            text-decoration: none;
            border-radius: 4px;
            font-weight: bold;
            transition: background-color 0.3s;
            white-space: nowrap;
        }
        
        .entry-card-btn:hover {
            background-color: #e71411;
        }
        
        .hamburger {
            display: none;
            cursor: pointer;
            width: 30px;
            height: 20px;
            flex-direction: column;
            justify-content: space-between;
            z-index: 100;
        }
        
        .hamburger span {
            display: block;
            width: 100%;
            height: 3px;
            background-color: #333;
            transition: all 0.3s;
        }
        
        @media (max-width: 992px) {
            .navbar {
                padding: 15px 20px;
            }
            
            .nav-menu {
                position: fixed;
                top: 0;
                right: -100%;
                width: 70%;
                max-width: 300px;
                height: 100vh;
                background-color: #fff;
                flex-direction: column;
                align-items: center;
                padding: 80px 20px 20px;
                box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
                transition: right 0.3s ease-out;
                z-index: 99;
            }
            
            .nav-menu.active {
                right: 0;
            }
            
            .nav-menu li {
                margin: 15px 0;
                width: 100%;
                text-align: center;
            }
            
            .nav-menu a {
                display: block;
                padding: 10px;
                font-size: 18px;
            }
            
            .nav-menu a:after {
                display: none;
            }
            
            .entry-card-btn {
                display: none;
            }
            
            .hamburger {
                display: flex;
            }
            
            .hamburger.active span:nth-child(1) {
                transform: translateY(8px) rotate(45deg);
            }
            
            .hamburger.active span:nth-child(2) {
                opacity: 0;
            }
            
            .hamburger.active span:nth-child(3) {
                transform: translateY(-8px) rotate(-45deg);
            }
        }
		
		
		
		
		  .section-title {
            text-align: center;
            margin-bottom: 40px;
            color: #333;
        }
        
        .card-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 20px;
        }
        
        .card {
            background-color: #fff;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s, box-shadow 0.3s;
            flex: 1 1 calc(33.333% - 20px);
            margin-bottom: 20px;
        }
        
        .card:hover {
            transform: translateY(-5px);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
        }
        
        .card-img {
            width: 100%;
            height: 200px;
            object-fit: cover;
        }
        
        .card-content {
            padding: 30px;
        }
        
        .card-title {
            font-size: 18px;
            margin-bottom: 10px;
            color: #222;
        }
        
        .card-desc { line-height:28px;
            font-size: 14px;
            color: #666;
            margin-bottom: 15px;
        }
        
        .card-link {
            display: inline-block;
            color: #3498db;
            text-decoration: none;
            font-weight: 500;
            font-size: 14px;
        }
        
        .card-link:hover {
            text-decoration: underline;
        }
        
        @media (max-width: 768px) {
            .card {
                flex: 1 1 100%;
            }
            
            .card-img {
                height: 250px;
            }
        }