/*
@author: name njf
*/
body{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1,\9ED1\4F53","Heiti SC",tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;margin:0 auto;color:#000000;min-width:1200px;background:#fff;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0;padding:0;}
img{border:0 none;vertical-align:top;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style:normal;font-weight:normal}
a{color:#333;text-decoration:none;-moz-transition:color .3s ease,background-color .3s ease;-webkit-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;}
a:hover{text-decoration:none;}
a,a:hover{outline:none;*star:expression(this.onFocus=this.blur());}
input{outline:none;}
textarea{resize:none;}
.layout{width:1200px;margin:0 auto;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{float:left; _display:inline;}
.fr{float:right; _display:inline;}
.pr{position:relative;}
.abs{position:absolute;}
.dis{display: inline-block;*display: inline;*zoom: 1;}


.title{text-align: center; font-weight: bold; font-size: 38px; color: #1b4be7;}
.title i{ width:68px; height:38px;display: inline-block;*display: inline;*zoom: 1; margin: 0 20px;vertical-align: middle; background: url(/images/shuishou/zhuanti/qynbkzzt/tit01.png) no-repeat;}
.title i.right{background: url(/images/shuishou/zhuanti/qynbkzzt/tit02.png) no-repeat;}
.title p{ display: block; width: 56px; height: 6px; font-size: 0; border-radius: 3px; background: #becdff; margin: 10px auto 0;}
.title i.left01{background: url(/images/shuishou/zhuanti/qynbkzzt/tit03.png) no-repeat;}
.title i.right01{background: url(/images/shuishou/zhuanti/qynbkzzt/tit04.png) no-repeat;}


.topHeader{ background: url(/images/shuishou/zhuanti/qynbkzzt/topHeader.jpg) no-repeat center top; height: 620px;}
.topHeader h2{ width: 690px; text-align: center; margin: 0 auto; font-size: 24px; color: #0800b7; padding-top: 366px; height: 60px; line-height: 60px;}
.topHeader p{ text-align: center; color: #fff; font-size: 18px;width:795px;margin: 40px auto 0; line-height: 36px;}


.part-mod{background: url(/images/shuishou/zhuanti/qynbkzzt/partBg.jpg) no-repeat center top; height:620px; padding-top: 104px;}
.part-mod dl dt{ margin-right: 20px; width: 432px; height: 422px; background: #becdff; float: left;}
.part-mod dl dt .tuImg{ right: 10px; bottom: 10px;}
.part-mod dl dd{width: 668px; float: left;}
.part-mod dl dd strong{color: #1b4be7; font-size: 36px; display: block; margin-bottom:35px; margin-top: -5px;}
.part-mod dl dd strong i{ display:block; width: 150px; height: 5px; border-radius: 5px; background: #becdff; margin-top: 5px;}
.part-mod dl dd p em{display: block; float: left; width: 146px; color: #1b4be7; font-size: 20px;}
.part-mod dl dd p em i{ display: inline-block; *display:inline; zoom: 1; width: 12px; height: 12px; border-radius: 50%; background: #1b4be7; margin-right: 8px;}
.part-mod dl dd p span{display: block; float: left; width:520px; border-bottom: 1px dotted #8a8a8a; color: #444; line-height: 30px; padding-bottom:15px; margin-bottom:15px;}
.part-mod .courseBack{ background: #1b4be7; margin-top: 25px; padding: 30px; color: #fff; font-size: 16px; line-height: 30px; border-radius: 10px;}



.courseAdvantage .title{ margin: 35px 0 40px;}

.courseIntroCon{background: url(/images/shuishou/zhuanti/qynbkzzt/advantagesCenter.png) no-repeat center 0px; height:500px; margin-bottom: 50px;}
.courseIntroCon ul li{height:65px; background: #f8f8f8; font-size: 16px; border: 1px solid #1b4be7; border-radius: 5px;box-shadow: 4px 0 10px rgba(49,84,172,0.17); color: #5c5c5c; text-align: center; padding: 45px 35px 25px; width: 265px; line-height: 30px;}
.courseIntroCon ul li strong{display: block; width: 220px; height: 46px; line-height: 46px;text-align: center; color: #fff; font-size: 18px; background: #1b4be7; border-radius: 23px; position: absolute; left: 50%; top: -25px; margin-left: -110px;}
.courseIntroCon ul li.site01{left:50px; top: 0;}
.courseIntroCon ul li.site02{left:50px; top:185px;}
.courseIntroCon ul li.site03{right:50px; top: 0;}
.courseIntroCon ul li.site04{right:50px; top:185px;}
.courseIntroCon ul li.site05{bottom: 0; left:50%; margin-left: -180px;}


.teacher-mod{background: url(/images/shuishou/zhuanti/qynbkzzt/teacherBg.jpg) no-repeat center top; padding-top:1px; }
.teacher-mod .title{ color: #fff; font-size: 36px; padding: 55px 0 25px;}
.teacher-mod .title p{  background: #becdff;}
.teacherIntro{ background: #fff; box-shadow:4px 0 38px rgba(161,175,213,0.52); ; border-radius: 15px; padding: 65px 55px;}
.teacherIntro dl dt{ float: left; width: 290px;}
.teacherIntro dl dd{float: right; width: 740px;}
.teacherIntro dl dd strong{ font-size: 24px; border-bottom: 2px solid #10528b;display: inline-block;*dipslay:inline; zoom: 1; line-height: 60px;}
.teacherIntro dl dd span{ display: inline-block;*dipslay:inline; zoom: 1; height: 40px; line-height: 40px; padding: 0 30px; color: #10528b; font-size: 16px; margin-left: 15px; background: #d8edff;}
.teacherIntro dl dd p{ border-top: 1px solid #e3e3e3;padding: 20px 0;line-height: 38px; font-size: 16px;}
.titTab{position: absolute; left: 50%; bottom: 80px; margin-left: -195px;}
.titTab li{ display: inline-block;*dipslay:inline; zoom: 1;  margin-right: 35px; cursor: pointer;}
.titTab li.on img{ border: 1px solid #10528b; border-radius: 10px;}


.syllabus-mod .title{ margin: 60px 0 55px;}
.syllabus-con{ border: 1px solid #10528b; border-radius:8px;}
.syllabus-con dl{ margin-bottom: 10px;}
.syllabus-con dl dt{ height: 60px; line-height: 60px; background: #d8edff; color: #10528b; font-size: 18px;}
.syllabus-con dl dt.top{ border-radius: 8px 8px 0 0;}
.syllabus-con dl dt.top strong{ border-radius: 6px 0 0 0; }
.syllabus-con dl.last{margin-bottom: 0;}
.syllabus-con dl.last dt{border-radius: 0px 0px 8px 8px;}
.syllabus-con dl.last dt strong{ border-radius:0 0 0 6px;}
.syllabus-con dl dt strong{ display: inline-block;*dipslay:inline; zoom: 1;width:186px;color: #fff; text-align: center; background: #10528b; margin-right: 35px;}
.syllabus-con dl dt i{display: block; width: 26px; height: 15px;background: url(/images/shuishou/zhuanti/qynbkzzt/down.png) no-repeat; float: right; margin: 15px 25px 0 0; cursor: pointer;}
.syllabus-con dl dt.on i{background: url(/images/shuishou/zhuanti/qynbkzzt/up.png) no-repeat;}
.syllabus-con dl dd{ padding:30px 0 30px 200px; font-size: 16px; line-height: 32px; display: none;}
.syllabus-con dl dd.show{display: block;}
.syllabus-con dl dd ul{float: left; margin-left: 30px; width:420px;}
.syllabus-con dl dd ul.line{ border-left: 1px dotted #c0c0c0; padding-left: 85px; margin-left: 25px;}
.syllTab{ text-align: center; padding: 45px 0 60px;}
.syllTab li{display: inline-block;*dipslay:inline; zoom: 1; width: 540px; height: 50px; line-height: 50px; border-radius: 25px; text-align: center; font-size: 20px; border:1px solid #6d6d6d; color: #6d6d6d; margin: 0 26px;cursor: pointer;}
.syllTab li.on{ background: #10528b; color: #fff; border: none;}



.courseObject{background: url(/images/shuishou/zhuanti/qynbkzzt/teachProgram.jpg) no-repeat center top; height: 728px; padding-top: 1px;}
.courseObject .title{ margin:70px 0 55px;}
.courseObjectList{text-align: center}
.courseObjectList ul.top li{vertical-align: top;}
.courseObjectList ul.bottom li{vertical-align: bottom;}
.courseObjectList ul li{text-align: center; width: 226px; height:148px; display: inline-block; *display:inline; zoom: 1;border-radius: 10px; color: #fff; font-size: 16px; padding:55px 25px 0; margin: 0 10px;}
.courseObjectList ul li.bg{background: #10528b; height: 130px;}
.courseObjectList ul li i{display: block; width: 50px; height: 50px; border-radius: 50%; left: 50%; margin-left: -25px;}
.courseObjectList ul.top li i{ box-shadow: 0 0 16px rgba(115,136,179,0.58); background: #fff; bottom:-55px;}
.courseObjectList ul.bottom li i{box-shadow: 0 0 16px rgba(115,136,179,0.58); background: #10528b; top: -55px;}
.courseObjectList .line{width: 1200px; border-bottom: 1px dotted #5f5f5f;margin: 30px auto;}
.courseObjectList ul.top li.bg i{bottom: -70px;}
.courseObjectList ul.bottom li.bg i{bottom: auto; top: -75px;}
.courseObjectList ul.top li.bg span,.courseObjectList ul.bottom li.bg span{ display: block; width: 30px; height: 25px;background: url(/images/shuishou/zhuanti/qynbkzzt/arrow.png) no-repeat; left: 50%; margin-left: -15px; bottom:-25px;}
.courseObjectList ul.bottom li.bg span{background: url(/images/shuishou/zhuanti/qynbkzzt/arrow02.png) no-repeat; bottom: auto; top: -15px;}
.courseObjectList ul li.center{ padding-top:81px; height:120px;}


.video-mod{background: url(/images/shuishou/zhuanti/qynbkzzt/videoBg.jpg) no-repeat center top; height:477px; padding-top: 45px;}
.video-mod img{border-radius: 8px;}
.videoPlay{width: 740px; margin: 0 auto; height: 410px; box-shadow: 0 0 32px rgba(88,122,189,0.4); padding:15px 10px; background: #fff; border-radius: 25px; text-align: center; position: relative;}
.videoPlay a{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}


.contact-wrap{background: url(/images/shuishou/zhuanti/qynbkzzt/contact.jpg) no-repeat; padding-top: 47px; height:465px;}
.contact-wrap .title{margin-bottom: 20px; color: #fff; font-size: 38px;}
.contact-wrap .title p{ background: #1a7bff; width:110px; margin-bottom: 10px; }
.contact-wrap .title span{ font-size: 24px; font-weight: normal;}
.contact-wrap ul li{width: 195px; color: #818181; font-size: 15px;display: inline-block;*display: inline;*zoom: 1; margin-bottom: 15px; font-size: 15px; color: #fff;}

.bottomFix{ background: url(/images/shuishou/zhuanti/qynbkzzt/bottomFix.jpg) no-repeat center bottom; height: 110px; position: fixed; left: 0; bottom: 0; color: #fff; width: 100%;}
.bottomFix ul{ padding: 25px 80px 0; color: #fff; font-size: 18px;}
.bottomFix ul li{display: inline-block;*display:inline; zoom: 1; margin:0 33px;float: left;}
.bottomFix ul li strong{ font-size: 40px;}
.bottomFix ul li a{display: inline-block;*display:inline; zoom: 1; width: 208px; height: 58px; border: 2px solid #ffab18; border-radius: 30px; text-align: center; line-height: 58px; color: #a14b00; font-size: 24px; font-weight: bold;
    background:#fff5e7;
    background:-webkit-linear-gradient(#fff5e7,#ffe7cb,#ffe1bd);
    background:-moz-linear-gradient(#fff5e7,#ffe7cb,#ffe1bd);
    background:-ms-linear-gradient(#fff5e7,#ffe7cb,#ffe1bd);
    background:linear-gradient(#fff5e7,#ffe7cb,#ffe1bd);
}