@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 12px/200% "微软雅黑"; color:#000000;text-align:center; background:url(images/bg00.jpg);}
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/200% "微软雅黑";}
li,p{text-align:left;font:normal 12px/200% "微软雅黑";}
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/200% "微软雅黑";}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.m10{ margin:10px auto;}
.w1000{ width:1000px;}
.w1200{ width:1200px;}
.list_14 li{ background:url(images/dot.gif) no-repeat 0 12px; padding-left:12px;font-size:14px;}
.list_12 li{ background:url(images/dot.gif) no-repeat 0 8px; padding-left:12px;}
.fl{ float:left;}
.fr{ float:right;}
.white,.white a:link,.white a:visited,.white a:hover{ color:#fff;}

/*top*/
.bg_top{ background:url(images/bg01.jpg) top center no-repeat;}
.top01{ background:url(images/top01.jpg) top center no-repeat; height:554px; overflow:hidden;}
.top02{ background:url(images/top02.jpg) top center no-repeat; height:554px; overflow:hidden;}
.top03{ background:url(images/top03.jpg) top center no-repeat; height:554px; overflow:hidden;}

.top_car{ background:url(images/top_car.jpg) top center no-repeat; height:554px; overflow:hidden;}


.shipin{ text-align:center; padding:20px 0;}
.shipin img{ margin:0 auto;}
.shipin p{ font-size:18px; text-align:center; display:block; padding:10px;}

.title{ text-align:center; background:url(images/line.png) center repeat-x; margin:20px auto;}
.title b{ font-size:34px; background:url(images/bg00.jpg); padding:0 20px; font-weight:normal;}

.pic_con{ width:1100px;}
.pic_con ul{}
.pic_con ul li{ position:relative; width:437px; height:437px; float:left; margin:20px 55px;}
.pic_con ul li img{ position:absolute; z-index:0; top:70px; left:135px;}
.pic_con ul li em{ display:block; position:absolute; background:url(images/bg02.png) no-repeat; z-index:1; width:437px; height:437px; top:0; left:0;}
.pic_con ul li b{ position: absolute; z-index:10; font-size:18px; display:block; width:330px; height:30px; top:245px; left:60px; text-align:center; overflow:hidden;}
.pic_con ul li b,.pic_con ul li b a:link,.pic_con ul li b a:visited,.pic_con ul li b a:hover{ color:#b70e1c;}
.pic_con ul li p{ width:330px; height:110px; display:block; overflow:hidden; position: absolute; z-index:10; font-size:18px; top:285px; left:55px;}


.link01{ font-size:18px; border-bottom:#d79393 1px solid; border-top:#d79393 1px solid; height:87px; line-height:87px;color:#fde0b6; margin:20px auto;}
.link01 a{ padding:0 10px;}
.link01 a:link,.link01 a:visited,.link01 a:hover{color:#fde0b6;}

.title02{ text-align:center; font-size:34px; margin:20px auto;}
.link02 img{ float:left; margin:20px 18px;}

.team{ font-size:18px; padding:20px 0;color:#fde0b6;}

.copyright{ text-align:center;color:#fde0b6; padding:20px 0;}


/* MEDIA QUERIES Mobile phone
---------------------------------------------------------------------- */	   	   
@media (min-device-width:320px) and (max-width:689px),
       (max-device-width:480px)
	   {
.bg_top{
	min-width: 1000px;
}
.pic_con {
    width: 1000px;
}
.pic_con ul li {
    margin: 20px 30px;
}
}