@charset "utf-8";
/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea, img {margin:0;padding:0;}
body{ font-size:14px;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif; padding-top:1px; background:#fff;
margin:0;padding:0;} /* CSS Document */

a{
	text-decoration:none;
	color:#4b5054;
	outline:none;}
body {
  min-width: 1200px; }
img{
	border:0px;}

span{
	float:left;}
.logo
{height:70px;}
.logo-txt
{
	height:35px;
	color:red;
	font-size:15px;
}
.pagen{
	display:inline;}
.catalog
{
	height:40px;
	line-height:40px;
	background-color:#175177;
	display: -webkit-box;
    display: -moz-box;
    display: box;
	font-size:17;
}
.t1,.t2,.t3
{
	-webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
		color:white;
		text-align:center;
}
.t1
{
color:#d9ef1c;
}
.cata{
	color:white;
	margin-left:16px;}
.con1
{   
margin:10px auto;
}
.con2,.con3
   {
	display:none;
	overflow:hidden
	}

.con1s
{
margin:10px auto;
border:3px #175177 dashed;
border-radius:5px;
width:360px;
height:630px;
}


.black{
	color:white;}
.red{
	color:#d9ef1c;}

.txt{
	margin:10px;
	font-size:16px}

.ppic
{ height:120px;
width:150px;

margin:13px;
float:left;
text-align:center;
	}
	
.sppic
{ height:100px;
width:150px;
border:2px grey ;
border-style: solid ;
}




.topnav{
	height:30px;
	line-height:30px;
	color:#4b5054;
	background:#cdd6db}
.lspan{
	min-width:120px;
	text-align:center;
	font-size:15px;}
.rspan{
	min-width:60px;
	margin-right:20px;
	float:right}

.nav
{
	height:60px;
	width:100%;
	line-height:60px;
	display: -webkit-box;
    display: -moz-box;
    display: box;
	z-index:2;
		position:absolute;
}
.navs, .navs3, .navs4
{
	-webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
	color:black;
	text-align:center;
	font-size:17px;
	background: -webkit-linear-gradient( #ffffff , #bcbbbb); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient( #ffffff , #bcbbbb); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient( #ffffff , #bcbbbb); /* Firefox 3.6 - 15 */
    background: linear-gradient( #ffffff , #bcbbbb); /* 标准的语法（必须放在最后 */
}
.navslogo{
	-webkit-box-flex: 2;
    -moz-box-flex: 2;
    box-flex: 2;
	color:white;
	text-align:center;
	font-size:17px;
	background: -webkit-linear-gradient( #ffffff , #bcbbbb); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient( #ffffff , #bcbbbb); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient( #ffffff , #bcbbbb); /* Firefox 3.6 - 15 */
    background: linear-gradient( #ffffff , #bcbbbb); /* 标准的语法（必须放在最后） */
	}

.navs:hover {
	color:white;
	background: -webkit-linear-gradient( #ffffff , #bcbbbb); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient( #ffffff , #bcbbbb); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient( #ffffff , #bcbbbb); /* Firefox 3.6 - 15 */
	background: linear-gradient( #5d93a4 , #3c6e7e);}

.nav > .navs div{
	color:black;
	background: -webkit-linear-gradient( #ffffff , #bcbbbb); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient( #ffffff , #bcbbbb); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient( #ffffff , #bcbbbb); /* Firefox 3.6 - 15 */
	background: linear-gradient(  #ffffff , #bcbbbb);
	display:none;
	}

.nav > .navs div:hover {
	border:2px white solid;
	color:white;
	background: -webkit-linear-gradient(#5d93a4 , #3c6e7e); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#5d93a4 , #3c6e7e); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#5d93a4 , #3c6e7e); /* Firefox 3.6 - 15 */
	background: linear-gradient( #5d93a4 , #3c6e7e);}
	
.navlast{
	border-radius:0px 0px 9px 9px;}
	
.nav > .navs:hover div{
	display:block;
		}

.navs div {
	 background-color:#6d7e8a;
}

.nav a{
	text-decoration:none;
	color:black;
	}
.nav a:hover{
	text-decoration:none;
	color:white;
	}

.verline{
	width:2px;
	background: -webkit-linear-gradient(#bcbbbb, #ffffff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#bcbbbb, #ffffff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#bcbbbb, #ffffff); /* Firefox 3.6 - 15 */
    background: linear-gradient(#bcbbbb, #ffffff); /* 标准的语法（必须放在最后） */
	}
.navtopline{
	height:5px;
	background: -webkit-linear-gradient(#bcbbbb, #ffffff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#bcbbbb, #ffffff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#bcbbbb, #ffffff); /* Firefox 3.6 - 15 */
    background: linear-gradient(#bcbbbb, #ffffff); /* 标准的语法（必须放在最后） */
	}
.navbotline{
	height:2px;
	background: -webkit-linear-gradient(#ffffff,#9e9e9e); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#ffffff,#9e9e9e); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#ffffff,#9e9e9e); /* Firefox 3.6 - 15 */
    background: linear-gradient(#ffffff,#9e9e9e); /* 标准的语法（必须放在最后） */
	}

/*middle part*/
.mpart{
	width:1000px; 
	background:grey;
	margin:auto;
	}
.ml{
	width:690px;
	overflow:hidden;
	height:370px;
	float:left
	}
.mr{
	width:260px;
	margin-right:18px;
	border:solid #f6f6f6 2px;
	float:left;
	word-wrap:break-word;
	height:370px;
	}
.mr1{
	width:310px;
	
	border:solid #f6f6f6 2px;
	float:left;
	word-wrap:break-word;
	height:280px;
	}
.mr2{
	width:310px;
	margin-left:15px;
	border:solid #f6f6f6 2px;
	float:left;
	word-wrap:break-word;
	height:280px;
	}
.mrupper1{
	padding:20px;
	height:160px;
	}
.mrupper{
	padding:10px 10px 30px 10px;
	height:100px;
	overflow:hidden;
	}
.mruppername{
	color:#535252;
	margin-bottom:10px; 
	width:100%; 
	font-size:22px;}
.mruppert{
	color:#666;
	height:75px;
	overflow:hidden; }
.mrlower{
	
	background:;
	}


.intro{
	background-color:#adc2ad;
	font-size:18px
	}
.intro p{
	margin-left:30px;
	margin-right:30px;
	background-color:#adc2ad;
	 }
.table1{
	color:white; 
	background-color:#fba51a; 
	font-size:18px; 
	float:left;
	height:35px;
	line-height:35px;
	width:100px;
	text-align:center;
	}
.table2{
	color:black; 
	background-color:#eeeeee; 
	font-size:18px; 
	float:left;
	height:35px;
	line-height:35px;
	width:220px;
	text-align:center;
	}

.line{
	background-color:white;
	height:1px;
	width:320px;
	float:left;
	}

.title{
	margin:20px;
	font-size:20px;}
.titleng{
	color:grey;
	font-size:15px;
	}
	
.pimg{
	margin:40px;
	float:left;
    }
.pimg img{
	border:3px black solid;
	}
	
.pimgs{
	margin:20px;
	float:left;
    }
.pimgs img{
	border:3px black solid;
	}
.pp{
	
	margin-top:-10px;
	margin-left:30px;
	margin-right:30px;
	float:left;
	font-size:17px;
	background-color:#eeeeee; }

/* css for product */
.mainpic{
	margin:auto; 
	width:1100px
	}

.mainpic p{
	margin:20px;
	font-size:18px;}
	
.pdetail{
	width:1000px; 
	background:grey;
	margin:auto;
	margin-bottom:40px;
	}
.pdetail img{
	width:100%;
	}
.pdetail p{
	padding:10px 20px;
	font-size:16px;
	}

/* css for news */

.bigframe{
   
	width:800px;
	font-size:20px;
	margin-bottom:70px;
	margin-top:30px;
	text-align:center;
	overflow:hidden;
	float:left;
	}
.listpage{
	color:white;
	background-color:green;
	width:100px;
	height:40px;
	line-height:40px;	
	}
.newsline {
	float:left;
    height: 2px;
	width:100%;
	background-color:green;
}
.bigframe p{
	text-align:left;
	line-height:25px;
         }
.bigframe img{
	text-align:center;
	margin:15px;
	}

.smallframe{
	border:2px solid green; 
	width:300px;
    margin:29px 0px 60px 10px;
	float:left;
	text-align:center;
	}
.smalltitle{
	width:300px;
	height:40px;
	line-height:40px;
	font-size:20px;
	color:white;
	text-align:center;
	background-color:green;
	}
.morenews{
	margin:auto;
	width:250px;
	height:240px;
	
	margin-top:20px;
	}
.morenews img{
	width:250px;
	height:140px;
	}
.morenews p{
	text-align:left;
	}
/* css for newstitlelist */
.autoframe{
	margin:auto;
	width:1200px;}
.titleframe{
	width:800px;
	font-size:20px;
	margin-bottom:70px;
	margin-top:30px;
	overflow:hidden;
	float:left;
	}
.titlelistpage{
	color:white;
	background-color:#03C;
	width:100px;
	height:40px;
	line-height:40px;
	text-align:center;	
	}
.titlearea{
	width:800px;
	height:170px;
	float:left;
	margin-bottom:10px;}
.titlearea:hover{
	background-color:#caf4f9;
	width:800px;
	float:left;}
.titlel{
	margin-top:5px;
	float:left;
	width:300px;
	height:160px;
	overflow:hidden;
	margin-right:10px;}
.titlel img{
	width:300px;
	height:160px;}
.titler{
	font-size:20px;
	width:470px;
	float:left;
	overflow:hidden;
	padding:10px 20px 0px 0px;}
.titletxt{
	width:470px;
	overflow:hidden;}
.titlehint{
	margin-top:60px;
	margin-left:5px;
	border-radius:5px;
	border:1px solid green;
	color:black;
	padding:5px;
	float:right;}
.titlehint:hover{
	margin-top:60px;
	margin-left:5px;
	border-radius:5px;
	color:white;
	background-color:green;
	padding:5px;
	float:right;}

.titlearea:hover .titler .titlehint{
	margin-top:60px;
	margin-left:5px;
	border-radius:5px;
	color:white;
	background-color:green;
	padding:5px;
	float:right;}

.titlearea:hover .titlel img{
	width:320px;
	height:180px;
	margin:-10px 0px 0px -10px;}