/*
@author: bdd
*/
body,input,textarea,button{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1,\9ED1\4F53","Heiti SC",tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;}
body{margin:0 auto;color:#333;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;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
input,button,textarea,a,a:hover{outline:none;}
textarea{resize:none;}
.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;}
.tc{text-align:center;}
.mr0{margin-right:0 !important;}
.layout{width:1200px;margin:0 auto;}
.hide{display: none;}
/*top header*/
.topHeader{
    height:546px;
    width:100%;
    /*background: url("/images/shuishou/zhuanti/ipoxunlianying/banner.png") no-repeat center top;*/
}
.topHeader a {
    display: inline-block;
    width: 147px;
    height: 36px;
    margin: 31px 15px 0 0;
    overflow: hidden;
    line-height: 500px;
}
.topHeader a.logo02 {
    width: 176px;
}
.topHeader ul{
    padding-top:230px;
}
.topHeader ul li{
    background:rgba(52,89,198,.6);
    font-size:28px;
    color: #fff;
    letter-spacing: 15px;
    width:661px;
    height:45px;
    margin: 0 auto 22px;
    -webkit-border-radius: 22.5px;
    -moz-border-radius: 22.5px;
    border-radius: 22.5px;
}
.topHeader ul li span{
    display: inline-block;
}
.topHeader ul li i{
    display:inline-block;
    background: url("/images/shuishou/zhuanti/ipoxunlianying/top-icon1.png") no-repeat;
    background-size: 100% auto;
    margin-left: 75px;
    margin-right:20px;
    vertical-align: -5px;
    position: relative;
    top:5px;
}
.topHeader ul li.li1 i{
    width: 33px;
    height: 31px;
    top:3px;
}
.topHeader ul li.li2 i{
    background: url("/images/shuishou/zhuanti/ipoxunlianying/top-icon2.png") no-repeat;
    width: 35px;
    height: 38px;
}
.topHeader ul li.li3 i{
    background: url("/images/shuishou/zhuanti/ipoxunlianying/top-icon3.png") no-repeat;
    width: 35px;
    height: 36px;
}
/**/
.course-mod{
    background: url("/images/shuishou/zhuanti/ipoxunlianying/bg1.jpg") no-repeat center top;
    width: 100%;
    height: 508px;
}
.title {
    text-align: center;
    padding-top:50px;
    padding-bottom:6px;
}
.title h3 {
    font-size:36px;
    color: #3459c6;
    background: url("/images/shuishou/zhuanti/ipoxunlianying/title-h1.png") no-repeat center center;
}
.title i {
    display: inline-block;
    width:27px;
    height:27px;
    margin-right:27px;
    background: url("/images/shuishou/zhuanti/ipoxunlianying/title-iconl.png") no-repeat;
}
.title i.tit01 {
    background: url("/images/shuishou/zhuanti/ipoxunlianying/title-iconr.png") no-repeat;
    margin-left:27px;
}
/**/
.course-con ul{
    margin-top:51px;
}
.course-mod .list{ margin-top:51px;}
.course-mod li{ float:left; width:386px; height:272px; margin-right:20px; position:relative; overflow:hidden;}
.course-mod li.bg01{ background:url("/images/shuishou/zhuanti/ipoxunlianying/part1-bg1.png") no-repeat;}
.course-mod li.bg02{ background:url("/images/shuishou/zhuanti/ipoxunlianying/part1-bg2.png") no-repeat;}
.course-mod li.bg03{ background:url("/images/shuishou/zhuanti/ipoxunlianying/part1-bg3.png") no-repeat;}
.course-mod li h3{text-align:center;font-size:34px;color:#fff;font-weight:bold;padding-top:42px;position:relative;}
.course-mod li h3 img{
    margin-bottom: 28px;
}
.course-mod li h3 p{
    line-height: 1;
}
.course-mod li h3 span{
    font-size:24px;
    margin-top: 11px;
    font-weight: normal;
    display: inline-block;
}
.course-mod li .text{height:187px;background:#fff;position:absolute;left:0;bottom:-187px;}
.course-mod li .text p{ font-size:18px; line-height:32px; padding:8px 25px;}

/**/
.teacher-mod{
    background: url("/images/shuishou/zhuanti/ipoxunlianying/middle-bg.png") bottom center no-repeat;
    height:652px;
}
.teacher-mod .title h3{
    background: url("/images/shuishou/zhuanti/ipoxunlianying/title-h2.png") no-repeat center center;
}
.teacher-mod .l-con{
    margin-left:65px;
    margin-top: 5px;
}
.teacher-mod .r-con{
    margin-left:115px;
    width:635px;
}
.teacher-mod .r-con h3{
    font-size: 28px;
    font-weight: bold;
    color: #353666;
    line-height: 1;
    margin-bottom: 21px;
    margin-top:56px;
}
.teacher-mod .r-con span{
    display: block;
    font-size: 20px;
    color: #353666;
    line-height:40px;
    margin-bottom: 13px;
    background: url("/images/shuishou/zhuanti/ipoxunlianying/li-bg1.png") no-repeat;
    background-size:238px 43px;
    height: 43px;
    text-indent:20px;
}
.teacher-mod .r-con .info{
    font-size:16px;
    line-height: 34px;
    color: #fff;
    margin-top:54px;
}
.teacher-mod .r-con .btn{
    display: inline-block;
    width: 320px;
    height: 52px;
    font-size: 22px;
    text-align: center;
    line-height: 52px;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0px 7px 18px 0px rgba(237, 147, 52, 0.23);
    -webkit-box-shadow: 0px 7px 18px 0px rgba(237, 147, 52, 0.23);
    -moz-box-shadow: 0px 7px 18px 0px rgba(237, 147, 52, 0.23);
    background: #eabe84;
    background-image: -webkit-linear-gradient(top, #c89f65, #e2c08c);
    background-image: -moz-linear-gradient(top, #c89f65, #e2c08c);
    background-image: linear-gradient(top,#c89f65,#e2c08c);
    margin:27px auto 0 153px;
    text-decoration: none;
    font-weight: bold;
}

/**/
.study-mod{
    background: url("/images/shuishou/zhuanti/ipoxunlianying/bg2.jpg") top center no-repeat;
    height:1760px;
}
.study-mod .title h3{
    background: url("/images/shuishou/zhuanti/ipoxunlianying/title-h3.png") no-repeat center center;
}
.study-mod .title{
    padding:60px 0;
}
.study-mod .tab-top{
    background: url("/images/shuishou/zhuanti/ipoxunlianying/table-top-bg.png") no-repeat;
    height:76px;
}
.study-mod .tab-top li{
    float: left;
    font-size:24px;
    font-weight: bold;
    text-align: center;
    line-height:75px;
    color: #fff;
}
.study-mod .tab-top li.li1{
    width:411px;
}
.study-mod .tab-top li.li2{
    width:786px;
}
.study-mod table{
    border-collapse: collapse;
    background:#fff;
}
.study-mod table,.study-mod tr,.study-mod td{
    border:2px solid #e9e9e9;
}
.study-mod table .td1{
    width:407px;
    text-align: center;
}
.study-mod table .td1 i{
    display: block;
    width:108px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    background: #cca36a;
    border-radius:17px;
    font-size:18px;
    color: #fff;
    margin:0 auto;
}
.study-mod table .td1 p{
    font-size:16px;
    line-height:48px;
}
.study-mod table .td2{
    width:786px;
    text-indent: 112px;
    font-size:16px;
    line-height:37px;
    padding: 20px 0;
}
.study-mod table .td2 .div_r{
    text-indent:0;
    margin-left:42px;
}
/**/
.book-mod{
    padding-bottom: 125px;
}
.book-mod .title h3{
    background: url("/images/shuishou/zhuanti/ipoxunlianying/title-h4.png") no-repeat center center;
}
.book-mod .title{
    padding:86px 0 45px 0;
}

.book-mod .book-con .d_img{
    height:540px;
    position:relative;
    z-index: 1;
}
.book-mod .book-con .d_img li{
    position: absolute;
    z-index: 0;
    background: #fff;
    cursor: pointer;
    overflow: hidden;
    box-shadow: 0px 0px 32px 0px rgba(79, 77, 77, 0.58);
    -webkit-box-shadow: 0px 0px 32px 0px rgba(79, 77, 77, 0.58);
    -moz-box-shadow: 0px 0px 32px 0px rgba(79, 77, 77, 0.58);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.book-mod .d_img li.d_pos1{
    left: 100px;
    width: 703px;
    height: 450px;
    top: 30px;
    z-index: 1;
}
.book-mod .d_img li.d_pos2{
    display: block;
    left: 200px;
    width: 800px;
    height: 540px;
    top: 0;
    z-index: 2;
}
.book-mod .d_img li.d_pos3{
    display: block;
    left: 396px;
    width: 703px;
    height: 450px;
    top: 30px;
    z-index: 1;
}
.book-mod .book-con a{
    display:block;
    width:81px;
    height:81px;
    position:absolute;
    top:50%;
    margin-top:-40.5px;
    z-index:2;
}
.book-mod .book-con a.d_prev{
    background: url(/images/shuishou/zhuanti/ipoxunlianying/prev-icon.png) no-repeat;
    left:0;
}
.book-mod .book-con a.d_next{
    background: url(/images/shuishou/zhuanti/ipoxunlianying/next-icon.png) no-repeat;
    right:0;
}
/**/
.video-mod{
    background: url("/images/shuishou/zhuanti/ipoxunlianying/bg3.jpg") top center no-repeat;
    height:1284px;
}
.video-mod .title h3{
    background: url("/images/shuishou/zhuanti/ipoxunlianying/title-h5.png") no-repeat center center;
}
.video-mod .title{
    padding-bottom:0;
    margin-bottom:50px;
}
.video-mod .tab-con{
    height:670px;
    background:url("/images/shuishou/zhuanti/ipoxunlianying/video-play.png") no-repeat;
    position:relative;
}
.video-mod .tab-con .icon{
    display:block;
    background:url("/images/shuishou/zhuanti/ipoxunlianying/video-icon.png") no-repeat;;
    width:170px;
    height:170px;
    position:absolute;
    left:50%;
    top:50%;
    margin:-85px 0 0 -85px;
}
.video-mod .tab-con .btn{
    display:block;
    width:1200px;
    height:670px;
    line-height:0;
    font-size:0;
    position:absolute;
    left:0px;
    top:0px;
    z-index:9;
}
.video-mod .tab-con #playerContent{
    width:1200px;
    height:670px !important;
    position:absolute;
    left:0px;
    top:0px;
    z-index:29;
}
.video-mod .list{
    margin-top:70px;
}
.video-mod .list li{
    float:left;
    width:386px;
    height: 179px;
    margin-right:21px;
    box-shadow: 0px 3px 26.7px 3.3px rgba(31, 45, 95, 0.16);
    -webkit-box-shadow: 0px 3px 26.7px 3.3px rgba(31, 45, 95, 0.16);
    -moz-box-shadow: 0px 3px 26.7px 3.3px rgba(31, 45, 95, 0.16);
    background: #fff;
    position: relative;
}
.video-mod .list li i{
    display: inline-block;
    left: 0;
    bottom: 0;
}
.video-mod .list li .icon1{
    background: url("/images/shuishou/zhuanti/ipoxunlianying/li-icon1.png") no-repeat;
    width:86px;
    height:92px;
}
.video-mod .list li .icon2{
    background: url("/images/shuishou/zhuanti/ipoxunlianying/li-icon2.png") no-repeat;
    width:97px;
    height:84px;
}
.video-mod .list li .icon3{
    background: url("/images/shuishou/zhuanti/ipoxunlianying/li-icon3.png") no-repeat;
    width:93px;
    height:102px;
}
.video-mod .list .tit{
    background: url("/images/shuishou/zhuanti/ipoxunlianying/li-bg.png") no-repeat;
    width:288px;
    margin: -14px auto 0;
    height: 64px;
    line-height:64px;
    text-align:center;
    border-radius:3px;
    font-size:26px;
    color:#fff;
    font-weight:bold;
}
.video-mod .list .tit i{ display:inline-block; *display:inline; *zoom:1; width:18px; height:2px; background:#fff; vertical-align:middle; margin:0 16px;}
.video-mod .list strong{display:block;text-align:center; font-size:34px; color:#c89b4f; line-height:1; padding-top:32px;}
.video-mod .list .btn{
    display:block;
    width:320px;
    height:52px;
    line-height:52px;
    text-align:center;
    text-decoration:none;
    margin:0 auto;
    font-size:22px;
    font-weight:bold;
    color:#fff;
    background: #eabe84;
    background-image: -webkit-linear-gradient(top, #c89f65, #e2c08c);
    background-image: -moz-linear-gradient(top, #c89f65, #e2c08c);
    background-image: linear-gradient(top,#c89f65,#e2c08c);
    border-radius: 4px;
    margin-top: 73px;
    box-shadow: 0px 7px 18px 0px rgba(237, 147, 52, 0.23);
    -webkit-box-shadow: 0px 7px 18px 0px rgba(237, 147, 52, 0.23);
    -moz-box-shadow: 0px 7px 18px 0px rgba(237, 147, 52, 0.23);
}

/**/
.areaCenter{background: url("/images/shuishou/zhuanti/ipoxunlianying/footer-bg.png") no-repeat center top; height:436px;}
.areaCenter h4{ text-align: center;font-size: 40px; padding: 98px 0 65px;color: #fff;line-height: 1}
.areaCenter ul{ padding: 0 40px;}
.areaCenter ul li{ width:158px; float: left; margin-left:25px; line-height: 25px;color: #fff;}

/**/
.mask {
    display: none;
    width: 100%;
    z-index: 98;
    height: 100%;
    background: #000;
    opacity: .6;
    filter: alpha(opacity=60);
    position: fixed;
    top: 0;
    left: 0;
}
.common-pop {
    display: none;
    width: 800px;
    position: fixed;
    left: 50%;
    margin-left: -400px;
    top: 50%;
    z-index: 99;
    background: #fff;
    border-radius: 8px;
}
.freeData-pop{
    background:url("/images/shuishou/zhuanti/ipoxunlianying/freeData-bg.png") no-repeat;
    width:489px;
    height: 485px;
    margin-left:-245px;
    margin-top:-243px;
}
.freeData-pop .close-btn{
    background:url("/images/shuishou/zhuanti/ipoxunlianying/close-icon.png") no-repeat;
    display: inline-block;
    width:30px;
    height:30px;
    right:-20px;
    top:-18px;
}
.freeData-pop .con ul{ width: 410px; margin: 0 auto; padding: 82px 0 30px;}
.freeData-pop .con ul li{ margin-bottom: 20px;}
.freeData-pop .con ul li span{ display: inline-block;*display: inline;*zoom: 1; width: 68px; padding-right: 30px;}
.freeData-pop .con ul li input{ border: 1px solid #e5e5e5; border-radius: 8px; background: #fff; padding: 0 15px; height: 40px; line-height: 40px; width:270px; font-size: 16px; color: #333;}
.freeData-pop .con ul li.submitBtn{ margin-top: 30px;}
.freeData-pop .con ul li.submitBtn a{
    display: block;
    width: 166px;
    height: 40px;
    text-decoration:none;
    line-height: 40px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    font-size: 20px;
}
.freeData-pop .con ul li input::-webkit-input-placeholder{
    color:#ccc; opacity:1;
}
.freeData-pop .con ul li input:-moz-placeholder{
    color:#ccc; opacity:1;
}
.freeData-pop .con ul li input::-moz-placeholder{
    color:#ccc; opacity:1;
}
.freeData-pop .con ul li input:-ms-input-placeholder{
    color:#ccc; opacity:1;
}
.dataFix-btn{ display:block; padding-top:10px;width:167px; height:156px; text-align:center; line-height:32px;font-size:22px; color:#e8b36d;background:url("/images/shuishou/zhuanti/ipoxunlianying/free-icon.png") no-repeat; position:fixed; right:0; top:50%; margin-top:-88px;}
.dataFix-btn:hover{ text-decoration:none;}