body{ background-color:#3d4d66}

.topdiv{ position:fixed; top:0; left: 0;width: 100%; height: 100px; background: #f5f5f5;z-index:500; border-bottom:1px solid #ccc}
.topdiv ul {width:100%;list-style:none;height: 70px; top:0; margin: 0; padding:0; min-width:800px}
.topdiv ul li{float:left; display:table-cell; vertical-align:middle;margin:auto;height: 70px; line-height:70px; color:#272636; padding-top: 15px; text-align:center}
.topdiv ul li img {width:140px; height:46px; margin-left:20px}
.topdiv ul li a{ font-size:16px;}
.topdiv ul li a:hover{TEXT-DECORATION: none;}

.topliimg{ width:20%;}
.toplidone, .topli{ width:13.0%; padding-top:10px}

.topli a{color:#000;}
.topli a:hover{padding:2px 15px 2px 15px; background-color:#3d4d66; border-radius:2px; color:#FFF}
.toplidone a{ padding:2px 15px 2px 15px; background-color:#3d4d66; border-radius:2px; color:#FFF;TEXT-DECORATION: none;}

.top1div{ height:100px}





.topmiddiv{ width:100%; background-color:#f5f5f5;clear:both;height:auto; padding-top:80px; padding-bottom:80px}
.topmiddiv ul {width:84%;list-style:none; margin: 0 auto; padding:0;height:auto;}
.topmiddiv ul li{float:left; vertical-align:middle;height:auto; width:25%;}
.topmiddiv ul li img{ width:90px; height:90px;}
.topmdli{ border-right:1px dotted #CCC}
.topmiddiv01 li{ text-align:center}
.topmiddiv02 li{ padding:10px 15px 10px 15px }
.topmiddiv02 li H4{width: 100%; text-align: center; height:30px; line-height:30px}





.titdivno1{width:100%; background-color:#fff; height: 120px;filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9; padding-top: 60px}
.titdivno1 ul {width:390px;list-style:none; margin: 0 auto; padding:0;}
.titdivno1 ul li{float:left; height:auto; width:130px; text-align: center; line-height: 30px}
.titdivno1 ul li h4{ color: #ff724d}
.titdivno1 ul li p{ width: 130px; height: 1px; background-color: #d9d9d9; margin-top: 19px}






.titdivno2{width:100%; background-color:#f5f5f5; height: 100px; padding-top: 55px}
.titdivno2 ul {width:390px;list-style:none; margin: 0 auto; padding:0;}
.titdivno2 ul li{float:left; height:auto; width:130px; text-align: center; line-height: 30px}
.titdivno2 ul li h4{ color: #ff724d}
.titdivno2 ul li p{ width: 130px; height: 1px; background-color: #d9d9d9; margin-top: 19px}







/* stepInfo */
.stepInfo ul{list-style:none; margin: 0; padding:0}
.stepInfo{position:relative;margin:0 auto 0 auto;width:870px;}
.stepInfo li{float:left;width:20%;height:0.2em;background:#00a600;}
.yuan01 {background:#28ff28}
.yuan02 {background:#00ec00}
.yuan03 {background:#00db00}
.yuan04 {background:#00bb00}
.yuan05 {background:#00a600}
.stepIco{border-radius:6.0em;padding:0.2em;text-align:center;line-height:6.0em;color:#333; position:absolute;width:6.0em;height:6.0em;
          margin-left:-3.0em; border:1px solid #00a600; font-size:16px;background-repeat:no-repeat;background-size:contain}
.stepIco1{top:-3.0em;left:-1%; background-color:#53ff53; background-image:url(../Images/pin.png);}
.stepIco2{top:-3.0em;left:20%; background-color:#28ff28; background-image:url(../Images/pin1.png)}
.stepIco3{top:-3.0em;left:40%; background-color:#00ec00; background-image:url(../Images/pin2.png)}
.stepIco4{top:-3.0em;left:60%; background-color:#00db00; background-image:url(../Images/pin3.png)}
.stepIco5{top:-3.0em;left:80%; background-color:#00bb00; background-image:url(../Images/pin4.png)}
.stepIco6{top:-3.0em;left:100%; background-color:#00a600; background-image:url(../Images/pin5.png)}
.stepText{color:#666;width:6em;text-align:center;margin-left:-0.0em; font-size:15px}

.middiv1{background-color:#fff; height:240px; width:100%; padding-top:80px; padding-bottom:80px;
filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;}







.aboutdiv{ width:100%; background-color:#fff;clear:both;height:auto; padding-top:40px; padding-bottom:40px;filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;}
.aboutdiv ul {width:84%;list-style:none; margin: 0 auto; padding:0;height:auto;}
.aboutdiv ul li{float:left; vertical-align:middle;height:auto; line-height:25px;font-family:"Courier New", Courier, monospace}
.aboutlifist{ width:40%; text-align:center; min-width:270px}
.aboutliscond{ width:60%;}
.aboutliscond h6{ color:#C00; width:100%; text-align:center}
.aboutliscond h3{width:100%; text-align:center}
.aboutliscond span{ font-size:15px; font-weight:700; font-family:"Courier New", Courier, monospace; color:#333}







.aboutdivs{ width:100%; padding-bottom:40px; padding-top:40px}
.aboutdivs h3{color:#FFF}
.aboutdivs h5,.aboutdivs p,.aboutdivs h2,.aboutdivs h3{ width:100%; text-align:center}
.aboutdivs h5,.aboutdivs p{ color:#999; height:25px; line-height:25px}
.aboutdivs h2{ color:#FFF; font-family:"Courier New", Courier, monospace}
.aboutdivs h2 img{ width:30px; height:30px; margin-right:15px; margin-top:-5px;}




.aboutsuper{ width: 100%;border-radius: 2px;
	margin-left: auto;
	margin-right: auto; margin-bottom:40px;background-image:url(../images/mymap.png)}
.aboutsuper ul {width:100%;list-style:none; margin: 0 auto; padding:0;height:auto; background-color:#666}
.aboutsuper ul li{float:left; vertical-align:middle;height:auto; width:50%; min-width:400px}
	
.aboutdivmes{width: 500px;margin: 0 auto;margin-top: 30px; padding: 10px;  border-radius: 2px;
	margin-left: auto;
	margin-right: auto; padding-bottom:30px}
.aboutdivmes input{ padding-left: 5px;font-size:16px;}
.inputone{float: left;width: 240px;border: 1px solid #999;height: 35px;display: inline-block;color:#333;border-radius: 1px; color:#000;filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;}
.inputtwo{float: right;width: 240px; border: 1px solid #999;height: 35px;display: inline-block;color:#333;border-radius: 1px;color:#000;filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;}
.inputthress{width: 480px;border: 1px solid #666;margin-top: 10px; height: 300px;border-radius: 1px; padding-left: 5px; padding-top:5px; line-height:22px; font-size:16px;color:#333;filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;resize: none; max-width:480px; max-height:300px;color:#000}

.aboutbutton{ width: 480px; height: 30px; background-color: #666; border: 0;position: absolute
    ; margin-top: 5px; color:#fff;border-radius: 0 0 1px 1px;filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;}

.aboutbutton:hover, .aboutbutton:active {
    background-color:#3d4d66;
}
.tixingti {
    font-size:12px; color:#fff;
}



.abotlisc{ padding-top:150px}
.abotlisc h3{ color:#f5f5f5; font-size:17px; width:100%;}
.abotlisc h3 img{ width:22px; height:22px; margin-right:10px; margin-top:-4px}





.footdiv{width:100%; border-top:1px solid #999; margin-top:20px}
.footdiv ul{list-style:none; margin: 0; padding:0; width:100%;}
.footdiv ul li{float:left;width:50%;color:#d9d9d9; font-size:12px;font-family:"Courier New", Courier, monospace}
.botdivli{ padding:10px 0 10px 20px;}
.botdivlil{ text-align:right; padding-top:15px; padding-right:40px}
#bottom01, #bottom02, #bottom03{ width:40px; height:40px; margin-right:20px}

.altdiv{ width:50%; height:120px;;position:absolute; margin-top:-120px; text-align:right;float:left; display:none}
.altdiv img{ width:110px; width:110px;border-radius:8px;}

.biaoyu{ width:100%; text-align:center; color:#f5f5f5; font-size:24px; padding-top:100px; padding-right:50px; font-family:pictos; font-weight:bold}
.biaoyu img{ width:50px; height:35px; margin-top:-5px; margin-right:5px}
@font-face {
	/* font-properties */
	font-family: pictos;
	src:
			url('FontFa/时尚中黑简体.ttf');
}









.admindiv{width:100%; margin-top:20px}

.articlelan{width:1240px; margin: 0 auto;display:-moz-box;display:-webkit-box;display:box; padding-bottom:10px; padding-top:10px}
.sectiontop1{width:120px;font-size:16px;font-family:"Courier New", Courier, monospace; text-align:center; color:#FFF}
.sectiontop2{ width:400px;color:#FFF; text-align:center}
.sectiontopid{text-align:center; color:#FFF; width:60px;}
.sectiontopip{text-align:center; color:#FFF; width:180px;}
.sectiontopq{text-align:center; color:#FFF; width:100px;}
.sectiontopph{text-align:center; color:#FFF; width:160px;}


.artmessage{width:1240px; margin: 0 auto;display:-moz-box;display:-webkit-box;display:box;padding-bottom:10px; padding-top:10px; border:1px solid #CCC; margin-top:10px;border-radius:4px}
.artmessage section{ border-left:1px dashed #CCCCCC;}
.section1{font-size:16px;font-family:"Courier New", Courier, monospace; text-align:center; color:#FFF; width:120px;}
.section2{ width:400px;color:#FFF; padding-left:5px; padding-right:5px;font-size:16px;font-family:"Courier New", Courier, monospace; }
.sectionid{text-align:center; color:#FFF; width:60px;}
.sectionip{text-align:center; color:#FFF; width:180px;}
.sectionq{text-align:center; color:#FFF; width:100px;}
.sectionph{text-align:center; color:#FFF; width:160px;font-size:16px;font-family:"Courier New", Courier, monospace; }

.sectionq input{ text-align:center; padding:5px 10px; border-radius:3px; border:0; color:#f5f5f5}
.delebutton input {
    background-color:#F00;
}


.yeulbottom{list-style:none; margin: 0 auto; padding:0; width:600px; margin-top:30px; height:40px; border:1px solid #999; border-radius:4px;
            margin-bottom:40px
}
.yeulbottom li{float:left;width:16.6%;color:#ffffff; font-size:14px;font-family:"Courier New", Courier, monospace; text-align:center;
line-height:40px}




.logindiv { text-align:center;
}
.logindiv input{ text-align:center; padding:5px 5px; border-radius:3px; border:0; color:#000; width:300px; height:30px;
                 font-size:16px; font-weight:bolder; margin-top:20px}
.loginh2s { width:100%; text-align:center; margin-top:5%; padding-bottom:1%; color:#fff; 
}