body {
	margin:0;
	padding:0;
	line-height:24px;
	font-family: Verdana, Arial, Tahoma;
	font-size: 12px;
}

li{list-style-type: none;}
ul{list-style-type: none; margin:0 auto; padding:0;}
a {color:#333333;text-decoration:none;}
a:hover {color:#1c73b0;text-decoration:none;}

.center{ text-align:center}
.line{ border-bottom:#CCCCCC 1px dashed;}

img {border:0;}
.img:visited img{border: 1px solid #cccccc;}
.img img{border: 1px solid #cccccc;padding:3px;}
.img:hover img{border: 1px solid #cccccc;}

/*顶部样式*/


.top{ background:url(top.jpg) no-repeat center top; width:1200px; height:125px; margin:0 auto}
.top_right{ float:right; width:260px; height:30px; line-height:30px; color:#666; text-align:center}
.top_right a{ color:#666}

/*导航样式*/

/*导航样式*/
.Top_menu {width:1200px;height:25px; margin:0 auto; margin-top:10px; margin-bottom:10px;}
.Top_menu ul{list-style:none; width:1200px; margin:0 auto; position:relative; z-index:10;}
.Top_menu ul li{float:left;width:120px;text-align:center; height:25px; line-height:25px; font-size:14px;}
.Top_menu ul .li_link{width:1px; height:25px; background:url(menu.jpg) no-repeat center;}
.Top_menu ul li a:link{color:#333333;text-decoration:none;display: block;}
.Top_menu ul li a:visited{ color:#333333;text-decoration:none;display: block;}
.Top_menu ul li a:hover{ color:#fff; text-decoration:none;display: block; background:url(on_nav.jpg) no-repeat center;} 
.Top_menu ul li a:active { color:#fff;display: block;}

.nqType{position:relative; overflow: hidden; height:25px; width:1200px; margin:0 auto;}
.nqtWrap{float: right; overflow: hidden; }
.nqtWrap li{float: left; }
.nqtWrap li a{display: block; height:25px; padding:0;line-height:25px; color: #505050; text-decoration: none; }
.nqtWrap li a:hover{ /*border-bottom-color: #058bbc;*/ color: #058bbc; }

.nqUnderline{position: absolute; bottom: 0; right: 0; height:25px; background:url(on_nav.jpg) no-repeat center; width:120px; z-index:1;}

/* 轮换区 */
.flash{ height:auto; overflow:hidden;}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.slide_container {
  position: relative;
  float: left;
  width: 100%;
  }

.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
  
 .slide img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.slide .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }
  
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }


/*index*/
.main{ width:1200px; height:auto; overflow:hidden;  margin:0 auto; margin-top:20px;}


/*产品*/
.cp{ width:100%; margin:0 auto}

/*左右产品*/

.tj_cp{ width:100%; height:530px; margin:0 auto; margin-top:20px;}

.tj_cp_bg{ width:1385px; height:auto; margin:0 auto; overflow:hidden;}

/* mover ad */
.movead {zoom:1; width:1385px; margin:0 auto;}
.movead .pcont {width:1200px; height:530px; overflow:hidden; float:left}
.movead .ScrCont {width: 32766px; zoom: 1}
.movead #List1_1 {FLOAT: left}
.movead #List2_1 {FLOAT: left}
.movead .LeftBotton { background:url(left0.jpg) no-repeat center; FLOAT: left; WIDTH:76px; HEIGHT:530px;_behavior: url(js/iepngfix.htc);}
.movead .RightBotton { background:url(right0.jpg) no-repeat center; FLOAT: left; WIDTH:76px; HEIGHT:530px;_behavior: url(js/iepngfix.htc);}

.movead .pl img {DISPLAY: block; CURSOR: pointer; width:165px; height:165px; margin-left:60px; margin-top:50px; text-align:center}
.movead .pl {float:left; width:300px; height:530px; overflow:hidden; border-right:1px #ccc solid;}
.movead .pl img.picshadow{width:300px;}
.movead .pl a{ width:300px;color:#333; height:530px; display:block;
transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s; padding-top:20px;}
.movead .pl a:hover{ background-color:#0254a8; color:#FFF; width:300px; height:530px; display:block; }


/*公司简介*/
.gsjj{ width:100%; background:url(gsjj_bg.jpg) no-repeat center top; height:auto; overflow:hidden; margin:0 auto; margin-top:40px;}
.gsjj_top{ width:1150px; height:309px; background:url(gsjj_top.png) no-repeat center top; margin:0 auto; margin-top:70px;}
.gsjj_pic{ float:left; margin-left:40px; margin-top:40px; width:422px; height:259px;}
.gsjj_bg{ width:1150px; margin:0 auto; height:auto; overflow:hidden; margin-top:20px; color:#CCC; line-height:30px; padding-bottom:20px;}

.gsjj_zc{ width:1200px; height:473px; background:url(gsjj_zc.jpg) no-repeat; margin:0 auto}
.gsjj_zc_con{ float:left; width:740px; height:340px; margin-left:30px; margin-top:100px; color:#666; line-height:30px;}

/*anli*/
.anli{ width:1200px; margin:20px auto;}
.anli_top{ width:1200px; height:100px; margin:0 auto}
.anli_tf{ width:1200px; height:50px; margin:0 auto; text-align:center; line-height:50px; color:#333; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:32px;}
.anli_tf0{ width:1200px; margin:0 auto; text-align:center; color:#0254a8;font-family:"Arial"; font-size:32px; font-weight:bold}
.anli_bg{ width:1200px; height:auto; overflow:hidden; margin:50px auto}

/*聚光灯效果*/
.spotlightWrapper ul { 
list-style-type: none; /* remove the default style for list items (the circles) */ 
margin:0px; /* remove default margin */
padding:0px; /* remove default padding */
background-color:#000
}
.spotlightWrapper ul li { 
float:left; /* important: left float */
position:relative; /* so we can use top and left positioning */
}
.spotlightWrapper ul li a img {  /* you don't need this, i just rescaled the images they are bigger then i want them to be ' */
position:relative; /* so we can use top and left positioning */
border:none; /* remove the default blue border */
}
.spotlightWrapper ul li a img.active {
border:4px solid white; /* choose whatever you like */
z-index:1; /* show it on top of the other images (they have z-index 0) */
left: -4px; /* same as border width but negative */
top: -4px; /* same as border width but negative */
}
.clear { clear:both; } /* to clear the float after the last item */

/*news*/

.news{ width:1200px; margin:20px auto;}
.news_top{ width:1200px; height:100px; margin:0 auto}
.news_tf{ width:1200px; height:50px; margin:0 auto; text-align:center; line-height:50px; color:#333; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:32px;}
.news_tf0{ width:1200px; margin:0 auto; text-align:center; color:#0254a8;font-family:"Arial"; font-size:32px; font-weight:bold}
.news_bg{ width:1200px; margin:0 auto}


.news_list2{ float:left; width:327px; height:104px; background:url(news_list2.jpg) no-repeat; margin-left:15px; display:block}

.news_list{ background:url(icon2.jpg) no-repeat left center; text-indent:15px; line-height:30px;}
.data{ text-align:right; margin-right:0px!important; margin-right:10px; color:#CCCCCC}


/*right*/
.right{ float:right;width:920px;}
.right_top{ width:920px; height:53px; background:url(right_top.jpg) no-repeat; margin:0 auto}
.right_tf{ float:left; margin-left:0px!important; margin-left:15px; line-height:50px; color:#333; font-size:20px; font-family:"Arial"; }
.right_r{ text-align:right; line-height:50px; margin-right:0px!important; margin-right:10px;color:#666; }
.right_r a{ color:#666;}
.right_bg{ width:920px; height:auto; overflow:hidden; margin:0 auto;}
.right_bt{ width:920px; height:7px; margin:0 auto}
.right_con{ width:920px; height:auto; overflow:hidden; margin:0 auto; color:#333; line-height:30px; margin-top:20px;}


/*left*/
.left{ float:left; width:243px; }
.left_top{ width:243px; height:52px; background:url(left_top.jpg) no-repeat; margin:0 auto}
.left_tf0{ float:left; margin-left:20px; width:52px; height:52px; text-align:center; line-height:52px; color:#FFFFFF; font-family:"Arial"; font-size:40px;}
.left_tf{ float:left; margin-left:10px!important; margin-left:20px; line-height:52px; font-size:20px; color:#FFFFFF; font-family:"Arial";}
.left_bg{ width:243px; height:auto; overflow:hidden; margin:0 auto; background-color:#FFF;}
.left_bt{ width:243px; height:22px; margin:0 auto;}

.left_list{ width:243px; margin:0 auto;}
.left_list ul{}
.left_list ul li{ width:243px; height:48px; background:url(left_list.jpg) no-repeat; margin:0 auto; font-size:14px; font-weight:bold; line-height:48px; margin-top:1px;}
.left_list ul li a:link{padding-left:50px; display:block;text-decoration:none; color:#FFFFFF}
.left_list ul li a:visited{padding-left:50px; display:block;text-decoration:none; color:#FFFFFF}
.left_list ul li a:hover{  height:48px; line-height:48px; font-weight:bold; background:url(left_list1.jpg) no-repeat; display:block;text-decoration:none; color:#FFFFFF}
.left_list ul li a:active{padding-left:50px; display:block;text-decoration:none; color:#FFFFFF}

.left_list0{ width:243px; margin:0 auto;}
.left_list0 ul{}
.left_list0 ul li{ width:243px; height:30px; background:url(left_list0.jpg) no-repeat; margin:0 auto; line-height:30px; margin-top:1px;}
.left_list0 ul li a:link{padding-left:50px; display:block;text-decoration:none; color:#333}
.left_list0 ul li a:visited{padding-left:50px; display:block;text-decoration:none; color:#333}
.left_list0 ul li a:hover{  height:30px; line-height:30px; font-weight:bold; display:block;text-decoration:none; color:#333}
.left_list0 ul li a:active{padding-left:50px; display:block;text-decoration:none; color:#333}


.left_lx_top{ width:243px; height:52px; background:url(left_top.jpg) no-repeat; margin:0 auto; margin-top:10px;}
.left_lx_tf0{ float:left; margin-left:20px; width:52px; height:52px; text-align:center; line-height:52px; color:#FFFFFF; font-family:"Arial"; font-size:40px;}
.left_lx_tf{ float:left; margin-left:10px!important; margin-left:20px; line-height:52px; font-size:20px; color:#FFFFFF; font-family:"Arial";}
.left_lx_pic{ width:243px; height:77px; background:url(left_lx_pic.jpg) no-repeat; margin:0 auto}
.left_lx_bg{ width:243px; height:auto; background:url(left_lx_bg.jpg) repeat-y; margin:0 auto}
.left_lx_bt{ width:243px; height:10px; background:url(left_lx_bt.jpg) no-repeat; margin:0 auto}
/*foot*/
.foot_bg{ width:100%; height: auto; overflow:hidden; background:url(foot_bg.jpg) repeat-x; background-color:#1b1b1b; margin:0 auto; margin-top:20px;}
.foot_zh{ width:1200px; height:138px; background:url(foot_zh.jpg) no-repeat; margin:0 auto; }
.foot_nav{ width:1200px; height:auto; overflow:hidden; margin:0 auto; line-height:35px; text-align:center;color:#FFF; margin-top:20px;}
.foot_nav a{ color:#FFF}
.foot {width:1200px;  margin:0 auto; line-height:25px;color:#fff; text-align:center}
.foot a{color:#fff}
