@charset "utf-8";

/*****************************************

* 2017-4-24 网站公共样式

*****************************************/

body {font:12px/20px 微软雅黑; color:#333; margin:0; padding:0;}

form,dl,dd,dt,ol,ul,li,h1,h2,h3,h4,h5,h6,h7,p {margin:0;padding:0;}

ol,ul,li {list-style:none outside none;}

a{ text-decoration:none; color:#555; font-size:14px;}

img {border:0;}

a img{ border:0;}

em,cite,i{font-style:normal;}

.clear { clear:both; margin:0px; top:0px} 

html,body{ overflow-x:hidden;}

div{ border:0px;}

img{border:none; margin:0; padding:0;}

li,dt,dd{text-overflow:ellipsis;}

.fl{float:left;}

.fr{float:right;}

.fc{ margin:0 auto;}



#top{ width:100%; height:40px; background:#00a9dd;}

.top{ width:1200px; line-height:40px; color:#eee;}

.top em{ float:right; margin-left:20px;}

.top em img{ float:left; padding-top:10px; margin-right:7px;}

.top em a{ color:#eee; font-size:12px;}



#head{ height:127px; background:url(../images/tbg.jpg) top center no-repeat;}

.head{ width:1200px;}

.logo{ width:260px;}

.logo img{ padding-top:38px;}

.h_tit{ width:280px; height:70px; background:url(../images/xian.jpg) left no-repeat; margin-left:20px; margin-top:28px; padding-left:30px; line-height:25px; color:#666; font-size:15px;}

.h_tit span{ color:#00a9dd; font-size:20px;}

.tel{ width:180px; text-align:center; line-height:28px; color:#666; font-size:15px; padding-top:15px;}
.tel img{ width:30px;}
.tel span{ color:#ff9000; font-size:22px; font-weight:700; font-family:Arial;}

.hweima{ width:127px; height:127px; }
.hweima img{ display:block;margin:0px auto; width:80px; height:80px;}
.hweima em{ display:block; text-align:center; font-size:12px; line-height:20px;}




#menu{ height:70px; position:absolute; left:0; top:167px; z-index:999; width:100%;}

.menu{ width:1200px; color:#fff; height:70px; line-height:55px; background:url(../images/navbg.png) top repeat-x;}

.menu li{ float:left; width:150px; height:70px; text-align:center;}

.menu li a{ display:block; color:#fff; font-size:17px; height:70px;}

.menu li a:hover{ background:url(../images/navs.png) center bottom no-repeat; line-height:70px; color:#00a9dd;}

.menu li a.lion{ background:url(../images/navs.png) center bottom no-repeat; line-height:70px; color:#00a9dd;}



#fnav{ height:380px; background:url(../images/fbg.jpg); padding:40px 0;}

.fnav{ width:1200px;}

.fnavl{ width:600px;}

.fnavl li{ width:150px; float:left;}

.fnavl li em a{ color:#eee; display:block; line-height:45px; font-size:15px;}

.fnavl li span a{ display:block; line-height:35px; color:#bbbbbb;}

.fnavl li span a:hover{ color:#eee; text-decoration:underline;}

.fnavr{ width:600px;}

.fnavr em{ color:#eee; display:block; line-height:45px; font-size:15px;}

.fnavr_con{ line-height:53px; color:#ddd; font-size:16px;}

.fnavr_con span{ background-image:url(../images/tb.png); background-repeat:no-repeat; line-height:45px; float:left; height:53px; padding-left:60px;}

.lxi1{ background-position: left 10px;}

.lxi2{ background-position: left -40px;}

.lxi3{ background-position: left -83px;}

.lxi4{ background-position: left -130px;}

.lxi5{ background-position: left -177px;}

.lxi6{ background-position: left -220px;}



#foot{ width:100%; height:auto; padding:25px 0; background:url(../images/fbg.jpg); text-align:center;}

.foot_logo{ margin:0 auto;}

.fnav{ width:1200px; border-bottom:1px #fff solid; border-top:1px #fff solid; margin:20px auto;}

.fnav ul li{ width:150px; float:left; height:45px; line-height:45px;}

.fnav ul li a{ color:#fff; display:block;}

.fnav ul li a:hover{ text-decoration:underline; color:#00a9dd;}

.foot{ color:#eee; line-height:26px; font-size:14px;}

.foot a{ color:#eee;}

.foot span{ padding:0 10px;}

.foot a:hover{ text-decoration:underline;}



.side{position:fixed;width:54px;height:275px;right:0;bottom:10%;z-index:100;}

.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #ff9000;}

.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#ff9000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}

.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#ff9000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}

.side ul li .sidetop:hover{background:#00aadd;opacity:1;filter:Alpha(opacity=100);}

.side ul li img{float:left;}