@charset "utf-8";

/*产品展示*/
.cpbt {
    width: 100%;
    background-color: #f3f3f3;
    padding: 80px 0 36px 0px;
    background-image: url(../image/bj3.png);
    background-position: center 80px;
    background-repeat: no-repeat;
}

.cpbt1 {
    width: 1320px;
    margin: auto;
}

.cpbt1 p {
    line-height: 48px;
    font-size: 36px;
    font-weight: 800;
    text-align: center;
}

.cpbt1 span {
    color: #3b3b3b;
    line-height: 1.5;
    font-size: 20px;
    text-align: center;
    display: block;
}

.cpbt1 em {
    color: #aeaeae;
    line-height: 2;
    font-size: 15px;
    text-align: center;
    display: block;
    text-transform: uppercase;
}

.cpzs {
    width: 100%;
    background-color: #f2f2f2;
    padding: 0px 0px;
}

.fenlei1 {
    width: 1320px;
    margin: auto;
}

.fenlei1 p {
    color: #FFFFFF;
    font-size: 28px;
    text-align: center;
    line-height: 1.5;
    font-weight: 800;
    padding-top: 50px;
}

.fenlei2 {
    width: 907px;
    background-color: #005dc7;
    height: 6em;
    padding: 40px 0px;
}

.zs2 {
    margin-top: 32px;
    padding-bottom: 50px;
}

/*首页产品列表*/
.lbb {
    text-align: center;
    margin: 0 auto;
}

.lbb a {
    display: inline-block;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 46px;
    width: 164px;
    text-align: center;
    background-color: #215aad;
    margin: 0px 10px 0 0;
}

.lbb a:last-child {
    margin-right: 0;
}

.lbb a:hover {
    background-color: #ea9315;
}

/*滚动产品图片样式*/
.h-pro-gun01 li {
    float: left;
    margin-right: 16px;
    margin-bottom: 16px;
    width: 344px;
    background-color: #fff;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.h-pro-gun01 li .tu {
    margin-top: 14px;
    margin-left: 14px;
    overflow: hidden;
    width: calc(100% - 28px);
    height: 0;
    padding-top: calc(75% - 21px);
    position: relative;    
}

.h-pro-gun01 li .tu img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.h-pro-gun01 li:hover .tu img {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    transform: scale(1.08);
}

.h-pro-gun01 li .p1-t {
    margin: 0 auto;
    width: calc(100% - 28px);
}

.h-pro-gun01 li .p1-t a{
    border-left: 4px #f0f0f0 solid;
    display: block;
    margin: 20px 0;
    line-height: 1.2;
    padding: 4px 0 4px 12px;
}
.h-pro-gun01 li:hover .p1-t a{
    border-color: #215aad;
}
.h-pro-gun01 li .p1-t a h3 {
    font-size: 18px;
    color: #333;
    margin-bottom: 8px;
    transition: all ease 0.3s;
}

.h-pro-gun01 li .p1-t a p {
    font-size: 14px;
    color: #999;
}

.h-pro-gun01 li:hover .p1-t a h3 {
    color: #215aad;
}

.h-pro-gun01 li .dianhu {
    width: calc(100% - 20px);
    margin: 0 auto 26px auto;
}

.h-pro-gun01 li .dianhu p {
    font-size: 14px;
    color: #888;
}

.ppp {
    width: 100%;
}

/*简介*/
.jj {
    width: 100%;
    background-image: url(../image/about_bg.jpg);
    background-position: center top;
    padding: 60px 0px;
    height: 500px;
}

.jj1 {
    width: 1320px;
    margin: auto;
}

.jj1 p {
    font-size: 45px;
    color: #abbdd8;
    text-align: center;
    font-weight: normal;
    text-transform: uppercase;
}

.jj1 span {
    font-size: 36px;
    color: #FFFFFF;
    display: block;
    font-weight: 800;
    text-align: center;
    line-height: 48px;
}
.jj2 {
    margin-top: 26px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.8;
    color: #ffffff;
    text-align: center;
}

.jj2 p {
    font-size: 15px;
    line-height: 2;
    opacity: 0.9;
}

.jj .about_more{
    display: block;
    background-color: #fff;
    color: #215aad;
    margin: 30px auto 0 auto;
    width: 160px;
    line-height: 44px;
    border: 2px #fff solid;
    font-size: 15px;
}
.jj .about_more:hover{
    color: #fff;
    background-color: transparent;
}
.sydh {
    width: 1320px;
    margin: auto;
    margin-top: 24px;
}

.sydh ul {
    width: 1320px;
    margin: auto ;
    text-align: center;
    display: flex;
    justify-content: center;    
}

.sydh ul li {
    width: 190px;
    height: 190px;
    border-radius: 100%;
    display: flex;
    border: 1px rgba(255, 255, 255, 0.15) solid;
    flex-direction: column;
    justify-content: center;
    margin: 0 25px;
    transition: all ease 0.3s;
}
.sydh ul li:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.sydh ul li span.number{
    font-family: 'roboto_b';
    opacity: 0.06;
    font-size: 50px;
    line-height: 0.3;
    overflow: hidden;
    vertical-align: top;
    padding-top: 0.3em;
    margin-bottom: 0;
}

.sydh ul li .yuan img{
    transform: rotateY(0);
    transition: all ease 0.4s;
}

.sydh ul li:hover .yuan img{
    transform: rotateY(180deg);
}

.sydh p {
    font-size: 22px;
    color: #FFFFFF;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 4px;
}

.sydh span {
    font-size: 13px;
    color: #FFFFFF;
    text-align: center;
    line-height: 1.5;
    display: block;
    opacity: 0.8;
    margin-bottom: 12px;
}



.more {
    width: 163px;
    height: 36px;
    display: block;
}

.more a {
    width: 163px;
    height: 36px;
    background-color: #d9241d;
    color: #FFFFFF;
    font-size: 14px;
    text-align: center;
    display: block;
    text-align: center;
    line-height: 36px;
    transition: all .2s ease;
    margin-top: 60px;
    border-radius: 4em;
}

.more a:hover {
    width: 163px;
    height: 36px;
    background-color: #fbb700;
    color: #FFFFFF;
    font-size: 14px;
    transition: all .2s ease;
    display: block;
}

.more1 {
    width: 120px;
    height: 30px;
    display: block;
    margin: auto;
}

.more1 a {
    width: 120px;
    height: 30px;
    background-color: #f57720;
    color: #FFFFFF;
    font-size: 14px;
    text-align: center;
    display: block;
    text-align: center;
    line-height: 30px;
    transition: all .2s ease;
    margin-top: 30px;
}

.more1 a:hover {
    width: 120px;
    height: 30px;
    background-color: #68bf21;
    color: #FFFFFF;
    font-size: 14px;
    transition: all .2s ease;
    display: block;
}

.more2 {
    width: 160px;
    height: 36px;
    display: block;
    margin-top: 10px;
}

.more2 a {
    width: 160px;
    height: 36px;
    background-color: #0059a9;
    color: #FFFFFF;
    font-size: 14px;
    text-align: center;
    display: block;
    text-align: center;
    line-height: 36px;
    transition: all .2s ease;
}

.more2 a:hover {
    width: 160px;
    height: 36px;
    background-color: #68bf21;
    color: #FFFFFF;
    font-size: 14px;
    transition: all .2s ease;
    display: block;
}

/*产品展示*/
/*内页列表*/
.cpfl {
    width: 263px;
    float: left;
}

.cpfl_1 {
    width: 148px;
    text-align: center;
    background-color: #215aad;
    height: 60px;
    padding: 20px 57.5px;
}

.cpfl_1 p {
    color: #becce6;
    line-height: 25px;
    height: 25px;
    font-size: 17px;
    font-weight: 500;
    text-align: center;
}

.cpfl_1 span {
    color: #ffffff;
    line-height: 30px;
    height: 30px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}

.lb {
    width: 263px;
    background-color: #0065b5;
    padding: 0px 0;
}

.currt {
    color: #fff !important;
    text-indent: 40px !important;
    background-color: #d9241d;
}

.lxx {
    width: 215px;
    background-color: #3c3e46;
    padding: 28px 24px;
    color: #ffffff;
    line-height: 30px;
    font-weight: normal;
    font-size: 15px;
}

/*案例*/
.flashp {
    width: 598px;
    height: 479px;
    float: left;
    margin-top: 60px;
}

.al1 {
    width: 100%;
    padding: 50px 0;
    background-image: url(../image/bj3.png);
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 10px;
}

.al11 {
    width: 1320px;
    margin: auto;
}

.al11 p {
    line-height: 48px;
    font-size: 36px;
    font-weight: 800;
    text-align: center;
}

.al11 span {
    color: #3b3b3b;
    line-height: 1.5;
    font-size: 20px;
    text-align: center;
    display: block;
}

.al11 em {
    color: #aeaeae;
    line-height: 2;
    font-size: 15px;
    text-align: center;
    display: block;
    text-transform: uppercase;
}

.al2 {
    width: 100%;
    background-image: url(../image/bj1.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.caselist li.swiper-slide{
    display: block;
    width: 100%;
}

.caselist li.swiper-slide a{
    display: block;
    width: 100%;
}

.caselist li.swiper-slide a .img_cover{
    width: 100%;
    height: 0;
    padding-top: 75%;
    position: relative;
    overflow: hidden;
}

.caselist li.swiper-slide a .img_cover img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1);
    transition: all ease 0.4s;
}

.caselist li.swiper-slide:hover a .img_cover img{
    transform: scale(1.08);
}

.caselist li.swiper-slide a p{
    border: 1px #eaeaea solid;
    border-top: 0;
    position: relative;
    padding: 16px 14px;
    font-size: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #fff;
}
.caselist li.swiper-slide a p:after{
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 3px;
    background-color: #215aad;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all ease 0.4s;
}

.caselist li.swiper-slide:hover a p:after{
    width: 100%;
}

.caselist_box{
    position: relative;
    padding-bottom: 80px;
}

.caselist_box:before{
    content: "";
    display: block;
    width: 1025px;
    height: 602px;
    background: url(../image/case_bg.png) no-repeat 0 0;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;

}

.caselist_box .swiper-button-prev,
.caselist_box .swiper-button-next{
    display: block;
    width: 52px;
    height: 52px;
    line-height: 52px;
    color: #fff;
    top: calc(100% - 110px);
    background-color: #215aad;
    transition: all ease 0.3s;
}

.caselist_box .swiper-button-prev:hover,
.caselist_box .swiper-button-next:hover{
    background-color: #ea9315;
}

.caselist_box .swiper-button-prev:after,
.caselist_box .swiper-button-next:after{
    font-size: 24px;
    line-height: 52px;
}

.caselist_box .swiper-button-prev{
    left: 50%;
    margin-left: -143px;
}
.caselist_box .swiper-button-next{
    right: 50%;
    margin-right: -143px;
}

.case_more{
    display: block;
    width: 164px;
    line-height: 52px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: #215aad;
    margin: 34px auto 0 auto;
    transition: all ease 0.4s;
}
.case_more:hover{
    background: #ea9315;
}



/*新闻*/
.xw {
    width: 100%;
    background-image: url(../image/bj3.png);
    padding: 60px 0px;
    background-color: #f2f2f2;
    background-position: center 60px;
    background-repeat: no-repeat;
}

.xw1 {
    width: 1320px;
    margin: auto;
}

.xw1 p {
    line-height: 1;
    font-size: 36px;
    line-height: 48px;
    font-weight: 800;
    text-align: center;
}

.xw1 span {
    color: #3b3b3b;
    line-height: 1.5;
    font-size: 20px;
    text-align: center;
    display: block;
}

.xw1 em {
    color: #aeaeae;
    line-height: 2;
    font-size: 15px;
    text-align: center;
    display: block;
    text-transform: uppercase;
}

.xw3 {
    width: 1320px;
    margin: auto;
    margin-top: 40px;
}

.xw31 {
    width: calc(50% - 70px);
    background-color: #FFFFFF;
    padding: 30px;
}
.xw31 .img_cover{
    height: 355px;
    position: relative;
    width: 100%;
}
.xw31 .img_cover img{
    width: 100%;
    height: 100%;
}
.xw31 .img_cover p{
    position: absolute;
    width: calc(100% - 30px);
    color: #fff;
    bottom: 0;
    left: 0;
    padding: 20px 15px;
    background-color: rgba(0,0,0,.6);
}
.xw31 .img_cover p a{
    font-size: 16px;
    display: block;
}
.xw31 .img_cover p a.fl{
    width: 80%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 30px;
}

.xw31 .img_cover p a.ico{
    width: 30px;
    height: 30px;
    border: 1px #fff solid;
    border-radius: 100%;
    text-align: center;
    line-height: 28px;
    font-size: 20px;
    text-indent: 1px;
}
.xw32 {
    width: calc(50% - 70px);
    background-color: #FFFFFF;
    padding: 30px;
}
.xw4{
}
.xw4 .news_tiny_list{
    background-color: #fff;
    width: calc(50% - 70px);
    float: left;
    padding: 16px 30px;
    margin-top: 20px;
}
.xw4 .news_tiny_list:nth-child(even){
    float: right;
}
.xw4 .news_tiny_list a p.fl{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 70%;
}
.xw4 .news_tiny_list a p.fr{
    color: #999;
}

.news_right_list_box .news_right_list{
    border-bottom: 1px #eaeaea dashed;
    padding: 20px 0;
}
.news_right_list_box .news_right_list:first-child{
    padding-top: 0;
}
.news_right_list_box .news_right_list:last-child{
    border-bottom: none;
    padding-bottom: 0;
}
.news_right_list_box .news_right_list .fl{
    color: #fff;
    background-color: #215aad;
    padding: 10px 20px;
}

.news_right_list_box .news_right_list .sss{
    font-size: 40px;
    font-weight: bold;
}

.news_right_list_box .news_right_list .ee{

}
.news_right_list_box .news_right_list .fr{
    width: calc(100% - 120px);
}
.news_right_list_box .news_right_list .tit{
    margin-top: 8px;
}
.news_right_list_box .news_right_list .tit a{
    font-size: 16px;
    font-weight: bold;
}
.news_right_list_box .news_right_list .info{
    color: #999;
    line-height: 1.6;
    margin-top: 10px;
}





/*特点*/
.td {
    width: 100%;
    height: 269px;
    background-color: #006fc1;
}

.td1 {
    width: 1320px;
    height: 223px;
    padding: 23px 0px;
    background-color: #006fc1;
}

.td1 ul li {
    width: 240px;
    float: left;
    margin-left: 55px;
}

.td1 ul li span {
    width: 240px;
    height: 40px;
    line-height: 40px;
    color: #ffe400;
    font-weight: 700;
    font-size: 20px;
    display: block;
    text-align: center;
}

.td1 ul li p {
    width: 240px;
    height: 20px;
    line-height: 20px;
    color: #FFFFFF;
    font-weight: normal;
    font-size: 15px;
    text-align: center;
}


/*内页*/
.ny_ {
    width: 100%;
    margin: 10px 0px;
    margin-bottom: 20px;
}

.ny {
}

.ny p {
    font-size: 16px;
    line-height: 30px
}

.neiye {
    width: 900px;
}

.neiye h3 {
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    color: #005dc7;
}

.neiye h3 span {
    float: right;
    font-size: 14px;
    font-weight: normal;
    color: #888
}

.neiye h3 span a {
    color: #888
}

/*产品列表*/
.showlist {
    width: 100%;
    float: left;
}

.showlist div * {
    width: 100%;
}

.showlist li {
    margin: 10% auto;
    width: 80%;
    background: #fdfdfd;
    border: 5px solid #fff;
    border-radius: 5px;
}

.showlist li:hover {
    box-shadow: 0px 0px 8px #666;
    background: #f0f0f0;
}

.showlist li dl a {
    display: block;
}

.showlist li img {
    border-radius: 5px;
}

.showlist li .t {
    line-height: 35px;
    display: block;
}

.showlist li:hover b {
    color: #e30;
}

.showlist dt a {
    overflow: hidden;
    display: inline-block;
    transform: rotate(0);
    border-radius: 5px;
}

.showlist dt a img {
    transition: all .4s ease-in-out;
}

.showlist dt a:hover img {
    transform: translateZ(0) scale(1.12);
}

.showlist dd ,.showlist ol {
    padding: 1%;
    color: #666;
    text-align: center;
}

.showlist dd * {
    color: #666;
}

.showlist span {
    text-decoration: line-through;
    vertical-align: middle;
}

.showlist .pm {
    text-decoration: none;
    color: #00F;
}

.showlist div {
    float: left;
    border-left: 1px solid #eee;
}

.showlist div:hover {
    background: #fafafa;
}

.showlist .button {
    width: 60%;
    color: #fff;
    margin: 0px auto;
    padding: 0px;
}

@media only screen and (max-width: 650px) {
    .showlist .button {
        font-size:12px;
        height: 30px;
        line-height: 30px;
    }
}

#showdata {
    display: none;
}

#showdata li {
    float: left;
    width: 300px;
}

#showdata li * {
    width: 100%;
}

#loaddata {
    text-align: center;
}

.showpics {
    width: 94%;
    border: #DBDBDB solid 1px;
    border-radius: 5px;
    background: #FFF;
    float: left;
    margin: 0px;
}

.showpics img {
    border-radius: 5px;
}

.showpics li {
    height: 395px;
    padding-bottom: 15px;
    text-align: center;
    position: relative;
}

.showpics li img {
    max-height: 385px;
    max-width: 95%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
}

.showpics ol {
    border-top: #dbdbdb solid 1px;
    background: #fbfbfb;
}

.showpics dt {
    height: 90px;
}

.showpics dt img {
    height: 80%;
    margin: 1%;
}

.showpics dt img:hover {
    box-shadow: -5px -5px 8px #aaa;
}

div.showleft {
    background: #fdfdfd;
    width: 50%;
    float: left;
    margin: 3% 0px;
}

div.showleft .qrout {
    margin: 0px 20px 0px 0px;
}

ul.fs2 {
    margin: 0px;
    padding-top: 1px;
}

ul.fs2 li dl {
    width: 20%;
}

ul.fs2 li dt {
    width: 76%;
}

#_nub {
    width: 50px;
}

.nubjia,.nubjian {
    border: #A0A0A0 1px solid;
    line-height: 27px;
    height: 27px;
    width: 15px;
    display: inline-block;
    margin-left: 3px;
    text-align: center;
    cursor: pointer;
    user-select: none;
}

div.min_box_content {
    color: #666;
    min-height: 110px;
    height: 110px;
    padding-bottom: 22px;
}

div.min_box_content div.c {
    min-height: 110px;
    text-indent: 2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

div.min_box_content:hover {
    color: #000;
    background: url(../image/hotbg.gif);
}

.baizi a:link {
    color: #ffffff;
    text-decoration: none;
}

.baizi a:visited {
    color: #ffffff;
    text-decoration: none;
}

.baizi a:hover {
    color: #215aad;
    text-decoration: none;
}

.heizi a:link {
    color: #333333;
    text-decoration: none;
}

.heizi a:visited {
    color: #333333;
    text-decoration: none;
}

.heizi a:hover {
    color: #dd3f40;
    text-decoration: none;
}

.fonts {
    font-size: 14px;
    color: #ffffff;
}

.lie {
    width: 241px;
    float: left
}

.lie_1 {
    width: 206px;
    height: 31px;
}

.zhan {
    width: 910px;
    float: left;
    margin-left: 49px;
    background: #006666
}

.cpfl_2 h3 {
    color: #FFFFFF;
    height: 84px;
    line-height: 84px;
    padding-left: 70px;
}

.cpfl_3 {
    background-color: #09A343;
    line-height: 35px;
    height: 350px;
}

.cpfl_3 p {
    color: #FFF;
    padding: 0px 20px;
    font-size: 14px;
    width: 190px
}

.gf2 a {
}

.gf2 a:link {
    width: 180px;
    display: block;
    float: left;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    margin: 0px 40px 0px 0px;
}

.gf2 a:visited {
    width: 180px;
    display: block;
    float: left;
    height: 28px;
    text-align: center line-height:25px;
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    margin: 0px 40px 0px 0px;
}

.gf2 a:hover {
    width: 180px;
    display: block;
    float: left;
    line-height: 25px;
    text-align: center height:25px;
    font-size: 14px;
    color: #ffec4c;
    text-decoration: none;
    background-position: center;
    margin: 0px 40px 0px 0px;
}

.text-center {
    text-align: center
}

.anli {
    width: 220px;
    height: 262px;
    float: left;
}

.biaoyu {
    width: 100%;
    height: 832px;
    background-color: #F0F0F0;
}

.biaoyu_1 {
    float: left;
    width: 1320px;
    height: 56px;
    margin: 44px 0px
}

.biaoyu_1 li {
    width: 599px;
    height: 56px;
    float: left
}

.biaoyu_1 li p {
    font-size: 20px;
    color: #FFF;
    line-height: 56px;
    text-align: center
}

.biaoyu_2 {
    width: 1320px;
    height: 646px;
    background-color: #FFF;
}

#by1 {
    background-color: #03AD4D
}

#by2 {
    background-color: #E90000;
    border-left: #FFF 2px solid
}

.pp {
    background-color: #09A343;
    height: 147px
}

.dtt {
    width: 100%;
    background-color: #F11109;
    height: 102px;
    padding: 30px 0;
}

.dtt1 {
    width: 750px;
    height: 102px;
    float: left;
}

.dtt1 h2 {
    color: #FEDB00;
    height: 42px;
    line-height: 42px;
}

.dtt1 p {
    color: #FFFFFF;
    line-height: 30px;
}

.dtt2 {
    width: 392px;
    height: 102px;
    float: left;
    margin-left: 58px;
}

.wtjd_nr ul li {
    float: left;
    width: 600px;
    height: 40px
}

.wtjd_1 {
    width: 570px;
    height: 371px;
    float: left;
    border: #EEE 1px solid;
}

.wtjd_gun {
    width: 530px;
    height: 331px;
    margin: 20px 20px;
    line-height: 30px
}

.wtjd_2 {
    margin-left: 600px;
    height: 371px
}

.wtjd {
}

.fh {
    width: 579px;
    height: 75px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.tp {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 15px;
}

.flip-container {
    perspective: 1000;
}

.flip-container:hover .flipper, .flip-container.hover .flipper {
    transform: rotateY(180deg);
}

.flip-container, .front, .back {
    width: 288px;
    height: 245px;
}

.flipper {
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}

.front, .back {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.front {
    z-index: 2;
}

.back {
    transform: rotateY(180deg);
}

table {
    border-collapse: collapse;
}

.fanren a:link {
    color: #FFF;
    font-size: 16px;
}

.fanren a:visited {
    color: #FFF;
    font-size: 16px
}

.footd a:link {
    color: #FFF;
    font-size: 14px;
    padding: 0 30px
}

.footd a:visited {
    color: #FFF;
    font-size: 14px
}

.flash1 {
    z-index: -900;
    width: 980px;
    margin: 0 auto
}

.dibu a {
    color: #FFF
}

.dibu a:link {
    color: #FFF
}

.dibu a:visited {
    color: #FFF
}

.liebiao a {
    color: #FFF
}

.liebiao a:link {
    color: #FFF
}

.liebiao a:visited {
    color: #FFF
}

.dibu1 {
    color: #FFF
}

.dibu1 a {
    color: #FFF
}

.dibu1 a:link {
    color: #FFF
}

.dibu1 a:visited {
    color: #FFF
}

.dibu2 a {
    color: #FFF
}

.dibu2 a:link {
    color: #FFF
}

.dibu2 a:visited {
    color: #FFF
}

.guanjianci a:link {
    color: #000
}

.guanjianci a:visited {
    color: #000
}







/*--------------------------banner-------------------------*/
.swiper.banner {
    width: 100%;
}

.banner .swiper-slide {
    height: calc(100vh - 127px);
    max-height: 810px;
    background-size: cover;
    background-position: center;
    width: 100%;
}
.banner .swiper-pagination-horizontal{
    bottom: 0;
    width: auto;
    position: relative;
}
.banner .swiper-pagination-bullet{
    background-color: #fff;
    width: 10px;
    height: 10px;
    border: 1px #fff solid;
    opacity: 1;
    background-color: transparent;
}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: #fff;
}
.banner .button_box{
    bottom: 36px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    z-index: 999;
}
.banner .swiper-button-prev,
.banner .swiper-button-next{
    color: #fff;
}
.banner .swiper-button-prev:after,
.banner .swiper-button-next:after{
    font-size: 14px;
}
.banner .swiper-button-prev:before,
.banner .swiper-button-next:before{
    content: "";
    display: block;
    height: 1px;
    width: 20px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);   
    border-radius: 2px;
}
.banner .swiper-button-prev:before{
    left: 10px;
}
.banner .swiper-button-next:before{
    right: 10px;
}
.banner .swiper-button-prev{
    left: -50px;
}
.banner .swiper-button-next{
    right: -50px;
}





/*-----------------------------首页产品滚动-------------------------------*/
#demoz001{
    overflow: hidden;
    width: 100%;
}
#demoz1001,
#demoz2001{
    float: left;
}