.wrap, .containner { width: 1020px; margin: 0 auto; }
.pull-left { float: left; }
.pull-right { float: right; }
.clear { clear:both; }
.clearfix:after { visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix { zoom:1;}
*:first-child + html .clearfix { zoom:1;}
.hide { display: none; }
.show { display: block; }
.invisible { visibility: hidden; }
.text-hidden { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;}
.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.img-responsive { max-width: 100%; display: block; }
.img-circle { border-radius: 50%; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.small { font-size: 12px; font-weight: normal; border-bottom: 1px dotted #e7e7e7; padding-bottom: 3px;}
.unliststyle { margin:0; padding: 0; list-style: none;}
.inner-inline-block * { display: inline-block; }
.inner-inline-block * { *display: inline-block; }
a { text-decoration: none; color: #333; }
a:hover { color: #0071b7; }
.bor{ border: 1px solid #E7E7E7; border-top: none;}
.border{ border: 1px solid #E7E7E7; }
.hr { height: 10px; clear: both; }
.pad { padding: 10px; }
.bg { background: #fff; }
.about .pad { padding: 33px; }



html { background: #fff; }
body { font-size: 14px; font-family: "Arial", "微软雅黑", "宋体"; color: #333; line-height: 1.7; }

.top-bar { height: 28px; line-height: 28px; font-size: 12px; font-family: "宋体"; color:#fff; background: #0070B2 url(../images/topbg.jpg) repeat-x; }

.head { height: 100px; background: url(../images/topbg.jpg) repeat-x 0 -28px;}
.head h1 { background: url(../images/logo.png) no-repeat 0 center; height: 100px; margin:0; padding-left: 80px; }
.head h1 a { display:block; height: 60px; background: url(../images/site-name.png) no-repeat; width: 521px; line-height: 1200px;overflow:hidden; margin-top: 30px; }
.lang { padding-top: 15px; }
.cn, .en { background: url(../images/pic_08.png) no-repeat; display: inline-block; width: 51px; height: 33px; }
.en { background: url(../images/pic_03.png) no-repeat; margin-left: 10px; }



.main-menu { background: url(../images/topbg.jpg) repeat-x 0 -126px;}
.main-menu ul { list-style: none; height: 55px; padding:0; line-height: 55px; margin: 0; text-align: center;}
.main-menu ul li { display: inline-block; line-height: 55px; font-size: 16px; font-weight: bold; padding: 0 15px;}
.main-menu ul li { *display: inline; }
.main-menu ul li:hover, .main-menu .active {border-bottom: 5px solid #0071B7; height: 50px;}
.main-menu ul li a { text-decoration: none; color: #333; letter-spacing: 4px; text-shadow: 1px 1px 1px #fff;}
.main-menu ul li a:hover, .main-menu ul .active a{ color: #0071B7;}

.footer { background: #0071B7; padding: 22px 0; color: #fff; font-size: 12px; clear: both; margin-top: 15px;}
.footer a { color: #fff;}

.sidebar { width: 340px; margin-right: 10px; float: left; }
.more { float: right; font-weight: normal; font-size: 12px; font-family: "Arial"; line-height: 100%; background: url(../images/more.png) no-repeat; width: 34px; height: 11px; line-height: 100px; overflow:hidden; margin-top: 12px; margin-right: 10px; }
.sidebar ul { padding: 10px 15px;}
.sidebar ul li:before { content: "●"; color: #E77817; margin-right: .5em;}
.sidebar .contact { width: 100%;}
.contact p { margin: 0; padding: 0 15px;}
.contact img { display: none; }

.main {width: 670px; }
h2 { background: url(../images/cate-name-1.jpg) no-repeat; height: 33px; text-indent: 42px; margin: 0; line-height: 24px; }
h2 a { color: #fff; font-size: 14px; }

.catpos { margin-bottom: 10px;border-bottom: 1px solid #e7e7e7; padding-bottom: 5px; }
.catpos:before { content: "→"; color: #E75C00; margin-right: 10px; font-weight: bold;}

.time { margin-right: 10px; }
.sep { border-bottom: 1px dotted #e7e7e7; padding-bottom: 10px; margin-bottom: 10px; }
.newsList li { padding: 0 10px; }
.newsList li:hover { background: #e7e7e7; }

.contact { font-size: 12px; }

.products h2 li, .products h2 li a { font-size: 12px !important; color: #333; font-weight: normal; }
.product-lists { margin-left: -10px; }
.product-lists li{  width: 189px; float: left; margin-left: 10px; text-align: center; margin-bottom: 10px; position: relative; border: 1px solid #eee; }
.product-lists img { width: 189px; height: 178px; }
.product-lists p { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #333; background: rgba( 0, 0, 0, .5); color: #fff; margin: 0; text-align: left; padding: 10px; overflow: hidden; text-overflow: ellipsis; line-height: 1.2; text-indent: 2em; display: none; }
.product-lists p { vertical-align: middle; color: #fff;}
.product-lists p a { display: block; height: 100%; color: #fff;}
.product-lists p a:hover { color: #fff;}
.pages { text-align: center; padding: 15px 0;}
.pages a { border: 1px solid #ddd; padding: 0 5px; }
.pages .a1 { border: none; }
.pages span { padding: 0 6px;}

.zhiliang li { float: left; width: 190px;padding: 0 10px;text-align: center; margin-left: 6px;}
.zhiliang li img { width: 190px; height: 205px;}
#Article .content img { display: block; margin: 10px auto;}

.picList  {margin-left: -10px;}
.picList li {float: left; width: 309px; margin-left: 10px; text-align: center;  line-height: 30px;}
.picList li img { width: 309px; height: 291px; }
.thumb img { max-width: 648px; }