body{background-color: #F8F8F8;}
.zxtop{display: block;width: 1200px;height: 297px;}
.bm-top{width: 1200px;height: 100px;margin: 0 auto;overflow: hidden;}
.bm-top .bm-top-wds{float: left;width: 200px;margin-left: 60px;text-align: center;background-color: #2B67AF;height: 100px;}
.bm-top .bm-top-wds h2{color: #E60012;font-size: 24px;line-height: 45px;font-weight: normal;color: #FFFF00;}
.bm-top .bm-top-wds p{font-size: 16px;color: #fff;}
.bm-top .bm-top-wds p b{color: #5AE1EE;}
.bm-top-input{float: left;margin-left: 60px;overflow: hidden;}
.input-top{width: 270px;float: left;height: 50px;line-height: 50px;margin: 25px 25px 25px 0;overflow: hidden;}
.input-top span{display: block;float: left;width: 60px;line-height: 50px;height: 50px;color: #fff;font-size: 20px;margin-right: 10px;}
.input-top input{display: block;float: left;width: 190px;height: 36px;border: none;margin: 7px 0;font-size: 20px;color: #E0E0E0;padding-left: 10px;}
.ljyy-top{width: 220px;float: left;height: 50px;line-height: 50px;margin: 25px 0 25px 25px;overflow: hidden;}
.ljyy-top input{width: 220px;border: none;margin: 0 auto;height: 36px;line-height: 36px;background-color: #FF6600;color: #fff;font-size: 20px;margin: 7px 0;border-radius: 10px;    text-align: center;}
/*新华*/
.xh{width: 1200px;margin: 40px auto;text-align: center;}
.xh h2{font-size: 42px;color: #333;height: 50px;line-height: 50px;}
.xh h2 b{color: #018EDE;}
.xh p{font-size: 16px;color: #333;line-height: 30px;margin: 20px 0;}
/*困惑*/
.kh{width: 1200px;margin: 40px auto;}
.kh h2{text-align: center;font-size: 42px;color: #E60012;height: 50px;line-height: 50px;}
.kh .khul1{width: 1120px;margin-left: 80px;overflow: hidden;margin-top: 40px;}
.kh ul li{float: left;width: 358px;margin-right: 20px;overflow: hidden;height: 50px;border: 1px solid #EAEAEA;border-radius: 8px;font: 20px/50px '微软雅黑';padding: 5px 0;color: #333;background-color: #fff;}
.kh ul li:hover{background-color: #018EDE;transition:all .5s ease 0s;color: #fff;}
.kh ul li img{display: block;width: 40px;height: 40px;border-radius: 50%;margin: 5px 20px 5px 10px;float: left;}
.kh .khul2{width: 1120px;overflow: hidden;margin-top: 40px;}
.zxbut{width: 680px;margin:40px auto;overflow: hidden;}
.zxbut a{display: block;width: 298px;height: 45px;text-align: center;font: 20px/45px '微软雅黑';float: left;border-radius: 10px;}
.zx3{margin-right: 80px;border: 1px solid #797979;color: #fff;background-color: #379FFF;}
.zx3:hover{color: #fff;background-color: #666;transition:all .3s ease 0s;}
.zx4{background-color: #FF6600;border: 1px solid #FF6600;color: #fff;}
.zx4:hover{color: #fff;background-color: #666;border: 1px solid #666;transition:all .3s ease 0s;}
/*邮寄简章*/
.yjjz_bg{width: 100%;background: url(../images/yjjz.jpg) center no-repeat;height: 385px;margin: 40px 0;}
.yjjz{width: 270px;float: right;margin-right: 65px;padding: 20px;height: 345px;background-color: #fff;}
.yjjz h2{text-align: center;font-size: 28px;color: #FF6600;height: 80px;line-height: 80px;}
.yjjz .input{margin-top: 20px;}
.yjjz .input input{width: 248px;height: 40px;line-height: 40px;padding-left: 20px;font-size: 16px;border: 1px solid #0080DB;}
.yjjz .ljyy input{border: none;width: 270px;height: 40px;line-height: 40px;font-size: 24px;background-color: #0080DB;color: #fff;text-align: center;margin: 20px 0;}
.yjjz p{color: #FF0000;font-size: 14px;}
/*专业推荐*/
.zytj{width: 1200px;margin: 40px auto;text-align: center;}
.zytj h2{text-align: center;font-size: 42px;color: #E60012;height: 50px;line-height: 50px;}
.zytj ul{width: 1200px;overflow: hidden;margin: 40px auto;}
.zytj ul li{float: left;margin-right: 12px;width: 291px;margin-bottom: 12px;background-color: #fff;}
.zytj ul li img{width: 291px;height: 156px;}
.zyxx{border: 1px solid #CCCCCC;text-align: center;overflow: hidden;padding: 0 0 20px;border-top: none;}
.zyxx h3{font-size: 24px;line-height: 40px;}
.zyxx p{font-size: 16px;color: #333;}
.zybtn{width: 260px;margin: 10px auto 0;overflow: hidden;}
.zybtn span{width: 120px;height: 40px;text-align: center;background-color: #379FFF;font-size: 16px;display: block;float: left;line-height: 40px;}
.zybtn span.ckzy{background-color: #DD514C;margin-right: 20px;}
.zybtn span a{color: #fff;}
/*课程*/
.kc{width: 1200px;margin: 0 auto;}
.kc h2{font-size: 42px;color: #333;height: 50px;line-height: 50px;text-align: center;}
.kc h2 b{color: #018EDE;}
.kclist{width: 1200px;margin: 0 auto;}
.kc-name{width: 1200px;margin:0 auto;}
.kc-name ul{overflow: hidden;}
.kc-name ul li{float: left;width: 200px;height: 45px;line-height: 45px;text-align: center;color: #fff;font-size: 20px;}
.kc-name ul li.on{background-color: #057CFC;color: #fff;}
.kc-con{width: 1200px;margin: 20px auto;background-color: #EEEEEE;overflow: hidden;display: none;height: 350px;padding: 30px 0;}
.kc-con ul{width: 320px;margin: 0 40px;float: left;}
.kc-con ul li{font-size: 20px;color: #666;line-height: 45px;}
.kc-con img{display: block;float: left;}
.w1020{width: 1020px;margin: 0 auto;}
.w1020 p{font-size: 20px;line-height: 1.8em;text-indent: 2em;padding-top: 40px;color: #333;}
.zx1{display: block;width: 233px;height: 58px;margin: 0 auto;padding-top: 450px;}
.zx1 img{width: 233px;height: 58px;}
.mubiao{padding-top: 250px;padding-left: 28px;}
.mubiao p {float: left;width: 187px;margin-right: 20px;margin-left: 20px;text-align: center;font-size: 20px;color: #333;line-height: 1.5em;}
.w1200{width: 1200px;margin: 0 auto;}
.w1000{width: 1020px;margin: 0 auto;}
.w1000 h2{font-size:36px; font-weight: bold; width:1000px; margin: 0 auto; padding-top:100px; padding-bottom: 30px; text-align:center;color: #333;}
.w1000 h3{color: #666;font-size: 16px;line-height: 35px;text-align: center;}
.w1000 h3 b{font-size: 28px;}
.w1000 ul{width: 1020px;margin: 20px auto;overflow: hidden;}
.w1000 ul li{width: 188px;float: left;margin-right: 20px;height: 188px;position: relative;border-radius: 50%;}
.w1000 ul li:nth-child(1){background-color: #0A67DE;}
.w1000 ul li:nth-child(1) .circle-bar-left{ width: 188px; height: 188px; background-color: #5ECDDF;border-radius: 50%;}
.w1000 ul li:nth-child(1) .circle-bar-right{ width: 188px; height: 188px; background-color: #5ECDDF;border-radius: 50%;}
.w1000 ul li:nth-child(1) .circle-bar-left{transform:rotate(-25.2deg);}
.w1000 ul li:nth-child(1) .mask span.percent{color:#5ECDDF;}
.w1000 ul li:nth-child(2){background-color: #01953E;}
.w1000 ul li:nth-child(2) .circle-bar-left{ width: 188px; height: 188px; background-color: #AED65D;border-radius: 50%;}
.w1000 ul li:nth-child(2) .circle-bar-right{ width: 188px; height: 188px; background-color: #AED65D;border-radius: 50%;}
.w1000 ul li:nth-child(2) .circle-bar-left{transform:rotate(-68.4deg);}
.w1000 ul li:nth-child(2) .mask span.percent{color:#AED65D;}
.w1000 ul li:nth-child(3){background-color: #E44E22;}
.w1000 ul li:nth-child(3) .circle-bar-left{ width: 188px; height: 188px; background-color: #D59378;border-radius: 50%;}
.w1000 ul li:nth-child(3) .circle-bar-right{ width: 188px; height: 188px; background-color: #D59378;border-radius: 50%;}
.w1000 ul li:nth-child(3) .circle-bar-left{transform:rotate(-75.6deg);}
.w1000 ul li:nth-child(3) .mask span.percent{color:#D59378;}
.w1000 ul li:nth-child(4){background-color: #EF3878;}
.w1000 ul li:nth-child(4) .circle-bar-left{ width: 188px; height: 188px; background-color: #EA92BD;border-radius: 50%;}
.w1000 ul li:nth-child(4) .circle-bar-right{ width: 188px; height: 188px; background-color: #EA92BD;border-radius: 50%;}
.w1000 ul li:nth-child(4) .circle-bar-left{transform:rotate(-108deg);}
.w1000 ul li:nth-child(4) .mask span.percent{color:#EA92BD;}
.w1000 ul li:nth-child(5){background-color: #01A0E9;}
.w1000 ul li:nth-child(5) .circle-bar-left{ width: 188px; height: 188px; background-color: #A1DCEA;border-radius: 50%;}
.w1000 ul li:nth-child(5) .circle-bar-right{ width: 188px; height: 188px; background-color: #A1DCEA;border-radius: 50%;}
.w1000 ul li:nth-child(5) .circle-bar-left{transform:rotate(-93.6deg);}
.w1000 ul li:nth-child(5) .mask span.percent{color:#A1DCEA;}
.circle-bar-right {clip:rect(0,auto,auto,94px);}
.circle-bar-left {clip:rect(0,94px,auto,0);}
.w1000 ul li *{position: absolute; top:0; right:0; bottom:0; left:0; margin:auto; }
.mask { width: 160px; height: 160px;background-color: #6E6E6E;text-align: center;line-height: 40px;  border-radius: 50%;}
.mask span.percent{font-size: 48px; height: 50px; line-height: 20px; display: block;  }
.mask span.dy{color: #fff;font-size: 20px;line-height: 220px;display: block; }

.bor{ border:2px #ccc solid; padding: 5px;}
.tab-hq th{ font-size:17px; background-color:#f00; color:#fff; padding:5px; font-weight:normal;}
.tab-hq td{text-align: center; font-size:14px; padding-top:10px; padding-bottom:10px;}
.tab-hq .bj{ background-color:#ccc;}
.zx2{display: block;width: 314px;height: 58px;margin:40px auto;}
.zx2 img{width: 314px;height: 58px;}