@charset "utf-8";
/* CSS Document */

.nbanner{ position:relative;}
.nbanner .bgImg{ height:5.3rem;}
.nbanner::before {content: "";position: absolute;left: 0;top: 0;z-index:1;width: 100%;height: 100%;background: rgba(0, 0 , 0, .3);}
.nbanTxt{ position:absolute; left:0; z-index:3; width:100%; top:52%; transform:translateY(-50%); color:#fff;}
.nbanTxt strong{ font-size:0.44rem; line-height:1.5; display: block; letter-spacing: 1px; text-align: center;}
.nbanTxt p{ font-size: 24px; line-height: 40px; letter-spacing: 2px; display: block; margin-top: 16px; }

.npos{ position:relative;height: 30px; line-height: 30px; color: #fff; text-align: center; font-size: 18px;}
.npos_home{ margin-right:8px; color: #fff; }
.npos_a{ font-size:18px;margin-left:8px; color: #fff;}


/* banner_nav */
.banner_nav {border-bottom:1px solid #e5e5e5;}
.banner_nav a {color: #333; font-size:18px;padding: 20px 0.3rem;transition: .5s all;display: block;position: relative;}
.banner_nav a:before {content: '';position: absolute;bottom: 0;left: 51%;right: 51%;height: 1px;background-color: #ff0000;transition: .5s all;}
.banner_nav a:hover ,.banner_nav a.active {color: #ff0000;}
.banner_nav a:hover:before  ,.banner_nav a.active:before {left: 25px;right: 25px;}


/*****about**********/
.n_about_bg{ position:relative; width:100%; padding:1rem 0px;}
.n_about_box{position: relative;display: flex;justify-content: space-between;align-items: center;}
.n_about_box .n_about_Lx {width: 45%;display: flex;flex-direction: column;justify-content: center;}
.n_about_box .n_about_Pt{ font-size:16px; line-height:1.5; text-transform:uppercase; font-weight:600; position:relative; color:#ff0000; transform:scale(1,1.1); margin-bottom:0.4rem;}
.n_about_box .n_about_Pt:after{position:absolute;content:"";width:50px;height:1px;top:12px;align-items:center;margin-left:10px;background:#ff0000;}
.n_about_box .n_about_Ptit { font-weight:bold; font-size:0.36rem; color:#000;}
.n_about_box .n_about_des {font-size:0.18rem;line-height: 2;color: #555555;margin-top: 1.45vw;text-align: justify;}
.n_about_box .n_about_des p:not(:first-child){ margin-top:0.3rem;}

.n_about_box .n_about_Rx { position: relative; width: 51%;overflow: hidden }
.n_about_box .n_about_Rx_txt{ text-transform:uppercase; color:rgba(255,0, 0, 0.1); line-height:2; font-size:0.8rem; text-align:right;}
.n_about_box  .n_about_Rx_img { position: relative; width: 100%; height:6.5rem; overflow: hidden; border-radius:20px; }


.n_brand_bg{ position:relative; width:100%;}

.ab-01 { position:relative; padding:1rem 0px 2.6rem;background:url(../images/n_brand_bg.jpg) no-repeat center; background-size: cover;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;background-attachment:fixed;}
.ab-01:after{position: absolute; width: 100%;height: 100%;left: 0;top: 0;z-index: 1; content: "";display: block;background:rgba(37, 31, 31, 0.75);}
.ab-01 .n_brand_tit{position:relative;z-index:3; text-align:center; color:#fff; font-weight:bold;font-size:0.5rem; margin-bottom:0.9rem;}

.n_brand_item{ position:relative; z-index:3;}
.n_brand_item .item{ width:33.33%; float:left; }
.n_brand_item .item .sz{text-align:center;color:#fff; margin-bottom:0.2rem;}
.n_brand_item .item .sz span{ font-size:0.58rem;font-family:"Bebas"; line-height:1;}
.n_brand_item .item .sz em{ font-size:16px; position:absolute; font-style:normal; margin-left:10px;}
.n_brand_item .item .txt{ text-align:center; color:#fff;font-size:18px;  line-height:2; }

.ab-02 { position: relative;z-index:3; bottom:0.8rem; }
.ab-02 ul{ }
.ab-02 ul li{ width:32%; background:#fff; text-align:center; position:relative; box-shadow:0 0 30px 0 rgba(27,68,163,.1); padding:0.6rem 0.9rem; -webkit-transition: all 0.6s;
transition: all 0.6s;}
.ab-02 ul li:after{ right:-4px; bottom:-4px; background:#ff4242; content:""; position: absolute; width:30px; height:30px; z-index:-1}
.ab-02 ul li:before{ left:-4px; bottom:-4px; background:#ff4242; content:""; position: absolute; width:30px; height:30px; z-index:-1}
.ab-02 ul li h1{ font-size:0.3rem; font-weight:bold; margin-bottom:0.3rem; line-height:2;}
.ab-02 ul li .more{ color:#333; font-size:18px;line-height:1.8; letter-spacing:2px;transform: scale(1,1.1);}
.ab-02 ul li:hover{ box-shadow:0 0 30px 0 rgba(230, 0,18, 0.75);background:#ff4242;}
.ab-02 ul li:hover h1,.ab-02 ul li:hover .more{ color:#fff}


/*************新闻*******************/
.n_news_bg{ position:relative; padding:0.9rem 0px;background: #f8f8f8;}

.n-news-top{ position:relative; overflow:hidden;align-items: center;background: #fff;}
.n-news-top .boxLeft{ width: 46%;}
.n-news-top .boxRight { width: 54%; box-sizing: border-box;  padding:0px 3% 0px 5%;}
.n-news-top .boxRight .content1 {font-size: 16px;color: #999;}
.n-news-top .boxRight .content2 {font-size: .3rem;color: #000;margin-top: 0.25rem; padding-bottom:0.3rem;transition: 0.4s;font-weight: bold;border-bottom: 1px solid #e5e5e5;}
.n-news-top .boxRight .content3 {font-size: 16px;color: #666;line-height: 1.9; margin-top:0.25rem;}
.n-news-top .boxRight .content4 {margin-top: 0.5rem;}


.n-news-bottom{ position:relative; overflow:hidden; margin-top:0.4rem;}	  
.rn_news{ width:100%;position:relative; }
.rn_news .item { float: left; width: 32%; margin-right: 2%; box-shadow: 0px 0px 16px #eee; transition: 0.4s; margin-bottom:.35rem;}
.rn_news .item:nth-child(3n) { margin-right: 0;}
.rn_news .item a { display: block;}
.rn_news .item a .content1 { overflow: hidden;}
.rn_news .item a .mc_list_imgbox { position: relative;overflow: hidden; width:100%;}
.rn_news .item a .mc_list_png {object-fit: cover;z-index: initial;width: 100%;}
.rn_news .item a .mc_list_img {width: 100%;height: 100%;position: absolute;z-index: 2;top: 0; left: 0;transition: all .6s;}
.rn_news .item a .content2 {padding: 0.35rem;background:#fff;}
.rn_news .item a .content3 { font-size: 0.22rem; line-height:1.5;font-weight:bold; color: #1b1c1c; height:0.66rem;transition: all .6s;}
.rn_news .item a .content4 {font-size:16px;line-height:1.8;height:57.6px;color: #666666;margin-top:0.2rem;transition: all .6s;}
.rn_news .item a .content5 {font-size:14px;color:#999;margin-top:0.2rem;transition: all .6s;}
.rn_news .item:hover a .content1 img {  transform: scale(1.1);}
.rn_news .item:hover a .content2 { background:#ff0000;}
.rn_news .item:hover a .content3,.rn_news .item:hover a .content4,.rn_news .item:hover a .content5 { color: #fff;}


/*************case*****************/
.n_case_bg{ position:relative; padding:0.9rem 0px;background: #f8f8f8;}
.n_case_box{width:100%;position:relative;overflow:hidden;margin-left: -8px;}
.n_case_box .caselist {position: relative;width: calc(100% * 1 / 3.001);padding-left: 16px;transition: .5s all;box-shadow: 0px 0px 16px #eee;overflow: hidden;margin-bottom:.2rem;}
.n_case_box .caselist .caselist_toggle{position: relative;box-sizing: border-box; width: 100%;  max-width: 100%;display: inline-block;flex: auto;transition: .5s all; vertical-align: middle;}
.n_case_box .caselist .mc_list_imgbox { position: relative;overflow: hidden;}
.n_case_box .caselist .mc_list_png {object-fit: cover;z-index: initial;width: 100%;}
.n_case_box .caselist .mc_list_img {width: 100%;height: 100%;position: absolute;z-index: 2;top: 0; left: 0;transition: all .6s;}


.caselist_bototm {position: absolute;top: 0;bottom: 0; z-index: 2;left: 0; right: 0;padding: 30px 30px;justify-content: center;display: flex;align-items: center;background: rgba(255,0,0,.8);transform: translateY(100%);transition: .5s all;opacity: 0;}
.caselist_bototm .text-center{ text-align:center;}
.caselist_bototm  h3 {font-size: 24px;color: #fff;font-weight: bold;}
.caselist_bototm .text-center-top{ margin-top:0.4rem;}
a.view_btn {display: inline-block;border: 1px solid #FFFFFF;overflow: hidden;position: relative;text-align: center;transition: .5s all;width: 46px;height: 46px;border-radius: 50px; background-color: transparent;}
a.view_btn span {position: relative;z-index: 1;display: inline-block;}
a.view_btn:before {content: '';left: 0;top: 0;bottom: 0;right: 100%;background-color: #015f9f;transition: .5s all;position: absolute;}
a.view_btn:hover {border-color: #d71524;}
a.view_btn:hover:before {right: 0;}

.n_case_box .caselist:hover .caselist_bototm{opacity:1;transform: translateY(0%);}
.n_case_box .caselist:hover .mc_list_img{ transform: scale(1.1);}


/* prolist */
.n_pro_bg{ position:relative; padding:0.9rem 0px;background: #fff;}
.prolist * {transition: .5s remall;}
.prolist .protit {font-size:0.48rem;font-weight: bold;color: #191919;text-align: center!important; margin-bottom:0.4rem;}

.prolist a.productlist_nav {color: #333;position: relative;margin: 0 20px;font-size: 18px;padding-bottom: 20px;}
.prolist a.productlist_nav:hover ,.prolist a.productlist_nav.active{color: #ff0000;}
.prolist a.productlist_nav:before {content: '';position: absolute;bottom: 10px;left: 50%;right: 50%;height: 2px;background-color: #ff0000;transition: .5s all;}
.prolist a.productlist_nav:hover:before ,.prolist a.productlist_nav.active:before {left: 0;right: 0;}

.n_pro_box{ width:100%;position:relative; margin-top:0.7rem;}
.n_pro_box .item { float: left; width:23.8%; margin-right: 1.6%;transition: 0.4s; margin-bottom:.35rem;}
.n_pro_box .item:nth-child(4n) { margin-right: 0;}
.n_pro_box .item a { display: block;}
.n_pro_box .item a .content1 { overflow: hidden; background:#fff; box-shadow: 0px 0px 12px rgba(4,0 ,0, 0.1); }
.n_pro_box .item a .mc_list_imgbox { position: relative;overflow: hidden;}
.n_pro_box .item a .mc_list_png {object-fit: cover;z-index: initial; width:100%;}
.n_pro_box .item a .mc_list_img {width: 100%;height: 100%;position: absolute;z-index: 2;top: 0; left: 0;transition: all .6s;}
.n_pro_box .item a .content2 {position: relative;padding: 16px 0px;font-size: 16px;text-align:center;}
.n_pro_box .item a .content2::before { content: ""; position: absolute; left: 0; bottom: 0;z-index: 1; width: 100%; height: 1px;background: #e5e5e5;}
.n_pro_box .item a .content2::after {content: ""; position: absolute;left: 0; bottom: 0;z-index: 1;width: 0;height: 1px; background: rgba(255, 0, 0, 1);transition: all .6s;}
.n_pro_box .item:hover a .content1 img {  transform: scale(1.1);}
.n_pro_box .item:hover a .content2 { background:#ff0000; color: #fff}
.n_pro_box .item:hover a .content2::after { width: 100%; }




.n_pro_wrap {align-items:center; width:100%; margin-top:0.6rem; margin-bottom:40px;}
.n_pro_img { width:50%; order:1; overflow:hidden; border-radius:5px;border:1px solid #ddd; text-align:center;}
.n_pro_text {width:45%;order:2;}
.n_pro_text .n_pro_tit{ color:#005aac;font-size:0.3rem;font-weight:600;}
.n_pro_text .n_pro_des{font-size: 18px;line-height: 1.6;color:#313133;margin: 10px 0px 15px;}
.n_pro_text .n_pro_p{font-size: 14px;line-height: 1.8;}

/*************contact******************/
.n-contact-bg{ position:relative; width:100%; overflow:hidden; padding:1rem 0px;}
.contact-box .info{float:left;width:40%;max-width:570px}
.contact-box .info-item{margin-bottom:0.5rem;}
.contact-box .info-item .tit{line-height:1.5;font-size:20px;font-weight:bold;color:#333333;padding-bottom: 15px;border-bottom:1px dotted #c6c6c6;margin-bottom: 15px;}
.contact-box .info-item p{ font-size:18px;color:#333333; line-height:1.5;}
.contact-box .info-item .c-item{float:left;width:112px;margin-right:5%;max-width:43%;text-align:center}
.contact-box .info-item .c-item p{line-height:1;margin-top:18px}

.contact-box .form{float:right;width:53%;max-width:8rem;}
.contact-box .form .form-group {position: relative;margin-bottom:0.15rem;}
.contact-box .form .form-group.required:before {content: '*';position: absolute;left: -15px;top:26px;font-size: 18px;line-height: 1;color: #f00;}
.contact-box .form-item{margin-bottom:30px}
.contact-box .form .item-value{display:block;width:100%;line-height:24px;padding:19px 30px;background:#f3f3f3;color:#000;border:none;outline:none}
.contact-box .form textarea.item-value{height: 220px;resize:none;}
.contact-box .form .item-value::-webkit-input-placeholder{color:#666;}
.contact-box .form .item-value:-moz-placeholder{color:#666;}
.contact-box .form .item-value::-moz-placeholder{color:#666;}
.contact-box .form .item-value:-ms-input-placeholder{color:#666;}
.contact-box .form .button{width:100%;line-height:62px;text-align:center;color:#fff;background:#606060;border:none; border-radius:5px; font-size:18px; cursor:pointer;transition: all .6s;}
.contact-box .form .button:hover{ background:#f00;}



/*****详细页*****/

.news-art-main{background: #fff;margin:0px auto;padding:4%;}
.art-tit h4{text-align: center;font-size: 22px;line-height:1.4;padding-bottom:0.2rem;color: #333;}
.art-tit h5{text-align: center;font-size: 14px;font-weight: normal;line-height: 38px;color: #888;border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.art-tit h5 span{display: inline-block;max-width: 300px; width:50%;}
.art-main{padding:0.4rem 0px;font-size: 0.18rem;line-height:1.9;color: #444;}
.art-main p{text-indent: 2em;font-size: 0.18rem;line-height:1.9;color: #444;}


.art-back li{font-size: 14px;}
.art-footer-last{border-top: 1px solid #e2e2e2;padding-top: 6px;line-height: 30px;}
.art-footer-next{border-bottom: 1px solid #e2e2e2;padding-bottom: 6px;line-height: 30px;}
.art-footer-last a,.art-footer-next a {line-height: 30px;color: #555;}
.art-footer-last a:hover,.art-footer-next a:hover {color:#c61634;}
.art-footer-back{padding-top: 26px;float: right;margin-top: -82px;margin-right: 20px;}
.art-footer-back a{display: block;position: relative;width: 116px;height: 40px;overflow: hidden;border: 2px solid #c61634;line-height:36px;text-align: center;box-sizing: border-box;color: #c61634;}
.art-footer-back a span{display: block;position: relative;top: 0;}
.art-footer-back a:hover span{background: #c61634;color: #fff;top: -100%;line-height:40px;}
.art-footer-back a:hover{border: 0 none;}


/********分页*********/
.text-center {text-align: center;  clear: both;}
.pagination{display: inline-block; padding-left: 0; margin:20px 0px 20px; border-radius: 4px; font-size: 12px;}
.pagination > li{display: inline;}
.pagination > li > a,
.pagination > li > span{position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #4d4d4d; text-decoration: none; background-color: #fff; border: 1px solid #ddd;}
.pagination > li:first-child > a,
.pagination > li:first-child > span{margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{z-index: 3; color: #000; background-color: #eee; border-color: #ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{z-index: 2; color: #fff; cursor: default; background-color: #14578e; border-color: #14578e;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus{color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;}




@media (max-width:769px){
	
.npos{font-size: 15px;}

.n_about_box{ flex-wrap:wrap;}
.n_about_box .n_about_Lx {width: 100%;}
.n_about_box .n_about_Rx {width: 100%; margin-bottom:15px;}
.hm_c1Rx_img {height: 5rem;}

.ab-02 ul li {width:100%;margin-bottom:15px;}
.hnews-pic { height: 6rem;}

.rn_news .item a .content3 {
    font-size:18px;
    line-height: 1.5;
    font-weight: bold;
    color: #1b1c1c;
    height: 54px;
    transition: all .6s;
}
}

@media (max-width:640px){
.n_pro_box .item {
    float: left;
    width: 100%;
    margin-right: 0%;
    transition: 0.4s;
    margin-bottom: 0.35rem;
}

.rn_news .item {
    float: left;
    width: 100%;
    margin-right: 0%;
    box-shadow: 0px 0px 16px #eee;
    transition: 0.4s;
    margin-bottom: 0.35rem;
}


.contact-box .info{float:left;width:100%;max-width:570px}

.contact-box .form{float:right;width:100%;max-width:8rem; margin-top:20px;}
.n_pro_img { width:100%; order:1; overflow:hidden; border-radius:5px;border:1px solid #ddd; text-align:center;}
.n_pro_text {width:100%;order:2; margin-top:20px;}
.n_pro_text .n_pro_tit {
    color: #005aac;
    font-size:22px;
    font-weight: 600;
}
.n-news-top{ flex-wrap:wrap;}
.n-news-top .boxLeft{ width: 100%;}
.hnews-pic { height:4rem;}
.n-news-top .boxRight { width: 100%; box-sizing: border-box;  padding:5%;}
.n_case_box .caselist {
    position: relative;
    width: calc(100% * 1 / 1);
    padding-left: 16px;  
}
.art-tit h4 {
    text-align: center;
    font-size: 18px;
    line-height: 1.4;
    padding-bottom: 0.2rem;
    color: #333;
}
.art-main p {
    text-indent: 2em;
    font-size: 16px;
    line-height: 1.9;
    color: #444;
}
}