/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Default Styles 
--------------------------------------------------------------------*/

body {
	font-family: 'Droid Sans', sans-serif;
	padding: 0px;
	margin: 0px;
	background: #E8E8E8;

}

/*容器，宽1100，高50，多个容器参数一致，在页面由上到下排列 */
.container {
	padding: 0px;
	margin: 0px;
	width:1100px;
	height:50px;
	margin:0px auto;
	background:#082D35; 
	color:#FFF;
}

/*logo区，左对齐，宽45，高50*/
.logo_wrap{
	float:left;
    width:45px; 
    height:50px;
    border:0px solid red;
    display:table;
    position:relative; 
    overflow: hidden;
}
.logo_wrap .span1{
   display:table-cell; 
   vertical-align: middle; 
   text-align: center;
   *position:absolute;
   top:50%;
   left:50%;
}
.logo_wrap .span2{
   *position:relative;
   top:-50%;
   left:-50%;
}

/*logo右侧文字，左对齐，宽550（容器宽剩余1100-45-550=505），高50*/
.wrap{
	float:left;
    width:550px; 
    height:50px;
    border:0px solid red;
    display:table;
    position:relative; 
    overflow: hidden;
}
.wrap .span1{
   display:table-cell; 
   vertical-align: middle; 
   text-align: left;
   *position:absolute;
   top:50%;
   left:50%;
}
.wrap .span2{
   *position:relative;
   top:-50%;
   left:-50%;
}
.wrap .font1{
	font-style: "新宋体";
	font-weight: nomal;
	font-size: 16.7px;
	color:#font1;
}
.wrap .font2{
	font-style: "Times New Roman";
	font-weight: nomal;
	font-size: 13px;
	color:#font1;
}

/*导航链接部分，左对齐，宽200（容器宽剩余1100-200=900），高1000 */
.unit1{
	padding: 0px;
	margin: 0px;
	width:200px;
	height:1000px;
	border:0px #333 solid;
	float:left;		/*三个面板水平放置*/
	background:#FFF; 
	color:#333;
}

/*导航标题navigation_title*/
.navigation_title{  
	padding: 0px;
	margin: 6px;
	
    height: 20px;   
    width: 190px;  
    background: rgba(70,130,180,0); 
	
    border-width: 1px; 	/*边缘的宽度，如果要分别设置可以这样：border-width: 15px 5px 15px 5px;依次为、下、左*/
	border-style: solid;  
    border-radius: 8px;    /*圆角的size*/  
    border-color: rgba(255,0,0,0) rgba(255,0,0,0) rgba(255,0,0,0) rgba(255,0,0,0);  /*边框颜色，依次为上、右、下、左*/
	
	position:relative;
	left:4px;
	top:0px;
	z-index:1;
}

/*导航标题字体navigation_font*/
.navigation_font{
	font-style: "宋体";
	font-weight: nomal;
	font-size: 11px;
	color:#838B8B;
	
	font-weight: 800;
	line-height:1.5;
}

/*导航链接navigation_link*/
.navigation_link{  
	padding: 0px;
	margin: 6px;
	
    height: 40px;   
    width: 180px;  
    background: rgba(70,130,180,0); 
	
    border-width: 0px; 	/*边缘的宽度，如果要分别设置可以这样：border-width: 15px 5px 15px 5px;依次为、下、左*/
	border-style: solid;  
    border-radius: 8px;    /*圆角的size*/  
    border-color: rgba(232,232,232,1) rgba(232,232,232,1) rgba(232,232,232,1) rgba(232,232,232,1);  /*边框颜色，依次为上、右、下、左*/
	
	position:relative;
	left:5px;
	top:0px;
	z-index:1;
}

/*导航链接图标navigation_icon*/
.navigation_icon{
	float:left;
    width:20px; 
    height:40px;
    border:0px solid red;
    display:table;
    position:relative; 
    overflow: hidden;
	left:8px;
}
.navigation_icon .span1{
   display:table-cell; 
   vertical-align: middle; 
   text-align: left;
   *position:absolute;
   top:50%;
   left:50%;
}
.navigation_icon .span2{
   *position:relative;
   top:-50%;
   left:-50%;
}

/*导航链接文字navigation_word*/
.navigation_word{
	float:left;
    width:140px; 
    height:40px;
    border:0px solid red;
    display:table;
    position:relative; 
    overflow: hidden;
	top:2px;
	left:18px;
}
.navigation_word .span1{
   display:table-cell; 
   vertical-align: middle; 
   text-align: left;
   *position:absolute;
   top:50%;
   left:50%;
}
.navigation_word .span2{
   *position:relative;
   top:-50%;
   left:-50%;
}

/*导航链接文字字体navigation_word_font*/
.navigation_word_font{
	font-style: "宋体";
	font-weight: nomal;
	font-size: 14px;
	color:#3D3D3D;
	
	font-weight: 800;
	line-height:1.5;
}

/*介绍展示部分，左对齐，宽900，淡绿色背景，（占掉容器所有剩余宽度，容器宽剩余 1100-200-900=0），高1000 */
.unit2{
	padding: 0px;
	margin: 0px;
	width:1100px;
	height:1000px;
	border:0px #333 solid;
	float:left;
	background:#F0FFFF; 
	color:#333;
	
	position:relative;
	left:0px;
	top:0px;
	z-index:1;
}

/*背景1，淡灰色，宽900，高800，共1000  */
.bg_gray{
	padding: 0px;
	margin: 0px;
	
    height: 1000px;   
    width: 1100px;  
    background: rgba(232,232,232,0.7); 
	
    border-width: 0px; 	/*边缘的宽度，如果要分别设置可以这样：border-width: 15px 5px 15px 5px;依次为、下、左*/
	border-style: solid;  
    border-radius: 0px;    /*圆角的size?/  
    border-color: #000 #000 #000 #000;  /*边框颜色，依次为上、右、下、左*/
	
	position:absolute;
	left:0px;
	top:0px;
	z-index:-1;
}

/*背景2，淡蓝色，宽900，高200， 共1000  */
.bg_light_blue{  /*定义背景的范围，略大*/  
	padding: 0px;
	margin: 0px;
	
    height: 850px;   
    width: 1100px;  
    background: rgba(70,130,180,0.1); 
	
    border-width: 0px; 	/*边缘的宽度，如果要分别设置可以这样：border-width: 15px 5px 15px 5px;依次为、下、左*/
	border-style: solid;  
    border-radius: 0px;    /*圆角的size*/  
    border-color: red;  /*边框颜色，依次为上、右、下、左*/
	
	position:relative;
	left:0px;
	top:0px;
	z-index:1;
}

/*背景3，透明背景，transparent,约束显示范围，用于留出边距，宽900，高1000  */
.bg_transparent{  /*定义显示文字的范围，略小*/  
	padding: 0px;
	margin: 0px;
	
    height: 800px;   
    width: 1060px;  
    background: rgba(70,130,180,0); 
	
    border-width: 0px; 	/*边缘的宽度，如果要分别设置可以这样：border-width: 15px 5px 15px 5px;依次为、下、左*/
	border-style: solid;  
    border-radius: 0px;    /*圆角的size*/  
    border-color: red;  /*边框颜色，依次为上、右、下、左*/
	
	position:relative;
	left:20px;
	top:0px;
	z-index:1;
}

/*检索部分的背景 起始*/
.bg_search_blue{  /*定义背景的范围，略大*/  
	padding: 0px;
	margin: 0px;
	
    height: 220px;   
    width: 900px;  
    background: rgba(70,130,180,0.1); 
	
    border-width: 0px; 	/*边缘的宽度，如果要分别设置可以这样：border-width: 15px 5px 15px 5px;依次为、下、左*/
	border-style: solid;  
    border-radius: 0px;    /*圆角的size*/  
    border-color: red;  /*边框颜色，依次为上、右、下、左*/
	
	position:relative;
	left:0px;
	top:0px;
	z-index:1;
}

.bg_search_transparent{  /*定义显示文字的范围，略小*/  
	padding: 0px;
	margin: 0px;
	
    height: 200px;   
    width: 1060px;  
    background: rgba(70,130,180,0); 
	
    border-width: 0px; 	/*边缘的宽度，如果要分别设置可以这样：border-width: 15px 5px 15px 5px;依次为、下、左*/
	border-style: solid;  
    border-radius: 0px;    /*圆角的size*/  
    border-color: red;  /*边框颜色，依次为上、右、下、左*/
	
	position:relative;
	left:20px;
	top:0px;
	z-index:1;
}
/*检索部分的背景 结束*/





/*介绍标题文字的字体  */
.Introduction_font1{
	font-style: "time new roman";
	font-weight: nomal;
	font-size: 22px;
	color:#3D3D3D;
	
	font-weight: 600;
	line-height:2.5;
}

/*介绍正文文字的字体  */
.Introduction_font2{
	font-style: "Arial";
	font-weight: nomal;
	font-size: 14px;
	color:#3D3D3D;
	
	font-weight: 600;
	line-height: 1.5;
}

/*介绍正文文字的字体  */
.Introduction_font3{
	font-style: "Arial";
	font-weight: nomal;
	font-size: 78px;
	color:#FF0000;
	
	font-weight: 1100;
	line-height: 1.5;
}

/*背景3，透明背景，高度200，定义about的显示范围 */
.bg_about{  
	padding: 0px;
	margin: 6px;
	
    height: 200px;   
    width: 1000px;  
    background: rgba(70,130,180,0); 
	
    border-width: 0px; 	/*边缘的宽度，如果要分别设置可以这样：border-width: 15px 5px 15px 5px;依次为、下、左*/
	border-style: solid;  
    border-radius: 8px;    /*圆角的size*/  
    border-color: red;  /*边框颜色，依次为上、右、下、左*/
	
	position:relative;
	left:15px;
	top:15px;
	z-index:1;
}

/*关于标题文字的字体  */
.about_font1{
	font-style: "宋体";
	font-weight: nomal;
	font-size: 14px;
	color:#3D3D3D;
	
	font-weight: 800;
	line-height:3;
}
/*关于正文文字的字体  */
.about_font2{
	font-style: "宋体";
	font-weight: nomal;
	font-size: 11px;
	color:#838B8B;
	
	font-weight: 800;
	line-height:2;
}



/*关于第三个容器的格式  */
.bottom1{  
	padding: 0px;
	margin: 0px;
	
    height: 10px;   
    width: 660px;  
    background: rgba(70,130,180,0); 
	
    border-width: 0px; 	/*边缘的宽度，如果要分别设置可以这样：border-width: 15px 5px 15px 5px;依次为、下、左*/
	border-style: solid;  
    border-radius: 8px;    /*圆角的size*/  
    border-color: red;  /*边框颜色，依次为上、右、下、左*/
	
	position:center;
	left:0px;
	top:0px;
	z-index:1;
}
.bottom2{  
	padding-left:   450px;
	padding-right:  0px;
	padding-top:    0px;
	padding-bottom: 0px;
	margin: 0px auto;
	
    height: 50px;   
    width: 650px;  
    background: rgba(70,130,180,0); 
	
    border-width: 0px; 	/*边缘的宽度，如果要分别设置可以这样：border-width: 15px 5px 15px 5px;依次为、下、左*/
	border-style: solid;  
    border-radius: 0px;    /*圆角的size*/  
    border-color: red;  /*边框颜色，依次为上、右、下、左*/
	
	position:center;
	left:200px;
	top:0px;
	z-index:1;
}

/*########## 检索部分的格式 起点 ##########*/
.search{  
	padding: 0px;
	margin: 0px;
	
    height: 100px;
    width: 1060px;
    background: rgba(70,130,180,0);
	
    border-width: 1px; 	/*边缘的宽度，如果要分别设置可以这样：border-width: 15px 5px 15px 5px;依次为、下、左*/
	border-style: solid;
    border-radius: 0px;    /*圆角的size*/  
    border-color: rgba(255,255,255,1) rgba(255,255,255,0) rgba(255,255,255,0) rgba(255,255,255,0);  /*边框颜色，依次为上、右、下、左*/
	
	position:relative;
	left:0px;
	top:0px;
	z-index:-1;
	float:left;	
}
.wrap_search{
	float:left;
    width:1060px; 
    height:60px;
    border:0px solid red;
    display:table;
    position:relative; 
    overflow: hidden;
}
.wrap_search .span1{
   display:table-cell; 
   vertical-align: middle; 
   text-align: center;
   *position:absolute;
   top:50%;
   left:0%;
}
.wrap_search .span2{
   *position:relative;
   top:-50%;
   left:-50%;
}
.wrap_search .font1{
	font-style: "新宋体";
	font-weight: nomal;
	font-size: 16px;
	color:#FFFFFF;
	line-height:1.5;
}
.wrap_search .font2{
	font-style: "Times New Roman";
	font-weight: nomal;
	font-size: 11px;
	color:#FFFFFF;
	line-height:1.5;
}

/*设置多行文本框*/
.textarea{              
    width:  1060px;
    height: 130px;
    color: #00008B;
    background-color: #FFF;
    border: 0px inset #00008B;
	border-width: 0px; 
	resize: none;
}

/*########## 检索部分的格式 终点 ##########*/




img.x2{
	width: 700px;
	height: 450px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:-1;
}

.fontx2head2{
	font-style: "Arial";
	font-weight: nomal;
	font-size: 14px;
	color:#3D3D3D;
	
	font-weight: 600;
	line-height:1.5;
}
p{
	text-align: justify;
}
.fontx2head3{
	font-style: "宋体";
	font-weight: nomal;
	font-size: 15px;
	color:#3D3D3D;
	
	font-weight: 800;
	line-height:1.5;
}

.fontx2head5{
	font-style: "宋体";
	font-weight: nomal;
	font-size: 13px;
	color:#838B8B;
	
	font-weight: 800;
	line-height:1.5;
}



.roundedRectangle{  
    height: 400px;   
    width: 880px;  
    margin-top: 100px;  
/*    background: rgba(132,47,112,0.7); */
    background: rgba(132,47,112,0.1); 
	
	float:left;
	
    border-width: 0px; 	/*边缘的宽度，如果要分别设置可以这样：border-width: 15px 5px 15px 5px;依次为、下、左*/
	border-style: solid;  
    border-radius: 0px;    /*圆角的size*/  
    border-color: #000 #000 #000 #000;  /*边框颜色，依次为上、右、下、左*/
	
    margin: 0px auto;  
    padding: 10px; 
    text-align:left; 
	
    font-size: 20px;  
    letter-spacing:3px; /*字间距*/

	position:relative;
	left:0px;
	top:0px;
	z-index:-1;
}

.Rectangle_02{  
	padding: 0px;
	margin: 6px;
	
    height: 60px;   
    width: 300px;  
    background: rgba(70,130,180,0); 
	
    border-width: 1px; 	/*边缘的宽度，如果要分别设置可以这样：border-width: 15px 5px 15px 5px;依次为、下、左*/
	border-style: solid;  
    border-radius: 10px;    /*圆角的size*/  
    border-color: rgba(255,255,255,1) rgba(255,255,255,1) rgba(255,255,255,1) rgba(255,255,255,1);  /*边框颜色，依次为上、右、下、左*/
	
	position:relative;
	left:145px;
	top:-30px;
	z-index:-1;
	float:left;	
}

.Rectangle_04{  
	padding: 0px;
	margin: 6px;
	
    height: 60px;   
    width: 180px;  
    background: rgba(70,130,180,0); 
	
    border-width: 1px; 	/*边缘的宽度，如果要分别设置可以这样：border-width: 15px 5px 15px 5px;依次为、下、左*/
	border-style: solid;  
    border-radius: 8px;    /*圆角的size*/  
    border-color: rgba(232,232,232,1) rgba(232,232,232,1) rgba(232,232,232,1) rgba(232,232,232,1);  /*边框颜色，依次为上、右、下、左*/
	
	position:relative;
	left:5px;
	top:0px;
	z-index:1;
}


.link1_wrap{
	float:left;
    width:50px; 
    height:60px;
    border:0px solid red;
    display:table;
    position:relative; 
    overflow: hidden;
	float:left;
	left:5px;
}
.link1_wrap .span1{
   display:table-cell; 
   vertical-align: middle; 
   text-align: left;
   *position:absolute;
   top:50%;
   left:50%;
}
.link1_wrap .span2{
   *position:relative;
   top:-50%;
   left:-50%;
}

.link2_wrap{
	float:left;
    width:130px; 
    height:60px;
    border:0px solid red;
    display:table;
    position:relative; 
    overflow: hidden;
}
.link2_wrap .span1{
   display:table-cell; 
   vertical-align: middle; 
   text-align: left;
   *position:absolute;
   top:50%;
   left:50%;
}
.link2_wrap .span2{
   *position:relative;
   top:-50%;
   left:-50%;
}

.link3_wrap{
	float:left;
    width:100px; 
    height:60px;
    border:0px solid red;
    display:table;
    position:relative; 
    overflow: hidden;
	left:10px;
}
.link3_wrap .span1{
   display:table-cell; 
   vertical-align: middle; 
   text-align: left;
   *position:absolute;
   top:50%;
   left:50%;
}
.link3_wrap .span2{
   *position:relative;
   top:-50%;
   left:-50%;
}

.link4_wrap{
	float:left;
    width:120px; 
    height:60px;
    border:0px solid red;
    display:table;
    position:relative; 
    overflow: hidden;
	left:15px;
}
.link4_wrap .span1{
   display:table-cell; 
   vertical-align: middle; 
   text-align: left;
   *position:absolute;
   top:50%;
   left:50%;
}
.link4_wrap .span2{
   *position:relative;
   top:-50%;
   left:-50%;
}