/*banner*/ 
#intro{ background-color:#ececec; height:720px;}
#intro .bg1{height:580px;}
.ban_video{ width:864px; height:487px; left:10%; bottom:0px;}
.ban_video i{width: 141px;height: 141px;position: absolute;left:360px;top: 170px;z-index: 999;background-image: url(../images/ys_bf_ico.png);background-repeat: no-repeat;background-position: center center; display:block; background-size:100%; cursor:pointer;}
.ban_video i:hover{background-image: url(../images/ys_bf_ico2.png);}
/*影视介绍*/ 
.h_ysjs{ padding:115px 0px;}
.h_ysjs_l{ width:41%; padding:0px 0px 0px 4%; float:left;}
.h_ty_bt{ position:relative; }
.h_ty_bt h2{font-weight:bold; color:#40363a; font-size:24px;line-height: 50px;}
.h_ty_bt h2 span{ font-size:38px; color:#1f1f1f;}
.h_ty_bt i{ width:36px; height:4px; display:block; background-color:#c5001f; position:absolute; top:23px; left:-84px;}
.h_ty_bt_m{position:relative; text-align:center; display:none;}
.h_ty_bt_m h2{font-weight:bold; color:#40363a; font-size:36px;line-height:44px;}
.h_ty_bt_m h2 span{ color:#c5001f;}
.h_ty_bt_m h2 p{ font-size:20px;}
.h_ysjs_l_cont,.h_ysjs_m{ font-size:16px; line-height:30px; color:#494546; padding:16px 0px 0px 0px;}
.h_ysjs_m{ display:none;}
.h_ysjs_r{width:46%;padding:64px 1% 0px 0px; float:right;}
.h_ysjs_r_ul li{ width:30.3333333333333333%; float:left; margin-left:4.5%; text-align:center; font-size:15px; color:#c5001f; line-height:30px;}
.h_ysjs_r_ul li img{ margin-bottom:5px;}
.h_ysjs_r_ul li:nth-child(1){ margin-left:0px;}
/*案例*/ 
.h_bg{background-repeat: no-repeat;background-position: center center; background-size:cover;}
.h_al{ width:100%; padding:148px 0px 148px 0px;}
.h_al .w1200{ position:relative;}
.h_al .h_al_c{ width:1108px; margin:0px auto;}
.h_al .swiper-button-next,.h_al .swiper-button-prev{width:36px;height:36px;position: absolute;z-index: 40;background-repeat: no-repeat;background-image: url(../images/h_al_qh.png);opacity:1; margin-top:-18px; top:50%; background-size:36px;}
.h_al .swiper-button-prev{background-position: left top;left:-7px;}
.h_al .swiper-button-next{background-position: left bottom;right:-7px;}
/*服务内容*/ 
.h_fwnr{ padding:115px 0px;position:relative;}
.h_fwnr_l{ width:41%; padding:0px 0px 0px 4%; float:left;}
.h_fwnr_r{ position:absolute; right:10%; top:115px; z-index:333; width:600px;}
.h_fwnr_r_ul li{ color:#494546; font-weight:bold; font-size:20px;-webkit-animation: pulse 3s ease infinite alternate,  nudge 5s linear infinite alternate;animation: pulse 3s ease infinite alternate,  nudge 5s linear infinite alternate; position:absolute; display:inline-block;opacity:0.5; }
.h_fwnr_r_ul li:nth-child(1){ top:80px; left:270px;font-size:34px;opacity:1;}
.h_fwnr_r_ul li:nth-child(2){ top:190px;left:338px;opacity:0.88; font-size:32px;-webkit-animation: pulse 1s ease infinite alternate,  nudge 3s linear infinite alternate;animation: pulse 1s ease infinite alternate,  nudge 3s linear infinite alternate;}
.h_fwnr_r_ul li:nth-child(3){ top:147px;left:205px;opacity:0.8;font-size:33px;-webkit-animation: pulse 3s ease infinite alternate,  nudge 4s linear infinite alternate;animation: pulse 3s ease infinite alternate,  nudge 4s linear infinite alternate;}
.h_fwnr_r_ul li:nth-child(4){ top:53px;left:175px;opacity:0.85;font-size:32px;}
.h_fwnr_r_ul li:nth-child(5){ top:252px;left:167px;opacity:0.85;font-size:24px;-webkit-animation: pulse 3s ease infinite alternate,  nudge 4s linear infinite alternate;animation: pulse 3s ease infinite alternate,  nudge 4s linear infinite alternate;}
.h_fwnr_r_ul li:nth-child(6){ top:270px;right:80px;opacity:0.6;font-size:25px;-webkit-animation: pulse 4s ease infinite alternate,  nudge 5s linear infinite alternate;animation: pulse 4s ease infinite alternate,  nudge 5s linear infinite alternate;}
.h_fwnr_r_ul li:nth-child(7){top:205px;left:95px;opacity:0.45;font-size:21px;}
.h_fwnr_r_ul li:nth-child(8){top:107px;left:0px;opacity:0.5;font-size:24px;-webkit-animation: pulse 1s ease infinite alternate,  nudge 3s linear infinite alternate;animation: pulse 1s ease infinite alternate,  nudge 3s linear infinite alternate;}
.h_fwnr_r_ul li:nth-child(9){top:0px;left:236px;opacity:0.6;font-size:21px;-webkit-animation: pulse 3s ease infinite alternate,  nudge 4s linear infinite alternate;animation: pulse 3s ease infinite alternate,  nudge 4s linear infinite alternate;}
.h_fwnr_r_ul li:nth-child(10){top:28px;right:80px;opacity:0.6;font-size:21px;}
.h_fwnr_r_ul li:nth-child(11){top:133px;right:0px;opacity:0.65;font-size:21px;-webkit-animation: pulse 2s ease infinite alternate,  nudge 4s linear infinite alternate;animation: pulse 2s ease infinite alternate,  nudge 4s linear infinite alternate;}
@-webkit-keyframes nudge {
  0%, 100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(10px, 0);
            transform: translate(10px, 0);
  }
  80% {
    -webkit-transform: translate(-10px, 0);
            transform: translate(-10px, 0);
  }
}
@keyframes nudge {
  0%, 100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(10px, 0);
            transform: translate(10px, 0);
  }
  80% {
    -webkit-transform: translate(-10px, 0);
            transform: translate(-10px, 0);
  }
}
.footer{background-image: url(../images/footer_ys.jpg);background-repeat: no-repeat;background-position: center center; background-color:inherit;}
.layer-alert-zdytc{top:30% !important;}
@media (max-width:1366px) {
.w1200{ width:90%;}
#intro{height:640px;}
#intro .bg1{height:550px;}
.ban_video{ width:650px; height:387px;}
.ban_video i{width: 110px;height: 110px;position: absolute;left:280px;top:138px;}
.h_fwnr_r{ right:5%;}
.footer{ background-size:cover;}
}

@media (max-width:1024px) {
#intro .bg1{height:500px;}
.ban_video{width:80%;height:470px;}
.ban_video i{width: 110px;height: 110px;position: absolute;left:50%;top:50%; margin-top:-55px; margin-left:-55px;}
.h_al .h_al_c{ width:90%;}
.h_fwnr_r{ width:48%;}
}

@media (max-width:768px) {
.h_al{background-image: url(../images/h_al_bg.jpg)!important;}
#intro{height:500px;}
#intro .bg1{height:360px;}
.ban_video{height:360px;}
.h_ysjs,.h_al,.h_fwnr{ padding:75px 0px;}
.h_ysjs_l,.h_ysjs_r,.h_fwnr_l,.h_fwnr_r{ width:100%; float:none; }
.h_ysjs_l{padding:0px;}
.h_ysjs_l .h_ysjs_l_cont{ display:none;}
.h_ysjs_m{ display: block;}
.h_ysjs_m p,.h_ysjs_l_cont p{ text-indent:32px;}
.h_ysjs_r{ padding-top:30px;}
.h_ty_bt{ display: none;}
.h_ty_bt_m{ display:block;}
.h_fwnr_l{ padding-left:0px;}
.h_fwnr{ background-image:none !important; padding-bottom:0px;}
.h_fwnr_r{ height:310px; width:100%;position:relative; right:0px;background-image: url(../images/h_fwnr_r_bg.jpg)!important; background-size:cover; top:0px; margin-top:40px; padding:50px 0px;}
.h_fwnr_r_ul{ width:550px; margin:0px auto; position:relative;}
.layer-alert-zdytc{ left:5% !important; right:5%!important; top:20% !important;}
}

@media (max-width: 480px) {
#intro{height:320px;}
#intro .bg1{height:260px;}
#intro .bg1{ height:260px; background-size: cover!important;background-repeat: no-repeat;background-position: center top!important;}
.ban_video{ width:90%;height:220px;left:5%;}
.ban_video i{width: 70px;height: 70px;position: absolute;left:50%;top:50%; margin-top:-35px; margin-left:-35px;}
.h_ty_bt_m h2{font-size:28px;line-height:34px;}
.h_ty_bt_m h2 p{ font-size:18px;}
.h_ysjs,.h_al,.h_fwnr{ padding:55px 0px;}
.h_ysjs_m,.h_ysjs_l_cont{ font-size:14px; line-height:24px; padding-top:20px;}
.h_ysjs_m p,.h_ysjs_l_cont p{ text-indent:28px;}
.h_ysjs_r_ul li{ font-size:14px; line-height:26px;}
.h_ysjs_r_ul li img{ width:70%;}
.h_al .h_al_c{ width:88%;}
.h_al .swiper-button-prev{left:-14px;}
.h_al .swiper-button-next{right:-14px;}
.h_fwnr{padding-bottom:0px;}
.h_fwnr_r{ height:170px; padding:20px 0px 30px 0px;}
.h_fwnr_r_ul{ width:390px;}
.h_fwnr_r_ul li{ font-size:14px;}
.h_fwnr_r_ul li:nth-child(1){ top:65px; left:43%;font-size:20px;}
.h_fwnr_r_ul li:nth-child(2){ top:110px;left:54%;font-size:18px;}
.h_fwnr_r_ul li:nth-child(3){ top:95px;left:28%;font-size:18px;}
.h_fwnr_r_ul li:nth-child(4){ top:45px;left:28%;font-size:18px;}
.h_fwnr_r_ul li:nth-child(5){ top:140px;left:35%;font-size:15px;}
.h_fwnr_r_ul li:nth-child(6){ top:145px;right:10%;font-size:15px;}
.h_fwnr_r_ul li:nth-child(7){top:125px;left:8%;font-size:15px;}
.h_fwnr_r_ul li:nth-child(8){top:75px;left:4%;font-size:15px;}
.h_fwnr_r_ul li:nth-child(9){top:18px;left:33%;font-size:14px;}
.h_fwnr_r_ul li:nth-child(10){top:48px;right:10%;font-size:14px;}
.h_fwnr_r_ul li:nth-child(11){top:88px;right:3%;font-size:14px;}
.footer{background-image: url(../images/footer_ys_m.jpg);}
}

@media (max-width:375px) {
.h_fwnr_r_ul{ width:340px;}
}