/* CSS Document */


    .actice {
        width: 100%;
        height: 140px;
        background-color: #fff;
    }

    .pocketCamera {
        height: auto;
        width: 100%;
        background-color: #fff;
        display: flex;
        justify-content: center;
    }

    .pocketCamera .c-content {
        width: 1200px;
        height: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .pocketCamera .c-content .con-top {
        width: 100%;
        height: auto;
        min-width: 1200px;
        text-align: center;
        box-sizing: border-box;
        margin-top: 50px;
    }

    .pocketCamera .c-content .con-top h1 {
        font-size: 30px;line-height:54px;
    }

    .pocketCamera .c-content .con-bottom {
        height: 100%;
        margin-top: 40px;
    }

    .pocketCamera .c-content .con-bottom button {
        min-width: 300px;
        height: 56px;
        color: #f2f2f2;
        background-color: #d61419;
        border: none;
        font-size: 22px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        padding:0 10px;
    }
    .pocketCamera .c-content .con-bottom button:hover{
        background-color:#ff0000;
    }
    .con-bottom button img {
        padding-left: 15px;
    }

    .banner {
        width: 100%;
        height: 600px;
        /* background-color: aqua; */
        position: relative;
        margin-top: 90px;
        /* background-color: #fff; */
    }


.banner .swiper-container {
	padding-bottom: 60px;
    width:100%;
}

.banner  .swiper-slide {
	width: 1600px;
   
	height: 600px;
	background: #fff;
}
.banner  .swiper-slide img{
	display:block;max-width:1600px;
}
.banner .swiper-slide-active{transform:translateY(70px)!important;}

.banner .swiper-button-prev {
	left: 6%;
	width: 45px;
	height: 45px;
	background-image: url(/common/images/ban-left.png) ;
    background-repeat:no-repeat;
	background-position: 0 0;opacity:0.7;
	background-size: 100%;z-index:10;
}

.banner .swiper-button-prev:hover {
	background-position: 0;opacity:1;
	background-size: 100%
}

.banner .swiper-button-next {
	right: 6%;
	width: 45px;
	height: 45px;
	background-image: url(/common/images/ban-right.png);
    background-repeat:no-repeat;
	background-position: 0;
    opacity:0.7;
	background-size: 100%;z-index:10;
}

.banner .swiper-button-next:hover {
	background-position: 0;opacity:1;
	background-size: 100%
}
    .banner .banner-content .btn div {
        position: absolute;
        width: 70px;
        height: 70px;
        top: 300px;
        cursor: pointer;
    }

    .banner .banner-content .btn .btn-left {
        left: 130px;
        z-index: 99;
    }

    .banner .banner-content .btn .btn-right {
        right: 115px;
        z-index: 99;
    }

    .bricks {
        width: 100%;
        height: auto;
        background-color: #f2f2f2;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 75px;
    }

    .video {
        width: 1200px;
        height: 675px;
        margin-top: 100px;
    }

    .video img {
        width: 100%;
        height: 100%;
    }

    .bricks-content {
        margin-top: 90px;
        width: 1200px;
    }

    .bricks-content .content-item {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .bricks-content .content-item {
        margin-bottom: 60px;
    }

    .bricks-content .content-item .content-left h3 {
        font-size: 32px;line-height:36px;
    }

    .bricks-content .content-item .content-left p {
        font-size: 16px;
        width: 335px;
        height: auto;
        padding-top: 15px;line-height:32px;
    }

    .bricks-content .content-item .content-left .button {
        min-width: 220px;
        height: 44px;
        background-color: black;
        color: #fff;
        font-size: 14px;
        text-align: center;
        margin-top: 30px;
        cursor: pointer;display:block;line-height:44px;
    }
    .bricks-content .content-item .content-left .button:hover{
        background-color:#d61419;
    }
    .content-left{width:300px;}
    .content-right {
        width: 900px;
        height: auto;
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
       
        align-content: flex-end;
    }

    .content-right .cr-item {
        /* margin-top: 30px; */
        width:240px;
        padding-bottom:10px;margin-top:10px;border-radius:10px;margin-left:60px;
    }
      .content-right .cr-item:hover{background:#ffffff;box-shadow:0 0 10px rgba(0,0,0,0.15);}

       .content-right .cr-item .pimg{width:240px;height:240px;overflow:hidden;display:flex;align-items:center;justify-content:center;}
    .content-right .cr-item img {
        width: auto;max-width:100%;
        height: auto;max-height:220px;
    }
     .content-right .cr-item .butt{  width: 100%;box-sizing:border-box; padding: 10px 20px 0 20px;}
    .content-right .cr-item p {
      
       font-size:16px;line-height:22px;color:#000000
    }

    .content-right .cr-item h3 {
        font-size: 26px;
       line-height:40px;
    }

    .col-fa {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .col-fa .fa-ll {
        width: 1200px;
        height: auto;
        /* background-color: aquamarine; */
        margin-top: 100px;
        /* height: 954px; */
    }

    .col-fa .fa-ll .fa-ll-top {
        display: flex;
    }

      .col-fa .fa-ll .fa-ll-top .top-img {
        max-width: 762px;
        max-height: 750px;
        min-height:412px;
        width:auto;
        height:auto;
    }

    .col-fa .fa-ll .fa-ll-top .top-img img {
        max-width: 100%;
        max-height: 100%;
        width:auto;
        height:auto;
    }

    .col-fa .fa-ll .fa-ll-top .top-mess {
        margin: 70px 0 0 60px;
    }

    .col-fa .fa-ll .fa-ll-top .top-mess h3 {
        font-size:32px;line-height:36px;
    }

    .col-fa .fa-ll .fa-ll-top .top-mess p {
        font-size: 16px;
        width: 335px;
        height: auto;
        padding-top: 15px;line-height:32px;
    }

    .col-fa .fa-ll .fa-ll-top .top-mess .button {
        min-width: 220px;
        height: 44px;
        background-color: black;
        color: #fff;
        font-size: 14px;
        text-align: center;
        margin-top: 30px;
        cursor: pointer;display:block;line-height:44px;
    }
    .col-fa .fa-ll .fa-ll-top .top-mess .button:hover{background-color:#d61419}

    .fa-ll-bottom {
        display: flex;
        justify-content: space-around;
        margin-top: 20px;
    }

    .fa-ll-bottom .cr-item {
        /* margin-top: 30px; */
        margin-top: 40px;width:240px;border-radius:10px;
    }
     .fa-ll-bottom .cr-item:hover{background:#ffffff;box-shadow:0 0 10px rgba(0,0,0,0.15);}
    .fa-ll-bottom .cr-item .pimg{width:240px;height:240px;overflow:hidden;display:flex;align-items:center;justify-content:center;}
    .fa-ll-bottom .cr-item .pimg .img{width:auto;height:auto;max-width:100%;max-height:100%}
    .fa-ll-bottom .cr-item .butt{  width: 100%;box-sizing:border-box; padding: 10px 20px 0 20px;}
    .fa-ll-bottom .cr-item p {
        width: 100%;
        font-size:16px;line-height:22px;color:#000000;
    }

    .fa-ll-bottom .cr-item h3 {
           font-size: 26px;
       line-height:40px;
        padding: 5px 0 0 0;
    }

    .col-fa .fb-ll {
        width: 1200px;
        height: 480px;
        margin-top: 100px;
    }

    .col-fa .fb-ll img {
        width: 100%;
        height: 100%;
    }

    .s-scoll {
        width: 100%;
        height: 480px;
        position: relative;
        margin-top: 60px;
    }   .s-scoll .swiper {
        width: 100%;
        height: 100%;
        overflow:hidden;
      }
        .s-scoll .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

         .s-scoll .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
         
         .s-scoll  .swiper-button-prev2 {position:absolute;
	left: 10px;
	width: 45px;
	height: 45px;
	background: url(/common/images/ban-left.png) no-repeat;
	background-position: 0 0;opacity:0.7;
	background-size: 100%;z-index:10;top:50%;cursor:pointer;
}

         .s-scoll .swiper-button-prev2:hover {
	background-position: 0;opacity:1;
	background-size: 100%
}

         .s-scoll  .swiper-button-next2 {
             position:absolute;
	right: 10px;
	width: 45px;
	height: 45px;
	background: url(/common/images/ban-right.png) no-repeat;
	background-position: 0;
    opacity:0.7;
	background-size: 100%;z-index:10;top:50%;cursor:pointer;
}

         .s-scoll  .swiper-button-next2:hover {
	background-position: 0;opacity:1;
	background-size: 100%
}
    .col-fb {
        display: flex;
        justify-content: center;
        width: 100%;
        height: auto;
        padding-bottom: 60px;
        margin-top: 90px;
    }

    .fb-content {
        width: 1200px;
        height: 100%;
        /* background-color: cadetblue; */
    }

    .fb-content .fc-item {
        width: 100%;
        height: 100%;
        padding-bottom: 30px;
        /* background-color: aquamarine; */
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .fb-content .fc-item .title {
        display: flex;
        height: auto;
        font-size: 36px;
        padding-left: 70px;
        cursor: pointer;
        position: relative;
        width: 920px;
        user-select: none;
        line-height:46px;
    }

    .fb-content .fc-item .title::before {
        content: '';
        position: absolute;
        width: 38px;
        height: 38px;
        background-image: url('/common/images/close.png');
        left: 0;
        top: 5px;
    }

    .fb-content .fc-item .active::before {
        content: '';
        position: absolute;
        width: 38px;
        height: 38px;
        background-image: url('/common/images/open.png');
        left: 0;
        top: 5px;
    }

    .fb-content .fc-item .title div {
        margin: 0;
        padding-left: 20px;
    }

    .fb-content .fc-item img {
        width: 38px;
        height: 38px;
        padding-top: 5px;
        cursor: pointer;
    }

    .fb-content .fc-item .con {
        max-height: 0;
        overflow: hidden;padding-top:15px;font-size:20px;color:#464646;line-height:30px;
    }

    .fb-content .fc-item p {
        font-size: 20px;
        padding-left: 10px;
        width: 850px;
    }

    .sendmess {
        width: 100%;
        height: auto;
        background-color: #f2f2f2;
        display: flex;
        justify-content: center;
    }
    
    .sm-con {
        width: 1200px;
        height: 100%;
        /* background-color: cadetblue; */
    }

    .sendmess .sm-con .title {
        font-size: 40px;
        margin-top: 50px;line-height:50px;
    }

    .sendmess .sm-con .form {
        width: 100%;
        height: auto;
        margin-top: 28px;
    }
    .sendmess .p1{    font-size: 18px;
    line-height: 32px;
    margin-top: 20px;color:#000000;}
    .sendmess .sm-con .form .form-top {
        display: flex;
        justify-content: space-between;
    }

    .sendmess .sm-con .form .form-top input {
        /* width: 285px;
    height: 70px; */
        border: none;
        outline: none;
        font-size: 16px;
    }

    .sendmess .sm-con .form .form-top .input-box {
        width: 285px;
        height: 70px;
        background-color: #fff;
        display: flex;
        align-items: center;
        padding-left: 25px;
        box-sizing: border-box;position:relative;
    }
    .sendmess .sm-con .form .form-top  .lab{color:#ff0000;font-size:20px;position:absolute;left:8px;top:28px}
    .sendmess .sm-con .form .form-bottom {
        margin-top: 23px;
    }

    .sendmess .sm-con .form .form-bottom .input-box-b {
        width: 1200px;
        height: 200px;
        background-color: #fff;
        box-sizing: border-box;
        padding: 25px 0 0 25px;position:relative;
    }
    .sendmess .sm-con .form .form-bottom .input-box-b  .lab{color:#ff0000;font-size:20px;position:absolute;left:8px;top:28px}
    .sendmess .sm-con .form .form-bottom .input-box-b input {
        outline: none;
        border: none;
        width: 1100px;
        font-size: 16px;
    }
       .sendmess .sm-con .form .form-bottom .input-box-b textarea {
        outline: none;
        border: none;
        width: 1100px;
        font-size: 16px;
        height:100px;
    }

    .sendmess .sm-con .btn {
        display: flex;
        justify-content: center;
        margin-top: 20px;margin-bottom:40px;
    }

    .sendmess .sm-con .btn button {
        width: 285px;
        height: 70px;
        border: none;
        font-size: 16px;
        margin: 0 10px;
        cursor: pointer;
        font-weight: bold;
    }

    .sendmess .sm-con .btn button:first-child {
        background-color: #000000;
        color: #fff;
    }

    .sendmess .sm-con .btn button:last-child {
        background-color: #fff;
        color: #333;
    }
        .sendmess .sm-con .btn button:hover{
            background-color:#d61419;color:#ffffff
        }
    ::-webkit-input-placeholder {
        /* WebKit, Blink, Edge */
        color: #333;
        font-size: 16px;
        /*font-weight: bold;*/
    }

    :-moz-placeholder {
        /* Mozilla Firefox 4-18 */
        color: #333;
        font-size: 16px;
        /*font-weight: bold;*/
    }

    ::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #333;
        font-size: 16px;
        /*font-weight: bold;*/
    }

    :-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #333;
        font-size: 16px;
        /*font-weight: bold;*/
    }

@media (min-width: 1200px) and (max-width:1600px){
  
    }
@media (max-width: 1200px){
  
    }