body{ background:#f5f5f5 !important; font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif !important;}
.panel-body{ padding:0;}
#header { position: absolute; top: 0; width: 100%;  background:none;-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow:none;z-index: 99;
/*background: -moz-linear-gradient(top, rgba(51,51,51,0.8) 0%, rgba(51,51,51,0.4) 30%, rgba(51,51,51,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(51,51,51,0.8)), color-stop(30%, rgba(51,51,51,0.4)), color-stop(100%, rgba(51,51,51,0)));
background: -webkit-linear-gradient(top, rgba(51,51,51,0.8) 0%, rgba(51,51,51,0.3) 30%, rgba(51,51,51,0) 100%);
background: -o-linear-gradient(top, rgba(51,51,51,0.8) 0%, rgba(51,51,51,0.3) 30%, rgba(51,51,51,0) 100%);
background: -ms-linear-gradient(top, rgba(51,51,51,0.8) 0%, rgba(51,51,51,0.3) 30%, rgba(51,51,51,0) 100%);
background: linear-gradient(to bottom, rgba(51,51,51,0.8) 0%, rgba(51,51,51,0.3) 30%, rgba(51,51,51,0) 100%);*/}

#header .head-logo .logo {display: block;height: 64px; background: url(../newImages/logo_s.png) 0 0 no-repeat;}
#header .header-nav li a { color: #FFF; }
#header .header-nav li a:hover, .head-nav .head-nav-hover a { color: #FFF; border-bottom: 3px solid #FFF }
#header .header-nav .active a { color: #FFF;text-decoration: none;border-bottom: 3px solid #FFF; font-weight: bold}
.head-tit-r a { color: #FFF;}


.banner-box{ position:relative;}
#slideshow {height:100%;width: 100%;min-width: 1000px;position: relative;overflow: hidden;}
.index_focus {width: 1920px;height: 100%;position:absolute;left:50%;margin-left:-960px;overflow: hidden;}
.index_focus .bd li {display: block;position: absolute;left: 0;top: 0;height:100% !important;}
.index_focus .bd li a{
    display: block;
    height:100% !important;
}
.index_focus .bd ul{margin:0;padding:0; height:100% !important;}
.index_focus_post {z-index: 10;}
.index_focus .pic {height: auto;display: block;}
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav {position: absolute; display: block; width: 1170px; left: 50%;bottom:6%;margin-left:-585px; text-align: center;}
.index_focus .slide_nav a { display:inline-block;cursor:pointer;height:6px; width:6px;  border-radius: 50%; margin-left:8px; background-color: #fff; opacity: .5;}
.index_focus .slide_nav a:first-child{ margin-left:0;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{background:#FFF;opacity:1;}
.index_focus_pre,.index_focus_next {display: none;position: absolute;top: 50%;margin-top: -36px;width: 72px;height: 72px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index: 10;background: url(../images/ico_sliding.png) no-repeat;}
.index_focus_pre {left: 280px;background-position: 0 0;}
.index_focus_pre:hover {background-position: 0 -144px;}
.index_focus_next {right: 280px;background-position: 0 -72px;}
.index_focus_next:hover {background-position: 0 -216px;}
/*slide_activity*/


html,body,.bd{
    width:100%;
    height:100%;
}
body{
    /*overflow-x: auto !important;*/
}
.bigBox{
    width:100%;
    height:100%;
}
.bigBox{
    background:url("../newImages/banner_bg.png") no-repeat top center;
    background-size:100% 100%;
}
.pageFrist{
    position:relative;
    height:100%;
    padding:80px 0 160px 0;
    box-sizing: border-box;
    z-index:8;
}
.fp-tableCell{
    height:100% !important;
    vertical-align: top;
}
.imgBox{
    width: 100%;
    height: 100vh;
}
.imgBox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pageTwo{
    width:100%;
    height:100%;

}
.pageTwo>.fp-tableCell{
    width:100%;
    height:100%;
    position: relative;
    /*padding:90px 0 264px 0;*/
    padding:90px 0 0 0;
    box-sizing: border-box;
}
.pageFrist,.pageTwo{
    /*overflow-y: auto;*/
}
.header_bg{
    height:100%;
    background:url("../newImages/head_bg.png")no-repeat left top;
    background-size:100% 100% ;
}
.bigBox{
    background:url("../newImages/banner_bg.png") no-repeat top center;
    background-size:100% 100%;
}
.banner_01{
    background:url("../newImages/banner_1.png") no-repeat right center;
    background-size: auto 80%;
}
.banner_02{
    background:url("../newImages/banner_2.png") no-repeat right center;
    background-size:auto 70%;
}
.banner_03{
    background:url("../newImages/banner_3.png") no-repeat right center;
    background-size: auto 75%;
}
.text-animate{
    display: inline-block;
    position: absolute;
    left:0;
    top:50%;
    z-index:2;
    margin-top:-80px;
    width:100%;
    height:160px;
    animation:mymove 1s infinite;
    -webkit-animation:mymove 1s infinite; /*Safari and Chrome*/
    animation-iteration-count:1;
    -webkit-animation-iteration-count:1; /* Safari 和 Chrome */
    transform:translate(0,0);
    -webkit-transform:translate(0,0); /* Safari and Chrome */

}
.img-animate{
    animation:imgmove 1s infinite;
    -webkit-animation:imgmove 1s infinite; /*Safari and Chrome*/
    animation-iteration-count:1;
    -webkit-animation-iteration-count:1; /* Safari 和 Chrome */
    transform:translate(0,0);
    -ms-transform:translate(0,0); /* IE 9 */
    -moz-transform:translate(0,0); /* Firefox */
    -webkit-transform:translate(0,0); /* Safari and Chrome */
}

/*@keyframes mymove
{
    from {
       !* transform:translate(-200%,-100%) rotate(-45deg);*!
        !*-webkit-transform:translate(-200%,-100%) rotate(-45deg); !* Safari and Chrome *!*!
        transform:translate(-200%,0);
        -webkit-transform:translate(-200%,0);
    }
    to {
        !*transform:translate(0,0) rotate(0deg);*!
       !* -webkit-transform:translate(0,0) rotate(0deg); !* Safari and Chrome *!*!
        transform:translate(0,0);
        -webkit-transform:translate(0,0);
    }
}

@-webkit-keyframes mymove !*Safari and Chrome*!
{
    from {
        transform:translate(-200%,0);
        -webkit-transform:translate(-200%,0);
    }
    to {
        transform:translate(0,0);
        -webkit-transform:translate(0,0);
    }
}*/
@keyframes imgmove
{
    from {
        /*transform:translate(100%,100%) rotate(-45deg);*/
       /* -webkit-transform:translate(100%,100%) rotate(-45deg); !* Safari and Chrome *!*/
        transform:translate(100%,0);
        -webkit-transform:translate(100%,0);
    }
    to {
        /*transform:translate(0,0) rotate(0deg);*/
        /*-webkit-transform:translate(0,0) rotate(0deg); !* Safari and Chrome *!*/
        transform:translate(0,0);
        -webkit-transform:translate(0,0);
    }
}

@-webkit-keyframes imgmove /*Safari and Chrome*/
{
    from {
        transform:translate(100%,0);
        -webkit-transform:translate(100%,0); /* Safari and Chrome */
    }
    to {
        transform:translate(0,0);
        -webkit-transform:translate(0,0); /* Safari and Chrome */
    }
}

.list-animate{
    display: inline-block;
    margin-right:30px;
    width:60px;
    height:60px;
    vertical-align: middle;
}
.goods_list li:hover a .list-animate{

    animation:listscale 5s infinite;
    -webkit-animation:listscale 1s infinite;
    transform:scale(1,1)  rotate(0deg);
    -webkit-transform:scale(1,1)  rotate(0deg);
    animation-direction:alternate;
}
@keyframes listscale
{
    0%   {
        transform:scale(1,1);
        -webkit-transform:scale(1,1);
    }
    50%  {
        transform:scale(1,1);
        -webkit-transform:scale(1.15,1.15);
    }
    100% {
        transform:scale(1,1);
        -webkit-transform:scale(1,1);
    }
}

@-webkit-keyframes listscale /*Safari and Chrome*/
{
    from {
        transform:translate(-100%,-100%);
        -webkit-transform:translate(-100%,-100%); /* Safari and Chrome */
    }
    to {
        transform:translate(0,0);
        -webkit-transform:translate(0,0); /* Safari and Chrome */
    }
}
.bn-title,.bn-title2,.bn-link{
    color:#fff;
    width:100%;
    text-align: left;
}
.bn-title{
    display: inline-block;
    line-height: 60px;
    font-size: 44px;
    font-weight: normal;
}
.bn-title2{
    font-size:30px;
    line-height: 65px;
    font-weight: normal;
}
.bn-link{
    font-size:18px;
    font-weight: normal;
}
/*slide_activity*/

.banner-box{
    height:100%;
    padding-bottom:160px;
    box-sizing: border-box;
}

    /*产品入口 start*/
.goods-inlet{
    position:absolute;
    left:0;
    bottom:0;
    z-index:2;
    width:100%;
    height:160px;
    background:url("../newImages/goods_inlet_bg.png") no-repeat;
    background-size: 100% 100%;
    text-align: center;
}
.goods_list{
    display: inline-block;
    margin:0 auto;
    height:100%;
    width: 650px;

}
.goods_list li{
    display: inline-block;
    float:left;
    width:50%;
    height:100%;
}
.goods_list li a{
    display: block;
    padding-top:15%;
    width:100%;
    height:100%;
    vertical-align: middle;
    color:#fff;
    font-size:22px;
    /*text-align: center;*/
}
/*产品入口 end*/
/*资讯中心 start*/
.n-title{
    font-size:24px;
    line-height: 97px;
    color:#1b0000;
}
.news-list{
    display: inline-block;
    padding-bottom: 55px;
    width:100%;
}
.news-list li{
    display: inline-block;
    float:left;
    margin-left:2%;
    padding-bottom:40px;
    width:32%;
    background-color:#fff;
    box-shadow: 0 6px 6px #f0f0f0;
}
.news-list li:first-child{
    margin-left:0;
}
.news-list li a{
    display: block;
    width:100%;
}
.news-list li a img{
    display:inline-block ;
    width:100%;
    height:auto;
}
.news-list li a h4{
    padding:30px 15px 10px 15px;
    box-sizing: border-box;
    font-size:18px;
    line-height: 26px;
    color:#272623;
}
.news-list li a p{
    padding:0 15px;
    font-size:18px;
    line-height: 20px;
    color:#c3c5c1;
}
.back-top{
    display: none;
    position: fixed;
    bottom:300px;
    right:5%;
    z-index:10;
    cursor: pointer;
}

/*资讯中心 end*/
.activity_focus{margin: 0 auto;width: 215px;}
.activity_focus .activity_nav{text-align:center;}
.activity_focus .activity_nav a {cursor:pointer;font-size:18px;color: #a0a0a0;}
.activity_focus .activity_nav li:hover,.activity_focus .activity_nav .on{text-decoration: none;color: red;filter: alpha(opacity=80);opacity: 0.8;}
.activityImg li img{ display:block; width:215px; height:137px;}

.index-container{ width:100%; padding:60px 0;}
.main-line{border-bottom:#efefef 1px solid;}
.bg-white{ background:#FFF; }
.bg-gray{ background:#FAFAFA;}


.about-wrapper{ position: relative; padding-left: 430px; min-height: 350px;}
.about-wrapper .about-pic{ position: absolute; left: 0; top: 0;}

.h-tit.about-tit{ text-align:left; margin-bottom: 30px;}
.about-cont{ font-size: 14px; color: #666; line-height: 24px;}
.about-cont h3{ font-size:18px; margin-bottom: 15px;}



.main-ys-box{ margin:0 auto;}
.main-ys-box ul{ margin-left: -30px;}
.main-ys-box ul li{ position: relative;float:left; margin-left: 30px; text-align:center;}
.main-ys-box ul li:hover{-webkit-box-shadow: 0 3px 15px rgba(0,0,0,0.2);-moz-box-shadow: 0 3px 15px rgba(0,0,0,0.2);box-shadow: 0 3px 15px rgba(0,0,0,0.2);}
.main-ys-box ul li i{ display: inline-block; height: 215px; width: 370px;}
.main-ys-box ul li i img{ display:inline-block;}
.main-ys-box ul li span{ display: block; position: absolute; left: 0;bottom: 0; width: 370px; height: 40px; line-height: 40px; background: rgba(0,0,0,0.4); margin-top:15px;font-size: 16px; font-weight: 600; color: #FFF;}




.hxcp-wrapper{ background-image: url(../images/hxcp_bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.hxcp-wrapper {}

.hxcp-wrapper .h-tit{ text-align:center; margin-bottom: 40px; color: #FFF;}
.hxcp-wrapper .h-tit h2{ font-size: 32px; margin-bottom: 15px;}
.hxcp-wrapper .h-tit p{  text-transform:uppercase; font-size: 16px; color: #FFF;}

.main-hxcp ul{ /*margin:0 -15px;*/}
.main-hxcp ul li { position:relative;float: left;}
.main-hxcp ul li a{ display: block;color:#FFF; padding: 0 20px;}
.main-hxcp ul li a:hover{ color:#FFF; text-decoration: underline}
.main-hxcp ul li img{transition:1s;-webkit-transition:1s;-moz-transition:1s;}
.main-hxcp ul li img:hover{ -webkit-transform:rotate(360deg) scale(1); -moz-transform:rotate(360deg) scale(1);-ms-transform:rotate(360deg) scale(1);-o-transform:rotate(360deg) scale(1);
}
.main-hxcp ul li  p { display: block; height: 60px; overflow: hidden;font-size: 16px; text-align: center; padding: 15px 0 0 0; }



#flexiselDemo1, #flexiselDemo2 { display: none; }
.nbs-flexisel-container { position: relative; max-width: 100%; }
.nbs-flexisel-ul { position: relative; width: 9999px; list-style-type: none; text-align: center; }
.nbs-flexisel-inner { overflow: hidden; width: 100%; margin: 0 auto; }
.nbs-flexisel-item { float: left; cursor: pointer; position: relative; }
.nbs-flexisel-item > img { cursor: pointer; position: relative; }
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right { width:20px; height:34px; position: absolute; top:80px!important; cursor: pointer; z-index: 100; }
.nbs-flexisel-nav-left { left: -30px; background: url(../images/scoll_icon2.png) no-repeat 0 0; }
.nbs-flexisel-nav-left:hover{ background: url(../images/scoll_icon2.png) no-repeat -30px 0;}
.nbs-flexisel-nav-right { right: -30px; background: url(../images/scoll_icon2.png) no-repeat 0 -44px; }
.nbs-flexisel-nav-right:hover{background: url(../images/scoll_icon2.png) no-repeat -30px -44px;}






.index-news .newsbox{ overflow:hidden; width:100%; height:370px; position:relative}
.index-news .newslist{ overflow:hidden; width:100%; height:100%;}
.index-news .newslist .wentu{ overflow:hidden; float:left; width:460px; height:370px;}
.index-news .newslist .wentu img{ display:block; margin-bottom:15px;}
.index-news .newslist .wentu h3{ font-weight:normal; font-size:18px; padding-bottom:14px; border-bottom:1px solid #efefef; overflow:hidden; margin-bottom:12px;}
.index-news .newslist .wentu h3 i{ display: block; float: left; height: 22px; line-height: 20px; padding: 0 5px; margin-right: 10px; border-radius: 3px; border: #019FE8 1px solid; color: #019FE8; font-size: 12px;}
.index-news .newslist .wentu h3 a{ display:block; width:300px; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.index-news .newslist .wentu h3 span{ float:right; font-size:14px; color:#999; margin-top: 2px;}
.index-news .newslist .wentu p{ font-size:14px; color:#666; line-height:22px;}
.index-news .listbox { overflow:hidden; width:660px; float:right; height:370px;}
.index-news .listbox .list{ overflow:hidden; width:100%; height:90px; margin-bottom:50px;}
.index-news .listbox img{ display:block; float:left;}
.index-news .listbox .wen{ overflow:hidden; float:right; width:560px; padding-left:20px; border-left:2px solid #e3e3e3}
.index-news .listbox h3{ overflow:hidden; font-size:16px; font-weight:normal; margin-bottom:10px;}
.index-news .listbox h3 a{ display:block; width:380px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left}
.index-news .listbox h3 i{ display: block; float: left; height: 22px; line-height: 20px; padding: 0 5px; margin-right: 10px; border-radius: 3px; border: #019FE8 1px solid; color: #019FE8; font-size: 12px;}
.index-news .listbox h3 span{ float:right; font-size:14px; color:#999; }
.index-news .listbox p{ font-size:14px; color:#666; line-height:30px;}







.view-more{position:relative; display:inline-block; width:100%; text-align: center; margin:0 auto;}
.view-more a{ display:inline-block; height:40px; line-height:40px; border-radius:20px; border: #e0e0e0 1px solid; color:#999; padding: 0 30px; font-size:14px; text-align:center; margin:0 auto;}
.view-more a:hover{ background:#019fe8; border: #019fe8 1px solid; color:#FFF;-webkit-transition: background-color .2s; -moz-transition: background-color .2s; -o-transition: background-color .2s; transition: background-color .2s }

.view-more.view-more-w a{border: #FFF 1px solid; color:#FFF;}
.view-more.view-more-w a:hover{ background:#019fe8; border: #019fe8 1px solid; color:#FFF; }




.psychological {
    position: relative;
}

.share {
    position: absolute;
    display: none !important;
    width: 104px;
    height: 44px !important;
    border-radius: 4px;
    margin-left: 55px !important;
    background-color: #fff;
    line-height: 44px !important;
    cursor: pointer;
    color: #000 !important;
    text-align: center;
    margin-top: -10px;
    font-weight: 400!important;
}

.share:hover {
    text-decoration: none;
    height: 44px !important;
    color: #1890FF!important;
}

.psychological:hover .share {
    display: block !important;
}

.consult{
    position: fixed;
    right: 20px;
    bottom: 150px;
    z-index: 9999;
}