*{

  margin: 0;

  padding: 0;

}

.tmail{

  height: 50px;

  background-color: rgba(0,0,0,.5);

       filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, endcolorstr=#7f000000);

  padding: 12.5px 5%;

  color: white;

  font-size: 14px;

}

.tmail .left{

  float: left;

}

.tmail .left img{

  float: left;

  margin-right: 10px;

}

.tmail .right ul {

  float: right;

}

.tmail .right ul li img{

  margin: 0 5px;

  float: left;

}

.tmail .right ul li{

  float: right;

  margin-left: 10px;

}

input{

  background-color: transparent;

}

    input:-webkit-autofill {

        -webkit-box-shadow: 0 0 0px 1000px white inset;

    }



#page {

    text-align: center;

}#page ul {

    display: inline-block;

}#page ul li {

    float: left;

    display: inline-block;

    padding: 0 10px;

    margin: 1px;

    font-size: 16px;

    min-width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    background: #ffffff;

    color: #ffffff;

    color: #555555;

    color: #333333;

    transition: .3s;

    -moz-transition: .3s;

    -ms-transition: .3s;

    -o-transition: .3s;

    -webkit-transition: .3s;

    cursor: pointer;

}

#page ul li:hover{

  color: white !important;

  background-color: #3ab3be !important; 

}



body{

  min-width: 1200px;

}

a{

  text-decoration: none;

  color: black;

}

img{

  max-width: 100%;

}

.sn{

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}

div{

        box-sizing: border-box;

}

li{

  list-style: none;

}

.fl:after{

   content: "";

   display: block;

   height: 0;

   clear: both;

}

img{

  max-width: 100%;

}



select{

  outline: none;

  text-align-last: center;

}

/*

宽度大于768的时候

*/

.tSelect{

    color: #3ab3be !important;

}

.selects{

   color: white !important;

   background-color: #3ab3be !important;

}

.tSelect:after{

    content: "";

    display: block;

    clear: both;

    position: absolute;

    bottom: 0;

    height: 3px;

    width:100%;

    background-color: #3ab3be;

}





#header{

  height: 115px;

  box-sizing: border-box;

  padding: 0 5%;

  width: 100%;

  background-color: white;

  position: relative;

}



.logo{

  float: left;

  margin-top: 30px;

}



#header .tab{

  float: right;

}





#header .tab>ul>li{

  float: left;

  line-height: 115px;

  font-size: 14px;

  padding:0 26px;

  box-sizing: border-box;

  position: relative;

}

#header>.tab>ul>li>a>img{

  width: 10px;

}

#header>.tab>ul>li>a{

  display: block;

  box-sizing: border-box;

  position: relative;

  color: #000000;

  font-size: 16px;

}

#header>.tab>ul>li>a:hover{

  color: #3ab3be ;

}



#swiper1{

  width: 100%;

}



#bottom{

  padding: 50px 15%;

  background-color: #212121;

  color: white;

  height: 380px;

  font-size: 14px;

}





#bottom .list{

  float: left;

  width: 16.666%;

  padding: 0px 20px;

}

#bottom .list p{

  line-height: 25px;

  margin-top: 20px;

  color: white;

}

#bottom .list p:hover{

  color: #3ab3be;

}

#bottom .list .p1{

  font-size: 18px;

  margin-bottom: 30px;

}

#bottom .list .title{

  font-size: 16px;

}

#bottom .list .p2{

margin-bottom: 50px;

font-size: 14px;

color: #808080;

}



 .bottom{

  padding: 25px 15%;

  width: 100%;

  color:white;

  font-size: 14px;

  line-height: 2;

  background-color: black;

}

 .bottom .left{

  float: left;

  width: 60%;

 }

 .bottom .left .title{

  font-size: 18px;

 }

 .bottom .right{

  float: left;

  width: 40%;

 }

 .bottom .right div{

  float: right;

 }

  .bottom .right .img{

    margin-top: 20px;

  }

  .bottom .right .pho{

    margin-left: 20px;

    line-height: 1.5;

    margin-top: 12px;

  }

.urHere{

  width: 1200px;

  font-size: 14px;

  margin: 0 auto;

  line-height: 3;

}