.g-thr-footer a, .g-thr-header a, a {
    text-decoration: none
}

html {
    -overflow-y: scroll
}

body {
    color: #000;
    font-size: 12px;
    line-height: 1.666;
    -webkit-text-size-adjust: none;
    background: #fff
}

body, textarea {
    font-family: 'Microsoft Yahei', verdana, sans-serif
}

blockquote, body, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, legend, li, menu, ol, p, pre, table, td, th, ul {
    margin: 0;
    padding: 0
}

fieldset, img, table, td, th {
    border: 0
}

address, caption, cite, code, dfn, em, i, ins, th, var {
    font-style: normal;
    text-decoration: none
}

h1, h2, h3, h4, h5, h6, th {
    font-size: 100%;
    font-weight: 400
}

button, input, select, table, textarea {
    margin: 0;
    font-family: inherit;
    font-size: 100%
}

abbr, acronym {
    border: 0;
    font-variant: normal
}

q:after, q:before {
    content: ""
}

.clearfix:after, .fn-clear:after, .row .span3:after {
    visibility: hidden;
    content: " ";
    clear: both
}

ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption, th {
    text-align: left
}

a {
    outline: 0;
    color: #0154a0
}

.hide {
    display: none
}

.clearfix:after, .fn-clear:after {
    display: block;
    font-size: 0;
    height: 0
}

.nbd {
    border: none !important
}

.mgt35 {
    margin-top: 35px !important
}

.mgt60 {
    margin-top: 60px !important
}

.nmg {
    margin: 0 !important
}

.vpd70 {
    padding: 70px 0 !important
}

.vpd90 {
    padding: 90px 0 !important
}

.fl {
    float: left
}

.fr {
    float: right
}

.tar {
    text-align: right
}

.phcolor {
    color: #999 !important
}

.red {
    color: red !important
}

.gray-bg {
    background: #f1f3f4 !important
}

.dimgray-bg {
    color: #fff !important;
    background: #666 !important
}

.g-wrap {
    width: 1080px;
    margin: 0 auto
}

.das-line-b {
    border-bottom: 1px dashed #999
}

.g-thr-header {
    background: #fff
}

.g-thr-header .g-wrap {
    position: relative;
    height: 81px
}

.g-thr-header .m-title {
    position: absolute;
    left: 0;
    top: 20px;
    width: 300px;
    height: 80px;
    background: url(../image/logo-thr.png) no-repeat
}

.g-thr-header .m-title a {
    display: block;
    height: 45px;
    line-height: 45px;
    padding-left: 194px
}

.g-thr-header .m-title a span {
    display: inline-block;
    font-size: 24px;
    color: #333
}

.g-thr-header .m-links {
    position: absolute;
    height: 23px;
    line-height: 23px;
    top: 30px;
    right: 0
}

.g-thr-header .m-links-item {
    display: inline-block;
    margin: 0 10px
}

.g-thr-header .trial-btn {
    display: inline-block;
    padding: 0 12px;
    background: #b61820;
    color: #fff;
    border-radius: 10px
}

.g-thr-header a {
    color: #666
}

.g-thr-header .m-nav {
    position: absolute;
    right: 10px;
    top: 53px;
    height: 28px;
    text-align: right;
    font-size: 0
}

.g-thr-header .m-nav-item {
    background-position: 0 -32px;
    display: inline-block;
    height: 27px;
    line-height: 27px;
    padding: 0 18px;
    color: #666;
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: #eeeef1;
    font-weight: 400;
    cursor: pointer;
    font-size: 12px
}

.g-thr-header .m-nav-item:hover {
    background-position: 0 0
}

.g-thr-header .m-nav-item-selected {
    background-position: 0 0;
    border-color: #e2e3e3;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    font-weight: 700;
    position: relative;
    z-index: 1
}

.breadcrumb {
    line-height: 45px;
    font-size: 12px;
    color: #999
}

.breadcrumb a {
    color: #999
}

.g-thr-content {
    padding-top: 85px;
    min-width: 1080px
}

.g-body-mod .mod-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    color: #000
}

.row {
    margin-top: 25px
}

.row .span3 {
    width: 340px;
    margin-right: 30px;
    float: left
}

.row .span3:after {
    display: block;
    font-size: 0;
    height: 0
}

.row .span3 .pic {
    float: left;
    font-size: 0
}

.row .span3 .con {
    width: 246px;
    float: left
}

.row .span3 .tt {
    font-size: 16px;
    line-height: 24px;
    color: #333
}

.row .span3 .txt {
    padding-top: 0;
    font-size: 14px;
    line-height: 24px;
    color: #666
}

.row .span4 {
    width: 242px;
    height: 206px;
    margin-right: 37px;
    float: left
}

.row .span4 .pic {
    height: 100px;
    margin-bottom: 10px;
    font-size: 0
}

.row .span4 .tt {
    font-size: 16px;
    line-height: 24px;
    color: #333
}

.row .span4 .txt {
    padding-top: 0;
    font-size: 14px;
    line-height: 24px;
    color: #666
}

.g-thr-footer {
    min-width: 1080px;
    color: #999;
    background: #dde0e0
}

.g-thr-footer .g-wrap {
    padding: 38px 0;
    text-align: center
}

.g-thr-footer a {
    color: #999
}

.g-thr-footer.dimgray-bg a {
    color: #fff
}

.brand .g-body-mod {
    padding: 80px 0
}

.brand .depict-des {
    padding-top: 0
}

.brand .depict-des .mod-title {
    padding-top: 30px
}

.depict-des .row .span3 {
    height: 145px
}

.develop-timeline {
    height: 500px;
    padding-top: 25px;
    color: #fff;
    background: url(../image/_r2_c21.png) 0 25px no-repeat
}

.develop-timeline .item {
    float: left
}

.develop-timeline .year {
    font-family: Arial;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: -4px;
    float: left
}

.develop-timeline .tt, .develop-timeline .txt {
    font-family: "微软雅黑", Arial, Helvetica, sans-serif;
    line-height: 20px
}

.develop-timeline .con {
    margin-top: 19px;
    float: left
}

.develop-timeline .tt {
    font-size: 15px;
    font-weight: 700
}

.develop-timeline .txt {
    font-size: 13px
}

.develop-timeline .year1997 {
    width: 305px;
    height: 74px
}

.develop-timeline .year1997 .year {
    width: 88px;
    padding-left: 23px;
    height: 74px;
    line-height: 74px
}

.develop-timeline .year2003 {
    width: 361px;
    height: 74px
}

.develop-timeline .year2003 .year {
    width: 85px;
    padding-left: 34px;
    height: 74px;
    line-height: 74px
}

.develop-timeline .year2009 {
    width: 412px;
    height: 74px
}

.develop-timeline .year2009 .year {
    width: 90px;
    padding-left: 40px;
    height: 74px;
    line-height: 74px
}

.develop-timeline .year2010 {
    width: 460px;
    height: 93px;
    float: right
}

.develop-timeline .year2010 .year {
    width: 90px;
    padding-left: 40px;
    height: 93px;
    line-height: 90px
}

.develop-timeline .year2010 .tt {
    padding-top: 5px
}

.develop-timeline .year2011 {
    width: 620px;
    height: 93px;
    float: right
}

.develop-timeline .year2011 .year {
    width: 120px;
    padding-left: 85px;
    height: 93px;
    line-height: 93px;
    font-size: 65px;
    letter-spacing: -8px
}

.develop-timeline .year2011 .con1 .tt, .develop-timeline .year2011 .con2 .tt {
    font-size: 16px;
    line-height: 16px
}

.develop-timeline .year2011 .con1 {
    width: 138px;
    padding: 0 9px 0 10px
}

.develop-timeline .year2011 .con2 {
    width: 200px;
    padding: 0 9px 0 18px
}

.develop-timeline .year2011 .con2 .txt {
    line-height: 18px
}

.develop-timeline .year2012 {
    width: 412px;
    height: 90px;
    float: left
}

.develop-timeline .year2012 .year {
    width: 90px;
    padding-left: 78px;
    height: 90px;
    line-height: 90px
}

.develop-timeline .year2012 .tt {
    font-size: 14px;
    padding-top: 5px
}

.develop-timeline .year2013 {
    width: 620px;
    height: 90px
}

.develop-timeline .year2013 .year {
    width: 120px;
    padding-left: 51px;
    height: 90px;
    line-height: 90px;
    font-size: 65px;
    letter-spacing: -8px
}

.develop-timeline .year2013 .con1 {
    width: 177px;
    padding: 0 9px 0 10px
}

.develop-timeline .year2013 .con1 .tt {
    font-size: 15px;
    line-height: 16px;
    margin-bottom: 2px
}

.develop-timeline .year2013 .con2 {
    width: 200px;
    padding: 0 9px 0 18px
}

.develop-timeline .year2013 .con2 .tt {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 2px
}

.develop-timeline .year2013 .con2 .txt {
    line-height: 18px
}

.develop-timeline .year2014 {
    width: 412px;
    height: 90px;
    float: right
}

.develop-timeline .year2014 .year {
    width: 90px;
    padding-left: 36px;
    height: 90px;
    line-height: 90px
}

.develop-timeline .year2014 .tt {
    font-size: 15px;
    padding-top: 5px
}

.develop-timeline .year2015 {
    width: 326px;
    float: right;
    height: 90px
}

.develop-timeline .year2015 .year {
    width: 75px;
    letter-spacing: -8px;
    font-size: 42px;
    height: 90px;
    line-height: 90px
}

.develop-timeline .year2015 .con {
    margin-top: 24px
}

.develop-timeline .year2016 {
    width: 326px;
    float: right;
    height: 90px
}

.develop-timeline .year2016 .year {
    width: 124px;
    letter-spacing: -8px;
    font-size: 65px;
    height: 90px;
    line-height: 90px
}

.develop-timeline .year2016 .con {
    width: 168px
}

.develop-timeline .item-w-2 {
    padding: 50px 0 48px
}

.develop-timeline .item-w-3 {
    padding-bottom: 47px
}

.report-con {
    padding-top: 15px
}

.report-con li {
    width: 490px;
    height: 42px;
    padding-right: 50px;
    float: left;
    font-size: 14px;
    line-height: 42px;
    border-bottom: 1px dashed #d4d4d4
}

.report-con li.even {
    padding-right: 0;
    padding-left: 50px
}

.report-con li a {
    width: 390px;
    display: inline-block;
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.report-con li .time {
    float: right;
    color: #999
}

#YSF-BTN-HOLDER {
    display: none
}

.aside-contact {
    width: 62px;
    position: fixed !important;
    top: 250px;
    right: 10px;
    z-index: 999
}

.aside-contact .help-tip, .aside-contact .phone-tip, .aside-contact .register-tip, .aside-contact .ysp-tip {
    position: relative;
    width: 60px;
    height: 36px;
    padding: 12px 0;
    margin-bottom: 10px;
    border: 1px solid #bbb;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    background: url(http://www.meiyimail.com/public/images/aside-contact.png) no-repeat #fff
}

.aside-contact .phone-tip {
    background-position: -154px -2px
}

.aside-contact .ysp-tip {
    height: 48px;
    width: 58px;
    padding: 10px 0 0;
    margin-left: 1px;
    background: #fff;
    -webkit-animation: 1s flashing 0s infinite;
    animation: 1s flashing 0s infinite
}

.aside-contact .ysp-tip:hover {
    -webkit-animation: none;
    animation: none
}

.aside-contact .ysp-tip .txt {
    display: block;
    color: #bcbcbb;
    font-weight: 700
}

.aside-contact .ysp-tip:hover .txt {
    color: #fff
}

.aside-contact .help-tip {
    position: relative;
    background-position: -82px -128px
}

.aside-contact .help-tip a {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px
}

.aside-contact .register-tip {
    cursor: pointer;
    background: url(http://www.meiyimail.com/public/images/register-tip.jpg) center no-repeat #fff
}

.aside-contact .register-tip:hover {
    background: url(http://www.meiyimail.com/public/images/register-tip-hover.jpg) center no-repeat #8db2df
}

.aside-contact .help-tip:hover .txt, .aside-contact .phone-tip:hover .tip, .aside-contact .phone-tip:hover .txt, .aside-contact .ysp-tip:hover .tip, .aside-contact .ysp-tip:hover .txt {
    display: block
}

.aside-contact .help-tip .txt {
    line-height: 32px
}

.aside-contact .register-tip .txt {
    display: block;
    font-size: 0
}

.aside-contact .register-tip .txt a {
    display: block;
    color: #666;
    text-indent: -999px
}

.aside-contact .register-tip:hover .txt a {
    display: block;
    color: #666
}

.aside-contact .help-tip:hover, .aside-contact .phone-tip:hover, .aside-contact .ysp-tip:hover {
    background: #8db2df
}

.aside-contact .tip, .aside-contact .txt {
    cursor: default;
    display: none
}

.aside-contact .tip {
    position: absolute;
    width: 135px;
    padding-right: 15px;
    height: 40px;
    line-height: 40px;
    top: 11px;
    right: 66px;
    font-size: 12px
}

.aside-contact .phone-tip:hover .tip {
    background: url(http://www.meiyimail.com/public/images/aside-contact.png) 0 -9px no-repeat
}

.aside-contact .mail-tip:hover .tip {
    background: url(http://www.meiyimail.com/public/images/aside-contact.png) 0 -73px no-repeat
}

@-webkit-keyframes flashing {
    0% {
        border-color: #fff;
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px #bcbcbb;
        background: #f7f7f7
    }
    20% {
        border-color: #f7f7ef;
        box-shadow: 0 0 0 1px #f7f7f7, 0 0 0 2px #cac8c7;
        background: #f7f7f7
    }
    40% {
        border-color: #e7e7de;
        box-shadow: 0 0 0 1px #efefe7, 0 0 0 2px #cac8c7;
        background: #f7f7f7
    }
    60% {
        border-color: #d6ced0;
        box-shadow: 0 0 0 1px #e7e7de, 0 0 0 2px #d6d6c6;
        background: #f7f7f7
    }
    80% {
        border-color: #bcbcbb;
        background: #fff
    }
}

@keyframes flashing {
    0% {
        border-color: #fff;
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px #bcbcbb;
        background: #f7f7f7
    }
    20% {
        border-color: #f7f7ef;
        box-shadow: 0 0 0 1px #f7f7f7, 0 0 0 2px #cac8c7;
        background: #f7f7f7
    }
    40% {
        border-color: #e7e7de;
        box-shadow: 0 0 0 1px #efefe7, 0 0 0 2px #cac8c7;
        background: #f7f7f7
    }
    60% {
        border-color: #d6ced0;
        box-shadow: 0 0 0 1px #e7e7de, 0 0 0 2px #d6d6c6;
        background: #f7f7f7
    }
    80% {
        border-color: #bcbcbb;
        background: #fff
    }
}

@media screen and (max-width: 1080px) {
    .g-content .g-main {
        margin: 0 auto
    }

    .g-content .g-sidebar {
        display: none
    }
}