﻿/*<--导航条共用css*/
body{
	/*font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体"!important;*/
}
/*海快發船全流程*/
.advice{
	background: #009688;
	color: #fff;
}
.clearence{
	color: #009688;
	font-weight: bold;
}
.remark{
	font-size: 15px!important;
	text-align: left!important;
}
.signfor{
	color: #5FB878;
}
/*查看操作细则外观*/
.more-detail{
	margin: 0 17px;
	font-weight: bold;
	color: #ff5722;
}
.mdLogo{
	position: absolute;
	left: 0;
	top: 17px;
	z-index: -999;
	line-height: 115px;
}
.xsFloat{
   font-size: 47px;
   float: right;
   margin: 4%;
}
.xsFloat button{
	background-color: #2380fb;
	opacity: .94;
}
.layui-header{
	background: #FFFFFF;
	height: 7.14rem;
}
.layui-breadcrumb>*{
	font-size: 1rem!important;
}
.layui-breadcrumb a{
	/* color: #00c9a7 !important; */
}
#navBar .img_logo{
	width: 29%;
	margin-bottom: 7px;
}
#navBar .layui-nav{
	float: right;
    position: absolute;
	right: 10%;
	background-color: transparent;	
}
#navBar .nav_login{
	position: absolute;
	right: -7px;
	margin-top: 2rem;
}
.nav_login a{
	color: #fff;
}
.nav_login:hover{
	box-shadow: 0 4px 11px rgb(55 125 255 / 35%);
	transform: translateY(-3px);
}
.layui-nav *{
	font-size: 1rem!important;
}
.layui-nav-item{
	line-height: 7.14rem!important;
	color: #343a40!important;
}
.layui-nav-child{
	top: 7.14rem;
}
.layui-nav-item a{
	color: #343a40!important;
	font-size: 1rem!important;
}
/*小屏幕导航按钮背景*/
#xsNav .layui-nav-item a{
	color: #2380fb!important;
	font-size: 13px;
	font-style: normal;
	text-align: left;
	
}
#xsNav .layui-nav-item a:hover{
	background-color: #2380fb!important;
	color: #fff!important;
}
#xsNav .layui-nav{
	transition: ease all 500ms;
}
#xsNav .list_show{
	background-color: #2380fb ;
}
#xsNav .list_show>a{
	color: #fff!important;
}
#xsNav .layui-nav-child{
	background-color: #fff!important;
}
#xsNav .layui-nav-tree{
	padding: 0 4%!important;
	width: 340px;
}
#xsNav .layui-nav-item{
	border-bottom: 1px solid #e8e8e8;
}

#nav .layui-container{
	line-height: 36px;
}
.announcement{
	height: 3.125rem;
	line-height: 3.125rem;	
}
.layui-icon-notice{
	color: #5FB878;
}
.announcement .left{
	float: left;
}
.announcement .right{
	float: right;
}
/*banner共用css-->*/
.banner-description{
	line-height: 1.6;
	font-size: 31px;
}
.banner-description-left{
	padding: 0 7% 7% 14%;
	margin-top: 70px;
}
.banner-description-left .huodong{
	font-size: 0.9375rem;
	text-align: left;
	color: #1e2022;
	background-color: #eaedf2 ;
	line-height: 2.7;
}
.huodong .xianzai{
	color: #212529;
}
.banner-description-left h1{
	line-height: 70px;
}
.banner-description-left .try-service{
	font-size: 21px;
	opacity: 0.6;
	margin-top: 4%;
	margin-bottom: 7%;
}
.banner-description-left h1{
	font-weight: 300;
	font-size: 3.5rem;
	color: #1e2022;
}
.h1{
	background-image: linear-gradient(120deg,rgba(55, 125, 255, 0.22) 0,rgba(55, 125, 255, 0.24) 100%);
	background-repeat: no-repeat;
	background-position: 0 80%;
	position: relative;
	background-size: 100% .3em;
	display: inline-block;
	text-align: left!important;
}
.layui-container .title1{
	font-size: 2.5rem!important;
}
.layui-container p{
	color: #77838f;
	font-weight: 400;
	margin: 1%;
	line-height: 1.6;
}
/*xs分辨率下显示指引内容区*/
/* .banner-description-right{
	font-size: 16px;
	text-align: center;
	border-radius:2px;
	-moz-border-radius:2px; 
	line-height: 31px;
	background-color: rgba(246,247,249,1);
	color: #333;
} */
.banner-description-right h3{
	font-size: 26px;
}
.intro-xs{
	text-align: left;
	padding: 11px;
	line-height: 2.1;
}
.intro-xs span{
	display: block;
	font-size: 21px;
}
.intro-xs a{
	color: #4080ff;
}
.intro-xs ul{
	padding-left: 21px;
}
.intro-xs ul>li{
	text-align: left;
	font-size: 17px;
	list-style-type: disc!important;
}
.btn-guide{
	text-align: center;
}
.btn-guide a{
	color: #fff;
	width: 85px;
	font-size: 16px!important;
}
.home-indtroduce{
	margin-top: 11%;
	background-image: url(../image/background-zhe.png);
	background-size: cover;
	background-position:0 20%;	
	transform: scale(1.5);
}
.play-opacity{
	opacity: 0.7;
}
/*设置背景容器，内容自适应*/
/* #middle .temperature{
	text-align: center;
	background-image: url(../images/love.jpg);
	background-size: cover;
	-ms-background-position-x: 50% 50%;
	background-position: 50% 50%; 
	position: relative;
} */
.glide_advantages .glide__bullets{
	top: -14%;
	left: 50%;
}
.glide_advantages .glide__slides img{
	padding-top: 3.125rem;
	margin-right: 50px;
	
}
.glide_advantages .glide__bullet{
	width: 110px;
	height: 51px;
	box-shadow: none;
	line-height: 43px;
	background-color: #f8f9fa;
}
.glide_feedback .glide__slide{
	/* filter: blur(1.1px); */
	/* opacity: .7; */
	/* transition: .3s linear; */
}
.glide_feedback .glide__slide--active{
	opacity: 1;
	filter: none;
	/* transform: scale(1.1); */
}
.glide_feedback .glide__slides{
	overflow: visible;
}
.mainFeature .title{
	margin-left: 27px;
	padding-top: 4%;
	padding-bottom: 110px;
}
/* glide的 advantage*/
.advantage p{
	margin-top: 20px;
}
.advantage h1{
	margin-top: 21px;
}
.glide_advantage1{
	padding-top: 50px;
}
.glide_advantage2 img{
	width: 100%;
}
.glide__slide img{
	float: left;
}
.tese_init{
	background-color: #007bff;
	border-color: #007bff;
	color: #fff;
	border-radius: 0.1875rem;
	border: 4px solid rgb(143,196,253);
}
.tese_shuoming{
	margin-left: 37%;
	text-align: left;
	line-height: 1.4;
	font-size: 1.1rem;
}
.tese_shuoming h3{
	padding-bottom: 58px;
	font-size: 40px;
	line-height: 56px;
	font-weight: 300;
	color: #000;
	margin-top: 57px;
}
.tese_shuoming strong{
	color: #2294f4;
}
.tese_shuoming ul>li{
	background: url(../image/bullet4.png) 0 center no-repeat;
	font-size: 16px;
	line-height: 26px;
	color: #000;
	margin-bottom: 28px;
	padding-left: 45px;
	padding-right: 0;
}
.tese_subtitle{
	font-size: 1rem;
	margin-left: 0!important;
}
.tese:hover{
	box-shadow: 0 4px 11px rgb(55 125 255 / 35%);
	transform: translateY(-3px);
}
.tese_bullets img{
	margin-left: 7%;
	width: 15%;
}
.tese_bullets span{
	padding-left: 7%;
	font-size: 1rem;
	line-height: 1.5;
}
.mainFeature{
	background-color: #f8f9fa;
}
.mainFeature .rounded img{
	border-radius:3px;
	-moz-border-radius:25px; /* Old Firefox */
}

#middle .manage-small{
	padding: 80px 0 160px 20px;
	width: 50%;
}
#middle .manage .manage-small img{
	padding-right: 10px;
}
#middle .manage .manage-small div{
	padding-right: 10px;
	z-index: 99999;
}
#middle .fenge{
	text-align: center;
}
#middle .fenge .summary{
	line-height: 30px;
	text-align: left;
	padding: 15px;	
}
#middle .fenge .summary h2{
	font-weight: bold;
	font-size: 24px;
	color: #333;
	margin-bottom: 17px;
	text-align: center;
}
#middle .fenge .summary p{
	color: #66707a;
	font-size: 1rem;
}
#middle .fenge .fenge-quyu{	
	box-shadow: 2px 2px 5px #F1F3F4;	
}
.layui-bg-black{
	margin-right: 7px;
	color: #666!important;
}
.emphasize{
	margin: 27px;
	text-align: center;
}
/*serviceprice page*/
.rightside {
	padding-top: 50px;
}
.leftside{
	padding-top: 50px;
}
.airplay i{
	margin-right: 10px;
	color: #333;
	font-size: 17px!important;
}
.airplay span{
	color: #333;
	font-size: 17px!important;
}
.tabletitle th{
	background: rgba(100,103,130,0.89);
	color: #fff;
	text-align: center;
	letter-spacing: 2px;
}
.price{
	font-size: 12px;
}
.alerttips{
	text-align: left!important;
}
.tw-direct td{
	text-align: center;
	line-height: 32px;
}
.layui-table th{
	background-color: #1E9FFF!important;
	line-height: 21px;
	font-size: 17px;
	color: #fff;
}
#size-tw{
	max-width: 1000px!important;
	width: 80%;
}
.tabledivol{
	margin-left: 20px;
}
.tableol li{
	list-style-type: decimal;
}
.layui-table td{
	font-size: 17px;
}
.seaShipKind li{
	margin-left: 7px;
	list-style: square!important;
}
.alertpage{
	margin: 20px 30px;
	padding: 17px 27px;
	color: #fff;
	background-color: #01AAED;
	border: 1px solid #ccc;
	border-radius:5px;
	-moz-border-radius:3px;
}
.serviceremark{
	background-color: yellow;
	color: red;
	margin: 0 7px;
	font-size: 16px!important;
}
.seaitem{
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	position: absolute;
	left: 35%;
	top: 90%;
	display: inline-block;
	background: #FF5722;
	line-height: 32px;
	height: 32px;
	padding: 0 7px;
	border-radius:3px;
	-moz-border-radius:3px; 

}

.quote{
	text-align: center;
	background-color: #f8f9fa;
}
.quote .rapper{
	padding: 14% 7%;
	border-radius:0.25rem;
	box-shadow: 0 6px 6px rgb(178,178,178);
	border: 1px solid #ddd;
}
.quote .basic{
	font-size: 1.6875rem;
}
.quote .lowest{
	font-size: 17px;
}
.quote .quote_img{
	width: 30%;
}
.quote .rmb{
	font-size: 32px;
	vertical-align: top;
}
.quote .price{
	margin-top: 7%;
	color: #403882;
	font-size: 2.64375rem;
}
.quote .p1{
	color: #101010;
	margin-bottom: 7%;
}
.quote .p2{
	color: #617A90;
	margin: 4% 7%;
	font-size: 0.9rem;
	line-height: 1.3rem;
	text-align: left;
}
.quote h2{
	padding: 7% 0 3% 0;
}
.quote .layui-btn{
	margin-top: 11%;
}
.connect{
	margin-top: 7%;
}
.connect .layui-row{
	margin-top: 3%;
}
.connect h2{
	font-size: 2.2rem;
	line-height: 2.7rem;
	margin-bottom: 8%;
}
.connect img{
	margin-top: 2%;
	margin-left: -3%;
}
.connect .p3{
	padding: 0 17% 7% 4%;
	color: #77838f;
	font-size: 1rem;
	line-height: 1.6;
	margin-top: 0;
}
.connect span{
	margin-left: 2%;
	line-height: 1.4rem;
	font-size: 1.25rem;
	color: #1e2022;
	margin-bottom: 1rem;
}
.connect .add{
	line-height: 1.6;
	font-size: 1.1rem ;
}
.connect .add a{
	color: #007AFF!important;
}
.connect .add1{
	color: #77838f;
}
.zongzhi{
	margin-top: 7%;
	text-align: center;
	background-color: #f8f9fa;
	
}
.zongzhi .p4{
	border-right: 1px solid #CCCCCC;
	margin-bottom: 7%;	
}
.zongzhi .p5{
	color: #1e2022;
	
}
.zongzhi p{
	padding: 2% 17%;
	line-height: 2.2rem;
	font-size: 1.13rem;
	color: #77838f;
}
/*附加服务*/
.tableThRed th{
	background: rgba(255,87,34,0.69)!important;
	color: #fff;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}
.addService li{
	list-style-type: decimal!important;
	margin-left: 17px;
	color: #5fb878;
	font-size: 15px!important;
}
/*footer共用css-->*/
#footer{
	color: #2F4056;
	background: #FFF;
	padding-top: 70px;
}
#footer .f-logo{
	font-size: 55px;
	color: #2380fb;
	margin:0 0 15px;
}
.padding-left{
	padding-left: 7%;
}
#footer .footer_col_title{
	font-size: 1rem;
	margin-bottom: 7%;
	line-height: 1.4;
}
#footer .footer-links a{
	line-height: 37px;
	font-size: 0.875rem;
	margin-right: 4%;
	color: #77838f;
}
#footer .footer-links svg{
	color: #686566;
}
#footer .footer-links svg:hover{
	color: #2380fb;
}
#footer .footer-links a:hover{
	color: #007bff;
}
#footer .contact{
	font-size: 19px;
	margin: 0 0 15px;
}
#footer .cinfo p{
	color: #2380fb;
	font-size: 15px;
	position: relative;
	padding: 0 0 0 37px;
	margin: 0 0 15px 0;
	font-weight: 400;
	line-height: 27px;
}
 #footer .cinfo a{
	 color: #2380fb;
 }
/*xs分辨率下右下角top固定块*/
.back-to-top{
	background: #3A4A5F;
	position: fixed;
	bottom: 77px;
	right: 7px;
	width: 41px;
	height: 41px;
	text-align: center;
	line-height: 41px;
	color: #fff!important;
	border-radius: 2px;
	-moz-border-radius:2px; /* Old Firefox */
}
.back-to-top i{
	font-size: 31px;
}

/*备案*/
#beian{
	background-color: #2F4056;
	color: #7f8287;
	margin-top: 5%;
}
#beian .layui-container{
	text-align: center;
	padding: 20px;
	letter-spacing: 1.5px;
}
#beian .layui-container a{
	color: #7f8287;
}

/*清除浮动张鑫旭*/
.clearfix:after{
	content:'';
	display: table;
	clear: both;
	overflow: hidden;
}
.clearfix{
	#zoom: 1;
}

/*国际快递样式express page*/
	/*标题图标样式*/
.icon-title{
	font-size: 21px;
	color: #2f4056 ;
}
.notgood{
	margin-top: 11px;
}
.agency_dhl td{
	text-align: center!important;
	line-height: 37px;
}


	/*带圆点的li*/

.charactor{
	list-style-type: disc!important;
	color: #333;
	line-height: 1.6em;
	font-size: 1.2em;
}
.ems-freightage{
	padding: 7px;
}
/*修复显示问题*/
.fixposition{
	position: static!important;
	text-align: center;
}
.subarea td{
	text-align: left;
}
.requirment td{
	text-align: center;
}
.needtoknow{
	margin: 3px;
}
.risk{
	margin: 11px 0 0 0!important;
}
.tw-fasesea td{
	text-align: center;
}

.sea-tw .aligncenter{
	text-align: center!important;
	line-height: 27px;
}
.tw-fasesea th{
	background-color: #fd845a!important;
}
/*selfmotivated页面*/
#faststarted{
	margin-top: 51px;
}
#faststarted h2{
	font-weight: bold;
	font-size: 27px;
	line-height: 47px;
}
#faststarted .layui-icon-find-fill{
	font-size: 24px;
	margin-right: 7px;
	color: #5fb878;
}
#faststarted h3{
	font-weight: bold;
	font-size: 21px;
	color: #ff5722;
}
#faststarted h4{
	font-weight: bold;
	font-size: 17px;
	color: #244628;
	line-height: 37px;
}
/*会员member*/
#member{
	margin-top: 27px;
	vertical-align: bottom;
	padding: 10px 0;
	border: 1px solid #ddd;
}
.icon-member{
	font-size: 22px;
	color: #ff5722;
}
#member p{
	text-align: center;
	padding: 0 11px;
	color: red;
}
.table-member thead td{
	background-color: #646782 ;
	color: #fff;
	font-weight: bold;
}
.member-red{
	color: #ff5722;
}

/*商業報關*/
.indentation{
	padding: 0 11px 11px;
	font-size: 15px;
}
.indentation ul,ol{
	margin-left: 9px;
}
.alink{
	color: #FFB800!important;
	margin: 0 3px;
}
/*電商支持*/
.blockquote-title{
	font-size: 17px;
}

.reminder{
	line-height: 31px!important;
	color: #666!important;
}