@charset "utf-8";
html {
	font-size: 100px;
	scroll-behavior: smooth;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-family: "Microsoft YaHei", "Source Han Sans CN", sans-serif;
	color: #333;
	font-size: 14px;
	overflow-x: hidden
}
* {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
img {
	border: 0px;
	max-width: 100%;
}
a {
	text-decoration: none;
	color: #333;
}
a:hover {
	color: #0064D4;
}
i {
	font-style: normal;
}
em {
	font-style: normal;
}
.clear {
	clear: both;
}
.l {
	float: left;
}
.r {
	float: right;
}
.layui-layer-setwin .layui-layer-close2 {
	right: -6px!important;
	top: -6px!important;
}
.bak {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	display: block;
}
.bak:hover, a:hover .bak {
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}
.pic, .pic1 {
	overflow: hidden;
	margin: auto;
	position: relative;
}
.pic span {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	display: block;
}
.pic span img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	transition: all 0.5s;
}
.pic1 span {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: block;
}
.pic1 span img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: contain;
	transition: all 0.5s;
}


.w1200 {
	width: 1200px;
	margin: auto;
	max-width: 96%;
}

.logo span{ position: absolute; left: -9999; overflow: hidden; width: 1px; height: 1px; }
.logo img{ height: 60px; display: block; }


.head{ background:#FFF;}
.head .w1200{ height:80px;display: flex;justify-content: space-between;align-items: center;}
.head .w1200 .logo{}
.head .w1200 .logo img{}

.nav{ font-size: 14px; display:flex; gap:60px;  }
.nav li{  text-align: center; position: relative; z-index: 999; height:50px; line-height:50px;}
.nav li a{ display: block; height:100%; position:relative; font-size: 16px; }
.nav li a:hover,.nav li.on a{ background:url(../images/z6m7.png) center bottom no-repeat; }

.jsq{ padding:0.4rem 0; background:url(../images/bq4u.png) center bottom no-repeat; margin-top:-62px;display:flex; position:relative; z-index:999}
.jsq li{ flex:1; text-align:center; position:relative;border-right:1px solid rgb(237, 237, 237);}
.jsq li:last-child{ border:none}
.jsq li span{font-size: 14px; display:block; padding-top:5px; color: rgb(136, 136, 136);}
.jsq li p{ align-items: center;justify-content: center; gap:10px; font-size: 20px; color: rgb(34, 34, 34); }


.comtit{ text-align:center;}
.comtit h2{ display:block; position:relative;font-size: 0.32rem; color: rgb(34, 34, 34); padding-bottom:10px;}
.comtit p{ font-size: 16px; color: rgb(153, 153, 153);}


.fuwu{ padding:0.95rem 0 1.24rem 0;}
.pic_list_s{display: grid;grid-template-columns: repeat(4, minmax(0px, 1fr));gap:30px; padding-top:45px; padding-bottom:40px;}
.pic_list_s .item{ background:#4f8aff; border-radius:3px; text-align:center; color:#FFF; padding:40px 0;}
.pic_list_s .item .pic1{ width:100px; margin:22px auto;}
.pic_list_s .item .pic1 span{ padding-bottom:100%;}
.pic_list_s .item .txt{ text-align:center;font-size: 20px; color:#FFF;}


.pic_list_s .item p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; line-height:20px; height:40px; color:#fff; margin:10px 0;font-size: 12px; margin:auto;  padding:0 10px; text-align:left; color:#FFF
    }
.pic_list_s .item em{width: 133px; display:block; margin:auto; border:1px solid #FFF; text-align:center;
    height: 39px;
    line-height: 39px; color:#FFF; margin-top:24px;}

a.m{ display:block; margin:auto;    width: 162px;
    height: 45px; line-height:45px; text-align:center; color:#FFF;background-color: rgba(51,136,255,1);border-radius: 2px 2px 2px 2px;}

a.m:hover{background-color: rgba(20,118,255,1);}



.why{ padding:0% 0 1.3rem 0;}
.pic_list_why{display: grid;grid-template-columns: repeat(4, minmax(0px, 1fr));gap:0px; padding-top:0.45rem; padding-bottom:0.4rem;}
.pic_list_why .item{  text-align:center;}
.pic_list_why .item .pic1{ width:189px; max-width:80%; margin:0px auto;transition: transform 0.6s ease;
    }
.pic_list_why .item:hover .pic1{transform: rotateY(360deg);}
.pic_list_why .item .pic1 span{ padding-bottom:100%;}
.pic_list_why .item .txt{ text-align:center;font-size: 16px; color: rgb(51, 51, 51); margin-bottom:16px;}
.pic_list_why .item p{ text-align:center; font-size: 14px; line-height: 170%; color: rgb(136, 136, 136); width:220px; margin:auto; max-width:95%}

.foot{ background-color: rgb(39, 43, 46); padding:3% 0 0 0; color:#FFF;}
.foot a{ color:#FFF;}
.foot .w1200s{ }
.foot .w1200 ul.fulnav{ display:flex; justify-content: space-between;  flex-wrap: wrap; gap: 40px; padding-bottom:3%}
.foot .w1200 ul.fulnav li{ flex:auto;  }
.foot .w1200 ul.fulnav li p{color: #5a5a5a; display:flex;line-height:2;gap:14px;align-items: center;}
.foot .w1200 ul.fulnav li a{ display:block;    color: #5a5a5a; line-height:2}
.foot .w1200 ul.fulnav li a.at{ font-size:16px; color:#FFF; padding-bottom:14px; line-height:1;}
.foot .cop{ padding:15px 0;border-top: 1px solid #34373a;color: #5a5a5a; text-align:center}
.foot .cop span{ display:inline-block;}

.nbanner{ position:relative}
.nbanner{ padding-bottom:26.5%; background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover}
.nbanner .comtits{ width:100%; text-align:center; position:absolute; left:0;top:50%; transform: translateY(-50%);}
.nbanner .comtits i{ font-weight:bold; font-size: 0.38rem; color: rgb(255, 255, 255);}
.nbanner .comtits p{font-size: 16px; padding-top:14px; color: rgb(255, 255, 255);}

.mapbanner img{ display:block; width:100%}

.nycontact{ padding:4.5% 0;}
.nycontact .w1200{ display:flex;justify-content: space-between;}
.nycontact .w1200 .nycontact_l{ flex:none; width:46.7%;}
.nycontact .w1200 .nycontact_r{flex:none;width:327px;}
.nycontact .w1200 .nycontact_r ul{ padding-top:25px;}
.nycontact .w1200 .nycontact_r ul li{ line-height: 220%; color: rgb(136, 136, 136);}
.nycontact .w1200 .messdes{}
.nycontact .w1200 .messdes span{font-size: 18px; display:block; padding-bottom:4px;}
.nycontact .w1200 .messdes p{}

.tw_cat{ padding:0.9rem 0;}
.tw_cat .item{ display: flex;justify-content: space-between; margin-bottom:30px;}
.tw_cat .item .pic{width:38.8%; flex:none;}
.tw_cat .item .pic span{ padding-bottom:55.1%; }
.tw_cat .item .txt{ width:55.8%; flex:none;}
.tw_cat .item .txt h2{ font-size: .28rem; color: rgb(34, 34, 34);  display:block; width:100%;}
.tw_cat .item .txt p{ line-height:1.8; padding-top:10px; color:#666}


.nqywh{ background:#1996ff; padding:4% 0; color:#FFF;}
  .nqywh h2{font-size: .28rem;}
  .nqywh p{font-size: 14px; color: rgb(255, 255, 255); line-height: 180%; padding-top:18px;}


.ernav{height: 53px;
    background-color: rgb(25, 150, 255); line-height:53px;}
.n_dh{ margin: auto; width:100%; font-size:0; }
.n_dh a{ display: inline-block; color:#FFF; font-size:14px;   padding:0 14px;}
.n_dh a:hover,.n_dh a.on{color: #fff; background: #34a2ff;  }
.n_dh {
	white-space: nowrap;
	/*设置横向滚动*/
	overflow-x: scroll;
	/*禁止纵向滚动*/
	overflow-y: hidden;
	/*设置边距改变效果为内缩*/
	box-sizing: border-box;
}

.n_dh::-webkit-scrollbar {display: none;}

.fuwuny{ padding:2% 0;}
.fuwuny .w1200{
	display: flex;justify-content: space-between; gap: 39px;
	}
.fuwuny .w1200 .left{ flex:none; width:210px;
    border: 1px solid rgb(237, 237, 237);
align-self: flex-start;}
.fuwuny .w1200 .left a{border-bottom: 1px solid rgb(237, 237, 237); display:block; width:100%;line-height: 56px;
    height: 56px; text-indent:18px;}
.fuwuny .w1200 .left a:last-child{ border:none}
.fuwuny .w1200 .left a.on,.left a:hover{    background: #1996ff; color:#FFF}
.fuwuny .w1200 .right{ flex:none; width:calc(100% - 249px)}
.nycase{padding:3% 0 2% 0;}
.pic_list_case{display: grid;grid-template-columns: repeat(3, minmax(0px, 1fr));gap:14px; }
.pic_list_case .item{  }
.pic_list_case .item .pic span{ padding-bottom:42.1%;}
.pic_list_case .item .pic:after{position: absolute;
    top: 0px; content:'';
    left: 0px; background-color:rgba(52, 162, 255, 0.75); width:100%; height:100%; opacity:0;display: flex;align-items: center;justify-content: center; background-image:url(../images/222.png); background-position:center; background-repeat:no-repeat}
.pic_list_case .item .pic:hover:after{opacity:1;}
.pic_list_case .item .txt{ padding:12px 12px 0 12px;}
.pic_list_case .item .txt span{ font-size:18px; display:block; width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pic_list_case .item .txt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 20;overflow: hidden; line-height:20px;  color:#999; margin:7px 0 7px 0;}

.indexcase{background-color: rgb(248, 248, 248); padding:4.5% 0 4.5% 0}
.indexcase .pic_list_case{ padding:0.35rem 0;}

.indexsale{display: flex;align-items: center; text-align:center; background-position:center; background-repeat:no-repeat; background-size:cover; color:#FFF; padding:0.7rem 0; background-attachment:fixed}
.indexsale a{ color:#FFF; display:block;width: 162px;
    height: 45px;
    line-height: 45px;border-radius: 2px 2px 2px 2px; border:2px solid #FFF; text-align:center; margin:0.45rem auto 0 auto;}
.indexsale a:hover{border:2px solid rgba(20,118,255,1); color:#FFF; background-color:rgba(20,118,255,1)}
.indexsale .w1200{}
.indexsale .w1200 h2{ font-weight:bold; font-size: 28px; color: rgb(255, 255, 255); margin-bottom:12px;}
.indexsale .w1200 p{}

.btmtit{ display:flex;align-items: center;justify-content: space-between; height:40px;}
.btmtit h2{padding-left:16px; display:block; line-height:1; position:relative; font-weight:bold;font-size: 24px;  color: rgb(51, 136, 255);}
.btmtit h2:before{ content:'';width:3px; background:#4581fb; display:block; position:absolute; left:0; top:1px; height:24px;}
.btmtit a{ font-family:Arial, Helvetica, sans-serif}

.indexnew{ padding:4.5% 0;}
.indexnew .w1200{ display:flex;justify-content: space-between; gap:60px;}
.indexnew .w1200 > .item{ flex:none; width:calc(50% - 30px)}
.indexnew .w1200 > .item .btmtit{ margin-bottom:30px;}
.indexnew .w1200 > .item .tw_list_new{}
.indexnew .w1200 > .item .ul_new_list{}



.tw_list_new{}
.tw_list_new .item{  border-bottom:1px solid #eee;display: flex;align-items: center; margin-bottom:20px; padding:0 20px 20px 20px; gap:20px;}
.tw_list_new .item.nopic{ padding:25px;}
.tw_list_new .item .pic{ flex:none; width:38%;}
.tw_list_new .item .pic span{ padding-bottom:65%; }
.tw_list_new .item .txt{ width:calc(62% - 20px);}
.tw_list_new .item .txt span{ font-size:18px; display:block; width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tw_list_new .item .txt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; line-height:1.8; font-size: 12px;
    color: #7d7d7d;
    font-weight: normal;
    text-decoration: none;
    padding-top: 10px;}
.tw_list_new .item .txt em{ display:inline-block; float:right; margin-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999;}

.ul_new_list{padding:0 20px 0px 20px;}
.ul_new_list li{display: flex;align-items: center;justify-content: space-between; height:35px;}
.ul_new_list li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color:#5A5A5A; display:block; width:calc(100% - 110px); flex:none;
}
.ul_new_list li a:hover,.tw_list_new .item .txt span:hover{    color: #0064D4;}
.ul_new_list li span{ color:#999; font-family:Arial, Helvetica, sans-serif; font-size:12px;}