@charset "utf-8";
/* CSS Document */

*{ margin:0px; padding:0px; list-style:none; border:none; font-size:14px; text-decoration:none;font-family:"微软雅黑"; }
.clear{ clear:both;}
a{ color:#312f2f; text-decoration:none;}
body{background:#fff; font-size:14px; color:#333;}
html, body {
height: 100%; background:#f6f6f6;
}

.flt1{ float:left;}
.flt2{ float:right;}
.pd5{ padding:5px;}
.pd10{ padding:10px;}
.mg10{ margin:10px;}
.mgt10{ margin-top:10px;}
.grey{ background:#fff; border:solid 1px #d3d1d1;}


p{ font-size:14px; line-height:24px;}
.wrapper{ max-width:640px; min-width:320px; margin:0px auto;}
.zttitle{  height:30px; overflow:hidden; font-size:18px; font-weight:bold; margin-bottom:10px;  font-size:16px; color:#0b5fb9; background:url(../images/1_05.jpg) repeat-x 0px 20px;}
.zttitle span{ display:inline-block; width:24px; line-height:24px;  color:#fff; font-family:Arial, Helvetica, sans-serif;  font-size:20px; background:#0b5fb9; text-align:center; border-right:5px solid #f6f6f6;}
 
.bp ul{ padding-top:20px;}
.bp .flt1{ margin-right:10px;}
.bp .flt2{ margin-left:10px;}
.bp ul p{ padding-top:20px;}
.bp ul p strong{ color:#0b5eb8;}
.bp p strong{ color:#ea9521; padding-right:5px;}
 

.anniu{ padding:20px 0px; text-align:center;}
.anniu a{ display:block; font-size:14px; color:#fff; background:#f28607; line-height:30px; height:30px; border-radius:4px;}
.anniu a strong{ color:#ff3300;}

.bp04{ width:195px; margin:80px auto 30px; position:relative; border:dashed 1px #0b5eb8; height:195px; border-radius:50%;}
.bp04 span{ position:absolute; left:50px; top:50px; background:#fff; border:solid 1px #65c296; height:70px; padding:9px; width:70px; display:block; border-radius:50%;}
.bp04 span strong{ width:70px; height:70px; border-radius:50%; background:#65c296; display:block; color:#fff; text-align:center;}
.bp04 span b{ font-size:18px; display:block; padding-top:15px;}

.bp04 ul li:nth-child(1),.bp04 ul li:nth-child(3),.bp04 ul li:nth-child(5){ width:86px; height:61px; border-radius:50%; background:#98b849; padding-top:25px; font-size:13px;}

.bp04 ul li:nth-child(2),.bp04 ul li:nth-child(4),.bp04 ul li:nth-child(6){width:96px; height:96px; border-radius:50%; background:#72a0d4;}
.bp04 ul li{ text-align:center; color:#fff;}
.bp04 ul li:nth-child(1){ position:absolute; top:-30px; right:-20px;}
.bp04 ul li:nth-child(2){ position:absolute; top:100px; right:-40px; padding-top:30px; height:66px;}

.bp04 ul li:nth-child(3){ position:absolute; top:100px; left:-40px;}
.bp04 ul li:nth-child(4){ position:absolute; top:-30px; left:-40px;padding-top:30px; height:66px;}

.gt02{ text-align:center; padding:20px 0px;}
.gt02 span{ display:inline-block; width:145px; margin-right:5px; position:relative;}
.gt02 span strong{ color:#fff; font-weight:normal; position:absolute; bottom:2px; display:block; width:145px; text-align:center; line-height:30px;}
.gt02 span b{ font-weight:normal; color:#fbe707;}

.gt3 ul{ padding:20px 0px 0px;}
.gt3 ul li{ margin-bottom:20px;}
.gt3 ul span{ display:block; width:70px; height:55px; color:#fff; padding-top:15px; border-radius:50%; text-align:center; margin-right:10px;}
.gt3 ul li:nth-child(1) span{ background:#73a1d3;}
.gt3 ul li:nth-child(2) span{ background:#50be89; padding-top:0px; height:70px; line-height:70px;}
.gt3 ul li:nth-child(3) span{ background:#97b949;}

@media screen and (min-width: 480px) {
	.gt3 ul p{ padding-top:15px;}
}

@media screen and (max-width:320px) {
	.gt3 ul li:nth-child(1) span{ margin-bottom:20px;} 
}

.gt3 h3{ color:#000; line-height:36px;}
.gt3 .p1{ color:#e94444;}


.bp2 ul span {
    background: none repeat scroll 0 0 #4bc288;
    border-radius: 20px;
    color: #fff;
    display: block;
    line-height: 26px;
    padding-left: 20px;
    width: 200px;
}
.bp2 ul p {
    margin-bottom: 10px;
    padding-top: 5px;
}













