/* 全局样式 */
html,body{margin:0; padding:0; color:#333; font-size: 14px; line-height: 1.6; font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; overflow-x: hidden;}
img{ border:none 0;}
form{ margin:0;}
a{ text-decoration:none; outline:none;color: #333333;}
a:hover{ text-decoration:none;}
ul,li {list-style-type: none; margin: 0;padding: 0; }
.clearfix:after{ content:""; display:block; clear:both; height:0; line-height:0; visibility:hidden;}
#warper{margin: 0 auto;}
.bg-grey{background: #f2f2f2;}

/* 视差背景 */
.bg01{width: 100%;height: 500px; background: url(/img/bg1.jpg);}
.bg02{width: 100%;height: 500px; background: url(/img/bg2.jpg);}
.bg03{width: 100%;height: 500px; background: url(/img/bg3.jpg);}
.bg04{width: 100%;height: 500px; background: url(/img/bg4.jpg);}

/* 视差效果 */
.parallax{width: 100%; margin: 0 auto;background-repeat: no-repeat;background-attachment: fixed;background-position: center center;background-size: cover;}

/* 固定导航 */
#navbar{width: 100%;position: absolute;top: 0;z-index: 999;}
#navbar .nav-warper{width: 1200px;position: relative; margin: 0 auto;}
#navbar .nav-warper .logo{width: 120px;height: 60px;float: left; background: url(/img/logo.svg) no-repeat center/120px 60px;}
#navbar .nav-warper .navlist{float: left;}
#navbar .nav-warper .navlist li{float: left;margin-left: 14px;}
#navbar .nav-warper .navlist li a{width: 80px;float: left;line-height: 60px;text-align: center;color: #ffffff;}
#navbar .nav-warper .navlist .selected{color: #ffffff; background: #fe5200;}
#navbar .nav-warper .navlist .mousehover{color: #ffffff; background: #fe5200;}

/* 公共导航 */
#pubnav{width: 100%;border-bottom: 1px solid #d6d6d6;}
#pubnav .pubnav-warper{width: 1200px;margin: 0 auto;position: relative;}
#pubnav .pubnav-warper .logo{width: 120px;height: 60px;float: left; background: url(/img/logo1.svg) no-repeat center/120px 60px;}
#pubnav .pubnav-warper .navlist{float: left;}
#pubnav .pubnav-warper .navlist li{float: left;margin-left: 14px;}
#pubnav .pubnav-warper .navlist li a{width: 80px;float: left;line-height: 60px;text-align: center;}
#pubnav .pubnav-warper .navlist .selected{color: #ffffff;background: #fe5200;}
#pubnav .pubnav-warper .navlist .mousehover{color: #ffffff;background: #fe5200;}


/* 首页轮播 */
#banner{width: 100%;position: relative;overflow: hidden; --swiper-pagination-color: #ffffff;--swiper-navigation-color: #e7e7e7;--swiper-navigation-size: 40px;}
#banner .banner01{width: 100%;height: 100%;position: relative; background: url(/img/banner1.jpg)no-repeat center/100% 100%;}
#banner .banner01 .content1{width: 50%; position: relative;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);}
#banner .banner01 .content1 h1{font-weight: 400;margin: 0;line-height: 60px;color: #fff;font-size: 48px;text-align: center;}
#banner .banner01 .content1 h2{font-weight: 400;margin: 0;line-height: 60px;color: #fff;font-size: 24px;text-align: center;}
#banner .banner01 .button01{display: inline-block;width: 15%;line-height: 40px;border-radius: 4px; letter-spacing: 2px; color: #fff;background: #fe5200;position: relative;bottom: -80px; left: 50%;transform: translateX(-50%); text-align: center;}

/* 品牌标语 */
#slogan{width: 100%;background: #fe5200 url(/img/slogan.png) center no-repeat;}


/* 品牌核心价值 */
.value-warper{width: 100%;height: 480px;}
.value-warper .content-warper{width: 1200px;height: 480px;margin: 0 auto;position: relative;}
.value-warper .content-warper .con-left{width: 588px;height: 480px;position: absolute;left: 0;}
.value-warper .content-warper .con-left img{display: block;position: absolute;right: 0;bottom: 0;}
.value-warper .content-warper .con-right{width: 588px;height: 480px;position: absolute;right: 0;}
.value-warper .content-warper .con-right img{display: block;position: absolute;left: 0;;bottom: 0;}
.value-warper .content-warper h1{text-align: left; font-size: 42px;font-weight: 400;}
.value-warper .content-warper p{font-size: 16px;color: #666;}

/* 网站页脚 */
#footer{width: 100%;border-top: 1px solid #e8e8e8;}
#footer .footwarp{width: 1200px;margin: 20px auto;}
#footer ul{float: left;margin: 0 60px 0 40px;}
#footer ul li{line-height: 40px;}
#footer ul span{font-size: 12px;}
#footer ul li a{font-size: 12px; transition:background-color 0.3s ease 0s, color 0.3s ease 0s;}
#footer ul li a:hover{color: #fe5200;}
#footer ul li img{width: 100px;height: 100px;border:1px solid #bbbbbb;}
#footer ul li .qrcode01{float: left;margin-right:40px;}
#footer ul li .qrcode02{float: left;}
#footer ul li p{font-size: 12px; text-align: center;line-height: 0; margin: 0 auto;}
#icp{width: 100%;height: 60px; background: #333333;}
#icp p{width: 100%;text-align: center;line-height: 60px; color: #ffffff;}


/* 精彩活动 */
.activity-warper{width: 1200px;margin: 0 auto;}
.activity-warper h2{font-size: 16px; line-height: 40px; color: #333333;}
.activity-warper .news-warper{width: 100%;margin-bottom: 24px;}
.activity-warper .news-warper .large-left{width: 792px;height: 300px;float: left; background: salmon;}
.activity-warper .news-warper .large-left img{width: 100%;height: 100%;}
.activity-warper .news-warper .large-right{width: 384px;height: 300px;float: right;}
.activity-warper .news-warper .large-right h1{font-size: 24px;}
.activity-warper .news-warper .large-right p{font-size: 14px;}
.activity-warper .news-warper .large-right a{display: block;width: 120px;margin-top: 15px; color: #ffffff; background: #fe5200;line-height: 40px;text-align: center;border-radius: 4px;}
.activity-warper .news-warper .small{width: 384px;height: 198px;float: left;}
.activity-warper .news-warper .small img{width: 384px;}

/* 汲趣课程 */
.class-banner{width: 100%;margin: 0 auto;}
.class-banner img{width: 100%;}
.class-warper{width: 1200px;margin: 40px auto;}
#class-nav{width: 282px;float: left;}
#class-nav li{height: 60px; display: block; border-bottom: 1px solid #e8e8e8;font-size: 16px; font-weight: bold;text-align: center;line-height: 60px;background: #ffffff;cursor: pointer;}
#class-nav .mousehover{color: #fe5200;border-left: 4px solid #fe5200;}
#class-nav .active{color:#fe5200;border-left: 4px solid #fe5200;}
#class-con{width: 894px;float: right; background: #ffffff;}
#class-con .contents{display: none;padding: 20px 40px;}
#class-con .contents h3{color: #fe5200;font-size: 24px;font-weight: 400;line-height: 20px;}
#class-con .contents p{font-size: 16px;line-height: 28px;}

/* 关于汲趣 */
.about-banner{width: 100%;margin: 0 auto;}
.about-banner img{width: 100%;}

/* 响应适配 */
@media screen and (min-width:1200px) and (max-width:1900px){
    
}

@media screen and (min-width:1900px){
    
} 


/* 样式名称 */