﻿@charset 'utf-8';

.news{padding-top: 44px;padding-bottom: 14px;}
.news h1{text-align: center;width: 100%;margin-bottom: 50px}
.news h1 em{display: block;font-size: 32px;line-height: 32px;color: #dddede;text-transform: uppercase;}
.news h1 {font-size: 18px;line-height: 24px;color:#088ae2}
.news ul{}
.news li{float: left;width: 580px;height: 109px; margin:0px 38px 52px 0px;padding-right: 4px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;}
.news li:nth-child(2n){margin-right: 0}
.news li img{float: left;margin-right: 18px}
.news li h2{font-size: 16px;line-height: 24px;color: #3c3c3c;padding-top: 4px; padding-bottom: 6px;}
.news li p{font-size: 14px;line-height: 22px;color: #919191}
.news li span{display: inline-block;margin-top:8px; font-size: 12px;line-height: 22px;color:#0e59c7;text-transform: uppercase;position: relative;}
.news li span:after{content: '';display: block;width: 15px;height: 9px;background: url(../images/arrow.png) no-repeat left top;position: absolute;right: -22px;top: 6px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;}
.news li:hover{background: #f3f3f3;box-shadow: 2px 4px 9px #4c4c4c;transform:translateY(-4px);}
.news li:hover span:after{right: -30px}


.pro{padding-top: 44px;padding-bottom: 14px;}
.pro h1{text-align: center;width: 100%;margin-bottom: 50px}
.pro h1 em{display: block;font-size: 32px;line-height: 32px;color: #dddede;text-transform: uppercase;}
.pro h1 {font-size: 18px;line-height: 24px;color:#088ae2}
.pro ul{}
.pro li{float: left;width: 33.33%; height: 450px;}
.pro .Solution{height: 320px;}
.pro li { position:relative; line-height:22px; }
.pro li  { position:relative; margin:0; padding:1px 10px 0; overflow: hidden; transition:all 0.3s ease 0s; box-sizing: border-box; }
.pro li  .pic { position:relative; overflow:hidden; text-align: center; }
.pro li  .pic img {transition:all 0.6s ease-in-out; transform:scale(1); }
.pro li  .txt { position:relative; width:100%; height:26px; font-size:14px; line-height:26px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align: center; }
.pro li  .txt { font-size:12px; }
			/* 经过效果 */
	.iFCB-TPLB li:hover .iFCB-rp .m-pic img { transform:scale(1.1); }
	.iFCB-TPLB li:hover .iFCB-rp  .m-intro { bottom: 0; }


.adver{height: 450px;background-color: #f3f3f3;padding-top: 63px}
.adver .video{width: 450px;height: 360px;float:left;overflow: hidden;margin-right: 40px}
.adver h1{font-size: 18px;line-height: 24px;color: #088ae2;padding: 22px 0 20px;}
.adver p{font-size: 14px;line-height: 24px;color: #585858}
.adver .wrap>a{display:inline-block;font-size: 14px;line-height: 32px;color: #b5b5b5;width: 111px;height: 34px;border: 2px solid #b5b5b5;border-radius: 50px;text-align: center;margin-top: 50px;position: relative;z-index: 2;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;}
.adver .wrap>a:before{content: '';display: block;width: 0%;height:34px;border-radius:50px;background: #2c9ee6;position: absolute;z-index:-1; left: 50%;top:-2px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;}
.adver .wrap>a:hover:before {left:-2px;width: 111px;}
.adver .wrap>a:hover{color: #fff}