/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}

del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#000;outline:0; font-family: 'microsoft yahei'} 
body{background:#fff;}
a,a:hover{color:#333;}
a:hover{color:#333;}
a,a:hover{text-decoration: none;}
a:link, a:visited, a:active, a {
    text-decoration: none !important;
}

body,html{min-width: 320px;}
#alla,#content{width: 100%;overflow: hidden;}
.wd{width: 1200px;margin: 0 auto;}

/* ----------------------------------------------------通用样式结束-------------------------------------------------------------- */

.headtop{
	width: 100%;
	background-color: rgba(0, 97, 174, 1);	
}
.headtopbox{
	color: #ffffff;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 10px 0;
	font-size: 14px;
	align-items: center;
}
.headtoprt{
	display: flex;
	align-items: center;
}
.headtoptelwz{
	margin-left: 10px;

}
.headtopteldh{
	font-size: 20px;
	    font-family: georgia,serif;
}
.headerboxrt{
	margin-left: 60px;
}
.header{
	border-bottom: 1px solid #edebeb;
}
.headerbox{
	display: flex;
	box-sizing: border-box;
}
.headerboxlf a{
	display: block;
}
.headerboxrt ul{
	display: flex;
}
.headerboxrt ul li{
	position: relative;
}
.headerboxrt ul li>a{
	text-align: center;
	    font-size: 15px;
	    color: rgba(51, 51, 51, 1);
	    line-height: 100px;
	    display: block;
		    width: 116px;
}
.headerboxrt ul li h3>a{
	text-align: center;
	    font-size: 15px;
	    color: rgba(51, 51, 51, 1);
	    line-height: 100px;
	    display: block;
		    width: 116px;
}
.headerboxrt ul li h3{
	font-weight: normal;
}
.headerboxrt ul li a:hover{
	background-image: url(n-jt-navhover.jpg);
	background-repeat: repeat-x;
	    background-position: top left;
		color: rgba(0, 97, 174, 1);
}

/* 二级导航开始 */
.erjinav{
	position: absolute;
	top: 100%;
	z-index: 99;
	background-color: #fff;
	width: 154px;
	box-sizing: border-box;
	padding:5px 0;
	display: none;
}
.erjinav a{
	line-height: 2.4;
	font-size: 14px;
	text-align: left;
	display: block;
	width: 100%;padding:0 20px;
	box-sizing: border-box;
	height: 2.4;
	overflow: hidden;
}
.erjinav a:hover{
	background-image:none !important;
	background-color: rgba(0, 97, 174,1) !important;
	color: #fff !important;
}

.headerboxrt ul li:hover .erjinav{
	display: block;
}



.banner-pagination{
	width: 80px !important;
	position: absolute;
	right:0;
	bottom: 40px  !important;
	z-index: 99;
	left: auto !important;
}
.banner-pagination span{
	width: 16px;
	height: 16px;
	border-radius: 0;
	background-color: rgba(228,228,228,1)!important;
	opacity:0.9!important;
	cursor: pointer;
}
.banner-pagination  .swiper-pagination-bullet-active{
	background-color: rgba(103,184,180,1)!important;
}
.bannerbox .swiper-button-next{
	padding: 15px 5px;
	color: #ffffff;
	background-color: rgba(0, 0, 0, 0.2);
}
.bannerbox .swiper-button-prev{
	padding: 20px 10px;
	color: #ffffff;
	background-color: rgba(0, 0, 0, 0.2);
}
.bannerbox .swiper-button-next:hover{
	background-color: rgba(150, 150, 150, 0.4);
	color: rgba(103,184,180,1);
}
.bannerbox .swiper-button-prev:hover{
	background-color: rgba(150, 150, 150, 0.4);
	color: rgba(103,184,180,1);
}
.neiban{
	padding: 5px!important;
	color: #c3c0c0!important;
	background-color: rgba(0, 0, 0, 0.4)!important;
}





.sycp{
	width: 100%;
	background-image:url(sycpbj.jpg);
	background-repeat: no-repeat;
	    background-position: top center;
		padding: 30px 0;
}
.sytitbox{
	text-align: center;
}
.sycpbox{
	margin-top: 40px;
}
.sycpbox ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.sycpbox ul li{
	width: calc((100% - 40px)/3);
	margin-bottom: 20px;
}
.sycpbox ul li a{
	display: block;
	width: 100%;
	position: relative;
	width: 100%;
	overflow: hidden;
}
.sycpimg{
	width: 100%;
}
.scpzhezhao{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-color: rgba(0, 0, 0, 0.6);
	display: none;
}
.sycpwzbox{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
	box-sizing: border-box;
	padding: 2em;
	color: #ffffff;
	z-index: 3;
}
.sycpwzbox h3{
	padding: 0.5em 0;
	word-spacing: -0.15em;
	    font-weight: 300;
		font-size: 1.5rem;
}
.sycpline{
	width: 0;
	height: 3px;
	background-color: #ffffff;
	transition: all 0.3s ease;
}
.sycpdec{
	margin-top: 10px;
	font-size: 0.75rem;
	line-height: 1.2rem;
	transform: translateX(120%);
	transition: all 0.3s ease;
}
.sycpbox ul li:hover .scpzhezhao{
	display: block;
}
.sycpbox ul li:hover .sycpline{
	width: 100%;
}
.sycpbox ul li:hover .sycpdec{
	transform: translateX(0);
}

.sygsbox{
	display: flex;
	justify-content: space-between;
}
.sygs{
	width: 100%;
	background-color: rgba(36, 39, 46, 1);
	display: flex;
	padding: 60px 0;
}
.sygslf{
	width: 550px;
	height: 400px;
}
.sygspagedian{
	display: flex;
	justify-content: center;
	bottom: 0 !important;
}
.sygspagedian span{
	display: block;
	background-color: rgba(227, 222, 255, 0.8);
	width: 115px;
	height: 33px;
	border-radius: 0!important;
	line-height: 33px;
	opacity: 1 !important;
	margin: 2px!important;
}
.sygspagedian .swiper-pagination-bullet-active{
	background-color: #FF8800;
	color: #ffffff;
}
.sygsrt{
	width: 600px;
}
.sygswz{
	font-size: 0.75rem;
	color: #ffffff;
	line-height: 1.5rem;
	margin-top: 10px;
}
.sygswz p{
	text-indent: 30px;
}
.syaboutbtn{
	margin-top: 10px;
	border: 1px solid rgba(240, 53, 46, 1);
	display: inline-block;
	width: 128px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	color: #ffffff;
}


.sycase{
	padding: 30px 0;
}

.sycasemain{
	margin-top: 40px;
	position: relative;
	width: 100%;
}
.sycasebox{
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
	background-color: #eaeaea;
	transition: all 0.3s ease;
}
.sycaseimg {
    width: 350px;
    height: 237px;
    overflow: hidden;
    display: flex;
    align-content: center;
    justify-content: center;
}
.sycaseimg img{
width: 350px;
    height: 237px;
}

.sycasewz{
	text-align: center;
	font-size: 1rem;
	line-height: 2rem;
	height: 2rem;
	overflow: hidden;
	margin-top: 12px;
}
.sycasebox:hover{
	background-color: #256be1;
}

.sycasebox:hover .sycasewz{
	color: #ffffff;
}
.casenext{
	height: 100px;
	    left: -70px;
	    position: absolute;
	    top: 90px;
	    width: 50px;
	    cursor: pointer;
		background:url(qianxleft.png) no-repeat scroll 0 0;
		z-index: 2;
}
.caseprev{
	height: 100px;
	    position: absolute;
	    right: -70px;
	    top: 90px;
	    width: 50px;
	    cursor: pointer;
		background:url(qianxr.png) no-repeat scroll 0 0;
		z-index: 2;
}
.casenext:hover{
	background:url(qianxleft_hover.png) no-repeat scroll 0 0;
}
.caseprev:hover{
	background:url(qianxr_hover.png) no-repeat scroll 0 0;
}


.synewsbox{
	width: 100%;
	background-color: rgba(234, 234, 234, 1);
	margin-top: 30px;
	padding: 50px 0;
}
.newsul{
	display: flex;
	width: 100%;
	justify-content: space-between;
	flex-wrap: wrap;
}
.newsul li{
	width: calc((100% - 20px)/2);
	margin-bottom: 1px;
}
.newsul li a{
	display: flex;
	background-color: #ffffff;
	width: 100%;
	box-sizing: border-box;
	padding: 30px;
	justify-content: space-between;
}
.synewslistlf{
	width: 168px;
	height: 138px;
}
.synewslistlf img{
	width: 100%;
}
.synewslistrt{
	flex: 1;
	padding-left: 20px;
}
.synewslisttit{
	line-height: 21px;
	    vertical-align: top;
		font-size: 16px;
		font-weight: bold;
		height: 21px;
		overflow: hidden;
}
.newsul li:hover .synewslisttit{
	color: #256be1;
}
.synewslistdec{
	margin-top: 20px;
	color: rgba(136, 136, 136, 1);	
	font-size: 14px;
	    line-height: 26px;
		height: 78px;
		overflow: hidden;
		
}
.syqy{
	width: 100%;
	padding: 50px 0;
}
.syqybox{
	display: flex;
	justify-content: space-between;
}
.syqyboxlist{
	display: block;
	text-align: center;
	background: #f5f5f5;
	    cursor: pointer;
	    height: 270px;
	    overflow: hidden;
	    position: relative;
	    width: 285px;
		box-sizing: border-box;
		padding: 50px;
		transition: all 2s ease;
}
.syqylisttit{
	display: block;
	    font-size: 16px;
	    text-align: center;
	    font-weight: bold;
		line-height: 32px;
		margin-top: 10px;
		transition: all 0.6s ease;
}
.syqylisttitdh{
	display: block;
	    font-size: 16px;
	    text-align: center;
	    font-weight: bold;
		line-height: 32px;
		margin-top: 10px;
		position: absolute;
		right: -50%;
		color: #ffffff;
			top: 110px;
			transition: all 0.6s ease;
			transform: translateX(50%);
}
.syqyboxlist:hover .syqylisttit{
	transform: translateX(-500px);	
}
.syqyboxlist:hover .syqylisttitdh{
	right: 50%;
}
.syqyline{
	width: 30px;
	height: 1px;
	background-color: #ccc;
	margin: 10px auto;
}
.syqydec{
	font-size: 13px;
	line-height: 1.5rem;
	color: #999;
	transition: all 0.6s ease;
}
.syqydecdh{
	font-size: 13px;
	line-height: 1.5rem;
	color: #999;
	position: absolute;
	right: -50%;
	color: #ffffff;
		top: 170px;
		transition: all 0.6s ease;
		transform: translateX(50%);
}
.syqyboxlist:hover .syqydec{
	transform: translateX(-500px);	
}
.syqyboxlist:hover .syqydecdh{
	right: 50%;
}

.syqyimg{
	transition: all 0.6s ease;
}
.syqyimg-white{
	position: absolute;
	left: -50%;
		top: 50px;
		transition: all 0.6s ease;
		transform: translateX(-50%);
}
.syqyboxlist:hover{
	background-color: #256be1;
}
.syqyboxlist:hover .syqyimg-white{
left: 50%;
}
.syqyboxlist:hover .syqyimg{
	transform: translateX(500px);
}


.footer{
	width: 100%;
	background-color: rgb(46, 46, 46);
}
.footerbox{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.footerboxlist{
	width: 35%;
}
.footerboxzj{
	flex: 1;
	padding: 30px 20px;
	box-sizing: border-box;
	border-left: 1px solid #444;
	border-right: 1px solid #444;
}
.footerboxlf{
	text-align: center;
	color: #fff;
	padding-top: 80px;
	padding-bottom: 40px;
}

.footerlfgs{
	font-size: 1.2rem;
		letter-spacing: 4px;
}
.footerlfsjgw{
	font-size: 0.85rem;
		margin-top: 15px;
		margin-bottom: 15px;
}
.footerzj{
	color: #ffffff;
	padding: 20px;
	width: 100%;
	box-sizing: border-box;
}
.footerzjtit{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}
.footerlj{
	display: flex;
	flex-wrap: wrap;
}
.footerlj li{
	width: 50%;
}
.footerlj li a{
	color: #707070 ;
	line-height: 2.4;
	font-size: 14px;
}
.footerlj li h2{
	font-weight: normal;
}
.footerlj li span{
	margin-right: 10px;
}
.footerlx{
	padding-top: 50px;
	color: #ffffff;
	padding-left: 40px;
	width: 100%;
	box-sizing: border-box;
}
.footlxbox{
	margin-top: 20px;
}
.footlxbox p{
	color: #707070 ;
	line-height: 2.4;
	font-size: 14px;
}
.footlxbox p a{
	color: #707070 ;
	line-height: 2.4;
	font-size: 14px;
}
.footty{
	font-size: 18px;
	color: #707070 ;
	line-height: 2.4;
}

.footdb{
	width: 100%;
	background-color: #212121;
}
.footdbbox{
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	color: #707070;
	line-height: 2.4;
}
.footdbrt a{
	font-size: 14px;
	color: #707070;
	line-height: 2.4;
}
.footer a:hover{
	color: #fff;
}

.cblbox{
	position: fixed;
	right: 0;
	top: 35%;
	width: 38px;
	    height: 152px;
	    z-index: 110;
		background-color: rgba(0,74,174,1);
		display: none;
}
.cblhz{
	cursor: pointer;
}
.cblfh{
	width: 15px;
	text-align: center;
	color: #fff;
	font-size: 18px;margin: 0 auto;
	margin-top: 25px;
}
.cbkf{
	color: #fff;
	width: 15px;
	text-align: center;
	display: block;
	margin: 0 auto;
	line-height: 1.4;
	font-size: 14px;
}
.cblfhlt{
	width: 15px;
	text-align: center;
	color: #fff;
	font-size: 18px;margin: 0 auto;
	margin-top: 25px;
	display: none;
}
.cblmain{
	position: fixed;
	right: 38px;
	top: 35%;
	background-color: #fff;
	width: 220px;
	height: 304px;
	z-index: 109;
	border: 1px solid #ccc;
	display: none;
}
.cblmaindh{
	display: block;
	animation-name: cblmaindh;
	  animation-duration: 1s;
	   animation-fill-mode: forwards;
}
@keyframes cblmaindh {
   0% {right: -238px;}
  100% {right: 38px;}
}
.cblmaintit{
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	border-bottom: 1px solid #cccccc;
}
.cbltelimg{
	width: 32px;
	height: 32px;
	 vertical-align: middle;
}
.cblmaintit span{
	font-size: 16px;
	    color: #333333;
}
.cbldh{
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	margin-top: 10px;
}
.cblmainlx{
	width: 100%;
	padding: 30px;
	box-sizing: border-box;
	border-bottom: 1px solid #cccccc;
}
.cblmainlxfs{
	margin-bottom: 10px;
}
.cbltelicon{
	width: 16px;
	height: 16px;
	 vertical-align: middle;
	 position: relative;
	 top: -2px;
}
.cblmainwz{
	color: #707070;
	font-size: 14px;
	line-height: 19px;
}

.cblbotlx{
	text-align: center;
	margin-top: 13px;
}


/* 产品列表页 */
.neidh{
	width: 100%;
	background-color: rgba(255, 255, 255, 1);
	    box-shadow: 0px 1px 1px 1px rgb(0 0 0 / 10%);
		padding: 10px 0;
}
.neidhhz ul{
	display: flex;
	/* justify-content: space-between; */
}
.neidhhz ul li{margin-right: 25px;}
.neidhhz ul li h3{font-weight: normal;}
.neidhhz ul li a{
	display: block;
	background-color: rgba(238, 238, 238, 1);
	color: rgba(51,51,51,1);
	text-align: center;
	    font-size: 15px;
	    line-height: 42px;
		height: 42px;
		width: 214px;
}
.neidhhz ul li span{
	margin-right: 5px;
	font-size: 40px;
	vertical-align: middle;
	position: relative;
	top: -4px;
}
.neidhhz ul li a:hover{
	background-color: #256be1;
	color: #fff;
}

.neimain{
	width: 100%;
	background-color: rgba(244, 244, 244, 1);
	    background-image: url(cpbj.jpg);
	    background-repeat: no-repeat;
	    background-position: center 0;
		padding-top: 50px;
		padding-bottom: 60px;
}
.neimainbox{
	width: 100%;
	background-color: #fff;
	box-sizing: border-box;
	padding: 30px 25px;
}

.neimaincplb{
	width: 100%;
	display: flex;
	/* justify-content: space-between; */
	flex-wrap: wrap;
	
}
.neimaincplist{
	display: block;
	width: 31%;
	padding: 20px 0;
	margin-left: 1.5%;
	margin-right: 0.5%;
}
.neimaincpimghz{
	width: 100%;
	position: relative;
	overflow: hidden;
}
.neicpimg{
	width: 100%;
}
.neimaincptit{
	display: block;
	    color: #5d5d5d;
	    font-size: 14px;
	    line-height: 1rem;
		height: 1rem;
		overflow: hidden;
	    margin-top: 14px;
	    transition: 350ms;
	    text-align: center;	
}
.neicp_lftopline{
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 3px;
	background-color: #256be1;
	transition: all 0.3s ease;
}
.neicp_lfbotline{
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 0;
	background-color: #256be1;
	transition: all 0.3s ease;
}
.neicp_rttopline{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 3px;
	background-color: #256be1;
	transition: all 0.3s ease;
}
.neicp_rtbotline{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 3px;
	height: 0;
	background-color: #256be1;
	transition: all 0.3s ease;
}
.neimaincplist:hover .neicp_lftopline{
	width: 100%;
}
.neimaincplist:hover .neicp_lfbotline{
	height: 100%;
}
.neimaincplist:hover .neicp_rttopline{
	width: 100%;
}
.neimaincplist:hover .neicp_rtbotline{
	height: 100%;
}


.neicp_zhezhao{
	position: absolute;
	    left: 0;
	    top: 0;
	    box-sizing: border-box;
	    width: 100%;
	    height: 100%;
	    background: rgba(37,107,225,.2);
	    background: #256be1\9;
	    filter: alpha(opacity=20);
	    z-index: 20;
	    opacity: 0;
	    transform: skewX(45deg);
	    visibility: hidden;
	    transition: 360ms;
}
.neimaincplist:hover .neicp_zhezhao{
	opacity: 1;
	transform: skewX(0);
	visibility: visible;
}
.neicp_leftline{
	width: 50px;
	height: 1px;
	background-color: #5891f3;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-300px,-50%);
	z-index: 21;
	transition: all 0.3s ease;
}
.neicp_rightline{
	width: 1px;
	height: 50px;
	background-color:#5891f3;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-300px);
	z-index: 21;
	transition: all 0.3s ease;
}
.neimaincplist:hover .neicp_leftline{
	transform: translate(-50%,-50%);
}
.neimaincplist:hover .neicp_rightline{
	transform: translate(-50%,-50%);
}
.neimaincplist:hover .neimaincptit{
	color: #5891f3;
}




/*分页样式开始*/
.cppage{
	display: flex;
	justify-content: flex-end;
}
.ye_ma{display: inline-block; text-align: right;margin: 0px;clear: none;width: 100%;padding-top:30px; font-size:14px; color:#666;}
.ye_ma a{line-height: 25px;clear: none; height: 25px; font-size:14px; color:#333; padding:0 10px; border:1px solid #cccccc; border-radius:6px; display:inline-block; margin:0 2px;}
.ye_ma a:hover{background-color:#256be1; border:1px solid #256be1; color:#FFF;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}




/* 产品内页开始 */
.cpneihz{
	display: flex;
	justify-content: space-between;
}

.cpneihzlf{
	width: 602px;
	border: 1px solid #e5e2e2;
	position: relative;
}
.cpneiimgbox{
	width: 100%;
	box-sizing: border-box;	
	border-bottom: 1px solid #e5e2e2;
}
.cpneiimgbox:hover{
	cursor: move;
}
.cpneipic{
	width: 100%;    vertical-align: middle;
}
.cpneiboxlb{
	width: calc(100% - 66px);
	box-sizing: border-box;
	position: relative;
	padding: 20px 0 30px 0;
	margin: 0 auto;
	
}
.cpneiimglb{
	width: 100%;
	display: block;
	
}
.cpneiboxlb .swiper-slide{
	box-sizing: border-box;
	padding: 5px 0;
	border: 2px solid #999;
	cursor: pointer;
}
.cpneiboxlb .swiper-slide:hover{
	border: 2px solid rgba(105,192,188,1);
}
.scpneiboxbtn{
	width: 28px;
	height: 94px;
	background-color: #a2a2a2;
	cursor: pointer;
}
.scpneiboxlbnext{
	background-image: url(cpneilficon.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: -30px;
	top: 20px;
}
.scpneiboxlbprev{
	background-image: url(cpneirticon.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: -30px;
	top: 20px;
}





/* 放大镜效果 */
.smDiv {
	position: relative;
}

.bigDiv {
	position: absolute;
	top: 0;
	left: 603px;
	width: 300px;
	height: 200px;
	overflow: hidden;
	border: 5px solid #fff;
	background-color: #fff;
	box-sizing: border-box;
	padding: 10px;
	display: none;
	box-shadow: 0px 0px 10px #ccc;
}
.zoom {
	width: 110px;
	height: 111px;
	z-index: 99;
	background-color: #8484847b;
	position: absolute;
	top: 0;
	left: 0;
	cursor: move;
	pointer-events: none;
	display: none;
}
.bigDiv > img {
	width: 1284px;
	position: absolute;
	top: 0;
	left: 0;
}
/* 放大镜效果结束 */




.cpneihzrt{
	width: 520px;
}
.cpneitit{
	font-weight: bold;
	line-height: 31px;
	color: rgba(51, 51, 51,1);
	font-size: 24px;
}
.cpneidec{
	margin-top: 20px;
	line-height: 25px;
	color: rgba(102,102,102,1);
	font-size: 14px;			
}

.cpneimess{
	width: 100%;
	border-top: 1px dashed #efefef;
	border-bottom: 1px dashed #efefef;
	margin-top: 10px;
	margin-bottom: 10px;
	padding:5px 10px;
	box-sizing: border-box;
}
.cpneimess p{
	font-size: 16px;
	color: #707070;
	margin-bottom: 10px;
	margin-top: 10px;
}
.cpneimess p span{
	line-height: 19px;
	color: #979797;
	    font-size: 14px;
	width: 70px;
	    display: inline-block;
	    margin-right: 5px;
	    vertical-align: top;
		text-align: right;
		
}
.cpneimess p a{
	font-size: 16px;
	color: #707070;
	margin-bottom: 10px;
	margin-top: 10px;
}

.cpneimess p a:hover{
	color: rgba(0,74,174,1);
}
.cpneily{
	display: block;
	width: 200px;
	height: 40px;
	line-height: 40px;
	background-color: rgba(254, 166, 35, 1);
	color: #fff;
	text-align: center;
}	
.cpneily:hover{
	box-shadow:0 -2px 0 0 rgb(90 90 90 / 80%) inset;
	color: #fff;
}
.cpneixq{
	margin-top: 20px;
	width: 100%;
	
}
.cpneixqtit{
	background-color: rgba(37, 107, 225, 1);
	width: 200px;
	color: rgba(255,255,255,1);
	border-color: rgba(225,225,225,0);
	font-size: 16px;
	height: 45px;
	text-align: center;
	line-height: 45px;
}
.cpneixqtit:hover{
	box-shadow:0 2px 0 0 rgb(90 90 90 / 80%) inset;
}
.cpneiztmain{
	border: 1px solid #efefef;
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
}

.cpneiztmain p{
	font-size: 14px ;
	    padding-bottom: 10px;
	    line-height: 30px;
		color: #707070 ;
}
.taghz{
	width: 100%;
	border: 1px solid #efefef;
	padding: 20px;
	box-sizing: border-box;
}
.taghz span{
	color: #969696;
	    font-size: 14px;
		line-height: 19px;
}
.taghz a{
	color: #969696;
	    font-size: 14px;
		line-height: 19px;
		margin-left: 10px;
}
.taghz a:hover{
	color: rgba(37, 107, 225, 1);
}

.cpneifanye{
	text-align: right;
	margin-top: 20px;
}
.cpneifanye a{
	font-size: 16px;
	margin-right: 10px;
}
.cpneifanye a:hover{
	color: rgba(37, 107, 225, 1);
}
.cpneixiyip{
	    color: #969696;
	    font-size: 14px;
}
.cpneinext{
	width: 16px;
	vertical-align: text-bottom;
}
.banimg{
	vertical-align: middle;
}

/* 资料下载页面 */
.neinav{
	padding: 0;
}
.neinav ul li{
	margin-right: 0;
	width: 160px;
}
.neinav ul li a{
	background: #fff;
	height: 70px;
	line-height: 70px;width: 160px;
}
.neizltit{
	text-align: center;
	    height: 80px;
	    height-and-height-uint: 80px;
	    width-and-height: custom;
	    background-color: rgba(255, 255, 255, 1);
	    background-image: url(ny_tit_line.png);
		background-repeat: no-repeat;
		    background-position: center 55px;
			margin-bottom: 20px;
}
.neizltit span{
	padding-top: 20px;
	    font-size: 24px;
	    font-weight: bold;
	    color: rgba(51, 51, 51, 1);
	    line-height: 80px;
		display: block;
		    margin: 0 auto;
		
}
.zlneimain{
	padding-top: 0;
}
.wenjian_list{
	width: 100%;
	background-color: rgba(249, 249, 249, 1);
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
	padding: 30px 10px;
	box-sizing: border-box;
}
.wjlistlftit{
	width: 100%;
	line-height: 21px;
	font-size: 16px;
	    color: #333333;
}
.wjlistlfbot{
	display: flex;
	margin-top: 15px;
}
.wjlistbottubiao{
	margin-right: 30px;
}
.wjlistbottubiao img{
	width: 15px;
	vertical-align: middle;
}
.wjiconspan1{
	    line-height: 16px;color: #c8c8c8;
    font-size: 12px;
}
.wjiconspan2{
	color: #969696;
	    font-size: 12px;
}
.wjlistlf{
	flex: 1;
}
.wjlistrt{
	width: 77px;
	text-align: center;
}
.wjlsitdata{
	color: #969696;
	    font-size: 12px;
		margin-top: 10px;
}
.xiazaibtnlj{
	display: block;
	width: 100%;
	background-color: rgba(254, 166, 35, 1);
	margin-top: 12px;
	color: #fff;
	height: 30px;
	line-height: 30px;text-align: center;
}
.xiazaibtn{
	font-size: 14px;
	
}
.xiazaibtnlj img{
	width: 13px;
	vertical-align: middle;
	position: relative;
	top: -1px;
}
.xiazaibtnlj:hover{
	color: #fff;
	box-shadow:0 -2px 0 0 rgb(90 90 90 / 80%) inset;
}
.zlneimainhz{
	background-image: url(zl_bg.jpg);
	    background-repeat: no-repeat;
	    background-position: center 0;
}



/* 工程案例开始 */
.caseneimainhz{
	background-image: url(case_bj.jpg);
	    background-repeat: no-repeat;
	    background-position: center 0;
}
.casebox{
	margin-top: 20px;
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}
.caselist{
	width: 31%;
	display: block;
	border-style: double;
	border-color: #c8c8c8;
	margin-left: 1.5%;
	margin-right: 0.5%;
	margin-top: 20px;
	box-sizing: border-box;
}
.caselistimg{
	width: 100%;
	position: relative;
	overflow: hidden;
}
.caselistzz{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0);
	transition: all 1 ease;
	z-index: 2;
}
.caselist:hover .caselistzz{
	background-color: rgba(0, 0, 0, 0.2);
}
.caselistimg img{
	width: 100%;
}
.casewz{
	    line-height: 19px;
		height: 19px;
		text-align: center;
		width: 100%;
		overflow: hidden;
		font-size: 15px;
		font-weight: bold;
		    color: #4c4c4c;
			padding: 10px 0;
}
.caselist:hover .casewz{
	color:rgba(37, 107, 225, 1);
}


.neimaincaseneitit{
	width: 100%;
	border-bottom: 1px solid #e5e2e2;
	line-height: 40px;text-align: center;
    font-size: 24px;font-weight: bold;
    color: #323232;
}





.caseneirong .swiper {
      width: 100%;
      height: 100%;
    }

 .caseneirong  .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

  .caseneirong  .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .caseneirong .caseneitop .swiper {
      width: 100%;
      /*height: 300px;*/
      margin-left: auto;
      margin-right: auto;
    }

  .caseneirong  .swiper-slide {
      background-size: cover;
      background-position: center;
    }

 .caseneirong  .mySwiper2 {
      height: 80%;
      width: 100%;
    }

 .caseneirong  .mySwiper {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
      margin-top: 10px;
    }

  .caseneirong .mySwiper .swiper-slide {
      width: 25%;
      max-width: 116px;
      height: 91px;
      opacity: 1;
      overflow: hidden;
    }

  .caseneirong .mySwiper .swiper-slide-thumb-active {
      opacity: 1;
    }

 .caseneirong .swiper-slide img {
      display: block;
      width: auto;
      height: auto;
      object-fit: cover;
      max-width: 100%;
    }

.caseneirong{
	width: 100%;
	margin-top: 15px;
}
.caseneitop{
	width: 100%;
	border: 1px solid #c8c8c8;
	position: relative;
}
.caseneitop .mySwiper2{
    height: 624px;
}
.caseneipage{
	background-color: rgba(0, 0, 0, 0.2);
	padding: 40px 15px;
	color: rgba(255,255, 255, 0.8);
	display: none;
}
.caseneipage:hover{
	color: rgba(37, 107, 225, 1);
}
.caseneirong .swiper-slide{
    height: ;
}
.mySwiper2:hover .caseneipage{
	display: block;
}
.caseneiwz{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	background-color: rgba(27, 27, 27,.6);
	max-height: 100px;
	min-height: 50px;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 0 10px;
	align-items: center;
	transition: all 0.3 ease;
}
.caseneiwzrt{
	cursor: pointer;
	transition: all 0.3 ease;
	position: absolute;
	right: 15px;
	top: 0;
transform: rotate(0);
}

.caseneiwzrt svg{
	width: 50px;
	height: 50px;
}

.caseneiwzlf{
	    color: rgba(251, 248, 243,1);
	    font-size: 16px;
		text-align: left;
}
.mySwiper2 .swiper-slide{text-align: center;}
.mySwiper2 img{
	vertical-align: middle;
}
.mySwiper2 .swiper-pagination{
	color: #fff;
	text-shadow: 0 1px black;
	font-size: 20px;
	width: 100px;
	left: 47%;
}
.mySwiper2 .swiper-pagination .swiper-pagination-current{
	font-size: 30px;
	
}
.mySwiper .swiper-slide{
	opacity: 1;
	box-sizing: border-box;
}
.mySwiper .swiper-slide-thumb-active{
	border: 2px solid rgba(105,192,188,1);
	
}


.caseneify{
	width: 100%;
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
}
.caseneipre{
	width: 15px;
}
.tuceicon{
	transform: rotate(-180deg);
}
.caseneify .caseneipre{
	vertical-align: middle;
}
.caseneifywz{
	color: #666;
	font-size: 14px;
}
.caseneiflbot{
	font-size: 16px;line-height: 2.4;
}
.caseneiflbot a{
	font-size: 16px;line-height: 2.4;
}
.caseneiflbot a:hover{
	color: rgba(37, 107, 225, 1);
}
.caseneirttop{
	text-align: right;
}
.casess{
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 30px;
    height: 30px;
    cursor: pointer;z-index: 99;
}
.casess img{
    width: 100%;
    height: 100%;
}
.casezz{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.9);
    left: 0;
    top: 0;
    z-index: 99999;display: none;
}
.casezz img{
    width:auto;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.caselittle {
    position: relative;
    width: 100%;
    display: flex;
}
.svgwz{
    background: rgba(63,58,57,1);
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    cursor: pointer;
    color: rgba(255,255,255,1);
    font-size: 12px;
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    
}
.caselittle .swiper-wrapper{
    width: 796px;
    margin: 0 auto;
    box-sizing: box-sizing;

}
.caselittlelf{
    position: absolute;
    left: 150px;
    top: 40%;
    background: url(caselittlelf.png) no-repeat;
    width: 30px;
    height: 40px;
    background-size: 100%;
    cursor: pointer;
}
.caselittlelf:hover{
    background: url(caselittleleft02.png) no-repeat;
    background-size: 100%;
}
.caselittlert{
    cursor: pointer;
    width: 30px;
    position: absolute;
    right: 150px;
    top: 40%;
    background: #000;
    background: url(caselittlert.png) no-repeat;
    height: 40px;
    background-size: 100%;
}
.caselittlert:hover{
    background: url(caselittlert02.png) no-repeat;
    background-size: 100%;
}
.caseneirong .swiper-button-lock{
    display: block;
}


.caselittle .swiper-slide img{
    width: 100%;
    height: 100%;
}
.svglf{
    text-align: center;
    width: 110px;
    position: absolute;
    left: 0;
    bottom: 10px;
    cursor: pointer;
}
.svglf img{
    width: 61px;
}
.svgwz{
    box-sizing: border-box;
}
.svgrt{
     right: 0;
     left: auto;
}
.cpneiboxlb .swiper-button-lock{
    display: block;
}









/* 新闻列表页 */
.newsbox{
	width: 100%;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
}
.newslist{
	display: block;
	width: 31%;
	box-sizing: border-box;
	padding: 20px;
	border:1px solid #f0f0f0;
	margin: 10px 0;
	margin-left: 1.5%;
	margin-right: 0.5%;
	position: relative;
}
.newslsitimg{
	width:100%;
	overflow:hidden;
	position: relative;
}
.newslsitimg img{
	width:100%;
	max-height: 200px;
}
.newslisttit{
	font-size: 15px;
	    line-height: 1.4;
	    color: #3E3E3E;
	    height: 45px;
	    overflow: hidden;
	    margin: 16px 0px;
}
.newslistdata{
	padding: 2px 0px 2px 0px;
	    font-size: 12px;
	    line-height: 180%;
		color: #999;
}
.newslistdata img{
	vertical-align: text-bottom;
		    margin-right: 5px;
}
.newslistimgline{
	position: absolute;
	top: 0;
	left: 0;
	background-color: #256be1;
	width: 35px;
	height: 4px;
}

.newslist:hover .newslistimgline{
	background-color: #fff;
}
.newslist:hover .newslisttit{
	color: #fff;
}
.newslist:hover .newslistdata span{
	color: #fff;
}
.newslstzz{
	width: 100%;
	height: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #256be1;
	transition: all 0.3s ease;
}
.newslistnr{
	position: relative;
	z-index: 9;
}
.newslist:hover .newslstzz{
	height: 100%;
}
.newsicon01{
	display: inline;
}
.newsicon02{
	display: none;
}
.newslist:hover .newsicon01{
	display: none;
}
.newslist:hover .newsicon02{
	display: inline;
}

.newsneitit{
	line-height: 40px;
	font-size: 20px;
	    font-weight: bold;
		color: rgba(30, 30, 30,1);
		text-align: center;
}
.newsneimess{
	display: flex;
	border-bottom: 1px solid #efeeee;
	padding-bottom: 5px;
	margin-top: 20px;
}
.newsmesslist{
	margin-right: 20px;
}
.newsmesslist img{
	width: 15px;
	margin-right: 5;
	vertical-align: text-bottom;
}
.newsmessfl{
	color: #c8c8c8;
	    font-size: 12px;
}
.newsmessf2{
	line-height: 18px;
	color: #969696;
	    font-size: 12px;
}

.newsneizhaoyao{
	width: 100%;
	margin-top: 15px;
	    margin-bottom: 20px;
	    padding: 5px 10px;
		border-width: 1px;
		    border-style: solid;
		    border-color: rgba(228,228,228,1);
		    background-color: rgba(252,251,253,1);
		    word-wrap: break-word;
		    word-break: break-all;
		    font-size: 14px;color: #999999;
			font-size: 14px;
			    line-height: 26px;
			    text-align: left;
			    vertical-align: top;
			    word-break: break-all;
				box-sizing: border-box;
}
.newsneizhaoyao span{
	font-weight: bold;
}
.newsneitag{
	border: none;
	border-bottom: 1px solid #efefef;
	padding-left: 0;
}
.newsneimain{
	border: none;
}
.newsneify{
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
.newsneimainhz{
	background-image: url(newsbj.jpg);
	    background-repeat: no-repeat;
	    background-position: center 0;
}
.syvideohz{width:90%;margin: 0 auto;}
.syvideohz video{width:100%;}
.videonei{
	padding-left: 40px;
	padding-right: 40px;
}
.videolistbox{
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
	display: flex;
	width:91%;margin: 0 auto;
}
.videolist{
	width: 24%;
	margin-right: 0.5%;
	margin-left: 0.5%;
	border: 1px solid #efefef;
	box-sizing: border-box;
	cursor: pointer;
	margin-top: 20px;
}
.videortext{
	color: rgba(51,51,51,1);
	    font-size: 16px;
	    font-weight: 400;
		    line-height: 21px;
			padding: 10px 0;
			text-align: center;
}
.videolisttop{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.videolisttop img{
	width: 100%;
}
.videolist:hover .videortext{
	    color:rgba(37, 107, 225, 1);
}
.videolistavtive .videortext{
	color: rgba(69,165,161,1);
}
.videozz{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 0.3s ease;
	background-color: rgba(0, 0, 0, 0.4);
}

.videotime{
	background-color: rgba(0, 0, 0, 0.5);
	font-size: 12px;
	color: #fff;
	text-align: center;
	width: 58px;
	height: 22px;
	line-height: 22px;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.videobtnicon{
	width: 40px;
	height: 40px;
	background: url(videobtn.png);
	background-size: 100% 100%;
	position: absolute;
	z-index: 2;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	
}
.videolistavtive .videozz{
	display: none;
}
.videolistavtive .videobtnicon{
	display: none;
}



/* 企业文化 */
.qywenhua{
	width: 100%;
	overflow: hidden;
	border: none;
}
.owl{width:100%;margin:0 auto;position:relative;left: 50px;}
		#stacked{position:relative;padding-bottom:45%;}
		#stacked .item{overflow:hidden;position:absolute;transition:0.3s;width:100%;z-index:1;opacity:0;left:0;top:0;transform:scale(1);}
		#stacked .item:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;transition:all .3s;}
		#stacked #slide0{transform:translateX(-12.5%) scale(1);z-index:8;opacity:1;}
		#stacked #slide1{transform:translateX(12.5%) scale(1);z-index:9;opacity:1;}
		#stacked #slide1:after{opacity:0;}
		#stacked #slide2{transform:translateX(37.5%) scale(1);z-index:8;opacity:1;}
		#stacked .pic{background:no-repeat center center;background-size:cover;}
		.arrow{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;background-color:rgba(255,255,255,.1);z-index:10;cursor:pointer;}
		.arrow:after{width:7px;height:11px;content:'';display:block;background:url(../images/slick_arrow_01.png) no-repeat 0 0;background-size:100% auto;position:absolute;left:50%;top:50%;margin:-5.5px 0 0 -3.5px;}
		.prev{
			left: -80px;
			top: 0;
			width: 220px;
			height: 500px;
			    transform: translateY(0);
		}
		.next{
			right:0;
			top: 0;
			width: 320px;
			height: 500px;
			transform: translateY(0);
		}
		.next:after{background-position:0 100%;}
		.dots{display:flex;align-items:center;justify-content:center;margin-top:20px;display: none;}
		.dots span{display:block;width:15px;height:15px;border-radius:50%;background-color:rgba(0,0,0,.2);margin:0 10px;}
		.dots .current{background-color:#000;}
		.pic img{border: 2px solid #fff;display: block;}
		.prevline{
			left: -80px;
			top: 0;
			width: 100px;
			height: 500px;
			position: absolute;
			z-index: 8;
			background-color: rgba(255, 255, 255, 0.3);
				
		}
		.nextline{
			right:0;
			top: 0;
			width: 130px;
			height: 500px;
			position: absolute;
			z-index: 8;
			background-color: rgba(255, 255, 255, 0.3);
				
		}




/* 留言开始 */
.liuyan{
	padding-bottom: 40px;
	margin: 0 auto;
	margin-top: 40px;
}
.msgtitle span{
	color: #ff1800;
	margin-right: 5px;
}
.textmsgtitle span{
	color: #ff1800;
	margin-right: 5px;
}
.msgtitle{
	color: #666;
	font-size: 14px;
	text-align: right;
	width: 100px;
	display: inline-block;
	vertical-align: top;
	padding-top: 5px;
}
.textmsgtitle{
	color: #666;
	font-size: 14px;
	    text-align: right;
		width: 100px;
		display: inline-block;
		vertical-align: top;
		padding-top: 5px;
}
.msgtext{
	border-color: rgba(228, 228, 228, 1);
	display: inline-block;
	    height: inherit;
	    width: inherit;
	    padding-left: 5px;
	    padding-right: 5px;
	    border-width: 1px;
	    border-style: solid;
	    resize: none;
	    padding-top: 5px;
		width: 850px;
		height: 220px;
		color: #999;font-size: 14px;
}
.clear{
	clear: both;
}
.liuyan ul li{
	margin-top: 20px;
	float: left;
	margin-right: 72px;
}
.msgstr{
	border-color: rgba(228, 228, 228, 1);
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
	border-width: 1px;
	border-style: solid;
	width:330px;
	height: 30px;
	line-height: 30px;
	color: #999;font-size: 14px;
}
.msgkwd2{
	width: 100px;
}
.subbtn{
	margin-top: 30px;
	    background-color: rgba(254, 166, 35, 1);
		width: 180px;
		    height: 40px;
			color: rgba(255,255,255,1);
			text-align: center;
			display: inline-block;
			border: none;
			margin-left: 45px;
			font-size: 16px;
}
.subbtn:hover{
	box-shadow: 0 -2px 0 0 rgb(90 90 90 / 80%) inset;
}



.bannerbox .swiper{height:auto;}