@charset "UTF-8";

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

/**/
.five{background: #1669c8;padding: 42px 0 50px;}
.ibrand-num{overflow:hidden;margin:30px 0;}
.ibrand-num li{float:left;width:240px;height:100px;text-align:center;color:#fff;font-size:26px;font-weight: bold; background:url(../images/five_line02.gif) no-repeat 210px 10px;line-height: 40px;}
.ibrand-num li b{display:block;font-size: 16px;color: #c4d3ed;font-weight: normal; padding:13px 0 0; background:url(../images/five_line01.gif) no-repeat center 10px;}
.ibrand-num li.nobor{ background: none;}

/**/
.chanp{background: #2e3440;padding: 50px 0 80px;width: 100%;}
.cp_t{font-weight: normal;text-align: center;height: 100px;line-height: 50px;}
.cp_t b{display: block;font-size: 40px;color: #fff;}
.cp_t span{font-size: 20px;color: #aaa9a9;}
.cp_t i{font-size: 20px;color: #1669c8;padding: 0 10px;font-weight: bold;}
.chanp ul{padding-left: 3%;width: 97%; display: inline-block;}
.chanp ul li{width: 31%;float: left;margin-right: 2%;margin-top: 30px;position: relative;}
.chanp ul li img{display: block;width: 100%;}
.chanp ul li p{position: absolute;top: 40px;left: 8%;width: 50%;}
.chanp ul li b{display: block; font-size: 28px; color: #333;font-weight: normal;height: 60px;line-height: 50px;overflow: hidden;background:url(../images/cp_ico01.gif) no-repeat 0 56px;}
.chanp ul li em{display: block; font-size: 18px; color: #999;padding: 10px 0 0;}
.chanp ul li span{display: block; font-size: 14px; color: #fff; width: 90px; text-align: center; height: 30px; line-height: 30px; background: #2e3440;margin-top: 50px;} 
.chanp ul li a:hover span{background: #1669c8;}
.chanp ul li a:hover b{color: #1669c8;font-weight: bold;}

/**/
.six{padding: 55px 0 30px;}
.six .cp_t b,.case .cp_t b,.ys_tbg .cp_t b,.news_main .cp_t b,.about .cp_t b{color: #2e3440;}
.six dl{width: 346px;float: left;height: 160px;overflow: hidden;padding-top: 30px;padding-bottom: 30px;padding-right: 81px;}
.six dl dt{background:url(../images/six_line01.gif) no-repeat;width: 41px;height: 160px;float: left;}
.six dl dt i{font-size: 12px;color: #fff;display: block; width: 41px; height: 41px; text-align: center; line-height: 41px; overflow: hidden;} 
.six dl dd{width: 280px;float: left;padding: 0 0 0 25px;}
.six dl dd span{display: block; font-size: 22px; color: #333;height: 40px;line-height: 40px;overflow: hidden;} 
.six dl dd p{font-size: 14px; color: #999; line-height: 28px; height: 112px; overflow: hidden;padding: 8px 0 0;}
.six dl:hover dt{background:url(../images/six_line02.gif) no-repeat;}
.six dl:hover dd span{color: #1669c8;}
.six .nobor{padding-right: 0;}

/**/
.ban01{background: #2e3440;padding: 30px 0;}
.ban01_m{padding: 20px 0 0;width: 515px;}
.ban01_m b{display: block;font-size: 30px;color: #fff;height: 50px;}
.ban01_m p{width: 415px;border-bottom: #5c616a 1px solid;border-top: #5c616a 1px solid;padding: 13px 5px; display: inline-block;height: 52px;}
.ban01_m span{display: block;float: left;font-size: 18px;color: #fff;width: 270px;line-height: 26px;}
.ban01_m span i{font-weight: bold;color: #1669c8;}
.ban01_m p a{display: block; margin-left:36%; width: 102px; text-align: center; height: 38px; background: #fff;font-size: 16px; color: #2e3440;line-height: 16px;padding: 10px 0 0;overflow: hidden;} 
.ban01_m em{display: block;font-size: 12px;color: #a4a7ab;}
.ban01_m p a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

.honor{width: 650px;}
.honor p{cursor: pointer;padding: 80px 0 0;}
.honor p img{width: 17px;height: 32px;}
.honor 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;
}
.honor_c{width: 573px;}
.honor_c ul li{float: left;background:url(../images/honor_k.jpg) no-repeat;width: 140px;height: 185px;padding: 6px 6px 5px 5px;margin-left: 40px;overflow: hidden;}
.honor_c ul li em{display: block;width: 140px;height: 185px;overflow: hidden;}
.honor_c ul li img,.case dl dt img,.wd dt img,.about dl dt img{width: 140px;height: 185px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.honor_c ul li img:hover,.case dl dt img:hover,.wd dt 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);}

/**/
.case{background: #f7f7f8;padding: 55px 0 60px;}
.case_t{height: 108px;border: #e5e5e5 1px solid;width: 1198px;background: #fff;margin-top: 30px;}
.case_t ul li{width: 148px; height: 108px; float: left;border-right: #e5e5e5 1px solid;} 
.case_t ul li a,.case_t span a{display: block;font-size: 16px; color: #2e3440;width: 148px; height: 83px; text-align: center;padding: 25px 0 0;} 
.case_t ul li em,.case_t span em{display: block;width: 35px;height: 30px;line-height: 0;margin:0 auto 5px;overflow: hidden;} 
.case_t ul li em img,.case_t span em img{width: 35px;height: 60px;}
.case_t ul li a:hover,.case_t span a:hover,.case_t ul li.on a{color: #1669c8;} 
.case_t ul li a:hover em img,.case_t span a:hover em img,.case_t ul li.on em img{margin-top: -30px;}
.case_t span{display: block;float: right;width: 150px;}
.case dl{ background: #2e3440;width: 1200px;height: 398px;overflow: hidden;}
.case dl dt{width: 709px;height: 398px;float: left;overflow: hidden;line-height: 0;}
.case dl dt img{width: 709px;height: 398px;}
.case dl dd{width: 375px; height: 398px; float: left;padding: 42px 0 0 65px;} 
.case dl dd h5{height: 84px;line-height: 34px;overflow: hidden;width: 312px;background:url(../images/case_ico09.gif) no-repeat 0 80px;}
.case dl dd h5 a{font-size: 24px;color: #fefefe;font-weight: normal;}
.case dl dd h5 a:hover{font-weight: bold;}
.case .case_desc{font-size: 14px; color: #e0e0e0; line-height: 30px; height: 150px;padding: 30px 0 0; overflow: hidden;} 
.case dl dd span{display: block;line-height: 30px;margin: -30px 0 0 230px}
.case dl dd span a{ font-size: 14px; color: #1669c8;}

/**/
.hz{padding: 55px 0 40px;}
.hz h3{height: 80px;text-align: center;}
.hz h3 a{font-size: 32px;color: #333;font-weight: normal;}
.hz h3 a:hover{color: #1669c8;}
.hz ul li{width: 222px;float: left;line-height: 0;padding: 0 9px 25px;overflow: hidden;}
.hz ul li img{width: 220px;height: 110px;border: #dbdbdb 1px solid;display: block;
-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%);}

/**/
.ys_tbg{ background:#f7f7f8;padding: 55px 0 0; height:130px; overflow:hidden;}
.ys{width: 1200px;height: 368px;background: #fff;box-shadow: 0 3px 5px 3px #e8e8e9;margin-bottom: 20px;}
.ys01{ background:#f7f7f8; overflow:hidden;}
.ys_l{width: 660px;padding: 40px 0 0;}
.ys_l dl{width: 660px;}
.ys_l dl dt{font-size: 24px;color: #333;height: 60px;line-height: 60px;overflow: hidden; background:url(../images/ys_ico02.gif) no-repeat right 18px;}
.ys_l dl:hover dt{color: #1668c6;}
.ys_l dl dd{width: 615px;}
.ys_l dl dd p{font-size: 14px;color: #666;line-height: 30px;padding: 0 0 0 15px; background:url(../images/ys_ico01.gif) no-repeat 0 12px;}
.ys_r{width: 434px;padding: 40px;}
.ys_r img{width: 434px;height: 274px;display: block; transition: all 0.3s ease-in-out 0s;}
.ys_r:hover img{ transform: rotateY(180deg);}
.ys02 .ys_l dl dt{ background-position: left 18px;padding-left: 60px;}
.ys02 .ys_l dl dd{padding-left: 60px;width: 600px;}
.ys03{padding-bottom: 45px;}

/**/
.ban02{ background:url(../images/ban02.jpg) no-repeat center 0; height:260px; overflow:hidden;}
.ban02_l{padding: 70px 0 0;width: 650px;}
.ban02_l b{display: block;font-size: 44px;color: #fff;line-height: 50px;padding: 0 0 0 20px;}
.ban02_l b i{font-size: 56px;color: #1669c8;}
.ban02_l p{font-size: 30px;color: #fff;font-weight: bold;line-height: 50px;padding: 10px 0 0 20px;letter-spacing: 6px;}
.ban02_l p span{font-size: 22px;color: #bbb;letter-spacing: 10px;font-weight: normal;padding: 0 66px 0 0;}
.ban02_l p i{color: #1669c8;}

.ban02_r{width: 290px;text-align: center; background:url(../images/ban_tel.png) no-repeat center 50px;padding: 50px 0 0;}
.ban02_r b{display: block; font-size: 28px; color: #fff;padding: 60px 0 0;height: 40px;} 
.ban02_r a{display: block; font-size: 14px; color: #fff; width: 110px; text-align: center; height: 34px; line-height: 34px; background: #1668c6;margin:0 auto;}
.ban02_r a:hover{color: #1668c6;background: #fff;}

/**/
.news_main{padding: 50px 0 20px;}
.news_main .cp_t{height: 150px;}
.news{ width:510px;}
.news_t{ height:40px;}
.news_t ul{float: left;}
.news_t ul li{float: left; background:url(../images/news_bor.gif) no-repeat right 4px;}
.news_t ul li a{font-size: 16px;color: #000;display: block;height: 40px;float: left; padding:0 25px;}
.news_t ul li a:hover,.news_t ul li.on a{font-weight: bold;}
.news_t span{ float:left; padding-left:25px;}
.news_t span a{font-size: 16px;color: #000;text-transform: uppercase;}
.news_t ul li:first-child a{ padding-left:0;}
.news_m dl{ width:510px;height: 80px; border-bottom:#dcdcdc 1px dashed; padding:15px 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 dd h5 a:hover{color: #1668c6;}
.news_m .news_desc{font-size: 14px;color: #9a9a9a;line-height: 22px;height: 44px;overflow: hidden; padding:5px 0 0;}

/**/
.wd{ width:635px; background:url(../images/news_line02.gif) no-repeat right 0;}
.wd dl{ width:600px;height: 146px;padding: 14px 0 46px;overflow: hidden;}
.wd dt{width: 258px;height: 146px;float: left;overflow: hidden;}
.wd dt img{width: 258px;height: 146px;}
.wd dd{ float:left; overflow:hidden; width:285px; padding:0 0 0 50px;}
.wd dd h5{height: 40px;line-height: 40px;overflow: hidden;font-weight: normal;}
.wd dd h5 a{font-size: 16px;color: #333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.wd dd h5 a:hover{color: #1668c6;}
.wd .news_desc{font-size: 14px;color: #666;line-height: 22px;height: 66px;overflow: hidden;}
.wd dd span{display: block;width: 92px; padding:10px 0 0;}
.wd dd span a{display: block;font-size: 14px;color: #333;width: 90px;height: 23px;text-align: center;line-height: 23px; border:#666 1px solid;overflow: hidden;}
.wd dd span a:hover{background: #1668c6;color: #fff; border:#1668c6 1px solid;}

/**/
.ab_bg{background:url(../images/ab_bg.jpg) no-repeat center 0;height: 592px; padding:55px 0 0;}
.about .cp_t{height: 130px;}
.about dl{padding:63px 100px 0 60px;width: 1040px;overflow: hidden;}
.about dl dt{ float:right; width:408px; height:251px;overflow: hidden;}
.about dl dt img{ width:408px; height:251px;}
.about dl dd{ width:540px; float:left;}
.about dl dd h5{height: 50px;overflow: hidden;line-height: 50px;}
.about dl dd h5 a{ font-size:28px; color:#333;font-weight: normal;}
.about dl dd h5 a:hover{color: #1668c6;}
.about .ab_desc{ font-size:14px; color:#888; height:112px; line-height:28px;overflow:hidden;padding: 20px 0 0;}
.about dl dd span{display: block;width: 138px;padding: 35px 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: #999;}
.about dl dd span a:hover{ background: #1668c6;}

/**/
.four{padding: 32px 0;}
.four ul{background:url(../images/four_ico05.gif) no-repeat right 15px;display: inline-block;}
.four ul li{width: 300px;float: left;text-align: center;background:url(../images/four_ico05.gif) no-repeat 0 15px;}
.four ul li a{font-size: 18px;color: #333;display: block;}
.four ul li em{display: block; width: 40px; height: 36px; line-height: 0; margin:0 auto 10px;overflow: hidden;} 
.four ul li em img{width: 40px;height: 36px;}
.four ul li a:hover{font-weight: bold;}


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