/* CSS design by karatchen@126.com*/
*{margin:0px; padding:0px;font-family: Arial,"宋体", Helvetica, sans-serif;clolr:#454545; word-break: break-all;font-size:12px;}
ul{list-style:none;}
body{margin:0;background:#ffffff;text-align:center; color:#454545;}
h1{	font-size:26px; font-weight: bolder; color:#000;font-family: "宋体";line-height: normal;font-style: normal;}
h2{	font-size:14px; font-weight: bolder; color:#454545;font-family: "宋体";line-height: normal;font-style: normal;}
.bigfont{font-size:16px; font-weight: bolder; color:#000;font-family: "宋体";line-height: normal;font-style: normal;}
h3{font-size:12px; font-weight:normal; color:#686868;}
a{color:#454545; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:hover{color:#2661ce;}
a:focus { -moz-outline-style:none;}

/*font color*/
.blue{color:#1d3f99; text-decoration:underline;}
.blue2{color:#134ea8;}
.orange{color:#e87d1d;}
.white{color:#fff;}
.blue3{color:#1386c1;}
.glay{color:#666;}
.glay2{color:#ccc;}
.black{color:#000;}
.orange2{color:#fd9501;}
.red{padding-left:15px;color:#d60c0c;}
.yellow{color:yellow;}
.purple{color:#9b5bb5;}
.green{color:#31c347;}
/***Line Height***/
.LH24{line-height:24px;}
.LH23{line-height:23px;}
.LH20{line-height:20px;}
.LH26{line-height:26px;}
/**border**/
.border1{border:solid 1px #ccc;}
.borderT1{border-top:solid 1px #ccc;}
.borderB1{border-bottom:solid 1px #ccc;}
.border3{border: dashed 2px red; background:#fbeda0;}
.border2s{border: dashed 1px #fd7714; padding:5px; margin:3px; background:#fef8b8;}

/***padding**/
.paddingT8{padding-top:10px;}
.paddingT3{padding-top:3px;}
.padding3{padding:3px;}
.padding5{padding:5px;}
.paddingL10{margin-left:10px;}
.padding10{padding:10px;}
.bottom10{ margin-bottom:10px;}
.martinR10{margin-right:10px;}
.marginL10{margin-left:10px;}
.marginL15{margin-left:15px;}
.marginT10{margin-top:10px;}

/***title****/
.title1{ background:#dddddd; border-top:solid 1px #fff; padding:3px 5px;}
/***float***/
.floatL{ float:left;}
.floatR{ float:right;}
.clear{ clear:both;}
.textalignleft{text-align:left;}

/***header***/
.header{height:116px;}
.header .logo{ padding:20px; width:170px; height:31px;}
.header .menu{background:url(../image/division_10.gif) left top repeat-x; height:41px;padding:0;}
.header .menu_left{ background:url(../image/division_07.gif) left top no-repeat; padding-left:13px; height:41px;}
.header .menu_right{ background:url(../image/division_12.gif) right top no-repeat;padding-right:16px; height:41px;}
.header .nar{padding-top:10px; color:#FFF;}
.header .nar li{ padding-right:13px;padding-left:15px; background:url(../image/division_15.gif) right center no-repeat; float:left;}
.header .nar a{color:#fff; }
.header .nar a:hover{ color:#FFFF00;}

/***main*****/
.maindiv{ width:890px;margin:0 auto;text-align:left;}
.banner{margin-bottom:10px;}
/****layout*****/
.middiv{ clear:both;}
.leftdiv{width:591px; margin-right:14px; float:left}
.rightdiv{width:285px; float:right;}
.bottom{width:870px; float:left; margin:10px 0 0 0; padding:25px 10px; background:url(../image/bottombj.jpg) repeat-x;font-family:"tahoma","??ì?"; line-height:25px;color:#909090;}
.bottom a{color:#909090;} 

.proleft{width:232px; margin-right:12px; float:left}
.proright{width:646px; float:right;}

.regleft{width:646px; margin-right:12px; float:left}
.regright{width:232px; float:right;}

/***Tab List****/
.tab{margin-bottom:10px;}
.tab .tabmenubg{background:url(../image/tab_42.gif) left bottom #fff repeat-x; height:35px;}
.tab .tabmenu{marign:0;padding:0;list-style:none;}
.tab .tabmenu li{display:inline;margin:0;}
.tab .tabmenu li a:hover{color:#116306;}
.tab .tabmenu li .onselect{float:left;padding-left:44px;background:url(../image/tab_38.gif) left top no-repeat;height:35px;margin-right:2px;}
.tab .tabmenu li .onselect span{float:left;padding-right:44px;padding-top:10px;height:25px;background:url(../image/tab_41.gif) right top no-repeat; font-size:14px; font-weight:bold; color:#fff;}
.tab .tabmenu li .unselect{float:left;padding-left:43px;background:url(../image/tab_44.gif) left top no-repeat;height:35px;margin-right:2px;}
.tab .tabmenu li .unselect span{float:left;padding-right:42px;padding-top:10px;height:25px;background:url(../image/tab_47.gif) right top no-repeat; font-size:14px; font-weight:bold; color:#333;}
.tab .tabcontect{padding:10px;}
.tab .tabcontect_left{width:350px; float:left;}
.tab .tabcontect_right{width:196px; float:right; background:url(../image/division_64.gif) left top repeat-x;}
.tab .tabcontect_left .title{ height:28px; background:url(../image/division_54.gif) left top no-repeat #dddede;padding-left:15px;}
.tab .tabcontect_left .title_R{ height:21px; background:url(../image/division_57.gif) right top no-repeat #dddede;padding-right:15px;padding-top:7px;}
.tab .tabcontect .table1{width:100%;margin-top:10px;}
.tab .tabcontect .table1 td{padding:3px 0;}
.tab .tabcontect .price {padding:8px 5px 5px 5px; background:url(../image/division_60.gif) left top no-repeat;}
.tab .tabcontect .table2{ margin:3px; width:97%;}
.tab .tabcontect .table2 td{ padding:3px;}

/**hot***/
.hot{ border:solid 1px #ccc;}
.hot .title{ background:url(../image/division_89.gif) left top repeat-x; height:23px; padding-top:5px; padding-left:5px; font-size:14px; font-weight:bold;}
.hot .talbelist{width:100%; margin-top:1px;}
.hot .talbelist td{ border-bottom:solid 1px #e7e7e7; padding:2px 3px;}
/****button  and input***/
.button1{ background:url(../image/division_69.gif) no-repeat; width:74px; height:28px; border:none; color:#fff; padding-top:3px; cursor: pointer}
.input{ background:url(../image/logonbj03.jpg) left top repeat-x; border:solid 1px #ccc; line-height:20px; height:20px;}
.width50px{width:50px; }
.button2{width:65px; background-color:#358ecb; height:30px; border:1px solid #358ecb;border-radius: 2px;; padding:2px; color:#fff; cursor: pointer;margin-right: 20px;}

/****login****/
.login{  height:180px; border:1px solid #C8CFE2; margin-bottom:10px;text-align:left;}
.login_title{  height:25px;  background:url(../image/logonbj01.jpg) repeat-x; padding:7px 0 0 13px;}
.login_title .title2text{ height:22px; width:60px; background:url(../image/logonbj02.jpg) repeat-x; padding:2px 8px 0 8px; border:1px solid #D3D6E7; border-bottom:0px; line-height:22px;}
.login table{width:100%; margin-top:8px;}



/***market***/
.market{border: solid 1px #ccc; margin-bottom:10px;text-align:left;}
.market .titlemarket{ background:url(../image/division_80.gif) left top repeat-x; height:18px; padding-top:8px; padding-left:10px; border-bottom: solid 1px #ccc;}
.market .titlemarket img{ float:right; margin-right:3px;padding-top:3px;}
.list{ margin:10px;}
.list li{ background:url(../image/list_ico_81.gif) left center no-repeat; border-bottom: dashed 1px #e7e7e7; padding:3px 3px 3px 10px; }
.list span{float:right; color:#CCCCCC;}

.newslist{list-style:none;margin:3px;}
.newslist li{background:url(../image/home_59.gif) left center no-repeat; border-bottom: dashed 1px #e7e7e7; padding:3px 3px 3px 10px;} 
.newslist span{float:right; color:#CCCCCC;}

/***products****/
.product{ margin-bottom:10px; text-align:left;}
.titlebg{ background:url(../image/products_03.gif) left bottom repeat-x #fff; height:31px; line-height:31px; padding-left:10px; text-align:left;}
.product .promenu{ margin:0; padding:0; text-align:left;}
.product .menuone{ background:url(../image/products_25.gif) left bottom repeat-x #fff; height:25px; line-height:25px; border-bottom: solid 1px #bfbdbd; padding-left:10px;}
.product .promenu .menutwo{ background: url(../image/menulisticon_26.gif) 15px 7px no-repeat #d9d8d8; padding-left:30px; height:23px; line-height:23px; border-bottom: solid 1px #bfbdbd;}
.product .promenu .menutwoover{ background: url(../image/menulisticon_26.gif) 15px 7px no-repeat #f2f2f2; padding-left:30px; height:23px; line-height:23px; border-bottom: solid 1px #bfbdbd;}

.productslist{margin:0; padding:0;}
.productslist li{ float:left; width:311px; height:127px; margin-bottom:10px; line-height:20px;}
.productslist .tablelay{ width:100%; background:url(../image/products_45.gif) left top repeat-x; height:127px;}
/***search***/
.search{ background:url(../image/products_07.gif) left bottom repeat-x #fff; height:42px; margin-bottom:10px;}
.search .search_bg_left{background:url(../image/products_05.gif) left bottom no-repeat; padding-left:10px; height:42px;}
.search .search_bg_right{background:url(../image/products_09.gif) right bottom no-repeat; padding-right:10px;height:42px;}
.search .search_input{border: solid 1px #fff; width:170px; height:20px; line-height:20px; }
.search .search_input_bg{ background:url(../image/products_12.gif) left top no-repeat; }

/***公用样式***/
.title{ height:28px; background:url(../image/division_54.gif) left top no-repeat #dddede;padding-left:15px;}
.title .title_R{ height:21px; background:url(../image/division_57.gif) right top no-repeat #dddede;padding-right:15px;padding-top:7px;}
.divbg{ background:url(../image/products_07.gif) left bottom repeat-x #fff; margin-bottom:10px; border-bottom:solid 1px #c8cfe2;padding:5px;}
.horizontallist{margin:0; padding:0;}
.horizontallist li{ float:left; margin-left:20px;}
.divbg2{ background:#f0f0f0; border:solid 1px #c8cfe2; padding:5px;}

/***Customer**/
.customer{ border:solid 1px #aaceed; background:#348bd4; width:538px; height:425px; text-align:left;}
.customer .customertop{ background:url(../image/customer_09.gif) left top repeat-x; height:67px;}
.customer .customephone{ float:right;}
.customer .infotext{ background:url(../image/customer_20.gif) left top repeat-x; height:27px; line-height:27px; border-top:solid 1px #87a9c5; border-bottom:solid 1px #87a9c5; margin:0px 4px; padding:0 5px; color:#0b487c;border-left:solid 1px #2f81c5; border-right:solid 1px #2f81c5; border-right:solid 1px #2f81c5;}
.customer .textlist{ background:url(../image/customer_16.gif) left top repeat-x #fff; margin:4px 4px 0px 4px; height:234px;border-top:solid 1px #2f81c5; border-left:solid 1px #2f81c5; border-right:solid 1px #2f81c5; padding:3px;}
.customer .inputtext{ background:url(../image/customer_16.gif) left top repeat-x #fff; margin:0px 4px; height:77px;border-bottom:solid 1px #2f81c5; border-left:solid 1px #2f81c5; border-right:solid 1px #2f81c5;}
.customer .sendbutton{ background:url(../image/customer_24.gif) left top repeat-x; width:67px; height:54px; border:none; cursor:hand;}
.customer .sendbuttonover{ background:url(../image/coutmerbutton_24.gif) left top repeat-x; width:67px; height:54px; border:none; cursor:hand;}
.customer .infotext a{ color:#0b487c; }

/***servers****/
.server{ margin-bottom:10px; text-align:left;}
.server .titlebg{ background:url(../image/server_07.gif) left bottom repeat-x; height:31px; line-height:31px; padding-left:10px; text-align:left;}
.server .servermenu{ margin:0; padding:0; text-align:left;}
.server .servermenu .menuvlistvalue{ background: url(../image/menulisticon_26.gif) 15px 7px no-repeat #d9d8d8; padding-left:30px; height:23px; line-height:23px; border-bottom: solid 1px #bfbdbd;}
.server .servermenu .menulistover{ background: url(../image/menulisticon_26.gif) 15px 7px no-repeat #f2f2f2; padding-left:30px; height:23px; line-height:23px; border-bottom: solid 1px #bfbdbd;}

.serverlist{margin:0; padding:0;}
.serverlist li{ float:left; width:186px; height:45px; margin:10px 10px 10px 10px;}

/**Tab选项卡样式**/

/***Tab List****/
/*.tab2{margin-bottom:10px;}
.tab2 .tabmenubg{height:35px;}
.tab2 .tabmenu{marign:0px 0px 0px 8px;padding:0;list-style:none;;}
.tab2 .tabmenu li{display:inline;marign:0px 0px 0px 8px;}
.tab2 .tabmenu li a:hover{color:#116306;}
.tab2 .tabmenu li .onselect{float:left;padding-left:20px;background:url(../image/tab_38.gif) left top no-repeat;height:35px;margin-right:2px;}
.tab2 .tabmenu li .onselect span{float:left;padding-right:20px;padding-top:10px;height:25px;background:url(../image/tab_41.gif) right top no-repeat; font-size:14px; font-weight:bold; color:#fff;}
.tab2 .tabmenu li .unselect{float:left;padding-left:20px;background:url(../image/tab_44.gif) left top no-repeat;height:35px;margin-right:2px;}
.tab2 .tabmenu li .unselect span{float:left;padding-right:20px;padding-top:10px;height:25px;background:url(../image/tab_47.gif) right top no-repeat; font-size:14px; font-weight:bold; color:#333;}
.tab2 .tabcontect table td{padding:3px;}
.tab2 .textinfo{ background:#fdf3cd; padding:5px; line-height:24px;}*/

/***products****/
.news{ margin-bottom:10px; text-align:left;}
.newstitlebg{ background:url(../image/server_07.gif) left bottom repeat-x #fff; height:31px; line-height:31px; padding-left:10px; text-align:left;}
.news .newsmenu{ margin:0; padding:0; text-align:left;}
.news .newsmenuone{ background:url(../image/products_25.gif) left bottom repeat-x #fff; height:25px; line-height:25px; border-bottom: solid 1px #bfbdbd; padding-left:10px;}
.news .newsmenu .newsmenutwo{ background: url(../image/menulisticon_26.gif) 15px 7px no-repeat #d9d8d8; padding-left:30px; height:23px; line-height:23px; border-bottom: solid 1px #bfbdbd;}
.news .newsmenu .newsmenutwoover{ background: url(../image/menulisticon_26.gif) 15px 7px no-repeat #f2f2f2; padding-left:30px; height:23px; line-height:23px; border-bottom: solid 1px #bfbdbd;}
/***DATALIST***/
.datalist{border-collapse:collapse;width:100%;border: none;}
.datalist th{padding:5px 0px;line-height:24px;height:24px;border:1px solid #ccc;/* color:#1b58b7; */text-align:left;font-size:12px;text-align: center;}
.datalist .th2{padding-left:3px;background: #FDF8DF;line-height:24px;border:1px solid #ccc;color:#1b58b7;text-align:left;font-size:12px;font-weight: normal;}
.datalist td{padding:5px 0px; border:1px solid #e6e6e6;line-height:20px;color:#232323;text-align: center;}
.datalist td a{color: #2f8dcd;text-decoration: underline;}
.datalist .listno{width:30px; background:#ececee;}
.datalist .noMsg{border:none;padding:20px 10px;font-weight: bolder;font-size: 14px;text-align: left;}
.datalist .empty{background-color: #eef5ff;}
.datalist .error{background-color: #ff6666;}
.datalist_fb .noMsg{border:none;padding:20px 10px;font-weight: bolder;font-size: 14px;text-align: left;}
.datalist_fb .empty{background-color: #eef5ff;}
.datalist_fb .error{background-color: #ff6666;}

.addFeedback{border-collapse:collapse;width:100%;border: none;}
.addFeedback .select_div{width:180px;overflow-x:hidden;vertical-align: bottom;display:inline-block;margin-right:5px;border:1px solid #969799;border-radius:2px;overflow: hidden;background:url(../image/arrow_down.png) no-repeat right center;}
.addFeedback select{width:200px;border: none;background: transparent;font-size: 15px;height: 28px;line-height: 28px;}
.addFeedback select>option{font-size: 15px;}
.addFeedback .msgclassLabel{font-weight: bold;height: 28px;line-height: 28px;font-size: 15px;margin-right: 6px;}
.addFeedback .submit{width:65px; background-color:#358ecb; height:30px; border:1px solid #358ecb;border-radius: 2px;; padding:2px; color:#fff; cursor: pointer;margin-right: 20px;}
.addFeedback .back{width:65px; border:1px solid #ccc;border-radius: 2px;background-color:#fff; height:30px; padding:2px; color:#000; cursor: pointer}
.addFeedback textarea{width: 100%;/* overflow-y:hidden; */border:1px solid #969799;border-radius:3px;margin-bottom: 10px;padding:5px;}
.mode{border-collapse:collapse;width:100%;}
.mode td{padding:0px; color:#232323;text-align:center;border:none; }
.progress .paddingB8{width:100px;}
.progress .paddingB8>strong{display:inline-block;width:100%;height:40px;line-height:40px;padding-left:0px;background-color:#358ecb;color:#fff;text-align:center;border:1px solid #358ecb;border-radius:30px; }
.progress .now>strong{background-color:#ffba39;border:1px solid #ffba39;border-radius:30px; }
/* .progress .now>strong>strong{display:inline-block;width:100%;height:50px;background:url(../images/progress_arrow_down.png) center top no-repeat;} */
.progress_time td{height: 30px;}
.progress .connect{width: 100%;height: 4px;background-color:#ccc;}

/* .option{padding:0px;margin-bottom: 20px;} */
.option div{float:left;}
.optiontop{/* background:url(../images/tabbg.gif) left top repeat-x; */height:26px;margin-bottom: 10px;}
.optionmenu{marign:0;padding:0;list-style:none;text-align: center;}
.optionmenu li{display:inline-block;margin:0;padding:0;}
.optionmenu li a:hover{color:#116306;}
.optionmenu li .unselect{font-size: 16px;font-weight:bolder;float:left;padding-left:12px;height:26px;margin-right:3px;}
.optionmenu li .unselect span{font-size: 16px;font-weight:bolder;padding-right:12px;height:26px;float:left;}
.optionmenu li .onselect{font-size: 16px;font-weight:bolder;float:left;height:26px;text-align: center;}
.optionmenu li .onselect span{font-size: 16px;font-weight: bolder;padding-right:12px;height:26px;color:#2f8dcd;float:left;}

form[name="myform"]{margin:10px auto;width:90%;padding:5px 15px 20px 15px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;box-shadow:0px 0px 10px #CDC5BF;}
.tgt{margin:10px auto;width:85%;padding:15px 15px 5px 15px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;box-shadow:0px 0px 10px #CDC5BF;}
.tgt_head{width:100%;display:block;font-size: 16px;font-weight:bolder;float:left;height:26px;text-align: center;color:#2f8dcd;}