*{margin:0;padding:0;font-size:100%;vertical-align:baseline}
img{display:inline-block}
ul{padding:0;margin:0}
li,ol,ul{list-style:none}
em{font-style:normal}
body{font-family:'微软雅黑',Microsoft Yahei,'宋体',\5b8b\4f53,Tahoma,Arial,Helvetica,STHeiti;-webkit-font-smoothing:antialiased}
*{-webkit-font-smoothing:antialiased}
button,input,label,select,textarea{vertical-align:middle}
h1,h2,h3,h4,h6{font-weight:700;font-size:100%}
a:link{text-decoration:none;color:#0f4581}
a:visited{text-decoration:none}
a:hover{text-decoration:underline}
html{margin:0;padding:0;border:0}
article,aside,details,dialog,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table{border-collapse:separate;border-spacing:0}
caption,td,th{text-align:left;font-weight:400;float:none!important}
table,td,th{vertical-align:middle}
blockquote:after,blockquote:before,q:after,q:before{content:''}
blockquote,q{quotes:""""}
a img{border:0}
:focus{outline:0}
button,input,label,select,textarea{vertical-align:middle}
a:link{text-decoration:none}
a:visited{text-decoration:none}
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}
.hide{ display: none;}
.show{ display: block;}
.fl,.left{float:left}
.fr,.right{float:right}
.clear{ clear:both;}
.overflow{ overflow: hidden;}

.f12{font-size:12px;}  
.f13{font-size:13px;}  
.f14{font-size:14px;}  
.f16{font-size:16px;}  
.f20{font-size:20px;}  
.fb{font-weight:bold;}

/*padding-top*/
.pt100{padding-top:100px;}

/*margin-left*/
.ml10{margin-left:10px;}

/*margin-right*/
.mr10{margin-right:10px;}

/*margin-bottom*/
.mb6{margin-bottom:6px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}

/*定位*/  
.tl{text-align:left;}  
.tc{text-align:center;}  
.tr{text-align:right;}

/*宽度-像素*/
.w393{width:393px;}

/*高度-像素*/
.h60{height:60px;}
.h80{height:80px;}

.wrapper{width:1200px;margin:0 auto;display:block;}
/* 导航 */
.navi,.navi-wrap{background: url(http://www.cn-ofa.com/statics/kaiyi/images/nav_bg.png) repeat-x #104996;}
.navi{height:56px;font-size:18px;font-weight:700}
.navi li{float:left;height:56px;line-height:56px;width:84px;position:relative;}
.navi li:last-child{width:108px;}
.navi li.active{background:#116cc7;}
.navi li:hover{background:#116cc7;}
.navi li a{display:block;color:#FFF;text-align:center;}
.navi ul li .list{left:0px; top:46px; z-index:9999; display:none; width:108px; position:absolute;  font-size:16px;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5122369', endColorstr='#E5122369');background:rgba(213, 001, 016, 0.9); }
.navi ul li .list a{height:38px; font-weight:bold; text-align:center; display:block; line-height:38px !important; color:#FFF;border-bottom:1px solid #ff707a;}
.navi ul li .list a:hover{ color:#efe0a9;}

/*底部*/
.foot-nav-main{width:100%;height:50px;background:#0f4581;min-width:1200px;}
.foot-nav{width:1200px;height:50px;margin:0 auto;text-align:center}
.foot-nav a{line-height:50px;font-size:18px;color:#666;margin:0 15px;color:#fff}
.foot-main{width:100%;height:220px;background-color:#f0f0f0;min-width:1200px;}
.foot-main .f-logo{width:200px;margin:0 auto;padding-top:30px;}
.foot-main .copyright{width:1000px;margin:0 auto;overflow:hidden;padding-top:20px;text-align:center}
.foot-main .copyright ul{display:block}
.foot-main .copyright ul li{color:#717171;font-size:12px;line-height:30px}
.foot-main .copyright ul li a{color:#717171}


/*返回顶部*/
.backToTop{display:none;width:48px;height:48px;color:#105590;font-size:14px;text-align:center;text-indent:-9999px;position:fixed;left:50%;bottom:10px;cursor:pointer;background:url(../images/top.jpg) no-repeat scroll center top #eb9a0d;margin-left:610px;padding:0;font-size:16px;border-radius: 5px;}
.backToTop:hover{color:#fff;text-indent:0;background:#eb9a0d}

/*==============分页=====================*/
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 25px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.8;
  text-decoration: none;
  color: #d52828;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 3;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #dddddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #d52828;
  border-color: #d52828;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #ffffff;
  border-color: #dddddd;
  cursor: not-allowed;
}
.pagination > li > .active,
.pagination > li > .active > span,
.pagination > li > .active > a:hover,
.pagination > li > .active > span:hover,
.pagination > li > .active > a:focus,
.pagination > li > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #e11313;
    border-color: #e11313;
}
.pagination > li > .active:hover {
    color: #fff;
    cursor: default;
    background-color: #3498DB;
    border-color: #2f89c6;
}