a, select, textarea, input, button, html, body, div, ul, li {
tap-highlight-color: transparent !important; }
@keyframes rt {
to {
stroke-dashoffset: 0; } }
@keyframes animLoadedHeader {
to {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@keyframes wave {
0% {
width: 0%; }
100% {
width: 218px; } }
@keyframes scaleUpDown {
from {
-webkit-transform: scale(1.08);
transform: scale(1.08); }
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); } }
* {
outline: none; }
.swiper-slide {
min-height: 0 !important; }
@keyframes rotate {
0% {
transform: rotate(-2deg); }
50% {
transform: rotate(2deg); }
100% {
transform: rotate(-2deg); } }
#welfare, #vision {
width: 0;
height: 0;
position: relative;
top: -100px; }
@media (max-width: 1024px) {
#welfare, #vision {
top: -50px; } }
@font-face {
font-family: "MULTICOLORE";
src: url("fonts/MULTICOLORE.woff2") format("woff2"), url("fonts/MULTICOLORE.woff") format("woff"), url("fonts/MULTICOLORE.ttf") format("truetype"), url("fonts/MULTICOLORE.eot") format("embedded-opentype"), url("fonts/MULTICOLORE.svg") format("svg");
font-weight: normal;
font-style: normal; }
body {
width: 100%;
overflow: hidden;
height: auto; }
.ellipsis, .main.welcome .index_news .index_news_cen .news_box .news_r ul li a .nbox .cont .t {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
::-webkit-input-placeholder {
color: #666 !important; }
:-moz-placeholder {
color: #666 !important; }
::-moz-placeholder {
color: #666 !important; }
:-ms-input-placeholder {
color: #666 !important; }
@media (min-width: 1024px) {
.Encounter .service_cen .ti, .Encounter .characteristic .characteristic_cen .tit, .Encounter .characteristic .characteristic_cen .list_box ,.Encounter .support .support_cen .title, .Encounter .support .support_cen .support_list ul li,.Encounter .support .con ul li,.End_main .support_list ul li,.End_main .qualification .qualification_cen .list,.End_main .holiday_list ul li,.End_main .office_list ul li,.Develop .class_box .class_box_cen .class_bot{
transform: translateY(50px);
filter: alpha(opacity=0);
opacity: 0; }
.Encounter .characteristic .characteristic_cen .animate.tit, .Encounter .characteristic .characteristic_cen .animate.list_box,.Encounter .support .support_cen .animate.title, .Encounter .support .support_cen .support_list ul li.animate,.Encounter .support .con ul li.animate,.End_main .support_list ul li.animate,.End_main .qualification .qualification_cen .list.animate,.End_main .office_list ul li.animate,.End_main .holiday_list ul li.animate,.Develop .class_box .class_box_cen .class_bot.animate{
transform: translateY(0px);
filter: alpha(opacity=100);
opacity: 1;
transition: transform 0.6s ease-out, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); } }
/*@media (min-width: 1024px) {
.bottom, .abanner .txt_box .tab, .main.welcome .index_news .index_news_cen .title, .main.about .founder_box .founder_box_cen .cont, .main.courses .courses_box .touch_box .touch_cen .box .box_top .pic, .main.courses .courses_box .touch_box .touch_cen .box .box_top .pic_box.pic_box2, .main.about .culture .cul_box .cul_l {
transform: translateY(-50px);
filter: alpha(opacity=0);
opacity: 0; }
.bottom.animate, .abanner .txt_box .animate.tab, .main.welcome .index_news .index_news_cen .animate.title, .main.about .founder_box .founder_box_cen .animate.cont, .main.courses .courses_box .touch_box .touch_cen .box .box_top .animate.pic, .main.courses .courses_box .touch_box .touch_cen .box .box_top .animate.pic_box.pic_box2, .main.about .culture .cul_box .animate.cul_l {
transform: translateY(0px);
filter: alpha(opacity=100);
opacity: 1;
transition: transform 0.6s ease-out, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); } }*/
/*@media (min-width: 1024px) {
.bottom2, .main.courses .courses_box .value_box .value_box_cen .vbox .img .cont_box ul li {
transform: translate(-20px, 10px);
filter: alpha(opacity=0);
opacity: 0; }
.bottom2.animate, .main.courses .courses_box .value_box .value_box_cen .vbox .img .cont_box ul li.animate {
transform: translate(0px, 0px);
filter: alpha(opacity=100);
opacity: 1;
transition: transform 0.6s ease-out, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); } }
@media (min-width: 1024px) {
.left, .main.welcome .index_about .about_cen .list, .main.welcome .index_service .index_stop .sbox, .main.welcome .index_news .index_news_cen .news_box .news_r, .main.about .box .cont_box .cont, .main.about .honor .honor_cen .title, .main.service .container_box .wrap .wrap_cen .list ul li, .main.courses .courses_box .idea_box .cont, .main.courses .courses_box .abox .abox_cen, .main.about .culture .cul_box .culr .con {
transform: translateX(50px);
filter: alpha(opacity=0);
opacity: 0; }
.left.animate, .main.welcome .index_about .about_cen .animate.list, .main.welcome .index_service .index_stop .animate.sbox, .main.welcome .index_news .index_news_cen .news_box .animate.news_r, .main.about .box .cont_box .animate.cont, .main.about .honor .honor_cen .animate.title, .main.service .container_box .wrap .wrap_cen .list ul li.animate, .main.courses .courses_box .idea_box .animate.cont, .main.courses .courses_box .abox .animate.abox_cen, .main.about .culture .cul_box .culr .animate.con {
transform: translateX(0px);
filter: alpha(opacity=100);
opacity: 1;
transition: transform 0.6s ease-out, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); } }
@media (min-width: 1024px) {
.right, .main.welcome .index_news .index_news_cen .news_box .news_l, .main.about .box .cont_box .pic, .main.about .honor .honor_cen .honor_box, .main.service .container_box .box2 .box_cen, .main.courses .courses_box .idea_box .pic, .main.courses .courses_box .abox.abox2 .about_cen {
transform: translateX(-50px);
filter: alpha(opacity=0);
opacity: 0; }
.right.animate, .main.welcome .index_news .index_news_cen .news_box .animate.news_l, .main.about .box .cont_box .animate.pic, .main.about .honor .honor_cen .animate.honor_box, .main.service .container_box .box2 .animate.box_cen, .main.courses .courses_box .idea_box .animate.pic, .main.courses .courses_box .abox.abox2 .animate.about_cen {
transform: translateX(0px);
filter: alpha(opacity=100);
opacity: 1;
transition: transform 0.6s ease-out, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); } }*/
@media (min-width: 1024px) {
.scale {
transform: translateX(-15px) scale(0.5);
filter: alpha(opacity=0);
opacity: 0; }
.scale.animate {
transform: translateX(0px) scale(1);
filter: alpha(opacity=100);
opacity: 1;
transition: transform 0.6s ease-out, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); } }
@media (min-width: 1024px) {
.right2 {
transform: translateY(-50px) scale(0.5);
filter: alpha(opacity=0);
opacity: 0; }
.right2.animate {
transform: translate(0px, 0px) scale(1);
filter: alpha(opacity=100);
opacity: 1;
transition: transform 0.6s ease-out, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); } }
.header {
width: 100%;
height:78px;
background: #fff;
position: fixed;
left: 0;
top: 0;
z-index: 800;
box-shadow: 0 0 21px rgba(0, 0, 0, 0.2);
transition: transform 0.5s; }
.header .w1440{ /*padding:0 20px;*/}
@media (max-width: 1024px) {
.header {
height: 60px; } }
.header.active {
transform: translateX(-390px); }
@media (max-width: 500px) {
.header.active {
transform: translateX(-250px); } }
.header .header_cen {
/* padding-left: 58px;
padding-right: 42px;*/
height: 100%; }
@media (max-width: 1300px) {
.header .header_cen {
/*padding: 0 40px;*/ }
.header .w1440{ padding:0 20px;} }
@media (max-width: 1024px) {
.header .header_cen {
padding: 0 3%; } }
.header .header_cen .logo {
float: left;
display: block;
line-height:76px; }
@media (max-width: 1024px) {
.header .header_cen .logo {
line-height: 60px; }
.header .header_cen .logo img {
height: 46px;
width: auto; } }
.header .header_cen .push-line {
overflow: hidden;
width: 60px;
height: 60px;
cursor: pointer;
margin-right: -10px;
float: right;
position: relative;
display: none;
transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); }
@media (max-width: 1024px) {
.header .header_cen .push-line {
display: block; } }
.header .header_cen .push-line span {
height: 2px;
background: #0034fd;
display: block;
position: absolute;
width: 28px;
display: block;
z-index: 5;
top: 18px;
left: 50%;
margin: 0px 0px 0px -14px;
transform-origin: center;
border-radius: 3px;
transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.header .header_cen .push-line span.line-2 {
top: 28px; }
.header .header_cen .push-line span.line-3 {
top: 38px; }
.header .header_cen .push-line.currentDd .line-1 {
transform: rotate(225deg);
top: 30px; }
.header .header_cen .push-line.currentDd .line-2 {
opacity: 0;
left: -100%; }
.header .header_cen .push-line.currentDd .line-3 {
top: 30px;
transform: rotate(-225deg); }
.header .header_cen .nav {
float: right;
height: 100%;
margin-left: 15px; }
@media (max-width: 1024px) {
.header .header_cen .nav {
display: none; } }
.header .header_cen .nav .hbg {
position: fixed;
width: 100%;
height: 50px;
background: #0034fd;
top:78px;
left: 0;
display: none; }
.header .header_cen .nav ul {
height: 100%; }
.header .header_cen .nav ul li {
float: left;
margin-left: 80px;
height: 100%;
box-sizing: border-box;
position: relative; }
.header .header_cen .nav ul li:last-child .slider {
right: 0;
left: auto;
width:400px; }
.header .header_cen .nav ul li:nth-child(2) .slider {
left: 20px; }
.header .header_cen .nav ul li:nth-child(4) .slider {
width:600px;
right: 0;
left: auto; }
@media (max-width: 1650px) {
.header .header_cen .nav ul li {
margin-left: 60px; } }
@media (max-width: 1500px) {
.header .header_cen .nav ul li {
margin-left: 50px; } }
@media (max-width: 1400px) {
.header .header_cen .nav ul li {
margin-left: 40px; } }
@media (max-width: 1320px) {
.header .header_cen .nav ul li {
margin-left: 35px; } }
@media (max-width: 1270px) {
.header .header_cen .nav ul li {
margin-left: 25px; } }
@media (max-width: 1230px) {
.header .header_cen .nav ul li {
margin-left: 17px; } }
.header .header_cen .nav ul li.active > a .cn {
color: #0034fd;
font-weight: bold;
border-top:2px solid #0034fd; }
.header .header_cen .nav ul li.active > a .en {
color: #0034fd; }
@media (min-width: 1024px) {
.header .header_cen .nav ul li:hover > a .cn {
color: #0034fd;
border-top:2px solid #0034fd; }
.header .header_cen .nav ul li:hover > a .en {
color: #0034fd; }
.header .header_cen .nav ul li:hover > a .ico {
filter: alpha(opacity=100);
opacity: 1; } }
.header .header_cen .nav ul li > a {
display: block;
position: relative;
height: 100%; }
.header .header_cen .nav ul li > a .ico {
display: block;
width: 18px;
height: 9px;
background: url(../images/ix.png) no-repeat;
position: absolute;
left: 50%;
margin-left: -9px;
bottom: 0;
filter: alpha(opacity=0);
opacity: 0;
transition: opacity 0.3s; }
.header .header_cen .nav ul li > a .cn {
font-size: 14px;
line-height: 76px;
border-top:2px solid #fff;
color: #444;
transition: color 0.5s,font-weight 0.5s; }
@media (max-width: 1170px) {
.header .header_cen .nav ul li > a .cn {
font-size: 15px; } }
.header .header_cen .nav ul li > a .en {
font-size: 14px;
line-height: 20px;
transition: color 0.5s;
transition: color 0.5s;
color: #989898;
font-family: Arial;
text-transform: uppercase; }
@media (max-width: 1170px) {
.header .header_cen .nav ul li > a .en {
font-size: 13px; } }
.header .header_cen .nav ul li .slider {
width: 600px;
position: absolute;
left: 0;
top: 78px;
display: none; }
.header .header_cen .nav ul li .slider a {
font-size: 14px;
line-height:50px;
color: #fff;
margin-right: 55px; }
.header .header_cen .nav ul li .slider a:last-child {
margin-right: 0; }
@media (max-width: 1240px) {
.header .header_cen .nav ul li .slider a {
margin-right: 35px; } }
@media (max-width: 1100px) {
.header .header_cen .nav ul li .slider a {
margin-right: 25px; } }
@media (max-width: 1170px) {
.header .header_cen .tel .txt {
font-size: 14px; } }
.header .header_cen .tel .num {
font-size: 24px;
line-height: 26px;
color: #0034fd;
font-family: "MULTICOLORE"; }
@media (max-width: 1170px) {
.header .header_cen .tel .num {
font-size: 20px; } }
.w1200 {
width: 1200px;
margin-left: auto;
margin-right: auto; }
@media (max-width: 1240px) {
.w1200 {
width: 94%; } }
.menu_box {
background-color: #0034fd;
color: #fff;
position: fixed;
right: -390px;
top: 0px;
width: 390px;
bottom: 0;
z-index: 9999;
overflow: hidden;
transition: all 0.5s;
transform-origin: left center; }
@media (max-width: 500px) {
.menu_box {
right: -250px; } }
.menu_box.active {
right: 0px;
transform: rotateY(0deg); }
@media (max-width: 500px) {
.menu_box.active {
right: 0px; } }
.menu_box .navMobile {
width: 100%;
height: auto;
padding-top: 15px; }
.menu_box .navMobile li {
width: 100%;
height: auto;
padding-bottom: 10px; }
.menu_box .navMobile li > a {
display: block;
font-size: 20px;
color: #fff;
padding: 0 30px;
box-sizing: border-box; }
.menu_box .navMobile li .subnav {
width: 100%;
height: auto;
padding: 15px 30px;
box-sizing: border-box;
display: none;
background-color: #04409a; }
.menu_box .navMobile li .subnav a {
display: block;
color: #fff;
font-size: 14px;
line-height: 30px;
filter: alpha(opacity=80);
opacity: 0.8; }
.menu_box .navMobile li .subnav a span {
font-size: 12px;
padding: 0 3px;
position: relative;
top: -4px; }
@media (max-width: 500px) {
.menu_box {
width: 250px; }
.menu_box .language2 {
padding: 20px 4% 0 4%; }
.menu_box .navMobile {
padding-top: 10px; }
.menu_box .navMobile li {
padding-bottom: 6px; }
.menu_box .navMobile li > a {
display: block;
font-size: 16px;
color: #fff;
padding: 0 8%;
box-sizing: border-box; }
.menu_box .navMobile li .subnav {
padding: 10px 8%; }
.menu_box .navMobile li .subnav a {
display: block;
font-size: 14px; } }
.clearfix:after {
clear: both;
}
.clearfix:before,
.clearfix:after {
display: table;
content: " ";
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#footer{ background:#797979;transition: all 0.5s;transform-origin: left center;}
.footer{ padding:0 220px; line-height:105px; color:#fff; font-size:14px;}
.footer .f_logo{ height:105px;}
.footer p{ float:right;}
.footer a,.footer a:hover{color:#fff}
@media (max-width:768px) {
.footer{ padding:0 15px;font-size:12px; line-height:60px;}
.footer .f_logo{ height:60px;}
.navbar-header.active,#footer.active{transform: translateX(-250px);}}
.abanner {
position: relative;
overflow: hidden; }
.abanner.abanner2 .txt_box .tab .tab_cell .en, .abanner.abanner2 .txt_box .tab .tab_cell .t, .abanner.abanner2 .txt_box .tab .tab_cell .cn {
color: #fff; }
.abanner img {
width: 100%;
height: auto; }
@media (max-width: 1300px) {
.abanner img {
width: 130%;
margin-left: -15%; } }
@media (max-width: 750px) {
.abanner img {
width: 150%;
margin-left: -25%; } }
@media (max-width: 450px) {
.abanner img {
width: 120%;
margin-left: 0; } }
.abanner .txt_box {
width: 1200px;
position: absolute;
left: 50%;
margin-left: -600px;
top: 0;
height: 100%; }
@media (max-width: 1240px) {
.abanner .txt_box {
width: 94%;
margin-left: -47%; } }
.abanner .txt_box .tab {
width: 100%;
height: 100%;
margin-top: -20px;
display: table; }
@media (max-width: 750px) {
.abanner .txt_box .tab {
margin-top: 0; } }
.abanner .txt_box .tab .tab_cell {
display: table-cell;
vertical-align: middle;
text-align: center; }
.abanner .txt_box .tab .tab_cell .en {
font-size: 48px;
line-height: 50px;
color: #f4a236;
font-family: "MULTICOLORE"; }
@media (max-width: 1200px) {
.abanner .txt_box .tab .tab_cell .en {
font-size: 40px;
line-height: 42px; } }
@media (max-width: 750px) {
.abanner .txt_box .tab .tab_cell .en {
font-size: 30px;
line-height: 32px; } }
@media (max-width: 450px) {
.abanner .txt_box .tab .tab_cell .en {
font-size: 24px;
line-height: 28px; } }
.abanner .txt_box .tab .tab_cell .t {
font-size: 30px;
line-height: 36px;
color: #666;
margin-top: 8px; }
@media (max-width: 1200px) {
.abanner .txt_box .tab .tab_cell .t {
font-size: 26px;
line-height: 32px;
margin-top: 5px; } }
@media (max-width: 750px) {
.abanner .txt_box .tab .tab_cell .t {
font-size: 20px;
line-height: 24px;
margin-top: 5px; } }
@media (max-width: 450px) {
.abanner .txt_box .tab .tab_cell .t {
font-size: 16px;
line-height: 20px; } }
.abanner .txt_box .tab .tab_cell .cn {
margin-top: 5px;
font-size: 18px;
line-height: 30px;
color: #666; }
@media (max-width: 1200px) {
.abanner .txt_box .tab .tab_cell .cn {
font-size: 16px;
line-height: 28px; } }
@media (max-width: 750px) {
.abanner .txt_box .tab .tab_cell .cn {
font-size: 14px;
line-height: 24px;
margin-top: 5px; } }
.abanner .classification {
width: 100%;
position: absolute;
bottom: 0;
font-size: 0;
left: 0;
text-align: center; }
@media (max-width: 1024px) {
.abanner .classification {
display: none; } }
.abanner .classification a {
display: inline-block;
vertical-align: bottom;
width: 148px;
height: 60px;
background: #335dfd;
font-size: 16px;
line-height: 60px;
color: #fff;
font-weight: bold;
transition: all 0.3s ease-out;
box-sizing: border-box;
text-align: center;
margin: 0 4px;
border-top-left-radius: 3px;
border-top-right-radius: 3px; }
.abanner .classification a.active {
background: #0034fd;
height: 70px;
padding-top: 10px; }
.abanner .classification a:hover {
background: #0034fd;
height: 70px;
padding-top: 10px; }
.m_sub {
position: relative;
display: none;
z-index: 10; }
@media (max-width: 1024px) {
.m_sub {
display: block; } }
.m_sub .m-title-box {
position: relative; }
.m_sub .m-title-box .left2 {
width: 54.66%;
height: 64px;
float: left;
background: #6881c5; }
.m_sub .m-title-box .left2 .push-line2 {
overflow: hidden;
width: 32px;
height: 64px;
cursor: pointer;
float: left;
margin-left: 5%;
margin-right: 10%;
position: relative;
display: none;
transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); }
@media (max-width: 1024px) {
.m_sub .m-title-box .left2 .push-line2 {
display: block; } }
.m_sub .m-title-box .left2 .push-line2 span {
height: 4px;
background: #fff;
display: block;
position: absolute;
width: 100%;
display: block;
z-index: 5;
top: 20px;
left: 50%;
margin: 0px 0px 0px -16px;
transform-origin: center;
border-radius: 3px;
transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.m_sub .m-title-box .left2 .push-line2 span.line-2 {
top: 30px; }
.m_sub .m-title-box .left2 .push-line2 span.line-3 {
top: 40px; }
.m_sub .m-title-box .left2 .push-line2.currentDd .line-1 {
transform: rotate(225deg);
top: 32px; }
.m_sub .m-title-box .left2 .push-line2.currentDd .line-2 {
opacity: 0;
left: -100%; }
.m_sub .m-title-box .left2 .push-line2.currentDd .line-3 {
top: 32px;
transform: rotate(-225deg); }
.m_sub .m-title-box .left2 .title {
font-size: 20px;
color: #fff;
line-height: 64px;
float: left; }
.m_sub .m-title-box .text {
background: #0034fd;
width: 45.34%;
font-size: 20px;
color: #fff;
line-height: 64px;
height: 64px;
float: left;
text-align: center; }
@media (max-width: 780px) {
.m_sub .m-title-box .left2 {
width: 54.66%;
height: 54px; }
.m_sub .m-title-box .left2 .push-line2 {
width: 32px;
height: 54px;
margin-left: 5%;
margin-right: 10%; }
.m_sub .m-title-box .left2 .push-line2 span {
top: 15px; }
.m_sub .m-title-box .left2 .push-line2 span.line-2 {
top: 25px; }
.m_sub .m-title-box .left2 .push-line2 span.line-3 {
top: 35px; }
.m_sub .m-title-box .left2 .push-line2.currentDd .line-1 {
top: 27px; }
.m_sub .m-title-box .left2 .push-line2.currentDd .line-2 {
opacity: 0;
left: -100%; }
.m_sub .m-title-box .left2 .push-line2.currentDd .line-3 {
top: 27px; }
.m_sub .m-title-box .left2 .title {
font-size: 16px;
line-height: 54px; }
.m_sub .m-title-box .text {
width: 45.34%;
font-size: 16px;
line-height: 54px;
height: 54px; } }
@media (max-width: 500px) {
.m_sub .m-title-box .left2 {
width: 54.66%;
height: 44px; }
.m_sub .m-title-box .left2 .push-line2 {
width: 28px;
height: 44px;
margin-left: 5%;
margin-right: 10%; }
.m_sub .m-title-box .left2 .push-line2 span {
top: 14px;
height: 2px;
border-radius: 2px; }
.m_sub .m-title-box .left2 .push-line2 span.line-2 {
top: 21px; }
.m_sub .m-title-box .left2 .push-line2 span.line-3 {
top: 28px; }
.m_sub .m-title-box .left2 .push-line2.currentDd .line-1 {
top: 20px; }
.m_sub .m-title-box .left2 .push-line2.currentDd .line-2 {
opacity: 0;
left: -100%; }
.m_sub .m-title-box .left2 .push-line2.currentDd .line-3 {
top: 20px; }
.m_sub .m-title-box .left2 .title {
font-size: 14px;
line-height: 44px; }
.m_sub .m-title-box .text {
width: 45.34%;
font-size: 14px;
line-height: 44px;
height: 44px; } }
.m_sub .link_box {
width: 100%;
height: auto;
background: #6881c5;
display: none;
position: absolute;
z-index: 100;
top: 64px;
padding-bottom: 20px; }
.m_sub .link_box ul li {
width: 100%;
height: auto; }
.m_sub .link_box ul li a {
display: block;
width: 90%;
height: 64px;
line-height: 64px;
margin: 0 auto;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
font-size: 20px;
color: #fff;
font-family: Arial; }
@media (max-width: 780px) {
.m_sub .link_box {
top: 54px; }
.m_sub .link_box ul li a {
height: 54px;
line-height: 54px;
font-size: 16px; } }
@media (max-width: 500px) {
.m_sub .link_box {
top: 44px; }
.m_sub .link_box ul li a {
height: 44px;
line-height: 44px;
font-size: 14px; }
}
.uitpage{
text-align: center;
}
.uitpage ul{
font-size: 0;display: inline-block;
}
.uitpage li{
float: none !important;
width:auto !important;
margin:0 3px !important;
display: inline-block;vertical-align: middle;font-size: 14px;color: #999999;line-height: 40px;
}
.uitpage li a{
display: block;line-height: 40px;border: 1px solid #f4f4f4;border-radius: 4px;
background: #fff;font-size: 14px;color: #999999;width: 40px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;height: 40px;
box-sizing: border-box;
}
.uitpage li.disabled span{
display: block;line-height: 40px;
padding: 0 20px;
background: #f0f0f0;
border-radius: 4px;
}
.uitpage li.prev a,
.uitpage li.next a{
width:auto;
padding: 0 20px
}
.uitpage li.l1 a{
width: 80px;
}
.uitpage li.l2{
margin-left: 20px;
}
.uitpage li .t1{
height: 40px;border: 1px solid #f4f4f4;border-radius: 4px;
background: #fff;font-size: 14px;color: #999999;width: 40px;text-align: center;margin: 0 5px;
}
.uitpage li .btn{
height: 40px;border: none;border-radius: 4px;line-height: 40px;
background: #3eb8fa;font-size: 14px;color: #fff;width: 60px;text-align: center;display: block;cursor: pointer;
}
.uitpage li.active a,
.uitpage li a:hover{
background: #0034fd;border-color: #0034fd;color: #fff;
}