/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body{
    line-height: 1;
    font-family:'Microsoft YaHei';
    font-size:14px;
    color:#000;
}
body a{
    text-decoration: none;
}
.ul_none {
    list-style-type: none;
}
.text_none {
    text-decoration: none;
}
.both{
    clear:both;
}
.fl {
    float: left;
    display: inline;
}
.fr {
    float: right;
    display: inline;
}
.ovh {
    overflow: hidden;
}
.public_header {
    width: 100%;
    background: #fff;
    padding-top: 15px;
    padding-left: 15px;
    position: fixed;
    top: 0;
    min-width: 320px;
    max-width: 620px;
    height: 50px;
    transition: padding 0.3s ease 0s, transform 0.5s ease 0s;
    z-index: 99;
}
.public_header .menu{

}
.public_header >.a1{
    width: 60%;
    height: 0px;
    display: block;
}
.public_header >.a1>.img1{
    width: 100%;
    display: block;
}
.public_header .m-btn {
    width: 11%;
    height: 45%;
    cursor: pointer;
    margin-top: 7px;
    margin-right: 10%;
}
.public_header .m-btn .box {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.public_header .m-btn .line {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #ca061a;
    position: absolute;
    left: 0;
    transition: width 0.3s ease 0s;
}
.public_header .m-btn .line1 {
    width: 25px;
}
.public_header .m-btn .line2 {
    width: 40px;
    top: 10px;
}
.public_header .m-btn .line3 {
    width: 35px;
    top: 20px;
}
.banner{
    min-width: 320px;
    max-width: 620px;
    margin-top: 65px;
}
.banner img {
    width: 100%;
    display: block;
}
.menu.show {
    right: 0;
    transition: all 0.44s ease 0s;
}
.menu {
    position: fixed;
    right: -100%;
    width: 66%;
    top: 0;
    z-index: 100;
    height: 100%;
    background-color: #fff;
    transition: all 0.64s ease 0s;
}
.menu .menu_one {
    line-height: 65px;
    background-color: #e72d3e;
    height: 65px;
}
.menu .menu_one .span1 {
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
    margin-left: 8.2%;
    font-family: "Base-font";
}

.menu .menu_one .close {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(../image/close.png) no-repeat center;
    margin-right: 7.8%;
    margin-top: 22px;
    cursor: pointer;
}
.menu .menu_two ul {
    width: 100%;
}
.menu .menu_two ul li {
    line-height: 60px;
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
}
.menu .menu_two ul li>a{
    display: block;
    width: 84%;
    padding: 0 7.8% 0 10.2%;
    color: #777;
    transition: color 0.3s ease 0s;
}
/*业务概括*/
.business{
    min-width: 320px;
    max-width: 620px;
}
.business .ash_sk{
    width: 100%;
    height: 20px;
    background-color: #e8e8e8;
}

.business .yw_title{
    margin-top: 12px;
}
.business .yw_title>img{
    width: 100%;
    display: block;
}
.business .yw_content{
    padding: 13px 12px 15px 13px;
}
.business .yw_content>.p1{
    width: 99%;
    font-size: 14px;
    color: #555555;
    line-height: 24px;
}
.business .ywgk_bj{
    min-width: 320px;
    max-width: 620px;
}
.business .ywgk_bj a{

}
.business .ywgk_bj a>img{
    width: 50%;
    display: block;
    float: left;
}
.business .ywgk_bj a>span{
    float: left;
    width: 46%;
    display: block;
    font-size: 12px;
    margin-left: -48%;
    margin-top: 21%;
    text-align: center;
    line-height: 1.5rem;
}

.business .ywgk_zx{
    width: 100%;
    height: 70px;
    background-color: #e8e8e8;
}
.business .ywgk_zx a{
    width: 25%;
    height: 50%;
    background-color: #e72d3e;
    display: block;
    text-align: center;
    font-size: 16px;
    border-radius: 3px;
    float: left;
    margin-left: 13%;
    margin-top: 5%;
    color: #ffffff;
    line-height: 35px;
}
.business .ywgk_zx span{
    float: left;
    margin-top: 7%;
    margin-left: 4%;
    font-size: 16px;
}

.construction_case{
    min-width: 320px;
    max-width: 620px;
    background-color: #e72d3e;
}
.construction_case .p1{
    float: left;
    color: #ffffff;
    font-size: 18px;
    margin: 4% 45% 4% 3%;
}
.construction_case .p2{
    float: left;
    color: #ffffff;
    font-size: 18px;
    margin: 4% 0 0% 0%;
}
.construction_case .p3{
    display: inline-block;
    color: #ffffff;
    font-size: 14px;
    line-height: 30px;
    margin: 0% 0% 5% 3%;
}

.construction_case .case_bn{
    min-width: 320px;
    max-width: 620px;
    background-color: #ffffff;
}
.construction_case .case_bn img {
    width: 100%;
    display: block;
}

.ft-carousel {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.ft-carousel .carousel-inner {
    position: relative;
    left: 0;
    top: 0;
    height: 100%;
}

.ft-carousel .carousel-inner .carousel-item {
    float: left;
    height: 100%;
}

.ft-carousel .carousel-item img {
    width: 100%;
}

.ft-carousel .carousel-indicators {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    text-align: center;
    font-size: 0;
}

.ft-carousel .carousel-indicators span {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #fff;
    margin: 0 4px;
    border-radius: 50%;
    cursor: pointer;
}

.ft-carousel .carousel-indicators span.active {
    background-color: #e72d3e;
}

.ft-carousel .carousel-btn {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 45px;
    margin-top: -25px;
    cursor: pointer;
}

.ft-carousel .carousel-prev-btn {
    left: 0;
    background: url(../image/prev.png) no-repeat;
}

.ft-carousel .carousel-next-btn {
    right: 0;
    background: url(../image/next.png) no-repeat;
}

.gray_ys{
    width: 100%;
    height: 30px;
    background-color: #e8e8e8;
}
.gray_ys2{
    width: 100%;
    height: 15px;
    background-color: #e8e8e8;
}
.company_profile{
    min-width: 320px;
    max-width: 620px;
    background-color: #ffffff;
}
.company_profile .cp_title{
    margin-top: 12px;
}
.company_profile .cp_title>.img1{
    width: 100%;
    display: block;
    margin-bottom: 10px;
}
.company_profile>.p1{
    font-size: 14px;
    color: #555555;
    width: 93%;
    margin-left: 3.5%;
    line-height: 25px;
    margin-bottom: 3%;
}
.company_profile>.img2{
    width: 100%;
    display: block;
}
.company_profile>.p2{
    font-size: 14px;
    color: #555555;
    width: 93%;
    margin-left: 3.5%;
    line-height: 25px;
    margin-bottom: 3%;
    margin-top: 3%;
}

.latest_signing{
    min-width: 320px;
    max-width: 620px;
    background-color: #e72d3e;
}
.latest_signing>.p1{
    float: left;
    color: #ffffff;
    font-size: 18px;
    margin: 4% 25% 4% 3%;
}
.latest_signing>.p2{
    float: left;
    color: #ffffff;
    font-size: 18px;
    margin: 4% 0 0% 0%;
}
.latest_signing>.p3{
    display: inline-block;
    color: #ffffff;
    font-size: 14px;
    line-height: 30px;
    margin: 0% 0% 3% 3%;
}
.latest_signing ul{

}
.latest_signing ul li{
    width: 93%;
    line-height: 40px;
    margin-left: 3%;
    border-bottom: 1px dashed #E1E6ED;
}
.latest_signing ul a:nth-child(5) li{
    border-bottom: 0px dashed #E1E6ED;
    padding-bottom: 3%;
}
.latest_signing ul li .span1{
    color: #ffffff;
    width: 78%;
    display: inline-block;
}
.latest_signing ul li .span2{
    color: #ffffff;
    width: 22%;
    display: inline;
}
.record_number{
    min-width: 320px;
    max-width: 620px;
    background-color: #e8e8e8;
    text-align: center;
    margin-bottom: 55px;
}
.record_number>p{
    padding-top: 3%;
    padding-bottom: 3%;
    line-height: 25px;
    color: #555555;
}
.foot{
    min-width: 320px;
    max-width: 620px;
    position: fixed;
    bottom: 0%;
}
.foot>a>img{
    width: 33.3%;
    float: left;
    display: block;
}


/*网站建设*/

.wzjsa1{
    /*width: 37%;*/
    /*!* height: 48%; *!*/
    /*background-color: #e72d3e;*/
    /*display: block;*/
    /*text-align: center;*/
    /*font-size: 16px;*/
    /*border-radius: 3px;*/
    /*float: left;*/
    /*margin-left: 31.5%;*/
    /*margin-top: -16%;*/
    /*color: #ffffff;*/
    /*line-height: 30px;*/
}

.hot_selling_set{
    min-width: 320px;
    max-width: 620px;
}
.hot_selling_set img{
    width: 100%;
    display: block;
}
.cooperation{
    min-width: 320px;
    max-width: 620px;
    margin-bottom: 5%;
}
.cooperation .p1{
    font-size: 18px;
    color: #333333;
    text-align: center;
    font-weight:bold;
    margin: 5% 0 5% 0;
}
.cooperation img{
    width: 100%;
    display: block;
}
.service{
    min-width: 320px;
    max-width: 620px;
    margin-bottom: 5%;
}
.service .p1{
    font-size: 18px;
    color: #333333;
    text-align: center;
    margin: 5% 0 5% 0;
}
.service .p2{
    width: 96%;
    font-size: 12px;
    color: #555555;
    text-align: center;
    line-height: 1.5;
    margin-left: 2%;
    margin-bottom: 5%;
}
.service .p3{
    font-size: 16px;
    color: #999999;
    text-align: center;
    margin-bottom: 5%;
}
.service >a{
    margin-left: 27%;
    width: 45%;
    background-color: #e72d3e;
    line-height: 40px;
    text-align: center;
    display: block;
    border-radius: 5px;
    font-size: 14px;
    color: #ffffff;
}
.wave{
    min-width: 320px;
    max-width: 620px;
    text-shadow: 0 0 0px;
    padding: 50px 0px;
    background: url(../image/wave.jpg) no-repeat center;
    background-size: cover;
    color: #fff;
    line-height: 2em;
    text-align: center;
}
.wave .p1{
    font-size: 16px;
    margin-bottom: 10px;
}

/*网络推广*/
.tg_problem{
    min-width: 320px;
    max-width: 620px;
}
.tg_problem .p1{
    font-size: 16px;
    color: #333333;
    text-align: center;
    margin: 7% 0 7% 0;
    font-weight:bold;
}
.tg_problem .img1{
    width: 100%;
    display: block;
}
.tg_problem .img2{
    width: 100%;
    display: block;
    margin: 5% 0 5% 0;
}
.tg_core{
    min-width: 320px;
    max-width: 620px;
}
.tg_core .p1{
    font-size: 16px;
    color: #333333;
    text-align: center;
    margin: 7% 0 7% 0;
    font-weight:bold;
}
.tg_core .coreA{
    min-width: 320px;
    max-width: 620px;
    text-shadow: 0 0 0px;
    padding: 11px 0px;
    background: url(../image/tg_bj3_a.jpg) no-repeat center;
    background-size: cover;
    margin-bottom: 5%;
}
.tg_core .coreA p{
    font-size: 12px;
    color: #555555;
    line-height: 1.5;
    margin-left: 8%;
}
.tg_core .coreB{
    min-width: 320px;
    max-width: 620px;
    text-shadow: 0 0 0px;
    padding: 20px 0px;
    background: url(../image/tg_bj3_b.jpg) no-repeat center;
    background-size: cover;
    margin-bottom: 5%;
}
.tg_core .coreB p{
    font-size: 12px;
    color: #555555;
    line-height: 1.5;
    margin-left: 50%;
}
.tg_core .coreC{
    min-width: 320px;
    max-width: 620px;
    text-shadow: 0 0 0px;
    padding: 20px 0px;
    background: url(../image/tg_bj3_c.jpg) no-repeat center;
    background-size: cover;
    margin-bottom: 7%;
}
.tg_core .coreC p{
    font-size: 12px;
    color: #555555;
    line-height: 1.5;
    margin-left: 8%;
}
.tg_effect{
    min-width: 320px;
    max-width: 620px;
    margin-bottom: 7%;
}
.tg_effect .p1{
    font-size: 16px;
    color: #333333;
    text-align: center;
    margin: 7% 0 7% 0;
    font-weight:bold;
}
.tg_effect img{
    width: 100%;
    display: block;
}
.tg_effect .p2{
    font-size: 16px;
    color: #333333;
    text-align: center;
    margin: 7% 0 7% 0;
    font-weight:bold;
}
.tg_effect>.a1{
    margin-left: 25%;
    width: 50%;
    background-color: #e72d3e;
    line-height: 40px;
    text-align: center;
    display: block;
    border-radius: 5px;
    font-size: 13px;
    color: #ffffff;
}

/*微信开发*/
.xcx_ys{
    min-width: 320px;
    max-width: 620px;
    margin-bottom: 5%;
}
.xcx_ys .p1{
    font-size: 16px;
    color: #333333;
    text-align: center;
    margin: 5% 0 5% 0;
    font-weight:bold;
}
.xcx_ys img{
    width: 100%;
    display: block;
}
.wx_nr{
    min-width: 320px;
    max-width: 620px;
}
.wx_nr img{
    width: 100%;
    display: block;
}

.yyly{
    min-width: 320px;
    max-width: 620px;
}
.yyly img{
    width: 100%;
    display: block;
}
.wx_cooperation{
    min-width: 320px;
    max-width: 620px;
    margin-bottom: 7%;
}
.wx_cooperation .p1{
    font-size: 16px;
    color: #333333;
    text-align: center;
    margin: 7% 0 7% 0;
    font-weight:bold;
}
.wx_cooperation img{
    width: 100%;
    display: block;
}

/*广告设计*/

.sj_business{
    min-width: 320px;
    max-width: 620px;
    /*margin-bottom: 5%;*/
    display: inline-block;
}
.sj_business>.p1{
    font-size: 18px;
    color: #333333;
    text-align: center;
    margin: 5% 0 5% 0;
    font-weight:bold;
}
.sj_business .yewu{
    float: left;
    width: 44%;
    margin-left: 3.5%;
}
.sj_business .yewu:nth-child(3){
    margin-left: 5%;
}
.sj_business .yewu:nth-child(5){
    margin-left: 5%;
}
.sj_business .yewu img{
    width: 100%;
    display: block;
}
.sj_business .yewu>.p1{
    font-size: 15px;
    color: #e72d3e;
    text-align: center;
    font-weight:bold;
    margin: 8% 0 8% 0;
}
.sj_business .yewu>.p2{
    font-size: 14px;
    color: #555555;
    text-align: center;
    margin: 0% 0 10% 0;
}
.sj_byth{
    min-width: 320px;
    max-width: 620px;
}
.sj_byth img{
    width: 100%;
    display: block;
}

.sj_zzaz{
    min-width: 320px;
    max-width: 620px;
    margin-bottom: 5%;
}
.sj_zzaz>.p1{
    font-size: 18px;
    color: #333333;
    text-align: center;
    margin: 5% 0 5% 0;
    font-weight:bold;
}
.sj_zzaz img{
    width: 100%;
    display: block;
}

.sj_ppxx{
    min-width: 320px;
    max-width: 620px;
    text-shadow: 0 0 0px;
    padding: 35px 0px;
    background: url(../image/sj_ppxx.jpg) no-repeat center;
    background-size: cover;
    color: #ffffff;
    text-align: center;
}
.sj_ppxx .p1{
    font-size: 18px;
    margin-bottom: 5%;
}
.sj_ppxx .p2{
    font-size: 16px;
    margin-bottom: 3%;
}
.sj_ppxx .p3{
    width: 94%;
    font-size: 12px;
    margin-left: 3%;
    line-height: 2;
}

/*新闻中心*/
.journalism{
    min-width: 320px;
    max-width: 620px;
    /*margin-bottom: 5%;*/
}
.info_list{
    min-width: 320px;
    max-width: 620px;
    border-bottom: 1px dashed #ccc;
    margin-top: 5%;
    display: inline-block;
    width: 100%;
}
.info_list .new_info{
    width: 57%;
    float: left;
    margin-left: 3%;
}
.info_list .new_info .p1{
    font-size: 14px;
    margin: 4% 0 5% 0;
    color: #535353;
}
.info_list .new_info .p2{
    font-size: 12px;
    line-height: 1.5;
    color: #535353;
    margin-bottom: 5%;
}
.info_list .new_info .span1{
    font-size: 12px;
    color: #535353;
}
.info_list .new_info .span2{
    font-size: 12px;
    color: #535353;
    margin-left: 40%;

}
.info_list .new_img{
    width: 35%;
    float: left;
    margin-left: 2%;
    margin-bottom: 3%;
}
.info_list .new_img img{
    width: 100%;
    display: block;
}

/*新闻内页*/
.news_content{
    min-width: 320px;
    max-width: 620px;
    margin-top: 5%;
    margin-bottom: 5%;
}
.news_content .p1{
    width: 94%;
    font-size: 16px;
    text-align: center;
    line-height: 2;
    margin-left: 3%;
}
.news_content .span_x{
    padding-bottom: 15px;
    border-bottom: 1px dashed #ccc;
    width: 100%;
    margin: 0 auto;
    display: block;
}
.news_content .p2{
    text-align: center;
    font-size: 12px;
    margin: 3% 0 3% 0;
}
.news_content .p3{
    text-align: center;
    font-size: 12px;
    margin: 3% 0 3% 0;
}
.news_content .p4{
    width: 94%;
    margin-left: 3%;
    font-size: 14px;
    line-height: 2rem;
}
/*联系我们*/
.contact{
    min-width: 320px;
    max-width: 620px;
    margin-top: 5%;
    margin-bottom: 5%;
    display: inline-block;
}
.contact img{
    width: 100%;
    display: block;
    margin-bottom: 5%;
}
.contact .p1{
    float: left;
    font-size: 12px;
    line-height: 1.5rem;
    width: 33.3%;
    text-align: center;

}
.contact .p2{
    float: left;
    font-size: 12px;
    line-height: 1.5rem;
    width: 33.3%;
    text-align: center;
}
.contact .p3{
    float: left;
    font-size: 12px;
    line-height: 1.5rem;
    width: 33.3%;
    text-align: center;
}




/*下拉加载*/
.dropload-up,.dropload-down{
    position: relative;
    height: 0;
    overflow: hidden;
    font-size: 12px;
    /* 开启硬件加速 */
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
}
.dropload-down{
    height: 50px;
}
.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData{
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.dropload-load .loading{
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 100%;
    margin: 6px;
    border: 2px solid #666;
    border-bottom-color: transparent;
    vertical-align: middle;
    -webkit-animation: rotate 0.75s linear infinite;
    animation: rotate 0.75s linear infinite;
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}



/*头部左移*/
.left_shift{
    transform: translateX(-65%);
}


/*首页案例切换*/
.box {
    width: 100%;
    height: auto;
    line-height: 5;
    text-align: center;
    font-size: 5em;
    color: #fff;
    text-transform: capitalize;
    vertical-align: middle;
}
.slider {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden
}
.slides {
    height: auto;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: all 500ms cubic-bezier(.165,.84,.44,1);
    -moz-transition: all 500ms cubic-bezier(.165,.84,.44,1);
    -ms-transition: all 500ms cubic-bezier(.165,.84,.44,1);
    -o-transition: all 500ms cubic-bezier(.165,.84,.44,1);
    transition: all 500ms cubic-bezier(.165,.84,.44,1)
}
.slide {
    height: auto;
    float: left;
    clear: none
}

.slider-arrows {
}
.slider-arrow {
    position: absolute;
    display: none;
    margin-bottom: -20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 2em;
    background-color: #333;
    background-color: rgba(50,50,50,.3);
    border-radius: 50%
}
.slider-arrow--right {
    bottom: 50%;
    right: 30px
}
.slider-arrow--left {
    bottom: 50%;
    left: 30px
}
.slider-nav {
    position: absolute;
    bottom: 20px
}
.slider-nav__item {
    width: 10px;
    height: 10px;
    float: left;
    clear: none;
    display: block;
    margin: 0 5px;
    background: #ccc;
    border-radius: 100%
}
.slider-nav__item:hover {
    background: #e72d3e
}

.slider-nav__item--current {
    background: #e72d3e
}

/*网站建设-数字效果*/
.js_banner{
    min-width: 320px;
    max-width: 620px;
    margin-top: 65px;
    padding-top: 250px;
    width: 100%;
    height: 475px;
    color: #fff;
    background: url(../image/wzjs_banner.jpg) no-repeat center/cover;
    box-sizing: border-box;
    overflow: hidden;
}
.js_banner .span1{
    color: #e72d3e;
    font-size: 30px;
    margin-left: 9%;
    margin-bottom: 10%;
    display: inline-block;
    width: 10%;
}
.js_banner .span2{
    color: #e72d3e;
    font-size: 30px;
    margin-left: 39%;
}
.js_banner .span3{
    color: #e72d3e;
    font-size: 30px;
    margin-left: 6%;
    width: 15%;
    display: inline-block;
}
.js_banner .span4{
    color: #e72d3e;
    font-size: 30px;
    margin-left: 33%;
}

/* 首页banner */
.img_gallery {
    height: 255px;
    border-top: 1px solid #d7d7d7;
    overflow: hidden;
    position: relative;
}

.main_img {
    height: 100%;
    overflow: hidden;
    position: relative;
}

.main_img ul {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}

.main_img li {
    width: 100%;
    height: 100%;
}

.main_img li span {
    display: block;
    min-width: 320px;
    max-width: 620px;
    margin-top: 65px;
    width: 100%;
    height: 190px;
    box-sizing: border-box;
    overflow: hidden;
}

.main_img li a {
    display: block;
    width: 100%;
    height: 422px
}

.main_img li .img_1 {
    background: url('../image/sj_branner1.jpg') no-repeat center/cover
}

.main_img li .img_2 {
    background: url('../image/sj_branner2.jpg') no-repeat center/cover
}

.main_img li .img_3 {
    background: url('../image/sj_branner3.jpg') no-repeat center/cover
}

.main_img li .img_4 {
    background: url('../image/sj_branner4.jpg') no-repeat center/cover
}
.img_font {
    position: absolute;
    bottom: 30px;
    left: 30%;
    color: #f00;
    width: 100%;
    padding: 10px;
}

.img_font span {
    display: none;
}

div.point {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 10;
    width: 140px;
    height: 21px;
    margin: 0 0 0 -50px;
}

div.point a {
    float: left;
    width: 21px;
    height: 21px;
    margin: 0;
    padding: 0;
    background: url('../image/btn_main_img.png') 0 0 no-repeat;
    display: block;
    text-indent: -1000px;
}

div.point a.on {
    background-position: 0 -21px
}

#btn_prev,#btn_next {
    z-index: 11111;
    position: absolute;
    display: block;
    width: 73px!important;
    height: 74px!important;
    top: 50%;
    margin-top: -37px;
    display: none;
}

#btn_prev {
    display: none;
    background: url(../image/hover_left.png) no-repeat left top;
    left: 100px;
}

#btn_next {
    display: none;
    background: url(../image/hover_right.png) no-repeat right top;
    right: 100px;
}