html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin: 0;padding: 0;font-weight: lighter;}
input,select,textarea{margin: 0;padding: 0}
input,select{vertical-align: middle}
ul,ol{list-style: none}
ul,ol,li,dl,dt,dd,pre,form,fieldset,img,div{margin: 0;padding: 0;border: none}
img{vertical-align: top}
textarea{resize: none}
a{text-decoration: none}
em{font-style: normal}
html{font-size: 100%;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-size-adjust: 100%}
*,*::after,*::before{-webkit-box-sizing: border-box;box-sizing: border-box}
.clear{clear: both}
.clearfix,.w{zoom: 1}
.clearfix:after,.w:after{content: ".";display: block;overflow: hidden;height: 0;clear: both;visibility: hidden}
.fl{float: left}
.fr{float: right}
html,body{ font-size: 14px; width: 100%; color:#333; line-height: 185%; font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif; }

/* links */
a{color:#333; text-decoration:none; outline:none !important;}
a:hover{color:#11abe5; text-decoration:none;} a:focus{outline:thin dotted;} a:hover,a:active{outline:0;}

a, a:hover, a:focus { text-decoration: none; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;  -ms-transition: all .3s;  transition: all .3s; }

@font-face {
    font-family: "DINPro-Medium";
    src: url("../fonts/DINPro-Medium.woff2") format("woff2"),
    url("../fonts/DINPro-Medium.woff") format("woff"),
    url("../fonts/DINPro-Medium.ttf") format("truetype"),
    url("../fonts/DINPro-Medium.eot") format("embedded-opentype"),
    url("../fonts/DINPro-Medium.svg") format("svg"),
    url("../fonts/DINPro-Medium.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

/*背景*/
.bg-white { background-color: #FFF;}

/* Section With Background Blue */
.section-bg-blue {  background: #00aedc;  }


/* BG */
.bg-one {
    background: #11abe5;
    background: -moz-linear-gradient(-45deg, #11abe5 0%, #005a8f 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #11abe5), color-stop(100%, #005a8f));
    background: -webkit-linear-gradient(-45deg, #11abe5 0%, #005a8f 100%);
    background: -o-linear-gradient(-45deg, #11abe5 0%, #005a8f 100%);
    background: -ms-linear-gradient(-45deg, #11abe5 0%, #005a8f 100%);
    background: linear-gradient(135deg, #11abe5 0%, #005a8f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff61b3', endColorstr='#005a8f', GradientType=1 );
    padding: 60px 0;
}
.bg-gary { background-color: #f7f7f7;}

/* Sections Header */
.section-header h3 { font-size: 28px; color: #333; text-transform: uppercase; text-align: center; font-weight: 700; position: relative; padding-bottom: 15px;  }
.section-header h3::before { content: ''; position: absolute; display: block; width: 120px; height: 1px; background: #ddd; bottom: 1px; left: calc(50% - 60px); }
.section-header h3::after { content: '';  position: absolute; display: block; width: 40px; height: 3px; background: #1865b0; bottom: 0; left: calc(50% - 20px);  }
.section-header p { text-align: center; padding-bottom: 30px; padding-top: 5px; color: #333; }

/* Sections Header White */
.section-header-white h3 {  font-size: 28px;  color: #FFF;  text-transform: uppercase;  text-align: center;  font-weight: 700;  position: relative;  padding-bottom: 15px;  }
.section-header-white h3::before {  content: '';  position: absolute;  display: block;  width: 120px;  height: 1px;  background: #ddd;  bottom: 1px;  left: calc(50% - 60px);  }
.section-header-white h3::after {  content: '';  position: absolute;  display: block;  width: 40px;  height: 3px;  background: #1865b0;  bottom: 0;  left: calc(50% - 20px);  }
.section-header-white p {  text-align: center;  padding-bottom: 30px; padding-top: 5px; color: #F1F1F1;  }



/*阴影效果*/
.filletBox { -moz-box-shadow:2px 2px 5px #A1A1A1; -webkit-box-shadow:2px 2px 5px #A1A1A1; box-shadow:2px 2px 5px #A1A1A1; filter: progid:DXImageTransform.Microsoft.Shadow(color='#A1A1A1', Direction=135, Strength=5);}

/*浮动框*/
.floatBox { position: fixed; top: 0px; z-index: 999; width: 100%; }

/* Header */
#header { height: 86px; width: 100%; background-color: #FFF; -moz-box-shadow:0px 31px 29px rgba(0,0,0,0.1); -webkit-box-shadow:0px 31px 29px rgba(0,0,0,0.1); box-shadow:0px 31px 29px rgba(0,0,0,0.1);}
    .header { }
    .header>.logo { float: left; padding: 25px 15px 24px 15px; position: absolute; background-color: #FFF; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; -moz-box-shadow:0px 31px 29px rgba(0,0,0,0.1); -webkit-box-shadow:0px 31px 29px rgba(0,0,0,0.1); box-shadow:0px 31px 29px rgba(0,0,0,0.1);}
    .header>.logo img { height: 66px; }
    .header>.right { float: right; padding-top: 5px;}
    .header>.right>.language { display: block; text-align: right;}
    .header>.right>.language>a.active { color: #1865b0;}
    .header>.right>.language>span { font-size: 10px; color: #d5d5d5; margin: 0 6px; vertical-align: top; line-height: 24px;}


    .header>.right>.nav-search { margin-top: 15px;}
    .header>.right>.nav-search>.header-menu { float: left;}


    .header-menu .navbar-default .navbar-nav > li > a {
        color: #333;
        padding: 0 25px 6px 25px;
        font-size: 15px;
        font-weight: lighter;
        text-align: center;
    }
    .header-menu .navbar-default .navbar-nav > li:last-child > a {
        padding-right: 0;
    }
    .header-menu .navbar-default .navbar-nav > li > a > span { display: block; text-align: center; line-height: 16px;}
    .header-menu .navbar-default .navbar-nav > li > a > label { display: block; text-transform: uppercase; font-size: 13px; line-height: 18px; text-align: center;}


    .header-menu .navbar-default .navbar-nav > li > a > i{
        color: #1865b0;
        margin-right: 5px;
    }

    .header-menu .navbar {  }
    .header-menu .nav>li>a {}
    .header-menu .nav>li>a:hover {
        color: #1865b0;
        background-color:transparent;
    }

    .header-menu .navbar-default .navbar-nav > .active > a,
    .header-menu .navbar-default .navbar-nav > .active > a:hover,
    .header-menu .navbar-default .navbar-nav > .active > a:focus {
        color: #1865b0;
        background-color: transparent;
    }
    .header-menu .navbar-default {
        background-color:transparent;
        border-color:transparent;
    }

    .header-menu .navbar-default .navbar-nav > .open > a,
    .header-menu .navbar-default .navbar-nav > .open > a:hover,
    .header-menu .navbar-default .navbar-nav > .open > a:focus {
        color: #1865b0;
        background-color:transparent;
    }

    .header-menu .dropdown-menu { border: transparent; /*background: url("../img/spot-white-opacity.png");*/ background-color: #FFF;}
    .header-menu .dropdown-menu > li > a { color: #333; font-weight: lighter; line-height: 32px; font-size: 14px;}

    .header-menu .dropdown-menu > li > a:hover,
    .header-menu .dropdown-menu > li > a:focus {  color: #FFF;  text-decoration: none;  background-color: #1865b0;  }
    .header-menu .dropdown-menu > .active > a,
    .header-menu .dropdown-menu > .active > a:hover,
    .header-menu .dropdown-menu > .active > a:focus {  color: #FFF;  text-decoration: none;  background-color: #1865b0;  outline: 0;  }





    .header>.right>.nav-search>.header-search { float: right;}


    .header-search { position: relative;}
    .header-search>.search_button_ico>i { cursor:pointer; font-size: 18px; color: #1865b0; margin: 8px 0 0 0;}

    .search_form{ -moz-box-shadow:0px 31px 29px rgba(0,0,0,0.1); -webkit-box-shadow:0px 31px 29px rgba(0,0,0,0.1); box-shadow:0px 31px 29px rgba(0,0,0,0.1); width:200px; height:0px; background: #1865b0; position: absolute; line-height: 40px; right:0; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 5px 3px; padding-left:20px; top:41px; overflow: hidden; transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;}
    .search_form input[type=text]{width:140px;border:none;background: transparent;color:#FFF; outline: 0;}
    ::-webkit-input-placeholder{color:rgba(255,255,255,1);}
    ::-moz-placeholder{color:rgba(255,255,255,1);}
    :-moz-placeholder{color:rgba(255,255,255,1);}

    .search_form input[type=text]::selection{background: #fff; color: #11abe5;}
    .search_form input[type=text]::-moz-selection{background: #fff; color: #11abe5;}
    .submit_button { float: right; width:40px;height:40px;text-align: center;margin-top:-1px;cursor:pointer;}
    .submit_button input { transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;}
    .submit_button:hover input {transform: rotate(270deg);-o-transform: rotate(45deg);-ms-transform: rotate(270deg);-moz-transform: rotate(270deg);-webkit-transform: rotate(270deg);}

/* /Header */

.navbar-collapse { padding-right: 0;}

/* 关于相驰 */
#about { padding: 30px 0 50px 0; }
    #about .about-intro { padding: 0 220px; margin: 30px 0 0 0; font-size: 15px;}
    #about .about-intro img { max-width: 100%;}
    #about .about-intro .infos { width: 49.000000%; float: left;}
    #about .about-intro .infos .greens { color: #1865b0; font-weight: 700;}

    #about .about-intro .infos ul.projects { }
    #about .about-intro .infos ul.projects li { margin-bottom: 10px;}
    #about .about-intro .infos ul.projects li:last-child { margin-bottom: 0;}
    #about .about-intro .infos ul.projects li .icons { float: left; background: #1865b0; color: #FFF; width: 38px; height: 38px; line-height: 38px; text-align: center; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden;}
    #about .about-intro .infos ul.projects li .icons i.fa { font-size: 18px;}

    #about .about-intro .infos ul.projects li .texts { float: right; width: calc(100% - 48px); padding-top: 3px;}
    #about .about-intro .images { width: 49.000000%; float: right;}
/* /关于相驰 */


/* Our Advantage Start */
#our-advantage { border-top: solid 1px #F1F1F1; padding: 50px 0;}
    .our-advantage { margin-top: 30px;}
    .our-advantage ul li { position: relative; float: left; margin-right: 2.000000%; width: 18.400000%; background: #11abe5; color: #FFF; padding: 45px 20px 15px 20px; height: 438px; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; overflow: hidden;}
    .our-advantage ul li:nth-child(2n) { background: #1865b0;}
    .our-advantage ul li:nth-child(5n) { margin-right: 0;}
    .our-advantage ul li .nums { position: absolute; left: 0; top: 0; font-family: "DINPro-Medium"; font-weight: 700; font-size: 20px; padding: 5px 15px; background: #0a2c69; -moz-border-radius: 16px 0; -webkit-border-radius: 16px 0; border-radius: 16px 0;}
/* Our Advantage End */

/* Vietnam Service Start */
#vietnam-service { border-top: solid 1px #F1F1F1; padding: 50px 0;}
    .vietnam-service { margin-top: 30px;}
    .vietnam-service ul li { position: relative; margin-bottom: 15px; float: left; margin-right: 2.000000%; width: 32.000000%; background: #11abe5; color: #FFF; padding: 45px 20px 15px 20px; height: 180px; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; overflow: hidden;}
    .vietnam-service ul li:nth-child(2n) { background: #1865b0;}
    .vietnam-service ul li:nth-child(n+3) { margin-right: 0;}
    .vietnam-service ul li.fulls { width: 100%; margin-bottom: 0;}
    .vietnam-service ul li .nums { position: absolute; left: 0; top: 0; font-family: "DINPro-Medium"; font-weight: 700; font-size: 20px; padding: 5px 15px; background: #0a2c69; -moz-border-radius: 16px 0; -webkit-border-radius: 16px 0; border-radius: 16px 0;}
/* Vietnam Service End */

/* Thailand Service Start */
#thailand-service { border-top: solid 1px #F1F1F1; padding: 50px 0;}
    .thailand-service { margin-top: 30px;}
    .thailand-service ul li { position: relative; float: left; margin-right: 2.000000%; width: 32.000000%; background: #11abe5; color: #FFF; padding: 45px 20px 15px 20px; height: 230px; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; overflow: hidden;}
    .thailand-service ul li:nth-child(2n) { background: #1865b0;}
    .thailand-service ul li:nth-child(3n) { margin-right: 0;}
    .thailand-service ul li .nums { position: absolute; left: 0; top: 0; font-family: "DINPro-Medium"; font-weight: 700; font-size: 20px; padding: 5px 15px; background: #0a2c69; -moz-border-radius: 16px 0; -webkit-border-radius: 16px 0; border-radius: 16px 0;}
/* Thailand Service End */

/* 我们的全球客户 */
#our-global-customers { padding: 40px 0 40px 0; background: url("../img/our-global-customers.jpg") center no-repeat #18191b;}
    .our-global-customers { margin: 30px 0 0 0; color: #FFF; /*background-color: rgba(255,255,255,0.95);*/}
    .our-global-customers ul { margin: 0 0 15px 0;}
    .our-global-customers ul li { margin: 0 0 15px 0; }
    .our-global-customers ul li .lefts { float: left; margin: 0 10px 0 0;}
    .our-global-customers ul li .lefts img { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    .our-global-customers ul li .rights { float: left;}
    .our-global-customers ul li .rights h1 { font-size: 16px; font-weight: 500; margin: 0 0 5px 0;}

    .our-global-customers .logos { text-align: center; padding: 15px 0 10px 0; background-color: #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    .our-global-customers .logos img { max-width: 100%;}
/* /我们的全球客户 */


/* Develop Vietnam Market Start */
#develop-vietnam-market { padding: 50px 0; }
    .develop-vietnam-market { margin-top: 50px;}
/* Develop Vietnam Market End */

/* List Vietnam Service Start */
ul.list-vietnam-service { }
    ul.list-vietnam-service li { float: left;}
    ul.list-vietnam-service.one li:nth-child(1) { width: 36.000000%; margin-right: 2.000000%;}
    ul.list-vietnam-service.one li:nth-child(2) { width: 62.000000%;}

    ul.list-vietnam-service.two { margin-top: 30px;}
    ul.list-vietnam-service.two li { float: none; width: 100%;}

    ul.list-vietnam-service li .titles { font-size: 18px; background: #1865b0; color: #FFF; padding: 10px 20px; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px;}
    ul.list-vietnam-service li .titles .years { font-weight: 700; margin-right: 15px;}
    ul.list-vietnam-service li .titles .icos { float: right;}

    ul.list-vietnam-service li .contents { margin-top: 15px;}

    ul.list-vietnam-service li .contents.one .floats { float: left; margin-right: 2.000000%; width: 49.000000%;}
    ul.list-vietnam-service li .contents.one .floats:nth-child(2n) { margin-right: 0;}
    ul.list-vietnam-service li .contents.one .floats:nth-child(2) .market-info .intros { margin-top: 54px;}

    ul.list-vietnam-service li .contents.two .floats { float: left; margin-right: 2.000000%; width: 23.500000%;}
    ul.list-vietnam-service li .contents.two .floats:nth-child(4n) { margin-right: 0;}

    ul.list-vietnam-service.one .market-info { height: 370px;}

    ul.list-vietnam-service.two .market-info { height: 278px;}
/* List Vietnam Service End */


/* Img Vietnam Service Start */
ul.img-vietnam-service { margin-top: 15px;}
    ul.img-vietnam-service img { max-width: 100%; -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
    ul.img-vietnam-service li { float: left; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden;}
    ul.img-vietnam-service.one li { margin-right: 1.000000%; width: 15.833333%;}
    ul.img-vietnam-service.one li:nth-child(6n) { margin-right: 0;}

    ul.img-vietnam-service.two li { margin-right: 1.000000%; width: 11.625000%;}
    ul.img-vietnam-service.two li:nth-child(8n) { margin-right: 0;}

    ul.img-vietnam-service li:hover img { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2);}
/* Img Vietnam Service Start */


/* Market Info Start */
.market-info { overflow: hidden; box-shadow: 0px 2px 12px rgba(0,0,0,0.08); transition: 0.3s; border-radius: 4px; border-bottom: solid 3px #1865b0; padding: 30px 20px; color: #1865b0; text-align: center;}
    .market-info .years { font-size: 18px; font-weight: 700; margin-bottom: 8px;}
    .market-info .items { font-size: 18px; font-weight: 700; margin-bottom: 8px;}
    .market-info .areas { font-size: 18px; font-weight: 700; margin-bottom: 8px;}
    .market-info .areas span { font-weight: normal; margin: 0 10px; font-size: 16px;}
    .market-info .substances { font-size: 16px; margin-bottom: 8px;}
    .market-info .districts { font-size: 20px; font-weight: 700; margin-bottom: 8px;}
    .market-info .districts span { font-weight: normal; margin: 0 10px;}
    .market-info .region { font-size: 16px;}
    .market-info .intros { margin-top: 20px; color: #7f7f7f; text-align: left;}
/* Market Info End */


/* 大事记 */
#history { padding: 50px 0 10px 0;}
    #history .container { padding-left: 5px; padding-right: 5px;}
    .history { margin: 30px 0 0 0;}
    .history .history-item { float: left; width: 16.666666%; padding: 0 10px; margin: 0 0 10px 0;}
    .history .history-wrap { box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08); transition: 0.3s; margin-bottom: 20px;}
    .history .history-wrap:hover {  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.5);  -moz-border-radius: 0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;}
    .history .history-item { position: relative;  overflow: hidden;  }
    .history .history-item figure { height: auto; background: #FFF;  overflow: hidden;  position: relative;  -moz-border-radius: 4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0;  margin: 0; }
    .history .history-item figure img { max-width: 100%;}
    .history .history-item figure:hover img {  opacity: 0.4;  transition: 0.3s;  }
    .history .history-item .history-info { height: 182px;  background: #FFF; border-bottom:solid 3px #1865b0; padding: 10px;  border-radius: 0 0 3px 3px; }
    .history .history-item .history-info>h1 { text-align: center; font-size: 14px; margin: 12px 0 0 0; height: 106px; font-weight: lighter; color: #1865b0;}
    .history .history-item .history-info>h1>span { display: block; font-size: 15px; font-weight: bold; margin-bottom: 10px;}
    .history .history-item .history-info>.intro { font-size: 14px; color: #7f7f7f; font-weight: lighter; line-height: 1.6;}
/* /大事记 */



/* 国际货代及船务服务 */
#international { padding: 50px 0 20px 0; border-top: solid 1px #F7F7F7;}

    #international .titles-name { border: solid 1px #efefef; color: #727272; font-weight: 700; font-size: 18px; display: table; margin: 30px auto 20px auto; padding: 20px 15px;  -moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px;}
    #international .titles-name i { color: #1865b0; margin: 0 10px;}

    .international-two { margin: 0 5px 30px 5px;}
    .international-two ul li { float: left; width: 20%; padding: 0 10px;}
    .international-two ul li .items { cursor: pointer; background: #11abe5; height: 200px; color: #FFF; padding: 30px 10px 0 10px; box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; transition: 0.3s;}
    .international-two ul li .items.blue { background: #11abe5;}
    .international-two ul li .items.green { background: #0a2c69;}
    .international-two ul li .items:hover { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.65); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.65); behavior: url(ie-css3.htc); overflow: hidden;}

    .international-two ul li .items>h1 { font-family: "DINPro-Medium"; text-align: center; font-size: 42px; margin: 12px 0; font-weight: 700;}
    .international-two ul li .items>.intro { font-size: 16px; font-weight: lighter; text-align: center;}

.international-one {  margin: 30px 0; }
    .international-one .international-one-wrap { cursor: pointer; background: #11abe5; padding: 15px 0 0 0; margin-bottom: 20px; box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; transition: 0.3s;}
    .international-one .international-one-wrap.blue { background: #11abe5;}
    .international-one .international-one-wrap.green { background: #1865b0;}
    .international-one .international-one-wrap:hover { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.65); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.65); behavior: url(ie-css3.htc); overflow: hidden; }
    .international-one .international-one-item { position: relative;  overflow: hidden;  }
    .international-one .international-one-item figure {  display: none; overflow: hidden; position: relative; text-align: center;}
    .international-one .international-one-item .international-one-info { color: #FFF; height: 260px; padding: 10px 15px; }
    .international-one .international-one-item .international-one-info>h1 { font-family: "DINPro-Medium"; text-align: center; font-size: 42px; margin: 12px 0; font-weight: 700;}
    .international-one .international-one-item .international-one-info>.intro { font-size: 16px; font-weight: lighter; text-align: center;}


        /*
    .international-two ul li .lefts { float: left; width: 30%;}
    .international-two ul li .lefts img { max-width: 100%;}
    .international-two ul li .rights { float: right; width: 66%; margin: 15px 0 0 0;}
    */
/* /国际货代及船务服务 */



/* 我们的优势 */
#advantage { padding: 30px 0 50px 0; }

    #advantage .advantage-one-wrap { transition: 0.3s; }
    #advantage .advantage-one-wrap:hover {}
    #advantage .advantage-one-item { position: relative; overflow: hidden;  }
    #advantage .advantage-one-item figure { overflow: hidden; position: relative; text-align: center; color: #FFF; }
    #advantage .advantage-one-item figure i { font-size:42px; padding-top:40px; border: solid 5px #FFF; width: 130px; height: 130px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
    #advantage .advantage-one-item figure i:hover { box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16); transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transition: 0.3s;}
    #advantage .advantage-one-item .advantage-one-info {  color: #FFF; padding: 10px; text-align: center;}
    #advantage .advantage-one-item .advantage-one-info:hover { color: #F1F1F1;}
    #advantage .advantage-one-item .advantage-one-info>h1 { font-size: 16px; margin: 12px 0; font-weight: bold;}
    #advantage .advantage-one-item .advantage-one-info>.intro { font-size: 14px; font-weight: lighter;}


    #advantage .advantage-two { padding-bottom: 30px;}
    #advantage .advantage-two>h1 { text-align: center; color: #FFF; font-size: 16px;}
    #advantage .advantage-two>.advantage-two-ico{ width: 100%; background: url("../img/spot-red.png")  center 50px no-repeat;}
    #advantage .advantage-two>.advantage-two-ico>li { text-align: center; }
    #advantage .advantage-two>.advantage-two-ico>li>.advantage-two-item { margin: 0 auto;}
    #advantage .advantage-two>.advantage-two-ico>li>.advantage-two-item>i { box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16); padding-top: 26px; color: #FFF; font-size: 42px; width: 100px; height: 100px; text-align: center; margin: 0 auto; background: #1865b0; -moz-border-radius: 50%;  -webkit-border-radius: 50%;  border-radius: 50%; }
    #advantage .advantage-two>.advantage-two-ico>li>.advantage-two-item>i:hover { box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.56); transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transition: 0.3s;}
    #advantage .advantage-two>.advantage-two-ico>li>.advantage-two-item>p { font-size: 18px; color: #FFF; font-weight: lighter; margin-top: 20px; text-align: center;}


    #advantage .advantage-three { padding: 30px 50px; background: url("../img/spot-white.png"); font-size: 14px; font-weight: lighter; -moz-box-shadow:0px 31px 29px rgba(0,0,0,0.1); -webkit-box-shadow:0px 31px 29px rgba(0,0,0,0.1); box-shadow:0px 31px 29px rgba(0,0,0,0.1);}
    #advantage .advantage-three>li { text-align: center;}
    #advantage .advantage-three>li>span { color: #313131; font-size: 22px; font-weight: lighter; margin-right: 5px; display: block; margin-bottom: 10px;}
/* /我们的优势 */


/* 贸易及物流 */
#trading { padding: 40px 0 30px 0;}
    #trading .trading { margin: 30px 0 0 0;}
    .trading .panel-heading .panel-title { font-weight: 700;}
    .trading .panel-body span { font-family: "DINPro-Medium"; color: #FFF; font-weight: 500; margin: 0 10px 15px 0; background-color: #11abe5; padding: 3px 8px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

    .trading .panel-body ul li { margin: 0 0 10px 0;}

/* /贸易及物流 */

/* 进口食品(乳制品、鲜活品等) */
#food { padding: 40px 0 30px 0; background-color: #f7f7f7;}
    #food .food { margin: 30px 0 0 0;}
    #food .food ul { }
    #food .food ul li {}
    #food .food .panel-body i { margin: 0 10px 0 0; color: #1865b0;}
/* /进口食品(乳制品、鲜活品等) */

/* 海外分公司 */
#company { padding: 40px 0 0 0;}
    .company { margin: 30px 0 0 0;}
    .company img { max-width: 100%; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}

    .company ul.lists { }
    .company ul.lists li { float: left; width: 25.000000%; position: relative; overflow: hidden; cursor: pointer;}
    .company ul.lists li .layers { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.45);}
    .company ul.lists li .texts { position: absolute; top: 50%; left: 0; margin-top: -20px; color: #FFF; text-align: center; width: 100%; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
    .company ul.lists li .texts .city { font-weight: 700; font-size: 18px; margin-bottom: 5px; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
    .company ul.lists li .texts .name { visibility: hidden; opacity: 0; line-height: 1.4;}
    .company ul.lists li:hover img { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2);}
    .company ul.lists li:hover .texts { top: 40%;}
    .company ul.lists li:hover .texts .name { visibility: visible; opacity: 1;}
/* 海外分公司 */


/* 合作伙伴 */
#partner { padding: 60px 0 30px 0; height: 338px; background: url("../img/bg-partner.jpg") top center no-repeat; }
    .partner { text-align: center; color: #7b7b7b; font-size: 20px; font-weight: bold; margin-top: 60px; line-height: 160%;}
/* /合作伙伴 */


/* 部门团队 */
#team { padding: 40px 0 30px 0;}
    #team .team { margin: 0 auto; width: 100%; text-align: center;}

/* /部门团队 */

/* 联络我们 */
#contact {
    padding: 60px 0;
}

#contact .contact-info {
    margin-bottom: 20px;
}

#contact .contact-info .titles {
    font-weight: 900; color: #000; width: 100%; border: solid 1px #efefef; padding: 5px 10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
}

#contact .contact-info .infos { margin: 15px 0 15px 10px;}


#contact .form #sendmessage {
    color: #1865b0;
    border: 1px solid #1865b0;
    display: none;
    text-align: center;
    padding: 15px;
    font-weight: 600;
    margin-bottom: 15px;
}

#contact .form #errormessage {
    color: red;
    display: none;
    border: 1px solid red;
    text-align: center;
    padding: 15px;
    font-weight: 600;
    margin-bottom: 15px;
}

#contact .form #sendmessage.show, #contact .form #errormessage.show, #contact .form .show {
    display: block;
}

#contact .form .validation {
    color: red;
    display: none;
    margin: 0 0 20px;
    font-weight: 400;
    font-size: 13px;
}

#contact .form input, #contact .form textarea {
    padding: 10px 14px;
    border-radius: 0;
    box-shadow: none;
    font-size: 15px;
}

#contact .form button[type="button"] {
    background: #1865b0;
    border: 0;
    padding: 10px 30px;
    color: #fff;
    transition: 0.4s;
    cursor: pointer;
}

#contact .form button[type="button"]:hover {
    background: #11abe5;
}


.form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.form-row > .col,
.form-row > [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}


/*在线留言*/
.container-message {
    background: #11abe5;
    background: -moz-linear-gradient(-45deg, #11abe5 0%, #005a8f 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #11abe5), color-stop(100%, #005a8f));
    background: -webkit-linear-gradient(-45deg, #11abe5 0%, #005a8f 100%);
    background: -o-linear-gradient(-45deg, #11abe5 0%, #005a8f 100%);
    background: -ms-linear-gradient(-45deg, #11abe5 0%, #005a8f 100%);
    background: linear-gradient(135deg, #11abe5 0%, #005a8f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff61b3', endColorstr='#005a8f', GradientType=1 );
}
.container-message .fh5co-heading h2 {
    color: #fff;
    margin-bottom: 20px !important;
}
.container-message .fh5co-heading p {
    color: rgba(255, 255, 255, 0.5);
}
.container-message .form-control {
    background: rgba(255, 255, 255, 0.2);
    border: none !important;
    color: #fff;
    font-size: 16px !important;
    width: 100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.container-message .form-control::-webkit-input-placeholder {
    color: #fff;
}
.container-message .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
}
.container-message .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
}
.container-message .form-control:-ms-input-placeholder {
    color: #fff;
}
.container-message .form-control:focus {
    background: rgba(255, 255, 255, 0.3);
}
.container-message .btn {
    height: 54px;
    border: none !important;
    background: #11abe5;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    padding-left: 50px;
    padding-right: 50px;
}
.container-message .form-inline .form-group {
    width: 100% !important;
    margin-bottom: 10px;
}
.container-message .form-inline .form-group .form-control {
    width: 100%;
}
.container-message .fh5co-heading {
    margin-bottom: 30px;
}
.container-message .fh5co-heading h2 {
    margin-bottom: 0;
}

/* /联络我们 */


/* 右边导航 */
#rightMenu { position: fixed; right: -150px; top: 50%; border-top: solid 1px #DDD; border-left: solid 1px #DDD; border-bottom: solid 1px #DDD; z-index: 999; background: url("../img/spot-white-opacity.png"); -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; -moz-box-shadow:0px 31px 29px rgba(0,0,0,0.1); -webkit-box-shadow:0px 31px 29px rgba(0,0,0,0.1); box-shadow:0px 31px 29px rgba(0,0,0,0.1);}
    .rightMenu>li { text-align: right; display: block; line-height: 16px; border-bottom: solid 1px #ddd; padding: 8px 15px;}
    .rightMenu>li:hover { background: #1865b0; }
    .rightMenu>li:hover a { color: #FFF;}
    .rightMenu>li:first-child:hover { -moz-border-radius:3px 0 0 0px; -webkit-border-radius:3px 0 0 0px; border-radius:3px 0 0 0px;}
    .rightMenu>li:last-child:hover { -moz-border-radius:0 0 0 3px; -webkit-border-radius:0 0 0 3px; border-radius:0 0 0 3px;}
    .rightMenu>li:first-child { padding-top: 10px;}
    .rightMenu>li:last-child { border-bottom: transparent; padding-bottom: 10px;}
    .rightMenu>li>a { color: #373737; }
    .rightMenu>li>a:hover { color: #FFF;}
    .rightMenu>li span { display: block;}
/* /右边导航 */

.greens {color: #1865b0; font-weight: 700;}

/* Supply Chain Start */
#supply-chain { padding: 50px 0; background: #f9f9f9;}
    .supply-chain { margin-top: 30px;}
    .supply-chain .intros { padding: 0 220px; margin: 30px 0 15px 0; font-size: 15px; text-align: center;}
    .supply-chain .intros img { max-width: 100%;}
    .supply-chain .intros .lefts { float: none; width: 100%; padding-right: 0; text-align: justify; margin-top: 20px;}



    .supply-chain .intros .rights { float: none; width: 100%;}

    .supply-chain .panel-heading .panel-title { font-weight: 700;}
    .supply-chain .panel-body { overflow: hidden;}
    .supply-chain .panel-body span { font-family: "DINPro-Medium"; color: #FFF; font-weight: 500; margin: 0 10px 15px 0; background-color: #11abe5; padding: 3px 8px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
    .supply-chain .panel-body ul li { margin: 0 0 10px 0;}
/* Supply Chain End */

/* Statistics Disadvantages Start */
#statistics-disadvantages { padding: 50px 0; background: url("../img/statistics-disadvantages/1.jpg") right bottom no-repeat;}
    .statistics-disadvantages { margin-top: 30px;}

    .statistics-disadvantages .panel-heading .panel-title { font-weight: 700;}
    .statistics-disadvantages .panel-body { overflow: hidden;}
    .statistics-disadvantages .panel-body span { font-family: "DINPro-Medium"; color: #FFF; font-weight: 500; margin: 0 10px 15px 0; background-color: #11abe5; padding: 3px 8px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
    .statistics-disadvantages .panel-body ul li { margin: 0 0 10px 0;}
/* Statistics Disadvantages End */

/* New Mode Start */
#new-mode { padding: 50px 0; background: #f9f9f9;}
    .new-mode { margin-top: 30px;}
    .new-mode .intros { padding: 0 220px; margin: 30px 0 30px 0; font-size: 15px;}
    .new-mode .intros img { max-width: 100%;}
    .new-mode .intros .lefts { float: left; width: 50%; padding-right: 20px;}
    .new-mode .intros .rights { float: right; width: 50%;}

    .new-mode .panel-heading .panel-title { font-weight: 700;}
    .new-mode .panel-body { min-height: 360px; overflow: hidden;}
    .new-mode .panel-body span { font-family: "DINPro-Medium"; color: #FFF; font-weight: 500; margin: 0 10px 15px 0; background-color: #11abe5; padding: 3px 8px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
    .new-mode .panel-body.two span { background-color: #1865b0;}
    .new-mode .panel-body ul li { margin: 0 0 10px 0;}
/* New Mode End */


.h-body { height: 150px;}

@media (max-width: 768px) {

    .navbar-toggle { margin-right: 0; }
    .header>.right>.nav-search>.header-menu { float: right;}

    html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
    ins,kbd,q,samp,small,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
    article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{ font-weight: normal;}

    /* Sections Header */
    .section-header h3 { font-size: 18px; color: #333; text-transform: uppercase; text-align: center; font-weight: 700; position: relative; padding-bottom: 15px;  }
    .section-header h3::before { content: ''; position: absolute; display: block; width: 120px; height: 1px; background: #ddd; bottom: 1px; left: calc(50% - 60px); }
    .section-header h3::after { content: '';  position: absolute; display: block; width: 40px; height: 3px; background: #1865b0; bottom: 0; left: calc(50% - 20px);  }
    .section-header p { text-align: center; padding-bottom: 15px; padding-top: 5px; color: #333; }

    /* Sections Header White */
    .section-header-white h3 {  font-size: 18px;  color: #FFF;  text-transform: uppercase;  text-align: center;  font-weight: 700;  position: relative;  padding-bottom: 15px;  }
    .section-header-white h3::before {  content: '';  position: absolute;  display: block;  width: 120px;  height: 1px;  background: #ddd;  bottom: 1px;  left: calc(50% - 60px);  }
    .section-header-white h3::after {  content: '';  position: absolute;  display: block;  width: 40px;  height: 3px;  background: #1865b0;  bottom: 0;  left: calc(50% - 20px);  }
    .section-header-white p {  text-align: center;  padding-bottom: 15px; padding-top: 5px; color: #F1F1F1;  }


    /* Header */
    .header>.right>.nav-search { margin-top: 4px;}
    .header>.right>.nav-search>.header-search { margin-top: 9px;}
    .search_form { top: 43px;}

    .header .navbar-default .navbar-collapse { position: absolute; right: -25px; min-width: 210px; /*background: url("../img/spot-white-opacity.png");*/ background-color: #FFF; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; -moz-box-shadow:0px 31px 29px rgba(0,0,0,0.1); -webkit-box-shadow:0px 31px 29px rgba(0,0,0,0.1); box-shadow:0px 31px 29px rgba(0,0,0,0.1);}


    /* 关于相驰 */
    #about { padding: 30px 0; }
    #about .about-intro { padding: 0px;}
    #about .about-intro .infos { width: 100.000000%; float: none; margin-top: 15px;}
    #about .about-intro .images { width: 100.000000%; float: none;}
    /* /关于相驰 */


    /* 我们的优势 */
    #advantage .advantage-two>.advantage-two-ico{ width: 100%; background:none;}
    #advantage .advantage-two>.advantage-two-ico>li { padding-bottom: 20px;}

    #advantage .advantage-three { padding: 30px 10px;}
    #advantage .advantage-three>li { margin-bottom: 20px;}
    /* /我们的优势 */

    /* 合作伙伴 */
    .partner { margin-top: 20px;}

    /* /合作伙伴 */

    /* 服务 */
    .service { margin-top: 30px; line-height: 32px;}
    /* /服务 */

    /* 进口食品(乳制品、鲜活品等) */
    #food { padding: 20px 0 30px 0;}
    #food .food { margin: 10px 0 0 0;}
    #food .food ul { }
    #food .food ul li { width: 100%; float: none; padding-right: 15px;}

    /* /进口食品(乳制品、鲜活品等) */

    /* 右边导航 */
    #rightMenu { display: none;}
    /* /右边导航 */


    /* 海外分公司 */
    #company { padding: 20px 0 30px 0;}
    #company .container { padding-left: 0px; padding-right: 0px;}
    .company { margin: 15px 0 0 0;}
    .company .items { float: none; width: 100%;}

    .portfolio-item {  display: block; position: relative;  overflow: hidden;  margin: auto auto 1rem; }
    .portfolio-item .caption {  display: flex;  height: 100%;  width: 100%;  background-color: rgba(33, 37, 41, 0.2);  position: absolute;  top: 0;  bottom: 0;  z-index: 1; }
    .portfolio-item .caption .caption-content {  color: #fff; margin-top: 20%;}
    .portfolio-item .caption .caption-content h2 { font-size: 22px; font-weight: bold;}
    .portfolio-item .caption .caption-content p {  font-size: 14px; }

    .portfolio-item .caption { -webkit-transition: -webkit-clip-path 0.25s ease-out, background-color 0.7s;  -webkit-clip-path: inset(0px);  clip-path: inset(0px); }
    .portfolio-item .caption .caption-content {  transition: opacity 0.25s;  margin-left: 3rem;  margin-right: 3rem; margin-bottom: 3rem; }
    .portfolio-item img { max-width: 100%; -webkit-transition: -webkit-clip-path 0.25s ease-out;  -webkit-clip-path: inset(-1px);  clip-path: inset(-1px); }
    .portfolio-item:hover img {  -webkit-clip-path: inset(2rem);  clip-path: inset(2rem); }
    .portfolio-item:hover .caption {  background-color: rgba(0, 0, 0, 0.5);  -webkit-clip-path: inset(2rem);  clip-path: inset(2rem); }

    .no-gutters {  margin-right: 0;  margin-left: 0;  }

    .no-gutters > .col,
    .no-gutters > [class*="col-"] {  padding-right: 0;  padding-left: 0;  }
    /* /海外分公司 */

    /* 我们的全球客户 */
    #our-global-customers { padding: 30px 0 30px 0; background: url("../img/our-global-customers.jpg") center no-repeat #18191b;}
    .our-global-customers { margin: 20px 0 0 0; color: #FFF; /*background-color: rgba(255,255,255,0.95);*/}
    .our-global-customers ul { margin: 0 0 15px 0;}
    .our-global-customers ul li { margin: 0 0 15px 0; }
    .our-global-customers ul li .lefts { float: left; width: 20%; margin: 0 0 0 0;}
    .our-global-customers ul li .lefts img { max-width: 100%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    .our-global-customers ul li .rights { float: right; width: 78%;}
    .our-global-customers ul li .rights h1 { font-size: 16px; font-weight: 500; margin: 0 0 5px 0;}

    .our-global-customers .logos { text-align: center; padding: 10px 10px 0 10px; background-color: #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    .our-global-customers .logos img { max-width: 100%;}
    /* /我们的全球客户 */


    /* 国际货代及船务服务 */
    #international { padding: 30px 0 20px 0;}
    #international .container { padding-left: 10px; padding-right: 10px;}

    #international .titles-name { border: solid 1px #efefef; color: #727272; text-align: center; font-weight: 700; font-size: 16px; display: block; margin: 30px auto 20px auto; padding: 10px 15px;  -moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px;}
    #international .titles-name i { display: none; color: #1865b0; margin: 0 10px;}

    .international-two { margin: 0 5px 30px 5px;}
    .international-two ul li { float: none; width: 100%; padding: 0 0px;}
    .international-two ul li .items { cursor: pointer; margin: 0 0 20px 0; background: #11abe5; height: auto; color: #FFF; padding: 20px 10px 20px 10px; box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; transition: 0.3s;}
    .international-two ul li .items.blue { background: #11abe5;}
    .international-two ul li .items.green { background: #0a2c69;}
    .international-two ul li .items:hover { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.65); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.65); behavior: url(ie-css3.htc); overflow: hidden;}

    .international-two ul li .items>h1 { font-family: "DINPro-Medium"; text-align: center; font-size: 42px; margin: 12px 0; font-weight: 700;}
    .international-two ul li .items>.intro { font-size: 16px; font-weight: lighter; text-align: center;}

    .international-one {  margin: 0 0 20px 0; }
    .international-one .international-one-wrap { background: #11abe5; padding: 40px 0 0 0; margin-bottom: 20px; box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; transition: 0.3s;}
    .international-one .international-one-wrap.blue { background: #11abe5;}
    .international-one .international-one-wrap.green { background: #0a2c69;}
    .international-one .international-one-wrap:hover { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.65); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.65); behavior: url(ie-css3.htc); overflow: hidden; }
    .international-one .international-one-item { position: relative; padding-left: 5px; padding-right: 5px; overflow: hidden;  }
    .international-one .international-one-item figure {  overflow: hidden; position: relative; text-align: center;}
    .international-one .international-one-item .international-one-info { color: #FFF; height: 240px; padding: 5px 10px; }
    .international-one .international-one-item .international-one-info>h1 { font-family: "DINPro-Medium"; text-align: center; font-size: 42px; margin: 0px 0; font-weight: 700;}
    .international-one .international-one-item .international-one-info>.intro { font-size: 16px; padding: 15px 0 0 0; font-weight: lighter; text-align: center;}

    /* /国际货代及船务服务 */


    /* 大事记 */
    #history { padding: 30px 0 10px 0;}
    #history .container { padding-left: 5px; padding-right: 5px;}
    .history { margin: 20px 0 0 0;}
    .history .history-item { float: none; width: 100%; padding: 0 10px; margin: 0 0 10px 0;}
    .history .history-wrap { box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08); transition: 0.3s; margin-bottom: 20px;}
    .history .history-wrap:hover {  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.5);  -moz-border-radius: 0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;}
    .history .history-item { position: relative;  overflow: hidden;  }
    .history .history-item figure { height: auto; background: #FFF;  overflow: hidden;  position: relative;  -moz-border-radius: 4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0;  margin: 0; }
    .history .history-item figure img { max-width: 100%;}
    .history .history-item figure:hover img {  opacity: 0.4;  transition: 0.3s;  }
    .history .history-item .history-info { height: auto;  background: #FFF; border-bottom:solid 3px #11abe5; padding: 10px;  border-radius: 0 0 3px 3px; }
    .history .history-item .history-info>h1 { text-align: center; font-size: 14px; margin: 12px 0 0 0; height: auto; font-weight: lighter; color: #11abe5;}
    .history .history-item .history-info>h1>span { display: block; font-size: 15px; font-weight: bold; margin-bottom: 10px;}
    .history .history-item .history-info>.intro { font-size: 14px; color: #7f7f7f; font-weight: lighter;}
    /* /大事记 */

    /* 贸易及物流 */
    #trading { padding: 20px 0 30px 0;}
    #trading .trading { margin: 10px 0 0 0;}
    .trading .panel-heading .panel-title { font-weight: 700;}
    .trading .panel-body span { font-family: "DINPro-Medium"; color: #FFF; font-weight: 500; margin: 0 10px 15px 0; background-color: #11abe5; padding: 3px 8px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

    .trading .panel-body ul li { margin: 0 0 10px 0;}
    /* /贸易及物流 */

    /* 海外分公司 */
    #company { padding: 30px 0 0 0;}
    .company { margin: 15px 0 0 0;}
    .company ul.lists li { width: 100%;}
    /* 海外分公司 */


    #supply-chain { padding: 30px 0;}
    .supply-chain .intros {padding: 0;margin: 30px 0 15px 0;}
    .supply-chain .intros .lefts { float: none; width: 100%; padding-right: 0;}
    .supply-chain .intros .rights {float: none; width: 100%;}

    #statistics-disadvantages { padding: 30px 0;}

    .new-mode .intros { padding: 0;}


    /* Our Advantage Start */
    #our-advantage { padding: 30px 0;}
    .our-advantage { margin-top: 20px;}
    .our-advantage ul li { margin-right: 0; width: 100%; height: auto; margin-bottom: 15px;}
    /* Our Advantage End */

    /* Vietnam Service Start */
    #vietnam-service { padding: 30px 0;}
    .vietnam-service { margin-top: 20px;}
    .vietnam-service ul li { float: none; margin-right: 0; width: 100.000000%; height: auto;}
    /* Vietnam Service End */

    /* Thailand Service Start */
    #thailand-service { padding: 30px 0;}
    .thailand-service { margin-top: 20px;}
    .thailand-service ul li { float: none; margin-right: 0; width: 100.000000%; height: auto; margin-bottom: 15px;}
    .thailand-service ul li:last-child { margin-bottom: 0;}
    /* Thailand Service End */


    /* Develop Vietnam Market Start */
    #develop-vietnam-market { padding: 30px 0; }
    .develop-vietnam-market { margin-top: 20px;}
    /* Develop Vietnam Market End */

    /* List Vietnam Service Start */
    ul.list-vietnam-service li { float: none; margin-bottom: 15px;}
    ul.list-vietnam-service li:last-child { margin-bottom: 0;}
    ul.list-vietnam-service.one li:nth-child(1) { width: 100.000000%; margin-right: 0;}
    ul.list-vietnam-service.one li:nth-child(2) { width: 100.000000%;}

    ul.list-vietnam-service.two { margin-top: 20px;}


    ul.list-vietnam-service li .contents.one .floats { float: none; margin-right: 0.000000%; width: 100.000000%; margin-bottom: 15px;}
    ul.list-vietnam-service li .contents.one .floats:nth-child(2n) { margin-right: 0;}
    ul.list-vietnam-service li .contents.one .floats:nth-child(2) .market-info .intros { margin-top: 20px;}

    ul.list-vietnam-service li .contents.two .floats { float: none; margin-right: 0.000000%; width: 100.000000%; margin-bottom: 15px;}
    ul.list-vietnam-service li .contents.two .floats:nth-child(4n) { margin-right: 0;}

    ul.list-vietnam-service.one .market-info { height: auto;}

    ul.list-vietnam-service.two .market-info { height: auto;}
    /* List Vietnam Service End */


    /* Img Vietnam Service Start */
    ul.img-vietnam-service.one li { margin-right: 2.000000%; width: 49.000000%; margin-bottom: 15px;}
    ul.img-vietnam-service.one li:nth-child(2n) { margin-right: 0;}

    ul.img-vietnam-service.two li { margin-right: 2.000000%; width: 49.000000%; margin-bottom: 15px;}
    ul.img-vietnam-service.two li:nth-child(2n) { margin-right: 0;}

    ul.img-vietnam-service li:hover img { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2);}
    /* Img Vietnam Service Start */



}

@media (min-width: 992px) {
    /* Header */
    .header>.right>.nav-search>.header-menu { float: left;}


    .header-menu .navbar-default .navbar-nav > li > a {
        color: #333;
        padding: 0 5px 6px 5px;
        font-size: 14px;
        font-weight: lighter;
        text-align: center;
    }
    .header-menu .navbar-default .navbar-nav > li > a > span { display: block; text-align: center; line-height: 16px;}
    .header-menu .navbar-default .navbar-nav > li > a > label { display: block; text-transform: uppercase; letter-spacing: -0.5px; font-size: 12px; line-height: 18px; text-align: center;}


    /* 关于相驰 */
    #about { padding: 30px 0 50px 0; }
    #about .about-intro { padding: 0 0px;}
    #about .about-intro img { float: right; margin-left: 36px; max-width: 100%; margin-top: 6px;}
    /* /关于相驰 */

    /* 大事记 */
    #history .history-item figure { height: 90px; background: #000;  overflow: hidden;  position: relative;  border-radius: 4px 4px 0 0;  margin: 0; }
    #history .history-item .history-info { height: 232px;  background: #FFF; border-bottom:solid 3px #11abe5; padding: 10px;  border-radius: 0 0 3px 3px; }

    /* /大事记 */

    /* 我们的全球客户 */
    #our-global-customers { padding: 40px 0 40px 0; background: url("../img/our-global-customers.jpg") center no-repeat #18191b;}
    .our-global-customers { margin: 30px 0 0 0; color: #FFF; /*background-color: rgba(255,255,255,0.95);*/}
    .our-global-customers ul { margin: 0 0 15px 0;}
    .our-global-customers ul li { margin: 0 0 15px 0; height: 94px;}
    .our-global-customers ul li .lefts { float: left; width: 16%; margin: 0 0 0 0;}
    .our-global-customers ul li:last-child .lefts { width:8%;}
    .our-global-customers ul li .lefts img { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    .our-global-customers ul li .rights { float: right; width: 82%;}

    .our-global-customers ul li:last-child .rights { float: right; width: 91%;}

    /*.our-global-customers ul li:last-child .rights { width:91%; }*/
    .our-global-customers ul li .rights h1 { font-size: 16px; font-weight: 500; margin: 0 0 5px 0;}

    .our-global-customers .logos { text-align: center; padding: 15px 0 10px 0; background-color: #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    .our-global-customers .logos img { max-width: 100%;}
    /* /我们的全球客户 */


    /* 我们的优势 */
    #advantage .advantage-two>h1 { text-align: center; color: #FFF; font-size: 16px;}
    #advantage .advantage-two>.advantage-two-ico{ width: 100%; background: url("../img/spot-red-790.png")  center 50px no-repeat;}
    /* /我们的优势 */

    #international .titles-name { border: solid 1px #efefef; color: #727272; font-weight: 700; font-size: 18px; display: table; margin: 30px auto 20px auto; padding: 20px 15px;  -moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px;}
    #international .titles-name i { color: #1865b0; margin: 0 10px;}

    .international-two { margin: 0 5px 30px 5px;}
    .international-two ul li { float: left; width: 20%; padding: 0 10px;}
    .international-two ul li .items { cursor: pointer; background: #11abe5; height: 300px; color: #FFF; padding: 30px 10px 0 10px; box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; transition: 0.3s;}
    .international-two ul li .items.blue { background: #11abe5;}
    .international-two ul li .items.green { background: #1865b0;}
    .international-two ul li .items:hover { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.65); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.65); behavior: url(ie-css3.htc); overflow: hidden;}

    .international-two ul li .items>h1 { font-family: "DINPro-Medium"; text-align: center; font-size: 42px; margin: 12px 0; font-weight: 700;}
    .international-two ul li .items>.intro { font-weight: lighter; text-align: center;}

    /* Supply Chain Start */
    .supply-chain .intros { padding: 0 100px;}
    /* Supply Chain End */

    /* New Mode Start */

    .new-mode .intros { padding: 0 60px;}
    .new-mode .panel-body { min-height: 430px;}
    /* New Mode End */

    .ah-body { height: 250px;}

    .ab-body { height: 220px;}

    .history .history-item .history-info>h1 { height: 92px;}
    .history .history-item { width: 25.000000%;}
}

@media (min-width: 1200px) {
    /* Header */
    .header-menu .navbar-default .navbar-nav > li > a {
        color: #333;
        padding: 0 12px 6px 12px;
        font-size: 16px;
        font-weight: lighter;
        text-align: center;
    }

    /* 关于相驰 */
    #about { padding: 30px 0 50px 0; }
    #about .about-intro { padding: 0 136px;}
    #about .about-intro img { float: right; margin-left: 36px; max-width: 100%; margin-top: 6px;}
    /* /关于相驰 */

    /* 大事记 */
    #history .history-item figure { height: auto; background: #000;  overflow: hidden;  position: relative;  border-radius: 4px 4px 0 0;  margin: 0; }
    #history .history-item .history-info { height: 292px;  background: #FFF; border-bottom:solid 3px #1865b0; padding: 10px;  border-radius: 0 0 3px 3px; }

    /* /大事记 */

    #international .titles-name { border: solid 1px #efefef; color: #727272; font-weight: 700; font-size: 18px; display: table; margin: 30px auto 20px auto; padding: 20px 15px;  -moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px;}
    #international .titles-name i { color: #1865b0; margin: 0 10px;}

    .international-two { margin: 0 5px 30px 5px;}
    .international-two ul li { float: left; width: 20%; padding: 0 10px;}
    .international-two ul li .items { height: 260px;}
    .international-two ul li .items.blue { background: #11abe5;}
    .international-two ul li .items.green { background: #1865b0;}
    .international-two ul li .items:hover { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.65); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.65); behavior: url(ie-css3.htc); overflow: hidden;}

    .international-two ul li .items>h1 { font-family: "DINPro-Medium"; text-align: center; font-size: 42px; margin: 12px 0; font-weight: 700;}
    .international-two ul li .items>.intro { font-weight: lighter; text-align: center;}

    /* Our Advantage Start */
    .our-advantage ul li { height: 528px;}
    /* Our Advantage End */

    .vietnam-service ul li { height: 230px;}

    .thailand-service ul li { height: 420px;}

    .international-one .international-one-item .international-one-info { height: 320px;}

    ul.list-vietnam-service.one .market-info { height: 398px;}
    ul.list-vietnam-service.two .market-info { height: 318px;}
}

@media (min-width: 1366px) {
    /* Header */
    .header-menu .navbar-default .navbar-nav > li > a {
        color: #333;
        padding: 0 12px 6px 12px;
        font-size: 16px;
        font-weight: lighter;
        text-align: center;
    }

    /* 关于相驰 */
    #about { padding: 30px 0 50px 0; }
    #about .about-intro { padding: 0 102px;}
    #about .about-intro img { float: right; margin-left: 36px; max-width: 100%; margin-top: 6px;}
    /* /关于相驰 */

    /* 服务 */
    #service { padding: 40px 0 30px 0; height: 438px; background: url("../img/bg-service.jpg") top center no-repeat;}
    .service { text-align: center; color: #FFF; font-size: 28px; line-height: 32px; font-weight: lighter; margin-top: 80px;}
    .service>i { margin: 0 10px; font-weight: lighter;}
    /* /服务 */

    #international .titles-name { border: solid 1px #efefef; color: #727272; font-weight: 700; font-size: 18px; display: table; margin: 30px auto 20px auto; padding: 20px 15px;  -moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px;}
    #international .titles-name i { color: #1865b0; margin: 0 10px;}

    .international-two { margin: 0 5px 30px 5px;}
    .international-two ul li { float: left; width: 20%; padding: 0 10px;}
    .international-two ul li .items.blue { background: #11abe5;}
    .international-two ul li .items.green { background: #1865b0;}
    .international-two ul li .items:hover { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.65); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.65); behavior: url(ie-css3.htc); overflow: hidden;}

    .international-two ul li .items>h1 { font-family: "DINPro-Medium"; text-align: center; font-size: 42px; margin: 12px 0; font-weight: 700;}
    .international-two ul li .items>.intro { font-weight: lighter; text-align: center;}


    .supply-chain .intros { padding: 0 132px;}

    .supply-chain .panel-body { min-height: 160px;}

    .new-mode .panel-body { min-height: 436px;}


    /* Our Advantage Start */
    .our-advantage ul li { height: 528px;}
    /* Our Advantage End */

    .vietnam-service ul li { height: 210px;}
}

@media (min-width: 1440px) {
    /* Our Advantage Start */
    .our-advantage ul li { height: 458px;}
    /* Our Advantage End */

    .vietnam-service ul li { height: 200px;}
}

@media (min-width: 1500px) {
    /* Our Advantage Start */
    .our-advantage ul li { height: 438px;}
    /* Our Advantage End */

    .vietnam-service ul li { height: 200px;}

    .thailand-service ul li { height: 360px;}

    .history .history-item { width: 20.000000%;}
}

@media (min-width: 1680px) {

    #about .about-intro { padding: 0 190px;}
    .supply-chain .panel-body { min-height: 130px;}
    .new-mode .panel-body { min-height: 426px;}

    /* Our Advantage Start */
    .our-advantage ul li { height: 428px;}
    /* Our Advantage End */

    .vietnam-service ul li { height: 180px;}
}

@media (min-width: 1920px) {
    /* Header */
    .header-menu .navbar-default .navbar-nav > li > a {
        color: #333;
        padding: 6px 15px 6px 15px;
        font-size: 15px;
        font-weight: 700;
        text-align: center;
    }

    /* 关于相驰 */
    #about { padding: 50px 0; }
    #about .about-intro { padding: 0 200px;}
    #about .about-intro img { float: right; margin-left: 36px; max-width: 100%; margin-top: 6px;}
    /* /关于相驰 */

    /* 我们的优势 */
    #advantage .advantage-two>h1 { text-align: center; color: #FFF; font-size: 16px;}
    #advantage .advantage-two>.advantage-two-ico{ width: 100%; background: url("../img/spot-red.png")  center 50px no-repeat;}
    /* /我们的优势 */

    /* 大事记 */
    #history .history-item figure { height: auto; background: #FFF;  overflow: hidden;  position: relative;  border-radius: 4px 4px 0 0;  margin: 0; }
    #history .history-item .history-info { height: 292px;  background: #FFF; border-bottom:solid 3px #1865b0; padding: 10px;  border-radius: 0 0 3px 3px; }
    /* /大事记 */

    #international .titles-name { border: solid 1px #efefef; color: #727272; font-weight: 700; font-size: 18px; display: table; margin: 30px auto 20px auto; padding: 20px 15px;  -moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px;}
    #international .titles-name i { color: #1865b0; margin: 0 10px;}

    .international-two { margin: 0 5px 30px 5px;}
    .international-two ul li { float: left; width: 20%; padding: 0 10px;}
    .international-two ul li .items { cursor: pointer; background: #11abe5; height: 230px; color: #FFF; padding: 30px 10px 0 10px; box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; transition: 0.3s;}
    .international-two ul li .items.blue { background: #11abe5;}
    .international-two ul li .items.green { background: #1865b0;}
    .international-two ul li .items:hover { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.65); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.65); behavior: url(ie-css3.htc); overflow: hidden;}

    .international-two ul li .items>h1 { font-family: "DINPro-Medium"; text-align: center; font-size: 42px; margin: 12px 0; font-weight: 700;}
    .international-two ul li .items>.intro { font-weight: lighter; text-align: center;}

    /* Our Advantage Start */
    .our-advantage ul li { height: 418px;}
    /* Our Advantage End */
}