@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑";color:#666;line-height:24px; background:#fff;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form{ margin:0px; padding:0px;}
ul,li{ list-style:none}
img{border:0px; padding:0px;}
a{ color:#5c5c5c; text-decoration:none}
.clear{ clear:both;font-size:0px; line-height:0px}
.left{ float:left}
.right{ float:right}
.hidden{display:none;}
*html{background-image:url(d); background-attachment:fixed;}

.banner{ width:640px; overflow:hidden; margin:0 auto; line-height:0px;}
.main{ width:640px; overflow:hidden; margin:0 auto; line-height:0px;}
.main01 .title{ margin-top:30px; margin-bottom:25px;}
.main02 .title{ margin-top:40px; margin-bottom:25px;}
.main02 ul{ margin-left:20px; float:left; width:100%;}
.main02 ul.ul{ margin-bottom:40px;}
.main02 ul li{ width:190px; height:60px; display:block; border:1px solid #cdcccc; float:left; margin-right:12px;}
.main02 ul li:nth-child(3){ margin-right:0px;}
.main02 ul li:nth-child(6){ margin-right:0px;}
.main02 ul span{ width:190px; height:49px; display:block; text-align:center; line-height:39px; float:left; font-size:20px; color:#5f605f; margin-right:12px;} 
.main02 ul li a{ width:100%; height:90%; display:block; font-size:20px; color:#5f605f; line-height:24px; text-align:center; margin-top:10%;}
.main02 ul li:nth-child(2) a{ margin-top:4%;}
.main02 ul li:nth-child(3) a{ margin-top:4%;}
.main02 ul.ul li:nth-child(1) a{ margin-top:4%;}
.main02 ul.ul li:nth-child(3) a{ margin-top:10%;}
.main02 .but{ display:block; margin-top:41px; margin-bottom:50px;}
.main02 em{ width:60%; height:40px; font-size:24px; color:#171616; font-style:normal; display:block; background:#ffbe34; line-height:40px; text-align:center; margin:0 auto;}
.main03{ overflow:hidden; margin-top:28px;}
.main03 ul li{ font-size:18px; color:#5f605f; line-height:24px; margin-bottom:15px;}
.main03 ul{ padding-left:52px; background:url(../images/m3_ul.jpg) no-repeat 3% 6%;}
.main04{ margin-top:20px;}

@media(min-width:640px){
body,html{width:640px;height:100%; margin:0px auto; }
.title_05{width:100%; height:52px; line-height:52px; text-align:center;font-size:27px; font-family:"微软雅黑";background:#ea4c5a; color:#fff; overflow:hidden; margin-top:50px;}
.font{width:100%; margin:0 auto; overflow:hidden; height:auto; background:#f4f4f4;}
.font dl{ width:25%; float:left; text-align:center; margin:18px auto; }
.font dl dt a{display:block;width:105px; height:105px;text-align:center; margin:0 auto; overflow:hidden;zoom:1;}
.font dl dd{ width:100%;text-align:center;margin:10px auto 0;}
.font dl dd a{color:#999999; font-size:20px;}
.font .dt1 a{ background: url(../images/font_1.png) no-repeat;}
.font .dt2 a{ background: url(../images/font_2.png) no-repeat;}
.font .dt3 a{ background: url(../images/font_3.png) no-repeat;}
.font .dt4 a{ background: url(../images/font_4.png) no-repeat;}
.font p{color: #999999;font-size: 20px;margin: 0 0 6% 13%;line-height: 24px;}
.font p span{ color:#ea5452}

.qwc{width:86%; height:205px; margin:0 auto; overflow:hidden;}
.pl{width:100%; height:auto; margin:0px auto 0; overflow:hidden;}
.pl p{color:#666666; font-size:12px;margin-bottom:5px;}
.pl p span{color:#cccccc; margin-left:10px;}
.pl .xh{width:100%; height:0; border-bottom:1px dashed #d7e4f5; padding-bottom:5px}
.pl .zan{float:right;cursor:pointer; font-size:12px; color:#999999; height:25px; line-height:25px; }
.pl .zan img{ margin-top:-5px;}
.pl_k .jz{width:100%; height:25px; cursor:pointer; background:#dbdbdb; text-align:center; line-height:25px;font-size:12px; margin-top:20px}
.adress{text-align:center; padding:46px 0 63px; background:#fff;}
.adress p{ color:#666666; font-size:20px; line-height:36px;}

.bottom{width:100%; height:60px; background:#ea4c5a; font-size:24px; line-height:60px;}
.bottom p{text-align:center; overflow:hidden; width:596px; margin:0 auto;}
.bottom a{ display:block; float:left; width:129px;color:#fff; }
.bottom span{ width:24px;float:left; display:block;color:#fff;}
.bottom .bot_nav{width:90%;margin:0 auto;}
.bottom .bot_nav li{width:24%; float:left;height:14px; padding:8px 0;}
.bottom .bot_nav a{ height:14px; line-height:14px; text-align:center; font-size:12px; color:#fff; border-right:1px solid #fff; display:block}
.bottom .bot_nav li:nth-child(4) a{border:none}
.fhdb a{width:100%; display:block; border-top:1px solid #e5e5e5; text-align:center;color:#999999; font-size:24px; line-height:52px }
.fhdb{ background:#f3f3f3;}
}
@media(max-width:480px){
body,html{ width:100%; height:auto; margin:0 auto;}	
.banner{ width:auto;}
.main{ width:auto;}	
.main02 ul{ margin-left:10px;}
.main02 ul.ul{ margin-bottom:25px;}
.main02 ul li{ width:30%; height:50px; display:block; border:1px solid #cdcccc; float:left; margin-right:10px;}
.main02 ul span{ width:30%; height:41px; display:block; text-align:center; line-height:39px; float:left; font-size:16px; color:#5f605f; margin-right:10px;} 
.main02 ul li a{ width:100%; height:90%; display:block; font-size:14px; color:#5f605f; line-height:18px; text-align:center; margin-top:13%;}
.main02 ul li:nth-child(2) a{ margin-top:6%;}
.main02 ul li:nth-child(3) a{ margin-top:6%;}
.main02 ul.ul li:nth-child(1) a{ margin-top:6%;}
.main02 ul.ul li:nth-child(3) a{ margin-top:13%;}
.main02 .but{ display:block; margin-top:30px; margin-bottom:30px;}
.main02 em{height:30px; font-size:18px;line-height:30px;}
.main03 ul{ padding-left:45px; background:url(../images/m3_ul.jpg) no-repeat 3% 6%;}
.main03 ul li{ font-size:14px; line-height:22px; margin-bottom:14px;}
.main04{ margin-top:15px;}

.title_05{width:100%; height:42px; line-height:42px; text-align:center;font-size:18px; font-family:"微软雅黑";background:#ea4c5a; color:#fff; overflow:hidden; margin-top:30px;}
.font{width:100%; margin:0 auto; overflow:hidden; height:auto; background:#f4f4f4;}
.font dl{ width:25%; float:left; text-align:center; margin:18px auto; }
.font dl dt a{display:block;width:50px; height:50px;text-align:center; margin:0 auto; overflow:hidden;zoom:1;}
.font dl dd{ width:100%;text-align:center;margin:10px auto 0;}
.font dl dd a{color:#999999;}
.font .dt1 a{ background: url(../images/font_1.png) no-repeat; background-size:100% auto;}
.font .dt2 a{ background: url(../images/font_2.png) no-repeat; background-size:100% auto;}
.font .dt3 a{ background: url(../images/font_3.png) no-repeat; background-size:100% auto;}
.font .dt4 a{ background: url(../images/font_4.png) no-repeat; background-size:100% auto;}
.font p{color: #999999;font-size: 12px;margin: 0 0 6% 5%;line-height: 12px;}
.font p span{ color:#ea5452}
.qwc{width:86%; height:205px; margin:0 auto; overflow:hidden;}
.pl{width:100%; height:auto; margin:0px auto 0; overflow:hidden;}
.pl p{color:#666666; font-size:12px;margin-bottom:5px;}
.pl p span{color:#cccccc; margin-left:10px;}
.pl .xh{width:100%; height:0; border-bottom:1px dashed #d7e4f5; padding-bottom:5px}
.pl .zan{float:right;cursor:pointer; font-size:12px; color:#999999; height:25px; line-height:25px; }
.pl .zan img{ margin-top:-5px;}
.pl_k .jz{width:100%; height:25px; cursor:pointer; background:#dbdbdb; text-align:center; line-height:25px;font-size:12px; margin-top:20px}
.adress{width:100%; height:43px; text-align:center; padding:18px 0; background:#fff;}
.adress p{ color:#666666; font-size:12px; line-height:18px;}

.bottom{width:100%; height:40px; background:#ea4c5a;}
.bottom p{text-align:center;padding-top:9px; overflow:hidden; width:319px; margin:0 auto;}
.bottom a{ display:block; float:left; width:68px;color:#fff; }
.bottom span{ width:15px;float:left; display:block; color:#fff}
.bottom .bot_nav{width:90%;margin:0 auto;}
.bottom .bot_nav li{width:24%; float:left;height:14px; padding:8px 0;}
.bottom .bot_nav a{ height:14px; line-height:14px; text-align:center; font-size:12px; color:#fff; border-right:1px solid #fff; display:block}
.bottom .bot_nav li:nth-child(4) a{border:none}
.fhdb a{width:100%; display:block; border-top:1px solid #e5e5e5; text-align:center;color:#999999; font-size:12px; line-height:36px }
.fhdb{ background:#f3f3f3;}
}

@media (min-width:336px) and (max-width:381px){
.main02 ul{ margin-left:8px;}
.main02 ul.ul{ margin-bottom:20px;}
.main02 ul li{ width:31%; height:45px; display:block; border:1px solid #cdcccc; float:left; margin-right:5px;}
.main02 ul span{ width:31%; height:35px; display:block; text-align:center; line-height:30px; float:left; font-size:16px; color:#5f605f; margin-right:5px;} 
.main02 ul li a{ width:100%; height:90%; display:block; font-size:12px; color:#5f605f; line-height:18px; text-align:center; margin-top:13%;}
.main02 ul li:nth-child(2) a{ margin-top:6%;}
.main02 ul li:nth-child(3) a{ margin-top:6%;}
.main02 ul.ul li:nth-child(1) a{ margin-top:6%;}
.main02 ul.ul li:nth-child(3) a{ margin-top:13%;}	
.main02 .but{ display:block; margin-top:30px;}
.main02 em{height:30px; font-size:18px;line-height:30px;}
.main03 ul{ padding-left:35px; background:url(../images/m3_ul.jpg) no-repeat 2% 6%;}
.main03 ul li{ font-size:12px; line-height:22px; margin-bottom:14px;}
}

@media(max-width:320px){
.main02 ul{ margin-left:2px;}
.main02 ul.ul{ margin-bottom:20px;}
.main02 ul li{ width:32%; height:45px; display:block; border:1px solid #cdcccc; float:left; margin-right:2px;}
.main02 ul span{ width:32%; height:35px; display:block; text-align:center; line-height:30px; float:left; font-size:16px; color:#5f605f; margin-right:2px;} 
.main02 ul li a{ width:100%; height:90%; display:block; font-size:12px; color:#5f605f; line-height:18px; text-align:center; margin-top:13%;}
.main02 ul li:nth-child(2) a{ margin-top:6%;}
.main02 ul li:nth-child(3) a{ margin-top:6%;}
.main02 ul.ul li:nth-child(1) a{ margin-top:6%;}
.main02 ul.ul li:nth-child(3) a{ margin-top:13%;}
.main02 .but{ display:block; margin-top:25px; margin-bottom:25px;}	
.main02 em{height:28px; font-size:16px;line-height:28px;}
.main03 ul{ padding-left:35px; background:url(../images/m3_ul.jpg) no-repeat 2% 6%;}
.main03 ul li{ font-size:12px; line-height:18px; margin-bottom:17px;}
.main04{ margin-top:12px;}
}
