@charset "utf-8";

/*企业为什么一定要做SEO*/
.seo-qy { width: 100%; background: #141b33 url(../images/seo-qy-bg.jpg) center center no-repeat; padding: 100px 0; }
.seo-qy .seo-ls { width: 1200px; margin: 0 auto; }
.seo-qy .seo-ls h3.seo-h { width: 100%; height: 34px; line-height: 34px; font-size: 32px; color: #ffffff; text-align: center; margin-bottom: 32px; }

.seo-qy .seo-ls .seo-list { width: 100%; }
.seo-qy .seo-ls .seo-list ul { margin-left: -26px; overflow: hidden; }
.seo-qy .seo-ls .seo-list li { width: 280px; height: 285px; float: left; margin-left: 26px; margin-top: 26px; background-color: #fff; border-radius: 2px; padding: 30px 20px 20px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.seo-qy .seo-ls .seo-list li span { width: 100%; height: 76px; line-height: 76px; display: block; text-align: center; margin-bottom: 20px; }
.seo-qy .seo-ls .seo-list li span img { vertical-align: middle; max-height: 100%; max-width: 100%; }
.seo-qy .seo-ls .seo-list li h4 { width: 100%; height: 26px; line-height: 26px; font-size: 20px; color: #333333; text-align: center; margin-bottom: 15px; }
.seo-qy .seo-ls .seo-list li p { width: 100%; line-height: 26px; font-size: 16px; color: #999999; text-align: center; }
.seo-qy .seo-ls .seo-list li:active,
.seo-qy .seo-ls .seo-list li:hover { background-color: #f55f33; transform: translate(0,-5px); }
.seo-qy .seo-ls .seo-list li:active h4,
.seo-qy .seo-ls .seo-list li:hover h4 { color: #fff; }
.seo-qy .seo-ls .seo-list li:active p,
.seo-qy .seo-ls .seo-list li:hover p { color: #fff; }

@media (max-width:1440px) {
}

@media (max-width:1200px) {
    .seo-qy { padding: 50px 0; background-size: 100% 100%; }
    .seo-qy .seo-ls { max-width: 1200px; width: auto; margin: 0 10px; }

    .seo-qy .seo-ls h3.seo-h { font-size: 28px; margin-bottom: 25px; }

    .seo-qy .seo-ls .seo-list ul { margin-left: -2%; }
    .seo-qy .seo-ls .seo-list li { width: 23%; margin-left: 2%; }
    .seo-qy .seo-ls .seo-list li h4 { font-size: 18px; margin-bottom: 10px; }
}

@media (max-width:991px) {
    .seo-qy { padding: 35px 0; }
    .seo-qy .seo-ls h3.seo-h { font-size: 22px; margin-bottom: 20px; }
    .seo-qy .seo-ls .seo-list li { width: 31.3%; height: 260px; margin-left: 2%; padding: 15px 10px 10px; margin-top: 20px; }
    .seo-qy .seo-ls .seo-list li span { height: 60px; line-height: 60px; margin-bottom: 10px; }
    .seo-qy .seo-ls .seo-list li h4 { height: auto; font-size: 16px; margin-bottom: 5px; }
    .seo-qy .seo-ls .seo-list li p { line-height: 24px; font-size: 14px; }
}

@media (max-width:640px) {
    .seo-qy { padding: 20px 0; }
    .seo-qy .seo-ls h3.seo-h { font-size: 18px; margin-bottom: 10px; }
    .seo-qy .seo-ls .seo-list li { width: 48%; height: 220px; margin-left: 2%; }
    .seo-qy .seo-ls .seo-list li span { height: 50px; line-height: 50px; }
    .seo-qy .seo-ls .seo-list li h4 { font-size: 14px; }
}


/*为什么选择梭鱼点*/
.seo-sy { width: 100%; height: 600px; background: #0f162d url(../images/ys-bg-2-2.png) bottom center no-repeat; padding: 100px 0; }
.seo-sy .seo-ls { width: 1200px; margin: 0 auto; }
.seo-sy .seo-ls h3.seo-h { width: 100%; height: 34px; line-height: 34px; font-size: 32px; color: #ffffff; text-align: center; margin-bottom: 60px; }
.seo-sy .seo-ls .seo-list { width: 100%; padding-top: 55px; }
.seo-sy .seo-ls .seo-list ul { }
.seo-sy .seo-ls .seo-list li { width: 280px; height: 250px; float: left; padding: 60px 20px 20px; margin-right: 26px; text-align: center; position: relative; background-color: #fff; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.seo-sy .seo-ls .seo-list li:nth-child(4n) { margin-right: 0; }
.seo-sy .seo-ls .seo-list li span.img { width: 110px; height: 110px; border: 5px solid #fff; background-color: #f55f33; background-position: center center; background-repeat: no-repeat; border-radius: 50%; display: block; position: absolute; top: -55px; left: 50%; margin-left: -55px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.seo-sy .seo-ls .seo-list li:nth-child(1) span { background-image: url(../images/xz-icon-1.png); }
.seo-sy .seo-ls .seo-list li:nth-child(2) span { background-image: url(../images/xz-icon-2.png); }
.seo-sy .seo-ls .seo-list li:nth-child(3) span { background-image: url(../images/xz-icon-3.png); }
.seo-sy .seo-ls .seo-list li:nth-child(4) span { background-image: url(../images/xz-icon-4.png); }
.seo-sy .seo-ls .seo-list li h4 { width: 100%; height: 26px; line-height: 26px; font-size: 20px; color: #333333; text-align: center; font-weight: normal; }
.seo-sy .seo-ls .seo-list li i { width: 30px; height: 2px; background-color: #f55f33; display: block; margin: 15px auto; }
.seo-sy .seo-ls .seo-list li .seo-c { line-height: 28px; font-size: 16px; color: #999999; }

.seo-sy .seo-ls .seo-list li:hover { background-color: #f55f33; transform: translate(0,-5px); }
.seo-sy .seo-ls .seo-list li:hover span { border-color: #f55f33; background-color: #fff; }
.seo-sy .seo-ls .seo-list li:nth-child(1):hover span { background-image: url(../images/xz-icon-1-h.png); }
.seo-sy .seo-ls .seo-list li:nth-child(2):hover span { background-image: url(../images/xz-icon-2-h.png); }
.seo-sy .seo-ls .seo-list li:nth-child(3):hover span { background-image: url(../images/xz-icon-3-h.png); }
.seo-sy .seo-ls .seo-list li:nth-child(4):hover span { background-image: url(../images/xz-icon-4-h.png); }
.seo-sy .seo-ls .seo-list li:active h4,
.seo-sy .seo-ls .seo-list li:hover h4 { color: #fff; }
.seo-sy .seo-ls .seo-list li:active i,
.seo-sy .seo-ls .seo-list li:hover i { background-color: #fff; }
.seo-sy .seo-ls .seo-list li:active .seo-c,
.seo-sy .seo-ls .seo-list li:hover .seo-c { color: #fff; }


@media (max-width:1440px) {
}

@media (max-width:1200px) {
    .seo-sy { padding: 50px 0 100px; height: auto; background-size: 100% 100%; }
    .seo-sy .seo-ls { max-width: 1200px; width: auto; margin: 0 10px; }
    .seo-sy .seo-ls h3.seo-h { font-size: 28px; margin-bottom: 40px; }
    .seo-sy .seo-ls .seo-list { padding-top: 45px; }
    .seo-sy .seo-ls .seo-list ul { margin-left: -2%; }
    .seo-sy .seo-ls .seo-list li { width: 23%; margin-left: 2%; margin-right: 0; }

    .seo-sy .seo-ls .seo-list li h4 { font-size: 18px; }
}

@media (max-width:991px) {
    .seo-sy { padding: 35px 0 80px; }
    .seo-sy .seo-ls h3.seo-h { font-size: 22px; }
    .seo-sy .seo-ls .seo-list { padding-top: 30px; }

    .seo-sy .seo-ls .seo-list li h4 { font-size: 16px; }
    .seo-sy .seo-ls .seo-list li { padding: 60px 10px 10px; }
    .seo-sy .seo-ls .seo-list li span.img { width: 90px; height: 90px; top: -45px; margin-left: -45px; background-size: 38px; }
    .seo-sy .seo-ls .seo-list li .seo-c { font-size: 14px; line-height: 24px; }
}

@media (max-width:640px) {
    .seo-sy { padding: 20px 0; }
    .seo-sy .seo-ls h3.seo-h { font-size: 18px; }
    .seo-sy .seo-ls .seo-list { padding-top: 15px; }
    .seo-sy .seo-ls .seo-list li { width: 48%; height: 220px; margin-bottom: 65px; padding-top: 50px; }
    .seo-sy .seo-ls .seo-list li h4 { font-size: 14px; }
}


/*成功案例*/
.sys-case { width: 100%; height: auto; padding: 100px 0; background: #0e152b url(../images/casebg.jpg) center center no-repeat; }
.sys-case .case { width: 1200px; margin: 0 auto; }
.sys-case .case h3 { width: 100%; height: 40px; line-height: 40px; font-size: 32px; color: #ffffff; text-align: center; margin-bottom: 60px; }

.sys-case .caselist { }
.sys-case .caselist ul { margin-left: -30px; overflow: hidden; }
.sys-case .caselist li { width: 380px; height: 345px; margin: 0 0 30px 30px; float: left; }
.sys-case .caselist li .fy-picbox { width: 100%; height: 285px; background: #fff; overflow: hidden; }
.sys-case .caselist li .fy-picbox a { line-height: 285px; height: 285px; }
.sys-case .caselist li .fy-picbox img { max-width: 100%; max-height: 100%; vertical-align: middle; object-fit: cover; -webkit-transition: all .3s; transition: all .3s; }
.sys-case .caselist li:hover .fy-picbox img { transform: scale(1.05); }
.sys-case .caselist li .casetit { width: 100%; height: 60px; position: relative; }
.sys-case .caselist li .casetit a { display: block; }
.sys-case .caselist li .casetit h3 { width: 100%; height: 60px; line-height: 60px; text-align: center; font-weight: normal; font-size: 16px; color: #333333; background-color: #fff; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .3s; transition: all .3s; }
.sys-case .caselist li:hover .casetit h3 { background-color: #f55f33; color: #fff; }

.sys-case .caselist li .casetit .casunn { width: 100%; height: 0; position: absolute; bottom: 60px; left: 0; transition: all 0.3s ease-in-out 0s; overflow: hidden; background-color: rgba(0,0,0,0.6); }
.sys-case .caselist li:hover .casetit .casunn { height: 110px; }
.sys-case .caselist li .casetit .casunn .sunn { width: 100%; height: 90px; line-height: 28px; padding: 10px; font-size: 14px; color: #fefefe; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.sys-case .case .a-btn { width: 180px; height: 44px; line-height: 42px; font-size: 14px; font-weight: bold; color: #fefefe; border: 1px solid #f55f33; display: block; margin: 20px auto 0; text-align: center; background-color: #f55f33; border-radius: 3px; -webkit-transition: all .3s; transition: all .3s; }
.sys-case .case .a-btn:hover { background-color: #fff; color: #f55f33; }


@media (max-width:1440px) {
}

@media (max-width:1200px) {
    .sys-case { padding: 50px 0; background-size: 100% 100%; }
    .sys-case .case { max-width: 1200px; width: auto; margin: 0 10px; }
    .sys-case .case h3 { font-size: 28px; }
    .sys-case .case p.p { margin-bottom: 30px; height: auto; }
    .sys-case .caselist ul { margin-left: -2%; }
    .sys-case .caselist li { width: 31.3%; height: auto; margin-left: 2%; }
    .sys-case .caselist li .fy-picbox { height: 230px; }
    .sys-case .caselist li .fy-picbox a { line-height: 230px; height: 230px; }
    .sys-case .caselist li .fy-picbox img { width: 100%; height: 100%; }
}

@media (max-width:991px) {
    .sys-case { padding: 35px 0; }
    .sys-case .case h3 { font-size: 22px; margin-bottom: 15px; }
    .sys-case .case p.p { margin-bottom: 20px; }
    .sys-case .caselist li .fy-picbox { height: 180px; }
    .sys-case .caselist li .fy-picbox a { line-height: 180px; height: 180px; }

    .sys-case .caselist li .casetit { height: 40px; }
    .sys-case .caselist li .casetit h3 { height: 40px; line-height: 40px; font-size: 14px; }
    .sys-case .caselist li .casetit .casunn { bottom: 40px; }
    .sys-case .caselist li:active .casetit .casunn,
    .sys-case .caselist li:hover .casetit .casunn { height: 100px; }
    .sys-case .caselist li .casetit .casunn .sunn { line-height: 26px; }

    .sys-case .case .a-btn { width: 150px; height: 32px; line-height: 30px; }
}

@media (max-width:640px) {
    .sys-case { padding: 0 0 30px; }
    .sys-case .case h3 { font-size: 18px; }
    .sys-case .case p.p { margin-bottom: 10px; }
    .sys-case .caselist li { width: 48%; margin-bottom: 15px; }
    .sys-case .caselist li .fy-picbox { height: 150px; }
    .sys-case .caselist li .fy-picbox a { line-height: 150px; height: 150px; }
}

@media (max-width:440px) {
    .sys-case .caselist li .fy-picbox { height: 130px; }
    .sys-case .caselist li .fy-picbox a { line-height: 130px; height: 130px; }
}


/*SEO优化 合作流程*/
.index-seo { width: 100%; height: 600px; background: #0f162d; position: relative; overflow: hidden; }
.index-seo .wave { position: absolute; bottom: 0; }
.index-seo .seoyh { width: 1200px; margin: 0 auto; padding-top: 100px; z-index: 999; position: inherit; }
.index-seo .seoyh h3 { width: 100%; height: 40px; line-height: 40px; font-size: 32px; color: #f55f33; text-align: center; margin-bottom: 10px; }
.index-seo .seoyh p.p { width: 100%; height: 20px; line-height: 20px; font-size: 14px; color: #999999; text-align: center; margin-bottom: 60px; }

.seolist { width: 100%; height: 248px; z-index: 10; box-sizing: border-box; padding: 0 45px; }
.seolist ul { }
.seolist li { width: 20%; height: 248px; float: left; cursor: pointer; }

.seolist li .seo-bg { width: 148px; height: 148px; border-radius: 50%; background-color: #f55f33; margin: 0 auto; overflow: hidden; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.seolist li:nth-child(2) .seo-bg,
.seolist li:nth-child(4) .seo-bg { margin-top: 50px; }
.seolist li .seo-bg::before { content: ""; width: 54px; height: 54px; border-radius: 50%; background-color: rgba(0,0,0,0.3); box-sizing: border-box; position: absolute; left: 50%; bottom: -28px; margin-left: -27px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.seolist li .seo-bg .seo-img { width: 100%; height: 48px; margin-top: 20px; margin-bottom: 10px; background-position: center center; background-repeat: no-repeat; }
.seolist li:nth-child(1) .seo-bg .seo-img { background-image: url(../images/hz-icon-1.png); }
.seolist li:nth-child(2) .seo-bg .seo-img { background-image: url(../images/hz-icon-2.png); }
.seolist li:nth-child(3) .seo-bg .seo-img { background-image: url(../images/hz-icon-3.png); }
.seolist li:nth-child(4) .seo-bg .seo-img { background-image: url(../images/hz-icon-4.png); }
.seolist li:nth-child(5) .seo-bg .seo-img { background-image: url(../images/hz-icon-5.png); }
.seolist li:nth-child(1):hover .seo-bg .seo-img { background-image: url(../images/hz-icon-1-h.png); }
.seolist li:nth-child(2):hover .seo-bg .seo-img { background-image: url(../images/hz-icon-2-h.png); }
.seolist li:nth-child(3):hover .seo-bg .seo-img { background-image: url(../images/hz-icon-3-h.png); }
.seolist li:nth-child(4):hover .seo-bg .seo-img { background-image: url(../images/hz-icon-4-h.png); }
.seolist li:nth-child(5):hover .seo-bg .seo-img { background-image: url(../images/hz-icon-5-h.png); }
.seolist li .seo-bg .seo-t { width: 100%; line-height: 20px; font-size: 16px; color: #ffffff; text-align: center; padding: 0 10px; box-sizing: border-box; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.seolist li .seo-bg .seo-num { position: absolute; left: 0; bottom: 0; width: 100%; height: 26px; line-height: 26px; color: rgba(255,255,255,0.5); font-weight: bold; text-align: center; }
.seolist li:active .seo-bg .seo-t,
.seolist li:hover .seo-bg .seo-t { color: #f55f33; }
.seolist li:active .seo-bg,
.seolist li:hover .seo-bg { background-color: #fff; }
.seolist li:active .seo-bg::before,
.seolist li:hover .seo-bg::before { background-color: #f55f33; }
.seolist li:active .seo-bg .seo-num,
.seolist li:hover .seo-bg .seo-num { color: #fff; }

@media (min-width:992px) {
    .seolist { border-bottom: 1px solid #575c6c; position: relative; z-index: 10; }
    .seolist::after { content: ""; width: 10px; height: 10px; border-radius: 5px; border: 2px solid #575c6c; background-color: #fff; box-sizing: border-box; position: absolute; left: 0; bottom: -5px; }
    .seolist::before { content: ""; width: 10px; height: 10px; border-radius: 5px; border: 2px solid #575c6c; background-color: #fff; box-sizing: border-box; position: absolute; right: 0; bottom: -5px; }
    .seolist li { position: relative; }
    .seolist li::after { content: ""; width: 28px; height: 28px; border-radius: 25px; border: 2px solid #575c6c; background: #fff url(../images/jt.png) center center no-repeat; box-sizing: border-box; position: absolute; left: 50%; bottom: -14px; margin-left: -14px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
    .seolist li::before { content: ""; width: 2px; height: 100px; background-color: #575c6c; box-sizing: border-box; position: absolute; left: 50%; bottom: 0; margin-left: -1px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
    .seolist li:nth-child(2)::before,
    .seolist li:nth-child(4)::before { height: 50px; }
    .seolist li:hover::after { border-color: #f55f33; background: #f55f33 url(../images/jt-h.png) center center no-repeat; }
    .seolist li:hover::before { background-color: #f55f33; }
    .seolist li:nth-child(4) .seo-bg .seo-t { padding: 0 15px; }
}

@media (max-width:1440px) {
}

@media (max-width:1200px) {
    .index-seo .seoyh { max-width: 1200px; width: auto; margin: 0 10px; padding-top: 50px; }
    .index-seo .seoyh h3 { font-size: 28px; }
    .index-seo .seoyh p.p { margin-bottom: 50px; }
}

@media (max-width:991px) {
    .index-seo { height: 380px; }
    .wave canvas { height: 140px !important; }
    .index-seo .seoyh { padding-top: 35px; }
    .index-seo .seoyh h3 { font-size: 22px; }
    .index-seo .seoyh p.p { height: auto; margin-bottom: 35px; }

    .seolist { height: auto; padding: 0; }
    .seolist ul { margin-left: -2%; overflow: hidden; }
    .seolist li { width: 18%; height: auto; margin-left: 2%; }
    .seolist li .seo-bg { width: 100%; height: 130px; border-radius: 0; }
    .seolist li:nth-child(2) .seo-bg,
    .seolist li:nth-child(4) .seo-bg { margin-top: 0; }

    .seolist li .seo-bg .seo-img { height: 36px; background-size: 36px; margin-top: 10px; margin-bottom: 5px; }
    .seolist li .seo-bg .seo-t { font-size: 14px; }
}

@media (max-width:640px) {
    .index-seo { height: 550px; }
    .wave canvas { height: 100px !important; }

    .index-seo .seoyh { padding-top: 20px; }
    .index-seo .seoyh h3 { font-size: 18px; }
    .index-seo .seoyh p.p { margin-bottom: 20px; }

    .seolist li { width: 48%; margin-bottom: 2%; }
    .seolist li:nth-child(1) { width: 98%; }
    .seolist li .seo-bg { height: 110px; }
}

/*合作意向*/
.seo-hzyx { width: 100%; height: 846px; background: #0f162d url(../images/seo-hzyx-bg.jpg) center bottom no-repeat; padding: 80px 0 100px; }
.hzyx-mess { width: 1200px; height: 667px; margin: 0 auto; border-radius: 10px; background: #fff url(../images/seo-hz-icon.jpg) left bottom no-repeat; padding: 50px; }
.hzyx-mess .hz-left { float: left; width: 400px; }
.hzyx-mess .hz-right { float: right; width: 590px; }

.hzyx-mess .hz-left .hz-line { width: 100%; height: 4px; margin: 80px 0 10px; }
.hzyx-mess .hz-left .hz-line i { width: 84px; height: 4px; background-color: #f55f33; display: block; float: left; }
.hzyx-mess .hz-left h4 { width: 100%; font-size: 36px; color: #f55f33; text-align: left; margin-bottom: 48px; }
.hzyx-mess .hz-left h4 span { color: #000000; }
.hzyx-mess .hz-left .hz-tel { width: 100%; height: 40px; line-height: 40px; font-size: 36px; color: #f55f33; padding-left: 50px; text-align: left; font-family: arial, helvetica, sans-serif; background: url(../images/seo-tel.png) left center no-repeat; }
.hzyx-mess .hz-left .hz-com { width: 100%; line-height: 36px; font-size: 18px; color: #333333; text-align: left; margin-top: 60px; }

.hzyx-mess .hz-right .message-form { width: 100%; height: auto; }
.hzyx-mess .hz-right .message-form ul { margin-left: -4%; overflow: hidden; }
.hzyx-mess .hz-right .message-form li { width: 46%; float: left; line-height: 45px; padding-left: 15px; background-color: #f8f8f8; border: 1px solid #f8f8f8; border-radius: 24px; margin-left: 4%; margin-bottom: 30px; overflow: hidden; }

.hzyx-mess .hz-right .l-name-span { height: 45px; line-height: 45px; color: #757575; float: left; font-size: 16px; text-align: left; }
.hzyx-mess .hz-right .l-name-span em { color: #757575; font: 12px/1.75 "宋体", arial, sans-serif; float: right; height: 40px; line-height: 40px; margin-left: 5px; }
.hzyx-mess .hz-right .l-name-span .d-a { font-size: 16px; }
.hzyx-mess .hz-right .r-infor { float: left; width: 75%; }
.hzyx-mess .hz-right .message-form li.fy-form-companyname .r-infor { width: 65%; }

.hzyx-mess .hz-right .infor-input { color: #333; height: 45px; line-height: 45px; font-size: 16px; border: none; outline: 0; box-sizing: border-box; }
.hzyx-mess .hz-right .formtype-1 .infor-input { width: 100%; background-color: #f8f8f8; }

.hzyx-mess .hz-right li.formtype-2 { width: 96%; padding: 0; border: none; background-color: #fff; }
.hzyx-mess .hz-right .formtype-2 .l-name-span { width: 100%; text-align: left; font-size: 16px; font-weight: bold; color: #333; margin-bottom: 10px; }
.hzyx-mess .hz-right .formtype-2 .r-infor { width: 100%; border-radius: 10px; padding: 10px 15px; background-color: #f8f8f8; }
.hzyx-mess .hz-right .formtype-2 .fy-textarea { width: 100%; height: 120px; line-height: 30px; font-size: 16px; color: #333; float: left; background-color: #f8f8f8; font-family: "Microsoft YaHei"; outline: 0; }

.hzyx-mess .hz-right li.formtype-6 { width: 96%; padding: 0; border: none; background-color: #fff; }
.hzyx-mess .hz-right .formtype-6 .l-name-span { width: 100%; text-align: left; font-size: 16px; font-weight: bold; color: #333; }
.hzyx-mess .hz-right .formtype-6 .r-infor { width: 100%; border-radius: 10px; padding: 0; }
.hzyx-mess .hz-right .formtype-6 .r-infor .lb-Sex { margin-right: 20px; }
.hzyx-mess .hz-right .formtype-6 .r-infor .lb-Sex input { margin-right: 5px; }

/*提交按钮*/
.hzyx-mess .hz-right .mess-b-box { width: 180px; text-align: center; float: left; }
.hzyx-mess .hz-right .mess-b-box .mess-btn { float: left; width: 180px; height: 48px; line-height: 46px; font-size: 16px; color: #fff; background-color: #f55f33; border: 1px solid #f55f33; box-shadow: 0 10px 24px rgba(245,95,51,0.45); border-radius: 24px; cursor: pointer; text-align: center; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.hzyx-mess .hz-right .mess-b-box .mess-btn:active,
.hzyx-mess .hz-right .mess-b-box .mess-btn:hover { color: #f55f33; background-color: #fff; }

@media (max-width:1440px) {
}

@media (max-width:1200px) {
    .seo-hzyx { height: auto; padding: 40px 0 50px; background-size: 100% 100%; }
    .hzyx-mess { max-width: 1200px; width: auto; height: auto; margin: 0 10px; padding: 30px; }
    .hzyx-mess .hz-left { width: 40%; }
    .hzyx-mess .hz-right { width: 58%; }
    .hzyx-mess .hz-left .hz-line { margin: 60px 0 10px; }
    .hzyx-mess .hz-left h4 { font-size: 28px; margin-bottom: 38px; }
    .hzyx-mess .hz-left .hz-tel { font-size: 30px; }
    .hzyx-mess .hz-left .hz-com { margin-top: 40px; }
}

@media (max-width:991px) {
    .seo-hzyx { padding: 20px 0 30px; }
    .hzyx-mess { padding: 20px; }
    .hzyx-mess .hz-left .hz-line { height: 2px; margin: 40px 0 10px; }
    .hzyx-mess .hz-left .hz-line i { width: 84px; height: 2px; }
    .hzyx-mess .hz-left h4 { font-size: 22px; margin-bottom: 28px; }
    .hzyx-mess .hz-left .hz-tel { font-size: 26px; background-size: 30px; padding-left: 35px; }
    .hzyx-mess .hz-left .hz-com { font-size: 14px; margin-top: 20px; }
    .hzyx-mess .hz-left .hz-com span { display: none; }
    .hzyx-mess .hz-right .message-form ul { margin-left: -2%; }
    .hzyx-mess .hz-right .message-form li { width: 48%; margin-left: 2%; line-height: 40px; padding-left: 10px; margin-bottom: 20px; }
    .hzyx-mess .hz-right .l-name-span { height: 38px; line-height: 38px; font-size: 14px; }
    .hzyx-mess .hz-right .r-infor { width: 65%; }
    .hzyx-mess .hz-right .infor-input { height: 38px; line-height: 38px; font-size: 14px; }
    .hzyx-mess .hz-right li.formtype-2 { width: 98%; }
    .hzyx-mess .hz-right .formtype-2 .l-name-span { font-size: 14px; margin-bottom: 5px; }
    .hzyx-mess .hz-right .formtype-2 .r-infor { padding: 10px; }
    .hzyx-mess .hz-right .formtype-2 .fy-textarea { font-size: 14px; height: 90px; }
    .hzyx-mess .hz-right li.formtype-6 { width: 98%; }
    .hzyx-mess .hz-right .formtype-6 .l-name-span { font-size: 14px; margin-bottom: 5px; }
    .hzyx-mess .hz-right .mess-b-box { width: 160px; float: none; margin: 0 auto; }
    .hzyx-mess .hz-right .mess-b-box .mess-btn { width: 100%; height: 40px; line-height: 38px; }
}

@media (max-width:840px) {
    .hzyx-mess .hz-right .message-form ul { margin-left: 0; }
    .hzyx-mess .hz-right .message-form li { width: 100%; margin-left: 0; margin-bottom: 15px; }
    .hzyx-mess .hz-right li.formtype-2 { width: 100%; padding-left: 0; border-radius: 0; }
    .hzyx-mess .hz-right .formtype-2 .l-name-span { padding-left:10px; }
    .hzyx-mess .hz-right li.formtype-6 { width: 100%; border-radius: 0; }
}

@media (max-width:640px) {
    .hzyx-mess { background-image: none; }
    .seo-hzyx { padding: 10px 0 15px; }
    .hzyx-mess .hz-left { width: 100%; }
    .hzyx-mess .hz-right { width: 100%; }
    .hzyx-mess .hz-left .hz-line { margin-top: 10px; }
    .hzyx-mess .hz-left h4 { font-size: 18px; margin-bottom: 10px; }
    .hzyx-mess .hz-left .hz-tel { font-size: 18px; background-size: 30px; padding-left: 35px; }
    .hzyx-mess .hz-left .hz-com { line-height: 24px; margin: 5px 0 15px; }
    .hzyx-mess .hz-right .formtype-2 .l-name-span { height: 16px; line-height: 14px; margin-bottom: 10px; }
    .hzyx-mess .hz-right .formtype-6 .l-name-span { height: 16px; line-height: 14px; margin-bottom: 10px; }
    .hzyx-mess .hz-right .formtype-6 .r-infor { line-height: 30px; }
    .hzyx-mess .hz-right .mess-b-box { width:100%; }
	.index_advan{display:none;}
}

@media only screen and (max-width: 768px) and (min-width: 320px){
.index_advan{visibility:hidden;}
}