html{font-size: 62.5%;} *, h1,h2,h3,h4,h5,h6,dl,dt,dd{ padding: 0; margin: 0;}
body{ font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial; font-size: 1.4rem; font-size: 14px; color: #595757; line-height: 26px; letter-spacing: .03em; }
ul, ol, li{ padding: 0; margin: 0; list-style: none;}
a{ color: #565656; text-decoration: none; outline: none;}
a:hover, a:active, a:focus{ text-decoration: none;}
label{ font-weight: normal;} em{ font-style: normal;}
input{ font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial;}
img{ max-width: 100%;} p{ margin: 0;}
input, textarea{ width: 100%; padding: 8px; border: 1px solid #bfbfbf; outline: none;}

.page_link ul {
    overflow: hidden;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
}
.page_link ul li {
    width: 20%;
    float: left;
    background: #fff;
}
.page_link ul li a {
    display: block;
    height: 160px;
    line-height: 160px;
    border: 1px solid #e5e5e5;
    border-left: 0;
    border-top: 0;
    text-align: center;
    position: relative;
}
.page_link ul li img {
    vertical-align: middle;
    max-width: 85%;
    margin: 0 auto;
}

.page_link ul li:hover .img {
    transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}
.page_link ul li:hover .img1 {
    transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    opacity: 1;
}
.page_link ul li .img {
    transition: all .5s linear 10ms;
    -webkit-transition: all .5s linear 10ms;
    -moz-transition: all .5s linear 10ms;
    -ms-transition: all .5s linear 10ms;
    -o-transition: all .5s linear 10ms;
    filter: alpha(opacity=60);


filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

    filter: Gray;
}
.page_link ul li .img1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: all .5s linear 10ms;
    -webkit-transition: all .5s linear 10ms;
    -o-transition: all .5s linear 10ms;
    -moz-ms-transition: all .5s linear 10ms;
    -ms-transition: all .5s linear 10ms;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}
.page_news .item {
    width: 47%;
}

@media (max-width:991px) {
    .page_link ul li img {
    vertical-align: middle;
    max-width: 85%;
    margin: 0 auto;height:60px!important;
}

.carousel .item img, .carousel-inner>.item>img, .carousel-inner>.item>a>img{width: 100%!important;height: auto!important;}
.carousel .item{height: 120px!important;}
.page_link ul li {
    width: 50%;
    float: left;
    background: #fff;
}

.ly_title {
    margin: 0 auto 20px;
}
.ly_title p {
    font-size: 24px;
}
.ly_title span {
    margin: 0 auto 0;
}
.ny_content .content_left {
    width: 100%;
}
.ny_content .content_right {
    width: 100%;
}
.content_left .show_menu {
    width: 100%;
    margin-bottom: 20px;
}
.ly_show .show_menu {
    width: 100%;
    margin-bottom: 20px;
}
}
 .ly_title {
    width: 100%;
    overflow: hidden;
    margin: 0 auto 40px;
    padding: 0;
}
.ly_title p {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    color: #000000;
    font-size: 32px;
    font-weight: bold;
    text-align: center;line-height: 41px;
}
.ly_title p font {
    color: #0170e2;
}
.ly_title span {
    display: block;
    width: 100%;
    height: 20px;
    overflow: hidden;
    line-height: 20px;
    margin: 10px auto 0;
    padding: 0;
    color: #aaa;
    font-size: 14px;
    font-family: "Arial";
    text-align: center;
}
.ly_youshi {
width: 1240px;margin: 0 auto;
}
.ly_youshi_in {
    width:100%;
    max-width: 1240px;
    margin: 0 auto;

}
.ly_youshi ul {
    overflow: hidden;
}
.ly_youshi ul li {
    width: 48%;
    padding: 2%;
    float: left;
    overflow: hidden;
    margin-right: 4%;
    margin-bottom: 20px;
    background: #ffffff;
}
.ly_youshi ul li:nth-child(2n) {
    margin-right: 0;
    border-radius: 0 8px 8px 0;
}
.ly_youshi ul li p {
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #333;
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 0 62px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ly_youshi ul li p i {
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    left: 11px;
    top: 8px;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 35px;
}
.ly_youshi ul li p i:before {
    content: "";
    display: block;
    width: 35px;
    height: 35px;
    background: #0168bf;
    ;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 0;
    top: 0;
}
.ly_youshi ul li p i b {
    position: absolute;
    top: 0;
    left: 1px;
}
.ly_youshi ul li p font {
    color: #fe0100;
}
.ly_youshi ul li em {
    display: block;
    width: 100%;
    overflow: hidden;
    color: #aaa;
    font-family: "Arial";
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    margin: 0 0 0;
    padding: 0 0 0 62px;
    box-sizing: border-box;
    height: 30px;
}
.ly_youshi ul li span {
    display: block;
    width: 100%;
    overflow: hidden;
    line-height: 24px;
    color: #666;
    font-size: 14px;
    text-align: justify;
    margin: 12px 0 0;
    padding: 0 0 0 62px;
    box-sizing: border-box;
}
.ly_youshi ul li p font, .adv_text ul li span font {
    color: #0170e2;
}
@media (max-width:1199px) {
.ly_youshi_in {
    width: 96%;
    padding: 20px 0;
}
.ly_youshi ul li span {
    height: 50px;
    overflow: hidden;
}
}
@media (max-width:767px) {
    .ly_youshi{width: 100%!important;}
    .ly_title {
    width: 100%;
    overflow: hidden;
    margin: 0 auto 40px;
    padding: 0;
}
.ly_title p {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    color: #000000;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
}
.ly_title p font {
    color: #0170e2;
}
.ly_title span {
    display: block;
    width: 100%;
    height: 20px;
    overflow: hidden;
    line-height: 20px;
    margin: 10px auto 0;
    padding: 0;
    color: #aaa;
    font-size: 14px;
    font-family: "Arial";
    text-align: center;
}
.ly_youshi ul li {
    width: 100%;
    padding: 2% 2% 4%;
}
.ly_youshi ul li span {
    width: 94%;
    line-height: 18px;
    height: auto;
    margin: 4px 0 5px;
    font-size: 12px;
    padding: 0 0 0 52px;
}
.ly_youshi ul li p {
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 52px;
}
.ly_youshi ul li em {
    padding: 0 0 0 52px;
}
.ly_youshi ul li p i {
    font-size: 16px;
    width: 26px;
    line-height: 26px;
    height: 26px;
}
.ly_youshi ul li p i:before {
    width: 26px;
    height: 26px;
}
.ly_youshi ul li p i b {
    left: 4px;
}
}

.clearfix:after, .clearfixlist li:after{ content:"\0020"; display:block; clear:both; height:0; font-size:0;}
.clearfix, .clearfixlist li{ zoom:1;}
.clear{ clear:both; display:block;}
.fl{ float: left;} .fr{ float: right;}
.show-pad, .show-phone{ display: none;}
.rect{ -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}
.circle, .cata-list a:after{ -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}

.font-15{ font-size: 15px;} .font-16{ font-size: 16px;}
.font-17{ font-size: 17px;} .font-18{ font-size: 18px;}
.font-19{ font-size: 19px; line-height: 26px;} .font-20{ font-size: 20px; line-height: 28px;}
.font-21{ font-size: 21px; line-height: 30px;} .font-22{ font-size: 22px; line-height: 32px;}
.font-23{ font-size: 23px;} .font-24{ font-size: 24px; line-height: 34px;}
.font-25{ font-size: 25px;} .font-26{ font-size: 26px; line-height: 36px;}
.font-27{ font-size: 27px;} .font-28{ font-size: 28px; line-height: 38px;}
.font-30{ font-size: 30px;} .font-32{ font-size: 32px; line-height: 40px;}

.blue{ color: #0168bf;} .orange{ color: #ff8a17;}
.youlianMw{    
background: url(../images/mw_logo.png) no-repeat right center;color:#fff;
    padding-right: 92px;}
.youlianMw:hover{    
background: url(../images/mw_logo_hover.png) no-repeat right center;color:#fff;
    padding-right: 92px;}
.flex-row{ -webkit-display: flex; -moz-display: flex; -o-display: flex; display: flex; flex-direction: row;}
.around{ justify-content: space-around; align-items: center;}
.between{ justify-content: space-between; align-items: center;}
.center{ justify-content: center; align-items: center;}
.start{ justify-content: flex-start; align-items: center;}
.end{ justify-content: flex-end; align-items: center;}
.form-control::-webkit-input-placeholder{ color: #fff;} .form-enroll .form-control::-webkit-input-placeholder{ color: #888;}

.pic{ position: relative; width: 100%;} .pic img{ width: 100%; height: 100%;}
.trans, .comlist li, .comlist a{ -webkit-transition: all 0.38s ease; -moz-transition: all 0.38s ease; transition: all 0.38s ease;}
.scale{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.38s ease; -moz-transition: all 0.38s ease; transition: all 0.38s ease;}
.rotate{ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.38s ease; -moz-transition: all 0.38s ease; transition: all 0.38s ease;}
a:hover .scale{ -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08);}
a:hover .rotate, .plus.rotate{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}
.scale:hover{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}

.mod .container{ overflow: hidden;}
.vertical{ display: table-cell; vertical-align: middle;}
.text-ellipsis, .name{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.text-center{ text-align: center;}

.btn-solid{ display: block; height: 48px; line-height: 48px; color: #fff; text-align: center; background: #0168bf;}
.btn-hollow{ display: block; width: 128px; height: 38px; border: 1px solid #fff; margin: 0 auto; line-height: 36px; color: #fff;}
.btn-more{ display: block; max-width: 160px; min-width: 118px; height: 48px; line-height: 48px; color: #0168bf; text-align: center; background: #ffe220;}

.scroll-top{ position: fixed; z-index: 99; bottom: 38px; right: 38px; width: 48px; height: 48px; opacity:0; -webkit-transform:translateX(100%) rotate(360deg); transform:translateX(100%) rotate(360deg); transition:all .5s ease; background: url(../images/btn-scrolltop.png) no-repeat 0 0; background-size: 100% 100%;}
.scroll-top.rollIn{ opacity:1; -webkit-transform:translateX(0px) rotate(0deg); transform:translateX(0px) rotate(0deg); transition:all .5s ease;}

.icon{ background: url(../images/sprite.png) no-repeat center 0;}
.horn{ background-position-y: -98px;} .area{ background-position: left -1726px;}
.date{ background-position: left -1606px;}
.yy{ background-position-y: -150px;}
.tz{ background-position-y: -220px;}
.yl{ background-position-y: -290px;}
.tj{ background-position-y: -360px;}
.px{ background-position-y: -430px;}
.cz{ background-position-y: -500px;}
.exame{ background-position-y: -570px;}
.sg{ background-position-y: -640px;}
.seaman{ background-position-y: -710px;}
.mechanic{ background-position-y: -890px;}
.cook{ background-position-y: -1070px;}
.searider{ background-position-y: -1250px;}
.pair{ background-position-y: -1430px;}
li:hover .seaman{ background-position-y: -800px;}
li:hover .mechanic{ background-position-y: -980px;}
li:hover .cook{ background-position-y: -1160px;}
li:hover .searider{ background-position-y: -1340px;}
li:hover .pair{ background-position-y: -1520px;}

/*======== header ===========*/
.site-nav{position: relative;z-index: 90;/* padding: 8px 0; */color: #717171;/* background: #f7f8fa; */}
.site-nav a{ display: inline-block; font-size: 16px; font-weight: bold; color: #0137bf;}
.site-nav .qrcode{ width: 26px; height: 26px; background-position: 0 0;}
.site-nav .tel{ padding-left: 32px; background-position: 0 -50px;}
.site-nav .line{ display: inline-block; width: 1px; height: 20px; margin: -4px 12px; background: #c0c0c0;}
.flex-site{float: right;width: 40%;}
.flex-qrcode{ position: relative; height: 26px;} 
.btn-slide{ display: none; position: absolute; top: 36px; left: 50%; width: 118px; height: 118px; padding: 12px; margin-left: -60px; color: #fff; background: #ff7c1d;}
.btn-slide:after{ content: '\0020'; display: block; position: absolute; top: -16px; right: 50%; width: 8px; height: 8px; border: 8px solid transparent; border-bottom-color: #ff7c1d; margin-right: -12px;}

.header{ position: relative; z-index:88; height: 98px; line-height: 98px; background: #fff;} 
.header.fixedNav{ position:fixed; z-index:100000; top: 0; left: 0; width: 100%; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}
.header .container{ position: relative; z-index: 89;}
h1.logo{ position: absolute; top: 22px; left: 0; width: 25%;}
.header-nav{ width: 100%; padding-left: 25%;}
.navbar-nav{ width: 100%; background: #fff;}
.nav>li{ width: 10.5%; text-align: center;}
.nav>li:last-child{ border-right: 0 none;}
.nav>li>a{ display: block; padding: 0; font-size: 16px; line-height: 98px; color: #4d4d4d; transition: all .2s ease-in-out;}
.nav>li.active>a, .nav>li>a:hover, .nav>li>a:focus, .nav>li.nav-hover>a{ color: #fff; background: #0168bf;}

.dropdown-menu{ min-width: 100%; padding: 0; border: 0 none; background: #107dd9;}
.dropdown-menu>li>a{ padding: 8px; font-size: 14px; line-height: 26px; color: #fff;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{ color: #fff; font-weight: bold; background: #ff7c26;}
.dropdown-menu>li:last-child{ border-bottom: 0 none;}
.dropdown-menu>li:last-child>a{ border-radius: 0 0 8px 8px;}

/* footer */
.footer{ background: #2d2d2d;}
.footer, .footer a{ color: #a0a0a0;}
.footer a:hover{ color: #0168bf;}
.footer-list{ padding: 20px 0; border-bottom: 1px solid #333; font-size: 13px; line-height: 38px; color: #a0a0a0;}
.footer-list li{ float: left; width: 14%; padding: 0 32px;}
.footer-list li:first-child{ padding-left: 0;}
.footer-list li:last-child{ padding-right: 0;}
.footer-list .name, .footer-list .subname{ font-size: 16px; color: #ddd;}
.footer-list .name{ padding: 8px 0;}
.footer-list .line{ position: relative; width: 98px; height: 1px; margin-bottom: 18px; background: #7f7f7f;}
.footer-list .gap{ display: block; position: absolute; top: 0; left: 10px; width: 5px; height: 1px; background: #2d2d2d;}
.footer-list .item-contact{ width: 30%; border-left: 1px solid #262626;}
.footer-list a{ display: block;}
.item-contact .inner{ border-left: 1px solid #333;}
.item-contact .line{ width: 100%;}
.copyright{ padding: 20px 0; border-top: 1px solid #262626; font-size: 12px;}
.copyright a{ margin: 0 2px;}

.fixed-online{ position: fixed; z-index: 100; top: 48%; right: 0; width: 88px; height: 88px;}

/* 轮播广告 */
.carousel-mobile{ display: none;}
.carousel, .carousel-control, .carousel .item, .carousel .item img{ overflow: hidden;}
.carousel .item{ vertical-align: middle;}
.carousel .item img, .carousel-inner>.item>img, .carousel-inner>.item>a>img{ width: 100%; height: 100%;}
.carousel-caption{ z-index: 10;}
.carousel-caption p{ margin-bottom: 20px; font-size: 20px; line-height: 1.8;}
.carousel-indicators li, .carousel-indicators .active{ width: 10px; height: 10px; border: 0 none; margin: 0 8px 0 0;}
.carousel-indicators li{ background:#2b2b2b;}
.carousel-indicators .active{ background: #fff;}
.carousel .left{ background: url(../images/prev.png) no-repeat center center;}
.carousel .right{ background: url(../images/next.png) no-repeat center center;}

/* notice */
.mod-notice{ margin: 12px 0;}
.mod-notice .inner{ position: relative; padding-left: 46px;}
.mod-notice .horn{ position: absolute; top: 0; left: 0; width: 46px; height: 42px; background-color: #0168bf;}
#list{ position: relative; float: left; width: 100%; height: 42px; padding: 8px 16px; border: 1px solid #dedede; text-align: center; overflow: hidden; background: #fff;}
#list ul{ position: absolute; left: 0; height: 24px; word-wrap: break-word;}
#list li{ display: inline; margin-right: 16px;}
#list li a{ color: #3a3a3a;}

/* mod */
.mod{ padding: 32px 0; background-repeat: no-repeat; background-position: center top; background-size: cover;}
.title{ margin-bottom: 32px; color: #fff; text-align: center;}
.title .en{ line-height: 18px; text-transform: uppercase;} 
.title .china{ font-size: 22px; line-height: 48px;}
.title .line{ width: 276px; border-bottom: 1px solid #ddd; margin: 0 auto;}
.title .white{ width: 28px; height: 3px; margin: 0 auto -1px; background: #fff;}
.mod-white .title, .mod-white .title{ color: #222;}
.mod-white .en, .mod-white .en{ color: #6c6c6c;}
.mod-white .title .white{ background: #0168bf;}

.mod-cata{ background: #fff;}
.swiper-cata{ padding-top: 10px;}
.cata-list{ text-align: center;}
.cata-list li{ float: left; position: relative; width: 12.5%; border-top: 2px solid #0168bf; }
.cata-list a{ display: block; padding: 28px 12px 0; color: #0168bf; transition: all 0.38s ease;}
.cata-list a:after{ content: '\0020'; display: block; position: absolute; top: -8px; left: 50%; width: 15px; height: 15px; margin-left: -8px; background: #0168bf;}
.cata-list .icon{ width: 100%; height: 66px; margin-bottom: 12px; background-color: #0168bf; transition: all 0.38s ease;}
.cata-list a:hover{ color: #ff7c26;}
.cata-list a:hover .icon{ background-color: #ff7c26;}

.mod-about, .mod-agency{ line-height: 38px; color: #fff; background-image: url(../images/bg1.jpg);}
.mod-about .inner{ position: relative;}
.mod-about .info{ padding-right: 430px;}
.flex-about{ margin: 32px 0; text-align: center;}
.flex-about .num{ position: relative; display: inline-block; font-size: 32px; color: #ffc90d;}
.flex-about .sym{ position: absolute; top: 0; right: -18px; font-size: 13px; line-height: 20px;}
.swiper-about{ position: absolute; top: 0; right: 0;}
.swiper-about, .swiper-about .swiper-slide, .swiper-about img{ width: 350px; height: 435px;}
.swiper-about .icon{ top: 50%; width: 36px; height: 36px; margin-top: -18px; background-color: #0168bf;}
.swiper-button-prev{ left: 8px; background-position-y: -1648px;}
.swiper-button-next{ right: 8px; background-position-y: -1686px;}

/* course */
.course-list li{ float: left; width: 20%; padding: 0 5px; color: #fff;}
.course-list .name, .course-list .info{ padding: 12px 8px; background: #0168bf;}
.course-list .name{ height: 52px; font-size: 17px; font-weight: bold; line-height: 28px; text-align: center;}
.course-list span{ display: inline-block; margin: 0 6px;}
.course-list .dot{ width: 5px; height: 5px; background: #fff;}
.course-list .img{ width: 100%; height: 118px; padding: 16px;}
.course-list .circle{ width: 86px; height: 86px; border: 3px solid #0168bf; margin: auto;}
.course-list .txt{ line-height: 32px;}
.course-list .btns{ padding-top: 12px; border-top: 1px dashed #fcfdfe; margin-top: 12px;}
.course-list .btn{ width: 48%; border: 1px solid #fff; font-size: 13px; color: #fff; text-align: center;}
.course-list .btn-yellow{ border-color: #f0e422; color: #0065bb; background: #f0e422;}
.course-list li:hover .name, .course-list li:hover .img, .course-list li:hover .info{ background: #ff8434;}
.course-list li:hover .circle{ border-color: #fff;}
.course-list li:hover .btn-yellow{ color: #fff; border-color: #fff; background: transparent;}

.mod-agency .line{ margin-bottom: 12px;}
.agency-list li{ float: left; width: 48%; margin-bottom: 18px;}
.agency-list li:nth-child(2n+2){ float: right;}
.agency-list a{ display: block; position: relative; padding: 38px 48px; border: 2px solid #d6d8dd; background: #efeff1;}
.agency-list .img{ position: absolute; top: 50%; left: 48px; width: 76px; height: 76px; border: 3px solid #0168bf; margin-top: -38px; line-height: 70px; text-align: center;}
.agency-list .info{ height: 158px; margin-left: 110px; overflow: hidden;}
.agency-list .name{ margin-bottom: 5px; font-size: 17px; font-weight: bold; color: #0168bf;}
.agency-list a:hover{ border-color: #ee7325;}

.switch-nav{ width: 458px; height: 36px; border: 1px solid #868686; margin: 28px auto 38px; line-height: 34px;}
.switch-nav a{ float: left; width: 33.33%; color: #fff; text-align: center;}
.switch-nav a:nth-child(2){ border-left: 1px solid #868686; border-right: 1px solid #868686;}
.switch-nav .active, .switch-nav a:hover{ color: #fff; background: #6d7174;}
.switch-gray{ border-color: #2d2d2d;}
.switch-gray a{ color: #2d2d2d;}
.tab-panel{ display: none;}

.news-list{ width: 49%;}
.news-list li{ position: relative;}
.news-list .item-info{ height: 118px; margin-bottom: 12px;}
.news-list .pic{ position: absolute; top: 0; left: 0; width: 162px; height: 118px; overflow: hidden;}
.news-list .info{ margin-left: 176px; font-size: 13px; color: #888;}
.news-list .name{ height: 30px; font-size: 16px; font-weight: bold; line-height: 30px; color: #242424;}
.news-list .txt{ height: 52px; line-height: 26px; overflow: hidden;}
.news-list .date{ padding-left: 18px; font-size: 13px; color: #a7a7a7;}
.news-list .item{ position: relative; padding: 8px 0; border-bottom: 1px dashed #a2a2a2; margin-left: 18px;}
.news-list .item:after{ content: '\0020'; display: block; position: absolute; top: 18px; left: -18px; width: 6px; height: 5px; background: #252525;}
.news-list .item .name{ padding-right: 98px; font-size: 14px; font-weight: normal;}
.news-list .item .date{ position: absolute; top: 10px; right: 0;}
.news-list a:hover .name{ color: #0168bf;}
.btn-news{ display: block; width: 132px; height: 40px; border-radius: 20px; margin: 30px auto 10px; line-height: 40px; color: #fff; text-align: center; background: #0168bf;}
.btn-news:hover, a:hover .btn-news{ background: #ff8434;}

.mod-advantge{ background-color:#f7f7f7;}
.mod-advantge .line{ margin-top: 12px;}
.flex-advantge .item{ width: 35%;}
.flex-advantge .item-imgs{ width: 25%;}
.advlist li{ margin-bottom: 40px;}
.advlist li:nth-child(3){ margin: 0;}
.advlist a{ color: #fff;}
.advlist .img{ position: relative; width: 110px; height: 110px; border: 1px dotted #fff;}
.advlist .inner{ position: relative; z-index: 2; width: 70px; height: 70px; margin: 18px auto; line-height: 70px; text-align: center; background: #fff;}
.advlist .line{ position: absolute; top: 50%; right: -38px; width: 66px; height: 3px; margin-top: -1px; background: #fff;}
.advlist .dot{ position: absolute; top: -4px; right: -6px; width: 13px; height: 13px; background: #fff;}
.advlist .info{ width: 70%; padding: 20px 28px; border: 1px dotted #fff; line-height: 32px;}
.advlist .name{ margin-bottom: 4px; font-size: 16px; font-weight: bold; color: #fff;}
.advlist .txt{ height: 64px; overflow: hidden;}

.mod-display{ background-image: url(../images/bg3.jpg);}
.comlist li{ width: 24%; border: 1px solid #fff;}
.comlist a, .advimgs a{ display: block; border: 4px solid #fff;}
.comlist .pic, .advimgs .pic{ width: 100%; overflow: hidden;}
.campus-list li, .advimgs li{ border-color: #cfcfcf;}
.comlist li:hover, .comlist a:hover, .advimgs li:hover, .advimgs a:hover{ border-color: #0168bf;}
.advimgs li{ margin-bottom: 16px;}
.advimgs li:last-child{ margin: 0;}

.mod-partner{ background: #fff;}
#inner01, #inner02{ float: left;}
.carousel-slide{width:100%;he;height: 247px;dding: 0 56px;overflow: hidden;}
.partner-list li{float: left;width: auto;height: 210px;margin: 0px 16px;x;x;x;x;px;px;px;px;px;px;px;px;px;px;px;px;px;px;px;vertical-align: middle;text-align: center;}
.partner-list a{ display: block; margin-bottom: 8px;}
.partner-list .pic{height: 154px;height: 68px;rder: 1px solid #8395ce;line-height: 68px;background: #fff;}
.partner-list img{width: 255px;height: 202px;vertical-align: middle;}
.partner-list a:hover .pic{ border-color: #ff8434;}

.mod-contact{ background: #0168bf;}
.form-list{ width: 78%; margin: 0 auto;}
.form-list li{ float: left; width: 33.3%; height: 36px; padding: 0 2%; margin-bottom: 16px;}
.form-list .form-control{ border: 1px solid #fff; color: #fff; background: transparent;}
.form-control:focus{ -webkit-box-shadow: 0 0 8px 4px rgba(16,106,188,0.38); box-shadow: 0 0 8px 4px rgba(16,106,188,0.38);}
.btn-submit{ display: block; width: 152px; height: 38px; border: 1px solid #fff; margin: 12px auto; line-height: 36px; color: #004cd6; text-align: center; background: #f0e422;}

/*  ========== 内页 init =========  */
.crumb{ padding: 18px 0;}
.crumb .flex-row{ width: 100%;}
.crumb a, .crumb span{ display: inline-block;}
.crumb a:hover, .crumb .curr{ color: #0168bf;}
.crumb .icon{ padding-left: 28px;}
.crumb .tel{ background-position-x: 0;}
.crumb .tel .curr{ font-weight: bold;}

.content{ padding: 28px 0; line-height: 30px; background: #fff;}
.content .num{ color: #ff7c26;} .content .name{ margin-bottom: 5px; font-size: 16px; font-weight: bold; color: #0168bf;}
.side-nav{ margin-bottom: 38px;}
.side-list li{ width: 14%;}
.side-list a{ display: block; width: 88%; padding: 6px 12px; border: 1px solid #ddd; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; text-align: center;}
.side-list a:hover, .side-list .active a{ border-color: #0168bf; color: #fff; background: #0168bf;}

.prolist li{ float: left; width: 25%; margin-bottom: 16px;}
.prolist a{ display: block; margin: 0 8px;}
.prolist .pic{ width: 100%; overflow: hidden;}

.contact-info .item{ margin-bottom: 18px;}
.contact-info span{ display: inline-block; margin-right: 18px;}
.form-enroll li{ float: none; width: 100%; max-width: 450px; margin: 0 auto 16px;}
.form-enroll .form-control{ border-color: #ddd; color: #333;}

.mess-list li{ border: 1px solid #ddd; margin-bottom: 18px;}
.mess-list .hd{ padding: 8px 12px; font-size: 13px; line-height: 24px; background: #f5f5f5;}
.mess-list .bd{ padding: 12px;} .mess-list .date{ font-size: 12px;}
.mess-list .info{ padding-bottom: 12px; border-bottom: 1px dashed #ddd; margin-bottom: 8px;}

/* news */
.news .pic img{ width: auto; height: auto;}
.press-list{ width: 100%; margin-top: -12px;}
.press-list li{ padding: 12px 0; border-bottom: 1px solid #ddd;}
.press-list .name{ margin-bottom: 4px; color: #333;}
.press-list .date{ line-height: 24px;} 
.press-list .txt{ height: auto; margin-bottom: 8px;}
.press-list .btn-news{ width: 118px; height: 36px; margin: 0; line-height: 36px;}

/* 新闻详细 */
.news .title{ margin: 0; font-size: 18px; color: #111;}
.news .subtitle{ margin: 0 0 12px; color: #717171;}
.news .origin{ margin: 8px 0 5px;}
.news .pic{ width: auto; margin: 16px 0; text-align: center;}
.news .info{ margin-bottom: 38px;}
.news-more{ margin-bottom: 18px;}
.news-more .caption{ border: 0 none; margin-bottom: 8px; font-size: 20px; color: #111;}
.news-more a{ display: block; height: 42px; border-bottom: 1px dashed #dbdbdb; line-height: 40px; color: #616161;}
.news-more span{ float: right; font-size: 14px;}
.news-pagination{ position: relative; padding: 10px 130px 10px 18px; border: 1px solid #cdcdcd; background: #f7f7f7;}
.news-pagination a{ width: 68%; height: 26px; margin-bottom: 10px; font-size: 15px; color: #242424;}
.news-pagination span{ float: left; color: #616161;}
.news-pagination .btn-back{ position: absolute; top: 20px; right: 8px; width: 115px; height: 38px; padding-left: 36px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-size: 16px; color: #fff; line-height: 38px; background: url(../images/icon-back.png) no-repeat 6px center #0168bf;}
.news-pagination .btn-back:hover{ color: #fff;}
.news-more a:hover, .news-pagination a:hover{ color: #0168bf;}

.news-catagory a.item{ display: block; padding: 20px; margin-bottom: 8px; color: #222; background: #f5f5f5;}
.news-catagory .name{ height: 32px; padding-bottom: 12px; border-bottom: 1px dashed #222; margin-bottom: 8px; font-size: 18px; color: #222; text-overflow: ellipsis; overflow: hidden;}
.news-catagory .date{ margin-bottom: 18px; color: #858585;}
.news-catagory .info{ margin-bottom: 0;}
.news-catagory a:hover{ color: #fff; background: #0168bf;}
.news-catagory a:hover .name, .news-catagory a:hover .date{ color: #fff;}
.news-catagory a:hover .name{ border-bottom-color: #fff;}

/* pagination */
.pagination{ margin-top: 38px;}
.pagination, .pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span{ -webkit-border-radius: 0; border-radius: 0;}
.pagination>li{ float: left; margin-right: 8px;}
.pagination>li>a, .pagination>li>span{ color: #9e9e9e;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, 
.pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus,
.pagination>li>a:hover, .pagination>li>span:hover,
.pagination>li>a:focus, .pagination>li>span:focus
 { border-color: #0168bf; font-weight: bold; color: #fff; background-color: #0168bf;}

/* Bounce To Right */
.bounce-to-right{ position: relative; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden;
  backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;
  -webkit-transition-property: color; transition-property: color;
  -webkit-transition-duration: 0.5s; transition-duration: 0.5s;
}
.bounce-to-right:before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #ff7c26;
  -webkit-transform: scaleX(0); transform: scaleX(0);
  -webkit-transform-origin: 0 50%; transform-origin: 0 50%;
  -webkit-transition-property: transform; transition-property: transform;
  -webkit-transition-duration: 0.5s; transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
.bounce-to-right:hover, .bounce-to-right:focus, .bounce-to-right:active{ color: #fff;}
.bounce-to-right:hover:before, .bounce-to-right:focus:before, .bounce-to-right:active:before{
  -webkit-transform: scaleX(1); transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* 响应式布局 */
@media(max-width: 1200px){
    .cata-list a{ padding: 24px 6px 0;}
    .course-list li{ padding: 0;}

    .mod-about, .mod-agency{ line-height: 32px;}
    .agency-list a{ padding: 18px;}
    .agency-list .img{ left: 28px;}

    .advlist .img{ width: 98px; height: 98px;}
    .advlist .info{ padding: 12px 8px 12px 18px;}
    .advlist .inner{ width: 66px; height: 66px; margin: 15px auto; line-height: 66px;}
    .advlist .line{ width: 38px; right: -16px;}
}

@media (max-width: 991px){  
    .hide-sm, .aside-title .hide-sm{ display: none;} 
    .container{ padding: 0 12px;} 

    .header{ height: 78px; line-height: 78px;}
    .nav>li>a{ font-size: 14px; line-height: 78px;}
    h1.logo{ top: 15px;}

    .footer-list li{ width: 20%; line-height: 32px;}
    .footer-list .item-contact{ width: 100%; padding: 0; border: 0 none;}
    .footer-list .subitem{ float: left; width: 48%;}
    .footer-list .subitem:last-child{ float: right;}
    .copyright{ padding: 12px 0;}
    .copyright .fl, .copyright .fr{ float: none;}

    .title .china{ font-size: 18px; line-height: 42px;}
    .mod-about .info{ padding: 0;}
    .swiper-about{ position: static; margin: 28px auto 0;}

    .mod-advantge .container{ width: 620px;}
    .flex-advantge{ display: block;}
    .flex-advantge .item{ width: 100%;}
    .advlist li{ margin-bottom: 18px;}
    .advlist .line{ right: -98%; width: 128%;}
    .advlist .info{ padding-left: 28px;}
    .item-imgs{ margin: 28px 0;}
    .advimgs li{ float: left; width: 48%; margin: 0;}
    .advimgs li:last-child{ float: right;}

    .switch-nav{ margin: 18px auto 28px;}
    .carousel-slide{ height: 128px; padding: 0;}
    .partner-list .pic{ width: 240px; height: 56px; line-height: 56px;}
    .partner-list img{ width: 200px; height: 46px;}
    
    .form-list{ width: 100%;}

    /* init */
    .side-nav{ margin-bottom: 28px;}
    .side-list a{ padding: 4px;}
    .prolist li{ width: 33.3%; margin-bottom: 12px;}
    .prolist a{ margin: 0 5px;}
}

@media (max-width: 767px){
    .hide-pad{ display: none;}  .show-pad{ display: block;}
    .container{ width: 100%;} .scroll-top{ bottom: 68px;}
    .row{ margin: 0;}

    .navigation{ position: fixed; z-index: 88; bottom: 0; left: 0; width: 100%; height: 56px; text-align: center; background: #0168bf;}
    .navigation li{ float: left; width: 20%;}
    .navigation a{ display: block; padding-top: 32px; color: #fff; background: url(../images/navigation.png) no-repeat center 0; background-size: 25px 250px;}
    .navigation .target-home{ background-position-y: 8px;}
    .navigation .target-tel{ background-position-y: -51px;}
    .navigation .target-qq{ background-position-y: -114px;}
    .navigation .target-mess{ background-position-y: -170px;}
    .navigation .target-wechat{ background-position-y: -220px;}
    .navigation .active a, .navigation a:hover, .navigation a:active, .navigation a:focus{ background-color: #ff7c1d;}
.main img{width: 100%!important;height: 100%!important;}
    body{ padding: 56px 0; }
    h1.logo{ top: 12px; left: 12px; width: 230px; height: 30px; line-height: 30px;}
    h1.logo img{ vertical-align: top;}
    .header, .header .container{ height: 56px;}
    .header{ position: fixed; top: 0; left: 0; z-index: 99; width: 100%; padding: 0; line-height: 42px; background: #fff;}
    .navbar-toggle{ position: absolute; top: 16px; right: 8px; padding: 0; border: 0 none; margin: 0;}
    .navbar-toggle .icon-bar{ background-color: #0168bf;}
    .navbar-toggle .icon-bar+.icon-bar{ margin-top: 8px;}
    .navbar-toggle .icon-bar.icon-short{ width: 15px;}
    .navbar-toggle .icon-bar.icon-long{ width: 28px;}
    .navbar-collapse, .navbar-collapse.fixedNav{ top: 43px; left: auto; right: 0; width: 45%;}
    .navbar-collapse{ display: none; position: fixed; z-index: 9999; padding: 0; text-align: center;}
    .navbar-collapse .container{ padding: 0;}
    .navbar-nav{ padding-top: 12px; border: 0 none; margin: 0; background: url(../images/arrow-up.png) no-repeat 88% top; background-size: 24px 12px;}
    .nav>li{ width: 100%; border-right: 0 none; border-bottom: 1px solid rgba(255,255,255, .38); background: #0168bf;}
    .nav>li:last-child{ border-bottom: 0 none;}
    .nav>li>a{ height: 46px; line-height: 46px; color: #fff;}
    .nav>li.active>a, .nav>li>a:hover, .nav>li>a:focus, .nav>li.nav-hover>a{ color: #fff; background: #ff7c26;}
    .carousel .right, .carousel .left{ background-size: 38px;}
    .copyright span{ display: block; text-align: center;}

    .mod{ padding: 28px 0;} .title{ margin-bottom: 24px;}
    .mod-about .num{ font-size: 26px;}
    .mod-about .txt{ font-size: 12px;}

    .agency-list li{ width: 49%;}
    .agency-list a{ padding: 12px;}
    .agency-list .info{ height: 148px; margin-left: 78px; line-height: 28px;}
    .agency-list .img{ left: 12px; width: 68px; height: 68px; line-height: 68px;}

    .switch-nav{ margin: 0 auto 18px;}
    .mod-news .flex-row{ display: block;}
    .news-list{ width: 100%; margin-bottom: 28px;}
    .news-list .item-info{ margin: 0;}

    .mod-campus .flex-row, .mod-display .flex-row{ flex-wrap: wrap;}
    .comlist li{ width: 49%; margin-bottom: 12px;}

    .form-list li{ width: 50%;}
    .carousel-slide{ height: 110px;}
    .partner-list .pic{width: 180px;height: 110px;line-height: 48px;}
    .partner-list img{width: 160px;height: 108px;}

    /* init */
    .banner, .banner img{width: 100%;height: 100px;}
    .crumb{ padding: 12px 0;}

    .side-nav{ margin: 0;}
    .side-nav .plus, .side-list{ position: fixed; z-index: 100; bottom: 68px;}
    .side-nav .plus{ left: 8px; width: 38px; height: 38px; font-size: 28px; line-height: 34px; color: #fff; cursor: pointer; text-align: center; background: #0168bf;}
    .side-list{ display: none; left: 48px; width: 180px; background: #fff;}
    .side-list li{ float: none; width: 100%;}
    .side-list a{ width: 100%; border: 0 none; border-bottom: 1px solid #ddd; border-radius: 0;}


    .news-catagory a.item{ padding: 8px;}
    .news-catagory .pic{ width: 240px; height: 158px;}
    .news-catagory .detail{ width: 100%; height: 158px;}
    .news-catagory .date{ margin-bottom: 0;}
    .news-catagory .info{ max-height: 72px; line-height: 24px; overflow: hidden;}
    .news-pagination a{ width: 58%; font-size: 14px;}

    .pagination{ margin: 0;}
}

@media(max-width: 650px){
    .mod-advantge .container{ width: 100%;}
    .advlist .line{ right: -72%; width: 98%;}
    .mod-about .flex-btn{ margin: 18px auto 0;}
    .flex-about{ flex-wrap: wrap; margin: 18px 8px;}
}

@media (max-width: 480px){
    .wrap-xs{ width: 100%; overflow: hidden;}
    .hide-xs, .carousel-computer{ display: none;}
    .show-phone, .carousel-mobile{ display: block;}
    .container{ padding: 0 10px;}
    .scroll-top{ right: 8px;}
    

    .header, .header .container{height: 72px; } .navbar-toggle{ top: 10px;}
    h1.logo{top: 16px;left: 50%;width: 320px;height: 22px;margin-left: -160px;line-height: 68px;}
    
    .navbar-nav{ padding: 0;}
    .mod{ padding: 18px 0;}
    
    .switch-nav{ width: 100%;}
    .agency-list li, .agency-list li:nth-child(2n+2){ float: none; width: 100%;}
    .advlist .line{ right: -24%; width: 42%;}

    .news-list .item-info{ height: 110px;}
    .news-list .pic{ width: 138px; height: 100px;}
    .news-list .info{ margin-left: 148px;}
    .news-list .txt{ height: 48px; line-height: 24px;}
    .form-list li{ float: none; width: 100%; margin-bottom: 12px;}

    /* init */
    .crumb .flex-row{ display: block;}
    .crumb .tel{ display: none;}

    .content{ padding: 18px 0 6px;} .banner, .banner img{height: 97px;}
    .prolist li{ width: 50%;}

    .mess-list .hd, .mess-list .bd{ padding: 8px;}
    .mess-list .info{ padding-bottom: 8px; margin-bottom: 5px;}

    .press-list{ margin-bottom: 20px;}
    .press-list .name{ margin: 0;}
    .news .title{ font-size: 18px; line-height: 28px;}
    .news .info{ margin-bottom: 20px;}
    .news-more .caption{ margin-bottom: 10px; font-size: 18px;}
    .news-pagination{ padding: 10px; margin-bottom: 56px;}
    .news-pagination a{ width: 100%;}
    .news-pagination .btn-back{ top: auto; right: auto; left: 0; bottom: -52px; padding-left: 28px; margin: 0; font-size: 13px; text-align: center;}

    .news-catagory .pic{ width: 100%; height: auto; margin: 0 auto 10px;}
    .news-catagory img{ width: 100%;}
    .news-catagory .detail{ padding: 10px;}
}