@charset "utf-8";
.newList{ padding-top: 100px; padding-bottom: 50px;min-height:500px; }
.newList ul{ position: relative;margin-bottom: 30px; overflow: hidden;}
.newList ul li{ float: left; background: #fff; margin-bottom: 23px;margin-right: 23px;width:31%; margin-right:3.5%;}
.newList ul li:nth-of-type(3n)  {margin-right:0;}
.newList ul li a .pic{ overflow: hidden; position: relative;}
.newList ul li a .nk{ position: absolute; width: 100%; display: none; height: 100%; left: 0; top: 0; z-index: 10; background: #000; background: rgba(0,0,0,.7);}
.newList ul li a .nk span{ position: absolute; width: 70px; height: 70px; background: url(../images/home/more.html); left: 50%; top: 50%; margin: -35px 0 0 -35px; }
.newList ul li a img{width:100%;height:33%; -webkit-transition:-webkit-transform 0.15s ease 0s;-moz-transition:-moz-transform 0.15s ease 0s;-o-transition:-o-transform 0.15s ease 0s;transition:transform 0.15s ease 0s;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
.newList ul li a{display:block;width:335px;padding-bottom:19px;background:#fff;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.newList ul li a:hover { background: #d7000f; color: #c5c5c5; }
.newList ul li a:hover img{ -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);  }
.newList ul li h3{ font-size: 16px; color: #411d19; font-weight: bold; margin: 24px 19px; width: 290px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.newList ul li p{ font-size: 14px; line-height: 20px; color: #666; margin:0 19px 15px 19px; }
.newList ul li .date{ margin-left: 19px; color: #999; font-size: 12px;}
.newList ul li a:hover h3{ color: #fff; }
.newList ul li a:hover p{ color: #c5c5c5; }
.newList ul li a:hover .nk{ display: block; }

.productMenu{margin:50px auto 0px;width:95%;}
.productMenu>dt{font-size:14px;float:left;width:20%;}
.productMenu>dd{float:right;}
.productMenu>dd>ul>li{float:left;}
.productMenu>dd>ul>li>a{font-size:14px;padding:0px 20px;}
.productMenu>dd>ul>li.on>a,.productMenu>dd>ul>li>a:hover{color:#db0110;}
.productMenu::after{content:'';display:block;clear:both;}
.productList{ padding-top: 100px; padding-bottom: 50px;min-height:500px; }
.productList ul{ position: relative;margin-bottom: 30px; overflow: hidden;}
.productList ul li{ float: left; background: #fff; margin-bottom: 23px;margin-right: 23px;width:31%; margin-right:3.5%;}
.productList ul li:nth-of-type(3n)  {margin-right:0;}
.productList ul li a .pic{ overflow: hidden; position: relative;width: 100%;padding-top: 75%;background-position: center;background-repeat: no-repeat;background-size: auto 100%;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.productList ul li a .nk{ position: absolute; width: 100%; display: none; height: 100%; left: 0; top: 0; z-index: 10; background: #000; background: rgba(0,0,0,.7);}
.productList ul li a .nk span{ position: absolute; width: 70px; height: 70px; background: url(../images/home/more.html); left: 50%; top: 50%; margin: -35px 0 0 -35px; }
.productList ul li a img{width:100%;height:33%; -webkit-transition:-webkit-transform 0.15s ease 0s;-moz-transition:-moz-transform 0.15s ease 0s;-o-transition:-o-transform 0.15s ease 0s;transition:transform 0.15s ease 0s;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
.productList ul li a{display:block;padding-bottom:19px;background:#fff;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.productList ul li a:hover { background: #d7000f; color: #c5c5c5; }
.productList ul li a:hover .pic{background-size: auto 120%;}
.productList ul li h3{ font-size: 16px; color: #411d19; font-weight: bold; margin: 24px 19px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.productList ul li p{ font-size: 14px; line-height: 20px; color: #666; margin:0 19px 15px 19px; }
.productList ul li .date{ margin-left: 19px; color: #999; font-size: 12px;}
.productList ul li a:hover h3{ color: #fff; }
.productList ul li a:hover p{ color: #c5c5c5; }
.productList ul li a:hover .nk{ display: block; }

.product_title{font-size:18px;text-align:center;padding:50px 0px;}
.product_img{text-align:center;}
.product_img img{max-width:100%;}
.product_text{padding:20px 0px 0px 0px;}
.product_text img{max-width:100%;}
.product_back{font-size:14px;text-align:center;padding:50px 0px;}

.proxq_content .aside_l i,.proxq_content .aside_r i{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.proxq_content .aside_l{position:fixed;top:200px;left:0;height:570px;border:1px solid #e5e5e5;z-index:99;background-color:#fff;cursor:pointer}
@media screen and (max-width:1024px){.proxq_content .aside_l{width:30px;height:200px}}
@media screen and (min-width:1025px){.proxq_content .aside_l{width:69px}}
.proxq_content .aside_l a{display:inline-block;width:100%;height:100%}
.proxq_content .aside_l i{font-size:16px;top:20px}
.proxq_content .aside_l p{-webkit-transform:rotate(90deg);transform:rotate(90deg);position:absolute;bottom:50px}
@media screen and (max-width:768px){.proxq_content .aside_l p{left:-17px}}
@media screen and (min-width:769px){.proxq_content .aside_l p{left:-4px}}
.proxq_content .aside_r{position:fixed;top:200px;right:0;height:570px;border:1px solid #e5e5e5;z-index:99;background-color:#fff;cursor:pointer}
@media screen and (max-width:1024px){.proxq_content .aside_r{width:30px;height:200px;}}
@media screen and (min-width:1025px){.proxq_content .aside_r{width:69px}}
.proxq_content .aside_r a{display:inline-block;width:100%;height:100%}
.proxq_content .aside_r i{font-size:16px;bottom:20px}
.proxq_content .aside_r p{-webkit-transform:rotate(90deg);transform:rotate(90deg);position:absolute;top:30px}
@media screen and (max-width:768px){.proxq_content .aside_r p{left:0}}
@media screen and (min-width:769px){.proxq_content .aside_r p{left:15px}}

#main .case-top{border-bottom:1px solid rgba(0,0,0,0.4);width: 100%;}
#main .case-top h1{position:relative;text-align:center;font-size:24px;}
#main .case-top .note{height:2rem;position:relative;overflow:hidden;text-align:center;}
#main .case-top .note .date{height:1rem;line-height:1rem;color:#fff;letter-spacing:2px;}
#main .case-top .note .date > i{vertical-align:top;font-size:20px;}
#main .rowMain{background-color:#fff;padding:0.5rem 5%;max-width:1200px;margin:auto;}
#main .rowMain img{max-width:100%;}

.layout-page{text-align: center;padding:10px 0px 20px 0px;}
.layout-page li{display: inline-block;}
.layout-page a,.layout-page span{padding:0px 10px;}

.PrevNext{border-top:1px solid rgba(0,0,0,0.4);margin-top:20px;margin-bottom:20px;}
.PrevNext .prev{float: left;display: block;max-width: 40%;padding: 0 0.714rem;text-align: left;}
.PrevNext .next{float: right;display: block;max-width: 40%;padding: 0 0.714rem;text-align: right;}
.PrevNext .next,.PrevNext .prev{padding:5px 15px}
.PrevNext{padding:0;}
.next,.prev{max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.back{clear: both;text-align: center;}
@media (max-width:768px){
    .PrevNext .next,.PrevNext .prev{max-width:100%;float: unset;text-align: left;}
}

@media (max-width: 1200px) {
    .newList ul {width:100%;}
    .newList ul li  {width:31%; margin-right:3.5%;}
    .newList ul li a {width:100%;}
    .newList ul li h3 {margin:24px 5%;width:90%;}

    .productList ul {width:100%;}
    .newList ul li  {width:31%; margin-right:3.5%;}
    .productList ul li a {width:100%;}
    .productList ul li h3 {margin:24px 5%;width:90%;}
}
@media (max-width: 768px) {
    .wrap{width:95%;margin:0px auto;}
    .newList ul li  {width:48%; margin-right:4%;}
    .newList ul li:nth-of-type(3n)  {margin-right:4%;}
    .newList ul li:nth-of-type(2n)  {margin-right:0;}
    .productMenu{margin:50px auto 0px;width:95%;}
    .productMenu>dt{width:100%;border-bottom:1px solid rgba(0,0,0,0.4);margin-bottom:5px;padding-bottom:5px;}
    .productMenu>dd>ul>li>a{font-size:12px;padding:0px 40px 0px 0px;}
    .productList{padding-top:50px}
    .productList ul li  {width:48%; margin-right:4%;}
    .productList ul li:nth-of-type(3n)  {margin-right:4%;}
    .productList ul li:nth-of-type(2n)  {margin-right:0;}
    .productList ul li h3{font-size: 14px;font-weight: normal;}
    #main .row .case-top{width:95%;margin:0px auto;}
    #main .row .case-top h1{font-size:16px;}
}
@media (max-width: 480px) {
    .newList ul li  {width:100%; margin-right:0 !important;}
    .productList ul li  {width:100%; margin-right:0 !important;}
}