﻿ /* -----------------------------------------------------------
css
 -----------------------------------------------------------*/
body{ background:#f4f4f4; }
h1,h2,h3,h4,h5,h6{font-weight: normal;margin:0; padding:0;}

.banner-bd{width:100%; min-width:1200px; background:url(../images/ebanner-bg.jpg) no-repeat center top;}
.banner-md{width:1000px;height: 508px;margin:0 auto;}
.banner-w1{height: 509px;position:relative;}

.main-bd{width:100%; min-width:1200px;}
.main-md{width:1000px; margin:0 auto;}
.ban-slogan{ display:none;} 

.classbar-bd{height:142px;position:relative;background: url(../images/kbar.jpg) no-repeat center 0;}
.class-bar-md { padding-top: 20px;}
.class-bar-md .c-l{ float: left; padding-left: 45px; position: relative;}
.class-bar-md .c-l h1{ font-size: 30px; color: #fff;}
.class-bar-md .c-l p{color: #fff;margin-top: 8px;font-size: 14px;}
.class-bar-md .c-l img{ position: absolute;left: 5px; top: 8px;}
.class-bar-md .c-r{float: right;margin-top: 25px;}

.player-video{ position: absolute; right: 0; top: 80px;}
.player-video a{display: block;width: 500px;height: 380px;position: relative;}
.player-video a em {width: 185px;height: 185px;display: inline-block;background: url(../images/playico.png) no-repeat;position: absolute;left: 50%;margin-left: -92px;top: 85px;}
.player-video em:hover{ background-position: 0 -185px;}

.cbtn{display: inline-block;font-size:24px;font-weight:normal;margin:0 5px;height:48px;line-height:48px;padding: 0 30px;min-width: 130px;text-align: center;}
.cbtn img{ vertical-align: middle; margin: 0 5px;}
.b-sbtn{background:#ffa303;color:#fff; border-radius:50px; }
.b-lbtn{ border: 2px solid #fff; color:#fff;border-radius:50px; }

.w-lbtn{ border: 2px solid #fff; color:#fff;border-radius:5px; }
.w-lbtn:hover{color: #ffffff;border-radius:5px;}
.y-lbtn{ border: 2px solid #0093ff; color:#0093ff;border-radius:5px; }
.y-lbtn:hover{background: #ffffff;color: #0093ff;}

.wlist li{height: 65px;font-size: 20px;color: #333;line-height: 65px;margin-bottom: 15px;background: url(../images/lr-bg.png) no-repeat #fff;}
.wlist li strong{ font-size: 24px; color: #0093ff; font-weight: normal;}
.wlist li span{ display: inline-block;font-size: 30px; color: #fff; width: 170px; text-align: center;line-height: 65px; margin-right: 85px;}
.wlist li.lbg1{ background-position:-10px 0;}
.wlist li.lbg2{ background-position:-30px 0;}
.wlist li.lbg3{ background-position:-60px 0;}
.wlist.mw span{ margin-right: 50px;}

.cu-md{margin: 25px 0  50px 0;text-align: center;}

.container-m1{ background: url(../images/cmbg1.jpg) no-repeat center top;}
.container-m1 .main-md{ height:585px;}
.container-m1 .big-title2{ padding-top: 90px; margin-bottom: 40px;}
.container-m2{ background: url(../images/tm1-bg.jpg) no-repeat center top;}
.container-m2 .main-md{ background: url(../images/tm1-img.jpg) no-repeat center top; height:650px; position: relative}
.container-m3{ background: url(../images/cmbg3.jpg) no-repeat center top;}
.container-m3 .main-md{ height:750px;}

.big-title{text-align:center;padding-top:60px;margin-bottom: 35px;font-size:22px;color:#00827d;}
.big-title p{font-size: 20px;color: #333;font-family: Arial;}
.big-title h1{text-align:center;color:#333;font-weight: bold;font-size: 38px;margin-bottom: 6px;}
.big-title2{text-align:center;padding-top:60px;margin-bottom: 35px;font-size:22px;color:#00827d;}
.big-title2 h1{text-align: center;color:#fff;font-weight: bold;font-size: 38px;margin-bottom: 6px;}

.zd-md p{ text-align: center;}
.zd-md ul li{ float: left; width:180px; padding:15px 35px; color: #fff; font-size: 15px; line-height: 22px;}

.glist li{height: 65px;font-size: 20px;color: #333;line-height: 65px;margin-bottom: 15px;background:#fff;}
.glist li strong{ font-size: 24px; color: #0093ff; font-weight: normal;}
.glist li i{ float: left; margin-right: 25px; display: inline-block; height: 66px; width: 70px; background: url(../images/getico.png) no-repeat;}

.n-md { margin-left: 340px;}
.n-md .nlist li{clear: both;height: 72px;margin-bottom: 8px;font-size: 15px;color: #fff;width: 660px;}
.n-md .nlist img{ float: left; margin-right: 20px; vertical-align: middle;}
.n-md .nlist span{padding-top: 16px;display: inline-block;float: left;width: 555px;line-height: 30px;}
.n-md .cu-md2{ padding-left: 90px;}
.n-md .nlist.nes{ line-height: 68px;}
.n-md .nlist.nes li:nth-child(1) span,.n-md .nlist.nes li:nth-child(5) span{ line-height: 68px;}
.n-md .nlist.nfr{ margin-bottom:20px; line-height: 68px;}
.n-md .nlist.nfr li{ margin-bottom:5px;}
.n-md .nlist.nfr li span{ line-height: 68px;}
.n-md .nlist.npt { margin-bottom: 15px;}
.n-md .nlist.npt li{ margin-bottom: 2px;}
.n-md .nlist.npt li:nth-child(1) span,.n-md .nlist.npt li:nth-child(3) span,.n-md .nlist.npt li:nth-child(5) span{ line-height: 68px;}
.n-md .nlist.nde { margin-bottom: 15px;}
.n-md .nlist.nde li{ margin-bottom: 15px;}
.n-md .nlist.nde li:nth-child(1) span,.n-md .nlist.nde li:nth-child(4) span,.n-md .nlist.nde li:nth-child(5) span{ line-height: 68px;}
.n-md .nlist.nru { margin-bottom: 35px;}
.n-md .nlist.nru li{ margin-bottom:20px;}
.n-md .nlist.nru li:nth-child(3) span{ line-height: 28px;}

.tab2 li{float:left;width:50%;}
.tab3 li{float:left;width: 33.33%;}
.tab4 li{float:left;width: 25%;}
.tab5 li{float:left;width: 20%;}
.tab6 li{float:left;width: 16.66%;}  
.tab7 li{float:left;width:14.28%;} 
.tab8 li{float:left;width:12.5%;} 

.couse-tab li.active a{border: 1px solid #3276d3;background: #3276d3;color: #fff;}
.couse-tab li.active a strong{ color:#333;}
.couse-tab li.active .ar-bico{ display: block;}
.couse-tab li a{text-align:center;display:block;padding:10px;color: #3276d3;border: 1px solid #3276d3;position: relative;font-size: 22px;height: 42px;line-height: 42px;margin-left: -1px;}
.couse-tab .ar-bico{width:32px;height:20px;display: none;background: url(../images/ar-png.png) no-repeat;position: absolute;left: 50%;margin-left: -15px;bottom: -16px;}

.couse-item {position: relative;margin: 40px 0  0px 0;}
.couse-item table td{ padding: 10px; background: #fff;}
.couse-item table tr:nth-child(2n) td{ background: #f9f9f9;}
.couse-item .nms{ text-align: right; width: 60px;}
.couse-item .nms span{ display: inline-block;  border: 1px solid #ddd; padding: 5px; width: 25px; height: 25px; text-align: center; line-height: 25px; font-size: 16px;}
.couse-item .tit h2{ font-size: 18px; color: #333;}
.couse-item .tit p{ font-size: 12px; color: #999;}
.couse-item .pbtn{text-align: right;}
.couse-item .pbtn a{border-radius: 5px;display: inline-block;font-size: 16px;font-weight:normal;margin:0 5px;height: 34px;line-height: 34px;text-align: center;}
.couse-item .pbtn a img{ vertical-align: middle; margin: 0 5px;}
.couse-item .pbtn .s-btn{background: #ff7b20;color:#fff;height: 35px;line-height: 35px;padding: 0 15px;}
.couse-item .pbtn .l-btn{border: 1px solid #0093ff;color: #0093ff;padding: 0 7px;}

.couse-main{ margin-bottom:80px;}

.l-tit{ position: absolute; color:#fff; left:25px;top:50px;}
.l-tit h4{ font-size:18px; margin-bottom:15px;}
.l-tit h3{ font-size:42px; margin-bottom:15px;}
.l-tit p{font-size: 14px;line-height:32px;}
.l-tit.f14 p{ font-size:14px;}

.td-md dl{ border-radius: 10px; overflow: hidden; background: #fff; float: left; width: 440px; margin: 20px 30px;}
.td-md dt{ height: 66px; background: #3276d3; position: relative;}
.td-md dt h2{font-size: 26px;color: #fff;text-align: center;line-height: 66px;letter-spacing:10px;padding-left: 35px;}
.td-md dt i{ width: 67px; height: 67px; display: inline-block; background: url(../images/yfico.png) no-repeat; position: absolute; left: 35px; bottom: -20px;}
.td-md dd{padding: 35px;font-size: 16px;line-height: 30px;min-height: 60px;}
.td-md.dl3 dl{ width: 310px; margin:30px 10px;}
.td-md.dl3 dl dt i{ left: 15px;}

.tipstext{text-align: center;font-size: 16px;margin-top: 25px;}
.tipstext strong{font-size: 22px;font-weight: bold;color: #0093ff;}

.tipstext a{display: inline-block;font-size: 16px;font-weight:normal;margin:0 5px;height: 32px;line-height: 32px;padding: 0 10px;text-align: center;border: 1px solid #0093ff;border-radius: 5px;color: #0093ff;}














