.auths_title,.briefInfo_title,.contact .service .title,.contact .yun .title,.friend .links_container .bottom .title,.friend .links_container .top .title,.honors_title,.moreInof_container .more .title,.privacy .privacy_container .title {

    font-size:22px;

    line-height:1.27;

    text-align:justify;

    color:#333;

    border-left:3px solid #1364f0;

    padding-left:6px;

}

.about_navs {

    width:100%;

}

.about_navs .nav_container {

    padding:0;

    display:-webkit-box;

    display:-webkit-flex;

    display:-ms-flexbox;

    display:-moz-box;

    display:flex;

    -webkit-box-pack:justify;

    -webkit-justify-content:space-between;

    -ms-flex-pack:justify;

    -moz-box-pack:justify;

    justify-content:space-between;

    border-bottom:1px solid #e6ebf0;

}

.about_navs .nav_container .clear {

    clear:both;

}

.about_navs .nav_container .nav_title {

    float:left;

    

    font-size:16px;

    letter-spacing:-.2px;

    text-align:center;

    padding:0 30px;

    color:#333;

    -moz-box-sizing:border-box;

    box-sizing:border-box;

}

.about_navs .nav_container .nav_title .nav {

    padding-top:29px;

    padding-bottom:9px;

    display:inline-block;

    width:100%;

    cursor:pointer;

}

.about_navs .nav_container .nav_title .nav:hover {

    color:#4477d0;

}

.about_navs .nav_container .nav_title.active .nav {

    color:#4477d0;

    border-bottom:2px solid #4477d0;

}

.contents .about {

    width:100%;

    display:none;

}

.contents .about.active {

    display:block;

}

.contents .briefInof_container {

    width:100%;

}

.contents .briefInof_container .brief {

    width:1000px;

    margin:0 auto;

    padding-top:50px;

    padding-bottom:70px;

}

.contents .briefInof_container .brief p {

    font-size:14px;

    color:#333;

    text-align:justify;

    line-height:2;

}

.contents .moreInof_container {

    width:100%;

}

.contents .moreInof_container .more .content {

    margin-top:42px;

    padding-left:90px;

    margin-bottom:100px;

}

.contents .moreInof_container .more .content .video_container {

    display:inline-block;

    margin-right:16px;

}

.contents .moreInof_container .more .content .video_container .video {

    width:320px;

    height:180px;

    position:relative;

    cursor:pointer;

    -webkit-transition:box-shadow .3s;

    -moz-transition:box-shadow .3s;

    transition:box-shadow .3s;

}

.contents .moreInof_container .more .content .video_container .video .videoUrl {

    display:none;

}

.contents .moreInof_container .more .content .video_container .video .video-play-button {

    height:50px!important;

    width:50px!important;

    position:absolute;

    left:0;

    right:0;

    top:0;

    bottom:0;

    margin:auto;

    border:0!important;

    background-image:url(../images/video-play-btn.png)!important;

    background-color:transparent!important;

    background-repeat:no-repeat!important;

    background-size:100%!important;

    cursor:pointer;

}

.contents .moreInof_container .more .content .video_container .video .video-play-button:before {

    display:none;

}

.contents .moreInof_container .more .content .video_container .video:hover {

    box-shadow:0 3px 10px 0 rgba(0,0,0,.3);

    -webkit-transition:box-shadow .3s;

    -moz-transition:box-shadow .3s;

    transition:box-shadow .3s;

}

.contents .moreInof_container .more .content .video_container .v_title {

    font-size:14px;

    line-height:2;

    text-align:center;

    color:#333;

    margin-top:8px;

}

.contents .event {

    padding-top:30px;

    display:none;

}

.contents .event .event_container {

    padding:0;

    margin-left:176px;

}

.contents .event .event_container .dot_container {

    height:66px;

    background-image:url(../images/line.png);

    background-image:image-set(url(../images/line.png) 1x,url(../../../res/aboutUs/events/Line@2x.png) 2x);

    background-image:-webkit-image-set(url(../images/line.png) 1x,url(../../../res/aboutUs/events/Line@2x.png) 2x);

    background-repeat:no-repeat;

}

.contents .event .event_container .time {

    position:relative;

    padding-bottom:60px;

}

.contents .event .event_container .time .icon-circle {

    position:absolute;

    left:-10px;

    width:22px;

    height:22px;

    display:inline-block;

    vertical-align:middle;

    background-image:url(../images/dot.png);

    background-image:image-set(url(../images/dot.png) 1x,url(../../../res/aboutUs/events/dot@2x.png) 2x);

    background-image:-webkit-image-set(url(../images/dot.png) 1x,url(../../../res/aboutUs/events/dot@2x.png) 2x);

}

.contents .event .event_container .time .line {

    position:absolute;

    top:22px;

    height:-webkit-calc(100% - 22px);

    height:-moz-calc(100% - 22px);

    height:calc(100% - 22px);

    background-color:#ccc;

    width:1px;

}

.contents .event .event_container .time .year {

    font-size:26px;

    font-weight:600;

    line-height:1.08;

    text-align:justify;

    color:#333;

    position:absolute;

    left:24px;

    bottom:0;

    top:0;

}

.contents .event .event_container .time .month {

    font-size:14px;

    line-height:2;

    color:#ccc;

    margin-left:144px;

    width:31px;

    display:inline-block;

    text-align:right;

}

.contents .event .event_container .time .days {

    display:inline-block;

    width:-webkit-calc(100% - 200px);

    width:-moz-calc(100% - 200px);

    width:calc(100% - 200px);

    margin-left:20px;

}

.contents .event .event_container .time .content {

    font-size:14px;

    line-height:2;

    text-align:justify;

    color:#333;

    padding-bottom:6px;

}

.contents .event.active {

    display:block;

}

.contents .honor {

    display:none;

}

.contents .honor.active {

    display:block;

}

.contents .auths_container {

    margin-top:50px;

}

.contents .auths_container .auths {

    padding-top:40px;

}

.contents .auths_container .auths .container {

    width:570px;

    height:222px;

    border:1px solid #e3e5e7;

    -moz-box-sizing:border-box;

    box-sizing:border-box;

    display:inline-block;

    margin-bottom:40px;

    vertical-align:top;

    -webkit-transition:box-shadow .3s;

    -moz-transition:box-shadow .3s;

    transition:box-shadow .3s;

}

.contents .auths_container .auths .container .pic {

    display:inline-block;

    width:170px;

    height:220px;

    vertical-align:top;

}

.contents .auths_container .auths .container .content {

    display:inline-block;

    width:370px;

    padding-top:30px;

    padding-right:29px;

    -moz-box-sizing:border-box;

    box-sizing:border-box;

    text-align:justify;

}

.contents .auths_container .auths .container .content .subTitle,.contents .auths_container .auths .container .content .title {

    font-size:20px;

    font-weight:500;

    letter-spacing:0;

    text-align:left;

    color:#333;

}

.contents .auths_container .auths .container .content .desc {

    margin-top:14px;

}

.contents .auths_container .auths .container:nth-child(odd) {

    margin-right:35px;

}

.contents .auths_container .auths .container:hover {

    box-shadow:0 3px 16px 0 rgba(0,0,0,.05);

    -webkit-transition:box-shadow .3s;

    -moz-transition:box-shadow .3s;

    transition:box-shadow .3s;

}

.contents .auths_title,.contents .honors_title {

    letter-spacing:0;

}

.contents .honors_container {

    margin-top:30px;

}

.contents .honors_container .honors {

    margin-top:40px;

    margin-bottom:60px;

}

.contents .honors_container .honors .container {

    width:520px;

    -moz-box-sizing:border-box;

    box-sizing:border-box;

    display:inline-block;

    margin-bottom:40px;

    vertical-align:top;

}

.contents .honors_container .honors .container .title {

    font-size:16px;

    font-weight:700;

    letter-spacing:0;

    text-align:justify;

    color:#333;

    margin-bottom:4px;

}

.contents .honors_container .honors .container .title:hover {

    color:#4477d0;

}

.contents .honors_container .honors .container .desc {

    font-size:14px;

    letter-spacing:0;

    text-align:justify;

    color:#666;

    line-height:1.4;

    max-height:41px;

    display:-webkit-box;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:2;

    overflow:hidden;

}

.contents .honors_container .honors .container:nth-child(odd) {

    margin-right:85px;

}

.contents .news {

    display:none;

}

.contents .news .container {

    padding:60px 80px 0;

}

.contents .news .container .pic {

    display:inline-block;

    width:120px;

    height:70px;

    vertical-align:top;

    margin-right:16px;

}

.contents .news .container .content {

    display:inline-block;

    width:860px;

    -moz-box-sizing:border-box;

    box-sizing:border-box;

    text-align:justify;

}

.contents .news .container .content .title {

    font-size:18px;

    font-weight:700;

    letter-spacing:-.2px;

    text-align:left;

    color:#333;

    margin-bottom:10px;

    cursor:pointer;

}

.contents .news .container .content .title:hover {

    color:#4477d0;

}

.contents .news .container .content .desc {

    line-height:19px;

    font-size:14px;

    letter-spacing:-.2px;

    text-align:justify;

    color:#666;

}

.contents .news .container .content .box {

    margin-top:10px;

}

.contents .news .container .content .box span {

    color:#ccc;

}

.contents .news .container .content .date.f-has-border {

    border-left:1px solid #ccc;

    margin-left:5px;

    padding-left:10px;

}

.contents .news .pager {

    text-align:center;

}

.contents .news .pager .m-page.m-page-rt {

    display:inline-block;

    float:none;

    margin-top:70px;

    margin-bottom:100px;

}

.contents .news.active {

    display:block;

}

.contents .contact {

    margin-top:50px;

    display:none;

}

.contents .contact .contact_container .yun .content {

    padding:60px 70px 90px;

}

.contents .contact .contact_container .yun .content p {

    font-size:20px;

    font-weight:500;

    line-height:1.75;

    text-align:justify;

    color:#333;

}

.contents .contact .contact_container .yun .content .mail {

    font-size:28px;
    font-weight:800;

    line-height:2;

    text-align:justify;

    color:#333;

    margin-top:4px;

}

.contents .contact .contact_container .service .content {

    padding:62px 90px 50px;

}

.contents .contact .contact_container .service .content .area {

    width:445px;

    -moz-box-sizing:border-box;

    box-sizing:border-box;

    display:inline-block;

    margin-bottom:50px;

    vertical-align:top;

}

.contents .contact .contact_container .service .content .area .name {

    font-size:16px;

    font-weight:500;

    line-height:1.75;

    text-align:justify;

    color:#333;

    margin-bottom:4px;

}

.contents .contact .contact_container .service .content .area .des {

    font-size:16px;

    line-height:2;

    text-align:justify;

    color:#333;

}

.contents .contact.active {

    display:block;

}

.contents .privacy {

    margin-top:50px;

    display:none;

}

.contents .privacy .privacy_container {

    padding-bottom:100px;

}

.contents .privacy .privacy_container .contents {

    width:1000px;

    font-size:16px;

    text-align:justify;

    color:#333;

    line-height:1.5;

    margin:24px auto 0;

}

.contents .privacy .privacy_container .contents .privacy_title {

    font-weight:600;

}

.contents .privacy .privacy_container .contents ul {

    line-height:2;

}

.contents .privacy.active {

    display:block;

}

.contents .friend {

    margin-top:50px;

    display:none;

}

.contents .friend .links_container {

    margin-bottom:100px;

}

.contents .friend .links_container .top .contents {

    padding-top:60px;

    padding-left:90px;

    padding-bottom:70px;

}

.contents .friend .links_container .top .contents .wordLink {

    width:490px;

    height:40px;

    border:1px solid #ccc;

    padding:6px 20px;

    color:#333;

    -moz-box-sizing:border-box;

    box-sizing:border-box;

}

.contents .friend .links_container .top .contents .copyBtn {

    font-size:14px;

    line-height:40px;

    text-align:justify;

    color:#4477d0;

    margin-left:15px;

}

.contents .friend .links_container .top .contents .rst {

    display:none;

    margin-left:36px;

    font-size:14px;

    line-height:40px;

    color:#999;

}

.contents .friend .links_container .top .contents .rst.z-show {

    display:inline-block;

}

.contents .friend .links_container .top .contents ul {

    line-height:2;

}
.contents .friend .links_container .top .contents ul li {
 font-size: 16px;
    line-height:2;

}

.contents .friend .links_container .top p {

    font-size:16px;

    line-height:1.5;

    text-align:justify;

    color:#333;

}

.contents .friend .links_container .bottom .contents {

    padding-top:40px;

    padding-left:90px;

}

.contents .friend .links_container .bottom .contents a {

    font-size:14px;

    line-height:2;

    text-align:justify;

    color:#4477d0;

    margin-right:60px;

}

.contents .friend.active {

    display:block;

}

.m-dialog {

    position:fixed;

    left:0;

    top:0;

    bottom:0;

    right:0;

    z-index:9999;

}

.m-dialog .dialog-mask {

    position:absolute;

    right:0;

    top:0;

    left:0;

    bottom:0;

    background:#000;

    opacity:.7;

    filter:alpha(opacity=70);

}

.m-dialog .dialog-content {

    position:absolute;

    left:0;

    top:0;

    bottom:0;

    right:0;

    max-width:67%;

    max-height:75%;

    margin:auto;

    background:#fff;

    box-shadow:0 0 4px #000;

}

.m-dialog .dialog-content .dialog-body {

    width:100%;

    height:100%;

}

.m-dialog .dialog-actions {

    position:absolute;

    right:-50px;

    top:0;

    color:$whitef;

    z-index:10;

}

.m-dialog .dialog-actions .icon-close {

    display:inline-block;

    width:30px;

    height:30px;

    background-image:url(../images/close.png);

    background-image:image-set(url(../images/close.png) 1x,url(../../../res/aboutUs/close@2x.png) 2x);

    background-image:-webkit-image-set(url(../images/close.png) 1x,url(../../../res/aboutUs/close@2x.png) 2x);

    cursor:pointer;

    background-size:contain;

}

.infos-video-preview .dialog-content {

    width:890px;

    height:500px;

    max-width:none;

    max-height:none;

}

.infos-video-preview .dialog-content .dialog-body .video-play-button {

    display:block;

    font-size:32px;

}

.infos-video-preview .dialog-content .video-js {

    width:100%;

    height:100%;

}
.info_company_one_list {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;

}
.info_company_one_list li {
    height: 305px;
    padding: 25px;
    margin-bottom: 3%;
    background: #f7f8fc;
    width: 28%;
    transition: 300ms ease;
    -webkit-transition: 300ms ease;
    border: 1px solid transparent;
}
.info_company_one_list li p > * {
    display: block;
}
.info_company_one_list li img {
    margin: 0 auto;
}
.info_company_one_list li b {
    font-size: 24px;
    color: #3171ff;
    font-weight: 400;
    text-align: center;
    margin: 20px 0;
}
.info_company_one_list li small {
    font-size: 14px;
    color: #838383;
}
.info_company_one_list li:hover {
    background: #fff;
    box-shadow: 3px 5px 5px #D6D6D6;
    border: 1px solid #ccc;
}
.info_company_one_list li:hover img {
    margin: 0 auto;
    -webkit-transform: rotate(360deg);
    animation: rotation 3s linear infinite;
    -moz-animation: rotation 3s linear infinite;
    -webkit-animation: rotation 3s linear infinite;
    -o-animation: rotation 3s linear infinite;
}
.info_title {
    text-align: center;
    font-size: 34px;
    color: #393939;
    padding: 4% 0;
}
.info_title b {
    display: block;
    background: url("../images/info_title.png") no-repeat center;
}
.info_title small {
    display: block;
    font-size: 18px;
    color: #545454;
    font-weight: 300;
    margin-top: 10px;
    text-transform: uppercase;
}
.info_title img {
    margin: 25px auto;
}
.container {
    background: #fff;
}
.container table {
    background: #FFF;
    border: 1px solid #ebebeb;
    width: 1000px;
    margin: 0 auto;
}
.container table tr {
    border-top: 1px solid #ebebeb;
}
.container table tr .grid-title {
    padding: 0 14px;
    border-top: 1px solid #ebebeb;
    vertical-align: center;
    font-size: 18px;
    width: 8em;
    text-align: center;
    color: #393939;
    border-right: 1px solid #ebebeb;
}
.container table tr .grid-title b {
    font-weight: 400;
}
.container table tr .grid-content {
    padding: 25px 18px 25px 25px;
    word-break: break-all;
}
.container table tr .grid-content span {
    display: block;
    color: #656565;
    font-size: 18px;
    font-weight: 300;
    position: relative;
    padding-left: 15px;
    margin-top: 8px;
}
.container table tr .grid-content span:nth-of-type(1) {
    margin-top: 0;
}
.container table tr .grid-content span:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border: 3px solid #3171ff;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 5px;
}
.container .info_email_adv_list {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 1000px;
    margin: 0 auto;
    padding-bottom: 70px;
}
.container .info_email_adv_list li {
    background: #fff;
    width: 27%;
    padding: 40px 30px;
    transition: 300ms ease;
    -webkit-transition: 300ms ease;
}
.container .info_email_adv_list li p {
    text-align: center;
}
.container .info_email_adv_list li p > * {
    display: block;
}
.container .info_email_adv_list li img {
    height: 82px;
    margin: 0 auto;
    transition: 300ms ease;
    -webkit-transition: 300ms ease;
}
.container .info_email_adv_list li b {
    font-size: 24px;
    color: #323333;
    font-weight: 400;
    margin: 20px 0;
    transition: 300ms ease;
    -webkit-transition: 300ms ease;
}
.container .info_email_adv_list li small {
    font-size: 18px;
    line-height: 28px;
    color: #6f6f6f;
    display: block;
    transition: 300ms ease;
    -webkit-transition: 300ms ease;
}
.container .info_email_adv_list li:hover {
    box-shadow: 4px 3px 5px #C1C1C1;
}
.container .info_email_adv_list li:hover img {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
}
.container .info_email_adv_list li:hover b,
.container .info_email_adv_list li:hover small {
    transform: translateY(-10px);
}