@charset "utf-8";
/* CSS Document */

/* 关于我们*/
.aboutbg{ width:100%; height:609px; background:url(../images/aboutbg.png) no-repeat center top; margin-top:20px;}


.aboutbb{ width:492px;}
.aaboutbb{ width:492px; height:147px; padding-top:20px; padding-left:30px;}
.aaboutbc{ font-size:20px; color:#585858;}
.aaboutbd{ font-size:26px; color:#000; font-weight:bold; padding-top:10px;}
.aaboutbd a{color:#000;}
.aaboutbe{ width:492px; height:367px; background:#FFF;  box-shadow:-10px 10px 30px #e9e9e9; padding:30px;}
.aaboutbea{ width:100%; height:161px; font-size:20px; padding-top:30px; line-height:35px;}
.aaboutbea p a{ color:#585858;}
.aaboutbea p a:hover{color:#337ab7;}
.aaboutbeb{ padding-top:70px; width:100%;}
.aboutbba{ width:706px; height:558px; }
/* 关于我们*/


/*产品中心*/
.proga{ width:100%; height:550px; margin:0px 0px; background:url(../images/probg.png) no-repeat center top;}
.progaa{ width:512px; height:550px; padding-left:50px;}
.progab{ width:684px; height:550px; }
.progaba{ height:271px; width:684px;}
.progabb{ padding-left:38px; padding-top:10px;}
.progabc{ padding-top:0px; color:#6c6c6c; font-size:15px; line-height:34px;}

.progabc a{ color:#6c6c6c; }
.progabc a:hover{ color:#337ab7; }
.progabd{ color:#ff595e;}
/*产品中心*/


/*6大优势*/
.proyoushi{ height:480px; margin-top:100px;}

/*6大优势*/
/*产品列表*/
.prolist{ width:100%;  background:url(../images/prolist.jpg) no-repeat center top fixed;}
.prolista{ padding-top:100px; font-size:35px;  color:#ff595e; font-weight:bold; text-align:center;}
.prolistb{ width:660px; height:53px; margin:65px auto;}
.prolistb ul li{ float:left; margin-left:10px; padding:10px 15px; background:#c3c3c3; cursor:pointer; color:#FFF; font-size:22px; font-weight:bold; }
.prolistbcol{ background:#21bcd8 !important;}
.prolistbg{ width:1228px; margin:auto; background:#fff; padding:20px; padding-right:0px;}
.prolistbgtac{  height:416px; width:1200px; display:block; }
.prolistbgtad{ width:1200px; height:416px; display:block; }
.prolistbgtabshow{ display:none;}
.prolistbgtadww{ width:100%;}

.prrolistpai{ width:100%;  }
.prrolistpai ul{display:flex; justify-content:space-between;}
.prrolistpai ul li{ width:388px; height:416px;  position:relative;}
.prrolistpaiimg{width:388px; height416px; position:absolute; left:0px; top:0px; z-index:10; overflow:hidden; }

.prrolistpaiimg  img{

  cursor: pointer;
  transition: all 0.6s;
}

.imgfilter {
-webkit-filter: brightness(50%); /*考虑浏览器兼容性：兼容 Chrome, Safari, Opera */
filter: brightness(50%);
/* 设置图片的亮度，使其看起来更亮或更暗。如果值是0%，图像会全黑；值是100%，则图像无变化；
值是100%以上，则图像更亮*/
}
.prrolistpaiimg img:hover{
  transform: scale(1.1);
} 

.prrolisttext{ position:absolute; top:258px; left:47px; z-index:999; color:#fff; }
.prrolisttexta{ height:50px; line-height:50px; background:url(../images/p_yy.jpg) no-repeat left top; padding-left:25px; font-size:50px; font-family:UUS;}
.prrolisttextb{ font-size:20px; font-weight:bold; }
.prrolisttextbshbg{ position:absolute; top:0px; left:0px; z-index:15; background:url(../images/p_bg.png) repeat-x bottom; width:388px; height:416px; }

/*产品列表*/
/*案例展示*/
.casebg{ background:#fff;}
.casebglist{ margin-top:70px}
.caslis{ width:100%;}
/*案例展示*/
/*新闻中心*/
.news{ margin-top:75px; width:100%;}
.newsleft{ width:530px; height:380px;}
.newsrig{ width:640px; padding-top:18px; margin-left:30px;}
.newsrig ul li{ width:100%; margin-top:10px; display:flex; align-items:center; margin-bottom:50px;}
.newriqi{ width:60px; height:70px;}
.newriqiri{ padding-top:5px; font-size:42px; color:#626d78; font-weight:bold; text-align:center; height:40px; line-height:40px;}
.newriqinia{ font-size:12px; color:#626d78; text-align:center; padding-top:5px;}
.newwen{ margin-left:10px; width:523px;}
.newwenbt{ font-size:20px; color:#000; }
.newwenbtb{ font-size:15px; color:#676767; margin-top:5px;}
/*新闻中心*/

/*联系我们*/
.coun{ width:100%; height:485px; background:url(../images/count.jpg) no-repeat center top; margin-top:0px;}
.couna{ width:550px;}
.counb{ margin-top:39px; font-size:20px; color:#a0f0ff;}
.counc{ font-size:43px; font-weight:bold; color:#fff; padding-top:25px;}
.councd{ border-bottom:1px dashed #a6f1ff; width:561px; height:60px; color:#fff; margin-top:40px; font-size:38px; line-height:28px;}
.councb{ width:100%;}
.counce{ margin-top:20px;}
.councea{ width:523px; }
.councea p{ color:#fff;  font-size:16px; line-height:45px;}
.counceb{ width:166px;}
/*联系我们*/
/*底部*/
.down{ width:100%; height:120px;}
.downa{ width:353px; padding-top:36px;}
.downab{ font-size:15px; color:#fff;}
.downac{ font-size:23px; font-weight:bold; color:#fff; padding-top:10px;}
.downad{ width:398px; height:61px; padding-top:31px;}
.downae{ width:380px; height:65px; background:#FFF; border-radius:10px; margin-top:33px;}
.downainput{ width:250px; margin-left:10px; height:62px; line-height:62px; border:none; padding-left:20px; font-size:17px;}
.downainss{ width:52px; padding-top:10px;}
.downainaa{ width:100%; height:42px; background:#000;}

/* 网页底部 */
.zzb07link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration:none;
	color: #fff;
	line-height:42px;
}

.zzb07link:hover {
	text-decoration: underline;
	color: #fff;
}
.zzb07tail
{
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
color: #fff;
}
.zzb07tail a
{
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
color: #fff;
}

/*底部*/


/*-----111111111111111-----*/
.slide01{
	-webkit-animation: slide01 1s; -moz-animation: slide01 1s; -ms-animation: slide01 1s; -o-animation: slide01 1s; animation: slide01 1s;
    visibility: visible; 
}
@keyframes slide01 {
    0% {opacity: 0;-webkit-transform: translateX(50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);} 
}
@-webkit-keyframes slide01 {
    0% {opacity: 0;-webkit-transform: translateX(50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);}
}


/*-----222222222-----*/
.slide02{
   -webkit-animation: slide02 1s; -moz-animation: slide02 1s; -ms-animation: slide02 1s; -o-animation: slide02 1s; animation: slide02 1s;
    visibility: visible; 
}
@keyframes slide02 {
    0% {opacity: 0;-webkit-transform: translateX(-50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);} 
}
@-webkit-keyframes slide02 {
    0% {opacity: 0;-webkit-transform: translateX(-50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);}
}



/*-----33333333333-----*/
.slide03{
   -webkit-animation: slide03 1s; -moz-animation: slide03 1s; -ms-animation: slide03 1s; -o-animation: slide03 1s; animation: slide03 1s;
    visibility: visible; 
}
@keyframes slide03 {
    0% {opacity: 0;-webkit-transform: translateY(50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);} 
}
@-webkit-keyframes slide03 {
    0% {opacity: 0;-webkit-transform: translateY(50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);}
}



/*-----33333333333-----*/
.slide04{
   -webkit-animation: slide04 1s; -moz-animation: slide04 1s; -ms-animation: slide04 1s; -o-animation: slide04 1s; animation: slide04 1s;
    visibility: visible; 
}
@keyframes slide04 {
    0% {opacity: 0;-webkit-transform: translateY(-50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);} 
}
@-webkit-keyframes slide04 {
    0% {opacity: 0;-webkit-transform: translateY(-50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);}
}