@charset "utf-8";

body{min-width: 1200px; width: 100%;}

/*产品中心*/
.cp01{background: #f5f5f5;padding: 90px 0 35px;}
.cp_t{font-size: 42px;color: #369eeb;text-align: center;height: 100px;line-height: 50px;overflow: hidden;}
.cp_t a{color: #369eeb;}
.cp_t a:hover,.cp_bt h3 a:hover{color: #369eeb;}
.chanp .fuw_t{margin-bottom: 25px;}
.chanp dl{width: 289px;height: 276px;position: relative;overflow: hidden;float: left;margin-left: 14px;}
.chanp dl dt{width: 289px;height: 216px;line-height: 0;}
.chanp dl dt img{width: 289px;height: 216px;}
.chanp dl dt span{display: block;font-size: 16px;color: #333;height: 58px;line-height: 56px;width: 289px;text-align: center;overflow: hidden;}
.chanp dl dd{position: absolute;top: 0;left: 0;width: 289px;height: 0;overflow: hidden;}
.chanp dl dd a{display:block;font-size: 20px;color: #fff;height: 216px;}
.chanp dl dd h4{padding: 45px 0 0 52px;height: 30px;line-height: 30px;width: 235px;font-weight: normal;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.chanp .cp_desc{font-size: 16px;color: #fff;width: 180px;margin: 0 auto;line-height: 24px;height: 96px;overflow: hidden;padding: 15px 0 0;}
.chanp dl dd {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-property: color;
  transition-property: color;
  transition: all 0.3s;
}
.chanp dl dd:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:rgba(54,158,235,0.8);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.chanp dl:hover dd:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.chanp dl:hover dd{height: 216px;}
.chanp dl.cp_dl01{margin-left: 303px;}
.chanp dl.cp_dl04{margin-left: 0;}
.cp02{padding: 60px 0;}
.cp02 .chanp dl dt img{border:#f1f1f1 1px solid;box-sizing:border-box;display:block;}

.cp_more{margin: 0 auto;display: block;width: 200px;padding:10px 0 0;}
.cp_more a{display: block;width: 200px;text-align: center;height: 40px;line-height: 40px;font-size: 20px;color: #fff;background: #369eeb;border-radius: 20px;}
.cp_more a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

/*定制化服务*/
.fuw{background: url(../images/fuw_bg.jpg) no-repeat center 0;height: 652px;padding-top: 75px;overflow: hidden;}
.fuw_t{font-size: 34px;color: #fff;text-align: center;height: 100px;line-height: 40px;overflow: hidden;font-weight:normal;}
.fuw_t a{color: #fff;}
.fuw_t span{display: block;font-size: 20px;color: rgba(255,255,255,0.8);padding: 10px 0 0;}
.fuw dl{width: 228px;float: left;margin-top: 30px;position: relative;height: 423px;margin-right: 15px;overflow: hidden;}
.fuw dl dt{width: 228px;height: 305px;line-height: 0;overflow: hidden;}
.fuw dl dt img,.case ul li img,.ys_m dl dt img,.jz_m dl dt img,.wd_m dd h5 img,.about dl dt img,.photo_r ul li img{width: 228px;height: 305px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.fuw dl dt img:hover,.case ul li img:hover,.ys_m dl dt img:hover,.jz_m dl dt img:hover,.wd_m dd h5 img:hover,.about dl dt img:hover,.photo_r ul li img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.fuw dl dd{width: 228px;height: 118px;background: #fff;position: absolute;bottom: 0;left: 0;text-align: center;transition: all 0.3s;}
.fuw dl dd h5{font-size: 20px;color: #333;height: 30px;line-height: 30px;overflow: hidden;padding: 10px 0 0;}
.fuw dl dd span{display: block;font-size: 14px;color: #666;font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}
.fuw dl dd p{text-align: left;font-size: 14px;color: #4c4c4c;line-height: 22px;height: 66px;overflow: hidden;display: none;width: 170px;margin: 0 auto;padding: 8px 0 0;}
.fuw dl dd em{display: block;width: 60px;margin: -30px auto 0;line-height: 0;z-index: 10;position: relative;}
.fuw dl dd em img{width: 60px;height: 60px;}
.fuw dl:hover dd{height: 180px;}
.fuw dl:hover dd span{display: none;}
.fuw dl:hover dd p{display: block;}
.fuw dl.nobor{margin-right: 0;}

/*应用与案例*/
.case{padding: 80px 0 90px;}
.case .fuw_t a,.chanp .fuw_t a,.jz .fuw_t a,.news_bg .fuw_t a{color: #333;}
.case .fuw_t a:hover,.chanp .fuw_t a:hover,.jz .fuw_t a:hover,.news_bg .fuw_t a:hover{color: #369eeb;}
.case .fuw_t span,.chanp .fuw_t span,.jz .fuw_t span{color: #6e6e6e;}
.case ul li{width: 370px;float: left;height: 335px;position: relative;border-bottom: #e5e5e5 2px solid;margin-top: 40px;margin-right: 45px;}
.case ul li em{width: 370px;height: 277px;display: block;line-height: 0;overflow: hidden;}
.case ul li img{width: 370px;height: 277px;}
.case ul li span{font-weight:bold;display: block;font-size: 16px;color: #333;height: 58px;line-height: 58px;padding:0 80px 0 5px;width: 320px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background: url(../images/case_ico.gif) no-repeat 340px 14px;}
.case ul li{vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;}
.case ul li:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: -2px;
  background: #369eeb;
  height: 2px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.case ul li:hover:before, .case ul li:focus:before, .case ul li:active:before {
  right: 0;
}
.case ul li:nth-child(3n){margin-right: 0;}

/*优势*/
.ys_bg{background:url(../images/ys_bg.jpg) no-repeat center 0;height: 840px;overflow: hidden;padding: 80px 0 0;}
.ys_t{padding: 39px 0 0;height: 118px;width: 1130px;margin: 0 auto;}
.ys_t ul li{float: left;width: 282px;font-size: 24px;color: #369eeb;height: 88px;overflow: hidden;position: relative;cursor: pointer;padding: 30px 0 0;}
.ys_t ul li:after{content: "";width: 1px;height: 100%;background: #e8e8e8;position: absolute;top: 0;left: 0;}
.ys_t ul li:first-child:after{background: none;}
.ys_t ul li em{display: block;float: left;width: 60px;height: 60px;line-height: 0;overflow: hidden;margin: 0 15px;}
.ys_t ul li em img{width: 60px;height: 120px;-webkit-transition:all .5s;transition:all .5s;}
.ys_t ul li b{display: block;float: left;font-size: 24px;color: #369eeb;width: 192px;line-height: 28px;padding: 3px 0 0;}
.ys_t ul li i{display: block;font-size: 18px;color: #333;}
.ys_t ul li{
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;}
.ys_t ul li:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #369eeb;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.ys_t ul li:hover:before {right: 0;}
.ys_t ul li.on em img{margin-top: -60px;}
.ys_t ul li.on{ background:url(../images/ys_line01.gif) no-repeat 0 bottom;}
.ys_m dl{width: 1130px;margin: 0 auto;position: relative;height: 530px;}
.ys_m dl dt{width: 1130px;height: 466px;line-height: 0;overflow: hidden;}
.ys_m dl dt img{width: 1130px;height: 466px;}
.ys_m dl dd{width: 945px;height: 90px;background: #fff url(../images/ys_k.gif) no-repeat center center;position: absolute;top: 418px;left: 90px;box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);}
.ys_m dl dd p{font-size: 16px;color: #333;line-height: 35px;text-align: center;}

/*客户见证*/
.jz{padding: 0 0 60px;}
.jz_m{padding: 35px 0 0;width: 1200px;overflow: hidden;}
.jz_m dl{width: 352px;float: left;margin-right: 70px;} 
.jz_m dl dt{width: 352px;height: 198px;overflow: hidden;line-height: 0;}
.jz_m dl dt img{width: 352px;height: 198px;}
.jz_m dl dd{width: 352px;padding: 20px 0 0;}
.jz_m dl dd h5{height: 50px;line-height: 50px;overflow: hidden;font-weight: normal;}
.jz_m dl dd h5 a{font-weight:bold;font-size: 17px;color: #333;display: block;width: 340px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.jz_m dl dd h5 a:hover{color: #369eeb;}
.jz_m .jz_desc{font-size: 14px; color: #666; line-height: 24px; height: 72px; overflow: hidden;padding: 10px 0 0;} 
.jz_m dl dd span{display: block;padding: 30px 0 0;}
.jz_m dl dd span a{display: block;font-size: 16px;color: #666;width: 118px;text-align: center;height: 30px;line-height: 30px;overflow: hidden;border: #959595 1px solid;border-radius: 20px;}
.jz_m dl dd span a:hover{border: #369eeb 1px solid;color: #fff;background: #369eeb;}
.jz em{ width:24px; height:38px;position: absolute;top: 212px;display: block;z-index: 20;}
.jz em a{ width:24px; height:38px;display: block;}
.jz_l a{ background:url(../images/jz_lico01.png) no-repeat;}
.jz_l a:hover{ background:url(../images/jz_lico02.png) no-repeat;}
.jz_r a{ background:url(../images/jz_rico01.png) no-repeat;}
.jz_r a:hover{ background:url(../images/jz_rico02.png) no-repeat;}
.jz_l{left: -50px;}
.jz_r{right: -50px;}

/*合作客户*/
.hz{background:url(../images/hz_bg.jpg) no-repeat center 0;height: 255px;overflow: hidden;}
.hz ul{width: 1200px;height: 240px;position: relative;}
.hz ul:before{content: "";width: 1px;height: 100%;background: #ddd;position: absolute;top: 0;left: 0;z-index: 20;}
.hz ul li{width: 240px;height: 120px;float: left;line-height: 0;border-top: #ddd 1px solid;position: relative;}
.hz ul li a{ display:block; position:relative;width: 240px;height: 120px;}
.hz ul li a:before{content: "";width: 1px;height: 100%;background: #ddd;position: absolute;top: 0;right: 0;z-index: 20;}
.hz ul li img{width: 240px;height: 120px; }
.hz ul li a:hover:after{content: "";width: 240px;height: 120px;position: absolute;top: 0;left: 0;box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);z-index: 21;}

/*广告条*/
.ban01{background:url(../images/ban01.jpg) no-repeat center 0;height: 170px;overflow: hidden;}
.ban01_l{font-size: 36px;color: #fff;line-height: 54px;padding: 35px 0 0;width: 600px;}
.ban01_l span{display: block;font-size: 24px;}
.ban01 p{padding: 22px 0 0;float: right;width: 290px;}
.ban01 p span{display: block;font-size: 16px;color: #fff;padding: 0 0 0 70px;line-height: 28px;background:url(../images/ban_tel.png) no-repeat 0 5px;}
.ban01 p b{display: block;font-size: 30px;font-family:Arial, Helvetica, sans-serif;}
.ban01 p em{display: block;width: 140px;padding: 15px 0 0;}
.ban01 p em a{display: block;font-size: 18px;color: #fff;width: 138px;text-align: center;height: 34px;line-height: 34px;overflow: hidden;border-radius: 20px;border: #fff 1px solid;}
.ban01 p em a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;background: #fff;color: #369eeb;}

/*新闻中心*/
.news_bg{ background:#f5f5f5; padding:70px 0;overflow: hidden;}
.wd{ width:325px;}
.wd_m dl{ width:325px;}
.wd_m dt{width: 290px;height: 115px;background: #369eeb;overflow: hidden; padding:25px 10px 0 25px;}
.wd_m dt a{display: block;font-size: 18px;color: #f0f0f0;font-weight: bold;height: 30px;line-height: 30px;width:285px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.wd_m dt span{display: block;font-size: 18px;color: #f0f0f0; font-family:Arial, Helvetica, sans-serif; padding:8px 0 0;}
.wd_m dd{ width:325px;}
.wd_m dd h5{width: 325px;height: 184px;overflow: hidden;line-height: 0;}
.wd_m dd h5 img{width: 325px;height: 184px;}
.wd_m .news_desc{font-size: 14px;color: #5c5c5c;line-height: 24px;overflow: hidden; padding:20px 35px 0;width: 255px;height: 120px;background: #fff;}
.news_btn{position: absolute;top: 85px;right: 10px;width: 75px;z-index: 20;}
.news_btn a{display: block;width: 16px;height: 31px;float: left; padding:0 20px 0 0;}

/*公司动态*/
.news{ width:830px;padding: 25px 0 0;}
.news_t{ height:40px; line-height:40px; }
.news_t ul li{float: left;}
.news_t ul li a{font-size: 18px;color: #333;display: block;height: 40px; padding:0 40px 0 15px;float: left; background:url(../images/news_line01.gif) no-repeat 0 11px;}
.news_t ul li a:hover,.news_t ul li.on a{font-weight: bold;color: #369eeb; background:url(../images/news_line02.gif) no-repeat 0 10px;}
.news_t span{float: right;display: block;width: 150px;text-align: center;}
.news_t span a{font-size: 16px;color: #adadad;text-transform: uppercase;}
.news_m dl{ width:830px;height: 110px; border-bottom:#ddd 1px solid; padding:20px 0 0;overflow: hidden;}
.news_m dt{width: 150px;height: 90px;background: #e9e9eb;float: right; font-family:Arial, Helvetica, sans-serif;font-size: 16px;color: #5c5c5c;text-align: center;line-height: 34px; padding:20px 0 0;}
.news_m dt b{display: block;font-size: 48px;font-weight: normal;}
.news_m dd{ float:left; overflow:hidden; width:645px;}
.news_m dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.news_m dd h5 a{font-size: 16px;color: #444;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_m dd h5 a:hover{color: #369eeb;}
.news_m .news_desc{font-size: 14px;color: #777;line-height: 24px;height: 48px;overflow: hidden; padding:5px 0 0;}
.news_m dl:hover{ border-bottom:#ccc 1px solid;}
.news_m dl:hover dt{background: #d7d7d9;}
.news_m dl.nobor{border-bottom: none;}

/*关于我们*/
.ab_bg{background:url(../images/ab_bg.jpg) no-repeat center 0;height: 553px; overflow:hidden;}
.about dl{position: relative;}
.about dl dt{width: 972px;height: 553px;line-height: 0;overflow: hidden;position: absolute;top: 0;right: 50%;margin-right: -15px;}
.about dl dt img{width: 972px;height: 553px;}
.about dl dd{width: 525px;float: right;padding:80px 0 0;}
.ab_t{background: url(../images/ab_tbg.gif) no-repeat;height: 112px;line-height: 40px;overflow: hidden;font-weight: normal;padding: 54px 0 0;}
.ab_t a{font-size: 40px;color: #333;}
.ab_t span{display: block;font-size: 22px;color: #666;}
.about .ab_desc{font-size: 14px;color: #666;line-height: 30px;height: 120px;overflow: hidden;padding: 30px 0 0;}
.about ul li{width: 150px;float: left;text-align: center;background: url(../images/ab_line.gif) no-repeat 0 10px;height: 90px;margin-top: 60px;}
.about ul li a{display: block;font-size: 16px;color: #333;}
.about ul li em{display: block;width: 46px;height: 46px;line-height: 0;overflow: hidden;margin: 0 auto 8px;}
.about ul li em img{width: 46px;height: 92px;-webkit-transition:all .5s;transition:all .5s;}
.about ul li a:hover{color: #369eeb;}
.about ul li a:hover em img{margin-top: -46px;}
.about ul li:first-child{background: none;}

/*团队风采*/
.photo{padding: 70px 0 50px;}
.photo_l{ background:url(../images/honor_tbg.gif) no-repeat;height: 125px;width: 280px;overflow: hidden;margin-top: 25px;}
.photo_l a{font-size: 22px;color: #333;}
.photo_l b{display: block;margin: 42px 0 0;line-height: 35px;height: 35px;overflow: hidden;letter-spacing: 2px;}
.photo_r{width: 880px;}
.photo_r ul li{width: 200px;float: left;margin-left: 18px;}
.photo_r ul li em{display: block;width: 200px;height: 150px;line-height: 0;overflow: hidden;}
.photo_r ul li img{width: 200px;height: 150px;}
.photo_r ul li span{font-size: 14px;color: #666;display: block;width: 200px;text-align: center;height: 30px;line-height: 30px;overflow: hidden;padding-top: 5px;}

/*友情链接*/
.f_link{height: 68px;line-height: 68px;overflow: hidden;margin: -68px 0 0 520px;width: 680px;}
.f_link b{display: block;float: left;font-size: 14px;color: #666;width: 90px;text-align: right;}
.f_link p{font-size: 14px;color: #666;float: left;width: 510px;}
.f_link p a{font-size: 14px;color: #666; padding:0 10px 0 0;}
.f_link p a:hover{color: #000;}


/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}