html, body {font-family: 'Open Sans', sans-serif;}

    body{line-height: 1.42857143;color: #333;}

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

    img, ul, li, dd, dt, dl, div, p, input {

        margin: 0px;

        border: none;

        padding: 0px;

        margin: 0 auto;

        list-style: none;

        outline: none;

    }

    figure {

        width: 100%;

        /*height: 100%;*/

        margin: 0;

        padding: 0;

        background: #fff;

        overflow: hidden;

    }

    body a {

        transition: 0.5s all;

        -webkit-transition: 0.5s all;

        -moz-transition: 0.5s all;

        -o-transition: 0.5s all;

        -ms-transition: 0.5s all;

    }



    .text-center {

        text-align: center;

    }

    .container {

        /*width: 71%;*/

        padding-right: 15px;

        padding-left: 15px;

        margin-right: auto;

        margin-left: auto;

    }

    .col-md-8 {

        width: 66.66666667%;

        float: left;

        position: relative;

        min-height: 1px;

        padding-right: 15px;

        padding-left: 15px;

    }

    .col-md-4 {

        width: 33.33333333%;

        float: left;

        position: relative;

        min-height: 1px;

        padding-right: 15px;

        padding-left: 15px;

    }



    .clearfix{clear: both;}



    .mid-grids {

        padding-top: 2em;

    }

    .wel-head h3 {

        text-transform: uppercase;

        font-weight: 900;

        font-size: 2.2em;

        border-bottom: 3px solid #003d6d;

        display: inline-block;

        padding: 0 0 0.3em 0;

    }

    .mid-grids-left h2 {

        color: #464646;

        font-size: 1.5em;

        margin: 0;

        padding: 0 0 0.3em 0;

    }

    .mid-grids-left h2 span {

        text-transform: uppercase;

        font-weight: 900;

    }

    .mid-grids-left p {

        color: #777;

        line-height: 1.5em;

        font-size: 0.875em;

    }

    .mid-grids-right h3 {

        color: #464646;

        font-size: 1.5em;

        margin: 0;

        padding: 0 0 0.3em 0;

    }

    .mid-grids-right h3 span {

        font-weight: 900;

        text-transform: uppercase;

    }



    .latest-news-grid {

        margin: 2% 4% 4% 0%;

        float: left;

        width: 48%;

    }

    .latest-news-grid:nth-child(2), .latest-news-grid:nth-child(4) {

        margin-right: 0;

    }

    .latest-news-grid h4 {

        margin: 0.2em 0 0.4em 0;

    }

    .latest-news-grid h4 a {

        color: #464646;

        font-weight: 600;

        font-size: 1.1em;

        text-decoration: none;

        line-height: 1.5em;

    }

    .latest-news-grid p {

        margin-bottom: 1.5em;

    }

    .services-list ul {

        margin: 0px;

        padding: 0px;

    }

    .services-list ul li {

        display: block;

    }

    .services-list ul li a {

        color: #777;

        border-bottom: 1px solid #EEE;

        display: block;

        padding: 0.5em 0;

        text-decoration: none;

        font-size: 0.875em;

    }

    .services-list ul li a:hover {

        color: #424242;

    }

    .services-list ul li a span {

        width: 7px;

        height: 13px;

        display: inline-block;

        background: url(http://www.qiyueshipping.com//template/pc/images/arrow.png) no-repeat 0px 0px;

        vertical-align: middle;

        margin-right: 0.5em;

    }



    .services-list ul li a small {

        text-indent: 10px;

        font-size: 1em;

    }



    .hover01 figure img {

        width: 100%;

        height: auto;

        -webkit-transform: scale(1);

        transform: scale(1);

        -moz-transform: scale(1);

        -o-transform: scale(1);

        -ms-transform: scale(1);

        -webkit-transition: all 0.5s ease-in-out;

        transition: all 0.5s ease-in-out;

        -moz-transition: all 0.5s ease-in-out;

        -o-transition: all 0.5s ease-in-out;

        -ms-transition: all 0.5s ease-in-out;

    }

    .hover01 figure:hover img {

        -webkit-transform: scale(1.3);

        transform: scale(1.3);

    }

    a.news-btn {

        background: #003d6d;

        padding: 0.5em 0.8em;

        display: inline-block;

        color: #FFF;

        font-weight: 900;

        font-size: 1em;

        text-decoration: none;

    }

    a.news-btn:hover {

        background: #464646;

    }