/* header */
#header{
width:100%;
position:relative;
}
#top{
width:100%;
height:45px;
background-color:#2c3e50;

}
#top .welcome, #top .top-nav{
color:#dedfe0;
width:475px;
height:45px;
line-height:45px;
}
#top .manager{
padding-left:165px;
}
#top .fenxiang{
padding-top:12px;
}
#top .manager a{
color:#dedfe0;
padding-right:15px;
}
.manager span{
padding-left:10px;
}
#nav{
background-color:#f1f1f1;
height:120px;
}
.l-nav,.r-nav{
width:484px;
height:120px;
}
#nav li{
float:left;
width:115px;
height:120px;
}
#nav li a{
display:inline-block; 
width:115px;
height:75px;
color:#0084cf;
font-size:16px;
padding-top:45px;
text-align:center;
}
#nav li a:hover{
background-color:#f39c12;
color:#fff;
}
#nav li a p{
font-size:12px;
color:#a8a8a8;
}
#nav li a:hover p{
font-size:12px;
color:#f7ba5a;
}
#banner{
height:620px;
background-color:#000;
}
#logo{
width:232px;
height:234px;
position:absolute; 
top:0px;
left:50%;
text-align:center;
transform:translate(-50%);
-ms-transform:translate(-50%); /* IE 9 */
-webkit-transform:translate(-50%); /* Safari and Chrome */

}

/* 轮播图css */

.focusBox { position: relative; width:100%; height:620px; overflow: hidden; }
.focusBox .pic img { width:100%; height:620px; display: block; }
.focusBox .hd { overflow:hidden; zoom:1; position:absolute; bottom:8px; left:50%; transform:translate(-50%);  z-index:3}
.focusBox .hd li{float:left; line-height:15px; text-align:center; font-size:12px; width:30px; height:8px; cursor:pointer; overflow:hidden; background:#0084cf; margin-left:4px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease }
.focusBox .hd .on{ background:#f39c12; filter:alpha(opacity=100);opacity:1;}
.focusBox .prev,
.focusBox .next { width:45px; height:99px; position:absolute; top:240px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
.focusBox .prev { background-image:url(../image/index.png); background-position:-112px 0; left:150px }
.focusBox .next { background-image:url(../image/index.png); background-position:-158px 0; right:150px }
.focusBox .prev:hover,
.focusBox .next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6 }
#pro-fl .fenlei{ 
width:200px;
height:250px;
padding:0px 20px;
text-align:center;
text-align:center;
}

#pro-fl .icon a{
display:inline-block;
width:130px;
height:130px;
margin:0 auto;
}

#pro-fl .muli{
background:#FFF url(../image/muli.png) 0 0 no-repeat;
}
#pro-fl .muli:hover,#pro-fl .fenlei:hover .muli{
background:#FFF url(../image/muli-hover.png) 0 0 no-repeat;
}
#pro-fl .xia{
background:#FFF url(../image/xia.png) 0 0 no-repeat;
}
#pro-fl .xia:hover,#pro-fl .fenlei:hover .xia{
background:#FFF url(../image/xia-hover.png) 0 0 no-repeat;
}
#pro-fl .haishen{
background:#FFF url(../image/haishen.png) 0 0 no-repeat;
}
#pro-fl .haishen:hover,#pro-fl .fenlei:hover .haishen{
background:#FFF url(../image/haishen-hover.png) 0 0 no-repeat;
}
#pro-fl .pangxie{
background:#FFF url(../image/pangxie.png) 0 0 no-repeat;
}
#pro-fl .pangxie:hover,#pro-fl .fenlei:hover .pangxie{
background:#FFF url(../image/pangxie-hover.png) 0 0 no-repeat;
}
#pro-fl .danqin{
background:#FFF url(../image/danqin.png) 0 0 no-repeat;
}
#pro-fl .danqin:hover,#pro-fl .fenlei:hover .danqin{
background:#FFF url(../image/danqin-hover.png) 0 0 no-repeat;
}
#pro-fl h3 a{
font-size:16px;
font-weight:bold; 
color:#0084cf;
height:40px;
line-height:40px;
}
#pro-fl h3 a:hover,#pro-fl .fenlei:hover a{
color:#f39c12;

}
#pro-fl .icon span{
display:block;
width:40px;
height:2px;
background-color:#e5e5e6;
margin:10px auto;

}
#pro-fl .fenlei:hover span{
background-color:#f39c12;
}
#pro-fl .fenlei p{
font-size:14px;
color:#515151;
text-align:center; 
width:160px;
margin:0 auto;
line-height:24px;
}
#pro-show{
height:445px;
width:1200px;
}
#pro-show .pro-l{
width:595px;
height:445px;
}
.pro01-img{
width:595px;
height:294px;
}
.pro01-t{
width:535px;
height:111px;
background-color:#f39c12;
padding:20px 30px;
}
.pro01-t h3 a{
font-size:16px;
font-weight:bold; 
color:#fff;
height:40px;
line-height:40px;
}
.pro01-t h3 a:hover{
cursor:pointer;
}
.pro01-t  .hr{
background-color:#f7ba5a;
width:135px;
height:1px;
}
.pro01-t p{
color:#f1f1f1;
margin-top:5px;
line-height:24px;
}
.pro01-t .more{
display:block; 
width:22px;
height:22px;
margin-top:5px;
}
.pro-r{
width:585px;
height:445px;
}
.pro-r .pro-cnt{
width:280px;
height:210px;
}
.pro-cnt h3{height:30px; line-height:30px;}

#about{
position:relative; 
}
#about .piaofu{
position:absolute;
top:0px;
left:-360px
}
#about .about-img{
width:440px;
height:465px;
}

#about .about-cnt{
width:695px;
height:465px;
}
#about h2{
color:#0084cf;
font-weight:bold;
line-height:30px;

}
#about .line{
height:4px;
width:95px;
background-color:#0084cf;
margin-top:10px;
margin-bottom:10px;
}
 #about p{
 line-height:30px;
 padding-bottom:20px;
 }
#about .about-more a{
display:inline-block;
color:#999;
font-size:16px;
font-family:arial;
width:123px;
height:38px;
line-height:38px;
border:1px solid #e5e5e5;
text-align:center;
border-radius:20px;
-webkit-border-radius:20px;
-ms-border-radius:20px;
margin-top:40px;
}
#about .about-more a:hover{
color:#fff;
background-color:#f39c12;
border:1px solid #f39c12;
}
#rushan{
height:747px;
padding-top:263px;
background:url(../image/muli-bg.png) center top no-repeat;
}

#rushan .rs-cnt{
height:560px;
}
.rs-l{
width:690px;
height:560px;
position:relative;
}
.muli-img01{
position:absolute; 
top:20px;
left:40px;
z-index:99
}
.muli-img02{
position:absolute; 
top:323px;
left:400px;
z-index:100
}
.rs-r{
width:510px;
height:560px;
}
.rs-r p{
line-height:30px;
color:#ffffff;
padding-top:15px;
}
.rs-r .rexian{
font-size:18px;
}
.rs-r .rexian span{
font-size:30px;
font-weight:bold; 
color:#f39c12;
}
.rs-p02{
margin-top:15px;
margin-left:100px;
}
#video{
width:1200px;
height:295px;
}
.news-list{
width:388px;
height:435px;
padding-right:18px;
padding-top:10px;
position:relative;
}
#news .news-list:nth-child(3){
padding-right:0px;
}
#news .news-cnt{ 
position:absolute; 
top:205px;
left:27px;
width:295px;
background-color:#fff;
height:200px;
padding:10px 20px; 
}
.news-cnt .date{
font-size:12px;
color:#999; 
line-height:24px;
}
.news-cnt h3{ 
font-weight:normal; 
color:#000; 
padding-bottom:15px;
}
.news-cnt .xian{
width:25px;
height:3px;
background-color:#a3a3a3;

}
.news-cnt p{
padding-top:10px;
}
.news-cnt .news-more{
font-family:arial;
font-size:14px;
color:#0084cf;
margin-top:15px;
}
.news-cnt .news-more:hover{
color:#f39c12;
}
/* 底部样式 */
#footer{
height:616px;
background:url(../image/fot-bg.jpg) center top no-repeat;
}

#footer .friend-ship{
width:1130px;
height:100px;
padding:0px 35px;
}
.friend-ship span{
font-size:16px;
font-weight:bold; 
color:#000;
}
#footer .friend-ship a{
padding:0px 18px;
color:#515151; 
line-height:100px;
}

#footer .friend-ship a:hover{
text-decoration:underline; color:#000;
}
#footer .fot-nav .guanyu,#footer .fot-nav .chanpin{
width:212px;
padding-top:115px
}
#footer .fot-nav .lianxi{
line-height:40px;
padding-top:115px; 
color:#fff;
padding-left:106px
} 
#footer .fot-nav a,.fot-bg a{
font-size:14px;
color:#fff;
line-height:50px;
}
#footer .fot-nav a:hover{
text-decoration:underline;
}

.fot-bg{
    margin-top: 130px;
    color: #b8c1d9;
}
a.rs-more{
display:inline-block;
width:65px;
height:35px;
text-indent:-9999px;
position:relative; 
left:100px;
top:67px;
}