/* CSS Document */
*{margin:0px auto;padding:0px;}
ul,li,dl,dt,dd,from,img{margin:0px;padding:0px;list-style-type: none;}
h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;}
div{overflow:hidden;}
html{font-size: 62.5%;width: 100%;}
body { margin: 0px; padding: 0px; font-family: Tahoma; font-size: 1.4rem; color: #333333; width: 100%; background-color: #ffffff; }
a:link {
    color: #333333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #333333;
}
a:active {
	text-decoration: none;
	color: #333333;
}
.clearFix::after{
	content: "";
	display: block;
	clear: both;
	height: 0;
}
@media only screen and (min-width:1024px){
#warp{
width:1002px;
margin:auto;
}
#nav{
width:1002px;
margin:auto;
clear:both;
}
.menu {
	height: 36px;
	display: block;
	padding: 0px;
	width: 1003px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: left;
}

.menu ul {
			list-style: none;
			padding: 0;
			margin: 0;
}

.menu ul li {
	/* width and height of the menu items */  
	float: left;
	overflow: hidden;
	position: relative;
	line-height: 36px;
	text-align: center;
	margin-left: auto;
}

.menu ul li a {
			/* must be postioned relative  */ 
			position: relative;
			display: block;
			width: 100px;
			height: 36px;
			font-family: "微软雅黑", "宋体";
			font-size: 16px;
			text-decoration: none;
			cursor: pointer;
}

.menu ul li a span {
			/* all layers will be absolute positioned */
			position: absolute;
			left: 0;
			width: 100px;
			float: left;
}

		.menu ul li a span.out {
			top: 0px;
}

		.menu ul li a span.over,
		.menu ul li a span.bg {
			/* hide */  
			top: -36px;
}

		/** 1st example **/

		/** 1st example **/
#menu1 {
	background-color: #E8E8E8;
	background-image: url(menu_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

#menu1 ul li a {
			color: #fff;
}

#menu1 ul li a span.over {
			color: #FF0000;
}

#menu1 ul li span.bg {
	/* height of the menu items */  
	height: 36px;
	background-image: url(bg_over.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
		
		/** 2nd example **/

#menu2 {
			background: #000;
			background-image: url(menu_bg.jpg);	
}
		
#menu2 ul li a {
	color: #ffffff;
	font-size: 16px;
	float: left;
	
}
#menu2 ul li a span.over {
	color: #fff;
	background-image: url(bg_over.jpg);
	background-color: #ff0000;
	font-size: 16px;
}
	#up{
		width:1002px;
		margin: 10px auto;
	}
	#up ul{width:100%;border-bottom: 1px #84ABE1 solid;box-sizing: border-box;}
	#up ul li{display: inline-block;width:70px;line-height: 30px;background:#E5E5E5;text-align: center; }
	#up ul li a{cursor: pointer;}
#mid{
width:1002px;
margin-top:10px;
}
#mid p .org{color:orange;}
.mid_left{
width:260px;
float:left;
padding-bottom:10px;
font-size:14px;
line-height:20pt;
position:absolute;
}
.mid_left ul{
    background-repeat:no-repeat;
    background-color:#F5F5F5;
	padding-top:32px;
	border: dotted #666666 0.3px;
	font-size:15px;
	color:#000000;
	font-weight:normal;
	letter-spacing:normal;
	line-height:50px;
}
.mid_left ul li{
	border-bottom:1px solid #CCC;
	padding-left:20px;
	}
.mid_left ul li  a{
	display:block;
	cursor:pointer;}

.mid_left .cpjs
{
	background-image:url(index_r3_c4.jpg);
	background-size:100%;
	}

.mid_left .cpjs a{
	display:block;
	cursor:pointer;
	width:258px;
}
.mid_left .wsdh 
{
	background-image:url(index_r3_c2.jpg); 
	background-size:100%;   
}
.mid_left img{
	display:block;
	width:100%;
	}
#barcon{
	margin:10px auto;	
	text-align:center;
	}	
#barcon a{
color:blue;
}

.mid_right
{
	width:740px;
	white-space:normal;
	float:right;
	font-size:12px;
	line-height:200%;
	color:#000000;
	font-weight:normal;
	letter-spacing:normal;
	text-align:left;	
	border:1px dotted #000;
	overflow:hidden;
}

.mid_right_ul{
	display:block;
	overflow:hidden;
	width:100%;
	}
.mid_right_ul ul{
	width:100%;
	overflow:hidden;
}
.mid_right_ul li{
	overflow:hidden;
	padding-left:10px;   
	border: dotted #666666 0.3px;
	display: inline-block;
	width:20%;
	box-sizing: border-box;
		
}
.mid_right .r_l{
	float:left;
}
.mid_right .r_r{
	margin-left:10px;
	float:left;
}
.mid_right .r_r a:first-child{
	font-size:14px;
	font-weight:bold;
	}
.mid_right_ul li a
{
	display:block;}
.msarea li
{   
    margin-top:2px;
	padding-top:1px;
	width:160px;
	display:inline;
	float:left;
	border: dotted #666666 0.3px;
	text-align:center;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	letter-spacing:normal;
	line-height:200%;
	text-indent:0em;
}
.mid_rightarea
{
width:740px;
float:right;
}
.mid_rightarea p{ margin-bottom:10px;}
#rxsp{background-image:url(rxsp.jpg);background-repeat: no-repeat;height: 30px;width: 100%;margin-top: 11px;float: left;}
.upperarea
{
width:740px;
float:left;
margin-top:10px;
border:1px;
}

.msarea
{
width:740px;
float:left;
margin-top:5px;
font-size:15px;
padding-top:5px;
line-height:200%;
}
.msarea p
	{
		text-indent:2em;
	}
.msarea h2
{
font-size:15px;
}

	
.msarea .mid_title99 div{ float:left; line-height:41px; padding-left:15px; padding-right:15px; margin-right:5px; background:#CCCCCC; margin-top: 10px;text-indent: 0;}
.msarea .mid_title99 div.hover{background:#C60;color:#000011;cursor: pointer;}
.msarea .mid_title99 div:hover{background:#C60;color:#000011;cursor: pointer;}
.msarea .bott-left
{
float:left;
clear:both;
width:100%;
/*height:800px;*/
border:1px solid #ccc;
margin-top: 10px;
line-height:25pt;
display: none;
}
#con_mm_1{display: block;}	
#con_mm_1 .showli{width: 100%;height: 750px;display: block;overflow: hidden;}
#con_mm_1 .showli li{margin: 0 5px;width: 168px;height: 160px;}
#con_mm_1 .showli li a{display: inline-block;width: 100%;height: 100%;}	
#con_mm_1 .showli li a img{width:160px;height: 120px;}
#con_mm_1 .showli li a p{text-indent: 0;line-height: 13px;}	
#con_mm_1 .showli li a p span{font-weight: 100;color: #000;font-size: 10px;display:inline-block;text-align:center;width: 40%;}	
#con_mm_1 .showli li a p span:first-child{float: left;margin-left: 10px;}	
#con_mm_1 .showli li a p span:last-child{float: right;margin-right: 10px;}		
#con_mm_2 .showli{width: 100%;height: 750px;display: block;overflow: hidden;}
#con_mm_2 .showli li{margin: 0 5px;width: 168px;}
#con_mm_2 .showli li img{width: 160px;height: 120px;}
#showPg{margin: 0 auto;width: 300px;}
#con_mm_3,#con_mm_4{display: none;width: 100%;}
#con_mm_4 form{width: 60%;display: block;border: 1px solid #31CAE9;line-height: 40px;margin: 20px auto;padding-bottom: 20px;}	
#con_mm_3 form{width: 70%;display: block;border: 1px solid #31CAE9;line-height: 40px;padding-bottom: 20px;}
#con_mm_3 form label,#con_mm_4 form label{display: inline-block;width:80px;text-align: justify;text-align-last: justify;text-indent: 0px;margin:0 20px;}	
#con_mm_3 form input[type="text"],#con_mm_3 form input[type="password"],#con_mm_4 form input[type="text"],#con_mm_4 form input[type="password"]{display: inline-block;width:200px;}	
#con_mm_3 form input[type="submit"],#con_mm_3 form input[type="reset"],#con_mm_4 form input[type="submit"],#con_mm_4 form input[type="reset"]{display: inline-block;width:100px;margin: 0 30px;}	
#con_mm_3 form textarea{display: inline-block;width: 200px;height:120px;}
#con_mm_3 form img,#con_mm_4 form img{display: inline-block;margin-left: 10px;}

#con_mm_5 img{
  display:block;
  width:500px;
  height:375px;
  margin:10px auto;	
	}	
#showPg	a{color: blue;}	
.cplb{ overflow:hidden;border:1px solid #ccc; margin-left:7px;margin-top:15px;}	
.cplb li{display:inline-block;margin-right:10px;height: 160px;}
.cplb li a{display:block;width:100%;height:100%;}
.cplb li a img{width:100%;}
.cplb li a h3{text-align:center;}
.proimg
{
width:390px;
float:left;
vertical-align:middle;
text-align:center;
position:absolute;
}
.proimg p{
   display:inline-block;
   width:20px;
   height:20px;
   border:solid #fff 2px;
   background:#ccc;	
   color: #fff;
   font-size: 18px;
   line-height: 20px;
	text-align: center;
	}
.proimg img{
	display: none;
	width: 330px;
	height: 230px;
	margin: auto;
	cursor:pointer;


}
#img-0{display:block;}

	
#p-0{background:#FFA500;}
.firpri
{
width:340px;
float:right;
border:1px solid #000;
padding-top:10px;
padding-left:20px;
line-height:300%;
height:240px;
}
.firpri h1
{
font-size:16px;

}
.clear{clear:both;height:0;line_height:0;font-siez:0;margin:0;padding:0;}
#foot{
clear:both;
width:1002px;
background-color:#C7DBF0;
margin-top:10px;
}
.foot_left{
float:left;
width:326px;
}
.foot_right{
float:right;
width:666px;
padding-top:15px;
background-color:#C7DBF0;
}

.conc{display: none;}
#weixin{display:none;position:fixed;bottom:2.6rem;width:10rem;height:10rem;margin:0 auto;}	
}

@media only screen and (min-width:993px) and (max-width:1023px){
#warp { width: 100%; margin: auto; }
#warp img{width: 100%;}
#nav { width: 100%; margin: auto; clear: both; }
.menu { height: 3rem; display: block; padding: 0px; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; float: left; }
.menu ul { list-style: none; padding: 0; margin: 0; }
.menu ul li { /* width and height of the menu items */  
float: left; overflow: hidden; position: relative; line-height: 3rem; text-align: center; margin-left: auto; }
.menu ul li a { /* must be postioned relative  */ 
position: relative; display: block; font-family: "微软雅黑", "宋体"; font-size: 1.4rem; text-decoration: none; cursor: pointer; }
.menu ul li a span { /* all layers will be absolute positioned */
position: absolute; left: 0; width: 10rem; float: left; }
.menu ul li a span.out { top: 0px; }
.menu ul li a span.over,  .menu ul li a span.bg { /* hide */  
top: -30px; }

#menu2 { background: #000;background-image: url(menu_bg.jpg); background-repeat: repeat-x; }
#menu2 ul li a { color: #ffffff; font-size: 1.5rem; float: left; width: 9rem; height: 3rem; background-size: 100% 100%;background-image: url(menu_bg.jpg); background-repeat: repeat-x;  }
#menu2 ul li a span.over { color: #fff; background-image: url(bg_over.jpg); background-color: #ff0000; font-size: 15px; }
	
	
#mid{
width:100%;
margin-top:10px;
}
.mid_left{
width:25%;
float:left;
padding-bottom:10px;
font-size:14px;
line-height:20pt;
position:absolute;
}
.mid_left ul{
    background-repeat:no-repeat;
    background-color:#F5F5F5;
	padding-top:32px;
	border: dotted #666666 0.3px;
	font-size:15px;
	color:#000000;
	font-weight:normal;
	letter-spacing:normal;
	line-height:50px;
}
.mid_left ul li{
	border-bottom:1px solid #CCC;
	padding-left:20px;
	}
.mid_left ul li  a{
	display:block;
	cursor:pointer;}

.mid_left .cpjs
{
	background-image:url(index_r3_c4.jpg);
	background-size:100%;
	}

.mid_left .cpjs a{
	display:block;
	cursor:pointer;
	width:258px;
}
.mid_left .wsdh 
{
	background-image:url(index_r3_c2.jpg); 
	background-size:100%;   

}
.mid_left img{
	display:block;
	width:100%;
	}
#barcon{
	margin:10px auto;	
	text-align:center;
	}	
#barcon a{
color:blue;
}

.mid_right
{
	width:73%;
	white-space:normal;
	float:right;
	font-size:12px;
	line-height:200%;
	color:#000000;
	font-weight:normal;
	letter-spacing:normal;
	text-align:left;	
	border:1px dotted #000;
	overflow:hidden;
}

.mid_right_ul{
	display:block;
	overflow:hidden;
	width:100%;
	}
.mid_right_ul ul{
	width:100%;
	overflow:hidden;
}
.mid_right_ul li{
	overflow:hidden;
	padding-left:10px;   
	margin: 10px 10px;
	border: dotted #666666 0.3px;
}
.mid_right .r_l{
	float:left;
}
.mid_right .r_r{
	margin-left:10px;
	float:left;
}
.mid_right .r_r a:first-child{
	font-size:14px;
	font-weight:bold;
	}
.mid_right_ul li a
{
	display:block;}
.msarea li
{   
    margin-top:2px;
	padding-top:1px;
	width:160px;
	display:inline;
	float:left;
	border: dotted #666666 0.3px;
	text-align:center;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	letter-spacing:normal;
	line-height:200%;
	text-indent:0em;
}
.mid_rightarea
{
width:74%;
float:right;
}
.mid_rightarea p{ margin-bottom:10px;}
#rxsp{background-image:url(rxsp.jpg);background-repeat: no-repeat;height: 30px;width: 100%;margin-top: 11px;float: left;}
.upperarea
{
width:740px;
float:left;
margin-top:10px;
border:1px;
}

.msarea
{
width:740px;
float:left;
margin-top:5px;
font-size:15px;
padding-top:10px;
line-height:200%;
}
.msarea h2
{
font-size:15px;
}
.msarea img{
  display:block;
  margin:2px auto;	
	}
.cplb{ overflow:hidden;border:1px solid #ccc; margin-left:7px;margin-top:15px;}
.cplb li{display:inline-block;margin-right:10px;height: 160px;}
.cplb li a{display:block;width:100%;height:100%;}
.cplb li a img{width:100%;}
.cplb li a h3{text-align:center;}
.proimg
{
width:390px;
float:left;
vertical-align:middle;
text-align:center;
position:absolute;
}
.proimg p{
   display:inline-block;
   width:20px;
   height:20px;
   border:solid #fff 2px;
   background:#ccc;	
   color: #fff;
   font-size: 18px;
   line-height: 20px;
	text-align: center;
	}
.proimg img{
	display: none;
	width: 330px;
	height: 230px;
	margin: auto;
	cursor:pointer;


}
#img-0{display:block;}
#p-0{background:#FFA500;}
.firpri
{
width:340px;
float:right;
border:1px solid #000;
padding-top:10px;
padding-left:20px;
line-height:300%;
height:240px;
}
.firpri h1
{
font-size:16px;

}
.clear{clear:both;height:0;line_height:0;font-siez:0;margin:0;padding:0;}
.msarea .mid_title99 div{ float:left; line-height:41px; padding-left:15px; padding-right:15px; margin-right:5px; background:#CCCCCC; text-indent: 0;}
.msarea .mid_title99 div.hover{background:#C60;color:#000011;cursor: pointer;}
.msarea .mid_title99 div:hover{background:#C60;color:#000011;cursor: pointer;}
.msarea .bott-left
{
float:left;
clear:both;
width:100%;
/*height:800px;*/
border:1px solid #ccc;
margin-top: 10px;
line-height:25pt;
display: none;
}
#con_mm_1{display: block;}	
#con_mm_1 .showli{width: 100%;height: 750px;display: block;overflow: hidden;}
#con_mm_1 .showli li{margin: 0 5px;width: 168px;height: 160px;}
#con_mm_1 .showli li a{display: inline-block;width: 100%;height: 100%;}	
#con_mm_1 .showli li a img{width:160px;height: 120px;}
#con_mm_1 .showli li a p{text-indent: 0;line-height: 13px;margin-bottom: 0;}	
#con_mm_1 .showli li a p span{font-weight: 100;color: #000;font-size: 10px;display:inline-block;text-align:center;width: 40%;}	
#con_mm_1 .showli li a p span:first-child{float: left;margin-left: 10px;}	
#con_mm_1 .showli li a p span:last-child{float: right;margin-right: 10px;}		
#con_mm_2 .showli{width: 100%;height: 750px;display: block;overflow: hidden;}
#con_mm_2 .showli li{margin: 0 5px;width: 168px;}
#con_mm_2 .showli li img{width: 160px;height: 120px;}
#showPg{margin: 0 auto;width: 300px;}
#con_mm_3,#con_mm_4{display: none;width: 100%;}
#con_mm_4 form{width: 60%;display: block;border: 1px solid #31CAE9;line-height: 40px;margin: 20px auto;padding-bottom: 20px;}	
#con_mm_3 form{width: 70%;display: block;border: 1px solid #31CAE9;line-height: 40px;padding-bottom: 20px;}
#con_mm_3 form label,#con_mm_4 form label{display: inline-block;width:80px;text-align: justify;text-align-last: justify;text-indent: 0px;margin:0 20px;}	
#con_mm_3 form input[type="text"],#con_mm_3 form input[type="password"],#con_mm_4 form input[type="text"],#con_mm_4 form input[type="password"]{display: inline-block;width:200px;}	
#con_mm_3 form input[type="submit"],#con_mm_3 form input[type="reset"],#con_mm_4 form input[type="submit"],#con_mm_4 form input[type="reset"]{display: inline-block;width:100px;margin: 0 30px;}	
#con_mm_3 form textarea{display: inline-block;width: 200px;height:120px;}
#con_mm_3 form img,#con_mm_4 form img{display: inline-block;margin-left: 10px;}
#con_mm_5 p{text-indent: 2em;}
#con_mm_5 img{
  display:block;
  width:500px;
  height:375px;
  margin:10px auto;	
	}		
#foot{
clear:both;
width:100%;
background-color:#C7DBF0;
margin-top:10px;
}
.foot_left{
float:left;
width:32%;
}
.foot_right{
float:right;
width:66%px;
padding-top:15px;
background-color:#C7DBF0;
}

.conc{display: none;}
#weixin{display:none;position:fixed;bottom:2.6rem;width:10rem;height:10rem;margin:0 auto;}	
	
}

@media only screen and (min-width:768px) and (max-width:992px){
#warp { width: 100%; margin: auto; }
#warp img{width: 100%;}
#nav { width: 100%; margin: auto; clear: both; }
.menu { height: 3rem; display: block; padding: 0px; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; float: left; }
.menu ul { list-style: none; padding: 0; margin: 0; }
.menu ul li { /* width and height of the menu items */  
float: left; overflow: hidden; position: relative; line-height: 3rem; text-align: center; margin-left: auto; }
.menu ul li a { /* must be postioned relative  */ 
position: relative; display: block; font-family: "微软雅黑", "宋体"; font-size: 1.4rem; text-decoration: none; cursor: pointer; }
.menu ul li a span { /* all layers will be absolute positioned */
position: absolute; left: 0; width: 10rem; float: left; }
.menu ul li a span.out { top: 0px; }
.menu ul li a span.over,  .menu ul li a span.bg { /* hide */  
top: -30px; }

#menu2 { background: #000;background-image: url(menu_bg.jpg); background-repeat: repeat-x; }
#menu2 ul li a { color: #ffffff; font-size: 1.5rem; float: left; width: 9rem; height: 3rem; background-size: 100% 100%;background-image: url(menu_bg.jpg); background-repeat: repeat-x;  }
#menu2 ul li a span.over { color: #fff; background-image: url(bg_over.jpg); background-color: #ff0000; font-size: 15px; }
#mid{
width:100%;
margin-top:10px;
}
.mid_left{
width:23%;
float:left;
padding-bottom:10px;
font-size:14px;
line-height:20pt;
position:absolute;
}
.mid_left ul{
    background-repeat:no-repeat;
    background-color:#F5F5F5;
	padding-top:32px;
	border: dotted #666666 0.3px;
	font-size:15px;
	color:#000000;
	font-weight:normal;
	letter-spacing:normal;
	line-height:50px;
}
.mid_left ul li{
	border-bottom:1px solid #CCC;
	padding-left:10px;
	}
.mid_left ul li  a{
	display:block;
	cursor:pointer;}

.mid_left .cpjs
{
	background-image:url(index_r3_c4.jpg);
	background-size:100%;
	}

.mid_left .cpjs a{
	display:block;
	cursor:pointer;
	width:258px;
}
.mid_left .wsdh 
{
	background-image:url(index_r3_c2.jpg); 
	background-size:100%;   

}
.mid_left img{
	display:block;
	width:100%;
	}
#barcon{
	margin:10px auto;	
	text-align:center;
	}	
#barcon a{
color:blue;
}

.mid_right
{
	width:75%;
	margin-right: 10px;
	white-space:normal;
	float:right;
	font-size:12px;
	line-height:200%;
	color:#000000;
	font-weight:normal;
	letter-spacing:normal;
	text-align:left;	
	border:1px dotted #000;
	overflow:hidden;
}

.mid_right_ul{
	display:block;
	overflow:hidden;
	width:100%;
	}
.mid_right_ul ul{
	width:100%;
	overflow:hidden;
}
.mid_right_ul li{
	overflow:hidden;
	padding-left:10px;   
	margin: 10px 10px;
	border: dotted #666666 0.3px;
}
.mid_right .r_l{
	float:left;
}
.mid_right .r_r{
	margin-left:10px;
	float:left;
}
.mid_right .r_r a:first-child{
	font-size:14px;
	font-weight:bold;
	}
.mid_right_ul li a
{
	display:block;}
.msarea li
{   
    margin-top:2px;
	padding-top:1px;
	width:160px;
	display:inline;
	float:left;
	border: dotted #666666 0.3px;
	text-align:center;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	letter-spacing:normal;
	line-height:200%;
	text-indent:0em;
}
.mid_rightarea
{
width:75%;
float:right;
}
.mid_rightarea p{ margin-bottom:10px;}
#rxsp{background-image:url(rxsp.jpg);background-repeat: no-repeat;height: 30px;width: 100%;margin-top: 11px;float: left;}
.upperarea
{
width:100%;
float:left;
margin-top:10px;
border:1px;
}

.msarea
{
width:100%;
float:left;
margin-top:5px;
font-size:15px;
padding-top:20px;
line-height:200%;
}
.msarea h2
{
font-size:15px;
}
.msarea img{
  display:block;
	}
.cplb{ overflow:hidden;border:1px solid #ccc; margin-left:7px;margin-top:15px;}
.cplb li{display:inline-block;margin-right:10px;height: 160px;}
.cplb li a{display:block;width:100%;height:100%;}
.cplb li a img{width:100%;}
.cplb li a h3{text-align:center;}
.proimg
{
width:53%;
float:left;
vertical-align:middle;
text-align:center;
}
.proimg p{
   display:inline-block;
   width:20px;
   height:20px;
   border:solid #fff 2px;
   background:#ccc;	
   color: #fff;
   font-size: 18px;
   line-height: 20px;
	text-align: center;
	}
.proimg img{
	display: none;
	width: 75%;
	margin: auto;
	cursor:pointer;


}

.msarea .bott-left
{
float:left;
clear:both;
width:100%;
/*height:800px;*/
border:1px solid #ccc;
margin-top: 10px;
line-height:25pt;
display: none;
}
.clear{clear:both;height:0;line_height:0;font-siez:0;margin:0;padding:0;}
.msarea .mid_title99 div{ float:left; line-height:41px; padding-left:15px; padding-right:15px; margin-right:5px; background:#CCCCCC; text-indent: 0;}
.msarea .mid_title99 div.hover{background:#C60;color:#000011;cursor: pointer;}
.msarea .mid_title99 div:hover{background:#C60;color:#000011;cursor: pointer;}	
#con_mm_1{display: block;}	
#con_mm_1 .showli{width: 100%;height: 750px;display: block;overflow: hidden;}
#con_mm_1 .showli li{margin: 0 5px;width: 168px;height: 160px;}
#con_mm_1 .showli li a{display: inline-block;width: 100%;height: 100%;}	
#con_mm_1 .showli li a img{width:160px;height: 120px;}
#con_mm_1 .showli li a p{text-indent: 0;line-height: 13px;margin-bottom: 0;}	
#con_mm_1 .showli li a p span{font-weight: 100;color: #000;font-size: 10px;display:inline-block;text-align:center;width: 40%;}	
#con_mm_1 .showli li a p span:first-child{float: left;margin-left: 10px;}	
#con_mm_1 .showli li a p span:last-child{float: right;margin-right: 10px;}		
#con_mm_2 .showli{width: 100%;display: block;overflow: hidden;}
#con_mm_2 .showli li{margin: 0 5px;width:22%;height: 20%;display: inline-block;}
#con_mm_2 .showli li a{width: 100%;height: 100%;}		
#con_mm_2 .showli li img{width: 100%;height: 80%;}
#showPg{margin: 0 auto;width: 300px;}
#con_mm_3,#con_mm_4{display: none;width: 100%;}
#con_mm_4 form{width: 60%;display: block;border: 1px solid #31CAE9;line-height: 40px;margin: 20px auto;padding-bottom: 20px;}	
#con_mm_3 form{width: 70%;display: block;border: 1px solid #31CAE9;line-height: 40px;padding-bottom: 20px;}
#con_mm_3 form label,#con_mm_4 form label{display: inline-block;width:80px;text-align: justify;text-align-last: justify;text-indent: 0px;margin:0 20px;}	
#con_mm_3 form input[type="text"],#con_mm_3 form input[type="password"],#con_mm_4 form input[type="text"],#con_mm_4 form input[type="password"]{display: inline-block;width:200px;}	
#con_mm_3 form input[type="submit"],#con_mm_3 form input[type="reset"],#con_mm_4 form input[type="submit"],#con_mm_4 form input[type="reset"]{display: inline-block;width:100px;margin: 0 30px;}	
#con_mm_3 form textarea{display: inline-block;width: 200px;height:120px;}
#con_mm_3 form img,#con_mm_4 form img{display: inline-block;margin-left: 10px;}
#con_mm_5 p{text-indent: 2em;}
#con_mm_5 img{
  display:block;
  width:500px;
  height:375px;
  margin:10px auto;	
	}		
#img-0{display:block;}
#p-0{background:#FFA500;}
.firpri
{
width:46%;
float:right;
border:1px solid #000;
line-height:300%;
height:240px;
}
.firpri h1
{
font-size:16px;

}
.clear{clear:both;height:0;line_height:0;font-siez:0;margin:0;padding:0;}
#foot{
clear:both;
width:100%;
background-color:#C7DBF0;
margin-top:10px;
}
.foot_left{
float:left;
width:32%;
}
.foot_right{
float:right;
width:66%px;
padding-top:15px;
background-color:#C7DBF0;
}
.conc{display: none;}
#weixin{display:none;position:fixed;bottom:2.6rem;width:10rem;height:10rem;margin:0 auto;}		
	
}

@media only screen and (max-width:767px){
#warp{width:100%;margin:auto;}
#warp img{width: 100%;}
#nav{margin:auto;clear:both;width: 100%;}
.menu {	display: block;	padding: 0px;	margin-top: 0px;	margin-right: auto;	margin-bottom:5px;	margin-left: auto;	float: left;}
.menu ul {	list-style: none;padding: 0;margin: 0;}
.menu ul li {
	/* width and height of the menu items */  
	float: left;
	overflow: hidden;
	position: relative;
	line-height: 36px;
	text-align: center;
	margin-left: auto;
	width: 20%;
}
.menu ul li a {
			/* must be postioned relative  */ 
			position: relative;
			display: block;
			width: 100%;
			height: 36px;
			font-family: "微软雅黑", "宋体";
			font-size: 1.6rem;
			text-decoration: none;
			cursor: pointer;	
}
.menu ul li a span {
			/* all layers will be absolute positioned */
			position: absolute;
			left: 0;			
			float: left;
			width: 100%;
}
.menu ul li a span.out {
			top: 0px;
}
.menu ul li a span.over,
.menu ul li a span.bg {
			/* hide */  
			top: -36px;
}
		/** 1st example **/
#menu2 {
	width: 100%;
			background: #000;
			background-image:url("menu_bg.jpg"); background-repeat: repeat-x;
			background-size: 100% 100%;
}	
#menu2 ul li a {
	color: #ffffff;
	font-size: 1.5rem;
	float: left;
	 background-size: 100% 100%;background-image: url(menu_bg.jpg); background-repeat: repeat-x;
}
#menu2 ul li a span.over { color: #fff; background-image: url(bg_over.jpg); background-color: #ff0000; font-size: 16px; }
#mid{
width:100%;
margin-top:10px;
}
.mid_left{
width:100%;
float:right;
padding-bottom:10px;
font-size:14px;
line-height:20pt;
}
.mid_left ul{
    background-repeat:no-repeat;
    background-color:#F5F5F5;
	padding-top:32px;
	border: dotted #666666 0.3px;
	font-size:15px;
	color:#000000;
	font-weight:normal;
	letter-spacing:normal;
	line-height:50px;
}
.mid_left ul li{
	border-bottom:1px solid #CCC;
	padding-left:20px;
	}
.mid_left ul li  a{
	display:block;
	cursor:pointer;}

.mid_left .cpjs
{
	display: none;
	background-image:url(index_r3_c4.jpg);
	background-size:100%;
	}

.mid_left .cpjs a{
	display:block;
	cursor:pointer;
	width:258px;
}
.mid_left .wsdh 
{
	background-image:url(index_r3_c2.jpg); 
	background-size:247px 30px; 
	border: 0px;
	
	

}
.mid_left img{
	display:none;
	width:100%;
	}
#barcon{
	margin:10px auto;	
	text-align:center;
	display: none;
	}	
#barcon a{
color:blue;
}

.mid_right
{
	width:100%;
	white-space:normal;
	float:left;
	font-size:12px;
	line-height:200%;
	color:#000000;
	font-weight:normal;
	letter-spacing:normal;
	text-align:left;	
	border:1px dotted #000;
	overflow:hidden;
}

.mid_right_ul{
	display:block;
	overflow:hidden;
	width:100%;
	}
.mid_right_ul ul{
	width:100%;
	overflow:hidden;
}
.mid_right_ul li{
	overflow:hidden;
	padding-left:10px;   
	margin: 10px 10px;
	border: dotted #666666 0.3px;
}
.mid_right .r_l{
	float:left;
}
.mid_right .r_r{
	margin-left:10px;
	float:left;
}
.mid_right .r_r a:first-child{
	font-size:14px;
	font-weight:bold;
	}
.mid_right_ul li a
{
	display:block;}
	.mid_right_four .mid_right_four_left ul li a{
		display: inline-block;
		width: 100%;
	}
.mid_rightarea
{
width:100%;
float:left;
}
.mid_rightarea p{ margin-bottom:10px;}
#rxsp{background-image:url(rxsp.jpg);background-repeat: no-repeat;height: 30px;width: 100%;margin-top: 11px;float: left;}
.upperarea
{
width:100%;
float:left;
margin-top:10px;
border:1px;
}

.msarea
{
width:100%;
float:left;
margin-top:5px;
font-size:15px;
padding-top:5px;
line-height:200%;
}
.msarea h2
{
font-size:15px;
}
.msarea img{
  display:block;
	}
.cplb{ overflow:hidden;border:1px solid #ccc; margin-left:7px;margin-top:15px;}
.cplb li{display:inline-block;margin-right:10px;}
.cplb li a{display:block;width:100%;height:100%;}
.cplb li a img{width:100%;}
.cplb li a h3{text-align:center;}
.proimg
{
width:53%;
float:left;
vertical-align:middle;
text-align:center;
margin:0 1%;
}
.proimg p{
   display:inline-block;
   width:20px;
   height:20px;
   border:solid #fff 2px;
   background:#ccc;	
   color: #fff;
   font-size: 18px;
   line-height: 20px;
	text-align: center;
	}
.proimg img{
	display: none;
	width: 330px;
	height: 230px;
	margin: auto;
	cursor:pointer;


}
#img-0{display:block;}
#p-0{background:#FFA500;}
.firpri
{
width:40%;
float:right;
border:1px solid #000;
padding-top:10px;
padding-left:20px;
line-height:300%;
height:240px;
box-sizing: border-box;
}
.firpri h1
{
font-size:16px;

}
.msarea .mid_title99 div{ float:left; line-height:41px; padding-left:15px; padding-right:15px; margin-right:5px; background:#CCCCCC; text-indent: 0;margin-bottom: 5px;}
.msarea .mid_title99 div.hover{background:#C60;color:#000011;cursor: pointer;}
.msarea .mid_title99 div:hover{background:#C60;color:#000011;cursor: pointer;}	
#con_mm_1{display: block;}	
#con_mm_1 .showli{width: 100%;height: 750px;display: block;overflow: hidden;}
#con_mm_1 .showli li{display: inline-block;border: dotted #666666 0.3px;}
#con_mm_1 .showli li a{width: 100%;height: 100%;font-size: 14px;}	
#con_mm_1 .showli li a img{width:100%;height: 70%;}
#con_mm_1 .showli li a p{text-indent: 0;line-height: 13px;margin-bottom: 0;}	
#con_mm_1 .showli li a p span{font-weight: 100;color: #000;font-size: 10px;display:inline-block;text-align:center;width: 40%;}	
#con_mm_1 .showli li a p span:first-child{float: left;margin-left: 10px;}	
#con_mm_1 .showli li a p span:last-child{float: right;margin-right: 10px;}	
#con_mm_2{display: none;}	
#con_mm_2 .showli{width: 100%;height: 750px;overflow: hidden;}
#con_mm_2 .showli li{display: inline-block;padding-top:1px;float:left;border: dotted #666666 0.3px;font-weight:bold;text-align:center;}
#con_mm_2 .showli li a{width: 100%;height: 100%;}
#con_mm_2 .showli li a img{width:100%;height:80%;}
#showPg{margin: 0 auto;width: 300px;}
#con_mm_3,#con_mm_4{display: none;width: 100%;}
#con_mm_4 form{width: 60%;display: block;border: 1px solid #31CAE9;line-height: 40px;margin: 20px auto;padding-bottom: 20px;}	
#con_mm_3 form{width: 70%;display: block;border: 1px solid #31CAE9;line-height: 40px;padding-bottom: 20px;}
#con_mm_3 form label,#con_mm_4 form label{display: inline-block;width:80px;text-align: justify;text-align-last: justify;text-indent: 0px;margin:0 20px;}	
#con_mm_3 form input[type="text"],#con_mm_3 form input[type="password"],#con_mm_4 form input[type="text"],#con_mm_4 form input[type="password"]{display: inline-block;width:200px;}	
#con_mm_3 form input[type="submit"],#con_mm_3 form input[type="reset"],#con_mm_4 form input[type="submit"],#con_mm_4 form input[type="reset"]{display: inline-block;width:100px;margin: 0 30px;}	
#con_mm_3 form textarea{display: inline-block;width: 200px;height:120px;}
#con_mm_3 form img,#con_mm_4 form img{display: inline-block;margin-left: 10px;}
#con_mm_5{display: none;}
#con_mm_5 p{text-indent: 2em;}
#con_mm_5 img{
  display:block;
  width:500px;
  height:375px;
  margin:10px auto;	
	}		
#foot{
clear:both;
width:100%;
background-color:#C7DBF0;
margin-top:10px;
}
.foot_left{
float:left;
width:32%;
}
.foot_right{
float:right;
width:66%;
padding-top:15px;
background-color:#C7DBF0;
}

.conc{width: 100%;height: 3rem;position: fixed;bottom:0;left: 0;display: flex;justify-content: space-between;align-items: center;}
.conc p{width: 24.5%;height: 100%;background: blue;color: #fff;text-align: center;line-height: 3rem;font-size:1.6rem;cursor: pointer;}
.conc p a{color:#fff; display:block;width:100%;height:100%;font-size:1.6rem;line-height: 3rem;}
#weixin{display:none;position:fixed;bottom:2.6rem;width:10rem;height:10rem;margin:0 auto;}	
}