@charset "utf-8";



/* CSS Document */


*{margin:0;padding:0;list-style-type:none;}



a,img{border:0; text-decoration:none;}







body{font-family: "微软雅黑"}



ul li{list-style: none;}



.m980{margin: 0 auto; width: 1200px; height: auto}



.m540{margin: 0 auto; width: 540px; height: auto}



.pt50{padding-top: 50px;}



.h10{clear: both; height: 10px;}



.h20{clear: both; height: 20px;}



.clear{clear: both;}

.colorbox{border:1px solid #efefef; height:auto; overflow:hidden; background:#fff;box-shadow: 5px 10px 10px 10px #f6f6f6;}

.main{margin: 0; height: auto; clear: both}



.pagemain{margin: 0; height:auto; clear: both;background: #f9f9f9}



.weizhi{clear: both; float: left; width: 100%; height: 40px; padding-left:30px; line-height: 40px; color: #707070; font-size: 14px;}


.weizhi .username{float:left}
.weizhi .loginout{float:right}

.weizhi a:link{ color: #707070; font-size: 14px; }



.weizhi a:visited{ color: #707070; font-size: 14px; }



.weizhi a:hover{ color: #ff0000; font-size: 14px; }



.userphoto{width: 100%; background: #fcfcfc; height: 320px; clear: both;}



.fl{float: left;}



.fr{float: right;}



/*头部*/



#head{height: 136px; width: auto; background: #ffffff; }



#head .logo{float: left; width: 65%; height: 107px; padding-top: 10px; }
#head .logo img{max-width:100%; height: auto; padding-top: 10px; }


#head .search{float: right; width: 329px; height: 48px; padding-top: 40px; }







#head .search .ct{ height:380x; width:329x; }

#head .search .ct form {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 38px;
    line-height: 38px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 38px;
    overflow: hidden;
    z-index: 6;
}

#head .search .text{height:38px; width:274px; color:#777777; padding-left: 10px; top:3px; background:none; border:0}



#head .search .sub{height:38px; width:30px; background:url('/images/s.png'); border:0; cursor:pointer}















.active{



	   background-color:#1ca462;



	color: #ffffff;



	display: block;



	



	



}

.active2{



	   background-color:#008040;



	color: #ffffff;



	display: block;



	



	



}


/*导航部分*/



#menu{width: 100%; height: 60px; background:#008d49; transition: all 0.3s ease;   box-sizing: border-box; }



#menu ul li{float: left; width: 120px; margin-right:0px;; line-height: 60px; color: #ffffff; font-size: 18px; text-align: center; height: 60px; list-style: none}


#menu ul li ul li{height:40px; line-height:40px}




/* 1. 给导航初始化样式，解决跳动核心：提前设置固定高度+过渡动画 */

/* 2. 导航置顶的核心样式类 */
#menu.fixed-top {
    position: fixed;  /* 固定定位：吸附浏览器顶部，核心属性 */
    top: 0;           /* 距离顶部0像素 */
    left: 0;          /* 距离左侧0像素 */
    z-index: 9999;    /* ★置顶层级，必须设很高，防止被页面其他内容遮挡 */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* 可选：加个阴影，视觉上区分页面，更美观 */
}
/* 你的原有样式不冲突，无需修改 */

/*.nav ul{ list-style:none; padding:0; margin:0; display:flex;}*/
/*.nav ul li{ padding:0 10px; line-height:60px; position:relative;}*/
/*.nav ul li a{ text-decoration:none; color:#333;}*/
/*.nav ul li ul{ position:absolute; top:60px; left:0; display:none; padding:0;}*/
/*.nav ul li:hover ul{ display:block;}*/




/*设置二级导航样式*/   

.daohang{background-image:url('/images/banner.png'); background-size:100% 100%; height:400px;}

.nav {



    width:1200x; 



    height:60px;







    /*导航栏居中*/



    margin:auto;







}



.nav ul li { 



    width:120px; 



    height:45px;



    float:left; 



    position:relative;



    color: #ffffff;



    font-size: 18px;



    font-family:"微软雅黑";



  



}



.nav ul li a {



    display:block;



    width:120px; 



     color: #ffffff;



      height:60px;



    line-height:60px; 



    text-align:center;



	text-decoration: none;



}



.nav ul li a:hover { 



   background-color:#1a6d43;


	color: #ffffff;



  



}



 



/*设置一级导航样式*/



.nav ul li ul{



    display:none;



}



.nav ul li:hover ul{



    display:block;



    width:120px;



    position:absolute;



    top:60px;



    left:0;



    background-color:#ebf2f8;



    z-index: 1000000;



	  color: #000;



}



.nav ul li:hover ul li a{



    display:block;



    width:120px;



    height:45px;



    line-height:45px;



    text-align:center;



   	color: #000;



}



.nav ul li:hover ul li a:hover{



    background-color:#008D49;

    color: #fff;

}



 



/*设置三级导航样式*/



.nav ul li:hover ul li ul { 



    display:none;



}



.nav ul li:hover ul li:hover ul{ 



    display:block; 



    width:120px; 



    position:absolute; 



    top:0px; 



    left:123px;



    background-color:#43a038;



}



.nav ul li:hover ul li:hover ul li { 



    width:120px; 



    height:45px; 



}



.nav ul li:hover ul li:hover ul li a { 



    display:block; 



    width:120px; 



    height:45px; 



    line-height:45px; 



 



    text-align:center; 



}



.nav ul li:hover ul li:hover ul li a:hover { 



    background-color:#43a038;



}



.nav ul li:hover ul .nav_jw ul { 



    display:none;



}



.nav ul li:hover ul .nav_jw:hover ul{ 



    display:block; 



    width:120px; 



    position:absolute; 



    top:0px; 



    left:-120px;



    background-color:#43a038;



}



.nav ul li:hover ul .nav_jw:hover ul li { 



    width:120px; 



    height:30px; 



}



.nav ul li:hover ul .nav_jw:hover ul li a { 



    display:block; 



    width:120px; 



    height:45px; 



    line-height:45px; 



  



    text-align:center; 



}



.nav ul li:hover ul .nav_jw:hover ul li a:hover { 



    background-color:#43a038;



}











/*栏目标题*/



.title1{ font-size: 1.1rem; font-weight: bolder; color: #00A456;}



.title2{ font-size: 1.1rem; font-weight: bolder; color: #707070;}







.titlebg1{border-bottom: 3px solid #04AB0C; line-height: 40px;  height: 40px; text-align: center; width: 20%}



.titlebg2{border-bottom: 3px solid #cecece; text-align:right; line-height: 40px;  height: 40px;  width: 80%}

.titlebg2 {border-bottom: 3px solid #cecece; text-align:right; line-height: 40px;  height: 40px;  width: 80%}


.titlebg2 a:link {color: #707070; font-size: 16px; text-decoration: none}
.titlebg2 a:visited {color: #707070; font-size: 16px; text-decoration: none}
.titlebg2 a:hover {color: #ff0000; font-size: 16px; text-decoration: none}

.titlebg3{border-bottom: 3px solid #04AB0C; line-height: 50px;  margin-left:2%;  height: 50px; text-align: center; width: 10%}



.titlebg4{border-bottom: 3px solid #cecece; line-height: 50px;  height: 50px;  width: 86%}



.titlebg5{border-bottom: 3px solid #04AB0C; line-height: 50px;  height: 50px; text-align: center; width: 20%}



.titlebg55{border-bottom: 3px solid #04AB0C; line-height: 50px;  height: 50px; text-align: center; width: 30%}



.titlebg66{border-bottom: 3px solid #cecece; line-height: 50px;  height: 50px;  width: 70%}

.titlebg77{border-bottom: 3px solid #cecece; line-height: 50px;  height: 50px;  width: 40%}

.titlebg6{border-bottom: 3px solid #cecece; line-height: 50px;  height: 50px;  width: 80%}



.titlebg2 span{ font-size: 12px; float: right; color: #cccccc; }



.titlebg4 span{ font-size: 12px; float: right; color: #cccccc; }



.titlebg6 span{ font-size: 12px; float: right; color: #cccccc; }

/*.titlebg6 a{color: #00A456; }*/

.titlebg66 span{ font-size: 12px; float: right; color: #cccccc; }
.titlebg6 span:hover{ font-size: 12px;  color: #00A456; }
.titlebg4 span:hover{ font-size: 12px;  color: #00A456; }

.titlebg77 span{ font-size: 12px; float: right; color: #cccccc; }

.titlebg_content{border-bottom:1px solid #cecece; line-height: 45px; text-align: center;  font-size:24px; padding-bottom:10px; padding-top:10px; _height: 50px;min-height:50px;vertical-align:middle;  width: 100%}



/*幻灯图片*/



.flashpic{ float: left; width: 630px; height: 373px; margin-right: 30px;}



.info{float: right; width: 535px; height: 373px; }



/*滚动图片*/ 







a.abtn{display:block;height:130px;width:20px;overflow:hidden;background:url(../images/arrow3.png) no-repeat 0px 50%;}



a.aleft{float:left;}



a.agrayleft{cursor:default;background-position:-50px 50%;}



a.aright{float:right;background-position:-30px 50%;}



a.agrayright{cursor:default;background-position:50px 50%;}



/*会员专区*/
.userbox{width:1200px;height:180px;margin:0 auto; margin-top: 30px;}



.userbox .imglist_w{width:1200px;height:180px;border:1px solid #ccc; overflow:hidden;float:left;position:relative;/*必要元素*/}



.userbox .imglist_w ul{width:auto;position:absolute;left:0px;top:0px;}



.userbox .imglist_w li{width:207px; height: 180px; text-align:center; border-right:1px solid #ccc; float:left;padding:0 15px;}

.userbox .imglist_w li:last-child{border-right:0; }

.userbox .imglist_w li img{ margin-top:20px; width:auto; height: auto; padding:2px;   transition: all 0.6s ease-in-out; }

.userbox .imglist_w li:hover img{
  transform: rotate3d(0, 1, 0, 360deg);
}

.userbox .imglist_w li a{color:#707070;  font-size: 14px; text-decoration:none;}

.userbox .imglist_w li a:hover{color:#008d4a}

.userbox .imglist_w li a:hover img{filter:alpha(opacity=86);-moz-opacity:0.86;opacity:0.86;}



.userbox .imglist_w li p{height:30px;line-height:30px;overflow:hidden; clear:both; text-align:center}


/*会员专区*/



.scrolllist{width:1200px;height:204px;margin:0 auto; margin-top: 30px;}



.scrolllist .imglist_w{width:1160px;height:204px;overflow:hidden;float:left;position:relative;/*必要元素*/}



.scrolllist .imglist_w ul{width:20000px;position:absolute;left:0px;top:0px;}



.scrolllist .imglist_w li{width:200px; height: 129px; float:left;padding:0 10px;}



.scrolllist .imglist_w li img{ width:200px; height: 129px; padding:2px; border:solid 1px #ddd;}



.scrolllist .imglist_w li a{color:#707070; font-size: 14px; text-decoration:none;float:left;}



.scrolllist .imglist_w li a:hover img{filter:alpha(opacity=86);-moz-opacity:0.86;opacity:0.86;}



.scrolllist .imglist_w li p{height:30px;line-height:30px;overflow:hidden;float:left;}







.scrolllist2 {width:560px;height:204px;margin:0 ; margin-top: 30px;}



.scrolllist2 .imglist_w2{width:500px;height:204px;overflow:hidden;float:left; margin: 0 auto;  position:relative;/*必要元素*/}



.scrolllist2 .imglist_w2 ul{width:20000px;position:absolute;left:0px;top:0px;}



.scrolllist2 .imglist_w2 li{width:150px; height: 129px; float:left;padding:0 15px;}



.scrolllist2 .imglist_w2 li img{ width:150px; height: 129px; }



.scrolllist2 .imglist_w2 li a{color:#ffffff; font-size: 14px; text-decoration:none; text-align: center}



.scrolllist2 .imglist_w2 li a:hover img{filter:alpha(opacity=86);-moz-opacity:0.86;opacity:0.86;}



.scrolllist2 .imglist_w2 li p{height:30px;line-height:30px;overflow:hidden; clear: both; color: #fff; text-align: center; width: 100%; background: #04ab0c}



.scrolllist2 .imglist_w2 li p a{color: #ffffff;}











/*新闻部分列表*/



.newlist{margin-top:10px;}



.newlist ul li{width: 100%; height: 50px; list-style: none; line-height:50px;    border-bottom: 1px dashed #e0e0e0;}



.newlist ul li a:link {color: #707070; font-size: 14px; text-decoration: none}



.newlist ul li a:visited {color: #707070; font-size: 14px; text-decoration: none}



.newlist ul li a:hover {color: #008040; font-size: 14px; text-decoration: none}











.newlist ul li .title{float: left; padding-left:10px; width:80%;  line-height: 50px;  font-size: 16px; color: #707070;}



.newlist ul li span{float: right; font-size: 14px; color: #707070;}



/*产品列表*/

.productlist{margin-top:10px;}
.productlist ul li{width: 25%; float:left; height: 200px; list-style: none; margin-bottom:20px}
.productlist ul li .picbox{width:100%; height:150px; text-align:center; overflow:hidden; margin-bottom:30px}
.productlist ul li .picbox img{max-width:90%; height:auto; text-align:center}
.productlist ul li a:link {color: #707070; font-size: 16px; text-decoration: none}
.productlist ul li a:visited {color: #707070; font-size: 16px; text-decoration: none}
.productlist ul li a:hover {color: #ff0000; font-size: 16px; text-decoration: none}
.productlist ul li .title{text-align:center; line-height: 30px;  font-size: 16px; color: #707070;}




.hjmain{ clear: both;}

.hjmain a:link{ color: #707070; font-size: 14px; }

.hjmain a:visited{ color: #707070; font-size: 14px; }



.hjmain a:hover{ color: #ff0000; font-size: 14px; }



.hjmain .hjleft{ width: 380px; height: 340px; float: left; }



.hjmain .hjleft .leftpic{float: left; }



.hjmain .hjleft .leftpic ul{list-style: none;}



.hjmain .hjleft .leftpic ul li{width: 150px; list-style: none; height: 99px; margin-bottom: 5px; margin-right: 5px;}



.hjmain .hjleft .leftpic ul li img{width: 135px;  height: 94px;}



/*首页产品中心*/


.hjmain .hjleft .leftpic2{ }



.hjmain .hjleft .leftpic2 ul{list-style: none;}



.hjmain .hjleft .leftpic2 ul li{width: 180px; float: left; list-style: none; height: 99px; margin-bottom: 5px; margin-right: 5px;}



.hjmain .hjleft .leftpic2 ul li img{width: 100%;  height: 94px;}





.hjmain .hjleft .leftlist{float: left; width: 210px;  height: 340px;}



.hjmain .hjleft .leftlist ul li{font-size:14px; color: #707070;line-height:50px; height:50px;    border-bottom: 1px dashed #e0e0e0; }



.hjmain .hjleft .leftlist ul li a{font-size:14px; color: #707070; }

.hjmain .hjleft .leftlist ul li a:hover{font-size:14px; color: #008d4a;}





.newspage {list-style:none; width: 1000px; margin: 0 auto;}



.newspage ul{width: 1000px;}



.newspage ul.pagination {



    display: inline-block;



    padding: 0;



    margin: 0;



	width:100%;



}















.newspage ul.pagination li {float:left}







.newspage ul.pagination li a {



    color: black;



    float: left;



    padding: 8px 16px;



    text-decoration: none;



}







.newspage  ul.pagination li a.active {



    background-color: #4CAF50;



    color: #ffffff;



}







.newspage ul.pagination li a:hover:not(.active) {background-color: #ddd;}











.page-num-current {



	z-index: 1;



	color: #ffffff;



	background-color: #57b11a;



	border-color: #57b11a;



}



.page-num-current:hover {



	color: #ffffff;



}















.hjmain .hjright {width: 500px; height: 340px; float: right; }



.hjmain .hjright ul li {width: 207px; height: 150px; margin-left:40px; margin-bottom: 10px; float: left; }



.hjmain .hjright ul li .box{width: 207px; height: 130px; clear:both;  }



.hjmain .hjright ul li .box img{width: 203px; height: 127px; margin: 0 auto;  }



.hjmain .hjright ul li .hjtitle{width: 207px; height: 20px; font-size: 14px; text-align: center; color: #707070; line-height: 20px; }







/*技术与产品信息登记*/



.jscpxxdj{ width: 580px; height: auto; float: left; margin-right: 10px;margin-left: 17px;}



.jscpxxdj2 {width: 560px; height: auto; float: right; margin-right: 27px;}



.jscpxxdj33{width: 570px; height: 390px; float: left; margin-right: 27px;}


.jscpxxdj4{width: 370px; height: 390px; float: left; margin-right: 13px; margin-left: 13px;}


.hyzl{width: 350px; height: 390px; float: left; }



.hyzl .qygrb ul li {width: 348px; height: 100px; margin-bottom: 10px; clear: both; }



.hyzl .qygrb ul li .hypic{float: left; width: 123px; height: 77px }



.hyzl .qygrb ul li .hypic img{width: 123px; height: 77px }



.hyzl .qygrb ul li .hytitle{float: right; width: 220px; font-size: 16px; line-height: 20px; color: #707070; height: 77px }



.hyzl .qygrb ul li .hytitle a:link {color: #707070; font-size: 16px; text-decoration: none}



.hyzl .qygrb ul li .hytitle a:visited {color: #707070; font-size: 16px; text-decoration: none}



.hyzl .qygrb ul li .hytitle a:hover {color: #ff0000; font-size: 16px; text-decoration: none}


/*专家风采*/


.zhuanjia{width: 100%; height: 390px; float: left; }

.zhuanjia .qygrb ul li {width: 100%; height: auto;  margin-bottom: 5px; overflow:hidden; clear: both; border-bottom: 1px dashed #e0e0e0; }

.zhuanjia .qygrb ul li .hypic{float: left; text-align:center; width: 20%; height: 128px }

.zhuanjia .qygrb ul li .hypic img{width: 109px; margin:0 auto; height: 120px }

.zhuanjia .qygrb ul li .hytitle{float: right; width: 78%; font-size: 14px; line-height: 25px; color: #707070; height: 80px }

.zhuanjia .qygrb ul li .hytitle p{margin-top:5px; line-height:25px}

.zhuanjia .qygrb ul li .hytitle a:link {color: #707070; font-size: 16px; text-decoration: none}

.zhuanjia .qygrb ul li .hytitle a:visited {color: #707070; font-size: 16px; text-decoration: none}

.zhuanjia .qygrb ul li .hytitle a:hover {color: #008d4a;; font-size: 16px; text-decoration: none}



/*专家风采结束*/



.fourico{width: 226px; height: 390px; float: right;}



.fourico .icolist ul{margin-top: 20px;}



.fourico .icolist ul li{margin-bottom: 10px; clear:both; width: 100%}











/*公共部分*/



.mainleft{width: 250px;; float: left; background: #ffffff; height: auto; height:500px; margin-right: 10px;}



.mainleft .leftbox{padding: 0;background:#17a762}



.mainleft .leftbox ul li:first-child{clear: both; height: 80px; width: 100%; color: #fff;  border-bottom: 1px solid #fff; line-height: 80px;  background:#008040; text-align:center}


.mainleft .leftbox ul li{clear: both; height: 60px;  text-align:center; width: 100%; color: #fff;  border-bottom: 1px solid #fff; line-height: 60px; }

.mainleft .leftbox ul li a:hover{	   background-color:#1ca462;



	color: #ffffff;



	display: block;
}





.mainleft .leftbox ul li a:link {color: #fff; font-size: 16px; text-decoration: none}



.mainleft .leftbox ul li a:visited {color: #fff; font-size: 16px; text-decoration: none}



.mainleft .leftbox ul li a:hover {color: #fff; font-size: 16px; text-decoration: none; display:block; background:#008040}







.mainright{width: 930px;  float: right; background: #ffffff; height: auto; margin-right: 10px;}







.mainright .rightbox{padding:20px;}







.content{color: #707070;    overflow: hidden;  padding:20px; line-height: 180%; font-size: 16px; text-indent: 1em;}



.content img{ 



	width: auto%;



    height: 100%;}







.content table{

	color:#CCC;

	border: 1px solid #cccccc;



	margin: 0 auto;



	border-collapse:collapse;



	font-size:14px;



	font-family: "微软雅黑";



		width: auto;



	}



 



.mainpage{width:1180px;  float: right; background: #ffffff; height: auto;}







.mainpage .rightbox{padding:20px;}







/*



.mainpage .rightbox .content{color: #707070;   width: 930px; height: auto;   overflow: hidden; padding:10px; line-height: 180%; font-size: 16px; text-indent: 2em;}



.mainpage .rightbox .content img{   width: auto;



    height: auto;}



*/


   .form-container {
            width: 350px;
            padding: 2rem;
            margin: 0 auto;
            background-color: #fff;
            border-radius: 8px;
           
        }
        .form-group {
            margin-bottom: 1.2rem;
        }
        .form-input {
            position: relative;
        }
        .form-input input {
            width: 76%;
            padding: 0.8rem 2.5rem 0.8rem 1rem; /* 右侧预留图标空间 */
            border: 1px solid #ddd;
            border-radius: 4px;
            font-size: 1rem;
        }
        .form-input input::placeholder {
            color: #999;
        }
        .form-input .icon {
            position: absolute;
            right: 1.5rem; /* 图标居右 */
            top: 50%;
            transform: translateY(-50%);
            color: #999;
        }
        .input-hint {
            margin-top: 0.3rem;
            font-size: 0.8rem;
            color: #999;
        }
        .submit-btn {
            width: 100%;
            padding: 0.8rem;
            background-color: #00a651;
            color: #fff;
            border: none;
            border-radius: 4px;
            font-size: 1rem;
            cursor: pointer;
            transition: background-color 0.3s;
            margin-top: 0.5rem;
        }
        .submit-btn:hover {
            background-color: #008d45;
        }


/* 会员登录 */
                                                             
.login-wrapper {
            width: 600px; /* 按原图比例设置宽度 */
            margin: 0 auto;
        }
        .input-group {
            position: relative;
            margin-bottom: 15px;
        
        }
        .input-group input {
            width: 90%;
            height: 44px; /* 模拟原图输入框高度 */
            padding: 0 12px;
            padding-right: 0px; /* 右侧预留图标空间 */
            border: 1px solid #ddd;
            border-radius: 4px;
            font-size: 14px;
            color: #333;
        }
        .input-group input::placeholder {
            color: #999; /* 密码框占位符颜色 */
        }
        
        /*新增加*/
        
          .input-group2 {
            position: relative;
            margin-bottom: 15px;
        
        }
        .input-group2 input {
            width: 58%;
            height: 44px; /* 模拟原图输入框高度 */
            padding: 0 12px;
            padding-right: 0px; /* 右侧预留图标空间 */
            border: 1px solid #ddd;
            border-radius: 4px;
            font-size: 14px;
            color: #333;
        }
        .input-group2 input::placeholder {
            color: #999; /* 密码框占位符颜色 */
        }
        
        /*新增加*/
        
        
        .input-group .icon {
            position: absolute;
            right: 29px; /* 图标靠右 */
            top: 50%;
            transform: translateY(-50%);
            color: #999;
            font-size: 18px;
        }
        .login-btn {
            width: 100%;
            height: 44px;
            background-color: #00a651; /* 原图绿色按钮 */
            color: white;
            border: none;
            border-radius: 4px;
            font-size: 16px;
            cursor: pointer;
            margin: 0 auto;
            margin-bottom: 15px;
        }
        .link-group {
            text-align: center;
        }
        .link-group a {
            color: #00a651; /* 链接绿色 */
            text-decoration: none;
            font-size: 14px;
            margin: 0 8px;
        }
        /* 去除输入框默认聚焦样式，保持简洁 */
        .input-group input:focus {
            outline: none;
            border-color: #00a651;
        }





         .register-container {
            width: 380px; /* 按原图比例设置宽度 */
            margin: 0 auto;
        }
        .form-group {
            margin-bottom: 18px;
        }
        .input-field {
            position: relative;
        }
        .input-field input {
            width: 80%;
            height: 44px; /* 匹配原图输入框高度 */
            padding: 0 12px;
            padding-right: 40px; /* 右侧预留图标空间 */
            border: 1px solid #ddd;
            border-radius: 4px;
            font-size: 14px;
            color: #333;
        }
        .input-field input::placeholder {
            color: #999; /* 占位符文字颜色 */
        }
        .input-field .icon {
            position: absolute;
            right: 15px; /* 图标靠右对齐 */
            top: 50%;
            transform: translateY(-50%);
            color: #999;
            font-size: 18px;
        }
        
        /*新增注册页面*/
        
            .input-field2 {
            position: relative;
        }
        .input-field2 input {
            width: 48%;
            height: 44px; /* 匹配原图输入框高度 */
            padding: 0 12px;
            padding-right: 40px; /* 右侧预留图标空间 */
            border: 1px solid #ddd;
            border-radius: 4px;
            font-size: 14px;
            color: #333;
        }
        .input-field2 input::placeholder {
            color: #999; /* 占位符文字颜色 */
        }
        .input-field2 .icon {
            position: absolute;
            right: 15px; /* 图标靠右对齐 */
            top: 50%;
            transform: translateY(-50%);
            color: #999;
            font-size: 18px;
        }
        
        /*新增注册页面*/
        
        
        
        .input-hint {
            margin-top: 5px;
            font-size: 12px;
            color: #999; /* 提示文字颜色 */
            line-height: 1.2;
        }
        .register-btn {
            width: 100%;
            height: 44px;
            background-color: #00a651; /* 原图绿色按钮 */
            color: white;
            border: none;
            border-radius: 4px;
            font-size: 16px;
            cursor: pointer;
            margin-top: 10px;
        }
        /* 输入框聚焦样式 */
        .input-field input:focus {
            outline: none;
            border-color: #00a651;
        }







/*底部*/



#footer{width: 100%; height: 245px; clear: both; margin: 0;background: #008d49;}



#footer .foot_left{float: left;width: 1022px;}



#footer .foot_left .link{width: 100%; height: 30px; clear: both}



#footer .foot_left .link .select-link1{border:1px solid #cccccc;  margin-top: 10px;  float: left; font-size: 12px; width: 150px; height: 25px;}



#footer .foot_left .link .select-link2{border:1px solid #cccccc; margin-top: 10px;  float: left; width: 150px; font-size: 12px; height: 25px;}



#footer .foot_left .link .select-link3{border:1px solid #cccccc;  margin-top: 10px; float: left; width: 150px; font-size: 12px; height: 25px;}



#footer .foot_left .link .linktitle{float: left; color: #ffffff;  margin-right: 10px; height: 30px; line-height: 30px; font-size: 14px;}



#footer .foot_left .link .linklist{float: left;}



#footer .foot_left .link .linklist .linkbox{float: left; width:100%;}



#footer .foot_left .link .linklist .linkbox span{float: left; display: block; text-align: left; margin-left:0px; margin-right:20px;}



#footer .foot_left .link .linklist span img{width: 150px; height: 50px;}



#footer .foot_left .link .linklist .linkbox ul {margin-left: 65px;}



#footer .foot_left .link .linklist .linkbox ul li{float: left; width: 120px; height: 30px; margin-right:50px;}



#footer .foot_left .copyright{width: 100%; height: 60px; clear: both}



#footer .foot_left .copyright span{font-size: 14px; color: #ffffff; clear: both}



#footer .foot_right{float: right;width: 130px;}



#footer .foot_right .qcoder{width: 100%; text-align: center; padding-top: 20px;}



#footer .foot_right .qcoder span{width: 100%; height: 30px; line-height: 30px; color: #ffffff; clear: both; display: block; text-align: center; }