@charset "utf-8";
/* CSS Document */
@import url();

body{ font-size:12px; line-height:1.8em; color:#333; background-color:#fff; font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{ margin:0;padding:0;}
input, textarea, select{ font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma; font-size:12px;}
ul{ margin:0px; padding:0px; list-style-type:none;}
li{ list-style:none;}
a,a:visited{color:#000; text-decoration:none;}
a:hover{text-decoration:none;}
.clear{clear:both;}
.wrap{ width:1000px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.mt20{ margin-top:20px;}
/*----------------------------------------------end main-----------------------------------------*/

.flexslider{position:relative;height:500px;overflow:hidden;background:url(/banner/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:500px;}
.slides li a{ display:block; width:100%; height:380px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(/banner/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(/banner/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(/banner/next.png) center center no-repeat;}




.logo{ float:left; width:475px; height:90px; background:url(/images/logo.jpg) left top no-repeat;}
.logo a{ display:block; width:398px; height:90px; text-indent:-9999px;}
.tel{ float:right; width:364px; height:90px; background:url(/images/tel.jpg) left top no-repeat;}

.nav{ background:url(/images/nav_bg.jpg) left top repeat-x; height:49px;}
.nav ul li{ line-height:49px; float:left; }
.nav ul li a{ color:#fff; display:block; height:49px;  padding:0 50px;}
.nav ul li a:hover{ display:block; height:49px; background:url(/images/nav_hover.jpg) left top repeat-x;}

.cate{ width:209px; float:left; margin-top:20px;}
.cate .title{ background:url(/images/product_cate.jpg) left top no-repeat; height:63px; width:209px;}
.cate .info{ border:solid 1px #0052a9; border-top:none; background-color:#effaff; padding:10px;}
.cate .info ul li{background:url(/images/dot.jpg) left 11px no-repeat; line-height:25px; text-indent:15px; margin-bottom:1px;}

.index_product{ float:right; width:791px; margin-top:20px;}
.index_product .title{ float:right; background:url(/images/product.jpg) left top no-repeat; height:35px; margin-bottom:20px; border-bottom:solid 1px #0052a9; width:750px;}
.index_product .info ul li{ float:right;width:230px;  margin-left:30px; text-align:center; margin-bottom:5px;}
.index_product .info ul li img{ width:230px; height:200px; border:solid 1px #ccc;}



.contact{ padding:10px; border:solid 1px #0052a9; width:239px; margin-top:20px; float:left;}
.contact .title{ width:239px; height:36px; background:url(/images/contact.jpg) left top no-repeat; margin-bottom:7px;}
.contact .info{ line-height:27px;}


.about{ padding:10px; border:solid 1px #ccc; float:right; width:700px; margin-top:20px;}
.about .title{  height:36px; background:url(/images/about.jpg) left top no-repeat; border-bottom:solid 1px #0052a9; margin-bottom:20px;}
.about .info{ line-height:25px;}
.about .info img{ padding:2px; border:solid 1px #ccc; float:left; margin-right:10px;}

.foot{ border-top:solid 5px #052749; background-color:#064e98; padding:25px 0; line-height:30px; color:#fff; text-align:center; margin-top:20px;}
.foot a{ color:#fff;}


.u_here{ color:#fff; height:36px; background:url(/images/title.jpg) left top no-repeat; border-bottom:solid 1px #0052a9; margin-bottom:20px; line-height:36px; text-indent:20px;}
.u_here a{ color:#fff;}

.right{ padding:10px; border:solid 1px #ccc; float:right; width:750px; margin-top:20px;}
.right .info{ line-height:30px;}

.right .infos ul li{ float:left; width:230px; text-align:center;margin-right:20px; margin-bottom:10px;}
.right .infos ul li img{ width:230px; height:230px; border:solid 1px #ccc; }

.right .infoss ul{ margin-bottom:20px;}
.right .infoss ul li{ border-bottom:dashed 1px #ccc; line-height:35px;}
.right .infoss ul li span{ float:right;}