
body {
	background-color: #f6f6f6;
}

ul, li {list-style: none}

/*产品中心左侧*/
.wrap {width: 100%;margin: 0;padding: 0;background: #fff}
.main-wrap {padding: 50px 0;height: 927px}
.product-center,
.firm-center,
.gist-center {height: 50px}
.main-wrap .product-l,
.main-wrap .firm-l,
.main-wrap .gist-l {height: 30px;border-bottom: 3px solid #ededed;width: 395px}
.main-wrap .product-d,
.main-wrap .firm-d {height: 30px;border-bottom: 3px solid #bbbbbb;width: 130px}
.product-d li,
.firm-d li,
.gist-d li {display: block;width: 150px;float: left;font-size: 20px;font-weight: bold;height: 25px;line-height: 25px;padding: 0 5px;}
.product-d img,
.firm-d img,
.gist-d img {width: 35px;float: left}
.product-left {min-width: 168px}
.product-left ul {padding: 0 !important;}
.product-side li {margin: 0;min-height: 62px;background-color: #e8e8e8}
.product-side .side-item a {padding: 0 20px;display: block;font-size: 16px;color: #9b9b9b;min-height: 50px;line-height: 62px;-webkit-transition: all 200ms ease-in-out 0ms;-moz-transition: all 200ms ease-in-out 0ms;-o-transition: all 200ms ease-in-out 0ms;transition: all 200ms ease-in-out 0ms}
.product-side .side-item > a {font-weight: bold}
.product-side .left-item:hover {background: #1040A4;color: #fff}
.product-side .left-item.opener {background: #1040A4;color: #fff}
.product-side .side-item:first-child .left-item.opener {background-color: #7999f1;color: #fff}
.product-side .side-item:first-child:hover .left-item {background-color: #7999f1;color: #fff}
.product-side .left-item.opener span {transition: all .5s ease;transform: rotate(0deg)}
.product-side .left-item.closed span {transition: all .5s ease;transform: rotate(-90deg)}
.product-side li a span {display: block;line-height: 62px;float: right}
.product-side .down-item li {background-color: #ebf1ff;}
/*.product-side .side-item:first-child .down-item li {background-color: rgb(255,242,235);}*/
.product-side .down-item a {line-height: unset;margin: 0 15px;padding: 20px 0 0 0;font-size: 14px;border-top: 1px solid #c8ccd6;}
.product-side .down-item li:first-child > a {border-top: none}
.product-side .down-item.opener {display: block;}
.product-side .down-item.closed {display: none}
.product-side .down-item {height: 632px;overflow-y: auto;background-color: #EBF1FF}
.product-side .down-item::-webkit-scrollbar {width: 2px;height: 1px}
.product-side .down-item::-webkit-scrollbar-thumb {border-radius: 20px;height: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);background: #4d85ff}
.product-side .side-item:first-child .down-item::-webkit-scrollbar-thumb {border-radius: 20px;height: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);background: #7999f1}
.product-side .down-item::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(235, 241, 255);border-radius: 10px;background: #ebf1ff}
.cpzx {width: 220px!important;}
.cpzx li {width: 220px}
/*产品中心右侧*/
.scroll-item {padding: 0}
.scroll-item li {width: 355px;height: 273px;float: left;margin: 0 13px 30px 1px}
.scroll-item li a {width: 100%;height: 100%;display: block;overflow: hidden}
.scroll-item li a span {display: block;position: relative;width: 355px;height: 47px;bottom: 17px;}
.scroll-item li a span::after {display: block;content: "";position: absolute;top: -30px;width: 0;height: 0;z-index: 1;transition: all 0.5s ease-in-out;background-color: rgba(16,64,164);}
.scroll-item li:hover span::after {width: 100%;height: 100%}
.scroll-item li:hover p {background-color: transparent;font-size: 18px;color: #fff;transition: all 0.5s ease-in-out}
.scroll-item li img {width: 100%;height: 100%;object-fit: cover;transition: all 0.3s ease-in-out}
.scroll-item li img:hover {transform: scale(1.2);opacity: .75}
.scroll-item li p {float: left;position: absolute;color: #fff;width: 355px;height: 47px;line-height: 47px;text-align: center;font-size: 16px;background-color: rgba(0, 0, 0, .3);padding: 0;margin: 0;bottom: 30px;z-index: 9}
/*合作咨询漂窗*/
#popup {position: fixed;display: block;z-index: 999;bottom: -390px;right: 1px;padding: 20px;width: 200px;height: 290px;background-color: #ededed;-moz-transition: 1s all ease;-webkit-transition: 1s all ease;transition: 1s all ease;}

#popup.show {opacity: 1;bottom: 0;}

#popup .closed {position: absolute;width: 20px;height: 20px;top: 10px;right: 10px;cursor: pointer}

#popup .closed img {width: 100%}

#popup h2 {color: #4163c1}

#popup .cooperation-form {margin-top: 10px;border: 1px solid #4163c1;width: 210px;height: 36px;line-height: 36px;border-radius: 22px;overflow: hidden;background: #fff}

#popup .form-item {width: 36px;height: 36px;text-align: center}

#popup .cooperation-form input {width: 155px;height: 36px;border: none;font-size: 14px;}

#popup .cooperation-form-item {margin-top: 10px;border: 1px solid #4163c1;width: 210px;height: 128px;line-height: 36px;border-radius: 22px;overflow: hidden;background: #fff}

#popup .cooperation-form-item textarea {width: 150px;height: 128px;border: none;font-size: 14px;padding-top: 5px}

#popup button {margin-top: 10px;border-radius: 22px;width: 210px;height: 36px;color: #fff;background: #3f61c0;border: none;cursor: pointer}

#popup button:hover {background: #6c89d3}

#popup .cooperation-form input::placeholder,
#popup .cooperation-form-item textarea::placeholder {font-size: 14px;color: #d3d3d3}

/*企业资质*/
.main {background: url("../img/firm.png");width: 100%;margin: 0;padding: 0}

.firm-left {min-width: 200px;margin: 80px 0 0 0}

.firm-side-item {width: 35px;text-align: center}

.firm-img {width: 50px;position: absolute;right: 0;left: 0;bottom: 195px}

/*企业资质左侧*/
.tabs-content { display: block; min-height: 40px}

.tabs-content > .tab-pane { display: none}

.tabs-content > .active { display: block}

.tabs-content > .tab_1_1.active {}

.tabs-content > .tab_1_2.active {margin-top: 230px !important;}

.tabs-content > .tab_1_3.active {margin-top: 236px !important;}

.tabs-content .top-bot {padding: 0;}

.tabs-content .top-bot li:nth-child(1) {color: #a7a8ab;padding-bottom: 10px}

.tabs-content .top-bot {display: none}

.tabs-content .top_2.close {display: block;margin: 95px 0 210px 0;}

.tabs-content .top_1.close {display: block;margin-bottom: 204px;margin-top: -26px}

.tabs-content .top_3.close {display: block;margin-top: 85px;}

.tab-pane > ul {padding: 0}

.tab-pane .mb15 {font-size: 24px}

.tabs-content .mb16 {font-size: 24px;color: #a7a8ab}

.firm-side-item {float: left;width: 100%;background-image: url("../img/ver.png");background-repeat: no-repeat;background-position-x: 16px;background-position-y: 30px}

.firm-side-item ul {padding: unset}

.firm-side-item li {list-style: none;display: block;background-position-y: 26px!important;}

.firm-side-item li a{cursor: default;}

.firm-side-item li:first-child {padding-top: 0}

.firm-side-item li:last-child {padding-bottom: 0 !important;}

.firm-side-item li:nth-child(1) {display: block;background: url("../img/Q1.png") no-repeat}

.firm-side-item li:nth-child(1).active {background: url("../img/Q.png") no-repeat}

.firm-side-item li:nth-child(2) {display: block;background: url("../img/R1.png") no-repeat}

.firm-side-item li:nth-child(2).active {background: url("../img/R.png") no-repeat}

.firm-side-item li:nth-child(3) {display: block;background: url("../img/Z1.png") no-repeat}

.firm-side-item li:nth-child(3).active {background: url("../img/Z.png") no-repeat}

.firm-side-item .shu {width: 10px;position: absolute;left: 50px;bottom: 10px;}

.firm-item {float: right;list-style: none;padding: 0;display: block;width: 75%}

.firm-item li, .firm-item li a {display: block;width: 100%}

.firm-item li > .bt1 {padding: 15px 0;}
.grey-block a span {height: 16px}

.firm-item li a {color: #9c9ea1}

.firm-item .more {display: block;border: 1px solid #6696ff;background-color: #6696ff;color: white;border-radius: 22px;width: 100px;line-height: 30px;text-align: center;margin: 15px 0;}

.firm-item .more span {position: relative;top: 1px}
.firm-side-item li {height: 255px;}
.black-block, .grey-block {float: left;margin-left: 25%;width: 75%;height: 100%}
.black-block {display: none}
.black-block > span,.black-block > a {display: block;width: 100%;text-align: left}
.black-block > span {font-size: 24px;padding-top: 26px}
.black-block a.more {display: block;border: 1px solid #1040A4;background-color: #1040A4;color: white;border-radius: 22px;width: 100px;line-height: 30px;text-align: center;margin: 15px 0;}
.black-block a.more:hover {cursor: pointer;background-color: #fff;color: #1040A4;transition: all 0.5s linear}
.grey-block a span {display: block;width: 100%;text-align: left;color: #a7a8ab}
.grey-block a span:nth-child(2) {font-size: 24px;padding-top: 10px}
.grey-block {display: block;}
.active .black-block{display: block!important;}
.active .black-block a.bt1 {color: #9c9ea1}
.active .grey-block{display: none!important;}

/*企业资质右侧*/
.firm-right {width: 100%;display: none}

.firm-right.active {display: block}

.right-item {margin: 60px 0 0 0;height: 320px;}

.right-item ul {position: relative;bottom: 155px;left: 135px;right: 0;height: 236px;padding: 0;width: 100%}

.right-item li {width: 250px;height: 192px;float: left;margin-right: 38px;}

.right-item li img {width: 100%;height: 100%}

.right-item .right-item-img {width: 100%;position: relative;top: 179px;}

.right-item .right-item-img img {width: 100%}


/*依据及标准*/
.menu {background: #eaeaed;width: 100%;margin: 0;padding: 0}

.main-wrap .gist-d {height: 30px;border-bottom: 3px solid #bbbbbb;width: 150px}

.gist-side {padding: 60px 0 0 0;height: auto}

.gist-item ul {padding: 30px 30px 0}

.gist-item .col-item a {color: #fff;font-size: 24px;font-weight: bold;display: block;height: 34px;line-height: 34px;}

.gist-item .col-item:nth-child(2) {margin: 35px 0 0 0}

.gist-item .col-item span {font-size: 34px;display: block;line-height: 34px;float: left;}

.gist-item .col-item-area > strong {padding-left: 20px;}

.gist-item .item-title {padding: 10px 0 0 40px;transition: all .6s ease-in-out}

.gist-item .item-title li p:first-child {font-size: 22px;color: #fff}

.gist-item .item-title li:nth-child(1) p:last-child {font-size: 16px;color: #D1D1D1;line-height: 25px;width: 610px}

.gist-item .item-title li:nth-child(2) p:last-child {font-size: 16px;color: #D1D1D1;line-height: 25px;width: 550px}

.gist-item .item-title li:nth-child(3) p:last-child {font-size: 16px;color: #D1D1D1;line-height: 25px;width: 500px}

.gist-item .item-title li:nth-child(4) p:last-child {font-size: 16px;color: #D1D1D1;line-height: 25px;width: 445px}

.gist-col .col-item-area.open span {transform: rotate(90deg);}

.gist-col .col-item-area.closed span {transform: rotate(0deg);}

.gist-col .item-title.open {display: block;opacity: 1}

.gist-col .item-title.closed {display: none;opacity: 0}

/*依据及标准左侧背景*/
.gist-side .gist-item:first-child {width: 969px;height: 694px;background: url("../img/gist-left.png")}

/*依据及标准右侧背景*/
.gist-side .gist-item:last-child {width: 827px;height: 778px;float: right;background: url("../img/gist-right.png");position: absolute;top: 25px;right: 0;}

/*售后服务方案*/
.scroll {background: #fff url("../img/after.png");width: 100%;margin: 0;padding: 0}

/*售后顶部*/
.sale-side {height: 93px;text-align: center;border-bottom: 2px solid #e2e2e2}

.sale-side h1 {color: #1040A4;font-size: 34px}

.sale-side p {color: #8f8f8f;font-size: 22px}

/*售后左右*/
.sale-col .sale-col-item {margin: 30px 0 0 0}

.sale-col .sale-wire {margin: 30px 0 0 0;}

.sale-col .sale-wire > div {width: 1px;height: 730px;border: 1px solid #e3e3e3;background: #e3e3e3;position: relative;left: 49px}

.sale-col .sale-col-item ul {padding: 0}

.sale-col .sale-col-item li {width:100%;height: 244px;}

.sale-col .sale-col-item li .sale-img {width:640px;height: 244px;float: left;overflow: hidden;}
.sale-col .sale-col-item li:nth-child(2) .sale-img {width:640px;height: 244px;float: right;overflow: hidden;}

.sale-col-item li .sale-img img {width: 100%;height: 100%;float: left;object-fit: cover;transition: all 0.4s ease-in-out}

.sale-title .desc {width: 640px;float: left;height: 244px;}

#chart {float: left;position: absolute;left: 675px;top: 20px;margin: 0 25px}

#chart line {stroke: #D8D8D8; stroke-width:3;}

.sale-col-item li .sale-img,.sale-title .desc {margin: 0 25px 0 25px}
.sale-col-item li:nth-child(1) .desc,
.sale-col-item li:nth-child(2) .sale-img,
.sale-col-item li:nth-child(3) .desc {margin: 0 25px 0 45px}

.sale-col-item .sale-title h1 {padding: 30px 0 0 0}

.sale-col-item .sale-title p {font-size: 16px;padding: 1em 0 0 0;color: #6e6e6e;display: block;text-indent: 2em;line-height: 1.4em}

/*合作伙伴及业绩案例*/
/*左侧*/
.partner-side .col-top {width: 132px;height: 40px;border: 1px solid #1040A4;border-bottom: none}

.partner-side h2 {font-size: 24px;font-weight: bold;letter-spacing: 3px;}

.partner-side h1 {font-size: 40px;font-weight: bold;color: #1040A4;padding: 5px 0 0 0;letter-spacing: 4px}

.partner-side .col-bottom {width: 132px;height: 40px;border: 1px solid #1040A4;border-top: none}

.partner-side p {font-size: 16px;color: #6f6f6f;text-indent: 2em;padding: 30px 20px 30px 0;line-height: 2em;}

.partner-side .sel-more {display: block;background-color: #fff;color: #1040A4;border-radius: 22px;width: 100px;line-height: 30px;text-align: center;margin: 15px 0;box-shadow: 0 5px 10px #d5d5d5;cursor: pointer;transition: all 400ms ease-in-out}
.partner-side .sel-more:hover {margin-left: 15px;transform: scale(1.2)}

.partner-side ul {padding: 0}

.partner-item li {width: 180px;float: left;height: 110px;margin: 15px 0 0 0}

.partner-item li span {float: left;line-height: 40px}

.partner-item li:nth-child(1) span:first-child {width: 55px}

.partner-item li span:first-child {display: block;font-size: 16px;width: 70px;height: 40px;font-weight: bold;color: #666666}

.partner-item li span:last-child {font-size: 34px;color: #1040A4}

.partner-side .partner-img {width: 100%;height: 332px;margin: 140px 0 0 0;overflow: hidden}

.partner-side .partner-img img {width: 100%;height: 100%;object-fit: cover;transition: all 0.5s ease-in-out}

/*右侧*/
.partner-menu .partner-right {width: 100%;height: 543px;overflow: hidden}

.partner-menu .partner-right img {width: 100%;height: 100%;object-fit: cover;transition: all 0.5s ease-in-out}

.partner-menu .partner-bot {padding: 45px 50px 0;height: 287px}

.partner-menu .partner-bot h1 {font-size: 40px;font-weight: bold;color: #1040A4;padding: 5px 0 0 0;letter-spacing: 4px}

.partner-menu .partner-bot p {width: 400px;padding: 30px 0;font-size: 24px;line-height: 1.7em;color: #5a5a5a}

.partner-menu .partner-bot .partner-title {display: block;border: 1px solid #1040A4;background-color: rgba(244,244,244,0);color: #1040A4;width: 110px;line-height: 35px;text-align: center;padding: 8px;font-size: 24px;font-weight: bold;float: left;margin-right: 140px;border-radius: 22px}

.partner-menu .partner-bot .icon-you {display: block;width: 50px;height: 50px;float: right;font-size: 50px;color: #cbcbcb;position: relative;left: 0;bottom: 4px}

/*业务覆盖*/
.mail {background: #fff url("../img/map.png");width: 100%;margin: 0;padding: 0}

.business .business-title {text-align: center;margin: 100px 0}

.business-title h1 {font-size: 40px}

.business-title p {font-size: 18px;padding: 30px 185px;color: #656666;line-height: 1.7em}

.business ul {padding: 0}

.business-item .cricle {width: 168px;height: 166px;background: #fff;border-radius: 50%}

.business-item li:first-child .cricle span {position: relative;bottom: 105px;left: 45px;font-size: 40px;color: #686868}

.business-item li:first-child .cricle img {width: 100%;height: 100%}

.business-item li:nth-child(2) .cricle span,
.business-item li:nth-child(3) .cricle span,
.business-item li:nth-child(4) .cricle span {position: relative;bottom: 27px;left: 45px;font-size: 40px;color: #686868}

.business-item li:nth-child(2) .cricle img {position: relative;top: 77px}

.business-item li:nth-child(3) .cricle img {position: relative;top: 77px;left: 12px}

.business-item li:nth-child(4) .cricle img {position: relative;top: 77px;left: 32px}

.business-item li {width: 300px;float: left;padding: 0 20px;text-align: center}

.business-item li:first-child {padding-left: 50px}

.business-item li:last-child {padding-right: 0}

.business-item li p {font-size: 34px;color: #686868;margin: 15px 33px}

.my-progress .my-circle-back {display: none;fill: none;stroke-width: 20;stroke: #e2e2e2;stroke-linecap: round;}
.my-progress .my-circle {fill: none;stroke-width: 30;stroke-linecap: round;
	/* stroke-dasharray: 0, 1000; */
	/* transform: rotate(-90,350,350); */
	/* stroke-dashoffset: 0; */
}
.my-progress .process-text {text-anchor: middle;fill: #f60;}


