@charset "utf-8";
/* CSS Document */
#Banner{
	margin: 0px auto;
	padding: 0px;
	height: 550px;
	background: #fff;
	overflow: hidden;
	position: relative;
}

#hzpbBox{ margin: 0px auto; padding: 0px; width: 100%; top: 508px; position: absolute;z-index: 9999;}
#hzpbBox .hzph{ margin: 0px auto; padding: 0px; width: 960px; height:187px; background: url(../images/hzpbBox.png) center no-repeat; overflow: hidden;}
#hzpbBox .hzphT{ margin-left: 100px; margin-top: 30px; height: 42px; background: url(../images/line.jpg) bottom repeat-x; margin-right: 16px; padding-left: 32px; font-size: 20px; font-family: '微软雅黑'; color: #2766cc; font-weight: bold;}
#hzpbBox .hzphT a{ float: right;}
#hzpbBox .hzphL{ padding-left: 30px; height: 97px; padding-top: 18px; padding-right: 16px; overflow: hidden;}
#hzpbBox .hzphL .prev{ float: left; width: 28px; height: 62px; background: url(../images/hzhb_prev.jpg) center no-repeat; display: inline-block; margin-right: 16px; cursor: pointer;}
#hzpbBox .hzphL .list{ float: left; width: 826px; height: 96px; overflow: hidden;}
#hzpbBox .hzphL .list li{ float: left; width: 89px; padding-right: 16px;}
#hzpbBox .hzphL .list img{ height: 60px; width: 87px; border: 1px #ededed solid;}
#hzpbBox .hzphL .list p{ height: 20px; line-height: 20px; text-align:center;}
#hzpbBox .hzphL .next{ float: right; width: 28px; height: 62px; background: url(../images/hzhb_next.jpg) center no-repeat; display: inline-block; cursor: pointer;}

#mainPro{ margin: 0px auto; padding: 0px; padding-top: 20px; padding-bottom: 20px; width: 100%; background: url(../images/mainPro.jpg) #0093dd top repeat-x; overflow: hidden;}
#mainPro .mainProT{ margin: 0px auto; padding: 0px; width: 960px; height: 208px; overflow: hidden;}
#mainPro .mainProB{ margin: 0px auto; padding: 0px; background: url(../images/mainProB.jpg) bottom center no-repeat;}
#mainPro .ProFl{ margin: 0px auto; padding: 0px; width: 960px; height:284px; overflow: hidden;}
#mainPro .ProFl dl{ float: left; padding-left: 32px; width: 216px;}
#mainPro .ProFl img{ border: 8px #c9ebfe solid; width: 200px; height: 150px;}
#mainPro .ProFl dt{ font-size: 16px; font-family: "Microsoft YaHei",tahoma,verdana,arial,sans-serif; height: 34px; line-height: 34px; background: url(../images/ProFldt.jpg) right top no-repeat; overflow: hidden;}
#mainPro .ProFl dt a{ color: #fff; font-weight:bold;}
#mainPro .ProFl dt a:hover{ color: #ff0;}
#mainPro .ProFl dd{ padding-top: 7px; line-height: 24px; padding-right: 8px; height: 72px; color: #d0dee9; overflow: hidden;}
#mainPro .ProList{ padding-top: 16px;}
#mainPro .ProList li{ float: left; width: 222px; padding-right: 24px;}
#mainPro .ProList img{ border: 1px #ddd solid; width: 220px; padding: 0px; height: 165px;}
#mainPro .ProList p{ text-align:center; padding-top: 6px; line-height: 24px; height: 24px; overflow: hidden;}
#mainPro .title{line-height: 24px; padding-top: 12px; height: 24px; overflow: hidden;}
#mainPro .title h3{ font-size: 16px; color: #0066cc; float: left; font-family: "Microsoft YaHei",tahoma,verdana,arial,sans-serif; font-weight: 700;}
#mainPro .title h6{ float: right; font-weight: normal; font-family: Tahoma; font-size: 10px;}

#mainPro2{ margin: 0px auto; padding: 0px; padding-top: 20px; padding-bottom: 20px; width: 960px; overflow: hidden;}
#mainPro2 .mainPro2L{ float: left; width: 212px; overflow: hidden;}
#mainPro2 .mainPro2R{ float: right; width: 718px; overflow: hidden;}
#mainPro2 .mainPro2RT{ height: 33px; border-bottom: 4px #0093dd solid; overflow: hidden;}
#mainPro2 .mainPro2RT li{ float: left; width: 114px; height: 33px; font-family: "Microsoft YaHei",tahoma,verdana,arial,sans-serif; line-height: 33px; margin-right: 8px; text-align: center; font-size: 15px; color: #666; background: url(../images/boxtitle2.jpg) no-repeat;}
#mainPro2 .mainPro2RT .cur{ color: #fff; background: url(../images/boxtiele2Cur.jpg) no-repeat;}
#mainPro2 .mainPro2RL{ overflow: hidden;}
#mainPro2 .mainPro2RL li{ float: left; padding-top: 5px; padding-right: 26px; width: 222px;}
#mainPro2 .mainPro2RL img{ width: 220px; border: 1px #ddd solid; height: 150px;}
#mainPro2 .mainPro2RL a:hover img{ border: 1px #ea5803 solid;}
#mainPro2 .mainPro2RL p{ padding-top: 6px; height: 24px; line-height: 24px; text-align:center; overflow: hidden;}


#jjfaBox{ margin: 0px auto; padding: 0px; padding-top: 40px; padding-bottom: 30px; background: #eee; overflow: hidden;}
#jjfaBox h2{ margin: 0px auto; width: 960px; height: 90px; text-align:center; padding-bottom: 32px; border-bottom: 1px #e0e0e0 solid; overflow: hidden;}
#jjfaBox .jjfaList{ margin: 0px auto; padding: 0px; padding-top: 28px; width: 960px; overflow: hidden;}
#jjfaBox .jjfaList ul{ float: left; width: 186px; padding-left: 13px; padding-right: 31px; background: url(../images/jjfaListUl.jpg) #e67613 right no-repeat; height: 274px; padding-top: 30px; overflow: hidden;}
#jjfaBox .jjfaList li{ padding-top: 6px; padding-bottom: 6px; font-family: "Microsoft YaHei",tahoma,verdana,arial,sans-serif; background: url(../images/jjfaA.jpg) center no-repeat; color: #000; height: 50px; line-height: 50px; font-size: 18px; text-align:center;  overflow: hidden;}
#jjfaBox .jjfaList .cur{ background: url(../images/jjfaC.jpg) center no-repeat; color: #fff;}
#jjfaBox .jjfaList dl{ float: right; margin-top: 10px; background: #d3d3d3; width: 694px; padding: 18px; height: 248px; overflow: hidden;}
#jjfaBox .jjfaList img{ width: 346px; height: 240px; float: left;}
#jjfaBox .jjfaList dt{ float: right; width: 310px; height: 32px; line-height: 32px; font-family: "Microsoft YaHei",tahoma,verdana,arial,sans-serif; font-size: 16px; padding-bottom: 6px; border-bottom: 1px #c3c3c3 dotted; overflow: hidden;}
#jjfaBox .jjfaList dt a{ color: #ea5803; font-weight: bold;}
#jjfaBox .jjfaList dd{ float: right; width: 310px; padding-top: 15px; line-height: 24px;}
#jjfaBox .jjfaList dd img{ width: 137px; height: 39px;}
#jjfaBox .jjfaList .more{ background: #005ab4; color: #fff; display: inline-block; padding-left: 12px; padding-right: 12px;}

#adv960{ margin: 0px auto; padding: 0px; width: 100%; height: 112px; padding-top: 24px; overflow: hidden;}

#CaseBox{ margin: 0px auto; padding: 0px; padding-top: 24px; padding-bottom: 65px; background: url(../images/about1.jpg) bottom right no-repeat; width: 960px; overflow: hidden;}
#CaseBox .CaseL{ float: left; width: 700px;}
#CaseBox .CaseR{ float: right; width: 210px; background: url(../images/newsLine.jpg) left no-repeat; padding-left: 50px;}
#CaseBox .CaseList{ padding-top: 20px; overflow: hidden;}
#CaseBox .CaseList .prev{ width: 210px; height: 29px; background: url(../images/CasePrev.jpg) left center no-repeat; display: block; cursor: pointer;}
#CaseBox .CaseList .next{ width: 210px; height: 29px; background: url(../images/CaseNext.jpg) left center no-repeat; display: block; cursor: pointer;}
#CaseBox .CaseList .list{ margin-top: 16px; width: 210px; height:200px; overflow:hidden;}
#CaseBox .CaseList .list li{ width: 210px;}
#CaseBox .CaseList img{ width: 200px; height: 150px; border: 3px #ededed solid; background: #fff; padding: 2px;}
#CaseBox .CaseList p{ text-align:center; height: 40px; line-height: 40px; overflow: hidden;}
#CaseBox .CaseLList{ overflow: hidden;}
#CaseBox .CaseLList dl{ float: left; padding-top: 24px; padding-left: 20px; width: 340px; overflow: hidden;}
#CaseBox .CaseLList img{ float: left; width: 160px; height: 120px; border: 2px #ddd solid;}
#CaseBox .CaseLList dt{ float: right; width: 165px; height: 40px; line-height: 20px; font-weight: bold; font-size: 12px; overflow: hidden;}
#CaseBox .CaseLList dd{ float: right; width: 165px; padding-top: 2px; line-height: 20px; color: #888; overflow: hidden;}
#CaseBox .CaseLList dd a{ display: inline-block; background: #e67817; color: #fff; padding-left: 12px; padding-right: 12px;}

#CaseBox .title{ border-bottom: 1px #eee solid; line-height: 24px; padding-bottom: 6px; height: 24px; overflow: hidden;}
#CaseBox .title h3{ font-size: 16px; color: #0066cc; float: left; font-family: "Microsoft YaHei",tahoma,verdana,arial,sans-serif; font-weight: 700;}
#CaseBox .title h6{ float: right; font-weight: normal; font-family: Arial; font-size: 12px;}

#AboutBox{ margin: 0px auto; padding: 0px; background: #0093dd; overflow: hidden;}
#AboutBox h2{ margin: 0px auto; width: 960px; height: 108px; text-align:center; overflow: hidden;}
#AboutBox .About960{ margin: 0px auto; padding: 0px; width: 960px; overflow: hidden;}
#AboutBox .AboutL{ float: left; width: 700px; padding-top: 24px; overflow:hidden;}
#AboutBox .AboutLPic{ float: left; width: 252px; height: 167px; overflow: hidden;}
#AboutBox .AboutLPic img{ border: 1px #fff solid;}
#AboutBox .AboutTxt{ float: left; width: 410px; padding-left: 20px;}
#AboutBox .AboutTxt h3{ font-family: "Microsoft YaHei",tahoma,verdana,arial,sans-serif; font-size: 18px; color: #fff; line-height: 24px;}
#AboutBox .AboutTxt p{  padding-top: 2px; line-height: 24px; height: 144px; color: #fff; overflow: hidden;}
#AboutBox .AboutTxt p a{ color: #ff0;}
#AboutBox .AboutPic{ width:700px; padding-top: 30px; height:180px; overflow: hidden;}
#AboutBox .AboutPic .prev{ float: left; background: url(../images/AboutPic_prev.jpg) left center no-repeat; height:148px; width: 20px; display: inline-block; cursor: pointer; margin-right: 19px;}
#AboutBox .AboutPic .list{ float: left; width: 622px; height: 180px; overflow: hidden;}
#AboutBox .AboutPic li{ float: left; padding-right: 20px; width: 194px;}
#AboutBox .AboutPic img{ border: 3px #0085c8 solid;  width: 188px; height: 141px;}
#AboutBox .AboutPic p{ height: 24px; line-height: 24px; padding-top: 6px; text-align:center; overflow: hidden;}
#AboutBox .AboutPic a{ color: #fff; font-size: 14px;}
#AboutBox .AboutPic .next{ float: right; background: url(../images/AboutPic_next.jpg) center no-repeat; height:148px; width: 20px; display: inline-block; cursor: pointer;}
#AboutBox .video{ float: right; padding-bottom: 24px; border-left: 1px #0085c8 solid; padding-left: 24px; padding-top: 24px; width: 210px; height: 380px; overflow: hidden;}
#AboutBox .video ul{ padding-top: 18px; color: #fff;}
#AboutBox .video li{ line-height: 30px; border-bottom: 1px #0085c8 dotted; height: 30px; overflow: hidden;}
#AboutBox .video a{ color: #fff; font-size: 14px;}
#AboutBox .video a:hover{ color: #ff0;}

#NewsBox{ margin: 0px auto; padding: 0px; padding-top: 32px; width: 960px; padding-bottom: 24px; border-bottom: 1px #cacaca solid; overflow: hidden;}
#NewsBox .NewsL{ float: left; width: 230px; background: url(../images/newsLine.jpg) right no-repeat; padding-right: 50px;}
#NewsBox .NewsM{ float: left; width: 400px; background: url(../images/newsLine.jpg) right no-repeat; padding-right: 50px;}
#NewsBox .NewsR{ float: right; width: 230px;}
#NewsBox .NewsLList{ margin-top: 22px; height: 290px; overflow: hidden;}
#NewsBox .NewsLList dl{ padding-top: 24px;}
#NewsBox .NewsLList dt{ background: url(../images/wen.jpg) left top no-repeat; line-height: 20px; padding-left: 26px;}
#NewsBox .NewsLList dt a{ color: #414141;}
#NewsBox .NewsLList dt a:hover{ color: #e67817;}
#NewsBox .NewsLList dd{ background: url(../images/da.jpg) left top no-repeat; line-height: 20px; padding-left: 26px; margin-top: 8px;}
#NewsBox .NewsLList dd a{ color: #e67817}

#NewsBox .NewsMList{ padding-top: 20px; height: 292px; overflow: hidden;}
#NewsBox .NewsMList dl{ height: 84px; overflow: hidden;}
#NewsBox .NewsMList img{ width: 107px; height: 80px; float: left; border: 1px #ddd solid; padding: 1px;}
#NewsBox .NewsMList dt{ float: right; width: 280px; line-height: 20px; height: 20px; font-weight: bold; overflow: hidden;}
#NewsBox .NewsMList dd{ float: right; width: 280px; line-height: 20px; height: 60px; color: #888; overflow: hidden;}
#NewsBox .NewsMList dd a{ color: #e67817}
#NewsBox .NewsMList ul{ padding-top: 16px;}
#NewsBox .NewsMList li{ line-height: 32px; height: 32px; overflow: hidden;}
#NewsBox .NewsMList li span{ float: right; color: #888;}
#NewsBox .NewsMList li a{ margin-left: 5px;}

#NewsBox .NewsRList{ padding-top: 20px; height: 290px; overflow: hidden;}
#NewsBox .NewsRList .pic{ height: 84px; overflow: hidden;}
#NewsBox .NewsRList .pic img{ width: 230px; height: 84px;}
#NewsBox .NewsRList ul{ padding-top: 16px;}
#NewsBox .NewsRList li{ line-height: 32px; height: 32px; overflow: hidden;}
#NewsBox .NewsRList li a{ margin-left: 5px;}

#NewsBox .title{ border-bottom: 1px #eee solid; line-height: 24px; padding-bottom: 6px; height: 24px; overflow: hidden;}
#NewsBox .title h3{ font-size: 16px; color: #0066cc; float: left; font-family: "Microsoft YaHei",tahoma,verdana,arial,sans-serif; font-weight: 700;}
#NewsBox .title h6{ float: right; font-weight: normal; font-family: Arial; font-size: 12px;}

#link{ margin: 0px auto; padding: 0px; margin-top: 24px; background: url(../images/link.jpg) left no-repeat; padding-left: 160px; width: 800px; line-height: 32px;}
#link span{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; padding-left: 10px; padding-right: 10px;}