/*================首页样式及公共部分样式================*/
.ddw{position:absolute;left:0;top:0;color:#000;font-size:16px;z-index:9999;}
.ddw2{position:absolute;left:20px;top:0;color:#000;font-size:16px;z-index:9999;}
.num_box{position:relative;}
.num{width:100%;position:relative;overflow: hidden;}
/*右侧悬浮*/
.fixed_r{ position: fixed; right: 30px;#right: 30px; top: 50%; width: 71px; margin-top: -50px; padding: 0; list-style-type: none; z-index: 9999;}
.fixed_r #menu li {width: 71px; margin-top:5px;}
.fixed_r #menu li p{display: none; float: left;margin-right: 6px;padding-right: 28px; font-size: 18px;font-family: "Arial";color: #62b3af; background: url(../images/index/pag_2.png) center right no-repeat;}
.fixed_r #menu li a { display:block; float:right; width:16px; height:27px; text-indent:-100px; overflow:hidden; background: url(../images/index/pag_1.png) center no-repeat;}
.fixed_r #menu li.on p{display: block;}
.fixed_r #menu li.on a { background: url(../images/index/pag_1s.png) center no-repeat;}
.fixed_r #menu li.fff.on a { background: url(../images/index/pag_1sf.png) center no-repeat;}
.fixed_r #menu li.fff.on p{color: #fff;background: url(../images/index/pag_2s.png) center right no-repeat;}
/*导航*/


.header{position: fixed;left: 0px;top: 0px;z-index: 999; width: 100%;height:76px;background: url(../images/index/nav_bac.png) repeat;}
.header .logo{ display: block;margin-left:3.6%;text-align: center; width:180px; height:76px;}
.header .logo img{vertical-align: middle; max-width:179px; max-height:70px; -ms-interpolation-mode: bicubic;}
.header .logo span{display: inline-block; height:76px; width:1px; vertical-align: middle;}
.header .logos{ display: none;}

.header b{padding-left: 40px; display: block;margin:0 3.6% 0 0;height: 76px; font-size: 18px;color: #89c5c2;background: url(../images/index/phone.png) left center no-repeat;background-size: 35px; }
.header b p{margin-top: 19px; display: block;font-size: 15px;letter-spacing:1px; font-family: "NotoSansHansBold";}
.header b span{display: block; font-size: 19px;letter-spacing:1px;font-family: "Arial";}
.header ul.fr li.fl{position: relative;height: 76px; float: left;line-height: 16px;background:url(../images/index/nav_border.png) right center no-repeat;}
.header ul.fr li.fl:last-child{background: none;}
.header ul.fr li.fl .ls{padding:30px 14px 0; display: block; font-size: 16px;color: #fff;}
.header ul.fr li.fl.other{background: none;}
.header ul.fr li.fl .none{display: none; position: absolute;left: 0px;top: 76px;width: 100%;background: url(../images/index/nav_bac.png) repeat;}
.header ul.fr li.fl .none a{display: block;margin:0 7px;font-size: 14px;color: #fefefe;line-height: 46px;text-align: center;background: url(../images/index/nav_none.png) bottom repeat-x;}
.header ul.fr li.fl .none li:last-child a{background: none;}
.header ul.fr li.fl a:hover{color: #89c5c2;}

.header ul.fr li.fl.atpes .ls{color: #89c5c2;}

.header_two .header_box{display: none;}
.header_two.header_one .header{display: none;}
.header_two.header_one .header_box{display: block;box-shadow:0 0 10px rgba(0,0,0,0.1);}
@media (min-width: 1500px){
  .header .logo{width: 225px;}
  .header .logo img{max-width:223px;}
  .header ul.fr li.fl .ls{padding:30px 21px 30px 18px;}
  .header b{margin-left: 50px;}
}

/*第一屏*/
.section.table{overflow: hidden;}
.pag01 .pic{ position:relative;}
.pag01 .pic .bd{position:relative; z-index:9;margin:0px auto; overflow:hidden;}
.pag01 .pic .bd .list li{float: left;}
.pag01 .pic .bd .list li{ width:100%; height:100%; text-align:center;  overflow:hidden}
.pag01 .pic .bd .list li a{display: block;width: 100%;height: 100%;}
.pag01 .pic .bd .list li a .w1200{position: relative;}
.pag01 .pic .bd .list li a img{max-width: 100%;max-height: 100%;}
.pag01 .pic .bd .list li a span{position: absolute;left: 450px;top: 0px;width:284px;height: 100%;text-align: center; 
  -webkit-animation:bandragTop 1s ease-in-out forwards;
   -moz-animation:bandragTop 1s ease-in-out forwards; 
  -ms-animation:bandragTop 1s ease-in-out forwards;
   animation:bandragTop 1s ease-in-out forwards;}
.pag01 .pic .bd .list li a i{position: absolute;left: 388px;top: 0px;width:106px;height: 100%; 
  -webkit-animation:bandragLeft 2s ease-in-out forwards;
   -moz-animation:bandragLeft 2s ease-in-out forwards;
   -ms-animation:bandragLeft 2s ease-in-out forwards;
    animation:bandragLeft 2s ease-in-out forwards;}
.pag01 .pic .bd .list li a em{position: absolute;right: 430px;top: 0px;width:120px;height: 100%;
 -webkit-animation:bandragRight 2s ease-in-out forwards;
  -moz-animation:bandragRight 2s ease-in-out forwards;
   -ms-animation:bandragRight 2s ease-in-out forwards;
    animation:bandragRight 2s ease-in-out forwards;}

@keyframes bandragTop {
    0% {opacity:0;transform:translateY(-150px)}
    100% {transform:translateY(0px)}
}
@-webkit-keyframes bandragTop {
    0% {opacity:0;-webkit-transform:translateY(-150px)}
    100% {-webkit-transform:translateY(0px)}
}
@-moz-keyframes bandragTop {
    0% {opacity:0;-moz-transform:translateY(-150px)}
    100% {-moz-transform:translateY(0px)}
}
@-ms-keyframes bandragTop {
    0% {opacity:0;-ms-transform:translateY(-150px)}
    100% { -ms-transform:translateY(0px)}
}
/*上下动*/

/*左动*/
@keyframes bandragLeft {
    0% {opacity:0;transform:translateX(-250px)}
    45% {opacity:0;transform:translateX(-250px)}
    100% {transform:translateX(0px)}
}
@-webkit-keyframes bandragLeft {
    0% {opacity:0;-webkit-transform:translateX(-250px)}
    45% {opacity:0;transform:translateX(-250px)}
    100% { -webkit-transform:translateX(0px)}
}
@-moz-keyframes bandragLeft {
    0% {opacity:0;-moz-transform:translateX(-250px)}
    45% {opacity:0;transform:translateX(-250px)}
    100% {-moz-transform:translateX(0px)}
}
@-ms-keyframes bandragLeft {
    0% {opacity:0;-ms-transform:translateX(-250px)}
    45% {opacity:0;transform:translateX(-250px)}
    100% {-ms-transform:translateX(0px)}
}
/*左动*/

/*右动*/
@keyframes bandragRight {
    0% {opacity:0;transform:translateX(250px)}
    45% {opacity:0;transform:translateX(250px)}
    100% {transform:translateX(0px)}
}
@-webkit-keyframes bandragRight {
    0% {opacity:0;-webkit-transform:translateX(250px)}
    45% {opacity:0;transform:translateX(250px)}
    100% {-webkit-transform:translateX(0px)}
}
@-moz-keyframes bandragRight {
    0% {opacity:0;-moz-transform:translateX(250px)}
    45% {opacity:0;transform:translateX(250px)}
    100% {-moz-transform:translateX(0px)}
}
@-ms-keyframes bandragRight {
    0% {opacity:0;-ms-transform:translateX(250px)}
    45% {opacity:0;transform:translateX(250px)}
    100% {-ms-transform:translateX(0px)}
}
.pag01 .pic .hd{ position:absolute; left:0px; bottom:4%; z-index:99; width:100%; height:6px;}
.pag01 .pic .hd ul { width:1200px; margin:0px auto;text-align: center;}
.pag01 .pic .hd ul li {display: inline-block; width:67px; height:16px; margin-right:20px; text-indent:-9999em; cursor:pointer;}
.pag01 .pic .hd ul li span{display: block; margin-top: 7px; width:67px; height:2px;background:#fff; }
.pag01 .pic .hd ul .on span { background:#565656;}


/*第二屏*/
.pag02 .title{margin:0 auto;text-align: center;}
.pag02 .title img{display: inline-block;margin:0 auto; }
.pag02 .pic{ position:relative;}
.pag02 .pic .hd{ position:absolute;left: 50%;bottom:50%; z-index:1;}
.pag02 .pic .hd a{display:block;cursor:pointer;}
.pag02 .pic .hd .next{float: right; background: url(../images/index/pag2_6.png) center no-repeat;}
.pag02 .pic .hd .prev{float: left; background: url(../images/index/pag2_5.png) center no-repeat;}
.pag02 .pic .hd .next:hover{background: url(../images/index/pag2_6s.png) center no-repeat;}
.pag02 .pic .hd .prev:hover{background: url(../images/index/pag2_5s.png) center no-repeat;}
.pag02 .pic .bd{position:relative; z-index:9;margin:0px auto; overflow:hidden;}
.pag02 .pic .bd .list li{float: left;}
.pag02 .pic .bd .list li a{display: block;overflow: hidden;}
.pag02 .pic .bd .list li img{transform: scale(1);transition-duration: 0.5s;}
.pag02 .pic .bd .list li i{display: block;width: 100%;text-align: center;color: #11c1d1; }
.pag02 .pic .bd .list li:hover i{ color: #fff;background: #11c1d1;}
.pag02 .pic .bd .list li:hover img{transform: scale(1.3);}
/*
.pag02 .title{margin:164px auto 100px;}
.pag02 .title img{height: 150px;}
.pag02 .pic .hd{margin:-18px 0 0 -825px; width: 1650px;height: 37px;}
.pag02 .pic .hd a{width:100px; height:37px;}
.pag02 .pic .hd .next{background: url(../images/index/pag2_6.png) center no-repeat;background-size: 100px 37px;}
.pag02 .pic .hd .prev{background: url(../images/index/pag2_5.png) center no-repeat;background-size: 100px 37px;}
.pag02 .pic .hd .next:hover{background: url(../images/index/pag2_6s.png) center no-repeat;background-size: 100px 37px;}
.pag02 .pic .hd .prev:hover{background: url(../images/index/pag2_5s.png) center no-repeat;background-size: 100px 37px;}
.pag02 .pic .bd{width:1228px;}
.pag02 .pic .bd .list li{width:279px;margin:0 14px;}
.pag02 .pic .bd .list li a{width:279px; height:496px;}
.pag02 .pic .bd .list li img{width:279px; height:496px;}
.pag02 .pic .bd .list li i{width:279px;height: 75px; line-height: 57px;font-size: 21px;}
.pag02 .pic .bd .list li:hover i{line-height: 75px;}*/

.pag02 .title{margin:167px auto 86px;}

.pag02 .title img.fls{width:94px; }
.pag02 .title img.frs{width:641px; }
.pag02 .pic .hd{margin:-15px 0 0 -658px; width: 1316px;height: 29px;}
.pag02 .pic .hd a{width:80px; height:29px;}
.pag02 .pic .hd .next{background: url(../images/index/pag2_6.png) center no-repeat;background-size: 80px 29px;}
.pag02 .pic .hd .prev{background: url(../images/index/pag2_5.png) center no-repeat;background-size: 80px 29px;}
.pag02 .pic .hd .next:hover{background: url(../images/index/pag2_6s.png) center no-repeat;background-size: 80px 29px;}
.pag02 .pic .hd .prev:hover{background: url(../images/index/pag2_5s.png) center no-repeat;background-size: 80px 29px;}
.pag02 .pic .bd{width:988px;}
.pag02 .pic .bd .list li{width:223px;margin:0 12px;}
.pag02 .pic .bd .list li a{width:223px; height:395px;}
.pag02 .pic .bd .list li img{width:223px; height:395px;}
.pag02 .pic .bd .list li i{width:223px;height: 61px; line-height: 44px;font-size: 21px;}
.pag02 .pic .bd .list li:hover i{line-height: 61px;}

.pag02.pag02_anmi .title img.fls{-webkit-animation-name: kenburnsImg;
          animation-name: kenburnsImg;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;}
@keyframes kenburnsImg {
  0% {
    -webkit-transform: scale(2);
            transform: scale(2);}
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);}
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);}
} 
@-webkit-keyframes kenburnsImg {
  0% {
    -webkit-transform: scale(2);
            transform: scale(2);}
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);}
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);}
  
}
@-moz-keyframes kenburnsImg {
  0% {
    -webkit-transform: scale(2);
            transform: scale(2);}
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);}
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);}
}
@-ms-keyframes kenburnsImg {
  0% {
    -webkit-transform: scale(2);
            transform: scale(2);}
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);}
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);}
}

.pag02.pag02_anmi .title img.frs{-webkit-animation:kenburnsImgs 1s ease-in-out forwards;
 -moz-animation:kenburnsImgs 1s ease-in-out forwards;
  -ms-animation:kenburnsImgs 1s ease-in-out forwards;
   animation:kenburnsImgs 1s ease-in-out forwards;}
@keyframes kenburnsImgs {
    0% {opacity:0;transform:translateX(200px)}
    50% {opacity:0;transform:translateX(200px)}
    100% {transform:translateX(0px)}
}
@-webkit-keyframes kenburnsImgs {
    0% {opacity:0;transform:translateX(200px)}
    50% {opacity:0;transform:translateX(200px)}
    100% {transform:translateX(0px)}
}
@-moz-keyframes kenburnsImgs {
    0% {opacity:0;transform:translateX(200px)}
    50% {opacity:0;transform:translateX(200px)}
    100% {transform:translateX(0px)}
}
@-ms-keyframes kenburnsImgs {
    0% {opacity:0;transform:translateX(200px)}
    50% {opacity:0;transform:translateX(200px)}
    100% {transform:translateX(0px)}
}
/*@media (min-height: 720px) and  (max-height: 768px){
   
}*/
@media (min-height: 590px) and  (max-height: 638px){
/*画稿614*/  
.pag02 .title{margin:108px auto 58px;}

.pag02 .title img.fls{width:68px; }
.pag02 .title img.frs{width:5416px; }
.pag02 .pic .hd{margin:-10px 0 0 -470px; width: 940px;height: 20px;}
.pag02 .pic .hd a{width:58px; height:20px;}
.pag02 .pic .hd .next{background: url(../images/index/pag2_6.png) center no-repeat;background-size: 58px 20px;}
.pag02 .pic .hd .prev{background: url(../images/index/pag2_5.png) center no-repeat;background-size: 58px 20px;}
.pag02 .pic .hd .next:hover{background: url(../images/index/pag2_6s.png) center no-repeat;background-size: 58px 20px;}
.pag02 .pic .hd .prev:hover{background: url(../images/index/pag2_5s.png) center no-repeat;background-size: 58px 20px;}
.pag02 .pic .bd{width:696px;}
.pag02 .pic .bd .list li{width:160px;margin:0 7px;}
.pag02 .pic .bd .list li a{width:160px; height:284px;}
.pag02 .pic .bd .list li img{width:160px; height:284px;}
.pag02 .pic .bd .list li i{width:160px;height: 42px; line-height: 30px;font-size: 15px;} 
.pag02 .pic .bd .list li:hover i{line-height: 42px;}  
}

/*@media (min-height: 769px) and  (max-height: 900px){
   
}*/
@media (min-height: 639px) and  (max-height: 770px){
/*画稿705*/ 
.pag02 .title{margin:135px auto 80px;}

.pag02 .title img.fls{width:80px; }
.pag02 .title img.frs{width:616px; }
.pag02 .pic .hd{margin:-12px 0 0 -540px; width: 1080px;height: 24px;}
.pag02 .pic .hd a{width:68px; height:24px;}
.pag02 .pic .hd .next{background: url(../images/index/pag2_6.png) center no-repeat;background-size: 68px 24px;}
.pag02 .pic .hd .prev{background: url(../images/index/pag2_5.png) center no-repeat;background-size: 68px 24px;}
.pag02 .pic .hd .next:hover{background: url(../images/index/pag2_6s.png) center no-repeat;background-size: 68px 24px;}
.pag02 .pic .hd .prev:hover{background: url(../images/index/pag2_5s.png) center no-repeat;background-size: 68px 24px;}
.pag02 .pic .bd{width:804px;}
.pag02 .pic .bd .list li{width:183px;margin:0 9px;}
.pag02 .pic .bd .list li a{width:183px; height:325px;}
.pag02 .pic .bd .list li img{width:183px; height:325px;}
.pag02 .pic .bd .list li i{width:183px;height: 50px; line-height: 36px;font-size: 17px;} 
.pag02 .pic .bd .list li:hover i{line-height: 50px;} 
}

/*@media (min-height: 901px) and  (max-height: 1080px){
   
}*/
@media (min-height: 771px) and  (max-height: 950px){
/*画稿860*/ 
.pag02 .title{margin:147px auto 76px;}

.pag02 .title img.fls{width:94px; }
.pag02 .title img.frs{width:641px; }
.pag02 .pic .hd{margin:-15px 0 0 -658px; width: 1316px;height: 29px;}
.pag02 .pic .hd a{width:80px; height:29px;}
.pag02 .pic .hd .next{background: url(../images/index/pag2_6.png) center no-repeat;background-size: 80px 29px;}
.pag02 .pic .hd .prev{background: url(../images/index/pag2_5.png) center no-repeat;background-size: 80px 29px;}
.pag02 .pic .hd .next:hover{background: url(../images/index/pag2_6s.png) center no-repeat;background-size: 80px 29px;}
.pag02 .pic .hd .prev:hover{background: url(../images/index/pag2_5s.png) center no-repeat;background-size: 80px 29px;}
.pag02 .pic .bd{width:988px;}
.pag02 .pic .bd .list li{width:223px;margin:0 12px;}
.pag02 .pic .bd .list li a{width:223px; height:395px;}
.pag02 .pic .bd .list li img{width:223px; height:395px;}
.pag02 .pic .bd .list li i{width:223px;height: 61px; line-height: 44px;font-size: 21px;}
.pag02 .pic .bd .list li:hover i{line-height: 61px;}
}
.pag03{overflow: hidden;}
.pag03 .wrap {width:1100px;height:610px;border:solid 1px #ddd;margin:0 auto;position:relative;overflow:hidden;background:#fff;}
.pag03 .box1,.pag03 .box2 {width:1100px;height:610px;position:absolute;left:0;top:0;}
.pag03 .box1 {z-index:2;}
.pag03 .box2 {z-index:3;}
.pag03 .handle {margin-top: -32px; width:64px;height:44px;background:url(../images/index/pag3_5.png) no-repeat;position:absolute;left:-49px;z-index:10;top:50%;cursor: pointer;}
.pag03 .cursor {cursor:url(../images/index/6.ico),auto;}
.pag03 .nocur {cursor:default;}

.pag04{background: #000;}
.pag04 .videos{position: relative;background: #000;height:100%;padding-bottom:56.25%;height:0;}
.pag04 .videos .pos{position: absolute;left: 50%;top: 22%;z-index: 2; margin-left:-600px; width: 1200px;height: auto;}
.pag04 .videos .pos div{margin:0 auto; width: 600px;}
.pag04 .videos .pos div b{font-size: 54px;color: #fefdfd;font-weight: normal;}
.pag04 .videos .pos div b span{color: #89c5c2;}
.pag04 .videos .pos div em{font-size: 28px;color: #fefdfd; font-family: "NotoSansMid";}
.pag04 .videos video{position: absolute; top:0;left: 0;width: 100%;height: 100%;}

.pag05 .list{float: left; position: relative;width: 25%;height: 100%;}
.pag05 .list .bac_img{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;overflow: hidden;}
.pag05 .list .bac_img .imgs{transform: scale(1);transition-duration: 0.5s;display: block;width: 100%;height: 100%;}
.pag05 .list:hover .bac_img .imgs{transform: scale(1.3);}
.pag05 .list .bac{position: absolute;left: 0px;top: 0px;z-index: 2; width: 100%;height: 100%;}
.pag05 .list:hover .bac{background: url(../images/index/pag5_bac.png) repeat;}
.pag05 .list .pos{position: absolute;left: 5%;top: 50%;z-index: 3;margin-top: -112px; width: 90%; height: 224px; }
.pag05.pag05_anmi .list .pos{-webkit-animation:dragTop 2s ease-in-out both; -moz-animation:dragTop 2s ease-in-out both; -ms-animation:dragTop 2s ease-in-out both; animation:dragTop 2s ease-in-out both;}
.pag05 .list .pos .pic{margin:0 auto 30px; width: 75px;height: 69px;}
.pag05 .list .pos .pic img{display: block;width: 75px;height: 69px;}
.pag05 .list .pos b{margin-bottom: 20px; display: block;text-align: center;font-size: 36px;color: #89c5c2;font-weight: normal;font-family: "NotoSansHansBold";}
.pag05 .list .pos i{display: block;margin:0 auto 50px;width: 65px;height: 1px;background: url(../images/index/nav_border.png) center repeat;}
.pag05 .list .pos p{display: none; text-align: center;font-size: 16px;color: #fff;line-height: 31px;}


.pag05.pag05_anmi .list:hover .pos{margin-top: -190px; height:380px;
  -webkit-animation:wposTop 1s ease-in-out forwards;
 -moz-animation:wposTop 1s ease-in-out forwards;
  -ms-animation:wposTop 1s ease-in-out forwards;
   animation:wposTop 1s ease-in-out forwards;
 }
@keyframes wposTop {
    0% {margin-top: -112px;}
    100% {margin-top: -190px;}
}
@-webkit-keyframes wposTop {
    0% {margin-top: -112px;}
    100% {margin-top: -190px;}
}
@-moz-keyframes wposTop {
    0% {margin-top: -112px;}
    100% {margin-top: -190px;}
}
@-ms-keyframes wposTop {
    0% {margin-top: -112px;}
    100% {margin-top: -190px;}
}
.pag05.pag05_anmi .list:hover .pos p{display: block; -webkit-animation:dragRights 2s ease-in-out forwards;
 -moz-animation:dragRights 2s ease-in-out forwards;
  -ms-animation:dragRights 2s ease-in-out forwards;
   animation:dragRights 2s ease-in-out forwards;}
@keyframes dragRights {
    0% {opacity:0;}
    40% {opacity:0;}
    100% {opacity:1;}
}
@-webkit-keyframes dragRights {
    0% { opacity:0;}
    40% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes dragRights {
    0% {opacity:0;}
    40% {opacity:0;}
    100% {opacity:1;}
}
@-ms-keyframes dragRights {
    0% {opacity:0;}
    40% {opacity:0;}
    100% {opacity:1;}
}

.pag06{}
.pag06 .left{width: 20%;height: 100%;background: #62b3af;}
.pag06 .left .title{margin-top: 80px; width: 100%;height: 16%; text-align: center;background:url(../images/index/pag6_5.png) center no-repeat;background-size: auto 26%;}
.pag06 .left .list{height: 53%;}
.pag06 .left .list li{position: relative; width: 100%; height: 33.33%;border-bottom:rgba(255,255,255,0.3) 1px solid;}
.pag06 .left .list li a{display: block;position: absolute;left: 10%;top: 50%;width: 80%; }
.pag06 .left .list li a .pic{position: relative; width: 45%;overflow: hidden;}
.pag06 .left .list li a .pic img{display: block;width: 100%;/*height: 100%;*/}
.pag06 .left .list li a .pic em{display: block;position: absolute;left: 0%;top: 0%;width: 100%;height: 100%;background: url(../images/index/pag6_1s.png) center no-repeat;background-size: 100%;}
.pag06 .left .list li a .text{position: relative;margin-top: 5%; width: 50%; height:90%; color: #444;}
.pag06 .left .list li a .text b{display: block; font-size: 26px;font-weight: normal; font-family: "Times New Roman";}
.pag06 .left .list li a .text .pos{position: absolute;left: 0px;bottom: 10%;}                          
.pag06 .left .list li a .text p{font-size: 18px;}
.pag06 .left .list li a .text i{ display: block;font-size: 16px;font-family: "Times New Roman";}
.pag06 .left .list li a:hover .text{color: #fff;}
.pag06 .left .more{ margin:25% auto 0; width: 150px;background: #62b3af;border: #fff 1px solid;}
.pag06 .left .more a{display: block; color: #fff;
position:relative;z-index:2;
width:0;
height:46px;
background:#fff;
transition:width 1s;
-moz-transition:width 1s; /* Firefox 4 */
-webkit-transition:width 1s; /* Safari and Chrome */
-o-transition:width 1s; /* Opera */
}
.pag06 .left .more a i{ position:absolute; top:0;left:0;z-index:3;width: 150px;height: 46px;line-height: 46px;text-align: center;font-size: 16px;}
.pag06 .left .more a:hover{width: 150px;color: #62b3af;}

.pag06.pag06_anmi .left .list .li_01{
-webkit-animation:liLight 1s ease-in-out forwards;
 -moz-animation:liLight 1s ease-in-out forwards;
  -ms-animation:liLight 1s ease-in-out forwards;
   animation:liLight 1s ease-in-out forwards;}
@keyframes liLight {
    0% {opacity:0;transform:translateX(-400px)}
    50% {opacity:0;transform:translateX(-400px)}
    100% {transform:translateX(0px)}
}
@-webkit-keyframes liLight {
    0% {opacity:0;transform:translateX(-400px)}
    50% {opacity:0;transform:translateX(-400px)}
    100% {transform:translateX(0px)}
}
@-moz-keyframes liLight {
    0% {opacity:0;transform:translateX(-400px)}
    50% {opacity:0;transform:translateX(-400px)}
    100% {transform:translateX(0px)}
}
@-ms-keyframes liLight {
    0% {opacity:0;transform:translateX(-400px)}
    50% {opacity:0;transform:translateX(-400px)}
    100% {transform:translateX(0px)}
}
.pag06.pag06_anmi .left .list .li_02{
-webkit-animation:liLightT 1.3s ease-in-out forwards;
 -moz-animation:liLightT 1.3s ease-in-out forwards;
  -ms-animation:liLightT 1.3s ease-in-out forwards;
   animation:liLightT 1.3s ease-in-out forwards;}
@keyframes liLightT {
    0% {opacity:0;transform:translateX(-400px)}
    62.5% {opacity:0;transform:translateX(-400px)}
    100% {transform:translateX(0px)}
}
@-webkit-keyframes liLightT {
    0% {opacity:0;transform:translateX(-400px)}
    62.5% {opacity:0;transform:translateX(-400px)}
    100% {transform:translateX(0px)}
}
@-moz-keyframes liLightT {
    0% {opacity:0;transform:translateX(-400px)}
    62.5% {opacity:0;transform:translateX(-400px)}
    100% {transform:translateX(0px)}
}
@-ms-keyframes liLightT {
    0% {opacity:0;transform:translateX(-400px)}
    62.5% {opacity:0;transform:translateX(-400px)}
    100% {transform:translateX(0px)}
}
.pag06.pag06_anmi .left .list .li_03{
-webkit-animation:liLights 1.6s ease-in-out forwards;
 -moz-animation:liLights 1.6s ease-in-out forwards;
  -ms-animation:liLights 1.6s ease-in-out forwards;
   animation:liLights 1.6s ease-in-out forwards;}
@keyframes liLights {
    0% {opacity:0;transform:translateX(-400px)}
    75% {opacity:0;transform:translateX(-400px)}
    100% {transform:translateX(0px)}
}
@-webkit-keyframes liLights {
    0% {opacity:0;transform:translateX(-400px)}
    75% {opacity:0;transform:translateX(-400px)}
    100% {transform:translateX(0px)}
}
@-moz-keyframes liLights {
    0% {opacity:0;transform:translateX(-400px)}
    75% {opacity:0;transform:translateX(-400px)}
    100% {transform:translateX(0px)}
}
@-ms-keyframes liLights {
    0% {opacity:0;transform:translateX(-400px)}
    75% {opacity:0;transform:translateX(-400px)}
    100% {transform:translateX(0px)}
}

.pag06 .right{width: 80%;height: 100%;}
.pag06 .right .pic{width: 100%;height: 80%;overflow: hidden;}
.pag06 .right .pic div{width: 100%;height: 100%;}
.pag06.pag06_anmi .right .pic div{width: 100%;height: 100%;-webkit-animation-name: kenburns;
          animation-name: kenburns;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);}
@keyframes kenburns {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);}
  100% {-webkit-transform: scale(1.2);
            transform: scale(1.2);}
}
@-webkit-keyframes kenburns {
  0% {-webkit-transform: scale(1);
            transform: scale(1);}
  100% {-webkit-transform: scale(1.2);
            transform: scale(1.2);}
}
@-moz-keyframes kenburns {
  0% {-webkit-transform: scale(1);
            transform: scale(1);}
  100% {-webkit-transform: scale(1.2);
            transform: scale(1.2);}
}
@-ms-keyframes kenburns {
  0% {-webkit-transform: scale(1);
            transform: scale(1);}
  100% {-webkit-transform: scale(1.2);
            transform: scale(1.2);}
}


.pag06 .right .next{position: relative; width: 100%;height: 20%;text-align: center;}
.pag06 .right .next .pos{position: absolute;left: 0px;top: 50%;margin-top: -40px; width: 100%;height: auto;}
.pag06 .right .next .pos b{padding-bottom: 8px; font-weight: normal;font-size: 32px;color: #666;border-bottom: #e5e5e5 1px solid; font-family: "NotoSansMid";}
.pag06 .right .next .pos i{font-size: 14PX;color:#666 ;font-family: "Arial";}
.pag06 .right .next .pos .sma{margin-top: 12px; }
.pag06.pag06_anmi .right .next{-webkit-animation:RnextLight 2.2s ease-in-out forwards;
 -moz-animation:RnextLight 2.2s ease-in-out forwards;
  -ms-animation:RnextLight 2.2s ease-in-out forwards;
   animation:RnextLight 2.2s ease-in-out forwards;}
@keyframes RnextLight {
    0% {opacity:0;transform:translateY(-400px)}
    75% {opacity:0;transform:translateY(-400px)}
    100% {transform:translateY(0px)}
}
@-webkit-keyframes RnextLight {
    0% {opacity:0;transform:translateY(-400px)}
    75% {opacity:0;transform:translateY(-400px)}
    100% {transform:translateY(0px)}
}
@-moz-keyframes RnextLight {
    0% {opacity:0;transform:translateY(-400px)}
    75% {opacity:0;transform:translateY(-400px)}
    100% {transform:translateY(0px)}
}
@-ms-keyframes RnextLight {
    0% {opacity:0;transform:translateY(-400px)}
    75% {opacity:0;transform:translateY(-400px)}
    100% {transform:translateY(0px)}
}

/*@media (min-height: 720px) and  (max-height: 768px){
   
}*/
@media (min-height: 590px) and  (max-height: 638px){
/*画稿614*/ 
 
.pag06 .left .list li a .text b{font-size: 22px;}
.pag06 .left .list li a .text p{font-size: 14px;}
.pag06 .left .list li a .text i{font-size: 12px;}
.pag06 .left .more{ margin:14% auto 0;}
}

/*@media (min-height: 769px) and  (max-height: 900px){
   
}*/
@media (min-height: 639px) and  (max-height: 770px){
/*画稿705*/ 
.pag06 .left .list li a .text{margin-top: 3%;}
.pag06 .left .list li a .text .pos{bottom: 5%;}   
.pag06 .left .list li a .text b{font-size: 24px;}
.pag06 .left .list li a .text p{font-size: 16px;}
.pag06 .left .list li a .text i{font-size: 14px;}
.pag06 .left .more{ margin:20% auto 0;}
}

/*@media (min-height: 901px) and  (max-height: 1080px){
   
}*/
@media (min-height: 771px) and  (max-height: 950px){
/*画稿860 */
.pag06 .left .list li a .text b{ font-size: 26px;}
.pag06 .left .list li a .text p{font-size: 18px;}
.pag06 .left .list li a .text i{font-size: 16px;}
}
/*@media (min-height: 771px) and  (max-height: 950px){
/*画稿860 

.pag06 .left .title{margin-top: 80px; height: 105px;}
.pag06 .left .title img{margin:30px 0 0 40px;}
.pag06 .left .list{height: 564px;}
.pag06 .left .list li{height: 139px;padding: 24px 0;}
.pag06 .left .list li a{margin-left:40px; width:310px; }
.pag06 .left .list li a .pic{width: 139px;height: 139px;}
.pag06 .left .list li a .text{width: 150px;height: 139px;}
.pag06 .left .list li a .text b{margin-top: 20px; font-size: 26px;}
.pag06 .left .list li a .text p{bottom: 35px;font-size: 18px;}
.pag06 .left .list li a .text i{bottom: 15px;font-size: 16px;}

.pag06 .left .list li a .text b{margin-top: 20px; font-size: 26px;}
.pag06 .left .list li a .text p{bottom: 40px;font-size: 18px;}
.pag06 .left .list li a .text i{bottom: 15px;font-size: 16px;}
}*/



.pag07 .w1200{height: 100%;}
.pag07 .title{margin:128px auto 130px;height: 69px; text-align: center;}
.pag07 .title img{width: auto;height: 100%;}
.pag07.pag07_anmi .title{display: block; -webkit-animation:dpagqLeft 1.5s ease-in-out forwards;
 -moz-animation:dpagqLeft 1.5s ease-in-out forwards;
  -ms-animation:dpagqLeft 1.5s ease-in-out forwards;
   animation:dpagqLeft 1.5s ease-in-out forwards;}
@keyframes dpagqLeft {
    0% {opacity:0;transform:translateX(-400px)}
    100% {transform:translateX(0px)}
}
@-webkit-keyframes dpagqLeft {
    0% { opacity:0;-webkit-transform:translateX(-400px)}
    100% {-webkit-transform:translateX(0px)}
}
@-moz-keyframes dpagqLeft {
    0% {opacity:0;-moz-transform:translateX(-400px)}
    100% {-moz-transform:translateX(0px)}
}
@-ms-keyframes dpagqLeft {
    0% {opacity:0;-ms-transform:translateX(-400px)}
    100% {-ms-transform:translateX(0px)}
}
.pag07.pag07_anmi .next{display: block; -webkit-animation:dpagqRights 1.5s ease-in-out forwards;
 -moz-animation:dpagqRights 1.5s ease-in-out forwards;
  -ms-animation:dpagqRights 1.5s ease-in-out forwards;
   animation:dpagqRights 1.5s ease-in-out forwards;}
@keyframes dpagqRights {
    0% {opacity:0;transform:translateX(400px)}
    100% {transform:translateX(0px)}
}
@-webkit-keyframes dpagqRights {
    0% { opacity:0;-webkit-transform:translateX(400px)}
    100% {-webkit-transform:translateX(0px)}
}
@-moz-keyframes dpagqRights {
    0% {opacity:0;-moz-transform:translateX(400px)}
    100% {-moz-transform:translateX(0px)}
}
@-ms-keyframes dpagqRights {
    0% {opacity:0;-ms-transform:translateX(400px)}
    100% {-ms-transform:translateX(0px)}
}



.pag07 .next .lis{margin-top: 10px;}
.pag07 .next .lis .pic{width: 494px;height: 299px;overflow: hidden;}
.pag07 .next .lis .pic img{display: block;width: 100%;height: 100%;transform: scale(1);transition-duration: 0.5s;}
.pag07 .next .lis:hover .pic img{transform: scale(1.3);}


.pag07 .next .lis .wens{width: 462px;}
.pag07 .next .lis .wens b{display: block;width: 100%; font-size: 20px;color: #222;line-height: 40px;font-weight: normal;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;}
.pag07 .next .lis:hover .wens b{color: #89c5c2;}
.pag07 .next .lis .wens span{display: block;font-size: 28px;color: #89c5c2; font-family: "Uni Sans Book";}
.pag07 .next .lis .wens p{font-size: 16px;line-height: 30px;color: #7f7e7e;}
.pag07 .next .lis .wens div.clearfix div.fr{margin-top:15px; display: block;width: 92px;height: 12px;background: url(../images/index/pag7_6.png) center no-repeat;}
.pag07 .next .lis:hover .wens div.clearfix div.fr{background: url(../images/index/pag7_6s.png) center no-repeat;}

.pag07 .next .list{width: 633px;}
.pag07 .next .list a{padding:10px 0; display: block; border-bottom: #e5e5e5 1px solid;}
.pag07 .next .list a .pic{width:195px;height: 141px;overflow: hidden;}
.pag07 .next .list a .pic img{display: block;width: 100%;height: 100%;transform: scale(1);transition-duration: 0.5s;}
.pag07 .next .list a:hover .pic img{transform: scale(1.3);}

.pag07 .next .list a .wens{width: 405px;}
.pag07 .next .list a .wens b{margin-top: -4px; display: block;width: 100%; font-size: 18px;color: #222;font-weight: normal;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;}
.pag07 .next .list a .wens span{display: block;font-size:14px;line-height: 25px; color: #b2b2b2; font-family: "Arial";}
.pag07 .next .list a .wens p{font-size: 16px;line-height: 22px;color: #7f7e7e;overflow: hidden;}
.pag07 .next .list a .wens div.clearfix div.fr{margin-top:15px; display: block;font-size: 14px;color:#666; font-family: "Arial";}
.pag07 .next .list a:hover .wens b,.pag07 .next .list a:hover .wens span,.pag07 .next .list a:hover .wens div.clearfix div.fr{color: #89c5c2;}
/*@media (min-height: 720px) and  (max-height: 768px){
   
}*/
@media (min-height: 590px) and  (max-height: 638px){
/*画稿614*/  
.pag07 .w1200{width: 730px;}
.pag07 .title{margin:80px auto 58px;height: 41px;}
.pag07 .next .lis{margin-top: 10px;}
.pag07 .next .lis .pic{width: 299px;height: 182px;}
.pag07 .next .lis .wens{width: 299px;}
.pag07 .next .lis .wens b{font-size: 16px;line-height: 36px;}
.pag07 .next .lis .wens span{font-size: 22px;}
.pag07 .next .lis .wens p{font-size: 12px;line-height: 24px;}
.pag07 .next .lis .wens div.clearfix div.fr{margin-top:15px;width: 56px;height:8px;background: url(../images/index/pag7_6.png) center no-repeat;background-size: 56px 8px;}
.pag07 .next .lis:hover .wens div.clearfix div.fr{background: url(../images/index/pag7_6s.png) center no-repeat;background-size: 56px 8px;}
.pag07 .next .list{width: 381px;}
.pag07 .next .list a{padding:10px 0;}
.pag07 .next .list a .pic{width:119px;height: 86px;}
.pag07 .next .list a .wens{width: 244px;}
.pag07 .next .list a .wens b{margin-top: -4px;font-size: 14px;}
.pag07 .next .list a .wens span{font-size:10px;line-height: 20px;}
.pag07 .next .list a .wens p{font-size: 12px;line-height: 18px;}
.pag07 .next .list a .wens div.clearfix div.fr{margin-top:0px;font-size: 10px;}
}
/*@media (min-height: 769px) and  (max-height: 900px){
   
}*/
@media (min-height: 639px) and  (max-height: 770px){
/*画稿705*/ 
.pag07 .w1200{width: 836px;}
.pag07 .title{margin:88px auto 79px;height: 47px;}
.pag07 .next .lis{margin-top: 10px;}
.pag07 .next .lis .pic{width: 343px;height: 208px;}
.pag07 .next .lis .wens{width: 343px;}
.pag07 .next .lis .wens b{font-size: 16px;line-height: 38px;}
.pag07 .next .lis .wens span{font-size: 24px;}
.pag07 .next .lis .wens p{font-size: 14px;line-height: 26px;}
.pag07 .next .lis .wens div.clearfix div.fr{margin-top:15px;width: 64px;height:9px;background: url(../images/index/pag7_6.png) center no-repeat;background-size: 64px 9px;}
.pag07 .next .lis:hover .wens div.clearfix div.fr{background: url(../images/index/pag7_6s.png) center no-repeat;background-size: 64px 9px;}
.pag07 .next .list{width: 437px;}
.pag07 .next .list a{padding:10px 0;}
.pag07 .next .list a .pic{width:136px;height: 98px;}
.pag07 .next .list a .wens{width: 280px;}
.pag07 .next .list a .wens b{margin-top: -4px;font-size: 16px;}
.pag07 .next .list a .wens span{font-size:12px;line-height: 26px;}
.pag07 .next .list a .wens p{font-size: 14px;line-height: 20px;}
.pag07 .next .list a .wens div.clearfix div.fr{margin-top:0px;font-size: 12px;}
}
/*@media (min-height: 901px) and  (max-height: 1080px){
   
}*/
@media (min-height: 771px) and  (max-height: 950px){
/*画稿860*/ 
	.pag07 .title{margin:128px auto 130px;height: 69px;}
}

.pag08{}
.pag08 .left{position: relative; width: 50%;height: 100%;}
.pag08 .left .title{margin-top: 80px;}
.pag08 .left .title img{display: block;margin:132px auto 0px;height: 66px;}
.pag08 .left  .pic{ position:relative; margin:79px 0 0 70px;}
.pag08 .left  .pic .hd{ width:88px;}
.pag08 .left  .pic .hd a{display:block; width:44px; height:30px; cursor:pointer; }
.pag08 .left  .pic .hd .next{ float:right; background: url(../images/index/pag8_11.jpg) center no-repeat;}
.pag08 .left  .pic .hd .prev{ float:left;  background: url(../images/index/pag8_10.png) center no-repeat;}
.pag08 .left  .pic .hd .next:hover{background: url(../images/index/pag8_11s.png) center no-repeat; }
.pag08 .left  .pic .hd .prev:hover{background: url(../images/index/pag8_10s.jpg) center no-repeat; }
.pag08 .left  .pic .bd{width: 679px;position:relative; z-index:9; margin:95px auto 0; overflow:hidden; }
.pag08 .left  .pic .bd .list li{ float: left;width: 680px;height: 336px;}
.pag08 .left  .pic .bd .list li a{margin-left:-1px; float: left; width:226px; height:169px;text-align: center;border-left: #ebebeb 1px solid; border-right: #ebebeb 1px solid;border-bottom: #ebebeb 1px solid;}
.pag08 .left  .pic .bd .list li a.other{border-right:none;}
.pag08 .left  .pic .bd .list li img{vertical-align: middle;width:226px;height:169px; -ms-interpolation-mode: bicubic;}
.pag08 .left  .pic .bd .list li a:hover{box-shadow: 0px 0px 10px #ccc;}
.pag08 .left  .pic .bd .list li span{display: none; display: inline-block; height:169px; width:1px; vertical-align: middle;} 


.pag08 .left .bos{position: absolute;left: 70px;bottom: 52px;font-size: 14px;color: #333; }
.pag08 .right{position: relative; width: 50%;height: 100%;background: #282828;}
.pag08 .right .title{margin:157px auto 70px;height: 50px;}
.pag08 .right .title img{margin:0 auto; display: block;height: 100%;}
.pag08 .right b{display: block;margin-bottom: 10px; text-align: center; font-size: 35px;color: #fff;font-weight: normal; font-family: "NotoSansHansBold"; }
.pag08 .right b em{color:#89c5c3;}
.pag08 .right b span{font-weight: bold;font-family: Arial;}
.pag08 .right p{padding-left: 64px; margin: 30px auto 56px;width: 476px; line-height: 39px; font-size: 21px;color: #fff;background: url(../images/index/icon_1.png) left 8px no-repeat;}
.pag08 .right .weixin{margin:53px auto; width: 358px;}
.pag08 .right .weixin dl{float: left;width:179px; }
.pag08 .right .weixin dl dt{margin:0 auto;width: 120px;height: 120px;}
.pag08 .right .weixin dl dt img{display: block;width: 100%;height: 100%;}
.pag08 .right .weixin dl dd{line-height: 47px;text-align: center;font-size: 16px;color: #fff;}
.pag08 .right .map{margin:0 auto;width: 429px;}
.pag08 .right .map img{display: block;width: 100%;height: 100%;}
.pag08 .right .ws{position: absolute;right: 70px;bottom: 52px;text-align:right; font-size: 14px;color: #fff;}
/*@media (min-height: 720px) and  (max-height: 768px){
   
}*/
@media (min-height: 590px) and  (max-height: 638px){
/*画稿614*/  
.pag08 .left .title img{margin:76px auto 0px;height: 37px;}
.pag08 .left  .pic{margin:47px 0 0 54px;}
.pag08 .left  .pic .hd{ width:60px;}
.pag08 .left  .pic .hd a{ width:27px; height:18px;}
.pag08 .left  .pic .hd .next{background: url(../images/index/pag8_11.jpg) center no-repeat;background-size: 27px 18px;}
.pag08 .left  .pic .hd .prev{ background: url(../images/index/pag8_10.png) center no-repeat;background-size: 27px 18px;}
.pag08 .left  .pic .hd .next:hover{background: url(../images/index/pag8_11s.png) center no-repeat;background-size: 27px 18px; }
.pag08 .left  .pic .hd .prev:hover{background: url(../images/index/pag8_10s.jpg) center no-repeat;background-size: 27px 18px; }
.pag08 .left  .pic .bd{width:406px; margin:63px auto 0; }
.pag08 .left  .pic .bd .list li{width:407px;height: 201px;}
.pag08 .left  .pic .bd .list li a{width:135px; height:100px;}
.pag08 .left  .pic .bd .list li img{width:135px; height:100px;}
.pag08 .left  .pic .bd .list li span{height:100px;} 
.pag08 .left .bos{left: 41px;bottom: 33px;font-size: 12px; }

.pag08 .right .title{margin:100px auto 48px;height: 31px;}


.pag08 .right .weixin{margin:28px auto; width: 210px;}
.pag08 .right .weixin dl{width:105px; }
.pag08 .right .weixin dl dt{width: 73px;height: 73px;}
.pag08 .right .weixin dl dd{line-height: 25px;font-size: 14px;}
.pag08 .right .map{width: 357px;}
.pag08 .right .ws{right: 41px;bottom: 33px; font-size: 12px;}
}
/*@media (min-height: 769px) and  (max-height: 900px){
   
}*/
@media (min-height: 639px) and  (max-height: 770px){
/*画稿705*/ 
.pag08 .left .title img{margin:88px auto 0px;height: 43px;}
.pag08 .left  .pic{margin:54px 0 0 48px;}
.pag08 .left  .pic .hd{ width:60px;}
.pag08 .left  .pic .hd a{ width:30px; height:21px;}
.pag08 .left  .pic .hd .next{background: url(../images/index/pag8_11.jpg) center no-repeat;background-size: 30px 21px;}
.pag08 .left  .pic .hd .prev{ background: url(../images/index/pag8_10.png) center no-repeat;background-size: 30px 21px;}
.pag08 .left  .pic .hd .next:hover{background: url(../images/index/pag8_11s.png) center no-repeat;background-size: 30px 21px; }
.pag08 .left  .pic .hd .prev:hover{background: url(../images/index/pag8_10s.jpg) center no-repeat;background-size: 30px 21px; }
.pag08 .left  .pic .bd{width:463px; margin:63px auto 0; }
.pag08 .left  .pic .bd .list li{width:464px;height: 331px;}
.pag08 .left  .pic .bd .list li a{width:154px; height:115px;}
.pag08 .left  .pic .bd .list li img{width:154px;height:115px;}
.pag08 .left  .pic .bd .list li span{height:115px;} 
.pag08 .left .bos{left: 48px;bottom: 38px;font-size: 14px; }
.pag08 .right .title{margin:112px auto 56px;height: 36px;}


.pag08 .right .weixin{margin:33px auto; width: 242px;}
.pag08 .right .weixin dl{width:121px; }
.pag08 .right .weixin dl dt{width: 84px;height: 84px;}
.pag08 .right .weixin dl dd{line-height: 29px;font-size: 16px;}
.pag08 .right .map{width: 429px;height: 157px;}
.pag08 .right .ws{right: 48px;bottom: 38px; font-size: 14px;}
}
/*@media (min-height: 901px) and  (max-height: 1080px){
   
}*/
@media (min-height: 771px) and  (max-height: 950px){
/*画稿860*/ 
.pag08 .left .title img{margin:108px auto 0px;height: 55px;}
.pag08 .left  .pic{margin:65px 0 0 59px;}
.pag08 .left  .pic .hd{ width:74px;}
.pag08 .left  .pic .hd a{ width:37px; height:26px;}
.pag08 .left  .pic .hd .next{background: url(../images/index/pag8_11.jpg) center no-repeat;background-size: 37px 26px;}
.pag08 .left  .pic .hd .prev{ background: url(../images/index/pag8_10.png) center no-repeat;background-size: 37px 26px;}
.pag08 .left  .pic .hd .next:hover{background: url(../images/index/pag8_11s.png) center no-repeat;background-size: 37px 26px; }
.pag08 .left  .pic .hd .prev:hover{background: url(../images/index/pag8_10s.jpg) center no-repeat;background-size: 37px 26px; }
.pag08 .left  .pic .bd{width: 565px; margin:78px auto 0; }
.pag08 .left  .pic .bd .list li{width: 566px;height: 283px;}
.pag08 .left  .pic .bd .list li a{width:188px; height:141px;}
.pag08 .left  .pic .bd .list li img{width:188px; height:141px;}
.pag08 .left  .pic .bd .list li span{height:141px;} 
.pag08 .left .bos{left: 59px;bottom: 46px;font-size: 14px; }
.pag08 .right .title{margin:134px auto 69px;height: 40px;}

.pag08 .right .weixin{margin:43px auto; width: 300px;}
.pag08 .right .weixin dl{width:150px; }
.pag08 .right .weixin dl dt{width: 101px;height: 101px;}
.pag08 .right .weixin dl dd{line-height: 39px;font-size: 16px;}
.pag08 .right .map{width: 429px;height: 188px;}
.pag08 .right .ws{right: 59px;bottom: 46px; font-size: 14px;}
}


/*上下动*/
@keyframes dragTop {
    0% {
        opacity:0;
        transform:translateY(-150px)
    }
    60% {
        opacity:.5;
        transform:translateY(80px)
    }
    85% {
        opacity:1;
        transform:translateY(-30px)
    }
    97% {
        transform:translateY(-10px)
    }
    100% {
        transform:translateY(0px)
    }
}
@-webkit-keyframes dragTop {
    0% {
        opacity:0;
        -webkit-transform:translateY(-150px)
    }
    60% {
        opacity:.5;
        -webkit-transform:translateY(60px)
    }
    85% {
        opacity:1;
        -webkit-transform:translateY(-30px)
    }
    97% {
        -webkit-transform:translateY(-5px)
    }
    100% {
        -webkit-transform:translateY(0px)
    }
}
@-moz-keyframes dragTop {
    0% {
        opacity:0;
        -moz-transform:translateY(-150px)
    }
    60% {
        opacity:.5;
        -moz-transform:translateY(60px)
    }
    85% {
        opacity:1;
        -moz-transform:translateY(-30px)
    }
    97% {
        -moz-transform:translateY(-5px)
    }
    100% {
        -moz-transform:translateY(0px)
    }
}
@-ms-keyframes dragTop {
    0% {
        opacity:0;
        -ms-transform:translateY(-150px)
    }
    60% {
        opacity:.5;
        -ms-transform:translateY(60px)
    }
    85% {
        -ms-transform:translateY(-30px)
    }
    97% {
        opacity:1;
        -ms-transform:translateY(-5px)
    }
    100% {
        -ms-transform:translateY(0px)
    }
}
/*上下动*/