﻿/* CSS Document */

*{margin:0; padding:0;}
img{border:none;}
ul,li{list-style:none;}
body{ font-size:12px; font-family:"Microsoft YaHei";}

.Border5{border-radius: 5px;}
.Cyellow{color:#106061;}
.Cgray{color:#606060;}
.Cred{color:#D06869;}
.Cblue{color:#1C68A2;}
.Fbold{font-weight:bold;}
.F14{font-size:14px;}
.FL{float:left;}
.FR{float:right;}
a{color:#000; text-decoration:none;}
a:hover{color:#3989C8; }


.top{width:100%; height:auto; float:left; padding:15px 0;}
.topC{width:1080px; height:auto; margin:0 auto;}
.logo{ height:40px; float:left; padding:5px 0;}
.top_by{width:200px; height:50px; float:left; margin-left:0px;}
.tel{float:right; background:url(../Images/tel.jpg) right center no-repeat; text-align:right; padding-right:55px; font-size:20px;}
.navC{width:1080px; height:50px; margin:0 auto;}
/* 本例子css */
		.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
		.nav{ width:100%; height:50px; line-height:50px; float:left; margin-top:15px; position:relative; z-index:1;background:#3989C8;}
		.nav a{ color:#FFFFFF; }
		.nav .nLi{ float:left;  position:relative; display:inline; }
		.nav .nLi h3{ float:left; font-weight:normal;}
		.nav .nLi h3 a{ display:block; padding:0 29px; font-size:16px; }
		.nav .nLi h3 a:hover{color:#ffffff;background:#0C48A0;}
		.nav .sub{ display:none; width:210px; left:0; top:50px;  position:absolute; background:#3989C8;line-height:34px; padding:0px 0; text-align:left;}
		.nav .sub li{ zoom:1; text-align:text; border-bottom:#fff dashed 0px;}
		.nav .sub a{ display:block; padding:0 10px;color:#fff; }
		.nav .sub a:hover{ background:#0C48A0; color:#fff;  }
		.nav .on h3 a{ background:#4E4E4E; color:#fff;   }

/* banner */
.banner{ min-width:1200px;  position:relative;  height:350px; overflow:hidden;  }
.banner .bd{ position:relative; z-index:-1000;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:350px; }
.banner .bd li .siteWidth{ width:1200px; position:relative;  margin:0 auto;  height:350px;  }
.banner .bd li a{ height:299px; display:block;  }
.banner .bd .txt{ position:absolute; width:415px; top:100px; left:22px;   font:normal 18px/30px "Microsoft YaHei";    }
.banner .bd .btn{ display:block; zoom:1; margin-top:8px;  width:72px; padding-right:10px;  height:31px; line-height:31px; text-align:center; color:#fff; font-size:12px; background:url(../Images/banner-btn.png) 0 0 no-repeat;
_background:url(../Images/banner-btn-ie6.png) 0 0 no-repeat;
}
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:4px; background:#3989C8; border-radius:12px; overflow:hidden; 	line-height:9999px; filter:alpha(opacity=40);opacity:0.4;}
.banner .hd ul .current{ filter:alpha(opacity=100);opacity:1;  }
.banner img{margin:0 auto; display:block; height:350px;}


/* 焦点图 */
.focusBox { float:left; position: relative; width: 250px; height:223px; margin-bottom:0px;  overflow: hidden; font-family:Arial; text-align: left; background:#fff; }
.focusBox .pic img { width: 250px; height: 223px; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60;  }

.gongg{width:100%; height:40px; float:left; background:#333333;}
.gonggC{width:1080px; height:40px; line-height:40px; margin:0 auto; color:#fff;}
.gonggC_title{float:left; font-size:16px;}
.gonggC_con{float:left;}
/* 滚动公告 */
#topBar{ height:40px; line-height:40px; overflow:hidden;  }
#topBar ul a{ margin:5px; color:#fff;  }


/* 图片滚动 */
.picScroll{ position:relative;  height:170px; padding: 0px 0 10px 20px;  background:#fff; margin-bottom:10px; overflow:hidden;   }
.picScroll ul{ overflow:hidden; zoom:1;}
.picScroll ul li{ float:left; margin: 0 3px;  width:198px; overflow:hidden; display:inline; }
.picScroll ul li img{ width:180px; height:135px; }
.picScroll .prev{ position:absolute;  left:0px; top: 50px; display:block; width:29px; height:40px; overflow:hidden; background:url(../Images/jiantou.jpg) 0px 0 no-repeat; cursor:pointer;  }
.picScroll .next{ position:absolute;  right:0px; top: 50px; display:block; width:29px; height:40px; overflow:hidden; background:url(../Images/jiantou.jpg) -29px 0 no-repeat; cursor:pointer;  }


/* Tab切换 */
.slideTxtBox{ float:right;  width:400px; height:220px; overflow:hidden;  padding:10px; background:#fff;  text-align:left;  }
.slideTxtBox .hd{ height:28px; line-height:28px; padding:0 15px; border-bottom:2px solid #39A4DC; font-size:14px; }
.slideTxtBox .hd ul{ overflow:hidden; zoom:1;  }
.slideTxtBox .hd ul li{ float:left; }
.slideTxtBox .hd ul li a{ display:block; padding:0 15px;  }
.slideTxtBox .hd ul li a:hover{ text-decoration:none;  }
.slideTxtBox .hd ul li.on a{ background:#39A4DC; color:#fff; font-weight:bold;  }
.slideTxtBox .bd{ padding:10px;  }
.slideTxtBox .bd li{ height:24px; line-height:24px;   }
.slideTxtBox .bd li .date{ float:right; color:#999;  }

.con{width:100%; height:auto; float:left; margin-top:15px;}
.conC{width:1080px; margin:0 auto;}
.con01{width:100%; height:auto; float:left;}
.con01_left{width:270px; height:auto; float:left;}
.picnew,.jszc,.new,.about,.jjfa{width:268px; height:auto; float:left; border:1px solid #EAEAEA;}
.picnew_title{width:100%; height:30px; line-height:30px; float:left; background:url(../Images/box_titlebg.png) no-repeat;}
.picnew_title_font{width:85px; line-height:30px; text-align:center; color:#fff; font-size:14px; float:left;}
.picnew_title_more{float:right; margin:8px;}
.picnew_con{width:248px; height:225px; padding:10px; float:left;}
.picnew_con img{width:248px; height:225px;}
.jszc{margin-top:15px;}
.jszc_con{width:248px; height:150px; float:left; padding:10px;}
.jszc_con ul{width:100%; height:auto; float:left;}
.jszc_con li{width:100%; line-height:25px; float:left; background:url(../Images/icon01.png) left center no-repeat; text-indent:10px;}
.con01_right{width:795px; height:auto; float:left; margin-left:15px;}
.new{width:528px;}
.new_con{width:500px; height:225px; float:left; padding:10px 14px;}
.new_con ul{width:100%; height:auto; float:left;}
.new_con li{width:100%; line-height:25px; float:left; background:url(../Images/icon01.png) left center no-repeat; text-indent:10px;}
.new_con li a{float:left;}
.new_con_time{float:right; color:#ccc;}
.about{width:248px; margin-left:15px;}
.about_con{width:228px; height:225px; float:left; padding:10px; line-height:20px; text-indent:2em; color:#444;}
.jjfa{width:1080px; margin-top:15px;}
.jjfa_con{width:1060px; height:170px; float:left; padding:10px;}
.jjfa_con_left{width:29px; height:40px; float:left; margin-top:55px;}
.jjfa_con_right{width:29px; height:40px; float:right; margin-top:55px;}
.jjfa_con_C img{width:160px; height:122px; padding:2px; border:1px solid #ccc; margin:10px 6px;}
.product,.yqlj{width:1078px; height:auto; float:left; margin-top:15px; border:1px solid #EAEAEA;}
.productC{width:100%; height:420px; float:left;}
.productC .hd{width:200px; height:auto; float:left;}
.productC .hd ul{width:188px; height:auto; float:left;}
.productC .hd li{width:100%; height:42px; line-height:42px; float:left; background:url(../Images/box_bg3.jpg) left top no-repeat; text-indent:16px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.hd li:hover{background:url(../Images/box_bg32.jpg) no-repeat; color:#fff; width:200px; border:none;}
.productC .bd {width:820px; height:auto; float:left; margin-left:20px;}
.productC dl{width:160px; height:auto; float:left; margin:15px 20px;}
.productC dt{width:158px; height:148px; float:left; border:1px solid #ccc;}
.productC dt img{width:158px; height:148px;}
.productC dd{width:160px; height:30px; line-height:30px; float:left; background:#487BBA; text-align:center; color:#fff;}

.yqlj{height:45px; line-height:45px; color:#1775BF;}
.yqlj_title{float:left; padding-left:10px; font-size:14px; font-weight:bold;}
.yqlj_con{width:980px; float:left;}
.yqlj_con a{color:#1775BF; margin:0 10px;}
.yqlj_con a:hover{color:#444;}
.bottom{width:100%; height:auto; float:left; margin-top:15px;}
.bottom_nav{width:100%; height:45px; line-height:45px; float:left; background:#4895CD; color:#fff;}
.bottom_nav_con{width:1080px; height:45px; line-height:45px; text-align:center; margin:0 auto; font-size:14px;}
.bottom_nav_con a{color:#fff; margin:0 20px;}
.bottom_B{width:100%; height:auto; float:left; background:#24201D; color:#fff; padding:30px 0;}
.bottom_B_con{width:1080px; text-align:center; margin:0 auto; line-height:25px;}

.NYleft{width:230px; height:auto; float:left;}
.NYleft_product,.NYleft_contact{width:228px; height:auto; float:left; border:1px solid #EAEAEA;}
.NYleft_product_title{width:208px; height:35px; line-height:35px; float:left; background:#3989C8; color:#fff; padding:0 10px; font-size:14px;}
.NYleft_product_con{width:100%; height:auto; float:left;}
.NYleft_product_con ul{width:100%; height:auto; float:left;}
.NYleft_product_con li{width:100%; height:30px; line-height:30px; float:left; background:url(../Images/link_bg1.gif) repeat-x; text-indent:15px; margin-top:2px;}
.NYleft_product_con li:hover{background:#1B5AA9; color:#fff;}
.NYleft_contact{margin-top:15px;}
.NYleft_contact_con{width:208px; line-height:25px; float:left; padding:10px;}
.NYright{width:832px; height:auto; float:left; margin-left:15px; border:1px solid #EAEAEA;}
.NYright_title{width:812px; height:32px; line-height:32px; float:left; padding:0 10px; background:url(../Images/box_bg5.jpg) repeat-x; text-align:right;}
.NYright_con{width:800px; height:auto; float:left; padding:16px; line-height:30px; color:#444;}
.NYright_con ul{width:100%; height:auto; float:left; padding-bottom:20px;}
.NYright_con li{width:100%; line-height:40px; float:left; background:url(../Images/icon01.png) left center no-repeat; border-bottom:1px dashed #ccc; text-indent:15px;}

.NYright_con dl{width:160px; height:auto; float:left; margin:15px 20px;}
.NYright_con dt{width:158px; height:148px; float:left; border:1px solid #ccc;}
.NYright_con dt img{width:158px; height:148px;}
.NYright_con dd{width:160px; height:30px; line-height:30px; float:left; background:#487BBA; text-align:center; color:#fff;}

/*css pager style pagination*/
.pager{padding:3px;margin:3px;text-align:center; height:50px; line-height:50px;}
.pager a{border:#eee 0px solid;padding:2px 5px;margin:2px;color:#fff;text-decoration:none; background-color:#333;}
.pager a:hover{border:#999 0px solid;color:#fff;background-color:#3989C8;}
.pager a:active{border:#999 1px solid;color:#666;}
.pager .current{border:#036cb4 0px solid;padding:2px 5px;margin:2px;color:#fff;background-color:#3989C8;}
.pager .disabled{border:#eee 1px solid;padding:2px 5px;margin:2px;color:#ddd;}

/*左导航分类*/
.ClassNav {
	PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px
}
.ClassNav .NavTree UL {
	
}
.ClassNav .NavTree UL LI {
	BACKGROUND: url(../Images/link_bg1.gif) 0px 0px; POSITION: relative
}
.ClassNav .NavTree UL LI UL {
	BORDER-TOP: #1b5aa9 0px solid; BORDER-RIGHT: #1b5aa9 1px solid; WIDTH: 250px; BACKGROUND: #ffffff; BORDER-BOTTOM: #1b5aa9 0px solid; POSITION: absolute; LEFT: 230px; FILTER: progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=3, Direction=135); BORDER-LEFT: #1b5aa9 1px solid; Z-INDEX: 2000; DISPLAY: none; TOP: 0px
}
.RightNav .ClassNav .NavTree UL LI UL {
	WIDTH: 188px; LEFT: 267px
}
.ClassNav .NavTree UL LI UL LI UL {
	LEFT: 159px; Z-INDEX: 2000
}
.ClassNav .NavTree UL LI A {
	CURSOR: pointer; HEIGHT: 30px; BORDER-BOTTOM: #dddddd 1px solid; PADDING-LEFT: 5px; DISPLAY: block; LINE-HEIGHT: 30px
}
.ClassNav .NavTree UL LI LI {
	BACKGROUND: url(../Images/link_bg2.gif); TEXT-ALIGN: left; PADDING-LEFT: 0px; Z-INDEX: 2000
}
.ClassNav .NavTree UL LI LI A {
	BORDER-BOTTOM: #dddddd 1px solid; PADDING-LEFT: 0px; Z-INDEX: 2000
}
.ClassNav .NavTree UL .current A {
	BACKGROUND: #1b5aa9; COLOR: #ffffff
}
.ClassNav .NavTree UL .current LI A {
	BACKGROUND: #ffffff; COLOR: #000000
}
.ClassNav .NavTree UL LI A:hover {
	TEXT-DECORATION: none; BACKGROUND: #3989C8; COLOR: white
}
.ClassNav .NavTree .subfolderstyle {
	BACKGROUND: url(../Images/arrow-list.gif) no-repeat 180px center
}
* HTML .ClassNav .NavTree UL LI {
	HEIGHT: 1%; FLOAT: left; Z-INDEX: 2000
}
* HTML .ClassNav .NavTree UL LI A {
	HEIGHT: 1%; Z-INDEX: 2000
}
/*浮动客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:380px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#3989C8;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:10px;background:url(../Images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../Images/online_arrow.jpg) no-repeat;position:fixed;top:180px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}













