@charset "utf-8";
* {
	word-break: break-all;
	margin: 0;
	padding: 0;
}


/* 产品中心的图片居中对齐 */
.cpnynr.wrap img,#artCon img {
    margin: .5rem auto;
    display: block;
    border-radius: .5rem;
}

.kof97-list-des {
	-webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.kof97-img-dbfd {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/*产品中心分页*/
@media screen and (min-width: 1001px) { 

	#kof97-ListIndex-cpzx>dl:nth-child(4n+1),
	.kof97-ListIndex-cpzx-class>dl:nth-child(4n+1) {
		clear: left;
	}
}
@media screen and (max-width: 1000px) { 

	#kof97-ListIndex-cpzx>dl:nth-child(2n+1),
	.kof97-ListIndex-cpzx-class>dl:nth-child(2n+1) {
		clear: left;
	}
}



/*文章分页*/
.kof97-list-articleNav {
	margin-top:.5rem !important;
}
.kof97-list-articleNav>ul>li {
    display: inline-block;
    border: blue 1px solid;
    padding: .5rem 1rem;
    margin-right: 1rem;
}
.kof97-list-articleNav > ul {
	text-align: center;
}
body {
	behavior: url("csshover3.htc");
}

body {
	font-size: 16px;
	color: #333333;
	font-family: "微软雅黑", "microsoft Yahei", "Courier New", Courier, monospace;
	padding: 0px;
	margin: 0px auto;
	line-height: 26px;
	background-color: #FFF;
	overflow-x: hidden;
	width: 100%;
}

a {
	color: #333333;
	text-decoration: none;
}

a:hover {
	text-decoration: none
}

h1,
h2,
h3,
h4,
h5,
p,
ul,
li,
dl,
dt,
dd {
	margin: 0;
	padding: 0;
}

ul,
li,
dl,
dt,
dd {
	list-style: none;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	overflow: hidden;
}

.imgZoom {
	overflow: hidden;
}

.imgZoom img {
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	transition: all .8s ease 0s;
	display: block;
}

.imgZoom:hover img {
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

table {
	text-align: center;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 auto;
}

table tr:nth-child(odd) {
	background: #F4F4F4;
}

table td:nth-child(even) {}

table tr:hover {
	background: #d30009;
	color: #fff;
}

table td,
table th {
	border: 1px solid #dddddd;
}

table tr:nth-of-type(1) {
	background: #666666;
	color: #ffffff;
	text-shadow: #b1b1b1 1px 0 0, #b1b1b1 0 1px 0, #b1b1b1 -1px 0 0, #b1b1b1 0 -1px 0;
}

img {
	border: 0;
	height: auto;
	max-width: 100%;
}

.input,
.textarea {
	border-top: ridge 1px #ccc;
	border-right: inset 1px #D8D8D8;
	border-bottom: inset 1px #D8D8D8;
	border-left: ridge 1px #ccc;
	font-size: 14px;
	color: #666;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
	background-color: #fff
}

.wrap {
	width: 1400px;
	margin: 0 auto;
}

em {
	font-style: normal;
}


/*头部*/

.head {
	background: url(../images/tbbg.jpg) no-repeat;
	background-size: 100%;
}

.dh {
	padding: 30px 0;
	box-sizing: border-box;
}

.dh ul li {
	float: left;
	width: 9%;
	text-align: center;
}

.dh ul li:nth-child(1) {
	width: 18%;
}

.dh ul li:nth-child(2) {
	margin-left: 100px;
}

.dh ul li:nth-child(8) {
	width: 15%;
	background: #104894;
	float: right;
	margin-top: 6px;
}

.dh ul li span {
	display: block;
	font-size: 18px;
	font-weight: bold;
	margin-top: 6px;
}

.dh ul li em {
	font-size: 14px;
	color: #a9a9a9;
	line-height: 22px;
	display: block;
}

.dh ul li a {
	display: block;
}

video {
	width: 100%;
	display: block;
	border-radius: 20px;
	overflow: hidden;
}


/*热卖产品*/

.rmcp {
	margin-bottom: 94px;
}

.rmcptop img {
	display: block;
	margin: 70px auto 40px auto;
}

.rmcpnr dl {
	float: left;
	width: 23%;
	margin: 10px 1%;
	border-radius: 20px;
	overflow: hidden;
}

.rmcpnr dl dt img {
	display: block;
	width: 100%;
}

.rmcpnr dl dd {
	text-align: center;
	background: #15a6ad;
	padding: 20px 10px;
	box-sizing: border-box;
}

.rmcpnr dl dd p {
	font-size: 26px;
	font-weight: bold;
	color: white;
/*标题过长显示省略好*/
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.rmcpnr dl dd span {
	display: block;
	margin: 16px 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	font-size: 14px;
	line-height: 22px;
	color: white;
}

.rmcpnr dl dd span a {
	color: #ffffff;
}

.rmcpnr dl dd img {
	display: block;
	margin: 0 auto;
}


/*优势*/

.ys {
	background: url(../images/ys.jpg) no-repeat;
	background-size: 100% 100%;
	padding: 40px 0;
	box-sizing: border-box;
}

.ystop {
	display: block;
	margin: 0 auto;
}

.ys .wrap {
	position: relative;
	color: white;
	padding: 0 10px;
	box-sizing: border-box;
}

.ys .wrap img {
	display: block;
	margin: 0 auto;
}

.ys p {
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 20px;
	font-style: oblique;
}

.ys span {
	font-style: oblique;
	line-height: 24px;
}

.ys1 {
	position: absolute;
	top: 1%;
	left: 1%;
	width: 28%;
}

.ys2 {
	position: absolute;
	top: -1%;
	right: 1%;
	width: 24%;
}

.ys3 {
	position: absolute;
	bottom: 5%;
	left: 1%;
	width: 20%;
}

.ys4 {
	position: absolute;
	bottom: 5%;
	right: 1%;
	width: 20%;
}

.sjys {
	display: none;
}

.sjys img {
	display: block;
}


/*成功案例*/

.cgaltop img {
	display: block;
	margin: 60px auto;
}

.cgalnr dl {
	float: left;
	width: 20%;
	position: relative;
}

.cgalnr dl img {
	display: block;
}

.cgalnr dl dd {
	font-size: 30px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	z-index: 9999;
	margin-top: 34%;
	text-align: center;
}

.cgalnr dl dd a {
	color: white;
}


/*公司简介*/

.gsjj {
	background: url(../images/aboutbg.jpg) no-repeat;
	background-size: 100%;
	padding: 70px 0;
	box-sizing: border-box;
	margin-top: 60px;
}

.gsjjnr {
	width: 56%;
	color: white;
}

.gsjjnr>h1 {
	font-size: 38px;
	font-weight: bold;
	line-height: 42px;
}

.gsjjnr span {
	color: #cdcdcd;
	display: block;
	margin-bottom: 36px;
}

.gsjjnr em {
	display: block;
	width: 56px;
	height: 2px;
	background: #ffff;
	margin-bottom: 32px;
}

.gsjjnr p {
	text-indent: 32px;
	line-height: 26px;
	font-size: 14px;
}

.abdw {
	margin-left: 25.3%;
	margin-top: 88px;
}

.abdw li {
	float: left;
}


/*公司新闻*/

.xwzxtop img {
	display: block;
	margin: 60px auto;
}

.xwzxnr .fl {
	width: 50%;
}

.xwzxnr .fl dl {
	width: 48%;
	margin: 0 1%;
	float: left;
	border-radius: 20px;
	overflow: hidden;
}

.xwzxnr .fl dl dt img {
	display: block;
	width: 100%;
}

.xwzxnr .fl dl dd {
	background: #15a6ad;
	padding: 28px;
}

.xwzxnr .fl dl dd p {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	color: white;
	white-space: nowrap;
	
}

.xwzxnr .fl dl dd span {
	font-size: 12px;
	line-height: 20px;
	display: block;
}

.xwzxnr .fl dl dd span a {
	color: #ffffff;
}

.xwzxnr .fl dl dd a {
	color: white;

}

.xwzxnr .fr {
	width: 50%;
}

.xwzxnr .fr .xwyb {
	width: 48%;
    background:#15a6ad;
    float: left;
    padding: 24px;
    box-sizing: border-box;
    color: white;
    border-radius: 16px;
    margin: 0 1%;
    margin-bottom: 10px;
   
}

.xwzxnr .fr .xwyb p {
	font-size: 20px;
	font-weight: bold;
	margin: 10px 0;
}

.xwzxnr .fr .xwyb span {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	font-size: 12px;
	line-height: 20px;
	display: block;
}

.xwzxnr .fr .xwyb span a {
	color: #ffffff;

}

.xwzxnr .fr .xwyb a {
	color: white;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
}

.xwzxnr .fr .xwyb>a {
	display: block;
	padding: 0px 14px;
	text-align: center;
	border: 1px solid #ffffff;
	width: 70px;
	margin-top: 10px;
	 font-size: 14px;
}

.yqlj {
	padding: 20px 0;
	box-sizing: border-box;
	border-top: 2px solid #cac8c8;
	margin-top: 60px;
}

.yqlj .wrap {
	background: url(../images/yqlj.png) no-repeat;
	text-indent: 240px;
}


/*底部导航*/

.dbdh {
	background: #d2d2d2;
}

.dbdh li {
	float: left;
	width: 12%;
	margin-top: 30px;
	background: url(../images/dbdhbg.png) no-repeat right center;
}

.dbdh li:nth-child(1) {
	width: 20%;
	margin-top: 0;
}

.dbdh li:nth-child(6) {
	width: 20%;
	float: right;
}

.dbdh li img {
	display: block;
	margin: 0 auto;
}


/*网站底部*/

.foot {
	background: #073370;
	padding: 60px 0;
	box-sizing: border-box;
}

.foot dl {
	float: left;
	width: 25%;
	color: white;
}

.foot dl a {
	color: white;
}

.foot dl dt {
	width: 80px;
	height: 2px;
	background: white;
	margin-bottom: 10px;
}

.dt1 {
	margin-top: 60px;
}


/*网站列表页*/

.prolbt {
	text-align: center;
	margin: 40px auto;
}

.prolbt em {
	width: 60px;
	height: 4px;
	background: #2b57a8;
	display: block;
	margin: 20px auto;
}


/*产品内页*/

.dqwz {
	margin: 8px auto;
	text-indent: 20px;
	color: #777777;
	border-bottom: 1px dashed #dddddd;
}

.cpnynr {
	line-height: 30px;
	margin: 40px auto;
}

.cpny {
	margin-top: 40px;
}

.cpny .fl {
	width: 36%;
}

.cpny .fl img {
	width: 100%;
}

.cpny .fr {
	width: 58%;
}

.cpny .fr p {
	font-size: 20px;
	font-weight: bold;
}

.cpny .fr em {
	display: block;
	width: 30px;
	height: 4px;
	background: #1476ba;
	margin: 20px 0;
}

.cpny .fr span {
	display: block;
	line-height: 30px;
}

.cpny .fr a {
	margin-top: 50px;
	display: inherit;
	background: #1476ba;
	width: 100px;
	text-align: center;
	padding: 14px 20px;
	color: white;
}


/*新闻案例内页*/

.mcon h1 {
	font-size: 24px;
	text-align: center;
	margin-bottom: 10px;
}

.minfo {
	text-align: center;
	line-height: 30px;
	color: #666;
	padding-right: 18px;
	border-top: 1px #dddddd solid;
	border-bottom: 1px #dddddd solid;
	margin-bottom: 20px;
}


/*调新闻*/

.nchtit h2 {
	font-size: 26px;
	font-weight: normal;
	height: 47px;
	line-height: 47px;
}

.m5 li {
	width: 31.333333%;
	float: left;
	margin: 1%;
	padding: 20px;
	box-sizing: border-box;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	transition: all .8s ease 0s;
	border: 1px solid #1757b0;
}

.m5 li .time {
	width: 100px;
	height: 25px;
	line-height: 25px;
	background-color: #1757b0;
	color: #fff;
	text-align: center;
	font-style: italic;
}

.m5 li h2 {
	font-size: 16px;
	margin: 10px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.prenext {
	margin: 40px 0;
}

.prenext span {
	display: block;
}


/*关于我们*/

.ma2 {
	overflow: hidden;
	margin-bottom: 40px;
}

.maimg {
	float: right;
	margin-left: 30px;
}

.ma2 h2 {
	font-size: 36px;
	color: #0d1b29;
	line-height: 64px;
}

.ma2 h4 {
	font-weight: normal;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 24px;
}

.ma2 p {
	text-indent: 28px;
	font-size: 16px;
	line-height: 34px;
	margin-bottom: 20px;
}

.ma2 li {
	width: 23%;
	float: left;
	margin: 1%;
}


/*关于我们*/

.mlxbg {
	background: url(../images/mlxbg.jpg) #fff no-repeat center top;
	padding-top: 110px;
}

.mlx1 {
	background: url(../images/mlxtm.png);
	padding-top: 50px;
	margin-bottom: 50px;
}

.mat {
	margin-bottom: 30px;
	text-align: center;
}

.mat h2 {
	font-size: 36px;
	line-height: 50px;
}

.mat div {
	width: 30px;
	height: 3px;
	background-color: #1757b1;
	margin: 0px auto;
}

.mat p {
	text-transform: uppercase;
}

.mlx1 .txt {
	width: 80%;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	margin-bottom: 30px;
}

.mlx1con {
	background-color: #1757b1;
	padding: 30px 0;
	color: #fff;
	font-size: 16px;
}

.mlx1con ul {
	overflow: hidden;
}

.mlx1con li {
	float: left;
	background: url(../images/mlxi1.png) no-repeat left center;
	width: 32%;
	margin-left: 18%;
	padding-left: 90px;
	height: 90px;
	box-sizing: border-box;
}

.mlx1con .li1 {
	background: url(../images/mlxi2.png) no-repeat left center;
	width: 48%;
	margin-left: 2%;
	line-height: 40px;
}

.sjdh {
	display: none;
}

.bottom_bottom1 {
	display: none;
}


/*划过切换*/

.sfq {
	margin: 0 auto;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.pic {
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.pic1 {
	background: url('../banner/index-2.jpg') no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-size: 100% 100%;
}

.pic2 {
	background: url('../banner/index-3.jpg') no-repeat;
	position: absolute;
	top: 0;
	left: 93%;
	z-index: 3;
	background-size: 100% 100%;
}

.pic_num2 {
	width: 70px;
	height: 100%;
	position: absolute;
	top: 40px;
	left: 0px;
	background: url('../images/pic_num2.png') no-repeat;
	background-size: 100%;
}