@charset "gb2312";
/* CSS Document */
/*
* Description: 二建备考指导专题
* Update:      12/10/2017
* Author:      yixiaofang
*/
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
ul,ol{list-style: none;}
body{font-size: 16px; background-color:#19122f;  color:#333;font-family: "microsoft YaHei";}
select,input,button{vertical-align: middle;font-size: 100%;border:0;}
fieldset,img{border: 0 none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;}
em,i,b{font-style: normal;}
a{ color:#fff; text-decoration: none;}
a:hover{text-decoration:none;}
.clear {clear: both;display: block;height: 0; visibility: hidden; font: 0/0 arial}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0}
.clearfix {*zoom: 1}
/* ---------------------------------分隔线--------------------------------- */
.autoin{margin:0 auto;width:1000px;}
.btn{display:block;text-align:center; background-color:#28efda; font-size:22px;color:#000142;margin:0 auto;}
.btn:hover{background-color:#8cf9ed;}
.title{ text-align:center;color:#fff;}
.title h3{ height:50px; line-height:50px; background:url(../images/til_bg.png) no-repeat top center; font-size:48px;  }
.title2 h3{ background:url(../images/til_bg2.png) no-repeat top center;  }
.title em{ color:#3ce0f6;}
.title p{ font-size:22px; padding-top:15px;}
/* banner */
	.banner{width:100%;	position: relative;	height:550px;overflow: hidden;}
	.banner .autoin{ position:relative;}
	.ban_d{ position:absolute; top:214px; height:117px; }
	.ban_l{ width:456px; background:url(../images/ban_01.png) no-repeat; left:-461px; }
	.ban_r{ width:464px; background:url(../images/ban_02.png) no-repeat; right:-469px; }
	.ban_01{ width:474px; height:345px; background:url(../images/ban_03.png) no-repeat; position:absolute; top:80px; left:66px; }
	.ban_01 a{ width:183px; position:absolute; left:144px; bottom:-75px; height:48px; line-height:48px; border-radius:5px; }
	
	.ban_con li{ display:none; position:absolute;}
	.ban_con .li01{ width:455px; height:510px; top:45px; right:20px; background:url(../images/ban_04.png) no-repeat; }
	.ban_con .li02{ width:484px; height:514px; top:41px; right:-10px; background:url(../images/ban_05.png) no-repeat; }
	.ban_con .li03{ width:439px; height:512px; top:43px; right:33px; background:url(../images/ban_06.png) no-repeat; }

/*p-1*/
	@-webkit-keyframes cir {from{opacity: .5;} to{opacity: 1;}}
	@keyframes cir {from{opacity: .5;} to{opacity: 1;}}
	@-webkit-keyframes cir2 { to{ -webkit-transform: rotate(40deg); transform: rotate(40deg); }}
	@keyframes cir2 { to{ -webkit-transform: rotate(40deg); transform: rotate(40deg); }}
	@-webkit-keyframes e1 { to{ left: -3px; top: -20px; opacity: .7; } }
	@keyframes e1 { to{ left: -3px; top: -20px; opacity: .7; } }
	@-webkit-keyframes e2 { to{ left: -2px; top: -7px; opacity: .6; } }
	@keyframes e2 { to{ left: -2px; top: -7px; opacity: .6; } }
	@-webkit-keyframes e3 { to{ left: -15px; top: -40px; opacity: .65; } }
	@keyframes e3 { to{ left: -15px; top: -40px; opacity: .65; } }
	@-webkit-keyframes e4 { to{ left: -3px; top: -22px; opacity: .5; } }
	@keyframes e4 { to{ left: -3px; top: -22px; opacity: .5; } }
	@-webkit-keyframes huan { from{opacity: .2;} to{opacity: 1;}}
	@keyframes huan { from{opacity: .2;} to{opacity: 1;}}
	@-webkit-keyframes huan2 { to{-webkit-transform: rotate(360deg);transform: rotate(360deg);} }
	@keyframes huan2 { to{-webkit-transform: rotate(360deg);transform: rotate(360deg);} }
	@-webkit-keyframes cir4 { to{ -webkit-transform: scale(1.1); transform: scale(1.1); }}
	@keyframes cir4 { to{ -webkit-transform: scale(1.1); transform: scale(1.1); }}
	
	.p-1{height: 629px; padding-top:50px;}
	.p-1 .inner{height: 629px;}
	.p-1 .inner{position: relative; width:1180px; margin:0 auto;}
	.p-1 .map-mask{ position: absolute; z-index: -999; left: 50%; top: 405px; margin-left: -672px; width: 1309px; height: 645px; background-position:center; background-repeat: no-repeat;}
	.p-1 h2{padding: 40px 0 15px; font-size: 50px; color: #363d4c; font-weight: bold; text-align: center;}
	.p-1 h2 span{color: #44c67e;}
	.p-1 h4{font-size: 30px; font-weight: bold; text-align: right; margin-top: 75px;}
	.p-1 strong{text-align: right; font-size: 22px; font-weight: normal; display: block; margin: 5px 0 39px; }
	.p-1 .des{width: 270px; color: #fff; height: 245px; top:10px;  position: absolute; left: 113px; opacity: 0; }
	.p-1 .det{position: absolute; bottom: 155px;  left: 317px; display: block; font-size: 15px; color: #44c67e;  -webkit-transition: border-bottom .2s ease;  transition: border-bottom .2s ease; border-bottom: transparent 1px solid; }
	.p-1 .det:hover{ border-bottom: 1px #44c67e solid; }
	.p-1btn{ position: absolute; top:286px; left: 165px;}
	.p-1 .btn-zn{ margin-bottom:30px; width: 248px; height: 48px;background-color: #28efda; line-height: 48px; border-radius: 45px; text-align: center; display: block;   color: #19122f; font-size: 30px; }
	.p-1 .btn-zn:hover{ background-color:#8cf9ed;  border: 2px #28efda solid; height:44px; line-height:44px; }
	.p-1 .i-pgot{ background:url(../images/pgot.png) no-repeat;display: block;}
	.p-1 .one, .p-1 .two, .p-1 .three, .p-1 .four, .p-1 .five{ position: absolute; top: 36px; display: block; width: 86px;height: 139px; z-index: -1;}
	.p-1 .one{width: 86px;height: 139px;background-position: -889px -134px;}
	.p-1 .two{width: 91px;height: 138px;background-position: -1069px -214px;}
	.p-1 .three{width: 86px;height: 141px;background-position: -979px -214px;}
	.p-1 .four{ width: 103px;height: 136px;background-position: -689px -708px;}
	.p-1 .five{ width: 85px;height: 139px;background-position: -689px -565px;}
	.p-1 .deses{position: absolute;}
	.p-1 .znpc{position: absolute; right: 40px; top: 8px; width: 500px; height: 500px;}
	.p-1 .znpc img{position: absolute;}
	.p-1 .znpc .cen-wrap{width: 208px; height: 208px; padding: 16px; position: absolute; top: 50%; left: 50%; margin-top: -104px; margin-left: -104px; /*background: #ccc;*/}
	.p-1 .znpc .cen{top: 49px; left: 42px; width: 124px; height: 107px; background-position: -662px -2px; }
	.p-1 .znpc .cir2{ top: 30px; left: 26px; width: 163px; height: 155px; -webkit-animation: cir2 7s ease infinite alternate; animation: cir2 7s ease infinite alternate; -webkit-transform-origin: 79px 73px; transform-origin: 79px 73px; background-position: -662px -113px;}
	.p-1 .znpc .cir3{left: 15px; top: 13px; width: 179px; height: 178px; background-position: -346px -272px;}
	.p-1 .znpc .shi{top: 0; left: 0; width: 208px; height: 208px; background-position: -979px -2px;}
	.p-1 .znpc .cir{left: -66px; top: -66px; width: 340px; height: 339px; -webkit-animation: cir 1s ease infinite alternate; animation: cir 1s ease infinite alternate;  background-position: -2px -134px;}
	.p-1 .znpc .e1{z-index: -1; left: -22px; top: -15px; -webkit-animation: e1 2s ease infinite alternate; animation: e1 2s ease infinite alternate;width: 259px; height: 289px; background-position: -529px -272px;}
	.p-1 .znpc .e2{z-index: -2; left: -22px; top: -1px; -webkit-animation: e2 3s ease infinite alternate; animation: e2 3s ease infinite alternate;width: 225px; height: 268px; background-position: -2px -565px;}
	.p-1 .znpc .e3{z-index: -3; left: 16px; top: -30px; -webkit-animation: e3 3s ease infinite alternate; animation: e3 3s ease infinite alternate; width: 216px; height: 258px; background-position: -231px -565px;}
	.p-1 .znpc .e4{z-index: -4; left: -15px; top: -29px; -webkit-animation: e4 3s ease infinite alternate; animation: e4 3s ease infinite alternate; width: 234px; height: 281px; background-position: -451px -565px;}
	.p-1 .znpc .line{left: -26px; top: 34px; background-position: -829px -134px; height: 26px; width: 0; }
	.p-1 .znpc .line2{ float: right; right: 360px; top: -32px; background-position: right top; background-repeat: no-repeat; height: 50px; width: 0; }
	.p-1 .znpc .cir4{ display: none; left: -382px; top: -36px; width: 10px; height: 11px; background-color:#959595; border-radius:50%; -webkit-animation: cir4 .8s ease-in infinite alternate; animation: cir4 .8s ease-in infinite alternate;}
	.p-1 .znpc .huan, .p-1 .znpc .huan2, .p-1 .znpc i{ display: block; width: 128px; height: 128px; background-position: center; background-repeat: no-repeat;}
	.p-1 .znpc .huan{background-position: -829px -2px;}
	.p-1 .znpc .huan2{background-position: -346px -134px; -webkit-animation: huan2 10s ease infinite alternate;animation: huan2 10s ease infinite alternate;}
	.p-1 .znpc i{position: absolute; top: 0;}
	.p-1 .znpc .i1{background-position: -2px -2px;}
	.p-1 .znpc .i2{background-position: -134px -2px;}
	.p-1 .znpc .i3{background-position: -266px -2px;}
	.p-1 .znpc .i4{background-position: -398px -2px;}
	.p-1 .znpc .i5{background-position: -530px -2px;}
	.p-1 .znpc .ii{-webkit-transition: .5s;transition: .5s;}
	.p-1 .znpc .ii:hover{-webkit-transform: scale(1.05);transform: scale(1.05);}
	.p-1 .znpc .huan{position: absolute;-webkit-animation: huan 1.5s ease infinite alternate;animation: huan 1.5s ease infinite alternate;}
	@keyframes rotate {
		to{transform: rotate(-360deg);}
	}
	@keyframes rotate-reverse {
		to{transform: rotate(360deg);}
	}
	
	.p-1 .znpc .hh{ position: absolute; width: 450px; height: 450px; left: 50%; top: 50%; margin-left: -225px; margin-top: -225px; transition: transform .5s; }
	.p-1 .znpc .hi{ -webkit-transition: -webkit-transform .5s;transition: -webkit-transform .5s;transition: transform .5s;transition: transform .5s, -webkit-transform .5s; }
	.p-1 .znpc .hi p{color: #fff; text-align:center; margin-top: -15px;}
	.p-1 .znpc .h1, .p-1 .znpc .h2, .p-1 .znpc .h3, .p-1 .znpc .h4, .p-1 .znpc .h5{ position: absolute; cursor: pointer;}
	.p-1 .znpc .h1{left: 161px; top: -23px;}
	.p-1 .znpc .h2{left: 336px; top: 104px;}
	.p-1 .znpc .h3{left: 269px; top: 310px;}
	.p-1 .znpc .h4{left: 55px; top: 311px;}
	.p-1 .znpc .h5{left: -14px; top: 104px;}
	
/*teacher*/
	.teacher{ padding-bottom:80px;}
	.tea_ul{ padding:35px 0 28px 63px;}
	.tea_ul li{ cursor:pointer; text-align:center; color:#2aeaf5; line-height:20px; width:123px; float:left; padding:6px 0; width:123px; border:1px solid #2aeaf5;}
	.tea_ul li.cur{ background-color:#2aeaf5; color:#19122f;}
	.tea_d{ padding-bottom:40px;}
	.tea_dc{  display:none; }
	.tea_dc.cur{ display:block;}
	.tea_l,.tea_r{ float:left;}
	.tea_l{  position:relative; width:609px;}
	.tea_r{padding-top:139px; width:340px; color:#fff; }
	.tea_l1{height:463px; background:url(../images/tea_02.png) left top no-repeat; }
	.tea_l2{height:463px; background:url(../images/tea_03.png) left top  no-repeat; }
	.tea_l3{height:455px; background:url(../images/tea_04.png) left top  no-repeat; }
	.tea_l4{height:450px; background:url(../images/tea_05.png) left top  no-repeat; }
	.tea_l5{height:454px; background:url(../images/tea_06.png) left top  no-repeat; }
	.tea_l6{height:461px; background:url(../images/tea_07.png) left top  no-repeat; }
	.tea_l7{height:469px; background:url(../images/tea_08.png) left top  no-repeat; }
	.tea_vid{ width:439px; height:244px; background:url(../images/tea_01.png) no-repeat; position:absolute; bottom:0; right:0; }
	.tea_vid a{ display:block; width:316px; height:198px; position:absolute; top:17px; left:55px;}
	.tea_btn{ display:none; position:absolute; top:60px; left:60px; width:298px; height:93px; background-color:#19122f; text-align:center; color:#fff; border:4px solid #1f647a; }
	.tea_btn span{ position:absolute; top:5px; right:5px; font-size:30px; line-height:30px; cursor:pointer;}
	.tea_btn p{ font-size:20px; line-height:30px; padding-top:15px; }
	.tea_r h4{ font-size:24px; }
	.tea_r p{ height:233px; padding-top:20px; font-size:16px; line-height:30px; }
	.tea_r p b{ color:#3ce0f6;}
	.tea_r a{width:150px; height:40px; line-height:40px; font-size:16px; }
	.tea_tab{ width:870px; margin:0 auto; text-align:center; border-left:1px solid #28efda;border-top:1px solid #28efda;color:#fff; font-size:18px;}
	.tea_tab th,.tea_tab td{  border-right:1px solid #28efda;border-bottom:1px solid #28efda; }
	.tea_tab .btn{ width:94px; height:33px; line-height:33px; font-size:18px; }
	.tea_tab .btn_01{ background-color:#a0a0a0; color:#fff; }
	.tea_tab .btn_01.hover{ background-color:#28efda; color:#19122f;}

/*tao_c*/	
	.title1 h3{ background:url(../images/til_bg1.png) no-repeat top center; }
	.tao_con{ color:#fff; width:871px; padding-top:20px;height:424px; border:2px solid #227e92; margin:35px auto 40px; }
	.tao_con h4{ text-align:center; line-height:54px; font-size:30px;}
	.tao_d{ padding-top:64px;}
	.tao_l,.tao_r{ float:left; height:267px;}
	.tao_l{ border-right:1px dashed #227e92; width:405px; position:relative;}
	.tao_l h5{ position:absolute;width:405px; text-align:center; top:-64px; left:0; font-size:24px; line-height:44px; }
	.tao_ul span,.tao_ul p{ float:left; display:block;}
	.tao_ul span{ width:148px;  font-size:22px; color:#2aeaf5; }
	.tao_ul li{ padding-left:41px;}
	.tao_ul p{ font-size:18px; line-height:34px; width:154px;}
	.tao_r{ width:464px;}
	.tao_ul1 span{ width:80px; }
	.tao_ul1 p{ width:288px;}
	.tao_ul1 p em{ color:#3ce0f6;}
	.tao_ul1 p.p1{ font-size:22px; padding:20px 0 30px 0; }
	.tao_btn a{ width:150px; height:40px; line-height:40px; float:left; font-size:16px; margin-right:20px; }

	.tao_fot p{ text-align:center; color:#fff; font-size:30px;}
	.tao_fot p a{ display:inline-block; vertical-align:middle; width:150px; height:40px; line-height:40px; font-size:16px; margin-right:20px;}
	
/*扉页*/
.feiye{width:100%;line-height:20px;font-size:12px;text-align:center;color:#666666; padding-top:30px;}