/* 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;}
	.container-little{width: 70%;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;}
}

/* ----------------------------------------------------通用样式-------------------------------------------------------------- */
.xzicon{position: absolute;top: 1rem;right: 1rem;z-index: 9999;width: 75px !important;height: 75px;}
.headbox{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 100;
}
/* 头部开始 */
.topline{
	width: 100%;
	background-color: #000000;
	box-sizing: border-box;
	padding: 5px 0;
}
.toplinebox{
	display: flex;
	justify-content:space-between;
	color: #ffffff;
}
.toplinelf{
	color: #b8b8b8;
}
.toplinehz{
	display: flex;
}
.toplineabout{
	margin-left: 2rem;
	display: flex;
	align-items: center;
}
.topimg{
	width: 0.75rem;
	margin-right: 5px;
}

.toplineabout span{
	color: #b8b8b8;
	transition: all 0.3s ease;
}
.toplineabout:hover span{
	color: #fc021a;
}
.navhz{
	width: 100%;
	background-color: rgba(255,255,255,0.9);
	padding-top: 5px;
	border-bottom: 1px solid #f0f0f0;
}
.navhzbox{
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.logobox a{
	display: block;
}
.navul{
	display: flex;
}
.navul>li{
	padding:0 1.5rem;	
}
.navul>li a{
	display: block;
	font-size: 0.95rem;
	color: #000000;
	padding:1.2rem 0;transition: all 0.3s ease;
	position: relative;
	
}
.navul>li h2{
	margin: 0;
	padding: 0;
}
.navul>li a:hover{
	color: #fc021a;
}
.navline{
	width: 100%;
	height: 2px;
	background-color: #fc021a;
	position: absolute;
	bottom: -1px;
	left: 0;
	transition: all 0.3s ease;
	transform: scale(0);
	
}
.navul>li:hover .navline{
	transform: scale(1);
	border-radius: 2px;
}
.navactive>h2>a{
	color: #fc021a;
}
.navactive .navline{
	transform: scale(1);
}
.navhzright{
	display: flex;
	align-items: center;
}
.navhzright span{
	font-size: 0.8rem;
	margin-left: 5px;
	font-weight: bold;
}

.naverji{
	position: absolute;
	 top: 101%;
	left: 0;
	z-index: 100;
	background-color: rgba(4, 80, 159, 0.8);
	width: 100%;
	display: none;
	transition: all 0.3s ease;
	 opacity: 0;
	 z-index: 6;
}
.navul li:hover .naverji{
	display: block;
	opacity: 1;
}
.naverjimenu{
	width: 100%;
	display: flex;
	justify-content: center;
}
.naverjimenu a{
	margin-left: 1rem;
	margin-right: 1rem;
	color: #ffffff!important;
}
.naverjimenu a:hover{
	color: #fc021a!important;
}

.navcp{
	display: flex;
	width: 100%;
	box-sizing: border-box;
	padding: 2rem;
}
.navcplistimg{
	display: block;
	border:5px solid #ffffff;
	width: 200px;
	height: 200px;
	border-radius: 10px;
	margin-right: 2rem;
}
.navcplistrt{
	flex: 1;
	display: flex;
	justify-content: space-between;
}
.navcplisthz{
	width: 16.6%;
	margin-top: -1rem;
}
.navcplisttit{
	color: #ffffff !important;
	font-size: 0.75rem;
	font-weight: bold;
}
.navcplisttit:hover{
	color: #fc021a !important;
}
.navcplistrtbox a{
	color: rgba(255,255,255,0.9) !important;
	font-size: 0.65rem !important;
	padding: 0  !important;
	line-height: 2rem;
}

.navcplistrtbox a:hover{
	color: #fc021a !important;
}














/* banner开始 */
@media (max-width: 768px) {
.banner .swiper-container .swiper-wrapper .swiper-slide .text{opacity:0;}
.banner .swiper-container .pagination-all{    bottom: 5%;}
.banner .slide-next{display:none;}
.headnav-rt{margin-bottom: 1rem;margin-left: 1rem;}
.headmobi-menu{margin-right: 2rem;}
}
.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: #fc021a;transition:all 0.3s ease;
}
.bannerbtnthree{
	background: #e4e0dd;transition:all 0.3s ease;
	color: #1b72c8;
}
.bannerbtnrt{
	background: #1b72c8;transition:all 0.3s ease;
}
.bannerbtnthree:hover{
	color: #fc021a;
}
.bannerbtnlf:hover{
	background: #1b72c8;color: #FFFFFF;
}
.bannerbtnrt:hover{
	background: #fc021a;color: #FFFFFF;
}

.banerimgdh{
	transform: scale(1.1);
	transition: all 5s ease 0.2s;
}
.banner-en{
	font-size: 24px important;
}
.bannerhzimg{
	width: 30rem !important;
}
.jiazailogo{
	position: absolute;
	right: 5rem;
	bottom: 5rem;
	z-index: 99;
	padding: 3rem;
}
.jiazailogoimg{
	width: 5rem;
	height: 5rem;
	opacity: 0.5;
}
.jiazailogoloading{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	animation-name: jiazailogodh;
	animation-duration: 4s;
	animation-iteration-count: jiazailogodh;
	 animation-iteration-count: infinite;
	 animation-timing-function: linear;
}
@keyframes jiazailogodh {
  0%   {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}
.jiazailogoloading img{
	width: 100%;
	height: 100%;opacity: 0.5;
}
.updown{
	position: absolute;
	left: 5rem;
	top: 15rem;
	z-index: 99;
	display: block;
	animation-name: updowndh;
	animation-duration: 4s;
	animation-iteration-count: updowndh;
	 animation-iteration-count: infinite;
}
@keyframes updowndh {
  0%   {transform: translateY(0);opacity: 0.2;}
  50% {transform: translateY(2rem);}
  100% {transform: translateY(0);opacity: 1;}
}




/*分页样式开始*/
.page{
	margin-top: 2rem;
	margin-bottom: 4rem;
}
.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:#1b72c8; border:1px solid #1b72c8; 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: 12rem; background-size: 100% 100%;margin-top: 2rem;}
.banner-cp{background: url(banner_nei.jpg) no-repeat;background-size: 100% 100%;}
	@media (max-width: 768px) {
		.bannernei{width: 100%;padding: 8rem; background-size: 100%;}
	}
	@media (max-width: 516px) {
		.bannernei{width: 100%;padding: 6rem; background-size: 100%;}
	}


/* 产品开始 */
.sycp{
	padding: 4rem 0 0 0;
}

.sycptitbox{
	display: flex;
	align-items: center;
}
.sycptit{
	font-size: 1.2rem;
	font-weight: bold;
	margin-right: 4rem;
}
.sycptitbox ul{
	display: flex;
}
.sycptitbox ul li{
	margin-right: 2rem;
}
.sycptitbox ul li a{
	color: #6d6d6d;
	font-size: 0.75rem;
}
.sycptitbox ul li a:hover{
	color: #fc021a;
}
.sycpbox{
	margin-top: 1.5rem;
	position: relative;
}
.sycpboxlf{
	width: 38%;
	border: 15px solid #f0f0f0;
	box-sizing: border-box;
	padding: 4rem 4rem 4rem 2rem;
}
.sycpboxlogo{
	display: block;
	margin: 0 auto;
	margin-top: 2rem;
}
.sycplftext{
	margin-top: 3rem;
	font-size: 0.8rem;
	color: #9d9d9d;
	line-height: 2rem;
}
.sycplftext p{
	text-indent: 2rem;
}
.sycpmorebox{
	display: flex;
	justify-content: center;
}
.cpmore{
	display: block;
	margin: 0 auto;
	margin-top: 3rem;
	border: 2px solid #fc021a;
	border-radius: 5px;
	padding: 0.5rem 2rem;
	font-size: 0.75rem;
	color: #fc021a;
}
.sycpboxrt{
	width: 66%;
	position: absolute;
	top: 3.5rem;
	right: 0;
}
.sycpboximg{
	width: 100%;
}
.sycpboximg img{
	width: 100%;
}
.sycplunbo{
	padding-bottom: 4rem;
}
.cplunboprev{
	display: block;
	width: 2rem;
	height: 2rem;
	background-color: #fc021a;
	background: url(sycpleft.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	right: 3rem;
}
.cplunbonext{
	width: 2rem;
	height: 2rem;
	background-color: #fc021a;
	display: block;
	background: url(sycpright.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	right: 0rem;
}
.sycplunbobox{
	position: absolute;
	top: 0;
	right: 0;
}

.sycptitbox .carousel-indicators{
	position: static;
	width: auto;
	margin-left: 0;
}
.sycptitbox .carousel-indicators li{
	width: auto;
	height: auto;
	text-align: center;
	text-indent: 0;
}

.sycptitbox .carousel-indicators .active{
	margin-right: 2rem;
}
.sycptitbox .carousel-indicators .active a{
	color: #fc021a;
	padding: 0.5rem 1.2rem;
	    color: #fc021a;
	    box-shadow: 1px 1px 6px #cccccc;
	    border-radius:10px;
}


/* 工程案例开始 */
.sycase{
	width: 100%;
	padding-top: 2rem;
}
.huoicon{
	width: 1rem;
	margin-right: 0.2rem;
	vertical-align: text-top;
}

.casebox{
	width: 100%;
	box-sizing: border-box;
	position: relative;
	margin-top: 1.5rem;
}
.caseboxbj{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #f0f0f0;
	height: 12rem;
}
.caseboxhz{
	width: 100%;
	margin: 0 auto;
	padding-top: 2rem;
	padding-right: 2rem;
	box-sizing: border-box;
}
.caseol{
	left: auto;
	width: 30%;right: -4rem;bottom:4rem;
}
.caseol li{
	background-color: rgba(255,255,255,0.5);
}

.caseol .active{
	background-color: #fc021a;
	border: 1px solid #fc021a;
}
.caseitem{
	width: 100%;
	position: relative;
}
.caseitem img{
	width: 100%;
}
.csetit{
	width: 14rem;
	box-sizing: border-box;
	line-height: 3.2rem;
	height: 3.2rem;
	overflow: hidden;
	text-align: center;
	color: #ffffff;
	background: url(casetitbj.png) no-repeat;
	background-size: 100% 100%;
	font-size: 1rem;
	position: absolute;
	bottom: -2rem;
	left:-2rem;
}
.casehzdiv .item{
	padding-bottom: 2rem;
}
.casehzdiv .item{
	padding-left: 2rem;
	padding-bottom: 2rem;
}

.syzy{
	width: 100%;
	box-sizing: border-box;
	background: url(yonghubj.jpg) no-repeat;
	background-size: 100% 100%;
	padding-top: 2rem;
	background-attachment: fixed;
	padding-bottom: 6rem;
	margin-top: 2rem;
}
.syzymore{
	display: block;
	text-align: right;
	color: #ffffff;
	font-size: 0.65rem;
}
.syzymore:hover{
	color: #fc021a;
}
.syzymore span{
	color: #fc021a;
}

.syzytit{
	display: flex;
	text-align: center;
	margin: 0 auto;
	margin-top: 3rem;
	justify-content: center;		
}
.syzytitbox{
	color: #ffffff;
	font-weight: bold;
	font-size: 1.5rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #cccccc;
	letter-spacing: 2px;
}
.syzytitbox span{
	color: #fc021a;
}

.syzytext{
	text-align: center;
	color: #ffffff;
	font-size: 0.75rem;
	line-height: 2rem;
	margin-top: 1.5rem;
}

/* 服务开始 */
.syfw{
	width: 100%;
	box-sizing: border-box;
	padding: 2rem 0;
}

.syfwlist{
	display: flex;
	justify-content: space-between;
}
.syfwimg{
	width: 100%;
}
.syfulistbox{
	margin-left: 10px;
	margin-right: 10px;
	display: block;
	overflow: hidden;
	cursor: pointer;
	position: relative;
}
.syfwimg{
	transition: all 0.5s ease;
}
.syfulistbox:hover img{
	transform: scale(1.1);
}
.syfulsitit{
	width: 100%;
	position: absolute;
	padding-top: 2rem;
	padding-bottom: 4rem;
	bottom: -6rem;
	left: 0;
	color: #ffffff;
	box-sizing: border-box;
	padding-left: 1.5rem;
	transition: all 0.3s ease;
	
	
}
.syfulistbox:hover .syfulsitit{
	transform: translateY(-3rem);
	background: url(fuwuzhezhao.png) repeat-x;
	background-size: 100% 100%;
}
.syfup1{
	line-height: 2rem;
	font-size: 0.7rem;
}
.syfup2{
	font-size: 1rem;
	font-weight: bold;
}
.syfwmore{
	line-height: 2rem;
	font-size: 0.7rem;
	margin-top: 1rem;
}

.syfwmore span{
	color: #fc021a;
}
.syfwmore:hover{
	color: #cccccc;
}
.syfwlist{
	margin-bottom: 20px;
}
/* 新闻开始 */
.synewstit{
	width: 100%;
	box-sizing: border-box;
	background-color: #f0f0f0;
	padding: 1.5rem 0;
}
.synewstit .syzymore{
	color: #666666;
}
.synewstit .syzymore:hover{
	color: #fc021a;
}
.synewsflex{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.synews{
	width: 100%;
	box-sizing: border-box;
	padding: 2rem 0;
	background: url(synewsbj.jpg) no-repeat;
	background-size: 100% 100%;
	background-attachment: fixed;
}
.synewshz{
	display: flex;
	justify-content: space-between;
}
.synewslf{
	width: 48%;
}
.synewsrt{
	width: 48%;
}
.synewslist{
	display: block;
	padding: 1rem 0;
	border-bottom: 1px solid #4a4949;
	transition: all 0.3s ease;
	font-size: 0.7rem;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
.synewslisttop{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.synewslisttoplf{
	width: 70%;
	line-height: 1.5rem;
	height: 1.5rem;
	overflow: hidden;
	color: #ffffff;
	
	transform: translateY(-0.5rem);
}

.synewslisttoprt{
	color: #666666;
}
.synewslistbot{
	width: 100%;
	box-sizing: border-box;
	height: 1.5rem;
	line-height: 1.5rem;
	overflow: hidden;
	color: #666666;
}

.synewslist:hover{
	transform: translateY(-0.5rem);
}
.synewslist:hover .synewslisttoplf{
	color: #fc021a;
}


.synewsmore{
	color: #ffffff;
	padding-top: 2rem;
	display: block;
}
.synewsmore span{
	color: #fc021a;
}
.synewsmore:hover{
	color: #fc021a;
}



.tupianceshi{
	width: 48%;
	position: relative;
	border-radius: 0.5rem;
	overflow: hidden;
	max-height: 450px;
}
.cpxuzhuan{
	width: 100%;
	height: 100%;
	background: url(cpxuanzhuanbjimg.jpg) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0px;
	right:0px;
	cursor: pointer;
	max-height: 450px;
}

.tupianceshi img{
	width: 100%;
}





/* foot */

.footbox{
	width: 100%;
	background-color: #f2f2f2;
	box-sizing: border-box;
	padding-top: 2rem;
	color: #666666;
}
/* .footbox a{
	color: #666666;
} */
.foottop{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 0.5rem;
}
.foottoplf{
	font-size: 0.75rem;
}
.foottoprt{
	background-color: #ffffff;
	border: 1px solid #e6e6e6;
	padding: 0.3rem;
}
.footadss{
	height: 1.6rem;
	line-height:1.6rem;
	border: none;
	font-size: 0.75rem;
	width: 70%;
}
#sosuo{
	display: flex;
	justify-content: space-between;
}
.ad-ss_btn{
	width: 1.6rem;
	height:1.6rem;
	background: url(head-ss01-02.png) no-repeat;
	background-size: 100% 100%;
	border: none;
}

.footbot{
	display: flex;
	justify-content: space-between;
	margin-top: 2rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #e6e6e6;
}
.footnavtit{
	font-size: #333333;
	font-weight: bold;
	line-height: 2rem;
	font-size: 0.85rem;
}
.footnavlist ul li{
	color: #666666;
	line-height: 2rem;
	font-size: 0.65rem;
}
	
.footnavlist ul li a{
	color: #666666;
	line-height: 2rem;
	font-size: 0.65rem;
}
.footnavlist ul li a:hover{
	color: #fc021a;
}
.footyouqing{
	width: 100%;
	padding: 1rem 0;
	display: flex;
	justify-content: space-between;
}

.footyqlf a{
	display: inline-block;
	margin-left: 2rem;
	color: #666666;
	line-height: 2rem;
	font-size: 0.65rem;
}
.footyqrt a{
	display: block;
	margin-left: 1rem;
}
.footyqrt{
	display: flex;
}
.footyqrt a img{
	width: 1.2rem;
	height: 1.2rem;
}

.footdibu{
	width: 100%;
	text-align: center;
	padding: 0.2rem 2rem;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	background-color: #e6e6e6;
	color: #666666;
	line-height: 2rem;
	font-size: 0.65rem;
}
.footbanquan span{
	margin-left: 1rem;
	margin-right: 1rem;
}

/* header */
.mobimunu img{
	width: 2rem;
}
.mobimunu{display: none;}

.mobimenubox{
	width:100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 100%;
	display: flex;
	justify-content: flex-end;
}
.mobimenumain{
	height: 100%;
	width: 70%;
	background-color: #ffffff;padding-top: 1rem;
}
.mobimenumain ul li{
	width: 100%;
	box-sizing: border-box;
	padding: 0 1rem;
	margin-top: 0.5rem;
}
.mobimenumain ul li a{
	display: block;
	font-size: 1rem;
	line-height: 4rem;
	color: #333333;
	background-color: #fafafa;
	box-sizing: border-box;
	padding: 0 1rem;
	border-left: 3px solid #004e9b;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.mobitit a{
	background-color: #004e9b !important;
	text-align: center;
	color: #ffffff !important;
	line-height: 3rem!important;
	
	justify-content: center;
}
.mobiicon{
	width: 1rem;
}
.mobimenvclose{
	position: absolute;
	top: 2rem;
	left: 2rem;
}
.mobicloseimg{
	width: 2rem;
}

@media screen and (max-width: 991px) {
	.topline{display: none!important;}
	.navmain,.navhzright{display: none;}
	.navhzbox{padding: 0.5rem;}
	.logobox img{width: 10rem;}
	.headbox{position: relative;}
	.mobimunu{display: block;}
}


/* banner */
@media screen and (max-width: 768px) {
	.jiazailogo{display: none;}
}

/* 产品 */

@media screen and (max-width: 991px) {
	.sycpboxlf{width: 100%;display: none;}
	.sycpboxrt{
		width: 100%;
		position: static;
	}
	.cplunboprev{left: 0;top: 48%;width: 3rem;height: 3rem;}
	.cplunbonext{right: 0;top: 48%;width: 3rem;height: 3rem;}
	.sycp,.sycase,.syzy,.synewstit,.synews,.footbox{width: 100%;box-sizing: border-box;padding-left: 1rem;padding-right: 1rem;}
	.sycplunbo{padding-bottom: 2rem;}
}


/* 厂区规模 */
@media screen and (max-width: 768px) {
	.syfup1{display: none;}
	.syzy{background-size: contain;background: url(yonghubj.jpg) no-repeat;}	
}

/* 新闻 */
@media screen and (max-width: 768px) {
	.synewshz{flex-wrap: wrap;}	
	.synewslf{width: 100%;}
	.synewsrt{width: 100%;}
	.tupianceshi{height: 450px;margin-top: 2rem;display: none;}
	#mySpriteSpin{width: 100% !important;}
}
@media screen and (max-width: 520px) {
	.sycptitbox ul li{margin-right: 0.5rem;}
	.sycptit{margin-right: 2rem;}
}

/* foot */
@media screen and (max-width: 768px) {
	.footbot{flex-wrap: wrap;}
	.footnavlist{width: 50%;}
	.footyqrt{display: none;}
	.caseol{right: 0;}
}


/* 内页样式 */

.neibanner{
	width: 100%;
}
.neibanner img{
	width: 100%;
}

.address{
	width: 100%;
	padding: 1rem 0;
	background-color: #f0f0f0;
}
.addressbox{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.addressrt{
	width: 30%;
}
.addresslf{
	font-size: 0.85rem;
	
}
.addresslf img{
	margin-right: 0.5rem;vertical-align: text-bottom;
}

.addresslf a:hover{
	color: #fc021a;
}
.cptitbox{
	margin-top: 4rem;
	text-align: center;	
}
.cptitwz{
	font-size: 1.5rem;
	font-weight: bold;
	color: #000000;
	display: inline-block;
	line-height: 3rem;
	border-bottom: 5px solid #000000;
	position: relative;
	z-index: 2;
}
.cptitboxline{
	width: 100%;
	height: 1px;
	background-color: #f0efef;
	position: relative;
	top: -3px;
}

.cpnavbox{
	margin-top: 2rem;
}
.cpnavbox ul{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.cpnavbox ul li{
	margin-left: 1rem;
	margin-right: 1rem;
	margin-bottom: 1rem;
}
.cpnavbox ul li a{
	font-size: 0.95rem;
	color: #ffffff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:0.4rem 0.8rem;
	/* background-color: #f9f9f9; */
	background-image: linear-gradient(to right, #004e9b , #067aec);
	border: 1px solid #ffffff;
	border-radius: 5px;transition: all 1s ease;
}
.cpliicon{width: 1.5rem;margin-left: 2rem;transition: all 0.3s ease;}

.cpnavbox ul li a:hover{
	background-image: linear-gradient(to right, #067aec , #004e9b);
}
.cpnavbox ul li a:hover .cpliicon{
	transform: translateX(-1rem);
}

.cphz ul li{
	margin-top: 2rem;
}
.cphz ul li a{
	display: block;
	background-color: #f8f8f8;
	transition: all 0.3s ease;
}
.cpliimgbox{
	width: 100%;
	overflow: hidden;
}
.cpliimgbox img{
	width: 100%;
	transition: all 0.3s ease;
}
.cphzbot{
	width: 100%;
	box-sizing: border-box;
	padding:1.5rem 2rem;
}
.cphztit{
	font-size: 1rem;
	font-weight: bold;
	line-height: 2rem;
	color: #000000;
}
.cphzdec{
	font-size: 0.75rem;
	width: 100%;
	height: 2.2rem;
	overflow: hidden;
	line-height: 2rem;
	padding-bottom: 0.2rem;
	border-bottom: 1px solid #cccccc;
}
.cphzbtn{
	display: inline-block;
	color: #fc021a;
	padding: 0.2rem 0.5rem;
	border-radius: 5px;
	border: 1px solid #fc021a;
	margin-top: 1rem;
	font-size: 0.75rem;
}
.cphz ul li a:hover .cphztit{
	color: #1b72c8;
}
.cphz ul li a:hover .cpliimgbox img{
	transform: scale(1.1);
}


@media (max-width: 768px) {
	.cpnavbox ul li{margin-right: 0.5rem;margin-left: 0.5rem;margin-bottom: 0.5rem;}
	.cphztit{
		font-size: 0.75rem;
	}
	.cphzbot{padding: 0.5rem;}
	.page{margin-top: 1rem;margin-bottom: 2rem;}
	.footyqlf a{margin-left: 0.5rem;}
	.footdibu{line-height: 1.5rem;}
	.cptitbox{margin-top: 2rem;}
	.cptitwz{font-size: 1rem;}
	.cpnavbox ul li a{font-size: 0.75rem;padding: 0.2rem 0.5rem;}
	
}




/* 产品详情页 */
.mainnei{
	padding: 4rem 0;
}
.cpneicpimg{width: 100%;position: relative;height: 100%;max-width: 950px;margin: 0 auto;}
.cpneicpimg img{
	width: 100%;
	
	display: block;
	margin: 0 auto;
}
.imgcpnei{
	
	margin: 0 auto;
}
.imgcpnei #mySpriteSpin{
	position: absolute  !important;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100% !important;
	height: 100% !important;
}

.cpneitop{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}
.cpneilf{
	width: 100%;
	min-height: 450px;
	margin-bottom: 2rem;
	box-sizing: border-box;
	padding:2rem 1rem;
	background-color: #f3f3f3;
	display: flex;
	justify-content: space-between;
	position: relative;
}
.cpneiicon{
	text-align: right;
	width: 10%;
	position: relative;
}
.cpneiiconbox{
	padding:1rem;
	border: 1px solid #cccccc;
	display: inline-block;
	border-radius: 5px;
	position: absolute;
	top: 50%;
	left: 10%;
	transform: translate(0,-50%);
}
.curyagnshi:hover{
	cursor: pointer;
}
.cpneiiconbox:hover{
	background-color: #dad8d8;
	cursor: pointer;
}
.cpneishou{
	width: 3rem !important;
	
}
.cpneirt{
	width: 100%;
	background-color: #f3f3f3;
}
.cpneitoprt{
	width: 100%;
	box-sizing: border-box;
	padding: 2rem;
	
}
.cpneitit{
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 2rem;
	display: block;
	border-bottom: 3px solid #999999;
	padding-bottom: 0.5rem;
	
}
.cpneidec{
	margin-top: 2rem;
	line-height: 2rem;
	font-size: 0.85rem;
	color: #000000;

	width: 100%;
	overflow: hidden;
}
.cpneidec span{
	font-weight: bold;
}
.cpneitag{
	line-height: 2rem;
	font-size: 0.85rem;
	color: #000000;
	margin-top: 1rem;
}
.cpneitag span{
	font-weight: bold;
}
.cpneitag a{
	line-height: 2rem;
	font-size: 0.85rem;
	color: #000000;
	margin-left: 1rem;
}

.cpneitelbox{
	margin-top: 1rem;
	display: flex;
	align-items: center;
}

.cpneitelboximg{
	width: 2rem;
	vertical-align: text-bottom;
	margin-right: 1rem;
}
.cpneitelbox span{
	font-size: 1.6rem;
	font-weight: bold;
	color: #666666;
}
.cpneibtn{
	margin-top: 2rem;
}
.cpneilxbtn{
	margin-right: 1rem;
	display: inline-block;
	background-color: #1b72c8;
	border-radius: 5px;
	padding: 0.8rem 2rem;
	color: #ffffff;
}
.cpneilxbtn:hover{
	background-color: #666666;
	color: #ffffff;
}
.cpneigybtn{
	display: inline-block;
	background-color: #bcbbbb;
	border-radius: 5px;
	padding: 0.8rem 2rem;
	color: #000000;
}
.cpneigybtn:hover{
	background-color: #1b72c8;
	color: #ffffff;
}
.cpneiboxhz{
	margin-top: 2rem;
	border-top: 3px solid #999999;
}
.cpneiboxhztit{
	width: 100%;
	padding: 2rem 0 0.5rem 0;
	border-bottom: 1px solid #cccccc;
	font-size: 1rem;
}

.cpneimain{
	padding: 2rem 0;
	font-size: 0.85rem;
	line-height: 2rem;
}


@media (max-width: 991px) {
	.cpneilf{width: 100%;margin-right: 0;margin-bottom: 2rem;}
	.cpneirt{width: 100%;}
}
@media (max-width: 768px) {
	.cpneitit{font-size: 1rem;border-bottom: 1px solid #999999;}
	.imgcpnei #mySpriteSpin{height: 404px !important;}
	.cpneilf{height: auto;min-height: auto;}
}

@media (max-width: 700px) {
	.imgcpnei #mySpriteSpin{height: 373px !important;}
}
@media (max-width: 600px) {
	.imgcpnei #mySpriteSpin{height: 318px !important;}
}
@media (max-width: 550px) {
	.imgcpnei #mySpriteSpin{height: 318px !important;}
}
@media (max-width: 530px) {
	.imgcpnei #mySpriteSpin{height: 281px !important;}
}
@media (max-width:480px) {
	.imgcpnei #mySpriteSpin{height: 255px !important;}
}
@media (max-width:440px) {
	.imgcpnei #mySpriteSpin{height: 230px !important;}
}
@media (max-width:400px) {
	.imgcpnei #mySpriteSpin{height: 209px !important;}
}




/* 案例开始 */
.casehztit{
	display: block;
	width: 100%;
	line-height: 1.5rem;
	height: 1.5rem;
	overflow: hidden;
	font-size: 1rem;
	text-align: center;
	font-weight: bold;
}
.cphz ul li:hover .casehztit{
	color: #1b72c8;
}

.caseneiimg{
	width: 100%;
	margin-top: 2rem;
	margin-bottom: 2rem;
	text-align: center;
}
.caseneiimg img{
	width: 100%;
	max-width: 500px;
}

@media (max-width: 768px) {
	.casehztit{font-size: 0.75rem;}
}



.newsbox ul li{
	margin-top: 2rem;
	transition: all 0.3s ease;
	
	}
.newsbox ul li a{
	display: flex;
	flex-wrap: wrap;
	background-color: #f3f3f3;
}
.newslistimg{
	width: 20rem;
}
.newslistimg img{
	width: 100%;
}

.newslistrt{
	flex: 1;
	box-sizing: border-box;
	padding: 3rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.newslistp1{
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 2rem;
	width: 100%;
	height: 2rem;
	overflow: hidden;
}
.newslistp2{
	font-size: 0.85rem;
	line-height: 2rem;
	color: #666666;
	
}
.newslistrtdata{
	text-align: center;
	padding-left: 2rem;
}
.newslsitdatap1{
	font-size: 3rem;
	color: #62676a;
	font-weight: bold;
}
.newslsitdatap2{
	font-size: 0.85rem;
	color: #62676a;
	font-weight: bold;
}

.newsbox ul li:hover{
	transform: translateY(-1rem);
	box-shadow: 0 0 10px #cccccc;
}

.newsbox ul li:hover .newslistp1{
	color: #1b72c8;
}

@media (max-width: 991px) {
	.newslistp2{height: 4rem;line-height: 2rem;overflow: hidden;}
}
@media (max-width: 768px) {
	.newslistimg{
		width: 100%;
	}
	.newslistrt{flex-wrap: wrap;}
	.newslistrt{padding: 2rem;}
	.newslistrtdata{display: none;}
}
.newstitwz{
	color: #666666;
	font-size: 0.85rem;
	line-height: 2rem;
	text-align: center;
	margin-top: 1rem;
}
.newstitwz span{
	margin-left: 1rem;
	margin-right: 1rem;
}


/* 公司开始 */
.gsnav ul{
	display: flex;
	flex-wrap: wrap;
}
.gsnav ul li{
margin-right:3rem;
}
.gsnav ul li a{
	display: block;
	font-size: 1rem;
	line-height: 2rem;
	color: #000000;
	font-weight: bold;
	border-bottom: 2px solid #f0f0f0;
}
.gsactive a{
	border-bottom: 2px solid #1b72c8;
	color: #1b72c8 !important;
}
.gsnav ul li a:hover{
	border-bottom: 2px solid #1b72c8;
	color: #1b72c8;
}


.gsmain{
	width: 100%;
	background: url(gsbj.jpg);
	background-size: 100% 100%;
}
.gstit .cptitwz{color: #1b72c8;border-color: #1b72c8;}
.gscfimg{
	display: flex;
	width: 100%;
	justify-content: space-between;
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.gscfimg img{
	width: 49%;
}
.gscfbot{
	width: 100%;
	position: relative;
}
.gscfbotimg{
	width: 100%;
}
.gscfspace{
	height: 15rem;
}
.gscfbotbox{
	position: absolute;
	top: -10rem;
	left: 0;
	width: 100%;
}

.gscfbothz{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.gscfbotimgt{
	width: 48%;
}
.gscfbotwz{
	flex: 1;
	box-sizing: border-box;
	padding-left: 4rem;
}
.gscfbotp1{
	font-size: 1.5rem;
	line-height: 2rem;
	color: #00000;
	margin-top: 2rem;
	font-weight: bold;
}
.gscfbotp2{
	font-size: 0.85rem;
	line-height: 2rem;
	color: #666666;margin-top: 1rem;
}
.gscfbotline{
	width: 4rem;
	height: 5px;
	background-color:#1b72c8;
	margin-top: 1rem;
}
.gscfbotbot{
	margin-top: 6rem;
	font-size: 0.85rem;
	line-height: 3rem;
	color: #ffffff;
}
.gsjishuimg{
	width: 100%;
	margin-top: 2rem;
	margin-bottom: 2rem;
	text-align: center;
}

.gsjishuimg img{
	width: 60%;
}
.gsjishumain{
	padding-bottom: 4rem;
}

.gsshejiimg{
	width: 100%;

	margin-bottom: 2rem;
	text-align: center;
}

.gsshejiimg img{
	width:100%;
}

@media (max-width: 1400px) {
	.gscfbotbot{line-height: 2rem;margin-top: 2rem;}
}
@media (max-width: 1100px) {
	.gscfbotwz{padding-left: 1rem;}
	.gscfbothz{flex-wrap: wrap;}
}
@media (max-width: 991px) {
.gscfbotimgt{display: none;}
}
@media (max-width: 768px) {
.gscfbot,.gscfspace,.gsnav{display: none;}
.gsmain{background-size: cover;}
.gsjishuimg img{width: 95%;}

}
.gsmobicd{
	width: 1.5rem;
}
.gsscshebei{
	background-color: #ffffff;
}
.gsscshebei img{
	transition: all 0.3s ease;
}
.gsscshebei:hover img{
	transform: scale(1.1);
}
.gsshbox{
	display: flex;
	justify-content: center;
	width: 70%;
	margin: 0 auto;
}
.gsshboxlf{
	width: 45%;
}
.gsshboxlf img{
	width: 100%;
}
.gsshboxrt{
	width: 55%;
	background-color: #ffffff;
	display: flex;
	align-items: center;
}
.gsshboxrt img{
	width: 100%;
}

@media (max-width: 768px) {
	.gsshbox{flex-wrap: wrap;width: 100%;}
	.gsshboxlf{
		width: 100%;
		margin-bottom: 2rem;
	}
	.gsshboxrt{
		width: 100%;
	}
}



.lxboxfangshi{
	margin-top: 2rem;
	margin-bottom: 2rem;
	background-color: #f9f9f9;
	width: 100%;
	box-sizing: border-box;
	padding: 2rem 4rem;
	display: flex;
	justify-content: space-between;
	align-items: center;box-shadow: 0 0 20px #e6e4e4;
}

.lxboxfslflist{
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	font-size: 0.85rem;
	line-height: 2rem;
}
.lxboxfslflist img{
	margin-right: 0.5rem;
}
.lxboxfsrt{
	display: flex;
}
.lxboxfsrtlist{
	text-align: center;
	margin-left: 2rem;
}
.lxboxfsrtlist img{
	width: 12rem;
}
.lxboxfswz{
	line-height: 3rem;
	font-size: 1rem;
}

.lxmap{
	margin-top: 2rem;
	margin-bottom: 2rem;
	width: 100%;
	border: 1px solid #cccccc;
}
.lxmap img{
	width: 100%;
}
.lxly{
	margin-top: 4rem;
	margin-bottom: 4rem;
	width: 100%;
}
.lxlywz{
	text-align: center;
	line-height: 2rem;
	font-size: 1.5rem;
}
.lxboxhz{
	width: 100%;
	background-color: #ffffff;
	margin-top: 2rem;
	box-shadow: 0 0 20px #e6e4e4;
	box-sizing: border-box;
	padding:3rem 4rem;
}
.lxboxhz ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.lxboxhz ul li{
	width: 48%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 1rem;
	border: 1px solid #cccccc;
	border-radius: 2px;
	overflow: hidden;
	padding: 0.3rem;
}
.lxboxhz ul li input{
	width: 100%;
	box-sizing: border-box;
	padding: 0.5rem;
	border: none;
	font-size: 0.85rem;
}

.msgitemmes{
	width: 100% !important;
}
.msgitemmes textarea{
	width: 100%;
	box-sizing: border-box;
	padding: 0.5rem;
	border: none;
	font-size: 0.85rem;
	min-height: 10rem;
}
.yzmabox{
	display: flex;
	justify-content: space-between;
	width: 100%;
	box-sizing: border-box;
	padding:0 1%;
}
.msgstrck{
	box-sizing: border-box;
	padding: 0.5rem;
	border: none;
	font-size: 0.85rem;
	border: 1px solid #cccccc;
	border-radius: 2px;
	width: 5rem;
}
.subbtn{
	display: block;
	padding:0.6rem 2rem;
	background-color: #666666;
	border: none;
	border-radius: 3px;
	color: #ffffff;
}
.subbtn:hover{
	background-color: #1b72c8;
}
.lxbox{
	background: url(lxbj.png);
	background-size: 100% 100%;
}

.footlogo img{
	width: 8rem;
}
@media (max-width: 991px) {
	.lxboxfangshi{flex-wrap: wrap;}
	.lxboxfslf{width: 100%;}
	.lxboxfsrt{width: 100%;justify-content: center;}
	.lxboxfsrtlist{margin-left: 1rem;margin-right: 1rem;}
	.lxboxfsrtlist img{
		width: 10rem;
	}
}
@media (max-width: 768px) {
	.lxbox{
		background: url(lxbj.png);
		background-size: cover;
	}
	.footlogo{display: none;}
}
@media (max-width: 520px) {
	.lxboxfangshi{padding: 1rem;}
	.lxboxhz{padding: 1rem;}
}