/*首页 一   滚动*/
.m-ipro{ height: 335px;}
.m-ipro .ipro-wp{width: 1200px; margin: 0 auto;}
#scroll-list .prev{top:260px;left:-50px; _left:10px;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
#scroll-list .next{top:260px;left:1120px;_right:50px;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
#scroll-list .prev:hover,#scroll-list .next:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
#scroll-list .bx_container{margin-left:50px;}

.ul-pics li:before,
.ul-pics li a.img:before,
.ul-pics li a.img:after,
.ul-pics .aico
{
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ul-pics li a.img:before,
.ul-pics li a.img:after
{
    -webkit-transition: all 0.8s ease-in-out 0.3s;
    -moz-transition: all 0.8s ease-in-out 0.3s;
    -o-transition: all 0.8s ease-in-out 0.3s;
    transition: all 0.8s ease-in-out 0.3s;
}
.ul-pics li{
    margin-right:20px; float:left; position: relative;
    width: 356px;height: 460px;
    border: 1px solid #0084ff;
}
.ul-pics li:before{
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    left: 6px;
    top: 6px;
    right: 6px;
    bottom: 6px;
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -o-transform: scale(0,0);
    -ms-transform: scale(0,0);
    transform: scale(0,0);
    background: rgba(27, 188, 155,0.2);
}

.ul-pics li.ok:before{
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
}

.ul-pics li a.img:before{
    content: '';
    top: 20px;
    right: 10px;
    bottom: 20px;
    left: 10px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: absolute;
    -webkit-transform: scale(0,1);
    -moz-transform: scale(0,1);
    -o-transform: scale(0,1);
    -ms-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
    z-index: 1;
}

.ul-pics li.ok a.img:before{
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
}

.ul-pics li a.img:after{
    content: '';
    top: 10px;
    right: 20px;
    bottom: 10px;
    left: 20px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    position: absolute;
    -webkit-transform: scale(1,0);
    -moz-transform: scale(1,0);
    -o-transform: scale(1,0);
    -ms-transform: scale(1,0);
    transform: scale(1,0);
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    transform-origin: 100% 0;
    z-index: 1;
}

.ul-pics li.ok a.img:after{
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
}

.ul-pics .aico {
    position: absolute;
    bottom: 30px;
    right: 40px;
    z-index: 888;
    opacity: 0;
}
.ul-pics .ok .aico {
    opacity: 1;
}
.ul-pics .aico a {
    display: inline-block;
    width: 27px;
    height: 27px;
    background: url(../images/m-iproa1.png) no-repeat;
    margin-left: 5px;
}
.ul-pics .aico .i-lk {
    background-image: url(../images/m-iproa2.png) no-repeat;
}

.relative{ position: relative;}
.flexslider.full-screen-slider.slides li{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.flexslider.full-screen-slider {
    height: 100vh;
    z-index:10;
    position: relative;
}
.flexslider.full-screen-slider .flex-direction-nav li {

    background-position: center;
    display: flex;
    vertical-align: middle;
    align-items: center;
}


.flexslider.full-screen-slider .flex-direction-nav {
    top:calc(50% - 35px);
    position: absolute;
    margin: 0 auto;
    display: flex;
    align-items: center;
    vertical-align: middle;
    width: 100%;
}
.flexslider.full-screen-slider .flex-direction-nav li.flex-nav-prev {
    margin-right: auto;
    vertical-align: middle;
}
.flexslider.full-screen-slider .flex-direction-nav li a {
    position: unset;
    background-color: transparent;
    display: block;
    color:#fff;
    opacity: 0.3;
}
.flexslider.full-screen-slider .flex-direction-nav li:hover a{
    opacity: 1
    background:transparent;
}
.flexslider.full-screen-slider .flex-direction-nav li a:hover{
    background:transparent;
    opacity: 1
}
.full-screen-slider .image-slide .image-slide-caption .title4 {
    margin-bottom: 15px;
    width: 100%;
    font-weight: 300;
    line-height: 34px;
    font-size: 28px;
    text-align: center;

}

.full-screen-slider .image-slide .image-slide-caption,
.full-screen-slider .slide2 .image-slide-caption{
    top: 56%;
}

.full-screen-slider .image-slide .image-slide-caption .title2,
.full-screen-slider .image-slide .image-slide-caption .title3,
.full-screen-slider .image-slide .image-slide-caption .title1 {
    font-size: 57px;
    font-weight: 700;
}

.slides li{
    position: relative
}
.slides li:before{
    content: '';
    height: 100%;
    width: 100%;
    background-color:rgba(0,0,0,.4);
    position: absolute;
    top:0;
    left:0;
    display: block;
}
.container-large {
    width: 100%;
    max-width: 1200px;
    position: relative;
    z-index: 4;
    margin: 0 auto;
}
.banner-caption,
.banner-nav{
    position: relative;
    height: 100%;
}
.image-slide-caption .def-btn {
    margin-top: 30px;
}
.quail-footer .foter-column .def-btn {
    color: white;
}
.full-screen-slider .image-slide .image-slide-caption, .full-screen-slider .slide2 .image-slide-caption {
    margin-left: 0;
    left: 0;
    text-align: center;
}
.def-btn, .wpcf7-submit {
    font-size: 14px;
    line-height: 40px;
    padding: 0 30px;
    display: inline-block;
    transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    color: white;
    background-color: #d65050;
    cursor: pointer;
}
.flex-next i,
.flex-prev i{font-size: 70px}
.flex-next i:before,
.flex-prev i:before{line-height: 70px;}
.owl-nav .owl-prev .fas,
.owl-nav .owl-next .fas{
    font-size: 30px;
    opacity: 0.4;
    transition: all .4s ease;
}
.teamCarousel:hover .owl-nav .owl-prev .fas,
.teamCarousel:hover .owl-nav .owl-next .fas
{
    opacity: 1;
    color:#d65050;
    transition: all .4s ease;

}