/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
margin: 0;
padding: 0;
}
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details {
display: block;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th {
text-align: left;
font-weight: normal;
}
html, body, fieldset, img, iframe, abbr {
border: 0;
}
i, cite, em, var, address, dfn {
font-style: normal;
}
[hidefocus], summary {
outline:0;
}
li {
list-style: none;
}
/*
h1, h2, h3, h4, h5, h6, small {
font-size: 12px;
}
*/
sup, sub {
font-size: 80%;
}
pre, code, kbd, samp {
font-family: inherit;
}
q:before, q:after {
content: none;
}
textarea {
overflow: auto;
resize: none;
}
label, summary {
cursor: default;
}
a, button {
cursor: pointer;
}
/*
h1, h2, h3, h4, h5, h6, em {
font-weight: normal;
font-style: normal;
}
*/
strong {
font-weight: bold;
}
del, ins, u, s, a, a:hover {
text-decoration: none;
}
body, textarea, input, button, select, keygen, legend {
font-size: 12px;
font-family: "Microsoft YaHei";
color: #333333;
outline: 0;
}
body {
background: #fff;/*text-align: center;*/
position: relative;
}
a {
color: #333333;
text-decoration: none;
}
a:hover {
color: #e10305;
text-decoration: none;
}
textarea, button, select, keygen, legend {
-webkit-appearance: none;
}
/* base */
.fl {
float: left;
}
.fr {
float: right;
}
.tl {
text-align: left;
}
.tc {
text-align: center;
}
.tr {
text-align: right;
}
.dn {
display: none;
}
.db {
display: block;
}
.pr {
position: relative;
}
.pa {
position: absolute;
}
.zoom {
zoom: 1;
}
.oh {
overflow: hidden;
}
.fs12 {
font-size: 12px;
}
.lh20 {
line-height: 20px;
}
.h384 {
height: 384px;
}
.w900 {
width: 900px;
overflow: hidden;
}
.w880 {
width: 880px;
overflow: hidden;
}
.w760 {
width: 760px;
}
.w280 {
width: 280px;
overflow: hidden;
}
.fw {
font-weight: bold;
}
.els {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.btn {
border-top: none!important;
}
.brn {
border-right: none!important;
}
.bbn {
border-bottom: none!important;
}
.bln {
border-left: none!important;
}
.mtn {
margin-top: 0px!important;
}
.mrn {
margin-right: 0px!important;
}
.mbn {
margin-bottom: 0px!important;
}
.mln {
margin-left: 0px!important;
}
.ptn {
padding-top: 0px!important;
}
.prn {
padding-right: 0px!important;
}
.pbn {
padding-bottom: 0px!important;
}
.pln {
padding-left: 0px!important;
}
.usn {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.doc-wrap {
width: 100%;
overflow: hidden;
}
.mt60px {
margin-top: 60px!important;
}
.mt40px {
margin-top: 40px!important;
}
.mt30px {
margin-top: 30px!important;
}
.mt20px {
margin-top: 20px!important;
}
.pb25px {
padding-bottom: 25px;
}
.p20px {
padding: 20px;
}
.bk {
border: 1px solid #dcdcdc;
margin-top: 20px;
overflow: hidden;
}
.col1 {
color: #047acb;
}
body {
margin: 0;
padding: 0px;
font: 14px "微软雅黑";
}
* {
margin: 0px;
padding: 0px;
}
.clearfix {
clear: both;
}
.box {
width: 100%;
overflow: hidden;
}
.main {
width: 1200px;
margin: 0px auto;
overflow: hidden;
}
.main1 {
width: 1198px;
margin: 0px auto;
overflow: hidden;
}
/* 头部 */
.header {
background: url(../images/topbe.jpg) repeat-x;
height: 42px;
line-height: 41px;
color: #666666;
}
.header em {
float: right;
color: #dddddd;
}
.header em a {
color: #666666;
padding: 0px 8px;
}
#nav_a {
display: block;
float: right;
width: 116px;
height: 42px;
background: url(../images/nav_ic.png) no-repeat center center;
}
#nav_a.cur {
width: 114px;
background: #ffffff url(../images/nav_ic.png) no-repeat center center;
border-left: 1px solid #dcdcdc;
border-right: 1px solid #dcdcdc;
}
#navBox {
border: 1px solid #dcdcdc;
border-top: none;
padding: 10px 0px;
position: absolute;
left: 50%;
margin-left: -600px;
top: 42px;
background: #FFF;
z-index: 9999;
}
.nav_list {
width: 100%;
margin: 0px auto;
padding: 10px 0px;
overflow: hidden;
}
.nav_list span {
display: block;
width: 1105px;
margin: 0px auto;
height: 22px;
line-height: 22px;
padding: 6px 0px;
font-size: 18px;
}
.nav_list span img {
display: block;
float: left;
margin-right: 10px;
}
.nav_list ul {
width: 1100px;
margin: 8px auto 0px auto;
font-size: 12px;
padding: 0px 18px 0px 80px;
}
.nav_list li {
width: 122px;
float: left;
height: 25px;
line-height: 25px;
}
.nav_list li a {
color: #666666;
}
.logo, .logo a {
width: 320px;
height: 125px;
}
.logo a {
display: block;
background: url(../images/logo.png) no-repeat left center;
}
.tel {
width: 305px;
height: 99px;
margin: 13px 0px;
padding: 0px 0px 0px 20px;
}
.pho_img {
width: 689px;
height: 74px;
margin: 25px auto;
}
.nav_be {
width: 100%;
margin: 0px auto;
height: 50px;
background: #9f9089 url(../images/nav_be.jpg) no-repeat center top;
}
.search {
border: 2px solid #7c7571;
height: 36px;
margin-right: 50px;
margin-top: 45px;
}
.search select {
display: none;
}
.search .select_box {
font-size: 12px;
color: #999999;
width: 75px;
line-height: 35px;
float: left;
position: relative;
}
.search .select_showbox {
height: 35px;
text-indent: 1.5em;
}
.search .select_showbox.active {
}
.search .select_option {
margin: 0px;
padding: 0px;
border: 2px solid #d03322;
border-top: none;
display: none;
left: -2px;
top: 35px;
position: absolute;
z-index: 99;
background: #fff;
}
.search .select_option li {
text-indent: 1.5em;
width: 62px;
cursor: pointer;
}
.search .select_option li.selected {
background-color: #F3F3F3;
color: #999;
}
.search .select_option li.hover {
background: #BEBEBE;
color: #fff;
}
.search input.inp_srh, .search input.btn_srh {
border: none;
background: none;
height: 36px;
line-height: 37px;
float: left;
}
.search input.inp_srh {
outline: none;
width: 305px;
font-size: 14px;
padding-left: 40px;
color: #666;
background: url('../images/search_i.png') 10px 10px no-repeat;
}
.search input.btn_srh {
background: #7c7571;
color: #FFF;
font-size: 15px;
width: 90px;
}
#nav {
width: 1200px;
margin: 0px auto;
height: 50px;
z-index: 999;
}
#nav .nav_i {
float: left;
padding: 0px 28px;
height: 50px;
background: #7c7571;
font-size: 16px;
}
#nav .nav_i a {
display: inline-block;
line-height: 50px;
background: url(../images/home.png) no-repeat left center;
padding: 0px 0px 0px 35px;
color: #fff;
}
#nav ul {
padding-left: 10px
}
#nav .nav_e {
float: left;
display: block;
width: 7px;
height: 50px;
background: url(../images/nav_lbe.png) no-repeat;
}
#nav li {
float: left;
width: 145px;
position: relative;
}
#nav li a {
display: block;
width: 145px;
height: 50px;
position: relative;
line-height: 50px;
z-index: 99;
font-weight: normal;
text-align: center;
font-size: 16px;
color: #fff;
}
#nav li :hover, #nav li.hover a {
background: #7c7571;
color: #fff;
}
#nav li ul {
width: 125px;
position: absolute;
list-style-type: none;
display: none;
top: 50px;
left: 0;
padding: 0 10px 0 10px;
background-color: #9f9089;
z-index: 99;
}
#nav li ul li {
width: 125px!important;
height: 42px;
line-height: 40px;
background: url(../images/nav_li.png) repeat-x left bottom;
}
#nav li ul li a:hover {
color: #fcca02!important;
}
#nav li.sfhover ul li a {
display: block;
width: 125px;
height: 42px;
line-height: 40px;
background: none!important;
}
#nav li.sfhover ul {
display: block;
}
/*banner*/
#slideBox {
width: 100%;
overflow: hidden;
position: relative;
}
#slideBox .hd {
height: 10px;
position: absolute;
left: 45%;
bottom: 24px;
overflow: hidden;
z-index: 1;
}
#slideBox .hd ul {
float: left;
overflow: hidden;
zoom: 1;
}
#slideBox .hd ul li {
float: left;
height: 10px;
width: 10px;
margin-right: 10px;
background: url(../images/btn_off.png) no-repeat;
cursor: pointer;
}
#slideBox .hd ul li.on {
width: 10px;
height: 10px;
background: url(../images/btn_on.png) no-repeat;
}
#slideBox .bd {
height: 100%;
position: relative;
z-index: 0;
}
#slideBox .bd li {
zoom: 1;
vertical-align: middle;
}
#slideBox .bd img {
display: block;
width: 100%;
}
.sub_banner {
height: 375px;
width: 100%;
overflow: hidden
}
.main-link {
width: 1198px;
border: 1px solid #dfdfdf;
}
.links_tit {
border-bottom: 2px solid #f04848;
height: 50px;
line-height: 50px;
width: 100%;
font-weight: bold;
display: inline-block;
}
.links_tit h3 {
font-size: 20px;
line-height: 20px;
height: 20px;
border-left: 3px solid #f04848;
margin: 17px 0 0 17px;
padding-left: 10px;
font-weight: bold;
}
.links {
padding: 10px 20px;
display: inline-block;
}
.links a {
margin: 5px 10px;
float: left;
}
/* 底 */
.footer_1 {
height: 170px;
}
.footer_2 {
background: #2c2c2c url(../images/footbg.png) bottom no-repeat;
padding: 55px 0px 15px 0px;
background-size: 100% 100%;
color: #ffffff;
}
.footer_2 .fl {
height: 180px;
padding: 0px 50px;
border-right: 1px solid #484747;
}
.footer_2 .fl span, .footer_2 .fr span {
display: block;
width: 100%;
text-align: left;
font-size: 18px;
height: 40px;
line-height: 40px!important;
text-align: left;
}
.footer_2 a {
color: #ffffff;
}
.footer_list {
width: 85px;
line-height: 35px;
}
.footer_list a {
display: inline-block;
width: 100%;
text-align: left;
}
.footer_list1 {
width: 256px;
}
.footer_list1 p {
display: block;
width: 85px;
float: left;
}
.footer_list1 p em {
display: block;
width: 77px;
margin: 0px auto;
height: 35px;
line-height: 35px;
}
.footer_list1 p img {
display: block;
margin: 0px auto;
width: 77px;
height: 77px
}
.footer_r {
width: 194px;
height: 160px;
background: url(../images/tel_b.png) no-repeat left 50px;
padding: 0px 0px 0px 42px;
position: relative;
}
.footer_r a {
display: block;
width: 132px;
height: 34px;
line-height: 34px;
text-align: center;
position: absolute;
bottom: 0px;
left: 42px;
background: #d1d1d1;
color: #333333;
border-radius: 5px;
}
.link {
width: 1090px;
margin: 55px auto 0px auto;
padding: 14px 0px 14px 110px;
line-height: 25px;
border-top: 1px solid #484747;
border-bottom: 1px solid #484747;
color: #f1f0f0;
position: relative;
min-height: 25px;
}
.link em {
width: 75px;
position: absolute;
left: 0px;
top: 14px;
height: 25px;
line-height: 25px;
background: url(../images/link_ic.png) no-repeat 8px center;
padding: 0px 0px 0px 35px;
}
.link a {
display: inline-block;
color: #f1f0f0;
padding: 0px 18px 0px 0px;
}
.footer_p {
margin-top: 20px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 13px;
color: #999999;
}
/* 首页 */
.new-index {
position: relative;
padding-bottom: 30px;
}
.w1200 {
width: 1200px;
margin: 0 auto;
}
.from-all-btn {
padding-bottom: 20px;
}
.new-index .none1 {
width: 5%;
position: absolute;
top: 22%;
height: 100px;
left: 27%;
cursor: pointer;
}
.new-index .none2 {
width: 5%;
position: absolute;
top: 22%;
height: 100px;
left: 37%;
cursor: pointer;
}
.new-index .none3 {
width: 5%;
position: absolute;
top: 22%;
height: 100px;
left: 47%;
cursor: pointer;
}
.new-index .none4 {
width: 5%;
position: absolute;
top: 22%;
height: 100px;
left: 57%;
cursor: pointer;
}
.new-index .none5 {
width: 5%;
position: absolute;
top: 22%;
height: 100px;
left: 68%;
cursor: pointer;
}
.shop_be {
}
.tit {
width: 100%;
height: 58px;
line-height: 58px;
border-bottom:2px solid #666666;
}
.tit img {
float: left;
display: block;
margin-top: 9px;
padding: 0px 0px 0px 15px;
}
.tit a, .tit_2 a {
float: right;
display: inline-block;
padding: 0px 28px 0px 0px !important;
background: url(../images/more.png) no-repeat 44px center;
color: #999999;
font-size: 14px !important;
}
.good {
width: 36%;
position: relative;
border: 2px solid #666666;
}
.good_Cons {
width: 434px;
margin-top: 20px;
height: 250px;
position: relative;
overflow: hidden;
}
.good_Con {
float: left;
width: 9999px;
position: absolute;
left: 0;
top: 0;
}
#good .shop {
float: left;
width: 434px;
}
#good .shop a {
display: block;
width: 360px;
margin: 0px auto;
}
#good .shop img {
display: block;
width: 360px!important;
height: 160px!important;
}
#good .shop h2 {
width: 325px;
margin-top: 5px;
height: 35px;
line-height: 35px;
background: url(../images/icon1.png) no-repeat left center;
overflow: hidden;
padding: 0px 0px 0px 35px;
font-size: 18px;
color: #e10305;
}
#good .shop h2 em {
padding-left: 15px;
}
#good .shop p {
width: 100%;
line-height: 22px;
max-height: 44px;
color: #666666;
overflow: hidden;
}
#good .shop em {
color: #333!important;
}
.good_Btns {
position: absolute;
left: 0px;
top: 160px;
width: 434px;
height: 52px;
}
.teacher_Btns {
position: absolute;
left: -3px;
top: 160px;
width: 763px;
height: 52px;
}
.good_Btns a, .teacher_Btns a {
position: absolute;
background: url(../images/icon.png) no-repeat;
background-position: 0px 0px!important;
width: 26px;
height: 52px;
top: 0px;
left: 0px;
}
.good_Btns .down, .teacher_Btns .down {
background-position: -26px 0px!important;
left: auto;
right: 0px;
}
.good_Btns .uN, #good .good_Btns a:hover.uN, .teacher_Btns .uN, .teacher_Btns a:hover.uN {
cursor: none;
background-position: 0px -52px!important;
}
.good_Btns .dN, .good_Btns a:hover.dN, .teacher_Btns .dN, .teacher_Btns a:hover.dN {
cursor: none;
background-position: -26px -52px!important;
}
#teacher {
position: relative;
}
.teacher_Cons {
width: 696px;
margin-top: 20px;
margin: 25px auto 0px auto;
height: 280px;
position: relative;
overflow: hidden;
}
.teacher_Con {
float: left;
width: 9999px;
position: absolute;
left: 0;
top: 0;
}
.teacher_shop {
float: left;
width: 232px;
}
.teacher_shop a {
display: block;
width: 212px;
height: 280px;
margin: 0px auto;
position: relative;
color: #ffffff;
text-align: center;
}
.teacher_shop img {
display: block;
width: 212px!important;
height: 280px!important;
}
.t_be, .t_bebot {
width: 212px;
height: 85px;
background: #ff9c01;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
position: absolute;
bottom: 0px;
left: 0px;
z-index: 99;
}
.t_be1 {
display: none;
z-index: 99;
}
.t_betop {
width: 212px;
height: 195px;
background: #000000;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
position: absolute;
top: 0px;
left: 0px;
}
.t_bebot {
background: #e10305!important;
}
.t_img {
width: 212px;
height: 195px;
background: url(../images/icon3.png) no-repeat center center;
position: absolute;
top: 0px;
left: 0px;
}
.teacher_shop h2 {
display: block;
width: 212px;
height: 40px;
line-height: 40px;
position: absolute;
bottom: 42px;
left: 0px;
font-size: 18px;
z-index: 999;
}
.teacher_shop em {
display: block;
width: 28px;
height: 3px;
background: #ffffff;
position: absolute;
bottom: 39px;
left: 50%;
margin-left: -14px;
z-index: 999;
}
.teacher_shop p {
display: block;
width: 212px;
height: 34px;
line-height: 34px;
position: absolute;
bottom: 5px;
left: 0px;
z-index: 999;
}
.good_bot {
width: 434px;
height: 50px;
line-height: 50px;
background: #9f9089;
position: absolute;
bottom: 0px;
left: 0px;
font-size: 18px;
color: #ffffff;
text-align: center;
}
.good_bot a {
display: block;
float: right;
width: 134px;
height: 50px;
background: #e10305;
color: #ffffff;
}
.good_bot b {
font-size: 24px;
color: #ffeb4b;
padding: 0px 5px;
}
#news {
width: 430px;
border-right: 1px solid #dddddd;
}
#news ul {
padding: 0px 15px;
}
#news ul li {
width: 330px;
margin-top: 17px;
padding: 0px 0px 0px 70px;
position: relative;
min-height: 60px;
}
#news ul em {
display: block;
width: 56px;
height: 50px;
position: absolute;
left: 0px;
top: 0px;
text-align: center;
border: 2px solid #9f9089;
color: #999999;
font-size: 12px;
line-height: 22px;
padding: 6px 0px 0px 0px;
}
#news ul em b {
color: #333333;
font-size: 18px;
font-weight: normal;
}
#news ul h2 {
display: block;
width: 100%;
height: 35px;
line-height: 35px;
font-size: 16px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
#news ul p {
display: block;
width: 100%;
height: 25px;
color: #666666;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
#news ul a:hover em, #news ul a:hover em b {
background: #d6000f;
color: #ffffff!important;
}
#news ul a:hover h2, #news ul a:hover p {
color: #e10305;
}
#video {
width: 323px;
}
.video_con {
width: 285px;
height: 287px;
padding: 20px 23px 0px 15px;
}
.video_con a {
display: block;
width: 285px;
height: 287px;
background: url(../images/video_img.jpg) no-repeat left top;
position: relative;
color: #ffffff;
}
.video_con span {
display: block;
width: 255px;
height: 52px;
background: #9f9089 url(../images/icon2.png) no-repeat 230px center;
position: absolute;
bottom: 0px;
left: 0px;
padding: 8px 15px 0px 15px;
line-height: 22px;
}
.video_v {
width: 285px;
height: 227px;
background: #000;
}
.video_v video {
width: 285px;
height: 227px;
}
.title {
width: 424px;
padding: 10px 0px 10px 10px;
position: relative;
}
.title span {
display: block;
width: 100%;
height: 35px;
line-height: 35px;
overflow: hidden;
}
.title span b {
font-size: 24px;
padding: 0px 5px 0px 0px;
}
.title span em {
color: #e10305;
padding: 0px 5px;
font-weight: bold;
}
.title p {
width: 100%;
height: 22px;
line-height: 22px;
color: #666666;
}
.title a {
display: block;
position: absolute;
right: 12px;
top: 15px;
background: #e10305;
color: #ffffff;
text-align: center;
width: 66px;
height: 22px;
line-height: 22px;
}
.tit_list {
display: block;
width: 100%;
background: #f5f5f5;
height: 42px;
line-height: 42px;
text-align: center;
border-bottom: 1px solid #dddddd;
border-top: 1px solid #dddddd;
font-weight: bold;
}
.list_1 {
width: 100%;
height: 250px;
overflow: hidden;
}
.list_1 li {
width: 100%;
height: 34px;
line-height: 34px;
}
.g_p1, .g_p2, .g_p3 {
float: left;
text-align: center;
}
.g_p1, .g_p3 {
width: 100px;
}
.g_p2 {
width: 225px;
}
.title_1 {
height: 85px;
background: url(../images/x_be.png) repeat-x left center;
}
.title_1 em {
display: block;
width: 439px;
margin: 0px auto;
height: 85px;
background: #ffffff url(../images/tit.png) no-repeat center;
}
.tit_1 {
width: 267px;
border-left: 3px solid #e10305;
height: 52px;
line-height: 52px;
background: #f5f5f5;
padding: 0px 0px 0px 10px;
font-size: 18px;
font-weight: bold;
overflow: hidden;
}
.tit_1 img {
display: inline-block;
float: left;
margin: 6px 10px 0px 0px;
}
.list_2 {
width: 292px;
overflow: hidden;
}
.list_2 li {
width: 145px;
float: left;
margin-top: 14px;
overflow: hidden;
}
.list_2 li a {
display: block;
width: 123px;
height: 30px;
line-height: 30px;
border: 1px solid #dddddd;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
padding: 0px 5px;
}
.list_2 li a:hover {
border: 1px solid #e10305;
color: #e10305;
}
.tit_2 {
width: 885px;
height: 50px;
line-height: 50px;
background: #f5f5f5;
padding: 0px 0px 0px 15px;
font-size: 18px;
}
.tit_2 img {
display: inline-block;
float: left;
margin: 11px 10px 0px 0px;
}
.list_3 {
width: 922px;
overflow: hidden;
}
.list_3 li {
float: left;
width: 208px;
height: 240px;
margin: 18px 20px 0px 0px;
border: 1px solid #dddddd;
position: relative;
z-index: 99;
}
.list_3 .cur {
border: 1px solid #e10305;
}
.list_3 .t_img1 {
display: block;
width: 200px!important;
height: 130px!important;
margin: 5px auto 0px auto;
}
.list_3 h3 {
display: block;
position: absolute;
left: 0px;
bottom: 78px;
font-size: 16px;
width: 195px;
height: 22px;
line-height: 22px;
background: #f3f3f3;
border-left: 3px solid #339900;
padding: 0px 5px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
z-index: 999;
}
.list_3 p {
display: block;
position: absolute;
left: 9px;
bottom: 35px;
width: 190px;
line-height: 18px;
max-height: 36px;
overflow: hidden;
color: #999999;
z-index: 999;
}
.list_3 span {
display: block;
position: absolute;
left: 9px;
bottom: 8px;
width: 190px;
height: 22px;
line-height: 22px;
z-index: 999;
}
.list_3 span a {
display: block;
float: right;
width: 62px;
height: 22px;
background: #e10305;
border-radius: 3px;
color: #ffffff;
text-align: center;
}
.list_3 span em {
color: #e10305;
}
.list_3 .cur h3 {
border-left: 3px solid #e10305;
}
.list_3 .cur h3 a {
color: #e10305;
}
/* 内容页 */
.title_l {
width: 250px;
height: 65px;
background: #e10305 url(../images/titbe.png) no-repeat right top;
padding: 20px 0px 0px 30px;
}
.nav_left {
width: 274px;
background: #f8f8f8 url(../images/x_be1.png) repeat-y 40px 0px;
border: 3px solid #e10305;
border-top: none;
padding: 10px 0px 0px 0px;
position: relative;
overflow: hidden;
}
.nav_left ul {
width: 218px;
padding: 0px 20px 0px 36px;
}
.nav_left li {
width: 218px;
height: 47px;
line-height: 45px;
position: relative;
}
.nav_left li a {
display: block;
width: 100%;
height: 45px;
background: url(../images/titic4.png) no-repeat right center;
font-size: 18px;
overflow: hidden;
}
.nav_left li em {
display: block;
float: left;
width: 8px;
height: 8px;
margin: 18px 36px 0px 0px;
background: url(../images/titic2.png) no-repeat;
}
.nav_left li a:hover, .nav_left li .cur {
background: url(../images/titic3.png) no-repeat right center;
color: #e10305;
}
.nav_left li a:hover em, .nav_left li .cur em {
background: url(../images/titic1.png) no-repeat;
}
.nav_left li p {
display: block;
position: absolute;
bottom: 0px;
right: 0px;
width: 186px;
height: 1px;
border-bottom: 1px dashed #dddddd;
}
.nav_left span {
display: block;
position: absolute;
top: 0px;
left: 29px;
width: 23px;
height: 14px;
background: url(../images/titic.png) no-repeat;
}
.title_l1 {
width: 280px;
height: 49px;
line-height: 49px;
background: url(../images/titbe1.png) no-repeat;
text-align: center;
font-size: 24px;
color: #ffffff;
}
.t_ic1, .t_ic2 {
display: inline-block;
padding: 0px 0px 0px 43px;
}
.t_ic1 {
background: url(../images/titic5.png) no-repeat left center;
}
.t_ic2 {
background: url(../images/titic6.png) no-repeat left center;
}
.shop_l {
width: 274px;
background: #f8f8f8;
border: 3px solid #e10305;
border-top: none;
padding: 0px 0px 10px 0px;
position: relative;
overflow: hidden;
}
.l_list {
width: 269px;
padding: 0px 0px 0px 5px;
}
.l_list li {
width: 132px;
float: left;
margin-top: 15px;
}
.l_list li a {
display: block;
width: 116px;
margin: 0px auto;
height: 100px;
border: 1px solid #dddddd;
position: relative;
overflow: hidden;
}
.l_list li a:hover {
border: 1px solid #e10305;
}
.l_list li img {
display: block;
width: 116px!important;
height: 75px!important;
}
.l_list li p {
display: block;
width: 116px;
height: 24px;
line-height: 24px;
background: #FFF;
border-top: 1px solid #dddddd;
text-align: center;
}
.l_list li a:hover p {
background: #e10305;
border-top: 1px solid #e10305;
color: #ffffff;
}
.l_list li em {
display: block;
position: absolute;
top: 0px;
right: 0px;
width: 42px;
height: 40px;
background: url(../images/titic9.png) no-repeat;
}
.l_list1 {
width: 200px;
margin: 0px auto;
}
.l_list1 li {
width: 200px;
height: 36px;
margin-top: 10px;
text-align: center;
}
.l_list1 li a {
display: block;
width: 180px;
height: 36px;
line-height: 36px;
background: url(../images/titicb.png) no-repeat;
font-size: 18px;
padding: 0px 20px 0px 0px;
}
.l_list1 li a:hover {
background: url(../images/titica.png) no-repeat;
color: #ffffff;
}
.concact span {
display: block;
width: 100%;
height: 63px;
background: #e10305;
padding: 16px 0px 0px 0px;
text-align: center;
}
.concact em {
display: block;
width: 100%;
height: 35px;
background: url(../images/titbe2.png) no-repeat left top;
}
.concact p {
display: block;
width: 200px;
margin: 5px auto 0px auto;
line-height: 25px;
padding: 0px 0px 0px 30px;
font-size: 16px;
position: relative;
overflow: hidden;
}
.concact p img {
display: block;
width: 20px;
height: 21px;
position: absolute;
left: 0px;
top: 2px;
}
.r_tit {
width: 844px;
height: 26px;
line-height: 26px;
background: url(../images/title.png) no-repeat center bottom;
padding: 0px 18px 18px 18px;
}
.r_tit h4 {
display: inline-block;
float: left;
background: url(../images/cic2.png) no-repeat left center;
padding: 0px 0px 0px 32px;
font-size: 18px;
}
.r_tit p {
display: inline-block;
float: right;
background: url(../images/cic1.png) no-repeat left center;
padding: 0px 0px 0px 25px;
color: #666666;
}
.gs_con {
width: 100%;
margin-top: 10px;
padding-top: 10px;
line-height: 30px;
}
.gs_con p {
padding-top: 10px
}
.gs_con img, .news_conter img {
display: inline-block;
margin: 10px auto;
max-width: 880px!important;
height: auto!important;
width:expression(this.width>880?"880px":this.width);
}
.cp_list, .xy_list, .ry_list {
width: 902px;
overflow: hidden;
}
.cp_list li, .xy_list li, .ry_list li {
width: 300px;
float: left;
margin-top: 18px;
}
.cp_list li a, .xy_list li a, .ry_list li a {
display: block;
width: 266px;
background: #f8f8f8;
padding: 6px;
border: 1px solid #dddddd;
overflow: hidden;
}
.cp_list li a:hover, .xy_list li a:hover, .ry_list li a:hover {
background: #e10305;
color: #ffffff;
}
.cp_list li img {
display: block;
width: 266px!important;
height: 172px!important;
}
.xy_list li img {
display: block;
width: 266px!important;
height: 177px!important;
}
.ry_list li img {
display: block;
width: 266px!important;
}
.cp_list li h3 {
width: 250px;
margin: 5px auto 0px auto;
height: 28px;
line-height: 28px;
font-size: 16px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.xy_list li h3, .ry_list li h3 {
width: 215px;
margin: 8px auto 0px auto;
height: 30px;
line-height: 30px;
background: url(../images/icon1.png) no-repeat left center;
padding: 0px 0px 0px 35px;
font-size: 18px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.xy_list li a:hover h3, .ry_list li a:hover h3 {
background: url(../images/icon1a.png) no-repeat left center;
}
.xy_list li p, .ry_list li p {
display: block;
width: 250px;
margin: 5px auto 10px auto;
line-height: 22px;
height:120px;
}
.cp_list li span {
display: block;
width: 258px;
padding: 5px 0px 0px 8px;
overflow: hidden;
}
.cp_list li span p {
display: block;
float: left;
width: 126px;
height: 24px;
line-height: 24px;
overflow: hidden;
}
.cp_list li span em {
width: 25px;
height: 20px;
float: left;
margin: 2px 5px 0px 0px;
}
.cp_list li b {
color: #e10305;
}
.cp_list li a:hover b {
color: #ffffff;
}
.cp_list .cp_ic1 {
background: url(../images/cp_ic1a.png) left center;
}
.cp_list .cp_ic2 {
background: url(../images/cp_ic2a.png) left center;
}
.cp_list li a:hover .cp_ic1 {
background: url(../images/cp_ic1.png) left center;
}
.cp_list li a:hover .cp_ic2 {
background: url(../images/cp_ic2.png) left center;
}
.page {
clear: both;
margin: 20px;
overflow: hidden;
margin-left: 0px;
text-align: center;
font-size: 12px
}
.page ul li {
display: inline-block;
border: 1px solid #ccc;
padding: 4px 12px;
margin: 0 1px;
line-height: 24px;
background: #fff;
color: #999
}
.page ul li:hover {
background: #d03322;
color: #fff;
border: 1px solid #d03322
}
.page ul li:hover a {
color: #fff;
}
.page ul li.thisclass {
display: inline-block;
border: 1px solid #d03322;
padding: 4px 12px;
margin: 0 1px;
background: #d03322;
color: #fff;
}
.page ul li.thisclass a {
color: #fff;
}
.page ul li a {
display: block;
color: #999
}
.page ul li a:hover {
color: #fff;
}
/* 新闻中心 教学问答 */
.news_list, .ask_list {
width: 100%;
overflow: hidden;
}
.news_list li, .ask_list li {
width: 100%;
margin-top: 20px;
padding: 0px 0px 20px 0px;
border-bottom: 1px dashed #dddddd;
position: relative;
}
.news_list li {
width: 780px!important;
padding: 0px 0px 20px 100px!important;
min-height: 80px;
}
.news_list em {
display: block;
width: 76px;
height: 66px;
position: absolute;
left: 0px;
top: 0px;
text-align: center;
border: 2px solid #d6000f;
color: #999999;
font-size: 14px;
line-height: 25px;
padding: 10px 0px 0px 0px;
}
.news_list em b {
color: #333333;
font-size: 24px;
font-weight: normal;
}
.news_list h2 {
width: 100%;
height: 28px;
line-height: 28px;
font-size: 18px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.news_list p {
display: block;
width: 100%;
margin-top: 5px;
line-height: 22px;
color: #666666;
}
.news_list a:hover em, .news_list a:hover em b {
background: #e10305;
color: #ffffff!important;
}
.news_list a:hover h2 {
color: #e10305;
}
.ask_list li div {
width: 840px;
padding: 4px 0px 4px 40px;
min-height: 22px!important;
line-height: 22px;
overflow: hidden;
}
.ask_list .ask_1 {
background: url(../images/wd_ic1.png) no-repeat left center;
font-size: 16px;
}
.ask_list .ask_2 {
background: url(../images/wd_ic2.png) no-repeat left center;
font-size: 14px;
color: #666666;
}
/* 入学指南 */
.ask_a, .ask_b {
width: 720px;
height: 92px;
margin-top: 26px;
background: url(../images/wd_be.png) no-repeat;
position: relative;
overflow: hidden;
}
.ask_a {
padding: 10px 40px 0px 120px;
}
.ask_b {
padding: 10px 120px 0px 40px;
}
.ask_a img, .ask_b img {
display: block;
width: 80px;
height: 80px;
position: absolute;
}
.ask_a img {
top: 10px;
left: 16px;
}
.ask_b img {
top: 10px;
right: 16px;
}
.ask_a h3, .ask_b h3 {
width: 100%;
height: 30px;
line-height: 30px;
font-size: 18px;
color: #e10305;
overflow: hidden;
}
.ask_b h3 {
text-align: right;
}
.ask_a p, .ask_b p {
color: #666666;
line-height: 22px;
}
.shop1 {
width: 895px!important;
overflow: hidden;
}
.shop1 li {
margin: 18px 13px 0px 0px!important;
}
/* 新闻内容 */
.news_tit {
display: block;
width: 100%;
line-height: 40px;
min-height: 40px;
padding: 20px 0px;
font-family: "微软雅黑";
font-size: 24px;
text-align: center;
}
.news_p {
display: block;
width: 100%;
height: 34px;
line-height: 34px;
border-bottom: 1px dashed #dddddd;
border-top: 1px dashed #dddddd;
text-align: center;
font-size: 12px;
color: #999999;
}
.news_p em {
display: inline-block;
background: url(../images/icon4.png) no-repeat left center;
padding: 0px 0px 0px 12px;
margin-right: 24px;
}
.news_conter {
width: 100%;
padding: 20px 0px;
line-height: 30px;
font-size: 14px;
color: #666666;
}
.news_page {
width: 100%;
padding: 15px 0;
height: 35px;
line-height: 35px;
border-top: #dedede 1px dotted;
border-bottom: #dedede 1px dotted
}
.news_page p {
display: block;
float: left;
width: 427px;
background: url(../images/icon4.png) no-repeat left center;
padding: 0px 0px 0px 12px;
color: #666666;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
/* 培训项目内页 */
.cp_con {
width: 824px;
height: 327px;
background: #fcf8ec url(../images/conbe.png) no-repeat;
overflow: hidden;
padding: 28px 28px 0px 28px;
}
.cp_banner {
width: 460px;
float: left;
height: 298px;
position: relative;
overflow: hidden;
z-index: 999;
}
.cp_banner .cp_bd {
width: 100%!important;
}
.cp_banner .cp_bd li {
width: 640px;
height: 298px;
overflow: hidden;
}
.cp_banner .cp_bd li a {
display: block;
}
.cp_banner .cp_bd img {
display: block;
width: 460px!important;
height: 298px!important;
}
.cp_banner .cp_be {
position: absolute;
left: 0px;
bottom: 0px;
width: 460px;
height: 31px;
background: #000000;
filter: alpha(opacity=20);
-moz-opacity: 0.2;
-khtml-opacity: 0.2;
opacity: 0.2;
z-index: 9999;
}
.cp_banner .cp_hd {
position: absolute;
bottom: 10px;
right: 11px;
z-index: 99999;
}
.cp_banner .cp_hd ul li {
float: left;
width: 12px;
background: url(../images/cp_ic4.png) no-repeat;
height: 11px;
margin-right: 11px;
cursor: pointer;
text-indent: -9999px;
overflow: hidden;
}
.cp_banner .cp_hd ul li.on {
background: url(../images/cp_ic3.png) no-repeat;
}
.cp_tit {
width: 334px;
float: right;
height: 298px;
position: relative;
overflow: hidden;
}
.cp_tit span {
display: block;
width: 100%;
height: 33px;
line-height: 33px;
margin-bottom: 10px;
font-family: "微软雅黑";
font-size: 18px;
overflow: hidden;
}
.cp_tit span em {
color: #e10305;
}
.cp_tit p {
display: block;
margin-top: 20px;
padding: 12px 0px;
border-bottom: 1px dashed #cfccc4;
border-top: 1px dashed #cfccc4;
line-height: 22px;
color: #666666;
overflow: hidden;
}
.cp_btn {
display: block;
position: absolute;
left: 0px;
bottom: 0px;
width: 159px;
height: 47px;
background: url(../images/conbtn.png) no-repeat;
}
.ly_con {
width: 814px;
height: 338px;
padding: 115px 33px 0px 33px;
background: url(../images/ly_be.png) no-repeat;
}
.ly_title {
width: 248px;
float: left;
height: 237px;
padding: 41px 0px 0px 0px;
background: url(../images/ly_be1.jpg) no-repeat center bottom;
position: relative;
overflow: hidden;
}
.ly_title h3 {
width: 248px;
position: absolute;
left: 0px;
top: 0px;
height: 41px;
background: #ff9c01;
line-height: 41px;
color: #ffffff;
font-size: 21px;
text-align: center;
}
.ly_title p {
display: block;
position: absolute;
left: 10px;
bottom: 8px;
width: 228px;
height: 72px;
line-height: 24px;
}
.ly_conter {
width: 555px;
float: right;
overflow: hidden;
}
.ly_conter li {
width: 100%;
margin-bottom: 12px;
position: relative;
overflow: hidden;
line-height: 28px;
}
.ly_conter label {
width: 50px;
float: left;
text-align: right;
padding: 0px 5px 0px 0px;
height: 28px;
line-height: 28px;
}
.ly_conter span {
float: right;
width: 234px;
text-align: left;
color: #666666;
padding: 0px 0px 0px 6px;
font-size: 12px;
}
.ly_conter em {
color: #e10305;
padding: 0px 5px 0px 0px;
}
.ly_conter .inp1 {
width: 240px;
height: 26px;
border: 1px solid #d2d2d2;
background: #ffffff;
border-radius: 3px;
}
.ly_conter .inp2 {
width: 240px;
height: 100px;
line-height: 22px;
border: 1px solid #d2d2d2;
background: #ffffff;
border-radius: 3px;
}
.ly_tit {
float: right;
width: 210px;
height: 143px;
background: url(../images/ly_be2.png) no-repeat;
padding: 8px 11px 0px 19px;
font-size: 12px;
}
.ly_tit h3 {
width: 100%;
height: 26px;
line-height: 26px;
overflow: hidden;
font-weight: bold;
color: #e10305;
}
.ly_tit p {
width: 100%;
height: 26px;
border-top: 1px dashed #dddddd;
overflow: hidden;
}
.ly_btn {
position: absolute;
left: 60px;
bottom: 0px;
width: 126px;
height: 36px;
line-height: 36px;
background: #e10305;
border: none;
border-radius: 5px;
font-size: 16px;
color: #ffffff;
text-align: center;
cursor: pointer;
}
.ly_con1 {
width: 798px;
height: 420px;
background: #f8f8f8;
border: 1px solid #dcdcdc;
padding: 25px 40px;
position: relative;
overflow: hidden;
}
.ly_list {
width: 100%;
height: 420px;
overflow: hidden;
}
.ly_list li {
width: 100%;
padding: 10px 0px;
border-bottom: 1px dashed #d4d4d4;
overflow: hidden;
}
.ly_list li p {
line-height: 25px;
}
.ly_p {
color: #333;
}
.ly_p em {
color: #e10305;
}
.ly_p1 {
color: #666;
}
.ly_list p b {
color: #333333;
}
.ly_ic {
display: block;
width: 53px;
height: 53px;
position: absolute;
left: 0px;
top: 0px;
background: url(../images/ly_tit.png) no-repeat;
}
.ly_be {
width: 880px;
height: 15px;
background: url(../images/ly_be3.png) no-repeat;
overflow: hidden;
}
.lx_tit {
width: 880px;
height: 55px;
background: url(../images/lx_tit.png) no-repeat left center;
}
.lx_list {
width: 880px;
padding: 10px 0px 10px 0px;
border-bottom: 1px dashed #dddddd;
border-top: 1px dashed #dddddd;
overflow: hidden;
}
.lx_list li {
width: 820px;
padding: 15px 0px 15px 60px;
min-height: 55px;
position: relative;
overflow: hidden;
}
.lx_list span, .lx_list p {
display: block;
width: 100%;
color: #666666;
}
.lx_list span {
height: 30px;
line-height: 30px;
font-size: 20px;
}
.lx_list p {
min-height: 25px;
line-height: 25px;
font-size: 16px;
}
.lx_list img {
display: block;
width: 44px;
height: 44px;
position: absolute;
left: 0px;
top: 20px;
z-index: 999;
}
#fd {
width: 50px;
overflow: hidden;
z-index: 999;
}
#fd a {
display: block;
width: 50px;
height: 45px;
line-height: 20px;
margin-bottom: 5px;
background: #9f9089;
overflow: hidden;
text-align: center;
padding: 5px 0px 0px 0px;
color: #FFF;
}
#fd .fd_a, #fd a:hover {
display: block;
background: #e10305;
color: #FFF;
}
/*优势*/
.layui-container {
width: 1200px;
max-width: none !important;
margin:auto;
}
.goodnessBar {
background-color: #f2f2f2;
text-align: center;
padding: 36px 0;
height: 100px;
}
.layui-container {
width: 1200px;
max-width: none !important;
}
.layui-col-xs3 {
width: 25%;
float: left;
position: relative;
display: block;
box-sizing: border-box;
}
.goodnessBar .gd_item img {
margin-bottom: 10px;
}
.goodnessBar .gd_item img:hover {
animation-name: turnY;
animation-duration: 2s;
animation-iteration-count: 1;
}
.goodnessBar .gd_item p {
font-size: 16px;
color: #333333;
line-height: 24px;
}
.layui-btn, .layui-edge, .layui-inline, img {
vertical-align: middle;
}
.layui-inline, img {
display: inline-block;
vertical-align: middle;
}
/*课程*/
.west_point{
width: 100%;
margin: 32px 0;
display: flex;
}
.curriculum{
max-width: 1200px;
margin: 0 auto;
}
.currtitle{
width: 100%;
text-align: center;
}
.currtih2{
margin-top:0 ;
font-size: 24px;
color: #000;
margin-bottom: 34px;
}
.cucont1,.cucont2{
float: left;
width: 390px;
height: 390px;
margin-right: 10px;
overflow: hidden;
}
.effect{
position: relative;
z-index: 1;
display: inline-block;
overflow: hidden;
width: 100%;
text-align: center;
cursor: pointer;
}
.effect figcaption, .effect a {
position: absolute;
top: 0;
left: 0;
width: 81.5%;
height:82%;
}
.effect figcaption {
padding: 2em;
color: #fff;
text-transform: uppercase;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.currcont img {
position: relative;
display: block;
height: 100%;
width: 100%;
opacity: 0.8;
}
.currcont h2 {
font-size: 24px;
text-shadow: 2px 2px 5px #000;
}
.currcont h3 {
font-size: 24px;
text-shadow: 2px 2px 5px #000;
}
.currcont p {
letter-spacing: 1px;
font-size: 14px;
}
.currcont span {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
display: block;
width: 100%;
height: 390px;
}
figure.effect {
background: #000;
}
figure.effect img {
opacity: 0.7;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.effect h2 {
padding-top: 30%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,-20px,0);
transform: translate3d(0,-20px,0);
margin: 0;
}
figure.effect p {
padding: 20px 2.5em;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}
figure.effect:hover h2, figure.effect:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect figcaption::before, figure.effect figcaption::after {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect:hover figcaption::before, figure.effect:hover figcaption::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.effect figcaption::after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1,0);
transform: scale(1,0);
}
figure.effect figcaption::before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0,1);
transform: scale(0,1);
}
.effectch{
position: relative;
z-index: 1;
display: inline-block;
overflow: hidden;
width: 100%;
background: #3085a3;
text-align: center;
cursor: pointer;
}
figure.effectch img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.12);
transform: scale(1.12);
}
.cucont2 figure img {
position: relative;
display: block;
height: 100%;
width: 100%;
opacity: 0.8;
}
.cucont2 figure {
position: relative;
z-index: 1;
display: inline-block;
overflow: hidden;
width: 100%;
background:#533928;
text-align: center;
cursor: pointer;
}
.cucont2 figure img {
position: relative;
display: block;
height: 100%;
width: 100%;
opacity: 0.8;
}
.cucont2 figure figcaption {
padding: 2em;
color: #fff;
text-transform: uppercase;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
figure.effectch figcaption {
padding: 2em;
}
.effectch {
float: left;
width: 372px;
margin-right: 10px;
height: 190px;
overflow: hidden;
margin-bottom: 10px;
}
.cucont2 figure figcaption, .cucont2 figure span {
position: absolute;
top: 0;
left: 0;
width: 81%;
height: 63%;
}
figure.effectch:hover figcaption::before, figure.effectch:hover p {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.effectch p {
text-shadow: 2px 2px 5px #000;
}
figure.effectch p {
margin: 0 auto;
max-width: 200px;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
figure.effectch figcaption::before, figure.effectch p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effectch figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: '';
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
figure.effectch:hover img {
opacity: 0.5;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.effectch img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.12);
transform: scale(1.12);
}
.md-main2 {
background: #f4f3f1;
border-top: 1px solid #dcdcdc;
}
.md-main2 .md-main2-dl {
margin-top: 30px;
}
.md-main2 .md-main2-dd {
width: 390px;
float: left;
margin-right: 15px;
text-align: center;
height: 505px;
background: #f3f2f1;
box-shadow: 0 5px 20px #ccc;
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
color: #333;
}
.md-main2 .md-main2-dd:last-child {
margin-right: 0;
}
.md-main2 .md-main2-dd b {
padding: 0 5px;
font-weight: normal;
}
.md-main2 .md-main2-dd-img {
width: 390px;
height: 300px;
overflow: hidden;
display: block;
}
.md-main2 .md-main2-dd-img img {
transition-property: all;
transition-duration: 0.5s;
transition-timing-function: ease-in-out;
}
.md-main2 .md-main2-dd-img:hover img {
translate: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
}
.md-main2 .md-main2-dd .md-main2-dd-h1 {
font-size: 22px;
line-height: 1;
padding: 30px 0 18px 0;
display: block;
}
.md-main2 .md-main2-dd .md-main2-dd-p {
font-size: 18px;
line-height: 24px;
padding-bottom: 20px;
display: block;
}
.md-main2 .md-main2-dd:hover {
color: #fff;
background: #90908f;
-ms-transform: translate(0, -3px);
transform: translate(0, -3px);
-webkit-transform: translate(0, -3px);
-moz-transform: translate(0, -3px);
-o-transform: translate(0, -3px);
}
.md-main2 .md-main2-dd:hover .md-btn-box .md-btn {
color: #333;
border: 2px solid #fff;
background: #fff;
}
.red {
color: red;
}
.md-btn-box {
width: 100%;
text-align: center;
display: block;
}
.md-btn-box .md-btn {
background: #fff;
width: 115px;
height: 28px;
display: inline-block;
line-height: 25px;
color: #0e335f;
border: 2px solid #0e335f;
border-radius: 30px;
font-size: 14px;
margin: 0 25px;
transition-property: all;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
}
.md-btn-box .md-btn {
width: 115px;
height: 28px;
display: inline-block;
line-height: 28px;
color: #0e335f;
border: 2px solid #0e335f;
border-radius: 30px;
font-size: 14px;
margin: 0 25px;
transition-property: all;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
}
/*优势*/
#servicesBox{width:1200px;height:400px;margin:0 auto;clear:both;padding:14px 0px 20px 0px;line-height:18px;color:#999999;font-size:12px;text-align: center;}
#servicesBox h3{font-weight:normal;font-size:16px;height:30px;line-height:20px;color:#000000;}
#servicesBox .serBox{cursor:pointer;display:inline;width:388px;height:450px;float:left;overflow:hidden;background-color:#f7f7f7;position:relative;padding:0;text-align: center;}
#servicesBox .serBoxOn{display:none;width:388px;height:450px;background:#D9D9D9;position:absolute;left:0px;top:0px;z-index:19;}
#servicesBox .serBox .pic1{width:200px;height:200px;text-align:center;position:absolute;top:15px;right:80px;z-index:99;}
#servicesBox .serBox .pic2{width:200px;height:200px;text-align:center;position:absolute;top:15px;left:-200px;z-index:99;}
#servicesBox .serBox .txt1{width:240px;height:100px;color:#999999;position:absolute;top:225px;left:60px;z-index:99;font-size: 16px;line-height:1.5;}
#servicesBox .serBox .txt2{width:240px;height:100px;color:#999999;position:absolute;top:225px;right:-240px;z-index:99;font-size: 16px;line-height:1.5;}
#servicesBox .serBox span.tit{font-size:20px;display:block;height:50px;line-height:40px;text-align:center;font-weight: bold;}
#servicesBox .serBox .txt1 .tit{color:#000000;}
#servicesBox .serBox .txt2 .tit {color:#0099b3;font-weight: bold;}
.mypng {display: inline-block;
-webkit-perspective: 500;
-moz-perspective: 500;
-ms-perspective: 500;
perspective: 500;
-ms-transform: perspective(500px);
-moz-transform: perspective(500px); /*重要*/
transform-style: preserve-3d;}
.mypng:hover {position: relative;
transform: rotateY(360deg)}
.fgH20 {
float: left;
width: 14px;
height: 270px;
}
/*校园环境*/
.main_box {
width: 1200px;
margin: auto;
overflow: hidden;
}
.hot_product {
overflow: hidden;
clear: both;
background: #242424;
}
.hot_pic {
width: 350px;
height: 400px;
position: relative;
}
.fl {
float: left;
_display: inline;
}
.hot_pic img {
width: 100%;
height: 100%;
}
.hot_banner {
width: 850px;
height: 400px;
position: relative;
}
.fr {
float: right;
_display: inline;
}
.arrow-right {
display: block;
position: absolute;
z-index: 99;
width: 139px;
height: 400px;
right: 0;
}
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 1;
}
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 1;
}
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
元素 {
width: 850px;
}
.swiper-slide {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
height: 100%;
position: relative;
}
.swiper-slide {
width: 100%;
height: 100%;
opacity: 0.8;
}
.swiper-slide {
float: left;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.hot_product {
overflow: hidden;
clear: both;
background: #242424;
}
.hot_banner {
width: 850px;
height: 400px;
position: relative;
}
/*学员作品*/
.index_huanjing{ width:1200px; height:auto; margin:0 auto; margin-bottom:30px;}
.index_huanjing h3{ width:auto; height:50px;}
.index_huanjing h3 a{ width:120px; height:50px; border:1px solid #F0F0F0; background:#FF8040; line-height:50px; text-align:center; font-weight:normal; display:block; color:#FFF;}
.huanjing_box{ width:100%; height:auto; height:400px; margin-top:10px;}
.huanjing_box ul{ width:auto; height:auto;}
.huanjing_box ul li{ float:left; position:relative;}
.huanjing_box ul li a p{ width:100%; height:100%; background:#666;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5; position:absolute; left:0; top:0; display:none; color:#FFF; font-size:14px;}
.huanjing_box ul li a h3{ position:absolute; left:40px; top:80px; font-weight:normal; width:200px; line-height:25px; text-align:center; border:1px solid #FFF; color:#FFF;display:none;}
.huanjing_box ul.lhj{ width:900px; height:400px; display:block; float:left;}
.huanjing_box ul.lhj li.lhj_img{ width:290px; height:393px; float:left; margin-left:0;}
.huanjing_box ul.lhj li{ width:280px; margin-left:13px; margin-bottom:13px; position:relative;}
.huanjing_box ul.rhj{ width:290px; height:393px; display:block; float:right;}
.zuopin{ width:1200px; height:480px; margin:0 auto; overflow:hidden;}
.zpmenu {width:520px; height:60px;margin: auto;}
.zpmenu ul {margin:0px; padding:0px; list-style:none; text-align:center;}
.zpmenu li{ width:120px; height:50px; line-height:50px; border:1px solid #F0F0F0; float:left; margin-right:5px; font-size:16px; cursor:pointer;}
.zpmenu li a { width:120px; height:50px; display:block; color:#666}
.zpmenu li a.tabactive { background:#FF8040; color:#FFF}
.zpmenu ul p{ width:120px; height:50px; line-height:50px; border:1px solid #F0F0F0; float:left; margin-right:5px; font-size:16px; cursor:pointer;}
.zpmenu ul p a{ width:120px; height:50px; display:block; color:#427F88;}
.zpmenu ul p a:hover{ color:#F30;}
#zuopin1,#zuopin2,#zuopin3,#zuopin4{ width:1200px; height:auto; font-size:16px; overflow:hidden;margin: auto;}
/*创业案例*/
.m-idx-case {
padding: 60px 0;
}
.cm-container {
width: 1200px;
margin-left: auto;
margin-right: auto;
}
.m-idx-case .case-list {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 30px;
}
.m-idx-case .case-list li {
width: 384px;
height: 328px;
overflow: hidden;
margin-right: 16px;
margin-bottom: 16px;
background: #f0f0f0;
-webkit-transition: background .5s linear;
-moz-transition: background .5s linear;
transition: background .5s linear;
}
.m-idx-case .case-list li .img {
width: 384px;
height: 264px;
overflow: hidden;
}
.m-idx-case .case-list li .img img {
width: 100%;
display: block;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease;
}
img.lazy {
background: url("cssimg/load.gif") no-repeat center center;
}
.m-idx-case .case-list li .msg {
padding: 15px 30px;
}
.m-idx-case .case-list li .msg .title {
font-size: 20px;
line-height: 20px;
height: 20px;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.m-idx-case .case-list li .msg .des {
margin-top: 10px;
line-height: 22px;
height: 44px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-size: 16px;
color: #666;
}
.m-idx-case .case-list li:hover {
background: #C3947D;
}
.m-idx-case .case-list li:hover .img img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
/*表单提交*/
.m-idx-apply {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-shadow: 0 -1px 8px 2px #ddd;
-moz-box-shadow: 0 -1px 8px 2px #ddd;
box-shadow: 0 -1px 8px 2px #ddd;
width: 1200px;
margin: auto;
}
.m-idx-apply .left-banner-word {
width: 300px;
height: 100px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
background: #666;
font-size: 20px;
line-height: 30px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.m-idx-apply .apply-form {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.m-idx-apply .apply-form form {
padding: 0 80px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.m-idx-apply .apply-form form .file-group {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px;
border: 1px solid #999;
/* margin-bottom: 20px; */
}
.m-idx-apply .apply-form form .file-group .label.name {
background: url(/images/form-name.png) no-repeat center center;
-moz-background-size: cover;
background-size: cover;
}
.m-idx-apply .apply-form form .file-group .file-input {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
line-height: 40px;
height: 40px;
margin-left: 10px;
padding: 0 10px 0 30px;
font-size: 14px;
color: #666;
border: none;
border-left: 1px solid #999;
}
input[type=text], input[type=password], select {
outline: none;
border: 1px solid #ddd;
padding: 0 5px;
width: 180px;
height: 30px;
}
button, input, optgroup, select, textarea {
margin: 0;
font: inherit;
color: inherit;
border: 1px solid #ddd;
outline: none;
background: transparent;
}
input, select {
vertical-align: middle;
display: inline-block;
}
.m-idx-apply .apply-form form .btn-submit {
display: block;
width: 100px;
height: 50px;
line-height: 50px;
background: #9f9089;
color: #fff;
text-align: center;
-moz-border-radius: 6px;
border-radius: 6px;
font-size: 16px;
}
.m-idx-apply .apply-form form .file-group .label.phone {
background: url(/images/form-phone.png) no-repeat center center;
-moz-background-size: cover;
background-size: cover;
}
.m-idx-apply .apply-form form .file-group .label {
display: block;
width: 30px;
height: 30px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.daodu {
background-color: #f5f5f5;
margin: 20px 0 25px 0;
padding: 15px;
color: #222;
overflow: hidden;
}
.daodu span {
display: inline-block;
}
.daodu .l-tel {
width: 52%;
float: left;
color: #ff9000;
font-size: 21px;
font-weight: 700;
margin-top: 9px;
}
.daodu .l-tel span {
font-size: 15px;
color: #333;
font-weight: 400;
vertical-align: top;
}
.daodu .l-tel a {
color: #a85220;
}
.r-tool {
float: right;
width: 41%;
margin-top: 5px;
}
.r-tool a.zixun {
background: #a85220;
padding: 4px 30px;
margin-right: 15px;
}
.r-tool a.baojia {
background: #ff5000;
padding: 4px 30px;
}
.r-tool a {
font-size: 15px;
color: #fff;
display: block;
float: left;
text-align: center;
}