html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    /*font-size: 100%;*/
    /*font-family: inherit;*/
    vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

table, td, th {
    vertical-align: middle;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

/* Remove annoying border on linked images. */
a img {
    border: none;
}

li {
    list-style-type: none;
}

@media handheld,only screen and (max-width:359px) {
    /*8px*/
    body {
        font-size: .5em;
    }
}

@media handheld,only screen and (min-width:360px) and (max-width:399px) {
    /*9px*/
    body {
        font-size: .56em;
    }
}

@media handheld,only screen and (min-width:400px) and (max-width:479px) {
    /*10px*/
    body {
        font-size: .63em;
    }
}

@media handheld,only screen and (min-width:480px) and (max-width:767px) {
    /*12px*/
    body {
        font-size: 0.75em;
    }
}

@media handheld,only screen and (min-width:768px) {
    /*16px*/
    body {
        font-size: 1em;
    }
}


body {
    /*font-family: '黑体';*/
    font-family: PingFangSC-Regular,Helvetica,"Droid Sans",Arial,sans-serif;
    /*font-size: 16px;*/
    font-weight: 400;
    color:#23234F;
}


.tissotbody{
    margin: 0 auto;
    padding-bottom: 6em;
    width:100%;
    background:#E9E7E8;
   
}
.tissotheader{
    position:relative;    
}
.tissotheader img{
    width:100%;
    height:auto;
}
.tissot2018 .noticelink {
    padding-left: 3em;
}
.tissot2019 .noticelink {
    padding-left: 0em;
}
.noticelink a{
    color:#2489FC!important;
    text-decoration:none;
}
.languagetab{
       position: absolute;
    top: 0.8em;
    right: 2em;
}
 .languagetab a{
     padding:0 2px;
     border-right:1px solid #585657;
     color:#585657!important;
     text-decoration:none;
 }
 .entab{
   border: none!important;
 }
.languagetab ul li{
       float: left;
    height: 2em;
    text-align: right;
    line-height: 2em;
    margin-left:1em;
}
.tissotheader{
    background:url(../images/tissot/tissotbg.png) no-repeat;
    background-size:100%;
}
.tissotlogobox li{
    float:left;
}
.jblogo{
   height: 4.8em;
    width: auto;
    margin: 0 1.8em;
    vertical-align:middle;
}
.tissotlogo{
        height: 3.2em;
    width: auto;
    margin-right: 3em;
    vertical-align:middle;
}
.gplogo{
    height: 4em;
    width: auto;
    margin-right: 3em;
    vertical-align: middle;
}
.tissotnotice{
    /*margin-top:2em;*/
    position:relative;
}
.tissotnotice ul li{
    float:left;
}
.noticetip{
    position:absolute;
    top:45%;
}
.noticeimgleft{
    width:55%;
}
.noticeimg{
    width:40%;
}
.noticeimg img{
    width:100%;
    height:auto;
}
 .subtitle{
    font-size:2.4em;
    color:#585657;
    font-weight:bold;
}
 .title{
    font-size:2.2em;
}
.noticetip  p{
    line-height:300%;
}
.noticetime{
    position:absolute;
    bottom:0em;
    left:0;
}
.products{
    padding:2em;
    margin:0;
}
.t05{
   margin-top:0.5em;
}
.t1{
   margin-top:1em;
}
.products ul li{
    float:left;
    width:50%;
}
.productsdes {
    line-height: 200%;
    margin-top: 1em;
    padding-left: 3em;
    color:#585657;
}
.productsdes2019 {
   line-height: 200%;
    margin-top: 2em;
    padding-right:8em;
    color:#585657;
}
#ul2018 ul li:first-child{
    text-align:right;
    
}
.tissot2018li img{ 
    width: 88%;
}
.tissot2018notice p{
    margin-left:2em;
}
.tissot2018notice img{
    margin-left: 5em;
    width: 50%;
}
.tissot2018box{
    border:1px solid black;
    position:relative;
    width:80%;
    margin:0 auto;
}
.tissot2018box img{
    /*position:absolute;*/
    /*left:2em;
    top:-2em;*/
    width:80%;
}
.limittitle{
    color:#DCDADB;
}
.limittip{
    margin-top:1em;
}
.noticelink{

}
.products2019{
        /*position: relative;*/
    padding: 3em 4em;
}
.tissot2019{
    background: #F7F7F7;
    width: 60%;
    position: relative;
    padding: 2em 2em 6em 2em;
    margin-top:1em;
}
.tissot2019 .subtitle img{
        width: 2em;
}
.p2019{
      position: absolute;
    width: 70%;
    top: 0;
    right: -50%;
}
.tissot2019 .productsdes{
    padding-right:40%;
}
.demo2019{
        width: 40%;
    position: absolute;
    bottom: -4.5em;
    left: 1em;
}
.demo2018{
   
}
  .ismobile{
      display:none;
        
    }
    .ispc{
        display:block;
    }
.bgbox2018 {
    padding: 0;
    position: relative;
    width: 70%;
    margin: 0 auto;
    z-index: 9;
}
.kuang2018 {
     position: absolute;
    border: 2px solid #585657;
    bottom: -1em;
    right: 0%;
    width: 36%;
    height: 50%;
    z-index: -1;
}
    .bgbox2018 ul{
     
    }
    .bgbox2018 ul li{
        width:25%;
        float:left;
        text-align:center;
    }
        .bgbox2018 ul li img {
            width: 80%;
            height: auto;
            margin: 0 auto;
        }
        .bgbox2018 ul li:first-child {
            width: 50%;
            font-size: 1.2em;
            text-align: center;
        }
          .bgbox2018 ul li:first-child p{
              margin-top: 18%;
              line-height:150%;
              color:#585657;
          }
.bgbox2019 {
    padding: 0;
    width: 70%;
    margin: 6em auto;
    position: relative;
    z-index: 9;
}
.kuang2019 {
         position: absolute;
    border: 2px solid #585657;
    top: -1.5em;
    left: 14%;
    width: 36%;
    height: 50%;
    z-index: -1;
}
              .bgbox2019 ul{
        
    }
    .bgbox2019 ul li{
        width:25%;
        float:left;
        text-align:center;
    }
        .bgbox2019 ul li img {
            width: 80%;
            height: auto;
            margin: 0 auto;
        }
        .bgbox2019 ul li:last-child {
            width: 50%;
            font-size: 1.2em;
            text-align: center;
        }
          .bgbox2019 ul li:last-child  p{
              margin-top: 15%;
              line-height:150%;
              color:#585657;
          }
          .bgbox2018en ul li:first-child p{
                 margin-top: 12%;
          }
             .bgbox2019en ul li:last-child p{
                  margin-top: 12%;
          }
             .previewImage-image{
                 max-height:100%!important;
                 width:auto!important;
             }
                
@media handheld,only screen and (min-width:1200px) {
    .tissotbody{
        width:1200px;
    }
}
@media handheld,only screen and (max-width:1024px) {
    .tissotbody {
        font-size: 1.2em;
    }

    .tissot2018notice p {
        margin-left: 1em;
    }

    .subtitle {
        font-size: 1.3em;
    }
   
    .productsdes {
        padding-left: 0.2em;
        font-size: 1.1em;
    }

    .p2019 {
        top: 0;
        width: 50%;
        right: -43%;
    }
    .products{
            padding: 2em 2em 0 2em;
    }
    .products2019 {
        padding: 0 2em 3em 2em;
       margin-top:2em;
    }

    .productsdes2019 {
        padding-right: 0;
        font-size: 1.1em;
    }

    .ismobile {
        display: block;
    }

    .ispc {
        display: none;
    }

    .tissot2018li .ismobile img {
        margin-top: 2em;
    }

    .tissot2019notice .ismobile img {
        position: absolute;
    }

    .tissot2018li img {
        width: 100%;
    }

    .tissot2019 .ismobile img {
        position: absolute;
        width: 70%;
        margin: 1em auto;
        bottom: -4em;
        right: -30%;
    }

    .languagetab ul li {
        height: 1.2em;
        line-height: 1.2em;
    }

    .productsdesen {
        /*text-align: justify;*/
        line-height: 150%;
    }
    .bgbox2018{
        width:90%;
        margin:0 auto;
    }
     .bgbox2018 ul li:first-child{
        font-size:1em;
    }
      .bgbox2019{
        width:90%;
        margin:4em auto;
    }
     .bgbox2019 ul li:last-child{
        font-size:1em;
    }
      .previewImage-image{
                 height:auto!important;
                 max-width:100%!important;
             }
}