@charset "utf-8";
/* ==========================================================================
   公共部分
 ============================================================================ */
*,*:before,*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}
body {color: #666;line-height: 1;font-family:"微软雅黑","Microsoft Yahei";}
img {
    max-width: 100%;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
input,textarea,select {font-size: 12px;color: #444;font-family:"微软雅黑","Microsoft Yahei";outline: 0;}
input[type='submit'],input[type='reset'],input[type='button'],input[type='checkbox'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type='submit'],input[type='reset'],input[type='button'] {cursor: pointer;}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999; }
::-ms-input-placeholder {color: #999;}
button {padding:0;border:0;cursor: pointer;}
h1,h2,h3,h4,h5 {font-weight: normal;}
a {color:#333;}
a:hover {color:#026e9f;text-decoration: none;}
.wp {margin:0 auto;max-width: 1200px;}

.ptb20 {padding-top: 20px;padding-bottom: 20px;}
.mb20 {margin-bottom: 20px;}
/* 头部
 ============================================================================ */
#hd {height: 125px;}
#hd .logo {line-height: 125px;}
#hd .logo img {vertical-align: middle;}
#hd .tel {margin-top: 40px;}
#hd .tel  h3 {margin-bottom: 5px;text-align: center;position: relative;}
#hd .tel  h3::before,
#hd .tel  h3::after {content: '';position: absolute;top: 50%;width: 34px;height: 1px;background-color: #000;}
#hd .tel  h3::after {right: 0;}
#hd .tel  h3::before {left: 0;}
#hd .tel span {padding-left: 35px;background: url(../images/icon-phone.png) no-repeat center left;font-size: 20px;color: #ff7600;}

/* 导航
 ============================================================================ */
#nav {height: 39px;line-height: 39px;background: url(../images/nav-bg.jpg) repeat-x;}
#nav ul li {float: left;position: relative;z-index: 2;}
#nav ul li a {display: block;padding: 0 55px;color: #fff;}
#nav ul li a:hover {text-decoration: underline;}
#nav ul li:hover  dl {display: block;}
#nav ul li dl {position: absolute;left: 0;top: 39px;display: none;width: 175px;}
#nav ul li dl a {background: url(../images/nav-bg.jpg) repeat-x;text-align: center;padding: 0;}
/* 手机导航
 ============================================================================ */
.mobile-nav{position: fixed;top: 0;left: 0;width: 100%;height: 50px;line-height: 50px;color: #fff;z-index: 99999;text-align: center;display: none;background: #fff;}
.mobile-nav img{vertical-align: middle;display: inline-block;max-width:60%;}
.mobile-nav .tel-btn,.mobile-nav .menu-btn{position: absolute;top: 0;width: 50px;height: 49px;cursor: pointer;}
.mobile-nav .menu-btn{right: 0;background: url(../images/icon-menu.png) no-repeat center center;}
.mobile-nav .tel-btn{left: 0;background: url(../images/icon-tel.png) no-repeat center center;}

.mobile-pop-menu{font-size: 16px;background: #fff;display: none;border-bottom: 2px solid #01385e;
    position: fixed;left: 0;top: 50px;width: 100%;z-index: 99999;}
.mobile-pop-menu .intro{padding: 10px 20px 18px 20px;overflow: hidden;}
.mobile-pop-menu .mark{padding: 20px;text-align: center;}
.mobile-pop-menu ul{width: 100%;line-height: 50px;border-top: 1px solid #01385e;overflow: hidden;}
.mobile-pop-menu li a{
    display: block;text-align: center;border-bottom: 1px solid #e7e7e7;height: 40px;line-height: 40px;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}
.mobile-pop-menu li a:hover {color: #fff;background-color: #044a7b;}

.mobile-nav{display: none;}
.tel-pop{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;}
.tel-pop .zz{position: fixed;top: 0;left: 0;width: 100%;height: 100%;
    background-color: rgba(0,0,0,.4);z-index: 3;}
.tel-pop .box{
    position: fixed;top: 50%;left: 50%;font-size: 14px;padding: 0 15px;
    border-radius: 10px;z-index: 4;
    background-color: rgba(0,0,0,.8);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);}
.tel-pop .box a{color:#fff;text-decoration: underline;}

/* 底部
 ============================================================================ */
#ft {background: #024584;padding: 25px 0;text-align: center;}
#ft p {color: #fff;font-size: 14px;line-height: 1.5;}
#ft  a {color: #fff;}


/* 封面页
 ============================================================================ */
.lxfs {width: 275px;}
.article {padding:0 10px 20px;line-height: 1.5;}

/* 内容页
 ============================================================================ */
.tit h2 {font-size: 18px;font-weight: bold;text-align: center;color: #333;}
.sub-tit {text-align: center;font-size: 14px;margin-bottom: 15px;color: #999;}
.detail {text-align: justify;color: #191919;}
.detail p,.detail div {margin-bottom: 10px;}

/* 新闻页
 ============================================================================ */
.news-list li {
    background: url(../images/ico-sj.jpg) no-repeat 5px center;
    border-bottom: 1px dotted #e2e2e2;
    height: 35px;
    line-height: 35px;
    color: #6b6b6b;
    padding-left: 15px;
    font-size: 14px;
}
.news-list span {float: right;overflow: hidden;margin-left: 10px;}
.news-list a {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
}

/* 上一篇和下一篇
 ============================================================================ */
.prenext {margin-top: 15px;text-align: left;font-size: 12px;}
.prenext p {margin: 10px 0;font-size: 12px;}

/* 分页
 ============================================================================ */
.pagination-wraper {margin: 15px 0;}
.pagination {text-align: center;}
.pagination li {
    display: inline-block;
    margin: 10px;
    background: #e3e3e3;
    padding: 10px 15px;
}
.pagination li.thisclass {
    background: #024584;
    color: #fff;
}

/* 漂浮客服
 ============================================================================ */
.izl-rmenu{position:fixed; right:0; margin-right:20px; top:50%; padding-bottom:20px; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; cursor:pointer; position:relative; display:block; border-radius:0px;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-161px; top:-1px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:161px; left:-160px; top:-1px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}
.izl-rmenu .btn-wx .pic {width: 160px;max-width: 500%;}