*{margin:0px;padding:0px;}
html{ font-size:62.5%;}
body{font:1.4rem/2.4rem Arial;color:#333;}
img{border:none; background-images:url(../images/loading.gif);background-size:10px 10px;background-position:center center; background-repeat:no-repeat;}
li{list-style:none;}
h1,h2{font-size:1.6rem; font-weight:normal;line-height:3.6rem;color:white;}
a{text-decoration:none;color:#fff;}

header{ margin:0 auto; margin-top:4px; overflow:hidden;}
header img{ width:100%; height: auto; float:left;}
nav{ width:100%; margin:0 auto; overflow:hidden;}
nav table{text-align:center;color:white; width:100%;border:none;margin:0 auto; background:#fff; text-align:center; line-height:30px; font-size:14px; float:left;border-spacing: 1px;}
nav table tr{ background:#209eff;}
nav table td{ width:23.4375%; border:none;}
nav table td{ width:23.4375%; border:none;}    
nav table td.co1{ width:26.5625%;}

.con1,.con2,.con3,.con4,.con5{ margin:0 auto; padding:0 8px; }
.con1 dl,.con2 dl,.con3 dl,.con4 dl,.con5 dl{border-left:1px solid #209eff;padding-top:10px; }

.con1 dl:before{content:""; background:#fff; width:8px; height:28px; display:block; position:absolute; left:4px; margin-top:-10px; }

.con1 dl dt,.con2 dl dt,.con3 dl dt,.con4 dl dt,.con5 dl dt{ width:100%;position:relative; margin-bottom:4px;}
.con1 dl dt em,.con2 dl dt em,.con3 dl dt em,.con4 dl dt em,.con5 dl dt em{position:absolute;width:12px;text-align:center;background:#fff;border-radius:50px;height:12px;left:-7px;top:5px; border:1px solid #209eff; }
.con1 dl dt em:before,.con2 dl dt em:before,.con3 dl dt em:before,.con4 dl dt em:before,.con5 dl dt em:before{ content:""; width:6px; height:6px;border-radius:3px; background:#209eff; display:block; margin:3px;}
.con1 dl dt h2,.con2 dl dt h2,.con3 dl dt h2,.con4 dl dt h2,.con5 dl dt h2{ font-size:1.8rem; color:#209eff; line-height:2.4rem;  width:97%; padding-left:3%; }
.con1 dl dt a,.con2 dl dt a,.con3 dl dt a,.con4 dl dt a,.con5 dl dt a{ float:right; background:#71c4e7; color:#fff; padding-right:6px; font-size:1.4rem; }
.con1 dl dt a:before,.con2 dl dt a:before,.con3 dl dt a:before,.con4 dl dt a:before,.con5 dl dt a:before{ content:"";border-left:0px solid #71c4e7;border-right: 20px solid #71c4e7; float:left;border-top: 24px solid #fff;border-bottom: 0px solid #e7e7e7;}
.con1 dl dd,.con2 dl dd,.con3 dl dd,.con4 dl dd,.con5 dl dd{ padding-left:3%; width:97%; margin-top:6px;}
.con1 dl dd img,.con2 dl dd img,.con3 dl dd img,.con4 dl dd img,.con5 dl dd img{ width:100%;}
.con1 .left,.con2 .left,.con3 .left,.con4 .left,.con5 .left{ float:left; background:#71c4e7; width:31%; height:119px; color:#fff; padding-left:1%; margin-bottom:8px;}
.con1 .left h2,.con2 .left h2,.con3 .left h2,.con4 .left h2,.con5 .left h2{ font-size:1.5rem; float:left; border-bottom:1px solid #fff; width:96%; margin-top:3px;float:left; margin-left:2%; line-height:2.2rem; margin-bottom:3px;}
.con1 .left p,.con2 .left p,.con3 .left p,.con4 .left p,.con5 .left p{font-size:1.2rem; float:left; width:96%; float:left; margin-left:2%; line-height:1.6rem;}
.con1 .left span,.con2 .left span,.con3 .left span,.con4 .left span,.con5 .left span{ width:18px; height:18px; float:right; border-radius:50px; border:1px solid #fff; background:#71c4e7; line-height:1.5rem; text-align:center; font-size:2rem; margin-right:4%; }
.con1 .right,.con2 .right,.con3 .right,.con4 .right,.con5 .right{ float:right; width:66%; height:119px; margin-bottom:8px; overflow:hidden;}
.con1 .right img,.con2 .right img,.con3 .right img,.con4 .right img,.con5 .right img{ width:100%;}
.con1 .zixun,.con2 .zixun,.con3 .zixun,.con4 .zixun,.con5 .zixun{ width:100%; background:#71c4e7; line-height:3rem; text-align:center; font-size:1.4rem;}
.con1 .zixun a,.con2 .zixun a,.con3 .zixun a,.con4 .zixun a,.con5 .zixun a{ color:#fff;}

.con2 dl{border-left:1px solid #a7c659;}
.con2 dl dt em{ border:1px solid #a7c659; }
.con2 dl dt em:before{ background:#a7c659; }
.con2 dl dt h2{ color:#a7c659; }
.con2 dl dt a{ background:#a7c659;}
.con2 dl dt a:before{ border-left:0px solid #a7c659;border-right: 20px solid #a7c659; border-top: 24px solid #fff;border-bottom: 0px solid #a7c659;}
.con2 .left span{ background:#a7c659; }
.con3 dl{border-left:1px solid #f0a741;}
.con3 dl dt em{ border:1px solid #f0a741; }
.con3 dl dt em:before{ background:#f0a741; }
.con3 dl dt h2{ color:#f0a741; }
.con3 dl dt a{ background:#f0a741;}
.con3 dl dt a:before{ border-left:0px solid #f0a741;border-right: 20px solid #f0a741; border-top: 24px solid #fff;border-bottom: 0px solid #f0a741;}
.con3 .left span{ background:#f0a741; }
.con4 dl{border-left:1px solid #52bbe8;}
.con4 dl dt em{ border:1px solid #52bbe8; }
.con4 dl dt em:before{ background:#52bbe8; }
.con4 dl dt h2{ color:#52bbe8; }
.con4 dl dt a{ background:#52bbe8;}
.con4 dl dt a:before{ border-left:0px solid #52bbe8;border-right: 20px solid #52bbe8; border-top: 24px solid #fff;border-bottom: 0px solid #52bbe8;}
.con4 .left span{ background:#52bbe8; }
.con5 dl{border-left:1px solid #9dc92c;}
.con5 dl dt em{ border:1px solid #a2c34e; }
.con5 dl dt em:before{ background:#a2c34e; }
.con5 dl dt h2{ color:#a2c34e; }
.con5 dl dt a{ background:#a2c34e;}
.con5 dl dt a:before{ border-left:0px solid #a2c34e;border-right: 20px solid #a2c34e; border-top: 24px solid #fff;border-bottom: 0px solid #a2c34e;}
.con5 .left span{ background:#a2c34e; }
#wh3{ background:#a7c659;}
#wh4{ background:#f0a741;}
#wh1{ float:right; background:#a7c659;}
#wh2{ float:left;}
#wh5{ background:#f0a741;}
#wh6{ float:right; background:#52bbe8;}
#wh7{ background:#52bbe8;}
#wh8{ background:#a2c34e;}
#wh9{ background:#a2c34e;}

footer{background:#3da9fc; width:100%; margin-top:10px;}
footer h2{ width:100%; height:36px; line-height:3.6rem; background:#1895f5; font-size:1.6rem; text-align:center;;-webkit-box-shadow:0px 2px 1px rgba(7,107,183,.6);}
footer h2 a{ color:#fff; margin:0 6px;}
footer p{text-align:center; padding:10px 0; color:#fff;}