/*
@author: sunke
*/
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;}
.layout{width:1200px;margin:0 auto;}

/**/
.topHeader-wrap{ width:100%; height:550px; background:url("/images/shuishou/zhuanti/gqgzlfz/header.jpg") no-repeat center top;}
.topHeader-mod{ height:550px;}
.topHeader-mod p{ text-align:center; line-height:58px; font-size:18px; color:#d10503; font-weight:bold; padding-top:379px;}

/**/
.nav-wrap{ width:100%; height:752px; background:url("/images/shuishou/zhuanti/gqgzlfz/nav-bg.jpg") no-repeat center top;}
.nav-mod{}
.nav-mod .top-con{ padding:54px 0 0;}
.nav-mod .top-con .pic{ margin:30px 0 0;}
.nav-mod .top-con .text{ width:690px;}
.nav-mod .top-con .text h3{ line-height:96px; font-size:36px; color:#3c3c3c; position:relative;}
.nav-mod .top-con .text h3:before{ content:""; width:150px; height:10px; background:#e4160e; border-radius:30px; position:absolute; left:0; bottom:0;}
.nav-mod .top-con .text h4{ line-height:74px; font-size:36px; color:#3c3c3c; padding-bottom:24px;}
.nav-mod .top-con .text p{ color:#3c3c3c; line-height:28px; padding-right:20px;}
.nav-mod .list{ padding:76px 0 0;}
.nav-mod .list ul{ width:1220px;}
.nav-mod .list li{ float:left; width:280px; height:234px; border:3px solid #d7d7d7; border-radius:10px; margin-right:19px; position:relative;}
.nav-mod .list li.bg02{ background:#e4e4e4;}
.nav-mod .list li span{ display:block; width:58px; height:58px; text-align:center; background:#c31b15; border-radius:10px; border:3px solid #d7d7d7; transform:rotate(45deg); -webkit-transform:rotate(45deg); position:absolute; left:50%; margin-left:-29px; top:-30px;}
.nav-mod .list li span i{ display:block; width:58px; height:58px; line-height:58px; font-size:30px; color:#fff; font-weight:bold; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.nav-mod .list li p{ line-height:32px; font-size:16px; padding:50px 20px 0 30px;}

/**/
.teacher-wrap{ width:100%; height:807px; background:url("/images/shuishou/zhuanti/gqgzlfz/teacher-bg.jpg") no-repeat center top;}
.teacher-mod{}
.teacher-mod .title{ text-align:center; line-height:76px; font-size:36px; color:#3c3c3c; font-weight:bold; padding-top:56px; position:relative;}
.teacher-mod .title:before{ content:""; width:150px; height:10px; background:#e4160e; border-radius:30px; position:absolute; left:50%; margin-left:-75px; bottom:-10px;}
.teacher-mod .tab-con{ display:none; height:460px; position:relative;}
.teacher-mod .tab-con .pic{ position:absolute; left:80px; bottom:0;}
.teacher-mod .tab-con .text{ float:right; width:590px; padding:170px 80px 0 0;}
.teacher-mod .tab-con .text h4{ line-height:70px; font-size:24px; color:#3c3c3c;}
.teacher-mod .tab-con .text p{ font-size:16px; line-height:32px;}
.teacher-mod .tab-tit{ background:#fff; text-align:center; font-size:0; padding:13px 0 5px;}
.teacher-mod .tab-tit .btn{ display:inline-block; width:90px; text-align:center; margin:0 45px; text-decoration:none;}
.teacher-mod .tab-tit .btn span{ display:block; width:90px; height:90px; background:#dadada; border-radius:50%; position:relative; overflow:hidden;}
.teacher-mod .tab-tit .btn span img{ position:absolute; left:50%; bottom:0; transform: translate(-50%,0); }
.teacher-mod .tab-tit .btn i{ display:block; line-height:32px; color:#3c3c3c; font-size:16px;}
.teacher-mod .tab-tit .btn.on span{ background:#ffc657;}

/**/
.course-tit-wrap{ width:100%; height:220px; background:url("/images/shuishou/zhuanti/gqgzlfz/course-tit.jpg") no-repeat center top;}
.course-tit-wrap .title{ font-size:36px; text-align:center; font-weight:bold; line-height:76px; padding-top:42px; position:relative; background:-webkit-linear-gradient(left,#fee7ba,#fde4b4 40%,#fad593 60%,#f8ce82);-webkit-background-clip: text; -webkit-text-fill-color: transparent; color:#f8ce82;}
.course-tit-wrap .title:before{ content:""; width:150px; height:10px; background:#fde5b7; border-radius:30px; position:absolute; left:50%; margin-left:-75px; bottom:-10px;}
.course-mod{ padding:62px 0 77px 0;}
.course-mod .title{ height:60px; line-height:60px; font-size:22px; color:#3c3c3c; background:#e5e5e5; padding-left:217px; font-weight:bold; position:relative;}
.course-mod .title span{ display:block; width:150px; height:60px; font-size:22px; color:#fff; text-align:center; padding-right:22px;  position:absolute; left:0; top:0; background:url("/images/shuishou/zhuanti/gqgzlfz/course-tit02.jpg") no-repeat;}
.course-mod .con{ border-left:1px dashed #a8a8a8; margin-left:37px; padding:0 0 0 54px; position:relative;}
.course-mod .con .tit{ width:650px; font-size:16px; color:#3c3c3c; line-height:36px; padding:58px 0 22px 0; border-bottom:1px dashed #a8a8a8;}
.course-mod .con .tit strong{ color:#e50012;}
.course-mod .con .text{ font-size:16px; color:#3c3c3c; line-height:36px; padding:26px 0 72px;}
.course-mod .con .time{ position:absolute; left:436px; bottom:70px; line-height:50px; font-size:24px; color:#d81010; font-weight:bold;}
.course-mod .con .time span{ display:inline-block; width:160px; height:50px; line-height:50px; text-align:center; margin-right:55px; font-size:16px; color:#fff; font-weight:bold; box-shadow:0 0 10px #f8c7c7; border-radius:40px; background:#e00000;}
.course-mod .con .pic{ position:absolute; right:30px; bottom:80px;}

/**/
.freeCourse-con{ width:1080px; margin:55px auto 0;}
.freeCourse-con .swiper-container{ height:489px;}
.freeCourse-con .swiper-slide{ position:relative;}
.freeCourse-con .play-btn{ display:block; width:110px; height:110px; position:absolute; left:50%; top:50%; margin:-55px 0 0 -55px; background:url("/images/shuishou/zhuanti/gqgzlfz/play-btn.png") no-repeat;}
.freeCourse-con .pagination{ text-align:center; font-size:0; margin-top:38px;}
.freeCourse-con .swiper-pagination-switch{ display:inline-block; width:50px; height:8px; background:#d8d8d8; border-radius:8px; margin:0 10px;}
.freeCourse-con .swiper-active-switch{ background:#e00000;}

/**/
.phone-wrap{ width:100%; height:522px; background:url("/images/shuishou/zhuanti/gqgzlfz/phone-bg.jpg") no-repeat center top;}
.phone-mod{ color:#fff;}
.phone-mod h3{ text-align:center; line-height:54px; font-size:38px; padding-top:98px;}
.phone-mod h4{ text-align:center; line-height:40px; font-size:24px; font-weight:normal;}
.phone-mod .list{ padding:28px 0 0;}
.phone-mod .list li{ float:left; width:170px; line-height:36px;}

/**/
.buy-wrap{ width:100%; height:100px; position:fixed; left:0; bottom:0; z-index:29; background:url("/images/shuishou/zhuanti/gqgzlfz/buy-wrap.jpg") no-repeat center top;}
.buy-mod{ height:100px; line-height:100px; color:#fff;}
.buy-mod .prize{ width:330px; font-size:18px; padding-left:30px;}
.buy-mod .prize strong{ font-size:34px;}
.buy-mod .tips{ width:450px; font-size:26px; font-weight:bold;}
.buy-mod .buy-btn{ display:block; float:left; width:240px; height:57px; line-height:57px; font-size:30px; color:#ff6818; font-weight:bold; text-indent:36px; margin-top:23px; background:url("/images/shuishou/zhuanti/gqgzlfz/buy-btn.png") no-repeat;}

/**/
.footer-wrap{ padding-bottom:100px;}