header .top{ background: url(../images/top_bg.jpg) repeat-x; height: 41px; line-height: 41px;}
.w1200{ width: 1200px; margin: 0 auto;}
header .top .searchbox input:first-child{ height: 30px; line-height: 30px; background: #fff; padding-left: 15px;}
header .top .searchbox input:last-child{ background: url(../images/search.png) no-repeat left 5px center #266d9e; padding-left: 20px; height: 30px; line-height: 30px; color: #fff; width: 67px;}
nav{ width: 720px; }
nav a{  flex: 1;  position: relative; overflow: hidden;}
nav a span{ display: block; line-height: 90px;}
nav a span.mm-over{  position: absolute; top: 0; left: 0; background: #006a9e; color: #fff; z-index: 2; width: 100%; height: 100%; transform: translateY(-90px); transition: all .36s;}
nav a:hover span.mm-over,nav a.active span.mm-over{transform: translateY(0px);}
.banner .swiper-pagination-bullet{ width: 30px; height: 5px;  border-radius: 0; opacity: 0.5; background: #fff;}
.banner .swiper-pagination-bullet-active{ background: #006a9e;}
.banner .txt{ position: absolute; top: 80px; right: calc((100% - 1200px)/2); z-index: 99;}
.about a{ width: 190px; height: 50px;}
.about .left{ width: 700px;}
.about .right{ width: 450px;}
.products{ background: url(../images/products_bg2.jpg) no-repeat center top; background-size: cover;}
.products .tit::after{ width: 40%; height: 1px; background: #fff; content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.products .tit::before{ width: 40%; height: 1px; background: #fff; content: ''; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.products  .swiper-container{ height: 520px; margin-top: 35px;}
.products .swiper-slide{height: calc((100% - 30px) / 2); background: #fff; padding: 2px; text-align: center;}
.products .swiper-slide img{ height:185px ; object-fit: cover; width: 100%;}
.products .swiper-slide  .txt{ line-height: 55px; }
.products .swiper-button-next{ right: -50px  ;}
.products .swiper-button-prev{ left: -50px;}

.pinpai{ background: url(../images/aboutbg.jpg) no-repeat center center; background-size: cover;}
.pinpai .tit{ line-height: 1;}
.pinpai .tit>div::after{ width: 100px; height: 1px; background: #bebfc0; content: ''; display: block; position: absolute; left: -120px; top: 50%; transform: translateY(-50%);}
.pinpai .tit>div::before{ width: 100px; height: 1px; background: #bebfc0; content: ''; display: block; position: absolute; right: -120px; top: 50%; transform: translateY(-50%);}
.pinpai .con li span{ background: url(../images/bg_sign03.png) no-repeat center top; color: #fff; width: 63px; height: 57px; display: flex  ; align-items: center; justify-content: center;
font-size: 24px; font-weight: bold; margin-right: 10px; } 
.pinpai .con li { line-height: 1.5;}
.pinpai .con .left{ padding: 50px 0;}
.w990{ width: 990px; margin: 0 auto;}
.pinpai .con .right{ border-radius: 50%; width: 400px; height: 400px;}
.pinpai .con { margin-top:50px;}

.pinpairight{ position: absolute; right: 0;}
.pinpaileft{ position: absolute; left: 0;}
.indexTit{  line-height: 100px;}
.indexTit::after{ width: 540px; height: 1px; background: #bebfc0; content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.indexTit::before{ width: 540px; height: 1px; background: #bebfc0; content: ''; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.cooperation .con{  padding: 0 30px; }
.cooperation .con .swiper-button-next{  right: 0; color: rgba(0, 0, 0, 0.2); }
.cooperation .con .swiper-button-prev{  left: 0; color: rgba(0, 0, 0, 0.2);}
.cooperation .swiper-slide{ padding: 10px;}

.news .con .left{ width: 530px; height: 400px; overflow: hidden;}
.news .con .left .txt{ width: 100%; line-height: 75px; position: absolute; bottom: 0; left: 0;  transition: all .36s;}
.news .con .left .content-txt{ background: rgb(0 106 169 / 0.9); position: absolute; top: 0; left: 0; width: 100%; height: 100%;    padding: 9px;
opacity: 0; visibility: hidden; transform: scale(0,1);  transition: all .56s; }
.news .con .left  .content-wr{border: 1px solid #fff; width: 100%; height: 100%; padding: 15px;}
.news .con .left  .content-wr h3{ border-bottom: 1px solid #fff; padding-bottom: 10px; margin-bottom: 10px;}
.news .con .left  .content-wr .line-clamp3{-webkit-line-clamp:6;}
.news .con .left:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}
.news .con .left:hover  .txt{ bottom: -75px;}
.news .con .left:hover .content-txt{ opacity: 1; visibility: visible; transform: scale(1,1);}
.news .con .right{ width: 635px;}
.news .right  a{ padding: 15px 0; border-bottom: 1px solid #e5e5e5;}
.news .right .font{ background: #f2f2f2; width: 86px; height: 86px; }
.news .right .info{ width: calc(100% - 110px); padding:5px 0;}
.news .right  a:hover .f16{ color: #006a9e !important;}

footer .left{ background: #00507f; width: 213px; padding: 35px 0;}
footer  a{ margin-right: 5px;}
footer .img{ position: absolute ; top: 50%; transform: translateY(-50%); left: 500px; width: 128px;}

.banner .line{ width: 40px; height: 2px; background: #fff; float: right;}
.banner .neitit{  position: relative;  margin-bottom: 10px;}
.banner .neitit::after{ position: absolute; right: 0; bottom: -5px; display: block; width: 40px; height: 3px; background: #fff; content: ''; }
.neilink a{ background: #006a9e; color: #fff; text-align: center; line-height: 46px; display: inline-block; padding: 0 15px;}
.neilink a:hover{ background: red;}
.location{ background: #f2f2f2; line-height: 55px;}
.location a { color: #1e699f;}
.productslist{ padding: 50px 0;}
.productslist li{ float: left; width: 280px; margin-right: 26px; margin-bottom: 32px;}
.productslist li:nth-child(4n){ margin-right: 0;}
.productslist li img{ width: 100%; height: 215px; object-fit: cover;}
.productslist li figcaption{ margin-top: 15px;}
.productslist li  figure{ position: relative; overflow: hidden ; border: 1px solid #e5e5e5;}
.productslist li  figure mark {
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background: rgba(235,97,35,.2);
    background: rgb(235 97 35 / 0.4);
    filter: alpha(opacity=20);
    z-index: 20;
    opacity: 0;
    transform: skewX(45deg);
    visibility: hidden;
    transition: 360ms;
}

.productslist li figure mark {
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background: rgba(235,97,35,.2);
	background:rgb(235 97 35 / 0.4);
	filter: alpha(opacity=20);
	z-index: 20;
	opacity: 0;
	transform: skewX(45deg);
	visibility: hidden;
	transition: 360ms;
}

.productslist li figure mark b {
	display: block;
	width: 46px;
	height: 46px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -23px;
	margin-top: -23px;
	z-index: 30;
}

.productslist li figure mark b:before {
	content: "";
	width: 100%;
	height: 1px;
	background: #eb6123;
	position: absolute;
	left: 0;
	top: 23px;
	transform: translateX(-200px);
	-webkit-transform: translateX(-200px);
	-moz-transform: translateX(-200px);
}

.productslist li figure mark b:after {
	content: "";
	width: 1px;
	height: 100%;
	background: #eb6123;
	position: absolute;
	left: 23px;
	top: 0;
	transform: translateY(-200px);
	-webkit-transform: translateY(-200px);
	-moz-transform: translateY(-200px);
}

.productslist li figure mark:before {
	content: "";
	width: 100%;
	height: 0%;
	border-left: 3px solid #eb6123;
	border-right: 3px solid #eb6123;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	transition: 320ms;
}

.productslist li figure mark:after {
	content: "";
	width: 0%;
	height: 100%;
	border-top: 3px solid #eb6123;
	border-bottom: 3px solid #eb6123;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	transition: 320ms;
}

.productslist li:hover figure mark {
	opacity: 1;
	transform: skewX(0);
	visibility: visible;
}

.productslist li:hover figure mark:before {
	height: 100%;
	transition: 330ms 200ms;
}

.productslist li:hover figure mark:after {
	width: 100%;
	transition: 330ms 200ms;
}

.productslist li:hover figure img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
}

.productslist li:hover figure mark b:before {
	transition: 355ms 180ms;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
}

.productslist li:hover figure mark b:after {
	transition: 355ms 240ms;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
}

.productslist li:hover figcaption {
	color: #eb6123;
}

.w48{ width: 48%;}
.proitem span{  color: #979797; font-size: 14px;}
.proitem { padding: 15px 0; border-bottom: 1px dotted #e5e5e5;}
.proInfo{ border: 1px dotted #e5e5e5;}
.propage span{ color: #979797; margin: 0 8px;}
.propage a:hover{ color: #00507f;}

.yylist li{ float: left; width: 287px; margin-right: 17px; margin-bottom: 20px; cursor: pointer;}
.yylist li .txt{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;  transition: all .36s;background: transparent;}
.yylist li .txt span{ text-align: center; line-height: 50px; height: 50px; width: 50px; background: rgba(255, 255, 255, 0.6); border-radius: 50%; margin-top: 15px;}
.yylist li:nth-child(4n){ margin-right: 0;}
.yylist li img{ transition: all .8s;}
.yylist li:hover img{ transform: scale(1.15);}
.yylist li:hover .txt{ background: rgba(0, 0, 0, 0.6);}
.newslist li { border-bottom: 1px dashed #e5e5e5; padding-bottom: 20px; margin-bottom: 20px;}
.newslist li .img{ width: 168px; height: 138px;}
.newslist li .img img{ object-fit: cover;width: 168px; height: 138px;}
.newslist li .txt{ width: calc(100% - 182px);}
.newslist li:hover .color-555{ color: #00507f;}
.newsdesc{ border-bottom: 1px dotted #e5e5e5; padding: 8px 0;}
.newszhai{ border: 1px solid #efefef; padding: 10px; margin: 15px 0;color: #999999;}
.newscon{border: 1px solid #efefef; padding: 10px;color: #707070; line-height: 2; text-indent: 2em; }
.newscon img{max-width: 80%; margin: 15px auto  !important; display: inline-block;}

.videolist li{ width: 380px; cursor: pointer; float: left; margin-right: 20px;} 
.videolist li:nth-child(3n){ margin-right: 0;}
.videolist li .videoimg{ width: 380px; height: 300px; object-fit: cover;}
.videolist li .img span{ transition: all .36s; display: none; align-items: center;  justify-content: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.3);}
.videolist li:hover .img span{ display: flex;}
.videolist li .img b{ color: #fff; background: rgba(0, 0, 0, 0.5); padding: 5px 15px; position: absolute; bottom: 20px; right: 20px; font-weight: normal;}
.videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:99; border-radius:100%; }
.videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%; margin-left:-320px; margin-top:-210px; z-index:100; width:640px; height:360px; }
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }
.gbook{ width: 380px;}

.honorlist li{ border: 1px solid #e5e5e5; float: left; width: 280px; margin-right: 24px; margin-bottom: 24px;}
.honorlist li:nth-child(4n){ margin-right: 0;}
.honorlist li .img span{ width: 100%; height: 100%;  background: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0; opacity: 0; transition: all .36s;}
.honorlist li:hover .img span{ opacity: 1;}

.wenhualist li{  float: left;  width: calc((100% - 40px)/3); border: 1px solid #e5e5e5;margin: 5px 5px 15px 5px; padding: 15px; position: relative;}
.wenhualist li .ntype{ color: #fff; background: red; padding: 5px 15px; position: absolute; top: 0; left: 0;}
.wenhualist li::after{ content: ''; display: block; background: red; position: absolute; left: 0; bottom: 0; width: 100%; height: 0;z-index: -1; transition: all .36s;}
.wenhualist li .item{ position: relative; z-index: 10;}
.wenhualist li:hover{ color: #fff;}
.wenhualist li:hover .color-888{ color: #fff;}
.wenhualist li:hover::after{ height: 100%;}
.wenhualist li:hover .ntype{ background: #e5e5e5; color: red;}

.joblist li a{ border: 1px solid #e5e5e5; padding:15px 25px; display: block;}
.joblist li a:hover{ background: #e5e5e5;}
.w33{ width: 33%; font-size: 14px; color: #999999; line-height: 2;}
.w33 span{ font-size: 16px; color: #333;}

.jobcon{ border: 1px solid #e5e5e5; padding:15px 25px;}