body{font-size:12px;overflow-x:hidden;font-family: "Times New Roman", Times, serif;margin:0px;padding: 0px;color: #404040;} @font-face{font-family: 'iconfont'; src: url('iconfont.eot'); /* IE9*/ src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('iconfont.woff') format('woff'), /* chrome、firefox */ url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */} .iconfont{font-family:"iconfont" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.0px; -moz-osx-font-smoothing: grayscale;} ul{margin: 0px;padding: 0px;} a{ color:#12345a; text-decoration:none; } p{margin: 0px;}li{list-style-type: none;} a:hover, a:focus{color: #bd0000;text-decoration: none; -o-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -ms-transition: all .6s; transition: all .6s;} #msgtips { font-size: 12px; color: #FF0000; } .w1080{width: 1080px;margin-right: auto;margin-left: auto;} .clear { clear: both; float: none; } .revealOnScroll{opacity: 0;} .taigeanimated{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;} .indebannerstyle{-webkit-animation-duration: 6.5s;animation-duration: 6.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;} /* HEAD */ #taigeheader{height: 130px;background-color: #FFFFFF;} #taigeheader .topdar{height: 34px;background-color: #00335b;line-height: 34px;color: #FFFFFF;font-size: 14px;} #taigeheader .topdar a{color: #FFFFFF;-o-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -ms-transition: all .6s; transition: all .6s;} #taigeheader .topdar a:hover{color: #bd0000;} #taigeheader .topdar div div{float: right;padding-left: 25px;} #taigeheader .topdar .language { float: right; margin-left: 25px; } #taigeheader .topdar .language a { color: #FFFFFF; white-space: nowrap; margin-left: 15px; font-size: 12px; } #taigeheader .topdar .member span{font-size: 20px;display: block;float: left;} #taigeheader .topdar .snsioc ul li{ font-size: 24px; display: block; float: left; margin-right: 12px; position: relative; } #taigeheader .topdar .snsioc ul li .weixin { background-color: #FFFFFF; padding: 3px; height: 100px; width: 100px; border: 1px solid #003333; position: absolute; z-index: 10000000; left: -40px; top: 33px; display: none; -moz-box-shadow: 0px 0px 10px #000000; -webkit-box-shadow: 0px 0px 10px #000000; box-shadow: 0px 0px 10px #000000; /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/ } #taigeheader .topdar .snsioc ul li:hover .weixin { display: block; } #taigeheader #nav{width: 1080px;margin-right: auto;margin-left: auto;height: 96px;position: relative;clear: both;float: none;} #taigeheader #nav .logo{float: left;position: absolute;left: 0px;top: 0px;} #taigeheader #nav .menu{float: right;height: 24px;width: 1080px;position: absolute;top: 40px;right: 0px;} #taigeheader #nav .menu ul li{float: right;line-height: 24px;font-size: 14px;font-weight: bold;} #taigeheader #nav .menu ul li a{line-height: 24px;display: block;float: right;padding-left: 32px;font-size: 16px;-o-transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -ms-transition: all .2s; transition: all .2s;} #taigeheader #nav .menu ul li a:hover,#taigeheader #nav .menu ul li.curr a{ -webkit-transform: scale(1.1);/*放大*/ transform: scale(1.1);/*放大*/ color: #bd0000; } /* INDEX_BANNER */ .indexbanner{background-color: #000000;height: 325px;position: relative;} .indexbanner .banner{ background-image: url(../images/banner_bg.jpg); background-repeat: no-repeat; background-position: center bottom; height: 325px; background-color: #000000; -webkit-animation-duration: 3.5s; animation-duration: 3.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; width: 100%; position: absolute; z-index: 1080; -moz-box-shadow: inset 0px 1px 2px #5b5b5b; -webkit-box-shadow: inset 0px 1px 2px #5b5b5b; box-shadow: inset 0px 1px 2px #5b5b5b; /*Inner elements should not cover inner shadows*/ /*IE 7 AND 8 DO NOT SUPPORT INSET SHADOWS*/ } /* banner背景渐显动画 */ @keyframes homebanner{0%{background-position: center top;opacity: 0;} 100%{background-position: center bottom;opacity: 1;} } @-webkit-keyframes homebanner{0%{background-position: center top;opacity: 0;}/* Safari and Chrome */ 100%{background-position: center bottom;opacity: 1;} } @-ms-keyframes homebanner{0%{background-position: center top;opacity: 0;}/* IE 9 */ 100%{background-position: center bottom;opacity: 1;} } @-o-keyframes homebanner{0%{background-position: center top;opacity: 0;}/* Opera */ 100%{background-position: center bottom;opacity: 1;} } @-moz-keyframes homebanner{0%{background-position: center top;opacity: 0;}/* mozilla */ 100%{background-position: center bottom;opacity: 1;} } /* banner背景渐显动画结束 */ .homebanner{-webkit-animation-name: homebanner;animation-name: homebanner;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;} .indexbanner .textbox{height: 325px;width: 100%;margin-right: auto;margin-left: auto;position: absolute;top: 0px;z-index: 40000;} .indexbanner .textbox .con{height: 325px;width: 1080px;margin-right: auto;margin-left: auto;position: relative;} .indexbanner .textbox .p1{position: absolute;font-size: 120px;line-height: 120px;text-transform: uppercase;font-family: "Times New Roman", Times, serif;font-weight: bold;color: #00335A;-webkit-animation-duration: 12.5s;animation-duration: 12.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;} @keyframes t1{0%{opacity: 0;} 10%{opacity: 0; top: 28px; right: 1px;} 15%{top: 48px; right: 268px; opacity: 1;} } @-webkit-keyframes t1{0%{opacity: 0;} 10%{opacity: 0; top: 28px; right: 1px;} 15%{top: 48px; right: 268px; opacity: 1;} } @-ms-keyframes t1{0%{opacity: 0;} 10%{opacity: 0; top: 28px; right: 1px;} 15%{top: 48px; right: 268px; opacity: 1;} } @-moz-keyframes t1{0%{opacity: 0;} 10%{opacity: 0; top: 28px; right: 1px;} 15%{top: 48px; right: 268px; opacity: 1;} } @-o-keyframes t1{0%{opacity: 0;} 10%{opacity: 0; top: 28px; right: 1px;} 15%{top: 48px; right: 268px; opacity: 1;} } @-webkit-keyframes t2{0%{opacity: 0;} 12%{opacity: 0; top: 58px; right: 1px;} 18%{top: 78px; right: 181px; opacity: 1;} } @keyframes t2{0%{opacity: 0;} 12%{opacity: 0; top: 58px; right: 1px;} 18%{top: 78px; right: 181px; opacity: 1;} } @-ms-keyframes t2{0%{opacity: 0;} 12%{opacity: 0; top: 58px; right: 1px;} 18%{top: 78px; right: 181px; opacity: 1;} } @-moz-keyframes t2{0%{opacity: 0;} 12%{opacity: 0; top: 58px; right: 1px;} 18%{top: 78px; right: 181px; opacity: 1;} } @-o-keyframes t2{0%{opacity: 0;} 12%{opacity: 0; top: 58px; right: 1px;} 18%{top: 78px; right: 181px; opacity: 1;} } @-webkit-keyframes t3{0%{opacity: 0;} 15%{opacity: 0; top: 93px; right: 1px;} 22%{top: 113px; right: 87px; opacity: 1;} } @keyframes t3{0%{opacity: 0;} 15%{opacity: 0; top: 93px; right: 1px;} 22%{top: 113px; right: 87px; opacity: 1;} } @-o-keyframes t3{0%{opacity: 0;} 15%{opacity: 0; top: 93px; right: 1px;} 22%{top: 113px; right: 87px; opacity: 1;} } @-ms-keyframes t3{0%{opacity: 0;} 15%{opacity: 0; top: 93px; right: 1px;} 22%{top: 113px; right: 87px; opacity: 1;} } @-moz-keyframes t3{0%{opacity: 0;} 15%{opacity: 0; top: 93px; right: 1px;} 22%{top: 113px; right: 87px; opacity: 1;} } @-webkit-keyframes t4{0%{opacity: 0;} 15%{opacity: 0; top: 123px; right: -50px;} 22%{top: 143px; right: 0px; opacity: 1;} } @keyframes t4{0%{opacity: 0;} 15%{opacity: 0; top: 123px; right: -50px;} 22%{top: 143px; right: 0px; opacity: 1;} } @-o-keyframes t4{0%{opacity: 0;} 15%{opacity: 0; top: 123px; right: -50px;} 22%{top: 143px; right: 0px; opacity: 1;} } @-ms-keyframes t4{0%{opacity: 0;} 15%{opacity: 0; top: 123px; right: -50px;} 22%{top: 143px; right: 0px; opacity: 1;} } @-moz-keyframes t4{0%{opacity: 0;} 15%{opacity: 0; top: 123px; right: -50px;} 22%{top: 143px; right: 0px; opacity: 1;} } @-webkit-keyframes t5{0%{opacity: 0;} 23%{opacity: 0; /*top: 173px; right: 1px;*/} 29%{/*top: 153px; right: 272px;*/ opacity: 1;} } @keyframes t5{0%{opacity: 0;} 23%{opacity: 0; /*top: 173px; right: 1px;*/} 29%{/*top: 153px; right: 272px;*/ opacity: 1;} } @-ms-keyframes t5{0%{opacity: 0;} 23%{opacity: 0; /*top: 173px; right: 1px;*/} 29%{/*top: 153px; right: 272px;*/ opacity: 1;} } @-moz-keyframes t5{0%{opacity: 0;} 23%{opacity: 0; /*top: 173px; right: 1px;*/} 29%{/*top: 153px; right: 272px;*/ opacity: 1;} } @-o-keyframes t5{0%{opacity: 0;} 23%{opacity: 0; /*top: 173px; right: 1px;*/} 29%{/*top: 153px; right: 272px;*/ opacity: 1;} } @-webkit-keyframes t6{0%{opacity: 0;} 26%{opacity: 0; /*top: 204px; right: 1px;*/} 32%{/*top: 184px; right: 189px;*/ opacity: 1;} } @keyframes t6{0%{opacity: 0;} 26%{opacity: 0; /*top: 204px; right: 1px;*/} 32%{/*top: 184px; right: 189px;*/ opacity: 1;} } @-o-keyframes t6{0%{opacity: 0;} 26%{opacity: 0; /*top: 204px; right: 1px;*/} 32%{/*top: 184px; right: 189px;*/ opacity: 1;} } @-ms-keyframes t6{0%{opacity: 0;} 26%{opacity: 0; /*top: 204px; right: 1px;*/} 32%{/*top: 184px; right: 189px;*/ opacity: 1;} } @-moz-keyframes t6{0%{opacity: 0;} 26%{opacity: 0; /*top: 204px; right: 1px;*/} 32%{/*top: 184px; right: 189px;*/ opacity: 1;} } @-webkit-keyframes t7{0%{opacity: 0;} 29%{opacity: 0; /*top: 238px; right: 1px;*/} 35%{/*top: 218px; right: 85px;*/ opacity: 1;} } @keyframes t7{0%{opacity: 0;} 29%{opacity: 0; /*top: 238px; right: 1px;*/} 35%{/*top: 218px; right: 85px;*/ opacity: 1;} } @-o-keyframes t7{0%{opacity: 0;} 29%{opacity: 0; /*top: 238px; right: 1px;*/} 35%{/*top: 218px; right: 85px;*/ opacity: 1;} } @-ms-keyframes t7{0%{opacity: 0;} 29%{opacity: 0; /*top: 238px; right: 1px;*/} 35%{/*top: 218px; right: 85px;*/ opacity: 1;} } @-moz-keyframes t7{0%{opacity: 0;} 29%{opacity: 0; /*top: 238px; right: 1px;*/} 35%{/*top: 218px; right: 85px;*/ opacity: 1;} } @-webkit-keyframes t8{0%{opacity: 0;} 32%{opacity: 0; /*top: 268px; right: -20px;*/} 38%{/*top: 248px; right: -5px;*/ opacity: 1;} } @keyframes t8{0%{opacity: 0;} 32%{opacity: 0; /*top: 268px; right: -20px;*/} 38%{/*top: 248px; right: -5px;*/ opacity: 1;} } @-ms-keyframes t8{0%{opacity: 0;} 32%{opacity: 0; /*top: 268px; right: -20px;*/} 38%{/*top: 248px; right: -5px;*/ opacity: 1;} } @-moz-keyframes t8{0%{opacity: 0;} 32%{opacity: 0; /*top: 268px; right: -20px;*/} 38%{/*top: 248px; right: -5px;*/ opacity: 1;} } @-o-keyframes t8{0%{opacity: 0;} 32%{opacity: 0; /*top: 268px; right: -20px;*/} 38%{/*top: 248px; right: -5px;*/ opacity: 1;} } .t1{-webkit-animation-name: t1;animation-name: t1;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;} .t2{-webkit-animation-name: t2;animation-name: t2;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;} .t3{-webkit-animation-name: t3;animation-name: t3;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;} .t4{-webkit-animation-name: t4;animation-name: t4;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;} .t5{-webkit-animation-name: t5;animation-name: t5;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;} .t6{-webkit-animation-name: t6;animation-name: t6;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;} .t7{-webkit-animation-name: t7;animation-name: t7;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;} .t8{-webkit-animation-name: t8;animation-name: t8;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;} .indexbanner .textbox .p2{position: absolute;font-size: 18px;line-height: 18px;text-transform: none;font-family: "Times New Roman", Times, serif;font-weight: bold;color: #00335A;z-index: 200;-webkit-animation-duration: 12.5s;animation-duration: 12.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}#featured { clear: both; float: none; height: 580px; width: 1080px; margin-right: auto; margin-left: auto; position: relative; } #featured .tt { font-size: 42px; color: #00335b; text-align: center; position: absolute; top: 60px; left: 25px; right: 25px; -webkit-text-stroke-width: 0.1px; font-weight: bold; } #featured .l { background-image: url(../images/l.png); height: 39px; width: 20px; position: absolute; left: 0px; top: 288px; cursor: pointer; } #featured .r { background-image: url(../images/r.png); height: 39px; width: 20px; position: absolute; right: 0px; top: 288px; cursor: pointer; } #featured .box { width: 1040px; height: 300px; position: absolute; left: 20px; top: 168px; z-index: 1; overflow: hidden; } #featured .box ul li { display: block; float: left; width: 250px; text-align: center; margin-left: 73px; height: 300px; } #featured .box ul li a { font-size: 18px; color: #bd0000; margin-top: 20px; } #featured .box ul li p { color: #666666; line-height: 20px; padding-top: 10px; font-size: 14px; } #featured .box ul li .more { display: block; height: 30px; width: 120px; line-height: 30px; margin-right: auto; margin-left: auto; margin-top: 60px; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } #featured .box ul li:hover .more { margin-top: 50px; } #featured .box ul li .more a { height: 30px; width: 120px; display: block; border: 1px solid #d2d2d2; font-size: 12px; text-transform: uppercase; color: #d2d2d2; -o-transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -ms-transition: all 1s; transition: all 1s; margin: 0px; } #featured .box ul li .more a:hover { color: #FFFFFF; background-color: #bd0000; border-top-color: #bd0000; border-right-color: #bd0000; border-bottom-color: #bd0000; border-left-color: #bd0000; } #featured .box ul li:hover .more a:hover { color: #FFFFFF; } #featured .box ul li:hover .more a { color: #bd0000; border-top-color: #bd0000; border-right-color: #bd0000; border-bottom-color: #bd0000; border-left-color: #bd0000; } #featured .tab { text-align: center; position: absolute; left: 25%; right: 25%; top: 500px; } #featured .tab ul li { display: inline-block; height: 10px; width: 10px; background-color: #d5d5d5; margin-right: 5px; margin-left: 5px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; text-indent: 100px; overflow: hidden; /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/ } #featured .tab ul li.on { background-color: #00335b; } #featured .box ul .se { display: block; float: left; width: 250px; text-align: center; margin-left: 73px; height: 300px; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes seshow{0%{opacity: 0;} 50%{opacity: 0; } 100%{ opacity: 1;} } .seshow{-webkit-animation-name: seshow;animation-name: seshow;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;} #track_your_shipment { background-color: #f1f1f1; padding-top: 60px; padding-bottom: 60px; } #track_your_shipment .tt { text-align: center; } #track_your_shipment .tt strong { font-size: 42px; text-transform: uppercase; color: #00335b; } #track_your_shipment .tt p { font-size: 14px; color: #888888; } #track_your_shipment .box { height: 120px; width: 1080px; margin-right: auto; margin-left: auto; margin-top: 60px; clear: both; float: none; } #track_your_shipment .box ul li { width: 230px; display: block; float: left; background-color: #00335b; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #00182b; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; padding-top: 16px; padding-right: 10px; padding-bottom: 16px; padding-left: 10px; -o-transition: all 1.5s; -moz-transition: all 1.5s; -webkit-transition: all 1.5s; -ms-transition: all 1.5s; transition: all 1.5s; /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/ } #track_your_shipment .box ul li:hover { background-color: #b50505; border-bottom-color: #890505; } #track_your_shipment .box ul li .name { color: #FFFFFF; font-size: 18px; font-weight: bold; text-align: center; line-height: 18px; height: 25px; } #track_your_shipment .box ul li .name span { display: inline-block; height: 25px; width: 25px; margin-right: 5px; } #track_your_shipment .box ul li .name p { display: inline-block; line-height: 18px; } #track_your_shipment .box ul li .name span img { float: left; margin-top: 5px; } #track_your_shipment .box .Ocean { margin-left: 168px; } #track_your_shipment .box .Express { float: right; } #track_your_shipment .box ul li .select { background-color: #FFFFFF; height: 28px; line-height: 28px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; opacity: 1; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } #track_your_shipment .box ul li .select .tishi { padding-left: 10px; } #track_your_shipment .box ul li .select .tishi i { display: block; float: right; background-image: url(../images/bg01.png); height: 7px; width: 9px; background-position: center top; margin-top: 10px; margin-right: 10px; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } #track_your_shipment .box ul li:hover .select .tishi i { background-position: center bottom; } #track_your_shipment .box ul li ul li { padding: 0px; height: 28px; width: auto; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; clear: both; float: none; margin-top: 25px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-color: #FFFFFF; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; position: relative; } #track_your_shipment .box ul li ul li:hover { background-color: #FFFFFF; } #track_your_shipment .box ul li ul li .list { background-color: #FFFFFF; height: 28px; position: absolute; left: 0px; bottom: 0px; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; width: 230px; overflow: hidden; } #track_your_shipment .box ul li ul li .list a { display: block; clear: both; float: none; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; background-color: #FFFFFF; color: #666666; } #track_your_shipment .box ul li ul li .list a:hover { color: #bd0000; background-color: #F1F1F1; } #track_your_shipment .box ul li ul li:hover .list { width: 230px; height: auto; z-index: 1080000; padding-top: 5px; padding-bottom: 5px; -moz-box-shadow: 0px 1px 3px #787878; -webkit-box-shadow: 0px 1px 3px #787878; box-shadow: 0px 1px 3px #787878; filter: progid: DXImageTransform.Microsoft.Shadow(strength = 1, direction = 180, color = '#787878'); -ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 180, Color = '#787878')"; /*Shadows look very different in IE (Only cardinal directions supported)*/ /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/ /*Element should have a background-color*/ /*All filters must be placed together*/ /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/ opacity: 0.95; -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 95); /*-ms-filter must come before filter*/ filter: alpha(opacity = 95);/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/ /*All filters must be placed together*/ } #track_your_shipment .box ul li ul li:hover .select { opacity: 0; } #track_your_shipment .box ul li:hover ul li .select { opacity: 1; } #tracin_tools { height: 155px; width: 1080px; padding-top: 60px; padding-bottom: 60px; margin-right: auto; margin-left: auto; overflow: hidden; } #tracin_tools ul { width: 2000px; } #tracin_tools ul li { height: 145px; width: 250px; float: left; border: 3px solid #00335B; margin-right: 18px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/ -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } #tracin_tools ul li:hover { background-color: #00335B; } #tracin_tools ul li:hover .tt { color: #FFFFFF; } #tracin_tools ul li .tt { font-size: 18px; color: #b50505; font-weight: bold; text-align: center; padding-top: 15px; padding-bottom: 10px; } #tracin_tools ul li .so { height: auto; width: 210px; margin-right: auto; margin-left: auto; margin-top: 5px; } #tracin_tools ul li .so .select select { height: 28px; width: 210px; border: 1px solid #CCCCCC; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 2px; outline:none; /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/ } #tracin_tools ul li .so .key { height: 24px; width: 210px; margin-top: 18px; position: relative; } #tracin_tools ul li .so .key .keyword { height: 24px; position: absolute; width: 210px; } #tracin_tools ul li .so .key .keyword input { border: 1px solid #CCCCCC; padding: 2px; height: 22px; width: 203px; line-height: 22px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; outline:none; /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/ } #tracin_tools ul li .so .key .submit { height: 24px; width: 24px; position: absolute; top: 0px; right: 0px; margin-top: 4px; } #main_banner { height: 232px; background-color: #000000; clear: both; float: none; background-repeat: no-repeat; background-position: center top; position: relative; -moz-box-shadow: inset 0px 1px 2px #5b5b5b; -webkit-box-shadow: inset 0px 1px 2px #5b5b5b; box-shadow: inset 0px 1px 2px #5b5b5b; /*Inner elements should not cover inner shadows*/ /*IE 7 AND 8 DO NOT SUPPORT INSET SHADOWS*/ } .classname { text-align: center; font-size: 50px; color: #FFFFFF; font-weight: bold; position: absolute; left: 25%; right: 25%; top: 70px; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @keyframes classnamestyle{0%{background-position: center top;opacity: 0;top: 100px;} 100%{background-position: center bottom;opacity: 1;top: 70px;} } @-webkit-keyframes classnamestyle{0%{background-position: center top;opacity: 0;top: 100px;}/* Safari and Chrome */ 100%{background-position: center bottom;opacity: 1;top: 70px;} } @-ms-keyframes classnamestyle{0%{background-position: center top;opacity: 0;top: 100px;}/* IE 9 */ 100%{background-position: center bottom;opacity: 1;top: 70px;} } @-o-keyframes classnamestyle{0%{background-position: center top;opacity: 0;top: 100px;}/* Opera */ 100%{background-position: center bottom;opacity: 1;top: 70px;} } @-moz-keyframes classnamestyle{0%{background-position: center top;opacity: 0;top: 100px;}/* mozilla */ 100%{background-position: center bottom;opacity: 1;top: 70px;} } .classnamestyle{-webkit-animation-name: classnamestyle;animation-name: classnamestyle;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;} @keyframes classnamelist{0%{background-position: center top;opacity: 0;} 100%{background-position: center bottom;opacity: 1;} } @-webkit-keyframes classnamelist{0%{background-position: center top;opacity: 0;}/* Safari and Chrome */ 100%{background-position: center bottom;opacity: 1;} } @-ms-keyframes classnamelist{0%{background-position: center top;opacity: 0;}/* IE 9 */ 100%{background-position: center bottom;opacity: 1;} } @-o-keyframes classnamelist{0%{background-position: center top;opacity: 0;}/* Opera */ 100%{background-position: center bottom;opacity: 1;} } @-moz-keyframes classnamelist{0%{background-position: center top;opacity: 0;}/* mozilla */ 100%{background-position: center bottom;opacity: 1;} } .classnamelist{-webkit-animation-name: classnamelist;animation-name: classnamelist;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;} #main_banner .tab { position: absolute; top: 140px; text-align: center; left: 1px; right: 1px; font-size: 16px; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } #main_banner .tab a { color: #FFFFFF; margin-right: 12px; margin-left: 12px; } #main_banner .tab .cur { color: #e60505; } .pageclass { clear: both; float: none; height: 32px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e8e4e0; position: relative; text-align: center; padding-top: 46px; } .pageclass span { font-size: 22px; color: #c81e1c; font-weight: bold; text-align: center; height: 32px; line-height: 32px; display: inline-block; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #c81e1c; } .pagecon { clear: both; float: none; height: auto; width: 1080px; margin-right: auto; margin-left: auto; padding-top: 50px; padding-bottom: 60px; font-size: 14px; line-height: 24px; overflow: hidden; } #info_main { height: auto; width: 1080px; margin-right: auto; margin-left: auto; padding-top: 40px; padding-bottom: 40px; } #info_main .left_list { float: left; height: auto; width: 770px; } #info_main .left_list ul li { padding-bottom: 40px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #f3f3f3; padding-top: 40px; } #info_main .left_list ul li i { color: #CC3300; } #info_main .left_list ul li p { font-size: 13px; color: #888888; line-height: 16px; padding-top: 8px; padding-bottom: 12px; } #info_main .left_list ul li a { font-size: 20px; font-weight: bold; color: #00335b; } #info_main .left_list ul li a:hover { color: #c81e1c; } #info_main .left_list ul li span { font-family: iconfont; font-size: 16px; } #info_main .right_class { float: right; height: auto; width: 200px; background-color: #f5f5f5; margin-top: 40px; padding: 30px; } #info_main .right_class .info_so { height: 32px; width: 202px; position: relative; } #info_main .right_class .info_so .k { height: 30px; width: 190px; border: 1px solid #ececec; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; outline:none; padding-left: 10px;/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/ } #info_main .right_class .info_so .go { height: 20px; width: 20px; position: absolute; top: 7px; right: 5px; } #info_main .right_class .info_so .go input{ outline:none; } #info_main .right_class .name { line-height: 24px; padding-top: 10px; padding-bottom: 5px; color: #888888; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e5e5e5; } #info_main .right_class ul { padding-top: 15px; } #info_main .right_class ul li { font-size: 16px; line-height: 28px; font-weight: bold; } #info_main .right_class ul li.cur a { color: #c81e1c; } #info_main .infoconbox { float: left; width: 770px; padding-top: 30px; padding-bottom: 40px; } #info_main .infoconbox .title h1 { margin: 0px; padding: 0px; color: #000000; } #info_main .infoconbox .parameter { height: 24px; line-height: 24px; margin-top: 10px; } #info_main .infoconbox .parameter span { font-family: iconfont; font-size: 14px; } #info_main .infoconbox .textcon { font-size: 14px; line-height: 24px; padding-top: 40px; } .servicesclass { height: 80px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e8e4e0; padding-top: 26px; background-color: #fcfcfc; } .servicesclass ul { width: 1080px; height: 80px; margin-right: auto; margin-left: auto; display: block; } .servicesclass ul li { float: left; width: 180px; text-align: center; } .servicesclass ul li:hover .ico, .servicesclass ul li.cur .ico { background-position: center bottom; } .servicesclass ul li .ico { height: 45px; width: 45px; clear: both; float: none; background-repeat: no-repeat; background-position: center top; margin-right: auto; margin-left: auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .servicesclass ul li p { line-height: 35px; font-size: 14px; font-weight: bold; height: 35px; display: block; } .servicesclass ul li.cur p { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #c81e1c; } .servicesclass .cur a p { color: #c81e1c; } .services_con { height: auto; width: 1080px; margin-right: auto; margin-left: auto; padding-top: 40px; padding-bottom: 50px; font-size: 14px; line-height: 24px; } .shipmentclass { height: 50px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e8e4e0; padding-top: 26px; background-color: #fcfcfc; } .shipmentclass ul { width: 1080px; height: 50px; margin-right: auto; margin-left: auto; display: block; } .shipmentclass ul li { float: left; text-align: center; padding-right: 40px; padding-left: 40px; } .shipmentclass ul li:hover .ico, .shipmentclass ul li.cur .ico { background-position: center bottom; } .shipmentclass ul li .ico { height: 28px; width: 28px; float: left; background-repeat: no-repeat; background-position: center top; margin-right: 10px; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; margin-top: 5px; } .shipmentclass ul li p { line-height: 35px; font-size: 14px; font-weight: bold; height: 50px; display: block; text-align: left; white-space: nowrap; padding-right: 40px; } .shipmentclass ul li.cur { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #c81e1c; } .shipmentclass .cur a p { color: #c81e1c; } .shipmentbox { clear: both; float: none; width: 1080px; margin-right: auto; margin-left: auto; padding-top: 40px; padding-bottom: 60px; overflow: hidden; } .shipmentbox .zhaiyao { line-height: 24px; font-size: 14px; padding-bottom: 30px; } .shipmentbox .zhaiyao2 { line-height: 18px; font-size: 12px; padding-bottom: 15px; } .shipmentbox ul { width: 1180px; } .shipmentbox ul li { height: 105px; width: 196px; border: 1px solid #E8E4E0; float: left; margin-right: 22px; margin-top: 22px; text-align: center; } .shipmentbox ul li p { padding-top: 3px; } .shipmentbox ul li img { margin-top: 10px; } .booking_class_list { height: auto; width: 1080px; margin-right: auto; margin-left: auto; padding-top: 60px; padding-bottom: 12px; } .booking_class_list .cur { color: #D32222; font-weight: bold; } .booking_class_list a { font-size: 14px; margin-right: 20px; } .booking_box { width: 1080px; margin-top: 10px; margin-right: auto; margin-bottom: 60px; margin-left: auto; clear: both; float: none; background-image: url(../images/bg02.png); background-repeat: no-repeat; background-position: top; padding-top: 2px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #08385F; } .booking_box .name { height: 98px; background-color: #f7fafc; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #e6e6e7; border-right-color: #e6e6e7; border-left-color: #e6e6e7; } .booking_box .name strong { font-size: 24px; text-transform: uppercase; font-weight: normal; display: block; float: left; padding-top: 32px; padding-left: 30px; color: #08385F; } .booking_box .name img { float: right; height: 60px; margin-top: 17px; margin-right: 20px; } .booking_box .ortitle { background-color: #e1e3e4; } .booking_box .ortitle tr td { background-color: #fdfdfd; padding-top: 5px; padding-right: 50px; padding-bottom: 5px; padding-left: 50px; } .booking_box .ortitle tr td table { background-color: #fdfdfd; } .booking_box .ortitle tr td table tr td { margin: 0px; padding: 0px; } .booking_box .ortitle tr td textarea { outline:none; border: 1px solid #CCCCCC; line-height: 20px; font-family: "Times New Roman", Times, serif; font-size: 14px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/ -moz-box-shadow: inset 0px 1px 1px #ededed; -webkit-box-shadow: inset 0px 1px 1px #ededed; box-shadow: inset 0px 1px 1px #ededed; /*Inner elements should not cover inner shadows*/ /*Chrome renders inset shadows incorrectly with border-radius*/ /*IE 7 AND 8 DO NOT SUPPORT INSET SHADOWS*/ } .booking_box .ortitle tr td .input1 input { outline:none; border: 1px solid #CCCCCC; line-height: 28px; font-family: "Times New Roman", Times, serif; font-size: 14px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/ -moz-box-shadow: inset 0px 1px 1px #ededed; -webkit-box-shadow: inset 0px 1px 1px #ededed; box-shadow: inset 0px 1px 1px #ededed; height: 30px; /*Inner elements should not cover inner shadows*/ /*Chrome renders inset shadows incorrectly with border-radius*/ /*IE 7 AND 8 DO NOT SUPPORT INSET SHADOWS*/ } .booking_box .ortitle tr td .input1 { position: relative; } .booking_box .ortitle tr td .input1 span { display: block; position: absolute; left: 0px; bottom: -20px; } .booking_box .ortitle tr td textarea:hover,.booking_box .ortitle tr td input:hover { background-color: #fffad7; border: 1px solid #ecbb83; } .booking_box .ortitle .text1 { line-height: 24px; clear: both; float: none; color: #666666; padding-bottom: 5px; padding-top: 5px; } .booking_box .ortitle .textarea1 textarea { width: 405px; } .booking_box .ortitle .textarea1 { position: relative; } .booking_box .ortitle .textarea1 span { position: absolute; z-index: 1000; bottom: 5px; display: block; width: 410px; left: 0px; line-height: 16px; text-align: left; } .booking_box .ortitle .textarea1:hover span { display: none; } .booking_box .ortitle .textarea2 textarea { width: 360px; } .booking_box .ortitle .text2 { text-align: center; height: 20px; padding-top: 5px; color: #666666; clear: both; float: none; } .booking_box .ortitle .text2 strong { font-size: 20px; } .booking_box .ortitle .text3 { line-height: 38px; white-space: nowrap; display: block; height: 38px; padding-right: 12px; } .booking_box .ortitle .w385 input { width: 375px; } .booking_box .ortitle .w235 input { width: 215px; } .booking_box .ortitle .w132 input { width: 132px; } .booking_box .ortitle .pro_tt { font-size: 15px; font-weight: bold; text-align: center; padding-top: 12px; padding-bottom: 10px; } .booking_box .ortitle .text4 { line-height: 20px; color: #3983b7; padding-top: 5px; font-size: 14px; } .booking_box .ortitle .text5 td { text-transform: uppercase; padding-right: 5px; padding-left: 5px; } .booking_box .ortitle .text6 { text-align: center; padding-top: 5px; padding-bottom: 15px; font-size: 14px; font-weight: bold; color: #d10e0e; } .booking_box .ortitle .submit td { font-size: 14px; text-transform: uppercase; font-weight: bold; padding-right: 5px; padding-left: 5px; } .booking_box .ortitle .submit td .btn { color: #FFFFFF; background-color: #bd1717; font-size: 16px; font-weight: bold; height: 32px; font-family: "Times New Roman", Times, serif; text-transform: uppercase; border: 1px solid #bd1717; padding-right: 10px; padding-left: 10px; cursor: pointer; } .booking_box .ortitle .submit td .reset { color: #FFFFFF; background-color: #7E848C; font-size: 16px; font-weight: bold; height: 32px; font-family: "Times New Roman", Times, serif; text-transform: uppercase; border: 1px solid #7E848C; padding-right: 10px; padding-left: 10px; cursor: pointer; } .booking_box .ortitle .submit td a { display: block; height: 32px; line-height: 32px; padding-right: 15px; padding-left: 15px; background-color: #7e848c; color: #FFFFFF; } .tracing_Toolsbox { height: auto; width: 1080px; margin-right: auto; margin-left: auto; padding-bottom: 50px; } .tracing_Toolsbox .zhaiyao2 { line-height: 18px; font-size: 12px; clear: both; float: none; padding-top: 20px; } .tracing_Toolsbox .query_selection { background-color: #f3f3f3; clear: both; float: none; margin-top: 20px; padding: 20px; } .tracing_Toolsbox .query_selection .btn { font-family: iconfont; color: #FFFFFF; background-color: #C81E1C; height: 30px; width: 36px; border: 1px solid #C81E1C; font-size: 20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; outline:none; cursor: pointer;/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/ } .tracing_Toolsbox .query_selection .select select { outline:none; border: 1px solid #CCCCCC; height: 30px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/ -moz-box-shadow: inset 0px 1px 1px #ededed; -webkit-box-shadow: inset 0px 1px 1px #ededed; box-shadow: inset 0px 1px 1px #ededed; padding: 2px; /*Inner elements should not cover inner shadows*/ /*Chrome renders inset shadows incorrectly with border-radius*/ /*IE 7 AND 8 DO NOT SUPPORT INSET SHADOWS*/ } .tracing_Toolsbox .query_selection .keyinput input { outline:none; border: 1px solid #CCCCCC; height: 26px; padding-right: 10px; padding-left: 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/ -moz-box-shadow: inset 0px 1px 1px #ededed; -webkit-box-shadow: inset 0px 1px 1px #ededed; box-shadow: inset 0px 1px 1px #ededed; /*Inner elements should not cover inner shadows*/ /*Chrome renders inset shadows incorrectly with border-radius*/ /*IE 7 AND 8 DO NOT SUPPORT INSET SHADOWS*/ } .tracing_Toolsbox .query_selection .letter { height: 30px; padding-top: 20px; } .tracing_Toolsbox .query_selection .letter a { display: inline-block; margin-right: 5px; font-size: 20px; font-weight: bold; border: 1px solid #d6d6d6; background-color: #FFFFFF; line-height: 20px; padding-top: 4px; padding-right: 7px; padding-bottom: 4px; padding-left: 7px; } .tracing_Toolsbox .query_selection .letter a:hover,.tracing_Toolsbox .query_selection .letter a.cur { background-color: #c81e1c; border: 1px solid #c81e1c; color: #FFFFFF; } .tracing_Toolsbox .results_list { height: auto; width: 1080px; margin-top: 20px; margin-right: auto; margin-left: auto; } .tracing_Toolsbox .results_list table { background-image: url(../images/bg03.gif); background-position: top; } .tracing_Toolsbox .results_list tr td { line-height: 46px; height: 46px; text-align: center; font-family: Arial, Helvetica, sans-serif, "微软雅黑"; } .tracing_Toolsbox .results_list .tt td { font-size: 14px; font-weight: bold; text-align: center; color: #00335b; line-height: 36px; font-family: "Times New Roman", Times, serif; } .registerbox { height: auto; width: 1080px; margin-right: auto; margin-left: auto; clear: both; float: none; margin-top: 40px; margin-bottom: 60px; } .inner-box{ margin:30px 0; min-height:350px; _height:350px; border:1px solid #f0f0f0; background:#fff; text-align:center; } .inner-box .dl-list{ margin:0 auto; padding:30px; text-align:left; width:879px; font-size:14px; } .inner-box .dl-list dl{ clear:both; display:block; padding:5px 0; } .inner-box .dl-list dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; } .inner-box .dl-list dl dt{ display:block; padding:5px 0; float:left; width:30%; line-height:42px; min-height:42px; color:#555; text-align:right; } .inner-box .dl-list dl dd{ position:relative; padding:5px 0 5px 20px; line-height:42px; min-height:42px; color:#555; overflow:hidden; _margin-left:120px; } .inner-box .dl-list dl dd .input{ padding:10px; } .inner-box .dl-list dl dd a.send{ display:inline-block; color:#555; border:1px solid #e8e8e8; border-radius:3px; width:110px; height:40px; line-height:40px; color:#333; font-size:14px; text-align:center; background:#fff; vertical-align:middle; } .inner-box .dl-list dl dd a.send.gray{ color:#999; } .inner-box .dl-list dl dd a.send img{ margin-top:9px; } .inner-box .dl-list dl dd .input.code{ width:84px; ime-mode:disabled; text-transform:uppercase; } .inner-box .tab-head{ display:block; border-bottom:1px solid #f0f0f0; background:#fbfbfb; overflow:hidden; } .inner-box .tab-head ul li{ float:left; margin-left:-1px; border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0; } .inner-box .tab-head ul li a{ display:block; padding:0 30px; height:50px; line-height:50px; color:#555; font-size:14px; } .inner-box .tab-head ul li a:hover,.inner-box .tab-head ul li a.selected{ color:#666; background:#fff; border-bottom:2px solid #0089cd; } .inner-box .tab-content{ display:none; } .flickr .current { color: #CC3300; } .flickr a:hover { color: #CC3300; } .booking_box .ortitle .submit .yanzhengma a { margin: 0px; padding: 0px; height: auto; width: auto; } .booking_box .ortitle .submit .yanzhengma a img { height: 34px; } .downloadbpx { height: auto; width: 1080px; margin-right: auto; margin-left: auto; padding-top: 50px; padding-bottom: 50px; } .downloadbpx dl { margin: 0px; padding: 0px; height: 40px; line-height: 40px; font-size: 14px; } .downloadbpx .tt { width: 1080px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #F2F2F2; } .downloadbpx .tt dt, .downloadbpx .tt dd { color: #999999; } .downloadbpx dl dt { margin: 0px; padding: 0px; float: left; width: 30px; height: 40px; display: block; text-align: center; } .downloadbpx dl dd { margin: 0px; padding: 0px; display: block; float: left; height: 40px; } .downloadbpx dl dd span { font-family: iconfont; font-size: 16px; display: inline-block; margin-right: 5px; } .downloadbpx dl { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EEEEEE; } .downloadbpx dl .a { width: 710px; padding-left: 20px; } .downloadbpx dl .b { width: 98px; text-align: center; } .downloadbpx .tt dl .c { text-transform: lowercase; } .downloadbpx dl .c { width: 98px; float: left; text-align: center; text-transform: uppercase; } .downloadbpx dl .d { float: right; width: 120px; text-align: center; } #footer { background-color: #25282c; padding-top: 40px; padding-bottom: 40px; height: auto; } #footer .content { width: 1080px; margin-right: auto; margin-left: auto; position: relative; height: 66px; color: #949494; } #footer .content a { color: #05b5ab; } #footer .content .copyright { position: absolute; top: 20px; line-height: 24px; left: 0px; } #footer .content .logo { height: 66px; width: 146px; margin-right: auto; margin-left: auto; } #footer .content .social_ico { position: absolute; top: 20px; right: 0px; line-height: 24px; text-transform: uppercase; } #footer .content .social_ico a { font-size: 16px; font-family: iconfont; margin-left: 15px; -o-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } #footer .content .social_ico a:hover { font-size: 20px; }