/* 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: 90%;margin: 0 auto;}
}

.clear{clear: both;}
body,html{min-width: 320px;}
#alla,#content{width: 100%;overflow: hidden;}
.space-4{width: 100%;height: 4rem;}
.space-6{width: 100%;height: 6rem;}
@media (max-width: 768px) {
.space-6,.space-4{width: 100%;height: 2rem;}
}

/* ----------------------------------------------------通用样式-------------------------------------------------------------- */
 
 @media screen and (max-width: 768px) {
  /* 隐藏关于我们右侧部分 */
  .syaboutrt {
    display: none !important;
  }
  
  /* 隐藏企业优势整个区块 */
  .syyoushi {
    display: none !important;
  }

  /* 可选：如果左侧内容需要占满宽度 */
 
}
 
 
 .con1 {
        margin-top: 20px;
        overflow: hidden;
        background-color: #f5f5f5;
    }
    
    .con1 dt {
        width: 30%;
        border-right: 1px dashed #ccc;
        float: left;
        overflow: hidden;
        background-color: #ba272d;
    }
    
    .con1 dt h3 {
        width: 146px;
       
        float: left;
        margin-right: 20px;
        overflow: hidden;
    }
    
    .con1 dt h3 img {
        width: 146px;
        
    }
    
    .con1 dt p {
        font: 30px "Microsoft Yahei"!important;
        font-weight: bold!important;
        color: #fff!important;
        margin-top: 45px;
    }
    
    .con1 dd {
        width: 65%;
        float: right;
        display: inline;
        overflow: hidden;
    }
    
    .con1 dd h4 {
        display: block;
        font: 20px "Microsoft Yahei";
        color: #333;
        overflow: hidden;
        margin-top: 28px;
    }
    
    .con1 dd p {
        font: 16px "Microsoft Yahei";
        color: #333;
        line-height: 24px;
        overflow: hidden;
        margin-top: 10px;
        padding-right: 30px;
    }</style><style>.zy {
        color: #333333;
        font-family: 微软雅黑;
        margin-top: 28px;
        font-size: 16px;
        padding-bottom: 24px;
        background: #f5f5f5;
        padding-left: 32px;
    }
    
    .zy ul {
        clear: both;
    }
    
    .zy ul li {
        width: 100%;
        float: left;list-style-type: none;
      padding-left: 0px;
  padding-right: 40px;
    }
    
    .santi {
        padding-right: 27px;
    }
    
    .dsbt {
        font-size: 26px;
        font-weight: bold;
        margin-bottom: 30px;
        display: block;
        color: #333;
        padding-top: 32px;
        border-bottom: 2px solid rgb(44, 114, 186);
        padding-bottom: 21px;
        margin-right: 25px
    }
.list-paddingleft-2{padding-left: 0px;}
    
    .zy li p {
        margin: 20px 0px 0px;
        padding: 0px 0px 14px 70px;
        line-height: 47px!important;
        border-bottom-color: #DDDDDD;
        border-bottom-width: 1px;
        border-bottom-style: solid;
		font-size: 18px;
    }

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


.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: 2rem;}
.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: 1rem;}
.navmenu-ul li{width: 30%;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:#0075c2 !important;}
.navmenu-ul li a span{position:absolute;right:5px;top: 1.4rem;color:#999999;}
.headnav-rt{margin-top: 1.5rem;}
.headssicon{cursor: pointer; display: inline-block;width: 1.5rem;height: 1.5rem;background: url(head-ss01-02.png);background-size: 100% 100%;}
.headlangeicon{cursor: pointer;display: inline-block;width: 1.5rem;height:1.5rem;background: url(lang02.png);background-size: 100% 100%;margin-left: 1rem;}

.headmobi-menu{float: right;width: 2rem;height: 2rem;}
.headmobi-menu img{width: 100%;margin-top: 1rem;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;}
.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: 100%;}
}

@media (max-width: 991px) {
	.headerwd{padding-bottom: 0.5rem;}
	.headlogo{margin-bottom: 0.5rem;}
	.headnav-rt{float: left;margin-top: 1rem;}
}
@media (max-width: 768px) {
.banner .swiper-container .swiper-wrapper .swiper-slide .text{opacity:0;}
.banner .swiper-container .pagination-all{    bottom: 20%;}
.banner .slide-next{display:none;}
.headnav-rt{margin-bottom: 1rem;margin-left: 1rem;}
.headmobi-menu{margin-right: 2rem;}
.headerbox{padding-bottom: 0;}
}
.text p{width: 100%;}
.text h2{margin-bottom: 2rem;}
.banner-btnbox{margin-top: 4rem;}
.bannerbtn{	
	
	display: inline-block;
	    font-size: 0.75rem;
	    font-weight: 600;
	    color: #ffffff;	  

	    line-height: 2.5rem;
	    text-align: center;
	    padding:0 3rem;
	    text-transform: uppercase;
	    -webkit-border-radius: 8px;
	    -moz-border-radius: 8px;
	    border-radius: 8px;
	    position: relative;
	    z-index: 1;
	    overflow: hidden;
		
}
.bannerbtnlf{
	background: #8ac334;transition:all 0.3s ease;color: #ffffff;
}
.bannerbtnrt{
	background: #0075c2;transition:all 0.3s ease;color: #ffffff;
}
.bannerbtnlf:hover{
	background: #0075c2;color: #FFFFFF;
}
.bannerbtnrt:hover{
	background: #8ac334;color: #FFFFFF;
}
/*分页样式开始*/
.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:#0075c2; border:1px solid #0075c2; 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: 10rem; background-size: 100% 100%;margin-top: 3rem;}
.banner-cp{background: url(banner_nei.jpg) no-repeat;background-size: 100% 100%;}
	@media (max-width: 768px) {
		.bannernei{ width: 100%;padding: 5rem; background-size: 100%;}
	}

	@media (max-width: 500px) {
		.bannernei{
			padding: 3rem;
		}
	}

/* 首页关于我们 */

.syabout{
	width: 100%;padding:6rem 0;
	background: url(syaboutbj.jpg) no-repeat;
	background-size: 100%;
}
.syaboutgsdata{
	
	color: #0075c2;
	font-size: 2.5rem;
	font-weight: bold;
	display: inline-block;
	line-height: 4rem;
}
.syaboutline{
	width: 3rem;
	height: 2px;
	background-color: #8ac334;
	margin-bottom: 1rem;
}
.syaboutgsname{
	font-size: 1.5rem;
	font-weight: bold;
	color: #333333;
	line-height: 2rem;
}
.syaboutdec{
	font-size: 1rem;
	font-weight: bold;
	color: #333333;
	line-height: 3rem;
}
.syaboutwz{
	font-size: 0.75rem;	
	color: #666666;
	line-height: 2rem;
}

.morebtn{
	display: block;
	background-color: #0075c2;
	width: 9rem;
	text-align: center;
	color: #ffffff;
	line-height: 2.5rem;
	margin-top: 2rem;
	font-size: 0.75rem;
}
.morebtn:hover{
	color: #ffffff;
	background-color: #8ac334;
}

.syaboutrt-m{
	width: 100%;padding-left: 6rem;box-sizing: border-box;
}
.syaboutrtbox{margin-top: 6rem;}
.syaboutrtlist{margin-bottom: 3rem;}
.syaboutrtlistbox{
	border-left: 1px solid #cccccc;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	padding-left: 2rem;
}
.syaboutrtlistp1{
	    font-family: 'Oswald', sans-serif;
	    font-size: 3rem;
	    color: #0075c2;
	    line-height: 4rem;
}
.syaboutrtlistp1 span{
	font-size: 0.65rem;
	color: #333333;
}
.syaboutrtlistline{
	width: 2px;
	height: 3rem;
	position: absolute;
	left: -1px;top: 0;
	background-color: #0075c2;
}

.syaboutlistp2{font-size: 0.95rem;color: #333333;}
@media (max-width: 1000px) {
	.syaboutrt-m{padding-left: 1rem;}
}




/* 首页企业优势开始 */
.syyoushi{
	width: 100%;color: #ffffff;
	display: flex;
}
.syyoushilist{
	width: 33.33%;
	box-sizing: border-box;
	padding: 4rem;
}
.syyslistbox{
	width: 100%;
	transition: all 0.5s ease;
	position: relative;
	box-sizing: border-box;
	padding: 8rem 2rem;
}
.syyoushilist:hover .syyslistbox{
	background-color: rgba(0, 0, 0, 0.3);
	top: -0.2rem;
}

.syyslist01{
	background: url(syyouimg01.jpg) no-repeat;
	background-size: 100%;
}

.syyslist02{
	background: url(syyouimg02.jpg) no-repeat;
	background-size: 100%;
}

.syyslist03{
	background: url(syyouimg03.jpg) no-repeat;
	background-size: 100%;
}
.syysp1{
	font-size: 2rem;
	font-weight: bold;
}

.syysen{
	font-size: 0.75rem;
	color: #3787ff;
	font-weight: bold;
	font-family: Trebuchet MS,Helvetica,sans-serif;
	line-height: 2rem;
	text-transform: uppercase;
}
.syyswz{
	font-size: 0.75rem;
	line-height: 2rem;
	margin-top: 2rem;
}
.syyslist03 .syysen{color: #acc9e5;}


@media (max-width: 1268px) {
	.syyslistbox{padding: 4rem 1rem;}
}

@media (max-width: 1100px) {
	.syyoushilist{padding: 2rem;}
}
@media (max-width: 900px) {
	.syysp1{font-size: 1.2rem;}
	.syysen{line-height: 1rem;margin-top: 0.5rem;}
	.syyswz{margin-top:1rem;}
	.syyswz{line-height: 1.5rem;}
}
@media (max-width: 768px) {
	.syyoushi{flex-wrap: wrap;}
	.syyoushilist{width: 100%;margin-top: 0.5rem;background-size:cover;}
	
}




/* 首页产品开始 */
.sycp{
	width: 100%;
	padding: 6rem 0;
	background: url(sycpbj.png) no-repeat;
	background-size: 100% 100%;
}
.sytitbox{
	text-align: center;
	font-size: 1.6rem;
	color: #333333;
	font-weight: bold;
}
.sytitboxp span{
	color: #0075c2;
}
.sytitline{
	width: 3rem;
	height: 3px;
	background-color: #0075c2;
	margin: 0 auto;
	margin-top: 1rem;
}

.sycpbox ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 2rem;
}
.sycpbox ul li{
	margin-bottom: 1rem;
	margin-right: 0.5rem;
	margin-left: 0.5rem;
}
.sycpbox ul li a{
	display: block;
	border: 1px solid #0075c2;
	padding: 0 1.5rem;
	text-align: center;
	line-height: 2rem;
	font-size: 0.75rem;
	color: #333333;
	background-color: #ffffff;
	transition: all 0.5s ease;
}
.sycpbox ul li a:hover{
	background-color: #0075c2;
	border: 1px solid #ffffff;
	color: #ffffff;
}
.sycpbot{
	margin-top: 2rem;
}

.sycpbot ul li{
	margin-bottom: 1rem;
}
.sycpbot ul li a{
	display: block;
	box-sizing: border-box;
	background-color: #ffffff;
	padding-bottom: 1rem;
	}
.sycpimgbox{
	width: 100%;
	overflow: hidden;
}
.sycpimgbox img{
	width: 100%;
	transition: all 0.3s ease;
}
.sycpbot ul li:hover .sycpimgbox img{
	transform: scale(1.1);
}
.sycptit{
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	font-size: 0.85rem;
	color: #333333;
	line-height: 3rem;
	height: 3rem;
	overflow: hidden;
	transition: all 0.3s ease;
}

.sycpdecbox{
	border-top: 1px solid #cccccc;
	width: 90%;
	margin: 0 auto;
	font-size: 0.65rem;
	color: #666666;
	height: 3rem;
	line-height: 1.5rem;
	overflow: hidden;	
	
}
.sycpbot ul li:hover .sycptit{
	color: #0075c2;
}




/* 首页案例开始 */
.sycase{
	width: 100%;
	background: url(sycasebj.jpg) no-repeat;
	background-size: 100%;
	padding: 6rem 0;
	color: #ffffff;
	background-attachment: fixed;
	box-sizing: border-box;
	width: 100%;
	height: 670px;
}
.sycase .sytitboxp{
	color: #ffffff;
	
	}
.sycase .sytitboxp span{
	color: #ffffff;
}
.sycase .sytitline{background-color: #ffffff;}

.sycasebox{
	position: relative;
	height: 370px;
	margin-top: 10rem;
	background-color: #f3f3f3;
	width: 100%;
	z-index: 1;
}
.sycaseboxdw{
	position: relative;
}
.sycaseboxnei{
	position: absolute;
	top: -140px;
	left: 0;
	width: 100%;
}
.sycaseboxneihz ul li{
	position: relative;
	transition: all 0.3s ease;
}
.sycaseboxneihz ul li a{
	display: block;
	box-shadow: 1px 1px 2px #cccccc;
	box-sizing: border-box;
	border-bottom: 3px solid #0075c2;
	}
.sycaseimgbox{
	box-sizing: border-box;
	width: 100%;
	padding: 1rem;
	background-color: #ffffff;
	overflow: hidden;
}
.sycaseimgbox img{
	width: 100%;
	transition: all 0.3s ease;
}
.sycasedec{
	box-sizing: border-box;
	width: 100%;
	padding:0 1rem 1rem 1rem;
	background-color: #ffffff;
}
.sycasedecp1{
	font-size: 0.85rem;
	color: #333333;
	line-height: 2rem;
	font-weight: bold;
	width: 100%;
	height: 2rem;
	overflow: hidden;
}
.sycasedecp2{
	font-size: 0.65rem;
	color: #666666;
	line-height: 1.5rem;
	width: 100%;
	height: 3rem;
	overflow: hidden;
}
.sycasemore{
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	font-size: 0.65rem;
	color: #666666;
}

.sycaseboxneihz ul li:hover{
	transform: translateY(-1rem);
}
.sycaseboxneihz ul li:hover .sycasedecp1{
	color: #0075c2;
}
.sycaseboxneihz ul li:hover .sycasemore{
	color: #0075c2;
}

@media (max-width: 991px) {
	.sycasebox{height: auto;margin-top: 2rem;}
	.sycase{height: auto;}
	.sycaseboxnei{position: static;padding-top: 1rem;padding-bottom: 1rem;}
	.sycaseboxneihz ul li{margin-bottom: 2rem;}
	.sycase{padding:6rem 0 2rem 0;}
	.syabout{padding: 2rem 0;}
}
@media (max-width: 768px) {
	.sycase{background:none;}
	.sycase .sytitboxp,.sycase .sytitboxp span{color:#0075c2;}
	.sycase .sytitline{background-color: #0075c2;}
}






/* 首页新闻开始 */

.synews{
	width: 100%;
	padding: 6rem 0;
}

.synewsbox{
	margin-top:3rem;
}
.synewsbox li{
	margin-bottom: 2rem;
	position: relative;
	transition: all 0.5s ease;
}
.synewsbox li a{
	display: flex;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #cccccc;
}
.synewslf{
	width: 20%;
	text-align: center;
	border-right: 1px solid #cccccc;
}
.synewslfdata{
	font-size: 3rem;
	color: #0075c2;
	line-height: 5rem;
	font-weight: bold;
}
.synewslfmouth{
	font-size: 0.85rem;
	color: #333333;
	line-height: 2.5rem;
	border-top: 1px solid #cccccc;
}
.synewsrt{
	width: 80%;
	box-sizing: border-box;
	padding: 1rem;
}
.synewsrttit{
	font-size: 0.95rem;
	font-weight: bold;
	line-height: 2rem;
	height: 2rem;
	overflow: hidden;
	width: 100%;
	transition: all 0.3s ease;
}
.synewsrtdec{
	font-size: 0.65rem;
	line-height: 1.2rem;
	color: #666666;
	height: 3.6rem;
	overflow: hidden;
}
.synewsbox li a:hover .synewsrttit{
	color: #0075c2;
}
.synewsbox li:hover{
	transform: translateY(-10px);
}
@media (max-width: 768px) {
	.synews{padding: 2rem 0;}
	.synewsrtdec{line-height: 1.5rem;height: 4.5rem;}
}



/* foot开始 */
.footbox{
	width: 100%;
	padding: 4rem 0;
	background-color: #171414;
	color: #ffffff;
}
.footboxhz{
	display: flex;
}
.footboxhzlf{
	width: 60%;
}

.footboxhzrt{
	width: 40%;
	text-align: right;
}
.footboxhzrt img{
	width: 7rem;
	margin-top: 1rem;
	border: 13px solid #ffffff;
}
.footboxlx{
	font-size: 0.65rem;
	line-height: 2rem;
}
.footboxlx a{color:#cccccc;}
.footboxlx img{
	width: 20px;
	margin-right: 0.5rem;
}

@media (max-width: 768px) {
	.footboxhz{flex-wrap: wrap;}
	.footboxhzrt{width: 100%;display: none;}
	.footboxhzlf{
		width: 100%;
	}
}



/* 位置开始 */
.addressbox{width:100%;padding:1rem 0.5rem;background:#ffffff;box-shadow:2px 2px 3px #cccccc;}
.addlf{display:inline-block;vertical-align: text-bottom;font-size: 0.65rem;color: #666666;}
.addlf span{
	font-size: 0.65rem;color: #666666;
}
.addlf a{
	font-size: 0.65rem;color: #333333;
}
.addlf svg{vertical-align: bottom;}
.add-form{width:50%;float:right;}
.add-form form{
	display:block;width:100%;
	border:1px solid #cccccc;
	box-sizing: border-box;
	border-radius: 10px;
		padding: 2px;
} 

.adss{
	border: none;
	font-size: 0.75rem;
	color: #666666;
	line-height: 1.6rem;
	padding-left: 0.5rem;
	box-sizing: border-box;
	width: 80%;
	float: left;
	margin-top: 1px;
}
.ad-ss_btn{
	width: 1.6rem;
	height: 1.6rem;
	background: url(head-ss01-02.png);
	background-size: 100% 100%;
	transition: all 0.3s ease;
	border: none;
	float: right;
}
.ad-ss_btn:hover{
	background: url(head-ss03.png);
	background-size: 100% 100%;
}
.addlficon{
	margin-top: 0.3rem;

}

@media (max-width: 768px) {
	.addlficon{	
		margin-bottom: 0.5rem;
	}
	.add-form{width:100%;}
}

/* 位置结束 */



/* 产品列表页开始 */

.mainbox{width: 100%;}
.cplistbox{margin-top: 2rem;width: 80%;}
.cplistbox ul{display: flex;flex-wrap: wrap;justify-content: center;}
.cplistbox ul li{margin-bottom: 1rem;padding-left: 1rem;padding-right: 1rem;}
.cplistbox ul li a{
	display: block;
	border: 1px solid #cccccc;
	padding: 0 1.5rem;
	font-size: 0.75rem;
	color: #444444;
	line-height: 2rem;
	height: 2rem;
	font-weight: bold;
	border-radius: 5px;
	transition: all 0.3s ease;
}
.cpnrbox{
	margin-top: 2rem;
}
.cplistbox ul li a:hover{
	color: #ffffff;
	background-color: #0075c2;
}
.cpnrbox ul li{
	margin-bottom: 2rem;
}
.cpnrimgbox{
	width: 100%;
	overflow: hidden;
}
.cpnrimgbox img{
	width: 100%;
	transition: all 0.3s ease; 
}
.cpnrbox ul li:hover .cpnrimgbox img{
	transform: scale(1.1);
}
.cptit{
	width: 100%;
	font-size: 0.85rem;
	color: #333333;
	line-height: 2rem;
	height: 2rem;
	overflow: hidden;
	text-align: center;
	margin-top: 0.5rem;
	font-weight: bold;
	box-sizing: border-box;
	padding: 0 0.5rem;
	transition: all 0.3s ease; 
}
.cpdec{
	width: 100%;
	font-size: 0.65rem;
	color: #666666;
	line-height: 1.5rem;
	height: 3rem;
	overflow: hidden;
	text-align: center;
}

.cpnrbox ul li:hover .cptit{
	background-color: #0075c2;
	color: #ffffff;
}


@media (max-width: 768px) {
	.cplistbox{width: 100%;}
	.cplistbox ul li{padding: 0 0.5rem;}
}



/* 产品内页开始 */

.mainbothz{
	background-color: #f9f9f9;
}
.mainbot{
	
	padding: 4rem 0;
	margin-top: 1rem;
}
.cpneilfimg img{width: 100%;}

.cpneirtdec h1{
	font-size: 1.2rem;
	color: #333333;
	line-height: 2rem;
	font-weight: bold;
	border-bottom: 1px dashed #cccccc;
	padding-bottom: 0.5rem;
	margin-bottom: 0.5rem;
	margin-top: 1rem;
}
.cpneicpdec{
	font-size: 0.75rem;
	color: #333333;
	line-height: 1.6rem;
	
}
.cpneitag{
	maring-top:1rem;
	font-size: 0.75rem;
	color: #333333;
	line-height: 1.6rem;
}
.cpneitag span{font-weight: bold;}
.cpneicpdec span{font-weight: bold;}
.cpneilxbtn{
	display: inline-block;
	background-color: #0075c2;
	color: #ffffff;
	font-size: 0.75rem;
	line-height: 2rem;
	padding: 0 1.5rem;
	margin-top: 1rem;
	border-radius: 5px;
	transition: all 0.3 ease;
	border: 1px solid #0075c2;
}
.cpneitag a{
	margin-left: 1rem;
}

.cpneilxbtn:hover{
	background-color: #f3f3f3;
	color: #0075c2;
	border: 1px solid #0075c2;
}

.cpneidecbox{
	margin-top: 2rem;
	border-top: 5px solid #cccccc;
	padding: 1rem 0;
	font-size: 0.75rem;
	line-height: 2rem;
}
.cpneidecbox p{
	text-indent: 2rem;
}

.tjtoptit{
	font-size: 0.95rem;
	font-weight: bold;
	width: 100%;
	color: #ffffff;
	box-sizing: border-box;
	padding: 1rem;
	background-color: #0075c2;
}
.tjtoptit img{width: 1.6rem;}

.tjnewsbot{
	width: 100%;
	box-sizing: border-box;
	padding: 1rem;
	border: 1px solid #0075c2;
}
.tjnewsbot ul li{
	margin-bottom: 1rem;
}
.tjnewsbot ul li a{
	display: block;
	border-bottom: 1px dashed #cccccc;
}
.tjnewstit{
	font-size: 0.75rem;
	width: 100%;
	height: 3rem;
	overflow: hidden;
	line-height: 1.5rem;
}
.tjnewsdec{
	text-align: right;
	margin-bottom: 0.5rem;
	color: #999999;
}
.tjnews{
	margin-bottom: 2rem;
}
.tjlxfs{
	width: 100%;
	box-sizing: border-box;
	padding: 1rem;
	border: 1px solid #0075c2;
}
.tjlxfs p{
	font-size: 0.75rem;
	line-height: 3rem;
}
.tjlxfs span{color: #999999;}



/* 新闻列表页开始 */
.newsnrbox{
	margin-top: 2rem;
}
.newsnrbox ul li{
	margin-bottom: 2rem;
}
.newsnrbox ul li a{
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 2rem;
	background-color: #ffffff;
	transition: all 0.3s ease;
	box-shadow: 0 5px 30px 0 rgba(0,0,0,0.1);
}
.newslistp1{
	font-size: 0.65rem;
	line-height: 2rem;
	color: #999999;
	font-weight: bold;
	font-family: Tahoma;
}
.newslistp2{
	font-size: 0.85rem;
	line-height: 2rem;
	color: #333333;
	font-weight: bold;
	height: 2rem;
	overflow: hidden;
	font-family: Tahoma;
}
.newslistp3{
	width: 100%;
	overflow: hidden;
	font-size: 0.65rem;
	line-height: 1.2rem;
	color: #999999;
	height: 2.4rem;
	margin-top: 0.5rem;
}
.newslistp4{
	font-size: 0.65rem;
	line-height: 2rem;
	color: #0075c2;
	margin-top: 1rem;
}
.newsnrbox ul li:hover a{
	background-color: #0075c2;
}
.newsnrbox ul li:hover p{
	color: #ffffff;
}

@media (max-width: 768px) {
	.newsnrbox ul li a{padding: 0.5rem;}
}



/* 新闻内页开始 */
.newsneitop{
	text-align: center;
}
.newsneitop h1{
	font-size: 0.95rem;
	color: #333333;
	line-height: 2rem;
	font-weight: bold;
	margin-bottom: 1rem;
}
.newsneitopwz{
	width: 100%;
}
.newsneitopwz span{margin-right: 1rem;margin-left: 1rem;}



.tjcpbot{
	    width: 100%;
	    box-sizing: border-box;
	    padding: 1rem;
	    border: 1px solid #0075c2;
}
.tjcpbot ul{width:100%;}
.tjcpbot ul li{
	margin-bottom: 1rem;
	width: 50%;
	box-sizing: border-box;
	padding: 0 0.5rem;
	float: left;
}
.tjcpbot ul li a{
	display: block;
}
.tjcpimg{width: 100%;overflow: hidden;}
.tjcpimg img{width: 100%;transition: all 0.3s ease;}
.tjcpbot ul li:hover .tjcpimg img{
	transform: scale(1.1);
}
.tjcpdec{
	width: 100%;
	line-height: 2rem;
	height: 2rem;
	overflow: hidden;
	font-size: 0.65rem;
	color: #333333;
	text-align: center;
}
.tjcpbot ul li:hover .tjcpdec{
	color: #0075c2;
}



/* 单独页开始 */

.ddytit{font-size: 1.2rem;font-weight: bold;text-align: center;}


/* 动画开始 */
#syabout,#sycp,#sycplist,#sycplistbox,#sycasetit,#synews,#footbox{position: relative;opacity: 0;top: 6rem;}
.syyslistboxdh{
	 animation-name: syyslistboxdh;
	  animation-duration: 1s;
	  animation-timing-function: linear;	 
	animation-fill-mode: both;
	 animation-delay: 0.5s;	  
}
@keyframes syyslistboxdh {
  0%   {transform: scale(0);}
  100% {transform: scale(1);}
}
#sycasebox{opacity: 0;}

@media (max-width: 768px) {
	#syabout{position: static;opacity: 1;}
}


  .contact-container {
            padding: 2rem 0;
            min-height: 100vh;
        }
        .page-header {
            text-align: center;
            margin-bottom: 3rem;
            padding: 2rem 0;
            background: linear-gradient(135deg, #2c3e50 0%, #4a6491 100%);
            color: white;
            border-radius: 0 0 30px 30px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
        }
        .page-header h1 {
            font-weight: 700;
            margin-bottom: 0.5rem;
        }
        .page-header p {
            font-size: 1.2rem;
            opacity: 0.9;
        }
        .contact-card {
            background: white;
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            overflow: hidden;
            height: 100%;
            margin-bottom: 2rem;
        }
        .contact-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
        }
        .contact-header {
            background: linear-gradient(135deg, #3498db 0%, #2c3e50 100%);
            color: white;
            padding: 1.5rem;
            text-align: center;
        }
        .contact-header h3 {
            margin: 0;
            font-weight: 600;
        }
        .contact-body {
            padding: 2rem;
        }
        .contact-info {
            margin-bottom: 1.5rem;
        }
        .contact-info-item {
            display: flex;
            align-items: center;
            margin-bottom: 1.2rem;
            padding: 0.8rem;
            background: #f8f9fa;
            border-radius: 10px;
            transition: background-color 0.3s;
        }
        .contact-info-item:hover {
            background: #e9ecef;
        }
        .contact-icon {
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #3498db;
            color: white;
            border-radius: 50%;
            margin-right: 15px;
            flex-shrink: 0;
        }
        .contact-detail {
            flex-grow: 1;
        }
        .contact-detail a {
            color: #2c3e50;
            text-decoration: none;
            transition: color 0.3s;
        }
        .contact-detail a:hover {
            color: #3498db;
            text-decoration: underline;
        }
        .qr-section {
            display: flex;
            justify-content: space-around;
            flex-wrap: wrap;
            margin-top: 2rem;
            padding-top: 2rem;
            border-top: 1px solid #eee;
        }
        .qr-code {
            text-align: center;
            margin: 0 10px 20px;
            flex: 1;
            min-width: 150px;
        }
        .qr-title {
            font-weight: 600;
            margin-bottom: 1rem;
            color: #2c3e50;
            font-size: 1rem;
        }
        .qr-image {
            width: 150px;
            height: 150px;
            margin: 0 auto;
            background: white;
            padding: 10px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }
        .qr-image img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
        }
        @media (max-width: 768px) {
            .qr-code {
                min-width: 140px;
            }
            .qr-image {
                width: 140px;
                height: 140px;
            }
        }
        @media (max-width: 576px) {
            .qr-section {
                flex-direction: column;
                align-items: center;
            }
            .qr-code {
                width: 100%;
                margin-bottom: 2rem;
            }
        }
        .footer {
            text-align: center;
            padding: 2rem 0;
            margin-top: 2rem;
            color: #6c757d;
            font-size: 0.9rem;
        }