@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
a{ font-size:12px; color:#000000; text-decoration:none; font-family:"微软雅黑";}
/* a:hover{ color:#;} */
img{border:none;}
ul{list-style:none;}

.img-responsive{width: 210px;}
.btn-primary{ background-color:#e30039;}
.newmolex { clear: both; padding: 0; margin: 0; text-align: left; font-family: Arial, sans-serif; font-size: 12px; line-height: 18px; background-color: #fff; }
.newmolex .container {width: auto !important; max-width: 2000px; background-color: white; padding: 0 100px !important; position: relative; }
.newmolex .row, .newmolex .div[class^="col"], .newmolex .inner { position: relative;}
.newmolex h3 { font-family: Arial, sans-serif; font-size: 18px; line-height: 22px; font-weight: bold;  }
.newmolex h4 { font-family: Verdana, sans-serif; font-size: 16px; line-height: 18px; font-weight: bold;  }
.newmolex h5 { font-size: 14px;line-height: 16px; font-weight: bold; font-style: italic; color: #999;  }
.newmolex img { }
.text-right a{font-size: 14px;color:#df0439;}
.text-right a:hover{color: #7d7d7d;}
/* Body text styles */
.newmolex .body-text p { font-size: 14px; line-height: 22px; margin: 0 0 20px; }
.newmolex .body-text .contain { max-width: 600px; margin-left: auto; margin-right: auto; display: block;}
.newmolex .body-text h1 { font-size: 30px; line-height: 32px; font-weight: bold; margin: 0 0 24px;}
.newmolex .body-text h2 { font-size: 30px; line-height: 32px; font-weight: bold; margin: 0 0 24px;}
.newmolex .body-text h4 { font-family: Verdana, sans-serif; font-size: 16px; line-height: 18px; font-weight: bold;  }
.newmolex .body-text h5 { font-size: 14px; font-weight: bold; font-style: normal; line-height: 20px; color: #323232;  }

/* top */
.newmolex #new-header { padding-bottom: 10px !important;padding-top: 20px !important; }
.newmolex #new-header .logo { margin-left: -35px;margin-top: -12px; }
.newmolex .languages { clear: both; margin-top: 15px; }
.newmolex .languages li { float: left; }
.newmolex .languages li a { font-size: 14px; color: #888; padding: 5px 0 5px 15px; display: block;font-family: "微软雅黑" ;}
.newmolex .languages li a:hover{color:#e30039;}
.newmolex .account-links a { font-weight: 400; }
.vip .newmolex .account-links a { font-weight: normal; }
.newmolex .account-links #my-parts { color: #666; margin-left: 10px; font-weight: normal; }
.newmolex .account-links .vip-services { float: right; position: relative; }
.newmolex .account-links .vip-services a { margin-left: 20px; font-weight: bold; }
.newmolex #vip-dropdown { display: none; background:#2b2b2b none repeat scroll 0 0; padding:0 0 7px 0; padding: 0; position:absolute; top: 20px; right: 0; z-index:999; }
.newmolex #vip-dropdown li { list-style-type: none; padding: 0; margin: 0; }
.newmolex #vip-dropdown li a:link, .newmolex #vip-dropdown li a:visited, .newmolex #vip-dropdown li a:hover, .newmolex #vip-dropdown li a:focus { margin: 0; min-width: 350px; text-transform: uppercase; text-align: left; color: #fff; border-bottom:1px solid #454545;display:block;font-size:11px;padding:9px 20px;text-decoration:none;}
.newmolex #vip-dropdown li a:hover, .newmolex #vip-dropdown li a:focus { color: white; background-color: #4d4d4d; }

.newmolex .account-links .password-warning { float: left; position: relative; }
.newmolex .account-links .password-warning a { font-weight: bold; }
.newmolex #password-warning-dropdown { display: none; background:#2b2b2b none repeat scroll 0 0; padding:0 0 7px 0; padding: 0; position:absolute; top: 20px; right: 0; z-index:999; }
.newmolex #password-warning-dropdown li { list-style-type: none; padding: 0; margin: 0; }
.newmolex #password-warning-dropdown li a:link, .newmolex #password-warning-dropdown li a:visited, .newmolex #password-warning-dropdown li a:hover, .newmolex #password-warning-dropdown li a:focus { margin: 0; min-width: 350px; text-transform: uppercase; text-align: left; color: #fff; border-bottom:1px solid #454545;display:block;font-size:11px;padding:9px 20px;text-decoration:none;}
.newmolex #password-warning-dropdown li a:hover, .newmolex #password-warning-dropdown li a:focus { color: white; background-color: #4d4d4d; }

.newmolex .account-links .password-profile-warning { float: left; position: relative; }
.newmolex .account-links .password-profile-warning a { font-weight: bold; }
.newmolex #password-warning-profile-dropdown { display: none; background:#2b2b2b none repeat scroll 0 0; padding:0 0 7px 0; padding: 0; position:absolute; top: 20px; right: 0; z-index:999; }
.newmolex #password-warning-profile-dropdown li { list-style-type: none; padding: 0; margin: 0; }
.newmolex #password-warning-profile-dropdown li a:link, .newmolex #password-warning-profile-dropdown li a:visited, .newmolex #password-warning-profile-dropdown li a:hover, .newmolex #password-warning-profile-dropdown li a:focus { margin: 0; min-width: 350px; text-transform: uppercase; text-align: left; color: #fff; border-bottom:1px solid #454545;display:block;font-size:11px;padding:9px 20px;text-decoration:none;}
.newmolex #password-warning-profile-dropdown li a:hover, .newmolex #password-warning-profile-dropdown li a:focus { color: white; background-color: #4d4d4d; }

/* main menu */
.newmolex #new-header2 { background-color: #2b2b2b; padding: 0; border-bottom: 1px solid #454545;box-shadow: 0px 3px 5px rgb(0 0 0 / 20%);}
.newmolex #new-header2 > a{display: none;}
.newmolex .nav li { float: left; }
.newmolex .nav li a { display: block; padding: 15px; color: white; text-transform: uppercase; font-size: 16px; }
.newmolex .nav li:first-child a { border-left: none; }
.newmolex .nav li a:hover { text-decoration: none; }

.newmolex #nav-left {float: left; }
.newmolex #nav-left li a:hover { background-color: #4d4d4d;}
.newmolex #nav-left li a {height: 48px; border-right: 1px solid #232323; border-left: 1px solid #3c3c3c; }
.newmolex #nav-left .search-icon a { padding-left: 15px; background-color: #e30039;}
.newmolex #nav-left .search-icon a img{width: 19px;}
.newmolex #nav-left .current { color: #888;}

.newmolex #nav-right li a:hover { background-color: #d90a28;}
.newmolex #nav-right { width: 29%; float: right; }
.newmolex #nav-right li { float: right;  }
.newmolex #nav-right li a { background-color: #e30039;border-right:1px rgba(255,255,255,0.3) solid;); color: white;  }

.newmolex #new-header2 form{position: absolute;top: 0;left: 44%;width: 30%;margin-top: 7px;}



/* search */
#new_homepage #search { padding: 0; color: white; }
#new_homepage #search .row {max-width: 2000px; height: 105px; padding: 0 100px; margin: 0; padding-top: 30px; padding-bottom: 30px; position: absolute; z-index: 99; margin: auto; }
#new_homepage #search .search-bg { background-color: #333; opacity: 0.8;max-width: 2000px;width: 100%;left: 0; box-sizing: border-box; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
#new_homepage #search input { padding-left: 25px; font-size: 14px; color: #333; border-radius: 5px 0 0 5px; height: 44px; outline: 0;border: 0;}
#new_homepage #search .btn { padding: 0 7%; border-radius: 0 5px 5px 0; line-height: 44px; font-size: 14px; font-weight: normal; }
.clearfix{padding: 0 !important;}
.newmolex #products-page #search { padding-top: 32px; }
.newmolex #products-page #search input {  font-size: 14px; padding-left: 30px; height: 42px; color: #666; border-radius: 3px 0 0 3px; background-color: #f5f5f5; border-color: #dfdfdf; }
.newmolex #products-page #search .btn { padding: 10px 24px; border-radius: 0 3px 3px 0; font-size: 14px; line-height: 22px; font-weight: normal; }

.newmolex .search-icon { width: 52px; }
.fancybox-wrap{z-index: 99999;}
.fancybox-overlay * { box-sizing: border-box;}
/* .fancybox-overlay .fancybox-close { background: transparent url('../images/molexRD/icon-close-white.png') top left no-repeat; top: -20px; right: -20px; width: 16px; height: 16px; } */
.fancybox-overlay .fancybox-close {top: -20px; right: -20px;}
.fancybox-overlay #search-form form { display: block; }
.fancybox-overlay #search-form button { display: none; }
.fancybox-overlay #search-form input { font-size: 42px;  font-weight: 700; border: 0; outline: 0; padding: 20px; width: 800px; }
.fancybox-overlay ::-webkit-input-placeholder { color: #5f6062; }
.fancybox-overlay :-moz-placeholder { /* Firefox 18- */ color: #5f6062;   }
.fancybox-overlay ::-moz-placeholder {  /* Firefox 19+ */ color: #5f6062;   }
.fancybox-overlay :-ms-input-placeholder {   color: #5f6062;   }

.newmolex-search-popup * { box-sizing: border-box;}
.newmolex-search-popup .fancybox-skin { background-color: #333;}
.newmolex-search-popup .fancybox-close { background: transparent url('../images/fancybox_sprite.png') top left no-repeat; top: -18px; right: -18px; width: 36px; height: 36px; position: absolute;}
/*.newmolex-search-popup .fancybox-close {   background: transparent url('../img/icon-close-white.png') top left no-repeat; top: -20px; right: -20px; width: 16px; height: 16px; }*/
/*.newmolex-search-popup .fancybox-close { background: none; top: 3px; right: 20px; width: auto; color:#57789C; }*/
.newmolex-search-popup #search-form { height: 56px; margin: 16px; }
.newmolex-search-popup #search-form form { display: block; position: relative; }
.newmolex-search-popup #search-form button { border-radius: 0 3px 0 3px; cursor: pointer; display: block; position: absolute; right: 0; top: 0; background: #e30536; color: white; font-weight: bold; border: 0; padding: 0 30px; line-height: 66px; font-size: 18px; font-weight: normal; }
.newmolex-search-popup #search-form input { border-radius: 3px; font-size: 22px; font-weight: normal; border: 0; outline: 0; padding: 20px 32px; width: 760px; }
.newmolex-search-popup ::-webkit-input-placeholder { color: #5f6062; }
.newmolex-search-popup :-moz-placeholder { /* Firefox 18- */ color: #5f6062;   }
.newmolex-search-popup ::-moz-placeholder {  /* Firefox 19+ */ color: #5f6062;   }
.newmolex-search-popup :-ms-input-placeholder {   color: #5f6062;   }
 
.newmolex .search-links {width: 23.5% !important; height: 44px;line-height: 42px;float: right;margin-left: 1%; margin-top:30px !important; text-align: center; border: 1px solid #fff; box-sizing: border-box; box-sizing: border-box; margin-top: 5px; padding-right: 0;border-radius: 5px; }
.newmolex .search-links:first-child { padding-right: 15px; }
.newmolex .search-links img { margin-right: 10px;width: 26px; }
.newmolex .search-links a {display: block; color: white;}
.newmolex .search-links a span { font-size: 11px; line-height: 15px; display: table-cell; vertical-align: middle; }
.newmolex .search-links:hover{border-color: #58595b; background-color: #58595b;}
.newmolex .search-links:hover a{color: #fff;}
.newmolex .search-links.border-left { border-left: 1px solid #565656; }




.top_text{ float:left; line-height:24px; margin-top:5px; padding:0px;}
.top_text a{font-family: "宋体";font-weight: bold; font-size:15px; color:#ef042f;  line-height:24px; margin-right:10px; text-decoration:none;}
.top_text a:hover{color:#7d7d7d;}


#products-page .container{padding: 0 !important;}


/* banner */
#billboard{max-width: 2000px;margin: 0 auto;}
#billboard img{width: 100% !important; height: calc(100vh - 139px);object-fit: cover;}

/*shopping下拉菜单*/
.nav1_1{position: absolute;z-index:3;top: 140px;left: 0px;width: 100%;height:460px;padding-left: 0px;padding-top: 0px;display:none;transition:width 0.3s;max-width: 100%;}
.nav1_1 h3{font-weight: normal;cursor: pointer;width: 70%;}
.nav1_1 h3 span{display:block; padding-top:10px;}
.nav1_1 h3 span a{font-size: 14px;color: #333; display:block; height:30px; line-height:30px; width:160px; text-align:left; padding-left:15px; margin-top:10px; margin-left:20px;}
.nav1_1 h3 span a:hover{color: #000;font-weight: bold; background:#fff;border-radius: 5px 0px 0px 5px;}
.nav1_1 h3 span a.hover{color: #000;font-weight: bold; background:#fff;border-radius: 5px 0px 0px 5px;}

.nav1_1 h3 .nav1_1_1{width: 920px;height:460px;position: absolute;top: 0px;left: 160px;background: #ffffff;padding-top: 12px;padding-left: 10px;display: none;overflow: auto; border:2px #e30039 solid;border-radius: 5px;}

/* 滚动条 */
.nav1_1 h3 .nav1_1_1::-webkit-scrollbar {
  width: 6px;
  background: #ffffff;
}

.nav1_1 h3 .nav1_1_1::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 10px;
}

.nav1_1 h3 .nav1_1_1 a{display: block;font-size: 12px;color: #333;line-height: 25px;width: auto; display:inline-table; margin-left:2%; text-align:left; margin-top:3px;}
.td1{width:19%;text-align:right;}.td1 a{ font-weight:bold;text-align:right!important; margin-left:0%!important; float:none;}.td1 a i{ font-size:12px; font-weight:bold;font-family:'宋体';font-style: normal}
.nav1_1 h3 .nav1_1_1 a:hover{color: #e6202d;}
.nav1_1 h3 .nav1_1_1 a.hover{color: #e6202d;}
.nav1_1 h3:hover .nav1_1_1{display: block;}
.nav1_1 h3.hover .nav1_1_1{display: block;}
/*shopping下拉菜单结束*/



/* Footer */
.newmolex #new-footer { margin-top: 0; border: none; background-color: #333333; color: #fefefe; padding-top: 35px !important; padding-bottom: 50px; }
.newmolex #new-footer h6 { color: #fefefe; text-transform: uppercase; font-size: 12px; font-weight: bold; margin-bottom: 15px; padding-bottom: 0; }
.newmolex #new-footer h6 .plusorminus{display: none;}
.newmolex #new-footer a { color: #fefefe; font-size: 12px; line-height: 21px;  }
.newmolex #new-footer img { max-width: none; }
.newmolex #new-footer p { color: #fefefe; }

.newmolex #new-footer #social a { margin: 0 1px 9px 0; display: inline-block;}
.newmolex #new-footer #social #app-store { margin-top: 10px; }

@media screen and (max-width: 1680px) {
.newmolex .nav li a{font-size: 15.5px;padding: 15px 11px;}
}

@media screen and (max-width: 1480px) {
.newmolex #new-header2 form{left: 43%;}
.newmolex .nav li a{font-size: 15px;padding: 15px 10px;}
}

@media screen and (max-width: 1420px) {
.newmolex #new-header2 form{width: 31% !important;left: 46%;}
}

@media screen and (max-width: 1380px) {
  .newmolex .nav li a{padding: 15px 10px;}
.newmolex #new-header2 form{display: none;}
.newmolex #nav-right{width: 25%;}
}

@media screen and (max-width: 1280px) {
/* .newmolex #nav-left li a{height: 40px;line-height: 40px;} */
/* .newmolex .nav li a{padding: 0 7px;line-height: 42px;font-size: 14px;} */
/* .newmolex #new-header2 form{margin-top: 4px !important;} */
}
@media screen and (max-width: 1200px) {
/* .newmolex .nav li a{font-size: 13px;padding: 0px 6px;} */
}


@media screen and (max-width: 1024px) {
.newmolex .container{padding: 0 0 !important;}
.top_text a{font-size: 13px;}
#billboard img{height: auto;}
.newmolex #new-footer h6{font-size: 17px;padding: 12px 0;}
#copyright{text-align: center;}
.newmolex #nav-left{float: none;margin-top: 36px;margin-bottom: 36px;}
.newmolex #nav-left li a{border: 0;display: inline-block;text-decoration: underline;font-size: 18px;}
.newmolex #nav-left li a:hover { background-color: none;}
.newmolex #new-header{padding-top: 0 !important;box-shadow: 0px 3px 5px rgb(0 0 0 / 20%);}

.newmolex #nav-right li a{font-size: 14px;padding: 13px 0;text-align: center; margin-bottom:5px; border-radius: 4px;text-decoration: underline;}
.newmolex #nav-right li a:hover{background-color: #58595b;color: #fff;}
/*.newmolex #nav-right li a:nth-child(2){background-color: rgb(51, 51, 51);}*/

.newmolex #new-footer h6 .plusorminus{display: inline-block;}

#new_homepage #search .row{display: none;}

.img-responsive{width: 190px;}
.newmolex .languages{margin-top: 0px;}
}