﻿.master-banner{width:100%; max-height:360px; overflow:hidden;}
.master-banner img{display:block; width:100%;}

.id-navLink{padding:90px 0;}
.aboutNr .id-navLink:nth-child(2n){background:var(--light);}
.aboutNr .id-navLink:nth-child(2n+1){background:#fff;}
.navName{font-size:24px; text-align:center; padding:20px 0;}

@media (max-width: 767px)  {
.id-navLink{padding:30px 20px; line-height:2;}
}

.editbox *{max-width:100%; font-size:16px; line-height:2;}

.model-nr-06 .model-nr-title{padding: 80px 0 30px 0;position: relative;z-index: 3;}
.model-nr-06 .model-nr-html .BigImgList{position: relative;z-index: 3;display: grid;grid-template-columns: repeat(4,1fr); grid-gap:30px; padding-bottom: 50px;}

@media (max-width: 767px)  {
.model-nr-06 .model-nr-title{padding: 30px 0;position: relative;z-index: 3; }
.model-nr-06 .model-nr-html .BigImgList{grid-template-columns: repeat(2,1fr); grid-gap:10px; padding:10px;}

}

.no_data_rq{padding:50px 0 100px 0; text-align:center; font-size:20px;}

.product-nav-title{padding:80px 0 50px 0; display: flex;flex-direction: row;align-items: center;}
.product-nav-title .title{font-family:'Saira'; font-size:40px;color: var(--color-type-mr); font-weight:bold;}
.product-nav-title .zw{flex-grow: 1;}
.product-nav-title .list{display: flex;flex-direction: row;align-items: center;}
.product-nav-title .list .item{padding:0 20px; line-height:40px; border-radius:50px; color:var(--site-colorA); font-size:16px; font-weight:bold;  background:#f7f7f7; margin:0 10px;}
.product-nav-title .list .item:hover,
.product-nav-title .list .item.atc{background:var(--site-colorB); color:#fff;}

@media (max-width: 767px)  {
.product-nav-title{padding:30px 0; display: flex;flex-direction: column;align-items: center;}
.product-nav-title .title{font-size:32px; padding-bottom:20px;}
}

.news-nav-title{padding:80px 0 50px 0; display: flex;flex-direction: row;align-items: center;}
.news-nav-title .title{font-family:'Saira'; font-size:40px;color: var(--color-type-mr); font-weight:bold;}
.news-nav-title .zw{flex-grow: 1;}
.news-nav-title .list{display: flex;flex-direction: row;align-items: center;}
.news-nav-title .list .item{padding:0 20px; line-height:40px; border-radius:50px; color:var(--site-colorA); font-size:16px; font-weight:bold;  background:#f7f7f7; margin:0 10px;}
.news-nav-title .list .item:hover,
.news-nav-title .list .item.atc{background:var(--site-colorB); color:#fff;}

.news-nav-list{padding:0 0 80px 0; display: flex;flex-direction: row;align-items: center;}
.news-nav-list{display: flex;flex-direction: row;align-items: center;}
.news-nav-list .item{padding:0 20px; line-height:40px; border-radius:50px; color:var(--site-colorA); font-size:16px; font-weight:bold;  background:#f7f7f7; margin:0 10px;}
.news-nav-list .item:hover,
.news-nav-list .item.atc{background:var(--site-colorB); color:#fff;}
.news-nav-list .zw{flex-grow: 1;}


@media (max-width: 767px)  {
.news-nav-title{padding:30px 0; display: flex;flex-direction: column;align-items: center;}
.news-nav-title .title{font-size:32px; padding-bottom:20px;}
.news-nav-list{padding:0 0 30px 0; flex-wrap:wrap;}
.news-nav-list .item{padding:0; text-align:center; margin:0 10px 20px 10px; min-width:calc(50% - 20px)}
}


.contact-nav-title{padding:80px 0 50px 0; display: flex;flex-direction: row;align-items: center;}
.contact-nav-title .title{font-family:'Saira'; font-size:40px;color: var(--color-type-mr); font-weight:bold;}
.contact-nav-title .zw{flex-grow: 1;}
.contact-nav-title .list{display: flex;flex-direction: row;align-items: center;}
.contact-nav-title .list .item{padding:0 20px; line-height:40px; border-radius:50px; color:var(--site-colorA); font-size:16px; font-weight:bold;  background:#f7f7f7; margin:0 10px;}
.contact-nav-title .list .item:hover,
.contact-nav-title .list .item.atc{background:var(--site-colorB); color:#fff;}


@media (max-width: 767px)  {
.contact-nav-title{padding:30px 10px;}
.contact-nav-title .title{font-size:30px;}
.contact-nav-title .list .item{padding:0 20px; line-height:40px; border-radius:50px; color:var(--site-colorA); font-size:16px; font-weight:bold;  background:#f7f7f7; margin:0 10px;}
.contact-nav-title .list .item:hover,
.contact-nav-title .list .item.atc{background:var(--site-colorB); color:#fff;}
}

/*分页样式*/
.fyLine{margin-top:20px; padding-bottom:100px;}
.fyLine .lft span{margin: 0 5px;}
.fyLine .lft select{height: 32px;margin: 0 5px; cursor:pointer;}
.fyLine .rit a{height: 32px; cursor:pointer; background: var(--lightgray);margin: 0 5px;padding: 0 10px;line-height: 30px;border: 1px #ddd solid;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.fyLine .rit span{height: 32px;background: var(--lightgray);padding: 0 0 0 10px;line-height: 30px;border: 1px #ddd solid;border-right: 0px;}
.fyLine .rit select{height: 34px;background: var(--white);line-height: 32px;padding: 0 10px;border: 1px #ddd solid; border-radius:0;}
.fyLine .rit a:hover{background:#0c5ed0;color: var(--white)}
.fyLine .rit .fy_dq{padding-right:10px;}

@media (max-width: 767px)  {
.fyLine{ padding:20px;}
}
.currLocation{background:var(--light)}
.currLocation *{color:#555;line-height:40px;}
.currLocation .faright{padding:0 10px;}
.currLocation a:hover,
.currLocation a:hover *{color:var(--site-colorB)}

.editbox *{max-width:100%;}

@media (max-width: 767px)  {
.currLocation{padding:0 10px;}
.currLocation .locationrunat{display:none;}
.editbox{padding:10px;}
}

.news-title{text-align:center; font-size:24px; font-weight:bold; padding-bottom:30px;}
.news-neirong{padding-bottom:80px;}

@media (max-width: 767px)  {
.news-title{padding-top:30px;}
}

.delNeirong{ display: flex;flex-direction: row;align-items: center; text-align:center; padding:100px 0;}
.delNeirong .svg{width:128px; height:128px; margin:0 auto;}
.delNeirong .word{font-size: 24px; line-height:60px;}
.delNeirong .zw{flex-grow: 1;}

.Rep_imglist{display: flex;flex-direction: row;width:100%;}
.Rep_imglist .proLeft{width:400px;}
.Rep_imglist .proLeft .BigImgRq,
.Rep_imglist .proLeft .BigImgRq img{width:400px; height:400px;}
/*.Rep_imglist .zw{flex-grow: 1; }*/
.Rep_imglist .proRight{padding-left:50px; min-width:500px;}
.SmallImgList{width:400px; margin-top:5px; overflow:hidden; height:100px; position:relative;}
.SmallImgList-Rq{display: flex;flex-direction: row; flex-wrap:nowrap;}
.SmallImgList-Rq .li{min-width:100px; min-height:100px; cursor:pointer; position:relative;}
.SmallImgList-Rq .li img{width:90px; height:90px; margin:5px; position:relative; z-index:3; background:#fff;}
.SmallImgList .smallLeft{width:30px; background:#f1f1f1; height:94px; position:absolute; top:3px; left:0; cursor:pointer;}
.SmallImgList .smallRight{width:30px; background:#f1f1f1; height:94px; position:absolute; top:3px; right:0; cursor:pointer;}
.SmallImgList .smallList{position:absolute; height:100px; overflow:hidden;}
.SmallImgList-Rq .li:before{content:""; position:absolute; top:3px; left:3px; width:94px; height:94px; z-index:1;}


.SmallImgList-Rq .li:before,
.SmallImgList .smallbtn,
.SmallImgList .smallbtn .icon .svgPath,
.SmallImgList-Rq{-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
/*
.BigImgRq img.opnimg{opacity:0; transform:scale(0.95)}
.BigImgRq img{-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.BigImgRq img{opacity:1; transform:scale(1)}
*/

.SmallImgList-Rq .li.atc:before{background:#0c5ed0;}
.SmallImgList-Rq .li:hover:before{background:#0c5ed0;}

.SmallImgList .smallbtn .icon{position:absolute; width:20px; height:20px; position:absolute; top:calc(50% - 10px); left:5px;}
.SmallImgList .smallbtn .icon .svgPath{fill:var(--dark)}
.SmallImgList .smallbtn:hover{background:#0c5ed0;}
.SmallImgList .smallbtn:hover .icon .svgPath{fill:#ffffff}


@media (max-width: 767px)  {
.Rep_imglist{flex-direction: column;}
.Rep_imglist .proLeft{width:calc(100% - 40px); margin:0 20px;}
.Rep_imglist .proRight{padding:30px 20px; min-width:200px;}
.prolinka .zw{flex-grow: 1;}
}

.proinfo-title{font-size:24px; font-weight:bold; padding-bottom:30px;}
.proinfo-imgList{padding-bottom:50px; text-align:center}
.proinfo-imgList img{max-width:100%; margin-bottom:20px;}
.proinfo-neirong{padding-bottom:80px;}


.proinfo-word {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background: var(--site-colorA);
margin-top:50px;
    border-radius: 50px;
width: 240px;
}
.proinfo-word .item-btn-word{text-align: center;background: rgba(0,0,0,0);color: #fff;font-size: 18px;position: relative;z-index: 3;height: 50px;line-height: 50px;text-align: center;}
.proinfo-word:before{content: "";position: absolute;width: 300px;height: 300px;border-radius: 50%;background: var(--gradient-orange);z-index: 2;transform: scale(0.2);top: -45px;left: -10px;opacity: 0;}
.proinfo-word:after{content: "";position: absolute;width: 300px;height: 300px;border-radius: 50%;background: var(--gradient-purple-dark);z-index: 2;transform: scale(0.2);top: -40px;left: -10px;opacity: 0;}
.proinfo-word:before{-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.proinfo-word:after{-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.proinfo-word:hover{border-radius: 60px;}
.proinfo-word:hover:before{transform: scale(1);top: -75px;opacity: 1;}
.proinfo-word:hover:after{transform: scale(1);top: -75px;opacity: 1;}



