@charset "utf-8";
/* CSS Document */

body{ font-size:12px; font-family:Arial, Helvetica, sans-serif; background:#f5f4fb; margin:0 auto;}
a{ color:#333; text-decoration:none}
a:hover{ color:red;}
.MW{ width:960px; margin:0 auto; overflow-x:hidden;}
.disn{ display:none}
ul{ margin:0;}
img{ border:0;}
.clear{ clear:both; font-size:1px; line-height:1px; height:1px;}
form{ padding:0; margin:0;}
.fw{ font-weight:bold;}
.c1{ color:red!important;}
.tac{ text-align:center}

#head{}
#head .top{ height:63px; background:url(../inc/top-bg.gif) repeat-x top;}
#head .top .logo{ position:absolute; margin-left:50px; margin-top:14px;}
#head .top .right{ float:right; text-align:right; padding:40px 12px 0 0;}
#head .top .right .en{ display:inline-block; margin-left:10px; color:#b5b5ed; text-decoration:none;}
#head .top .right .en:hover{ color:#FF6600;}
#head .menu{ height:23px; background:#333399 url(../inc/menu-bg.gif) no-repeat left top; border-bottom:1px solid #fff;}
#head .menu a{ display:inline-block; height:23px; line-height:23px; margin-left:7px; margin-right:7px; padding-left:5px; padding-right:5px; font-size:12px; font-weight:bold; color:#f2f2ff; text-decoration:none;}
#head .menu a:hover{ color:#fff;}
#head .menu .left{ margin-left:32px; color:#e6fbff; background:url(../inc/ico-002.gif) no-repeat left 2px; padding-left:15px;}
#head .menu-bottom{ height:12px; overflow:hidden; background:url(../inc/menu-bottom-bg.gif) repeat-x top;}

.menu-sub{ position:absolute; z-index:1000; width:160px; border:1px solid #fff; border-top:0; border-bottom:1px solid #fff; padding-bottom:5px; background:url(../inc/menu-sub-bg.gif) repeat-x bottom #333399;}
.menu-sub a{ display:block; height:27px; line-height:27px; padding-left:10px; padding-right:10px; font-size:14px; font-weight:bold; color:#adadd6; border-bottom:1px solid #5c5cad;}
.menu-sub a:hover{ color:#33ffff; background:#245299; border-bottom:1px solid #33ffff; border-left__:5px solid #33ffff;}

#footer{ height:38px; background:#edeef6; border-top:1px solid #e2e6ee; text-align:center; margin-top:20px;}
#footer .text{ padding-top:10px; color:#a8b1c0;}
#footer .text a{ color:#9999cc;#84abcc;}
#footer .text a:hover{ color:#FF6600;}

.modules-creating{ height:80px; line-height:80px; text-align:center; font-size:14px; color:#333399;}
.pageDiv { text-align:right; padding:5px 10px 5px 0; border-top:1px solid #b7d8ee; background:#f3faff;}

.pageDiv .msdn{ width:100%; padding:5px 0 5px 0; background__:#fff; FONT-SIZE: 13px; COLOR: #313031; FONT-FAMILY: Verdana,Tahoma,Arial,Helvetica,Sans-Serif;}
.pageDiv .msdn a{ padding:3px 5px 2px 5px; border:1px solid #b7d8ee; margin:5px 2px auto; color:#0030ce; text-decoration:none; display:inline-block;}
.pageDiv .msdn a:hover{ border:#b7d8ee 1px solid; background:#d2eaf6;}
.pageDiv .msdn .pagination A:active{ border:#b7d8ee 1px solid; background:#d2eaf6; color:#0066a7;}
.pageDiv .msdn span.current{ padding:3px 5px 2px 5px; border:1px solid #b7d8ee; background:#d2eaf6; margin:0 2px; color:#444; font-weight:bold; display:inline-block;}
.pageDiv .msdn span.disabled{ border:#f3f3f3 1px solid; padding:3px 5px 2px 5px; color:#ccc; margin-right:2px; display:inline-block;}

.sys-table-xi{ background:#CCC;}
.sys-table-xi td{ background:#fff;}
.sys-table-xi td.title{ background:#f2f2f2; color:#444; font-size:12px;}

.sys-table-xi2{ background:#222;}
.sys-table-xi2 td{ background:#fff; line-height:1.3;}
.sys-table-xi2 td.title{ background:#F90; color:#222; font-weight:bold; font-size:12px; text-align:center;}
.sys-table-xi2 td.sortName{ background:#f2f2f2;}

.ibox-01{ width:185px; overflow-x:hidden;}
.ibox-01-top{ height:31px; background:url(../ibox/box-01-top.gif) no-repeat; border-bottom:4px solid #bdbbe6;}
.ibox-01-top h2{ padding:0; margin:8px auto auto 36px; position:absolute; color:#ededff; font-size:14px;}
.ibox-01-main{ background:#fbfbfd; border:1px solid #deddf1; border-bottom:0; border-bottom:0;}
.ibox-01-bottom{ height:8px; font-size:1px; line-height:1px; background:url(../ibox/box-01-bottom.gif) no-repeat}



.box-101{ width:960px; height:500px; background:#ecebf6;}
.box-101-left{ width:197px;}
.box-101-left-div{ width:185px; overflow-x:hidden;}
.box-101-right{ width:778px; border:3px solid #becde4; background:#fff;}
.box-101-right-div{ width:100%; overflow-x:hidden;}

.box-501{ display:block; height:23px; background:#ebeff7;  clear:both;text-decoration:none; margin:7px 7px 0 7px;}
.box-501 *{ color:#0c04a4; cursor:pointer;}
.box-501 .title{ display:block; font-size:14px; font-weight:bold; position:absolute; padding:2px 0 0 8px;}
.box-501 .state-open{ display:block; padding:3px 12px 0 0; float:right;}
.box-501 .state-close{ display:none;}
.box-501.close .state-open{ display:none;}
.box-501.close .state-close{ display:block; padding:3px 12px 0 0; float:right;}

.box-502{ border:12px solid #fff; overflow-x:hidden; overflow-y:visible;}

.box-content-text{ font-size:14px; line-height:2; word-spacing:0;}
.box-content-text ul{ padding-left:38px;}
.box-content-text ul li{ line-height:1.6;}

.pro-show-left{ width:230px; float:left; overflow-x:hidden;}
.pro-show-left a.photo{ display:block; width:222px; height:222px; border:1px solid #e2e6ed; overflow:hidden;}
.pro-show-left a.photo .zoom{ position:absolute; margin-left:200px; margin-top:200px; cursor:pointer;}
.pro-show-left a.photo:hover{ border:1px solid #ffcccc;}
.pro-show-left .collect{ height:20px; padding:8px; text-align:center;}
.pro-show-left .collect a{ font-weight:bold; text-decoration:none; color:#009900;}
.pro-show-right{ width:480px; float:right; overflow-x:hidden;}
.pro-show-right .parameters .row{ height:35px; border-top:1px solid #e8ebf0;}
.pro-show-right .parameters .left{ display:block; width:130px; color:#6d798f; font-size:14px; position:absolute; padding:10px 0 0 12px;}
.pro-show-right .parameters .right{ display:block; width:340px; color:#6699cc; font-size:14px; float:right; padding:10px 0 0 0;}
.pro-show-right .parameters .right .price{ font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; font-weight:bold; color:red;}
.pro-show-right .button{ height:70px!important; padding-top:10px;}
.pro-show-right .buy{ display:inline-block; width:109px; height:27px; overflow:hidden; background:url(../button-buy.gif) left bottom; margin-right:8px;}
.pro-show-right .buy span{ display:inline-block; width:107px; height:25px; background:url(../button-buy.gif) left top;}
.pro-show-right .buy:hover span{ background:none; cursor:pointer;}

.pro-list-row{ height:160px;}
.pro-list-row .pro-photo{float:left;}
.pro-list-row .pro-photo td{ width:200px; height:150px; border:1px solid #e2e6ed; text-align:center;}
.pro-list-row .parameters{ width:480px; float:right; overflow-x:hidden;}
.pro-list-row .parameters .row{ height:35px; border-top:1px solid #e8ebf0;}
.pro-list-row .parameters .left{ display:block; width:1px solid30px; color:#6d798f; font-size:14px; position:absolute; padding:10px 0 0 12px;}
.pro-list-row .parameters .right{ display:block; width:400px; color:#6699cc; font-size:14px; float:right; padding:10px 0 0 0;}
.pro-list-row .parameters .right .price{ font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; font-weight:bold; color:red;}
.pro-list-row .parameters .button{ height:50px;}
.pro-list-row .parameters .button a{ display:inline-block; border:2px solid #00adcc;}
.pro-list-row .parameters .button a:hover{ border:2px solid #00cc00;}

.box-100{ height:40px; background:#ecebf6;}
.position { background: url(../inc/bg_position.gif) no-repeat scroll 0 0; height:28px; line-height:28px; padding-left:90px; position:absolute; margin-top:5px;}
.position a{ background:transparent url(../inc/bg_position.gif) no-repeat scroll right -40px; color:#6b6bdb; font-weight:bold; padding-right:16px; text-decoration:none;}
.position a:hover{ text-decoration:underline;}

.box-106{ display:block; width:400px; padding:0; margin:0; float:right; text-align:right; padding:8px 12px 0 0; color:#6b6bdb;}
.box-106 .q{ width:100px; height:18px; line-height:18px; color:#b5b0e5; background:#f2f1f9; border:1px solid #a3a2e7;}
.box-106 select{ background:#f2f1f9; height:18px; color:#b5b0e5; border:1px solid #a3a2e7;}
.box-106 .button{ width:49px; height:22px; background:url(../button-search.gif); border:0; color:#e8e6ff; cursor:pointer; font-size:12px;}

.box-601{ padding-top:15px; border-top:1px solid #cfd8e1; background__:url(../index/bottom-bg.gif) repeat-x top;}
.box-601 ul{ padding:0; margin:0; width:320px; overflow-x:hidden; float:left;}
.box-601 ul h2{ padding:0; margin:0; margin-bottom:8px; font-size:12px; color:#9999cc;}
.box-601 ul h2 a{ font-size:12px; color:#9999cc;}
.box-601 ul li{ height:18px; padding-top:3px; padding-left:10px; color:#6666cc; background:url(../inc/ico-001.gif) no-repeat left 8px;}
.box-601 ul li a{ color:#6666cc; text-decoration:none;}
.box-601 ul li a:hover{ color:#FF6600; text-decoration:underline;}

.box-left-menu{ padding:0; margin:0;}
.box-left-menu li{ padding:0 10px 0 10px;}
.box-left-menu li a{ display:block; height:30px; line-height:30px; padding-left:5px; border-bottom:1px dashed #c7c5ea; color:#333366; font-size:14px; text-decoration:none;}
.box-left-menu li a:hover{ background:#f3f3fb; color:#0066CC; font-weight:bold;}
.box-left-menu li a span{ font-weight:bold;}
.box-left-menu li.this a span{ color:red;}
.box-left-menu li.this a{ font-weight:bold;}

.box-306{ text-align:center;}
.box-306 .item{ border-bottom:1px solid #dddcf1; margin-top:10px;}
.box-306 .item .photo{ display:inline-block; border:3px solid #fff;}
.box-306 .item .photo:hover{ border:3px solid #ffe2e2;}
.box-306 .item .text{ margin-bottom:10px; padding-top:5px;}
.box-306 .item .text a{ color:#6b6bdb;}
.box-306 .more{ height:25px; padding-top:8px; padding-right:12px; text-align:right;}
.box-306 .more a{ color:#C00;}

.box-307 a.item{ display:block; width:100%; height:60px; border-bottom:1px solid #dddcf1; border-top:1px solid #fff; overflow:hidden; text-align:left;}
.box-307 a.item:hover{ border-bottom:1px solid #9999ff; border-top:1px solid #9999ff;}
.box-307 a.item span{ display:none;}
.box-307 a.item:hover span{ position:absolute; width:180px; text-align:right; margin-top:60px;}
.box-307 .more{ height:25px; padding-top:8px; padding-right:12px; text-align:right;}
.box-307 .more a{ color:#C00;}

/*-------*/
.index--banner .button{ position:absolute; margin:130px auto auto 160px;}

.index--row2{ height:172px; padding-top:12px; background:#ecebf6;}
.difly_slide{ width:334px; height:157px; overflow:hidden;}
.difly_slide .slide-page{ position:absolute; text-align:right;}
.difly_slide .slide-page span{display:inline-block; padding:2px 4px 1px 4px; border:1px solid #fff; margin-right:5px; cursor:pointer;}
.difly_slide .slide-page .current{ background:#c00; color:#fff; font-weight:bold;}

.index-box1{ width:283px; height:157px; border:1px solid #cfd8e1; background:url(../index/box1-bg.jpg) no-repeat left top; overflow:hidden; float:left;}
.index-box1 #oTransContainer{ width:181px; height:85px; margin-top:66px; margin-left:96px; overflow:hidden; border:3px solid #fff; border-bottom:0; border-right:0;}
.index-box1 #oTransContainer img{ width:181px; height:85px;}

.index-box2{ width:334px; height:157px; border:1px solid #cfd8e1; background:#fff; overflow:hidden; float:left; margin-left:12px;}
.index-box3{ width:315px; height:157px; border:1px solid #cfd8e1; background:#fff; overflow:hidden; float:right;}
.index-box3 .info{ width:130px; height:151px; background:url(../index/img-001.gif) no-repeat top #ffd330; overflow:hidden; position:absolute; margin:3px auto auto 3px;}
.index-box3 .info .title{ font-size:14px; color:#3e496b; font-weight:bold; padding:50px 0 0 10px;}
.index-box3 .info .text{ font-size:9px; color:#373737; padding:20px 0 0 10px;}
.index-box3 .info .text a{ font-size:10px!important; color:#c00; text-decoration:underline;}
.index-box3 .info .text a:hover{ color:#111; text-decoration:none;}
.index-box3 .movie{ height:151px; overflow:hidden; float:right; padding:3px 3px 0 0;}

/*-------*/
.news-category{ border-bottom:0;}
.news-category ul{ display:block; padding:0; margin:0; list-style:none; height:43px; border-top:1px solid #ccccff; overflow:hidden;}
.news-category ul:hover{ background:#f4f3fc;}
.news-category ul li{ padding-top:15px;}
.news-category ul li.title{ width:560px; float:left; padding-left:10px;}
.news-category ul li.title a{ font-size:14px; color:#333399;}
.news-category ul li.title a:hover{ color:#f00; text-decoration:underline;}
.news-category ul li.time{ width:95px; color:#9999cc; float:right;}

.news-list{ border-bottom:0;}
.news-list ul{ display:block; padding:0; margin:0; list-style:none; height:43px; border-top:1px solid #ccccff; overflow:hidden;}
.news-list ul:hover{ background:#f4f3fc;}
.news-list ul li{ padding-top:15px;}
.news-list ul li.id{ width:75px; font-size:18px; color:#F60; float:left; padding-left:10px;}
.news-list ul li.id span{ display:block; padding:0 0 0 20px; background:url(../news/icon2_123.png) no-repeat left center;}
.news-list ul li.title{ width:510px; float:left;}
.news-list ul li.title a{ font-size:14px; color:#333399;}
.news-list ul li.title a:hover{ color:#f00; text-decoration:underline;}
.news-list ul li.time{ width:95px; color:#9999cc; float:right;}


.news__showRight .info{ height:30px; color:#9999cc; border-bottom:1px solid #e2e2ff; text-align:right;}
.news__showRight .info a{ padding:3px 5px 2px 5px; border:1px solid #b7d8ee; margin:auto 2px auto; color:#0030ce; text-decoration:none; display:inline-block;}
.news__showRight .info a:hover{ border:#b7d8ee 1px solid; background:#d2eaf6;}
.news__showRight ul.list{ padding:0; margin:0;}
.news__showRight ul.list li{ height:22px; padding-left:15px; list-style:none;}
.news__showRight ul.list li a:hover{ text-decoration:underline;}
.news__showRight ul.list li .time{ color:#9999cc;}

.certification__list .listRow .row{ width:350px; height:410px; float:left; overflow:hidden; text-align:center;}
.certification__list .listRow .row table td{ width:100%; height:370px;}