@charset "utf-8";

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

/*解决方案*/
.plan{padding: 50px 0 25px; }
.plan_t{height: 125px;text-align: center;line-height: 42px;}
.plan_t a{font-size: 42px;color: #333;}
.plan_t span{display: block;font-size: 20px;color: #666;font-weight: normal;padding: 8px 0 0;text-transform: uppercase;}
.plan_l{width: 519px;border-bottom: #dadada 1px solid;}
.plan_l ul li{width: 173px;height: 191px;float: left;}
.plan_l ul li a,.plan_l span a{font-size: 14px;color: #000;color: #333;width: 172px;height: 160px; padding:30px 0 0; float: left;display: block;border-left: #dadada 1px solid;border-top: #dadada 1px solid;text-align: center;overflow: hidden;}
.plan_l ul li a:hover,.plan_l span a:hover,.plan_l ul li.on a{background: #1261a3;color: #fff;border-left: #1261a3 1px solid;border-top: #1261a3 1px solid;font-weight: bold;}
.plan_l ul li em,.plan_l span em{display: block;width:160px;height:110px;line-height: 0;overflow: hidden;margin:0px auto;}
.plan_l ul li em img,.plan_l span em img{width: 160px;height: 110px;}
.plan_l ul li a:hover em img,.plan_l span a:hover em img,.plan_l ul li.on em img{margin-top: -5px;}
.plan_l ul li i,.plan_l span i{display: block;font-size: 12px;color: #828282;font-weight: normal;}
.plan_l ul li a:hover i,.plan_l span a:hover i,.plan_l ul li.on i{color: #6d95b7;}
.plan_l span{width: 173px;height: 191px;display: block;position: absolute;bottom: 0;right: 0;}
.plan_r{width: 680px;height: 383px;}
.plan_r dl{width: 680px;height: 383px;position: relative;}
.plan_r dl dt{width: 680px;height: 383px;line-height: 0;}
.plan_r dl dt img{width: 680px;height: 383px;}
.plan_r dl dd{width: 520px;height: 115px;position: absolute;bottom: 0;left: 0; background: rgba(0,0,0,0.5);padding: 20px 100px 0 60px;}
.plan_r dl dd h5{height: 40px;line-height: 40px;overflow: hidden;font-weight: normal;}
.plan_r dl dd h5 a{font-size: 20px;color: #fff;}
.plan_r .plan_desc{font-size: 14px;color: #ccc;height: 48px;line-height: 24px;overflow: hidden;}

/*合作客户*/
.hz{padding: 0 0 60px;}
.hz_t{ background:url(../images/hz_line.gif) no-repeat 0 50px;height: 56px;line-height: 56px;overflow: hidden;}
.hz_t a{font-size: 22px;color: #333;font-weight: normal;}
.hz ul li{width:216px;height: 108px;float: left;padding-top: 30px;padding-right: 30px;}
.hz ul li img{width:216px;height: 108px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(1);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; }
.hz ul li a:hover img{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);}
.hz ul li:nth-child(5n){padding-right: 0;}

/*万拓核心服务*/
.fuw_bg{ background:url(../images/fuw_bg.jpg) no-repeat center 0; height:358px; overflow:hidden;}
.fuw{ background:url(../images/fuw_line01.png) no-repeat left 160px;}
.fuw_t{font-size: 42px;color: #fff;text-align: center;height: 160px;line-height: 160px;}
.fuw ul li{width: 240px;float: left; background:url(../images/fuw_line01.png) no-repeat right 0;text-align: center;}
.fuw ul li em{display: block; width: 50px; height: 50px; line-height: 0; margin:0 auto; overflow: hidden;} 
.fuw ul li em img{width: 50px;height: 100px;}
.fuw ul li span{display: block;font-size: 20px;color: #fff;height: 60px;line-height: 60px; background:url(../images/fuw_line02.gif) no-repeat center 0;margin-top: 15px;}
.fuw ul li:hover em img{margin-top: -50px;}

/*优势*/
.ys_tbg{ background:#f7f7f7; height:190px; overflow:hidden;}
.ys01{ background:url(../images/ys_bg01.gif) no-repeat center 0; height:363px; overflow:hidden;}
.ys_t{font-size: 42px; color: #333; text-align: center;padding: 50px 0 0;line-height: 42px;} 
.ys_t span{display: block; font-size: 20px; color: #666; font-weight: normal;padding: 10px 0 0;}
.ys_t i{color: #444;}
.ys_l{width: 550px;padding: 60px 0 0;}
.ys_l dl{width: 550px;}
.ys_l dl dt{font-size: 28px;color: #333;height: 50px;line-height: 50px;overflow: hidden;padding-left: 65px; background:url(../images/ys_ico01.gif) no-repeat 0 13px;}
.ys_l dl:hover dt{ background:url(../images/ys_ico02.gif) no-repeat 0 13px;font-weight: bold;}
.ys_l dl dd{padding: 20px 0 0 50px;width: 485px;}
.ys_l dl dd p{font-size: 14px;color: #666;line-height: 26px;padding: 10px 0 0 15px; background:url(../images/ys_ico03.gif) no-repeat 0 20px;}
.ys_l dl dd i{color: #fe0000;}
.ys_r{width: 540px;padding: 50px 0 0 70px;}
.ys02 .ys_l dl dt,.ys02 .ys_l dl:hover dt{ background-position: right 13px;}
.ys02 .ys_l dl dt{padding-left: 15px;}
.ys02 .ys_l dl dd{padding-left: 0;}
.ys04{ background-color: #f7f7f7;padding-bottom: 37px;}
.ys04 .ys_l{padding: 30px 0 0;}
.ys04 .ys_l dl dd p{padding: 5px 0 0 15px; background:url(../images/ys_ico03.gif) no-repeat 0 16px;}

/*物联网*/
.wu_bg{ background:url(../images/wu_bg.jpg) no-repeat center 0;height:468px;padding: 50px 0 0; overflow:hidden;}
.wu_t{font-size: 40px; color: #fff; text-align: center;line-height: 54px;height: 162px;overflow: hidden;} 
.wu_t span{display: block; font-size: 20px; width: 350px; height: 40px; text-align: center; line-height: 40px; margin:12px auto 0; background: #1264a8;font-weight: normal;}
.wu_l{width: 560px;}
.wu_l p{font-size: 16px;color: #d2e2eb;line-height: 26px;border-bottom: #52585f 1px dashed; background:url(../images/wu_ico.png) no-repeat 0 20px;padding: 10px 0 10px 15px;}
.wu_r{width: 585px;height: 215px;}

/*广告条*/
.ban01{ background:url(../images/ban02.jpg) no-repeat center 0;height:220px;padding: 47px 0 0; overflow:hidden;}
.ban01 p{font-size: 38px; color: #fff;text-align: center;height: 72px;line-height: 72px;}
.ban01 span{display: block; font-size: 22px; color: #fff; width: 490px; height: 40px; text-align: center; line-height: 40px; margin:0 auto; background: #1264a8;margin-bottom: 15px;margin-top: 10px;} 
.ban01 em{display: block; font-size: 20px; color: #fff;text-align: center; font-family:"宋体"; background:url(../images/ban_tel.png) no-repeat 490px 5px;height: 30px;}

/*配套产品展示*/
.chanp01{padding: 50px 0;}
.chanp01 ul li{width: 387px;height: 273px;float: left;margin-left: 19px;padding: 10px 0 0;overflow: hidden;}
.chanp01 ul li a{ background:url(../images/cp_k01.gif) no-repeat;display: block;width: 387px;height: 273px;-webkit-transition:transform .3s;transition:transform .3s;}
.chanp01 ul li a:hover{ background:url(../images/cp_k02.gif) no-repeat;-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.chanp01 ul li em{width: 190px;height: 45px;display: block;margin:0 auto;padding: 40px 0 10px;}
.chanp01 ul li em img{width: 190px;height: 45px;}
.chanp01 ul li b{display: block; font-size: 22px; color: #333; text-align: center;line-height: 30px;height: 30px;overflow: hidden;} 
.chanp01 ul li span,.chanp02 .u-more{display: block; width: 140px; height: 36px; text-align: center; line-height: 36px; background: #1261a3; font-size: 14px; color: #fff; margin:55px auto 0;}
.chanp01 ul li a:hover span,.chanp02 .u-more:hover{background: #eb0000;}
.chanp01 ul li:first-child{margin-left: 0;}

/*产品中心*/
.chanp02{padding-bottom: 60px;}
.chanp02 p{width: 17px;height: 32px;position: absolute;top: 90px;cursor: pointer;}
.chanp02 p img{display: block;width: 17px;height: 32px;}
.chanp02 p:hover img {
  -webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;
}
.cp_l{left: -37px;}
.cp_r{right: -37px;}
.cp_qie{width: 1200px;overflow: hidden;}
.chanp02 ul li{width: 284px;float: left;padding: 0 9px;overflow: hidden;line-height: 0;}
.chanp02 ul li em{width: 284px;height: 213px;display: block;overflow: hidden;}
.chanp02 ul li img,.news_l dl dt .news_pic img,.about dl dt img{width: 284px;height: 213px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.chanp02 ul li img:hover,.news_l dl dt .news_pic img:hover,.about dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.chanp02 ul li span{font-size: 16px; width:284px; display:block; text-align:center; height:25px; line-height:25px; padding:10px 0 0; overflow:hidden;}
.chanp02 ul li a{color: #666;}
.chanp02 ul li a:hover{color: #1261a3;}
.chanp02 .u-more{ width: 188px; margin:30px auto 0;}

/*新闻中心*/
.news{ padding:55px 0;}
.news_l {width: 565px; padding:10px 70px 0 0; background:url(../images/news_line.gif) no-repeat right 10px;}
.news_l dl dt{ display:inline-block;width: 565px;overflow: hidden;}
.news_l dl dt p{width: 140px;height: 180px;float: left;background: #1261a3;font-size: 20px;color: #f5f5f5;text-align: center; padding:30px 0 0;}
.news_l dl dt p i{display: block;font-size: 12px;color: #74a2c9;text-transform: uppercase;}
.news_l dl dt p b{display: block; padding:50px 0 0;font-size: 26px; font-style:italic;}
.news_l dl dt p span{color: #74a2c9;display: block; padding:5px 0 0;font-size: 14px; font-style:italic;}
.news_l dl dt .news_pic{width: 420px;height: 210px;display: block;float: left;overflow: hidden; border:#ccc 1px solid;box-sizing:border-box;}
.news_l dl dt .news_pic img{width: 420px;height: 210px;}
.news_l dl dd{width: 490px;  padding:20px 0 0;}
.news_l dl dd h5,.news_r dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.news_l dl dd h5 a,.news_r dl dd h5 a{font-size: 14px;color: #333;}
.news_l dl dd h5 a:hover,.news_r dl dd h5 a:hover{color: #1261a3;}
.news_l .news_desc{font-size: 14px;color: #888;line-height: 22px;}

.news_r{width: 505px; padding:20px 0 0;}
.news_t{width: 505px;}
.news_t ul li{width: 140px;float: left; padding:0 10px 0 0;}
.news_t ul li a,.news_t span a{display: block;float: left;font-size: 14px;color: #333;width: 136px;height: 36px;text-align: center;line-height: 36px; border:#e2e2e2 2px solid;}
.news_t ul li a:hover,.news_t ul li.on a,.news_t span a:hover{ border:#1261a3 2px solid;color: #fff;background: #1261a3;font-weight: bold;}
.news_t span{display: block;float: left;}
.news_m dl{ width:505px;height: 82px; border-bottom:#dcdcdc 1px dashed; padding:20px 0;}
.news_m dt{width: 80px;float: right;font-size: 16px;color: #666160;text-align: center; background:url(../images/news_time.gif) no-repeat center 9px;line-height: 34px;}
.news_m dt i{display: block;font-size: 50px;color: #484240; font-family:"Times New Roman", Times, serif;}
.news_m dd{ float:left; overflow:hidden; width:395px;}
.news_m dd h5{height: 30px;line-height: 30px;overflow: hidden;font-weight: normal;}
.news_m dd h5 a{font-size: 16px;color: #010101;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_m .news_desc{font-size: 14px;color: #9a9a9a;line-height: 22px;height: 44px;overflow: hidden; padding:5px 0 0;}

/*走进万拓*/
.ab_bg{background:url(../images/ab_bg.jpg) no-repeat center 0;height: 695px; padding:55px 0 0;}
.about dl{padding:11px 68px 0 0;width: 1132px;height: 440px;overflow: hidden;}
.about dl dt{ float:right; width:466px; height:296px;overflow: hidden;}
.about dl dt img{ width:466px; height:296px;}
.about dl dd{ width:540px; float:left;}
.about dl dd h5{height: 70px;overflow: hidden;line-height: 70px;}
.about dl dd h5 a{ font-size:28px; color:#333;font-weight: normal;}
.about .ab_desc{ font-size:14px; color:#888; height:112px; line-height:28px;overflow:hidden;padding: 15px 0 0;}
.about dl dd span{display: block;width: 138px;padding: 50px 0 0;}
.about dl dd span a{font-size: 18px;color: #fff;display: block; width: 138px; height: 44px; text-align: center; line-height: 44px; background: #1261a3;}
.about dl dd span a:hover{background: #e90000;}
.about ul{background:url(../images/ab_line.gif) no-repeat right 20px;display: inline-block;}
.about ul li{width: 400px;float: left;text-align: center;background:url(../images/ab_line.gif) no-repeat 0 20px;}
.about ul li a{font-size: 18px;color: #333;display: block;}
.about ul li em{display: block; width: 42px; height: 36px; line-height: 0; margin:0 auto 10px;overflow: hidden;} 
.about ul li em img{width: 42px;height: 72px;}
.about ul li a:hover em img{margin-top: -36px;}


/**/
@-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);}
}

/**/
@keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}