@charset "gb2312";

body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select{margin:0;padding:0; }

body{/*font:12px "ËÎÌå","Arial Narrow",HELVETICA;*/ font:12px Arial,"\5B8B\4F53",sans-serif;background:#fff;-webkit-text-size-adjust:100%;}

a{text-decoration:none; color:#333; }

a:hover{text-decoration:underline; color:#e82222;}

em{font-style:normal; overflow:hidden;}



ul,li{list-style:none;}

table{border-spacing:0;border-collapse:collapse;}

img{border:0;vertical-align:middle}



.ff_wryh{font-family:"Microsoft Yahei";}



input {outline: none;}textarea {outline: none;}



input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}



/*common*/

body{

	font-family: "Microsoft YaHei";

}

.wave{

	width: 100%;

	height: 14px;

	margin-bottom: 10px;

	background: url(../images/wave.png) no-repeat;

}

.wave2{

	width: 105px;

	height: 6px;

	background: url(../images/wave0.png) no-repeat;

}

.red{

	color: #e82b2b;

}

.line{

	border: 1px dashed #ff8200;

}

.point{

	width: 6px;

	height: 5px;

	display: inline-block;

	margin: 4px;

	background: url(../images/point.png) no-repeat;

}

.ml60{

	margin-left: 60px;

}







.zg_header_bg {

    background: #fff;

}

.zg_header {

    padding-top: 6px;

    height: 44px;

    overflow: hidden;

}

.layout {

    width: 1000px;

    margin: 0 auto;

}

.zg_logo {

    width: 166px;

}

.fl {

    float: left;

}

a {

    text-decoration: none;

    color: #fff;

}

img {

    border: none;

    vertical-align: middle;

}

.zg_nav {

    padding-left: 10px;

    line-height: 44px;

    color: #333;

}

.zg_nav a {

    margin: 0 8px;

    color: #333;

}

.zg_header p {

    font: 16px/44px "΢ÈíÑźÚ";

    color: #666;

}

.fr {

    float: right;

}

.clearfix:after {

    content: "";

    clear: both;

    display: block;

}



.zg_banner{

	width: 100%;

	height: 612px;

	position: relative;

	background: url(../images/zg_banner.jpg) no-repeat center top;

}

.zg_banner .zg_img_box{

	position: absolute;

	left: 50%;

	margin-left: -500px;

}

.zg_banner .zg_img_box img{

	display: block;

}

.zg_banner .zg_banner_text{

	position: absolute;

	left: 50%;

	bottom: 35px;

	font-size: 22px;

	text-align: center;

	margin-left: -300px;

}

.zg_banner .zg_banner_text strong{

	font-size: 24px;

}

.zg_content{

	width: 100%;

	/*height: 1320px;*/

	background: url(../images/back1.jpg);

}

.zg_content .zg_con_wrap{

	width: 1000px;

	height: 1350px;

	margin: 0 auto;

	position: relative;

	background: url(../images/case.png) no-repeat;

}

.zg_content .zg_con_text{

	position: absolute;

	top: 90px;

	left: 50%;

	margin-left: -257px;

}

.zg_content .zg_con_text h1{

	font-size: 44px;

	text-align: center;

	color: #333;

}

.zg_content .zg_con_text p{

	color: #666;

	font-size: 30px;

	text-align: center;

}

.zg_inside{

	width: 100%;

	position: absolute;

	top: 200px;

}

.zg_inside form{

	padding: 15px 30px 20px;

	font-size: 24px;

	font-weight: bold;

	overflow: hidden;

}

.zg_inside form div{

	float: left;

}

.zg_inside label{

	height: 40px;

}

.zg_inside input{

	height: 32px;

	font-size: 16px;

	background: none;

	outline: none;

	border: none;

	border-bottom: 1px solid #000;

}

.zg_inside .name{

	padding-left: 40px;

	background: url(../images/user.png) no-repeat;

}

.zg_inside .tel{

	padding-left: 40px;

	margin-left: 30px;

	background: url(../images/tel.png) no-repeat;

}

.zg_inside .qq{

	padding-left: 40px;

	

}



.zg_inside  span.djs{
	background: #79c950;
	color: #fff;
	font-size: 13px;
	line-height: 35px;
	display: inline-block;
	padding: 0px 5px;
}
.zg_inside  a.djs{
	background: #79c950;
	color: #fff;
	font-size: 15px;
	line-height: 35px;
	display: inline-block;
	padding: 0px 15px;
}






.zg_inside .btn{

	width: 173px;

	height: 54px;

	color: #2d8001;

	font-size: 24px;

	font-weight: bold;

	margin-left: 90px;

	border: none;

	line-height: 54px;

	text-align: center;

	cursor: pointer;

	background: url(../images/btn1.png) no-repeat;

}

.zg_inside .btn.active{

	color: #fff;

	background: url(../images/btn2.png) no-repeat;

}

.zg_inside .dashedd{

	height: 2px;

	margin: 0 30px;

	border-bottom: 1px dashed #666;

}

.zg_inside .tips1{

	color: #666;

	font-size: 18px;

	font-weight: normal;

	margin: 15px 0  0 20px;

}

.zg_inside .course{

	padding: 30px 30px 20px;

	overflow: hidden;

}

.zg_inside .course_t{

	/*overflow: hidden;*/

	height: 302px;

}

.zg_inside .course_t div{

	float: left;

}

.zg_inside .course_t a{

	color: #000;

	cursor: pointer;

}

.zg_inside .course_t a:hover{

	color: #000;

	text-decoration: none;

}

.zg_inside .course h2{

	font-weight: normal;

	font-size: 24px;

}

.zg_inside .course p{

	font-size: 18px;

	line-height: 34px;

}

.zg_inside .video_box{

	margin-left: 40px;

}

.zg_inside .shiting{

	width: 56px;

	height: 260px;

	color: #fff;

	border: 2px solid #333;

	font-size: 24px;

	text-align: center;

	border-radius: 5px 0 0 5px;

	background: #333333;

}

.zg_inside .shiting div{

	position: relative;

	top: 45px;

	left: 20px;

}

.zg_inside .video{

	width: 388px;

	height: 260px;

	border: 2px solid #333;

	border-radius: 0 5px 5px 0;

	background: #c1f4a6;

	display: none;

}

.zg_inside .video iframe{

	width: 388px;

	height: 260px;

	border: 0;

}

.zg_inside .bang{

	width: 14px;

	height: 300px;

	position: relative;

	top: -15px;

	left: 5px;

	background: url(../images/bang.png) no-repeat;

}

.zg_inside .video_tab{

	width: 32px;

	height: 260px;

	margin-left: 3px;

	position: relative;

	top: 10px;

}

.zg_inside .video_tab li{

	width: 32px;

	height: 62px;

	font-size: 16px;

	text-align: center;

	cursor: pointer;

	background: url(../images/circle1.png) no-repeat;

}

.zg_inside .video_tab li.active{

	color: #fff;

	background: url(../images/circle0.png) no-repeat;

}

.zg_inside .video_tab li div{

	position: relative;

	top: 13px;

	left: 2px;

	font-size:12px;

}

.zg_inside .course_b{

	overflow: hidden;

}

.zg_inside .course_b div{

	float: left;

}

.zg_inside .course_b a{

	color: #000;

	cursor: pointer;

}

.zg_inside .course_b a:hover{

	color: #000;

	text-decoration: none;

}

.zg_inside .book{

	width: 488px;

	height: 319px;

	/*background: url(../images/book.png) no-repeat;*/

}

.zg_inside .cor{

	position: relative;

	top: 50px;

	left: 30px;

}

.zg_content .ad{

	width: 1000px;

	height: 211px;

	margin: 0 auto;

	padding: 50px 0 64px;

}

.zg_content .zg_lecture_back{

	width: 100%;

	height: 815px;

	background: url(../images/back2.png);

}

.zg_content .lecture{

	width: 1000px;

	height: 815px;

	margin: 0 auto;

	position: relative;

	background: url(../images/lecture_box1.png) no-repeat;

}

.zg_content .lecture .lec_title{

	width: 396px;

	height: 111px;

	position: absolute;

	top: 78px;

	left: 50%;

	margin-left: -192px;

	z-index: 10;

}

.zg_content .lecture .cloud1{

	width: 178px;

	height: 44px;

	background: url(../images/wave2.png) no-repeat;

	position: absolute;

	top: 288px;

	left: -260px;

}

.zg_content .lecture .cloud2{

	width: 172px;

	height: 65px;

	background: url(../images/wave3.png) no-repeat;

	position: absolute;

	top: 518px;

	right: -240px;

}

.zg_lecture_back ul{

	width: 303px;

	height: 474px;

}

.zg_lecture_back ul li{

	width: 303px;

	height: 84px;

	overflow: hidden;

	position: relative;

	cursor: pointer;

	background: url(../images/list2.png) no-repeat;

}

.zg_lecture_back ul li.active{

	background: url(../images/list1.png) no-repeat;

}

.zg_lecture_back ul li div{

	float: left;

}

.zg_content .le_wrap{

	width: 956px;

	height: 480px;

	position: absolute;

	top: 210px;

	margin: 0 19px 0 25px;

}

.zg_content .le_wrap .left, .zg_content .le_wrap .right{

	float: left;

}

.zg_content .le_wrap .time{

	width: 96px;

	height: 76px;

	font-size: 18px;

	text-align: center;

	color: #2d8001;

	line-height: 38px;

}

.zg_content .le_wrap .item{

	width: 200px;

	height: 76px;

	font-size: 18px;

	text-align: center;

	color: #2d8001;

	line-height: 38px;

}

.mt16{

	margin-top: 16px;

}

.zg_content .le_wrap .right{

	width:917px;

	height: 474px;

	margin-left: 15px;

	background: #fff0bc;

}

.le_wrap .right .right_con{

	display: none;

	margin: 25px 28px 30px;

}

.le_wrap .right .right_con h1{

	color: #333;

	line-height: 34px;

	font-size: 24px;

	font-weight: bold;

}

.right_con .line{

	margin: 12px 0;

}

.right_con .course_type{

	overflow: hidden;

	margin-top: 30px;

}

.right_con .course_type div{

	float: left;

	width: 100%;

	font-size: 18px;

	line-height: 36px;

}

.right_con .course_type dl{

	position: relative;

	left: 90px;

	top: -34px;

}

.right_con .btn_group{

	height: 72px;

	text-align: center;

	overflow: hidden;

	margin-top:15px;

}

.right_con .btn_group div{

	float: left;

}

.right_con .btn_group .b1{

	width: 205px;

	height: 71px;

	cursor: pointer;

	display: inline-block;

	background: url(../images/btn3.png) no-repeat;

}

.right_con .btn_group .b1.active{

	background: url(../images/btn5.png) no-repeat;

}

.right_con .btn_group .b2{

	width: 205px;

	height: 71px;

	cursor: pointer;

	display: inline-block;

	background: url(../images/btn4.png) no-repeat;

}

.right_con .btn_group .b2.active{

	background: url(../images/btn6.png) no-repeat;

}

.zg_content .site_wrap{

	width: 100%;

	background: url(../images/back1.jpg);

}

.site_wrap .site{

	width: 1000px;

	padding: 60px 0;

	margin: 0 auto;

}

.site_wrap .site h1{

	color: #333;

	text-align: center;

	font-size: 44px;

}

.site_wrap .site h2{

	font-weight: normal;

	text-align: center;

	font-size: 30px;

	color: #666;

	line-height: 44px;

}

.site_wrap .site_list{

	overflow: hidden;

	margin: 40px 0; 

}

.site_wrap .site_list li{

	float: left;

	padding: 20px;

	width: 459px;

	height:145px;

}

.site_wrap .site_list li h3{

	font-size: 18px;

	font-weight: bold;

	line-height: 36px;

}

.site_wrap .site_list li p{

	font-size: 18px;

	color: #666;

	line-height: 36px;

}

.zg_footer {

    background: #548c37;

    height: 120px;

    text-align: center;

    padding-top: 30px;

    line-height: 30px;

    color: #fff;

    font-size: 12px;

    font-family: 'ËÎÌå';

}

.zg_fucen {

    width: 214px;

    height: 150px;

    background: url(../images/zg_fuceng.png) no-repeat;

    position: fixed;

    left: -300px;

    bottom: 0px;

    z-index: 23;

    cursor: pointer;

}

.zg_fucen_open {

    width: 100%;

    height: 150px;

    /*background: #000;*/

    background: url(../images/fuceng.png);

    position: fixed;

    left: 0;

    bottom: 0px;

    z-index: 2;

    display: none;

}

.zg_fucen_box {

    width: 1000px;

    margin: 13px auto 0;

    text-align: center;

}

.zg_fucen_box span {

    float: right;

    cursor: pointer;

}

.zg_fucen_open a {

    margin: 0 30px;

    position: relative;

}

.zg_fucen_open .qrcode,.zg_fucen_open .tencent,.zg_fucen_open .sina{

	width: 238px;

	height: 124px;

	margin: 0 35px;

	display: inline-block;

	position: relative;

}

.zg_fucen_open .qrcode div,.zg_fucen_open .tencent div,.zg_fucen_open .sina div{

	width: 116px;

	height: 120px;

	position: absolute;

	top: 1px;

	right: 2px;

}

.zg_fucen_open .qrcode{

	background: url(../images/qrcode1.png) no-repeat;

}

.zg_fucen_open .tencent{

	background: url(../images/tencent1.png) no-repeat; position:relative;

}

.tu{ width:112px; height:115px; position:absolute; left:-118px;}


.zg_fucen_open .sina{

	background: url(../images/sina1.png) no-repeat;

}

.zg_fucen_open h3{

	text-align: center;

	font-size: 18px;

	font-weight: bold;

	color: #000;

}

.zg_fucen_open p{

	text-align: center;

	font-size: 18px;

	color: #000;

}

.zg_fucen_open .guanzhu{

	width: 92px;

	height: 32px;

	background: #548c37;

	border-radius: 5px;

	color: #fff;

	line-height: 32px;

	text-align: center;

	font-size: 16px;

}

.zg_fucen_open .guanzhu.active{

	background: #fff;

	color: #548c37;

}





/* add */

.add {margin:30px auto;}







.adv .title {

      color: #595757;

      padding-left: 40px;

      font: normal 42px/82px "microsoft yahei";

    }

    .zgadd-left {

      float: left;

      width: 570px;

    }

    .zgadd-left p {

      color: #595757;

      margin-bottom: 18px;

      font: normal 22px/34px "microsoft yahei";

    }

    .zgadd-left p a {

      color: #fff;

      width: 104px;

      height: 32px;

      float: right;

      display: block;

      margin-right: 40px;

      text-align: center;

      border-radius: 15px;

      background-color: #f7bd4b;

      box-shadow: 2px 2px 10px #333;

      text-shadow: 2px 2px 5px #666;

      font: normal 18px/32px "microsoft yahei";

    }

    .zgadd-right {

      float: left;

      width: 380px;

    }

    .zgadd-right .erweima {

      width: 128px;

      height: 128px;

      padding: 4px;

      float: left;

      border: 3px solid #595757;

      background: url(../images/sjzoffcn.jpg) no-repeat center;

      background-size: 128px 128px;

    }

    .nr {

      width: 760px;

      overflow: hidden;

    }

    .zgadd-right .nr {

      float: left;

      width: 230px;

      color: #595757;

      padding-left: 8px;

      padding-top: 12px;

      font: bold 18px/28px "microsoft yahei";

    }

.kc .a-hover {

  background:#FD4545;

}

.open {

  display: block;

}


.zpgz{ width:940px;margin:0 auto; clear:both;}
.she{ width:450px; float:left; margin-left:20px;}
.she table{ width:450px; margin:0 auto; text-align:center;}
.she table tr th{ background:#62c72f; line-height:30px; font-size:16px; color:#FFF;}
.she table tr td{ background:#FFF; height:30px; line-height:24px; font-size:14px; color:#000; border:1px #62c72f solid;}
.she table tr td a {width:120px; height:30px; background:#f9cf0a; border-radius:20px; padding:5px 15px;  font-size:16px; line-height:30px; color:#F00; font-weight:bold; }


.course_type{ width:850px ;}
.course_type table{ width:850px; margin:0 auto; text-align:center;}
.course_type table tr th{ background:#62c72f; line-height:40px; font-size:16px; color:#FFF;}
.course_type table tr td{ background:#FFF; height:40px; line-height:24px; font-size:16px; color:#000; border:1px #62c72f solid;}
.course_type table tr td a {width:120px; height:40px; background:#f9cf0a; border-radius:20px; padding:5px 15px;  font-size:16px; line-height:30px; color:#F00; font-weight:bold; }


#lx{ clear:both; background:#548c37;}
.copyright{overflow:hidden;text-align: center;padding: 10px 0; background:#2b2a3a;width: 100%;height:130px}