@charset "utf-8";

@import url(../css/common.css);



/*滚动条样式*/



body {

    min-height: 100vh;

    line-height: 1.5;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 16px;

    color: #000;

    background: #fff;

    min-width: 1280px;

    margin: 0 auto;

    overflow-x: hidden;

}



.con {

    width: 72.91%;

    min-width: 1200px;

    max-width: 1400px;

    margin: 0 auto;

}



::-webkit-scrollbar {

    width: 8px;

    height: 10px;

}



::-webkit-scrollbar-thumb {

    background: #555;

}



::-webkit-scrollbar-track {

    background: #ddd;

}



header {

    border-bottom: 1px solid rgba(255, 255, 255, 0.3);

    background-color: #fff;

}



.header-logo {

    width: 1.6458rem;

    height: .2135rem;

    background-image: url(../images/logo.png);

}



nav>ul>li {

    margin: 0 .026rem;

}



nav>ul>li>a {

    color: #000;

    font-size: .0833rem;

    line-height: .4167rem;

    padding: 0 .1354rem;

}



nav>ul>li>a:hover,

nav>ul>li>a.active {

    background-color: #9F0304;

    color: #fff;

}



.header-active {

    background-color: #fff;



}



.header-down {

    transform: translateY(0);

}



.header-active .header-logo {

    background-image: url(../images/logo.png);

}



.header-active .header-search a {

    background-image: url(../images/serach-ico02.png);

}



.header-active nav>ul>li>a {

    color: #000;

}



.header-active nav>ul>li>a.active {

    color: #fff;

}



.header-active nav>ul>li>a:hover {

    color: #fff;

    background-color: #9F0304;

}









.index-banner .swiper-pagination {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    bottom: 20px;

    left: 0;

}



.index-banner .swiper-pagination .swiper-pagination-bullet {

    background-color: rgba(255, 255, 255, 0.8);

    border-radius: 5px;

    width: 30px;

    display: block;

    opacity: 1;

}



.index-banner .swiper-pagination .swiper-pagination-bullet-active {

    background-color: #9F0304;

}



.index-pro-cate {

    padding: .651rem 0;

}



.index-pro-cate-top {

    margin-bottom: .5313rem;

}



.index-pro-cate-top h4 {

    font-weight: bold;

    line-height: 1.2;

    font-size: .2604rem;

}



.index-pro-cate-menu a {

    font-size: .1042rem;

    color: #606060;

    line-height: 1;

    display: flex;

}



.index-pro-cate-menu em {

    padding: 0 .1042rem;

}



.index-pro-cate-menu a:hover {

    color: #000;

    text-decoration: underline;

}



.index-pro-cate-menu em:last-child {

    display: none;

}



.index-pro-cate-swiper {

    padding: .078125rem;

}



.index-pro-cate-con {

    padding: 0 .0521rem;

}



.index-pro-item {

    background-color: #FFFFFF;

    padding: .3646rem 0 .1823rem;

}



.index-pro-cate-pic {

    width: .2813rem;

    height: .2813rem;

    margin-bottom: .2604rem;

}



.index-pro-cate-txt span {

    line-height: 1;

    font-size: .0933rem;

    color: #000615;

}



.index-pro-item:hover {

    background-color: #9F0304;

}



.index-pro-item:hover .index-pro-cate-txt span {

    color: #fff;

}



.index-pro-cate-nav {

    margin-top: .625rem;

}



.index-pro-cate-fy div {

    width: .2969rem;

    height: .2969rem;

    background-color: #c2c6c8;

    position: absolute;

    z-index: 999;

    top: 1.5625rem;

}



.index-pro-cate-next {

    right: -.2969rem;

}



.index-pro-cate-prev {

    margin-right: 1.3542vw;

    transform: rotate(180deg);

    left: -.2969rem;

}



.index-pro-cate-fy div i {

    width: .0521rem;

    height: .0885rem;

    background-image: url(../images/jt-ico.png);

}



.index-pro-cate-fy div:hover {

    background-color: #9F0304;

}





.index-pro-cate-pagination .swiper-pagination-bullet {

    display: flex;

    align-items: center;

    justify-content: center;

    width: .1823rem;

    height: .1823rem;

    background-color: transparent;

    opacity: 1;

    cursor: pointer;



}



.index-pro-cate-pagination .swiper-pagination-bullet::after {

    content: '';

    width: .0417rem;

    height: .0417rem;

    border-radius: 50%;

    overflow: hidden;

    background-color: #606060;

}



.index-pro-cate-pagination .swiper-pagination-bullet-active {



    background-color: #fff;

}



.index-pro-cate-pagination .swiper-pagination-bullet-active::after {

    background-color: #9F0304;

}



.index-a {

    background-color: #EEEEEE;

    padding: .4427rem 0;

}



.index-a-l {

    margin-right: .3125rem;

}





.index-a-l h4 {

    font-weight: bold;

    font-size: .2604rem;

    line-height: 1.2;

    margin-bottom: .1563rem;

}



.index-a-l p {

    opacity: 0.78;

    font-size: .0938rem;

    line-height: 1.5;

    margin-bottom: .3125rem;

}



.index-a-l ul li {

    width: 30%;

}



.index-a-l ul li img {

    width: 100%;

}

.index-a-l a {

    background-color: #606060;

    color: #fff;

    font-size: .0833rem;

    line-height: 1;

    padding: .1042rem .2083rem;

    margin-top: .2604rem;

}

.index-a-l a:hover {

    background-color: #9F0304;

}



.index-news {

    padding: .4375rem 0;

}



.index-news-list {

    margin-top: .2604rem;

}





.index-news-tit h4 {

    font-weight: bold;

    color: #000;

    font-family: 'Times New Roman', Times, serif;

    font-size: .2604rem;

    line-height: 1;

    margin-bottom: .0938rem;

    text-transform: uppercase;

}



.index-news-tit h2 {

    font-size: .1563rem;

    line-height: 1;

    font-weight: 600;

}



.index-news-tit h2::after {

    content: '';

    display: block;

    background-color: #9F0304;

    border-radius: 20px;

    width: .2604rem;

    height: .026rem;

    margin: .1563rem auto 0;

}



.index-news-txt {

    background-color: #fff;

    width: 90%;

    margin: 0 auto;

    transform: translateY(-35%);

    padding: 5%;

    transition: all ease-out .4s;

}



.index-news-txt h4 {

    font-size: .1354rem;

    font-weight: 700;

    line-height: 1.2;

    margin-bottom: .1354rem;

}



.index-news-txt p {

    font-size: .0833rem;

    color: #8b8b8b;

    line-height: 1.5;

}



.index-news-txt span {

    font-size: .1042rem;

    line-height: 1;

    opacity: 0;

}



.index-news-item:hover .index-news-pic img {

    transform: scale(1.1, 1.1);

}



.index-news-item:hover .index-news-txt {

    color: #fff;

    background-color: #9F0304;

}



.index-news-item:hover .index-news-txt p {

    color: #fff;

}



.index-news-item:hover span {

    margin-top: .2917rem;

    opacity: 1;

    display: inline-block;

}



.index-news-pic img {

    width: 100%;

}



.index-news-fy div {

    top: 1.0417rem;

    background-color: #b9b9b9;

    width: .3229rem;

    height: .3229rem;

    z-index: 2;

}



.index-news-fy div i {

    width: .0521rem;

    height: .0885rem;

    background-image: url(../images/jt-ico.png);

}



.index-news-fy div:hover {

    background-color: #9F0304;

}





.index-news-prev {

    left: -0.3646rem;

    transform: rotate(180deg);

}



.index-news-next {

    right: -0.3646rem;

}







footer {

    background-color: #313131;

}

.footer-top {

    padding: .4167rem 0;

    border-bottom: 1px solid #9F0304;

}

.footer-logo {

    border-right: 1px solid rgba(255, 255, 255, 0.24);

    padding-right: .3646rem;



}

.footer-logo img {

    width: 1.9427rem;

}

.footer-top-pic img {

    width: .6042rem;

}

.footer-top-txt h4 {

    color: #fff;

    font-weight: bold;

    font-size: .1302rem;

    line-height: 1;

    margin-bottom: .1354rem;

}

.footer-top-txt p {

    color: #9F9F9F;

    font-size: .0833rem;

    line-height: 2;

}

.footer-top-txt p em {

    font-weight: bold;

}

.footer-bot {

    padding: .1354rem 0;

}



.footer-bot p,
.footer-bot p a {

    color: #9F9F9F;

    font-size: .0729rem;

    line-height: 1;

}

.footer-bot p a {

    padding-left: .026rem;

}

.footer-bot p a:hover {

    opacity: 0.6;

}





.contact-bot-form {

    margin-top: 5%;

    background-color: #fff;

    padding: 4% 6%;

}



.contact-bot-item {

    width: 30%;

    border-bottom: 1px solid #ccc;

    padding-bottom: .1042rem;

    margin-bottom: .1875rem;

}



.contact-bot-item:nth-child(4) {

    width: 100%;

}



.contact-bot-item span {

    font-size: 15px;

    color: rgba(0, 0, 0, 0.6);

    margin-right: .0521rem;

}



.contact-bot-item input {

    border: none;

    outline: none;

    display: block;

    flex: 1;

    font-size: 15px;

    color: rgba(0, 0, 0, 0.6);

}



.contact-bot-item textarea {

    border: none;

    outline: none;

    display: block;

    flex: 1;

    font-size: 15px;

    color: rgba(0, 0, 0, 0.6);

    resize: none;

    height: 110px;

}



.contact-bot-btn a {

    font-size: 14px;

    color: #fff;

    background-color: #9F0304;

    line-height: 1;

    padding: .1042rem .3125rem;

}



.contact-bot-btn a:hover {

    background-color: #9F0304;

}



/*关于我们样式*/

.about-tit h4 {

    font-size: .260417rem;

    line-height: 1.2;

    font-weight: bold;

}

.about-01 {

    background-color: #eee;

    padding: .645833rem;

}

.about-01-txt {

    margin-top: .416667rem;

}

.about-01-l {

    width: 46%;

}

.about-01-l p {

    font-size: .09375rem;

    color: rgba(0, 0, 0, 0.6);

    line-height: 1.5;

    margin-bottom: .208333rem;

}

.about-01-l ul li {

    width: 31%;

}

.about-01-l ul li img {

    width: 100%;

}



.about-01-list {

    margin: .510417rem auto 0;

}



.about-01-swiper {

    flex: 1;

    margin: 0 0;

}



.about-01-prev,

.about-01-next {

    background-color: #b9b9b9;

    width: .3229rem;

    height: .3229rem;

}





.about-01-prev i,

.about-01-next i {

    width: .0521rem;

    height: .0885rem;

    background-image: url(../images/jt-ico.png);

}



.about-01-prev:hover,

.about-01-next:hover {

    background-color: #9F0304;

}



.about-01-prev {

    margin-right: .0938rem;

    transform: rotate(180deg);

}



.about-01-next {

    margin-left: .0938rem;

}



.about-01-pic:hover img {

    transform: scale(1.1, 1.1);

}







.about-02 {

    padding: .53125rem 0;

}

.about-02-l {

    width: 46.42%;

}

.about-02-l img {

    width: 100%;

}

.about-02-r {

    width: 42%;

}

.about-02-r h4 {

    line-height: 1.2;

    font-size: .260417rem;

    font-weight: bold;

    margin-bottom: .182292rem;

}

.about-02-r p {

    font-size: .09375rem;

    color: #575757;

    line-height: 1.5;

    margin-bottom: .458333rem;

}

.about-02-r ul li {

    width: 30%;

}

.about-02-r ul li img {

    width: 100%;

}

.about-03 {

    background-color: #EEEEEE;

    padding: .614583rem 0;

}

.about-03-tit p {

    font-size: .09375rem;

    color: #575757;

    margin: .177083rem auto .677083rem;

}



/*联系我们样式*/

.contact-con {

    padding: .479167rem;

}

.contact-box {

    background-color: #484443;

    margin-top: .3125rem;

}

.contact-l {

    padding-left: .286458rem;

    padding-right: .09375rem;

    padding-top: .442708rem;

    padding-bottom: .3125rem;

    width: 30%;

}

.contact-l .footer-top-pic {

    margin-top: .53125rem;

}

.contact-l .footer-top-pic img {

    width: .46875rem;

    height: .46875rem;

}

.contact-l .footer-top-pic p {

    margin-top: .067708rem;

    font-size: 14px;

    line-height: 1.5;

    color: #9F9F9F;

}

.contact-r {

    background-color: #EEEEEE;

    padding: .348958rem .520833rem;

    border-radius: 20px 0 0 20px;

}

.ca-1-label {

/* padding: 0 .104167rem; */

margin-bottom: .208333rem;

padding-right: 0.2rem;
}

.ca-1-label input {



    background-color: transparent;



    font-size: .0833rem;



    padding-bottom: .0521rem;



    border-bottom: 1px solid #ccc;



    width: 100%;



}



.ca-1-label textarea {

background-color: transparent;

font-size: .0833rem;

padding-bottom: .0521rem;

border-bottom: 1px solid #ccc;

width: 100%;

/* margin-top: .1563rem; */

height: .6083rem;
}



.ca-1-btn {

background-color: #9F0304;

color: #fff;

font-size: .0938rem;

line-height: 1;

/* margin-top: .1563rem; */

padding: .1042rem .3646rem;

cursor: pointer;
}



.ca-1-btn:hover {



    background-color: #000;



}





/*产品页样式*/

.pro-page {

    padding: .630208rem 0;

    background-color: #eee;

}

.index-pro-search-tit {

    margin-bottom: .427083rem;

}

.index-pro-search-form {

    width: 4.505208rem;

    margin: 0 auto;

    background-color: #fff;

    height: .3125rem;

}



.index-pro-search-form input[type=text] {

    font-size: .0985rem;

    color: #000;

    flex: 1;

    padding: 0 .125rem;

}



.index-pro-search-form input[type=text]::placeholder {

    font-size: .0985rem;

    color: #000;

    border: none;

    outline: none;

    opacity: 0.5;

}



.index-pro-search-form input[type=submit] {

    background-color: #595757;

    color: #fff;

    width: .5625rem;

    height: .3125rem;

    background-image: url(../images/serach-ico02.png);

    background-repeat: no-repeat;

    background-size: .1563rem .1563rem;

    background-position: center center;

}

.pro-cate-list {

    margin-top: .375rem;

}

.pro-cates-tit h4 {

    font-weight: bold;

    margin-bottom: .260417rem;

    font-size: .166667rem;

}

.pro-cate-list .index-pro-item {

    width: 18.5%;

    margin-right: .104167rem;

    margin-bottom: .15625rem;

}

.pro-list-page {

    background-color: #eee;

    padding: .3802rem 0;

}



.pro-list-page-tit h4 {

    font-size: .2083rem;

    line-height: 1;

    font-weight: bold;

}



.pro-list-bar {

    margin-top: .2865rem;

    margin-bottom: .2865rem;

    align-items: flex-start;

}



.nav-item {

    padding-bottom: .1042rem;

}



.pro-list-page-nav-item {

    background-color: #fff;

    color: #000;

    padding: .104167rem .125rem;

    font-size: .083333rem;

    line-height: 1;

    margin-right: .104167rem;

    text-transform: uppercase;

}



.pro-list-page-nav-item:hover,

.pro-list-page-nav-item.active {

    background-color: #9F0304;

    color: #fff;

}



.sub-nav {

    top: .3646rem;

    z-index: 10;

    display: none;

}



.sub-item {

    background-color: #909090;

    color: #fff;

    padding: .104167rem .125rem;

    font-size: .083333rem;

    line-height: 1.5;

    letter-spacing: 1px;

    margin-right: .0625rem;

    display: block;

    margin-bottom: .0521rem;

}



.sub-item:hover,

.sub-item.active {

    background-color: #9F0304;

    color: #fff;

}





.pro-list-page-search {

    background-color: #fff;

    line-height: .2604rem;

    width: 2.0208rem;

}



.pro-page-form-box input[type=text] {

    font-size: 14px;

    line-height: 1;

    flex: 1;

    line-height: .2604rem;

    padding: 0 .0938rem;

}



.pro-page-form-box input[type=submit] {

    background-color: #9F0304;

    color: #fff;

    width: .3646rem;

    height: .2604rem;

    background-image: url(../images/serach-ico02.png);

    background-repeat: no-repeat;

    background-size: .1563rem .1563rem;

    background-position: center center;

}





.pro-list-page-list {

    min-height: 4.1667rem;

}



.pro-list-page-item {

    background-color: #fff;

    margin-bottom: .125rem;

    padding: 2% 2%;

    width: 19%;

    height: fit-content;

}



.pro-list-page-item-txt {

    margin-top: .0521rem;

}



.pro-list-page-item-txt h4 {

    font-size: .1563rem;

    line-height: 1.5;

}



.pro-list-page-item-txt p {

    font-size: 14px;

    line-height: 1;

}



.pro-list-page-item-tag {

    color: #fff;

    font-size: .0833rem;

    padding: .0365rem .0521rem;

    line-height: 1;

    top: .0625rem;

    right: .0625rem;

}



/* 如果最后一行是4个元素 */

.pro-list-page-item:last-child:nth-child(5n - 1) {

    margin-right: calc(19% + 5% / 4);

}



/* 如果最后一行是3个元素 */

.pro-list-page-item:last-child:nth-child(5n - 2) {

    margin-right: calc(38% + 10% / 4);

}



/* 如果最后一行是2个元素 */

.pro-list-page-item:last-child:nth-child(5n - 3) {

    margin-right: calc(57% + 15% / 4);

}









/*产品详情样式*/

.pro-show {

    background-color: #f0f5f9;

    padding: .5208rem 0;

}



.pro-show-tit h4 {

    font-size: .2083rem;

    font-weight: 400;

    line-height: 1;

    margin-bottom: .1563rem;

}



.pro-show-nav {

    font-size: .0833rem;

}



.pro-show-nav a:hover {

    color: #494949;

}



.pro-show-nav em {

    padding: 0 .0521rem;

    font-size: .0938rem;

}



.pro-show-search {

    background-color: #fff;

    padding: 0;

}



.pro-show-search .pro-page-form-box {

    width: 2.0208rem;

    margin-top: 0;

}



.pro-show-search .pro-page-form-box input[type=text] {

    padding: 0 .1042rem;

}



.pro-show-search .pro-page-form-box input[type=submit] {

    width: .4167rem;

    height: .2708rem;

}



.pro-show-con {

    margin-top: 3%;

}



.pro-show-con-left {

    width: 30.26%;

}



.pro-show-con-right {

    width: 66.62%;

    background-color: #fff;

    padding: 2% 2%;

}



.pro-show-con-right img {

    display: block;

    margin: 0 auto;

    width: auto;

}



.pro-show-pic .swiper-pagination {

    display: flex;

    align-items: center;

    justify-content: left;

    left: .0781rem;

    bottom: .0781rem;

}



.pro-show-pic .swiper-pagination .swiper-pagination-bullet {

    background-color: #000;

    width: .0521rem;

    height: .0521rem;

}



.pro-show-pic .swiper-pagination .swiper-pagination-bullet-active {

    background-color: #9F0304;

}



.pro-show-txt {

    margin: .2396rem 0;

}



.pro-show-txt h4 {

    font-size: .1563rem;

    margin-bottom: .0781rem;

    line-height: 1;

}



.pro-show-txt p {

    font-size: .0938rem;

    line-height: 2;

    color: #4b4b4b;

}



.pro-show-list-tit {

    color: #fff;

    font-size: .1042rem;

    padding: .0625rem .1146rem;

    line-height: 1;

}



.pro-show-list-con {

    margin-top: .125rem;

}



.pro-show-item {

    background-color: #fff;

    margin-bottom: .0833rem;

    padding: 1% 2%;

}



.pro-show-item-pic {

    width: 150px;

    margin-right: 5%;

}



.pro-show-item-txt {

    flex: 1;

}



.pro-show-item-txt h4 {

    font-size: .1354rem;

    line-height: 1;

    margin-bottom: 10px;

}



.pro-show-item-txt p {

    font-size: 14px;

    color: #0e0509;

}







.news-con-tit {

    font-size: .2604rem;

    letter-spacing: .0104rem;

    font-weight: bold;

    margin-bottom: .3125rem;

}



.news-con-item {

    background-color: #fff;

    padding: .1563rem;

    margin-bottom: 3%;

}



.news-item-pic {

    width: 34%;

}



.news-item-txt {

    padding: 2% 0 2% 1%;

    width: 53%;

}



.news-item-txt h4 {

    font-size: .1563rem;

    margin-bottom: .0781rem;

    line-height: 1.2;

}



.news-item-txt p {

    font-size: .089rem;

    line-height: 1.5;

    text-align: justify;

    color: #999;

}



.news-item-date {

    font-size: .1458rem;

    padding: 2% 0;

    text-align: center;

}



.news-con-item:hover img {

    transform: scale(1.1, 1.1);

}



.news-con-item:hover h4 {

    color: #9F0304;

}



.news-con-item:hover .news-item-txt {

    padding: 2% 0 2% 2%;

}



.news-show-con-left {

    width: 30.26%;

}



.news-show-tit {

    width: 100%;

    background-color: #fff;

    padding: 5%;

}



.news-show-tit h4 {

    line-height: 1.5;

    font-size: .1979rem;

    font-weight: 700;

    margin-bottom: .1563rem;

}



.news-show-tit p {

    font-size: .1042rem;

    color: #999;

    margin-bottom: .1042rem;

    line-height: 1;

}



.news-show-btn {

    margin: .1042rem auto;

    padding: .0938rem .3646rem;

    color: #fff;

    background-color: #9F0304;

}



.news-show-btn:hover {

    opacity: 0.8;

}







/*分页查询样式*/

.pagination {

    display: flex;

    align-items: center;

    justify-content: center;

}



.pagination li a,

.pagination li span {

    width: 30px;

    height: 30px;

    margin: 0 15px;

    background-color: #000;

    color: #fff;

    display: flex;

    font-size: 14px;

    border-radius: 5px;

    justify-content: center;

    align-items: center;

    line-height: 1;

}



.pagination li.active a,

.pagination li.active span {

    background-color: #9F0304;

}



.pagination li.disabled a,

.pagination li.disabled span {

    background-color: #777;

    cursor: no-drop;

}



.pro-tip {

    color: #ccc;

    font-size: .1563rem;

    margin-top: .2083rem;

}



.load {

    background-color: #9F0304;

}



.load-con {

    width: 3.4792rem;

}



.load-con p {

    color: #9F0304;

    font-size: .1667rem;

    border: 1px solid #9F0304;

    width: 1.5104rem;

    padding: .1042rem 0;

    margin: .5rem auto;

    cursor: pointer;

}

@media screen and (max-width:1440px) {

    nav>ul>li>a {
        font-size: 15px;
    }
    .footer-bot p,
    .footer-bot p a{
        font-size: 14px;
    }
    .index-pro-cate-txt span,
    .index-a-l p,
    .index-a-l a,
    .index-news-txt p,
    .footer-top-txt p,
    .news-item-txt p,
    .about-01-l p,
    .about-03-tit p,
    .about-02-r p {
        font-size: 16px;
    }
    .about-tit h4,.about-02-r h4{
        font-size: 32px;
    }
}