@charset "utf-8";
/* CSS Document */
html{font-size:62.5%;}
body{ padding:0; margin:0;  font:normal 12px/180% "宋体"; color:#000000;text-align:center; background:#ebebeb; font-size:1.2rem;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 12px/180% "宋体";font-size:1.2rem;}
li,p{text-align:left;font:normal 12px/180% "宋体";font-size:1.2rem;}
a:link,a:visited{color:#000000; text-decoration:none;}
a:hover{color:#000000; text-decoration:underline;}
img{ border:none;}
ol,ul,li{list-style:none;}
em,i{ font-style:normal;} 
/*clear*/
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
/*other*/
h1,h2,h3,h4,h5,h6{ text-align:left;font:normal 12px/180% "宋体";font-size:1.2rem;}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.m10{ margin:10px auto;}
.w980{ width:980px;}
.list_14 li{ background:url(images/dot.gif) no-repeat 0 12px; padding-left:12px;font-size:14px;font-size:1.4rem;}
.list_12 li{ background:url(images/dot.gif) no-repeat 0 8px; padding-left:12px;}
.fl{ float:left;}
.fr{ float:right;}
.red,.red a:link,.red a:visited,.red a:hover{ color:#cc3333;}
.gray,.gray a:link,.gray a:visited,.gray a:hover{ color:#666666;}
.withe,.withe a:link,.withe a:visited,.withe a:hover{ color:#fff;}
/*top*/
.top_pic{ background:url(images/top_01.jpg) top center no-repeat #e4e4e2; height:1044px; position:relative;}
.top_pic .logo{ position:absolute; background:url(images/logo.png) no-repeat; width:597px; height:274px; top:110px; right:5%;}
.top_pic .title{ position:absolute; top:455px; right:4%; width:520px; height:480px;}
.top_pic .title h1{ font:bold 36px/160%  \5FAE\8F6F\96C5\9ED1; padding:15px 0 4px;font-size:3.6rem;}
.top_pic .title p{ font:normal 24px/140%  \5FAE\8F6F\96C5\9ED1;font-size:2.4rem;}
.top_pic .up{ position:absolute; right:10px; width:80px; height:80px; curosr:pointer; background:url(images/icon01.gif) no-repeat;}

/*p1*/
.p1_nav01{ background:#ebebeb; height:108px;}
.p1_nav01 .fr{ padding-top:15px; padding-right:10px;}
.p1_nav01 .fr img{ vertical-align:middle;}
.p1_nav01 .fr img.down{ curosr:pointer;}
.p1_nav02{ background:#cc3333; height:50px; overflow:hidden;}
.p1_nav02 .fl{font:bold 18px/50px  \5FAE\8F6F\96C5\9ED1;font-size:1.8rem;}
.p1_nav02 .fl  a{ padding:0 20px;}
.p1_nav02 .fr{ padding-right:80px; padding-top:22px; width:90px; overflow:hidden;}
.p1_nav02 .fr img{ vertical-align:middle; margin-left:20px;}
.p1_nav03{ background:#e3e3e3; padding-left:20px; margin-bottom:50px;}

.p1_content{ width:100%; clear:both; position:relative;}
.p1_content .left{ width:340px; background:#f1f1f1; position: absolute; top:0; left:0; z-index:5; float:left;}
.p1_content .right{width:100%;  position: absolute;top:0; left:0;}
.p1_content .right .rt_content {margin-left:360px;} 

.p1_content .left .sousuo{ background:#fff; padding-bottom:20px;}
.p1_content .left .sousuo div{ text-align:center; padding:40px 20px 20px;}
/*.p1_content .left .sousuo div input{ border:#cc3333 1px solid; height:38px; line-height:38px; vertical-align:middle; width:200px;}
.p1_content .left .sousuo div img{vertical-align:middle;}*/
.sousuo div .input01{ border:#cc3333 1px solid; height:38px; line-height:38px; vertical-align:middle; width:60%;}
.sousuo div .input02{vertical-align:middle; background:#cc3333; width:70px; height:40px; color:#fff; line-height:40px; text-align:center; border:none; font-size:14px;}
.p1_content .left .sousuo p{ display:block; padding:0 10px 20px 20px;}
.p1_content .left .sousuo p i{ padding:8px 8px; font-size:14px; margin:0 -5px 0 0; line-height:240%;font-size:1.4rem;}
.p1_content .left .sousuo p i.t01{ background:#cc9999;}
.p1_content .left .sousuo p i.t02{ background:#99cccc;}
.p1_content .left .sousuo p i.t03{ background:#999999;}
.p1_content .left .sousuo p i.t04{ background:#99cc99;}
.p1_content .left .sousuo p i.t05{ background:#cccccc;}
.p1_content .left .sousuo p i.t06{ background:#cc99cc;}
.p1_content .left .sousuo p i.t07{ background:#9999cc;}
.p1_content .left .sousuo p i.t08{ background:#cccc99;}
.p1_content .left h2{font:bold 24px/50px  \5FAE\8F6F\96C5\9ED1; padding:20px 0 10px 20px;font-size:2.4rem;}

.p1_content .left ol{ background:url(images/no.gif) 0 5px no-repeat; margin:0 5px 20px 16px;}
.p1_content .left ol li{ font-size:16px; line-height:36px; padding-left:22px;font-size:1.6rem;}
.p1_content .left .line{ clear:both; background:#dfdfdf; height:1px; overflow:hidden; margin:20px auto;}
.p1_content .left .pic01{ width:270px; margin:5px auto;}
.p1_content .left .pic01 li{ padding:5px 0;}
.p1_content .left .pic01 img{ display:block; margin-bottom:8px;}
.p1_content .left .liuyan{ width:280px; margin:5px auto;}
.p1_content .left .liuyan li{ border-bottom:#ccc 1px dotted; background:url(images/dot.gif) 2px 20px no-repeat; line-height:210%; padding:10px 0 10px 18px;}
.p1_content .left .liuyan02{ width:300px; margin:5px auto;}
.p1_content .left .liuyan02 dt{ font-size:14px;font-size:1.4rem;}
.p1_content .left .liuyan02 input{ vertical-align:middle; border:none; background:#fff; height:22px; width:250px;}
.p1_content .left .liuyan02 textarea{ width:300px; height:110px; border:none; background:#fff; overflow:hidden; margin-top:20px;}
.p1_content .left .liuyan02 dd{ text-align:center;}
.p1_content .left .liuyan02 dd img{ margin:15px;}
.p1_content .left .wx{ width:280px; margin:0 auto; padding:20px 0;}
.p1_content .left .wx dt{ text-align:center; padding-bottom:10px;font:bold 14px/180%  \5FAE\8F6F\96C5\9ED1;font-size:1.4rem;}
.p1_content .left .wx dt img{ display:block; margin:10px auto;}
.none{ display: block;}

.pic_list{width:100%;height:auto;}
	#tiles{list-style-type:none;position:relative;margin:0px auto 20px;}
	#tiles li{ width:430px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;cursor: pointer;float:left; text-align:center; background:#fff;}
	#tiles li em img {display: block;width:100%; height:auto;}
	#tiles li p{ padding:20px 20px 10px 25px;}
	#tiles li b{ display:block;font:bold 18px/180%  \5FAE\8F6F\96C5\9ED1;font-size:1.8rem;}
	#tiles li span{ font-size:14px; line-height:210%; display:block; text-indent:2em;font-size:1.4rem;}
	/*#tiles li div{ text-align:right;}
	#tiles li div img{ margin:0 20px 20px 0;}*/

	.page_n2{font-size:14x;margin:30px auto; clear:both; text-align:center;font-size:1.4rem;}
	.page_n2 a{font-size:14px; padding:8px 12px 6px; border:#ccc 1px solid; background:#fff; margin:0 8px;font-size:1.4rem;}
	.page_n2 a:hover{ text-decoration:none; background:#cc3333; color:#fff;}


.line_list{ width:100%; margin:0 auto;}
.line_list ul li{ background:#fff; padding:20px 20px 20px 25px; width:90%; float:left; margin:0 auto 20px;}
.line_list ul li em{ float:left; /*width:230px;*/ display:block; padding-right:20px;}
.line_list ul li em img{ width:230px; height:auto;}
.line_list ul li p{}
.line_list ul li p b{ display:block;font:bold 18px/180%  \5FAE\8F6F\96C5\9ED1;font-size:1.8rem;}
.line_list ul li p span{ font-size:14px; line-height:210%; display:block; text-indent:2em;font-size:1.4rem;}
/*.line_list ul li div{ text-align:right;}
.line_list ul li div img{ margin-left:15px;}*/

.copyright{ background:#dddddd; text-align:center; padding:30px 0; clear:both; position: relative; margin-top:50px;}


/*搜索*/
.search_list{ background:#fff; width:80%; margin:30px auto; padding:20px;}
.search_list span{ display:block; border-bottom:#cc3333 2px solid; color:#606060; padding:2px 0 10px;}
.search_list ul li{ font-size:16px; padding:8px 0; border-bottom:#a6a0a0 1px dotted;font-size:1.6rem;}
.search_list ul li strong{ display:block; display:block; padding:5px 0;}
.search_list ul li p{ font-size:16px; text-indent:2em; line-height:210%;font-size:1.6rem;}
.search_list ul li em{ font-size:12px; color:#989898; display:block;font-size:1.2rem;}
/*留言*/
.liuyan_con{ background:#fff; width:80%; padding:2px; margin:0 auto; height:auto; overflow:hidden;}
.liuyan_con li{ border:#efece3 1px solid; background:url(images/icon10.gif) top left no-repeat #fff; padding:15px; margin-bottom:5px;}
.liuyan_con li strong{ display:block; font-size:16px;font-size:1.6rem;}
.liuyan_con li p{ font-size:16px; padding:8px 0; color:#856230;font-size:1.6rem;}
.liuyan_con li span{ color:#856230; display:block; font-size:14px;font-size:1.4rem;}


/*20140822*/
.pic_list{padding-bottom:100px;}
#tiles li div.con{display:block; padding:20px 20px 10px 25px;}
#tiles li h3{ display:inline-block; font:bold 18px/180%  \5FAE\8F6F\96C5\9ED1;font-size:1.8rem;}
#tiles li em{ display:inline-block; font:normal 12px/240% "SimSun"; font-size:1.2rem; color:#5f5f5f;}
#tiles li div.more{ text-align:right;}
#tiles li div.more img{ margin:0 20px 20px 0; float:right;}

.line_list ul li div.con{}
.line_list ul li div.con h3{ display:block;font:bold 18px/180%  \5FAE\8F6F\96C5\9ED1;font-size:1.8rem;}
.line_list ul li div.con em{ display:block; width:auto; float:none; padding-right:0; font:normal 12px/240% "SimSun"; font-size:1.2rem; color:#5f5f5f;}
.line_list ul li div.con span{ font-size:14px; line-height:210%; display:block; font-size:1.4rem;}
.line_list ul li div.more{ text-align:right; }
.line_list ul li div.more img{ margin:0 20px 20px 0;; float:right;}


/*fanye*/
#navigatediv{
		color:#000;
		text-align:center;
		padding:20px 0 20px 0px;
		width:880px;
		clear:none;
}

.pagenavigate{
		border:1px solid #78cdd1;
		width:20px;
		height:20px;
		line-height:20px;
		text-align:center;
		background-color:#90d7ec;
		/*float:left;*/
		margin:0 2px;		
		display:inline-block;
		padding:0 2px;
}

.pagenext,.pagelast,.pagefirst,.pagepre{
	border:1px solid #78cdd1;
	width:auto;
	height:20px;
	line-height:20px;
	text-align:center;
	/*float:left;*/
	margin:0 1px;		
	display:inline-block;
	padding:0 2px;
}

.pagenavigate a{
		width:20px;
		height:20px;
		color:#fffef9;
		background-color:#90d7ec;
		text-decoration:none;
}


.pagenext a,.pagelast a,.pagefirst a,.pagepre a{
	width:40px;
	height:20px;
	color:#009ad6;
	font-size:12px;
	text-decoration:none;
	
}
/*#contents{
	height:150px;	
}*/
.pagenavigateon{
		border:1px solid #78cdd1;
		width:20px;
		height:20px;
		line-height:20px;
		text-align:center;
		color:#ff0000!important;
		background-color:#90d7ec;
}

.pagenavigateon a{
		color:#ff0000;
		text-decoration:none;
}


/*20140825*/
.top_pic .title p{ text-indent:-1.2em;}
#tiles li span{ text-indent:0em;}

/* MEDIA QUERIES PAD
---------------------------------------------------------------------- */

/*
@media (min-device-width:768px) and (max-width:1280px),
       screen and (max-device-width:1280px),
	   (max-device-width:1280px) and (orientation:landscape),
       (min-device-width:768px) and (max-device-width:1000px) and (orientation:portrait) {
		   html{font-size:62.5%;}
		   
		  
.top_pic{ background:url(images/top_02.jpg) top center no-repeat #e4e4e2; height:680px; position:relative;}
.top_pic .logo{ position:absolute; background:url(images/logo002.png) no-repeat; width:343px; height:158px; top:110px; right:5%;}
.top_pic .title{ position:absolute; top:290px; right:4%; width:360px; height:290px;}
.top_pic .title h1{ font:bold 20px/160%  \5FAE\8F6F\96C5\9ED1; padding:15px 0 4px;font-size:2.0rem;}
.top_pic .title p{ font:normal 13px/140%  \5FAE\8F6F\96C5\9ED1;font-size:1.3rem;}

.p1_nav01{ background:#ebebeb; height:108px;}
.p1_nav01 .fr{ padding-top:15px; padding-right:10px;}
.p1_nav01 .fr img{ vertical-align:middle;}
.p1_nav01 .fr img.down{ curosr:pointer;}
		   
.p1_nav02 .fl  a{ padding:0 8px;}	 
	
	  
	   }
	   
	   */
/* MEDIA QUERIES PAD
---------------------------------------------------------------------- */
/*

@media (min-device-width:768px) and (max-width:1000px),
       screen and (max-device-width:1000px),
       (min-device-width:768px) and (max-device-width:1000px) and (orientation:portrait) {
		
.p1_nav01{ background:#ebebeb; height:220px;}
.p1_nav01 .fl{ float:none; text-align:center; width:100%;}
.p1_nav01 .fr{ padding-top:15px; padding-right:0px; text-align:center; float:none; width:100%;}
.p1_nav01 img{ vertical-align:middle; margin:0 auto;}

.p1_nav02 .fl  a{ padding:0 4px; font-size:16px;}
.p1_nav02 .fr{ padding-right:0;}


	

  
	   }
	   
	   */
	   /* MEDIA QUERIES Mobile phone
---------------------------------------------------------------------- */	   
	/*   
@media (min-device-width:320px) and (max-width:689px),
       (max-device-width:480px) and (orientation:portrait)
	   {
html{font-size:80.4%;}
.none,.p1_nav03{ display:none;}

.top_pic{ background:url(images/top_03.jpg) top center no-repeat #e4e4e2; height:480px; position:relative;}
.top_pic div{ display:none;}
.top_pic .up{ display:block; position:absolute; right:12px; width:36px; height:36px; curosr:pointer; background:url(images/icon01b.gif) no-repeat;}
.top_pic .up img{ display:none;}
.p1_nav01{ background:#ebebeb; height:255px;}
.p1_nav01 .fl img{ width:295px; height:auto;}
.p1_nav02{ overflow: hidden; background:#cc3333; height:100px;}

.p1_content .left{ width:320px; background:#f1f1f1; position:relative; top:0; left:0; z-index:5; float:none;}
.p1_content .right{width:100%;  position:relative;}
.p1_content .right .rt_content {margin-left:0px; padding:0;} 
	
.pic_list{width:320px;height:auto; margin-left:-175px;}
#tiles{list-style-type:none;position:relative;margin:0px auto 20px; top:0; left:0; width:320px;}	   
#tiles li{ width:320px; float:left; margin:15px auto;}
.liuyan_con{ width:99%; margin:10px auto;}	
		   }
		   
		   */

