/* CSS Document */
*{margin:0; padding:0;}
a{text-decoration:none;}
ul li{list-style:none;}
img{outline:none; border:none;}
input,select{outline:none;}
area{outline:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
i,em{font-style:normal;}
body{font-family:Microsoft YaHei; font-size:12px;}


.top{ width:1100px; margin:0 auto; overflow:hidden;}
.top a.logo{ float:left; width:99px; height:39px; padding-top:40px;}
.top p{float:left; height:118px; overflow:hidden;  margin-left:224px;}
.top p a{ -webkit-transition:all 0.4s ease-in-out; float:left; height:118px; line-height:118px; text-align:center; color:#000000; font-size:20px; margin-right:50px;}
.top span{ height:118px; line-height:118px; background:url(../images/phone.png) no-repeat left center; text-indent:30px; float:right; color:#fff; font-size:22px; font-family:Arial, Helvetica, sans-serif;}
.top p a:hover{ color:#7c85ff; font-weight:bold;}


.anchor{ width:1100px; margin:0 auto; overflow:hidden;}
.anchor a{ float:left; width:220px; height:76px; line-height:76px; text-align:center; color:#FFF; font-weight:bold; font-size:28px; -webkit-transition:all 0.4s linear;}
.anchor a:hover{ 

  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;



}


@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.score{ width:1100px; margin:0 auto; overflow:hidden;}
.score p{ float:left; width:287px; padding:18px 18px 0 30px; color:#FFF; font-size:18px; line-height:32px;}

.same{ width:100%; text-align:center;}
.same h2{ color:#4c4948; font-weight:bold; font-size:46px; line-height:76px; text-align:center;}

.ystl{ width:1100px; margin:0 auto; overflow:hidden;}
.tl_lf{ float:left; width:418px; padding-left:156px; overflow:hidden;}
.tl_lf h6{ height:76px; color:#FFF; font-weight:bold; text-align:left; font-size:32px; line-height:120px;}
.tl_lf p{ line-height:98px; color:#FFF; font-size:24px; text-align:left;}
.tl_lf ul li{ line-height:32px; color:#FFF; font-size:18px;}
.tl_lf a.about{ color:#FFF; height:94px; display:block; line-height:124px; font-size:24px;}
.tl_lf a.zx_lf{ height:52px; line-height:52px; text-indent:14px; color:#3e73fb; font-weight:bold; font-size:24px; display:block;}
.tl_lf a:hover{
	
	text-decoration:underline;
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;

	
}

.tl_rt{ padding-left:0px; width:452px;}
.tl_rt table { width:100%;  text-align:left; color:#FFF; margin-top:10px;}
.tl_rt table tr th{ height:74px; font-size:20px; font-weight:normal; overflow:hidden;}
.tl_rt table tr td{ font-size:18px; line-height:28px;}
.tl_rt a.about{ height:67px; line-height:76px;}



.ysyd p{ font-size:18px; line-height:30px; margin:20px 0 0 0 ;}
.ysyd table{ width:100%;  text-align:left; color:#FFF; margin-top:10px;}
.ysyd table tr th{ height:74px; font-size:20px; font-weight:normal; overflow:hidden;}
.ysyd table tr td{ font-size:18px; line-height:28px;}
.ysyd .tl_rt a.about{ height:90px; line-height:120px; font-size:20px;}
.ysyd a.about{ text-indent:160px; font-size:20px;}

.ky_rt{ width:444px; padding-left:0px;}


.ysky .tl_lf{ padding-left:110px; width:470px;}
.ysky table{ margin-top:28px; width:436px; text-align:center; background:url(../images/table_bg.png) repeat;}
.ysky table tr th{ height:82px; color:#FFF; font-size:20px; font-weight:normal; border-right:1px solid #FFF; border-bottom:1px solid #FFF;}
.ysky table tr td{ height:82px; color:#FFF; font-size:16px; font-weight:normal; border-right:1px solid #FFF; border-bottom:1px solid #FFF;}
.ysky a.about{ text-indent:214px; font-size:20px; height:66px; line-height:84px;}

.ysky .tl_lf a.zx_lf{ text-indent:60px;}
.ysky .ky_rt{ padding-left:0px;}
.ysky .ky_rt a.zx_lf{ text-indent:20px;}
.ysky .ky_rt table{ width:420px;}


.ysxz{ width:970px; margin:0 auto; overflow:hidden; padding-left:130px;}
.ysxz .xz_lf{ float:left; width:456px; overflow:hidden; padding-top:18px; position:relative;}

.ysxz h6{ height:76px; color:#FFF; font-weight:bold; text-align:left; font-size:32px; line-height:120px;}
.ysxz p{  font-size:20px; line-height:30px; margin:22px auto ; text-align:left; color:#FFF;} 
.xz_lf dl{ width:100%; overflow:hidden; margin-bottom:42px;}
.xz_lf dl dt{  color:#FFF; font-size:18px; font-weight:bold; line-height:30px;}
.xz_lf dl dd ul li{ line-height:32px; font-size:18px; color:#FFF;}
.xz_lf a{ display:block;}
.xz_lf a.zx{ height:52px; line-height:52px; overflow:hidden; font-size:24px; font-weight:bold; color:#3e73fb; text-indent:14px;}
.xz_lf a.look{ position:absolute; color:#FFF; font-size:20px; font-weight:bold; bottom:60px; left:160px;}
.xz_rt a.look{  left:237px;}
.ysxz a:hover{
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.footer{ text-align:center; color:#FFF;  line-height:36px; font-size:16px; background:url(../images/yspf_16.jpg) repeat-x; height:208px; padding-top:54px;}