@charset "utf-8";
/* CSS Document */
/* 标准色#DF1A18 rgba(223,26,24)*/
body { margin: 0; padding: 0; font-family: "Microsoft Yahei","微软雅黑",Tahoma,Arial,sans-serif,Simsun; font-size: 18px; line-height: 1.6; background: #fff;}
a { display: inline-block; text-decoration: none; color: #fff;}
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 30px 30px 0;}
.per12 { width: 72.5px;}
.per06 { width: 175px;}
.per05 { width: 216px;}
.per04 { width: 277.5px;}
.per03 { width: 380px;}
.per02 { width: 585px;}
.per02:nth-child(2n+2),.per03:nth-child(3n+3),.per04:nth-child(4n+4),.per05:nth-child(5n+5),.per06:nth-child(6n+6),.per012:nth-child(12n+12) { margin-right: 0!important;}
.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%}
.space { padding: 50px 0 40px;}

.content1 { width: 1000px; margin: 0 auto;}
.content { width: 1200px; margin: 0 auto;}
/*按钮样式*/
.button { display: block; width: 320px; line-height: 60px; margin: 20px auto 0; text-align: center; background: linear-gradient(#ffcc00,#ff6c00); border-radius: 50px; font-size: 22px; color: #fff;}
.button:hover { margin: 10px auto; transition-duration: .3s;}
/*顶部*/
#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: #DF1A18; 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: #DF1A18;}
/*导航栏*/
#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: #DF1A18;}
#nav a.current { background: #DF1A18;}
/*banner*/
#banner { position: relative; z-index: 0; margin-top: -60px; width: 100%; display: block; background: url(../images/banner.jpg) no-repeat top; height: 500px;}
/*城市校区*/
#city,#campus,#campus1 { background: url(../images/back-campus.jpg);}
#city .content a { display: inline-block; width: 82px; line-height: 36px; border: 1px solid #DF1A18; color: #DF1A18; background: rgba(255,255,255,.6); margin: 0 10px 20px; font-size: 18px; text-align: center; border-radius: 4px;}
#city .content a:hover { background: #DF1A18; color: #fff; transition-duration: .3s;}
/*具体校区*/
#campus { width: 100%; height: 540px;}
#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);}
#campus .tab { background: #fff; padding-bottom: 10px;}
#campus .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;}
#campus .tab a.on { color: #DF1A18;}
#campus .tab_content { overflow-x: hidden;}
#campus .tab_content { height: 420px; overflow-x: hidden; overflow-y: scroll; text-align: left; }
#campus .tab_content::-webkit-scrollbar { display: none;}
#campus .tab_block .tab_content li .tr { width: 840px; padding: 20px 0;}
#campus .tab_block .tab_content li .tr .td { float: left; width: 240px; margin-left: 30px;}
#campus .tab_block .tab_content li .tr .td:last-child { margin-right: 0;}
#campus .tab_block .tab_content li .tr .td h5 { font-size: 16px; font-weight: bold; line-height: 34px; color: #333;}
#campus .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;}
#campus .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;}
#campus .tab_block .tab_content li .tr .td a { float: right; color: #DF1A18; font-size: 16px; line-height: 32px; font-weight: bold;}
#campus .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: 110px; font-size: 16px;}
#footer span { color: #ffcc00; margin: 0 10px;}
/*吸底*/
#bottom { width: 100%; height: 110px; position: fixed; bottom: 0; left: 0; right: 0; background: linear-gradient(45deg,#FFDEBC,#ffe1d3); z-index: 999; display: block;}
#bottom img { float: left; margin-top: -20px;}
#bottom .right { float: right; color: #fff; font-size: 24px; width: 220px; line-height: 50px; border-radius: 100px; background: linear-gradient(10deg,#fe843f,#ff4e26); text-align: center; margin-top: 30px; box-shadow: 0 2px 6px rgba(153,153,153,.2);}
#xuanfu100 { width: 120px; height: 320px; position: fixed; right: 0; top: calc(50% - 150px); display: block;}
#xuanfu100 img { height: 100%; width: auto;}
/*标题样式*/
.space>h1 { text-align: center; margin: 0 auto 25px; background: url(../m/images/back-title-color.png) no-repeat bottom; background-size: 460px; padding-bottom: 20px; line-height: 1.3;}
.space>h2 { font-size: 18px; color: #666; text-align: center; margin: -15px auto 25px;}
.space.white>h1 { background: url(../m/images/back-title.png) no-repeat bottom; background-size: 460px; color: #fff;}
.space.white>h2 { color: #fff;}

/*按钮样式*/
.button { display: block; width: 280px; line-height: 56px; border-radius: 30px; text-align: center; background: linear-gradient(#ffcc00,#ff6c00); font-size: 20px; margin: 30px auto 0; color: #fff}
.button:hover { margin: 20px auto 10px; transition-duration: .3s;}

.inset { box-shadow: 0 0 15px 0 rgba(223,26,24,.3) inset; background: #fff;}
.outside { box-shadow: 0 3px 16px rgba(153,153,153,.2); background: #fff;}
.outside:hover { box-shadow: 0 3px 25px rgba(223,26,24,.1); transition-duration: .5s;}

.backall { height: 797px;}
.backall .space { background: url(../images/back-all.jpg) 50% 0 no-repeat fixed; width: 100%; position: absolute; overflow: hidden;}
/*
#module05 li  { width: 540px; border: 20px solid #fff; overflow: hidden; border-radius: 15px;}
#module05 img { width: 100%; display: block; position: relative;}
#module05 li:hover img { -webkit-transform: scale(1.2,1.2); transition: all 1s;}
*/

/*tab切换*/
#menu_nav { width: 368px; margin: 0 auto; height: 50px;}
#menu_nav>li>a { display: block; width: 100px; line-height: 40px; border-radius: 40px; border: 1px solid #DF1A18; color: #DF1A18; text-align: center;}
#menu_nav>li>a.selected { background: linear-gradient(rgba(223,26,24,.6),#DF1A18); color: #fff;}
#menu_con>.tag>li { width: 1200px; height: 10px; background: red;}
#menu_con>.tag>li.green { background: green;}
#menu_con>.tag>li.blue { background: blue;}
/*轮播样式*/
.control-box { width: 1360px; border-radius: 4px; padding: 20px 30px; margin: 0 auto; background: #fff;}
.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: 300px; margin: 0 auto;}
.content_1.content_2 { width: 100%; float: left;}
.box { transition: all 1s ease 0s; float: left;}
.box>.nr { margin: 10px; border-radius: 25px; overflow: hidden; padding: 20px 25px; background: #fff;}
.box>.nr >h4 { color: #DF1A18; font-size: 22px;}
.box>.nr >h5 { font-size: 18px; margin-top: 15px;}
.box>.nr >h5>span { margin-left: 20px; color: #DF1A18;}
.box>.nr >h5>span>big { font-size: 26px;}
.box>.nr >table { width: 360px; margin-left: 10px; margin-top: .3em; color: #666;}
.box>.nr >div>a { float: left; box-shadow: none; color: #fff; background: linear-gradient(#d73f3a,#DF1A18); padding: 5px 25px; border-radius: 20px; font-size: 1.125em; margin-top: .8em; margin-left: 10px;}
.box>.nr >div>a:nth-last-child(1) { float: right; margin-right: 10px;}

/*课程样式*/
#module03 { background: #DF1A18;}
#module04 { background: #fff;}
#module05 { background: rgba(223,26,24,.06);}
#module01 li { text-align: center; border-radius: 10px; padding: 20px 0; background: linear-gradient( rgba(223,26,24,.06),rgba(255,255,255,.2)); box-shadow: 0 4px rgba(223,26,24,1);}
#module01 h3 { background: linear-gradient(#DF1A18,#ff8100); -webkit-background-clip: text; color: transparent; font-size: 1.6em;}
#module01 h3:after { content: " "; display: block; width: 20px; height: 2px; border-top: 1px solid #ff8100; border-bottom: 1px solid #ff8100; margin: .2em auto;}
#module02 li { background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 15px rgba(153,153,153,.4);}
#module02 span,#module02 h3,#module02 li a { display: inline-block; line-height: 40px;}
#module02 span { background: linear-gradient(#DF1A18,#ff8100); width: 40px; color: #fff; text-align: center;font-weight: bold; margin: 20px 10px 20px 20px; border-radius: 30px;}
#module02 h3 { font-size: 1em; font-weight: normal;}
#module02 ul a { background: linear-gradient(#DF1A18,#ff8100); float: right; padding: 20px 25px;}
#module03 li { background: #fff; border-radius: 10px; padding: 20px; width: 340px;}
#module03 img { width: 100%;}
#module03 h3 { font-size: 1.4em; color: #DF1A18; border-bottom: 1px solid #DF1A18; margin-top: .8em;}
#module03 h3 span { background: linear-gradient(#DF1A18,#ff8100); color: #fff; font-size: 14px; padding: .2em .5em; border-radius: 20px; border-top-left-radius: 0; margin-left: .8em;}
#module03 p { margin-top: .3em;}
#module03 p:before { content: " "; display: block; float: left; width: 8px; height: 8px; border-radius: 2px; transform: rotate(45deg); background: linear-gradient(#DF1A18,#ff8100); margin: .55em .5em 0 0; box-shadow: 0 0 3px 0 #fff inset;}
#module04 table { width: 1200px; margin: 0 auto; text-align: center;}
#module04 table tr td { background: linear-gradient(#DF1A18,#ff8100); color: #fff; border-radius: 6px; padding: 10px 0;}
#module04 table tr td:nth-child(1) { border-bottom: 1px dashed #DF1A18; color: #DF1A18; background: none; border-radius: 0; width: 7em; font-weight: bold;}
#module05 ul { background: #fff; border-radius: 25px; padding-top: 25px;}
#module05 h3 { font-size: 1em; color: #DF1A18; border: 1px solid #DF1A18; width: 400px; margin: 0 auto 1em; border-radius: 6px; line-height: 2.2;}
#module05 h3 span { color: #fff; background: #DF1A18; display: inline-block; padding: 0 15px; margin-right: .3em;}
#module05 h4 { color: #DF1A18; text-align: center; font-size: .95em;}
#module05 img { width: 540px; margin-left: 50px; margin-top: 25px;}
#module05 ul div { float: right; width: 400px; border: 1px solid #DF1A18; padding: 10px 40px 25px; margin: 30px 80px 30px 0; border-radius: 30px;}
#module05 h5 { color: #DF1A18; margin-top: 20px; font-size: 18px;}
#module05 p { font-size: 16px;}
#module06 li { border-radius: 10px; margin-bottom: 1em; background: #fff url(../images/icon01.png) no-repeat 15px center; background-size: 80px; box-shadow: 3px 4px rgba(223,26,24,1); width: 338px; border: 1px solid #DF1A18; padding: 20px}
#module06 li:nth-child(2) { background: #fff url(../images/icon02.png) no-repeat 15px center; background-size: 80px;}
#module06 li:nth-child(3) { background: #fff url(../images/icon03.png) no-repeat 15px center; background-size: 80px;}
#module06 li:nth-child(4) { background: #fff url(../images/icon04.png) no-repeat 15px center; background-size: 80px;}
#module06 li:nth-child(5) { background: #fff url(../images/icon05.png) no-repeat 15px center; background-size: 80px;}
#module06 li:nth-child(6) { background: #fff url(../images/icon06.png) no-repeat 15px center; background-size: 80px;}
#module06 h3 { color: #DF1A18;}
#module06 h3,#module06 p { margin-left: 100px}
#module07 { background: #DF1A18 url(../images/back07.png) no-repeat bottom; background-size: 100%;}
#module07 li { border: 1px  solid #fff; width: 173px; border-radius: 10px; text-align: center; padding: 1em 0;}
#module07 img { width: 70%; margin: 0 auto .5em;}
#module07 h3 { font-size: 1em; color: #fff;}
#module08 li { background: #fff; border-radius: 10px; overflow: hidden; text-align: center; box-shadow: 0 2px 15px rgba(223,26,24,.2);}
#module08 h3 { background: #DF1A18; color: #fff; line-height: 3;}
#module08 p { margin: 30px 0;}