﻿body {
    padding-top: 56px;
    font-weight: 200;
    color: #444;
    font-family: "微软雅黑", "Microsoft YaHei UI Light", "Microsoft YaHei UI", "Arial";
}
.about-us { padding: 0; }
.about-us main { padding-top: 50px;}
a:hover {
    text-decoration: none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 200;
}

.bg-gray {
    background-color: #f7f8f8 !important;
}

.bg-blue {
    background-color: #20569a !important;
}

.bg-red {
    background-color: #a72126 !important;
}

.bg-dark {
    background-color: #2d2d2d !important;
}

.bg-yellow {
    background-color: #cc9720 !important;
}

.bg-darkblue {
    background-color: #364d5d !important;
}

.bg-danger { background: #b73035 !important;}
.text-danger { color: #b73035 !important;;}



.btn-brown {
    color: #fff;
    border-color: #bb914c;
    background-color: #bb914c;
}
.btn-brown:hover {
    color: #fff;
    border-color: #b08848;
    background-color: #c3974f;
}
.btn-brown.focus, .btn-brown:focus {
    box-shadow: 0 0 0 0.2rem rgba(187,145,76,.5);
}
.btn-brown:not([disabled]):not(.disabled).active, .btn-brown:not([disabled]):not(.disabled):active, .show>.btn-brown.dropdown-toggle {
    color: #fff;
    border-color: #ae8747;
    background-color: #a58043;
}

.text-gray {
    color: #949495;
}

.text-brown {
    color: #825f24;
}

.text-darkness {
    color: #111;
}

.text-dark {
    color: #444 !important;
}

.text-blue {
    color: #003e82;
}

.text-indent2 {
    text-indent: 2rem;
}

.ls2 {
    letter-spacing: .2rem;
}

.text-max {
    font-size: 2.6rem;
}

.text-llg {
    font-size: 1.6rem;
}

.text-lg {
    font-size: 1.4rem;
}

.text-md {
    font-size: 1.1rem;
}

.text-sm {
    font-size: .8rem;
}

.lh20 {
    line-height: 2.0 !important;
}

.fw400 {
    font-weight: 400;
}

.pagination .page-item {
    display: none;
}
.pagination .page-item:first-child, .pagination .page-item:last-child {
    display: list-item;
}

.page-item.ellipsis.disabled .page-link {
    border-color: transparent;
}
.page-link {
    margin-left: .3rem;
    margin-right: .3rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 0 !important;
    color: #555;
    background-color: #f7f7f7;
}
.page-link:hover {
    color: #555;
}
.page-item.disabled .page-link {
    border-color: #ddd;
    color: #999;
}
.page-item.active .page-link {
    background-color: transparent;
    color: #e04f09;
    border-color: transparent;
}

.page-title {
    margin-bottom: 1rem;
    padding-bottom: .6rem;
    border-bottom: 2px solid #dedede;
}
.page-title .title-inner {
    border-bottom: 3px solid #a72126;
    margin-bottom: -12px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/** index **/
.navbar {
}

.navbar > .container {
    position: relative;
    z-index: 2;
}

.navbar:after {
    content: '';
    width: 100%;
    position: absolute;
    height: 0;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #ddd;
}

.navbar-brand {
    padding: 0;
}

.header .navbar-nav .nav-link {
    color: #222;
}

.header .navbar-nav .nav-link:focus, .header .navbar-nav .nav-link:hover {
    color: #a72126;
}

.header .navbar-nav .active > .nav-link, .header .navbar-nav .nav-link.active, .header .navbar-nav .nav-link.show, .header .navbar-nav .show > .nav-link {
    color: #a72126;
}

.logo-icon {
    width: 145px;
    height: 31px;
    line-height: 31px;
    overflow: hidden;
    margin: 0;
    text-indent: -9999px;
    background: url("../images/logo.jpg") no-repeat;
}
.index .section0 {
    background: url("../images/bg_0.png?v=1") center bottom no-repeat #e8edf8;
    font-weight: lighter;
}
.index .section0 {  box-sizing: border-box; padding-top: 20px; padding-bottom: 20px;}

.index .section0 .video-box {width:100%;  margin: 0 auto;  box-sizing: border-box; }
.index .section0 video { width:100%; background: #000;border: 4px solid #fff;}
.index .section0 .title { width: 100%; margin: 0 auto; text-align: center;  }
.index .section0 .title h1 { font-size: 1.4rem;color: #003e82;}

.index .section1 {
    background: url("../images/bg_01.jpg") center bottom repeat-x;
    font-weight: lighter;
}
.index .section1-1 {
    background: url("../images/bg_19.jpg") center bottom no-repeat #2b5288;
    background-size: 100% auto;
}
.index .section1 .text-max {
    font-size: 1.8rem;
    font-weight: lighter;
}

.child {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 50%;
    width: 300px;
}

.index .section1 .title {
    color: #89a6ba;
}

.index .animate-section li {
    opacity: 0;
    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    -ms-transition: opacity .6s;
    -o-transition: opacity .6s;
    transition: opacity .6s;
}

.index .animate-section li.active {
    opacity: 1;
}

.index .section1 .content {
    height: 30rem;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, .2);
}

.index .section2 {
    background: url("../images/bg_02.jpg") center no-repeat;
}

.index .section4 {
    background: url("../images/bg_03.jpg") center no-repeat;
}

.index .section6 {
    background-image: url("../images/bg_05.jpg"); 
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.index .section6 {
    padding-top: 2rem;
}
.footer-white-text { height:2rem;}
.footer-white-text img { display: none;}
.footer-white-text-a1 { background: #619bbb; padding-top: 20px;}


.index .footer-white-text {
    margin-bottom: 1rem;
}

.section6 a:hover {
    color: #a72126;
}

.section6 .content ul li {
    margin: .2rem 1rem !important;
}

.section6 .content ul li:nth-child(2n) {
    display: none;
}

.section6 .logo-inline:after {
    content: '';
    border-top: 1px solid #ededed;
    position: absolute;
    width: 100%;
    left: 0;
    top: 28px;
}

.section6 .logo-inline .inner {
    display: inline-block;
    position: relative;
    z-index: 2;
    padding: 0 1rem;
}

.section6 .qq-link li a {
    padding: .4rem .8rem;
    border: 1px solid #999;
    border-radius: 4px;
    vertical-align: middle;
    display: block;
    margin: .5rem 0;

}

.section6 .contact a:hover {
    border-color: #fff;
    color: #fff;
}




/** index end **/

/** join us **/
.join-us .tab-banner {
    background: url("../images/join-us-banner.jpg") center center no-repeat;
    background-size: auto 100%;
}

.tab-banner .sub-title:after {
    content: '';
    width: 100%;
    height: 2px;
    line-height: 0;
    background-color: #fff;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: -.5rem;
}

.join-us .content ol li {
    margin-top: 1rem;
}

.join-us .content ol li em {
    color: #fff;
    font-style: normal;
    line-height: 1.0;
    font-size: .8rem;
    padding: .2rem .4rem;
    margin-right: 1rem;
    display: inline-block;
    vertical-align: middle;
}

.join-us .text-banner {
    background-color: #fbfdff;
    border: 1px solid #bbd1e9;
}

/** join us end **/

/** news **/

.news-lists .news-item {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #dedede;
}

.news-lists .news-item .description {
    margin-bottom: .2rem;
    line-height: 1.8;
    color: #999;
    height: 3.6rem;
    overflow: hidden;
}
.news .page-title {
    border-color: #003e82;
}
.news .page-title .title-inner {
    padding-right: 80px;
    background: url("../images/news_title_txt2.png") right center no-repeat;
}
.news-lists .media-a1 .news-img {
    width: 100%;
}
.pt-5 { padding-top: 1rem!important;}

.media-a1 { display: block;}
.media-a1 h5 { padding-top: 15px;}

/** news end **/

/** about us **/
.about-us .tab-banner {
    background: url("../images/about_us_banner.jpg") center center no-repeat;
    background-size: auto 100%;
}

.about-us .content .logo-icon {
    width: 245px;
    height: 53px;
    background-image: url('../images/logo_lg.jpg');
    margin: 3rem 0 1rem 0;
}

.helps li {
    margin-bottom: 1.5rem;
}

.helps li em {
    font-weight: bold;
    font-style: normal;
    margin-right: 1rem;
}
.advertise {
    background-color: #013d83;
    border: 1px solid #cfd9e9;
    padding: .6rem;
}
.advertise-ad-banner {
    border-radius: 5px;
    position: relative; text-align: center;
}
.advertise-ad-banner:after {
    content: '';
    width: 0;
    height: 0;
    overflow: hidden;
    border: 16px solid transparent;
    border-top-color: #fff;
    position: absolute;
    bottom: -32px;
    left: 50%;
    margin-left: -16px;
}

.ad-box { width: 100%;}
.jyzp { color: #fff; padding: 5px 0; width: 100%;}
.jyzp span { display: initial; font-size: 2.2rem; line-height: 3.5rem; font-weight: bold;}
.img-fluid-a2 { display: none;}
.img-fluid-a1 { display: block; margin: 0 auto; }


/** about us end **/

/** service **/
.service main {
    background: url("../images/bg_06.jpg") top center no-repeat;
}

.service {
    background-color: #f5f8fe;
}
.service-banner .text-md{ color:#999;}
.service-supports li {
    margin-bottom: 1.5rem;
}
.service-supports li img {
    width: 40px;
}
.service-supports li h6 {
    margin-bottom: 0;
}
.service-supports li p {
    display: none; color: #999; 
}

.service-processes-item .text-lg {font-size: 1.4rem !important; }
.service-processes {
    border-radius: .6rem;
    border: 1px solid #ddd;
}

.service-processes .cate-title {
    padding: .6rem 1.2rem;
    border-radius: .6rem; text-align: center;
}

.service-processes .service-processes-item {
    border-radius: .6rem;
    overflow: hidden;
    border: 1px solid #ddd;
}

.service-processes .service-processes-item .title {
    background-color: #d9e7f2;
    background-repeat: no-repeat;
    background-position: 30px center;
}

.service-processes .service-processes-item .title-inner {
    background-color: #e5f0f8;
    margin-left: 80px;
    min-height: 100px;
}

.service-processes .service-processes-item.danger .title {
    background-color: #f8d9db;
}

.service-processes .service-processes-item.danger .title-inner {
    background-color: #fce5e7;
}

.flex1 {
    flex: 1;
}

.service-processes .service-processes-item .description li {
    margin: .5rem 0;
}

.service-processes .service-processes-item .description em {
    font-style: normal;
    background-color: #aaa;
    width: 20px;
    height: 20px;
    font-size: .8rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: .5rem;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
}

.service-processes .item1 .title {
    background-image: url("../images/service_num_01.jpg");
}

.service-processes .item2 .title {
    background-image: url("../images/service_num_02.jpg");
}

.service-processes .item3 .title {
    background-image: url("../images/service_num_03.jpg");
}

.service-processes .item4 .title {
    background-image: url("../images/service_num_04.jpg");
}

.service-processes .item5 .title {
    background-image: url("../images/service_num_05.jpg");
}

.service-processes .item6 .title {
    background-image: url("../images/service_num_06.jpg?v=1");
}

.service-processes .item7 .title {
    background-image: url("../images/service_num_07.png");
}

.service-processes .item8 .title {
    background-image: url("../images/service_num_08.png");
}

.service-processes .item9 .title {
    background-image: url("../images/service_num_09.png");
}

.service-processes .item10 .title {
    background-image: url("../images/service_num_10.png") ;
    background-position:10px center
}
.service-processes .item11 .title {
    background-image: url("../images/service_num_11.jpg") ;
    background-position:10px center
}

/** service end **/

/** contact **/
.contact .section1 {
    background: url("../images/bg_07.jpg") center bottom no-repeat;
    position: relative;
    border-bottom: 2px solid #b49664;
}
.contact-content-title-01 {
    display: none;
    text-align: right;
}

.contact .section1:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 30px solid transparent;
    border-top-color: #b49664;
    bottom: -60px;
    left: 50%;
    margin-left: -30px;
    z-index: 2;
}

.contact .section3 {
    border-top: 2px solid #b49664;
    border-bottom: 2px solid #b49664;
    background-color: #f3ede1;
    background-position: center center;
    background-repeat: no-repeat;
}

.promise-icon {
    margin-top: -50px;
}

.contact .section3 .content {
    border: 2px solid #b49664;
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 1);
}

.contact .section4 {
    background: url("../images/bg_09.jpg?V=1") center center no-repeat;
}
.contact .media-body .text-lg span { display: initial;}
.contact .container .media img,.contact-content-title-02  img{ width: 50px;}
 .contact-banner { text-align: center; font-size: 1.1rem;}


/** contact end **/

/** teach **/

.session-system .item {
    border-radius: .5rem;
    margin-bottom: 10px;
    font-size: 1.2rem;
}

.session-system .item1, .session-system .item2, .session-system .item3, .session-system .item5 {
    height: 4rem;
    line-height: 4rem;
}
.session-system .item4 {
    height: 13.4rem;
    line-height: 13.4rem;
}

.teach .section2 {
    background: url("../images/bg_11.jpg") center bottom no-repeat;
}

.sessions .item {
    box-shadow: 0 3px 10px rgba(0, 0, 0, .25);
    padding: 0 1rem 1rem;
}
.sessions .item .text-gray {
    display: none;
}
.sessions .item h5 {
    font-size: .8rem;
}

.teach .section3 {
    background: url("../images/bg_12.jpg") center bottom no-repeat;
}

.teach .section4 {
    background: url("../images/bg_13.jpg") center bottom no-repeat;
}

.teach .section5 {
    background: url("../images/bg_14.jpg") center bottom no-repeat #e8edf8;
}

.teach main .section6 {
    background: url("../images/bg_15.jpg") center bottom no-repeat;
}

.teach .section7 {
    background: url("../images/bg_16.jpg") center bottom no-repeat;
}

.teach .section8 {
    background: url("../images/bg_17.jpg") center top no-repeat;
    background-position-y: -60px;
}

.teach .section9 {
    background: url("../images/m_bg.jpg") center bottom no-repeat #ecf0fa;
    background-size: 100% auto;
    height: 43rem;
}

.teach .section9 .content:before {
    position: absolute;
    width: 0;
    height: 0;
    content: '';
    border: 60px solid transparent;
    border-left-color: #a72126;
    bottom: -60px;
    left: 0;
}

.text-bluegray-img {
    -webkit-transform: scale(.8, .8);
    -moz-transform: scale(.8, .8);
    -ms-transform: scale(.8, .8);
    -o-transform: scale(.8, .8);
    transform: scale(.8, .8);
}
.toys .pc-view, .library .pc-view, .laboratory .pc-view, .achievement .pc-view {
    display: none;
}
.toys .mobile-view, .library .mobile-view, .laboratory .mobile-view, .achievement .mobile-view {
    display: block;
}
.session-system, .session-system .row, .toys {
    margin-left: -5px;
    margin-right: -5px;
}
.session-system div[class*='col-'], .toys div[class*='col-'] {
    padding-left: 5px;
    padding-right: 5px;
}
.toys {
    margin-left: -5px;
    margin-right: -5px;
}
.toys div[class*='col-'] {
    padding-left: 5px;
    padding-right: 5px;
}
/** teach end **/


.news-detail-content img { max-width: 100%; margin:auto;display: block; margin:auto; }

.news-detail-content p:after{content:'';width:0;height:0;clear:both;display:block;}



.two-a1 .col-md-6:nth-child(1) { float: left;}
.two-a1 .col-md-6:nth-child(2) { float: right;}
.two-a1 .col-md-6:nth-child(2) img { width: 100%;}
.two-a1:after { content: ""; width: 0; height: 0; display: block; margin: auto;}
.two-a2 .col-md-6:nth-child(1) { float: right;}
.two-a2 .col-md-6:nth-child(2) { float: left;}
.two-a2 .col-md-6:nth-child(2) img { width: 100%;}
.two-a2:after { content: ""; width: 0; height: 0; display: block; margin: auto;}



.yellow_kx { background: #b49664; text-align: center; color: #fff;}
/*.yellow_kx .big-title { font-size: 44px;}
.yellow_kx .big-title-txt { font-size: 30px;}*/


.section-hz .txt { font-size: 16px; color: #666; text-indent: 2em; line-height: 30px;}
.section-hz li {list-style-type: none;}
.section-hz .video-box {width:100%;  margin: 0 auto;  box-sizing: border-box; }
.section-hz .video-box video { width:100%; height: auto; background:#000; border: 4px solid #fff;}
.section-hz .btn-more { margin-top: 40px;  width: 100%; text-align: center;  background: #a98a57; border-radius: 100px}
.section-hz .btn-more a { color: #fff;height: 60px; line-height: 60px;}

.two-color .txt { color:#fff;}
.name { width: 100%; padding: 10px 0; text-align: center;  }
.name img { width: 100%;}
	/*.lp-name { background-position: center -1.7rem ;}
	.hes-name { background-position: center -3.5rem ;}
	.wwj-name { background-position: center -5.2rem ;}
	.cxal-name { background-position: center -7.4rem ;}
	.bje-name { background-position: center -9.2rem ;}
	.jqsl-name { background-position: center -11rem ;}
	.dnbl-name { background-position: center -12.8rem;}*/
.photo-box li { margin-bottom: 10px;}
.photo-box li:nth-last-child(1) { margin-right: 0;}
.photo-box ul { margin: 0; padding: 0;}
.photo-box ul:after { content: ""; width: 0; height: 0; display: block; clear: both;}
.photo-box img { width: 100%;}
.img-top { display: block; margin-bottom: 10px;}
