/*header*/
*{margin: 0;padding: 0;}
a{text-decoration: none;color: #222222;}
header{height: 30px;background: #0099cc;width: 100%;position: absolute; top: 0;z-index: 1;font-size: 14px;}
header .phone{float: left;margin-left: 15%;padding-left: 10px;color: #fff;height: 100%;line-height: 30px;}
header .phone img{vertical-align: middle;margin-right: 10px;}
header .inter{float: right;margin-right: 15%;color: #fff;height: 100%;line-height: 30px;position: relative;}
header .inter img{height: 18px;vertical-align: middle;margin-right: 10px;}
header .inter:after{position: absolute;display: inline-block;width: 0;height: 0px;content: '';border-style: solid;top:8px;left:90px;border-width: 4px;border-color: #fff #fff transparent transparent;transform: rotate(135deg);}
nav{height: 110px;width: 100%; position: absolute; top: 30px;z-index: 1;}
nav ul{height: 100%;float: right;margin-right: 15%;color: #fff;}
nav li{float: left;list-style: none;margin: 0 18px;margin-top: 44px;padding-bottom: 10px; }
nav li:first-child{margin-left: 0;}
nav li:last-child{margin-right: 0;}
nav li a{padding: 0 6px 10px 6px}
url_w{}
nav .index li a{color: #fff;}
nav li a:hover{border-bottom: 4px solid #0099cc;border-radius: 4px;color: #0099CC;}
.logo{height: 74px;width: 220px; background: url(../img/logo.png);background-size:100% 100%;margin: 18px 0;float: left; margin-left: 15%;}
.active{ color: #0099cc;font-weight: 600;border-bottom: 4px solid #0099CC;border-radius: 4px;}
/*.borderLine{display: block;position: absolute;width: 64px;height: 3px;}*/
/*index*/
.banner{background:url(../img/img01_home.jpg) no-repeat;background-size: 100% 100%;height: 900px; width: 100%; overflow: hidden; position: relative;}
.tscargo{position: absolute;top: 300px;width: 100%;text-align: center;}
.tscargo h5{text-align: center;display: block;color: #fff;font-size: 48px;font-weight: normal;}
.tscargo span{color: #fff;font-size: 48px;}
.express{width: 360px;height:114px;border: 1px solid #fff; color: #fff;position: absolute;text-align: center;font-size: 30px;line-height: 114px;bottom: 100px;left: 50%;margin-left: -181px;}
.advantage{height: 510px;width: 100%;position: relative;}
.agtitle,.infortitle{height: 50px;position: absolute;text-align: center;font-size: 36px;top: 68px;color: #222222;width: 100%;}
.agtitle p,.infortitle p{font-size: 14px;color: #666666;padding-top: 10px;}
.advantage ul{padding-top: 230px;position: relative;overflow: hidden;width: 1000px; margin: 0 auto;}
.advantage li{float: left;list-style: none;overflow: hidden;margin: 0 20px;width: 210px;}
.advantage li:after{position: absolute;display: inline-block;width: 0;height: 0px;content: '';border-style: solid;top:-22px;left:110px;border-width: 12px;border-color: #fff #fff transparent transparent;transform: rotate(135deg);box-shadow: 2px -2px 2px #ddd;}
.advantage li p{text-align: center;font-size: 26px;color: #222;padding-top: 52px;position: relative;padding-bottom: 40px;cursor: pointer;}
.advantage li p .down{position: absolute;display: inline-block;width: 0;height: 0px;content: '';border-style: solid;top:94px;left:110px;border-width: 12px;border-color: #0099CC #0099CC transparent transparent;transform: rotate(135deg);box-shadow: 2px -2px 2px #0099cc;margin-left: -12px;}
/*.advantage li p:after{position: absolute;display: inline-block;width: 0;height: 0px;content: '';border-style: solid;top:94px;left:110px;border-width: 12px;border-color: #0099CC #0099CC transparent transparent;transform: rotate(135deg);box-shadow: 2px -2px 2px #0099cc;margin-left: -12px;}*/
.worldwide,.pallet,.solution,.system{display: block;height: 100px;background-size: contain;}
.information{height: 568px;width: 100%;background: #eeeeee;}
.information{position: relative;text-align: center;}
/*.infortitle{height: 50px;position: absolute;text-align: center;font-size: 36px;top: 68px;color: #222222;width: 100%;}*/
/*.infortitle p{font-size: 14px;color: #666666;padding-top: 10px;}*/
.infor_ul{padding-top: 200px; overflow: hidden;position: relative;display: inline-block;}
.infor_list{float: left;margin: 0 15px;}
.infor_list p{color: #222222;padding: 5px 0;padding-left: 10px;}
.infor_list span{color: #ccc;padding-bottom: 10px;display: block;padding-left: 10px;}
.infor_list .ts_p{font-size: 14px;padding-top: 20px;text-align: left}
.infor_list .ts_p p{padding: 0;padding-top:10px;}
.point{height: 20px;}
.point span{display: inline-block;height: 10px;width: 10px;background: #0099CC;margin: 0 6px;border-radius: 50%;}
.cooperation{height: 250px;background: url(../img/img02_home.jpg) no-repeat center;}
/*advantage*/
.adv_banner{color: #fff;text-align: center;}
.adv_banner h5{font-size: 64px;font-weight: normal;padding-top: 94px;}
.adv_banner p{font-size: 24px;}
/*aboutWe*/
.about_banner{color: #fff;text-align: center;}
.about_banner h5{font-size: 64px;font-weight: normal;padding-top: 94px;}
.about_banner p{font-size: 24px;}
.about_tainer{padding-bottom: 100px;}
.about_present{overflow: hidden;padding-top: 68px;}
.about_present h5,.about_idea h5{font-size: 36px;color: #222222;font-weight: normal;text-align: center;padding-bottom: 10px;}
.about_present p{text-align: center;color: #666666;font-size: 14px;}
.about_details,.about_idea{width: 52%;margin: 0 auto;padding: 38px 0;font-size: 22px;color: #222222;line-height: 40px;}
.about_example{padding-top: 64px;color: #222222;}
.about_example h5{text-align: center;font-size: 36px;font-weight:normal;padding-top: 24px;}
.about_example p{text-align: center;font-size: 14px;padding-top: 20px;}
.about_resume{width: 40%;margin: 0 auto;font-size: 22px;line-height: 40px;padding-top: 30px;}
/*serve*/
.serve_banner{color: #fff;text-align: center;}
.serve_banner h5{font-size: 64px;font-weight: normal;padding-top: 94px;}
.serve_banner p{font-size: 24px;}
.serve_tainer{padding-top: 68px;}
.serve_high h5{text-align: center;font-size: 36px;font-weight: normal;padding-bottom: 10px;}
.serve_high p{font-size: 14px;color: #666666;text-align: center;}
.serve_example{width: 60%;margin: 0 auto;font-size: 22px;line-height: 40px;padding: 38px 0 70px  0;}
.serve_case{overflow: hidden;display: inline-block;margin: 0 auto;}
.serve_caseList{float: left;margin-right: 150px;}
.serve_caseList:last-child{margin-right: 0;}
.serve_caseList span{height: 100px;width: 100px;display: block;background: #d8d8d8;border-radius: 50%;}
.serve_caseList p{padding-top: 16px;font-size: 22px;}
.serve_gest{width: 60%;margin: 0 auto;font-size: 22px;line-height: 40px;padding-bottom: 40px;}
/*contactUs*/
.contact_banner{color: #fff;text-align: center;}
.contact_banner h5{font-size: 64px;font-weight: normal;padding-top: 94px;}
.contact_banner p{font-size: 24px;}
.contact_tainer{padding-top: 68px;width: 1100px;margin: 0 auto;}
.contact_HQ{padding-bottom: 60px;}
.contact_HQ h5,.contact_market h5{font-size: 36px;text-align: center;font-weight: normal;padding-bottom: 36px;}
.contact_HQ .contact_news,.contact_market .contact_news{font-size: 24px;line-height: 40px;}
.contact_market{padding-bottom: 100px;}
/*information*/
.informa_banner{color: #fff;text-align: center;}
.informa_banner h5{font-size: 64px;font-weight: normal;padding-top: 94px;}
.informa_banner p{font-size: 24px;}
.informa_tainer{padding-top: 34px;}
.informa_list{width: 1200px;height: 248px;margin: 0 auto;border: 1px solid #ccc;margin-top: 34px;padding-top: 35px;box-sizing: border-box;position: relative;}
.informa_left{width: 380px;height: 180px;background: rgba(0,0,0,.2);margin-left: 35px;float: left;}
.informa_right{float: right;margin-right: 30px;width: 700px;}
.informa_right h5{font-size: 24px;font-weight: normal;}
.informa_right span{font-size: 18px;}
.informa_right p{font-size: 14px;line-height: 22px;color: #666666;}
.informa_pagination{overflow: hidden;list-style: none;display: inline-block;padding-top: 42px;padding-bottom: 100px;font-size: 14px;}
.informa_pagination li{cursor: pointer;float: left;height: 32px;width: 32px;border-radius: 8px;border: 1px solid  #d9d9d9;text-align: center;line-height: 32px;margin: 0 4px;}
.infor_img{height: 26px;padding-top: 26px;}
.infor_img img{height: 100%;margin-right: 20px;}
/*infordetail*/
.detail_tainer{height: auto;overflow: hidden;width: 1200px;margin: 0 auto;margin-top: 180px;margin-bottom:160px;padding-top: 40px;background: #fff;}
.detail_tainer h5{font-size: 28px;text-align: center;font-weight: normal;}
.detail_tainer .detail_date{font-size: 16px;display: block;text-align: center;color: #666666;padding-top: 20px;}
.detail_tainer .detail_text{line-height: 32px;width: 700px;margin: 0 auto;padding-top: 30px;}
.detail_tainer .detali_share{position: relative;height: 55px;width: 700px;background: #f4f4f4;margin: 0 auto;margin-top: 140px;padding-left: 22px;box-sizing: border-box;}
.detail_tainer .detali_share span{height: 55px;font-size: 14px;display: block;float: left;line-height: 55px;margin-right: 30px;}
.detail_tainer .detali_share img{height: 26px;width: 26px;vertical-align: middle;}
.detali_share .weixinP{position: absolute;height: 88px;width: 220px;box-shadow: 0 0 10px #ccc;top: -96px;left: 11px;}
.detali_share .Triangle{width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #fff;position: absolute;}
.detali_share:after {position: absolute;display: inline-block;width: 0;height: 0px;content: '';border-style: solid;top:-22px;left:110px;border-width: 12px;border-color: #fff #fff transparent transparent;transform: rotate(135deg);box-shadow: 2px -2px 2px #ddd;}
.detali_share .weixinP_left{height: 70px;width: 70px;float: left;margin: 9px;}
.detali_share .weixinP_right{font-size: 12px;float: left;width: 110px;padding: 20px 0;}
.detail_tainer .back_home{margin-top: 30px;text-align: center;color:#0099cc;cursor: pointer;margin-bottom: 46px;}
/*goodTrack*/
.track_banner{height: 800px;width: 100%;margin-top: 140px;border-top: 1px solid #ccc;}
.track_banner .track_title{text-align: center;padding-top: 90px;color: #fff;}
.track_title h5{font-size: 64px;font-weight: normal;}
.track_title span{font-size: 24px;}
.track_banner #form{width: 600px;height: 300px;margin: 0 auto;}
.track_banner #user{width: 600px;height: 300px;overflow: hidden;margin: 42px 0 34px 0;}
.track_banner input[type="submit"]{width: 600px;height: 56px;background: #0099cc;border: 0;font-size: 20px;color: #fff;}
/*footer*/
footer{height: 470px;background:#565656;text-align: center;color: #fff;}
.erweima{background: url(../img/saoma.jpg);background-size: 100% 100%;}
.footpage{list-style: none;overflow: hidden; display: inline-block; margin: 0 auto; padding-top: 32px;font-size: 16px;color: #fff;}
.footpage li{float: left;margin: 0 20px;cursor: pointer;}
.footpage li a{color: #fff;}
footer p{font-size: 14px;padding-top: 36px;}
footer h5{font-size: 34px;padding-top: 8px;}

