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

.public_anchor { position: relative;top: -100px;}

.nbanner{ position:relative;}
.nbanner .bgImg{ position:relative; height:max(100px,3.3rem);}
.nbanner .bgImg:before{content: "";background: linear-gradient(rgb(0,0,0,0.2), rgba(0,0,0,0.2));width:100%; height:100%; position: absolute; z-index:1; left: 0px; top: 0px; right: 0px; bottom: 0px;} 
.nbanner .bgImg img{animation: bannerimg 2s;}


.nbanner .container{ position: relative;padding-bottom:40px;}
.nbanner .container:before {content: "";display: block;width: 16px;height: 16px;background: #62c5c3;border-radius: 50%;position: absolute;left: 15px;bottom: 0;animation: puBanner 1.7s}
.nbanner .container:after {content: "";display: block;width: 16px;height: 16px;background: #fff;border-radius: 50%;position: absolute;left: 25px;bottom: 0;opacity: 0.6;animation: puBanner 1.7s}

.nbanTxt{ position:absolute; z-index:1; left:0; width:100%; top:50%; transform:translateY(-50%); color:#fff;}
.nbanTxt strong{font-size: max(26px,.36rem);line-height:1.5;display: block;font-weight: normal;}
.nbanTxt p{font-size: max(16px,.18rem);line-height:1.5;display: block;}



.nposWpr{ position:relative;background-color: rgba(242,242,242,1); padding:15px 0px; overflow: hidden;}
.npos{ }
.npos a:first-child{background: url(../images/n_hico.png) no-repeat left center;background-size: 15px auto;padding-left: 20px;}
.npos i{background: url(../images/npos_ar.png) no-repeat center center;float: left;height: 20px;width: 28px;}
.npos a{font-size:14px;color:#6c757d;height: 20px;margin: 0 5px;}
.npos span{color:#333;}


/************/
.n_about_bg{ position:relative;background:url(../images/n_about_bg.jpg) bottom center no-repeat; background-size:cover; padding:0.8rem 0px;}
.n_about_bg .hmTnm{ text-align:center;}
.n_about_box{margin:0.8rem 0px;}


.n_rf_top{border-bottom: 1px solid rgba(0,0,0,.1); margin-top:0.2rem; padding-bottom:20px; margin-bottom:20px;}
.n_rf_top .n_rf_cn{font-size: 24px;color: rgba(0,0,0,1); line-height:1.6;}
.n_rf_top .n_rf_en{font-size: 16px; font-family: Arial; color: rgba(175,175,175,1);}

.n_about_info{font-size:max(14px,.16rem);color: #666;line-height: 1.8; text-align: left; margin-bottom: 3%;}
.n_about_info p{ margin-bottom:0.2rem; text-indent:2em;}

.n_about_list{width: 100%;grid-template-columns: repeat(4,minmax(0,1fr));grid-gap: 0.4rem 0.3rem;display: grid;}
.n_about_list .n_about_item { position:relative;background-color: rgba(238,238,238,1);}
.n_about_list .n_about_item .overflowHide{ padding-bottom:75%;}
.n_about_text{ position:relative;padding: 15px 10px;text-align:center;font-size: max(14px,.16rem);color: rgba(86,86,86,1);}
.n_about_list .n_about_item:hover{ background-color: rgba(0,59,131,1); color:#fff;}
.n_about_item:hover .n_about_text{ color:#fff;}


/***************/
.n_adv_box{position:relative;width: 100%;overflow: hidden;}
.n_adv_list{width: 100%;overflow: hidden;align-items: center;transition: .6s ease;}
.n_adv_pic{width: 50%;overflow: hidden;}
.n_adv_pic .overflowHide {padding-bottom: 41.47%;}

.n_adv_text{width: 50%;overflow: hidden;padding: 0px 0.4rem;}
.n_adv_text h3{font-size: max(22px,.28rem);font-weight: normal;line-height:1.5;color: rgba(36,111,202,1);}
.n_adv_text p{font-size: max(14px,.16rem);line-height:1.7;margin-top:0.15rem;color: rgba(102,102,102,1);}

.n_adv_list:nth-child(2n) .n_adv_text{order: 1;}
.n_adv_list:nth-child(2n) .n_adv_pic{order: 2;}
.n_adv_list:nth-child(2n+1) .n_adv_text{order: 2;}
.n_adv_list:nth-child(2n+1) .n_adv_pic{order: 1;}





/*******************/
.n_join_box{position:relative;align-items: center;/* height: 62%; */display: grid;grid-template-columns: repeat(2, 1fr);gap: 0.32rem;}
.n_join_lf{position:relative;}
.n_join_lf .overflowHide{ padding-bottom:100%;}
.n_join_lf .n_join_text{ position:absolute; width:100%; left:0; bottom:0;background-color: rgba(36,111,202,0.86); padding:0.2rem;}
.n_join_lf .n_join_text .n_join_cn{font-size: max(20px,.24rem);color: rgba(255,255,255,1); line-height:1.5;}
.n_join_lf .n_join_text .n_join_en{ font-size: max(14px,.16rem);color: rgba(255,255,255,1);}

.n_join_rf{display: flex;justify-content: space-between; align-content: space-between;flex-wrap: wrap;height: 100%;}
.hcontact-model {position: relative;width: 100%;overflow: hidden;height: 48%;box-sizing: border-box;background-color:rgba(36,111,202,1);}
.hcontact-model .txt-box {position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.hcontact-model .cell_box{ display: flex; justify-content: center; height: 100%;}
.hcontact-model .cell{width: 100%; display: flex; align-items: center;}

.n_join_top{padding: 0px 0.3rem;color: rgba(255,255,255,1);width: 100%;}
.n_join_top .n_join_info{color: rgba(255,255,255,1);font-size: 14px;line-height: 2;}


.n_join_bottom{ width:100%;}
.n_join_bottom .overflowHide{padding-bottom: 50%;}
/************/
.n_service_list{width: 100%;grid-template-columns: repeat(3,minmax(0,1fr));grid-gap: 0.4rem 0.3rem;display: grid;}
.n_service_list .n_service_item { position:relative; padding:0.3rem;}
.n_service_list .n_service_item .n_service_top{ display:flex;    align-items: center;}
.n_service_item .n_service_top span{ width:max(60px,.75rem);}
.n_service_item .n_service_top .n_service_text{width:calc(100% - max(60px,.75rem)); padding-left:0.2rem;font-size:max(18px,.20rem);color: rgba(0,0,0,1);}
.n_service_info{font-size: 14px;color: #666;line-height: 1.8;text-align: left;margin-top: 20px;}




/**************/
.n_pro_bg{position:relative;padding: 0.8rem 0px;overflow:hidden;}
.n_pro_box{ position:relative; overflow:hidden;}
.n_pro_lf{width:25%;z-index:1; padding-right:0.3rem;}
.product-nav{ margin-bottom:0.3rem;}
.product-nav .big-title{background-color: rgba(36,111,202,1);padding-top: 20px;font-size: 18px;color: rgba(255,255,255,1);padding-bottom: 20px;text-align: center;}
.n_pro_type{ width:100%; overflow:hidden; margin-top:5px;}
.n_pro_type li{width: 100%;background-color: rgba(246,246,244,1);border:1px solid  rgba(235,235,235,1);border-radius: 4px;margin-bottom: 8px;padding-right: 15px;padding-left: 15px;transition: all ease .3s;}
.n_pro_patl{justify-content: space-between;width: 100%;padding: 14px 0;display: flex;align-items: center;}
.n_pro_type li p{ font-size:15px;}
.n_pro_type li svg {margin: 0;height: auto;width: 15px;}
.n_pro_type li:hover,.n_pro_type li.on{background-color: rgba(36,111,202,1);}
.n_pro_type li:hover p,.n_pro_type li.on p{color:#fff;}

.product-list{}
.product-list h3{background-color: rgba(36,111,202,1); font-weight:normal;padding-top: 20px;font-size: 18px;color: rgba(255,255,255,1);padding-bottom: 20px;text-align: center;}
.product-list ul{ padding:0.2rem; border:1px solid rgba(221,221,221,1);}
.product-list ul li{border-bottom:1px solid rgba(245,245,245,1); margin-bottom:10px; padding:15px 0px 10px;font-size: 14px; color: rgba(51,51,51,1);font-weight: bold;}


.n_pro_rf{width:74%;z-index:1;}
.n_pro_list{width: 100%;grid-template-columns: repeat(3,minmax(0,1fr));grid-gap: 0.4rem 0.3rem;display: grid;}
.n_pro_list .n_pro_item { position:relative;border-radius:5px;}
.n_pro_list .n_pro_item .overflowHide{ padding-bottom:75%;}
.n_pro_text{ position:relative;padding: 16px 0px;text-align:center;font-size: max(14px,.16rem);background-color: rgba(238,238,238,1);color: rgba(86,86,86,1);}
.n_pro_text::after { position: absolute;display: block;content: "";width: 0%;height: 2px;background-color:#C30D23;left:0%; top:0px;transition: all 0.5s;}
.n_pro_item:hover .n_pro_text::after { width: 100%;}
.n_pro_item:hover {box-shadow: 0px 0px 6px 4px rgba(0,0,0,.12)}
.n_pro_item:hover .n_pro_text{color: #C30D23;}




/*******n_pro_xq*********/
.n_pro_bggrey{position: relative; padding: 0.8rem 0px;overflow: hidden; background:rgba(250,250,250,1)}
.n_proxq_box{ margin-bottom:0.4rem; background:#fff; padding:0.3rem;}
.n_proxq_lf{width: 55%;}
.probig { margin-bottom:0.3rem;border: 1px solid #ddd;}
.probig .pbitem .overflowHide {padding-bottom: 75%;background:#fff;}

.proicon{ width:100%;}
.proicon .slick-track {margin: 0;}
.proicon .pbicon {padding: 0 12px 0px 0px;}
.proicon .pbicon .overflowHide { padding-bottom:69.6875%;border:1px solid #fff;background:#fff;}
.proicon .pbicon.slick-current .overflowHide{ border:1px solid #001b54;}


.n_proxq_rf{width: 40%;}
.n_proxq_rf .n_proxq_tit{width: 100%;font-size: max(22px,0.24rem);color:#333;line-height: 1.5;margin-bottom: 0.1rem;color: rgba(0,0,0,1);font-weight: bold;}
.n_proxq_rf .tit {font-size: 14px;line-height:1.5;color: rgba(51,51,51,1);margin-bottom: 0.1rem;}
.n_proxq_rf .pro_info{}
.n_proxq_rf .pro_info span{width: 96px;font-size: 14px;color:#1d1d1f;line-height:2.25;}
.n_proxq_rf .n_proxq_key {color: rgba(124,124,124,1);font-size: 14px;line-height: 2; margin-top:20px;}

.n_proxq_rf .pr_more{margin-top:0.5rem;}
.n_bottom_lf{ width:70%; margin-right:0.5rem; background:#fff;}
.n_bottom_tit{ border-bottom:1px solid rgba(229,229,229,1); padding:20px 0.3rem;font-size: 20px;color: rgba(1,71,157,1);font-weight: bold;}
.n_bottom_info{ padding:0.3rem;line-height: 1.8; color: #666;font-size: 14px;}
.n_bottom_rf{ width:calc(30% - 0.5rem);background:#fff;}
.n_bottom_list{padding:0.3rem;}
.n_bottom_list .n_bottom_item{ margin-bottom:0.3rem;}
.n_bottom_item .n_bottom_img{border:1px solid rgba(229,229,229,1); padding:0.2rem;}
.n_bottom_item .overflowHide{ padding-bottom:75%;}
.n_bottom_item .n_bottom_title{line-height: 2; font-size: 16px;color: rgba(51,51,51,1);text-align: center;}


/***************************/
.n_message_bg { position:relative; padding:0.8rem 0px;}
.n_message_bg .hmTnm strong { position:relative; font-size: max(22px,0.28rem); display:block; margin-bottom:0.2rem; padding-bottom:15px;}
.n_message_bg .hmTnm strong::after { position: absolute;display: block;content: "";width: 60px;height: 4px;background:rgba(36,111,202,1);left: 50%; bottom:0px;transform: translateX(-50%);transition: all 0.5s;}

.n_message_bg form {width: 100%;padding: 0.4rem 0rem;}
.n_message_bg form .t {display: flex;flex-direction: row;align-items: flex-start;justify-content: flex-start;margin-bottom: 0.14rem;}
.n_message_bg form .t span {color: #E62F43;margin-right: 0.06rem;}
.n_message_bg form .input-wrap {display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin-bottom: 0.25rem;}
.n_message_bg form .input-wrap .l,.n_message_bg form .input-wrap .r {width: calc((100% - 0.6rem)/2);}
.n_message_bg form .input-wrap .l .b,.n_message_bg form .input-wrap .r .b {border-radius: 3px;overflow: hidden;border: 1px solid #ced4da;}
.n_message_bg form .input-wrap .l .b input,.n_message_bg form .input-wrap .r .b input {padding: 0 10px;background-color: unset;border: unset;font-size: 14px;width: 100%;height: 50px;}
.n_message_bg form .input-wrap .l {margin-right: 0.6rem;}
.n_message_bg form .input-item textarea {width: 100%;height: 2rem;padding: 0.2rem 0.2rem;box-sizing: border-box;border: unset;border-radius: 4px;font-size: 16px;border: 1px solid #ced4da;/* resize: none; */}

.n_message_bg form .submit {margin: 0 auto;transition: all 0.3s linear;margin-top: .4rem;text-align: center;}
.n_message_bg form .submit button {cursor:pointer;font-size: 16px;color: #fff;padding: 15px 0.6rem;transition: all 0.3s linear;background: rgba(36,111,202,1);width: 200px;border-radius: 4px;}
.n_message_bg form .submit:hover button {background:rgba(197,0,0,1);}



/**************/
.n_news_bg{ position:relative; overflow:hidden; padding:0.8rem 0px;}
.n_news_list{width: 100%;}
.n_news_item{display: flex;flex-wrap: wrap;align-items: center;overflow:hidden;position:relative;z-index:2;padding: 20px 0px 20px 40px; border-bottom:#ccc 1px solid; margin-bottom:0.5rem;}


.n_news_date{width: 95px;font-size: 16px;color:rgba(36,111,202,1);line-height:1.5; background-color: rgba(245,245,245,1); padding:20px; text-align:center;}
.n_news_date .n_news_yue{font-size: 32px;color: rgba(36,111,202,1);line-height: 1;font-family: "oswald-regular";font-weight: bold;}
.n_news_date .n_news_year{min-height: 20px;font-size: 18px;color: rgba(36,111,202,1);line-height: 1;padding-top: 2px;font-family: "oswald-regular";}

.n_news_txt{ width:calc(100% - 120px); margin-left:25px;transition:all 0.5s ease;}
.n_news_title{color: rgba(51,51,51,1);padding-bottom: 13px;font-size: 18px;line-height: font-weight: normal;}
.n_news_info{ font-size: 14px; line-height:1.5;overflow: hidden; color:rgba(157,157,157,1); transition:all 0.5s ease;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
	
	



/*******xq_connom**********/
.news-art-main{background: #fff;margin:0px auto;padding:4%;}
.article_text_center{ border-bottom: 1px solid rgba(242,242,242,1);color: rgba(48,49,51,1); font-size: 24px;font-weight: 700; padding-bottom: 10px;}
.article_text_time{padding: 0.2rem 0px;font-size: 14px;color: rgba(153,153,153,1);line-height: 1;border-bottom: 1px solid rgba(242,242,242,1);}
.article_text_desc{ margin-top:0.2rem;font-size: 14px;color: #666;line-height: 1.8;text-align: left;margin-bottom: 20px;padding-top: 20px;padding-bottom: 20px;padding-left: 20px;padding-right: 20px;background-color: rgba(245,245,245,1);}

.article_info{padding:20px 0px;font-size: 14px;color: rgba(102,102,102,1);line-height: 2;}
.article_info p{text-indent: 2em;font-size: 14px;color: rgba(102,102,102,1); line-height: 2;font-family: 宋体, SimSun;}
.article_info p img{ margin-left:-2em;font-size:16px;line-height:1.9;color: #444;}

.article_con{ width:100%; max-width:1200px; margin:0 auto;}
.art-footer-back { margin-top:0.6rem;}
.art-footer-back a{color: #333;}
.art-footer-back a span{position: relative;}
.art-footer-back a:hover{ color:#286cb5;}


/*******************/
.n_contact_box{ position:relative;align-items: center;}
.n_contact_lf{ width:48%;}
.consec-map{ width:100%; height:360px;}
.consec-map iframe{ width:100%; height:100%;}
.n_contact_rf{ width:48%;}
.n_contact_rf .n_contact_p{display:flex;align-items: center; margin-bottom:20px;font-size: 16px; color: rgba(0,0,0,1);line-height: 1.8;}
.n_contact_rf svg{fill: rgba(36,111,202,1); width:36px;height:36px; margin-right:5px;}




/***************************/
.n_feedback_bg { position:relative; background-color: rgba(246,246,246,1); padding:0.5rem 0.3rem 0.3rem; margin-top:0.5rem;}
.n_feedback_bg .hmTnm strong { position:relative; font-size: max(20px,0.24rem); display:block; margin-bottom:0.1rem;}
.n_feedback_bg form {width: 94%; margin:0.4rem auto 0 auto;}
.n_feedback_bg form .input-wrap {display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin-bottom: 0.2rem;}
.n_feedback_bg form .input-wrap .b {width: calc((100% - 0.3rem)/2);border-radius: 3px;overflow: hidden;color: #495057;background-color: #fff;border: 1px solid #ced4da;}
.n_feedback_bg form .input-wrap .b input {padding: 0 10px;background-color: unset;border: unset;font-size: 14px;width: 100%;height: 36px;}
.n_feedback_bg form .input-item{margin-bottom: 0.2rem;}
.n_feedback_bg form .input-item .b {width: calc((100% - 0rem)/1);border-radius: 3px;overflow: hidden;border: 1px solid #ced4da;color: #495057;background-color: #fff;border: 1px solid #ced4da;}
.n_feedback_bg form .input-item .b input {padding: 0 10px;background-color: unset;border: unset;font-size: 14px;width: 100%;height: 36px;}

.n_feedback_bg form .input-item textarea {width: 100%;height:80px;padding:10px;box-sizing: border-box;border: unset;border-radius: 4px;font-size: 14px;border: 1px solid #ced4da;}

.n_feedback_bg form .submit {margin: 0 auto;transition: all 0.3s linear;margin-top: .2rem;text-align: center;}
.n_feedback_bg form .submit button {cursor:pointer;font-size: 16px;color: #fff;padding: 9px 0.3rem;transition: all 0.3s linear;background: #387ca9 !important;width: 180px;border-radius: 60px;}
.n_feedback_bg form .submit:hover button {background:rgba(197,0,0,1);}



/* pagination */
.pagination { text-align:center; margin-top:40px;}
.pagination .page-status {display: none;}
.pagination .page-index {display: none;}
.pagination .page-last {display: none;}
.pagination span a {line-height: 30px;width: 30px;height: 30px;display: inline-block;transition: .5s all;margin: 0 5px;font-size: 16px;/* border-radius: 50%; */background-color: #f8f8f8;color: #666666;}
.pagination span a:not(.page-num) {background-color: #f8f8f8;color: #666666;line-height: 30px;width: auto;height: 30px;padding: 0px 10px;font-size: 14px;}
.pagination span a.page-num {background-color: #f8f8f8;color: #666666;}
.pagination span a:hover,.pagination span a.page-num.page-num-current {color: #fff;background-color: #474b52;}

@media (max-width:767px){

.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto; width:100%; max-width:1500px;}
.nbanner .bgImg{ position:relative; height:150px;}
.n_about_list {grid-template-columns: repeat(2,minmax(0,1fr));grid-gap: 0.4rem 0.3rem;}
.n_pro_lf{width:100%;z-index:1; padding-right:0rem;}
.n_pro_rf{width:100%;z-index:1;}
.product-list { display:none;}

.n_proxq_lf{width: 100%;}
.n_proxq_rf{width: 100%;}

.n_bottom_lf{ width:100%; margin-right:0rem; background:#fff;}
.n_bottom_rf{ width:calc(100% - 0rem);background:#fff;}


.n_adv_pic{width: 100%;overflow: hidden;}
.n_adv_text{width: 100%;overflow: hidden;padding: 0.6rem 0px 0.2rem;}
.n_adv_list:nth-child(2n) .n_adv_text{order: 1;}
.n_adv_list:nth-child(2n) .n_adv_pic{order: 2;}
.n_adv_list:nth-child(2n+1) .n_adv_text{order: 1;}
.n_adv_list:nth-child(2n+1) .n_adv_pic{order: 2;}

.n_service_list { grid-template-columns: repeat(1,minmax(0,1fr));}
.n_news_item {padding:10px 0px; }
.n_news_date { display:none; }
.n_news_txt {width: calc(100% - 0px); margin-left: 0px;transition: all 0.5s ease;}

.article_text_center { font-size: 18px;text-align: center;}
.article_text_time {text-align: center;}

.n_pro_type { display:none;}
.n_contact_lf{ width:100%;order: 2;}
.n_contact_rf{ width:100%;order: 1; margin-bottom:20px;}
.n_feedback_bg form .input-wrap .b {width: calc((100% - 0rem)/1);margin-bottom: 0.2rem;}
.n_feedback_bg form .input-wrap {flex-wrap:wrap;}
.n_pro_list { width: 100%;grid-template-columns: repeat(2,minmax(0,1fr));}


.n_join_box {grid-template-columns: repeat(1, 1fr);gap: 0.32rem;}
.hcontact-model { height: auto; margin-bottom:20px;}
.n_join_top { padding: 0.3rem;}


}