@charset "utf-8";
/* css document */
body,div,address,blockquote,iframe,ul,ol,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,p,pre,table,caption,th,td,form,legend,fieldset,input,button,select,textarea{margin:0;padding:0;font-weight:normal;font-family:inherit}
ol,ul,li{list-style:none;}
img{max-width:100%;margin:0;padding:0;border:none}
table{border-collapse:collapse;}
.cls{clear:both;}
.notxt{text-indent:-9999px;}
a{ color:#353535; text-decoration:none;outline:none;blr:expression(this.onfocus=this.blur());}
/*a:hover{color:#efca1f;}*/
i { font-style:normal;}
body{
overflow-x: hidden;
background: #eeeeee;
font-family: "微软雅黑";
}
.clear{
clear:both;
float:none;
}
/*头部*/
#top_box{
width:100%;
background:#f6f6f6;
height:38px;
}
.top_gd{
width:1180px;
margin:0 auto;
}
.top_yc{
width:220px;
float:right;
}
.z_d{
float:left;
line-height:38px;
}
.z_d a{
font-family:"微软雅黑";
font-size:12px;
color:#4fa1ea;
text-decoration:none;
}
.top_fw{
float:right;
line-height:38px;
font-family:"微软雅黑";
font-size:12px;
color:#8c8c8c;
}
/*导航*/
#daoh_box{
background-color: #73d3fd;
width: 100%;
height: 92px;
position: fixed;
/* bottom: 0; */
z-index: 9999;
}
.daoh_gd{
width:1200px;
margin:0 auto;
}
.daoh_logo{
width: 500px;
height: 92px;
float: left;
line-height: 100px;
margin-top: 14px;
}
.daoh_logo img{
width: 500px;
padding: 0;
border: none;
margin: 0 auto;
/* margin-left: 30px; */
}
.daoh_dh{
height:92px;
float:right;
}
.nav {
position:relative;
z-index: 999999;
}
.nav ul{
}
.nav ul li {
float:left;
padding:0 8px;
text-align:center;
height:92px;
line-height:92px;
font-family:"微软雅黑";
font-size:21px;
color:#353535;
}
.curbg {
background:#453890;
height:2px;
position:absolute;
top:0;
width:68px;
left:260px;
top:90px;
}
.nav ul li p{
background: #0b9303;
width: 110px;
height: 40px;
line-height: 40px;
display: none;
}
.index_hover:hover p{
display: block;
}
.nav a {
color: #ffffff;
text-transform: uppercase;
}
/*banner*/
#solid{
width:100%;
/* height:450px; */
height: auto;
clear:both;
position:relative;
margin: 0 auto;
/* /* padding-top: 92px; */
}
#solid .solid0,#solid .solid1,#solid .solid2,#solid .solid3,#solid .solid4{
position:absolute;
left:0px;
top:0px;
width:100%;
height:auto;
display:none;
}
/* #solid ul li img{
height: 600px;
} */
#solid ul{
margin:0px;
padding:0px;
list-style:none;
}
#solid ul li{
/* position:absolute; */
/* top:0px; */
width:100%;
display:none;
cursor:pointer;
}
#solid #btt{
/* width: 905px; */
/* height: 55px; */
/* top: 560px; */
bottom: 33px;
/* left: 50%; */
position: relative;
/* margin-left: -452px; */
display: block;
margin: 0 auto;
}
#solid #btt span{
position:absolute;
top:15px;
left:45%;
display:block;
width:30px;
height:8px;
margin:0 15px;
text-align:center;
background:#3d3d3d;
z-index:1000;
cursor:pointer;
filter:alpha(opacity=70); /*ie滤镜，透明度50%*/
-moz-opacity:0.7; /*firefox私有，透明度50%*/
opacity:0.7;/*其他，透明度50%*/
}
/* 图片列表 */
.img {
width: 100%;
background: #ffffff;
height: 160px;
/* margin-top: 10px; */
}
.img .img_box{
width: 1200px;
margin: 0 auto;
}
.img ul li {
width:290px;
float: left;
height: 160px;
text-align: center;
margin-left: 10px;
}
.img ul li img{
margin-top: 12px;
}
/* 首页专业 */
.index_box{
width: 100%;
margin: 0 auto;
text-align: center;
background: #eeeeee;
padding: 20px 0;
}
.index_box_gd{
width: 1200px;
margin: 0 auto;
text-align: center;
border-bottom: 1px solid #999999;
}
.index_box_gd h2{
font-size: 40px;
line-height: 60px;
color:#333333;
text-align: left;
float: left;
}
.index_box_gd h2 span{
font-size: 34px;
line-height: 60px;
color: #999999;
text-transform: uppercase;
}
.index_box_gd p{
font-size: 30px;
color: #f8bd67;
text-align: right;
line-height: 60px;
}
.index_box .index_box_ul {
width: 1200px;
margin: 20px auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.index_box .index_box_ul li{
width: 380px;
margin: 10px 0;
}
.index_box .index_box_ul li img{
width: 380px;
height: 218px;
display: block;
}
.index_box .index_box_ul li h3{
font-size: 28px;
font-weight: bold;
line-height: 40px;
margin-top: 10px;
}
.index_box .index_box_ul li i{
width: 100px;
display: block;
height: 3px;
background: #999999;
margin: 10px auto;
}
.index_box .index_box_ul li .index_box_ul_a{
width: 160px;
display: block;
margin: 0 auto;
background: #e60012;
font-size: 20px;
line-height: 40px;
color: #ffffff;
border-radius: 40px;
}
/* 首页视频中心 */
.index_video_box{
width: 100%;
margin: 0 auto;
text-align: center;
background: #ffffff;
padding: 20px 0;
}
.index_video_box_gd{
width: 1200px;
margin: 20px auto 0;
}
.index_video_box_l{
width: 495px;
float: left;
height: 300px;
margin-right: 5px;
}
.index_video_box_l video{
width: 495px;
height: 300px;
display: block;
}
.index_video_box_r{
width: 699px;
float: left;
}
.index_video_box_r .index_video_box_r_h3 {
font-size: 36px;
line-height: 40px;
color: #c7000b;
margin-bottom: 10px;
}
.index_video_a{
width: 200px;
display: block;
background: #e60012;
font-size: 20px;
line-height: 36px;
color: #ffffff;
margin:0 auto;
border-radius: 36px;
}
/* 首页校园环境 */
.index_hj_box{
width: 100%;
margin: 0 auto;
text-align: center;
background: #eeeeee;
padding: 20px 0;
}
.index_hj_box_gd {
width: 1200px;
margin:20px auto;
}
.index_hj_box_gd .index_hj_box_ul1{
width: 1200px;
margin:0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.index_hj_box_gd .index_hj_box_ul1 li:nth-child(1){
width: 700px;
height: 450px;
overflow: hidden;
}
.index_hj_box_gd .index_hj_box_ul1 li:nth-child(1) img{
width: 700px;
display: block;
}
.index_hj_box_gd .index_hj_box_ul1 li:nth-child(2){
width: 480px;
height: 450px;
overflow: hidden;
}
.index_hj_box_gd .index_hj_box_ul1 li:nth-child(2) img{
width: 481px;
display: block;
}
.index_hj_box_gd .index_hj_box_ul2{
width: 1200px;
margin:10px auto 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.index_hj_box_gd .index_hj_box_ul2 li:nth-child(1){
width: 345px;
height: 344px;
overflow: hidden;
}
.index_hj_box_gd .index_hj_box_ul2 li:nth-child(1) img{
width: 345px;
display: block;
height: 344px;
overflow: hidden;
}
.index_hj_box_gd .index_hj_box_ul2 li:nth-child(2){
width: 345px;
height: 344px;
overflow: hidden;
}
.index_hj_box_gd .index_hj_box_ul2 li:nth-child(2) img{
width: 345px;
display: block;
}
.index_hj_box_gd .index_hj_box_ul2 li:nth-child(3){
width: 481px;
height: 344px;
overflow: hidden;
}
.index_hj_box_gd .index_hj_box_ul2 li:nth-child(3) img{
width: 481px;
}
.index_hj_box_a{
width: 500px;
margin:0 auto;
display: block;
background: #e60012;
font-size: 30px;
line-height: 50px;
color: #ffffff;
border-radius: 50px;
}
/*首页升学*/
.index_sx_box{
width: 100%;
margin: 0 auto;
text-align: center;
background: #ffffff;
padding: 20px 0;
}
.index_sx_box .index_jy_box_ul{
width: 1200px;
margin:20px auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.index_sx_box .index_jy_box_ul li{
width: 390px;
height: 300px;
overflow: hidden;
margin:5px 0;
}
.index_sx_box .index_jy_box_ul li img{
width: 390px;
height: 300px;
display: block;
}
/* 首页就业 */
.index_jy_box{
width: 100%;
margin: 0 auto;
text-align: center;
background: #eeeeee;
padding: 20px 0;
}
.index_jy_box .index_jy_ul{
width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.index_jy_box .index_jy_ul li{
margin-top: 20px;
}
.index_jy_box .index_jy_ul li img{
width: 690px;
display: block;
}
.index_jy_box .index_jy_ul .index_jy_li1{
width: 690px;
}
.index_jy_box .index_jy_ul .index_jy_li2{
width: 500px;
}
.index_jy_li2 h3{
font-size: 40px;
font-weight:bold;
padding-top: 40px;
}
.index_jy_li2 p{
font-size: 24px;
line-height: 36px;
color: #333333;
text-indent: 2em;
text-align: justify;
}
.index_jy_li2 .index_jy_a{
width: 300px;
display: block;
background: #e60012;
font-size: 30px;
line-height: 50px;
border-radius: 20px;
margin:30px auto 0;
color: #ffffff;
}
/* 首页师资 */
.index_sz_box{
width: 100%;
margin: 0 auto;
text-align: center;
background: #ffffff;
padding: 20px 0;
}
.index_sz_box_gd{
width: 1200px;
margin:20px auto;
}
.index_sz_box_l{
width: 450px;
height: 675px;
overflow: hidden;
float: left;
}
.index_sz_box_l img{
width: 450px;
height: 675px;
display: block;
}
.index_sz_box_r {
width: 700px;
float: right;
padding:40px 0;
}
.index_sz_box_r h2{
font-size: 36px;
line-height: 50px;
font-size: bold;
text-align: left;
}
.index_sz_box_r b{
font-size: 24px;
line-height: 40px;
color: #333333;
text-align: left;
display: block;
}
.index_sz_box_r p{
margin-top: 40px;
font-size: 20px;
text-align: justify;
text-indent: 2em;
line-height: 30px;
}
.index_sz_box_r img{
width: 200px;
height: 66px;
display: block;
margin: 40px auto 0;
}
/* 首页新闻 */
.index_news_box{
width: 100%;
margin: 0 auto;
text-align: center;
background: #eeeeee;
padding: 20px 0;
}
.index_news_box_gd{
width: 1200px;
margin:20px auto;
}
.index_news_box_b1{
width: 1200px;
margin:0 auto;
}
.index_news_box_b1 img{
width: 358px;
height: 210px;
display: block;
float: left;
}
.index_news_box_b1 .index_news_box_r {
width: 830px;
float: right;
text-align: left;
}
.index_news_box_r h3{
font-size: 30px;
line-height: 40px;
}
.index_news_box_r span{
display: block;
font-size: 24px;
color: #999999;
margin:5px 0;
}
.index_news_box_r p{
text-align: justify;
font-size: 18px;
line-height: 24px;
color: #666666;
}
.index_news_box_gd ul{
width: 1200px;
margin:10px auto 0;
}
.index_news_box_gd ul li{
width: 1200px;
border-bottom:1px solid #999999;
padding-bottom: 10px;
margin:10px auto;
}
.index_news_box_gd ul li span{
width: 100px;
height: 90px;
display: block;
font-size: 30px;
float: left;
background: #eb6100;
color: #ffffff;
padding-top: 10px;
}
.index_news_box_gd ul li span b{
font-size: 20px;
display: block;
}
.index_news_box_r2{
width: 1080px;
margin-left: 20px;
float: left;
text-align:left;
}
.index_news_box_r2 h3{
font-size: 24px;
}
.index_news_box_r2 p{
font-size: 16px;
text-align: justify;
margin-top:5px;
color: #7b7b7b;
}
/* 底部样式 */
.sy_footer{
width: 100%;
margin: 0 auto;
}
.sy_footer1{
background-color: #666;
padding: 40px 0;
}
.sy_footer1 .sy_foot{
width: 1260px;
margin: 0 auto;
overflow: hidden;
}
.sy_footer1 .sy_foot .sy_foot1 {
float: left;
width: 580px;
overflow: hidden;
}
.sy_footer1 .sy_foot .sy_foot1 ul{
float: left;
width: 122px;
margin-left: 20px;
}
.sy_footer1 .sy_foot .sy_foot1 ul li{
text-align: center;
color: #d3d3d3;
height: 35px;
line-height: 35px;
}
.sy_footer1 .sy_foot .sy_foot1 ul .sy_foot1a{
margin-bottom: 40px;
font-size: 20px;
}
.sy_footer1 .sy_foot2{
width: 168px;
padding: 0 10px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
float: left;
height: 215px;
}
.sy_footer1 .sy_foot2 img{
width: 135px;
height: 135px;
display: block;
margin: 15px auto;
}
.sy_footer1 .sy_foot2 p{
text-align: center;
color: #fff;
line-height: 1.5;
}
.sy_footer1 .sy_foot3{
float: left;
width: 280px;
height: 215px;
text-align: center;
color: #fff;
}
.sy_footer1 .sy_foot3 img{
display: block;
width: 168px;
height: 36px;
margin: 20px auto 10px;
}
.sy_footer1 .sy_foot3 p{
height: 35px;
line-height: 35px;
}
.sy_footer2 {
background-color: #323333;
width: 100%;
padding: 20px 0 10px;
}
.sy_footer2 .sy_f{
width: 1160px;
margin: 0 auto;
}
.sy_footer2 ul{
width: 100%;
margin-bottom: 10px;
overflow: hidden;
}
.sy_footer2 ul li{
color: #d3d3d3;
font-size: 14px;
}
.sy_footer2 ul li a{
color: #d3d3d3;
}
.sy_footer2 ul .l{
float: left;
display: inline;
}
.sy_footer2 ul .r{
float: right;
display: inline;
}
.sy_footer2 ul .gd{
color: red;
transition: all 0.1s;
text-shadow: 1px 1px 1px #fff;
font-size: 16px;
padding-left: 10px;
}
.sy_footer2 ul .r img{
height: 20px;
padding-left: 30px;
opacity: 0.1;
overflow: hidden;
/* ie10、firefox and opera，ie9以及更早的版本不支持 */
animation-name: breath; /* 动画名称 */
animation-duration: 700ms; /* 动画时长3秒 */
animation-timing-function: ease-in-out; /* 动画速度曲线：以低速开始和结束 */
animation-iteration-count: infinite; /* 播放次数：无限 */
/* safari and chrome */
-webkit-animation-name: breath; /* 动画名称 */
-webkit-animation-duration: 700ms; /* 动画时长3秒 */
-webkit-animation-timing-function: ease-in-out; /* 动画速度曲线：以低速开始和结束 */
-webkit-animation-iteration-count: infinite; /* 播放次数：无限 */
}
/* 学院新闻 */
.news{
width: 100%;
margin:0 auto;
background: #ffffff;
height: auto;
margin-top: 10px;
padding-bottom: 10px;
}
.news .newslist{
width: 1200px;
margin: 0 auto;
}
.news .newslist2{
width: 580px;
float: left;
margin-left: 20px;
margin-top: 20px;
}
.news .newslist2 .img2{
margin-right: 10px;
}
.news .newslist2 img{
float: left;
width: 240px;
height: 150px;
}
.news .newslist2 .title2{
font-size: 20px;
line-height: 40px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-left: 10px;
}
.news .newslist2 .content2{
font-size: 16px;
line-height: 20px;
color: #999999;
padding-left: 250px;
}
/* 校园环境 */
.huanjing{
background: #ffffff;
width: 100%;
height: auto;
margin-top: 10px;
padding-bottom: 10px;
}
.huanjing .huanjinglist{
width: 1200px;
margin: 0 auto;
text-align: center;
}
.huanjing .huanjinglist .hlist{
width: 360px;
height: 280px;
float: left;
border: 1px solid #eeeeee;
margin-top: 10px;
margin-left: 30px;
}
.huanjing .huanjinglist .hlist img{
width: 360px;
height: 242px;
}
.huanjing .huanjinglist .hlist .htitle{
font-size: 18px;
line-height: 18px;
/* margin-top: 92px; */
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/* 校园视频 */
.xyshipin{
background: #ffffff;
width: 100%;
height: auto;
margin-top: 10px;
padding: 10px 0;
}
.xyshipin .xysp{
width: 1000px;
margin: 0 auto;
text-align: center;
}
.xyshipin .xysp video{
width: 1000px;
display: block;
margin: 0 auto;
}
/* 友情链接 */
.friend{
width: 100%;
height: 200px;
background:#ffffff;
margin-top:10px;
padding-bottom: 10px;
}
.friend .fri_box{
padding-top: 10px;
width: 1200px;
margin: 0 auto;
}
.friend .ftitle a{
/* border-left: 5px solid #73d3fd;
padding-left: 10px; */
margin-left:10px;
cursor: pointer;
}
.friend .ftitle .fri_on{
border-left: 5px solid #0b8f05;
padding-left: 10px;
}
.friend .fri_box .fri_ul{
display: none;
}
.friend .fri_box .fri_x{
display: block;
}
.friend .fri_box ul li{
padding-top: 10px;
float: left;
margin-left: 10px;
width: 228px;
text-align: center;
}
/* 校企合作 */
.xiaoqi{
width: 100%;
height: auto;
background:#ffffff;
margin-top:10px;
padding-bottom: 10px;
}
.xiaoqi .xiaoqi_box{
padding-top: 10px;
width: 1200px;
margin: 0 auto;
}
.xiaoqi .xqtitle{
border-left: 5px solid #73d3fd;
padding-left: 10px;
font-size: 20px;
font-weight: bold;
line-height: 30px;
}
.xiaoqi .xiaoqi_box ul li{
padding-top: 10px;
float: left;
margin-left: 8px;
width: 192px;
height: 59px;
}
/* 首页滚动消息 */
.myscroll_box{
width: 699px;
height: auto;
padding-bottom: 10px;
float: left;
}
.myscroll {
width: 699px;
height: 250px;
margin: 0 auto;
overflow: hidden;
border-bottom: 1px solid #9a9292;
}
.myscroll .scroll_box{
width: 699px;
margin:0 auto;
background: #73d3fd;
margin-bottom: -1px;
position: relative;
}
.myscroll .scroll_box table{
text-align: center;
}
.myscroll .scroll_box table td{
width: 265px;
background: #73d3fd;
text-align:center;
font-size: 16px;
line-height: 30px;
border: 1px solid #9a9292;
}
.myscroll li {
margin: 0 auto;
width: 699px;
height: 30px;
}
.myscroll a {
color: #333;
text-decoration: none;
}
.sy_boxx .myscroll a {
display: inline-block;
background:#e00000;
border-radius: 30px;
font-size: 16px;
width: 100px;
line-height: 30px;
color: #ffffff;
}
.myscroll a:hover {
color: #73d3fd;
}
.myscroll li table{
width: 699px;
text-align:center;
}
.myscroll li table tr td{
text-align:center;
font-size: 16px;
line-height: 30px;
width:300px;
border: 1px solid #9a9292;
}
/* 底部 */
.footer{
background: #ffffff;
width: 100%;
margin-top: 10px;
padding-bottom: 10px;
}
.footer .foot{
width: 1200px;
height: auto;
margin:0 auto;
}
.footer .foot .foot1{
width: 580px;
float: left;
margin: 0 auto;
/* text-align: center; */
}
.footer .foot .foot1 .erweima{
float: right;
padding-top: 20px;
text-align: center;
margin: 0 auto;
padding-right: 40px;
width: 120px;
}
.footer .foot .foot1 .erweima img{
width: 100px;
height: 100px;
margin: 0 auto;
}
.footer .foot .foot1 .erweima .ertitle{
font-size: 18px;
line-height: 36px;
font-weight: bold;
}
.footer .foot .foot1 ul{
margin-top: 40px;
}
.footer .foot .foot1 ul li {
float: left;
font-size: 20px;
line-height: 30px;
margin-left: 10px;
}
.footer .foot .foot1 .footxx{
margin-top: 20px;
float: left;
margin-left: 12px;
width:400px;
}
.footer .foot .foot1 .footxx .sm{
font-weight:bold;
color: #ff0000;
font-size:18px;
}
.footer .foot .foot1 p{
font-size: 16px;
line-height: 32px;
}
/* .footer .foot .foot1 p span{
text-align: justify;
} */
.footer .foot .foot1 .xiaoxun{
width: 580px;
margin: 0 auto;
padding-top: 10px;
}
.footer .foot .foot1 .xiaoxun img{
width: 550px;
}
.footer .foot .foot2{
float: left;
width: 580px;
margin: 0 auto;
margin-top: 20px;
}
.footer .foot .foot2 span{
width: 100px;
display:block;
text-align: center;
float: left;
}
.footer .foot .foot2 input{
width: 400px;
font-size: 18px;
text-align: center;
border-radius: 5px;
line-height: 35px;
/* margin: 2% 0; */
background: #eeeeee;
outline-color: invert;
outline-style: none;
outline-width: 0px;
border: none;
border-style: none;
text-shadow: none;
-webkit-appearance: none;
-webkit-user-select: text;
outline-color: transparent;
box-shadow: none;
}
.footer .foot .foot2 .name{
margin-top: 20px;
}
.footer .foot .foot2 select{
width: 400px;
font-size: 18px;
text-align: center;
border-radius: 5px;
height:35px;
background: #eeeeee;
text-align: center;
text-align-last: center;
}
.footer .foot .foot2 .submit{
width: 280px;
font-size: 20px;
line-height: 35px;
text-align: center;
color: #ffffff;
font-weight: bold;
background: #73d3fd;
border-radius: 4px;
margin: 0 auto;
float: left;
margin-top: 20px;
margin-left: 140px;
}
/* 专业设置 */
.zy_banner img{
width: 100%;
display: block;
/* /* padding-top: 92px; */ */
}
.major2{
background: #ffffff;
width: 100%;
height: auto;
margin-top: 10px;
padding-bottom: 10px;
/* /* padding-top: 92px; */ */
}
.major2 .majorlist2{
width: 1200px;
margin: 0 auto;
}
.major2 .majorlist2 .mlist2{
width: 360px;
height: 480px;
float: left;
border: 1px solid #eeeeee;
margin-top: 10px;
margin-left: 36px;
}
.major2 .majorlist2 .mlist2 img{
width: 360px;
height: 242px;
}
.major2 .majorlist2 .mlist2 .mtitle{
width: 320px;
height: 50px;
font-size: 25px;
line-height: 50px;
font-weight: bold;
text-align: center;
}
.major2 .majorlist2 .mlist2 .mcontent{
width: 320px;
height: 142px;
font-size: 15px;
line-height: 20px;
}
.major2 .majorlist2 .mlist2 .tguding{
width: 320px;
margin: 0 auto;
}
.major2 .majorlist2 .mlist2 .zy_button{
width: 330px;
margin: 0 auto;
}
.major2 .majorlist2 .mlist2 .zy_button .zyxq{
width: 150px;
font-size: 20px;
line-height: 35px;
text-align: center;
color: #ffffff;
font-weight: bold;
background: #73d3fd;
border-radius: 4px;
margin: 0 auto;
float: left;
margin-left: 10px;
}
.major2 .majorlist3{
width: 1200px;
margin: 0 auto;
}
.major2 .majorlist3 .mlist2{
width: 360px;
/* height: 480px; */
float: left;
border: 1px solid #eeeeee;
margin-top: 10px;
margin-left: 36px;
padding-bottom: 20px;
}
.major2 .majorlist3 .mlist2 img{
width: 360px;
height: 242px;
}
.major2 .majorlist3 .mlist2 .mtitle{
width: 320px;
height: 50px;
font-size: 25px;
line-height: 50px;
font-weight: bold;
text-align: center;
}
.major2 .majorlist3 .mlist2 .tguding{
width: 320px;
margin: 0 auto;
}
.major2 .majorlist3 .mlist2 .zy_button{
width: 330px;
margin: 0 auto;
}
.major2 .majorlist3 .mlist2 .zy_button .zyxq{
width: 150px;
font-size: 20px;
line-height: 35px;
text-align: center;
color: #ffffff;
font-weight: bold;
background: #73d3fd;
border-radius: 4px;
margin: 0 auto;
float: left;
margin-left: 10px;
}
/* 专业详情页面 */
.ma_banner img{
width:100%;
margin: 0 auto;
display: block;
}
.majorinfo{
padding-top: 10px;
width: 1200px;
background: #ffffff;
height: auto;
margin:0 auto;
/* /* padding-top: 92px; */ */
}
.majorinfo .majorinfo2{
width:900px;
min-height: 500px;
margin: 0 auto;
}
.majorinfo .majorinfo2 .majortitle{
font-weight:bold;
font-size: 30px;
line-height:40px;
text-align: center;
padding-top: 20px;
}
.majorinfo .majorinfo2 .majorcontent{
font-size: 18px;
line-height: 28px;
text-align: left;
text-indent:2em;
margin-top: 20px;
color:#999999;
padding-bottom:20px;
}
.majorinfo .majorinfo2 .majorcontent img{
width: 80%;
text-align: center;
margin:0 auto;
}
/* 学校简介 */
.jj_banner img{
width: 100%;
margin:0 auto;
/* /* padding-top: 92px; */ */
}
.jianjie{
padding: 20px 0;
width: 100%;
background: #ffffff;
height: auto;
margin: 0 auto;
}
.jianjie .jianjie2{
width:1200px;
margin: 0 auto;
}
.jianjie .jianjie2 .jjtitle{
font-weight:bold;
font-size: 30px;
line-height:40px;
text-align: center;
}
.jianjie .jianjie2 .jjcontent{
font-size: 18px;
line-height: 28px;
text-align: justify;
text-indent:2em;
margin-top: 20px;
color:#999999;
padding-bottom:20px;
}
.jianjie .jianjie2 .jjcontent img{
width: 100%;
text-align: center;
display: block;
margin:0 auto;
}
.jj_box .jj_t{
font-size: 28px;
line-height: 56px;
text-align: center;
}
.jj_box2{
padding: 30px 0;
width: 1200px;
margin:0 auto;
}
.jj_gd_box{
width: 1200px;
margin:0 auto;
text-align: center;
}
.jj_gd_box .jj_t{
font-size: 30px;
color: #0061b2;
font-weight:bold;
}
.jj_gd_box p{
font-size: 24px;
line-height:30px;
color: #7a7879;
}
.jj_gd_box .xian{
border-bottom: 3px solid #0061b2;
width:150px;
margin: 0 auto;
padding-top: 20px;
}
.jj_box2 .j2_div{
float: left;
width: 600px;
padding-top: 20px;
}
.jj_box2 .j2_div img{
width: 90%;
text-align: left;
}
.jj_box2 .j2_p1{
font-size: 28px;
border-bottom: solid 1px #333333;
line-height: 180%;
margin-right: 80px;
}
.jj_box2 .j2_p2{
font-size: 16px;
line-height: 32px;
}
.jj_box2 .x2{
padding-top: 100px;
}
.j3_box{
width: 1200px;
margin:0 auto;
text-align: center;
}
.j3_box img{
width: 800px;
margin: 0 auto;
}
.jj_box4{
width: 1200px;
margin: 0 auto;
text-align: center;
padding: 20px 0;
}
.jj_box4 .j4_box{
padding-top: 20px;
}
.jj_box4 .j4_box img{
width: 800px;
margin: 0 auto;
}
.jj_box4 .j4_box2{
width: 800px;
margin: 0 auto;
padding: 20px 0;
}
.jj_box4 .j4_box2 p{
font-size: 16px;
line-height: 32px;
text-align: justify;
}
.j5_box {
width: 100%;
margin: 0 auto;
}
.j5_box img{
width: 100%;
}
/* 新闻中心 */
.news_banner img{
width:100%;
margin: 0 auto;
/* /* padding-top: 92px; */ */
}
.news_box {
width: 1200px;
background: #ffffff;
height: auto;
margin:0 auto;
}
.news_dh{
width: 1200px;
margin:0 auto;
background: #ffffff;
height: 50px;
}
.news_dh ul li{
float: left;
font-size: 20px;
line-height: 50px;
margin-left: 40px;
}
.newlist{
width: 1200px;
background: #ffffff;
height: auto;
margin:0 auto;
margin-top: 10px;
padding-bottom: 10px;
}
.newlist .new{
width: 1200px;
margin:0 auto;
height: 230px;
margin: 10px 0;
filter:progid:dximagetransform.microsoft.shadow(color=#909090,direction=120,strength=4);
-moz-box-shadow: 2px 2px 10px #909090;
-webkit-box-shadow: 2px 2px 10px #909090;
box-shadow:2px 2px 10px #909090;
}
.newlist .new .nimg{
width: 350px;
float: left;
padding-top: 5px;
padding-left: 5px;
}
.newlist .new .nimg img{
width: 350px;
height: 218px;
}
.newlist .new .new_gd{
width:800px;
float: left;
margin-left: 20px;
margin-top: 20px;
}
.newlist .new_gd .ntitle{
font-size: 18px;
font-weight: bold;
line-height: 26px;
margin-top:10px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.newlist .new_gd .ntime{
color:#999999;
font-size:16px;
line-height: 23px;
margin-top: 10px;
}
.newlist .new_gd .ncontent{
color:#999999;
font-size:18px;
line-height: 28px;
margin-top: 10px;
}
/* 新闻详情页 */
.newsinfo{
padding-top: 102px;
width: 1200px;
background: #ffffff;
height: auto;
margin: 0 auto;
min-height: 300px;
}
.newsinfo .newsinfo2{
width:900px;
margin: 0 auto;
}
.newsinfo .newsinfo2 .newtitle{
font-weight:bold;
font-size: 30px;
line-height:40px;
text-align: center;
padding-top: 20px;
}
.newsinfo .newsinfo2 .newtime{
text-align: center;
margin-top: 20px;
line-height: 24px;
font-size: 18px;
color: #999999;
}
.newsinfo .newsinfo2 .newcontent{
font-size: 18px;
line-height: 28px;
text-align: left;
/* text-indent:2em; */
margin-top: 20px;
/* color:#999999; */
padding-bottom:20px;
}
.newsinfo .newsinfo2 .newcontent img{
text-align: center;
margin:0 auto;
}
.new_gd{
width: 1300px;
margin: 0 auto;
}
.new_con_right{
width: 240px;
height: auto;
float: right;
background: #fff;
padding: 20px;
}
.new_con_right h2{
font-size: 40px;
line-height: 80px;
color: #333;
}
.new_con_right p{
font-size: 18px;
line-height: 30px;
text-align: justify;
}
.new_con_right p span{
display: block;
float: left;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #4d4d4d;
margin-right: 5px;
position: relative;
top: 10px;
}
/* 来校地址 */
.add_box{
background: no-repeat center;
height: 525px;
background-size: cover;
}
.add_form{
width:1200px;
margin: 0 auto;
position: relative;
height: 525px;
}
.add_form form{
background: repeat;
width: 250px;
height: 525px;
position: absolute;
top: 0px;
right: 0px;
padding:0 20px;
}
.add_form form h2{
color: rgb(252, 252, 223);
text-align: center;
font-size: 26px;
line-height: 52px;
padding-top: 20px;
}
.add_form form p{
font-size: 16px;
line-height: 30px;
color: #fff;
padding: 8px 0;
}
.add_form form p input{
width: 250px;
height: 30px;
border: none;
outline: none;
font-size: 20px;
line-height: 30px;
margin: 0 auto;
}
.add_form form input[type=submit]{
width: 250px;
height: 50px;
background:#e70012;
font-size: 22px;
line-height: 50px;
color: #ffffff;
margin-top: 30px;
border: none;
outline: none;
}
.add_form form span{
text-align: center;
width: 250px;
float: left;
height: 25px;
line-height: 25px;
font-size: 12px;
color: #ffffff;
}
.add_form form span img{
vertical-align: middle;
line-height: 25px;
}
.add_box2{
width: 1000px;
margin: 0 auto;
margin-top: 44px;
}
.add_box2 h2{
background: no-repeat;
font-weight: normal;
color: #ed3734;
height: 57px;
line-height: 57px;
padding-left: 53px;
}
.add_box2 .lx2{width:1000px; height:auto; margin:20px auto; overflow:hidden;}
.add_box2 .p1{width:1000px; height:59px; line-height:59px; display:block; font-size:16px; background:#fff2e5; overflow:hidden;padding-top:0px;margin-top:0px;}
.add_box2 .p2{width:1000px; height:59px; line-height:59px; display:block; font-size:16px; background:#ffebd6; overflow:hidden;padding-top:0px;margin-top:0px;}
.add_box2 .sp1{ border-right:2px solid #fff; width:128px; height:59px; display:block; float:left; text-align:right; overflow:hidden;}
.add_box2 .sp2{ width:850px; height:59px; display:block; text-indent:10px; float:left; overflow:hidden;}
/* 名师风采列表 */
.tea_banner img{
width:100%;
margin: 0 auto;
/* padding-top: 92px; */
}
.tea_box{
background: #ffffff;
height: auto;
width: 100%;
padding-bottom: 10px;
}
.tea_box .tealist{
width: 1200px;
margin: 0 auto;
}
.tea_box .tealist .tea{
width:230px;
height: 360px;
float: left;
margin-left: 10px;
margin-top:10px;
filter: progid:dximagetransform.microsoft.shadow(color=#909090,direction=120,strength=4);
-moz-box-shadow: 2px 2px 10px #909090;
-webkit-box-shadow: 2px 2px 10px #909090;
box-shadow: 2px 2px 5px #909090;
}
.tea_box .tealist .tea .tea_gd{
width: 230px;
height: 80px;
text-align: center;
background: center center no-repeat;
background-size:230px 80px;
}
.tea_box .tealist .tea .tea_gd .tea_title{
font-size: 18px;
line-height: 40px;
}
.tea_box .tealist .tea .tea_gd .tea_zhiwei{
font-size: 18px;
line-height: 40px;
}
.tea_box .tealist .tea .teaimg{
width: 230px;
height: 280px;
}
.tea_box .tealist .tea .teaimg img{
width: 100%;
height: 100%;
}
.tea_box .tea .yin{
display: none;
width: 230px;
height: 280px;
background: #4a87a3;
opacity: 0.9;
margin-top: -284px;
}
.tea_box .tea .yin p{
font-size: 15px;
line-height: 20px;
color: #ffffff;
padding: 40px 20px;
}
.tea_box .tea .teaimg:hover .yin {
display: block;
}
/* 教师详情 */
.teacherinfo{
padding-top: 102px;
width: 1200px;
background: #ffffff;
height: auto;
margin: 0 auto;
padding-bottom: 20px;
min-height: 600px;
}
.teacherinfo .teacherinfo2{
width:1000px;
margin: 0 auto;
padding-top: 20px;
}
.teacherinfo .teacherinfo2 .left{
width: 300px;
float: left;
}
.teacherinfo .teacherinfo2 .left .teachertitle{
font-size: 20px;
line-height: 30px;
font-weight: bold;
text-align: center;
padding-bottom: 10px;
}
.teacherinfo .teacherinfo2 .left .t_img{
width: 200px;
margin: 0 auto;
}
.teacherinfo .teacherinfo2 .left .t_img img{
width: 100%;
}
.teacherinfo .teacherinfo2 .teachercon{
width: 600px;
float: left;
margin-left: 50px;
text-align: justify;
margin-top: 40px;
}
.teacherinfo .teacherinfo2 .newtitle{
font-weight:bold;
font-size: 30px;
line-height:40px;
text-align: center;
padding-top: 20px;
}
.teacherinfo .teacherinfo2 .newcontent{
font-size: 18px;
line-height: 28px;
text-align: left;
text-indent:2em;
margin-top: 20px;
color:#999999;
padding-bottom:20px;
}
.teacherinfo .teacherinfo2 .newcontent img{
width: 80%;
text-align: center;
margin:0 auto;
}
/* 校园环境 */
.huanjing2{
background: #ffffff;
width: 100%;
height: auto;
/* margin-top: 10px; */
padding-bottom: 10px;
/* padding-top: 92px; */
}
.huanjing2 .huanjinglist2{
width: 1200px;
margin:0 auto;
}
.huanjing2 .huanjinglist2 .hjlist{
width: 360px;
height: 280px;
float: left;
border: 1px solid #eeeeee;
margin-top: 10px;
margin-left: 36px;
filter: progid:dximagetransform.microsoft.shadow(color=#909090,direction=120,strength=4);
-moz-box-shadow: 2px 2px 10px #909090;
-webkit-box-shadow: 2px 2px 10px #909090;
box-shadow: 2px 2px 5px #909090;
}
.huanjing2 .huanjinglist2 .hjlist img{
width: 360px;
height: 242px;
}
.huanjing2 .huanjinglist2 .hjlist .mtitle{
width: 320px;
font-size: 20px;
line-height:30px;
text-align: center;
}
/* 校园环境详情页 */
.hjinfo{
width:1200px;
margin: 0 auto;
background: #ffffff;
height: auto;
padding:30px 0;
}
.hjinfo .hj_gd {
width: 900px;
margin: 0 auto;
padding-bottom: 20px;
}
.hjinfo .hj_gd .hjtitle{
font-size: 36px;
line-height: 72px;
text-align: center;
}
.hjinfo .hj_p{
font-size: 20px;
text-indent: 2em;
text-align:justify;
line-height:30px;
margin: 10px 0;
}
/* 校园环境图片轮播样式 */
.ban{ width:900px; position:relative; overflow:hidden;margin: 0 auto;}
.ban2{ width:900px; height:500px; position:relative; overflow:hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:900px; height:500px;}
/* .prev{ float:left; cursor:pointer;} */
.lbnum{ height:100px;overflow:hidden; width:830px; position:relative;float:left;}
.min_pic{ padding-top:10px; width:900px;}
.lbnum ul{ position:absolute; left:0; top:0;}
.lbnum ul li{ width:162px; height:90px; margin-right:5px; padding:1px;}
.lbnum ul li.on{ border:1px solid red; padding:0;}
.prev_btn1{ width:16px; text-align:center; height:18px; margin-top:40px; margin-right:20px; cursor:pointer; float:left;}
.next_btn1{ width:16px; text-align:center; height:18px; margin-top:40px;cursor:pointer;float:right;}
.prev1{ position:absolute; top:220px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:220px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50); position:absolute; left:0; top:0; display:none;}
.pop_up{ width:900px; height:500px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}
.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.pop_up2{ width:900px; height:500px; position:relative; overflow:hidden;}
.pop_up2{ width:900px; height:500px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:900px; height:500px; float:left;}
/* 分页样式 */
#aaa {
background-color:#ffffff;
margin: 1% 0;
}
.fy_cjwt {
width:100%;
height: 100%;
margin-left:0px;
margin-top:0px;
line-height:40px;
text-align:center;
}
div.page {
width: 100%;
margin: 0 auto;
/* padding-left: 3px; */
text-align: center;
}
div.page a {
padding-right: 10px;
padding-left: 10px;
padding-bottom: 6px;
margin: 2px;
padding-top: 6px;
background-color: #fff;
text-decoration: none;
border-radius: 4px;
width:2%;
height:22px;
font-size:12px;
border: 1px solid #eeeeee;
color: #999999;
}
div.page a:hover {
color: #fff;
background-color: #0999f3; color:#fff; border: 1px solid #0999f3;
}
div.page a:active {
color: #fff;
background-color: #0999f3; color:#fff; border: 1px solid #0999f3;
}
div.page span.current {
padding-right: 10px;
padding-left: 10px;
padding-bottom: 6px;
margin: 2px;
padding-top: 6px;
background-color:#0999f3;
text-decoration: none;
border-radius: 4px;
width:28px;
height:22px;
font-size:12px;
border: 1px solid #eeeeee;
color: #fff;
}
div.page span.disabled {
padding-right: 10px;
padding-left: 10px;
padding-bottom: 6px;
margin: 2px;
color: #fff;
padding-top: 6px;
border-radius: 4px;
}
/* 分页样式 */
/* 暂无数据 */
.zanwu{
background: #ffffff;
font-size: 2rem;
line-height: 5rem;
width: 100%;
text-align: center;
margin:1% 0;
color:#979797;
}
/* 就业服务 */
.jy_banner img{
width: 100%;
/* padding-top: 92px; */
margin: 0 auto;
}
.jy_box {
width: 100%;
background: #ffffff;
height: auto;
padding-top: 20px;
}
.jy_box .jy_box2{
width: 1200px;
margin: 0 auto;
height: auto;
}
.jy_box .jytitle1{
text-align: center;
font-size: 35px;
line-height: 60px;
color: #73d3fd;
}
.jy_box .jyimg1{
width:1200px;
margin: 0 auto;
margin-top: 20px;
}
.jy_box .jyimg1 img{
width:1200px;
margin: 0 auto;
}
.jy_boxx{
width: 100%;
background: #ffffff;
height: auto;
margin-top: 10px;
}
.jy_boxx .jy_boxx1{
width: 1200px;
margin:0 auto;
}
.jy_boxx .jy_boxx1 .jytitle1{
text-align: center;
font-size: 35px;
line-height: 60px;
font-weight:bold;
padding-top: 20px;
}
.jy_boxx .jybz_box {
padding-top: 10px;
}
.jy_boxx .jybz_box .jybz{
width: 200px;
text-align: center;
float: left;
margin-left: 35px;
height: 452px;
}
.jy_boxx .jybz_box .jybz img{
width: 160px;
}
.jy_boxx .jybz_box .jybz p{
font-size: 18px;
line-height: 30px;
text-align:justify;
margin: 0 10px;
}
.four_box{
width: 100%;
background: #ffffff;
height: auto;
padding-top: 20px;
margin-top: 10px;
padding-bottom:10px;
}
.four_box .four_box1{
width:1200px;
margin: 0 auto;
}
.four_box .ftitle{
font-weight:bold;
font-size: 35px;
line-height: 60px;
width: 1200px;
text-align: center;
}
.four_box .fourlist{
padding-top: 20px;
}
.four_box .fourlist .fourlist1{
width: 1200px;
height: 200px;
filter: progid:dximagetransform.microsoft.shadow(color=#909090,direction=120,strength=4);
-moz-box-shadow: 2px 2px 10px #909090;
-webkit-box-shadow: 2px 2px 10px #909090;
box-shadow: 2px 2px 5px #909090;
border-radius: 120px;
margin-top: 20px;
}
.four_box .fourlist .fourlist1 img{
width: 160px;
height: 160px;
text-align: center;
margin: 0 auto;
padding-top: 20px;
padding-left:20px;
float: left;
}
.four_box .fourlist .fourlist1 p{
width: 950px;
float: left;
font-size: 20px;
line-height: 30px;
padding-top: 70px;
margin-left: 35px;
}
.four_box .fourlist .fourlist2{
width: 1200px;
height: 200px;
border-radius: 120px;
margin-top: 20px;
filter: progid:dximagetransform.microsoft.shadow(color=#909090,direction=120,strength=4);
-moz-box-shadow: 2px 2px 10px #909090;
-webkit-box-shadow: 2px 2px 10px #909090;
box-shadow: 2px 2px 5px #909090;
}
.four_box .fourlist .fourlist2 img{
width: 160px;
height: 160px;
text-align: center;
margin: 0 auto;
padding-top: 20px;
padding-right:20px;
float: right;
}
.four_box .fourlist .fourlist2 p{
width: 950px;
float: right;
font-size: 20px;
line-height: 30px;
padding-top: 70px;
margin-left: 35px;
}
.jy_button{
width: 280px;
font-size: 20px;
line-height: 45px;
text-align: center;
color: #ffffff;
font-weight: bold;
background: #73d3fd;
border-radius: 24px;
margin: 0 auto;
margin-bottom: 10px;
margin-top: 20px;
}
.cy_box{
width: 100%;
background-color: #ffffff;
height: auto;
margin-top:10px;
}
.cy_box .box_gd{
width: 1200px;
margin: 0 auto;
padding-top: 20px;
padding-bottom: 10px;
}
.cy_box .ftitle{
width: 1200px;
margin:0 auto;
font-weight: bold;
font-size: 35px;
line-height: 60px;
text-align: center;
padding-top: 20px;
}
.cy_box .ftitle span{
color: #ff0000;
}
.cy_box .box_1{
width: 270px;
height: 360px;
border:2px solid #f0f0f0;
border-radius: 10px;
margin-left: 48px;
float: left;
}
.cy_box .box_1 .box_title{
font-weight: bold;
font-size: 30px;
line-height: 30px;
text-align: center;
padding-top: 20px;
}
.cy_box .box_1 .box_content{
font-size: 20px;
line-height: 35px;
text-indent:2em;
padding-top: 20px;
height: 230px;
margin:0 10px;
text-align: justify;
}
.cy_box .box_button{
width: 200px;
font-size: 20px;
line-height: 45px;
text-align: center;
color: #ffffff;
font-weight: bold;
background: #73d3fd;
border-radius: 25px;
margin: 0 auto;
}
.cy_box .box_2{
height: 360px;
width: 500px;
margin: 0 auto;
float: left;
text-align: center;
border: 2px solid #f0f0f0;
margin-left: 48px;
border-radius: 10px;
}
.cy_box .box_2 img{
width: 400px;
display: block;
margin: 10px auto;
}
/* 全栈ui设计专业详情 */
.ui_banner img{
width: 100%;
margin: 0 auto;
/* padding-top: 92px; */
}
.ui_part1{
width: 100%;
margin: 0 auto;
background: #ffffff;
height: auto;
}
.ui_part1 .part_box{
width:1200px;
margin: 0 auto;
}
.ui_part1 .title1{
font-size: 40px;
line-height: 60px;
text-align: center;
padding-top: 20px;
font-weight: bold;
}
.ui_part1 .title2{
font-size: 20px;
line-height: 30px;
text-align: center;
}
.ui_part1 .part_box .content1{
font-size: 28px;
line-height: 36px;
text-align: justify;
text-indent:2em;
color:#9e9e9e;
}
.ui_part1 .part_box .img1 {
width: 600px;
}
.ui_part1 .part_box .img1 img{
width: 600px;
height: 382px;
float: left;
margin-top: 10px;
}
.ui_part1 .part_box .img2_box{
width: 580px;
height: 382px;
float: left;
margin-left: 10px;
}
.ui_part1 .part_box .img2_box ul li{
width: 280px;
height: 186px;
float: left;
margin-top: 10px;
margin-left: 10px;
}
.ui_part1 .part_box .img2_box ul li img{
width: 100%;
height: 100%;
}
.part_box2{
width: 100%;
margin: 0 auto;
padding-bottom: 20px;
}
.part_box2 ul {
padding-top: 20px;
}
.part_box2 ul li{
float: left;
width: 390px;
margin-left: 10px;
}
.part_box2 ul li img{
width: 100%;
}
.part_box3 {
width: 100%;
margin: 0 auto;
margin-top: 10px;
background: #ffffff;
padding-bottom: 10px;
}
.part_box3 .gd_box{
width: 100%;
height: 120px;
background: #30b5ef;
}
.part_box3 .title1{
font-size: 40px;
line-height: 60px;
text-align: center;
padding-top: 20px;
font-weight: bold;
color: #ffffff;
}
.part_box3 .title2{
font-size: 20px;
line-height: 30px;
text-align: center;
color: #ffffff;
}
.part_box3 .ca{
width: 1200px;
margin: 0 auto;
margin-top: 20px;
}
.part_box3 .ca img{
width: 100%;
}
.ui_part2{
width: 100%;
margin: 0 auto;
background: #ffffff;
height: auto;
margin-top:10px;
padding: 10px 0;
}
.ui_part2 .title_gd{
width: 100%;
height: 120px;
background: #30b5ef;
}
.ui_part2 .title1{
font-size: 40px;
line-height: 60px;
text-align: center;
padding-top: 20px;
font-weight: bold;
color: #ffffff;
}
.ui_part2 .title2{
font-size: 20px;
line-height: 30px;
text-align: center;
color: #ffffff;
}
.five_part .f_title{
font-size: 24px;
line-height: 40px;
text-align: center;
}
.five_part .five_box1 .five_t{
text-align: center;
background: #30b5ef;
width: 200px;
height: 200px;
border: 1px solid #ffffff;
border-radius: 100px;
}
.five_part .five_box1 .five_t .number{
line-height: 100px;
font-size: 50px;;
color: #ffffff;
}
.five_part .five_box1 .five_t .five_tt{
font-size: 30px;
color: #ffffff;
}
.uibutton{
width: 280px;
font-size: 20px;
line-height: 45px;
text-align: center;
color: #ffffff;
font-weight: bold;
background: #73d3fd;
border-radius: 24px;
margin: 0 auto;
margin-bottom: 10px;
margin-top: 20px;
background: -webkit-linear-gradient(left,#220bb0,#d14167 );
}
.ui_part1 .ui_ques {
width:1200px;
margin:0 auto;
padding-bottom: 40px;
}
.ui_part1 .ui_ques .ques_box{
width: 1200px;
text-align: center;
}
.ui_part1 .ui_ques .ques_box .ques1{
width: 300px;
float: left;
margin-left: 75px;
}
.ui_part1 .ui_ques .ques_box img{
width: 100px;
margin: 0 auto;
}
.ui_part1 .ui_ques .ques_box .qtitle{
font-size: 24px;
line-height: 28px;
font-weight: bold;
}
.ui_part1 .ui_ques .ques_box .qcont{
text-align: justify;
font-size: 18px;
line-height: 18px;
padding-top: 10px;
}
/* vr专业详情页面 */
.vr_box{
width: 100%;
margin: 0 auto;
background: #ffffff;
padding-top: 20px;
}
.vr_box .vr_gd{
width: 1200px;
margin: 0 auto;
}
.vr_box .vr_gd img{
width:524px;
height: 348px;
float: left;
}
.vr_box .t_box{
width: 646px;
height: 348px;
float: left;
margin-left: 30px;
padding-top: 20px;
}
.vr_box .t_box .vtitle{
text-align: center;
font-size: 32px;
line-height: 32px;
font-weight: bold;
padding-bottom: 25px;
border-bottom: 2px solid #9e9e9e;
}
.vr_box .t_box .ctitle{
font-size: 20px;
line-height: 40px;
padding-top:30px;
color:#606060;
text-align: justify;
height: 140px;
}
.vr_button{
width: 200px;
height: 60px;
line-height: 60px;
background:#f22e00;
border-radius: 10px;
text-align: center;
font-size: 20px;
color: #ffffff;
margin:0 auto;
margin-top:30px;
display: block;
}
.vr_box2 {
width: 100%;
background: #ecf0fa repeat;
padding-top: 60px;
margin-bottom: 40px;
}
.vr_box2 .t_box2{
width: 1200px;
margin:0 auto;
}
.vtitle2{
font-size: 40px;
line-height:100px;
text-align: center;
background: center center no-repeat;
}
.vr_box2 .t_box2 .vtitle2 span{
color: #f22e00;
}
.vr_box2 .t_box2 .ctitle2{
font-size: 20px;
line-height: 30px;
text-align: center;
width: 1200px;
padding-top:30px;
}
.vr_box2 .vr_vbox{
width: 1200px;
margin: 0 auto;
margin-top: 100px;
}
.vr_box2 .vr_vbox ul {
margin-bottom: 20px;
}
.vr_box2 .vr_vbox ul li {
margin-left: 60px;
}
.vr_box2 .vr_vbox .vr_vboxx{
width: 360px;
position: relative;
height: 266px;
cursor: pointer;
background: center center no-repeat;
float: left;
}
.vr_box2 .vr_vbox .vr_vboxx .icon{
position: absolute;
left: 150px;
top: -30px;
}
.vr_box2 .vr_vbox .vr_vboxx .gd_p{
width: 280px;
margin: 0 auto;
}
.vr_box2 .vr_vbox .vr_vboxx .p1{
color: #333333;
font-size: 22px;
font-weight: bold;
text-align: center;
line-height: 22px;
padding-top: 60px;
}
.vr_box2 .vr_vbox .vr_vboxx .p2{
padding-top: 20px;
font-size: 15px;
line-height: 20px;
text-align: justify;
color: #888;
}
.vr_box2 .vr_vbox .vr_vboxx1{
width: 360px;
position: relative;
height: 266px;
cursor: pointer;
background: center center no-repeat;
float: left;
}
.vr_box2 .vr_vbox .vr_vboxx1 .icon{
position: absolute;
left: 150px;
top: -30px;
}
.vr_box2 .vr_vbox .vr_vboxx1 .gd_p{
width: 280px;
margin: 0 auto;
}
.vr_box2 .vr_vbox .vr_vboxx1 .p1{
color: #333333;
font-size: 22px;
font-weight: bold;
text-align: center;
line-height: 22px;
padding-top: 60px;
}
.vr_box2 .vr_vbox .vr_vboxx1 .p2{
padding-top: 20px;
font-size: 15px;
line-height: 20px;
text-align: justify;
color: #888;
}
.vr_box2 .vr_vbox .vr_vboxx2{
width: 360px;
position: relative;
height: 266px;
cursor: pointer;
background: center center no-repeat;
float: left;
}
.vr_box2 .vr_vbox .vr_vboxx2 .icon{
position: absolute;
left: 150px;
top: -30px;
}
.vr_box2 .vr_vbox .vr_vboxx2 .gd_p{
width: 280px;
margin: 0 auto;
}
.vr_box2 .vr_vbox .vr_vboxx2 .p1{
color: #333333;
font-size: 22px;
font-weight: bold;
text-align: center;
line-height: 22px;
padding-top: 60px;
}
.vr_box2 .vr_vbox .vr_vboxx2 .p2{
padding-top: 20px;
font-size: 15px;
line-height: 20px;
text-align: justify;
color: #888;
}
.vr_box3{
width: 100%;
margin:0 auto;
background: #ffffff;
padding-top:40px;
padding-bottom: 40px;
}
.vr_box3 .box_3{
width: 1200px;
margin:0 auto;
text-align: center;
}
.vr_box3 .box_3 img{
margin-top: 20px;
}
.uixian{
width:100%;
border:1px dashed #ccc;
margin:10px 0;
}
.vr_box4 {
background: #687fe9 repeat;
width: 100%;
margin-top:10px;
padding-bottom: 30px;
}
.vr_box4 .box4_li{
width: 1200px;
margin: 0 auto;
margin-bottom: 20px;
}
.vr_box4 .vtitle2{
padding-top:40px;
color: #ffffff;
}
.vr_box4 .box4_li ul li{
width: 220px;
height: auto;
overflow: hidden;
float: left;
margin-left: 20px;
margin-top: 25px;
display: inline;
}
.vr_box4 .box4_li ul li img{
display: block;
margin: 0 auto;
}
.vr_box4 .box4_li ul li strong{
display: block;
font-size: 24px;
font-weight: bold;
text-align: center;
margin-top: 10px;
color: #fff;
}
.vr_box4 .box4_li ul li p{
font-size: 18px;
color: #fff;
text-align: center;
margin-top: 5px;
}
.vr_box5 {
width:100%;
background: #ffffff;
margin: 0 auto;
padding-top:20px;
padding-bottom: 30px;
}
.vr_box5 .vtitle{
font-size: 40px;
line-height: 50px;
text-align: center;
background: center center no-repeat;
}
.vr_box5 .ctitle{
font-size: 20px;
line-height: 30px;
text-align: center;
}
.vr_box5 .vr_boxx1{
width: 1100px;
margin: 0 auto;
position: relative;
margin-top: 20px;
}
.vr_box5 .vr_boxx1 img{
width:523px;
height: 248px;
float: left;
}
.vr_box5 .vr_boxx1 p{
position: absolute;
font-size: 30px;
left: 45px;
top: 132px;
}
.vr_box5 .vr_boxx1 .right{
float: right;
width: 510px;
height: 130px;
border: 5px solid #00a0ea;
overflow: hidden;
border-radius: 10px;
font-size: 19px;
padding-left: 25px;
padding-right: 25px;
padding-top: 10px;
padding-bottom: 10px;
line-height: 40px;
margin-top: 78px;
}
.vr_box6 {
width: 100%;
height: auto;
background-color: #ffffff;
padding-bottom: 20px;
}
.vr_box6 .boxx_6{
width: 1200px;
height: 1720px;
background: no-repeat center;
margin: 0 auto;
}
.vr_box6 .t_box3{
width: 1200px;
margin:0 auto;
}
.vr_box6 .t_box3 .vtitle2{
font-size: 40px;
line-height:80px;
text-align: center;
background: center center no-repeat;
}
.vr_box6 .t_box3 .vtitle2 span{
color: #f22e00;
}
.vr_box6 .t_box3 .ctitle2{
font-size: 20px;
line-height: 30px;
text-align: center;
width: 1200px;
}
.vr_box6 ul .l1{
width: 434px;
float: left;
margin-top: 154px;
margin-left: 88px;
display: inline;
}
.vr_box6 ul .l1 .top{
color: #8c7e7e;
font-size: 26px;
line-height: 86px;
text-align: center;
}
.vr_box6 ul .l1 .top span{
margin-right: 33px;
}
.vr_box6 ul .l1 li{
color: #333;
font-size: 16px;
line-height: 26px;
margin-top: 14px;
padding-left: 30px;
}
.vr_box6 ul .l1 .pic{
margin-top: 88px;
margin-left: 10px;
}
.vr_box6 ul .l2{
width: 432px;
float: right;
margin-top: 205px;
margin-right: 110px;
}
.vr_box6 ul .l2 .top{
color: #8c7e7e;
font-size: 26px;
line-height: 86px;
text-align: center;
}
.vr_box6 ul .l2 .top span{
margin-right: 55px;
}
.vr_box6 ul .l2 li{
color: #333;
font-size: 16px;
line-height: 26px;
margin-top: 13px;
padding-left: 30px;
}
.vr_box6 ul .l2 .pic{
margin-top: 20px;
margin-left: 10px;
}
.vr_box6 ul .l3{
width: 432px;
float: left;
margin-top: 35px;
}
.vr_box6 ul .l3 .top{
color: #7c868c;
font-size: 26px;
line-height: 86px;
text-align: center;
margin-left: 174px;
margin-top: 10px;
}
.vr_box6 ul .l3 .top span{
margin-right: 49px;
}
.vr_box6 ul .l3 li{
color: #333;
font-size: 16px;
line-height: 23px;
padding-left: 117px;
margin-top: 13px;
}
.vr_box6 ul .l3 .pic{
margin-top: 31px;
margin-left: 100px;
}
.vr_box6 ul .l4{
width: 432px;
float: right;
margin-top: 0;
margin-right: 100px;
}
.vr_box6 ul .l4 .top{
color: #7c868c;
font-size: 24px;
line-height: 86px;
margin-top: 50px;
margin-left: 23px;
}
.vr_box6 ul .l4 .top span{
margin-right: 49px;
}
.vr_box6 ul .l4 li{
color: #333;
font-size: 16px;
line-height: 26px;
padding-left: 20px;
margin-top: 13px;
}
.vr_box6 ul .l4 .pic{
margin-top: 64px;
}
.vr_button2{
width: 200px;
height: 60px;
line-height: 60px;
background:#f22e00;
border-radius: 10px;
text-align: center;
font-size: 20px;
color: #ffffff;
margin:0 auto;
display: block;
}
.vr_box7{
width: 100%;
height: auto;
background:#ffffff;
margin: 0 auto;
margin-top: 10px;
padding-bottom: 20px;
}
.vr_box7 .t_box2{
width: 1200px;
margin: 0 auto;
padding-bottom: 20px;
}
.vr_box7 .t_box2 .ctitle2{
font-size: 20px;
line-height: 30px;
text-align: center;
width: 1200px;
padding-top:30px;
}
.vr_box7 .lb_gd{
width: 1200px;
margin: 0 auto;
}
.public_box{
width: 100%;
margin: 0 auto;
background: #ffffff;
margin-top: 10px;
}
.public_box ul{
padding: 39px 0 20px;
overflow: hidden;
margin: 0 auto;
width: 1200px;
}
.public_box .wt1{
float: left;
width: 200px;
padding: 10px 0;
text-align: center;
}
.public_box li{
width:290px;
background: #e0e8ed;
float: left;
margin: 0 10px 0 0;
position: relative;
}
.public_box li p{
font-size: 20px;
line-height: 1.6em;
color: #060606;
margin: 0 0 10px;
}
.public_box li p span{
font-size: 1.25em;
display: block;
}
.public_box li img{
float: right;
margin-top: -28px;
width: 150px;
transition: all 0.1s ease;
position: absolute;
right: 0;
bottom: 0;
overflow: hidden;
}
.public_box li img:hover{transform: scale(1.1);}
.public_box .wt1 .wt_button{
display: inline-block;
background: #ff3361;
width: 100px;
font-size: 16px;
color: white;
line-height: 2em;
border-radius: 24px;
}
/* 电子竞技专业详情页 */
.dj_box{
background: bottom center no-repeat #edebec;
text-align: center;
padding: 60px 0;
}
.dj_box .djtitle{
width: 1200px;
margin: 0 auto;
}
.dj_box .djul_box{
width: 1200px;
margin: 0 auto;
}
.dj_box .djul_box li{
background: center center;
width: 390px;
float: left;
height: 63px;
text-align:center;
margin-top:10px;
margin-left: 10px;
}
.dj_box .djul_box li a{
font-size: 24px;
line-height: 63px;
font-weight: bold;
color: #ffffff;
}
.dj_box .but_box{
width: 1200px;
margin: 0 auto;
}
.dj_box .but_box a{
display: inline-block;
width: 233px;
height: 58px;
overflow: hidden;
box-sizing: border-box;
z-index: 2;
background: ;
line-height: 58px;
font-size: 24px;
color: white;
margin-top: 30px;
}
.dj_box2 {
background: bottom center no-repeat #edebec;
text-align: center;
padding: 60px 0;
}
.dj_box2 .djtitle{
width: 1200px;
margin:0 auto;
}
.dj_box2 .djtitle2{
color: #252525;
width: 1200px;
margin: 0 auto ;
font-size: 28px;
line-height: 40px;
}
.dj_box2 .djcoontent{
font-size: 18px;
color: #090a0a;
text-align: left;
text-indent: 2em;
line-height: 2em;
width: 1060px;
margin: 0 auto;
}
.dj_box2 .table_box{
width: 1200px;
margin: 0 auto;
}
.dj_box2 .table_box table{
width: 1200px;
margin: 0 auto;
border: 1px solid #9e9e9e;
}
.dj_box2 .table_box table .first_tr{
background:#ff0000;
height: 40px;
font-size: 17px;
line-height: 40px;
color: #fff;
padding: 5px;
font-weight: normal;
}
.dj_box2 .table_box table tr{
height: 40px;
font-size: 17px;
line-height: 40px;
padding: 5px;
font-weight: normal;
}
.dj_box2 .table_box table .bj{
background-color: #ccc;
}
.dj_button{
display: inline-block;
width: 233px;
height: 58px;
overflow: hidden;
box-sizing: border-box;
z-index: 2;
background: ;
line-height: 58px;
font-size: 24px;
color: white;
margin-top: 30px;
text-align: center;
}
.dj_box3{
text-align: center;
width: 100%;
background: #ffffff;
margin: 0 auto;
padding-top:30px;
padding-bottom: 30px;
}
.dj_box3 .djtitle{
width: 1200px;
margin: 0 auto;
}
.dj_box3 .djcoontent{
font-size: 18px;
color: #090a0a;
text-align: left;
text-indent: 2em;
line-height: 2em;
width: 1200px;
margin: 0 auto;
padding-top: 20px;
}
.dj_box3 .djimg{
width: 1200px;
margin:0 auto;
padding-top: 30px;
}
.dj_box3 .djimg ul li{
float:left;
width: 240px;
padding-top: 20px;
}
.dj_box3 .djimg ul li p{
margin: 0 auto;
font-size: 20px;
line-height: 1.6em;
color: #090a0a;
}
.dj_box4{
background: top center no-repeat #b9b9b9;
padding: 60px 0;
text-align: center;
margin: 0 auto;
overflow: hidden;
text-align: center;
}
.dj_box4 .djtitle{
width: 1200px;
margin: 0 auto;
}
.dj_box4 .cont1{
width: 1200px;
margin: 0 auto;
margin-top: 20px;
}
.dj_box4 .cont1 li{
float: left;
margin: 0 29px;
}
.dj_box4 .cont1 li span{
font-size: 20px;
line-height: 40px;
margin-top: 10px;
font-weight: normal;
display: block;
}
.dj_box4 .cont1 p{
font-size: 20px;
line-height: 40px;
margin: 10px auto;
background: linear-gradient(#f1e6c6, #aa956f);
width: 999px;
}
.dj_box4 .gd1_box4{
width: 1200px;
margin:0 auto;
padding-top: 20px;
}
.dj_box4 .gd1_box4 .djtitle{
width: 1200px;
margin: 0 auto;
}
.dj_box4 .gd1_box4 .ketx{
color: #252525;
width: auto;
margin: 0 auto ;
font-size: 28px;
padding: 20px 0;
}
.dj_box4 .gd1_box4 .kc_gd li{
width: 380px;
float: left;
height: 60px;
color: white;
font-size: 24px;
line-height: 60px;
margin: 7px;
}
.dj_box4 .gd1_box4 .tx1{
background: #118fa6;
}
.dj_box4 .gd1_box4 .tx2{
background: #17c6a7;
}
.dj_box4 .gd1_box4 .tx3{
background: #ff7900;
}
.dj_box4 .gd1_box4 .tx4{
background: #f14869;
}
.dj_box4 .gd1_box4 .tx5{
background: #8508b3;
}
.dj_box4 .gd1_box4 .tx6{
background: #d1a804;
}
.dj_box4 .gd1_box4 .kecheng li{
width: 580px;
float: left;
height: 380px;
color: #fff;
border: 6px solid #0c5bd3;
margin: 10px 20px 10px 0;
background: black;
box-sizing: border-box;
}
.dj_box4 .gd1_box4 .kecheng li .kc1{
width: 257px;
float: left;
padding: 16px 16px 0;
}
.dj_box4 .gd1_box4 .kecheng li .kc1 p{
font-size: 22px;
text-align: center;
margin: 0 0 24px;
}
.dj_box4 .gd1_box4 .kecheng li .kc2{
width: 260px;
float: left;
margin-top: 10px;
align-items: center;
}
.dj_box4 .gd1_box4 .kecheng li .kc2 p{
font-size: 16px;
text-align: left;
line-height: 16px;
margin: 0;
padding: 10px 0 0 0;
}
.dj_box4 .gd1_box4 .kecheng .ysbj{
border: 6px solid #f11b3a;
}
.dj_box4 .gd1_box4 .kecheng2{
width: 816px;
height: 175px;
padding: 0;
margin: 50px auto;
}
.dj_box4 .gd1_box4 .kecheng2 li{
width: 150px;
height: 150px;
background: #dc49d0;
border-radius: 50%;
border: 12px #42145a solid;
position: relative;
float: left;
margin: 0 15px;
}
.dj_box4 .gd1_box4 .kecheng2 li img{
margin: 26px auto 10px;
}
.dj_box4 .gd1_box4 .kecheng2 li p{
font-size: 18px;
color: white;
font-weight: normal;
width: 6em;
margin: 0 auto;
}
.dj_box4 .gd1_box4 .kecheng2 .bg1{
background: #7b3ce3;
}
.dj_box4 .gd1_box4 .kecheng2 li:hover .yin{
opacity: 1;
}
.dj_box4 .gd1_box4 .kecheng2 li .yin{
font-size: 18px;
color: #fff;
text-align: left;
width: 200px;
height: 200px;
background: #ad29a2;
position: absolute;
left: -25px;
top: -25px;
border-radius: 10px;
transition: all .4s;
opacity: 0;
margin: 0;
padding: 60px 18px 0;
line-height: 24px;
box-sizing: border-box;
}
.dj_box5{
background: top center no-repeat #020202;
overflow: hidden;
text-align: center;
padding-bottom: 50px;
}
.dj_box5 .djtitle3{
font-size: 40px;
line-height: 40px;
color: #ffffff;
font-weight: bold;
padding-top: 40px;
}
.dj_box5 .djcont3{
font-size: 20px;
line-height: 30px;
color: #ffffff;
padding-top:20px;
}
.dj_box5 .box5_img{
margin: 30px auto;
width: 1086px;
height: 464px;
padding: 0;
}
.dj_box5 .box5_img li{
float: left;
}
.dj_box5 .box5_img .cen{
width: 327px;
float: left;
margin: 51px 0 0 0;
}
.dj_box5 .box5_img .ri{
width: 388px;
float: right;
}
.dj_box5 .box5_img img{
float: left;
}
.dj_box6{
background: bottom center no-repeat #edebec;
text-align: center;
padding: 30px 0;
}
.dj_box6 .tit_gd{
width: 1200px;
white-space: pre-line;
display: inline-block;
padding-bottom:30px;
}
.dj_box6 .tit_gd .box6_content{
font-size: 18px;
color: #090a0a;
text-align: left;
text-indent: 2em;
line-height: 2em;
width: 1060px;
margin: 0 auto;
}
.dj_box6 img{
margin: 0 auto;
display: block;
}
.dj_box7 {
background: #000000;
width: 100%;
margin:0 auto;
padding-top: 30px;
padding-bottom: 30px;
text-align: center;
}
.dj_box7 .box7_title{
width: 1200px;
margin:0 auto;
text-align: center;
}
.dj_box7 .box7_cont{
width: 1100px;
margin-top: 25px;
background: center no-repeat;
height: 455px;
padding: 0 0 0 20px;
box-sizing: border-box;
margin: 30px auto;
}
.dj_box7 .box7_cont .fir{
margin: 0 0 0 -20px;
}
.dj_box7 .box7_cont div{
width: 233px;
height: 226px;
float: left;
line-height: 1.6;
margin: 0 0 0 200px;
}
.dj_box7 .box7_cont h3{
width: 200px;
margin: 15px auto;
font-size: 18px;
text-align: left;
color: #fff;
position: relative;
padding: 0 0 20px;
}
.dj_box7 .box7_cont h3::before {
content: "";
left: 0;
bottom: 0;
width: 100%;
height: 2px;
position: absolute;
background: linear-gradient(to right, transparent , #f6ef8c,transparent);
}
.dj_box7 .box7_cont p{
width: 200px;
margin: 10px auto;
font-size: 18px;
text-align: left;
color: #fffdde;
font-weight: normal;
}
.dj_box8{
background: top center no-repeat #231e1a;
overflow: hidden;
text-align: center;
padding: 60px 0;
position: relative;
height: 500px;
}
.dj_box8 .dj_title{
width: 1200px;
text-align: center;
font-size: 48px;
margin:0 auto;
color: #ffffff;
font-weight: bold;
}
/* 电子商务专业详情页 */
.ds_box{
width: 100%;
margin:0 auto;
background: #ffffff;
padding-bottom: 40px;
}
.ds_box .ds_gd{
width: 1000px;
margin:0 auto;
padding-top: 20px;
text-align: center;
}
.ds_box .ds_gd .ds_title{
font-size: 18px;
line-height: 30px;
text-indent: 2em;
color: #9e9e9e;
text-align:justify;
}
.ds_box .ds_gd .ds_title1{
font-size: 40px;
line-height: 50px;
font-weight: bold;
padding-top: 40px;
color: #4a4947;
letter-spacing:6px;
}
.ds_box .ds_gd .ds_title1 span{
color: #f39c37;
}
.ds_box .ds_gd p{
text-align: left;
margin-left:200px;
padding-top: 10px;
font-size: 20px;
line-height: 30px;
color: #4a4947;
font-weight: bold;
letter-spacing:4px;
}
.ds_box .ds_gd p span{
color: #f39c37;
}
.ds_box .ds_gd2{
width:1000px;
margin:0 auto;
text-align: center;
padding-bottom: 30px;
}
.ds_box .ds_gd2 .ds_title{
font-size: 40px;
line-height: 50px;
font-weight: bold;
padding-top: 40px;
color: #4a4947;
letter-spacing:6px;
}
.ds_box .ds_gd2 .ds_title1{
color: #f39c37;
font-size: 25px;
line-height: 35px;
}
.ds_box .ds_gd2 p{
width: 800px;
margin:0 auto;
text-align: center;
font-size: 16px;
height: 36px;
line-height: 36px;
background: #f39a32;
margin-top: 15px;
border-radius: 18px;
color: #ffffff;
}
.ds_box .ds_gd2 .p1{
background:#4a4947;
}
.ds_box .ds_gd3 table{
border: 1px solid #000000;
width:800px;
margin: 0 auto;
text-align: center;
}
.ds_box .ds_gd3 table tr{
border: 1px solid #000000;
}
.ds_box .ds_gd3 table tr td{
border: 1px solid #000000;
text-align: left;
background: #fee0bc;
}
.ds_box .ds_gd3 table .tr1 td{
height: 40px;
background: #fd7c28;
}
.ds_box .ds_gd3 .tr1 td{
font-size: 20px;
line-height: 40px;
text-align: center;
}
.ds_box .ds_gd3 table .td1{
background: #fd7c28;
width: 100px;
text-align: center;
}
.ds_box .ds_gd3 table .td2{
width: 250px;
}
/* 4d影视动漫与游戏设计详情页 */
.dm_banner{
width: 100%;
background: #ffffff;
margin: 0 auto;
/* padding-top: 92px; */
}
.dm_banner img{
width: 100%;
display: block;
}
.dm_box {
background: #ffffff;
margin: 0 auto;
width: 100%;
margin-top: 10px;
padding-bottom: 30px;
}
.dm_box .dm_ul{
width: 1150px;
margin: 0 auto;
padding-top: 20px;
}
.dm_box .dm_ul>li{
float: left;
margin: 14px 14px 14px 14px;
}
.dm_box .dm_ul>li img{
width: 100%;
}
.dm_title{
text-align: center;
font-size: 36px;
line-height: 72px;
font-weight: bold;
}
.dm_button{
width: 300px;
height: 60px;
line-height: 60px;
background:#ffd200;
border-radius: 10px;
text-align: center;
font-size: 20px;
color: #f40426;
margin:0 auto;
display: block;
margin-top: 20px;
}
.dm_box .dm_part {
width: 1200px;
margin:0 auto;
}
.dm_box .dm_part p{
text-align: center;
font-size: 24px;
line-height: 48px;
}
.dm_box .dm_part .dm_ul2>li{
width: 540px;
float: left;
box-shadow: 0 0 10px #d6d6d6;
margin: 10px;
border-radius: 10px;
padding: 30px;
box-sizing: border-box;
}
.dm_box .dm_part .dm_ul2>li strong{
display: block;
font-size: 24px;
color: #ef4605;
line-height: 48px;
text-align: center;
height: 95px;
}
.dm_box .dm_part .dm_ul2>li p{
text-align: justify;
font-size: 18px;
line-height: 36px;
}
.dm_box .dm_part .dm_ul2 li ul li{
float: left;
margin: 0 9px;
}
.dm_box2{
background: #ffffff;
width: 100%;
margin:0 auto;
margin-top: 10px;
padding-bottom:30px;
}
.dm_title_gd{
width: 1200px;
margin:0 auto;
padding-top: 30px;
}
.dm_title2{
text-align: center;
font-size: 24px;
line-height: 48px;
}
.t1{
text-align:justify;
text-indent:2em;
}
.dm_kc{
background: center no-repeat;
height: 454px;
}
.dm_kc li{
width: 270px;
float: left;
margin: 0 580px 0 0;
}
.dm_kc .dm_li{
margin-right: 0!important;
}
.dm_kc ul {
width: 1120px;
margin: 0 auto;
overflow: hidden;
padding: 130px 0 0;
}
.dm_kc ul strong{
display: block;
font-size: 28px;
color: #fff;
line-height: 56px;
}
.dm_kc ul p{
font-size: 18px;
color: #fff;
line-height: 32px;
margin: 0;
}
.k2{
background: center no-repeat;
}
.k3{
background: center no-repeat;
}
.dm_box3{
background: #ffffff;
width: 100%;
margin: 0 auto;
padding-bottom: 30px;
margin-top: 10px;
}
.dm_box3 ul{
width: 1200px;
margin: 0 auto;
}
.dm_box3 ul li{
width: 380px;
float: left;
padding-left: 20px;
}
.dm_box4{
background: center no-repeat;
margin:0 auto;
padding-bottom: 30px;
}
.dm_box4 .t2{
color: #ffffff;
}
.dm_box4 .t3{
color: #ffffff;
}
.dm_box4 img{
width: 100%;
margin: 0 auto;
padding-top: 20px;
}
.dm_box5{
width: 100%;
background: #ffffff;
margin: 0 auto;
margin-top: 10px;
padding:20px 0px;
}
.dm_title3{
text-align: center;
font-size: 32px;
line-height: 32px;
width: 130px;
margin: 0 auto;
border-bottom:6px solid #f50f25;
padding-bottom: 10px;
padding-top: 20px;
}
.dm_box5 .dm5_ul {
width: 1200px;
margin: 0 auto;
padding-top: 20px;
padding-left:70px;
}
.dm_box5 .dm5_ul li{
float: left;
}
.dm_box5 .dm5_ul2{
width: 1200px;
margin: 0 auto;
padding-top: 20px;
}
.dm_box5 .dm5_ul2 li{
width: 380px;
float: left;
margin-left: 20px;
margin-top: 20px;
}
.dm_box5 .dm5_ul3{
width: 1200px;
margin: 0 auto;
padding-top: 20px;
}
.dm_box5 .dm5_ul3 li{
float: left;
width: 300px;
height: auto;
}
.dm5_ul3 li .dm5_div{
width: 300px;
height: 240px;
overflow: hidden;
background: #fc6c5b repeat;
}
.dm5_ul3 li .dm5_div h3{
font-size: 24px;
color: #fff;
text-align: center;
line-height: 48px;
padding-top: 20px;
}
.dm5_ul3 li .dm5_div p{
width: 260px;
margin:0 auto;
text-indent: 2em;
text-align: justify;
font-size: 16px;
color: #fff;
line-height: 2em;
}
.dm5_ul3 li img{
width: 300px;
height: 240px;
display: block;
}
.dm5_ul3 .dm5_li .d2{
background: #11b5b8 repeat;
}
.dm5_ul3 .dm5_li .d3{
background: #d55203 repeat;
}
.dm5_ul3 .dm5_li .d4{
background: #8dbf67 repeat;
}
/* 人工智能 */
.public_banner img{
width: 100%;
margin:0 auto;
display: block;
/* /* padding-top: 92px; */
}
.rg_box{
background: #161c8c;
width: 100%;
margin: 0 auto;
padding: 30px 0;
text-align: center;
}
.rg_t_gd{
width: 1200px;
margin: 0 auto;
}
.rg_t_gd .rg_title{
font-size: 36px;
line-height: 72px;
text-align: center;
color: #ffffff;
font-weight: bold;
}
.rg_t_gd .rg_title2{
font-size: 18px;
color: #ffffff;
text-indent: 2em;
line-height: 36px;
width: 1200px;
margin: 0 auto 1em;
text-align: justify;
}
.rg_t_gd .rg_title3{
font-size: 18px;
color: #ffffff;
line-height: 36px;
width: 1200px;
margin: 0 auto 1em;
text-align: center;
}
.rg_box ul{
width: 1200px;
margin: 0 auto;
text-align: center;
}
.rg_box ul li{
width: 260px;
float: left;
border:3px solid #1052a0;
border-radius: 10px;
height: 200px;
margin: 10px 34px 10px 0;
}
.rg_box ul li img{
margin: 20px 90px 10px;
}
.rg_box ul li p{
text-align: center;
margin: 0 auto;
font-size: 20px;
color: white;
font-weight: bold;
line-height: 40px;
}
.rg_button{
display: inline-block;
height: 72px;
font-size: 24px;
line-height: 72px;
color: white;
font-weight: bold;
background: center/100% 100%no-repeat;
padding: 0 50px;
min-width: 300px;
box-sizing: border-box;
margin-top: 20px;
}
.rg_box2{
background: #010543;
text-align: center;
width: 100%;
padding: 30px 0px;
}
.rg_box2 .rg2_ul1{
width: 1200px;
margin: 0 auto;
}
.rg_box2 .rg2_ul1 li{
width: 280px;
float: left;
margin: 0 20px 0 0;
}
.rg_box2 .rg2_ul1 li p{
margin: 0.8em auto 0;
font-size: 18px;
color: #2dabff;
line-height: 1.6em;
}
.rg_box2 .rg2_box{
width: 1200px;
margin: 0 auto;
padding-top: 20px;
}
.rg_box2 .rg2_box>img{
width: 100%;
margin: 0 auto;
}
.rg2_box .rg2_ul2{
width: 1200px;
margin: 0 auto;
padding-top: 30px;
}
.rg2_box .rg2_ul2 li{
box-sizing: border-box;
float: left;
width: 400px;
text-align: center;
height: 357px;
border: 1px solid #387cf8;
padding-top: 32px;
}
.rg2_box .rg2_ul2 li h3{
font-size: 22px;
line-height: 44px;
color: #fff;
text-align: center;
margin-bottom: 32px;
}
.rg2_box .rg2_ul2 li h3 span{
font-size: 34px;
}
.rg2_box .rg2_ul2 li p{
font-size: 16px;
line-height: 32px;
color: #aaaaaa;
font-weight: normal;
text-align: center;
width: 300px;
margin: 0 auto;
padding-bottom: 13px;
}
.rg2_ul2 .rg2_button{
width: 100%;
height: 80px;
background-color: #05e5f3;
font-size: 18px;
line-height: 80px;
color: #0c0e28;
font-weight: normal;
text-align: center;
display: block;
}
.rg_box3{
margin:0 auto;
background: #010543;
text-align: center;
width: 100%;
text-align: center;
padding-bottom: 30px;
}
.rg_box3 ul{
margin: 30px auto;
color: #2dabff;
width: 1120px;
overflow: hidden;
padding: 0 157px;
box-sizing: border-box;
}
.rg_box3 ul li{
float: left;
width: 373px;
height: 247px;
margin: 10px 15px;
}
.rg_box3 ul li img{
width: 373px;
height: 247px;
}
.rg_box4 {
background: center -20px no-repeat #020202;
padding: 30px 0;
text-align: center;
}
.rg_box4 .zhanwei{
margin: 30px auto;
height: 428px;
}
.rg_box5{
background: #010543;
text-align: center;
width: 100%;
padding: 30px 0;
}
.rg_box5 .rg5_ul{
width: 1060px;
margin: 30px auto;
padding: 0;
}
.rg_box5 .rg5_ul>li{
overflow: hidden;
margin: 30px auto;
text-align: left;
position: relative;
padding: 0 0 18px;
}
.rg_box5 .rg5_ul>li::after {
content: "";
position: absolute;
width: 0;
left: 0;
right: 0;
height: 100%;
border: 7px #01c8fd;
border-right-style: dotted;
margin: auto;
}
.rg_box5 .rg5_ul>li .l{
background: no-repeat 15px bottom;
width: 50%;
position: relative;
float: left;
height: 230px;
padding: 0 0 0 110px;
box-sizing: border-box;
border: 7px #01c8fd;
margin: 0;
}
.rg_box5 .rg5_ul>li .l span{
position: absolute;
left: 46px;
top: 36px;
font-size: 56px;
line-height: 56px;
color: #010544;
width: 1em;
text-align: center;
}
.rg_box5 .rg5_ul>li .l h5{
font: 30px/36px "";
color: #01c8fd;
left: 110px;
margin: 0 0 37px;
text-indent: 24px;
position: absolute;
}
.rg_box5 .rg5_ul>li .l small{
font: bold 18px/24px "";
color: #01c8fd;
text-indent: 24px;
display: block;
position: absolute;
top: 80px;
}
.rg_box5 .rg5_ul>li .l p{
font: 14px/26px "";
color: white;
width: 350px;
position: absolute;
top: 120px;
text-align: left;
}
.rg_box5 .rg5_ul>li .r{
width: 50%;
float: left;
padding: 18px 50px 0;
box-sizing: border-box;
text-align: left;
}
.rg_box5 .rg5_ul>li .r h5{
font: bold 18px/24px "";
color: #01c8fd;
margin: 0;
}
.rg_box5 .rg5_ul>li .r p{
font: 14px/24px "";
color: #ffffff;
margin: 3px 0 0;
}
.rg_box5 .rg5_ul>li .fr{
float: right;
border-right-style: none;
}
.rg_box5 .rg5_ul .l ul{
padding: 0;
margin: 7em 0;
}
.rg_box5 .rg5_ul .l ul li{
font: 14px/30px "";
color: #ffffff;
float: left;
width: 44%;
white-space: nowrap;
}
.rg_box6{
margin: 0 auto;
background: #010543;
text-align: center;
width: 100%;
padding-bottom: 30px;
}
.rg_box6 ul{
margin: 30px auto;
color: #2dabff;
width: 1120px;
overflow: hidden;
box-sizing: border-box;
padding: 0;
}
.rg_box6 ul li{
float: left;
margin: 7px 16px 7px 0;
}
.rg_box6 ul .margin_r_0{
margin-right: 0!important
}
.rg_box7{
margin: 0 auto;
background: #010543;
text-align: center;
width: 100%;
padding-bottom: 30px;
}
.rg_box7 .rg7_t{
background: #010544;
position: relative;
z-index: 2;
margin: 0 auto;
display: inline-block;
padding: 0 1em;
}
.rg_box7 .rg7_box{
position: relative;
height: 304px;
margin: -34px 0 30px;
z-index: 0;
padding: 50px 0 40px;
border: 1px solid #0b22eb;
}
.rg_box7 .rg7_box ul {
float: left;
margin: 0 30px;
padding: 0;
text-align: left;
width: 499px;
}
.rg_box7 .rg7_box ul li{
color: #05e5f3;
border-bottom: 1px solid #0b22eb;
font-size: 18px;
line-height: 60px;
height: 60px;
}
.rg_box7 .rg7_box ul .la{
border:none;
}
.rg_box7 .rg7_box ul li p{
margin: 0 auto;
float: left;
}
.rg_box7 .rg7_box ul li a{
color: white;
float: right;
background: #2d52e4;
width: 110px;
height: 40px;
text-align: center;
line-height: 40px;
border-radius: 5px;
margin: 10px;
background: linear-gradient(to right, #3046e3 , #07d3ea);
}
/* 5g网络与信息安全 */
.safe_box{
width:100%;
background: #ffffff;
padding: 30px 0 ;
}
.safe_box .safe_img{
width: 395px;
margin: 0 auto;
}
.safe_box .wl{
width: 1200px;
margin: 0 auto;
height: 590px;
position: relative;
}
.wl .wl_l{
position: absolute;
left: -390px;
}
.wl .wl_l img{
width: 983px;
}
.safe_box .wl_r{
width: 500px;
height: 500px;
position: absolute;
right: 0px;
margin-top: 40px;
text-align: left;
}
.safe_box .wl_r .wl_r_t{
width: 100%;
height: 140px;
margin-top: 25px;
}
.wl_r_t .wl_r_t1{
width: 80px;
float: left;
font-size: 106px;
color: #467aff;
}
.wl_r_t .wl_r_t2 {
width: 400px;
float: right;
}
.wl_r_t .wl_r_t2 h3{
font-size: 24px;
color: #467aff;
}
.wl_r_t .wl_r_t2 p{
font-size: 18px;
color: #767676;
line-height:30px;
margin-top: 10px;
}
.safe_button{
width: 500px;
margin: 0 auto;
margin-top: 40px;
background: #1e6fc3;
line-height: 45px;
font-size: 28px;
text-align: center;
font-weight: bold;
letter-spacing: 1px;
border-radius: 25px;
display: block;
color: #ffffff;
}
.safe_box2{
width: 100%;
background: center no-repeat;
height: 778px;
padding-top: 30px;
}
.safe_box2 .s2_box{
width: 1100px;
height: 600px;
margin: 0 auto;
text-align: center;
margin-top: 30px;
}
.s2_box p{
font-size: 18px;
text-align: center;
margin-top: 15px;
color: #fff;
}
.s2_box .s2_ul{
width: 100%;
margin-top: 20px;
height: 385px;
}
.s2_ul .s2_ul2{
width: 200px;
float: left;
height: 340px;
}
.s2_ul2 li{
height: 60px;
margin-top: 23px;
}
.s2_ul2 li p{
text-align: right;
font-size: 18px;
color: #70faff;
font-weight: bold;
line-height: 18px;
}
.s2_ul2 .last{
margin-top: 112px;
}
.s2_ul .r{
float: right;
}
.s2_ul .r li p{
text-align: left;
}
.safe_box3{
background: #ffffff;
width: 100%;
margin: 0 auto;
text-align: center;
padding: 30px 0;
}
.safe_box3 .s3_title{
width: 1200px;
text-align: center;
margin: 0 auto;
font-size: 18px;
color: #727272;
}
.s3box_img{
width:1200px;
margin: 0 auto;
}
.s3box_img .s3_img{
width: 431px;
float: left;
}
.s3box_img .s3_img2{
width: 769px;
float: right;
margin-top: 35px;
}
.s3box_img .s3_img2 img{
margin-top: 20px;
margin-left: 20px;
}
.safe_box4{
background: #ffffff;
width: 100%;
padding: 30px 0;
}
.safe_box5{
background: #ffffff;
width: 100%;
padding: 30px 0;
margin:0 auto;
}
.s5_box {
width: 1200px;
margin: 0 auto;
}
.s5_box .s5_box_1{
width: 530px;
float: left;
height: 250px;
}
.s5_box_1 h3{
font-size: 30px;
text-align: left;
line-height: 50px;
margin-top: 30px;
}
.s5_box_1 p{
font-size: 30px;
text-align: left;
line-height: 50px;
font-weight: normal;
color: #565656;
}
.s5_box_1 .safe_button2{
line-height: 45px;
width: 420px;
border: 2px solid #9e9e9e;
font-size: 24px;
text-align: center;
color: #000;
margin-top: 30px;
}
.s5_box_2{
width: 609px;
float: right;
}
.safe_box5 ul {
width: 1200px;
margin: 0 auto;
}
.safe_box5 ul li{
width: 390px;
float: left;
}
.safe_box5 ul li img{
width: 100%;
}
.safe_box5 ul .yi{
margin-left: 15px;
margin-right: 15px;
}
/* 大数据 */
.dpublic_banner{
/* /* padding-top: 92px; */ */
}
.dpublic_banner img{
width: 100%;
display: block;
}
.dsj_box{
width:100%;
background: #ffffff;
margin:0 auto;
padding:20px 0;
}
.dsj_box ul{
width: 1200px;
margin: 0 auto;
text-align:center;
}
.dsj_box ul li{
float: left;
margin: 0 auto;
width: 400px;
}
.dsj_box ul li p{
font-size: 22px;
padding: 15px 0 0 0;
}
.dsj_box ul li .p1{
font-weight: bold;
color: #3075f7;
}
.dsj_box2 {
width:100%;
background: #ffffff;
margin:0 auto;
padding:20px 0;
margin-top: 10px;
}
.dsj_dg_t {
width: 1200px;
margin: 0 auto;
}
.dsj_dg_t .dsj_title{
font-size: 40px;
font-weight:bold;
text-align: center;
line-height: 80px;
}
.dsj_dg_t .dsj_title2{
font-size: 22px;
text-align: center;
line-height: 44px;
}
.dsj_dg_t2{
width: 1200px;
background: #30b5ef;
margin: 0 auto;
border-radius: 10px;
padding:20px;
margin-bottom: 30px;
}
.dsj_dg_t2 p{
font-size: 22px;
line-height: 44px;
color: #ffffff;
}
.dsj_button{
display: inline-block;
font-size: 26px;
height: 67px;
font-weight: 700;
padding: 0 39px;
text-align: center;
line-height: 67px;
color: #fcff00;
background: no-repeat;
background-size: 100% 100%;
margin-left: 50%;
transform: translatex(-50%);
margin-top: 30px;
}
.dsj_box3{
width:100%;
background: #181d49;
margin:0 auto;
padding:30px 0;
margin-top: 10px;
}
.dsj_dg_t .d3_t1{
color: #ffffff;
}
.dsj_dg_t .d3_t1 span{
color: #3ebdff;
}
.dsj_dg_t .d3_t2{
color: #ffffff;
}
.public_ke_box{
width: 100%;
background: #ffffff;
margin: 0 auto;
padding: 60px 0;
margin-top:10px;
text-align: center;
}
.public_ke_box .pub_gd{
width: 1200px;
margin: 0 auto;
text-align: center;
}
.pub_gd .pub_title{
font-size: 40px;
font-weight: bold;
text-align: center;
line-height: 80px;
}
.pub_gd .pub_title2{
font-size: 22px;
text-align: center;
line-height: 44px;
}
.public_ke_box .ke_box{
position: relative;
width: 1000px;
margin: 0 auto;
padding: 40px 0 40px 40px;
border: 2px #333 solid;
height: auto;
margin-top: 60px;
}
.ke_box .kc_jd{
position: absolute;
left: 190px;
top: -31px;
font-size: 32px;
color: #333;
background-color: #fff;
width: 200px;
height: 60px;
text-align: center;
line-height: 60px;
}
.ke_box .kc_jd2{
position: absolute;
right: 50px;
bottom: -39px;
width: 270px;
height: 100px;
text-align: center;
line-height: 100px;
border-radius: 10px;
font-size: 25px;
background-color: #3075f7;
color: #fff;
}
.ke_box .kc_jd2 span{
font-size: 70px;
font-weight: bold;
}
.ke_box .ke_con{
/* padding-bottom: 80px; */
width: 500px;
}
.ke_box .ke_con p{
font-size: 18px;
line-height:36px;
color: #333;
text-align: center;
}
.ke_box .kc_img{
width: 425px;
height: 203px;
overflow: hidden;
margin-right: 40px;
border: 1px solid #aaaaaa;
}
.ke_box .kc_img img{
width: 425px;
height: 203px;
display: block;
}
.ke_box .fr{
float: right;
}
.dsj_pub_img img{
width: 100%;
margin:0 auto;
display: block;
padding-top: 20px;
}
.dsj_box4{
background: #ffffff;
width: 100%;
margin: 0 auto;
padding:30px 0;
}
.dsj_box4 ul{
width:1200px;
margin:0 auto;
}
.dsj_box4 ul li{
width: 400px;
float: left;
}
.dsj_box4 ul li img{
width: 390px;
margin:0 auto;
}
.dsj_box4 ul li p{
text-align: center;
font-size: 20px;
padding-top: 20px;
}
.dsj_box5{
background: #ffffff;
width: 100%;
margin: 0 auto;
padding:30px 0;
}
.dsj_box5 ul{
width:1200px;
margin:0 auto;
}
.dsj_box5 ul li{
width: 400px;
float: left;
}
.dsj_box5 ul li img{
width: 390px;
margin:0 auto;
}
.dsj_box5 ul li p{
text-align: center;
font-size: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
.dsj_box6{
background: #ffffff;
width: 100%;
margin: 0 auto;
padding:30px 0;
margin-top: 10px;
}
/* web前端 */
.web_box{
width: 100%;
background: #ffffff;
padding: 40px 0;
text-align: center;
}
.web_gd_t{
width: 1200px;
margin:0 auto;
text-align: center;
}
.web_gd_t .web_t{
font-size: 42px;
line-height: 1.2em;
margin: 0 0 0.2em;
background-image: -webkit-linear-gradient(right,#1e9dff,#1e9dff,#4736af,#4736af);
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
position: relative;
width: auto;
padding: 0 70px;
font-weight: bold;
}
.web_gd_t .web_t::before{
content: "";
position: absolute;
left: 0;
top: 0;
background: no-repeat;
height: 54px;
width: 45px;
}
.web_gd_t .web_t::after{
content: "";
position: absolute;
right: 0;
top: 0;
background: right no-repeat;
width: 34px;
height: 54px;
}
.web_gd_t p{
font-size: 18px;
line-height: 2em;
margin: 0 auto 0.2em;
width: 1120px;
}
.web_box .w1_box{
width:1120px;
text-align: center;
margin: 30px auto;
padding: 0 0 10px;
}
.w1_box .w1_ul{
overflow: hidden;
padding: 0;
background: no-repeat;
margin: 24px auto;
width: 1040px;
background-position: 1px 0!important;
}
.w1_box .l2{
width: 520px;
background-position: top right!important;
}
.w1_ul li{
font-size: 20px;
float: left;
width: 130px;
padding: 54px 0 0 0;
line-height: 1.6em;
}
.qus li{
text-align: center;
height: 50px;
line-height: 50px;
float: left;
color: #fefeff;
font-size: 20px;
padding: 0 1em;
}
.qus .q_l1{
margin: 12px 0 0 94px;
background: #7d5aff;
}
.qus .q_l2{
margin: 0 0 0 55px;
background: #4a7fe0;
}
.qus .q_l3{
margin: 12px 0 0 58px;
background: #5d6dff;
}
.qus .q_l4{
margin: 12px 0 0 68px;
background: #61b7ff;
}
.qus .q_l5{
margin: 20px 0 0 0px;
background: #61b7ff;
}
.qus .q_l6{
margin: 35px 0 0 62px;
background: #4a7fe0
}
.qus .q_l7{
margin: 30px 0 0 63px;
background: #7462ff;
}
.qus .q_l8{
margin: 30px 0 0 59px;
background: #5e6dff;
}
.web_button{
display: inline-block;
width: 380px;
height: 64px;
line-height: 62px;
text-align: center;
color: #fff;
font-size: 24px;
margin: 0;
border-radius: 40px;
background: linear-gradient(to right, #3e56ff , #8d11ff);
margin-top: 30px;
}
.web_box2{
width: 100%;
background: #ffffff;
padding: 40px 0;
text-align: center;
margin: 0 auto;
margin-top: 10px;
}
.web_box2 .w2_box{
width: 1200px;
margin:0 auto;
text-align: center;
padding-top: 30px;
}
.w2_box .w2_ul li{
float: left;
width: 600px;
}
.w2_ul li p{
color: #333;
font-size: 20px;
line-height: 30px;
margin: 0 auto;
}
.w2_box .notice{
color: #999;
font-size: 16px;
line-height: 34px;
text-align: center;
padding: 0;
margin: 0 auto;
}
.web_box3{
width: 100%;
margin:0 auto;
margin-top: 10px;
background: #ffffff;
padding: 40px 0;
text-align: center;
}
.web_box3 ul{
width: 1200px;
margin: 0 auto;
padding-top: 20px;
}
.web_box3 ul li{
width: 400px;
float: left;
}
.web_box4{
width: 100%;
margin:0 auto;
margin-top: 10px;
background: #ffffff;
padding: 40px 0;
text-align: center;
}
.w4_box {
background: center no-repeat;
overflow: hidden;
margin: 30px auto;
width: 1200px;
}
.w4_box .le{
float: left;
padding: 0 0 0 3px;
width: 500px;
}
.w4_box li{
text-align: left;
border-bottom: 1px dashed #422adc;
position: relative;
height: 170px;
box-sizing: border-box;
width: 440px;
padding: 70px 0 0 0;
}
.w4_box li::after{
content: "";
position: absolute;
left: -3px;
bottom: -3px;
width: 5px;
height: 5px;
border: 1px solid #422adc;
border-radius: 50%;
background: #f4f3f8;
}
.w4_box li::before{
content: "";
position: absolute;
right: -50px;
bottom: 12px;
border-bottom: 1px dashed #422adc;
width: 50px;
transform: rotate(-30deg);
}
.w4_box .tp{
height: 100px;
width: 390px;
padding: 0;
}
.w4_box .ce{
width: 334px;
}
.w4_box li h5{
color: #1b1a1a;
width: 260px;
margin: 0;
font-size: 22px;
line-height: 1.6em;
}
.w4_box li p{
color: #5c5959;
margin-top: 7px;
font-size: 17px;
line-height: 1.4em;
}
.w4_box .ri {
float: right;
padding: 0 3px 0 0;
width: 500px;
}
.w4_box .ri li{
float: right;
}
.w4_box .ri li::before{
left: -50px;
bottom: 12px;
transform: rotate(30deg);
}
.w4_box .ri li::after{
right: -3px;
left: initial;
}
.w4_box .ri div{
float: right;
min-width: 280px;
}
.web_box5{
background: linear-gradient(#4533fd, #4533fd);
text-align: center;
padding: 60px 0;
margin-top: 10px;
}
.web_gd_t .td1{
background-image: -webkit-linear-gradient(right,#5bebd2,#5cebd2,#f04966,#f04966);
}
.web_gd_t .w5_p{
color: #ffffff;
text-align: center;
}
.web_box5 .w5_box{
background: center no-repeat;
overflow: hidden;
margin: 30px auto;
width: 1200px;
}
.w5_box .left{
float: left;
}
.w5_box .right{
float: right;
}
.web_box5 .b2{
background: #ffffff;
color:#4533fd;
}
/* 短视频 */
.dsp_box{
background: #ffffff;
width: 100%;
margin:0 auto;
text-align: center;
background: no-repeat;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
padding: 40px 0;
}
.dsp_gd_t{
width: 1200px;
margin: 0 auto;
}
.dsp_gd_t .dsp_t{
font-size: 40px;
font-weight:bold;
text-align: center;
line-height: 80px;
}
.dsp_gd_t .dsp_t span{
color:#f04d73;
}
.dsp_gd_t .dsp_t2{
font-size: 22px;
text-align: center;
}
.d1_box ul{
width: 1200px;
margin: 0 auto;
text-align: center;
}
.d1_box ul li{
float: left;
width: 340px;
background: #ffffff;
padding: 20px;
margin: 0 10px;
height: 330px;
}
.d1_box ul li p{
font-size: 22px;
padding-top: 20px;
}
.d1_box ul li span{
font-size: 18px;
color: #969696;
padding: 25px 26px 20px 26px;
text-align: justify;
display: block;
}
.dsp_button{
margin: 0 auto;
margin-top: 40px;
background: #f04d73;
line-height: 60px;
font-size: 28px;
text-align: center;
font-weight: bold;
letter-spacing: 1px;
border-radius: 40px;
display: block;
color: #ffffff;
width:30%;
/* display: inline-block;
padding: 0 40px; */
}
.dsp_box2{
background: no-repeat;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
padding: 40px 0;
text-align: center;
margin:0 auto;
}
.dsp_box2 .dsp_gd_t .dsp_t1{
color: #ffffff;
padding-bottom: 40px;
}
.public_imgbox img{
width: 100%;
display: block;
}
.dsp_box3{
width: 100%;
background: #ffffff;
padding: 40px 0;
text-align: center;
margin:0 auto;
margin-top: 10px;
}
.dsp_box3 ul{
width: 1200px;
margin:0 auto;
padding-top: 20px;
}
.dsp_box3 ul li{
width: 380px;
margin:0 10px;
float: left;
margin: 10px 2px 10px 18px;
}
.dsp_box3 ul li img{
width: 100%;
}
.dsp_box3 ul li p{
font-size: 20px;
padding-top: 20px;
}
.dsp_box4{
width: 100%;
background: #ffffff;
padding: 40px 0;
text-align: center;
margin:0 auto;
margin-top: 10px;
}
.dsp_box4 ul{
width: 1200px;
margin:0 auto;
padding-top: 20px;
}
.dsp_box4 ul li{
width: 280px;
margin:0 10px;
float: left;
margin: 10px 2px 10px 18px;
}
.dsp_box4 ul li img{
width: 100%;
}
.dsp_box4 ul li p{
font-size: 20px;
padding-top: 20px;
}
/* 短期精品专业 */
.short_box{
width: 100%;
background: no-repeat;
overflow: hidden;
/* background: #7e35fd; */
margin: 0 auto;
padding-top: 60px;
background-size: 100%;
}
.short_box .sh_bj{
width: 100%;
background: #7e35fd;
margin: 0 auto;
padding-bottom: 60px;
}
.short_box .s_box{
width: 1200px;
border: 7px solid #ffdd39;
position: relative;
padding-bottom: 60px;
margin: 0 auto;
background: #7e35fd;
}
.s_box>p{
width: 382px;
height: 70px;
line-height: 70px;
border-radius: 50px;
border: 6px solid #fff100;
position: absolute;
background: #7e35fd;
top: -40px;
left: 0;
right: 0;
font-size: 40px;
color: #fff;
font-weight: 700;
font-style: italic;
text-align: center;
margin: 0 auto;
}
.s_box .short_dh{
width: 1200px;
display: flex;
justify-content: space-around;
margin-top: 60px;
}
.short_dh p{
height: 54px;
line-height: 54px;
text-align: center;
font-size: 28px;
color: #fff100;
background: rgba(0,0,0,.3);
}
.short_dh .sh_p1{
width: 316px;
}
.short_dh .sh_p2{
width: 253px;
}
.short_dh .sh_p3{
width: 445px;
}
.short_dh .sh_p4{
width: 162px;
}
.s_box ul{
width: 1200px;
margin-top: 10px;
overflow: hidden;
}
.s_box ul li{
width: 100%;
margin-bottom: 10px;
overflow: hidden;
}
.s_box ul li span{
float: left;
width: 316px;
height: 100px;
line-height: 100px;
background: #702ede;
margin-left: 4px;
font-size: 22px;
color: #fff;
font-weight: 700;
text-align: center;
}
.s_box ul li .sh_span_p2{
font-weight: normal;
float: left;
width: 255px;
height: 100px;
background: #702ede;
margin-left: 4px;
color: #fff100;
padding-top: 0px;
text-indent: 0;
text-align: center;
line-height: 100px;
font-size: 16px;
}
.s_box ul li .sh_span_p3{
font-weight: normal;
font-size: 16px;
line-height: 32px;
color: #fff;
float: left;
width: 447px;
height: 100px;
background: #702ede;
margin-left: 4px;
padding-top: 0px;
}
.s_box ul li .sh_span_p3 p{
padding: 15px 30px;
font-size: 16px;
line-height: 26px;
color: #fff;
}
.s_box ul li .sh_span_p4{
float: left;
width: 162px;
height: 75px;
background: #702ede;
margin-left: 4px;
padding-top: 25px;
}
.s_box ul li .sh_span_p4 p{
width: 74px;
height: 24px;
border-radius: 10px;
background: #fff;
color: #000;
text-align: center;
line-height: 24px;
margin: 10px auto;
font-size: 15px;
}
.s_box ul .l2 span{
background: #501ea5;
}
.s_box .short_button{
display: block;
width: 283px;
height: 58px;
background: #37284f;
font-size: 26px;
font-weight: 700;
border: 7px solid #ffdd39;
border-radius: 50px;
text-align: center;
line-height: 58px;
color: #fff;
position: absolute;
bottom: -37px;
left: 0;
right: 0;
margin: 0 auto;
}
/* 学校简介时间轴样式 */
.cx-time-main{
padding: 20px 0;
}
.cx-time-main ul{
margin: 0;
padding: 0;
}
.cx-time-main ul li{
outline: none;
list-style-type: none;
margin: 0px;
}
.cx-time-main{
width: 100%;
height: auto;
}
.cx-time-box{
position: relative;
width: 100%;
height: auto;
}
.cx-time-main ul li{
position: relative;
padding: 10px 0;
height: auto;
}
.cx-time-main ul li:nth-child(2n){
padding-left: 54%;
text-align: left;
}
.cx-time-main ul li:nth-child(2n 1){
padding-right: 54%;
text-align: right;
}
.cx-main-box::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 12px;
margin: -8px 0 0 -8px;
border-radius: 50%;
z-index: 2;
border: 2px solid #67abff;
}
.cx-main-box::after {
content: '';
position: absolute;
top: calc(50% - 1px);
left: calc(50% 6px);
width: calc(4% - 6px);
height: 2px;
background: #67abff;
}
.cx-time-main ul li:nth-child(2n 1) .cx-main-box::after{
left: auto;
right: calc(50% 6px);
}
.active::before {
background: #67abff;
border: 2px solid #67abff;
}
.cx-time-main ul li::before,.cx-time-main ul li::after{
content: '';
position: absolute;
top: 0;
width: 2px;
height: calc(50% - 8px);
left: 50%;
background: #67abff;
margin-left: -2px;
}
.cx-time-main ul li::after {
top: auto;
bottom: 0;
}
.cx-main-box{
display: inline-block;
min-width: 40%;
min-height: 40px;
background: #80cbc4;
border-radius: 4px;
padding: 10px 20px;
cursor: pointer;
}
/* 网站开发工程师*/
.wzkf_box{
width: 100%;
background: #ffffff;
padding: 20px 0;
margin:0 auto;
margin-top: 10px;
text-align: center;
}
.wzkf_gd{
width: 1200px;
margin:0 auto;
}
.wzkf_gd .wzkf_t1{
font-size: 40px;
line-height: 80px;
font-weight: bold;
}
.wzkf_gd .wzkf_t2{
font-size: 22px;
text-align: center;
}
.wzkf_gd img{
width: 100%;
display: block;
margin-top: 40px;
}
.wzkf_box ul {
width: 1200px;
margin:0 auto;
padding-top: 80px;
}
.wzkf_box ul li{
width: 380px;
float: left;
padding: 0 10px;
}
.wzkf_box ul li img{
width: 100%;
display: block;
}
.wzkf_button{
margin: 0 auto;
margin-top: 40px;
background: #006be4;
line-height: 60px;
font-size: 28px;
text-align: center;
font-weight: bold;
letter-spacing: 1px;
border-radius: 40px;
display: block;
color: #ffffff;
display: inline-block;
padding: 0 40px;
}
.wzkf_box2{
background: no-repeat;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%
width:100%;
margin:0 auto;
text-align: center;
padding: 40px 0;
}
.wzkf_gd .wz2_t{
color: #ffffff;
}
.wzkf_img{
width: 1200px;
margin:0 auto;
}
.wzkf_img img{
width: 100%;
display: block;
margin-top: 50px;
}
.wzkf_box3 {
width: 100%;
background: #ffffff;
margin-top: 10px;
padding: 40px 0;
text-align: center;
}
.wzkf_box4{
width: 100%;
background: #ffffff;
margin-top: 10px;
padding: 40px 0;
text-align: center;
}
.wzkf_box4 ul{
width: 1200px;
margin:0 auto;
margin-top: 40px;
}
.wzkf_box4 ul li{
float: left;
width: 380px;
margin: 10px 10px;
text-align: center;
}
.wzkf_box4 ul li img{
width: 100%;
display: block;
}
.wzkf_box4 ul li p{
font-size: 20px;
line-height: 40px;
}
/* bim */
.bim_box{
width: 100%;
background: #ffffff;
margin-top: 10px;
padding: 20px 0;
text-align: center;
}
.bim_gd{
width: 1200px;
margin:0 auto;
text-align: center;
}
.bim_gd .bim_t1{
font-size: 40px;
line-height: 80px;
font-weight: bold;
}
.bim_gd .bim_t2{
font-size: 22px;
text-align: center;
}
.bim_img{
width: 1200px;
margin:0 auto;
margin-top: 50px;
}
.bim_img img{
width: 100%;
display: block;
}
.bim_button{
margin: 0 auto;
margin-top: 40px;
background: #006be4;
line-height: 60px;
font-size: 28px;
text-align: center;
font-weight: bold;
letter-spacing: 1px;
border-radius: 40px;
display: block;
color: #ffffff;
display: inline-block;
padding: 0 40px;
}
.bim1 ul{
width: 1200px;
margin: 0 auto;
margin-top: 40px;
}
.bim1 ul li{
width: 280px;
margin: 0 10px;
float: left;
}
.bim1 ul li img{
width: 100%;
display: block;
}
.bim1 ul li .b1_p1{
font-size: 25px;
color: #006be4;
padding-bottom: 10px;
padding-top: 20px;
}
.bim1 ul li p{
font-size: 20px;
}
.bim3 ul{
width: 1200px;
margin:0 auto;
margin-top: 40px;
}
.bim3 ul li{
width: 380px;
float: left;
margin: 0 10px;
}
.bim3 ul li img{
width: 100%;
display: block;
}
.bim3 ul li p{
font-size: 20px;
padding: 10px 0;
}
/* 5g新媒体 */
.meiti_box{
width: 100%;
background: #ffffff;
padding: 40px 0;
margin-top: 10px;
text-align: center;
}
.meiti_gd{
width: 1200px;
margin: 0 auto;
}
.meiti_gd .meiti_b_t{
font-size:36px;
line-height: 72px;
font-weight:bold;
}
.meiti_gd .meiti_b_t2{
text-align: justify;
text-indent: 2em;
font-size: 18px;
}
.meiti_gd .meiti_b_t2{
text-align: center;
font-size: 18px;
}
.meiti_box .meiti_img .m_img1{
float: left;
margin-left: 80px;
width: 392px;
height: 466px;
}
.meiti_box .meiti_img .m_img2{
float: right;
margin-right: 80px;
width: 553px;
height: 466px;
}
.meiti_box .meiti_img{
width: 1200px;
margin: 0 auto;
margin-top: 60px;
}
.meiti_box .meiti_img .m_img3{
width:462px;
float: left;
margin-left: 80px;
height: 275px;
}
.meiti_box .meiti_img .m_img4{
width:462px;
float: right;
margin-right: 80px;
height: 275px;
}
.meiti_button{
margin: 0 auto;
margin-top: 40px;
background: #ff606e;
line-height: 60px;
font-size: 28px;
text-align: center;
font-weight: bold;
letter-spacing: 1px;
border-radius: 40px;
display: block;
color: #ffffff;
display: inline-block;
padding: 0 40px;
box-shadow: 0 5px 0 #feabb3;
}
.mt1 ul{
width: 1200px;
margin: 0 auto;
margin-top:40px;
}
.mt1 ul li{
width: 380px;
float: left;
margin:0 10px;
}
.mt1 ul li img{
width: 100%;
display: block;
}
.mt1 ul li p{
width: 90%;
margin: 0 auto;
text-align: justify;
margin-top: 20px;
font-size: 16px;
line-height: 20px;
color: #333;
}
.mt2 ul{
width: 1200px;
margin:0 auto;
}
.mt2 ul li {
width: 320px;
float: left;
margin:10px 40px;
}
.mt2 ul li div img{
margin: 18.5px auto 0;
border-radius: 50%;
}
.mt2 ul li div{
position: relative;
height: 261px;
overflow: hidden;
}
.mt2 ul li div::after{
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
width: 260px;
height: 261px;
background: top right no-repeat;
transition: transform 0.5s ease-out;
}
.mt2 ul li div:hover::after{
transform: rotatez(360deg);
}
.mt2 ul li p{
font-size: 20px;
line-height: 1.6em;
margin: 0;
font-weight: bold;
}
.mt3 ul{
width: 800px;
margin: 0 auto;
}
.mt3 ul li{
width: 384px;
height: 248px;
float: left;
margin: 20px 8px;
}
/* 数字传媒设计师 */
.sz_box{
width: 100%;
background: #ffffff;
padding: 20px 0;
margin: 0 auto;
margin-top: 10px;
text-align: center;
}
.sz_gd{
width: 1200px;
margin: 0 auto;
}
.sz_gd .sz_t1{
font-size: 30px;
font-weight:bold;
line-height: 60px;
}
.sz_gd .sz_t2{
font-size: 18px;
line-height: 30px;
text-align: justify;
text-indent: 2em;
}
.sz_gd .sz_t3{
font-size: 18px;
text-align: center;
margin-top: 10px;
}
.sz_box .sz_ul{
width: 1000px;
margin: 0 auto;
margin-top: 20px;
}
.sz_box .sz_ul li{
width: 180px;
float: left;
margin: 0 10px;
}
.sz_box .sz_ul li img{
width: 153px;
height: 153px;
display: block;
margin: 0 auto;
}
.sz_button {
margin: 0 auto;
margin-top: 40px;
background: #006be4;
line-height: 60px;
font-size: 28px;
text-align: center;
font-weight: bold;
letter-spacing: 1px;
border-radius: 40px;
display: block;
color: #ffffff;
display: inline-block;
padding: 0 40px;
height: 60px;
}
.sz1 ul{
width: 1200px;
margin: 0 auto;
margin-top: 20px;
}
.sz1 ul li{
width: 380px;
float: left;
margin: 10px 10px;
}
.sz1 ul li img{
width: 240px;
height: 248px;
display: block;
margin: 0 auto;
}
.sz1 ul li h3{
font-size: 26px;
font-weight: bold;
text-align: center;
margin-top: 10px;
}
.sz1 ul li p{
font-size: 18px;
text-align: center;
margin-top: 1px;
}
.sz2 ul{
width: 1200px;
margin: 0 auto;
margin-top: 20px;
}
.sz2 ul li{
width: 220px;
float: left;
margin: 0 10px;
}
.sz2 ul li img{
width: 180px;
height: 180px;
margin: 0 auto;
display: block;
}
.sz3 ul{
width: 1200px;
margin:0 auto;
margin-top: 20px;
}
.sz3 ul li{
width: 180px;
float: left;
margin: 0 10px;
}
.sz3 ul li img{
width: 156px;
height: 156px;
margin: 0 auto;
display: block;
}
.sz3 ul li p{
font-size: 24px;
margin-top: 20px;
}
/* 电子商务与跨境电商 */
.dzsw_box{
width: 100%;
background: #ffffff;
padding: 40px 0;
margin-top: 10px;
text-align: center;
}
.dzsw_gd{
width: 1200px;
margin:0 auto;
}
.dzsw_gd .dzsw_t1{
font-size: 40px;
text-align: center;
font-weight: bold;
line-height: 80px;
}
.dzsw_gd .dzsw_t1 span{
color:#3075f7;
}
.dzsw_gd .dzsw_t2{
font-size: 22px;
text-align: center;
}
.pub_img {
width: 1200px;
margin: 0 auto;
margin-top: 40px;
}
.pub_img img{
width: 100%;
margin: 0 auto;
display: block;
}
.dzsw_button{
margin: 0 auto;
margin-top: 40px;
background: #006be4;
line-height: 60px;
font-size: 28px;
text-align: center;
font-weight: bold;
letter-spacing: 1px;
border-radius: 40px;
display: block;
color: #ffffff;
display: inline-block;
padding: 0 40px;
height: 60px;
}
.dz2 ul{
width: 1200px;
margin:0 auto;
margin-top: 20px;
}
.dz2 ul li{
width: 380px;
float: left;
margin: 10px;
height: 292px;
}
.dz2 ul li img{
width: 380px;
height: 248px;
display: block;
}
.dz2 ul li p{
font-size: 18px;
margin-top: 20px;
}
/* 互联网应用技术工程专业 */
.hlw_box{
width: 100%;
background: #ffffff;
padding: 20px 0;
margin: 0 auto;
margin-top: 10px;
text-align: center;
}
.hlw_gd{
width: 1200px;
margin: 0 auto;
text-align: center;
}
.hlw_gd .hlw_t1{
background: no-repeat center;
font-size: 36px;
height: 122px;
line-height: 122px;
font-weight: bold;
}
.hlw_gd span{
color: #043ab7;
font-weight: bold;
}
.hlw_gd .hlw_t2{
font-size: 20px;
line-height: 30px;
}
.hlw_img{
width: 100%;
height: 127px;
background: no-repeat center;
margin-top: 20px;
}
.hlw_button{
display: inline-block;
width: 400px;
height: 65px;
line-height: 65px;
background: linear-gradient(to right,lightcoral,coral);
border-radius: 33px;
color: #fff;
font-size: 26px;
margin-top: 20px;
}
.hlw1 ul{
width: 1200px;
margin:0 auto;
margin-top: 20px;
}
.hlw1 ul li{
width: 300px;
height: 257px;
float: left;
}
.hlw1 ul li img{
width: 300px;
height: 257px;
}
.hlw1 ul li h5{
font-size: 20px;
color: #043ab7;
font-weight: bold;
line-height: 60px;
height: 60px;
}
.hlw1 ul li p{
text-align: justify;
width: 90%;
margin: 0 auto;
font-size: 18px;
line-height: 22px;
height: 190px;
text-indent:2em;
}
.hlw_box2{
background: #ffffff;
width: 100%;
height: 904px;
background: no-repeat center;
position: relative;
text-align: center;
}
.hlw_gd .hlw_t3{
font-size: 36px;
height: 122px;
line-height: 122px;
font-weight: bold;
color: #ffffff;
}
.hlw_gd .hlw_t4{
font-size: 26px;
line-height: 36px;
color: #ffffff;
}
.hlw_box2 .knlist{
position: absolute;
top: 304px;
width: 100%;
left: 0;
}
.hlw_box2 .knlist .knbox{
width: 442px;
height: 442px;
margin: auto;
position: relative;
/* padding: 4em 0 1em 0; */
}
.hlw_box2 .knlist .knbox a{
display: inline-block;
text-decoration: none;
background: #ffffff;
border-radius: 15px;
padding: 5px 38px;
color: #01028a;
font-size: 1.2em;
text-align: center;
margin: 1em 0;
position: relative;
}
.hlw_box2 .knlist .knbox .hlw_a1{
left: -80px;
}
.hlw_box2 .knlist .knbox .hlw_a2{
right: -191px;/* 213px */
}
.hlw_box2 .knlist .knbox .hlw_a3{
left: -170px;
}
.hlw_box2 .knlist .knbox .hlw_a4{
right: -213px;
}
.hlw_box2 .knlist .knbox .hlw_a5{
left: -200px;
}
.hlw_box2 .knlist .knbox .hlw_a6{
right: -287px;
}
.hlw_box2 .knlist .knbox .hlw_a7{
left: -170px;
}
.hlw_box2 .knlist .knbox .hlw_a8{
right: -190px;
}
.hlw_box2 .knlist .knbox .hlw_a9{
left: -60px;
}
.hlw_box2 .knlist .knbox .hlw_a10{
right: -152px;
}
.hlw_box2 .hlw_button{
position: absolute;
bottom: 20px;
left: 35%;
}
.hlw2 .hlw_img_gd{
width: 1200px;
margin: 0 auto;
margin-top: 20px;
}
.hlw2 .hlw_img_gd img{
width: 100%;
display: block;
margin-top: 10px;
}
.hlw3box{
width: 100%;
height: 212px;
background: no-repeat center;
margin:20px 0;
}
.hlw3box .hlw3box2{
width: 1200px;
position: relative;
margin: auto;
}
.hlw3box .hlw3box2 a{
display: inline-block;
text-decoration: none;
font-size: 1.2em;
color: #fff;
margin-left: 35px;
border-radius: 50%;
transition: all 0.3s linear;
}
.hlw3box .hlw3box2 .hlw3a1{
background: #ff4800;
width: 160px;
height: 160px;
text-align: center;
margin-top: 26px;
box-sizing: border-box;
padding: 50px 0;
line-height: 30px;
}
.hlw3box .hlw3box2 .hlw3a2{
background: #df8300;
width: 128px;
height: 128px;
text-align: center;
margin-top: 42px;
box-sizing: border-box;
padding: 40px 0;
line-height: 24px;
}
.hlw3box .hlw3box2 .hlw3a3{
background: #1f8ceb;
width: 206px;
height: 206px;
text-align: center;
margin-top: 8px;
box-sizing: border-box;
padding: 60px 0;
line-height: 43px;
font-size: 1.6em;
}
.hlw3box .hlw3box2 .hlw3a4{
background: #686868;
width: 150px;
height: 150px;
text-align: center;
margin-top: 31px;
box-sizing: border-box;
padding: 50px 0;
line-height: 25px;
font-size: 18px;
}
.hlw3box .hlw3box2 .hlw3a5{
background: #df8300;
width: 180px;
height: 180px;
text-align: center;
margin-top: 16px;
box-sizing: border-box;
padding: 60px 0;
line-height: 30px;
font-size: 22px;
}
.hlw3box .hlw3box2 .hlw3a6{
background: #4cc339;
width: 128px;
height: 128px;
text-align: center;
margin-top: 42px;
box-sizing: border-box;
padding: 40px 0;
line-height: 24px;
font-size: 18px;
}
.hlw3box3{
width: 1200px;
margin:0 auto;
text-align: center;
margin-top: 20px;
}
.hlw3box3 .h2_t1{
font-weight: bold;
font-size: 24px;
line-height: 36px;
}
.hlw3box3 .h2_t2{
font-size: 18px;
line-height: 24px;
}
/* 自定义弹窗 */
.sqtc{
width: 100%;
height: auto;
max-width: 800px;
max-height:500px;
overflow: hidden;
background: white;
/* border-radius: 10px; */
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
position: fixed;
box-shadow: 0 0 10px #afafaf;
z-index: 99999;
text-align: center;
}
.sqtc .close_sq{
color: #969693;
font-size: 36px;
line-height: 30px;
height: 40px;
box-sizing: border-box;
width: 40px;
border-radius: 50%;
background: white;
padding: 0;
position: absolute;
right: 10px;
top: 10px;
cursor: pointer;
}
.sq_left{
float: left;
width: 56%;
padding: 30px 0 0;
max-width: 454px;
}
.sq_left h3{
font-size: 24px;
line-height: 1.6em;
margin: 0 auto;
font-weight: bold;
}
.sq_left .bd_box{
width:300px;
margin: 0 auto;
}
.sq_left .bd_box ul{
list-style: none;
padding: 0;
}
.sq_left .bd_box ul li{
margin: 8px 0;
}
.sq_left .bd_box li h4{
font-size: 17px;
line-height: 20px;
margin: 0 0 8px;
font-weight:bold;
}
.sq_left .bd_box li a{
display: inline-block;
width: 124px;
font-size: 14px;
line-height: 35px;
height: 35px;
background: #f33d10;;
color: white;
text-decoration: none;
margin: 0 5px;
border: none;
}
.sq_left .bd_box li .sq_a {
background: #ca0012;
}
.sq_right{
float: right;
background: no-repeat center;
/* background: no-repeat center; */
/* background: no-repeat center; */
/* background: no-repeat center; */
/* background: no-repeat center; */
/* background: no-repeat center; */
/* background: no-repeat center; */
/* background: no-repeat center; */
/* background: no-repeat center; */
/* background: no-repeat center; */
/* background: no-repeat center; */
/* background: no-repeat center; */
/* background: no-repeat center; */
/* background: no-repeat center; */
/* background: no-repeat center; */
/* background: no-repeat center; */
/* background: no-repeat center; */
/* background: no-repeat center; */
/* background: no-repeat center; */
/* background: ; */
/* background: no-repeat; */
/* background: ; */
/* background: ; */
/* background: no-repeat; */
/* background: ; */
width: 44%;
padding: 77px 12px 0;
box-sizing: border-box;
background-size: 100% 100%;
height: 500px;
max-width: 346px;
}
.sq_right .close_sq{
color: #969693;
font-size: 14px;
line-height: 20px;
height: 22px;
box-sizing: border-box;
width: 22px;
border-radius: 50%;
background: white;
padding: 0;
position: absolute;
right: 10px;
top: 10px;
cursor:pointer
}
.sq_right h3{
font-size: 30px;
line-height: 50px;
color: white;
text-align: center;
margin: 0;
font-weight: bold;
}
.sq_right h3 span{
color: #faff00;
}
.sq_right .close_sq2{
font-size: 18px;
line-height: 30px;
color: white;
margin: 12px 0;
}
.sq_right .close_sq2 span{
font-weight: bold;
font-size: 24px;
color:#faff00;
}
.sq_right .sq_r_b{
display: inline-block;
width: 100%;
font-size: 16px;
line-height: 2.4em;
color: #ca0012;
background: white;
text-decoration: none;
border: none;
}
.bd_box .bd_box2 .tel{
width: 186px;
height: 30px;
line-height: 30px;
border-radius: 5px;
font-size: 14px;
outline:none;
border:1px solid #f33d10;
text-align: center;
}
.bd_box .bd_box2 .bd_sub{
background: #f33d10;
width: 74px;
height:30px;
line-height: 30px;
border-radius: 5px;
color: #ffffff;
font-size: 14px;
font-weight:bold;
border: none;
}
/* 我们开学啦 */
.kx_banner{
width: 100%;
margin:0 auto;
/* /* padding-top: 92px; */ */
display: block;
}
.kx_banner img{
width: 100%;
display: block;
}
.kx_box{
width: 100%;
background: #d31b1a;
padding: 20px 0;
margin: 0 auto;
text-align: center;
}
.kx_box .kx_t{
width: 1200px;
margin: 0 auto;
text-align: center;
font-size:40px;
line-height: 80px;
font-weight: bold;
color: #0ca597;
}
.kx_box ul{
width:1200px;
margin: 30px auto;
}
.kx_box ul li{
width: 280px;
float: left;
margin: 10px;
}
.kx_box ul li img{
width: 100%;
display: block;
}
/* .kx_bd {
background: #0ca597;
} */
.kx_bd .kx_t{
color:#ffffff;
}
.kx_button{
margin: 0 auto;
margin-top: 40px;
background: #ffff00;
line-height: 60px;
font-size: 28px;
text-align: center;
font-weight: bold;
letter-spacing: 1px;
border-radius: 40px;
display: block;
color: #d31b1a;
display: inline-block;
padding: 0 40px;
height: 60px;
width: 400px;
}
.kx_gd{
width: 1200px;
margin: 0 auto;
}
.kx_gd .kx_t1{
color: #ffffff;
font-size: 40px;
font-weight: bold;
line-height: 80px;
}
.kx_gd .kx_t2{
font-size: 20px;
color: #ffffff;
line-height: 40px;
padding: 20px 0;
}
.kx_img {
width: 1200px;
margin: 0 auto;
}
.kx_img img{
width: 1200px;
display: block;
margin: 0 auto;
}
/* 国庆试学体验营开始 */
.sx_box{
width:100%;
margin:0 auto;
text-align: center;
padding: 40px 0;
background: #ffffff;
}
.sx_gd {
width: 1400px;
margin:0 auto;
}
.sx_gd img{
width: 200px;
}
.sx_gd .sx_img1{
transform: rotate(180deg);
}
.sx_gd span{
font-size: 40px;
/* line-height: 80px; */
font-weight: bold;
}
.sx_gd span font{
color: #d2181b;
}
.sx_gd p{
font-size: 20px;
line-height: 40px;
}
.sx_box .sx_ul1{
width: 1200px;
margin:0 auto;
}
.sx_box .sx_ul1 li{
width: 360px;
float: left;
margin:20px;
}
.sx_box .sx_ul1 li p{
font-size: 24px;
line-height: 30px;
margin-top: 20px;
}
.sx_box .sx_ul2{
width: 880px;
margin:0 auto;
}
.sx_box .sx_ul2 li{
width: 360px;
float: left;
margin:20px 40px;
}
.sx_box .sx_ul2 li p{
font-size: 24px;
line-height: 30px;
margin-top: 20px;
}
.sx_button{
display: inline-block;
width: 500px;
line-height: 45px;
text-align: center;
font-size: 21px;
white-space: nowrap;
word-spacing: normal;
letter-spacing: normal;
overflow: hidden;
text-overflow: ellipsis;
border-radius: 30px;
color: #fff;
background-color: #d2181b;
margin-top: 20px;
}
.sx_box2{
width:100%;
margin:0 auto;
text-align: center;
padding: 40px 0;
background: #d2181b;
}
.sx_box2 .sx_gd span{
color:#ffffff;
}
.sx_box2 ul{
width:1200px;
margin:0 auto;
margin-top: 10px;
}
.sx_box2 ul li{
width: 220px;
float: left;
margin:10px;
}
.sx_box2 .sx_button{
background: #ffffff;
color: #d2181b;
}
.sx_box3{
width:100%;
margin:0 auto;
text-align: center;
padding: 20px 0;
background: #ffffff;
margin-top: 10px;
}
.sx_box3 ul{
width:1200px;
margin: 0 auto;
margin-top: 10px;
}
.sx_box3 ul li{
width: 380px;
float: left;
margin :10px;
}
.sx_box4 {
width:100%;
margin:0 auto;
text-align: center;
padding: 20px 0;
background: #ffffff;
margin-top: 10px;
}
.sx_box4 ul{
width: 1200px;
margin:0 auto;
margin-top: 20px;
}
.sx_box4 ul li{
width: 358px;
float: left;
margin:20px;
border: 1px solid #b6b6b5;
padding-bottom: 10px;
}
.sx_box4 ul li .sx_p1{
text-align: center;
color: #fff;
background-color: #d2181b;
line-height: 39px;
font-size: 18px;
}
.sx_box4 ul li img{
width: 358px;
height: 236px;
display: block;
}
.sx_box4 ul li .sx_p2{
text-align: center;
}
.sx_box4 ul li .sx_p2 span{
display: inline-block;
width: 0;
height: 10px;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
border-top: 10px solid #d2181b;
margin: 0 auto;
text-align: center;
}
.sx_box4 ul li .sx_p3{
text-align: justify;
font-size: 16px;
line-height: 20px;
padding: 0 10px;
height: 60px;
}
.sx_box4 .sx_b a{
background: #00a0e9;
color: #fff;
display: inline-block;
width: 120px;
line-height: 35px;
text-align: center;
border-radius: 5px;
}
.sx_box4 .sx_b .sx_a1{
background: #d2181b;
margin-left: 10px;
margin-top: 10px;
}
.sx_box5{
width:100%;
margin:0 auto;
text-align: center;
padding: 20px 0;
background: #ffffff;
margin-top: 10px;
}
.sx_box5 ul{
margin:0 auto;
width: 1200px;
margin-top: 10px;
padding-bottom: 20px;
}
.sx_box5 ul li{
width: 380px;
float: left;
margin: 10px;
}
.sx_box5 ul li img{
width: 380px;
display: block;
height: 580px;
}
.sx_box6{
width:100%;
margin:0 auto;
text-align: center;
padding: 20px 0;
background: #ffffff;
margin-top: 10px;
}
.sx_box6 ul{
width: 1200px;
margin:0 auto;
margin-top: 20px;
padding-bottom: 20px;
}
.sx_box6 ul li{
width: 1200px;
}
.sx_box6 ul li img{
width: 1200px;
}
/* 国庆试学体验营结束 */
/* 电竞详情页2 */
.dj2_box{
background: no-repeat top center;
text-align: center;
padding: 60px 0;
}
.dj2_gd{
width: 1200px;
margin:0 auto;
text-align: center;
}
.dj2_gd .dj2_t{
font-size: 40px;
line-height: 1.2em;
font-weight: normal;
margin: 0 auto 0.2em;
width: 1120px;
}
.dj2_gd p{
font-size: 18px;
line-height: 2em;
margin: 0 auto 0.2em;
width: 1080px;
text-align: left;
text-indent: 2em;
}
.dj2_box ul{
margin: 50px auto;
overflow: hidden;
width: 980px;
padding: 0;
border-radius: 30px 30px 0 0;
}
.dj2_box ul li{
float: left;
margin-right: 16px;
width: 316px
}
.dj2_box ul .no{
margin-right: 0;
}
.dj2_box ul li img{
vertical-align: top;
display: block;
border: none;
}
.dj2_box ul li p{
border: 1px solid rgb(0, 37, 148);
border-radius: 3px;
background-color: rgb(30, 44, 71);
width: 255px;
height: 87px;
margin-top: 16px;
color: #a5b8dd;
padding: 24px 29px;
font-size: 14px;
line-height: 24px;
margin: 18px 0 0;
}
.dj2_box ul li p span{
color: #fff601;
}
.dj2_but{
display: inline-block;
width: 440px;
height: 72px;
line-height: 70px;
text-align: center;
color: #fff;
font-size: 28px;
margin: 0;
border-radius: 40px;
background: linear-gradient(to right, #3e56ff , #8d11ff);
}
.dj2_box2 {
background: no-repeat center;
text-align: center;
padding: 60px 0;
}
.dj2_gd2{
width: 1200px;
margin:0 auto;
text-align: center;
}
.dj2_gd2 .dj2_t{
font-size: 40px;
line-height: 1.2em;
font-weight: normal;
margin: 0 auto 0.2em;
width: 1120px;
color: #ffffff;
}
.dj2_gd2 p{
font-size: 18px;
line-height: 2em;
margin: 0 auto 0.2em;
width: 1080px;
text-align: left;
text-indent: 2em;
color: #ffffff;
}
.dj2_gd2 img{
margin: 0 auto;
}
.dj2_box2 .dj2_b2{
margin: 30px auto;
width: 1120px;
padding: 10px 0;
}
.dj2_box2 .dj2_b2 ul li{
font-size: 20px;
display: inline-block;
width: 220px;
color: white;
}
.dj2_box3 {
background: #ffffff;
text-align: center;
padding: 60px 0;
width: 100%;
}
.dj2_box3 .dj2_b3ul1{
margin: 0 auto;
width: 1200px;
box-sizing: border-box;
padding: 0;
text-align: center;
margin-top: 30px;
}
.dj2_box3 .dj2_b3ul1 li{
float: left;
width: 178px;
height: 50px;
line-height: 50px;
font-size:18px;
border: 1px solid #333;
border-radius: 8px;
margin-left: 20px;
cursor: pointer;
}
.dj2_box3 .dj2_b3ul1 .on{
background: #6534ff;
background: linear-gradient(to right, #474eff , #8717ff);
color: white;
border: none;
}
.dj2_box3 .dj2_b3ul2 {
margin: 0 auto;
width: 1120px;
box-sizing: border-box;
padding: 0;
text-align: center;
margin-top: 30px;
}
.dj2_box3 .dj2_b3ul2 .adj2li1 {
display: none;
}
.dj2_box3 .dj2_b3ul2 .adj2li1 img{
float: left;
}
.dj2_box3 .dj2_b3ul2 .adj2li1 div{
float: right;
width: 636px;
height: 340px;
box-sizing: border-box;
padding: 60px 40px 0;
}
.dj2_box3 .dj2_b3ul2 .adj2li1 div h3{
font-size: 20px;
text-align: left;
line-height: 1.6em;
margin: 0 auto 20px;
text-indent: 1em;
font-weight: bold;
}
.dj2_box3 .dj2_b3ul2 .adj2li1 div ul li{
font-size: 14px;
float: left;
width: 50%;
line-height: 2.2em;
text-align: left;
text-indent: 1.5em;
position: relative;
color: #2e2c2c;
}
.dj2_box3 .dj2_b3ul2 .adj2li1 div ul li::after{
content: "";
border: 3.5px solid #bfbfbf;
width: 0;
height: 0;
position: absolute;
transform: rotate(45deg);
left: 10px;
top: 0;
bottom: 0;
margin: auto;
}
.dj2_box3 .dj2_b3ul2 .adj2li2 {
display: none;
}
.dj2_box3 .dj2_b3ul2 .adj2li2 img{
float: left;
}
.dj2_box3 .dj2_b3ul2 .adj2li2 div{
float: right;
width: 636px;
height: 340px;
box-sizing: border-box;
padding: 60px 40px 0;
}
.dj2_box3 .dj2_b3ul2 .adj2li2 div h3{
font-size: 20px;
text-align: left;
line-height: 1.6em;
margin: 0 auto 20px;
text-indent: 1em;
font-weight: bold;
}
.dj2_box3 .dj2_b3ul2 .adj2li2 div ul li{
font-size: 14px;
float: left;
width: 50%;
line-height: 2.2em;
text-align: left;
text-indent: 1.5em;
position: relative;
color: #2e2c2c;
}
.dj2_box3 .dj2_b3ul2 .adj2li2 div ul li::after{
content: "";
border: 3.5px solid #bfbfbf;
width: 0;
height: 0;
position: absolute;
transform: rotate(45deg);
left: 10px;
top: 0;
bottom: 0;
margin: auto;
}
.dj2_box3 .dj2_b3ul2 .adj2li3 {
display: none;
}
.dj2_box3 .dj2_b3ul2 .adj2li3 img{
float: left;
}
.dj2_box3 .dj2_b3ul2 .adj2li3 div{
float: right;
width: 636px;
height: 340px;
box-sizing: border-box;
padding: 60px 40px 0;
}
.dj2_box3 .dj2_b3ul2 .adj2li3 div h3{
font-size: 20px;
text-align: left;
line-height: 1.6em;
margin: 0 auto 20px;
text-indent: 1em;
font-weight: bold;
}
.dj2_box3 .dj2_b3ul2 .adj2li3 div ul li{
font-size: 14px;
float: left;
width: 50%;
line-height: 2.2em;
text-align: left;
text-indent: 1.5em;
position: relative;
color: #2e2c2c;
}
.dj2_box3 .dj2_b3ul2 .adj2li3 div ul li::after{
content: "";
border: 3.5px solid #bfbfbf;
width: 0;
height: 0;
position: absolute;
transform: rotate(45deg);
left: 10px;
top: 0;
bottom: 0;
margin: auto;
}
.dj2_box3 .dj2_b3ul2 .adj2li4 {
display: none;
}
.dj2_box3 .dj2_b3ul2 .adj2li4 img{
float: left;
}
.dj2_box3 .dj2_b3ul2 .adj2li4 div{
float: right;
width: 636px;
height: 340px;
box-sizing: border-box;
padding: 60px 40px 0;
}
.dj2_box3 .dj2_b3ul2 .adj2li4 div h3{
font-size: 20px;
text-align: left;
line-height: 1.6em;
margin: 0 auto 20px;
text-indent: 1em;
font-weight: bold;
}
.dj2_box3 .dj2_b3ul2 .adj2li4 div ul li{
font-size: 14px;
float: left;
width: 50%;
line-height: 2.2em;
text-align: left;
text-indent: 1.5em;
position: relative;
color: #2e2c2c;
}
.dj2_box3 .dj2_b3ul2 .adj2li4 div ul li::after{
content: "";
border: 3.5px solid #bfbfbf;
width: 0;
height: 0;
position: absolute;
transform: rotate(45deg);
left: 10px;
top: 0;
bottom: 0;
margin: auto;
}
.dj2_box3 .dj2_b3ul2 .adj2li5 {
display: none;
}
.dj2_box3 .dj2_b3ul2 .adj2li5 img{
float: left;
}
.dj2_box3 .dj2_b3ul2 .adj2li5 div{
float: right;
width: 636px;
height: 340px;
box-sizing: border-box;
padding: 60px 40px 0;
}
.dj2_box3 .dj2_b3ul2 .adj2li5 div h3{
font-size: 20px;
text-align: left;
line-height: 1.6em;
margin: 0 auto 20px;
text-indent: 1em;
font-weight: bold;
}
.dj2_box3 .dj2_b3ul2 .adj2li5 div ul li{
font-size: 14px;
float: left;
width: 50%;
line-height: 2.2em;
text-align: left;
text-indent: 1.5em;
position: relative;
color: #2e2c2c;
}
.dj2_box3 .dj2_b3ul2 .adj2li5 div ul li::after{
content: "";
border: 3.5px solid #bfbfbf;
width: 0;
height: 0;
position: absolute;
transform: rotate(45deg);
left: 10px;
top: 0;
bottom: 0;
margin: auto;
}
.dj2_box3 .dj2_b3ul2 .adj2li6 {
display: none;
}
.dj2_box3 .dj2_b3ul2 .adj2li6 img{
float: left;
}
.dj2_box3 .dj2_b3ul2 .adj2li6 div{
float: right;
width: 636px;
height: 340px;
box-sizing: border-box;
padding: 60px 40px 0;
}
.dj2_box3 .dj2_b3ul2 .adj2li6 div h3{
font-size: 20px;
text-align: left;
line-height: 1.6em;
margin: 0 auto 20px;
text-indent: 1em;
font-weight: bold;
}
.dj2_box3 .dj2_b3ul2 .adj2li6 div ul li{
font-size: 14px;
float: left;
width: 50%;
line-height: 2.2em;
text-align: left;
text-indent: 1.5em;
position: relative;
color: #2e2c2c;
}
.dj2_box3 .dj2_b3ul2 .adj2li6 div ul li::after{
content: "";
border: 3.5px solid #bfbfbf;
width: 0;
height: 0;
position: absolute;
transform: rotate(45deg);
left: 10px;
top: 0;
bottom: 0;
margin: auto;
}
.dj2_box3 .dj2_b3ul2 .on2 {
display: block;
}
.dj2_zhanwei{
height: 40px;
}
.dj2_box4{
background: top center no-repeat #f8f8f8;
text-align: center;
padding: 60px 0;
background-size: auto 100%;
}
.dj2_box4 .dj2_img{
margin:30px auto;
}
.dj2_box5{
background: no-repeat center;
text-align: center;
padding: 60px 0;
}
.dj2_box5 .dj2_b5_ul{
margin: 30px auto;
padding: 10px 0;
overflow: hidden;
width: 1000px;
}
.dj2_box5 .dj2_b5_ul li{
width: 311px;
height: 359px;
float: left;
margin-right: 33px;
position: relative;
cursor: pointer;
}
.dj2_box5 .dj2_b5_ul .ul_lia{
margin-right: 0;
}
.dj2_box5 .dj2_b5_ul li .dj2_b5_ul_d{
position: relative;
transition: all .5s 0.25s;
width: 311px;
height: 344px;
background: white;
border-radius: 10px;
overflow: hidden;
opacity: 1;
}
.dj2_box5 .dj2_b5_ul li .dj2_b5_ul_d span{
display: block;
background: no-repeat center;
width: 102px;
height: 102px;
text-align: center;
line-height: 70px;
color: #fff;
font-size: 24px;
position: absolute;
left: 0;
top: 170px;
z-index: 1;
}
.dj2_box5 .dj2_b5_ul li .dj2_b5_ul_d h6{
bottom: 0;
text-align: center;
font-size: 24px;
font-weight: normal;
color: #fff;
width: 100%;
left: 0;
position: absolute;
margin: 0;
height: 150px;
line-height: 150px;
background: #6d74ff;
}
.dj2_box5 .dj2_b5_ul li .dj2_b5_ul_d2{
background: #ffffff;
visibility: hidden;
width: 100%;
height: 100%;
left: 0;
top: 0;
transform: rotatey(-90deg);
transition: all .5s 0s;
position: absolute;
border-radius: 10px;
opacity: 1;
}
.dj2_box5 .dj2_b5_ul li .dj2_b5_ul_d2 p{
font-size: 17px;
text-align: justify;
line-height: 30px;
width: 80%;
margin: 80px auto 0;
}
.dj2_box5 .dj2_b5_ul li:hover .dj2_b5_ul_d{
transform:rotatey(90deg);transition: all .5s 0s;opacity: 0;
}
.dj2_box5 .dj2_b5_ul li:hover .dj2_b5_ul_d2{
transform:rotatey(0);visibility:visible;transition: all .5s 0.25s;opacity: 1;
}
.dj2_but2 {
display: block;
border-width: 1px;
border-color: rgb(246, 255, 1);
border-style: solid;
width: 440px;
height: 72px;
text-align: center;
line-height: 72px;
margin: 0 auto;
border-radius: 60px;
font-size: 28px;
color: #fff601;
font-weight: bold;
box-sizing: border-box;
}
.dj2_box6{
text-align: center;
padding:60px 0;
width: 100%;
background: #ffffff;
}
.dj2_box6 ul{
margin: 30px auto;
padding: 10px 14px;
width: 1120px;
box-sizing: border-box;
height: 225px;
}
.dj2_box6 ul li{
float: left;
margin: 0 15px;
}
.dj2_box7{
background: top center no-repeat #f8f8f8;
text-align: center;
padding: 60px 0;
}
.dj2_box7 p{
text-align: center;
}
.dj2_box7 ul{
margin: 30px auto;
padding: 0;
width: 1120px;
box-sizing: border-box;
overflow: hidden;
}
.dj2_box7 ul li{
float: left;
margin: 10px 14px 10px 0;
}
.dj2_box8{
background: #150522;
text-align: center;
padding: 60px 0;
}
.dj2_box8 .dj2_box8_d{
margin-top: 114px;
width: 1120px;
margin: 0 auto;
height: 400px;
padding: 0 100px;
box-sizing: border-box;
}
.dj2_box8 .dj2_box8_d .dj2_box8_left{
width: 480px;
float: left;
margin: 0 100px 0 0;
}
.dj2_box8 .dj2_box8_d .dj2_box8_left .zx1{
background: linear-gradient(to right, #0080b3 , #1bbbbd);
color: #058bb4;
}
.dj2_box8 .dj2_box8_d .dj2_box8_left a{
width: 290px;
height: 50px;
display: block;
font-size: 18px;
line-height: 50px;
color: white;
text-indent: 1em;
float: left;
margin: 15px 0;
border-radius: 8px;
opacity: 0.7;
position: relative;
}
.dj2_box8 .dj2_box8_d .dj2_box8_left .zx1 span{
color: white;
}
/* 电竞2详情页面结束 */
/* 首页2样式开始 */
.sy_top{
width: 100%;
margin:0 auto;
height: 100px;
background: #ffffff;
min-width: 1400px;
}
.sy_top .sy_gd{
width: 1400px;
margin: 0 auto;
}
.sy_top .sy_logo{
width: 600px;
height: 91px;
float: left;
margin: 9px 0px 0 40px;
}
.sy_top .sy_logo:before{
content: "";
position: absolute;
width: 261px;
height: 60px;
background-color: rgba(255, 255, 255, 0.5);
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
left: -250px;
-webkit-animation: blink 1.5s infinite both;
animation: blink 1.5s infinite both;
}
@-webkit-keyframes blink {
from {left: 10px;top: 0;}
to {left: 500px;top: 0;}
}
@-o-keyframes blink {
from {left: 10px;top: 0;}
to {left: 500px;top: 0;}
}
@-moz-keyframes blink {
from {left: 10px;top: 0;}
to {left: 500px;top: 0;}
}
@keyframes blink {
from {left: -100px;top: 0;}
to {left: 500px;top: 0;}
}
.breath_light {
opacity: 0.1;
overflow: hidden;
/* ie10、firefox and opera，ie9以及更早的版本不支持 */
animation-name: breath; /* 动画名称 */
animation-duration: 700ms; /* 动画时长3秒 */
animation-timing-function: ease-in-out; /* 动画速度曲线：以低速开始和结束 */
animation-iteration-count: infinite; /* 播放次数：无限 */
/* safari and chrome */
-webkit-animation-name: breath; /* 动画名称 */
-webkit-animation-duration: 700ms; /* 动画时长3秒 */
-webkit-animation-timing-function: ease-in-out; /* 动画速度曲线：以低速开始和结束 */
-webkit-animation-iteration-count: infinite; /* 播放次数：无限 */
}
@keyframes breath {
from { opacity: 0.1; } /* 动画开始时的不透明度 */
50% { opacity: 1; } /* 动画50% 时的不透明度 */
to { opacity: 0.1; } /* 动画结束时的不透明度 */
}
@-webkit-keyframes breath {
from { opacity: 0.1; } /* 动画开始时的不透明度 */
50% { opacity: 1; } /* 动画50% 时的不透明度 */
to { opacity: 0.1; } /* 动画结束时的不透明度 */
}
.sy_top .sy_logo img{
width: 600px;
/* height: 82px; */
line-height: 100px;
margin-top: 5px;
}
.sy_top .sy_img1{
width: 500px;
/* height: 60px; */
float: left;
margin-top: 10px;
}
.sy_top .sy_img1 img{
width: 100%;
display: block;
vertical-align: middle;
}
.nologo{
position: relative;
overflow: hidden;
}
#daoh_box2{
background-color: #0b9303;
width: 100%;
height: 57px;
z-index: 9;
}
#daoh_box2 .daoh_gd2{
width:1260px;
margin:0 auto;
}
#daoh_box2 .daoh_dh2{
height:57px;
margin:0 auto;
}
#daoh_box2 .nav ul li{
height: 57px;
line-height: 57px;
}
#daoh_box2 .xian{
display: block;
}
#daoh_box2 .zy_box .zy_ul1 li.bg_on{
background-color: rgba(0,0,0,0.9);
}
#daoh_box2 .daoh_dh2 .nav .nav1{
height: 57px;
width: 300px;
background-color: #ee7800;
color: #fff;
font: normal 20px/57px '微软雅黑';
text-align: center;
}
#daoh_box2 .daoh_dh2 .nav li{
width: 110px;
}
#daoh_box2 .daoh_dh2 .nav .nav1 a{
color: #ffffff;
}
#daoh_box2 .zy_box{
width: 316px;
height: 600px;
z-index: 2;
background-color: rgba(0,0,0,0.5);
position: relative;
}
#daoh_box2 .zy_box .zy_ul1 li{
width: 276px;
cursor: pointer;
margin-bottom: 1px;
background: no-repeat 270px center;
border-right: 1px solid transparent;
padding: 16px 20px 16px 19px;
text-align: left;
color: #fff;
}
#daoh_box2 .zy_box .zy_ul1 li p{
line-height: 28px;
font-size: 18px;
}
.icon-it:before{
content: "\e615";
}
#daoh_box2 .zy_box .zy_ul1 li p span{
font-size: 15px;
line-height: 21px;
display: inline-block;
height: 20px;
width: 56px;
text-align: center;
}
#daoh_box2 .zy_box .zy_ul1 li p .sy_span1 {
background: #00911d;
}
#daoh_box2 .zy_box .zy_ul1 li p .sy_span2 {
background: #0050a2;
}
#daoh_box2 .zy_box .zy_ul1 li p .sy_span3 {
background: #af007f;
}
#daoh_box2 .zy_box .zy_ul1 li p .sy_span4 {
background: #e41d21;
}
#daoh_box2 .zy_box .zy_ul1 li p .sy_span5{
background: #f07e01;
}
#daoh_box2 .zy_ul2{
display: none;
width: 320px;
padding: 10px;
min-height: 400px;
position: absolute;
top: 0;
left: 316px;
background-color: #fff;
z-index: 10;
background: rgba(0,0,0,0.9);
}
#daoh_box2 .zy_ul2 li{
border-bottom: 1px dashed #fff;
}
#daoh_box2 .zy_ul2 li h3{
display: block;
font-size: 16px;
width: 100%;
margin: auto;
box-sizing: border-box;
color: #fff;
line-height: 2;
font-weight: normal;
}
#daoh_box2 .zy_ul2 li p{
font-size: 12px!important;
text-align: justify;
line-height: 1.7em!important;
display: block;
color: #fff;
padding-bottom: 3px;
}
#daoh_box2 .zy_ul2 li a{
display: inline-block;
width: 45%;
padding: 5px 0px;
margin: 5px 5px;
display: inline-block;
padding: 1.5px 0px;
font-size: 14px;
color: #fff;
text-align: center;
}
#daoh_box2 .zy_ul2 li .sy_a1 {
background: #00911d;
}
.sy_box1{
width: 1200px;
margin: 10px auto;
overflow: hidden;
padding: 0 20px;
height: 40px;
background-color: #ff0000;
}
.sy_box1 img{
/* display: block;
float: left;
width: 20px;
margin-top: 12px; */
display: inline-block;
animation: lingdang 1s infinite;
-webkit-animation: lingdang 1s infinite;
height: 25px;
width: 25px;
margin-top:7px;
float: left;
}
.sy_box1 p{
float: left;
font-size: 16px;
color: #ffffff;
margin-left: 15px;
height: 40px;
line-height: 40px;
}
.sy_box2{
width: 1200px;
margin: 20px auto 0;
height: 118px;
}
.sy_box2 .sy_ul1{
width: 1200px;
margin: 0 auto;
}
.sy_box2 .sy_ul1 li{
float: left;
width: 19%;
margin: 10px 0.5% 0;
border-radius: 10px;
list-style: none;
box-sizing: border-box;
text-align: center;
height: 140px;
position: relative;
padding: 0 5px 0 100px;
}
.sy_box2 .sy_ul1 .sy_li1{
background: #48bcb1;
animation-delay: 0.1s;
}
.sy_box2 .sy_ul1 .sy_li2{
background: #948fb7;
animation-delay: 0.2s;
}
.sy_box2 .sy_ul1 .sy_li3{
background: #b69a8f;
animation-delay: 0.3s;
}
.sy_box2 .sy_ul1 .sy_li4{
background: #fc6d69;
animation-delay: 0.4s;
}
.sy_box2 .sy_ul1 .sy_li5{
background: #6bb5ed;
animation-delay: 0.5s;
}
.sy_box2 .sy_ul1 li div{
margin: 46px 0;
}
.sy_box2 .sy_ul1 li img{
float: left;
width: 120px;
box-sizing: border-box;
position: absolute;
left: 0px;
bottom: 0;
padding: 0 10px;
transition: all 0.1s ease-out;
}
.sy_box2 .sy_ul1 li:hover img{width: 135px;padding: 0;}
.sy_box2 .sy_ul1 li h3{
font-size: 20px;
font-weight: normal;
margin: 1em 0 0;
animation: corche 2s infinite;
}
@keyframes corche{
0%{color:#fff;}
20%{color:#ff0000;}
40%{color:#fff;}
60%{color:#ff0000;}
80%{color:#fff;}
100%{color:#ff0000;}}
.sy_box2 .sy_ul1 li p{
font-size: 15px;
margin: 0.5em 0 0;
}
.sy_box2 .sy_ul1 li p a{
color: #fff;
}
/* .control-box {
width: 1170px;
border: 1px solid #eeeeee;
background-size: 1055px;
background-repeat: no-repeat;
background-position: 60px 165px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
padding: 10px;
}
.control-box ul {
list-style: none;
position: relative;
}
.control-box ul li {
position: absolute;
top: 200px;
cursor: pointer;
}
.prev {
left: 0;
}
.next {
right: 0;
}
.bigbox {
overflow: hidden;
width: 1032px;
height:358px;
margin: auto 70px auto;
}
#switcher {
height: 358px;
left: 0px;
padding-top:10px;
}
.content_1.content_2 {
width: 100%;
float: left;
}
.box {
transition:all .7s ease 0s;
width: 255px;
height: 358px;
float: left;
border-left: 3px white solid;
}
.control-box h4{
border-bottom: 2px solid #01a8ff;
padding-bottom: 10px;
font-size:40px;
line-height: 60px;
text-align: center;
}
.control-box h4 span{
color: #f00;
} */
.question{
padding: 40px 0;
}
.sytitle{
width: 1200px;
margin: 0 auto;
position: relative;
text-align: center;
}
.sytitle h2{
font-size: 42px;
text-align: center;
line-height: 50px;
color: #333;
width: 1200px;
letter-spacing: 5px;
font-weight: bold;
}
.sytitle p{
color: #c8c8c8;
font-size: 24px;
padding-top: 10px;
text-transform: uppercase;
}
.sytitle h2:before, .sytitle h2:after {
position: absolute;
background: #000;
content: "";
height: 1px;
top: 50%;
width: 240px;
}
.sytitle h2:before{
left: 50px;
}
.sytitle h2:after{
right: 50px;
}
/* 新闻列表2样式 */
.news_banner2{
width: 100%;
min-width: 1200px;
position: relative;
height: 425px;
overflow: hidden;
background: #ccc;
}
.news_banner2 video{
position: absolute;
width: 1920px;
left: 0;
top: 0px;
bottom: 0;
right: 0;
margin: auto;
}
.news_banner2 .new2_b_n{
position: absolute;
top: 0px;
left: 0;
right: 0;
bottom: 0;
z-index: 20;
text-align: center;
padding-top: 150px;
color: #fff;
}
.news_banner2 .new2_b_n h2{
font-size: 58px;
font-weight: bold;
}
.news_banner2 .new2_b_n p{
padding-top: 10px;
font-size: 38px;
}
.news_banner2 .msk{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.5);
z-index: 10;
}
.news_box2{
background-color: #f0f0f0;
width: 100%;
margin: 0 auto;
}
.news_box2 .news2_box{
width: 1200px;
margin: 0 auto;
}
.news_box2 .news2_box .news_lm{
padding: 70px 0 40px;
}
.news_box2 .news2_box .news_lm a{
display: inline-block;
height: 40px;
position: relative;
background-color: #fff;
color: #8c8c8c;
font-size: 14px;
font-weight: 400;
text-align: center;
line-height: 40px;
margin: 0 8px;
border-radius: 28px;
-webkit-border-radius: 28px;
-moz-border-radius: 28px;
overflow: hidden;
padding: 0 19px 0 42px;
background-size: 130px;
}
.news_box2 .news2_box a i{
position: absolute;
left: 18px;
top: 13px;
width: 14px;
height: 16px;
background-image: url(/public/home/images/tabicons.png);
background-repeat: no-repeat;
background-position-x: right;
}
.news_box2 .news_list{
width: 1200px;
margin: 0 auto;
box-sizing: border-box;
}
.news_box2 .news_list .new_listx{
width: 1200px;
position: relative;
background: center center no-repeat #fff;
padding: 20px 30px;
transition: .2s;
-webkit-transition: .2s;
-moz-transition: .2s;
margin-bottom: 30px;
background-size: 1140px;
box-sizing: border-box;
}
.new_listx .new_img{
width: 284px;
height: 176px;
float: left;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.new_listx .new_img img{
display: block;
width: 284px;
height: 176px;
}
.new_listx:hover{
box-shadow: 0 9px 30px #e4e4e4;
}
.new_listx:after{
content: ".";
display: block;
visibility: hidden;
height: 0;
clear: both;
}
.new_listx .new_nr{
width: 820px;
float: right;
}
.new_listx .new_nr h3{
font-size: 22px;
display: block;
font-weight: 700;
line-height: 2.2;
transition: color 180ms;
-webkit-transition: color 180ms;
-moz-transition: color 180ms;
}
.new_listx .new_nr span{
color: #777;
font-size: 15px;
font-weight: 300;
transition: color 180ms;
-webkit-transition: color 180ms;
-moz-transition: color 180ms;
}
.new_listx .new_nr p{
padding: 16px 0 10px;
font-size: 16px;
color: #3b3b3b;
font-weight: 400;
line-height: 1.7;
}
.news_box2 .news2_box .news_lm .focus{
background-color: #0b9303;
color: #fff;
font-weight: 700;
}
.news_box2 .news2_box .news_lm .focus i{
background-position-x: left
}
.news_list .new_listx .new_nr h3:hover{
color:#00a0e9;
}
/* 新闻列表2结束 */
/* 新闻详情样式2 */
.newsinfo2{
background-color: #f0f0f0;
/* padding-top: 92px */
}
.newsinfo2 .news_lm{
width: 1200px;
margin: 0 auto;
padding: 70px 0 40px;
}
.newsinfo2 .news_lm a{
display: inline-block;
height: 40px;
position: relative;
background-color: #fff;
color: #8c8c8c;
font-size: 14px;
font-weight: 400;
text-align: center;
line-height: 40px;
margin: 0 8px;
border-radius: 28px;
-webkit-border-radius: 28px;
-moz-border-radius: 28px;
overflow: hidden;
padding: 0 19px 0 42px;
background-size: 130px;
}
.newsinfo2 .news_lm a i{
position: absolute;
left: 18px;
top: 13px;
width: 14px;
height: 16px;
background-image: url(/public/home/images/tabicons.png);
background-repeat: no-repeat;
background-position-x: right;
}
.newsinfo2 .news_lm .focus{
background-color: #386bd6;
color: #fff;
font-weight: 700;
}
.newsinfo2 .news_lm .focus i{
background-position-x: left
}
.newsinfo2 .dh_su {
width: 1200px;
margin: 0 auto;
padding: 30px 0;
}
.newsinfo2 .dh_su{
font-size: 18px;
}
.newsinfo2 .new_con {
width: 1300px;
background-color: #fff;
padding: 30px 0;
margin: 0 auto;
float: left;
}
.newsinfo2 .new_con .new_con2{
width: 900px;
margin: 0 auto;
/* padding-bottom: 40px; */
}
.newsinfo2 .new_con .new_dg{
width: 900px;
margin: 0 auto;
text-align: center;
padding-top: 20px;
}
.newsinfo2 .new_con .new_dg h2{
font-size: 26px;
color: #2b2b2b;
line-height: 44px;
font-weight: bold;
}
.newsinfo2 .new_con .new_dg p{
height: 24px;
line-height: 24px;
text-align: center;
overflow: hidden;
color: #666;
}
.newsinfo2 .new_con .new_dg p span{
margin-left: 8px;
margin-right: 3px;
color: #999;
font-size: 12px;
}
.newsinfo2 .new_con .new_con3{
padding: 12px 0;
line-height: 25px;
color: #333;
font-size: 14px;
}
.newsinfo2 .new_con .new_con3{
padding: 12px 0;
line-height: 25px;
color: #333;
font-size: 14px;
max-width: 1200px;
}
.newsinfo2 .new_con .new_con3 img{
width: 100%;
display: block;
}
.newsinfo2 .new_con .new_con3 a{
color: #386bd6;
}
.newsinfo2 .new_con .new_con3 p {
font-size: 18px;
/** padding-top: 10px;
text-align: justify;**/
}
.newsinfo2 .new_con .new_xg{
width: 800px;
margin:0 auto;
}
.newsinfo2 .new_con .new_xg ul li{
margin-top: 5px;
}
.newsinfo2 .new_con .new_xg ul li span{
color: #272626;
font-size: 20px;
line-height: 24px;
}
.newsinfo2 .new_con .new_xg ul li a{
color: #272626;
font-size: 18px;
line-height: 24px;
}
.newsinfo2 .new_con .new_xg ul li a:hover{
text-decoration:underline;
cursor: pointer;
color: #1c84fd;
}
.newsinfo2 .new_con .new_con3 p img {
max-width: 100%;
margin: 0 auto;
}
/* .newsinfo2 .new_con .new_con3 p img {
max-width: 750px;
}
/* 新闻详情样式2结束 */
/* 教师列表新样式 */
.tea_box2{
width: 100%;
background: #f6f6f6;
padding-bottom: 40px;
}
.tea_box2 .ms_box{
width: 1200px;
margin: 0 auto;
}
.ms_box .ms_list{
width:1200px;
margin: 0 auto;
padding-top: 44px;
}
.ms_box .ms_list h4{
font-size: 18px;
line-height: 22px;
height: 22px;
border-left: 3px solid #00a0e9;
padding-left: 17px;
font-weight: bold;
}
.ms_box .ms_list .ms_li{
padding: 50px 30px;
border-bottom: 1px solid #a0a0a0;
}
.ms_box .ms_list .ms_li .ms_img {
width: 220px;
height: 282px;
float: left;
margin-right: 48px;
}
.ms_box .ms_list .ms_li .ms_img img{
width: 220px;
height: 282px;
display: block;
}
.ms_box .ms_list .ms_li .ms_con{
padding-top: 20px;
width: 840px;
float: left;
text-align: justify;
}
.ms_box .ms_list .ms_li .ms_con h3{
margin-right: 48px;
font-weight: bold;
font-size: 25px;
}
.ms_box .ms_list .ms_li .ms_con h3 i{
font-weight: 100;
font-size: 20px;
padding: 0 15px;
}
.ms_box .ms_list .ms_li .ms_con h3 span{
font-size: 17px;
color: #959595;
}
.ms_box .ms_list .ms_li .ms_con p{
padding: 30px 0;
line-height: 30px;
}
.ms_box .ms_list .ms_li .ms_but{
width: 400px;
margin: 0 auto;
}
.ms_box .ms_list .ms_li .ms_but a{
background-color: #00a0e9;
font-size: 18px;
width: 160px;
line-height: 38px;
color: #fff;
text-align: center;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin-right: 26px;
display: inline-block;
}
/* 教师列表新样式 */
/* 专业列表新样式 */
.major_box{
background: #001220;
overflow: hidden;
}
.hlw_sjs{
width:1280px;
margin: 60px auto;
text-align: center;
}
.hlw_con1{
padding: 0;
margin: 0;
overflow: hidden;
text-align: justify;
text-align-last: justify;
}
.hlw_con1 li{
margin: 20px auto;
text-align: center;
text-align-last: initial;
width: 415px;
display: inline-block;
}
.hlw_con1 li:hover img{
margin-top:60px;
}
.hlw_con1 .zy_zs{
position: relative;
height: 259px;overflow: hidden;
background: #1a1a1a;
}
.hlw_con1 .zy_zs p{font-size: 18px;position: absolute;top: 20px;width: 100%;left: 0;white-space: nowrap;text-align: center;color: #fff0b9;}
.hlw_con1 .zy_zs img{position: relative;z-index: 1;transition: all 0.5s ease;width: 415px;height: 259px;}
.hlw_con1 .zy_zs p span{display: inline-block;width: 4em;}
.hlw_con1 h3{color: #ffee9d;font-size: 25px;margin: 20px 0;font-weight: 600;}
.hlw_con1 .zs_bottom{width: 12em;margin: 0 auto;text-align: center;overflow: hidden;background: #178edf;border-radius: 50px;font-size: 20px;line-height: 2em;}
.hlw_con1 .zs_bottom a{display: block;float: left;width: 50%;color: white;}
.hlw_con1 .zs_bottom .llzx{background: #016bb3;}
.hlw_con2{text-align-last: center;text-align: center;}
.hlw_con2 li{margin: 20px 30px;}
.con{background:#001220;overflow: hidden;}
.major_banner img{margin: 0 auto;display: block;/* margin-top: 92px; */}
.sjs_h2{margin: 0 auto 30px;font-size: 56px;color: #fff0b9;}
.sjs_h2 img{margin: 0 auto;}
.sjs_p{font-size: 18px;color: #ffe992;width: 96%;line-height: 32px;margin: 0 auto 20px;text-align: left;text-indent: 2em;}
.hlw_con3{padding: 0; /* display: inline-block; */ text-align: justify;text-align-last: justify;margin: 0;color: white;}
.hlw_con3 li{display: inline-block;margin: 20px auto;text-align: center;text-align-last: center;}
.hlw_con3 li h3{margin: 0.5em 0 0;font-size: 26px;color: #ffee9d;}
.hlw_con3 li h4{color: #ca032c;font-size: 18px;font-weight: normal;margin: 0.3em 0;}
.hlw_con3 li p{font-size: 15px;margin: 10px 0 0;}
.hlw_con3 .zs_bottom a{display: inline-block;background: #ca032c;width: 6em;font-size: 18px;line-height: 2em;border-radius: 0.8em;border: 1px solid white;color: white;margin: 1em 0.5em 0;}
.hlw_con3 .zs_bottom .llzx{background: #178edf;}
.te_ce{text-align: center!important;text-indent: 0!important;}
.zxurl{cursor: pointer;}
/* 专业列表新样式 结束*/
/* 抖音短视频变现训练营开营啦 */
.dy_box{
width: 100%;
background: #ffffff;
padding: 40px 0;
margin:0 auto;
text-align: center;
}
.content{
margin: 30px auto;
width: 75pc;
}
.dy_box .dy_t1{
margin: 60px auto 20px;
font-weight: 700;
font-size: 40px;
padding-top: 30px;
text-align: center;
margin-top: -10px!important;
}
.dy_box .gd_line{
margin: 0 auto 20px;
width: 100px;
height: 4px;
background-image: linear-gradient(90deg,#ae2dda,#f36f7c);
text-align: center;
}
.img2_div {
width: 100%;
}
.img2_div li:nth-child(odd) {
float: left;
margin: 8px auto;
width: 50%;
}
.img2_div li:nth-child(2n) {
float: right;
margin: 8px auto;
width: 50%;
}
.content ul li img {
width: 96%;
height: auto;
}
.dy_but{
margin: 20px auto;
padding: 14px;
width: 15%;
border-radius: 30px;
background-image: linear-gradient(90deg,#ae2dda,#f36f7c);
color: #fff;
text-align: center;
font-weight: 700;
font-size: 1.3em;
display: inline-block;
}
.dy_box2{
width: 100%;
background: #ffffff;
padding: 40px 0;
margin: 0 auto;
text-align: center;
}
.dy_box2 .dy_t2{
margin: 0px auto 20px;
font-weight: 700;
font-size: 40px;
}
.dy_box2 .dy_t3{
margin: 30px auto 20px;
font-size: 24px;
}
.dy_box2 img{
width: 1200px;
display: block;
margin: 0 auto;
}
.dy_box3{
padding: 40px 0;
background-image: ;
background-size: 100% 100%;
background-repeat: no-repeat;
text-align: center;
margin: 0 auto;
}
.dy_box3 .dy_b3{
margin: 0 auto;
padding-bottom: 20px;
width: 1000px;
height: auto;
border-radius: 20px;
background-color: #fff;
}
.dy_box3 .dy_b3>p{
margin: 30px auto 20px;
font-weight: 700;
font-size: 40px;
padding-top: 30px;
text-align: center;
}
.dy_box3 .dy_b3 .dy_form{
margin: 0 auto;
width: 540px;
height: auto;
}
.dy_box3 .dy_b3 .dy_form .dy_d{
margin-bottom: 30px;
width: 540px;
height: 50px;
border: 1px solid #fff;
}
.dy_box3 .dy_b3 .dy_form .dy_d .dy_p1{
float: left;
width: 110px;
height: 50px;
line-height: 50px;
color: #000;
text-align: center;
font-size: 20px;
}
.dy_box3 .dy_b3 .dy_form .dy_d input{
float: right;
width: 410px;
height: 50px;
outline: 0;
background: 0 0;
color: #fff;
font-size: 20px;
line-height: 50px;
border: 1px solid #ccc;
text-indent: 1em;
}
.dy_box3 .dy_but{
display: block;
margin: 0 auto;
width: 300px;
height: 30px;
outline: 0;
border: 0;
border-radius: 10px;
color: #fff;
font-weight: 700;
font-size: 30px;
font-family: 微软雅黑;
line-height: 30px;
cursor: pointer;
}
/* 抖音短视频变现训练营开营啦结束 */
/* 华为技术认证特训班 */
.hw_box{
width: 100%;
background: no-repeat top;
background-size: contain;
padding-top: 40px;
}
.hw_box .hw_ulbox{
width: 1280px;
margin: auto;
}
.hw_box .hw_ulbox ul{
width: 100%;
overflow: hidden;
}
.hw_box .hw_ulbox ul li{
width: 225px;
height: 236px;
float: left;
margin-left: 15px;
margin-bottom: 6px;
background-color: #fff;
border-radius: 5px;
box-shadow: 2px 6px 5px #e4ebfd;
color: #3c5b91;
}
.hw_box .hw_ulbox ul li:nth-child(1) {
margin-left: 0;
}
.hw_box .hw_ulbox ul li img{
width: 174px;
height: 114px;
display: block;
margin: 5px auto 0;
}
.hw_box .hw_ulbox ul li b{
display: block;
text-align: center;
font-size: 24px;
}
.hw_box .hw_ulbox ul li span{
display: block;
padding: 10px;
text-indent: 1em;
text-align: justify;
font-size: 14px;
line-height: 1.5;
}
.hw_box2{
width: 1200px;
margin: 10px auto;
text-align: center;
}
.hw_box2 .hw_h2 {
font-size: 48px;
margin: 0 0 0.2em;
color: #2c2b2b;
line-height: 1.6em;
font-weight: bold;
}
.hw_box2 .heng{
width: 80px;
margin: 0 auto;
background: linear-gradient(to right, #14b9fe , #3f6cff);
height: 6px;
}
.hw_box2 .advantage{
width: 100%;
padding-top: 1em;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.hw_box2 .advantage ul{
display: table;
margin: auto;
width: 1200px;
padding: 1em 0;
}
.hw_box2 .advantage ul li{
width: 300px;
height: 280px;
box-sizing: border-box;
float: left;
text-align: left;
}
.hw_box2 .advantage ul li h5{
margin: 15px 15px;
font-size: 1.3em;
color: #443e3e;
font-weight: bold;
}
.hw_box2 .advantage ul li p{
font-size: 15px;
line-height: 1.6em;
padding: 10px 20px;
height: 140px;
color: #666;
}
.hw_box2 .advantage ul li .ljzx{
width: 125px;
margin-left: 20px;
font-size: 16px;
display: inline-block;
line-height: 30px;
text-align: center;
background: linear-gradient(to right, #0cc9fe , #4265ff);
color: #fff;
font-weight: bold;
border-radius: 50px;
margin-top: 30px;
}
.hw_box2 .hw_div2{
width: 1200px;
margin: 0px auto;
text-align: center;
}
.hw_box2 .hw_div2 ul{
overflow: hidden;
max-width: 1200px;
margin: 0 auto 30px;
padding: 0;
}
.hw_box2 .hw_div2 ul li{
display: inline-block;
margin: 10px 23px 10px 0;
width: 373px;
height: 495px;
}
.hw_box2 .hw_div2 ul li h2{
font-size: 24px;
color: #443e3e;
line-height: 40px;
margin: 0;
font-weight: bold;
}
.hw_box2 .hw_div2 ul li div{
padding: 6px 0 20px;
padding-bottom: 0;
}
.margin_r_0 {
margin-right: 0!important;
}
.hw_box2 .hw_div2 ul li div p{
font-size: 14px;
line-height: 1.6em;
text-align: center;
margin: 0 auto 10px;
text-align: left;
display: block;
width: 98%;
color: #666;
}
.ljzx{
width: 125px;
margin-left: 20px;
font-size: 16px;
display: inline-block;
line-height: 30px;
text-align: center;
background: linear-gradient(to right, #0cc9fe , #4265ff);
color: #fff;
font-weight: bold;
border-radius: 50px;
}
.fl3{
width: 100%;
height: 1072px;
background: no-repeat center;
position: relative;
text-align: center;
}
.fl3 .ww{
width: 1200px;
margin: 30px auto;
}
.fl3 .kyo{
width: 375px;
float: right;
height: 510px;
}
.kyo h2{
font-size: 24px;
color: #000;
line-height: 40px;
margin: 0;
font-weight: 500;
padding-top: 10px;
}
.kyo div{
padding: 6px 0 20px;
padding-bottom: 0;
}
.kyo div p{
font-size: 14px;
line-height: 1.6em;
text-align: center;
margin: 0 auto 10px;
text-align: left;
display: block;
width: 98%;
color: #666;
}
.cle{
width: 100%;
clear: both;
height: 70px;
}
.pg5{
padding: 20px 0 20px;
text-align: center;
background: #fff;
box-shadow: 4px 4px 8px 1px #6b6b6b;
border-radius: 8px;
}
.pg5 .tit_h2{
color: #000;
font-size: 36px;
text-align: center;
padding: 20px;
/* text-shadow: 2px 0 #2e047c; */
font-weight: bold;
}
.fo-ma {
margin: 30px auto 0;
}
.fo-ma form {
display: block;
margin-top: 0em;
}
.fo-ma input{
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
overflow: visible;
}
.fo-ma ul {
padding: 0;
margin: 0;
}
.fo-ma ul li{
margin: 0 auto 20px;
text-align: center;
overflow: hidden;
width: 700px;
}
.fo-ma li label {
color: #000;
width: 120px;
height: 50px;
line-height: 50px;
font-size: 20px;
float: left;
font-weight: bold;
}
.fo-ma li input {
background: #ececec;
width: 450px;
height: 50px;
display: inline-block;
vertical-align: middle;
border: 0;
padding: 0;
text-indent: 2em;
font-size: 18px;
float: left;
border-radius: 10px;
}
.fo-ma li input[type=submit] {
background: #3543da;
text-align: center;
width: 200px;
height: 60px;
margin: 20px auto 0;
display: block;
color: #fff;
border: 0;
font-size: 30px;
float: inherit;
text-indent: 0;
}
/* 华为技术认证特训班结束 */
/* 电竞青训营 */
.djqxy_box {
width: 100%;
background: #ffffff;
padding: 40px 0;
margin: 0 auto;
text-align: center;
}
.djqxy_gd{
width: 1200px;
margin: 0 auto;
}
.djqxy_gd h2{
font-size: 40px;
font-weight: 700;
text-align: center;
line-height: 80px;
}
.djqxy_gd p{
font-size: 22px;
line-height: 44px;
}
.djqxy_box ul{
width: 1200px;
margin: 0 auto;
}
.djqxy_box ul li{
width: 380px;
float: left;
margin: 10px;
position: relative;
}
.djqxy_box ul li img{
width: 380px;
display: block;
}
.djqxy_box ul li span{
height: 40px;
width: 100%;
font-size: 20px;
color: #fff;
text-align: center;
line-height: 40px;
background-color: rgba(49, 47, 45, 0.5);
display: block;
position: absolute;
bottom: 0;
}
.djqxy_b{
display: inline-block;
font-size: 26px;
height: 67px;
padding: 0 39px;
font-weight: 700;
text-align: center;
line-height: 67px;
color: #fff;
background: no-repeat;
background-size: 100% 100%;
margin-top: 40px;
}
.djqxy_box2 {
width: 100%;
background: #ffffff;
padding: 40px 0;
margin: 0 auto;
text-align: center;
}
.dj_b2{
width: 1200px;
margin:0 auto;
margin-top: 40px;
}
.dj_b2 img{
width: 1200px;
display: block;
}
.djqxy_box3{
width: 100%;
background: #ffffff;
padding: 40px 0;
margin: 0 auto;
text-align: center;
}
.djqxy_box3 ul{
width: 1200px;
margin:0 auto;
}
.djqxy_box3 ul li{
width: 280px;
float: left;
margin:10px;
}
.djqxy_box3 ul li img{
width: 280px;
display: block;
}
.djqxy_box3 ul li p{
font-size: 20px;
padding-top: 10px;
}
.djqxy_box4{
background: no-repeat;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
margin: 0 auto;
padding: 90px 0;
}
.djqxy_box4 .dj4_bxo{
width: 1200px;
margin:0 auto;
}
.dj4_bxo .dj3_img{
width: 826px;
height: 160px;
margin-left: 275px;
display: block;
}
.dj4_bxo .dj3_img2{
width: 847px;
height: 29px;
margin: 0 auto;
display: block;
margin-top: 60px
}
.djqxy_box4 .dj4_form{
position: relative;
width: 530px;
height: 250px;
margin: 0 auto;
text-align: center;
border-left: #e1604b 2px solid;
border-bottom: #e1604b 2px solid;
border-right: #e1604b 2px solid;
margin-top: 60px;
}
.djqxy_box4 .dj4_form .dj4_t2{
position: absolute;
font-size: 28px;
color: #e1604b;
padding: 10px 20px;
left: 163px;
top: -30px;
}
.djqxy_box4 .dj4_form .top_l {
width: 165px;
position: absolute;
border: #e1604b 1px solid;
left: -2px;
top: -2px;
}
.djqxy_box4 .dj4_form .top_r{
width: 165px;
border: #e1604b 1px solid;
position: absolute;
right: -2px;
top: -2px;
}
.djqxy_box4 .dj4_form .dj4_name{
width: 360px;
height: 40px;
font-size: 18px;
border-radius: 6px;
text-indent: 8px;
background-color: #fff;
color: #ccc;
margin-top: 40px;
}
.djqxy_box4 input{
display: inline-block;
margin: 0;
color: initial;
text-align: start;
text-indent: 0;
text-transform: none;
text-shadow: none;
word-spacing: normal;
letter-spacing: normal;
font: 13.33px arial;
text-rendering: auto;
border: none;
outline: none;
background: none;
}
.djqxy_box4 .dj4_form .dj_ph{
margin-top: 25px;
}
.djqxy_box4 .dj4_form p{
width: 360px;
margin: 0 auto;
text-align: left;
color: #ccc;
line-height: 28px;
margin-top: 25px;
}
.dj4_bxo .dj_submit{
height: 50px;
padding: 0 25px;
background-color: #e1604b;
color: #fff;
font-size: 25px;
border-radius: 25px;
margin: 0 30px 0 366px;
cursor: pointer;
margin-top: 50px;
}
.djqxy_b2{
display: inline-block;
height: 50px;
line-height: 50px;
padding: 0 25px;
background-color: #e1604b;
color: #fff;
font-size: 25px;
border-radius: 25px;
margin-top: 50px;
}
/* 电竞青训营结束 */
/* 程序员节 */
.cxy_box{
background: no-repeat;
background-position: top center;
background-size: 100%;
max-width: 1920px;
margin: 0 auto;
width: 100%;
text-align: center;
}
.cxy_box .cxy_banner {
width: 100%;
padding: 10.4% 0 0;
}
.cxy_box .cxy_banner img{
width: 58.386%;
margin: 0 auto;
}
.cxy_box .cxy_banner p{
font-size: 18px;
line-height: 40px;
text-align: left;
text-indent: 2em;
color: #fff;
border: 5px solid #fff;
border-radius: 5px;
padding: 20px 30px;
margin: 0 auto;
width: 1120px;
}
.con_pg3{width:1120px;margin:60px auto;color:#fff; text-align: center;}
.con_h2{font-size:36px;color:#31f8ff;margin: 0 0 0.2em;line-height: 1.6em;}
.con_dl2{width:1120px;margin: 160px auto;color:#fff;position:relative;border:10px solid #003dff;border-radius:5px;padding:30px 40px;text-align:right;box-sizing: border-box;}
.con_dl2::before{content:'';position:absolute;z-index:-1;background:#26269e;transform:perspective(12em) rotatex(10deg);transform-origin:top;bottom:-100px;left:0;width:100%;height:100px;}
.con_dl2_l{width:40%;height: 500px;position:absolute;left:7%;top:-100px;z-index:10;text-align:center;border:10px solid #007ad0;border-radius:10px;box-shadow:inset 0 0 0 10px #71c0e1;background:#060764;padding:10px;box-sizing:border-box;}
.con_dl2_l h3{font-size:24px;}
.con_dl2_l p{font:24px/32px;color:#fcfcdf;text-align:center;}
.con_dl2_l #demo{height: 381px;overflow:hidden;width:80%;margin:0 10%;}
.con_dl2_l #demo table{width:100%;height:460px;font-size:16px;color:#fff;text-align:center;overflow:hidden;line-height:30px;}
.con_dl2_r{display:inline-block;width:50%;text-align:center;}
.con_dl2_r h3{font-size:24px;color:#31f8ff;line-height:37px;text-align:center;width:80%;margin:0 0 10px 20%;}
.con_dl2_r h3 span{color:#f1f416;}
.con_dl2_r input{width:78%;box-sizing:border-box;padding:15px 20px;margin:10px 0;border-radius:5px;border:2px solid #fff;font-size:18px;background:transparent;color:#fff;}
.con_dl2_r i{display:inline-block;width:18%;font-size:20px;font-style:normal;text-align:right;}
.con_dl2_r .submit{width:8em;background:#59b7f9;color:#000;border-radius:50px;border:0;font-size:24px;padding:10px;box-sizing:border-box;margin:10px 0 10px 20%;line-height:24px;text-align: center;}
.con_dl4{overflow: hidden;margin: 30px auto;width: 1120px;padding: 0;}
.con_dl4 ul{overflow:hidden;padding:0;margin:30px 0;}
.con_dl4 li{float:left;margin: 14px 28px 14px 0;position: relative;}
.con_dl4 p{color:#31f8ff;font-size: 20px;position: absolute;background: rgba(22, 25, 80, 0.75);width: 100%;bottom: 0;margin: 0;line-height: 2em;}
.ljzx_b{
width: 8em;
background: #59b7f9;
color: #000;
border-radius: 50px;
border: 0;
font-size: 24px;
padding: 10px;
box-sizing: border-box;
line-height: 24px;
display: inline-block;
}
.con_dl5{padding:0;margin: 30px auto;overflow: hidden;padding: 0 111px;}
.con_dl5 li{width:299px;background: top center no-repeat;padding:30px 0;float: left;}
.con_dl5 img{border-radius:50%;margin:30px auto 46px;}
.con_dl5 p{font-size:18px;font-weight:700;color:#31f8ff;}
.con_dl5 .llzx{width:9em;background:#59b7f9;color:#000;border-radius:50px;border:0;font-size:18px;padding:10px;box-sizing:border-box;line-height:18px;display:inline-block;}
.con_dl6{padding:0;overflow:hidden;text-align:left;margin: 30px auto;}
.con_dl6 li{width:354px;margin: 14px 29px 15px 0;box-sizing:border-box;text-align:center;float: left;}
.con_dl6 div{border:1px solid #747474;padding: 10px 20px 20px;text-align: center;border-style: none solid solid;}
.con_dl6 h3{color:#fff0b9;font-size: 17px;margin: 0;line-height: 2em;text-align: left;}
.con_dl6 h3 span{color:red;}
.con_dl6 p{font-size:16px;line-height: 2em;margin: 0 0 0.5em;text-align: left;color: white;}
.con_dl6 div img{display: inline-block;vertical-align: initial;}
.con_dl6 .llzx{background:red;color:#fff;text-align:center;font-size: 16px;line-height: 2em;border-radius:5px;display: inline-block;width: 40%;margin: 0 2%;}
.con_dl6 li a img{
width: 355px;height: 189px;
}
.con_dl7{padding:0;overflow:hidden;margin:30px 0;}
.con_dl7 li{width:33.3%;float:left;}
.con_dl7 div{border-radius:50%;overflow:hidden;width:264px;margin:10px auto -51px;padding:0 0 51px;}
.con_dl7 hr{width:70%;border-bottom:2px solid #fff;display:block;margin:0 auto;}
.con_dl7 p{width:70%;font-size:18px;line-height:32px;margin:1em auto 0;text-align:left;position:relative;}
.con_dl8{overflow: hidden;width: 1120px;padding: 0 15px;box-sizing: border-box;}
.con_dl8_l{width: 340px;background:#fff;color:#000;text-align:left;box-sizing:border-box;padding:40px 20px;float: left;}
.con_dl8_l h3{font-size:24px;font-weight:400;margin:0;text-transform:uppercase;display:inline-block;line-height:32px;vertical-align:top;}
.con_dl8_l strong{font-size: 36px;color:#f44144;position:relative;display:block;}
.con_dl8_l hr{width:52%;border-bottom:2px solid #000;display:block;margin:15px 0;}
.con_dl8_l i{display:inline-block;width:32px;height:32px;overflow:hidden;}
.con_dl8_l div h3{padding:0 0 0 4px;}
.con_dl8_l p{padding:0 0 0 40px;margin:8px 0 12px;}
.con_dl8_l a{padding:0 0 0 40px;font-size:14px;margin:12px 0;display:block;color:red;}
.con_dl8_l .qqzx img{margin-top:-64px;}
.con_dl8_l .qqzx a{background:#f44144;margin:0 0 0 40px;width:5em;color:#fff;padding:0;text-align:center;font-size:22px;}
.con_dl8_r{width: 700px;float: left;margin: 30px 0 0 50px;}
.con_dl8_r h3{font-size:30px;text-align:left;line-height:48px;margin:0 0 1em;}
.con_dl8_r span{text-indent:4em;display:inline-block;}
.con_dl8_r form{background:#c0161a;padding:30px 40px;}
.con_dl8_r input{width:45%;margin:2%;padding:10px;box-sizing:border-box;font-size:18px;}
.con_dl8_r .submit{width:8em;background:#fff;border:0;border-radius:5px;color:#c0161a;font-size:18px;text-align: center;}
/* 程序员节结束 */
/* 公共表单 */
.pub_form {
padding: 64px 0 58px;
background: url(/public/home/images/pub_form_bg01.jpg) no-repeat center bottom;
text-align: center;
margin: 0 auto;
}
.pub_form h2{
color: #fff;
font-weight:bold;
font-size: 28px;
line-height: 48px;
}
.pub_form form input {
width: 100%;
height: 100%;
padding-left: 18px;
border-radius: 5px;
box-sizing: border-box;
border: none;
font-size: 20px;
color: #9d9b9b;
display: block;
margin: 20px auto 0;
width: 536px;
height: 66px;
line-height: 66px;
background: #fff;
border-radius: 5px;
overflow: hidden;
outline-style: none;
outline-width: 0px;
border: none;
}
.pub_form form input[type=submit] {
font-size: 20px;
color: #fff;
margin: 20px auto 0;
text-align: center;
display: block;
border-radius: 5px;
width: 536px;
height: 66px;
line-height: 66px;
background: #04d298;
}
.pub_form form p{
font-size: 18px;
color: #fff;
margin-top: 17px;
line-height: 32px;
text-align: center;
}
/* 公共表单结束 */
/* 校园环境新样式 */
.ui-gallery .ui-grid-a .ui-block-a,.ui-gallery .ui-grid-a .ui-block-b{float:left;}
.ui-gallery h1, .ui-gallery h2, .ui-gallery h3, .ui-gallery h4, .ui-gallery h5, .ui-gallery h6, ui-gallery p{margin:0;padding:0;line-height:100%;}
.ui-gallery .mt10{margin-top:10px;}
.ui-gallery .mt20{margin-top:20px;}
.ui-gallery .mt30{margin-top:30px;}
.ui-gallery .mt40{margin-top:40px;}
.ui-gallery .mt60{margin-top:60px;}
.ui-gallery .pb40{padding-bottom:40px;}
.ui-gallery .pt60{padding-top:60px;}
.ui-gallery .ui-line{width:100%;height:1px;background:#ccc;margin-top: 30px;}
.ui-gallery .ui-tag p{text-align:center;}
.ui-gallery .ui-tag p span a{font-size:18px;color:#666;}
.ui-gallery .ui-tag p span a:hover{color:#0f6eb2;}
.ui-gallery .ui-header img{display:block;width:247px;margin:0 auto;}
.ui-gallery .ui-article .img-item{float:left;margin-right:15px;margin-top:20px;position:relative;width:390px;height:260px;overflow:hidden;}
.ui-gallery .ui-article .img-item:nth-child(3n){margin-right:0;}
.ui-gallery .ui-article .img-item img{transform:scale(1.05,1.05) translatex(5px);transition:all 0.6s;}
.ui-gallery .ui-article .img-item:hover img{transform:scale(1.05,1.05) translatex(-5px);}
.ui-gallery .ui-article p{font-size:18px;color:#fff;position:absolute;bottom:-50px;width:390px;padding-left:20px;height:50px;background:linear-gradient(0deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);margin:0;line-height:56px;transition:all 0.6s;}
.ui-gallery .ui-article .img-item:hover p{bottom:0;}
.ui-gallery .ui-btns{padding-top:15px;padding-bottom:13px;border:1px solid #ffa200;width:500px;margin-left:auto;margin-right:auto;}
.ui-gallery .ui-btns a{width:249px;float:left;color:#ffa200;font-size:18px;text-align:center;line-height:100%;}
.ui-gallery .ui-block-2, .ui-gallery .ui-block-4{background:#f5f9fa;}
.ui-gallery .w1200{
width: 1200px;
margin-left: auto;
margin-right: auto;
}
.ui-gallery .w1200 h2{
font-size: 40px;
font-weight: bold;
text-align: center;
}
.ui-gallery .w1200 h2 span{
border: 1px solid #000;
padding: 8px;
margin: auto 10px;
display: inline-block;
}
/* 校园环境新样式结束 */
/* 右侧浮动框 */
.side{position:fixed;width:54px;height:275px;right:0;top:300px;z-index:1000;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:alpha(opacity=100);}
.side ul li .sidebox img{
float: left;
width: 31px;
height: 31px;
padding: 13px;
}
/* 右侧浮动框结束 */
/*首页导航栏上面电话样式 */
.sy_img2{
width: 240px;
float: left;
height: 60px;
margin: 20px 10px;
}
.sy_img2 .sy_d1{
float: left;
height: 60px;
text-align: right;
}
.sy_img2 .sy_d1 h5{
color:#a1a1a1;
font-size: 16px;
line-height: 20px;
margin: 4px 0;
}
.sy_img2 .sy_d1 p{
color: #ff0000;
font-size: 18px;
line-height: 30px;
}
.sy_img2 .sy_d2 img{
width: 70%;
display: block;
}
.sy_img2 .sy_d2{
float: left;
}
/* 环境 */
.huanjing_box{
width: 100%;
background: #f3f3f3;
padding:20px 0;
text-align: center;
margin: 0 auto;
}
.huanjing_gd{
width: 1200px;
margin: 0 auto;
padding: 20px 0;
}
.huanjing_gd .hj_left{
width: 540px;
float: left;
height: 620px;
}
.huanjing_gd .hj_left ul li{
width: 540px;
margin: 0 auto;
}
.huanjing_gd .hj_left ul li:nth-child(2){
margin-top: 10px;
}
.huanjing_gd .hj_left ul li img{
width: 540px;
display: block;
}
.huanjing_gd .hj_right{
width: 640px;
float: left;
margin-left: 10px;
}
.huanjing_gd .hj_right .hj_r_ul{
width: 640px;
height: 400px;
}
.huanjing_gd .hj_right .hj_r_ul .hj_r_li1{
width: 300px;
height: 400px;
float: right;
}
.huanjing_gd .hj_right .hj_r_ul .hj_r_li1 img{
width: 300px;
height: 195px;
display: block;
}
.huanjing_gd .hj_right .hj_r_ul .hj_r_li2{
width: 330px;
height: 400px;
display: block;
float: left;
color: #ffffff;
}
.huanjing_gd .hj_right .hj_r_ul .hj_r_li2 img{
width: 330px;
height: 400px;
display: block;
}
.huanjing_gd .hj_right .hj_r_ul .hj_r_li2 p{
font-size: 26px;
line-height: 54px;
}
.huanjing_gd .hj_right .hj_r_ul .hj_r_li2 p span{
font-size: 36px;
}
.huanjing_gd .hj_right .hj_r_ul .hj_r_li2 .hj_r_a{
width: 220px;
height: 40px;
font-size: 20px;
line-height: 40px;
background: #ffffff;
border-radius: 40px;
color: #c90000;
display: block;
margin:30px auto;
}
.huanjing_gd .hj_right .hj_r_ul2{
width: 640px;
height: 220px;
}
.huanjing_gd .hj_right .hj_r_ul2 li{
width: 330px;
float: left;
margin-top: 10px;
}
.huanjing_gd .hj_right .hj_r_ul2 .hj_r_li3{
width: 330px;
height: 220px;
}
.huanjing_gd .hj_right .hj_r_ul2 .hj_r_li3 img{
width: 330px;
height: 220px;
display: block;
float: left;
}
.huanjing_gd .hj_right .hj_r_ul2 .hj_r_li4{
width: 300px;
height: 220px;
margin-left: 10px;
}
.huanjing_gd .hj_right .hj_r_ul2 .hj_r_li4 img{
width:300px;
height: 220px;
display: block;
float: left;
}
.huanjing_box .new_zy_butt{
display:none;
}
/* 专业列表新样式 */
.major_banner{
width: 100%;
min-width: 1200px;
position: relative;
height: 425px;
overflow: hidden;
background: #ccc;
}
.major_banner video{
position: absolute;
width: 1920px;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
}
.major_banner .major_b_n{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 20;
text-align: center;
padding-top: 150px;
color: #fff;
}
.major_banner .major_b_n h2{
font-size: 58px;
font-weight: bold;
}
.major_banner .msk{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .5);
z-index: 10;
}
.major_box_bg{
width: 100%;
margin: 0 auto;
background: #f0f0f0;
padding: 40px 0;
/* text-align: center; */
}
.major_box_gd{
width: 1200px;
margin: 0 auto;
}
.major_box_bg .major_box_lm{
padding: 70px 0 40px;
}
.major_box_bg .major_box_lm a{
display: inline-block;
height: 40px;
position: relative;
background-color: #fff;
color: #8c8c8c;
font-size: 14px;
font-weight: 400;
text-align: center;
line-height: 40px;
margin: 0 8px;
border-radius: 28px;
-webkit-border-radius: 28px;
-moz-border-radius: 28px;
overflow: hidden;
padding: 0 20px;
background-size: 130px;
}
.major_box_bg .major_box_lm .focus{
background-color: #386bd6;
color: #fff;
font-weight: 700;
}
.major_box_bg .major_box_lm a:first-child {
padding-left: 42px;
}
.major_box_bg .major_box_lm .focus i{
background-position-x: left;
}
.major_box_bg .major_box_lm a i{
position: absolute;
left: 18px;
top: 13px;
width: 14px;
height: 16px;
background-image: url(/public/home/images/tabicons.png);
background-repeat: no-repeat;
background-position-x: right;
}
.major_box_gd ul{
width: 1200px;
margin: 20px auto 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.major_box_gd ul li{
width: 390px;
overflow: hidden;
position: relative;
height: 240px;
margin-bottom: 30px;
display: inline-block;
}
.major_box_gd ul li img{
display: block;
width: 390px;
height: 223px;
overflow: hidden;
}
.major_box_gd ul li .major_li_gd{
position: absolute;
bottom: -70px;
left: 0;
right: 0;
margin: auto;
background-color: #fff;
padding: 16px 22px;
transition: .4s;
}
.major_box_gd ul li .major_li_gd .major_li_gd_img{
display: inline-block;
width: 10%;
height: auto;
}
.major_box_gd ul li .major_li_gd h6{
font-size: 20px;
line-height: 38px;
font-weight: bold;
text-align: center;
}
.major_box_gd ul li .major_li_gd p{
height: 80px;
font-size: 16px;
color: #2e2e2e;
line-height: 25px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
text-align: justify;
}
.major_box_gd ul li:hover .major_li_gd{
bottom:-20px;
}
.major_box_gd ul li .major_li_gd .major_li_a{
padding: 20px 38px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.major_box_gd ul li .major_li_gd .major_li_a a{
width: 112px;
height: 30px;
line-height: 30px;
text-align: center;
border: 1px solid #bfbfbf;
transition: .2s;
}
.major_box_gd ul li .major_li_gd .major_li_a a:hover {
color: #fff;
background: linear-gradient(to right, #0b9303, #76ff6d);
border: 1px solid transparent;
}
.majorshort li span{
position: absolute;
top: 0;
width: 50px;
background: no-repeat center;
background-size: 100% 100%;
color: #ffffff;
height: 60px;
text-align: center;
padding-top: 6px;
line-height: 20px;
}
/* 合作 */
.friend_new{
width:100%;
margin: 0 auto;
padding: 40px 0;
background: #ffffff;
}
.friend_new .friend_new_b{
width:1200px;
border-bottom: 3px solid #088702;
margin: 0 auto;
}
.friend_new .friend_new_b li{
width: 150px;
height: 40px;
font-size: 24px;
line-height: 40px;
text-align: center;
display: inline-block;
}
.friend_new .friend_new_b .fri_on{
background: #088702;
color: #ffffff;
}
.friend_new .fri_ul{
width: 1200px;
margin: 5px auto 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
display: none;
}
.friend_new .fri_a1a li{
width: 148px;
margin: 5px 0 0 0 ;
display: inline-block;
}
.friend_new .fri_a1a li img{
width: 148px;
display: block;
}
.friend_new .fri_x{
display: flex;
}
.friend_new .fri_a2a{
width: 1200px;
margin: 10px auto;
}
.friend_new .fri_a2a li{
width: 280px;
text-align: left;
font-size: 18px;
line-height: 26px;
color: #333;
}
.friend_new .fri_a3a {
width: 1200px;
margin: 10px auto;
}
.friend_new .fri_a3a li{
width: 280px;
text-align: center;
font-size: 20px;
line-height: 26px;
}
.sy_hrbm{
width: 1200px;
margin:0 auto;
padding: 20px 0;
}
.sy_hrbm .sy_hrbm_left{
width: 800px;
height: 414px;
float: left;
overflow: hidden;
}
.sy_hrbm .sy_hrbm_left img{
width: 800px;
float: left;
display:block;
height: 414px;
}
.sy_hrbm_right {
width: 380px;
margin:0 auto;
float: right;
}
.sy_hrbm_right h3{
width: 380px;
height: 70px;
font-size: 36px;
color: #ffffff;
background:#dc0303;
text-align: center;
font-weight: bold;
margin: 10px 0 20px;
line-height: 70px;
}
.sy_hrbm_right .sy_hrbm_right_im1{
width: 380px;
display: block;
height: 130px;
}
.sy_hrbm_right_d1{
padding: 20px 0;
}
.sy_hrbm_right_d1 img{
width: 33px;
height: 29px;
display: inline-block;
vertical-align: text-bottom;
}
.sy_hrbm_right_d1 h4{
font-size: 24px;
display: inline-block;
font-weight: bold;
margin-left: 5px;
}
.sy_hrbm_right ul{
width: 260px;
margin:0 auto;
border:1px solid #cccccc;
padding: 5px 8px;
border-radius: 10px;
float: right;
}
.sy_hrbm_right ul li:nth-child(1){
border-bottom:1px dashed #cccccc;
}
.sy_hrbm_right ul li {
line-height: 44px;
height: 44px;
}
.sy_hrbm_right ul li p{
width: 168px;
display: inline-block;
text-align: center;
font-size: 18px;
}
.sy_hrbm_right ul li p:nth-child(1){
width: 145px;
}
.sy_hrbm_right ul li p:nth-child(2){
width: 115px;
}
.sy_hrbm_right_d2{
width: 100px;
height: 100px;
float: left;
}
.sy_hrbm_right_d2 img{
width: 100px;
height: 100px;
display: block;
}
.jt_dj_box{
width: 100%;
margin: 0 auto;
text-align: center;
background: no-repeat center;
background-size: cover;
padding-bottom: 30px;
}
.jt_dj_box .jt_dj_gd{
width:100%;
max-width: 1186px;
background: #ffffff;
margin: 0 auto;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.jt_dj_box .jt_dj_gd img{
width: 450px;
display: block;
float: left;
margin: 0 auto;
margin-left: 50px;
}
.jt_dj_box .jt_dj_gd form{
width: 560px;
float: right;
padding: 80px 30px;
}
.jt_dj_box .jt_dj_gd form input{
width: 430px;
display: inline-block;
border-radius: 30px;
line-height:40px;
border: 1px solid #00256c;
margin: 20px auto;
font-size: 24px;
text-indent: 2em;
}
.jt_dj_box .jt_dj_gd form span{
font-size: 36px;
line-height: 48px;
}
.jt_dj_box .jt_dj_gd form input[type="button"]{
background: #ea3676;
color: #ffffff;
border: none;
text-indent: 0em;
}
/* 环境列表页面背景颜色 */
.huanjing_bg{
width:100%;
margin: 0 auto;
background: #ffffff;
}
.huanjing_gd .huanjing_ul_lanmu{
width: 600px;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.huanjing_gd .huanjing_ul_lanmu li{
width: 290px;
border:1px solid #eeeeee;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 24px;
background: #ffffff;
cursor: pointer;
}
.huanjing_ul_hj{
width: 1200px;
margin: 20px auto 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.huanjing_ul_hj li{
width: 390px;
height: 260px;
margin: 5px auto;
position: relative;
}
.huanjing_ul_hj li img{
width: 390px;
height: 260px;
display: block;
}
.huanjing_ul_hj li p{
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 100%;
line-height: 35px;
background-color: rgba(0,0,0,0.6);
text-align: center;
color: #fff;
font-size: 18px;
}
.huanjing_ul_lanmu .hjlion{
border: none;
background: #0b8f05 !important;
color: #ffffff !important;
}
.huanjing_li_x1a{
display: none;
}
.huanjing_li_x2a{
display: none;
}
.hjlion2{
display: flex;
}
.right_box{
position: fixed;
right: 0px;
top: 244px;
width: 200px;
height: 454px;
z-index: 99999999;
}
.right_box img{
width: 200px;
display: block;
}
/* 首页轮播图新加样式 */
.banner-box{width: 100%;height: 600px;position: relative;z-index: 1;overflow: hidden;background: rgba(255, 255, 255, .5);overflow: hidden;}
.banner-list{/* width: 1920px; */height: 100%;position: relative;left: 50%;margin: 0 0 0 -960px;overflow: hidden;}
.banner-list ul{width: 100%;height: 100%;margin: 0;padding: 0;overflow: hidden;}
.banner-list ul li{width: 100%;height: 100%;text-align: center;position: absolute;top: 0;left: 0;overflow: hidden;}
.banner-list ul li a{width: 100%;height: 100%;}
.banner-icon{width: 96%;height: 8px;position: absolute;bottom: 10px;left: 50%;margin: 0 0 0 -48%;text-align: center;font-size: 0;overflow: hidden;}
/* .banner-box .hd{ position: absolute; z-index: 3; left: 0; right: 0; bottom:10px; padding-left:295px; text-align: center}*/
.banner-box .hd{ position: absolute; z-index: 3; left: 0; right: 0; bottom:10px; text-align: center}
.banner-box .hd li {width:120px; height:25px; line-height:25px; margin:1px;overflow:hidden; text-align:center; color:#3a3a3a;font-size:12px; cursor:pointer; display:inline-block; *display:inline;background:#fff;background-color: rgba(255, 255, 255, 0.7); zoom:1; }
.banner-box .hd li.active{background:#666;color:#fff;}
.banner-icon span{display: inline-block;*display: inline;*zoom: 1;width: 8px;height: 8px;-moz-border-radius: 5px;border-radius: 6px;background: #fff;margin: 0 2px;cursor: pointer;overflow: hidden;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.banner-icon span.active{width: 18px;}
.banner-btn{width: 70px;height: 70px;position: absolute;top: 50%;margin: -35px 0 0;font-size: 70px;opacity: 0;filter: alpha(opacity=0);text-align: center;line-height: 70px;color: #fff;cursor: pointer;overflow: hidden;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.banner-btn.prev{left:15%;}
.banner-btn.next{right: 15%;}
.banner-box:hover .banner-btn{opacity: 1;filter: alpha(opacity=100);opacity: 0.5\9;filter: alpha(opacity=50);}
/* 教师列表新样式 */
.teach_new {
width: 100%;
background: #ffffff;
padding-bottom: 40px;
}
.teacher_box_new{
width: 1200px;
margin: 0 auto;
border-bottom:1px solid #a0a0a0;
text-align: center;
padding: 40px 0;
}
.teacher_box_new h2{
font-size: 46px;
line-height: 60px;
font-weight: 400;
color: #0b8f05;
}
.qh_box{
width: 1200px;
margin: 50px auto;
height: 420px;
}
.qh_box .qh_left{
width: 280px;
height: 360px;
float: left;
}
.qh_box .qh_left img{
width: 280px;
height: 420px;
display: block;
}
.qh_box .qh_right{
width: 870px;
float: left;
margin-left: 30px;
}
.qh_box .qh_right .qh_top {
width: 870px;
height: 300px;
margin-top: 10px;
}
.qh_box .qh_right .qh_top h3{
font-size: 30px;
line-height: 40px;
text-align: left;
}
.qh_box .qh_right .qh_top i{
width: 50px;
background: #131313;
height: 2px;
display: block;
margin:10px 0;
}
.qh_box .qh_right .qh_top span{
font-size: 26px;
line-height: 40px;
color: #959595;
}
.qh_box .qh_right .qh_top p{
width: 870px;
text-align: justify;
font-size: 16px;
line-height: 20px;
}
.qh_box .qh_right .qh_bottom{
width: 870px;
height: 100px;
}
.qh_box .qh_right .qh_bottom .qh_ul{
width: 870px;
height: 100px;
margin: 10px 0 0;
display: flex;
flex-wrap: wrap;
}
.qh_box .qh_right .qh_bottom .qh_ul li{
width: 100px;
height: 100px;
overflow: hidden;
margin: 0 4px;
position: relative;
border-radius: 10px;
cursor: pointer;
}
.qh_box .qh_right .qh_bottom .qh_ul li img{
width: 100px;
display: block;
border-radius: 10px;
}
.qh_box .qh_right .qh_bottom .qh_ul li .mengban{
background: #000;
opacity: 0.4;
position: absolute;
height: 100px;
width: 100px;
border-radius: 10px;
top: 0;
left: 0;
}
.qhxian .mengban{
background:transparent !important;
opacity: 1 !important;
}
.teahcer_a{
width: 400px;
height: 50px;
line-height: 50px;
background: #0b8f05;
display: block;
margin: 0 auto 30px;
color: #ffffff;
border-radius: 50px;
font-size: 26px;
font-weight: 600;
}
/* 教师列表新样式结束 */
/* 学生风采 */
.xsfc_box{
width: 100%;
margin: 0 auto;
text-align: center;
padding: 40px 0;
background: #ffffff;
}
.xsfc_box_ul{
width: 1200px;
margin: 20px auto;
display: flex;
flex-wrap: wrap;
}
.xsfc_box_ul li{
width: 288px;
margin: 10px 5px;
}
.xsfc_box_ul li img{
width: 290px;
display: block;
}
.xsfc_box_ul li p{
font: 24px;
line-height: 40px;
background: #098b03;
color: #ffffff;
}
/* 校园环境新样式 */
.w1280{width: 1280px;margin: 0 auto;padding:20px 0;}
.hj{width:1280px; height:460px; overflow:hidden; margin-top:20px;}
.hj-top{width:1280px; height:50px; overflow:hidden;}
.hj-top h3{width:141px; height:50px; background:#0b9303 repeat; overflow:hidden; font-size:20px; color:#fff; text-align:center; line-height:50px;}
.hj-top p{width:1000px; font-size:16px; margin-left:20px; line-height:70px;}
.hj-top a{font-size:16px; display:block; line-height:50px;}
.hj-bottom{width:1268px; height:415px; overflow:hidden; margin-left:15px;}
.shu{width:3px;height:415px;background:#0b9303 no-repeat;overflow:hidden;}
.hj-pic{width:1255px; height:415px; overflow:hidden; margin-top:15px;}
.hjpic{width:325px; height:415px; overflow:hidden;}
.hjpic p{margin-top:10px; overflow:hidden;width:325px; height:193px;}
.hjpic-c{margin-top:10px; display:inline-block; margin-left:5px; overflow:hidden;}
.hj-pic img:hover{transform: scale(1.3);transition: all 5s ease 0s;-webkit-transform: scale(1.3);
-webkit-transform: all 5s ease 0s;}
.l{float:left;display:inline;}
.r{float:right;display:inline}
/*就业资讯*/
.jyzx_box_ul{
width: 1200px;
margin:0 auto;
text-align: center;
padding: 20px 0;
display: flex;
flex-wrap: wrap;
}
.jyzx_box_ul li{
width: 183px;
margin: 5px;
border:1px solid #666666;
}
.jyzx_box_ul li img{
width: 183px;
display: block;
}
.jyzx_box_ul li p{
font-size: 18px;
line-height: 30px;
background: #666666;
color: #ffffff;
}
/* 就业学子 */
.jyxz_box{
width: 100%;
margin: 0 auto;
padding: 40px 0 20px;
text-align: center;
background: #ffffff;
border-top: 1px solid #666666;
}
.jyxz_box_ul{
width: 1200px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
.jyxz_box_ul li{
width: 290px;
margin: 5px;
}
.jyxz_box_ul li img{
width: 290px;
display: block;
}
.jyxz_box_ul li p{
font-size: 18px;
line-height: 30px;
background: #666666;
color: #ffffff;
overflow:hidden;
text-overflow:ellipsis;
}
/* 升学服务 */
.sxfw_box {
width: 100%;
margin: 0 auto;
padding: 40px 0 20px;
text-align: center;
background: #ffffff;
border-bottom: 1px solid #666666;
}
.sxfw_box_bx{
width: 1200px;
margin:0 auto;
padding: 20px 0;
border-bottom: 1px solid #666666;
}
.sxfw_box_bx h2{
font-size: 30px;
margin:20px auto 0;
color: #666666;
font-weight: bold;
}
.sxfw_box_bx .sxfw_box_bx_p1{
color: #ff0000;
text-align: center;
}
.sxfw_box_bx p{
font-size: 18px;
line-height: 30px;
text-align: left;
text-indent: 2em;
}
.sxfw_box_ul{
width: 1200px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
.sxfw_box_ul li{
width: 390px;
margin: 5px;
}
.sxfw_box_ul li img{
width: 390px;
height: 300px;
display: block;
}
/* 幼儿保育 */
.major_pb_box{
width: 100%;
padding: 40px 0;
background: #ffffff;
margin: 0 auto;
text-align: center;
}
.major_pb_box_gd{
width: 1200px;
margin: 0 auto;
text-align: center;
}
.major_pb_box_gd h2{
font-size: 36px;
line-height: 40px;
color:#333333;
font-weight:bold;
}
.major_pb_box_gd p{
font-weight: 24px;
color: #666666;
margin: 10px 0;
text-transform: uppercase;
}
.major_pb_box_gd i{
width: 200px;
display: block;
background: #999999;
margin: 20px auto;
height: 5px;
}
.major_pb_box_b1{
width: 1200px;
margin: 0 auto;
}
.major_pb_box_b1 .major_pb_box_ul{
width: 1200px;
display: block;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.major_pb_box_b1 .major_pb_box_ul li{
width:590px;
height: 300px;
overflow: hidden;
margin:10px 0;
}
.major_pb_box_b1 .major_pb_box_ul li img{
width: 590px;
display: block;
}
.major_pb_box_b1 h3{
font-weight: bold;
font-size: 30px;
line-height: 40px;
margin-top: 10px;
}
.major_pb_box_b1 p{
font-size: 24px;
line-height: 40px;
color: #666666;
}
.major_pb_box_a{
width: 400px;
margin:20px auto 0;
background: #097c25;
font-size: 24px;
line-height: 50px;
display: block;
color: #ffffff;
}
.major_pb_box1{
width: 100%;
margin: 0 auto;
text-align: center;
padding: 40px 0;
background: #ffffff;
}
.major_pb_box1_ul{
width: 1200px;
margin: 20px auto 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.major_pb_box1_ul li{
width: 390px;
height: 450px;
background: #097c25;
color:#ffffff;
}
.major_pb_box1_ul li h3{
font-size: 36px;
font-weight:bold;
margin-top: 60px;
}
.major_pb_box1_ul li p{
font-size: 18px;
text-transform: uppercase;
line-height: 48px;
margin-top: 30px;
}
.major_pb_box1_ul li i{
display: block;
width: 50px;
border: 2px solid #ffffff;
margin:60px auto 30px;
}
.major_pb_box1_ul li .major_pb_box1_ul_a{
color: #ffffff;
font-size:24px;
margin-top: 60px;
display: block;
}
.major_pb_box2{
width: 100%;
margin:0 auto;
background: #ffffff;
padding: 40px 0;
text-align: center;
}
.major_pb_box2_ul {
width: 1200px;
margin:0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.major_pb_box2_ul li:nth-child(1){
width: 650px;
height: 449px;
overflow: hidden;
}
.major_pb_box2_ul li:nth-child(1) img{
width: 650px;
display: block;
}
.major_pb_box2_ul li:nth-child(2){
width: 540px;
height: 449px;
overflow: hidden;
}
.major_pb_box2_ul li:nth-child(2) img{
width: 540px;
display: block;
}
.major_pb_box2_ul2{
width:1200px;
margin:10px auto 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.major_pb_box2_ul2 li{
width: 390px;
}
.major_pb_box2_ul2 li img{
width: 390px;
display: block;
}
.major_pb_box2 h3{
font-size: 30px;
font-weight: bold;
margin:10px auto;
width: 1200px;
}
.major_pb_box3{
width: 100%;
margin: 0 auto;
text-align: center;
padding: 40px 0;
background: #ffffff;
}
.major_pb_box4{
width: 100%;
margin: 0 auto;
text-align: center;
padding: 40px 0;
background: #ffffff;
}
.major_pb_box4_ul{
width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.major_pb_box4_ul li{
width: 390px;
text-align: left;
}
.major_pb_box4_ul li img{
width:390px;
display: block;
}
.major_pb_box4_ul li h3{
font-size: 24px;
line-height: 40px;
}
.major_pb_box4_ul li p{
font-size: 20px;
line-height: 36px;
color:#666666;
}
/* 首页轮播样式 */
.control-box {
width: 1200px;
height: 230px;
margin-left: auto;
margin-right: auto;
}
.control-box ul {
list-style: none;
position: relative;
}
.control-box ul li {
position: absolute;
top: 50px;
cursor: pointer;
}
.prev {
left: 0;
}
.next {
right: 0;
}
.bigbox {
overflow: hidden;
width: 1200px;
height: 190px;
margin: 20px auto;
}
#switcher {
height: 190px;
left: 0px;
}
.content_1.content_2 {
width: 100%;
float: left;
}
.box {
transition:all .10s ease 0s;
width: 255px;
height: 190px;
float: left;
border-left: 3px white solid;
}
.box:hover {
opacity:0.5;
}
.shadow {
width: 255px;
height: 60px;
/* opacity: 1; */
background-color: rgba(0, 0, 0, 0.45);
filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#66000000,endcolorstr=#66000000);
margin-top: 130px;
color: white;
font-size: 14px;
}
.shadow a {
display: inline-block;
width: 225px;
height: 60px;
color: white;
text-decoration: none;
margin-left: 18px;
margin-top: 10px;
}
/* 首页图片轮播结束 */
/* 无用20220725 */
.banner-box .banner{width:100%;height:400px;overflow:hidden;}
.banner-box .banner-main, .bd li, .bd li a{height:400px; }
.banner-box .banner-main{ width:100%;position:relative; background:#fff; overflow:hidden; z-index:1;}
.banner-box .banner-main .bd{ margin:0 auto; position:relative; z-index:1; overflow:hidden; }
.banner-box .banner-main .bd ul{width:100% !important; }
.banner-box .banner-main .bd li{ width:100% !important; overflow:hidden; text-align:center; }
.banner-box .banner-main .bd li a{ display:block; text-indent:-9999px;}
.banner-box .banner-main .hd{ position: absolute; z-index: 3; left: 0; right: 0; bottom:10px; padding-left:295px; text-align: center}
.banner-box .banner-main .hd li {width:120px; height:25px; line-height:25px; margin:1px;overflow:hidden; text-align:center; color:#3a3a3a;font-size:12px; cursor:pointer; display:inline-block; *display:inline;background:#fff;background-color: rgba(255, 255, 255, 0.7); zoom:1; }
.banner-main .hd li.active{ background:#666; color:#fff; }