@charset "utf-8";
/* CSS Document */


html, body { font-family: Microsoft YaHei, arial, 宋体; font-size: 14px; line-height: 2; color: #666666; margin: 0 auto; background: #fff; }
body, html, div, img, a, p, ul, ol, dl, dd, dt, li, h1, h2, h3, h4, h5, em, i, form, input, span, button { font-weight: normal; margin: 0; padding: 0; font-style: normal; outline: none; list-style: none; }
a { text-decoration: none; color: #666666; }
a:hover { color: #0b65c2; }
ul, li { list-style: none; }
h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 14px; }
h4 { font-size: 13px; }
/*全局样式类定义*/
.clear { clear: both; height: 0; overflow: hidden; }

/*格式化代码-e*/
.C:before, .C:after { content: "."; display: block; height: 0; visibility: hidden; }
.C:after { clear: both; }
.C { zoom: 1; }
.mar30 { margin-top: 5px; }
.head { font-family: "宋体"; height: 40px; line-height: 40px; font-size: 12px; color: #666; border-bottom: 1px solid #f4f4f4; }




/****************通用头部begin*****************/


.wap, .qx { position: relative; float: right; cursor: pointer; }
.wap img, .qx img { vertical-align: middle; }
/*top*/
.right-side { float: right; display: inline-block; }
.phone { width: 22px; height: 22px; background-position: 0 0; }
.vm { vertical-align: middle; }
.lh0 { line-height: 0; }
.dib { display: inline-block; }
.icon { background: url(../images/tel.jpg) no-repeat; }
.ml5 { margin-left: 5px;  font-family: "微软雅黑"; vertical-align: middle;}

.left-side { float: right; display: inline-block; margin-right: 10px;}
/*top ����*/

.ewm { position: absolute; left: 0; top: 30px; z-index: 10; display: none; }
.qxul { position: absolute; background: #005ab0; right: 0; top: 30px; width: 130px; text-align: center; display: none; z-index: 999; }
.qxul li { border-bottom: 1px solid #fff; line-height: 25px; height: 25px; overflow: hidden; }
.qxul li a:hover { background: #666; display: block; line-height: 25px; height: 25px; }
.qxul li a { height: 25px; display: block; }

.top { height: 90px; width: 1200px; margin: 0 auto; position: relative; }
.logo { width: 180px; font-size: 18px; float: left; height: 112px; background: url(../images/logo.jpg) no-repeat 12px center; padding-left: 150px; color: #000; }
.logo h1 { font-size: 28px; line-height: 112px; }
.sea { width: 260px; float: right; padding-top: 42px; }
.SearchKey { width: 210px; height: 34px; float: left; text-indent: 10px; line-height: 21px; border: 1px solid #005ab0; border-right: none; color: #005ab0; }




/****************通用尾部begin*****************/
#friendlink { width: 100%; height: 208px; background-color: #f2f2f2; border-top: 4px solid #2875D9; }
#friendlink .footer_tab { float: left; width: 625px; padding-top: 28px; padding-left: 15px; }
.footer_tab dl { float: left; width: 156px; }
.footer_tab dl dt { padding-bottom: 14px; font-size: 14px; color: #333; }
.footer_tab dl dt em { padding-left: 5px; font-family: Arial; font-size: 14px; }
.footer_tab dl dd { line-height: 22px; }
.footer_tab dl dd a { color: #777; }
.footer_tab dl dd a:hover { color: #009fd3; }
#friendlink .contact { float: right; width: 337px; padding-top: 32px; }
.contact h2 { font-size: 20px; color: #777; }
.contact h2 em { padding-left: 5px; font-family: Arial; font-size: 14px; }
.contact ul li { padding-left: 26px; line-height: 32px; font-family: Arial; background-image: url(../images/contact_icon_03.gif); background-repeat: no-repeat; }
.contact ul li.telephone_num { font-size: 20px; background-position: 0px 7px; }
.contact ul li.email { background-position: 0px -24px; font-size: 18px; }
.contact ul li.adress { background-position: 0px -58px; font-family: "宋体"; font-size: 14px; }
.contact ul li { color: #777; }
.contact ul li:hover { color: #005ab0; }
#footer { height: 54px; line-height: 54px; background-color: #f2f2f2; }
#footer .copyright { float: left; color: #777; }
#footer .copyright a { padding-left: 7px; color: #777; }
#footer .copyright a img { vertical-align: middle; }
#footer .copyright a:hover { color: #005ab0; }
#footer .share { float: right; width: 150px; height: 39px; margin-top: 9px; display: inline; }
#footer .share a { float: left; width: 39px; height: 39px; background-image: url(../images/bg23.png); background-repeat: no-repeat; margin-right: 9px; }
#footer .share a.qq { background-position: 0px 0px; }
#footer .share a.wx { background-position: -47px 0px; }
#footer .share a.xl { background-position: -95px 0px; }
#footer .share a:hover { background-image: url(../images/bg24.png); }