@charset "utf-8";
/* CSS Document */
/*标准色#1E237F;*/
body { margin: 0; padding: 0; font-family: "Microsoft Yahei","微软雅黑",Tahoma,Arial,sans-serif,Simsun; color: #333; font-size: 16px; line-height: 24px; background: #fff;}
a { display: inline-block; color: #fff; text-decoration: none;}
body,div,dl,dt,dd,ul,ol,li,input,textarea,p,img,h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0;}
img { border: 0; margin: 0; padding: 0;}
i { display: block; float: left;}
ul,li{ list-style: none;}
ul>li { float: left; margin: 0 10px;}
.block { display: block;}
.hidden { display: none;}
.clearfix { zoom: 1;}
.clearfix:after { content: " "; display: block; clear: both; height: 0;}
.auto { margin: 0 auto;}
.left { float: left;}
.right { float: right;}
.width { width: 100%}
.content { width: 1200px; margin: 0 auto;}
.content1 { width: 1000px; margin: 0 auto;}
.space { padding: 35px 0 30px;}
.mt20 { margin-top: 20px;}
.mr20 { margin-right: 20px;}
.mb20 { margin-bottom: 20px;}
.ml20 { margin-left: 20px;}
.mt10 { margin-top: 10px;}
.mr10 { margin-right: 10px;}
.mb10 { margin-bottom: 10px;}
.ml10 { margin-left: 10px;}
.per12 { width: 80px;}
.per06 { width: 180px;}
.per05 { width: 220px;}
.per04 { width: 280px;}
.per03 { width: 380px;}
.per02 { width: 580px;}
.per { width: 1180px;}
/*标题样式*/
.title { text-align: center; background: url( ../images/back_title_color.png) no-repeat bottom; padding-bottom: 10px; background-size: 390px; margin: 0 auto 25px;}
.title>h2 { color: #333; font-size: 26px; line-height: 1.4;}
.title>h2>span { color: #1E237F;}

.title.white { background: url(../images/back_title_white.png) no-repeat bottom; background-size: 390px;}
.title.white>h2 { color: #fff;}
.title.white>h2>span { color: #ffcc00;}

/*按钮样式*/
.button { display: block; width: 340px; line-height: 46px; text-align: center; background: linear-gradient(#fea116,#ff6e15); border-radius: 50px; border: 2px solid #fff; box-shadow: 0 3px 15px rgba(153,153,153,.2); font-size: 18px; margin: 20px auto 0;}
.button:hover { margin: 10px auto; box-shadow: 0 3px 15px rgba(153,153,153,.3); transition-duration: .3s;}

/*课程样式*/
#module01 { background: url(../images/back_white.jpg) no-repeat top;}
#module01>ul>li { width: 260px; margin: 0 20px; background: linear-gradient(rgba(255,255,255,.2),#fff); border-radius: 20px; text-align: center; margin-top: 40px;}
#module01>ul>li>.line_c { width: 100px; height: 100px; margin: 0 auto; background: linear-gradient(#363cab,#1E237F); padding: 20px; border-radius: 300px; z-index: 2; position: relative; margin-top: -40px;}
#module01>ul>li>.line_c>div { width: 100px; height: 100px; background: #fff; border-radius: 100px;}
#module01>ul>li>.line_c>div>h4 { color: #1E237F; font-family: "DOUYU Font"; font-size: 22px; line-height: 30px; padding-top: 25px;}
#module01>ul>li>.line_c>div>span { color: #666; font-family: "DOUYU Font"; font-size: 12px; margin-top: -3px; display: block;}
#module01>ul>li>p { margin: 15px;}
#module01>ul>li>.c_line { width: 180px; height: 4px; background: #1E237F; margin: 0 auto;}
#module01>ul>li:hover { margin-top: 25px; transition-duration: .3s; box-shadow: 0 2px 10px rgba(153,153,153,.3);}

#module02>ul>li { border-radius: 25px; box-shadow: 0 2px 12px rgba(153,153,153,.2); overflow: hidden;}
#module02>ul>li>img { width: 100%;}
#module02>ul>li>div { color: #1E237F; font-size: 18px; margin: 10px 20px 5px; font-weight: bold;}
#module02>ul>li>p { color: #666; margin: 0 20px 15px;}

.control-box { width: 1360px; box-shadow: 0 3px 16px rgba(153,153,153,.2); border-radius: 4px; padding: 20px 30px 0; margin: 0 auto;}
.control-box ul { list-style: none;  position: relative;}
.control-box ul li { position: absolute; top: 100px; cursor: pointer;}
.prev { left: 0;}
.next { right: 0;}
.bigbox { overflow: hidden; width: 1200px; height: 320px; margin: 0 auto;}
#switcher { left: 0px;}
.content_1.content_2 { width: 100%; float: left;}
.box { transition: all 1s ease 0s; float: left;}
.box>.nr { margin: 10px; background: linear-gradient(#ffddac,#fccb8a); border-radius: 10px; overflow: hidden; text-align: center;}
.box>.nr>img { width: 90px; margin: 20px auto 5px;}
.box>.nr>h4 { font-size: 18px; color: #1E237F;}
.box>.nr>p { color: #666; margin-top: 10px;}
.box>.nr>a { display: block; background: #1E237F; width: 150px; line-height: 34px; font-size: 16px; text-align: center; border-radius: 30px; margin: 10px auto 25px; color: #fff;}

#module04 { background: #1E237F;}
#module04>ul>li { text-align: center; background: #fff; border-radius: 25px; height: 50px; padding: 20px 0; box-shadow: 0 2px 16px rgba(153,153,153,.2);}
#module04>ul>li>h4 { color: #1E237F; font-size: 20px; margin-bottom: 5px;}
#module04>ul>li>h5 { font-size: 16px;}
#module04>ul.mt20>div { border-radius: 25px; background: #f6f6f6; margin: 10px; padding: 40px; box-shadow: 0 2px 16px rgba(153,153,153,.2);}
#module04>ul.mt20>div>li>div { padding: 5px 15px; border-radius: 6px; background: #fff; color: #333; width: 800px;}
#module04>ul.mt20>div>li.ask>div { width: 360px;}
#module04>ul.mt20>div>li.answer>div { background: #1E237F; color: #fff;}
#module04>ul.mt20>div>li.ask>img { float: left; width: 40px; margin-right: 10px;}
#module04>ul.mt20>div>li.ask>div { float: left;}
#module04>ul.mt20>div>li.answer>img { float: right; width: 40px; margin-left: 10px;}
#module04>ul.mt20>div>li.answer>div { float: right;}

#module05 { background: #1E237F;}
#module05>ul>li { border-radius: 20px; background: #fff; box-shadow: 0 2px 10px rgba(153,153,153,.2); width: 180px; padding: 15px 20px;}
#module05>ul>li>div { font-size: 20px; font-weight: bold; color: #1E237F; margin-bottom: 10px;}
#module05>ul>li>.p1 { color: #f81c1c;}
#module05>ul>li:nth-child(2)>.p1 { color: #ff6e15;}
#module05>ul>li:nth-child(3)>.p1 { color: #3bde98;}
#module05>ul>li:nth-child(4)>.p1 { color: #8726f1;}
#module05>ul>li:nth-child(5)>.p1 { color: #144bca;}
#module05>ul>li>.p1>span { background: #f81c1c; color: #fff; padding: 2px 12px; border-radius: 6px;}
#module05>ul>li:nth-child(2)>.p1>span { background: #ff6e15;}
#module05>ul>li:nth-child(3)>.p1>span { background: #3bde98;}
#module05>ul>li:nth-child(4)>.p1>span { background: #8726f1;}
#module05>ul>li:nth-child(5)>.p1>span { background: #144bca;}
#module05>ul>li>.p2 { color: #999; margin: 5px 0 0;}
#module05>ul>li>a { display: block; width: 100px; text-align: center; background: linear-gradient(#fea116,#ff6e15); border-radius: 50px; color: #fff; line-height: 32px; margin: 5px 0 0;}

#module06 { background: linear-gradient(#fff,#f8f8f8);}
#module06>ul>li>img { width: 80px; border-radius: 100px; float: left; box-shadow: 0 2px 16px rgba(153,153,153,.3); position: relative; z-index: 2; margin-top: 15px;}
#module06>ul>li>.right { width: 170px; padding: 15px 20px 15px 50px; margin: -100px 0 0 -20px; background: linear-gradient(#363cab,#1E237F); border-radius: 25px; color: #fff; box-shadow: 0 2px 16px rgba(153,153,153,.3); z-index: 1;}
#module06>ul>li>.right>h4 { font-size: 20px; margin-bottom: 5px;}

#module07 { background: #1E237F;}
#module07>ul>li { text-align: center; background: #fff; border-radius: 10px; padding: 20px 0 15px;}
#module07>ul>li>h4 { font-size: 20px;}
#module07>ul>li>a { display: block; border-radius: 6px; width: 100px; margin: 15px auto 0; font-size: 16px; color: #fff; line-height: 30px; background: linear-gradient(#fea116,#ff6e15);}

#module08 { background: linear-gradient(#fff,#EEE);}
#module08 a:nth-child(2) { display: block; }
#module08 img { width: 600px; display: block; border-radius: 10px; border: 5px solid #fff; margin: 0 auto; box-shadow: 0 2px 25px rgba(153,153,153,.5);}

/*省份校区*/
#province { background: url( ../images/back-campus.jpg) no-repeat center; padding: 30px 0 30px;}
#province>div>ul>li { width: 78px; height: 34px; border: 1px solid #1E237F; border-radius: 4px; background: rgba(255,255,255,.6); text-align: center; margin-bottom: 15px;}
#province>div>ul>li>a { color: #1E237F; font-size: 18px; line-height: 32px; letter-spacing: 2px;}
#province>div>ul>li:hover { width: 76px; height: 32px; border: 2px solid #1E237F; border-radius: 4px; background: #1E237F; text-align: center; margin-bottom: 15px;}
#province>div>ul>li:hover>a { color: #fff; font-size: 18px; line-height: 32px; letter-spacing: 2px; transition-duration: .3s;}

/*城市校区*/
#city { background: url( ../images/back-campus.jpg) no-repeat center; padding: 30px 0 30px;}
#city>div>ul>li { width: 78px; height: 34px; border: 1px solid #1E237F; border-radius: 4px; background: rgba(255,255,255,.6); text-align: center; margin-bottom: 15px;}
#city>div>ul>li>a { color: #1E237F; font-size: 18px; line-height: 32px; letter-spacing: 2px;}
#city>div>ul>li:hover { width: 76px; height: 32px; border: 2px solid #1E237F; border-radius: 4px; background: #1E237F; text-align: center; margin-bottom: 15px;}
#city>div>ul>li:hover>a { color: #fff; font-size: 18px; line-height: 32px; letter-spacing: 2px; transition-duration: .3s;}/*城市校区*/

/*2023.05 优化基本信息样式*/
/*顶部*/
#top,#head { width: 100%; height: 40px; overflow: hidden; background: #f1f1f1;}
#top { font-size: 10px; line-height: 40px; font-family: '宋体'; color: #999;}
#top a { float: left;}
#top img { height: 30px; width: auto; margin: 5px 10px 0 0;}
#top span { float: right;}
/*头部*/
#head { height: 90px; background: #fff; color: #1E237F; line-height: 90px!important; font-weight: bold; font-size: 36px;}
#head img { height: 60px; width: auto; float: left; margin: 15px 0;}
#head .tel { font-size: 24px; font-weight: bold; color: #c1c1c1; line-height: 90px; background: url(../m/images/icon-tel.png) no-repeat left; text-indent: 35px;}
#head span { color: #1E237F;}
/*导航栏*/
#nav { width: 100%; height: 60px; background: rgba(0,0,0,.4); position: relative; z-index: 2;}
#nav a { line-height: 60px; color: #fff; font-size: 18px; padding: 0 20px; margin-right: 5px;}
#nav a:hover { background: #1E237F;}
#nav a.current { background: #1E237F;}
/*banner*/
#banner { position: relative; z-index: 0; margin-top: -60px;}
#banner>a { width: 100%;}
#banner>a>img { width: 100%; display: block;}
/*具体校区*/
#campus { width: 100%; height: 540px; background: url(../images/back-campus.jpg);}
#campus>ul { height: 540px; margin: auto; display: flex; justify-content: space-between;}
#campus>ul>.left { width: 340px; margin-top: 140px;}
#campus>ul>.left>h2 { font-size: 46px; line-height: 60px; margin-top: 60px;}
#campus>ul>.right { width: 840px; height: 470px; border: 15px solid #fff; margin-top: 30px; border-radius: 15px; box-shadow: 0 2px 12px rgba(153,153,153,.2);}
.tab { background: #fff; padding-bottom: 10px;}
.tab a { display: block; line-height: 36px; text-align: center; float: left; text-decoration: none; color: #000; font-weight: bold; font-size: 16px; margin-right: 25px;}
.tab a.on { color: #1E237F;}
.tab_content { overflow-x: hidden;}
.tab_content { height: 420px; overflow-x: hidden; overflow-y: scroll; text-align: left; }
.tab_content::-webkit-scrollbar { display: none;}
.tab_block .tab_content li .tr { width: 840px; padding: 20px 0;}
.tab_block .tab_content li .tr .td { float: left; width: 240px; margin-left: 30px;}
.tab_block .tab_content li .tr .td:last-child { margin-right: 0;}
.tab_block .tab_content li .tr .td h5 { font-size: 16px; font-weight: bold; line-height: 34px; color: #333;}
.tab_block .tab_content li .tr .td h5:before { content: " "; display: block; float: left; width: 20px; height: 32px; background: url(../m/images/icon-c.png) no-repeat left;  background-size: 16px auto;}
.tab_block .tab_content li .tr .td p { font-size: 16px; line-height: 32px; width: 130px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; color: #333; font-weight: bold;}
.tab_block .tab_content li .tr .td a { float: right; color: #1E237F; font-size: 16px; line-height: 32px; font-weight: bold;}
.tab_block .tab_content li .tr .td a:before { content: " "; display: block; float: left; width: 20px; height: 32px; background: url(../m/images/icon-r.png) no-repeat left;  background-size: 14px auto;}
/*版权*/
#footer { background: #333; padding: 15px 0; text-align: center; color: #fff; margin-bottom: 100px; font-size: 16px;}
#footer span { color: #ffcc00;}
/*吸底*/
#bottom { width: 100%; height: 100px; position: fixed; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.6); z-index: 999;}
#bottom img { float: left; margin-top: -20px; height: 120px; width: auto;}
#bottom span { float: left; color: #fff; font-size: 36px; letter-spacing: 2px; line-height: 100px; margin-left: 50px;}
#bottom a { float: right; color: #fff; font-size: 24px; width: 220px; height: 50px; border-radius: 46px; background: linear-gradient(#ffcc00,#ff6c00); text-align: center; margin-top: 25px; line-height: 50px; box-shadow: 0 2px 6px rgba(153,153,153,.2);}