/*-----------------[初始化]--------------*/
*,*: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: #515151;font-size: 12px;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:#393939;}
a:hover{color:#004173;text-decoration: none;}
.wp{margin:0 auto;width: 1200px;}

html,
body{height: 100%;}

/* 公用 */

/*******************************
    -------[=头部]-------
********************************/
#hd{position: fixed;left:0;top:0;z-index: 9;
    padding: 0 60px;width: 100%;height: 80px;
    background:#fff;}

.logo{float: left;margin: 4px 46px 0 0;}

.nav{float: left;}
.nav li{position: relative;float: left;margin-left: 3px;}
.nav li:before{content:'';position: absolute;left:0;top:50%;
    width: 3px;height: 3px;background:#909090;}
.nav li:first-of-type:before{display: none;}
.nav li.on .a1 em,
.nav li:hover .a1 em{font-weight: bold;color:#004c7d;}
.nav li .a1{display: block;padding:0 34px;overflow: hidden;
    height: 80px;line-height: 80px;font-size: 16px;}
.nav .a1 em{position: relative;display: inline-block;height: 24px;line-height: 24px;}
.nav .a1 em:after{content:'';position: absolute;left:0;bottom:-10px;width: 100%;
    height: 2px;background: #004c7d;opacity: 0;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;}
.nav li:hover .a1 em:after{opacity: 1;}

.nav dl{position: absolute;left:0;top:68px;padding:0 0 13px;width: 100%;
    background-color: #fff;display: none;}
.nav dd a{display: block;padding: 0 5px;text-align: center;
    height: 40px;line-height: 40px;font-size: 14px;}
.nav dd a:hover{font-weight: bold;}

.hd-link{float: right;}
.hd-link .item{position: relative;display: inline-block;margin-left: 36px;}
.hd-link a{display: block;width: 26px;height: 80px;
    background-position: center;
    background-repeat: no-repeat;}
.hd-link .qq{background-image: url(../images/icn-qq.png);}
.hd-link .xl{background-image: url(../images/icn-xl.png);}
.hd-link .wx{background-image: url(../images/icn-wx.png);}
.hd-link .on .wx{background-image: url(../images/icn-wx-hover.png);}
.hd-link .on .xl{background-image: url(../images/icn-xl-hover.png);}
.hd-link .on .qq{background-image: url(../images/icn-qq-hover.png);}

.pop-wx{position: absolute;right:0;top:100%;width: 170px;
    padding: 10px;background:#014c7d;display: none;
}
.pop-wx:after{content:'';position: absolute;right:0;top:-15px;
    border-left:15px solid transparent;
    border-right:15px solid transparent;
    border-bottom:15px solid #014c7d;}
.pop-wx img{display: block;width: 160px;height: 160px;}

/*******************************
    -------[=主体]-------
********************************/
#bd{padding: 80px 60px 0 60px;}
#bd.bd1{padding:0;}

/* 公用切换 */
.g-arrows li{position: absolute;top: 50%;z-index: 3;display: block;width: 16px;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.g-arrows li a{display: block;}
.g-arrows .prev{left:-38px;}
.g-arrows .next{right:-38px;}

.g-ban{height: 320px;text-align: center;overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;}
.g-ban h3{margin:120px 0 34px;font-size: 30px;font-weight: bold;color:#fff;
    height: 35px;line-height: 35px;overflow: hidden;
    -webkit-text-shadow:0px 0px 6px #a5c9cf;
    -o-text-shadow:0px 0px 6px #a5c9cf;
    -moz-text-shadow:0px 0px 6px #a5c9cf;
    text-shadow:0px 0px 6px #a5c9cf;
}
.g-ban .cur{display: inline-block;padding: 0 37px;overflow: hidden;opacity: .9;
    height: 36px;line-height: 36px;background: #014c7d;border-radius: 16px;
    font-size: 14px;color:#fff;}
.g-ban .cur a{margin:0 8px;color:#fff;}

.g-ban h4{padding:100px 0 0 246px;
    font-size: 30px;color:#fff;color:#fff;
    text-align: left;}

.g-tit{padding: 40px 0 50px;text-align: center;}
.g-tit img{vertical-align: bottom;}
.g-tit h3{margin:2px 0 6px;font-size: 30px;color:#515151;}
.g-tit em{display: block;margin-bottom: 6px;text-transform: uppercase;}

.g-link{text-align: center;}
.g-link li{display: inline-block;}
.g-link li a{display: block;padding: 0 28px;height: 28px;line-height: 28px;
    font-size: 16px;color:#373634;}
.g-link li a:hover,
.g-link li.hover a{background:#014c7d;color:#fff;}

/*******************************
    -------[=底部]-------
********************************/
#fd{position: relative;padding:0 60px;height: 80px;overflow: hidden;
    background:#fff;}
#fd.fd{position: absolute;left:0;bottom:0;z-index: 9;width: 100%;}

#fd .box{position: relative;padding-top: 40px;}
#fd img{float: left;width: px;height: 2px;}
#fd p{position: absolute;top:100%;left:0px;right: 0;
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    transform:translateY(-50%);
    }
#fd p em{font-size: 14px;color:#878787;margin:3px 0;}
#fd p a{font-size: 14px;display: inline-block;color:#878787;
    margin:3px 0;}
#fd p a:hover{text-decoration: underline;}

#fd .txt{position: relative;height: 48px;}

/* 遮罩 */
.g-mask{position: fixed;left:0;top: 0;z-index: 10;display: none;
    width: 100%;height: 100%;background: rgba(0,0,0,.5);}


/*******************************
    -------[=页码]-------
********************************/
.page{text-align: right;}
.page li{display: inline-block;margin-left: 6px;
    min-width: 35px;text-align: center;vertical-align: middle;
    background-color: #f7f7f7;height: 35px;line-height: 35px;
    font-size: 14px;}
.page li:hover{background-color: #014c7d;}
.page li:hover a,
.page li:hover{color:#fff;}
.page li a{display: block;height: 35px;}
.page .prev a,
.page .next a{
    background-repeat: no-repeat;
    background-position: center;
}
.page .prev a{background-image: url(../images/prev.png);}
.page .prev a:hover{background-image: url(../images/prev-hover.png);}
.page .next a{background-image: url(../images/next.png);}
.page .next a:hover{background-image: url(../images/next-hover.png);}

.page li.on a{background:#8e8e8e;color:#fff;}

/*******************************
    -------[=移动端导航]-------
********************************/
#m-menu{position: fixed;top:60px;left:0;bottom:0;z-index: 9;display: none;
    width: 100%;background:rgba(255,255,255,.9);}

.m-navbtn{position: absolute;right:10px;top:20px;z-index: 999;display: none;}
.m-navbtn.ok{position: fixed;}
.m-navbtn em{position: relative;display: block;
    width: 28px;height: 3px;margin-bottom: 4px;background:#1b2953;
    border-radius: 36px;overflow: hidden;
    -o-transition:1s;
    -ms-transition:1s;
    -moz-transition:1s;
    -webkit-transition:1s;
    transition:1s;}
.m-navbtn.ok .em1{
    top:10px;
    transform:rotate(40deg);
    -ms-transform:rotate(40deg);
    -moz-transform:rotate(40deg);
    -webkit-transform:rotate(40deg);
    -o-transform:rotate(40deg);
}
.m-navbtn.ok .em2{
    opacity: 0;
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
}
.m-navbtn.ok .em3{
    top:-5px;
    transform:rotate(-41deg);
    -ms-transform:rotate(-41deg);
    -moz-transform:rotate(-41deg);
    -webkit-transform:rotate(-41deg);
    -o-transform:rotate(-41deg);
}


.m-nav{padding-top:22px;overflow-x: auto;height: 400px;}
.m-nav li .a1{display: block;height: 40px;line-height: 40px;
    text-align: center;font-size: 16px;color:#010101;}
.m-nav li .a1 em{position: relative;}
.m-nav li .a1 em:before{content:'';position: absolute;left:-20px;top:0;
    width: 10px;height: 100%;
    background: url(../images/l-jia.png) no-repeat center;
    -webkit-background-size:  100% auto;
    -o-background-size:  100% auto;
    -moz-background-size:  100% auto;
    background-size:  100% auto;
}
.m-nav li.ok .a1 em:before{background-image: url(../images/l-jian.png);}
.m-nav dl{padding:5px;display: none;}
.m-nav dd a{display: block;text-align: center;font-size: 14px;
    height: 30px;line-height: 30px;color:#000f3e;}

#m-menu .tel{position: absolute;bottom:62px;left:10px;right:10px;
    padding-top: 18px;text-align: center;
    border-top: 1px solid #606b88;}
#m-menu .tel p{font-size: 13px;}