body{
    overflow-x: hidden;
	overflow-y: scroll;
	font-size:12px; color:#363636;
	background-color:#FFF;
	margin:0px;
	padding:0px;
	font-family:"Microsoft Yahei";
}
a{
	font-size:12px;
	text-decoration:none;
	color:#363636;
	font-family:"Microsoft Yahei";
}
a:hover 
{
color:#FF0000; font-family:"Microsoft Yahei";
}
a:hover img0{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8} 
input,from,td,table,img,dl,dt,ul,dd,li,p,div,span{ padding:0; margin:0; list-style:none; font-family:"Microsoft Yahei";}
ul,li{padding:0px; margin:0px; list-style-type:none; display: block; font-family:"Microsoft Yahei";}
.left{float:left}
.right{float:right}
.clear{
 PADDING-BOTTOM: 0px; LINE-HEIGHT: 0; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; HEIGHT: 0px; CLEAR: both; FONT-SIZE: 0px; PADDING-TOP: 0px
}
#all{
width:100%;  max-width:1920px; font-family:"Microsoft Yahei"; margin:0px auto;
}
.news{
	font-size:12px;
	text-shadow:#FFF;
	text-decoration:none;
	color:#363636;
}
.con{
	font-size:12px;
	color:#363636;
}
td{
	font-size:12px;
	color: #363636;
	font-family:"Microsoft Yahei";
}
.wordbreak{
word-break:break-all;
}
a.yiyi1
{
color:#2b2b2b; font-size:18px; width:96px; height:104px; line-height:108px; border-bottom:2px solid #FFF; display:block; text-align:center; float:left; margin:0px 5px 0px 20px;
}
a.yiyi1:hover 
{
color:#007eff; border-bottom:2px solid #05a1ce;
}
a.yiyi100
{
color:#007eff; font-size:18px; width:96px; height:104px; line-height:108px; border-bottom:2px solid #05a1ce; display:block; text-align:center; float:left; margin:0px 5px 0px 20px;
}
a.yiyi100:hover 
{
color:#007eff;
}
@media screen and (max-width: 1200px){
a.yiyi1{width:84px; margin:0px 5px 0px 15px;}
a.yiyi100{width:84px; margin:0px 5px 0px 15px;}
}

a.yiyi2
{
color:#000; font-size:16px; 
}
a.yiyi2:hover 
{
color:#F00;
}
a.yiyi200
{
color:#777; font-size:14px; 
}
a.yiyi200:hover 
{
color:#F00;
}
a.yiyi2000
{
color:#000; font-size:14px; font-family:Arial, Helvetica, sans-serif; background-color:#DDD; width:70px; height:24px; line-height:24px; display:block; text-align:center; border:1px solid #999;
border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
}
a.yiyi2000:hover 
{
background-color:#0078ff; color:#FFF;
}
a.yiyi3
{
color:#454545; font-size:18px; display:block; float:left; margin-left:15px; margin-right:20px; text-align:center; height:46px; line-height:46px;
}
a.yiyi3:hover 
{
background:url(images/mark03.jpg) center bottom no-repeat; color:#0078ff;
}
a.yiyi3000
{
color:#0078ff; font-size:18px; display:block; float:left; margin-left:15px; margin-right:20px; text-align:center; height:46px; line-height:46px; 
background:url(images/mark03.jpg) center bottom no-repeat;
}
a.yiyi3000:hover 
{
background:url(images/mark03.jpg) center bottom no-repeat;
}
a.yiyi5
{
float:left; width:14.5%; margin:0.8% 0.2% 0.8% 1.6%; height:44px; line-height:44px; color:#000; font-size:16px; display:block; border:1px solid #d9d9d9; text-align:center; border-radius:6px;
}
a.yiyi5:hover 
{
color:#FFF; border:1px solid #0068b0; background-color:#0078ff;
}
a.yiyi5000
{
float:left; width:14.5%; margin:0.8% 0.2% 0.8% 1.6%; height:44px; line-height:44px; color:#FFF; font-size:16px; display:block; border:1px solid #0068b0; text-align:center; background-color:#0078ff; border-radius:6px;
}
a.yiyi5000:hover 
{
color:#FFF; 
}
a.yiyi5000s
{
width:199px; padding-left:37px; height:44px; line-height:44px; color:#000; font-size:16px; display:block; background:url(images/left_16.jpg) no-repeat 19px 23px #FFF; border-bottom:1px solid #d3d3d3;
}
a.yiyi5000s:hover 
{
color:#F00; border-bottom:1px solid #0068b0;
}
@media screen and (max-width: 668px){
a.yiyi2
{font-size:14px;}
a.yiyi2000
{font-size:12px; width:60px; height:18px; line-height:18px;}
a.yiyi5
{width:23%; margin:0.8% 0.2% 0.8% 1%; height:36px; line-height:36px; font-size:1em;}
a.yiyi5000
{width:23%; margin:0.8% 0.2% 0.8% 1%; height:36px; line-height:36px; font-size:1em;}
}

/*header CSS*/
.welcomebg{
width:100%; height:25px; background-color:#343434; margin:0px auto; overflow:hidden; clear:both; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
.welcomebg div{
overflow:hidden;
}
.welcome{
width:100%; max-width:1400px; height:25px; margin:0px auto; clear:both; line-height:25px; font-size:14px; color:#999999;
}
.welleft{
float:left; padding-left:5px;
}
.welright{
float:right; padding-right:5px;
}
.welright img{
margin:5px 5px 0px 15px;
}
.header{
width:100%; max-width:1400px; height:106px; margin:0px auto; clear:both; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
.headerlogo{
float:left;
}
.headerlogo img{
width:349px; height:106px; border:0px;
}
.headmenu{
float:right; height:106px;
}
@media screen and (max-width: 1024px){
.welcomebg{display:none;}
.headmenu{display:none;}
}
@media screen and (max-width: 668px){
.header{height:70px;}
.headerlogo img{
width:230px; height:70px; border:0px;
}
}
.flasher-about{
width:100%;  margin:0px auto; clear:both; height:415px; background:url(images/flash_about.jpg) no-repeat center #FFF; overflow:hidden;
}

/*foot CSS*/
.footer{
width:100%;  max-width:1920px; clear:both; margin:0px auto 0px auto; font-family:微软雅黑, Arial, Helvetica, sans-serif; overflow:hidden; background-color:#1c1c1c;
}
.footer div{
overflow:hidden;
}
.footerall{
width:100%;  max-width:1400px; clear:both; margin:0px auto; padding:20px 0px 25px 0px;
}
.footer01{
clear:both; padding-left:2px;
}
.footer01 font{
color:#2d2d2d; padding:0px 23px; font-size:12px;
}
.footer01 a{ color:#7d7d7d; font-size:15px;}
.footer01 a:hover{ color:#F00;}

.footer02{
float:left; width:716px; font-size:15px; color:#7d7d7d; padding:16px 0px 0px 0px; line-height:28px;
}
.footer02 a{font-size:16px; color:#7d7d7d;}
.footer02 a:hover{ color:#F00;}

.footer03{
float:right; width:287px; color:#515151; font-size:14px; line-height:46px; background-color:#000; padding-top:35px; padding-bottom:20px; margin-top:-40px;
}
.footer05{
float:right; width:200px;
}
.footer06{
width:100%;  max-width:1920px; line-height:25px; clear:both; padding:10px 0px; text-align:center; margin:0 auto; font-family:微软雅黑, Arial, Helvetica, sans-serif; overflow:hidden; background-color:#1c1c1c; color:#7d7d7d; font-size:14px; border-top:1px solid #4b4b4b;
}
.footer06 a{ color:#7d7d7d; font-size:14px;}
.footer06 a:hover{ color:#fe2828;}
.footer06 font{margin-left:20px;}
@media screen and (max-width: 1003px){
.footer01{
display:none;
}
.footer02{
float:none; margin:0 auto; width:96%; font-size:1.2em; line-height:180%;
}
.footer02 a{font-size:1.2em;}
.footer03{
display:none;
}
.footer06{font-size:1em;}
.footer06 a{font-size:1em;}
}
@media screen and (max-width: 668px){
.footer06 font{clear:both; margin-left:0px; display:block;}
}


/*title CSS*/
.titleall{
width:100%;  max-width:1400px; margin:0 auto; clear:both; overflow:hidden; padding-top:30px; padding-bottom:20px; text-align:center;
}
.titleall div{
overflow:hidden;
}
.titleall01{
clear:both; font-size:30px; line-height:48px; color:#000;
}
.titleall02{
clear:both; font-size:20px; line-height:30px; color:#000; padding:3px 0px 15px 0px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
.titleall03{
clear:both; width:55px; height:2px; background-color:#383838; margin:0 auto;
}
@media screen and (max-width: 668px) {
.titleall{
padding-top:0px; padding-bottom:0px;
}
}

/*class CSS*/
.titlemenu{
width:100%;  max-width:1400px; border-bottom:1px solid #CCC; margin:0px auto; clear:both; overflow:hidden; padding-top:35px; padding-bottom:15px;
}
.titlemenuclass{
width:100%;  max-width:1400px; border:1px solid #d9d9d9; margin:50px auto; clear:both; overflow:hidden; padding-top:15px; padding-bottom:15px; background-color:#FFF; border-radius:20px; box-shadow:0 0 10px rgba(0,0,0,0.1);
}

/*home about CSS*/
.aboutbg{
width:100%; max-width:1920px;  height:545px; clear:both; margin:100px auto 40px auto; overflow:hidden; background:url(images/about_02.jpg) no-repeat center;
}
.aboutshow{
width:100%; max-width:1400px; clear:both; margin:0px auto; overflow:hidden;
}
.aboutshow div{
overflow:hidden;
}
.aboutshow01{
float:right; width:55%;
}
.aboutshow02{
clear:both; padding:10px 0px 10px 0px;
}
.aboutshow03{
clear:both; font-size:16px; color:#6a6a6a; line-height:30px; padding:25px 0px 25px 0px;
}
.aboutshow03 p{
padding-bottom:20px;
}
.aboutshow04{
clear:both;
}
.aboutshow04 a{
float:right; font-size:18px; color:#808080; width:168px; text-align:center; height:32px; line-height:32px; border:1px solid #d1d1d1; transition: all 1.1s ease; display:block;
border-radius:12px;
-webkit-border-radius:12px;
-o-border-radius:12px;
-moz-border-radius:12px;
-ms-border-radius:12px;
}
.aboutshow04 a:hover{
color:#FFF; background-color:#007eff;
}
@media screen and (max-width: 668px){
.aboutbg{
height:auto;
}
.aboutshow01{
float:right; width:78%; margin-right:2%;
}
.aboutshow02{
padding:0px 0px 0px 0px;
}
.aboutshow02 img{
width:80%; height:auto;
}
.aboutshow03{
font-size:1.2em; line-height:150%; padding:15px 0px 15px 0px;
}
.aboutshow04 a{
font-size:1.2em; width:auto; color:#808080; text-align:center; line-height:200%; border:1px solid #d1d1d1; padding:0 2em; margin-right:1em;
}
}

/*home 工程应用 CSS*/
.hotbg{
width:100%; max-width:1920px;  clear:both; margin:10px auto 0px auto; overflow:hidden; padding-top:0px; padding-bottom:40px;
}
.hotsale{
width:100%;  max-width:1920px; margin:0 auto; clear:both; overflow:hidden; padding-top:20px;
}
.hotsale div{
overflow:hidden;
}
.hotsalelist{
float:left; text-align:center; width:19%; margin:0.5%; position:relative;
}
.hotsalelist img{
width:100%; height:auto; border:0px;
}
.hotsalelist:hover img{
transform: scale(1.15);
}
.hotsalelist01{
	width:100%;
	text-align:center;
	height:100%;
	padding:0% 0% 0% 0%;
	bottom:0px;
	position:absolute;
	transition: all 0.5s ease;
}
.hotsalelist:hover .hotsalelist01{
background-color:rgba(0,0,0,0.3);
}
.hotsalelist:hover .hotsalelist02{
border:1px solid #FFF; display:block;
}
.hotsalelist02{
width:90%; height:88%; text-align:center; transition: all 0.5s ease; display:none; margin: 4.3% auto 0 auto;
}
.hotsalelist03{
clear:both; font-size:20px; line-height:30px; color:#FFF; padding-top:20%;
}
.hotsalelist04{
clear:both; font-size:12px; line-height:30px; color:#DDD; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
.hotsalelist05{
clear:both; font-size:13px; color:#FFF; line-height:24px; padding:0 5%;
}
@media screen and (max-width: 668px){
.hotsalelist{
width:48%; margin:1%;
}
.hotsalelist03{
font-size:1.2em; line-height:200%; padding-top:10%;
}
.hotsalelist04{
font-size:1em; line-height:150%;
}
.hotsalelist05{
font-size:1em; line-height:150%; padding:0 8%;
}
}

/*home 企业文化 CSS*/
.wenhuabg{
width:100%; max-width:1920px;  clear:both; margin:10px auto 0px auto; overflow:hidden; padding-top:0px; padding-bottom:60px;
}
.wenhuashow{
width:1200px; height:634px; margin:0 auto; clear:both; padding-top:20px; position:relative;
}
.wenhua{
width:1920px; height:634px; margin:0 auto; clear:both; overflow:hidden; position:absolute; left:50%; margin-left:-960px;
}
.wenhua div{
overflow:hidden;
}
.wenhualist{
float:left; width:384px; height:634px; background-color:#f2f2f2;
}
.wenhualist:hover{
background-color:#e0e0e0;
}
.wenhualist:hover img{
transform: scale(1.15);
}
.wenhualist01{
clear:both; width:384px; height:317px;
}
.wenhualist02{
clear:both; font-size:18px; color:#000; padding:60px 0px 20px 55px;
}
.wenhualist03{
clear:both; width:32px; height:3px; background-color:#0078ff; margin-left:60px;
}
.wenhualist04{
clear:both; font-size:13px; color:#808080; padding:20px 0px 10px 55px;
}
.wenhualist05{
clear:both; font-size:12px; color:#b9b9b9; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; padding:0px 30px 10px 55px; line-height:20px;
}
@media screen and (max-width: 668px){
.wenhuashow{
width:100%; height:auto; margin:0 auto; clear:both; padding-top:20px;
}
.wenhua{
width:100%; height:auto; margin:0 auto; clear:both; overflow:hidden; position:relative; left:auto; margin-left:auto;
}
.wenhualist{
float:none; clear:both; width:98%; height:auto; margin:0 auto;
}
.wenhualist01{
clear:none; float:left; width:50%; height:auto;
}
.wenhualist01 img{
width:100%; height:auto;
}
.wenhualist02{
font-size:1em; padding:1em 0em 0.9em 1em;
}
.wenhualist03{
margin-left:1.1em;
}
.wenhualist04{
font-size:0.8em; padding:1em 1em 0.5em 1.25em; line-height:150%;
}
.wenhualist05{
display: none;
}
}

/*home 合作伙伴 CSS*/
.partnerbg{
width:100%; max-width:1920px;  clear:both; margin:10px auto 0px auto; overflow:hidden; padding-top:0px; padding-bottom:60px;
}
.partner{
width:100%;  max-width:1920px; margin:30px auto 0px auto; clear:both; overflow:hidden; border-top:1px solid #d2d2d2; padding-top:40px;
}
.partner img{
float:left; width:177px; height:52px; border:0px; margin:5px 0px 5px 10px;
}
@media screen and (max-width: 668px){
.partner img{
float:left; width:46%; height:auto; border:0px; margin:2%;
}
}

/*内页 CSS*/
.indexpageproduct{
width:100%;  max-width:1400px; margin:0 auto; clear:both;
}
.indexpagebg{
width:100%;  max-width:1920px; margin:0 auto; clear:both; overflow:hidden; background-color:#FFF;
}
.indexpage{
width:100%;  max-width:1400px; margin:0 auto; clear:both; overflow:hidden;
}
.indexpage div{
overflow:hidden;
}

/*内页 产品介绍 CSS*/
.indexshow{
clear:both; padding:60px 0px 80px 0px; line-height:185%; font-size:16px;
}
.indexshow p{
padding-bottom:15px;
}
.propicpc{
float:left; width:640px; height:492px; border:1px solid #e0e0e0; margin-left:12px; display:block;
}
.propicwap{
float:none; clear:both; margin:0px auto; width:96%; display:none;
}
.propicwap img{
width:100%; height:auto; border:0px;
}
.protitle{
float:right; width:45%; overflow:hidden;
}
.protitle0{
clear:both; text-align:right; font-size:16px; color:#666;
}
.protitle0 img{
border:0px; width:3px; height:10px; margin:0px 10px;
}
.protitle0 a{color:#666; font-size:16px;}
.protitle0 a:hover{color:#F00;}
.protitle1{
clear:both; padding:10px 0px 3px 0px; color:#017dd0; font-size:26px; line-height:40px;
}
.protitle2{
clear:both; padding:3px 0px 9px 0px; color:#8f8f8f; font-size:26px; line-height:40px;
}
.protitle2 a{color:#8f8f8f; font-size:26px;}
.protitle2 a:hover{color:#F00;}
.protitle3{
clear:both; padding:9px 0px 9px 0px; color:#9f9f9f; font-size:15px; line-height:28px;
}
.protitle4{
clear:both; padding:22px 0px 15px 0px; 
}
.protitle4 a{float:left; display:block; width:120px; height:40px; line-height:40px; text-align:center; color:#FFF; font-size:16px; background-color:#2385ff; margin-right:10px;
border-radius:8px;
-webkit-border-radius:8px;
-o-border-radius:8px;
-moz-border-radius:8px;
-ms-border-radius:8px;
}
.protitle4 a:hover{background-color:#0078ff;}
.protitle5{
clear:both; padding:9px 0px 9px 0px; 
}
@media screen and (max-width: 1300px) {
.protitle{
width:41%;
}
}
@media screen and (max-width: 1024px) {
.protitle{
width:32%;
}
}
@media screen and (max-width: 768px) {
.propicpc{display:none;}
.propicwap{display:block;}
.protitle{
clear:both; float:none; width:98%; margin:0px auto;
}
.protitle0{
text-align:left;
}
}

/*内页 公司介绍 CSS*/
.indexabout{
clear:both; padding:30px 15px 50px 15px; line-height:185%; font-size:16px;
}
.indexabout p{
padding-bottom:15px;
}

/*内页 客户留言 CSS*/
.indexnetbook{
clear:both; padding:30px 10px 50px 10px; line-height:185%; font-size:16px;
}
.netbook01{
clear:none; padding-bottom:10px; float:left;
}
.netbook02{
width:410px;
}
.netbook03{
width:447px;
}
.netbook04{
float:left; width:500px;
}
@media screen and (max-width: 668px) {
.netbook01{
clear:both; float:none;
}
.netbook02{
width:236px;
}
.netbook03{
width:275px;
}
.netbook04{
width:240px;
}
}

/*内页 新闻中心 CSS*/
.indexaboutnews{
clear:both; padding:30px 0px 50px 0px; line-height:185%; font-size:16px;
}
.servicenewslist{
clear:both; margin:0px 10px 35px 10px; box-shadow:0 0 10px rgba(0,0,0,0.2);
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
.servicenewslist:hover{
background-color:#f0f0f0; box-shadow:0 0 15px rgba(0,0,0,0.5);
}
.servicenewspic{
float:left; margin:5px; width:25%; text-align:center; position:relative; overflow:hidden; border:1px solid #d0d0d0;
}
.servicenewspic img{
border:0px; width:100%; height:auto; transition: all 0.5s ease;
}
.servicenewsshow{
float:right; margin:5px 15px 5px 5px; width:70%;
}
.servicenewsshow h2{
font-size:20px; margin:10px 0px 8px 0px;
}
.servicenewsshow p{
font-size:16px; color:#666; padding-bottom:10px;
}
.servicenewsshow font{
font-size:16px; border:1px solid #CCC; line-height:50px; height:50px; padding:6px 20px 6px 20px; background-color:#f6f6f6;
}
.servicenewslist:hover font{
background-color:#0078ff; color:#FFF; transition: all 0.5s ease;
}
.servicenewslist:hover img{
transform: scale(1.15);
}
@media screen and (max-width: 668px) {
.servicenewsshow{
margin:5px 5px 0px 0px; width:69%;
}
.servicenewsshow h2{
font-size:12px; margin:0px 0px 0px 0px; line-height:15px;
}
.servicenewsshow p{
font-size:12px; color:#666; padding-bottom:1px; line-height:120%;
}
.servicenewsshow font{
display:none;
}
}

/*内页 资料下载 CSS*/
.indexdownload{
clear:both; padding:30px 0px 50px 0px; line-height:185%; font-size:16px;
}
.downloadlist{
clear:both; margin:0px 8px 8px 8px; padding:0px 5px;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
.downloadlist:hover{
background-color:#f0f0f0; box-shadow:0 0 15px rgba(0,0,0,0.3);
}
.indexpro{
clear:both; padding:30px 0px 50px 0px; line-height:185%; font-size:16px;
}
.indexsearch{
clear:both; padding:0px 0px 70px 0px; line-height:185%; font-size:16px;
}
.caselistshow{
float:left; width:31.33%; margin:0 1% 0 1%; position:relative; overflow:hidden;
}
.caselist{
width:437px; height:302px; position:relative; border:1px solid #d5d5d5; overflow:hidden;
}
.caselist img{
width:437px; height:302px; border:0px; position: absolute; left: 50%; top: 50%; margin: -151px 0 0 -218.5px; z-index:1;
}

/*分页 CSS*/
.newpageproduct{
text-align:center; font-size:18px; clear:both; background-color:#f5f5f5; padding-top:8px; padding-bottom:7px; width:100%; margin:20px auto 0px auto; border-radius:8px; box-shadow:0 0 10px rgba(0,0,0,0.2) inset;
}
.newpageproduct a{ color:#363636; font-size:18px;}
.newpageproduct a:hover{ color:#F00;}

.newpage{
text-align:center; font-size:18px; clear:both; background-color:#f5f5f5; padding-top:8px; padding-bottom:7px; width:100%; margin:20px auto 0px auto; border-radius:8px; box-shadow:0 0 10px rgba(0,0,0,0.2) inset;
}
.newpage a{font-size:18px;}
.newpage a:hover{color:#F00;}

.newpagecase{
text-align:center; font-size:18px; clear:both; background-color:#f5f5f5; padding-top:8px; padding-bottom:7px; width:100%; margin:20px auto 0px auto; border-radius:8px; box-shadow:0 0 10px rgba(0,0,0,0.2) inset;
}
.newpagecase a{font-size:18px;}
.newpagecase a:hover{color:#F00;}

/*新闻详细 CSS*/
.newshowtitle{
text-align:center; clear:both; font-size:22px; font-weight:bold; line-height:180%; padding-bottom:10px;
}
.newshowtime{
text-align:center; clear:both; font-size:14px; line-height:130%; padding-bottom:0px;
}
.newshowdetail{
clear:both; line-height:180%; padding-top:15px; font-size:16px; 
}
.newshowmark{
text-align:right; clear:both; line-height:180%; font-size:14px; padding-top:8px; padding-right:5px;
}
.newshowmark a{ color:#363636; font-size:14px;}
.newshowmark a:hover{ color:#FF0000; font-size:14px;}

@media screen and (max-width: 668px){
.newshowtitle{
font-size:18px;
}
.newshowmark{
text-align:center; font-size:12px; padding-right:3px;
}
.newshowmark a{font-size:12px;}
.newpage{
font-size:14px; padding-top:3px; padding-bottom:3px;
}
.newpage a{font-size:14px;}
.newpagecase{
font-size:14px; padding-top:3px; padding-bottom:3px;
}
.newpagecase a{font-size:14px;}
.newpageproduct{
font-size:14px; padding-top:3px; padding-bottom:3px;
}
.newpageproduct a{font-size:14px;}
}

/*以下版头图片切换 e*/
img{margin:0;padding:0;resize:none;border:none;outline:none;} 
a:active, a:focus{outline:none;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
*html{background-image:url(about:blank);background-attachment:fixed;} /* 修正IE6振动bug */
/* slide */
.slide-main{height:664px;position:relative; } /*height e*/
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:45%;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:1%;}
.next{right:1%;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;  height:16px;position:absolute;z-index:124; bottom:5%;left:0;text-align:center;}
.item a{display:inline-block;width:16px;height:16px;margin-right:11px; background:url(images/Button01.png);overflow:hidden; opacity:0.7;-moz-opacity:0.7;filter:alpha(opacity=70);}
.item a.cur{width:16px;height:16px; background:url(images/Button02.png);}
.slide-box,.slide{display:block;width:100%; height:664px;overflow:hidden;} /*height e*/
.slide-box{position:relative;}
.slide{display:none;height:664px;background-color:#FFF;position:relative;position:absolute;z-index:8;} /*height e*/
#bgstylea{background:url(images/adv01.jpg) no-repeat center; background-color:#FFF;}
#bgstyleb{background:url(images/adv02.jpg) no-repeat center; background-color:#FFF;}
#bgstylec{background:url(images/adv03.jpg) no-repeat center; background-color:#FFF;}
.slide a{display:block;width:100%;height:346px;cursor:pointer;}
/*以上版头图片切换 e*/

@media screen and (max-width: 1024px) {
.slide-main{height:567px;} /*height e*/
.slide-box,.slide{height:567px;} /*height e*/
.slide{height:567px;} /*height e*/
#bgstylea{background:url(images/a1024a.jpg) no-repeat center; background-color:#FFF;}
#bgstyleb{background:url(images/a1024b.jpg) no-repeat center; background-color:#FFF;}
#bgstylec{background:url(images/a1024c.jpg) no-repeat center; background-color:#FFF;}
}
@media screen and (max-width: 768px) {
.slide-main{height:425px;} /*height e*/
.slide-box,.slide{height:425px;} /*height e*/
.slide{height:425px;} /*height e*/
#bgstylea{background:url(images/a768a.jpg) no-repeat center; background-color:#FFF;}
#bgstyleb{background:url(images/a768b.jpg) no-repeat center; background-color:#FFF;}
#bgstylec{background:url(images/a768c.jpg) no-repeat center; background-color:#FFF;}
}
@media screen and (max-width: 480px) {
.slide-main{height:266px;} /*height e*/
.slide-box,.slide{height:266px;} /*height e*/
.slide{height:266px;} /*height e*/
#bgstylea{background:url(images/a480a.jpg) no-repeat center; background-color:#FFF;}
#bgstyleb{background:url(images/a480b.jpg) no-repeat center; background-color:#FFF;}
#bgstylec{background:url(images/a480c.jpg) no-repeat center; background-color:#FFF;}
}
@media screen and (max-width: 414px) {
.slide-main{height:229px;} /*height e*/
.slide-box,.slide{height:229px;} /*height e*/
.slide{height:229px;} /*height e*/
#bgstylea{background:url(images/a414a.jpg) no-repeat center; background-color:#FFF;}
#bgstyleb{background:url(images/a414b.jpg) no-repeat center; background-color:#FFF;}
#bgstylec{background:url(images/a414c.jpg) no-repeat center; background-color:#FFF;}
}

/*响应缓冲*/
.huanchong, .aboutalllist, .downloadlist, .yiyi1, .yiyi7, .hotsalelist:hover .hotsaleline {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/*介绍图片切换*/
.allcase{ width:581px; height:385px; position:relative;}
.screen{
	width:581px;
	height:385px;
	overflow:hidden; 
	position:relative;
}
.screen li{ width:581px; height:385px; overflow:hidden; float:left;}
.screen ul{ position:absolute; left:0; top:0px; width:4000px;}
.allcase ol{ position:absolute; right:6px; bottom:6px; line-height:20px; text-align:center;}
.allcase ol li{ float: left; width: 24px; height: 24px; background:url(images/caseqh.png);  margin-left: 5px; cursor: pointer; font-size: 14px; font-family:Verdana; line-height: 24px; color:#FFF;}
.allcase ol li.current{background:url(images/caseqh.png) bottom;}

/*固定的悬浮窗*/
.yb_conct {
	position: fixed;
	z-index: 9999999;
	top: 200px;
	right: -127px;
	cursor: pointer;
	transition: all .3s ease;
}
@media screen and (max-width: 1024px) {
	.yb_conct {display:none;}
}
.yb_bar ul li {
	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
}
.yb_bar .yb_top {
	background: #ff4a00 url(images/fixCont.png) no-repeat 0 0; font-size:14px;
}
.yb_bar .yb_phone {
	background: #ff4a00 url(images/fixCont.png) no-repeat 0 -57px; font-size:14px;
}
.yb_bar .yb_QQ {
	text-indent: 0;
	background: #ff4a00 url(images/fixCont.png) no-repeat 0 -113px; font-size:14px;
}
.yb_bar .yb_MSN {
	text-indent: 0;
	background: #ff4a00 url(images/fixCont.png) no-repeat 0 -225px; font-size:14px;
}
.yb_bar .yb_SKYPE {
	text-indent: 0;
	background: #ff4a00 url(images/fixCont.png) no-repeat 0 -169px; font-size:14px;
}
.yb_bar .yb_ercode {
	/*height:200px;*/

	background: #ff4a00 url(images/fixCont.png) no-repeat 0 -281px; font-size:14px;
}
.hd_qr {
	padding: 0 29px 25px 29px;
}
.yb_QQ a, .yb_MSN a, .yb_SKYPE a {
	display: block; font-size:14px;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}

/*首页 滚动图 自适应 服务范围 CSS*/
.pc-banner {
	width:100%;  max-width:1920px; clear:both; margin:0px auto; overflow:hidden; position:relative;
}

@media screen and (max-width: 668px) {
	.pc-banner {
		background-size:auto 100%;
	}
}

.swiper-container {
	width: 100%;
	margin: 35px 0px 15px 0px; position:relative;
}

@media screen and (max-width: 668px) {
	.swiper-container {
		margin: 20px 0px 15px 0px;
	}
}

.swiper-slide {
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
	position:relative;
}

@media screen and (max-width: 668px) {
	.swiper-slide {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
}

.swiper-slide-active,.swiper-slide-duplicate-active {
	-webkit-transform: scale(1);
	transform: scale(1);
}

@media screen and (max-width: 668px) {
	.swiper-slide-active,.swiper-slide-duplicate-active {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}

.none-effect {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
}

.swiper-slide a {
	padding:0;
	display: block;
	position:relative;
}
.swiper-slide-title{
	width:100%;
	text-align:center;
	height:100%;
	padding:0% 0% 0% 0%;
	bottom:0px;
	position:absolute;
	background-color:rgba(0,0,0,0.5);
	transition: all 0.5s ease;
}
.swiper-slide:hover .swiper-slide-title{height:100%; background-color:rgba(0,0,0,0);}
.swiper-slide:hover .swiper-slide-title-3{
	border:1px solid #FFF; color:#FFF; background-color:#007eff; transition: all 0.5s ease;
}

.swiper-slide-title-a{
	clear:both; width:118px; height:118px; background:url(images/yewu_03.png); margin:120px auto 0px auto;
}
.swiper-slide-title-b{
	clear:both; width:118px; height:118px; background:url(images/yewu_05.png); margin:120px auto 0px auto;
}
.swiper-slide-title-c{
	clear:both; width:118px; height:118px; background:url(images/yewu_07.png); margin:120px auto 0px auto;
}
.swiper-slide-title-d{
	clear:both; width:118px; height:118px; background:url(images/yewu_09.png); margin:120px auto 0px auto;
}
.swiper-slide-title-e{
	clear:both; width:118px; height:118px; background:url(images/yewu_11.png); margin:120px auto 0px auto;
}
.swiper-slide-title-f{
	clear:both; width:118px; height:118px; background:url(images/yewu_13.png); margin:120px auto 0px auto;
}
.swiper-slide-title-1{
	clear:both; font-size:16px; color:#FFF; line-height:28px; padding:20px 0px 20px 0px;
}
.swiper-slide-title-2{
	clear:both; width:50px; height:2px; background-color:#FFF; margin:0px auto;
}
.swiper-slide-title-3{
	clear:both; width:100px; height:30px; line-height:30px; border:1px solid #FFF; color:#FFF; text-align:center; margin:20px auto 0px auto; font-size:14px;
}

@media screen and (min-width: 668px) {
	.swiper-slide a:after {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		box-sizing: border-box;
		border: 0px solid #fff;
		content: "";
		width: 100%;
		height: 100%;
	}
}

.swiper-slide-active a:after {
	background: none;
}

@media screen and (max-width: 668px) {
	.swiper-slide a {
		padding:3%;
	}
}

.swiper-slide img {
	width: 100%;
	display: block; transition: all 0.5s ease;
}
.swiper-slide:hover img{
	box-shadow:0 0 15px rgba(0,0,0,0.3);
	transition: all 0.5s ease;
}

@media screen and (max-width: 668px) {
	.swiper-slide img {
		border-radius: 0px;
	}
}

.swiper-pagination {
	position: relative;
	margin-bottom: 30px;
}

.swiper-pagination-bullet {
	background: #CCC;
	margin-left: 4px;
	margin-right: 4px;
	width: 6px;
	height: 6px;
	opacity: 1;
	margin-bottom: 4px;
}

.swiper-pagination-bullet-active {
	width: 10px;
	height: 10px;
	background: #FFF;
	border: 1px solid #1836d2; background:url(images/mark.png) no-repeat center;
	margin-bottom:1px;
}

@media screen and (max-width: 668px) {
	
	.swiper-pagination {
		position: relative;
		margin-bottom: 20px;
	}

	.swiper-pagination-bullet {
		background: #00a0e9;
		margin-left: 2px;
		margin-right: 2px;
		width: 8px;
		height: 8px;
		margin-bottom: 2px;
	}

	.swiper-pagination-bullet-active {
		width: 6px;
		height: 6px;
		background: #FFF;
		border: 3px solid #00a0e9;
		margin-bottom: 0;
	}
}

.button {
	width: 100%;  max-width:1920px; clear:both; position:absolute;
	top:50%;
	margin:-20px auto 0px auto;	
}

@media screen and (max-width: 668px) {
	.button {
		width: 100%;
	}
}

.button div:hover {
	background-color: #007eff;
}

.swiper-button-prev {
	width: 60px;
	height: 60px;
	border-radius: 0px;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") rgba(0,166,255,0.3) center 50%/50% 50% no-repeat;
}

.swiper-button-next {
	width: 60px;
	height: 60px;
	border-radius: 0px;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") rgba(0,166,255,0.3) center 50%/50% 50% no-repeat;
}

@media screen and (max-width: 668px) {
	.button div {
		width: 28px;
		height: 28px;
	}
}

/*产品展示 工程应用 自适应*/
.indexproduct{
clear:both; padding:0px 0px 50px 0px; line-height:185%; font-size:16px;
}
.prolistall{
	float: left;
	width: 23.5%;
	margin-right:2%;
	position: relative;
	overflow: hidden;
}
.prolist{
	list-style-type: none;
	/*display:inline-block;*/
	display: block;
	float: left;
	max-width:327px;
	max-height:251px;
	width:99.2%;
	border:1px solid #d0d0d0;
	position: relative;
	overflow: hidden;
}
.dummy{padding-top:77%;}
.prolist img{
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
	vertical-align: middle;
}
.prolistall:hover img{
    transform: scale(1.15);
}
.prolist i{
	display: inline-block;
	vertical-align: middle;
	height:100%;
}
.prolist p{
	text-align: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
}
.prolist01{padding:8px 0px 0px 3px;}
.prolist02{padding:8px 0px 35px 0px;}
@media screen and (max-width: 668px){
.prolistall{width: 46%; margin-left:2%; margin-right:2%;}
.prolist01{padding:5px 0px 0px 3px;}
.prolist02{padding:3px 0px 15px 0px;}
}

/*移动端导航*/
.m_nav{display:none;}
.m_img{display:none;}
@media screen and (max-width: 1024px) and (min-width:0px){
   .msgNum{display: none;}
   .slider{margin-top: 103px;}
   .m_img{display:block;height:103px;position:absolute;top:0px;right:10px;width:40%;z-index:9999;border-bottom:0px solid #ddd;overflow: hidden;}
   .m_img .headlf{padding-top:2px;padding-left:5px;float: left;}
   .m_img .headlf .m_logo{height:40px;display: block}
   .m_img .headrg{padding-right:5%;padding-top:40px;float: right;}
   .m_img .headrg a .m_menuimg{height:25px;vertical-align:top;display: block}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #232530}
   .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .icon{ background:url(images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(images/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
}
@media screen and (max-width: 668px) and (min-width:0px){
   .slider{margin-top: 70px;}
   .m_img{height:70px;}
   .m_img .headrg{padding-top:24px;}
}