@import url('reset.css');

body {
    font-size: .14rem;
}

.wrap {
    width: 12rem;
    padding: 0;
    margin: 0 auto;
    position: relative;
    clear: both;
}

a:hover {
    color: #0979b2;
}

.header {
    width: 100%;
    float: left;
    height: 1.00rem;
    z-index: 99999;
    position: relative;
    /*! background: rgba(155,155,155,.9); */
    border-bottom: .05rem solid #009800;
}

.header a.alogo {
    display: block;
    float: left;
    line-height: .80rem;
    height: .80rem;
}

.header a.alogo img {
    max-height: .80rem;
}

.header a.alogo img {
    vertical-align: middle;
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.header .tel{
    position: absolute;
    right: -3rem;
    top:.2rem;
    color: #fff;
    white-space: nowrap;
    font-size: .16rem;
}
.header .tel img{
    float: left;
    width: .6rem;
    margin-right: .10rem;
}
.header .tel .txt{
    float: left;
}
.header .tel .txt .p2{
    font-size: .36rem;
    font-weight: bold;
    line-height: 1;
    font-family: impact;
}
#top-menu {
    top: 0;
    height: .83rem;
    line-height: .80rem;
    color: #fff;
    position: absolute;
    width: 10rem;
    right: 0;
    z-index: 999;
}

#top-menu ul {
    display: table;
    width: 100%;
    float: right;
}

#top-menu .cate0 {
    display: table-cell;
    text-align: center;
    font-weight: normal;
}

#top-menu ul li a {
    font-size: .18rem;
    color: #fff;
}

#top-menu .cate0 > a {
    display: inline-block;
    color: #fff;
    height: 1.00rem;
    line-height: 1.00rem;
    transition: 0.2s ease-in;
}

#top-menu .cate0.on, #top-menu .cate0:hover {
    font-weight: bold;
    background: #009800;
}

#top-menu .cate0:hover > ul {
    display: block;
}

#top-menu .cate0 ul {
    display: none;
    position: absolute;
    top: .50rem;
    left: 0;
    width: 100%;
    z-index: 999;
}

#top-menu ul ul li {
    padding: 0;
    width: 150%;
    height: .55rem;
    line-height: .55rem;
    float: left;
    margin-left: -25%;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: rgba(255, 255, 255, .8);
}

#top-menu .cate0 ul ul {
    width: auto;
    white-space: nowrap;
}

#top-menu .cate0 ul li:hover {
    background: #018fd9;
    color: #fff;
}

.sub-cate {
    position: absolute;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    width: 100%;
    z-index: 99999;
    top: 1.05rem;
    left: 0;
}

.sub-cate .item .fl {
    width: 3.50rem;
    margin-top: .50rem;
    padding-right: .50rem;
    margin-bottom: .50rem;
    border-right: .01rem solid #ddd;
}

.sub-cate .item .fl img {
    width: 3.00rem;
    float: left;
    margin: .25rem;
    clear: both;
}

.sub-cate .item .fl .p2 {
    width: 100%;
    font-size: .18rem;
    clear: both;
}

.sub-cate .item .fl .p3 {
    width: 100%;
    font-size: .14rem;
    line-height: 2;
    clear: both;
}

.sub-cate .item .fr {
    width: 7.50rem;
    margin-top: .50rem;
}

.sub-cate .item .fr a {
    display: block;
    float: left;
    width: 33%;
    font-size: .18rem;
    margin-top: .25rem;
    color: #fff;

}

.fcates {
    width: 100%;
    float: left;
    background: #0061ed;
    padding: .30rem 0;
    line-height: 2;
    font-size: .12rem;
}

.fcates .wrap {
    display: table;
}

.fcates .fcitem {
    display: table-cell;
    padding-left: .20rem;
    vertical-align: top;
}

.fcates .fcitem .a1 {
    display: block;
    font-weight: bold;
    clear: both;
    font-size: .18rem;
    color: #fff;
    line-height: 1;
    margin-top: .20rem;
    margin-bottom: .40rem;
}

.fcates .fcitem .a2 {
    display: block;
    clear: both;
    font-size: .14rem;
    color: #fff;
    line-height: 2;
}

.fcates .fcitem .a2 img {
    vertical-align: middle;
    margin-right: .10rem;
}

.fcates .fcitem.ed {
    width: 5.00rem;
    padding-left: .50rem;
    font-size: .26rem;
    color: #9f9ad4;
    padding-left: 0;
}

.fcates .fcitem.ed .qrcode {
    float: left;
}
.fcates .fcitem.ed .qrcode img{
width: 1.07rem;
}

.fcates .fcitem.ed .txt {
    margin-top: .10rem;
    float: left;
    margin-left: .10rem;
    line-height: .46rem;
}

.fcates .fcitem.ed .txt p {
    font-size: .18rem;
    padding-left: .20rem;
    color: #fff;
}

.foocate {
    width: 100%;
    float: left;
    background: #fff;
    padding-bottom: .60rem;
}

.foocate .fl {
    width: 7.00rem;
    border-right: .01rem solid #e7e7e7;
}

.foocate .fl .p1 {
    font-size: .14rem;
    color: #030303;
    line-height: .50rem;
}

.foocate .fl .p2 {
    font-size: .12rem;
    color: #828282;
    line-height: 2.5;
}

.foocate .fr {
    width: 4.90rem;
}

.foocate .fr .img {
    width: 1.20rem;
    float: left;
    margin-top: .20rem;
    margin-left: .75rem;
    font-size: .12rem;
    text-align: center;
}

.foocate .fr .ftel {
    text-align: center;
    float: left;
    margin-left: .40rem;
    margin-top: .20rem;
}

.foocate .fr .ftel .p1 {
    font-size: .12rem;
    color: #5d5d5d;
    line-height: .30rem;
}

.foocate .fr .ftel .p2 {
    font-size: .30rem;
    color: #f97316;
}

.links {
    position: relative;
    width: 100%;
    line-height: .30rem;
    float: left;
    background: #f4f4f4;
    color: #333;
    padding: .25rem 0;
    font-size: .12rem;
    /*! margin-top: .30rem; */
}

.links a {
    display: inline-block;
    height: .12rem;
    line-height: .12rem;
    margin-bottom: .12rem;
    color: #333;
    padding-right: .20rem;
}

.links .tel {
    position: absolute;
    right: 0;
    top: 0;
}

.links .tel .p1 {
    text-align: center;
    color: #b1aeae;
    font-size: .14rem;
}

.links .tel .p2 {
    color: #ff5a00;
    font-size: .28rem;
    font-family: impact;
}

.footer {
    background: #0061ed;
    clear: both;
    float: left;
    padding-top: .30rem;
    padding-bottom: .50rem;
    text-align: left;
    width: 100%;
    overflow: hidden;
    line-height: .28rem;
    color: #fff;
    font-size: .14rem;

}

.footer a {
    color: #fff;
}

.footer table {
}

.footer table td, .footer table th {
    border: none;
}

.footer .ftxt {
    width: 50%;
    float: left;
}

.footer .fofrm {
    width: 4.10rem;
    height: 1.60rem;
    float: right;
    background: #fff;
}

.footer .fofrm input,
.footer .fofrm textarea {
    display: block;
    border: none;
    background: #dcdcdc;
    float: left;
    padding: .05rem;
}

.footer .fofrm .iname {
    width: 1.95rem;
    height: .38rem;
}

.footer .fofrm .iphone {
    width: 1.94rem;
    margin-left: .01rem;
    height: .38rem;
}

.footer .fofrm textarea {
    width: 3.55rem;
    margin-top: .01rem;
    height: 1.01rem;
}

.footer .fofrm #submit {
    width: .45rem;
    float: right;
    background: #5f5f5f;
    display: block;
    height: 1.11rem;
    text-align: center;
    vertical-align: middle;
    line-height: 1.11rem;
    margin-top: .01rem;
}

.footer .fr .btxt {
    clear: both;
    width: 4.00rem;
    margin-top: .10rem;
    float: left;
}

.cp {
    width: 100%;
    background: #999;
    color: #fff;
    float: left;
    border-top: .01rem solid #c9c9c9;
    padding: .20rem 0;
}

.qqkefu {
    position: fixed;
    top: 50%;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop + 365));
    z-index: 20;
    /*right:0;*/
    right: 30px;
    width: 39px;
}

.qqkefu ul li {
    width: 45px;
    height: 45px;
    margin-bottom: 1px;
    float: right;
    background: #009800;
    line-height: 45px;
    font-size: 14px;
    cursor: pointer;
    position: relative;
}

.qqkefu ul li a {
    color: #fff;
    overflow: hidden;
    display: block;
    height: 45px;
    padding-left: 10px;
}

.qqkefu ul li.qq_cza {
    overflow: hidden
}

.qqkefu ul li:hover {
    background: #009800;
}

.qqkefu ul li.top {
    background: url("../images/com/back.png") no-repeat center #009800;
    position: relative;
    width: 45px;
    height: 45px;
    cursor: pointer;
}

.qqkefu ul li.top:hover {
    background: url("../images/com/back.png") no-repeat center #009800;
}

.qqkefu ul li div {
    width: 45px;
    height: 45px;
    display: block;
    overflow: hidden;
    float: right;
}

.qqkefu ul li span {
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
}

.qqkefu ul li div.a {
    position: relative;
    background: #0979b2 url(../images/com/qq.png) no-repeat center center;
}

.qqkefu ul li div.b {
    position: relative;
    background: #009800 url(../images/com/zixun.png) no-repeat center center;
}

.qqkefu ul li div.c {
    position: relative;
    background: #009800 url(../images/com/weixin.png) no-repeat center center;
}

.qqkefu ul li div.e {
    position: relative;
    background: #009800 url(../images/com/tel.png) no-repeat center center;
}

.qqkefu ul li.qq_czae {
    line-height: 15px !important
}

.erweima {
    width: 130px !important;
    height: 150px !important;
    position: absolute;
    top: -107px;
    left: -150px;
    background: #FFF;
    border: 1px solid #CCC;
    float: left;
    cursor: default !important;
    display: none;
    /*overflow: hidden;*/
}

.erweima p {
    line-height: 20px;
    color: #000;
    font-size: 12px;
    text-align: center;
    float: left;
    width: 130px;
}

.erweima p img {
    width: 110px;
    height: 110px;
    margin: 10px 10px 0px 10px;
}

.erweima .arrow3 {
    width: 5px;
    height: 10px;
    display: block;
    position: absolute;
    right: -5px;
    top: 122px;
}

.body-form .form-item {
    margin-top: .30rem;
    clear: both;
    width: 100%;
    float: left;
    height: .55rem;
    position: relative;
}

.body-form .form-item .input {
    position: relative;
    float: left;
}

.body-form .form-item .input .msg-box {
    position: absolute;
    /* top: .55rem; */
    left: 0;
}

.body-form .form-item input {
    display: block;
    float: left;
    height: .43rem;
    border: .01rem solid #cfcfcf;
    line-height: .43rem;
}

.pages {
    width: 100%;
    float: left;
    padding: .60rem 0;
}

.pages .fl a {
    display: inline-block;
    width: .40rem;
    height: .40rem;
    line-height: .40rem;
    border: .01rem solid #dbdbdb;
    text-align: center;
    border-radius: 50%;
    margin-right: .10rem;
    background: #fff;
}

.pages .fl a:hover, .pages .fl a.current {
    background-color: #BDBDBD;
    border: .01rem solid #BDBDBD;
    color: #fff;
}

.pages .i-pnext {
    display: inline-block;
    width: .94rem;
    height: .40rem;
    background: #0979b2 url(../images/com/i-pnext.png) no-repeat center;
    border-top-right-radius: .20rem;
    border-bottom-right-radius: .20rem;
}

.pages .fr img {
    float: left;
    width: .94rem;
}

.cate-title {
    width: 100%;
    height: .40rem;
    line-height: .40rem;
    text-align: left;
    border-bottom: .01rem solid #979797;
    float: left;
    /*margin:35rem .00rem;*/
}

.cate-title .cn {
    float: left;
    height: .30rem;
    line-height: .30rem;
    border-left: .05rem solid #e81c23;
    font-size: .18rem;
    font-weight: bold;
    padding-left: .15rem;
    color: #2d2d2d;
    display: inline-block;
}

.position {
    float: right;
    text-align: right;
}

.content .doc-info {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: .10rem;
    padding: .10rem .00rem;
    border: .01rem dashed #9c9c9c;
}

.content .doc-info span {
    color: #858585;
    padding-left: .20rem;
}

.content .content-text {
    width: 100%;
    float: left;
    min-height: 5.00rem;
    margin-bottom: .10rem;
    font-size: .14rem;
    line-height: 250%;
}

.content .prevnext {
    width: 100%;
    float: left;
    margin: .50rem .00rem;
    border-top: .01rem dashed #9c9c9c;
    line-height: .40rem;
    padding-top: .20rem;
}

.bread_line {
    height: .71rem;
    background: url(../images/com/breadline_bg.png) no-repeat;
    font-size: .14rem;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.bread_line span {
    font-size: .30rem;
    color: #fff;
    line-height: .71rem;
    margin-right: .10rem;
    margin-left: .25rem;
}

.bread_line a {
    margin: 0 .07rem;
    font-size: .14rem;
    color: #fff;
}

.message_nav {
    width: 1200rem;
    margin: 0 auto;
    height: .60rem;
    overflow: hidden;
    position: relative;
}

.message_nav ul li {
    float: left;
}

.message_nav ul li a {
    display: block;
    height: .57rem;
    line-height: .57rem;
    font-size: .15rem;
    color: #414141;
    padding: 0 .25rem;
}

.message_nav ul li a.message_nav_c {
    border-bottom: .03rem solid #0979b2;
    color: #0c55a4;
}

.main_wrap_lv2 {
    background: #f6f6f6;
}


.newcatebar {
    text-align: center;
    float: left;
    width: 100%;
}

.newcatebar .dpos {
    text-align: left;
    height: .50rem;
    line-height: .50rem;
}

.newcatebar .d1 {
    /*! color: #ed3da1; */
    font-size: .24rem;
}

.newcatebar .d2 {
    margin-bottom: .10rem;
    line-height: 2;
    padding-bottom: .10rem;
    border-bottom: .01rem solid #dddd;
}

.newcatebar .dsub {
    text-align: center;
}

.newcatebar .dsub a {
    display: inline-block;
    background: #0c55a4;
    width: 1.64rem;
    height: .40rem;
    line-height: .40rem;
    color: #fff;
    font-size: .18rem;
    text-align: center;
    margin: .15rem;
}


.cate-title {
    width: 100%;
    height: .40rem;
    line-height: .40rem;
    text-align: left;
    border-bottom: .01rem solid #979797;
    float: left;
    /*margin:35rem .00rem;*/
}

.cate-title .cn {
    float: left;
    height: .30rem;
    line-height: .30rem;
    border-left: .05rem solid #1E9FFF;
    font-size: .18rem;
    font-weight: bold;
    padding-left: .15rem;
    color: #2d2d2d;
    display: inline-block;
}

/*toppos*/
.toppos {
    width: 100%;
    clear: both;
    position: relative;
    float: left;
    height: .60rem;
    line-height: .60rem;
    border-bottom: .01rem solid #eaeaea;
}

.toppos .i-home {
    width: .60rem;
    float: left;
    height: .60rem;
    text-align: center;
    border-right: .01rem solid #eaeaea;
}

.toppos .posstep {
    float: left;
    padding-left: .10rem;
}

.toppos .posstep .posa {
    display: inline-block;
    padding-left: .10rem;
    background: url(../images/i-pos.png) no-repeat left center;
    margin-right: .10rem;
}

.toppos .posstep .posa.i1 {
    background: none;
}

.toppos .fr ul,
.toppos .fr ul li {
    position: relative;
    height: .60rem;
    float: left;
}

.toppos .fr ul li {
    margin-left: .24rem;
}

.toppos .fr ul li a {
    display: block;
    float: left;
}

.toppos .fr ul li a.on {
    border-bottom: .01rem solid #1E9FFF;
    color: #1E9FFF;
    font-weight: bold;
}

.toppos .fr .posso {
    position: relative;
    width: 2.70rem;
    float: right;
    height: .34rem;
    top: .12rem;
}

.toppos .fr .posso input {
    position: absolute;
    width: 2.50rem;
    height: .34rem;
    display: inline-block;
    border-radius: .27rem;
    border: none;
    background: #eaeaea;
    padding-left: .20rem;
    z-index: 1;
}

.toppos .fr .posso img {
    position: absolute;
    right: .10rem;
    top: .10rem;
    z-index: 99;
}

.position {
    float: right;
    text-align: right;
}

.content .doc-info {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: .10rem;
    padding: .10rem .00rem;
    border: .01rem dashed #9c9c9c;
}

.content .doc-info span {
    color: #858585;
    padding-left: .20rem;
}

.content .content-text {
    width: 100%;
    float: left;
    min-height: 5.00rem;
    margin-bottom: .10rem;
    font-size: .14rem;
    line-height: 250%;
}

.content .prevnext {
    width: 100%;
    float: left;
    margin: .50rem .00rem;
    border-top: .01rem dashed #9c9c9c;
    line-height: .40rem;
    padding-top: .20rem;
}

.bread_line {
    height: .71rem;
    background: url(../images/com/breadline_bg.png) no-repeat;
    font-size: .14rem;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.bread_line span {
    font-size: .30rem;
    color: #fff;
    line-height: .71rem;
    margin-right: .10rem;
    margin-left: .25rem;
}

.bread_line a {
    margin: 0 .07rem;
    font-size: .14rem;
    color: #fff;
}

.message_nav {
    width: 1200rem;
    margin: 0 auto;
    height: .60rem;
    overflow: hidden;
    position: relative;
}

.message_nav ul li {
    float: left;
}

.message_nav ul li a {
    display: block;
    height: .57rem;
    line-height: .57rem;
    font-size: .15rem;
    color: #414141;
    padding: 0 .25rem;
}

.message_nav ul li a.message_nav_c {
    border-bottom: .03rem solid #1E9FFF;
    color: #1E9FFF;
}

.main_wrap_lv2 {
    background: #f6f6f6;
}

.left-bar {
    width: 2.60rem;
    border: .01rem solid #ededed;
    color: #fff;
    float: left;
    padding-bottom: .07rem;
    /*! margin-bottom: 1.00rem; */
}

.left-bar .left-bar-title {
    width: 100%;
    float: left;
    background: #008900;
    height: .60rem;
    font-size: .16rem;
    line-height: .60rem;
}

.left-bar .left-bar-title .cn {
    width: 2.40rem;
    margin: 0 .10rem;
    float: left;
}

.left-bar .left-bar-cate {
    width: 100%;
    background-color: #fff;
    float: left;
}

.left-bar .left-bar-cate a {
    display: block;
    float: left;
    clear: both;
    width: 2.26rem;
    padding: 0 .10rem;
    margin: .07rem .07rem 0 .07rem;
    line-height: .45rem;
    background: #f0f0f0;
}

.left-bar .left-bar-cate a:hover,
.left-bar .left-bar-cate a.on {
    background: #ffae00;
    color: #fff;
}

.left-contact {
    width: 1.95rem;
    margin: .10rem;
    padding: .10rem;
    background-color: #fff;
    float: left;
    color: gray;
    font-size: .12rem;
    line-height: .30rem;
}

.left-contact .tel {
    width: 1.45rem;
    height: .45rem;
    background: url(../images/i-tel.png) no-repeat left center;
    padding-left: .65rem;
    margin-bottom: .20rem;
}

.left-contact .p1 {
    color: #5e5e5e;
    font-size: .12rem;
    height: .20rem;
    line-height: .20rem;
}

.left-contact .p2 {
    color: #e2c17d;
    font-family: impact;
    font-size: .22rem;
}

.left-bar-cate div.cc2-wrap {
    display: none;
}

.left-news p {
    height: .40rem;
    line-height: .40rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 2.30rem;
    margin: 0 .15rem;
    border-bottom: .01rem solid #e5e5e5;
}

.left-news a:last-child p {
    border-bottom: 0;
}

.main-left {
    width: 2.65rem;
    float: left;
    margin-top: .40rem;
    margin-bottom: 1.00rem;
}

.main-right {
    margin-top: .40rem;
    width: 9.00rem;
    float: right;
}
.content-text * img{
    width: 100%!important;
    height: auto!important;
}
.content-text *{
    font-size: .12rem!important;
    line-height: .24rem!important;
}
.page-content {
    font-size: .14rem;
    line-height: 200%;
    min-height: 5.00rem;
}