@charset "utf-8";
/*
@author: he
@update: he (2025-10-14)
*/
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;}
.title h3{ color: #373751; font-size: 36px; text-align: center; line-height: 1;}

/* 页头大图 */
.topHeader-wrap{ height: 431px; background: url(/images/tongdengxueli/project2025/banner_top.png) no-repeat center top;}

/* 热门院校 */
.school_info{ margin-top: 60px}
.school_info .school_info_list{ margin-top: 40px; margin-bottom: 50px;}
.school_info .school_info_list li{ float: left; padding: 0 10px; height: 52px; background: #c8dfff; text-align: center; line-height: 52px; color: #373751; font-size: 16px; margin-right: 13px; border-radius: 8px; cursor: pointer;}
.school_info .school_info_list li:last-child{ margin-right: 0;}
.school_info .school_info_list li.on{ background: #315deb; color: #fff; position: relative;}
.school_info .school_info_list li.on::after{ content: ""; position: absolute; left: 50%; bottom: -7px; transform: translateX(-50%); width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #315deb;}
.school_info .school_info_container{ position: relative; z-index: 1; width: 100%; height: 422px;}
.school_info .school_info_container .swiper-button-next,.school_info .school_info_container .swiper-button-prev { position: absolute; top: 50%; margin-top: -20px; width: 40px; height: 40px; cursor: pointer;}
.school_info .school_info_container .swiper-button-next{ background: url(/images/tongdengxueli/project2025/icon_next.png) no-repeat; right: 0;}
.school_info .school_info_container .swiper-button-prev{ background: url(/images/tongdengxueli/project2025/icon_prev.png) no-repeat; left: 0;}
.school_info .swiper-slide{ width: 100%;}
.school_info .school_info_con_fl{ margin-top: 90px; margin-left: 26px;}
.school_info .school_info_con_fr{ width: 709px;}
.school_info .school_info_con_fr>h3{ font-size: 26px; color: #333; margin-bottom: 20px; line-height: 1;}
.school_info .school_info_con_fr>h3.two{ margin-top: 27px;}
.school_info .school_info_con_fr>p{ width: 654px; font-size: 16px; line-height: 35px; color: #333;}
.school_info .school_info_con_fr_list li{ width: 133px; height: 40px; float: left; line-height: 40px; border-radius: 8px; background: #e9ecf1; text-align: center; font-size: 16px; color: #333; margin-right: 11px; margin-bottom: 11px;}
.school_info .school_info_con_fr_list li:last-child{ margin-right: 0;}
.school_info .school_btn{ text-align: center; margin-top: 50px;}
.school_info .school_btn a{ display: inline-block; width: 212px; height: 50px; line-height: 50px; font-size: 18px; text-align: center; color: #333; border-radius: 25px;}
.school_info .school_btn a.online_btn{ border: 2px solid #b8b8b8;}
.school_info .school_btn a.buy_now{ color: #fff; background: #315deb; margin-left: 32px;}
.school_info .school_btn a:hover{ text-decoration: none;}

/*通栏评估*/
.estimate-wrap{ width: 100%; height: 180px; background: #ffe7be; margin-top: 44px;}
.estimate-mod .tit{ width: 196px; color: #cc0100; padding-top: 42px; text-align: center; margin-right: 46px;}
.estimate-mod .tit h4{ line-height: 48px; font-size: 33px;}
.estimate-mod .tit p{ line-height: 44px; font-size: 28px; font-weight: bold;}
.estimate-mod .con{ padding: 56px 0 0 0;}
.estimate-mod .con .ipt{ width: 320px; height: 63px; border: 1px solid #fcb38f; border-radius: 40px; font-size: 16px; margin-right: 20px; text-indent: 60px;}
.estimate-mod .con .ipt.name{ background: url(/images/tongdengxueli/project2025/user.png) no-repeat 23px center #fff;}
.estimate-mod .con .ipt.phone{ background: url(/images/tongdengxueli/project2025/iphone.png) no-repeat 21px center #fff;}
.estimate-mod .con .btn{ display: block; width: 240px; height: 63px; line-height: 63px; text-align: center; font-size: 20px; color: #fff; font-weight: bold; text-decoration: none; background: #f75700; border-radius: 40px; margin-left: 12px;}
.estimate-mod .con .btn.online{ border: 2px solid #f75700; color: #f75700; background: #ffe7be;}

/*区别*/
.diff_con{ height: 721px; width: 100%; background: url(/images/tongdengxueli/project2025/diff.png) no-repeat center top; padding-top: 77px; box-sizing: border-box;}
.diff_con h3{ text-align: center; font-size: 34px; color: #fff; line-height: 1;}
.diff_con_m{ height: 479px; background: url(/images/tongdengxueli/project2025/diff_con.png) no-repeat center top; margin-top: 53px;}
.diff_con_m_fl{ width: 516px;}
.diff_con_m_fl h3{ font-size: 22px; color: #fff; line-height: 80px; text-align: center;}
.diff_con_m_fl p{ font-size: 24px; color: #1e49b7; text-align: center; height: 70px; line-height: 70px;}
.diff_con_m_fl em{ display: block; width: 342px; height: 62px; line-height: 62px; border-top: 1px solid #ddeafd; font-size: 18px; color: #333; margin: 0 auto; text-align: center;}
.diff_con_m_m{ width: 167px; padding-top: 152px;}
.diff_con_m_m em{ display: block; width: 113px; height: 62px; line-height: 62px; border-top: 1px solid #facda8; font-size: 18px; margin: 0 auto; text-align: center; color: #d0762e; font-weight: 600;}
.diff_con_m_fr h3{ color: #333333;}
.diff_con_m_fr p{ color: #333333;}
.diff_con_m_fr em{ border-top: 1px solid #e5e5e5; color: #333;}

/*为什么*/
.choice-wrap{ width: 100%; height: 728px; background: url(/images/tongdengxueli/project2025/choice-bg.jpg) no-repeat center top;}
.choice-mod .title{ text-align: center; line-height: 70px; font-size: 36px; color: #373751; font-weight: bold; padding-top: 38px;}
.choice-mod .list{ width: 100%; height: 619px;}
.choice-mod .list .box{ width: 330px; height: 110px; border-radius: 12px 12px 25px 12px; position: absolute; background: #edf6ff;
    background-image: -webkit-linear-gradient(top, #fff, #edf6ff);
    background-image: -moz-linear-gradient(top, #fff, #edf6ff);
    background-image: linear-gradient(top,#fff,#edf6ff);}
.choice-mod .list .box .tit{ display: inline-block; line-height: 46px; font-size: 16px; padding: 0 25px 0 9px; color: #fff; font-weight: bold; position: absolute; left: 0; top: -29px; border-radius: 6px 20px 6px 6px; background: #2a4fb5;
    background-image: -webkit-linear-gradient(left, #2a4fb5, #55a9ff);
    background-image: -moz-linear-gradient(left, #2a4fb5, #55a9ff);
    background-image: linear-gradient(left,#2a4fb5,#55a9ff);}
.choice-mod .list .box .tit i{ display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; color: #2c59bd; font-weight: bold; border-radius: 50%; margin-right: 8px; background: #defefc;
    background-image: -webkit-linear-gradient(left, #ddf0fd, #defefc);
    background-image: -moz-linear-gradient(left, #ddf0fd, #defefc);
    background-image: linear-gradient(left,#ddf0fd,#defefc);}
.choice-mod .list .box p{ line-height: 26px; min-height: 70px; font-size: 16px; padding: 33px 0 0 112px;}
.choice-mod .list .box p strong.red-tags{ color: #e23000;}
.choice-mod .list .box.abs01 p{ background: url(/images/tongdengxueli/project2025/choice-ico01.jpg) no-repeat 26px 42px;}
.choice-mod .list .box.abs02 p{ padding-left: 48px; background: url(/images/tongdengxueli/project2025/choice-ico02.jpg) no-repeat 270px 42px;}
.choice-mod .list .box.abs02 .tit{ left: auto; right: 0; border-radius: 20px 6px 6px 6px;}
.choice-mod .list .box.abs03 p{ padding-left: 100px; background: url(/images/tongdengxueli/project2025/choice-ico03.jpg) no-repeat 30px 33px;}
.choice-mod .list .box.abs01{ top: 69px; left: 109px;}
.choice-mod .list .box.abs02{ top: 69px; right: 89px;}
.choice-mod .list .box.abs03{ top: 238px; left: 0;}
.choice-mod .list .box.abs04{ top: 238px; right: 0;}
.choice-mod .list .box.abs04 p{ padding-left: 48px; background: url(/images/tongdengxueli/project2025/choice-ico04.png) no-repeat 249px 37px;}
.choice-mod .list .box.abs04 .tit{ left: auto; right: 0; border-radius: 20px 6px 6px 6px;}
.choice-mod .list .box.abs05{ top: 420px; left: 109px;}
.choice-mod .list .box.abs05 p{ padding-left: 95px; background: url(/images/tongdengxueli/project2025/choice-ico05.png) no-repeat 27px 39px;}
.choice-mod .list .box.abs06{ top: 420px; right: 0;}
.choice-mod .list .box.abs06 p{ padding-left: 32px; padding-top: 34px; background: url(/images/tongdengxueli/project2025/choice-ico06.png) no-repeat 250px 36px;}
.choice-mod .list .link-btn{ display: block; width: 266px; height: 66px; line-height: 66px; text-align: center; color: #fff; font-size: 20px; font-weight: bold; text-decoration: none; border-radius: 40px; left: 50%; margin-left: -133px; bottom: 38px; background: #ff3d09;
    background-image: -webkit-linear-gradient(left, #ff3d09, #ff6536);
    background-image: -moz-linear-gradient(left, #ff3d09, #ff6536);
    background-image: linear-gradient(left,#ff3d09,#ff6536);}

/*报名流程*/
.flow-wrap{ width: 100%; background: #ede9da;}
.flow-mod{ padding-bottom: 56px;}
.flow-mod .title{ text-align: center; line-height: 70px; font-size: 36px; color: #373751; font-weight: bold; padding-top: 38px;}
.flow-mod .list{ width: 1226px; padding: 30px 0 15px;}
.flow-mod .list li{ float: left; width: 280px; height: 146px; border-radius: 15px; margin: 0 26px 40px 0; position: relative;}
.flow-mod .list li.ico01{ background: url(/images/tongdengxueli/project2025/flow-ico01.png) no-repeat 16px 22px #fff;}
.flow-mod .list li.ico02{ background: url(/images/tongdengxueli/project2025/flow-ico02.png) no-repeat 25px 29px #fff;}
.flow-mod .list li.ico03{ background: url(/images/tongdengxueli/project2025/flow-ico03.png) no-repeat 14px 24px #fff;}
.flow-mod .list li.ico04{ background: url(/images/tongdengxueli/project2025/flow-ico04.png) no-repeat 24px 27px #fff;}
.flow-mod .list li.ico08{ background: url(/images/tongdengxueli/project2025/flow-ico08.png) no-repeat 24px 27px #fff;}
.flow-mod .list li.ico07{ background: url(/images/tongdengxueli/project2025/flow-ico07.png) no-repeat 24px 27px #fff;}
.flow-mod .list li.ico06{ background: url(/images/tongdengxueli/project2025/flow-ico06.png) no-repeat 24px 27px #fff;}
.flow-mod .list li.ico05{ background: url(/images/tongdengxueli/project2025/flow-ico05.png) no-repeat 24px 27px #fff;}
.flow-mod .list li:before{ content: ""; width: 44px; height: 29px; position: absolute; right: -27px; top: 30px; background: url(/images/tongdengxueli/project2025/flow-arrow01.png) no-repeat;}
.flow-mod .list li.ico04:before{ width: 29px; height: 44px; left: 132px; bottom: -33px; right: auto; top: auto; background: url(/images/tongdengxueli/project2025/flow-arrow02.png) no-repeat;}
.flow-mod .list li.ico08:before{ display: none;}
.flow-mod .list li.left-arrow:before{ right: -38px; background: url(/images/tongdengxueli/project2025/flow-arrow03.png) no-repeat;}
.flow-mod .list .text{ padding: 15px 0 0 105px;}
.flow-mod .list .text h3{ line-height: 46px; font-size: 22px; color: #f29702;}
.flow-mod .list .text p{ line-height: 30px;}
.flow-mod .link-btn{ display: block; width: 266px; height: 66px; line-height: 66px; text-align: center; color: #fff; font-size: 20px; margin: 0 auto; font-weight: bold; text-decoration: none; border-radius: 40px; background: #ff3d09;
    background-image: -webkit-linear-gradient(left, #ff3d09, #ff6536);
    background-image: -moz-linear-gradient(left, #ff3d09, #ff6536);
    background-image: linear-gradient(left,#ff3d09,#ff6536);}
.school_info_pro{ position: absolute; bottom: 80px; right: 0; font-size: 14px; color: #333;}

/*左侧浮动*/
.left-nav{ width: 110px; position: fixed; left: 10px; top: 50%; margin-top: -200px; z-index: 69; padding-bottom: 17px; border-radius: 0 0 8px 8px; background: #d1864c;
    background-image: -webkit-linear-gradient(left, #d1864c, #e8a866);
    background-image: -moz-linear-gradient(left, #d1864c, #e8a866);
    background-image: linear-gradient(left,#d1864c,#e8a866);}
.left-nav .consult-btn{ display: block; width: 129px; height: 113px; left: -10px; top: -113px; text-decoration: none; background: url(/images/tongdengxueli/project2025/leftNav-ico01.png) no-repeat;}
.left-nav .consult-btn p{ font-size: 20px; color: #fff; line-height: 22px; padding-top: 30px; text-align: center;}
.left-nav .list{ padding: 13px 0 0;}
.left-nav .list .btn{ display: block; width: 90px; height: 36px; line-height: 36px; text-align: center; font-size: 16px; color: #8f4408; text-decoration: none; border-radius: 40px; margin: 0 auto 10px; background: #ffe6bc;
    background-image: -webkit-linear-gradient(top, #ffe6bc, #fff9ef);
    background-image: -moz-linear-gradient(top, #ffe6bc, #fff9ef);
    background-image: linear-gradient(top,#ffe6bc,#fff9ef);}
.left-nav .phone{ width: 103px; margin: 0 auto; padding-bottom: 10px; border-radius: 10px 10px 0 0; text-align: center; color: #fff; background: #be621f;
    background-image: -webkit-linear-gradient(top, #be621f, #d1854a);
    background-image: -moz-linear-gradient(top, #be621f, #d1854a);
    background-image: linear-gradient(top,#be621f,#d1854a);}
.left-nav .phone h4{ line-height: 27px; padding-top: 4px; font-size: 14px; text-shadow: 0 0 5px #bd672d;}
.left-nav .phone p{ line-height: 19px; font-size: 13px; font-weight: bold; text-shadow: 0 0 5px #bd672d;}
.left-nav .ewm{ border: 5px solid #e3b087; width: 80px; margin: 0 auto;}
.left-nav .ewm img{ display: inline-block; width: 80px; height: 80px;}
.left-nav .ewm-text{ text-align: center; line-height: 20px; padding-top: 8px; font-size: 16px; color: #fff; font-weight: bold;}
.left-nav .top-btn{ display: block; width: 45px; height: 45px; left: 50%; margin-left: -22px; bottom: -33px; border-radius: 50%; background: url(/images/tongdengxueli/project2025/leftNav-ico02.png) no-repeat center #cf752e;}
.left-nav .arrow{ display: block; width: 30px; height: 50px; background: url(/images/tongdengxueli/project2025/fixNav-common.png) no-repeat 0 0; position: absolute; right: -29px; top: 50%; margin-top: -25px; background-position-x: -28px}

/*底部浮动*/
.fixBottom-box{ height: 108px;}
.fixBottom-wrap{ width: 100%; height: 108px; position: fixed; left: 0; bottom: 0; z-index: 69; background: url(/images/tongdengxueli/project2025/fixBottom-ico01.png) no-repeat center;}
.fixBottom-wrap .close-btn{ display: block; width: 30px; height: 35px; position: absolute; right: 10px; top: 8px; background: url(/images/tongdengxueli/project2025/bottomFix-close.png) no-repeat;}
.fixBottom-mod:before{ content: ""; width: 124px; height: 109px; position: absolute; left: 8px; top: -17px; background: url(/images/tongdengxueli/project2025/fixBottom-ico02.png) no-repeat;}
.fixBottom-mod .con{ padding: 35px 0 0 360px;}
.fixBottom-mod .con .ipt{ width: 280px; height: 48px; border-radius: 40px; border: 0; font-size: 16px; margin-right: 12px; text-indent: 60px;}
.fixBottom-mod .con .ipt.name{ background: url(/images/tongdengxueli/project2025/user.png) no-repeat 23px center #fff;}
.fixBottom-mod .con .ipt.phone{ background: url(/images/tongdengxueli/project2025/iphone.png) no-repeat 21px center #fff;}
.fixBottom-mod .con .btn{ display: block; width: 228px; height: 48px; line-height: 48px; text-align: center; font-size: 18px; color: #fff; box-shadow: 0 5px 10px #fdae84; text-decoration: none; border-radius: 40px; position: relative; margin-right: 25px; background: #f75700;}
.fixBottom-mod .con .consult-btn{ display: block; width: 175px; height: 48px; line-height: 48px; text-align: center; font-size: 22px; color: #fff; text-decoration: none; background: #fe7b2d; border-radius: 40px; box-shadow: 0 5px 10px #fdae84;}

/*公用弹框*/
.mask{ display: none; width: 100%; z-index: 98; height: 100%; background: #000; opacity: .6; filter: alpha(opacity=60); position: fixed; top: 0; left: 0;}
.common-pop{ display: none; width: 660px; position: fixed; left: 50%; background: #fff; border-radius: 10px; margin-left: -330px; top: 50%; z-index: 99;}
.common-pop .top-tit{ line-height: 56px; text-align: center; padding-top: 13px; font-size: 20px; font-weight: bold;}
.common-pop .top-tit:before{ content: ""; width: 38px; height: 3px; background: #07bdc7; position: absolute; left: 50%; margin-left: -19px; bottom: -3px;}
.common-pop .close-btn{ display: block; width: 16px; height: 16px; position: absolute; right: 20px; top: 20px; z-index: 9; background: url(/images/tongdengxueli/project2025/close-btn01.png) no-repeat;}

/*为什么弹框*/
.informationForm-pop{ width: 820px; height: 433px; margin-left: -410px; margin-top: -216px; background: url(/images/tongdengxueli/project2025/informationForm-bg.jpg) no-repeat; display: none;}
.informationForm-pop .left-con{ width: 380px; height: 433px; border-radius: 10px 0 0 10px;}
.informationForm-pop .left-con .list{ height: 256px;}
.informationForm-pop .left-con .list p{ display: block; width: 164px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #c9f1f3; color: #fffefe; border-radius: 40px 40px 40px 0; position: absolute;}
.informationForm-pop .left-con .list p.abs01{ left: 137px; top: 34px;}
.informationForm-pop .left-con .list p.abs02{ width: 134px; left: 36px; top: 81px;}
.informationForm-pop .left-con .list p.abs03{ left: 188px; top: 90px; color: #012144; background: #fff; border-color: #fff;}
.informationForm-pop .left-con .list p.abs04{ width: 114px; left: 54px; top: 131px;}
.informationForm-pop .left-con .list p.abs05{ left: 178px; top: 148px;}
.informationForm-pop .left-con .list p.abs06{ width: 134px; left: 102px; top: 194px;}
.informationForm-pop .left-con .ewm{}
.informationForm-pop .left-con .ewm .pic{ display: block; width: 130px; height: 130px; margin: 0 auto;}
.informationForm-pop .left-con .ewm p{ color: #fff; text-align: center; font-weight: bold; line-height: 20px; padding-top: 8px;}
.informationForm-pop .right-con{ width: 440px;}
.informationForm-pop .right-con .tit{ text-align: center; line-height: 62px; font-size: 20px; font-weight: bold; padding-top: 59px;}
.informationForm-pop .right-con .tit:before{ content: ""; width: 38px; height: 3px; background: #012144; position: absolute; left: 50%; margin-left: -19px; bottom: 0;}
.informationForm-pop .right-con .infor-list{ padding: 30px 0 0 0;}
.informationForm-pop .right-con .infor-list .box{ margin-bottom: 20px;}
.informationForm-pop .right-con .infor-list h4{ display: block; float: left; width: 122px; line-height: 50px; font-weight: normal; text-align: right; padding-right: 10px;}
.informationForm-pop .right-con .infor-list .ipt{ display: block; float: left; width: 248px; height: 48px; line-height: 48px; border: 1px solid #e3e3e3; border-radius: 6px; text-indent: 12px;}
.informationForm-pop .right-con .infor-btn{ display: block; width: 195px; height: 48px; line-height: 48px; text-align: center; font-size: 16px; color: #fff; font-weight: bold; text-decoration: none; background: #f29702; border-radius: 40px; margin: 30px auto 0;}