@charset "utf-8";
/* CSS Document */
.public_anchor {  position: relative;  top: -100px;
}
.nbanner{ position:relative; width:100%; overflow:hidden;}
.nbanner .bgImg{ height:100vh;}
.nbanner img{ width:100%;}

.nbanner::before {content: "";position: absolute;left: 0;top: 0;z-index:1;width: 100%;height: 100%;background: rgba(0, 0 , 0, 0);}
.nbanTxt{ position:absolute; left:0; z-index:3; width:100%; top:45%; transform:translateY(-50%); color:#fff;}
.nbanTxt strong{ font-size:0.5rem; line-height:1.5; display: block; text-align: center; font-weight:normal;}
.nbanTxt p{ font-size:0.24rem; line-height: 1.5;display: block;text-align: center; text-transform:uppercase;}

/* banner_nav */
.posWpr {position:relative;height:0.86rem; background:#fff;}
.nmenu{ height: 0.86rem;display: flex;align-items: center;}
.nmenu .m2menu_a{display: block;float: left;padding: 0 0.4rem;height:54px;margin-right: 0.2rem;overflow: hidden;background-color: #c6c8cb;line-height:54px;font-size: 16px;color: #fff;border-radius:40px;}
.nmenu .m2menu_a span{ display:block; position:relative; top:0; color:#fff;transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;}
.nmenu .m2menu_a:hover span, .nmenu .m2menu_a.on span{ top:-100%; color:#FFF;}
.nmenu .m2menu_a:hover, .nmenu .m2menu_a.on{ background-color:#4e96e9; border-color:#5c307d;}

.posRx{position: absolute;  right: 0px; top: 0; width:40%; max-width:6.5rem; background:url(../images/npos.png) left center no-repeat; background-size:cover;}
.npos{ position:relative;height:0.86rem; line-height:0.86rem; color: #999999;font-size: 16px; margin-left:6vw;display: flex;align-items: center;}
.npos_home{ margin-right:8px;color: #999999; }
.npos a{ font-size:16px;margin:0px 8px;color: #999999;}
.npos a:hover{ color:#4e96e9;}

.pagebg{ width:100%;background:url(../images/page_bg.jpg) center bottom no-repeat; background-size:cover;}

.nTnm{ text-align:center; margin-bottom:0.4rem;}
.nTnm p{ font-size:0.6rem; text-transform:uppercase; letter-spacing:10px; color:rgba(102, 102, 102 ,0.09); font-family:Impact;}
.nTnm strong{position:relative;font-size: 0.48rem;line-height: 2;margin-top:-2rem;color: #333333;font-weight:bold;display: inline-block;}
.nTnm strong:after{content: "";height:6px; border-radius:40px;width: 30%;position: absolute;left: 50%;bottom: 0px;transition:all 0.5s ease;transform:translateX(-50%);background: #0781d2;}



/*****nabout**********/
.intro-section{ position:relative; width:100%; background:#fff; padding:0.5rem 0px 0.8rem;}

.intro-section .left-intro{}
.intro-section .left-intro .left-info{font-size: 18px;color: #666; line-height: 1.9; margin-top: 3.9vw; margin:0 auto; max-width:1200px;}
.intro-section .left-intro .left-info p{font-size: 18px;color: #666;line-height: 1.9; text-indent:2em;}
.intro-section .right-intro{display: flex; align-items: flex-start; justify-content: space-around; margin:0 auto; max-width:1200px;margin-top:2vw;}
.intro-section .right-intro dl dt{ display: flex; align-items: center; justify-content: flex-start;}
.intro-section .right-intro dl dt h2{ position:relative;font-size: 0.72rem;color: #3aadf8;font-weight: bold;margin-left: 1.04vw; display: flex;align-items: baseline;}
.intro-section .right-intro dl dt h2:after{content: "";height:6px; border-radius:40px;width:50px;position: absolute;left:20px;bottom: 0px;transition:all 0.5s ease;background: #0781d2;}
.intro-section .right-intro dl dt h2 i{font-size: 24px; font-style:normal; color:#333333;margin-top: -5px;  margin-left: 5px;font-weight: normal;}
.intro-section .right-intro dl dt img{transition: all .45s ease;}
.intro-section .right-intro dd{ margin-top: 1.1vw;font-size:18px; color: #666; text-align:center; display:none;}


/******************/
.n_brand_bg{ position:relative; width:100%; background:url(../images/n_brand_bg.jpg) center center no-repeat; background-size:cover; padding:0.8rem 0px;}
.n_brand_box{align-items: center;color:#fff;}
.n_brand_tit{ font-size:0.38rem; letter-spacing:10px;}
.n_brand_title{ font-size:0.38rem; }
.n_brand_box .n_brand_rf{ width:55%; font-size:18px;}
.n_brand_box .n_brand_rf .n_brand_cn{margin-bottom:10px; }
.n_brand_box .n_brand_rf .n_brand_en{ margin-bottom:15px;}
.n_brand_box .n_brand_rf .n_brand_info p{ line-height:1.5;}
.n_brand_box .n_brand_rf .n_brand_info p span{ width:70px; display:inline-block;}
.n_brand_box .n_brand_rf .n_brand_info p i{ font-style:normal; color:#ffcc00;}

/******************/
.n_history_bg{ position:relative; width:100%; padding:0.8rem 0px 1rem;}
.n_history_box{ position:relative; width:100%; margin-top:1rem;}
.n_history_box::before {content: "";position: absolute;top: 0;left: calc(50% - 2px);width: 1px;height: 110%;background-color: #000000;}
.fzlcwrap {position: relative;align-items: center;}
.fzlcwrap:not(:first-child) { margin-top:-1rem;}

.fzlcwrap:nth-child(2n-1) .fzlc_text {width: calc(50% - 0px);order: 2;margin-top:-1.5rem;padding-left: 0.4rem;}
.fzlcwrap:nth-child(2n) .fzlc_text {width: calc(50% - 1px);order: 1;text-align: right;padding-right: 0.4rem;}
.fzlcwrap:nth-child(2n-1) .fzlc_img {width: calc(50% - 1px);order: 1;text-align: right;padding-right: 1rem;}
.fzlcwrap:nth-child(2n) .fzlc_img {width: calc(50% - 1px);order: 2;padding-left: 1rem;}

.fzlcwrap:nth-child(2n-1) .fzlcyear {position:relative;font-size: 0.24rem;color: #fff;padding: 10px 0.3rem;margin-bottom: 20px;display: inline-block;background: #09306b;border-radius: 40px;}
.fzlcwrap:nth-child(2n-1) .fzlcyear:before{content: "";height: 1px;border-radius:40px;width: 0.4rem;position: absolute;left: -0.4rem;bottom: 50%;transition:all 0.5s ease;background: #000;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);color: #fff;}
.fzlcwrap:nth-child(2n) .fzlcyear {position:relative;font-size: 0.24rem;color: #fff;padding: 10px 0.3rem;margin-bottom: 20px;display: inline-block;background: #09306b;border-radius: 40px;}
.fzlcwrap:nth-child(2n) .fzlcyear:before{content: "";height: 1px;border-radius:40px;width: 0.4rem;position: absolute;right: -0.4rem;bottom: 50%;transition:all 0.5s ease;background: #000;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);color: #fff;}
.fzlcwrap:nth-child(2n-1) .fzlc_img .fzlc_imgbox{ border-radius:3rem 20px 20px 3rem; overflow:hidden;}
.fzlcwrap:nth-child(2n) .fzlc_img .fzlc_imgbox{ border-radius: 20px 3rem 3rem 20px; overflow:hidden;}
.fzlcwrap .fzlc_img .fzlc_imgbox img{ width:100%;}
.fzlcsj{ font-size:0.22rem; color:#666666;}

/******************/
.n_result_bg{ position:relative; width:100%; background:url(../images/n_result_bg.png) center bottom no-repeat; background-size:contain; padding:0.8rem 0px;}
.n_result_top{ margin-top:1.5rem;}
.n_result_top li{ width:29%;}
.n_result_top li img{ width:100%;}
.n_result_bottom{ margin-top:0.4rem;}
.n_result_bottom li{ width:24%;}
.n_result_bottom li img{ width:100%;}

/******************/
.n_culture_bg{ position:relative; width: 100%;padding:0.5rem 0px 0.8rem;background: #fff;}
.n_culture_box{ margin-top:0.6rem;}
.n_culture_box li{ width:33.33%; float:left; text-align:center; transition:all 0.5s ease-in-out;}
.n_culture_box li:hover{transform:translateY(-15px);}
.culture_icon{ display:inline-block; transition:all 0.5s ease-in-out; width:2rem; height:2rem;}
.culture_icon img{width:100%;}
.n_culture_box li:hover .culture_icon{transform:rotateY(180deg);}
.n_culture_box li strong{ font-size: 0.36rem; line-height:1.5; letter-spacing: 1px; display: block; margin-top:0.4rem; }
.n_culture_box li .culture_p{ font-size:0.22rem; line-height:1.5; }

/******************/
.n_yuan_bg{ position:relative; padding:0.9rem 0px;}
.n_yuan_box{ width:100%;position:relative; margin-top:70px;}
.n_yuan_box .item { float: left; width:calc(33.333% - 0.2rem); margin-right:0.3rem;transition: 0.4s; margin-bottom:.35rem;}
.n_yuan_box .item:nth-child(3n) { margin-right: 0;}
.n_yuan_box .item a { display: block;}
.n_yuan_box .item a .content1 { overflow: hidden; background:#fff; box-shadow: 0px 0px 12px rgba(4,0 ,0, 0.1); border-radius:15px;}
.n_yuan_box .item a .mc_list_imgbox { position: relative;overflow: hidden;}
.n_yuan_box .item a .mc_list_png {object-fit: cover;z-index: initial; width:100%;}
.n_yuan_box .item a .mc_list_img {width: 100%;height: 100%;position: absolute;z-index: 2;top: 0; left: 0;transition: all .6s;}
.n_yuan_box .item a .content2 { position: relative;padding:0.18rem 0px;font-size: 0.24rem; text-align:center; color:#000000;}
.n_yuan_box .item:hover a .content1 img {  transform: scale(1.1);}

/******************/
.n_honor_bg{ position:relative;width: 100%; padding:0.9rem 0px;}
.n_honor_box .item { float: left; width:calc(25% - 0.18rem); margin-right:0.24rem;transition: 0.4s; margin-bottom:.35rem;}
.n_honor_box .item:nth-child(4n) { margin-right: 0;}
.n_honor_box .item a { display: block;}
.n_honor_box .item a .content1 { overflow: hidden; background:#fff;}
.n_honor_box .item a .content1 img{ width:100%;transition: all .6s;}
.n_honor_box .item a .content2 { position: relative; line-height:3.1; background:#fafafa;font-size: 16px; text-align:center; color:#333333;}
.n_honor_box .item:hover a .content1 img {  transform: scale(1.1);}


/************pro*******************/
.n_pro_bg{ position:relative; width:100%; padding:0.9rem 0px;background: #fff;}
article.cutonTh{ padding-top:2rem;}
article.cutonTh ul {width: 100%;}
article.cutonTh ul li {position: relative;width: 33.333333%;text-align: center;padding: 0 0.6rem;}
article.cutonTh ul li a{ display:block;background-color: #cccccc;}
article.cutonTh ul li.on a,article.cutonTh ul li:hover a{background-color: #4e96e9;}
{background-color: #4e96e9;}

article.cutonTh ul li .cutonTh_img {position: absolute;left: 50%;width:2.6rem;height:2.6rem;border-radius:50%;box-shadow: 0px 10px 15px rgba(0 ,0 ,0 ,0.16);transform: translate3d(-50%, -1.3rem, 0); overflow:hidden;}
article.cutonTh ul li .cutonTh_img img{ width:100%;transition: all .6s;}
article.cutonTh ul li .cutonTh_text{ padding:1.5rem 0px 20px; font-size:0.26rem; color:#fff; line-height:1.5;}
article.cutonTh ul li:hover .cutonTh_img img{  transform: scale(1.1);}


.n_pro_box{ width:100%;position:relative; margin-top:70px;}
.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%; */object-fit: cover;position: absolute;z-index: 2;top: 50%;left: 0;transition: all .6s;transform: translateY(-50%);}
.n_pro_box .item a .content2 { position: relative;padding:15px 0px;font-size:17px; text-align:center; background:#3b3b3b; color:#fff;}

.n_pro_box .item:hover a .content1 img {  transform: scale(1.1) translateY(-50%);}
.n_pro_box .item:hover a .content2 { background:#4e96e9; color: #fff}


/*goods detail*/
.zpro_itop{position:relative;display:flex;justify-content: space-between;/* align-items: center; */padding:3vw 0;}
.zpro_it_left{background:#fff;width: 50%;cursor: pointer;}
.swiper-infopic{/* height: 450px; */text-align: center;/* margin-bottom: 30px; */ padding-bottom:30px;}
.swiper-infopic .swiper-wrapper{margin-bottom:30px;}
.swiper-infopic .swiper-slide b{height: 100%;display: block;text-align: center;}


.zpro_it_right{ width:48%;}

.zprotitle{display:flex;justify-content: space-between;align-items: center;border-bottom: 1px dashed #b3b3b3;position:relative;overflow:hidden;padding: 0px 0 30px 0;}
.zprotitle:after{display:block;content: '';position:absolute;left:0;bottom:-1px;width: 65px;height: 4px;background:#0068b7;}
.zprotitle h3{font-size:.3rem;color: #282828;}
.zprotitle a{display:flex;justify-content: center;align-items: center;background:#fff;border-radius: 35px;line-height: 46px;box-sizing: border-box;padding:0 20px;}
.zprotitle a:hover {background:#039048;}
.zprotitle a img{height: initial;}
.zprotitle a:hover img{filter:grayscale(1) brightness(100);}
.zprotitle a span{font-size:16px;color: #444444;padding-left: 10px;transition: 350ms 0s all ease;}
.zprotitle a:hover span{color: #fff;}
.zpro_it_right>small{font-size:16px;color: #434343;line-height:2;display:block;margin:1vw auto;}

.zpro_it_right>ul{ display:flex; justify-content: space-between; align-items: center; margin-bottom: 2.5vw;}
.zpro_it_right>ul>li{ background:#fff; height: 153px; width: 24%;}
.zpro_it_right>ul>li b{ display:block; width: 100%; height: 100px; position:relative; overflow:hidden;}
.zpro_it_right>ul>li b img{ width: 100%; height: 100%; object-fit: scale-down;}
.zpro_it_right>ul>li p{font-size: 20px;text-align: center;color: #282828;}



.zpro_zx{display:flex;align-items: center;}
.zpro_zx>a{display:flex;justify-content: center;align-items: center;margin-right: 2vw;width: 190px;line-height: 62px;background:#0068b7;}
.zpro_zx>a span{font-size: .18rem;color: #fff;padding-left: 5px;}


.zpro_zx_right{display:flex;align-items: center;}
.zpro_zx_right img{margin-right: 15px;}
.zpro_zx_right p{font-size: .18rem;color: #3e3e3e;}
.zpro_zx_right h3{font-size: .28rem;line-height: 1.2;color: #0068b7;}


.zpro_ibottom{margin-top: 2vw;}
.zpro_ibottom>small p{display:block;font-size:.18rem;color: #414141;line-height: 1.8;}
.zinfo_tit {background:#f1f1f1;position:relative;overflow:hidden;margin-bottom: 2vw;margin-top: 2vw;}
.zinfo_tit span{color: #fff;display:inline-block;padding:0 0.45rem;line-height:0.66rem;font-size: 0.2rem;background:#0068b7;}

.zinfo_info{ font-size:18px; line-height:2;}
.zinfo_info table{ margin-top:30px; text-align:center;}

.zinfo_info table td{ border:1px solid #fff; background:#f2f2f2;padding:0px 4vw;}
.zinfo_info table tr:first-child td{ background:#7f7f7f; color:#fff; }

.zinfo_workshop a{display:block;float:left;width: 24%;margin-right: 1.3%;position:relative;overflow:hidden;}
.zinfo_workshop a:nth-of-type(4){margin-right: 0;}
.zinfo_workshop a>p{position:absolute;left:0;bottom:0;width: 100%;text-align: center;color: #fff;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;font-size: .18rem;line-height: 46px;background: rgba(0, 0, 0, 0.7);transition: 350ms 0s all ease;}
.zinfo_workshop a:hover>p{background:#0068b7;}
.swiper-infopic .swiper-button-prev,
.swiper-infopic .swiper-button-next{background-repeat:no-repeat;background-position:center;background-color: rgba(0, 0, 0, 0.42);background-size:9px;border:1px solid #ddd;border-radius: 50%;width: 50px;height: 50px;transition: 350ms 0s all ease;display: inline-block;}
.swiper-infopic .swiper-button-next {background-image: url(../images/banjt_r.png);}
.swiper-infopic .swiper-button-prev {background-image: url(../images/banjt_l.png);}
.swiper-infopic .swiper-button-prev:hover,
.swiper-infopic .swiper-button-next:hover{background-color:#0068b7;border:1px solid #0068b7;}

.zprolist {
    grid-template-columns: repeat(4,minmax(0,1fr));
    grid-gap: 0.15rem 0.15rem;
    margin-top: 0.15rem;
    display: grid;
}
.zprolist a p{ text-align:center; font-size:16px; padding:10px 0px;}
.zprolist a .overflowHide{ padding-bottom:100%;}

/******************************/
.n_solution_bg{
    position: relative;
    width: 100%;
    padding: 0rem 0px 0.9rem;
    background: #fff;
}

.n_solution_item{ position:relative; width:calc(20% - 10px);}
.n_solution_img{ width:100%;}
.n_solution_img img{ width:100%;}
.n_solution_text{ position:absolute; top:0; left:0; width:100%; padding:0.2rem; font-size:0.3rem; color:#fff;}




/*************新闻*******************/
.n_news_bg{ position:relative; padding:0.9rem 0px;background: #fff;}
.rn_news{width: 75%;max-width:1300px;margin:0 auto;}
.zrList li{ margin-bottom: 20px; }
.zr_aBox{display: flex;position:relative;height:240px;align-items: center;}
.zr_aBox:before{content:"";left: 105px;top:0;right:0;bottom:0;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,0.1);position:absolute;transition:all 0.5s ease-in-out;opacity:0}
.zr_aBox:hover:before{opacity:1;}
.zr_aBox .overflowHide{height: 215px;width: 230px;position: absolute;top: 50%;margin-top: -107px;z-index: 2;}
.zr_txt{margin-left: 277px;position:relative;z-index:1;padding-right: 70px;background:url(../images/icon_left.png) right 20px top 35px no-repeat;}
.zr_txt strong{ font-size:18px; line-height:2; display: block;; }
.zr_txt p{ font-size: 16px; line-height:1.8; color: #666666; height:57.6px; margin-top:10px; margin-bottom:35px; overflow: hidden; }
.zr_txt span{ padding:5px 25px;display: inline-block;font-size: 16px;color: #666666; background:#f9f9f9; text-align:center;}
.zr_txt span i{ color:#4e96e9; font-weight:bold;font-style:normal; display:block; font-size: 18px; }
.zrList li:hover .zr_txt strong{ color:#4e96e9;}


/************join*******************/
.n_join_bg{ position:relative;width: 100%; padding:0.9rem 0px;background:url(../images/n_join_bg.jpg) center bottom no-repeat; background-size:cover;}
.m2lxul{ margin: 0.8rem -13px 0px; }
.m2lxul li{ padding: 0px 13px; float: left; width: 50%; margin-bottom:26px;}
.m2lx_item{ padding: 35px 50px 35px 25px; border: 2px solid #E6E6E6; display:flex; flex-direction:column; justify-content:center;background:url(../images/icon_left.png) right 20px center no-repeat;}
.m2lx_item strong{ font-size: 30px; font-weight: normal; line-height:2; color:#333;display: block; }
.m2lx_item p{ font-size: 18px; line-height:1.5; color:#666666; display: block; }
.m2lxul li:hover .m2lx_item strong{color:#0781d2;}
.m2lxul li:hover .m2lx_item{border: 2px solid #0781d2;}



.jobs-info{ margin-top:0.8rem;}
.jobs-info .h3{  padding-left:16px;color:#323232;font-weight:700;font-size:22px;line-height:24px;margin-bottom:1vw;position:relative;}
.jobs-info .h3:after{display:block;content: '';position: absolute;left:0;top:50%;width:3px;height: 25px; background: #2081eb;-webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); 
}
.jobs-info .p{color: #595959; font-size:16px;line-height:2;}
.jobs-info .p span{ font-weight: bold;font-size: 17px; margin:10px 0px;}
.jobs-info .p span em{ font-style:normal;}
.jobs-info-content{color: #595959; font-size:16px;line-height:2; margin-top:20px;}
/************n_down_bg*******************/
.n_down_bg{ position:relative;width: 100%; padding:0.9rem 0px;}
.propdf {text-align: center; margin-bottom:0.8rem;}
.propdf p {font-size: 20px;line-height: 18px;margin-top: 5px;}
.svr{overflow: hidden; border-radius: 25px; margin-bottom:0.5rem;}
.n_case_box .item { position:relative; float: left; width:calc(33.33333% - 0.16rem); margin-right:0.24rem;transition: 0.4s; margin-bottom:.35rem;}
.n_case_box .item:nth-child(3n) { margin-right: 0;}
.n_case_box .item a { display: block;}
.n_case_box .item a .content1 { overflow: hidden; background:#fff; border-radius:15px;}
.n_case_box .item a .content1 img{ width:100%;transition: all .6s;}
.n_case_box .item a .content2 {  position:absolute; width:100%; bottom:0; left:0; line-height:3; background:rgba(255 ,255 ,255 , 0.65);font-size: 18px; text-align:center; color:#000;}
.n_case_box .item:hover a .content1 img {  transform: scale(1.1);}


.n_case_project{ width:100%; position:relative; padding:0.5rem 0px;}
.n_project_tit{ color:#216ea4; font-size:0.4rem; line-height:2;}
.n_project_list .n_project_item{ line-height:2; font-size:0.26rem;}

/*********masseag************/
.n_contact_masseag { position:relative; width:100%;}
.n_contact_masseag form {width: 100%; margin-top:0.6rem;padding: 0.5rem 1rem;}
.n_contact_masseag form .t {display: flex;flex-direction: row;align-items: flex-start;justify-content: flex-start; width:100px;}
.n_contact_masseag form .t span {color: #E62F43;margin-right: 0.06rem;}
.n_contact_masseag form .input-wrap {display: flex;flex-direction: row;align-items: center;justify-content: flex-start;margin-bottom: 0.37rem;width: 100%;}
.n_contact_masseag form .input-wrap  .b {overflow: hidden;width: 100%;max-width: 5rem;}
.n_contact_masseag form .input-wrap  .b input {padding:20px 0.2rem;background-color: unset;border:1px solid #ddd;font-size:16px;width: 100%;}
.n_contact_masseag form .input-item {display: flex;flex-direction: row;align-items: baseline;justify-content: flex-start;margin-bottom: 0.37rem;}
.n_contact_masseag form .input-item textarea {width: 93%;height: 2rem;font-size:16px;border:1px solid #ddd;padding: 0.2rem;box-sizing: border-box;}
.n_contact_masseag form .submit {margin: 0 auto;display: flex;align-items: center;justify-content: center; margin-top: .4rem; }
.n_contact_masseag form .submit .button {background-color: #008cd6;white-space: nowrap;border-radius: 0.345rem;border: 1px solid #008cd6;transition: all 0.3s linear;font-size: 0.18rem;color: #fff;padding: 0.12rem 0.7rem;cursor:pointer;transition: all 0.3s linear; margin-right:0.5rem;}
.n_contact_masseag form .submit:hover .button {background-color: #fff;color: #008cd6;border: 1px solid #008cd6;}




/******job***********/
.n_job_bg {  position: relative;  width: 100%;  padding: 0.9rem 0px;}
.zjoin ul{overflow:hidden;display: flex;}
.zjoin ul li{border:1px solid #ededef;float:left;width: 49%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0.3rem 20px 0.3rem 30px;margin-bottom: 2vw;}
.zjoin ul li:nth-of-type(even){float:right;}
.zjoin ul li>a{display:flex;width: 100%;height: 100%;align-items: center;justify-content: space-between;}
.zjoin ul li div>h4{font-size: 0.28rem;color: #0781d2;font-weight: normal;margin-bottom: 0.2rem;-webkit-transition: 350ms 0s all ease;-moz-transition: 350ms 0s all ease;-ms-transition: 350ms 0s all ease;-o-transition: 350ms 0s all ease;transition: 350ms 0s all ease;}
.zjoin ul li:hover div>h4 {color: #2081eb;}
.zjoin ul li .info{font-size: 18px;color: #666666; line-height:1.8;}
.zjoin ul li .info p {display: contents;}

.zjoin ul li a>span{background: url("../images/joinmore.png") no-repeat center;display: block;width: 50px;height: 44px;border-radius: 50%;-webkit-transition: 350ms 0s all ease;-moz-transition: 350ms 0s all ease;-ms-transition: 350ms 0s all ease;-o-transition: 350ms 0s all ease;transition: 350ms 0s all ease;}
.zjoin ul li:hover a>span{background: url("../images/joinmores.png") no-repeat center;}






.apply-job {overflow: hidden;margin-top: 20px;width: 100%;}

.apply-job .job-tr { overflow: hidden;}
.apply-job .job-tr .tr-over { overflow: hidden;}
.apply-job .job-tr .error { padding-left: 75px; height: 18px; line-height: 18px; font-size: 12px; color: #f00;}
.apply-job .job-tr .tr-title {float: left;width: 70px;min-height: 20px;text-align: right;font-size: 16px;color: #333333;margin-right: 20px;line-height: 52px;}
.apply-job .job-tr .tr-cont {float: left;width: calc(100% - 90px);/* margin-top: 20px; */display: flex;align-items: center;}

.apply-job .job-tr .tr-cont span{ font-size:16px; color:#333333;}

.apply-job .job-tr .tr-cont h3 { font-size: 14px; color: #4c4c4c; line-height: 40px; font-weight: bold;}

.apply-job .job-tr .tr-cont input[type=text] {line-height: 52px;font-size: 14px;color: #333;display: block;padding: 0 10px;max-width: 618px;height: 52px;border: 1px solid #928b8b;width: 100%;}

.apply-job .job-tr .tr-cont input[name='captcha'] { font-size: 14px; line-height: 38px; color: #333; width: 190px; float: left; margin-right: 30px;}

.apply-job .job-tr .tr-cont .verify { cursor: pointer; float: left; width: 120px; height: 40px; line-height: 40px; text-align: center; font-size: 0;}

.apply-job .job-tr .tr-cont .verify img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;}

.apply-job .job-tr .tr-cont textarea {font-size: 14px;color: #333;display: block;height: 170px;line-height: 20px;padding: 5px 10px;max-width: 1000px;border: 1px solid #928b8b;width: 100%;}

.apply-job .job-tr .tr-cont.radio-cont { line-height: 40px;}

.apply-job .job-tr .tr-cont.radio-cont input[type=radio] { margin-right: 10px;}
.apply-job .job-tr .tr-cont.radio-cont label { margin-right: 30px; color: #4c4c4c; line-height: 40px; font-weight: bold;}

.apply-job .job-tr .tr-cont a.submit {display: inline-block;width: 249px;height: 50px;line-height: 50px;text-align: center;background: #008cd6;color: #fff;font-size: 22px;border-radius: 15px;margin: 40px 40px 40px 0px;}

.apply-job .job-tr .tr-cont a.submit:hover { background: #0058b1;}


/*************contact******************/
.n-contact-bg{ position:relative; width:100%; overflow:hidden; padding:1rem 0px;}
.n-contact-Lx{ padding-bottom:0.4rem; border-bottom:1px solid #e8e6e6; text-align:center;}
.n-contact-Lx h5{ font-size:0.22rem; color:#000000; line-height:1.5;}
.n-contact-Lx h6{font-size:16px; color:#333333; line-height:1.5; font-weight:normal;}
/*col*/
.col { width: 100%; max-width:1420px; overflow: hidden; margin: 0.6rem auto;  position: relative; z-index: 2;  }
.col ul { float: left; width: 100%; height: 100%; overflow: hidden; }
.col ul li {float: left;width: 33.33333%;overflow: hidden;position: relative;display: flex;align-items: center;justify-content: space-between;}
.col ul li samp {width:0.6rem;height: 0.6rem;overflow: hidden;border-radius: 50%;position: relative;}
.col ul li samp:before { width: 100%; height: 100%; content: ""; border-radius: 50%; background:#fff; border: 2px solid #1497db;position: absolute; left: 0px; top: 0px; opacity: 1; z-index: 2; }
.col ul li samp:after { width: 100%; height: 100%; content: ""; border-radius: 50%; background:#1296db; position: absolute; left: 0px; top: 0px; opacity: 0; z-index: 2; }
.col ul li samp img { width:0.35rem; height:0.35rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 1; z-index: 12; }
.col ul li samp img:last-child { opacity: 0; }
.col ul li .col-right {width: calc(100% - 0.8rem);overflow: hidden;}
.col ul li span { width: 100%; overflow: hidden; font-size:0.18rem; color: #666666; line-height:1.5;  }
.col ul li p {  width: 100%; overflow: hidden; font-size: 0.2rem; color: #333333; line-height:1.5; font-weight:bold; }
.col ul li:hover samp:before { opacity: 0; }
.col ul li:hover samp:after { opacity: 1; }
.col ul li:hover samp img { opacity: 0; }
.col ul li:hover samp img:last-child { opacity: 1; }
.col ul li:hover p { color:#1296db; }
.map {width: 100%; max-width:1200px;margin: 0px auto;}




/*******PAGE********/
.de-page-mian { overflow: hidden; text-align: center; font-size: 0; margin: 10px 0 35px;}
.de-page-mian .page-inner { display: inline-block; overflow: hidden;}
.de-page-mian .page-inner a { display: block; float: left; min-width: 36px; padding: 0 5px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: -1px; overflow: hidden;}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover { color: #fff; border-color: #2081eb; background: #2081eb;}
.de-page-mian .page-inner a.prev { margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev.on { background: #fff url(../images/prev-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev:hover { background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.next { margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center;}
.de-page-mian .page-inner a.next.on { background: #fff url(../images/next-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.next:hover { background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.page-btn { font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;}
.de-page-mian .page-inner span { display: block; font-size: 12px; color: #333; float: left; line-height: 38px;}
.de-page-mian .page-inner input { display: block; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px;}


/*******************/
.news-detail-content{ width:100%; padding: 0.4rem 5%; background:#f9f9f9;}
.news-detail-title{ border-bottom:1px solid #7e7d7d; padding-bottom:20px; margin-bottom:30px;}
.news-detail-title .h3{ font-size:0.3rem; text-align:center; color:#333; font-weight:bold; line-height:2; margin-bottom:10px;}

.news-detail-title .b{ font-size:16px; text-align:center; color:#555;}

.news-detail{ line-height:1.8; font-size:17px;}
.news-detail p,.news-detail div{line-height:1.8; font-size:17px; text-indent:2em;}
.news-detail p img,.news-detail div img{ margin-left:-2em;}

.newsPage{ margin-top:40px;}

.page-a { padding: 10px 0; font-size: 16px;display: flex; align-items: center;}
.page-a a { border-radius: 5px; float: right; width: calc(100% - 64px); display: inline-block; border: 1px dotted #efefef; padding: 10px; background-color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.page-a a:hover { background-color: #4e96e9; border: 1px dotted #4e96e9; color: #fff;}

@media (max-width: 993px){
.intro-section .container .row {margin-right: 15px;margin-left: 15px;}
.n_down_bg .container .row {margin-right: 15px;margin-left: 15px;}
.n-contact-bg .container .row {margin-right: 15px;margin-left: 15px;}
.n_news_bg .container .row {margin-right: 15px;margin-left: 15px;}
}
@media (max-width:767px){
.nTnm{ text-align:center; margin-bottom:0.4rem;}
.nTnm p{ font-size:0.6rem;text-transform:uppercase;letter-spacing:2px;color:rgba(102, 102, 102 ,0.09);font-family:Impact;}
.nTnm strong{position:relative;font-size: 0.48rem;line-height: 2;margin-top: -1rem;color: #333333;font-weight:bold;display: inline-block;}
	
.n_brand_box .n_brand_rf {width: 100%; font-size: 18px;}
.fzlcwrap {margin-bottom: 18px;}
.fzlcwrap:not(:first-child) { margin-top:0rem; }
.fzlcwrap:nth-child(2n-1) .fzlc_text { margin-top:0rem; }
.n_result_top { margin-top: 1rem;}
.posRx {position: relative;right: 0px;top: auto;width: 100%;max-width: 100%;}
.n_yuan_box .item {float: left;width: calc(50% - 0.15rem);margin-right: 0.3rem;transition: 0.4s;margin-bottom: 0.35rem;}

.n_yuan_box .item:nth-child(3n) {margin-right:  0.3rem;}
.n_yuan_box .item:nth-child(2n),.n_yuan_box .item:nth-child(6n){margin-right: 0;}

.vr{ height:6rem;}
.nmenu {margin-bottom: 10px;overflow-x: scroll;width: 150%;}
.npos {font-size: 15px;margin-left: 0vw;}
.npos a {font-size: 16px;margin: 0px 4px;color: #999999;}
.posWpr {position: relative;height: auto;background: #fff;}

.n_case_box .item {position: relative;float: left;width: calc(100% - 0rem);margin-right: 0rem;transition: 0.4s;margin-bottom: 0.35rem;}
.col ul li {float: left;width: 100%;margin-bottom:15px;}
.col ul li samp {width:0.8rem;height: 0.8rem;overflow: hidden;border-radius: 50%;position: relative;}
.col ul li samp img { width:0.5rem; height:0.5rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 1; z-index: 12; }
.col ul li samp img:last-child { opacity: 0; }
.col ul li .col-right {width: calc(100% - 1rem);overflow: hidden;}
.col ul li span { width: 100%; overflow: hidden; font-size:18px; color: #666666; line-height:1.5;  }
.col ul li p {  width: 100%; overflow: hidden; font-size: 20px; color: #333333; line-height:1.5; font-weight:bold; }

article.cutonTh ul li {position: relative;width: 100%;text-align: center;padding: 0 0.6rem; margin-bottom: 2rem;}
article.cutonTh ul li:last-child { margin-bottom: 0rem;}
.n_pro_box .item {float: left;width: 100%;margin-right: 0;transition: 0.4s;margin-bottom: 0.35rem;}
.rn_news {width: 100%;max-width: 1300px;margin: 0 auto;}
.zr_aBox {display: flex;position: relative;height:auto;align-items: center;flex-wrap: wrap;}
.zr_aBox .overflowHide {height: 215px;width: 100%;position:relative;top: 0%;margin-top: 0px;z-index: 2;}
.zr_txt {margin-left: 0px;position: relative;z-index: 1;width:100%;padding-right: 35px;background: url(../images/icon_left.png) right 15px top 15px no-repeat;}
.zr_txt p { margin-bottom:20px;}

.n_solution_item{ position:relative; width:100%; margin-bottom:15px;}
.n_solution_img{ width:100%; height:330px;}
}



.de-page-mian .page-inner {
  display: inline-block;
  overflow: hidden;
}
.de-page-mian .page-inner a {
  display: block;
  float: left;
  min-width: 36px;
  padding: 0 5px;
  height: 36px;
  border: 1px solid #dddddd;
  background: #fff;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin-right: -1px;
  overflow: hidden;
}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
  color: #fff;
  border-color: #2081eb;
  background: #2081eb;
}
.de-page-mian .page-inner a.prev {
  margin-right: 10px;
  background: #fff url(../images/prev.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev.on {
  background: #fff url(../images/prev-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.next {
  margin-left: 10px;
  margin-right: 15px;
  background: #fff url(../images/next.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next.on {
  background: #fff url(../images/next-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.page-btn {
  font-size: 12px;
  margin-right: 0;
  width: 63px;
  margin-left: 10px;
}
.de-page-mian .page-inner span {
  display: block;
  font-size: 12px;
  color: #333;
  float: left;
  line-height: 38px;
}
.de-page-mian .page-inner input {
  display: block;
  float: left;
  height: 36px;
  width: 36px;
  border: 1px solid #dddddd;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin: 0 5px;
}