.fenye{ text-align:center;height:52px;margin-top:20px;}
.fenye ul{}
.fenye ul li{float:none;width:auto;padding:4px 8px;border:1px solid #eee;background-color:#eee;display:inline-block;zoom:1;*display:inline;margin:0 2px;}
.fenye ul li a{color:#606060;}
.fenye ul li a:hover{color:#000000;}
.fenye ul li.thisclass,.fenye ul li.thisclass a,.fenye ul li.thisclass a:hover{background-color:#278ed0;color:#fff;border:1px solid #0177be;}
.fenye .pageinfo{padding:4px 10px;color:#555;font-weight:normal;float:none;}
.fenye .pageinfo strong{color:#555; font-weight:normal;}
.fenye select{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}


/*导航修改*/
.navbar-header img{
    margin: 16px 0;
    transition: all 0.5s;
    max-width: 188px;
    transition: all 0.5s;
}
.main_menu_area .navbar.navbar-default .nav.navbar-nav li a{
    color: #706e6e !important;
    line-height: 90px !important;
    padding: 0 16px !important;
    transition: all 0.5s;
}
.main_menu_area .navbar.navbar-default .nav.navbar-nav{
    margin-top:0 !important ;
}
.main_menu_area .navbar.navbar-default .nav.navbar-nav li{
    margin-right: 0;
}
.main_menu_area .navbar.navbar-default .nav.navbar-nav li.active{
    background: #278ed0;
}
.main_menu_area .navbar.navbar-default .nav.navbar-nav li.active a{
    color: #fff !important;
    transition: all 0.5s;
}
.main_menu_area .navbar.navbar-default .nav.navbar-nav li:hover{
    background: #278ed0 !important;
}
.main_menu_area .navbar.navbar-default .nav.navbar-nav li:hover a{
    color: #fff !important;
}
@media screen {
    .main_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu ul{
        background: #fff !important;
        min-width:100% !important;
    }
    .main_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu ul li a{
        line-height: 40px !important;
        color: #706e6e !important;
    }
    .main_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu ul li a:hover{
        color: #706e6e !important;
    }
}
.main_header_area + section, .main_header_area + div, .main_header_area + .row{
    margin-top: 90px;
    transition: all 0.5s;
}
/*header*/
.main_menu_area .navbar.navbar-default .nav.navbar-nav li.search{
    background: #fff !important;
}
.main_menu_area .navbar.navbar-default .nav.navbar-nav li.search:hover a i{
    color: #278ed0 !important;
}
li.search input{
    display: none;
    top:80%;
    right:0;
    width:200px;
    height:30px;
    border:1px solid #999;
    border-radius: 4px;
    padding: 0 10px;
    color: #999;
}
.main_menu_area .navbar.navbar-default .nav.navbar-nav li.hot-phone{
    color: #706e6e !important;
    line-height: 90px !important;
    padding: 0 !important;
    font-size: 16px;
    transition: all 0.5s;
}
.main_menu_area .navbar.navbar-default .nav.navbar-nav li.hot-phone span{
    background: #e80012 !important;
    color: #fff !important;
    display: inline-block;
    padding:9px 16px;
    line-height: 1;
    border-radius: 20px;
}
.main_menu_area .navbar.navbar-default .nav.navbar-nav li.hot-phone:hover{
    background: #fff !important;
}
@media screen and (max-width: 1199px){
    .main_menu_area .navbar.navbar-default .nav.navbar-nav li a{
        padding: 0 7px !important;
    }
    .navbar-header img{
        max-width: 160px !important;
    }
    .main_menu_area .navbar.navbar-default .nav.navbar-nav li a,
    .main_menu_area .navbar.navbar-default .nav.navbar-nav li.hot-phone{
        line-height: 75px !important;
    }
    .main_header_area + section, .main_header_area + div, .main_header_area + .row{
        margin-top: 75px;
    }
}
@media screen and (max-width: 991px){
    .navbar-header img{
        max-width: 140px !important;
    }
    .navbar-header img{
        margin: 15px 0;
        margin-left: 13px;
    }
    .main_menu_area .navbar.navbar-default .nav.navbar-nav li a,
    .main_menu_area .navbar.navbar-default .nav.navbar-nav li.hot-phone{
        line-height: 50px !important;
    }
    .main_header_area + section, .main_header_area + div, .main_header_area + .row{
        margin-top: 66px;
    }
    .navbar-toggle{
        margin-top: 16px;
    }
    .main_menu_area .navbar.navbar-default .nav.navbar-nav li.active{
        background: #fff;
    }
    .main_menu_area .navbar.navbar-default .nav.navbar-nav li.active a{
        color: #706e6e !important;
    }
    .g_senav{
        display: none;
    }
    .main_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu ul li a{
        padding: 0 20px !important;
        color: #278ed0  !important;
    }
    .main_menu_area .navbar.navbar-default .nav.navbar-nav li:hover{
        background: #fff !important;
    }
    .main_menu_area .navbar.navbar-default .nav.navbar-nav li:hover a{
        color: #e80012 !important;
    }
    .main_menu_area .navbar.navbar-default .nav.navbar-nav li.search a{
        display: inline-block;
    }
    li.search input{
        right:auto;
        top: 14%;
    }
    .main_menu_area .navbar.navbar-default .navbar-collapse{
        max-height: 400px;
    }
}
@media screen and (max-width: 767px){
    .navbar-header img{
        margin: 8px 15px;
    }
    .navbar-toggle{
        margin-top: 13px;
        padding: 6px;
    }
    .main_header_area + section, .main_header_area + div, .main_header_area + .row{
        margin-top: 52px;
    }
    .main_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu ul li a{
        line-height:35px !important;
    }
    .main_menu_area .navbar.navbar-default .nav.navbar-nav li a, .main_menu_area .navbar.navbar-default .nav.navbar-nav li.hot-phone{
        line-height: 45px !important;
    }
    .main_menu_area .navbar.navbar-default .nav.navbar-nav li a, .main_menu_area .navbar.navbar-default .nav.navbar-nav li.hot-phone{
        padding-left: 10px !important;
    }
}

/*banner*/
.swiper-container{
    width:100%;
    overflow: hidden;
}
.banner-text{
    top: 26%;
    left:0;
    width:100%;
    transition: all 0.5s;
}
.banner-shad{
    display: inline-block;
    background: rgba(0,0,0,0.1);
    max-width: 505px;
    padding:26px;
    transition: all 0.5s;
}
.banner-shad .big-text{
    font-size: 36px;
    color: rgb( 255, 255, 255 );
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 0 4px rgb( 8, 1, 3 );
    margin-bottom: 13px;
    transition: all 0.5s;
}
.banner-shad .small-text{
    font-size: 18px;
    color: rgb( 255, 255, 255 );
    line-height: 1.556;
    text-shadow: 0  0 4px rgb( 8, 1, 3 );
    transition: all 0.5s;
}
.swiper-pagination .swiper-pagination-bullet{
    width:12px;
    height:12px;
    background: transparent;
    border:1px solid #b8bcbf;
    opacity: 1;
}
.swiper-pagination .swiper-pagination-bullet-active{
    background: #eb0005;
    border:1px solid #eb0005;
}
@media screen and (max-width: 1399px){
    .banner-text{
        top: 18%;
    }
    .banner-shad{
        max-width: 430px;
    }
    .banner-shad .big-text{
        font-size: 30px;
    }
    .banner-shad .small-text{
        font-size: 16px;
    }
}
@media screen and (max-width: 1199px){
    .banner-text{
        top: 15%;
    }
    .banner-shad{
        max-width: 403px;
    }
    .banner-shad .big-text{
        font-size: 28px;
    }
}
@media screen and (max-width: 991px){
    .banner-text{
        /*top: 15%;*/
    }
    .banner-shad{
        max-width: 310px;
    }
    .banner-shad .big-text{
        font-size: 20px;
    }
    .banner-shad .small-text{
        font-size: 14px;
    }
    .banner-shad{
        padding: 20px;
    }
}
@media screen and (max-width: 767px){
    .banner-shad .big-text{
        font-size: 16px;
        margin-bottom: 6px;
    }
    .banner-shad .small-text{
        font-size: 12px;
    }
    .banner-shad{
        padding: 8px;
    }
}

/*关于*/
.about{
    padding: 56px 0 70px;
    transition: all 0.5s;
}
.title{
    font-weight: bold;
    line-height: 1;
    font-size: 0;
}
.title span:nth-child(1){
    font-size: 30px;
    color: rgb( 0, 0, 0 );
    transition: all 0.5s;
}
.title span:nth-child(2){
    font-size: 30px;
    color: #2489d2;
    transition: all 0.5s;
}
.about-en{
    font-size: 18px;
    color: #747474;
    text-transform: uppercase;
    line-height: 1;
    margin: 15px 0;
}
.about-text{
    font-size: 14px;
    color: rgb( 71, 70, 70 );
    line-height: 1.714;
}
.about-more,
.about-more:link,
.about-more:active,
.about-more:visited{
    display: inline-block;
    padding: 15px 35px;
    margin-top:22px ;
    font-size: 14px;
    color: rgb( 255, 255, 255 );
    line-height: 1;
    background: #278ed0;
    border-radius: 20px;
}
.about-more:hover{
    opacity: 0.7;
    color: #fff;
}
/*产品*/
.product{
    padding: 40px 0 20px;
    text-align: center;
    background: #f9f9f9;
    transition: all 0.5s;
}
.title-small{
    font-size: 14px;
    color: rgb( 101, 101, 101 );
    line-height: 1;
    margin: 20px 0 25px;
}
.nav-tabs,
.nav-tabs>li>a,
.nav-tabs>li>a:hover,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover{
    border: none !important;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover{
    background: transparent;
    color: #eb0005;
    border-radius: 0;
    /*border-bottom: 1px solid green !important;*/
}
.ul-border{
    border-top: 1px solid #dcdcdc !important;
    border-bottom: 1px solid #dcdcdc !important;
}
.nav-tabs{
    display: inline-block;
}
.nav-tabs>li>a{
    position: relative;
    display: inline-block;
    color: #000;
    padding: 20px 45px;
    font-size: 14px;
}
.nav-tabs>li>a:after{
    display: none;
    position: absolute;
    bottom: -10px;
    left:50%;
    margin-left: -5px;
    width:10px ;
    height:10px;
    background:#eb0005 ;
    border-radius: 50%;
    content: '';
}
.nav-tabs>li.active>a:after{
    display: block !important;
}
.nav-tabs>li>a:hover:after{
    display: block;
}
.nav-tabs>li>a:hover{
    color:#eb0005;
}
.tab-content{
    padding-top: 20px;
}
.swiper-container2 a{
    display: inline-block;
    width:100%;
    background: #fff;
}
.inn-pro-list img,
.swiper-container2 a img{
    transition: all 0.5s;
}
.inn-pro-list:hover img,
.swiper-container2 a:hover img{
    transform: scale(1.1,1.1);
}
.swiper-pagination2{
    position: static;
    margin-top: 20px;
}
.inn-pro-text,
.swiper-container2 a>div.text{
    text-align: left;
    padding: 20px 15px;
}
.inn-pro-list .title,
.swiper-container2 .title{
    font-size: 16px;
    color: rgb( 51, 51, 51 );
    line-height: 1;
    margin-bottom:7px;
    transition: all 0.5s;
}
.inn-pro-list:hover .title,
.swiper-container2 a:hover .title{
    color: #eb0005;
}
.inn-pro-list .describe,
.swiper-container2 .describe{
    font-size: 14px;
    color: rgb( 101, 101, 101 );
    line-height: 1.714;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    /*display: -webkit-box;*/
    /*-webkit-box-orient: vertical;*/
    /*-webkit-line-clamp:3;*/
    /*overflow: hidden;*/
    /*min-height: 69px;*/
}
.inn-pro-list{
    display: inline-block;
    width:100%;
}
.inn-pro-text{
    border:1px solid #e6e3e4;
}
.fenye{
    text-align: center;
    margin:30px 0;
}
.inner-product .row>div{
    margin-top: 30px;
}
@media screen and (max-width: 767px){
    .fenye{
        margin:15px 0;
    }
}

/*join*/
.join{
    padding: 75px 0 90px;
    background-image: url("../img/join-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}
.join-title{
    font-size: 16px;
    color: rgb( 255, 255, 255 );
    line-height: 1;
    margin-bottom: 10px;
}
.join .text{
    font-size: 14px;
    color: rgb( 255, 255, 255 );
    line-height: 2;
}
.join a.join{
    display: inline-block;
    padding:15px 35px ;
    margin-top: 25px;
    font-size: 14px;
    color: rgb( 89, 88, 88 );
    line-height: 1;
    background: #fff;
    border-radius: 20px;
    transition: all 0.5s;
}
.join a.join:hover{
    color: #278ed0;
}
.join .box{
    justify-content: space-around;
    margin-top: -20px;
}
.join .box a .cir{
    display: inline-block;
    color: #fff;
    border:1px solid #fff;
    border-radius: 50%;
    padding-top: 33px;
    padding-left: 3px;
    width:100px;
    height:100px;
}
.join .box a p{
    font-size: 16px;
    color: rgb( 255, 255, 255 );
    line-height: 1;
    text-align: center;
    margin-top: 13px;
}
.join .box a .cir span{
    font-size: 30px;
}
.join .box a .cir sub{
    font-size: 20px;
}
/*新闻*/
.news{
    padding:35px 0 ;
    text-align: center;
}
.inner-news{
    padding: 20px 0;
}
.inner-news a,
.swiper-container3 a{
    display: inline-block;
    width:100%;
}
.inner-news a img,
.swiper-container3 a img{
    width:100%;
    transition: all 0.5s;
}
.inner-news a:hover img,
.swiper-container3 a:hover img{
    transform: scale(1.1,1.1);
}
.inner-news .text,
.swiper-container3 .text{
    border:1px solid #e8e8e8;
    margin-top: -5px;
    text-align: left;
    padding: 20px;
}
.inner-news .text{
    /*margin-top: 0;*/
}
.inner-news .text .inner-news-title,
.swiper-container3 .text .title{
    font-size: 16px;
    color: rgb( 60, 60, 60 );
    line-height: 1;
    transition: all 0.5s;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    font-weight: 400;
}
.inner-news:hover .text:hover .inner-news-title,
.swiper-container3 a:hover .title{
    color: #278ed0;
}
.inner-news .text .date,
.swiper-container3 .text .date{
    font-size: 14px;
    color: rgb( 172, 171, 171 );
    line-height: 1;
    margin: 15px 0 12px;
}
.inner-news .text .date i,
.swiper-container3 .text .date i{
    margin-right: 8px;
}
.inner-news .text .describe,
.swiper-container3 .text .describe{
    font-size: 14px;
    color: rgb( 134, 134, 134 );
    line-height: 1.714;
    min-height: 92px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:4;
    overflow: hidden;
}

.inner-news a.news-more,
.swiper-container3 a.news-more{
    font-size: 14px;
    color: rgb( 0, 0, 0 );
    line-height: 1;
    background: #efeeee;
    padding:15px 0 ;
    text-align: center;
    margin-top: 15px;
    border-radius: 3px;
}
.inner-news a.news-more:hover,
.swiper-container3 a.news-more:hover{
    background: #278ed0;
    color: #fff;
}
.word-describe{
    font-size: 14px;
    color: rgb( 134, 134, 134 );
    line-height: 1.714;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;
    /*min-height: auto;*/
}
.word>div{
    margin-top: 33px;
}
.swiper-pagination3{
    position: static;
    margin-top: 15px;
}
@media screen and (max-width: 991px){
    .word>div{
        margin-top: 20px;
    }
}
@media screen and (max-width:767px){
    .inner-news .pic>div:nth-child(n+2),
    .word>div{
        margin-top: 15px;
    }
    .inner-news .text .inner-news-title{
        font-size: 15px;
    }
    .inner-news .text .date{
        line-height: 1.6;
        margin: 5px 0 4px;
    }
}
/*合作伙伴*/
.coopration{
    padding: 35px 0;
    background: #f7f6f6;
}
.swiper-container4 a{
    display: inline-block;
    width:100%;
    border: 1px solid #dad7d8;
    overflow: hidden;
}
.swiper-container4 a img{
    width:100%;
    transition: all 0.5s;
}
.swiper-container4 a:hover img{
    transform: scale(1.1,1.1);
}
/*footer*/
footer{
    background: #303030;
    border-top: 4px solid #eb0005;
    padding: 35px 0 20px;
    margin-top: 30px;
}
.coopration,
.contact-input,
.inner-news{
    margin-bottom: -30px;
}

@media screen and (max-width: 767px) {
    .coopration,
    .contact-input,
    .inner-news{
        margin-bottom: -4px;
    }
}
footer,
footer a{
    font-size: 14px;
    color: rgb( 170, 170, 170 );
    line-height: 1.714;
}
footer a{
    display: block;
}
.bottom a,.bottom a:hover{color: rgb( 170, 170, 170 );}
footer .title{
    position: relative;
    font-size: 16px;
    color: rgb( 255, 255, 255 );
    line-height: 2.063;
}
footer .title:before{
    position: absolute;
    top: 16px;
    left: -20px;
    width:10px;
    height:3px;
    background: #258bce;
    content: '';
}
footer .box>div{
    margin-left: 20px;
}
footer a:hover{
    color: #258bce;
}

.bdsharebuttonbox{
    margin-top: 5px;
}
.bdshare-button-style0-16 a{
    background-position:center !important;
    display: inline-block;
    width:30px;
    height:30px !important;
    border:1px solid #d2d2d2;
    border-radius: 4px;
}
.bdshare-button-style0-16 a.bds_weixin{
    background-image: url("../img/weixin.png");
}
.bdshare-button-style0-16 a.bds_sqq{
    background-image: url("../img/qq.png");
}
.bdshare-button-style0-16 a.bds_tsina{
    background-image: url("../img/weibo.png");
}
.bdshare-button-style0-16 a.bds_more{
    background-image: url("../img/link.png");
}
#bdshare_weixin_qrcode_dialog{
    width:250px !important;
    height:333px !important;
}

.bottom{
    background: #303030;
    font-size: 14px;
    color: rgb( 170, 170, 170 );
    line-height:1;
}
.bottom .container{
    border-top: 1px solid #3a3a3a;
    padding: 25px 0;
    text-align: center;
}
/*简介以下的媒体查询*/
@media screen and (max-width: 1399px){
    .about{
        padding: 35px 0;
    }
    .product{
        padding: 35px 0 20px;
    }
    .join{
        padding: 50px 0 60px;
    }
}
@media screen and (max-width: 1199px){
    .title span{
        font-size: 28px !important;
    }
    .about-more, .about-more:link, .about-more:active, .about-more:visited,
    .join a.join{
        padding: 12px 26px;
    }
}
@media screen and (max-width: 991px){
    .product{
        padding: 25px 0 15px;
    }
    .join{
        padding: 40px 0 50px;
    }
    .about,.news,.coopration{
        padding: 30px 0;
    }
    .title span{
        font-size: 25px !important;
    }
    .about-en{
        font-size: 16px;
    }
    .about-more, .about-more:link, .about-more:active, .about-more:visited,
    .join a.join{
        padding: 10px 20px;
    }
    .title-small{
        margin: 17px 0 18px;
    }
    .nav-tabs>li>a{
        padding: 14px 20px;
    }
    .swiper-pagination2{
        margin-top: 15px;
    }
    .inn-pro-text,
    .swiper-container2 a>div.text{
        padding: 15px;
    }
    .inn-pro-list .title,
    .swiper-container2 .title,
    .swiper-container3 .text .title{
        font-size: 15px;
    }
    .join .box a .cir{
        width:75px;
        height:75px;
    }
    .join .box a .cir span{
        font-size: 23px;
    }
    .join .box a .cir{
        padding-top: 24px;
    }
    .join .box{
        margin-top: 0;
    }
    .inner-news .text,
    .swiper-container3 .text{
        padding: 12px;
    }
    .swiper-container3 .text .date{
        margin: 5px 0 4px;
        line-height: 1.6;
    }
    .inner-news a.news-more,
    .swiper-container3 a.news-more{
        padding: 10px 0;
    }
    .news{
        padding-bottom: 15px;
    }
    footer{
        padding: 25px 0 20px;
    }
    .bottom .container{
        padding: 20px 0;
    }
}
@media screen and (max-width: 767px){
    .about, .news, .coopration,.product{
        padding: 15px 0;
    }
    .title span{
        font-size: 21px !important;
    }
    .about-en{
        font-size: 13px;
        margin: 8px 0;
    }
    .about-text{
        line-height: 1.6;
    }
    .about-text{
        font-size: 13px;
    }
    .about-more, .about-more:link, .about-more:active, .about-more:visited,
    .join a.join{
        font-size: 13px;
        margin: 10px 0 15px;
        padding: 8px 14px;
    }
    .nav-tabs>li>a{
        padding: 10px;
    }
    .title-small{
        margin: 15px 0;
    }
    .swiper-container2 .describe{
        /*min-height: auto;*/
    }
    .join{
        padding: 20px 0;
    }
    .join-title{
        font-size: 15px;
    }
    .join .text{
        font-size: 13px;
        line-height: 1.6;
    }
    .join .box{
        /*justify-content: space-between;*/
    }
    .join .box a .cir{
        width:55px;
        height:55px;
        padding-top: 17px;
    }
    .join .box a .cir span{
        font-size: 18px;
    }
    .join .box a p{
        font-size: 15px;
    }
    .inner-news .text .describe,
    .swiper-container3 .text .describe{
        min-height: auto;
    }
    .bottom{
        font-size: 13px;
    }
    .bottom .container{
        padding: 13px 0;
    }
}



/*产品*/
.inn-banner-text{
    top: 35%;
    left:0;
    width:100%;
}
.t-ch{
    font-size: 36px;
    color: rgb( 255, 255, 255 );
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 0 4px rgb( 8, 1, 3 );
    text-align: center;
    transition: all 0.5s;
}
.t-en{
    font-size: 22px;
    color: rgb( 255, 255, 255 );
    text-transform: uppercase;
    line-height: 1;
    text-shadow: 0 0 4px rgb( 8, 1, 3 );
    text-align: center;
    margin-top: 10px;
    transition: all 0.5s;
}
.innernav{
    background: #f2f0f0;
    font-size: 0;
}
.innernav .fl a{
    display: inline-block;
    font-size: 14px;
    color: #000000;
    line-height:1 ;
    padding:22px 30px ;
    transition: all 0.5s;
}
.innernav .fl a:hover,
.innernav .fl a.active{
    background: #278ed0;
    color: #fff;
}
.innernav .fr,
.innernav .fr a{
    font-size: 14px;
    color: rgb( 112, 110, 110 );
    line-height: 1;
    padding:22px 0 ;
}
.innernav .fr a:hover{
    color: #278ed0;
}

@media screen and (max-width:991px){
    .innernav .fl a{
        padding: 22px 15px;
    }
    .t-ch{
        font-size: 30px;
    }
    .t-en{
        font-size: 18px;
    }
}
@media screen and (max-width:767px){
    .innernav .fl a{
        padding: 14px 10px;
    }
    .innernav .fr, .innernav .fr a{
        padding: 13px 0;
    }
    .t-ch{
        font-size: 20px;
    }
    .t-en{
        font-size: 13px;
    }
    .inn-banner-text{
        top: 26%;
    }
    .inner-product .row>div{
        margin-top: 15px;
    }
}
/*产品详情*/
.pro-detail{
    padding: 55px 0 40px;
    text-align: center;
    transition: all 0.5s;
}
.pro-detail .pro-detail-title{
    font-size: 18px;
    color: rgb( 51, 51, 51 );
    line-height: 1;
}
.pro-detail .pro-detail-date{
    font-size: 14px;
    color: rgb( 172, 171, 171 );
    line-height: 1;
    padding: 12px 0 15px;
    border-bottom: 1px solid #eeeeee;
    /*margin-bottom: 40px;*/
}
.pro-detail .pro-detail-date i{
    margin-right: 8px;
}
.pro-detail .img{
    max-width: 60%;
    margin: 40px auto;
    transition: all 0.5s;
}
.pro-detail .text{
    text-align: left;
}
.pro-detail .describe-title{
    border-bottom: 1px solid #eeeeee;
}
.pro-detail span{
    display: inline-block;
    font-size: 16px;
    color: rgb( 51, 51, 51 );
    line-height: 1;
    text-align: left;
    border-bottom:4px solid #278ed0 ;
    padding:10px 2px ;
}
.pro-detail .text .describe{
    padding-top: 20px;
    font-size: 14px;
    color: rgb( 71, 70, 70 );
    line-height: 1.714;
}
.contact-input{
    background: #f7f6f6;
    padding: 30px 0;
}
.contact-input p{
    font-size: 14px;
    color: rgb( 104, 101, 101 );
    line-height: 1;
    padding: 25px 0 10px;
    transition: all 0.5s;
}
.contact-input p.input-title{
    font-size: 18px;
    color: rgb( 78, 78, 77 );
    line-height: 1.333;
    text-align: center;
    padding: 0 !important;
}
.contact-input input{
    width:100%;
    height:43px;
    border:1px solid #e7e7e7;
    background: #fff;
    padding: 0 15px;
    font-size: 14px;
    color: rgb( 78, 78, 77 );
}
.contact-input p span{
    color: #cc0000;
    vertical-align: middle;
    margin-left: 5px;
}
.contact-input div.transp span,
.contact-input div.transp span{
    color: transparent;
}
.contact-input textarea{
    width:100%;
    height:160px;
    border:1px solid #e7e7e7;
    padding: 15px;
    margin-bottom: 20px;
}
.contact-input .tips{
    font-size: 16px;
    color: rgb( 104, 101, 101 );
    line-height: 44px;
}
.contact-input button{
    font-size: 14px;
    color: rgb( 255, 255, 255 );
    line-height: 1;
    background: #278ed0;
    border: none;
    padding: 15px 32px;
    margin-left: 10px;
    transition: all 0.5s;
}
.contact-input button:hover{
    opacity: 0.7;
}
@media screen and (max-width: 991px){
    .pro-detail{
        padding: 35px 0;
    }
    .pro-detail .img{
        margin: 30px auto;
    }
    .contact-input p{
        padding: 15px 0 10px;
    }
}
@media screen and (max-width: 767px){
    .pro-detail{
        padding: 15px 0;
    }
    .pro-detail .pro-detail-title{
        font-size: 16px;
    }
    .pro-detail .img{
        margin: 15px auto;
        max-width: 80%;
    }
    .pro-detail span{
        border-bottom: 2px solid #278ed0;
    }
    .pro-detail .text .describe{
        padding-top: 15px;
        font-size: 13px;
    }
    .contact-input p{
        padding: 10px 0 8px;
    }
    .contact-input{
        padding: 15px 0;
        margin-bottom: -15px;
    }
    .contact-input p.input-title,
    .contact-input .tips{
        font-size: 14px;
    }
    .contact-input input{
        height:30px;
    }
    .contact-input textarea{
        height:120px;
        margin-bottom: 12px;
    }
    .contact-input button{
        padding: 10px 30px;
    }
}
/*关于我们*/
.inner-about{
    padding:40px 0 50px ;
    font-size: 14px;
    color: rgb( 71, 70, 70 );
    line-height: 1.714;
}
.inner-about .img{
    margin: 30px 0;
}
@media screen and (max-width: 991px){
    .inner-about{
        padding: 30px 0;
    }
}
@media screen and (max-width: 767px){
    .inner-about{
        padding: 15px 0;
    }
    .inner-about{
        font-size: 13px;
    }
    .inner-about .img{
        margin: 15px 0;
    }
}
/*联系我们*/
.map{
    padding: 35px 0 30px;
}
.map .row>div:nth-child(1){
    font-size: 14px;
    color: rgb( 93, 94, 96 );
    line-height: 1.857;
}
.map .row>div:nth-child(1) .img{
    max-width: 40%;
    margin-top: 20px;
    border: 1px solid #c8c3c4;
    border-radius: 5px;
    padding: 7px;
}

.BMap_Marker{
    background-size: 20px 20px !important;
    background-image: url("../img/map-point.png") !important;
    background-repeat: no-repeat !important;

}
@media screen and (max-width: 991px){
    .map{
        padding: 30px 0;
    }
    .yy-map{
        height:330px !important;
    }
}
@media screen and (max-width: 767px){
    .map{
        padding: 15px 0;
    }
    .yy-map{
        height:300px !important;
    }
    .map .row>div:nth-child(1){
        line-height: 1.6;
    }
    .map .row>div:nth-child(1) .img{
        margin: 15px 0;
    }
}
/*人才招聘*/
.recruitment{
    padding: 35px 0 50px;
}
.recruitment-table{
    font-size: 0;
}
.recruitment-table>div{
    font-size: 14px;
    color: rgb( 92, 91, 91 );
    line-height: 1;
    background: #f5f7f9;
    border-bottom: 1px solid #fff;
}
.recruitment-table>div>a span{
    color: rgb( 92, 91, 91 );
}
.recruitment-table>div>a:hover span{
    color: #e80012;
}
.recruitment-table>div span{
    display: inline-block;
    width:25%;
    text-align: center;
    /*border-bottom: 1px solid red;*/
}
.recruitment-table>div.recruitment-title{
    background: #278ed0;
    color: #fff !important;
    padding: 18px 0;
    font-size: 14px !important;
    line-height:1;
}
.recruitment-table>div>a{
    padding: 18px 0;
}
.recruitment-detail{
    display: none;
    background: #ffffff;
    font-size: 14px;
    color: rgb( 92, 91, 91 );
    line-height: 2.857;
    border:1px solid #ebe7e7;
    padding: 30px;
}
.recruitment-table>div:nth-child(2) .recruitment-detail{
    display: block;
}

.recruitment-detail .mail-more:link,
.recruitment-detail .mail-more:visited,
.recruitment-detail .mail-more:active,
.recruitment-detail .mail-more{
    display: inline-block;
    font-size: 14px;
    color: rgb( 255, 255, 255 );
    line-height: 1;
    background: #e80012;
    padding: 13px 23px;
    border-radius: 20px;
    margin-top: 20px;
}
.recruitment-detail .mail-more:hover{
    opacity: 0.7;
}
@media screen and (max-width: 991px){
    .recruitment-detail .mail-more{
        padding: 10px 20px !important;
    }
    .recruitment{
        padding: 30px 0;
    }
    .recruitment-detail{
        padding: 20px;
    }

}
@media screen and (max-width: 767px){
    .recruitment{
        padding: 15px 0;
    }
    .recruitment-table>div{
        font-size: 13px;
    }
    .recruitment-table>div.recruitment-title,
    .recruitment-table>div>a{
        padding: 10px 0;
    }
    .recruitment-detail{
        line-height: 1.6;
        padding: 10px;
        font-size: 13px;
    }
    .recruitment-table>div span{
        width:22%;
    }
    .recruitment-table>div.title span:first-child,
    .recruitment-table>div>a span:first-child{
        width:25%;
    }
    .recruitment-detail .mail-more{
        margin-top: 10px !important;
        font-size: 13px !important;
    }
}

/*新闻详情*/
.new-detail{
    padding: 40px 0;
    text-align: center;
    color: rgb( 134, 134, 134 );
    font-size: 14px;
    line-height: 1.714;
}
.news-detail-title{
    font-size: 18px;
    color: rgb( 51,51,51 );
    line-height: 2;
}
.new-detail .date{
    color: rgb( 172, 171, 171 );
    padding-bottom: 6px;
    border-bottom: 1px solid #e8e8e8;
}
.new-detail .date i{
    margin-right: 8px;
}
.new-detail .text{
    padding: 10px 0;
    text-align: left;
}
.new-detail img{
    display: block;
    max-width: 80%;
    margin: 10px auto !important;
}
@media screen and (max-width: 991px){
    .new-detail{
        padding: 25px 0;
    }
}
@media screen and (max-width: 767px){
    .new-detail{
        padding: 10px 0;
    }
    .new-detail{
        line-height: 1.6;
    }
    .news-detail-title{
        font-size: 16px;
    }
}









.height1{
    width:100%;
    height:500px;
}


.about-more:hover{ background: #e80012; }
.affix{ border-bottom:1px solid #dcdcdc; }