@charset "utf-8";
.topWrapper,
.tech .techWrapper,.recommendedProduct .productWrapper {margin-top: 18px;}
.page2 .topLeftArea {float: left;width: 950px;}.topicArea {padding-top: 30px;}
.topWrapper {padding: 30px 0 0 0;}
.topWrapper #unfitSelfMessageBox {margin-left: 290px;}


.topMainArea {width: 660px;margin-left: 290px;}
.topMainArea .visual {width: 660px;height: 190px;margin-bottom: 30px;overflow: hidden;}
.topMainArea .visual a {display: block;width: 660px;height: 190px;background-position: left top;background-repeat: no-repeat;text-indent: -9999px;}

.topMainArea .makerBox {padding-top: 10px;width: 660px;}
.topMainArea .makerBox div.makerBox__about {float: left;width: 208px;}
.topMainArea .makerBox div.makerBox__about h3 {width: 208px;height: 25px;background-color: #999;border-radius: 2px 2px 0px 0px;}
.topMainArea .makerBox div.makerBox__about h3 span {display: block;width: 111px;height: 25px;text-indent: -9999px;}
.topMainArea .makerBox div.makerBox__about .ctswrap {width: 208px;background-color: #f2f2f2;border-radius: 0px 0px 2px 2px;padding: 5px 0px 2px 0px;}
.topMainArea .makerBox div.makerBox__about .ctswrap ul li {padding: 0px 5px 3px 20px;}
.topMainArea .makerBox div.makerBox__about .ctswrap ul li a {color: #004bb1;}
.topMainArea .makerBox div.makerBox__list {float: right;width: 442px;}
.topMainArea .makerBox div.makerBox__list ul {border-top: solid 1px #bfbfbf;border-left: solid 1px #bfbfbf;}
.topMainArea .makerBox div.makerBox__list ul li {float: left;border-right: solid 1px #bfbfbf;border-bottom: solid 1px #bfbfbf;width: 109px;}
.topMainArea .makerBox div.makerBox__list ul li a {display: block;width: 109px;height: 48px;background-position: left top;background-repeat: no-repeat;text-indent: -9999px;}
.topMainArea .makerBox div.makerBox__list ul li a span {display: block;width: 109px;height: 48px;}
.topMainArea .makerBox div.makerBox__list ul li.thk a span {background-position: 0px 0px;}
.topMainArea .makerBox div.makerBox__list ul li.tak a span {background-position: 0px -48px;}
.topMainArea .makerBox div.makerBox__list ul li.ima a span {background-position: 0px -96px;}
.topMainArea .makerBox div.makerBox__list ul li.jae a span {background-position: 0px -144px;}
.topMainArea .makerBox div.makerBox__list ul li.pis a span {background-position: 0px -192px;}
.topMainArea .makerBox div.makerBox__list ul li.tok a span {background-position: 0px -240px;}
.topMainArea .makerBox div.makerBox__list ul li.cmd a span {background-position: 0px -288px;}
.topMainArea .makerBox div.makerBox__list ul li.hrs a span {background-position: 0px -336px;}
.topMainArea .makerBox div.makerBox__list p.link {text-align: right;padding-top: 6px;}
.topMainArea .makerBox div.makerBox__list p.link a {padding: 0px 0px 0px 10px;}

.page2 .topicArea .announceArea,
.page2 .topicArea .newsArea {float: left;width: 465px;}
.page2 .topicArea .announceArea h3,
.page2 .topicArea .newsArea h3 {margin-bottom: 12px;padding-bottom: 5px;border-bottom: 1px solid #c8c8c8;}
.page2 .topicArea .announceArea {margin-right: 20px;}
.page2 .topicArea .announceArea h3 span.h3Ttl,
.page2 .topicArea .newsArea h3 span.h3Ttl {float: left;width: 49%;color: #787878;font-size: 12px;font-weight: bold;text-align: left;}
.page2 .topicArea .announceArea h3 span,
.page2 .topicArea .newsArea h3 span {float: right;width: 49%;margin-top: 3px;text-align: right;font-weight: normal;font-size: 12px;}
.page2 .topicArea .announceArea h3 span a,
.page2 .topicArea .newsArea h3 span a {margin-top: 3px;padding-left: 7px;background: url(../img/b06.png) no-repeat 0 3px;}
.page2 .topicArea .announceArea dl,.page2 .topicArea .newsArea dl {width: 465px;margin-bottom: 5px;}
.page2 .topicArea .announceArea dt,.page2 .topicArea .newsArea dt,
.page2 .topicArea .announceArea dd,.page2 .topicArea .newsArea dd {float: left;}
.page2 .topicArea .announceArea dt,.page2 .topicArea .newsArea dt {width: 75px;text-align: left;}
.page2 .topicArea .announceArea dd,.page2 .topicArea .newsArea dd {width: 390px;}
.page2 .topicArea .announceArea dd p,.page2 .topicArea .newsArea dd p {margin: 0;}

.topWrapper {padding-top: 20px;}
.topMainArea {width: 980px;margin: 0 0 30px 220px;}
.topMainArea:before,.topMainArea:after {content: " ";display: table;}
.topMainArea:after {clear: both;}
.topMainArea {*zoom: 1;}
.topMainArea .visual a {text-indent: 0;}

.topMainArea .topVisual {width: 650px;margin: 0 20px 0 0;float: left;}

.banner_big{ float:left; width:650px; height:370px; display:inline;position:relative; overflow:hidden;}
.banner_big ul li{overflow:hidden;}
.banner-btn{display:none;}
.banner-btn a{display:block;line-height:40px;position:absolute;top:140px;width:28px;height:40px;background-color:#000;opacity:0.2;filter:alpha(opacity=30);color:rgb(255, 255, 255);overflow:hidden;z-index:4;}
.prevBtn{left:5px;}
.nextBtn{right:5px;}
.banner-img{height:425px;font-size:0;*word-spacing:-1px;/* IE6、7 */ letter-spacing:-3px;position:relative;}
.banner-img li{width:650px;height:370px;float:left;list-style:none;margin:0;padding:0; display:inline-block;*display:inline;*zoom:1;/* IE6、7 */ vertical-align:top;letter-spacing:normal;word-spacing:normal;font-size:12px;}
.banner-img li img{width:650px;height:370px;}
.banner_big i{background:url(/img/sys.png) no-repeat;width:28px;height:24px;margin:8px 0; cursor:pointer;display:block;}
.banner_big .nextBtn i{background-position:-10px -24px;}
.banner_big .prevBtn i{background-position:-10px 0px;}
.banner-circle{ position:absolute;left:50%;bottom:15px;height:13px;text-align:center;font-size:0;}
.banner-circle li{float:left;margin:2px 4px;display:inline-block;display:-moz-inline-stack;vertical-align:middle;zoom:1;}
.banner-circle li a{display:block;padding-top:9px;width:20px;height:0;background:#B7B7B7;overflow:hidden;}
.banner-circle .selected a{background:#F40;}



.topMainArea .topVisual .topVisual__list {border: 1px solid #E6E6E6;font-size: 12px;font-weight: bold;overflow: hidden;}
.page2 .topLeftArea {width: 1200px;}
.page2 .topMainArea .topVisual .topVisual__list h5 {width: 648px;height:30px;background-color:#E6E6E6;line-height:30px;font-family:'Microsoft YaHei';font-size:14px;padding-left:10px;}
.page2 .topMainArea .topVisual .topVisual__list ul {display: table;width: 648px;table-layout: fixed;}
.topMainArea .topVisual .topVisual__list li {float:left;}
.topMainArea .topVisual .topVisual__list li a {display: table-cell;color: #004bb1;text-align: center;vertical-align: middle;}
.topMainArea .topVisual .topVisual__list li a img{width:152px;height:120px;margin:0 5px;}


.topMainArea__navigation {float: left;width: 300px;background: #e6e6e6;padding: 10px 0 4px 10px;}
.topMainArea__navigation > li {float: left;margin: 0 10px 7px 0;font-size: 12px;}
.topMainArea__navigation > li.largeBtn {width: 290px;height:64px;}
.topMainArea__navigation > li.smallBtn {width: 140px;height:64px;}
.page2 .topMaker {margin-bottom: 20px;}
.topMaker__title {background: #CCE1F4 url(../img/b03.png) no-repeat scroll 8px 8px;height: 29px;margin-bottom: 16px;text-indent: 100%;white-space: nowrap;overflow: hidden;}
.topMaker__list {border-top: 1px solid #dddddd;border-left: 1px solid #dddddd;}
.topMaker__rows > li {display: table-cell;text-align: center;vertical-align: middle;border-right: 1px solid #dddddd;border-bottom: 1px solid #dddddd;width: 199px;height: 60px;}
.topMaker__rows > li:first-child {width: 198px;}
.topMaker__rows > li > a {vertical-align: middle;}
.topMaker__rows > li > a > img {width: 173px;height: 40px;}
.topSubCate_tit {width:1200px;float:left;font-size: 14px;margin-bottom: 20px;background-color:#E6E6E6;line-height:38px;}
.topSubCate_tit a {width:199px; text-align:center; display: inline-block;color: #333;border-right: 1px solid #CCC;height: 38px;line-height: 38px;float: left;}
.topSubCate_tit a:hover {background-color:#FF730A; text-decoration:none;color:#FFF;}
.topSubCate_tit a.cur {background-color:#016ac6;color:#FFF;}

.topSubCate_cmd {margin-bottom: 20px;}
.topSubCate_cmd:before,
.topSubCate_cmd:after {content: " ";display: table;}
.topSubCate_cmd:after {clear: both;}
.topSubCate_cmd {*zoom: 1;}
.topSubCate_cmd__tit {float: left;margin-right: 20px;font-weight: bold;}
.topSubCate_cmd__list {float: left;}
.topSubCate_cmd__list:before,
.topSubCate_cmd__list:after {content: " ";display: table;}
.topSubCate_cmd__list:after {clear: both;}
.topSubCate_cmd__list {*zoom: 1;}
.topSubCate_cmd__list > li {font-size: 12px;float: left;}
.topSubCate_cmd__list > li > a {padding: 0 0 0 10px;margin-right: 20px;color:#0169C6;}

.childCategory {border-top: 1px solid #dddddd;border-left: 1px solid #dddddd;margin-bottom: 20px;}
.childCategory:before,
.childCategory:after {content: " ";display: table;}
.childCategory:after {clear: both;}
.childCategory {*zoom: 1;}

.topSubCate--floor5 .childCategory,
.topSubCate--floor6 .childCategory {margin-bottom: 60px;}
.specialContents {width: 199px;float: left;}
.special__banner {border-right: 1px solid #dddddd;border-bottom: 1px solid #dddddd;}
.special__banner > a > img {width: 198px;height: 358px;}
.special__banner li{
                            border-bottom: 1px dashed #E6E6E6;
                            line-height:25px;
                            display:block;
                            word-break:keep-all;/* 不换行 */
                            white-space:nowrap;/* 不换行 */
                            overflow:hidden;
                            padding-left:5px;
                            padding-right:5px;
                            width:180px;
                        }


.special__menu {background:#016ac6;height: 30px;border-right: 1px solid #dddddd;border-bottom: 1px solid #dddddd;}
.special__menu > a {display: block;padding: 5px 0 0 10px;color:#FFF;}

.child_list {float: left;width: 1000px;}
.child_list:before,
.child_list:after {content: " ";display: table;}
.child_list:after {clear: both;}
.child_list {*zoom: 1;}
.child_list > li {float: left;width: 199px;height: 199px;border-right: 1px solid #dddddd;border-bottom: 1px solid #dddddd;}
.child_list > li:before,
.child_list > li:after {content: " ";display: table;}
.child_list > li:after {clear: both;}
.child_list > li {*zoom: 1;}


.c_photo,.c_detail,.c_logo {margin-bottom: 5px;display: block;text-align: center;}
.c_photo {margin: 10px 0;vertical-align: middle;}
.c_photo > a > img {/*width: 105px;*/height: 105px;}
.c_link {display: block;}
.c_link > a {padding: 0 0 0 10px;font-weight: bold;}
.c_text {display: block;font-size: 12px;}
.c_logo > a > img {max-width: 100px;height: 20px;}


/*.childCategory__brand {margin-bottom: 60px;font-size: 0;}
.childCategory__brand:before,
.childCategory__brand:after {content: " ";display: table;}
.childCategory__brand:after {clear: both;}
.childCategory__brand {*zoom: 1;}
.childCategory__brand > li {display: table-cell;vertical-align: middle;text-align: center;width: 200px;height: 62px;}
.childCategory__brand > li > a > img {width: 173px;height: 40px;}*/

.topTopicArea__list {padding:5px 0;}
.topTopicArea .announceArea,
.topTopicArea .newsArea {width: 593px;border: 1px solid #dddddd;border-radius: 2px;float: left;}
.topTopicArea .announceArea > h3,
.topTopicArea .newsArea > h3 {position: relative;background: #E6E6E6;}
.topTopicArea .announceArea > h3 span.h3Ttl,
.topTopicArea .newsArea > h3 span.h3Ttl {color: #333;font-size: 14px;font-weight: bold;padding: 8px 10px;float:left;}
.topTopicArea .announceArea > h3 > span > a,
.topTopicArea .newsArea > h3 > span > a {color:#666;float:right;line-height:38px;padding:0 10px 0 0;font-weight:normal;}
.topTopicArea .announceArea > .topTopicArea__list dl,
.topTopicArea .newsArea > .topTopicArea__list dl {margin: 0 10px 5px;padding-top: 5px;}
.topTopicArea .announceArea > .topTopicArea__list dl dt,
.topTopicArea .newsArea > .topTopicArea__list dl dt {width: 80px;display: inline-block;vertical-align: top;}
.topTopicArea .announceArea > .topTopicArea__list dl dd,
.topTopicArea .newsArea > .topTopicArea__list dl dd {width: 465px;display: inline-block;vertical-align: top;padding: 0 0 0 10px;}
.topTopicArea .announceArea {margin-right: 10px;}


/* ----- topRecommendArea ----- */
.topRecommendArea .titleBlock {padding-top: 60px;}
.topRecommendArea .titleBlock:first-child {padding-top: 0px;}
.topPage .topWrapper #unfitSelfMessageBox {margin-left: 220px;}