@charset "utf-8";
/* 全局样式
------------------------------*/
body,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;}
ul,ol,dl{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
a{text-decoration:underline;}
html{overflow-y:scroll;_overflow-x:hidden}
body{
font-family:Arial;
font-size: 12px;
color:#333;
}
#content{
position:relative;
width:100%;
}
.input_1{
border:1px solid #666;
}
.bigshow{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.bigshow .bg{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:#000000;
FILTER:alpha(opacity=70);
z-index:9;
}
.bigshow .photo{
position:relative;
margin:30px 0 0 0;
text-align:center;
z-index:10;
}
.bigshow .photo img{
border:5px solid #000;
max-width:90%;
max-height:90%;
}

/* 页眉
------------------------------*/
#header{
position:relative;
height:75px;
}
#logo{
position:relative;
margin:6px 0 0 18px;
}
.search{
position:absolute;
top:8px;
right:10px;
text-align:right;
}
.search div{
margin:0 0 6px 0;
}

/* 导航
------------------------------*/
.nav{
position:relative;
height:51px;
}
.nav_l{
position:absolute;
_top:1px;
left:0;
width:10px;
height:51px;
background:url(../images/sprites.png) 0 -60px no-repeat;
}
.nav_r{
position:absolute;
_top:1px;
right:0px;
_right:-2px;
width:10px;
height:51px;
background:url(../images/sprites.png) -20px -60px no-repeat;
}
.nav_m{
float:left;
position:relative;
width:100%;
height:51px;
background:url(../images/sprites.png) 0 0 repeat-x;
}
.nav_m a{
float:left;
width:170px;
height:36px;
text-indent:-9999em;
}
.nav_m a:focus{
-moz-outline-style:none;
}
.nav_m span{
float:left;
width:2px;
height:36px;
text-indent:-9999em;
background:url(../images/sprites.png) -40px -60px no-repeat;
}
.nav_m a.home{
background:url(../images/sprites.png) 0 -110px no-repeat;
}
.nav_m a.home:hover{
background-position:-170px -110px;
}
.nav_m a.company{
background:url(../images/sprites.png) 0 -150px no-repeat;
}
.nav_m a.company:hover{
background-position:-170px -150px;
}
.nav_m a.products{
background:url(../images/sprites.png) 0 -190px no-repeat;
}
.nav_m a.products:hover{
background-position:-170px -190px;
}
.nav_m a.services{
background:url(../images/sprites.png) 0 -230px no-repeat;
}
.nav_m a.services:hover{
background-position:-170px -230px;
}
.nav_m a.contact{
background:url(../images/sprites.png) 0 -270px no-repeat;
}
.nav_m a.contact:hover{
background-position:-170px -270px;
}

/* Banner
------------------------------*/
.banner{
overflow:hidden;
position:relative;
margin:0 0 8px 0;
height:360px;
width:100%;
}

/* 主要内容
------------------------------*/
#main{
overflow:hidden;
position:relative;
height:200px;
background:#ddd;
}
#main .xian{
position:absolute;
top:0;
right:0;
width:2px;
height:100%;
text-indent:-9999em;
background:#fff;
}
#main .word{
position:relative;
padding:10px;
line-height:18px;
}
#main .company{
float:left;
position:relative;
width:33%;
height:100%;
background:#eee;
}
#main .company .title a{
display:block;
margin:10px 0 0 10px;
width:196px;
height:30px;
text-indent:-9999em;
background:url(../images/sprites.png) 0 -320px no-repeat;
}
#main .products{
float:left;
position:relative;
width:33%;
height:100%;
background:#eee;
}
#main .products .title a{
display:block;
margin:10px 0 0 10px;
width:111px;
height:30px;
text-indent:-9999em;
background:url(../images/sprites.png) -220px -320px no-repeat;
}
#main .contact{
float:left;
position:relative;
width:32%;
height:100%;
background:#ddd;
}
#main .contact .title a{
display:block;
margin:10px 0 0 10px;
width:131px;
height:30px;
text-indent:-9999em;
background:url(../images/sprites.png) 0 -360px no-repeat;
}

/* 一级页面
------------------------------*/
#sub_main{
overflow:hidden;
position:relative;
margin:10px 0;
width:100%;
}

.sub_l_main{
float:left;
position:relative;
width:250px;
}
.sub_r_main{
float:left;
position:relative;
width:70%;
}

/* 一级导航
------------------------------*/
.sub_nav{
overflow:hidden;
position:relative;
border:1px solid #ccc;
width:208px;
background:#eee;
background:url(../images/sub_list_bg.png) repeat-y;
}
.sub_nav .title{
height:30px;
font-size:18px;
text-align:center;
line-height:30px;
color:#fff;
background:url(../images/sprites.png) 0 -400px repeat-x;
}
.sub_nav ul{
float:left;
margin:0 0 0 6px;
width:202px;
}
.sub_nav ul li{
padding:8px;
font-family:"Times New Roman";
font-size:14px;
line-height:18px;
border-bottom:1px dashed #999;
}
.sub_nav ul li a{
color:#08c;
text-decoration:none;
}
.sub_nav ul li:hover{
color:#fff;
background:url(../images/sub_list_li.png) -10px 0 repeat-y;
}
.sub_nav ul li:hover a{
color:#FFFFFF;
}
.sub_nav .map{
float:left;
margin:25px 0 0 8px;
width:190px;
height:100px;
background:url(../images/sprites.png) 0 -440px no-repeat;
}

/* 一级内容
------------------------------*/
.sub_word{
position:relative;
padding:10px;
border:1px solid #eee;
width:100%;
min-height:420px;
_height:420px;
font-size:16px;
background:#fdfdfd;
}

.sub_word .page{
margin:10px auto;
font-size:14px;
text-align:center;
}

/* 一级内容 -- 公司简介
------------------------------*/
.sub_word .company{
position:relative;
font-size:16px;
line-height:24px;
}

/* 一级内容 -- 产品中心
------------------------------*/
.sub_word_products{
position:relative;
width:740px;
margin:0 auto;
}
.sub_word_products .p_show{
float:left;
width:570px;
}
.sub_word_products .p_show .photo{
border:5px solid #333333;
}
.sub_word_products .p_show .title{
margin:10px 0 0 0;
font-size:24px;
text-align:center;
}
.sub_word_products .p_list{
float:left;
margin:0 0 0 20px;
text-align:center;
width:146px;
height:450px;
background:#edf9ff;
border:2px solid #08c;
}
.sub_word_products .p_list .up a{
display:block;
height:16px;
text-indent:-9999em;
border-bottom:1px solid #08c;
background:#8cf url(../images/sprites.png) -60px -60px no-repeat;
}
.sub_word_products .p_list .up a:hover{
background-position:-60px -80px;
}
.sub_word_products .p_list .down a{
display:block;
height:16px;
text-indent:-9999em;
border-top:1px solid #08c;
background:#8cf url(../images/sprites.png) -210px -60px no-repeat;
}
.sub_word_products .p_list .down a:hover{
background-position:-210px -80px;
}

/* 一级内容 -- 产品中心 -- 产品列表滚动样式
----------------------------------------*/
.scroll{
height:410px;
margin:3px 0;
overflow:hidden;
}
.photo_memu{
height:410px;
overflow:hidden;
}
.photo_memu li{
width:120px;
height:105px;
margin:0 auto;
}
.photo_memu li a{
display:block;
overflow:hidden;
width:120px;
height:90px;
border:1px solid #666;
}
.photo_memu li a img{
margin:auto 0;
}
.photo_memu a:hover{
border:1px solid #f90;
}
.photo_memu li .pnow{
border:1px solid #f90;
}

/* 一级内容 -- 产品中心 -- 产品列表滚动样式 -- 产品单页
--------------------------------------------------*/
#products_info{
position:relative;
padding:30px 0;
width:100%;
text-align:center;
}
#products_info .title{
padding:0 0 20px 0;
border-bottom:1px dashed #999;
font-size:24px;
color:#08c;
}
#products_info .photo{
margin:20px 0;
}
#products_info .photo img{
border:5px solid #333;
max-width:800px;
}
#products_info .info{
margin:0 auto 20px auto;
width:560px;
font-size:14px;
text-align:left;
}

/* 一级内容 -- 服务中心
------------------------------*/
.sub_word .services{
position:relative;
width:600px;
margin:0 auto;
}
.sub_word .services div{
overflow:auto;
margin:5px 0;
clear:both;
}
.sub_word .services .title{
float:left;
width:140px;
text-align:right;
}
.sub_word .services .info{
float:left;
margin:0 0 0 8px;
}

/* 一级内容 -- 联系我们
------------------------------*/
.sub_word .contact{
position:relative;
margin:0 0 310px 0;
font-size:16px;
line-height:24px;
}

/* 一级内容 -- 案例
------------------------------*/
.case{
overflow:auto;
margin:0 auto;
max-width:800px;
}
.case li{
float:left;
margin:0 0 10px 10px;
border:1px solid #ccc;
}

/* 一级内容 -- 证书
------------------------------*/
.cert{
overflow:auto;
width:744px;
margin:0 auto;
}
.cert li{
float:left;
margin:0 0 10px 10px;
border:1px solid #ccc;
}

/* 页脚
------------------------------*/
#footer{
position:relative;
}
#footer .xian{
width:100%;
height:8px;
_font-size:0px;
background-color:#0a81cc;
}
#footer .copyright{
float:left;
margin:4px 0 0 10px;
}
#footer .made{
float:right;
margin:4px 10px 0 0;
}

/* 链接样式
------------------------------*/
a.t_08c:link{
color:#08c;
text-decoration:none;
}
a.t_08c:visited{
color:#08c;
text-decoration:none;
}
a.t_08c:hover,a.t_08c:active,a.t_08c:focus{
color:#390;
text-decoration:none;
}
a.t_000to08c:link{
color:#000;
text-decoration:none;
}
a.t_000to08c:visited{
color:#000;
text-decoration:none;
}
a.t_000to08c:hover,a.t_000to08c:active,a.t_000to08c:focus{
color:#08c;
text-decoration:none;
}