@charset "utf-8";
*{padding:0; margin:0;outline:none;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body{ width:100%; height:100%;
font:16px "Hiragino Sans GB", "Microsoft YaHei", "黑体","WenQuanYi Micro Hei", arial, sans-serif;
color: #000; margin:0 auto;    }
.nopadding{padding: 0 !important;}
table{border-collapse: collapse; border-spacing: 0;}
ol,ul { list-style:none; }
a:link,a:visited{text-decoration:none; color:#000; }
a:hover{ color: #f18101 !important; }
img{border:none;}
a,img,button,input,textarea,div{-webkit-tap-highlight-color:rgba(255,255,255,0);}
.FL{float: left;} .FR{float: right;}
input[type="button"], input[type="submit"],
input[type="reset"] {-webkit-appearance: none;border:0; border-radius: 0; outline: none}
textarea {  -webkit-appearance: none;}
input[type="text"]{-webkit-appearance: none;  outline: none}
select{-webkit-appearance: none; border-radius: 0; padding:3px 5px;}
.clearfix:after{content:""; height:0; line-height:0; display:block;
visibility:hidden; clear:both;}
.clearfix{zoom:1;/* 为了兼容IE */}
.container{width: 1400px;margin: 0 auto;}
.pageContainer{ width: 1200px; margin: 0 auto; }
.bg-primary{ background-color: #23297a; color: #fff; }
.bg-default{ background-color: #dcdcdc; }
.bg-info{ background-color: #ff7400;color: #fff; }
.t-primary{ color: #23297a; }
.tab-bar .active{ color: #f18101; }
.btn-more{
	display: inline-block; padding: 0.5em 2em; letter-spacing: 5px;
	font-size: 18px;text-align: center; border: 2px solid #000;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition: all 0.5s;
}
.btn-more:hover{ background-color: #000;color: #fff !important; }
/*==============================================================================
**	header
**==============================================================================*/
.toplinebox{min-width: 1400px;}
.topLine{position: relative;margin-bottom: 0;color: #fff;font-size: 14px;}
.topLine>li{ height: 30px; line-height: 30px; }
.lang{position: absolute;right: 0; top: 0; bottom: 0;}
.lang a{ color: #fff; }
.nav{padding-top: 20px;display: flex;align-items: center;justify-content: space-between;}
.logo{width: 310px; height: 80px; margin-right: 20px; }
.logo>img{width: 100%;height: 100%;}
.navmenu{display: flex;justify-content: space-between;flex: 1;}
.navmenu>li{position: relative;display: flex;align-items: center;}
.navmenu>li>a{ display: block; height: 30px; line-height: 30px; padding: 0 1rem;font-size: 14px;}
.navmenu>li.active>a{color: #f18101;}
.navmenu>li .notice-item .el-badge__content{background-color: #f18000;}
.navmenu>li .notice{font-size: 18px;color: #2d257b;}
.header-nav-phone{display: flex;justify-content: end;}
.header-nav-phone div{height: 50px; line-height: 50px; padding-left: 40px;font-size: 20px;color: #f18101;
background:url(../image/icon-phone.png) no-repeat;background-size: 30px;background-position: 0 50%;}
.navmenu>li dl{
	position: absolute;
	background-color: #fff;
	width: 140px;
	top: 30px;
	left: 50%;
	transform: translate(-50%);
	text-align: center;
	box-shadow: 0 3px 5px #ddd;
	display: none;
	z-index: 9999;
}
.navmenu>li dl a{
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0 1rem;
	font-size: 14px;
	overflow: hidden;
}
.navmenu>li:hover dl{
	display: block;
}
.gotop{
	position: fixed; display: none;
	width: 50px;height: 40px; bottom: 5%; right: 10%;
	background: url(../image/icon-top.png) no-repeat center; z-index: 1000;
	background-size: 40px;
}
/*==============================================================================
**	swiper
**==============================================================================*/
.adContainer{min-width: 1400px; position: relative; overflow: hidden;}
.adContainer a img{ width: 100%; }
.adContainer .pagination{
	position: absolute;height: 5px; bottom: 0; left: 0; width: 100%; z-index: 999;
	background-color: rgba(0,0,0,0.1);
}
/* navline */
.navline{ min-width: 1400px; }
.navline>ul{position: relative;}
.navline>ul>li{float: left; width: 25%; /*position: relative;*/}
.navline>ul>li>a{display: block; width:100%; padding: 20px 0;font-size: 14px; text-align: center; color: #fff;}
.navTel{position:absolute;left:0; top:0;  display: none; background: #fff;  color: #ff8707; width: 100%; padding:20px 0; font-size:24px; text-align: center;  }
.navline>ul>li:hover dl{
	display: flex;
}
.navline>ul>li dl{
	position: absolute;
	left: 0;
	right: 0;
	display: flex;
	display: -webkit-inline-flex;
	top: 59px;
	height: 60px;
	background-color: #fff;
	z-index: 9;
	box-sizing: border-box;
	display: none;
	border: 1px solid #23297a;
	border-left: 0;
}
.navline>ul>li dl dd{
	width: 16.666%;
	height: 100%;
	box-sizing: border-box;
}
.navline>ul>li dl dd:nth-child(1n+1){
	border-left: 1px solid #23297a;
}
.navline>ul>li dl dd a{
	display: flex;
	display: -webkit-inline-flex;
	width: 100%;
	height: 100%;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
}
.logistics{position: relative;}
.logistics:hover .logbox{display: block;}
.logbox{display: block; position: absolute;top: -90px;z-index: 999;padding: 25px;
	background-color: #fff;border-radius: 3px;}
.logbox input{border: 1px solid #f0f0f0;width: 300px;height: 40px;line-height: 40px; padding: 5px;}
.logbox>a{display: block;width: 40px;height: 40px;position: absolute;right: 25px;top: 25px;
	background: url(../image/icon-search.png) no-repeat; background-position: 50% 50%;
	background-size: 20px;}
.logbox>i{display: block;width: 20px;height: 20px;position: absolute; bottom: -20px;left: 35%;
	background:url(../image/icon-100.png) no-repeat;
	background-position: 50% 0;background-size: 15px;}
.search-code-logistics{
	padding: 15px 0;
}
.search-code-logistics .label{
	width: 200px;
}
.search-code-logistics input{
	width: 500px;
	height: 40px;
	border: 1px solid #000;
	padding: 5px 20px;
	box-sizing: border-box;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-right-width: 0;
}
.search-code-logistics a{
	height: 40px;
	line-height: 40px;
	border-width: 0;
	background-color: #23297a;
	color: #fff;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background-image: url("/tpl/image/icon-search-2.png");
	background-repeat: no-repeat;
	background-size: 18px;
	background-position: 15% 50%;
	box-sizing: border-box;
	padding: 0 30px 0 50px;
	cursor: pointer;
}
.search-code-logistics a + a{
	margin-left: 15px;
	border-radius: 5px;
}
.search-code-logistics a:hover{
	color: #fff !important;
}
.navline .gzpt{ position: relative; }
.gzpt>div{
	display: none;
	position: absolute; width: 180px; height: 180px; background-color: #fff;
	top: -180px;z-index: 999; left: 20%; padding: 15px;
}
.gzpt>div img{ width: 100%; }
.gzpt:hover >div{ display: block; }
/*==============================================================================
**	column-title
**==============================================================================*/
.column-title{text-align: center;margin-top: 70px;}
.column-title>.title{ font-size: 36px;color: #23297a;font-weight: normal;margin-bottom: 10px; }
.column-title .des{ width: 590px;margin:0 auto; font-size: 14px;line-height: 25px;}
.hrline{width: 80px; height: 8px;background-color: #f18101;margin: 40px auto 0 auto;}
/*==============================================================================
**	服务项目
**==============================================================================*/
.serPro{margin-top: 40px;}
.serPro>li{
	float: left;
	width: 15%;
	border-radius: 5px; overflow: hidden;
	/*margin-left: 33.3333px;*/
	margin-bottom: 30px;
	-webkit-box-shadow: 1px 1px 8px 5px #f0f0f0;
	-moz-box-shadow: 1px 1px 8px 5px #f0f0f0;
	-ms-box-shadow: 1px 1px 8px 5px #f0f0f0;
	box-shadow: 1px 1px 8px 5px #f0f0f0;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.serPro>li:nth-child(6n),.serPro>li:nth-child(6n-1),.serPro>li:nth-child(6n-2),.serPro>li:nth-child(6n-3),.serPro>li:nth-child(6n-4){
	margin-left: 2%;
}
.serPro>li:hover{
	-webkit-box-shadow: 1px 1px 8px 5px rgba(0,0,0,0.25);
	-moz-box-shadow: 1px 1px 8px 5px rgba(0,0,0,0.25);
	-ms-box-shadow: 1px 1px 8px 5px rgba(0,0,0,0.25);
	box-shadow: 1px 1px 8px 5px rgba(0,0,0,0.25);
}
.serPro>li:hover .thumb>img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.serPro .thumb{height: 140px;overflow: hidden;}
.thumb>img{
	width: 100%;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition: all 0.5s;
}
.serPro .caption{ color: #000; padding-bottom: 10px;}
.serPro .caption >.title{margin:15px 0 10px 0; font-size: 18px;text-align: center;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.serPro .caption ul{
	height: 100px; overflow: hidden; font-size: 14px; padding: 0 30px 0 30px;line-height: 25px;
}
.serPro .caption dl{height: 100px; overflow: hidden; font-size: 14px; padding: 0 20px 0 20px;line-height: 25px;}
.serPro .caption dl dd{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.video{width: 683px; float: left; margin-left: 33.3333px; border-radius: 5px; overflow: hidden;}
.video video{ width: 100%; height: 400px;}
/*==============================================================================
**	公司实力
**==============================================================================*/
.compPower{
	position: relative; margin-top: 60px;
	background-color: #f18101;padding: 25px 480px 25px 150px; color: #fff;
}
.compPower >h1,
.teamCon h1{font-size: 36px;font-weight: normal;}
.whiteBlock{width: 35px;height: 20px;background-color: #fff;margin:25px 0 35px 0;}
.compPower .des,
.teamCon .des{ font-size: 14px; line-height: 30px; }
.compPower .des{ height: 120px; overflow: hidden;}
.compPower>ul{margin-top: 10px;}
.compPower>ul>li{margin-bottom: 10px;}
.compPower>ul>li>h5{font-size: 16px;margin-bottom: 10px;}
.compPower>ul>li>p{font-size: 14px;}
.compPower>ul>li dl + dl{margin-top: 7px}
.compPower>ul>li dt{font-weight: bold;font-size: 14px;padding-bottom: 7px;}
.compPower>ul>li dd{font-size: 14px;line-height: 1.5em;}
.compPower .item-1{
	background: url(../image/icon-zy.png) no-repeat; background-size: 30px;
	background-position: 0 50%;
}
.compPower .item-2{
	background: url(../image/icon-js.png) no-repeat; background-size: 30px;
	background-position: 0 50%;
}
.compPower .item-3{
	background: url(../image/icon-gl.png) no-repeat; background-size: 30px;
	background-position: 0 50%;
}
.view-img,.view-str{position: absolute;}
.view-img{width: 400px; height: 530px; right: 50px; bottom: -50px;}
.view-img img{width: 100%;height: 100%;}
.view-str{right: 475px; bottom: -50px;}
/*==============================================================================
**	公司数据
**==============================================================================*/
.companyData .box{width: 49%;border-radius: 10px;overflow: hidden;box-shadow: 0 0 10px #ddd;transition: all .5s;}
.companyData .box .title{color: #fff;height: 50px;line-height: 50px;background-color: #f18101;font-size: 18px;font-weight: bold;text-align: center;}
.companyData .box ul{padding: 15px 100px;}
.companyData .box ul li{width: 49%;font-size: 12px;height: 24px;line-height: 24px;border-radius: 5px;}
.companyData .box ul li:nth-child(2n){text-align: right;}
/*.companyData .box ul li:hover{background-color: #23297a;color: #fff;}*/
.companyData .box .thumb{height: 300px;box-sizing: border-box;padding: 30px;}
.companyData .box img{width: 100%;height: 100%;display: block;object-fit: contain;}
/*==============================================================================
**	服务流程
**==============================================================================*/
.process{ margin-top: 150px; }
.processGroup{margin-top: 50px;margin-left: -33.3333px;}
.processGroup>li{float: left;width: 325px; margin-left: 33.3333px;}
.processGroup .thumb{height: 275px;border-radius:5px;overflow:hidden;background-color:#000;}
.processGroup .caption{ position: relative; text-align: center; }
.processGroup .caption .processing{
	position: absolute; width: 33px; top: 10px; right: -33px;
}
.processing img{width: 100%;}
.processGroup .caption .title{ font-size: 18px;margin: 20px 0 15px 0; }
.processGroup .thumb img{width: 100%;height: 100%;object-fit: cover;}
.processGroup .caption hr{ width: 55px; margin: 0 auto;border-color: #23297a;margin-bottom: 20px; }
.processGroup .caption .des{
	font-size: 14px; padding: 0 30px; height: 4.5em; line-height: 1.5em; overflow: hidden;
	word-wrap: break-word; word-break: break-all;
}
.newsubLine{font-size: 16px;color: #000;text-align: center;margin-top: 30px;}
.newsubLine>i{display: inline-block; margin: 0 35px;font-style: normal;}

/*==============================================================================
**	新闻咨询
**==============================================================================*/
.tab-content{height: 850px;overflow: hidden;}
.newsGroup{position: relative; width: 780px; margin: 0 auto; margin-top: 60px;padding-bottom: 60px; }
.newsGroup>li{
	padding-bottom: 40px;background: url(../image/icon-t.png) no-repeat;
	background-position: 50% 0;
}
.newsGroup>li a.thumb{display: block; float: left;width: 360px;height: 203px;overflow: hidden;}
.newsGroup .thumb:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.newsGroup .caption{ width: 420px; float: left; padding-left: 60px; }
.caption .time{font-size: 12px; color: #575757;}
.newsGroup .caption .title{ font-size: 18px;margin: 15px 0; font-weight: normal;}
.newsGroup .caption .des{
	height: 6em; overflow: hidden;
	font-size: 14px;color: #949494;line-height: 1.5em;
}
.newsGroup>li.special .caption{ padding-left: 0;padding-right: 60px; }
.newsGroup>li.special .caption .time,
.newsGroup>li.special .caption .title{text-align: right;}
a.newsmore{
	position: absolute;width:4.6em;height:4.6em;padding: 1em 0; left: 46.5%; bottom: 5px;
	border-radius: 100%; background-color: #ec7e00; font-size: 12px;text-align: center;
}
.newsmore,
.newsmore:hover{color: #fff !important;}

.teamCon{min-width: 1400px; height: 540px;margin-top: 100px;display: block;}
.teamCon>div{position: relative; padding: 40px 530px 40px 145px;color: #fff;}
.teamCon .des{ height: 90px; overflow: hidden; margin-bottom: 30px;}
.teamSwiper{position: relative;width: 625px; overflow: hidden;}
.teamSwiper span{display: block; width: 100px; height: 100px;cursor:pointer;}
.teamSwiper span>img{width: 100%;height: 100%;}
.my-slide-thumb-active span{border: 2px solid #f18101;}
.memInfoCon{
	position: absolute; top: 0; right: 0;width: 335px; height: 620px; overflow: hidden;
}
.teamCon .memInfo{
	width: 335px; height: 620px;
	padding: 50px;background-color: #ec7e00; overflow: hidden;
}
.memInfo .item{ width: 100%;height: 100%; }
.memInfo .thumb{ width: 230px; height: 230px; }
.memInfo .caption{
	margin: 35px 0; font-size: 16px; line-height: 1.5em;
	word-wrap: break-word;
}
.iconbar>li{float: left;}
.iconbar>li>a{
	display: block;width: 30px;height: 30px; border-radius: 5px;
	background-color: #fff; margin-right: 15px;
}
.icon-qq>a{
	background: url(../image/icon-qq.png) no-repeat; background-position: 50% 50%;
	background-size: 15px;
}
.icon-wx>a{
	background: url(../image/icon-wx.png) no-repeat; background-position: 50% 50%;
	background-size: 20px;
}
.icon-f>a{
	background: url(../image/icon-f.png) no-repeat; background-position: 50% 50%;
	background-size: 10px;
}
.icon-b>a{
	background: url(../image/icon-b.png) no-repeat; background-position: 50% 50%;
	background-size: 20px;
}

/*
	footer
 */
 .fooInfo>div{
 	display: flex; display: -webkit-flex;
 	flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
 	justify-content: space-between; -webkit-justify-content: space-between;
 }
.footer{margin-top: 140px; min-width: 1400px;}
.fooInfo{padding: 50px 0;}
.foologo{width: 240px;height: 180px;float: left;}
.fooNav{
	position: relative;flex: 1;-webkit-flex:1;
	display: flex; display: -webkit-flex;
 	flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
 	justify-content: space-around; -webkit-justify-content: space-around;
}
.fooNav >ul{float: left;}
.fooNav li{font-size: 12px; line-height: 25px;}
.fooNav li>a{color: #fff;}
.fooNav li.title{margin-bottom: 7px; font-size: 18px;}
.foo-wx{width: 180px;height: 180px;margin-left: 40px;float: left;}
.foo-wx>img{width: 100%;}
.foo-contact{
	max-width: 280px;
	float: right; margin-left: 25px; color: #fff;
}
.foo-contact img{
	width: 110px;
	display: block;
	margin: auto;
}
.foo-contact>h1{font-size: 22px;font-weight: normal;text-align: center;}
.foo-contact>hr{width: 40px; margin: 15px auto;}
.foo-contact>p{font-size: 12px; margin-bottom: 10px;}

.fooLine{
	height: 30px; line-height: 30px; text-align: center;
	background-color: #000; font-size: 12px;
}
.fooLine a{ color: #fff; }

/* news */
.pageBanner{min-width: 1400px; margin-bottom: 80px; }
.pageBanner >img{ width: 100%; }
.sideBar{ width: 300px; overflow: hidden; }
.rightBoxer{ width: 1000px; margin-left: 100px; }
.sideHead{
	font-size: 30px; color: #fff; text-align: center;
	padding: 1em 0; letter-spacing: 7px;
	background-color: #23297a; border-radius: 5px 5px 0 0;
}
.sideBar .menu{ background-color: #f0f0f0; }
.sideBar .menu>li{ border: 1px solid #e0e0e0; border-top: 0; }
.sideBar .menu>li.active >a{ background-color: #ec7e00; color: #fff; }
.sideBar .menu>li.active >a:hover{ color: #fff !important; }
.sideBar .menu>li>a{
	display: block;
	padding: 12px 5px; font-size: 16px;text-align: center;
}
.sideTitle{
	font-size: 18px; padding:0 10px 10px 10px; border:0; border-bottom: 1px solid #f0f0f0;
	color: #000; text-shadow: 0 0 #000;
}
.newslistgroup{ margin: 15px 0; }
.newslistgroup >li{
	padding: 30px 15px; border-bottom: 1px solid #f0f0f0;border-radius: 5px;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition: all 0.5s;
}
.newslistgroup >li:hover{
	-webkit-box-shadow: 1px 1px 8px 5px rgba(0,0,0,0.25);
	-moz-box-shadow: 1px 1px 8px 5px rgba(0,0,0,0.25);
	-ms-box-shadow: 1px 1px 8px 5px rgba(0,0,0,0.25);
	box-shadow: 1px 1px 8px 5px rgba(0,0,0,0.25);
}
.newslistgroup .thumb{ width: 240px; height: 180px; overflow: hidden;}
.newslistgroup .caption{ padding-left: 280px; }
.newslistgroup .caption .title{ font-size: 16px; padding-bottom: 15px; }
.newslistgroup .caption .des{
	font-size: 14px; line-height: 1.5em; height: 6em;
	color: #666; margin-bottom: 10px; overflow: hidden;
}
.caption .des,
.caption .title{ word-break: break-word; word-wrap: break-word; }
.caption .time{ color: #aaa; }
/* showPage */
.showPage{ margin-top: 40px; }
.showPage a{
	display: inline-block; padding:5px 12px;
	background: rgba(0,0,0,.05); border-radius: 3px;
	margin-right: 3px; font-size: 14px;
}
.showPage a.nolinks{ background-color: #f18101; color: #fff; }
.showPage a.nolinks:hover{ color: #fff !important; }
.content{
	padding: 15px 10px; font-size: 16px; color: #666; line-height: 25px;
}
.content img{ max-width: 100%; }
/* about */
.introBox{ overflow: hidden;}
.introBox .thumb{ width: 653px; height: 490px; overflow: hidden;}
.introBox .caption{ width: 747px; padding: 100px 100px 0 100px; }
.introBox .caption>.title{ font-size: 36px; font-weight: normal; color: #23297a;margin-bottom: 25px; }
.introBox .caption>.stitle{ font-size: 18px; color: #23297a;margin-bottom: 25px; }
.introBox .caption>hr{ width: 100px; border-color: #f18101; }
.introBox .caption .des{
	font-size: 16px; margin-left: 0; margin-top: 25px; line-height: 1.6em;
	 overflow: hidden;
}
.abBarTitle{ text-align: center; margin-top: 80px;margin-bottom: 35px; }
.abBarTitle>h1{font-size: 36px; color: #23297a;font-weight: normal;}
.abBarTitle>p{
	display: inline-block;padding: 15px;
	font-size: 18px; color: #23297a; border-bottom: 1px solid #f18101;
}
.cultureBox{ min-width: 1400px; background-color: #ec7e00; }
.cultureGroup{ height: 400px; }
.cultureGroup>li{
	position: relative; float: left; width: 300px; height: 400px;
	background-color: rgba(0,0,0,0.1); border: 1px solid rgba(0,0,0,0.15);
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition: all 0.5s;
}
.cultureGroup>li:hover{
	background-color: rgba(0,0,0,1); border-color: rgba(0,0,0,0.1);
}
.cultureGroup>li:hover .thumb{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.cultureGroup .thumb{
	position: absolute; top: 60px; left: 120px;
	width: 60px; overflow: hidden;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition: all 0.5s;
}
.cultureGroup>li>p{
	position: absolute; top: 150px;width: 90%; left: 5%;
	font-size: 18px; color: #fff;text-align: center;
}
.cultureGroup>li>.des{
	position: absolute; top: 220px;
	height: 6em; line-height: 1.5em; overflow: hidden;
	padding: 0; font-size: 14px; color: #fff;
	left: 50%;transform: translate(-50%);
}
.abBarTitle .special{ font-size: 60px; color: #ff7400; }
.comparisonLine .item{ float: left; width: 480px;}
.comparisonLine>p{
	height: 1.5em; line-height: 1.5em; text-align: center;
	font-size: 24px; color: #23297a; font-weight: bold;
}
.comparisonLine .middle{ width: 240px;float: left; }
.icon-vs{background:url(../image/icon-vs.png) no-repeat center;}
.icon-cp-1{background:url(../image/icon-cp-1.png) no-repeat center;}
.icon-cp-2{background:url(../image/icon-cp-2.png) no-repeat center;}
.icon-cp-3{background:url(../image/icon-cp-3.png) no-repeat center;}
.icon-cp-4{background:url(../image/icon-cp-4.png) no-repeat center;}
.comparisonGroup{margin-top: 50px; }
.comparisonGroup>li{ margin-bottom: 30px; }
.comparisonGroup>li>div{ height: 6.5em; font-size: 14px; line-height: 1.5em; overflow: hidden; }
.comparisonGroup>li>div.item{padding: 0.6em 1.5em;}

.chooseGroup >li{ width: 400px; float: left; padding: 30px 50px; border: 1px solid #eee; }
.chooseGroup .thumb{ width: 40px; height: 40px; overflow: hidden; margin: 0 auto; }
.chooseGroup .caption >p{font-size: 24px; color: #000; margin: 25px 0; text-align: center;white-space:nowrap;}
.chooseGroup .caption .des{ font-size: 16px; line-height: 1.5em; height: 4.5em; overflow: hidden; }
.developTitle{ margin-bottom: 0; }
.development{ position: relative; height: 1500px; }
.development .des{ font-size: 14px; line-height: 1.5em; }
.ourhistory{
	position: absolute; width: 165px; height: 355px; top: 0; left: 35px;
	background:url(../image/icon-d-1.png) no-repeat center;
}
.historydes{ position: absolute; left: 255px; top: 50px; width: 470px; font-size: 16px !important; }
.historyGroup{ padding-top: 230px; }
.historyGroup .num{ position: absolute; top: -55px; left: 30px; width: 118px; height: 93px; }

.historyGroup>li{position: relative; width: 600px; margin-bottom: -230px; padding-bottom: 100px;}
.historyGroup .thumb{ width: 590px; height: 332px; }
.historyGroup .item-1,
.historyGroup .item-3{
	left: 600px;
	padding-left: 10px; border-left: 1px solid #ccc;
}
.historyGroup .item-2{
	left: 1px;
	padding-right: 10px; border-right: 1px solid #ccc;
}
.historyGroup .caption{ padding: 30px 40px; }
.historyGroup .caption .title{ font-size: 24px; color: #000; margin-top: 20px; margin-bottom: 10px;}
.historyGroup .caption .time{ color: #000 ; }
.historyGroup .caption .des{
	height: 3em; overflow: hidden;
	padding-left: 60px; background: url(../image/icon-l.png) no-repeat;
	background-size: 50px; background-position: 0 20%;
}
.hisMore{
	display: block; position: absolute; bottom: 0; left: 522.5px;
	width: 155px;height: 40px; line-height: 40px; margin: 0 auto;
	text-align: center; background-color: #f18101; font-size: 16px;
	border-radius: 10px;
}
a.hisMore,.hisMore:hover{ color: #fff !important; }
.service-airport{position: relative;height: 733px;}
.service-airport .caption .title{
	height: 4.5em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
	padding: 2em 0 1em 0;
	/* padding: 50px 0 30px 0; */ font-size: 24px; color: #000;
}
.service-airport .item-1 .thumb{ width: 700px; height: 525px; margin-right: 85px;}
.service-airport .item-1 .caption{   }
.service-airport .caption .des{
	font-size: 14px; line-height: 1.5em; height: 6em; overflow: hidden;
}
.service-airport .item-1{ }
.service-airport .item-2{
	position: absolute; bottom: 0; right: 0;
	height: 308px; z-index: -1;
}
.service-airport .item-2 .caption{
	width: 470px; height: 308px; margin-right: 20px; margin-left: 300px;
	background-color: #f8f8f8; padding: 100px 30px 0 30px;
	-webkit-box-shadow: 10px 10px #ec7e00;
	-moz-box-shadow: 10px 10px #ec7e00;
	-ms-box-shadow: 10px 10px #ec7e00;
	box-shadow: 10px 10px #ec7e00;
}
.service-airport .item-2 .thumb{ width: 410px; height: 308px; }
.service-airport .btn-more{ position: absolute; right: 0; top: 300px; }
.service-transport{position: relative;}
.service-transport .thumb,
.service-transport .caption{ width: 600px; height: 338px; overflow: hidden; }
.service-transport .caption .title{
	height: 1.5em; overflow: hidden;text-overflow: ellipsis;white-space:nowrap;
	font-size: 24px; color: #000;margin-bottom: 40px;
}
.service-transport .caption .des{
	font-size: 14px; line-height: 1.5em; height: 7.5em; overflow: hidden;
}
.service-transport .caption{padding: 60px 50px 0 120px ; }
.service-transport .btn-more{position: absolute; left: 120px; bottom: 10px;}

.service-mco{position: relative;padding-bottom: 80px;}
.service-mco>li{
	width: 374px; float: left; padding: 20px;background-color: #ededed;
	-webkit-transition:all 0.35s;
	-moz-transition:all 0.35s;
	-o-transition:all 0.35s;
	transition:all 0.35s;
}
.service-mco>li:hover{ background-color: #f18101; color: #fff; }
.service-mco>li.middle{margin: 0 39px;}
.service-mco .thumb{ height: 250px; overflow: hidden; }
.service-mco .caption .title{
	height: 1.5em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
	font-size: 18px;text-align: center; margin: 25px 0;
}
.service-mco .caption .des{
	font-size: 14px; line-height: 1.5em; height: 9em;
	overflow: hidden;
}
.service-mco .btn-more{ position: absolute; bottom: 0;left: 42%; }
.service-african .caption{position: relative; width: 735px; height: 530px; }
.service-african .caption .box{
	position: relative; margin-top: 20px; margin-left: 115px;
	width: 545px;height: 245px;border: 2px solid #ec7e00;
}
.service-african .thumb{width: 465px;height: 530px; overflow: hidden;}
.service-african .box .title{
	position: absolute; left: 165px; top: 120px;
	display: inline-block; font-size: 14px; padding: 0.5em 1em;
}
.service-african .box p{position: absolute; left: 165px; bottom: 35px; font-size: 18px; }
.service-african .box span{
	position: absolute; width: 380px; bottom: -22%; left: 150px;
	font-size: 24px; padding: 10px 50px 10px 10px;
	background-color: #fff;
}
.service-african .caption .des{
	position: absolute; left: 275px; top: 325px;
	width: 350px; height: 6em;overflow: hidden;
	font-size: 14px; line-height: 1.5em;
}
.service-african .caption .btn-more{position: absolute; left: 275px; bottom: 70px;}
.service-african .caption .mem{
	position: absolute;left: 0; top: 165px;
	width: 230px; height: 180px; padding: 15px;background-color: #fff;
}
.service-african .caption .mem img{object-fit: cover;}
.mem >img{ width: 100%;height: 100%; }

.service-supply>li{position: relative; float: left; height: 600px; width: 600px;overflow: hidden; }
.service-supply .item-2{ padding-left: 80px;}
.service-supply .item-2 .title{font-size: 24px;font-weight: normal; margin-top: 45px;}
.service-supply .item-2>p{font-size: 16px;margin-top: 30px;margin-bottom: 5px;}
.service-supply .item-2>div{font-size: 14px;color: #666;line-height: 1.5em;overflow: hidden;}
.service-supply .item-2 .btn-more{position: absolute; bottom: 10px;left: 80px;}
.service-supply .item-1 .caption{width: 470px;height: 575px;padding: 40px 195px 40px 30px;}
.service-supply .item-1 .caption .bl{ width: 45px;height: 15px;background-color: #fff;margin-bottom: 10px; }
.service-supply .item-1 .caption .des{
	line-height: 2em;
}
.service-supply .item-1 .title{
	position: absolute; left: 0; bottom: 45px; z-index: 2;line-height: 1.5em;
	padding:25px 160px 25px 50px;font-size: 14px;
	background-image: url(../image/icon-line.png);background-repeat: no-repeat;
	background-position: 75% 50%;
}
.service-supply .item-1 .thumb{position: absolute;right: 0;bottom: 0;width: 300px;height: 390px;z-index: 1;}

.service-delivery > .thumb{ width: 580px; height: 660px;overflow: hidden; }
.delivery-group{width: 620px; height: 660px; overflow: hidden;}
.delivery-group>li{
	position: relative; float: left; width: 280px; height: 315px;
	overflow: hidden;margin-left: 30px; margin-bottom: 30px; padding: 10px;
	background-color: #f1f1f1;
}
.delivery-group .title{font-size: 24px;font-weight: normal;text-align: center;margin-top: 40px;}
.delivery-group hr{
	width: 50px;  margin:25px auto;
	border: 0; border-bottom: 2px solid #ec7e00;
}
.delivery-group .des{
	font-size: 14px; line-height: 1.5em; height: 6em; overflow: hidden;
}
.service-delivery .btn-more{ margin-left: 41.5%; margin-top: 50px;}
.delivery-group>li .thumb,
.delivery-group>li .thumb>.marsk{
	position: absolute; top: 0; left: 0; bottom: 0; width: 100%;
}
.delivery-group>li .thumb>.marsk{
	background: rgba(0,0,0,0.65);
}
.delivery-group .marsk >p{
	font-size: 24px; color: #fff;text-align: center;margin-top: 40%;
}
.delivery-group>li:hover .thumb{ opacity: 0; }
.delivery-group>li .thumb{
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition: all 0.5s;
}

.teamlistgroup{margin-top: 15px; margin-bottom: 15px; margin-left: -50px;}
.teamlistgroup>li{
	float: left; width: 300px; margin-left: 50px; overflow: hidden;
	border: 1px solid #f0f0f0;border-radius: 5px; margin-bottom: 25px;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition: all 0.5s;
}
.teamlistgroup>li .title{ padding: 10px 5px; text-align: center; }
.teamlistgroup>li .thumb{padding: 5px;overflow: hidden;}
.teamlistgroup>li:hover {
	-webkit-box-shadow: 1px 1px 8px 5px rgba(40,40,40,0.3);
	-moz-box-shadow: 1px 1px 8px 5px rgba(40,40,40,0.3);
	-ms-box-shadow: 1px 1px 8px 5px rgba(40,40,40,0.3);
	box-shadow: 1px 1px 8px 5px rgba(40,40,40,0.3);
	border-color: #f18101;
}
.teamlistgroup>li:hover .title{ background-color: #f18101; color: #fff; }
.teamlistgroup>li:hover .thumb{ background-color: #f18101; }
.teamlistgroup>li .title,
.teamlistgroup>li .thumb{
	-webkit-transition:all 0.8s;
	-moz-transition:all 0.8s;
	-o-transition:all 0.8s;
	transition: all 0.8s;
}

.logisticsForm{ /*width: 600px;*/ }
.tabBar>a{
	display: inline-block; font-size: 14px; padding: 0.4em 1.5em;
	background-color: #f0f0f0; color: #000;
}
.tabBar>a.active{ background-color: #f18101; color: #fff; }
.tabBar>a.active:hover{ color: #fff !important; }
.logisticsForm>textarea{
	width: 600px;
	float: left;  height: 7.5em; color: #666; line-height: 1.5em;
	border: 1px solid #f1f0e0 ; resize: none; padding: 5px 10px;
	margin-bottom: 15px;
}
.logisticsForm .contact-contents{display: inline-block; height: 7rem;text-align: center;padding-left: 20px; width: calc(100% - 620px);
	font-size: 24px;
	}
.logisticsForm .contact-contents p{
	font-weight: bold;
	font-size: 32px;
	color: #23297a;
}
.logisticsForm>.btngroup{ text-align: right; margin-top: 15px; width: 600px;}
.btngroup >button{
	display: inline-block; font-size: 12px; padding: 0.65em 3.5em;
	background-color: #f18101; color: #fff; cursor: pointer;border: 0;
	border-radius: 3px;
}
.restable{ margin-top: 30px; width: 100%; font-size: 12px; }
thead{ font-size: 14px; }
tbody{ color: #666; }
.restable .order-num{ padding: 10px 80px 10px 10px; }
.restable .order-num span{ color: #000; }
.restable tbody td{ padding: 10px 15px; }
.restable tbody tr{border-bottom: 1px dotted #e0e0e0;}
.restable .rec{ position: relative; border-left: 2px solid #ccc; padding-left: 40px; }
.restable .rec:before{
	display: block; content: " "; position: absolute; top: 37%; left: -6px;
	width: 10px;height: 10px; border-radius: 100%; background-color: #ccc;
}
.restable tbody tr.active{ color: red; }
.restable tbody tr.active .rec:before{background-color: red;}
.mesBox{
	width: 1200px; padding: 25px 50px 25px 0px ; border: 1px solid #f18101;
	border-radius: 5px;
}
.mesCon{ width: 100%; }
.mesCon .label{
	display: block; font-size: 16px; color: #666; padding: 0.5em 1em;
	margin-bottom: 25px; text-align: right;
}

.mesCon input{
	display: block; padding: 7px 10px; border: 1px solid #f0f0f0; border-radius: 3px;
	margin-bottom: 25px; width: 100%;
}
.mesCon textarea{
	display: block; width: 100%; height: 200px; border: 1px solid #f0f0f0;
	resize: none; padding: 7px 10px; line-height: 1.5em; font-size: 14px; border-radius: 5px;
}
.mesCon input:focus,
.mesCon textarea:focus{
	-webkit-box-shadow: -1px 1px 3px 1px rgba(35,41,122 ,0.05),
				1px -1px 3px 1px rgba(35,41,122 ,0.05);
	-moz-box-shadow: -1px 1px 3px 1px rgba(35,41,122 ,0.05),
				1px -1px 3px 1px rgba(35,41,122 ,0.05);
	-ms-box-shadow: -1px 1px 3px 1px rgba(35,41,122 ,0.05),
				1px -1px 3px 1px rgba(35,41,122 ,0.05);
	box-shadow: -1px 1px 5px 3px rgba(35,41,122 ,0.05),
				1px -1px 5px 3px rgba(35,41,122 ,0.05);
}
.mesCon button{
	display: inline-block; padding: 0.4em 4em; font-size: 14px;
	border: 1px solid #f18101; background-color: #f18101; color: #fff;
	border-radius: 3px; cursor: pointer; margin-top: 25px;
}
.news-contents{
	display: flex;
	display: -webkit-inline-flex;
	box-shadow: 0 0 10px #ddd;
	width: 100%;
	margin-top: 50px;
}
.news-contents .text-contents{
	width: 900px;
}
.news-contents .textTitle{
	display: -webkit-inline-flex;
	display: flex;
	align-items: center;
	-webkit-align-items: center;
	height: 80px;
}
.news-contents .textTitle div{
	width: 50%;
	display: -webkit-inline-flex;
	display: flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	height: 100%;
	cursor: pointer;
	font-size: 24px;
}
.news-contents .textTitle div.active{
	background-color: #23297a;
	color: #fff;
}
.news-contents  .info-contents .box-contents{
	display: none;
}
.news-contents .info-contents .box-contents.active{
	display: block;
}
.news-contents .info-contents a{
	display: flex;
	display: -webkit-inline-flex;
	width: 100%;
	box-sizing: border-box;
	padding-left: 60px;
	padding-right: 60px;
	margin-top: 20px;
	height: 120px;
}
.news-contents .info-contents .time{
	width: 76px;
	height: 76px;
	background-color: #23297a;
	text-align: center;
	color: #fff;
}
.news-contents .info-contents .time div{
	font-size: 20px;
	height: 38px;
	line-height: 50px;
}
.news-contents .info-contents .time p{
	line-height: 38px;
}
.news-contents .info-contents .depict{
	width: calc(100% - 76px);
	box-sizing: border-box;
	padding-left: 40px;
}
.news-contents .info-contents .depict p{
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	font-weight: bold;
}
.news-contents .info-contents .depict div{
	color: #999;
	font-size: 14px;
}
.news-contents .image-contents{
	width: calc(100% - 900px);
}
.news-contents .image-contents .swiper-container{
	display: none;
}
.news-contents .image-contents .swiper-container.active{
	display: block;
}
.news-contents .image-contents .swiper-wrapper .thumb{
	position: relative;
	padding-bottom: calc(640 / 500 * 100%);
}
.news-contents .image-contents .swiper-wrapper img{
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.header{
	transition: all .5s;
	background-color: #fff;
}
.headerFixed{
	position: fixed;
	width: 100%;
	left: 0;
	top: -50px;
	z-index: 99999;
	box-shadow: 0 0 10px #808080;
}
.headerFixed .nav{
	padding-bottom: 0;
}

.login-container{
	height: 740px;
	background-image: url("/tpl/image/login-bg.png");
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.login-container .title{
	font-size: 36px;
	color: #ffffff;
	z-index: 1;
}
.login-container .title p{
	padding-top: 40px;
}
.login-container .box{
	width: 480px;
	display: block;
	margin: -30px auto 0 auto;
	background-color: #fff;
	z-index: 2;
	border-radius: 10px;
	padding: 0 44px 40px 44px;
	box-sizing: border-box;
}
.login-container .box .boxTitle{
	height: 108px;
	line-height: 108px;
	font-size: 36px;
	text-align: center;
}
.login-container .box .form .form-item{
	height: 65px;
	background-color: #efeef5;
	position: relative;
	border-radius: 10px;
	padding: 0 30px;
}
.login-container .box .form .form-item + .form-item{
	margin-top: 30px;
}
.login-container .box .form .form-label{
	position: absolute;
	height: 20px;
	line-height: 20px;
	left: 20px;
	top: -10px;
	color: #808080;
	font-size: 14px;
}
.login-container .box .form .form-value,.login-container .box .form .form-value input{
	height: 100%;
	border-width: 0;
	background-color: transparent;
	width: 100%;
	font-size: 24px;
	display: flex;
	color: #333333;
	align-items: center;
}
.login-container .box .form .form-value input{
	flex: 1;
	width: auto;
}
.login-container .box .form .form-value canvas{
	cursor: pointer;
}
.login-container .box .operation{
	display: flex;
	justify-content: space-between;
}
.login-container .box .operation div{
	font-size: 14px;
	color: #808080;
	height: 35px;
	line-height: 35px;
	cursor: pointer;
}
.login-container .box button{
	border-width: 0;
	background-color: #2d257b;
	height: 50px;
	font-size: 20px;
	color: #fff;
	width: 100%;
	border-radius: 10px;
	margin-top: 10px;
	cursor: pointer;
}
.login-container .sms{
	background-color: #f18000;
	color: #fff;
	border-radius: 5px;
	text-align: center;
	width: 100px;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
}

.userCenter-container{
	display: flex;
	justify-content: space-between;
}
.userCenter-container .left-pant{
	width: 290px;
	background-color: #fff;
	padding: 24px 30px 0 30px;
	box-sizing: border-box;
	text-align: center;
	border-radius: 10px;
	min-height: 610px;
}
.userCenter-container .main-pant{
	width: 652px;
	background-color: #fff;
	border-radius: 10px;
	min-height: 610px;
}
.userCenter-container .right-pant{
	width: 378px;
	background-color: #fff;
	border-radius: 10px;
	min-height: 610px;
}
.userCenter-container .left-pant .phone{
	font-size: 24px;
	height: 30px;
	line-height: 30px;
	margin-top: 20px;
}
.userCenter-container .left-pant .id{
	height: 30px;
	line-height: 30px;
}
.userCenter-container .left-pant .levelText{
	height: 22px;
	line-height: 22px;
	text-align: center;
	width: 114px;
	font-size: 14px;
	background-color: #f18000;
	color: #fff;
	border-radius: 50px;
	margin: 10px auto 0 auto;
}
.userCenter-container .left-pant .menu{
	margin-top: 58px;
}
.userCenter-container .left-pant .menu .menu-item{
	display: flex;
	width: 100%;
	height: 50px;
	align-items: center;
	cursor: pointer;
	border-radius: 5px;
}
.userCenter-container .left-pant .menu .menu-item.active,.userCenter-container .left-pant .menu .menu-item:hover{
	background-color: #e1e1e1;
}
.userCenter-container .left-pant .menu .menu-item + .menu-item{
	margin-top: 20px;
}
.userCenter-container .left-pant .menu .menu-item img{
	width: 24px;
	height: 24px;
	object-fit: contain;
	margin: 0 40px;
}
.userCenter-container .left-pant .menu .menu-item span{
	font-size: 14px;
}
.userCenter-container .card{
	padding: 0 28px 20px 28px;
	height: 100%;
}
.userCenter-container .card .card-header{
	height: 76px;
	line-height: 76px;
	font-size: 16px;
	font-weight: bold;
}
.userCenter-container .card .card-body{
	min-height: calc(100% - 76px);
}
.userCenter-container .main-pant .enterprise-empty-main{
	display: flex;
	align-items: center;
	justify-content: center;
}
.userCenter-container .main-pant .enterprise-empty-footer{
	padding: 0;
	display: flex;
	justify-content: space-between;
}
.userCenter-container .main-pant .btn{
	background-color: #2d257b;
	color: #fff;
	font-size: 14px;
	border-width: 0;
	width: 278px;
	height: 54px;
	cursor: pointer;
	border-radius: 5px;
}
.userCenter-container .main-pant .enterprise .el-upload--picture-card .el-icon-plus{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.userCenter-container .main-pant .enterprise  .el-image{
	width: 100px;
	height: 100px;
	border: 2px solid #ddd;
	margin-right: 10px;
	border-radius: 5px;
	overflow: hidden;
}

.userCenter-container .statementsContainer{
	width: 915px;
	display: block;
	margin: 0 auto;
	background-color: #fff;
	padding: 10px 50px;
	font-family: STSong;
}
.userCenter-container .statementsContainer table{
	border-collapse:collapse;
	border-spacing:0;
	font-size: 16px;
}
.userCenter-container .statementsContainer .bill_header {
	padding: 5px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.userCenter-container .statementsContainer .bill_header_title{
	padding: 12px 20px 0 20px;
	font-weight: bold;
	text-align: center;
}
.userCenter-container .statementsContainer .bill_header_title .header_title_main{
	font-size: 44px;
	letter-spacing: 10px;
}
.userCenter-container .statementsContainer .bill_header_title .header_title_sub{
	font-size: 18px;
}
.userCenter-container .statementsContainer .bill_append td{
	height: 5px;
}
.userCenter-container .statementsContainer .bill_header_line td{
	height: 3px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.userCenter-container .statementsContainer .details_title{
	font-weight: bold;
	border-bottom: 3px solid #000;
	font-size: 22px;
}
.userCenter-container .statementsContainer .shipment_details_item {
	font-size: 20px;
}
.userCenter-container .statementsContainer .debit_title {
	font-size: 32px;
	text-align: center;
}
.userCenter-container .statementsContainer .to_title{
	font-size: 20px;
	font-weight: bold;
}
.userCenter-container .statementsContainer .payment_title td{
	font-size: 22px;
	border-bottom: 2px solid #000;
}
.userCenter-container .statementsContainer .payment_detail_data td{
	font-size: 18px;
	border-bottom: 1px dashed #000;
}
.userCenter-container .statementsContainer .payment_detail_bottom td{
	height: 20px;
	border-top: 2px solid #000;
}

.userCenter-container .ad a{
	display: block;
}
.userCenter-container .ad a img{
	width: 100%;
	display: block;
}
.userCenter-container .ad a + a{
	margin-top: 24px;
}

.placeOrder-container{
	display: flex;
	justify-content: space-between;
}
.placeOrder-container .placeOrder-operation{
	width: 996px;
}
.placeOrder-container .placeOrder-operation .searchBox{
	height: 50px;
	border: 1px solid #2d257b;
	background-color: #2d257b;
	display: flex;
	align-items: center;
	box-sizing: border-box;
}
.placeOrder-container .placeOrder-operation .searchBox input{
	width: calc(100% - 138px);
	border-width: 0;
	background-color: #fff;
	height: 100%;
	padding: 0 22px;
}
.placeOrder-container .placeOrder-operation .searchBox .btn{
	width: 138px;
	height: 100%;
	display: flex;
	align-items: center;
	font-size: 18px;
	color: #fff;
	justify-content: center;
	background-color: #2d257b;
	border-width: 0;
	cursor: pointer;
}
.placeOrder-container .placeOrder-operation .searchBox .btn .icon{
	font-size: 20px;
	color: #fff;
	margin-right: 10px;
}
.placeOrder-container .placeOrder-operation .tabs-box{
	margin-top: 34px;
	display: flex;
	justify-content: space-between;
}
.placeOrder-container .placeOrder-operation .tabs-box .tabs-items{
	width: 250px;
}
.placeOrder-container .placeOrder-operation .tabs-box .tabs-items .tabs-label{
	height: 130px;
	background-color: #f8f9fa;
	padding: 0 30px;
	display: flex;
	align-items: center;
	font-size: 20px;
	background-image: url("/tpl/image/placeOrder-arrow.png");
	background-size: 7px 13px;
	background-repeat: no-repeat;
	background-position: 220px 50%;
	cursor: pointer;
}
.placeOrder-container .placeOrder-operation .tabs-box .tabs-items .tabs-label .icon,
.placeOrder-container .placeOrder-operation .tabs-box .tabs-items .tabs-label .icon-active{
	width: 55px;
}
.placeOrder-container .placeOrder-operation .tabs-box .tabs-items .tabs-label .icon-active{
	display: none;
}
.placeOrder-container .placeOrder-operation .tabs-box .tabs-main{
	width: 730px;
}
.placeOrder-container .placeOrder-operation .tabs-box .tabs-items .tabs-label:hover,
.placeOrder-container .placeOrder-operation .tabs-box .tabs-items .tabs-label.active{
	background-image: url("/tpl/image/placeOrder-arrow-active.png");
	background-color: #2d257b;
	color: #fff;
}
.placeOrder-container .placeOrder-operation .tabs-box .tabs-items .tabs-label:hover .icon,
.placeOrder-container .placeOrder-operation .tabs-box .tabs-items .tabs-label.active .icon{
	display: none;
}
.placeOrder-container .placeOrder-operation .tabs-box .tabs-items .tabs-label:hover .icon-active,
.placeOrder-container .placeOrder-operation .tabs-box .tabs-items .tabs-label.active .icon-active{
	display: block;
}
.placeOrder-container .placeOrder-operation .tabs-main-pane{
	background-color: #f8f9fa;
}
.placeOrder-container .placeOrder-operation .order-chios{
	padding: 24px 38px;
}
.placeOrder-container .placeOrder-operation .order-chios .title{
	font-size: 24px;
	color: #2d257b;
}
.placeOrder-container .placeOrder-operation .order-chios .title-en{
	font-size: 14px;
	height: 50px;
	line-height: 50px;
	color: #999999;
}
.placeOrder-container .placeOrder-operation .order-chios .order-chios-select{
	display: flex;
	justify-content: space-between;
}
.placeOrder-container .placeOrder-operation .order-chios .order-chios-select .item{
	width: 130px;
}
.placeOrder-container .placeOrder-operation .order-chios .order-chios-select .label{
	text-align: center;
}
.placeOrder-container .placeOrder-operation .order-chios .order-chios-select .code{
	margin-top: 15px;
}
.placeOrder-container .placeOrder-operation .order-chios .order-chios-btn{
	height: 70px;
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #fff;
	justify-content: center;
	background-color: #2d257b;
	border-radius: 5px;
	margin-top: 20px;
	cursor: pointer;
}
.placeOrder-container .placeOrder-operation .order-chios .order-chios-btn div{
	text-align: center;
}
.placeOrder-container .placeOrder-operation .order-chios .order-chios-btn .en{
	margin-top: 5px;
}
.placeOrder-container .placeOrder-operation .order-chios .cache-tag{
	display: flex;
	flex-wrap: wrap;
	margin-top: 24px;
}
.placeOrder-container .placeOrder-operation .order-chios .cache-tag div{
	margin-right: 10px;
	font-size: 14px;
	cursor: pointer;
}
.address-box{
	display: flex;
	justify-content: space-between;
}
.address-box .box{
	width: 50%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.address-box .box .circular{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	font-size: 18px;
	color: #fff;
	justify-content: center;
	margin: 0 25px;
}
.address-box .form-box{
	width: 360px;
}
.address-box .form-box .form-title {
	font-size: 18px;
	font-weight: bold;
}
.address-box .form-box .form-value{
	height: 42px;
	box-sizing: border-box;
	border: 1px solid #e5e5e5;
	margin-top: 23px;
}
.address-box .form-box .form-value input{
	width: 100%;
	height: 100%;
	border-width: 0;
	background-color: transparent;
	padding: 0 10px;
	box-sizing: border-box;
}
.address-box .box .foil{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	flex: 1;
}
.address-box .box .list{
	width: 100%;
	box-sizing: border-box;
	padding: 20px 25px 0 90px;
}
.address-box .box .list div{
	width: 100%;
	font-size: 14px;
	height: 18px;
	cursor: pointer;
	color: #000;
	line-height: 18px;
	transition: .5s all;
}
.address-box .box .list div:hover{
	color: #2d257b;
	font-weight: bold;
}
.address-box .box .list div + div{
	margin-top: 5px;
}
.placeOrder-form .division-top{
	padding-top: 30px;
	margin-top: 30px;
	border-top: 1px solid #e5e5e5;
}
.placeOrder-form .division-left{
	border-left: 1px solid #e5e5e5;
}
.placeOrder-form .division-right{
	border-right: 1px solid #e5e5e5;
}
.placeOrder-form .el-form-item__label{
	font-size: 18px;
	font-weight: bold;
	color: #000;
}
.placeOrder-form .el-radio__input.is-checked+.el-radio__label{
	color: #2d257b;
}
.placeOrder-form .el-radio.is-bordered.is-checked,
.placeOrder-form .el-radio__input.is-checked .el-radio__inner,
.placeOrder-form .el-input__inner:focus,
.placeOrder-form .el-select .el-input.is-focus .el-input__inner{
	border-color: #2d257b;
}
.placeOrder-form .el-radio__input.is-checked .el-radio__inner{
	background-color: #2d257b;
}
.placeOrder-form .el-input-number,
.placeOrder-form .el-input-number .el-input__inner{
	border-radius: 100px;
}
.placeOrder-form .el-input-number .el-input-number__decrease,
.placeOrder-form .el-input-number .el-input-number__increase{
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	background-color: #2d257b;
	color: #fff;
}
.placeOrder-form .el-input-number .el-input-number__decrease{
	border-top-left-radius: 100px;
	border-bottom-left-radius: 100px;
	left: 0;
}
.placeOrder-form .el-input-number .el-input-number__increase{
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
	right: 0;
}
.placeOrder-form-footer{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.placeOrder-form-footer .cost{
	display: flex;
	align-items: center;
	font-size: 18px;
	font-weight: bold;
}
.placeOrder-form-footer .cost .value{
	font-size: 32px;
	display: flex;
	align-items: center;
	color: #f79c38;
}
.placeOrder-form-footer{
	box-shadow: 0 -3px 20px 2px #d0d0d0;
}
.placeOrder-form-footer .el-checkbox__input.is-checked .el-checkbox__inner,
.placeOrder-form-footer .el-checkbox__input.is-indeterminate .el-checkbox__inner{
	background-color: #2d257b;
	border-color: #2d257b;
}
.placeOrder-form-footer .el-checkbox__input.is-checked+.el-checkbox__label{
	color: #2d257b;
}
.placeOrder-form-footer .agreement{
	display: flex;
	align-items: center;
}
.placeOrder-form-footer .agreement .text{
	margin-left: 10px;
	cursor: pointer;
}
.placeOrder-form-footer .submit-btn{
	width: 536px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	background-color: #2d257b;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
}
.orderList-container .orderList-header{
	height: 60px;
	background-color: #2d257b;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 35px;
}
.orderList-container .orderList-header .orderList-header-item{
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	position: relative;
}
.orderList-container .orderList-header .orderList-header-item.active:before,
.orderList-container .orderList-header .orderList-header-item:hover:before{
	content: '';
	width: 36px;
	height: 2px;
	background-color: #f18000;
	position: absolute;
	left: calc(50% - 36px / 2);
	bottom: 0;
}
.orderList-container .orderList-header .orderList-header-item .el-badge__content.is-fixed{
	border-color: #f18000;
	background-color: #f18000;
}
.orderList-container .orderList-body{
	padding: 18px 15px;
	height: 440px;
	box-sizing: border-box;
}
.orderList-container .orderList-body .orderList-box{
	height: 158px;
	border-radius: 7px;
	background-color: #fff;
	flex-direction: column;
	display: flex;
}
.orderList-container .orderList-body .orderList-box .box-header{
	height: 48px;
	width: 100%;
	border-bottom: 1px solid #eeeeee;
	display: flex;
	align-items: center;
	padding: 0 20px;
}
.orderList-container .orderList-body .orderList-box .box-header > div{
	font-size: 14px;
	color: #333333;
}
.orderList-container .orderList-body .orderList-box .box-header > div + div{
	margin-left: 20px;
}
.orderList-container .orderList-body .orderList-box .box-body{
	padding: 0 25px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: 1;
}
.orderList-container .orderList-body .orderList-box .box-body ul{
	width: 300px;
	display: flex;
}
.orderList-container .orderList-body .orderList-box .box-body ul li{
	width: 100px;
	text-align: center;
}
.orderList-container .orderList-body .orderList-box .box-body ul dt{
	font-size: 24px;
	color: #333;
	height: 40px;
	line-height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.orderList-container .orderList-body .orderList-box .box-body ul dd{
	margin-top: 10px;
	font-size: 14px;
	color: #999999;
}
.orderList-container .orderList-body .orderList-box .box-body .btn-box{
	height: 100%;
	display: flex;
	align-items: self-end;
	padding-bottom: 12px;
}
.orderList-container .orderList-body .orderList-box .box-body .btn-box .btn{
	width: 72px;
	height: 26px;
	border: 1px solid #c4c4c4;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 14px;
}
.orderList-container .orderList-body .orderList-box .box-body .btn-box .btn + .btn{
	margin-left: 20px;
}
.orderList-container .orderList-body p{
	text-align: center;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	color: #999;
}
.inquiry-container .inquiry-header{
	display: flex;
	flex-wrap: wrap;
	padding: 22px 20px 0 20px;
}

.inquiry-container .inquiry-header .el-form-item__label{
	font-weight: bold;
	font-size: 18px;
	color: #000;
}
.inquiry-container .inquiry-header .btn{
	width: 200px;
	height: 48px;
	line-height: 48px;
	background-color: #2d257b;
	color: #fff;
	text-align: center;
	font-size: 18px;
	border-radius: 5px;
	cursor: pointer;
	font-weight: bold;
	margin: 0 auto;
}
.inquiry-container .inquiry-body{
	padding: 20px;
}
.orderTool{
	width: 390px;
	background-color: #fff;
	box-shadow: 0 0 3px 1px #c0c0c0;
	border-radius: 7px;
	overflow: hidden;
}
.orderTool .order-header{
	height: 86px;
	background-position: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.orderTool .order-header a{
	position: absolute;
	width: 120px;
	height: 100%;
	left: 0;
	top: 0;
}
.orderTool .order-body{
	display: flex;
	flex-wrap: wrap;
}
.orderTool .order-body li{
	width: calc(100% / 3);
	margin-top: 15px;
	display: block;
	cursor: pointer;
}
.orderTool .order-body li .thumb{
	width: 65px;
	height: 65px;
	display: block;
	margin: auto;
	background-image: url("/tpl/image/orderTool-icon.png");
	background-repeat: no-repeat;
}
.orderTool .order-body li .text{
	height: 35px;
	line-height: 35px;
	text-align: center;
}
.orderTool .order-body li:nth-child(1) .thumb{
	background-position: -8px -4px;
}
.orderTool .order-body li:nth-child(2) .thumb{
	background-position: -144px -4px;
}
.orderTool .order-body li:nth-child(3) .thumb{
	background-position: -284px -4px;
}
.orderTool .order-body li:nth-child(4) .thumb{
	background-position: -8px -125px;
}
.orderTool .order-body li:nth-child(5) .thumb{
	background-position: -144px -125px;
}
.orderTool .order-body li:nth-child(6) .thumb{
	background-position: -284px -125px;
}
.orderTool .order-body li:nth-child(7) .thumb{
	background-position: -8px -246px;
}
.orderTool .order-body li:nth-child(8) .thumb{
	background-position: -144px -246px;
}
.el-message-box iframe{
	border-width: 0;
	width: 100%;
}
.paymentMethod-container .item + .item{
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #999;
}
.paymentMethod-container .label{
	font-size: 16px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
}
.paymentMethod-container .value{
	color: #969799;
	height: 24px;
	line-height: 24px;
}
.notice-box + .notice-box{
	margin-top: 10px;
}
.notice-box .el-card__header{
	display: flex;
	align-items: center;
	font-size: 18px;
	font-weight: bold;
}
.notice-box .el-card__body .text{
	color: #ababab;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
}
.notice-box .el-card__body .el-form-item{
	margin-bottom: 0;
}
.notice-box .el-card__body .el-form-item__content{
	text-align: right;
}
.notice-container .el-tabs{
	display: flex;
	width: 100%;
	height: 100%;
	overflow: hidden;
	flex-direction: column;
}
.notice-container .el-tabs .el-tabs__content{
	flex: 1;
}
.notice-container .el-tabs .el-tabs__content .el-tab-pane{
	height: 100%;
}