@charset "utf-8";
/*
@author: he
@update: he (2024-07-23)
*/
body{font:12px/1.5 "\5FAE\8F6F\96C5\9ED1",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; min-width: 1200px;}
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;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal}
.msf{font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
input,button,select,textarea{outline:none} textarea{resize:none}

/*框架*/
.layout{ clear:both;width:1200px;text-align:left;margin:0 auto;color:#333;}
.fl{ float:left;_display: inline}
.fr{ float:right;_display: inline}
.pr{ position:relative}
.abs{position:absolute;}
.ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/* 新增公用样式 */
.hide{display:none;}
.diiblock{display: inline-block; *zoom: 1; *display: inline;}
.textcon{text-align:center;}
.marcon{margin:0 auto;}
.wblod{font-weight: bold;}
.horizontalcolor{background: -moz-linear-gradient(to right, #11C3F9, #72C472); background: -ms-linear-gradient(to right, #11C3F9, #72C472); background: -webkit-linear-gradient(to right, #11C3F9, #72C472); background: linear-gradient(to right, #11C3F9, #72C472); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#11C3F9", endColorstr="#72C472", gradientType="1");}
.verticalcolor{background: -moz-linear-gradient(#11C3F9, #72C472); background: -ms-linear-gradient(#11C3F9, #72C472); background: -webkit-linear-gradient(#11C3F9, #72C472); background: linear-gradient(#11C3F9, #72C472); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#11C3F9", endColorstr="#72C472", gradientType="0");}
.margR0{margin-right: 0 !important;}
.ggTit{ height: 140px; line-height: 140px; font-size: 40px; font-weight: 700; text-align: center;}

/*页头*/
.header{ position: relative; z-index: 1; height: 470px;}
.header .logo{ position: absolute; left: 31px; top: 31px; display: block; width: 198px; height: 49px;}
.header .cTxt{ position: absolute; top: 324px; left: 50%; margin-left: -205px; width: 410px; height: 51px; line-height: 50px; font-size: 26px; color: #fff; text-align: center; background: url(/images/zhuanti/2024qytp/tit_01.png) no-repeat;}

/*特色平台*/
.featureBg{ background: url(/images/zhuanti/2024qytp/bg_02.jpg) no-repeat center top; background-size: 1920px 100%;}
.feature{ padding: 0 0 50px;}
.feature .subTit{ height: 60px; margin-bottom: 50px; display: -webkit-flex; display: flex; justify-content: center;}
.feature .subTit li{ width: 238px; height: 58px; line-height: 58px; text-align: center; font-size: 20px; border: 1px solid #e2e2e2; border-radius: 8px; background: #fff; margin: 0 30px; cursor: pointer;}
.feature .subTit li.on{ width: 240px; height: 60px; color: #fff; font-weight: 700; border: 0; background: #1392ff;
    background: -webkit-linear-gradient(left, #1377ff, #13afff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #1377ff, #13afff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #1377ff, #13afff); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #1377ff, #13afff); /* 标准的语法 */}
.feature .conBox{ display: none; height: 350px; border-radius: 8px; background: #fff; -webkit-box-shadow:0 5px 20px rgba(0, 0, 0, 0.05); -moz-box-shadow:0 5px 20px rgba(0, 0, 0, 0.05); box-shadow:0 5px 20px rgba(0, 0, 0, 0.05);}
.feature .conBox .leftPic{ float: left; width: 530px; height: 350px;}
.feature .conBox .leftPic img{ width: 530px; height: 350px; border-radius: 8px 0 0 8px;}
.feature .conBox .rightBox{ float: right; width: 590px; margin-right: 40px;}
.feature .conBox .rightBox-tit{ position: relative; z-index: 1; height: 100px; line-height: 100px; font-size: 24px; font-weight: 700;}
.feature .conBox .rightBox-tit:after{ content:" "; position: absolute; left: 0; bottom: 0; display:block; width: 22px; height:3px; background: #00a9ff;}
.feature .conBox .rightBox-txt{ line-height: 30px; font-size: 16px; margin-top: 26px;}

/*企业优势*/
.advantage{ padding: 0 0 20px;}
.advantage .conBox{ display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap; align-content: flex-start;}
.advantage .conBox .list{ position: relative; z-index: 1; width: 380px; height: 268px; border-radius: 8px; overflow: hidden; margin-bottom: 30px;}
.advantage .conBox .list .first{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; cursor: pointer;}
.advantage .conBox .list .first-pic{ display: block; width: 84px; height: 84px; margin: 76px auto 0;}
.advantage .conBox .list .first-pic img{ width: 84px; height: 84px;}
.advantage .conBox .list .first-txt{ line-height: 72px; text-align: center; font-size: 20px; color: #fff;}
.advantage .conBox .list .last{ display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; background: #4984fb; cursor: pointer;
    background: -webkit-linear-gradient(left, #3f77ff, #5290f8); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #3f77ff, #5290f8); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #3f77ff, #5290f8); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #3f77ff, #5290f8); /* 标准的语法 */}
.advantage .conBox .list .last-pic{ display: block; width: 54px; height: 54px; margin: 26px auto 16px;}
.advantage .conBox .list .last-pic img{ width: 54px; height: 54px;}
.advantage .conBox .list .last-txt{ line-height: 34px; font-size: 14px; color: #fff; margin: 0 30px;}

/*定制方案*/
.customizedBg{ background: url(/images/zhuanti/2024qytp/bg_03.jpg) no-repeat center top; background-size: 1920px auto;}
.customized{ padding: 20px 0 80px;}
.customized .ggTit{ margin-bottom: 22px;}
.customized .conBox{ position: relative; z-index: 1; height: 544px;}
.customized .conBox .list{ position: absolute; width: 90px; height: 110px; line-height: 24px; font-size: 20px; color: #fff; padding: 0 10px; text-align: center; display: -webkit-flex; display: flex; justify-content: center; align-items: center; border-radius: 50%; border: 2px solid #fff; background: #4882fc;
    background: -webkit-linear-gradient(left, #3f77ff, #5290f8); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #3f77ff, #5290f8); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #3f77ff, #5290f8); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #3f77ff, #5290f8); /* 标准的语法 */}
.customized .conBox .list.bg01{ top: 50%; left: 74px; margin-top: -57px;}
.customized .conBox .list.bg02{ top: 50%; left: 250px; margin-top: -226px;}
.customized .conBox .list.bg03{ top: 0; left: 50%; margin-left: -57px;}
.customized .conBox .list.bg04{ top: 50%; right: 250px; margin-top: -226px;}
.customized .conBox .list.bg05{ top: 50%; right: 74px; margin-top: -57px;}
.customized .conBox .list.bg06{ top: 50%; right: 250px; margin-top: 126px;}
.customized .conBox .list.bg07{ bottom: 0; left: 50%; margin-left: -57px;}
.customized .conBox .list.bg08{ top: 50%; left: 250px; margin-top: 126px;}

/*优享服务*/
.serveBg{ background: url(/images/zhuanti/2024qytp/bg_04.jpg) no-repeat center top; background-size: 1920px 100%;}
.serve{ padding: 0 0 50px;}
.serve .conBox{ display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap; align-content: flex-start; margin-bottom: 10px;}
.serve .conBox .list{ width: 560px; height: 210px; margin: 0 20px 10px;}
.serve .conBox .list-tit{ width: 290px; height: 60px; line-height: 60px; text-align: center; font-size: 22px; font-weight: 700; color: #fff;}
.serve .conBox .list-cen{ padding: 0 40px; height: 130px; line-height: 30px; font-size: 16px; display: -webkit-flex; display: flex; align-items: center;}
.serve .conBox .list.bg01{ background: url(/images/zhuanti/2024qytp/bg_05.png) no-repeat;}
.serve .conBox .list.bg02{ background: url(/images/zhuanti/2024qytp/bg_06.png) no-repeat;}
.serve .botBox{ border: 1px solid #fff; border-radius: 8px; display: -webkit-flex; display: flex; justify-content: space-around; flex-wrap: wrap; margin: 0 30px; background: #fff0d5;
    background: -webkit-linear-gradient(left, #fff1d5, #ffecc3); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #fff1d5, #ffecc3); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #fff1d5, #ffecc3); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fff1d5, #ffecc3); /* 标准的语法 */}
.serve .botBox .list{ height: 128px; padding-left: 100px;}
.serve .botBox .list-tit{ padding-top: 18px; line-height: 40px; font-size: 20px; color: #ff7d05; font-weight: 700;}
.serve .botBox .list-txt{ line-height: 22px; font-size: 14px;}
.serve .botBox .list.bg01{ background: url(/images/zhuanti/2024qytp/icon_07.png) no-repeat left center;}
.serve .botBox .list.bg02{ background: url(/images/zhuanti/2024qytp/icon_08.png) no-repeat left center;}
.serve .botBox .list.bg03{ background: url(/images/zhuanti/2024qytp/icon_09.png) no-repeat left center;}

/*师资队伍*/
.teacherBg{ background: url(/images/zhuanti/2024qytp/bg_07.jpg) no-repeat center top; background-size: 1920px 100%;}
.teacher{ padding: 0 0 50px;}
.teacher .ggTit{ color: #fff;}
.teacher .conBox{ height: 486px; margin-bottom: 40px; display: -webkit-flex; display: flex; justify-content: space-between;}
.teacher .conBox .list{ width: 110px; height: 416px; margin-top: 70px; opacity: 0;}
.teacher .conBox .list:nth-child(2n){ margin-top: 0;}
.teacher .fotTxt{ display: block; line-height: 28px; text-align: center; font-size: 14px; color: #fff;}
.teacherBg.animated .conBox .list.fadeInDown{ -webkit-animation:fadeInDown 1s 0s 1 both; animation:fadeInDown 1s 0s 1 both;}
.teacherBg.animated .conBox .list.fadeInUp{ -webkit-animation:fadeInUp 1s 0s 1 both; animation:fadeInUp 1s 0s 1 both;}

/*合作展示*/
.cooperateBg{ background: url(/images/zhuanti/2024qytp/bg_08.jpg) no-repeat center bottom #fff; background-size: 1920px auto;}
.cooperate{ padding: 0 0 50px;}
.cooperate .conBox{ padding: 0 12px; display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap; align-content: flex-start;}
.cooperate .conBox .list{ display: block; width: 276px; height: 80px; margin-bottom: 30px;}
.cooperate .conBox .list img{ width: 276px; height: 80px;}
.cooperate .botBox{ position: relative; z-index: 1;}
.cooperate .botBox .swiper-container{ width: 1200px; height: 226px;}
.cooperate .botBox .swiper-slide{ width: auto; height: 226px; text-align: center;}
.cooperate .botBox .swiper-slide img{ width:376px; height: 226px;}
.cooperate .botBox .arrow-cooleft{ position: absolute; z-index: 2; left: 0; top: 50%; margin-top: -24px; width: 48px; height: 48px; background:url(/images/zhuanti/2024qytp/icon_10.png) no-repeat;}
.cooperate .botBox .arrow-cooright{ position: absolute; z-index: 2; right: 0; top: 50%; margin-top: -24px; width: 48px; height: 48px; background:url(/images/zhuanti/2024qytp/icon_11.png) no-repeat;}

/*底部通栏*/
.footBanner{ height: 206px; background: url(/images/zhuanti/2024qytp/bg_09.jpg) no-repeat center top; background-size: 1920px auto;}

/*左侧浮动*/
.fix-nav{ display: block; width:142px; position:fixed; z-index:70; left:0; top:50%; margin-top: -185px;}
.fix-nav .ftop{ width: 142px; height: 98px;}
.fix-nav .ftop img{ width: 142px; height: 98px;}
.fix-nav .fcen{ width: 106px; padding-bottom: 24px; background: url(/images/zhuanti/2024qytp/icon_13.png) repeat-y; margin: 0 auto; border-radius: 0 0 8px 8px;}
.fix-nav .fcen .list{ display: block; width: 90px; height: 30px; line-height: 30px; font-size: 14px; text-align: center; color: #fff; margin: 0 auto 8px; background: #e74803;}
.fix-nav .fcen .list:hover{ text-decoration: none; background: #de4719;}
.fix-nav .fback{ position: absolute; bottom: -22px; left: 50%; margin-left: -22px; display: block; width: 44px; height: 44px; background: url(/images/zhuanti/2024qytp/icon_14.png) no-repeat;}

/*右侧浮动二维码*/
.fix-ewm{ width:180px; height: 256px; position:fixed; z-index:70; right: 5px; top: 50%; margin-top: -128px; background: url(/images/zhuanti/2024qytp/icon_15.png) no-repeat;}
.fix-ewm .pic{ width: 130px; height: 130px; margin: 60px auto 10px;}
.fix-ewm .pic img{ width: 130px; height: 130px;}
.fix-ewm .txt{ line-height: 20px; font-size: 16px; color: #fff; text-align: center;}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}