@charset "utf-8";
/* CSS Document */
body,ul,ol,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,p{margin:0;padding:0;border:0; text-align:left;}
table,td,th{border-spacing:0;border-collapse:collapse; border:none;}
body{background-color:#fff;font-size:12px; font-family:"microsoft yahei","Arial Narrow";margin:0 auto;text-align:center;}
select,input,img{vertical-align:middle;}
ul,li{list-style-type:none; margin:0; padding:0}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0;font-size:12px; font-weight:normal;}
.Clear{clear:both; height:0;}
a{text-decoration:none;cursor:pointer;}
a:hover{ text-decoration:underline; cursor:pointer;}
.mc{margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.mt{ margin-top:20px;}
.mt10{ margin-top:10px;}
.mt40{ margin-top:40px;}
.mr{ margin-right:20px;}
.mr10{ margin-right:10px;}
.mr5{ margin-right:5px;}
.ml{ margin-left:20px;}
.mb{ margin-bottom:20px;}
.mb10{ margin-bottom:10px ;}
.pad-lr{ padding:0 10px;}
.pad-tb{ padding:10px 0;}
.pad-tb20{padding: 20px 0;}
.pad{ padding:10px;}
.pt_container{ width:1200px; margin:auto;}
.bg_white{background: #fff;}
body{font-family: "微软雅黑"; }
/*以上为公用样式*/
.pt_c_bg{ background:url(../images/pt_bodybg.jpg) no-repeat center top #fff; padding-top: 302px;}
/*以上为头部样式*/
.pt_nav{font-family: "微软雅黑"; background: url(../images/pt_navbg.jpg) no-repeat top left; width: 100%; padding-top: 6px; margin-bottom: 20px;}
.pt_nav h3{  font-size: 18px; color: #333; line-height: 26px; font-weight: bold;}
.pt_nav h4{ font-size: 12px; color: #999;line-height: 22px;}
/*以上为导航样式*/
.pt_about{padding: 20px;}
/*以下为图片滚动*/
.pt_aboutleft_pic{ background: url(../images/pt_about_picbg.png) no-repeat left bottom; width:480px; height:307px; padding: 0 0 16px 16px; }
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:480px; height:307px; margin:0px auto; background-color: rgba(51,51,51,0.3); position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(../images/l.png) no-repeat; position:absolute; top:140px; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../images/r.png) no-repeat; position:absolute; top:140px; right:10px; z-index:10;}
#playBox .smalltitle { background:none;width:480px; height:10px; position:absolute; bottom:15px; z-index:10}
#playBox .smalltitle ul{ width:200px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#69aaec;}
/*以上为图片滚动*/
.pt_about_right{ width: 624px; padding-left: 40px;}
.pt_about_top{border-bottom: 1px solid #e0e0e0; width: 100%; height: 36px;}
.pt_about_top h3{color: #0072dc;border-bottom: 1px solid #0072dc;  line-height: 36px; height: 36px;font-size: 18px; float: left;}
.pt_about_mid{ line-height: 36px; text-indent: 20px;font-size: 14px; color: #333;}
.pt_about_botpic{ padding: 20px 0 0 0px; text-align: center;}
/*以上为图片右侧*/
.pt_gaybg{background: #f7f8fa; width: 100%;}
.pt_service{ height: 290px;}
.pt_service dl{ width:145px;  height:180px;padding: 15px; margin:37px 10px;float: left;text-align: center;  background: #fff; border-bottom: 6px solid #fff;box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); }
.pt_service a dl { border-bottom: 6px solid #fff;}
.pt_service a:hover dl { border-bottom: 6px solid #0072dc;}
.pt_service dl dt{text-align: center; padding-top: 40px;}
.pt_service dl dd{text-align: center; }
.pt_service dl dd h3{font-size: 14px; color: #333; line-height: 26px;text-align: center; }
.pt_service dl dd h4{font-size: 11px; color: #ffab00; font-weight: bold; line-height: 26px;text-align: center; }
.pt_service dl dd h5{font-size: 11px; color: #888888; line-height: 18px;text-align: center; }
.pt_service dl:hover{border-bottom: 6px solid #0072dc; cursor: pointer;}
/*以上为服务内容*/
.pt_hot_bg{ background: url(../images/pt_hotbg.png) no-repeat 45px bottom; min-height: 450px;}
.pt_hot{width: 630px; padding-left: 20px; margin-right: 60px;}
.pt_hot_detailtit{ font-size: 16px; font-weight: bold; line-height: 26px; height: 40px; }
.pt_hot_detailtit_under{border-bottom: 2px solid #ffab00;padding-bottom: 14px;}
.pt_hot_detail{font-size: 14px; line-height: 26px;}
.pt_more{font-size: 18px; line-height: 32px; width: 100%; text-align: right;}
.pt_more a{ color: #0072dc;text-decoration: none;}
.pt_more a:hover{ color: #0072dc; text-decoration: underline;}
.pt_hot_list{padding:10px;border-top: 1px dashed #999;border-bottom: 1px dashed #999;}
.pt_hot_list ul li{background: url(../images/pt_icon3.png) no-repeat  left 10px;padding-left:16px; font-size:14px;height:32px; line-height:32px;text-align:left; color:#2f2f2f;}
.pt_hot_list ul li a{color:#2f2f2f; text-decoration:none; display:block;}
.pt_hot_list ul li a:hover{ color:#0459a8; text-decoration:underline;display:block;}
/*以上为热点*/
.pt_noticebg{ background: url(../images/pt_noticebg.png) no-repeat left top;  width: 359px; height: 280px;padding: 155px 25px 0 85px; margin-right: 20px; position: relative;}
.pt_noticetit{ position: absolute; left: 0 ; bottom: 20px;}
.pt_noticemid{}
.pt_noticemid ul li{background: url(../images/pt_icon3.png) no-repeat  left 10px;padding-left:16px; font-size:14px;height:32px; line-height:32px;text-align:left; color:#2f2f2f;}
.pt_noticemid ul li a{color:#2f2f2f; text-decoration:none; display:block;}
.pt_noticemid ul li a:hover{ color:#0459a8; text-decoration:underline;display:block;}
/*以上为通知公告*/

.pt_case{ background:#fff;width:1160px; min-height:280px; padding:20px; }
.pt_case_top{ width:452px; margin:0 auto;  text-align: center; clear: both;}
.pt_case_top h3{ font-size: 26px; color: #0072dc; line-height:50px; text-align: center;}
.pt_case_top ul{height:40px;line-height:40px; border: 1px solid #989898; border-radius: 20px;}
.pt_case_top li{ width:150px;height:40px; border-radius: 20px;line-height:40px; font-size:18px; text-align:center; color:#333333; float: left;}
.pt_case_top li.active a{color:#fff;display:block;text-decoration:none;}
.pt_case_top li a{ color:#333333; text-decoration:none;display:block;}
.pt_case_top li a:hover{background:#0072dc;border-radius: 20px; color: #fff; text-decoration:none;}
.active{background:#0072dc;border-radius: 20px;color:#fff; display:block; text-decoration:none;}
.active a{ color:#0072dc;!important; text-decoration:none;}
.pt_case_mid{ padding:10px 0 0; overflow: hidden;}
.pt_case_mid dl{  float: left; margin:  10px;}
.pt_case_mid dl dt{width:204px;height:150px;border: 3px solid #e3e3e3;  }
.pt_case_mid dl dd{ text-align: center; color: #333; font-size: 13px;line-height:32px;}
.pt_case_mid a dl dt{color:#333; text-decoration:none; display:block;border: 3px solid #e3e3e3;}
.pt_case_mid a:hover dl dt {border: 3px solid #0072dc; color:#0459a8; text-decoration:underline;display:block;}
.pt_case_mid a dl dd {color:#333; text-decoration:none; }
.pt_case_mid  a:hover dl dd{color:#0459a8; text-decoration:underline;display:block;}
/*以上为案例*/


.pt_copybg{background:#0072dc; width:100%; }
.pt_copy{ line-height:22px;font-family: "Microsoft YaHei" ; text-align: center; font-size: 14px;color:#fff;}
.pt_copy a{ color:#fff; padding:0 6px; text-decoration:none;}
.pt_copy a:hover{ color:#e8efff; padding:0 6px; text-decoration:underline;}
/*以上为底部*/



/*以上为首页的样式*/


/* Wobble Horizontal */
@-webkit-keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    -ms-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    -ms-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    -ms-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.wobble-horizontal {
  display: inline-block;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.wobble-horizontal:hover {
  -webkit-animation-name: wobble-horizontal;
  animation-name: wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}


/* Float */

.float {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.float:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}

/* Hover Shadow */

@keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@-webkit-keyframes hover-shadow {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }

  50% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }
}

@keyframes hover-shadow {
  0% {
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }

  50% {
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }
}

.hover-shadow {
  display: inline-block;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hover-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 90%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
}

.hover-shadow:hover {
  -webkit-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  transform: translateY(-6px);
  -webkit-animation-name: hover;
  animation-name: hover;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

.hover-shadow:hover:before {
  opacity: .4;
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-animation-name: hover-shadow;
  animation-name: hover-shadow;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}



/* Pulse Shrink */

@-webkit-keyframes pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.pulse-shrink {
  display: inline-block;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.pulse-shrink:hover {
  -webkit-animation-name: pulse-shrink;
  animation-name: pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}