body{ 
font-family:Arial;font-size:16px;
background-color:#fff;
}


#container{
width:100%;background:#FFF;float:left;height:auto;

}


.div1 {
    height: auto;
}
.div2 {
    width: 100%;
    height: 25px;
    background-color: #31498f;
}
.div2_1 {
    position: fixed;
    width: 100%;
    height: 25px;
    z-index: 999;
    background-color: #31498f;
    top: 0px;
    _position: absolute;
    _bottom: auto;
    _top: expression(eval(document.documentElement.scrollTop));
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}
td{    border: 1px solid #ccc;
    line-height: 3;border-collapse:collapse;padding: 8px;}

#header{position:relative;height:140px;background:#fff;border-bottom: 4px solid #31498f;

}
#logo{
width:30%;float: left;
    margin-left:10%;
background:#fff;padding-top: 10px;
}
#logo img{max-width:100%;}
#language{
height:32px;width:100%;float:right;background:#31498f;
}
#language a{
	padding-right:15%;
	color:#fff;float:right;
}
#nav{width:30%;float:left;height:96px;background:#fff;}
#nav ul{padding-top:50px;}
#nav ul li{width: auto;
    float: left;
    padding-right: 5%;}
#nav ul li a{font-size: 18px;
    color: #666666;
    font-weight: normal;
    line-height: 35px;

    text-align: center;
    text-decoration: none;}

#nav ul li a.current,#nav ul li a:hover{background:#dedfde;color:#31498F;padding:5px;}
.top {
    float: left;
    padding: 40px 15% 0 0;
    width: 15%;}

#banner{
width:100%;height:auto;
float:left;
}

#banner img{width:100%;}

 .mainbox1{
width:20%;height:auto;float:left;padding-left:15%;z-index:1;margin-top:-80px;
}

#about{width:45%;height:256px;background-color:#777;margin-left:25px;float:left;z-index:1;margin-top:-80px;}
#about p{width:90%;float:left;color:#fff;padding:20px 10px 0 10px;}

#search{
	
	
	width:auto;
	
	overflow:hidden;float:right;padding-right:15%;
	

}
#search form span.sp1,#search span.sp2{color:#333;
height:40px;line-height:40px;padding-left:10px;text-align:center;font-size:14px;font-weight:bold;float:left;letter-spacing:10px
}#search form span.sp1{padding-right:10px}
#search form #searchtype{
width:100px;float:left;height:22px;border:1px solid #D0D0D0;margin:8px 0 0 0;
}
#search form #keys{
background: #ffffff;
    border: 1px solid #b7b7b7;
    cursor: text;
    font-size: 10pt;
    height: 20px;
    padding: 1px;float:left;
margin-top:4px;
}


#search form #sbtn{
float:left;margin:3px 0 0 5px;height:42px;background:url(../images/ss.png) 0 0 no-repeat;letter-spacing:-999px;cursor:pointer;width:43px;font-size:1px;background-size: 25px 25px;
}
#search span.sp2,#search ul li a{
letter-spacing:0;font-size:12px;font-weight:normal;color:#333;
}
#search ul{float:right;width:450px;}
#search ul li{float:left;height:40px;line-height:40px;padding:0 5px;}
#links1{
height:40px;width:360px;position:absolute;right:0;background:#777;bottom:0;border-top:1px solid #888;
}








#content{width:70%;height:auto;background-color:#fff;margin-left:15%;float:left;padding-top:50px;}



#sidebar{
float:left;width:100%;
}
.sidebox1{width:100%;float:left;margin-top:20px;}
.sidebox1 ul li{width:30%;float:left;height:auto;background-color:#31498f;padding:0 30px 40px 10px;}
.sidebox1 ul li a{color:#fff;padding:20px 0 20px 20px;float:left;font-size:20px;}
.sidebox1 ul li p{color:#ccc;width:90%;float:left;padding:10px;}
.sidebox1 ul li img{width:100%;height:250px;}
.sidebox2{padding-top:20px;}
.sidebox2 ul li a{width:25%;float:left;height:auto;background-color:#31498f;padding:0;color:#fff;padding:10px 0 10px 20px;margin:0px 20px 20px 0px;}





#main .mainbox2{
width:100%;height:auto;padding-top:20px;
}
#main .mainbox2 ul li{width:90%;padding-top:10px;}
#h2{border-bottom: 2px solid #31498f;width:50%;}
.h1{border-bottom: 2px solid #31498f;margin-bottom:10px;width:80%;}
h1.title{    text-align: left;
    text-indent: 30px;
    background: url(../images/ico19.gif) 5px 18px no-repeat;
    padding: 10px 0 10px 0;}
#main .mainbox2 ul li,
#main .infolist ul.infotype0 li
{
border-bottom:1px dashed #EEE;height:20px;line-height:20px;padding-bottom:3px;margin-bottom:3px;
}
#main .infolist ul.infotype0 li{
height:30px;line-height:30px;
}
#main .mainbox2 ul li span,
#main .infolist ul.infotype0 li span{float:right;}
#main .mainbox2 ul li a,
#main .infolist ul.infotype0 li a{float:left;padding-left:15px;background:url(../images/ico15.gif) 0 center no-repeat;}

#main .mainbox2 ul li a:hover,
#main .infolist ul.infotype0 li a:hover{color:#dd2a2a}

#main .infolist h2{
height:40px;line-height:32px;background:url(../images/ico17.gif) 0 0 no-repeat;padding-left:25px;color:#dedfde;font-size:16px;font-weight:bold;letter-spacing:5px;
}



#main .pagescontent{margin-bottom:20px;}
#main .infocontent{margin-bottom:20px;}

#main .infocontent h1.title,
#main .pagescontent h1.title{
text-align:center;color:#333333;font-size:20px;font-family:'微软雅黑','黑体';line-height:28px;padding:10px 0;
}

#main .infocontent div.other{
height:30px;text-align:right
}


#main .infocontent div.info_prev{
margin-top:20px;line-height:25px;color:#666667
}
#main .infocontent div.info_next{
color:#666667
}
#main .infocontent div.info_prev a,
#main .infocontent div.info_next a{color:#dedfde}
#main .pagescontent p,#main .infocontent p{line-height:200%;margin:5px 0 10px 0;color:#444}
#main .pagescontent h3,#main .infocontent h3{line-height:20px;color:#333399;font-weight:bold;margin:10px 0 5px 0}
#main .pagescontent h1.title{
text-align:left;text-indent:30px;background:url(../images/ico19.gif) 5px 18px no-repeat;padding:10px 0 20px 0;
}
.showpagebox{height:20px;line-height:20px;float:right;margin-top:20px;}
.showpagebox a{float:left;margin:0 5px;display:inline;padding:0 5px;}
.showpagebox a.current,.showpagebox a:hover{background:#dedfde;color:#FFF;}



#main{
width:100%;float:left;padding-top:50px;
}

.loginbox{
background:url(../images/ico7.gif) -5px 0 no-repeat;width:215px;margin:0 auto;padding-top:30px;
}

#loginform label{
float:left;width:40px;height:20px;line-height:20px;
}
#loginform #username,#loginform #userpwd{
float:left;width:115px;height:18px;line-height:18px;border:1px solid #D6D3D6;background:#F7F7F7;margin-bottom:5px;padding:0 3px;
}


#loginform .fb{clear:both;height:30px;line-height:30px;text-align:center}#loginform .fb a{padding:0 10px}

#loginform #btn2{
width:44px;height:44px;float:right;background:url(../images/btn2.gif) 0 0 no-repeat;font-size:1px;letter-spacing:-99px;color:#FFF;cursor:pointer
}

#sidebar .sidebox1 ul li a:hover,#sidebar .sidebox3 ul li a:hover,
#sidebar .sidebox3 ul li.current a{background:url(../images/ico10.gif) 10px center no-repeat #31498f;color:#FFF}
#footer{
padding-top:55px;width:70%;float:left;margin-left:15%;
}

#links{width:100%;float:left;}
#links ul li{width:100%;height:25px;overflow:hidden;float:left;
}
#links{border-top:1px dashed #CCC;border-bottom:1px dashed #CCC;}
#links .link_prev,
#links .link_next{
display:none;
}
#links ul li a{
display:inline-block;
width:auto;height:25px;line-height:25px;
text-align:center;margin-right: 10px;
}
#footer .logo{
padding:10px 0;text-align:center;
}
#footer .other{width:auto;float:left;}
#footer .other a{padding:0 10px}
#footer .copyright,#footer .icp{height:auto;text-align:center;color:#B0B0B0;width:80%;margin-left:15%;float:left;}




/*大于768px小于1230移动适配*/

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



.mainbox1{display:none;}
#about{width:100%;height:auto;margin:0px;}


#logo{width:30%;float: left;
    margin-left:0;}
#logo img{max-width:100%;}

#nav {
    width: 40%;
    float: left;
    height: auto;
    margin-left: 1%;padding-top:30px;}
#nav ul{padding:0px;}
.top{width: 20%;
    float: left;
    padding: 0;
    margin-top: 20px;}
#content{width:100%;padding:0px;margin:0px;}
.h1,.h1.title{width:100%;padding:0px;margin:0px;}
h1{font-size:20px;}
.sidebox1 ul li p{padding-left:5%;margin:0px;}

.sidebox1 ul li{width:45%;margin-bottom:20px;max-height:350px;}
.sidebox1 ul li a{font-size:18px;}

#banner{height:auto;}
.sidebox2{padding-top:10px;}
.sidebox2 ul li a{width:40%;}

.showpagebox{width:100%;float:left;height:30px;}
.showpagebox a{padding:5px 10px 0 10px;}

#footer{width:100%;margin:0px;}
#footer .copyright, #footer .icp{font-size:12px;width:100%;margin:0px;}
#links{display:none;}
.sidebox2 ul li a{width:48%;padding:0px;margin:10px 10px 10px 0;line-height: 36px;}
#main .pagescontent h3, #main .infocontent h3{font-size:18px;}
#main .pagescontent img,#main .infocontent img{max-width:100%;float: left;}
#main .infolist ul.infotype0 li span{display:none;}
#main .infolist ul.infotype0 li{height: 40px;
    float: left;
    width: 100%;}

}





@media screen and (max-width:767px)
{
#search{padding:0;}
#header{height:200px;}

.mainbox1{display:none;}
#about{width:100%;height:auto;margin:0px;}


#logo{width:90%;float: left;
    margin-left:5%;margin-top:10px;}
#logo img{max-width:50%;padding-left:25%;}
.top{width:90%;margin-left:10%;padding:0;}
#nav {
    width: 80%;
    float: left;
    height: auto;
    margin-left: 10%;padding:10px 0 0 0;}
#nav ul{padding:0px;}
#nav ul li a{font-size:18px;}
#content{width:100%;padding:0px;margin:0px;}
.h1,.h1.title{width:100%;padding:0px;margin:0px;}
h1{font-size:20px;}
.sidebox1 ul li p{padding-left:5%;margin:0px;}

.sidebox1 ul li{width:100%;margin-bottom:20px;padding:0px;}
.sidebox1 ul li a{font-size:18px;}

#banner{height:auto;}
.sidebox2{padding-top:10px;}


.showpagebox{width:100%;float:left;height:auto;padding: 10px;}
.showpagebox a{padding:5px 10px 0 10px;}
.sidebox1 ul li img{height:auto;}
#footer{width:100%;margin:0px;}
#footer .copyright, #footer .icp{font-size:12px;width:100%;margin:0px;}
#links{display:none;}
.sidebox2 ul li a{width: 60%;
    padding: 0px 0 0 20px;
    margin: 10px 0 0 10px;
    line-height: 36px;}
#main .pagescontent h3, #main .infocontent h3{font-size:18px;}
#main .pagescontent img,#main .infocontent img{max-width:100%;float: left;}
#main .infolist ul.infotype0 li span{display:none;}
#main .infolist ul.infotype0 li{height: 40px;
    float: left;
    width: 100%;}
}





@media (-webkit-min-device-pixel-ratio: 1.5){
   

.sidebox1 ul li{width:45%;}
body{zoom:0.666666666}
.sidebox1 ul li img{height:440px;}

}




@media (-webkit-min-device-pixel-ratio: 1.25) {
 

body{zoom:0.8}

}