/* 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;}
html{font-size: 62.5%;width: 100%;}
body {margin: 0px;padding: 0px; font-family:"宋体";font-size: 14px;width: 100%;
background-color:#ffffff;}
a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: underline;
	color: #333333;
}
a:active {
	text-decoration: none;
	color: #333333;
}
.clear
{
clear:both;

}
.clearfix::after
{
	content: "";
	display: block;
   clear:both;
	height: 0;
}


@media only screen and (min-width:1024px){
#warp{
width:1002px;
margin:auto;
}
#nav{
width:1002px;
height:36px;
margin:auto;
clear:both;
}
.menu {
	height: 36px;
	display: block;
	padding: 0px;
	width: 1003px;
	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;
}

.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 **/

#menu1 {
	background-color: #E8E8E8;
	background-image: url(../css/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(../css/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; }

#top{
width:1002px;
margin:5px auto;
line-height:1.8em;
font-size:13px;

}
#top .top_left
{
float:right;
margin-left: 10px;
font-size:14px;
width:490px;
border:1px solid #ccc;
}
#top .top_left a
{
font-weight:bold;
}
#top .top_left embed
{
 width:490px;
 height:360px;	
	}
#posright{
width:100%;
height:28px;
font-weight:bold;
padding-top:2px;
}
 #posright h1
{font-size:13px;
 display:inline;}
#posright a{
		display: inline-block;
		width: 60px;
		background:#C0BDBD;
	}
#top .top_left .h1desc
{
font-size:13px;
text-indent:2em;
line-height:2em;
}
#top .h1desc
{
font-size:13px;
text-indent:2em;
line-height:1.7em;
overflow: hidden;
}

#top .top_right
{
float:left;
width:490px;
padding-top:2px;
line-height:130%;
display:flex;
justify-content:flex-start;
justify-items:center;
flex-direction:column;
height:360px;
border-top:1px solid #000;
border-bottom:1px solid #000;
}
#top .top_right .top_title{
clear:both;
height:38px;
padding-left:5px;
padding-bottom:3px;
background-image:url(titlebg.jpg);
background-repeat: no-repeat;
line-height:44px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
margin:0 auto;
width:495px;
}
#top .top_right .top_title h2{font-size: 16px;font-weight: bold;}	
#top .top_right .top_text	
	{

	}

#top .top_right .top_text form
{
	width:500px;
	height:98%;
	border:1px solid #CCC;
	line-height:230%;
	padding-left: 5px;
	}
#top .top_right img
{ width:500px;
 height:120px;
 display:block;
}
#top .top_right .con_text form label{display:inline-block;margin:0 5px;vertical-align: middle; text-align:justify;text-align-last: justify}	
#top .top_right .limt{text-align-last:left;width:70px;color:#ffffff;background-color: #666666;font-size: 14px;letter-spacing: -1.5px;margin-left: 10px;}
#top .top_right form button{display:inline-block;width:60px;height:26px; margin:0 20px; background:#C60;color:#000011; border-radius:4px; margin-right: 20px;cursor: pointer;}
#top .top_right form button#btn1_cal,#top .top_right form button#btn_cal{margin-left: 50px;margin-right: 50px;}
#top .top_right form button#btn_con{width:120px;}	
#top .top_right input{width: 60px;}

#mid{
width:1002px;
padding-bottom:10px;
padding-top:2px;
line-height:20pt;
font-size:14px;
}

#mid h2
{font-size:14px;
 /*line-height:200%;*/}
#mid p
{
font-size:13px;
line-height:1.6em;
}
#posright{
width:100%;
height:28px;
font-weight:bold;
padding-top:2px;
}
 #posright h1
{font-size:13px;
 display:inline;}
#posright a{
		display: inline-block;
		width: 60px;
		background:#C0BDBD;
	}	

.mid_title{
clear:both;
height:38px;
padding-left:5px;
padding-bottom:3px;
background-image:url(titlebg.jpg);
background-repeat: no-repeat;
line-height:44px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
margin:0 auto;
width:1002px;
}
.mid_title99{
clear:both;
height:38px;
padding-left:5px;
padding-bottom:3px; 
border-bottom:#CC6600 solid 1px; 
color:#000000;
font-size:14px;
font-weight:bold; 
cursor:pointer;
}
.mid_title99 div{ float:left; line-height:41px; padding-left:15px; padding-right:15px; margin-right:5px; background:#CCCCCC;}
.mid_title99 div.hover{background:#C60;color:#000011;}
.mid_title99 div:hover{background:#C60;color:#000011;}

.mid_title1{
height:38px;
padding-left:5px;
padding-bottom:3px;
background-image:url(smallbg.jpg);
background-repeat: no-repeat;
line-height:44px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
}
#mid ul li
{
text-indent:0em;
width:250px;
float:left;
line-height:300%; 
vertical-text:top;
border-bottom:0.3px solid #000;
margin-bottom:5pt;
}
#mid ul li img
{
width:245px;
height:183.75px;
border:0px;
}
.heitit{
font-weight:bold;
}
.heijiage{
float:right;
display:inline;
color:#990000;
font-weight:bold;
}
.clickbut{
display:block;
float:left;
width:80px;
background-image:url(ico.jpg);
background-repeat: no-repeat;
font-size: 13px;
text-align:center;
line-height:20px;
}
#bott{
clear:both;
width:1002px;
/*height:850px;*/
margin-bottom:10px;
}

#bott h2
{
font-size:14px;
}
.bott-left
{
float:left;
clear:both;
width:700px;
/*height:800px;*/
border:0px;
line-height:25pt;
}
.bott-left ul
{
margin-top:10px;

}
.bott-left li{
height:160px;
border:1px solid #ccc;
}
.bott-left p
{
font-size:13px;
}
.bott-left a
{
font-weight:bold;
}
.liimg
{
	width:190px;
	height:150px;
	float:left;

	margin: 2px 2px;
}
.liimg img
{
	border:1px solid #ccc;
	display:block;
    width:188px;
	height:148px;
}
.licon
{float:right;
margin-left:5px;
width:490px;
height:150px;
}
#pubdat
{
padding-top:10px;
text-align:right;

}
#bott-right
{float:right;
width:290px;}
#bott-right ul
{
margin-left:5px;
margin-top:10px;
border:1px solid #ccc;
}
#bott-right li{
margin-top:10px;
height:30px;
font-size:13px;

}
#customerarea{
width:1002px;
margin-top:20px;
margin-bottom:5px;
}
#customerarea h2
{
font-size:14px;
}
#cust1
{
width:1000px;
}
#cust1 p
{
font-size:13px;
text-indent:2em;
line-height:25pt;
}
#cust2
{
width:1002px;
}
#cust2 li{
	display:inline;
	float:left;
	margin-left:8px;
	border: dotted #666666 0.3px;
	text-align:center;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	letter-spacing:normal;
	line-height:200%;
}
#cust2 ul li img
{
width:190px;
height:150px;
border:0px;
}

table.gridtable {
    width:600px;
	font-size:13px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.gridtable th {
    text-align:center;
	border-width: 1px;
	padding: 8px;
	height:auto;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.gridtable td {
    text-align:left;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}
.pinlun
{
width:1002px;
margin-top:8px;
margin-bottom:5px;
}
.pinlun h2
{
font-size:14px;
}
.fbpinlun{
padding-top:15px;
line-height:150%;
}
form br
{
clear:left;
}
.fbpinlun img{
text-align:center; border:0px;}
.fbpinlun label{float:left;width: 60px;line-height:25px;} 
.fbpinlun input{width: 400px;border:1px solid #808080;} 
.fbpinlun textarea{width:400px;height: 150px;} 
.fbpinlun #b1{margin-left: 80px;margin-top: 5px;width:80px;} 
.fbpinlun #b2{margin-left: 80px;margin-top: 5px;width:80px;} 
#foot{
clear:both;
margin: 10px auto;
width:1002px;
background-color:#C7DBF0;
}
#foot .foot_left{
float:left;
width:40%;
}
#foot .foot_right{
float: left;
width:50%;
line-height:22px;
padding-top:15px;
}
#con_mm_1{
padding-top: 10px;
}	
#con_mm_3{
display:block;
margin-top:15px;	
margin-left:100px;
width: 500px;
height: 375px;
overflow: hidden;
}
 
#con_mm_3 .trans_image_box {  
        width: 1500px;  /*注意这里是根据图片总长度来确定的，如果小于图片总长度，会出现轮放空白的情况！*/
        height: 375px;  
        -webkit-transition: all 1s ease-in-out;  
        -moz-transition: all 1s ease-in-out;  
        -o-transition: all 1s ease-in-out;  
        transition: all 1s ease-in-out;  
    }  
#con_mm_3 .trans_image_box img{
		display:inline-block;
		margin: 0 auto;
		width: 500px;
	}
#con_mm_3 .trans_image {  
        width: 500px;  /*这些根据需求可自定义*/
        height:375px;  
        float: left;
        margin-left: 0px;  
    }  	
#montion{
   width:100%;
   position:fixed;
   bottom:0;
   margin:0 auto;	
   opacity:0;
   left:0;
   right:0;
	}
#montion img{
	display:block;
	width: 100%;
	}
.conc{display: none;}
#weixin{display:none;position:fixed;top:30rem;left: 45rem; 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{height:36px;margin:auto;clear:both;width: 100%;}
.menu {	height: 36px;	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;
}

.menu ul li a {
			/* must be postioned relative  */ 
			position: relative;
			display: block;
			width: 10rem;
			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;
			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 **/

#menu2 {
	width: 100%;
			background: #000;
			background-image: url(menu_bg.jpg); background-repeat: repeat-x; 
}
		
#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; }

#top{
width:100%;
margin:5px auto;
line-height:1.8em;
font-size:1.4rem;

}
#top .top_left
{
float:right;
font-size:14px;
width:48%;
border:1px solid #ccc;
}
#top .top_left a
{
font-weight:bold;
}
#top .top_left embed
{
 width:100%;
 height:38rem;	
	}
#posright{
width:100%;
height:28px;
font-weight:bold;
padding-top:2px;
}
 #posright h1
{font-size:13px;
 display:inline;}
#posright a{
		display: inline-block;
		width: 60px;
		background:#C0BDBD;
	}

#top .top_left .h1desc
{
font-size:1.3rem;
text-indent:2em;
line-height:2em;
}
#top .h1desc
{
font-size:1.3rem;
text-indent:2em;
line-height:1.7em;
overflow: hidden;
}

#top .top_right
{
float:left;
width:48%;
padding-top:2px;
padding-left: 5px;
line-height:150%;
display:flex;
justify-content:flex-start;
justify-items:center;
flex-direction:column;
height:377px;
border-top:1px solid #000;
border-bottom:1px solid #000;
}
#top .top_right .top_title{
clear:both;
height:38px;
padding-left:5px;
padding-bottom:3px;
background-image:url(titlebg.jpg);
background-repeat: no-repeat;
line-height:44px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
margin:0 auto;
width:495px;
}
#top .top_right .top_title h2{font-size: 16px;font-weight: bold;}		
#top .top_right img
{ width:100%;
 height:120px;
 display:block;
}
#top .top_right form
{
	width:100%;
	height:98%;
	border:1px solid #CCC;
	
	line-height:230%;
	}
#top .top_right div{width: 100%;}
#top .top_right form label{display:inline-block;margin:0 5px;vertical-align: middle; text-align:justify;text-align-last: justify}	
#top .top_right .limt{text-align-last:left;width:70px;color:#ffffff;background-color: #666666; font-size: 10px;letter-spacing: -1.5px;}
#top .top_right .tit{width:30px;}
#top .top_right form button{display:inline-block;width:60px;height:26px; margin:0 15px; background:#C60; border-radius:4px; color:#000011;margin-right: 30px;cursor: pointer;}
#top .top_right form button#btn1_cal,#top .top_right form button#btn_cal{margin-left: 20px;}
#top .top_right form button#btn_con{margin-left:0px;width:120px;}	
#top .top_right input{width: 60px;}

#mid{
width:100%;
padding-bottom:10px;
padding-top:2px;
line-height:20pt;
font-size:14px;
}

#mid h2
{font-size:14px;
 /*line-height:200%;*/}
#mid p
{
font-size:13px;
line-height:1.6em;
}
#posright{
width:100%;
height:28px;
font-weight:bold;
padding-top:2px;
}
 #posright h1
{font-size:13px;
 display:inline;}
#posright a{
		display: inline-block;
		width: 60px;
		background:#C0BDBD;
	}
.mid_title{
clear:both;
height:38px;
padding-left:5px;
padding-bottom:3px;
background-image:url(titlebg.jpg);
background-repeat: no-repeat;
line-height:44px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
margin:0 auto;
width:100%;
}
.mid_title99{
clear:both;
height:38px;
padding-left:5px;
padding-bottom:3px; 
border-bottom:#CC6600 solid 1px; 
color:#000000;
font-size:14px;
font-weight:bold; 
cursor:pointer;
}
.mid_title99 div{ float:left; line-height:41px; padding-left:15px; padding-right:15px; margin-right:5px; background:#CCCCCC;}
.mid_title99 div.hover{background:#C60;color:#000011;}
.mid_title99 div:hover{background:#C60;color:#000011;}

.mid_title1{
height:38px;
padding-left:5px;
padding-bottom:3px;
background-image:url(smallbg.jpg);
background-repeat: no-repeat;
line-height:44px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
}
#mid ul li
{
text-indent:0em;
width:250px;
float:left;
line-height:300%; 
vertical-text:top;
border-bottom:0.3px solid #000;
margin-bottom:5pt;
}
#mid ul li img
{
width:245px;
height:183.75px;;
border:0px;
}
.heitit{
font-weight:bold;
}
.heijiage{
float:right;
display:inline;
color:#990000;
font-weight:bold;
}
.clickbut{
display:block;
float:left;
width:80px;
background-image:url(ico.jpg);
background-repeat: no-repeat;
font-size: 13px;
text-align:center;
line-height:20px;
}
#bott{
clear:both;
width:100%;
/*height:850px;*/
margin-bottom:10px;
}

#bott h2
{
font-size:14px;
}
.bott-left
{
float:left;
clear:both;
width:70%;
/*height:800px;*/
border:0px;
line-height:25pt;
}
.bott-left ul
{
margin-top:10px;

}
.bott-left li{
height:160px;
border:1px solid #ccc;
}
.bott-left p
{
font-size:13px;
}
.bott-left a
{
font-weight:bold;
}
.liimg
{
	width:190px;
	height:150px;
	float:left;

	margin: 2px 2px;
}
.liimg img
{
	border:1px solid #ccc;
	display:block;
    width:188px;
	height:148px;
}
.licon
{float:right;
margin-left:5px;
width:490px;
height:150px;
}
#pubdat
{
padding-top:10px;
text-align:right;

}
#bott-right
{float:right;
width:29%;}
#bott-right ul
{
margin-left:5px;
margin-top:10px;
border:1px solid #ccc;
}
#bott-right li{
margin-top:10px;
height:30px;
font-size:13px;

}
#customerarea{
width:100%;
margin-top:20px;
margin-bottom:5px;
}
#customerarea h2
{
font-size:14px;
}
#cust1
{
width:100%;
}
#cust1 p
{
font-size:13px;
text-indent:2em;
line-height:25pt;
}
#cust2
{
width:100%;
}
#cust2 li{
	display:inline;
	float:left;
	margin-left:8px;
	border: dotted #666666 0.3px;
	text-align:center;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	letter-spacing:normal;
	line-height:200%;
}
#cust2 ul li img
{
width:180px;
height:135px;
border:0px;
}

table.gridtable {
    width:600px;
	font-size:13px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.gridtable th {
    text-align:center;
	border-width: 1px;
	padding: 8px;
	height:auto;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.gridtable td {
    text-align:left;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}
.pinlun
{
width:1002px;
margin-top:8px;
margin-bottom:5px;
}
.pinlun h2
{
font-size:14px;
}
.fbpinlun{
padding-top:15px;
line-height:150%;
}
form br
{
clear:left;
}
.fbpinlun img{
text-align:center; border:0px;}
.fbpinlun label{float:left;width: 60px;line-height:25px;} 
.fbpinlun input{width: 400px;border:1px solid #808080;} 
.fbpinlun textarea{width:400px;height: 150px;} 
.fbpinlun #b1{margin-left: 80px;margin-top: 5px;width:80px;} 
.fbpinlun #b2{margin-left: 80px;margin-top: 5px;width:80px;} 
#foot{
clear:both;
margin: 10px auto;
width:1002px;
background-color:#C7DBF0;
}
#foot .foot_left{
float:left;
width:40%;
}
#foot .foot_right{
float: left;
width:50%;
line-height:22px;
padding-top:15px;
}
#con_mm_1{
padding-top: 10px;
}	
#con_mm_3{
display:block;
margin-top:15px;	
margin-left:100px;
width: 500px;
height: 375px;
overflow: hidden;
}
 
#con_mm_3 .trans_image_box {  
        width: 1500px;  /*注意这里是根据图片总长度来确定的，如果小于图片总长度，会出现轮放空白的情况！*/
        height: 375px;  
        -webkit-transition: all 1s ease-in-out;  
        -moz-transition: all 1s ease-in-out;  
        -o-transition: all 1s ease-in-out;  
        transition: all 1s ease-in-out;  
    }  
#con_mm_3 .trans_image_box img{
		display:inline-block;
		margin: 0 auto;
		width: 500px;
	}
#con_mm_3 .trans_image {  
        width: 500px;  /*这些根据需求可自定义*/
        height:375px;  
        float: left;
        margin-left: 0px;  
    } 
	#montion{
   width:1002px;
   position:fixed;
   bottom:0;
   margin:0 auto;	
   opacity:0;
   left:0;
   right:0;
	}
#montion img{
	display:block;
	}	
.conc{display: none;}
#weixin{display:none;position:fixed;top:30rem;left: 30rem;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{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;
}
.menu ul li a {
			/* must be postioned relative  */ 
			position: relative;
			display: block;
			width: 10rem;
			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;
			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 **/
#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; }
	

#top{
width:100%;
margin:5px auto;
line-height:1.8em;
font-size:1.4rem;
}
#top .top_left
{
float:right;
font-size:14px;
width:48%;
border:1px solid #ccc;
}
#top .top_left a
{
font-weight:bold;
}
#top .top_left embed
{
 width:100%;
 height:38rem;	
	}
#posright{
width:100%;
height:28px;
font-weight:bold;
padding-top:2px;
}
 #posright h1
{font-size:13px;
 display:inline;}
#posright a{
		display: inline-block;
		width: 60px;
		background:#C0BDBD;
	}
#top .top_left .h1desc
{
font-size:1.3rem;
text-indent:2em;
line-height:2em;
}
#top .h1desc
{
font-size:1.3rem;
text-indent:2em;
line-height:1.7em;
overflow: hidden;
}

#top .top_right
{
float:left;
width:50%;
padding-top:2px;
padding-left: 5px;
line-height:150%;
display:flex;
justify-content:flex-start;
justify-items:center;
flex-direction:column;
height:380px;
border-top:1px solid #000;
border-bottom:1px solid #000;
}
#top .top_right .top_title{
clear:both;
height:38px;
padding-left:5px;
padding-bottom:3px;
background-image:url(titlebg.jpg);
background-repeat: no-repeat;
line-height:44px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
margin:0 auto;
width:100%;
}
#top .top_right .top_title h2{font-size: 16px;font-weight: bold;}	
#top .top_right img
{ width:100%;
 height:120px;
 display:block;
}
#top .top_right form
{
	width:100%;
	height:98%;
	border:1px solid #CCC;
	line-height:230%;
	padding-left: 5px;
	}
#top .top_right div{width:100%;}
#top .top_right form label{display:inline-block;vertical-align: middle; text-align:justify;text-align-last: justify}	
#top .top_right .limt{text-align-last:left;width:70px;color:#ffffff;background-color: #666666; font-size: 10px;letter-spacing: -1.5px;}
#top .top_right .tit{width:30px;}
#top .top_right form button{display:inline-block;width:60px;height:26px; margin:0 15px; background:#C60; border-radius:4px; color:#000011;margin-right: 30px;cursor: pointer;}
#top .top_right form button#btn1_cal,#top .top_right form button#btn_cal{margin-left: 20px;}
	#top .top_right form button#btn_con{width: 120px;margin-left: 20px;}	
#top .top_right input{width: 45px;}
#top::after{
		content: "";
		display: block;
		clear: both;
		height: 0;
	}
#mid{
width:100%;
padding-bottom:10px;
padding-top:2px;
line-height:20pt;
font-size:14px;
}
#con_mm_1{
padding-top: 10px;
}	
#con_mm_3{
display:block;
margin-top:15px;	
margin-left:100px;
width: 500px;
height: 375px;
overflow: hidden;
}
 
#con_mm_3 .trans_image_box {  
        width: 1500px;  /*注意这里是根据图片总长度来确定的，如果小于图片总长度，会出现轮放空白的情况！*/
        height: 375px;  
        -webkit-transition: all 1s ease-in-out;  
        -moz-transition: all 1s ease-in-out;  
        -o-transition: all 1s ease-in-out;  
        transition: all 1s ease-in-out;  
    }  
#con_mm_3 .trans_image_box img{
		display:inline-block;
		margin: 0 auto;
		width: 500px;
	}
#con_mm_3 .trans_image {  
        width: 500px;  /*这些根据需求可自定义*/
        height:375px;  
        float: left;
        margin-left: 0px;  
    }  	
#mid h2
{font-size:14px;
 /*line-height:200%;*/}
#mid p
{
font-size:13px;
line-height:1.6em;
}
#posright{
width:100%;
height:28px;
font-weight:bold;
padding-top:2px;
}
 #posright h1
{font-size:13px;
 display:inline;}
#posright a{
		display: inline-block;
		width: 60px;
		background:#C0BDBD;
	}

.mid_title{
clear:both;
height:38px;
padding-left:5px;
padding-bottom:3px;
background-image:url(titlebg.jpg);
background-repeat: no-repeat;
line-height:44px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
margin:0 auto;
width:100%;
}
.mid_title99{
clear:both;
height:38px;
padding-left:5px;
padding-bottom:3px; 
border-bottom:#CC6600 solid 1px; 
color:#000000;
font-size:14px;
font-weight:bold; 
cursor:pointer;
}
.mid_title99 div{ float:left; line-height:41px; padding-left:15px; padding-right:15px; margin-right:5px; background:#CCCCCC;}
.mid_title99 div.hover{background:#C60;color:#000011;}
.mid_title99 div:hover{background:#C60;color:#000011;}

.mid_title1{
height:38px;
padding-left:5px;
padding-bottom:3px;
background-image:url(smallbg.jpg);
background-repeat: no-repeat;
line-height:44px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
}
#mid ul li
{
text-indent:0em;
width:250px;
float:left;
line-height:300%; 
vertical-text:top;
border-bottom:0.3px solid #000;
margin-bottom:5pt;
}
#mid ul li img
{
width:245px;
height:183.75px;
border:0px;
}
.heitit{
font-weight:bold;
}
.heijiage{
float:right;
display:inline;
color:#990000;
font-weight:bold;
}
.clickbut{
display:block;
float:left;
width:80px;
background-image:url(ico.jpg);
background-repeat: no-repeat;
font-size: 13px;
text-align:center;
line-height:20px;
}
#bott{
clear:both;
width:100%;
/*height:850px;*/
margin-bottom:10px;
}

#bott h2
{
font-size:14px;
}
.bott-left
{
float:left;
clear:both;
width:70%;
/*height:800px;*/
border:0px;
line-height:25pt;
overflow: hidden;
}
.bott-left ul
{
margin-top:10px;

}
.bott-left li{
border:1px solid #ccc;
}
.bott-left p
{
font-size:14px;
line-height: 26px;
}
.bott-left a
{
font-weight:bold;
}
.liimg
{
	width:28%;
	float:left;
	margin: 2px 2px;
}
.liimg img
{
	border:1px solid #ccc;
	display:block;
    width:100%;

}
.licon
{float:right;
margin-left:5px;
width:70%;
}
#pubdat
{
padding-top:10px;
text-align:right;

}
#bott-right
{float:right;
width:29%;}
#bott-right ul
{
margin-left:5px;
margin-top:10px;
border:1px solid #ccc;
}
#bott-right li{
margin-top:10px;
height:30px;
font-size:13px;

}
#customerarea{
width:100%;
margin-top:20px;
margin-bottom:5px;
}
#customerarea h2
{
font-size:14px;
}
#cust1
{
width:100%;
}
#cust1 p
{
font-size:13px;
text-indent:2em;
line-height:25pt;
}
#cust2
{
width:100%;
}
#cust2 li{
	display:inline;
	float:left;
	margin-left:8px;
	border: dotted #666666 0.3px;
	text-align:center;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	letter-spacing:normal;
	line-height:200%;
}
#cust2 ul li img
{
width:180px;
height:135px;
border:0px;
}

table.gridtable {
    width:600px;
	font-size:13px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.gridtable th {
    text-align:center;
	border-width: 1px;
	padding: 8px;
	height:auto;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.gridtable td {
    text-align:left;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}
.pinlun
{
width:1002px;
margin-top:8px;
margin-bottom:5px;
}
.pinlun h2
{
font-size:14px;
}
.fbpinlun{
padding-top:15px;
line-height:150%;
}
form br
{
clear:left;
}
.fbpinlun img{
text-align:center; border:0px;}
.fbpinlun label{float:left;width: 60px;line-height:25px;} 
.fbpinlun input{width: 400px;border:1px solid #808080;} 
.fbpinlun textarea{width:400px;height: 150px;} 
.fbpinlun #b1{margin-left: 80px;margin-top: 5px;width:80px;} 
.fbpinlun #b2{margin-left: 80px;margin-top: 5px;width:80px;} 
#foot{
clear:both;
margin: 10px auto;
width:100%;
background-color:#C7DBF0;
}
#foot .foot_left{
float:left;
width:40%;
}
#foot .foot_right{
float: left;
width:50%;
line-height:22px;
padding-top:15px;
}
	.conc{display: none;}
	#weixin{display:none;position:fixed;top:29rem;left: 30rem;;width:10rem;height:10rem;margin:0 auto;}	
}
@media screen and (min-width:383px) 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; }
	

#top{
width:100%;
margin:5px auto;
line-height:1.8em;
font-size:1.4rem;
}
#top .top_left
{
float:left;
font-size:14px;
width:99%;
border:1px solid #ccc;
}
#top .top_left a
{
font-weight:bold;
}
#top .top_left embed
{
 width:100%;
	}
#posright{
width:100%;
height:28px;
font-weight:bold;
padding-top:2px;
}
 #posright h1
{font-size:13px;
 display:inline;}
#posright a{
		display: inline-block;
		width: 60px;
		background:#C0BDBD;
	}

#top .top_left .h1desc
{
font-size:1.3rem;
text-indent:2em;
line-height:2em;
}
#top .h1desc
{
font-size:1.4rem;
text-indent:2em;
line-height:1.7em;
overflow: hidden;
}

#top .top_right
{
float:right;
width:99%;
padding-top:2px;
line-height:150%;
display:flex;
justify-content:flex-start;
justify-items:center;
flex-direction:column;
border-top:1px solid #000;
border-bottom:1px solid #000;
}
#top .top_right>div{width: 100%;}
#top .top_right .top_title{
clear:both;
height:38px;
padding-left:5px;
padding-bottom:3px;
background-image:url(titlebg.jpg);
background-repeat: no-repeat;
line-height:44px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
margin:0 auto;
width:100%;
}
#top .top_right div{width:100%;}
#top .top_right img
{ width:100%;
 height:120px;
 display:block;
}
#top .top_right form
{
	width:100%;
	height:100px;
	border:1px solid #CCC;
	line-height:230%;
	}

#top .top_right form label{display:inline-block;vertical-align: middle; text-align:justify;text-align-last: justify}	
#top .top_right .limt{text-align-last:left;width:65px;color:#ffffff;background-color: #666666; font-size: 10px;letter-spacing: -1.5px;}
#top .top_right .tit{width:30px;}
	#top .top_right .top_title h2{font-size: 16px;font-weight: bold;}	
#top .top_right form button{display:inline-block;width:60px;height:26px;-margin:0 15px; background:#C60; border-radius:4px; color:#000011;margin-right: 50px;cursor: pointer;}
#top .top_right form button#btn1_cal,#top .top_right form button#btn_cal{margin-left: 80px;}
#top .top_right form button#btn_con{display: none;}
#top .top_right input{width: 45px;}
#top::after{
		content: "";
		display: block;
		clear: both;
		height: 0;
	}
#mid{
width:100%;
padding-bottom:10px;
padding-top:2px;
line-height:20pt;
font-size:14px;
}
#con_mm_1{
padding-top: 10px;
}	
#con_mm_3{
display:block;
margin-top:15px;	
margin-left: 10px;	
width: 500px;
height: 375px;
overflow: hidden;
}
 
#con_mm_3 .trans_image_box {  
        width: 1500px;  /*注意这里是根据图片总长度来确定的，如果小于图片总长度，会出现轮放空白的情况！*/
        height: 375px;  
        -webkit-transition: all 1s ease-in-out;  
        -moz-transition: all 1s ease-in-out;  
        -o-transition: all 1s ease-in-out;  
        transition: all 1s ease-in-out;  
    }  
#con_mm_3 .trans_image_box img{
		display:inline-block;
		margin: 0 auto;
		width: 500px;
	}
#con_mm_3 .trans_image {  
        width: 500px;  /*这些根据需求可自定义*/
        height:375px;  
        float: left;
        margin-left: 0px;  
    }  	
#mid h2
{font-size:14px;
 /*line-height:200%;*/}
#mid p
{
font-size:13px;
line-height:1.6em;
}

.mid_title{
clear:both;
height:38px;
padding-left:5px;
padding-bottom:3px;
background-image:url(titlebg.jpg);
background-repeat: no-repeat;
line-height:44px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
margin:0 auto;
width:100%;
}
.mid_title99{
clear:both;
height:38px;
padding-left:5px;
padding-bottom:3px; 
border-bottom:#CC6600 solid 1px; 
color:#000000;
font-size:14px;
font-weight:bold; 
cursor:pointer;
}
.mid_title99 div{ float:left; line-height:41px; padding-left:7px; padding-right:7px; margin-right:5px; background:#CCCCCC;margin-bottom: 5px;}
.mid_title99 div.hover{background:#C60;color:#000011;}
.mid_title99 div:hover{background:#C60;color:#000011;}
#mm5{display: none;}
.mid_title1{
height:38px;
padding-left:5px;
padding-bottom:3px;
background-image:url(smallbg.jpg);
background-repeat: no-repeat;
line-height:44px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
}
#mid ul li
{
text-indent:0em;
width:100%;
float:left;
line-height:200%; 
vertical-text:top;
border-bottom:0.3px solid #000;
margin-bottom:5pt;
}
	#mid ul li::after{
		display: block;
		content: "";
		height: 0;
		clear: both;
	}
#mid ul li img,#mid ul li div
{
display: inline-block;
}
#mid ul li img{width: 25%;margin-left: 5px;float: left;}
#mid ul li div{width: 70%;padding-left: 10px;float: right;}
.heitit{
font-weight:bold;
display: block;

}
.heijiage{
display:block;
color:#990000;
font-weight:bold;
}
	#mid ul li div dl{display: block;}
.clickbut{
display:block;
float:left;
width:80px;
background-image:url(ico.jpg);
background-repeat: no-repeat;
font-size: 13px;
text-align:center;
line-height:20px;
}
#bott{
clear:both;
width:100%;
/*height:850px;*/
margin-bottom:10px;
}

#bott h2
{
font-size:14px;
}
.bott-left
{
float:left;
clear:both;
width:99%;
/*height:800px;*/
border:0px;
line-height:25pt;
overflow: hidden;
}
.bott-left ul
{
margin-top:10px;

}
.bott-left li{
border:1px solid #ccc;
}
.bott-left p
{
font-size:14px;
line-height: 26px;
}
.bott-left a
{
font-weight:bold;
}
.liimg
{
	width:25%;
	float:left;
	margin: 2px 2px;
}
.liimg img
{
	border:1px solid #ccc;
	display:block;
    width:100%;
	margin-top: 10px;

}
.licon
{float:right;
margin-left:5px;
width:70%;
}
	.licon p{white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
#pubdat
{
padding-top:10px;
text-align:right;

}
#bott-right
{display: none;}
#bott-right ul
{
margin-left:5px;
margin-top:10px;
border:1px solid #ccc;
}
#bott-right li{
margin-top:10px;
height:30px;
font-size:13px;

}
#customerarea{
width:100%;
margin-top:20px;
margin-bottom:5px;
}
#customerarea h2
{
font-size:14px;
}
#cust1
{
width:100%;
}
#cust1 p
{
font-size:14px;
text-indent:2em;
line-height:25pt;
}
#montion img{
	display:block;
	width: 100%;
	}
#cust2
{
width:100%;
}
#cust2 li{
	display:inline;
	float:left;
	margin-left:9px;
	border: dotted #666666 0.3px;
	text-align:center;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	letter-spacing:normal;
	line-height:200%;
}
#cust2 ul li img
{
-width:155px;
-height:116px;
border:0px;
}

table.gridtable {
    width:600px;
	font-size:13px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.gridtable th {
    text-align:center;
	border-width: 1px;
	padding: 8px;
	height:auto;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.gridtable td {
    text-align:left;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}
.pinlun
{
width:1002px;
margin-top:8px;
margin-bottom:5px;
}
.pinlun h2
{
font-size:14px;
}
.fbpinlun{
padding-top:15px;
line-height:150%;
}
form br
{
clear:left;
}
.fbpinlun img{
text-align:center; border:0px;}
.fbpinlun label{float:left;width: 60px;line-height:25px;} 
.fbpinlun input{width: 400px;border:1px solid #808080;} 
.fbpinlun textarea{width:400px;height: 150px;} 
.fbpinlun #b1{margin-left: 80px;margin-top: 5px;width:80px;} 
.fbpinlun #b2{margin-left: 80px;margin-top: 5px;width:80px;} 
#foot{
clear:both;
margin: 10px auto;
width:100%;
background-color:#C7DBF0;
}
#foot .foot_left{
float:left;
width:40%;
}
#foot .foot_right{
float: left;
width:50%;
line-height:22px;
padding-top:15px;
}
.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:20rem;width:10rem;height:10rem;margin:0 auto;}
}
@media screen and (min-width:266px) and (max-width:382px){
#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; }
	

#top{
width:100%;
margin:5px auto;
line-height:1.8em;
font-size:1.4rem;
}
#top .top_left
{
float:left;
font-size:14px;
width:99%;
border:1px solid #ccc;
}
#top .top_left a
{
font-weight:bold;
}
#top .top_left embed
{
 width:100%;
	}
#posright{
width:100%;
height:28px;
font-weight:bold;
padding-top:2px;
}
 #posright h1
{font-size:13px;
 display:inline;}
#posright a{
		display: inline-block;
		width: 60px;
		background:#C0BDBD;
	}
#top .top_left .h1desc
{
font-size:1.3rem;
text-indent:2em;
line-height:2em;
}
#top .h1desc
{
font-size:1.4rem;
text-indent:2em;
line-height:1.7em;
}

#top .top_right
{
float:right;
width:99%;
padding-top:2px;
line-height:150%;
border-top:1px solid #000;
border-bottom:1px solid #000;
}
#top .top_right>div{width: 100%;}
#top .top_right .top_title{
clear:both;
height:38px;
padding-left:5px;
padding-bottom:3px;
background-image:url(titlebg.jpg);
background-repeat: no-repeat;
line-height:44px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
margin:0 auto;
width:100%;
}
#top .top_right .top_title h2{font-size: 16px;font-weight: bold;}		
#top .top_right div{width:100%;}
#top .top_right img
{ width:100%;
 height:120px;
 display:block;
}
#top .top_right form
{
	width:100%;
	border:1px solid #CCC;
	line-height:230%;
	}

#top .top_right form label{display:inline-block;vertical-align: middle; text-align:justify;text-align-last: justify}	
#top .top_right .limt{text-align-last:left;width:60px;color:#ffffff;background-color: #666666; font-size: 10px;letter-spacing: -1.5px;word-wrap: break-word; /* IE */ 
white-space: -hp-pre-wrap; /* HP printers */ 
white-space: -o-pre-wrap; /* Opera 7 */ 
white-space: -pre-wrap; /* Opera 4-6 */ 
white-space: -moz-pre-wrap; /* Mozilla */ 
white-space: pre; /* CSS2 */ 
white-space: pre-wrap; /* CSS 2.1 */ 
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ margin-left: 10px; }
#top .top_right .tit{width:30px;}
#top .top_right form button{display:inline-block;width:60px;height:26px;-margin:0 15px; background:#C60; border-radius:4px; color:#000011;margin-right: 50px;cursor: pointer;}
#top .top_right form button#btn1_cal,#top .top_right form button#btn_cal{margin-left: 50px;}
#top .top_right form button#btn_con{display: none;}	
#top .top_right input{width: 45px;}
#top::after{
		content: "";
		display: block;
		clear: both;
		height: 0;
	}
#mid{
width:100%;
padding-bottom:10px;
padding-top:2px;
line-height:20pt;
font-size:14px;
}
#con_mm_1{
padding-top: 10px;
}	
#con_mm_3{
display:block;
margin-top:15px;	
margin-left:5px;
width: 500px;
height: 375px;
overflow: hidden;
}
 
#con_mm_3 .trans_image_box {  
        width: 1500px;  /*注意这里是根据图片总长度来确定的，如果小于图片总长度，会出现轮放空白的情况！*/
        height: 375px;  
        -webkit-transition: all 1s ease-in-out;  
        -moz-transition: all 1s ease-in-out;  
        -o-transition: all 1s ease-in-out;  
        transition: all 1s ease-in-out;  
    }  
#con_mm_3 .trans_image_box img{
		display:inline-block;
		margin: 0 auto;
	}
#con_mm_3 .trans_image {  
        width: 500px;  /*这些根据需求可自定义*/
        height:375px;  
        float: left;
        margin-left: 0px;  
    }  	
#mid h2
{font-size:14px;
 /*line-height:200%;*/}
#mid p
{
font-size:13px;
line-height:1.6em;
}

.mid_title{
clear:both;
height:38px;
padding-left:5px;
padding-bottom:3px;
background-image:url(titlebg.jpg);
background-repeat: no-repeat;
line-height:44px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
margin:0 auto;
width:100%;
}
.mid_title99{
clear:both;
height:38px;
padding-left:5px;
padding-bottom:3px; 
border-bottom:#CC6600 solid 1px; 
color:#000000;
font-size:14px;
font-weight:bold; 
cursor:pointer;
}
.mid_title99 div{ float:left; line-height:41px; padding-left:7px; padding-right:7px; margin-right:5px; background:#CCCCCC;margin-bottom: 5px;}
.mid_title99 div.hover{background:#C60;color:#000011;}
.mid_title99 div:hover{background:#C60;color:#000011;}
#mm5{display: none;}
.mid_title1{
height:38px;
padding-left:5px;
padding-bottom:3px;
background-image:url(smallbg.jpg);
background-repeat: no-repeat;
line-height:44px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
}
#mid ul li
{
text-indent:0em;
width:100%;
float:left;
line-height:200%; 
vertical-text:top;
border-bottom:0.3px solid #000;
margin-bottom:5pt;
}
	#mid ul li a{display: block;position: relative;height: 100%;}
	#mid ul li::after{
		display: block;
		content: "";
		height: 0;
		clear: both;
	}
#mid ul li img,#mid ul li div
{
display: inline-block;
}
#mid ul li img{width: 25%;margin-left: 5px;float: left;position: absolute;top:10px;}
#mid ul li div{width: 70%;padding-left: 5px;float: right;}
.heitit{
font-weight:bold;
display: block;

}
.heijiage{
display:block;
color:#990000;
font-weight:bold;
}
	#mid ul li div dl{display: block;}
.clickbut{
display:block;
float:left;
width:80px;
background-image:url(ico.jpg);
background-repeat: no-repeat;
font-size: 13px;
text-align:center;
line-height:20px;
}
#bott{
clear:both;
width:100%;
/*height:850px;*/
margin-bottom:10px;
}

#bott h2
{
font-size:14px;
}
.bott-left
{
float:left;
clear:both;
width:99%;
/*height:800px;*/
border:0px;
line-height:25pt;
overflow: hidden;
}
.bott-left ul
{
margin-top:10px;

}
.bott-left li{
border:1px solid #ccc;
}
.bott-left p
{
font-size:14px;
line-height: 26px;
}
.bott-left a
{
font-weight:bold;
}
.liimg
{
	width:25%;
	float:left;
	margin: 2px 2px;
}
.liimg img
{
	border:1px solid #ccc;
	display:block;
    width:100%;
	margin-top: 10px;

}
.licon
{float:right;
margin-left:5px;
width:70%;
}
	.licon p{white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
#pubdat
{
padding-top:10px;
text-align:right;

}
#bott-right
{display: none;}
#bott-right ul
{
margin-left:5px;
margin-top:10px;
border:1px solid #ccc;
}
#bott-right li{
margin-top:10px;
height:30px;
font-size:13px;

}
#customerarea{
width:100%;
margin-top:20px;
margin-bottom:5px;
}
#customerarea h2
{
font-size:14px;
}
#cust1
{
width:100%;
}
#cust1 p
{
font-size:14px;
text-indent:2em;
line-height:25pt;
}
#montion img{
	display:block;
	width: 100%;
	}
#cust2
{
width:100%;
}
#cust2 li{
	display:inline;
	float:left;
	margin-left:9px;
	border: dotted #666666 0.3px;
	text-align:center;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	letter-spacing:normal;
	line-height:200%;
}
#cust2 ul li img
{
-width:155px;
-height:116px;
border:0px;
}
#cust2 li a{
	font-size: 14px;
	}
table.gridtable {
    width:600px;
	font-size:13px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.gridtable th {
    text-align:center;
	border-width: 1px;
	padding: 8px;
	height:auto;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.gridtable td {
    text-align:left;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}
.pinlun
{
width:1002px;
margin-top:8px;
margin-bottom:5px;
}
.pinlun h2
{
font-size:14px;
}
.fbpinlun{
padding-top:15px;
line-height:150%;
}
form br
{
clear:left;
}
.fbpinlun img{
text-align:center; border:0px;}
.fbpinlun label{float:left;width: 60px;line-height:25px;} 
.fbpinlun input{width: 400px;border:1px solid #808080;} 
.fbpinlun textarea{width:400px;height: 150px;} 
.fbpinlun #b1{margin-left: 80px;margin-top: 5px;width:80px;} 
.fbpinlun #b2{margin-left: 80px;margin-top: 5px;width:80px;} 
#foot{
clear:both;
margin: 10px auto;
width:100%;
background-color:#C7DBF0;
}
#foot .foot_left{
float:left;
width:40%;
}
#foot .foot_right{
float: left;
width:50%;
line-height:22px;
padding-top:15px;
}
.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;}
}