body {

    overflow-x: hidden;

    background: #eee;

}



.w1200 {

    width: 1200px;

    margin: 0 auto;

}



.left {

    display: block;

    float: left;

}



.right {

    display: block;

    float: right;

}



img {

    vertical-align: middle;

}



.w794,

.w384 {

    width: 794px;

    float: left;

    background: #fff;

}



.w734 {

    width: 734px;

    /*margin: 0 auto;*/

}



.w384 {

    width: 384px;

    float: right;

}



.f12 {

    font-size: 12px;

}



.f14 {

    font-size: 14px;

}



.f16 {

    font-size: 16px;

}



.f18 {

    font-size: 18px;

}



.f24 {

    font-size: 24px;

}



.f36 {

    font-size: 36px;

}



.dot {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.list li {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.article-banner {

    width: 1920px;

    margin: 0 auto;

}



.article-banner .ban {

    width: 100%;

    height: 204px;

    max-width: 1920px;

    background: url("../images/at-banner.jpg") no-repeat center;

}



.at-main {

    margin-bottom: 20px;

}



.tl {

    margin-top: 20px;

    width: 100%;

    height: 50px;

    line-height: 50px;

    border-bottom: 6px solid #eee;

}



.tl .h1 {

    font-size: 24px;

}



.tl .other {

    width: 545px;

    height: 50px;

    margin-left: 20px;

}



.tl .other a {

    font-size: 16px;

    line-height: 50px;

    margin-left: 20px;

}



.at-main {

    overflow: hidden;

}



.at-pra span strong {

    /*color: red;*/

}



.w794,

.w384 {

    margin-bottom: 20px;

    padding-bottom: 20px;

}



.w794 .w734 .at .at-list,

.w384 .w734 .at .at-list {

    margin-top: 20px;

}



.w794 .w734 .at .at-list ul li,

.w384 .w734 .at .at-list ul li {

    height: 150px;

    margin-top: 18px;

}



.w794 .w734 .at .at-list ul li a,

.w384 .w734 .at .at-list ul li a {

    display: block;

    width: 100%;

    height: 100%;

}



.w794 .w734 .at .at-list ul li a .left img,

.w384 .w734 .at .at-list ul li a .left img {

    width: 200px;

    height: 150px;

}



.w794 .w734 .at .at-list ul li a .right,

.w384 .w734 .at .at-list ul li a .right {

    width: 514px;

    height: 100%;

}



.w794 .w734 .at .at-list ul li a .right .h3 h3,

.w384 .w734 .at .at-list ul li a .right .h3 h3 {

    font-size: 18px;

    font-weight: 700;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.w794 .w734 .at .at-list ul li a .right .pra,

.w384 .w734 .at .at-list ul li a .right .pra {

    font-size: 14px;

    font-weight: 400;

    margin-top: 18px;

}



.w794 .w734 .at .at-list ul li a .right .time,

.w384 .w734 .at .at-list ul li a .right .time {

    margin-top: 18px;

    font-size: 14px;

}



.w794 .w734 .at .at-list ul li a .right .time img,

.w384 .w734 .at .at-list ul li a .right .time img {

    width: 14px;

    height: 14px;

}



.w794 .w734 .at .at-list ul li a .right .time span,

.w384 .w734 .at .at-list ul li a .right .time span {

    margin-left: 6px;

}



.w794 .w734 .page,

.w384 .w734 .page {

    width: 100%;

    height: 24px;

    font-size: 18px;

    text-align: center;

    line-height: 24px;

    margin-top: 40px;

}



.w794 .w734 .page a,

.w384 .w734 .page a {

    font: inherit;

    color: #333;

    margin: 0 3px;

}



.w794 .w734 .page span,

.w384 .w734 .page span {

    font: inherit;

    background: #13bcf5;

    padding: 0 14px;

    color: #fff;

    margin: 0 10px;

}



.w384 {

    overflow: hidden;

    margin-bottom: 20px;

    padding-bottom: 20px;

}



.w384 .w344 {

    width: 344px;

    margin: 0 auto;

}



.w384 .w344 .at-news-hot .at-news-hot-main {

    margin-top: 20px;

}



.w384 .w344 .at-news-hot .at-news-hot-main ul {

    width: 330px;

    padding-left: 12px;

    background: url("../images/123.jpg") no-repeat left top;

}



.w384 .w344 .at-news-hot .at-news-hot-main ul li a {

    font-size: 14px;

    line-height: 24px;

}



.w384 .w344 .at-tool ul li {

    margin-top: 20px;

}



.w384 .w344 .at-tool ul li a img {

    width: 347px;

    height: 249px;

}



.bottoma {

    margin-top: 40px;

}





/*artcle-add*/



.at-article a {

    font-size: 16px;

}



.article-body {

    width: 734px;

    margin: 0 auto;

}



.article-body .article-tl {

    width: 630px;

    height: auto;

    margin: 20px auto 0;

}



.article-body .article-tl h2 {

    font-size: 24px;

    text-align: center;

    font-weight: normal;

    line-height: 40px;

}



.article-body .at-redinfo {

    text-align: center;

}



.article-body .at-redinfo span {

    margin-left: 6px;

}



.article-body .at-redinfo img {

    margin-left: 12px;

}



.article-body .at-pra {

    font-size: 14px;

    line-height: 2;

    text-align: justify;

}



.article-body .at-pra p {

    margin-top: 20px;

    font-size: 14px;

    

}

.article-body .at-pra img {

    max-width:100%;

    height:auto;

}

.article-body .related-read {

    margin-top: 60px;

}



.article-body .related-read .related-read-tl h2 {

    font-size: 24px;

    padding-left: 10px;

    border-left: 4px solid #0079CA;

    line-height: 24px;

}



.article-body .related-read ul {

    margin-top: 12px;

    width: 712px;

}



.article-body .related-read ul li {

    width: 346px;

    float: left;

    font-size: 14px;

    line-height: 1.5;

}



.article .w384 .w344 .at-tool ul li a img {

    height: 249px;

}



.w384 li a:hover {

    position: relative;

    -webkit-transition: all 0.4s;

    -moz-transition: all 0.4s;

    -ms-transition: all 0.4s;

    -o-transition: all 0.4s;

    transition: all 0.4s;

    margin-left: 8px;

    color: #00a0e9;

}



.w794 li a:hover,

.w384 li a:hover {

    position: relative;

    -webkit-transition: all 0.4s;

    -moz-transition: all 0.4s;

    -ms-transition: all 0.4s;

    -o-transition: all 0.4s;

    transition: all 0.4s;

    margin-left: 8px;

    color: #00a0e9;

}





/*order*/



.order-tl {

    margin-top: 20px;

    height: 50px;

    line-height: 50px;

    font-size: 24px;

}



.order-tl img {

    width: 60px;

    height: 40px;

    margin-right: 10px;

}



.w814 {

    width: 814px;

    margin: 40px auto 0;

}



.w814 .order-detail .detail-bg {

    overflow: hidden;

    width: 100%;

    background: #fff;

    height: 160px;

}



.w814 .order-detail .detail-bg .detail {

    width: 690px;

    margin: 38px auto 0;

    background: #fff;

    font-size: 18px;

    line-height: 28px;

}



.w814 .order-detail .detail-bg .detail .order-cost em {

    font-size: 36px;

    color: #e60012;

    line-height: 56px;

}



.w814 .order-detail .detail-bg .detail .order-cost em sub {

    color: inherit;

}



.w814 .pay-function {

    margin-top: 20px;

    margin-bottom: 60px;

    overflow: hidden;

}



.w814 .pay-function .detail-bg {

    height: 160px;

    background: #fff;

    margin-top: 20px;

}



.w814 .pay-function .detail-bg .detail div a {

    line-height: 160px;

    display: block;

    width: 352px;

    height: 158px;

}



.w814 .pay-function .detail-bg .detail div a img {

    width: 364px;

    height: 160px;

    line-height: 160px;

}



.w814 .pay-function .detail-bg .detail div:hover {

    border: 1px solid #00a0e9;

}



.weixin {

    width: 1120px;

    height: 800px;

    margin: 40px auto 0;

    border: 40px solid #fff;

    background: #d4f3fd;

    /* fallback for old browsers */

    background: -webkit-linear-gradient(to left, #83a4d4, #b6fbff);

    /* Chrome 10-25, Safari 5.1-6 */

    background: linear-gradient(to left, #83a4d4, #b6fbff);

    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}



.weixin .weixin-main {

    width: 820px;

    margin: 0 auto;

}



.weixin .weixin-main .left {

    margin-top: 50px;

    width: 420px;

    height: 710px;

    background: url("../images/weixinphone.png") no-repeat center;

}



.weixin .weixin-main .left .sao {

    margin-left: 79px;

    margin-top: 200px;

    width: 272px;

    height: 272px;

}



.weixin .weixin-main .left .sao img {

    width: 272px;

    height: 272px;

    text-align: center;

}



.weixin .weixin-main .right {

    width: 286px;

    margin-top: 260px;

}



.weixin .weixin-main .right .top {

    height: 78px;

    background: none;

    width: 100%;

    margin: 0 auto;

}



.weixin .weixin-main .right .top img {

    width: 286px;

    height: 78px;

}



.weixin .weixin-main .right .next {

    width: 286px;

    margin: 20px auto 0;

}



.weixin .weixin-main .right .next .pra {

    width: 270px;

    height: 100px;

    background: #0d82a9;

    margin: 0 auto;

}



.weixin .weixin-main .right .next .pra p {

    width: 175px;

    height: 62px;

    color: #fff;

    text-align: center;

    font-size: 24px;

    line-height: 1.5;

    padding-top: 14px;

    margin: 0 auto;

}



.hove-border {

    border-bottom: 4px solid #13bcf5;

}



a.hove-border {

    padding-bottom: 16px;

    border-bottom: 4px solid #13bcf5;

}



.logo {

    width: 100%;

    background: #fff;

    height: auto;

    margin-top: 0;

}