@charset "utf-8";
/* CSS Document */

*{
	padding: 0;
	margin: 0;
	border: 0;
    font-family: '微软雅黑', 'Microsoft YaHei UI', 'Microsoft YaHei', tahoma, arial, 'Hiragino Sans GB', "\5b8b\4f53", sans-serif;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, details, figure, figcaption, footer, header, hgroup, menu, nav, section, time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;vertical-align: baseline; background: transparent;}
@media (max-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.5) {



}
@media (max-width: 1200px){
	.page-wrap{width: 1199px;margin: auto;}
	.container { width: 1060px;}
	.footer{width: 1199px;margin: auto;}
    .main{width: 1199px;margin:0 auto;}
}

html {-moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }/* overflow-x: hidden; */
body { font-family: MetaWebPro-Normal, sans-serif; background: #fff; font-size:100%; color:#666; }


h1 {font-size:36px;}
h2 {font-size:28px;}
h3 {font-size:24px;}
h4 {font-size:18px;}
h5 {font-size:14px;}
h6 {font-size:12px;}
a { color:#000;outline:none; text-decoration:none;}
a:visited {text-decoration:none; outline:none;}
a:hover {text-decoration:none; outline:none;}
a:active {text-decoration:none; outline:none;}
a:focus { color:#000; outline:none; text-decoration: none;}
*:focus {outline: none;}
.center{text-align: center;}
li{list-style: none;}
 .footer-links h5, .footer-links h5 a, .btn-style, .link-style, .item.newsletter form input, .banner .bxslider li .caption h4, .image-slider li .caption h4, .radio-group label, .filter-option, .bootstrap-select.btn-group .dropdown-menu li a, .module-image-box .overlay h3, .tel .layer ul li strong, .bookmark .layer h4, .mobile-nav ul li a,.module-product-tab .nav-tabs a,.module-product-tab .icon-list li a,.module-product-tab .panel-heading a,.module-product-tab .panel-body li:first-child,.module-product-tab .content-tables .title,.module-product-tab .download-item h4,.red-btn,.module-info-box a span,.teaser-list li .text h4,.teaser-list li .tag-new-pdt,.filter-box h3,.filter-box h4,.btn,.result-item h3,.bold,.result-item h4,.module-cta-box h4,.module-text-block h3,.overlay-filer .pages li.current a,.module-product-muster .price, .thumb-slider .thumbnails a h3, .thumb-slider .slider-wrap .caption span,.phone-text,.module-contact-box.module-group li span,.module-contact-box.module-group li a,.share-teaser .text h4,.share-box-wrap h2,strong,.search-btn span,.module-download-tabs .nav-tabs li a span,.grid .grid-item h4,.grid .grid-item .more,.filter-tools-text  a,.matter-list .col h4,.matter-list .col .text.gray strong, .module-refer-list li h4, .module-text-box h4,.tesaser-view-module h2, .module-infobox-grey h4,.module-confirm-block h4, .module-downloads-container h4,.download-new,.popover-content h2,.date-tips h4, .teaser-wrap .text h5,.module-slider .image-slider li .caption h4,.legacy-content #wrapper .sub-content .teaser .teaser figure h3,.module-service-block .col-left h4,.legacy-content .rb-profilprogram .forceJustify span,.legacy-content .rb-profil-info .rb-block-link,.module-text-list dt, .module-text-list h2,.module-step-nav li.active,.form-group-white h2, .module-gmap-location h2, .module-gmap-location .panel-content .tabs li a, .module-gmap-location h3,.module-de-gmap h3, .panel-content .btn-view-result, .module-gmap-location .info-box h3, .module-gmap-location .info-box .link-route,.module-de-gmap .info-box .link-route, .module-gmap-location .result-panel .hit strong, #powerTip h3,.lead-text,.module-text-box.talks dl em,.module-text-box.faq-box dl em,.module-text-with-image-box h4, .tree-filter .jstree>ul>li>a,.module-profil-tab .nav-tabs a,.module-tablesaw-box .tablesaw th,.module-toggle-table .tablesaw th,.tablesaw-wrap th,.gray-button,.module-de-gmap h2,.module-de-gmap .select-option li .title,.module-de-gmap .select-option li .check-group p,.module-de-gmap .map-list .toggle-btn,.module-de-gmap .map-list .result-list li h3,.module-de-gmap .search-panel .tabs li a,.module-de-gmap .tab-content h3 { font-family: MetaWebPro-Bold, sans-serif;}

.grid-wrap h3, .lang .dropdown-toggle .caret, .page-nav .nav-toggle, .page-nav .btn-login:after,.page-nav .btn-login, .sticky-bar ul li .layer-toggle, .footer-links h5, .btn-style, .link-style,.inner-wrap h3,.control-label.radio,.search-btn span, .left-arrow-link, .banner .bxslider li .caption .link-more, .btn-scroll-down, .bx-prev, .bx-next, .image-slider li .caption span, .radio-group label .icon-radio,.icon-radio,.bootstrap-select.btn-group .btn .caret, .module-image-box .overlay span, .more-style,.less-style, .btn-search, .product-news .media .more , .thumb-slider .slider-wrap .caption span,.icon-arrow, .module-multi-slider .bx-wrapper .bx-prev, .module-multi-slider .bx-wrapper .bx-next,.red-btn span ,.banner .bx-controls .bx-prev,.banner .bx-controls .bx-next,.sticky-bar ul li .layer-toggle:after,.no-touch .sub-nav ul li .flyout form .btn-search:after,.no-touch .sticky-bar .btn-style:after,.rb-teaser-wrapper .rb-teaser .wrapper a,.lead-content .article li a,.text-slider-wrapper h2,.text-slider-wrapper .panel a ,.sub-content .teaser .wrapper .contactform,.legacy-content #wrapper .sub-content .teaser .teaser figure figcaption a,.ui-devices-nav,.legacy-content .flexslider .slides  li a[target='_blank'],.legacy-content .rb-panel-wrapper .wrapper a,.legacy-content .rb-profil-info .rb-block-link,.legacy-content .toolbox-toolregistration button span,.module-metro-gray h2,.icon-caret,.link-route, .paymentform .caret,.teaser-list .item figcaption.with-link a,.legacy-content .sub-content .box address a,.module-de-gmap .search-box .icon-radio, .table-search .btn-table-searcn .icon-search { background: url(../../img/icons.png) no-repeat;}
.icon-file,.icon-folder,.icon-pdf,.result-text .icon-pdf,.icon-doc,.icon-mail,.popover-close span,.icon-zip,.icon-txt,.icon-xls,.icon-webinar,.icon-location,.icon-tel,.icon-web,.icon-white-arrow,.module-metro-gray .icon-email,.cart,.newsletter-slider-wrap .bx-controls-direction a.bx-prev,.newsletter-slider-wrap .bx-controls-direction a.bx-next,.arrow-up,.scroll-up,.scroll-down,.icon-delete,.green-tick,.icon-top,.icon-kompas,.module-gmap-location .icon-fax,.module-gmap-location .icon-email,.module-gmap-location .icon-tel,.module-de-gmap .icon-fax,.module-de-gmap .icon-email,.module-de-gmap .icon-tel,.module-de-gmap .icon-web,.icon-freshen,.icon-del,.upload-arrow,.modify-arrow,.delete-arrow,.module-profil-tab .icon-tips,.slider-btn,.layer-btn,.icon-bookmark,.code .check,.set-image-box li .slider-color .bx-wrapper .bx-prev,.set-image-box li .slider-color .bx-wrapper .bx-next,.inline-slider-overlay .bx-wrapper .bx-prev,.inline-slider-overlay .bx-wrapper .bx-next { background: url("../../img/download_icons.png") no-repeat 0 -33px; width: 18px; height: 24px;}
.icon-video,.module-slider .bx-wrapper .bx-prev, .module-slider .bx-wrapper .bx-next,.back-btn .icon-back,.bx-wrapper .bx-prev,.bx-wrapper .bx-next,.icon-add-to-fav,.download-arrow,.icon-info,.icon-fav,.icon-list-view,.icon-title-view,.plus-icon,.icon-unselect,.icon-tick,.icon-phone,.icon-email,.icon-fax,.icon-related-pdt,.icon-print,.icon-share,.pages li.pages-prev a,.pages li.pages-next a,.legacy-content .flexslider .slides  li ul li a,.legacy-content .flexslider .bx-controls-direction a,.accordion header a .subline,.text-slider-wrapper .bx-controls-direction a,.videobutton,.module-infobox-grey.light-link .link-style,.legacy-content .sub-content .teaser .rb-link-list a,.legacy-content .lead-content .rb-teaser-wrapper .rb-bullets li a,.legacy-content .rb-explanation .rb-clear-bottom,.module-text-list dd .icon-tick,.module-multi-slider .bx-wrapper .bx-next,.module-multi-slider .bx-wrapper .bx-prev,.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next,.in-link,.module-checkout-warp .checkout-table .text a.link-style,.img-box .view,#powerTip a,.collapse,.icon-favoritened,.icon-disc,.module-image-carouse .prev,.module-image-carouse .next,.selector-carousel .bx-prev,.selector-carousel .bx-next, .jstree-ocl,.tablesaw-nav-btn,.module-individual-info-services .close { background: url("../../img/dekor_icons.png") no-repeat 0 0;}


.clear{clear: both;}
.container { width: 1060px;}


.badge { background-color: transparent; border-radius: 0; font-weight: normal;  padding: 0; text-align: left;}
.fixednav{position:fixed;top:0px;left:0px;width:100%;}
.page-wrap {position: relative;z-index: 999;background: #fff; padding: 5px 0 0px;}
.header-top {background: #fff;height: 90px;}
.container{width: 1060px; margin:0 auto;}
.header-top .container { }
.logo { float: left; width: 285px; height: 90px; margin: 5px;}
.logo a, .logo img { display: block; width: 100%;}

.register-item { float: right; width: 390px; height: 46px; padding:10px 0 0;margin: 35px 0 10px 0;}
.register-item ul li{float:left;font-size:14px;margin-left:14px;height:100%;list-style: none;}
.register-item ul li a,.register-item ul li span{color:#363636;position:relative;top:22px;font-size:14px;padding:3px 0}
.register-item ul li span.line{margin:0 2px;}
.register-item ul li span.p{top:25px;background:url("../../img/header-phoneicon.png") no-repeat 0 1px;padding-left:22px}
.register-item ul li span.u{top:25px;background:url("../../img/header-phoneicon.png") no-repeat 0 -28px;padding-left:22px}
.register-item ul li span.c{top:25px;cursor:pointer;background:url("../../img/header-phoneicon.png") no-repeat right -86px;height:20px;display:block;width:35px;}
.register-item ul li.over-red a:hover,.register-item ul li .over-red span:hover{color:#dc1e32}

/*语言块*/
.register-item ul li.language{position:relative;z-index:9;margin-left:0;}
.register-item ul li.language .movehidden{margin-left:-56px;width:271px;height:100%;background:#fff;position:absolute;right:0;top:43px;overflow:hidden;box-sizing:border-box;height:0;transition:.25s .05s ease height}
.register-item ul li.language .movehidden div{font-size:12px;margin-bottom:15px;transition:.3s ease opacity;opacity:0;line-height:14px}
.register-item ul li.language .movehidden div span,.register-item ul li.language .movehidden div a{color:#606263;top:0;font-size:12px}
.register-item ul li.language .movehidden div a:hover{color:#e13d4e}
.register-item ul li.language:hover .movehidden{height:auto;padding:20px 20px 5px;border-top:1px solid #e5e5e5}
.register-item ul li.language:hover .movehidden div{opacity:1}
.movehidden img{float:left;width:20px;height:20px;margin-right:8px;}



/* 导航条 */
.page-nav {/* background: url(../img/nav_bg.jpg) repeat-x 0 0 #494949; */    background-color: #279ddd;}
.page-nav .container {position: relative;}



/*-------- main content  ---------*/


/* main content */
.main { background: #f6f6f6;margin:0 auto;}
.main  .container{
	position: relative;
    
}

.main .noborder {
    border: none !important;
}

.main .location {
    width: 1060px;
	z-index: 5;
    padding: 10px 0 0 0;
    margin-left: auto;
    margin-right: auto;
	background-color:#FFFFFF;
    }
   
.location #freights_location {
    
    padding-left: 35px;
    width: 60%;
    height: 23px;
    line-height: 23px;
    background: url(../../img/comm.png) no-repeat 0 0;
    font-size: 14px;
    color: #09f;
}

.location #freights_location h1 {
    display: inline-block;
    font-weight: normal;
    font-size: 14px !important;
    }

.location #freights_location a {
    color: #09f;
    }






/* Footer */
.footer-links { padding: 10px 0; background: #666;}
.footer-links .container { overflow: visible; margin-bottom: 40px;}
.footer .footer-meta ul li{ color: #b1b1b1;}
.footer-links .left-col { float: left; width: 76%;}
.footer-links .left-col .item { float: left; width: 22%;}
.footer-links .left-col .top-row:after, .footer-links .left-col .bottom-row:after { content: " "; display: block; height: 0; clear: both; visibility: hidden;}
.footer-links .left-col .top-row { padding-bottom: 70px;}
.footer-links .right-col { float: right; width: 24%;}
.footer-links .right-col .item { margin-bottom: 24px;}
.footer-links .right-col .item.contact { margin-bottom: 0;}

.footer-links h5 { margin-bottom: 3px; padding-top: 9px; background-position: 0 -438px;}
.footer-links .item li {font-size: 14px;color: #b1b1b1;}
.footer-links a { font-size: 14px;color: #b1b1b1;}
.footer-links a:hover{color:#fff;}
.footer-links h5 a { font-size: 18px;color: #fff;}    
.footer-links .mobile-link { display: none;}
.item.newsletter h5 { margin-bottom: 6px;}
.item.newsletter .link-style { font-size: 20px; line-height: 1.4;}
.item.newsletter form input { margin-bottom: 9px; width: 100%; height: 37px; padding: 0 10px; background: #f6f6f6; border: 0 none;}
.item.newsletter form input.error { border: #e31937 solid 2px;}
.item.contact p { font-size: 14px; font-family: MetaWebPro-Medium, sans-serif;}
.footer-links .item.contact .contact-link {  text-decoration: underline;}


.meta-links { float: left;}
.meta-links li { float: left; padding-right: 15px; font-size: 14px; line-height: 25px; color: #fff;}
.meta-links li a { padding-right: 15px; line-height: 25px; color: #fff;}
.meta-links li a:hover { color: #fff; text-decoration: underline;}
.footer { clear: both;}
.contact .contact-link { display: none;}
.contact .contact-link-desktop { text-decoration: underline;}
.contact .contact-link-desktop:hover { text-decoration: underline;}


.footer .right-col .item .label-top-r-btn{margin-top:30px}
.footer .right-col .item .label-top-r-btn a{display:inline-block;width:58px;height:57px;background:url("../../img/label-top-r-btn.png") no-repeat;margin-left:0;position:relative}
.footer .right-col .item .label-top-r-btn a .qr-code-popup{position:absolute;top:-134px;right:-33px;background:url("../../img/qr-code-popup-b.png") no-repeat;background-size:100% 100%;width:124px;height:129px;display:none}
.footer .right-col .item .label-top-r-btn a .qr-code-popup p{font-size:14px;color:#000}
.footer .right-col .item .label-top-r-btn a:hover{background:url("../../img/label-top-r-btn-b.png") no-repeat}
.footer .right-col .item .label-top-r-btn a:hover .qr-code-popup{display:block}
.footer .right-col .item .label-top-r-btn a.weixin{margin-left:14px;background:url("../../img/label-top-r-btn.png") no-repeat -80px 0}
.footer .right-col .item .label-top-r-btn a.weixin:hover{background:url("../../img/label-top-r-btn-b.png") no-repeat -80px 0}
.footer .right-col .item .label-top-r-btn a.kefu{margin-left:14px;background:url("../../img/label-top-r-btn.png") no-repeat -157px 0}
.footer .right-col .item .label-top-r-btn a.kefu:hover{background:url("../../img/label-top-r-btn-b.png") no-repeat -157px 0}
.footer .right-col .item .label-top-r-btn .qr-code-popup{ clear:both; }
.footer .right-col .item .label-top-r-btn .qr-code-popup .qr-code-img{padding:10px;clear:both;}
.footer .right-col .item .label-top-r-btn .qr-code-popup .qr-code-img img{width:100%;clear:both;}
.footer .right-col .item .label-top-r-btn .qr-code-popup.open{display:block}

/* 版权 */
.footer-meta { background: #666; margin:0 auto; padding-bottom: 15px;}
.footer-meta .container { overflow: hidden;}
.footer-meta ul{}
.footer-meta ul li{ font-size:14px;}


.footer .on_line {
    display: block;
    width: 74px;
    height: 97px;
    background: url(../../img/on_line_icon.png);
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -48.5px;
    z-index: 100;
	text-align:center;
}
.footer .on_line p{margin-top:65px; color:#FFFFFF;}
.footer a:hover{
 text-decoration:none;outline:none;
}

.site_logo{
    width: 1060px;
    height: 125px;
    padding: 20px;
    margin: 40px auto;
    overflow: hidden;
    background: #f0f0f0;
    line-height: 26px;
    }

.site_logo img{
    float: left;
    width: 121px;
    margin-right: 20px;
    }

.site_logo a{
    color: #09f;
    }

/****进度***/
.main .progress_bar{width: 1060px;height: 125px; background-color: #fff;float: left;}
.freights_hyjd {
    background: url("../../img/hyjd.png") no-repeat;
    height: 45px;
    margin: 40px 0;
    }
.freights_lyjd {
    background: url("../../img/lyjd.png") no-repeat;
    height: 45px;
    margin: 40px 0;
    }
.hyjd_a,.lyjd_a {
    background-position: 0 0 !important;
    }

.hyjd_b,.lyjd_b {
    background-position: 0 -45px !important;
    }

.hyjd_c,.lyjd_c {
    background-position: 0 -90px !important;
    }

.hyjd_d,.lyjd_d {
    background-position: 0 -135px !important;
    }
    
 