﻿
.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-left:30px; margin-right:30px;}
.center2 .leilist a:hover{border:1px solid #bbbbbb;color:#fff; background-color:#2766bc;border:1px solid #2766bc;}
.center2 .leilist .hover{color:#fff; background-color:#2766bc;border:1px solid #2766bc;}

/*产品中心*/
.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:#2766bc; 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:75%; padding:6px; 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(../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:#146be6;  display:inline-block; width:3px;height:14px; background-color:#146be6; margin-right:4px;}
.swiper-slide4 .sline{ height:1px; width:100%; background-color:#146be6; position:relative; width:100%; float:left; margin-top:10px;}
.swiper-slide4 .sline .yuan{ position:absolute; top:-9px; left:0px; border:6px solid #146be6; border-radius:50%;height:18px; width:18px; background-color:#fff;}
.center4 .desn{width:100%;}
.center4 .desn .left{width:40%; float:left; padding-top:50px; font-size:16px; color:#666; line-height:36px;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:rgba(11, 78, 171, 0.5);}
.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; }
.center1 .list .title2{color:#fff; font-size:1.4rem; line-height:2.6rem; font-weight:bolder; }
.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.05) !important; 
    
    }*/
.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;
}
    
}