@charset "utf-8";
/* CSS Document */
a {text-decoration: none;color: #333;padding:0;margin:0;}
ul {list-style: none;padding:0;margin:0;}
li {list-style: none;padding:0;margin:0;}
ul li {list-style: none;}
p{padding:0;margin:0;}
iframe,img {border: none;margin: 0px;}
input,button,select,textarea{outline:none}
img{ vertical-align:middle; max-width:100%;}
img a {border: none;margin: 0px;}
body {font-family: Verdana, Geneva, sans-serif;font-size: 12px;color:#333;padding:0;margin:0;}
body { width:100%; max-width:750px; margin:0 auto; font-family:"微软雅黑";}
@media screen and (min-width:320px){.tt1 {font-size: 12px;}
.tt2{font-size: 16px;}
.tt3{font-size:16px;}
.tt4{font-size: 14px;}
}
@media screen and (min-width: 414px){.tt1 {font-size: 14px;}
.tt2{font-size: 16px;}
.tt3{font-size:18px;}
.tt4{font-size: 16px;}
}
@media screen and (min-width: 480px){.tt1 {font-size: 14px;}
.tt2{font-size: 18px;}
.tt3{font-size:20px;}
.tt4{font-size: 16px;}

}
@media screen and (min-width: 640px) {.tt1 {font-size:16px;}
.tt2{font-size: 20px;}
.tt3{font-size:22px;}
.tt4{font-size: 18px;}

}

.head{ background:#666; text-align:center; color:#FFF; padding:1%;}
.logo{overflow:hidden; clear:both;}
.logo img{ width:100%;}
.adv{ overflow:hidden; clear:both; } 
.adv img{ width:100%;}
.nav{ overflow:hidden; clear:both;}
.nav li{ float:left; padding:1% 0; width:20%; text-align: center; line-height:240%;}
.nav li a{ display:block;}
.nav li img{ width:60%; display:block; margin:0 auto;}

.hj{ height:1%; overflow:hidden; clear:both;}
.hj2{ padding:1%; background:#e6eef3; width:100%; overflow:hidden; clear:both;}
.nr1{ overflow:hidden; clear:both; margin-right:-3px}
.nr1 li{ float:left; width:25%; border-right:1px solid #ddd; padding-left:8%; position:relative;}
.nr1_p1{ width:100%; padding-bottom:120%; position:relative; text-align:right;}
.nr1_p1 img{ position:absolute; top:0; right:0; height:100%;}
.nr1_p2{ position:absolute; bottom:3%; left:3%; z-index:999;}
.nr1_p2 span{ display:block; color:#999;}

.tit1{ font-weight:bold; padding:2%;}
.nr2{ padding:0 2%;}
.nr2 li{ overflow:hidden; clear:both; padding:2% 0; border-bottom:1px dotted #eee;}
.nr2_p1{ display:block; float:left; width:38%; height:22%; overflow:hidden;}
.nr2_p1 img{ width:100%; height:100%;}
.nr2_p2{ float:right; width:60%;}
.nr2_p3{line-height:26px;height:26px; overflow:hidden;}
.nr2_p4{ padding-top:2%; overflow:hidden; line-height:22px;height:40px; overflow:hidden; color:#999;}
.nr2_p5{ text-align:center; padding:3% 0;}
.nr2_p5 a{ text-decoration:underline;}
.nr2_p6{ display:block; text-align:right; padding:1% 0; color:#999;}

.nr3{ overflow:hidden; clear:both; }
.nr3 li{ float:left; width:31.333%; padding:1%;}
.nr3 li a{ display:block;}
.nr3_p1{ width:100%; padding-bottom:70%; position:relative; }
.nr3_p1 img{ position:absolute; top:0; right:0; height:100%; width:100%;}
.nr3_p2{line-height:26px;height:26px; overflow:hidden;}
.nr4{ text-align:center; border-bottom:1px solid #ddd; border-top:1px solid #ddd; padding:2% 0;}

.foot{ text-align:center; padding:1%; color:#999;}

.head2{ background:#333;  color:#FFF; padding:1%; color:#898989;}
.head2 img{ height:30px;}

.tit2,.tit3{ text-align:center; overflow:hidden; clear:both; margin-left:-1%;}
.tit2 li{ float:left; width:50%; background:#f2f2f2; line-height:220%;}
.tit2 li a{ display:block; border-left:1px dashed #ddd;}
.tit3 li{ float:left; width:33.33%; background:#f2f2f2; line-height:220%;}
.tit3 li a{ display:block; border-left:1px dashed #ddd;}

.bg02{ background: url(../mimages/bg02.jpg) no-repeat top center; background-size:100% auto; padding:4% 5%; color:#fff; font-weight:bold; line-height:200%;}
.bg03 li{ overflow:hidden; clear:both; padding:2%; border-bottom:1px solid #ddd;}
.bg03_p1{ float:left; width:36%;}
.bg03_p1 span{ display:block; position:relative; width:100%; padding-bottom:70%; overflow:hidden; height:0;}
.bg03_p1 span img{ display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
.bg03_p2{ float:right; width:62%; color:#999; line-height:200%;}
.bg03_p2 span{ display:block; color:#333;}
.bg04{ text-align:center;}
.bg04 p{ text-indent:2em; text-align:left;}

.bg03_p3{ float:left; width:36%;}
.bg03_p3 span{ display:block; position:relative; width:100%; padding-bottom:140%; overflow:hidden; height:0;}
.bg03_p3 span img{ display:block; position:absolute; top:0; left:0; width:100%; height:100%;}