/* CSS Document */
body { font-family:"微软雅黑"; font-size:12px; color:#333333; background-color:#fff;}
* { margin:0; padding:0;}
a { color:#333333; text-decoration:none;}
a:hover { color:#0d9b7f; text-decoration:none; cursor:pointer;}
img { border:0;} 
.clear{ clear:both;}
ul{ list-style-type:none}
li{ display:inline}
li a{ font-size:12px}
a {outline: none;}
a:active {star:expression(this.onFocus=this.blur());}
:focus { outline:0; }
html{overflow-x:hidden;overflow-y:scroll}

#main{ width:945px; margin:0 auto; min-height:700px;}
/*------------------------------------------------------------ͷ��-----------------------------------------------------------*/
.header{ width:945px; padding-top:20px; height:55px;}
.logo{ float:left; font-family:"Microsoft YaHei"; font-size:30px; color:#34495e;}
.header span{ float:right;}
.header span a{color:#333; font-size:16px;float:left;line-height:16px;font-family:"Microsoft YaHei"; }
.header span a:hover{color:#0d9b7f;}
.logo:hover{ color:#34495e;}
.cancellation{border: 0;background: none;color: #1abc9c;font-weight: bold;}
.black_index{ background:url(index_topbg.jpg) no-repeat 0 0;height:16px; float:left; padding:0 5px 0 22px;}
.phone_a{ background:url(index_topbg.jpg) no-repeat 0 -16px;height:16px;float:left; padding:0 5px 0 22px;}
.out_a{ background:url(index_topbg.jpg) no-repeat 0 -34px;height:16px;float:left;padding:0 5px 0 22px;}
.tuana{background:url(tuanicon.png) no-repeat 0; height:25px; padding:0 5px 0 30px;}
/*------------------------------------------------------------left-----------------------------------------------------------*/
.left{ width:293px; float:left;}
.left h1{ line-height:65px; height:65px; background-color:#1abc9c; font-family:"Microsoft YaHei"; font-size:18px; color:#34495e; padding-left:25px;}
.left ul{ float:left; width:293px; background-color:#34495e;}
.libg{width:247px; float:left; border-bottom:1px solid #2c3e50; padding:18px 23px; position:relative; background:url(index_23.jpg) no-repeat 250px 30px #34495e;}
.libgon{width:247px; float:left; border-bottom:1px solid #2c3e50; padding:18px 23px; position:relative; background:url(index_12.jpg) no-repeat 250px 30px #2c3e50;}
.left ul li div{ float:left; padding-left:35px;}
.left ul li a{ display:block; font-family:"Microsoft YaHei"; font-size:18px; color:#fff;}
.left ul li span{ display:block; font-family:Arial; font-size:12px; color:#798795;}

.left ul li strong{ position:absolute; top:25px; left:23px;}
.nav1{ background:url(1.jpg) no-repeat 0; width:25px; height:25px; float:left;}
.nav2{ background:url(2.jpg) no-repeat 0; width:25px; height:25px; float:left;}
.nav3{ background:url(3.jpg) no-repeat 0; width:25px; height:25px; float:left;}
.nav4{ background:url(4.jpg) no-repeat 0; width:25px; height:25px; float:left;}
.nav1on{ background:url(on1.jpg) no-repeat 0; width:25px; height:25px; float:left;}
.nav2on{ background:url(on2.jpg) no-repeat 0; width:25px; height:25px; float:left;}
.nav3on{ background:url(on3.jpg) no-repeat 0; width:25px; height:25px; float:left;}
.nav4on{ background:url(on4.jpg) no-repeat 0; width:25px; height:25px; float:left;}
/*------------------------------------------------------------right-----------------------------------------------------------*/
.banner{ width:619px; float:right;}

/*------------------------------------------------------------navdiv-----------------------------------------------------------*/
.navdiv{ width:945px; padding-top:35px;}
.navbgdiv{ float:left; width:212px; max-height:326px; padding-right:32px;}
.navbgdiv p{ width:212px; height:5px; float:left;}
.navbgdiv div a{ width:212px; background-color:#eff0f2; float:left; padding-bottom:5px;text-align: center;}
.navbgdiv div span{ text-align:center; display:block; padding-top:10px;font-size: 18px;}
.navbgdiv div img{ padding-top:10px;}

.navbtn{ border:0; background:url(btnbg.jpg) no-repeat; line-height: 41px;width:185px; height:41px; color:#fff;font-size:18px; font-family:"Microsoft YaHei"; margin-left:13px;}
/*--------------------------------------------------------------------bottom-----------------------------------------------*/
#bottom{width: 100%;border-top: 1px solid #CCC;color:#fff; float: left;margin-top: 50px;text-align: center;line-height: 50px;font-size: 14px;background: #34495E;}
#bottom a{ font-size:14px; color:#fff;}
/*---------------------------------------------------------------------------pro-----------------------------------------*/
.proleft{ width:660px; float:left;}
.proleft dl{ width:660px; float:left;}
.proleft dl dt{ background:#2c3e50;width:150px; float:left; padding-top:20px; min-height:332px; text-align:center;}
.proleft dl dt a{ display:block; width:150px; text-align:center;}
.qygwbtn{ background:url(pro_16.jpg) no-repeat; width:111px; height:39px; text-align:center;color:#fff;font-size:18px; font-family:"Microsoft YaHei"; border:0; margin:30px 0 20px 0;}
.proleft dl dt span{ text-indent:25px; color:#fff; display:block; width:150px; line-height:20px;}
.proleft dl dd{ width:485px; float:left; background:#34495e; padding:20px 0 0 21px ; min-height:332px; overflow:hidden;}
.proleft dl dd a{ display:block; width:146px; height:134px; padding:6px 0; background:#fff; margin:0 15px 20px 0; float:left; text-align:center;}
.proleft dl dd a img{ width:134px; height:134px;}
.proright{ width:220px; float:right;}
.yuan{background:url(yuan.jpg) no-repeat; width:190px; height:155px; text-align:center; padding:35px 0;}
.weixinbtn{background:url(weixinbtn.jpg) no-repeat; width:213px; height:45px; text-align:center;color:#fff;font-size:18px; font-family:"Microsoft YaHei"; border:0;}
.proright span{ text-align:center; color:#7f7e7e; display:block; width:220px; line-height:20px; padding-top:27px;}

input{font-family: "微软雅黑";}
input[type="button"]{cursor: pointer;}

.navbtn_style {border: 0;background: url(btnbgon.jpg) no-repeat;width: 185px;height: 41px;line-height: 41px;color: #fff;font-size: 18px;font-family: "Microsoft YaHei";margin-left: 13px;}

.stick-qrcode {position: fixed;_position: absolute;z-index: 40; right:10px; top:100px;}
.stick-qrcode .index-xiaomei, .stick-qrcode .stick-qrcode-index {background:url(weixin.png) no-repeat;}
.stick-qrcode .index-xiaomei {position: relative;display: inline-block;width:133px;height:185px;vertical-align: top;outline: 0;}
.stick-qrcode .index-xiaomei .close {position: absolute;top: 8px;right:0;width: 25px;height: 20px;}
.index-xiaomei img{ padding:30px 0 0 5px;}
.index-xiaomei p{ text-align:center; font-size:16px; font-family:"微软雅黑";width: 130px;position: absolute;bottom: 18px;}
/* 轮播样式 */
.zhanshi{}
.shutter{position:relative;overflow:hidden;height:380px;width:619px;}  /* 轮播图宽高定义 */
.shutter li{position:absolute;left:0;top:0;}
.shutter li a img{}
.shutter-nav{display:inline-block;margin-right:8px;color:#fff;padding:2px 6px;background:#333;border:1px solid #fff;font-weight:bold;font-size:12px;cursor:pointer;}
.shutter-cur-nav{display:inline-block;margin-right:8px;color:#fff;padding:2px 6px;background:#ff7a00;border:1px solid  #fff;font-weight:bold;font-size:12px;cursor:pointer;}
/*分页样式*/
.paginator { font: 12px Arial, Helvetica, sans-serif;padding:5px 10px 5px 0; margin: 0px;}
.paginator a {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin-right:2px}
.paginator a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {padding: 1px 6px;font-weight: bold; font-size: 12px;border:none}
.paginator a:hover {color: #fff; background: #E97A06;border-color:#E97A06;text-decoration: none;}