a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
.font-one { font-weight: 600; /*font-size:56px;*/ }
.font-two { font-weight: 600; /*font-size: 40px;*/ }
.font-three { font-weight: 600; /*font-size: 1.4rem; */}
.lead { font-weight:400; line-height:1.5; color:#666; }

/*********关于必行页面*********/
#index_Banner .About-bg-img {  color: #fff; background: url(/img/about-en/About_banner_eng.jpg) no-repeat center top; }
.tab { display: table; width: 100%; height: 100%; }
.tab .tab-table-row { display: table-row; }
.tab .tab-table-row .tab-table-cell { display: table-cell; vertical-align: middle; }
/* #index_Banner .tab-table-cell { letter-spacing: 3px; } */
/* #index_Banner h1 { font-size: 3rem; } */
/* #dna .container { padding: 120pt 40px; } */
#dna .container .col-md-6 h2 { margin-top: 10px; margin-bottom: 20px; letter-spacing: 3px; }
#dna .tab .tab-table-row .tab-table-cell { padding-right:50px; }
#dna .container .row .col-md-6 img { margin-left:50px; width:80%; }
/* #course .container { padding-top: 150px; padding-bottom: 150px; } */
#course .container p { margin-top: 10px; text-align: left; line-height: 30px; text-align: center; font-size: 21px; font-weight: 600; }
#course .event_box .parBd .lead { color: #333; }

#promise .container {  }
#promise .row { display: flex; flex-direction: row; justify-content: space-around; }
#promise .col-md-5 { margin: 10px 0px; background: #fff; padding: 100px 0; border-radius: 20px; }
#promise .col-md-5 .mark_md4 { position: absolute; right: 0; bottom: 0; height: 0px; width: 0px; border-style: solid; border-width: 44px; border-color: #ffffff #007cde #007cde #ffffff; border-radius: 0 0 20px; }

#towards .container { color: white; }
#towards .container { padding: 100px 40px 100px 40px; }
.modal-content { border: 1px solid #0d87e9; border-radius: 0; }
.modal-header { border: none; }
#myModal .modal-header .close { position: absolute; top: 14px; right: 20px; }
.emailandtel { height: 45px; width: 45px; background-color: #fff; border: 1px solid #ccc; padding: 8px; }
.emailandtelfont { color: #000; opacity: 0.5; cursor: pointer; }
.emailandtelfont:hover { text-decoration: none; color: #000; }

/*时间轴部分样式*/
.event_box { width: 60%; margin: 3% auto 0; position: relative; min-height: 420px; }
.event_box .parHd { width: 100%; display: inline-block; height: 92px; overflow: hidden; }
.parHd ul { width: 100%; text-align: center; margin: 0 auto; padding-top: 25px !important; }
.parHd .tempWrap { margin: 0 auto; }
.parHd .tempWrap:after { content: ''; width: 85%; height: 1px; background: #580000; position: absolute; /* top:33%;*/ /* right:-140%;*/ right: 8%; top: 35%; /* margin-top:-0.5px;*/ z-index: 10; }
.parHd li.no_line:before { display: none; }
.parHd li { display: inline-block; cursor: pointer; padding-top: 30px; font-size: 18px; color: #000; margin: 0 30px; position: relative; }
    .parHd li:after {
        content: '';
        background: url('../img/about-en/dot_ico.png') no-repeat;
        width: 29px;
        height: 29px;
        position: absolute;
        z-index: 20;
        top: -12px;
        left: 46.5%;
        margin-left: -14px;
    }
.parBd { text-align: center; margin-top: 60px; }
.slideBox { /*width: 80%; height: 350px;*/max-width: 350px; text-align: center; margin: 0px auto; background-color: #fff; border-radius: 10px; position: relative; box-shadow: 1px 3px 15px #dadada; margin-top: 40px; }
.slideBox::before { content: "“"; width: 70px; height: 70px; border-radius: 50%; background-color: #007cde; display: inline-block; position: absolute; left: 5%; top: -33px; font-size: 80px; line-height: 105px; font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif; color: aliceblue; }
.slideBox p img { width: 60% !important; }
.slideBox h3 { padding-bottom: 10px; }
.parBd p { line-height: 180%; font-size: 16px; width: 80%; margin: 0 auto; }
div#listBox { width: 100%; }
.sPrev, .sNext { width: 30px; height: 30px; display: block; position: absolute; top: 10px; }
.sPrev { left: -80px; top: 10px; }
.sNext { right: -60px; top: 10px; }
.sPrev img, .sNext img { width:35px; transition: all .6s cubic-bezier(.51,1.1,.9,.95); -moz-transition: all .6s cubic-bezier(.51,1.1,.9,.95); -webkit-transition: all .6s cubic-bezier(.51,1.1,.9,.95); -o-transition: all .6s cubic-bezier(.51,1.1,.9,.95); }
.parHd li.act span {
    display: block;
    width: 32px;
    height: 32px;
    overflow: hidden;
    background: url('../img/about-en/cat.png') no-repeat;
    position: absolute;
    top: -12px;
    left: 15%;
    z-index: 21;
}
.parHd li span, .parHd li.clone span { display: none; }
.parHd ul li { color: #666; pointer-events: none; font-size: 1.25rem; font-weight: 400; }
.yellowTip .content { width: 350px; padding: 8px; border: 6px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff; color: #020202; }
.shadow { box-shadow: 1px 3px 15px #dadada; }
.yellowTip .bottom { height: 14px; background: url(../img/about-en/notch-white.png) top center no-repeat; }
.tab-cell { display: table-cell; vertical-align: middle; }
#m1, #m2, #m3, #m4 { margin: 0; }
#course .container h5 { margin: 0 0 30px; }
#course .text-left > img { padding-left: 36px; }
#course .text-right > img { padding-right: 36px; }
.course-app .container > h5 { margin: 0 0 30px; }
#promise img { margin: 30px 0px; width: 40%; }
#promise .font-three { /*padding: 10px 0px;line-height:1.5;*/ }
#promise .container .marginDown {  }


#towards .container .row h2 { margin-bottom: 60px; color: #333; }
.navbar-fixed-top { position: fixed; right: 0; left: 0; top: 0; border-width: 0 0 1px; }
#towards { background: #fff; filter: none; }
#towards .btn { width: 242px; height: auto; border-radius: 10rem; border: none; font-size: 17px; /*font-weight:600;*/ color: #fff; background: #007cde; padding: 15px 20px; margin: 30px auto; }
#towards .btn:hover { background: #009cde }
#myModal .modal-header { display: block; }
#myModal .modal-content { margin-top: 150px; }
.dropdown-toggle::after { display: none; }
:focus, input::-moz-focus-inner, button::-moz-focus-inner { outline: 0; }
#index_Banner h3 { padding-top: 50px; }
a { text-decoration: none !important; }
#promise .col-md-4 img { width: 150px; }
.touch-box { width: 100%; white-space: nowrap !important; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; padding-left: 15px; padding-right: 5px; padding-bottom: 20px; }
.card { display: inline-block; white-space: normal; vertical-align: top; margin-right: 9px; width: 270px; box-sizing: border-box; }
.card .card-body { height: 300px; overflow: hidden; line-height: 20px; }
.card .card-body img { display: block; margin: 0 auto 20px; height: 50px; object-fit: unset; object-fit: contain; }
.card .card-body p { font-size: 11px; }
.card-title { font-size: 25px; font-weight: 300; line-height: 1.5 }
.navbar { margin-bottom: 0; border: none; padding: 0; min-height: 40px; }
.navbar-brand { padding: 0; height: auto; margin-right: 0; font-size: 14px; }
.nav-justified .nav-item { text-align: left; }
.h2, h2 { }
#dna { background: #fff; border: 80px solid #ffffff; border-top: 20px solid #ffffff; border-bottom: 20px solid #ffffff; }
#course { background: #fafafa; border: 80px solid #ffffff; border-top: none; border-bottom: 20px solid #ffffff; }
#promise { border: 80px solid #ffffff; border-top: none; border-bottom: 20px solid #ffffff; background: #f2f2f2; }

#ac-globalnav .btn-group .btn { display: none; }
#dna .container .col-md-6 p { text-align: left; padding-right: 0px; font-weight:400; }
#myModal .emailandtel { border-radius: 50%; }
#myModal .emailandtel img { width: 100%; }


@media only screen and (max-width: 1500px)and (min-width: 1024px) {
    #course .text-left > img { padding-left: 0px; }
    .sNext { right: -50px; }
    .sPrev { left: -40px; }
}
@media (min-width: 1200px) {
    .container { max-width: 1140px; }
}


/*********关于必行页面结束*********/

@media screen and (max-width:767px) {
    /*********关于必行*********/
    .pull-right, .pull-left { float: none !important; }
    #accordion .panel a .panel-heading p { margin-top: 0; margin-bottom: 0; }
    #accordion .row .col-7 { padding-left: 30px; }
    #accordion .row .col-5 { padding-right: 30px; }
    #index_Banner .About-bg-img { color: #fff; }
    .h2, h2 { font-size: 24px; }
    .lichengTime { font-size: 22px }
    #dna, #course, #promise{ border-left: none; border-right: none; border-bottom: none; }
    #index_Banner .container-fluid .container { }
    #index_Banner h1 { padding-bottom: 20px; }
    #index_Banner h3 { padding-top: 10px;  }
    #promise .container .marginDown { margin-bottom: 20px; }
    #promise .container .row .col-md-4 { margin-top: 30px; margin: 20px; }
    

    #ac-globalnav .btn-group { display: block; position: absolute; bottom: 20px; right: 25px; z-index: 999; }
    #ac-globalnav .btn:nth-child(1) { border-right: 1px solid #fff; }
    #ac-globalnav .btn:nth-child(2) { margin-left: -10px; }
    #ac-globalnav .btn { padding: 3px 10px; background: transparent; border-color: transparent; box-shadow: none; margin: 0px 10px; color: #fff; font-size: 16px; }
   
    .APP .row span { font-size: 15px; color: #666666; }
    .APP .row span a { font-size: 15px; color: #666666; }
    .shadow { box-shadow: none !important; }
    #dna .tab .tab-table-row .tab-table-cell { padding-right: 0px; }
    #dna .container .row .col-md-6 img { margin-left: 0px; width: 100%; }
    #promise .col-md-5 { margin: 10px 20px; }
    .technology .tab-cell h1 {
    text-align:center;
    }
    .technology .tab-cell p {
        padding-left:25px;
    }
    .towards .container .tab-cell p {
        text-align: center;
    }
}
#home {
    background-image: none;
}
#home p {
    line-height: 35px;
    font-size:20px;
}
#home h1 {
    font-weight:600;
}
/*********iPad+iPad pro兼容度*********/
@media only screen and (max-width: 1044px) {
    /*********关于必行*********/
    #index_Banner .container-fluid .container { }
    .slideBox h3 { }
    #dna, #course, #promise{ border-left: 20px solid #fff; border-right: 20px solid #fff; }
    #promise .container .marginDown { }
    #dna .tab .tab-table-row .tab-table-cell { padding-right: 0px; }
    #dna .container .row .col-md-6 img { margin-left: 0px; width: 100%; }
}
#address .container .col-md-12 .col_left,
#address .container .col-md-12 .col_right,
#address .container .col-md-12 .col_bottom {
    line-height: 40px;
}