﻿@import "font-awesome.min.css";

ul{padding:0;margin:0;}
ul li{list-style:none;}
/*img{max-width:100%;}*/
.layout{position: relative;width: 100%;}
.clear{clear: both;}
a{color:#595959;}
a:focus, a:hover{color:#219575;}

/*@media (min-width:1200px){html,body{font-size:16px;}.jumbotron .h1,.jumbotron h1{font-size:50px}}
@media (min-width:1360px){.container{width:1200px}}
@media (min-width:1600px){.container{width:1360px}}
@media (min-width:1920px){.container{width:1560px}}*/
/*header{min-height: 100px;margin-bottom: 10px;}*/
.topnav{height: 51px;line-height:50px;background-color: #F2F2F2;color:#A1A1A1;}
.topnav a{color:#595959;}
/*.logo{margin-top: 20px;margin-left: -15px;margin-bottom: 10px;}*/
/**.topnav{margin-top:10px;}
.topnav a{color: #ffffff;margin-left: 30px;}
.topnav a:hover{color: #ffcc00;}
header.fixed-top{min-height:50px;}
header.fixed-top .logo{margin-top: 5px;}
header.fixed-top .logo img{width: 60%;}
header.fixed-top .topnav{display: none;}**/

.navbar-nav{float: right;}
.nav.navbar-nav > li > a{padding-left: 5px;padding-right: 5px;margin-left:10px;margin-right:10px;font-size: 1.1rem;color:#595959;}
.nav > li > a:focus, .nav > li > a:hover,.nav > li.active a,.nav > li.on a{background-color:transparent;color: #219575;border-bottom: #219575 solid 2px;}
.carousel-control .fa{font-size: 5rem;margin-top: 150%;}
.navbar-nav>li>.dropdown-menu{padding:10%;}
.navbar-nav>li>.dropdown-menu>li>a{font-size: 1rem;padding: 10px;}
.navbar-nav>li>.dropdown-menu>li>a:hover{color: #333;}

header.fixed-top .navbar-nav{margin: 0;}
#myCarousel .carousel-control{width: 8%;}
@media (min-width:992px){
#myCarousel .carousel-inner li.item{height: 520px;overflow: hidden;background-size: cover;background: no-repeat center;}
#myCarousel .carousel-inner li.item a{display: block;width: 100%;height: 100%;}
.suquery{width:auto;/*width:430px;*//*position: absolute;top:180px;*/left: auto;}
}
/***********/
.suquery{max-height:460px;background: #fff;overflow: hidden;
	opacity: 1;	
	border-radius: 8px;
	padding: 20px;
}
.suquery .nav-tabs{width:85px;background-color: #289575;border:0;}
.suquery .nav-tabs li{width: 100%;cursor: pointer;text-align: center;padding: 20px;}
.suquery .nav-tabs li.active{background-color: #fff;}
.suquery .nav-tabs li .icon{width: 30px;height: 30px;display: block;margin: auto;}
.suquery .nav-tabs .icon-cc{background:url(../images/icon-cc.png) center -30px no-repeat;}
.suquery .nav-tabs .icon-kd{background:url(../images/icon-kd.png) center -30px no-repeat;}
.suquery .nav-tabs .icon-zx{background:url(../images/icon-zx.png) center -30px no-repeat;}
.suquery .nav-tabs .icon-xb{background:url(../images/icon-xb.png) center -30px no-repeat;}
.suquery .nav-tabs .icon-fba{background:url(../images/icon-fba.png) center -30px no-repeat;}
.suquery .nav-tabs .active .icon{background-position-y:0;}
.suquery .tab-contents{/*margin-left: 90px;*/margin-left: 0px;padding-left: 20px;padding-right: 20px;}

.suquery .tab-content{cursor: pointer;margin-left: 0px;padding-left: 10px;padding-right: 10px;/*background-color: #289575;*/ width: inherit;/*text-align: right;*/}
.suquery .tab-content h3{padding-left: 35px;display:inline;}
/*.suquery .tab-content {width: 100%;cursor: pointer;padding: 20px;border:0;}*/
.suquery .tab-content .icon{/*left:30px;*/position:absolute;background-position-y:0;/*speak: none;*/width: 30px;height: 30px;/*display: block;margin: auto;*/}
.suquery .tab-content .icon-cc{background:url(../images/icon-cc.png) center -0px no-repeat;}
.suquery .tab-content .icon-kd{background:url(../images/icon-kd.png) center -0px no-repeat;}
.suquery .tab-content .icon-zx{background:url(../images/icon-zx.png) center -0px no-repeat;}
.suquery .tab-content .icon-xb{background:url(../images/icon-xb.png) center -0px no-repeat;}
.suquery .tab-content .icon-fba{background:url(../images/icon-fba.png) center -0px no-repeat;}



.suquery .tab-contents h3{padding-left: 35px;display:inline;}
.suquery .tab-contents .icon{position:absolute;background-position-y:0;speak: none;width: 30px;height: 30px;/*display: block;margin: auto;*/}
.suquery .tab-contents .icon-cc{background:url(../images/icon-cc.png) center -0px no-repeat;}
.suquery .tab-contents .icon-kd{background:url(../images/icon-kd.png) center -0px no-repeat;}
.suquery .tab-contents .icon-zx{background:url(../images/icon-zx.png) center -0px no-repeat;}
.suquery .tab-contents .icon-xb{background:url(../images/icon-xb.png) center -0px no-repeat;}
.suquery .tab-contents .icon-fba{background:url(../images/icon-fba.png) center -0px no-repeat;}


.suquery .tab-content > div{position: relative;}
.suquery .tab-content > div form{border-top:1px solid #ccc;padding-top:10px;}
.suquery .tab-content .form-group.one{min-height: 30px;}
.suquery .tab-content .form-group.two{min-height: 30px;margin-top: 10px;margin-bottom: 10px;}
.suquery .tab-content .form-group label{font-weight: 400;}
.suquery .tab-content .form-group .form-volume{display:inline-block;width: 32%;}

.suquery .tab-contents > div{position: relative;}
.suquery .tab-contents > div form{border-top:1px solid #ccc;padding-top:10px;}
.suquery .tab-contents .form-group.one{min-height: 30px;}
.suquery .tab-contents .form-group.two{min-height: 60px;margin-top: 10px;margin-bottom: 20px;}
.suquery .tab-contents .form-group label{font-weight: 400;}
.suquery .tab-contents .form-group .form-volume{display:inline-block;width: 32%;}
@media screen and (max-width:767px){
    .suquery .nav-tabs{width:65px;}
    .suquery .tab-contents{margin-left: 70px;padding-left: 10px;padding-right: 10px;}
	.suquery .tab-content{margin-left: 0px;padding-left: 10px;padding-right: 10px;}
    .suquery .nav-tabs li{padding-left: 0;padding-right: 0;}
}


.slide>.carousel-inner>.item h2{text-align: center;margin: 0;padding:5rem 0;}
.country{margin-top: 40px;padding: 0;}
.country .nav-tabs > li{width: 100%;background-color:#1a69b7;margin: 0;text-align: center;border-top: #fff 1px solid;}
.country .nav-tabs > li:first-child{border-top:none;}
.country .nav-tabs > li > a{margin: 0;color: #fff;font-weight: 600;line-height: 75px;}
.country .nav-tabs > li.active > a, .country .nav-tabs > li.active > a:focus, .country .nav-tabs > li.active > a:hover{border: none;background-color: #ec641a;color: #fff;border-radius: 0;}
.country .table-striped > tbody > tr:nth-of-type(2n+1){background-color: #e8e8e8;}
.country .table > tbody > tr > td{border-top-color:#e8e8e8;vertical-align: middle;height: 97px;}

/*.service,.about,.ecomstep,.lt-service,.cc-service,.va-service{margin-top: 50px;}*/
.service,.ecomstep,.lt-service,.cc-service,.va-service{margin-top: 50px;}
.cc-service>div{position:relative;min-height:1px;padding-right:15px;padding-left:15px;float:left;margin:20px 0;width:50%;}
.lt-service{background-color: #ccc;}
.lt-service .bg-gray{max-width: 230px;margin: auto;padding-bottom: 20px;}
.va-service{background:url(../images/img-18.png) bottom center no-repeat;}
.va-service .box-shadow{color:#595959;}

.df-news .fa{color:coral}
.df-news .list-group{margin-left: 20px;}
.df-news .list-group li{height: 74px;padding:10px;margin-bottom:10px;background: url(/Upload/202101/140936381514.png) top left no-repeat;}
.df-news .list-group li span{float: left;display:block;width: 50px;margin-right: 10px;text-align: center;font-size: 0.8em;color: #999;}
.df-news .list-group li span em{display: block;font-size: 1.8em;color: #289575;font-style: normal;font-weight: 600;}
.df-news .list-group li:hover{background: #289575;}
.df-news .list-group li:hover span,.df-news .list-group li:hover span em,.df-news .list-group li:hover a{color: #fff;}

/****
.service>div{position:relative;min-height:1px;padding-right:15px;padding-left:15px;float:left;margin:20px 0;width:100%;}
.service>div>div a,.service>div>div{height: 250px;display: block;padding-top: 20px;background-color: #F4F2F3;text-align: center;color: #898989;-webkit-transition: all 0.8s;transition: all 0.8s;-moz-transition: 0.8s;}
.service>div>div a:hover,.service>div>div:hover{background-color: #219575;color: #fff;}
.service>div>div .pic{width: 145px;height: 120px;display: block;margin: auto;background-repeat: no-repeat;background-position:center 0;}
.service>div>div:hover .pic{background-position:center -135px;}
.service>div>div .kongyun{background-image: url(../images/kongyun.png);}
.service>div>div .kuaidi{background-image: url(../images/kuaidi.png);}
.service>div>div .fba{background-image: url(../images/fba.png);}
.service>div>div .haiwaicang{background-image: url(../images/haiwaicang.png);}
.service>div>div .xiaobao{background-image: url(../images/xiaobao.png);}
.service>div>div .qujian{background-image: url(../images/qujian.png);}
.service>div>div .keshihua{background-image: url(../images/keshihua.png);}
.service>div>div .daomen{background-image: url(../images/daomen.png);}
.service>div>div .zhongzhuan{background-image: url(../images/zhongzhuan.png);}
.service>div>div .daifahuo{background-image: url(../images/daifahuo.png);}
****/
.service .img-circle .fa{font-size:5rem;margin-top:30px;}

@media (min-width:992px){.cc-service>div{width: 20%;}.va-service .col-md-6.text-right img{margin-left: -30px;}}

.about{overflow: hidden;border: 5px solid #CECECE;border-radius: 5px;padding: 0;background:#518ec6;/*background:#219575;*/}
.about>div{padding: 0;}
.about .text{text-align: center;color: #fff;padding-top: 3%;background: url(../images/map.png) no-repeat ;background-size:cover;font-size: 14px;/*font-size: 1.2rem;*/}
.about .text .small{padding:8px 20px;}

.ecomstep h2{line-height: 150%;color: #219575;}
.ecomstep .col-md-8:before {content: "";width:70%;height: 2px;background: #9fa0a0;position: absolute;top: 35px;bottom: 0;left:15%;right: 0;z-index: 0;}
.ecomstep i {width: 100%;height: 70px;display: block;background-image:url(../images/ecom-step.png);background-repeat: no-repeat;position: relative;z-index: 1;}
.ecomstep i.ecomstepOne{background-position: center top;}
.ecomstep i.ecomstepTwo{background-position: center center;}
.ecomstep i.ecomstepThr{background-position: center bottom;}

.service-list .row>div{margin-top: 10px;margin-bottom:10px;}
.service-list .row>div a{background-color: #F4F2F3;color: #333;-webkit-transition: all 0.8s;transition: all 0.8s;-moz-transition: 0.8s;display: block;padding-bottom:1px;}
.service-list .row>div a:hover{/*background-color: #219575;*/background-color:#05529b;color: #fff;}

.fulfilment{margin-top:5rem;background-image:url(../images/image-1.jpg);padding:100px 0;background-size: cover;background-attachment: fixed;background-repeat: no-repeat;background-color: #ffffff;}
.fulfilment:before {content: '';position: absolute;left: 50%;top: 0px;width: 50%;height: 100%;background: #fbfbfb;/*background: #ffffff;*/opacity: 0.7;}
.fulfilment .item{background: #219575;opacity: 0.9;padding-top: 20px;}
.fulfilment .item .fa{font-size: 5rem;}
.fulfilment .item .txt{font-size: 2rem;font-weight: 600;line-height: 1.8em;}

.sidenav .list-group .list-group-item{border: none;border-radius: 0;margin-bottom: 10px;background-color: #1678da;}
.sidenav .list-group .list-group-item.active,.sidenav .list-group .list-group-item:hover{background-color: #ec641a;}
.sidenav .list-group .list-group-item a{color: #ffffff;}

.orderget .form-group{margin-top: 28px;}
.pricelist > tbody > tr > td{vertical-align: middle;}

.pic-text-list .media:hover{border-radius:5px;box-shadow:inset 0px 0px 10px 3px rgba(0,0,0,.08);}
.pic-text-list .media .pull-right{padding-right: 10px;}

.form-reg .form-group{width: 100%;margin-top: 20px;border-bottom: #1678da 1px solid;padding-bottom: 5px;}
.form-reg .form-group label{color: #999;}
.form-reg .form-control{width: 80%;border: none;box-shadow: 0 0 0 0;display: inline-block;}


footer{background:#4B4A5C;padding-top: 20px;padding-bottom:20px;color:#bbb;}
footer small{color:#289575;}
footer h4{color:#fff;}
footer a{color:#bbb;}
footer hr{border-color:#3C3B49;margin-top: 10px;margin-bottom: 10px;}
footer .form-group .form-control{background-color:#5C5B6B;color:#fff;}
footer .form-group .btn{background-color: #289575;border-color: #289575;color:#fff;}
footer .icon-bar{width: 40px;height: 40px;line-height:35px;display: inline-block;border: #bbb solid 1px;border-radius: 20px;text-align: center;}
footer .icon-bar:hover{background-color: #289575;border-color: #289575;color:#fff;}

.copyright{background-color: #3C3B4B;text-align: center;color:#bbb;padding:15px;}

#rightArrow,#floatDivBoxs{position: fixed;top: 40%;z-index: 999;}
#rightArrow{width: 50px;height: 45px;background-color:#219575;right: 170px;color: #fff;font-size: 32px;text-align: center;}
#floatDivBoxs{width: 170px;background: #fff;right: 0;}
#floatDivBoxs .floatDtt{width: 100%;height: 45px;line-height: 45px;background: #5cb85c;color: #fff;font-size: 18px;text-indent: 22px;position: relative;}
#floatDivBoxs .floatShadow{background: #fff;box-shadow: -2px 0 3px rgba(0,0,0,0.25);}
#floatDivBoxs .floatDqq{padding: 0 14px;}
#floatDivBoxs .floatDqq li{height: 38px;line-height: 38px;font-size: 15px;border-bottom: 1px solid #e3e3e3;list-style: none;}
#floatDivBoxs .floatDtxt{font-size: 18px;color: #333;padding: 12px 14px 0 14px;}
#floatDivBoxs .floatDtel{padding:10px;}


.links,.links a{font-size: 12px;color: #999999;}
@media only screen and (max-width:760px){
    header{min-height: 60px;}
    .logo{margin-top: 15px;margin-left:auto;margin-bottom: 10px;}
    .navbar-toggle{border-color: #219575;position: absolute;top: 60px;right: 10px;}
    .navbar-toggle .icon-bar{background-color: #219575;}
    .navbar-nav{float: left;width: 100%;}
    .dropdown-menu{position: relative;min-width: 100%;}
}

article.row p{text-indent: 2em;}
article.product strong::before{padding:0 5px;content: "\f0a4";color:#f00;font: normal normal normal 14px/1 FontAwesome;}
.fixed-top {position: fixed;top: 0;}
.fixed.fixed-top{z-index: 9999;}
.panel-body.fixed-top{background:#EC641A;margin-left: 15px;}
.panel{margin-left: 15px;margin-right: 15px;}
.mt-md{margin-top: 10px;}
.ml-md{margin-left: 10px;}
.mr-md{margin-right: 10px;}
.mb-md{margin-bottom: 10px;}
.mt-lgs{margin-top: 20px;}
.mt-lg{margin-top: 2px;}
.ml-lg{margin-left: 20px;}
.mr-lg{margin-right: 20px;}
.mb-lg{margin-bottom: 20px;}
.pl-0{padding-left: 0;}
.pr-0{padding-right: 0;}
.pt-md{padding-top: 10px;}
.pl-md{padding-left: 10px;}
.pr-md{padding-right: 10px;}
.pb-md{padding-bottom: 10px;}
.pt-lgs{padding-top: 20px;padding-left: 20px;padding-right: 20px;padding-bottom: 20px;}


.pt-lg{padding-top: 5px;}
.pl-lg{padding-left: 20px;}
.pr-lg{padding-right: 20px;}
.pb-lg{padding-bottom: 5px;}
.pl-xl{padding-left: 5%;}
.pr-xl{padding-right: 5%;}
.text-default{color:#289575;}
.btn-default{color: #fff;background-color: #289575;border-color: #219675;}
.border-default{border: #289575 solid 1px;}
.border-right{border-right:#3C3B49 solid 1px;}
.bg-gray{background-color: #F9F9F9;}
.img-nomax{max-width: none;}
#codeimg{line-height: 35px;}

.icon-tit{width: 65px;height: 3px;display: block;margin-left: auto;margin-right: auto;background-color: #289575;}
.jumbotron .breadcrumb{background: none;border-radius: unset;}
.hover-shadow{transition: all .3s;}
.hover-shadow:hover,.box-shadow{box-shadow: 0 0 10px rgba(0,0,0,0.4);}

@media (min-width:960px){
    
}
@media screen and (max-width:767px){
    .img-nomax{max-width: 100%;}
}
