﻿@charset "utf-8";
/* CSS Document */

.brand-left{ width:180px; background: #f1f6f9;}
.brand-right{ width:800px; border-top:2px solid #2483b3;}
.brand-list-type{ height:35px; line-height:35px;border-top:2px solid #2483b3; color:#2483b3; border-bottom:1px solid #d3e6f2;text-indent:10px; font-size:16px;}
.brand-type{padding:5px 0;background: #f1f6f9;}
.brand-type a{display:block; height:27px; line-height:27px; padding-left:10px; font-size:12px;}
.brand-type a:hover{ color:#2483b3; text-decoration:underline;}

.brand-list li{ width:130px; float:left; margin:20px 10px 0 10px; padding:5px; height:105px; display:inline;}
.brand-list li img{ width:130px; height:65px; border:1px solid #ddd;    object-fit: contain;}
.brand-list li:hover{ background:#d3e6f2;}
.brand-list li p{ height:20px; line-height:20px; text-align:center; font-size:12px;}

.brand-about{ padding:10px; background:#f1f6f9; overflow:hidden;}
.brand-about img{width: 135px;height: 90px;float:left;margin-right:10px;object-fit: contain;}
.brand-about p{line-height:25px;}
.brand-about h1{font-size:16px; color:#262626;}

.brand-news{ position:relative;}
.brand-news-left{width:570px; float:left;}
.br-n-l-tit{height:30px; line-height:30px; border-top:2px solid #2483b3;color:#2483b3; text-indent:10px; position:relative; border-bottom:1px solid #d3e6f2; font-size:16px;}
.br-n-l-tit span{position:absolute; right:10px; top:0; font-size:12px; font-weight:normal;}
.brand-news-l{width:570px; margin:20px 0; height:80px;}
.brand-news-l .br-n-img{float:left; width:120px; height:78px; overflow:hidden; margin-right:10px; text-align:center; border:1px solid #eee;}
.brand-news-l h1 a{height:25px; line-height:25px;}
.brand-news-l h1 a:hover{color:#f60;}
.brand-news-l p{font-size:12px; color:#777;}
.brand-news-l span{color:#ccc;}

.about-news{ padding-top:6px;}
.about-news li{ height:30px; line-height:30px; background:url(../images/dot-icon.jpg) no-repeat 0 15px; text-indent:10px; position:relative;}
.about-news li span{ position:absolute; top:0; right:0; color:#888; font-size:12px;}

.b-r-box{ width:210px;}
.brand-news-right{ width:210px; float:right; margin-top:15px;}
.brand-ad{ margin-top:15px; width:210px; height:220px;}

.about-news-top{padding:6px;background: #f1f6f9;}
.about-news-top li{height:25px; line-height:25px; background:url(../images/dot-icon.jpg) no-repeat 0 10px; text-indent:10px; position:relative;}
.brandone-wd{ margin-top:15px;}

.brandone-wd li{ width:380px; margin-right:20px; float:left; margin-top:10px;}
.brandone-wd li p{ font-size:12px;}

.brandone-pic{ overflow:hidden;}
.brandone-pic li{ width:190px; height:190px; float:left; margin-top:10px; border:1px solid #ddd; margin-right:8px;}
.brandone-pic li a{ display: table-cell;height: 190px;text-align: center;vertical-align: middle;width: 190px;background: #fff;}

.br-bar{ height:35px; line-height:35px; border-bottom:1px dashed #ddd; border-top:1px dashed #ddd; text-align:center; font-size:12px;}
.br-cont{ line-height:25px;}
.br-cont p{ padding-top:15px; text-indent:2em;}
.br-cont  a { color:Red;} 
.br-cont  img { max-width:96%} 
.brand-title{ line-height:40px; text-align:center; border-top:2px solid #2483b3; color:#2483b3; font-size:16px;}

.about-news-txt li{ height:30px; line-height:30px; background:url(../images/dot-icon.jpg) no-repeat 0 15px; text-indent:10px; width:390px; margin-right:10px; float:left;}

.brand-c{ width:560px;}
.b-c-column{width:255px; float:left; margin-left:20px; display:inline; margin-top:15px;}
.b-c-column ul li{ background:url(../images/dot-icon.jpg) no-repeat 0 15px; height:30px; line-height:30px; text-indent:10px;}

.bk-list-type{ height:35px; line-height:35px; background:#2483b3; font-size:16px; color:#fff; text-indent:10px;}
.bk-n-l-tit span{ position:absolute; top:0; right:5px; font-size:12px; font-weight:normal;}
.bk-n-r-tit span{ position:absolute; top:0; right:5px; font-size:12px; font-weight:normal;}

.bk-rg{width:250px;}
.bk-n-l-tit{height:28px; line-height:28px;color:#2483b3; position:relative; background:#f1f6f9; border-top:2px solid #2483b3; font-size:15px;text-indent:10px;}
.bk-n-r-tit{height:30px; line-height:30px;color:#2483b3; position:relative; border-bottom:1px solid #d3e6f2; font-size:15px;}
.bk-rg-box ul li{background:url(../images/dot-icon.jpg) no-repeat 0 15px; height:30px; line-height:30px; text-indent:10px;}

.forum{ width:800px;} 
.forum-tit{ height:35px; line-height:35px; border-top:2px solid #2483b3; font-size:15px; color:#2483b3; border-bottom:1px solid #d3e6f2; margin-bottom:10px;}
.forum ul li{ display:inline;background:url(../images/dot-icon.jpg) no-repeat 0 15px; height:30px; line-height:30px; text-indent:10px; float:left; width:250px; margin-right:10px;}
.forum ul li:hover{color:#f60;text-decoration:underline;} 
.cm-search{ width:178px;height:38px;background:#fff; border:1px solid #2483b3;}
.search-name{ width:180px; height:35px; line-height:35px; background:#2483b3; color:#fff; text-indent:5px;}
.sb-hy{ background:url(../images/icon.png) 0 -229px no-repeat; border:0 none; width:23px; height:19px; cursor:pointer; float:right; margin-top:10px; margin-right:5px; display:inline;}
.hy-input{ background:transparent; border:0 none; width:130px; height:19px; padding:8px; float:left; line-height:19px;}

.brand-c-l{width:540px; margin-left:15px; display:inline;}

.bk-news-l{width:540px; margin:10px 0; height:80px;}
.bk-news-l .br-n-img{float:left; width:120px; height:78px; overflow:hidden; margin-right:10px;}
.bk-news-l h1 a{height:25px; line-height:25px;}
.bk-news-l h1 a:hover{color:#f60;}
.bk-news-l p{font-size:12px; color:#777;}
.bk-news-l span{color:#ccc;}

.bk-list li{ height:35px; line-height:35px; border-bottom:1px dashed #ddd; background:url(../images/dot-icon.jpg) no-repeat 0 15px; text-indent:10px; position:relative;}
.bk-list li span{ position:absolute; top:0; right:0; font-size:12px; color:#bbb;}
.bk-list li:hover{background:url(../images/dot-icon.jpg) no-repeat 0 15px #f1f6f9; text-indent:10px;}
.bk-rg-box-l{ width:248px; background:#f1f6f9;}
.bk-rg-box-l ul{ padding:5px;}
.bk-rg-box-l ul li{ background:url(../images/dot-icon.jpg) no-repeat 0 15px; height:30px; line-height:30px; text-indent:10px; font-size:12px;}

.bk-left{width:700px;}
.bk-right{width:280px;}

.bkxx-ad{width:150px; height:160px;}


/*机芯*/
.jx-left{width:785px;}
.jx-right{width:200px;}
.jxtype-box{ border:1px solid #d3e6f2; background:#f1f6f9;height:auto; font-size:12px; overflow:hidden;}
.jxtype-box ul{padding:0 10px; overflow:hidden; }
.jxtype-box ul li{line-height:25px; margin:5px 0; overflow:hidden;}
.jxtype-box ul li span{ float:left; width:50px; overflow:hidden;}
.jxtype-box ul li .typeof{ float:left; margin-left:5px; width:885px;}
.jxtype-box ul li a{ display:inline-block; padding:2px 3px 3px 2px; margin-right:5px; height:16px; line-height:16px; margin-bottom:8px;}
.jxtype-box ul li a:hover{color:#f60;text-decoration:underline;} 

.cur-jx{ background:#2483b3; color:#fff;}
.typeof-sub{ border:1px solid #2483b3;float:left; margin-bottom:8px;padding:5px 5px 5px 10px; width:900px; background:#fff;}
.cur-jx:visited{ color:#fff;}
.jx-box{ width:370px; float:left; position:relative; margin:20px 20px 0 0 ; border-bottom:1px solid #eee; padding-bottom:20px;}
.jx-pic{width:125px; text-align:center; height:150px; border:1px solid #eee; box-shadow:#eee 2px 2px 2px;}
.jx-pic img{height:125px;object-fit: cover;}
.jx-pic p{ height:25px; line-height:25px; font-size:12px;}
.jx-pic p a:hover{ color:#f60;}
.jx-txt{ width:235px; position:absolute; top:0; right:0;}
.jx-txt h1{ height:35px; line-height:35px;overflow:hidden; font-weight:normal;}
.jx-txt h1 a{ color:#666;}
.jx-txt h1 a:hover{color:#fff; background:#2483b3;}
.jx-txt p{ height:24px; line-height:24px; font-size:12px;overflow:hidden;}

.search-jx{ width:200px; height:35px; line-height:35px; background:#2483b3; color:#fff; text-indent:5px;}
.jx-search{ width:198px;height:38px;background:#fff; border:1px solid #2483b3;}
.sb-hy{ background:url(../images/icon.png) 0 -229px no-repeat; border:0 none; width:23px; height:19px; cursor:pointer; float:right; margin-top:10px; margin-right:5px; display:inline;}
.jx-input{ background:transparent; border:0 none; width:150px; height:19px; padding:8px; float:left; line-height:19px;}
.tjgg h1{ background:#2483b3; height:35px; line-height:35px; color:#fff; text-indent:10px;}
.tjgg ul{padding:5px; background:#f1f6f9}
.tjgg  ul li{ height:30px; line-height:30px; background:url(../images/dot-icon.jpg) no-repeat 0 12px; text-indent:10px; font-size:12px;}
.jx-ad{ width:200px;}

.jx-box-deatil{  position:relative; width:765px; padding:10px; border:1px solid #d3e6f2;}
.jx-pic2{width:300px; text-align:center;}
.jx-pic2 p{ height:25px; line-height:25px; font-size:12px;}
.jx-pic2 p a:hover{ color:#f60;}

.jx-txt2{ width:445px; position:absolute; top:0; left:320px;}
.jx-txt2 h1{ height:35px; line-height:35px;overflow:hidden; font-size:16px;}
.jx-txt2 h1 a{ color:#2483b3;}
.jx-txt2 h1 a:hover{color:#f60;}
.jx-txt2 p{line-height:24px; font-size:12px;overflow:hidden; padding-bottom:10px;}
.down{ width:120px; height:35px; line-height:35px; text-align:center;}
.down a{ display:block; background:#2483b3; color:#fff;}
.down a:hover{ background:#f60;}

.tzpic{ background:#d3e6f2; height:30px; line-height:30px; color:#2483b3; margin-top:110px; padding-left:5px;}
.jx-text img{ max-width:700px; overflow:hidden;}
.jx-text p{ padding:10px 0;}

/*------------------------------------------------------维修---------------------------------------*/
.wx-type li{ width:80px; float:left; text-align:center; background:#d3e6f2;height:35px; line-height:35px;margin-right:10px;-moz-border-radius: 15px;      /* Gecko browsers */-webkit-border-radius: 15px;   /* Webkit browsers */border-radius:15px;  } 
.wx-type li a{ color:#2483b3;}
.wx-type li.cur-wx{ background:#2483b3; color:#fff;}
.wx-type li.cur-wx a{ background:#2483b3; color:#fff;}
.wxdbox{ border-top:2px solid #2483b3; margin-top:10px;}
.wxd{ float:left; width:370px; padding:5px 20px 8px 0; display:inline; border-bottom:1px dashed #ddd; height:145px;}
.wxd h1{ line-height:30px; font-size:15px; color:#262626;}
.wxd h1 a:hover{ background:#2483b3; color:#fff;}
.wxd p{ font-size:12px; line-height:25px;}

.wx-txt{ border:1px solid #d3e6f2; padding:10px;}
.wx-txt h1{ color:#262626; font-size:24px; height:45px; line-height:45px;}
.wx-txt p{line-height:25px;}

.product-search{ height:35px; line-height:35px; width:1000px; margin-top:25px;}
.product-search span{ width:300px; color:#2483b3; font-size:15px;}


/*----------------------------------------------------黄页------------------------------------------------------*/
.subtype-box{ border:1px solid #d3e6f2; padding-bottom:2px;}
.subtype-box ul li{ background:#d3e6f2; position:relative; width:1000px; margin-bottom:1px; height:30px; line-height:30px;}
.subtype-box ul li span a{ color:#2483b3;}
.subtype-box ul li span{ width:120px; display:inline-block; text-align:center;}
.subtype-list{ position:absolute; top:0; left:120px; background:#fff;text-align:left; width:879px; height:30px; border-bottom:1px dashed #ccc;}
.subtype-list a{display:inline-block;font-size:12px; padding:0 10px;}
.subtype-box ul li span.pro-on{ background-color:#2483b3;}
.subtype-box ul li span.pro-on a{color:#fff;}
.subtype-list a.pro-on{color:#fff;background-color:#2483b3;}
.hy-title{ font-size:20px; color:#2483b3; position:relative; height:35px; line-height:35px;}
.hy-title span{ font-size:14px; position:absolute; top:0; right:0; font-weight:normal;}

.hycon-left{width:675px; padding-right:20px; border-right:1px solid #d3e6f2;}
.hycon-right{ width:304px;display:inline;}
.hy-xx{ margin-top:20px;}
.hy-xx li{ height:35px; line-height:35ppx;}
.hycon-left p{ line-height:30px; padding-top:10px; text-indent:2em; overflow:hidden;}
.hycon-left img{ width:600px;}

.selected{ background:#2483b3; padding:0 10px; height:35px; line-height:35px; color:#fff;}
.selected-item{ float:left;}
.selected-item a{background-color:#fff;color: #333; float: left; height: 16px; line-height: 16px; margin:6px 10px 3px 0;padding: 1px 20px 3px 5px; position: relative; border:1px solid #d3e6f2;}
.selected-item i{ height:16px;position:absolute; right:1px;top:1px;width:16px; background:url(../images/close.png) no-repeat; margin-top:1px;}
a.redo:link,a.redo:visited{ color:#fff;}
a.redo:hover{ background:#fff; color:#2483b3;}

