/*顶部导航*/
#nav_box01{ top:0px; position:relative; width:100%; z-index:998; clear:both;}
#nav_box01 #submenu { margin-top:-100px; z-index:997;}
#nav_box{ height:40px; background:#f7f7f7; border-bottom:4px solid #444; width:100%;  border-top:1px solid #ddd; position:relative; z-index:999;}
.nav-box {z-index:1000; width:960px; margin:auto; height:50px;}
.nav-box ul ,.navbar{ height:44px; width:730px; float:left;}
.nav-box ul li {list-style:none; float:left; font:16px/41px 微软雅黑; line-height:40px; height:44px; padding:0 15px 0 15px;}
.nav-box ul li a { margin:0 5px;color:#323233; display:block; height:44px;}
.nav-box ul li a:hover { text-decoration:none;}
.nav-box ul li.last { font-family:\5b8b\4f53; font-size:12px; padding-top:1px;}
.nav-box ul li.last a { color:#a2a2a1;}
.nav-box .nav-line { position:absolute;;z-index:30; left:0; top:40px; height:4px; line-height:4px; font-size:0; width:52px; background:#007ecb;}
.cur a{ color:#007ecb !important;}

/*---导航下拉时固定当前状态 ---*/
#nav .aNavHover{color:#00acec; background:url(../images/nav_icon02.png) no-repeat right 13px;}
#nav .no_x .aNavHover { background:url(../images/TM90.png) no-repeat;}
/*---导航下拉---*/
.main_nav li .xl_box {position:absolute;left:0px;top:50px;width:100%; padding:30px 0 30px 0; overflow:hidden;display:none;z-index:20;border-top:none; background:url(../images/h_TM90.png);}
.main_nav li .xl_box dt{ width:195px; float:left;}


.xl_about{ width:100%; color:#fff;}
.xl_about dt{ float:left; width:400px; border-right:1px solid #666; padding-right:30px;}
.xl_about dt h1{ font-size:25px; margin-bottom:10px; border-bottom:1px solid #ddd;}
.xl_about dt h1 span{ font-size:15px; margin-left:5px; font-weight:normal;}
.xl_about dt a {display:block; margin:0px !important; margin-top:-1px; font-weight:normal; border-bottom:1px dotted #666;height:40px !important;line-height:40px !important;text-align:left;color:white;background:url(../images/nav_icon03.png) no-repeat 0px 15px;padding-left:20px; padding-right:5px; font-size:14px!important; color:#fff!important; font-size:12px;}
.xl_about dt a:hover{color:#fff ;background:url(../images/nav_icon03.png) no-repeat 0px 54px #007ecb!important; }


.xl_about dd{ width:800px; float:left; line-height:23px; font-size:12px; padding:0px 0 0 30px; margin-top:30px; border-left:1px solid #666; margin-left:-1px;}
.xl_about dd a.more{ color:#007ecb !important; display:inline-block;}


/*左侧帮助*/
.help {background:#fff;}
.help-side { width:100%;float:left;position:relative; margin:0px;}
.help-side dl { margin-bottom:12px; line-height:30px;}
.help-side dl dt { font-weight:700; color:#333; font-size:14px; width:100%; border-bottom:1px solid #ddd;}
.help-side dl dd { padding:0 0px 0 15px; background:url(../images/icon_12.jpg) no-repeat 98% center;}
.help-side dl dd a {  font-size:14px; color:#666; display:block; height:40px; line-height:40px; border-bottom:1px solid #ddd;}
.help-side dl dd.cur a,.help-side dl dd a:hover { color:#000; text-decoration:none;}
.help-side .side-slider { position:absolute; width:4px; background:#007ecb; height:40px; left:0px; top:50px;}



/*-- The elements margin --*/
.m-t12 { margin-top: 12px; }
.m-b12 { margin-bottom: 12px; }
.m-t24 { margin-top: 24px; }
.m-t35 { margin-top: 35px; }
.m-t40 { margin-top: 40px; }


#submenu { top: -126px; right: 0; left: 0; z-index:998; font-size:12px; background:url(/images/navbg.png); box-shadow: 0 0 10px rgba(0,0,0,.7); }
.submenu-item { display: none; clear:both; padding-top:50px; padding-bottom:50px;}
#submenu a { color: #444; }
#submenu a:hover { color: #007ecb; }
.submenu-photo { width: 302px; height: 148px; background: #ddd; }
.submenu-info { margin-left: 332px; }
.submenu-info-cn { font-size: 16px; }
.submenu-info-en { margin-top: 5px; font: 24px/1; font-family:Arial, Helvetica, sans-serif; }
.submenu-info-en a { font: 16px/1; font-weight: normal;font-family:Arial, Helvetica, sans-serif;  }
.submenu-information { line-height: 1.6; color: #797979; height:60px; overflow:hidden}
.submenu-nav { width: 364px; _position: relative; _overflow: hidden; }

.submenu-nav-row { _position: relative; _left: -20px; _width: 444px; margin: 0 -20px; _margin: 0; *zoom : 1; }
.submenu-nav li { float: left; width: 162px; margin: 0 20px; height: 30px; overflow:hidden; line-height:30px;}
.submenu-nav li a { display: block; padding-bottom: 3px; background:url(../images/icon_01.jpg) no-repeat left 12px; padding-left:10px; border-bottom: 1px solid #dcdfe4; }
.submenu-nav li a:hover { text-decoration: none; }

.submenu-navv {  _position: relative; _overflow: hidden; }
.submenu-navv .yj{ float: left; width: 162px; margin: 0 10px; height:220px; overflow:hidden;}
.submenu-navv .yj a { display: block; padding-bottom: 3px; background:url(../images/icon_01.jpg) no-repeat left 8px; padding-left:10px; border-bottom: 1px solid #dcdfe4; }
.submenu-navv li ul .ej a{ line-height:25px; background: none; border-bottom: none;}

.submenu-navv li a:hover { text-decoration: none; }


.submenu-nav1 { width: 100px; _position: relative; _overflow: hidden; }
.submenu-nav-row1 { _position: relative; _left: -20px; _width: 444px; margin: 0 -20px; _margin: 0; *zoom : 1; }
.submenu-nav1 li { float: left; width: 162px; margin: 0 20px; height: 30px; }
.submenu-nav1 li a { display: block; padding-bottom: 3px; border-bottom: 1px solid #dcdfe4; }
.submenu-nav1 li a:hover { text-decoration: none; }





@charset "utf-8";

/*-- The global style --*/
  body, div, p, h1, h2, h3, h4, h5, h6, br, hr, 
  ul, ol, li, dl, dt, dd, 
  span, strong, b, bdo, blockquote, cite, code, del, dfn, em, i, ins, kbd, pre, q, samp, small,
  table, tr, th, td, caption, col, colgroup, tfoot, thead,
  address, area, base, 
  img, a, map, 
  form, input, fieldset, button, label, leqend, optqroup, option, select, textarea, 
  noscript, object, param, 
  article, aside, audio, bdi, canvas, command, datalist, details, 
  embed, figure, figcaption, footer, header, hgroup, keyqen, mark, menu, meter, 
  output, proqress, rp, rt, ruby, section, source, summary, time, track, video {
  margin: 0; 
  padding: 0;
  font-size: 100%;
  font-family:"Microsoft YaHei","微软雅黑","黑体",Arial,sans-serif;
  vertical-align: baseline;
}
*::-moz-selection {
  color: #fff;
  background: #193b6d;
}
*::selection {
  color: #fff;
  background: #193b6d;
}
html {
  -ms-touch-action: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
a { text-decoration: none; }
em, i{ font-style: normal; }
img { border:none; vertical-align: top; }
ul, ol, li { list-style: none; }
a { text-decoration: none; }
small { font-size: 85%; }
/*sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, select, textarea { outline: none; /*-webkit-appearance: none;*/ border-radius: 0; } 
input::-ms-clear { display: none; } /*-- 禁止IE10的小叉叉 --*/
textarea { resize: none; overflow: auto; border-radius: 0; }
table { border-collapse: collapse; }
th { font-weight: normal; }
button, input[type="reset"], input[type="button"], input[type="submit"] { line-height: normal; cursor: pointer; }

/*-- 定位 --*/
.ui-rel { position: relative; }
.ui-ab { position: absolute; }
.ui-fixed { position: fixed; }

/*-- 浮动 --*/
.ui-clear:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
.ui-l { float: left; }
.ui-r { float: right; }

/*-- 文字同一行显示 --*/
.ui-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/*-- Box-sizing --*/
.ui-box-size { -moz-box-sizing : border-box; -ms-box-sizing : border-box; box-sizing : border-box; }

/*-- The image responsive --*/
.ui-responsive img { max-width: 100%; }

/*-- CSS 3 transition --*/
.ui-transition { transition: all .3s ease-out; }

/*-- The opacity background color --*/
[class ^= "ui-opacity"] { position: absolute; top:0; right: 0; bottom: 0; left: 0; z-index: 0; }
[class ^= "ui-opacity-white"] { background: #fff; }
[class ^= "ui-opacity-black"] { background: #000; }
[class ^= "ui-opacity-gray"] { background: #f2f2f2; }
.ui-opacity-white10,
.ui-opacity-gray10,
.ui-opacity-black10 { filter: alpha(opacity=10); opacity: .1; }
.ui-opacity-white30,
.ui-opacity-gray30,
.ui-opacity-black30 { filter: alpha(opacity=30); opacity: .3; }
.ui-opacity-white50,
.ui-opacity-gray50,
.ui-opacity-black50 { filter: alpha(opacity=50); opacity: .5; }
.ui-opacity-white70,
.ui-opacity-gray70,
.ui-opacity-black70 { filter: alpha(opacity=70); opacity: .7; }
.ui-opacity-white90,
.ui-opacity-gray90,
.ui-opacity-black90 { filter: alpha(opacity=90); opacity: .95; }

@font-face {
    font-family: 'constan';
    src: url('../Fonts/constan/constan.eot');
    src: url('../Fonts/constan/constan.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/constan/constan.woff') format('woff'),
         url('../Fonts/constan/constan.ttf') format('truetype'),
         url('../Fonts/constan/constan.svg#baron_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*
 * Grid style
 * version 20140616
 * column numbar is eight
 */

.ui-grid,
.ui-c-grid { position: relative; width: 1100px; margin: 0 auto; _overflow-x: hidden; }
.ui-grid,
.ui-row,
.ui-c-grid,
.ui-c-row { *position: relative; *zoom: 1; }
.ui-row { _position: relative; _left : -40px; _width: 1180px; margin: 0 -20px; _margin: 0; }
.col-1,
.col-2,
.col-3,
.col-5,
.col-6,
.col-7,
.ui-c-col-1,
.ui-c-col-2,
.ui-c-col-3,
.ui-c-col-4,
.ui-c-col-5,
.ui-c-col-6,
.ui-c-col-7,
.ui-c-col-8,
.ui-c-col-9,
.ui-c-col-10,
.ui-c-col-11,
.ui-c-col-12 { float: left; margin: 0 20px; min-height: 1px; }
.col-1 { width: 200px; }
.col-2 { width: 292px; }
.col-3 { width: 364px; }
.col-33 {  }
.col-5 { width: 696px; }
.col-6 { width: 768px; }
.col-7 { width: 860px; }
.col-1:after,
.col-2:after,
.col-3:after,
.col-5:after,
.col-6:after,
.col-7:after,
.ui-c-col-1:after,
.ui-c-col-2:after,
.ui-c-col-3:after,
.ui-c-col-4:after,
.ui-c-col-5:after,
.ui-c-col-6:after,
.ui-c-col-7:after,
.ui-c-col-8:after,
.ui-c-col-9:after,
.ui-c-col-10:after,
.ui-c-col-11:after,
.ui-c-col-12:after,
.ui-grid:after,
.ui-row:after,
.ui-c-grid:after,
.ui-c-row:after { content: " "; display: table; clear: both; visibility: hidden; height: 0; }


/*-- Column --*/
.ui-c-grid { width: 768px; }
.ui-c-row { _left : -12px; _width: 792px; margin: 0 -6px; _margin: 0; }
.ui-c-col-1 { width: 53px; }
.ui-c-col-2 { width: 118px; }
.ui-c-col-3 { width: 183px; }
.ui-c-col-4 { width: 248px; }
.ui-c-col-5 { width: 313px; }
.ui-c-col-6 { width: 378px; }
.ui-c-col-7 { width: 443px; }
.ui-c-col-8 { width: 508px; }
.ui-c-col-9 { width: 573px; }
.ui-c-col-10 { width: 638px; }
.ui-c-col-11 { width: 703px; }
.ui-c-col-12 { width: 768px; }
.ui-c-col-1,
.ui-c-col-2,
.ui-c-col-3,
.ui-c-col-4,
.ui-c-col-5,
.ui-c-col-6,
.ui-c-col-7,
.ui-c-col-8,
.ui-c-col-9,
.ui-c-col-10,
.ui-c-col-11,
.ui-c-col-12 { margin: 0 6px; }

/* 手机端可视 */
.ui-sm-visible { display: none; }

/* 当响应到移动端 */
@media screen and (max-width: 768px) {
  .ui-sm-visible { display: block; }
}



.pro_listbox2{ width:825px;}
.pro_listbox2  li{ font-size:12px; float:left; width:23%; padding-left:2%; line-height:25px; height:25px; overflow:hidden;}
.pro_listbox2  li a{ color:#333;}