@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:#fff; 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:none;}
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; font-weight:bold;}
.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(top_01.jpg) top center no-repeat #ebebeb; height:750px; position:relative;}
.top_pic .logo{ position:absolute; background:url(logo1.png) no-repeat; width:500px; height:330px; top:200px; right:12%;}
.top_pic .title1{ position:absolute; top:15px; right:11%; width:650px; height:50px;}
.top_pic .title1 h1{ font:bold 20px/180%  \5FAE\8F6F\96C5\9ED1; padding:15px 0 4px;font-size:2.1rem;}
.top_pic .title{ position:absolute; top:560px; right:11%; width:450px; height:230px;}
.top_pic .title p{ font:normal 20px/200%  \5FAE\8F6F\96C5\9ED1;font-size:2.1rem;}

/*con*/
#con {width:1000px; height:100%; margin:0px auto;}
#con ul{margin:60px 0px 0px 0px; padding-bottom:60px; border-bottom:dashed #cccccc 3px;}
#con li{padding:0px; margin:0px; clear:both; line-height:0px;}

#foot {margin:0px auto; height:235px; width:1000px; text-align:center;}


/* 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) {
		   
		   /*top*/

.top_pic{ background:url(top_01.jpg) top center no-repeat #ebebeb; height:750px; position:relative;}
.top_pic .logo{ position:absolute; background:url(logo1.png) no-repeat; width:500px; height:330px; top:200px; right:5%;}
.top_pic .title1{ position:absolute; top:15px; right:4%; width:650px; height:50px;}
.top_pic .title1 h1{ font:bold 16px/160%  \5FAE\8F6F\96C5\9ED1; padding:15px 0 4px;font-size:1.6rem;}
.top_pic .title{ position:absolute; top:560px; right:4%; width:350px; height:230px;}
.top_pic .title p{ font:normal 16px/160%  \5FAE\8F6F\96C5\9ED1;font-size:1.6rem;}
	
	  
	   }
/* 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) {
		
	

  
	   }
	   /* MEDIA QUERIES Mobile phone
---------------------------------------------------------------------- */	   
	   
@media (min-device-width:320px) and (max-width:689px),
       (max-device-width:480px) and (orientation:portrait)
	   {
.top_pic{ background:url(top_01.jpg) top center no-repeat #ebebeb; height:750px; position:relative;}
.top_pic .logo{ position:absolute; background:url(logo1.png) no-repeat; width:500px; height:330px; top:200px; right:5%;}
.top_pic .title1{ position:absolute; top:15px; right:4%; width:650px; height:50px;}
.top_pic .title1 h1{ font:bold 16px/160%  \5FAE\8F6F\96C5\9ED1; padding:15px 0 4px;font-size:1.6rem;}
.top_pic .title{ position:absolute; top:560px; right:4%; width:350px; height:230px;}
.top_pic .title p{ font:normal 16px/160%  \5FAE\8F6F\96C5\9ED1;font-size:1.6rem;}
		   }