@charset "utf-8";
body{font-family:"Microsoft Yahei";overflow-x:hidden;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
em,i{font-style: normal;}
.content2{ width: 1200px;margin: 0 auto; }

.tit{font-weight: normal;text-align: center;}
.tit span{display: block;font-size: 44px;color: #222222;line-height: 44px;font-weight: bold;}

.tit i{display: block;font-size: 20px;color: #888888;line-height: 20px;padding-top: 12px;position: relative;}
.tit i:after{ position: absolute;left:50%;margin-left: -15px;width: 30px;height: 7px;top:50px;background: url(tit.png) no-repeat center;content: ""; }
.footer_xia_nr ul{display:block!important;}

.banner { height: auto;max-width: 1920px;margin: 0 auto!important;position: relative;margin-top: -34px;}
.ban_content{ width: 1200px;margin: 0 auto;position: absolute;left:50%;bottom:0;margin-left: -600px; }
.banner .bd li {float: left;width: 100%;line-height: 0;}
.banner .bd li img {width: 100%;}
.banner .bd li a {display: block;}
.banner .prev{position: absolute;left:560px;bottom: 87px;width: 8px;height: 13px;display: block;z-index: 50;cursor: pointer;}
.banner .next{position: absolute;right:560px;bottom: 87px;width: 8px;height: 13px;display: block;z-index: 50;cursor: pointer;}

.banner .banMenu {position: absolute;left: 50%;width: 30px;bottom: 69px;height: 46px;margin-left: -15px;text-align: center;z-index: 5;}
.banner .banMenu i {display: block;width: 30px;height: 46px; cursor: pointer;position: absolute;bottom: 0;left: 0;}
.banner .banMenu i img {

            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -o-transition: all 0.5s;
            transition: all 0.5s;
            -webkit-animation: bounceY 2s infinite;
            -moz-animation: bounceY 2s infinite;
            -o-animation: bounceY 2s infinite;
            -ms-animation: bounceY 2s infinite;
            animation: bounceY 2s infinite;
        }
      @-moz-keyframes bounceY {
            0%,
            100% {
                -moz-transform: translateY(0);
                transform: translateY(0);
            }
            50% {
                -moz-transform: translateY(-6px);
                transform: translateY(-6px);
            }
        }
        
        @-o-keyframes bounceY {
            0%,
            100% {
                -o-transform: translateY(0);
                transform: translateY(0);
            }
            50% {
                -o-transform: translateY(-6px);
                transform: translateY(-6px);
            }
        }
        
        @keyframes bounceY {
            0%,
            100% {
                transform: translateY(0);
            }
            50% {
                transform: translateY(-6px);
            }
        }


.yz_bj{overflow: hidden;position: relative;background: url(yz_bg.jpg) no-repeat center top;box-sizing: border-box;width:100%;height:560px;padding-top:93px;}
.yz_w{width:1080px;font-size:18px;color: #666666;line-height: 32px;padding-top:50px;height: 120px;text-align: center;margin:0 auto;}

.yz_t ul li{ float: left;height: 100px;border-right: 1px solid #e2e2e2; padding: 0 42px; font-size: 70px;color: #333333;}
.yz_t ul li:last-child{ border-right: 0; padding-right: 0}
.yz_t ul li:first-child{ padding-left: 0px; }

.yz_t li em{ display: block;margin-top: -8px;height: 80px; }
.yz_t li em b{color: #333333;  font-weight: normal;display: inline-block;font-size: 80px;line-height: 80px;transition:all 0.3s;font-family: Arial;letter-spacing: -2px;}
.yz_t li em i{ display: inline-block;width: 36px;height: 36px;border-radius: 18px;background: linear-gradient(-30deg, #06A3E8, #065BCF);font-size: 15px;color: #fff;text-align: center;line-height: 36px;margin-left: 5px; }
.yz_t li h3{font-size: 20px; color: #666666; line-height: 20px; font-weight: normal;margin-top: 10px;}
 @media screen and (max-width:1440px) {
       .yz_t ul li{ padding: 0 28px;}
       .yz_t li em b{color: #333333;  font-weight: normal;display: inline-block;font-size: 70px;line-height: 70px;transition:all 0.3s;font-family: Arial;letter-spacing: -2px;}
        }



.pro{padding-top:63px;}
.pro_con{ height: 740px; margin: 68px auto 0;}
.pro_con li{ float: left;width: 14.28%;height: 740px;background: linear-gradient(0deg, #E2E2E2 0%, #F6F6F6 70%);box-shadow: 1px 0px 0px 0px #FFFFFF;box-sizing: border-box;padding-top: 60px;border-right: 1px solid #fff;transition: all 0.5s;position: relative;}
.pro_con li:nth-child(2n){ background: linear-gradient(0deg, #F6F6F6 40%, #E2E2E2 100%);
box-shadow: 1px 0px 0px 0px #FFFFFF; }
.pro_con li h3 a{ display: block;font-size: 30px;color: #333333;line-height: 30px;font-weight: normal; height: 90px;padding-left: 7.2%;}
.pro_con li h3 a em{ display: block;font-size: 14px;text-transform: uppercase;line-height: 14px;color: #333;opacity: 0.3;font-family: Calibri;padding-top: 10px;letter-spacing: 2px; }
.pro_con .pro_s{height: 188px;padding-left: 7.2%;}
.pro_con li h4 a{display: block;font-size: 16px;color: #666666;line-height: 30px;font-weight: normal;}
.pro_con li:before{ position: absolute;left:13.8%;bottom: 80px;width: 40px;height: 40px;background: url(pro_yuan.png) no-repeat center;content: ""; }
.pro_con li img{display:block;width: 100%;}
.pro_con li:hover{ background: linear-gradient(0deg, #06A3E8, #065BCF); }
.pro_con li:hover h3 a,.pro_con li:hover h3 a em,.pro_con li:hover h4 a{ color: #fff; }
.pro_con li:hover:before{ background: url(pro_yuanh.png) no-repeat center; }
 @media screen and (max-width:1440px)  {
        .pro_con li h4 a{ font-size: 14px; }
        }


.pz{ padding: 53px 0; }
.pz_con{ margin-top: 66px;position: relative; }
.pz_con dt{ display: block;width: 1000px;height: 500px;overflow: hidden; }
.pz_con dt img{ display: block;width: 1000px;height: 500px;transition: all 0.5s; }
.pz_con dt:hover img{ transform: scale(1.05); }
.pz_con dd{ padding-top: 40px; }
.pz_con dd p{ float: left;width: 806px; }
.pz_con dd p b{ font-size: 24px;line-height: 24px;display: block;color: #333333; }
.pz_con dd p em{ font-size: 16px;line-height: 26px;display: block;color: #333333;padding-top: 20px; }
.pz_con dd ul{ width: 520px;float: right;}
.pz_con dd ul li{ float: left;width: 250px;height: 140px;overflow: hidden; }
.pz_con dd ul li:nth-child(2n){ float: right; }
.pz_con dd ul li img{width: 250px;height: 140px;display: block; transition: all 0.5s; }
.pz_con dd ul li:hover img{ transform: scale(1.05); } 
.pz_t{ position: absolute;top: 0;right: 0; }
.pz_t li{ height: 80px;box-sizing: border-box;width: 306px;padding-top: 14px;margin-bottom: 36px;position: relative;}
.pz_t li:after{ position: absolute;width: 0px;height: 2px;background: #015dca;content: "";left:-136px;bottom:0; transition: all 0.5s;}
.pz_t li.cur:after{ width: 442px; }

.pz_t li img{ display: inline-block;width: 56px;height: 48px;margin-right: 14px;vertical-align: top; }
.pz_t li em{display: inline-block;}
.pz_t li em i{ display:block; font-size: 24px;line-height: 24px;color: #333333;font-weight: bold;padding-top: 3px;}
.pz_t li span{display: block;font-weight: normal;font-size: 14px;line-height: 14px;color: #999999;text-transform: uppercase;padding-top: 8px;font-family: Calibri;}
 @media screen and (max-width:1440px) {
        .pz_con dd p{ width: 635px; }
        .pz_con dt{ display: block;width: 840px;height: 420px;overflow: hidden; }
        .pz_con dt img{ display: block;width: 840px;height: 420px;transition: all 0.5s; }
        .pz_t li{ margin-bottom: 24px; }
        }


.xad{ height: 360px;background: url(xad_bg.jpg) no-repeat center; }
.xad h2{transition: all 0.5s;}
.xad h2 span{display: block;font-size: 42px;color: #ffffff;line-height: 42px;font-weight: normal;padding-top: 90px;}
.xad h2 i{display: block;font-size: 26px;color: #fff;line-height: 26px;padding-top: 14px;position: relative;font-weight: normal;}
.xad p{ display: block;padding-top: 45px;transition: all 0.5s; }

.xad p i{ transition:all 0.5s;display:block;float:left;font-size: 28px;color:#fff;font-family: Arial;font-weight: bold;margin-right: 12px;line-height: 46px;transition:all 0.5s;}
.xad p a{ display: block;width: 180px;height:46px;line-height: 46px;color: #015dca;text-align: center;font-size: 18px;border-radius: 25px;float: left;margin-right: 32px; transition: all 0.5s;background: #fff;transition:all 0.5s;}
.xad p a img{ display: inline-block;width: 26px;height: 8px;vertical-align: middle;margin-left: 14px; transition:all 0.5s;}
.xad p a:hover,.xad p i:hover,.xad h2:hover{ transform:translateY(-5px);}


.case{ padding: 60px 0; }
.case_con{ margin-top: 66px; }
.case_l{ float: left;width: 280px;height: 550px;background: #EEEEEE;padding: 19px 0;box-sizing: border-box;}
.case_l li a{ display: block;height: 64px;line-height: 64px;color: #333333;padding-left: 65px;font-size: 20px;position: relative;}
.case_l li a:before{ width: 10px;height: 10px;position: absolute;left:42px;top:28px;background: url(case_yuan.png) no-repeat;content: ""; }
.case_l li.cur a{background: linear-gradient(0deg, #06A3E8, #065BCF); color: #fff; }
.case_l li.cur a:before{ width: 10px;height: 10px;position: absolute;left:42px;top:28px;background: url(case_yuanh.png) no-repeat;content: ""; }
.case_l li.cur a:after{ width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 10px;border-color: transparent transparent transparent #067fdb;position: absolute;right:-10px;top:50%;margin-top: -10px;content: "";}
.case_r{ float: right;width: 1104px;height: 550px;}
.case_r dl{ float: left;width: 734px;height: 550px;position: relative; }
.case_r dt{ display: block;width: 734px;height: 550px;overflow: hidden;}
.case_r dt img{ display: block;width: 734px;height: 550px;transition: all 0.5s;}
.case_r dl:hover dt img{transform: scale(1.05); }
.case_r dd{ position: absolute;left:0;bottom:0;width: 100%;height: 279px;background: url(case_dd1.png) no-repeat center;box-sizing: border-box;padding:162px 30px 0;  }
.case_r dd h4{ font-weight: normal; font-size: 24px;line-height: 24px;color: #fff;display: block;}
.case_r dd p{ font-weight: normal; font-size: 14px;line-height: 26px;color: #fff;display: block;padding-top: 12px;}
.case_r ul{ float: right;width: 360px; }
.case_r ul li{ width: 360px;height: 270px;position: relative;margin-bottom: 10px;position: relative; }
.case_r ul li i{ display: block; width: 360px;height: 270px; overflow: hidden;}
.case_r ul li i>img{ display: block; width: 360px;height: 270px; transition: all 0.5s;}
.case_r ul li:hover i img{ transform: scale(1.05); }
.case_r ul li h4{  position: absolute;left:0;bottom:0;width: 100%;height: 113px;box-sizing: border-box; background: url(case_dd2.png) no-repeat center;padding:77px 30px 0;font-size: 18px;color: #fff;font-weight: normal; }
.case_r ul li h4>img{ display: block;float: right;width: 31px;height: 8px;margin-top: 5px; }

.zs_con{ background: #fff;box-sizing: border-box;padding: 50px 60px; position: relative;margin-top: 40px;background:#EEEEEE;}
.zs_con .tempWrap{width:1294px!important;}
.zs_con li{ float: left;width: 240px;margin-right: 105px; }
.zs_con li img{ display: block;width: 240px;height: 320px; }
.zs_con li span{ margin-top: 20px;padding-top: 20px;text-align: center;display: block;font-size: 14px;color: #333333;line-height: 20px;border-top: 1px solid #dfdfdf; }
.zs_con .bprev{ position: absolute;left: -60px;top:190px; width: 42px;height: 42px;background: url(bprev.png) no-repeat center;cursor: pointer;}
.zs_con .bnext{ position: absolute;right:  -60px;top:190px;  width: 42px;height: 42px;background: url(bnext.png) no-repeat center;cursor: pointer;}


 @media screen and (max-width:1440px) {
       .case_l{width: 240px;height: 468px;}
       .case_l li a{ display: block;height: 54px;line-height: 54px;color: #333333;padding-left: 65px;font-size: 20px;position: relative;}
       .case_l li a:before{ width: 10px;height: 10px;position: absolute;left:42px;top:24px;background: url(case_yuan.png) no-repeat;content: ""; }
       .case_l li.cur a:before{ width: 10px;height: 10px;position: absolute;left:42px;top:24px;background: url(case_yuanh.png) no-repeat;content: ""; }
       .case_r dl{ float: left;width: 624px;height: 468px;position: relative; }
       .case_r{ float: right;width: 942px;height: 468px;}
        .case_r dt{ display: block;width: 624px;height: 468px;overflow: hidden;}
        .case_r dt img{ display: block;width: 734px;height: 550px;transition: all 0.5s;}
        .case_r ul{ width: 306px; }
       .case_r ul li{ width: 306px;height: 230px;margin-bottom: 8px;}
       .case_r ul li i{ display:block;width: 306px;height: 230px;}
       .case_r ul li i>img{ display:block;width: 306px;height: 230px;}

       .zs_con .tempWrap{width:1080px!important;}
        .zs_con li{ float: left;width: 210px;margin-right: 80px; }
        .zs_con li img{ display: block;width: 210px;height: 280px; }
        .zs_con .bprev,.zs_con .bnext{top:150px;}
        }


.ys{background: #f5f5f5;padding-top: 53px;box-sizing: border-box;}
.ys_con{ margin-top: 68px; background: #fff;}
.ys_bd dl{width: 1200px;position: relative;border-right:30px solid #fff;float: left;}
.ys_bd dt{display: block;width: 1200px;height: 579px;position: relative;}
.ys_bd dt img{display: block;width: 1200px;height: 579px;}
.ys_bd dt .m_zz{ display: none; }
.ys_bd dl.cur dt .m_zz{ position: absolute;width: 100%;height: 356px;background: url(ys_dd.png) no-repeat center;left:0; bottom:0;display: block;}
.m_zz ul{ padding-top: 200px; }
.m_zz ul li{ float: left;height: 100px;border-right: 1px solid #fff; padding: 0 30px; font-size: 70px;color: #fff;}
.m_zz ul li:last-child{ border-right: 0; }
.m_zz ul li:first-child{ padding-left: 60px; }

.m_zz li em{ display: block;margin-top: -8px;height: 80px; }
.m_zz li em b{color: #fff;  font-weight: normal;display: inline-block;font-size: 80px;line-height: 80px;transition:all 0.3s;}
.m_zz li em i{ display: inline-block;width: 36px;height: 36px;border-radius: 18px;background: linear-gradient(-30deg, #06A3E8, #065BCF);font-size: 15px;color: #fff;text-align: center;line-height: 36px;margin-left: 5px; }
.m_zz li h3{font-size: 18px; color: #fff; line-height: 18px; font-weight: normal;margin-top: 10px;}

.ys3 .m_zz li em b{color: #fff;  font-weight: normal;display: inline-block;font-size: 50px;line-height: 80px;transition:all 0.3s;}

.ys_bd dd{height:200px;padding: 50px 88px 0 60px;box-sizing: border-box;background: #f5f5f5;}
.ys_bd dd h4{font-size: 46px;color: #333;line-height: 46px;font-weight: normal;float: left;width: 234px;height: 100px;border-right: 1px solid #ccc;display: block;padding-top: 5px;box-sizing: border-box;}
.ys_bd dd h4 em{ display: block;font-size: 30px;color: #333;line-height: 30px;padding-top: 10px;}
.ys_bd dd p{font-size: 16px;color: #666666;line-height: 30px;float: right;width: 770px;}

.ys_con{position: relative;}
.ys_t{ position: absolute;right: 0;top:0;width: 200px; }
.ys_t li{height: 193px;line-height: 193px;font-size: 36px;color: #ffffff;text-align: center;position: relative;}
.ys_t li:nth-child(1){ background: url(ys_dd1.jpg) no-repeat center; }
.ys_t li:nth-child(2){ background: url(ys_dd2.jpg) no-repeat center; }
.ys_t li:nth-child(3){ background: url(ys_dd3.jpg) no-repeat center; }
.ys_t li:nth-child(1).on:after{  width: 0;height: 0;border-style: solid;border-width: 11px 14px 11px 0;border-color: transparent #06a3e8 transparent transparent;position: absolute;left:-14px;top:50%;margin-top: -11px;content: "";}
.ys_t li:nth-child(2).on:after{  width: 0;height: 0;border-style: solid;border-width: 11px 14px 11px 0;border-color: transparent #0681dc transparent transparent;position: absolute;left:-14px;top:50%;margin-top: -11px;content: "";}
.ys_t li:nth-child(3).on:after{  width: 0;height: 0;border-style: solid;border-width: 11px 14px 11px 0;border-color: transparent #0663d2 transparent transparent;position: absolute;left:-14px;top:50%;margin-top: -11px;content: "";}

.ys_bd{margin-left: -1230px !important;}
.ys_con .tempWrap{overflow: visible !important;}


.news{ padding: 50px 0; }
.news_con{margin-top: 64px;}
.news_l{ float: left;width:570px ;}
.news_l dl{width: 570px;height: 360px;border-bottom: 1px dashed #c2c2c2;margin-top: 20px;}
.news_l dt{ position: relative;display: block;width: 570px;height: 220px;}
.news_l dt img{ display: block;width: 570px;height: 220px;}
.news_l dd h3 a{ display: block;padding-top: 20px;font-size:20px ;color: #333333;line-height: 28px;font-weight: normal;}
.news_l dd p{ display: block;padding-top: 16px;font-size:16px ;color: #888888;line-height: 24px;}
.news_l ul{ margin-top: 18px; }
.news_l li a{ height: 40px;line-height: 40px;padding-left: 20px;position: relative;display: block;font-size: 16px;color: #333;background: url(news_yuan.png) no-repeat left 16px;}
.news_l li a em{ float: right;font-size: 14px;color: #888888;line-height: 40px;font-family: Arial;}
.news_r{ float: right;width: 570px;}
.news_l h2 a,.news_r h2 a{display: block;height: 36px;line-height: 36px;display: block;padding-left:52px;font-weight: normal;position: relative;background: url(news_ic1.png) no-repeat left;color: #333333;font-weight: bold;}
.news_r h2 a,.news_l h2 a{ background: url(news_ic2.png) no-repeat left 0;padding-bottom: 20px;border-bottom: 1px solid #eeeeee; }
.news1 ul{ margin-top: 18px; }
.news1 li a{ height: 40px;line-height: 40px;padding-left: 20px;position: relative;display: block;font-size: 16px;color: #333;background: url(news_yuan.png) no-repeat left 16px;}
.news1 li a em{ float: right;font-size: 14px;color: #888888;line-height: 40px;font-family: Arial;}

.news1 dl{height: 150px;margin-top: 22px;}
.news1 dt{float: right;width: 200px;height: 150px;display: block; }
.news1 dt img{width: 200px;height: 150px;display: block; }
.news1 dd{ width: 370px;float: left;padding: 0 25px;height: 150px;background: #f2f2f2;box-sizing: border-box;}
.news1 h3 a{font-size: 18px;color: #333333;line-height: 18px;padding: 32px 0 14px;font-weight: normal;display: block;transition: all 0.3s;}
.news1 p{font-size: 14px;color: #888;line-height: 24px;}
.news1 h3 a:hover,.news1 li a:hover,.news_l li a:hover,.news_l dd h3 a:hover{ color: #065dd0; }



.abt{ background: #f5f5f5;}
.abt dt{display: block;width: 1920px;height: 700px;margin-left: -360px;}
.abt dt img{ display: block;width: 1920px;height: 700px;}
 .open-video {
          cursor: pointer;
        }

        .video-box {
          position: fixed;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          width: 100%;
          height: 100%;
          font-size: 0;
          z-index: 9999;
          background: rgba(0, 0, 0, 0.9);
          display: none;
        }
        .video-box .video-wrapper {
          width: 800px;
          height: 580px;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
        }
        .video-box video {
          width: 800px;
          height: 460px;
        }
        .video-box .close-video {
          position: absolute;
          top: calc(54px);
          right: 5%;
          width: 30px;
          height: 30px;
          cursor: pointer;
          background: url(close.png) no-repeat center rgba(0, 0, 0, 0.4);
        }
        
.abt dd{ display: block;width: 1200px;height: 205px;background: url(abt_dd.png) no-repeat center;margin-top: -100px;position: relative;z-index: 100;}
.abt dd h3 a{ display: block; padding-left:84px; padding-top:40px;width:210px; font-size: 42px; color: #ffffff; line-height: 50px;font-weight: normal;float: left;display: block;}
.abt dd h3 b{font-weight: normal;color: #fff;display: block;}
.abt dd p{ width: 864px; float: left;}
.abt dd span{ display: block;font-size: 26px; line-height: 26px; color: #333333;padding-top: 42px; }
.abt dd em{display: block;font-size: 14px; line-height: 28px; color: #808080;  margin-top: 15px;}
.abt dd i{ font-size: 14px;color: #808080;display: inline-block; }




.content{width:1400px;margin:0 auto;}


@media screen and (max-width:1440px) {
    html {font-size: 14px;}
   .content{width:1200px!important;margin:0 auto!important;}
   .ys_a1 .content{margin-left:-625px;padding:50px 50px 0;width:1250px;}
   .ys_a1 .content dd h4{font-size:30px;}
   .ys_a3 .ys_w{top:7rem;}
   .news{padding: 92px 0 84px}
   .ns_a li:nth-child(1),.ns_a li:nth-child(2){margin-bottom:2rem;}
   .al_nr ul{margin-left:-1272px;}
   .al_j1{left:-42px;}
   .al_j2{right:-42px;}
}

@media screen and (max-width:1920px) and (min-width:1600px)  {
    html {font-size:20px;}
   
}



@-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 }


	
	
#index4{
    width: 1400px;
    margin-top: 60px;
    height: 405px;
	}
	
#index4_c{
	width: 1400px;
  
    height: 310px;
	margin:60px  auto 0px; 
	}
	
	.fc_a{
	display: block;
    float: left;
    width: 296x;
    height: 305px;
    margin-right: 30px;
    background: #ececec;
    letter-spacing: 1px;
    font-size: 17px;
    color: #1b1c1e;
    line-height: 50px;
	}
	
.fc_a img{
	display: block;
    width: 296px;
    height: 260px;
    object-fit: cover;
	}
	
.fc_a:hover{
	background:#06a3e8;
	color:#FFF;
	}