.nbanner{ height:400px; background:#f3f3f3; position:relative;}
.nban_txt{ padding-top:150px;}
.nban_txt h1{ font-size:26px; color:#fff; line-height:34px;}
.nban_txt h1 i{ display:block; font-style:normal; font-weight:bold; font-size:30px; color:#f4c610;}
.nban_txt span{ color:#999;}

.nbanner .wrap{ height:400px;}
.tree{ position:absolute; bottom:0px; left:0px; width:100%; display:flex;flex-direction:row;}
.tree a{ display:block; width:100%; text-align:center; background:rgba(255,255,255,0.8); height:56px; color:#000; line-height:56px; font-size:16px; position:relative}
.tree a:after{ position:absolute; content:""; right:0px; top:23px; height:15px; width:1px; background:#a3a3a3;}
.tree a:last-child:after{ display:none;}
.tree a:hover{ color:#fff; background:rgba(238,191,7,0.8); }
.tree a.active{background:rgba(238,191,7,0.8); color:#fff;}



.about{ margin:50px 0px;}
.about_culture{}
.about_culture ul li{ float:left; width:25%; text-align:center; padding:30px 0px;  height:200px;}
.about_culture ul li h4{ font-weight:bold; font-size:18px; margin-top:50px; position:relative; padding-bottom:5px;}
.about_culture ul li h4:after{ content:""; position:absolute; left:50%; bottom:0px; height:3px; width:20px; background:#000082; margin-left:-10px;}
.about_culture ul li p{ padding:0px 40px; line-height:1.4em; margin-top:20px;}

.project{ margin:50px 0px;}
.project ul{ margin-left:1px;}
.project ul li{ float:left; width:16.5%; border:1px solid #ddd; height:160px; overflow:hidden; margin-left:-1px; margin-top:-1px; display:flex;align-items:center; cursor:pointer;}
.project ul li div{ display:block;}
.project ul li img,.app ul li img{ max-width:100%;-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.project ul li:hover img,.app ul li:hover img{
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}

.app{margin:50px 0px;}
.app ul li{ float:left;width:33%;  text-align:center; margin-top:30px;}
.app ul li div{width:100%; overflow:hidden; height:250px;}
.app ul li img{ max-width:100%;}




.container {
    width: 1200px;
    position: relative;
    margin: 0 auto;
}
.quality{ margin-top:50px;}
.q_title {
    font-size: 24px; color:#000082;
}
.q_title  p {
    width: 28px;
    height: 2px;
    background-color: #e60115;
}

.q_content p {
    color: #777;
}
.quality  .list {
	margin-top:30px;
    display: flex;
    align-items: center;
}
.quality  .list li {
    margin-right: 30px;
}
.quality  .list li .img_out {
    width: 380px;
    height: 190px;
    overflow: hidden;
}
.quality .list li .img_out img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .8s ease;
}
.quality  .list li:hover  .img_out img  {
    transform: scale(1.1);
}
.quality  .list li  p {
    text-align: center;
    font-size: 20px;
    padding: 15px;
}

/*----------------------------------------------*/
.test {
    background-color: #eef1f6;
    margin-top: 50px;
    padding-top: 50px;
    padding-bottom: 60px;
    box-sizing: border-box;
}
.zljc-box{
    margin:0 -51.25px;
	margin-top:40px;
    overflow: hidden;
    background:url(../images/service_06.png) no-repeat center;
}
.zljc-item{
    float: left;
    width: 158px;
    height: 158px;
    background:url(../images/service_08.png) no-repeat center;
    margin:0 51.25px;
    padding: 10px;
    position: relative;
    box-sizing: border-box;
}
.zljc-item:first-child{
    background:url(../images/service_09.png) no-repeat center;
}
.zljc-item:last-child{
    background:url(../images/service_10.png) no-repeat center;
}
.zljc-item::after{
    content: '';
    width: 102.5px;
    height: 100%;
    background:url(../images/service_05.png) no-repeat center;
    position: absolute;
    left: 100%;
    top:0;
    z-index: 2;
}
.zljc-item:last-child::after{display: none;}
.zljc-item .m-cont{
    text-align: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    font-size: 18px;
    line-height: 32px;
    padding:37px 0;
    box-sizing: border-box;
}
.zljc-item:hover .m-cont{
    background:#ff6600;
    color: #fff;
}

.guarantee {
    margin-bottom: 50px;
    background-color: #ffffff;
    padding-top: 60px;
    padding-bottom: 60px;

    box-sizing: border-box;
}
.guarantee_list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
}
.guarantee_list li {
    width: 380px;
    overflow: hidden;
    position: relative;
}
.guarantee_img {
    width: 380px;
    height: 276px;
}
.guarantee_img  img {
    width: 100%;
    height: 100%;
}
.m-tit{ text-align:center; line-height:40px; font-size:18px; color:#000082; padding:15px 0px;}
.m-des{ text-align:center;}



.contact_map .BMapLabel{ padding:15px !important; color:#666; border:1px solid #000082 !important; line-height:24px !important;}
.contact_map .BMapLabel b{ color:#000082;}
.message{ background:#fff; padding:40px 0px 80px 0px;}
.msg_raw{ padding-bottom:20px;}
.msg_raw p{ float:left; width:200px; margin-right:20px;}
.msg_raw p input{ background:none; border-bottom:1px solid #ccc; width:100%; height:60px; line-height:60px; outline:none}
.msg_raw p:nth-child(4){ width:540px; margin-right:0px;}
.msg_text textarea{ background:none;border-bottom:1px solid #ccc; width:calc(100% - 22px); height:60px; line-height:20px; outline:none}
.msg_btn1{ margin-top:30px; text-align:center;}
.msg_btn1 input{ background:#f4c610; color:#fff; height:60px; line-height:60px; width:200px; font-size:18px; text-align:center; cursor:pointer;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
.msg_btn1 input:hover{ background:#deb309;}


.job_list{ }
.job_list ul li{ display:block; padding:50px 0px; border-bottom:1px solid #eee;}
.job_list .job_num{ float:left; width:100px; font-size:16px; color:#999; text-align:center;font-family: 'CenturyGothic';}
.job_list .job_num span{ display:block; color:#000082; font-size:30px; line-height:1em; font-weight:bold;}
.job_list .job_para{ float:left; width:720px; margin-left:60px;}
.job_list .job_tit{ color:#000; font-size:16px; font-weight:bold;}
.job_list .job_small{ padding-top:10px; font-size:16px;color:#666;}
.job_more{ float:right; width:200px; }
.job_more a{ background:#f4c610; color:#fff; height:34px; line-height:34px; width:140px; display:block; text-align:center; border-radius:3px;}
.job_more a:hover{ background:#deb309; color:#fff;}
.job_info{ padding-top:20px; display:none;}


/****news*****/
.newslist{}
.newslist ul{ margin-left:-30px;}
.newslist ul li{ float:left; margin-left:30px; width:380px; position:relative; margin:20px 0px 20px 30px;}
.newslist ul li a{ padding:20px; padding-bottom:80px; border:1px solid #eee; display:block;}
.news_tit{ padding:20px 0px; line-height:24px; height:48px; overflow:hidden; margin-top:80px; font-weight:bold; font-size:18px;}
.newslist ul li a .news_tit{ color:#333;}
.news_smallcon{ color:#666; line-height:22px; height:110px; overflow:hidden;}
.news_date{ background:#057edf; position:absolute; left:20px; top:0px; height:90px; color:#fff;font-family:"CenturyGothic", "微软雅黑";width:80px; text-align:center; line-height:30px;}
.news_date span{ display:block; height:60px; line-height:60px;font-size:30px; text-align:center;font-weight:bold; background:#036ec4;}
.news_more{ position:absolute; right:20px; bottom:20px; width:50px; height:50px; line-height:50px; background:#01b2b3; color:#fff; text-align:center;font-family:'BEBAS'; background:#666 url(../images/ico_news.png) center center no-repeat; overflow:hidden; text-indent:100px;}
.newslist ul li a:hover .news_more{ background:#01b2b3 url(../images/ico_news.png) center center no-repeat;}
.newslist ul li a:hover .news_tit{ color:#036ec4;}
.newslist ul li a:hover{ box-shadow:#999 0px 0px 15px;}