@charset "utf-8";html{overflow-x:hidden}
body{color:#333;font:14px "Microsoft Yahei"}
body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,span,ul{margin:0;padding:0;list-style:none}
a{color:#333;text-decoration:none}
a:focus{outline:0}
img{border:none}
.vam{vertical-align:middle}
.clear{clear:both;height:0;line-height:0;font-size:0}
p{word-spacing:0}
em,i{font-style:normal}
.tr{text-align:right}
.tl{text-align:left}
.center{text-align:center}
.fl{float:left;}
.fr{float:right;}
.pa{position:absolute}
.pr{position:relative}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden}
.clearfix{zoom:1}


.content22{width:1400px;margin: 0 auto;position: relative;}
@media screen and  (max-width:1440px){
        .content22{width:1200px;margin:0 auto;}    
      
           }
.layui-layer-content{overflow:hidden!important;}

.pic{width:100%;overflow: hidden;}
.pic img{-o-transition:all 1s linear 0s;transition:all 1s linear 0s}
.pic:hover img{-webkit-transform:scale(1.05) rotate(0) translateY(0);-ms-transform:scale(1.05) rotate(0) translateY(0);transform:scale(1.05) rotate(0) translateY(0)}

.white,.whites{position:relative;overflow:hidden}
.white:after,.whites:after{content:'';cursor:pointer;position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform:skewx(-25deg)}
.white:hover:after{left:100%;-moz-transition:1s;-o-transition:1s;-webkit-transition:1s;transition:1s}
.whites:hover:after{left:100%;-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s}
body{min-width:1200px;width:100%;max-width:1920px;margin:0 auto;overflow-x:hidden}
em,i{font-style:normal}

input::-webkit-input-placeholder{color:#999;font-size:14px;text-transform:capitalize}
input::-moz-placeholder{color:#999;font-size:14px;text-transform:capitalize}
input:-moz-placeholder{color:#999;font-size:14px;text-transform:capitalize}
input:-ms-input-placeholder{color:#999;font-size:14px;text-transform:capitalize}
@keyframes myfirst{0%{background-position:0 bottom}
100%{background-position:100% bottom}
}
.line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clear{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}




.banner{height:auto;max-width:1920px;margin:0 auto!important;position:relative;min-width:1400px;}
.banner .bd li{float:left;width:100%;line-height:0}
.banner .bd li img{width:100%}
.banner .bd li video{width:100%}
.banner .bd li a{display:block}
.banner .bd .swiper-pagination{bottom: 40px;height: 16px; line-height:0;text-align: center;}
.banner .bd .swiper-pagination .swiper-pagination-bullet{opacity: 1;background: #fff; width:16px; height: 16px; margin: 0 9px;border-radius: 8px;box-sizing: border-box;}
.banner .bd .swiper-pagination .swiper-pagination-bullet-active{background: #ee5f01;}
.banner .swiper-button-prev {position: absolute;font-size: 0;top: 50%;z-index: 9; width: 36px; height: 70px; margin-top: -35px;border: 0; outline: none;cursor: pointer;left: 4%; background:url(../images/prev1.png) no-repeat center center;}
.banner .swiper-button-next {position: absolute;font-size: 0;top: 50%;z-index: 9; width: 36px; height: 70px; margin-top: -35px;border: 0; outline: none;cursor: pointer;right: 4%;background:url(../images/next1.png) no-repeat center center;}   

/*.banner .hd{position:absolute;bottom:50px;width:100%;height:16px;cursor:pointer;text-align:center;z-index:9;font-size:0}*/
/*.banner .hd li{display:inline-block;width:16px;height:16px;background:#fff;margin:0 10px;opacity:1;-o-transition:all .5s ease;transition:all .5s ease;border-radius: 8px;}*/
/*.banner .hd li.on{background:#eb6100;}*/
/*.banner p{position: absolute;font-size: 0;top: 50%;z-index: 9; width: 36px; height: 70px; margin-top: -35px;border: 0; outline: none;cursor: pointer;transition:.5s;}*/
/*.banner .prev {left: 3%; background:url(../images/prev1.png) no-repeat center center;opacity: 0;}*/
/*.banner .next {right: 3%;background:url(../images/next1.png) no-repeat center center;opacity: 0;}   */
/*.banner:hover .prev { left: 5%; opacity: 1; }*/
/*.banner:hover .next { right: 5%; opacity: 1; }*/

.tit{font-size: 0;line-height: 0;text-align: center;}
.tit span{ display: block;font-size: 46px;line-height: 46px;  color: #333333;font-weight: bold;}


.yz{height: 683px;padding-top: 80px;box-sizing: border-box;background: url(../images/yz_bg.jpg) no-repeat center;}

.yz dl{float: left;width:767px;}
.yz dt{width:767px;height: 410px;line-height: 0;overflow: hidden;position:relative;}
.yz dt img{width:767px;height: auto;display:block;}
.yz dt video{width:767px;height: 410px;display:block;    object-fit: cover;
    object-position: center;}
.yz_sz{padding-top: 39px;}
.yz_sz li{float:left;height:88px;margin: 0 30px 0 20px;}
/* .yz_sz li:first-child{margin-left: 0;} */
.yz_sz li em{display:block;font-size:44px;font-family:"DIN";font-weight: bold;margin-top: -8px;color: #fff;height: 58px;}
.yz_sz li b{display:inline-block;font-size:44px;font-family:"DIN";font-weight:700;color:#fff;}
.yz_sz li sup{display:inline-block;font-size:36px;color:#262626;line-height:100%;vertical-align:1px;font-weight: bold;}
.yz_sz li span{display:block;font-size:16px;color:#ffffff;line-height:100%;margin-top:3px;text-align: left;}

.yz_r{width: 558px;float: right;}
.yz_r h4 span{font-size: 24px;color: #eb6100;display: block;line-height: 24px;font-weight: bold;padding-top: 30px;font-style: italic;}
.yz_r h4 span img{ display: inline-block;width: 35px;height: 23px;margin-right: 12px;}
.yz_r h4 i{font-size: 46px;color: #333333;display: block;line-height: 46px;font-weight: bold;padding-top: 26px;}
.yz_r p{font-size: 16px;color: #4c4c4c;line-height: 35px;margin-top: 40px;}
.yz_s{margin-top: 60px;width: 420px;}
.yz_s .more1{width: 180px;height: 54px;line-height: 54px;background: #ebebeb;display:block;font-size: 16px;color: #333333;position:relative;text-align: center;float:left;transition:all 0.5s;}
.yz_s .more2{width: 230px;height: 54px;line-height: 54px;display:block;font-size: 16px;color: #fff;position:relative;text-align: center;float:right;box-sizing:border-box;transition:all 0.5s;background: #404040;}
.yz_s .more2 img{ display: inline-block;width:21px;height:23px;margin-right: 6px;vertical-align: -6px;}
.yz_s .more1:hover,.yz_s .more2:hover{transform: translateY(-8px);}


@media screen and  (max-width:1440px){
    .yz{height: 683px;padding-top: 88px;box-sizing: border-box;background: url(../images/yz_bg.jpg) no-repeat center;}
    .yz dl{float: left;width:667px;}
    .yz dt{width:667px;height: 352px;line-height: 0;overflow: hidden;position:relative;}
    .yz dt img{width:667px;height: 352px;display:block;}
     .yz dt video{width:667px;height: 352px;display:block;    object-fit: cover;
    object-position: center;}
    .yz_r{width: 488px;float: right;}
    .yz_sz li{float:left;height:88px;margin: 0 25px 0 0;}
    .yz_r h4 i{font-size: 40px;color: #333333;display: block;line-height: 40px;font-weight: bold;padding-top: 26px;}
       }
.pro{position: relative;}
.pro .tit{ position: absolute;left: 0;top: 80px;width: 100%;z-index:30;}
.pro_con{position: relative;}
.pro_t{ position: absolute;left: 0;top: 0px;text-align: center;z-index:30;width: 100%;}
.pro_t li{display: inline-block;padding: 0 36px;height: 24px;line-height: 24px;border-right: 1px solid #bdc1c6;box-sizing: border-box;}
.pro_t li:last-child{ border-right: 0;}
.pro_t li a{ display: block;position:relative;font-size: 20px;line-height: 24px;color: #333333;}
.pro_t li.on a{color: #eb6100;font-weight: bold;}
.pro_t li.on a:after{ position: absolute;width: 100%;left:0 ;top: 36px;height: 3px;background: #eb6100;content: "";}
.pro_t li.on a:before{ position: absolute;  width: 0;height: 0;border-top: 6px solid #eb6100;border-right: 6px solid transparent;border-left: 6px solid transparent;left:50% ;top: 39px;content: "";margin-left: -6px;}
.pro_qie{margin-left: -1325px !important;}
.pro_con{height: 860px;background: url(../images/cp_bg.jpg) no-repeat center;padding-top: 180px;box-sizing: border-box;}
.pro_con .tempWrap{overflow: visible !important;}
.pro_con dl{float: left;width: 1350px;position: relative;float: left;}
.pro_con dt{display: block;width: 1080px;height: 607px;margin-left: -120px;}
.pro_con dd{ display: none;}
.pro_con dt img{display: block;width: 100%;}
.pro_con dl.cur dd{display: block;position: absolute;width: 1046px;left: 50%;bottom: 20px;margin-left: -523px;}
.pro_con dl.cur dt{ margin: 0 auto;}
.pro_con dl.ds dt{ float: right;margin-right: -100px;}
.pro_con dd h4{display: inline-block;font-size: 24px;color: #333333;line-height: 24px;position: relative;font-weight: bold;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;width:171px ;vertical-align: 20px;}
.pro_con dd p{font-size: 16px;color: #333333;line-height: 30px;display: inline-block;width: 870px;}
.pro_con dd p a{ color: #eb6100;float: right;transition:all 0.5s;}
.pro_con dd p a:hover{transform:translateY(-5px);}
.pro_con .prev{ display: block;width: 33px;height: 61px;position: absolute;left: 100px;top: 50%;cursor: pointer;z-index: 50;margin-top: -30px;}
.pro_con .next{ display: block;width: 33px;height: 61px;position: absolute;right: 100px;top: 50%;cursor: pointer;z-index: 50;margin-top: -30px;}
.pro_z{width: 1200px;margin: -48px auto 0;background: #404040;position: relative;z-index: 30;}
.pro_z h3{display: block;float: left;width: 200px;height: 80px;line-height: 80px;color: #fff;font-weight: bold;text-align: center;font-size: 28px;background: #eb6100;}
.pro_z p{float:right;width: 1000px;}
.pro_z p a{display: block;float: left;font-size: 18px;margin-top: 30px;padding: 0 22px;border-right: 1px solid #5e5e5e;box-sizing: border-box;color: #fff;line-height: 18px;position:relative;}
 .pro_z p a:hover{ color: #ee5f01;
        font-weight: bold; }
.pro_z p a::before{    
        content: attr(title);
        position: absolute;
        -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
        -moz-transition: -moz-transform 0.3s, opacity 0.3s;
        transition: transform 0.3s, opacity 0.3s;}
    .pro_z p a:hover::before
    {
       color: #fff;
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0;
    }    
        
.pro_z p a:last-child{border-right: 0;}

.pro2{padding-top: 90px;}
.tit2 span{ display: block;font-size: 46px;line-height: 46px;  color: #333333;font-weight: bold;text-align: center;}
.pro_s{margin-top: 48px;position: relative;}
.pro_s dl{float: left;width: 446px;height: 560px;position: relative;margin-right: 30px;background: url(../images/pro_ddh.png) no-repeat center;}
.pro_s dt{padding-top: 48px;display: block;width: 80.7%;margin: 0 auto;transition:all 0.5s;}
.pro_s dt img{ display: block;width: 100%;}
.pro_s dl:hover dt{ width: 70.7%;}
.pro_s dd h4 a{display: block;font-size: 28px;color: #333333;line-height: 30px;position: relative;font-weight: normal;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;text-align: center;padding-top: 52px;padding-bottom: 20px;transition: all 0.5s;}


.pro_s dd{ padding: 0 50px;}
.pro_s dd p{ display: block;font-size: 16px;color: #4c4c4c;line-height: 30px;text-align: center;height: 60px;overflow: hidden;}
.pro_s dd .more span{display: none;}
.pro_s dd .more img{display: block;width: 35px;height: 35px;margin: 16px auto 0;}
.pro_s dl:hover h4 a{ padding-top: 0;margin-top: 0px;}
.pro_s dl:hover dd p{height:120px ;}
.pro_s dl:hover dd .more img{ display: none;}
.pro_s dl:hover dd .more span{ display: block;font-size: 18px;color: #eb6100;font-weight: bold;text-align: center;line-height: 20px;margin-top: 16px;transition:all 0.5s;}
.pro_s dl dd .more span:hover{transform:translateY(-5px);}

.pro_s .zprev{ display: block;width: 33px;height: 61px;position: absolute;left: -75px;top: 50%;cursor: pointer;z-index: 50;margin-top: -30px;}
.pro_s .znext{ display: block;width: 33px;height: 61px;position: absolute;right: -75px;top: 50%;cursor: pointer;z-index: 50;margin-top: -30px;}
.xad{margin-top: 80px;height: 250px;background: url(../images/xad_bg.jpg) no-repeat center;padding: 70px 177px 0 120px;box-sizing: border-box;}
.xad h2{float: left;}
.xad h2 span{ display: block;font-size: 42px;line-height: 42px;color: #eb6100;font-weight: bold;}
.xad h2 i{ display: block;width: 570px;margin-top: 20px;font-size: 28px;color:#ffffff;height: 70px;border-top: 1px solid #353535;border-bottom: 1px solid #353535;box-sizing: border-box;line-height: 70px;font-weight: normal;}
.xad .zx{float: right;padding-top: 50px;font-size: 18px;color: #fff;font-weight: bold;}
.xad .zx img{display: inline-block;width: 24px;height: 23px;margin-right: 6px;vertical-align: -4px;}


@media screen and  (max-width:1440px){
    .pro_s dl{float: left;width: 386px;height: 504px;position: relative;margin-right: 20px;background: url(../images/pro_ddh.png) no-repeat center;}
    .pro_s dd h4 a{padding-top: 20px;}
    .pro_qie{margin-left: -1200px !important;}
    .pro_con dl{float: left;width: 1200px;position: relative;}
    .pro_con dt{display: block;width: 925px;height: 520px;padding-top:40px;}
    .xad{margin-top: 80px;height: 214px;background: url(../images/xad_bg.jpg) no-repeat center;padding: 50px 160px 0 120px;box-sizing: border-box;background-size: 100% 100%;}
       }



.case{padding: 90px 0 0;}
.case_t{margin-top: 40px;border-top: 1px solid #e3e3e3;height: 82px;}
.case_t h3{display: block;float: left;font-size: 24px;color: #333333;line-height: 82px;font-weight: bold;}
.case_t h3 img{display: inline-block;width: 26px;height: 26px;margin-right: 15px;vertical-align: -4px;}
.case_t ul{float: right;width: 840px;}
.case_t li a{float: left;height: 82px;box-sizing: border-box;line-height: 82px;font-size: 18px;color: #333333;padding: 0 26px 0 32px;position: relative;display: block;}
.case_t li a:hover{ color: #ee5f01;font-weight:bold;}
.case_t li:last-child a{ padding-right: 0;}
.case_t li a:after{position: absolute;width: 5px;height: 5px;content: "";background: #b3b3b3;right:-2px;top: 39px;border-radius: 5px;}
.case_t li:last-child a:after{background: 0;}
.case_con{position: relative;overflow: hidden;height: 550px;}
.case_con .case_qie{float: left;width: 219px;margin-right: 2px;transition: .5s;overflow:hidden;position:relative;}
.case_con .case_qie.cur{ width: 516px;}
.case_con .case_qie:last-child{margin-right: 0;}
.case_con .case_qie dl{transition: .5s;display:none;}
.case_con .case_qie.cur dl{display: block;height: 550px;padding:10px;box-sizing:border-box;box-sizing: border-box;border: 1px solid #ebebeb;}
.case_con .case_qie .case_s{ display: block;width: 219px;height: 550px;background: #f2f2f2;}
.case_con .case_qie.cur .case_s{transition: .5s;display:none;}
.case_con .case_qie .case_s h4 a{display: block;font-size: 22px;color: #333333;line-height: 30px;position: relative;font-weight: bold;text-align: center;padding-top: 50px;}
.case_con .case_qie .case_s p{font-size: 16px;color: #595959;line-height: 30px;margin: 20px 30px 0;text-align: center;}
.case_con .case_qie .case_s .zx img{ display: block;width: 35px;height: 35px;margin: 16px auto 0;}
.case_con .case_qie .case_s .tp img{ display: block;width: 160px;height: 160px;margin: 54px auto 0;border-radius:80px}
.case_con dt{display: block;width: 496px;height:279px;margin: 0 auto 0;}
.case_con dt img{display: block;width: 496px;height:279px;}
.case_con dd{padding: 40px 32px 0;height: 260px;}
.case_con dd h4 a{display: block;font-size: 26px;color: #333333;line-height: 28px;position: relative;font-weight: normal;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case_con dd p{font-size: 16px;color: #595959;line-height: 32px;margin-top: 16px;}
.case_con dd .more{font-size: 18px;color: #eb6100;line-height: 20px;margin-top: 20px;display: block;font-weight: bold;transition:all 0.5s;}
.case_con dd .more:hover{transform:translateY(-5px);}
.case_con dl h4 a:hover{ color: #eb6100;}


@media screen and  (max-width:1440px){

       }

.ys{padding-top: 80px;}
.ys_con{position: relative;margin-top: 48px;}
.ys_qie{margin-left: -1450px !important;}
.ys_con .tempWrap{overflow: visible !important;}
.ys_con dl{float: left;width: 1400px;margin-right:50px;position: relative;}
.ys_con dt{display: block;width: 1400px;height: 750px;}
.ys_con dd{ display: none;}
.ys_con dt img{display: block;width: 100%;}
 .ys_con dt video{width: 1400px;height: 750px;display:block;    object-fit: cover;
    object-position: center;}
.ys_con dl.cur dd{display: block;position: absolute;width: 100%;height: 130px;left: 0px;bottom: 0px;background: url(../images/ys_dd.png) no-repeat center;background-size: 100% 100%;padding-top: 28px;box-sizing: border-box;}
.ys_con dd h4{display: inline-block;font-size: 30px;color: #fff;line-height: 40px;position: relative;font-weight: bold;width:166px ;vertical-align: 5px;padding-left: 66px;}
.ys_con dd p{font-size: 16px;color: #fff;line-height: 28px;display: inline-block;width: 678px;}
.ys_con dd span{ display: inline-block;margin-left: 110px;vertical-align: 10px;}
.ys_con dd span em{display: inline-block;margin-right: 50px;font-size: 16px;color: #fff;line-height: 16px;}
.ys_con dd span em b{display:block;font-size: 32px;color: #fff;line-height: 32px;margin-bottom: 11px;}
.ys_con dd span em strong{ color:#262626;}

.ys_con dd i{display:block;font-size: 70px;color: #eb6100;font-family: Arial;position: absolute;left: 66px;bottom: 120px;font-weight: bold;line-height: 46px;}
.ys_con .prev{ display: block;width: 33px;height: 61px;position: absolute;left: 40px;top: 50%;cursor: pointer;z-index: 50;margin-top: -30px;}
.ys_con .next{ display: block;width: 33px;height: 61px;position: absolute;right: 40px;top: 50%;cursor: pointer;z-index: 50;margin-top: -30px;}
@media screen and  (max-width:1440px){
    .ys_qie{margin-left: -1250px !important;}
    .ys_con dl{float: left;width: 1200px;margin-right:50px;position: relative;}
    .ys_con dt{display: block;width: 1200px;height: 642px;}
     .ys_con dt video{width: 1200px;height: 642px;display:block;    object-fit: cover;
    object-position: center;}
    .ys_con dd h4{width:146px ;vertical-align: 5px;padding-left: 30px;}
    .ys_con dd i{left: 30px;}
    .ys_con dd p{font-size: 15px;color: #fff;line-height: 28px;display: inline-block;width: 620px;}
    .ys_con dd span{ display: inline-block;margin-left: 60px;vertical-align: 10px;}
         }

.news{padding:80px 0;box-sizing: border-box;}
.news_con{margin-top: 48px;}
.news_l{width: 590px;float: left;position: relative;}
.news h3{height: 52px;border-bottom: 1px solid #ebebeb;margin-bottom: 30px;}
.news h3 em a{ display: block;float: right; line-height: 20px;font-size: 16px;color: #666666;font-weight: normal;font-family: Arial;text-transform: uppercase;transition: all 0.3s;}
.news h3 span a{ display: block;font-size:26px;color: #333333;line-height: 26px;text-transform: uppercase; font-weight: bold;float: left;position: relative;}
.news h3 span img{ display: inline-block;width: 28px;height: 28px;margin-right: 8px;vertical-align: -6px;}
.news h3 em a:hover{ color: #ee5f01;font-weight:bold;}

.news_l dt{width: 590px;height: 332px;line-height: 0;overflow: hidden;}
.news_l dt img{width: 590px;height: 332px;display:block;}
.news_l dt iframe{width: 590px;height: 332px;display:block; }

.news_l dd{width: 590px;padding: 28px 0 0;box-sizing: border-box;height: 120px;border-bottom: 1px solid #ebebeb;}
.news_l dd h4 a{font-size: 22px;color: #1a1a1a;display: block;line-height: 24px;font-weight: normal;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news_l dd p{font-size: 16px;color: #666666;padding: 16px 0 0;line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.news_l dd span{font-size: 14px;color: #999999;line-height: 16px;display: block;font-weight: normal;margin-top: 6px;}
.news_l li a{display:block;font-size: 16px;line-height: 80px;color: #1a1a1a;padding-left: 18px;background: url(../images/news_line.png) no-repeat 0 35px;border-bottom: 1px solid #ebebeb;}
.news_l li em{float: right;font-size: 14px;color: #999999;line-height: 80px;font-family: Arial;}

.news_r{width: 730px;float: right;}
.news_r dl:first-of-type{padding-top: 0;}
.news_r dl{padding: 19px 0;position: relative;border-bottom: 1px solid #ebebeb;}
.news_r dt{width: 277px;height: 156px;line-height: 0;overflow: hidden;float: left;}
.news_r dt img{width: 277px;height: 156px;display:block;transition:all 0.5s;}
.news_r dl:hover dt img{ transform:scale(1.05);}
.news_r dd{width: 420px;float: right;}
.news_r dd h4 a{font-size: 20px;color: #1a1a1a;display: block;line-height: 24px;font-weight: normal;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-top: 16px;}
.news_r dd p{font-size: 16px;color: #666666;padding: 16px 0 0;line-height: 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news_r dd span{font-size: 14px;color: #999999;line-height: 16px;display: block;font-weight: normal;margin-top: 14px;}

.news_r li a{display:block;font-size: 16px;line-height: 80px;color: #1a1a1a;padding-left: 18px;background: url(../images/news_line.png) no-repeat 0 35px;border-bottom: 1px solid #ebebeb;}
.news_r li em{float: right;font-size: 14px;color: #999999;line-height: 80px;font-family: Arial;}
.news_r dl:hover dd h4 a,.news_l dl:hover dd h4 a,.news_r li a:hover,.news_l li a:hover{ color: #e3640b; }


@media screen and (max-width: 1440px) {
    .news_l{width: 551px;float: left;position: relative;}
    .news_l dt{width: 551px;height: 310px;line-height: 0;overflow: hidden;}
    .news_l dt img{width: 551px;height: 310px;display:block;}
     .news_l dt iframe{width: 551px;height: 310px;display:block;}
    .news_l dd{width: 551px;} 
    .news_r{width: 600px;float: right;}
    .news_r dl{padding: 30px 0;position: relative;border-bottom: 1px solid #ebebeb;}
    .news_r dt{width: 230px;height: 129px;line-height: 0;overflow: hidden;}
    .news_r dt img{width: 230px;height: 129px;display:block;transition:all 0.5s;} 
    .news_r dd h4 a{margin-top: 0;}
    .news_r dd{width: 340px;}
   
          }

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