/* @font-face {
    font-family: 'Nunito-Regular';
    src:url(../fonts/Nunito-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'FredokaOne-Regular';
    src:url(../fonts/FredokaOne-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Abel-Regular';
    src:url(../fonts/Abel-Regular.ttf) format('truetype');
} */
/* @font-face {
    font-family: 'OpenSans-Regular';
    src:url(../fonts/OpenSans-Regular.ttf) format('truetype');
} */

/* @font-face {
    font-family: "NotoSansCJKsc-Regular";
    src: url("../fonts/NotoSansCJKsc-Regular.woff2") format("woff2"),
         url("../fonts/NotoSansCJKsc-Regular.woff") format("woff"),
         url("../fonts/NotoSansCJKsc-Regular.ttf") format("truetype"),
         url("../fonts/NotoSansCJKsc-Regular.eot") format("embedded-opentype"),
         url("../fonts/NotoSansCJKsc-Regular.svg") format("svg"),
         url("../fonts/NotoSansCJKsc-Regular.otf") format("opentype");
  } */
html,body{
	/* background:#fff; */
	font-size: 16px;
    font-family:  "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;

}
body a{
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    font-family:  "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}
 ul{
	padding: 0;
	margin: 0;
}
h1,h2,h3,h4,h5,h6,label,p{
    margin:0;
    font-family:  "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}
/*--header--*/
.head {
    position:absolute;
    width: 100%;
    z-index: 99;
    top: 0;
}
.header{
	width: 100%;
    min-height: 700px;
    display: block;
    background: url(../images/banner.jpg)no-repeat center center;
    background-size: cover;

}
.header-head{
	min-height: 270px;
}
.logo{
    width: 8em;
    height: 80px;
    float: left;
    margin-top: 1.4em;
    padding:0;
}

.logo h1{
    position: relative;
    display: block;
    width: 144px;
    height: 33px;
}
.logo h1 .logo-bd {
    display: block;
    width: 144px;
    padding-top: 33px;
    height: 0px;
    overflow: hidden;
    text-indent: -9999px;
    background:  url(../static/images/logo.png) 0 0 no-repeat;
    background-image: url(../static/images/logo.png);
    background-size: 144px 33px;
}

.clearfix:after, .clearfix:before {
    content: " ";
    display: table;
}
.clearfix {
    *zoom: 1;
}
.logo img {
    width: 100%;
}

.navbar-nav {
    float: right;
	margin-top: 1.5em;
}
.navbar-default {
    border: none;
    background: none;
}
/*----*/
ul.nav.navbar-nav li a {
    font-size: 0.9em;
    color: #fff;
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background:none !important;
}
/* Effect 21: borders slight translate */
ul.nav.navbar-nav li a {
	padding:7px 10px;
	color: #fff;
	text-shadow: none;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
	margin: 0 8px;
}
ul.nav.navbar-nav li>a::before,
ul.nav.navbar-nav li>a::after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background:#ee7532;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

ul.nav.navbar-nav li a::before {
	top: 0;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

ul.nav.navbar-nav li a::after {
	bottom: 0;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

ul.nav.navbar-nav li a:hover,
ul.nav.navbar-nav li a:focus {
	color: #ee7532;
}

ul.nav.navbar-nav li a:hover::before,
ul.nav.navbar-nav li a:focus::before,
ul.nav.navbar-nav li a:hover::after,
ul.nav.navbar-nav li a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
/*-----*/
.banner{
	position: relative;
	padding: 7em 0 0;
    text-align: center;
    margin-top: 5em;
}
.banner h2 ,.banner h3{
    color: #fff;
    text-align: center;
    font-size: 2.8em;
}
.banner h2 {
    font-size: 4em;
    font-weight: bold;
    margin-top: 1em;
}
.banner h2 span {
    color: #ee7532;
}
.banner h3 {
    font-size: 2.2em;
    font-weight: normal;
    line-height: 1.3;
    margin-top: 0.1em;
}
.banner h4 {
    font-size: 0.9em;
    font-weight: normal;
    color: #fff;
    opacity: 0.8;
    width: 60%;
    margin: auto;
    line-height: 1.8;
    margin-top: 1.5em;
}

/*Wrapper*/
.wrapper{
    position: relative;
}



/*Pop Effect Animation*/
@-moz-keyframes pop{
	0% { opacity: 0; }
	5% { opacity: 0; -moz-transform: rotate(0deg) scale(0.10) skew(0deg) translate(0px); }
	10% { opacity: 1; -moz-transform: translateY(0px); }
	25% { opacity: 1; -moz-transform: translateY(0px); }
	30% { opacity: 0; -moz-transform: translateY(0px); }
	80% { opacity: 0; }
	100% { opacity: 0;}
}
@-webkit-keyframes pop{
	0% { opacity: 0; }
	5% { opacity: 0; -webkit-transform: rotate(0deg) scale(0.10) skew(0deg) translate(0px);}
	10% { opacity: 1; -webkit-transform: translateY(0px); }
	25% { opacity: 1; -webkit-transform: translateY(0px); }
	30% { opacity: 0; -webkit-transform: translateY(0px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes pop{
	0% { opacity: 0; }
	5% { opacity: 0; -ms-transform: rotate(0deg) scale(0.10) skew(0deg) translate(0px); }
	10% { opacity: 1; -ms-transform: translateY(0px); }
	25% { opacity: 1; -ms-transform: translateY(0px); }
	30% { opacity: 0; -ms-transform: translateY(0px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}


/*--content--*/
.col-top h3 {
    color: #000;
    font-size: 2.5em;
    padding: 0 0 0.3em;

}
.col-top p {
    color: #8A8A8A;
    font-size: 1em;
    line-height: 1.8em;
    /* width: 60%;
    margin: 0 auto; */
}
.col-top {
    text-align: center;
    padding: 5em 0;
}
/*----*/
.headlines {

}
.headlines img {
    width: 100%;
}
.headlines h4 {
    position: relative;
    text-align: left;
    font-size: 1.5em;
    background: url(../images/line.png) no-repeat left bottom;
    background-size:auto 7px;
    padding-bottom: 0.5em;
    margin-top: 2em;
    color: #333;
}
.headlines h5 {
    font-size: 1.25em;
    text-align: left;
    margin-top: 1em;
    font-weight:bold;
    margin-bottom: 0.5em;
    line-height: 1.3;
    height: 2.7em;
    overflow: hidden;
}
.headlines p {
    font-size: 0.875em;
    line-height: 1.5;
    width: 100%;
    text-align:left;
    color: #999999;
    margin-bottom:3em;
    height: 4.6em;
    overflow: hidden;
}
.headlines_more {
    display: block;
    position: absolute;
    top:0.3em;
    right: 0;
    width:2.5em;
    height: 1.125em;
    background: url(../images/news_more.png) no-repeat center center;
    background-size:100% auto;
}
.headlines-grid {
    margin-top:2.5em;
}
.lang {
    padding-left: 2.5em;
    background: url(../static/images/icon_language.png) no-repeat 1em center;
    background-size:2em 1em;
}
.services {margin-top: 3em;}

 .grid {
	position: relative;
	margin: 0 auto;
	padding:0;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	overflow: hidden;
	height: auto;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding:10%;

}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

/*---------------*/

figure.effect-jazz {
	background: -webkit-linear-gradient(-45deg, #000 0%,#000 100%);
	background: linear-gradient(-45deg, #000 0%,#000 100%);
}

figure.effect-jazz img {
	opacity: 1;
}

figure.effect-jazz figcaption::after,
figure.effect-jazz img,
figure.effect-jazz p,figure.effect-jazz h4 {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

/* figure.effect-jazz figcaption::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 20%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	content: '';
	opacity: 0.5;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
} */

figure.effect-jazz h4,
figure.effect-jazz p {
	opacity: 1;
	-webkit-transform: scale3d(0.9,0.9,1);
	transform: scale3d(0.9,0.9,1);
}

figure.effect-jazz h4 {
	text-transform: none;
	font-size: 2em;
	opacity: 0.8;

    text-align: left;
}
figure.effect-jazz p {
	padding: 0.5em 0 0 0;
	text-transform: none;
	font-size: 1em;
    opacity: 0.8;
    color: #fff;
    text-align: left;
}

figure.effect-jazz:hover img {
	opacity: 0.5;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

figure.effect-jazz:hover figcaption::after {
	opacity: 1;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}

figure.effect-jazz:hover h4,
figure.effect-jazz:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

.portfolio {
    margin-top: 3em;
}

.index_video {
    margin: 2em 0;
}
.intro {
    width: 100%;
    background: url(../images/intro_bg.jpg) no-repeat center center;
    background-size:cover;
    padding:3em 0;
    margin-top: -5em;
}
.intro img {
    width: 100%;
}
.intro_text {
    padding-left:10%;
    margin-top: 3%;
}
.intro_text h4 {
    font-size: 2.5em;
    margin-bottom: 0.5em;
}
.intro_text h5 {
    display: inline-block;
    background: #ee7532;
    color: #fff;
    font-size: 1.5em;
    padding: 0.3em;
    margin-bottom: 1em;
}
.intro_text p {
    line-height: 1.8;
}

.advantage {
    width: 100%;
    overflow: hidden;
    height: 400px;
    border:1px solid #fff;
}
.advantage a {
    color: #000;
}
.advantage div {
    text-align: center;
    width: 20%;
    padding: 2%;
    float: left;
    background: #efefef;
    height: 100%;
}
.advantage div:nth-child(2n+1) {
    background: #f4f4f4;
}
.advantage div img {
    margin-top: 20%;
    margin-bottom: 20%;
    width: 30%;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
}
.advantage div:hover img{
    -webkit-transform: scale(1.3);
	transform: scale(1.3);
}
.advantage h4 {
    margin-bottom: 1.5em;
}
.comments {
    background: url(../images/comments.jpg) no-repeat center top;
    background-size:auto 100% ;
    padding-bottom: 3em;
}
.nub01 div.swiper-slide {
    text-align: center;
   padding:0 4%;
   font-size: 0.875em;
}
.nub01 div.swiper-slide img {
    width: 10em;
    height: 10em;
    border-radius:200px;
    border:10px solid #ee7532;
    margin-bottom: 2em;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
}
.nub01 div.swiper-slide img:hover {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    border:2px solid #fff;
}
.nub01 div.swiper-slide p {
     margin-top: 3em;
}
.nub01 div.swiper-slide h4 {
    font-size: 1.5em;
}
.nub01 div.swiper-slide div h4 span {
    display: block;
    margin-top: 0.5em;
    font-size: 0.7em;
}
.nub02 div.swiper-slide {
    text-align: center;
   font-size: 0.875em;
}
.nub02 img{ width: 100%;}
.comments_nav {
    margin-bottom:2em;
}
.comments_nav a{
    display:inline-block;
    font-size: 1.3em;
    color: #000;
    height: 2.5em;
    line-height: 2.5em;
    margin: 0 2em;
}
.comments_nav a:hover {
    text-decoration: none;
    padding: 0 1em;
    color: #ee7532;
}
.comments_nav a.cur{
    border-bottom: 4px solid #ee7532;
}
/*---------------*/
/*--single--*/
/*--footer--*/

.medias {
    border-bottom:1px solid #b2b2b2;
    font-size: 1.8em;
    padding: 1em 0;
    padding-left: 2em;
}
.medias span,.partners span  {
    width: 7em;
     display: inline-block;
     margin-right:1em;
}
.medias img {
    width: 2em;
    height: 2em;
    margin-right: 0.5em;
}
.partners {
   font-size: 1.8em;
    padding: 1em 0;
    padding-left: 2em;
}

.footer{
    background:#ee7532;
    padding:4em 0 2em;
}
.nav_bottom {
    margin-left: 1em;
    border-bottom:1px solid #efa87c;
}
.nav_bottom.nav_z dl{
    float: left;
    width: 20%;
    padding-right: 1%;
    padding-left: 1%;
    font-size:0.775em;
    color: #ebebeb;
}
.nav_bottom.nav_z dt {
    color: #fff;
    margin-bottom: 0.5em;
    font-weight: bold;
    font-family:  "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif,'黑体';
}
.nav_bottom.nav_z dd {
    margin-bottom: 0.4em;
}
.nav_bottom.nav_z dl dt a {
    color: #fff;
    font-weight:bold;
}
.nav_bottom.nav_z dl dd a {
    color: #ebebeb;
    font-weight: normal;
}
.clause_w { margin-top: 2em;  margin-left: 1em;}
.clause_w a{ display: inline-block; margin-right: 2em; color:#fff; font-size: 0.775em; margin-bottom: 1em;}
.nav_info_w { color: #fff; font-size: 0.775em;  margin-left: 1em;}
.nav_info_w span { display: inline-block; margin-right: 10px;}
.copyright { margin-top: 1em;}
.qrcode { text-align: center; color: #fff; font-size: 0.775em;}
.qrcode img {
    width:100%;
    margin-bottom: 0.5em;
}
.qrcode h5 {font-size: 0.775em;}
/*--//footer--*/

/*--news--*/
.header.other-banner-news {
    min-height: 25em;
    background: url(../images/banner_news.jpg)no-repeat center center;
    background-size: cover;
}
.header.other-banner-product {
    min-height: 25em;
    background: url(../images/banner_product.jpg)no-repeat center center;
    background-size: cover;
}
.header.other-banner-help {
    min-height: 25em;
    background: url(../images/banner_help.jpg)no-repeat center center;
    background-size: cover;
}
.header.other-banner-about {
    min-height: 25em;
    background: url(../images/banner_about.jpg)no-repeat center center;
    background-size: cover;
}
.header.other-banner-aboutoc-new {
    min-height: 25em;
    background: url(../static/images/uk_company_top_bg_01.jpg)no-repeat center center;
    background-size: cover;
}
.header.other-banner-tracking {
    min-height: 25em;
    background: url(../images/banner_tracking.jpg)no-repeat center center;
    background-size: cover;
}
.header.other-banner-clause {
    min-height: 25em;
    background: url(../images/banner_clause.jpg)no-repeat center center;
    background-size: cover;
}
.other-banner-title {
    font-size: 3em;
    border-bottom: 3px solid #ee7532;
    display: inline-block;
    color: #fff;
    margin-top: 5em;
    margin-left: 48px;
}
.other-banner-title-sub {
    font-size: 24px;
    color : #ee7532;
    display: block;
    margin-top: 20px;
    margin-left: 48px;
    font-weight: 900;
}

.sub-nav {
    text-align: center;
    overflow: hidden;
    color: #000;
    border-radius:3px;
    margin-top: 0.5em;
}
.sub-nav a {
    float: left;
    height: 3em;
    line-height: 3em;
    color: #000;
    background: #fff;
}
.sub-nav a.cur {
    background: #ee7532;
    color: #fff;
}
.news-nav.sub-nav a  {
    width: 50%;
}
.sub-nav a,.clause-nav.sub-nav a  {
    width: 33.33%;
}
.pricing-nav a{
    width: 50%;
}
.help-nav a{
    width: 33.33%;
}
.company-nav a{
    width: 33.33%;
}

.tracking-nav.sub-nav a  {
    width: 20%;
}

.bgf5f5f5 { background: #f5f5f5;}

.news_li {
    margin-bottom: 4em;
}
.news_li h4{
    margin-top: 0.5em;
}
.news_li h5{
    height: auto;
}
.news_li p{
    margin-top: 1em;
}
.product_mod01 img {
    width: 100%;
    padding-right: 8%;
}
.col-top-b {
    padding: 5em 0;
}
.product_mod01 h4,.product_mod02 h4 {
    font-size: 3em;
    margin-bottom: 1em;
}
.product_mod01 dl {
    clear: both;

    overflow: hidden;
}
.product_mod01 dl dt {
    float: left;
    width: 15%;
    margin-right: 1em;
    background: #ee7532;
    color: #fff;
    padding: 0.4em 1em;
    text-align: center;
    min-width: 6em;
}
.product_mod01 dl dd {
    float: left;
    display:block;
    width: 80%;
    padding-top: 0.4em;
}
.product_mod02 img{
    width: 100%;
}
.product_mod02 p{
     font-size: 1.2em;
     line-height: 2;
}
.product_mod02 h5 {
    font-size: 1.3em;
    font-weight: bold;
    margin-top: 2em;
    margin-bottom: 1em;
}
.product_mod02 span {
    display: block;
    font-size: 0.875em;
    line-height: 2;
    padding-bottom: 2em;
}
.help01_mode01 {
    min-height: 25em;
    background: url(../images/help01_mode01.jpg) no-repeat;
    background-size:cover;
    margin-bottom: 4em;
    padding-left: 8%;
}
.help01_mode01 h4 {
    font-size: 2.4em;
    color: #fff;
    padding-top: 4em;
    margin-bottom: 0.4em;

}
.help01_mode01 p {
    font-size: 1.4em;
    color: #fff;
}
.help01_mode01 a {
    display: inline-block;
    border:1px solid #ee7532;
     color: #ee7532;
     padding: 0.5em 3em;
     margin-top: 1em;
}

.help01_mode02 {
    min-height: 25em;
    background: url(../images/help01_mode02.jpg) no-repeat;
    background-size:cover;
    margin-bottom: 4em;
    padding-right: 8%;
    text-align: right;
}
.tracking0205_pic {
    min-height: 25em;
    background: url(../images/tracking0205_pic.jpg) no-repeat right;
    background-size:cover;
    margin-bottom: 4em;
    padding-right: 8%;
    text-align: right;
}
.pricing_bg {
    background: url(../images/pricing_bg.jpg) no-repeat right;
    background-size:cover;
}
.manual_bg {
    background: url(../images/manual_bg.jpg) no-repeat right;
    background-size:cover;
}
.tracking03_pic,.tracking04_pic  {
    min-height: 25em;
    background: url(../images/tracking0205_pic.jpg) no-repeat right;
    background-size:cover;
    padding-right: 8%;
    text-align: right;
}

.help01_mode02 h4,.tracking0205_pic h4,.tracking03_pic h4,.tracking04_pic h4 {
    font-size: 2.4em;
    color: #000;
    padding-top: 4em;
    margin-bottom: 0.4em;

}
.help01_mode02 p,.tracking0205_pic p,.tracking03_pic p,.tracking04_pic p {
    font-size: 1.3em;
    color: #000;
}
.help01_mode02 a,.tracking0205_pic a,.tracking03_pic a,.tracking04_pic a {
    display: inline-block;
    border:1px solid #ee7532;
     color: #ee7532;
     padding: 0.5em 3em;
     margin-top: 1em;
     margin-bottom: 2rem;
}
.tracking0205_pic a,.tracking03_pic a,.tracking04_pic a {
    display: inline-block;
    border:1px solid #ee7532;
     padding: 0.5em 2em;
     margin-top: 1em;
     background: #ee7532;
    color: #fff;
    text-decoration: none;
}
.help01_mode02 a:hover ,.help01_mode01 a:hover,.tracking0205_pic a:hover,.tracking03_pic a:hover,.tracking04_pic a:hover {
    background: #ee7532;
    color: #fff;
    text-decoration: none;
}
.help02_mode div {
    min-height: 8em;
    background: url(../images/help02.jpg) no-repeat;
    background-size:cover;
    font-size: 3em;
    padding-top: 4em;
    padding-left: 3em;
    font-weight: bold;
}
.help02_mode ul {
    padding:4% 0 ;
    list-style: none;
    background: #fff;
    overflow: hidden;
}
.help02_mode ul li {
    float: left;
    width: 40%;
    font-size: 1.3em;
    margin-bottom: 1.3em;
    margin-left: 10%;
}
.help02_mode ul li span {
    display: inline-block;
    background: #ee7532;
    font-size: 1em;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    color: #fff;
    border-radius:100px;
    line-height: 1.5em;
    margin-right: 1em;
}
a.btn_pdf {
    display: block;
    width: 100%;
    background: #ee7532;
    color: #fff;
    text-align: center;
    height: 3em;
    line-height: 3em;
}
.help03_mode {
    padding:0 1em;
}
.help03_mode ul {
    padding:5% 5%;
    list-style: none;
    background: #fff;
}
.help03_mode ul li  {
    margin:3em 0;

}
.help03_mode ul li h4 {
    font-size: 1.4em;
    font-weight:normal;
    margin-bottom: 0.4em;

}
.help03_mode ul li h4 span {
    display: inline-block;
    background: #ee7532;
     color: #fff;
     width: 2em;
     margin-right: 1em;
     text-align: center;
     margin-bottom: 0.5em;
}
.help03_mode ul li div {
    background: #f6f6f6;
    padding: 1em;
    font-size: 1em;
    line-height: 1.5;
    color: #5f5f5f;
}
.col-jj {
    text-align: left;
    padding: 1em 0;
}
.intro.about01_mod {
    margin-top:0em;
}
.intro.about01_mod p {
    margin-bottom: 6em;
}

.intro.about01_mod div.intro_text {
    padding-left:6%;
    padding-right:6%;
}
.intro.about03_mod  {
   margin-top: 0;
}

.about03_mod_qrcode {
    width: 30%;
    text-align: center;
}
.about03_mod_qrcode img {
    width:100%;
    text-align: center;
    display: inline-block;
    margin-bottom: 1em;
}
.about03_mod_kf {
    background: #ee7532;
    color: #fff;
    display: inline-block;
    padding: 2% 4%;
    margin-top: 2em;
}

.select_w {
    width:100%;
    height: 3em;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    padding-left: 2%;
    background: url(../images/search_jt.png) no-repeat center right;
}
.search_w {
    width:100%;
    background: #ee7532;
    color: #fff;
    height: 3em;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    padding-left: 2%;
    border: none;
}

.form_w h3 {
    padding-left: 1em;
    margin-bottom: 0.5em;
    font-size: 1.2em;

}
.tracking_white {
    background: #fff;
    padding: 2em;
}
.table { text-align: center; font-size: 1em;}
.table th {  text-align: center;}
.search_result {font-size: 1em;}
.search_result p{
    margin-bottom: 2em;
    font-size: 1em;
    margin-top: 1em;

}

div.search_result div h4{
    font-size: 2em;
    color: #ee7532;
    margin-bottom: 1em;

}
.no-padding {
    padding: 0!important;
}
.tracking03_mod_table {
overflow: hidden;

}

.tracking01_mod_title {}
.textarea { width: 100%;
 border: 1px solid #999999;
 padding: 2%;
 text-align: center;
 height: 10em;
 margin-top: 1em;
 margin-bottom: 1em;
 appearance: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 border-radius:0;
}
.track01_number { font-size: 1.2em; margin-bottom: 0.5em;}
.track01_status { margin-bottom: 1em; color: #ee7532;}
.track01_addr_time { border-bottom:1px solid #8A8A8A; padding-bottom: 1em; }
.track01_addr_time h5 {
    font-size: 1em;
    margin-bottom: 0.3em;
}
.tracking01_addr { overflow: hidden; padding-top: 1em;}
.tracking01_departure { float: left;width: 49%; overflow: hidden;}
.tracking01_arrive { float: left; width: 49%; overflow: hidden;}
.tracking01_departure p,.tracking01_arrive p {margin-left: 4.2em;}
.tracking01_departure_country,.tracking01_arrive_country { margin-left:1em; margin-right: 1em;}

.tracking_info dd { overflow: hidden; margin-bottom: 1em; }
.tracking_info dd div {
    float: left;
    padding-top: 0.5em; padding-bottom: 0.5em;

}
.tracking_info dd div:first-of-type,.tracking_info dt div:first-of-type  {
    width: 20%;
    background: url(../images/time_point.png) no-repeat 90% center;
    text-align: right;
    padding-right: 5%;
}
.tracking_info dd div:nth-child(2) {
    width: 30%;
    text-align: right;
    padding-right: 2%;
    background: #fff;
    border: 1px solid #adadad;
    border-right:none;
}
.tracking_info dd div:nth-child(3) {
    width: 50%;
    padding-left: 2%;
    background: #fff;
    border: 1px solid #adadad;
}
.tracking_info dt { width: 100%; overflow: hidden; margin-bottom: 0.5em; font-size: 1.2em;}
.tracking_info dt div {
    float: left;
    padding-top: 0.5em; padding-bottom: 0.5em;
}
.tracking_info dt div:nth-child(2) {
    width: 40%;
}
.clause_con {
    background: #fff;
    padding: 6%;
    line-height: 2;
}
.clause_con h3 {
    font-size: 3em;
}
.detail_con {
    background: #fff;
    padding: 6%;
    line-height: 1.7;
}
.detail_con h3 {
    font-size: 2em;
    margin-bottom: 1rem;
}

.huoodng_more {
    background: #000;
    padding: 0.2em 1.2em;
    color: #fff;
    font-size: 0.8em;
}
.huoodng_more:hover {
    color:#ee7532;
}
.video_w {
    position:fixed;
    top:0;left:0;width:100%;z-index:999;
    background: rgba(0, 0, 0,0.8);
    padding: 10%;
    height: 100%;
    text-align: center;
    display: none;
}

.flowplayer {
    position: absolute;
    margin-left: 50%;
    left: -320px;

}
.close_video { background: url(../images/video_close.png) no-repeat; width: 3em; height: 3em; color: #fff;left: 50%; position: absolute; bottom: 20%;}

.head_whate {
    position:fixed; background:rgba(255,255,255,0.95);
    color: #000;
    transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.head_whate a span{
    color: #000;
}
.head { position: fixed;}
.head_whate nav div ul li.lang {
    padding-left: 2.5em;
    background: url(../static/images/icon_language1.png) no-repeat 1em center;
    background-size:2em 1em;
}











#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 25px;
    right: 10px;
    overflow: hidden;
    width: 52px;
    height: 52px;
    border: none;
    text-indent: 100%;
    background: url('../static/images/up.png') no-repeat 0px 0px;
}
/*--responsive--*/
@media(max-width:1366px){

}
@media(max-width:1200px){

}
@media(max-width:1035px){


figure.effect-jazz h4 {
    font-size: 1em;
    margin-top: 2em;
}
}





@media(max-width:1020px){
.banner h2, .banner h3 {
    font-size: 2.2em;
}
}






@media(max-width:820px){
.banner h2, .banner h3 {
    font-size: 2em;
}
}






@media(max-width:991px){
.banner h2, .banner h3 {
    font-size: 2em;
}
.banner h3 {
    margin-left: 0em;
}
.banner {
    padding: 3em 0 0;
}
.header {
    width: 100%;
    min-height: 540px;
}


figure.effect-jazz h4 {
    font-size: 0.7em;
    margin-top: 1em;
}
figure.effect-jazz p {
    padding: 0.5em 0em;
    font-size: 0.7em;
}

.col-top h3{
    font-size: 2.5em;
}
.col-top{
    padding: 4em 0;
}
.tab-head {
    padding-bottom: 4em;
}
.col-top{
    padding: 3em 0;
}

}






@media(max-width:765px){
    .logo{
        position: absolute;
        padding: 0;
        height: auto;
        margin-top: 0em;
        top: 1em;
    }
    .logo img {
        width: 40%;
        padding-left: 5%;
    }
    .head {
        position:fixed;
        width: 100%;
        z-index: 99;
        top: 0;
    }
    .navbar-header {
        background: #fff;
    }

    .navbar-nav {
        display: block;
        float: none;
        text-align: left;
        background-color: rgba(0, 0, 0,0.9);
        margin-top: 0em;
        padding: 2em 0;
        box-shadow:0 0 10px rgba(0, 0, 0, 0.6);
    }

    .banner h2 {
        font-size: 2.3em;
        font-weight: 800;
        margin-top: 2.5em;
        margin-bottom: 0.8em;
    }
    .banner h3 {
        width: 90%;
        margin: auto;
        font-size: 1em;
        font-weight: normal;
        line-height: 1.3;
        margin-top: 0.7em;
    }
    .banner h4 {
        font-size: 0.6em;
        font-weight: normal;
        color: #fff;
        width: 80%;
        margin: auto;
        line-height: 1.5;
        margin-top: 1.2em;
        opacity: 0.7;
    }
    .header{
        width: 100%;
        min-height: 600px;
        display: block;
        background: url(../images/banner01.jpg)no-repeat center center;
        background-size: cover;
        margin-top: 4em;
    }

    .lang {
        padding-left: 0em;
        background: none;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background:none;
    }
    ul.nav.navbar-nav li a {
        padding: 1em 1em;
        color: #fff;
    }
    .navbar-collapse {
         border-top: none;
         box-shadow: none;
    }
    .navbar-default .navbar-toggle {
        border-color: #FFF;
    }
    .col-top h3 {
        font-size:1.8em;
        font-weight: normal;
    }


.headlines h4 {
    font-size: 1em;
    padding-bottom: 0.5em;
    margin-top: 0.7em;
    background: url(../images/line.png) no-repeat left bottom;
    background-size:auto 4px;
}

.headlines h5 {
    font-size: 1.25em;
    text-align: left;
    margin-top: 1em;
    font-weight:bold;
    margin-bottom: 0.5em;
    line-height: 1.3;
    height: auto;

}
.headlines p {
    font-size: 0.875em;
    line-height: 1.5;
    width: 100%;
    text-align:left;
    color: #999999;
    margin-bottom:2em;
    height: auto;

}
.headlines_more {
    display: block;
    position: absolute;
    top:0em;
    right: 0;
    width:3.5em;
    height: 2em;
    background: url(../images/news_more.png) no-repeat center center;
    background-size:100% auto;
}
.headlines-grid {
    margin-top:2.5em;
}
.col-top{
    padding-bottom: 0em;
}

figure.effect-jazz h4 {
	font-size: 2em;
}
figure.effect-jazz p {
	font-size: 1em;
}
.grid figure figcaption {
    padding:2% 4%;
}
.intro img {
    width: 70%;
    margin-top: 4em;
}
.intro h5 {
    font-size: 1.1em;
    margin-bottom:2em;
}
.intro h4 {
    font-size: 1.8em;
}
.intro p {

}
.intro_text {
    padding-left:6%;

}
.intro_text p{
    line-height: 1.5;
    font-size: 0.875em;
}


.advantage {
    width: 100%;
    overflow: hidden;
    height:auto;
    border:1px solid #fff;
}
.advantage div {
    text-align: center;
    width: 100%;
    padding: 2%;
    float: none;
    background: #efefef;
    height: auto;
    padding-top: 8%;
    padding-bottom: 8%;
}
.advantage div:nth-child(2n+1) {
    background: #f4f4f4;
}
.advantage div img {
    margin-top: 0%;
    margin-bottom: 0%;
    width: 20%;
    padding-left: 8%;
    padding-right: 1%;
    float: left;
}

.advantage h4 {
    margin-bottom: 0.4em;
    font-size: 1.2em;
    font-weight: bold;

}
.advantage p {
    font-size: 0.8em;
}
.advantage span {
    text-align: left;
    display:inline-block;
    width: 70%;
}

.medias {
    border-bottom:1px solid #b2b2b2;
    font-size: 1.3em;
    padding: 1em 0;
    padding-left: 1em;
}
.medias span,.partners span  {
    width: 5em;
     display: inline-block;
     margin-right:1em;
}
.medias img {
    width: 2em;
    height: 2em;
    margin-right: 0.5em;
}
.partners {
    font-size: 1.3em;
    padding: 1em 0;
    padding-left: 1em;
}



.footer{
    background:#ee7532;
    padding:3em 0;
}
.bottom_logo { width: 40%; padding-left: 1em;}
.nav_bottom {
    margin-left: 1em;
    border-bottom:1px solid #efa87c;
    padding-top:2em;
    border-top:1px solid #efa87c;
    margin-top: 3em;
    padding-bottom: 1em;
}
.nav_bottom.nav_z dl{
    float: none;
    width: 80%;
    margin-right: 4%;
    font-size:0.875em;
    color: #ebebeb;
    background: url(../static/images/bottom_nav_sub.png) no-repeat 0em 0.5em ;
    background-size:1em auto;
    padding-left: 2em;
}
.nav_bottom.nav_z dt {
    color: #fff;
    margin-bottom: 0.5em;
    font-size: 1.3em;

}
.nav_bottom.nav_z dd {
    display: none;
    margin-bottom: 0.4em;
}
.nav_bottom.nav_z dl dt a {
    color: #fff;
    font-weight: bold;
    display: block;
    width: 100%;

}
.nav_bottom.nav_z dl dd a {
    color: #ebebeb;
    font-weight: normal;
}
.clause_w { margin-top: 2em;  margin-left: 1em;}
.clause_w a{ display: inline-block; margin-right: 2em; color:#fff; font-size: 0.875em; margin-bottom: 1em;}
.nav_info_w { color: #fff; font-size: 0.875em;  margin-left: 1em;}
.nav_info_w span { display: block;}
.copyright { margin-top: 1em;}
.qrcode { text-align: center; color: #fff; font-size: 0.875em;}
.qrcode img {
    width:100%;
    margin-bottom: 0.5em;
}
.qrcode img {
    margin-top: 4em;
    width:60%;
    margin-bottom: 1em;
}
.comments_nav a{
    display:inline-block;
    font-size: 1em;
    color: #000;
    height: 2.5em;
    line-height: 2.5em;
    margin: 0 2em;
}

.header.other-banner-news {
    min-height: 15em;
    background: url(../images/banner_news.jpg)no-repeat center center;
    background-size: cover;
}
.header.other-banner-product {
    min-height: 15em;
    background: url(../images/banner_product.jpg)no-repeat center center;
    background-size: cover;
}
.header.other-banner-help {
    min-height: 15em;
    background: url(../images/banner_help.jpg)no-repeat center center;
    background-size: cover;
}
.header.other-banner-about {
    min-height: 15em;
    background: url(../images/banner_about.jpg)no-repeat center center;
    background-size: cover;
}
.header.other-banner-aboutoc-new {
    min-height: 25em;
    background: url(../static/images/uk_company_top_bg_01.jpg)no-repeat center center;
    background-size: cover;
}
.header.other-banner-tracking {
    min-height: 15em;
    background: url(../images/banner_tracking.jpg)no-repeat center center;
    background-size: cover;
}
.header.other-banner-clause {
    min-height: 15em;
    background: url(../images/banner_clause.jpg)no-repeat center center;
    background-size: cover;
}
.other-banner-title {
    font-size: 2em;
    border-bottom: 3px solid #ee7532;
    display: inline-block;
    color: #fff;
    margin-top: 4em;
    margin-left: 1em;
}
.news_li {
    margin-bottom: 0em;
}

.product_mod01 img {
    padding-right: 0%;
}
.col-top-b {
    padding: 1em 0;
}
.product_mod01 h4,.product_mod02 h4  {
    font-size: 2em;
    margin-bottom: 1em;
    padding-top: 1.5em;
}
.product_mod01 dl {
    clear: both;

    overflow: hidden;
}
.product_mod01 dl dt {
    float: left;
    width: 15%;
    margin-right: 1em;
    background: #ee7532;
    color: #fff;
    padding: 0.4em 1em;
    text-align: center;
    min-width: 6em;
    font-size: 0.875em;
}
.product_mod01 dl dd {
    font-size: 0.875em;
    float: left;
    display:block;
    width: 65%;
    padding-top: 0.4em;
}

.product_mod02 p{
    font-size: 1em;
    line-height: 1.5;
}

.help01_mode01 {
    min-height: 20em;
    margin-bottom: 4em;
    padding-right: 8%;
    margin-top: 1em;
}
.help01_mode01 h4 {
    font-size: 1.6em;
    padding-top: 5em;
    margin-bottom: 0.4em;

}
.help01_mode01 p {
    font-size: 1em;
}

.help01_mode02 {
    min-height: 20em;
    margin-bottom: 0em;
    padding-right: 8%;

}
.help01_mode02 h4 {
    font-size: 1.6em;
    color: #000;
    padding-top: 5em;
    margin-bottom: 0.4em;

}
.help01_mode02 p {
    font-size: 1em;
    color: #000;
}
.help02_mode ul li {
    float: none;
    width: 90%;
    font-size: 1em;
    margin-bottom: 0.8em;
    margin-top: 0.8em;
    margin-left: 10%;
}
.help02_mode div {
    min-height: 6em;
    background: url(../images/help02.jpg) no-repeat;
    background-size:cover;
    font-size:2em;
    padding-top: 3em;
    padding-left: 1em;
    font-weight: bold;
}

.help03_mode ul li h4 {
    font-size: 1.2em;

    margin-bottom: 0.4em;

}
.help03_mode ul li h4 span {
    display: inline-block;
    background: #ee7532;
     color: #fff;
     width: 2em;
     margin-right: 1em;
     text-align: center;
     margin-bottom: 0.5em;
}
.help03_mode ul li div {
    background: #f6f6f6;
    padding: 1em;
    font-size: 0.875em;
    line-height: 1.5;
    color: #5f5f5f;
}
.about03_mod.intro img {
    margin-top:0em;
}
.about03_mod_qrcode {
    width: 70%;
    text-align: left;
    margin-bottom: 5em;
}

.tracking_white {
    background: #fff;
    padding: 0.5em;
}
.tracking-nav a {
    font-size: 0.5em;
}
.search_w {
  margin-top: 1em;
  font-size: 0.8em;
}
.form_w h3 {
    padding-top: 1em;
    font-size: 0.875em;
    margin-left: 0.275em;
}
.search_w {
    margin-bottom: 1em;
}
.table { text-align: center; font-size: 0.875em;}
.search_result {font-size: 0.875em;}
div.search_result div h4{
    font-size: 1.7em;
    color: #ee7532;
    margin-top: 1em;
}

h3.tracking01_mod_title { margin-top: 0.5em; font-size: 1em;}
.textarea {
 border: 1px solid #999999;
 padding: 2%;
 text-align: center;
 height: 10em;
 margin-top: 1em;
 margin-bottom: 0em;
font-size: 0.7em;
}
.track01_number { font-size: 0.875em; margin-bottom: 0.1em;}
h4.track01_status { margin-bottom: 0.875em; color: #ee7532; font-size: 1em;}
.track01_addr_time { border-bottom:1px solid #8A8A8A; padding-bottom: 0.5em; }
.track01_addr_time h5 {
    font-size: 0.8em;
    margin-bottom: 0.3em;
}
.tracking01_addr { overflow: hidden; padding-top: 1em; font-size: 0.7em;}
.tracking01_departure { float: left;width: 49%; overflow: hidden;}
.tracking01_arrive { float: left; width: 49%; overflow: hidden;}
.tracking01_departure p,.tracking01_arrive p {margin-left: 4.2em;}
.tracking01_departure_country,.tracking01_arrive_country { margin-left:1em; margin-right: 1em;}
.tracking_info dd { overflow: hidden; margin-bottom: 1em; }
.tracking_info dd div {
    font-size: 0.7em;
    float: left;
    padding-top: 0.5em; padding-bottom: 0.5em;

}
.tracking_info dd div:first-of-type,.tracking_info dt div:first-of-type  {

    width: 20%;
    background: url(../images/time_point.png) no-repeat 90% center;
    background-size:4px;

}
.tracking_info dd div:nth-child(2) {
    width: 30%;
    text-align: right;
    padding-right: 2%;
    background: #fff;
    border: 1px solid #adadad;
    border-right:none;
}
.tracking_info dd div:nth-child(3) {
    width: 50%;
    padding-left: 2%;
    background: #fff;
    border: 1px solid #adadad;
}
.tracking_info dt { width: 100%; overflow: hidden; margin-bottom: 0.5em; font-size: 1em;}
.tracking_info dt div {
    float: left;
    padding-top: 0.5em; padding-bottom: 0.5em;
}
.tracking_info dt div:nth-child(2) {
    width: 40%;
}

figure.effect-jazz:hover img {
	opacity: 1;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

figure.effect-jazz:hover figcaption::after {
	opacity: 1;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}

figure.effect-jazz:hover h4,
figure.effect-jazz:hover p {
	opacity: 1;
	-webkit-transform: scale3d(0.9,0.9,1);
	transform: scale3d(0.9,0.9,1);
}
.form_w h3 {
    padding-left: 0.7em;
    margin-bottom: 0.5em;
    font-size: 0.875em;
}

.select_w {
    width:100%;
    height: 3em;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    padding-left: 2%;
    background: url(../images/search_jt.png) no-repeat center right;
    font-size: 0.875em;
}
.detail_con {
    background: #fff;
    padding: 6%;
    line-height: 1.7;
    font-size: 0.8em;
}
.banner h3 {
    font-size: 0.9em;

}
.clause_con h3 {
    font-size:2em;
    margin-bottom: 0.6em;
}
.clause_w_con { font-size:0.9em;}

}
.clause_w_con { margin-bottom: 30px;}
.clause_w_con strong { font-weight: bold; color: #000;font-size: 18px;}
/*2024 2月更新*/
.banner h2 { font-size: 2.5em;}
.banner h3 { font-size: 1.4em;margin-top: 0.7em}
.banner h4 {  font-size: 1em;margin-top: 0.7em}
.wp-block-button__link { background: #ee7532; color: #fff;cursor: pointer;border-radius: 0.25em;padding: calc(0.667em + 2px) calc(1.333em + 2px);}
.wp-block-button__link:hover { color: #fff;text-decoration: none}
.wp-block-button__link:focus { color: #fff;text-decoration: none}
.wp-block-heading{text-align: center;line-height: 3em;margin-top: 3em}
.has-text-align-center{text-align: center}
.has-m-t-3{margin-top: 3em}
.wp-block-media-text{background: #f7f9fd;display: flex;}
.wp-block-media-text .wp-block-media-text__content{padding: 2em 4em}
.wp-block-media-text .wp-block-media-text__content p{padding: 2em 0}
.wp-block-media-text .wp-block-media-text__content ul{padding-top: 0.5em;padding-left: 0.5em}
.wp-block-media-text .wp-block-media-text__content ul li{display: list-item;text-align: left}
.wp-block-advantage h1{line-height: 2.5em}
.wp-block-advantage .wp-block-quote{
    margin: 0 auto;
    width: 60%;
    color: #0526b6;
    border-color:#11181F;
    border-width: 0 0 0 5px;
    border-style: solid;
    font-style: italic;
    padding-left: 1.75em;
    font-size: 1.5em;
}
.wp-block-advantage .wp-block-quote p {
    font-size: 1.5em;
}
.wp-block-advantage .wp-block-quote p:nth-child(2) {
    margin-top: 0.8em
}

.wp-block-service{}
.wp-block-service .wp-block-service-content{display: flex;flex-wrap: nowrap;justify-content: space-between;box-sizing: border-box;}
.wp-block-service .wp-block-image{
    width: 50%;
    display: flex;    flex-wrap: wrap;
    flex-direction: column;
}
.wp-block-service .wp-block-image img {
    box-sizing: border-box;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
}

.wp-block-group {}
.wp-block-group .choose-us{display: flex}
.wp-block-group .choose-us img{width: 50%}
.wp-block-group .choose-us .wp-block-group-flex{display: flex;flex-wrap: wrap}
.wp-block-group .choose-us .wp-block-group-flex div{width: 50%}
.wp-block-group .choose-us .wp-block-group-flex h4{font-size: 1.2em;font-weight: bolder;line-height: 2em}

.wp-block-group .third-part{text-align: center;}
.wp-block-group .third-part p{font-size: 1.3em;padding: 2em 0}
.seller-think-wrap .seller-think {margin-top: 5em}
.seller-think .seller-think-box{
    background-color: #f7f9fd;
    padding: 1.75em;
    margin: 0 1em;
}
.seller-think .seller-think-box .wp-block-quote{
    border-color:#11181F;
    border-width: 0 0 0 5px;
    border-style: solid;
    font-style: italic;
    padding-left: 1.75em;
}
.seller-think .seller-think-box .wp-block-quote p {
    font-size: 1.2em;
}
.interest-wrap{margin-top: 3em;margin-bottom: 3em}



.header{width: 100%;min-height: 890px;display: block;background: url(../static/images/index/banner.jpg)no-repeat center center;background-size: cover;}
.clause_w { margin-left: 0em!important;}
.nav_info_w { margin-left: 0em!important;}
.clause_w a {margin-right: 1em;}

.advantage  { height: 470px;}
.advantage div { width: 25%;}
.de_services_con { background: url(../static/images/de_services.jpg) no-repeat center center; padding-top: 140px; font-size: 40px; color: #fff;}
.de_services_con_w { border-left: 20px solid #ee7532; text-align: left;  margin-top: 300px;}
.de_services_con_w a { background: rgba(0, 0, 0, 0.6); display: inline-block; margin-left: 30px; font-size: 14px; padding: 3% 4% 3% 4%; color: #fff; text-decoration: none; cursor: pointer;}
.de_services_con_w a h2 { margin-bottom: 20px;}
.de_services_con_w a span { display: block; font-size: 14px; text-align: right; margin-top: 50px;}
.de_services_con_w p {  font-size: 18px; display: block;  text-align: right; margin-top: 10px;}
.de_services_con_w b { color: #ee7532;}


/*产品与服务-仓配管理服务*/
.product-nav.sub-nav a { width: 25%!important;}
.warehouse_mode1 { position: relative; margin-bottom: 80px;}
.warehouse_product { background-color: #fff;}

.warehouse_product h4 { font-size: 2em; letter-spacing:10px;}
.warehouse_product h2 { color: #ee7532; font-size: 4em; margin-left: 8%; margin-top: 0.2em;letter-spacing:10px;}
.warehouse_mode1_title { position: absolute; left:20%; top:50%; font-size: 35px; font-weight: bold; transform: translateY(-10%);}
.warehouse_mode1_title h4 { font-weight: bold; font-size: 1.9em; color: #131713; letter-spacing: normal;}
.warehouse_mode1_title h4 span { font-size: 50px;text-align: right; display: block; letter-spacing: 0;}
.warehouse_mode1_title h4 span b { color: #ee7532;}
.warehouse_mode1_title a.btn_get { background-image: linear-gradient(#fe9532, #ee6f2b); color: #fff; padding: 20px 40px;border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); font-size: 20px; text-decoration: none; }
.warehouse_banner_info_w { margin-left: 60px; margin-top: 30px; text-align: right;}
.warehouse_banner_info_w p { font-size: 16px; margin-top: 20px; }
.warehouse_title { font-size: 2.5rem; text-align: center;letter-spacing:5px;}
.warehouse_title hr { width:80px; height: 5px; background: #ee7532; margin-top: 1em; margin-bottom: 1em;}
.warehouse_mode2 { text-align: center;}
.warehouse_mode4 { padding-top: 5em; background: url(../images/warehouse_product_more_bg.jpg) no-repeat center top; background-size: 100% auto; background-color: #fff4eb;text-align: center;}
.warehouse_product_img2 { border-radius: 10px;  padding-left:15px; background: #ee7532;}
.warehouse_product_ico { padding-top:100px; text-align: center; margin-top: 60px; font-size: 1em; color: #2e2a25; transition: all 0.4s;}
.warehouse_product_ico:hover { transform: scale(1.05); transition: all 0.4s;}
.warehouse_product_ico hr { width:25%; height:3px; background: #000; margin-top: 10px; margin-bottom:20px;}
.warehouse_product_ico1 { background: url(../images/warehouse_product_ico1.png) no-repeat top center; background-size:80px 100px;}
.warehouse_product_ico2 { background: url(../images/warehouse_product_ico2.png) no-repeat top center; background-size:80px 100px;}
.warehouse_product_ico3 { background: url(../images/warehouse_product_ico3.png) no-repeat top center; background-size:80px 100px;}
.warehouse_product_ico4 { background: url(../images/warehouse_product_ico4.png) no-repeat top center; background-size:100px 120px;}
.warehouse_product_ico5 { background: url(../images/warehouse_product_ico5.png) no-repeat top center; background-size:100px 120px;}
.warehouse_product_ico6 { background: url(../images/warehouse_product_ico6.png) no-repeat top center; background-size:100px 120px;}
.warehouse_product_ico7 { background: url(../images/warehouse_product_ico7.png) no-repeat top center; background-size:100px 120px;}
.warehouse_product_ico8 { background: url(../images/warehouse_product_ico8.png) no-repeat top center; background-size:100px 120px;}
.warehouse_mode3 p {text-align: center;}
.warehouse_product_contact_ico { float: left; overflow: hidden; transition: all 0.4s; width: 18%; margin: 0 1%; padding-top: 100px; text-align: center; margin-top: 30px; font-size: 1em; color: #2e2a25;box-shadow:0 0 20px rgba(0, 0, 0,0.05); border-radius: 6px;}
.warehouse_product_contact_ico:hover { transform: scale(1.1); transition: all 0.4s;}
.warehouse_product_contact_ico h6 { color: #2e2a25; font-size: 1.3em; font-weight: bold; margin-bottom: 0.8em; margin-top:2.5em;}
.warehouse_product_contact_ico hr { width:25%; height:3px; background: #000; margin-top: 10px; margin-bottom:20px;}
.warehouse_product_contact_ico1 { background: url(../images/warehouse_product_contact_ico1.png) no-repeat top center; background-size:100% auto; background-color: #fff; }
.warehouse_product_contact_ico2 { background: url(../images/warehouse_product_contact_ico2.png) no-repeat top center; background-size:100% auto; background-color: #fff; }
.warehouse_product_contact_ico3 { background: url(../images/warehouse_product_contact_ico3.png) no-repeat top center; background-size:100% auto; background-color: #fff; }
.warehouse_product_contact_ico4 { background: url(../images/warehouse_product_contact_ico4.png) no-repeat top center; background-size:100% auto; background-color: #fff; }
.warehouse_product_contact_ico5 { background: url(../images/warehouse_product_contact_ico5.png) no-repeat top center; background-size:100% auto; background-color: #fff; }
.warehouse_product_contact_ico div { font-size: 14px; width: 90%; margin: auto; min-height: 160px; color: #49453f; line-height: 1.5;}

a.warehouse_product_btn { display: block; float: left; font-weight: bold; font-size: 20px; margin-bottom: 65px; background-image: linear-gradient(#ff9733, #ed6e2b); padding:20px 60px; border-radius: 15px; margin-top: 30px; color: #fff;margin-left:50%; transform: translateX(-50%); box-shadow: 0 0 20px rgba(0, 0, 0,0.3);}
.warehouse_mode5 { background: url(../images/warehouse_product_more_bg.jpg) no-repeat center top; padding-top: 240px; background-size: 100% auto; background-color: #fff4eb;text-align: center;}
a.warehouse_product_more_ico { display: block; float: left; overflow: hidden; cursor: pointer; width: 17%; margin: 0 4%; padding-top: 40px; padding-bottom: 200px; text-align: center; margin-top: 30px; font-size: 1.3em; color: #2e2a25; }
a.warehouse_product_more_ico:hover {transform: scale(1.1);}
.warehouse_product_more_ico h6 { color: #2e2a25; font-size: 1.1em; font-weight: bold; margin-bottom: 0.8em; margin-top: 1.3em;}
.warehouse_product_more_ico hr { width:25%; height:3px; background: #000; margin-top: 10px; margin-bottom:20px;}
.warehouse_product_more_ico b { width: 110px; height: 110px; display: inline-block; border-radius: 110px; box-shadow:0 0 20px rgba(0, 0, 0, 0.2); margin-bottom: 20px;}
.warehouse_product_more_ico1 b { background: url(../images/warehouse_product_more_ico1.jpg) no-repeat top center; background-size:100% auto;}
.warehouse_product_more_ico2 b { background: url(../images/warehouse_product_more_ico2.jpg) no-repeat top center; background-size:100% auto;}
.warehouse_product_more_ico3 b { background: url(../images/warehouse_product_more_ico3.jpg) no-repeat top center; background-size:100% auto;}
.warehouse_product_more_ico4 b { background: url(../images/warehouse_product_more_ico4.jpg) no-repeat top center; background-size:100% auto;}
.warehouse_product_flag { display: inline-block; list-style: none; width: 500px; font-size: 0; margin-left:50%; transform: translateX(-50%);text-align: center;}
.warehouse_product_flag li { width: 14%; margin: 0 3%; text-align: center; display: inline-block;}
.warehouse_product_flag li img { width: 100%; border-radius: 100px; overflow: hidden; border:5px solid #efefef; box-shadow:0 10px  10px rgba(0, 0, 0, 0.1);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;
    opacity: 0.4;
    transform: scale(0.8);
    transition: all 0.4s;
}
.warehouse_product_flag li.cur img {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    opacity: 1;
    transform: scale(1);
    transition: all 0.4s;
}
.warehouse_product_flag li.cur span { opacity: 1;}
.warehouse_product_flag li span { opacity: 0; display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #ee7532; margin-top: 20px;}
.warehouse_product_flag_info {  width: 100%; margin-left: 50%; transform: translateX(-50%); text-align: left; margin-top: 20px; background: #fff; background: #f8f8f8; padding: 40px; border-radius: 6px;}
.warehouse_product_flag_info p { text-align: left; font-size: 1.1em;}
.warehouse_product_flag_info span { display: inline-block; font-size: 1.3em; font-weight: bold; border-bottom: 2px solid #000; margin-bottom: 15px;}
.warehouse_product_flag_info p b { color: #ee7532; margin-top: 10px;}
.warehouse_product_flag_info div { display: none;}
.warehouse_product_flag_info div.warehouse_product_flag_info1 { display: block;}
.fulfillment_table { width: 100%;}
.fulfillment_table tr td,.fulfillment_table tr th{ padding: 10px; border: 3px solid #fff; }
.fulfillment_table tr th { background: #2a2a25; color: #fff;}

.warehouse_product_flag_info1 { font-size: 16px!important;}
.warehouse_product_flag_info1 b { color: #000!important; display: block; margin: 0!important; padding: 0;}
.warehouse_product_flag_info1 b.cur{ color: #ed6e2b!important;}
.warehouse_product_flag_info1 p { margin-bottom: 20px;}
.warehouse_product_flag_info1 h3 { font-size: 30px; margin-bottom: 20px; font-weight: bold;}

.warehouse_product_flag_info2 { font-size: 16px!important;}
.warehouse_product_flag_info2 b { color: #000!important; display: block; margin: 0!important; padding: 0;}
.warehouse_product_flag_info2 b.cur{ color: #ed6e2b!important;}
.warehouse_product_flag_info2 p { margin-bottom: 20px;}
.warehouse_product_flag_info2 h3 { font-size: 30px; margin-bottom: 20px; font-weight: bold;}

.warehouse_product_flag_info3 { font-size: 16px!important;}
.warehouse_product_flag_info3 b { color: #000!important; display: block; margin: 0!important; padding: 0;}
.warehouse_product_flag_info3 b.cur{ color: #ed6e2b!important;}
.warehouse_product_flag_info3 p { margin-bottom: 20px;}
.warehouse_product_flag_info3 h3 { font-size: 30px; margin-bottom: 20px; font-weight: bold;}

.warehouse_product_flag_info4 { font-size: 16px!important;}
.warehouse_product_flag_info4 b { color: #000!important; display: block; margin: 0!important; padding: 0;}
.warehouse_product_flag_info4 b.cur{ color: #ed6e2b!important;}
.warehouse_product_flag_info4 p { margin-bottom: 20px;}
.warehouse_product_flag_info4 h3 { font-size: 30px; margin-bottom: 20px; font-weight: bold;}

.warehouse_product_flag_info5 { font-size: 16px!important;}
.warehouse_product_flag_info5 b { color: #000!important; display: block; margin: 0!important; padding: 0;}
.warehouse_product_flag_info5 b.cur{ color: #ed6e2b!important;}
.warehouse_product_flag_info5 p { margin-bottom: 20px;}
.warehouse_product_flag_info5 h3 { font-size: 30px; margin-bottom: 20px; font-weight: bold;}



.clause_w { margin-left: 0em!important;}
.nav_info_w { margin-left: 0em!important;}
.clause_w a {margin-right: 1em;}
.fulfillment_advantages { position: relative; background: url(../images/fulfillment_img.jpg) no-repeat left  top; background-size: auto 100%; height: 1000px; width: 100%;}
.fulfillment_advantages p { width: 460px;}
.fulfillment_advantages_w { margin-left: 40%;}
.fulfillment_common { display: flex; align-items: center; font-size: 18px; margin-bottom: -16px;}
.fulfillment_common div img { width: 130px;}
.fulfillment_advantages01 { margin-left: 0;}
.fulfillment_advantages02 { margin-left: 70px;} .fulfillment_advantages02 p { width: 650px;}
.fulfillment_advantages03 { margin-left: 100px;}.fulfillment_advantages03 p { width: 650px;}
.fulfillment_advantages04 { margin-left: 130px;}
.fulfillment_advantages05 { margin-left: 120px;}
.fulfillment_advantages06 { margin-left: 90px;}
.fulfillment_advantages07 { margin-left: 40px;}
.fulfillment_advantages08 { margin-left: -30px;}
.fulfillment_advantages09 { margin-left: -100px;}


.team_mod1 { background: #fff;}
.team_mod1 h4 { font-size: 60px; margin-top: 100px;}
.team_mod1 hr { background:#ee7532; height: 4px; width: 80px; text-align:left; display: inline-block;}


.team_p { line-height: 2; padding: 80px 0; background: #fff;}
.team_p b { color: #ee7532; font-weight: normal;}
.team_photo img { width: 100%;  border-radius: 100%;}
.team_name { padding-left: 20%; text-align: left!important; margin-top: 60px;}
.team_name h5 { line-height: 1; font-size: 48px; margin: 0; font-family: 'Times New Roman', Times, serif;}
.team_name h5 span:last-child { display: inline-block; margin-left: 70px;}
.team_name hr { width: 70px; background: #000; height: 5px;  margin: 0;}

.team_position { font-size: 16px; line-height: 1.3; margin-top: 24px;}
.team_position b { color: #ed6e2b;}

.team_p_2 div.team_name { margin-top: 100px;}
.team_p_2 { background: #f8f8f8;}
.team_p_2 div.info { margin-left: 30px; padding-top: 100px;}
.team_p_2 div.info p{ margin-bottom: 20px;}
.team_p_3 div.info { margin-bottom: 20px;}
.team_p_3 div.info p{ margin-bottom: 20px;}
.subnav { display: none; position: absolute; background:rgba(0, 0, 0, 0.6); width: 250px; left: 50%; transform: translateX(-50%); text-align: center; padding: 10px 0;}
.subnav a { display: block;}
.iframe_footer { background: #ee7532;}
.lang div.subnav { width: 130px; margin-left: 1.3em;}

@media(max-width:765px){
    .header{
        width: 100%;
        min-height: 600px;
        display: block;
        background: url(../images/g2020_banner01.jpg)no-repeat center center;
        background-size: cover;
        margin-top: 4em;
    }
}



/* @media(max-width:640px){



.navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
}
.navbar-toggle {
    margin-top: 13px;
}
.banner {
    padding: 1em 0 0;
}
.hvr-rectangle-out {
    margin-top: 2em;
}
.header {
    margin-top: 4em;
    min-height: 450px;
}
.ser-grid {
    padding-top: 2em;
}
.grid ,.grid-wi{
    width: 100%;
}
.portfolio {
    width: 65%;
    margin: 0 auto;
}
figure.effect-jazz h4 {
    font-size: 1.2em;
    margin-top: 2em;
}
figure.effect-jazz p {
    font-size: 0.9em;
}
figure.effect-jazz h4.effcet-text{
	 margin-top: 4em;
}


} */




/* @media(max-width:530px){
.banner h2, .banner h3 {
    font-size: 1.7em;
}
}
@media(max-width:480px){
.logo h1 {
    font-size: 1.2em;
}
.banner h2, .banner h3 {
    font-size: 1.7em;
}
.header {
    min-height: 390px;
}
.col-top h3, .services h3{
    font-size: 2em;
}

.col-top, .services {
    padding: 2.5em 0;
}

.tab-head {
    padding-bottom: 2em;
}
.portfolio {
    width: 80%;
}
.ser-grid {
    padding-top: 1.5em;
}
}




@media(max-width:460px){
.banner h2, .banner h3 {
    font-size: 1.2em;
}
}




@media(max-width:320px){
.logo h1 {
    font-size: 1em;
}
.banner h2, .banner h3 {
    font-size: 1.2em;
}
.banner {
    padding: 0em 0 0;
}
.header {
    min-height: 286px;
}
.col-top {
    padding: 1.5em 0;
}
.col-top h3, .services h3 {
    font-size: 1.5em;
}
.portfolio {
    width: 90%;
}
figure.effect-jazz p {
    font-size: 0.75em;
}
figure.effect-jazz h4 {
    font-size: 0.8em;
    margin-top: 1.5em;
}
figure.effect-jazz h4.effcet-text {
    margin-top: 3em;
}

ul.nav.navbar-nav li a {
    font-size: 1em;
}
} */

.clause_con a {
    text-decoration: none;
    color: black;
}




.el-table th>.cell{
	word-break: break-word!important;
}