ul li{ list-style: none; } a{ text-decoration: 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 !important; height: 30px; line-height:30px; display:block; font-size: 16px; color: #555 !important; } .header_logo_right a:hover{ color:#FB6E50 !important; } .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%; height:227px; } .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; color: #4a4a4a; } .body_synopsis_text_h6{ text-align: center; margin-bottom:10px; font-size: 16px; color: #4a4a4a; } .body_synopsis_text p{ color: #aaa; text-align: center; font-size: 14px; line-height: 20px; } .body_synopsis_3{ width:15%; height:227px; float: right; } .Tracking{ width: 100%; padding-bottom:20px; } .Tracking_center_img{ text-align: center; height: 135px; padding-top: 35px; } .Tracking_center{ margin: 0 auto; color: #000; overflow: hidden; } .Tracking_center a:hover{ /* text-decoration: underline; */ } .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; text-align: center; } .Tracking_btn span{ margin-left: 8%; } .Tracking_btn input { font-size: 15px; 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: 18px; padding: 11px 30px 11px 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_h1{ text-align: center; font-size: 38px; padding:30px 0 30px 0; } .track-center_h1 a{ color: #000; text-decoration: underline; } .track-center{ max-width: 1000px; margin: 0 auto; padding:0px 0 30px 0; } .track-carriers{ max-width: 1000px; padding:0 22px; margin:50px auto 20px auto; } .track-carriers-p { height: 50px; line-height: 50px; } .tab-main-content{ font-size:14px; } .tab-main-content a{ transition:background 0.3s; } .tab-main-content a:hover{ background:#E3E3E3; } .track-carriers input{ background: url(png/suo_03.png) no-repeat scroll 90% 50%; background-size: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: 75px; float: left; line-height: 60px; padding: 7px; text-decoration: none; color: #000; margin-top:3%; } .tab-content img{ width: 60px; height:60px; } .tab-contenta{ clear: both; width: 100%; } .tab-contenta a{ background-color: #fff; border: 1px solid #dedede; border-radius: 5px; height: 61px; float: left; line-height: 60px; padding: 7px; text-decoration: none; color: #000; margin-top:3%; } .tab-contenta 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: 75px; vertical-align: middle; display: table-cell; overflow: hidden; zoom: 1; } .tab-content-div2 p{ word-break:break-word;line-height: 20px; } .tab-content-div2a{ height: 61px; vertical-align: middle; display: table-cell; overflow: hidden; zoom: 1; } .tab-content-div2a p{ word-break:break-word;line-height: 20px; } .clearboth{ clear: both; } .tabs{ border-bottom: 1px solid #ddd ;width: 100%;} .tabs::before,.tabs::after{display:table;content: "";clear: both;line-height: 0;} .tabs li{float:left;margin-bottom: -1px;overflow: hidden;position: relative;} .tabs li a {display: block;padding: 10px 14px; border-radius: 4px 4px 0 0; outline: none;height:39px;line-height:18px; text-decoration: none;} .thistab,.thistab a,.thistab a:hover,.thistab a:focus{background: #fff;} .tabs li a:hover,.tabs li a:focus{background: #eee; text-decoration: none;} .thistab a{border-color: #ddd #ddd transparent !important; border-width:1px !important; border-style:solid;color: #555 !important; text-decoration: none !important;} .declare{ width: 100%; text-align: center; } .declare p{ line-height:60px; } .track-fotn{ width: 100%; } .track-content{ max-width: 1000px; margin: 0 auto; padding:0 22px; } .track-content h1{ font-size: 24px; text-align: center; margin: 20px 0 30px 0; } .track-content_h1{ font-size: 24px; text-align: center; padding: 75px 0 30px 0; border-top: 1px solid #dddddd; } .track-content_h2{ font-size: 24px; text-align: center; padding: 30px 0 30px 0; } .track-content_h3{ font-size: 24px; text-align: center; padding: 75px 0 30px 0; } .sms_div_1{ width:50%;float:left;padding:20px;text-align: center; } .sms_div_2{ width:50%;float:left;padding:20px;text-align: center;font-size: 34px; background-color: #eee; } .track-fotn_h2{ background:#f6f6f6; padding-bottom:30px; } .sms_div{ width:80%;margin:0 auto;border: 1px solid #d3d3d3; border-radius: 5px;margin-top:30px;background:#fff; } .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: 0 auto; } .track_detailed a { text-decoration: none; color:#e26e50; } .track_detailed_div{ max-width:956px; #background: #F4F4F4; margin:20px auto; border: 1px solid #dddddd; padding: 22px; } .track_detailed_div h3{ font-size:16px; } .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; } .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; 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; }