/*
*author:L.MingMing (切图)
*date：2021-3-24 （上线时间）
*designer：G.yongli/0321 (设计/时间 于psd名称保持一致)
*/

/* reset */
*{margin:0; padding:0;}
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, figure, menu, input, textarea, button, select, th, td iframe{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, b, strong { font-size:100%; font-weight:normal;}
li {list-style:none;}
table{width:100%;border-collapse:collapse;border-spacing:0; }
table td{word-break: break-all; word-wrap:break-word;}
em, i {font-style:normal;}
a, a:visited, a:active {text-decoration:none; border:none; outline:none; cursor: pointer;}
a,img { display:block; border:none;}
input, textarea {outline:none;}
select,input{-webkit-appearance:none;-webkit-tap-highlight-color: rgba(3, 3, 3, 0); }
select {outline: medium none;}
textarea {resize: vertical;}
body {-webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(3,3,3,0); -webkit-touch-callout:none; word-wrap:break-word; line-height:1.5;font-size: 14px;overflow-x: hidden; color: #333;}
body, button, input, select, textarea {font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';}
input[type="button"] {cursor: pointer;}
::-webkit-input-placeholder {color:#666;} /*placeholder 字体颜色*/
:-moz-placeholder {color:#666;} /*placeholder 字体颜色*/
::-moz-placeholder {color: #666;} /*placeholder 字体颜色*/
:-ms-input-placeholder {color: #666;} /*placeholder 字体颜色*/
.none{display:none;}
.left {float:left;}
.right {float:right;}
.clearfix::after {content:''; clear:both; display:block; height:0; overflow:hidden;visibility:hidden;}
.clearfix {zoom:1;}
.clear{clear: both;}
.wrapper {padding: 0;margin: 0;}
.cont {width: 1100px; margin: auto;}
@keyframes myfirst {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .1;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes myfirst {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes myfirst {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .1;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes myfirst {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes myfirst {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(0.9);
  }
}
@-moz-keyframes myfirst {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(0.9);
  }
}
@-webkit-keyframes myfirst {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(0.9);
  }
}
@-o-keyframes myfirst {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(0.9);
  }
}

/*header*/
.zhy {font-size: 12px;}
.zhy a {display: inline;}

/* wrapper */
.ban{display: none;}
/* banner */
.sec1{height: 600px; background: url(../images/banner.png) no-repeat center; overflow: hidden;}
.title{margin:90px auto 0;}
.sec1 a img{display: block;margin:50px auto 0;}
.notice{width: 630px;background: #4149b6;margin:0 auto;color:#fff;font-size: 22px;line-height: 50px;margin-top: 60px;}
.notice i{display: inline-block;vertical-align: top;padding:10px 20px 10px 50px;}

/*法考改革后命题趋势如何？变得更难了？*/
.sec2{margin-top: 70px;}
.sec2 h2,.sec3 h2,.sec4 h2,.sec6 h2,.sec7 h2,.sec8 h2,.sec10 h2{font-size: 40px;font-weight: bold;text-align: center;}
.sec2 h2 span,.sec3 h2 span,.sec4 h2 span,.sec6 h2 span,.sec7 h2 span,.sec8 h2 span,.sec10 h2 span{color:#424ab7;}
.sec2 ul li{float: left;width: 340px;height: 320px;background: #f00;margin:50px 0 30px 40px;background: url(../images/trend1.png) no-repeat;box-shadow: 0 0 10px #edecec;}
.sec2 ul li:nth-child(1){margin-left: 0;}
.sec2 ul li:nth-child(2){background: url(../images/trend2.png) no-repeat;}
.sec2 ul li:nth-child(3){background: url(../images/trend3.png) no-repeat;}
.sec2 ul li h3{font-size: 24px;font-weight: bold;text-align: center;margin:40px 0 30px;}
.sec2 ul li h3 i{width: 14px;height: 14px;background-color: #424ab7;border-radius: 14px;display: inline-block;margin-right: 10px;}
.sec2 ul li p{padding:0 40px;font-size: 18px;line-height: 30px;}
.sec2 ul li p span{color:#424ab7;}
.tips{background: #fffaf2;}
.tips h4{font-size: 18px;color:#915022;font-weight: bold;padding:38px 0 16px 50px;}
.tips p{font-size: 18px;padding:0 0 38px 50px;}
.tips p span{font-weight: bold;}
.sec2 a,.sec3 a{width: 370px;height: 60px;font-size: 22px;color:#fff;font-weight: bold;text-align: center;line-height: 60px;border-radius: 30px;margin:50px auto 0;box-shadow: 0 0 14px #feb6b6;
	    background: -webkit-linear-gradient(to right,#ef6167,#e44949);
		background: -o-linear-gradient(to right,#ef6167,#e44949);
		background: -moz-linear-gradient(to right,#ef6167,#e44949);
		background: -mos-linear-gradient(to right,#ef6167,#e44949);
		background: linear-gradient(to right,#ef6167,#e44949);
}
.sec2 a:hover,.sec3 a:hover,.sec4 a:hover,.sec5 a:hover{transform: scale(1.1);}

/*全面复习，这些雷区需谨慎*/
.sec3{height: 886px;background: url(../images/review.png) no-repeat center;margin-top: 70px;}
.sec3 h2{padding-top: 138px;}
.sec3 ul{margin-top: 20px;}
.sec3 ul li{float: left;width: 524px;height: 186px;margin-top: 30px;}
.sec3 ul li:nth-child(even){margin-left: 50px;}
.sec3 ul li h3{font-size: 22px;font-weight: bold;padding:26px 0 20px 202px;}
.sec3 ul li p{font-size: 16px;color: #333;padding-left:202px;}
.sec3 ul li p span{color:#424ab7;}

/*阶段性备考全速进阶*/
.sec4{margin-top: 70px;position: relative;}
.sec4_m{display: none;}
.exam_l{width: 420px;margin-left: 62px;}
.exam_l h3,.exam_r h3{font-size: 22px;float: right;font-weight: bold;}
.exam_l h3 img,.exam_r h3 img{display: inline-block;margin-left: 16px;}
.exam_l h3 span,.exam_r h3 span{color:#424ab7;}
.exam_l p,.exam_r p{font-size: 16px;padding-top: 20px;line-height: 26px;}
.exam_l p span{color:#424ab7;}
.exam_l ul{margin-top: 50px;}
.exam_l ul li:nth-child(2){margin-top: 130px;}
.exam_l ul li:nth-child(3){margin-top: 96px;}
.exam_r{width: 420px;height: 600px;margin-right: 60px;}
.exam_r h3{float: left;}
.exam_r h3 img{margin:0 16px 0 0;}
.exam_r ol{margin-top: 170px;}
.exam_r ol li{margin-top: 96px;}
.line{position: absolute;left: 538px;top:112px;}
.sec4 a{width: 370px;height: 60px;font-size: 22px;color:#fff;font-weight: bold;text-align: center;line-height: 60px;border-radius: 30px;margin:120px auto 0;box-shadow: 0 0 14px #feb6b6;
	    background: -webkit-linear-gradient(to right,#ef6167,#e44949);
		background: -o-linear-gradient(to right,#ef6167,#e44949);
		background: -moz-linear-gradient(to right,#ef6167,#e44949);
		background: -mos-linear-gradient(to right,#ef6167,#e44949);
		background: linear-gradient(to right,#ef6167,#e44949);
}

/*金考点应试班 奏响法考备考三重奏*/
.sec5{height: 780px;background: url(../images/course.png) no-repeat center;margin-top: 70px;}
.sec5 h2{font-size: 40px;font-weight: bold;text-align: center;color:#fff;padding-top: 70px;}
.sec5 h2 span{color:#fcddac;}
.sec5 h4{font-size: 22px;color:#fff;text-align: center;padding-top: 6px;background: url(../images/line2.png) no-repeat center 22px;width: 770px;margin:0 auto;}
.sec5 ul li{float: left;width: 350px;background: #fff;margin-left: 24px;border-radius: 10px 10px 0 0}
.sec5 ul li:nth-child(1){margin:128px 0 0 0;padding:0 0 100px 0;}
.sec5 ul li:nth-child(2){margin:86px 0 0 24px;padding:0 0 32px 0;}
.sec5 ul li:nth-child(3){margin:48px 0 0 24px;padding:0 0 76px 0;}
.sec5 ul li h5{background-color: #171d70;display: inline-block;font-size: 22px;color:#fff;padding:12px 30px;border-radius: 0 30px 30px 0;margin: 20px 0 30px 0;}
.sec5 ul li p{font-size: 16px;padding-top: 6px;}
.sec5 ul li i{width: 6px;height: 6px;background-color: #eda559;border-radius: 6px;display: inline-block;margin:0 10px 0 20px;}
.space{padding-left: 36px;}
.sec5_nr a{width: 370px;height: 60px;font-size: 22px;color:#fff;font-weight: bold;text-align: center;line-height: 60px;border-radius: 30px;margin:50px auto 0;box-shadow: 0 0 14px #feb6b6;
	    background: -webkit-linear-gradient(to right,#ef6167,#e44949);
		background: -o-linear-gradient(to right,#ef6167,#e44949);
		background: -moz-linear-gradient(to right,#ef6167,#e44949);
		background: -mos-linear-gradient(to right,#ef6167,#e44949);
		background: linear-gradient(to right,#ef6167,#e44949);
}

/*通过学习，你可以获得什么？*/
.sec6{margin-top: 70px;}
.sec6_m{display: none;}
.sec6-box{position: relative;width: 1056px;height: 458px;margin: 48px auto 0;background: url('../images/sec6-box.png') no-repeat center;background-size: contain;}
.sec6-box li{background: #fff;padding:10px 18px;position: absolute;font-size: 18px;box-shadow: 0 0 14px #ecebeb;border-radius: 4px;
             animation: myfirst 3s infinite linear;
             -moz-animation: myfirst 3s infinite linear;
             -webkit-animation: myfirst 3s infinite linear;
             -o-animation: myfirst 3s infinite linear;
}
.sec6-box li img{display: inline-block;margin-right: 10px;}
.sec6-box li:nth-child(1){left: 130px;top:56px;
	animation: myfirst 1s infinite linear .5s;
    -moz-animation: myfirst 1s infinite linear .5s;
    -webkit-animation: myfirst 1s infinite linear .5s;
    -o-animation: myfirst 1s infinite linear .5s;}
.sec6-box li:nth-child(2){top:146px;}
.sec6-box li:nth-child(3){top:224px;left: 40px;
	animation: myfirst 1s infinite linear .5s;
    -moz-animation: myfirst 1s infinite linear .5s;
    -webkit-animation: myfirst 1s infinite linear .5s;
    -o-animation: myfirst 1s infinite linear .5s;
}
.sec6-box li:nth-child(4){top:312px;left: 66px;}
.sec6-box li:nth-child(5){top:90px;right: 112px;animation: myfirst 2s infinite linear .5s;
  -moz-animation: myfirst 2s infinite linear .5s;
  /* Firefox */
  -webkit-animation: myfirst 2s infinite linear .5s;
  /* Safari 和 Chrome */
  -o-animation: myfirst 2s infinite linear .5s;
  /* Opera */}
.sec6-box li:nth-child(6){top:190px;right: 0;}
.sec6-box li:nth-child(7){top:292px;right: 10px;animation: myfirst 2.5s infinite linear;
  -moz-animation: myfirst 2.5s infinite linear;
  /* Firefox */
  -webkit-animation: myfirst 2.5s infinite linear;
  /* Safari 和 Chrome */
  -o-animation: myfirst 2.5s infinite linear;
  /* Opera */}


/*金考点应试班招生简章*/
.sec7{background: #f9f9f9;padding:70px 0; margin-top: 70px;}
.zsjz h4{font-size: 22px;color:#808080;text-align: center;padding-top: 6px;background: url(../images/line3.png) no-repeat center 22px;width: 516px;margin:0 auto;}
.zsjz td{border: 1px solid #e6e6e6;}
.zsjz table {width: 100%;border-collapse: collapse;margin-top: 50px;}
.zsjz table tr th{font-size: 22px;padding:24px 0;border:none;background: #424ab7;color:#fff;}
.zsjz table tr td{padding:30px 0;text-align: center;font-size: 18px;}
.zsjz table tr td a{display: inline-block;width: 120px;height: 40px;line-height: 40px;color:#fff;margin-top: 50px;
                    background: -webkit-linear-gradient(to right,#db0503,#f7413f);
					background: -o-linear-gradient(to right,#db0503,#f7413f);
					background: -moz-linear-gradient(to right,#db0503,#f7413f);
					background: -mos-linear-gradient(to right,#db0503,#f7413f);
					background: linear-gradient(to right,#db0503,#f7413f);
}
.zsjz_p{text-align: left;margin-left: 34px;}
.zsjz table tr td p span{display: inline-block;padding:6px 22px;color:#fff;line-height: 40px;font-size: 18px;margin-right: 16px;
                         background: -webkit-linear-gradient(to right,#db0503,#f7413f);
					     background: -o-linear-gradient(to right,#db0503,#f7413f);
						 background: -moz-linear-gradient(to right,#db0503,#f7413f);
						 background: -mos-linear-gradient(to right,#db0503,#f7413f);
						 background: linear-gradient(to right,#db0503,#f7413f);
}
.zixun{width: 370px;height: 60px;font-size: 22px;color:#fff;font-weight: bold;text-align: center;line-height: 60px;border-radius: 30px;margin:50px auto 0;box-shadow: 0 0 14px #feb6b6;
	    background: -webkit-linear-gradient(to right,#ef6167,#e44949);
		background: -o-linear-gradient(to right,#ef6167,#e44949);
		background: -moz-linear-gradient(to right,#ef6167,#e44949);
		background: -mos-linear-gradient(to right,#ef6167,#e44949);
		background: linear-gradient(to right,#ef6167,#e44949);
}

/*四大课程服务 学习循序渐进*/
.sec8{margin-top: 70px;}
.sec8 ul li{float: left;width: 260px;height: 278px;background: #fff;box-shadow: 0 0 16px #edecec;border-top:4px solid #424ab7;margin:50px 0 0 20px;}
.sec8 ul li:nth-child(1){margin-left: 0;}
.sec8 ul li img{display: block;margin:40px auto 26px;}
.sec8 ul li h3{font-size: 22px;font-weight: bold;color:#424ab7;text-align: center;}
.sec8 ul li p{font-size: 16px;padding:20px 20px 0;}

/*有关“学员听课”的那些事 */
.sec9{background:#fff url(../images/question.png) no-repeat top center;margin-top: 70px;}
.sec9 h2{font-size: 40px;font-weight: bold;text-align: center;color:#fff;padding-top: 66px;}
.sec9 h2 span{color:#fcddac;}
.question{padding:50px 0;background: #fff;box-shadow: 0px 6px 14px #f9f9f9;margin-top: 50px;}
.question ul{width: 1042px;margin:0 auto;}
.question ul li{padding:40px 0;border-bottom: 1px dashed #cccccc;}
.question ul li:nth-child(3){border:none;padding-bottom: 0;}
.question ul li h3{padding:0 100px;font-size: 22px;font-weight: bold;}
.question ul li h3 img{display: inline-block;margin-right: 10px;vertical-align: top;margin-top: -2px;}
.question ul li p{padding:10px 144px 0;font-size: 18px;color:#808080;}

/*互动交流平台*/
.sec10{margin-top: 70px;}
.sec10 ul{background-color: #fff;border:20px solid #424ab7;padding:90px 0;margin-top: 50px;}
.sec10 ul li{float: left;}
.sec10 ul li:nth-child(1){margin-left: 140px;}
.sec10 ul li:nth-child(2){margin:0 60px;}
.sec10 ul li p{text-align: center;font-size: 20px;padding-top: 20px;}

/* our */
.our {padding: 70px 0 0;}
.our h2 {font-size: 48px; font-weight: bold; line-height: 80px; text-align: center; margin-bottom: 50px;}
.our h2 i {color: #424ab7;}
.our .our_bg {background: #333;}
.our ul{width: 880px;margin:0 auto;}
.our ul li {float: left; width: 170px; padding: 120px 0; text-align: center; color: #fff;}
.our ul li:nth-of-type(1) {background: url(../images/our_bg_1.png) no-repeat center;}
.our ul li:nth-of-type(2) {background: url(../images/our_bg_2.png) no-repeat center;}
.our ul li:nth-of-type(3) {background: url(../images/our_bg_3.png) no-repeat center;}
.our ul li:nth-of-type(4) {background: url(../images/our_bg_4.png) no-repeat center;}
.our ul li:nth-of-type(5) {background: url(../images/our_bg_5.png) no-repeat center;}
.our ul li img {display: inline;}
.our ul li h3 {font-size: 30px; font-weight: bold; line-height: 60px;}
.our ul li h4 {font-size: 20px; line-height: 30px;}