@charset "utf-8";
/* CSS Document */
.x-ban{position:relative;margin-top:100px;overflow:hidden;}
.x-ban img{}
.x-banb{position:absolute;top:0;height:100%;z-index:1;align-items: center;width:100%;}
.x-banc{max-width:1480px;margin:auto;width:90%;color:#fff;}
.x-banc h4{font-size:0.35rem;margin-bottom:10px;}
.x-banc p{font-size:0.18rem;}

.i-mb,.i-abst ul,.x-banb,.i-lm ul,.i-prod ul,.i-prs,.i-sxs,.i-prsbf,.view-page,.n-contact,.i-ron ul,.i-lt ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
.w1480{max-width:1480px;margin:auto;width: 16.8rem;}

.i-lm{margin-bottom:60px;}
.i-lm ul{align-items: center;justify-content: center;}
.i-lm li{margin:0 10px;line-height: 48px;}
.i-lm li a{background: #eee;display:block;padding: 0 40px;}
.i-lm li:Hover a{background:#03448b;color:#fff;}
.i-lm li.i-at a{background:#03448b;color:#fff;}

.i-lt{margin-bottom:20px;box-sizing:border-box;border:1px solid #e1e1e1;}
.i-lt ul{}
.i-lt li{border-right:1px solid #e1e1e1;}
.i-lt a{display:block;padding:15px 35px;}
.i-lt li.i-lts a{background:#e7e7e7;color:#03448b;font-weight:bold;}

/*面包*/
.i-mb{align-items: center;max-width:1480px;margin:40px auto;font-size: .13rem;color:#666;width: 16.8rem;}
.i-mb p{padding-left:30px;background:url("../images/home_tb.png") center left no-repeat;}
.i-mb a{color:#666;margin: 0 10px;}
.i-mb span{display:inline-block;margin: 0 10px;color: #de2720;}
.i-mb a:hover{color:#de2720;}

/*关于我们*/
.i-about{margin:50px auto ;line-height:2em;color:#666;}
.i-abst{margin-bottom:50px;}
.i-abst ul{justify-content: space-between;}
.i-abst li{width:23%;box-sizing:border-box;padding:30px 30px 40px 30px;background:#f7f7f7;color:#666;}
.i-abst h4{color:#03448b;margin-bottom:20px;}
.i-abst p{line-height:0.25rem;}

.i-ron{margin:40px auto;}
.i-ron ul{margin-left: -5%;flex-wrap:wrap;}
.i-ron li{width:20%;margin:0 0 10px 5%;text-align:center;transition:all 0.3s;}
.i-ron img{width:100%;}
.i-ron li p{padding:10px 0;}
.i-ron li:hover{box-shadow: 0 0 10px #ccc;}

/*招聘*/
.i-app{margin:0 auto 50px;}
.i-app h4{margin-bottom:10px;color: #03448b;}
.i-cot{margin-bottom:80px;}
.i-cot li{margin-bottom:30px;font-size:18px;}
.i-cota{display:flex;justify-content: space-between; cursor: pointer;}
.i-cotaa{font-weight:bold;border-left:4px solid #03448b;line-height:60px;padding-left:20px;box-sizing:border-box;}
.i-cotab{width:60%;display:flex;justify-content: flex-end;align-items: center;}
.i-cotaba{display:flex;width: 70%;}
.i-cotaba p{margin-right:50px;}
.i-cotabb{width:20px;background:#03448b;position:relative;border-top-right-radius: 5px;border-bottom-right-radius: 5px;height: 60px;}
.i-cotabb:after{content:'';width:10px;height:2px;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,50%)}
.i-cotabb:before{content:'';width:2px;height:10px;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-28%)}
.i-cotb{width:96%;margin:40px auto;font-size:16px;line-height:30px;display:none;color:#666;}

/*产品*/
.i-prod{max-width:1480px;margin:0 auto 60px;width: 16.8rem;}
.i-prod ul{flex-wrap:wrap;margin-right:-2%;}
.i-prod li{width:23%;margin:0 2% 20px 0;transition: all 0.3s;}
.i-prod img{width:100%;transition: all 0.3s;}
.i-prod .i-pss{overflow:hidden;}
.i-prod .i-pst{padding:0.2rem 0.2rem;font-size: 0.16rem;}
.i-prod li:hover{box-shadow: 0 5px 10px #999;}
.i-prod li:hover .i-pst{color:#03448b}
.i-prod li:hover img{transform:scale(1.05);}
/**/
.i-prs{max-width:1480px;margin:80px auto;justify-content: space-between;width: 16.8rem;}
.i-prsa{width:35%;}
.i-prsb{width:58%;}
.i-prsb img{max-width:100%;}
.i-prsb table{ border-collapse:collapse; border: 1px #ccc solid !important; width:100% !important;line-height:22px!important;}
.i-prsb table td{padding: 8px!important; padding-left:12px !important;word-wrap:break-word;word-break:break-all;border: 1px #ccc solid !important;line-height:22px!important;}
.i-prsaa{position:sticky;top: 1.3rem;}
.i-prsba{font-size:0.28rem;font-weight: bold;color:#03448b;}
.i-prsbb{font-size: 0.16rem;line-height: 0.35rem;margin:50px auto 50px;}
.i-prsbc{font-size:0.21rem;font-weight: bold;color:#03448b;}
.i-prsbd{line-height: 0.29rem;margin:30px auto;}
.i-prsbf{justify-content: space-between;margin:40px auto 60px;background: #03448b;color:#fff;border-radius: 5px;}
.i-prsbf p{box-sizing:border-box;padding:20px 20px;width:48%;}
.i-prsbf span{font-weight: bold;font-size:0.23rem;}

/*上下*/
.i-sxs{justify-content: space-between;margin-bottom:60px;}
.i-sxs p{background:#f7f7f7;width:calc(50% - 90px);}
.i-sxs a{display:block;box-sizing:border-box;padding:30px 30px;}
.i-sxs p:nth-child(2){width:140px;text-align:center;}
.i-sxs a:hover{background: #03448b;color:#fff;}

/* 内页新闻资讯部分 */
.news_list{width: 16.8rem;max-width: 1480px;margin:auto;}
.news_list li{width:100%; margin-top:30px; border-bottom:1px solid #eee; padding-bottom:30px;overflow:hidden;}
.news_list li a{display:block;}
.news_list li a .img{width:35%; float:left; display:block; overflow:hidden;}
.news_list li a .img img{display:block; width:100%; height:280px; object-fit:cover; -webkit-transition:all .3s; transition:all .3s;}
.news_list li a .art{width:62%; float:right; padding-top:20px;}
.news_list li a .art .att{font-size:18px; font-weight:bold; color:#000; overflow:hidden; text-overflow: ellipsis;white-space:nowrap;}
.news_list li a .art .atc{font-size:14px; line-height:28px; margin:20px 0; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical;}
.news_list li a .art .more .day{float:left; margin-top:20px; font-size:18px; font-weight:bold; border-top:1px solid #ddd; color:#999; padding:10px 0 0;}
.news_list li a .art .more span{float:right; color:#03468f; border-bottom:1px solid #03468f; opacity:0; margin-top:20px;}
.news_list li:hover a .art .att{color:#03468f;}
.news_list li:hover a .img img{transform: scale(1.05);-webkit-transform:scale(1.05);}
.news_list li:hover a .art .more .day{border-color:#03468f; color:#03468f;}
.news_list li:hover a .art .more span{opacity:1;}

.clear{width: 16.8rem;max-width:1480px;margin:auto;padding-bottm:80px;}
.new-view-title{width:100%; text-align:center; padding-bottom:10px; border-bottom:1px solid #e6e6e6;}
.new-view-title h2{line-height:30px; font-size:24px; font-weight:bold; color:#03468f;}
.new-view-wz{width:100%;  text-align:center; line-height:30px; color:#999;}
.newsmore_text{width:100%; margin-top:40px; line-height:30px;margin-bottom:80px;}

.pagebox{ font-family:Arial; text-align:center;clear:both;}
.page{ display:inline-block; margin-top:30px; margin-bottom:20px; margin-left:1px; font-size:0px;}
.page a,.page span{ margin-left:-1px; display:inline-block; font-size:14px; line-height:30px; width:30px; border:1px  solid #e0e0e0;}
.page span.on{  border:1px  solid #03448b; background:#03448b; color:#fff;}
.page a:first-child,.page span:first-child{ border-radius:4px 0px 0px 4px;}
.page a:last-child,.page span:last-child{ border-radius:0px 4px 4px 0px;}
.page2 { margin-top:20px;}
.page2 span{ color:#999;}

.view-page{width:100%;position:relative; margin:40px 0 60px;justify-content: space-between;}
.view-page .prev,.view-page .back,.view-page .next{font-size:16px; width:180px; line-height:46px; transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out; }
.view-page .prev a{background:#fff url(../images/le.png) 20px center no-repeat; padding-left:60px;}
.view-page .prev:hover a{color:#fff; background:url(../images/le-white.png) 20px center no-repeat #03468f;}
.view-page a{display:block;} 
.view-page .back{left:50%; margin-left:-90px; width:180px;}
.view-page .back a{background:url(../images/back.png) 20px center no-repeat #03468f;color: #fff; text-align:center; padding-left:25px; border:none;}
.view-page .back a:hover{background:url(../images/back.png) 20px center no-repeat #004ea0; color:#fff;}
.view-page .next a{background:#fff url(../images/ri.png) 85% center no-repeat;text-align:center;}
.view-page .next:hover a{color:#fff; background:url(../images/ri-white.png) 85% center no-repeat #03468f;}

/*联系我们*/
.n-contact{margin:60px auto 80px;justify-content: space-between;background: #fafafa;}
.n-conta{width:55%;}
.n-conct{overflow:hidden;position:relative;box-sizing:border-box;padding:40px 80px;width:45%;}
.n-conct-a{display: inline-block;position: absolute;top: 50%;left: -20px;font-size: 9.2em;line-height: 0.8em;font-weight: 900;text-transform: Uppercase;transform: rotate(90deg) translate(-50%,0%);transform-origin: 0% 100%;opacity: 0.03;}
#map_container{height:550px;}

.n-conct-b{margin: 0px;font-weight: 900;color: #03448b;font-size:30px;}
.n-conct-b p{width:50px;height:2px;background:#087ed5;margin-top:20px;}
.n-conct-c{font-size:14px;line-height:24px;}

.n-costj{background:#f9f9f9;padding:1px 0;display:none;}
.n-cos{font-size:22px;border-bottom:1px dashed #ccc;font-weight: bold;padding-top: 40px;}
.n-cos p{display:inline-block;padding-bottom:10px;position:relative;}
.n-cos p:after{content:'';position:absolute;bottom:-1px;left:0;width:50px;height:3px;background:#087ed5;}
.fes{margin:20px auto 0;padding-bottom:60px;}
.fes ul{justify-content: space-between;margin-bottom:20px;display: flex;}
.fes ul li{width:31%;}
.fes p{line-height:36px;}
.fes input{line-height:50px;height:50px;border:1px solid #ccc;box-sizing:border-box;padding:0 10px;width:100%;}
.fes textarea{height:200px;width:100%;box-sizing:border-box;padding:10px;border:1px solid #ccc;}
.fes a{display:block;color:#333;width:150px;text-align:center;line-height:40px;margin:20px auto 0px;border-radius: 25px;border:1px solid #ccc;}
.fes a:hover{background:#087ed5;color:#fff;}