@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; }
body, td, th, div, input, select, a, h1, h2, h3, h4, h5 { font-family: "微软雅黑", Arial, Helvetica, sans-serif; color: #666666; background: none; line-height: normal; }
ol, ul { list-style: none outside none; }
ins, a { text-decoration: none; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 500; }
.fl { float: left; }
.fr { float: right; }
img { border: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: 500; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0 }
.clearfix:after { clear: both }
a, a:hover { text-decoration: none; color: #2980b9; }
#layout_wrap { width: 100%; }
.table5, .table3, .table300 { width: 995px; margin: 0 auto; }
/*顶部导航*/
.header { background: none repeat scroll 0 0 #FFFFFF; position: relative; z-index: 20; }
.ui-header-top { background: none repeat scroll 0 0 #f5f5f5; border-bottom: 1px solid #e5e5e5; color: #333333; height: 25px; line-height: 25px; }
.grid { margin: 0 auto; width: 990px; }
.grid:before, .grid:after { content: ""; display: table; line-height: 0; }
.grid .main-wrap, .grid .sidebar { float: left }
.grid .main-wrap { width: 990px; float: left; }
.grid .main { min-height: 1px; margin-left: 245px }
.grid .sidebar { width: 212px; margin-left: -990px }
.split { color: #E5E5E5; display: inline-block; padding: 0 5px; }
.ui-header-s { height: 77px; padding-top: 15px; }
.ui-header-s .ui-logo { margin: 3px 0 0; width: 338px; float: left; }
/*搜索*/
.ui-header-search { padding-top: 15px; }
.ui-header-search .search-query { width: 320px; font-size: 12px; height: 20px; border: 1px solid #CCCCCC; font-size: 12px; height: 20px; padding: 4px 6px; *width: 280px;
}
.ui-header-search.hashotwords { width: 400px; }
.ui-header-search.hashotwords .ui-header-search-hotwords { display: block }
.ui-header-search .input-append { margin-bottom: 0; height: 30px; }
.ui-header-search .input-append .ui-btn-inverse { font-size: 12px }
.ui-header-search .ui-dropdown-hd { padding: 5px 5px 5px 15px; line-height: 20px; height: 20px }
.ui-header-search .ui-dropdown-hd span { display: inline-block; width: 40px }
.ui-header-search .ui-dropdown-hd .iconfont { color: #cbcbcb }
.ui-header-search .ui-dropdown { position: absolute; cursor: pointer; font-size: 12px }
.ui-header-search .ui-dropdown.hover .ui-dropdown-hd, .ui-header-search .ui-dropdown:hover .ui-dropdown-hd { padding: 4px 5px 5px 14px; border-width: 1px 0 0 1px }
.ui-header-search .ui-dropdown.hover .ui-dropdown-hd:hover, .ui-header-search .ui-dropdown:hover .ui-dropdown-hd:hover { text-decoration: none }
.ui-header-search .ui-dropdown.hover .ui-dropdown-menu, .ui-header-search .ui-dropdown:hover .ui-dropdown-menu { margin-top: -1px; padding: 0; border-top: 0; min-width: 67px }
.ui-header-search .ui-dropdown.hover .ui-dropdown-menu a, .ui-header-search .ui-dropdown:hover .ui-dropdown-menu a { padding: 2px 0 2px 15px }
.ui-header-search .ui-dropdown.hover .ui-dropdown-menu a:hover, .ui-header-search .ui-dropdown:hover .ui-dropdown-menu a:hover { text-decoration: none; background: #eee }
.ui-header-search-hotwords { display: none; width: 375px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 5px }
.ui-header-search-hotwords a { color: #999; margin-right: 8px; font-size: 12px; line-height: 1 }
.ui-header-search-hotwords a:hover { text-decoration: underline; color: #F60 }
.ui-btn-inverse:hover, .ui-btn-inverse:focus, .ui-btn-inverse:active, .ui-btn-inverse.active { color: #fff }
.ui-btn-hover:hover, .ui-btn-info:hover, .ui-btn-info:focus, .ui-btn-inverse:hover, .ui-btn-inverse:focus { background-color: #fc9529; background-image: -moz-linear-gradient(top, #fa9e3a, #ff870f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fa9e3a), to(#ff870f)); background-image: -webkit-linear-gradient(top, #fa9e3a, #ff870f); background-image: -o-linear-gradient(top, #fa9e3a, #ff870f); background-image: linear-gradient(to bottom, #fa9e3a, #ff870f); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffa9e3a', endColorstr='#ffff870f', GradientType=0)
}
.iconfont { font-family: "fontello"; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased }
.ui-btn { background-color: #EDEDED; border: 1px solid #D2D2D2; border-radius: 2px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); color: #333333; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; margin-bottom: 0; padding: 4px 12px; text-align: center; vertical-align: middle; }
.ui-form-search .input-append .ui-btn-inverse { border: 0 none; z-index: 1; font-size: 14px; height: 30px; _height: 24px; width: 54px; float: right; padding: 0; margin: 0; }
.ui-btn-inverse { color: #ffffff; background-color: #ff8a00; border: 1px solid #ea7f00; box-shadow: 0; }
.input-append input { border-radius: 0; margin: 0; }
/*导航*/
.ui-menu { height: 38px; border: solid #0078b3; border-width: 1px 0; color: #ffffff; position: relative; z-index: 19; background-color: #3498db; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.ui-menu .grid .main { margin-left: 0px; width: 774px; float: right; }
.ui-menu-bd a, .ui-menu-ext, .ui-menu-sidebar { height: 38px; line-height: 38px; font-size: 16px }
.ui-menu-bd { float: left; margin-bottom: 0 }
.ui-menu-bd a, .ui-menu-bd a:active { display: inline-block; padding: 0 30px; color: #fff }
.ui-menu-bd a:hover, .ui-menu-bd li.cur { background-color: #0078b3; }
.ui-menu-sidebar { background: #f27302; text-align: center }
.ui-menu-sidebar a { color: #fff }
.ui-menu-sidebar a:hover { color: #ffffff; text-decoration: none }
.ui-menu-bd a:hover, .ui-menu-ext a:hover { text-decoration: none }
.ui-menu-special { float: right; border-left: none }
.ui-menu-special a { font: normal 12px/38px; color: #ffffff; padding: 0 10px }
.ui-menu-bd a.selected { background: none repeat scroll 0 0 #0078b3; display: inline-block; color: #ffffff; }
.ui-menu-bd .ui-menu-special { display: none }
.mark-menu { height: 40px; line-height: 40px; background: #f4f4f4 }
.mark-menu ul.inline li { padding-left: 20px }
.ui-menu-bd li { display: inline-block; float: left; width: auto; }
.ui-menu-bd li a:hover { background-color: #0078B3; color: #ffffff; }
.mark-menu a { display: inline-block; margin-right: 20px; color: #0b73bb }
.mark-menu a.highlight { color: #f00 }
.mark-menu .split { padding: 0 15px }
.gr_left { width: 216px; position: relative; z-index: 999; }
.category { width: 216px; float: left; }
.category a, .category a:visited { color: #666 }
.category a:hover { color: #f60 }
.category a.highlight, .category a.highlight:visited { color: #ec0000 }
.category-title { margin: 0; background: #2980b9; font: normal 16px/40px "microsoft yahei"; color: #ffffff; height: 39px; text-indent: 20px; position: relative; cursor: pointer; }
.category-title i.iconfont { position: absolute; right: 20px; color: #ffffff; font-size: 18px; display: none }
.category-title>a { color: #ffffff; text-decoration: none }
.category-content { position: absolute; width: 212px; z-index: 200; padding-top: 2px; border: 2px solid #2980b9; border-top: 0; background: #fafafa; height: 395px; }
/*左侧导航*/
.category-content .list_head { height: auto; border-bottom: 1px solid #e1e1e1; padding: 15px 8px 8px; }
.nav_0 .nave_r1, .nav_1 .nave_r1, .nav_2 .nave_r1, .nav_3 .nave_r1, .nav_4 .nave_r1, .nav_5 .nave_r1 { background: url(http://www.vsharing.com/WebCommon/style/vit/images/icon1.png) no-repeat; padding-left: 25px; }
.nav_1 .nave_r1 { background-position: left 2px; }
.nav_2 .nave_r1 { background-position: left -20px; }
.nav_3 .nave_r1 { background-position: left -43px; }
.nav_0 .nave_r1 { background-position: left -722px; }
.nav_4 .nave_r1 { background-position: left -749px; }
.nav_5 .nave_r1 { background-position: left -772px; }
.nave_r1 { font-size: 14px; color: #666666; font-weight: 700; }
.nave_r2 { font-size: 12px; line-height: 22px; margin: 0px 0 0 25px; color: #666666; }
/*左侧弹出*/

.category-content .list_head_on:after { background-color: #FFFFFF; content: ""; height: 100%; position: absolute; right: -4px; top: 0; width: 4px; z-index: 9999; }
.category-content .list_head_on { background-color: #FFFFFF; border-bottom: 2px solid #2980B9; border-top: 2px solid #2980B9; left: 0px; padding: 8px 10px 9px 8px; position: relative; width: 195px; z-index: 9999; cursor: pointer; }
.i-mc { background: none repeat scroll 0 0 #ffffff; border: 2px solid #2782b7; font-size: 12px; left: 211px; padding-bottom: 10px; position: absolute; top: -2px; width: 600px; z-index: 9999; box-shadow: 5px 5px 5px rgba(55, 55, 55, 0.4); min-height: 200px; }
.i-mc .subitem { float: left; height: auto; padding: 0 4px 0 8px; width: 600px; }
.i-mc .subitem dl { border-top: 1px dotted #E5E5E5; float: left; margin: 0; overflow: hidden; padding: 10px 0; width: 300px; }
.i-mc .subitem .fore { border-top: medium none; margin: 0; }
.i-mc .subitem dt { float: left; line-height: 22px; text-align: center; width: 65px; }
.i-mc .subitem dd { float: left; margin-left: 5px; margin-right: 0; width: 220px; }
.i-mc .subitem em { border-left: 1px solid #CCCCCC; float: left; height: 14px; line-height: 14px; margin: 4px 0; padding: 0 8px; color: #666666; }
.i-mc .subitem a { color: #666666; }
.i-mc .subitem dt a { color: #2269BF; }
.close { opacity: 0.6; -moz-opacity: 0.65; filter: alpha(opacity=60); background: #000000; color: #FFFFFF; cursor: pointer; font-size: 24px; height: 26px; left: 600px; line-height: 24px; position: absolute; text-align: center; top: -1px; width: 26px; z-index: 14; }
.category .g_mc { display: none; }
.category:hover .g_mc { display: block; position: absolute; z-index: 100; }
.category .title { z-index: 999; }
.table5 td { overflow: visible; }
/*vit解决方案样式*/
.mod_B_v1 { border-bottom: 2px solid #cccccc; width: 100%; }
.vh1 { font-size: 18px; color: #808080; margin: 20px 0 10px 0; }
.vh1 font { font-size: 32px; font-weight: 700; color: #2980b9; }
.table3 { margin-top: 30px; }
.table3 .left { width: 640px; margin-left: 15px; }
.table3 .center { width: 315px; float: right; }
.mod_B_vt1 { font-size: 13px; line-height: 22px; padding-top: 20px; }
.mod_B_vt1 p { font-size: 13px; line-height: 22px; }
.mod_b_v2 { background: url(images/vit_icon.jpg) no-repeat left 0; height: 63px; line-height: 63px; padding-left: 107px; margin: 40px 020px 0; }
.mod_b_v2 .t { font-size: 32px; color: #2980b9; line-height: 63px; }
.fa_cont { width: 960px; padding: 20px 0 10px 20px; display: inline-block; }
.fa_cont li { width: 220px; padding-right: 20px; float: left; }
.fa_ctitle { width: 200px; height: 70px; background-color: #f0f0f0; padding: 10px; }
.fa_ctxt { font-size: 12px; line-height: 20px; height: 180px; min-height: 180px; margin-top: 20px; width: 220px; overflow: hidden; text-overflow: ellipsis; }
.fa_more { background: url(images/jimg_24.jpg) no-repeat right 0; font-size: 14px; text-align: right; padding-right: 20px; margin: 20px 0; }
.fa_ctitle img { width: 50px; float: left; margin: 10px 0 0; }
.fa_ct1 { width: 150px; line-height: 20px; font-size: 14px; color: #2980b9; margin-top: 20px; float: left; }
.mod_b_ff { height: 41px; margin: 20px 0; background: url(images/jfa_28.jpg) no-repeat; }
/*案例*/
.table300 .left { width: 360px; padding-right: 20px; }
.table300 .center { padding-right: 20px; }
.table300 .center, .table300 .right { width: 280px; }
.mod_H_vt2 { border-bottom: 2px solid #CCCCCC; background: url(images/vit_icon.jpg) no-repeat left -80px; height: 57px; padding-left: 70px; padding-bottom: 10px; }
.mod_H_vt2 .t { font-size: 24px; color: #2980B9; font-weight: normal; line-height: 57px; }
.mod_L_ali, .v_zy { margin-top: 20px; }
.mod_L_ali h1, .mod_L_zx h1 { font-size: 16px; line-height: 22px; color: #2980B9; }
.v_zy img { width: 100px; height: 100px; float: left; }
.jf_zy { width: 235px; padding-left: 15px; float: left; font-size: 12px; line-height: 18px; }
.mod_L_lia { margin-top: 15px; display: inline-block; padding-left: 10px; }
.mod_L_lia li { background: url("http://www.vsharing.com/WebCommon/style/newwww/images/icon.gif") no-repeat scroll left -241px; font-size: 12px; line-height: 22px; padding: 6px 0 0 12px; float: left; color: #2980B9; width: 100%; }
/*中间*/
.table300 .center .mod_H_vt2 { background-position: left -156px; }
.table300 .center .mod_L_ali li { background: url("http://www.vsharing.com/WebCommon/style/vit/images/files_icon.png") no-repeat scroll 0 -391px; height: 40px; line-height: 22px; margin: 20px 0; padding-left: 44px; font-size: 14px; }
.table300 .center .mod_H_vt2 .t { line-height: 67px; }
/*右侧*/
.table300 .right .mod_H_vt2 { background-position: left -232px; }
.table300 .right .mod_L_lia { width: 100%; }
.table300 .right .mod_H_vt2 .t { line-height: 67px; }
.table300 .right .jf_zy { width: 265px; }
.table300 .right .mod_L_ali h1 { padding-left: 15px; }
/*解决方案更多页面*/
.table200 { width: 975px; border: 1px solid #d5d5d5; padding: 10px; background: url(images/common_y.png) repeat-y scroll 670px 0; margin: 0 auto; }
.table200 .left { width: 640px; padding: 10px; }
.table200 .center { width: 330px; }
.mod_B_g1, .mod_B_g2, .mod_B_g3, .mod_H_gs4 { margin: 10px 0; }
.mod_H_gs, .mod_B_g2 .itemHeaderInner, .mod_B_g3 .itemHeaderInner, .mod_H_gs4 .itemHeaderInner { background: url(images/vit_icon.jpg) no-repeat left -320px; height: 40px; line-height: 40px; padding-left: 54px; border-bottom: 1px solid #d5d5d5; margin-bottom: 15px; }
.mod_H_gs .t, .mod_B_g2 .t, .mod_B_g3 .t, .mod_H_gs4 .t { font-size: 20px; line-height: 40px; color: #2980B9; }
.mod_B_g1 p, .mod_B_g2 p { font-size: 13px; }
.vtit { font-size: 16px; color: #2980B9; }
.mod_B_g2 .itemHeaderInner { background-position: left -382px; }
.mod_B_g3 .itemHeaderInner { background-position: left -429px; }
.mod_B_g3 .itemHeaderInner { background-position: left -429px; }
.mod_H_gs4 .itemHeaderInner { background-position: left -480px; }
/*案例*/
.anli li, .chanp li { width: 305px; float: left; margin: 15px 0; }
.ali_img img { width: 50px; height: 50px; float: left; margin-right: 10px; }
.ali_ct { width: 230px; float: left; }
.ali_title { font-size: 14px; color: #2980B9; line-height: 22px; margin-bottom: 5px; font-weight: 700; }
.ali_rate { font-size: 12px; }
.chanp .mod_L_ali { width: 305px; float: left; margin-top: 10px; }
.chanp .mod_L_ali li { background: url("http://www.vsharing.com/WebCommon/style/vit/images/files_icon.png") no-repeat scroll 0 -391px; height: 40px; line-height: 20px; margin: 8px 0; padding-left: 44px; width: 240px; font-size: 12px; }
/*厂商及动态标题*/
.mod_B_rt1,.mod_H_f5_b .itemHeaderInner,.mod_H_kfyy1  .itemHeaderInner{ width: 300px; font-size: 16px; border-bottom: 1px solid #ababab; color: #4d4d4d; line-height: 22px; padding-bottom: 5px; float: right; margin-top: 10px; }
.mod_H_rt1 .itemHeaderInner { font-size: 16px; }
.mod_L_zx .v_zy { margin-top: 10px; height: 50px; }
.mod_B_rt1 .t,.mod_H_f5_b .itemHeaderInner .t,.mod_H_kfyy1  .itemHeaderInner .t { color: #000; }
.mod_B_r1 .mod_L_ali { margin-bottom: 15px; margin-top: 0; }
.mod_B_r1 .mod_L_ali h1, .mod_L_zx h1 { font-size: 14px; }
.mod_B_r1 .v_zy { border-bottom: 1px dotted #666666; display: inline-block; height: 50px; margin-top: 10px; padding-bottom: 10px; }
.mod_B_r1 .jf_zy { float: left; margin: 0; padding: 0; width: 220px; }
.mod_B_r1 .mod_L_ali { margin-bottom: 15px; margin-top: 0; }
.mod_B_r1 .v_zy img { float: left; height: 50px; margin-right: 10px; width: 50px; }
.mod_M_f5,.mod_M_kfyy1 { float: right; width: 290px; padding: 10px 0 0; }
.mod_M_f5 .mod_L_ali { margin-bottom: 15px; margin-top: 0; }
.mod_M_f5 .mod_n_li h1, .mod_L_zx h1 ,.mod_M_kfyy1 .mod_n_li h1{ font-size: 14px; margin: 10px 0; color:#2980B9; }
.mod_M_f5 .mod_n_li,.mod_M_kfyy1 .mod_n_li { display: inline-block; border-bottom: 1px dotted #666; padding-bottom: 10px;  }
.mod_M_f5 .n_Logo img, .mod_M_f5 .n_Logo { width: 50px; height: 50px; float: left; margin-right: 10px; }
.mod_M_f5 .n_content { width: 220px; float: left; margin: 0; padding: 0; height:50px; overflow: hidden; }
.mod_M_f5 .n_time{ float:right; margin:10px 0;}