@charset 'utf-8';
body { font-family: 'Microsoft Yahei', Arial; background: #fff }
.scale_img  li img, .scale_img li img { -o-transition: all 1s linear 0s; transition: all 0.75s linear 0s }
.scale_img li:hover img, .scale_img li:hover img { -webkit-transform: scale(1.09) rotate(0deg) translateY(0); -ms-transform: scale(1.09) rotate(0deg) translateY(0); transform: scale(1.09) rotate(0deg) translateY(0) }


.fullSlide { position: relative; z-index: 1; clear: both; width: 100% }
.fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden }
.fullSlide .bd .con { width: 100% !important; height: auto !important; display: block }
.fullSlide .bd .li { width: 100% !important; overflow: hidden; text-align: center; background: no-repeat center top; z-index: 0 }
.fullSlide .bd .li img { display: block; height: auto !important; width: 100% }
.fullSlide .hd { position: absolute; width: 100%; height: 12px; left: 0; bottom:39px; text-align: center; cursor: pointer; }
.fullSlide .hd li { display: inline-block; width: 12px; height: 12px; background: #fff; margin: 0 10px; border-radius: 50%; opacity: .6; -o-transition: all .3s ease; transition: all .3s ease }
.fullSlide .hd li.on { width: 36px; height: 12px; opacity: 1; border-radius: 5px }
.fullSlide p {  position: absolute; top: 50%; width: 80px; height: 80px; z-index: 99; opacity: 1; text-align: center; margin-top: -40px }
.fullSlide .prev2 { left: 3% }
.fullSlide .next2 { right: 3% }
/**/
.tils{ position: relative; z-index: 55!important; width: 1200px; margin: 30px auto 0; background: #fff; height: 280px; box-shadow: 0 0 39px rgba(0,0,0,0.13);}
.tils ul li b{ display: none;}.tils ul li span{ display: block;}
.tils ul li{ float: left; width: 25%; text-align: center;height: 280px; transition: all 0.3s;position: relative;}
.tils ul li i{ display: block; padding-top: 67px; line-height: 100%; font-size: 20px; color: #333; padding-bottom: 33px; position: relative; z-index: 56;}
.tils ul li i:before{ position: absolute; left: 141px; width: 20px; height: 2px; background: #0a75cc; top:149px; content: "";}
.tils ul li i span{font-weight: bold; line-height: 100%; font-size: 36px; padding-bottom: 12px;}
.tils ul li em{ display: block; font-size: 16px; color: #666666; line-height: 28px;}
.tils ul li:hover{ background: #0a68c0; color: #fff;animation-duration: 1.5s;transform: scale(1.1);}
.tils ul li:hover i{ padding-top: 90px;}
.tils ul li:hover i,.tils ul li:hover em{ color: #fff;}
.tils ul li:hover i:before{ background: #fff; top:180px;}
.tils ul li:hover b{ display: inline-block; top: -51px; left: 67px; position: absolute;}
.tils ul li:hover b img{ width: 150px;}
/**/
.zuz{ height:436px; overflow: hidden; padding-top: 93px;}
h2{ text-align: center; line-height: 100%; padding-bottom:41px; color: #fff; font-size: 37px;font-weight: normal;}
h2 i{ display: block; line-height: 100%; font-size: 48px; padding-bottom: 15px;font-weight: bold; letter-spacing: 5px;}
h2 em{ display: block; line-height: 100%;background: url(../images/h2.png) no-repeat center 3px;  font-size: 18px;}
.zuz_l{ overflow: hidden;font-size: 0; line-height: 0;}
.zuz_r{ width:530px;background: url(../images/zuzr.jpg) no-repeat; height: 335px;}
.zuz_r h3{ padding-top: 66px;}
.zuz_r h3 i{ display: block; line-height: 100%; color: #333333; font-size: 32px;}
.zuz_r h3 span{ display: block; line-height: 100%; color: #cccccc; font-size: 12px;font-weight: normal; padding: 8px 0 15px 0;}
.zuz_r p{ font-size: 16px; color: #666666; line-height:31px;  }
/**/
.fqi{ overflow: hidden;background: url(../images/fqi.jpg) no-repeat center 0; height: 1322px; box-sizing: border-box; padding-top: 110px; margin-bottom: 108px;}
.fqi dl{ overflow: hidden; height: 525px; background: #fff; margin-bottom: 24px;}
.fqi dl dt{ font-size: 0; line-height: 0; overflow: hidden; float: left;}
.fqi dl dt img{ width: 700px;}
.fqi dl dd{ float: right; width: 395px; padding: 65px 52px 0 0;}
.fqi dl dd h3{ height: 75px; position: relative; line-height: 100%; font-weight: normal;}
.fqi dl dd h3:before{ position: absolute; content: ""; left: 0; width: 36px; height: 2px; background: #0a68c0; top: 44px;}
.fqi dl dd h3 a{ display: block; color: #0a68c0; font-size: 32px; letter-spacing: 5px;}
.fqi dl dd p{ height: 150px; line-height: 30px; font-size: 16px; color: #333;}
.fqi dl dd p span{ display: block; padding-left: 23px;background: url(../images/f_ioc1.png) no-repeat  0 12px;}
.fqi dl dd em{ display: block; height: 56px; border-bottom: 1px solid #e3e3e3; margin-bottom: 14px; text-align: right;}
.fqi dl dd em a{ display: inline-block;background: url(../images/f_mor1.png) no-repeat; width: 41px; height: 13px; transition: all 0.3s;}
.fqi dl dd em a:hover{background: url(../images/f_mor2.png) no-repeat;}

.fqi ul li{ float: left; width: 30%; height: 442px; overflow: hidden; background: #fff; margin: 0 20px;margin-top: 50px;}
.fqi ul li:last-of-type{ margin-right: 0;}
.fqi ul li b{ display: block; font-size: 0; line-height: 0; overflow: hidden;}
.fqi ul li b img{ width: 385px;}
.fqi ul li em{ display: block; margin: 30px 30px 15px; font-size: 22px; color: #333; line-height: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.fqi ul li i{ display: block; color: #666666; font-size: 16px; margin: 0 30px; line-height: 28px; height: 109px;}
.fqi ul li span{ display: block; margin: 0 30px;background: url(../images/f_mor1.png) no-repeat right 0; height: 13px;}
.fqi ul li:hover em{ color: #71b800;}
.fqi ul li:hover span{background: url(../images/f_mor2.png) no-repeat right 0;}

.fqi ul li{border-top-left-radius: 15px;border-top-right-radius: 15px;}
.fqi ul li em{background: url(../images/f_h322.png) no-repeat; margin: 0;padding:0 30px 0; height: 56px; line-height: 56px; color: #fff; margin-bottom: 15px;}
.fqi ul li:hover em{background: url(../images/f_h321.png) no-repeat; color: #fff;}
    /**/
.jifn{}
.jifn h2{ color: #333;}
.jifn h2 em{ display: block; line-height: 100%;background: url(../images/h22.png) no-repeat center 3px;  font-size: 18px;}
.jf_nav{ overflow: hidden; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; margin: 0 auto 30px; width: 1200px;}
.jf_nav ul li{ float: left; width: 200px; box-sizing: border-box; border-left: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc;}
.jf_nav ul li img{ display: inline-block; float: left;-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);    -ms-filter: grayscale(100%);    -o-filter: grayscale(100%);    filter: grayscale(100%);    filter: gray;  }
.jf_nav ul li span{ display: inline-block; line-height: 74px; font-size: 18px; color: #333333;}
.jf_nav ul li:hover img{-webkit-filter:none;    -moz-filter:none;    -ms-filter: none;    -o-filter:none;    filter:none;    filter:none;}
.jf_nav ul li:hover span{ color: #0a68c0;}

.jifn .content { position: relative; height: 755px;}
.case_con { width: 988px; height: 572px; position: absolute; left: 50%; margin-left:-549px;}
.case_con .tempWrap { overflow: visible !important }
.case_con .tempWrap div { overflow: visible !important }
.case_con dl { width: 988px; height: 755px; overflow: hidden; position: relative; margin: 0 53px; }
.case_con dt { width: 988px; height: 566px; overflow: hidden }
.case_con dt img { width: 988px; height: 566px }
.case_con dd { width:830px; height: 150px;z-index: 2; -o-transition: all .8s ease; transition: all .8s ease;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;box-shadow: 0 13px 28px 0 rgba(0, 0, 0, .1) ; background: #fff; margin: -73px auto 0; position: relative;}
.case_con dd h4 { overflow: hidden; float: left; padding: 22px 0 0 36px; width: 604px;font-weight: normal;}
.case_con dd h4 em{ display: block; line-height: 100%;font-weight: normal; font-size: 24px; color: #333333; margin-bottom: 12px;}
.case_con dd h4 b i{ display: block; font-weight: normal; font-size: 15px; color: #666666; line-height: 25px;}
.case_con dd p {font-size: 0; line-height: 0; float: right; width: 150px; padding-top: 53px; height: 97px; text-align: center; background: #0a68c0;}


.case_switch div { position: absolute; text-align: center; box-sizing: border-box; top: 249px; width:60px; height: 60px; cursor: pointer; z-index: 2; -o-transition: all .3s ease; transition: all .3s ease }
.case_switch .prev { left: 25px }
.case_switch .next { right: 25px }
.case_switch div:hover { }

/**/
    /**/
.yaoj{ position: relative; padding-bottom: 102px;}
.yaoj h2{ color: #333;}
.yaoj h2 em{ display: block; line-height: 100%;background: url(../images/h23.png) no-repeat center 3px;  font-size: 18px;}
.yaoj ul li{float: left; overflow: hidden; width: 281px; margin-right: 25px;}
.yaoj ul li b{ display: block; font-size: 0; line-height: 0;}
.yaoj ul li img{ width: 281px;}
.yaoj ul li em{ display: block; padding: 0 25px 0 20px; height: 63px; line-height: 63px; overflow: hidden; font-size: 18px; color: #333;background: url(../images/yj_s2.png) no-repeat 256px 24px #eaedf2;}
.yaoj ul li:hover em{ color: #fff;background: url(../images/yj_s1.png) no-repeat 256px 24px #0a68c0;}

.yj_u{ position: absolute; cursor: pointer; left: -108px; top: 259px; padding-top: 19px; height: 40px; width: 59px; font-size: 0; line-height:0; border-radius: 59px; background: #ccc; text-align: center;}
.yj_d{ position: absolute; cursor: pointer; right: -108px; top: 259px; padding-top: 19px; height: 40px; width: 59px; font-size: 0; line-height:0; border-radius: 59px; background: #ccc; text-align: center;}
.yj_u:hover,.yj_d:hover{ background: #0a68c0;}
/**/
.case{background:#eaedf2; height: 1037px; overflow: hidden; margin-bottom: 97px; box-sizing: border-box; padding-top: 100px;}
.case h2{ color: #333; padding-bottom: 41px;}
.case h2 em{background: url(../images/c_h.png) no-repeat center 5px; font-size: 20px; color: #333333; margin-top: 3px;}
.case h2 i{ letter-spacing: 3px;}

.case-con{}
.case-con-l{width: 300px;text-align: center;float: right; position: relative!important; z-index: 5;}
.case-con-l .prev{ height: 59px;display: block;cursor: pointer; position: absolute; top:222px; z-index: 555!important; left:-870px;}
.case-con-l .next{display: block; height: 59px;cursor: pointer; position: absolute; top:222px; z-index: 555!important; left:-112px;}
.case-con-l .tempWrap{height: 719px!important;overflow: hidden;}
.case-con-l li{position: relative;width: 300px;margin: 0 auto;margin-bottom:13px;height: 169px;}
.case-con-l li img{width: 300px;height: 169px;display: block;}
.case-con-l li a{ display: block; position: relative;width: 300px;height: 169px;}
.case-con-l li i{ display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 45px; line-height: 45px; color: #fff; background: rgba(0,0,0,0.53); font-size: 16px;}
.case-con-l li.cur{ opacity: 1;}
.case-con-l li.cur a:before{ position: absolute; left: 0; top: 0; width: 300px; height: 169px;background: rgba(0,0,0,0.53); display: block;z-index: 5; content: "";}
.case-con-l li.cur a:after{ position: absolute; width: 50px; height: 50px;background: url(../images/case-pic21.png) no-repeat; display: block;z-index: 5; content: ""; left: 133px; top: 47px;}
.case-con-l li.cur i{ font-size: 16px;background: none; color: #fff; z-index: 6; height:79px;}


.case-con-r{width:876px;float: left;height: 719px;overflow: hidden;background: #fff;  box-sizing: border-box; }
.case-con-r dt{display: block;line-height: 0;}
.case-con-r dt img{width:876px;height: 502px;}
.case-con-r dd{ padding: 31px 36px 0 43px;}
.case-con-r dd h3 a{ display: block; line-height: 100%; font-size: 24px; color: #333;font-weight: normal; margin-bottom: 12px;}
.case-con-r dd p{ color: #666666; font-size: 15px; line-height: 27px;}
.case-con-r dd p i{ display: block;}
.case-con-r dd h4{ text-align:right;font-weight: normal; margin-top: 9px;}
.case-con-r dd h4 a{ display: inline-block; padding-right: 53px; font-size: 18px; color: #0a75cc;background: url(../images/c_more.png) no-repeat right center;}
    /**/
.shil{ height: 995px;background: url(../images/shil.jpg) no-repeat center 238px;}
.shil h2{ color: #333; padding-bottom: 53px;}
.shil h2 em{background: url(../images/h24.png) no-repeat center 5px; font-size: 20px; color: #333333; margin-top: 3px;}
.sl_nav{ overflow: hidden; height: 99px; width: 1200px; margin: 0 auto;}
.sl_nav ul li{ width: 300px; float: left; box-sizing: border-box; padding-left: 129px; position: relative;background: url(../images/sl_io1.jpg) no-repeat 65px 0; height: 99px; cursor: pointer;}
.sl_nav ul li i{ display:block; line-height: 100%; font-size: 24px; color: #333333;font-weight: bold; padding-top: 4px;}
.sl_nav ul li span{ display: inline-block; font-size: 12px; font-family: Arial; color: #adadad;}
.sl_nav ul li:nth-child(2){background: url(../images/sl_io2.jpg) no-repeat 65px 0;}
.sl_nav ul li:nth-child(3){background: url(../images/sl_io3.jpg) no-repeat 65px 0;}
.sl_nav ul li:nth-child(4){background: url(../images/sl_io4.jpg) no-repeat 65px 0;}
.sl_nav ul li.cur:before{ content:""; position:absolute;height:2px;width:100%;left:0;top:67px; background:#0a68c0;}
.sl_on dl{ position: relative;}
.sl_on dl dt{ margin-left: -360px;}
.sl_on dl dd{ position: absolute; left: 600px; top: 100px; background: #fff; width: 703px; height: 458px; box-sizing: border-box; padding: 65px 0 0 72px; overflow: hidden;}
.sl_on dl dd h3{font-weight: normal; line-height: 100%; font-size: 36px; color: #333333; padding-bottom: 33px; position: relative;}
.sl_on dl dd h3:before{ content:""; position:absolute;height:1px;width:61px;left:0;top:49px; background:#ccc;}
.sl_on dl dd p{ padding-left: 18px; width: 495px; font-size: 16px; color: #333; line-height: 31px; margin-bottom: 15px;background: url(../images/s_li.png) no-repeat 0 12px;}
.sl_on dl dd em{ margin-top: 35px; display: block; margin-left: 18px; position: relative;}
.sl_on dl dd em a{ display: inline-block; width: 136px; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #71b800; font-size: 16px;}
.sl_on dl em span{ position: absolute; right:-29px;bottom: -107px; color: #e8e8e8; font-family: Arial; font-size:180px; line-height: 100%; font-weight: bold;}
/**/
.xinw{ height: 807px; overflow: hidden;}
.xinw h2{ color: #333; padding-bottom: 49px;}
.xinw h2 em{background: url(../images/h25.png) no-repeat center 3px; font-size: 18px; color: #333333; margin-top: 3px;}
.xinw h3{ height: 45px; line-height: 100%;}
.xinw h3 em{ display: inline-block; float: right; margin-top: 10px; ;font-weight: normal; line-height: 100%;}
.xinw h3 em a{ display: inline-block;padding-right: 15px; color: #333; text-transform: uppercase;background: url(../images/xw_m.jpg) no-repeat right 2px;}
.xinw h3 i{ display: inline-block; line-height: 100%;}
.xinw h3 i a{ display: inline-block; line-height: 100%; font-size: 24px; color: #333;font-weight: normal;}
.xinw h3 i span{ display: inline-block; padding-left: 7px;font-weight: normal; color: #999; font-size: 12px;}
.xw_l{ overflow: hidden; width: 600px;}
.xw_l dl{ height: 446px;}
.xw_l dl dt{ font-size: 0; line-height: 0; overflow: hidden; margin-bottom: 22px;}
.xw_l dl dd h4 a{padding-left: 40px;background: url(../images/xw_li2.jpg) no-repeat 0 6px;  display: block; line-height: 100%; color: #342c2a; font-size: 18px;}
.xw_l dl dd h4 a:hover{ color: #71b800;}
.xw_l dl dd p{ color: #838383; font-size: 14px; line-height: 26px; padding-top: 15px;}
.xw_l ul li{ line-height: 100%; margin-bottom: 20px; padding-left: 40px;background: url(../images/xw_li2.jpg) no-repeat 0 5px; overflow: hidden;}
.xw_l ul li span{ display: inline-block; float: right; font-size: 12px; color: #999999;}
.xw_l ul li a{ display: inline-block; float: left; font-size: 16px; color: #333; line-height: 100%;}
.xw_l ul li a:hover{ color: #71b800;  }
.xw_r{ width: 500px;}
.xw_r ul li{ padding: 25px 0 20px 0;}
.xw_r ul li i{ display: block; overflow: hidden; height: 40px; position: relative;}
.xw_r ul li i span{ display: inline-block; width: 110px; line-height: 100%; font-family:Arial; color: #1d1d1d; font-size: 40px;font-weight: bold; float: left;}
.xw_r ul li i:before{ content:""; position:absolute;height:2px;width:67px;left:27px;top:52%; background:#0a68c0;}
.xw_r ul li i a{ display: block; float: left; padding-right: 28px; color: #342c2a; font-size: 18px; margin-top: 8px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background: url(../images/xw_r12.jpg) no-repeat right 3px; width: 360px;}
.xw_r ul li em{ display: block; color: #838383; font-size: 14px; line-height: 26px; padding-top:3px;}
.xw_r ul li:hover i:before{ background: #71b800;}
.xw_r ul li:hover i a{ color: #71b800;background: url(../images/xw_r1.jpg) no-repeat right 3px;}
/**/
 .fqi ul li i{height: 40px;}
     .fqi dl dt img,.fqi ul li b img{transition: all 0.3s linear 0s;}
          .fqi dl dt img:hover,.fqi ul li b img:hover{transform: scale(1.05);}
          
          .fqi dl dd h4 i{ display: block; padding-left: 34px; line-height: 24px;background: url(../images/f_h3.png) no-repeat;font-weight: normal; font-size: 20px; color: #333; margin-bottom: 25px;}
.fw_u h4 i{ display: block; padding-left: 34px; line-height: 24px;background: url(../images/f_h3.png) no-repeat;font-weight: normal; font-size: 20px; color: #333; margin-bottom: 25px;}

.fw_u h4 b{ display: block; font-weight: normal;}
.fw_u h4 b a{ display: inline-block; font-size: 16px; color: #999999; margin-right: 36px; margin-bottom: 7px;}
.fw_u h4 b a:hover{ color: #333333; text-decoration: underline;}
    /**/
.about{ height:810px; background: url(../images/about_bg.jpg) no-repeat center 0; overflow: hidden;box-sizing: border-box;margin-bottom: 41px; padding-top: 114px;}
.about h2{ padding-bottom: 62px;background: url(../images/zj_h.png) no-repeat center 101px;}
.about h2 em{ background: none;}

.about p{ overflow: hidden; text-align: center; color: #fff; height: 275px; font-size: 16px; line-height: 31px;}
.about p span{ display: block; padding-top: 46px;text-align: center;}
.about p span a{ display: inline-block; color: #fff; font-size: 18px; letter-spacing: 2px; padding-right: 55px;background: url(../images/f_mor3.png) no-repeat right 3px; line-height: 100%;}
.about ul{ overflow: hidden; margin-left: 358px;}
.about ul li{ float: left; margin-right: 51px;}
.about ul li a{ display:block; padding-top: 25px; height: 102px; width: 127px; border-radius: 127px;text-align: center; background: #0a68c0; color: #fff;}
.about ul li a span{ display: block; font-size: 20px;}
.about ul li a:hover{ background: #71b800;}
    /**/



/**/
.btn,.pro_r ul li em strong,.btn21,.xw_l dl:before{ transition: all 0.3s linear 0s;}
.btn:hover{ text-decoration: underline; color: #fff; background-position: 115px 14px;}
.btn21:hover{background-position: 90% 3px;}
.xw_r ul li:hover .btn21{background-position: 90% 3px;}
.pro_r ul li em strong:hover{ background-position: 75px 5px;}
.zuz .content:before,.hezu .content:before{-webkit-animation:gogogo 0.95s infinite linear ;}
.xw_l dl:hover:before{    height: 121px;}
@-webkit-keyframes gogogo {
    0%{

        -webkit-transform: translateY(0px);

    }
    50%{
        -webkit-transform:translateY(9px);
    }
    100%{
        -webkit-transform:translateY(0px);
    }

}
h2 a:hover,h2 a:hover span{ color: #0a8ae1;}
h2:hover:before{ background: #0a8ae1;}
.p_tex h3 span:before,.p_mal h3 span:before{ transition: all 0.3s linear 0s;}
.p_tex h3:hover span:before,.p_mal h3:hover span:before{ width: 120px;}
.pro_l img{transition: all 0.3s linear 0s;}
.pro_l:hover img{ -webkit-transform: scale(1.09) rotate(0deg) translateY(0); -ms-transform: scale(1.09) rotate(0deg) translateY(0); transform: scale(1.09) rotate(0deg) translateY(0)}
.about h2 a:hover{ color: #fff;}
.about h2 a:hover span{ color: #fff;}
.about h2:hover:before{ background: #fff;}
.about .btn:hover{background-position:76px 2px;;}
.about ul li{transition: all 0.3s linear 0s;}
.about ul li:hover a{animation-duration: 1.5s;animation-name: flipInY;}
.xw h3 a:hover{color: #0a8ae1;}
/**/
.about p i .morr{transition: all 0.3s linear 0s;}
.about p i .morr:hover{ transform: translateX(7px);}

.case-con-r dt{ overflow: hidden; }
.zhus_m ul li img,.case-con-r dt img,.zhus_r ul li img,.zr_vl img{transition: all 0.3s linear 0s;}
.zhus_m ul li img:hover,.case-con-r dt img:hover,.zhus_r ul li img:hover,.zr_vl img:hover{transform: scale(1.03);}

/**/
 .fqi dl{    margin-bottom: 86px;}
    .fqi ul li{height:432px;}
.fqi ul li i {    height: 89px;}
.fqi dl dd p{height: 124px;}
.fqi dl dd em{height: 39px;}
.fqi dl dd h3::before { display:none;}
.fqi dl dd h3 a{font-size: 32px;
    line-height: 120%;
     letter-spacing:0;
    }
     .sl_on dl dt img{ height: 659px;}
/*.sl_nav ul li {width:240px;padding-left: 126px;}*/
.sl_nav ul li:nth-child(1){background: url(../images/sl_io3a.jpg) 65px 0px no-repeat;}
.sl_nav ul li:nth-child(2){background: url(../images/sl_io2a.jpg) 65px 0px no-repeat;}
.sl_nav ul li:nth-child(3){background: url(../images/sl_io1.jpg) 65px 0px no-repeat;}
.sl_nav ul li:nth-child(4){background: url(../images/sl_io3.jpg) 65px 0px no-repeat;}
.sl_nav ul li.cur:before{left:74px;width: 53.5%;}
.xw_r ul li i:before { display:none;}
     .xw_r ul li i span{    width: 64px;}
.xw_r ul li i a{    width: 407px;}
.about p span a,.xw_l dl dt img{transition: all 0.3s linear 0s;}
      .about p span a:hover{ background-position: 82px 3px;}
      .xw_l dl dt img:hover{transform: scale(1.05);}
/**/
/**/

@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }
@keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-moz-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-webkit-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-o-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}