ol,ul,li { list-style:none; } .header_logo{ width:100%; height:74px; } .header_logo_left{ width:25%; height:74px; float: left; } .header_logo_right{ width:75%;height:74px; float: right } .header_logo_right ul { float: right; margin:22px 17% 0 0; width: 83%; } .header_logo_right ul li { float: right; padding:0 1.8%; height: 30px; line-height:30px; } .header_logo_right a { text-decoration: none; height: 30px; line-height:30px; display:block; font-size: 16px; } .header_logo_right a:hover{ color:#FB6E50; } .header_logo_sign_us_li a:hover{ color:#000; border-color: #000; } .service-tab{ z-index: 9999; position: relative; } .service-tab ul{ width: 130%; margin:0; position: absolute; background: #fff; } .service-tab ul li{ width: 100%; padding:0 !important; } .service-tab ul li a{ margin-left: 5px !important; } .Multi{ width: 100%; height: 227px; } .Multi-center{ width: 1100px; margin: 0 auto; height: 227px; } .Multi-center ul{ float: left; padding:0 1%; } .Multi-ul1{ width: 23%; } .Multi-ul1 li:nth-child(1) { text-align: center; } .Multi-ul1 li:nth-child(2) { font-size: 16px; } .Multi-ul1 li:nth-child(3) { font-size: 12px; } .body_synopsis{ width:100%; } .track-content_h1{ font-size: 24px; text-align: center; padding: 75px 0 30px 0; } .body_synopsis_1{ width:15%; height:227px; float: left; } .body_synopsis_2{ width:70%; height:227px; float: left; } .body_synopsis_2 ul { float: left; width: 100%; height:227px; } .body_synopsis_2 ul li { float: left; padding:0 1%; width: 23%; height:227px; text-align: center!important; } .body_synopsis_img{ width: 67%; height:97px; padding:30px 0 0 20%; } .body_synopsis_text{ width: 100%; height:100px; padding:0 5%; } .body_synopsis_text h6{ text-align: center; margin-bottom:10px; font-size: 16px; font-family: Lato,"Open Sans",Helvetica,Arial,sans-serif; color: #4a4a4a; } .body_synopsis_text p{ font-family: Lato,"Open Sans",Helvetica,Arial,sans-serif; color: #aaa; text-align: center; font-size: 14px; line-height: 20px; } .body_synopsis_3{ width:15%; height:227px; float: right; } .Tracking{ font-family: Lato,"Open Sans",Helvetica,Arial,sans-serif; width: 100%; height: 392px; background: #f0f0f0; } .Tracking_center_img{ text-align: center; height: 135px; padding-top: 35px; } .Tracking_center{ width: 60%; margin: 0 auto; color: #000; overflow: hidden; } .Tracking_center h1{ font-size: 26px; text-align: center; margin-bottom: 30px; } .Tracking_center p{ font-size: 14px; text-align: center; margin: 0; } .Tracking_center p span{ padding: 0 20px; } .Tracking_btn{ width: 100%; margin-top:30px; height: 70px; text-align: center; } .Tracking_btn span{ float: left; margin-left: 8%; } .Tracking_btn input { font-size: 15px; width: 40%; padding: 14px 8px 14px 8px; border: 1px solid #bdc3c7; border-radius: 5px; } .Tracking_btn2{ width: 19%; height: 57px; background: #d7d9d9; } .Tracking_btn p { height: 57px; line-height: 57px; } .btn-query { /*background: #FB6E50 url(../images/suo_03.png) no-repeat scroll 20px 12px; transition:background 0.2s; color: #FFF; border-radius: 5px; padding: 18px 40px 18px 70px;*/ } .btn-query { background: #FB6E50; /*transition:background 0.2s;*/ font-size: 15px; padding: 15px 30px 15px 20px; border-radius: 5px; margin-left: 7px; text-align: left; background-color: #FB6E50; color: #fff; } .Tracking_btn p { height: 55px; } .btn-query:hover{ background: #FB6E50; } .btn-query:link,.btn-query:visited{ text-decoration:none; /*超链接无下划线*/ } .track{ width: 100%; overflow: hidden; } .track-center h1{ text-align: center; font-size: 30px; padding-top:30px; /*font-family: "Segoe UI"*/ } .track-center{ width: 70%; height: 166px; margin: 0 auto; } .track-carriers{ width: 70%; margin: 0 auto; } .track-carriers-p { height: 50px; line-height: 50px; margin:20px 0 ; } .tab-main-content{ font-size:14px; } .track-carriers input{ background: url(png/suo_03.png) no-repeat scroll 90% 50%; background-size:20px 20px; float: right; font-size: 16px; width: 25%; padding: 14px 8px 14px 8px; border: 1px solid #bdc3c7; border-radius: 5px; color:#858585; } .track-carriers span{ font-size: 16px; } .clearboth { width: 100%; height: 39px; line-height: 39px; } .tab-content{ clear: both; width: 100%; } .tab-content a{ background-color: #fff; border: 1px solid #dedede; border-radius: 5px; height: 60px; float: left; line-height: 60px; padding: 7px; text-decoration: none; width: 20%; color: #000; margin-left:3%; margin-top:3%; } .tab-content img{ width: 60px; height:60px; } .tab-content-div1{ margin-right: 10px; width: 60px; height: 60px; float: left; background-size: 60px; background-position: center; background-repeat: no-repeat; } .tab-content-div2{ height: 60px; vertical-align: middle; display: table-cell; overflow: hidden; zoom: 1; } .tab-content-div2 p{ word-break:break-word;line-height: 20px; } .clearboth{ clear: both; } .declare{ width: 100%; text-align: center; height: 60px; } .track-fotn{ width: 100%; border-top: 1px solid #dddddd; } .track-content{ width: 70%; margin: 0 auto; } .track-content h1{ font-size: 24px; text-align: center; margin: 20px 0 30px 0; } .track-content p{ font-size: 14px; margin: 0; text-align: center; } .try{ width: 20%; height: 50px; margin: 15px auto; } .try a { text-decoration: none } .try p{ line-height:50px; text-align: center; background: #fb6e50; transition:background 0.2s; border-radius: 5px; color: #fff; font-size: 16px; } .try p:hover{ background: #e26e50; } .track_detailed{ width: 30%; height: 50px; margin: 10px auto; } .track_detailed a { text-decoration: none; color:#e26e50; } .track_detailed_div{ width: 70%; background: #F4F4F4; margin:0 auto; border: 1px solid #dddddd; margin-bottom: 30px; padding: 30px; } .track_detailed_div h3{ font-size:16px; } .track_detailed_div a{ color:#00F !important; } .fotn{ width: 100%; height: 229px; border-top: 1px solid #dddddd; } .fotn-center{ width: 88%; height: 229px; margin: 31px 0 0 12%; } .fotn-center ul{ float: left; width:19%; margin-right: 1%; } .fotn-center ul li{ line-height:30px; } .fotn-center ul li a{ font-weight:normal; color: #000; font-size: 14px; } .communicas{ font-size: 22px; font-weight: 400; margin-bottom: 10px; } .communicas_right_a{ float:right; } .track-content_h1{ text-align: center; } .code img{ width:80px; height:80px; } .logo-ul-a img:hover{ opacity:0.8; } .fotn-center a:hover{ color:#FB6E50 !important; } #back-to-top{ position:fixed; display:none; bottom:20px; right:20px; } #back-to-top a{ text-align:center; text-decoration:none; color:#d1d1d1; display:block; width:64px; /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/ -moz-transition:color 1s; -webkit-transition:color 1s; -o-transition:color 1s; } #back-to-top a:hover{ color:#979797; } #back-to-top a span{ background:transparent url(png/sprite1477.png) no-repeat -0 -0; border-radius:6px; display:block; height:64px; width:56px; margin-bottom:5px; /*使用CSS3中的transition属性给标签背景颜色添加渐变效果*/ -moz-transition:background 1s; -webkit-transition:background 1s; -o-transition:background 1s; } #back-to-top a:hover span{ background:transparent url(png/sprite1477.png) no-repeat -0 -0; }