/* ---------------------------banner---------------------------------- */



.banner {

    width: 100%;

    overflow: hidden;

    margin-top: 74px;

}



@media all and (max-width:900px) {

    .banner {

        margin-top: 50px;

    }

}



.banner img {

    width: 100%;

    object-fit: cover;

}



/* ---------------------------intro-box---------------------------------- */



.intro-box {

    width: 100%;

    overflow: hidden;

    background-color: #eeeeee;

    padding-bottom: 90px;

    z-index: -9;

}



.intro {

    width: 1200px;

    margin: 0 auto;

}



.intro-matter {

    width: 100%;

}



.intro-matter ul li {

    width: 50%;

    float: left;

    position: relative;

}



.intro-matter ul li:nth-child(1) h4 {

    width: 91%;

    height: 349px;

    overflow: hidden;

}



.intro-matter ul li:nth-child(1) h4 img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: all 1s ease-in-out;

    transform: scale(1.01);

}



.intro-matter ul li:nth-child(1) h4 img:hover {

    transform: scale(1.1);

}



.intro-matter ul li:nth-child(1) h5 {

    width: 91%;

    height: 349px;

    border: 3px solid #b7d200;

    position: absolute;

    left: 4%;

    top: 8%;

}



.intro-matter ul li:nth-child(2) p {

    font-size: 14px;

    color: #666666;

    line-height: 24px;

    width: 95%;

    margin-left: 5%;

    text-indent: 2em;

}



/* -----------------------------manage-box------------------------------------- */



.manage-box {

    width: 100%;

    overflow: hidden;

    padding-bottom: 60px;

}



.manage {

    width: 1200px;

    margin: 0 auto;

}



.manage-matter {

    width: 100%;

    position: relative;

}



.manage-pic {

    width: 572px;

    height: 553px;

    object-fit: cover;

}



.manage-pic-phone {

    width: 501px;

    height: 542px;

    display: none;

}



.manage-phone {

    position: absolute;

    bottom: 14%;

    left: 12%;

}



.manage-phone i {

    width: 43px;

    height: 43px;

    display: block;

    background-image: url('../images/join/manage_phone.png');

    background-repeat: no-repeat;

    float: left;

    margin: 10px 10px 0 0;

}



.manage-phone h1 {

    float: left;

}



.manage-phone h1 p {

    font-size: 16px;

    color: #fff;

}



.manage-phone h1 span {

    font-size: 30px;

    color: #fff;

}



.manage-phone h1 span:hover {

    color: #f5bc32;

}



.manage-icon p {

    width: 42px;

    height: 42px;

    border-radius: 100%;

    color: #fff;

    text-align: center;

    line-height: 42px;

    float: left;

    margin-right: 16px;

}



.manage-icon span {

    font-size: 18px;

    color: #555555;

    line-height: 42px;

}



.manage-icon span:hover {

    color: #000;

}



.manage-1 {

    position: absolute;

    top: 14%;

    left: 34%;

}



.manage-1 p {

    background-color: #b7d331;

}



.manage-2 {

    position: absolute;

    top: 27%;

    left: 42%;

}



.manage-2 p {

    background-color: #f7ac00;

}



.manage-3 {

    position: absolute;

    top: 44%;

    left: 45.5%;

}



.manage-3 p {

    background-color: #00a6d1;

}



.manage-4 {

    position: absolute;

    top: 62%;

    left: 45.5%;

}



.manage-4 p {

    background-color: #ec6900;

}



.manage-words {

    position: absolute;

    width: 40%;

    height: 140px;

    overflow: hidden;

    right: 10%;

    bottom: 0;

}



.manage-words h2 {

    margin-top: 10px;

}



.manage-words h2 b {

    font-size: 30px;

    color: #ec6900;

}



.manage-words h2 b:hover {

    color: #ff7300;

}



.manage-words h2 span {

    font-size: 24px;

    color: #333333;

}



.manage-words h4 {

    margin-top: 16px;

}



.manage-words h4 b {

    font-size: 16px;

    color: #ec6900;

}



.manage-words h4 span {

    font-size: 16px;

    color: #777777;

}



/* -----------------------------quode-box------------------------------------- */



.quode-box {

    width: 100%;

    overflow: hidden;

}



.quode-l ul li {

    width: 50%;

    float: left;

    height: 426px;

    overflow: hidden;

}



.quode-l ul li:nth-child(1) {

    background-color: #f7ac00;

}



.quode-r ul li {

    width: 50%;

    float: left;

    height: 426px;

    overflow: hidden;

}



.quode-r ul li:nth-child(2) {

    background-color: #b7d331;

}



.quode-words {

    color: #fff;

}



.quode-words h1 {

    font-size: 38px;

    width: 80%;

    margin-left: 10%;

    margin-top: 120px;

    margin-bottom: 20px;

}



.quode-words p {

    font-size: 16px;

    width: 80%;

    margin-left: 10%;

    line-height: 26px;

    margin-top: 12px;

}



.quode-words h6 {

    font-size: 18px;

    margin-left: 10%;

    margin-top: 30px;

}



.quode-pic {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: all 1s ease-in-out;

}



.quode-pic:hover {

    transform: scale(1.1);

}



/* ------------------------------select-box------------------------------------ */



.select-box {

    width: 100%;

    overflow: hidden;

    padding-bottom: 70px;

    background-color: #fbfbfb;

}



.select {

    width: 1200px;

    margin: 0 auto;

}



.select-matter {

    width: 100%;

}



.select-matter ul li {

    width: 20%;

    float: left;

    height: 340px;

    overflow: hidden;

    text-align: center;

    border: 1px solid #fbfbfb;

    padding-bottom: 20px;

}



.select-matter ul li:hover {

    border: 1px solid #f1f1f1;
    -moz-box-shadow: 0 4px 10px 1px rgb(206, 206, 206);
    -webkit-box-shadow: 0 4px 10px 1px rgb(206, 206, 206);
    box-shadow: 0 4px 10px 1px rgb(206, 206, 206);
}



.select-matter ul li b {

    display: inline-block;

    width: 112px;

    height: 112px;

    background-repeat: no-repeat;

    margin-top: 16px;

}



.select-matter ul li h2 {

    font-size: 24px;

    color: #000;

    margin-top: 22px;

}



.select-matter ul li i {

    display: inline-block;

    width: 15px;

    background-image: url('../images/join/select_line.png');

    height: 1px;

    background-repeat: no-repeat;

    margin-top: 18px;

}



.select-matter ul li p {

    font-size: 13px;

    color: #777777;

    margin-top: 18px;

    line-height: 22px;

    width: 90%;

    margin-left: 5%;

    overflow: hidden;

    display: -webkit-box;

    text-overflow: ellipsis;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

}



.select-1 {

    background-image: url('../images/join/select_icon1.png');

}



.select-2 {

    background-image: url('../images/join/select_icon2.png');

}



.select-3 {

    background-image: url('../images/join/select_icon3.png');

}



.select-4 {

    background-image: url('../images/join/select_icon4.png');

}



.select-5 {

    background-image: url('../images/join/select_icon5.png');

}



/* -----------------------------support-box------------------------------------- */



.support-box {

    width: 100%;

    height: 598px;

    background-image: url('../images/public/support_bg.png');

    background-repeat: no-repeat;

    overflow: hidden;

    position: relative;

}



.support {

    width: 1200px;

    margin: 0 auto;

}



.support-matter {

    width: 100%;

    overflow: hidden;

}



.swiper-container-support {

    width: 100%;

    position: relative;

    overflow: hidden;

    padding: 6px;

}



.support-words {

    width: 100%;

    background-color: #fff;

    height: 330px;

    border-radius: 60px;

    text-align: center;

}



.support-words:hover {

    -moz-box-shadow: 0 2px 10px 0 #888888;

    -webkit-box-shadow: 0 2px 10px 0 #888888;

    box-shadow: 0 2px 10px 0 #888888;

}



.support-words h4 {

    width: 129px;

    height: 129px;

    display: inline-block;

    border-radius: 100%;

    overflow: hidden;

    margin-top: 28px;

}



.support-words h4 img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: all 1s ease-in-out;

}



.support-words h4 img:hover {

    transform: scale(1.1);

}



.support-words h5 {

    font-size: 20px;

    color: #333333;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    margin-top: 22px;

}



.support-words p {

    font-size: 13px;

    width: 84%;

    margin-left: 8%;

    color: #888888;

    overflow: hidden;

    display: -webkit-box;

    text-overflow: ellipsis;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    margin-top: 18px;

}



.swiper-support-prev {

    position: absolute;

    top: 60%;

    left: 15%;

    z-index: 9;

    cursor: pointer;

    transform: translate(0, -50%);

}



.swiper-support-prev h3 {

    width: 50px;

    height: 50px;

    text-align: center;

}



.swiper-support-prev h3 i {

    display: inline-block;

    width: 12px;

    height: 23px;

    background-image: url('../images/public/support_left.png');

    background-repeat: no-repeat;

    margin-top: 13.5px;

}



.swiper-support-prev h3:hover {

    border-radius: 100%;

    border: 1px solid #fff;

}



.swiper-support-next {

    position: absolute;

    top: 60%;

    right: 15%;

    z-index: 9;

    cursor: pointer;

    transform: translate(0, -50%);

}



.swiper-support-next h3 {

    width: 50px;

    height: 50px;

    text-align: center;

}



.swiper-support-next h3 i {

    display: inline-block;

    width: 12px;

    height: 23px;

    background-image: url('../images/public/support_right.png');

    background-repeat: no-repeat;

    margin-top: 13.5px;

}



.swiper-support-next h3:hover {

    border-radius: 100%;

    border: 1px solid #fff;

}



/* ---------------------------------require-box--------------------------------- */



.require-box {

    width: 100%;

    overflow: hidden;

    padding-bottom: 80px;

}



.require {

    width: 1200px;

    margin: 0 auto;

}



.require-matter {

    width: 100%;

    overflow: hidden;

    padding: 6px 6px;

}



.require-matter ul {

    margin-left: -1%;

}



.require-matter ul li {

    width: 24%;

    margin-left: 1%;

    height: 276px;

    float: left;

    -moz-box-shadow: 0 2px 10px 0 #cacaca;

    -webkit-box-shadow: 0 2px 10px 0 #cacaca;

    box-shadow: 0 2px 10px 0 #cacaca;

    text-align: center;

    margin-top: 16px;

    transition: all .4s ease-in-out;

}



.require-matter ul li h4 {

    font-size: 34px;

    font-weight: bold;

    margin-top: 60px;

}



.require-matter ul li i {

    display: block;

    width: 44px;

    height: 2px;

    margin: 0 auto;

}



.require-matter ul li p {

    font-size: 16px;

    overflow: hidden;

    display: -webkit-box;

    text-overflow: ellipsis;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

    width: 84%;

    margin-left: 8%;

    line-height: 24px;

    margin-top: 36px;

}



.require-matter ul li:nth-child(1) {

    border-top: 3px solid #00a6d1;

}



.require-matter ul li:nth-child(1) h4 {

    color: #00a6d1;

}



.require-matter ul li:nth-child(1) i {

    background-color: #00a6d1;

}



.require-matter ul li:nth-child(1) p {

    color: #555555;

}



.require-matter ul li:nth-child(1):hover {

    background-color: #00a6d1;

}



.require-matter ul li:nth-child(1):hover h4 {

    color: #fff;

}



.require-matter ul li:nth-child(1):hover i {

    background-color: #fff;

}



.require-matter ul li:nth-child(1):hover p {

    color: #fff;

}



.require-matter ul li:nth-child(2) {

    border-top: 3px solid #b7d331;

}



.require-matter ul li:nth-child(2) h4 {

    color: #b7d331;

}



.require-matter ul li:nth-child(2) i {

    background-color: #b7d331;

}



.require-matter ul li:nth-child(2) p {

    color: #555555;

}



.require-matter ul li:nth-child(2):hover {

    background-color: #b7d331;

}



.require-matter ul li:nth-child(2):hover h4 {

    color: #fff;

}



.require-matter ul li:nth-child(2):hover i {

    background-color: #fff;

}



.require-matter ul li:nth-child(2):hover p {

    color: #fff;

}



.require-matter ul li:nth-child(3) {

    border-top: 3px solid #f7ab00;

}



.require-matter ul li:nth-child(3) h4 {

    color: #f7ab00;

}



.require-matter ul li:nth-child(3) i {

    background-color: #f7ab00;

}



.require-matter ul li:nth-child(3) p {

    color: #555555;

}



.require-matter ul li:nth-child(3):hover {

    background-color: #f7ab00;

}



.require-matter ul li:nth-child(3):hover h4 {

    color: #fff;

}



.require-matter ul li:nth-child(3):hover i {

    background-color: #fff;

}



.require-matter ul li:nth-child(3):hover p {

    color: #fff;

}



.require-matter ul li:nth-child(4) {

    border-top: 3px solid #ec6900;

}



.require-matter ul li:nth-child(4) h4 {

    color: #ec6900;

}



.require-matter ul li:nth-child(4) i {

    background-color: #ec6900;

}



.require-matter ul li:nth-child(4) p {

    color: #555555;

}



.require-matter ul li:nth-child(4):hover {

    background-color: #ec6900;

}



.require-matter ul li:nth-child(4):hover h4 {

    color: #fff;

}



.require-matter ul li:nth-child(4):hover i {

    background-color: #fff;

}



.require-matter ul li:nth-child(4):hover p {

    color: #fff;

}



/* -------------------------------flow-box----------------------------------- */



.flow-box {

    width: 100%;

    overflow: hidden;

    background-color: #f5f5f5;

    padding-bottom: 80px;

}



.flow {

    width: 1200px;

    margin: 0 auto;

}



.flow-matter {

    width: 100%;

    padding: 6px;

    overflow: hidden;

    position: relative;

}



.flow-matter ul li {

    float: left;

    width: 25%;

    height: auto;

    text-align: center;

}



.flow-matter ul li h1 {

    width: 128px;

    height: 128px;

    border-radius: 100%;

    text-align: center;

    margin: 0 auto;

    margin-top: 20px;

    transition: all .6s ease-in-out;

}



.flow-matter ul li h2 {

    font-size: 24px;

    color: #333333;

    margin-top: 20px;

}



.flow-matter ul li p {

    font-size: 15px;

    color: #555555;

    margin-top: 24px;

}



.flow-matter ul li:hover h1 {

    transform: translateY(-16px);

}



.flow-matter ul li:hover h1 {

    -moz-box-shadow: 0 4px 10px 0px #e6e6e6;

    -webkit-box-shadow: 0 4px 10px 0px #e6e6e6;

    box-shadow: 0 4px 10px 0px #e6e6e6;

}



.flow-ic1 {

    background-color: #73c4f1;

}



.flow-ic1 img {

    width: 55px;

    height: 55px;

    margin-top: 36.5px;

}



.flow-arrow {

    width: 29px;

    height: 21px;

    display: inline-block;

    background-image: url('../images/join/join_arrow.png');

    background-repeat: no-repeat;

    position: absolute;

    top: 50%;

    margin-left: -1%;

    transform: translate(0, -50%);

}



.flow-ic2 {

    background-color: #eb75a7;

}



.flow-ic2 img {

    width: 59px;

    height: 58px;

    margin-top: 35px;

}



.flow-ic3 {

    background-color: #facf33;

}



.flow-ic3 img {

    width: 58px;

    height: 58px;

    margin-top: 35px;

}



.flow-ic4 {

    background-color: #b7d331;

}



.flow-ic4 img {

    width: 56px;

    height: 54px;

    margin-top: 36px;

}



/* ----------------------------------case-box-------------------------------- */



.case-box {

    width: 100%;

    overflow: hidden;

    padding-bottom: 60px;

}



.case {

    width: 1200px;

    margin: 0 auto;

}



.case-matter ul {

    width: 100%;

    margin-left: -1.58333333333333333333333333%;

}



.case-matter ul li {

    width: 31.75%;

    margin-left: 1.58333333333333333333333%;

    height: 381px;

    overflow: hidden;

    position: relative;

    float: left;

    border-radius: 10px;

}



.case-matter ul li img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: all 1s ease-in-out;

}



.case-matter ul li img:hover {

    transform: scale(1.1);

}



.case-shade {

    width: 100%;

    height: auto;

    background-color: rgba(0, 0, 0, .2);

    padding: 10px 0;

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: 9;

}



.case-shade p {

    font-size: 18px;

    color: #ffffff;

    width: 86%;

    margin-left: 7%;

}



.case-more {

    width: 100%;

    overflow: hidden;

    text-align: center;

}



.case-more h1 {

    width: 160px;

    height: 45px;

    border-radius: 30px;

    border: 1px solid #01b3bb;

    color: #01b3bb;

    text-align: center;

    line-height: 45px;

    display: inline-block;

    font-size: 13px;

    margin: 46px 0 16px 0;

    transition: all .5s ease-in-out;

}



.case-more h1:hover {

    background-color: #01b3bb;

    color: #fff;

}



/* ---------------------------------form-box------------------------------------------ */



.form-box {

    width: 100%;

    height: 580px;

    background-image: url('../images/patent/formPut.jpg');

    background-repeat: no-repeat;

    overflow: hidden;

}



.form {

    width: 1200px;

    margin: 0 auto;

}



.form-matter {

    width: 972px;

    margin: 0 auto;

}



.form-matter h6 {

    overflow: hidden;

    margin-bottom: 30px;

    margin-left: -1.3%;

}



.form-list {

    width: 48.7%;

    height: 50px;

    background-color: rgba(255, 255, 255, 0.5);

    border-radius: 6px;

    text-indent: 1em;

    border: none;

    font-size: 14px;

    color: #fff;

    margin-left: 1.3%;

    float: left;

}



.form-list::-webkit-input-placeholder {

    color: #fff;

    font-size: 14px;

}



.form-matter h6 textarea {

    width: 98.7%;

    height: 100px;

    margin-left: 1.3%;

    background-color: rgba(255, 255, 255, 0.5);

    border-radius: 6px;

    text-indent: 1em;

    border: none;

    font-size: 14px;

    color: #fff;

    padding: 10px 10px 0 0;

}



.form-matter h6 textarea::-webkit-input-placeholder {

    color: #fff;

    font-size: 14px;

}



.form-matter h4 {

    width: 100%;

    text-align: center;

}



.form-click {

    width: 170px;

    height: 44px;

    font-size: 18px;

    background-color: rgba(255, 255, 255, 0.5);

    color: #fff;

    border: none;

    border-radius: 30px;

    margin: 0 auto;

    cursor: pointer;

	background-color: #facf33;

}



.form-click:hover {

    background-color: #facf33;

}



.form-list:focus {

    border: 1px solid #fff;

}



.form-matter h6 textarea:focus {

    border: 1px solid #fff;

}



/* -------------------------------------------------------------详情---------------------------------------------------------------------- */



.invent-box {

    width: 100%;

    overflow: hidden;

    margin: 80px 0 40px 0;

}



.invent {

    width: 1200px;

    margin: 0 auto;

}



.invent-matter {

    width: 100%;

    overflow: hidden;

    padding: 60px 0 60px 0;

}



.invent-matter ul li {

    float: left;

}



.invent-matter ul li:nth-child(1) {

    width: 39%;

}



.invent-matter ul li:nth-child(1) h1 {

    font-size: 20px;

    font-weight: bold;

    color: #333333;

    width: 100%;

}



.invent-matter ul li:nth-child(1) h1 i {

    width: 6px;

    height: 20px;

    background-color: #333333;

    display: inline-block;

    vertical-align: middle;

    margin-right: 2px;

}



.invent-matter ul li:nth-child(1) p {

    font-size: 16px;

    color: #555555;

    margin-top: 24px;

}



.invent-matter ul li:nth-child(1) h4 {

    width: 164px;

    height: 42px;

    border: 1px solid #555555;

    font-size: 15px;

    color: #555555;

    text-align: center;

    line-height: 42px;

    border-radius: 30px;

    margin-top: 40px;

}



.invent-matter ul li:nth-child(1) h4:hover {

    color: #fff;

    background-color: #b7d200;

    border: none;

}



.invent-matter ul li:nth-child(2) {

    width: 47%;

    margin-left: 14%;

    height: 500px;

    background-image: url('../images/index/invent_map.png');

    background-repeat: no-repeat;

    position: relative;

}



/* ---地图--- */



.invent-coord {

    position: absolute;

    bottom: 42%;

    left: 48%;

    cursor: pointer;

    z-index: 9;

}



/* .coord2 {

    bottom: 16%;

    left: 62%;

}



.coord3 {

    bottom: 22%;

    left: 72%;

}



.coord4 {

    bottom: 24%;

    left: 60%;

}



.coord5 {

    bottom: 34%;

    left: 82%;

}



.coord6 {

    bottom: 42%;

    left: 80%;

} */



.chengdu{}

.guangzhou {

    bottom: 26%;

    left: 68%;

}



.shenzhen {

    bottom: 22%;

    left: 72%;

}
.nanshan {

    bottom: 19%;

    left: 75%;

}


.foshan {

    bottom: 24%;

    left: 60%;

}



.xiamen {

    bottom: 34%;

    left: 82%;

}



.taizhou {

    bottom: 42%;

    left: 80%;

}





.invent-coord-words {

    width: 92%;

    background-color: #fff;

    padding: 2px;

    float: right;

    margin-top: 60px;

    -moz-box-shadow: -15px 15px 10px 0px rgba(192, 192, 192, .72);

    -webkit-box-shadow: -15px 15px 10px 0px rgba(192, 192, 192, .72);

    box-shadow: -15px 15px 10px 0px rgba(192, 192, 192, .72);

}



.invent-coord img {

    width: 22px;

    height: 29px;

}



.invent-coord:hover img {

    animation: shakeI 1s ease-in-out both;

}



@keyframes shakeI {

    0% {

        transform: scale(1);

    }

    10%,

    20% {

        transform: scale(0.9) rotate(-3deg);

    }

    30%,

    50%,

    70%,

    90% {

        transform: scale(1.2) rotate(3deg);

    }

    40%,

    60%,

    80% {

        transform: scale(1.2) rotate(-3deg);

    }

    100% {

        transform: scale(1) rotate(0);

    }

}



.invent-coord span {

    font-size: 14px;

    color: #555555;

    margin-left: 8px;

    margin-right: 8px;

}



.invent-coord-words div {

    float: left;

}



.coord-words-l {

    width: 48%;

    height: 184px;

    overflow: hidden;

}



.coord-words-l img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: all 1s ease-in-out;

}



.coord-words-l img:hover {

    transform: scale(1.1);

}



.coord-words-r {

    width: 46%;

    height: 184px;

    margin-left: 6%;

    overflow: hidden;

}



.coord-words-r h4 {

    font-size: 22px;

    color: #333333;

    font-weight: bold;

    margin: 20px 0 6px 0;

}



.coord-words-r h6 {

    padding: 6px 0;

}



.coord-words-r h6 p {

    font-size: 12px;

    color: #777777;

    width: 90%;

    margin-left: 10%;

    overflow: hidden;

    display: -webkit-box;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}



.coord-words-r h6 p:hover {

    color: #01b3bb;

}



.coord-1 {

    width: 16px;

    height: 16px;

    display: block;

    float: left;

    background-image: url('../images/index/invent_1.png');

}



.coord-2 {

    width: 17px;

    height: 14px;

    display: block;

    float: left;

    background-image: url('../images/index/invent_2.png');

}



.coord-3 {

    width: 18px;

    height: 14px;

    display: block;

    float: left;

    background-image: url('../images/index/invent_3.png');

}



/* -------------------------------------------------------------------- */



/* -------------------------------------------------------------------- */



/* -------------------------PC端--------------------------- */



@media all and (max-width:1380px) {

    .quode-l ul li {

        height: 284px;

    }

    .quode-words h1 {

        font-size: 34px;

        margin-top: 30px;

    }

    .quode-r ul li {

        height: 284px;

    }

    .swiper-support-prev {

        left: 40%;

        top: auto;

        bottom: 0%;

    }

    .swiper-support-next {

        right: 40%;

        top: auto;

        bottom: 0%;

    }

    .swiper-support-prev {

        left: 40%;

        top: auto;

        bottom: 0%;

    }

    .swiper-support-next {

        right: 40%;

        top: auto;

        bottom: 0%;

    }

}



@media all and (max-width:1280px) {

    .intro {

        width: 94%;

        margin-left: 3%;

    }

    .manage {

        width: 94%;

        margin-left: 3%;

    }

    .manage-words h2 b {

        font-size: 22px;

    }

    .manage-words h2 span {

        font-size: 18px;

    }

    .manage-icon span {

        font-size: 14px;

    }

    .manage-1 {

        left: 43%;

    }

    .manage-2 {

        left: 53%;

    }

    .manage-3 {

        left: 57.5%;

    }

    .manage-4 {

        left: 57.5%;

    }

    .manage-words {

        right: 0%;

    }

    .quode-l ul li {

        height: 230px;

    }

    .quode-words h6 {

        margin-top: 16px;

    }

    .select {

        width: 94%;

        margin-left: 3%;

    }

    .support {

        width: 94%;

        margin-left: 3%;

    }

    .require {

        width: 94%;

        margin-left: 3%;

    }

    .flow {

        width: 94%;

        margin-left: 3%;

    }

    .case {

        width: 94%;

        margin-left: 3%;

    }

    .case-matter ul li {

        height: auto;

    }

    .form {

        width: 94%;

        margin-left: 3%;

    }

    .form-matter {

        width: 100%;

    }

    .invent {

        width: 96%;

        margin-left: 2%;

    }

    .coord4 {

        bottom: 26%;

        left: 57%;

    }

}



/* ------------------------手机端-------------------------- */



@media all and (max-width:900px) {

    .intro-matter ul li {

        width: 100%;

    }

    .intro-matter ul li:nth-child(1) h4 {

        height: 177px;

    }

    .intro-matter ul li:nth-child(1) h5 {

        height: 181px;

    }

    .intro-matter ul li:nth-child(2) p {

        font-size: 12px;

        line-height: 22px;

        width: 100%;

        margin-left: 0%;

    }

    .intro-matter ul li:nth-child(2) {

        margin-top: 12%;

    }

    .intro-box {

        padding-bottom: 30px;

    }

    .manage-pic {

        display: none;

    }

    .manage-pic-phone {

        width: 100%;

        display: block;

        height: auto;

    }

    .manage-phone i {

        display: none;

    }

    .manage-phone h1 span {

        font-size: 18px;

    }

    .manage-phone {

        bottom: auto;

        top: 36%;

        left: 34%;

    }

    .manage-box {

        padding-bottom: 34px;

    }

    .manage-icon {

        position: static;

        margin-top: 16px;

        height: 50px;

        overflow: hidden;

    }

    .manage-icon span {

        line-height: 22px;

    }

    .manage-words {

        position: static;

        width: 100%;

        height: auto;

        margin: 16px 0 14px;

    }

    .manage-words h2 b {

        font-size: 18px;

    }

    .manage-words h2 span {

        font-size: 14px;

    }

    .manage-words h4 b {

        font-size: 14px;

    }

    .manage-words h4 span {

        font-size: 14px;

    }

    .quode-l ul li {

        width: 100%;

        height: auto;

    }

    .quode-l ul li:nth-child(1) {

        padding: 10px 0 20px 0;

    }

    .quode-words h1 {

        font-size: 20px;

        margin-top: 10px;

    }

    .quode-r ul li {

        width: 100%;

        height: auto;

    }

    .quode-r ul li:nth-child(2) {

        padding: 10px 0 20px 0;

    }

    .select-matter ul li {

        width: 100%;

        float: left;

        height: 340px;

    }

    .select-matter ul li h2 {

        font-size: 20px;

        margin-top: 22px;

    }

    .select-box {

        padding-bottom: 32px;

    }

    .support-words h5 {

        font-size: 15px;

    }

    .swiper-support-prev {

        top: auto;

        bottom: 0;

        left: 15%;

    }

    .swiper-support-next {

        top: auto;

        bottom: 0;

        right: 15%;

    }

    .support-box {

        height: 530px;

    }

    .require-matter ul {

        margin-left: -2%;

    }

    .require-matter ul li {

        width: 48%;

        margin-left: 2%;

        height: 210px;

    }

    .require-matter ul li h4 {

        font-size: 22px;

        margin-top: 36px;

    }

    .require-matter ul li i {

        width: 30px;

    }

    .require-matter ul li p {

        font-size: 14px;

        line-height: 22px;

        margin-top: 24px;

    }

    .require-box {

        padding-bottom: 24px;

    }

    .flow-matter ul li {

        width: 50%;

    }

    .flow-arrow {

        display: none;

    }

    .flow-matter ul li h2 {

        font-size: 18px;

        margin-top: 14px;

    }

    .flow-matter ul li p {

        font-size: 14px;

        margin-top: 16px;

        width: 90%;

        height: 38px;

        margin-left: 5%;

        overflow: hidden;

        display: -webkit-box;

        text-overflow: ellipsis;

        -webkit-line-clamp: 2;

        -webkit-box-orient: vertical;

    }

    .flow-box {

        padding-bottom: 30px;

    }

    .case-matter ul {   

        margin-left: 0%;

    }

    .case-matter ul li {

        width: 100%;

        margin-left: 0%;

        height: auto;

        margin-top: 16px;

    }

    .case-box {

        padding-bottom: 20px;

    }

    .form-matter h6 {

        margin-bottom: 0px;

        margin-left: 0%;

    }

    .form-list {

        width: 100%;

        margin-left: 0%;

        margin-top: 10px;

    }

    .form-matter h6 textarea {

        width: 100%;

        margin-left: 0%;

        margin-top: 10px;

    }

    .form-matter h4 {

        margin-top: 40px;

    }

    .case-shade p {

        font-size: 15px;

    }



    .invent-matter ul li:nth-child(1) {

        width: 100%;

    }

    .invent-matter {

        padding: 20px 0 20px 0;

    }

    .invent-matter ul li:nth-child(1) h1 {

        font-size: 13px;

    }

    .invent-matter ul li:nth-child(1) p {

        font-size: 12px;

        margin-top: 10px;

    }

    .invent-matter ul li:nth-child(1) h4 {

        width: 120px;

        height: 36px;

        font-size: 14px;

        line-height: 36px;

        margin-top: 20px;

    }

    .invent-matter ul li:nth-child(2) {

        width: 100%;

        margin-left: 0%;

        height: 222px;

        background-image: none;

    }

    .invent-coord-words {

        width: 100%;

        margin-top: 24px;

        -moz-box-shadow: none;

        -webkit-box-shadow: none;

        box-shadow: none;

    }

    .coord-words-r h4 {

        font-size: 16px;

        margin: 10px 0 2px 0;

    }

    .coord-words-l {

        display: none;

    }

    .coord-words-r {

        width: 100%;

        height: auto;

        padding: 10px;

        margin-left: 0%;

        background-color: #eee;

    }

    .invent-coord img {

        display: none;

    }

    .invent-coord span {

        color: #01b3bb;

    }

    /* .coord1{

        bottom: 0;

        left: 0;

    }

    .coord4 {

        bottom: 0%;

        left: 16.66%;

    }

    .coord2 {

        bottom: 0%;

        left: 33%;

    }

    .coord3 {

        bottom: 0%;

        left: 50%;

    }

    .coord6 {

        bottom: 0%;

        left: 67%;

    }

    .coord5 {

        bottom: 0%;

        left: 85%;

    } */



    .chengdu{

        bottom: 0;

        left: 0;

    }

    .guangzhou {

        bottom: 0%;

        left: 16.66%;

    }

    .foshan {

        bottom: 0%;

        left: 33%;

    }

    .shenzhen {

        bottom: 0%;

        left: 42%;

    }

    .taizhou {

        bottom: 0%;

        left: 67%;

    }

    .xiamen {

        bottom: 0%;

        left: 85%;

    }







    .invent-box {

        margin: 30px 0 24px 0;

    }



}