/*��������*/
#nav_box01{ /*top:0px;*/ position:relative; width:100%; z-index:998; clear:both;}
#nav_box01 #submenu {z-index:997; width:1100px; margin:0 auto; top:-100px}
#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:1100px; margin:auto; height:50px;}
.nav-box ul ,.navbar{ height:44px; width:820px; float:left;}
.nav-box ul li {list-style:none; float:left; font:16px/41px ΢���ź�; line-height:40px; height:44px; width:115px; text-align:center}
.nav-box ul li a { 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;*top:50px; height:4px; line-height:4px; font-size:0; width:52px; background:#e4181f;}
.cur{ color:#e4181f !important;}



/*---��������ʱ�̶���ǰ״̬ ---*/
#nav .aNavHover{color:#00acec; background:url(../image/nav_icon02.png) no-repeat right 13px;}
#nav .no_x .aNavHover {}
/*---��������---*/
.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(../image/h_TM90.png);}
.main_nav li .xl_box dt{ width:195px; float:left;}

.nav-box .yxs{ width:160px; background:#f7f7f7; border-top-left-radius:5px; border-top-right-radius:5px; height:3px}
.nav-box .yxx{ width:160px; background:#f7f7f7; border-bottom-left-radius:5px; border-bottom-right-radius:5px; height:3px;}

.nav-box .yxj{ width:160px; border-radius:5px; background:#f7f7f7; overflow:hidden}
.nav-box .yxj a{ padding-left:15px}
.nav-box ul li { position:relative;}
.nav-box li ul {display: none; z-index:33;}
.nav-box ul li:hover a {color:#323233; }
.nav-box ul li:hover ul {display:block; position:absolute;  left:0; width:160px;  top:40px;}
.nav-box ul li:hover ul li ul {display: none;}
.nav-box ul li:hover ul .pro{height:30px; line-height:30px; background:#f7f7f7; width:200px;}
.nav-box ul li:hover ul .pror{height:30px; line-height:30px; background:#f7f7f7; width:160px;}
.nav-box ul li:hover ul .pror a{ padding-left:15px}
.nav-box ul li:hover ul .pro a{ padding-left:15px}
.nav-box ul li:hover ul .pro .pro2{ margin-top:-6px; display:block}
.nav-box ul li:hover ul li{height:30px; line-height:30px; width:160px;}
.nav-box ul li:hover ul li a {display:block; color:#323233; font-size:14px;  height:30px; line-height:30px; text-align:left}
.nav-box ul li:hover ul li a:hover { color:#e4181f;}
.nav-box ul li:hover ul li:hover ul {display:block; position:absolute; left:160px; top:0px;}
.nav-box ul li:hover ul li ul li a{ font-size:14px}
.nav-box ul li:hover ul li ul.left {left:-115px;}
.nav-box .proml{ height:453px;}





.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(../image/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(../image/nav_icon03.png) no-repeat 0px 54px #e4181f!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:#e4181f !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(../image/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:#e4181f; 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: 20px; }
.m-t40 { margin-top: 40px; }


#submenu { top: -126px; right: 0; left: 0; z-index:998; font-size:12px; }
.submenu-item { display: none; clear:both; padding-top:30px; padding-bottom:30px;}
#submenu a { color: #323232; }
#submenu a:hover { color: #e4181f; }
.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; }
.submenu-nav { _position: relative; _overflow: hidden;background:url(../image/navbg.png);}
.submenu-nav-row { _position: relative; _left: -20px; _width: 444px;  *zoom : 1; }

.submenu-nav li a { display: block; padding-bottom: 3px; font-size:12px; height:25px; overflow:hidden; line-height:25px; width:130px; padding-left:20px }
.submenu-nav li a:hover { text-decoration: none; }

.submenu-nav li {}
.submenu-nav li ul {display: none;}
.submenu-nav li:hover ul {display:block; position:absolute; top:0; left:160px; width:160px; border-left:#ccc solid 1px}
.submenu-nav li:hover ul li a.hide {background:#6a3; color:#fff; font-size:12px}
.submenu-nav li:hover ul li:hover a.hide {color:#000;}
.submenu-nav li:hover ul li ul {display: none;}
.submenu-nav li:hover ul li a {display:block; background:#fff; color:#000; font-size:12px; width:130px}
.submenu-nav li:hover ul li a:hover {color:#000;}
.submenu-nav li:hover ul li:hover ul {display:block; position:absolute; left:160px; top:0;}


.submenu-nav1 { width: 100px; _position: relative; _overflow: hidden; }
.submenu-nav-row1 { _position: relative; _left: -20px; _width: 444px;  _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; }







/*-- 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,
 th, 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('');
    src: url('') format('embedded-opentype'),
         url('') format('woff'),
         url('') format('truetype'),
         url('') 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; width: 1100px; margin:0 auto}
.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 {}
.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;}


.col-3{ }
.col-33{background:url(../image/navbg1.png); height:10px; width: 160px;}
.col-333{background:url(../image/navbg2.png); height:10px; width: 160px;}

.col-22{background:url(../image/navbg11.png); height:10px; width: 160px;}
.col-222{background:url(../image/navbg22.png); height:10px; width: 160px;}

.nav-box ul.nav-sec{ height:446px; display:block; width:145px; background:#f7f7f7; border-radius:0px; -webkit-border-radius:0px;-moz-border-radius:0px; border-left:1px solid #eee; border-radius:5px}
.nav-box ul li ul a{ font-size:12px;}

.nav-box ul li ul a,.nav-box ul li ul li{text-align:left }
.nav-box ul.nav-sec li,.nav-box ul.nav-sec li a{ text-align:left}
.nav-box ul.nav-other li,.nav-box ul.nav-other li a{ text-align:left}