/* 代码整理：懒人之家 lanrenzhijia.com */



.mainbox { width: 1920px; *width: 1920px; _width: 1920px; height: auto; position: relative; z-index: 5; margin: 0; top: 0; float: left; left: 50%; margin-left: -960px; *margin-left: -960px; _margin-left: -960px; overflow: hidden; }

.pro-switch { height: auto; overflow: hidden; position: relative; width: 100%; }

.flexslider { margin: 0; padding: 0; max-height: 940px; overflow: hidden; }

.flexslider .slides > li { display: block; width: 1920px; max-width: 100%;  height:850px; float: left; position: relative; left: 0%; top: 0; margin: 0 auto; right: 0; 

    position: relative; -webkit-backface-visibility: hidden; z-index: 5; overflow: hidden; }

video {

    object-fit: fill;

    object-position: center;

 }



.flexslider .slides > li  video {

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    object-fit: fill;

}



.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] .slides { display: block; }

* html .slides { height: auto; }

.no-js .slides > li:first-child { display: block; }

.flexslider { margin: 0 auto; position: relative; width: 100%; zoom: 1; }

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }

.flexslider .slides { zoom: 1; }

.flex-direction-nav { *height: 0; }

.flex-direction-nav a { width: 77px; height: 74px; margin: -20px 0 0; display: block; background: none; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; filter: alpha(opacity=0); -webkit-transition: all .3s ease; }

.flex-direction-nav .flex-prev { background: url(../images/prev1.png) no-repeat left bottom; background-size: 100% 100%; left: 12px; }

.flex-direction-nav .flex-next { background: url(../images/next1.png) no-repeat left bottom; background-size: 100% 100%; right: 16px; }

.flexslider:hover .flex-next { opacity: 1; filter: alpha(opacity=100); }

.flexslider:hover .flex-prev { opacity: 1; filter: alpha(opacity=100); }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; filter: alpha(opacity=50); }

.flex-control-nav { width: auto; position: absolute; text-align: center; left: 14%; bottom: 13%; }

.flex-control-nav li { margin: 0 8px; display: inline-block; zoom: 1; *display: inline; }

.flex-control-paging li a { background: #fff; opacity: 1; display: block; height: 14px; overflow: hidden; width: 14px; cursor: pointer; border-radius: 50%; text-indent: -99999px; }

.flex-control-paging li a.flex-active { background: #fff; opacity: .5; }

/* 代码整理：懒人之家 lanrenzhijia.com */









#certify4 { width: 100%; display: block; margin:0px 0px 0px 0px; position:relative; z-index: 3; overflow: hidden;; }

#certify4 .swiper-container { padding:0;  overflow: hidden; }

#certify4 .swiper-slide { width: 100%;  height:850px;  padding:0px;  text-align: center;  position: relative;  z-index: 1; overflow:hidden;  }

#certify4 .swiper-slide-active, .swiper-slide-duplicate-active { -webkit-tap-highlight-color: transparent; outline: none; }





#certify4 .swiper-slide  img{width:100%;}

#certify4 .swiper-slide   video {

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    object-fit: fill;

}



.video-section {}

.video-section .videoContent {

    display: none;

}

.video-section .video-details {

    padding: 10px;

    background: #FFFFFF;

    border-radius: 5px;

    box-sizing: border-box;

}

.video-section .video {

}

.video-section .poster {

    position: relative;

    display: block;

    width: 100%;

}

.video-section .poster:after {

    content: '';

    transition: all .3s;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background: #000000;

    opacity: .4;

    z-index: 1;

}

 

.video-section .poster .video-bg {

    display: block;

}

.video-section .poster:hover .icon-play {

    opacity: .5;

}

.video-section .icon-play {

    position: absolute;

    top: calc(50% - 25px);

    left: calc(50% - 25px);

    z-index: 2;

    width: 50px;

    height: 50px;

    transition: all .3s;

    opacity: 1;

}



   

#certify4 .swiper-button-prev4 { text-indent: -9999px; position:absolute;  z-index:30; top:50%; bottom: auto; left:0px; width:77px!important; height:74px!important; 

    background:url(../images/prev1.png) no-repeat!important;  background-size: 100% 100%; border: none; -webkit-tap-highlight-color: transparent; outline: none; }



#certify4 .swiper-button-prev4:hover { background:url(../images/prev1.png) no-repeat!important;  background-size: 100% 100%; }

#certify4 .swiper-button-next4 { text-indent: -9999px; right: 0px;  top: 50%; bottom: auto;   position:absolute;  z-index:30;  width: 77px!important; height:74px!important;

 background:  url(../images/next1.png) no-repeat!important;  background-size: 100% 100%;  border: none; -webkit-tap-highlight-color: transparent; outline: none; }



#certify4 .swiper-button-next4:hover { background:url(../images/next1.png) no-repeat!important;  background-size: 100% 100%; }









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

    .mainbox { width: 100%; *width: 100%; _width: 100%; height: auto; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 0%; margin-left: -0px; *margin-left: -0px; _margin-left: -0px; margin-top: 4rem; overflow: hidden; }





#certify4 .swiper-slide { width: 100%;  height:800px;  padding:0px;  z-index: 1; text-align: center;  position: relative; overflow:hidden;  }

    .flexslider .slides > li { display: block; width: 100%; max-width: 100%; height: 800px; float: left; position: relative; left: 0%; top: 0; margin: 0 auto; right: 0; position: relative; -webkit-backface-visibility: hidden; overflow: hidden; }



.flexslider .slides > li  video {

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    object-fit: fill;

}





    .flex-direction-nav a { width: 60px; height: 58px; margin: -30px 0 0; display: block; background: none; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all .3s ease; }



    .flex-direction-nav .flex-prev { background: url(../images/prev1.png) no-repeat left bottom; background-size: 100% 100%; left: 1px; }

    .flex-direction-nav .flex-next { background: url(../images/next1.png) no-repeat left bottom; background-size: 100% 100%; right: 1px; }



    .flex-control-nav { width: 100%; position: absolute; text-align: center; left: 0%; bottom: 4%; }

    .flex-control-nav li { margin: 0 8px; display: inline-block; zoom: 1; *display: inline; }

    .flex-control-paging li a { background: #fff; opacity: 1; display: block; height: 10px; overflow: hidden; width: 10px; cursor: pointer; border-radius: 50%; text-indent: -99999px; }





   

#certify4 .swiper-button-prev4 { text-indent: -9999px; position:absolute;  z-index:30; top:50%; bottom: auto; left:0px; width:60px!important; height:58px!important; 

    background:url(../images/prev1.png) no-repeat!important;  background-size: 100% 100%; border: none; -webkit-tap-highlight-color: transparent; outline: none; }



#certify4 .swiper-button-prev4:hover { background:url(../images/prev1.png) no-repeat!important;  background-size: 100% 100%; }

#certify4 .swiper-button-next4 { text-indent: -9999px; right: 0px;  top: 50%; bottom: auto;   position:absolute;  z-index:30;  width: 60px!important; height:58px!important;

 background:  url(../images/next1.png) no-repeat!important;  background-size: 100% 100%;  border: none; -webkit-tap-highlight-color: transparent; outline: none; }



#certify4 .swiper-button-next4:hover { background:url(../images/next1.png) no-repeat!important;  background-size: 100% 100%; }



}





@media screen and (max-width: 1500px) and (min-width: 1200px) {



    .flexslider { margin: 0 auto; position: relative; width: 100%;   height:640px; overflow: hidden; }

 

#certify4 .swiper-slide { width: 100%;  height:600px;  padding:0px;  z-index: 1; text-align: center;  position: relative; overflow:hidden;  }

 

.flexslider .slides > li  video {

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    object-fit: cover;

}





 

}



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

    .mainbox { width: 100%; *width: 100%; _width: 100%; height: auto; position: relative; z-index: 9; margin: 0; top: 0;

     float: left; left: 0%; margin-left: -0px; *margin-left: -0px; _margin-left: -0px; margin-top:1rem; overflow: hidden; }







#certify4 .swiper-slide { width: 100%;  height:360px;  padding:0px;  z-index: 1; text-align: center;  position: relative; overflow:hidden;  }

    .flexslider { margin: 0 auto; position: relative; width: 100%; zoom: 1; height:360px; overflow: hidden; }

    .flexslider .slides > li { display: block; width: 100%; max-width: 100%; height: 360px; float: left; position: relative; left: 0%; top: 0; margin: 0 auto; right: 0; position: relative; -webkit-backface-visibility: hidden; overflow: hidden; }

	

.flexslider .slides > li  video {

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    object-fit: fill;

}





    .flex-direction-nav a { width: 40px; height: 35px; margin: -30px 0 0; display: block; background: none; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all .3s ease; }



    .flex-direction-nav .flex-prev { background: url(../images/prev1.png) no-repeat left bottom; background-size: 100% 100%; left: 1px; }

    .flex-direction-nav .flex-next { background: url(../images/next1.png) no-repeat left bottom; background-size: 100% 100%; right: 1px; }



    .flex-control-nav { width: 100%; position: absolute; text-align: center; left: 0%; bottom: 4%; }

    .flex-control-nav li { margin: 0 8px; display: inline-block; zoom: 1; *display: inline; }

    .flex-control-paging li a { background: #fff; opacity: 1; display: block; height: 10px; overflow: hidden; width: 10px; cursor: pointer; border-radius: 50%; text-indent: -99999px; }





   

#certify4 .swiper-button-prev4 { text-indent: -9999px; position:absolute;  z-index:30; top:50%; bottom: auto; left:0px; width:40px!important; height:45px!important; 

    background:url(../images/prev1.png) no-repeat  center  center  !important;  background-size:40px 45px!important; border: none; -webkit-tap-highlight-color: transparent; outline: none; }



#certify4 .swiper-button-prev4:hover { background:url(../images/prev1.png) no-repeat  center  center  !important;  background-size:40px 45px!important; }

#certify4 .swiper-button-next4 { text-indent: -9999px; right: 0px;  top: 50%; bottom: auto;   position:absolute;  z-index:30;  width: 40px!important; height:45px!important;

 background:  url(../images/next1.png) no-repeat  center  center !important;  background-size:40px 45px!important;  border: none; -webkit-tap-highlight-color: transparent; outline: none; }



#certify4 .swiper-button-next4:hover { background:url(../images/next1.png) no-repeat center  center !important;  background-size:40px 45px!important; }





}









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



    .flexslider { margin: 0 auto; position: relative; width: 100%; zoom: 1; height:166px; overflow: hidden; }

    .flexslider .slides > li { display: block; width: 100%; max-width: 100%; height: 166px; float: left; position: relative; z-index: 5; left: 0%; top: 0; margin: 0 auto; right: 0; position: relative; -webkit-backface-visibility: hidden; overflow: hidden; }

	

    .m_banner{margin-top: 3.5rem;}





#certify4 .swiper-slide { width: 100%;  height:166px;  padding:0px; z-index: 1; text-align: center;  position: relative; overflow:hidden;  }

}