#menu, #container, #footer {width: 100%;}
#gjs {width: 25% !important;text-align: right !important;}
#menu {height: 3.796vw;position: absolute;z-index: 10;}
#menu.on {position: fixed;top: 0;left: 0;z-index: 1000;background: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}
.on .clearfix .navigation li a {color: #000 !important;}
.on .clearfix #logo .qwe {display: none !important;}
.on .clearfix #logo .qwe1 {display: block !important;}
.content, .project-nav ul {width: 100%;margin: 0 auto;font-size: 14px;}
#menu .content {width: 100%;}
#menu #logo img {margin: 1.04vw 0 0 1.56vw;width: 10.712vw;min-width: 9.36vw;}
.navigation {}
.navigation > li {display: inline-block;margin: 0 2.08vw;text-align: center;}
.navigation li > a {display: inline-block;width: auto;height: 3.64vw;font-size: 16px;font-weight: 400;color: rgba(255, 255, 255, 1);line-height: 4.16vw;}
.navigation li.active > a {border-bottom: 0.156vw solid #165399;}
.navigation li.on .subnav {color: #165399;-webkit-animation: opGradient 0.4s;animation: opGradient 0.4s;opacity: 1;}
@-webkit-keyframes opGradient {
    0% {-webkit-transform: translateY(-10px);opacity: 0;}
    100% {-webkit-transform: translateY(0);opacity: 1;}
}
@keyframes opGradient {
    0% {-webkit-transform: translateY(-10px);transform: translateY(-10px);opacity: 0;}
    100% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}
}
.navigation li a:hover, .navigation li.on > a, #menu .subnav dl dd a:hover {color: #165399 !important;}
.subnav {width: 100%;background: rgba(233, 237, 241, 1);font-size: 14px;padding: 32px 0 40px 0;position: absolute;left: 0;top: 90px;z-index: 1111;display: none;box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);}
#menu .subnav dl {float: left;margin: 0 55px 0 12px;text-align: left;}
#menu .subnav dl dt {font-size: 16px;color: #222;line-height: 32px;margin-bottom: 14px;}
#menu .subnav dl dd {line-height: 28px;}
#menu .subnav dl dd a {color: #666;}
.swiper-container {height: auto;width: 100%;text-align: center;margin: 0 auto;position: relative;overflow: hidden;z-index: 5;background: #f8f8f8;}
.swiper-wrapper {position: relative;z-index: 10;}
.swiper-slide {position: relative;text-align: center;float: left;}
.swiper-slide a {position: relative;width: 100%;height: 100%;display: block;overflow: hidden;}
.swiper-slide img {width: 100%;height: auto;vertical-align: middle;position: relative;}
.swiper-slide .title0 {z-index: 2;position: absolute;top: 28%;left: 20%;background: rgba(255, 255, 255, 1);color: #1c194b;font-size: 1.56vw;padding: 0.104vw 0.52vw;border-radius: 0.104vw;}
.swiper-slide .title1 {z-index: 2;position: absolute;top: 34%;left: 20%;font-size: 2.6vw;font-weight: 600;color: rgba(255, 255, 255, 1);line-height: 2em;text-align: left;}
.swiper-slide .title2 {z-index: 2;position: absolute;top: 45%;left: 20%;font-size: 0.728vw;font-weight: 400;color: rgba(255, 255, 255, 1);line-height: 2em;letter-spacing: 1px;text-align: left;opacity: 0.7;}
.swiper-slide .title3 {z-index: 2;position: absolute;top: 54%;left: 20%;font-size: 0.936vw;font-weight: 400;color: rgba(255, 255, 255, 1);line-height: 1.6em;text-align: left;width: 27.352vw;}
.swiper-slide .title3 span {display: inline-block;padding: 2px 16px;background: #fff;margin-right: 12px;color: #111141;}
.swiper-button-prev {width: 3.224vw;height: 3.224vw;position: absolute;top: 50%;left: 15%;background: url(../image/oval.png) 0 0/100% 100% no-repeat;z-index: 10;}
.swiper-button-next {transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-moz-transform: rotate(180deg);width: 3.224vw;height: 3.224vw;position: absolute;top: 50%;right: 15%;background: url(../image/oval.png) 0 0/100% 100% no-repeat;z-index: 10;}
.bg_title1 {z-index: 2;position: absolute;top: 30%;left: 40%;width: 20%;font-size: 2.6vw;font-weight: 600;color: rgba(255, 255, 255, 1);line-height: 2em;text-align: center;}
.pagination {position: absolute;height: 1.2em;width: 100%;bottom: 1.56vw;z-index: 100;}
.pagination .swiper-pagination-switch {display: inline-block;width: 2.6vw;height: 0.208vw;background: rgba(255, 255, 255, 1);opacity: 0.5;margin-right: 1.04vw;}
.pagination .swiper-active-switch {opacity: 1;}
#footer-top {width: 100%;height: 188px;padding-top: 32px;color: #909090;background: #222222;}
#footer-top a {color: #909090;}
#footer-bottom {width: 100%;height: 40px;background: #111111;line-height: 40px;color: #444444;font-size: 14px;}
.footer-tel img {opacity: 0.5;margin-bottom: 22px;}
.footer-tel .tel-text {font-size: 16px;line-height: 24px;}
.footer-tel .tel-content {font-size: 26px;line-height: 42px;}
.footer-list dl {float: left;margin-left: 90px;}
.footer-list dl dt {font-size: 16px;color: #bbbbbb;line-height: 22px;margin-bottom: 22px;}
.footer-list dl dd {font-size: 14px;line-height: 26px;}
.fotter-qr {}
.fotter-qr > div {width: 134px;height: 115px;float: left;}
.fotter-qr > div img {margin: 10px 0 0 29px;border-radius: 5px;}
.fotter-qr #appqr {background: url(../image/code_bg1.png) 100%/100% no-repeat;margin-right: 14px;}
.fotter-qr #wxqr {background: url(../image/code_bg2.png) 100%/100% no-repeat;}
#menu .subnav dl.margin20 {margin-left: 20%;}
#menu .subnav dl.margin30 {margin-left: 30%;}
#menu .subnav dl.margin40 {margin-left: 40%;}
.index-con {padding: 64px 0 78px 0;}
.index-con h3, .index-con .content > p {text-align: center;}
.index-con h3 {line-height: 48px;font-size: 36px;color: #333333;font-weight: normal;}
.index-con h4 {line-height: 38px;font-size: 26px;font-weight: 500;margin: 50px 30px;text-align: center;}
.index-con .proimg {text-align: center;}
.index-con .content > p.index-con-intro {color: #222;font-size: 16px;line-height: 40px;margin-top: 20px;}
.index-con .content > p {font-size: 16px;color: #9baeba;line-height: 32px;margin-bottom: 32px;}
.index-con li a {display: inline-block;}
.index-product, .index-product3 {background: #F2F2F2;}
.index-project ul li {width: 32%;height: 200px;float: left;margin: 0 15px 15px 0;position: relative;box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);overflow: hidden;}
.index-product ul li {width: 32%;float: left;margin: 0 15px 15px 0;position: relative;overflow: hidden;}
.index-product3 ul li {width: 32%;float: left;margin: 0 10px 15px 0;position: relative;overflow: hidden;}
.twoWidth {width: 65% !important;}
.index-product ul li img, .index-product3 ul li img, .index-project ul li img, .project-con ul li img, #parking .parking-con5 ul li img, .index-tag ul li img {transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;width: 100%;}
.index-product ul li:hover img, .index-product3 ul li:hover img, .index-project ul li:hover img, .project-con ul li:hover img, #parking .parking-con5 ul li:hover img, .index-tag ul li:hover img {transform: scale(1.05);}
.index-product ul li p, .index-product3 ul li p {width: 100%;position: absolute;text-align: center;font-size: 26px;color: #fff;line-height: 45px;top: 40%;left: 0;z-index: 1;}
.index-project ul li {height: 328px;background: #fff;text-align: center;}
.index-project ul li h5, .index-project ul li p {padding: 0 20px;color: #444444;}
.index-project ul li h5 {color: #222;font-size: 18px;line-height: 44px;margin-top: 10px;}
.index-product2 ul li, .index-product4 ul li {box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);}
.index-product2 ul li {margin: 0 5%;background: #fff;-webkit-flex: 1;-ms-flex: 1;flex: 1;-webkit-box-flex: 1;-moz-box-flex: 1;}
.index-product4 ul li {width: 23%;background: #fff;}
.index-product2 ul li:hover {background: #00b3ff;}
.index-product4 ul li:hover {background: rgba(21, 177, 255, 0.712);}
.index-product2 ul li:hover p, .index-product4 ul li:hover p {color: #fff;}
.index-product2 ul li a, .index-product4 ul li a {text-align: center;}
.index-product2 ul li img, .index-product4 ul li img {width: 80%;margin-top: 2.08vw;}
.index-product2 ul li p, .index-product4 ul li p {line-height: 5.2vw;color: #222;font-size: 1.248vw;}
.index-tag {background: url(../img/index_tag_bg.png) no-repeat;}
.index-tag ul li {float: left;width: 390px;margin: 0 5px;position: relative;}
.index-tag ul li a {color: #fff;}
.index-tag ul li div {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.index-tag ul li div h5 {text-align: left;margin: 30px 30px 24px;font-size: 20px;font-weight: bold;}
.index-tag ul li div p {padding: 0 24px;margin: 5px 0;}
.index-tag ul li img {width: 100%;display: block;}
.index-history {background: #fff url(../image/history_bg.png) 0 bottom repeat-x;animation: repeatBg 8s linear infinite;-webkit-animation: repeatBg 8s linear infinite;}
#history-con {padding-top: 30px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
#history-con dl {margin-right: 24px;color: #222222;font-size: 13px;-webkit-flex: 1;-ms-flex: 1;flex: 1;-webkit-box-flex: 1;-moz-box-flex: 1;}
#history-con dt {line-height: 24px;color: #333333;font-size: 24px;margin-bottom: 20px;text-align: center;border-radius: 10px;}
#history-con dd {line-height: 24px;margin-top: 6px;}
.index-contact .but-tel {width: 520px;height: 62px;line-height: 62px;background: #0088ff;background: linear-gradient(#00b5ff, #0088ff);background: -webkit-linear-gradient(#00b5ff, #0088ff);background: -o-linear-gradient(#00b5ff, #0088ff);background: -moz-linear-gradient(#00b5ff, #0088ff);margin: 0 auto;border-radius: 50px;color: #fff;font-size: 24px;text-align: center;}
.index-contact ul {margin-top: 66px;}
.index-contact ul li {float: left;padding-left: 62px;height: 76px;margin: 0 40px;}
.index-contact ul li h6 {font-size: 15px;}
.index-contact #c-li1 {background: url(../image/contact1.png) no-repeat;}
.index-contact #c-li2 {background: url(../image/contact2.png) no-repeat;}
.index-contact #c-li3 {background: url(../img/email.png) no-repeat;}
.index-contact #c-li4 {background: url(../image/contact4.png) no-repeat;}
.linebg {background: url(../image/product_bg.jpg);font-size: 14px;}
.pro-header {height: 60px;line-height: 60px;font-size: 12px;color: #2a2a2a;border-bottom: 1px solid #ccc;}
.pro-header p > span {color: #c7000b;}
.pro-left, .pro-right {background: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);margin: 20px 0 100px 0;border-radius: 2px;}
.pro-left {width: 248px;}
.pro-right {width: 932px;}
.proleft-menu h6 {height: 54px;padding-left: 20px;line-height: 54px;font-size: 16px;color: #333;border-bottom: 1px #e5e5e5 solid;background: url(../image/drop.png) no-repeat 95% 50%;cursor: pointer;}
.proleft-menu.on h6 {background: url(../image/drop_on.png) no-repeat 95% 50%;}
.proleft-menu.on ul {display: block;}
.proleft-menu ul {display: none;margin: 10px 0;}
.proleft-menu ul li {line-height: 34px;color: #2a2a2a;padding: 0 20px;}
.proleft-menu ul li.active {background: #c7000b;}
.proleft-menu ul li.active a {color: #fff;}
.pro-right {padding: 80px 80px 100px;color: #2a2a2a;}
.pro-right h2 {font-size: 34px;margin-bottom: 80px;}
.pro-right .pro-content-title, .pro-right .pro-content-info .pro-content-info-list > p, .project-details > p {border-bottom: 1px #dee3e8 solid;}
.pro-right .pro-content-title h5, .project-details h5 {font-size: 20px;color: #222;}
.pro-right .pro-content-title p, .project-details > p {font-size: 14px;color: #d9d9d9;letter-spacing: 2px;margin-bottom: 4px;}
.pro-right .pro-content-info, .project-details .pro-content-info {margin: 24px 0 50px;}
.pro-right .pro-content-info ul li {line-height: 28px;}
.pro-right .pro-content-info ul li::after, .pro-right .pro-content-info .pro-content-info-list > p:after {content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.pro-right .pro-content-info ul li span {color: #0082ff;font-size: 18px;line-height: 25px;width: 4%;display: inline-block;float: left;}
.pro-right .pro-content-info ul li p {float: left;width: 96%;}
.pro-right .pro-content-info .pro-content-info-title {height: 46px;line-height: 46px;color: #fff;background: #0082ff;text-indent: 1em;}
.pro-right .pro-content-info .pro-content-info-list > p {line-height: 46px;padding: 0 6px;}
.pro-right .pro-content-info .pro-content-info-list > p span {display: inline-block;float: left;width: 244px;}
.pro-right .pro-content-info .pro-content-info-list > p span.product-text {width: 480px;margin-left: 10px;}
@keyframes repeatBg {
    0% {background-position: 0 100%;}
    50% {background-position: 80% 100%;}
    100% {background-position: 0 100%;}
}
@-webkit-keyframes repeatBg {
    0% {background-position: 0 100%;}
    50% {background-position: 80% 100%;}
    100% {background-position: 0 100%;}
}
.about-history .content > p {margin-bottom: 80px;}
.about-culture ul li {width: 570px;float: left;margin: 10px;}
.about-honor, .about-us-con {background: #f8f9fb;}
.about-honor ul li {float: left;margin: 35px;}
.about-us-con ul {width: 41%;margin-top: 5%;}
.about-us-con ul li {padding-left: 66px;margin-bottom: 40px;}
.about-us-con ul li h6 {font-size: 16px;line-height: 32px;}
.about-us-con ul li p {line-height: 24px;}
.about-us-con ul .about-con1 {background: url(../image/contact1.png) no-repeat 0 5px;}
.about-us-con ul .about-con2 {background: url(../image/tel_icon.png) no-repeat 0 5px;}
.about-us-con ul .about-con3 {background: url(../image/contact4.png) no-repeat 0 5px;}
.about-us-con ul .about-con4 {background: url(../img/email.png) no-repeat 0 5px;}
.about-us-con ul .about-con5 {background: url(../image/contact3.png) no-repeat 0 5px;margin-left: 70px;}
.about-office ul li {float: left;width: 380px;margin: 0 100px 30px 100px;}
.about-office ul li h6 {font-size: 16px;}
.fontTitle, #parking .parking-con5 ul li h5 {font-size: 16px;}
.tabnav {width: 100%;height: 46px;line-height: 46px;}
.project-nav {width: 100%;height: 60px;line-height: 60px;}
.tabnav {background: #000;background: rgba(0, 0, 0, 0.7);position: absolute;bottom: 0;left: 0;z-index: 1;}
.tabnav.on {position: fixed;top: 0;left: 0;z-index: 1000;background: rgba(0, 0, 0, 0.8);}
.tabnav ul li, .project-nav ul li {float: left;margin-right: 56px;}
.tabnav ul li a {color: #fff;padding-bottom: 5px;}
.tabnav ul li.active a, .project-nav ul li.active a {color: #00b3ff;}
.project-nav {border-bottom: 1px solid #e5e5e6;overflow: hidden;}
.project-nav ul li a {padding-bottom: 6px;font-size: 16px;}
.project-nav ul li.active a {color: #c7000b;}
.project-con .content {min-height: 930px;}
.project-con ul li {width: 380px;float: left;margin: 30px 30px 0 0;position: relative;overflow: hidden;animation: showTab 1s ease;-webkit-animation: showTab 1s ease;}
@keyframes showTab {
    0% {top: 100px;}
    100% {top: 0;}
}
@-webkit-keyframes showTab {
    0% {top: 100px;}
    100% {top: 0;}
}
.project-con .project-tab2 {padding-bottom: 100px;}
.project-con .content {display: none;}
.project-con ul li a {display: block;}
.project-con ul li p {width: 100%;height: 52px;line-height: 52px;background: #000;background: linear-gradient(180deg, rgba(0, 0, 0, 0.36) 0, rgba(0, 0, 0, 0.7) 100%);color: #fff;text-indent: 2em;position: absolute;bottom: 0;left: 0;}
.project-con .project-tab5 ul li {height: 370px;padding: 118px 30px 0 30px;border: 1px solid #ddd;color: #333;line-height: 24px;background: #fff;}
.project-con .project-tab5 ul li.pro-tab5-li1 {background: #fff url(../image/other_icon1.png) no-repeat 50% 20px;}
.project-con .project-tab5 ul li.pro-tab5-li2 {background: #fff url(../image/other_icon2.png) no-repeat 50% 20px;}
.project-con .project-tab5 ul li.pro-tab5-li3 {background: #fff url(../image/other_icon3.png) no-repeat 50% 20px;}
.project-con .project-tab5 ul li.pro-tab5-li4 {background: #fff url(../image/other_icon4.png) no-repeat 50% 20px;}
.project-con .project-tab5 ul li.pro-tab5-li5 {background: #fff url(../image/other_icon5.png) no-repeat 50% 20px;}
.project-details {margin: 30px auto 120px;background: #fff;box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);padding: 40px 120px 120px;position: relative;}
.project-details #close {width: 56px;height: 24px;font-size: 12px;text-align: center;line-height: 24px;border: 1px solid #000;position: absolute;top: 20px;right: 20px;z-index: 1;cursor: pointer;}
.project-details h2 {font-size: 34px;line-height: 68px;text-align: center;}
.project-details .pro-img {margin: 40px 0;}
.banner .banner-info {position: absolute;left: 10%;top: 32%;color: #fff;}
.banner .banner-info h1 {font-size: 32px;line-height: 46px;font-weight: 500;}
.banner .banner-info p {width: 70%;font-size: 16px;line-height: 24px;}
.banner .banner-info p.title0 {width: 100px;line-height: 40px;font-size: 20px;text-align: center;background: #fff;color: #222;margin-bottom: 10px;}
.banner .banner-info p.title2 {margin-top: -6px;margin-bottom: 12px;font-size: 0.624vw;font-weight: 400;color: rgba(255, 255, 255, 1);line-height: 2em;letter-spacing: 1px;text-align: left;opacity: 0.5;}
.community-con1 ul li {width: 238px;float: left;margin: 0 32px 0 30px;}
.community-con1 ul li, .opration-con ul li {text-align: center;}
.community-con1 ul li h6, .opration-con ul li h6 {font-size: 16px;line-height: 32px;margin: 20px 0 10px;}
.opration-con ul li {float: left;width: 500px;margin: 0 70px 0 30px;}
.opration-con ul li p {margin-bottom: 50px;line-height: 26px;text-align: left;}
#parking .community-con1 ul li {width: 240px;margin: 0;}
#parking .parking-con2 ul li, #parking .parking-con4 ul li {width: 372px;height: 540px;float: left;box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);margin: 0 10px;margin-bottom: 20px;background: #fff;}
#parking .parking-con2 ul li {text-align: center;width: 14%;}
#parking .parking-con2 ul li .proimg {margin: 40px 0 20px 0;}
#parking .parking-con2 ul li h5 {font-size: 24px;font-weight: 500;color: #222;margin-bottom: 10px;}
#parking .parking-con2 ul li p {color: #444;padding: 0 46px;text-align: left;line-height: 24px;margin: 5px 0;}
#parking .content .proimg p {color: #444;margin: 20px 0 40px;}
.yy_title {width: 50%;margin: auto;text-align: center;height: auto;}
#parking .parking-con4 ul li h5 {height: 65px;line-height: 65px;color: #fff;margin-bottom: 16px;text-indent: 4em;}
#parking .parking-con4 ul li p {line-height: 26px;padding: 0 12px;}
#parking .parking-con4 ul li.parking-con4-li1 h5 {background: #00b3ff url(../image/parking_icon9.png) no-repeat 20px 50%;}
#parking .parking-con4 ul li.parking-con4-li2 h5 {background: #ffbc0e url(../image/parking_icon10.png) no-repeat 20px 50%;}
#parking .parking-con4 ul li.parking-con4-li3 h5 {background: #ff7221 url(../image/parking_icon11.png) no-repeat 20px 50%;}
#parking .parking-con5 ul li {width: 530px;float: left;margin: 20px 36px;cursor: pointer;}
#parking .parking-con5 ul li h5 {line-height: 32px;text-align: center;margin-top: 12px;}
#hardware .pro-right h2 {margin-bottom: 10px;}
#hardware .pro-right > p {letter-spacing: 2px;color: #d9d9d9;}
.product > img {width: 100%;}
.index-con {color: #222;}
.community-list ul li, .community-list2 ul li {box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}
.community-list ul li:hover div, .community-list2 ul li, .index-product2 ul li, .index-product4 ul li, .product-con .product-text h5 span, .product-con .product-img img, .jiemo-img img, .cityPage .index-product2 ul li img, .cityPage .parking-con2 ul li img, .parking-con-list ul li img {transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
.community-list ul li, .community-list2 ul li {float: left;}
.community-list ul li {width: 48%;margin: 8px 8px;background: #fff;}
.community-list ul li div {text-align: center;width: 69%;}
.community-list ul li:hover div, .community-list2 ul li:hover {transform: scale(1.02);}
.community-list ul li h5 {font-size: 20px;margin-top: 26px;margin-bottom: 20px;line-height: 28px;}
.community-list2 {background: url(../img/shequ.png) no-repeat;}
.community-list2 ul li {background: #fff;text-align: center;background: rgba(255, 255, 255, 0.8);width: 23%;height: 316px;margin: 10px 8px 0;position: relative;}
.community-list2 ul li img {position: absolute;top: -40px;left: 50%;margin-left: -40px;}
.community-list2 ul li h5 {margin-top: 60px;margin-bottom: 20px;font-size: 20px;line-height: 28px;}
.community-list2 ul li p {font-size: 12px;line-height: 24px;}
.product-content {display: none;}
.product-content.on {display: block;}
.product-con .product-text {width: 42%;}
.product-con .product-text h5, .product-con .product-text h6, .product-con .product-text p {padding-left: 30px;}
.product-con .product-text h5 {font-size: 18px;line-height: 40px;margin-bottom: 12px;position: relative;}
.product-con .product-text h5 span {width: 20px;height: 20px;background: #165399;position: absolute;bottom: 11px;left: -12px;}
.product-con .product-text p div {width: 20px;height: 20px;background: #165399;}
.product-con:hover .product-text h5 span {transform: rotate(180deg);}
.product-con:hover .product-img img, .jiemo-img img {transform: scale(1.05);}
.product-con .product-text h6 {font-size: 16px;line-height: 30px;margin-top: 10px;font-weight: normal;}
.product-text p {line-height: 26px;font-size: 13px;color: #888;}
.product-icon p, .product-icon-h6 p {background: url(../image/circle_icon.png) no-repeat 6px 8px;}
.product-icon-h6 h6 {padding-left: 0 !important;}
.pro_function {margin: auto;}
.pro_tb {width: 100%;margin: auto;margin-top: 20px;}
.pro_tb table {width: 100%;margin: auto;border: 1px solid transparent;line-height: 35px;font-size: 13px;}
.pro_tb table tr {background: #F6F7F7;border-bottom: 1px solid #fff;}
.pro_tb table th, .pro_tb table td {padding-left: 60px;}
.pro_tb2 table th, .pro_tb2 table td {padding-left: 10px;}
.pl0 {padding: 0 !important;}
.pro_tb_top {background: #165399 !important;color: #fff;}
.product-con .product-img {width: 50%;}
.product-con .product-img-right {text-align: right;}
.product-con .product-img img {width: 68%;}
.jiemo-img img {width: 95%;}
.cityPage .index-product2 ul li {text-align: center;}
.cityPage .index-product2 ul li:hover {background: none;}
.cityPage .index-product2 ul li:hover p {color: #222;}
.cityPage .index-product2 ul li img {width: 30%;margin: 2.08vw 0;}
.cityPage .index-product2 ul li p {line-height: 24px;color: #222;font-size: 0.936vw;height: 6.24vw;padding: 0 30px;}
.cityPage .index-product2 ul li:hover img, .cityPage .parking-con2 ul li:hover img {transform: rotate(360deg);}
.city-con-footer {width: 98%;height: 143px;margin-top: 1%;background: url(../image/city_img2.png) no-repeat;background-size: contain;}
.city-con-footer p {float: left;text-align: center;margin-top: 55px;background: url(../image/circle_icon.png) no-repeat 32px 6px;}
.city-con-plan {background: url(../img/jiagou_bg.png) no-repeat bottom left;background-size: cover;}
.city-con-manage {background: url(../img/city_img5.png) no-repeat;background-size: cover;}
.city-con-static {background: url(../img/city_img10_bg.png) no-repeat;background-size: cover;}
.index-con-white h3 {color: #fff;}
.index-con-white > .content p {color: #D9D9D9;text-shadow: rgba(0, 0, 0, 1);}
#parking .product-con h6 {margin-bottom: 12px;}
#parking .product-con strong {color: #0F98FF;}
.city-gray {background: #D3D3D5;}
.cityPage .index-product {background: #F8F9FB;}
.cityPage .index-product p span {font-size: 14px;line-height: 32px;}
#parking .index-con.parking-con-list ul li {height: auto;padding-bottom: 2.496vw;}
#nav {display: none;}
.index-project ul li.nomargin, .index-contact ul li.nomargin {margin: 0;}
.index-product ul li.nomarginright {margin-right: 0;}
.about-culture .last-li {margin-left: 25%;}
.about-honor ul li.marginleft1 {margin-left: 110px;}
.about-honor ul li.marginleft2 {margin-left: 180px;}
.product-con-special .product-text {width: 40%;padding-left: 10%;}
.product-con-special .product-img {width: 60%;}
.text-indent p {text-indent: 2em;}
.product-con .product-text > h5 {padding-top: 80px;}
.product-con .product-text > h5.p40 {padding-top: 40px;}
.product-con .product-text > h5.p10 {padding-top: 10px;}
.product-con .product-text > h5.p20 {padding-top: 20px;}
.product-con .product-text > h5.p0 {padding-top: 0;}
.index-product2 ul, .index-product4 ul {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.mb045 {margin-bottom: 2.34vw;}
.rj3_p1 {top: 30% !important;}
.rj3_p2 {top: 45% !important;}
.rj3_p3 {top: 55% !important;}
.rj3_p2, .rj3_p3 {font-size: 18px !important;}
.index-p3_1 {font-size: 20px !important;}
.index-contact ul {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.pro_bg {background: url(../img/index_tag_bg.png) 0 center no-repeat;background-size: cover;}
.jiagou {margin: auto;}
.p00 {padding: 0 !important;}
.mb20 {margin-bottom: 20px;}
.bgMask {width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);padding: 64px 0 78px 0;}
.h275 {height: 275px !important;}
.xuhao {color: #15b0ff;font-size: 30px;font-weight: 600;}
.xuhaoH {height: 180px;}
.safe_goujia p {width: 22.88vw;margin: auto;text-align: left;}
.pro_9 {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.pro_img2 img {width: 58% !important;}
.popup {z-index: 2;position: absolute;top: 28%;right: 20%;width: 20.8vw;height: 18.72vw;background: rgba(0, 0, 0, 0.9);border-radius: 2px;color: #fff;font-size: 14px;}
.popup_title {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;width: 100%;height: 3.12vw;line-height: 3.12vw;text-align: center;border-bottom: 1px solid #7D7D7E;cursor: pointer;}
#tOne, #tTwo {-webkit-flex: 1;-ms-flex: 1;flex: 1;-webkit-box-flex: 1;-moz-box-flex: 1;}
#tOne.active, #tTwo.active {border-bottom: 3px solid #15b0ff;}
#conOne, #conTwo {width: 100%;text-align: center;padding: 1.872vw;height: 15.6vw;}
.popup_code, #phone {width: 100%;height: 2.184vw;line-height: 2.184vw;margin-top: 1.56vw;}
#phone, #code {padding-left: 1.04vw;border: 1px solid #ccc;font-size: 0.832vw;}
.popup_code {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.popup_code_l, .code_l_replace {width: 40%;padding: 0 0.52vw;font-size: 0.832vw;background: #f2f2f5;color: #333;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);}
.popup_code_l {width: 44.5%;}
.popup_code_l:hover {background: #d9d9d9;cursor: pointer;}
.code_l_replace {background-color: #b3b3b4;color: #808080;display: none;}
#code {width: 50%;}
#login_container {width: 100%;height: 100%;}
@media screen and (min-width: 1600px) {
    .banner .banner-info {width: 100%;position: absolute;left: 5%;top: 30%;color: #fff;}
    .banner .banner-info h1 {font-size: 36px;line-height: 56px;margin-bottom: 16px;font-weight: 500;letter-spacing: 3px;}
}
@media screen and (max-width: 980px) and (min-width: 768px) {
    .content {width: 100% !important;}
    .about-us-con ul {width: 34%;}
    .footer-list dl {float: left;margin-left: 30px;}
}
@media screen and (max-width: 767px) and (min-width: 320px) {
    #cd {width: 100% !important;}
    .swiper-button-prev, .swiper-button-next {display: none;}
    .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 0;}
    .pagination .swiper-pagination-switch {width: 6px;height: 6px;}
    .swiper-slide .title0, .swiper-slide .title1, .swiper-slide .title2, .swiper-slide .title3 {left: 10%;}
    .swiper-slide .title0 {font-size: 0.52vw;top: 34%;}
    .swiper-slide .title1 {top: 49%;font-size: 1.04vw;}
    .swiper-slide .title2 {display: none;}
    .swiper-slide .title3 {top: 64%;font-size: 12px;}
    .banner .banner-info h1 {font-size: 1.664vw;}
    .banner .banner-info p.title0, .banner .banner-info p.title2 {display: none;}
    .banner .banner-info p {font-size: 12px;width: 100%;}
    .swiper-slide .title3 span {padding: 0 6px;}
    .content, .project-nav ul, .index-con li a img, .index-con li a, .about-culture ul li img, .about-customer img {width: 100%;}
    .index-con h3, .product-con .product-text h5 {font-size: 28px;}
    .heightMax {height: 200px;}
    .index-con .content > p {font-size: 1.04vw;margin: 0 12px 12px 12px;}
    .safe_p {width: 94% !important;}
    .index-product ul li, .index-project ul li, #parking .parking-con4 ul li, .community-list.about-honor ul li, #parking .parking-con5 ul li, .community-list2 ul li, .about-culture ul li, .about-culture .last-li, .cityPage .index-product2 ul li, .index-tag ul li {width: 98% !important;margin: 1%;padding-bottom: 5%;height: auto;}
    #parking .parking-con2 ul li {margin: 1%;padding-bottom: 5%;height: auto;}
    .index-product3 ul li {width: 98% !important;margin: 1%;height: 200px;box-shadow: none;}
    .community-list2 ul li {margin-bottom: 14%;}
    .community-list ul li img {}
    .community-list ul li .fl, .community-list ul li .fr {float: none;}
    .city-con-footer {display: none;}
    .product-con .product-text, .product-con .product-img, .jiemo-img img, .community-list ul li div {width: 100%;}
    .product-con .product-img img, .jiemo-img img {width: 50% !important;}
    #gjs {text-align: center !important;}
    .product-con .product-img, .jiemo-img {width: 98%;margin: auto;float: none;text-align: center;}
    .jiemo-img {width: 92%;}
    .jiemo-img img {margin: 1.04vw 0;}
    .product-con .product-text h5, .product-con .product-img-right {text-align: center;}
    #hn {margin-top: 0 !important;}
    .product-con .product-text h5 span {display: none;}
    .product-text p {margin: 0 12px;font-size: 12px;}
    .index-contact .but-tel {width: 80%;font-size: 1.248vw;}
    .index-contact ul li {margin: 12px 40px;}
    #history-con dl {width: 90%;margin: 10px 5%;}
    #footer-top {height: auto;padding-bottom: 20px;}
    .footer-tel, .fotter-qr {width: 100%;text-align: center;}
    .fotter-qr > div {width: 36%;margin: 20px 0 0 20px;}
    .footer-list {display: none;}
    #footer-bottom {height: auto;line-height: inherit;}
    #footer-bottom > span {float: none;}
    #menu .content {position: relative;}
    #nav {position: absolute;top: 0;right: 0;display: block;width: 50px;height: 50px;background-image: url(../image/topr.png);background-size: 23px 19px;background-repeat: no-repeat;background-position: center;z-index: 999;}
    #nav1 {position: absolute;top: 0;right: 0;display: none;width: 50px;height: 50px;background-image: url(../image/th.png);background-size: 23px 19px;background-repeat: no-repeat;background-position: center;z-index: 999;}
    .gbn .fvg {display: none !important;}
    .navigation {position: absolute;top: 57px;right: 7px;width: 120px;background-color: rgba(0, 0, 0, 0.7);border-radius: 4px;display: none;}
    .navigation li ul {display: block;position: unset;width: auto;}
    .navigation li ul li a {color: #fff;}
    .navigation li ul li {background-color: rgba(0, 0, 0, 0) !important;}
    ul.navigation {margin: 0 0 0 0;padding: 0;}
    .navigation li {position: relative;width: 100%;text-align: center;margin: 0;text-transform: uppercase;background: none;font-weight: 400;font-size: 14px;line-height: 40px;color: #fff;}
    .tabnav ul li {font-size: 16px;margin: 0 6px;}
    .tabnav {bottom: -44px;}
    .about-con p {padding: 0 10px;}
    #history-con {background: none;display: block;}
    .about-history .content > p {margin-bottom: 20px;}
    .about-honor ul li {width: 100%;margin: 0;text-align: center;}
    .about-map img {width: 100%;}
    .about-us-con ul, .about-us-con ul li, .about-office ul li {width: 90%;}
    .about-us-con ul .about-con3, .about-us-con ul .about-con5 {margin-left: 0;}
    .about-office ul li {margin: 10px;}
    .product-con .product-text h6 {font-size: 14px;text-align: center;padding-left: 12px !important;padding-right: 12px !important;}
    .shua {text-align: center;padding-left: 0 !important;}
    .pro_tb {padding: 1.04vw;}
    .pro_tb table th, .pro_tb table td {padding-left: 1.56vw;}
    .pro_tb2 table th, .pro_tb2 table td {padding-left: 0.52vw;}
    .about-honor ul li.marginleft1, .about-honor ul li.marginleft2 {margin-left: 0;}
    .index-project ul li.nomargin {margin: 1%;}
    .index-contact ul li.nomargin {margin: 12px 40px;}
    #parking .index-con.parking-con-list ul li {width: 31%;padding-bottom: 0;}
    #parking .index-con.parking-con-list ul li:last-child {margin-right: 0;}
    #parking .index-con.parking-con-list ul li h5 {}
    #parking .index-con.opration-list-con ul li {width: 48%;}
    .index-con.community-list ul li {width: 48%;}
    .index-con.community-list ul li img {width: 100%;}
    .index-con.community-list ul li h5 {font-size: 18px;margin: 1.04vw 0;}
    .index-project ul li h5 {color: #444444;}
    .index-con.community-list ul li p {min-height: 60px;padding: 0 4px;}
    #container .popup {top: 13%;left: 50%;margin: 0;margin-left: -10.4vw;}
    .index-con {padding: 24px 0 24px 0;}
    #parking .parking-con2 ul li h5 {font-size: 18px;}
    #parking .city-content ul li .proimg img {width: 20%;}
    .img-list.index-product ul li, .index-tag ul li {padding-bottom: 0;}
    .index-product ul li p, .index-product3 ul li p {font-size: 22px;}
    .rj3_p2, .rj3_p3 {font-size: 17px !important;}
    .product-content {padding-top: 40px;}
    .about-con {padding-top: 60px;}
    .product-con .product-text > h5, .product-con .product-text > h5.p40, .product-con .product-text > h5.p10, .product-con .product-text > h5.p20, .product-con .product-text > h5.p0 {padding-top: 20px;}
    #menu #logo img {min-width: 7.8vw;}
    .index-product2 ul li, .index-product4 ul li {margin: 0 0.8%;width: 30%;}
    .index-contact ul {display: block;margin-top: 35px;}
    #wxqr {float: none;margin: auto;}
    .phoneFoot {text-align: center;padding: 10px 0;}
    .phoneFootOne, .phoneFootTwo {display: block;float: none;}
    .mt20 {margin-top: 20px;}
    .jiagou {margin-top: 0 !important;}
    .p0 {padding: 0 !important;}
    .safe_goujia_user {height: 200px;}
    .index_link_li {height: 11.44vw !important;}
    .community-list2 {background: url(../img/shequ.png);}
    .yy_title {width: 100%;}
    .jiemo1-img {width: 92%;}
    .popFooter {position: absolute;bottom: 0;}
    .popbg {position: fixed;background-image: linear-gradient(to right, #1E126F, #009BBC);background-size: contain;width: 100%;height: 100%;}
    .bannerNone {display: none;}
}
.zhao {width: 100%;background-color: #cccccc;display: flex;justify-content: space-around;align-items: center;color: #fff;height: 2.6vw;font-size: 18px;}
#personnel {width: 100%;color: #000;font-size: 16px;border-bottom: 1px dashed #ccc;padding-bottom: 10px;line-height: 20px;}
.nr {width: 100%;height: 100%;background-color: #f4f2f2;margin-top: 2%;display: none;}
.xian {width: 80%;margin: auto;display: flex;justify-content: space-between;}
.nr_left {width: 45%;margin-top: 6%;border-top: 1px dashed #ccc;}
.nr_right {width: 50%;margin-top: 6%;border-top: 1px dashed #ccc;padding-bottom: 1.56vw;}
ol li {text-align: left;}
.nr_foot {margin-top: 10%;padding-bottom: 10%;color: #15b0ff;}
h5 {font-size: 16px;margin: 1.04vw;}
ol li {font-size: 13px;}
.hezuo {width: 100%;height: 10.4vw;display: flex;justify-content: center;}
.hezuo li {display: flex;justify-content: space-between;background-color: #fff;margin-right: 1.56vw;border: 1px solid #cccccc5e;width: 48%;float: left;margin-bottom: 1.56vw;}
.he_left {margin: auto;margin-left: 1.56vw;}
.he_right h5 {margin: 1.04vw 0 0.26vw 1.04vw !important;}
.he_right div {padding: 0 1.56vw 0.52vw 1.04vw;color: #b1b1b1;}
.iconfont {font-size: 26px !important;cursor: pointer;}
.icon-arrow-right-copy-copy-copy {color: #15b0ff;}
.icon-arrowd {color: #b1b1b1;}
@media screen and (max-width: 400px) {
    .content {width: 100% !important;}
    .he_left {text-align: center;position: relative;margin-left: 9px;}
    .hezuo {display: inline;}
    .hezuo li {float: none;width: 100%;background-color: #fff;}
    .he_right div {font-size: 13px;}
    .xian {display: inline;}
    .nr_left {width: 100%;margin-top: 6%;border-top: 1px dashed #ccc;padding-left: 2%;}
    .nr_right {width: 100%;margin-top: 6%;border-top: 1px dashed #ccc;padding-left: 2%;}
    #personnel li {font-size: 12px;}
    .nr_foot {margin-top: 5%;padding-bottom: 0;text-align: left;}
    .xm {font-size: 15px;}
}
@media screen and (min-width: 400px) and (max-width: 600px) {
    .hezuo {display: inline;}
    .hezuo li {float: none;width: 100%;background-color: #fff;}
    .index-con .about-con {padding-bottom: 0;}
}
@media screen and (min-width: 600px) and (max-width: 1000px) {
    .xm {width: 100%;}
    .he_right div {font-size: 12px;line-height: 21px;}
}
@media screen and (min-width: 768px) and (max-width: 900px) {
    .navigation {width: 81%;}
    #menu #logo img {width: 5.512vw;}
    .navigation li > a {font-size: 12px;}
}
@media screen and (min-width: 901px) and (max-width: 1098px) {
    .navigation {width: 81%;}
    #menu #logo img {width: 5.512vw;}
    .navigation li > a {font-size: 12px;}
}
.xm {float: unset;width: 90%;text-align: center;color: #15b0ff !important;font-size: 18px;}
#contar {width: 100%;height: 100%;position: relative;border-radius: 10px;}
#tabs {position: absolute;left: 45%;bottom: 5%;}
.tab {float: left;margin-right: 10px;width: 40px;height: 3px;background: #d3d1d2;opacity: 0.5;cursor: pointer;}
.ace {background: #fff;opacity: 1 !important;}
.prev {position: absolute;top: 40%;left: 10%;border-radius: 0 5px 5px 0;display: none;cursor: pointer;}
#contar:hover .prev {display: block;}
#contar:hover .next {display: block;}
.next {position: absolute;top: 40%;right: 10%;transform: rotateY(180deg);border-radius: 5px 0 0 5px;display: none;cursor: pointer;}
.content {width: 80%;}
.fox {width: 100%;}
@media screen and (min-width: 1200px) {
    .safe_goujia p {width: 85%;line-height: 30px;}
    .fox {width: 80%;}
}
.gs {display: flex;justify-content: space-around;width: 100%;}
.fg {text-align: left;color: #0f98ff;z-index: 3;font-size: 20px;margin-bottom: 1.56vw;}
.fd {font-size: 13px;color: #000;}
.fd1 {margin-right: 0.52vw;}
.fd2 {margin-left: 1.04vw;}
a {text-decoration: none;}
#tab-list {width: 78%;margin: auto;}
#ul1 {display: flex;justify-content: space-around;height: 32px;white-space: nowrap;overflow-x: scroll;}
#ul1::-webkit-scrollbar {display: none;}
#ul1 li {display: inline-block;line-height: 30px;text-align: center;font-size: 18px;border-bottom: none;margin-left: 5px;}
#ul1 li:hover {cursor: pointer;}
#ul1 li.active {color: #0f98ff;border-bottom: 2px solid #0f98ff;}
#tab-list div {border-top: none;}
#tab-list div li {height: 30px;line-height: 30px;text-indent: 8px;}
.show {display: block;}
.hide {display: none;}
#tab-list {width: 78%;margin: auto;}
#tab-list1 {width: 78%;margin: auto;}
#ul2 {display: flex;justify-content: space-around;height: 32px;margin-bottom: 4.16vw;}
#ul2 li {display: inline-block;line-height: 30px;text-align: center;font-size: 18px;border-bottom: none;margin-left: 5px;}
#ul2 p {display: inline-block;line-height: 30px;text-align: center;font-size: 18px;border-bottom: none;margin-left: 5px;}
#ul2 li:hover {cursor: pointer;}
#ul2 li.active {color: #0f98ff;border-bottom: 2px solid #0f98ff;}
#tab-list1 div {border-top: none;}
#tab-list1 div li {height: 30px;line-height: 30px;text-indent: 8px;}
.show1 {display: block;}
.hide1 {display: none;}
.hids {text-align: center;color: #888888;font-size: 17px;margin: 3.12vw 0;}
.av {width: 48%;}
.gbn {display: block;}