html { font-size: 12px; color:#333; font-family:Arial, Helvetica, sans-serif;}
body{ margin:0 auto; padding:0; background:#094fa5 /*url(../images/bg.jpg)*/;}
body,div,input{ font-size: 12px; font-family:Arial, Helvetica, sans-serif;}
a {color:#333; text-decoration:none; }
a:hover{ color:red; text-decoration:none;}
.clr, .clear{ clear:both;}
p,h2,h1,h3,h4,h5,h6 { margin:0; padding:0;}
img {border:0; vertical-align:middle;}
.bgw { background: #fff;}
.fl { float:left;}
.fr { float:right;}
.mr0 { margin-right:0 !important;}
.nomp { margin:0; padding:0;}
.noliststyle { margin:0; padding:0; list-style-type:none; }
/*-----------------------header box----------------------------*/
.headerWrapper { position: fixed; background: #094fa5; width:100%; min-height:100px; z-index:999999;}
.headerWrapper .container { position:relative;}
.headerShare { position:absolute; top:2%;}
.headerShare li { display:inline-block; margin:0 2px;}
.headerShare li a img { width:100%; border-radius:50%;}
.headerShare li a { color:#000; display:block; width:18px; height:18px; line-height:18px; text-align:center;}
/*.headerShare li a:hover { color:#fff; background: #e94529;}*/
.logo { display:table; margin:0 auto;}
.logo a { display:table-cell; padding-bottom:15px; height:100px; vertical-align: bottom; text-align:center;}
.logo a img { width:80%;}
.lang { position:absolute; top:40%; right:1%; background: #fff; width:20px; height:20px; line-height:20px; text-align:center; border-radius:50%; text-transform:uppercase}
.lang a { width:100%; height:100%;}

/*-----------------------main box----------------------------*/
.main { padding-top:40px; }
.cate { padding:30px 0; text-align:center; -webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.cate:hover { background: #01479d; border-radius:2px;}
.cate a { display:block; width:100%; height:100%;}
.cate-name { padding:30px 0 20px 0; font-size:20px;  text-transform:uppercase; color:#fff;}
.cate-btn { padding:40px 0 0; text-transform:uppercase;}
.cate-btn span { width:140px; font-size:16px; font-weight:bold; color:#fff; background: #e94529; border-radius:2px; }
.cate-btn span:hover { background: #fff; color:#E94529}

.footer { position:fixed; bottom:0; width:100%; padding:20px 0; color:#fff; text-align:center; background: #094fa5; }
.headerbot,
.footerbot { height:100px;}
@media screen and (min-width: 500px) {
.headerShare { position:absolute; top:32%;}
.headerShare li { margin:0;}
.logo a { vertical-align:middle; padding-bottom:0; }
}
@media (min-width: 768px) {
.headerWrapper { position:relative; min-height:140px;}
.lang { width:24px; height:24px; line-height:24px;}
.headerShare li { margin:0 2px;}
.headerShare li a { width:24px; height:24px; line-height:24px;}
.headerShare li a i {font-size: 1.111111em;}
.headerShare { position:absolute; top:32%;}
.logo a { vertical-align:middle; padding-bottom:0; height:140px;}
.logo a img { width:auto;}
.cate-pic { min-height:110px;}
.cate-pic img { width:60%;}
.cate-btn span { padding-left:15px; padding-right:15px;}
.headerbot,
.footerbot { height:auto;}
}
@media (min-width: 992px) {
.cate-pic { min-height:150px;}
.cate-pic img { width:auto;}

}
@media (min-width: 1200px) {

}