@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:15px;}



.h_tit{ width:360px; 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 span{ color:#ff9000; font-size:22px; font-weight:700; font-family:Arial;}



.hweima{ width:127px; height:127px; }

.hweima img{ display:block;margin:0px auto;}

.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;}