﻿/* 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;
}
.clearfix,.clearfix:before,.clearfix:after{
	display: table;
	clear: both;
	content: "";
}
@media screen and (min-width: 1200px) {
	.container-wd{width: 85%;margin: 0 auto;}
}

.clear{clear: both;}
body,html{min-width: 320px;}
#alla,#content{width: 100%;overflow: hidden;}
.xjlbnr{padding-top: 20px;margin: 0px auto; margin-top: 40px; border-top: 1px #dddddd solid;width: 80%;}
.xjlbnr p{line-height: 1.2rem;}
.space-4{width: 100%;height: 4rem; text-indent: 2000000px;}
.space-6{width: 100%;height: 6rem;}
@media (max-width: 768px) {
.space-6,.space-4{width: 100%;height: 2rem;}
}

/* ----------------------------------------------------通用样式-------------------------------------------------------------- */


/* 头部开始 */
.headerbox{background: rgba(255,255,255,1);width: 100%;border-bottom: 1px solid rgba(162,162,162,0.4);z-index:99;position:relative;}
.headerbox:hover{background: rgba(255,255,255,1);}
.headerwd{padding: 0 4rem;width: 100%;}
.headlogo{display: block;margin-top: 0.4rem;}
.headlogoimg2{display: none;}
.headnav{position: unset !important;}
.headnav ul{display: flex;flex-wrap: wrap;margin-bottom: 0;}
.headnav ul h2{padding: 0;margin: 0;}
.headnav ul li a{
	display: block;
	font-size: 16px;
	color: #000000;
	text-align: left;
	padding-top: 1.8rem;
    padding-right: 1.0rem;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
	}
.headnav ul li:hover h2 a{color: #fcad03;}

.headerbox:hover .headnav ul li a{color: #333333;}
.nav-menu{background: #ffffff;background: url(sjbj1.jpg);background-size: 100% 100%;  width: 100%;position: absolute;top: 100%;left: 0;z-index: 9; display: none; border-top:1px solid #0075c2;padding:2rem 4rem;box-sizing: border-box;}
.headnav ul li:hover .nav-menu{display: block;}
.nav-menu:hover{display: block;}
.mavmenu-tit{font-size: 1.4rem;color: #333333;}
.mavmenu-dec{font-size: 0.67rem;color: #666666;line-height: 3rem;}
.navmenurt{box-sizing: border-box;padding: 1rem;}
.navmenulf{padding-left:3rem;}
.navmenurt img{width: 80%;border:5px solid #ffffff;}
.navmenu-ul{display: flex;width: 90%;margin-top: 2rem;}
.navmenu-ul li{width: 40%;box-sizing: border-box;padding: 0 1rem;overflow: hidden;}
.navmenu-ul li a{position:relative; display: block;border-bottom: 1px solid #CCCCCC;font-size: 0.67rem;color: #666666;height: 4rem;line-height: 3rem;width: 100%;overflow: hidden;padding-left: 3px !important;padding-right: 1rem !important;}
.navmenu-ul li a:hover{color:#fcad03 !important;}
.navmenu-ul li a span{position:absolute;right:5px;top: 1.4rem;color:#999999;}
.headnav-rt{margin-top: 1.2rem;}
.headssicon{cursor: pointer; display: inline-block;width: 1.5rem;height: 1.5rem;background: url(head-ss01-02.png);background-size: 100% 100%; text-indent: 2000000px;}
.headlangeicon{cursor: pointer;display: inline-block;width: 1.5rem;height:1.5rem;background: url(lang02.png);background-size: 100% 100%;margin-left: 1rem; text-indent: 2000000px;}

.headmobi-menu{float: right;width: 2rem;height: 2rem;}
.headmobi-menu img{width: 100%;/* margin-top: 3rem; */margin-left: 1rem;}
.headssbox{
	position: absolute;top: 0;left: 0;background: #ffffff;padding: 3rem 0;width: 100%;display: none;
}
.headssbox form{display: block;width: 70%;margin: 0 auto;border-bottom: 1px solid #CCCCCC;padding: 0.5rem;}
.headssbox form input{border: none;font-size: 0.8rem;color: #333333;width: 80%;}
.search_btn{width: 1rem;height: 1rem;background: url(head-ss02.png);background-size: 100%;border: none;float: right;}
.search_btn:hover{background: url(head-ss02-02.png);background-size: 100%;}
.headss-close{cursor: pointer; width: 1rem;height: 1rem;background: url(headss-close.png);background-size: 100%;position: absolute;top: 2rem;right: 2rem; text-indent: 2000000px;}
.headss-close:hover{background: url(headss-close02.png);background-size: 100%;}

.headnav-mobi{width: 100%;position: fixed;z-index: 999;height: 100%;background: rgba(0,0,0,0.6);top: 0;right: -200%;}
.headnavmobirt{background: #FFFFFF;width: 80%;float: right;height: 100%;padding-top: 3rem;}
.headnavmobi-close{width: 2rem;height: 2rem;background: url(mobi-close.png);background-size: 100%;position: absolute;left: 2rem;top: 2rem;}
.heanavmobiti{text-align: center;font-size: 2rem;line-height: 3rem;color: #333333;}
.headnavmobirt ul{padding: 0 2rem;}
.headnavmobirt ul li a {display: block;font-size: 1.2rem;line-height: 3rem;height: 3rem;overflow: hidden;color: #333333;text-align: left;border-bottom: 1px dashed #CCCCCC;}
.headnavmobirt ul li a span{float: right;color: #999999;}

			
@media (max-width: 1200px) {
	.headerwd{padding: 0 1rem;}
	.headnav ul li a{padding: 1.3rem 1rem;}
	.headlogo img{width: 80%;}

}

@media (max-width: 991px) {
	.headerwd{padding-bottom: 0.5rem;}
	.headlogo{margin-bottom: 0.5rem;}
	.headnav-rt{float: left;}
	
}
	#syxs{display:none;}
@media (max-width: 768px) {
.banner .swiper-container .swiper-wrapper .swiper-slide .text{opacity:0;}
.banner .swiper-container .pagination-all{    bottom: 10%;}
.banner .slide-next{display:none;}
.headnav-rt{margin-bottom: 1rem;margin-left: 1rem;}
.headmobi-menu{margin-right: 2rem;}
.syddy{display:none;}
	#syxs{display:block;}
}






/*分页样式开始*/
.ye_ma{text-align: center;margin: 0px;clear: none;width: 100%;padding-top:30px; font-size:14px; color:#666;}
.ye_ma a{line-height: 35px;clear: none; height: 35px; font-size:14px; color:#333; padding:0 15px; border:1px solid #cccccc; border-radius:6px; display:inline-block; margin:0 3px;}
.ye_ma a:hover{background-color:#fcad03; border:1px solid #fcad03; color:#FFF;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}
/*分页样式结束*/
@media (max-width: 768px) {
	.ye_ma a{margin: 5px 0px;line-height: 25px;height: 25px;}
	.mainspace100{height: 2rem;}
	.new_des{padding: 2rem 4rem;}
}


/* 内页banner */
.bannernei{width: 100%;padding: 7.4rem; background-size: 100%;}
.banner-cp{background: url(banner_nei.jpg) no-repeat;background-size: 100%;}
	@media (max-width: 768px) {
		.bannernei{width: 100%;padding: 5.5rem; background-size: 100%;}
	}



/* 首页数字 */
.sy-namb{width:100%;background:#ffffff;padding: 3rem 0;}
.synambbox{display: flex;flex-wrap: wrap;}
.synunblist{width: 25%;box-sizing: border-box;border-right: 1px solid #cccccc;text-align: center;padding:0 2rem;}
.synunlisttit{line-height: 2rem;font-size: 2.0rem;color: #666;padding: 0.5rem;}
.synunlistwz{
	margin-top: 1rem;
}
.synumlast{
	border: none;
}
@media (max-width: 768px) {
	.synunblist{width: 50%;margin-bottom: 1rem;}
	.synambbox .synunblist:nth-child(2){border: none;}
	.cpnr{ width:100%!important;}
	.container-fluid{ width:100%!important;}
}


/* 首页产品中心 */
.cycp{
	width: 100%;background-color: #fafafa;
}
.sytit01{font-size: 1.6rem;color: #000000;line-height: 2rem;}
.sytitwz{font-size: 1rem;color: #999999;line-height: 2rem;}
.sycpdiv{margin-top: 2rem;}
.sycpdiv ul li{margin-bottom: 2rem;}
.sycpdiv ul li a{display: block;background-color: #ffffff;}
.sycpimg{width: 100%;overflow: hidden;}
.sycpimg img{width: 100%;transition: all 0.3s ease;}
.sycpdiv ul li:hover img{transform: scale(1.1);}
.sycptit{padding: 2rem 1rem;}
.sytitp1{font-size: 1rem;line-height: 2rem;height: 2rem;overflow: hidden;color: #000000;}
.sytitp2{
	font-size: 1rem;color: #666666;line-height: 1.5rem;height: 3rem;
	overflow: hidden;margin-top: 0.5rem;
}
.sycpdiv ul li:hover .sytitp1{color: #fcad03;}
/* 首页公司简介 */
.syabout{width: 100%;background: url(syaboutbj.jpg);background-size: 100% 100%;}
.syaboutlf{overflow: hidden;}
.syaboutlf img{height: 100%;}
.syabp1{font-size: 1.4rem;line-height: 2rem;color: #333333; font-weight: bold;}
.syabp2{font-size: 0.85rem;line-height: 2rem;color: #666666;}
.syabp3{font-size: 0.85rem;line-height: 2rem;color: #fcad03;margin-top: 1rem;}
.syabp4{font-size: 0.85rem;line-height: 1.5rem;color: #666666;margin-top: 1rem;}
.syabbtn{
	display: inline-block;
	padding: 0.5rem 2rem;
	border:  1px solid #fcad03;
	font-size: 0.85rem;color: #fcad03;
	margin-top: 2rem;	
}
.syaboutimg2{width: 100%;margin-top: 2rem;}
.syaboutimg2 img{width:100%;}
.syaboutbox{display: flex; align-items: stretch;}
@media (max-width: 1340px) {
	.syaboutbox{display: block;}
	.syaboutlf img{width:100%;}
}
@media (max-width: 768px) {
	.syabp1{margin-top: 3rem;}
	.syabout{background-size: cover;}
}


/* 首页优势 */
.syys{width: 100%;background: url(syysbj.jpg);background-size: 100% 100%;}
.cor-ff{color:#ffffff;}
.syysbox{margin-top: 2rem;}
.syyslistbox{
	width: 90%;
	margin: 0 auto;
	background-color: #ffffff;
	text-align: center;
}
.syyslisttop{
	width: 100%;border-bottom: 1px solid #cccccc;padding: 3rem 0;
}
.syyslistbot{padding-bottom: 3rem;padding-top: 3rem;transition: all 0.1s ease;background-color: #fcad03;}
.syyslistwz1{
	font-size: 0.9rem;color: #f5f5f5;line-height: 2rem;
}
.syyslistwz2{
	height: 6rem;overflow: hidden;
	font-size: 0.75rem;color: #f5f5f5;line-height: 1.5rem; width: 80%;display: block;margin: 0 auto;}
.syyslist-right{
	margin-top: 2rem;
}
.syysimg{margin: 0 auto; width: 3rem;height: 3rem;background: url(ysicon1-2.png);background-size: 100% 100%;}
.syysimg2{margin: 0 auto; width: 3rem;height: 3rem;background: url(ysico2-2.png);background-size: 100% 100%;}
.syysimg3{margin: 0 auto; width: 3rem;height: 3rem;background: url(ysico3-2.png);background-size: 100% 100%;}

.syysicoimg{
	margin: 0 auto;
	width: 1rem;height: 1rem;
	background: url(ys-right-02.png);background-size: 100% 100%;
}
.syyslist1:hover .syysimg{background: url(ysicon1-2.png);background-size: 100% 100%;}
.syyslist2:hover .syysimg2{background: url(ysico2-2.png);background-size: 100% 100%;}
.syyslist3:hover .syysimg3{background: url(ysico3-2.png);background-size: 100% 100%;}
.syysbox ul li:hover .syyslistbot{background-color: #fcad03;}
.syysbox ul li:hover .syyslistwz1{color: #ffffff;}
.syysbox ul  li:hover  .syyslistwz2{color: #ffffff;}
.syysbox ul  li:hover .syysicoimg{background: url(ys-right-02.png);background-size: 100% 100%;}
@media (max-width: 768px) {
	.syys{background-size: cover;}
	.syysbox ul li{margin-bottom: 2rem;}
}


/* 首页案例开始 */
.syanli{background-color: #fafafa;}
.syanlibox{margin-top:2rem;width: 100%;display: flex; align-content: stretch;flex-wrap: wrap;justify-content: space-between;}
.syanlilistlf{width: 24%; box-sizing: border-box;}
.syanlilistlf img{height: 100%;transition: all 0.3s ease;width: 100%;}
.syanlilistrt{width: 50%;overflow: hidden; box-sizing: border-box;}
.syanlilistrt img{height: 100%;width: 100%;}
.sylistbox{width: 100%;overflow: hidden;box-sizing: border-box;}
.sylistbox:hover img{transform: scale(1.1);}
.syanliwxlf{text-align: center;font-size: 0.86rem;color: #666666;line-height: 2rem;box-sizing: border-box;padding: 0 1rem;margin-top: 1rem;}
.syanli .syabbtn{margin: 0 auto ;position: relative;left: 50%;transform: translateX(-50%); }

@media (max-width: 768px) {
	.syanlilistlf,.syanlilistrt{width: 100%;margin-bottom: 2rem;}
}


/* 首页新闻开始 */
.synewsbox{margin-top: 2rem;}
.synewsbox ul li{padding-bottom: 1rem;}
.synewsbox ul li a{display: block;width: 100%;box-sizing: border-box;}
.synewslistimg img{width: 100%;transition: all 0.3s ease;}
.synewslistimg {height: auto;overflow: hidden;}
.synewslistimg:hover img{transform: scale(1.1);}
.synewslistwz{padding: 1rem;}
.synewslistp1{font-size: 1rem;line-height: 2rem;color: #333333;height: 2rem;overflow: hidden;}
.synewslistp2 p{ font-size: 0.65rem;line-height: 1.5rem;color: #666666;height: 3rem;overflow: hidden;}
.synewslistp2{padding-bottom: 1rem;border-bottom: 1px solid #cccccc;}
.synewsdata{padding: 1rem 0;opacity: 0;transition: all 0.3s ease;}
.synewsdata span{font-size: 0.65rem;color: #999999;line-height: 2rem;}
.synewsdata img{float: right;width: 1.5rem;}
.synewsbox ul li:hover .synewsdata{opacity: 1;}
.synewsbox ul li:hover a{box-shadow:1px 2px 5px #efefef;}
.synewsbox ul li:hover .synewslistp1{color: #fcad03;}
@media (max-width: 768px) {
	.synewslistimg{height: auto;}
}


/* 首页留言开始 */
.sylybox{
	width: 100%;background: url(syly-bj.jpg);background-size: 100% 100%;
}
.syhezuo{background-color: #ffffff;padding: 2rem;}
.syhzlf img{width: 100%;}
.syhzp1{font-size: 1.6rem;color: #000;line-height: 2rem;margin-top: 2rem;}
.syhzp2{font-size: 0.75rem;color: #999;line-height: 2rem;}
.syhzp3{font-size: 0.75rem;color: #fcad03;line-height: 2rem;margin-top: 1rem;margin-bottom: 1rem;}
.syhzp4{font-size: 0.75rem;color: #999;line-height: 1.6rem;}
.sylyban{width: 100%;margin-top: 4rem;}
.sylyban form{display: block;width: 100%;}
.sylyban ul{display: flex;width: 100%;flex-wrap: wrap;}

.sylyban-xqy {
    width: 78%;
    margin-top: 2rem;
}

.sylyban-xqy-cp {
    width: 103%;
    margin-top: 2rem;
}

.sylyban-gy {
    width: 98%;
    margin-top: 3rem;
}

.msgitem{width: 100%;box-sizing: border-box;margin-bottom: 2rem;padding-right: 2rem;}
.msgitem input{padding-left: 0.5rem; border:none;background-color: #f3f1f1;width: 100%;font-size: 0.65rem;line-height: 2rem;height: 2rem;color: #000;}
.msgitem p{font-size: 1rem;color: #000;line-height: 2rem;}
.msgitem p span{color: #fcad03;margin-left: 0.5rem;}
.msgitly{width: 100%;padding-right: 2rem;}
.msgitly textarea{padding-left: 0.5rem; border:none;background-color: #f3f1f1;width: 100%;font-size: 0.65rem;line-height: 2rem;height: 8rem;color: #000;margin-bottom:40px;}
.msgitly p{font-size: 1rem;color: #000;line-height: 2rem;}

.sysubbtn{float: left; padding: 0 3rem;margin-top: 1rem; font-size: 0.75rem;color: #000;line-height: 2rem;background-color: #fcad03;border: none;}
.sylyyzm{margin-left: 1rem;float: left;margin-top: 2rem;}
.sylyyzm input{ padding-left: 0.5rem; border:none;background-color: #f3f1f1;width: 5rem;font-size: 0.65rem;line-height: 2rem;height: 2rem;color: #000;}


@media (max-width: 768px) {
.sylybox{background-size: cover;}
.msgitem,.msgitly{width: 100%;padding-right: 0;}

}


/* foot开始 */
.foot{background-color: #1e1e1e;}
.foottit{font-size: 1.4rem;font-weight: bold;line-height: 2rem;color: #fcad03;}
.foottit span{
	color: #666;
}
.footnav{display: flex;flex-wrap: wrap;margin-top: 3rem;padding-bottom: 2rem;border-bottom: 1px solid #666666;}
.footnav li a{font-size: 1rem;color: #fff;line-height: 2rem;display: block;margin-right: 5rem;}
.footlx{display: flex;flex-wrap: wrap;margin-top: 2rem;color: #666;line-height: 2rem;font-size: 1rem;justify-content: space-between;}
.footlxlist{margin-right: 2rem;color:Z#fff;}
.foot-bot{text-align: center; font-size: 1rem;color: #999;line-height: 2rem;background-color: #666;}

@media (max-width: 768px) {

	.footnav li a{margin-right: 1rem;}
  .footlxlist{width: 100%;text-align: center;}
  
}




/* 动画 */
/* #cycp,#syabout,#syys,#syanli,#synews,#syly,#footsy{position: relative;top: 200px;} */






/* 产品中心页面 */
.cpmain{width: 100%;background-color: #fafafa;}
.nei-add{position: relative;height: 3rem;}
.neiadd{width: 100%; background-color: #ffffff;padding-top: 1rem;padding-bottom: 1rem;transform: translateY(-50%);}
.addlficon{width: 20px;}
.addlf{font-size: 1rem;color: #000;line-height: 2rem;}
.addlf a{color: #fcad03;}
.addlf a:hover{color: #666;}
.add-form{width:27%;float:right;}
.add-form form{display:block;width:100%;position:relative;} 
.adss{width:100%;border:1px solid #000;font-size:0.65rem;line-height:1.5rem;padding-left:0.5rem;color:#333333;border-radius:15px;}
.ad-ss_btn{position:absolute;right:0.5rem;top:0;height:1.2rem;width:1.2rem;border:none;background:none;margin-top:0.2rem;overflow:hidden;}
.ad-ss_btn:hover svg {
  transform: translateX(30px);
  filter: drop-shadow(#fcad03 -30px 0px 0px);
}

.sytit-cppagelist ul{width: 100%;display: flex;flex-wrap: wrap;}
.sytit-cppagelist ul li a{display: block;font-size: 1.0rem;color: #333;line-height: 2rem;padding: 0 1rem;}
.sytit-cppagelist ul li a:hover{color: #fcad03;}
.cpnr{margin-top: 2rem;border-top: 1px solid #cccccc; width:1600px;}
.cpnr ul li a{display: block;background-color: #ffffff;}
.cpnr ul li{margin-top: 2rem;}
.cpneiimg img{width: 100%;transition: all 0.3s ease;}
.cpneiwz{padding:2rem 1rem;}
.cpwzp1{
	    font-size: 1rem;
	    line-height: 2rem;
	    height: 2rem;
	    overflow: hidden;
	    color: #000000;
}
.cpwzp2{
	font-size: 1rem;
	    color: #666666;
	    line-height: 1.5rem;
	    height: 3rem;
	    overflow: hidden;
	    margin-top: 0.5rem;
	
}
.cpnr ul li:hover .cpneiimg img{transform: scale(1.1);}
.cpnr ul li:hover .cpwzp1{color: #fcad03;}


@media (max-width: 768px) {
.neiadd{padding: 0.5rem;}
.sytit-cppagelist{display:none;}

.cpnei-lxbtn{display:none;}
.cpneigybtn{display:none;}

}


/* 产品内页 */
.cpneiboxnei{width: 100%;background-color: #ffffff;box-sizing: border-box;padding: 4rem;margin-top: 2rem;}
.cpneilf img{width: 100%;}
.cpneitit{font-size: 1.6rem;color: #333;font-weight: bold;}
.cpnei-dec{font-size: 0.85rem;color: #666666;line-height: 2rem;border-bottom: 1px solid #cccccc;padding-bottom: 1rem;margin-top: 1rem;}
.cpneitag{margin-top: 2rem;}
.cpneitag a{font-size: 0.85rem;color: #fcad03;margin-right: 1rem;}
.cpnei-btnbox{
	margin-top: 2rem;
}
.cpnei-btnbox a{float: left;color: #ffffff;font-size: 0.85rem;line-height: 2rem;border-radius: 5px; width: 110px;
    text-align: center;}
.cpnei-lxbtn{background-color: #fcad03;margin-right: 2rem;    width: 110px;
    text-align: center;}
.cpneigybtn{background-color: #0075c2;}
.cpneirtbox{width: 100%;margin-top: 3rem;}
.cpnei-lxbtn:hover{background-color: #fcca03;}
.cpneigybtn:hover{background-color: #fcca03;}
.cpxqdec{margin-top: 2rem;}
.cpneidecbox{width: 100%;box-sizing: border-box;padding: 4rem;background-color: #fff;}
.cpneidectop{border-bottom:1px solid #0075c2;}
.cpneititwz{font-size: 0.85rem;color: #fff;line-height: 2rem;display: inline-block;padding: 0 2rem;background-color:#0075c2;}
.cpneititwz img{width: 20px;vertical-align: sub;}
.cpneixqnr {margin-top: 2rem;font-size: 0.75rem;line-height: 1.4rem;color: #666;}
.cpneixqnr p{text-indent: rem;}
.cpneixqnr h2{ font-size: 18px; line-height: 36px; font-weight: bold;}
.cpneixqnr a{color: #0075c2; font-weight: bold;}
.tjnews .newslistp1{margin-top: 0;}

@media (max-width: 768px) {
.cpneiboxnei,.cpneidecbox{padding: 1rem;}
}

/* 新闻列表 */




/* 新闻列表页 */
.newslistul{margin-top: 2rem;}
.newslistlink{display: block;}
.newslistbox{width: 100%;background-color: #ffffff;}
.newslist{margin-top: 2rem;}
.newslitlfimg img{width: 100%;transition: all 0.3s ease;}
.newslistp1{font-size: 1rem;color: #333;line-height: 2rem;height: 2rem;transition: all 0.3s ease;overflow: hidden;margin-top: 1rem;}
.newslistp2{font-size: 0.75rem;color: #999;line-height: 1.5rem;height: 3rem;overflow: hidden;}
.newslistdatabox{}
.newslistdata{float: left;font-size: 0.65rem;color: #cdcdcd;line-height: 1.5rem;}
.newslistdata img{width: 15px;}
.newslistdataclick{float: right;font-size: 0.65rem;color: #cdcdcd;line-height: 1.5rem;}
.newslistdataclick img{width: 15px;}
.newslistlink:hover .newslitlfimg img{transform: scale(1.1);}
.newslistlink:hover .newslistp1{color: #fcad03;}
.newslistlink:hover .newslistbox{box-shadow: 1px 1px 3px #cccccc;}
@media (max-width: 1200px) {
.newslistdatabox{height: 2rem;}	
.newslistdataclick{display: none;}
}
@media (max-width: 768px) {
	.newslistp1{font-size: 1.2rem;}	
.newslistp2{margin-top: 0.5rem;line-height: 2rem;height: 4rem;margin-bottom: 1rem;}
}


/* 新闻内页 */
.newsnei{border-top: 1px solid #cccccc;margin-top: 2rem;}
.newsneilftop{width: 100%;padding: 2rem 0;}
.newsneilftop h1{font-size: 1.3rem;color: #333;line-height: 2rem;text-align: center;}
.newsneilfwz{margin-top: 2rem;font-size: 0.65rem;color: #fcad03;display: flex;flex-wrap: wrap;justify-content: center;height: 50px;}
.newsneilfwz span{padding: 0 1rem;}
.newslfbot{font-size:16px;color: #666;line-height: 28px;}
.newslfbot img{float: left;padding-right: 20px;}
.newslfbot h2{font-size: 18px; font-weight: bold; line-height: 38px;}
.newslfbot h3{font-size: 16px; font-weight: bold; line-height: 34px;}
.newslfbot a{
	font-weight: bold;
}
.newsneilf{background-color: #ffffff;margin-top: 2rem;}

.newsneirt{margin-top: 2rem;}
.newsrttit{border-bottom: 1px solid #fcad03;margin-bottom: 2rem;}
.newsrttitnr{background-color: #fcad03;color: #fff;font-size: 0.75rem;line-height: 2rem;display: inline-block;padding: 0 1rem;}
.tjcpul li{margin-bottom: 1rem;}
.tjcpul li a{display: block;background-color: #ffffff;}
.tjcpimg img{transition: all 0.3s ease;width: 100%;}
.tjcptit{font-size: 0.65rem;line-height: 2rem;height: 2rem;overflow: hidden;text-align: center;}
.tjcpul li a:hover .tjcptit{color: #fcad03;}
.tjcpul li a:hover .tjcpimg img{transform: scale(1.1);}


/* 单独页面 */
.ddlmtop{font-weight: bold;font-size: 1.6rem;color: #333;line-height: 2rem;padding-bottom: 1rem;border-bottom: 1px solid #cccccc;text-align: center;margin-bottom: 2rem;}
.ddlmbot{font-size: 0.75rem;color: #666666;line-height: 2rem;}
.ddlmbot p{text-indent: 0rem;font-size: 15px;
    border-bottom-color: #DDDDDD;
    border-bottom-width: 1px;
    }
.ddlmbot a{ color: #0075c2;font-weight: bold;}


.gywmcontact{width: 150px; background-color: #0075c2; border-radius: 10px; color: #FFFFFF; text-align: center; font-size: 20px;}
.gywmcontact a{color: #FFFFFF;}
.gywmcontact:hover{background-color: #ff9900;}

@media (max-width: 991px){
.headlogo {
    margin-bottom: 0.5rem;
    width: 240px;
}
.headhzhz{
display: flex;
 justify-content: space-between;
 align-items: center;

}
}


/* 更改的二级导航 */
 .erjinav{position: absolute;border: 1px solid #f5f5f5; top: 100%;left: 0;min-width: 100%; background-color: #fff;box-sizing: border-box;display: none;}
	 .erjichilid{position: absolute;border: 1px solid #f5f5f5;top: 0;left: 100%;min-width: 100%;background-color: #f5f5f5;box-sizing: border-box;display: none;}
	 .navlist{position: relative;}
	 .navlist:hover .erjinav{display: block;}
	 .erjinavlist{padding:10px;display: flex;align-items: center;justify-content: center;border-bottom: 1px solid #f5f5f5;}
	 .erjinavlist:hover .erjichilid{display: block;}
	 .erjinavtitle{cursor: pointer;font-size: 16px;color: #666;line-height: 2rem;display: block;}
	 .erjichildlist{border-bottom: 1px solid #ccc;padding:10px;}
	 .erjinavlist span{color: #ccc;margin-left: 20px;}
	 .erjinav a{padding: 0!important;white-space: nowrap}
	 .erjinav a:hover{color: #fcad03!important;}

.neinavbox ul li .erjinav{min-width: 240px;z-index: 9;}
		.neinavbox ul li:hover .erjinav{
			display: block;
		}
.neinavbox ul li{
	position: relative;
}

.headnav>ul>li{
	position: relative;
}
.headnav>ul>li:hover .erjinav{
	display: block;
}
.sytit-cppagelist ul li{
	position: relative;
	border:1px solid #e3d9d4;
	margin:5px;
	
	
}
.sytit-cppagelist ul li  .erjinav{min-width: 240px;z-index: 9;}
.sytit-cppagelist ul li:hover .erjinav{
	display: block;
}

.cpneixqnr table {
    border: 1px solid #dddddd;
    text-align: center;
    line-height: 52px;
    width: 100%;
}
.cpneixqnr table  tr td {
    background-color: #f2f2f2;
    border: 1px solid #dddddd;
}
.cpneixqnr table tr:nth-child(2n) td {
  background-color: #fff;
}

/**/

     
        
    /*产品列表页*/    
    
    
    
       .content-wrapper {
            display: flex;
            flex-wrap: wrap;
            gap: 30px;margin-top: 50px;
        }
        
        /* 左侧产品系列样式 */
        .product-series {
            flex: 1;
            min-width: 250px;
            background: white;
            border-radius: 10px;
            padding: 25px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        }
        
        .series-title {
            font-size: 1.5rem;
         font-weight: bold;
               line-height: 1.5;
    display-radio: 1;
    font_radio: 2;
    font-size: 20px;
    font-weight: normal;
    color: rgba(255,255,255,1);
    padding-bottom: 15px;
    padding-left: 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top: 15px;
    font-family: "4cb61e8b-71ec-48c4-998e-380241b8df5f";
    background-color: #3498db;
    padding-right: 15px;
        }
        
        .series-list {
            list-style: none;    margin-top: 20px;
        }
        
        .series-list li {
            margin-bottom: 15px;
        }
        
        .series-list a {
            display: block;
            padding: 12px 15px;
            color: #34495e;
            text-decoration: none;
            border-radius: 6px;
            transition: all 0.3s ease;
            font-weight: 500;
        }
        
        .series-list a:hover, .series-list a.active {
            background-color: #f0f0f0;
            color: #1b242b;font-weight: bold;font-size: 0.8rem; 
            
        }
        
        .series-list i {
            margin-right: 10px;
            width: 20px;
            text-align: center;
        }
        
        /* 右侧产品展示样式 */
        .product-showcase {
            flex: 3;
            min-width: 300px;
        }
        
        .product-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 25px;
        }
        
        .product-card {
            background: white;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        .product-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        }
        
        .product-img {
            width: 100%;
            height: 248px;
            object-fit: cover;
            display: block;
        }
        
        .product-info {
            padding: 20px;
        }
        
        .product-name {
            font-size: 0.7rem;
            color: #2c3e50;
            margin-bottom: 10px;
            font-weight: 600;
        }
        
        .product-description {
            color: #7f8c8d;
            font-size: 0.95rem;
            margin-bottom: 15px;
            line-height: 1.5;
        }
        
        .product-link {
            display: inline-block;
            background-color: #3498db;
            color: white;
            text-decoration: none;
            padding: 8px 20px;
            border-radius: 5px;
            font-weight: 500;
            transition: background-color 0.3s ease;
        }
        
        .product-link:hover {
            background-color: #2980b9;
        }
        
        /* 响应式设计 */
        @media (max-width: 992px) {
            .product-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
            header h1 {
                font-size: 2rem;
            }
        }
        
        @media (max-width: 768px) {
            .content-wrapper {
                flex-direction: column;
            }
            
            .product-series {
                width: 100%;
            }
            
            .product-grid {
                grid-template-columns: 1fr;
            }
            
          
        }
        
        
        
        /*产品详情页*/
        
                .container2 {
            width: 100%;
            max-width: 1400px;
            overflow: hidden;
            position: relative;
            padding: 30px 0;
        }
        
        .scroll-track {
            display: flex;
            width: max-content;
            animation: scroll 40s linear infinite;
        }
        
        /* 悬停暂停效果 */
        .scroll-track:hover {
            animation-play-state: paused;
        }
        
        .image-item {
            flex-shrink: 0;
            width: 300px;
            height: 200px;
            margin: 0 20px;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
            transition: transform 0.3s ease;
        }
        
        .image-item:hover {
            transform: scale(1.05);
            z-index: 10;
        }
        
        .image-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        
        /* 创建无缝滚动效果 */
        @keyframes scroll {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-50%);
            }
        }
        
        /* 响应式调整 */
        @media (max-width: 768px) {
            .container2 {
                padding: 20px 0;
            }
            
            .image-item {
                width: 220px;
                height: 150px;
                margin: 0 15px;
            }
        }
        
        @media (max-width: 480px) {
            .container2 {
                padding: 15px 0;
            }
            
            .image-item {
                width: 180px;
                height: 120px;
                margin: 0 10px;
            }
        }
        
      /产品内页详情*/  
      
      
         .container4 {
            max-width: 1200px;
            margin: 0 auto;background-color: #0c0c0c;
        }

        .grid-layout {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 2rem;
            margin-bottom: 2rem;
        }

        .section {
            background-color: #0075c2;
            padding: 1.5rem;
            border-radius: 8px;
        }

        .section h2 {
            color: #fff;
            margin-bottom: 1rem;
            font-size: 1.4rem;
            border-bottom: 1px solid #fff;
            padding-bottom: 0.5rem;
        }

        .section2 {
           
            padding: 0rem;
            border-radius: 0px;
        }

        .section2 h2 {
            color: #fff;
            margin-bottom: 1rem;
            font-size: 1.4rem;
            border-bottom: 1px solid #fff;
            padding-bottom: 0.5rem;
        }
        .features-list {
            list-style: none;
        }

        .features-list li {
            padding: 0.3rem 0;
            color: #fff; font-size: 0.75rem;
        }

        .img-box {
            width: 100%;
            height: auto;
            overflow: hidden;
            border-radius: 8px;
            margin-top: 1rem;
        }

        .img-box img {
            width: 100%;
            height: auto;
            display: block;
        }

        .desc-text {
            color: #fff;
            margin-top: 1rem; font-size: 0.75rem;    line-height: 1.5rem;
        }

        .desc-text h3 {
            color: #f0f0f0;
            margin: 1.2rem 0 0.6rem;
            font-size: 1.2rem;
        }

        /* 响应式适配 */
        @media (max-width: 768px) {
            .grid-layout {
                grid-template-columns: 1fr;
            }
        }
        
        
        
         /产品内页详情2*/  
         
         .container4 {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }
        
    
        
        .subtitle {
            font-size: 1.2rem;
            opacity: 0.9;
            max-width: 700px;
            margin: 0 auto;
        }
        
        .advantages-container {
            display: flex;
            flex-direction: column;
            gap: 60px;
            margin-bottom: 60px;
        }
        
        .advantage {
            display: flex;
            align-items: center;
            background-color: white;
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        .advantage:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
        }
        
        .advantage-img {
            flex: 1;
            min-height: 350px;
            background-size: cover;
            background-position: center;
        }
        
        .advantage-content {
            flex: 1;
            padding: 40px;
        }
        
        .advantage-number {
            display: inline-block;
            background-color: #4f46e5;
            color: white;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            text-align: center;
            line-height: 36px;
            font-weight: bold;
            margin-bottom: 20px;
        }
        
        .advantage-title {
            font-size: 1.4rem;
            color: #1e293b;
            margin-bottom: 15px;
            font-weight: 700;
        }
        
        .advantage-subtitle {
            font-size: 1.1rem;
            color: #4f46e5;
            margin-bottom: 20px;
            font-weight: 600;
        }
        
        .advantage-description {
            color: #64748b;
            font-size: 0.8rem; line-height: 1.5rem;
        }
        
        .icon {
            color: #4f46e5;
            font-size: 1.8rem;
            margin-bottom: 15px;
        }
        
        /* 第一个优势：左图右文 */
        .advantage:nth-child(1) .advantage-img {
            background-image: url('/images/xq01.jpg');
        }
        
        /* 第二个优势：右图左文 */
        .advantage:nth-child(2) {
            flex-direction: row-reverse;
        }
        
        .advantage:nth-child(2) .advantage-img {
            background-image: url('/images/xq02.jpg');
        }
        
        /* 第三个优势 */
        .advantage:nth-child(3) .advantage-img {
            background-image: url('/images/xq03.jpg');
        }
        
        /* 第四个优势 */
        .advantage:nth-child(4) .advantage-img {
            background-image: url('/images/xq04.jpg');
        }
        
        .conclusion {
            text-align: center;
            padding: 40px;
            background-color: white;
            border-radius: 16px;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
            margin-top: 20px;
        }
        
        .conclusion h2 {
            color: #1e293b;
            margin-bottom: 20px;
            font-size: 2rem;
        }
        
        .conclusion p {
            color: #64748b;
            max-width: 800px;
            margin: 0 auto 25px;
            font-size: 1.1rem;
        }
        
        .cta-button {
            display: inline-block;
            background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
            color: white;
            padding: 16px 36px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 600;
            font-size: 1.1rem;
            transition: all 0.3s ease;
            box-shadow: 0 5px 15px rgba(79, 70, 229, 0.3);
        }
        
        .cta-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(79, 70, 229, 0.4);
        }
        
        /* 响应式设计 */
        @media (max-width: 992px) {
            .advantage {
                flex-direction: column !important;
            }
            
            .advantage-img {
                width: 100%;
                min-height: 250px;
            }
            
            h1 {
                font-size: 2.3rem;
            }
        }
        
        @media (max-width: 576px) {
            .container {
                padding: 15px;
            }
            
            header {
                padding: 40px 20px;
            }
            
            h1 {
                font-size: 1.9rem;
            }
            
            .advantage-content {
                padding: 30px 25px;
            }
            
            .advantage-title {
                font-size: 1.5rem;
            }
        }
        
        /* 动画效果 */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .advantage {
            animation: fadeInUp 0.6s ease forwards;
        }
        
        .advantage:nth-child(1) { animation-delay: 0.1s; opacity: 0; }
        .advantage:nth-child(2) { animation-delay: 0.3s; opacity: 0; }
        .advantage:nth-child(3) { animation-delay: 0.5s; opacity: 0; }
        .advantage:nth-child(4) { animation-delay: 0.7s; opacity: 0; }
        