/*banner图下方copy*/
.m-copy{
    font-family: 'MillerDisplay-Roman';line-height: 60px;background: #fff;
}
.m-copy span{padding-left: 10px;}


/*右侧浮动条*/
.m-float-bar{
    width: 60px;
    position: fixed;right: 0;bottom: 0;z-index: 999;
    background: #fff;
}
.m-float-bar .inner{
    background: #eee;
    padding: 20px 0;
}
.m-float-bar a{
    display: block;width: 60px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.m-float-bar a:hover{
    opacity: .8;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.m-float-bar .a-share{
    height: 60px;
    background-image: url(../images/icon1.png);
}
.m-float-bar .a-wchat,.m-float-bar .a-sina{height: 50px;position: relative;}
.m-float-bar .a-wchat:after{
    content: "";
    display: block;width: 14px;height: 1px;background: #c6c6c6;
    position: absolute;left: 50%;bottom: 0;margin-left: -7px;
}
.m-float-bar .a-wchat{background-image: url(../images/icon2.png);}
.m-float-bar .a-sina{background-image: url(../images/icon3.png);}
.m-float-bar .topBtn{
    height: 60px;
    background-image: url(../images/icon4.png);
    background-color: #262626;
}


/*向下滚动箭头*/
.animLoop{
    display: block;width: 120px;height: 40px;
    background: url(../images/icon6.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;left: 50%;bottom: 40px;margin-left: -60px;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.animLoop:hover{bottom: 30px;}


/*页码*/
.m-pages{text-align: center;position: relative;margin: 20px 0 177px;}
.m-pages ul{overflow: hidden;display: inline-block;vertical-align: middle;}
.m-pages li{float: left;}
.m-pages a{
    display: block;
    width: 36px;height: 36px;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    font-family: 'MillerDisplay-Roman';
    font-size: 24px;
}
.m-pages li.on a,.m-pages li:hover a{background-color: #262626;color: #fff;}
.m-pages .prev,.m-pages .next{
    position: absolute;top: 0;
    width: 110px;height: 36px;
    border: 3px #e9e9e9 solid;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.m-pages .prev{left: 0;background-image: url(../images/icon7.png);}
.m-pages .next{right: 0;background-image: url(../images/icon8.png);}
.m-pages li:hover .prev,.m-pages li.on .prev{background-color: #fff;background-image: url(../images/icon7-1.png);}
.m-pages li:hover .next,.m-pages li.on .next{background-color: #fff;background-image: url(../images/icon8-1.png);}


.m-btn1{
    font-family: 'MillerDisplay-Roman';text-transform: lowercase;
    display: block;width: 180px;height: 60px;
    border-top: 3px #000 solid;
    border-bottom: 3px #000 solid;
    font-size: 18px;color: #262626;line-height: 54px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    padding-right: 17px;
    background: url(../images/icon9.png) no-repeat right 10px center;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.m-btn1:hover{
    background-position: right center;
}


/*弹窗*/
.m-pop{
    position: fixed;
    left: 0;right: 0;top: 0;bottom: 0;
    z-index: 9990;overflow: hidden;
}
.m-pop .pop-bg{
    position: fixed;left: 0;right: 0;top: 0;bottom: 0;
    z-index: 9991;
    width: 100%;height: 100%;background: rgba(0,0,0,.6);
}
.m-pop .inner{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    /*padding: 15px 10px;*/
    position: absolute;left: 50%;top: 50%;z-index: 9992;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    /*background: #fff;*/
    border-radius: 5px;
}

.m-pop .close{
    display: block;width: 50px;height: 50px;
    position: absolute;right: 10px;top:10px;
    background: url(../images/ico-close.png) no-repeat center center;z-index: 9992;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    -o-background-size: 50px 50px;
    background-size: 50px 50px;
    cursor: pointer;
}





/*
-----------------[02掌生农品-01列表页]--------------*/
.ul-list3{
    padding: 145px 60px 279px;
}
.ul-list3 li{
    overflow: hidden;padding-right: 53.57%;position: relative;
    margin-bottom: 10px;
}
.ul-list3 li:nth-child(2n) {padding-left: 53.57%;padding-right: 0;}
.ul-list3 li a{display: block;}

.ul-list3 .pic{
    height: 0;padding-top: 108.33%;position: relative;
    overflow: hidden;
}
.ul-list3 .pic img{
    display: block;width: 100%;height: 100%;
    position: absolute;left: 0;top: 0;
    -o-transition: 1s;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
}
.ul-list3 .pic:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1); 
    -ms-transform: scale(1.1); 
    -o-transform: scale(1.1); 
    transform: scale(1.1);
    transform-origin: 50% 50%;
}
.ul-list3 li .txt{
    width: 46.5%;
    position: absolute;top: 0;bottom: 0;
    font-size: 14px;line-height: 30px;text-align: center;
    overflow: hidden;
}
.ul-list3 li:nth-child(2n+1) .txt{right: 0;}
.ul-list3 li:nth-child(2n) .txt{left: 0;}

.ul-list3 .txt h3{
    font-size: 40px;line-height: 50px;margin-bottom: 30px;
}
.ul-list3 .txt h3 a:hover{color: #cb2d37;}
.ul-list3 .txt p{height: 60px;overflow: hidden;}
.ul-list3 .txt .con{
    position: absolute;left: 5px;right: 5px;top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}


/*
-----------------[03掌生人家-01列表页]--------------*/
.ul-list4{
    position: absolute;left: 0;right: 0;top:50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}
.ul-list4 li{
    display: inline-block;vertical-align: top;
    width: 300px;margin: 0 80px 10px;
    position: relative;top:0;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.ul-list4 li:hover{top: -10px;}
.ul-list4 .pic{
    height: 0;padding-top: 60%;position: relative;z-index: 1;
}
.ul-list4 .pic img{
    display: block;width: 100%;height: 100%;
    position: absolute;left: 0;top: 0;
}
.ul-list4 h4{position: relative;z-index: 2;top: -43px;}


.ul-list5{overflow: hidden;margin-right: -8.88%;}
.ul-list5 li{
    float: left;overflow: hidden;width: 50%;
    border-bottom: 3px #f2f2f2 solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    padding-bottom: 46px;padding-right: 8.88%;
    margin-bottom: 64px;
}
.ul-list5 .pic{
    float: left;width: 310px;height: 180px;margin-right: 48px;
    overflow: hidden;
}
.ul-list5 .pic img{
    display: block;width: 100%;height: 100%;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.ul-list5 .pic:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1); 
    -ms-transform: scale(1.1); 
    -o-transform: scale(1.1); 
    transform: scale(1.1);
    transform-origin: 50% 50%;
}
.ul-list5 .txt{
    overflow: hidden;
    padding-top: 17px;
    font-size: 14px;color: #989898;line-height: 24px;
}
.ul-list5 .txt p{height: 48px;overflow: hidden;}
.ul-list5 .txt h3{
    font-size: 30px;color: #262626;line-height: 34px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 20px;
}
.ul-list5 .txt h3 a{color: inherit;}
.ul-list5 .txt h3 a:hover{color: #cb2d37;}
.ul-list5 .txt .date{
    display: block;font-family: 'MillerDisplay-Roman';color: #262626;
}

/*
-----------------[04通用新闻详情]--------------*/
.m-txt1{
    font-size: 14px;line-height: 1.71;text-align: left;
    padding: 75px 17% 110px;
}
.m-txt1 .con{
    padding: 34px 11.44% 0;
}
.m-txt1 p{padding-bottom: 24px;}
.m-txt1 h1{
    font-size: 36px;line-height: 40px;text-align: center; 
}
.m-txt1 .date{
    display: block;
    font-family: 'MillerDisplay-Roman';
    padding: 7px 0 39px;
    border-bottom: 3px #e9e9e9 solid;text-align: center; 
}
.m-txt1 img{
    display: block;width: 100%;
    margin: 30px auto;
}
.m-txt1 .s-poetry{
    padding: 33px 0 30px;
}
.m-txt1 .s-poetry h5{font-size: 18px;font-weight: normal;margin-bottom: 30px;}
.m-txt1 .s-poetry h5 span{
    display: block;font-size: 14px;
}
.m-txt1 .s-poetry p{padding-bottom: 0;}


/*
-----------------[02掌生农品-02详情页]--------------*/
.m-prod-det{
    overflow: hidden;
    padding: 103px 60px 121px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
}
.m-prod-det .txt{
    float: left;width: 337px;
    font-size: 14px;line-height: 30px;
}
.m-prod-det h3{
    font-size: 40px;line-height: 50px;
    padding: 21px 0 23px;
}
.m-prod-det .con{
    padding: 46px 0 105px;
}
.m-prod-det .con .det{
    padding-bottom: 11px;
    margin-bottom: 11px;
    border-bottom: 3px #e9e9e9 solid;
    overflow: hidden;
}
.m-prod-det .con .det:last-child{border: none;}
.m-prod-det .con h5{
    float: left;font-size: 16px;
}
.m-prod-det .con p{padding-left: 95px;}


.m-prod{
    float: right;width: 785px;position: relative;margin-right: 164px;
}
.m-prod .slick-dots{position: absolute;right: -40px;top:50%;width: 26px;text-align: center;z-index: 99;}
.m-prod .slick-dots li{margin: 22px 0;}
.m-prod .slick-dots li button{display: block;width: 8px;height: 8px;border: none;border-radius: 50%;
    font-size: 0;line-height: 0;text-indent: 999px;border-radius: 50%;background: #bdbdbd;cursor: pointer;
    padding: 0;
    margin: 0 auto;
}
.m-prod .slick-dots li.slick-active button{
    width: 60px;height: 4px;border-radius: 0;background: #cb2d37;
    margin-left: -34px;
}

.m-prod .item{position: relative;}
.m-prod .pic{padding-right: 40px;}
.m-prod .pic a{
    display: block;
    height: 0;padding-top: 108.33%;position: relative;
}
.m-prod .pic img{
    display: block;width: 100%;height: 100%;
    position: absolute;left: 0;top: 0;
}
.m-prod .page-num{
    display: block;width: 30px;text-align: center;
    font-family: 'MillerDisplay-Roman';font-size: 24px;line-height: 30px;
    position: absolute;right: 0;bottom: 5px;
}
.m-prod .page-num em{
    display: block;width: 4px;height: 26px;background: #d4d4d4;
    margin: 0 auto;
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
}


.m-rela-pood{}
.m-rela-pood h3{
    font-size: 24px;margin-bottom: 17px;padding: 0;line-height: 30px;
}
.m-rela-pood ul{overflow: hidden;margin: 0 -7px;}
.m-rela-pood ul li{
    float: left;width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    padding: 0 7px;
}
.m-rela-pood li .pic{
    height: 0;padding-top: 108.2%;position: relative;
    overflow: hidden;
}
.m-rela-pood li .pic img{
    display: block;width: 100%;height: 100%;
    position: absolute;left: 0;top: 0;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.m-rela-pood li .pic:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1); 
    -ms-transform: scale(1.1); 
    -o-transform: scale(1.1); 
    transform: scale(1.1);
    transform-origin: 50% 50%;
}


/*
-----------------[04掌生小镇-01列表页]--------------*/




/*
-----------------[05关于掌生]--------------*/
.m-about{
    font-size: 14px;color: #262626;line-height: 2.14;text-align: center;
    padding: 182px 16.66% 0;
}
.m-about h1{margin-bottom: 90px;}
.m-about p{padding-bottom: 30px;}
.m-about .video{
    width: 500px;height: 350px;
    margin: 65px auto 140px;
    position: relative;
    background: #000;
}
.m-about .video .bg{
    display: block;width: 100%;height: 100%;
    position: absolute;left: 0;top: 0;z-index: 2;
    background: url(../images/bg2.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    cursor: pointer;
}
.m-about .video video{
    position: absolute;left: 0;top: 0;z-index: 1;
    width: 100%;height: 100%;
}


.m-story{
    background: #eee;
    padding: 280px 990px 237px 133px;
    font-size: 14px;color: #262626;line-height: 30px;
    position: relative;
}
.m-story h3{margin-bottom: 58px;}
.m-story .pic{
    width: 927px;height: 639px;
    position: absolute;right: -50px;top: 198px;
}
.m-story .pic img{
    display: block;width: 100%;height: 100%;
}


.m-team{
    padding: 148px 0 216px;
}
.m-team h3{text-align: center;margin-bottom: 62px;}

.ul-list7{overflow: hidden;margin: 0 -37.5px 0;}
.ul-list7 li{
    float: left;width: 33.33%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    padding: 0 37.5px 10px;
}
.ul-list7 .pic{
    height: 0;padding-top: 120.72%;position: relative;
    overflow: hidden;
}
.ul-list7 .pic img{
    display: block;width: 100%;height: 100%;
    position: absolute;left: 0;top:0;
    -o-transition:1s;
    -ms-transition:1s;
    -moz-transition:1s;
    -webkit-transition:1s;
    transition:1s;
}
.ul-list7 .pic:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1); 
    -ms-transform: scale(1.1); 
    -o-transform: scale(1.1); 
    transform: scale(1.1);
    transform-origin: 50% 50%;
}
.ul-list7 .txt{
    font-size: 14px;color: #989898;line-height: 24px;
}
.ul-list7 .txt p{height: 48px;overflow: hidden;}
.ul-list7 .txt h4{
    font-size: 30px;line-height: 36px;color: #262626;
    padding: 36px 0 20px;
}
.ul-list7 .txt h4 a{color: inherit;}
.ul-list7 .txt h4 a:hover{color: #cb2d37;}
.ul-list7 .txt h4 span{font-size: 14px;padding-left: 10px;}


/*
-----------------[06联系掌生]--------------*/

.m-cont{
    width: 600px;margin: 0 auto;
    font-size: 18px;color: #fff;line-height: 24px;text-align: left;
}
.m-cont .p-addr{
    border-bottom: 3px #3c3c3c solid;
    padding: 32px 0 30px;
    margin-bottom: 40px;
}
.m-cont .con{overflow: hidden;}
.m-cont .con .col-l,.m-cont .con .col-r{float: left;width: 50%;}
.m-cont .con h5{
    font-size: 18px;font-weight: normal;margin-bottom: 4px;
}
.m-cont .con p{
    font-family: 'MillerDisplay-Roman';font-size: 36px;line-height: 40px;
}
.m-cont .a-tel{color: #fff;}

.m-cont #map {
    height: 300px;
}


/*
-----------------[index]--------------*/
.m-tit1{
    color: #262626;
    margin-bottom: 68px;
}
.m-tit1 em{
    display: block;margin-bottom: 6px;
    font-family: 'MillerDisplay-Roman';font-size: 40px;line-height: 46px;
}

.index-about{
    padding: 0 0 139px;z-index: 100;overflow: hidden;
}
.index-about .prod-inf{display: none;}
.index-about .title{
    width: 36.66%;float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    padding: 86px 60px 268px;
    margin-left: -60px;
    position: relative;z-index: 100;
    background: #eee;
}
.index-about .title:after{
    content: "";display: block;width: 107.72%;height: 454px;
    background: url(../images/bg3.png) no-repeat center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    position: absolute;left: 50px;bottom: -104px;z-index: 199;
}
.index-about .title h2{
    font-family: 'MillerDisplay-Roman';
    font-size: 46px;line-height: 1;
    margin-bottom: 96px;
    position: relative;z-index: 200;
}
.index-about .title h2 span{
    display: block;font-size: 110px;
}
.index-about .title .m-btn1{position: relative;z-index: 200;}

.index-about .txt{
    width: 28.55%;float: left;
    padding: 111px 0 0;
    margin-left: 4.8%;
    font-size: 14px;line-height: 30px;
}
.index-about .txt .m-tit1{margin-bottom: 50px;}
.index-about .txt p{padding-bottom: 30px;}

.index-about .video{
    float: right;width: 500px;height: 350px;position: relative;
    margin-top: 111px;
    background: #000;
}
.index-about .video .bg{
    display: block;width: 100%;height: 100%;
    position: absolute;left: 0;top: 0;z-index: 2;
    background: url(../images/bg2.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    cursor: pointer;
}
.index-about .video video,.index-about .video embed{
    position: absolute;left: 0;top: 0;z-index: 1;
    width: 100%;height: 100%;
}

.index-about .video-m{
    width: 100%;height: auto;position: relative;
    display: none;
}
.index-about .video-m .bg{
    display: block;width: 100%;height: 100%;
    position: absolute;left: 0;top: 0;z-index: 2;
    background: url(../images/bg2.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    cursor: pointer;
}
.index-about .video-m video,.index-about .video-m embed{
    display: block;width: 100%;height: auto;
}


.m-video1{
    width: 65%;height: auto;
}
.m-video1 video,.m-video1 embed{
    display: block;
    width: 100%;height: 100%;
}


.index-prod{
    position: relative;
    background: url(../images/bg4.jpg) no-repeat center bottom;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
}
.index-prod:after{
    content: "";
    display: block;width: 259px;height: 218px;
    background: url(../images/bg5.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;right: 0;top:-122px;
}

.m-prod2 {position: relative;overflow: hidden;padding-bottom: 99px;}
.m-prod2 .swiper-pagination{bottom: 46px !important;}
.m-prod2 .swiper-pagination-bullet{background-color: #bdbdbd;opacity: 1;}
.m-prod2 .swiper-pagination-bullet-active{background-color: #cb2d37;}
/*.m-prod2 img{width: 100%;display: block;}*/
.m-prod2 .swiper-button-next,.m-prod2 .swiper-button-prev{
    position: absolute;top: 50%;margin-top: -30px;overflow: hidden;
    width: 60px;height: 60px;font-size: 0;line-height: 0;line-height: 999;
    outline: 0;border:0;padding: 0;cursor: pointer;z-index: 100;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;background-color: #fff;
}

.m-prod2 .swiper-button-prev{left: 0;background-image: url(../images/ico-prev.png);}
.m-prod2 .swiper-button-next{right: 0;background-image: url(../images/ico-next.png);}
.m-prod2 .swiper-button-prev:hover{background-image: url(../images/ico-prev-1.png);}
.m-prod2 .swiper-button-next:hover{background-image: url(../images/ico-next-1.png);}

.m-prod2 > h4{margin-bottom: -169px;line-height: 1;text-align: right;padding-right: 22.22%;}
.m-prod2 .m-tit1{display: none;}


.m-prod2 .con{
    display: block;overflow: hidden;
    position: relative;z-index: 1;
    padding: 0 33.33% 0;
    font-size: 14px;line-height: 30px;
}
.m-prod2 .con h4{font-size: 40px;line-height: 1;margin-bottom: 10px;}
.m-prod2 .con .pic{
    height: 0;padding-top: 108.33%;position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    border: 3px #eee solid;
}
.m-prod2 .con .pic img{
    display: block;width: 100%;height: 100%;
    position: absolute;left: 0;top: 0;
    -o-transition:1s;
    -ms-transition:1s;
    -moz-transition:1s;
    -webkit-transition:1s;
    transition:1s;
}
.m-prod2 .con:hover .pic img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1); 
    -ms-transform: scale(1.1); 
    -o-transform: scale(1.1); 
    transform: scale(1.1);
    transform-origin: 50% 50%;
}
.m-prod2 .con .txt1,.m-prod2 .con .txt2{
    width: 33.33%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    position: absolute;top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.m-prod2 .con .txt1{left:0;padding: 0 10px 0 14%;font-size: 18px;}
.m-prod2 .con .txt2{right:0;padding: 0 9.44% 0 5%;}




.index-inte{
    overflow: hidden;
    padding: 140px 0 158px;
    position: relative;
}
.index-inte > .m-tit1{display: none;}
.index-inte .img{width: 50%;float: right;}
.index-inte .img img{
    display: block;width: 100%;height: auto;
}
.index-inte > .txt{
    width: 50%;float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    padding-right: 4.61%;
}
.index-inte > .txt .m-tit1{
    padding: 23px 0 0;
}
.index-inte .ul-list5{margin-bottom: 26px;margin-right: 0;}
.index-inte .ul-list5 li,.index-inte .ul-list5 li:nth-child(2n){
    float: none;width: 100%;
    padding: 0 0 44px;margin: 0;
    border: none;
}
.index-inte .ul-list5 .pic{margin-right: 44px;}




/*切换列表*/
#filters {
    padding: 78px 0 61px;overflow: hidden;
}

#filters li {
    float: left;position: relative;
    margin-right: 60px;
}
#filters li:after{
    content: "";display: block;width: 7px;height: 2px;background: #aaa;
    position: absolute;right: -30px;top: 50%;margin-top: -1px;
}
#filters li:last-child:after{display: none;}

#filters li a {
    display: block;
    cursor: pointer;
    font-size: 24px;line-height: 30px;text-transform: uppercase;
    position: relative;z-index: 1;
}
#filters a:after{
    content: "";display: block;height: 4px;
    background: #cb2d37;
    position: absolute;left: -5px;right: -5px;top: 50%;margin-top: -2px;
    display: none;
}
#filters li a.on:after{display: block;}
#filters a em{
    font-family: 'MillerDisplay-Roman';
}
 

.ul-list6{overflow: hidden;margin: 0 -2.08%;}
.ul-list6 li{
    float: left;
    width:33.33%;
    padding: 0 2.08% 106px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    list-style: none;
}


.ul-list6 .pic{margin-bottom: 20px;overflow: hidden;}
.ul-list6 .pic img{
    display: block;width: 100%;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}
.ul-list6 .pic:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1); 
    -ms-transform: scale(1.1); 
    -o-transform: scale(1.1); 
    transform: scale(1.1);
    transform-origin: 50% 50%;
}
.ul-list6 .pic img {
    max-width:100%;
    position: relative;
}

.ul-list6 .txt{
    font-size: 14px;color: #989898;line-height: 24px;
    padding: 0 0 0;
}
.ul-list6 .txt .date{
    display: block;
    font-family: 'MillerDisplay-Roman';color: #262626;
}
.ul-list6 .txt h3{
    font-size: 30px;color: #262626;line-height: 34px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 20px;
}
.ul-list6 .txt h3 a{color: inherit;}
.ul-list6 .txt h3 a:hover{color: #cb2d37;}
.ul-list6 .txt p{height: 48px;overflow: hidden;}
.ul-list6 .m-btn1{margin-top: 56px;}