body{ font-family:Arial;}
@media(min-width:1200px){
	.container{ width:1024px; padding:0;}
}
.list-group-item:first-child{ border-radius:0;}
.list-group-item:last-child{ border-radius:0;}
/*#header { background-color: #363636; background-image: url(../images/bgline.png) }*/
#navbar { background-color: #fff; margin-bottom:0;}
#navbar #navbar-collapse>ul>li>a { color: #505050 }
/*#navbar #navbar-collapse>ul>li.active>a { color: #fff }
#navbar #navbar-collapse>ul>li:hover>a { color: #fff }*/
#navbar #navbar-collapse>ul>li.dropdown:hover>a:before{ content:''; width:17px; height:10px; background:url(../uploads/nav-pic.png) no-repeat center 0; position:absolute; bottom:-2px;}
#content { background: #fff }
#page-default-top-slide { -webkit-box-shadow: none; box-shadow: none ; margin-bottom:0;}
#footer { background-color: #003366;/* background-image: url(../images/bgline.png) */}
#footer #footer-navs .container>div{ width:20%; float:left;}
#footer #footer-navs .list-group a { color: #fff!important }
/*#footer #footer-navs .list-group a:before { content: "\f101"; color: #5a5a5a }*/
#footer #footer-navs .list-group a:hover { color: #fff!important; background-color:#000033; padding-left:5px;}
#footer #footer-bottom {/* background-image: url(../images/bgline.png);*/ background-color: #000033 ; color:#fff; height:45px; line-height:30px;}
.wide .bg-gray { background-color: #f8f8f8 }
.BMapLabel { display: none; visibility: hidden; max-width: inherit }
.nowap { white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
#header { border-bottom: none; padding-top: 5px; padding-bottom: 5px; margin-bottom: 0 }
#header #logindiv { font-size: 12px; line-height: 30px; color: #5a738a }
#header #logindiv a { color: #7ca3c8 }
#header #header-icons { margin: 0; padding: 0 }
#header ul#header-icons.social-icons { padding-top: 2px; margin-bottom: 0 }
#header ul#header-icons.social-icons li { display: inline-block; margin-right: 0 }
#header ul#header-icons.social-icons li a { display: inline-block; width: 20px; height: 20px; background: #666; background: rgba(255,255,255,0.3); color: #383838; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; background-clip: padding-box; transition: all .17s ease-in-out; -moz-transition: all .17s ease-in-out; -webkit-transition: all .17s ease-in-out; -o-transition: all .17s ease-in-out }
#header ul#header-icons.social-icons li a .fa { font-size: 14px; line-height: 20px; color: #333; transition: all .17s ease-in-out; -moz-transition: all .17s ease-in-out; -webkit-transition: all .17s ease-in-out; -o-transition: all .17s ease-in-out }
#header ul#header-icons.social-icons li a:hover { background: #fff }
#header ul#header-icons.social-icons li a:hover .fa-globe { color: #1d8bdf }
#header ul#header-icons.social-icons li a:hover .fa-star { color: #f27935 }
#header ul#header-icons.social-icons li a:hover .fa-weibo { color: #dc5b46 }
#header ul#header-icons.social-icons li a:hover .fa-pinterest { color: #13b0cb }
#header ul#header-icons.social-icons li a:hover .fa-star-o { color: #f2bc00 }
#header ul#header-icons.social-icons li a:hover .fa-qrcode { color: #78979b }
#header .search_box .input-append { padding: 0 0 0 5px; background-color: #262626; border: #262626 1px solid; -webkit-box-shadow: inset 0 1px 5px #262626; box-shadow: inset 0 1px 5px #262626 }
#header .search_box .input-append input { height: 22px; border-width: 0; font-size: 12px; outline: 0; background-color: transparent }
#header .search_box .input-append .btn-primary { float: right; padding: 0; width: 22px; height: 22px; border: 2px solid transparent; font-size: 12px; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; background-color: #ff5900; -ms-filter: "alpha(opacity=80)"; filter: alpha(opacity=(80)); opacity: .8 }
#header .search_box .input-append:hover .btn-primary { background-color: #ff5900; background-color: rgba(255,89,0,0.7) }
/**/
.head-icon{ text-align:right;}
.head-icon a,#header #header-icons a{ display:inline-block; width:31px; height:31px; border-radius:50%; color:#fff; text-align:center; line-height:31px; font-size:20px;}
.head-icon a:hover,#header #header-icons a:hover{ color:#fff;}
.head-icon .weixin,#header #header-icons .weixin{ background-color:#00be3c !important;}
.head-icon .en,#header #header-icons .en{ background-color:#587aca;}
.head-icon .cn,#header #header-icons .cn{ background-color:#2967ad;}
.head-icon .bird,#header #header-icons .bird{ background-color:#5dc8ff;}
.head-icon .youtobe,.head-icon .plus,#header #header-icons .youtobe{ background-color:#ee3e00;}
.head-icon .envelope,#header #header-icons .envelope{ background-color:#00b13c;}

.language{ display:inline-block; float:right; border:1px solid #e5e5e5; border-radius:4px; padding:5px 10px 5px 15px; margin-right:10px;}

#header-searchbox{ float:right; margin-top:15px;}
.search_box .input-append{ width:370px; position:relative; box-shadow:none; border-radius:5px; display:inline-block;}
.search_box .input-append input{ width:100%; padding-right:60px;}
.search_box .input-append .btn-primary{ position:absolute; width:50px; border-radius:0 5px 5px 0; background-color:#0087c1; right:-1px; top:-1px; height:31px;}
#header-searchbox
/**/

#navbar { margin-bottom: 0 }
#navbar #navbar-collapse { background: transparent }
#navbar #navbar-collapse>ul>li { text-align: center; border-right: 0 }
#navbar #navbar-collapse>ul>li>a { padding: 5px 0 0; width: 94px; text-align: center; height: 50px; font-size: 15px; line-height:45px; }
#navbar #navbar-collapse>ul>li.active>a { position: relative ; background-color:transparent;}
#navbar #navbar-collapse>ul>li.active>a:after { color: #325c84 }
#navbar #navbar-collapse>ul>li:hover>a { -webkit-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out }
#navbar #navbar-collapse ul.dropdown-menu { max-height: 300px; overflow: hidden; min-width: 100%; width: auto ; border:none;}


.navbar-brand { padding: 6px 30px 0 0 ; height:inherit;}

#footer #footer-navs .panel-heading { font-size: 16px; padding-top: 1px ; color:#fff;}
#footer #footer-navs .list-group { margin-bottom: 0 }
#footer #footer-navs .list-group a { line-height:25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
/*#footer #footer-navs .list-group a:before { content: "\f101"; font-family: FontAwesome; font: normal normal normal 20px/1 FontAwesome; margin-right: 3px; font-size: 10px }*/

.footer-links{ border-top:1px solid #335c85; padding:15px 0; min-height:92px;}
.footer-links #footer-links .panel-heading{ display:inline-block; float:left; margin-right:30px; background-color:#000033; font-size:14px; color:#fff !important; padding:0 15px !important; line-height:26px; position:relative;}
.footer-links #footer-links .panel-heading:before{ content:''; height:26px; width:17px; background:url(../uploads/links.png) no-repeat; position:absolute; right:-15px; top:0;}
.footer-links #footer-links li{ display:inline-block; padding:0 10px !important; line-height:26px;}
#footer #footer-links li a{ font-size:14px; color:#fff;}
 
#banner img { -webkit-box-shadow: none; box-shadow: none }
div.overlay_slide, ul.overlay_slide li { position: relative; overflow: hidden }
div.overlay_slide .overlay_zoom, ul.overlay_slide li .overlay_zoom { position: absolute; z-index: 5; bottom: -100%; width: 100%; height: 50px; overflow: hidden; padding: 15px; font-size: 12px; line-height: 180%; background-repeat: no-repeat; background-position: center center; -webkit-transition: bottom .4s; -moz-transition: bottom .4s; -o-transition: bottom .4s; -ms-transition: bottom .4s; transition: bottom .4s }


.panel{ margin-bottom:0;}

@media(max-width:767px) {
#navbar{ height:inherit;}
#header-searchbox{ float:inherit; text-align:right; margin:5px 0 10px; position:relative; padding-left:110px;}
#header-searchbox .language{ position:absolute; top:0; left:0;}
.navbar-brand { padding: 0 }
#navbar #navbar-brand img{ width:inherit;}
#navbar #navbar-toggle { float: left; z-index: 2; margin-right: 0; margin-top: 9px; border-width: 0; background-color: transparent!important; padding: 9px; border-radius: 3px; cursor: pointer; font-size: 18px; color: #c1c1c1; padding: 5px 8px }
#navbar #navbar-toggle .icon-bar { background-color: #fff }
#navbar #navbar-toggle:hover { background-color: transparent; color: #363636!important }
#navbar #navbar-toggle:hover .icon-bar { background-color: #363636 }
#navbar #navbar-toggle-icon { float: right; margin-top: 12px; margin-bottom: 0; z-index: 2; margin-right: -6px; padding-right: 0; padding: 5px 6px; border-width: 0; background-color: transparent; cursor: pointer }
#navbar #navbar-toggle-icon span { font-size: 18px; color: #c1c1c1 }
#navbar #navbar-toggle-icon:hover span { color: #363636!important }
#footer #footer-bottom{ height:inherit;}
.search_box .input-append{ max-width:100%;}
}

@media(min-width:768px) and (max-width:991px) {
.navbar-brand { padding: 12px 0 }
.navbar-brand img { width: 160px }
#navbar #navbar-collapse>ul>li>a { padding: 18px 0 0; width: 77px; text-align: center; height: 60px; font-size: 14px }
}
@media(min-width:992px) {
div.overlay_slide .overlay_zoom, ul.overlay_slide li .overlay_zoom { bottom: -100px; height: 100px }
}

@media(max-width:639px) {
div.overlay_slide .overlay_zoom, ul.overlay_slide li .overlay_zoom { height: 30px; padding: 5px 10px }
div.overlay_slide .overlay_zoom h3, ul.overlay_slide li .overlay_zoom h3 { font-size: 14px; text-align: center }
div.overlay_slide .overlay_zoom small, ul.overlay_slide li .overlay_zoom small { display: none }
#header-searchbox{ padding-left:85px;}
#header-searchbox .language .fa{ display:none;}
.language{ padding:4px 5px;}
}
div.overlay_slide:hover .overlay_zoom, ul.overlay_slide li:hover .overlay_zoom { bottom: 0 }
div.overlay_slide h3, ul.overlay_slide li h3 { font-size: 16px; margin: 0 0 15px }
div.overlay_slide h3 small, ul.overlay_slide li h3 small { font-size: 90%; margin-left: 5px }
div.overlay_slide .zoom_white, ul.overlay_slide li .zoom_white { background-color: rgba(255,255,255,0.7); color: #000 }
div.overlay_slide .zoom_white h3, ul.overlay_slide li .zoom_white h3 { color: #000 }
div.overlay_slide .zoom_white h3 small, ul.overlay_slide li .zoom_white h3 small { color: #646464 }
div.overlay_slide .zoom_black, ul.overlay_slide li .zoom_black { background-color: rgba(0,0,0,0.7); color: #b3b3b3 }
div.overlay_slide .zoom_black h3, ul.overlay_slide li .zoom_black h3 { color: #fff }
div.overlay_slide .zoom_black h3 small, ul.overlay_slide li .zoom_black h3 small { color: #646464 }
/*首页*/
.Welcome{ background-color:#e5e5e5; padding:30px 0; text-align:center; line-height:26px; margin-bottom:22px;} 
.Welcome h3{ font-size:33px; color:#003366;}
#page-default .Welcome p{ font-size:16px; color:#333; margin-bottom:15px;}
.Welcome .read-more{ color:#fff; font-size:16px; background-color:#003366; border-radius:4px; line-height:40px; display:inline-block; padding:0 22px;}
.Welcome img{ width:100%;}

#page-default .panel-heading{ font-size:18px;}
.page-default-row1,.page-default-row2{ margin:0 -7px; margin-bottom:40px;}
.page-default-row1>div{ padding:0 7px;}
.page-default-r2{ padding:20px 15px;}
#page-default .page-default-r2 .panel-heading{ padding:6px 0 10px; font-size:18px;}
.page-default-r2 .page-default-r2-pic img{ width:100%;}
.read-more{ margin-top:10px; display:inline-block; padding:0 20px; line-height:32px; text-align:center; border:1px solid #ccc; font-size:12px; border-radius:5px;}

.page-default-r2{height:407px;}
.page-default-r2:hover{ background-color:#e5ebf6;}
.page-default-r2:hover .read-more{ background-color:#003366; color:#fff;}
#page-default #page-default-r2c1 .page-default-r2 .panel-heading{ color:#003366;}
/*#page-default-r2c1 .page-default-r2 .read-more{ color:#fff; background-color:#003366;}*/

#page-default-r2c4 .panel-body ul{ margin:0 -5px;}
#page-default-r2c4 .panel-body ul li{ padding:0 5px;}
#page-default-r2c5 .pull-left{ border:1px solid #ccc; margin-right:15px;}
#page-default-r2c5 h3{ margin:0 0 12px; font-size:18px;}
#page-default-r2c6 .badge{ display:block; background-color:transparent; padding:0; line-height:25px; text-align:left; color:inherit; float:inherit; font-weight:normal;}
#page-default-r2c6 a{ max-width:100%; white-space:nowrap; display:block; overflow:hidden; text-overflow:ellipsis;}
#page-default .page-default-row2 .panel-heading{ padding:3px 0 15px;}

/*article*/
.article{ font-size:12px; line-height:22px; padding-bottom:50px;/* min-height:500px;*/}
.article p{ text-indent:0;}
.article img,.article p img{ max-width:100%;}
.hr{ background-color:#003366; height:27px;}
.topicTitle{ font-size:24px; color:#003366; margin-bottom:35px;}
#solution_customer .list-group-item{ width:19%; display:inline-block;}
#solution_customer .list-group-item .thumbnail img{ width:inherit; max-width:100%;}
#solution_top{ margin:30px 0 40px; font-size:12px; line-height:25px;}
#page-solution-list{ margin:0 -64px;}
#page-solution-list .list-group-item{ padding:0 64px;}

/*Selective soldering list*/
#page-soldering-list{ margin:0 -23px 45px;}
#page-soldering-list .list-group-item{ padding:0 23px;}
#page-soldering-list .list-group-item .caption h4{ height:60px; overflow:hidden;}
#page-soldering-list .list-group-item .thumbnail{ padding:15px;}
#page-soldering-list .list-group-item .caption p{ white-space:nowrap; width:100%; overflow:hidden; text-overflow:ellipsis;}

/*联系我们 contact*/

.contact_row{ margin:0 -10px;}
.contact_row #contact_aside{ padding:0 10px; width:18.5%; margin-bottom:50px;}
.contact_row .article{ padding:0 10px; width:81.5%; font-size:14px; margin-bottom:45px;}
#contact_aside .panel-heading{ font-size:18px; color:#333333; margin-bottom:25px;}
#contact_aside .nav>li{ border-bottom:1px solid #ccc;}
#contact_aside .nav>li>a{ color:#003366;}
#page-contact{ padding:0;}
#page-contact .map{ margin-bottom:25px;}
#page-contact .factory{ line-height:25px;}
@media(max-width:991px){
	.contact_row .article{ width:100%;}
}

/*新闻*/
.news_row{ margin:0 -10px;}
#page-news #main{ width:68.9%; padding:0;  font-family:Arial;}
#page-news .news_title{ font-size:24px; color:#003366; margin:31px 0 11px;}
#page-news #news_aside{ width:29.3%; padding-right:15px;}
#page-news-list-pic-no li{ line-height:25px; padding:20px 0 10px;}
#page-news-list-pic-no li a{ color:#003366; width:100%;}
#page-news-list-pic-no li span{ float:inherit; margin-right:0; display:block; text-align:left; color:#999; padding:0; margin-bottom:10px; line-height:20px;}
#page-news-list-pic-no li p{ font-size:12px; margin-bottom:0;}
#news_aside .panel>.panel-heading{ text-align:left; font-size:24px; color:#666; padding-bottom:20px;}
#share_this{ background:url(../uploads/news_share.jpg) no-repeat bottom left; padding:92px 0 25px; text-align:left; margin-bottom:20px;}
#upcoming_events li .thumbnail{ border-radius:10px;}
#upcoming_events li{ margin-bottom:0; padding:10px 0; border-bottom:1px solid #ededed;}
#upcoming_events li a{ color:#003366;}
#upcoming_events li p{ padding:15px 0 0; margin-bottom:0;}
#upcoming_events li .badge{ background-color:transparent; display:block; float:inherit; text-align:left; color:#999; padding:0; line-height:20px; line-height:20px; font-weight:400;}
/*分页*/
.pagination>li{ display:inline-block; margin-right:5px;}
.pagination>li>a, .pagination>li>span{ border-radius:5px; box-shadow:1px 0 1px #ccc;}
/*详情*/
#page-news-info h1{ color:#003366; font-size:17px; margin-bottom:0; text-align:left;}
.relate-container{ color:#333; font-size:14px; font-weight:600; border-top:1px dotted #ccc; padding:40px 0 20px;}
.relate-container a{ font-weight:normal}
#page-news-info span.time{ font-size:12px; color:#999;}
@media(max-width:991px){
	#page-news #main{ width:100%;}
}
/*FAQ*/
#FAQ-list li{ padding:15px 0; border-bottom:1px dotted #ccc;}
#FAQ-list li h5{ font-size:14px; color:#003366; padding-left:38px; position:relative; line-height:27px; margin-bottom:12px;}
#FAQ-list li div.a{ position:relative; padding-left:38px; color:#333; font-size:12px;}
#FAQ-list li h5 span.Q,#FAQ-list li div.a span.A{ display:inline-block; width:27px; width:27px; border-radius:3px; color:#fff; background-color:#003366; font-size:24px; text-align:center; line-height:27px; position:absolute; left:0; top:0;}
#FAQ-list li div.a span.A{ background-color:#0087c1;}
#FAQ_aside .panel-heading{ font-size:18px; margin-bottom:30px;}
#FAQ_aside li{ text-align:center; margin-bottom:25px;}
#FAQ_aside li img{ width:auto; margin:auto;}

/*philosophy 理念*/
#philosophy-list-pic-left li{ font-size:12px; color:#333; clear:both; margin-bottom:30px;}
#philosophy-list-pic-left li p{ margin-bottom:0; line-height:20px;}
#philosophy-list-pic-left li .thumbnail{ width:20%;}
#philosophy-list-pic-left .philosophy-detail{ width:80%; padding-left:15px;}
#philosophy-list-pic-left .media-heading{ font-size:12px; font-weight:600; margin-bottom:0; line-height:20px;}

/*case 案例*/
#page-case-list{ margin:0 -24px;}
#page-case-list li{ padding:0 24px; margin-bottom:15px;}
#page-case-list li a.thumbnail{ border:1px solid #ccc;}
#page-case-list li h4{ line-height:45px; font-size:14px;}

/*#page-product*/
#page-product article,#page-product .article{ line-height:1.5em;}
#page-product-info img{ max-width:100%; height:auto;}
#page-product-info .media{ margin-bottom:30px;}
#page-product-info-picture{ margin-bottom:15px;}
#page-product-info-pictures .list-group{ margin:0 -3px;}
#page-product-info-pictures .list-group li{ padding:0 3px; margin-bottom:6px;}
.downBtn{ background-color:#0087c1; color:#fff; border-radius:5px; padding:5px 10px; font-size:18px; line-height:30px;}
.downBtn.NotUpload{ background-color:#ddd;}
.tab-content .tab-pane{ overflow:auto;}
.tab-content table td{ padding:2px 3px;}
.tab-content table p{ text-indent:0 !important; margin-bottom:0;}


/*network 销售网点*/
#network_aside .panel-heading{ font-size:18px; margin-bottom:35px; color:#333;}
#network_aside .list-group a{ font-size:14px; color:#003366; line-height:35px; border-bottom:1px solid #ccc;}
#network_aside .list-group a.active{ background-color:transparent; color:#000;}
#network-list li{ padding:15px 0; border-bottom:1px dotted #ccc;}
/*honor*/
#page-honor-list{ margin:0 -11px;}
#page-honor-list li{ padding:0 11px; margin-bottom:30px;}
#page-honor-list li h4{ font-size:14px; text-align:left; padding-top:20px;}
@media(max-width:992px){
	#page-case-list{ margin:0 -10px;}
	#page-case-list li{ padding:0 10px;}
	#network_aside .panel-heading{ display:inline-block; float:left; font-size:18px; margin-bottom:0;}
	#network_aside .panel-heading:after{ content:":"}
	#network_aside .list-group a{ display:inline-block; padding:0 10px; border-bottom:0; line-height:30px;}
	#network_aside .list-group a.active,#network_aside .list-group a:hover{ border-bottom:1px solid #ccc;}
}
@media(max-width:640px){
	#page-honor-list li h4{ padding-top:0;}
	#page-honor-list li{ margin-bottom:15px;}
	#page-soldering-list{ margin:0 -5px 45px;}
	#page-soldering-list .list-group-item{ padding:0 5px;}
	#network_aside .panel-heading{ display:none;}
	
}
@media(max-width:480px){
	#network-list li{ border-bottom:1px solid #ccc; margin-bottom:10px;}
	#network-list li .thumbnail{ width:100%; font-size:18px; padding-left:15px; margin-bottom:10px;}
	#network-list li .Company-info{ width:100%;}
	#network_aside .list-group a{ padding:0 5px;}
}






















