/*banner页*/
.tuscany-banner{    position: absolute;
    left: 0;
    top: 100px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;}
.tuscany-banner .li{width: 100%;height: 100%;z-index: -1;}

/*.tuscany-banner ul li{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}*/
.tuscany-banner a{display: block;width: 100%;height: 100%;}
.tuscany-banner img{max-width: 100%;    width: auto; position: absolute;left: 140px;top: 30%;z-index: 999;}
.tuscany-banner  .img-ban-title2{top: 40%;}
.tuscany-banner  .img-ban-title3{top: 51%;}
.tuscany-banner   .more{position: absolute;bottom: 4%;right: 4%;width: 130px;height: 130px;text-align: center;line-height: 130px;font-size: 14px;color: rgb(51, 51, 51);margin-top: 45px;background: rgb(255, 255, 255);z-index: 0;border-radius: 100px;    box-shadow: 0 10px 10px #464646;overflow: hidden;transition: .5s all;    z-index: 999;}
.tuscany-banner .more:after{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 0;background: #000;z-index: -1;border-radius: 500px;transition: .3s all}
.tuscany-banner .more:before{content: '';position: absolute;left: 0;bottom: 20px;width: 100%;height: 50px;background: url(../img/icon-more.png)no-repeat center;background-size: 20%;transition: .5s all}

.tuscany-banner  .more:hover:after{height: 100%;}
.tuscany-banner .more:hover:before{bottom: 10px;}
.tuscany-banner  .more:hover{color: #fff;line-height: 110px;}

.qrwidth{width: 85%;margin: 0 auto;}

/*产品列表*/
.tuscany-list{width: 100%;background: url(../img/bg-list.jpg)no-repeat center top;overflow: 
hidden;background-size: cover;margin: 0 auto;    height: 100%;}
.tuscany-list ul{padding-top: 10%}
.tuscany-list ul li{float: left;margin-bottom: 10%;position: relative;width: 33.3%;}
.tuscany-list ul li:after{content: '';display: block;background: url(../img/icon-line.png)center;width: 100%;height: 14px;position: absolute;left: 0;bottom: -40px;}
.tuscany-list ul li .img{width: 70.55%;position: relative;top: 0;border-radius: 10px; overflow: hidden; margin: 0 auto; transition: .5s all;padding-top: 57.6%;}
.tuscany-list ul li .img img{width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0;}
.tuscany-list ul li .tie{margin-top: 20px;text-align: center;color: #fff;}
.tuscany-list ul li .tie h3{font-size: 18px;font-weight: normal;}
.tuscany-list ul li .tie p{font-size: 16px;text-transform:uppercase;}
.tuscany-list ul li:hover .img{transform: scale(1.3);top: -34px; }
.tuscany-list ul li .img em{ cursor: pointer;height: 100%; left: -120%;position: absolute;top: 0;transform: skewX(-25deg);transition: all 0s; width: 380px;
     background-image:-moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
     background-image:-webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
     background-image:-o-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
     background-image:-ms-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
}
.tuscany-list ul li:hover .img em{left:120%;transition: all 0.7s;}

.background-image {
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
}

/*产品内页*/
.pro-show{position: absolute;left: 0;top: 0; width: 100%;height: 100%;overflow: hidden;z-index: 999;font-family: "微软雅黑"}
.qrWidth{position: relative;width: 100%;height: 100%;overflow: hidden;}
.pro-tie{position: absolute;top: 30%;left: 0;width: 85%;padding: 0 5% 0 10%;}
.pro-tie .pro-tie-fl{float: left;width: 50%;}
.pro-tie .pro-tie-fl b{font-size: 64px;color: #fff;display: block;margin-bottom: 54px;}
.pro-tie .pro-tie-fl p{font-size:36px;color: #fff;padding-left: 24%;text-transform: uppercase;}

.pro-tie .pro-tie-fr{float: right;text-align: right;}
.pro-tie .pro-tie-fr b{font-size: 70px;color: #fff;display: block;}
.pro-tie .pro-tie-fr i{display: inline-block;width: 30px;height: 10px; background: #eb6100;margin: 40px 0 10px 0;}
.pro-tie .pro-tie-fr p{font-size: 20px;color: #fff;}

.pro-box{position: absolute;right: 0;bottom: 0;width: 90%;}
.pro-box .info{padding-right: 20%;margin-bottom: 20px;position: absolute;bottom: 100px;z-index: 99;font-size: 14px;color: #fff;margin-bottom: 6px;line-height: 24px;font-family: 'Arial';}

.pro-show .back{display: block; position: absolute;left: 2%;bottom:474px;width: 120px;height: 120px;line-height: 120px;text-align: center; border-radius: 100px;background: rgba(0,0,0,0.8);overflow: hidden;z-index: 0;font-size: 18px;color: #c3bebe;transition: .5s all}
.pro-show .back:after{content: '';display: block;position: absolute;left: 0;bottom: -100%;width: 100%;height: 100%;background: rgb(235, 97, 0);transition: .6s all;z-index: -1;}
.pro-show .back:before{content: '';position: absolute;left: 0;bottom: 20px;width: 100%;height: 50px;background: url(../img/icon-more.png)no-repeat center;background-size: 20%;transition: .5s all;opacity: 0;transform: rotateZ(180deg);}
.pro-show .back:hover:before{bottom: 10px;opacity: 1;}
.pro-show .back:hover:after{bottom: 0;}
.pro-show .back:hover{color: #fff;line-height: 100px;}


.pro-box-cont{z-index: -1;background: rgba(0,0,0,.8);padding:4% 4% 2% 4%;opacity: 0; transition: .3s all;height: auto;overflow: hidden;height: 400px;transform: translateY(36px);}
.pro-box-cont .boxside{width: 92%;height: 80%;opacity: 0; transform: scale(0.9); overflow: hidden; transition: .5s all;position: absolute;z-index: -1;}
.pro-box-cont .boxside .boxside-cont{height: 100%;}
.pro-box-cont .active{transform: scale(1);opacity: 1;z-index: 9;}
.pro-box-cont .boxside .boxside-cont img{max-width: 100%;width: auto;margin: 0 auto;display: block;}
.pro-box-cont .boxside2 .boxside-cont img{height: 99%}


.pro-box-cont .boxside1 .cp{float: left;height: 112px;background: #efefef;margin-bottom: 2%}
.pro-box-cont .boxside1 .dc{width: 49%;margin-right: 2%}
.pro-box-cont .boxside1 .ny{width: 49%;}
.pro-box-cont .boxside1 .om{width: 100%;}
.pro-box-cont .boxside1 .js{width: 100%;}


.pro-box-cont .boxside1 span{float: left;height: 100%;font-size: 18px;color: #666;padding-right: 30px;border-right: 1px solid #d0d0d0;margin-left: 20px;padding-left: 80px;display: flex;justify-content: center;flex-direction: column;}
.pro-box-cont .boxside1 .dc span{background: url(../img/icon-dc.png)no-repeat left;background-size: 30%;}    
.pro-box-cont .boxside1 .dc p{float: left;font-size: 30px;
    width: 65%;text-align: center;}

.pro-box-cont .boxside1 .ny span{background: url(../img/icon-ny.png)no-repeat left;background-size: 25%;}
.pro-box-cont .boxside1 .om span{background: url(../img/icon-om.png)no-repeat left;background-size: 25%;}
.pro-box-cont .boxside1 .js span{background: url(../img/icon-js.png)no-repeat left;background-size: 25%;}
.pro-box-cont .boxside1 .cp p{float: left;margin-left: 5%;height: 100%;justify-content: center;display: flex;flex-direction: column;text-transform: uppercase;} 
.pro-box-cont .boxside1 .dc p{width: 43%}
.pro-box-cont .boxside1 .ny p{width: 43%}
.pro-box-cont .boxside1 .om p{width: 43%;}
.pro-box-cont .boxside1 .om p img{max-width: 100%;}
.pro-box-cont .boxside1 .js p{width: 43%;}
.pro-box-cont .boxside1 .js p img{max-width: 100%;}

.pro-box-cont .boxside3{text-align: center;}
.pro-box-cont .boxside3 li{display: inline-block;width: 24%;height: 94%;border-radius: 20px;padding: 10px;background: #fff;margin: 0 2%;overflow: hidden;}
.pro-box-cont .boxside3 li i{display: block;margin: 0 auto; width: 160px;height: 90px;}
.pro-box-cont .boxside3 li:nth-child(1) i{background: url(../img/icon-syfw.png)no-repeat center;background-size: 50%}
.pro-box-cont .boxside3 li:nth-child(2) i{background: url(../img/icon-sctx.png)no-repeat center;background-size: 50%} 
.pro-box-cont .boxside3 li dt{width: 100%;height:94%;border: 2px solid #b5b5b6;border-radius: 20px;padding-top: 6%;}
.pro-box-cont .boxside3 li b{display: block;font-size: 22px;text-align: center;font-weight: normal;position: relative;    margin-bottom: 20px;padding-bottom: 20px;}
.pro-box-cont .boxside3 li b:after{content: '';position: absolute;left: 0;bottom: 0;background: #b5b5b6;width: 60%;height: 1px;    margin: 0 20%;}
.pro-box-cont .boxside3 li p{font-size: 14px;padding: 15px 20px;text-align: center;line-height: 24px;}
.pro-box-cont .boxside3 li:nth-child(2) p img{width: 180px;}

.pro-box-cont .boxside4 .boxside-cont{padding: 0 2%}
.pro-box-cont .boxside4 ul li{float: left;width: 26.8%;height: 240px;background: #fff;margin-bottom: 2%;margin-right: 9.8%;}
.pro-box-cont .boxside4 ul li:nth-child(3){margin-right: 0}
.pro-box-cont .boxside4 ul li .txt{padding: 0 4%;text-align:left ! important;}

.pro-box-cont .boxside4 ul li i{display: block;width: 120px;height: 80px;margin: 0 auto}
.pro-box-cont .boxside4 ul li:nth-child(1) i{background: url(../img/icon-sgff.png)no-repeat center;background-size: 35%;}
.pro-box-cont .boxside4 ul li:nth-child(2) i{background: url(../img/icon-llyl.png)no-repeat center;background-size: 35%;}
.pro-box-cont .boxside4 ul li:nth-child(3) i{background: url(../img/icon-gzsj.png)no-repeat center;background-size: 35%;}
.pro-box-cont .boxside4 ul li b{font-size: 18px;color: #000;display: block;text-align: center;margin-bottom: 24px;}
.pro-box-cont .boxside4 ul li p{padding: 0 5%;font-size: 14px;color: #595757;text-align: center;text-transform: uppercase;}

.pro-box-cont .boxside4 ul dt{float: left; width: 92%;height: 118px;background: #fff url(../img/icon-zysx.png)no-repeat left;padding: 10px 0% 0 8%;background-position: 20px 12px;background-size: 4%;}
.pro-box-cont .boxside4 ul dt b{font-size: 18px;color: #000;    margin-bottom: 10px;display: block;}
.pro-box-cont .boxside4 ul dt p,.pro-box-cont .boxside4 ul dt span{font-size: 14px;color: #595757;width: 70%;line-height: 24px;}
.pro-box-cont .boxside4 ul dt strong{font-size: 16px;color: #000;}








.pro-box-tap{width: 100%; height: 100px;background: rgba(0,0,0,.8);z-index: 999;position: relative;}
.pro-box-tap ul{height: 100%}
.pro-box-tap ul li{float: left;width: 25%;height: 100%; text-align: center;display: flex;align-items: center;justify-content: center;flex-direction: column;cursor: pointer;}
.pro-box-tap ul li p{font-size: 16px;color: #fff;margin-bottom: 10px;font-weight: 500; transition: .5s all}
.pro-box-tap ul li span{font-size: 12px;color: #fff;display: block;text-transform: uppercase;font-family: 'Arial';}


.pro-box-tap ul li.active p{font-weight: 800;    font-size: 18px;}

@media (max-width: 1560px) {

.pro-box-cont .boxside1 .ny p{margin-top: 6px;}
.pro-box-cont .boxside1 span{padding-left: 60px;}

.pro-box-cont .boxside1 .om p{width: 50%;}
.pro-box-cont .boxside1 .js p{width: 50%;}


.pro-box-cont .boxside2 .boxside-cont img{max-width: 90%}
}



@media (max-width: 1440px) {
    .tuscany-banner ul img{
        top: 26%;
    }
    .tuscany-banner ul .img-ban-title2{
        top: 38%;
    }

    .pro-box-cont .boxside2 .boxside-cont img{max-width: 96%}

    .pro-tie .pro-tie-fr b{font-size: 50px;}
    .pro-tie .pro-tie-fr p{font-size: 16px;}

    .pro-tie .pro-tie-fl b{font-size: 50px;}
    .pro-tie .pro-tie-fl p{font-size: 36px;}

    .pro-show .back{width: 90px;height: 90px;line-height: 90px; font-size: 12px;bottom: 63.5%}
    .pro-show .back:hover{line-height: 70px;}
  
    .pro-box-cont .boxside{height: 84.5%}
    .pro-box-cont .boxside1 .cp{height: 117px;}  
    
}

@media (max-width: 1200px) {
.pro-box-cont{height: 350px;}

.pro-show .back{left: 1%;bottom: 52%;}

.pro-box-tap{height: 76px;}
.pro-box-cont .boxside{width: 92%; height: 80%}
.pro-box-cont .boxside1 .cp{height: 89px;}
.pro-box-cont .boxside1 .dc p{line-height: 89px;}

.pro-box-cont .boxside3 li{height: 94%}

.pro-box-cont .boxside4 ul li{height: 198px}
.pro-box-cont .boxside4 ul dt{height: 120px;}
.pro-box-cont .boxside4 ul li p{font-size: 12px;}

.pro-tie .pro-tie-fl b,.pro-tie .pro-tie-fr b{font-size: 44px}
.pro-tie .pro-tie-fl p{font-size: 30px;}
.pro-box-cont .boxside4 .boxside-cont{padding: 0}

.pro-box-cont .boxside2 .boxside-cont img{max-width: 100%; height: 96%;}
.pro-box-cont .boxside3 li{height: 90.5%}
.pro-box-cont .boxside3 li:nth-child(2) p img{max-width: 134px;}

.pro-box-cont .boxside3 li p{padding: 0 8%;font-size: 12px;}

.pro-box-cont .boxside4 ul li b{margin-bottom: 10px;}

.pro-box-cont .boxside4 ul dt p,.pro-box-cont .boxside4 ul dt span{font-size: 12px;}
}