/*
@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;}
.common-title{ padding:50px 0 38px; text-align:center; font-size:0;}
.common-title h2{ display:inline-block; line-height:46px; font-size:36px; position:relative;}
.common-title h2:before,.common-title h2:after{ content:""; width:96px; height:22px; background:url("/images/zhuanti/jcckgdb/title-ico02.png") no-repeat; position:absolute; left:-140px; top:13px;}
.common-title h2:after{ left:auto; right:-140px; background:url("/images/zhuanti/jcckgdb/title-ico01.png") no-repeat;}
.common-title p{ line-height:30px; font-size:20px; color:#999;}
.common-title.white-tags h2{ color:#fff;}

/**/
.header-wrap{ width:100%; height:545px; background:url("/images/zhuanti/jcckgdb/header.jpg") no-repeat center top;}
.header-mod{ height:270px;}
.header-mod .tips{ width:870px; text-align:center; line-height:26px; font-size:24px; color:#fff; padding:180px 0 0;}
.nav-mod{ height:224px; border-radius:8px; box-shadow:0 5px 10px #fff2e0; background:url("/images/zhuanti/jcckgdb/topNav-bg.png") no-repeat;}
.nav-mod .box{ float:left; width:300px; position:relative; text-align:center;}
.nav-mod .box:before{ content:""; width:1px; height:102px; border-left:1px dashed #ffc79f; position:absolute; right:0; top:38px;}
.nav-mod .box:last-child:before{ display:none;}
.nav-mod .box span{ display:block; width:91px; height:91px; margin:0 auto; padding-top:30px;}
.nav-mod .box h4{ line-height:35px; font-size:22px; color:#9b4612; padding-top:12px;}
.nav-mod .box p{ line-height:32px; font-size:16px;}

/**/
.teaching-wrap{ width:100%; height:545px; background:url("/images/zhuanti/jcckgdb/teaching-bg.jpg") no-repeat center top;}
.teaching-mod{ height:316px; background:url("/images/zhuanti/jcckgdb/teaching-bg02.png") no-repeat;}
.teaching-mod .list{}
.teaching-mod .list ul{ text-align:center; font-size:0; padding:47px 0 0;}
.teaching-mod .list li{ display:inline-block; vertical-align:top; width:223px; height:161px; border-radius:12px; background:#fff; box-shadow:0 5px 10px #4673f2; margin:0 45px; position:relative;}
.teaching-mod .list li h4{ display:block; width:106px; height:43px; border-radius:0 0 25px 25px; font-size:24px; color:#fff; font-weight:bold; box-shadow:0 8px 16px #f2cbbd; position:absolute; left:50%; margin-left:-53px; top:-7px; background:#c40012; background-image:-webkit-linear-gradient(left, #c40012, #ff5f0e); background-image:-moz-linear-gradient(left, #c40012, #ff5f0e); background-image:linear-gradient(left,#c40012,#ff5f0e);}
.teaching-mod .list li p{ line-height:32px; font-size:20px; padding-top:62px; font-weight:bold;}
.teaching-mod .list li i{ display:block; width:39px; height:39px; position:absolute; right:-63px; top:60px; background:url("/images/zhuanti/jcckgdb/teaching-ico01.png") no-repeat;}

/**/
.popularMajors-wrap{ width:100%; height:759px; background:url("/images/zhuanti/jcckgdb/popularMajors-bg.jpg") no-repeat center top;}
.popularMajors-mod{}
.popularMajors-wrap .common-title h2{ color:#fff;}
.popularMajors-mod .list{}
.popularMajors-mod .list ul{ width:1220px;}
.popularMajors-mod .list li{ float:left; width:277px; height:450px; padding-top:14px; background:#fff; border-radius:15px; border:8px solid #e6f2ff; margin-right:12px;}
.popularMajors-mod .list p{ display:block; width:100%; line-height:62px; text-align:center; font-size:20px; font-weight:bold; background:url("/images/zhuanti/jcckgdb/popularMajors-bg02.png") no-repeat center bottom;}
.popularMajors-mod .list p:last-child{ background:none;}
.popularMajors-mod .btn{ display:block; width:331px; height:67px; line-height:67px; font-size:26px; text-align:center; text-decoration:none; color:#fff; font-weight:bold; margin:40px auto 0; background:url("/images/zhuanti/jcckgdb/popularMajors-btn.png") no-repeat;}

.popularMajors-wrap-v2{ width:100%; height:843px; background:url("/images/zhuanti/jcckgdb/popularMajors-bg-v2.jpg") no-repeat center top;}
.popularMajors-wrap-v2 .common-title h2{ color:#fff;}
.popularMajors-mod-v2 .tab-tit{ width:704px; height:34px; background:#fff; border-radius:40px; border:3px solid #fff; margin:0 auto;}
.popularMajors-mod-v2 .tab-tit .tab-btn{ display:block; float:left; width:234px; height:34px; text-decoration:none; line-height:34px; text-align:center; font-size:20px; color:#b13909; border-radius:40px;}
.popularMajors-mod-v2 .tab-tit .tab-btn.on{ background:#fed8ac; background-image:-webkit-linear-gradient(left, #fed8ac, #feae5c); background-image:-moz-linear-gradient(left, #fed8ac, #feae5c); background-image:linear-gradient(left,#fed8ac,#feae5c);}
.popularMajors-mod-v2 .list{ display:none; padding:30px 0 0;}
.popularMajors-mod-v2 .list ul{ width:1220px;}
.popularMajors-mod-v2 .list ul.tianjin{ width:610px; margin: 0 auto;}
.popularMajors-mod-v2 .list li{ float:left; width:277px; height:450px; overflow-y:auto; padding-top:14px; background:#fff; border-radius:15px; border:8px solid #e6f2ff; margin-right:12px;}
.popularMajors-mod-v2 .list p{ display:block; width:100%; line-height:62px; text-align:center; font-size:18px; font-weight:bold; background:url("/images/zhuanti/jcckgdb/popularMajors-bg02.png") no-repeat center bottom;}
.popularMajors-mod-v2 .list p:last-child{ background:none;}
.popularMajors-mod-v2 .btn{ display:block; width:331px; height:67px; line-height:67px; font-size:26px; text-align:center; text-decoration:none; color:#fff; font-weight:bold; margin:40px auto 0; background:url("/images/zhuanti/jcckgdb/popularMajors-btn.png") no-repeat;}
.popularMajors-mod-v2 .list li::-webkit-scrollbar-track-piece {
    background-color: rgba(194, 194, 194, 0);
    border-left: 1px solid rgba(255, 86, 104, 0);
}
.popularMajors-mod-v2 .list li::-webkit-scrollbar {
    width: 5px;
    height: 13px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.popularMajors-mod-v2 .list li::-webkit-scrollbar-thumb {
    background-color: rgba(96, 131, 255, 0.9);
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 28px;
}
.popularMajors-mod-v2 .list li::-webkit-scrollbar-thumb:hover {
    background-color: rgba(96, 131, 255, 0.9);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/**/
.flow-wrap{ width:100%; background:#ebf5fe; padding:0 0 50px 0;}
.flow-mod{ height:251px; background:url("/images/zhuanti/jcckgdb/flow-bg.jpg") no-repeat;}
.flow-mod .text{ padding:90px 0 0 239px;}
.flow-mod .text p{ display:block; float:left; width:182px; text-align:center; font-weight:bold; white-space:nowrap; line-height:32px; font-size:18px; margin-bottom:65px;}

/**/
.self-mod{ height:545px; background:url("/images/zhuanti/jcckgdb/self-bg.jpg") no-repeat center top;}
.self-mod .con{ height:430px;}
.self-mod .con p{ display:block; height:56px; line-height:56px; border:2px solid #fff; position:relative; padding-right:38px; background:#fed4ad; background-image:-webkit-linear-gradient(left, #fed4ad, #fff5e4); background-image:-moz-linear-gradient(left, #fed4ad, #fff5e4); background-image:linear-gradient(left,#fed4ad,#fff5e4); font-size:20px; font-weight:bold; position:absolute; text-indent:78px; border-radius:50px; box-shadow:0 5px 10px #c7e3ff;}
.self-mod .con p:before{ content:""; width:37px; height:37px; position:absolute; left:25px; top:10px; background:url("/images/zhuanti/jcckgdb/self-ico91.png") no-repeat;}
.self-mod .con p.abs01{ top:56px; left:70px;}
.self-mod .con p.abs02{ top:56px; right:40px;}
.self-mod .con p.abs03{ top:167px; left:36px;}
.self-mod .con p.abs04{ top:167px; right:0;}
.self-mod .con p.abs05{ top:310px; left:400px;}

/**/
.aboutUs-wrap{ width:100%; height:439px; color:#fff; background:url("/images/2023project/aboutUs-bg.jpg") no-repeat center top;}
.aboutUs-mod h3{ text-align:center; font-size:40px; line-height:92px; padding-top:16px;}
.aboutUs-mod h4{ display:block; text-align:center; width:998px; height:45px; margin:0 auto; line-height:45px; font-size:25px; font-weight:normal; border:1px solid #5c89d5; background:rgba(45,96,173,.6);}
.aboutUs-mod .text{ padding:37px 100px 0 583px;}
.aboutUs-mod .text p{ font-size:16px; line-height:36px;}

/**/
.footer-wrap{ width:100%; background: #42464d; font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
.footerxx{ border-bottom: 1px solid #4b5054;}
.footerMap{ clear:both; width:1200px; text-align:left; margin:0 auto; color:#eee; padding: 20px 0;}
.footerMap .mtit{ line-height: 38px; font-size: 16px;}
.footerMap .mlist{ width: 139px; height: 28px; line-height: 28px; font-size: 12px; color: #bfc5c5; border-right: 1px solid #5b5f65; margin-right: 40px;}
.footerMap .mlist a{ color: #bfc5c5; display: inline-block; margin-left: 12px; _margin-left: 10px;}
.footerMap .mlist a:hover{ text-decoration: none; color: #fff;}
.footerMap .mlist .dq{ font-weight: 700; color: #eee; margin-left: 0;}
.footerMap .mlist2{ width: 120px; margin: 0; border-right: 0;}
.footerMap .mlist3{ width: auto; margin: 0; border-right: 0;}
.footerMap .mlist3 .dq{ display: inline-block; margin:0 24px 0 0;}
.footerNav{ clear:both; width:1200px; text-align:left; margin:0 auto; color:#eee; padding: 30px 0 16px;}
.footerNav a{ color:#eee;}
.footerNav a:hover{ color:#fff;}
.footerNav .lnav{ width: 705px; padding-top: 36px; line-height: 30px; font-size: 14px;}
.footerNav .lnav .w138{ width: 138px; display: inline-block;}
.footerNav .lnav .w276{ width: 276px; display: inline-block;}
.footerNav .rewm{ width: 100px; margin: 0 30px;}
.footerNav .rewm img{border: 5px solid #fff}
.footerNav .rewm-pic{ display: block; width: 100px; height: 100px; margin: 0 auto;}
.footerNav .rewm-txt{ height: 48px; line-height: 48px; text-align: center; font-size: 16px;}
.footer p,.footer p a,.footer p font{ color:#fff !important;}

/**/
.fix-nav{ width:120px; border-radius:10px; position:fixed; padding:30px 0 10px; right:10px; top:50%; margin-top:-150px; background:#fed2a8; background-image:-webkit-linear-gradient(top, #fff6e4, #fed2a8); background-image:-moz-linear-gradient(top, #fff6e4, #fed2a8); background-image:linear-gradient(top,#fff6e4,#fed2a8);}
.fix-nav:before{ content:""; width:86px; height:64px; position:absolute; left:14px; top:-33px; background:url("/images/zhuanti/jcckgdb/fixNav-ico.png") no-repeat;}
.fix-nav .btn{ display:block; width:100px; height:30px; line-height:30px; background:#fcd8ac; text-decoration:none; text-align:center; color:#d85c17; font-weight:bold; border-radius:8px; margin:0 auto 6px;}
.fix-nav .btn:hover{ background:#bd430a; color:#fff;}
.fix-nav .ewm{}
.fix-nav .ewm img{ display:block; width:90px; height:90px; margin:0 auto; border-radius:5px; border:5px solid #fff;}
.fix-nav .ewm p{ line-height:22px; text-align:center; padding-top:6px; color:#d85c17;}