/*-----------------[初始化]--------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; }
table{border-collapse:collapse; border-spacing:0; } 
fieldset,img{border:0; }
ol,ul{list-style:none; }
em{font-style: normal;}
caption,th{text-align:left; } 
q:before,q:after{content:''; } 
abbr,acronym{border:0; } 
a{text-decoration:none; } 
.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.l,.col-l,.col_l{float:left; }
 .r,.col-r,.col_r{float:right; } 
 .c{clear:both; } 
.dn{display:none; }  
*,*:before,*:after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none !important;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
body {color: #333;font-size: 14px;line-height: 1.5;font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;-webkit-font-smoothing: antialiased;}
img {border: none;}
input,textarea,select {font-size: 14px;color: #333;font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;border: none;}
input[type='submit'],input[type='reset'],input[type='button'],input[type='radio'],input[type='checkbox']{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
::-ms-input-placeholder {color: #999;}
select::-ms-expand {display: none;}
a {color: #333;text-decoration: none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
.img-cover{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img-contain{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    transform: translate(-50%,-50%);
}
/*布局*/
.wp {margin: 0 auto;width: 100%;max-width: 1446px;}
.wp2{margin: 0 auto;width: 100%;max-width: 80%;}
@media only screen and (max-width: 1500px) {
    .wp{width: 1300px;}
}
@media only screen and (max-width: 1430px) {
     .wp,.wp2{max-width: 1200px;}
}
@media only screen and (max-width: 1230px) {
    .wp,.wp2{width: auto;padding: 0 30px;max-width: 100%;}
}
@media only screen and (max-width: 767px) {
    .wp,.wp2{padding: 0 15px;}
}
/*******************************
    -------[=header]-------
********************************/
.header{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    padding: 0  13.5% ;
    background: rgba(255,255,255, .8);
    transition: all .8s ease;
    -moz-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
    box-shadow: rgb(0 0 0 / 10%) 0 1px 5px;
}
.header:hover{
    padding-top: 25px;
    padding-bottom: 25px;
}
.header.active{
    padding-top: 25px;
    padding-bottom: 25px;
}
.header .box{
    position: relative;
    height: 70px;
}
.header .logo{
  width: 145px;
    height: 90px;
    position: absolute;
    left:0;
    top: 50%;
    margin-top: -45px;
    background:url(../images/logo.png) no-repeat left center;
    overflow:hidden;
    text-indent:-1000em;
    font-size:14px;
    color:#fff;
    background-size:auto 100%;
    transition: all .8s ease;
    -moz-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
    transform: scale(.5);
    transform: scale(.5);
    -ms-transform: scale(.5);
    -moz-transform: scale(.5);
    -webkit-transform: scale(.5);
    -o-transform: scale(.5);
}
.header:hover .logo{
    transform:scale(.75);
    -ms-transform:scale(.75);   /* IE 9 */
    -moz-transform:scale(.75);  /* Firefox */
    -webkit-transform:scale(.75); /* Safari ºÍ Chrome */
    -o-transform:scale(.75);    /* Opera */
}
.nav{
    float: right;
}
.nav ul{
    float: left;
    margin-right: 116px;
}
.nav ul li{
    float: left;
    position: relative;
}
.nav li .v1{
    display: block;
    line-height: 70px;
    padding: 0 14px;
    font-size: 14px;
}
.nav li .v1:hover,
.nav li.on .v1{
    color:#e60619;
}
.nav .sub{
   width: 170px;
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    border: 1px solid #ededed;
    box-shadow: 2px 2px 2px #efefef;
    transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition-delay: .2s;
    -moz-transition-delay: .2s;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
     background: #fff;
}
.nav .sub.on{
    height: auto;
    opacity: 1;
}
.nav .sub a{
    width: calc(100% - 14px);
    line-height: 45px;
    display: block;
    padding: 0 0 0 14px;
    color: #666;
    font-size: 14px;
   
    border-bottom: 1px solid #ededed;
    position: relative;
}
.nav .sub a:last-child{
    border-bottom: none;
}
.nav .sub a:hover{
     color: #e60619;
     background: url(../images/arrow-right-hover.png) no-repeat right center;
}
.nav .language{
    float: left;
    height: 20px;
    line-height: 20px;
    margin-top: 25px;
}
.nav .language a{
    font-size: 14px;
    display: inline-block;
    padding: 0 5px;
}
.nav .language a.on,
.nav .language a:hover{
    color: #e60619;
}
.nav .language a:first-child{
    border-right: 2px solid #989898;
}
.nav .language a:nth-child(2){
    border-right: 2px solid #989898;
}

.sonLink{
    height: 36px;
    line-height: 36px;
    position: absolute;
    right: 29px;
    top: 50%;
    margin-top: -18px;
}
.sonLink span{
    margin-right: 20px;
    font-size: 14px;
    float: left;
    color:#e60619;
}
.sonLink .sonLink-btn{
    width: 35px;
    height: 35px;
    float: left;
    cursor: pointer;
    background:#e60619 url("../images/sonLink-icon.png") no-repeat center;
}
.sonLink .sonLink-btn:hover{
    background: #5a5a5a url("../images/sonLink-icon.png") no-repeat center;
}

.sonCompany{
    width: 360px;
    height: 100vh;
    background: #fff;
    padding-top: 110px;
    position: fixed;
    right: -362px;
    top: 0;
    z-index: 1001;
    transition: right .8s ease;
    -moz-transition: right .8s ease; /* Firefox 4 */
    -webkit-transition: right .8s ease; /* Safari ºÍ Chrome */
    -o-transition:right .8s ease; /* Opera */
}
.sonCompany.active{
    right: 0;
}
.sonCompany-btn{
    width: 35px;
    height: 35px;
    background: #5a5a5a url("../images/sonCompany-icon.png") no-repeat center;
    display: inline-block;
    position: absolute;
    right: 29px;
    top: 45px;
    cursor: pointer;
}
.sonCompany-btn:hover{
    background: #e60619 url("../images/sonCompany-icon.png") no-repeat center;
}
.sonCompany .list{
    height: calc(100% - 110px);
    border-top: 1px solid #f2f2f2;
}
.sonCompany .list li{
    height: calc(100% / 12);
}
.sonCompany .list li a{
    width: 355px;
    line-height: 62px;
    height: 100%;
    border-left: 5px solid transparent;
    text-indent: 38px;
    display: inline-block;
    border-bottom: 1px solid #f2f2f2;
    font-size: 14px;
}
.sonCompany .list li:first-child a{
    font-weight: bolder;
    color: rgb(0, 0, 0);
    font-size: 15px;
}
.sonCompany .list li.cur a , .sonCompany .list li:hover a{
    color: #e60619;
    border-left: 5px solid #e60619;
    background: rgba(246,245,245, .15);
}
.menuBtn{
    display: none;
    position: fixed;
    top: 16px;
    right: 12px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn b{display: block;height: 4px;background-color: #e60619;
    margin: 4px 0;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn.open{}
.menuBtn.open b{display: none;margin: 0;position: absolute;left: 0px;top: 50%;margin-top: -5px;width: 30px;}
.menuBtn.open b:first-child{display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.open b:last-child{display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

@media only screen and (max-width: 1700px) {
    .header{padding-left: 5%;}
    .nav ul{margin-right: 50px;}

}
@media only screen and (max-width: 1500px) {
 .header{padding-left: 0px;}
 .nav ul{margin-right: 30px;}
}
@media only screen and (max-width: 1430px) {
    .nav li .v1{padding: 0 10px;}
    .nav ul{margin-right: 0;}
}
.nav_mobile{display:none;}
@media only screen and (max-width: 1280px) {
.header{display:block;background:#FFF;padding:0 0;}
.header .box{height:60px;}
.nav{display:none;}
.sonLink{display:none;}
.header:hover{
    padding-top:0;
    padding-bottom:0;
}
.header.active{
    padding-top:0;
    padding-bottom:0;
}
.header .logo{height:54px;margin-top:-27px;left:12px;
    transform:scale(1);
    -ms-transform:scale(1);   /* IE 9 */
    -moz-transform:scale(1);  /* Firefox */
    -webkit-transform:scale(1); /* Safari 潞脥 Chrome */
    -o-transform:scale(1);    /* Opera */
}
.header:hover .logo{
    transform:scale(1);
    -ms-transform:scale(1);   /* IE 9 */
    -moz-transform:scale(1);  /* Firefox */
    -webkit-transform:scale(1); /* Safari 潞脥 Chrome */
    -o-transform:scale(1);    /* Opera */
}
 .menuBtn{display: block;}
    .nav_mobile{
        position: fixed;
        top: 60px;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 999;
        overflow: hidden;
        background: #fff;
        width: auto;
        float: none;
        padding: 0;
        display: none;
        border-top:1px solid #eee;
    }
    .nav_mobile li{position: relative;}
    .nav_mobile li .v1{line-height: 40px;text-align: left;padding:0 20px;color:#333; border-bottom:1px solid #eee;font-size: 14px;display: block; }
    .nav_mobile li i {
        display: block;
        width: 40px;
        height: 40px;
        background-position: center center;
          position: absolute;
          right: 0;
          top: 0;
        z-index: 9;
        background: url(../images/sel.png) no-repeat center center;
        -webkit-background-size: 18px 18px;
        background-size: 18px 18px;
    }
    .nav_mobile li .sub{
      padding: 10px 0;
      background-color: #e60619;
      display: none;
    }
    .nav_mobile li .sub a{padding-left: 20px;text-align: left;line-height: 30px;color:#fff;font-size: 14px;display: block;}
    .nav_mobile .v1{height: 40px;line-height: 40px;text-align: left;color:#333;padding-left: 10px;margin:0;overflow: hidden;}
    .nav_mobile li:hover .v1,
    .nav_mobile li.on .v1{
        background: none;
    }
    .nav_mobile li .v1::after{display: none;}
    #floatBottom{display: block;}
}
@media only screen and (max-width: 767px) {
    body{padding-top: 60px;}
}
/*******************************
    -------[=底部]-------
********************************/

/*******************************
    -------[=公用]-------
********************************/
.banner a{
    display: block;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
}
.banner .swiper-button-prev{
    width: 40px;
    height: 38px;
    top: 40%;
    margin-top: -19px;
    cursor: pointer;
    z-index: 998;
    opacity: 0;
    background:rgba(180,180,180,.44) url(../images/index-button-prev.png) no-repeat center;
    -webkit-background-size: auto;
    background-size: auto;
}
.banner .swiper-button-next{
   width: 40px;
    height: 38px;
    top: 40%;
    margin-top: -19px;
    cursor: pointer;
    z-index: 998;
    background:rgba(180,180,180,.44) url(../images/index-button-next.png) no-repeat center;
     -webkit-background-size: auto;
    background-size: auto;
    opacity: 0;
}
.banner .aamis{animation: 1s mis;opacity: 0;}
.banner:hover .swiper-button-next,
.banner:hover .swiper-button-prev{
   animation: 1s apppee; opacity: 1;
}
.banner .swiper-button-next:hover{
     background-color: #e60619 ;
     opacity: 1;
     background-image: url(../images/index-button-nexts.png);
}
.banner .swiper-button-prev:hover{
     background-color: #e60619 ;
     opacity: 1;
      background-image: url(../images/index-button-prevs.png);
}
@keyframes apppee{
    0%{opacity: 0;}
    100%{opacity: 1;}
}
@keyframes mis {
    0%{opacity: 1;}
    100%{opacity: 0;}
}
.sel{
  animation-name: start;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
@keyframes start{
    0%,100%{-webkit-transform:translateY(0)}
    50%{opacity:.8;-webkit-transform:translateY(-15px);}
}

.page1{
  
}
.indexNews{
    width: 100%;
    height: 230px;
    margin: auto;
    position: absolute;
    bottom:0;
    left: 0;
    z-index: 99;
    background: rgba(255,255,255, .8);
    padding: 50px 0 0;
    transition: all .8s ease;
    -moz-transition: all .8s ease; 
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease; 
    overflow: hidden;
}

.indexNews:hover{
   height:414px;
}
.indexNews::after {
    content: '';
    display: block;
    position: absolute;
    top:10px;
    left:50%;
    margin-left:-22px;
    width: 45px;
    height: 29px;
    opacity: 1;
    transition: opacity 1s;
    background: url(../images/jianTouLogoGai.png) no-repeat;
}
.indexNews:hover::after{
    opacity: 0;
    transition: opacity 1s;
}
.ul-listnews{
    overflow: hidden;
}

.ul-listnews .con{
    height: 182px;
    overflow: hidden;
}
.ul-listnews .pic{
    width: 198px;
    height: 132px;
    overflow: hidden;
    float: left;
    margin-right: 15px;
}
.ul-listnews .pic img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ul-listnews .txt{
    overflow: hidden;
    width: 60%;
}
.ul-listnews .time{
    font-size: 14px;
    color:#333;
    margin-top: 5px;
}

.ul-listnews i{
    width: 15px;
    height: 1px;
    background: #cbcccc;
    display: inline-block;
    margin-right: 8px;
    transition: all .8s ease;
    -moz-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
}
.ul-listnews .tit{
    line-height: 25px;
    font-size: 16px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .8s ease;
    -moz-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
}
.ul-listnews .desc{
    line-height: 24px;
    color: #999;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ul-listnews .swiper-slide:hover i{
 width: 80px;
}
@media only screen and (max-width: 1800px) {

}
@media only screen and (max-width: 1280px) {

.product-type{overflow: hidden;}
.ul-listnews .con{height: auto;}
.indexNews:hover{height: auto;}
}
@media only screen and (max-width: 1023px) {
.banner a{height: 50.47vw;}
.indexNews{position: static;height: auto;padding: 0;}
.ul-listnews .con{padding: 15px 0;}
.indexNews::after{display: none;}
.banner .aamis{opacity: 1;}
.banner .swiper-button-next,.banner .swiper-button-prev{top: 50%;}
}
@media only screen and (max-width: 1023px) {
.ul-listnews .pic{width: 100%;float: none;height: 300px;}
.ul-listnews .pic img{}
.ul-listnews .txt{width: auto;}
}
/**首页第二屏 index page2***/

.product-type .item-box .item{
    z-index: 106;
    width: calc(100% / 3);
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    padding-left: 10px;
}
.itemOpacity{
    animation:myfirstItem1 3s;
    -moz-animation:myfirstItem1 3s;
    -o-animation:myfirstItem1 3s;
    -webkit-animation:myfirstItem1 3s;
    animation-fill-mode: forwards;
}
/*增添的淡出效果*/
@keyframes myfirstItem1{
    0% {opacity: 1;z-index: 106;}
    100% {opacity: 0;z-index: 0;}
}
@-o-keyframes myfirstItem1{
    0% {opacity: 1;z-index: 106;}
    100% {opacity: 0;z-index: 0;}
}
@-webkit-keyframes myfirstItem1{
    0% {opacity: 1;z-index: 106;}
    100% {opacity: 0;z-index: 0;}
}
@-moz-keyframes myfirstItem1{
    0% {opacity: 1;z-index: 106;}
    100% {opacity: 0;z-index: 0;}
}
.img02{
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    object-fit: cover;
}

.lookMore-icon{
    width: 35px;
    height: 35px;
    display: inline-block;
    background: url("../images/lookMore-icon.png") no-repeat;
    position: absolute;
    left: 50%;
    top: 37%;
    margin: 0 0 0 -17.5px;
    opacity: 1;
    transition: all .8s ease;
    -moz-transition: all .8s ease; /* Firefox 4 */
    -webkit-transition: all .8s ease; /* Safari ºÍ Chrome */
    -o-transition: all .8s ease; /* Opera */
}
.product-type .item:hover .lookMore-icon{
    opacity: 0;
}
.lookMore-icon-hover{
    width: 60px;
    height: 60px;
    background: url("../images/lookMore-icon-hover.png") no-repeat;
    position: absolute;
    left: 50%;
    opacity:0 ;margin-bottom: -30px;bottom: 58%;
    margin: 0 0 0 -30px;
    transition: all 2s ease;
    -moz-transition: all 2s ease; /* Firefox 4 */
    -webkit-transition: all 2s ease; /* Safari ºÍ Chrome */
    -o-transition: all 2s ease; /* Opera */
}
.product-type .item:hover .lookMore-icon-hover{
    opacity:1;left: 50%;
}
.product-type .item .info-box{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 46%;
    left:0;
    opacity: 1;
    transition: all .8s ease;
    -moz-transition: all .8s ease; /* Firefox 4 */
    -webkit-transition: all .8s ease; /* Safari ºÍ Chrome */
    -o-transition: all .8s ease; /* Opera */
}
.product-type .item:hover .info-box{
    opacity: 0;
}
.product-type .item .info-box .tt{
    line-height: 47px;
    color: #fff;
    font-size: 24px;
}
.product-type .item .info-box .eng-tt{
    line-height: 26px;
    font-size: 14px;
    color: #fff;
}
.product-type .item-box .item .img-cover{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0, .54);
    opacity: 1;
    transition: all .8s ease;
    -moz-transition: all .8s ease; /* Firefox 4 */
    -webkit-transition: all .8s ease; /* Safari ºÍ Chrome */
    -o-transition: all .8s ease; /* Opera */
}
.product-type .item-box .item:hover .img-cover{
    opacity: 0;
}
.detail-box{
    position: relative;
}


.product-type{
}
.detail-box{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    background: #fff;
}
.product-type.active .detail-box{
    display: block;
}
.detail-box .cate{
    width: calc(100% - 200px);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: #fff;
}
.detail-box .cate.cate1{
    left: 0;
}
.detail-box .slide-nav{
    width: 100px;
    height: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.detail-box .slide-nav .slide-nav-tt{
    width: 36px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 28%;
    margin: 0 0 0 -18px;
    z-index: 6;
}
.detail-box .slide-nav .img03{
    width: 100%;
    height: 100%;
}
.detail-box .slide-nav .img-cover{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0, .5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}
.detail-box .cate.cur .slide-nav .img-cover{
    display: none;
}
.detail-box .slide-nav:hover .img-cover{
    display: none;
}
.detail-box .product-list{
    width:80%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform:translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
}
.product-list h3{
    line-height: 63px;
    font-size: 24px;
    margin-left: 50px;
}
.product-list ul li{
    float: left;
    position: relative;
    overflow: hidden;
    width: calc(100% / 3 - 10px);
    height: 210px;
    margin: 0 10px 10px 0;
}


.detail-box .cate .item:hover .img-cover{
    opacity: 0;
}

.detail-box .cate .itemBian{
    width: 100px;
    overflow: hidden;
    position: relative;
}
.main.index .product-list .ulMax{
    width: 100%;}
.main.index .product-list .ulMax ul{ float: left;width: 100%;
    height: 670px;}
.main.index .product-list .viewPro{ 
    width: 100%;
    overflow: hidden;
    margin-left: 50px;
}


.product-list ul li:nth-child(3n){
    margin: 0 0 1.5% 0;
}
.product-list ul li img{
    width: 100%;
    height: 100%;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
.product-list ul li a:hover img{
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}
.product-list ul li p{
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #fff;
    position: absolute;
    bottom: 10%;
    z-index: 10;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 5px;
}
.product-list ul li:hover p{
    display: none;
}
.product-list ul li .img-cover{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0, .5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
}
.product-list ul li a:hover .img-cover{
    display: none;
}
.product-list ul li .icon{
    width: 59px;
    height: 60px;
    background: url("../images/lookMore-icon-hover.png") no-repeat;
    position: absolute;
    top: 100%;
    left: 50%;
    margin: 0 0 0 -29.5px;
    transition: all .8s ease;
    -moz-transition: all .8s ease; /* Firefox 4 */
    -webkit-transition: all .8s ease; /* Safari ºÍ Chrome */
    -o-transition: all .8s ease; /* Opera */
}
.product-list ul li a:hover .icon{
    top: 50%;
    margin-top: -30px;
}
/**修改首页第二屏动画效果--增加cate1**/

/**0313**/
.return-btn{
    width: 78px;
    line-height: 35px;
    height:35px;
    text-align: center;
    background: #e60619;
    color: #fff;
    display:inline-block;
    margin-left: calc(100% - 39px);
    margin-top:20px;
}
.main.index .product-list .cate2-btn li.return-btn{
    width: 78px;
    line-height: 35px;
    height:35px;
    text-align: center;
    background: #e60619;
    color: #fff;
    display:inline-block;
}
/**增加首页第二屏cate2翻页按钮**/
.main.index .product-list .cate2-btn{
    margin-left: calc(100% - 212px);
    margin-top: 20px;
    width: 264px;
}
.main.index .product-list .cate2-btn li{
    float:left;
}
.main.index .product-list .cate2-btn .up-btn{
    width: 78px;
    line-height: 35px;
    height:35px;
    text-align: center;
    background: #e60619;
    color: #fff;
    display:inline-block;
    margin-right:10px;
}



/**修改首页第二屏动画效果**/
.detail-box .cate{
    position: absolute;
    cursor: pointer;
    z-index: 10;
    overflow: hidden;
    -webkit-transition:all 0.8s linear;
        -moz-transition:all 0.8s linear;
            transition:all 0.8s linear;
}
.detail-box .cate.cate1{
    left:0;
    }
.detail-box .cate.cate2{
    left:calc(100%/3);
    }
.detail-box .cate.cate3{
    left:calc(200%/3);
    }
    .detail-box .cate.cate11,
    .detail-box .cate.cate22,
    .detail-box .cate.cate222,
    .detail-box .cate.cate2222,
    .detail-box .cate.cate33,
    .detail-box .cate.cate333,
    .detail-box .cate.cate3333{
        left:0;
        /*width:87%;*/
        }


/**修改首页第二屏动画效果-cate2-cate3**/
.detail-box .cate .item{
    overflow: hidden;
    position: relative;
    height: 100vh;
    width: calc(116% / 3 );
    -webkit-transition:all .8s linear;
        -moz-transition:all .8s linear;
            transition:all .8s linear;
}

.detail-box .cate .item .img-cover{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0, .54);
    opacity: 1;
}
.detail-box .cate .item:hover .img-cover{
    opacity: 0;
}
.detail-box .product-list{
    position: absolute;
    top: 90px;
    left:50%;
    z-index: -3;
    transition: all 2s ease;
}
.detail-box .cate .item.itemBian{
    width: 100px;
    overflow: hidden;
    position: relative;
}
.product-type .item .info-box .tt.tt-gai{
    width: 5px;
    color: #ffffff;
    opacity: 1;
    line-height: 25px;
    margin-left: 36px;
}
.img04{
    height: 100%;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
}

@media only screen and (max-width: 1900px) {
    .product-list ul li{height: 170px;}
    .main.index .product-list .ulMax ul{height: 550px;}
  
}
@media only screen and (max-width: 1460px) {
.detail-box .cate .item{width: calc(119% / 3 );}
.product-list ul li{height: 150px;}
.main.index .product-list .ulMax ul{height: 470px;}
}
@media only screen and (max-width: 1279px) {
.product-type{position: relative;height: 60vw;}
.detail-box .product-list{top: 0;}
.detail-box .cate .item {width: calc(125% / 3 );}
}
@media only screen and (max-width: 1023px) {
.product-type{position: static;height: auto;}
.detail-box .cate .item{width: auto;float: none;position: relative;height: 100%;}
.detail-box .cate{width: auto;float: none;position: static;}
.detail-box{position: static;}
.detail-box .cate {height: auto;overflow: hidden;}
.detail-box .cate .item{height: 160px;}
.detail-box .cate .item .img-cover{display: none;}
.detail-box .product-list{position: static;width: 100%;transform: translate(0);padding: 20px 30px;display: none;}
.lookMore-icon-hover,.lookMore-icon{display: none;}
.main.index .product-list .cate2-btn{width: auto;margin-left: 0;}
.main.index .product-list .viewPro{margin-left: 0;}
.product-type .item .info-box{top: 0;}
.product-type .item .info-box .tt{line-height: 160px;margin-bottom: 0;}
.product-list h3{display: none;}
.main.index .product-list .ulMax ul{height: auto;}
.return-btn{margin-left: 0;}
.img02{object-fit: cover;position: static;width: 100%;}
.detail-box .product-list{transition: all 0s ease;}
.product-type .item:hover .info-box{opacity: 1;}
}
@media only screen and (max-width: 767px) {
    .detail-box .product-list{padding: 10px 15px;overflow: hidden;}
    .product-list ul li{width: 49%;height: 70px;margin:0 1% 1% 0 ;}
    .product-list ul li a{display: block;margin-right: 1px;margin-bottom: 1px;}
    .product-list ul li:nth-child(3n){margin:0 1% 1% 0;}
    .product-list ul li p{font-size: 12px;}
    .ul-listnews .pic{height: 182px;}
    .gtaber .w20,.gtaber .w80{min-height: 100px;}

}





/**index page3**/
.row-index-contact{
    overflow: hidden;
    position: relative;
}
.index-contact-bg{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: url(../images/index-banner-3-1.jpg) no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
}
.index-contact{
   height: 100vh;
   position: relative;
   padding-bottom: 106px;
   z-index: 1;
    background: rgba(255,255,255,.85);
}
.index-contact .slide-nav{
    width: 12.75%;
    min-width: 170px;
    height: 100%;
    float: left;
    background: rgba(255,255,255,.37);
}
.index-contact .slide-nav li{
    width: 100%;
    height: calc(100% / 3);
    position: relative;
    transition: all 1.2s;
    -moz-transition: all 1.2s; /* Firefox 4 */
    -webkit-transition: all 1.2s; /* Safari 和 Chrome */
    -o-transition: all 1.2s; /* Opera */
    cursor: pointer;
}
.index-contact .slide-nav li.on{
    background: #e53241;
}
.index-contact .slide-nav li p{
    width: 100%;
    height: 60px;
    line-height: 60px;
    display: block;
    text-align: center;
    font-size: 24px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    left: 0;
    cursor: pointer;
}
.index-contact .slide-nav li.on p{
    color: #fff;
}
.index-contact .info-box{
    overflow: hidden;
    position: relative;
    padding-top: 132px;
}
.ul-tab2{
    border-bottom: 1px solid #cbcccc;
    padding-left: 5%;
    overflow: hidden;
}
.ul-tab2 li{
    float: left;
    line-height: 62px;
    font-size: 18px;
    padding: 0 6px;
    margin-right: 37px;
    cursor: pointer;
}
.ul-tab2 li.on{
    color: #fff;
    background: #e83544;
}
.info-box .item{
    padding-left: 5%;
    padding-top: 80px;
    padding-right: 7%;
    overflow: hidden;
}
.addr-box{
    overflow: hidden;
}
.info-box h3{
    line-height: 22px;
    font-size: 14px;
    margin-bottom: 5px;
}
.addr-box-cate p {
    color: #777777;
    line-height: 22px;
}
.addr-box-cate .add-box-p p{
    color: #333333;
    line-height: 22px;
    font-size: 14px;
}
.info-box .w20{
    width: 20%;
}
.info-box .w80{
    width: 80%;
}
.info-box .w33{
    width: calc(100% / 3);
}
.info-box .addr-box-cate{
    float: left;
    height: 230px;
    overflow: hidden;
    padding-right: 48px;
}
.info-box select{
    background: rgba(255,255,255,0);
    border: 1px solid #777777;
    color: #777;
    margin-bottom: 3px;
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.addr-box-cate .h65{
    height: 65px;
}
.changeZhou_national .national{
    float: left;
    width: 260px;
}
.ul-sel1 .li{
    overflow: hidden;
}
.ul-sel1 .sel1{
    float: left;
    width: 30.5%;
    margin-right: 4.17vw;
}
.ul-sel1 .sel2{
    overflow: hidden;
    width: 48.9%;
}
.ul-sel1 .addr-content-box{
    height: 180px;
    margin-top: 10px;
}
.ul-sel1 .addr-content-box .addr-box-cate{
    height: auto;
}
.info-box .mb5{
    margin-bottom: 5px;
}
.indexfoot {
    position: relative;
}
.indexfoot .footer{
    position: absolute;
    background: #fff;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}
.addr-box-cate:first-of-type> p:nth-of-type(4), .addr-box-cate:nth-of-type(5)> p:nth-of-type(9), .addr-box-cate:nth-of-type(5)> p:nth-of-type(5){
    margin-bottom: 5px;
}
@media only screen and (max-width: 1800px) {
.index-contact .info-box{padding-top: 94px;}
.info-box .item{padding-top: 60px;}
.changeZhou_national .national{width: 235px;}
}


@media only screen and (max-width: 1500px) {
    .index-contact{}
    .info-box .addr-box-cate{padding-right: 15px;}
    .info-box .item{padding: 50px 5% 0;}
    .addr-box-cate.w80 .changeZhou_national .national{width: 25%;}
}
@media only screen and (max-width: 1279px) {
    .indexfoot .footer{position: static;}
    .index-contact{padding-bottom: 0;}
    .index-contact{height: auto;}
    .index-contact .slide-nav{height: auto;}
    .index-contact .slide-nav li{line-height: 200px;height: 200px;}
    .index-contact .info-box{padding-top: 20px;height: 600px;}
    .info-box .addr-box-cate{font-size: 12px;}
}
@media only screen and (max-width: 1023px) {
.index-contact .slide-nav{width: auto;float: none;overflow: hidden;background: #fff;}
.index-contact .slide-nav li{width: 33.33%;float: left;height: 60px;line-height: 60px;}
.index-contact .info-box{float: none;width: auto;height: auto;min-height: 500px;}
.ul-sel1 .addr-content-box .addr-box-cate{height: 140px;}
.info-box .item{padding: 20px;}
.ul-sel1 .sel2{width: auto;}
.gtaber .w20{width: 100%;float: none;}
.info-box .addr-box-cate{height: auto;padding-bottom: 10px;}
.info-box .w80{width: auto;}
.gtaberss .w33:nth-child(5),.gtaberss .w33:nth-child(4){width: 50%;}
}

@media only screen and (max-width: 767px) {
    .addr-box-cate.w80 .changeZhou_national .national{width: 50%;margin-bottom: 10px;}
    .info-box .w33{width: auto;float: none;clear:left;margin-bottom: 10px;}
    .addr-box-cate .h65{height: auto;}
    .ul-tab2{padding-left: 0;}
    .ul-tab2 li{width: 33.33%;margin:0;padding: 0;text-align: center;font-size: 14px;line-height: 42px;}
    .ul-sel1 .sel1{width: auto;float: none;margin-right: 0;}
    .ul-sel1 .addr-content-box .addr-box-cate{height: auto;}
    .info-box .addr-box-cate{padding-right: 0;padding-bottom: 0;}
    .info-box .item{padding: 15px;}
    .gtaberss .w33:nth-child(5), .gtaberss .w33:nth-child(4){width: 100%;}
    .index-contact .info-box{padding-top: 1px;}
    .index-contact .slide-nav li p{font-size: 20px;}
}



.footer{
    padding: 10px 0;
    height: 106px;
    background: #fff;
    border-top: 1px solid #ededed;
}
.footer-nav {
    float: left;
    padding: 14px 0 10px;
}
.footer-nav li{
    float: left;
     position: relative;
}
.footer-nav li .link{
    padding: 0 9px;
    font-size: 14px;
    color: #999999;
    cursor: pointer;
    border-right: 2px solid #b5b5b5;
}
.footer-nav li:first-child .link{
    padding: 0 9px 0 0;
}
.footer-nav li:last-child .link{
    padding: 0 0 0 9px;
    border-right: none;
}
.footer-nav li .link:hover{
    color: #e60619;

}
.footer .r .a2{
    width: 40px;
    height: 48px;
    overflow: hidden;
    margin-left: 8px;
    display: inline-block;
    background-color: #f7f7f7;
    position: relative;
    top: 20px;
    margin-top: -20px;
}
.footer .r .a2 img{
    max-width: 100%;
}
.footer .r .topinfo{
    line-height: 50px;
}
.footer .r .topinfo span{
    padding: 0 9px;
    font-size: 14px;
    color: #999999;
    cursor: pointer;
    border-right: 2px solid #b5b5b5;
}
.footer .r .topinfo span:first-child{
    padding-left: 0;
}
.footer .r .topinfo .a1{
     padding: 0 9px;
    font-size: 14px;
    color: #999999;
}
.footer .r .bominfo{
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 20px;
}
.footer .r .bominfo a{
    color:#666;
}
.footer .r .topinfo span:hover,
.footer .r .bominfo a:hover{
    color:#e60619;
}

/***webNav***/
.webNav{
    width: 100%;
    display: none;
    overflow: hidden;
    position: fixed;
    background: #fff;
    bottom: 0;
    left: 0;
    z-index: 9999;
}
.footer.index .webNav{
    position: absolute;
}
.footer.index .webNav >.wp>.clearfix{
    width: 100%;
}

.webNav.active{
    display: block;
}
.webNav-cover{
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9998;
    background: rgba(0,0,0, .4);
    display: none;
}
.footer.index .webNav-cover{
    width: 100%;
    height: 100%;
    bottom: inherit;
    right: inherit;
}
.webNav-cover.active{
    display: block;
}
.footer>.webNav>.wp>.clearfix{
    width: 100%;
}
.webNav .wp{
    padding: 100px 0;
    overflow: hidden;
}
.webNav ul li{
    width:calc(100% / 6);
    float: left;
}
.webNav ul li > a{
    width: 100%;
    line-height: 63px;
    display: block;
    font-size: 16px;
}
.webNav ul li .list a{
    width: 100%;
    line-height: 36px;
    color: #666666;
    font-size: 14px;
    display: block;
    position: relative;
}
.webNav ul li .list a:hover{
    color: #e60619;
}
.webNav ul li .list a .erweima{
    width: 185px;
    height: 186px;
    border: 1px solid #ededed;
    box-shadow: 2px 1px 2px #efefef;
    position: absolute;
    left: 98px;
    top: 50%;
    margin-top: -93px;
    display: none;
    z-index: 1;
}
.webNav ul li .list a:hover .erweima{
    display: block;
}

/*.media-link*/
.media-link{
    width: 100%;
    display: none;
    overflow: hidden;
    position: fixed;
    background: #fff;
    bottom: 45px;
   
    left: 0;
    z-index: 9999;
}
.media-link.active{
    display: block;
}
.media-link-cover{
    position: fixed;
    left: 0;
    top: 0;
    bottom: 51px;
    right: 0;
    z-index: 9998;
    background: rgba(0,0,0, .4);
    display: none;
}
.footer.index .media-link-cover{
    width: 100%;
    height: 100%;
    bottom: inherit;
    right: inherit;
}
.media-link-cover.active{
    display: block;
}
.media-link .wp{
    padding: 2.6vw 0 4.79vw;
    text-align: center;
}
.media-link .wp .erweima{
    width: 100px;
    vertical-align: middle;
}
.media-link .wp a{
    width: 90px;
    height: 90px;
    display: inline-block;
    position: relative;
    top: 42px;
    margin-left: 20px;
}
.media-link .wp a.facebook-icon{
    background: url('../images/facebook.jpg') no-repeat;
    background-size: contain;
}
.media-link .wp a.twitter-icon{
    background: url('../images/twitter.jpg') no-repeat;
    background-size: contain;
}
.media-link .wp a.youtube-icon{
    background: url('../images/bb_ytb.jpg') no-repeat;
    background-size: contain;
}
/***use-terms***/
.use-terms{
    width: 100%;
    display: none;
    overflow: hidden;
    position: fixed;
    background: #fff;
    bottom: 45px;
    left: 0;
    z-index: 9999;
}
.use-terms.active{
    display: block;
}
.use-terms-cover{
    position: fixed;
    left: 0;
    top: 0;
    bottom: 51px;
    right: 0;
    z-index: 9998;
    background: rgba(0,0,0, .4);
    display: none;
}
.use-terms-cover.active{
    display: block;
}
.footer.index .use-terms-cover{
    width: 100%;
    height: 100%;
    bottom: inherit;
    right: inherit;
}
.use-terms .wp{
    padding: 5.21vw 0;
    overflow: hidden;
}
.use-terms p{
    line-height: 24px;
    color: #666;
    font-size: 14px;
    margin-bottom: 17px;
}
.use-terms p.tt{
    line-height: 37px;
    font-size: 16px;
    color: #000;
    margin-bottom: 0;
}

@media only screen and (max-width: 1279px) {
.webNav .wp{padding: 30px ;}
.use-terms .wp{padding: 30px;}
.footer-nav{float: none;overflow: hidden;}
.footer .r{float: none;}
.webNav{bottom: 34px;}
.use-terms{bottom: 34px;}
.media-link{bottom: 34px;}
}
@media only screen and (max-width:1023px) {
.footer .r .topinfo span{display: block;border-right: none;line-height: 2;padding: 0;margin:0;text-align: left;}
.footer{padding-bottom: 10px;height: auto;}
.footer .r .a2{top: 12px;}
.footer .r .bominfo{font-size: 12px;line-height: 2;margin-bottom: 0;}
.webNav{bottom: 0;}
.use-terms{bottom: 0px;}
.media-link{bottom: 0px;}
.webNav ul li{width: auto;float: none;border-bottom: 1px solid #eee;padding: 6px 0;}
.webNav ul li:last-child{border-bottom: none;}
.webNav ul li>a{text-align: left;line-height: 1.8;}
.webNav ul li .list{overflow: hidden;}
.webNav ul li .list a{float: left;width: 33%;line-height: 26px;}
.media-link .wp{overflow: hidden;line-height: 120px;}
.media-link .wp .erweima,.media-link .wp a{display: inline-block;vertical-align: middle;position: static;top: 0;}
.use-terms p{margin-bottom: 12px;font-size: 12px;}
.use-terms .info-box{height: 500px;overflow-y: scroll;}
.info-box .addr-box-cate{font-size: 13px;}
}

@media only screen and (max-width:767px) {
.ul-sel1 .addr-content-box{height: auto;}
.webNav .wp{padding: 20px 30px;}
}