/*联系我们*/
#contact .banner { height: 175px; background: url(/res/pc/images/contactus1.jpg)no-repeat; position: relative; min-width: 1100px; overflow: hidden; }
#contact .banner .panel { position: absolute; right: -100%; height: 100%; width: 50%; background: url(/res/pc/images/service2.png)no-repeat; font-size: 32px; font-weight: bold; line-height: 64px; color: #1A3738; }
#contact .banner .text { width: 388px; padding-top: 24px; margin-left: 160px; }

#contact .section h3 { padding: 72px 0px; font-size: 24px; font-weight: bold; color: #000; }
#contact .section .desc .item { width: 340px; margin-right: 40px; margin-bottom: 40px; }
#contact .section .desc .item:nth-child(3n) { margin-right: 0px; }
#contact .section .desc .name { font-weight: bold; padding-bottom: 16px; border-bottom: 1px solid #D9D9D9 }
#contact .section .desc p { padding-top: 16px; }
#contact .section .desc a { color: #095B9C; }
#contact .section .desc .item .icon60 { margin-right: 28px; }
#contact .section .baidu-map { height: 454px; overflow: hidden; margin: 56px 0px 64px 0px; }
#contact .message { padding: 64px 0px; background: #f8f8f8 }
#contact .message h4 { margin-bottom: 37px; font-size: 23px; text-align: center; }
#contact .message input, .message textarea { border: 1px solid #eee; }
#contact .message .name { padding-bottom: 24px; }
#contact .message .name input { width: 498px; padding: 2px 16px; line-height: 34px; height: 34px; }
#contact .message .contact-input input { width: calc(100% - 34px); padding: 2px 16px; line-height: 26px; }
#contact .message .text textarea { width: calc(100% - 34px); padding: 16px 16px; height: 176px; outline: none; resize: none; overflow: hidden; border: 1px solid #eee }
#contact .message .btn1 { display: block; margin: auto; margin-top: 24px; }
#contact .BMap_cpyCtrl { display: none; }
#contact .qrcode { display: none; position: absolute; top: 30px; left: -48px; width: 111px; background: #fff; border-radius: 4px; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.12); box-shadow: 0 0 10px 0 rgba(0,0,0,.12); padding: 16px; z-index: 10; font-size: 12px; text-align: center; }
#contact .qrcode img { width: 110px; height: 110px; }
#contact .qrcode .text { line-height: 18px; padding: 4px 0px 8px 0px; }
#contact .qrcode .close a { display: block; color: #a9bccd; text-decoration: none; }
#contact .qrcode-btn { position: relative; text-decoration: none !important; }
#contact .qrcode-btn:hover .qrcode { display: block; }

/*建站流程*/

#flow { padding-bottom:60px; }
#flow .banner { height: 175px; background: url(/res/pc/images/flow8.png)no-repeat; position: relative; min-width: 1100px; overflow: hidden; }
#flow .banner .panel { position: absolute; right: -100%; height: 100%; width: 50%; background: url(/res/pc/images/service2.png)no-repeat; font-size: 32px; font-weight: bold; line-height: 64px; color: #1A3738; }
#flow .banner .text { width: 388px; padding-top: 24px; margin-left: 160px; }


#flow .title { position: relative; font-size: 36px; line-height: 44px; color: #000; text-align: center; margin-top: 108px; padding-bottom: 88px; }
#flow .title span { position: absolute; top: -40px; left: 460px; font-size: 48px; line-height: 59px; text-transform: capitalize; background: linear-gradient(180deg, rgba(244, 131, 52, 0.15) 0%, rgba(244, 131, 52, 0) 199.15%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }
#flow .item { padding-bottom: 96px; display: flex; justify-content: center; align-items: center; }
#flow .item:last-child { padding-bottom: 0px; }
#flow .item .fll { width: 468px; }
#flow .item .flr { width: 468px; }
#flow .item .info { width: 422px; text-align: left; width: 468px; }
#flow .item .pic { width: 380px; height: 246px; opacity: 0; transform: translateY(50px); transition: opacity 1s, transform 1s; }
#flow .item .pic.visible { opacity: 1; transform: translateY(0); }

#flow .item:nth-child(2n) .pic { float: right; }
#flow .item .name { font-size: 24px; font-weight: bold; padding-bottom: 36px; }
#flow .item .name .icon { margin: -4px 18px 0px 0px }
#flow .item .text { line-height: 36px; color: #666; font-size: 16px; }
#flow .item .centent { width: 84px; height: 84px; line-height: 84px; text-align: center; border-radius: 50%; background: #FEF9F5; font-size: 36px; color: #F48334; margin: 0px 64px 0px 40px; flex-shrink: 0; }
#flow .item .centent:after { content: ""; display: block; width: 1px; height: 261px; background: #d9d9d9; margin: auto; }
#flow .item:nth-child(2n) .centent { margin: 0px 40px 0px 64px; }
#flow .item:last-child .centent:after { display: none; }
#flow .item:first-child .name, .flow .item:nth-child(5) .name { text-align: right; }

/*服务*/
#service .banner { height: 175px; background: url(/res/pc/images/service1.png)no-repeat; position: relative; min-width: 1100px; overflow: hidden; }
#service .banner .panel { position: absolute; right: -100%; height: 100%; width: 50%; background: url(/res/pc/images/service2.png)no-repeat; font-size: 32px; font-weight: bold; line-height: 64px; color: #1A3738; }
#service .banner .text { width: 388px; padding-top: 24px; margin-left: 160px; }

#service .section .title { padding: 72px 0px; font-size: 36px; position: relative; text-align: center; }
#service .section .title span { display: block; font-size: 48px; font-weight: bold; margin-bottom: -20px; white-space: nowrap; background: linear-gradient(180deg, rgba(244, 131, 52, 0.15) 0%, rgba(244, 131, 52, 0) 199.15%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }
#service .section .desc { margin-top: 60px; opacity: 0; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
#service .section .desc.show { opacity: 1; transform: translateY(-60px); }
#service .section .desc table { line-height: 32px; text-align: left; }
#service .section .desc th { width: 284px; height: 120px; border: 1px solid #D9D9D9; padding: 0px 40px; font-size: 18px; }
#service .section .desc td { height: 120px; border: 1px solid #D9D9D9; padding: 0px 40px; font-size: 16px; }
#service .section .desc tr:nth-child(2n+1) { background: #FFFAEC; }
#service .section .desc .icon40 { margin-right: 12px; margin-top: -4px; }
#service .section .links { margin-top: 40px; text-align: center; }
/*.body { margin:0 }
.footer { background-color: #F8F8F8; }*/