﻿
/*头部*/
#head_bg{width:100%;height:182px;background:url(http://www.tuopaopao.com/images/head_bg.gif) repeat-x}
#head .wrap{width:100%;;height:30px;background:#f3f6f9}
#head .top{width:1200px;height:30px;font:13px/30px "Microsoft YaHei";color:#555;margin:0 auto}
#head .top .web{height:30px;float:right}
#head .top .web a{padding:0 10px;color:#555}
#head .logo{width:1200px;height:95px;padding-top:25px;margin:0 auto}
#head .logo .pic{float:left}
#head .logo .pic img{padding:5px;float:left}
#head .logo .pic span{width:500px;height:50px;margin:10px 0 0 0;padding-left:20px;font:18px/20px "Microsoft YaHei";color:#2d91e1;border-left:1px solid #eee;float:left}
#head .logo .pic span p{font-size:16px;color:#858a94;font-weight:normal;margin-top:10px}
#head .logo .tel{width:250px;text-align:right;font:16px/30px "Microsoft YaHei";color:#555;background:url(../image/tel.png) no-repeat 0 32px;float:right}
#head .logo .tel p{font:30px/40px "arial";font-weight:bold;color:#2d91e1}
#head .nav-bg{width:100%;height:48px;background:#2d91e1}
#head #nav{width:1200px;height:48px;margin:0 auto}
#head #nav ul{width:1200px;height:48x;float:left}
#head #nav ul li{width:130px;height:48px;font:16px/48px "Microsoft YaHei";color:#fff;text-align:center;display:block;background:url(../image/nav-line.png) no-repeat right center;float:left}
#head #nav ul li a{font-size:16px;color:#fff;display:block}
#head #nav ul li a:hover{font-weight:bold}
#head #nav ul li.on{height:48px;background:url(../image/nav-on.png) no-repeat center top;color:#fff;font-weight:bold}
#head #nav ul li.on a{color:#fff}
#head #nav ul li .dh{position:relative;z-index:99;}
#head #nav ul li .dh ul{width:920px;height:200px;position:absolute;z-index:1;display:none;background:#f5f5f5;top:0;left:0;padding:20px 10px;box-shadow:2px 2px 4px #40444a}
#head #nav ul li .dh li{width:220px;height:200px;float:left}
#head #nav ul li .dh li img{width:200px;height:160px;border:1px solid #ddd;background:#fff}
#head #nav ul li .dh li p,#head #nav ul li .dh li p a{color:#555;text-align:center}
#head #nav ul li .dh li p a:hover{color:#2d91e1}
#head #nav ul li.show ul{display:block}
/*底部*/
#foot{width:100%; height:500px;padding-top:50px;background:url(../image/map.png) no-repeat center 20px #40444a;clear:both}
.link{width:1020px;height:90px;overflow:hidden;font:14px/30px "Microsoft YaHei";padding-left:178px;border:1px solid #5f6367;background:url(../image/links.png) no-repeat 25px 16px;margin-bottom:40px;margin:0 auto}
.link ul{width:810px;padding:15px 20px 15px 0;color:#fff;float:left}
.link ul a{padding-right:22px;color:#fff}
.link .add{width:150px;padding-left:30px;margin-top:30px;background:url(../image/add-link.png) no-repeat 0 5px;float:right}
.link .add a{color:#ccc}
.link a:hover{color:#2d91e1}
#foot .cont{width:1200px;height:300px;margin:0 auto}
#foot .cont .text{width:1000px;height:270px;margin-top:40px;float:left}
#foot .cont .text dl{width:200px;padding:0 0 0 25px;float:left}
#foot .cont .text dl dt{height:36px;font:16px/30px "Microsoft YaHei";color:#fff;border-bottom:2px solid #999;margin-bottom:10px;float:left}
#foot .cont .text dl dt a{color:#fff}
#foot .cont .text dl dd{width:220px;font:14px/30px "Microsoft YaHei";color:#ccc;float:left}
#foot .cont .text dl dd a{color:#ccc}
#foot .cont .text dl a:hover{color:#2d91e1}
#foot .cont .text dl.ico{background:url(../image/foot-ico.png) no-repeat 0 55px;width: 230px;}
#foot .cont .ewm{width:180px;padding:80px 0 0 20px;float:left}
#foot .btm{width:100%;height:70px;padding:15px 0;font:14px/35px "Microsoft YaHei";color:#fff;background:rgba(50,55,60,0.5);float:left} 
#foot .btm p{width:1200px;margin:0 auto} 
#foot .btm a{color:#fff;padding:0 8px}
#foot .btm a:hover{color:#2d91e1}

#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px; font-size:14px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}

.ImTable *{padding:0px;margin:0px;}
.ImTable{border-collapse:collapse;border:none;background:url(../image/bg.gif)}
.ImTable h2{font-size:14px;font-weight:bold;margin-top:5px}
.ImHeader{height:45px;background:url(../image/im_01.gif)}
.ImRow0{background:url(../image/ico_item1.gif) no-repeat;margin:15px 10px 15px 10px;height:24px;padding-left:10px;padding-top:4px; }
.ImRow1{background:url(../image/ico_item1.gif) no-repeat;margin:10px 10px 0;height:24px;padding-left:10px;padding-top:4px;}
a.im,a:hover.im{text-decoration:none;height:35px;color:#fff; font-size:14px;}
.ImFooter{height:220px;background:url(../image/im_04.gif) no-repeat; display:inline-block; width:150px;font-family:Arial,Helvetica,sans-serif;}
.ImFooter h5{font-size:14px;font-weight:normal; color:#8f9396;text-align:center;margin:15px 0 0;font-family:'宋体';}
.ImFooter p{font-size:16px;color:#fff;margin-top: 136px; margin-left: 28px;}
