body{
    margin:0px;
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
  }
  .topline{background: url(../images/topline.png) repeat-x center top;height:2px;}

  .wrapper{
    width: 1000px;
    margin: 0px auto;
    border:solid 0px red;
  }
  .header{
    background: url(../images/top_bg.gif) repeat-x left top;
    height: 83px;
  }

  .homemenu{height:30px;}
  /* CSSTerm.com Simple Horizontal DropDown CSS menu */

.drop_menu {
	background:transparent;
	padding:0;
	margin:0;
	list-style-type:none;
	height:30px;
    padding-top:10px;

}
.drop_menu li { float:left; padding:0px;font:14px/25px arial, verdana, sans-serif;}
.drop_menu li a {
	padding:4px 15px;
	display:block;
	color:#444;
	text-decoration:none;
}

/* Submenu */
.drop_menu ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	list-style-type:none;
    z-index: 999;
}
.drop_menu li:hover { position:relative;
    }

.drop_menu li:hover ul {
	left:0px;
	top:30px;
	background:#fff;
    -moz-box-shadow:    inset 0 0 10px #cdcdcd;
   -webkit-box-shadow: inset 0 0 10px #cdcdcd;
   box-shadow:         inset 0 0 10px #cdcdcd;
	padding:0px;
}

.drop_menu ul li ul {
	padding:2px;
	display:block;
	width:180px;
	text-indent:15px;
}

.drop_menu li:hover ul li {
	border-bottom:solid 1px #f1f2f3;
    margin:5px 10px;
    background: url(../images/ar01.png) no-repeat left center;
}

.drop_menu li:hover ul li a {
	padding:5px;
	display:block;
	width:180px;
	text-indent:15px;
    color:#444444;
}
.drop_menu li:hover ul li a:hover { background:#004196;color:#fff; }


a img {
    border: 0 none;
    vertical-align: top;
}
/* slide style */
.search p,.search ul li a,.slide-trigger a,.up,.down,.scroll .prev,.scroll .next,.t h2{ background:url(../images/web.png) no-repeat;}
.banner{width:1000px; margin:0px auto; height:380px; display:block; overflow:hidden; padding-top:0px;}
.banner ul{margin:0px; list-style-type: none;padding:0px;}
.banner ul li{margin:0px; list-style-type: none;}
.slide-panel {position:relative;width:1000px;height:380px;overflow:hidden;}
.slide-panel div li {position:absolute;top:0px; left:0px;}
.slide-panel div img {display:block;width:1000px;height:380px;}
.slide-trigger {position:relative;top:-25px;width:1000px;text-align:center;}
.slide-trigger a {display:inline-block;margin-right:5px;width:14px;height:14px;line-height:14px; font-size:1px; color:#fff;text-align:center;background-position:-29px -99px;outline:none;overflow:hidden;}
.slide-trigger a:hover { text-decoration:none; }
.slide-trigger a.current {width:14px;height:14px;line-height:14px;color:#68b41e;background-position:-3px -99px;}

/*product_box*/
.scroll{ position:relative;background:#e7f0f8; border:1px solid #bed1f5; padding:10px;}
.scroll .prev{ position:absolute; left:7px; top:45px; width:15px; height:13px; display:block;background-position:-191px -64px;}
.scroll .next{ position:absolute; right:7px; top:45px; width:15px; height:13px; display:block;background-position:-241px -64px;}
.product_box{ width:950px; margin:0 auto;}
.product_box li{ width:300px; float:left; padding:0 10px;}
.product_box li p{ color:#0071bf; margin-top:10px;}
.product_box li p a{ background:#0172b4; color:#fff; padding:4px 7px;}
.t{ width:310px; border-bottom:1px solid #ccc;}
.t h2{ width:165px; height:38px; display:block; text-indent:-9999px;}
.t h2.l_t{ background-position:-5px -138px;}
.t h2.m_t{ background-position:-5px -186px;}
.t h2.r_t{ background-position:-5px -233px;}
.p_l,.p_m,.p_r{ width:310px; padding:0 10px;}
.p_r .nr{ width:310px; height:260px; display:block; overflow:hidden;}
.p_m{ padding:0 14px;}
a.more{ background:url(../images/more.gif) no-repeat; width:34px; height:14px; display:block; text-indent:-9999px; margin-top:15px;}
.main_bot{
  background: url(../images/cotent_line.gif) no-repeat left top; padding-top:3px;
}

.main{ padding:10px 0;}
.main_nr{ border:1px solid #e0e0e0; border-top:0px; background:url(../images/main_nr.gif) no-repeat; height:320px;}
.nr{ padding-top:10px; border-top:1px solid #fff;}
.nr img.bor{ width:300px; height:135px; display:block; padding:4px; border:1px solid #e7e7e7; background:#fff;}
.nr img.bor_2{width:300px; height:215px;}
.nr p,.nr a{ color:#333;}

.focus{width:310px;position:relative;}
.f310x240{width:310px;overflow:hidden;}
.nr1{ width:310px; height:260px; display:block;}
.nr1 li{width:310px;overflow:hidden; height:260px; position:absolute; left:0px; top:0px;}
.nr2{ width:310px; height:145x; display:block; margin:0px;}
.nr2 li{width:310px;overflow:hidden; height:145px; position:absolute; left:0px; top:0px;}
.nr1 img,.nr2 img{ display:block;}
.rslides{width:100%;position:relative;list-style:none;padding:0}
.rslides_nav{height:15px;width:15px;position:absolute;top:-30px;left:275px;text-indent:-9999px;overflow:hidden;text-decoration:none; background:url(../images/i_l.gif) no-repeat;}
.rslides li{ display:block;}
.rslides_nav.nxt{left:auto; background:url(../images/i_r.png) no-repeat;right:0}
.rslides_tabs{margin:12px auto;clear:both;text-align:center}
.rslides_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:5px}
.rslides_tabs a{text-indent:-9999px;overflow:hidden;width:0px;height:0px; display:none;}
.rslides_tabs .rslides_here a{background:rgba(0,0,0, .6);background:#390}
.nr ul, .marquee ul{
  margin:0px;
}
.t h2{
  margin:0px;
}

.link{ background:#ededed;}
.link_t{ width:93px;}
.link_nr{ width:897px; padding:5px 0px;}
.link_nr li{ display:inline; padding:5px 10px; float:left;}
.marquee { width:897px; height:30px; overflow:hidden;}

.contentbox {
    background: url("../images/contentbg.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    margin: 0 auto;
}
.fto {
    background: url("../images/lybot.gif") no-repeat scroll center bottom;
    height: 27px;
}

.sidepanel {
    background: url("../images/leftbg.png") no-repeat scroll right top rgba(0, 0, 0, 0);

}

.brdr {
    border-left:1px solid #F0F0F0;
    border-right:1px solid #F0F0F0;
    padding:10px;
    padding-top:0px;
}
.item {padding-top:20px;width:222px;}
.item a{text-decoration: none;}
.item h2{ background:url(../images/item.png) no-repeat;}
.item h2{ height:35px; line-height:35px; color:#003088; text-indent:-9999px; border-bottom:1px solid #e0e0e0; margin-top:0px; background-position:5px 0;}
.item h2.abouttit{ background-position:5px -82px;}
.item h2.solutionstit{ background-position:5px -120px;}
.item h2.newstit{ background-position:5px -39px;}
.item h2.contacttit{ background-position:5px -164px;}
.item h2.certification{ background-position:5px -206px;}
.item_nr{ padding:0px 0; border-top:1px solid #fff;}
.item_nr ul{ margin:0px; list-style-type: none; padding:0px;}
.item_nr ul li{ margin-bottom:1px;}
.item_nr ul li a{ color:#000; border-bottom:1px dashed #d9d9d9; padding:8px 10px 8px 22px; width:190px; display:block; background:url(../images/itemlicur.gif) no-repeat 10px 15px;}
.item_nr ul li a.cur,.item_nr ul li a:hover{ color:#fff; border-bottom:1px solid #004196; padding:8px 10px 8px 22px; width:190px; display:block; background:url(../images/itemli.gif) no-repeat 210px 15px #004196;}
.item_nr ul li ul a{ text-indent:14px; line-height:20px; background:none;}
.item_nr ul li ul a.cur,.item_nr ul li ul a:hover{ color:#e4463f; background:#ededed; border-bottom:1px solid #ededed;}
.quk_link ul li{ margin-bottom:20px;}

#example {width:640px;height:370px;position:relative; margin:0 auto; border:1px solid #ccc;}
#slides {position:absolute;top:0px;left:0px;z-index:100;}
#slides .next,#slides .prev {position:absolute;top:140px;left:0px;width:42px;height:42px;display:block;z-index:101;background:url(../images/solution_icon.png) no-repeat;}
.slides_container {width:640px;height:370px;overflow:hidden;position:relative; }
#slides .next {left:598px;background:url(../images/solution_iconr.jpg) no-repeat;}
.pagination {margin:0px auto 0;width:100px;}
.pagination li {float:left;margin:0 1px;}
.pagination li a {display:none;width:12px;height:0;float:left;overflow:hidden;}
.caption {position:absolute;bottom:-30px;height:30px;padding:5px 20px 0 20px;background:#000;filter:alpha(opacity=80); /*IE*/-moz-opacity:0.8; /*MOZ , FF*/opacity:0.8;
/*CSS3, FF1.5*/width:670px;color:#fff;border-top:1px solid #000;text-shadow:none; line-height:30px; text-align:center;}
.case{ border-top:1px solid #e10900; background:#f5f5f5;}
.case_tit{ border-bottom:1px dashed #ccc; height:35px; line-height:35px;
 background:url(../images/case_icon1.gif) 5px center no-repeat; padding-left:30px; color:#e10900; font-size:18px;}
.case_nr{ padding:15px;}
.case_nr a{color:#000; text-decoration:none;}
.case_nr ul{margin:0px; padding:0px;}
.case_nr ul li{width:610px; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
 background:url(../images/case_icon2.gif) no-repeat left center; padding-left:15px;}
.blue{ color:#004da7;}
.detail_date{ padding-top:10px; margin-top:10px;}
.detail_date p{ width:50%; color:#999;}
.detail_date p a{ width:79px; height:27px;display:block; float:right;}   
/**abouttxt**/
.abouttxt{ line-height:22px;}
.abouttxt img.border{ padding:5px; border:1px solid #ccc; background:#ededee;}
.year{ color:#315ca1; font-size:16px; font-weight:bold; width:50px; padding-left:10px;}
.his{ width:550px; float:left; background:url(../images/quan.gif) no-repeat left 2px; padding-left:30px;}
.history{ background:url(../images/line.gif) repeat-y 67px ; padding:15px 0;}
.history_list{ padding-bottom:15px;}
/**newslist**/
.newslist{ background:url(../images/news-bot.gif) no-repeat bottom center; padding:10px 0 20px;}
.date{ width:70px; background:url(../images/news-r.gif) no-repeat right top; height:55px; padding:10px 0 0 15px; color:#aaaaaa;}
.date p i{ font-size:24px; line-height:30px;}
.news_lr { width:560px;}
.news_lr a.red{ color:#e10900;}
.news_tit{ border-bottom:1px dotted #ccc; margin-bottom:5px;}
.news_tit p{ color:#333; font-weight:normal; font-size:12px; line-height:12px; color:#666;text-align:right; margin:0px;}
.news_tit h3{ display:block;margin:0px; line-height:24px;color:#0349a2; font-weight:bold; text-align:center; font-size:16px;} 



.right_nr a,.right_nr,.hzlist,.hzlist a{ color:#000;}
.footer { height:50px; text-align: center;}
.contentboxx {padding-left:30px; padding-right:30px; color: #515151;}
.contentboxx h2{color: #515151;font-size: 22px; font-weight: normal;border-bottom: 1px solid #E0E0E0; line-height:38px;}
.contentboxx p{ color: #808080;font-family: Arial;font-size: 14px; line-height:18px; }
.f14{ font-size:14px;}
.white{ color:#fff;}
.red{ color:#e10900;}
/* text-align */
.al {text-align:left;}
.ac {text-align:center;}
.ar {text-align:right;}

.mt-5{ margin-top:5px;}
.mt-10{ margin-top:10px;}
.mb-5{ margin-bottom:5px;}
.mb-10{ margin-bottom:10px;}
.mb-15{ margin-bottom:15px;}
.mb-20{ margin-bottom:20px;}
.mr-10{ margin-right:10px;}
.mr-20{ margin-right:20px;}
.ml-5{ margin-left:5px;}
.ml-20{ margin-left:20px;}
.mt-20{ margin-top:20px;}

.blank3{ height:3px; clear:both;}
.blank5{ height:5px; clear:both;}
.blank10{ height:10px; clear:both;}
.blank15{ height:15px; clear:both;}
.blank20{ height:20px; clear:both;}
/* clear */
.clear{ clear:both;}
.clearfix{display:block;*zoom:1; clear:both;}
/* float */
.f_r{float:right;}
.f_l{float:left;}
.txt p{padding-bottom:5px;}
.detail p{padding-bottom:15px;}
.txt p{ text-indent:24px;}

.cerfiList .left{float:left;}
.cerfiList .list ul{margin:0px; padding:0px; list-style:none;}
.cerfiList .list li{
	background:#F1F1F1 url(../images/icon-left.gif) no-repeat left center; 
	padding:17px 20px 17px 42px; 
	margin-bottom:17px;
	}

.cerfiList .icon ul{margin:0px; padding:0px; list-style:none;}
.cerfiList .icon li{ 
	padding:0px 10px 0px 0px; 
	margin-bottom:10px;
	}