﻿*{
    margin: 0;
    padding: 0;
}
.fd::after{
    content: " ";
    display: block;
    clear: both;
  }
  .fd{
    zoom: 1;
  }
  /* banner */
.banner{
    width: 100%;
    height: 100%;
    margin-top: 135px;
    position: relative;
}
.banner .bn_pt{
    width: 473px;
    height: 203px;
    position: absolute;
    top: 20%;
    left: 13%;
    z-index: 10;
}
.app{
    display: none;
  }

.banner .swiper-slide .pc{
    width: 100%;
    height: 100%;
}
.banner .swiper-slide img{
    width: 100%;
    height: 100%;
}
.banner .bn_pt div{
    width: 100%;
    height: 100%;
    position: relative;
}
.banner .bn_pt div img{
    width: 164px;
    height: 203px;
}
.banner .bn_pt span{
    font-size: 30px;
    color: #fff;
   background: linear-gradient(to left,rgb(224,88,24),rgb(224,49,7));
    position: absolute;
    left: 164px;
    bottom: 33px;
    letter-spacing: 6px;
    padding: 0 10px;
}
.banner .p{
    font-size: 28px;
    color: #333;
    letter-spacing: 10px;
    line-height: 50px;
    padding: 0 15px;
    position: absolute;
    top: 55%;
    left: 13%;
    border: 1px solid rgb(152,157,160);
    border-left: none;
    border-right: none;
}
.banner .p1{
    font-size: 16px;
    color: #333;
    letter-spacing: 2px;
    position: absolute;
    top: 63%;
    left: 13%;
}
.banner .more-btn{
    position: absolute;
    top: 70%;
    left: 13%;
}




/* ÃƒÂ¦Ã‚ÂÃ…â€œÃƒÂ§Ã‚Â´Ã‚Â¢ */
.seek{
    width: 1600px;
    height: 120px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.24);
    position: absolute;
    bottom: -60px;
    left: 50%;
    z-index: 1;
    -webkit-transform: translate(-50%,0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    padding: 0 90px;
}
.seek span{
    font-size: 18px;
    color: #333;
    line-height: 120px;
    padding: 0 25px;
}
.seek span:nth-child(1){
    padding-left: 8px;
    border-left: 3px solid rgb(227,115,15);
}
.ss{
    float: right;
    width: 420px;
    height: 48px;
    border: 2px solid rgb(190, 188, 186);
    border-radius: 48px;
    margin-top: 36px;
    padding: 0 25px;
}
.ss:hover{
    border: 2px solid rgb(227,115,15);
}
.ss input{
    width: 90%;
    height: 100%;
    border: none;
    background: none;
    font-size: 14px;
    color: #999;
}
.ss button{
    float: right;
    width: 10%;
    height: 100%;
    border: none;
    background: none;
}


/* 
ÃƒÂ¦Ã‚Â­Ã‚Â£ÃƒÂ¦Ã¢â‚¬â€œÃ¢â‚¬Â¡ */
.main{
    width: 100%;
    height: 100%;
    padding: 60px 0;
    
}
/* ÃƒÂ¤Ã‚ÂºÃ‚Â§ÃƒÂ¥Ã¢â‚¬Å“Ã‚ÂÃƒÂ¤Ã‚Â¸Ã‚Â­ÃƒÂ¥Ã‚Â¿Ã†â€™ */
.in_product{
    width: 100%;
    position: relative;
}
.bt{
    margin-top: 100px;
    height: 83px;
    font-size: 44px;
    color: #333;
    text-align: center;
    background-image: url(../images/btbj.png);
    background-repeat: no-repeat;
    background-size: 83px;
    background-position-x: 43%;
    margin-bottom: 75px;
}
.fbt{
    font-size: 18px;
    color: #666;
    position: absolute;
    top: 60px;
    left: 46%;
}
.in_productjz{
    width: 1600px;
    margin: 0 auto;
    overflow: hidden;
}
.in_product .in_product_xq{
    width: 100%;
}

/* 
1 */

.in_product .in_product_xq .in_product_top{
    width: 100%;
    height: 140px;
}
.in_product_top ul{
    width: 100%;
    height: 100%;
}
.in_product_top ul li{
    width: 11.11%;
    height: 114px;
    text-align: center;
    float: left;
    font-size: 16px;
    color: #333;
    padding-top: 80px;
    background-image: url(../images/img4.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.in_product_top ul li:nth-child(2){
    background-image: url(../images/img5.png);
}
.in_product_top ul li:nth-child(3){
    background-image: url(../images/img6.png);
}
.in_product_top ul li:nth-child(4){
    background-image: url(../images/img7.png);
}
.in_product_top ul li:nth-child(5){
    background-image: url(../images/img8.png);
}
.in_product_top ul li:nth-child(6){
    background-image: url(../images/img9.png);
}
.in_product_top ul li:nth-child(7){
    background-image: url(../images/img10.png);
}
.in_product_top ul li:nth-child(8){
    background-image: url(../images/img11.png);
}
.in_product_top ul li:nth-child(9){
    background-image: url(../images/img12.png);
}

.in_product_top ul .on:nth-child(1){
    background-image: url(../images/img4-4.png);
    color: #e0641d;;
}
.in_product_top ul .on:nth-child(2){
    background-image: url(../images/img5-5.png);
    color: #e0641d;;
}
.in_product_top ul .on:nth-child(3){
    background-image: url(../images/img6-6.png);
    color: #e0641d;;
}
.in_product_top ul .on:nth-child(4){
    background-image: url(../images/img7-7.png);
    color: #e0641d;;
}
.in_product_top ul .on:nth-child(5){
    background-image: url(../images/img8-8.png);
    color: #e0641d;;
}
.in_product_top ul .on:nth-child(6){
    background-image: url(../images/img9-9.png);
    color: #e0641d;;
}
.in_product_top ul .on:nth-child(7){
    background-image: url(../images/img10-10.png);
    color: #e0641d;;
}
.in_product_top ul .on:nth-child(8){
    background-image: url(../images/img11-11.png);
    color: #e0641d;;
}
.in_product_top ul .on:nth-child(9){
    background-image: url(../images/img12-12.png);
    color: #e0641d;;
}

/* 
2 */
.in_product_cen{
    width: 100%;
    margin-top: 35px;
    display: none;
}
.in_product_cen_on{
display: block;
}
.in_product_cen .in_product_cenl{
    width: 300px;
    height: 760px;
    float: left;
}
.in_product_cen .in_product_ceny{
    width: 300px;
    height: 760px;
    float: left;
}
.in_product_cen .in_product_ceny,
.in_product_cen .in_product_cenz{
    margin-left: 21.5px;
}
.in_product_cen .in_product_cenl img,
.in_product_cen .in_product_ceny img{
    width: 100%;
    height: 100%;
}
.in_product_cen .in_product_cenz{
    width: 957px;
    height: 761px;
    float: left;
    overflow: hidden;
}


.in_product_cenz .swiper-container,
.in_product_cenz .swiper-slide img{
    width: 100%;
    height: 100%;
}
.in_product_cenz .swiper-slide{
    display: none;
}
.in_product_cenz .proswp_2{
    display: block;
}
.in_product_cenz .swiper-slide .log{
    width: 137px;
    height: 35px;
    position: absolute;
    left: 45px;
    top: 45px;
}
.in_product_cenz .swiper-button-prev,
.in_product_cenz .swiper-button-next{
    background-image: url(../images/img15_2.png);
    background-size: contain;
    width: 53px;
    height: 53px;
    z-index: 10;
}
.in_product_cenz .swiper-button-next{
    background-image: url(../images/img16_2.png);
}
.in_product_cenz .swiper-button-next:hover{
    background-image: url(../images/img16.png);
}
.in_product_cenz .swiper-button-prev:hover{
    background-image: url(../images/img15.png);
}
.in_product_cenz .swiper-slide .zbwz{
    width: 100%;
    height: 110px;
    position: absolute;
    bottom: 0;
    background: rgb(224,100,9);
    padding: 25px 45px;
}
.in_product_cenz .swiper-slide .zbwz .p1{
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 5px;
}
.in_product_cenz .swiper-slide .zbwz .p2{
    font-size: 14px;
    color: #fff;
}
.in_product_cenz .swiper-slide .zbwz .more-btn{
    position: absolute;
    bottom: 35px;
    left: 770px;
}

/* ÃƒÂ¥Ã‚Â·Ã‚Â¦ÃƒÂ¨Ã‚Â¾Ã‚Â¹ */
.in_product_cenl .in_product_cenl_1{
    width: 100%;
    height: 242px;
    position: relative;
    margin-top: 19px;
}
.in_product_cenl .in_product_cenl_1:nth-child(1){
    margin-top: 0;
}
.in_product_cen .in_product_cenl_1 .xlog{
    width: 77px;
    height: 20px;
    position: absolute;
    top: 16px;
    left: 20px;
}
.in_product_cenl_1 p{
    font-size: 20px;
    height: 45px;
    line-height: 45px;
    width: 100%;
    text-align: center;
    color: #333;
    position: absolute;
    bottom: 0px;
    font-weight: bold;
}
.av p{
    color: #fff;
    background: rgb(224,100,9);
}
/* ÃƒÂ¥Ã‚ÂÃ‚Â³ÃƒÂ¨Ã‚Â¾Ã‚Â¹ */
.in_product_ceny .in_product_cenl_1{
    width: 100%;
    height: 242px;
    position: relative;
    margin-top: 19px;
}
.in_product_ceny .in_product_cenl_1:nth-child(1){
    margin-top: 0;
}
.in_product_ceny .xlog{
    width: 77px;
    height: 20px;
    position: absolute;
    top: 16px;
    left: 20px;
}




/* 
ÃƒÂ¥Ã¢â‚¬Â¦Ã‚Â³ÃƒÂ¤Ã‚ÂºÃ…Â½ÃƒÂ¤Ã‚Â¼Ã‚Â ÃƒÂ¦Ã¢â‚¬Â°Ã‚Â¿ */
.in_about{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.in_about .fbt{
    top: 155px;
}
.in_about .in_aboutjz{
    width: 100%;
    height: 100%;
    position: relative;
}
.in_about .in_abouton{
    width: 1670px;
    height: 510px;
    background-image: url(../images/img17.jpg);
    background-size: cover;
    float: left;
    margin-top: 60px;
    padding-left: 145px;
}
.in_abouton .in_aboutonwz{
    width: 700px;
    height: 100px;
    padding: 70px 0;
}
.in_abouton .in_aboutonwz .p{
    font-size: 30px;
    color: #fff;
}
.in_abouton .in_aboutonwz .p1{
    text-indent: 13px;
    padding-top: 40px;
    padding-bottom: 35px;
    height: 330px;
    overflow-y: auto;
}
.in_abouton .in_aboutonwz .p1::-webkit-scrollbar {
    width: 2px;
    background: rgb(255,98,0);
    border-radius:50px;
}

.in_abouton .in_aboutonwz .p1::-webkit-scrollbar-track {
    border-radius: 50px;
    background-color:#999999
}

.in_abouton .in_aboutonwz .p1::-webkit-scrollbar-thumb {
    border-radius: 50px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background: rgb(255,98,0);
}
.in_abouton .in_aboutonwz p{
    font-size: 16px;
    color: #fff;
    line-height: 33px;
}

.in_about .in_aboutto{
    width: 932px;
    height: 510px;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    z-index: 5;
}
.in_about .in_aboutto img,
.in_about .in_aboutto .in3-video,
.in_about .in_aboutto .publicity-video{
    width: 100%;
    height: 100%;
}

/* ÃƒÂ¥Ã…Â Ã‚Â¨ÃƒÂ¦Ã¢â€šÂ¬Ã‚ÂÃƒÂ¨Ã‚Â§Ã¢â‚¬Â ÃƒÂ©Ã‚Â¢Ã¢â‚¬Ëœ */
#publicity-video{position: absolute;width: 100%;height: 100%;top: 0;left:0;overflow: hidden;}
.in3-video{position: relative;}
#publicity-video video{display: block;height: 100%;}
/* ÃƒÂ¨Ã‚Â§Ã¢â‚¬Â ÃƒÂ©Ã‚Â¢Ã¢â‚¬ËœÃƒÂ¥Ã‚Â¼Ã‚Â¹ÃƒÂ§Ã‚ÂªÃ¢â‚¬â€ */
.msg-box-bg {width: 80%;height: 80%;position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);display: none;z-index: 1001;}
.msg-box {width: 100%;height: 100%;background-color: #F3F3F3;position: absolute;left: 50%;top: 47%;transform: translate(-50%,-50%);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);}
.msg-box .close-box {width: 30px;height: 30px;background: url("../images/btn-close-modal.png") no-repeat center;cursor: pointer;position: absolute;right: 10px;top: 10px;-webkit-transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-o-transition: .5s;transition: .5s;}
.msg-box .close-box:hover {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
.abo_video {width: 100%;height: 100%;cursor: pointer;overflow: hidden;position: relative;}
.abo_video:after{content: '';width: 75px;height: 74px;
    /* background: url(../images/img18.png) no-repeat center; */
    position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all 0.4s;background-size: contain;z-index: 10;}
.abo_video:hover:after{top: 48%;}




/* 
ÃƒÂ¦Ã¢â‚¬â€œÃ‚Â°ÃƒÂ©Ã¢â‚¬â€Ã‚Â»ÃƒÂ¤Ã‚Â¸Ã‚Â­ÃƒÂ¥Ã‚Â¿Ã†â€™ */
.in_news{
    width: 100%;
    height: 100%;
    position: relative;
}
.in_news .in_newsjz{
    width: 1600px;
    margin: 0 auto;
    overflow: hidden;
}
.in_newsjz .in_newslf{
    width: 697px;
    float: left;
}
.in_newsjz .in_newslf .p{
    font-size: 30px;
    color: #333;
    margin-bottom: 30px;
}
.fixleft{
    display: none;
  }

.in_newsjz .in_newslf .p img{
    margin-bottom: -5px;
}
.in_newslf .in_newslfon{
    width: 100%;
    background: rgb(245,246,246);
}
.in_newslf .in_newslfon div,
.in_newslf .in_newslfon div img{
    width: 100%;
    height: 100%;
}
.in_newslf .in_newslfdb{
    width: 100%;
    height: 170px;
    padding: 35px 30px;
}
.in_newslf .in_newslfdb .p1{
    font-size: 24px;
    color: #e0641d;
    margin-bottom: 25px;
}
.in_newsjz .in_newslf .p1 span{
    float: right;
    font-size: 16px;
    color: #999;
}
.in_newsjz .in_newslf .p1 span img{
    width: 17px;
    height: 17px;
    margin-right: 5px;
    margin-bottom: -2px;
}
.in_newslf .in_newslfdb .p2{
    font-size: 16px;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.in_newsjz  .in_newsrg{
    width: 855px;
    float: right;
}

.in_newsjz .in_newsrg .p{
    font-size: 30px;
    color: #333;
    margin-bottom: 30px;
}
.in_newsjz .in_newsrg .p img{
    margin-bottom: -5px;
}
.in_newsjz .in_newsrg .in_newsrgon{
    width: 100%;
}
.in_newsrgon .in_newsrgon_1{
    width: 100%;
    height: 162px;
    margin-top: 50px;
}
.in_newsrgon .in_newsrgon_1:nth-child(1){
    margin-top: 0;
}
.in_newsrgon .in_newsrgon_1 .tp{
    width: 273px;
    height: 162px;
    float: left;
}
.in_newsrgon .in_newsrgon_1 .tp img{
    width: 100%;
    height: 100%;
}
.in_newsrgon .in_newsrgon_1 .wz{
    width: 460px;
    float: left;
    margin-left: 45px;
}
.in_newsrgon .in_newsrgon_1 .wz .p1{
    font-size: 24px;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.in_newsrgon .in_newsrgon_1 .wz .p2{
    font-size: 16px;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 17px;
    margin-bottom: 30px;
}

.in_newsjz .in_newsrg .p3{
    font-size: 16px;
    color: #999;
}
.in_newsjz .in_newsrg .p3 img{
    width: 17px;
    height: 17px;
    margin-right: 5px;
    margin-bottom: -2px;
}


/* ÃƒÂ§Ã‚Â«Ã¢â‚¬Â¹ÃƒÂ¥Ã‚ÂÃ‚Â³ÃƒÂ¦Ã‚Â²Ã…Â¸ÃƒÂ©Ã¢â€šÂ¬Ã…Â¡ */
.fixleft{
    width:180px;
    height:60px;
    background:#e0641d;
    position:fixed;
    left:0;
    bottom:60px;
    z-index:80;text-align:left;
    padding-left:40px;
    box-sizing:border-box;
    display:none;
    background-size: contain;
    background-size: cover;
}
 .mfsl_pop{
     font-size:20px;
     color:#fff;
     line-height:60px;
     font-weight: bold;
    }
 .hshq{
     font-size:24px;
     line-height:30px;
     font-weight: lighter;
     color:#fff;
    }
 .click_pop_show{
     position: absolute;
     width:30px;
     height:30px;
     cursor:pointer;
     transition:.5s;
     background:url(../images/popshow.png) no-repeat center;
     top:50%;transform: translateY(-50%);
     right:20px;
     background-size: cover;
    }
 
.communication{
    width: 100%;
    height: 110px;
    background: rgb(36,36,36);
    position: fixed;
    bottom: 0;
    z-index: 10;
}
.communication .communicationjz{
    width: 1600px;
    margin: 0 auto;
    position: relative;
}
.communicationjz .sp1{
    font-size: 30px;
    color: #fff;
    line-height: 110px;
    margin-right: 10px;
}
.communicationjz .sp2{
    font-size: 16px;
    color: #fff;
    line-height: 110px;
    opacity: 0.66;
    margin-right: 25px;
}
.communicationjz input{
    width: 330px;
    height: 40px;
    background: #fff;
    border: none;
    font-size: 12px;
    color: #999;
    text-indent: 20px;
    margin-left: 18px;
}
.communicationjz button{
    width: 100px;
    height: 40px;
    border-radius: 40px;
    background: rgb(255,98,0);
    font-size: 16px;
    color: #fff;
    margin-left: 50px;
}
.communicationjz .qx{
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 15px;
}