﻿@charset "utf-8";

*{padding:0px;margin:0px}
body, html {height:100%;}
html {overflow-x:hidden;overflow-y:scroll;}

html {font-size:100px;}  /*效果图750px*/
@media(max-width:540px){ html { font-size:84.375px; } } /*Android常用宽度*/
@media(max-width:480px){ html { font-size:75px; } }		/*Android常用宽度*/
@media(max-width:414px){ html { font-size:64.69px; } }  /*i6Plus,i7Plus宽度*/  
@media(max-width:375px){ html { font-size:58.59px; } }	/*i6,i7宽度*/
@media(max-width:360px){ html { font-size:56.25px; } }	/*Android常用宽度*/
@media(max-width:320px){ html { font-size:50px; } }		/*i5宽度*/

body 
{
	padding:0rem;margin:0rem;
    font-family:"Microsoft Yahei","宋体",Arial,Helvetica,sans-serif;
	font-size:0.14rem;
	background-color:#FFFFFF;
}
body,table,td,a,title,h2,h3,div,select,textarea{
    font-family:"Microsoft Yahei",Arial,宋体,sans-serif;
	font-size:0.14rem;
	color:#222222;
}
td,input{
	line-height:150%;
}
form,h1,h2,h3,h4,h5,h6{
	margin:0rem;
	padding:0rem;
}
img {border:0rem;}   /* 图片边框为0  a:hover img{filter: Alpha(Opacity=70);}  图片透明度 */

a:link       {text-decoration: none;color:#222222;}
a:visited    {text-decoration: none;color:#222222;}
a:hover      {text-decoration: none;color:#E52229;}

li {list-style-type:none;}
.NoInfor {margin:0px auto;width:100%;height:auto;margin-top:0.8rem;margin-bottom:0.8rem;color:#888888;text-align:center;clear:both;overflow:hidden;}
.font_red{color:#ff0000;}

table{border-collapse:collapse;}
table td{padding:5px;border:1px solid #DDDDDD;}

/*分页开始*/
#page{margin: 0px auto;width:100%;padding:0.4rem 0rem 0.4rem 0rem;white-space:nowrap;text-align:center;clear:both;overflow:hidden;}
#page a,#page a:link,#page a:visited{margin:0 0.1rem 0 0;padding:0.08rem;font-size:0.14rem;border:1px #dddddd solid;color:#666666;}
#page a:hover{margin:0 0.1rem 0 0;padding:0.08rem;background:#E52229;color:#ffffff;border:1px #E52229 solid;}
#page span.current{margin:0 0.1rem 0 0;padding:0.08rem;font-weight:bold;}
#page span.font{margin:0 0.1rem 0 0;padding:0.08rem;}
#page a.pre,#page a.next,#page a.first,#page a.last{margin:0 0.1rem 0 0;}
/*分页结束*/

.PreviousNext {float:left;width:100%;height:auto;padding-top:0.1rem;padding-bottom:0.1rem;}
.PreviousNext ul{float:left;width:100%;height:auto;text-align:left;}
.PreviousNext li{float:left;width:100%;height:auto;line-height:200%;text-align:left;font-size:0.14rem;}
.PreviousNext li a,.PreviousNext li a:hover,.PreviousNext li a:visited{color:#222222;font-size:0.14rem;text-decoration:underline;}
.PreviousNext li a:hover{color:#E52229;font-size:0.14rem;text-decoration:none;}
.PreviousNext li font{color:#888888;}

.BackUrl{float:right;width:10%;height:auto;padding-bottom:0.2rem;}
.BackUrl a{display:block;height:0.45rem;line-height:0.45rem;color:#fff;font-size:0.14rem;background-color:#F24444;border-radius:0.05rem;-moz-border-radius:0.05rem;-webkit-border-radius:0.05rem;cursor:pointer;}
.BackUrl a:hover {display:block;height:0.45rem;line-height:0.45rem;color:#fff;font-size:0.14rem;background-color:#099B43;border-radius:0.05rem;-moz-border-radius:0.05rem;-webkit-border-radius:0.05rem;}

/*按钮样式*/
.ButtonSubmit {width:50%;height:0.42rem;line-height:0.42rem;padding-left:0%;color:#fff;background:#F24343;border:0;font-size:0.14rem;cursor:pointer;}
.ButtonSubmit:focus{color:#fff;}
.ButtonSubmit:hover{color:#fff;background:#DA251C;font-size:0.14rem;}
/*按钮样式*/

/*设置input样式*/
input{width:94%;height:0.45rem;line-height:0.45rem;padding-left:2%;font-size:0.14rem;color:#a0a0a0;border:#E7E9EC 1px solid;-moz-border-radius:0rem;-webkit-border-radius:0rem;border-radius:0rem;}
input:focus{border:#D3DCF7 0.01rem solid;outline:none;color:#a0a0a0;}
input::-webkit-input-placeholder{color:#a0a0a0;}
input::-moz-placeholder{color:#a0a0a0;} /* Mozilla Firefox 19+ */
input:-moz-placeholder{color:#a0a0a0;} /* Mozilla Firefox 4 to 18 */
input:-ms-input-placeholder{color:#a0a0a0;} /* Internet Explorer 10-11 */ 
input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance:none;}   /*去掉iPhone iPad默认按钮渐变圆角样式*/

.input_radio{width:5%;height:0.2rem;line-height:0.2rem;}
.input_checkbox{width:0.2rem;height:0.14rem;line-height:0.14rem;}
/*设置input样式*/

/*设置select样式*/
select{width:96%;height:0.45rem;line-height:0.45rem;padding-left:2%;font-size:0.14rem;color:#a0a0a0;border-radius:0rem;border:#E7E9EC 1px solid;}
/*设置select样式*/

/*设置textarea样式*/
textarea{width:92%;height:auto;padding:2%;font-size:0.14rem;color:#a0a0a0;line-height:160%;border:#E7E9EC 1px solid;-moz-border-radius:0rem;-webkit-border-radius:0rem;border-radius:0rem;}
textarea:focus{border:#E7E9EC 1px solid;outline:none;color:#a0a0a0;}
textarea::-webkit-input-placeholder{color:#a0a0a0;}
textarea::-moz-placeholder{color:#a0a0a0;} /* Mozilla Firefox 19+ */
textarea:-moz-placeholder{color:#a0a0a0;} /* Mozilla Firefox 4 to 18 */
textarea:-ms-input-placeholder{color:#a0a0a0;} /* Internet Explorer 10-11 */ 
/*设置textarea样式*/

/*设置input、textarea高亮显示样式*/
.highlight_border{color:#E52229;border:#E52229 1px solid;background-color:#FFF2F3;}
.highlight_border::-webkit-input-placeholder{color:#E52229;}
/*设置input、textarea高亮显示样式*/

/* 微信图标弹出 */
.dialogContent {display:none;z-index:9999;position:fixed;top:40%;left:45%;width:3.5rem;height:auto;padding:0.5rem;margin:-1.3rem 0 0 -1.5rem;text-align:center;-webkit-box-shadow:#E5E5E5 0px 0px 10px; -moz-box-shadow:#E5E5E5 0px 0px 10px; box-shadow:#E5E5E5 0px 0px 10px;background:#fff;}
.dialogContent img {width:2rem;height:2rem;}
.dialogContent p{font-size:0.16rem;line-height:150%;padding:0.15rem;}
.dialogContent dd{margin:0 auto;width:2rem;height:0.4rem;line-height:0.4rem;color:#fff;font-size:0.14rem;background:#E5232A;cursor:pointer;}
.dialogContent dd:hover {background:#E40605;}
/* 微信图标弹出 */


@media screen and (min-width:1340px) and (max-width:1680px){

}

@media screen and (max-width:1340px){
}
@media screen and (min-width:1200px) and (max-width:1339px){
}

@media screen and (min-width:980px) and (max-width:1199px){
}

@media screen and (min-width:750px) and (max-width:980px){
.BackUrl{width:20%;}
input,select,.ButtonSubmit{height:0.5rem;line-height:0.5rem;}
input,select,.BackUrl a,.BackUrl a:hover,.ButtonSubmit,.ButtonSubmit:hover,.PreviousNext li,.PreviousNext li a,.PreviousNext li a:hover,.PreviousNext li a:visited{font-size:0.16rem;}
}

@media screen and (max-width:750px){
.BackUrl{width:40%;}
input,select,.ButtonSubmit{height:0.65rem;line-height:0.65rem;}
body,table,td,a,title,h2,h3,div,select,textarea,input,select,#page a,#page a:link,#page a:visited,.BackUrl a,.BackUrl a:hover,.ButtonSubmit,.ButtonSubmit:hover,.PreviousNext li,.PreviousNext li a,.PreviousNext li a:hover,.PreviousNext li a:visited{font-size:0.22rem;}
.banner1 {width:100%}
.pic {width:100%}
.weizhi {width:100%}




}
  nav {
            background: #333;
            padding: 1rem 2rem;
            position: relative;
        }

        .nav-container {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .logo {
            color: white;
            font-size: 1.5rem;
            text-decoration: none;
        }

        .nav-links {
            display: flex;
            gap: 2rem;
            list-style: none;
            position: relative;
        }

        .nav-item {
            position: relative;
        }

        .nav-item > a {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            color: white;
            text-decoration: none;
            font-size: 1.1rem;
            transition: color 0.3s;
            padding: 0.5rem 0;
        }

        .dropdown-toggle::after {
            content: "▶";
            font-size: 0.6rem;
            transition: transform 0.3s;
        }

        .nav-item:hover > a {
            color: #00ff88;
        }

        .dropdown-menu {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            background: #444;
            min-width: 200px;
            padding: 1rem 0;
            list-style: none;
            border-radius: 4px;
        }

        .dropdown-menu li {
            padding: 0.5rem 1.5rem;
        }

        .dropdown-menu a {
            color: white;
            text-decoration: none;
            transition: color 0.3s;
        }

        .dropdown-menu a:hover {
            color: #00ff88;
        }

        .mobile-menu-btn {
            display: none;
            background: none;
            border: none;
            color: #000000;
            font-size: 1.5rem;
            cursor: pointer;
        }

        @media (min-width: 769px) {
            .nav-item:hover .dropdown-menu {
                display: block;
            }
		.menuClose	{
                display: none;
               
               
            }
			
        }

        @media (max-width: 768px) {
            .nav-links {
                display: none;
                width: 100%;
                height: calc(100vh - 60px);
                position: absolute;
                top: 60px;
                left: 0;
                background: #333;
                flex-direction: column;
                align-items: flex-start;
                padding: 1rem 2rem;
            }

            .nav-links.active {
                display: flex;
            }

            .nav-item {
                width: 100%;
            }

            .dropdown-toggle::after {
                transform: rotate(90deg);
            }

            .dropdown-menu {
                position: static;
                display: none;
                background: #222;
                margin-left: 1rem;
                padding: 0;
                min-width: auto;
            }

            .dropdown-menu.active {
                display: block;
            }

            .mobile-menu-btn {
                display: block;
            }

            .logo {
                font-size: 1.2rem;
            }
        }

