@charset "UTF-8";
/*-----default model-----*/
body,h1, h2, h3, h4, h5, h6,p,ul, ol, dl, dd,figure, menu, input, textarea, button, select, th, td,figcaption {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6,b, strong {font-size: 100%;font-weight: normal;}
li {list-style: none;}
em, i {font-style: normal;}
img {border:none; max-width: 100%;}
input,textarea,button,select {outline: 0 none;}
table{border-collapse: collapse; margin:0 auto;}
textarea {resize: vertical;}
a {text-decoration: none;outline: 0 none;color:inherit}
i,em{ font-style:normal;}
table{border-collapse:collapse;width: 100%;color: #333;text-align: center;}
.clearfix:before,.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfix{zoom:1} 
body{width: 100%;height:100%;font-size: 12px;min-width: 1100px!important; font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;color: #444;background: #faf8ff;}


.nav-bgd,.dv_mn{display:none;}
.nav-fixed{position: fixed;top: 0;left: 0;width: 100%; z-index: 900; _position: absolute; _top: expression(eval(document.documentElement.scrollTop));_left:20px }
.pbot80{padding-bottom: 80px;}
.m-show,.m-ib{display: none!important;}
.qgfx_box {margin-top: 10px; margin-bottom: 20px!important;}
a[title="站长统计"]{display: none;}
@media only screen and (min-width: 800px) {
	.pc-hide{display:none !important;}
}
.wrap{position: relative; width: 1100px; margin: 0 auto;font-size: 0;text-align: center;}

 /* 输入框填充背景 */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px white inset;
}
 
/* 输入框填充透明 */
/* input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #fff;
  transition: background-color 5000s ease-out 0.5s;
} */
 
 
/*banner */
.banner-box{position:relative;height:261px;background:url(../images/banner.jpg) no-repeat center top; overflow:hidden;width:100%; text-align:center;}
.banner-box .wrap{}
.banner-box .logo{width: auto; position: absolute;left: 0; top: 23px; cursor: pointer;display: block;}
.banner-box .logo img{width: 100%;}

/* nav */
.nav{width: 100%; height: 80px;display: block; float: left; clear: both; background: #504aac;
	-webkit-box-shadow: 0 5px 16px rgba(80,74,172,.45);
	box-shadow: 0 5px 16px rgba(80,74,172,.45);
}
.nav ul{width: 100%; clear: both; float: left; margin-top: 20px;}
.nav ul li{width: 104px; height: 40px; display: inline-block; margin: auto 3px; background: rgba(40,32,155,.3);
	border-radius: 20px;
}
.nav ul li a{width: 100%; font: 18px/40px "microsoft yahei"; color: #fff;}
.nav ul li:hover{background: #e6bd7c; /* Safari 5.1 - 6.0 */ /* Opera 11.1 - 12.0 */ /* Firefox 3.6 - 15 */
	background: -webkit-gradient(linear, left top, right top, from(#e5ba77) , to(#f0d5a2));
	background: linear-gradient(to right, #e5ba77 , #f0d5a2); /* 标准的语法 */
}
.nav ul li:hover a{color: #1a1c53;}

/*section1*/
.sec01{width: 100%; float: left; margin-top: 10px; height: 212px; clear: both;}
.s1-cont{width: 1120px;float: left;clear: both;height: 212px;background: url(../images/s1-img01.png) no-repeat center;}
.s1-cont ul{float: left; margin-left: 139px; background: url(../images/s1-img02.png) no-repeat center; width: 946px; height: 212px;}
.s1-cont ul li{float: left;margin: 46px 32px auto;}
.s1-cont ul li font{font: 18px/48px "microsoft yahei"; color: #665c4a; text-align: center;}
.s1-cont ul li i{width: 24px; height: 24px; display: block; margin: auto; background: url(../images/s1-img03.png) no-repeat center;}
.s1-cont ul li p{font: 18px/24px "microsoft yahei"; color: #9e9e9e; text-align: left;}

/* section02 */
.sec02{width: 100%; clear: both; height: auto;  float: left; position: relative; margin-bottom: 30px;}
.s2-left{float: left; width: 200px; height: auto; background: #fff;
	-webkit-box-shadow: 0 0 24px rgba(159,130,223,.2);
	box-shadow: 0 0 24px rgba(159,130,223,.2)
}
.fixedLeft{position: fixed; top: 10px;}
.s2-left ul{float: left; width: 100%;}
.s2-left ul li{width: 100%; border-bottom: solid 1px #eeeeee; float: left;}
.s2-left ul li:last-child{border-bottom: 0;}
.s2-left ul li.active{}
.s2-left ul li font{font: 20px/46px "microsoft yahei"; float: left;color: #665c4a;width: 100%; text-align: left; cursor: pointer;}
.s2-left ul li.active font{color: #fff;background: #554cc5;}
.s2-left ul li font i{width: 22px; height: 46px; float: left; display: block;margin-left: 16px; margin-right: 15px;}
.s2-left ul li font i.icon01{background: url(../images/icon01-1.png) no-repeat center;}
.s2-left ul li font i.icon02{background: url(../images/icon02-1.png) no-repeat center;}
.s2-left ul li font i.icon03{background: url(../images/icon03-1.png) no-repeat center;}
.s2-left ul li font i.icon04{background: url(../images/icon04-1.png) no-repeat center;}
.s2-left ul li font i.icon05{background: url(../images/icon05-1.png) no-repeat center;}
.s2-left ul li font i.icon06{background: url(../images/icon06-1.png) no-repeat center;}
.s2-left ul li.active font i.icon01{background: url(../images/icon01-2.png) no-repeat center;}
.s2-left ul li.active font i.icon02{background: url(../images/icon02-2.png) no-repeat center;}
.s2-left ul li.active font i.icon03{background: url(../images/icon03-2.png) no-repeat center;}
.s2-left ul li.active font i.icon04{background: url(../images/icon04-2.png) no-repeat center;}
.s2-left ul li.active font i.icon05{background: url(../images/icon05-2.png) no-repeat center;}
.s2-left ul li.active font i.icon06{background: url(../images/icon06-2.png) no-repeat center;}
.s2-left ul li font em{width: 16px; height: 46px;display: block; float: right; margin-right: 10px; background: url(../images/arr-right.png) no-repeat center;}
.s2-left ul li.active font em{background: url(../images/arr-down.png) no-repeat center;}
.SubColumn{width: 100%; clear: both; float: left; margin: 8px 0; display: none;}
.s2-left ul li.active .SubColumn{display: block;}
.SubColumn a{float: left; margin-left: 42px; font: 16px/45px "microsoft yahei"; color: #665c4a;}
.SubColumn a:before{content: "";width: 12px; height: 45px; display: block; float: left; margin-right: 8px;}
.s2-left ul li.active .SubColumn a.dot:before{background: url(../images/dat.png) no-repeat center;}

.s2-right{float: right; width: 880px; height: auto; background: #fff; padding: 35px 0;
	-webkit-box-shadow: 0 0 24px rgba(159,130,223,.2);
	box-shadow: 0 0 24px rgba(159,130,223,.2)
}


/* 考试介绍 */
.s2-right .part{float: left; width: 100%; clear: both; margin-bottom: 20px;}
.s2-right .part .title{width: 148px; height: 50px; float: left; background: url(../images/title01.png) no-repeat center; margin-left: -14px;}
.s2-right .part .title02{width: 211px; background: url(../images/title02.png) no-repeat center;}
.s2-right .part .title03{width: 163px; background: url(../images/title03.png) no-repeat center;}
.s2-right .part .title font{float: left;  font: 22px/36px "microsoft yahei"; color: #fff; margin-left: 30px; margin-top: 5px;}
.s2-right .part .partR{clear: both; width: 92%; float: left; margin: 10px 4% auto;}
.s2-right .part .partR p{float: left; width: 100%; text-align: left;color: #665c4a;}
.s2-right .part .ks-jj{border: dashed 1px #888177; height: auto; padding: 15px 0;}
.s2-right .part .ks-jj p{font: 18px/36px "microsoft yahei"; color: #665c4a; text-align: left; text-indent: 2em; width: 94%; margin: auto 3%;}

/* 报名相关 */
.s2-right .part .bm-tj{}
.s2-right .part .bm-tj .tj-top{background: url(../images/bm-img01.png) no-repeat center bottom; width: 100%;float: left; margin: 5px 0 20px;}
.s2-right .part .bm-tj .tj-top font{font: bold 24px/50px "microsoft yahei"; color: #554cc5;}
.s2-right .part .bm-tj .tj-top p{font: 18px/36px "microsoft yahei"; color: #484761; text-align: left;width: 90%; float: left; margin: 5px 5% 15px;}
.s2-right .part .bm-tj .tj-left{background: url(../images/bm-img02.png) no-repeat center bottom; width: 389px;float: left; margin: auto;}
.s2-right .part .bm-tj .tj-right{float: right;}
.s2-right .part .bm-tj .tj-left font{font: bold 24px/50px "microsoft yahei"; color: #554cc5;}
.s2-right .part .bm-tj .tj-left ul{float: left; margin: 15px auto 17px;width: 100%;}
.s2-right .part .bm-tj .tj-left ul li{width: 90%;float: left; margin: 0 5% 8px;}
.s2-right .part .bm-tj .tj-left ul li i{width: 20px; height: 20px; display: block; float: left; margin-top: 8px; margin-right: 5px; font: 18px/20px arial; color: #fff; background: #dbb870;
	border-radius: 50%;
}
.s2-right .part .bm-tj .tj-left ul li p{float: left; width: 320px; float: left; text-align: left; font: 18px/36px "microsoft yahei"; color: #464c60;}
.bm-tj form{width: 100%; height: 206px; float: left; background: url(../images/bm-img03.png) no-repeat center; margin: 15px auto;}
.bm-tj form font{width: 100%;font: 24px/68px "microsoft yahei";color: #554cc5;background: url(../images/bm-img04.png) no-repeat center;float: left;margin-bottom: 5px;}
.bm-tj form ul{clear: both; width: 100%;float: left;margin-bottom: 25px;}
.bm-tj form ul li{width: 355px; height: 36px; display: inline-block; float: none; margin: auto 7px; border: solid 1px #d2d2d2;  color: #666; }
.bm-tj form ul li span{float: left; margin-left: 20px;font: 18px/36px "microsoft yahei"; float: left;}
.bm-tj form ul li input,.bm-tj form ul li select{width: 242px; height: 36px; border: none; float: left;font: 18px/36px "microsoft yahei"; color: #666;}
.bm-tj form a{width: 220px; height: 50px; display: block; margin: auto; background: url(../images/bm-img05.png) no-repeat center; clear: both;
	border-radius: 25px;
}
.bm-sj{}
.bm-sj h3{font: 18px/46px "microsoft yahei"; color: #464c60; float: left; clear: both;}
.bm-sj h3:before{content: '';width: 7px; height: 17px; display: block; float: left; background: #554cc5; margin-top: 15px;margin-right: 5px;}
.bm-sj ul{width: 100%; background: url(../images/bm-img07.png) no-repeat center bottom; background-size: 100%; float: left; clear: both; margin-top: 15px; margin-bottom: 20px;}
.bm-sj ul li{width: 164px; display: inline-block; margin: 0 18px auto; height: 164px; padding-bottom: 21px;float: left;}
.bm-sj ul li:first-child{margin-left: 22px;}
.bm-sj ul li time{display: block;width: 164px; height: 164px; background: url(../images/bm-img06.png) no-repeat center; font: 20px/24px "microsoft yahei"; color: #fff; text-align: center;-webkit-box-sizing: border-box;box-sizing: border-box; padding: 50px 22px;;
	 
}
.bm-sj ul li span{font: 18px/44px "microsoft yahei"; color: #464c60;}
.part .bmrk{float: left; font: 18px/36px "microsoft yahei"; color: #464c60; margin-top: 5px; margin-left: 15px;}
.zkz-time,.zkz-enter{float: left;width: 100%;clear: both;}
.zkz-time p,.zkz-enter p{font: 18px/45px "microsoft yahei"; color: #484761;}
.zkz-time p:before{content: '';width: 18px; height: 45px; display: block; float: left; margin-right: 5px; background: url(../images/zkz-icon01.png) no-repeat center;}
.zkz-enter p:before{content: '';width: 18px; height: 45px; display: block; float: left; margin-right: 5px; background: url(../images/zkz-icon02.png) no-repeat center;}

.kasTime{float: left;width: 100%;clear: both;}
.kasTime ul{width: 100%; clear: both;}
.kasTime ul li{float: left; clear: both; width: 100%;}
.kasTime ul li i{float: left; margin-top: 13px; margin-right: 8px;}
.s2-right .partR.kasTime ul li p{font: 18px/36px "microsoft yahei"; color: #484761; float: left;width: 80%;}

.kas-km{}
.kas-km table{width: 100%; border-left: solid 1px #babec9;}
.kas-km table th{font: bold 20px/50px "microsoft yahei"; color: #fff; background: #554cc5;}
.kas-km table td{border-right: solid 1px #babec9;border-bottom: solid 1px #babec9; font: 18px/50px "microsoft yahei"; color: #464c60;}
.kas-fz{}
.fz-left{float: left; width: 48%;}
.fz-right{float: right; width: 48%;}
.fz-btm{width: 100%; clear: both; float: left; margin-top: 15px;}
.kas-fz font{width: 100%; font: bold 20px/50px "microsoft yahei"; color: #fff; background: #dbb870; display: block;}
.kas-fz table{width: 100%; border-left: solid 1px #babec9;}
.kas-fz table th{font: bold 18px/46px "microsoft yahei"; color: #9d7727; background: #f4f0e9;border-right: solid 1px #babec9;}
.kas-fz table td{border-right: solid 1px #babec9;border-bottom: solid 1px #babec9; font: 18px/50px "microsoft yahei"; color: #464c60;}
.kas-fz table td span{color: #554cc5; font-weight: bold;}

.hgbz{width: 100%; clear: both; float: left; margin: 25px auto 15px;}
.hgbz img{display: block; margin: auto;}
.cj-gl{}
.cj-gl p{font: 18px/36px "microsoft yahei"; color: #484761;}

.zsTxt{}
.zsTxt p{width: 90%;font: 18px/36px "microsoft yahei"; color: #484761; text-align: left; float: left; margin: 20px 5% 10px; text-indent: 2em;}



/*section2*/

/*按钮悬停*/
.hvr-grow-shadow{
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    -webkit-transition-property: -webkit-box-shadow, -webkit-transform;
    transition-property: -webkit-box-shadow, -webkit-transform;
    transition-property: box-shadow, transform;
    transition-property: box-shadow, transform, -webkit-box-shadow, -webkit-transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:active {
    -webkit-box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

#TxtEnd{float: left; clear: both;}
