@CHARSET "UTF-8";
/* screenads */
.screenads {
    width: 100%;

    background: url('../images/soundvideo/berbg2.png') repeat-x;
    background-size: 100% 100%;
}

.screenads .slide1 .banner_con {
    background: url('../images/soundvideo/ber2.png') no-repeat top right;
}

.screenads .screenads_hb {
    padding-top: 340px;
}

.screenads .screenads_hb .screenads_title {
    display: none;
    color: #111111;
    font-size: 60px;
    font-weight: bold;
}

.screenads .screenads_hb .screenads_info {
    display: none;
    color: #111111;
    font-size: 35px;
}


/*音视频社交系统介绍*/
.jieshao {
    width: 100%;
    height: 680px;
    background: url('../images/soundvideo/jsbg.png') repeat-x;
    background-size: 100% 100%;
}

.jieshao .jieshao-body {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
}

.jieshao .jieshao-body .jieshao_p1 {
    font-size: 35px;
    position: relative;
    height: 160px;
    line-height: 190px;
}

.jieshao .jieshao-body p {
    font-size: 15px;
    color: #605E60;
    height: 30px;
    line-height: 30px;
}


.jieshao .jieshao-body .jieshao_img {
    position: relative;
    top: 80px;

}

.jieshao .jieshao-body .jieshao_img li {
    width: 25%;

    float: left;
}


/* 特色功能 */
.case {
    height: 484px;
}

.case .case-hd {
    padding-top: 78px;
    height: 70px;
}

.case .case-hd .case_title {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 35px;
}

.case .case-hd .case_titles {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #414141;
    font-size: 35px;
}

.case-case {
    height: 800px;
    background: url('../images/soundvideo/zsbg.png') no-repeat center top;
    background-size: 100% 100%;
}

.case-case .case-hd {
    padding-top: 100px;
    height: 0;
}


.case .case-hd .case_line {
    margin: 20px auto 10px;
    width: 64px;
    height: 2px;
    background: #2277da;
}

.case .case-hd .case_title2 {
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #aaaaaa;
    font-size: 15px;
}

.case .case-hd .case-hd-info {
    margin-top: 25px;
    text-align: center;
    color: #fff;
    font-size: 18px;
}

.case .case-bd {
    padding-top: 0px;
}

.case .case-bd li {
    float: left;
    width: 25%;
    text-align: center;
    padding-top: 25px;

}

.case .case-bd li:first-child {
    background: none;
}

.case .case-bd li .case-body {

}

.case .case-bd li .case-body .case-body-img {
    height: 100px;
}

.case .case-bd li .case-body .case-body-img img {
    width: 100px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}


.case .case-bd li .case-body .case-body-title {
    color: #222222;
    font-size: 22px;
    text-align: center;
    line-height: 60px;
}


.case .case-bd li:hover .case-body .case-body-img img {
    -moz-transform: scale(1.3); /*Firefox3.5+*/
    -webkit-transform: scale(1.3); /*Safari3.2+*/
    -o-transform: scale(1.3); /*Opera9.6*/
    -ms-transform: scale(1.3); /*IE8*/
    transform: scale(1.3);
}

.case_content {
    margin-top: 80px;
}

.case_content_text {
    width: 50%;
    float: left;
    position: relative;
    top: 120px;

}

.case_content_text .text_title {
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    color: #000;
}

.case_content_text .text_bars {
    width: 120px;
    height: 3px;
    background-color: #2277DA;
    margin: 20px 0px;
}

.case_content_text .text_content {
    font-size: 16px;
    line-height: 38px;
    color: #414141;
    width: 80%;
}

.case_content_text .text_content img {
    float: right;
}

.case_content_img {
    width: 50%;
    float: right;
    position: relative;
}

.case_content_img img {
    /* width: 457px; */
    height: 503px;
    float: right;
}

.case_content_ul .li_bg {
    width: 600px;
    height: 135px;
    background: url('../images/li_bg.png') no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin-bottom: 5px;
}

.case_content_ul .li_img {
    width: 104px;
    height: 135px;
    line-height: 135px;
    margin-left: 20px;
}

.case_content_ul .li_bg .li_text {
    width: 426px;
    height: 125px;
    position: absolute;
    top: 15px;
    left: 140px;
}

.case_content_ul .li_bg .li_text .li_text_title {
    font-size: 20px;
    color: #fff;
    height: 45px;
    line-height: 45px;
}

.case_content_ul .li_bg .li_text .li_text_content {
    font-size: 16px;
    color: #fff;
}

.case_content_ul .li_bg2 {
    width: 600px;
    height: 135px;
    position: relative;
    margin-bottom: 5px;
}

.case_content_ul .li_bg2 .li_text {
    width: 426px;
    height: 125px;
    position: absolute;
    top: 15px;
    left: 140px;
}

.case_content_ul .li_bg2 .li_text .li_text_title {
    font-size: 20px;
    color: #000;
    height: 45px;
    line-height: 45px;
}

.case_content_ul .li_bg2 .li_text .li_text_content {
    font-size: 16px;
    color: #999999;
}

.case_content_img .img_img {

    height: 100%;
}

.case_content_img .img_img2 {
    width: 195px;
    height: 354px;
    position: absolute;
    left: 327px;
    top: 72px;
}


/*核心展示*/
.sociable {
    width: 100%;
    height: 800px;
    background: url('../images/soundvideo/zsbg.png') no-repeat center top;
    background-size: 100% 100%;
    margin-top: -50px;
}

.sociable .sociable-sociable {
    width: 1200px;
    margin: 0 auto;
}

.sociable .sociable-sociable .title-box {
    padding-top: 100px;
    text-align: center;
}

.sociable .sociable-sociable .title-box .title {
    font-size: 35px;
    color: #fff
}

.sociable .sociable-sociable .title-box .title_msg {
    font-size: 16px;
    color: #fff;
    height: 50px;
    line-height: 65px;
}

.sociable .sociable-sociable .swiper-container {
    padding-bottom: 50px;
}

.sociable .swiper-pagination-white .swiper-pagination-bullet {
    width: 35px;
    height: 4px;
    border-radius: 3px;
    background: #FFB2CD;
}

.sociable .swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff;
}

.sociable .sociable-sociable .sociable-ul {
    width: 1200px;
    margin: 0 auto;
    margin-top: 55px;
}

.sociable .sociable-sociable .sociable-ul .sociable-li {
    float: left;
    width: 25%;
    text-align: center;
    -moz-box-sizing: border-box; /*Firefox3.5+*/
    -webkit-box-sizing: border-box; /*Safari3.2+*/
    -o-box-sizing: border-box; /*Opera9.6*/
    -ms-box-sizing: border-box; /*IE8*/
    box-sizing: border-box;
}


.sociable_title {
    margin-top: 8px;
    margin-bottom: 9px;
    color: #fff;
    font-size: 20px;
}

.sociable_content {
    padding: 0 30px;
    font-size: 14px;
    line-height: 27px;
    text-align: center;
    color: #fff;
}

.sociable-li .sociable-picture img {
    width: 60%;
}

/* 产品特色*/
.range {
    width: 100%;

}

.range-range {
    padding-top: 80px;
    height: 490px;
    background-color: #fff;
}

.range-range .range_title {
    font-size: 35px;
    padding-bottom: 10px;
    text-align: center;
    color: #3C3C3C;
}

.range-range .range-ul {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    top: 50px;
}

.range-range .range-ul .range-li {
    float: left;
    width: 255px;
    /* height: 360px; */
    text-align: center;
}

.range-range .range-ul .li2 {
    margin-left: 60px;
}

.range-range .range-ul .range-li .advantage_title {
    font-size: 15px;
    line-height: 30px;
    width: 200px;
    margin: 0 auto;
    margin-top: 20px;
    color: #585858;
}

.range-li .advantage-picture img:hover {

    transform: rotateY(360deg);
    transition: all 1s linear;
}


/* 售后服务 */
.advantage {
    width: 100%;
    padding-top: 80px;
    padding-bottom: 80px;
    background: url('../images/soundvideo/shbg.png') no-repeat center top;
    background-size: 100% 100%;
}

.advantage-advantage .title-box {
    text-align: center;
}

.advantage-advantage .title-box .title {
    font-size: 35px;
    margin-bottom: -45px;
    color: #222222;
}

.advantage-advantage .advantage-ul {
    width: 1200px;
    margin: 0 auto;
    margin-top: 50px;
}

.advantage-advantage .advantage-ul .advantage-li {
    width: 228px;
    height: 240px;
    padding: 25px;
    text-align: center;
    margin-left: 20px;
    float: left;
    padding-top: 0px;
    padding-bottom: 17px;
    position: relative;
    top: 37px;

}

.advantage_title {
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 18px;
    color: #545454;
}

.advantage_content {
    color: #888888;
    font-size: 15px;
    line-height: 30px;
}

.advantage-advantage .advantage-ul .advantage-li:hover .advantage-picture img {
    animation: myfirst2 1s infinite;
}

.advantage-advantage .advantage-ul .advantage-li .advantage-picture img:hover {
    animation: test 0.25s ease-in 2;
}

@keyframes test {
    0% {
        transform: translate(0, 0)
    }
    50% {
        transform: translate(0, 15px)
    }
    100% {
        transform: translate(0, 0)
    }
}


.case-shangye {
    height: 500px;

}

.case-shangye .container .shangye-title {
    padding-top: 110px;
    height: 50px;
}

.case-bd .ul-shangye {
    background: #fff;

}

.case-bd .ul-shangye li {
    width: 20%;
    padding-top: 80px;
}

.case .case-hd .ovoyuyin {
    color: #414041
}

.contact {
    background: url('../images/soundvideo/tlbg.jpg') no-repeat;
    background-size: 100% 100%;
    height: 239px;
}

.inquire {
    height: 40px;
    font-size: 17px;
    color: #838287;
    width: 160px;
    border: 1px solid #838287;
    text-align: center;
    line-height: 40px;
    margin: 0 auto;
}

.shangwu {
    color: #838287;
}

.shangwu:hover {
    color: #838287;
}


/*新增*/

/*官网app 样式*/
/*header S*/
body {
    overflow: hidden;
}

header {
    height: 72px;
    width: 100%;
    line-height: 72px;
    box-sizing: border-box;
    position: fixed;
    z-index: 66;
}

.logo {
    padding-top: 12px;
}

.nav_box {
    overflow: hidden;
    height: 100%;
}

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

.nav li {
    float: left;
}

.nav li a {
    font: 16px/68px "microsoft yahei";
    color: #e4e4e4;
    display: inline-block;
    margin: 0 32px;
    box-sizing: content-box;
}

.nav li a.hui_color {
    color: #e4e4e4;
}

.nav li a.j_color {
    color: #ff7426;
}

.nav li a.h_color {
    color: #262525;
}

#run {
    height: 2px;
    width: 44px;
    background-color: #FF7426;
    position: absolute;
    bottom: 0;
    left: 26px;
}

.active {
    display: block;
}

.nav_header {
    background: rgba(255, 255, 255, 1);
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 72px;
    transition: all .3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 9999;
    box-shadow: 0 1px 3px 2px rgba(231, 231, 231, 1);
}

.nav li .bg {
    color: #ff7426;
}

/*headerE*/
/*banner S*/
.banner {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
}

.banner video {
    width: 100%;
    height: auto;
    margin-top: -70px;
}

.banner .swiper-container {
    /*height: 380px;*/
    top: 35% !important;
    left: 50%;
    margin-left: -600px;
    position: absolute !important;
    overflow: hidden;
}

.lunbo_content {
    text-align: center;
    font-family: 'Microsoft YaHei';
    box-sizing: border-box;
}

.lunbo_content span {
    font-size: 54px;
    color: #fff;
    font-weight: bold;
    display: block;
    padding-bottom: 46px;
}

.lunbo_content p {
    font-style: normal;
    font-size: 18px;
    color: #fff;
}

.lunbo_a {
    position: absolute;
    text-align: center;
    top: 70%;
    left: 50%;
    margin-left: -107px;
}

.next {
    background-image: url(../img/next.png);
    background-size: 66px 128px;
    left: 10px;
    right: auto;
}

.prev {
    background-image: url(../img/prev.png);
    background-size: 66px 128px;
    right: 10px;
    left: auto;
}

.next, .prev {
    top: 14% !important;
    position: absolute;
    top: 22%;
    width: 66px;
    height: 100px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 66px 100px;
    -webkit-background-size: 66px 100px;
    background-size: 66px 100px;
    background-position: center;
    background-repeat: no-repeat;
}

.first {
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.first_a {
    position: relative;
    display: block;
    padding: 12px 70px;
    margin: 0 auto;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-family: 'Microsoft YaHei';
    overflow: hidden;
    z-index: 9;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
    border-radius: 26px;
    cursor: pointer;
}

.first_a span {
    z-index: 9;
    position: relative;
}

.first_a:hover span {
    color: #ff7426;
}

.first_a i {
    background: #fff;
    display: block;
    width: 0;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0;
    z-index: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
}

.first_a:hover i {
    width: 100%;
}

.ban_jump {
    width: 100%;
    background: url(../img/jump.png) no-repeat;
    width: 24px;
    height: 40px;
    bottom: 160px;
    display: inline-block;
    position: absolute;
    left: 50%;
    margin-left: -12px;
    animation: tiao 1.2s infinite ease-in-out;
    -webkit-animation: tiao 1.2s infinite ease-in-out;
    cursor: pointer;
}

/*banner E*/
/*分类 服务 选择 */
section {
    height: 100%;
    overflow: hidden;
}

.classify {
    height: 764px;
    background-color: #FFFFFF;
    overflow: hidden;
}

.cla_top {
    height: 162px;
    position: relative;
    text-align: center;
    padding-top: 40px;
    box-sizing: border-box;
}

.cla_top img {
    vertical-align: top;
}

.cla_top span {
    padding: 0 10px 0 10px;
    font-size: 28px;
    color: #262525;
    display: inline-block;
    font-weight: bold;
}

.cla_top p {
    padding-top: 20px;
    font-size: 14px;
    color: #737373;
}

/*.cla_list{
	overflow: hidden;
}*/
.cla_list li {
    float: left;
    width: 50%;
    padding-bottom: 12px;
}

.list_box {
    width: 590px;
    height: 146px;
    border: 1px solid #e8e8e9;
    overflow: hidden;
    position: relative;
}

.list_box:hover {
    width: 590px;
    height: 146px;
    border: 1px solid #fff;
    overflow: hidden;
    position: relative;
}

.gengduo {

    text-align: center;
}

.gengduo > span {
    padding: 14px 80px;
    border: 1px solid #a2a2a2;
    text-align: center;
    border-radius: 24px;
    margin-top: 42px;
    display: inline-block;
}

.gengduo > span a {
    font-size: 18px;
    color: #636363;
}

.biankuang {
    width: 1px;
    height: 3px;
    position: absolute;
    z-index: 99;
    border-radius: 10px;
}

.biankuang_1 {
    height: 3px;
    top: -4px;
    left: 0px;
    border-left: 1px solid #fcad82;
}

.biankuang_2 {
    width: 0px;
    bottom: -3px;
    left: 0px;
    border-top: 1px solid #fcad82;
}

.biankuang_3 {
    height: 0px;
    bottom: 0px;
    right: 0px;
    border-right: 1px solid #fcad82;
}

.biankuang_4 {
    width: 0px;
    top: -3px;
    right: 0px;
    border-bottom: 1px solid #fcad82;
}

.list_box img {
    width: 132px;
    height: 132px;
    padding-top: 6px;
    cursor: pointer;
    position: relative;
}

.list_box:hover img {
    animation: fls 0.5s;
    -webkit-animation: fls 0.5s;
}

@keyframes fls {
    0% {
        bottom: 0px;
    }
    50% {
        bottom: 10px;
    }
    100% {
        bottom: 0px;
    }
}

@-moz-keyframes fls {
    0% {
        bottom: 0px;
    }
    50% {
        bottom: 10px;
    }
    100% {
        bottom: 0px;
    }
}

@-ms-keyframes fls {
    0% {
        bottom: 0px;
    }
    50% {
        bottom: 10px;
    }
    100% {
        bottom: 0px;
    }
}

@-webkit-keyframes fls {
    0% {
        bottom: 0px;
    }
    50% {
        bottom: 10px;
    }
    100% {
        bottom: 0px;
    }
}

.list_box span {
    display: block;
    font-size: 18px;
    color: #141414;
    padding: 34px 0 16px 0;
}

.list_box p {
    font-size: 14px;
    color: #626262;
    line-height: 20px;
}

/*服务*/
.serve {
    height: 742px;
    background: url(../img/fw_bg.png) no-repeat center;
    background-size: cover;
}

.ser_top {
    height: 162px;
    position: relative;
    text-align: center;
    padding-top: 54px;
    box-sizing: border-box;
}

.ser_top img {
    vertical-align: top;
}

.ser_top span {
    padding: 0 10px 0 10px;
    font-size: 28px;
    color: #262525;
    display: inline-block;
    font-weight: bold;
}

.ser_top p {
    padding-top: 20px;
    font-size: 14px;
    color: #737373;
}

.ser_box {
    height: 388px;
    width: 227px;
    border: 1px solid #d5d5d5;
    text-align: center;
    margin-right: 16px;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}

.ser_box:hover {
    border: none;
    animation: fls 1s;
    -webkit-animation: fls 1s;
    box-shadow: 0 5px 5px #eee;
}

/*边框色*/

.biankuangs_1 {
    height: 3px;
    top: -4px;
    left: 0px;
    border-left: 1px solid #fcad82;
}

.biankuangs_2 {
    width: 0px;
    bottom: -3px;
    left: 0px;
    border-top: 1px solid #fcad82;
}

.biankuangs_3 {
    height: 0px;
    bottom: 0px;
    right: 0px;
    border-right: 1px solid #fcad82;
}

.biankuangs_4 {
    width: 0px;
    top: -3px;
    right: 0px;
    border-bottom: 1px solid #fcad82;
}

.ser_box:hover span {
    color: #ff7425;
}

.ser_box:hover a {
    color: #ff7425;
    border: 1px solid #ff7426;
}

.ser_box img {
    padding: 38px 42px 24px 42px;
    width: 128px;
    height: 128px;
}

.ser_box span {
    font-size: 18px;
    color: #262525;
    font-weight: bold;
}

.ser_box p {
    font-size: 14px;
    color: #626262;
    line-height: 22px;
    padding: 10px 32px 0 32px;
    margin-right: 0;
    height: 94px;
    display: block;
}

.ser_box a {
    padding: 6px 24px;
    border: 1px solid #808080;
    border-radius: 20px;
    font-size: 14px;
    color: #646363;
}

.swiper-container1 {
    width: 1200px;
    box-sizing: border-box;
    overflow: hidden;
}

.swiper-container1 .swiper-wrapper > .swiper-slide {
    width: 220px !important;
}

.swiper-slide {
    margin-right: 21px !important;
}

/*困惑*/
.perplex {
    height: 1018px;
    background: url(../img/kh_bg.png) no-repeat center;
    background-position: cover;

    overflow: hidden;
}

.per_top {
    height: 162px;
    position: relative;
    text-align: center;
    padding-top: 66px;
    box-sizing: border-box;
}

.per_top img {
    vertical-align: top;
}

.per_top span {
    padding: 0 10px 0 10px;
    font-size: 28px;
    color: #fff;
    display: inline-block;
    font-weight: bold;
}

.per_top p {
    padding-top: 20px;
    font-size: 14px;
    color: #fff;
}

.per_list {
    margin-top: 40px;
    height: 100%;

}

.per_list li {
    width: 50%;
    float: left;
}

.per_list img {
    vertical-align: text-top;
    margin-top: -12px;
}

.per_list span {
    font-size: 18px;
    color: #dcdcdc;
    padding-left: 14px;

}

.per_list_info {
    width: 552px;
    background: url(../img/kh_info_bg.png) no-repeat;
    background-size: 552px 150px;
    height: 210px;

}

.per_list_info .per_list_info_p {
    font-size: 14px;
    color: #737373;
    line-height: 24px;
    padding: 46px 44px 32px 44px;
    overflow: hidden;
    height: 150px;
    box-sizing: border-box;

}

.per_list_info p:nth-child(1) {
    padding: 0;
}

.per_list_info p:nth-child(3) {
    padding: 0;
}

.pre_btn {
    text-align: center;
}

.btn_first {
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.btn_first_a {
    position: relative;
    display: block;
    padding: 12px 70px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-family: 'Microsoft YaHei';
    overflow: hidden;
    z-index: 9;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
    border-radius: 26px;
    cursor: pointer;
}

.btn_first a:first-child {
    margin-right: 50px;
    border: 1px solid #fff;
}

.btn_first a:first-child:hover {
    /*border:1px solid #ff7426;*/
}

.btn_first_a span {
    z-index: 9;
    position: relative;
    padding: 0;
    color: #fff;
}

.btn_first_a i {
    background: #fff;
    display: block;
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
}

.btn_first_a:hover span {
    color: #ff7426;
}

.btn_first_a:hover i {
    width: 100%;
    /*border: 1px solid #ff7426;*/
}

.btn_first_a:hover span {
    color: fff;
}

.btn_second {
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.btn_second_a {
    position: relative;
    display: block;
    padding: 12px 70px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-family: 'Microsoft YaHei';
    overflow: hidden;
    z-index: 9;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
    border-radius: 26px;
    cursor: pointer;
}

.btn_second_a span {
    z-index: 9;
    position: relative;
    padding: 0;
}

.btn_second_a i {
    background: #fff;
    display: block;
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
}

.btn_second_a:hover span {
    color: #ff7426;
}

.btn_second_a:hover i {
    width: 100%;
}

.btn_second a:first-child {
    margin-right: 50px;
    border: 1px solid #fff;
}

.btn_second a:first-child:hover {
    /*border:1px solid #ff7426;*/
}

.btn_second span {
    color: #fff;
}

/*选择 */
.select {
    height: 772px;
    background-color: #f7f7f7;
}

.sel_top {
    height: 162px;
    position: relative;
    text-align: center;
    padding-top: 50px;
    box-sizing: border-box;
}

.sel_top img {
    vertical-align: top;
}

.sel_top span {
    padding: 0 10px 0 10px;
    font-size: 28px;
    color: #262525;
    display: inline-block;
    font-weight: bold;
}

.sel_top p {
    padding-top: 20px;
    font-size: 14px;
    color: #737373;
}

.sel_content {
    height: 570px;
    position: relative;
    overflow: hidden;
}

.sel_content .rotate {
    width: 666px;
    height: 536px;
    position: absolute;
    left: 50%;
    margin-left: -333px;
}

.rotate_box {
    position: relative;
    height: 100%;
}

.rotate_box img:nth-child(1) {
    position: absolute;
    left: 50%;
    margin-left: -177px;
    top: 90px;
    z-index: 66;
    border-radius: 50%;
}

.rotate_box img:nth-child(2) {
    position: absolute;
    left: 66px;
    top: 0;
    z-index: 55;
}

.xz {
    transition: 1.5s;
    transform: scale(0.86);
    -ms-transform: scale(0.86); /* IE 9 */
    -moz-transform: scale(0.86); /* Firefox */
    -webkit-transform: scale(0.86); /* Safari 和 Chrome */
    -o-transform: scale(0.86); /* Opera */
    box-shadow: 0 0 50px #3D3D3D;
}

.xzs {
    transition: 1.5s;
    transform: scale(1);
    -ms-transform: scale(1); /* IE 9 */
    -moz-transform: scale(1); /* Firefox */
    -webkit-transform: scale(1); /* Safari 和 Chrome */
    -o-transform: scale(1); /* Opera */
}

.rotate_box img:nth-child(3) {
    position: absolute;
    left: 50%;
    /*	margin-left: -262px;*/
    top: 52px;
    z-index: 0;
}

.rotate_box img:nth-child(4) {
    position: absolute;
    left: 50%;
    /*margin-left: -333px;*/
    top: 256px;
}

.rotate_box img:nth-child(5) {
    position: absolute;
    left: 50%;
    /*margin-left: -252px;*/
    top: 456px;

}

.rotate_box img:nth-child(6) {
    position: absolute;
    left: 50%;
    /*margin-left: 200px;*/
    top: 52px;
    z-index: 0;
}

.rotate_box img:nth-child(7) {
    position: absolute;
    left: 50%;
    /*margin-left: 268px;*/
    top: 256px;
}

.rotate_box img:nth-child(8) {
    position: absolute;
    left: 50%;
    /*margin-left: 188px;*/
    top: 456px;
}


.sel_con_box1 {
    position: absolute;
    top: 54px;
    left: 50%;
    float: right;
    text-align: right;
    margin-left: -564px;
}

.sel_con_box1 span {
    font-size: 18px;
    color: #262525;
    font-weight: bold;

}

.sel_con_box1 p {
    padding-top: 12px;
    font-size: 14px;
    color: #737373;
    line-height: 24px;
}

.sel_con_box2 {
    position: absolute;
    top: 54px;
    left: 50%;
    float: right;
    text-align: left;
    margin-left: 298px;
}

.sel_con_box2 span {
    font-size: 18px;
    color: #262525;
    font-weight: bold;

}

.sel_con_box2 p {
    padding-top: 12px;
    font-size: 14px;
    color: #737373;
    line-height: 24px;
}

.sel_con_box3 {
    position: absolute;
    top: 258px;
    left: 50%;
    float: right;
    text-align: right;
    margin-left: -620px;
}

.sel_con_box3 span {
    font-size: 18px;
    color: #262525;
    font-weight: bold;

}

.sel_con_box3 p {
    padding-top: 12px;
    font-size: 14px;
    color: #737373;
    line-height: 24px;
}

.sel_con_box4 {
    position: absolute;
    top: 258px;
    left: 50%;
    float: right;
    text-align: left;
    margin-left: 360px;
}

.sel_con_box4 span {
    font-size: 18px;
    color: #262525;
    font-weight: bold;

}

.sel_con_box4 p {
    padding-top: 12px;
    font-size: 14px;
    color: #737373;
    line-height: 24px;
}

.sel_con_box5 {
    position: absolute;
    top: 470px;
    left: 50%;
    float: right;
    text-align: right;
    margin-left: -454px;
}

.sel_con_box5 span {
    font-size: 18px;
    color: #262525;
    font-weight: bold;

}

.sel_con_box5 p {
    padding-top: 12px;
    font-size: 14px;
    color: #737373;
    line-height: 24px;
}

.sel_con_box6 {
    position: absolute;
    top: 470px;
    left: 50%;
    float: right;
    text-align: left;
    margin-left: 292px;
}

.sel_con_box6 span {
    font-size: 18px;
    color: #262525;
    font-weight: bold;

}

.sel_con_box6 p {
    padding-top: 12px;
    font-size: 14px;
    color: #737373;
    line-height: 24px;
}

.sel_con_box_text {
    width: 356px;
    position: absolute;
    top: 176px;
    left: 50%;
    margin-left: -178px;
    text-align: center;
    z-index: 66;
}

.sel_con_box_text span {
    font-weight: bold;
    display: block;
    font-size: 28px;
    color: #262525;
    padding-top: 16px;
}

.sel_con_box_text span:nth-child(3) {
    font-weight: bold;
    display: block;
    font-size: 28px;
    color: #ff7426;
    padding-top: 16px;
    padding-bottom: 40px;
}

.sel_con_box_text a {
    text-align: center;
    display: block;
    height: 32px;
    line-height: 32px;
    width: 104px;
    font-size: 14px;
    color: #fff;
    background-color: #ff7426;
    border-radius: 25px;
    margin: 0 auto;
}

/*精准定位*/
.position {
    height: 1000px;
    background: url(../img/dw_bg.png) center;
    background-size: cover;
}

.pos_top {
    height: 130px;
    position: relative;
    text-align: center;
    padding-top: 56px;
    box-sizing: border-box;
}

.pos_top img {
    vertical-align: top;
}

.pos_top span {
    padding: 0 10px 0 10px;
    font-size: 28px;
    color: #eeebe9;
    display: inline-block;
    font-weight: bold;
}

.pos_top p {
    padding-top: 20px;
    font-size: 14px;
    color: #fff;
}

.pos_list {
    overflow: hidden;
}

.pos_list li {
    width: 33.333%;
    float: left;
    height: 360px;
    background-color: #fff;
    text-align: center;
    position: relative;
    box-sizing: border-box;
    margin-top: 46px;

}

.pos_list li:nth-child(2) {
    border-left: 1px solid #c6c6c6;
    border-right: 1px solid #c6c6c6;
}

.pos_list li:nth-child(5) {
    border-left: 1px solid #c6c6c6;
    border-right: 1px solid #c6c6c6;
}

.pos_list li img {
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -75px;
}

.pos_list li span {
    font-size: 28px;
    color: #595959;
    display: block;
    padding: 84px 0 60px 0;
}

.pos_list li span i {
    font-style: normal;
    font-size: 38px;
    color: #595959;
    font-weight: bold;
}

.pos_list li > i {
    font-style: normal;
    font-size: 18px;
    color: #3d3d3d;
    font-weight: bold;
    display: block;
    padding-top: 36px;
}

.pos_list li i > em {
    font-style: normal;
    font-size: 18px;
    color: #3d3d3d;
    padding-top: 36px;
    font-weight: normal;
}

.pos_list li:hover i > em {
    color: #f8995f;
}

.pos_list li p {
    padding: 14px 62px 40px 68px;
    font-style: normal;
    font-size: 14px;
    color: #626262;
    display: block;
    height: 40px;
    line-height: 20px;
}

.pos_list li a {
    width: 100px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 25px;
    display: block;
    border: 1px solid #808080;
    font-size: 14px;
    color: #626262;
    margin: 0 auto;
}

.pos_list li:hover {
    border-bottom: 6px solid #feb080;
}

.pos_list li:hover img {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    transform: rotate(360deg);
    -ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Safari and Chrome */
    -o-transform: rotate(360deg); /* Opera */
    -moz-transform: rotate(360deg); /* Firefox */

}

.pos_list li:hover span {
    color: #ff7426;
}

.pos_list li:hover i {
    color: #ff7426;
}

.pos_list li:hover a {
    border: 1px solid #ff7426;
    color: #ff7426;
}

/*app 案例*/
.case {
    height: auto;
    background-color: #f3f3f3;
}

.case_top {
    height: 162px;
    position: relative;
    text-align: center;
    padding-top: 76px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.case_top img {
    vertical-align: top;
}

.case_top span {
    padding: 0 10px 0 10px;
    font-size: 28px;
    color: #262525;
    display: inline-block;
    font-weight: bold;
}

.case_top p {
    padding-top: 20px;
    font-size: 14px;
    color: #737373;
}

.case_list {
    padding-top: 40px;
    overflow: hidden;
}

.case_list_ul {
    overflow: hidden;
}

.case_list li {
    width: 25%;
    float: left;
    padding-bottom: 22px;
}

.case_list_ul_img {
    width: 286px;
    position: relative;
    overflow: hidden;
}

.case_list_ul_img img {
    width: 286px;
    height: 236px;
}

.case_list_ul_img .img_sha {
    width: 286px;
    height: 236px;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    height: 0;
    bottom: 0;
}

.case_list_ul_img .img_sha0 {
    height: 0;
    bottom: 0;
}

.case_list_ul_img .img_sha1 {
    height: 100%;
    width: 0;
    left: 0;
}

.case_list_ul_img .img_sha2 {
    height: 100%;
    width: 0;
    right: 0;
}

.case_list_ul_img .img_sha3 {
    height: 0;
    top: 0;
}

.case_list_ul_img .img_sha4 {
    height: 0;
    bottom: 0;
}

.case_list_ul_img .img_sha5 {
    height: 100%;
    width: 0;
    left: 0;
}

.case_list_ul_img .img_sha6 {
    height: 100%;
    width: 0;
    right: 0;
}

.case_list_ul_img .img_sha7 {
    height: 0;
    top: 0;
}

.case_list_ul li:hover .img_sha {
    height: 100%;
    width: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.case_list_ul li:hover img:nth-child(2) {
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    transform: scale(1.2);
    -ms-transform: scale(1.2); /* IE 9 */
    -moz-transform: scale(1.2); /* Firefox */
    -webkit-transform: scale(1.2); /* Safari 和 Chrome */
    -o-transform: scale(1.2); /* Opera */
}

.case_list_ul_img img:nth-child(1) {
    width: 94px;
    height: 94px;
    position: absolute;
    top: 66px;
    left: 50%;
    margin-left: -47px;
    z-index: 66;
    border-radius: 16px;
}

.case_list_ul_info {
    background-color: #fff;
    height: 146px;
    width: 286px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    padding: 14px 16px 26px 16px;
    box-sizing: border-box;

}

.case_list_ul_info span {
    font-size: 14px;
    color: #737373;
    display: block;
    height: 36px;
    line-height: 36px;
    border-bottom: 1px dashed #d8d8d8;
    overflow: hidden;
}

/*合作伙伴*/
.partner {
    height: 764px;
    background-color: #1c1c1c;
}

.par_top {
    height: 162px;
    position: relative;
    text-align: center;
    padding-top: 76px;
    box-sizing: border-box;
}

.par_top img {
    vertical-align: top;
}

.par_top span {
    padding: 0 10px 0 10px;
    font-size: 28px;
    color: #eeebe9;
    display: inline-block;
    font-weight: bold;
}

.par_top p {
    padding-top: 20px;
    font-size: 14px;
    color: #737373;
}

.par_imgs {
    overflow: hidden;
    padding-top: 44px;
}

.par_imgs li {
    float: left;
}

.par_imgs ul {
    overflow: hidden;
    background-color: #fff;
    width: 1190px;
}

.tabs li a {
    overflow: hidden;
}

.par_imgs img {
    float: left;
    padding: 0;
    margin: 0;
    height: 170px;
    width: 170px;
}

.par_imgs_cen {
    float: left;
    height: 156px;
    width: 492px;
    background-color: #fff;
    margin: 6px 8px;
    box-sizing: border-box;
    z-index: 66;
    position: relative;
    box-sizing: border-box;
}

.par_imgs .hover_li {
    animation: par 1s;
    box-shadow: 0 0 16px #CCCCCC inset;
}

/*@keyframes par{
	0%{bottom: 0;}
	100%{bottom: 6px}
}
@-webkit-keyframes par{
	0%{bottom: 0;}
	100%{bottom: 6px}
}
@-ms-keyframes par{
	0%{bottom: 0;}
	100%{bottom: 6px}
}
@-moz-keyframes par{
	0%{bottom: 0;}
	100%{bottom: 6px}
}*/
.par_imgs li:nth-child(10) {
    border: 1px solid #B8B8B8;
}

.par_imgs_cen img {
    width: 22px;
    height: 22px;
}

.par_imgs_cen img:nth-child(4) {
    width: 60px;
    height: 60px;
    float: right;
    margin-top: -26px;
    margin-right: 30px;
}

.par_imgs_cen p {
    text-align: left;
    padding: 22px 22px 16px 26px;
    font-size: 14px;
    color: #525252;
    line-height: 24px;
}

.par_imgs_cen span {
    font-size: 14px;
    color: #222124;
    padding-left: 26px;
}

/*关于犇犇*/
.intro {
    height: 894px;
    background: url(../img/gy_bg.png) no-repeat center;
    background-size: cover;
}

.int_top {
    height: 162px;
    position: relative;
    text-align: center;
    padding-top: 38px;
    box-sizing: border-box;
}

.int_top img {
    vertical-align: top;
}

.int_top span {
    padding: 0 10px 0 10px;
    font-size: 28px;
    color: #262525;
    display: inline-block;
    font-weight: bold;
}

.int_top p {
    padding-top: 20px;
    font-size: 14px;
    color: #737373;
}

.intro_top {
    height: 448px;
    position: relative;
}

.intro_top > img {
    position: absolute;
    left: 0;
    width: 98%;
    height: 448px;
    float: left;
    z-index: 1;
    cursor: pointer;
}

/**/
.intro_line {
    padding: 16px;
    float: right;
    border: 1px solid #d9d9d9;
    margin-top: 38px;
}

.intro_top_r {
    width: 604px;
    height: 366px;
    padding: 20px 44px 0 74px;
    box-sizing: border-box;
    z-index: 666;

}

.intro_top_r span {
    font-size: 18px;
    color: #424242;
    margin-bottom: 22px;
    font-weight: bold;
}

.intro_top_r p {
    font-size: 14px;
    color: #696969;
    line-height: 28px;
    padding-top: 24px;
}

.intro_top_r > img {
    width: 33px;
    height: 33px;
    float: right;
}

.intro_list {
    overflow: hidden;
    padding-top: 40px;
}

.intro_list li {
    width: 25%;
    float: left;
    position: relative;
}

.intro_list li img {
    width: 286px;
    height: 202px;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
}

.intro_list li .img_shadow {
    background: url(../img/team_bg.png) no-repeat;
    background-size: 286px 202px;
    width: 286px;
    height: 202px;
    position: absolute;
    bottom: 0;
    height: 0;
}

.intro_list li .img_shadow1 {
    top: 0;
}

.intro_list li .img_shadow2 {
    bottom: 0;
}

.intro_list li .img_shadow3 {
    top: 0;
}

/*.intro_list li:hover .img_shadow{
    height: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    transform: scale(1.06);
	-ms-transform:scale(1.06); 	/* IE 9 */
/*-moz-transform:scale(1.06); 	/* Firefox */
/*-webkit-transform:scale(1.06); /* Safari 和 Chrome */
/*-o-transform:scale(1.06);
}*/
.intro_list li:hover img {
    transform: scale(1.06);
    -ms-transform: scale(1.06); /* IE 9 */
    -moz-transform: scale(1.06); /* Firefox */
    -webkit-transform: scale(1.06); /* Safari 和 Chrome */
    -o-transform: scale(1.06); /* Opera */
}

/*最新资讯*/
.news {
    height: 748px;
}

.news_line {
    width: 100%;
    border-top: 1px solid #e2e2e2;
}

.news_info {
    overflow: hidden;
}

.news_info_left {
    width: 630px;
    height: 100%;
    border-right: 1px solid #E2E2E2;
    padding: 70px 40px 0 0;
    float: left;
}

.news_info_left ul {
    overflow: hidden;
    border-bottom: 1px solid #e2e2e2;
}

.news_info_left li {
    float: left;
    padding: 0 10px 14px 10px;
}

.news_info_left li a {
    font-size: 22px;
    color: #262525;
}

.news_info_left li a.new_a {
    color: #ff7426;
}

.news_info_left li.new_li {
    border-bottom: 2px solid #ff7426;
}

.news_info_left img {
    float: right;
    cursor: pointer;
}

.news_info_left_bot {
    overflow: hidden;
    padding-top: 30px;
}

.news_info_left_bot span:nth-child(1) {
    padding-top: 18px;
    font-size: 46px;
    color: #333;
    float: left;
    font-style: initial;
}

.news_info_left_bot span:nth-child(1).span_data {
    color: #ff7426;
}

.news_info_left_bot span i.span_data {
    color: #ff7426;
}

.news_info_left_bot span i {
    font-size: 22px;
    color: #333;
    display: block;
    font-style: normal;
}

.bot_imgBox {
    border: 1px solid #EEEBE9;
    width: 176px;
    height: 100px;
    line-height: 100px;
    overflow: hidden;
    box-sizing: border-box;
    text-align: center;
    padding: 5px;
    float: left;
    margin-left: 18px;
    overflow: hidden;
}

.bot_imgBox > img {
    margin-top: 0;;
    width: 166px;
    height: 90px;
}

.bot_imgBox > img:hover {
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-animation: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.bot_right {
    overflow: hidden;
    padding: 14px 10px;
    font-style: initial;
}

.bot_right a {

}

.news_info_left_bot .bot_right span {
    font-size: 18px !important;
    color: #2f2f2f;
    padding-top: 0;
    display: block;
    float: none;
}

.news_info_left_bot .bot_right span.new_span {
    color: #ff7426;
}

.bot_right p {
    font-size: 12px;
    color: #6a6a6a;
    padding-top: 20px;
    line-height: 22px;
}

.news_info_right {
    float: left;
    padding: 70px 0 0 40px;
}

.info_right_top {
    height: 37px;
    width: 450px;
    border-bottom: 1px solid #E2E2E2;
}

.info_right_top span {
    font-size: 22px;
    color: #262525;
    font-style: normal;
}

.info_right_top img {
    float: right;
}

.info_right_botom {
    padding-top: 38px;
}

.info_right_botom p {
    width: 450px;
}

.info_right_botom_span {
    background-color: #f2f2f2;
    height: 30px;
    line-height: 30px;
    position: relative;
    margin-left: 20px;
    padding-left: 16px;
}

.info_right_botom_span img {
    position: absolute;
    top: 0;
    left: -20px;
}

.info_right_botom_span span {
    font-size: 14px;
    color: #5b5a5a;
    cursor: pointer;
}

.info_right_botom_span span a {
    color: #2f2f2f;
    font-style: normal;
}

.info_right_botom_span span a.h_color {
    color: #FF7426;
}

.info_right_botom_span span.new_span {
    color: #ff7426;
}

.info_right_botom p {
    padding: 20px 20px 0 20px;
    font-size: 14px;
    line-height: 26px;
    color: #5b5a5a;
    box-sizing: border-box;
    font-style: normal;
}

footer {
    height: 744px;
    background: url(../img/beijing36.png) no-repeat top;
}

.footer_tit {
    height: 175px;
    text-align: center;
    line-height: 175px;
}

.footer_tit span {
    font-size: 26px;
    color: #ffffff;
    font-style: normal;
}

.footer_tit p {
    font-size: 31px;
    color: #ffffff;
    display: inline;
}

.footer_main_top {
    height: 120px;
    background: url(../img/beijing39.png) no-repeat 0 100%;
}

.footer_main {
    height: 493px;
}

.ft_mn_topul li:hover i {
    animation: flipInX 1s;
}

.ft_mn_topul li {
    width: 375px;
    height: 120px;
    float: left;
    color: #cccccc;
    position: relative;
}

.ft_mn_topli1 div {
    width: 215px;
    height: 44px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -107.5px;
}

.ft_mn_topli1 span {
    text-align: left;
}

.ft_mn_topli1 span p {
    font-size: 13px;
    font-style: normal;
}

.ft_mn_topli1 span a {
    font-size: 16px;
    margin-top: 5px;
    display: inline-block;
    color: #cccccc;
    font-style: normal;
}

.ft_mn_topli1 i {
    width: 37px;
    height: 40px;
    background: url(../img/beijing37.png) no-repeat;
    float: left;
    margin-right: 40px;
    font-style: normal;
}

.ft_mn_topli1 .ft_mn_topli {
    width: 50px;
    height: 38px;
    background: url(../img/beijing38.png) no-repeat;
}

.ft_mn_topli01 {
    background: url(../img/beijing40.png) no-repeat 100% 50%;
}

.ft_mn_topli2 {
    background: url(../img/beijing40.png) no-repeat 100% 50%;
}

.footer_main_bom {
    height: 373px;
    padding-top: 34px;
    clear: both;
}

.ft_mn_bomlf {
    width: 645px;
    float: left;
    background: url(../img/beijing41.png) no-repeat 100% 0%;
}

.ft_mn_bomlf ul h6 {
    font-size: 15px;
    color: #ffffff;
    margin-bottom: 30px;
    font-style: normal;
}

.ft_mn_bomlf ul li {
    margin-bottom: 15px;
    font-style: normal;
}

.ft_mn_bomlf ul a:hover {
    color: #ffffff;
    font-style: normal;
}

.ft_mn_bomlf ul a {
    font-size: 13px;
    color: #cccccc;
}

.ft_mn_bomlf ul {
    height: 100%;
    width: 70px;
    float: left;
    margin-right: 55px;
    font-style: normal;
}

.ft_mn_bomrt {
    float: right;
}

/*.ft_mn_bomrttop{color: #cccccc;height: 145px;font-size: 13px;}*/
.ft_mn_bomrttop {
    color: #cccccc;
    font-size: 13px;
}

.ft_mn_bomrttop span {
    color: #ff6600;
    font-size: 24px;
    font-style: normal;
}

.ft_mn_bomrttop p {
    font-style: normal;
}

.item_span {
    font-style: normal;
}

.ft_mn_wei p {
    font-style: normal;
}

.ft_mn_bomrtp1 {
    margin-bottom: 20px;
    font-style: normal;
}

.ft_mn_bomrttop i {
    width: 18px;
    height: 18px;
    margin-right: 12px;
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
}

.ft_mn_bomrttl {
    background: url(../img/beijing43.png) no-repeat;
}

.ft_mn_bomrtem {
    background: url(../img/beijing44.png) no-repeat;
}

.ft_mn_bomrtdw {
    background: url(../img/beijing45.png) no-repeat;
}

.ft_mn_bomrtbom {
    background: url(../img/beijing42.png) no-repeat 0 0;
    height: 155px;
    margin-top: 20px;
}

.ft_mn_bomrtboml {
    float: left;
    margin-top: 28px;
    margin-left: 35px;
}

.ft_mnxa:hover {
    border: 1px solid #008bd2;
    color: #ffffff;
}

.ft_mnxa {
    width: 155px;
    height: 35px;
    border: 1px solid #008bd2;
    line-height: 35px;
    color: #ffffff;
}

.ft_mnxsp {
    font-size: 13px;
}

.item_center .item_more {
    position: relative;
    border-radius: 20px;
    display: block;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    z-index: 9;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}

.ft_mnxa {
    width: 155px;
    height: 35px;
    border: 1px solid #008bd2;
    line-height: 35px;
    color: #ffffff;
}

.item_center .item_more:hover .item_i {
    width: 100%;
}

.item_center .item_more:hover .item_i {
    width: 100%;
}

.item_center .item_more .item_i {
    display: block;
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -99;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.ft_mnxi {
    background: #008bd2;
}

.ft_mnxi {
    background: #008bd2;
}

.ft_mnx {
    margin-bottom: 28px;
}

.item_more .ft_mnxm {
    width: 16px;
    height: 16px;
    background: url(../img/beijing46.png) no-repeat;
    margin-right: 15px;
    margin-bottom: 3px;
    display: inline-block;
    vertical-align: middle;
}

.ft_mnja:hover {
    border: 1px solid #ff6600;
    color: #ffffff;
}

.ft_mnja {
    width: 155px;
    height: 35px;
    border: 1px solid #ff6600;
    line-height: 35px;
    color: #ffffff;
}

.ft_mnjsp {
    font-size: 13px;
}

.ft_mnji {
    background: #ff6600;
}

.item_more .ft_mnjs {
    width: 16px;
    height: 16px;
    background: url(../img/beijing47.png) no-repeat;
    margin-right: 15px;
    margin-bottom: 3px;
    display: inline-block;
    vertical-align: middle;
}

.ft_mn_bomrtbomr {
    width: 111px;
    height: 138px;
    float: right;
    font-size: 13px;
    text-align: center;
    color: #cccccc;
    margin-top: 20px;
    margin-right: 45px;
}

.ft_mn_bomrtbomr i {
    width: 111px;
    height: 111px;
    background: url(../img/beijing48.png) no-repeat;
    margin-bottom: 5px;
    display: inline-block;
}

.ft_di {
    height: 77px;
    background: url(../img/beijing49.png) no-repeat;
    text-align: center;
    font-style: normal;
}

.ft_di span {
    color: #ffffff;
    font-size: 13px;
    margin-right: 60px;
    width: 310px;
    height: 77px;
    line-height: 77px;
    display: inline-block;
    font-style: normal;
}



/*
 **
 * *
 * * * pc重置样式表  h
 * *
 **
 */

/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,div, span,iframe,
	/* structural elements 结构元素 */

dl, dt, dd, ul, ol, li, a, address, img,
	/* list elements 列表元素 */

pre, small, b, i,em,
	/* text formatting elements 文本格式元素 */

fieldset, lengend, button, input, textarea, form, label,
	/* form elements 表单元素 */

table, caption, tbody, tfoot, thead, tr, th, td,
	/* table elements 表格元素 */

article,  footer, header,nav, section, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-family: "Microsoft Yahei";
}

article, aside, footer, header, nav, section {
	display: block;
}

h1 {
	font-size: 18px;
	/* 18px / 12px = 1.5 */
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 14px;
}

h4, h5, h6 {
	font-size: 100%;
}

address, cite, dfn, em, var {
	font-style: normal;
}
/* 将斜体扶正 */

code, kbd, pre, samp, tt {
	font-family: "Courier New", Courier, monospace;
}
/* 统一等宽字体 */

small {
	font-size: 12px;
}
/* 小于 12px 的中文很难阅读，让 small 正常化 */
/* 重置列表元素 */

ul, ol {
	list-style: none;
}
/* 重置文本格式元素 */

a {
	text-decoration: none;
	color: #000;
}
/*a:hover { text-decoration: underline; }*/

abbr[title], acronym[title] {
	/* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
	border-bottom: 1px dotted;
	cursor: help;
}

q:before, q:after {
	content: '';
}
/* 重置表单元素 */

legend {
	color: #000;
}
/* for ie6 */

fieldset, img {
	border: none;
}
/* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */

button, input, select, textarea {
	font-size: 100%;
	/* 使得表单元素在 ie 下能继承字体大小 */
}
/* 重置表格元素 */

table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* 重置 hr */

hr {
	border: none;
	height: 1px;
}
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */

html {
	overflow-y: scroll;
}
/*  浮动  */

.tp_center{
	width: 1200px;
	margin: 0 auto;
}
.fl {
	float: left
}

.fr {
	float: right
}
/*  清除浮动  */

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
}
.piao_div{height: 300px;width: 500px;background: rgba(0,177,238,1);position: fixed;top: 50%;left: 50%;margin-top:-150px;margin-left: -250px;border-radius: 5px;z-index: 999;padding: 7px 10px;box-sizing:border-box;display: none;}
.piao_tel{height: 110px;margin-bottom: 18px;}
.paio_border{width: 100%;height: 100%;border: 2px solid #fff;border-radius: 5px;box-sizing: border-box;padding: 20px 15px 18px 20px;}
.piao_tel_left{float: left;}
.piao_tel_right{float: left;padding-top: 35px;margin-left: 30px;}
.piao_tel_right h1{margin: 0;color: #fff;font-size: 34px;font-weight: normal;}
.piao_click{width: 100%;padding-left: 50px;height: 36px;box-sizing: border-box;}
.piao_click a{height: 36px;width: 149px;float: left;background: #fff;margin-right: 20px;line-height: 36px;text-align: center;font-size: 18px;text-decoration: none;color: #282828;}
.piao_click a:nth-child(2){background: #ff6600;color: #ffffff;}
#guanbi{position: absolute;top: -10px;right: -10px;width: 36px;height: 36px;border-radius:50%;background: whitesmoke;padding: 2px;box-sizing: border-box;}
#guanbi img{transition: all .5s;}
#guanbi img:hover{transform: rotate(180deg);}

.right_bar {
	width: 76px;
	position: fixed;
	top: 24%;
	right: 40px;
	z-index: 999;
}

.right_bar a {
	position: relative;
	display: block;
	height: 72px;
	width: 72px;
	text-align: center;
	margin: 0 auto;
	/* box-shadow: 0 0 8px 4px rgba(24, 115, 251, 0.15); */
	color: #fff;
	font-size: 12px;
	background: #3e78fc;
	border-bottom: 1px solid #fff;
}

.right_bar a img {

	width: 26px;
	height: 26px;
	margin: 12px auto 8px;
}

.right_bar a span {
	display: block;
	font-size: 12px;
	color: #fff;
}

.right_bar a:hover {
	background: #2062f8;
}

.right_bar .wx_code {
	display: none;
	position: absolute;
	right: 100%;
	bottom: 16px;
	height: 186px;
	width: 186px;
	background: #fff;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXQAAAF2BAMAAACMhX5rAAAAGFBMVEVHcEz/diz/dif/cCn/p3X/iUb/3sv///9mBEx3AAAAB3RSTlMABxAb4qT5C/WqZwAABHZJREFUeNrtnUFS4zAQRaUbSL6BlBOgHAGoWU/lCnCDVLj+SPLMwkk7BZuhf3idFKssms/396PlVIdAURRFPXKl6O/9ia4/97FvkHPW3Y+M39FjhfV1r+/suIb2u3+UF+eV9nSP8deH6zrv2T2l7L314Rk7Ev23vqd69t96jjtWF2jdvFCTguo712lWMExO1t0o5eK99aV3nkzVF++tF0v1cZHm6r31mpN1nSYB1auVjh3L4iKgupWOGoYpZjp2v0ioblg9KKi+mGaPuQoYxlI9aHjdQoEk4fUl2wyzaKgeNFW3qTfm4r/1OuYCBq5LqG6Ro4jqhmFkvG7yuobqQVj1+EheT7pej3idhPkhuS7s9USu43UYhoSBYWAYH7kOw+D1x2QY5jAwDHMYGIaEYQ5DruN15jB4HYYhYWAYGIY5DLkOw6A6DEOuw+swDF5nDoPXYRjmMCQMuQ7DoDpzGHIdrzOHweswDHMYGAaGIWHIdRiGXMfrMAwJA8PgdeYwMAwMwxwGhiHXmcOQMPA6DIPXmcPgdRKGOQwMQ64zhyHXYRhUx+swDLwOw8AwJAwMA8OQ6zAMuf751ou5f1DB683ca6aQMJdX2+wCqn9cni3DKHi9W+Zkyi6g+uw9aqree/+dYxT0+qi3p+s7qkLCrPX+dO12FdU/Pl6ftmvZVLw+6jkpJsx6qWZZ1c9XAanj9X5P3ezF1UmYfpmWbbTLqP7e8nYbnozX31pv/eqGqqH626mOfzg2XtdQ/Xxqo/Pt/VTC6+fT8VCvd8tKJMzl+ThaH51HLdUvr8fjcVp9w44SE4HeeWvGLmKBicBoffpFjmHOwy41l+v9rFFC9cNq9aSWMOc1Xjp8RT3V2xrqUW/m2FbRk+Ckt638ErbNi6he8u0YRuRUo+TbzdUaZ0kTX25WV0uoXopxmKR8qhF0d7SLqJ5Ez5JG60n0tHqxDh9VVM9R1ushiD7TK6y6tNdlEybr5rrw3XQ7J+WJu//mdZ64+xbVeeLOh9d54o6E+ZLX+dYAXv9SrsMweP0xGYZvPsIwPzfXYRgS5qfwOgyD15nD4HUShjkMDAPDMIch12EYVMfrMAy8DsPgdRIGhoFhyHUShlxnDoPqeJ05DF5nDoPXYRjmMDAMuU7CkOswDLmO12EYEgaGgWGYw8AwMAyqwzDkOrxOwuB15jB4HYZhDkPCMIeBYVCdOQy5jtdJGLwOw8DrMAwMQ8KQ6zAMuQ7DkOskzKMyTJbY8GB5PQrneq4vzquanXev51rr0XGNfY97Xl8Oh4Pj1sfWxGQvYunpWJvbxltr677HG7/EafbqVvfR+bqUNZmGWbrszaXwh+6WuUoumDUd04WvDquNH4u1NbGLHv/K7riM1ab/7N5lX3x3Hs3tN6vuJZdSu29cvZcyKi87tD6WQPZfq+ues7d3mV3luWQz2r0P2T2XeY70T/eBA447Dzu9p6m7V+V7YyHuix7nO/isFNLd1uL8hMval1yi0j3Rw1yV6/G1l4vb9j2Wtl0oilKsP4zxH1tk3+5WAAAAAElFTkSuQmCC) no-repeat center 0;
	background-size: 100% 100%;
	color: #fff;

}

.right_bar .wx_code img {

	height: 110px;
	width: 110px;
	position: absolute;


	top: 40%;
	margin-top: -55px;
	left: 34px;

}

.right_bar .tel_box {
	display: none;

	position: absolute;
	left: -196px;
	top: -5px;
	width: 188px;
	height: 35px;
	padding: 20px 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXQAAACyBAMAAACgiyl9AAAAHlBMVEVHcEz/dSz/eSn/cSn/roH/cCn/oGz/i0r/z7P///829sZKAAAACXRSTlMAAwwW4R7op/HGu7DPAAADIUlEQVR42u3dTW7bMBAFYLsnIOcGQ52gJHSDolnHgm5QI+i2Qa6QXKAQ7NuWpNxFJNLNpsC89o2drLJ4GHxi9EN7DgcWi8Vi/cN19AbL/TG2N11o/f5Y771Hze79ty+m62vPTOby/Wq6ll7bPUJ03ztGAaK7dnS1Hl1ydNeMLtaja7vrOXmwHj00sbvsxXzXgzSPU4iuZzHHRtcFIbr65qquEF33rejBfvSSvUVdULv+CaLr0u46QvS2dUWIHjpdH6xHH1Q7K0xEXWGCfTBDx7pIxLUeaJ3WaZ3WaZ3WaZ3WaZ3WaZ3WaZ3WaZ3WaZ3WaZ3WaZ3WaZ3WaZ3WaZ3W/wvrsbkNCcJ6DK3tghDWT81dJQjWr0+htcQgWL9ezqEd3X7Xr5eXBnYE67l+PssuO4T1cqj+2O0Eh7Be6vVxu8hgWC/19rhpO4j1Ug+f37cdxXqp8zY6iPXr7pMyONZ3n5QBsl7AeEzrDyfZREex/nbanMjAWH89JX1/IoNifXlOdRe7g7O+vKRYrzccmvXLS0qxXqE6MOuX8zylIajgretP85wKGIVb15d5nG7U0db1JXPJXrbX1hD3YeaxHqSyPf0CuA8zVenbezEQ1sfbMYp3vr5U6SK7CzwA67d/R7vLagDrxYs0bmYAWE+rdAd4fz13PUt3mPfX27dLEazD3l9fn2p43GdJDvdZEupzU8F9bqq4ewRgP9Hee1oNYT3AWldg60rrtE7rtE7rtE7rtE7rtE7rtE7rtE7rtE7rtE7rtE7rtE7rtE7rfzd6p+sC+03gCtz1MFgff3PnW+9TGmezNaV0Z9ZAzp4MJ49BWl0/lK4PKU0ms085eN3k2JlmktseS3aDNY1j3VkaOtNM8hIzDPUPjb1ute78ak0zKWJy9iGZrBjLHur2DJljzR4tvuIQavDgtTPqScoakxsf4mDrJ/8KBbpqd0qVFO52S7UzpapOwVPD2cu+9c40uTLXTEr63HxTb62RvN6Z4Vfn+6n31rL7NZLXO2Mff48nVFNvWaXcHVjpgMdVAg8JXY9W0NGsObjRWbfOuQOLxWKxPlS/AKGCMKM26SuEAAAAAElFTkSuQmCC);
	background-size: 100% 100%;

}

.right_bar .tel_box .tel_img {

	width: 30px;
	height: 30px;
	line-height: 30px;
	float: left;
	margin-left: 10px;
}

.right_bar .tel_box .tel_img img {

	width: 25px;
	height: 25px;

}

.right_bar .tel_box .con {

	overflow: hidden;
}

.right_bar .tel_box .con p {

	color: #FF7426;
	font-size: 12px;



}
.right_bar .wx_code p {
	font-size: 13px;
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	text-align: center;
	color: #555555;
	font-weight: 500;
	line-height: 20px;
}

.right_bar .tel_box .con div {

	color: #FF7426;
	font-size: 16px;



}
.close_side {
	position: absolute;
	top: -7px;
	right: -10px;
	height: 16px;
	width: 16px;
	background-color: red;
	/*background: url(../img/red.jpg) no-repeat center center;*/
	background-size: 100% 100%;
	overflow: hidden;
	z-index: 999;
	border-radius: 50%;
	box-shadow: 0 0 8px 4px rgba(24, 115, 251, 0.15);
	cursor: pointer;
	text-align: center;
	line-height: 16px;
}


.close_side1 {
	position: absolute;
	top: 13px;
	right: 18px;
	height: 10px;
	width: 16px;
	background-color: red;
	background-size: 100% 100%;
	overflow: hidden;
	z-index: 999;
	border-radius: 30%;
	box-shadow: 0 0 8px 4px rgba(24, 115, 251, 0.15);
	cursor: pointer;
	text-align: center;
	line-height: 2px;
}

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg);
		opacity:0;
	}
	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg);
		opacity:.4;
	}
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg);
		opacity:.6;
	}
	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg);
		opacity:.8;
	}
	100% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg);
		opacity:1;
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		-ms-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg);
		opacity:.2;
	}
	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		-ms-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg);
		opacity:.4;
	}
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		-ms-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg);
		opacity:.6;
	}
	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		-ms-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg);
		opacity:.8;
	}
	100% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		-ms-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg);
		opacity:1;
	}
}
.close_side{
	animation:swing 2s infinite;
}
.close_side1{
	animation:swing 2s infinite;
}
.tel_pic1 img{
	animation:swing 2s infinite;
}
/*右侧弹窗样式结束*/

.tel_pic1{
	color: #FFFFFF;font-size:16px;
}
.nav_header .tel_pic1{
	color: #000;font-size:16px;font-weight:500;
}

#nbwlMessageContainer p span strong{font-size:16px;}

/*文章页 推荐文章样式开始*/

.clear:before,.clear:after {display: table; content: " ";}
.clear:after {clear: both;}
.clear {*zoom: 1;}

.hot-arc{margin: 2rem 0;}
.hot-title{font-size: 1.5rem;font-weight: 600;border-bottom: 2px solid rgb(255, 116,

38);padding: 0px 15px 10px 15px;font-style: normal;line-height: 2rem;}
.hot-arc,.hot-arc ul{display: block; width: 100%;}
.hot-arc .hot-ul li{display: block;width: 25%;float: left;overflow: hidden;margin: 25px 0px;}
.hot-arc .hot-ul li .arc{margin: 0px 10px;}
.hot-arc li h3.art-title{text-align: center;font-weight: 400;color: #000; line-height: 2rem}
.hot-arc li .art-des{color: #afa1a1}
.hot-arc li a.img-width{display:block;width: 100%;height:200px;overflow: hidden;}
.hot-arc li img{transition: all 0.6s;height:200px;}
.hot-arc li img:hover{transform: scale(1.2);}
/*文章页 推荐文章样式结束*/