﻿.wrap {width:100%; overflow:hidden;  margin:0 auto; min-width:1210px; background:url(../img/top_bg.jpg) top center no-repeat; position:relative; padding-top: 4px;}
/*头部 */
.header_box{ width:100%; height:100px; background:url(../img/hd_bottom_bg.jpg) bottom repeat-x;}
.header{ width:1210px; overflow:hidden; margin:0 auto;}
.logo{ float:left; margin-top:9px;}

/*导航栏*/
.nav{ overflow:hidden; float:right; height:100px;}
ul.mainNav{ float:left; height:100px; overflow:hidden; display:block; background:url(../img/nav_li_bg.jpg) right no-repeat;}
ul.mainNav li{ width:91px; height:100px; background:url(../img/nav_li_bg.jpg) left no-repeat; display:block; text-align:center; float:left;}
ul.mainNav li a{ display:block; color:#000202; font-size:14px; line-height:100px;}
ul.mainNav li:hover,ul.mainNav li.over{ background:#f0f0f0;}
ul.mainNav li:hover a,ul.mainNav li.over a{ background:url(../img/nav_a_bg.jpg) bottom no-repeat;}


/*漂浮客服*/
.side{width:50px;height:50px; line-height:50px; float:right;}
.side ul li{ width: 50px; height: 50px;float:left;position:relative; }
.side ul li .sidebox{position:absolute;width: 50px;height:50px; line-height:50px; text-align:center; top:0;right:0;transition:all 0.3s;background:#292828; filter:alpha(opacity=75);   -moz-opacity:0.75;   -khtml-opacity: 0.75;   opacity: 0.75; color:#fff;font:14px/45px "微软雅黑";overflow:hidden;}
.side ul li img{ float:left;}

.float_right{ width:50px; position:fixed; height:220px; top:245px; right:0; z-index:9000;}
.float_right .qq{width:50px;height:50px; line-height:50px; float:right;}
.float_right .qq a{ background: url(../img/right_float_bg.png) top left no-repeat; display: block; width: 50px;height: 50px;}
.float_right .wx{width:50px; height:50px; line-height:50px; float:right; margin-top:1px; position:relative; background: url(../img/right_float_bg.png) left -50px no-repeat;}
.float_right .wx .wxt{position:absolute; left:-170px; top:0; display:none; }
.float_right .wx img{width:166px; height:166px;}
.float_right .wx:hover .wxt{ display:block;}
.float_right .wb{width:50px; height:50px; line-height:50px; float:right; margin-top:1px;}
.float_right .wb a{background: url(../img/right_float_bg.png) left -101px no-repeat; display: block; width: 50px;height: 50px;}
.float_right .backToTop{background: url(../img/right_float_bg.png) left -152px no-repeat; width:50px; height:50px; line-height:50px; float:right; margin-top:1px;}



/*底部*/
.footer{ width:100%; height:188px; overflow:hidden; background:#9e9d9d;}
.foot{width:1210px; margin:0 auto;}
.weixin{ float:left; margin:41px 0 0 1px; width:95px; text-align:center;}
.weixin img{ width:95px; height:95px;}
.weixin span{ color:#ffffff; line-height:28px;  display:block;}
.link_copy { float:left; margin:41px 0 0 0; font-size:12px; width:700px;}
.link{ float:left; overflow:hidden;}
.link a{ float:left; display:block; margin:0 20px; line-height:38px; color:#ffffff;}
.link_copy p.banquan{float:left;  line-height:33px;  margin:24px 0 0 20px; color:#ffffff;}
.phone{ float:right; width:200px; height:50px; color:#ffffff; margin:54px 0 0 10px;} 
.phone span{ background:url(../img/phone.png) left center no-repeat; float:left; line-height:25px; padding-left:35px;}
.phone p{float:left; line-height:40px; font-size:24px; font-weight:bolder;}



/* 通用 page分页效果 */
.pages { text-align:center; clear:both; overflow:hidden; margin:0; width:100%;}
.pages a {color: #666666;line-height:16px; padding:7px 12px; background:#ffffff; margin:0 1px; display:inline-block; border:1px #e5e5e5 solid;}
.pages a.currentpage{ color: #ffffff; background: #e5e5e5;}



.pian { margin:90px 0 30px 0;  float:left; width:100%;}
.pian ul { display:block; line-height:30px;}
.pian ul a { font-size:12px; color:#666363;}
.pian ul a strong { font-size:12px; color:#666363; font-weight:normal;}