



.picw1200{max-width: 1200px; margin: 0 auto;}

.setitle{text-align: center; font-size: 32px; color: #033470; position: relative; margin-top: 100px; padding-bottom: 10px;}
.setitle:before{width: 80px;height: 3px;content: '';background:#000;left: 50%;bottom:0;position: absolute; margin-left: -40px;}
.setitle1{text-align: center; font-size: 32px; color: #033470; position: relative; margin-top: 50px; padding-bottom: 10px;}
.setitle1:before{width: 80px;height: 3px;content: '';background:#000;left: 50%;bottom:0;position: absolute; margin-left: -40px;}



@media (max-width: 1280px) {
.picw1200{ padding: 0 4.5%}
}


@media (max-width: 720px) {
.picw1200{ padding: 0 3%}
.setitle{ font-size: 24px;margin-top: 50px;}
.setitle:before{width: 60px;height: 2px; margin-left: -30px;}
.setitle1{ font-size: 24px;margin-top: 20px;}
.setitle1:before{width: 60px;height: 2px; margin-left: -30px;}

}


/*解决方案*/
.wsprocenter{overflow: hidden; margin: 30px 0; display: block; position: relative; width: 100%;}
.wsprocenter .imgbox{float: left;width: 49.5%;margin-right: 1%;position: relative;margin-top: 20px; overflow: hidden;}
.wsprocenter .imgbox:nth-child(2n){margin-right: 0;}
.wsprocenter .imgbox img {display: block;width: 100%; transition: all 0.5s ease 0s;}
.wsprocenter .imgbox:hover img{transform: scale(1.1,1.1)}
.wsprocenter .imgbox .wsbox .wtitle.tbni{display: block;}
.wsprocenter .imgbox .wsbox:hover .wtitle .tbni{display: none;}
.wsprocenter .imgbox .wsbox .wtitle .xiaoguo{display: none;}
.wsprocenter .imgbox .wsbox:hover .wtitle .xiaoguo{display: block;}

.wsprocenter .imgbox .wsbox {position: absolute;z-index: 1;top: 10%;left: 7%;text-align: left;}
.wsprocenter .imgbox .wsbox .wtitle{width: 70px; height: 70px; overflow: hidden;}
.wsprocenter .imgbox .wsbox .wtitle img{max-width: 100%;}
.wsprocenter .imgbox .wsbox .wstent{font-size: 24px;font-weight: bold;color: #000;margin-top: 10px;}
.wsprocenter .imgbox .wsbox:hover .wstent{color: #033470;}
.wsprocenter .imgbox .wsbox .wspmore{display: inline-block;color: #033470; font-size: 16px; margin-top: 10px;}



@media (max-width: 1280px) {
.wsprocenter .imgbox .wsbox {top: 5%;left: 7%;}
.wsprocenter .imgbox .wsbox .wtitle{width: 50px; height: 50px; overflow: hidden;}	
.wsprocenter .imgbox .wsbox .wstent{font-size: 20px;margin-top: 5px;}	
.wsprocenter .imgbox .wsbox .wspmore{ margin-top: 5px;}	
	
}

@media (max-width: 890px) {
.wsprocenter .imgbox{width: 100%;margin-right: 0%;}
.wsprocenter .imgbox .wsbox {top: 10%;left: 7%;}
.wsprocenter .imgbox .wsbox .wtitle{width: 70px; height: 70px; overflow: hidden;}	
.wsprocenter .imgbox .wsbox .wstent{font-size: 24px;margin-top: 10px;}	
.wsprocenter .imgbox .wsbox .wspmore{ margin-top: 10px;}	
	
}

@media (max-width: 640px) {
.wsprocenter .imgbox .wsbox {top: 5%;left: 7%;}
.wsprocenter .imgbox .wsbox .wtitle{width: 50px; height: 50px; overflow: hidden;}	
.wsprocenter .imgbox .wsbox .wstent{font-size: 18px;margin-top: 5px;}	
.wsprocenter .imgbox .wsbox .wspmore{ margin-top: 5px; display: none;}	
	
}


/*解决方案*/











/*产品中心*/
.tpndin{overflow: hidden;background: #F0F0F0; display: block; position: relative; margin-top: 50px; padding-bottom: 40px;}
.picprout{overflow: hidden; margin: 30px 0; display: block; position: relative; width: 100%; }
.picprout .probox{float: left;width: 24%; margin-right: 1.3%; background-color: #fff;display: inline-block;height: 180px; margin-bottom: 15px;
text-align: center;}
.picprout .probox:hover {box-shadow: 4px 4px 5px #e8e8e8;}
.picprout .probox:nth-child(4n){margin-right: 0;}
.picprout .probox .wimg{width: 100px; height: 100px;margin: auto; margin-top: 20px; overflow: hidden; }
.picprout .probox .wimg img{max-width: 100%;}
.picprout .probox .wimg .tbni{display: block;}
.picprout .probox:hover .wimg .tbni{display: none;}
.picprout .probox .wimg .xiaoguo{display: none;}
.picprout .probox:hover .wimg .xiaoguo{display: block;}

.picprout .probox .tittle{ color: #000; font-size: 24px; height: 40px; line-height: 40px; overflow: hidden;}
.picprout .probox:hover .tittle{color: #033470;}

.wimgst{ color: #033470; font-size: 28px; margin-top: 50px;}
.picprout .bbtrn .titlst{ color: #fff; font-size: 18px; margin-top: 10px;}

@media (max-width: 1080px) {
.picprout .probox .tittle{ color: #000; font-size: 20px; }
.wimgst{ font-size: 20px;}
.picprout .bbtrn .titlst{ color: #fff; font-size: 16px; }

}

@media (max-width: 720px) {
	.picprout{overflow: hidden; margin: 15px 0;}
.picprout .probox{float: left;width: 48%; margin-right: 4%;}
.picprout .probox:nth-child(4n){margin-right: 0;}
.picprout .probox:nth-child(2n){margin-right: 0;}
.picprout .probox .tittle{ color: #000; font-size: 18px;}
.wimgst{ font-size: 20px; margin-top: 50px; }
.picprout .bbtrn .titlst{ color: #fff; font-size: 14px; }
}

@media (max-width: 520px) {
.picprout .probox{float: left;width: 32%; margin-right: 2%; height: 140px; }
.picprout .probox:nth-child(4n){margin-right: 2%;}
.picprout .probox:nth-child(2n){margin-right: 2%;}
.picprout .probox:nth-child(3n){margin-right: 0%;}
.wimgst{  margin-top: 30px; }
.picprout .probox .wimg{width: 70px; height: 70px;}
.picprout .probox .tittle{  height: auto; line-height:24px; font-size: 15px; }
}

/*产品中心*/

