﻿@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}

/*正文开始
.banner{ position:relative; width:100%; z-index:1; height:622px;}
.banner a { height:622px; display:block;}
.ban_ico{ display:block; position:absolute; left:45%; bottom:22px;}
.ban_ico a{ background:url(Img/Index/ban_ico01.png) no-repeat; display:block; float:left; width:23px; height:23px; margin:0 4px;}
.ban_ico a.cur,.ban_ico a:hover{ background:url(Img/Index/ban_ico02.png) no-repeat;}
.banner em{display: block;position: absolute;}
.banner em img{width: 22px;height: 46px;}
.banner em a{display: block;width: 22px;height: 46px; background:none;}
.banner .ban_lico{top: 260px;left: 10%;}
.banner .ban_rico{top: 260px;right: 10%;}
*/

.fullSlide {width:100%;position:relative;height:622px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:622px;overflow:hidden;text-align:center; background-position:center top;background-repeat:no-repeat}
.fullSlide .bd li a {display:block;height:622px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:32px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:23px;height:23px;margin:0 4px;overflow:hidden;background:url(Img/Index/ban_ico01.png) no-repeat; line-height:999px;   background-repeat:no-repeat;}
.fullSlide .hd ul .on {background:url(Img/Index/ban_ico02.png) no-repeat;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:47%;margin-top:-30px;z-index:1;width: 22px;height: 46px;cursor:pointer;filter:alpha(opacity=100);opacity:1;display:none;}
.fullSlide .prev{ background:url(Img/Index/ban_lico.png);left:50%;margin-left:-540px;}
.fullSlide .next {left:auto;right:5%;background:url(Img/Index/ban_rico.png);right:50%;margin-right:-540px;}

/**/
.sheb_bg{background: #f5f5f5;font-size: 0; padding:0 0 55px;}
.sheb_t{height: 90px;line-height: 100px;overflow: hidden; background:url(Img/Index/sheb_ico.gif) no-repeat 0 40px;}
.sheb_t a,.case_t a{font-size: 24px;color: #0069d2;font-weight: normal; padding:0 0 0 20px;}
.sheb_m img{width: 1200px;height: 522px;}
.sheb_m ul{display: block;width: 238px;height: 270px;position: absolute;top: 0;left: 0;}
.sheb_m ul li{width: 238px;height: 131px;}
.sheb_m ul li a{color: #666;display: block;width: 238px;height: 131px; background-repeat:no-repeat;}
.sheb_m ul li a:hover,.sheb_m ul li.cur a{color: #fff; text-decoration:none; background-image:url(Img/Index/sheb_lbg02.png);}
.sheb_m ul li i{display: block;font-size: 16px; padding:48px 0 8px 118px;}
.sheb_m ul li em{display: block;font-size: 18px;text-align: center;}
.sheb_m .sheb_li01 a{ background-image:url(Img/Index/sheb_lbg01.png);}
.sheb_m .sheb_li02 a{ background-image:url(Img/Index/sheb_lbg01.png); background-position:0 -131px;}
.sheb_m .sheb_li03 a{ background-image:url(Img/Index/sheb_lbg01.png); background-position:0 -262px;}
.sheb_m .sheb_li04 a{ background-image:url(Img/Index/sheb_lbg01.png);}

.sheb_m .sheb_p{font-size: 16px;color: #666;position: absolute;top: 415px;left: 490px;line-height: 30px;}
.sheb_m .sheb_p b{display: block;font-size: 18px;color: #0069d2;}

/**/
.chanp{ padding:40px 0 55px;font-size: 0;}
.cp_l{ position:absolute; top:180px; left:-35px;}
.cp_r{ position:absolute; top:180px; right:-35px;}
.cp_l a:hover img,.cp_r a:hover img,.pro_l a:hover img,.pro_r a:hover img,.news_l em a: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_c ul li { width:282px; float:left; overflow: hidden;margin-right: 24px;}
.cp_c ul li a{ background:url(Img/Index/cp_k01.gif) no-repeat;display: block;width: 277px;height: 360px;padding: 2px;}
.cp_c ul li a:hover{ background:url(Img/Index/cp_k02.gif) no-repeat; text-decoration:none;}
.cp_c ul li em{display: block;overflow: hidden; width:277px; height:319px;}
.cp_c ul li img,.ji ul li img,.case_r .case_p01 img,.case_r .case_p02 img,.xun_m dl dt img{ width:277px; height:319px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.cp_c ul li img:hover,.ji ul li img:hover,.case_r .case_p01 img:hover,.case_r .case_p02 img:hover,.xun_m dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.cp_c ul li span{ width:277px; display:block; height:38px; line-height:38px; overflow:hidden; font-size:16px; color:#666;}
.cp_c ul li a:hover span{color: #0069d2;font-weight: bold;}



/**/
.fenl_bg{background: #f1f1f1;font-size: 0; border-top:#e7e7e7 1px solid; padding:0 0 40px;}
.fenl_t{height: 80px;line-height: 90px;overflow: hidden;text-align: center;}
.fenl_t a{font-size: 30px;color: #0069d2; text-decoration:none;}
.fenl ul li{width: 240px;float: left;line-height: 58px;height: 58px;overflow: hidden; background:url(Img/Index/fenl_ico.jpg) no-repeat 5px 28px;}
.fenl ul li a{font-size: 16px;color: #333; padding:0 0 0 25px; border-bottom:#fff 1px solid; display:inline-block;height: 56px;}
.fenl ul li a:hover{color: #0069d2; text-decoration:none;font-weight: bold;}

/**/
.ji ul li{width: 588px;height: 336px;position: relative;float: left; padding:0 6px;}
.ji ul li em{ border:#e7e7e7 1px solid;width: 586px;height: 334px;display: block;overflow: hidden;}
.ji ul li img{width: 586px;height: 334px;}
.ji ul li span{ background:url(Img/Index/ji_picbg.png) repeat-x;display: block;width: 588px;height: 70px;text-align: center;line-height: 106px;overflow: hidden;font-size: 16px;color: #fff;position: absolute;bottom: 1px;left: 7px;}

/**/
.pro_bg{ background:#0069d2; padding:52px 0 30px;font-size: 0;}
.pro_l{ position:absolute; top:130px; left:-54px;}
.pro_r{ position:absolute; top:130px; right:-54px;}
.pro_c ul{ display:block; margin:0 auto;width:3600px;}
.pro_c ul li { padding: 0 9px;overflow: hidden;display: inline-block;float:left;width:281px;height:353px;}
.pro_c ul li em{display: block;overflow: hidden;  height:316px; border:#ddd 1px solid;}
.pro_c ul li img{  height:316px;}
.pro_c ul li span{  text-align:center; display:block; height:25px; line-height:25px; overflow:hidden; padding:10px 0 0;}
.pro_c ul li span a{ font-size:16px; color:#fff;}
.pro_c ul li img{ height:319px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pro_c ul li img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
/**/
.case{ padding:25px 0 20px;font-size: 0;}
.case_t{ background:url(Img/Index/sheb_ico.gif) no-repeat 0 36px;height: 92px;line-height: 92px;}
.case_l{width: 298px;height: 429px;}
.case_l ul li{width: 147px;height: 141px;float: left; padding:0 2px 2px 0;overflow: hidden;}
.case_l ul li a{font-size: 16px;color: #333;width: 147px;height: 141px;display: block; background-repeat:no-repeat;float: left;text-align: center;line-height: 200px;overflow: hidden;}
.case_l ul li a:hover,.case_l ul li.cur a{color: #fff; text-decoration:none; background-image:url(Img/Index/case_lbg02.gif);}
.case_l .case_li01 a{ background-image:url(Img/Index/case_lbg01.gif);}
.case_l .case_li02 a{ background-image:url(Img/Index/case_lbg01.gif); background-position:-149px 0;}
.case_l .case_li03 a{ background-image:url(Img/Index/case_lbg01.gif); background-position:0 -143px;}
.case_l .case_li04 a{ background-image:url(Img/Index/case_lbg01.gif); background-position:-149px -143px;}
.case_l .case_li05 a{ background-image:url(Img/Index/case_lbg01.gif); background-position:0 -286px;}
.case_l .case_li06 a{ background-image:url(Img/Index/case_lbg01.gif); background-position:-149px -286px;}
.case_r{width: 890px;}
.case_r .case_p01{width: 468px;height: 427px;}
.case_r .case_p01 em{width: 468px;height: 427px;display: block;overflow: hidden;}
.case_r .case_p01 img{width: 468px;height: 427px;}
.case_r .case_p01 span,.case_r .case_p02 span{display: block;font-size: 14px;color: #fff; background:url(Img/Index/ji_picbg.png) repeat-x;width: 456px;height: 55px;overflow: hidden;position: absolute;bottom: 0;right: 0; padding:15px 0 0 12px;line-height: 22px;}
.case_r .case_p01 span i,.case_r .case_p02 span i{display: block;font-size: 16px;}

.case_r .case_p02{width: 407px;height: 427px; padding:0 0 0 15px;}
.case_r .case_p02 em{width: 407px;height: 427px;display: block;overflow: hidden;}
.case_r .case_p02 img{width: 407px;height: 427px;}
.case_r .case_p02 span{width: 395px;}

/**/
.liuc{ padding:0 0 50px; background:url(Img/Index/liuc_line.gif) no-repeat 0 165px;}
.liuc ul li{width: 172px;height: 155px;float: left; padding:0 33px 0 0;}
.liuc ul li a{width: 172px;height: 155px;display: block;float: left;font-size: 18px;color: #333; background-repeat:no-repeat;text-align: center;line-height: 220px;overflow: hidden;}
.liuc ul li a:hover,.liuc ul li.cur a{color: #fff; text-decoration:none; background-image:url(Img/Index/liuc_k02.gif);}
.liuc .liuc_li01 a{ background-image:url(Img/Index/liuc_k01.gif);}
.liuc .liuc_li02 a{ background-image:url(Img/Index/liuc_k01.gif); background-position:-205px 0;}
.liuc .liuc_li03 a{ background-image:url(Img/Index/liuc_k01.gif); background-position:-410px 0;}
.liuc .liuc_li04 a{ background-image:url(Img/Index/liuc_k01.gif); background-position:-615px 0;}
.liuc .liuc_li05 a{ background-image:url(Img/Index/liuc_k01.gif); background-position:-820px 0;}
.liuc .liuc_li06 a{ background-image:url(Img/Index/liuc_k01.gif); background-position:-1025px 0;}
.liuc .liuc_li06{padding: 0;}

/**/
.pin_bg{ background:url(Img/Index/pin_bg.jpg) no-repeat center 0;height: 734px;font-size: 0;overflow: hidden;}
.pin_t{height: 100px;text-align: center; padding:32px 0 0;}
.pin_t a{font-size: 24px;color: #fff;}
.pin_t i{display: block;font-size: 30px;font-weight: normal; padding:3px 0 0;}
.pin b{width: 1148px;height: 96px;display: block; margin:35px auto 0;}
.pin p{font-size: 14px;color: #fff;width: 1140px;height: 115px;text-align: center;position: absolute;top: 605px;left: 0; padding:15px 30px 0; background:url(Img/Index/pin_picbg.png) repeat;line-height: 22px;}
.pin p i{display: block;font-size: 18px; padding:0 0 5px;}

/**/
.news_bg{ background:url(Img/Index/news_line.gif) no-repeat center 74px;font-size: 0; padding:0 0 30px;}
.news_t{height: 52px; padding:25px 0 0;}
.news_t em{display: block;width: 120px;height: 40px; margin:0 auto;}
.news_l{ margin:28px 0 0;width: 580px;height: 384px;}
.news_l ul li{width: 580px;height: 384px;position: relative;}
.news_l ul li img{width: 580px;height: 384px;}
.news_l ul li span{display: block;font-size: 16px;color: #fff;width: 580px;height: 45px;text-align: center;line-height: 45px;position: absolute;bottom: 0;left: 0;overflow: hidden; background:url(Img/Index/news_picbg.png) repeat;}
.news_l em{display: block;width: 36px;height: 76px;position: absolute;top: 145px;z-index: 5;}
.news_l em img{width: 36px;height: 76px;}
.news_l .news_lico{left: 0;}
.news_l .news_rico{right: 0;}
.news_l b{display: block;width: 65px;height: 25px;position: absolute;top: 12px;left: 0;z-index: 5;}
.news_l b img{width: 65px;height: 25px;}
.news_r{width: 590px; padding:15px 0 0;}
.news_r dl{width: 590px;height: 110px; border-bottom:#dcdcdc 1px dotted; padding:15px 0 0;}
.news_r dl dt{height: 25px;line-height: 25px;overflow: hidden;}
.news_r dl dt a{font-size: 16px;color: #333;}
.news_r dl dt a:hover,.xun_m dl dd h5 a:hover{color: #0069d2; text-decoration:none;}
.news_r dl dd span{display: block;font-size: 12px;color: #666;height: 25px;line-height: 25px;overflow: hidden;}
.news_r dl dd p{font-size: 14px;color: #999;height: 44px;line-height: 22px;overflow: hidden;}
.news_r .nobor{ border:none;}
.news .news_btn{display: block;width: 148px; margin:0 auto; padding:36px 0 0;}
.news .news_btn a{display: block;font-size: 16px;color: #fff;width: 148px;height: 40px;text-align: center;line-height: 40px;background: #0069d2;overflow: hidden;
border-radius:5px;               
-webkit- border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;}

/**/
.xun_bg{background: #f1f1f1;font-size: 0; padding:0 0 50px;}
.xun_t{height: 80px;line-height: 80px;overflow: hidden; background:url(Img/Index/sheb_ico.gif) no-repeat 0 28px;}
.xun_t a{font-size: 24px;color: #0069d2;font-weight: normal; padding:0 15px;}
.xun_t span{float: right;}
.xun_t span a{font-size: 12px;text-transform: uppercase;}
.xun_m dl{float: left;width: 400px; display:inline-block;}
.xun_m dl dt{display: block;width: 165px;height: 95px;overflow: hidden; border:#dbdbdb 1px solid;float: left;}
.xun_m dl dt img{width: 165px;height: 95px;}
.xun_m dl dd{width: 175px;float: left; padding:0 0 0 12px;}
.xun_m dl dd h5{height: 40px;line-height: 20px;overflow: hidden;}
.xun_m dl dd h5 a{font-size: 14px;color: #333;}
.xun_m dl dd p{font-size: 14px;color: #666;height: 30px;line-height: 30px; padding:5px 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);
  }
}

html .f_bg{height:auto;background:#0069d2;}
html .links{height:auto;}