@charset "utf-8";
/*通用样式*/
@font-face {
	font-family:'phtir';
	src: url(../fonts/phtir.ttf);
}
@font-face {
	font-family:'phtiB';
	src: url(phtrb.otf);
}
@font-face {
	font-family:'phtih';
	src: url(phtih.otf);
}
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'phtir', Arial, Helvetica, sans-serif;  list-style:none;}
body{ background:#ffffff; font:normal 13px/22px "phtir";  }
html, body {
    position: relative;
    height: 100%;
	min-width: 1200px;
}
i{ font-style:normal;}
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
button {
	cursor:pointer;
}
/*loding*/
#Hintsvg,#topsvg{
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 1s;
	-moz-transition-property: -moz-transform;
	-moz-transition-duration: 1s;
	-webkit-animation: rotate 2s linear infinite;
	-moz-animation: rotate 2s linear infinite;
	-o-animation: rotate 2s linear infinite;
	animation: rotate 2s linear infinite;
}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
	to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
	to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
	to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
	to{transform: rotate(359deg)}
}

a:hover{ color:red;  }
.clear { clear:both;}
div { box-sizing:border-box;}
.dn { display:none;}

/* CSS Document */
.header { box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.headerCont { height: 100px; width: 1200px; margin: 0 auto;}
.header a.logo { float: left; margin-top: 22px;}
.nav { margin-top: 22px; float: right; line-height: 64px;}
.nav li { position: relative; float: left; margin-left: 30px;}
.nav li a { color: #666666; transition: all 0.5s; font-size: 16px;}
.nav li:after { content: ''; transition: all 0.5s; position: absolute; bottom: 0; left: 0; width: 0; height: 4px; background: #80d8cf;}
.nav li.cur:after { width: 100%;}
.nav li:hover:after { width: 100%;}
.nav li:hover a { color: #333333;}
.banner img { display: block; width: 100%;}
.title { position: relative; text-align: center;}
.title p { font-size: 30px; font-family: 'phtiB'; color: #333333; line-height: 1;}
.title span { display: block; line-height: 58px; color: #666666; font-size: 24px;}
.title:after { content: ''; position: absolute; left: 50%; height: 4px; width:100px; margin-left: -50px; border-radius: 4px; background: #80d8cf;}
.introduction { position: relative; margin: 125px auto 0;}
.introductionCont { position: relative; z-index: 2; width: 1200px; margin:70px auto 0; overflow: hidden;}
.intImg { margin-top: 12px; float: right; width: 536px; overflow: hidden;}
.intImg img { display: block; width: 100%; transition: all 0.5s;}
.intImg:hover img { transform: scale(1.1);}
.intTxt { float: left; width: 617px;}
.intTxt h2 { font-size: 24px; color: #333333; line-height: 1; margin-bottom: 25px;}
.intTxt p { text-align: justify; font-size: 14px; margin-bottom: 50px; line-height: 24px; color: #666666;}
.intTxt p:last-child { margin-bottom: 0;}
.introduction:after { content: ''; position: absolute; bottom: 0; right: 0; height: 137px; background: #80d8cf; width: calc(100% - (50% - 600px));}
.businessCont {
	margin-top: 57px;
	background: center top no-repeat url(../images/bg.jpg);
	padding-top: 127px;
}
.businessContainer ul { overflow: hidden;}
.businessContainer li { text-align: center; float: left; width: 216px; height: 218px; border-radius: 13px; background: #ffffff; padding-top: 43px; box-sizing: border-box; margin-right: 30px;}
.businessContainer li:last-child { margin-right: 0;}
.businessContainer li img { transition: all 0.5s; display: block; margin: 0 auto 13px; height: 95px;}
.businessContainer li:hover img { transform: rotate(360deg);}
.businessContainer { width: 1200px; margin: 0 auto;}
.bussiness { margin: 130px auto 0;}
.businessContainer li p { line-height: 30px; font-size: 20px; color: #333333;}
.businessContainer li span { font-size: 10px; line-height: 2; color: #999999;}
.intSlide { border-radius: 15px; margin: 44px auto 130px; box-shadow: 0 10px 10px rgba(0,0,0,0.2); position: relative; background: #ffffff; padding: 48px 0 74px; overflow: hidden;}
.intSlide>div { float: left; width: 50%; position: relative; padding-left: 138px;}
.intSlide>div:last-child { padding-left: 120px;}
.intSlide>div p { margin-bottom: 13px; color: #333333; line-height: 42px; font-size: 20px; position: relative;}
.intSlide>div p:after { content: ''; position: absolute; bottom: 0; left: 0; width: 38px; height: 2px; background: #80d8cf;}
.intSlide>div span { font-size: 14px; color: #666666;}
.intSlide:after { content: ''; position: absolute; left: 50%; top: 50%; margin-top: -47px; height: 94px; width: 2px; background: #999999;}
.culture { background: #f7f7f7; padding: 80px 0 145px;}
.cultureList  { width: 1200px; margin:65px auto 0;}
.cultureList ul { margin-bottom: 75px; overflow: hidden;}
.cultureList li { box-sizing: border-box; float: left; width: 200px;}
.cultureTxt,.cultureImg { width: 200px; height: 200px;}
.cultureImg img { transition: all 0.5s; display: block; width: 100%; height: 100%;}
.cultureImg:hover img { transform: scale(1.1);}
.cultureTxt p { font-size: 20px; color: #333333; font-weight: bold; line-height: 40px; position: relative;}
.cultureTxt p:after { content: ''; position:absolute; left: 0; top: -4px; width: 20px; height: 4px; background: #80d8cf;}
.cultureList li:nth-child(odd) .cultureTxt { padding: 20px 12px 0;}
.cultureList li:nth-child(even) .cultureTxt { padding: 4px 12px 0;}
.cultureTxt span { color: #666666; font-size: 14px; line-height: 20px;}
.cultureInfor .cultureSlide { padding-right: 23px; float: left; width: 50%;}
.cultureSlide p { margin-bottom: 13px; position: relative; font-size: 20px; color: #333333; line-height: 45px;}
.cultureSlide p:after { content: ''; position: absolute; left: 0; bottom: 0; width: 38px; height: 2px; background: #80d8cf;}
.cultureSlide span { font-size: 14px; color: #666666;}
.cultureInfor { overflow: hidden;}
.cultureInfor .cultureSlide:nth-child(2n) { padding-right: 0; padding-left: 40px;}
.footer { background: #333333;}
.footerCont { width: 1200px; overflow: hidden; margin: 0 auto; padding: 58px 0 54px;}
.ewm { float: right;}
.ewm img { display: block; width: 100%; max-width: 140px;}
.ewm p { font-size: 16px; line-height: 2; color: #999999;}
.footerLink { padding-top: 56px; margin-right: 60px; float: right;}
.footerLink a { margin-left: 30px; transition: all 0.5s; font-size: 14px; color: #a7a7a7;}
.footerLink a:hover { color: #ffffff;}
.copyRight { text-align: center; height: 50px; line-height: 50px; border-top: 1px solid #666666; color: #a7a7a7;}
.copyRight a {color: #a7a7a7;}
.copyRight a:hover {
	color: #fff;
    text-decoration:underline;
}
/*航线服务*/
.serviceLine { width: 1200px; margin: 107px auto 180px;}
.serviceTxt h2 { font-size: 24px; color: #333333; line-height: 1.5; margin-bottom: 20px;}
.serviceTxt p { font-size: 14px; color: #666666; line-height: 24px;}
.serviceTxt { margin: 75px 0 65px;}
.lineList ul { overflow: hidden;}
.lineList li { margin-bottom: 60px; float: left; width: 595px;}
.lineList li:nth-child(2n){ float: right; width: 584px;}
.lineList li p { line-height: 2; font-size: 24px; color: #333333;}
.lineImg { height: 260px; width: 580px;  overflow: hidden;}
.lineImg img { display: block; width: 100%; height:100%;}
/*货物跟踪*/
.trackTit { margin-bottom: 22px; border-bottom: 1px solid #80d8cf; overflow: hidden;}
.trackTit span{ float: left; display: block; padding: 0 18px; line-height: 35px; color: #ffffff;
font-size: 16px; background: #80d8cf;}
.trackBox { width: 1200px; margin: 108px auto 130px;}
.trackBox .title { text-align: left;}
.trackBox .title:after { left: 0; margin: 0; transform: translate(0);}
.trackBar { margin: 80px auto 0;}
.trackTable table { width: 100%; border-left: 1px solid #999999; border-top: 1px solid #999999;}
.trackTable th { width: 20%; line-height: 36px; font-size: 20px; color: #333333; font-weight: bold;
background: #e9e9e9; border-right: 1px solid #999999; border-bottom: 1px solid #999999;}
.trackTable td { height: 36px; width: 20%; line-height: 36px; font-size: 20px; color: #333333; font-weight: bold;
 border-right: 1px solid #999999; border-bottom: 1px solid #999999;}
 .trackTable td.color1 { background: #80d8cf;}
 .trackSearch { width: 672px; margin:150px auto 0;}
 .trackSearch h2{ background: url(../images/listicon.jpg) left center no-repeat;
 padding-left: 35px; font-size: 24px; margin-bottom: 55px;}
 .searchBar { overflow: hidden;}
 .searchBar input { outline: none; font-size: 20px; text-indent: 20px; float: left; width: 540px; height: 50px; padding: 0; border: 1px solid #bcbbbb; border-radius: 50px; box-sizing: border-box;}
 .searchBar button { float: right; background: #80D8CF; color: #ffffff; width: 94px; height: 48px; outline: none; border: none; font-size: 24px;}
 /*netWrok*/
.netBar { width: 1200px; margin: 0 auto;}
.netPage {
	padding: 110px 0 90px; 
	background: center no-repeat url(../images/netbg.jpg);
	background-size:cover; background-attachment: fixed;
}
.netPage .title { margin-bottom: 45px; text-align: left;}
.netPage .title:after { left: 0; margin: 0; transform: translate(0);}
.netList li { overflow: hidden; margin-bottom: 37px;}
.netImg { float: left; width: 130px; overflow: hidden;}
.netImg img { display: block; width: 100%;}
.netTxt { float: left; margin-left: 43px; max-width: calc(100% - 173px);}
.netTxt p { font-size: 24px; color: #333333; line-height:50px;}
.netTxt span { color: #666666; font-size: 14px;}
/*news*/
.newsBar { width: 1200px; margin: 0 auto; overflow: hidden;}
.newsData { position: relative; text-align: center; float: left; width: 66px;}
.newsData p { font-size: 40px; line-height:30px; margin-bottom: 12px; font-family: 'phtih'; color: #222222;}
.newsData span { font-size: 18px; line-height: 1; font-family: 'phtih'; color: #999999;}
.newsImg { float: left; margin-left: 65px; width: 220px; height: 160px; overflow: hidden;}
.newsImg img { display: block; width: 100%; transition: all 0.5s;}
.newsList li:hover img { transform: scale(1.1);}
.newsData:after { content: ''; position: absolute; left: 73px; top: 0; width: 19px; height: 5px; background: #80d8cf;}
.newsTxt { float: right; width: calc(100% - 140px);}
.newsTxt h2 { font-weight: bold; transition: all 0.5s; font-size: 20px; color: #222222; line-height: 1; margin-bottom: 20px;}
.newsTxt p { font-size: 14px; color: #666666; line-height: 32px;}
.newsTxt p a { color: #80d8cf;}
.newsList li{ transition: all 0.5s; padding: 36px 0;}
.newsList li:hover { background: #f2f2f2;}
.newsList li:hover  h2 { color:#80d8cf ;}
.newsCont { padding: 110px 0 45px;}
.newsCont .title { margin-bottom: 45px;}
.fpage { margin-top: 70px; text-align: center;}
.fpage a { margin: 0 5px; border: 1px solid #dcdcdc; width: 36px; display: inline-block; line-height: 37px; transition: all 0.5s; color: #333333; font-size: 14px;}
.fpage span { color: #666666; font-size: 14px;}
.fpage a:hover { color: #80d8cf;}
.fpage a.goPage { width: 90px;}
.fpage a.cur { color: #ffffff; background:#80d8cf;}
/*contact*/
.contactInfor { padding: 96px 0 80px;}
.contactBox { overflow: hidden; width: 1200px; margin:24px auto 0;}
.contactImg { float: left; width: 595px; padding-left: 138px;}
.contactWay { margin-top: 25px; padding-left: 25px; float: right; position: relative; width: 605px;}
.contactWay:after { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 293px; background: #e9e9e9;}
.contactWay h2 { color: #333333; font-size: 24px; line-height: 1; margin-bottom: 30px;}
.contactWay p { line-height: 1.4; color: #666666; font-size: 20px;}
.contactWay span { display: block; line-height: 24px; font-size: 14px; color: #999999;}
.messages { background: #f5f5f5; padding: 60px 0;}
.messages .title:after { display: none;}
.messages .title { margin-bottom: 25px;}
.formBox { width: 980px; margin: 0 auto;}
.formInp { margin-bottom: 20px; overflow: hidden;}
.formInp input { font-size: 16px; float: left; width: 478px; height: 48px; border: 1px solid #d2d2d2; box-sizing: border-box; background: none; padding: 0 20px;
outline: none;}
.formInp input:nth-child(2) { float: right;}
.formBox textarea { box-sizing: border-box; outline: none; border: 1px solid #d2d2d2; resize: none; height: 100px; padding: 5px 20px; background: none; width: 100%;
font-family: '微软雅黑'; font-size:16px; display: block;}
.formBox button.subMes { display: block; width: 180px; height: 45px; color: #ffffff; background: #80d8cf; font-size: 18px; border: none;
margin: 40px auto 0; box-shadow: 0 0 10px rgba(0,0,0,.2);}
.mapBox { width: 1200px; margin: 30px auto 0;}
.mapBox img { display: block; width: 100%;}
.contactMap { padding: 60px 0;}
.contactMap .title:after { display: none;}
.article { margin: 0 auto; width: 1200px;}
.articleTit { text-align: center;}
.articleTit h2 { font-size: 30px; line-height: 2;}
.articleTit p span { margin: 0 10px; color: #999999;}
.articleInfor { padding: 40px 0;}
.articleInfor p { line-height: 2; font-size: 16px;}
.writer { text-align: right; font-size: 16px; line-height: 2; margin-top: 20px;}