/*
* @Author: sunjijing
* @Date:   2021-03-29 17:19:42
* @Last Modified by:   sunjijing
* @Last Modified time: 2021-03-29 17:19:42
*/
.erji { width: 100%; }
.pad1 { padding: 0.46875rem 0; }
.public1 { width: 7.5rem; margin: 0 auto; }
.mkTit1 { text-align: center; }
.mkTit1 a{ text-align: center; font-size: 0.21875rem;font-weight: bold; line-height: 0.3072916666666667rem;}

/* 产品banner内容 */
.banner { background-size: auto 2.21875rem !important; height: 2.21875rem; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.banner .icon { width: 0.625rem; margin-bottom: 0.15625rem; }
.banner .tit { font-size: 0.2604166666666667rem; font-weight: bold; margin-bottom: 0.08333333333333333rem; color: #454C58; }
.banner .smy { font-size: 0.125rem; color: #454C58; }

.cpNav { padding: 0.2604166666666667rem 0; background: #f4f4f4; }
.cpList { display: flex; justify-content: center; font-size: 0.125rem; align-items: center; line-height: 1em; }
.cpList li a {    display: inline-block; padding: 0 0.390625rem; font-size: 0.11458333333333333rem;line-height: 0.3072916666666667rem;}
.cpList li.on a, .cpList li:hover a {     color:  #2F5CA8; }

/* 产品理念 */
.cpln { border-bottom: 1px solid #454C58; }
.cplnWrap { margin: 0 auto; text-align: center; padding-top: 0.18229166666666666rem; }
.cplnWrap p { font-size: 0.10416666666666667rem; line-height: 1.2em; color: #454C58; margin-top: 0.18229166666666666rem; padding-bottom: 0.2604166666666667rem; }
.cplnWrap p strong { font-size: 0.10416666666666667rem; margin-top: 0.18229166666666666rem; display: block; }

/* 产品优势 */
.cpys { padding-top: 0.13020833333333334rem; padding-bottom: 0.3125rem; background: url(/uiFramework/commonResource/image/2021033110005396190.png) no-repeat center bottom; background-size: auto 1.71875rem; }
.cpysList { margin-top: 0.4270833333333333rem; display: flex; justify-content: center; }
.cpysList li { text-align: center; margin: 0 0.3125rem; text-align: center; width: 1.0416666666666667rem; }
.cpysList li img { margin-bottom: 0.24479166666666666rem; width: 0.7395833333333334rem; transform: scale(1) rotate(0deg); transition: transform 500ms ease-in-out; }
.cpysList li .tit { font-size: 0.10416666666666667rem; color: #fff; margin-bottom: 0.21875rem; font-weight: bold; }
.cpysList li .smy { font-size: 0.10416666666666667rem; line-height: 2em; color: rgba(255, 255, 255, .7); }
.cpysList li:hover img { transform: scale(1.1) rotate(45deg); }
.cpList li:last-child span{    display: none;}
/* 产品奖项 */
.cpjx > p {     margin-bottom: 0.21875rem; font-size: 0.10416666666666667rem;text-align: center;margin-top: 0.15625rem; color: #949495;    font-weight: 300;}
.cpjxWrap { position: relative; }
.cpjxWrap .line { width: 1px; height: 100%; background: #454C58; position: absolute; left: 50%; top: 0; }
.cpjx_list { position: relative; }
.cpjx_list li .wrap { display: flex; justify-content: center; align-items: center; }
.cpjx_list .on { display: flex; justify-content: center; position: relative; }
.cpjx_list .on span { display: inline-flex; width: 0.5416666666666666rem; height: 0.5416666666666666rem; border-radius: 50%; justify-content: center; align-items: center; background: #2F5CA8; font-size: 0.15625rem; color: #fff; }
.cpjx_list li .year { width: 0.13541666666666666rem; height: 0.13541666666666666rem; display: flex; justify-content: center; align-items: center; border-radius: 50%; background: #454C58; font-size: 0rem; }
.cpjx_list li .year.on { width: 0.5416666666666666rem; height: 0.5416666666666666rem; background: #2F5CA8; font-size: 0.15625rem; color: #fff; position: absolute; left: calc(50% - 0.2708333333333333rem); }
.cpjx_list li .txt, .cpjx_list li .img { width: 45%; box-sizing: border-box; position: relative; }
.cpjx_list li .img { position: relative; }
.cpjx_list li .img img { max-width: 1.1458333333333333rem; }
.cpjx_list li .img::before { content: ''; display: block; width: 0.6510416666666666rem; height: 0; border-top: 1px dashed #454C58; top: 50%; position: absolute; }
.cpjx_list li:nth-child(2n+1) .img::before { right: 0; }
.cpjx_list li:nth-child(2n) .img::before { left: 0; }
.cpjx_list li:nth-child(2n+1) .wrap { flex-flow: row-reverse; }
.cpjx_list li:nth-child(2n+1) .img { text-align: right; padding-right: 0.6510416666666666rem; }
.cpjx_list li:nth-child(2n+1) .txt { padding-left: 0.15625rem; text-align: left; }
.cpjx_list li:nth-child(2n) .img { padding-left: 0.6510416666666666rem; }
.cpjx_list li:nth-child(2n) .txt { padding-right: 0.15625rem; text-align: right; }
.cpjx_list li .txt p {font-size: 0.10416666666666667rem; line-height: 0.2604166666666667rem;font-weight: 300; }
.cpjx_list li .txt strong {    display: inline-block; background: #86A2D0;line-height: 1.5em;border-radius: 0.03125rem; color: #fff; font-size: 0.10416666666666667rem;font-weight: 300; }
.cpjx_list li .img[alt=""] { height: 0.8072916666666666rem; }
.cpjx_list li .img[alt=""]::before, .cpjx_list li .img[alt=""] img { display: none; }

/* 产品列表 */
.cpPanel { margin-bottom: 0.3125rem; padding-bottom: 0.3125rem; background: #f4f4f4; }
.cpArtList li { display: flex; margin-bottom: 0.10416666666666667rem; background: #fff; height: 1.9010416666666667rem; transition: all ease-in-out 500ms; }
.cpArtList li:nth-child(2n) { flex-flow: row-reverse; }
.cpArtList li .img, .cpArtList li .txt { width: 50%; height: 100%; }
.cpArtList li .img { overflow: hidden; }
.cpArtList li .img img { width: 100%; height: 100%;  transform: scale(1); transition: transform ease-in-out 500ms; }
.cpArtList li .txt { display: inline-flex; justify-content: flex-start; align-items: center; }
.cpArtList li:nth-child(2n) .txt { justify-content: flex-end; }
.cpArtList li .txtCon { width: 3.0989583333333335rem; }
.cpArtList li:nth-child(2n+1) .txtCon { padding-left: 0.2604166666666667rem ; }
.cpArtList li:nth-child(2n) .txtCon { padding-right: 0.10416666666666667rem; }
.cpArtList li .tit { margin-bottom: 0.4427083333333333rem; }
.cpArtList li .tit a { font-size: 0.14583333333333334rem; color: #454C58; font-weight: bold; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cpArtList li .smy { font-size: 0.10416666666666667rem;  line-height: 0.2604166666666667rem; color: #454C58; margin-bottom: 0.2864583333333333rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-align: justify; }
.cpArtList li .btn a { display: inline-block; padding: 0 0.052083333333333336rem; font-size: 0.10416666666666667rem; color: rgba(47, 92, 168, .8); border: 1px solid rgba(47, 92, 168, .8); border-radius: 4px; height: 0.14583333333333334rem; line-height: 0.14583333333333334rem; margin-right: 0.078125rem; }
.cpArtList li .btn a:nth-child(2) { background: rgba(47, 92, 168, .8); color: #fff;    display: none; }
.cpPanel .page { text-align: center; padding-top: 0.3125rem; }
.cpArtList li:hover { background: rgba(47, 92, 168, .8); }
.cpArtList li:hover .tit a, .cpArtList li:hover .smy { color: #fff; }
.cpArtList li:hover .btn a { color: #fff; border-color: #fff; }
.cpArtList li:hover .btn a:nth-child(2) { background: rgba(255, 255, 255, .8); color: rgba(47, 92, 168, .8); }
.cpArtList li:hover .img img { transform: scale(1.1); }

/* 案例分析补充 */
.cpArtList.anliList li { height: 2.5260416666666665rem; }
.cpArtList.anliList li:nth-child(2n+1) .txtCon { padding-left: 0.3229166666666667rem; }
.cpArtList.anliList li:nth-child(2n) .txtCon { padding-right: 0.3229166666666667rem; }
.cpArtList.anliList li .txt .tit { margin-bottom: 0.20833333333333334rem; }
.cpArtList.anliList li .txt .smy { margin-bottom: 0; line-height: 3em; }
.cpArtList.anliList li .txt .smy span { font-weight: bold; margin-right: 2em; }
.cpArtList.anliList li .btn { margin-top: 0.2864583333333333rem; }

/* iPad适配样式 */
@media screen and (max-width:1024px) {
.bannerPic_erji img{    width: 100%;height: 2.4313725490196076rem;object-fit: none;}
	.public1 {width: auto;padding: 0 4%;}
	.pad1 { padding: 0.32679738562091504rem 0; }
	.mkTit1 a {    font-size: 0.19607843137254902rem;}

	/* 产品banner内容 */
	.banner { width: 100%; height: 2.4313725490196076rem; object-fit: none; background-size: 100% 100% !important;}
	.banner .icon { width: auto; margin-bottom: 0.13071895424836602rem; }
	.banner .tit { font-size: 0.26143790849673204rem; margin-bottom: 0; }
	.banner .smy { display: none; }
.cpList li.on a, .cpList li:hover a {     color: #fff; background: #2F5CA8; }
	/* 产品理念 */
	.cpln { border: 0; }
	.cplnWrap {     padding-top: 0.32679738562091504rem;}
	.cplnWrap > img { width: 1.607843137254902rem; }
	.cplnWrap p {    font-size: 0.13071895424836602rem; margin-top: 0.3137254901960784rem; padding-bottom: 0; }
	.cplnWrap p strong {    font-size: 0.13071895424836602rem; margin-top: 0.16993464052287582rem; }

	/* 产品优势 */
	.cpys { background: rgba(47, 92, 168, .1);     padding: 0.32679738562091504rem 0; }
	.cpysList li { margin: 0 0.22875816993464052rem; }
	.cpysList li img { width: 0.6274509803921569rem; margin-bottom: 0.10457516339869281rem; }
	.cpysList li .tit { font-size: 0.1568627450980392rem; margin-bottom: 0; font-weight: normal; color: #454C58; }
	.cpysList li .smy { display: none; }

	/* 产品奖项 */
	.cpjxWrap .line { left: 26%; }
	.cpjx_list li { margin-bottom: 0.32679738562091504rem; }
	.cpjx > p { margin-top: 0.20915032679738563rem; font-size: 0.13071895424836602rem; margin-bottom: 0.6274509803921569rem; }
	.cpjx_list .on { justify-content: flex-start; }
	.cpjx_list .on span { width: 0.6535947712418301rem; height: 0.6535947712418301rem; margin-left: calc(26% - 0.32679738562091504rem); font-size: 0.1830065359477124rem; }
	.cpjx_list li .wrap { flex-flow: row-reverse; }
	.cpjx_list li .img { padding-left: 0 !important; padding-right: 0.26143790849673204rem !important; width: calc(26% - 0.040023529411764705rem); text-align: center !important; }
	.cpjx_list li .img::before { left: inherit !important; right: 0 !important; width: 0.26143790849673204rem; }
	.cpjx_list li .img img { max-width: 100%; max-height: 0.7516339869281046rem; }
	.cpjx_list li .txt { width: 74%; }
	.cpjx_list li:nth-child(2n) .txt { padding-right: inherit; text-align: left; }
	.cpjx_list li .txt { padding-left: 0.3006535947712418rem !important; }
	.cpjx_list li .year { width: 0.11764705882352941rem; height: 0.11764705882352941rem; background: #7C818A; }
	.cpjx_list li .txt p {    font-size: 0.13071895424836602rem;line-height: 2em; }
	.cpjx_list li .txt strong { font-size: 0.13071895424836602rem; }


	/* 产品列表 */
	.cpNav { padding: 0.4444444444444444rem 0; background: none; margin-left: 4%; margin-right: 4%; }
	.cpList, .cpList li a { font-size: 0.1830065359477124rem; }
	.cpList { justify-content: space-between; align-items: first baseline; display: block;overflow: hidden;}
	.cpList li a {     display: block;padding: 0.026041666666666668rem 0.15625rem; border-radius: 0.026041666666666668rem; border: 2px solid #2F5CA8;}
	.cpPanel { margin-left: 4%; margin-right: 4%; background: none; }
	.cpArtList li { display: block; height: auto; margin-bottom: 0.41830065359477125rem; background: #F7F8FA; }
	.cpArtList li .img, .cpArtList li .txt { width: 100%; height: auto; }
	.cpArtList li .img img { }
	.cpArtList li .txtCon { width: 100%; padding: 0.1568627450980392rem !important; box-sizing: border-box; }
	.cpArtList li .tit { margin-bottom: 0.10457516339869281rem; }
	.cpArtList li .tit a { font-size: 0.1830065359477124rem; line-height: 1.5em; }
	.cpArtList li .smy { font-size: 0.13071895424836602rem; line-height: 1.2em; margin-bottom: 0.1568627450980392rem; }
	.cpArtList li .btn a { font-size: 0.1568627450980392rem; padding: 0 0.11764705882352941rem; height: 0.3137254901960784rem; line-height: 0.3137254901960784rem; margin-right: 0.1568627450980392rem; }
	.cpArtList li:last-child { margin-bottom: 0; }
.cpList li{     width: 45%;text-align: center; float: left; margin: 2%;}

.cpList li span{    display: none;}
	/* 案例分析补充 */
	.cpArtList.anliList li { height: auto; }
	.cpArtList.anliList li .txt .tit { margin-bottom: 0.10457516339869281rem; }
	.cpArtList.anliList li .txt .smy { font-size: 0.13071895424836602rem; line-height: 2em; }
	.cpArtList.anliList li .btn { margin-top: 0.1568627450980392rem; }
.page, .page *{ font-size: 0.13071895424836602rem;}
}

/* 手机适配 */
@media screen and (max-width:767px) {
	.bannerPic_erji img { height: 2.6666666666666665rem; object-fit: cover; }
	.mkTit1 a { font-size: 0.32rem; }
	.cplnWrap > img { width: 50%; }
	.cplnWrap p { font-size: 0.21333333333333335rem; line-height: 0.5333333333333333rem; }
	.cplnWrap p strong { font-size: 0.21333333333333335rem; line-height: 0.5333333333333333rem; margin-top: 0; }
	.cpysList li img { width: 80%; }
	.cpysList li { width: 25%; margin: 0; }
	.cpysList li .tit { font-size: 0.21333333333333335rem; }
	.cpjx > p { font-size: 0.21333333333333335rem; line-height: 0.4rem; margin-bottom: 0.4rem; }
	.cpjx_list li .txt p { font-size: 0.21333333333333335rem; line-height: 0.4rem; }
	.cpjx_list li .txt strong { font-size: 0.21333333333333335rem; }
	.banner { height: 2.6666666666666665rem; }
	.banner .icon { width: 20%; }
	.banner .tit { font-size: 0.32rem; }
	.cpList, .cpList li a {     font-size: 0.21333333333333335rem; line-height: 0.4rem; }
.cpList li a{    display: block; padding: 0.026041666666666668rem 0.15625rem; border-radius: 0.026041666666666668rem; border: 2px solid #2F5CA8;}
	.cpNav { padding: 0.2rem 0; }
	.cpArtList li .img img { }
	.cpArtList li .tit a {font-size: 0.26666666666666666rem; line-height: 0.5333333333333333rem;    font-weight: 600; }
.cpArtList li .txtCon{    padding: 0.13333333333333333rem !important;}
	.cpArtList li .smy { font-size: 0.21333333333333335rem; line-height: 0.4rem;     margin-bottom: 0.2rem;}
	.cpArtList li .btn a { padding: 0.06666666666666667rem 0.13333333333333333rem; font-size: 0.21333333333333335rem; }
	.btn { text-align: center; }
	.page, .page * { font-size: 0.21333333333333335rem; }
}