@charset "UTF-8";
/* CSS Document */

*{padding:0;margin:0;}
img{border:none;display:block;}
ul,ul li,dl,dl dt,dl dd{display:block;list-style-type: none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{color:#000;text-decoration:none;}
a:hover{color:#e00;text-decoration:none;}

.clearfix:after {visibility: hidden;display: block;font-size: 0;content: ".";clear: both;height: 0;}
body{
	width: 100%;
	font-family:"微软雅黑", "宋体";
	font-size:14px;
	background:#fff;
}



.banner{width:100%;min-width:1040px;background:url(../images/banner.jpg) center 0 no-repeat;overflow: hidden;}
.bannerc{width:1000px;height:472px;margin:0 auto;padding-top: 189px;}
.ban_text{width: 832px;height: 90px;margin: 0 auto;position: relative;}
.ban_text img.ban_text_con{width: 832px;height: 90px;}
.ban_text img.ban_electric{width: 40px;height: 80px;position: absolute;left: 559px;top: 0px;
  animation:electric 0.5s ease-in-out 0s infinite normal;
  -webkit-animation:electric 0.5s ease-in-out 0s infinite normal;
  -ms-animation:electric 0.5s ease-in-out 0s infinite normal;
  -moz-animation:electric 0.5s ease-in-out 0s infinite normal;
  -o-animation:electric 0.5s ease-in-out 0s infinite normal;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
}
@keyframes electric{
    0% {transform: scale(1,1);}
    20% {transform: scale(0.8,0.8);}
    100% {transform: scale(1,1);}
}
@-webkit-keyframes electric{
    0% {-webkit-transform: scale(1,1);}
    20% {-webkit-transform: scale(0.8,0.8);}
    100% {-webkit-transform: scale(1,1);}
}
@-ms-keyframes electric{
    0% {-ms-transform: scale(1,1);}
    20% {-ms-transform: scale(0.8,0.8);}
    100% {-ms-transform: scale(1,1);}
}
@-moz-keyframes electric{
    0% {-moz-transform: scale(1,1);}
    20% {-moz-transform: scale(0.8,0.8);}
    100% {-moz-transform: scale(1,1);}
}
@-o-keyframes electric{
    0% {-o-transform: scale(1,1);}
    20% {-o-transform: scale(0.8,0.8);}
    100% {-o-transform: scale(1,1);}
}
.ban_list{width: 914px;padding:30px 0px 32px 86px;}
.ban_list li{width: 176px;padding-left: 44px;height: 38px;font:normal 32px/44px 'Microsoft Yahei';color:#88a0d1;letter-spacing: 1px;float: left;background-position:0 center;background-repeat: no-repeat;}
.ban_list li.ban_icon1{background-image: url(../images/ban_icon1.png);}
.ban_list li.ban_icon2{background-image: url(../images/ban_icon2.png);}
.ban_list li.ban_icon3{background-image: url(../images/ban_icon3.png);}
.ban_list li.ban_icon4{background-image: url(../images/ban_icon4.png);}
.ban_tit{width: 1000px;text-align: center;height: 52px;margin-bottom: 112px;}
.ban_tit h1{display: inline-block;height: 52px;padding-left: 132px;background:url(../images/ban_titbg1.png) 0 0 no-repeat;}
.ban_tit span{display: inline-block;height: 52px;padding-right: 132px;background:url(../images/ban_titbg2.png) right 0 no-repeat;font:bold 36px/52px 'Microsoft Yahei';color:#323232;}
.ban_btn{width: 740px;margin: 0 auto;}
.ban_btn p{width: 283px;padding:0px 43px 0px 44px;float: left;}
.ban_btn a{display: block;position: relative;width: 250px;height: 63px;padding-right: 33px;font:normal 26px/59px 'Microsoft Yahei';color:#323232;text-align: center;letter-spacing: 1px;background: url(../images/ban_btnbg.png) center 0 no-repeat;}
.ban_btn a img{position: absolute;left: 227px;top: 10px;width: 38px;height: 38px;
      -webkit-animation: pubMore 1s infinite linear;
    -moz-animation: pubMore 1s infinite linear;
    -ms-animation: pubMore 1s infinite linear;
    -o-animation: pubMore 1s infinite linear;
    animation: pubMore 1s infinite linear; 
}
@keyframes pubMore {
  0% {transform: translateX(-6px);}
  100% {transform: translateX(2px);}
}
@-webkit-keyframes pubMore {
  0% {-webkit-transform: translateX(-6px);}
  100% {-webkit-transform: translateX(2px);}
}
@-moz-keyframes pubMore {
  0% {-moz-transform: translateX(-6px);}
  100% {-moz-transform: translateX(2px);}
}
@-ms-keyframes pubMore {
  0% {-ms-transform: translateX(-6px);}
  100% {-ms-transform: translateX(2px);}
}
@-o-keyframes pubMore {
  0% {-o-transform: translateX(-6px);}
  100% {-o-transform: translateX(2px);}
}
.ban_btn a:hover{background-position: center -63px;color:#323232;}

.mainbg{width:100%;min-width:1040px;background-repeat:no-repeat;background-position:center 0;overflow: hidden;}

.main{width: 1000px;margin: 0 auto;}

.tit{width: 1000px;padding-bottom: 10px;color:#323232;font:bold 40px/64px 'Microsoft Yahei';letter-spacing: 1px;text-align: center;}

@-webkit-keyframes hvr-wobble-top {
  16.65% {-webkit-transform: skew(-12deg);}
  33.3% {-webkit-transform: skew(10deg);}
  49.95% {-webkit-transform: skew(-6deg);}
  66.6% {-webkit-transform: skew(4deg);}
  83.25% {-webkit-transform: skew(-2deg);}
  100% {-webkit-transform: skew(0);}
}
@-moz-keyframes hvr-wobble-top {
  16.65% {-moz-transform: skew(-12deg);}
  33.3% {-moz-transform: skew(10deg);}
  49.95% {-moz-transform: skew(-6deg);}
  66.6% {-moz-transform: skew(4deg);}
  83.25% {-moz-transform: skew(-2deg);}
  100% {-moz-transform: skew(0);}
}
@-ms-keyframes hvr-wobble-top {
  16.65% {-ms-transform: skew(-12deg);}
  33.3% {-ms-transform: skew(10deg);}
  49.95% {-ms-transform: skew(-6deg);}
  66.6% {-ms-transform: skew(4deg);}
  83.25% {-ms-transform: skew(-2deg);}
  100% {-ms-transform: skew(0);}
}
@-o-keyframes hvr-wobble-top {
  16.65% {-o-transform: skew(-12deg);}
  33.3% {-o-transform: skew(10deg);}
  49.95% {-o-transform: skew(-6deg);}
  66.6% {-o-transform: skew(4deg);}
  83.25% {-o-transform: skew(-2deg);}
  100% {-o-transform: skew(0);}
}
@keyframes hvr-wobble-top {
  16.65% {transform: skew(-12deg);}
  33.3% {transform: skew(10deg);}
  49.95% {transform: skew(-6deg);}
  66.6% {transform: skew(4deg);}
  83.25% {transform: skew(-2deg);}
  100% {transform: skew(0);}
}


@keyframes gelatine {
 
  25% {-webkit-transform: scale(0.9, 1.1);transform: scale(0.9, 1.1);}
  50% {-webkit-transform: scale(1.1, 0.9);transform: scale(1.1, 0.9);}
  75% {-webkit-transform: scale(0.95, 1.05);transform: scale(0.95, 1.05);}
}
@-webkit-keyframes gelatine {

  25% {-webkit-transform: scale(0.9, 1.1);transform: scale(0.9, 1.1);}
  50% {-webkit-transform: scale(1.1, 0.9);transform: scale(1.1, 0.9);}
  75% {-webkit-transform: scale(0.95, 1.05);transform: scale(0.95, 1.05);}
}






.bg4{background-image: url(../images/bg4.jpg);height: 486px;}
.mode_box{padding-top: 36px;}
.tit4{color:#fff;padding-bottom: 30px;}
.mode_list{width: 1000px;}
.mode_list li{width: 222px;padding:0 14px;float: left;}
.mode_pic{width: 138px;height: 96px;margin: 0 auto 18px;background:url(../images/mode_picbg.png) center no-repeat;padding-top: 42px;
  -webkit-transform: perspective(1px) translateZ(0);
  -moz-transform: perspective(1px) translateZ(0);
  -ms-transform: perspective(1px) translateZ(0);
  -o-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  transition:all .3s ease-out;
  -webkit-transition:all .3s ease-out;
  -ms-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
  -o-transition:all .3s ease-out;
  -webkit-transition-property: transform;
  -moz-transition-property: transform;
  -ms-transition-property: transform;
  -o-transition-property: transform;
  transition-property: transform;
}
.mode_list img{width: 60px;height: 54px;margin: 0 auto;}
.mode_list h4{font:bold 22px/42px 'Microsoft Yahei';color:#fff;text-align: center;letter-spacing: 1px;padding-bottom: 10px;}
.mode_list p{font:normal 17px/28px 'Microsoft Yahei';color:#d3cee0;text-align: center;letter-spacing: 1px;}
.mode_list li:hover .mode_pic{
  -webkit-transform: scale(1.2) rotate(12deg);
  -moz-transform: scale(1.2) rotate(12deg);
  -ms-transform: scale(1.2) rotate(12deg);
  -o-transform: scale(1.2) rotate(12deg);
  transform: scale(1.2) rotate(12deg);
}



.left_fbox{ width:150px; height:auto; background:url(../images/left_f.jpg) no-repeat 0 0;position:fixed; left:0;top:100px; z-index:999;}
.left_f_text{ width:150px; height:auto; position:relative; background:#4c65ff; margin-top:44px; padding-bottom:10px;}
.rcgb_l{ display:block; width:14px; height:14px; background:url(../images/left_close.png) no-repeat center; cursor:pointer; position:absolute; top:-40px; right:7px; transition:transform 0.5s;-moz-transition: -moz-transform 0.5s;-webkit-transition: -webkit-transform 0.5s; -o-transition:-o-transform 0.5s;}
.rcgb_l:hover,.rcgb:hover{transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform: rotate(180deg);-o-transform:rotate(180deg);}
.left_f_text h3{ color:#ffe301; font:bold 18px/36px 'Microsoft Yahei'; height:36px; text-align:center;}
.bkzd_box{ width:134px; height:auto; background:#7195fd; margin:0 auto;}
.bkzd_box a{ border-bottom:1px dashed #aa7b0b; width:134px; display:block; padding:6px 0 6px 0; color:#f2f1ff; font:normal 18px/24px 'Microsoft Yahei'; text-align:center; }
.bkzd_box a:hover{color:#ff0;text-decoration: underline;}
a.ckkb_butt{ width:134px; height:36px; display:block; background:#7195fd; color:#ffe301; font:bold 18px/36px 'Microsoft Yahei'; text-align:center; margin:10px auto 0;}
a.ckkb_butt:hover{color:#ff0;}
.ycxfC02{ width:36px; height:112px; padding:8px 0 0 0; text-align:center; font:bold 20px/25px 'Microsoft Yahei'; position:absolute; left:0; top:80px;display:none; cursor:pointer; background:url(../images/bkzd_pic02.png) no-repeat 0 0; color:#ffe301; }