﻿.anim1 { opacity: 0; transform: translateY(80px); transition: all 1s ease; }
.anim2 { opacity: 0; transform: translateY(80px); transition: all 1s ease 0.2s; }
.anim-show { opacity: 1; transform: none !important; }
.wrap { width: 1200px; margin: 0 auto; }
.logo { float: left; margin-top: 25px; }
.header-content { position: fixed; background: rgba(246, 246, 246, 0.84); z-index: 9999; height: 116px; border-top: 4px solid #ffffff; box-shadow: 0 1px 3px #999; /* transition: all 0.5s ease; */
left: 0; right: 0; }
.header-right { float: right; }
.header-rt { margin-top: 12px; }
.hrt-btn { float: right; border-radius: 2px; }
.hrt-btn a { display: inline-block; float: left; width: 40px; line-height: 30px; color: #7f7f7f; text-align: center; background-color: #e1e1e1; transition: all 0.5s ease; }
.hrt-btn a:first-child { background-color: #e45650; color: #fff; }
.hrt-webmap { float: right; margin-right: 20px; }
.hrt-webmap a { display: inline-block; line-height: 30px; color: #7f7f7f; padding-left: 16px; background: url("../images/webmap.jpg") no-repeat left center; }
.hrt-line { float: right; background-color: #e3e3e3; width: 1px; height: 14px; margin-right: 14px; margin-top: 9px; }
.hrt-phone { float: right; line-height: 30px; color: #000000; margin-right: 12px; padding-left: 40px; background: url("../images/h-phone.png") no-repeat left center; font-size: 20px; }
.header-rb { margin-top: 18px; }
.nav-li { position: relative; list-style: none; float: left; margin-left: 1px; height: 56px; }
.nav-a { display: inline-block; padding: 0 18px; line-height: 32px; font-size: 16px; color: #383838; transition: all 0.5s ease; display: inline-block; border-radius: 5px; }
.nav-li.on .nav-a { background-color: #e45650; color: #000; display: inline-block; border-radius: 5px; }
.nav-menu-c p a:hover { background: #e45650; }
.nav-li-line { position: absolute; top: 11px; left: -1px; height: 12px; width: 1px; background-color: #d8d8d8; }
.nav-menu { position: absolute; top: 56px; left: 50%; box-shadow: 0 0 6px #999; display: none; z-index: 99; transform: translateX(-50%); }
.nav-menu-c { float: left; background-color: #ffffff;/*padding: 15px 22px;*/
}
.nav-menu-c p { white-space: nowrap; padding: 3px 0; }
.nav-menu-c p a { display: inline-block; font-size: 14px; color: #000; line-height: 28px; }
.index-banner .swiper-container { height: 550px; }
.index-banner .swiper-pagination-bullet { width: 16px; height: 16px; opacity: 1; background: url("../images/pag.png") no-repeat; background-size: 100% 100%; }
.index-banner .swiper-pagination-bullet-active { background: url("../images/pag-on.png") no-repeat; background-size: 100% 100%; }
.index-banner .swiper-pagination { bottom: 20px; }
.index-part { background: url("../images/index-part-bg.jpg") repeat-y center center; height: 50px; }
.ipt-search { position: relative; float: left; margin-top: 10px; }
.ipt-input { width: 180px; height: 30px; padding-left: 8px; padding-right: 40px; font-size: 13px; border: 1px solid #ebc894; background: none; color: #fff; border-radius: 4px; }
 .ipt-input::-webkit-input-placeholder {
 color: #ebdccd;
}
.ipt-submit { position: absolute; right: 1px; top: 1px; background: url("../images/search-icon.png") no-repeat center center; width: 30px; height: 28px; border: none; cursor: pointer; }
.ipt-keyword { float: left; margin-left: 100px; margin-top: 10px; width: 320px; height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ipt-keyword span { /*float: left;*/
display: inline-block; font-size: 14px; color: #000000; line-height: 28px; }
.ipt-keyword a { /*float: left;*/
display: inline-block; font-size: 14px; color: #000000; line-height: 28px; }
.ipt-share { float: right; margin-top: 10px; }
.ipt-share-p { float: left; font-size: 14px; color: #fff; line-height: 36px; }
.ipt-share-img { float: left; margin-left: 2px; }
.index-news { background-color: #f3f3f2; padding-bottom: 52px; }
.index-title { padding-top: 60px; text-align: center; }
.index-title-h h3 { font-weight: normal; color: #e45650; font-size: 28px; }
.index-title-h span { display: inline-block; font-size: 14px; color: #989898; margin-left: 5px; }
.index-title-line { height: 11px; background: url("../images/title-line.png") no-repeat center center; margin-top: 14px; }
.index-title-p { font-size: 13px; line-height: 22px; color: #6f6f6f; margin-top: 10px; }
.index-title-p span { color: #c5010b; }
.index-news-content { margin-top: 54px; background-color: #fafafa; }
.in-dy { float: left; width: 560px; margin-left: 16px; margin-top: 44px; }
.in-dy-title { padding-bottom: 12px; border-bottom: 1px solid #bfbfbf; }
.indy-title-h { float: left; font-size: 16px; color: #e45650; }
.indy-title-h span { color: #797979; }
.indy-title-a { float: right; margin-top: 2px; }
.indy-title-a a { font-size: 13px; color: #797979; }
.in-dy-box { border-bottom: 1px dashed #d2d2d2; }
.indy-p { float: left; line-height: 42px; font-size: 15px; color: #797979; width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.indy-p span { display: inline-block; color: #e45650; margin-right: 5px; }
.indy-date { float: right; font-size: 13px; color: #9c9c9c; line-height: 42px; }
.in-swiper { float: right; width: 603px; }
.in-swiper .slideBox { width: 100%; height: 337px; overflow: hidden; position: relative; }
/*分页器样式*/
.in-swiper .slideBox .hd { height: 20px; overflow: hidden; position: absolute; right: 0; bottom: 14px; z-index: 1; width: 30%; }
.in-swiper .slideBox .hd ul { overflow: hidden; zoom: 1; text-align: right; list-style: none; padding: 0 10px; margin: 0;/*position: absolute;top: 0;left: 50%;transform: translateX(-50%);  */
}
.in-swiper .slideBox .hd ul li { display: inline-block; margin: 0 3px; width: 20px; height: 20px; line-height: 20px; text-align: center; background: #fff; cursor: pointer; }
.in-swiper .slideBox .hd ul li.on { background: #e45650; color: #fff; }
/*主体样式*/
.in-swiper .slideBox .bd { position: relative; height: 100%; z-index: 0; }
.in-swiper .slideBox .bd ul { list-style: none; padding: 0; margin: 0; }
.in-swiper .slideBox .bd li { zoom: 1; position: relative; height: 337px; }
.in-swiper .slideBox .bd li a { display: block; height: 100%; }
.in-swiper-dark { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.5); }
.in-swiper-dark p { font-size: 15px; color: #fff; line-height: 50px; width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 20px; }
.index-solution { padding-bottom: 80px; }
.iso-content { margin-top: 34px; }
.iso-box { position: relative; padding-bottom: 100px; border-bottom: 3px solid #e45650; overflow: hidden; }
.iso-box-img { overflow: hidden; }
.iso-box-img img { width: 100%; transition: all 0.5s ease; }
.iso-box-p { position: absolute; bottom: -70px; left: 0; height: 170px; width: 100%; background-color: #f3f3f4; text-align: center; transition: all 0.5s ease; }
.iso-box-p h3 { font-size: 24px; color: #535454; font-weight: normal; padding: 0 30px; margin-top: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.5s ease; }
.iso-box-p p { font-size: 14px; line-height: 24px; margin-top: 10px; color: #9a999a; padding: 0 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.5s ease; }
.iso-box-more { width: 104px; line-height: 28px; color: #fff; border: 1px solid #fff; font-size: 13px; margin: 45px auto 0; border-radius: 20px; }
.index-service { background-color: #eaeaea; padding-bottom: 40px; }
.index-service-content { margin-top: 30px; }
.iser-left { float: left; width: 53%; }
.iser-left-img { float: left; height: 380px; width: 42%; background: url("../images/iser-img.jpg") no-repeat center center; background-size: cover; }
.iser-left-con { float: left; width: 50%; height: 380px; padding: 0 4%; background-color: #fff; }
.islc-title { margin-top: 46px; font-size: 18px; color: #e45650; padding-bottom: 12px; border-bottom: 1px solid #dedede; }
.islc-title span { font-family: Arial; font-size: 14px; color: #989898; }
.islc-p { font-size: 14px; line-height: 30px; height: 150px; overflow: hidden; color: #8e8e8e; margin-top: 14px; }
.islc-more { width: 120px; line-height: 36px; font-size: 14px; text-align: center; background-color: #e45650; color: #fff; margin-top: 50px; transition: all 0.5s ease; }
.iser-right { float: right; width: 45%; }
.iserr-box { float: left; width: 48%; height: 180px; margin-left: 4%; background: #fff; margin-bottom: 20px; transition: all 0.5s ease; }
.iser-right .iserr-box:nth-child(2n+1) { margin-left: 0; }
.iserr-box-icon { height: 77px; width: 77px; margin: 36px auto 0; transition: all 0.5s ease; }
.iserr-box p { text-align: center; font-size: 14px; color: #e45650; margin-top: 14px; transition: all 0.5s ease; }
.iserr-box p a { font-size: 14px; color: #fff; }
.iserr-box1 .iserr-box-icon { background: url("../images/iseb1.png") no-repeat center center; background-size: 100% 100%; }
.iserr-box2 .iserr-box-icon { background: url("../images/iseb2.png") no-repeat center center; background-size: 100% 100%; }
.iserr-box3 .iserr-box-icon { background: url("../images/iseb3.png") no-repeat center center; background-size: 100% 100%; }
.iserr-box4 .iserr-box-icon { background: url("../images/iseb4.png") no-repeat center center; background-size: 100% 100%; }
.index-about { padding-bottom: 90px; }
.index-about-content { margin-top: 32px; }
.ia-img { float: left; width: 54%; overflow: hidden; }
.ia-img img { width: 100%; transition: all 0.5s ease; }
.ia-info { float: right; width: 42%; margin-top: 44px; }
.ia-info-title p { font-family: Arial; font-size: 24px; line-height: 30px; color: #565656; }
.ia-info-title h4 { font-size: 24px; line-height: 36px; color: #e45650; }
.ia-info-p { font-size: 14px; line-height: 24px; color: #8e8e8e; height: 72px; overflow: hidden; margin-top: 16px; }
.ia-info .islc-more { margin-top: 26px; }
.index-brand { background-color: #eaeaea; padding-top: 50px; padding-bottom: 66px; }
.index-brand-box { float: left; width: 18%; margin-top: 18px; margin-left: 2.5%; overflow: hidden; }
.index-brand-content .index-brand-box:nth-child(5n+1) { margin-left: 0; }
.index-brand-box img { width: 100%; transition: all 0.5s ease; }
.footer-content { background-color: #323232; padding-bottom: 15px; }
.footer-wx { float: left; width: 180px; height: 260px; text-align: center; background: url("../images/wx-bg.png") no-repeat; }
.footer-wx p { color: #fff; font-size: 16px; line-height: 24px; margin-top: 24px; }
.footer-wx-img { width: 70%; margin: 16px auto 0; }
.footer-lb { float: left; margin-left: 100px; }
.footer-xx { float: right; width: 36%;/*margin-top: -25%;*/
}
.footer-list { float: left; max-width: 146px; margin-top: 22px; }
.footer-list-line { float: left; width: 1px; height: 280px; margin: 25px 35px 0; background-color: #333; }
.footer-list-title { font-size: 16px; color: #e45650; line-height: 26px; padding-bottom: 6px; }
.footer-list-con p { margin-top: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
.footer-list-con p a { display: inline-block; font-size: 14px; color: #acacac; }
.footer-copyright { background-color: #282828; color: #ababab; font-size: 13px; line-height: 24px; padding: 14px 0; }
.footer-copyright a { color: #ababab; }
.footer-copyright-p1 { margin: auto; width: 56%; }
.footer-copyright-p2 { float: right; }
.footer-copyright-p3 { margin-left: 10%; float: left; width: 70.5%; line-height: 2.8; margin-top: -91px; color: #acacac; }
.phone-hc { display: none; margin-top: 10px; }
.phone-nav { float: right; }
.phone-nav-icon { height: 50px; width: 40px; background: url("../images/phone-menu.png") no-repeat center center; background-size: 28px 23px; cursor: pointer; }
.phone-menu { position: absolute; top: 120px; left: 0; width: 100%; z-index: 99; background-color: #fff; border-top: 1px solid #e6e8ee; padding-bottom: 40px; box-shadow: 0 2px 4px #999; display: none; }
.phone-menu-list { position: relative; }
.phone-menu-title { position: relative; border-bottom: 1px solid #e6e8ee; }
.phone-menu-title a { position: relative; display: block; /*width: 40%;*/
font-size: 14px; color: #222222; line-height: 42px; padding-left: 5%; z-index: 2; }
.phone-menu-icon { position: absolute; top: 0; right: 4%; width: 60px; height: 50px; background: url("../images/add.jpg") no-repeat center center; background-size: 24px 24px; }
.phone-menu-title.on .phone-menu-icon { background: url("../images/del.jpg") no-repeat center center; background-size: 24px 24px; }
.phone-menu-c { display: none; overflow: hidden; }
.phone-menu-c a { display: block; font-size: 14px; color: #222222; line-height: 40px; padding-left: 7%; border-bottom: 1px solid #e6e8ee; }
.phone-system-a { text-align: center; padding: 16px 0; margin-top: 10px; }
.phone-system-a a { display: inline-block; font-size: 14px; line-height: 20px; color: #333333; margin: 0 10px; }
.inner-banner { height: 400px; }
.inner-bg { background-color: #eaeaea; padding-top: 26px; padding-bottom: 70px; }
.inner-left { float: left; width: 21%; }
.inner-title { background: url("../images/inner-title.jpg") no-repeat center center; background-size: cover; }
.inner-title h3 { height: 67px; line-height: 67px; color: #fff; font-size: 25px; padding-left: 22px; letter-spacing: 5px; }
.inner-list-box { position: relative; border-top: 1px solid #eaeaea; background: #fff; }
.inner-list-box p { line-height: 58px; font-size: 16px; color: #616161; padding-left: 22px; padding-right: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inner-list-box.on p { color: #000000; }
.inner-list-icon { position: absolute; right: 0; top: 1px; height: 58px; width: 60px; background: url("../images/inner-list-icon.png") no-repeat center center; display: none; }
.inner-list-box.on .inner-list-icon { display: block; }
.inner-contact { margin-top: 20px; background-color: #fff; padding: 20px; }
.inner-content-art h4 { font-size: 16px; line-height: 24px; color: #000000; font-weight: normal; }
.inner-content-art p { font-size: 14px; color: #797979; line-height: 24px; margin-top: 10px; }
.inner-wx { margin-top: 20px; text-align: center; }
.inner-wx p { font-size: 14px; line-height: 24px; color: #797979; margin-top: 14px; }
.inner-right { float: right; /*width: 926px;*/
width: 77%; background-color: #fff; }
.bread-nav-content { padding: 0 30px; border-bottom: 1px solid #d0d0d0; }
.bread-nav { float: right; margin-top: 34px; padding-bottom: 12px; }
.bread-nav a { /*float: left;*/
font-size: 12px; color: #000000; line-height: 20px; }
.bread-nav span { float: left; font-size: 12px; color: #b3aeae; line-height: 20px; margin: 0 4px; }
.bread-nav-house { background: url("../images/house.png") no-repeat left center; padding-left: 22px; }
.bread-nav .position { text-align: left; color: #000000; }
.about-content { padding: 30px; line-height: 34px; }
@media screen and (min-width: 761px) {
.about-content { min-height: 612px; }
}
.about-p-title { font-size: 30px; line-height: 46px; color: #2a2a2a; padding: 10px 0; margin-top: 10px; }
.about-p { font-size: 14px; color: #504e4e; line-height: 34px; padding-bottom: 30px; }
.phone-type { display: none; }
.phone-type a { display: block; float: left; width: 32%; margin-left: 2%; margin-top: 8px; line-height: 40px; text-align: center; background-color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid #e45650; }
.phone-type a:nth-child(3n+1) { margin-left: 0; }
.phone-type a.on { background-color: #e45650; color: #fff; }
.ir-title { float: left; font-size: 18px; color: #464646; margin-top: 32px; padding-bottom: 12px; font-weight: 900; }
.develop-timeline { position: relative; margin-top: 26px; margin-left: 40px; border-left: 1px solid #d2d2d2; border-top: 1px solid #fff; margin-bottom: 50px; }
.develop-round { position: absolute; top: -2px; left: -10px; width: 16px; height: 16px; border: 2px solid #d2d2d2; border-radius: 100%; background-color: #fff; }
.dt-list { margin-top: 50px; }
.dt-star { float: left; width: 14px; height: 14px; margin-left: -7px; margin-top: 4px; background: url("../images/star.png") no-repeat center center; }
.dt-year { float: left; margin-left: 14px; font-size: 22px; line-height: 26px; color: #e45650; font-weight: bold; }
.dt-list-p { float: left; font-size: 14px; color: #7c7777; line-height: 26px; margin-top: 2px; margin-left: 12px; width: 60%; }
.about-honor-content { padding-bottom: 20px; }
.ah-box { float: left; width: 23%; margin-left: 2.5%; margin-top: 10px; text-align: center; }
.about-honor-content .ah-box:nth-child(4n+1) { margin-left: 0; }
.ah-box-img { overflow: hidden; }
.ah-box-img img { width: 100%; }
.ah-box p { font-size: 14px; line-height: 20px; height: 40px; overflow: hidden; margin-top: 5px; }
.product-cc { padding-bottom: 60px; }
.product-content { padding: 0 30px 40px; font-size: 14px; line-height: 26px; }
.product-box { padding: 30px 0; border-bottom: 1px dashed #eaeaea; }
.product-box-img { float: left; width: 28%; overflow: hidden; }
.product-box-img img { width: 100%; transition: all 0.5s ease; }
.product-box-con { float: left; width: 65%; margin-left: 3%; }
.product-box-p { margin-top: 20px; }
.product-box-p h4 { font-size: 18px; line-height: 30px; color: #e45650; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product-box-p p { font-size: 14px; line-height: 26px; height: 78px; overflow: hidden; color: #898989; margin-top: 8px; }
.product-box-more { width: 108px; line-height: 28px; border: 1px solid #e45650; color: #e45650; text-align: center; border-radius: 20px; font-size: 14px; margin-top: 32px; transition: all 0.5s ease; }
.page { text-align: center; }
.page a { display: inline-block; padding: 8px 10px; margin: 0 2px; border: 1px solid #f4f4f4; transition: all 0.5s ease; }
.page a.on { background-color: #182987; color: #fff; }
.page span { display: inline-block; padding: 8px 10px; margin: 0 2px; border: 1px solid #f4f4f4; transition: all 0.5s ease; background-color: #182987; color: #fff; }
.product-bs { float: left; }
.product-big { float: left; }
.product-big-list { display: none; }
.product-big-list img { width: 100%; }
.product-small { position: relative; float: left; width: 70px; margin-left: 10px; height: 248px; }
.product-small .swiper-container { height: 200px; margin-top: 24px; }
.pd-small-box { border: 1px solid #fff; cursor: pointer; }
.pd-small-box.on { border: 1px solid #194c7f; }
.pd-small-box img { width: 100%; }
.product-small .swiper-button-prev { position: absolute; top: 0; left: 0; width: 70px; height: 18px; opacity: 1; margin-top: 0; background: url("../images/pd-prev.jpg") no-repeat; background-size: 100% 100%; }
.product-small .swiper-button-next { position: absolute; top: auto; right: auto; bottom: 0; left: 0; width: 70px; height: 18px; opacity: 1; margin-top: 0; background: url("../images/pd-next.jpg") no-repeat; background-size: 100% 100%; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { pointer-events: auto; cursor: pointer; }
.pdi-content { float: right; width: 53%; }
.pdi-p { margin-top: 20px; }
.pdi-p h4 { font-size: 18px; line-height: 28px; color: #181818; font-weight: normal; }
.pdi-p p { font-size: 14px; line-height: 28px; height: 112px; overflow: hidden; color: #6e6e6e; margin-top: 8px; }
.pdi-contact { margin-top: 20px; }
.pdi-contact a { display: inline-block; width: 142px; height: 40px; background: url("../images/pdi-contact.png") no-repeat; background-size: 100% 100%; }
.pd-desc { margin-top: 40px; }
.pdd-type { background-color: #e7e7e7; }
.pdd-type-box { position: relative; float: left; cursor: pointer; margin-left: 1px; }
.pdd-type .pdd-type-box:first-child { margin-left: 0; }
.pdd-type-box p { line-height: 44px; padding: 0 40px; font-size: 15px; color: #434343; }
.pdd-type-box.on p { color: #fff; background-color: #023e76; }
.pdd-type-icon { position: absolute; bottom: -7px; left: 50%; width: 16px; height: 7px; margin-left: -8px; background: url("../images/pdd-icon.png") no-repeat; display: none; }
.pdd-type-box.on .pdd-type-icon { display: block; }
.pdd-type-line { position: absolute; top: 14px; left: -1px; height: 18px; width: 1px; background-color: #c0c0c0; }
.pd-desc-content { border: 1px solid #e7e7e7; border-top: none; }
.pdd-list { display: none; padding: 30px; }
.pdd-p { font-size: 13px; color: #838383; line-height: 28px; }
.new-cc { padding-bottom: 60px; }
.news-box { padding: 26px; transition: all 0.5s ease; border-bottom: 1px solid #eaeaea; }
.news-box-img { float: left; width: 31%; overflow: hidden; }
.news-box-img img { width: 100%; transition: all 0.5s ease; }
.news-box-con { float: right; width: 66%; margin-top: 6px; }
.news-content { padding-bottom: 40px; }
.news-box-title { font-size: 20px; color: #333333; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.5s ease; }
.news-box-date { font-size: 14px; color: #848484; margin-top: 12px; }
.news-box-p { font-size: 14px; color: #757575; line-height: 24px; height: 48px; overflow: hidden; margin-top: 14px; }
.news-box-more { font-size: 14px; color: #e45650; text-align: right; margin-top: 2px; }
.nd-title { text-align: center; padding: 0 10px 20px; }
.nd-title h4 { font-size: 20px; line-height: 30px; font-weight: 900; }
.nd-title p { color: #848484; margin-top: 16px; }
.nd-pn { border: 1px solid #c9c9c9; margin-top: 10px; }
.nd-pn-prev { float: left; width: 42%; padding: 0 3%; line-height: 46px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nd-pn-next { float: right; width: 42%; padding: 0 3%; line-height: 46px; font-size: 14px; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nd-pn-prev a { color: #7c7c7c; }
.nd-pn-next a { color: #7c7c7c; }
.nd-share { margin-top: 10px; }
.case-cc { padding-bottom: 50px; }
.case-content { padding: 20px 30px 20px; }
.case-box { float: left; width: 31%; text-align: center; margin-top: 10px; margin-left: 3.1%; }
.case-content .case-box:nth-child(3n+1) { margin-left: 0; }
.case-box-img { overflow: hidden; border: 1px solid #fff; transition: all 0.5s ease; }
.case-box-img img { width: 100%; transition: all 0.5s ease; }
.case-box p { font-size: 15px; line-height: 22px; height: 44px; overflow: hidden; color: #7a7a7a; margin-top: 8px; transition: all 0.5s ease; }
.case-box:hover p { color: #023e76; }
.cdc-top-title { text-align: center; font-size: 22px; line-height: 32px; color: #383838; }
.cdc-top-p { text-align: center; margin-top: 18px; }
.cdc-bot { margin-top: 40px; padding-bottom: 30px; }
.cdc-bot-title { font-size: 15px; color: #2e2e2e; padding-bottom: 10px; border-bottom: 1px solid #eaeaea; }
.cdc-bot-p { font-size: 14px; color: #7c7c7c; line-height: 28px; padding: 16px 0; }
.support-content { padding-top: 30px; padding-bottom: 80px; }
.support-p { text-align: center; font-size: 18px; line-height: 28px; color: #373737; }
.support-p span { color: #e45650; }
.support-form { width: 350px; margin: 0 auto; padding-top: 10px; }
.support-form-list { margin-top: 16px; }
.sf-p { float: left; line-height: 30px; width: 80px; font-size: 14px; padding: 0 5px; text-align: right; }
.sf-ib { float: left; width: 260px; }
.sf-input { width: 238px; border: 1px solid #e4e4e4; height: 28px; border-radius: 2px; padding: 0 10px; }
.sf-textarea { width: 238px; border: 1px solid #e4e4e4; height: 70px; line-height: 20px; border-radius: 2px; padding: 6px 10px; resize: none; overflow: auto; }
.support-submit { margin-top: 20px; margin-left: 90px; }
.support-submit input { width: 124px; height: 30px; background-color: #e45650; color: #fff; border-radius: 2px; border: none; cursor: pointer; }
.sq-cc { padding: 20px 30px 60px; }
.support-question-content { padding-bottom: 40px; }
.sq-list { position: relative; border-bottom: 1px solid #eaeaea; }
.sq-arrow { position: absolute; top: 14px; right: 0; width: 30px; height: 30px; background: url("../images/sq-arrow.png") no-repeat center center; cursor: pointer; transition: all 0.5s ease; }
.sq-list.on .sq-arrow { transform: rotate(90deg); }
.sq-title { background: url("../images/q-icon.png") no-repeat left center; padding: 0 30px; cursor: pointer; }
.sq-title p { line-height: 60px; font-size: 16px; color: #023e76; width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sq-con { padding-left: 30px; padding-right: 50px; background: url("../images/a-icon.png") no-repeat left 5px; padding-bottom: 20px; display: none; }
.sq-con p { font-size: 16px; line-height: 28px; color: #a2a2a2; }
.sq-con .answer { font-size: 16px; line-height: 28px; color: #a2a2a2; }
.repair-cc { padding-top: 20px; padding-bottom: 60px; }
.repair-list { margin-top: 14px; }
.re-list1 { float: left; width: 24%; text-align: right; }
.re-p1 { font-size: 13px; line-height: 28px; padding: 0 4px; }
.re-p1 span { color: #f16a31; margin: 0 4px; }
.re-p2 { float: left; font-size: 13px; line-height: 28px; padding: 0 4px; }
.re-p2 span { color: #f16a31; margin: 0 4px; }
.re-select1 { float: left; border: 1px solid #ccc; width: 123px; padding: 0 4px; color: #4a4a4a; height: 30px; line-height: 30px; margin-right: 10px; font-size: 13px; }
.re-input1 { float: left; border: 1px solid #ccc; width: 392px; padding: 0 8px; color: #4a4a4a; height: 28px; line-height: 28px; margin-right: 10px; font-size: 13px; }
.re-input2 { float: left; border: 1px solid #ccc; width: 180px; padding: 0 8px; color: #4a4a4a; height: 28px; line-height: 28px; margin-right: 10px; font-size: 13px; }
.re-input3 { float: left; border: 1px solid #ccc; width: 200px; padding: 0 8px; color: #4a4a4a; height: 28px; line-height: 28px; margin-right: 10px; font-size: 13px; }
.re-list2 { float: left; width: 74%; }
.re-box { float: left; }
.re-textarea { width: 600px; border: 1px solid #ccc; padding: 6px 8px; color: #4a4a4a; line-height: 20px; font-size: 13px; resize: none; height: 200px; overflow: auto; }
.re-radio-box { font-size: 13px; line-height: 22px; margin-top: 3px; padding-bottom: 4px; }
.re-radio { vertical-align: middle; margin-top: -2px; }
.re-radio-box span { display: inline-block; margin-left: 4px; }
.re-tip { float: left; border: 1px solid #666; cursor: pointer; border-radius: 2px; margin-right: 10px; margin-bottom: 10px; width: 150px; }
.re-tip.on { border: 1px solid #182987; }
.re-tip p { font-size: 13px; line-height: 28px; padding: 0 5px; color: #666; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.re-tip.on p { color: #182987; }
.re-tip-input { display: none; }
.verf-img { float: left; margin-left: 10px; }
.re-input5 { float: left; border: 1px solid #ccc; width: 132px; padding: 0 8px; color: #4a4a4a; height: 28px; line-height: 28px; margin-right: 10px; font-size: 13px; }
.repair-btn { text-align: center; margin-top: 50px; }
.repair-btn input { width: 120px; height: 38px; margin: 0 10px; border: 0; cursor: pointer; font-size: 18px; color: #fff; border-radius: 4px; }
.repair-btn-submit { background: #e45750; }
.repair-btn-print { background: #e45750; }
.squ-top { padding-top: 10px; padding-bottom: 60px; border-bottom: 1px solid #d0d0d0; }
.squ-top-title { font-size: 18px; color: #383838; }
.squ-search { width: 610px; border: 1px solid #e45750; margin-top: 24px; }
.squ-input { float: left; width: 420px; padding-left: 10px; padding-right: 40px; font-size: 13px; border: none; background: url("../images/search-fly.png") no-repeat 98% center; margin-top: 15px; }
.squ-submit { float: right; width: 130px; background: #e45750 url("../images/squ-icon.png") no-repeat 30px center; height: 44px; border: none; font-size: 18px; color: #fff; cursor: pointer; padding-left: 20px; }
.squ-top .re-list1 { width: auto; }
.squ-top .repair-list { margin-top: 20px; }
.squ-bottom { padding-top: 32px; }
.squ-info { padding-top: 16px; }
.squ-info-list { float: left; width: 33%; list-style: none; font-size: 13px; line-height: 24px; padding: 8px 0; }
.sqi-title { float: left; width: 84px; text-align: right; padding: 0 5px; }
.sqi-title span { color: #f16a31; margin: 0 4px; }
.sqi-p { float: left; padding: 0 2px; }
.squ-table1 { margin-top: 26px; font-size: 13px; font-weight: normal; line-height: 22px; }
.squ-table1 table { width: 100%; border-left: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3; }
.squ-table1 th { font-size: 13px; font-weight: normal; line-height: 22px; padding: 10px 5px; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; }
.squ-table1 td { font-size: 13px; font-weight: normal; line-height: 22px; padding: 10px 5px; text-align: center; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; }
.squ-table2 { margin-top: 20px; padding-bottom: 60px; }
.squ-table2-title { font-size: 14px; }
.squ-table2 table { width: 100%; margin-top: 20px; border-left: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3; }
.squ-table2 th { font-size: 13px; font-weight: normal; line-height: 22px; padding: 10px 5px; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; }
.squ-table2 td { font-size: 13px; font-weight: normal; line-height: 22px; padding: 10px 5px; text-align: center; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; }
.join-content { padding-bottom: 60px; }
.join-heading { background-color: #f5f5f5; }
.join-list1 { float: left; width: 36%; }
.join-list2 { float: left; width: 20%; text-align: center; }
.join-list3 { float: left; width: 17%; text-align: center; }
.join-list4 { float: left; width: 17%; text-align: center; }
.join-list5 { float: left; width: 10%; text-align: center; }
.join-heading-p { font-size: 15px; color: #888888; line-height: 40px; padding: 0 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.join-bc { padding-bottom: 40px; }
.join-box-title { cursor: pointer; border-bottom: 1px solid #e1e1e1; }
.jb-title-p1 { font-size: 16px; color: #005eb8; padding: 0 14px; line-height: 54px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jb-title-p2 { font-size: 14px; color: #4b4b4b; padding: 0 14px; line-height: 54px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jb-title-arrow { height: 54px; background: url("../images/jb-arrow.png") no-repeat center center; transition: all 0.5s ease; }
.join-box.on .jb-title-arrow { transform: rotate(90deg); }
.join-box-detail { display: none; }
.jb-detail-p { font-size: 13px; line-height: 26px; color: #767676; padding: 18px 15px; border-bottom: 1px solid #e1e1e1; }
.contact-info { margin-top: 36px; border-top: 1px solid #d4d4d4; padding-bottom: 60px; }
.contact-box { float: left; width: 44%; padding: 10px 3%; margin-top: 12px; }
.contact-box h4 { font-size: 18px; line-height: 24px; color: #e45650; font-weight: normal; }
.contact-box p { font-size: 13px; line-height: 24px; margin-top: 10px; color: #797979; }
.login { height: 570px; background: url("../images/login-bg.jpg") no-repeat center center; background-size: cover; padding-top: 1px; }
.reg { height: 570px; background: url("../images/login-bg.jpg") no-repeat center center; background-size: cover; padding-top: 1px; }
.find-password1 { height: 570px; background: url("../images/login-bg.jpg") no-repeat center center; background-size: cover; padding-top: 1px; }
.find-password1 .login-content { height: 280px; }
.login-content { float: right; height: 512px; width: 380px; margin-top: 30px; background-color: #fff; box-shadow: 0 0 3px #999; }
/*.reg .login-content{*/
    /*height: 466px;*/
    /*margin-top: 50px;*/
/*}*/
.login-con-wrap { padding: 0 25px; }
.login-con-title { font-size: 16px; color: #e45650; padding-top: 30px; padding-bottom: 8px; }
.login-box { position: relative; margin-top: 8px; height: 50px; }
.login-box .onShow { color: #8c8c8c; padding-left: 52px; padding-right: 20px; display: none; }
.login-box .onFocus { color: #aa1212; padding-left: 52px; padding-right: 20px; }
.login-box .onError { color: #aa1212; padding-left: 52px; padding-right: 20px; }
.login-box .onCorrect { color: #8c8c8c; padding-left: 52px; padding-right: 20px; }
.login-box .onError { color: #aa1212; padding-left: 52px; padding-right: 20px; }
/*.reg .login-box{*/
    /*margin-top: 12px;*/
/*}*/
/*.reg .login-bc{*/
    /*padding-top: 6px;*/
/*}*/
.login-input1 { height: 36px; line-height: 36px; border: 1px solid #cecece; padding-left: 52px; padding-right: 20px; width: 256px; font-size: 14px; -webkit-appearance: none; appearance: none; border-radius: 0; }
.input-focus { height: 36px; line-height: 36px; border: 1px solid #cecece; padding-left: 52px; padding-right: 20px; width: 256px; font-size: 14px; -webkit-appearance: none; appearance: none; border-radius: 0; }
.login-input2 { float: left; height: 36px; line-height: 36px; border: 1px solid #cecece; padding-left: 52px; padding-right: 20px; width: 120px; font-size: 14px; -webkit-appearance: none; appearance: none; border-radius: 0; }
.log-verf { float: left; margin-left: 8px; margin-top: 4px; }
.lb-icon { position: absolute; top: 1px; left: 1px; width: 36px; height: 36px; border-right: 1px solid #cecece; }
.lb-icon1 { background: #f3f3f3 url("../images/lb-icon1.png") no-repeat center center; }
.lb-icon2 { background: #f3f3f3 url("../images/lb-icon2.png") no-repeat center center; }
.lb-icon3 { background: #f3f3f3 url("../images/lb-icon3.jpg") no-repeat center center; }
.lb-icon4 { background: #f3f3f3 url("../images/lb-icon4.png") no-repeat center center; background-size: 20px 20px; }
.lb-icon5 { background: #f3f3f3 url("../images/lb-icon5.png") no-repeat center center; }
.lb-icon6 { background: #f3f3f3 url("../images/lb-icon6.png") no-repeat center center; }
.login-choose { color: #8c8c8c; margin-top: 20px; }
.lci-p { float: right; }
.lci-p a { display: inline-block; color: #8c8c8c; }
.lci-box { float: left; }
.login-choose-input { vertical-align: middle; margin-top: -2px; margin-right: 6px; }
.login-submit { margin-top: 24px; }
.login .login-submit { margin-top: 46px; }
.login-submit input { /*width: 330px;*/
width: 100%; height: 38px; color: #fff; background-color: #e45650; font-weight: bold; border: none; font-size: 20px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.login-p { color: #9e9e9e; margin-top: 12px; text-align: right; }
.login-p a { color: #5870a0; }
.login-tip { margin-top: 22px; border-top: 1px dashed #d2d2d2; line-height: 18px; color: #bababa; padding-top: 14px; }
.verf-send { float: left; width: 124px; height: 38px; color: #fff; background-color: #0658b2; border: none; cursor: pointer; }
.vip-content { padding: 30px 80px 100px; }
.vip-box { margin-top: 16px; }
.vb-list1 { float: left; width: 90px; }
.vb-title { line-height: 34px; font-size: 14px; color: #494949; }
.vb-list2 { float: left; }
.vb-input1 { width: 240px; padding: 0 10px; background-color: #fdfdfd; border: 1px solid #e1e1e1; height: 32px; border-radius: 4px; font-size: 14px; }
.vb-radio { float: left; margin-right: 30px; margin-top: 10px; }
.vb-radio input { vertical-align: middle; margin-top: -2px; }
.vb-radio span { margin-left: 4px; display: inline-block; font-size: 14px; }
.vb-btn input { width: 64px; height: 28px; color: #fff; border: none; cursor: pointer; border-radius: 4px; }
.vb-btn .vb-btn-save { background-color: #e45650; }
.vb-btn .vb-btn-reset { background-color: #353535; margin-left: 10px; }
.vpass-cc { padding-bottom: 200px; }
.vip-password-content { margin: 30px; padding: 60px 30px; background-color: #F7F7F7; }
.vpc-wrap { width: 470px; margin: 0 auto; }
.web-map { padding-top: 40px; padding-bottom: 60px; }
.web-map-title { font-size: 18px; line-height: 40px; border-bottom: 1px solid #ececec; }
.web-map-box { margin-top: 20px; }
.web-map-box-h { font-size: 16px; height: 36px; line-height: 36px; font-weight: bold; }
.web-map-link a { float: left; font-size: 14px; display: inline-block; padding: 10px 20px; border: 1px solid #ddd; margin-right: 14px; margin-top: 10px; }
/*侧边栏*/
.sidebar-content { position: fixed; top: 50%; right: 0; z-index: 1000; margin-top: -110px; }
.sidebar-box { position: relative; margin-top: 1px; }
.sidebar-icon { width: 50px; height: 50px; cursor: pointer; }
.si1 .sidebar-icon { background: #333333 url(../images/side1.png) no-repeat center center; }
.si2 .sidebar-icon { background: #333333 url(../images/side2.png) no-repeat center center; }
.si3 .sidebar-icon { background: #333333 url(../images/side3.png) no-repeat center center; }
.si4 .sidebar-icon { background: #333333 url(../images/side4.png) no-repeat center center; }
.si5 .sidebar-icon { background: #333333 url(../images/side5.png) no-repeat center center; }
.si1:hover .sidebar-icon { background: #e45650 url(../images/side1.png) no-repeat center center; }
.si2:hover .sidebar-icon { background: #e45650 url(../images/side2.png) no-repeat center center; }
.si3:hover .sidebar-icon { background: #e45650 url(../images/side3.png) no-repeat center center; }
.si4:hover .sidebar-icon { background: #e45650 url(../images/side4.png) no-repeat center center; }
.si5:hover .sidebar-icon { background: #e45650 url(../images/side5.png) no-repeat center center; }
.sidebar-dark1 { position: absolute; top: 0; right: 50px; padding: 0 20px; background-color: #e45650; display: none; }
.sidebar-dark2 { position: absolute; top: 0; right: 50px; padding: 17px 20px; background-color: #e45650; display: none; }
.sidebar-box:hover .sidebar-dark1 { display: block; }
.sidebar-box:hover .sidebar-dark2 { display: block; }
.sidebar-dark1 p a { display: block; height: 50px; line-height: 50px; font-size: 16px; color: white; text-align: center; white-space: nowrap; }
.sidebar-code { width: 98px; margin-top: 8px; }
.sidebar-dark2 .sidebar-code:first-child { margin-top: 0; }
.sidebar-code p { text-align: center; color: white; line-height: 18px; margin-top: 4px; }
.sidebar-top { display: block; width: 50px; height: 50px; }
.sidebar-icon-a { display: block; width: 50px; height: 50px; }
.side-layer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; display: none; }
.side-layer-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; }
.sme-content { position: absolute; top: 50%; left: 50%; width: 600px; height: 400px; margin-left: -300px; margin-top: -210px; border-radius: 6px; background-color: #fff; overflow: hidden; }
.sme-close { position: absolute; top: 5px; right: 20px; color: #fff; font-size: 26px; cursor: pointer; }
.sme-title { line-height: 42px; font-weight: bold; text-align: center; color: #fff; font-size: 20px; background-color: #e45650; }
.sme-bc { margin-top: 24px; }
.news-detail-content img { max-width: 100%!important; height: auto!important; }
.about-content img { max-width: 100%!important; height: auto!important; }
/*侧边栏结束*/

.clear{ clear:both;}
.index_add1bg{ padding:60px 0;}
.index_add1{}
.index_add1 .list{ margin-top:30px;}
.index_add1 .list .img{ float:left; width:30%;}
.index_add1 .list .img img{ display:block; width:100%;}
.index_add1 .list .txt{ float:right; width:65%; font-size:14px; line-height:2em;}
@media(max-width:768px){
.index_add1 .list .img{ float:left; width:100%;}
.index_add1 .list .txt{ float:right; width:100%; margin-top:10px; font-size:14px; line-height:2em;}
}
ul,li{ list-style:none; margin:0; padding:0;}
.foot_add1{ float:left; width:60%; padding:25px 0 0 0; color:#fff;}
.foot_add1 a{ color:#fff;}
.foot_add1 a:hover{ text-decoration:underline;}
.foot_add1 dl dt{ float:left; width:90px; font-size:20px; line-height:30px;}
.foot_add1 dl dd{ float:left; width:calc(100% - 90px); font-size:12px; line-height:30px;}
.foot_add1 ul li{ float:left; margin:0 20px 10px 0;}
.foot_add1 ul li i{ font-style:normal;}




.slideTxtBox_01{}
.slideTxtBox_01 .hd{ height:40px; line-height:40px; border-bottom:2px solid #ccc; margin-top:20px;}
.slideTxtBox_01 .hd ul li{ float:left;}
.slideTxtBox_01 .hd ul li a{ display:block; color:#333; padding:0 25px; font-size:16px;}
.slideTxtBox_01 .hd ul li.on a{ background:#9a0002; color:#fff;}
.slideTxtBox_01 .bd{ margin-top:10px;}
.slideTxtBox_01 .bd ul li{ height:38px; line-height:38px; overflow:hidden;}
.slideTxtBox_01 .bd ul li a{ color:#333; font-size:14px;}
.slideTxtBox_01 .bd ul li strong{ float:left; width:80px; padding:0 10px; background:#e1e1e1;}
.slideTxtBox_01 .bd ul li span{ float:right; width:calc(100% - 140px); padding:0 30px 0 10px; height:38px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; background:url(../images/lico1.png) right 5px center no-repeat;}
.slideTxtBox_01 .bd ul li:nth-child(2n-1){ background:#f2f2f2;}
.slideTxtBox_01 .bd ul li:nth-child(2n) strong{ background:#ececec;}
.slideTxtBox_01 .bd ul li:hover{ color:#fff; background:#c53033;}
.slideTxtBox_01 .bd ul li:hover a{ color:#fff; background:#c53033;}
.slideTxtBox_01 .bd ul li:hover strong{ background:#9a0002 !important;}
.slideTxtBox_01 .bd ul li:hover span{ background:url(../images/lico2.png) right 5px center no-repeat;}


.index_add2bg{ padding:0 0 60px 0; background:#f3f3f2;}
.index_add2{}
.index_add2 .list{ margin:30px 0 0 0;}
.swiper-container1 { width: 100%; position:relative; padding-bottom:30px;}
.swiper-container1 .swiper-slide { background:#fff; transition:all .3s ease;
/* Center slide text vertically */
/*display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;*/
}
.swiper-container1 .swiper-slide:hover{ box-shadow:rgba(0, 0, 0, 0.1) 0 10px 20px;}
.swiper-container1 .swiper-slide .img_box{ overflow:hidden;}
.swiper-container1 .swiper-slide .img{ padding-bottom:66%; transition:all .3s ease;}
.swiper-container1 .swiper-slide:hover .img{ transform:scale(1.1);}
.swiper-container1 .swiper-slide .txt{ padding:20px;}
.swiper-container1 .swiper-slide .txt .h2{ font-size:20px; line-height:30px; height:60px; overflow:hidden;}
.swiper-container1 .swiper-pagination1{ bottom:0;}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet{ width:10px; height:10px; background:#000; opacity:.5;}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#e45650; opacity:1;}
.swiper-container1 .swiper-button-prev1,.swiper-container1 .swiper-button-next1{ display:none;}
.swiper-container1 .swiper-button-prev1{}
.swiper-container1 .swiper-button-next1{}

.index_add3bg{ padding:0 0 60px 0;}
.index_add3{}
.index_add3 .list{ margin-top:30px;}
.index_add3 .list ul li{/* float:left; width:calc((100% - 160px)/5); margin:40px 40px 0 0;*/ text-align:center;}
.index_add3 .list ul li:nth-child(5n){ margin-right:0;}
.index_add3 .list ul li:nth-child(5n-4){ clear:left;}
.index_add3 .list ul li .img{ padding-bottom:66%; position:relative;}
.index_add3 .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.index_add3 .list ul li .txt{}
.index_add3 .list ul li .txt .h2{ font-size:24px; line-height:34px; margin-top:5px;}

.swiper-container2 { width: 100%; position:relative; padding-bottom:30px;}
.swiper-container2 .swiper-slide { background:#fff; transition:all .3s ease;
/* Center slide text vertically */
/*display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;*/
}
.swiper-container2 .swiper-pagination2{ bottom:0;}
.swiper-container2 .swiper-pagination2 .swiper-pagination-bullet{ width:10px; height:10px; background:#000; opacity:.5;}
.swiper-container2 .swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#e45650; opacity:1;}
.swiper-container2 .swiper-button-prev2,.swiper-container2 .swiper-button-next2{ display:none;}
.swiper-container2 .swiper-button-prev2{}
.swiper-container2 .swiper-button-next2{}









