/* CSS Document */
*{margin:0; padding:0;}
a{text-decoration:none;}
ul li{list-style:none;}
img{outline:none; border:none;}
input,select{outline:none;}
area{outline:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
i,em{font-style:normal;}
body{font-family:Microsoft YaHei; font-size:12px;}


/*header*/
.header{width:1100px; height:119px; line-height:119px; overflow:hidden; margin:0 auto;}
.header a{width:100px; height:119px; overflow:hidden; float:left;}
.header p{float:right; color:#fff; font-size:18px;}

/*banner*/
.banner{width:1100px; height:473px; overflow:hidden; margin:0 auto; position:relative;}
.banner a{position:absolute; top:358px; height:64px; line-height:64px; color:#fff; font-size:26px;}
.banner a.btn{width:275px; left:73px; text-indent:88px; background:url(../images/btn1.png) no-repeat;}
.banner a.btn2{width:262px; left:367px; text-indent:63px; background:url(../images/btn2.png) no-repeat;}

/*youhui*/
.youhui{width:1100px; height:142px; overflow:hidden; margin:0 auto;}
.youhui dl{width:837px; height:112px; padding-top:30px; overflow:hidden; margin:0 auto;}
.youhui dl dd{float:left; width:516px; margin-left:56px;}
.youhui dl dd p{width:100%; line-height:50px; text-align:center; color:#158efa; font-size:20px; font-weight:bold;}
.youhui dl dd p font{font-size:26px;}
.youhui dl dd p i{font-size:26px;}
.youhui dl dd span{width:100%; line-height:42px; text-align:center; color:#158efa; font-size:18px; display:block;}
.youhui dl dt{float:left; width:180px; margin-left:18px; padding-top:14px;}


/*main_one*/
.main_one{width:1100px; height:882px; padding-top:285px; overflow:hidden; margin:0 auto; position:relative;}

.cour_intro{width:1100px; height:270px; overflow:hidden;}

#course_focus{width:100%; height:270px; overflow:hidden; position:relative;}
.cour_banner{width:956px; height:270px; overflow:hidden; margin-left:90px; position:relative;}
.cour_banner ul{height:270px; overflow:hidden; position:absolute; top:0px; left:0px; z-index:2;}
.cour_banner ul li{float:left; width:239px; height:250px; padding-top:20px; background:url(../images/bg.png) no-repeat;}
.cour_banner ul li dt{width:90px; height:90px; margin-left:55px; overflow:hidden;}
.cour_banner ul li dd{width:100%;}
.cour_banner ul li dd h4{width:202px; line-height:58px; text-align:center; color:#333; font-size:30px; font-weight:bold;}
.cour_banner ul li dd p{width:202px; line-height:30px; text-align:center; color:#848484; font-size:18px;}

.cour_banner ul li:hover{background:url(../images/bg_se.png) no-repeat;}
.cour_banner ul li:hover dt img{display:none;}
.cour_banner ul li:hover dt img.pic_se{display:block;}
.cour_banner ul li:hover dd h4{color:#158efa;}


.cour_point{width:100%; height:11px; opacity:0; text-align:center; position:absolute; bottom:-60px; left:0px; z-index:10;}
.cour_point span{display:inline-block; margin-right:6px; cursor:pointer; width:11px; height:11px;}
.cour_point span.se{background-position:-38px -24px;}

#course_focus font{ width:24px; height:36px; z-index:10; position: absolute; top:108px; cursor: pointer;}
#course_focus .prev{ left:0px; background:url(../images/prve.png) no-repeat;}
#course_focus .prev:hover{background:url(../images/prve_se.png) no-repeat;}
#course_focus .next{ right:0px; background:url(../images/next.png) no-repeat;}
#course_focus .next:hover{background:url(../images/next_se.png) no-repeat;}

.course_main{width:1100px; height:auto; margin-top:70px;}

#tab{width:1078px; padding-left:22px; height:89px; overflow:hidden; margin-bottom:11px;}
#tab span{width:206px; height:80px; line-height:80px; color:#333333; font-size:22px; margin-top:10px; cursor:pointer; margin-right:6px; background:url(../images/tab_bg.png) no-repeat; text-align:center; float:left;}
#tab span.se{background:url(../images/tab_bg_se.png) no-repeat; height:90px; line-height:90px; margin-top:0px; color:#fff; font-size:34px;}

#tab_content{width:1100px; height:auto;}
#tab_content div{width:1022px; height:auto; padding:28px 34px 42px; display:none; background:#fff; border-radius:14px; box-shadow:6px 12px 30px #ffe8be;}
#tab_content div table{width:100%; height:auto; text-align:center;}
#tab_content div table tr th{height:65px; color:#158EFA; font-size:26px; font-weight:normal; border-bottom:2px solid #158EFA;}
#tab_content div table tr td{height:64px; color:#333333; font-size:20px; border-bottom:1px solid #158EFA;}
#tab_content div table tr:last-child td{border-bottom:none;}
#tab_content div table tr td a{width:133px; height:34px; border-radius:10px; line-height:34px; text-align:center; color:#fff; font-size:20px; background:#fdce4a; border:1px solid #fdce4a; display:inline-block;}
#tab_content div table tr td a:hover{background:#ff733a; color:#FFF;}


.btn_main{position:absolute; width:100%; text-align:center; height:80px; overflow:hidden; bottom:0px; left:0px;}
.btn_main a{width:311px; height:80px; line-height:72px; background:url(../images/btn3.png) no-repeat; color:#fff; font-size:26px; font-weight:bold; text-align:center; display:inline-block; margin-right:18px;}
.btn_main p{width:311px; height:80px; line-height:72px; background:url(../images/btn4.png) no-repeat; color:#fff; font-size:26px; font-weight:bold; text-align:center; display:inline-block;}


/*main_two*/
.main_two{width:1100px; height:763px; overflow:hidden; margin:0 auto; position:relative;}

.main_two dl{width:390px; height:108px; padding-top:26px; overflow:hidden; position:absolute;}
.main_two dl dd{float:left; width:204px; margin-left:32px;}
.main_two dl dd h4{width:100%; line-height:44px; color:#fff; font-size:26px; font-weight:bold;}
.main_two dl dd p{width:100%; line-height:34px; color:#fff; font-size:20px;}
.main_two dl dt{width:118px; padding-top:18px; float:left;}
.main_two dl dt a{width:114px; height:34px; line-height:34px; text-align:center; border:2px solid #fff; border-radius:16px; color:#fff; font-size:20px; display:block;}
.main_two dl dt a:hover{background:#fff; color:#ff6835;}

.main_two dl.short_dl{width:320px; height:180px; overflow:hidden;}
.main_two dl.short_dl dd{width:100%; text-align:center; margin-left:0px; float:none;}
.main_two dl.short_dl dt{float:none; width:100%;}
.main_two dl.short_dl dt a{margin:0 auto;}


/*main_three*/
.main_three{width:1100px; height:724px; padding-top:198px; margin:0 auto; overflow:hidden; position:relative;}
.main_three table{width:1028px; overflow:hidden; margin:0 auto; text-align:center;}
.main_three table tr th{height:64px; color:#158EFA; font-size:26px; font-weight:normal;}
.main_three table tr td{height:64px; color:#333333; font-size:20px;}
.main_three table tr td a{width:133px; height:34px; border-radius:10px; line-height:34px; text-align:center; color:#fff; font-size:20px; background:#fdce4a; border:1px solid #fdce4a; display:inline-block;}
.main_three table tr td a:hover{background:#ff733a; color:#FFF;}


/*main_four*/
.main_four{width:1100px; height:450px; padding-top:187px; margin:0 auto; overflow:hidden; position:relative;}
.main_four table{width:1100px; overflow:hidden; margin:0 auto; text-align:center;}
.main_four table tr td{color:#333333; font-size:16px;}
.main_four table tr td font{display:block; font-size:26px; margin-bottom:6px;}

.main_four .course_main{margin-top: 50px;}
#tab1{width:1100px; overflow:hidden; position:relative; height: 75px;}
#tab1 span{width:550px; height:50px; line-height:50px; color:#414141; font-size:30px;  cursor:pointer;  float:left; text-align: center; position: relative;}
#tab1 span.se{color: #1869c5; font-weight: bold;}
#tab1 span.se b{display: block;}
#tab1 b{display: none; position: absolute; 
top: 50px; background:no-repeat url(../images/tabicon.png)top center/100% 14px; width: 16px; height: 14px; left: 0; right: 0; margin: 0 auto; z-index: 99;}
#tab_content1{width:1100px; height:204px; margin-top: 15px;}
#tab_content1 div{width:1100px; height:auto; display: none;}
#tab_content1 div table{width:100%; height:auto; text-align:center;}
#tab_content1 div table tr th{height:65px; color:#fff; font-size:22px; font-weight:normal;  background: #1869c5;}
#tab_content1 div table tr td{height:34px; color:#414141; font-size:20px; border-bottom:1px solid #fff; background: #e7f3fe;}
#tab_content1 div table tr:last-child td{border-bottom:none;}
#tab_content1 div table tr td a{width:133px; height:34px; border-radius:10px; line-height:34px; text-align:center; color:#fff; font-size:20px; background:#fdce4a; border:1px solid #fdce4a; display:inline-block;}
#tab_content1 div table tr td a:hover{background:#ff733a; color:#FFF;}
#tab_content1 div table tr:last-child td{border: none;}


/*main_five*/
.main_five{width:1100px; height:333px; padding-top:313px; margin:0 auto; overflow:hidden; position:relative;}

.focus{width:429px;height:333px;overflow:hidden;position:relative; float:right;}
.focus ul{height:333px;position:absolute;}
.focus ul li{float:left;width:429px;height:333px;overflow:hidden;position:relative;}
.focus ul li dt{width:429px; height:333px; overflow:hidden; position:relative;}
.focus ul li dt p{position:absolute; bottom:54px; left:0px;}
.focus ul li span{width:429px; height:333px; position:absolute; top:0px; left:0px; background:#000; opacity:0.5; display:none;}
.focus ul li dd{width:389px; height:273px; padding:30px 20px; position:absolute; top:0px; left:0px; color:#fff; display:none;}
.focus ul li dd h5{width:100%; line-height:24px; font-size:16px; text-decoration:underline;}
.focus ul li dd p{width:100%; line-height:22px; font-size:14px; margin-top:10px;}

.focus ul li:hover dt p{display:none;}
.focus ul li:hover span{display:block;}
.focus ul li:hover dd{display:block;}



.focus .btn{position:absolute;width:429px;height:10px;padding:5px 10px;right:0;bottom:15px;text-align:center;}
.focus .btn span{display:inline-block;_display:inline;_zoom:1;width:44px;height:12px;_font-size:0;margin-left:6px;cursor:pointer;background:#158efa;}
.focus .btn span.on{background:#fff;}
.focus .preNext{width:0px;height:0px;position:absolute;top:90px;cursor:pointer;display:none;}
.focus .pre{left:0;}
.focus .next{right:0;background-position:right top;}


/*main_six*/
.main_six{width:1100px; height:547px; overflow:hidden; margin:0 auto; position:relative;}


#bh_tab{width:100%; height:273px; overflow:hidden; position:absolute; top:213px;}
#bh_tab span{width:87px; height:70px; overflow:hidden; cursor:pointer; color:#fff; text-align:center; font-size:22px; font-weight:bold; border-radius:50%; line-height:28px; padding-top:17px; position:absolute;}
#bh_tab span.se{background:#fff; color:#fdb85b;}

#bh_content{width:100%; height:94px; overflow:hidden; position:absolute; top:302px; left:0px;}
#bh_content div{width:100%; height:94px; overflow:hidden; display:none;}
#bh_content div dl{width:880px; height:94px; overflow:hidden; margin:0 auto;}
#bh_content div dl dt{float:left; width:186px; height:94px; line-height:94px; color:#fff; font-size:28px; font-weight:bold;}
#bh_content div dl dd{float:left; width:694px; line-height:94px; color:#fff; font-size:18px;}


/*main_seven*/
.main_seven{width:1100px; height:867px; overflow:hidden; margin:0 auto; padding-top: 67px;}
.main_seven h2{width:100%; line-height:128px; text-align:center; color:#fff; font-size:60px; font-weight:bold;}

.pic{width:1100px; height:auto; overflow:hidden;}
.pic ul li{float:left; overflow:hidden; margin-right:15px; height:151px; margin-bottom:16px;}
.pic ul li img{ -webkit-transition:all 0.4s linear;}
.pic ul li img:hover{ -webkit-transform:scale(0.9);}

/*footer*/
.footer{width:100%; height:294px; padding-top:80px; overflow:hidden; text-align:center; color:#fff; font-size:18px; line-height:30px;}

.main_eight{width:1100px; height:291px; overflow:hidden; margin:0 auto; padding-top: 86px;}

.main_eight .pic ul li{float: left; background: url(../images/tbg.png) no-repeat; width: 164px; height: 164px; margin: 0 9.5px;}

.main_eight .pic ul li span{display: block; background: url(../images/ticon.png) no-repeat; width: 42px; height: 41px; background-position:  0 -3px; margin: 39px auto 30px; transition: all 0.2s; }
.main_eight .pic ul li p{text-align: center; font-size: 20px; color: #2074d3; font-weight: bold;}
.main_eight .pic ul li:nth-child(2) span{background-position:  -52px 0; }
.main_eight .pic ul li:nth-child(3) span{background-position:  -105px -2px;}
.main_eight .pic ul li:nth-child(4) span{background-position:  -148px -4px;}
.main_eight .pic ul li:nth-child(5) span{background-position:  -196px -3px;}
.main_eight .pic ul li:nth-child(6) span{background-position:  -251px -3px;}
.main_eight .pic ul li:hover span{transform: rotate(360deg);}
.main_eight .pic{margin-bottom: 55px;}

.main_eight .btn_main{position: relative;}