* {
    margin:0;
    padding:0;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}


html {
    overflow-x:hidden;
    -webkit-text-size-adjust:none;
/*    cursor: url(../images/mouse.ico),auto;*/
}

body {
    font-size:14px;
    font-family: "microsoft yahei", arial, tahoma, "\5b8b\4f53", sans-serif;
    color:#000;
}
ul,ol,li,dl{
  list-style: none;
}
/*RESET A*/
a,a:visited,a:active,a:hover,a:focus {
    text-decoration:none!important;
    outline:none;
}
a {
  color: #616161;
}
/*RESET IMAGES --CENTER*/
img {display: block;border:none;margin:0 auto;max-width:100%;}

/*THE SPECIAL FONTS*/


/*RESET FONTS*/
.t2 { text-indent: 2em;}
em { font-style: normal;}
.tx-c { text-align: center;}
.tx-r { text-align: right;}
.overf {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/*Model top*/
.pt9 { padding-top: 90px;}
.pd9{padding:90px 0;}

/*LAYOUT*/
.cl_vessel {
    width: 100%;
    max-width: 1200px;
    min-width: 1000px;
    margin: 0 auto;
}
.bgColor{background-color: #f8f2f2;}
@media (max-width:1220px){
    .inner-wrap {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.transition {
    -webkit-transition: all ease .4s;
       -moz-transition: all ease .4s;
        -ms-transition: all ease .4s;
         -o-transition: all ease .4s;
            transition: all ease .4s;
}

/*FLOAT*/
.fl{float: left;}
.fr{float: right;}

/*CLEAR the FLOAT*/
.cl-bt { clear:both}
.cl-float {zoom:1;}
.cl-float:after{
    content:".";
    clear:both;
    visibility: hidden;
    display: block;
    height:0;
}