/*
@author: he
@update: he (2023-03-16)
*/
body,input,textarea,button{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1,\9ED1\4F53","PingFang SC","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;}
.layout{width:1200px;margin:0 auto;}
.ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.ggtit{ margin-bottom: 40px;}
.ggtit-tit{ position: relative; z-index: 1; width: 100%; height: 104px; line-height: 104px; text-align: center; font-size: 40px; font-weight: 700;}
.ggtit-tit i{ position: absolute; left: 50%; bottom: 0; display: block; margin-left: -75px; width: 150px; height: 10px; background: #1a7bff; border-radius: 5px;}

/*页头*/
.headerBg{ position: relative; z-index: 1;}
.header{ position: relative; z-index: 1; height: 512px;}
.header .logo1{ position: absolute; top: 54px; left: 471px; display: block; width: 140px; height: 32px;}
.header .logo2{ position: absolute; top: 54px; left: 626px; display: block; width: 104px; height: 32px;}
.header .txt{ position: absolute; top: 392px; left: 232px; display: block; width: 737px; height: 53px; line-height: 53px; text-align: center; font-size: 24px; color: #96602c; -webkit-text-shadow:0 2px 0 rgba(255, 210, 150, 1); -moz-text-shadow:0 2px 0 rgba(255, 210, 150, 1); text-shadow:0 2px 0 rgba(255, 210, 150, 1);}

/*涵盖行业*/
.containTrade{ position: relative; z-index: 1; background: url(/images/shuishou/zhuanti/kjyflqytczt/bg_02.png) no-repeat; height: 550px; margin-bottom: 44px;}
.containTrade span{ display: block; position: absolute; width: 114px; height: 131px;}
.containTrade span img{ position: absolute; left: 0; top: 0; z-index: 2; display: block; width: 114px; height: 131px; -webkit-animation:flipOut 0.3s 0s 1 both; animation:flipOut 0.3s 0s 1 both;}
.containTrade span p{ position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; line-height: 28px; font-size: 16px; color: #fff; text-align: center; display: -webkit-flex; display: flex; justify-content: center; align-items: center;}
.containTrade span:hover img{ -webkit-animation:flipIn 0.3s 0s 1 both; animation:flipIn 0.3s 0s 1 both;}
.containTrade span.icon01{ top: 50px; left: 543px;}
.containTrade span.icon02{ top: 113px; left: 176px;}
.containTrade span.icon03{ top: 113px; left: 364px;}
.containTrade span.icon04{ top: 113px; left: 723px;}
.containTrade span.icon05{ top: 113px; left: 912px;}
.containTrade span.icon06{ top: 250px; left: 92px;}
.containTrade span.icon07{ top: 250px; left: 266px;}
.containTrade span.icon08{ top: 250px; left: 454px;}
.containTrade span.icon09{ top: 250px; left: 634px;}
.containTrade span.icon10{ top: 250px; left: 821px;}
.containTrade span.icon11{ top: 250px; left: 984px;}
.containTrade .bbtn{ display: block; position: absolute; bottom: 65px; left: 50%; margin-left: -180px; width: 360px; height: 60px; line-height: 60px; text-align: center; font-size: 26px; color: #fff; font-weight: 700; background: #27a4f9; border-radius: 30px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -webkit-box-shadow:0 2px 26px rgba(39, 164, 249, 0.4); -moz-box-shadow:0 2px 26px rgba(39, 164, 249, 0.4); box-shadow:0 2px 26px rgba(39, 164, 249, 0.4);}
.containTrade .bbtn:hover{ text-decoration: none; transform:translate3d(0, -6px, 0);}

/*课程背景*/
.courseBackground{ position: relative; z-index: 1; background: url(/images/shuishou/zhuanti/kjyflqytczt/bg_03.png) no-repeat right center; height: 370px; margin-bottom: 60px;}
.courseBackground .lPic{ display: block; width: 600px; height: 370px;}
.courseBackground .lPic img{ width: 600px; height: 370px; border-radius: 8px;}
.courseBackground .lCon{ position: absolute; right: 0; top: 50%; margin-top: -150px; width: 880px; height: 300px; background: #fff; border-radius: 8px; display: -webkit-flex; display: flex; justify-content: center; align-items: center; -webkit-box-shadow:0 2px 24px rgba(62, 127, 171, 0.35); -moz-box-shadow:0 2px 24px rgba(62, 127, 171, 0.35); box-shadow:0 2px 24px rgba(62, 127, 171, 0.35);}
.courseBackground .lCon-tit{ width: 40px; line-height: 40px; text-align: center; font-size: 36px; color: #1a7bff; font-weight: 700; margin-right: 50px;}
.courseBackground .lCon-txt{ width: 690px; line-height: 36px; font-size: 18px;}

/*课程收益*/
.courseIncomeBg{ background: url(/images/shuishou/zhuanti/kjyflqytczt/bg_10.png) no-repeat center top;}
.courseIncome{ position: relative; z-index: 1; height: 871px;}
.courseIncome .ltit{ position: absolute; top: 50%; left: 92px; margin-top: -88px; width: 40px; line-height: 44px; text-align: center; font-size: 40px; color: #1a7bff; font-weight: 700;}
.courseIncome .rlist{ position: absolute; padding: 0 30px; width: 467px; height: 90px; line-height: 30px; font-size: 14px; color: #4a4a4a; display: -webkit-flex; display: flex; align-items: center;}
.courseIncome .rlist.list01{ top: 134px; left: 512px;}
.courseIncome .rlist.list02{ top: 262px; left: 572px;}
.courseIncome .rlist.list03{ top: 391px; left: 602px;}
.courseIncome .rlist.list04{ top: 519px; left: 572px;}
.courseIncome .rlist.list05{ top: 647px; left: 512px;}

/*师资背景*/
.teacherBoxBg{ background: #f3f5fe;}
.teacherBox{ padding: 30px 0 40px;}
.teacherBox .leftCon{ width: 800px; margin-left: 30px;}
.teacherBox .leftCon .ltit{ height: 63px; border-bottom: 1px solid #c8c8c8;}
.teacherBox .leftCon .ltit-left{ padding: 0 4px; height: 60px; line-height: 60px; font-size: 26px; color: #333; font-weight: 700; border-bottom: 4px solid #1a7bff;}
.teacherBox .leftCon .lsubtit{ padding: 18px 0; line-height: 32px; font-size: 18px; color: #1a7bff; font-weight: 700;}
.teacherBox .leftCon .ltxt{  line-height: 32px; font-size: 16px;}
.teacherBox .rightCon{ margin: -30px 30px 0 0; position: relative; z-index: 1; width: 292px; height: 399px; background: url(/images/shuishou/zhuanti/kjyflqytczt/bg_11.png) no-repeat;}
.teacherBox .rightCon .pic{ display: block; position: absolute; top: 0; right: 0; width: 280px; height: 390px;}

/*课程模块*/
.courseBox{ padding: 30px 0 40px;}
.courseBox .ctit{ height: 68px;}
.courseBox .ctit-list{ width: 600px; height: 68px; line-height: 68px; font-size: 26px; font-weight: 700; text-align: center;}
.courseBox .ctit-list.bg01{ background: url(/images/shuishou/zhuanti/kjyflqytczt/tit_01.png) no-repeat; color: #fff;}
.courseBox .ctit-list.bg02{ background: url(/images/shuishou/zhuanti/kjyflqytczt/tit_02.png) no-repeat; color: #763e1c;}
.courseBox .biaoge{ width: 100%; border: 0; border-collapse: collapse;}
.courseBox .biaoge td{ border: 2px solid #c1c1c1; padding: 20px 50px;}
.courseBox .biaoge td p{ line-height: 28px; font-size: 14px;}
.courseBox .biaoge td b{ display: block; line-height: 42px; font-size: 20px;}

/*试听模块*/
.auditionBoxBg{ background: url(/images/shuishou/zhuanti/kjyflqytczt/bg_13.jpg) no-repeat center bottom #fff;}
.auditionBox{ padding: 35px 0 95px;}
.auditionBox .videoBox{ width: 727px; height: 410px; margin: 0 auto 40px;}
.auditionBox .videoBox img{ width: 727px; height: 410px;}
.auditionBox .bbtn{ display: block; width: 310px; height: 60px; line-height: 60px; text-align: center; font-size: 24px; font-weight: 700; color: #fff; margin: 0 auto; border-radius: 30px;
    background: -webkit-linear-gradient(top, #fd4311, #ff7709); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #fd4311, #ff7709); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #fd4311, #ff7709); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #fd4311, #ff7709); /* 标准的语法 */}
.auditionBox .bbtn:hover{ text-decoration: none;
    background: -webkit-linear-gradient(top, #ff7709, #fd4311); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #ff7709, #fd4311); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #ff7709, #fd4311); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #ff7709, #fd4311); /* 标准的语法 */}

/*特色服务*/
.featureServe{ padding: 30px 0 40px;}
.featureServe .cbox{ display: -webkit-flex; display: flex; justify-content: center;}
.featureServe .cbox-list{ width: 310px; margin: 0 40px 10px;}
.featureServe .cbox-list .lpic{ display: block; width: 200px; height: 122px; margin: 0 auto 10px;}
.featureServe .cbox-list .ltit{ line-height: 32px; text-align: center; font-size: 20px; font-weight: 700; color: #4476ba; margin-bottom: 6px;}
.featureServe .cbox-list .ltxt{ line-height: 32px; text-align: center; font-size: 16px;}

/*咨询热线*/
.hotlineBg{ background: url(/images/shuishou/zhuanti/kjyflqytczt/bg_12.jpg) no-repeat center top;}
.hotline{ padding: 40px 0 64px;}
.hotline .ggtit-tit{ color: #fff; margin-bottom: 24px;}
.hotline .ggtit-subtit{ line-height: 24px; text-align: center; font-size: 24px; color: #fff;}
.hotline .cBox{ display: -webkit-flex; display: flex; flex-wrap: wrap;}
.hotline .cBox li{ overflow: hidden; width: 165px; height: 36px; line-height: 36px; font-size: 14px; color: #fff; margin-left: 30px;}

/*右侧浮动*/
.rightFloat{ position: fixed; right: 10px; bottom: 30px; z-index: 50; display: block; width: 266px; height: 245px; background: url(/images/shuishou/zhuanti/kjyflqytczt/bg_09.png) no-repeat;}
.rightFloat-close{ position: absolute; left: 25px; top: 20px; display: block; width: 32px; height: 32px; background: url(/images/shuishou/zhuanti/kjyflqytczt/icon_01.png) no-repeat;}
.rightFloat-top{ position: absolute; right: 0; top: 13px; display: block; width: 66px; line-height: 20px; text-align: center; font-size: 16px; font-weight: 700; color: #fff;}
.rightFloat-cen{ position: absolute; right: 85px; top: 123px; display: block; width: 107px; height: 27px; line-height: 27px; text-align: center; font-size: 16px; color: #fff;}
.rightFloat-cen b{ font-size: 24px;}
.rightFloat-bot{ position: absolute; right: 39px; bottom: 0; display: block; width: 188px; height: 45px; line-height: 45px; text-align: center; font-size: 16px; color: #fff;}
.rightFloat-bot:hover{ text-decoration: none;}

/*填写信息弹框*/
.mask { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0.7; filter: alpha(opacity=70); _position: absolute; z-index: 98; background: #000;}
.popup { display: none; width: 536px; height: 607px; position: fixed; top: 50%; left: 50%; margin: -303px 0 0 -268px; z-index: 100; background: url(/images/shuishou/zhuanti/kjyflqytczt/bg_14.png) no-repeat;}
.popup .popClose{ position: absolute; right: 0; top: 0; display: block; width: 32px; height: 32px; background: url(/images/shuishou/zhuanti/kjyflqytczt/icon_01.png) no-repeat;}
.popup .popTit{ padding-top: 67px; height: 74px; line-height: 74px; text-align: center; font-size: 32px; font-weight: 700; color: #fff; margin-bottom: 40px;}
.popup .popCon{ clear: both; margin: 0 60px 10px;}
.popup .popCon-txt{ float: left; line-height: 50px; font-size: 18px;}
.popup .popCon-inp{ float: right; display: block; width: 258px; height: 48px; padding: 0 20px; line-height: 48px; font-size: 18px; border: 1px solid #818181;}
.popup .popBtn{ display: block; width: 240px; height: 60px; line-height: 60px; text-align: center; font-size: 24px; font-weight: 700; color: #fff; margin: 30px auto 0; border-radius: 30px;
    background: -webkit-linear-gradient(left, #fd641f, #ff8916); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #fd641f, #ff8916); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #fd641f, #ff8916); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fd641f, #ff8916); /* 标准的语法 */}
.popup .popBtn:hover{ text-decoration: none;
    background: -webkit-linear-gradient(left, #ff8916, #fd641f); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff8916, #fd641f); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff8916, #fd641f); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff8916, #fd641f); /* 标准的语法 */}



@-webkit-keyframes flipIn {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -180deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -180deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flipIn {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -180deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -180deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flipIn {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flipIn;
    animation-name: flipIn;
}

@-webkit-keyframes flipOut {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -180deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -180deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@keyframes flipOut {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -180deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -180deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

.animated.flipOut {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flipOut;
    animation-name: flipOut;
}