html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}
html{line-height:1}ol,ul,li{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}
q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}
a img{border:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}.clr {clear: both;}a { text-decoration: none;}body{overflow:-Scroll;overflow-x:hidden; font-family:"微软雅黑"; background:#fff;}
.banner1{ width:100%; margin:0 auto; height:200px; background:url(../images/banner1.jpg) no-repeat center center;}
.banner2{ width:100%; margin:0 auto; height:201px; background:url(../images/banner2.jpg) no-repeat center center;}
.banner3{ width:100%; margin:0 auto; height:199px; background:url(../images/banner3.jpg) no-repeat center center;} 
.banner4{ width:100%; margin:0 auto; height:77px; background:url(../images/banner4.jpg) no-repeat center center;} 
.banner4 a{display:block;height:77px; cursor:pointer;}
.banner5{ width:100%; margin:0 auto; height:122px; background:url(../images/banner5.jpg) no-repeat center center;} 
.ysj{ height:566px; background-color:#fff; width:1120px; margin:0 auto; padding-top:50px;}
.ysj .ysj_l{ float:left; width:520px}
.ysj h1{ font-size:42px; font-weight:bold; letter-spacing:8px; line-height:42px; margin-bottom:25px;}
.ysj h1 span{ font-size:22px; font-weight:200; letter-spacing:1px;}
.ysj p{ text-indent:2em; line-height:36px; font-size:18px; margin-bottom:15px;}
.ysj .scxm{ font-size:18px;}
.ysj .scxm span{ width:138px; height:40px; line-height:40px; background-color:#BC089D; color:#fff; display:block; text-align:center; font-size:22px;}
.ysj .ysj_r{ float:left;}
.tss{ height:750px; background-color:#F5F5F5; width:100%; padding-top:25px;}
.tss .t{ width:1120px; margin:0 auto;}
.tss .title { background:url(../images/tszs.jpg) no-repeat; width:605px; height:103px; margin:0 auto;}
.tss p{ width:1120px; display:block; width:800px; font-size:20px; line-height:30px; margin:15px auto; text-indent:2em;}
.tss .qh{ width:1114px; background-color:#fff; height:413px;}
.tss .zx{ width:557px; margin:30px auto 0;}
.zrsm{ width:1120px; margin:0 auto; height:620px; padding-top:20px; background-color:#FFF;}
.zrsm .title { background:url(../images/zrsm.jpg) no-repeat; width:704px; height:113px; margin:0 auto;}
.zrsm .jx{ width:600px; height:55px; line-height:55px; text-align:center; margin:0 auto; border:#000 solid 1px; font-size:30px; margin-top:20px;}
.zrsm .jj{ width:990px; line-height:28px; margin:20px auto; text-indent:2em; font-size:20px;}
.zrsm .tt{ width:970px; margin:0 auto; height:275px;}
.gy{ width:100%; height:616px; margin:0 auto; background:url(../images/gybj.jpg) no-repeat center center;}
.gy .gyan{ width:440px; padding-left:620px; padding-top:220px; height:383px;margin:0 auto; }
.gy .gyan img{ display:block; float:left; margin:10px 5px; }
.qxzm{ width:1120px; margin:0 auto; height:560px; padding-top:20px;}
.qxzm .title { background:url(../images/qxzm.jpg) no-repeat; width:717px; height:111px; margin:0 auto;}
.qxzm .al{ width:1110px; margin:25px auto 0; height:480px;}
.ddz{ width:100%; height:775px;padding-top:220px; margin:0 auto; background:url(../images/mbg.jpg) no-repeat center center;}
.ddz .ddzcen{ width:1120px; margin:0px auto;}
.ddz .left{ float:left;}
.ddz .pbottom{ margin-bottom:30px;}
.ddz .zx{ width:556px; margin:30px auto 0;}
.xgwt{ width:1120px; margin:0 auto; height:820px; padding-top:30px;}
.xgwt .title { background:url(../images/xgwt.jpg) no-repeat; width:512px; height:136px; margin:0 auto 50px;}
.xgwt .xgwtl{ float:left; width:550px;}
.xgwt .xgwtr{ float:left; width:550px;}
.xgwt .zx{ width:562px; margin:30px auto 0; height:74px;}
.zjtja{ width:100%; margin:0 auto; height:382px; background:url(../images/zjtja.jpg) no-repeat center center; padding-top:190px;}
.zjtjac{ width:1010px; margin:0 auto; font-size:20px; color:#fff; text-indent:2em; line-height:32px;}
.zjtjb{ width:100%; margin:0 auto; height:403px; background:url(../images/zjtjb.jpg) no-repeat center center;}
.case_scroll {  margin: 0 auto;  position: relative;  width: 868px;}
.case_scroll .cs-prev, .case_scroll .cs-next {  display: block;  height: 124px;  position: absolute;  top: 130px;  width: 42px;  z-index: 99;}
.case_scroll .cs-prev {  background:url("../images/prev.jpg") repeat scroll 0 0;  left: -80px;}
.case_scroll .cs-next {  background:url("../images/next.jpg") repeat scroll 0 0;  right: -80px;}
.case_scroll .slider {  height:375px;  position: relative;  width: 868px;}
.case_scroll .slider li { display: block;height: 375px;  position: relative;  width: 868px;}

.vdlyslide{ position: relative; width:1114px;  height: 431px; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; background: #fff }
.vdlyslide .bottom-shadow{ position: absolute; bottom: -3px; left: 0; width: 100%; height: 1px; overflow: hidden; border-top: 1px solid #e0e0e0; background: #e6e6e6; border-bottom: 1px solid #ececec }
.vdlyslide .img { float: right; position: relative ;margin-right: 15px; margin-top: 15px;}
.vdlyslide .img li, .vdlyslide .img a, .vdlyslide .img img { display: block; width: 711px; height: 404px }
.vdlyslide .img li { display: none; position: absolute; left: 0; top: 0 }
.vdlyslide .img p{ height:75px; line-height:28px; position:absolute;opacity: 0.5; background-color:#000; color:#fff; width:671px;bottom:-10px; padding:15px 20px 0;}
.vdlyslide .img .first { display: block }
.vdlyslide .tab { float: left ;margin-left: 15px; margin-top: 15px;}
.vdlyslide .tab li { *margin-bottom: -3px; border-top: 1px solid #e5e5e5; width: 350px; background-color:#E7E8EC;margin-top:3px;height:95px; }
.vdlyslide .tab li.on { *margin-bottom: -3px; border-top: 1px solid #e5e5e5; width: 350px; background-color:#D247AA; }
.vdlyslide .tab .first { border-top: 0 }
.vdlyslide .tab a { text-decoration: none; display: block; position: relative; width: 347px; height: 99px; border-left: 3px solid #fff }
.vdlyslide .tab a b { position: absolute; left: 351px; top: 40px; width: 12px; height: 27px; overflow: hidden }
.vdlyslide .tab a span { position: absolute; left: 80px;top:15px; font-size:36px; color:#464646;}
.vdlyslide .tab a .num { position: absolute; left: 5px;top:15px; font-size:36px; color:#464646; font-size:56px;}
.vdlyslide .tab a .title { left: 17px; top: 6px; height: 20px; line-height: 20px; font-size: 14px; font-weight: bold; color: #666 }
.vdlyslide .tab a .des { left: 80px; top: 55px; height: 26px; line-height: 26px; color: #999;font-size:22px; }
.vdlyslide .tab .first a { height: 50px } 
.vdlyslide .tab .on a b { background: url(../images/jian.jpg) no-repeat;}
.vdlyslide .tab .on a span { color: #fff; font-size:36px; }
.vdlyslide .tab .on a .des{ font-size:22px;}
.vdlyslide .tab .on a .num{ font-size:56px;}
.zz-a:hover {   color: #fff;filter:Alpha(opacity=100);   opacity: 1;transform: scale(1);-webkit-transform: scale(1);}
.zz-a {filter:Alpha(opacity=0);opacity: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);position: absolute;color: #fff;font-size: 14px;display: flex;align-items: center;justify-content: center;line-height: 24px;text-align: center;transition: all .4s;-webkit-transition: all .4s;transform: scale(1.4);-webkit-transform: scale(1.4);}
.po {position: relative;}
@-webkit-keyframes push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes push {
  50% {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

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

.push:hover {
  -webkit-animation-name: push;
  animation-name: push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
@-webkit-keyframes pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pop {
  50% {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

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

.pop:hover {
  -webkit-animation-name: pop;
  animation-name: pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
