
.center1 .list{float:left; width:49.5%; position:relative;margin-top:1%; overflow:hidden; cursor:pointer}
.center1 .list img{width:100%;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.center1 .list:hover img{ -webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.center1 .cleft{margin-left:1%;}
.center1 .list .title{ position:absolute;top:5%; left:0px; width:100%; text-align:center;}
.center1 .list .title1{color:#898989; font-size:16px; line-height:36px;}
.center1 .list .title2{color:#000; font-size:22px; line-height:36px; font-weight:bolder;}
.center1 .list .title4{color:#000; font-size:22px; line-height:36px; font-weight:bolder; display:none}
.center1 .list .title3{color:#000; font-size:18px; line-height:36px;font-weight:bold;}
.center2{width:100%; padding-top:80px; margin-top:20px; background-color:#f9f9f9; padding-bottom:40px}
.center2 .title1{color:#000; font-size:26px; line-height:36px; font-weight:bolder;text-align:center;}
.center2 .title2{color:#a5a5a5;  line-height:36px; text-align:center; position:relative; height:36px;padding-top:17px;}
.center2 .title3{ position:absolute;left:0px; top:0px;width:100%;}
.center2 .title3 span{display:inline-block; background-color:#f9f9f9; padding:0px 10px;font-size:18px;}
.line1{width:250px;height:2px;background:-webkit-linear-gradient(left, #fff -4%,#a5a5a5 50%,#fff 100%); margin:0 auto;  }
.center2 .search{ width:650px; margin:0 auto; background-color:#fff; border:0px solid #b3b3b3; border-radius:16px;  margin-top:30px; position:relative;}
.reg-input1{width:100%; height:46px; padding-left:20px; border:0px; font:14px/46px "";border:1px solid #b3b3b3; color:#333; border-radius:16px; box-sizing:border-box; overflow:hidden}
.center2 .search .searchfont{position:absolute; right:20px; top:8px;color:#b3b3b3;cursor:pointer}
.center2 .leilist{ width:100%; margin:0 auto; text-align:center; line-height:36px; font-size:14px; padding:30px 0px;}
.center2 .leilist a{display:inline-block; padding:0px 20px; border-radius:10px; border:1px solid #bbbbbb; color:#515151; margin:0 6px;}
.center2 .leilist a:hover{border:1px solid #bbbbbb;color:#fff; background-color:#ffa500;border:1px solid #ffa500;}
.center2 .leilist .hover{color:#fff; background-color:#ffa500;border:1px solid #ffa500;}

/*产品中心*/
.product-box{ width:100%; margin-top:10px; overflow:hidden; text-align:center;}
.product-box ul{display:none}
.product-box .active{display:block}
.product-box ul li a{ display:block;  position:relative; background-color:#fff; padding-bottom:30px; margin-bottom:30px; overflow:hidden;-o-transition:all 0.35s linear; transition:all 0.35s linear; -webkit-transition:all 0.35s linear;}
.product-intro{ padding:0px 15px; font:1.6rem/2.4rem "" ;  box-sizing:border-box; height:4.8rem;
    text-overflow:ellipsis;
    overflow:hidden;
    word-break:break-all;
    box-sizing:border-box;}
.product-tu{ overflow:hidden; padding:0px 40px;}
.product-tu img{ -webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.product-box ul li a:hover .product-tu img{ -webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.product-box-animate ul li a:hover{ border:0px solid #fff; box-shadow:0px 0px 15px #ddd; }
.product-box-animate ul li:nth-child(1){-webkit-animation-duration:1s; animation-duration:1s;}
.product-box-animate ul li:nth-child(2){-webkit-animation-duration:1.2s; animation-duration:1.2s;}
.product-box-animate ul li:nth-child(3){-webkit-animation-duration:1.4s; animation-duration:1.4s;}
.product-box-animate ul li:nth-child(4){-webkit-animation-duration:1.6s; animation-duration:1.6s;}
.product-box-animate ul li:nth-child(5){-webkit-animation-duration:1.8s; animation-duration:1.8s;}
.product-box-animate ul li:nth-child(6){-webkit-animation-duration:2s; animation-duration:2s;}
.product-box-animate ul li:nth-child(7){-webkit-animation-duration:2.1s; animation-duration:2.1s;}
.product-box-animate ul li:nth-child(8){-webkit-animation-duration:2.2s; animation-duration:2.2s;}
.product-box-animate ul li .showdesn{ position:absolute;left:0px; top:0px; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5);display:none;}
.product-box-animate ul li .zixun{ display:inline-block; margin:0 auto; margin-top:60%; background-color:#ffa500; color:#fff;font:1.6rem/4.4rem "" ; padding:0px 20px; border-radius:6px;}
.product-box-animate ul li:hover .showdesn{display:block}
.center2 .cmore{ width:100%; line-height:36px; text-align:center; }
.center2 .cmore a{display:inline-block; padding:0px 20px; color:#666; border:1px solid #666; border-radius:6px; margin-top:40px; margin-bottom:30px;} 

.center3{width:100%; padding-top:80px; margin-top:20px; background-color:#fff; padding-bottom:40px}
.center3 .title1{color:#000; font-size:26px; line-height:36px; font-weight:bolder;text-align:center;}
.center3 .title2{color:#a5a5a5;  line-height:36px; text-align:center; position:relative; height:36px;padding-top:17px;}
.center3 .title3{ position:absolute;left:0px; top:0px;width:100%;}
.center3 .title3 span{display:inline-block; background-color:#fff; padding:0px 10px;font-size:18px;}
.news-box{ width:100%; margin-top:50px; overflow:hidden; text-align:center;}
.news-box ul li a{ width:92%; padding:10px 20px; display:inline-block;  position:relative; background-color:#fff; padding-bottom:30px; margin-bottom:30px; overflow:hidden;-o-transition:all 0.35s linear; transition:all 0.35s linear; -webkit-transition:all 0.35s linear;}
.news-intro{ height:4.4rem; text-align:left; font:1.6rem/4.4rem "" ; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:break-all; box-sizing:border-box}
.news-tu{ overflow:hidden}
.news-tu img{ -webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.news-box ul li a:hover .news-tu img{ -webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.news-box-animate ul li a:hover{ border:0px solid #fff; box-shadow:0px 0px 15px #ddd; }
.news-box-animate ul li:nth-child(1){-webkit-animation-duration:1s; animation-duration:1s;}
.news-box-animate ul li:nth-child(2){-webkit-animation-duration:1.2s; animation-duration:1.2s;}
.news-box-animate ul li:nth-child(3){-webkit-animation-duration:1.4s; animation-duration:1.4s;}
.news-box-animate ul li:nth-child(4){-webkit-animation-duration:1.6s; animation-duration:1.6s;}
.news-box .nline{ margin-top:40px; width:100%; height:1px; background-color:#e2e2e2;}
.news-box .ndata{ text-align:left; color:#999999; line-height:46px; font-size:13px;}
.center4{ padding-top:80px; margin-top:20px; background-color:#fff; padding-bottom:40px;background:url(//cdn.xuansiwei.com/zhous8572/images/MEMORABILIA.png) no-repeat top center; padding:80px 3%;}
.center4 .title1{color:#000; font-size:26px; line-height:36px; font-weight:bolder;text-align:center;}
.center4 .title2{color:#a5a5a5;  line-height:36px; text-align:center; position:relative; height:36px;padding-top:17px;}
.center4 .title3{ position:absolute;left:0px; top:0px;width:100%;}
.center4 .title3 span{display:inline-block; background-color:#f9f9f9; padding:0px 10px;font-size:18px;}
.swiper-slide4 .title{ font-size:16px; font-weight:bold; line-height:36px;  padding-left:8px;  text-align:left;}
.swiper-slide4 .title span{color:#e17100;  display:inline-block; width:3px;height:14px; background-color:#e17100; margin-right:4px;}
.swiper-slide4 .sline{ height:1px; width:100%; background-color:#e17100; position:relative; width:100%; float:left; margin-top:10px;}
.swiper-slide4 .sline .yuan{ position:absolute; top:-9px; left:0px; border:6px solid #e17100; border-radius:50%;height:18px; width:18px; background-color:#fff;}
.center4 .desn{width:100%;}
.center4 .desn .left{width:40%; float:left; padding:44px 6px 0 0; font-size:15px; color:#666; line-height:24px;text-align:left;}
.center4 .desn .right{width:50%; float:left; padding-top:50px}
.center4 .desn .right img{width:100%;}

.center5{ padding-top:80px; margin-top:20px; background-color:#fff; padding-bottom:40px;padding:80px 3%;}
.center5 .title1{color:#000; font-size:26px; line-height:36px; font-weight:bolder;text-align:center;}
.center5 .title2{color:#a5a5a5;  line-height:36px; text-align:center; position:relative; height:36px;padding-top:17px;}
.center5 .title3{ position:absolute;left:0px; top:0px;width:100%;}
.center5 .title3 span{display:inline-block; background-color:#fff; padding:0px 10px;font-size:18px;}
.center5 .desn{width:100%; margin-top:30px;}
.center5 .desn .left{float:left; position:relative; cursor:pointer;}
.center5 .desn .left img{width:100%;}
.center5 .desn .left1{width:39.6354%;}
.center5 .desn .left2{width:30.1823%;}
.center5 .desn .left3{width:30.1823%;}
.center5 .desn .left4{width:60.3646%;}
.center5 .desn .left .bg{position:absolute;left:0px; top:0px; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5);}
.center5 .desn .left .t1{position:absolute;left:0px; top:35%;width:100%;  text-align:center; color:#fff; font-size:36px; font-weight:bolder;font-style:italic}
.center5 .desn .left .t1 span{font-size:24px; font-weight:bolder;font-style:italic}
.center5 .desn .left .t2{font-size:46px;}
.center5 .desn .left:hover .bg{ background-color:#3490cd80;}
.center6{ padding-top:80px; margin-top:20px; background-color:#fff; padding-bottom:40px;width:100%;}
.center6 .title1{color:#000; font-size:26px; line-height:36px; font-weight:bolder;text-align:center;}
.center6 .title2{color:#a5a5a5;  line-height:36px; text-align:center; position:relative; height:36px;padding-top:17px;}
.center6 .title3{ position:absolute;left:0px; top:0px;width:100%;}
.center6 .title3 span{display:inline-block; background-color:#fff; padding:0px 10px;font-size:18px;}
.center6  ul li{position:relative; text-align:center; padding-top:30px; padding-bottom:60px; border-left:1px solid #ebebeb;border-bottom:1px solid #ebebeb; cursor:pointer;}
.center6  ul li .title{ line-height:2rem; display:none; position:absolute;left:0px; bottom:0px; width:100%; padding-bottom:1rem;}
.center6  ul li:hover .title{ line-height:2rem; display:block; color:#666;}
.center6  ul li:hover{ background-image:linear-gradient(#fff, #d8d9db); }
.center6  img{width:40%;}
.center6  ul .noleft{border-right:1px solid #ebebeb;}
.center6  ul .nobt{border-bottom:0px solid #ebebeb;}

@media (max-width:1200px) {
.center1 .list .title1{color:#fff; font-size:1.2rem; line-height:2.6rem; display:none}
.center1 .list .title2{color:#fff; font-size:1.4rem; line-height:2.6rem; font-weight:bolder;display:none;}
.center1 .list .title4{color:#fff; font-size:1.4rem; margin-top:3rem; line-height:2.6rem; font-weight:bolder; display:block;}
.center1 .list .title3{color:#fff; font-size:1.2rem; line-height:2.6rem;font-weight:bold;}
.center1 .list .bg{position:absolute;left:0px; top:0px; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5);}
.center2 .search{width:90%;}
.center2 .search .searchfont{ right:20px;top:0.7rem;}
.center2 .leilist a{ display:inline-block; padding:0px 1.4rem; border-radius:10px; border:1px solid #bbbbbb; color:#515151; margin-left:2rem; margin-right:2rem; margin-bottom:2rem;min-width:14rem;}
.center2 .cmore a{margin:2rem 0rem;}
.center3{ width:100%;padding-top:4rem;margin-top:1.4rem; background-color:#fff; padding-bottom:1.4rem;}
.news-box ul li a {width:100%;}
.news-box .nline{ margin-top:1rem; width:100%; height:1px; background-color:#e2e2e2; display:none;}
.news-intro{ height:3.4rem; text-align:left; font:1.6rem/3.4rem "" ; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:break-all; box-sizing:border-box}
.news-box .ndata{ text-align:left; color:#999999; line-height:3rem; font-size:1.3rem;}
.news-box ul li a{ margin-bottom:0px; }
.center4{ padding-top:2rem;}
.center5 .desn .left .t1 {font-size:1.2rem; top:28%;}
.center5 .desn .left .t2{ font-size:1.2rem;top:32%;}
.center5 .desn .left .t1 span{ font-size:1.3rem; }
.center6{ padding-top:2rem; }
.center6 ul li .title{ line-height:2rem; display:block; font-size:1.4rem;}
.center6  ul li:hover .title{ line-height:2rem; }
.center6 ul li{ padding-bottom:3rem;}
.footer-pic p {font-size:1.4rem; }
.containerxm{ padding-right:0px; padding-left:0px; margin-right:auto;   margin-left:auto;}
.header{ padding-bottom:0px;}
.center5{ padding:2rem 3%; }
.center6 img{ width:80%; }
}
@media (max-width:767px) {
    .product-box{ width:100%; margin-top:10px; background-color:#fff; overflow:hidden; text-align:center; }
    .product-tu{ overflow:hidden; padding:0px 0px; }
    .product-box ul li a{ padding-bottom:10px; }
    .product-intro{ padding:0px 15px; font:1.4rem/2.4rem ""; box-sizing:border-box; text-overflow:ellipsis; overflow:hidden; word-break:break-all; box-sizing:border-box; }
    .center1 .list .title{ top:12%; }
    .product-box-animate ul li:hover .showdesn{display:none; }
    .center2{ width:100%; padding-top:10px; padding-bottom:0px; }
    .center2 .cmore a{ margin:0rem 0rem; }
    .center2 .leilist{ line-height:3rem; }
    .center2 .leilist a{ display:inline-block; padding:0px 0.6rem; border-radius:10px; border:1px solid #bbbbbb; color:#515151; margin-left:1rem; margin-right:1rem; margin-bottom:1rem; }
    .center3{ width:100%; padding-top:2rem; margin-top:1.4rem; }
    .news-box{ width:100%; margin-top:1rem; overflow:hidden; text-align:center; }
    .product-box ul li a{ margin-bottom:0rem; }
    .center4{ padding-top:0rem;  padding-top:0px; padding-bottom:0px; }
    .center5{ margin-top:0px; }
    .center6{ padding-top:0rem; }
}


.swiper-container{ width:100%; margin-left:auto; margin-right:auto; }
.swiper-slide{ background-size:cover; cursor:pointer; background-position:center; }
.gallery-top{ height:80%; width:100%; }
.gallery-thumbs{ height:20%; box-sizing:border-box; padding:10px 0; }
.gallery-thumbs .swiper-slide{ width:25%; height:100%; opacity:0.4; }
.gallery-thumbs .swiper-slide-thumb-active{ opacity:1; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:10px; left:0; width:100%; }
@media (max-width:991px) {
    .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{ font-size:26px; content:'next'; }
    .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{ content:'prev'; font-size:26px; }
}
