@charset "utf-8";
@media (min-width: 768px) {
    body{font-size: 13px; padding-top: 100px;}
    .tw-h1{font-size: 24px; color: #333;}
    .tw-h2{font-size: 20px; color: #333;}
    .tw-h3{font-size: 18px; color: #333;}
    .tw-h4{font-size: 13px; color: #333;}

    .tw-h2 a{color: #333;}
    .tw-h3 a{color: #333;}

    .p1{line-height: 24px;}

    /*缩略图1*/
    .tw-thumbnail{border: 1px solid #eee;}
    .tw-thumbnail:hover{box-shadow: 0 0 25px rgba(0,0,0,.1);}
    .tw-thumbnail .common{padding: 30px 20px 40px; background-color: #fff;}
    .tw-thumbnail .p-ellipses{margin-top: 20px;}
    .tw-thumbnail .thumbnail-btn{margin-top: 25px;}
    .tw-thumbnail .thumbnail-btn .gh-btn{float: left; width: 35%; margin-left: 13%;}
    .tw-thumbnail .thumbnail-btn .gh-btn:last-of-type{float: right; margin-left: 0; margin-right: 13%;}

    /*缩略图2*/
    .tw-thumbnail-other{background-color: #fff; border: 1px solid #eee;}
    .tw-thumbnail-other:hover{box-shadow: 0 0 25px rgba(0,0,0,.1);}
    .tw-thumbnail-other .top-img{position: relative;}
    .tw-thumbnail-other .top-img>a:first-of-type{height: 218px; display: block; overflow: hidden;}
    /*.tw-thumbnail-other .top-img img{height: 100%; width: 100%;}*/
    .tw-thumbnail-other .top-img .tit{position: absolute; left: 0; bottom: 0; height: 50px; line-height: 50px; background-color: rgba(0,0,0,.5); padding-left: 20px;}
    .tw-thumbnail-other .top-img .tit a{color: #fff;}

    .tw-thumbnail-other .con{padding: 15px 20px 20px;}
    .tw-thumbnail-other .con .p1{padding-bottom: 15px; border-bottom: 1px solid #eee;}
    .tw-thumbnail-other .con .p-ellipses{height: 44px; line-height: 22px; font-size: 12px; color: #999;}
    .tw-thumbnail-other .con dl{margin-top: 15px;}
    .tw-thumbnail-other .con dl dd a{color: #666; line-height: 24px;}

    .interpret{text-align: center; margin-top: 8px;}
    .cut-off-line{margin: 10px auto 0; width: 35px; height: 4px; background-color: #67c23a; border-radius: 10px;}

    .left-line{display: inline-block; background-color: #67c23a; width: 4px; height: 18px; border-radius: 4px; position: relative; top: 3px; margin-right: 10px;}

    /*-----index-----*/
    /*nav*/
    .nav-wrap{position: fixed; left: 0; top: 0; background-color: #fff; width: 100%; z-index: 999; border-bottom: 1px solid #eee;}
    nav{position: relative;}
    nav .logo{display: block;position: absolute;bottom:50%;}
    nav .logo img{width: 100px;position: absolute;top:50%;transform: translateY(-50%);}
    .tw-nav-wrap{float: right; margin-right: 2%}
    .tw-nav li{float: left; color: #333; font-size: 16px; position: relative; /*transition: all 500ms;*/ padding: 48px 15px 0;}
    .tw-nav li .line{height: 4px; background-color: #67c23a; width: 0; transition: all 500ms; position: absolute; left: 0; bottom: -1px;}
    .tw-nav li .icon-arrow-bottom{float: left; margin-left: 10px;}
    .tw-nav li:hover{color: #67c23a;}
    .tw-nav li:hover .line{width: 100%;}
    .tw-nav li:hover .icon-arrow-bottom{color: #67c23a;}
    .tw-nav li.active{color: #67c23a;}
    .tw-nav li.active>a{color: #67c23a; position: relative;}
    .tw-nav li.active .line{width: 100%;}
    .tw-nav li>a{color: #333; margin: 0; display: block; float: left; position: relative; padding-bottom: 30px; font-weight: 600;}
    .tw-nav li:hover>a{color: #67c23a;}
    .tw-nav li dl{position: absolute; top: 80px; left: 42%; padding: 0; background-color: #fff; z-index: 2; transform: translateX(-50%); -webkit-transform: translateX(-50%); display: none;}
    .tw-nav li dl a{line-height: 36px; display: block; width: 140px; text-align: center; font-size: 13px; color: #333}
    .tw-nav li dl a:hover{background-color: #f6f6f6;}

    .nav-login{margin-top: 48px; margin-right: 80px;}
    .nav-login a{color: #666; font-size: 14px; display: block; float: left;}
    .nav-login span{height: 18px; float: left; border-left: 1px solid #ddd; margin: 0 20px; position: relative; top: 1px;}
    .nav-login a:hover{color: #67c23a;}

    .after-logging-in{margin-right: 80px; margin-top: 49px;}
    .after-logging-in .text{color: #666; margin-left: 5px; font-size: 14px;}
    .after-logging-in .icon-touxiang1{font-size: 20px; color: #666; position: relative; top: -4px;}
    .after-logging-in:hover .text{color: #67c23a;}
    .after-logging-in:hover .icon-touxiang1{color: #67c23a;}


    .language{position: absolute; top: 44px; right: 0; margin-left: 30px;}
    .language li a{display: block; font-size: 14px; color: #666;}
    .language li a span{font-size: 20px; margin-right: 5px; position: relative; top: 1px;}
    .language li a:hover{color: #67c23a;}
    /*/nav*/

    /*banner*/
    /*自定义swiper分页按钮*/
    .index-banner .swiper-container{width: 100%; height: 100%;}
    .index-banner .swiper-slide{overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 100%;}

    .index-banner .swiper-slide a{display: block; height: 650px; width: 100%;}

    .index-banner .swiper-pagination-bullet{width: 10px; height: 10px; display: inline-block; border-radius: 100%; background: #fff; opacity: 1;}
    .index-banner .swiper-pagination-bullet-active{opacity: 1; background: #67c23a;}
    .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 100px;}
    .index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 3px;}

    .index-banner .swiper-button-next,.index-banner .swiper-button-prev{position:absolute; left: 20px; right: auto; top: 50%; margin-top: -32px; background-image: none; background-color: #fff; width: 40px; height: 40px; border-radius: 50%;}
    .index-banner .swiper-button-next{right: 20px; left: auto;}
    .index-banner .swiper-button-next,.index-banner .swiper-button-prev{display: none;}
    .index-banner .swiper-container .iconfont{font-size: 24px; position: relative; top: 3px; left: 8px;}
    .index-banner .swiper-container .icon-arrow-right{left: 9px;}
    .index-banner:hover .swiper-button-next,.index-banner:hover .swiper-button-prev{display: block;}
    /*/banner*/

    /*数据滚动*/
    .index-data-wrap{position: relative; width: 100%;}
    .index-data{background-color: #fff; box-shadow:0 0 40px rgba(0, 0, 0, .2); padding: 40px 0; position: absolute; top: -90px; z-index: 2; width: 100%;}
    .index-data li{float: left; width: 25%; text-align: center;}
    .index-data li .num{color: #333; font-family: Helvetica; font-size: 58px; position: relative;}
    .index-data li .refer{position: relative; display: inline-block;}
    .index-data li .refer .right-corner{color: #999; font-family: "Microsoft YaHei"; font-size: 13px; position: absolute; right: -10px; top: -60px;}
    /*/数据滚动*/

    /*我们能为您做的*/
    .we-can{margin-top: 100px; padding: 60px 0 45px;}
    .we-can .con-wrap{margin-top: 45px;}
    .we-can .con{border: 1px solid #eee;}
    .we-can .con .common{padding: 20px 20px 30px;}
    .we-can .con .common .p-ellipses{color: #666; margin-top: 15px;}
    .we-can .con .common .view-details{margin: 15px auto 0; display: block; width: 110px;}

    .we-can .con:hover{box-shadow: 0 0 25px rgba(0,0,0,.1);}
    .we-can .con:hover .common .more{background-color: #67c23a; color: #fff;}

    .we-can .con-wrap .swiper-container{padding-bottom: 15px;}
    .we-can .con-wrap .swiper-slide{width: 25%;}
    .we-can .con-wrap .swiper-slide .col-sm-3{width: 100%;}
    /*/我们能为您做的*/

    /*关于我们*/
    .about-us-wrap{/*height: 550px;*/ background: url("/assets/site-kmc/img/bg-1.jpg") no-repeat center top; padding-top: 90px;}
    .about-us .con{padding-bottom: 50px;}
    .about-us .con .tw-h3{color: #fff;}
    .about-us .con img{margin: 0 auto;}
    .about-us .con .common{padding: 25px 20px 40px; text-align: center;}
    .about-us .con .common .p-ellipses{color: #fff; margin-top: 10px; height: 96px; word-break: normal;}

    .about-us .introduce{background-color: #fff; box-shadow:0 0 40px rgba(0, 0, 0, .2);}
    .about-us .introduce .left{background: url("/assets/site-kmc/img/img-21.jpg") no-repeat center; width: 28%; height: 335px; background-size: cover; float: left;}
    .about-us .introduce .right{text-align: left; width: 72%; float: left; padding: 50px;}
    .about-us .introduce .right .tw-h1 span{text-align: left; color: #999; font-size: 13px; font-family: Helvetica; margin-left: 10px;}


    .about-us .introduce .p-ellipses{line-height: 24px; margin-top: 25px; height: 168px;}
    /*/关于我们*/

    /*他们都选择了我们*/
    .chose-us{padding: 60px 0;}
    .chose-us .our-partners{margin-top: 40px;}
    /*/他们都选择了我们*/

    /*美仓学院*/
    .college-wrap{background-color: #f7f7f7;}
    .college{padding: 60px 0;}

    .college .con-wrap{margin-top: 45px;}
    .college .con .common{padding: 25px 15px; background-color: #fff;}
    .college .con .common .p-ellipses{color: #999; margin-top: 15px; height: 48px;}
    .college .con:hover{box-shadow: 0 0 25px rgba(0,0,0,.1);}
    /*/美仓学院*/

    /*新闻动态*/
    .index-news{padding: 60px 0;}
    .index-news .con-wrap{margin-top: 45px;}
    .index-news .left{border: 1px solid #eee;}
    .index-news .left h4{font-size: 16px;}
    .index-news .left h4 a{color: #333;}
    .index-news .left .text{padding: 20px;}
    .index-news .left .p1{margin-top: 8px;}
    .index-news .left .p1 a{color: #999;}

    .index-news .right{position: relative; top: -20px;}
    .index-news .right table{border-collapse: separate; border-spacing: 0 20px; width: 100%;}
    .index-news .right table tr{border: 1px solid #eee;}
    .index-news .right table tr:hover{background-color: #67c23a; color: #fff; box-shadow: 0 0 25px rgba(0,0,0,.1);}
    .index-news .right table tr:hover td .news-tit a,.index-news .right table tr:hover td .p1{color: #fff;}

    .index-news .right table tr td{border: 1px solid #eee;}
    .index-news .right table tr td:first-of-type{width: 80px; text-align: center; border-right: none;}
    .index-news .right table tr td:last-of-type{padding-left: 15px; border-left: none;}
    .index-news .right table tr td .year{border-bottom: 1px solid #ccc; display: inline-block; padding: 0px 0; font-size: 18px;}
    .index-news .right table tr:hover td .year{border-color: #fff;}
    .index-news .right table tr td .month{padding-top: 3px;}
    .index-news .right table tr td .news-tit,.index-news .right table tr td .p1{padding-top: 5px;}

    .index-news .right table h4 a{font-size: 16px; color: #333;}
    .index-news .more{display: block; width: 110px; margin: 15px auto 0;}
    .index-news .more:hover{background-color: #67c23a; color: #fff;}

    .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;}
    /*/新闻动态*/


    /** 渠道分销 **/
    .channel-sell-banner-proxy{background: url("/assets/site-kmc/img/banner-sell-proxy.jpg") no-repeat center; height: 450px;}
    .channel-sell-banner-product{background: url("/assets/site-kmc/img/banner-sell-product.jpg") no-repeat center; height: 450px;}
    /** 渠道分销 **/


    /*footer*/
    footer{background-color: #26324a; padding: 50px 0 30px;}
    footer hr{color: #fff; opacity: .1; margin-top: 50px;}

    .footer-nav .left .qr-code{margin-top: 20px; text-align: center;}
    .footer-nav .left .qr-code .code-left img{width: 66px;}
    .footer-nav .left .qr-code .code-right{margin-left: 5px;}
    .footer-nav .left .qr-code .text{margin-top: 5px; font-size: 12px;}
    .footer-nav .right li{float: left; margin-left: 60px;}
    .footer-nav .right li:first-of-type{margin-left: 0;}
    .footer-nav .right li dl dt{font-size: 18px; color: #fff; margin-bottom: 10px;}
    .footer-nav .right li dl dd a{color: #fff; opacity: .5; line-height: 28px;}
    .footer-nav .right li dl dd .icon-kefu{font-size: 30px; position: relative; top: 5px; margin-right: 5px;}

    .footer-nav .right li:last-of-type dl dd{color: #fff; line-height: 28px;}
    .footer-nav .right li:last-of-type dl dd:last-of-type{line-height: 20px;}
    .footer-nav .right li:last-of-type dl dd a{color: #fff; line-height: 28px; opacity: 1;}

    .footer{position: relative;}
    .footer .links{width: 190px; height: 36px; padding: 0 10px; line-height: 36px; position: absolute; left: 0; top: 35px;  border: 1px solid rgba(255,255,255,.1); z-index: 1; cursor: pointer;}
    .footer .links ul{position: absolute; bottom: 34px; left: -1px; border: 1px solid rgba(255,255,255,.1); width: 190px; background-color: #26324a; padding: 5px 0; display: none;}
    .footer .links ul li a{color: #fff; display: block; line-height: 28px; padding: 0 10px;}
    .footer .links ul li a:hover{background-color: #3399ff;}
    .footer .links:after{clear: both;}
    .footer .copy-right{text-align: center; color: #fff; opacity: .5; margin-top: 35px; line-height: 36px;}
    /*/footer*/

    /*右侧悬浮*/
    .fixed-right{position: fixed; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 999; height: 312px;}
    .fixed-right .fixed-bg{position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-color: #67c23a;}
    .fixed-right li{color: #fff; position: relative; cursor: pointer; text-align: center; padding: 7px 2px;}

    .fixed-right li .wechat-img{position: absolute; top: 0; right: 100%; transform: translateX(300%); -webkit-transform: translateX(300%); transition: all 500ms; z-index: -1;}

    .fixed-right li .text{font-size: 12px; transform: scale(.9); -webkit-transform: scale(.9); margin-top: 3px;}
    .fixed-right li .icon-zuojiantou{position: absolute; top: 0; right: calc(100% - 3px); top: 50%; transform: translateY(-50%);  -webkit-transform: translateY(-50%); color: #c1052c; transition: all 500ms; opacity: 0;}

    .fixed-right li .service-hotline{position: absolute; top: 50%; right: 100%; padding: 10px 15px; background-color: #c1052c; transform: translate(300%, -50%); -webkit-transform: translate(300%, -50%); transition: all 500ms; z-index: -1;}
    .fixed-right li .service-hotline input{height: 30px; border: 1px solid #fff; background-color: #fff; color: #666; padding-left: 5px;}
    .fixed-right li .service-hotline .call{background-color: #556583; padding: 3px 0; margin-top: 6px; display: block;}
    .fixed-right li a{color: #fff;}

    .fixed-right li .qq-num{position: absolute; top: 50%; right: 100%; padding: 10px 15px; background-color: #ede6e7; color: #67c23a; transform: translate(300%, -50%); -webkit-transform: translate(300%, -50%); transition: all 500ms; z-index: -1; white-space: nowrap; font-size: 24px; font-family: Helvetica;}

    .fixed-right li:hover{background-color: #c1052c;}
    .fixed-right li:hover .icon-zuojiantou{opacity: 1;}
    .fixed-right li:hover .wechat-img{transform: translateX(0); -webkit-transform: translateX(0);}
    .fixed-right li:hover .service-hotline{transform: translate(0, -50%); -webkit-transform: translate(0, -50%);}
    .fixed-right li:hover .qq-num{transform: translate(0, -50%); -webkit-transform: translate(0, -50%);}
    .fixed-right li:hover .icon-wechat{background-position: -183px -34px;}
    .fixed-right li:hover .icon-tel{background-position: -88px -33px;}
    .fixed-right li:hover .icon-customer{background-position: -121px -33px;}
    .fixed-right li:hover .icon-qq{background-position: -152px -33px;}

    .fixed-right .go-top{padding: 18px 2px;}
    /*/右侧悬浮*/
    /*-----/index-----*/

    /*-----注册-----*/
    .sign-in-wrap{position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; background: url("/assets/site-kmc/img/sign-bg.jpg") no-repeat center; min-height: 830px;}
    .sign-in{position: absolute; left: 50%; top: 100px; width: 420px; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0);}

    .login .error-tips{background: #ffebeb; border: 1px solid #faccc6; padding-left: 10px; color: #67c23a; margin-top: 15px; line-height: 28px; display: none;}
    .login .error-tips .icon-form-error{font-size: 20px; position: relative; top: 2px;}

    .sign-in .error-tips{background: #ffebeb; border: 1px solid #faccc6; padding-left: 10px; color: #67c23a; margin-top: 15px; line-height: 28px; display: none;}
    .sign-in .error-tips .icon-form-error{font-size: 20px; position: relative; top: 2px;}

    .sign-in .gh-form-group{position: relative;}
    .sign-in .gh-form-group label{position: absolute; left: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
    .sign-in .gh-form-group input[type='text'],.sign-in .gh-form-group input[type='password']{padding-left: 45px; }

    .sign-in .input-short{width: 60%;}
    .sign-in .verification-img{width: 115px; height: 40px; overflow: hidden; position: absolute; right: 0; top: 0;}
    .sign-in .verification-img img{width: 115px; height: 40px;}

    .sign-in .message{width: 115px; height: 40px; overflow: hidden; position: absolute; right: 0; top: 0;}
    .sign-in .iconfont{font-size: 20px;}

    .sign-in .checkbox-wrap{font-size: 12px;}
    .sign-in .checkbox-wrap a{color: #67c23a;}
    .sign-in input[type=checkbox]{top: 2px; position: relative; margin-right: 5px;}
    .sign-in .sign-btn{width: 100%; height: 40px; margin-top: 25px; font-size: 14px;}

    .sign-top .tit{font-size: 18px; color: #fff; border-left: 1px solid rgba(255,255,255,.5); padding-left: 10px; margin: 23px 0 0 10px;}

    .sign-con{background-color: #fff; border-radius: 10px; padding: 45px; margin-top: 50px;}
    .sign-con .tab li{float: left; width: 50%; text-align: center; font-size: 20px; color: #333; padding-bottom: 10px; border-bottom: 2px solid #ddd; cursor: pointer;}
    .sign-con .tab li input[type=radio]{display: none;}
    .sign-con .tab li.active{color: #67c23a; border-color: #67c23a;}

    .sign-con .tab-con{padding-top: 20px;}
    .sign-con .tab-con>div{display: none;}
    .sign-con .sign-bottom{margin-top: 10px;}
    .sign-con .sign-bottom a{color: #67c23a;}
    /*-----/注册-----*/

    /*-----登录-----*/
    .login-wrap{background-image: url("/assets/site-kmc/img/login-bg.jpg"); min-height: 660px;}
    .login{background-color: #fff; border-radius: 10px; padding: 45px; margin-top: 50px;}
    .login .top .link-sign a{color: #67c23a;}

    .login .con{margin-top: 15px;}
    .login .con .forget{font-size: 12px;}
    .login .con .forget a{line-height: 24px;}

    .login .login-btn{width: 100%; height: 40px; margin-top: 25px; font-size: 14px;}

    .elss{position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width:18px; height:12px; background: url("/assets/site-kmc/img/icon_eye.png") -7px -10px; cursor: pointer;}
    /*-----/登录-----*/


    /*找回密码*/
    .login .retrieve-password .input-short{width: 37%; padding-left: 0 !important; padding-right: 0; text-align: center;}
    /*/找回密码*/

    /*-----联系我们-----*/
    .about-us-map{background: url("/assets/site-kmc/img/map.jpg") no-repeat center; height:450px;background-size: cover;}
    .contact-us{padding: 60px 0;}
    .contact-us .con-wrap{width: 980px; margin: 40px auto 0;}
    .contact-us .con{margin-bottom: 30px;}
    .contact-us .con .tit{color: #666; font-size: 16px; margin-bottom: 10px; font-weight: bold;}
    .contact-us .con .tit .iconfont{font-size: 20px; color: #67c23a; margin-right: 8px; position: relative; top: -1px;}
    .contact-us .con dl{padding-left: 28px;}
    .contact-us .con dl dd{line-height: 24px;}
    .contact-us .con dl dd{line-height: 24px;}
    .contact-us .con dl dd .left{float: left; width: 65px; clear: none;}
    .contact-us .con dl dd .right{margin-left: 70px; display: block;}
    /*-----/联系我们-----*/

    /*-----美仓介绍-----*/
    .about-us-introduced{background: url("/assets/site-kmc/img/about-1.jpg") no-repeat center; height:450px;}

    .left-text-right-figure .left-text{width: 85%; margin-top: 20px;}
    .left-text-right-figure-wrap .left-text-right-figure:nth-child(even) .left-text{float: right;}
    .left-text-right-figure .left-text .cut-off-line{margin-left: 0;}
    .left-text-right-figure .p1{line-height: 28px; color: #666; margin: 10px 0 50px;}
    .left-text-right-figure .right-figure{padding: 0 40px 40px 0; overflow: hidden;}
    .left-text-right-figure .right-figure img{box-shadow: 60px 60px 0 20px #f7f7f7;}
    /*.left-text-right-figure .right-figure .bg-absolute{position: absolute; width: 100%; left: 40px; top: 40px; z-index: 1; background-color: #f7f7f7;}*/
    .bg-f7 .left-text-right-figure .right-figure img{box-shadow: 60px 60px 0 20px #fff;}

    .warehouse-interconnection .left-text-right-figure-wrap{margin-top: 40px;}
    .warehouse-interconnection .left-text-right-figure-wrap .left-text-right-figure{margin-bottom: 110px;}
    .warehouse-interconnection .left-text-right-figure-wrap .left-text-right-figure:last-of-type{margin-bottom: 0;}
    /*-----/美仓介绍-----*/

    /*-----招贤纳士-----*/
    .join-us .con-wrap{margin-top: 40px;}

    .join-us .left-text-right-figure{margin-bottom: 0;}

    .join-us .left-text .p-introduced{line-height: 24px; margin-top: 15px; color: #333;}
    .join-us .left-text .p-introduced:last-of-type{margin-top: 30px; color: #999;}
    /*.contact-us .left-text .p-introduced{line-height: 28px; margin-top: 15px;}*/

    .about-us-recruitment{background: url("/assets/site-kmc/img/about-2.jpg") no-repeat center; height:450px;}

    .job-opportunities .opportunities{margin-top: 35px;}
    .job-opportunities .opportunities .opportunities-con{padding-left: 35px;}
    .job-opportunities .opportunities .tw-h3{font-weight: bold;}
    .job-opportunities .opportunities .post{color: #333; font-size: 16px; margin-top: 15px;}
    .job-opportunities .opportunities .qualification{color: #333; font-size: 16px; margin-top: 15px;}
    .job-opportunities .opportunities .p1{margin-top: 5px; line-height: 24px;}
    .job-opportunities .opportunities .p2{margin-top: 10px; color: #666; font-weight: bold;}
    /*-----/招贤纳士-----*/

    /*-----美仓学院-----*/
    .warehouse-college-banner{background: url("/assets/site-kmc/img/banner-other-1.jpg") no-repeat center; height: 450px;}

    .faq-wrap{background: url("/assets/site-kmc/img/bg-2.png") no-repeat center bottom; padding: 60px 0 200px;}
    .faq .con-wrap{margin-top: 40px;}
    .faq .con{display: block; color: #333; font-size: 14px; line-height: 30px; margin-top: 5px;}
    .faq .con:hover{color: #67c23a;}
    .faq .con span{display: inline-block; width: 18px; height: 18px; text-align: center; line-height: 18px; background-color: #67c23a; color: #fff; font-size: 14px; margin-right: 10px; border-radius: 10px; font-family: "Helvetica", "Arial"; font-weight: bold;}
    /*-----/美仓学院-----*/

    /*-----美仓学院列表页-----*/
    .college-list-banner{background: url("/assets/site-kmc/img/banner-other-6.jpg") no-repeat center; height: 480px;}
    .college-list-banner .college-banner{margin-top: 40px;}
    .college-list-banner .college-banner li{float: left;}
    .college-list-banner .college-banner li.left{width: 66.66666667%; height: 400px; overflow: hidden; position: relative;}
    .college-list-banner .college-banner li img{height: 100%; width: 100%;}
    .college-list-banner .college-banner li.right{width: 33.33333333%;}
    .college-list-banner .college-banner li.right .img-wrap{width: 100%; height: 200px; overflow: hidden; position: relative;}

    .college-list-banner .college-banner li .news-tit{position: absolute; height: 50px; line-height: 50px; background-color: rgba(0,0,0,.5); left: 0; bottom: 0; color: #fff; font-size: 16px; padding-left: 20px;}



    .college-list .banner{padding: 40px 0;}
    .college-list .banner .banner-left{background: url("/assets/site-kmc/img/img-14.jpg") no-repeat center; height: 400px; width: 100%;}
    .college-list .list{margin-bottom: 100px;}
    .college-list .list .col-sm-3{/*width: 22%;*/ border-right: 1px solid #eee;}
    .college-list .list .col-sm-9{/*width: 78%;*/}

    .college-list .list .left{padding-right: 30px;}
    .college-list .list .left dl{margin-top: 30px;}
    .college-list .list .left dl:first-of-type{margin-top: 0;}
    .college-list .list .left dl dt{font-size: 16px; padding-bottom: 10px; color: #333; font-weight: 600;}
    .college-list .list .left dl dd{padding: 5px 0 5px 10px;}
    .college-list .list .left dl dd a{font-size: 14px; color: #666; line-height: 1.2; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    .college-list .list .left dl dd a:hover{color: #67c23a;}

    .college-list .list .left dl dd a .small-circle{background-color: #333; width: 4px; height: 4px; border-radius: 4px; display: inline-block; position: relative; top: -3px; margin-right: 10px;}
    .college-list .list .left dl dd a:hover .small-circle{background-color: #67c23a;}

    .college-list .list .right{padding-left: 40px; /*border-left: 1px solid #eee;*/}
    .college-list .list .right li{padding: 20px 0; border-bottom: 1px solid #eee;}
    .college-list .list .right li:first-of-type{padding-top: 0;}
    .college-list .list .right li>div{display: table-cell; vertical-align: middle;}
    .college-list .list .right li .con-l{width: 180px;}
    .college-list .list .right li .con-c{padding: 0 50px 0 30px; width: 66%;}
    .college-list .list .right li .con-c .tw-h3{margin-bottom: 15px;}
    .college-list .list .right li .con-r{width: 15%; text-align: right;}
    .college-list .list .right li .con-r .time{color: #b8b8b8; font-size: 28px; padding-left: 20px; border-left: 1px solid #eee;}
    .college-list .list .right li .con-c .p-ellipses{height: 48px;}
    /*-----/美仓学院列表页-----*/

    /*-----新闻详情页-----*/
    .news-details-wrap .banner{background: url("/assets/site-kmc/img/banner-other-2.jpg") no-repeat center; height: 300px;}
    .news-details-wrap .news-tit{text-align: center; padding-top: 100px;}
    .news-details-wrap .news-tit h1{color: #fff;}
    .news-details-wrap .bread-crumbs{text-align: center; margin-top: 10px; color: #fff;}
    .news-details-wrap .bread-crumbs a{color: #fff;}
    .news-details-wrap .news-tit .time{margin-top: 15px; color: #fff;}

    .news-details{width: 760px; padding: 40px 0 60px; margin: 0 auto; position: relative;}
    .news-details img{max-width: 100%; height: auto;}

    .news-details .con{line-height: 2; color: #333; font-size: 16px;}
    .news-details .con p{margin: 1em 0;}

    .news-details .bdsharebuttonbox{position: absolute; left: -80px; top: 40px;}
    .news-details .bdsharebuttonbox>a{background-image: url("/assets/site-kmc/img/icon-main.png"); background-repeat: no-repeat; width: 41px; height: 41px; float: none; display: block; margin-bottom: 7px;}
    .news-details .bdsharebuttonbox .bds_tsina{background-position: 0 -19px;}
    .news-details .bdsharebuttonbox .bds_weixin{background-position: 0 -63px;}
    .news-details .bdsharebuttonbox .bds_twi{background-position: 0 -108px;}
    .news-details .bdsharebuttonbox .bds_fbook{background-position: 0 -152px;}
    .news-details .bdsharebuttonbox .bds_linkedin{background-position: 0 -196px;}

    .news-details .bdsharebuttonbox .bds_tsina:hover{background-position: -43px -19px;}
    .news-details .bdsharebuttonbox .bds_weixin:hover{background-position: -43px -63px;}
    .news-details .bdsharebuttonbox .bds_twi:hover{background-position: -43px -108px;}
    .news-details .bdsharebuttonbox .bds_fbook:hover{background-position: -43px -152px;}
    .news-details .bdsharebuttonbox .bds_linkedin:hover{background-position: -43px -196px;}

    .news-details .bottom{margin-top: 50px;}
    .news-details .bottom a{color: #26324a;}
    .news-details .bottom a:hover{color: #67c23a;}
    .news-details .bottom>div{margin-top: 10px;}
    /*-----/新闻详情页-----*/

    /*-----帮助中心-----*/
    .help-center-banner{background: url("/assets/site-kmc/img/banner-other-10.jpg") no-repeat center; height: 220px;}
    .help-center{width: 800px; margin: 20px auto 60px;}
    .help-center .tit{color: #333; font-size: 18px; margin-top: 20px;}
    .help-center .bread-crumbs{border-bottom: 1px solid #eee; padding-bottom: 20px;}
    .help-center .con{margin-top: 20px; line-height: 2; color: #333; font-size: 14px;}
    .help-center .con p{margin: 1em 0;}
    /*-----/帮助中心-----*/

    /*-----产品与服务页-----*/
    .product-service-banner{background: url("/assets/site-kmc/img/banner-other-3.jpg") no-repeat center; height:450px;}
    .product-tab-wrap{position: relative;}
    .product-tab-wrap .product-tab{position: absolute; right: 0; bottom: 0;}
    .product-tab-wrap .product-tab li{float: left; margin-right: 10px;}
    .product-tab-wrap .product-tab li a{padding: 0 20px; height: 46px; line-height: 46px; text-align: center; background-color: rgba(0,0,0,.7); color: #fff; font-size: 16px; display: block;}
    .product-tab-wrap .product-tab li.active a{background-color: #67c23a;}
    .product-tab-wrap .product-tab li a:hover{background-color: #67c23a;}

    .online-reservation .p1{color: #666;}
    .online-reservation .list{margin-top: 45px;}
    .online-reservation .list .p-ellipses{height: 96px;}

    .hwc-introduced .con-wrap{margin-top: 40px;}

    .hwc-introduced .left-text-right-figure{margin-bottom: 0;}
    .hwc-introduced .left-text-right-figure .left-text{width: 90%;}
    .hwc-introduced .left-text-right-figure .right-figure-con{padding-left: 15%; margin-top: 120px;}
    .hwc-introduced .left-text-right-figure .right-figure-con .p1:first-letter{font-size: 13px;}

    .us-advantage .con-wrap{margin-top: 40px;}

    .us-advantage .con-wrap .swiper-container{padding-bottom: 15px;}
    .us-advantage .con-wrap .swiper-container .swiper-wrapper{display: block;}
    .us-advantage .con-wrap .swiper-slide{width: 33.3333%; float: left;}
    .us-advantage .con-wrap .swiper-slide .col-sm-4{width: 100%;}
    .us-advantage .con-wrap .swiper-slide:nth-child(n+4){margin-top: 30px;}
    .us-advantage .con-wrap .tw-h3{height: 20px;}
    .us-advantage .con-wrap .p-ellipses{padding: 0 80px; height: 72px;}

    .grid-icon{background-color: #f7f7f7; padding: 40px 0; transition: all 500ms;}
    .grid-icon .img-wrap{height: 62px;}
    .grid-icon .tw-h3{margin-top: 30px; transition: all 500ms;}
    .grid-icon .cut-off-line{height: 1px; transition: all 500ms;}
    .grid-icon img{margin: 0 auto; transition: all 500ms;}
    .grid-icon .p-ellipses{margin-top: 20px; /*height: 72px;*/ height: auto; color: #666; transition: all 500ms; padding: 0 40px; font-size: 13px;}
    .grid-icon img:last-of-type{display: none;}
    .grid-icon:hover{background-color: #67c23a; border-color: #67c23a; box-shadow: 0 0 25px rgba(0,0,0,.1);}

    .grid-icon:hover .tw-h3{color: #fff;}
    .grid-icon:hover .p-ellipses{color: #fff;}
    .grid-icon:hover .cut-off-line{background-color: #fff;}
    .grid-icon:hover img:first-of-type{display: none;}
    .grid-icon:hover img:last-of-type{display: block;}

    .return-service .con-wrap{margin-top: 40px;}
    .return-service .con-wrap .con{height: 56px; line-height: 54px; border: 1px solid #eee; background-color: #fff; padding-left: 20px; font-size: 16px; color: #333;}
    .return-service .con-wrap .col-sm-4:nth-of-type(n+4){margin-top: 10px;}
    .return-service .con-wrap .con:hover{border-color: #67c23a; background-color: #67c23a; color: #fff; box-shadow: 0 0 25px rgba(0,0,0,.1);}
    /*-----/产品与服务页-----*/

    /*-----美仓自由拼-----*/
    .free-spell-banner{background: url("/assets/site-kmc/img/banner-other-4.jpg") no-repeat center; height:450px;}

    .table-responsive{border: none;}
    .tw-table{margin-bottom: 0; width: 100%;}
    .tw-table tr th{vertical-align: middle !important; text-align: center; color: #fff; font-size: 15px; background-color: #556583; white-space: nowrap; border-color: #556583 !important; padding: 10px 15px !important;}
    .tw-table tr td{vertical-align: middle !important; text-align: center; color: #333; border: 1px solid #eee; !important; padding: 10px 15px !important; line-height: 1.7 !important; font-size: 15px;}
    .tw-table tr:nth-of-type(odd){background-color: #f7f7f7;}
    .tw-table tr td .gh-btn{font-size: 13px;}

    .free-spell .tw-table tr td:nth-of-type(2){text-align: left;}
    .free-spell .tw-table tr th:nth-of-type(2){width: 540px;}
    .free-spell .tw-table tr th:last-of-type{width: 190px;}

    .free-spelling-advantages .con-wrap .swiper-container{padding-bottom: 15px;}
    .free-spelling-advantages .con-wrap{margin-top: 40px;}
    .free-spelling-advantages .con-wrap .swiper-container .swiper-wrapper{display: block;}
    .free-spelling-advantages .con-wrap .swiper-slide{width: 25%; float: left;}
    .free-spelling-advantages .con-wrap .swiper-slide .col-sm-3{width: 100%;}

    .free-spelling-advantages .grid-icon .img-wrap{height: 63px;}

    .free-spell-flow .p-ellipses{padding: 0 150px; height: auto; color: #666;}
    /*-----美仓自由拼-----*/

    /*-----海运直订-----*/
    .order-sea-banner{background: url("/assets/site-kmc/img/banner-other-5.jpg") no-repeat center; height:450px;}

    .order-sea .left-text-right-figure .p-ellipses{height: 168px;}

    /*.order-sea-tab>div{display: none;}*/

    /*到FBA*/
    .sea-common .con{display: none;}
    .sea-common .search .row{margin: 0 -5px;}
    .sea-common .search .col-sm-3{padding: 0 5px;}
    .sea-common .search .col-sm-3:first-of-type .icon-chengshi{color: #67c23a;}
    .sea-common .select-down{height: 50px;}
    .sea-common .select-down .icon-chengshi{font-size: 26px;}
    .sea-common .select-down .text{float: left; width: auto; line-height: 36px; margin-left: 10px; color: #333; font-size: 14px;}
    .sea-common .select-down .down{top: 55px; border-top: 1px solid #eee;}
    .sea-common .select-down .arrows-down{top: 14px;}

    .sea-common .search .search-btn{width: 60px; height: 50px; line-height: 50px; display: block; background-color: #67c23a; text-align: center; color: #fff;}
    .sea-common .search .search-btn .iconfont{font-size: 42px;}

    /*到美仓*/
    .order-sea-tab .sea-usa .tw-table tr th:first-of-type{width: 320px;}
    .order-sea-tab .sea-usa .tw-table tr th:last-of-type{width: 180px;}
    /*-----/海运直订-----*/


    /*-----渠道合作-----*/
    .channel-cooperation-banner{background: url("/assets/site-kmc/img/banner-other-7.jpg") no-repeat center; height: 450px;}
    .investment-agency{padding: 0 50px;}
    .investment-agency .left .gh-form-control{margin-bottom: 10px; background-color: #f7f7f7; height: 50px;}
    .investment-agency .left textarea{background-color: #f7f7f7; padding: 10px;}

    .investment-agency .right .img-overflow{height: 230px;}
    .investment-agency .right .img-overflow img{height: 230px;}
    .investment-agency .right dl{background-color: #67c23a; padding: 20px; color: #fff;}
    .investment-agency .right dl dt{font-size: 16px; margin-bottom: 10px;}
    .investment-agency .right dl dd{margin-top: 5px;}
    .investment-agency .right dl dd .iconfont{margin-right: 10px;}

    .our-partners .partners-list .tw-h2{text-align: center;}
    .our-partners .partners-list .con .col-sm-2{margin-top: 20px;}
    /*-----/渠道合作-----*/


    /*-----美仓快递-----*/
    .us-express-banner{background: url("/assets/site-kmc/img/banner-other-8.jpg?v=2") no-repeat center; height: 450px;}

    .express-order .tw-table tr th:last-of-type{width: 35%;}

    .our-service .swiper-container{overflow: visible;}
    .our-service .swiper-container .swiper-wrapper{display: block;}
    .our-service .swiper-container .swiper-wrapper .swiper-slide:nth-of-type(n+5){margin-top: 30px;}
    .our-service .swiper-slide{width: 25%; float: left;}
    .our-service .swiper-slide .col-sm-3{width: 100%;}

    .our-service .grid-icon{padding-bottom: 20px; position: relative;}
    .our-service .grid-icon .tw-h3{padding: 0 20px; line-height: 24px; height: 48px;}

    .our-service .grid-icon .con{padding: 15px; color: #fff; position: absolute; top: 100%; left: 0; width: 100%; z-index: 1; background-color: #67c23a; display: none;}
    .our-service .grid-icon .p1{height: 72px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .our-service .grid-icon .p1 a{color: #fff; text-decoration: underline;}

    /*-----/美仓快递-----*/

    /*-----新闻列表-----*/
    .news-list-banner{background: url("/assets/site-kmc/img/banner-other-9.jpg") no-repeat center; height: 450px;}

    .news-list .list{padding: 0 110px;}
    .news-list .list .right{padding-left: 0;}
    /*-----/新闻列表-----*/

    .phone-fixed{display: none;}

    /*-----下单页-----*/
    .orders-banner{background: url("/assets/site-kmc/img/xiadan-1.jpg") no-repeat center; height: 300px;}

    .business-order{padding: 60px 0 90px;}
    .common-order{padding-bottom: 70px;}

    .common-order .tit{color: #333; border-bottom: 1px solid #ddd; height: 48px; margin-bottom: 15px;}
    .common-order .tit li{float: left;}
    .common-order .tit .right{float: right; margin-left: 20px; margin-top: 3px;}
    .common-order .tit .left{font-size: 20px; border-bottom: 1px solid #333; float: left; line-height: 47px; margin: 0;}
    .common-order .tit .radio-wrap{margin-top: 15px; margin-left: 50px;}

    .common-order .table-wrap{background-color: #f7f7f7; border: 1px solid #eee; padding: 0 15px;}
    .common-order table{table-layout: fixed;}

    .tw-table1{margin-bottom: 0; width: 100%;}
    .tw-table1 tr th{vertical-align: middle !important; text-align: center; color: #333; white-space: nowrap; padding: 15px !important; font-weight: bold; border: none !important;}
    .tw-table1 tr td{vertical-align: middle !important; text-align: center; color: #333; padding: 10px 15px !important; line-height: 1.7 !important;}

    .tw-table1 tr th:first-of-type{width: 100px;}
    .tw-table1 tr th:last-of-type{width: 80px;}
    .tw-table1 tr td:first-of-type{text-align: left; width: 100px;}

    .common-order table .col-sm-8{display: inline-block; float: none;}
    .common-order table .icon-delate{cursor: pointer;}

    .common-order .cost{color: #333; font-size: 16px; margin-top: 20px;}
    .common-order .cost dd{line-height: 24px;}
    .common-order .cost span{color: #999; width: 70px; display: inline-block; text-align: right; font-size: 14px;}
    .common-order .cost dt{line-height: 24px; color: #67c23a;}
    .common-order .cost dt span{color: #999;}

    .common-order .customs-clearance{margin-bottom: 20px;}
    .common-order .customs-clearance label{color: #666; font-size: 14px;}
    .common-order .customs-clearance .upload-file{position: relative; height: 160px; border: 1px solid #eee; margin-top: 8px;}
    .common-order .customs-clearance .upload-file .file-icon{width: 80px; height: 80px; position: absolute; left: 50%; top: 30px; margin-left: -40px; text-align: center;}

    .common-order .customs-clearance .upload-file .file-icon .icon-upload{font-size: 40px; color: #333; margin-top: 10px; display: inline-block;}
    .common-order .customs-clearance .upload-file .file-icon .icon-file-jpg{font-size: 60px; color: #fc7070; display: inline-block;}
    .common-order .customs-clearance .upload-file .file-icon .icon-file-word{font-size: 60px; color: #5099f4; display: inline-block;}
    .common-order .customs-clearance .upload-file .file-icon .icon-file-txt{font-size: 60px; color: #9da6b4; display: inline-block;}
    .common-order .customs-clearance .upload-file .file-icon .icon-file-pdf{font-size: 60px; color: #fc7070; display: inline-block;}
    .common-order .customs-clearance .upload-file .file-icon .icon-file-zip{font-size: 60px; color: #fd8d59; display: inline-block;}
    .common-order .customs-clearance .upload-file .file-icon .icon-file-excel{font-size: 60px; color: #69c01a; display: inline-block;}

    .common-order .customs-clearance .upload-file .text{position: absolute; left: 0; text-align: center; bottom: 25px; width: 100%;}
    .common-order .customs-clearance .upload-file .file{position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0;}

    .business-order .shipping-order .number{color: #333; font-size: 16px;}
    .business-order .shipping-order .number span{display: inline-block; width: 6px; height: 6px; background-color: #67c23a; border-radius: 5px; margin-right: 8px; position: relative; top: -1px;}
    .business-order .shipping-order .con{background: url("/assets/site-kmc/img/shipping-order-bg.jpg") no-repeat center; height: 143px; margin-top: 20px;}
    .business-order .shipping-order .con>div{margin-top: 35px;}
    .business-order .shipping-order .con .left{margin-left: 25%;}
    .business-order .shipping-order .con .right{margin-right: 23%;}
    .business-order .shipping-order .con .iconfont{font-size: 28px; font-weight: bold;}
    .business-order .shipping-order .con .text{font-size: 20px; color: #333; margin-left: 10px; margin-top: 5px;}
    .business-order .shipping-order .con .port{text-align: center; margin-top: 10px;}

    .business-order .shipping-order .table{margin-bottom: 0; border-bottom: 1px solid #ddd;}
    .business-order .shipping-order .table tr th{vertical-align: middle !important; color: #333; white-space: nowrap; padding: 15px 0 !important; border: none !important; font-size: 18px;}
    .business-order .shipping-order .table tr td{vertical-align: middle !important; text-align: center; color: #333; padding: 10px 15px !important; line-height: 1.7 !important;}
    .business-order .shipping-order .table tr td:first-of-type{padding-bottom: 20px !important;}

    .business-order .shipping-order .table .type{font-size: 16px; color: #333; background-color: #f7f7f7; border: 1px solid #eee; width: 120px; height: 50px; line-height: 50px; text-align: center; font-weight: bold; box-shadow: 10px 8px 0 rgba(0,0,0,.3);}
    .business-order .shipping-order .table .unit{color: #999;}
    .business-order .shipping-order .table input[type=number]{width: 80px;}
    /*-----/下单页-----*/


}

@media (width: 1024px) {
    /*.tw-nav{margin-right: 3%;}*/
    .tw-nav li{padding: 48px 15px 0;}
    .tw-nav li:last-of-type{padding-right: 0;}

    .nav-login{margin-right: 60px;}
    .nav-login span{margin: 0 10px;}

    .footer-nav .right li{margin-left: 30px;}
    .sign-in-wrap{background-size: cover;}

    .contact-us .con .right-img .bg-absolute{left: 20px; top: 20px;}

    .college-list .banner .banner-left{height: 323px;}

    .w1350{width: 100%;}

    .news-list .list{padding: 0;}

    .business-order .shipping-order .con .left{margin-left: 20%;}
    .business-order .shipping-order .con .right{margin-right: 18%;}

}
@media (width: 768px) {
    .row{margin: 0;}
    .tw-nav{margin-right: 0;}
    .tw-nav li{padding: 48px 10px 0;}

    .nav-login{display: none;}
    .language{display: none;}

    .sign-in-wrap{background-size: cover;}

    .contact-us .introduced .con{margin-bottom: 50px;}
    .contact-us .introduced .con .con-left{width: 100%; margin-top: 0;}
    .contact-us .con .right-img .bg-absolute{left: 10px; top: 10px;}

    .warehouse-college .left>a{border-right: none; padding-right: 0;}
    .warehouse-college .right{padding-left: 0;}

    .college-list .list .right li .con-c{padding: 0 0 0 20px;}
    .college-list .list .right li .con-r{width: 20%;}

    .college-list .list .col-sm-3{width: 30%;}
    .college-list .list .col-sm-9{width: 70%;}

    .college-list .banner .banner-left{height: 250px;}

    .w1350{width: 100%;}

    .hwc-introduced .left-text-right-figure .right-figure .bg-absolute{display: none;}

    .tw-thumbnail .thumbnail-btn .gh-btn{width: 40%; margin-left: 8%;}
    .tw-thumbnail .thumbnail-btn .gh-btn:last-of-type{margin-left: 0; margin-right: 8%;}

    .grid-icon .p-ellipses{padding: 0 10px;}

    .free-spell .tw-table tr td{white-space: nowrap;}
    .free-spell .tw-table tr td:nth-of-type(2){width: auto; white-space: normal;}

    .investment-agency .right .img-overflow{height: 212px;}

    .free-spelling-advantages .tw-h3{font-size: 16px;}

    .express-order .tw-table tr th:last-of-type{width: auto;}

    .news-list .list{padding: 0;}

    .news-details{width: auto; margin: 0 30px;}
    .news-details .bdsharebuttonbox{display: none;}

    .help-center{width: 100%; padding: 0 50px;}

    .after-logging-in{display: none;}

    .common-order .tit .radio-wrap{margin-top: -60px;}

    .business-order .shipping-order .con .left{margin-left: 15%;}
    .business-order .shipping-order .con .right{margin-right: 11%;}
    .business-order .shipping-order{padding-bottom: 60px;}

    .business-order table{width: 1000px;}

}