body
{
    background-color:#ffffff;
}

.flash-layout {
    position: relative;
    width:100%;
    min-width:1320px;
    height:904px;
}
.flash-layout .flash{ }
.flash-layout .flash li
{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
}
.flash-layout .flash .btn
{
    position:absolute;
    left:0px;
    bottom:27px;
    width:100%;
    height:22px;
    text-align:center;
    z-index:999;
}
.flash-layout .flash .btn dt
{
    display:inline-block;
    width:16px;
    height:16px;
    margin:0px 6px;
    border-radius:50%;
    cursor:pointer;
}
.flash-layout .container
{
    position:relative;
    width:1150px;
    height:904px;
    margin:0px auto auto auto;
}
.flash-layout .container .zhiwen,.smart .container .zhiwen{ position:absolute; left:530px; bottom:-45px; width:90px; height:90px; background:url(../images/zhiwen.png) no-repeat; z-index:99999;}
.flash-layout .container .btn-wrap
{
    position:absolute;
    left:0px;
    bottom:72px;
    width:135px;
    height:68px;
    background:url(../images/arrow.png) no-repeat;
    z-index:9999;
}
.flash-layout .container .left-btn
{
    position:absolute;
    left:0px;
    top:0px;
    width:67px;
    height:68px;
    cursor:pointer;
    z-index:9999;
}
.flash-layout .container .right-btn
{
    position:absolute;
    right:0px;
    top:0px;
    width:67px;
    height:68px;
    cursor:pointer;
    z-index:9999;
}
.flash-layout .container .banner-con
{
    position:absolute;
    left:155px;
    bottom:72px;
    width:388px;
    height:58px;
    padding-top:10px;
    z-index:9999;
}
.flash-layout .container .banner-con p
{
    line-height:24px;
    font-size:16px;
    color:#ffffff;

}

.container{ position:relative; width:1200px; margin:0px auto auto auto; }







/*无缝滚动*/
.picScroll-left{ width:1200px;position:relative; margin: 0 auto; }
.picScroll-left  .prev,.picScroll-left  .next{ display:block;  width:34px; height:67px; margin-top:0;
    background:url(../images/home/previous.png) no-repeat; background-size:contain; position:absolute; top:50%; cursor:pointer; transform: translateY(-50%);}
.picScroll-left  .prev{ left:-49px;}
.picScroll-left  .next{ background:url(../images/home/next.png) no-repeat; background-size:contain; right:-49px;  width:34px; height:67px;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{  width: 288px; height: 318px;  background-color: #efedf1; margin-right:16px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic a{ height: 318px; display: block;padding-top: 39px; box-sizing: border-box;font-size: 20px; color: #7b7b7b; line-height: 30px;}
.picScroll-left .bd ul li .pic img{  width:121px; height:121px; margin-bottom: 30px; display: inline-block; }
.picScroll-left .bd ul li .pic img:last-of-type{ display: none;}
.picScroll-left .bd ul li .pic a:hover img:first-of-type{ display: none;}
.picScroll-left .bd ul li .pic a:hover img:last-of-type{ display: inline-block;}
.picScroll-left .bd ul li .pic a:hover img{border-color:#999; }
.picScroll-left .bd ul li .pic a:hover{ background-color: #c8161d; color: #fff;}
.picScroll-left .bd ul li .title{ line-height:24px;   }
/*结束*/

/* 产品系列css */
.slideBox{ width:591px;  height: 405px; box-sizing: border-box; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0; }
.slideBox .bd li{ zoom:1; vertical-align:middle; display: flex; align-items: flex-start; }
.slideBox .bd li .left img{ margin:10px 29px 0 0;}
.slideBox .bd li .title p{ color: #f9c27b;}
.slideBox .bd li .title p:first-of-type{ font-size: 40px; text-transform: uppercase;}
.slideBox .bd li .title p:last-of-type{ font-size: 26px;}
.slideBox .bd li .info{ width: 469px; color: #fff; font-size: 16px; line-height: 24px;}
.proLine{ width: 102px; height: 1px; background-color: #fff; display: block; margin: 60px 0 20px;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; right:0; display:block; width:99px; height:22px;  }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prev{ background:url(../images/home/proLeft.png) no-repeat; top: 0;}
.slideBox .next{ background:url(../images/home/proRight.png) no-repeat 58px 0; height: 27px; bottom:0; width: 157px; font-size: 16px; line-height: 38px; text-transform: uppercase; color: #fff;}
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

/*结束*/
.product{ height: 824px; border-bottom: 1px solid #d5cae3; box-sizing: border-box; position: relative;}
.productList{ width: 1003px; height: 475px; padding: 34px 0 0 28px; box-sizing: border-box; background-color: rgba(200,22,29,0.95); position: absolute; right: 0; top: 163px;}
.bor{ width: 924px; height: 16px; background-color: #c8161d;}
.grey{ width: 1153px; height: 809px; background-color: #2e2e2e;}
.grey img{  float: right;}

.section{ padding: 55px 0 49px;}
.section h2{ text-align: center; margin-bottom: 39px;}
.section h2 p.en{ font-size: 14px; margin-bottom: 10px;text-transform: uppercase;}
.section h2 p.zw{ font-size: 18px; margin-top: 10px;}
.line{ width: 124px; height: 1px; display: block; margin: 0 auto; background-color: #949494;}
.marg1{ margin-bottom: 1px;}
.padd0{ padding: 0;}
.news{ background-color: #d1d1d1;}
.newsList ul{ width: 980px; margin: 0 auto; display: flex; justify-content: space-between;}
.newsList ul li{}
.newsList ul li a{transition:all 0.5s;-webkit-transition:all 0.5s;;-o-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s; display: block; background-color: #bfbfbf; width: 304px; height: 364px; color: #000; line-height: 20px; border: 1px solid #848484; box-sizing: border-box; position: relative;}
.newsList ul li .info{ padding: 21px 38px; text-align: justify;}
.newsList ul li .info h4{ font-size: 16px; margin-bottom: 13px; height:20px; overflow:hidden;}
.newsList ul li .info p{ height:60px; overflow:hidden;}
.newsList ul li .info b{ position: absolute; right: 38px; bottom: 26px; font-weight: normal;}
.newsList ul li a:hover{ background-color: #2e2e2e; color: #fff;}
.newsList ul li a:hover .info h4{ color: #f9c27b;}
.more{ width: 228px; height: 50px; display: block; margin: 38px auto 0; background-color: #2e2e2e; line-height: 50px; text-align: center; font-size: 14px; color: #fff; text-transform: uppercase;transition:all 0.5s;-webkit-transition:all 0.5s;;-o-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;}
a:hover.more{ background-color: #c8161d;}
.prise{ width: 100%; height: 390px; overflow: hidden; position: relative;}
.prise .title{ text-align: center; line-height: 44px; font-size: 18px; color: #fff;}
.prise .title h3{ font-size: 26px;}
.prise .title p{ text-transform: uppercase;}
.priseList ul{ display: flex; justify-content: space-between; width: 1150px; margin: 40px auto 0;}
.priseList ul li{ width: 189px; height: 189px; border: 1px solid #727476; color: #fff; box-sizing: border-box; display: flex; align-items: center; justify-content: center; flex-direction: column;transition:all 0.5s;-webkit-transition:all 0.5s;;-o-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;}
.priseList ul li:hover{ background-color: #c8161d; color: #f9c27b;}
.priseList ul li p:first-of-type{ margin-bottom: 17px;}
.priseList ul li p span{ font-size: 40px; line-height: 42px;}
.qualityList ul{ display: flex; flex-wrap: wrap;}
.qualityList ul li{ width: 50%; height: 510px; overflow: hidden; background-color: #2a2a2a; color: #fff; position: relative;}
.qualityList ul li >img{ width: 100%; height: 510px; transition:all 0.8s;-webkit-transition:all 1s;;-o-transition:all 1s;-ms-transition:all 1s;-moz-transition:all 1s;}
.qualityList ul li:hover > img{
    transform: scale(1.1);
    -ms-transform: scale(1.1);	/* IE 9 */
    -webkit-transform: scale(1.1);	/* Safari 和 Chrome */
    -o-transform: scale(1.1);	/* Opera */
    -moz-transform: scale(1.1);	/* Firefox */
}
.qualityList ul li >img.opacity{ opacity: 0.7;}
.qualityList ul li .info{ position: absolute; top: 113px; width: 522px; font-size: 14px; line-height: 24px; color: #fff;}
.qualityList ul li .ps_r{ right: 47px; }
.qualityList ul li .ps_l{ left: 47px; }
.qualityList ul li .icons{ width: 90px; height: 90px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 999;}
.qualityList ul li .add{ width: 180px; height: 160px; background: url("../images/home/add.png") no-repeat; margin:65px auto 40px; position: relative;}
.fk{ width: 160px; height: 140px; position: absolute; left: 10px;top: 10px; background-color:rgba(255,255,255,0.1); font-size: 16px; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column;;}
.fk p:first-of-type{ font-size: 30px; line-height: 45px;}
.qualityList ul li .info p.text{ display: none;}
.qualityList ul li:hover .info .fk{ background-color: #c8161d;}
.qualityList ul li:hover .info p.text{ display: block;}
.smart{ width: 100%; height: 1007px; padding: 0; background: url("../images/home/bg.jpg") no-repeat center center; background-size: cover;}
.smartList{ width: 107px; height: auto; margin: 0 19px; box-sizing: border-box; border: 1px solid #1b7ba5; padding: 5px;}
.smartList li{ width: 96px; height: 29px; background: url("../images/home/btn.png") no-repeat; font-size: 14px; color: #fff; line-height: 29px; text-align: center; font-family: "微软雅黑"; margin-bottom: 5px;}
.smartList li:last-of-type{ margin-bottom: 0;}
.smartList li:hover{ background: url("../images/home/btna.png") no-repeat; cursor: pointer;}
.smart .title{ color: #f9c27b; margin-bottom: 40px;}
.smart .title h3,.smart .title p{transition:all 0.5s;-webkit-transition:all 0.5s;;-o-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;}
.smart .title h3.scale,.smart .title p.scale{
    transform: scale(0.1);
    -ms-transform: scale(0.1);	/* IE 9 */
    -webkit-transform: scale(0.1);	/* Safari 和 Chrome */
    -o-transform: scale(0.1);	/* Opera */
    -moz-transform: scale(0.1);	/* Firefox */
}
.smart .container{ width: 1150px; position: relative; margin: 0 auto;height: 1007px; padding: 49px 0; box-sizing: border-box;}
.smartDiv{ display: flex; justify-content: center; align-items: center; position: relative; padding: 161px 0;}
.topIcon{ width: 570px; display: flex; justify-content: space-between; text-align: center; color: #fff; font-size: 14px; position: absolute; left: 50%; top: 0; transform: translateX(-50%);}
.smartB{ position: absolute; bottom: -7px; left: 50%; transform: translateX(-50%);}
.smartB.opacity{bottom:-100px;opacity:1;}
.smartT{ position: absolute; top: -7px; left: 50%; transform: translateX(-50%);}
.smartT.opacity{top:-100px;opacity:1;}
.smartL.opacity{left:-100px;opacity:1;}
.smartR.opacity{right:-100px;opacity:1;}
.smartL{ position: absolute; left: 49px; top: 180px;}
.smartR{ position: absolute; right:61px; top: 177px;}
.animate{ transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;-moz-transition:all 1s;}
.priseCont{ position: absolute;top: 45px; left: 50%; transform: translateX(-50%);}
.prise .img-container
{
    position:absolute;
    top:0px;
    left:50%;
    width:100%;
    height: 395px;
    margin-left:-960px;
    animation: myfirst 20s infinite;
    -moz-animation: myfirst 20s infinite;	/* Firefox */
    -webkit-animation: myfirst 20s infinite;	/* Safari 和 Chrome */
    -o-animation: myfirst 20s infinite;	/* Opera */
}
.prise .img-container img{ width: 1920px; height: 395px;}
@keyframes myfirst
{
    0%  {
        transform:scale(1);
        -ms-transform:scale(1); /* IE 9 */
        -moz-transform:scale(1); /* Firefox */
        -webkit-transform:scale(1); /* Safari and Chrome */
        -o-transform:scale(1); /* Opera */
    }
    50%{
        transform:scale(1.1);
        -ms-transform:scale(1.1); /* IE 9 */
        -moz-transform:scale(1.1); /* Firefox */
        -webkit-transform:scale(1.1); /* Safari and Chrome */
        -o-transform:scale(1.1); /* Opera */
    }
    100%  {
        transform:scale(1);
        -ms-transform:scale(1); /* IE 9 */
        -moz-transform:scale(1); /* Firefox */
        -webkit-transform:scale(1); /* Safari and Chrome */
        -o-transform:scale(1); /* Opera */
    }
}

@-moz-keyframes myfirst /* Firefox */
{
    0%  {
        transform:scale(1);
        -ms-transform:scale(1); /* IE 9 */
        -moz-transform:scale(1); /* Firefox */
        -webkit-transform:scale(1); /* Safari and Chrome */
        -o-transform:scale(1); /* Opera */
    }
    50%{
        transform:scale(1.1);
        -ms-transform:scale(1.1); /* IE 9 */
        -moz-transform:scale(1.1); /* Firefox */
        -webkit-transform:scale(1.1); /* Safari and Chrome */
        -o-transform:scale(1.1); /* Opera */
    }
    100%  {
        transform:scale(1);
        -ms-transform:scale(1); /* IE 9 */
        -moz-transform:scale(1); /* Firefox */
        -webkit-transform:scale(1); /* Safari and Chrome */
        -o-transform:scale(1); /* Opera */
    }
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
    0%  {
        transform:scale(1);
        -ms-transform:scale(1); /* IE 9 */
        -moz-transform:scale(1); /* Firefox */
        -webkit-transform:scale(1); /* Safari and Chrome */
        -o-transform:scale(1); /* Opera */
    }
    50%{
        transform:scale(1.1);
        -ms-transform:scale(1.1); /* IE 9 */
        -moz-transform:scale(1.1); /* Firefox */
        -webkit-transform:scale(1.1); /* Safari and Chrome */
        -o-transform:scale(1.1); /* Opera */
    }
    100%  {
        transform:scale(1);
        -ms-transform:scale(1); /* IE 9 */
        -moz-transform:scale(1); /* Firefox */
        -webkit-transform:scale(1); /* Safari and Chrome */
        -o-transform:scale(1); /* Opera */
    }
}

@-o-keyframes myfirst /* Opera */
{
    0%  {
        transform:scale(1);
        -ms-transform:scale(1); /* IE 9 */
        -moz-transform:scale(1); /* Firefox */
        -webkit-transform:scale(1); /* Safari and Chrome */
        -o-transform:scale(1); /* Opera */
    }
    50%{
        transform:scale(1.1);
        -ms-transform:scale(1.1); /* IE 9 */
        -moz-transform:scale(1.1); /* Firefox */
        -webkit-transform:scale(1.1); /* Safari and Chrome */
        -o-transform:scale(1.1); /* Opera */
    }
    100%  {
        transform:scale(1);
        -ms-transform:scale(1); /* IE 9 */
        -moz-transform:scale(1); /* Firefox */
        -webkit-transform:scale(1); /* Safari and Chrome */
        -o-transform:scale(1); /* Opera */
    }
}