﻿@media screen and (min-width:800px) {
    .iphone {
        display: none;
    }


    .top_img {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 1100px;
        height: 486px;
        width: 100%;
        position: relative;
    }

    .Product004 {
        position: absolute;
        top: 30%;
        left: 5%;
        height: 230px;
        width: 650px;
    }

    .Product001 {
        font-size: 40px;
        color: white;
        font-weight: 400;
        height: 70px;
        line-height: 70px;
    }

    .Product002 {
        font-size: 16px;
        color: white;
    }

    .Product003 {
        font-size: 16px;
        color: white;
    }

    .Pro001 {
        width: 60%;
        min-width: 1200px;
        margin: 0 auto;
    }

    .Expert0004 {
        width: 60%;
        min-width: 1200px;
        margin: 0 auto;
        height: 900px;
        padding-top: 150px;
    }

    .Expert0002 {
        width: 42%;
        float: left;
        font-size: 18px;
        margin-left: 10%;
        color: #b0afaf;
    }

    .Expert0003 {
        margin-left: 5%;
        width: 450px;
        float: left;
        border-radius: 50%;
        height: 450px;
        margin-top: 25px;
        background: url(/Img/img103.jpg) no-repeat;
        background-size: cover;
    }

    .Expert0009 {
        width: 410px;
        height: 82px;
        margin: 0 auto;
        color: #00C1DE;
        font-size: 35px;
        line-height: 82px;
    }

        .Expert0009 img {
            width: 100%;
            height: 100%;
        }

    .Pro002 {
        background-color: #EFF9FA;
        width: 100%;
        height: 700px;
    }

    .Pro003 {
        margin-top: 10px;
        color: #00C1DE;
        max-height: 400px;
        display: block;
        overflow: auto;
    }

        .Pro003::-webkit-scrollbar {
            width: 6px;
            height: 6px;
            background-color: transparent;
        }

        .Pro003::-webkit-scrollbar-thumb {
            border-radius: 10px;
            background-color: transparent;
        }

    .Pro004 {
        height: 700px;
        width: 100%;
        background-color: #00C1DE;
    }

    .Pro005 {
        height: 500px;
        width: 60%;
        min-width: 1200px;
        margin: 0 auto;
    }

    .Pro006 {
        height: 82px;
        color: white;
        font-size: 35px;
        line-height: 82px;
    }

    .Pro008 {
        width: 45%;
        min-width: 500px;
        float: left;
        margin-top: 2px;
        cursor: pointer;
    }

    .Pro0010 {
        width: 100%;
        height: 60px;
        margin-top: 30px;
        background-color: white;
        border-radius: 15px;
    }

    .Pro0011 {
        width: 18%;
        height: 60px;
        line-height: 60px;
        float: left;
        text-align: center;
        border-right: 3px solid #00C1DE;
        color: #00C1DE;
        font-size: 22px;
    }

    .Pro0012 {
        width: 80%;
        height: 60px;
        line-height: 60px;
        float: left;
        color: #00C1DE;
        font-size: 22px;
        padding-left: 15px;
    }

    .Pro009 {
        width: 45%;
        margin-left: 7%;
        min-width: 500px;
        background-color: white;
        height: 100%;
        float: left;
        border-radius: 15px;
        padding: 20px;
    }

    .Pro007 {
        width: 100%;
        height: 580px;
    }

    .Pro009 img {
        height: 265px;
        width: 500px;
    }

    .Pro0013 {
        color: #00C1DE;
        font-size: 16px;
        margin-top: 50px;
    }

    .Pro0014 {
        width: 100%;
        height: 800px;
        margin-top: 150px;
    }

    .Company0031 {
        text-align: center;
        color: white;
        font-size: 38px;
        font-weight: 600;
    }

    .Pro0015 {
        width: 60%;
        min-width: 1000px;
        height: 500px;
        position: relative;
        margin: 0 auto;
    }

    .Pro0016 {
        position: absolute;
        width: 150px;
        height: 150px;
        border: 1px solid #00C1DE;
        border-radius: 50%;
        top: 10px;
        left: 50px;
        cursor: pointer;
        transition: all 1s;
        line-height: 150px;
        text-align: center;
        font-size: 18px;
        color: white;
        background-color: #00C1DE;
    }

    .Pro0017 {
        position: absolute;
        width: 150px;
        height: 150px;
        border: 1px solid #00C1DE;
        border-radius: 50%;
        top: 80px;
        left: 190px;
        cursor: pointer;
        transition: all 1s;
        line-height: 150px;
        text-align: center;
        font-size: 18px;
        color: white;
        background-color: #00C1DE;
    }

    .Pro0018 {
        position: absolute;
        width: 150px;
        height: 150px;
        border: 1px solid #00C1DE;
        border-radius: 50%;
        top: 200px;
        left: 50px;
        cursor: pointer;
        transition: all 1s;
        line-height: 150px;
        text-align: center;
        font-size: 18px;
        color: white;
        background-color: #00C1DE;
    }

    .Pro0019 {
        position: absolute;
        width: 150px;
        height: 150px;
        border: 1px solid #00C1DE;
        border-radius: 50%;
        top: 450px;
        left: 151px;
        cursor: pointer;
        transition: all 1s;
        line-height: 150px;
        text-align: center;
        font-size: 18px;
        color: white;
        background-color: #00C1DE;
    }

    .Pro0020 {
        position: absolute;
        width: 150px;
        height: 150px;
        border: 1px solid #00C1DE;
        border-radius: 50%;
        top: 304px;
        left: 241px;
        cursor: pointer;
        transition: all 1s;
        line-height: 150px;
        text-align: center;
        font-size: 18px;
        color: white;
        background-color: #00C1DE;
    }

    .Pro0021 {
        position: absolute;
        width: 150px;
        height: 150px;
        border: 1px solid #00C1DE;
        border-radius: 50%;
        top: 150px;
        left: 340px;
        cursor: pointer;
        transition: all 1s;
        line-height: 150px;
        text-align: center;
        font-size: 18px;
        color: white;
        background-color: #00C1DE;
    }

    .Pro0022 {
        position: absolute;
        width: 150px;
        height: 150px;
        border: 1px solid #00C1DE;
        border-radius: 50%;
        top: 50px;
        left: 551px;
        cursor: pointer;
        transition: all 1s;
        line-height: 150px;
        text-align: center;
        font-size: 18px;
        color: white;
        background-color: #00C1DE;
    }

    .Pro0023 {
        position: absolute;
        width: 150px;
        height: 150px;
        border: 1px solid #00C1DE;
        border-radius: 50%;
        top: 350px;
        left: 651px;
        cursor: pointer;
        transition: all 1s;
        line-height: 150px;
        text-align: center;
        font-size: 18px;
        color: white;
        background-color: #00C1DE;
    }

    .Pro0024 {
        position: absolute;
        width: 150px;
        height: 150px;
        border: 1px solid #00C1DE;
        border-radius: 50%;
        top: 50px;
        left: 850px;
        cursor: pointer;
        transition: all 1s;
        line-height: 150px;
        text-align: center;
        font-size: 18px;
        color: white;
        background-color: #00C1DE;
    }

    .Pro0025 {
        position: absolute;
        width: 150px;
        height: 150px;
        border: 1px solid #00C1DE;
        border-radius: 50%;
        top: 430px;
        left: 371px;
        cursor: pointer;
        transition: all 1s;
        line-height: 150px;
        text-align: center;
        font-size: 18px;
        color: white;
        background-color: #00C1DE;
    }

    .Pro0026 {
        position: absolute;
        width: 150px;
        height: 150px;
        border: 1px solid #00C1DE;
        border-radius: 50%;
        top: 350px;
        left: 851px;
        cursor: pointer;
        transition: all 1s;
        line-height: 150px;
        text-align: center;
        font-size: 18px;
        color: white;
        background-color: #00C1DE;
    }

    .Pro0027 {
        position: absolute;
        width: 150px;
        height: 150px;
        border: 1px solid #00C1DE;
        border-radius: 50%;
        top: 250px;
        left: 481px;
        cursor: pointer;
        transition: all 1s;
        line-height: 150px;
        text-align: center;
        font-size: 18px;
        color: white;
        background-color: #00C1DE;
    }

    .Pro0028 {
        position: absolute;
        width: 150px;
        height: 150px;
        border: 1px solid #00C1DE;
        border-radius: 50%;
        top: 150px;
        left: 711px;
        cursor: pointer;
        transition: all 1s;
        line-height: 150px;
        text-align: center;
        font-size: 18px;
        color: white;
        background-color: #00C1DE;
    }

        .Pro0016:hover, .Pro0017:hover, .Pro0018:hover, .Pro0019:hover, .Pro0020:hover, .Pro0021:hover, .Pro0022:hover, .Pro0023:hover, .Pro0024:hover, .Pro0025:hover, .Pro0026:hover, .Pro0027:hover, .Pro0018:hover, .Pro0028:hover {
            transform: scale(1.1);
        }

    .Pro0029 {
        width: 100%;
        background-color: #F3F2F7;
        height: 800px;
        padding-top: 50px;
    }

    .Pro0030 {
        width: 60%;
        min-width: 1200px;
        margin: 0 auto;
        height: 500px;
    }



    .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .lightSpeedIn {
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
        -webkit-animation-name: lightSpeedIn;
        animation-name: lightSpeedIn;
    }

    @-webkit-keyframes flipInX {
        from {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            opacity: 0;
        }

        40% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }

        60% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            opacity: 1;
        }

        80% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        }

        to {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
        }
    }

    @-webkit-keyframes lightSpeedIn {
        from {
            -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
            opacity: 0;
        }

        60% {
            -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
            opacity: 1;
        }

        80% {
            -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
            opacity: 1;
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1;
        }
    }

    .Main0027 {
        border-radius: 50%;
        border: 1px solid #00C1DE;
        width: 200px;
        height: 200px;
    }

    .Main0023 {
        top: 240px;
        color: white;
    }

    .Main0024 {
        top: 280px;
        color: white;
        padding: 10px;
    }

    .Main0029 {
        top: 300px;
        color: white;
    }

    .picList li {
        height: 520px;
        background: none;
        background-color: #00C1DE;
        color: white;
    }

    .picScroll-left {
        height: 580px;
    }
}
