/* CSS Document */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,ul,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display:block;}
*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body { font-family:"Montserrat", Noto Sans SC, "Hiragino Sans GB", STHeiti, "PingFang SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; color:#1a1a1a; text-decoration:none; font-size:14px; background:#fff;}
html, body { scroll-behavior:smooth; }
textarea { resize:none;}
img{ max-width:100%;}
iframe,img { border:0;}
ul,ol,li { list-style:none;}
input, select, textarea { outline:0; -webkit-user-modify:read-write-plaintext-only;}
input { -webkit-appearance:none;}
a{ text-decoration:none; color:#666; transition:0.2s; -webkit-transition:0.2s;}
a:hover{ color:#4a050a;}
.clearfix { clear:both; zoom:1;}
.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden;}
.fl{ float:left;}
.fr{ float:right;}



/*滚动条*/
::-webkit-scrollbar{ width:6px; height:12px}
::-webkit-scrollbar-button:vertical{ display:none;}
::-webkit-scrollbar-track:vertical{ background-color:black}
::-webkit-scrollbar-track-piece{ background:#FFF}
::-webkit-scrollbar-thumb:vertical{ background-color:#bdb9b9; border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{ background-color:#4a050a}
::-webkit-scrollbar-corner:vertical{ background-color:#bdb9b9}
::-webkit-scrollbar-resizer:vertical{ background-color:#bdb9b9}

.m{ width:95%; max-width:1500px; margin:0 auto; position:relative;}
.n{ padding:80px 0;}
.nm{ background: #f8f8f8;}
.nm .m{ background:#fff; box-shadow:0 0 50px -20px rgba(0, 0, 0, .15); padding:80px;}

.top{
	display: flex;
	align-items: center;
	justify-content:space-between;
	position: relative;
	width: 100%;
	height: 90px;
	padding: 0 6.5%;
	position:fixed;
	z-index:999;
	transition:0.2s;
}
.logo{
	height:40px;
}
.top .ul1{
	display:flex;
}
.top .ul1>li{
	position:relative;
	padding:0 25px;
}
.top .ul1>li>a{
	display:block;
	line-height:70px;
	font-size: 17px;
    color: #fff;
}
.top .ul1>li ul{ position:absolute; left:50%; top:100%; transform:translateX(-50%); z-index:9; padding:0 5px; white-space:nowrap; opacity:0; visibility:hidden; transition:0.2s;}
.top .ul1>li:hover ul{ opacity:1; visibility:visible; top:100%;}
.top .ul1>li ul li{ line-height:2; text-align:center; font-size:15px;}
.top .ul1>li ul li a{ display:inline-block;}

.top .ul2{
	display:flex;
	column-gap:20px;
}
.top .ul2>li>a{
	display:block;
	line-height:70px;
	font-size: 13px;
    color: #fff;
}
.top.on2{
	backdrop-filter: blur(15px);
    background: rgba(12, 45, 78, .4);
}
.top.on{
	background:#fff;
}
.top.on>ul>li>a{
	color:#222;
}
.topb{
	position:absolute;
	width:100%;
	height:0;
	left:0;
	top:100%;
	background:#fff;
	opacity:0;
	visibility:hidden;
	transition:0.2s;
	padding-bottom:20px;
	box-shadow: 2px 10px 10px rgba(0,0,0,0.1);
}
.topbs{
	opacity:1;
	visibility:visible;
}
.top .mmenu {
    background: url(../images/mmenu.png) no-repeat center center;
    background-size: 50%;
    width: 60px;
    display: none;
}
.bannerslide{ height: 100vh; position:relative; overflow: hidden;}
.bannerslide .swiper-wrapper{ position:relative;}
.bannerslide .swiper-slide{ position: relative; display:flex; justify-content:space-between; overflow:hidden;}
.bannerslide .swiper-slide:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .35);
	z-index:11;
}
.bannerslide .swiper-slide video{ width:100%; height:100%; object-fit:cover;}
.bannertxt{
	position: absolute;
    left: 6.5%;
    bottom: 120px;
    z-index: 101;
    color: #fff;
}
.bannertxt .p1{
	font-size: 52px;
    line-height: 1.35;
	color:#fff;
}
.bannertxt .d1{
	display:flex;
	margin-top:50px;
	column-gap:30px;
}
.bannertxt .d1 a{
	display:block;
	width: 150px;
    font-size: 15px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 30px;
    font-weight: 700;
    line-height: 60px;
    color: #fff;
    text-align: center;
}
.bannertxt .d1 a:hover{
	background:#ff0000;
}
.bannertxt .d1 .fas{
	font-size:20px;
	display:flex;
	align-items:center;
	cursor:pointer;
	outline:none;
}
.bannertxt .p2{
	margin-top: 42%;
    font-size: 17px;
    color: rgba(255, 255, 255, .6);
    line-height: 1.8;
}
.homepart1{
	position: relative;
    padding: 150px 0 100px 6.5%;
    background: #fff url(../images/probg.jpg) no-repeat top center;
}
.pt1{
	font-size: 16px;
    font-weight: 700;
    color: #999;
}
.pt2{
	padding-top: 15px;
    font-size: 42px;
    line-height: 1.4;
    color: #222;
}

.ind_pro{
	margin-top:75px;
	margin-left: 5%;
    padding: 0 0 75px 90px;
	overflow:hidden;
	position:relative;
}
.ind_pro .swiper-wrapper{
	height:auto;
}
.ind_pro .swiper-slide{
	width:775px;
	position:relative;
}
.ind_pro .swiper-slide .box{
	opacity: 0;
    position: absolute;
    left: -90px;
    bottom: -100px;
    width: 270px;
    height: 310px;
    padding: 50px 50px 0 50px;
    font-size: 16px;
    color: #fff;
    background: #ff0000;
    transition: all .3s;
}
.ind_pro .swiper-slide.on .box{
	opacity: 1;
	left: -90px;
	bottom: -55px;
	box-shadow: 12px 6px 20px rgba(0, 0, 0, .2)
}
.ind_pro .swiper-slide .box p {
  margin-bottom: 10px;
  font-size: 20px;
    font-weight: 900;
}
.ind_pro .swiper-slide .box div {
  white-space: pre-line;
  line-height: 1.6
}
.ind_pro .swiper-slide .box span{
	display: flex;
	justify-content:center;
	align-items:center;
	font-size:24px;
	position: absolute;
	right: 50px;
	bottom: 50px;
	width: 50px;
	height: 50px;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, .3);
	transition:0.5s;
}
.ind_pro .swiper-slide .box:hover span{
	background:#fff;
	color:#ff0000;
}
.ind_pro .ipn{
	cursor: pointer;
    position: absolute;
    top: 40%;
    left: 900px;
    z-index: 101;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    transition: all .2s;
	text-align:center;
	font-size:16px;
	outline:none;
}
.ind_pro .ipn p{
	margin-bottom:20px;
}
.homepart2{
	padding: 150px 0 120px;
    text-align: center;
}
.homepart2 .p1{
	font-size: 16px;
    font-weight: 700;
	color:#ff0000;
}
.homepart2 .p2{
	margin: 15px 0 18px;
    font-size: 42px;
    letter-spacing: -.5px;
    color: #222;
}
.homepart2 .p3{
	font-size: 17px;
    line-height: 1.6;
}
.homepart3{
	background:url(../images/companybg.jpg) no-repeat center center;
}
.homepart3 ul{
	display:flex;
	height:750px;
	background: rgba(0, 0, 0, .4);
}
.homepart3 ul li{
	display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
    color: #fff;
    text-align: center;
	position:relative;
	border-left: 1px solid rgba(255, 255, 255, .15);
	transition:0.5s;
}
.homepart3 ul li:hover{
	background: rgba(28, 40, 50, 0.5);
}
.homepart3 ul li .txt{
	transform:translateY(80px);
	transition:0.5s;
}
.homepart3 ul li:hover .txt{
	transform:translateY(0);
}
.homepart3 ul li .p1{
	margin-top:25px;
}
.homepart3 ul li .p1 img{
	display:inline-block;
	margin-bottom:40px;
}
.homepart3 ul li .p2{
	font-size: 30px;
    line-height: 1.4;
}
.homepart3 ul li .p3{
	font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
}
.homepart3 ul li .p4{
	opacity: 0;
	margin-top:0;
    margin-bottom: 80px;
    font-size: 16px;
    color: rgba(255, 255, 255, .7);
    line-height: 1.6;
    white-space: pre-line;
    transition: all .4s;
}
.homepart3 ul li:hover .p4{
	opacity: 1;
	margin-top:35px;
    margin-bottom:30px;
}
.homepart3 ul li a{
	opacity: 0;
	display: flex;
	justify-content:center;
	align-items:center;
	font-size:24px;
    width: 68px;
    height: 68px;
    border-radius: 16px;
	border: 1px solid rgba(255, 255, 255, .3);
	transition:0.4s;
	color:#fff;
	margin:0 auto;
}
.homepart3 ul li:hover a{
	opacity: 1;
}
.homepart3 ul li a:hover{
	background:#ff0000;
}
.homepart4{
	display:flex;
	justify-content:space-between;
}
.hp4l{
	width:50%;
	padding: 95px calc(120 / 1920 * 100vw) 0;
	padding-bottom:15px;
}
.hp4l .d1{
	display:flex;
	justify-content:space-between;
}
.hp4l .d1>div{
	display:flex;
}
.hp4l .d1 .p1{
	margin-right: 16px;
    font-size: 38px;
    font-weight: 700;
    color: #222;
}
.hp4l .d1 .p2{
	display:flex;
	align-items:center;
}
.hp4l ul{
	display:flex;
	align-items:center;
	font-size:17px;
}
.hp4l ul li{
	cursor:pointer;
	outline:none;
}
.hp4l ul li.fa-arrow-left:after{
	content: "";
    width: 1px;
    height: 13px;
    margin: 0 17px;
    background: #ddd;
	display:inline-block;
}
.hp4l .d2{
	overflow:hidden;
	border-top: 2px solid #222;
    border-bottom: 1px solid #e1e1e1;
	margin-top:20px;
}
.hp4l .d2 .swiper-wrapper{
	height:auto;
}
.hp4l .d2 .swiper-slide{
	padding:60px 70px 60px 50px;
}
.hp4l .d2 p{
	margin-bottom: 15px;
    font-size: 16px;
    color: #222;
}
.hp4l .d2 div{
	color: #777;
    line-height: 1.6;
	font-size:15px;
}
.hp4l .d2 a{
	display:inline-block;
	margin-top: 35px;
    font-size: 14px;
    color: #aaa;
}
.hp4l .d3{
	padding:50px 0 70px;
	display:flex;
}
.hp4l .d3 a{
	display:flex;
	padding-right: 30px;
	width:50%;
}
.hp4l .d3 a .icon{
	flex-shrink: 0;
    width: 100px;
    height: 100px;
    border: 1px solid #e1e1e1;
    border-radius: 20px;
    background: center no-repeat;
    transition: all .2s;
}
.hp4l .d3 a:hover .icon{
	border-color: #ff0000;
}
.hp4l .d3 a .icon01{
	background: url(../images/icon01.png) no-repeat center center;
}
.hp4l .d3 a:hover .icon01{
	background: url(../images/icon01_on.png) no-repeat center center;
}
.hp4l .d3 a .icon02{
	background: url(../images/icon02.png) no-repeat center center;
}
.hp4l .d3 a:hover .icon02{
	background: url(../images/icon02_on.png) no-repeat center center;
}
.hp4l .d3 a .txt{
	display: flex;
    flex-flow: column;
    padding: 5px 0 0 35px;
    line-height: 1.6;
}
.hp4l .d3 a .txt p{
	margin-bottom: 15px;
    font-size: 22px;
    color: #222;
}
.hp4l .d3 a div{
	display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    word-break: break-all;
    -webkit-line-clamp: 4;
	color:#777;
}
.hp4l .d3 a div span{
	margin-top: 30px;
    font-size: 14px;
    color: #aaa;
    transition: all .2s;
}
.hp4l .d3 a:hover div span{
	color:#ff0000;
}
.hp4r{
	width:50%;
	background:url(../images/hp4r.jpg) no-repeat center center;
	display:flex;
	align-items:flex-end;
}
.hp4r .txt{
	padding: 0 0 80px 80px;
    color: #fff;
}
.hp4r .txt span{
	font-size: 16px;
    font-weight: 700;
}
.hp4r .txt p{
	margin: 5px 0 20px;
    font-size: 35px;
}
.hp4r .txt div{
	color: rgba(255, 255, 255, .6);
	font-size:17px;
	line-height:1.8;
}
.homepart5{
	position: relative;
    padding: 150px 0 100px 6.5vw;
    background: #f6faff;
}
.hp5t{
	display:flex;
	justify-content:space-between;
}
.hp5t .p1{
	font-size: 16px;
    font-weight: 700;
    color: #999;
	margin-bottom:15px;
}
.hp5t .sp1{
    font-size: 42px;
    letter-spacing: -.5px;
    line-height: 1.4;
    color: #222;
}
.hp5n{
	padding-right:6.5vw;
	display:flex;
	align-items:center;
	font-weight: 700;
    color: #ff0000;
    transition: all .2s;
    text-align: center;
    font-size: 16px;
    outline: none;
	cursor:pointer;
}
.hp5n .p2{
	margin-bottom:20px;
}
.hp5s{
	margin-top:70px;
	overflow:hidden;
}
.hp5s .swiper-wrapper{
	height:auto;
}
.hp5s .swiper-slide a{
	display:block;
	background:#fff;
	padding:60px 40px;
	color:#555;
}
.hp5s .swiper-slide a:hover{
	background:#ff0000;
	color:#fff;
}
.hp5s .swiper-slide a .p1{
    line-height: 1.6;
    margin-bottom: 10px;
	font-size:16px;
}
.hp5s .swiper-slide a .p2{
	margin-bottom: 25px;
    font-size: 20px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    word-break: break-all;
    -webkit-line-clamp: 1;
}
.hp5s .swiper-slide a .p3{
	white-space: pre-line;
    line-height: 1.6;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    word-break: break-all;
    -webkit-line-clamp: 3;
	font-size:16px;
}
.hp5s .swiper-slide a div{
	display:flex;
	justify-content:flex-end;
	margin-top:30px;
}
.hp5s .swiper-slide a div span{
	display: flex;
	justify-content:center;
	align-items:center;
    color: #ff0000;
    width: 50px;
    height: 50px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .3);
    transition: all .2s;
	font-size:18px;
}
.hp5s .swiper-slide a:hover div span{
	color:#fff;
}
.hp5s .swiper-slide a div span:hover{
	background:#fff;
	color:#ff0000;
}
.bottom{
	background:#212f3d;
	color: rgba(255, 255, 255, .5);
}
.bottom .foot{
	display:flex;
	justify-content:center;
	padding:25px 0;
	border-bottom: 1px solid rgba(255, 255, 255, .15);
}
.bottom .foot ul{
	display:flex;
	justify-content:center;
}
.bottom .foot ul li{
	position:relative;
}
.bottom .foot ul li:before{
	display: inline-block;
    content: "";
    width: 1px;
    height: 12px;
    margin: 0 25px;
    background: rgba(255, 255, 255, .2);
}
.bottom .foot ul li:first-child:before{
	display:none;
}
.bottom .foot ul li a{
	display: inline-block;
	opacity: .6;
    font-size: 16px;
    color: #fff;
}
.bottom .foot2{
	padding:60px 6.5vw;
	display:flex;
	justify-content:space-between;
}
.bottom .foot2 .logob{
	width:100px;
}
.bottom .foot2 div:nth-child(2){
	padding-right:300px;
}
.bottom .foot2 div .p1{
	margin-bottom: 15px;
    font-size: 18px;
}
.bottom .foot2 div .p2{
	font-size:15px;
	line-height:2;
}
.bottom .foot2 div:last-child{
	display:flex;
	align-items:flex-end;
}
.bottom .foot2 div:last-child a{
	font-size:15px;
	color: rgba(255, 255, 255, .5);
}
.nbanner{ height:500px; display:flex; justify-content:center; align-items:center; color:#fff; background:linear-gradient(to top, rgb(0,0,0,0.1), rgb(0,0,0,0.5)),url(../images/bannern.jpg) no-repeat bottom center; background-attachment: fixed; text-align:center;}
.nbannernews{ background:linear-gradient(to top, rgb(29,73,158,0.1), rgb(29,73,158,0.5)),url(../images/bannernews.jpg) no-repeat bottom center; background-attachment: fixed;}
.nbannersite{ background:linear-gradient(to top, rgb(29,73,158,0.1), rgb(29,73,158,0.1)),url(../images/banner2.jpg) no-repeat top center; background-attachment: fixed;}
.nbannercon{ background:linear-gradient(to top, rgb(29,73,158,0.1), rgb(29,73,158,0.5)),url(../images/bannercon.jpg) no-repeat center center; background-attachment: fixed;}
.nbannerpro{ background:linear-gradient(to top, rgb(29,73,158,0.1), rgb(29,73,158,0.5)),url(../images/bannernpro.jpg) no-repeat top center; background-attachment: fixed;}
.nbannerequ{ background:linear-gradient(to top, rgb(29,73,158,0.1), rgb(29,73,158,0.5)),url(../images/bannernequ.jpg) no-repeat center center; background-attachment: fixed;}
.nbannerjoin{ background:linear-gradient(to top, rgb(29,73,158,0.1), rgb(29,73,158,0.5)),url(../images/bannernjoin.jpg) no-repeat bottom center; background-attachment: fixed;}
.nbanner .p1{ font-size:60px; text-transform:uppercase; font-weight:bold; font-family: "Times New Roman";}
.nbanner ul{ display:flex; justify-content:center; column-gap:20px; margin-top:20px;}
.nbanner ul li{ font-size:24px; text-transform:capitalize;}
.nbanner ul li .fas{ font-size:16px;}
.nbanner ul li a{ color:#fff;}

.now{
	background:#f9f9f9;
	border-bottom:1px solid #ccc;
}
.now .m{
	display:flex;
	justify-content:space-between;
}
.now .m>ul{
	display:flex;
	column-gap:30px;
}
.now .m>ul>li{
	position:relative;
}
.now .m>ul>li>a{
	display:block;
	line-height:60px;
	font-size:16px;
	border-bottom:2px solid #f9f9f9;
}
.now .m>ul>li>a:hover,.now .m>ul>li.on>a{
	color:#4a050a;
	border-bottom:2px solid #4a050a;
}
.now .m>ul>li ul{
	position:absolute;
	left:0;
	top:100%;
	min-width:100%;
	white-space:nowrap;
	background:#4a050a;
	opacity:0;
	visibility:hidden;
	transition:0.2s;
	z-index:999;
}
.now .m>ul>li ul li a{
	display:block;
	line-height:1.8;
	padding:5px 20px;
	color:#fff;
	border-bottom:1px solid #4a050a;
}
.now .m>ul>li:hover ul{
	opacity:1;
	visibility:visible;
}
.now .m>ul>li ul li a:hover{
	border-bottom:1px solid #fafafa;
}
.nowmenu{
	line-height:60px;
	font-size:16px;
}
.nowmenu .fas{
	margin:0 5px;
	font-size:14px;
}
.ppt{
	text-align:center;
	font-size:45px;
	color:#333;
}
.ppte{
	text-align:center;
	font-size:60px;
	color:#333;
	opacity:0.07;
	line-height:0;
}
.about{
	padding:100px 0;
}
.about .aboutm{
	margin-top:100px;
	display:flex;
	justify-content:space-between;
}
.about .aboutm .abl{
	width:46%;
}
.about .aboutm .abl img{
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.about .aboutm .abr{
	width:54%;
	min-height:450px;
    color: #777;
    font-size: 15px;
    line-height: 1.8;
	padding:20px 50px;
	background:#f5f5f5;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.about .aboutm .abr p{
	text-indent:2em;
	margin-bottom:0.5em;
}
.honor{ background:#f5f5f5;}
.honorm{
	overflow:hidden;
	margin-top:100px;
}
.honorm .swiper-wrapper{
	height:auto;
}
.honorm .swiper-slide{
	padding:50px;
	background:#fff;
	height:auto;
}
.honorm .swiper-slide img{
	width:100%;
	height:300px;
	object-fit:contain;
}
.honorm .swiper-slide p{
	text-align:center;
	font-size:16px;
	margin-top:20px;
}

.history{
	padding:100px 0;
}
.historys1{
	overflow:hidden;
	margin-top:60px;
	height:auto;
	position:relative;
}
.historys1:after{
	content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 36px;
    background-color: #e5e5e5;
}
.historys1 .swiper-wrapper{
	height:auto;
}
.historys1 .swiper-slide{
	cursor: pointer;
    position: relative;
    width: 25%;
    font-size: 24px;
	text-align:center;
	padding-top:50px;
	padding-bottom:20px;
}
.historys1 p{
	color: #cecece;
}
.historys1 .sp{
	width: 32px;
    height: 32px;
	display:block;
	margin:0 auto;
    z-index: 5;
    background: url(../images/ic_point.png) no-repeat center center;
    background-size: contain;
}
.historys1 .swiper-slide-thumb-active p{
	color:#ff0000;
    transform: scale(1.5);
	transform-origin: center bottom;
}
.historys1 .swiper-slide-thumb-active .sp{
    transform: scale(1.5);
    background: url(../images/ic_point_on.png) no-repeat center center;
	background-size: 60%;
}
.historysd{
	padding:0 150px;
	position:relative;
}
.historys2{
	margin-top:60px;
	overflow:hidden;
}
.historys2 .swiper-wrapper{
	height:auto;
}
.historys2 .swiper-slide{
	display:flex;
}
.historys2 .swiper-slide img{
	width:50%;
}
.historys2 .swiper-slide .hs2t{
	width:50%;
	padding:50px 50px 0;
	background:#fafafa url(../images/sx.png) no-repeat bottom 20px right 20px;
	background-size:60%;
	display:flex;
	flex-direction:column;
}
.historys2 .swiper-slide .hs2t .p1{
	font-size:36px;
	font-weight:bold;
	color:#ff0000;
	position:relative;
	padding-bottom:20px;
	margin-bottom:20px;
}
.historys2 .swiper-slide .hs2t .p1:after{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:60px;
	height:1px;
	background:#ff0000;
}
.historys2 .swiper-slide .hs2t .p2{
	font-size:16px;
}
.hisl{
	position:absolute;
	top:50%;
	left:0;
	font-size:60px;
	transform:translateY(-50%);
	color:#ff0000;
	cursor:pointer;
	transition:0.2s;
	outline:none;
}
.hisl:hover{
	color:#333;
}
.hisr{
	position:absolute;
	top:50%;
	right:0;
	font-size:60px;
	transform:translateY(-50%);
	color:#ff0000;
	cursor:pointer;
	transition:0.2s;
	outline:none;
}
.hisr:hover{
	color:#333;
}
.culture{ background:#fff;}
.culturem{ position:relative; margin-top:80px;}
.cultures{}
.culture .swiper-wrapper{ height:auto;}
.culture .swiper-slide{ display:flex; box-shadow:0 0 5px rgba(0, 0, 0, .15);}
.culture .swiper-slide .culturet{ width:calc(600 / 1400 * 100%); padding:0 80px; display:flex; flex-direction:column; justify-content:center; background:#f5f5f5 url(../images/cbg.png) no-repeat right bottom;}
.culture .swiper-slide .culturet .p1{ font-size:36px; color:#ff0000;}
.culture .swiper-slide .culturet .p1 span{ color:#999; font-size:18px; text-transform:capitalize; display:inline-block; margin-left:10px;}
.culture .swiper-slide .culturet .p2{ font-size:22px; color:#333; margin-top:20px; line-height:1.8;}
.culture .swiper-slide .culturei{ width:calc(800 / 1400 * 100%);}
.culture .swiper-slide .culturei img{ display:block; width:100%; object-fit:cover;}
.cultures2{ position:absolute; left:0; top:0; height:100%; width:calc(800 / 1400 * 100%); background:rgba(0,0,0,0.2); z-index:9; display:flex;}
.cultures2 .item{ width:calc(100% / 3); display:flex; flex-direction:column; justify-content:center; text-align:center; border-right:1px solid rgba(204,204,204,.5);}
.cultures2 .item:last-child{ border:none;}
.cultures2 .item img{ height:60px; display:inline-block; transition:0.4s;}
.cultures2 .item:hover img{ transform:translateY(-30px);}
.cultures2 .item p{ color:#fff; font-size:20px; margin-top:20px;}

.pro_main{ display:flex; column-gap:2%; flex-wrap:wrap;}
.pro_main li{ width:23.5%; margin-bottom:2%;}
.pro_main li:hover a{ text-decoration:none;}
.pro_main li .pic{ display: block; overflow:hidden;}
.pro_main li .pic img { display: block; width: 100%; transition:1s; height:220px; object-fit:cover;}
.pro_main li:hover .pic img{ transform:scale(1.1,1.1);}
.pro_main li .info{ background:#f5f5f5; padding: 20px; text-align: left;}

.pro_main li .info .name {font-size:18px;color:#333;line-height:30px;letter-spacing:0px; font-weight:bold;}
.pro_main li .info .text {font-size:14px;color:#666;line-height:20px;overflow:hidden;text-align:left;margin-bottom:0px;}

.pro_main .text .d1{ display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2; font-weight:400;}
.pro_main .text .d2{ margin-top:10px;}
.pro_main .text .d3{ width:16px; height:3px; background:#4a050a; margin-top:10px; float:left;}
.pro_main .text .d4{ width:16px; height:3px; background:#ff0000; margin-top:10px; float:left;}

.ny_content{ font-size:16px; line-height:1.8;}
.ny_content p{ margin-bottom:10px;}
.npt{ text-align:center; font-weight:bold; font-size:24px; color:#666; margin:0 0 50px 0;}
.u_np{ margin-top:50px; text-align:center;}
.u_np li{ display:inline-block; margin:0 20px;}
.u_np li a{ display:inline-block; padding:20px 30px; background:#8f8f8f; color:#fff;}
.u_np li a:hover{ background:#ff0000;}

.newslist{
	display:flex;
	flex-wrap:wrap;
	column-gap:2%;
}
.newslist li{
	width:23.5%;
	margin-bottom:2%;
}
.newslist .ini{
	overflow:hidden;
}
.newslist .ini img{
	display:block;
	width:100%;
	transition:0.3s;
	height:240px;
	object-fit:cover;
}
.newslist li:hover .ini img{
	transform:scale(1.1);
}
.newslist .int{
	padding:25px 35px;
	background:#f8f8f8;
}
.newslist .int .p1{
	font-size: 18px;
    color: #000;
    line-height: 1.6;
    text-align: justify;
    overflow: hidden;
}
.newslist .int .p2{
	font-size: 14px;
    color: #8F8F8F;
    margin-top: 10px;
    line-height: 1.5;
	display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    word-break: break-all;
    -webkit-line-clamp: 2;
}
.newslist .int .d3{
	display:flex;
	justify-content:space-between;
	margin-top:30px;
}
.newslist .int .p3{
	color: #333;
}
.newslist .int .p3 span{
	font-size:16px;
}
.newslist .int .p4{
	color: #999;
    font-size: 12px;
}

.equipment .imgbox{ display:flex; flex-wrap:wrap; column-gap:2%;}
.equipment .imgbox a{ width:23.5%; display:block; margin-bottom:2%; text-align:center; position:relative;}
.equipment .imgbox a img{ border:1px solid #f1f1f1; height:250px; object-fit:cover; width:100%;}
.equipment .imgbox a p{ padding:20px 0; background:#f1f1f1; font-size:16px;}
.equipment .imgbox a .cover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #333; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease; transition: all .2s ease; }
.equipment .imgbox a:hover .cover { opacity: .6; filter: alpha(opacity=60); }
.equipment .imgbox a .ico01 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: -94px; background: url(../images/i5.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
.equipment .imgbox a:hover .ico01 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }
.equipment .imgbox a .ico02 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: 64px; background: url(../images/i6.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
.equipment .imgbox a:hover .ico02 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }

.lg-backdrop{ background-color: rgba(0,0,0,0.5) !important;}
.lg-toolbar .lg-icon{ color:#fff !important;}

.join{
	margin-top:100px;
}
.join .item{
	margin-bottom:20px;
}
.join .item .jt{
	background:#f8f8f8;
	padding:30px;
	cursor:pointer;
}
.join .item .jt .p1{
	display:flex;
	justify-content:space-between;
}
.join .item .jt .p1 .sp1{
	font-size:18px;
	font-weight:bold;
	color:#333;
}
.join .item .jt .p1 .sp2{
	font-size:24px;
	transition:0.2s;
}
.join .item .jt.on .p1 .sp2{
	transform:rotate(180deg);
	color:#ff0000;
}
.join .item .jt .p2{
	display:flex;
	column-gap:50px;
	font-size:16px;
	margin-top:1em;
}
.join .item .jm{
	padding:30px;
	border:1px solid #eee;
	display:none;
}
.join .item .jm .p1{
	font-size:18px;
	font-weight:bold;
	color:#333;
}
.join .item .jm .p2{
	font-size:16px;
	line-height:1.8;
	margin-top:1em;
}
.join .item .jm .p3{
	text-align:right;
	margin-top:30px;
}
.join .item .jm .p3 a{
	display:inline-block;
	padding:10px 30px;
	color:#fff;
	background:#ff0000;
	font-size:16px;
}

.contact{}
.contact .pc1{ font-size:42px; color:#000; text-align:center;}
.contact .pc2{ margin-top: 10px; font-size: 16px; color:#999; text-align:center;}
.contact>ul{ display:flex; justify-content:space-between; margin-top:60px;}
.contact>ul li{ width:20%; text-align:center; padding:0 30px; border-right:1px solid #ddd;}
.contact>ul li:last-child{ border:none;}
.contact>ul li span{ color:#212f3d; font-size:45px;}
.contact>ul li .p1{ font-size:16px; color:#666; margin:20px 0;}
.contact>ul li .p2{ color:#000;}
.contact2{ display:flex; margin-top:60px;}
.contact2 .contact_l{ width:50%;}
.contact2 .contact_r{ width:50%; padding:50px; background:#f8f8f8; display:flex; align-items:center;}

.contact-form-wrapper{ display:flex; flex-wrap:wrap; column-gap:4%;}
.contact_r .form-control{ background:#fff;border-radius:0;border:1px solid transparent;-webkit-box-shadow:none;box-shadow:none;color:#000;font-weight:400;font-size:16px;padding:14.5px 26px; width:48%;; margin-bottom:20px;}
.contact_r .form-control:focus { border-color: #ebebeb;}
.contact_r .form-control-text{ width:100%; height:160px;}
.contact_r .yzm{ margin-bottom:0;}
.contact_r img{ object-fit:contain;}
.contact_r .btn-theme{background:#212f3d;border-radius:2px;color:#fff;display:inline-block;transition:0.3s;-webkit-transition:0.3s;font-weight:500;font-size:17px;padding:15px 50px; cursor:pointer; border:none; flex:auto;}
.contact_r .btn-theme:hover{ background:#000;}

#baidu_dituContent {
    width: 100%;
    height: 100%;
    border: #ccc solid 1px;
}
#baidu_dituContent img{
	max-width:none;
}


@media (max-width: 1500px) {
.honor .imgbox a img{ height:calc(480 / 1500 * 100vw);}
}

@media (max-width: 1200px) {
.top{
	height:auto;
	padding:20px;
	align-items: initial;
}
.top .ul1,.top .ul2{
	display:none;
}
.top .mmenu {
    display: block;
}
.bannertxt{
	bottom:auto;
	top:50%;
	transform:translateY(-50%);
}
.bannertxt .p1{
	font-size:30px;
	line-height:1.5;
}
.bannertxt .d1 a{
	line-height:40px;
}
.homepart1{
	padding:50px 2%;
	background: #fff url(../images/probg.jpg) no-repeat center center;
}
.pt2{
	font-size:24px;
}
.ind_pro{
	margin-top:30px;
	margin-left:0;
	padding:0;
}
.ind_pro .swiper-slide.on .box{
	display:none;
}
.ind_pro .swiper-slide{
	width:100%;
}
.homepart2{
	padding:50px 2%;
}
.homepart2 .p2{
	font-size:24px;
}
.homepart2 .p3{
	font-size:14px;
}
.homepart3 ul{
	flex-wrap:wrap;
}
.homepart3 ul li{
	width:50%;
}
.homepart3 ul li .txt{
	transform: translateY(0);
}
.homepart3 ul li .p1 img{
	height:50px;
}
.homepart3 ul li .p2{
	font-size:20px;
}
.homepart3 ul li .p4{
	display:none;
}
.homepart4{
	flex-wrap:wrap;
}
.hp4l{
	width:100%;
	padding:50px 2%;
}
.hp4l .d1 .p1{
	font-size:24px;
}
.hp4l ul{
	font-size:14px;
}
.hp4l .d2 .swiper-slide{
	padding:30px;
}
.hp4l .d3{
	flex-wrap:wrap;
	padding:20px 0;
}
.hp4l .d3 a{
	width:100%;
}
.hp4l .d3 a .txt p{
	font-size:16px;
}
.hp4r{
	width:100%;
	background-size: cover;
}
.hp4r .txt{
	padding:50px 2%;
}
.hp4r .txt p{
	font-size:24px;
}
.homepart5{
	padding:50px 2%;
}
.hp5t .sp1{
	font-size:24px;
}
.hp5s{
	margin-top:30px;
}
.hp5s .swiper-slide a{
	padding:30px;
}
.bottom .foot{
	display:none;
}
.bottom .foot2{
	flex-wrap:wrap;
	padding:50px 20px;
}
.bottom .foot2 div{
	width:100%;
	padding-right:0 !important;
	margin-bottom:20px;
}
.nbanner{
	height:300px;
	background:linear-gradient(to top, rgb(0,0,0,0.1), rgb(0,0,0,0.5)),url(../images/bannern.jpg) no-repeat center center;
	background-attachment:inherit;
}
.nbanner .p1{
	font-size:30px;
}
.nbanner ul li{
	font-size:18px;
}
.now .m>ul{
	display:none;
}
.nowmenu{
	font-size:12px;
}
.about{
	padding:30px 0;
}
.ppt{
	font-size:30px;
}
.ppte{
	font-size:30px;
}
.about .aboutm{
	margin-top:50px;
	flex-wrap:wrap;
}
.about .aboutm .abl{
	width:100%;
	height:300px;
}
.about .aboutm .abr{
	width:100%;
	padding:20px;
}
.n{
	padding:30px 0;
}
.culturem{
	margin-top:50px;
}
.cultures2 {
    width: 100%;
    flex-wrap: wrap;
    height: 300px;
}
.culture .swiper-slide{
	flex-wrap:wrap;
}
.culture .swiper-slide .culturei{
	width:100%;
}
.culture .swiper-slide .culturet{
	width:100%;
	padding:20px;
	min-height: 230px;
}
.culture .swiper-slide .culturei img{
	height:300px;
}
.culture .swiper-slide .culturet .p1{
	font-size:18px;
}
.culture .swiper-slide .culturet .p2{
	font-size:16px;
}
.cultures2 .item p{
	font-size:16px;
}
.pro_main li{
	width:49%;
}
.pro_main li .pic img{
	height:130px;
}
.nm .m2{
	padding:20px;
}
.newslist li{
	width:49%;
}
.newslist .ini img{
	height:130px;
}
.newslist .int{
	padding:20px;
}
.newslist .int .p1{
	font-size:16px;
}
.equipment .imgbox a{
	width:49%;
}
.equipment .imgbox a img{
	height:140px;
}
.join{
	margin-top:50px;
}
.join .item .jt .p2{
	flex-wrap:wrap;
}
.join .item .jt .p2 span{
	width:100%;
}
.join .item .jt .p1 .sp1{
	font-size:16px;
}
.join .item .jm .p1{
	font-size:16px;
}
.join .item .jm .p2{
	font-size:14px;
	line-height:1.5;
}
.join .item .jm .p3 a{
	font-size:14px;
}
.contact .pc1{
	font-size:24px;
}
.contact>ul{
	flex-wrap:wrap;
}
.contact>ul li{
	width:50%;
	padding:10px;
}
.contact>ul li:last-child{
	width:100%;
}
.contact2{
	display:block;
}
.contact2 .contact_l{
	width:100%;
	height:300px;
}
.contact2 .contact_r{
	width:100%;
	padding:20px;
}
}