@charset "utf-8";
/*初始化  reset*/
body,button,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,hr,input,li,ol,p,td,textarea,th,ul{margin:0;padding:0}
body,button,input,select,textarea{font:14px/1.5 "微软雅黑",sans-serif; color:#333;}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,i{font-style:normal}
ol,ul{list-style:none}
a{text-decoration:none; color:#616161;}
img{border:0; display:block;}
textarea{resize:none;}
a,input,button,select,textarea{outline:none;}
a,button{cursor:pointer;}
/*清除浮动*/
.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
*html .clearfix { height: 1%; }
.clearfix { display: block; }
*+html .clearfix { min-height: 1%; }
body{ background:#f5f7f8;}

@media screen and (min-width: 980px) {
.daohang{ width:100%; overflow:hidden; margin:auto;box-shadow:2px 2px 3px #ccc; position:fixed; top:0; background:#f5f7f8;}
.daohang ul{ width:1200px; margin:auto; overflow:hidden;}
.daohang ul li{ float:left; font-size:16px; font-weight:bold; width:240px; height:100px; line-height:100px; text-align:center;}
.daohang ul li:hover{ color:#006fb6; cursor:pointer;}
.daohang ul li img{ width:70%; margin-top:10px;}
.btn{ width:200px; height:70px; color:#FFF; background:#17B8EE; display:inline-block; text-align:center; line-height:68px; border-radius:5px; font-size:20px; }
.btn:hover{ background:#40c2ee;}
.banner{ width:100%; height:360px; background:url(../images/banner.jpg) no-repeat; background-size:100%; margin-top:101px;}
.wz{ width:35%;padding-top:60px; float:right; color:#FFF; text-align:center;}
.wz p{ font-size:20px; margin-bottom:30px;}
.wz h2{ font-size:32px; margin-bottom:30px;}
.one{ width:100%; height:580px; background:url(../images/bj.jpg); background-size:100%; overflow:hidden;}
.bt01{ width:1200px; margin:auto; text-align:center; font-size:24px; margin-top:20px; margin-bottom:16px;}
.bt02{ width:1200px; margin:auto; text-align:center; font-size:24px; margin-top:20px; margin-bottom:16px; color:#FFF;}
.one p{ width:1100px; font-size:16px; text-indent:2em; margin:auto; line-height:36px;}
.zz{ width:1100px; margin:auto;overflow:hidden;}
.zd{overflow:hidden; float:left;}
.zd dt{ float:left; width:100px; font-size:18px; line-height:100px; height:100px; font-weight:bold;}
.zd dd{ width:400px; text-align:center; font-size:16px;}
.zb{overflow:hidden; float:left;}
.zb dt{ float:left; width:100px; font-size:18px; line-height:100px; height:100px; font-weight:bold;}
.zb dd{ width:600px; font-size:16px; overflow:hidden;}
.zb dd span{ width:300px; float:left; display:inline-block;}

.two{ width:100%; height:518px; background:#006fb6; overflow:hidden;}
.rc{ width:860px; margin:auto; height:336px; background:url(../images/02.gif) no-repeat; margin-top:30px; padding:32px 70px;}
.yt{ width:400px; padding-left:40px; overflow:hidden; float:left;}
.yt li{ font-size:16px; padding-bottom:10px;}
.ri{ width:100px; overflow:hidden; margin-left:50px; float:left;}
.ri li{ font-size:16px; padding-bottom:20px; color:#FFF;}
.ri li strong{ font-size:18px;}
.ti{ width:262px; overflow:hidden; float:right;}
.ti li{ font-size:16px; padding-bottom:20px; color:#FFF;}
.ti li strong{ font-size:18px;}


.three{ width:100%; height:430px; overflow:hidden;}
.three dl{ width:1200px; margin:auto; overflow:hidden;}
.three dl dt{ float:left; padding-top:10px;}
.three dl dd{ width:714px; float:right;}
.three dl dd p{ font-size:16px; text-indent:2em; line-height:36px;}
.three dl dd strong{font-size:20px; color:#1F63B1; line-height:36px; text-indent:2em; float:left; margin-right:30px;}
.four{ width:100%; height:450px; background:#006fb6; overflow:hidden;}
.con{ width:1000px; margin:auto;}
.con p{ font-size:16px; line-height:36px; color:#FFF; width:430px; float:left; padding-left:30px; padding-top:30px;}
.con p strong{ font-size:18px; display:inline-block;}
.con ul{ width:500px; float:right; font-size:18px; color:#FFF;}
.con ul li{ line-height:60px;}
.con ul li input{ width:394px; height:40px; border:none;}
.register_btn{ width:394px; height:46px; background:#17B8EE; border:none; font-size:18px; color:#FFF; margin-left:54px; border-radius:5px;}
.foot{ width:100%; height:60px; background:#666; color:#FFF; text-align:center; padding-top:20px; line-height:26px;}

.phbanner{ display:none;}






}


@media screen and (max-width:760px) {
.daohang{ display:none; width:100%; overflow:hidden; margin:auto;box-shadow:2px 2px 3px #ccc; position:fixed; top:0; background:#f5f7f8;}
.daohang ul{ width:1200px; margin:auto; overflow:hidden;}
.daohang ul li{ float:left; font-size:16px; font-weight:bold; width:240px; height:100px; line-height:100px; text-align:center;}
.daohang ul li:hover{ color:#006fb6; cursor:pointer;}
.daohang ul li img{ width:70%; margin-top:10px;}
.btn{ width:200px; height:70px; color:#FFF; background:#17B8EE; display:inline-block; text-align:center; line-height:68px; border-radius:5px; font-size:20px; }
.btn:hover{ background:#40c2ee;}
.banner{ display:none; width:100%; height:360px; background:url(../images/banner.jpg) no-repeat; background-size:100%; margin-top:101px;}
.wz{ width:35%;padding-top:60px; float:right; color:#FFF; text-align:center;}
.wz p{ font-size:20px; margin-bottom:30px;}
.wz h2{ font-size:32px; margin-bottom:30px;}
.phbanner{ width:100%;}
.phbanner img{ width:100%;}
.ph{ display:none;}

.one{ width:100%;  background:url(../images/bj.jpg) no-repeat; overflow:hidden; padding-bottom:20px;}
.bt01{ width:100%; margin:auto; text-align:center; font-size:16px; margin-top:10px; margin-bottom:6px;}
.bt02{ width:100%; margin:auto; text-align:center; font-size:16px; margin-top:10px; margin-bottom:6px; color:#FFF;}
.one p{ width:96%; font-size:12px; text-indent:2em; margin:auto; line-height:24px;}
.zz{ width:100%; margin:auto; margin-top:20px; overflow:hidden;}
.zd{overflow:hidden;}
.zd dt{ float:left; width:100px; font-size:18px; line-height:100px; height:100px; font-weight:bold;}
.zd dd{ width:400px; text-align:center; font-size:16px;}
.zb{overflow:hidden; float:left;}
.zb dt{ float:left; width:100px; font-size:18px; line-height:100px; height:100px; font-weight:bold;}
.zb dd{ width:600px; font-size:16px; overflow:hidden;}
.zb dd span{ width:300px; float:left; display:inline-block;}


.two{ width:100%; background:#006fb6; overflow:hidden; padding-bottom:20px;}
.rc{ width:80%; margin:auto; overflow:hidden;}
.yt{ overflow:hidden; width:100%; padding:20px; margin-bottom:20px; background:#FFF;}
.yt li{ font-size:12px; padding-bottom:10px;}
.ri{ width:26%; overflow:hidden;float:left; background:#17b8ee; padding-top:10px; padding-left:5%;}
.ri li{ font-size:12px; padding-bottom:20px; color:#FFF;}
.ri li strong{ font-size:14px;}
.ti{ background:#17b8ee; width:69%; overflow:hidden; float:right; padding-top:10px;}
.ti li{ font-size:12px; padding-bottom:20px; color:#FFF;}
.ti li strong{ font-size:14px;}


.three{ width:100%; overflow:hidden; padding-bottom:20px;}
.three dl{ width:100%; margin:auto; overflow:hidden;}
.three dl dt{ padding-top:10px;}
.three dl dt img{ width:90%; margin:auto;}
.three dl dd{ width:96%; padding:10px;}
.three dl dd p{ font-size:12px; text-indent:2em; line-height:24px;}
.three dl dd strong{font-size:14px; color:#1F63B1; text-indent:2em; float:left; margin-right:10px;}
.three dl dd span img{ width:30%; }

.four{ width:100%; background:#006fb6; overflow:hidden; padding-bottom:10px;}
.con{ width:90%; margin:auto;}
.con p{ font-size:12px; line-height:24px; color:#FFF; margin-bottom:10px;}
.con p img{ display:none;}
.con p strong{ font-size:14px; display:inline-block;}
.con ul{ font-size:14px; color:#FFF;}
.con ul li{ line-height:40px;}
.con ul li input{ width:80%; height:30px; border:none;}
.register_btn{ width:100%; height:36px; background:#17B8EE; border:none; font-size:16px; margin-top:10px; color:#FFF;border-radius:5px; text-align:center; margin-left:45px;}
.foot{ width:100%;background:#666; color:#FFF; text-align:center; padding-top:10px; line-height:26px; font-size:12px;}
}