@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; padding-bottom:20px}
.zttitle{ line-height:30px; font-size:18px; font-weight:bold; margin-bottom:10px;}
.zttitle span{ display:inline-block; width:36px; line-height:30px; background:url(../images/1_05.jpg) no-repeat 0px center; color:#fff; font-family:Arial, Helvetica, sans-serif; padding-left:5px; font-size:20px;}
.zttitle strong{ font-size:18px; color:#0b5fb9;}

.ql01{ width:100%;}
.ql1 a{ color:#fff;box-sizing:border-box; text-align:center; border-right:1px solid #fff; line-height:30px; height:30px; display:block; float:left;   margin-bottom:1px;}


 



.ql1 a:nth-child(1){width:40%;height:61px; background:#3f87d1;}
.ql1 a:nth-child(2){ background:#9ab54c; width:60%;}
.ql1 a:nth-child(3){ width:30%; background:#71a1df;}
.ql1 a:nth-child(4){ width:30%; background:#31c799;}

.ql1 a:nth-child(5){ width:50%; background:#31c799;}
.ql1 a:nth-child(6){ width:50%; background:#3f87d1;}



.gl02{ margin-top:10px;}
.gl02 span{ height:60px; width:60px; line-height:60px; text-align:center; color:#fff; margin-right:10px; border-radius:50%; background:#9ab54c;}
.gl02 p{ background:#e7e7e7; padding:5px; overflow:hidden;}
.gl02 .flt2{ background:#3f87d1; margin-right:0px; margin-left:10px;}
.gl21 span{ background:#31c799;}
.gl02 strong{ color:#0b5fb9; font-weight:normal;}

.ql03 img{ margin-right:10px;}
.ql03 h3{ color:#0b5fb9; display:block; margin-bottom:5px;}
.ql03{ margin-bottom:10px; padding-bottom:10px; border-bottom:dashed 1px #bebebe;}

.ql3 .last img{ margin-top:10px;}
.ql3 .last{ border-bottom:none;}

.ql4 h2{ font-size:16px; text-align:center; color:#0b5fb9}
.ql4 .p1{ text-align:center; margin-bottom:10px;}
.ql4 .p1 strong{ color:#ff0000;}

.ql04{ position:relative; /*background:url(../images/1_15.jpg) no-repeat center top; */width:300px; margin:10px auto 0px;}
.ql04 strong{ position:absolute; left:112px; top:22px; display:block; width:80px; height:80px; border-radius:50%; background:#f6f6f6; }
.ql04 strong b{ display:block; border:solid 1px #dadada; width:68px; margin:5px; height:58px; border-radius:50%; font-size:18px; color:#0b5fb9; text-align:center; padding-top:10px;}
.ql04 span{ display:block; color:#fff; line-height:36px; margin-bottom:10px; font-size:12px;}
.ql04 .flt1{ padding-left:5px;}
.ql04 .flt2{ padding-right:5px;}

.ys span:nth-child(1){padding-left:5px; float:left; width: 138px; background:#3f87d1;}
.ys span:nth-child(2){padding-right:5px; float:right; text-align:right; width: 138px; background:#9ab54c;}
.ys span:nth-child(3){padding-left:5px; float:left; width: 138px; background:#31c799;}
.ys span:nth-child(4){padding-right:5px;float:right; text-align:right; width: 138px; background:#3f87d1;}
.ys span:nth-child(5){padding-left:5px; float:left; width: 138px; background:#9ab54c;}
.ys span:nth-child(6){padding-right:5px;float:right; text-align:right; width: 138px; background:#31c799;}



.ql5 .p1{ margin-bottom:10px;}

.ql5 .last{ border-bottom:none;}




.sw04 {
    padding-top: 15px;
    text-align: center;	 
}
.sw41 { position:relative;
    background: none repeat scroll 0 0 #eaeaea;
    display: inline-block;
    margin: 0 3px 10px;
    padding: 4px;
    text-align: center;
    width: 44%;
	overflow:hidden;
	vertical-align:middle;
}
.sw41 img {
    border: 1px solid #fff;
}
.sw41 p {
    line-height: 22px; 
	height:96px;
	text-align:left;
}
.sw41 h3{ font-size:13px; color:#fff; position:absolute;  top:47px; left:4px; width:100%; font-weight:normal;}