.title{text-align:center;}
.title h1{width:400px; height:70px; margin:0 auto; background:#fde573; border-radius:35px; font-size:45px; font-weight:bold; letter-spacing:5px; color:#c8201f;line-height:68px;}
.title p{font-size:24px; margin-top:15px; letter-spacing:1px; color:#fde573;}

.box{height:auto; overflow:hidden; background:#c01920; border-radius:10px; margin-top:25px;box-shadow:rgba(153,153,153,.3) 0 5px 15px 0px inset;}

/* banner */
.banner{width:100%;}
.ban1{width:100%; height:210px; background:url(../img/ban1.jpg) center top no-repeat;}
.ban2{width:100%; height:180px; background:url(../img/ban2.jpg) center top no-repeat; text-align: center; font-size:30px; }
.ban2 h3{width:1005px;margin:0 auto; color:#c8201f; overflow:hidden; padding-top:5px;}
.ban2 h3 span{display:block; width:250px; float: left;color:#c8201f;}
.ban2 h3 span a{color:#c8201f;}
.ban2 h3 font{display:block; width:1px; height:28px; float: left; background:#c8201f; margin-top:7px;}
.ban2 p{width:750px; font-size:28px; height:43px; line-height:42px; margin:23px auto 0; color:#fff; background:#c8201f; letter-spacing:1px;}
.ban3{width:100%; height:291px; background:url(../img/ban3.jpg) center top no-repeat;}
.ban3 a{display: block; width:182px; height:190px; background:url(../img/btn.png); margin:0 auto; text-indent:-99999px;}

.adv-pack{margin-bottom:20px;}

/* content1 */
.content1{width:100%; background:url(../img/bg1.jpg) center top no-repeat; padding-top:14px;}
.content1 .gift1,
.content1 .gift2,
.content1 .gift3{background:#fefce8; border-radius:10px; overflow:hidden;}
.content1 .gift1{height:156px; overflow:hidden; margin-bottom:14px; box-shadow:rgba(153,153,153,.3) 0 5px 10px 0px; padding-top:44px;}
.content1 .gift1 .item{width:320px; float:left; margin:0 40px;}
.content1 .gift1 .item a{display:block; width:295px; height:100px; background:url(../img/gift_bg.jpg); padding:10px 0 0 25px; color:#fff;}
.content1 .gift1 .item dl{overflow:hidden;}
.content1 .gift1 .item dt{width:110px; float: left; font-size:24px; font-weight:bold;}
.content1 .gift1 .item dt font{font-size:48px;}
.content1 .gift1 .item dd{font-size:16px; width:185px; float: left; line-height:22px; padding-top:8px;}
.content1 .gift1 .item h3{width:100px; height:24px; margin:-3px auto 0; line-height:24px; background:#fff; border-radius:12px; font-size:18px; color:#ff5143; text-align:center;}
.content1 .gift1 .item p{font-size:16px; color:#666; padding-top:5px;}
.content1 .gift2,
.content1 .gift3{height:180px; background:#fefce8; border-radius:10px;}
.content1 .gift2 h3,
.content1 .gift3 h3{font-size:30px; letter-spacing:1px;color:#ff5143;}
.content1 .gift3 h3{padding-left:12px;}
.content1 .gift2{width:553px;  padding:20px 0 0 40px;}
.content1 .gift3{width:573px;  padding:20px 0 0 20px;}
.content1 .gift2 dl{margin-top:14px;}
.content1 .gift3 dl{margin-top:7px;}
.content1 .gift2 dl dt{width:106px; float:left; margin-right:12px;}
.content1 .gift3 dl dt{width:220px; float:left;}
.content1 .gift2 dl dd p,
.content1 .gift3 dl dd p{line-height:28px; padding-top:8px;}
.content1 .gift2 dl dd h4{color:#666; font-size:16px; margin-top:15px;}

/* content2 */
.content2,.content3,.content4,.content5{margin-top:70px;}

.content2 .box{padding-bottom:40px; width:1200px; position:relative;}
.content2 .swiper-container{width:1120px; margin:0 auto; padding-bottom:40px;}
.content2 .swiper-slide{margin-top:40px; box-sizing: border-box; border:1px solid #ebebeb; background:#fff; padding:10px 0 25px; position:relative;}
.content2 .swiper-slide a{display:block;}
.content2 .swiper-slide .hot{width:36px; height:30px; line-height:28px; font-size:14px; color:#fff; text-align:center; background:-webkit-linear-gradient(left,#ff9000,#ff7e00); background:-o-linear-gradient(right,#ff9000,#ff7e00); background:-moz-linear-gradient(right,#ff9000,#ff7e00); background:linear-gradient(to right,#ff9000,#ff7e00); position:absolute; left:-1px; top:-1px;}
.content2 .swiper-slide img{display: block; margin:0 auto;}
.content2 .swiper-slide p{height:56px; line-height:28px; overflow:hidden; padding:10px 8px 0;}
.content2 .swiper-slide h3{overflow:hidden; line-height:54px; padding:0 10px;}
.content2 .swiper-slide h3 span.f-fl{color:#db4337;}
.content2 .swiper-slide h3 span.f-fl i{font-size:30px; font-style:normal;}
.content2 .swiper-slide h3 span.f-fr{color:#999; font-size:16px;}
.content2 .swiper-slide h4{width:180px; height:40px; margin:0 auto; line-height:38px; font-size:24px; color:#fff; text-align: center; letter-spacing:1px; border-radius:20px; background:-webkit-linear-gradient(left,#fd8403,#ff3c00); background:-o-linear-gradient(right,#fd8403,#ff3c00); background:-moz-linear-gradient(right,#fd8403,#ff3c00); background:linear-gradient(to right,#fd8403,#ff3c00); box-shadow:rgba(255,116,0,.3) 0 0 10px 0px;}
.content2 .swiper-slide h5{text-align:right; font-size:16px; color:#6026d3; padding:0 10px;}

/* content3 */
.content3 .tabNav{width:1120px; height:90px; margin:50px auto 0; background:#ffa647;}
.content3 .tabNav ul{padding:20px 0 0 46px; overflow:hidden;}
.content3 .tabNav ul li{width:178px; height:50px; float:left; margin-right:34px; background:#fff; text-align:center; font-size:24px; border-radius:0 0 10px 10px; line-height:48px;}
.content3 .tabNav ul li.active{background:#fffca5; color:#8a3900;}
.tabDetail{display: none;}
.show{display: block;}
.courseTit{width:1120px; margin:40px auto 0; height:auto; overflow:hidden;}
.courseTit .tit-l{padding-left:52px; background:url(../img/arrow.jpg) left 11px no-repeat;}
.courseTit .tit-l h2{font-weight:bold; font-size:40px; color:#fff; letter-spacing:2px;}
.courseTit .tit-l h2 span{display:inline-block; height:30px; line-height:30px; font-size:18px; color:#fff; letter-spacing:0; padding:0 15px; border-radius:15px; vertical-align:middle; font-weight:normal; margin:-5px 0 0 10px; background:-webkit-linear-gradient(left,#f55265,#ff825c); background:-o-linear-gradient(right,#f55265,#ff825c); background:-moz-linear-gradient(right,#f55265,#ff825c); background:linear-gradient(to right,#f55265,#ff825c);}
.courseTit .tit-l h2 span font{color:#ffff00; font-weight:bold;}
.courseTit .tit-r a{color:#fde573;}

.courseBox{height:auto; overflow:hidden; padding:6px 0 0 40px; margin-bottom:40px;}
.courseBox .item{width:238px; float:left; border-radius:10px; margin:27px 27px 0 0; background:#fff; border:1px solid #ebebeb; padding:10px 10px 0; text-align:center;}
.courseBox .item a.kctit{display: block; width:238px; height:134px; padding-top:18px; border-radius:10px;}
.courseBox .item a.kctit h3{width:98px; height:22px; line-height:22px; margin:0 auto; border-radius:3px;}
.courseBox .item a.kctit h2{font-size:28px; font-weight:bold; padding:6px 0;}
.courseBox .item a.kctit p{font-size:16px;}
.courseBox .item a.kctit.bg1{background:url(../img/course-bg1.jpg);}
.courseBox .item a.kctit.bg1 h3{border:1px solid #185ad6; color:#185ad6;}
.courseBox .item a.kctit.bg1 h2{color:#00308a;}
.courseBox .item a.kctit.bg1 p{color:#002873;}
.courseBox .item a.kctit.bg2{background:url(../img/course-bg2.jpg);}
.courseBox .item a.kctit.bg2 h3{border:1px solid #d66718; color:#d66718;}
.courseBox .item a.kctit.bg2 h2{color:#8a3900;}
.courseBox .item a.kctit.bg2 p{color:#733000;}
.courseBox .item a.kctit.bg3{background:url(../img/course-bg3.jpg);}
.courseBox .item a.kctit.bg3 h3{width:118px; border:1px solid #068545; color:#068545;}
.courseBox .item a.kctit.bg3 h2{color:#006d36;}
.courseBox .item a.kctit.bg3 p{color:#00532a;}
.courseBox .item a.kctit.bg4{background:url(../img/course-bg4.jpg);}
.courseBox .item a.kctit.bg4 h3{width:118px; border:1px solid #d61837; color:#d61837;}
.courseBox .item a.kctit.bg4 h2{color:#8a0017;}
.courseBox .item a.kctit.bg4 p{color:#730013;}
.courseBox .item a.kctit.bg5{background:url(../img/course-bg5.jpg);}
.courseBox .item a.kctit.bg5 h3{border:1px solid #2d008a; color:#2d008a;}
.courseBox .item a.kctit.bg5 h2{color:#2d008a; padding:10px 0;}
.courseBox .item a.kctit.bg5 p{color:#2d008a;}
.courseBox .item a.kctit.bg6{background:url(../img/course-bg6.jpg);}
.courseBox .item a.kctit.bg6 h3{width:118px;border:1px solid #185ad6; color:#185ad6;}
.courseBox .item a.kctit.bg6 h2{color:#00308a; padding:10px 0;}
.courseBox .item a.kctit.bg7{background:url(../img/course-bg7.jpg);}
.courseBox .item a.kctit.bg7 h3{width:118px;border:1px solid #8a1300; color:#8a1300;}
.courseBox .item a.kctit.bg7 h2{color:#8a1300; padding:10px 0;}
.courseBox .item a.kctit.bg8{background:url(../img/course-bg1.jpg);}
.courseBox .item a.kctit.bg8 h3{border:1px solid #185ad6; color:#185ad6;}
.courseBox .item a.kctit.bg8 h2{color:#00308a; padding:10px 0;}
.courseBox .item .btnbox{overflow:hidden; padding:30px 8px;}
.courseBox .item .btnbox h4{width:98px; height:38px; padding:1px; line-height:38px; letter-spacing:1px; border-radius:20px;}
.courseBox .item .btnbox h4 a{display:block; width:98px; height:38px; border-radius:20px;}
.courseBox .item .btnbox h4.f-fl{background:#ff4000;box-shadow:rgba(230,32,41,.2) 0 5px 10px 0px;}
.courseBox .item .btnbox h4.f-fl a{background:#fff; color:#ff3e00;}
.courseBox .item .btnbox h4.f-fr{background:-webkit-linear-gradient(left,#fd8103,#ff3d00); background:-o-linear-gradient(right,#fd8103,#ff3d00); background:-moz-linear-gradient(right,#fd8103,#ff3d00); background:linear-gradient(to right,#fd8103,#ff3d00);}
.courseBox .item .btnbox h4.f-fr a{color:#fff;}


/* content4 */
.content4 .item{width:523px; height:315px; margin-top:25px; background:#fefce8; border-radius:10px; box-shadow:rgba(153,153,153,.2) 0 5px 10px 0px; position:relative; padding:25px 30px 0 40px;}
.content4 .item .tips{width:64px; height:56px; background:url(../img/titbg.png); position:absolute; top:-2px; right:35px; text-align: center; padding-top:20px; font-size:20px; color:#e62029;}
.content4 .item h2{font-size:30px; color:#ff5143;}
.content4 .item h3{font-size:18px; color:#333; padding:18px 0;}
.content4 .item h4{font-size:16px; color:#666; padding-bottom:10px;}
.content4 .item p{font-size:16px; color:#ff5143;}
.content4 .item a.btn{width:152px; height:40px; background:url(../img/btnbg.jpg); position:absolute; bottom:34px; left:40px; font-size:20px; color:#e62029; font-size:18px; color:#fff; line-height:38px; padding-left:18px;}
.content4 .item img{display: block; position:absolute; bottom:39px; right:32px;}
.content4 .item.f-fr img{bottom:19px; right:38px;}

/* content5 */
.content5 .box{padding:0 0 50px; background:#fefce8;}
.content5 .swiper-container{width:1120px; margin:0 auto; padding:70px 0 40px;}
.content5 .swiper-slide{height:420px; box-sizing: border-box; border:1px solid #ebebeb; background:#fff; position:relative; padding-top:186px;}
.content5 .swiper-slide img{display:block; position:absolute; left:20px; top:-30px;}
.content5 .swiper-slide .line{width:204px; margin:0 auto; height:2px; line-height:2px; background:#e21f28;}
.content5 .swiper-slide h3{font-size:24px; font-weight:bold; padding:16px 0 10px 27px;}
.content5 .swiper-slide h3 span{display:inline-block; font-weight:normal; font-size:18px; height:22px; line-height:22px; border:1px solid #d93e31; padding:0 8px; color:#d93e31; border-radius:12px; margin-left:5px;}
.content5 .swiper-slide p{line-height:28px; padding:0 27px;}
.content5 .swiper-pagination-bullet{background:#ffec8d;}
.content5 .swiper-pagination-bullet-active{background:#e62029;}

/* 右侧导航 */
.nav_l{width:147px; position:fixed; right:10px; top:50%; margin-top:-335px; z-index:999; text-align:center; font-size:16px;}
.nav_l img{display:block;}
.nav_l .navbox{width:147px; background:#f6ee79;}
.nav_l .navbox h1{font-size:28px; color:#e62029; font-weight:bold; letter-spacing:1px;}
.nav_l .navbox h2{width:143px; height:40px; line-height:38px; background:#ffd200; margin:15px auto 0;}
.nav_l .navbox h2 a{color:#e62029;}
.nav_l .navbox h2 a:hover{font-weight:bold;}
.nav_l ul{padding:0 1px;}
.nav_l ul li{height:40px; line-height:38px; color:#333;}
.nav_l ul#ul1 li:nth-of-type(even){background:#ffd200;}
.nav_l ul#ul2 li:nth-of-type(odd){background:#ffd200;}
.nav_l ul li a{color:#333;}
.nav_l ul li a:hover{font-weight:bold;}
.nav_l p{cursor: pointer; height:65px; padding-top:25px; background:#ffd200; border-radius:0 0 74px 74px; font-size:18px;}
.nav_l p img{display: block; margin:0 auto 5px;}

/* 底部二维码 */
.appBox{width:100%; height:212px; margin-top:120px; background:url(../img/appbg.jpg) center top no-repeat; padding-top:258px;}
.saoma{padding-left:140px;}
.saoma dl{width:110px; margin-right:125px; float:left;}
.saoma dl dd{ text-align:center; font-size:16px; color:#fff; padding-top:5px;}

.foot{ width:100%; background:#282742; font-size:14px; color:#898e97; line-height:28px; padding:50px 0; text-align:center;}
.foot a{ color:#898e97;}

