*, *:before, *:after {	box-sizing: border-box}
body{margin:0; padding:0;font-family:'OpenSans Regular','Arial',"Segoe UI","Lucida Grande";  font-size:12px; color:#1F1F1F; }
img{border:0; vertical-align:middle;}
.clear{clear:both;}
a:link {	color: #1F1F1F;	text-decoration: none;}
a:visited {	text-decoration: none;	color: #1F1F1F;}
a:hover {	text-decoration:none;	color:#3461ad;}
a:active {	text-decoration: none;	color: #1F1F1F;}
ul,li,ol{margin:0; padding:0; list-style-type:none;}
.clear{ clear:both; width:100%;}
@font-face{    font-family: 'Raleway Regular';    src : url('../font/Raleway-Regular.ttf'); font-display: swap;   /*有坑，写相对路径，绝对路径没有效果*/}
@font-face{    font-family: 'OpenSans Regular';    src : url('../font/OpenSans-Regular.ttf');  font-display: swap;  /*有坑，写相对路径，绝对路径没有效果*/}
@font-face{    font-family: 'Montserrat Black';    src : url('../font/Montserrat Black.ttf');  font-display: swap;  /*有坑，写相对路径，绝对路径没有效果*/}
@font-face{    font-family: 'Montserrat Regular';    src : url('https://www.hardfindelec.com/images/Montserrat-Regular.otf');  font-display: swap;  /*有坑，写相对路径，绝对路径没有效果*/}
.wrapper { height: auto; margin: 0 auto; padding-top: 0; position: relative; width: 1300px;}
table{border-collapse: collapse;}
.dark{ width:100%; background:#F3F5F9; clear:both;}
input,textarea {font-family:'OpenSans Regular','Arial',"Segoe UI","Lucida Grande"; }
.line{  border-bottom:1px solid #eee;}
.line2{  border-bottom:3px solid #333; margin:20px 0;}
.main_title{ width:100%;line-height:40px; height:40px; font-size:12px;color:#999;}
.main_title a{ margin:0 5px; color:#999;}
.main_title a:nth-child(1){ margin-left:0;}
.main_title2{ font-size:18px; font-weight:bold;}
.wrapper .hd{ position:relative;}
.wrapper .hd .more2{ clear:both;  background:#3461AD; display:inline-block; position:relative; width:90px; margin-top:10px; text-align:center; line-height:30px; line-height:30px; color:#fff;}
.wrapper .hd .more2 i{ display:inline-block; margin:0 0 0 5px; vertical-align:middle; width: 0; height: 0;    border: 5px solid transparent;    border-left-color: #fff;}
.wrapper .hd .more2::before {    content: '';    width: 90px;    height: 3px; left:0;    position: absolute;  top: -15px; background:#333;}


/*头部*/
.header{ width:100%; margin:0 auto; background:#fff; position: sticky; top: 0px; z-index:100; box-shadow:0px 1px 3px 0px rgba(0,0,0,0.06);}
.header1{ line-height:45px; font-size:14px; background:#202020; color:#fff;  }
.header1 span{ float:right;}
.header1 a {	color: #fff;}
.header2{ height:95px;}
.header .logo{ width: 200px; float:left; margin-top:17px;}
.header .logo img{ width:100%;height:auto;position:relative;top:10px;}
.header .header_search{width:670px; height:43px; line-height:41px; border:1px solid #C4CCD0; border-radius:5px; position:relative; float:left; margin:26px 0 0 50px; overflow:hidden;}
.header .header_search .search-text{ width:100%;  padding:0; line-height:41px;  float:left; border:none; text-indent:10px;}
.header .header_search .search-botton{ width:41px; height:41px; background:url(../image/search.png) #F2F4F8 center no-repeat; background-size:50%;  border:none; cursor:pointer; position:absolute; right:0; top:0;}
.header .rfq{ position:absolute; line-height:95px; right:0; top:0; font-size:15px; text-decoration:underline; font-weight:bold;font-family: 'Montserrat Regular';}

.navbox{background:#fff;  line-height:43px; height:43px; border-bottom:2px solid #F2F2F2; font-family:'Montserrat Regular'; }
.nav{ font-size:15px; position:relative; }
.nav li{ float:left;}
.nav>li:nth-child(1){ color:#6B6B6B; padding:0 85px 0 0;}
.nav>li>a{padding:0 30px; font-weight:bold; position:relative; display:inline-block;}
.nav li a:hover{color: #1F1F1F;}
.nav>li>a:hover:after {  content: ""; position: absolute; top:40px; left: 50%; width:50px; margin-left: -25px; height: 3px; background: #232323; }
.nav .down{ display:inline-block; width:8px;   height:8px; border: #666 solid; border-width: 2px 2px 0 0;  transform: rotate(135deg);margin:-3px 0 0 8px; vertical-align:middle;}
.nav .sub_nav{ display:none; position:absolute; top:44px; width:1300px; left:0; padding:25px; background:#F2F4F8; z-index:9; box-shadow:0 0 5px #ddd; border-radius:8px;}
.nav li:hover .sub_nav{ display:block;}
.sub_nav .left{ width:20%; float:left; padding:10px; }
.sub_nav .center{ width:54%; float:left; margin-left:2%;}
.sub_nav .right{ width:22.5%;  float:left; margin-left:1.5%; border-radius:5px; overflow:hidden;}
.sub_nav .right2{ width:68%;float:left; margin-left:12%; }

.sub_nav .left h2{ font-size:22px; line-height:30px; margin:0; }
.sub_nav .left .text{ margin-top:15px; line-height:20px; font-size:12px;}
.sub_nav .band{ margin-top:15px;}
.sub_nav .band li{ width:30%; float:left; margin:10px 5% 0 0; background:#fff;}
.sub_nav .band li:nth-child(3n+3){ margin-right:0;}
.sub_nav .band li a{ display:block; width:100%; padding:2px; height:37px; text-align:center;}
.sub_nav .band li img{ max-width:100%; max-height:37px;line-height:37px; }
.sub_nav .supportlist li{ width:30%; margin:20px 20% 20px 0; float:left;}
.sub_nav .supportlist img{ width:50px; height:50px; padding:8px; float:left; background:#fff; border-radius:4px; margin-right:15px;}
.sub_nav .supportlist p{ line-height:15px; font-size:12px; font-weight:normal; margin:0;}
.sub_nav .supportlist .title{ font-size:14px; line-height:20px; font-weight:bold;}
.sub_nav .supportlist .desc{ font-family:'OpenSans Regular';}


.nav2{width:49%; background:#fff; padding:10px; border-radius:5px; float:left; font-size:13px; position:relative;}
.nav2 li{width:100%; }
.nav2>li>a{display:block; padding:5px 36px 5px 5px; width:100%;  height:55px; line-height:45px;  text-align:left; background:url(../image/right1.png)  95% center no-repeat; background-size:5%;  border-radius:5px; font-weight:normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.nav2>li>a:hover{color:#fff; background-color:#232323; background-image:url(../image/right2.png);}
.nav2 li a img{ width:43px; height:43px;  border:1px solid #eee; border-radius:5px; vertical-align:middle; margin-right:10px;padding:3px; background:#fff;}
.nav2 li:hover .nav3{ display:block;}
.nav2 li:nth-of-type(1) .nav3{ display:block;}
.nav3{ display:none; width:112%; position:absolute;font-size:13px; top:0; left:92%;}
.nav3 ul{ display:block; padding:10px; margin-left:12%;  height:405px; overflow:hidden; border-radius:5px;  background:#fff; position:relative;}
.nav3 li{ width:100%;}
.nav3 li a{ display:block; width:100%; padding:0 10px; height:35px; line-height:35px; border-radius:5px; overflow:hidden;  font-weight:normal;}
.nav3 li a:hover{color:#fff; background-color:#232323; }
.nav3 .last{ position:absolute; bottom:5px; border-top:1px solid #ddd; padding-top:5px; background:#fff;}


#MenuBtn{ display:none;}



.Pager{ width:100%; text-align:center;}
.Pager a{ display:inline-block; margin:0 5px; padding:0 12px; text-align:center; border:1px solid #ccc; border-radius:2px;line-height:28px; height:28px; }
.Pager a:hover,.Pager a.on{background:#3461AD; color:#FFF; }

.m_title,.m_title2,.m_title3{ display:none;}
.m_filter{ display:none;}
.m_cover{ display:none;}
.m_category_fixed{ display:none;}


/*幻灯片*/
.focusBox {overflow:hidden;position:relative;width:100%;margin:0; height:400px}
.focusBox .pic li a {width: 100%;height: 400px;display: block; background-size:cover; background-position:center; }
.focusBox .hd {overflow: hidden;zoom: 1;position: absolute;bottom: 10px; z-index: 3 ; width:100%;text-align:center;}
.focusBox .hd li {text-align: center;width:20px;height: 10px; border-radius:5px; display:inline-block;cursor: pointer;background: #fff; margin-left: 4px;filter: alpha(opacity=90);opacity: .9;-webkit-transition: All .5s ease;-moz-transition: All .5s ease;-o-transition: All .5s ease }
.focusBox .hd .on {background: #fff;  filter: alpha(opacity=90);opacity: 0.9; height:13px; width:60px; }
.focusBox .prev,.focusBox .next {position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../image/slider-arrow.png) -110px 5px no-repeat; }
.focusBox .next {left:auto; right:3%; background-position:8px 5px;  }
.focusBox .prev:hover,	.focusBox .next:hover {}

/*首页*/
.indexbox_title{ height:25px; line-height:25px; font-size:28px;color:#202020; font-family:'Raleway Regular';}
.indexbox_title2{ width:100%; height:45px; line-height:45px; font-size:30px; color:#fff; font-family:'Raleway Regular';}

.index_bands{ width:100%; background:#fff; height:95px; overflow:hidden;}
.index_bands .bd li{ float:left; width:12.5%;}
.index_bands .bd li a{ display:block; width:100%; height:95px; line-height:95px; text-align:center; padding:20px 0 0 0;}
.index_bands .bd li a img{ display: inline-block; vertical-align: middle; width:80%;}

.index_ys{ background:#fff; height:120px; border-radius:5px; margin-top:15px;}
.index_ys li{ width:25%; display:block; height:100px; margin-top:10px; float:left; border-right:2px solid #F3F3F3; }
.index_ys li:nth-child(4){ border-right:none;}
.index_ys li a{ display:block; width:100%; padding:0 10%; height:100px; }
.index_ys li a img{ width:100px; height:100px; float:left;}
.index_ys li a .title{font-size:18px; vertical-align:middle; padding-top:23px;}

.index_videos{ width:330px; height:400px; float:left; background:#fff; border-radius:5px; margin:15px 0 0 0; padding:20px 25px; }
.index_videos .item .img{ width:100%; height:195px;}
.index_videos .item .title{ font-size:22px; line-height:30px; height:60px; margin-top:15px;text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  line-clamp: 2;  -webkit-box-orient: vertical;}
.index_videos .text{ margin-top:10px; color:#6E6E6E; font-size:16px;}
.index_videos .more{ display:block; width:95px; height:44px; line-height:44px; margin-top:15px; border-radius:22px; background:#313131; color:#fff; text-align:center; font-size:18px;}

.index_products{ width:955px;height:400px; float:left; background:#fff; border-radius:5px; margin:15px 0 0 15px; padding:15px 8px; overflow:hidden; }
.index_catelist{ padding-bottom:20px; border-bottom:1px solid #F3F3F3; max-height:220px; overflow:hidden;}
.index_catelist li{display:block; width:49%; float:left; padding:5px 0.5% 0 0.5%;}
.index_catelist li a{ display:block;line-height:25px; height:33px; padding:3px 10px; border:1px solid #cdcdcd; border-radius:4px; font-size:16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.index_catelist li a img{ width:auto; height:25px; margin-right:10px; vertical-align:middle;}
.index_productlist{ margin-top:20px; max-height:145px; overflow:hidden;}
.index_productlist li{ width:21%; padding:10px 2% 0 2%; float:left; color:#212121; font-size:14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.index_num{ height:133px; line-height:133px; background:url(../image/hard-to-find.jpg); background-size:contain; color:#fff; font-size:36px; text-align:center; margin-top:15px; border-radius:5px; overflow:hidden;}
.index_num b{ font-weight:normal; font-size:48px;}

.index_reviews{ height:300px; padding:45px; background:#fff; border-radius:5px; margin-top:15px; }
.index_reviews .item1{ width:24%; float:left;}
.index_reviews .item1 .title{ font-size:22px; line-height:30px; margin-top:20px;}
.index_reviews .item1 .text{ margin-top:10px; color:#6E6E6E; font-size:16px;}
.index_reviews .item1 .more{ display:block; width:95px; height:44px; line-height:44px; margin-top:15px; border-radius:22px; background:#313131; color:#fff; text-align:center; font-size:18px;}
.index_reviews .item2{ width:35%; margin-left:3%; float:left; border:1px solid #8690A9; border-radius:10px;  padding:24px 30px; height:200px;}
.index_reviews .item2 .touxiang{ width:27px; float:left; margin:5px 5px 0 0;}
.index_reviews .item2 .name{font-size:15px; line-height:20px; color:#212121; font-weight:bold; }
.index_reviews .item2 .name img{ vertical-align:middle; height:15px; margin-left:10px;}
.index_reviews .item2 .text{ color:#616161; line-height:13px;}
.index_reviews .item2 .title{font-size:15px; line-height:20px; color:#212121; margin-top:10px; font-weight:bold;}
.index_reviews .item2 .content{font-size:15px; line-height:20px; color:#212121; margin-top:10px;}
.index_reviews .item2 .date{ font-size:12px; line-height:20px; color:#A4A4A4; margin-top:10px;}

.index_zc{ margin:30px auto;}
.index_zc ul li{ width:300px; margin-right:150px; float:left;}
.index_zc ul li a{ width:100%; display:inline-block;}
.index_zc ul li a img{ width:100px; height:100px; float:left; margin-right:20px;}
.index_zc ul li a .title{ width:180px;font-size:16px;float:left; margin-top:10px; line-height:40px; font-weight:bold; color:#202020;}
.index_zc ul li a .desc{ width:180px;  font-size:14px;  float:left; line-height:22px; height:44px; }
.index_zc ul li:nth-child(3) {    margin-right: 0;}
.index_zc ul li a:hover .title{ color:#3461ad;}
.index_zc ul li a:hover .desc{ color:#606060;}

.index_product{ width:850px; height:350px; float:left; margin-top:10px;}
.index_product .hd{ width:100%; height:20px; line-height:20px; font-size:18px;margin:30px 0 30px 0;}
.index_product .hd .more a{ float:right; color:#3461ad; font-size:14px; text-decoration:underline;}
.index_product .hd ul li{ float:left; text-align:center; padding:0 30px;  display:inline-block; border-right:1px solid  #606060; cursor:pointer;}
.index_product .hd ul li.on{ color:#3461ad; border-right:1px solid #3461ad;}
.index_product .hd ul li:first-child	{ padding-left:0;}
.index_product .hd ul li:last-child	{ border:none;}

.index_product .bd{ width:100%; font-size:16px; position:relative;}
.index_product .bd ul li{ float:left; text-align:center; width:24%; margin:0 1% 0 0; }
.index_product .bd ul li:nth-child(4) {    margin-right: 0;}
.index_product .bd ul li a{ display:inline-block; width:92%; padding:10px 4% 10px 4%;}
.index_product .bd ul li a img{ width:100%; height:140px;}
.index_product .bd ul li a .title{ width:100%; text-align:left; font-size:12px; line-height:18px; height:36px; overflow:hidden; margin-top:10px;}
.index_product .bd ul li a .title b{ display:inline-block; border:1px solid #202020; padding:0 5px;  font-weight:normal; margin-right:10px;}
.index_product .bd ul li a .rfqbtn{ margin:15px auto 0 auto; width:50%; line-height:20px; height:20px; background:#202020; color:#FFF; font-size:12px; display:none; }
.index_product .bd ul li a:hover{box-shadow:0 0 5px #ddd; color:#202020;}
.index_product .bd ul li.last a:hover{box-shadow:none; color:#202020;}

.index_product .bd ul li a:hover .rfqbtn{ display: block;}
.index_product .bd ul li.last{ width:330px; height:245px; position:absolute; right:-370px; top:-40px;}
.index_product .bd ul li.last a img{ height:auto;}

.m_cate{ display:none;}
.index_Manufacturer{ display:none;}

.index_video{ margin:40px 0 0 30px; width:570px; float:left;}
.indexbox_title3{ font-size:16px; color:#FFF; line-height:30px; height:30px;}
.indexbox_title3 .more a{ float:right; color:#3461ad; font-size:14px; text-decoration:underline;}
.index_video .videoitem{ width:31%; margin:20px 3% 20px 0; float:left;}
.index_video .videoitem:last-child {    margin-right: 0;}
.index_video .videoitem img{ width:100%; height:100px; border-radius:5px; box-shadow:1px 1px 1px #666666}
.index_video .videoitem .title{ display:none;}

.index_news{ margin-top:15px; text-align:center;}
.index_news .hd{ color:#313131; font-size:30px; line-height:45px; text-align:left;}
.index_news ul li{ width:23.5%; margin:10px 2% 0 0; float:left;}
.index_news ul li:last-child {    margin-right: 0;}
.index_news ul li a{ display:inline-block; width:100%; height:245px; background:#fff;}
.index_news ul li a img{ width:100%; height:175px; }
.index_news ul li a .title{ margin:10px; line-height:25px; height:50px; font-size:16px; color:#313131; text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  line-clamp: 2;  -webkit-box-orient: vertical; text-align:left;}
.index_news .more{ display:block; width:135px; height:55px; line-height:55px; margin:30px auto; border-radius:33px; background:#313131; color:#fff; text-align:center; font-size:24px;}


/*关于我们*/
.about{ margin:40px auto 0 auto;}
.about img{ float:left; width:450px; margin:0 60px 0 0;}
.about h1{ font-size:34px; font-weight:bolder;}
.about .text{ font-size:14px; line-height:32px;}

.whychoose{ width:100%; margin:70px 0 0 0; background:#F3F5F8; padding:50px 0;}
.whychoose .head{ font-size:28px; text-align:center;}
.whychoose .list li{ width:25%; margin:30px 5% 0 5%; float:left;}
.whychoose .list li img{ width:25%; float:left; margin-right:4%;}
.whychoose .list li .title{ display:inline-block; width:70%; float:left; font-size:14px; color:#1F1F1F; margin-top:10px;}
.whychoose .list li .desc{display:inline-block;width:70%; float:left; font-size:12px; color:#666; }
.whychoose .list li:nth-child(3n+3) { margin-right:0;}

.about-process{ margin-top:50px;}
.about-process .head{ text-align:center; font-size:28px;}
.about-process .text{ margin-top:40px; text-align:center; font-size:14px; line-height:30px;}
.about-process .text a{ color:#3361AD; font-weight:bold; text-decoration:underline; background:url(../image/a.png) no-repeat right; padding-right:20px;}
.about-process .text img{ margin-top:30px;}

.about-application{width:100%; margin:50px 0 0 0; background:#F3F5F8; padding:50px 0;}
.about-application .head{ font-size:28px; text-align:center;}
.about-application .list li{ width:12.2%; margin:40px 1% 0 1%; float:left; text-align:center;}
.about-application .list li img{ width:75px; }
.about-application .list li .title{  width:100%; font-size:12px; margin-top:20px;}

.about-contact{ padding:40px 0 0 0; text-align:center; font-size:22px; color:#1F1F1F;}
.about-contact b{ font-weight:normal; color:#3361AD;}
.about-contact a{ width:120px; line-height:35px; background:#3361AD; margin:20px auto; display:block; border-radius:5px; color:#FFF; font-size:16px;}


/*Contact,Feedback*/
.Contact1{ width:600px; float:left; margin:50px 0 40px 0; padding-right:117px; border-right:3px solid #EEEEEE;}
.Contact1 .text{ font-size:14px; padding-bottom:15px;line-height:30px;}
.ContactForm{ width:100%; }
.ContactForm li{ float:left; width:100%; line-height:25px; margin-bottom:5px; text-indent:5px;}
.ContactForm .name,.ContactForm .email{ width:200px;}
.ContactForm .email{ margin-left:60px;}
.ContactForm .input{ width:100%; height:38px; line-height:38px; border:2px solid #C4CCD0; text-indent:20px; border-radius:20px;-webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}
.ContactForm textarea{ padding:5px 0 0 5px; width:100%; height:100px;}
.ContactForm .button{ width:86px; line-height:34px; cursor:pointer; border:none; background:#232323; color:#FFF; text-align:center; border-radius:10px;}

.Contact2{ width:300px; float:left; margin:50px 0 40px 60px;}
.Contact2 .title{ margin:10px 0 20px 0; font-size:26px; font-weight:normal; color:#3461ad;}
.Contact2 .text{ padding:0px 0 0 50px; background:url(../image/contact_ico.jpg) no-repeat left 3px;}
.Contact2 .text p{ margin:0; line-height:20px; font-size:12px;}
.Contact2 .text p:nth-of-type(2){ margin-top:10px;}
.Contact2 .text p:nth-of-type(3){ margin-top:19px;}
.Contact2 .text p:nth-of-type(4){ margin-top:23px;}

.Contact2 .contact{ margin:10px 0 0 0;}
.Contact3{ width:385px; border:2px solid #C4CCD0; border-radius:10px;  float:left; margin:50px 0 40px 90px;}
.Contact3 .title{ font-size:18px; text-align:center; font-weight:bold; color:#202020; line-height:50px; border-bottom:1px solid #C4CCD0; }
.Contact3 .text{ padding:10px 35px;}
.Contact3 .text p{ font-size:14px; margin:10px 0; line-height:25px;}
.Contact3 .text p.tit{ font-size:16px; font-weight:bold; color:#3461ad; margin-left:-10px; }
.Contact3 .text p a{color:#3461ad;}


/*文章新闻*/
.filter{ width:250px; margin:20px 0; border-bottom:1px solid #232323; font-size:16px; line-height:40px; position:relative;}
#filterlink{ display:inline-block; width:150px;height:40px; color:#232323; margin-left:5px;}
.filter i {  border: solid #232323;  border-width: 0 1px 1px 0;  display: inline-block;  padding: 3px;transform: rotate(45deg);  -webkit-transform: rotate(45deg);}
.filter ul{ display:none; position:absolute; top:40px; right:0; width:190px; background:#FFF; box-shadow:0 0 5px #ddd;  }
.filter ul li{ width:100%; float:left; height:40px; line-height:40px; }
.filter ul li a{ display:inline-block; width:100%; height:40px;color:#232323; text-align:left; text-indent:10px; }
.filter ul li a:hover{ background:#232323; color:#FFF;}

.ArticleList li{ width:100%;  float:left;font-size:14px;}
.ArticleList li a{ width:100%; display:block;color:#232323;border-bottom:1px solid #ccc;}
.ArticleList li a img{ width:570px; height:310px; float:left; margin:40px 50px 40px 0;}
.ArticleList li a .date{float:left; width:580px;  line-height:20px; margin:70px 0 20px 0;}
.ArticleList li a .date strong{ margin-right:10px;}
.ArticleList li a .title{float:left; width:580px; color:#3461ad; font-size:26px; font-weight:bold; line-height:30px;}
.ArticleList li a .text{float:left;width:580px; margin:20px 0;  line-height:25px;}
.ArticleList li a .btn{float:left;width:580px;  color:#3461ad; font-size:16px;}
.ArticleList li:nth-of-type(even) img{ float:right; margin:40px 0 40px 50px;} 
.ArticleList li a:hover img{ opacity:0.8}
.ArticleList li a:hover .btn{ text-decoration:underline;}


/*文章详情页*/
.Article .ArticleTitle{ font-size:24px; color:#202020; margin:40px auto 10px auto; line-height:30px; padding:0; text-align:left; }
.Article .Date{ background:url(../image/date.jpg) no-repeat left; line-height:30px; font-size:12px; text-indent:30px; color:#C1C1C1;}
.Article .Content{ font-size:15px; line-height:25px;color:#202020;}
.Article .Content li{ list-style-type:disc; margin-left:20px;}
.Article .Content li p{ margin:0;}
.Help .ArticleTitle{ font-size:36px; font-weight:bold; color:#3360AC;margin:40px auto;font-family: 'Montserrat Black'; }
.Help .Content h4{ font-size:20px; font-weight:bold; margin:20px 0 0px 0;}
.Help .Content hr{ margin-top:50px; height:0; border:none; border-bottom:1px solid #eee}
.Help .Content .child{ padding:10px 0 10px 30px;}
.Help .Content .child ul li{ list-style-type:square; margin-left:20px;}
.Help .Content .more{margin:10px 20px 0 0; padding:0 20px; color:#232323;  display:inline-block; font-size:14px; line-height:30px; border:1px solid #969696; border-radius:5px; text-align:center; }
.Help .Content .more:hover{ background:#202020; color:#FFF;}

.DeliveryReviews{ width:100%; margin:30px 0 30px 0; font-size:12px; line-height:18px;}
.DeliveryReviews td{ padding:10px 0;}
.DeliveryReviews td:nth-child(1){ width:40px; text-align:left; vertical-align:top; padding-top:13px;}
.DeliveryReviews td:nth-child(1) img{ width:29px;}
.DeliveryReviews td:nth-child(2){ text-align:left; vertical-align:top;}
.DeliveryReviews td:nth-child(3){ width:120px; text-align:center;}
.DeliveryReviews td:nth-child(3) img{ width:100px;}

.DeliveryReviews .ReviewsInfo li{ width:90%; display:inline-block;}
.DeliveryReviews .ReviewsInfo li:nth-child(1){ color:#1F1F1F; font-weight:bold; }
.DeliveryReviews .ReviewsInfo li:nth-child(1) img{ margin-left:10px; vertical-align:middle; width:19px;}
.DeliveryReviews .ReviewsInfo li:nth-child(2){ color:#808080;}
.DeliveryReviews .ReviewsInfo li:nth-child(3){ color:#1F1F1F; font-weight:bold; margin-top:10px;}
.DeliveryReviews .ReviewsInfo li:nth-child(4){ background:#EAEEF4; border-radius:8px; padding:15px 15px; color:#1F1F1F; margin-top:10px;}
.DeliveryReviews .ReviewsInfo li:nth-child(4) span{ float:right; color:#999999;}


.Recommend{ margin:30px auto 0 auto;color:#202020; height:260px; }
.Recommend .head{ font-size:22px; font-weight:bold; margin-bottom:20px;}
.RecommendList li{ width:16%; margin:0 5% 0 0;  display:inline-block; float:left;}
.RecommendList li a{ display:inline-block; width:90%;padding:10px 5% 20px 5%; text-align:center; }
.RecommendList li a img{ width:100%; }
.RecommendList li a .title{ width:100%; text-align:left; font-size:12px; line-height:18px; height:36px; overflow:hidden;}
.RecommendList li a .title b{ display:inline-block; width:100%; height:20px; border:1px solid #202020; padding:0 5px;  font-weight:normal; overflow: hidden; }
.RecommendList li a .rfqbtn{ margin:15px auto 0 auto; width:50%; line-height:20px; height:20px; background:#202020; color:#FFF; display:none; }
.RecommendList li a:hover{box-shadow:0 0 5px #ddd; color:#202020;}
.RecommendList li a:hover .rfqbtn{ display: block;}
.RecommendList li:last-child{ margin-right:0;}

.article_zc{ margin:80px auto 20px auto; }
.article_zc ul li{ width:31%; margin-right:3%; float:left;}
.article_zc ul li a{ width:100%; display:inline-block;}
.article_zc ul li a img{ width:60px; height:60px; float:left; margin-right:10px;}
.article_zc ul li a .title{ display:inline-block; float:left; font-weight:bold; font-size:16px;  float:left;line-height:30px;color:#202020;}
.article_zc ul li a .desc{ display:inline-block; float:left;  font-size:14px;  float:left; line-height:25px; height:50px;color:#202020; }
.article_zc ul li:nth-child(3) {    margin-right: 0;}

/*Inquiry*/
.InquiryOrder{ margin:50px 0 80px 0; }
.InquiryOrder .hd h2{ text-align:center; color:#232323; font-size:28px; font-weight:normal;}
.InquiryOrder .hd ul li{ width:150px; height:55px; line-height:55px; display:inline-block; text-align:center; font-size:22px; margin-right:5px; background:#E4E9EF; float:left; border-radius:10px; cursor:pointer; }
.InquiryOrder .hd ul li.on{ color:#FFF; background:#3461AD;}

.uploadbtn { width: 100%; height: 170px; float:left;  background: #5EA032; border:0; margin:0px 3% 0 0; display:inline-block; background:url(../image/uploadbtn.png) center no-repeat #EFF2F7;font-size:0;  cursor: pointer; vertical-align:middle; border-radius:5px; }
.uploadbomform{ width:100%; margin:0; float:left;}
.uploadbomform td{padding: 13px 0 0 0}
.uploadbomform .input {text-indent: 10px;width: 100%;height: 30px;line-height:30px;border: 1px solid #666; border-radius:5px;}
.uploadbomform  textarea{width: 98%;padding: 1%;border: 1px solid #666;height: 100px; margin-top:20px;border-radius:5px;}
.uploadbomform .Submitbtn{ width:120px; height:45px; line-height:45px;color:#FFF; background:#3461AD; border:none; border-radius:5px; cursor:pointer; font-size:18px; }
.uploadinfo{ width:100%; text-align:left;}
.uploadinfo .title{ float:left; border:1px solid #E4E9EF; border-radius:10px; line-height:25px; padding:0 15px; margin:0 0 20px 10px; font-size:15px; color:#7b7979}
.uploadinfo img{ display:inline-block; float:left;}
.uploadinfo .text{ width:100%; float:left; margin-bottom:20px; font-size:14px; color:#7b7979; line-height:25px;}
.uploadinfo .text a:link{ color: #345FAB;}
.uploadinfo table{ width:100%; font-size:14px; margin-bottom:20px; border:1px solid #E4E9EF;}
.uploadinfo table th{ line-height:40px; height:40px; background:#E4E9EF; padding:0 5px;}
.uploadinfo table td{ line-height:40px;padding:0 5px;}


/*产品首页*/
.Products{ margin:50px auto 40px auto; color:#202020;}
.Products .BigTitle{ font-size:28px; line-height:30px; font-weight:bolder;display:inline-block}
.Products .SmallTitle{ line-height:20px; color:#ABAAAA; border-left:1px solid #ABAAAA; font-size:20px; font-family:'OpenSans Regular'; padding-left:30px; margin:-10px 0 0 30px;display:inline-block}
.Products .text{ width:100%; color:#1F1F1F; line-height:30px; font-size:17px; margin-top:30px;}
.Products .left{ width:25%; float:left; position:sticky; top:20px; margin:20px 0 0 0;}
.Products .right{ width:72%; float:left; margin:20px 0 0 3%;}
.Products .hd{ font-size:20px; font-weight:bold; border-bottom:1px solid #ddd; line-height:50px;}
.Products .bd{ padding:15px 0; }
.Products .filterbox{width:96%;  border:1px solid #333; padding:0 2%; border-radius:5px; margin-bottom:15px;  position:relative;}
.Products .filterbox input{ width:90%; border:none; outline:none; line-height:35px; }
.Products .filterbox img{ cursor:pointer; position:absolute; top:9px; right:2%;}
.Products .catelist1{ display:block; height:80vh; overflow-y:scroll;}
.Products .catelist1 li a{ line-height:25px; font-size:12px;}
.Products .catelist2{ margin-bottom:20px;}
.Products .catelist2 li{ width:50%; float:left; color:#999; font-size:12px; }
.Products .catelist2 li a{ color:#333; font-size:14px; line-height:30px;margin-right:6px;}
.Products .catelist2 li a:hover{ text-decoration:underline; }
.Products .hd a.on,.Products .catelist2 li a.on{ color:#F30; text-decoration:underline;}
.Products .catelist3{ padding-bottom:30px;}
.Products .catelist3 li{ width:50%; float:left; color:#999; margin-top:10px;}
.Products .catelist3 li img{ width:45px; height:45px; float:left; margin-right:15px;}
.Products .catelist3 li a{ font-size:16px; margin-bottom:5px; }


.Products .CategoryList{ margin-top:30px;}
.Products .CategoryList li{ width:29%; height:330px; margin:0 1.5% 20px 0; padding:20px 1.5% 0 1.5%; background:#EAEEF4; float:left;}
.Products .CategoryList li .title{ font-size:24px; line-height:35px; height:35px; white-space: nowrap;    text-overflow: ellipsis;    overflow: hidden;    word-break: break-all;}
.Products .CategoryList li .title a{ color:#000;}
.Products .CategoryList li .desc { line-height: 20px; margin-top: 10px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
		-webkit-line-clamp: 8; line-clamp: 8; -webkit-box-orient: vertical;	}
.Products .CategoryList li .cate{  height:100px; margin-bottom:10px; overflow:hidden;}
.Products .CategoryList li .cate a{ margin:10px 10px 0 0; padding:0 10px; display:inline-block; line-height:20px; height:20px; overflow:hidden; border:1px solid #202020; border-radius:5px; text-align:center; float:left;}
.Products .CategoryList li .cate a:hover{ background:#202020; color:#FFF;}
.Products .CategoryList li:nth-child(1) .cate{  height:450px;}

.Products .CategoryList li:nth-child(1)	{ height:700px}
.Products .CategoryList li:nth-child(3n+2){  margin-right:0;}

.Products_video{ margin:40px auto 0 auto;}
.Products_video .head{ width:100%; text-align:center; font-size:15px; font-weight:bold; line-height:25px;background:#202020; color:#FFF;}
.Products_video .video_list{ margin-top:30px;}
.Products_video .video_list .videoitem{ width:15%; float:left; margin:20px 2% 0 0;}
.Products_video .video_list .videoitem:last-of-type {    margin-right: 0;}
.Products_video .videoitem img{ width:100%; height:100%; border-radius:5px; }


.loading{ display:none; width:100px; height:100px; position:fixed; left:50%; top:50%; margin:-50px 0 0 -50px; z-index:100;}



/*产品列表页*/
.CategoryInfo .catename{ font-size:28px; margin-top:40px;}
.CategoryInfo .catecount{ font-size:18px; font-weight:bold; padding-bottom:30px; border-bottom:1px solid #ddd;}
.CategoryInfo .main_title2{ font-size:22px;}
.CategoryInfo .bd p{ font-size:14px; line-height:25px;}

.CategoryInfo .catelist{display:block;} 
.CategoryInfo .catelist li{width:22%; float:left; margin:20px 4% 0 0; display:inline-block; height:120px; }
.CategoryInfo .catelist li:nth-child(4n){ margin-right:0;}
.CategoryInfo .catelist li img{ width:25%; margin-right:5%; float:left; height:50px; max-height:120px;}
.CategoryInfo .catelist li .name{ float:left;width:70%; display:inline-block; margin-top:10px; font-size:16px; font-weight:bold;}
.CategoryInfo .catelist li .count{ float:left;width:70%; display:inline-block; margin-top:7px; font-size:12px; font-style:italic; color:#666;}
.SearchBox2{ width:100%; height:100px; background:#313131;}
.SearchBox2 h2{ font-size:30px; float:left; line-height:100px; margin:0; color:#fff;}
.SearchBox2 .filterbox{ float:right; width:600px; height:50px; line-height:34px; padding:8px 10px; background:#fff; margin-top:25px; }
.SearchBox2 .filterbox img{ vertical-align:middle; width:auto; height:32px; border-right:1px solid #ddd; margin:0 10px 0 0; padding-right:10px;}
.SearchBox2 .filterbox #CateFilter{ width:480px; line-height:32px; border:none; height:32px; outline:none;}
.SearchBox2 .filterbox .botton{ width:34px; height:34px; line-height:34px; border:none; vertical-align:middle; background:#3461AD url(../image/right3.png) no-repeat center center; background-size:70%; color:#fff; text-align:center;}
.videolist{display: flex; justify-content: space-between;  flex-wrap: wrap; margin:20px 0 40px 0;}
.videolist li{ width:15%; display:inline-block;}
.videolist li img{ width:100%; height:110px; border:1px solid #ddd; }
.bandlist{margin:30px 0 40px 0;}
.bandlist li{ width:11%; display:inline-block; box-shadow:0px 0px 10px #ddd; float:left; padding:10px 10px; margin-left:1.7%; background:#fff; text-align:center;}
.bandlist li img{ width:auto; max-width:100%; height:30px; }
.bandlist li:nth-child(1){ margin-left:0;}
.ProductList2{margin:30px 0 40px 0;}
.ProductList2 li{ width:18%; float:left; display:inline-block; text-align:center; line-height:25px; margin:10px 13px; padding:0 0px;  }
.ProductList2 li img{ max-width:100%; height:100px; }
.ProductList2 li .model{ text-align:left; font-size:16px; font-weight:bold; height:25px; overflow:hidden;}
.ProductList2 li .band{ text-align:left; font-size:14px; color:#2e5cac; height:25px; overflow:hidden;}
.ProductList2 li .desc{ text-align:left; font-size:14px; height:25px; overflow:hidden;}
.ProductList2 li .btn{ font-size:14px; border:2px solid #232323; display:block; line-height:35px; height:39px; margin-top:5px;}
.ProductList2 li .btn:hover{ color:#fff; background:#232323;}
.navpage{ text-align:center;}
.navpage li{ display:inline-block; width:10px; height:10px; border-radius:50%;  border:1px solid #333; margin:20px 5px; font-size:0; cursor:pointer;}
.navpage li.on{ background:#333;}

.FilterBox{ border:1px solid #ddd; border-top:none; padding:0 15px; }
.FilterBox .hd{ font-weight:bold; border-bottom:1px solid #ddd; line-height:40px; font-size:14px;}
.FilterBox .Filters{ margin-top:10px;}
.FilterBox .Filters{width: 100%;    display: flex;    height:270px;    overflow-x: scroll;    overflow-y: hidden;    white-space: nowrap;}
.FilterBox .Filters .item{ width:200px; margin:0 2% 10px 0; float:left; color:#666; flex: 0 0 auto;}
.FilterBox .Filters .item p{ margin:10px 0;  font-size:14px;}
.FilterBox .Filters .item select{ display:block; width:100%;  height:200px;  border:1px solid #ddd; padding:10px;  color:#666; outline:none;}
.FilterBox .Filters .item select option{ padding:3px 0;}
.FilterBox .Filters .item:nth-child(4){ margin-right:0}


.ProductList{ margin:20px auto 10px auto;}
.ProductList .BigTitle1{    font-size: 40px;    color: #3461AD;    line-height: 30px;    font-weight: bolder;    font-family: 'Montserrat Black';    display: inline-block;}
.ProductList .BigTitle1 img{ vertical-align:middle; margin-right:15px;}
.ProductList .BigTitle2 img{ margin: 0 0 0 15px;}
.ProductList .text{ width:100%; color:#1F1F1F; line-height:30px; font-size:17px; margin-top:30px;}
.ProductList .cate{ margin-top:10px;}
.ProductList .cate a{ margin:10px 15px 0 0; padding:0 20px; color:#232323;  display:inline-block; font-size:14px; line-height:25px; border:1px solid #969696; border-radius:5px; text-align:center; float:left;}
.ProductList .cate a:hover{ background:#202020; color:#FFF;}

.ProductList .rfqbox{ width:100%; height:48px; line-height:48px; background:#404040; margin-top:10px; border-bottom:5px solid #A3ADBF; }
.ProductList .rfqbox a{ line-height:28px; height:28px; padding:0 10px; border:1px solid #FFF; border-radius:5px; display:inline-block; font-size:16px; color:#FFF; margin:10px 0 0 10px;  }
.ProductList .rfqbox a:hover{ background:#3865B1; border-color:#3865B1;}
.ProductList .list{ font-size:14px; text-align:center; border-left:1px solid #D0D6E0; border-right:1px solid #D0D6E0;}
.ProductList .list th{ background:#F7F7F7; line-height:40px; font-size:14px;font-weight:normal;}
.ProductList .list .PartNumber{ width:260px; text-align:left;}
.ProductList .list .pdf{border-right:1px solid #D0D6E0;}
.ProductList .list td:nth-child(1) img{ width:70px; margin:10px auto;}
.ProductList .list tr:nth-child(odd){ background:#EAEEF5;}
.ProductList .list td a:link{ color:#3865B1; font-weight:bold;}
.ProductList .list .pdf i{ display:inline-block; width:30px; background:url(../image/PDF.png); height:30px; background-size:cover;}
.ProductList .list .rohstrue{ display:inline-block; width:30px; background:url(../image/rohs.png); height:30px; background-size:cover;}
.ProductList .list .rohsfalse{ display:none;}
.ProductList .list p{ margin:5px 0;}
.ProductList .list .manufacturer{ text-decoration:underline; color:#3865B1; font-style:italic;}


.pager{ border-top:5px solid #dcdcdc; text-align:center; padding:1px 0;}
.pager a,.pager .on{ line-height:26px; display:inline-block; padding:0 10px; margin:10px 3px; border:1px solid #A6A6A6; border-radius:3px;}
.pager a:hover,.pager a.on,.pager .on{ background:#3461AD; color:#FFF;}
.pager p a{ border:none; padding:0; font-weight:bold; color:#3361AD;}
.pager p a:hover{ background:#FFF; color:#3361AD; text-decoration:underline; }


/*产品详情页*/
.ProductDetail{ margin:30px auto 0 auto;}
.ProductDetail .left{ width:68%; float:left; padding-right:35px;}
.ProductDetail .right{ width:32%; float:left; padding:8px; background:#F2F4F8;}
.ProductDetail .left .pic{ display:block; width:21%; float:left; margin-right:5%;}
.ProductDetail .left .pic img{ width:100%;}
.ProductDetail .detaillist1{ display:block; width:74%; float:left; line-height:30px;font-size:15px;}
.ProductDetail .detaillist1 li:nth-of-type(2){ font-size:26px; font-family: 'Montserrat Black'; }
.ProductDetail .detaillist1 li:nth-of-type(4){ font-size:18px; line-height:50px;}
.ProductDetail .detaillist1 li:nth-of-type(5) a{ font-family: 'Montserrat Regular'; text-decoration:underline; color:#4464B0; font-size:12px; }
.ProductDetail .detaillist1 li:nth-of-type(6){ text-align:right;}
.ProductDetail .detaillist2{ display:block; margin-top:10px; padding-top:20px; border-top:1px solid #eee;}
.ProductDetail .detaillist2 li{ width:26%; float:left; display:inline-block; border-right:1px solid #eee; padding:0 20px 0 45px; font-size:16px;}
.ProductDetail .detaillist2 li:nth-of-type(4){ border-right:none;}
.ProductDetail .detaillist2 li:nth-of-type(1){ padding-left:0; width:22%;}
.ProductDetail .detaillist2 li img{ float:left; width:43px; height:43px; margin-right:10px;}
.ProductDetail .left .hd{ margin-top:10px; line-height:60px; font-size:22px; font-weight:bold; font-family: 'Montserrat Regular';}
.ProductDetail .attributeslist li{ display:block; width:100%; line-height:35px; height:35px; font-size:13px;}
.ProductDetail .attributeslist span{ display:inline-block; width:50%; height:35px; padding-left:10px; float:left; white-space: nowrap; text-overflow: ellipsis;    overflow: hidden;    word-break: break-all;}
.ProductDetail .attributeslist .title{ font-weight:bold;}
.ProductDetail .attributeslist li:nth-child(even){ background:#F2F4F8;}
.ProductDetail .qualitytext{ padding:15px 15px; background:#F2F4F8; font-size:14px; line-height:20px;}
#attributeslist .btn{ display:none;}
.Products_lc{ margin:0 auto; }
.Products_lc li{ width:25%; margin:20px 0 20px 0; float:left; color:#6B6B6B; font-size:14px; list-style-type:none; }
.Products_lc li .title{ font-size:17px; line-height:55px; height:58px; font-weight:bold; color:#000; text-indent:55px;background:url(../image/lc1.png) 5px 7px no-repeat; border-bottom:2px solid #eee; background-size:40px; position:relative;}
.Products_lc li .title:before{ content:''; display:inline-block; width:8px; height:8px; background:#7E7E7E; border-radius:50%; position:absolute; top:53px; left:22px; z-index:5;}
.Products_lc li .desc{ width:98%; padding-left:2%; line-height:20px; margin-top:10px;}
.Products_lc .lc2 .title{ background-image:url(../image/lc2.png);}
.Products_lc .lc3 .title{ background-image:url(../image/lc3.png);}
.Products_lc .lc4 .title{ background-image:url(../image/lc4.png);}
.ProductDetail .rightbox{ background:#fff;padding:20px 25px; margin-top:10px;}
.ProductDetail .rightbox .hd{ font-size:20px; font-weight:bold; font-family: 'Montserrat Regular';}
.ProductDetail .rightbox .hd .more{ float:right; text-decoration:underline; font-weight:normal; font-size:14px;}
.ProductDetail .rfqbox{  line-height:25px; margin-top:0;}
.ProductDetail .Rfqform{ display:none;}
#reviews .btn{ display:none;}
.ProductDetail .rfqbox .text1{ font-size:18px; font-weight:bold;}
.ProductDetail .rfqbox .text2{ color:#999; border-bottom:1px solid #eee;}
.ProductDetail .rfqbox .text3{ font-size:15px; line-height:35px;}
.ProductDetail .reviewslist li{ display:block; border:1px solid #eee; margin:15px 0 0 0; border-radius:5px; padding:10px;}
.ProductDetail .reviewslist .name{ font-size:16px; font-weight:bold;}
.ProductDetail .reviewslist img{ height:13px; width:auto;}
.ProductDetail .reviewslist .text{ font-size:14px; margin-top:5px; }
.ProductDetail #product_ad{ padding:0;}

.recommendproduct{ margin:50px auto 80px auto; border-top:3px solid #343434;}
.recommendproduct .hd{ margin-top:10px; line-height:50px; font-size:22px; font-weight:bold; position:relative; font-family: 'Montserrat Regular';}
.recommendproduct .hd ul{ width:100%; display:block; position:absolute; top:380px; left:0; text-align:center;}
.recommendproduct .hd li{ width:10px; height:10px; font-size:0; border-radius:50%; border:1px solid #313131; display:inline-block; margin:0 10px; cursor:pointer;}
.recommendproduct .hd li.on{ background:#313131; color:#fff;}
.recommendproduct .bd { overflow:hidden;}
.recommendproduct .bd li{ width:240px; margin:20px 25px 20px 0; text-align:center; float:left;}
.recommendproduct .bd li img{ width:auto; max-width:100%; height:168px;}
.recommendproduct .bd li .text1{ font-size:14px; font-weight:bold;white-space: nowrap;    text-overflow: ellipsis;    overflow: hidden;    word-break: break-all;}
.recommendproduct .bd li .text2{ color:#2C67A5;}
.recommendproduct .bd li .text3{ font-size:13px;white-space: nowrap;    text-overflow: ellipsis;    overflow: hidden;    word-break: break-all;}
.recommendproduct .bd li .btn{ font-size:16px; width:100%; line-height:30px; border:2px solid #313131; margin-top:10px; }
.recommendproduct .bd li:hover .btn{ background:#313131; color:#fff;}
.rfqbox2{ width:100%; background:#fff; height:110px; position:fixed; bottom:0; box-shadow:0px -2px 3px 0px rgba(0,0,0,0.06); z-index:10; padding:20px 0; font-size:14px; display:none;}
.rfqbox2 p{ margin:0;}
.rfqbox2 .left{ width:40%; float:left;}
.rfqbox2 .left img{ width:auto; height:70px; float:left; margin-right:20px;}
.rfqbox2 .text2{ font-size:26px; font-family: 'Montserrat Black';}
.rfqbox2 .text3{ color:red;}
.rfqbox2 .text3 span{ color:#1F1F1F;}
.rfqbox2 .center{ width:20%; float:left; text-align:center; margin-top:15px;}
.rfqbox2 .center a{ display:inline-block; width:200px; line-height:45px; height:45px; color:#fff; background:#343434; text-align:center;}
.rfqbox2 .right{ width:40%; float:left; text-align:right; margin-top:15px;}
.rfqbox2 .right input{ width:120px; line-height:41px; height:45px;  border:2px solid #343434; vertical-align:middle; text-align:center;}
.rfqbox2 #quantity{ background:#fff; color:#333; padding-left:30px; margin-right:20px;}
.rfqbox2 #Button1{ cursor:pointer;color:#fff; background:#343434;}

/*搜索页面*/
.Search{ width:830px; float:left; margin:50px 0 0 0;}
.Search .head{ font-size:45px; line-height:50px;}
.Search .text{ font-size:14px; line-height:28px; margin-top:20px;}

.SearchRecommend{ width:350px; margin:40px 0 0 20px;  float:left;}
.SearchRecommend .head{ width:100%; line-height:30px; background:#1F1F1F; font-size:16px; color:#FFF; text-indent:15px;border-radius:10px 10px 0 0 ;}
.SearchRecommend .SearchRecommendList{ border:1px solid #1F1F1F; border-bottom:none; padding:20px 20px 0px 20px;}
.SearchRecommend .SearchRecommendList li{ width:100%; float:left; }
.SearchRecommend .SearchRecommendList li a{ width:100%; display:inline-block; border-bottom:1px solid #999; padding:10px 0;position:relative; }
.SearchRecommend .SearchRecommendList li a::after{ border: solid #3361AD;  border-width: 2px 2px 0 0;  display: inline-block;  padding:5px;transform: rotate(45deg);  -webkit-transform: rotate(45deg); position:absolute; right:10px; top:33px; content:'';}
.SearchRecommend .SearchRecommendList li a img{ width:25%; height:55px; float:left; }
.SearchRecommend .SearchRecommendList li a div{ width:70%; float:left; margin-left:5%; font-size:14px; line-height:20px; height:20px;}
.SearchRecommend .SearchRecommendList li a div.desc{ font-size:11px; overflow:hidden;  }
.SearchRecommend .SearchRecommendList li a div.band{color:#3361AD}
.SearchRecommend .SearchRecommendList li a:hover{ color:#606060;}
.SearchRecommend .SearchRecommendList li a:hover .title{color:#3361AD}
.SearchRecommend .more{ display:block; width:100%; text-align:center; line-height:65px; border-radius:0 0 10px 10px;border:1px solid #1F1F1F; border-top:none; font-size:16px;color:#3361AD}

/*评论页面*/
.reviews{margin:30px auto 40px auto;} 
.reviews .left{ width:220px; float:left; background:#EAEEF4;}
.reviews .left .title{ margin-top:20px; line-height:40px; padding:0 20px; background:#202020; color:#FFF; font-size:14px; font-weight:bold; position:relative;}
.reviews .left .title::after{ content:'';    width: 0;    height: 0;    border: 7px solid transparent;    border-left-color: #202020 ; position:absolute; right:-14px; top:14px;}
.reviews .left .text{ padding: 20px 12px; color:#868282; font-size:10px;}
.reviews .right{ width:1050px; margin-left:30px; float:left;}
.reviews .right .category{ width:100%; border-bottom:1px solid #EAEEF4; padding-bottom:10px; margin-bottom:10px;clear:both;}
.reviews .right .category li{ display:inline-block; float:left; margin-right:15px;}
.reviews .right .category li a{ display:inline-block; padding:0 15px; line-height:30px; border:1px solid #EAEEF4; text-align:center; border-radius:5px; }
.reviews .right .category li a:hover,.reviews .right .category li a.on{ background:#EAEEF4; color:#000;}
.reviews .right .category li.down{ padding-top:20px; position:relative; cursor:pointer; margin-left:25px;}
.reviews .right .category li.down i{ width: 0;    height: 0;    border: 7px solid transparent;    border-top-color: #202020 }

.reviews .right .category li:hover .category2{ visibility:visible;}
.reviews .right .category2{ width:120px; padding:10px 0; background:#FFF;visibility:hidden; box-shadow:0 0 5px #ddd; border-radius:0 0 5px 5px;  position:absolute; top:40px; left:-50px;}
.reviews .right .category2 li{ width:100%; display:inline-block; margin-right:0;}
.reviews .right .category2 li a{ display:inline-block; line-height:25px; height:25px; width:100%; border:none; border-radius:0; text-align:left; padding:0; text-indent:20px;}
.reviews .right .category2 li a:hover{ background:#EAEEF4;}

.reviewlist{ width:100%; margin-top:20px;}
.reviewlist li{ width:100%; display:inline-block; border-bottom:1px solid #ccc; padding:20px 0;}
.reviewlist li .touxiang{ width:33px; height:33px; float:left; margin-top:3px; }
.reviewlist li .content{ width:900px; float:left; margin-left:10px;}
.reviewlist li .content .name{ width:100%; font-size:14px; color:#1F1F1F; font-weight:bold; line-height:20px;}
.reviewlist li .content .country{ width:19px; margin-left:15px; vertical-align:middle;}
.reviewlist li .content .time{ width:100%; color:#808080; font-size:12px; line-height:20px; }
.reviewlist li .text1{ width:96%;font-size:14px; color:#1F1F1F; font-weight:bold; line-height:20px; padding:8px 2%; float:left; }
.reviewlist li .text2{ width:96%; padding:15px 2%; background:#EAEEF4; border-radius:10px; font-size:14px;; float:left;}
.reviewlist li .text2 .date{ float:right; color:#999999; font-size:12px;}
.reviewlist li .pic{ margin-top:10px; width:100%; float:left;}
.reviewlist li .pic a{ width:120px; height:85px; display:inline-block;  margin-right:15px;}
.reviewlist li .pic a img{ width:100%; height:85px; border-radius:5px; }
.reviewlist li .product{margin-top:10px; float:left;}
.reviewlist li .product a{ margin-right:15px; color:#858585;}
.reviewlist li .product a:hover{ color:#3461ad}

/*视频页面*/
.videobanner{ width:100%; height:300px; background:#202020 url(../image/banner.jpg) center no-repeat;}
.video { padding: 20px 0 30px 0;}
.video .title{ font-size:30px; font-weight:bold;  font-family: 'Montserrat Black';}
.video .text{ font-size:14px; margin:10px 0; }
.video .more{ width:100%; background:#FFF; line-height:28px; border-radius:5px; text-align:center; cursor:pointer;  }
.video .list1{ width:100%; clear:both;}
.video .list1 li{ width:32%; margin:0 2% 30px 0; float:left;}
.video .list1 li:nth-child(3n+3){ margin-right:0;}
.video .list1 li a{ display:block; width:100%; background:#FFF;text-align:center;}
.video .list1 li a .tit{ line-height:35px; font-size:18px; height:35px; overflow:hidden; padding:0 15px;  }
.video .list1 li a img{ width:100%; height:216px}

.video .list2{ width:100%; clear:both;}
.video .list2 li{ width:32%; margin:0 2% 20px 0; float:left;}
.video .list2 li:nth-child(3n+3){ margin-right:0;}
.video .list2 li a{ display:block;padding:15px 5%; height:130px;  width:100%; background:#FFF;text-align:left;}
.video .list2 li a img{ width:45%; height:100px; margin-right:5%;float:left; }
.video .list2 li a .tit{ width:50%; float:left; color:#333; line-height:25px; font-size:14px; max-height:50px; overflow:hidden;}
.video .list2 li a .desc{width:50%; float:left; color:#333; line-height:15px; font-size:12px; height:60px; overflow:hidden;}

.videoshow .left{ width:860px; padding:30px; margin:30px 20px 20px 0; float:left; background:#FFF;}
.videoshow .right{ width:360px;  float:left; margin:30px 0 20px 0;}

.videoshow .left video{ width:92%;box-shadow:5px 2px 5px #ccc; margin:0 auto;}
.videoshow .left .title{ font-size:30px; line-height:50px; width:100%;}
.videoshow .left .date{    background: url(../image/date.jpg) no-repeat left;    line-height: 30px;    font-size: 12px;    text-indent: 30px;    color: #C1C1C1;}
.videoshow .left .content{    font-size: 15px;    line-height: 25px;    color: #202020;}
.videoshow .left .content li{list-style-type: disc;   margin-left: 20px;}
.videoshow .right .subscribe{ width:320px; background:#FFF; padding:20px; float:left; }
.videoshow .right .subscribe-logo a{ display:inline-block; width:85px; line-height:30px; background:#C20A0A; color:#FFF; text-align:center; font-size:12px; border-radius:5px; font-weight:bold; float:right;}
.videoshow .right .subscribe .ad{ width:100%; margin-top:20px;}
.videoshow .m_title2{ display:none;}
.videoshow .list{width:320px; background:#FFF; padding:20px; margin-top:20px; float:left;}
.videoshow .list li{ width:100%; margin:0 0 15px 0;}
.videoshow .list li:nth-child(3n+3){ margin-right:0;}
.videoshow .list li a{ display:block; }
.videoshow .list li a img{ width:42%; height:75px; margin-right:5%;float:left; }
.videoshow .list li a .tit{ width:53%; float:left; line-height:25px; font-size:12px; height:95px; overflow:hidden;}
.videoshow .list li a .desc{ display:none;}


/*品牌页面*/
.ManufacturerBox{ background:#fff; border-radius:5px; font-size:14px; line-height:30px;}
.manufacturerindex{ text-align:center; background:#fff; padding:20px 0;    position: sticky; top: 140px; box-shadow:0px 1px 3px 0px rgba(0,0,0,0.06);}
.manufacturerindex a{ margin:0 0px; display:inline-block; width:30px; height:30px; border-radius:50%;}
.manufacturerindex a:hover{ background:#3461ad; color:#fff;}
.manufacturerlist{ padding:0 25px 25px 25px;}
.manufacturerlist .manufacturer-title{ width:100%; border-bottom:1px solid #d4d4d4; font-size:20px; margin-top:10px;}
.manufacturerlist .manufacturer-content a{ display:inline-block; width:25%; float:left; white-space: nowrap;    text-overflow: ellipsis;    overflow: hidden;    word-break: break-all;}
.ManufacturerShow{ padding:40px 0;}
.ManufacturerShow .hd{ text-align:center;line-height:50px; }
.ManufacturerShow .hd img{ height:50px; width:auto; margin:-10px 20px 0 0; display:inline-block;}
.ManufacturerShow .hd h1{font-family: 'Montserrat Regular'; font-size:26px; display:inline-block; border-left:1px solid #F2F2F2; padding-left:20px; margin:0;}
.ManufacturerShow .content{ margin-top:30px; font-size:14px; line-height:25px;}
.ManufacturerShow2{ margin-top:40px;}
.ManufacturerShow2 .hd{ font-size:20px; line-height:40px; border-bottom:1px solid #F2F2F2; font-weight:bold;}
.ManufacturerShow2 .bd a{ color:#025CD8; font-size:14px; margin:20px 40px 0 0; display:inline-block;}
.ManufacturerShow2 .bd a:hover{ text-decoration:underline;}
 

.BandDetail{ padding:20px 0; border-bottom:1px solid #ddd; font-size:14px; color:#202020;}
.BandDetail .pic{ width:210px; margin:0 10px 10px 0; text-align:center; float:left;  font-size:16px; font-weight:bold; font-family: 'Montserrat Black';  }
.BandDetail .pic img{ width:100%; }

.BandCategory{ padding:10px 0 30px 0;  border-bottom:1px solid #ddd;}
.BandCategory h2{font-size:18px; font-weight:bold; font-family: 'Montserrat Black'; }
.BandCategory ul{ margin:20px 0 0 0; clear:both; width:100%;}
.BandCategory li{ margin-right:40px; font-size:16px; display:inline;}

.BandBnaner{ margin-top:30px;}

.BandVideo{ margin-top:30px;}
.BandVideo h2{font-size:18px; font-weight:bold; font-family: 'Montserrat Black'; }
.BandVideo .more{ float:right; font-size:16px; font-weight:normal; text-decoration:underline; font-family:'OpenSans Regular','Arial',"Segoe UI","Lucida Grande"; }
.BandVideo li{ width:23.5%; margin:10px 2% 0 0; float:left;}
.BandVideo li:last-of-type{ margin-right:0;}
.BandVideo li a{ display:block; width:100%;}
.BandVideo li img{ width:100%; height:160px; border-radius:5px;}
.BandVideo li .tit{ text-align:center; margin-top:10px; line-height:20px; height:20px; overflow:hidden; font-size:16px;}

.BandRFQ{  background:#E4E6F0; margin-top:40px; text-align:center; padding:25px 0; border-radius:5px;}
.BandRFQ .title{ font-size:20px; margin-bottom:15px;}
.BandRFQ .search-text{ width:415px; height:43px; border:none; background:#fff; text-indent:10px; border-radius:3px 0 0 3px; vertical-align:middle;}
.BandRFQ .search-botton{ width:100px; height:45px; border:none; line-height:43px; background:#313131; font-size:18px; text-align:center; color:#fff; border-radius:0 3px 3px 0; vertical-align:middle; cursor:pointer;}

.BandYS{ padding:30px 0 0 0;}
.BandYS li{ width:25%; float:left; display:block;  border-right:1px solid #ddd; padding:0 1% 0 3%;}
.BandYS li img{ width:65px; height:65px; float:left; margin-right:20px;}
.BandYS li p{ margin:0;}
.BandYS li .tit1{ font-size:24px; font-weight:bold;  font-family: 'Montserrat Black'; color:#3461ad;}
.BandYS li .tit2{ color:#000; font-size:14px; margin-top:10px;}
.BandYS li:last-of-type{ border-right:none;}

/*obsolescence support*/
.TopBanner{width:100%; background-position:center top; background-repeat:no-repeat; height:480px; background-size:cover;  text-align:center; padding-top:180px; position:relative; color:#fff; }
.TopBanner .bg{ width:100%; height:320px;  padding-top:100px; background:linear-gradient(to bottom,transparent,#000); position:absolute; bottom:0; left:0; z-index:1;color:#fff;}
.TopBanner h1{    font-size: 68px; line-height:70px;  }
.TopBanner h2{    font-size: 26px; line-height:40px; font-weight:normal;  }
.TopBanner .text{ font-size:16px; line-height:30px; margin-top:30px; }
.MainBox1{ width:100%; background:#fff; padding:80px 0 50px 0; color:#313131; }
.MainBox2{ width:100%; background:#F4F4F4; padding:30px 0; color:#313131;}
.MianTitle1{ font-size:40px; line-height:40px; text-align:center; font-weight:bold; color:#232323;margin:0;}
.MianTitle2{ font-size:14px; line-height:25px; text-align:center; margin-top:20px;}
.MianTitle3{ font-size:44px; line-height:62px; margin:0; font-weight:400;}
.MianTitle4{ font-size:20px; font-weight:400; margin:60px 0 0 0; line-height:28px; }
.MianTitle4:before {content:"";  width: 2px; display:block;   height:20px; background:#FF6666; margin:3px 22px 0 0; float:left;  }
.MianText{ font-size:24px; margin-top:40px;  text-align:center;}
.obsolescencelist1 li{ width:33%; float:left; text-align:center; font-size:34px; font-weight:bold; display:inline-block; position:relative; padding-bottom:20px; line-height:50px; margin:30px 0 0 0; border-bottom:2px solid #ccc; cursor:pointer;}
.obsolescencelist1 li em{ font-style:normal; color:#72ba17;}
.obsolescencelist1 li:after { content: ""; position: absolute; bottom:-18px; left: 50%; margin-left:-17px; transform: translate(-50%); width:26px; height:26px; border:4px solid #fff; border-radius: 50%; background: #ccc;}
.obsolescencelist1 li.on{color:#72ba17;}
.obsolescencelist1 li.on:after{ background:#72ba17;}
.obsolescencelist2 li{ width:25%; height:100px;  float:left; font-size:20px; color:#fff; display:inline-block; line-height:25px; padding:20px 20px; border-right:1px solid #999; }
.obsolescencelist2 li:nth-child(4){ border-right:none;}
.obsolescencelist2 li b{ font-size:30px; margin:0; font-weight:bold; background-image: linear-gradient(to right, #4983e5,  #65b3b7);  background-clip: text;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent; }
.obsolescencelist2 li p{ margin:10px 0 0 0;}
.obsolescencelist2 li:hover{background: linear-gradient(to right, #4983e5,  #65b3b7);}
.obsolescencelist2 li:hover b{ background-image: linear-gradient(to right, #fff,  #fff); }
.obsolescencelist3{ padding:0 10%;}
.obsolescencelist3 li{ width:25%; float:left; text-align:center; margin:60px auto 60px auto; }
.obsolescencelist3 li .pic{background: linear-gradient(to right, #4983e5,  #65b3b7); width:130px; height:130px; border-radius:50%; border:5px solid #DCE6F8; text-align:center; margin:0 auto; position:relative;}
.obsolescencelist3 li .pic img{ width:70px; height:70px; margin-top:30px;}
.obsolescencelist3 li .title{ text-align:center; font-size:26px; margin:10px 0 0 0;}
.obsolescencelist3 li .percentage{ display:inline-block; position:absolute; top:25px; left:0; text-align:center; color:#000; width:100%; font-size:26px; margin:0; opacity:0;  transition: opacity 0.5s; }
.obsolescenceline{ width:100%; height:1px; background:#DCE6F8; position:relative;}
.obsolescenceline:after { content: ""; position: absolute; bottom:-5px; left: 50%; margin-left:-5px; transform: translate(-50%); width:10px; height:10px; border-radius: 50%; background: #DCE6F8;}
.obsolescencelist3 li:hover .pic{ background:#DCE6F8 url(../image/1.png) bottom center no-repeat; background-size:contain;}
.obsolescencelist3 li:hover .pic img{ opacity:0.4;}
.obsolescencelist3 li:hover .percentage{ opacity:1;} 
.obsolescencelist4{ margin-top:20px;}
.obsolescencelist4 li{ width:23%; float:left; margin:20px 1% 0 1%;}
.obsolescencelist4 a{ display:block; width:100%; border:1px solid #ddd; border-radius:5px;  height:110px; line-height:70px; padding:20px; font-size:18px; font-weight:bold; }
.obsolescencelist4 a img{ height:70px; margin-right:10px; float:left;}
.obsolescencelist5{ width:572px; padding:0 50px; margin:30px auto; background:url(../image/step.png)  center 100px no-repeat; background-size:contain;}
.obsolescencelist5 li{ width:50%; float:left; color:#fff; font-size:22px; margin-top:30px;}
.obsolescencelist5 li .pic{ text-align:center;}
.obsolescencelist5 li img{ height:50px;}
.obsolescencelist5 li p{ margin:55px auto 20px auto; text-align:center;}
.obsolescencelist6 li{ width:23%; margin:50px 1% 0 1%; border:5px solid #DCE6F8;  float:left; height:390px; line-height:380px;}
.obsolescencelist6 li img{ width:100%; max-height:380px; vertical-align:middle;}
.obsolescencebtn{ margin:30px auto 30px auto; display:block; width:249px; height:76px; background:url(../image/rfq.png); font-size:30px; line-height:70px; text-align:left; text-indent:40px;}


/*404页面*/
.notfind{ text-align:left;font-family: 'OpenSans Regular'; }
.notfind .text1{ font-size:50px; font-weight:bold;  font-family: 'Montserrat Black';  }
.notfind .text2{ font-size:22px; width:70%; border-bottom:1px solid #ccc;  line-height:30px; padding-bottom:10px; margin-top:20px; }
.notfind .text3{ font-size:15px; margin-top:20px;  }
.notfind .text4{ margin-top:20px;}
.notfind .text4 a{ font-size:15px; margin-top:10px; color:#3461ad; display:inline-block; padding:0 10px; border:1px solid #3461ad; line-height:25px; margin-right:10px;  }

/*发送成功*/
.success .text1{font-size:40px; font-weight:bold;  font-family: 'Montserrat Black'; }
.success .text2{font-size:16px; margin-top:20px; font-family: 'OpenSans Regular'; line-height:35px;}

.siderbar{ position: fixed; right: 0; top: 50vh; font-size:12px;  width:40px; text-align: center; transform: translateY(-50%); border-radius: 5px 0 37px 37px; box-shadow: 0 0 20px rgb(0 0 0 / 10%); z-index: 9998; background:#fff; padding-bottom:1px; }
.siderbar li { display: inline-block; position:relative;  width: 100%; transition: all 0.8s;-webkit-transition: all 0.8s;-ms-transition: all 0.8s;}
.siderbar li:hover{ background:#2E5CAB;}
.siderbar li a{ position:relative; display:block; margin:0 10px; padding:9px 0; border-top:1px solid #ddd; }
.siderbar li a:hover{ border-top:none;}
.siderbar li:first-of-type a{ border-top:none;}
.siderbar li a .ico{ width:20px; height:20px; display:inline-block; background-image:url(../image/skype.webp); background-position:center; background-size:contain; background-repeat:no-repeat;}
.siderbar li:hover a .ico{ background-image:url(../image/skype2.webp);}
.siderbar li .content{ position: absolute; top:-10px; right:50px; width:280px; text-align:center; padding:20px 0; background:#fff; border-radius:5px; box-shadow: 0 0 12px #0000000f; color:#333; line-height:20px; display:none; font-size:16px;}
.siderbar li .content:before { content: ""; position: absolute; top:17px; right: -10px; width: 0; display: block; height: 0;border-style: solid;  border-color: transparent;  border-width: 10px 0 10px 10px;
  border-left-color: #fff;}
.siderbar li:hover .content{ display:block;}
.siderbar li:nth-of-type(1):hover{  border-radius:2px 2px 0 0;}
.siderbar li:nth-of-type(2) a .ico{  background-image:url(../image/phone.webp);}
.siderbar li:nth-of-type(2):hover a .ico{  background-image:url(../image/phone2.webp);}
.siderbar li:nth-of-type(3) a .ico{  background-image:url(../image/email.webp);}
.siderbar li:nth-of-type(3):hover a .ico{  background-image:url(../image/email2.webp);}
.siderbar li:nth-of-type(4) a .ico{  background-image:url(../image/RFQ.webp); }
.siderbar li:nth-of-type(4):hover a .ico{  background-image:url(../image/RFQ2.webp);}
.siderbar li:nth-of-type(5) a .ico{  background-image:url(../image/up.webp);}
.siderbar li:nth-of-type(5):hover{ background:#f3f2f2; border-radius:50%;}
.siderbar li:nth-of-type(5):hover a{border-top:1px solid #ddd;}

/*底部*/
.footer{ width:100%; line-height:30px; font-size:16px; color:#fff; margin-top:40px; background:#232323;font-family:'Raleway Regular' ;}
.footer a{ color:#fff;}
.footer .about{ width:34%; margin:40px 0 0 0; float:left;}
.footer .about p{ margin:15px 0 0 0; line-height:25px;}
.footer .about img{ vertical-align:middle; width:auto; margin-right:10px;}
.footer .about .title{ display:inline-block; width:100%; font-size:26px; font-weight:bold;}
.footer .sitelink{ width:16%; float:left;margin:40px 0 0 6%; line-height:60px; font-size:20px;  }
.footer .sitelink .title{ line-height:40px; border-bottom:1px solid #fff; font-size:26px; }
.footer .sitelink a{ display:block; width:100%; height:25px; line-height:25px; font-size:18px; margin-top:10px; }
.m_footercontact{ display:none;}
.footer .contact{ width:200px; float:left; margin:40px 0 0 80px; }
.footer .contact ul li{ float:left; margin:15px 10px 0 0;}
.footer .contact ul li:last-of-type{ margin-right:0;}
.footer .contact ul li a{ display:block; width:40px; height:40px;}
.footer .contact ul li a img{width:100%; height:40px;}
.footer .contact .text{  margin:15px 0 0 0; line-height:45px; float:left;vertical-align:middle;}
.footer .contact .text img{ vertical-align:middle; margin-right:20px; vertical-align:middle;}

.footer .coryright{ color:#4E4E4E; border-top:2px solid #4E4E4E; line-height:100px; height:100px; margin-top:10px; ;}
.footer .coryright span{ float:right;}
.footer .coryright span img{ width:80px; height:auto; margin:10px 0 0 25px;}

.footer .link{ width:100%; margin:10px 0 0 0; line-height:30px; color:#ddd; background:#444; font-size:12px;}
.footer .link a{ color:#999;}

.QuickQuote{ display:block; width:250px; height:300px; overflow:hidden; position:fixed; right:10px; bottom:100px; border-radius:15px; background:#fff; box-shadow:#CCCCCC 0px 0px 15px; }
.QuickQuote .close {width: 25px; height: 25px; background: url(../image/btn-close.png); background-size:cover; display: none; position: absolute; right: -10px; top: -10px; cursor:pointer;}
.gotop{ display:none;}
.m_footer_nav{ display:none;}

/* 手机端 */
@media screen and (max-width: 767px) {
	
body{ padding:55px 0 65px 0;}
.wrapper{ width:100%;padding:0 3%;}

/*header*/
.header1{ display:none;}
.header2{ height:55px;}
.header .rfq{ display:none;}
.topbar,.sub_nav{ display:none;}
.header{ width:100%; padding:0; box-shadow:0px 3px 5px 1px rgba(143, 151, 166, 0.31); background:#FFF;  height:55px; position:fixed; top:0; z-index:10; }
.header .logo{ width:auto; margin:10px 0 0 5px; height:35px;}
.header .logo img{ height:35px; width:auto;}
.header #MenuBtn{display:block;position:absolute; z-index: 121;right:10px;top:28px;width:30px;height:22px;background:#fff;transform:translateY(-50%);}
.header #MenuBtn i{display:block;position:absolute;left:50%;top:50%;width:25px;height:4px;background:#DEE2E9;transform:translate(-50%,-50%);}
.header #MenuBtn i:nth-child(1){margin-top:-7px;}
.header #MenuBtn i:nth-child(2){margin-top:0;}
.header #MenuBtn i:nth-child(3){margin-top:7px;}

.navbox{ width:40%; opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: 90% top; transform-origin: 90% top; -webkit-transition: all 0.2s; transition: all 0.2s;     font-size: 14px; font-weight:normal; position:fixed; z-index: 1001; top:50px; right:5px; background-color: #434950; border-radius: 5px; height:auto; padding-bottom:10px;} 
.nav ul{margin:0;padding:0; list-style-type:none;  width:100%;}
.nav ul li{width:100%;float:left;display:block;}
.nav ul li a{color:#fff; text-decoration:none; display:block;  height:42px; width:100%; margin:0 auto; padding:0; text-align:center; line-height:42px; border-bottom:1px dotted #666666;}
.nav li a,.nav li a:active,.nav li a:visited{color:#fff; width:100%; margin:0;  }
.nav li a.on, .nav li a:hover{ background:none;color:#fff; }
.navbox.open {    opacity: 1;    -webkit-transform: translate(0,0) scale(1);    -moz-transform: translate(0,0) scale(1);    -ms-transform: translate(0,0) scale(1);    transform: translate(0,0) scale(1);}
.navbox:before {    content: '';    position: absolute;    top:-9px;    right:10px;    height: 0;    border-style: solid;    border-color: #434950 transparent;    border-width:0 10px 10px;}
.nav li .nav2 { display:none; border:none;  position:static; padding:10px 0;    margin: 0; box-shadow:none; width: 100%; background:none;}
.nav>li:nth-child(1){ display:none;}

.nav li ul a{ font-size:12px; text-indent:10px;}
.nav li ul a,.nav li ul a:active,.nav li ul a:visited{color:#fff;border-bottom:1px dotted #666666;}
.nav li ul li a:hover{color:#fff; background:none; }
.nav li .nav2:before{ display:none;}
.nav_share{ display:none;}

.header_search{ width:100%; background:#FFF;  right:0; padding:10px 0;   }
.header_search_fixed{ position:fixed; top:55px; z-index:9;}
#Keyword { width: 96%; margin:0 2%; text-indent: 15px; height: 36px;   border: 0px solid rgba(33,150,243,1); box-shadow: 0 0 0 0 transparent;  border-radius: 25px; background: #EAEDF4 url(../image/s_btn.png) no-repeat 95% center; background-size:20px 20px;}
.header_search .search-botton{ display:none;}

.m_title,.indexbox_title { display:block; width:100%; text-align:center; font-weight:bold; font-size: 20px; line-height:25px; height:25px; margin-top:10px; position:relative; }
.m_title .more{ position:absolute; right:10px; font-weight:normal; font-size:12px; color:#ccc; text-decoration:underline;}
.m_filter{ display:block; width:20px; height:20px; background:url(../image/filter.png); background-size:contain; position:absolute; right:10px; top:10px;}
.m_cover{ display:none; position:fixed;left:0px;top:0px;    background:rgba(0, 0, 0, 0.4);    width:100%;     height:100%;    filter:alpha(opacity=60);     opacity:0.6;     display:none;     z-Index:999; }
.m_title2{ display:block;font-size: 18px;    color: #3361AC;    margin: 0;    padding: 5px 5px 10px 5px;}
.m_title3{ display:block; font-size: 18px; text-align: left; border-bottom: 1px solid #E9EDF3; color: #222222; line-height: 40px;}

/*index*/
.focusBox{ height:160px;}
.focusBox .pic li a{ height:160px; background-size:cover;}

.index_bands{height:110px; }
.index_bands .bd li{ width:25%; }
.index_bands .bd li a{ height:40px; line-height:40px;}

.index_ys{ height:auto; border-radius:0; padding-bottom:10px;}
.index_ys li{ width:50%; height:60px; }
.index_ys li a {    width: 100%;    padding: 0 2% 0 4%;    height: 60px;}
.index_ys li a img{ width:60px; height:60px;}
.index_ys li a .title{ font-size:13px; padding-top:10px;}

.index_videos{ width:100%; border-radius:0; height:370px;}
.index_videos .item .title{ height:30px;}
.index_products{ width:100%; border-radius:0; margin:15px 0 0 0; height:auto;}
.index_catelist li a{ font-size:14px; overflow:hidden; }
.index_productlist li{ width:46%;}

.index_num{ font-size:18px; line-height:70px; height:150px; border-radius:0;}

.index_reviews{ height:auto; border-radius:0; padding:20px;}
.index_reviews .item1,.index_reviews .item2{ width:100%; }
.index_reviews .item1 .title{ margin-top:0;}
.index_reviews .item2{ margin:20px 0 0 0 ;}

.index_zc {    margin: 20px auto 0 auto;}
.index_zc ul li{    width: 33%;   margin:0;}
.index_zc ul li a img{ width:60%; height:auto; margin:0 20%;}
.index_zc ul li a .title { width: 100%; text-align:center;font-size: 12px;  line-height:25px;}
.index_zc ul li a .desc{ display:none;}

.index_product { width: 100%; height: auto; margin-top: 10px; border-top:5px solid #EAEDF4; float:none}
.index_product .hd,.index_product .bd{ display:none;}
.index_product .m_cate{ display:block; width:100%; margin-top:5px;}
.index_product .m_cate li{ width:26%; margin:10px 4% 10px 3%; float:left;}
.index_product .m_cate li a{ display:block; width:100%; text-align:center; font-size:14px;}
.index_product .m_cate li a img{ width:70%; margin:0 15% 10px 15%;}

.index_Manufacturer{ display:block; width:100%; margin-top: 10px; border-top:5px solid #EAEDF4;}
.nav3 li{ width:26%; margin:10px 3% 0 4%;}
.index_Manufacturer .bd{ height:240px;}
.index_Manufacturer .hd{ text-align:center;}
.index_Manufacturer .hd li{ display:inline-block; width:10px; height:10px; background:#DBDBDB; border-radius:5px; margin:10px 5px 0 5px;  font-size:0px;}
.index_Manufacturer .hd li.on{ background:#B5B5B5;}

.index_video { margin: 10px 0 0 0; border-top:5px solid #EAEDF4; width: 100%; overflow:hidden;}
.indexbox_title2,.indexbox_title3{ display:none;}
.index_video .videoitem{ width: 94%; margin: 10px 3% 0 3%;}
.index_video .videoitem img {    height:200px;  border-radius: 0; box-shadow: none;}
.index_video .videoitem .title{ display:block; text-align:left; font-size:16px; line-height:25px; margin:10px 0;}


/*products list*/
.Products { margin: 0 auto 0 auto; }
.Products .BigTitle { margin-left:15px;font-size: 20px; padding-bottom:10px;}
.Products .SmallTitle {    line-height: 15px;    font-size: 14px;    padding-left: 10px;    margin: -10px 0 0 10px;}
.Products .left{ display:none;}
.Products .text{ margin:0; padding:0 3%; font-size:14px; line-height:25px;}
.Products .right{ width:100%;margin:0; padding:0 3%}
.Products .catelist2{ margin-bottom:0;}
.Products .catelist2 li{ width:100%;}
.Products .bd{ padding:10px 0;}
.Products .hd{ line-height:30px; padding:10px 0;}

.CategoryInfo{ padding:10px 3% 0 3%;}
.CategoryInfo .catename{ font-size:20px; margin:0;}
.CategoryInfo .catecount{ font-size:14px; font-weight:normal; padding:10px 0;}
.CategoryInfo .catelist li {    width: 100%;    margin: 10px 0 0 0; height:auto;}
.CategoryInfo .catelist li img{  width:12%; margin-right:3%; border:1px solid #ddd; max-height:60px; border-radius:2px;}
.CategoryInfo .catelist li .name{ margin-top:0; width:85%; font-size:14px; line-height:18px;}
.CategoryInfo .catelist li .count{width:85%;}
.SearchBox2{ display:none;}
.bandlist{ margin:0;}
.bandlist li{ width:48%; margin:10px 0 0 4%;}
.bandlist li:nth-child(odd){ margin-left:0;}
.bandlist li img{ height:40px;}
.videolist li{ width:30%; margin-top:10px;}
.videolist li img{ height:70px;}
.ProductList2 li{ width:44%; margin:10px 10px 0 10px;}
.FilterBox .Filters .item{ width:120px; font-size:12px;}

.main_title{ display:none;}
.ProductList {    margin: 0 auto 10px auto;}
.ProductList .BigTitle1 { width:100%; position:fixed; top:113px; font-size: 24px; height:30px; padding:4px 0; line-height:25px; z-index:9; background:#FFF; text-indent:10px; box-shadow:0px 3px 3px 1px rgba(143, 151, 166, 0.31);}
.ProductList .BigTitle1 img { width:auto; height:30px; margin-right:5px;}
.ProductList .text{ display:none;}
.ProductList .rfqbox{ display:none;}
.ProductList .cate{ display:none; width:70%; height:auto; background:#FFF; position:fixed; top:0; right:0; z-index:1000; margin-top:0;}
.ProductList .cate .title{ width:100%; padding:5px 10px; height:20px; line-height:20px; font-size:14px; background:#D9DDE6 url(../image/filter.png) no-repeat 8px center; background-size:7%; text-indent:25px;  }
.ProductList .cate a{ display:block; width:100%; line-height:35px; height:35px; text-align:center; font-size:16px; margin:0; padding:0; border:none; border-bottom:1px solid #EAEAEA; border-radius:0;}
.ProductList .list{ display:none;}
.ProductList .mobile_list{  border-top:5px solid #EAEDF4;}
.ProductList .mobile_list li{ padding:10px 0; border-bottom:1px solid #ccc; display:block; width:100%; height:90px;}
.ProductList .mobile_list li img{ width:15%; float:left; height:auto; max-height:70px; margin:3px 5% 0 0;}
.ProductList .mobile_list li .info{float:left; width:80%; line-height:18px; font-size:12px; color:#999;}
.ProductList .mobile_list li a:link{ color:#3865B1; font-weight:bold;}
.ProductList .mobile_list li p{ margin:5px 0;}
.ProductList .mobile_list li .manufacturer {    text-decoration: underline;    font-style: italic;}


.ProductList i{ height:20px; margin:0 5px}
.ProductList .BigTitle2 img {    margin: 0 ;}

/*product*/
.ProductTop,.zc_box{ display:none;}
.ProductDetail{ padding:0; margin:0;border-top:5px solid #E9EDF3; }
.ProductDetail .left{ width:100%; padding:20px 0 0 0;}
.ProductDetail .left .hd{ border-top:10px solid #E9EDF3; padding:0 3%; margin:0; font-size:16px; line-height:30px; padding-top:10px;}
.ProductDetail .left .bd{  padding:0 3% 10px 3%;}
.ProductDetail .left .pic{ width:33%; margin-right:2%; padding-top:10px;}
.ProductDetail .detaillist1{ width:65%; font-size:12px; line-height:25px;}
.ProductDetail .detaillist1 li:nth-of-type(2){ font-size:20px;}
.ProductDetail .detaillist1 li:nth-of-type(4){ font-size:14px; line-height:25px;}
.ProductDetail .detaillist1 li:nth-of-type(6){ text-align:left;}
.ProductDetail .detaillist2 li{ font-size:12px; line-height:30px; padding:0 0 0 10px; width:50%; margin-top:10px;}
.ProductDetail .detaillist2 li img{ width:30px; height:30px; margin-right:5px;}
.ProductDetail .detaillist2 li:nth-of-type(1){width:50%; padding:0 0 0 10px; }
.ProductDetail .detaillist2 li:nth-of-type(2){ border-right:none;}
.ProductDetail .right{ width:100%; padding:0;}
.ProductDetail .rightbox{  margin:0; padding:10px 0; }
.ProductDetail .rightbox .hd{ font-size:16px; line-height:30px;}
.ProductDetail .rfqbox{border-top:10px solid #E9EDF3; padding:10px 3%;}
.recommendproduct{ margin:0;}
.recommendproduct .hd{ font-size:16px; padding-top:10px; line-height:30px; margin:0;}
.recommendproduct .bd li .btn{ border:1px solid #313131; font-size:14px;}
#reviews .btn {    text-align: center;    display: block;    margin-top: 20px;}
#reviews .btn a{ text-decoration:underline;}
.ProductDetail .Rfqform{ display:block;}
.ProductDetail .Rfqform p{ margin:0;}
.ProductDetail .Rfqform .input{ width:49%; text-align:center; height:45px;	line-height:43px;	border: 1px solid #eee; vertical-align:middle; margin-top:10px; border-radius:5px;}
.ProductDetail .Rfqform .button{ width:49%; text-align:center; line-height: 43px; height:45px;	background: #343434;	border: 0;	color: #FFF;	font-size: 14px;	cursor: pointer;  vertical-align:middle; margin-top:10px;}
.ProductDetail .left .qualitytext{ padding:0 3% 10px 3%; background:#fff;}
.ProductDetail .hideattributes{ height:280px; overflow:hidden;}
#attributeslist .btn{ text-align:center; display:block; margin-top:20px;}
#attributeslist .btn a{ text-decoration:underline;}


/*Inquiry*/
.InquiryOrder{ display:none;}

/*reviews*/
.reviews {margin: 0 auto 0 auto; padding-top:105px;}
.reviews .left{ display:none;}
.reviews .right {border-top:5px solid #EAEDF4;  padding:10px 2%;   width:96%;    margin-left: 0;    float: left;}

.reviews .right .category_fixed2{ display:none;width:70%; height:auto; background:#FFF; position:fixed; top:0; right:0; z-index:1000; margin-top:0;}
.reviews .right .category_fixed2 .title{ width:100%; padding:5px 10px; height:20px; line-height:20px; font-size:14px; background:#D9DDE6 url(../image/filter.png) no-repeat 8px center; background-size:7%; text-indent:25px;  }
.reviews .right .category_fixed2 li{ width:100%; margin:0;}
.reviews .right .category_fixed2 li a{display:block; width:100%; line-height:30px; height:30px; text-align:center; font-size:16px; margin:0; padding:0; border:none; border-bottom:1px solid #EAEAEA; border-radius:0;}
.reviews .right .category_fixed2 li.down{ display:none;}
.reviews .right .category2{visibility:visible; position:relative; top:0; left:0; width:100%; padding:0; box-shadow:none;}

.m_category_fixed{ display:block; position:fixed; width:100%; z-index:9; top:113px; padding:10px 0; background:#FFF;border-top:5px solid #EAEDF4; box-shadow:0px 3px 3px 1px rgba(143, 151, 166, 0.31) }
.m_category_fixed ul{ margin:0 10px;}
.m_category_fixed li{ display:inline-block; float:left; margin-right:10px;}
.m_category_fixed li a{ display:inline-block; padding:0 10px; line-height:25px; border:1px solid #EAEEF4; text-align:center; border-radius:5px; }
.m_category_fixed li a.on{background: #EAEEF4;    color: #000;}
.m_category_fixed .m_filter{ top:15px;}

.reviewlist{ margin-top:0;}
.reviewlist li { padding: 10px 0;position:relative;}
.reviewlist li .touxiang { width: 11%; height: auto; margin-top:0; }
.reviewlist li .content {    width: 85%;    margin-left:3%; }
.reviewlist li .text2{ padding:10px 2% 10px 2%;}
.reviewlist li .text2 .date{ position:absolute; right:5px; top:29px;}
.reviewlist li .pic a{ width:100px; height:75px;}
.reviewlist li .pic a img{ height:75px;}
.reviewlist li .product a{ margin-right:5px;}

/*about us*/
.about{ margin:0; padding:0 2%; width:96%;}
.about h1{ font-size:18px; color:#3361AC; margin:0; padding:10px 5px; border-bottom:5px solid #E9EDF3;}
.about img{width: 100%;    margin: 10px 0 10px 0;}
.about .text{ color:#222; padding:10px 0; line-height:20px;}
.whychoose,.about-process,.about-application,.about-contact{ width:96%; margin:0; padding:0 2% 15px 2%; border-top:5px solid #E9EDF3; background:#FFF; color:#222222; }
.whychoose .head,.about-process .head,.about-application .head { font-size: 18px; text-align: left; border-bottom:1px solid #E9EDF3; color:#222222; line-height:40px;}

.whychoose .list li {    width: 44%; height:120px;    margin:20px 3% 0 3%; text-align:center; }
.whychoose .list li img {    width: 35%;    float: none;    margin-right: 0%;}
.whychoose .list li .title {    width: 100%;    float: none;    margin-top:5px;}
.whychoose .list li .desc {   width: 100%;    float: none;   }
.about-process .text {    margin-top: 10px;    text-align: left; line-height: 22px;}
.about-process .text img{ margin-top:10px; max-width:100%;}
.about-application .list li {    width: 13%;    margin: 20px 0 0 1%; }
.about-application .list li img{ width:100%;}
.about-application .list li .title{ display:none;}
.about-contact{ padding:20px 2% 10px 2%;}


/*Contact,Feedback*/
.Contact1{ width:100%; margin:0; padding:0 0 10px 0; border-top:5px solid #E9EDF3;}
.Contact1 .text{ border-bottom:5px solid #E9EDF3; padding:10px 10px;}
.Contact2 {    width: 100%;    margin: 0;}
.Contact2 .title{ font-size:18px; margin:0; padding:5px 5px 10px 10px; border-bottom:5px solid #E9EDF3;}
.Contact2 .text { margin:15px 10px;padding: 0px 0 0 50px;}
.Contact2 .text p {    font-size: 14px;}
.Contact2 .text p:last-of-type {    margin: 23px 0 10px 0;}
.Contact3 { width: 100%; border: none; border-top:5px solid #E9EDF3; border-radius: 0;    float: left;    margin: 0;}
.Contact3 .title{ text-align:left; text-indent:10px; border-bottom:1px solid #DEE2E9;}
.Contact3 .text{ padding:10px 20px;}
.Contact3 .text p.tit{ margin-left:0;}

/*NewsList*/
.filter{ width:230px; margin:10px 0 10px 10px; border-bottom:1px solid #ccc; color:#333; line-height:30px;}
.filter ul{ z-index:100;}
#filterlink {  height: 30px;}
.ArticleList{ background:#F4F7FC; padding-bottom:10px;}
.ArticleList li{ font-size:12px;}
.ArticleList li a { width: 92%; height:100px; margin:10px 2% 0 2%; padding:10px 2%;  border-bottom:none; background:#fff; border-radius:5px; position:relative;}
.ArticleList li a img {    width: 45%;    height: 100px;    float: left;    margin: 0 5% 0 0;}
.ArticleList li a .title {    width: 50%;    font-size: 14px;    line-height:18px; color:#333; max-height:36px;text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  line-clamp: 2;  -webkit-box-orient: vertical;}
.ArticleList li a .text {    width: 50%;  margin: 5px 0; line-height:14px; height:28px; color:#999; text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  line-clamp: 2;  -webkit-box-orient: vertical;}
.ArticleList li a .date { position:absolute; top:90px; left:50%;  float: none;  width: auto; margin:0; color:#999; }
.ArticleList li a .date strong{ color:#333;}
.ArticleList li a .btn{ display:none;}
.ArticleList li:nth-of-type(even) img { float: left; margin: 0 5% 0 0;}

.Pager{ padding:10px 0; }

/*help,article*/
.Help .ArticleTitle{ font-size:20px; margin:0; line-height:45px; text-indent:10px;}
.Article .Content{border-top:5px solid #E9EDF3; padding:10px;}
.Article .Content p{ margin:0 0 15px 0;}
.Article .Content img{ max-width:100%;}
.Help .Content h4{ font-size:17px; margin:0 0 15px 0}
.Help .Content .child{ padding:0; margin-bottom:15px;}
.Help .Content hr{ margin:0 0 10px 0; border-bottom:5px solid #eee}
.article_zc{ margin:0;border-top:5px solid #E9EDF3; padding:20px 0; }
.article_zc ul li {    width: 100%;    margin: 0 0 10px 0; }
.article_zc ul li a img {    width: 13%;    height: auto;    margin:0 5% 0 0;}
.article_zc ul li a .title{ width:82%; line-height:25px; font-size:18px;}
.article_zc ul li a .desc{ width:82%; font-size:13px; height:20px; line-height:20px;}
.Products_lc li{ width:50%; margin:0 0 10px 0; }
.Products_lc li .title{ font-size:16px;}
.Products_lc li .desc {    width: 97%; height:54px;padding-left:3%; font-size:12px; line-height:18px}

.Article .ArticleTitle{ font-size:22px; line-height:25px; margin:5px 2%;}
.Article .Date{ margin:0 2%;}
.Recommend{ width:96%; height:auto; border-top: 5px solid #E9EDF3; margin:0; padding:0 2%;}
.Recommend .head {    font-size: 20px; line-height:40px;    font-weight:normal;    margin: 0; border-bottom:1px solid #E9EDF3;}
.RecommendList li{ width:100%; margin:10px 0 0 0;}
.RecommendList li a {    width: 100%;    padding: 10px 0;    text-align: left;border-bottom:1px solid #E9EDF3; position:relative;}
.RecommendList li a img{    width: 28%;    float: left;    height: 70px;    margin-right: 5%;}
.RecommendList li a .title{ width:67%; height:auto; }
.RecommendList li a .title b{ border:none;font-size:16px; line-height:30px; display:block; padding:0; margin:0; color:#333;}
.RecommendList li a:hover .rfqbtn{ display: none;}

/*Search*/
.Search {    width:94%;    margin: 0 ; padding:0 3% 10px 3% ;border-bottom:5px solid #E9EDF3;}
.Search .head {    font-size:34px;    line-height:50px; color:#3560AC;}
.Search .text{ margin:0;}
.SearchRecommend {    width: 100%;    margin:0;  border-top:5px solid #E9EDF3;}
.SearchRecommend .head { background: #fff; font-size: 18px;    color: #222; line-height:40px; border-radius:0; border-bottom:1px solid #E9EDF3;}
.SearchRecommend .SearchRecommendList { border: none;   padding: 10px 10px 0px 10px;}
.SearchRecommend .SearchRecommendList li a{border-bottom:1px solid #E9EDF3;}
.SearchRecommend .SearchRecommendList li a .title{ font-size:16px; color:#222;}
.SearchRecommend .more{ display:none;}


/*video*/
.videobanner{ height:180px; background-size:cover;}
.dark{  padding:0;}
.video { width:96%; padding: 10px 0 10px 0;}
.video .title{ background:#fff; font-size:18px; font-weight:normal; padding:10px; font-family:Arial, Helvetica, sans-serif; position:relative;}
.video .title:after{ content:''; display:inline-block; height:0; width:60px; border-bottom:2px solid #2B6AB9; position:absolute; left:10px; bottom:7px;}
.video .text{ display:none;}
.videoshow .list li,.video .list1 li,.video .list2 li{width: 100%;    margin: 10px 0 0 0;}
.videoshow .list li a,.video .list1 li a,.video .list2 li a{ height:110px; padding:10px 2%; width:96%;}
.videoshow .list li a img,.video .list1 li a img,.video .list2 li a img{ width:46%; margin-right:2%; float:left; height:110px;}
.videoshow .list li a .tit,.video .list1 li a .tit,.video .list2 li a .tit { width:52%; float:left; color:#353535;    line-height:25px;    font-size:18px;    height: 25px;    padding: 0;}
.videoshow .list li a .desc,.video .list1 li a .desc,.video .list2 li a .desc{width:52%; float:left; display:block; height:85px; overflow:hidden; color:#666;}
.video .more{ margin-top:10px;}

.videoshow{ width:96%; margin:10px 2%;}
.videoshow .left{ width:100%; padding:0; margin:0;}
.videoshow .left iframe{ width:100%; height:250px;}
.videoshow .left p{ margin:0 0 10px 0;}
.videoshow .left .title {    font-size: 24px;    line-height:30px;    width: 96%; padding:0 2%}
.videoshow .left .date{  width: 96%; margin:0 2%}
.videoshow .left .content{ width: 96%; margin:0 2%; line-height:22px;}
.videoshow .left .content img{ max-width:100%;}
.videoshow .right{ width:100%; padding:10px 0; margin:0;}
.videoshow .m_title2{ display:block; background:#fff; font-size:18px; font-weight:normal; padding:10px; font-family:Arial, Helvetica, sans-serif; position:relative;}
.videoshow .m_title2:after{ content:''; display:inline-block; height:0; width:60px; border-bottom:2px solid #2B6AB9; position:absolute; left:10px; bottom:7px;}
.videoshow .right .subscribe{ display:none;}
.videoshow .list {    width: 100%;    padding: 0;    margin-top: 10px;}

.BandDetail{ padding:0 3%; width:94%;}
.BandDetail .pic{ float:none; width:100%; font-size:20px;}
.BandDetail .pic img{ width:50%;}
.BandCategory{padding:0 2% 20px 2%; width:96%;}
.BandCategory li{ margin-right:20px;}
.BandBnaner{ margin-top:10px;}
.BandBnaner img{ width:100%;}
.BandVideo{padding:0 2%; width:96%; margin-top:10px;}
.BandVideo li {    width: 48%;    margin: 5px 1% 5px 1%;}
.BandVideo li img{ height:110px;}
.BandVideo li .tit{ font-size:14px;}
.BandRFQ{ margin-top:20px;}
.BandRFQ .search-text{ width:200px;}
.BandYS li{ width:50%; margin-bottom:20px; padding:0 1% 0 3%; height:50px; overflow:hidden;}
.BandYS li img{ margin-right:10px; width:50px; height:50px;}
.BandYS li .tit1{ font-size:16px; line-height:18px;}
.BandYS li .tit2{ font-size:12px; margin-top:2px; line-height:15px;}
.BandYS li:nth-of-type(2){ border-right:none;}

/*manufacturer*/
.manufacturerindex{ top:55px;}
.manufacturerlist .manufacturer-content a{ width:50%;}
.ManufacturerShow .hd img{ margin:10px 0;}
.ManufacturerShow .hd h1{ font-size:18px; border-left:none; padding-left:0; line-height:25px;}
.ManufacturerShow .content{ margin-top:10px;}
.recommendproduct .bd li{ width:100%; margin:20px 0 0 0;}
.recommendproduct .bd li img{ height:120px; width:auto;}
.recommendproduct .bd li .text1,.recommendproduct .bd li .text2,.recommendproduct .bd li .text3{ text-align:left;}


/*footer*/
.footer{ margin-top:10px; width:100%; font-size:14px; padding:0 4% 15px 4%;}
.footer .about{ width:100%; margin:0; color:#666; line-height:20px; word-break:break-all; padding:10px 0 10px 0; border-bottom:1px solid #666; }
.footer .about p{ margin:10px 0 0 0;}
.footer .about .title{ color:#fff; font-size:24px; line-height:50px;}
.footer .about img{ margin-top:-5px;}
.footer .sitelink{ width:100%; margin:5px 0 0 0; padding-top:5px; line-height:35px; position:relative;}
/*.footer .sitelink:before{ content:''; display:inline-block; width:60px; height:0; border-bottom:1px solid #999; position:absolute; top:35px; left:0;}*/
.footer .sitelink a{ width:auto; margin:5px 20px 0 0; display:inline-block; font-size:14px;}
.footer .sitelink .title{ font-size:20px;}
.m_footercontact{ display:block;    background: url(../image/email.png) no-repeat left 47px; background-size:7%;  border-top:1px solid #666;}
.m_footercontact a{ margin-left:30px;}
.footer .contact{ width:100%; margin:10px 0 0 0; }
.footer .contact .title{ line-height:35px;position:relative;}
/*.footer .contact .title:before{ content:''; display:inline-block; width:60px; height:0; border-bottom:1px solid #999; position:absolute; top:32px; left:0;}*/
.footer .contact ul li{ margin:10px 10px 0 0;}
.footer .coryright{ display:none;}

.m_footer_nav{ display:block; position:fixed; bottom:0; width:100%; height:45px; padding:10px 0;box-shadow:0 -3px 5px 1px rgba(143, 151, 166, 0.31); background:#FFF;}
.m_footer_nav li{ width:25%; float:left;}
.m_footer_nav li a{ display:block; text-align:center; font-size:13px; line-height:20px; width:100%; height:50px;}
.m_footer_nav li a img{ width:30px; height:30px; margin:0 auto; clear:both;}
.QuickQuote{ display:none;}
.siderbar{ display:none;}
}

/* 手机端 */
@media screen and (max-width: 599px) {
.ContactForm{ width:96%; margin:0 2%; padding:10px 0;}
.ContactForm .name,.ContactForm .email{ width:100%; margin-left:0;}

}