/* Write your styles */
*{
	margin: 0;
	padding:0;
}
html, body{
	width: 100%;
	min-width: 1230px;
	font-family: "微软雅黑","Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;
}
ul,li,dl,dt,dd,h1,h2,h3,p,em{ font-style:normal; list-style:none; margin:0; padding:0;}
a{text-decoration: none;transition: all .1s linear; color:#444;}
a:hover{color:#dc9314;}
img,video{ max-width:100%;}
input,
textarea,
select,
a:focus {
	outline: none;
}


.color-003586{
	color: #dc9314;
}
.foot-cert:hover{
	color: #adadad!important;
}
.side-rail{
	position: fixed;
    width: 60px;
    height: 180px;
    background-color: #FFFFFF;
    border-radius: 30px;
    z-index: 9999;
    right: 40px;
    top: 60%;
    box-shadow: 0 0 10px rgb(216 216 216 / 70%);
	text-align: center;
}
.side-rail ul{}
.side-rail ul li{
	padding: 15px 0;
	position: relative;
	cursor: pointer;
}
.side-rail ul li:hover .phone-hover{
	opacity: 1;
	visibility: visible;
}

.side-rail ul li i{
	width: 70%;
	height: 1px;
	margin: 0 auto;
	display: block;
	background-color: #e7e7e7;
	position: absolute;
	bottom: 0px;
	left: 15%;
}
.phone-hover, .weixin-hover{
	position: absolute;
	width: 233px;
	padding: 0 20px;
	top: 0;
	left: -233px;
	text-align: left;
	transition: all .3s;
	opacity: 0;
	visibility: hidden;
}
.phone-hover-bg{
	float: right;
	width: 193px;
	padding: 20px;
	background-color: #FFFFFF;
	box-shadow: 0 0 10px rgb(216 216 216 / 70%);
}
.phone-hover::after{
	content: "";
    width: 20px;
    height: 30px;
    background-color: #ffffff;
    position: absolute;
    top: 17px;
    right: 15px;
    transform: rotate(45deg);
}
.weixin-hover-bg{
	background-color: #FFFFFF;
	width: 150px;
	float: right;
	padding: 20px;
	text-align: center;
	box-shadow: 0 0 10px rgb(216 216 216 / 70%);
}
.weixin-hover-bg p{
	font-size: 14px;
	line-height: 24px;
	color: #16181A;
}
.p-title{
	font-size: 14px;
	color: #16181A;
	line-height: 24px;
}
.p-phone, .p-tel{
	font-size: 14px;
	color: #dc9314;
	line-height: 24px;
}
.side-rail-subbox{
	/* position: absolute;
	top: 0;
	left: -100%;
	background-color: #095F8A;
	padding: 0 10px; */
}

header{
	width: 100%;
	min-width: 1230px;
	box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
	height: 62px;
}
.header-box{
	width: 100%;
	min-width: 1230px;
    background: #ffffff;
    height: 62px;
    position: fixed;
    box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
    z-index: 998;
}
.header-box::before{
	/* content: "";
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	opacity: .7;
	position: absolute;
	top: 0;
	left: 0; */
}
.kp-container{
	width: 1230px;
	padding: 0 15px;
	margin: 0 auto;
}

.header{
	width: 100%;
    height: 62px;
    min-width: 1230px;
	max-width: 1920px;
    padding: 0 15px;
    margin: 0 auto;
    margin: 0 auto;
    display: flex;
    background-color: #FFFFFF;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    /* box-shadow: 0 1px 3px rgb(0 0 0 / 10%); */
}

.top-left{
	display: flex;
	align-items: center;
	flex: 1;
}
.top-right{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.logo-box{
	margin-right: 35px;
}
.nav{
	display: flex;
	font-size: 16px;
	position: relative;
}
.nav>li{
	margin-right: 35px;
	line-height: 60px;
}
.nav>li>a{
	font-size: 16px;
	color: #16181a;
	display: block;
	position: relative;text-align: center;
}
.move{
	position: absolute;
	width: 64px;
	height: 2px;
	background: #dc9314;
	left: 0;
	top: 60px;
	transition: all .5s;
	visibility: hidden;
}
.nav>li>i{
	width: 0%;
	display: block;
	height: 2px;
	background: #dc9314;
	margin: 0 auto;
	transition: all .5s;
}

.nav>li>a:hover{
	color: #dc9314;
}
.act-nav>a{
	color: #dc9314!important;
}

.nav-sublist-box{
	width: 100%;
	position: absolute;
	top: 62px;
	left: 0;
	overflow: hidden;
}
.nav-sublist-main{
	width: 1200px;
	min-height: 50px;
	border-top: 1px solid rgb(0 0 0 / 10%);
	margin: 0 auto;
	background-color: #FFFFFF;
	padding: 30px 0;
	display: flex;
	margin-top: -100%;
	transition: all .5s;
}
.nav-sublist-main ul{
	width: 240px;
	padding-left: 30px;
}
.nav-sublist-main ul p{
	font-size: 16px;
	color: #dc9314;
	line-height: 1;
}
.nav-sublist-main ul p a{
	color: #dc9314;
}
.nav-sublist-main ul li{
	padding-top: 15px;
}

.nav-sublist-main ul li a{
	font-size: 14px;
	color: #16181a;
	line-height: 1;
}
.nav-sublist-main ul li a:hover{
	color: #dc9314;
}
/* 头部搜索框样式 */
.search-box{
	background-color: #fdf9f1;
	width: 420px;
	height: 62px;
	display: flex;
	padding: 0 20px;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
.search-box:hover>.key-word-box{
	opacity: 1;
	visibility: visible;
	top: 62px;
}
.search-box form{
	position: relative;
	flex: 1;
}
.searchbtn{
	background-image: url(../images/search-icon1.png);
	width: 16px;
	    height: 16px;
	    border: none;
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-color: #f5f6f8;
	    position: absolute;
	    top: -2px;
	    right: 0;
	    transform: translateY(50%);
}
.key-word-box{
	position: absolute;
	    width: 420px;
	    background: #fff;
	    padding: 20px;
	    left: 0;
		transition: all 0.5s;
		opacity: 0;
		visibility: hidden;
		top: 90px;
}
.key-word-box>p{
	font-size: 14px;
	color: #333;
}
.key-word-box>ul{
	display: flex;
	    flex-wrap: wrap;
}

.key-word-box>ul>li{
	height: 32px;
	    line-height: 32px;
	    text-align: center;
	    padding: 0 10px;
	    background: #fdf9f1;
	    margin: 10px 10px 10px 0;
}
.key-word-box>ul>li>a{
	font-size: 14px;
    color: #dc9314;
}

.key-word-box>ul>li:hover>a{
	color: #dc9314;
}
.top-input{
	border: none;
	background-color: #fdf9f1;
	font-size: 14px;
	color: #dc9314;
}
.top-contact-tel{
	margin-left: 30px;
}
.top-contact-tel>p{
	font-size: 14px;
	color: #16181a;
}
.top-contact-tel>p>a{
	font-size: 14px;
	color: #dc9314;
	font-weight: bold;
}
.search-box-icon>i{
	padding-left: 10px;
	cursor: pointer;
}
.loginbox{
	display: flex;
	padding-left: 40px;
	align-items: center;
}
.login{}
.login a{
	display: block;
	color: #16181A;
}
.register{
	width: 96px;
	background-color: #dc9314;
	height: 61px;
	margin-left: 20px;
}
.register a{
	display: block;
	height: 100%;
	line-height: 61px;
	text-align: center;
	font-size: 14px;
	color: #FFFFFF;
}
/* 轮播图样式 */
.bg{width: 100%;position: relative;min-width: 1200px;margin: 0 auto;overflow: hidden;}
.bg-img-box{
	width:100;
	min-width: 1230px;
}
.bg-img-box>a>img{width:100%}
.bg-content-box{width: 960px;height: 340px;position: absolute;top: 50%;left: 50%;transform: translate(-480px, -170px);padding: 60px 55px;}
.bg-content-box>img{position: absolute;top: 60px;right: 55px;}
.bg-content-box::before{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: #fff;opacity: 0.7;z-index: -1;}
.bg-content{}
.bg-text{padding: 25px 0;}
.bg-text>p:nth-child(1){font-size: 46px;color: #dc9314;font-weight: bolder;}
.bg-text>p:nth-child(2){font-size: 26px;color: #000;}
.line1{width: 500px;height: 3px;background-color: #708ab3;position: relative;}
.line2{width: 350px;height: 3px;background-color: #708ab3;position: relative;}
.line1::before{content: "";width: 182px;height: 3px;position: absolute;top: 0;left: 0;background-color: #dc9314;}
.zg-box{width: 240px;height: 30px;background-color: #e60012;margin-top: 25px;opacity: 2;font-size: 20px;padding: 0 20px;color: #fff;display: flex;justify-content: space-between;align-items: center;}
.jf{font-weight: bold;position:relative;} 
.jf::before{content:"机房监控";position:absolute;width: 104px;height: 42px;top: -6px;left: -12px;background-color: #dc9314;text-align: center;line-height: 42px;font-size: 20px;color: #fff;font-weight: bold;}
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 10px;
    background: #818998;
    opacity: .2;
    transition: all 0.5s;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #ffffff;
    width: 30px;
}


/* 首页产品中心 */
.product{width: 100%;background-color: #f5f5f5;padding: 40px 0;min-width: 1230px;}
.title-box{padding-bottom: 40px;text-align: center;}
.all-title{font-size: 24px;color: #16181a;font-weight: bold;margin-bottom: 20px;}
.all-subtitle{font-size: 14px;color: #5e5e5e;}
.pro-box{width: 100%;}
.pro-box>ul{display: flex;justify-content: space-between;margin-bottom: 10px;}
.pro-box>ul>li{transition: all .2s;margin-top: 0;}
.pro-item:hover, .pro-item-last>a:hover, .pro-cla:hover{    
	-webkit-box-shadow: 0 8px 20px rgb(0 0 0 / 10%);
    box-shadow: 0 8px 20px rgb(0 0 0 / 10%);
	margin-top: -2px;
}
.pro-item-img{
	width: 200px;
	height: 150px;
	overflow: hidden;
}
.pro-item-img img{
	
}
.pro-item img{
	transition: all .5s;
}
.pro-item:hover img{
	transform: scale(1.1);
}
.pro-item-last>a:hover img{
	transform: scale(1.1);
}

.pro-box>ul>li{max-width: 230px;width: 230px;height: 300px;}
.pro-box>ul>li a{display: block;overflow: hidden;}
.pro-cla{background-position: center;background-size: cover;text-align: center;}
.pro-cla a{
	height: 100%;
}
.pro-cla-title{font-size: 20px;font-weight: bold;color: #fff;margin: 30px 0 10px;}
.pro-cla-subtitle{font-size: 14px;color: #fff;}
.pro-item{padding: 25px 15px;text-align: center;background-color: #fff;}
.pro-title{margin-top: 30px;margin-bottom: 10px;color: #16181a;font-size: 16px;}
.pro-subtitle{margin-bottom: 10px;font-size: 14px;color: #e60012;}
.pro-item-last{display: flex;flex-direction: column;justify-content: space-between;}
.pro-item-last>a{display: flex!important;padding: 23px 15px;justify-content: space-between;background: #fff;min-height: 145px;}
.pro-title-last{color: #16181a;font-size: 16px;margin-bottom: 10px;}
.pro-subtitle-last{margin-bottom: 10px;font-size: 14px;color: #e60012;}
.pro-last-img{width: 100px;height: 75px;overflow: hidden;}
.pro-last-img img{transition: all .5s;}
.flex1{
	flex: 1;
}
/* 横幅广告 */
/* background: url(../images/横幅广告.png); */
.hfgg{width: 100%;min-width: 1200px;position: relative;background-size: cover;background-repeat: no-repeat}
.hfgg>a>img{width: 100%;height: auto;}
.hfgg-text{width: 100%;height: 150px;display: flex;align-items: center;}   
.hfgg-title{font-size: 30px;color: #fff;font-weight: bold;}
.hfgg-subtitle{font-size: 16px;color: #fff;}
/* 解决方案 */
.jjfa{
	width: 100%;
	padding: 40px 0;
}
.jjfa-main>ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.jjfa-list{
	margin-bottom: 10px;
}
/* .jjfa-main>ul>li{width: 290px;height: 260px;overflow: hidden;margin-bottom: 10px;flex-grow: 1;} */
.jjfa-main>ul>li{
	width: 20%;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding-left: 5px;
	padding-right: 5px;
	-webkit-transition: .65s;
	transition: .65s;
	/* margin-bottom: 10px; */
}
.jjfa-main>ul>li:hover{
	width: 40%;
}

.jjfa-main>ul>li>a{
	display: block;
	position: relative;
	height: 316px;
	padding: 32px;
	background-size: cover;
	background-position: 0;
	overflow: hidden;
	color: #fff;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-drag: none;
}
.jjfa-list>li:hover>a>.solutions-card-cover{
	display: block;
}
.solutions-card-cover{
	position: absolute;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.5)));
	    background-image: linear-gradient(
	180deg
	,transparent 0,rgba(0,0,0,.5));
	    -webkit-transition: .65s;
	    transition: .65s;
		display: none;
}
.solutions-card-text{
	position: absolute;
	    top: 0;
	    left: 32px;
	    right: 32px;
	    height: 164px;
	    -webkit-transition: .65s;
	    transition: .65s;
	    margin-top: 196px;
}
 .solutions-card-text i {
    display: block;
    width: 36px;
    height: 36px;
    background-size: cover;
    margin-bottom: 16px;
    font-size: 48px;
    color: inherit;
}

.solutions-card-title {
    position: relative;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 34px;
}

 .solutions-card-title:after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 34px;
    border-top: 2px solid;
    margin-top: 16px;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s;
}
.solutions-card-text p {
    font-size: 14px;
    line-height: 22px;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s;
}

.jjfa-main>ul>li:hover .solutions-card-text {
    margin-top: 76px;
}
.jjfa-main>ul>li:hover .solutions-card-title:after {
    opacity: 1;
    -webkit-transition: .65s;
    transition: .65s;
}
.jjfa-main>ul>li:hover .solutions-card-text p {
    opacity: 1;
    -webkit-transition: .65s .1s;
    transition: .65s .1s;
}
/* .jjfa-main>ul>li>a>img{width: 100%;height: 100%;object-fit: cover;} */

/* 合作案例 */
.hzal{
	width: 100%;
	min-width: 1230px;
	padding: 40px 0;
	background-color: #eff2f7;
	background-image: url(../images/图层536.png);
	background-size: cover;
}
.hzal-switch-box{
	display: flex;
	background-color: #fff;
}
.hzal-switch-box>.on{
	position: relative;
}
.hzal-switch-box>.on>a{
	color: #dc9314;
}
.hzal-switch-box>.on::after{
	content: "";
	width: 100%;
	height: 2px;
	background-color: #dc9314;
	position: absolute;
	left: 0;
	bottom: 0;
}
.hzal-switch-box>li{
	width: 20%;
	text-align: center;
	padding: 20px 0;
}
.hzal-switch-box>li>a{
	color: #16181A;
	font-size: 16px;
}
.hzal-content-box{
	display: flex;
}
.hzal-img-box{
	width: 500px;
	height: 375px;
}
.hzal-text-box{
	flex: 1;
	
}
.hzal-text-box p{
	min-height: 280px;
	padding: 60px;
	background-color: #dc9314;
	color: #fff;
	font-size: 16px;
	display: flex;
}
.hzal-text-box ul{
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	    background: #fff;
}
.hzal-text-box ul li{
	flex: 1;
	padding: 18px 0;
	text-align: center;
	position: relative;
}

.hzal-text-box ul .on::after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #dc9314;
    position: absolute;
    left: 0;
    bottom: 0;
}

/* 新闻中心 */
.news{
	width: 100%;
	min-width: 1230px;
	padding: 40px 0;
	background: #f5f5f5;
	
}
.news-box{
	display: flex;
}
.news-left-box{
	width: 500px;
	height: 397px;
	overflow: hidden;
}
.news-left-box img{
	width: 500px;
	height: 397px;
	object-fit: cover;
}

.news-right-box{
	flex: 1;margin-left: 15px;background-color: #fff;
}
.news-left-item{
	width: 500px;
	height: 397px;
	position: relative;
}
.news-left-content-box{
	width: 500px;
	height: 397px;
	position: absolute;
	top: 0;
	left: 0;
	/* padding: 20px; */
}
.news-left-btn{
	width: 125px;
	height: 40px;
	line-height: 40px;
	background-color: #fff;
	margin-top: 220px;
	margin-left: 30px;
	text-align: center;
	border-radius: 40px;
}

.news-left-btn>a{
	color: #12007e;
	font-weight: bold;
}
.news-left-content-box:hover .news-left-title{
	bottom: 0;
}
.news-left-title{
	width: 100%;
    height: 40px;
    position: absolute;
    left: 0;
    bottom: -45px;
    line-height: 40px;
    text-align: center;
	transition: all .5s;
}
.news-left-title>a::before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #333;
	opacity: 0.5;
	z-index: -1;
}
.news-left-title>a{
	color: #fff;
	display: block;
	z-index: 2;
	position: relative;
}
.news-switch-box{
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #e7e7e7;
}
.news-switch-box>ul{
	display: flex;
	
}
.news-switch-box>ul>li{
	flex: 1;
	text-align: center;
	position: relative;
}
.news-act{
	
}
.news-act::after{
	content: "";
	width: 100%;
	height: 2px;
	background-color: #dc9314;
	position: absolute;
	left: 0;
	bottom: 0;
	
}
.news-act>a{
	color: #dc9314;
}

.news-switch-box>ul>.on>a{
	color: #dc9314;
}
.news-switch-box>ul>.on{
	position: relative;
}

.news-switch-box>ul>.on::after {
	content: "";
	width: 100%;
	height: 2px;
	background-color: #dc9314;
	position: absolute;
	left: 0;
	bottom: 0;
}

.news-switch-box>ul>li:hover::after{
	content: "";
	width: 100%;
	height: 2px;
	background-color: #dc9314;
	position: absolute;
	left: 0;
	bottom: 0;
}
.news-switch-box>ul>li:hover>a{
	color: #dc9314;
}

.news-content-box{
	padding: 15px 20px 0 20px;
}
.news-title{
	font-size: 16px;
	    color: #16181a;
	    margin-bottom: 10px;
	    line-height: 24px;
}
.news-subtitle{
	font-size: 14px;
	    color: #878787;
	    line-height: 24px;
	    margin-bottom: 15px;
}
.news-time{
	font-size: 14px;
	    color: #878787;
	    line-height: 24px;
	margin-bottom: 15px;
}
.news-time>span{
	padding-right: 25px;
}
.news-right-list>ul{
	
}
.news-right-list>ul>li{
	display: flex;
	    justify-content: space-between;
	    align-items: center;
		    padding: 10px 0;
		    border-top: 1px solid #e7e7e7;
}
.news-item>div{
    width: 8px;
    height: 8px;
    background: #dc9314;
    display: inline-block;
    margin-right: 10px;
}
.news-item>p{
	display: inline-block;
    color: #16181a;
    font-size: 14px;
}
.news-item-time{
	font-size: 14px;
	color: #878787;
}

/* 优势 */
.youshi{
	/* background: url(../images/ys-1.png); */
	padding: 40px 0;
	width: 100%;
	min-width: 1230px;
	background-size: cover;
}
.ys-content-box{
	
}
.ys-content-box>ul{
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.ys-item{
	font-size: 16px;
	color: #fff;
	text-align: center;
	min-width: 20%;
}
.ys-p1{
	display: inline-block;
	    color: #fff;
	    font-size: 60px;
}
.ys-p2{
display: inline-block;
    color: #fff;
}
.ys-p2>span{
	display: block;
}
.ys-btn-box{
	width: 180px;
	height: 40px;
	border: 1px solid #fff;
	margin: 0 auto;
	margin-top: 40px;
	text-align: center;
	line-height: 40px;
	color: #fff;
}
.ys-btn-box>a{
	display: block;
	color: #fff;
	font-size: 16px;
}

/* 底部 */
footer{
	width: 100%;
	min-width: 1230px;
	padding: 40px 0;
	background-color: #313131;
}
.foot{display: flex;justify-content: space-between;}
.foot-left{
	width: 495px;
}
.foot-left-list{
	font-size: 16px;
	color: #fff;
}
.foot-title{
	font-size: 16px;
	color: #fff;
	margin-bottom: 10px;
}
.foot-left-list>ul{
	    display: flex;
	    flex-wrap: wrap;
	    padding: 0 0 15px;
	    border-bottom: 1px solid #989898;
		margin-bottom: 20px;
}
.foot-left-list ul li{
	width: 25%;
	position: relative;
	/* text-align: center; */
}
.foot-left-list>ul>li>a{
	font-size: 14px;
	color: #adadad;
	display: block;
	line-height: 30px;
}
.foot-left-list ul li i{
	/* content: ""; */
	height: 16px;
	width: 1px;
	background-color: #adadad;
	position: absolute;
	top: 7px;
	right: 33px;
}

.foot-address, .bqsy{
	font-size: 14px;
	color: #adadad;
	line-height: 30px;
}
/* .foot-address{margin-top: 10px;} */

.foot-right{
	width: 490px;
}
.foot-subtitle{
	font-size: 14px;
	color: #adadad;
	line-height: 30px;
}
.qrcode-box{
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
}
.wx-box{
	    flex: 1;
	    margin-top: 10px;

}
.foot-btn{
	width: 180px;
	height: 40px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	background-color: #dc9314;
	line-height: 40px;
}
.foot-btn>a{
	color: #fff;
}
.foot-tel{
	font-size: 14px;
	color: #adadad;
	line-height: 30px;
	
}
.foot-tel>span{
	font-size: 20px;
	color: #fff;
}
/* 友情链接 */
.friend-link{
	width: 100%;
	min-width: 1230px;
	height: 55px;
	line-height: 55px;
	font-size: 14px;
	background-color: #16181a;
	color: #a7a8a8;
}
.friend-link>.kp-container>p>a{
	color: #a7a8a8;
	padding: 0 10px;
	position: relative;
}
.friend-link>.kp-container>p>a:nth-child(1){
	padding-left: 0!important;
}

.friend-link>.kp-container>p>a>span{
	content: "";
	width: 1px;
	height: 14px;
	background-color: #a7a8a8;
	position: absolute;
	right: -2px;
	top: 21px;
}


/* 内页产品中心 */
.kp-banner{
	position: relative;
	min-width: 1230px;
}
.kp-banner img{
	width: 100%;
}
.kp-banner-contentbox{
	width: 1230px;
	padding: 0 15px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-615px);
	display: flex;
	align-items: center;
}
.banner-tex1{
	font-size: 40px;
	font-weight: bold;
	line-height: 1;
	color: #16181a;
}
.banner-tex2{
	font-size: 16px;
	color: #16181a;
	max-width: 360px;
	margin: 20px 0;
}
.banner-btn{
	display: block;
	width: 180px;
	height: 40px;
	background-color: #dc9314;
	font-size: 16px;
	color: #fff;
	line-height: 40px;
	text-align: center;
}
.banner-btn:hover{
	color: #fff;
}

/* ny-project */
.ny-product{
	width: 100%;
	min-width: 1230px;
	background-color: #F5F5F5;
	padding: 20px 0;
}
.pro-nav-box, .pro-clabox{
	padding: 0 20px;
	background-color: #ffffff;
}
.prio-nav{
	font-size: 14px;
	color: #5e5e5e;
	border-bottom: 1px solid #e7e7e8;
	padding: 20px 0;
}
.prio-nav a{
	font-size: 14px;
	color: #5e5e5e;
	padding: 0 5px;
}
.pro-clabox{
	padding: 20px 0;
	font-size: 14px;
	color: #16181A;
	display: flex;
}
.pro-clabox p{
	line-height: 32px;
}
.pro-clabox ul{
	flex: 1;
	display: flex;
	flex-wrap: wrap;
}
.pro-clabox ul li{
	height: 32px;
	line-height: 32px;
	text-align: center;
	padding: 0 30px;
	cursor: pointer;
	margin-bottom: 15px;
}
.pro-clabox ul .on{
	background-color: #fdf9f1;
}
.pro-clabox ul .on a{
	color: #dc9314;
}
.pro-hfgg{
	margin: 20px 0;
	background-image: url(../images/横幅广告.jpg);
	    background-size: cover;
	    background-repeat: no-repeat;
}
.pro-hfgg-text{
	padding-left: 30px;
}
.pro-hfgg-title, .pro-hfgg-subtitle{
	color: #ffffff;
}
.ny-pro-listbox{}
.ny-pro-listbox ul{
	display: flex;
	flex-wrap: wrap;
	/* justify-content: space-between; */
}

.ny-pro-listbox ul:after{
    /* content: "";
	flex: 1; */
}
.ny-pro-listbox ul li{
	width: 290px;
	height: 326px;
	background-color: #FFFFFF;
	padding: 24px 15px 20px 15px;
	transition: all 0.3s;
	margin: 0 5px 13.33333px 5px;
	transition: all .3s;
}
.ny-pro-listbox ul li:hover{
	margin-top: -1px;
	box-shadow: 0 8px 20px rgb(0 0 0 / 10%);
}
.ny-pro-listbox ul li:hover img{
	transform: scale(1.1);
}
.ny-pro-listbox ul li a{
	
}
.ny-pro-img{
	width: 260px;
	height: 195px;
	overflow: hidden;
}
.ny-pro-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .5s;
}

.ny-pro-listbox ul li a img{
	width: 100%;
}
.ny-pro-title{
	font-size: 16px;
	color: #16181a;
	text-align: center;
	padding: 15px 0 0 0;
	min-height: 65px;
}
.ny-pro-subtitle{
	font-size: 14px;
	color: #e60012;
	text-align: center;
}
    
.page-listbox{
	padding: 15px 0;
}
.page-listbox ul{
	display: flex;
	justify-content: center;
}
.page-listbox ul li{
	min-width: 40px;
	height: 40px;
    line-height: 40px;
    background-color: #fff;
	text-align: center;
	padding: 0 10px;
	margin: 0 7px;
	
}

.page-listbox ul li a{
	display: block;
	color: #dc9314;
}
.page-listbox ul .on {
	background-color: #dc9314!important;
}
.page-listbox ul .on a{
	color: #FFFFFF!important;
}
/* 产品详情页 */
.ny-pro-content-headbox{
	margin-top: 20px;
	padding: 20px;
	background-color: #ffffff;
	display: flex;
	justify-content: space-between;
}
.pro-cont-leftbox{
	width: 500px;
	min-height: 400px;
}
.pro-cont-headimgbox{
	width: 100%;
	height: 375px;
	overflow: hidden;
}
.pro-cont-headimgbox img{
	width: 100%;
	height: 375px;
	object-fit: cover;
}
.pro-cont-subheadimgbox{
	width: 100%;
	height: 88px;
	overflow: hidden;
	margin: 15px 0 0;
}
.pro-cont-subheadimgbox img{
	width: 100%;
	/* height: 100%; */
}
.pro-swiper-subimg{
	border: 1px solid #e5e5e5;
	cursor: pointer;
}
.swiper-slide-thumb-active{
	border: 1px solid #dc9314!important;
}
.pro-cont-rightbox{
	flex: 1;
	padding: 0 40px 0 60px;
	/* border: 1px solid green; */
}
.product-cont-title{
	font-size: 24px;
	/*line-height: 1;*/
	color: #16181A;
	margin-top: 40px;
}
.product-cont-subtitle{
	font-size: 14px;
	color: #e60012;
	padding: 17px 0 20px;
	line-height: 1;
	border-bottom: 1px solid #E7E7E7;
}
.product-cont-note{
	margin-top: 20px;
	font-size: 14px;
	color: #5e5e5e;
	min-height: 170px;
}
.pro-zxbtn{
	display: block;
	width: 180px;
	height: 40px;
	line-height: 40px;
	color: #FFFFFF;
	background-color: #dc9314;
	margin-top: 60px;
	text-align: center;
}
.pro-zxbtn:hover{
	color: #ffffff;
}
.ny-pro-main{
	padding: 20px 0;
	display: flex;
	justify-content: space-between;
}
.ny-pro-mainleft{
	width: 952px;
	padding: 0 20px;
	background-color: #ffffff;
}
.pro-cont-nav{
	display: flex;
	border-bottom: 1px solid #e7e7e7;
}

.pro-cont-nav .on{
	border-bottom: 1px solid #dc9314;
	color: #dc9314;
}
.pro-cont-nav li{
	padding: 17px 20px;
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
}

.pro-main-content{
	padding: 20px 0;
	min-height: 500px;
}
.pro-main-content .ny-case-item{
	border-bottom: 1px dashed #e7e7e7;
}

.ny-pro-mainright{
	width: 228px;
	padding: 0 20px;
	background-color: #ffffff;
}
.pro-hot-tj{
	padding: 17px 0;
	font-size: 16px;
	color: #16181A;
	line-height: 1;
	text-align: center;
	border-bottom: 1px solid #e7e7e7;
}
.pro-tj-list{
	text-align: center;
}

.pro-tj-list li{
	border-bottom: 1px solid #E7E7E7;
}
.pro-tj-list li:last-child{
	border-bottom: none;
}
.pro-tj-list li:hover img{
	transform: scale(1.1);
}
.pro-tj-list li a{
	display: block;
	padding: 20px 0;
}
.pro-tj-imgbox{
	width: 188px;
	height: 141px;
	overflow: hidden;
}
.pro-tj-imgbox img{
	transition: all .5s;
}
.hotpro-title{
	font-size: 16px;
	color: #16181A;
	margin-top: 20px;
	margin-bottom: 15px;
}
.hotpro-subtitle{
	font-size: 14px;
	color: #e60012;
	
}
/* 解决方案 */
.solution-box{
	display: flex;
	justify-content: space-between;
	padding: 20px 0;
}
.solution-left{
	width: 952px;
}
.solution-right{
	width: 228px;
	background-color: #ffffff;
	padding: 0 20px;
}

.solution-cont-box{
	padding: 20px 20px;
	background-color: #FFFFFF;
}

.solution-cont-box td,.solution-cont-box th{
    border: 1px solid #ddd;
}
.solu-titlebox{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding-bottom: 20px;
}
.solu-title{
	font-size: 24px;
	font-weight: bold;
	color: #16181A;
	line-height: 1;
	padding-top: 10px;
}
.sulu-author, .sulu-time{
	font-size: 14px;
	color: #5e5e5e;
	padding-left: 30px;
}
.solu-jjbox{
	padding: 20px;
	background-color: #FAFAFA;
}
.solu-jjbox p{
	font-size: 14px;
	color: #5e5e5e;
}
.solu-text{
	padding: 20px 0;
	min-height: 400px;
	border-bottom: 1px solid #e4e4e4;
}
.solu-label{
	padding-top: 20px;
}
.solu-label p{
	font-size: 14px;
	color: #5e5e5e;
}
.solu-label p a{
	font-size: 14px;
	color: #5e5e5e;
	padding: 0 5px;
}
.solu-label p a:hover{
	color: #dc9314;
}
.paging-box{
	padding: 20px 0;
	display: flex;
	justify-content: space-between;
}
.paging-left, .paging-right{
	width: 466px;
	background-color: #FFFFFF;
	padding: 20px;
}
.paging-left a, .paging-right a{
	display: block;
	width: 108px;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	color: #333333;
	border: 1px solid #e5e5e5;
}	

.paging-left a:hover, .paging-right a:hover{
	color: #ffffff;
	background-color: #dc9314;
}

.paging-left p, .paging-right p{
	font-size: 14px;
	color: #16181A;
	padding-top: 20px;
}
.solu-ggbox{
	/* padding: 20px; */
}
.solu-gg-content{
	height: 150px;
	position: relative;
}
.solu-gg-text{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	display: flex;
    flex-direction: column;
    justify-content: space-evenly;	
}
.solu-gg-title{
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	color: #ffffff;
}
.solu-gg-tel{
	font-size: 16px;
	line-height: 1;
	color: #ffffff;
}
.solu-gg-tel:hover{
	color: #FFFFFF;
}
.solu-hot-tj{
	/* padding-top: 30px; */
}
.solu-hot-tj ul{
	padding: 30px 0;
	border-bottom: 1px solid #e7e7e7;
}
.solu-hot-tj ul:last-child{
	border-bottom: none;
}
.solu-hot-tj ul p{
	font-size: 16px;
	color: #dc9314;
}
.solu-hot-tj ul li{
	padding-top: 15px;
}
.solu-hot-tj ul li a{
	display: block;
	font-size: 14px;
	color: #16181A;
}
.solu-hot-tj ul li a:hover{
	color: #dc9314;
}

.ny-case-listbox{
	padding: 20px 0;
}
.ny-case-item{
	padding: 20px;
	background-color: #FFFFFF;
	margin-bottom: 20px;
	transition: all .5s;
}
.ny-case-item:hover{
	box-shadow: 10px 10px 10px rgb(221 221 221 / 50%);
}
.ny-case-item:hover .case-item-title{
	color: #dc9314;
}
.ny-case-item:last-child{
	margin-bottom: 0px;
	/* border-bottom: none; */
}
.ny-case-itema{
	display: flex;
	justify-content: space-between;
}
.ny-case-item:hover img{
	transform: scale(1.1);
}
.case-item-left{
	flex: 1;
}
.case-item-right{
	width: 262px;
	height: 196px;
	margin-left: 20px;
	overflow: hidden;
}
.case-item-right img{
	transition: all .5s;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.case-item-title{
	font-size: 24px;
	font-weight: bold;
	color: #16181A;
	line-height: 1;
	padding: 10px 0 15px;
    border-bottom: 1px solid #e7e7e7;
}
.case-item-note{
	font-size: 14px;
	color: #5E5E5E;
	margin: 15px 0 20px;
	height: 66px;
}
.all-subitem{
	display: flex;
	padding: 10px 0;
}
.all-subitem p{
	font-size: 14px;
	color: #5e5e5e;
	padding-right: 40px;
}
.color-e60012{
	color: #e60012;
}
.color-adadad{
	color: #ADADAD;
}
.line-clamp-1 {
  overflow : hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.line-clamp-2 {
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.line-clamp-3 {
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
/* 联系我们 */
.ny-contact-box{
	width: 100%;
    min-width: 1230px;
    background-color: #F5F5F5;
    padding-top: 40px;
}
.contact-titlebox{
	padding-top: 20px;
}
.comp-container{
	position: relative;
    top: 50px;
    z-index: 1;
    margin-top: -50px;
}
.comp-jsbox{
	padding: 20px;
	display: flex;
	justify-content: space-between;background-color: #FFFFFF;
	box-shadow: 0 0 10px rgb(255 255 255 / 20%);
}
.comp-left{
	width: 580px;
	margin-right: 30px;
}
.comp-right{
	flex: 1;
}
.comp-title{
	font-size: 24px;
	font-weight: bold;
	color: #16181A;
	line-height: 1;
	padding: 10px 0;
}
.comp-note{
	font-size: 14px;
	color: #5e5e5e;
	text-indent: 30px;
	padding: 10px 0;
}
.comp-contentbox{}
.comp-contentbox ul{}
.comp-contentbox ul li{
	font-size: 14px;
	color: #5e5e5e;
	padding: 10px 0;
	line-height: 1;
}
.comp-contentbox ul li i{
	padding-right: 20px;
}
.comp-contentbox a{
	width: 289px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: #FFFFFF;
	font-size: 16px;
	display: block;
	background-color: #dc9314;
	margin: 20px 0 10px;
}
.comp-fc{
	padding: 40px 0 20px;
}
.fc-box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.fc-img1{
	width: 590px;
	height: 180px;
}
.fc-img2{
	width: 285px;
	height: 180px;
}
.fc-img1 img, .fc-img2 img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.fc-box .fc-img1, .fc-box .fc-img2{
	margin-bottom: 20px;
	cursor: pointer;
}
/* 荣誉资质 */
.ny-honor{
	padding: 40px 0;
	background-color: #F5F5F5;
}
.honor-slider{
	width: 500px;
	height: 331px;
	background-color: #dc9314;
	position: relative;
	overflow: hidden;
	display: flex;
}
.honor-slider::before{
	content: "";
	width: 430px;
	height: 430px;
	background-color: #FFFFFF;
	opacity: 0.1;
	border-radius: 100%;
	position: absolute;
	top: -100%;
	right: -100%;
	top: -185px;
	right: -185px;
	transition: all .5s;
}
.honor-slider::after{
	content: "";
	width: 430px;
	height: 430px;
	background-color: #FFFFFF;
	opacity: 0.1;
	border-radius: 100%;
	position: absolute;
	bottom: -100%;
	left: -100%;
	bottom: -275px;
	left: -275px;
	transition: all .5s;
}
.honor-slider:hover::before {
	top: -185px;
	right: -185px;
}
.honor-slider:hover::after {
	bottom: -275px;
	left: -275px;
}
.honor-img{
	margin: 0 0 0 52px;
	width: 161px;
}
.honor-img img{
	width: 100%;
	height: auto;
	object-fit: cover;
}
.honor-text{
	padding: 0 58px;
	flex: 1;
	text-align: center;
	color: #FFFFFF;
}
.honor-text h2{
	font-size: 24px;
	color: #FFFFFF;
	font-weight: bold;
}
.honor-text p{
	font-size: 16px;
	color: #FFFFFF;
	line-height: 1;
	margin-top: 24px;
}

.honor-slider:hover .honor-title{
	bottom: 0;
}
.honor-title{
	width: 100%;
	height: 50px;
	text-align: center;
	line-height: 50px;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all .5s;
}
.honor-title a{
	width: 100%;
	height: 100%;
	display: block;
	font-size: 16px;
	color: #FFFFFF;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.honor-title::before{
	content: "";
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.5;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
/* @charset "utf-8"; */
/* CSS Document */

#certify {
	position: relative;
	width: 1200px;
	margin: 0 auto
}

#certify .swiper-container {
	padding-bottom: 60px;
}

#certify  .swiper-slide {
	width: 500px;
	height: 331px;
	background-color: #dc9314;
	box-shadow: 0 5px 10px rgb(0 0 0 / 50%);
	display: flex;
	align-items: center;
	padding-bottom:50px;
	
}
#certify  .swiper-slide img{
	display:block;
}
/* #certify  .swiper-slide p {
	line-height: 98px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 1.1em;
	margin: 0;
} */

#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #dc9314;
	background-color: #fff;
}

#certify .swiper-button-prev {
	left: 0px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon_003586.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#certify .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}

#certify .swiper-button-next {
	right: 0px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon_003586.png) no-repeat;
	background-position: 0 -93px;
	background-size: 100%;
}

#certify .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}
/* 地图样式 */
.map-msg{
	width: 100%;
	min-width: 1230px;
	display: flex;
}
.mapbox, .msgbox{
	width: 50%;
	flex: 1;
	height: 399px;
}
.msgbox{
	position: relative;
}
.msgbox-img{
	width: 100%;
	height: 100%;
	position: relative;
}
.msgbox-img::before{
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #dc9314;
	opacity: 0.4;
	position: absolute;
}
.msgbox-img>img{
	width: 100%;
	height: 100%;
}
.msg-formbox{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px 0 20px 60px;
}
.msg-form{
	padding: 20px;
}
.msg-formitem{
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.formitem-title{
	width: 80px;
	color: #FFFFFF;
	font-size: 14px;
	text-align: right;
	padding-right: 20px;
}
.formitem-inputbox{
	width: 360px;
	background-color: #FFFFFF;
	height: 40px;
	padding: 0 20px;
}
.formitem-inputbox input{
	width: 100%;
	height: 100%;
	font-size: 14px;
	color: #98a3b7;
	border: none;
}
.formitem-textarea{
	width: 360px;
	height: 80px;
	background-color: #FFFFFF;
	padding: 10px 20px;
}
.formitem-textarea textarea{
	width: 100%;
	height: 100%;
	max-height: 80px;
	border: none;
	font-size: 14px;
	color: #98a3b7;
}
.formitem-inputbox-yzm{
	width: 240px;
	margin-right: 20px;
}
.yzm-box{
	width: 100px;
	height: 40px;
	text-align: center;
	background-color: #FFFFFF;
	line-height: 40px;
	font-weight: bold;
}
.msg-formitem button{
	width: 180px;
	height: 38px;
	line-height: 38px;
	background-color: #dc9314;
	text-align: center;
	font-size: 16px;
	color: #FFFFFF;
	margin-left: 80px;
	border: none;
}




/*  */
/**公共样式**/
.ny-warp{ padding:60px 0; background:#f3f3f3;}

/**联系我们样式**/
.d-flex {display: -ms-flexbox!important;display: flex!important;}
.justify-content-center {-ms-flex-pack: center!important;justify-content: center!important;}
.flex-column {-ms-flex-direction: column!important;flex-direction: column!important;}
.lxfsnyt {box-shadow: 0 0 6px rgba(0, 0, 0, .15);}
.lxfsnyt>div {width: 50%;}
.lxfsnyt_l {overflow: hidden;}
.lxfsnyt_l img {width: 100%;}
.lxfsnyt_r {padding: 0 60px;background-color: #fff;}
.lxfsnyt_rboxh {font-weight: 700;font-size: 36px;color: #333;}
.lxfsnyt_rboxc {margin-top: 15px;}
.lxfsnyt_rboxc {border-top: 1px solid #f4f4f4;}
.lxfsnyt_rboxc .lxfsnyt_rboxca {display: flex;align-items: center;height: 75px;line-height: 74px;border-bottom: 1px solid #f4f4f4;}
.lxfsnyt_rboxca_i {width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;background-color: #0359ae;}
.lxfsnyt_rboxca_i i {font-size: 22px;color: #fff;}
.lxfsnyt_rboxca_z {flex: 1;padding-left: 12px;font-size: 18px;color: #333;}

.ctmap{ background:#fff; padding:0; margin-top:0;width: 100%;height: 399px;}
#allmap{ width: 100%;height: 399px;}
#allmap img{ max-width:inherit;}

.contact-mes{ background: #fff; padding: 60px; margin-top:20px;}
.abtit{ text-align:center;font-size: 36px;}
.abtit .note{ font-size:16px;}

.mesipu{ margin-top:20px;}
.mesipu .item{ margin-bottom:20px;}
.mesipu .item .iput{ width:33.333%; float:left; padding:0 10px;}
.mesipu .item .iput .am-form-field{ padding:15px;}
.mesipu .item.wyb .iput{ width:100%;}
.c-t-m-btn{ text-align:center;}
.c-t-m-btn .am-btn{ background:#161616; padding:15px; width:200px; color:#fff; border-radius:4px;}



@media screen and (max-width:1680px){
	.search-box{
		width: auto;
	}
	.nav>li {
	    margin-right: 20px;
	    line-height: 60px;
	}
}
@media screen and (max-width:1440px){
	.search-box{
		width: auto;
		/* display: none; */
		padding: 0 5px;
	}
	.nav>li {
	    margin-right: 20px;
	    line-height: 60px;
	}
	.md-search-box{
		/* display: block; */
	}
	.nav>li {
	    margin-right: 10px;
	}
	.top-contact-tel {
	    margin-left: 10px;
	}
}
/* 媒体查询 */
/* 小于1230 */
@media screen and (max-width: 1230px) {
	.search-box{
		/* display: none!important; */
	}
}