body {}


/* `Container
----------------------------------------------------------------------------------------------------*/
.wrap{  margin-left: auto;  margin-right: auto; width:100%}
.container {  margin-left: auto;  margin-right: auto;  width: 1020px; }

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16,
.grid_17,
.grid_18,
.grid_19,
.grid_20,
.grid_21,
.grid_22,
.grid_23,
.grid_24,
.one_half,.one_Quarter,.one_Fifth,.logo,.menu{  display: inline;  float: left;  margin-left: 10px;  margin-right: 10px; }



.ml_1{ margin-left:1px}
.ml_2{ margin-left:2px}
.ml_3{ margin-left:3px}
.ml_4{ margin-left:4px}
.ml_5{ margin-left:5px}
.ml_10{ margin-left:10px}
.ml_15{ margin-left:15px}
.ml_20{ margin-left:20px}
.ml_25{ margin-left:25px}
.ml_30{ margin-left:30px}
.ml_35{ margin-left:35px}
.ml_40{ margin-left:40px}
.ml_45{ margin-left:45px}
.ml_50{ margin-left:50px}

.mr_1{ margin-right:1px}
.mr_2{ margin-right:2px}
.mr_3{ margin-right:3px}
.mr_4{ margin-right:4px}
.mr_5{ margin-right:5px}
.mr_10{ margin-right:10px}
.mr_15{ margin-right:15px}
.mr_20{ margin-right:20px}
.mr_25{ margin-right:25px}
.mr_30{ margin-right:30px}
.mr_35{ margin-right:35px}
.mr_40{ margin-right:40px}
.mr_45{ margin-right:45px}
.mr_50{ margin-right:50px}

.mb_1{ margin-bottom:1px}
.mb_2{ margin-bottom:2px}
.mb_3{ margin-bottom:3px}
.mb_4{ margin-bottom:4px}
.mb_5{ margin-bottom:5px}
.mb_10{ margin-bottom:10px}
.mb_15{ margin-bottom:15px}
.mb_20{ margin-bottom:20px}
.mb_25{ margin-bottom:25px}
.mb_30{ margin-bottom:30px}
.mb_35{ margin-bottom:35px}
.mb_40{ margin-bottom:40px}
.mb_45{ margin-bottom:45px}
.mb_50{ margin-bottom:50px}

.mt_1{ margin-top:1px}
.mt_2{ margin-top:2px}
.mt_3{ margin-top:3px}
.mt_4{ margin-top:4px}
.mt_5{ margin-top:5px}
.mt_10{ margin-top:10px}
.mt_15{ margin-top:15px}
.mt_20{ margin-top:20px}
.mt_25{ margin-top:25px}
.mt_30{ margin-top:30px}
.mt_35{ margin-top:35px}
.mt_40{ margin-top:40px}
.mt_45{ margin-top:45px}
.mt_50{ margin-top:50px}
.fl{ float:left}
.fr{ float:right}


/* `Grid >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container .grid_1  {  width: 30px;}
.container .grid_2  {  width: 70px;}
.container .grid_3  {  width: 110px;}
.container .grid_4  {  width: 150px;}
.container .grid_5  {  width: 190px;}
.container .grid_6  {  width: 230px;}
.container .grid_7  {  width: 270px;}
.container .grid_8  {  width: 310px;}
.container .grid_9  {  width: 360px;}
.container .grid_10 {  width: 390px;}
.container .grid_11 {  width: 430px;}
.container .grid_12 {  width: 470px;}
.container .grid_13 {  width: 550px;}
.container .grid_14 {  width: 590px;}
.container .grid_15 {  width: 620px;}
.container .grid_16 {  width: 670px;}
.container .grid_17 {  width: 710px;}
.container .grid_18 {  width: 750px;}
.container .grid_19 {  width: 790px;}
.container .grid_20 {  width: 830px;}
.container .grid_21 {  width: 870px;}
.container .grid_22 {  width: 910px;}
.container .grid_23 {  width: 950px;}
.container .grid_24 {  width: 1000px;}
.container .one_half {  width: 490px; }
.container .one_Quarter {  width: 235px; }
.container .one_Fifth {  width: 184px;}
.container .logo{width:380px;}
.container .menu{width:600px;}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear {  clear: both;  display: block;  overflow: hidden;  visibility: hidden;  width: 0;  height: 0;}
.clearfix:before,.clearfix:after,.container:before,.container:after{  content: '.';  display: block;  overflow: hidden;  visibility: hidden;  font-size: 0;  line-height: 0;  width: 0;  height: 0;}
.clearfix:after,.container:after {  clear: both;}
.clearfix,.container {  zoom: 1;}



.top{background: rgb(249, 249, 249); height: 35px; color: rgb(153, 153, 153); line-height: 35px; border-bottom-color: rgb(241, 241, 241); border-bottom-width: 1px; border-bottom-style: solid; border-top: 3px #FF0000 solid}
.topv {	background: url("../image/icon07.jpg") no-repeat center rgb(254, 0, 0); width: 35px; height: 25px;}
.toptext{ _padding-top:8px;}
.nav{float:right; margin-top:10px;}
.nav li{ float:left; list-style:none; text-align:right; background-color:#f7f7f7; margin-left:8px; float:left; padding:5px 9px 5px 9px; font-weight:bold; font-size:13px}
.nav li:hover{ background-color:#e7eef7;}
.nav li a{text-decoration: none;}
#banner {	width: 100%; height: 320px; position: relative;}
#slides {	list-style: none; margin: 0px; padding: 0px; width: 100%; height: 300px; display: block; position: relative;}
#slides li {	list-style: none; margin: 0px; padding: 0px; width: 100%; height: 100%; display: block; position: absolute;}
#slides li a {	width: 100%; height: 100%; text-indent: -9999px; display: block;}

#slides1 {	list-style: none; margin: 0px; padding: 0px; width: 100%; height: 238px; display: block; position: relative; }
#slides1 li {	list-style: none; margin: 0px; padding: 0px; width: 100%; height: 100%; display: block; position: absolute;}
#slides1 li a {	width: 100%; height: 100%; text-indent: -9999px; display: block;}

#pagination {list-style: none; margin: 0px; padding: 0px; left: 50%; top: 260px; display: block; position: absolute; z-index: 9900;}
#pagination li {background: rgb(255, 255, 255); list-style: none; border-radius: 10px; width: 20px; height: 20px; margin-left: 20px; float: left; display: block;}
#pagination li a {	margin: 0px; padding: 0px; width: 100%; height: 100%; text-indent: -9999px; display: block;}
#pagination li.current {	background-color: rgb(254, 0, 0);}



#pagination1 {list-style: none; margin: 0px; padding: 0px; left: 50%; top: 260px; display: block; position: absolute; z-index: 9900;}
#pagination1 li { list-style: none; border-radius: 10px; width: 20px; height: 20px; margin-left: 20px; float: left; display: block;}
#pagination1 li a {	margin: 0px; padding: 0px; width: 100%; height: 100%; text-indent: -9999px; display: block;}
#pagination1 li.current {	background-color: rgb(254, 0, 0);}


.products  {background:transparent url("../image/Producttitle.jpg") no-repeat right; height: 44px; line-height: 44px; padding-left: 15px; margin-bottom:20PX; float:NONE; width:360px ; float:right; margin-right:0; }
.plink {color: rgb(153, 153, 153); font-weight: normal; background-color:transparent;  float:left;padding-left:10px; width:300px; overflow:hidden}
.pmore {	float: right;  margin:21px 15px 0 0; height:5px}
.products .bp { background-color:#066; width:360px; height:208px; float:right; margin-top:15px;}
.Productfoot{float: right; margin-top:-10px;}
.i_link { margin-top:27px;}
.i_link li{ list-style:none; border:1px #CCCCCC solid; margin:0 0 10px 0; width:225px; float:left}
.linktitle{ text-align:center; margin-top:7px;}
.i_news{ float: left; margin-right:15px; width:300px;}
.i_news li{ width:90%; margin:0 0 5px 0; list-style:none; background:transparent url(../image/ico.png) no-repeat 8px 8px; padding:6px 0 5px 30px; border-bottom: 1px #CCCCCC dotted; }
.i_case { padding:0px; overflow:hidden; float:none; width:430px; _margin:0px;*margin:0px}
.i_case li{ float:left; width:97px; height:100px; overflow:hidden; list-style:none; margin:0px 4px 0px 4px;}
.cooperation {	background: url("../image/Co-brand.jpg") no-repeat 10px 15px; border-radius: 5px; border: 1px solid rgb(241, 241, 241); overflow:hidden; padding:0px; margin-bottom:10px; height:140px;}

#demo {	width: 910px; overflow: hidden; margin-left:90px;}
#indemo {	width: 10000%; float: left;}
#indemo ul {padding-top: 15px; padding-bottom:15px; padding-right:10px; overflow: hidden; float: left; }
#indemo ul li {	float: left; list-style:none; margin-left:5px; margin-right:5px}
#indemo ul li img{border:#CCC 1px solid}
#indemo ul li p {	text-align: center; margin-top: 10px;}

.bottom{ background-color:#f7f7f7;height: 100px; color: rgb(153, 153, 153);  border-top: 1px #e7e7e7 solid}
.bottom .right{ float:right}
.bottom .right li{ float:none; list-style:none; color:#222}
.a_left{ background-color:#e7e7e7; padding:10px 0 10px 0px }
.a_left p{ padding:10px 10px 0px 15px; line-height:200%}
.a_left li{ list-style:none;background:transparent url(../image/ico.png) no-repeat 0px 6px; padding-left:20px; margin:5px 20px;border-bottom: 1px #CCCCCC dotted;font-size:13px; }


.p_left{  padding:0px 0 0px }
.p_left p{ padding:10px 10px 0px 15px; line-height:200%}
.p_left .li{ list-style:none;background:#2ca6bd url(../image/005b_49.gif) no-repeat 6px 10px; height:25px; line-height:25px; padding-left:20px; margin:0px;font-size:13px;  list-style:none;}
.p_left .lili{background:#e7e7e7 url(../image/ico.png) no-repeat 6px 10px;padding:3px 5px 3px 20px;  width:205px;margin:1px 0px;border-bottom: 1px #CCCCCC dotted; list-style:none;}

.a_content{float:left;width:710px; font-size:13px; margin:5px 0 0 0px; padding:10px 20px 20px 20px; overflow:hidden; line-height:200% }
.n_content{float:left;width:710px; font-size:13px; margin:5px 0 0 0px; padding:10px 20px 20px 20px; overflow:hidden; line-height:200% }
.a_title{ text-align:center; font-size:18px; font-weight:bold; border-bottom: 1px #CCCCCC dotted; padding-bottom:20px;}
.cutepage {	TEXT-ALIGN: left; padding-right:0px; margin-bottom:20px; float:left}
.cutepage A {MARGIN-LEFT: 5px; PADDING-TOP: 6px; PADDING-BOTTOM: 6px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; background-color:#ccc; TEXT-DECORATION: none; color:#000; font-family:Arial, Helvetica, sans-serif}
.cutepage A:hover {	TEXT-DECORATION: none; background-color:#d00000 ;color:#fff;}
.cutepage A.selected {COLOR: #fff; TEXT-DECORATION: none; background-color:#d00000 }
.cutepage INPUT {WIDTH: 25px; height:20px;MARGIN-LEFT: 3px; BORDER: #AFAFAF 1px solid; font-size:12px; text-align:center; font-family:Arial, Helvetica, sans-serif}
.con_img{ border:1px #CCCCCC solid}
.p_list{ width:100%; padding-left:10px;}

.p_list li{  width: 175px; display: inline;  float: left;  margin:0 5px 20px 3px; overflow:hidden;  }
.p_list li ul .img{  display: inline;  border:1px #CCCCCC solid; width:165px; padding:1px }
.p_list li ul .title{ font-size:12px; text-align:center}
.p_list li span a{ color:#333; font-size:13px;}

.n_list{ _width:720px;*width:720px;  }
.n_list li{ width:100%; float:none; margin:0 0 10px 0; line-height:40px;border-bottom:1px #CCCCCC dotted; list-style:none;background:transparent url(../image/ico01.gif) no-repeat 10px 12px; }
.n_list li a{padding-left:40px;}
.n_list li span{ float:right; padding-left:20px; text-align:left }

.ico_count{background:transparent url(../image/icon_count.png) left center  no-repeat; width:50px; }
.ico_author{background:transparent url(../image/icon_author.png) left center  no-repeat;width:50px;  }
.ico_data{background:transparent url(../image/icon_data.png) left center  no-repeat; width:65px; }
.content { padding-left:170px;}
.bdsharebuttonbox { float:left}
.content span{padding-left:20px; margin-top:3px; }
.n_list li a { font-size:15px;}
  .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
img{ border:0px}