@charset "utf-8";
/* CSS Document */
body{font-family:"微软雅黑"; color:#333; font-size:14px;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;}
.left{ float:left;}
.right{float:right;}
.m-c{margin:0px auto;}
.clear{ clear:both}


.ft-center{ text-align:center}
.ft-shadow{text-shadow:#3caf88 5px 5px 5px;}

.ft-red{color:#e30a20}
.ft-yellow{ color:#fbdf5f}
.ft-green{ color:#75ae53}
.ft-green2{ color:#128d69}
.ft-green3{ color:#41b08f}

.ft-blue{color:#3e91b8}
.ft-blue2{color:#23b2c3}
.ft-brown{ color:#caa354}
.ft-gray{color:#666}
.ft-white{color:#fff}
.ft-purple{color:#8066a0}

.f28{ font-size:28px}
.f24{ font-size:24px}
.f21{ font-size:21px}
.f18{ font-size:18px}
.f16{ font-size:16px}
.f14{ font-size:14px}


.m20{ margin-left:20px; margin-right:20px}
.p30{ padding:10px 30px 10px 30px}

a:link,a:visited{ color:#000; text-decoration:none;}
a:hover{ color:#CC0000; text-decoration:underline;}
a:active{ color:#000; text-decoration:none;}

a.orange{color:#ea6100; text-decoration :none;} 
a.orange:hover { text-decoration:underline}

.button{padding:10px;color:#FFF;font-size:22px; margin-left:10px; background-color:#e30a20;}
.button a:link,.button a:visited{ color:#FFF; text-decoration:none;}
.button a:hover{color:#fff2bc}


.w100p{width:100%;}
.w984{width:984px;padding:10px;}
.w860{width:860px;}
.top{background:#aae6d4 url(../img/banner-back.jpg); height:560px; text-align:center} 

.content{background:url(../img/back.jpg) top center  #ebffbf no-repeat; width:100%;}

.box-glass{width:1004px; margin:20px auto 20px auto;box-shadow:2px 2px 2px #d1eab1;border-radius: 15px;background-color:#fff;/* IE6和部分IE7内核的浏览器(如QQ浏览器)下颜色被覆盖 */background-color:rgba(255,255,255,0.2); /* IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂，但解析为透明 */}
.flow{margin:20px auto 20px auto;box-shadow:2px 2px 2px #d1eab1;border-radius: 15px;background-color:#fff8c3;/* IE6和部分IE7内核的浏览器(如QQ浏览器)下颜色被覆盖 */background-color:rgba(255,248,195,0.8);}
/* 未启用 .flow .timeline{ border:2px #cddcab solid;padding:30px;width:520px; height:70px; z-index:2; position:relative } */
.flow img.x{position:relative;left:0px;top:0px;z-index:1;height:50px; width:160px}
.flow span{ float:right; width:width:520px;margin-right:200px;}

.step{ background:url(../img/liucheng.png);width:750px;height:150px; margin-left:60px;}
.step ul{ margin-left:70px;}
.step li{list-style:none; float:left; width:170px; margin-top:72px;}
.step li h2{ text-align:center}
.step li h3{ text-align:left; margin-top:30px;}

.group1,.group2{ width:410px; height:300px; float:left; margin-left:10px; margin-right:10px}
.group1 p,.group2 p{ margin-top:140px; margin-left:150px; line-height:20px; width:188px; text-align:center}
.group2 p{margin-left:100px; }
.group1{ background:url(../img/xiaoxue.png)}
.group2{ background:url(../img/chuzhong.png)}

.colockbox{width:350px;height:30px;background:url(../img/colockbg.png) no-repeat;overflow: hidden; color:#000000;}
.colockbox span{float:left;display:block;width:40px;height:29px;line-height:29px;font-size:20px; font-weight:bold;text-align:center;color:#ffffff; margin-right:22px;}


.orangize li{ float:left; width:340px; list-style:none; margin-top:54px;}
.help{ width:150px;}
.help img{ width:150px; }