@charset "utf-8";

@media all {
	/*css rest*/
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
	body { background:#fff; color:#666; font:14px/180% Microsoft YaHei, "微软雅黑", Arial, "宋体", Helvetica, sans-serif, Simsun,Verdana,Microsoft YaHei, "微软雅黑",  "宋体", "黑体"; }
	td,th,caption { font-size:16px; }
	h1, h2, h3, h4, h5, h6 { font-weight:bold; color:#333;}
	address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
	a { color:#666; text-decoration:none; }
	a:hover,a:active { text-decoration:none; }
	img { border:0; vertical-align: middle;}
	ol,ul,li { list-style:none; }
	input, textarea, select, button { font:14px Arial,Verdana,Helvetica,sans-serif; }
	table { border-collapse:collapse; }
	html {overflow-y: scroll;} 
	*{box-sizing:border-box;}
	/* 清除浮动 */
	.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
	.clearfix { *zoom:1; }

	.hide{display: none;}
	.fl{float: left;}
	.fr{float: right;}

	/* 单行以及多行文本溢出 */
	.line1{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
	.line2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;-moz-line-clamp:2;-o-line-clamp:2;}
	.line3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;-moz-line-clamp:3;-o-line-clamp:3;}
	.line4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;-moz-line-clamp:4;-o-line-clamp:4;}
	.line5{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;-moz-line-clamp:5;-o-line-clamp:5;}
}
/*========================================================================================================
=========屏幕适配：PC端： ≥1025  主体定宽1280px;  移动端分两段：1024px-769px;  ≤768px  宽度100% ==============
=========================================================================================================-*/ 

/* PC端： (min-width:1025px)    主体定宽1280px; */
@media all {
/*--- Header  nav ---*/ 
	.head-wrap {z-index: 99; width: 100%;min-width:1280px; position: fixed;top: 0px;  background: #0099cc;   box-shadow: 0 0 20px #666;} 
	.head-wrap .head-ctain {width: 1280px; margin:0 auto; }  
	.head-wrap .head-ctain .head-box .headlogo {height: 70px; line-height: 70px;font-size: 0px;float: left;position: relative;	overflow: hidden;z-index: 5;margin-left: 3%;}  
	.head-wrap .head-ctain .head-box .headlogo img{height: 40px;}
	.head-wrap .head-ctain .head-box .m-headbtn{display: none;}
	.head-wrap .head-ctain .head-box .headnav {float: left; margin-left:39%; } 
	.head-wrap .head-ctain .head-box .headnav>li {padding: 0 30px; 	float: left; }  
	.head-wrap .head-ctain .head-box .headnav>li:hover{background:#ee8800; -webkit-transition: all 1s ease; -moz-transition:all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;} 
	.head-wrap .head-ctain .head-box .headnav li.current{background:#ee8800; } 
	.head-wrap .head-ctain .head-box .headnav .nav-list {display: block; height: 70px; line-height: 70px; font-size: 17px; color: #FFF; font-family: '微软雅黑'; position: relative; }  
	.head-wrap .head-ctain .head-box .headnav .nav-list i {display: block; width: 50px; height: 50px; background: url('../img/common/icon-down01.png') no-repeat center center/14px auto; position: absolute; right: 0px; top: 0px; z-index: 2; display: none; }  
	.head-wrap .head-ctain .head-box .headnav .nav-list.cur i { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); } 
	.head-wrap .head-ctain .head-box .headnav .subnav-box { display: none;  padding: 10px 0; width: 500px;  background: #ffffff; position: absolute; top: 70px;}  
	.head-wrap .head-ctain .head-box .headnav>li:hover .subnav-box { display: block; animation: navfadeInUp .6s ease-in-out; 	-webkit-animation: navfadeInUp .6s ease-in-out; 	} 
	@keyframes navfadeInUp { 	
		0% {transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; 	} 	
		100% {transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; 	} 
	}  
	.head-wrap .head-ctain .head-box .headnav>li:nth-child(2) .subnav-box{ left: 50%; } 
	.head-wrap .head-ctain .head-box .headnav>li:nth-child(3) .subnav-box{ left: 55%; } 
	.head-wrap .head-ctain .head-box .headnav>li:nth-child(4) .subnav-box{ left: 60%; }
	.head-wrap .head-ctain .head-box .headnav>li:nth-child(5) .subnav-box{ left: 65%; } 
	.head-wrap .head-ctain .head-box .headnav>li:nth-child(6) .subnav-box{ left: 70%; } 
	.head-wrap .head-ctain .head-box .headnav .subnav-box .subnav-list{ float: left; } 
	.head-wrap .head-ctain .head-box .headnav .subnav-box .subnav-list li { margin-left: 15%; 	width: 180px; 	height: 40px; 	border-bottom: 1px solid #ddd; 	text-align: center; 	color: #999; }  
	.head-wrap .head-ctain .head-box .headnav .subnav-box .subnav-list li a { line-height: 50px; 	font-size: 14px; }  
	.head-wrap .head-ctain .head-box .headnav .subnav-box .subnav-list li:hover a { color: #c8000b; }  
	.head-wrap .head-ctain .head-box .headnav .subnav-box .subnav-pic { position: relative; float: right; 	width: 280px; 	height: 200px; 	padding-right: 10px; overflow: hidden; }  
	.head-wrap .head-ctain .head-box .headnav .subnav-box .subnav-pic img { width: 100%; height: 100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; 	transition: all 1s ease;} 
	.head-wrap .head-ctain .head-box .headnav .subnav-box .subnav-pic img:hover{ 	transform: scale(1.05); }  

/* index-banner */
	.banner-wrap{ margin-top: 70px;} 
	.banner-wrap .ctain .slider-container .slider .slider_caption {display:none;}
	.banner-wrap .ctain .slider-container .slider-nav{ bottom:10px;}

/* ---index-arrows---- */
	.banner-arrows { width: 100%; min-width: 1280px;    height: 80px;   text-align: center;  position: relative;}
	.banner-arrows h4 {width: 50px;   height: 50px;   cursor: pointer;  position: absolute;  top: 50%;    left: 50%;    transform: translate(-50%, -50%);}
	.banner-arrows img {margin-top: 30px;  width: 22px;  height: 12px;   -moz-animation: downup 1s ease infinite;    -webkit-animation: downup 1s ease infinite;    -o-animation: downup 1s ease infinite;    animation: downup 1s ease infinite;}
	@keyframes downup {
		0% {opacity: 0.25;transform: translateY(-30px); }
		100% {opacity: 1;  transform: translateY(0px);  }
	}

/* index-hotprod  热搜产品*/
	.hotprod-wrap{width: 100%; min-width: 1280px;}
	.hotprod-wrap .ctain{width: 1280px; margin:0 auto; border-bottom: 1px dashed #999; padding: 20px 0;}
	.hotprod-wrap .ctain .title{float: left; color:#333; font-size:16px; font-weight: bold;}
	.hotprod-wrap .ctain .list{float: left; padding-top:5px; }
	.hotprod-wrap .ctain .list li{float: left; height: 18px; line-height: 18px ; padding-right: 10px; margin-left: 10px;border-right: 1px solid #666;}
	.hotprod-wrap .ctain .list li h3{color:#666;}


/* index-Product  产品中心*/
	.prod-wrap{width: 100%; min-width: 1280px;}
	.prod-wrap .ctain{width: 1280px; margin: 0 auto;}
	.mod01-titlimg{text-align:center; font-size: 20px; padding: 50px 0 ;}

	.prod-wrap .ctain .mod01-titlimg{padding:20px 0 20px 0;}
	.prod-wrap .ctain .parentlist{padding-top:30px;}
	.prod-wrap .ctain .parentlist .parenttitl{float:left;}
	.prod-wrap .ctain .parentlist .parenttitl .top{display:flex; display:-webkit-flex; align-items:center;justify-content:center; text-align: center;width:220px; height: 170px; }
	.prod-wrap .ctain .parentlist .parenttitl .top h3{color:#fff;}
	.prod-wrap .ctain .parentlist .parenttitl .down{display:flex; display:-webkit-flex; align-items:center;justify-content:center; text-align: center; width: 220px; height: 60px;}
	.prod-wrap .ctain .parentlist .parenttitl .down span{color:#fff;}
	.prod-wrap .ctain .parentlist .childbox{float:left; padding:0 18px;}
	.prod-wrap .ctain .parentlist .childbox .childlist{float:left;     padding: 20px 18px 0;}
	.prod-wrap .ctain .parentlist .childbox .childlist .childimg{width:220px; height: 150px; overflow: hidden;}
	.prod-wrap .ctain .parentlist .childbox .childlist .childimg img{width:100%; height: 100%;   transition: all 0.5s ease-in-out;}
	.prod-wrap .ctain .parentlist .childbox .childlist .childtitl{display:flex; display:-webkit-flex; align-items:center;justify-content:center; text-align: center; width:220px; height: 60px; padding:0 20px;}
	.prod-wrap .ctain .parentlist .childbox .childlist:hover .childimg{border: 1px  solid #eee;}
	.prod-wrap .ctain .parentlist .childbox .childlist:hover .childimg img{transform: scale(1.08,1.08);}
	.prod-wrap .ctain .parentlist .childbox .childlist:hover h4{color: #fff;}

	.prod-wrap .ctain .parentbox>li:nth-child(odd) .top{background-color: #0099cc;}
	.prod-wrap .ctain .parentbox>li:nth-child(odd) .down{background-color: #005e84;}
	.prod-wrap .ctain .parentbox>li:nth-child(odd) .childbox{background-color: #e1f0f6;}
	.prod-wrap .ctain .parentbox>li:nth-child(odd) .childbox .childlist:hover{background-color: #0099cc;}
	.prod-wrap .ctain .parentbox>li:nth-child(even) .top{ background-color: #ee8800;}
	.prod-wrap .ctain .parentbox>li:nth-child(even) .down { background-color: #734b00;}
	.prod-wrap .ctain .parentbox>li:nth-child(even) .childbox{ background-color: #fbeacc;}
	.prod-wrap .ctain .parentbox>li:nth-child(even) .childbox .childlist:hover{background-color: #f98a00;}


/* index-advantage  我们的优势*/
	.advant-wrap{width: 100%; min-width: 1280px; }
	.advant-wrap .wrapbox1 .ctain{width:1280px; margin:20px auto 0;}
	.advant-wrap .wrapbox1 .ctain .mod01-titlimg{padding:10px 0 50px 0;}
	.advant-wrap .wrapbox2{width: 100%; background-color:#0099cc;}
	.advant-wrap .wrapbox2 .ctain{width: 1280px; margin:0 auto; padding:50px 0;}
	.advant-wrap .wrapbox2 .ctain .advant-li{float:left; width:25%; overflow: hidden; text-align: center; padding:0 50px;}
	.advant-wrap .wrapbox2 .ctain .advant-li img{width:150px;  transition: all .8s ease-in-out; padding-top:10px;   filter: grayscale(1);}
	.advant-wrap .wrapbox2 .ctain .advant-li .advant-note-box{text-align: center;}
	.advant-wrap .wrapbox2 .ctain .advant-li .advant-note-box h4{ font-size:25px; color:#fff;  font-weight:normal;  margin:30px 0;}
	.advant-wrap .wrapbox2 .ctain .advant-li .advant-note-box p{color:#fff; }
	.advant-wrap .wrapbox2 .ctain .advant-li:hover img{transform: rotate(360deg); filter: grayscale(0);}
	.advant-wrap .wrapbox2 .ctain .advant-li:hover .advant-note-box h4{color:#f7f401;}
	.advant-wrap .wrapbox2 .ctain .advant-li:hover .advant-note-box p{color:#f7f401; }



/* index-case   应用案例 */
	.case-wrap{ display: none; width: 100%; min-width: 1280px;}
	.case-wrap .ctain{width: 1280px;  margin:0 auto;}
	.case-wrap .ctain .titl{text-align:center; padding:40px 0;}
	.case-wrap .ctain .lfbox{float: left;}
	.case-wrap .ctain .lfbox .slider-container{width:440px; height:350px;  background-color: #005e84;}
	.case-wrap .ctain .lfbox .slider-container .slider_item img{width:440px; height:275px;}
	.case-wrap .ctain .lfbox .slider-container .titlh4{color:#fff;text-align: center;height: 50px;line-height: 50px;}

	.case-wrap .ctain .rtbox .caselist{ float: left; position: relative; width: 280px; height: 175px; overflow: hidden;}
	.case-wrap .ctain .rtbox .caselist:hover img{transform: scale(1.1,1.1);}
	.case-wrap .ctain .rtbox .caselist img{width: 100%; height:100%; transition: all 0.5s ease-in-out;}
	.case-wrap .ctain .rtbox .caselist .titlh4{position: absolute; z-index: 9;  bottom: 0; width:100%;background-color: rgba(255,255,255,.6);}
	.case-wrap .ctain .rtbox .caselist .titlh4 h4{height: 30px; line-height: 30px; padding:0 10px;}


/* index.news_marquee  新闻资讯   */
	.news-marq-wrap{width: 100%; min-width: 1280px; }
	.news-marq-wrap .news-ctain{width: 1280px;  margin:0 auto; margin-bottom:15px;}
	.news-marq-wrap .news-ctain .mod01-titlimg{padding:50px 0 30px 0;}

	.news-marq-wrap .news-ctain .listul .listli{float:left; margin:30px 80px 0 0; width:600px;}
	.news-marq-wrap .news-ctain .listul .listli:nth-child(2n){margin-right:0;}
	.news-marq-wrap .news-ctain .listul .listli a{display: flex; justify-content: center; align-items: center;}
	.news-marq-wrap .news-ctain .listul .listli .lfbox{float:left; background:#eee; width: 100px; height: 100px; text-align: center; padding-top:20px;}
	.news-marq-wrap .news-ctain .listul .listli .lfbox .d{font-size: 30px; font-weight: bold;}
	.news-marq-wrap .news-ctain .listul .listli .lfbox .ym{padding-top:10px;}
	.news-marq-wrap .news-ctain .listul .listli .rtbox{float:left; width: 460px; padding-left: 30px;}
	.news-marq-wrap .news-ctain .listul .listli .rtbox h4{color:#666; font-size: 16px;}
	.news-marq-wrap .news-ctain .listul .listli .rtbox h4 i{display: none;}
	.news-marq-wrap .news-ctain .listul .listli .rtbox p{padding-top:10px;} 
	.news-marq-wrap .news-ctain .listul .listli:hover .lfbox{background:#0099cc; color:#fff;}   
	.news-marq-wrap .news-ctain .listul .listli:hover .rtbox h4{color:#0099cc;}
	.news-marq-wrap .news-ctain .listul .listli:hover .rtbox p{color:#0099cc;}

/* index-abt  关于精城	 */
	.abt-wrap{width: 100%; min-width: 1280px;  background: url(../img/bg-banner.jpg) no-repeat; margin-top:30px;}
	.abt-wrap .ctain1 {width: 1280px; margin:0 auto; }
	.abt-wrap .ctain1 .titlbox{text-align:center;}
	.abt-wrap .ctain1 .titlbox h2{height: 160px; line-height:160px; font-size:30px; color:#fff;}

	.abt-wrap .ctain2{width: 1280px; margin:0 auto; padding:30px 30px 10px 30px; background-color: #fff;}
	.abt-wrap .ctain2 .ctentbox .lf{float: left; width: 500px;}
	.abt-wrap .ctain2 .ctentbox .lf img{width: 100%;}
	.abt-wrap .ctain2 .ctentbox .rt{float: left; width: 710px; padding-left:30px;}
	.abt-wrap .ctain2 .ctentbox .rt h1{height: 65px;line-height: 60px;font-size: 24px;}
	.abt-wrap .ctain2 .ctentbox .rt p{font-size: 15px;}
	.abt-wrap .ctain2 .ctentbox .rt span{display:inline-block; padding:10px 30px; margin-top:20px; background-color: #f98a00; color:#fff;}
	.abt-wrap .ctain2 .tagbox{text-align: center;}
	.abt-wrap .ctain2 .tagbox span{display: inline-block; padding:10px 30px; margin:30px 10px 30px 10px; background-color: #555; color:#fff; border-radius: 8px; font-size: 16px;}
	.abt-wrap .ctain2 .tagbox span:hover {background-color: #2aa3d4; color: #fff;}
	.abt-wrap .ctain2 .tagbox span.active {background-color: #2aa3d4; color: #fff;}

	.abt-wrap .ctain2 .abt-marqbox{ overflow: hidden; width: 1220px;}
	.abt-wrap .ctain2 .abt-marqbox .abt-marq li{float: left;width: 282.5px; margin-right:30px;  margin-bottom: 20px; text-align: center;}
	.abt-wrap .ctain2 .abt-marqbox .abt-marq>li:nth-child(4), .abt-marq>li:last-child{margin-right: 0px !important;}
	.abt-wrap .ctain2 .abt-marqbox .abt-marq li div{width:282.5px; height: 170px; overflow:hidden;}
	.abt-wrap .ctain2 .abt-marqbox .abt-marq li div img{width:100%; height: 100%; transition: all .5s ease-in-out; }
	.abt-wrap .ctain2 .abt-marqbox .abt-marq li div img:hover{transform: scale(1.05,1.05);}
	.abt-wrap .ctain2 .abt-marqbox .abt-marq li h4{height: 40px;line-height: 40px;}


/* index-flink  友情链接 */
	.flink-wrap {width: 100%; min-width: 1280px; }
	.flink-wrap .ctain{ width:1280px; margin:0 auto; background: rgba(255,255,255,1);}
	.flink-wrap .ctain .titl{ height:40px;  line-height: 40px; border-bottom: 1px solid rgba(0, 0, 0, .2);}
	.flink-wrap .ctain .titl span{font-size: 18px; color:#999;}
	.flink-wrap .ctain .box{padding:10px 20px 20px;}
	.flink-wrap .ctain .box ul li{float:left; }
	.flink-wrap .ctain .box a{display: inline-block; height:30px; line-height:30px;margin:3px; padding: 0 10px; background:#F1F1F1;font-size: 1em;}
	.flink-wrap .ctain .box a:hover{background:#0099cc; color: #FFFFFF;}


/*--- Footer 底部---*/  
	.ft1-wrap {width: 100%; min-width: 1280px;  background: rgb(59,59,59); }  
	.ft1-wrap .ft1-ctain {width: 1280px;  margin:0 auto; padding:30px 0; }  
	.ft1-wrap .ft1-ctain .ft1-navbox{float: left; width: 950px; 	margin:0 auto;  color:#fff;} 
	.ft1-wrap .ft1-ctain .ft1-navbox .ft1-navlist { width: 18.5%; float: left; text-align: center; }  
	.ft1-wrap .ft1-ctain .ft1-navbox .ft1-navlist.ft1-navlist2 { width: 18.0833%; }  
	.ft1-wrap .ft1-ctain .ft1-navbox .ft1-navlist dt, .top { line-height: 25px; font-size: 16px; position: relative; }  
	.ft1-wrap .ft1-ctain .ft1-navbox .ft1-navlist dt i { display: block; width: 50px; height: 50px; 	background: url('../img/common/icon-down02.png') no-repeat center center / 14px auto; 	position: absolute; 	right: 0px; 	top: 0px; 	display: none; }  
	.ft1-wrap .ft1-ctain .ft1-navbox .ft1-navlist dt.cur i { transform: rotate(-180deg); 	-webkit-transform: rotate(-180deg); }  
	.ft1-wrap .ft1-ctain .ft1-navbox .ft1-navlist dd { margin: 15px 0 0; }  
	.ft1-wrap .ft1-ctain .ft1-navbox .ft1-navlist dd a { display: block; 	padding: 5px 0; line-height: 24px; color:#FFF;	opacity: .6; }  
	.ft1-wrap .ft1-ctain .ft1-navbox .ft1-navlist dd a:hover { 	opacity: 1; }  
	.ft1-wrap .ft1-ctain .weixin{float: left; margin-top: 20px;}
	.ft1-wrap .ft1-ctain .weixin .wxpic img{width: 150px; padding:0 10px;}
	.ft1-wrap .ft1-ctain .weixin .wxtxt {text-align: center;}
	.ft1-wrap .ft1-ctain .weixin .wxtxt h4{height: 50px; line-height: 50px;  color: #fff; font-size: 15px;}


	.ft2-wrap{width: 100%; min-width: 1280px; background-color: rgb(38,38,38);}
	.ft2-wrap .ft2-ctain{width: 1280px; margin:0 auto;}
	.ft2-wrap .ft2-ctain .ft2-box{display: flex; padding:20px 0;}
	.ft2-wrap .ft2-ctain .ft2-box ul {margin:auto;}
	.ft2-wrap .ft2-ctain .ft2-box .ft-logo img{width:250px;}
	.ft2-wrap .ft2-ctain .ft2-box .ft-ctact {color:#fff;}
	.ft2-wrap .ft2-ctain .ft2-box .ft-ctact li a{color:#fff;}
	.ft2-wrap .ft2-ctain .ft2-box .ft-ctact .tel{display:inline-block; padding-bottom: 10px;font-size: 24px; font-weight: bold; }

	.m-ft-wrap{display: none;}
}


/* 移动端分两段：(max-width:1024px)  and   (max-width:768px)  宽度100%  */
/* 移动端: 769-1024px */
@media all and (max-width:1024px){
	body{overflow: hidden;}
/* ---- head-nav ---- */
	.head-wrap{min-width: auto;}
	.head-wrap .head-ctain{width: 100%;}
	.head-wrap .head-ctain .head-box .headlogo{height: 50px; line-height: 50px;margin-left:0;}
	.head-wrap .head-ctain .head-box .m-headbtn{display: block;  float: right; margin: 12px 10px 0 0;}
	.head-wrap .head-ctain .head-box .m-headbtn img{height: 20px;}
	.head-wrap .head-ctain .head-box .m-headbtn .navbtn_off{display: none;}
	.head-wrap .head-ctain .head-box .m-headbtn.cur .navbtn_on{display: none;}
	.head-wrap .head-ctain .head-box .m-headbtn.cur .navbtn_off{display: block;}
	.head-wrap .head-ctain .head-box .headnav{display: none; width:100%;background:#fff;position:absolute;top:50px;left:0px;margin:0px;float:none;}
	.head-wrap .head-ctain .head-box .headnav>li{padding:0px; border-bottom:1px solid #ccc; float:none;}
	.head-wrap .head-ctain .head-box .headnav>li:hover { background:none; }
	.head-wrap .head-ctain .head-box .headnav>li .cur{color: #426dd7; background:none;}
	.head-wrap .head-ctain .head-box .headnav>li:nth-child(2) .subnav-box{ 	left: 0%; } 
	.head-wrap .head-ctain .head-box .headnav>li:nth-child(3) .subnav-box{ 	left: 0%; } 
	.head-wrap .head-ctain .head-box .headnav>li:nth-child(4) .subnav-box{ 	left: 0%; } 
	.head-wrap .head-ctain .head-box .headnav>li:nth-child(5) .subnav-box{ 	left: 0%; } 
	.head-wrap .head-ctain .head-box .headnav>li:nth-child(6) .subnav-box{ 	left: 0%; } 
	.head-wrap .head-ctain .head-box .headnav>li:nth-child(7) .subnav-box{ 	left: 0%; } 
	.head-wrap .head-ctain .head-box .headnav>li:nth-child(8) .subnav-box{ 	left: 0%; } 
	.head-wrap .head-ctain .head-box .headnav .nav-list{padding:0 4%;height:50px;line-height:50px;color:#333;font-size:14px;}
	.head-wrap .head-ctain .head-box .headnav .nav-list i{display:block;}
	.head-wrap .head-ctain .head-box .headnav .subnav-box{ width: 100%; padding:0 0; position:relative; top:0px; left:0%; border-bottom: none}
	.head-wrap .head-ctain .head-box .headnav .subnav-box .subnav-list{width:100%; float:none;}
	.head-wrap .head-ctain .head-box .headnav .subnav-box .subnav-list li {margin-left: 0%; width: 100%; height: 40px; background-color: #ee8800; border-bottom: none; text-align: left; color: #fff; 	} 
	.head-wrap .head-ctain .head-box .headnav .subnav-box .subnav-list li a{padding:0 6%; height:45px; line-height:45px; text-align:left; color:#fff; font-size:13px;}
	.head-wrap .head-ctain .head-box .headnav .subnav-box .subnav-list li:hover a {color: #FFF; font-weight: bold;}
	.head-wrap .head-ctain .head-box .headnav .subnav-box .subnav-pic{display: none;}

/* indx-banner */
	.banner-wrap{ margin-top: 50px; } 
	.banner-wrap .ctain .slider-container .slider-nav{bottom:0;}

/* 热搜产品  index.hotprod */
	.hotprod-wrap{min-width: auto;}
	.hotprod-wrap .ctain{width: 100%; margin:0 auto; border-bottom: none; padding: 0;}
	.hotprod-wrap .ctain .title{display:none;}
	.hotprod-wrap .ctain .list{width: 100%; padding-top:0; margin:1px 0 0 0;}
	.hotprod-wrap .ctain .list li{ width: 33.33%;display: flex; align-items: center; justify-content: center;  height: 50px;  padding: 10px 0 ; margin: 0;border-right: 1px solid #fff;  border-bottom: 1px solid #fff;   text-align: center;  background-color: #0099cc;}
	.hotprod-wrap .ctain .list li h3{color:#fff; font-weight: normal;}

/* arrows */
	.banner-arrows{display: none;}

/* 产品中心 index-Product */
	.prod-wrap{min-width: auto;}
	.prod-wrap .ctain{width: 100%;}
	.prod-wrap .ctain .prod-titl{display: none;}
	.prod-wrap .ctain .parentbox{margin-top:9px;}
	.prod-wrap .ctain .parentbox .parentlist{padding:0 2%; margin: 1px 0 19px; }
	.prod-wrap .ctain .parentbox>li:nth-child(odd){background-color: #e1f0f6;}
	.prod-wrap .ctain .parentbox>li:nth-child(even){background-color: #fbeacc;}

	.prod-wrap .ctain .parentbox .parentlist .parenttitl{width: 100%; border-bottom: 1px solid #ccc; padding:10px 0;}
	.prod-wrap .ctain .parentbox .parentlist .parenttitl .top{float:left; width: auto;height: auto; background: none; }
	.prod-wrap .ctain .parentbox .parentlist .parenttitl .top h3{color:#333; font-size: 16px;}
	.prod-wrap .ctain .parentbox .parentlist .parenttitl .down{float: right; width: auto; height: auto;  background: none;}
	.prod-wrap .ctain .parentbox .parentlist .parenttitl .down span{color:#666;}

	.prod-wrap .ctain .parentbox .parentlist .childbox{padding:0 0 10px 0;}
	.prod-wrap .ctain .parentbox .parentlist .childbox .childlist{width: 48.5%; height: auto; padding:0; margin: 15px 0 0; border-radius: 10px;}
	.prod-wrap .ctain .parentbox .parentlist .childbox>li:nth-child(odd){margin-right: 1.5%;}
	.prod-wrap .ctain .parentbox .parentlist .childbox>li:nth-child(even){margin-left: 1.5%;}
	.prod-wrap .ctain .parentbox .parentlist .childbox .childlist .childimg{width: 100%; height: auto; border-radius: 10px;}
	.prod-wrap .ctain .parentbox .parentlist .childbox .childlist .childtitl{width: 100%; padding:0 5px;}
	.prod-wrap .ctain .parentbox .parentlist .childbox .childlist:hover .childimg{border: none;}


/* 我们的优势/Our Advantage   index.advant */
	.advant-wrap{ min-width: 100%; padding:0 2%; }
	.advant-wrap .wrapbox1 .ctain{width:100%; margin:20px auto 0;}
	.advant-wrap .wrapbox1 .ctain .titl{text-align:center; font-size: 20px; padding:0 0 40px;}
	.advant-wrap .wrapbox2 .ctain{width: 100%; padding:20px 0;}
	.advant-wrap .wrapbox2 .ctain .advant-li{width:50%; padding:0 5%;}
	.advant-wrap .wrapbox2 .ctain .advant-li img{width:70%; max-width:150px;  transition: all .8s ease-in-out; padding-top:10px;   filter: grayscale(1);}
	.advant-wrap .wrapbox2 .ctain .advant-li .advant-note-box{text-align: center;}
	.advant-wrap .wrapbox2 .ctain .advant-li .advant-note-box h4{ font-size:25px; color:#fff;  font-weight:normal;  margin:30px 0;}
	.advant-wrap .wrapbox2 .ctain .advant-li .advant-note-box p{color:#fff; }
	.advant-wrap .wrapbox2 .ctain .advant-li:hover img{transform: rotate(360deg); filter: grayscale(0);}

/* 应用案例  index.case */
	.case-wrap{min-width: auto;}
	.case-wrap .ctain{width: 100%;}
	.case-wrap .ctain .lfbox{float: left; width: 96%; margin:0 2%;}
	.case-wrap .ctain .lfbox .slider-container{width:100%; height:auto; }
	.case-wrap .ctain .lfbox .slider-container .slider_item img{width:100%; height:350px;}
	.case-wrap .ctain .lfbox .slider-container .titlh4{height: 70px;}
	.case-wrap .ctain .rtbox{float: left; margin-left: 2%;padding-top: 20px;}
	.case-wrap .ctain .rtbox .caselist {width: 48%;height: auto;margin-right: 2%;margin-bottom: 20px;}
	.case-wrap .ctain .rtbox .caselist .titlh4{position: relative; background-color: rgba(255,255,255,1);}
	.case-wrap .ctain .rtbox .caselist .titlh4 h4{font-weight: normal; text-align:center; padding: 5px 5px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;white-space: unset;height: auto;line-height: 20px; color:#666;}


/* 新闻资讯  index.news_marquee */
	.news-marq-wrap{min-width: auto;}
	.news-marq-wrap .news-ctain{width: 100%;}
	.news-marq-wrap .news-ctain .listul{padding:0 3%; margin:10px 0 0;}
	.news-marq-wrap .news-ctain .listul .listli{width: 100%; border-bottom: 1px dashed #ccc;  margin: 0 0 10px 0 !important;  padding-bottom: 10px;}
	.news-marq-wrap .news-ctain .listul .listli .lfbox{width: 25%;}
	.news-marq-wrap .news-ctain .listul .listli .lfbox .d{font-weight: normal;}
	.news-marq-wrap .news-ctain .listul .listli .rtbox{width: 75%; padding-left: 5%;} 

/* 关于精城  index.abt */
	.abt-wrap{min-width: auto;}
	.abt-wrap .ctain1{width: 100%;}
	.abt-wrap .ctain2{width: 100%; padding:0;}
	.abt-wrap .ctain2 .ctentbox .lf {width: 96%; margin:10px 2% 0; }
	.abt-wrap .ctain2 .ctentbox .lf img{height: 350px; }
	.abt-wrap .ctain2 .ctentbox .rt h1{font-size: 20px;     height: 50px; line-height: 50px;}
	.abt-wrap .ctain2 .ctentbox .rt {width: 96%; margin:0 2%; padding:0;}
	.abt-wrap .ctain2 .ctentbox .rt span{ padding: 5px 30px;	margin-top: 5px;}
	.abt-wrap .ctain2 .tagbox{margin-left:2%;}
	.abt-wrap .ctain2 .tagbox span{margin:15px 1.2% 15px 0; width: 22.5%; text-align: center;padding: 5px 0;border-radius: 5px; font-size: 14px;	}

	.abt-wrap .ctain2 .abt-marqbox{width: 100%;}
	.abt-wrap .ctain2 .abt-marqbox .abt-marq{margin-left:2%;}
	.abt-wrap .ctain2 .abt-marqbox .abt-marq li{width: 48%; margin-right: 2%; margin-bottom: 10px;}
	.abt-wrap .ctain2 .abt-marqbox .abt-marq li div{width: 100%; height: auto;}


/* 友情链接 flink */
	.flink-wrap{min-width: auto;}
	.flink-wrap .ctain{width: 96%; margin: 0 2%;}
	.flink-wrap .ctain .box {padding: 10px 0 20px;}	
	.flink-wrap .ctain .box a{font-size: .8em;}

 
/* 底部 Footer */ 
	.ft1-wrap{min-width: auto;}
	.ft1-wrap .ft1-ctain{width:100%; padding: 10px 0 0 0;}
	.ft1-wrap .ft1-ctain .ft1-navbox{ width: 100%; margin-left: 0%; 	} 		
	.ft1-wrap .ft1-ctain .ft1-navbox .ft1-navlist{text-align: left;  width:100% !important;border-bottom:1px solid rgba(255,255,255,.1);margin:0px;}
	.ft1-wrap .ft1-ctain .ft1-navbox .ft1-navlist dt{padding:0 2%;height:50px;line-height:50px;}
	.ft1-wrap .ft1-ctain .ft1-navbox .ft1-navlist dt i{display:block;}
	.ft1-wrap .ft1-ctain .ft1-navbox .ft1-navlist dd{padding:0 0 10px;margin:0px;display:none;}
	.ft1-wrap .ft1-ctain .ft1-navbox .ft1-navlist dd a{padding:0 6%;height:40px;line-height:40px;}

	.ft1-wrap .ft1-ctain .weixin{width: 100%;}
	.ft1-wrap .ft1-ctain .weixin .wxpic{display: flex;}
	.ft1-wrap .ft1-ctain .weixin .wxpic img{margin:auto;}

	.ft2-wrap {min-width: auto;}
	.ft2-wrap .ft2-ctain{width: 100%;}
	.ft2-wrap .ft2-ctain .ft2-box .ft-logo img{width: 180px;}
	.ft2-wrap .ft2-ctain .ft2-box{padding: 20px 0 50px;}

	.m-ft-wrap{display: block; z-index: 99; width: 100%; position: fixed;bottom: 0px;  background: #0099cc; }
	.m-ft-wrap .m-ft-ctain{width: 100%;}
	.m-ft-wrap .m-ft-ctain .m-ft-navbox{border-bottom: 1px solid rgb(245, 191, 191);}
	.m-ft-wrap .m-ft-ctain .m-ft-navbox li{float:left;width:24.9%; border-right: 1px solid rgb(245, 191, 191); text-align: center; padding:4px 0;}
	.m-ft-wrap .m-ft-ctain .m-ft-navbox li:nth-child(4){border-right: 1px solid #c8000b;}
	.m-ft-wrap .m-ft-ctain .m-ft-navbox li a{color:#fff;}
}


/* 移动端: <= 768px */
@media all and (max-width:768px){
/* head-nav */
	.head-wrap .head-ctain .head-box .headlogo img{height: 30px;}
/* index-banner */
	.banner-wrap .ctain .slider-container .slider .slider_item img{min-height: 180px;}

/* index-Product  产品中心*/
	.mod01-titlimg{padding:20px 2%; }
	.mod01-titlimg img{width: 100%; height: auto;}

	.prod-wrap .ctain .mod01-titlimg{padding:20px 2% 11px; }
	.prod-wrap .ctain .parentbox .parentlist {margin: 1px 0 9px;}

/* index-advantage  我们的优势*/
	.advant-wrap .ctain{margin-top:0;}
	.advant-wrap .wrapbox1 .ctain .mod01-titlimg {padding: 0 2% 20px;}
	.advant-wrap .ctain .advant-li{width: 100%; margin-bottom:10px;}

/* index-case   应用案例 */
	.case-wrap .ctain .lfbox .slider-container .slider_item img {height: auto;}
	.case-wrap .ctain .rtbox {padding-top: 10px;}
	.case-wrap .ctain .rtbox .caselist {margin-bottom: 10px;}

/* index-news   新闻资讯 */

/* index-abt  关于精城	 */
	.abt-wrap .ctain2 .ctentbox .lf img {height: auto;	}

/* Footer */ 
	.ft2-wrap .ft2-ctain .ft2-box{display: block; padding:10px 2%  50px;}
	.ft2-wrap .ft2-ctain .ft2-box .ft-logo{display: none;}
	.ft2-wrap .ft2-ctain .ft2-box .ft-ctact{margin:10px 0;}

/* 百度商桥：隐藏在线咨询 */
	#newBridge .nb-icon-right-bottom{display: none;}
}