.banner-wrap{
    overflow-x: hidden;
}
.con {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.top-main {
    width: 100%;
    height: auto;
    padding: 20px 0;
    background: url(../images/topbg1.png) 50px top no-repeat;
}

.logo>a,
.top-tel {
    display: block;
    height: 70px;
}

.nav {
    width: 100%;
    height: auto;
    background: url(../images/navbg1.png) center no-repeat;
    background-size: 100% 100%;
}

.nav-main>ul>li {
    position: relative;
    margin-right: 2px;
}

.nav-main>ul>li::after {
    content: "";
    width: 1px;
    height: 15px;
    background-color: #82bb00;
    position: absolute;
    top: 0;
    right: -1px;
    bottom: 0;
    margin: auto;
}

.nav-main>ul>li:last-child::after {
    display: none;
}

.nav-main>ul>li>a {
    display: block;
    padding: 0 20px;
    font-size: 14px;
    color: #fefefe;
    height: 35px;
    line-height: 35px;
    font-weight: bolder;
}

.nav-main>ul>.nav-col>a {
    color: #ff000a;
}

.nav-main>ul>li>a:hover,
.nav-main>ul>.on>a {
    background-color: #4b9a1c;
}

.nav-main>ul>li:hover::after,
.nav-main>ul>.on::after {
    display: none;
}

.banner {
    width: 100%;
    height: auto;
    position: relative;
}

.banner>img {
    height: 600px;
    max-width: none;
}

.banner-main {
    width: 1200px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.banner-form {
    width: 350px;
    height: auto;
    background-color: rgba(0, 0, 0, .8);
    padding: 25px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.banner-title {
    padding: 30px 0;
}

.banner-title h3 {
    font-size: 28px;
    color: #f6b002;
    font-weight: bolder;
    padding-bottom: 15px;
}

.banner-title p {
    font-size: 20px;
    color: #ffffff;
}

.banner-list {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    position: relative;
}

.banner-list input,
.banner-list textarea {
    width: 100%;
    background-color: #ffffff;
    border-radius: 3px;
    font-size: 14px;
}

.banner-list input {
    height: 44px;
    padding: 0 15px 0 35px;
}

.banner-list textarea {
    height: 100px;
    padding: 15px;
    resize: none;
}

.list-icon {
    height: 16px;
    position: absolute;
    top: 0;
    left: 15px;
    bottom: 0;
    margin: auto;
    line-height: 0;
}

.banner-btn {
    padding-top: 20px;
}

.banner-btn>a {
    display: block;
    width: 100%;
    height: 42px;
    text-align: center;
    line-height: 42px;
    font-size: 20px;
    color: #ffffff;
    border-radius: 3px;
    background-color: #f58308;
}

.item {
    width: 100%;
    height: auto;
}

.item-main {
    padding: 30px 0;
}

.item-title {
    width: 70%;
    height: auto;
    padding: 20px 0;
    text-align: center;
    margin: 0 auto;
}

.item-title h3 {
    font-size: 40px;
    color: #000000;
    padding-bottom: 20px;
}

.item-title p {
    font-size: 16px;
    line-height: 1.6;
    color: #555555;
}

.flow {
    width: 100%;
    height: auto;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: center;
}

.flow-item {
    width: 168px;
    text-align: center;
    padding: 30px 0;
}

.flow-icon {
    width: 90px;
    text-align: center;
}

.flow-img {
    width: 100%;
    height: 100px;
    padding-left: 25px;
}

.flow-main h3 {
    font-size: 16px;
    color: #000000;
    padding: 15px 0;
    font-weight: bolder;
}

.flow-main p {
    font-size: 12px;
    color: #666666;
    line-height: 1.6;
}

.service {
    position: relative;
    overflow: hidden;
}

.service>img {
    height: 400px;
    max-width: none;
}

.service-main {
    width: 1200px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 30px 0;
}

.service .item-title h3 {
    color: #ffffff;
}

.item-info {
    width: 100%;
    height: auto;
}

.service-list {
    width: 100%;
    height: auto;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    color: #ffffff;
    text-align: center;
    padding: 30px 0;
}

.service-item {
    flex: 1;
    position: relative;
}

.service-img {
    width: 100%;
    height: auto;
}

.service-img span {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto;
}

.service1 span {
    background: url(../images/service1.png) center no-repeat;
    background-size: 100%;
}

.service2 span {
    background: url(../images/service2.png) center no-repeat;
    background-size: 100%;
}

.service3 span {
    background: url(../images/service3.png) center no-repeat;
    background-size: 100%;
}

.service4 span {
    background: url(../images/service4.png) center no-repeat;
    background-size: 100%;
}

.service5 span {
    background: url(../images/service5.png) center no-repeat;
    background-size: 100%;
}

.service6 span {
    background: url(../images/service6.png) center no-repeat;
    background-size: 100%;
}

.service-item.on .service1 span {
    background: url(../images/service11.png) center no-repeat;
    background-size: 100%;
}

.service-item.on .service2 span {
    background: url(../images/service21.png) center no-repeat;
    background-size: 100%;
}

.service-item.on .service3 span {
    background: url(../images/service31.png) center no-repeat;
    background-size: 100%;
}

.service-item.on .service4 span {
    background: url(../images/service41.png) center no-repeat;
    background-size: 100%;
}

.service-item.on .service5 span {
    background: url(../images/service51.png) center no-repeat;
    background-size: 100%;
}

.service-item.on .service6 span {
    background: url(../images/service61.png) center no-repeat;
    background-size: 100%;
}

.service-text {
    padding: 20px 0;
    font-size: 14px;
}

.service-solid {
    width: 20px;
    height: 20px;
    margin: 0 auto;
    border: 1px solid #ffffff;
    border-radius: 50%;
}

.service-solid::after,
.service-solid::before {
    content: "";
    width: calc(50% - 10px);
    height: 1px;
    background-color: #ffffff;
    position: absolute;
    bottom: 10px;
}

.service-solid::after {
    left: 0;
}

.service-solid::before {
    right: 0;
}

.service-item::after {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fbf80c;
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
}

.service-item.on::after {
    opacity: 1;
}

.meeting>ul {
    margin: 0 -12px;
}

.meeting>ul>li {
    width: 33.333333%;
    padding: 12px;
}

.meeting-main {
    width: 100%;
    padding: 20px;
}

.meeting-main h3 {
    font-size: 18px;
    color: #060606;
    font-weight: bolder;
    margin-bottom: 15px;
}

.meeting-main p {
    font-size: 14px;
    line-height: 1.6;
    color: #666666;
    height: 132px;
    overflow: hidden;
}


.success {
    width: 100%;
    height: auto;
    background: url(../images/successbg1.png) center no-repeat;
    background-size: 1920px 100%;
}

.success-main>ul {
    margin: 0 -38px;
}

.success-main>ul>li {
    width: 20%;
    padding: 30px 38px;
}

.success-img>img {
    width: 100%;
}

.success-text {
    padding-top: 20px;
    text-align: center;
}

.success-text>span {
    font-size: 24px;
    color: #000000;
    position: relative;
    padding: 0 15px;
}

.success-text>span::after,
.success-text>span::before {
    content: "";
    width: 8px;
    height: 2px;
    background-color: #777777;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.success-text>span::after {
    left: 100%;
}

.success-text>span::before {
    right: 100%;
}

.serve>ul {
    margin: 0 -80px;
}

.serve>ul>li {
    width: 25%;
    padding: 30px 80px;
}

.serve-item {
    width: 100%;
    height: auto;
}

.serve-img>img {
    width: 100%;
}

.serve-item p {
    font-size: 18px;
    color: #202020;
    text-align: center;
    padding-top: 20px;
}

.use {
    width: 100%;
    background: url(../images/usebg1.png) center no-repeat;
    background-size: 1920px;
}

.use-item {
    width: 600px;
    padding: 25px 0;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
}

.use-icon {
    width: 60px;
}

.use-text {
    width: 540px;
    padding: 0 20px;
}

.use-text h3 {
    font-size: 16px;
    color: #000000;
    padding-bottom: 10px;
    font-weight: bolder;
}

.use-text p {
    font-size: 14px;
    color: #555555;
}

.client>ul>li {
    width: 16.666666%;
}

.footer {
    width: 100%;
    background-color: #535353;
}

.footer-main {
    padding: 20px 0;
    text-align: center;
    font-size: 14px;
    color: #dadada;
}

.footer-main>p {
    padding-bottom: 10px;
}

.footer-main>ul {
    display: inline-block;
}

.footer-main>ul>li {
    padding: 0 10px;
    position: relative;
}

.footer-main>ul>li>a {
    color: #dadada;
}

.footer-main>ul>li::after {
    content: "";
    width: 2px;
    height: 15px;
    background-color: #dadada;
    position: absolute;
    top: 0;
    right: -1px;
    bottom: 0;
    margin: auto;
}

.footer-main>ul>li:last-child::after {
    display: none;
}

.search {
    width: 427px;
    height: auto;
    margin-left: 190px;
    padding-top: 7px;
}

.search-main {
    width: 100%;
    height: 34px;
    border: 2px solid #B1DB1F;
}

.search-main>span {
    width: 70px;
    height: 100%;
    line-height: 30px;
    background: #f5f5f5;
    border-right: 1px solid #B1DB1F;
    text-align: center;
}

.search-input {
    width: 293px;
    height: 100%;
}

.search-input>input {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
}

.search-btn {
    width: 60px;
    height: 100%;
}

.search-btn>a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 30px;
    text-align: center;
    color: #000000;
    background-color: #B1DB1F
}

.search>ul>li {
    font-size: 12px;
    line-height: 22px;
}

.search>ul>li>a {
    color: #FF6600;
    padding-right: 12px;
    line-height: 22px;
}

#remsearch {
    margin-top: 5px;
}

.rm {
    color: #FF6600;
    padding-right: 12px;
    font-size: 12px;
    cursor: pointer;
}

.banner-wrap * {
    box-sizing: border-box;
}