﻿
:root{
	--main_color:#0d3e98;        /* 主色 */
	--main_color_rgb:13,62,152;  /* rgba */
}
.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}


#mould90099{ width:100%; position:fixed; top:0; left:0; background:#fff; z-index:99; transition: .6s ease-in-out; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.navbars41{ width:1600px; height:88px; margin:0 auto;}
.navbars41 .logo{ float:left; width: 370px; height: 100%; display: table;}
.navbars41 .logo a{ display: table-cell; vertical-align: middle;}
.navbars41 ul{ display: table; height:100%; margin:0 auto; width: 50%; float:right;}
.navbars41 li{ display: table-cell; vertical-align: middle; position:relative;}
.navbars41 li a span{ background: url(/images/bottom-black.png) no-repeat; width: 12px; height: 6px; display: inline-block; margin-left:8px; padding-bottom:2px; transition:.5s;}
.navbars41 li:hover>a{ color:var(--main_color);}
.navbars41 li:hover a span{ background: url(/images/bottom-red.png) no-repeat; transform: rotate(180deg); margin-bottom:2px;}
.navbars41 li .hide1{ width: 150px; position:absolute; top:64px; left: 22%; transform:translateX(-50%); 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 .hide1 a{ display:block; line-height:40px; border-radius: 4px;}
.navbars41 li:hover .hide1{ display:block; text-align:center;}
.navbars41 li:hover .hide1 a:hover{ background: var(--main_color); color: #fff;}
.navbars41 .btngsearch{ float:right; background: url(/images/search.png) no-repeat center; width:24px; height:24px; margin-top:28px;}
.head-search{ width:100%;background: rgba(0,0,0,0.2);position: fixed;left:0;top:-200px;transition:.5s;z-index:1;}
.head-search div{ width:1200px;margin:30px auto;position:relative;}
.head-search input{ width: 100%;height: 60px;line-height: 60px;background: #f5f5f5;font-size: 16px;transition:.5s;box-shadow:none;border: 2px solid var(--main_color);padding: 0 20px;box-sizing:border-box;margin-bottom:0;border-radius: 50px;}
.head-search a{ background:var(--main_color) url(/images/search1.png) no-repeat center;width:60px;height:60px;display:block;position:absolute;right:0;top:0;border-radius: 0 50px 50px 0;}
.btn_active{ top:88px;}

/*通用*/
.width_1600{ width:1600px; margin:0 auto;}
.fixed_img{ width:100%;}

/*标签栏*/
.ny_lanmu{ width:100%; border-bottom:1px solid #e5e5e5; margin-bottom:64px;}
.ny_lanmu ul{ width:1600px; margin:0 auto;}
.ny_lanmu li{ float:left; line-height:60px; text-align:Center; margin-right:30px; padding-right:30px;}
.ny_lanmu li a{ font-size: 18px; position:relative;}
.ny_lanmu li:hover a{ color:var(--main_color);}
.ny_lanmu li.active a{ color:var(--main_color);}
.ny_lanmu li a:after{ content:""; width:0; height:2px; background:var(--main_color); position:absolute; left:0; bottom:-20px; transition:.5s;}
.ny_lanmu li a:before{ content:""; width:1px; height:20px; background:#ccc; position:absolute; right:-30px; top:2px;}
.ny_lanmu li:last-child a:before{ display:none;}
.ny_lanmu li:hover a:after{ width:100%;}
.ny_lanmu li.active a:after{ width:100%;}

.newslist{ width:1600px; margin:0 auto;}
.newslist > ul li{ width:32%; padding:24px; border-radius:12px;}
.newslist>ul li .newsimgs{ height:278px;}
.newslist>ul li .newsconts{ padding: 20px 0 0;}
.newslist>ul li .newsconts h3{ line-height:30px;}
.newslist>ul li .newsconts h3:hover{ color:var(--main_color);}
.newslist>ul li .newsconts time em{ float: right; background: url(/images/yan.png) no-repeat center left; padding-left:24px;}

.newcontent{ width:1600px;}
.newcontent p{ line-height:30px;}
.fenye3_all{ width:1600px; margin:30px auto 48px auto;}
.tb_page h4 a{ color:var(--main_color);}
.f-pageone.fenye{ margin:16px 0 48px 0;}


/*简介*/
.about_box1{ }
.about_box1 h2{ font-size:36px; line-height:36px; color:var(--main_color); position:relative; padding-bottom:20px; margin-bottom:24px;}
.about_box1 h2:after{ content:""; width:100px; height:2px; background: var(--main_color); position:absolute; left:0; bottom:0;}
.about_box1 p{ font-size:18px; line-height:36px;}
.about_box1 p em{ font-weight:bold; color:var(--main_color);}
.about_box1_txt{ display:flex; margin-top:24px;}
.about_box1_txt p{ text-indent:2em;}
.about_box1_txt .txt1{ width:45%; margin-right:5%;}
.about_box1_txt .txt1 p{ margin-top:24px;}
.about_box1_txt .img1{ width:50%; border-radius:10px; overflow:hidden;}
.about_box1_txt .img1 img{ transition:.5s;}
.about_box1_txt .img1:hover img{ transform:scale(1.1); cursor: pointer;}
.about_box1_txt .img1 iframe{ width:100%; height:100%;}

.addmuns1 ul{ width:1600px; margin-top:60px;}
.addmuns1 li{ border-right:1px solid #e5e5e5; padding:24px 0;}
.addmuns1 li:nth-child(-n+4){ border-bottom:1px solid #e5e5e5;}
.addmuns1 li:nth-child(4n){ border-right:none;}
.addmuns1 li:after{ display:none;}
.addmuns1 li p{ line-height:inherit;}
.addmuns1 li p span{ font-size:48px; line-height:48px; font-family:arial; color: var(--main_color);}
.addmuns1 li p em{ font-weight:normal; padding-left:12px;}
.addmuns1 li h3{ font-size:16px; line-height:16px; margin-top:8px;}


/*文化*/
.about_box2{ background: url(/images/culture.jpg) no-repeat center; padding-top:100px; margin-top:100px; 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% / 5); 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(13,62,152,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/c5.png) no-repeat center;}
.about_box2 li:nth-child(5) 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;}

/*历程*/
.history_a{ background: #f2f7fa url(/images/brand_bg1.jpg) no-repeat center bottom; padding:80px 0;}
.history_a h3{ font-size:36px; line-height:36px; font-weight:bold; color:var(--main_color); text-align:center; padding-bottom:20px;}
.history_a ul{ position: relative; z-index: 1;}
.history_a ul::after{ content: ""; width: 1px; height: 100%; border-left: 1px dashed #999; position: absolute; left: 50%; top: 0; z-index: -1;}
.history_a li:nth-child(odd){ padding-left: 53%; text-align: left;}
.history_a li:nth-child(even){padding-right: 53%; text-align: right; display: flex;flex-direction: column;align-items: flex-end;}
.history_a li{ padding-top: 40px; position: relative;}
.history_a li::before{ content: ""; width: 15px; height: 15px; border-radius: 50%; border: 1px solid var(--main_color); position: absolute; left: 50%; top: 56px; transform: translateX(-50%);}
.history_a li::after{ content: ""; width: 11px; height: 11px; border-radius: 50%; background: var(--main_color); position: absolute; left: 50%; top: 59px; transform: translateX(-50%);}
.history_a li h2{ font-size: 36px; font-weight: bold; margin-bottom: 10px;}
.history_a li p{font-size: 16px;line-height: 30px;width: 80%;}
.history_a ul .more{padding-top:2%;}
.history_a ul a{margin:0 auto;width:160px; line-height:50px; display:block; color:#fff; background: var(--main_color);text-align:center; position:relative;box-sizing: border-box;}
.history_a ul a:hover {border-radius: 50px;background: var(--main_color);}


/*荣誉*/
.picture1 .picture1-cont{ width:1600px;}
.picture1 .picture1-cont > ul li a{ border:1px solid #e5e5e5;}
.picture1 .picture1-cont > ul li a img{ height:276px;}



/*产品*/
.product-list > ul{ display: flow;}
.product-list > ul li{ width:23.5%; border:1px solid #e5e5e5; padding:24px; box-sizing:border-box; border-radius:10px; float:left; margin-right:2%; transition:.5s; margin-bottom:48px;}
.product-list > ul li:nth-child(4n){ margin-right:0;}
.product-list > ul li:hover{ border:1px solid var(--main_color);}
.product-list > ul li p:first-child{ height:238.5px;}
.product-list > ul li span{ font-size:18px; text-align:center; display:block; margin-top:16px;}
.product-list > ul li:hover span{ font-weight:bold; color: var(--main_color);}








/*招聘页*/
.zhaopin_list{ width:80%; margin: 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-bottom:48px;}
.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{ margin-bottom:64px;}
.lianxi_a .left{ float:left; width:50%; border-radius:12px; overflow:hidden;}
.lianxi_a .right{ float:right; 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:80px 0 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;}

/*联系*/
.footer_a{ background:#2f3e51; padding-top:80px;}
.contact_a{ color:#fff;}
.contact_a .left{ floaT:right; width:36%;}
.contact_a .left .douyin_a{ float:left; margin-right:40px; width:164px;}
.contact_a .left .douyin_a img{ width:164px; height:164px;}
.contact_a .left .douyin_a p{ text-align:Center; line-height:36px;}
.contact_a .left .lianxi_a{ float:right; width:calc(100% - 204px);}
.contact_a .left .lianxi_a span{ font-size:18px; line-height:36px;}
.contact_a .left .lianxi_a h3{ font-family:arial; font-size:36px; font-weight:bold; margin-bottom:10px;}
.contact_a .left .lianxi_a p{ font-size:18px; line-height:36px;}
.contact_a .right{ floaT:left;}
.contact_a .right dl{ float:left; margin-right:100px;}
.contact_a .right dl:last-child{ margin-right:0;}
.contact_a .right dl a{ color:#ccc;}
.contact_a .right dl a:hover{ color:#fff;}
.contact_a .right dt{ border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:16px; margin-bottom:12px;}
.contact_a .right dt a{ font-size:20px; line-height:20px; font-weight: normal;}
.contact_a .right dd a{ line-height:36px;}

.copyright_a{ text-align:Center; color:#ccc; background: #202a36; margin-top:64px;}
.copyright_a .width_1600{ display:flex; justify-content: space-between;}
.copyright_a p{ line-height:64px;}
.copyright_a a{ color:#ccc;}
.copyright_a a:hover{ color:#fff;}



@media (min-width: 1560px) and (max-width: 1679px){ 
  .navbars41,.ny_lanmu ul,.width_1600,.picture1 .picture1-cont,.newslist,.newcontent,.fenye3_all,#messages1{ width:94%;}
  .addmuns1 ul{ width:100%;}
  .pro_box1 .pro_box1_txt{ width:84%;}
  
  .product-list > ul li p:first-child{ height:auto; max-height:243px;}
  .newslist>ul li .newsimgs{ height:252px;}
  .zhaopin_list{ width:90%;}
}

@media (min-width: 1440px) and (max-width: 1559px){
  .navbars41,.ny_lanmu ul,.width_1600,.picture1 .picture1-cont,.newslist,.newcontent,.fenye3_all,#messages1{ width:94%;}
  .addmuns1 ul{ width:100%;}
  
  .product-list > ul li p:first-child{ height:auto; max-height:201px;}
  .newslist>ul li .newsimgs{ height:230px;}
  .zhaopin_list{ width:90%;}
  .about_box1 p{ font-size:16px; line-height:30px;}
  
  .pro_box1 .pro_box1_txt{ width:88%;}
  .about_box1_txt .txt1 p{ margin-top: 12px;}
  .about_box2 li p{ font-size:18px;}
  .history_a li h2{ font-size:30px;}
  .picture1 .picture1-cont > ul li a img{ height:232px;}
  
  .contact_a .right dl{ margin-right:80px;}
}

@media screen and (max-width:1439px){ 
  .navbars41,.ny_lanmu ul,.width_1600,.picture1 .picture1-cont,.newslist,.newcontent,.fenye3_all,#messages1{ width:94%;}
  .addmuns1 ul{ width:100%;}
  
  .product-list > ul li p:first-child{ height:auto; max-height:188px;}
  .newslist>ul li .newsimgs{ height:230px;}
  .zhaopin_list{ width:90%;}
  
  .about_box1 h2{ font-size:28px;}
  .about_box1 p{ font-size:16px; line-height:30px;}
  
  .pro_box1 .pro_box1_txt{ width:88%;}
  .about_box1_txt .txt1 p{ margin-top: 6px;}
  .about_box2 li p{ font-size:16px; line-height:30px;}
  .history_a li h2{ font-size:30px;}
  .picture1 .picture1-cont > ul li a img{ height:219px;}
  
  .contact_a .right dl{ margin-right:80px;}
}





