@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	 font-size: small;
	 font-family:微软雅黑;
    margin: 0;
    padding: 0;
    text-align: left;
}
body{background-color: #f3f1f4}
.container{margin:auto;}

a{ text-decoration:none; color:#000}

.logo{ width:100%; margin:0 auto; text-align:center; background:#fff}
.logo img{ max-width:100%;height:auto !important; display:inline-block}

.menu{ width:100%; margin:0 auto; height:auto;padding-top: 12px;padding-bottom: 12px;background-color: #fff;box-shadow: 0 0 6px #e3e3e3;margin-bottom: 5%;}
.menu ul li{ float:left; list-style:none; line-height:45px; width:18.8%; text-align:center;margin-left: 1%}
.menu ul li a{ font-size:13px;color:#fff; text-transform:uppercase; font-weight:bold}
.menu ul li a img{width: 100%;}

.menu2{ width:100%; margin:0 auto; height:auto;background-color: #0b4da2;}
.menu2 ul li{ float:left; list-style:none; line-height:45px; width:20%; text-align:center;}
.menu2 ul li a{ font-size:13px;color:#fff; text-transform:uppercase; font-weight:bold}


.indexAbout{ width:96%; margin:0 auto; padding:14px 2% 24px 2%;}
.title{ width:100%; float:left; text-transform:uppercase; line-height:25px; font-size:26px;font-weight:normal; padding:10px 0;background-color: #fff;}
.title span{ color:#0b4da2;line-height:25px; font-size:26px;font-weight:normal;margin-left: 62px;}
.title a{ color:#333333;line-height:25px; font-size:26px;font-weight:normal;float: right;margin-right: 16px;}

.title h3{font-size:22px;font-weight:bold;line-height:25px;}
.title2{ width:100%; float:left; text-align:center; text-transform:uppercase; color:#000; background:url(../img/titlebg.jpg) bottom center no-repeat;line-height:25px; font-size:22px;font-weight:bold;}


.content{ width:96%; float:left; font-size:14px; color:#000000; line-height:20px; padding:18px 2%;background-color: #fff;padding: }
.more{ width:100%; float:left; text-align:center}

.indexPro{width:96%; margin:0 auto; padding:0px 2% 2% 2%;}
.prolist{ width:100%; float:left; padding:15px 0}
.pro{ width:49%; float:left;}
.pro2{ width:32%; float:left;}
.proimg{ width:100%; float:left;padding: 2% 0}
.proimg img{ max-width:100%; height:auto !important}
.proname{ width:100%; float:left; text-align:center;}
.proname a{ font-size:14px; color:#000000; line-height:20px;}

.indexnews{ width:100%; margin:0 auto;}
.newslist{ width:100%; float:left; padding:18px 0}
.newslist ul li{ list-style:none; padding:2% 0;margin-bottom: 2%;}
.index_news_pic{width: 20%;float: left;}
.index_news_pic img{width: 100%;}
.index_news_text{width: 76%;float: right;}
.index_news_text p{font-size: 18px;color: #0b4da2;line-height: 26px;}
.index_news_text div{font-size: 15px;color: #333333;line-height: 26px;}



.foot_topphone{padding: 2%;width: 96%;margin: auto;background-color: #0b4da2;color: #fff;font-size: 16px;text-align: center;}
.foot_topphone span{font-weight: normal;font-size: 16px;}

.footbg{ width:96%; margin:0 auto; background:#fff;    padding: 20px 2% 10px 2%; color:#333; font-size:14px; text-align:center; }
.footbg a{ color:#333;font-size:12px;}
.footbg span,.footbg span a{ font-size:13px; color:#333;line-height:18px}

.main_top{ width:96%; margin:0 auto;padding:10px 2%;color:#808080; font-size:12px; line-height:20px}
.main_top a{ color:#808080}
.main{ width:96%; margin:0 auto; padding:0 2%}
.prodes{ width:100%; float:left; padding-top:15px}
.mainbody{ width:100%; float:left; padding:20px 0}
.mainbody table{ max-width:100%!important;}
.mainbody img{ max-width:100% !important; height:auto !important}
.proclass{ width:100%; float:left; }
.proclass>ul>li{ list-style:none; border-bottom:1px solid #d2d2d2}
.proclass>ul>li>h3{ font-size:13px; color:#000000; font-weight:normal; padding-left:3%}
.proclass>ul>li>ul{padding: 0 2%;}
.proclass>ul>li>ul>li{list-style: none;}
.proclass>ul>li>ul>li h3{font-size:13px; color:#333; font-weight:normal; padding-left:3%}

.main_page{text-align:center;width:100%; float:left; padding:15px 0}
.main_page a,.main_page .current{ margin:1px 2px;}
.main_page a{ background:#f5f5f5; padding:3px 8px; color:#717071; border:1px solid #d6d7d2}
.main_page .current{ padding:3px 8px; background:#000; color:#fff;border:1px solid #000}

.table td{ height:20px;}


.big img{max-width:100%;}

.back{ width:100%; margin:0 auto; text-align:center;margin-top: 10px;}
.back a{ background:#1755a0; padding:5px 15px; color:#fff;font-size: 14px;display: inline-block;}

.navbar{ position:fixed; bottom:0; z-index:999; width:100%; background:#282828}
.foot{padding:0px; margin:0px; width:100%}
.foot ul{width:100%; background:#c8d3df;}
.foot ul li{ float:left; width:20%; list-style:none; text-align:center;color:#fff; font-size:15px; padding:5px 0; line-height:14px;}
.foot ul li a{ color:#fff}
/*
.bottom{position:fixed; z-index:999; width:100%; left:0px; bottom:0px; height:50px; font-size:0; background:#1755a0; border-top:1px solid #cfe5ef}
.bottom div{background:url(../img/bottomline.png) right no-repeat; width:20%; float:left;height:50px; text-align:center}
.bottom_button { width:90%; display:inline-block;font-size:12px;line-height:14px; text-align:center; margin:0 auto; background:#1755a0; padding:10px 0 0 0}

.bottom_button a{ text-decoration:none; display:block; text-align:center; line-height:14px; color:#fff;}*/