﻿:root{
	--main_color:#003e8e;
    --main_red_color:#d71315;
}

.width_1600{ width:1600px; margin:0 auto; }
.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}
::-webkit-scrollbar {
  width: 5px;
  height: 40px;
}
::-webkit-scrollbar-track {
  background-color: #eee;
}
::-webkit-scrollbar-thumb {
  background-color: var(--main_red_color);
}
::-webkit-scrollbar-thumb:hover {
  background-color: #eee
}
::-webkit-scrollbar-thumb:active {
  background-color: #eee
}




#mould86072{ width:100%; background:#fff; position:relative; z-index:99; transition:1s; box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
.navbars41{ padding:0 4%; box-sizing:border-box; height:88px;}
.navbars41 .logo{ float:left; width: 20%; height:100%; display: table;}
.navbars41 .logo a{ display: table-cell; vertical-align: middle;}
.navbars41 .logo a img{ width:100%;}
.navbars41 ul{ float:right; width:50%; margin-right:1%; line-height:88px;}
.navbars41 li{ float:left; width:calc(100% / 6); position:relative;}
.navbars41 li>a{ padding:0 24px; font-size: 18px; transition:.5s; color:#333;}
.navbars41 li>a:hover{ color:var(--main_color);}
.navbars41 li.active a{ color:var(--main_color);}
.navbars41 li:nth-child(3) .hide1{ width:200px;}
.navbars41 li .hide1{ width:140px; position:absolute; top:80px; left:50%; transform:translateX(-60%); background: #fff; padding:10px; box-sizing:border-box; border-radius:5px; display:none; box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
.navbars41 li:hover .hide1{ display:block; text-align:center;}
.navbars41 li .hide1 a{ display:block; padding:0 20px;}
.navbars41 li:hover .hide1 a{ background: none; border-radius:inherit; color:#333; line-height:44px;}
.navbars41 li:hover .hide1 a:hover{ background: var(--main_color); border-radius:5px; color:#fff;}
.navbars41 .phone_a{ float:right; background:url(/images/phone1.png) no-repeat left center; background-size: 28px; padding-left:40px; font-size:28px; font-weight:bold; font-family:arial; line-height:88px; color:var(--main_color);}
.navbars41 .language{ float: right; background:url(/images/earth.png) no-repeat left center; background-size:30px; padding-left:36px; margin-top:29px; margin-left:20px;}
.navbars41 .language a{ line-height:30px; color:var(--main_color); font-family:arial; font-size:18px;}






/*内页大图*/
#mould76972{ width:100%; margin-bottom:64px;}
.fixed_img{ width:100%; position:relative; overflow:hidden;}
.fixed_img img {width: 100%;}
/*基本页*/
#mould76974{ min-height:400px; }
#mould76976{ width:1600px; margin:0 auto;}
#mould76976 p{ line-height:30px;}
#mould76976 p img{ margin:5px 0;}

/*标签栏*/
.children_navs{ position:absolute; left:0; bottom:0; width:100%; background:rgba(0,62,142,0.8);}
.children_navs ul{ margin:0 auto;}
.children_navs li{ float:left; width:180px; line-height:60px; text-align:Center;}
.children_navs li a{ color:#fff; font-size: 18px;}
.children_navs li.active{ background:#fff;}
.children_navs li.active a{ color:#333;}
.children_navs_active{ position:fixed; left:0; top:0; bottom:inherit; width:100%; background:rgba(50,171,161,1); z-index:99;}


/*简介*/
.about1_a img{ border-radius:10px; margin-bottom:30px;}
.about1_a p{ line-height:36px; font-size:18px; text-indent:2em;}
.about1_a p span{ font-weight:bold; color:var(--main_color);}
.about1_a .yewu{ margin-top:48px;}
.about1_a .yewu div{ width:48%; float:left; margin-right:4%; border:1px solid #e5e5e5; box-sizing:border-box; padding:24px; border-radius:10px; transition: .5s; cursor: pointer;}
.about1_a .yewu div:nth-child(2n){ margin-right:0;}
.about1_a .yewu div:nth-child(-n+2){ margin-bottom:36px;}
.about1_a .yewu div h3{ font-size:20px; line-height:20px; font-weight:bold; color:var(--main_color); margin-bottom:18px; padding-left:30px; position:relative;}
.about1_a .yewu div h3:after{ content:""; width:14px; height:14px; border:2px solid var(--main_color); border-radius:50%; position:absolute; left:0; top:2px;}
.about1_a .yewu div span{ font-size:18px; line-height:30px;}
.about1_a .yewu div:hover{ border:1px solid var(--main_color);}

/*文化*/
.about_box2{ background: url(/images/culture.jpg) no-repeat center; padding-top:100px; margin-top:80px; background-attachment: fixed; overflow:hidden;}
.about_box2 h2{ font-size:36px; line-height:36px; font-weight:bold; text-align:center; color:#fff; padding-bottom:20px; margin-bottom:24px;}
.about_box2 ul{ display:flex;}
.about_box2 li{ width:calc(100% / 4); text-align:center; color:#fff; padding:100px 0; position:relative; z-index:1; transition:1s;}
.about_box2 li:hover{ transform: translateY(-20px); cursor: pointer;}
.about_box2 li:after{ 
    width: 100%;
    height: 80%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    content: "";
    opacity: 0;
    background: linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba(1,71,157,0.6));
    transition: 0.5s;
    z-index:-1;
}
.about_box2 li:hover:after{ opacity: 1; transform: translateY(20px);}
.about_box2 li em{ display:block; width:64px; height:64px; margin:0 auto; background: url(/images/c1.png) no-repeat center;}
.about_box2 li:nth-child(2) em{ background: url(/images/c2.png) no-repeat center;}
.about_box2 li:nth-child(3) em{ background: url(/images/c4.png) no-repeat center;}
.about_box2 li:nth-child(4) em{ background: url(/images/c3.png) no-repeat center;}
.about_box2 li span{ font-size:24px; line-height:24px; margin:30px 0 48px 0; display:block;}
.about_box2 li p{ font-size:20px; line-height:36px;}


.honor{ padding:48px 0;}
.honor h2{ font-size:36px; line-height:36px; font-weight:bold; text-align:center; color:var(--main_color); padding-bottom:20px; margin-bottom:24px;}
.honor .swiper-container{ padding:10px 0;}
.honor .swiper-slide a{ box-shadow: 0 0 10px rgb(0 0 0 / 20%); border-radius:10px; overflow:hidden; display:block;}
.honor .swiper-slide p{ text-align:Center; margin-top:16px; }

/*产品*/
.product{ width:1600px;}
.product ul{ display: inherit;}
.product li{ width:23.5%; margin-right:2%; margin-bottom:30px; float:left;}
.product li:nth-child(4n){ margin-right:0;}
.product li a{ border-radius:10px; overflow:hidden; border:1px solid #e5e5e5; box-sizing:border-box;}

.main3{ width:1600px; padding:0;}
.product_xq3 h2{ width:40%; height:auto;}


/*新闻*/
.wz_main .wz_news_ny li{ border-radius:12px; overflow:hidden; padding:20px;}
.wz_main .wz_news_ny li .img_box{ border-radius:10px; overflow:hidden; width:32%;}
.wz_main .wz_news_ny li .text{}
.wz_main .wz_news_ny li .text span{ padding:8px 12px; border-radius:6px; border:1px solid #e5e5e5; box-sizing:border-box;}
.wz_main .wz_news_ny li:hover .text span{ border:none; border-radius: 6px; color: #fff; background:var(--main_color);}

.newcontent{ width:1600px; min-height:400px; padding-top:0;}
.newcontent h3{ margin:10px 0 48px 0;}
.tb_page{ width:1600px; margin:30px auto;}
.tb_page h4 a,.fenye3_all h4 a,.newcontent h3 a{ color: var(--main_color);}
.f-pageone.fenye{ margin:0 0 48px 0!important;}


/*案例*/
.newslist1{ width:1600px; margin:0 auto;}
.newslist1 li{ width:32%; float:left; margin-right:2%; margin-bottom:30px;}
.newslist1 li:nth-child(3n){ margin-right:0;}
.newslist1 li .newsimgs{ display:block; border-radius:12px; overflow:hidden;}
.newslist1 li .newsimgs img{ transition:1s;}
.newslist1 li .newsimgs:hover img{ transform:scale(1.1);}
.newslist1 li h3{ font-size:18px; text-align:center;}


/*招聘页*/
.zhaopin_list{ width:80%; margin:0 auto; min-height:600px;}
.zhaopin_a .left{ width:64%; float:left;}
.zhaopin_a .left .zhaopin_column{ background: var(--main_color); color:#fff; padding:0 24px; box-sizing:border-box; border-radius:4px; margin-bottom:1px;}
.zhaopin_a .left .zhaopin_column span{ display:inline-block; line-height:80px;}
.zhaopin_a .left .zhaopin_column span:nth-child(-n+2){ width:24%;}
.zhaopin_a .left .zhaopin_column span:nth-child(3){ width:20%;}
.zhaopin_a .left .zhaopin_column span:nth-child(4){ width:32%;}
.zhaopin_a .left li{ border-bottom:1px solid #e5e5e5;}
.zhaopin_a .left li .title{ padding:0 24px; box-sizing:border-box;}
.zhaopin_a .left li .title span{ line-height:72px; float: left;}
.zhaopin_a .left li .title span:nth-child(-n+2){ width:24%;}
.zhaopin_a .left li .title span:nth-child(3){ width:20%;}
.zhaopin_a .left li .title span:nth-child(4){ width:30%;}
.zhaopin_a .left li .title em{ float:left; width:2%; width:14px; height:14px; background-position:center; background-image: url(/images/ico2.png); margin-top:33px;}
.zhaopin_a .left li .title.active{ background: var(--main_color); color:#fff;}
.zhaopin_a .left li .requirement{ padding:24px; box-sizing:border-box; display:none; border:2px solid var(--main_color); box-sizing:border-box;}
.zhaopin_a .left li .requirement h2{ font-size:18px; font-weight:bold;}
.zhaopin_a .left li .requirement p{ line-height:30px;}

.zhaopin_a .right{ width:30%; float:right;}
.zhaopin_a .right .img_boxs{ background:url(/images/zhaopin.jpg) no-repeat; background-size: cover; color:#fff; padding:40px 36px 80px 36px; box-sizing:border-box; border-radius:6px;}
.zhaopin_a .right .img_boxs span{ font-size:24px; letter-spacing: 2px;}
.zhaopin_a .right .img_boxs h2{ font-size:36px; font-weight:bold; line-height:40px; margin:12px 0; letter-spacing: 3px;}
.zhaopin_a .right .img_boxs p{ line-height:18px;}
.zhaopin_a .right .img_boxs a{ border:1px solid #fff; width:128px; line-height:40px; display:inline-block; color:#fff; text-align:Center; margin-top:20px;}
.zhaopin_a .right .img_boxs a:hover{ color:var(--main_color); background:#fff;}
.zhaopin_a .right .text_boxs{ background:#f2f2f2; color:#333; border-radius:6px; margin-top:20px; padding:36px;}
.zhaopin_a .right .text_boxs h2{ font-size:24px; margin-bottom:10px;}
.zhaopin_a .right .text_boxs p{ line-height:30px;}


/*简历*/
.resume{ width:1080px; margin:0 auto 80px auto;}
.resume textarea{ width:100%; padding:20px; box-sizing:border-box;}
.resume .resume_submit{ margin-top: 30px; height:48px; line-height:48px; border-radius:6px;}
.resume .resume_submit:hover{ background:var(--main_color);}


/*联系*/
.lianxi_a .left{ float:right; width:50%; border-radius:12px; overflow:hidden;}
.lianxi_a .right{ float:left; width:50%; padding:36px 64px; box-sizing:border-box;}
.lianxi_a .right h2{ font-size:30px; line-height:48px; font-weight:bold; color:var(--main_color); margin-bottom:10px;}
.lianxi_a .right p{ font-size:18px; line-height:48px;}


/*留言*/
.liuyan_list{ background:url(/images/answer.jpg) no-repeat center bottom; width:100%; padding:100px 0;}
#messages1{ width:1600px; margin:0 auto;}
.liuyan_list .top h3{ font-size:30px; line-height:30px; font-weight:bold; color:var(--main_color);}
.liuyan_list .top p{ margin:24px 0 60px 0; font-size:18px; line-height:18px;}
.liuyan_list input{ float:left; width:32%; margin:0 2% 2% 0; height:64px; line-height:64px; border:1px solid #ccc; padding:0 28px; border-radius:4px; box-sizing:border-box; font-size:16px;}
.liuyan_list input:last-child{ margin-right:0;}
.liuyan_list input:focus{ box-shadow:none;}
.liuyan_list textarea{ width:100%; height:240px; border:1px solid #ccc; padding:28px; border-radius:4px; box-sizing:border-box; font-size:16px;}
.liuyan_list textarea:focus{ box-shadow:none;}
.liuyan_list .submit{ width:100%; line-height:64px; text-align:center; display:block; color:#fff; background: var(--main_color); margin-top:2%; border-radius:4px; font-size:20px;}
.liuyan_list .submit:focus{ text-decoration:none;}
.liuyan_list .submit:hover{ background:#e6213a;}


/*底部*/
.lianxi {padding: 7% 0 3%;}
.dianji{display: flex;flex-direction: column;align-items: center;}
.dianji strong {color: #fff;font-size: 36px;line-height: 2; letter-spacing: 2px;}
.lx {color: #fff;border: 1px solid #fff;width: 210px;height: 50px;border-radius: 50px;display: flex;justify-content: center;align-items: center;margin-top: 1%;}
.lx:hover { color:var(--main_color); background:#fff;}
.fnav {padding-top: 3%;background-color: #333;}
.f-nav.width_1600 {display: flex;flex-direction: column;}
.sec {display: flex;flex-direction: row;justify-content: space-between;margin-top: 2%;margin-bottom: 3%;}
.sec ul.clearfix {display: flex;flex: 1.5;justify-content: space-between;margin-right: 2%;/* color: #fff; */}
.tu {display: flex;width: 1;align-items: center;color:#fff;}
.tu1 {flex: 1;max-width: 190px;display: flex;flex-direction: column;align-items: center;margin-left: 5%;}
.tu1 p{line-height:3;}
.tu1:nth-child(1) img{border-radius: 10px;}
.tu1:nth-child(2) img{border-radius: 10px;}
.sec ul li {flex: 1;}
.sec li:nth-child(2){ flex: 1.5;}
.sec li:nth-child(2) h5{ float:left; width:49%;}
.sec li h4 {font-size: 20px; margin-bottom: 7%; position: relative; padding-bottom: 24px;}
.sec li h4::after {content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 1px;width: 35%;background-color: #ffffff3b;}
.sec li:nth-child(2) h4::after{ width:80%;}
.sec a{color:#fff;}
.sec li h5 {font-size: 16px;line-height: 2;margin-bottom: 4%;}
.foo {display: flex;flex-direction: row;justify-content: space-between;margin: 3% 0 3%;color:#fff;align-items: center;}
.foo h2 {font-size: 30px;font-weight: bold;flex: 1;display: flex;align-items: center;}
.foo h2 img {margin-right: 3%;}
.foo h4 img {margin-right: 2%;}
.foo h4 {font-size: 26px; flex: 2;}
.copyright div {display: flex;justify-content: space-between;color:#fff;}
.copyright{border-top: 1px solid #ffffff3b;padding: 1% 0;}
.copyright a{color:#fff;}


@media screen and (max-width:1680px){ 

}
@media screen and (max-width:1500px){ 

}
@media screen and (max-width:1440px){ 

}
@media screen and (max-width:1360px){ 

}


