@charset "utf-8";
/* CSS Document */
.nbanner{ position:relative; overflow:hidden;}
.nbanner .overflowHide{ padding-bottom:21.875%;}

.posWpr{ position:relative;background: rgba(245,245,245,1); padding:0.2rem 0px; overflow:hidden;}
.posWpr .container {align-items: center;}
.nmenu a { display: inline-block;border: 1px solid #7e7e7e;min-width: 120px;height: 40px;padding: 0 0.3rem;margin-left: 16px;border-radius: 30px;text-align: center;line-height: 38px;font-size: 16px;color: #2c2c2c;}
.nmenu a:first-child {margin-left: 0;}
.nmenu a.on,.nmenu a:hover {background: #0048b5;border-color: #0048b5;color: #fff;box-shadow: 6px 6px 13px rgba(0, 72, 181, 0.14);}

.ny-lwzk {display: block;float: right;padding-left: 28px;background: url(../images/wzb.png) center left no-repeat;font-size: 14px;color: #858585;}
.ny-lwzk a,.ny-lwzk a:visited {color: #555;}
.ny-lwzk span {display: inline-block;width: 18px;text-align: center;font-family: "宋体";}



.n_title { position:relative; margin:0px 0px 0.4rem; text-align: center;}
.n_title .n_tit { position:relative; font-size:max(20px,0.36rem);line-height:1.5;color: #333; padding-bottom:10px;}
.n_title .n_tit::after {content: ""; position: absolute;left: 50%; bottom: 0;z-index: 1;width: 1.5em;height:2px; background:rgba(225, 227, 227, 1);  transform: translate(-50%,0%);}
.n_title .n_e {line-height: 1.5;font-size:max(16px,0.24rem);color:#646464;font-family:times new roman,times,serif; margin-top:10px;}

/*******n_about_bg********/
.n_about_bg{ position:relative; width:100%; overflow:hidden; padding:max(40px,0.8rem) 0px;}
.n_about_box{ width:100%; padding:0px 3%; }
.n_about_box .n_about_wz{ font-size:16px;line-height:1.8; color:#595959;border-top:1px solid rgba(221, 221, 221, 1);padding:20px 0px;}

.n_about_list {grid-template-columns: repeat(3,minmax(0,1fr));grid-gap: 0.15rem 0.4rem;display: grid;}
.n_about_list .n_about_item {}
.n_about_list .overflowHide{ padding-bottom:72.2857%;}


/*******n_pro_bg********/
.n_pro_bg{ position:relative; width:100%; overflow:hidden; padding:max(40px,0.8rem) 0px;}

.n_pro_lf{ width:19%;}
.n_pro_tit{ position:relative;background: linear-gradient(45deg,#0048b5,#1b7de0); color:#fff;font-size:max(22px,0.3rem);border-top-left-radius: 30px;border-bottom-right-radius: 0px; padding:22px 0px 22px 20px;}
.n_pro_lf ul{ border:1px solid #e8e8e8;}
.n_pro_lf ul li{border-bottom:1px solid #e8e8e8;}
.n_pro_lf ul li:last-child{border-bottom:none;}
.n_pro_lf ul li a{ display:block;background: #f9f9f9;padding: 18px;font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; position: relative;white-space: nowrap;width: 100%;}
.n_pro_lf ul li:hover a,.n_pro_lf ul li.nynn a{ background:#0f66cd; color:#fff;}

.n_pro_rf{width: 78.5%;}
.n_pro_list {grid-template-columns: repeat(3,minmax(0,1fr));grid-gap: 0.3rem 0.3rem;display: grid;}
.n_pro_item {background: #fff;border-radius: 5px;border: 1px #ddd solid;color:#111111;overflow: hidden; transition: all 0.6s ease;padding: 10px}
.n_pro_item a{ display:block;}
.n_pro_item .imgBox{position: relative;overflow: hidden;}
.n_pro_item .imgBox .overflowHide{ padding-bottom:75%;}
.n_pro_item .imgBox .showBox{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0;background: rgba(0,0,0,.6);transition: all 0.5s ease;}
.n_pro_item .imgBox .showBox .showwz{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: block;width: 60%;color: #fff;text-align: center;font-size:16px;padding: 15px 0;}
.n_pro_item .imgBox .showBox .showwz:before{content: '';position: absolute;top: 0px;left: 50%;transform: translateX(-50%);width: 60%;height: 1px;background: #fff;transition: all .5s ease;}
.n_pro_item .imgBox .showBox .showwz:after{content: '';position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);width: 60%;height: 1px;background: #fff;transition: all .5s ease;}
.n_pro_item .textBox{position: relative;overflow: hidden;width: 100%;padding: 20px 10px;text-align: center;font-size: 17px;color: #333;background: #f5f5f5; text-overflow: ellipsis;position: relative;white-space: nowrap;font-weight: bold;}

.n_pro_item:hover .showBox{opacity: 1;}
.n_pro_item:hover .showBox .showwz:before{width: 1em;}
.n_pro_item:hover .showBox .showwz:after{width: 60%;}
.n_pro_item:hover .textBox{ color:#0f66cd;}

.n_xq_box{border: solid 1px #e4e4e4; padding:0.3rem;}

.n_xq_tit{ position:relative;font-size:max(22px,0.3em);color:#333; padding:10px 0px 0.2rem; text-align:center;    display: block;}
.n_xq_info{ position:relative;font-size: 16px;line-height: 1.8;color: #666;padding: 0.3rem;overflow: hidden;}
.n_xq_info::before {content: ""; position: absolute;left: 0; top: 0;z-index: 1;width:100%;height: 1px; background:rgba(0, 0, 0, 0.1);transition: all .6s;}

.d_DecTab span{ display:inline-block; height: 55px; min-width:2.2rem;text-align: center; padding: 0 25px;color: #fff;line-height: 55px;font-size: 18px; font-weight: bold;border-bottom: 2px solid #0059ac; background: #0048b5;border-radius: 6px 6px 0px 0px;
}

/*******n_honor_bg********/
.n_honor_bg{ position:relative; width:100%; overflow:hidden; padding:max(40px,0.8rem) 0px;}
.n_honor_box{ width:100%;}
.n_honor_list {grid-template-columns: repeat(4,minmax(0,1fr));grid-gap: 0.3rem 0.3rem;display: grid;}
.n_honor_list .bgImg img { width: auto;transform:translateX(-50%);-webkit-transform: translateX(-50%); left: 50%;}
.n_honor_list .n_pro_item .textBox {font-size: 16px; font-weight: normal;}
/*****case********/
.pro_xq_bg{ width:100%; margin-bottom:0.5rem;}
.pro_xq_lf{ width:55%;position: relative;}
.pro_xq_lf img{ width:100%;}
.n_pro_img{ position: relative;padding-bottom: 75%;overflow:hidden;}
.n_pro_img .bgImg img { }

.hmc4Swiper{border: solid 1px #e4e4e4;}

.hmc4yrs{ padding:0px 30px; margin-top:20px;}
.hmc4yrs .slick-track{ margin:0;}
.hmc4yrs .slick-prev{ background: url(../images/t4Btn.png) no-repeat center center; display: inline-block; height: 60px; width: 15px; position: absolute; left: 5px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -30px; z-index: 2;  transition:all 0.5s ease; border-radius:50%; transform:rotate(180deg); opacity:0.5; }
.hmc4yrs .slick-next{ background: url(../images/t4Btn.png) no-repeat center center; display: inline-block; height: 60px; width:15px; position: absolute; right: 5px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -30px; z-index: 2; transition:all 0.5s ease; border-radius:50%; opacity:0.5;}
.hmc4yrs .slick-prev:hover,.hmc4yrs .slick-next:hover{ opacity:1;}

.hmc4yr{ padding-right:5px; cursor:pointer;}
.hmc4yr .n_pro_img{ border:2px solid #fff;}
.hmc4yr.slick-current .n_pro_img{ border:1px solid #0059ac;}

.pro_xq_rf{ width:40%;}
.pro_xq_rf .n_xq_tit{ text-align:left; font-weight:bold; font-size: max(19px,0.26rem);}
.pro_xq_rf .pro_xq_info{margin: 0.1rem 0px;}
.pro_xq_rf .pro_xq_type{ border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; padding: 15px 0px;font-size: 18px;color: #0658aa;}

.pro_button{ margin-top:0.5rem;display: flex;}
.pro_button a:first-child{ margin-right:0.2rem;}


/*******page next**************/
.article_page span {width: 90px;height: 36px;line-height: 34px;text-align: center;border-radius: 31px;border: 1px solid #e9e9e9;cursor: pointer;  color: #333; font-size: 16px; display: inline-block;margin: 0px 5px;}
.article_page a:hover{ color:rgba(0, 89, 172,1) ;}



/*********/
.n_tui_bg{ position:relative;}
.n_tui_tit{ position:relative;font-size:max(20px,0.28rem);color:#333; margin:0.3rem 0px;}

.n_tui_list{ margin:0px -0.2rem; padding-bottom:20px;}
.n_tui_item {position:relative; width: 100%;display: block; overflow: hidden; margin:0px 0.2rem; padding:0.1rem; background:#fff;  border-radius:5px;  border: 1px #ddd solid;}
.htui-img { position:relative; width: 100%; padding-bottom:62.6%; overflow: hidden;}
.htui-img::before {content: "";position: absolute;width:100%; height:100%;right: 0;bottom: 0;}

.htui-bottom { position: relative;width: 100%;color: #333;background: #f5f5f5; text-align:center;padding:0.1rem 0.1rem 0.3rem;z-index: 2;}
.htui-bottom .htui-tit{font-size: max(16px,0.2rem);color: #333;padding:0.1rem 0px;}   
.htui-bottom .htui-more{font-size: 15px;color: #999; line-height:1.7;}
.htui-item:hover .htui-bottom .htui-tit{ color:#047ceb;}


.n_tui_list .slick-dots li button { padding: 0px; }
.n_tui_list .slick-dots li button:before { font-size:60px; opacity: 1; color:#e4e4e4;}
.n_tui_list .slick-dots li.slick-active button:before { color:#1890ff; opacity: 1;}






/*******n_news_bg********/
.n_news_bg{ position:relative; width:100%; overflow:hidden; padding:max(40px,0.8rem) 0px;}

.newList {display: flex;padding: 30px 0px;border-bottom: 1px solid #DDD;background: #fff;margin-bottom: 20px;}
.newPicBox {width: 315px;height: auto;}
.newPicBox  .overflowHide{ padding-bottom:65%;}
.newList .content {display: flex;width: calc( 100% - 330px );padding-top: 20px;padding-left:0.55rem;}
.newList .content .leftTime {width: 100px;position: relative;}
.newList .content .newTime {display: block;color: #999;font-size:max(20px,0.24rem);font-weight: normal;font-family: Arial, Helvetica, sans-serif;margin: 0px 0 30px;transition: all .5s ease;}
.newList .content .newIcon {padding: 6px 11px;border: 1px solid transparent;transition: all .5s ease;color: #ccc;}
.newList .content .newIcon  svg{ vertical-align:middle; margin-top:-3px;}

.newList .content .rightC {position: relative;width: calc( 100% - 100px);transition: all .5s ease;padding: 0 0.3rem 0 60px;}
.newList .content .rightC::before {content: '';position: absolute;left: 0px;top:0.2rem;display: block;width: 40px;height: 1px;background: #aaa;transition: all .5s ease;}
.newList .content .rightC .newTitle {margin-bottom: 10px;}
.newList .content .rightC .newTitle .newTitleLink {display: block;width: 100%;font-size:max(20px,0.28rem);font-family: 'NotoSansSC';color: #333;transition: all .5s ease;font-weight: normal;letter-spacing: -1px;}
.newList .content  .newMs {line-height:1.7;font-size:max(14px,0.15rem);color: #999;transition: all .5s ease;}

.newList:hover  .bgImg {transform: scale(1.1);}
.newList:hover .rightC::before { width: 60px;}
.newList:hover .rightC {padding-left: 80px;}
.newList:hover .newTime {color: #333;}
.newList:hover .newIcon {border-color: #0059ac;margin-top: 10px;background: #0059ac;}



/*******neww_connom**********/
.n_case_box{}
.n_con_lf{width:calc(100% - 400px);}

.art-box{}
.art-tit h4{text-align: center;font-size:max(20px,0.26rem);font-family: 'NotoSansSC';font-weight:normal;line-height:1.5;color: #333; padding-bottom:0.2rem;border-bottom: 1px solid #ededed;}
.art-tit h5{text-align: center;font-size:14px;font-weight: normal;line-height:1.5;color: #666666;padding-top:0.25rem;}
.art-main{padding:0.4rem 0px;font-size: 16px;line-height:2;color: #333333;font-family: 'NotoSansSC';}
.art-main p{font-size: 16px;line-height:2;color: #333333;font-family: 'NotoSansSC';}
.art-main img{ max-width:600px; margin:0 auto;}
.art-back { margin-top:0.3rem;}
.art-back li{font-size: 14px;}
.art-footer-last{line-height: 30px;}
.art-footer-next{line-height: 30px;}
.art-footer-last a,.art-footer-next a {line-height: 30px;color: #333333;}
.art-footer-last a:hover,.art-footer-next a:hover {color:#fc4f00;}

.n_con_rf{width:325px;}
.n_con_rf h4 a{font-size:max(22px,0.26rem);font-weight:normal;}

/*******n_news_xq*********/
.n_con_rf .n_news_list {grid-template-columns: repeat(1,minmax(0,1fr)); grid-gap: 0.15rem 0rem; display: grid;margin-top:0.25rem;}
.n_con_rf .n_news_list .n_news_item { margin-bottom:0.2rem;}

.n_con_rf .n_news_list .n_news_item .overflowHide{padding-bottom: 60%;}
.n_con_rf .n_news_list .n_news_item .time { width:0px;line-height: 1.5;color:#333; display:none;}
.n_con_rf .n_news_list .n_news_item .text{ width:calc(100% - 0px); padding:15px 10px;}
.n_con_rf .n_news_list .n_news_item .text .tit {font-size:18px;line-height:2;color: #333333;transition: all 0.4s linear;}
.n_con_rf .n_news_list .n_news_item .text .txt {color: #666;font-size:16px; line-height:1.6;}

.n_con_rf .n_news_list .n_news_item:hover {
   transform: translateY(-0.15rem);
   box-shadow: 0px 0px 8px 5px #e5ebff;
}



/*******************/
.n_contact_bg{ position:relative; width:100%; overflow:hidden; padding:max(40px,0.8rem) 0px;}

.n_contact_box{width: 100%;box-shadow: 0 0 65px rgba(31, 86, 131, .12); display: flex; align-items: center;background:rgba(0, 89, 172,1) url(../images/con_bg.png) center center repeat;}

.n_contact_lf{width: 34.14%;padding: 0.6rem; color:#fff;}

.n_contact_info{ margin:0.4rem 0px; line-height:2; font-size:max(16px,0.18rem)}
.n_contact_rf{width: 65.86%;}
.p_map{width: 100%; height: 500px;  border: 1px solid #ccc;}

.p_map iframe{ width:100%; height:100%;}

/**************************/
.n_messaget_bg{position: relative;   width: 100%; padding: max(40px,0.8rem) 0;overflow: hidden;}
.n_messaget_bg .n_messaget_box{ overflow:hidden; width: 100%;  max-width:1200px; margin:0.4rem auto 0 auto;}

.n_messaget_box .form{}
.n_messaget_box .form .form-group { width:100%;position: relative;margin-bottom:22px;}
.n_messaget_box .form .form-group:last-child {margin-bottom:0px;    text-align: right;}
.n_messaget_box .form .form-group.form-group-text{ width:100%;}
.n_messaget_box .form-item{margin-bottom:30px}
.n_messaget_box .form .item-value{display:block;width:100%;line-height:24px;padding: 12px 10px;color:#000;border:none;outline:none;border: 1px solid #ddd;}
.n_messaget_box .form textarea.item-value{height: 215px;resize:none;}
.n_messaget_box .form .item-value::-webkit-input-placeholder{color:#666;}
.n_messaget_box .form .item-value:-moz-placeholder{color:#666;}
.n_messaget_box .form .item-value::-moz-placeholder{color:#666;}
.n_messaget_box .form .item-value:-ms-input-placeholder{color:#666;}

.n_messaget_box .form .code{ display:flex;width:100%; max-width:5rem; margin-bottom:0px;}
.n_messaget_box .form .code img{ margin-left:5px; height:50px;}
.n_messaget_box .form .button{display: inline-block;position: relative;z-index: 3;overflow: hidden;width:100%; margin-top:22px;height: 52px;line-height: 52px;border-radius:5px;color: #fff; background: rgba(0, 89, 172,1) ;font-size: 16px;border: 1px solid rgba(0, 89, 172,1) ;cursor: pointer;}
.n_messaget_box .form .button:before {position: absolute;left: 0;top: 0;z-index: -1;content: "";height:0 ;background: #fff;width: 100%;transition: 0.5s;}
.n_messaget_box .form .button:hover {color:rgba(0, 89, 172,1) ;}
.n_messaget_box .form .button:hover:before {height: 100%;}






/* 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: 40px;width: 40px;height: 40px;display: inline-block;transition: .5s all;margin: 0 5px;font-size: 20;border-radius: 50%;background-color: #f8f8f8;color: #666666;}
.pagination span a:not(.page-num) {background-color: #f8f8f8;color: #666666;}
.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: #007fc0;}








@media (max-width:767px){
.ny-lwzk{ display:none;}
.n_pro_lf{ width:100%; margin-bottom:10px;}
.n_pro_lf ul {display: -webkit-flex;display: flex; justify-content: space-between; flex-wrap: wrap;width: 100%;}
.n_pro_lf li { width:50%;}
.n_pro_rf{width: 100%;}

.n_pro_list { grid-template-columns: repeat(2,minmax(0,1fr));}

.newList {flex-wrap: wrap; flex-direction: column-reverse; padding: 10px; border-bottom: none;}
.newPicBox { width: 100%;height: auto;}
.newList .content { width: calc( 100% - 0px );padding-left: 0rem;}
.newList .content .rightC { position: relative; width: calc( 100% - 100px); transition: all .5s ease; padding: 0;}
.newList .content .rightC::before {   width: 0px;}


.n_con_lf{width:calc(100% - 0px);}
.n_con_rf{width:100%; margin-top:30px;}

.pro_xq_lf{ width:100%;position: relative;}
.pro_xq_rf{ width:100%;position: relative;margin-top:20px;}

.posWpr .container{overflow-x: auto;padding-bottom:10px}
.nmenu { white-space: nowrap;}
.nbanner .overflowHide {
    padding-bottom:45%;
}

.n_contact_lf{width:100%;padding: 0.6rem; color:#fff;}
.n_contact_rf{width: 100%;}
}
@media (max-width:640px){
	
.n_pro_list { grid-template-columns: repeat(1,minmax(0,1fr));}


}