body,td,th {font-family:'simhei';} *{margin:0; padding:0;list-style:none;font-style:normal;} img{border:0;} a{text-decoration:none} input{outline:0} .clearfix:after{content:"";display:block;clear:both;} .w1200{width:1200px;margin:0 auto;} /* 首页 */ /* 头部 */ .head{height: 125px;} .logo{float: left;} .nav{float: right;} .nav ul li{float: left;padding: 5px 0px;margin: 40px 0 0 60px;} .nav ul li a{font-size: 29px;color: #172f6b;} .nav ul li:hover{border-bottom: 4px solid #172f6b;} .nav ul li:hover a{font-weight: bold;} .lunbo{width: 100%;height: 670px;background: url(/uploads/image/images/banner001.jpg) no-repeat top center;background-size: cover;} /* 头部轮播 */ .slidebox{ width:100%; height:670px; overflow:hidden; position:relative; border:1px solid #ddd; } .slidebox .hd{ height:5px; position:absolute; right:45%; bottom:40px; z-index:1; } .slidebox .hd ul{ zoom:1; float:left; } .slidebox .hd ul li{ float:left; margin-right:2px; width:40px; height:5px; line-height:14px; text-align:center; background:#fff; cursor:pointer; } .slidebox .hd ul li.on{ background:#5bc2c7; color:#fff; } .slidebox .bd{ position:relative; height:100%; z-index:0; } .slidebox .bd img{ width:100%; height:670px; display:block; } /* 轮播2 */ .picfocus{ margin:0 auto; width:467px; border:1px solid #ccc; padding:5px; position:relative; overflow:hidden; zoom:1; } .picfocus .hd{ width:100%; padding-top:5px; overflow:hidden; } .picfocus .hd ul{ margin-right:-5px; overflow:hidden; zoom:1; } .picfocus .hd ul li{ padding-top:5px; float:left; text-align:center; } .picfocus .hd ul li img{ width:109px; height:65px; border:2px solid #ddd; cursor:pointer; margin-right:5px; } .picfocus .hd ul li.on{ background: no-repeat center 0; } .picfocus .hd ul li.on img{ border-color:#f60; } .picfocus .bd li{ vertical-align:middle; } .picfocus .bd img{ width:467px; height:230px; display:block; } /* 轮播 */ .hw_focus{float:left;position:relative; width:100%; height:465px;margin-bottom: 40px;} .hw_focus img{ width:860px; height:485px;} .hw_focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} .hw_focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#b0b0b0;font:12px/15px "\5b8b\4f53"; text-decoration:none; text-align:center; outline:0; float:left; background:#d9d9d9; } .hw_focus .btn a:hover,.hw_focus .btn a.current{ cursor:pointer;background:#fc114a;} .hw_focus .fpic{ position:absolute; left:0px; top:0px; } .hw_focus .d1fbt{ overflow:hidden; zoom:1; height:16px; z-index:10; } .hw_focus .shadow{ position:absolute; bottom:0; left:0px;padding: 25px; z-index:10; height:60px;background:rgba(0, 0, 0, 0.5);} .hw_focus .shadow .title,.hw_focus .shadow .txt{float:left;width:100%;color:#fff} .hw_focus .shadow .title{font-size:26px;font-weight:bold;margin:40px 0 10px 0;} .hw_focus .shadow .txt{font-size:15px;line-height:24px;} .hw_focus .fcon{ position:relative; width:100%; float:left; display:none; background:#000 } .hw_focus .fcon img{ display:block; } .hwfbt{top:35px; right:18px; position:absolute;width:220px;height:395px;text-align:center; z-index: 200;} .hwfbt a{ float:left;width:220px; height:123px;margin-bottom: 20px;} .hw_focus .hwfbt img{width:220px; height:123px;} .hw_focus .prev,.hw_focus .next{position:absolute;right:121px;width:15px;height:9px;z-index: 9999999} .hw_focus .prev{top:15px;background:url(/uploads/image/images/hw_top.png);cursor:pointer; } .hw_focus .next{bottom:-2px;background:url(/uploads/image/images/hw_bottom.png);cursor:pointer;} /* 轮播 */ /* 版心 */ .center{background-color: #f6f6f6;padding: 20px 0 70px 0;} .pub-title{font-size: 30px;color: #172f6b;font-weight: 700;padding: 0 10px;margin: 35px 0;border-left: 3px solid #172f6b;} /* 最新课程 */ .new-class ul li{width: 280px;float: left;margin-right: 25px;background: #fff;margin-bottom: 30px;} .new-class ul li:nth-child(4n){margin-right: 0;} .new-class ul li img{width: 100%;height: 157px;} .new-class ul li .class-title{margin: 22px 0 5px 18px;} .new-class ul li .class-title a{font-size: 20px;color: #000;font-weight: bold;} .new-class ul li .author{font-size: 16px;color: #000;margin: 5px 0 22px 18px;} /* 最新消息 */ .new-notice,.new-notice img{width: 100%;height: 365px;} /* 课程 */ .class-banner{width: 100%;height: 290px;background: url(/uploads/image/images/gkebanner.jpg) no-repeat top center;background-size: cover;} /* .class-banner,.class-banner img{width: 100%;height: 670px;} */ .bgf6{background: #f6f6f6;padding-top: 45px;} /* 切换 */ .slidetxtbox{ width:100%; text-align:left; } .slidetxtbox .hd{ height:40px; line-height:30px;margin-bottom: 45px; border-bottom:1px solid #ddd; position:relative; } .slidetxtbox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px; } .slidetxtbox .hd ul li{ float:left; padding:5px 0px;margin: 0 15px; cursor:pointer; color: #172f6b;font-size: 25px; } .slidetxtbox .hd ul li.on{ height:30px; border-bottom:2px solid #172f6b; } .slidetxtbox .bd ul li{float: left; width: 280px;height: 255px;margin: 0 25px 25px 0;background: #fff;} .slidetxtbox .bd ul li:nth-child(4n){margin-right: 0px;} .slidetxtbox .bd ul li img{width: 100%;height: 160px;} .slidetxtbox .bd ul li .class-title{margin: 10px 0 0 10px;} .slidetxtbox .bd ul li .class-title a{font-size: 20px;color: #000;} .slidetxtbox .bd ul li .class-author{margin: 5px 0 0 10px; font-size: 16px;color: #000;} /* 新闻 */ .section-one .section-one-left{float: left;width: 380px;} .section-one .section-one-left ul li{height: 60px;padding: 0 5px 0 10px;line-height: 60px;} .section-one .section-one-left ul li a,.section-one .section-one-left ul li span{font-size: 20px;color: #000;} .section-one .section-one-left ul li span{display: inline-block;float: right; padding: 0 10px;border-left: 1px solid #000;height: 25px;margin-top: 18px;line-height: 25px;} .section-one .section-one-left ul li:hover{background: #186bb5;} .section-one .section-one-left ul li:hover span{border-left: 1px solid #fff;} .section-one .section-one-left ul li:hover a,.section-one .section-one-left ul li:hover span{color: #fff;} .section-one .section-one-right{float: right;width: 825px;height: 420px;position: relative;} .section-one .section-one-right img{width: 100%;height: 100%;} .section-one .section-one-right p{position: absolute ;padding: 25px 35px; bottom: 0;left: 0;background: rgba(0, 0, 0, 0.5);font-size: 16px;color: #fff;line-height: 32px;} .section-one .section-one-left{float: left;width: 345px;height: 465px;} .section-one .section-one-left img{width: 100%;height: 100%;} .newslist ul li{width: 380px;float: left;margin-right: 30px;background: #fff;margin-bottom: 30px;} .newslist ul li:nth-child(3n){margin-right: 0;} .newslist ul li img{width: 100%;height: 220px;} .newslist ul li .class-title{margin: 22px 0 5px 18px;} .newslist ul li .class-title a{font-size: 20px;color: #000;font-weight: bold;} .newslist ul li .author{font-size: 16px;color: #000;margin: 5px 0 22px 18px;}