html, body { margin: 0; padding: 0;   background: #fff;  font-family: "Microsoft Yahei",Helvetica, Arial; }
ul, li { margin: 0; padding: 0; list-style: none; }
a{ text-decoration:none; color:#777777;}
ul,li,div, h1,h2,h3,h4,a,img,table,table,tr,td,dl,dt{ margin:0; padding:0}
ul,li{ list-style:none;}
img{ border:0;}
.clear{ clear:both}
.clearfix:after{ display:block; content:''; clear:both; visibility:hidden; }
input,textarea{outline:none}

.header {  width: 100%; border-top: 5px #178df5 solid; height: 100px;  }
.logo { float: left; height: 70px; width:300px; padding-top: 25px; margin-left: 10px; }
.wrapper{ width:1180px; margin: 0 auto }

.header .right{ float: right; width: 680px; }

.menu_w{ width:700px;   height: 40px; padding-top: 30px; }
.menu{width:700px;  height:40px ; margin: 0 auto  }
.menu li{float:left; line-height:40px; width:120px;  text-align:center; margin-right: 15px; font-size:16px; display: inline;   }
.menu li a{ display:block; color:#333 }
.menu li:hover{ background: url(../images/menu_hover.gif) no-repeat top center; }
.menu .hover,.menu .hover02{display:block; background: url(../images/menu_hover.gif) no-repeat top center;}
.menu .hover a,.menu .hover02 a{ color:#ffffff;}
.menu  a:hover{ color:#ffffff}



.slider{ width: 100%; height: 550px;  background: url(../images/slider05.jpg) no-repeat center top;  }
.slider{ width:100%;  }
#full-screen-slider { width:100%; height:550px; float:left; position:relative; }
#slides { display:block; width:100%; height:550px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute; text-align:center}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:27%; top:510px; z-index:9900;  padding:5px 15px 5px 0; margin:0; }
#pagination li { display:block; list-style:none; width:12px; height:12px; float:left; margin-left:15px;  background:#00a1fd ; 
 -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius:10px;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#fff}


.banner{ width: 100%; height: 300px; background: url(../images/display.jpg) no-repeat center top;}
.banner_about{ width: 100%; height: 320px; background: url(../images/banner_about.jpg) no-repeat center top;}
.banner_contact{ width: 100%; height: 320px; background: url(../images/banner_contact.jpg) no-repeat center top;}
.banner_pro{ width: 100%; height: 320px; background: url(../images/banner_pro.jpg) no-repeat center top;}
.banner_pri{ width: 100%; height: 320px; background: url(../images/banner_pri.jpg) no-repeat center top;}
.home_pro{ width: 1200px; margin: 0 auto; padding: 30px 0 40px 0}
.home_pro .tit{ background: url(../images/tit_bot.gif) no-repeat bottom center; width: 650px; 
	height: 70px; font-size: 40px; text-align: center; color: #333; margin: 0 auto; padding-top: 20px; margin-bottom: 20px;}
.home_pro .more{ width: 230px; text-align: center; height: 50px; line-height: 50px; margin: 20px auto ; background: #1689fe; 
	-moz-border-radius: 40px;-webkit-border-radius: 40px;border-radius:40px;}
.home_pro .more a{ color: #fff; display: block; }
.home_pro .more:hover{ background: #087ff9 }


.picScroll-left{ width:1200px;  overflow:hidden; position:relative;    }
.picScroll-left .hd{ width: 1180px;   }
.picScroll-left .hd .prevStop{ }
.picScroll-left .hd .nextStop{ }
.picScroll-left .hd ul{ overflow:hidden; zoom:1; margin-top:10px; display: none; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;  }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{ padding:10px; margin-left: 40px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center;  }
.prev,.next{ display:block; width:25px; height:44px; cursor:pointer; background:url("../images/left_bar.gif") no-repeat; position: absolute; top: 50%; margin-top: -50px; }
.prev{left: 1%; }
.next{ background:url("../images/right_bar.gif") no-repeat;  right: 1%; width:25px; height:44px;}


.home_pro .picList{ width: 1180px; }
.home_pro .picList li{ float: left; margin-right: 15px; display: inline;  text-align: center; font-size: 14px; height: 370px;  width:260px; }
.home_pro .picList li img{ width:250px; height: 320px; margin: 0 }
.home_pro .picList li a{color: #333}

.home_pro .picList .tit03{ height: 35px; line-height: 35px; margin:0; padding:0; }

.home_about{ width: 100%; background: url(../images/about_bg.gif) #f1f2f4 no-repeat center top; height: 600px;  }
.home_about .t{ width: 1180px; margin: 0 auto; }

.home_about .con{ width: 620px; margin: 0 auto; color: #333; line-height:38px; padding-top: 190px; height: 340px; float: right; font-size: 16px; margin-right: 20px;}
.home_about .con p{ text-indent: 2em }
.home_about .more{ width: 110px; text-align: center; background: #fff; height: 36px; line-height: 36px; margin: 30px auto}
.home_about .more a{ color: #666}

.ul_about li{ float: left; width: 80px; height: 44px; line-height: 44px; font-size: 14px; 
	-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius:30px; border: 1px #1689fe solid;
	margin-right: 15px;  padding-left: 55px ; }
.ul_about .a{ background: url(../images/about_ico.gif) no-repeat 10px 8px; }
.ul_about .h{ background: url(../images/honor_ico.gif) no-repeat 15px 10px; padding-left: 50px ;}
.ul_about .e{ background: url(../images/equipment_ico.gif) no-repeat 15px 10px; padding-left: 50px ; }
.ul_about .c{ background: url(../images/tel_ico.gif) no-repeat 15px 8px; padding-left: 50px ;}

.company_name{ font-size: 20px; font-weight: bold; }
.font_b{ font-weight: bold; }
.font_c{ color: #ff0000 }
.ul_about li a{color: #1e80ff}
.ul_about li a:hover{color: #045cce}





.footer{ background: #535353; width: 100%; height: 50px; line-height: 50px; font-size: 12px; color: #dadada}
.footer .copyright{ float: right; margin-right: 20px; }
.footer a{ color: #dadada }


.container h1{ text-align: center;; font-weight: normal; padding-top: 40px;}

.container{ min-height: 400px; font-size: 16px; color: #404040; padding-top: 20px;}
.container .datetime{ text-align: center; padding: 8px 0; color: #aaaaaa; font-size: 16px;}

.content{ padding-top: 40px; width: 1180px; margin: 0 auto; }
.content .nav{ text-align: center;  padding: 20px 0; }
.content .nav a{ border: 1px #087ff9 solid; margin-right: 15px; -moz-border-radius: 6px;border-radius: 6px; padding: 8px 30px 8px 30px; color: #087ff9}
.content .nav .hover{ background: #087ff9; color: #ffffff; border: 1px #087ff9 solid; }



.left_bar{ float: left; width: 180px;  }
.left_bar .nav{  padding: 0px 0 }
.left_bar .nav a{ display: block; margin-bottom: 10px;  padding: 8px 10px 8px 10px; }

.right_con{ float:right; width:980px; overflow:hidden; font-family:"Microsoft yahei"; font-size:14px; color:#393b41; min-height: 860px; }
.right_con h2{ font-size: 24px; text-align: center; padding: 40px 0 10px 0}

.right_con .img{ text-align: center; float: left; text-align: center; width: 350px;  padding-top: 20px;}

.right_con .name{ float: left; padding-top: 20px; }
.right_con .name .name1{ font-size: 26px; margin-bottom: 20px;}
.right_con .name .name2{ font-size: 16px; color: #666}
.pro_des{ font-size: 16px; padding-top: 15px; }

.showpath{ display: none; }

.ul_pro{ padding-top: 40px; }
.ul_pro li{ float: left; margin-right: 15px; display: inline;  text-align: center; font-size: 14px; height: 370px;  width:260px;   }
.ul_pro li img{ width:250px; height: 320px; margin: 0 }
.ul_pro li a{color: #333}
.ul_pro li .tit{ text-align: center; padding-top: 10px; }
.ul_pro li :hover{ color: #087ff9}
.ul_pro li :hover img{ border: 2px #087ff9 solid }

.ul_contact{ height: 320px;}
.ul_contact li{ float: left; width: 370px; height: 190px; background: #f4f4f4; margin-right: 35px; text-align: center; padding-top: 100px; color: #555 }
.ul_contact li span{ font-size: 26px; padding-bottom: 20px; color: #444 }
.ul_contact .add{  background: url(../images/ico01.png) no-repeat 160px 40px #ebfffa;  } 
.ul_contact .person{  background: url(../images/ico02.png) no-repeat 150px 40px #e2faff;  } 
.ul_contact .mail{  background: url(../images/ico03.png) no-repeat 140px 40px #eaf6ff; margin-right: 0; float: right;  } 
.ul_contact .person p{ text-align: left; padding-left: 35px; line-height: 28px;  }



.Flip{ margin:25px 0}
.ul_news li h2 a:hover,.ul_recruit li a:hover{  color:#eb0011}
.datetime{ background:#eeeeee ; text-align:center; color:#a0a0a0; margin-bottom:5px;}



.Flip{ margin:25px auto; text-align: center; width: 340px; line-height: 20px }

.Flip .current{  border: 1px solid #2e282f; background: #2e282f; font-size: 14px;  margin-right: 5px; padding: 0px 4px; color: #f5cf4c; float: left;   }
.Flip .num{border: 1px solid #c9c9c9;  font-size: 14px;  margin-right: 5px; padding: 0px 4px; float: left;  }
.Flip .first,.Flip .end{ float: left; margin-right: 5px;}
.Flip .next,.Flip .prev{display: none;}