/* CSS Document */
body{}
@font-face {
  font-family: "Barlow-Bold";

  src: url("../fonts/Barlow-Bold.woff") format("truetype");
 
}
@font-face {
  font-family: "Oswald-Bold";

  src: url("../fonts/Oswald-Bold.otf") format("truetype");
 
}


.wm{margin:0 8%;}
.wm2{margin:0 8%;}
.zd01{width:100%;position:fixed; top:0;left:0; z-index:9999999;height:92px;background-color: rgba(0,0,0,0.1);}
.zd01.on{background-color: rgba(255,255,255,0.95);box-shadow:0px 0px  10px 0px #aaa; transition:all 0.4s;}
.zd01.on img{filter: brightness(1);}
.zd01.on .menu ul li a{color:#444;}
.zd01.on .menu ul li a:hover{text-decoration:none;color:#fff;font-weight:bold;background:#00488f;}
.zd01.on .lang{color:#444;}

.zd01:hover{background-color: rgba(255,255,255,0.95);transition:all 0.4s;}
.zd01:hover .menu ul li a{color:#444;}
.zd01:hover .menu ul li a:hover{text-decoration:none;color:#fff;font-weight:bold;background:#00488f;}
.zd01:hover img{filter: brightness(1);}
.zd01:hover .lang{color:#444;}

.top{width:100%; top:0;left:0; z-index:889; position:absolute;height:92px;}
.top .logo{float:left;padding-top:12px;}
.top img{filter: grayscale(1) brightness(10);}
.top .menu{float:left;padding-left:5%;}
.menu ul li{ display:inline-block;line-height:92px;}
.menu ul li:last-child{ background:none;}
.menu ul li a{padding:0 20px;font-size:16px; display:block;color:#fff;}

.top .lang{float:right;margin-top:32px;height:21px;line-height:21px;margin-left:2%;font-size:16px;color:#fff;}
.top .lang img{vertical-align: middle;width: 30px;padding-right:7px;}
.top .top_tel{background: url(../images/tel.png) no-repeat left center;padding-left: 45px;font-family: Impact;font-size: 24px;color: #383838;float:right;margin-top:30px;}

.search_btn{margin-top:30px;margin-left:2%;cursor: pointer;float: right;position: relative;z-index: 1;}
.search_btn img{width:30px;height:30px;}
.searchbj{ background:rgba(0,0,0,0.6); position:fixed; top:0; left:0; width:100%; height:100%; z-index:9000; display:none;}
.search_main{ padding:50px;background:#ffffff; position: fixed; left:50%; top:50%; z-index:10000; margin:-75px 0 0 -250px; box-shadow: 0 0 20px #999999; display:none;}
.search_main .input{ width:350px; height:50px; border:1px solid #00488f; padding:0 15px; float:left; font-size:14px;}
.search_main .submit{ width:50px; height:52px; background:#00488f url(../images/search_btn2.png) no-repeat center center; background-size:50%; float:left; cursor:pointer;border:none;}

.mbdh{ display:none;}


/*手机版搜索*/
.sj_search_bg{width:100%;overflow:hidden; display:none}
.sj_search{background:#ffffff;left:50%;position:relative;margin:10px 0 10px -190px;}
.sj_search .input{ width:300px; height:50px; border:1px solid #00488f; padding:0 15px; float:left; font-size:14px;}
.sj_search .submit{ width:50px; height:52px; background:#00488f url(../images/search_btn2.png) no-repeat center center; background-size:50%; float:left; cursor:pointer;border:none;}


.con_01{width:100%;background:#f5f5f5;overflow:hidden;}
.con_01 .sy_about{width:39%;float:left;padding-left:8%;padding-top:5%;}
.con_01 .sy_about h1{font-size:42px;color:#1d2830;font-weight:bold;padding-top:7px;letter-spacing:2px; }
.con_01 .sy_about h2{font-size:22px;color:#00488f;font-family:Arial;}
.con_01 .sy_about .txt{line-height:32px;font-size:16px;margin-top:35px;color:#656565;}

/*数字跳动*/
.sztd{ padding:40px 0 0 0;}
.numCount{ margin: 0 -10px;}
.numCount li{ float: left; width: 31%; text-align: center;}
.numCount li:nth-of-type(2),.numCount li:nth-of-type(3){width:34%;}
.numCount li .item{ margin: 10px 10px;}
.numCount li .item .indc{color:#8a8a8a;font-size:16px;}
.numCount li .numU{ line-height:1.3;}
.numCount li .numCX{ font-size:52px; color:#004ea1;font-weight: 400 !important;font-family: Oswald-Bold;}
.numCount li .numU .unitC{font-size:18px; line-height: 1.3; margin-left: 0.3em;color:#004ea1;}
.numCount li .numU .unitD{font-size:36px; line-height: 1.3; margin-left: 0.1em;color:#000;font-family:Arial;}
.numCount li .numU sup{vertical-align: top;}
.numCount li .numU sub{vertical-align:baseline;color:#000;}
@media (max-width:800px){
.numCount li .numCX{ font-size:36px; }
}
@media (max-width:640px){
.numCount li .numCX{ font-size:7vw; }
}
@media (max-width:480px){
.numCount{ font-size:0.5vw;}
}
@media (max-width:1500px){
.numCount li .numCX{ font-size:46px;}
.numCount li .numU .unitC{font-size:16px; }
}
.aboutmore {overflow: hidden;margin-top: 50px;}
.aboutmore a{display:block;width:215px;height:58px;line-height:58px;font-size:16px;color:#fff;padding-left:42px;background:#00488f url(../images/icon2.png) no-repeat 88% center;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.aboutmore a:hover{color:#fff;background:#e85107 url(../images/icon2.png) no-repeat 88% center;}

.con_01 .sy_pro{width:50%;float:right;overflow:hidden;}
.con_01 .sy_pro ul li{float:left;width:50%;}

/* 必要布局样式css */
.trade-box-item {
	float:left;
	width:50%;
	flex: 1;
	text-align: center;
	position: relative;
	height: 400px;
	background: no-repeat center;
	background-size: cover;

}
.trade-content .trade-box-item:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,.1);
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.trade-box-item a {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
a, button, input, textarea {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.item-logo {
	margin: 0 auto;
	display: block;
}
.trade-content .trade-box-item .item-logo {
	position: relative;
	margin-top: 90px;
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.item-logo img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.item-title {
	padding: 20px 0;
	position: relative;
}
.item-title h2{font-size: 28px;color: #fff;}
.item-title h3{font-size: 14px;font-family:Arial; text-transform:uppercase;padding-top:10px;color:rgba(255,255,255,.7)}
.trade-content .item-title:before {
	content: "";
	position: relative;
	display: block;
	width: 20px;
	border-bottom: 2px solid #fff;
	margin: 0 auto 20px;
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.item-text {
	position: relative;
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
	opacity: 0;
	margin-top: 10px;
}
.item-text p {
	color: #fff;
	font-size: 16px;
	margin-bottom: 5px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
text-overflow: ellipsis;
}
.trade-content .item01 {
	background-image: url(../images/icon-at01.jpg);
}
.trade-content .item02 {
	background-image: url(../images/icon-at02.jpg);
}
.trade-content .item03 {
	background-image: url(../images/icon-at03.jpg);
}
.trade-content .item04 {
	background-image: url(../images/icon-at04.jpg);
}
.trade-content .trade-box-item:hover .item-text {
	display: block;
	opacity: 1;
	margin-top: 0;
}
.trade-content .trade-box-item:hover:before {
	background: linear-gradient(to right, #00488f, #00000085) no-repeat;
    transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
}
.trade-content .trade-box-item:hover .item-logo {
	margin-top: 80px;
}
.trade-content .trade-box-item:hover .item-title:before {
	opacity: 0;
	margin-bottom: 0;
}


#bottom{background:#1b1b1b;width:100%;overflow:hidden;padding-top:70px;color:#999999;}
#bottom .lm_t{font-size:18px;color:#fff;}
#bottom a{color:#999999}
#bottom a:hover{color:#fff;}
#bottom ul{margin-top:22px;}
#bottom ul li{line-height:34px;font-size:16px;}
.bot_01{width:25%;float:left;border-right:1px solid #404041;}
.bot_01 .box{margin-top:22px;line-height:30px;font-size:14px;}
.bot_nav{width:55%;float:left;margin-left:5%;border-right:1px solid #404041;}
.bot_02{width:25%;float:left;}
.bot_02 ul li a{font-size:14px;}
.ewm{float:right;}
.ewm .box{margin-top:22px;background:#fff;border-radius:10px;padding:5px;}

.bot2{line-height:30px;width:100%;overflow:hidden;color:#999999;padding:20px 0;margin-top:40px;text-align:center;background-color:#1b1b1b;border-top:1px solid #404041;}
.bot2 a{color:#999999 !important;}
.bot2 a:hover{color:#fff !important;}

.mbfor {display: none;}

/*ny*/
.ny_ban01{background:url(../images/ny_ban01.jpg) no-repeat center top fixed;}
.ny_ban01_2{background:url(../images/ny_ban01_2.jpg) no-repeat center top fixed;}
.ny_ban01_3{background:url(../images/ny_ban01_3.jpg) no-repeat center top fixed;}
.ny_ban01_4{background:url(../images/ny_ban01_4.jpg) no-repeat center top fixed;}
.ny_ban02{background:url(../images/ny_ban02.jpg) no-repeat center top fixed;}
.ny_ban03{background:url(../images/ny_ban03.jpg) no-repeat center top fixed;}
.ny_ban04{background:url(../images/ny_ban04.jpg) no-repeat center top fixed;}
.ny_ban05{background:url(../images/ny_ban05.jpg) no-repeat center top fixed;}
.ny_ban06{background:url(../images/ny_ban06.jpg) no-repeat center top fixed;}
.ny_ban07{background:url(../images/ny_ban07.jpg) no-repeat center top fixed;}
.ny_ban08{background:url(../images/ny_ban08.jpg) no-repeat center top fixed;}
.ny_ban{width:100%;height:550px;overflow:hidden;position:relative;}
.ny_ban_txt{text-align:center;margin-top:220px;z-index:99;}
.ny_ban_txt h1{font-size: 2.5vw;font-weight: bold;letter-spacing: 4px;text-shadow: 1px 2px 2px #000;color:#fff;}
.ny_ban_txt p{font-size: 18px;letter-spacing: 0px;text-shadow: 1px 1px 2px #000;transition-property: all;color:#fff;}
.ny_ban_bg{background-color: rgba(0, 0, 0, 0.5);width:100%;line-height:60px;position:absolute;bottom:0px; z-index:150;}
.ny_nav{float:left;}
.ny_nav a{ display:inline-block;color:#fff;padding:0 20px;font-size:16px;}
.ny_nav a:hover{background:#004ea1;color:#fff;}
#nav1 .nav1,#nav2 .nav2,#nav3 .nav3,#nav4 .nav4,#nav5 .nav5{background:#004ea1 !important;color:#fff;}

.ny_site{float:right;color:#fff;}
.ny_site a{color:#fff;}
.ny_site a:hover{color:#fff;}
.ny_site img{ vertical-align:middle;padding-right:5px;}

#content{margin:60px auto;width:1400px;}
#content .ny_title{font-size:34px;color:#000;text-align:center;padding-bottom:50px;}
#content .ny_title i{background:#006cb4;width:50px;height:3px;margin:25px auto 0; display:block;}
#content .box{line-height:32px;font-size:16px;margin-top:40px;}
.ny_img img{ max-width:100%; height:auto !important; height:100%;}

.ny_about_img{margin-top:40px;}


/*公司环境*/
.npronr_list{overflow:hidden;margin:15px 1%;width:31%;float:left;position:relative;}
.npronr_list a{display:block;overflow:hidden;width:100%;}
.npronr_list .nproimg{width:100%; overflow:hidden; background:#fff; position: relative;width: 100%;height: 300px;display: block;}
.npronr_list .nproimg img{position: absolute;width: 100%;transition: all .5s ease;height: 300px;}
.npronr_list .nprotit{height:60px;padding:0 20px;background:#f4f4f4;text-align:left;line-height:60px;}
.npronr_list .nprotit .nprotit_box {position: relative;overflow: hidden;width: 100%;padding-right: 20px;}
.npronr_list .nprotit .nprotit_name{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 16px;}
.npronr_list .nprotit .nprotit_img{position: absolute;right: 20px;top: 0px;display: block;width: 20px;height: 60px;overflow: hidden;background: url(../images/pro06.png) no-repeat right center;}
.npronr_list a:hover .nprotit{background:#00488f;}
.npronr_list a:hover .nprotit .nprotit_name{color:#fff;}
.npronr_list a:hover .nprotit .nprotit_img{background: url(../images/pro06.png) no-repeat left center;}
.npronr_list:hover  img{transform:scale(1.2);}


/*EHS管理*/
.ehs_ul li{background:#fff;padding:30px 0;margin:20px 0;}
.ehs_ul li img{width:100%;height:auto;}
.ehs_ul li .ehs_l{float:left;width:42%;}
.ehs_ul li .ehs_r{float:right;width:52%;}
.ehs_ul li h1{font-size:32px;color:#000;padding-top:30px;}
.ehs_ul li .txt{font-size:16px;color:#636363;padding-top:30px;}
.ehs_ul li:nth-child(2){background:#eaedf0;padding:30px 3%;}
.ehs_ul li:nth-child(2) .ehs_l{float:right;}
.ehs_ul li:nth-child(2) .ehs_r{float:left;}


/*内页产品*/

.ny_pro_ul li{float:left;width:44%;margin:0 2% 2%;box-shadow: 0 0 10px rgb(0 0 0 / 25%);padding:1%;}
.ny_pro_ul li .pic{float:left;width:40%;border:1px solid #eee;overflow:hidden;}
.ny_pro_ul li .pic img{width:100%;height:auto; transition:all 1s;}
.ny_pro_ul li:hover .pic img{ transform-origin:center center; transform:scale(1.15,1.15);}
.ny_pro_ul li .txt{float:right;width:56%;}
.ny_pro_ul li .txt h1{font-size:20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow: hidden;text-overflow: ellipsis;color:#000;}
.ny_pro_ul li .txt .js{font-size:14px;line-height:26px !important;padding-top:6px;color:#666666;}
.ny_pro_ul li .txt .js p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow: hidden;text-overflow: ellipsis;}
.ny_pro_ul li .txt .more{margin-top:7px;color:#00488f;font-family:Arial;font-size:14px;}
.ny_pro_ul li:hover .txt .more{font-weight:bold;}

.ny_pro_part01{background:#fff;padding:3%;}
.part01_l{float:left;width:40%;border:1px solid #eee;overflow:hidden;}
.part01_l img{width:100%; transition:all 1s;}
.part01_l img:hover{ transform-origin:center center; transform:scale(1.15,1.15);}
.part01_r{float:right;width:56%;}
.part01_r .bt{background:#00488f;width:220px;height:50px;line-height:50px;text-align:center;color:#fff;font-size:18px;font-weight:bold;}
.part01_r h1{border-bottom:2px solid #333333;padding-bottom:25px;}
.part01_r .pro_bt{font-size:24px;color:#000;padding-bottom:12px;}
.part01_r .js{padding-top:20px;line-height:26px !important;color:#212529;font-size:14px;border-top:1px solid #e5e5e5;}
.part01_r .js2{color:#888888;font-size:14px;padding-top:10px;font-weight:bold;}
.part01_r .js2 span{color:#ef7712;}
.part01_r .js3{border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;height:68px;line-height:68px;margin-top:12px;font-weight:bold;color:#212529;}
.part01_r .js3 img{ vertical-align:middle;padding-right:5px;}
.part01_r .js3 span{font-family: Impact;color:#f21c16;font-size:28px; font-weight:normal;}
.part01_r .js4{margin-top:20px;}
.part01_r .js4 a{ display:inline-block;border-radius:5px;width:160px;height:44px;line-height:44px;color:#fff;text-align:center;margin-right:12px;}
.part01_r .js4 img{ vertical-align:middle;padding-right:5px;}
.part01_r .js4 .od01{background:#f21c16;}
.part01_r .js4 .od01:hover{background:#e36602;}
.part01_r .js4 .od02{background:#555555;}
.part01_r .js4 .od02:hover{background:#333;}
.ny_pro_part02{background:#fff;padding:3%;margin-top:30px;}
.ny_pro_part02 .bt{background:#00488f;width:180px;height:50px;line-height:50px;text-align:center;color:#fff;font-size:18px;font-weight:bold;}
.ny_pro_part02 .txt{border-top:1px solid #e5e5e5;padding-top:30px;}

.aak{width:122px;height:36px;line-height:36px;text-align:center;background:#015198;color:#fff;border:0px;}
.pnpage { clear:both; text-align:center;padding-top:25px; font-size:14px;}
.pnpage a { padding:2px 10px; font-weight:bold; margin:0 6px; border-radius:35px; text-decoration:none;}


/*内页新闻*/
.ny_news_time{width:80px;height:60px;border:1px solid #ddd;text-align:center;line-height:26px;padding-top:8px;float:left;}
.ny_news_img{width:230px;height:160px;margin-left:32px;overflow:hidden;float:left;}
.ny_news_img img{width:230px;height:160px; transition:all 1s;}
.ny_news_ul li:hover img{ transform-origin:center center; transform:scale(1.1,1.1);}
.ny_news_ul li:hover .ny_news_time{background:#00488f;color:#fff;border:1px solid #0777d0;}
.ny_news_txt{float:right;width:calc(100% - 392px);}
.ny_news_ul li{margin:20px 0;padding:20px 0;border-bottom:1px solid #ddd;}
.ny_news_ul li:hover{border-bottom:1px solid #00488f;}
.ny_news_ul li .time{color:#3366b2;line-height:24px;font-size:14px;}
.ny_news_ul li .bt{font-size:22px;color:#000;font-weight:bold;}
.ny_news_ul li .js{font-size:14px;color:#707070;line-height:26px;padding-top:5px;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.ny_news_ul li .more{font-size:14px;padding-top:12px;font-weight:bold;color:#3366b2;}


/*福利待遇*/
.ny_fldy_l{float:left;width:48%;}
.ny_fldy_r{float:right;width:48%;}
.ny_fldy_r .bt01{font-size:26px;font-weight:bold;color:#00488f;margin-top:35px;}
.ny_fldy_r .bt02{font-size:16px;padding:10px 0;}
.ny_fldy_r .bt03{background:#00488f;height:50px;line-height:50px;text-align:center;color:#fff;margin-top:15px;font-size:18px;}
.ny_fldy_r .bt03 img{ vertical-align:middle;padding-right:5px;}
.ny_fldy_r ul{margin-top:120px;}
.ny_fldy_r ul li{float:left;width:46%;margin:6px 2%;background:#f6f6f6;height:40px;line-height:40px;text-align:center;color:#000;}
.ny_fldy_r ul li:hover{background:#ebebeb;}

/*招聘*/
/*加入我们*/
.join_article{display:flex;margin:30px 0 60px 0;align-items:center;}
.join_article .left_article{flex:1;padding-right:80px;}
.join_article .left_article .title{position:relative;text-align:center;}
.join_article .left_article .title h1{color:var(--fontColor);font-size:55px;line-height:75px;}
.join_article .left_article .title h2{color:rgba(231,231,231,0.5);font-size:48px;position:absolute;left:0;bottom:38px;z-index:-1;}
.join_article .left_article span{display:block;font-size:15px;color:#666666;line-height:38px;margin-top:40px;}
.join_article .right_img{flex:1;}
.join_article .right_img img{max-width:100%;}
.join_job .header_title{width:100%;height:64px;background:#00488f;display:flex;align-items:center;}
.join_job .header_title span{font-size:18px;color:#ffffff;}
.join_job .name{width:25%;text-align:center;font-weight:bold;}
.join_job .zx{width:20%;text-align:center;}
.join_job .bm{width:20%;text-align:center;}
.join_job .time{width:15%;text-align:center;}
.join_job .num{width:15%;text-align:center;}
.join_job .job_list{margin-bottom:8px;}
.join_job .job_info{display:flex;background:#eaeaea;height:58px;align-items:center;width:100%;transition:all 0.2s linear 0s;}
.join_job .job_info span{font-size:15px;color:#333333;}
.join_job .job_info .opt a i{font-size:20px;display:inline-block;transition:all 0.2s linear 0s;font-weight:bold;color:#333;}
.join_job .job_info .opt a[aria-expanded="true"] i{transform: rotate(180deg);}
.join_job .job_info .opt a:hover i{color:var(--fontColor);}
.join_job .job_details{padding:30px 20px;font-size:16px;color:#333333;line-height:32px;}
.join_job .job_info:hover{background:#e0e0e0;}
.join_job .sm{text-align:center;margin-top:20px;line-height:22px;}
.join_job .sm .p02{color:#16a085;}


/*内页联系我们*/
.ny_contact_l{width:45%;line-height:36px;padding-top:50px;font-size:16px;float:left;}
.fz30{font-size:22px;}
.ny_contact_r{width:50%;padding-top:50px;float:right;}
.ny_contact_r a,.ny_contact_r a:hover{color:#fff;}
.ny_contact_r h1{font-size:26px;font-weight:bold;padding-bottom:15px;padding-top:30px;}

/*地图*/
.contmap {width:100%;height:360px; border:#ccc solid 1px;font-size:14px !important;}

/*留言板*/
.ny_order{margin-top:50px;border-top:1px solid #ddd;padding-top:30px;}
.ny_order .title{font-size:40px;text-align:center;color:#000;}
.ny_order .title2{font-size:16px;text-align:center;margin:20px 0;}
.ny_order .zw{width:1020px;margin:0 auto;}
.ny_order .zw input{width:475px;height:40px;line-height:40px;font-size:16px;padding-left:10px;border:1px solid #d2d2d2;margin:6px 0;color:#757575;}
.ny_order .zw textarea{width:982px;height:100px;font-size:16px;padding-left:10px;padding-top:10px;line-height:30px;border:1px solid #d2d2d2;margin:10px 0;color:#757575;font-family:Arial;}
.ny_order .zw .bt{color:#777777;font-size:14px;padding-bottom:20px;}
.ny_order .zw .bt span{color:#ff0000;}
.ny_order .zw #vvverify{border:1px solid #d2d2d2;width:170px;height:36px;line-height:36px;padding-left:10px;}
.ny_order .zw .anniu{height:50px;width:198px;background:#00488f;color:#fff;border:0px;font-size:20px;border-radius:5px;}




.txtc { clear:both; text-align:center; padding-right:25px; padding-top:10px; font-size:12px}
.nypro span.current,.nypro a.num { display:inline-block; margin:0 5px; padding:0 8px; height:23px; line-height:23px;font-size:14px;}
.nypro span.current,.nypro a.num:hover { background:#f3f6f9; border:#067cd5 1px solid; color:#067cd5;font-size:14px;}
.nypro a.num,.nypro a.end,.nypro a.next,.nypro a.prev { border:#cdcdcd 1px solid; color:#333; background:#fff; text-decoration:none;font-size:14px;}
.nypro a.end,.nypro a.next,.nypro a.prev { display:inline-block; padding:0 8px;height:23px; line-height:23px;font-size:14px;}
.nypro a.prev { margin:0 5px;font-size:14px;}