html { font-size:1em;-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0);-webkit-text-size-adjust:none;overflow:-moz-scrollbars-vertical;/*寮哄埗firefoxé‘虹幇婊æˆå§©é‰ï¿½*/ font-family:"Microsoft YaHei";}
body { font-size:0.75em;
-moz-user-select:none; /* Firefox私有属性 */
-webkit-user-select:none; /* WebKit内核私有属性 */
-ms-user-select:none; /* IE私有属性(IE10及以后) */
-khtml-user-select:none; /* KHTML内核私有属性 */
-o-user-select:none; /* Opera私有属性 */
user-select:none; /* CSS3属性 */
}
label { cursor:pointer; }
/* a{ display:block;}*/
a:link, a:visited { text-decoration:none;}
input:focus { outline: none; }
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*寮哄埗é˜å©šæ«Žç›ã„¥å´Ÿé‘·î„甫é¨å‹¬ç‰±å¯®ï¿½*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*寮哄埗é˜å©šæ«Žtextareaé‘·î„甫é¨å‹¬ç‰±å¯®ï¿½*/ }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; } /*é’╃敤闃æ‘奖é‰ãƒ¥ï½žé呮帀inputé‘·î„姩濉厖鑹�*/
textarea,input,select { background: none; border:none; margin: 0; padding: 0;}
a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, menu, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, var { margin:0; padding:0;}
article, aside, footer, header, hgroup, nav, section, figure, figcaption { display: block;} /*html5ç’剧疆*/
h1, h2, h3, h4, h5, h6, th, td, table, input, button, select, textarea, sub{ font-size:1em;}
body, input, button, select, textarea, sub{ font-family:Arial, sans-serif;}
em, cite, address, optgroup { font-style:normal;}
kbd, samp, code { font-family:monospace;}
img, input, button, select, textarea { vertical-align:middle;outline:none;}
ul, ol { list-style:none;}
img, fieldset { border:0;max-width: 100%}
abbr, acronym { cursor:help; border-bottom:1px dotted black;}
table { width:100%; border-spacing:0; border:0;}
table th, table td { border:0;}
legend, hr { overflow:hidden; position:absolute; top:0; left:0;}
legend, hr, caption { visibility:hidden; font-size:0; width:0; height:0; line-height:0;}
* {
-webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
-ms-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
}
html {height: 100%;}
body { position: relative; font-family:"Microsoft YaHei"; height: 100%; margin: 0 auto; }
@font-face{
font-family: 'icomoon';
src: url('../font/icomoon.ttf');
}
body h1,body h2,body h3,body h4,body h5,body h6,body strong,body em {font-weight:normal; }
body{
width: 100%;
max-width: 750px;
margin: 0 auto;
padding: 0;
font-size: 14px;
}
a{
color: #fff;
}
textarea:focus,input:focus { border: 1px solid #71b643; }
.pad50{
padding: 50px 0
}
.pad15{
padding: 0 15px;
}
.mart30{
margin: 30px 0 0
}
.topnav{
width: 100%;
}
.topnav ul {
display: flex;
flex-wrap: nowrap;
flex: 1;
justify-content: space-around;
}
.topnav ul li{
border-right: 1px solid #067f6d;
width: 25%;
text-align: center;
margin: 8px 0;
}
.topnav ul li a{
color: #067f6d;
}
.topnav ul li a:hover{
font-weight: bold;
}
.topnav ul li:last-child{
border: none;
}
/* .banner_container{
background: url(../imgs/banner.jpg) no-repeat center;
height: 514px;
background-size: 100% 100%;
} */
.mainnav_container{
margin: -30px 0 0 ;
position: relative;
z-index: 9999;
}
.mainnav_bg{
border-radius: 26px;
background-color: rgba(255, 255, 255,0.5);
box-shadow: 0px 0px 9.6px 0.4px rgba(0, 107, 89, 0.56);
margin: 0 auto;
}
.mainnav_bg ul {
display: flex;
flex-wrap: wrap;
flex: 1;
justify-content: space-around;
padding: 10px
}
.mainnav_bg ul li{
width: 33%;
text-align: center;
padding: 0 0 38px;
}
.mainnav_bg ul li:hover dd a{
opacity: 0.8;
font-weight: bold;
}
.mainnav_bg ul li dl{
position: relative;
text-align: center;
}
.mainnav_bg ul li dt{
width: 90px;
height: 90px;
margin: auto;
}
.mainnav_bg ul li h4{
font-size: 14px;
padding: 7px 0;
font-weight: bold;
}
.mainnav_bg ul li dl dd{
position: absolute;
text-align: center;
bottom: -25px;
width: 100%;
}
.mainnav_bg ul li dl dd a {
border-radius: 9px;
background-image: -moz-linear-gradient( 0deg, rgb(255,205,132) 0%, rgb(255,132,32) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(255,205,132) 0%, rgb(255,132,32) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(255,205,132) 0%, rgb(255,132,32) 100%);
padding: 3px 12px;
font-size: 12px;
}
.mainnav_bg ul li:nth-child(2) dl dd a {
background-image: -moz-linear-gradient( 0deg, rgb(178,140,255) 0%, rgb(101,45,255) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(178,140,255) 0%, rgb(101,45,255) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(178,140,255) 0%, rgb(101,45,255) 100%);
}
.mainnav_bg ul li:nth-child(2) dl dd a {
background-image: -moz-linear-gradient( 0deg, rgb(178,140,255) 0%, rgb(101,45,255) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(178,140,255) 0%, rgb(101,45,255) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(178,140,255) 0%, rgb(101,45,255) 100%);
}
.mainnav_bg ul li:nth-child(3) dl dd a ,.mainnav_bg ul li:nth-child(4) dl dd a {
background-image: -moz-linear-gradient( 0deg, rgb(254,135,135) 0%, rgb(254,47,43) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(254,135,135) 0%, rgb(254,47,43) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(254,135,135) 0%, rgb(254,47,43) 100%);
}
.mainnav_bg ul li:nth-child(5) dl dd a {
background-image: -moz-linear-gradient( 0deg, rgb(85,222,255) 0%, rgb(34,131,255) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(85,222,255) 0%, rgb(34,131,255) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(85,222,255) 0%, rgb(34,131,255) 100%);
}
.dy_bkfs_container{
padding: 20px 0;
}
.comm_head{
text-align: center;
margin: 20px 0;
}
.comm_head h3{
color: #097d6e;
font-size: 24px;
font-weight: bold;
}
.comm_head h3 img{
width: 13px;
margin: 0 15px;
}
.dy_bkfs_tab {
text-align: center;
background-color: rgb(255, 255, 255);
box-shadow: 0px 0px 9px 0px rgba(187, 223, 205, 0.71);
}
.dy_bkfs_tab thead{
background:#19a581;
font-size: 14px;
text-align: center;
}
.dy_bkfs_tab thead th{
border-right: 1px solid #999999;
color: #fff;
padding: 5px 3px;
}
.dy_bkfs_tab td{
border-right: 1px solid #999;
padding: 15px 2px;
font-size: 13px;
}
.dy_bkfs_tab tr td:last-child,.dy_bkfs_tab thead th:last-child{
border: none;
}
.dy_bkfs_tab a {
background-image: -moz-linear-gradient( 0deg, rgb(255,85,75) 0%, rgb(255,171,94) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(255,85,75) 0%, rgb(255,171,94) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(255,85,75) 0%, rgb(255,171,94) 100%);
padding: 4px 8px;
border-radius: 15px;
font-size: 12px;
}
.dy_bkfs_tab a:hover{
opacity: 0.8;
}
.dy_bkfs_tab .bg_green{
background-color: #bbdfcd;
}
.dy_hotzy_container{
background-color: #e4e4e4;
width: 100%;
overflow: hidden;
padding: 0 0 20px;
}
.dy_hotzy_list{
}
.dy_hotzy_list ul{
}
.dy_hotzy_list ul li{
width: 48%;
float: left;
background-color: rgb(255, 255, 255);
box-shadow: 0px 0px 9px 0px rgba(187, 223, 205, 0.71);
margin:2% 0 ;
}
.dy_hotzy_list ul li dt img{
width: 100%;
}
.dy_hotzy_list ul li dd{
width: 50%;
text-align: center;
margin: 4% auto;
}
.dy_hotzy_list ul li:nth-child(2n){
float: right;
}
.dy_school_container{
padding: 0 0 20px;
}
.dy_school_container ul li{
width: 25%;
text-align: center;
float: left;
padding: 0 1%;
box-sizing: border-box;
margin: 0 0 5%;
}
.dy_school_container ul li:hover dd a{
color: #067f6d;
}
.dy_school_container ul li dt{
border-radius: 50%;
background-color: rgb(255, 204, 130);
box-shadow: 0px 0px 12.48px 0.52px rgba(2, 71, 62, 0.48);
width: 100%;
overflow: hidden;
}
.dy_school_container ul li dd a{
color: #444444;
/* font-weight: bold; */
font-size: 13px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-wrap:break-word;
word-break: break-all;
white-space: nomal;
display: -webkit-box;
}
.dy_school_container ul li dt img{
width: 100%;
}
.more_btn{
text-align: center;
width: 50%;
margin: 0 auto;
}
.more_btn img{
}
.dy_hoyxl_container{
background: #086555;
overflow: hidden;
padding: 0 0 20px;
}
.dy_hoyxl_container .comm_head h3{
color: #fff;
}
.dy_hoyxl_container .comm_head img:first-child{
margin-left: 0;
}
.dy_hoyxl_container .comm_head img:last-child{
margin-right: 0;
}
.dy_hoyxl_list ul li {
border-radius: 26px;
background-color: rgb(255, 88, 76);
float: left;
width: 32%;
text-align: center;
padding: 15px 0;
}
.dy_hoyxl_list ul li:first-child img{
width: 50%;
}
.dy_hoyxl_list ul li dt h4{
font-weight: bold;
font-size: 22px;
position: relative;
}
.dy_hoyxl_list ul li dt h4 img{
width: 12%;
position: absolute;
}
.dy_hoyxl_list ul li dd{
background-color: #fff;
border-radius: 15px;
width: 85%;
margin: 0 auto;
}
.dy_hoyxl_list ul li dd a{
color: #ff584c;
}
.dy_hoyxl_list ul li.orange{
background-color: #ffa95d
}
.dy_hoyxl_list ul li.orange dd{
background-color: #f86b0a
}
.dy_hoyxl_list ul li.orange dt {
color: #fff;
}
.dy_hoyxl_list ul li.orange dd a{
color: #fff;
}
.dy_hoyxl_list ul li.green{
background-color: #fff
}
.dy_hoyxl_list ul li.green dd{
background-color: #444444
}
.dy_hoyxl_list ul li.green dt {
color: #097d6e;
}
.dy_hoyxl_list ul li.green dd a{
color: #fff;
}
.dy_hoyxl_item ul{
display: flex;
flex-wrap: wrap;
flex: 1;
justify-content: space-around;
}
.dy_hoyxl_item ul li{
width: 31%;
margin: 0 0 3%;
position: relative;
transition: 2s linear;
}
/* .dy_hoyxl_item ul li:hover{
transform: scale(1.1);
}*/
.dy_hoyxl_item ul li .hot{
position: absolute;
width: 20px;
right: 2px;
top: 8px;
animation: linear move 1s infinite;
}
@keyframes move {
0% {
transform: scale(0.8,0.8);
opacity: 0.7;
}
100% {
transform: scale(1,1);
opacity: 1;
}
}
.wendabg_container{
}
.wendabg_container ul{
background: url(../imgs/wendabg.jpg) no-repeat center;
background-size: 100% 100%;
overflow: hidden;
padding: 130px 0 20px;
}
.wendabg_container ul li{
background: url(../imgs/wendalistbg.png) no-repeat center;
background-size: 100% 100%;
margin: 10px 40px;
height: 40px;
line-height: 44px;
padding: 0 0 0 10px;
font-size: 16px;
}
.wendabg_container ul li:hover{
font-weight: bold;
}
.wendabg_container ul li a{
color: #444;
}
.wenda_btn{
width: 55%;
margin: 0 auto;
}
.whydy_container{
background-color: #e4e4e4;
padding: 10px 0 20px;
margin: 20px 0 0;
overflow: hidden;
}
.whydy_container .comm_head h3{
color: #ff554b;
font-size: 22px;
}
.whydy_container .comm_head h3 img:first-child{
margin-left: 0;
}
.whydy_container .comm_head h3 img:last-child{
margin-right: 0;
}
.whydy_list_item ul {
display: flex;
flex-wrap: wrap;
flex: 1;
justify-content: space-around;
}
.whydy_list_item ul li{
width: 32%;
float: left;
margin: 2% 0;
}
.whydy_list ul{
display: flex;
flex-wrap: wrap;
flex: 1;
justify-content: space-around;
}
.whydy_list ul li{
background-color: #ff554b;
width: 32%;
margin: 20px auto 0;
height: 0;
padding-top: 32%;
border-radius: 100%;
box-sizing: border-box;
position: relative;
}
.whydy_list ul li dd{
transition: 2s linear;
}
.whydy_list ul li:hover dd a{
/*transform: scale(1.1);*/
font-weight: bold;
}
.whydy_list ul li.blue{
background-color: #6d6dff;
}
.whydy_list ul li.blue dd{
background-color: rgb(255, 255, 255);
box-shadow: 0px 0px 6.79px 0.21px rgba(52, 52, 181, 0.77);
}
.whydy_list dl {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-align: center;
}
.whydy_list dl dd a{
color: #000;
}
.whydy_list ul li h3{
color: #ffffd9;
font-size: 16px;
font-weight: bold;
text-align: center;
padding: 18px 0 5px;
}
.whydy_list ul li p{
color: #fff;
padding: 0 10px;
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-wrap:break-word;
word-break: break-all;
white-space: nomal;
display: -webkit-box;
}
.whydy_list ul li dd {
position: absolute;
background-color: rgb(255, 255, 255);
box-shadow: 0px 0px 6.79px 0.21px rgba(142, 23, 16, 0.77);
width:70%;
text-align: center;
bottom: 0;
left: 15%;
padding: 1.5% 0;
font-size: 12px;
}
.why_btn {
background-image: -moz-linear-gradient( 0deg, rgb(50,115,204) 0%, rgb(255,85,75) 0%, rgb(182,97,165) 56%, rgb(109,109,255) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(50,115,204) 0%, rgb(255,85,75) 0%, rgb(182,97,165) 56%, rgb(109,109,255) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(50,115,204) 0%, rgb(255,85,75) 0%, rgb(182,97,165) 56%, rgb(109,109,255) 100%);
box-shadow: 0px 2px 6.3px 0.7px rgba(25, 25, 25, 0.35);
padding: 2%;
width: 50%;
border-radius: 50px;
margin:15px auto 0;
text-align: center;
}
.rwimg{
text-align: center;
padding: 20px 0 0
}
.rwimg h4{
color: #086555;
font-size: 14px;
font-weight: bold;
}
.rwimg h2{
color: #ff5e54;
margin: 10px 0 20px;
font-size: 24px;
font-weight: bold;
}
.nl_container img{
margin: -5% 0 -1px;
}
.nl_list{
background-color: #455c8a;
padding: 10px 0;
}
.nl_list ul {
overflow: hidden;
margin: 0 auto;
text-align: center;
}
.nl_list ul li{
border-radius: 24px;
background-image: -moz-linear-gradient( 0deg, rgb(50,115,204) 0%, rgb(222,161,63) 0%, rgb(239,123,69) 56%, rgb(255,85,75) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(50,115,204) 0%, rgb(222,161,63) 0%, rgb(239,123,69) 56%, rgb(255,85,75) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(50,115,204) 0%, rgb(222,161,63) 0%, rgb(239,123,69) 56%, rgb(255,85,75) 100%);
box-shadow: 0px 2px 6.3px 0.7px rgba(25, 25, 25, 0.35);
width: 40%;
text-align: center;
margin: 2% ;
display: inline-block;
padding: 2%;
}
.nl_list ul li a{
font-size: 16px;
font-weight: bold;
}
.form_head{
background: url(../imgs/form_head.jpg) no-repeat center;
}
.form_head h2{
color: #fff;
text-align: center;
font-size: 22px;
line-height: 50px;
font-weight: bold;
}
.form_bg{
background-color: #ffa550;
padding: 20px 15px;
}
.form_group{
padding: 5px 0;
}
.form_group label{
background-color: #455c8a;
color: #fff;
padding: 0 8px;
display: inline-block;
width: 120px;
height: 30px;
line-height: 30px;
margin: 0;
border: none;
vertical-align: middle;
float: left;
}
.form_group input{
width: calc(100% - 152px);
background-color: #fff;
padding: 0 8px;
height: 30px;
line-height: 30px;
border: none;
border-radius: 0;
}
.form_bg p{
text-align: center;
color: #fff;
margin: 10px 0;
font-size: 12px;
}
.form_btn {
background-image: -moz-linear-gradient( 0deg, rgb(255,85,75) 0%, rgb(69,92,138) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(255,85,75) 0%, rgb(69,92,138) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(255,85,75) 0%, rgb(69,92,138) 100%);
height: 30px;
width: 150px;
color: #fff;
border-radius: 15px;
margin: 0 auto;
display: block;
text-align: center;
}
@media screen and (min-width: 750px) {
body {
/* background-color: lightgreen; */
}
.mainnav_bg ul li dt {
width: 100px;
height: 100px;
margin: auto;
}
.mainnav_bg ul li h4 {
font-size: 17px;
padding: 7px 0;
font-weight: bold;
}
.mainnav_bg ul li dl dd a {
border-radius: 9px;
background-image: -moz-linear-gradient( 0deg, rgb(255,205,132) 0%, rgb(255,132,32) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(255,205,132) 0%, rgb(255,132,32) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(255,205,132) 0%, rgb(255,132,32) 100%);
padding: 5px 12px;
font-size: 13px;
}
/* 在职研究生报考方式 */
.dy_bkfs_tab thead th {
border-right: 1px solid #999999;
color: #fff;
padding: 10px 3px;
font-size: 18px;
}
.dy_bkfs_tab td {
border-right: 1px solid #999;
padding: 15px 2px;
font-size: 16px;
}
.dy_bkfs_tab a {
background-image: -moz-linear-gradient( 0deg, rgb(255,85,75) 0%, rgb(255,171,94) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(255,85,75) 0%, rgb(255,171,94) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(255,85,75) 0%, rgb(255,171,94) 100%);
padding: 6px 15px;
border-radius: 39px;
font-size: 16px;
}
/* 在职研究生热门双证专业 */
.whydy_list ul li h3 {
font-size: 30px;
padding: 48px 0 5px;
}
.whydy_list ul li p {
padding: 8px 10px;
font-size: 18px;
}
.whydy_list ul li dd {
width: 70%;
left: 15%;
padding: 4% 0;
font-size: 18px;
}
.why_btn{
margin: 30px auto 5px;
font-size: 18px;
}
.wendabg_container ul {
background: url(../imgs/wendabg.jpg) no-repeat center;
background-size: 100% 100%;
overflow: hidden;
padding: 224px 0 20px;
}
.wendabg_container ul li {
background: url(../imgs/wendalistbg.png) no-repeat center;
background-size: 100%;
margin: 10px 40px;
height: 81px;
line-height: 85px;
padding: 0 0 0 24px;
font-size: 30px;
margin: 10px 64px;
transition: 2s linear;
}
.whydy_container .comm_head h3,.dy_hoyxl_container .comm_head h3,.comm_head h3{
font-size: 30px;
}
.comm_head{
margin: 30px 0;
}
.dy_school_container ul li dd a{
font-size: 20px;
}
.dy_school_container ul li:hover dt{
transform: scale(1.1);
}
.rwimg h4{
font-size: 20px;
}
.rwimg h2{
font-size: 30px;
}
.dy_hoyxl_item ul li .hot{
position: absolute;
width: 35px;
right: 20px;
top: 25px;
animation: linear move 1s infinite;
}
.form_bg {
padding: 20px 90px;
}
.form_group input {
width: calc(100% - 152px);
background-color: #fff;
padding: 0 8px;
height: 40px;
line-height: 40px;
border: none;
border-radius: 0;
}
.form_group label{
height: 40px;
line-height: 40px;
}
.form_btn {
background-image: -moz-linear-gradient( 0deg, rgb(255,85,75) 0%, rgb(69,92,138) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(255,85,75) 0%, rgb(69,92,138) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(255,85,75) 0%, rgb(69,92,138) 100%);
height: 39px;
width: 178px;
color: #fff;
border-radius: 41px;
margin: 0 auto;
display: block;
text-align: center;
font-size: 16px;
}
}