/*.main-navigation{position:relative; background: none;height: 80px; border-bottom: 1px solid #E2E2E2;}
.main-navigation .wrap{max-width: unset;padding: 0px 3vw;}
.main-navigation ul li a {color: #333;}
.navbar .logo-w{display: none;}
.navbar .logo-sm-height{display:block;}
.navbar.headFlex, .navbar.ny.headFlex{position: fixed !important;}*/

.main-boxs{}
.main-boxs.prods{display: flex;padding: 3rem 8vw;}

.titles{ text-align:center; padding:20px 0px;position: relative; display:flex; flex-direction: column;align-items: center; margin-bottom: 2rem;}
.titles h3{font-size: 2.5rem;color: #000;line-height: 2;margin-bottom: 0px;font-weight: bold; margin-top:10px;}
.titles h5{font-size:1.5rem; line-height:2;margin-bottom:25px;color:#000;font-weight: 300;}
.titles:after {content: "";width: 125px;height: 5px;display: block;background: var(--color1);}

.bg2{background: var(--bg-color1);}

.btn1 {
    color: #fff;
    margin-top: 20px;
    font-size: 14px;
    font-weight: 500;
	display: flex;
}
.btn1 a {
    background: #ffffff;
    color: #333;
    padding: 10px 50px;
    z-index: 2;
    position: relative;
    display: block;
	border:1px solid #DBDBDB;
	border-radius: 50px;
}
.btn1:hover a{color:#ffffff;border-radius: 50px;}
.btn1 a:after{content: "\e659";font-family: "iconfont" !important;text-align: center; }
.btn1 a::before {
	content: '';
	position: absolute;
	width: calc(100%);
	height: calc(100%);
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transition: -webkit-transform .24s ease-in-out;
	transition: -webkit-transform .24s ease-in-out;
	-o-transition: transform .24s ease-in-out;
	transition: transform .24s ease-in-out;
	transition: transform .24s ease-in-out, -webkit-transform .24s ease-in-out
}
.btn1 a:hover::before {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center
}
.btn1 a:before {background-color: var(--color7); color:#ffffff;border-radius: 50px;}

aside{
	position: relative;
    width: 340px;
    float: left;
	flex-shrink: 0;
    padding-top: 3vw;
    border-right: 1px solid #E8E8E8;
	
	background-color: rgba(4,38,161,0.04);
}
aside .aside-list
{
	padding: 20px 12px;
}
.aside-list ul li{
    width: 100%;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    height: auto;
    line-height: normal;
    margin-top: 0!important;
    padding: 0px;
    margin-bottom: 10px!important;
}
.aside-list ul li a{color: #333333;}
.aside-list ul li a:hover {color: #c81623; color:#FFFFFF;}
aside .aside-list .ul1{padding: 0px;margin: auto;}

aside .aside-list .ul1 li{padding: 0px;}

/*.aside-list ul li:nth-child(1) .ltp{line-height: 56px;}*/
aside .aside-list .ul1 li .ltp,aside .aside-list .ul1 li .ltp a{margin-bottom: 0px;color: #000;cursor: pointer;font-family: rob;font-size: 16px;padding: 0 16px;}
aside .aside-list .ul1 li .ltp a{line-height: normal;}

aside .aside-list .ul1 li .ltp span{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;display: block;text-transform: capitalize;padding-right: 25px;/*background: url(../images/icon/icon-left.png) top right no-repeat;*/font-weight: 500;    display: flex;align-items: center;}
aside .aside-list .ul1 li .ltp span:before{width:5px; height: 5px; display:block; background:var(--light-line-color);content:"";margin-right: 5px;}
aside .aside-list .ul1 li .ltp span:after{font-size:30px; font-family: "iconfont"; display: block; content:"\e659";    margin-right: 0px; margin-left:auto;}


aside .aside-list .ul1 li .lbt{display: none;font-family: ror;padding: 0 16px;}


aside .aside-list .ul1 li .lbt a{/*display: block;margin-bottom: 15px;color: #000;position: relative;font-size: 16px;*/text-indent: 0px;
    color: #001a2e;
    font-size: 14px;
    font-family: "";
    overflow: hidden;
    display: flex;
    line-height: 2rem;
    text-transform: uppercase;
    border-bottom: 1px solid #eeeeee;
	padding:0.5rem 0px;
}
aside .aside-list .ul1 li .lbt a:before{content:"\e659";font-family: "iconfont";font-size:14px; color:#001a2e;margin-right: 10px;
    margin-left: 10px;
}

aside .aside-list .ul1 li .lbt .lbt3 a{}

aside .aside-list .ul1 li .lbt a:hover{color: var(--color1);}

aside .aside-list .ul1 li.li1{border-bottom: 1px solid #eee;margin-bottom: 20px;}

aside .aside-list .ul1 li.act .ltp span{/*background: url(../images/icon/icon-left-1.png) center right no-repeat;*/}
aside .aside-list .ul1 li.act .ltp span:after{ content:"\e6aa";}
/*aside .aside-list .ul1 li:hover {background:var(--color1);}*/
aside .aside-list .ul1 li.act .ltp{background:var(--color1);}
.aside-list ul li.act span{color: #FFFFFF !important;}
/*.aside-list ul li:hover span{color: #FFFFFF !important;}
aside .aside-list .ul1 li .ltp a:hover span{color: #FFFFFF;}*/
aside .aside-list .ul1 li .lbt a.act {color: #ff9800;}

aside .aside-list2{background: var(--bg-color1);padding: 20px 12px;}
.aside-list2 ul li{display:flex;background: #fff;
    width: 100%;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    height: auto;
    margin-top: 0 !important;
    padding: 10px 10px;
    margin-bottom: 10px!important;align-items: center;}
.aside-list2 ul li .img{width:80px; height: 80px; overflow: hidden; margin-right:10px;}
.aside-list2 ul li .img img{max-width:100%; height: 80px;width:100%;}
.aside-list2 ul li .name a{color:#333333;}
.aside-list2 ul li .name a:hover {color: #c81623;}

main{flex:1;overflow: hidden;/*padding: 4.27vw 6.25vw 5.2vw 4.27vw;*/}
.prod-box-box{display:flex;flex-direction: column;}
.prod-box{/*padding: 4.27vw 0vw 5.2vw 0vw;max-width: 85.8%;*/margin: auto;}
.prod-box h3{margin-bottom:0rem;}
.prod-box:nth-child(2n){background-color: #fff;}
.prod-box:nth-child(2n) .top{flex-direction: row-reverse;}
.prod-box .top{display: flex;justify-content: space-between;}
.prod-box .tit{font-size: 34px;line-height: 66px;color: #000000;font-family: hm;margin-bottom:1.5vw;}
.prod-box .con{display: flex;justify-content: space-between;}
.prod-box .con .pic{min-width: 28vw;max-height: 28vw;display: flex;align-items: center;justify-content: center;flex: 1;margin-right: 5vw;}
.prod-box .con .pic img{width: 100%;}
.prod-box .con .txt{width:29.16vw;}
.prod-box .con .txt .box{padding: 0;margin-bottom: 3.64vw;}
.prod-box .con .txt .box:last-child{margin-bottom: 0;}
.prod-box .con .txt .box .h{font-size: 24px;line-height: 32px;color: #000000;margin-bottom: 1.875vw;font-family: hm;}
.prod-box .con .txt .box .p{font-size: 16px;line-height: 36px;color: #666666;font-family: hl;}
.prod-box .con .txt .box .btn_box{margin-top: 1.3vw;display: flex;flex-wrap: wrap;}
.prod-box .con .txt .box .btn_box .btn{min-width:150px;line-height: 42px;text-align: center;color: #ffffff;background-color: #0426A1;border-radius: 21px;margin: 0 0.73vw 1vw 0;padding:0 12px;}
.prod-box p{font-size:16px; line-height: 2; color:#333;}
.prod-box .desc{font-size:16px; line-height: 2;}



.prod-box .prod-infos{margin-top: 5rem;}
.prod-box .prod-infos img{max-width:100%;}
.prod-info p{font-size:16px; line-height: 2; text-align: center; padding:0rem 0rem;}

.prod-box dl{}
.prod-box dt{font-size:var(--t2);font-family: hm; font-weight: 500;}
.prod-box dd{width:100%; margin-top:1rem;}
.prod-box dd ul{display:flex; justify-content: space-between; flex-wrap: wrap;}
.prod-box dd ul li{width:calc((100% / 3) - 3rem); margin:1.5rem 0px;}
.prod-box dd ul li img{max-width:100%;}

.prod-box .more{width: 194px;height: 44px;text-align: center;line-height: 42px;border: 1px solid #DBDBDB;border-radius: 22px;transition: all 0.5s;margin-top: 3.85vw;background-color: #fff;}
.prod-box .more span{display: inline-block;padding-right: 36px;color: #333333;background: url(../img/more1.png)no-repeat right center;transition: all 0.5s;}
.prod-box .more:hover{border-color: transparent;background-color: #0426A1;}
.prod-box .more:hover span{color: #fff;background-image: url(../img/more2.png);}

.prod-boxs {
    overflow: hidden;
    padding: 5rem 7%;
}

.prod-list ul{width:100%; display:flex; justify-content: space-between;flex-wrap: wrap;}
.prod-list ul li{width: calc(((100% / 3) - 5px));flex-shrink: 0; margin:5px 0px;}
.prod-list ul li .image{width:100%;height: 100%;overflow: hidden;}
.prod-list ul li .image img{max-width:100%;width: 100%;height: 100%;}
.prod-list ul li:last-child:nth-child(3n - 1){margin-right: calc(((100% / 3) + 2.5px));}
.prod-list li .inner-box {
    position: relative;
    margin-bottom: 0px;width: 100%;
    height: 100%;
}

.prod-list li .inner-box:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /*background-image: -moz-linear-gradient( -90deg, rgba(0,0,0,0) 60%, rgb(0,0,0,0.6) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgba(0,0,0,0) 60%, rgb(0,0,0,0.6) 100%);
    background-image: -ms-linear-gradient( -90deg, rgba(0,0,0,0) 60%, rgb(0,0,0,0.6) 100%);
    opacity: .8;*/
}
.prod-list li .inner-box:hover:before {
        position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: -moz-linear-gradient( -90deg, var(--color1) 0%, var(--color1) 100%);
    background-image: -webkit-linear-gradient( -90deg, var(--color1) 0%, var(--color1) 100%);
    background-image: -ms-linear-gradient( -90deg, var(--color1) 0%, var(--color1) 100%);
	 background-image: linear-gradient( -90deg, var(--color1) 0%, var(--color1) 100%);
    opacity: .8;
    z-index: 1;
}
.prod-list li .content {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 30px 30px;
    text-align: center;
	z-index: 20;
}
.prod-list li a{text-decoration:none;}
.prod-list li .top-content {
    position: relative;
    transition: .5s;
	text-align: left;
}

.prod-list li .inner-box:hover .top-content {
    transform: translateY(-65px);
}

.prod-list li h5 {
    position: relative;
    font-size: 1.3rem;
    color: #fff;
    text-transform: uppercase; margin-bottom:5px;font-weight: bold;
}

.prod-list li h3 {
    position: relative;
    font-size: 1rem;
    font-weight: 500;
    color: #fff;line-height: 1.6em;
}

.prod-list li h3:before {
    position: absolute;
    content: '';
    left: 50%;
    bottom: 0;
    width: 2px;
    height: 80px;
    transform: translate(-50%, 97px);
    transition: .5s;
}

.prod-list li .inner-box:hover h3:before {
    height: 40px;
    transform: translate(-50%, 65px);
}

.prod-list li .text {
    color: #fff;
    position: relative;
    transition: .5s;
    opacity: 0;
	display: flex;
	text-align: left;
    transform: translateY(10px);align-items: baseline;
}
.prod-list li .text:after{content: "\e659";
	font-family: "iconfont" !important;
    color: #ffffff;
	background: var(--color-blue);
    font-size: 15px;
    padding: 1px 5px 0px 5px;
	margin-left:20px;
    z-index: 10;
    text-align: left;
}

.prod-list li .inner-box:hover .text {
    opacity: 1;
    transform: translateY(0);
}

.prod2-section{padding-top: 15px;}
.prod-list.prod2-section ul li{width: calc(((100% / 2) - 15px) * 1) !important;}
.prod-list.prod2-section ul li:nth-child(3){width: 100% !important;}

.application-info{}
.application-info .wrap{max-width:1280px;}
.application-info__img img{max-width:100%; width:100%;}

.case-info{}
.case-info__img img{max-width:100%; width:100%;}
@media screen and (width: 1024px)
{
	aside{display:none;}
	main{padding:2rem 0rem;}
	.prod-box{padding:15px;max-width:100%;}
}
@media screen and (max-width: 1023px)
{
	aside{display:none;}
	main{padding:2rem 0rem;}
	.prod-box{padding:15px;max-width:100%;}
	.main-boxs.prods{padding:10px 0vw;}
	.main-boxs.prods main{padding-top:0px;}
	.prod-list{margin-top:0px;}
	.prod-list li h5{font-weight: 500;}
}


@media screen and (max-width: 767px){
	.prod-list ul li{width:100%;}
	.prod-list li .inner-box:hover .top-content{transform: translateY(-35px);}
}
@media screen and (max-width: 430px)
{
	
}
@media screen and (max-width: 414px)
{

}
@media screen and (max-width: 375px)
{
	
}
@media screen and (max-width: 320px)
{
	
}

.prod-t {padding: 1rem 0px 2rem 0px;}
.productShow .fr{width: auto;}
.cont dl{width:100%;}


.prodshow_info{width: 100%;margin-right: auto;margin-left: auto;padding: 3.4rem 0rem 5rem 0rem; background: #f5f5f5;}
.prodshow_info h2{font-size:2rem; color:var(--color1);}
.prodshow_info .item_content{display:flex;justify-content: space-between;margin-top: 2.16rem;}
.prodshow_info .item_content .img{width:50%;flex-shrink: 0; 
    height: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    background: #FFF;
    border: 1px solid #E5E5E5;}
.prodshow_info .item_content .img img{width: 100%; max-width: 100%;}
.prodshow_info .item_content .text{flex:1; margin-left:3rem; display: flex;flex-direction: column;justify-content: space-between;}
.prodshow_info .item_content .text h5{font-weight: 600;color: #333333;font-size: 1.1rem;}
.prodshow_info .item_content .text .item-info{color:#333; font-weight: 300;font-size: 16px;line-height: 2;margin-top: 1rem;margin-bottom: auto;}
.prodshow_info .item_content .text .item-info p{padding-bottom:1rem;}
.prodshow_info .item_content .text .prod-list{width:100%; margin-top:2rem;margin-bottom: auto;}
.prodshow_info .item_content .text .prod-list h5{font-weight: 600;color: #333333;font-size: 1.1rem;}
.prodshow_info .item_content .text .prod-list ul{width:100%; display:flex; margin-top: 1rem;}
.prodshow_info .item_content .text .prod-list ul li{display: block;width: 2.7rem;height: 2.7rem;text-align: center;line-height: 2.7rem;border: 1px solid #E5E5E5;font-size: 0.9rem;border-radius: 0.3rem;background: #ffffff;box-shadow: 0 3px 1px #E5E5E5;margin: 0px;margin-right: 0.67rem;margin-bottom: 0.67rem;transition: all .30s ease;font-weight: 400;}
.prodshow_info .item_content .text .prod-list ul li:hover {
	font-weight: 500;
	/*background-image: linear-gradient(#134C86 47%, #134C86 53%);*/
	background-image: linear-gradient(#fff 47%, #F1F1F1 53%);
	color: #134C86;
}

.prodshow_info .item_content .text .prod-list ul li.active {
	font-weight: 500;
	border:none;
	background-image: linear-gradient(#134C86 47%, #134C86 53%);
	color: #ffffff;
	box-shadow: 0 3px 1px #ffc105;
}
.prodshow_info .item_content .text .prod-list ul li.active a{color:#FFFFFF;}
.prodshow_info .item_content .text .btn1{margin-bottom:0px;}



.btn-xz{}
.btn-xz em{ padding-right:5px;}
.btn-xz em:before{content: "\e6fe";font-size:18px;font-family: "iconfont";}
.btn-zx{}
.btn-zx em{ padding-right:5px;}
.btn-zx em:before{content: "\e8b1";font-size:24px;font-family: "iconfont"; }
.btn-tel{}
.btn-tel em{ padding-right:5px;}
.btn-tel em:before{content: "\e880";font-size:24px; font-family: "iconfont";}

.prodshow_cont{width:100%; overflow: hidden; position: relative; background: #f5f5f5;}
.prodshow_cont .wrap{overflow: hidden;}
.box_cols{width: 100%;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    background: #fff;}
.box_cols a{padding:0px 80px; height: 60px; line-height: 60px; color:#333; cursor: pointer; border-right:1px solid #FFFFFF;float: left;position: relative;}
.box_cols a:hover{/*padding:0px 40px; height: 60px; line-height: 60px;*/ color:#FFFFFF; background: #333;cursor: pointer;}
.box_cols li.active a{background: var(--color1);color:#FFFFFF;}
.box_cols li.active a:after{content:"";width:10px; height: 10px; position: absolute;bottom:-6px; left:calc((100% - 10px) / 2);background:linear-gradient(135deg,#fff 0%,#fff 50%,transparent 50%,transparent 100%); transform:rotate(45deg);}


.prod-items{margin:2rem 0px 5rem 0px;padding:5rem;overflow: hidden;background: #FFF;min-height: 500px;}
.prod-item{width:100%; float: left; margin:0px auto; color:#333; overflow: hidden;display: none;}
.prod-item.active{display:block;}
.prod-item img{max-width:100%;}
.box_cols_cont{width:100%; float: left; margin:20px auto; color:#333;}
.box_cols_cont_xgal{width:100%;float: left;margin:20px auto;color:#333;}



.conts{overflow: hidden;width: 100%;}
.conts dd {
    width: 100%;
    margin-top: 40px;
    border-top: 1px solid #dee2e6;
    line-height: 27px;
    color: #666666;
    font-size: 16px;
    /* word-break: break-all; */
    overflow: hidden;
    box-sizing: border-box;
    padding-right: 10px;
}
.conts dd h5 {
    font-size: 28px;
    color: var(--color1);
    width: 100%;
    margin: 50px 0px 20px 0px;
    text-indent: 0px;
    text-align: left;
    font-weight: bold;
	padding:0px;
}

.prod-info{margin-top:3rem;}
.prod-info__img{}
.prod-info__img img{width:100%; max-width:100%; margin-bottom:1rem;}

.paramBox{font-size: 16px;line-height: 1.5rem;}
table{width:100%;box-sizing:border-box;margin-bottom:15px;border-collapse:collapse;border-spacing:0;border-radius:5px}
table{ border: 1px solid #ccc;width:100% !important;width: 100%;
    box-sizing: border-box;
    margin-bottom: 15px;
	word-break: break-all;
    border-collapse: collapse;
    border-spacing: 0;
    border-radius: 5px;}
table th,table td{padding:10px;text-align:center;border-width:1px;border-style:solid;vertical-align:middle}
table th{font-weight:700; background:var(--color1); box-shadow: inset 0px 4px 3px -2px rgba(0,0,0,.04); }
table th{background:var(--color1); font-size:18px; color:#FFFFFF; font-weight: bold;padding: 20px 0px;}
table th.clear{border:0;background:none}
table tr:first-child td{ box-shadow: inset 0px 4px 3px -2px rgba(0,0,0,.06);}
table tr:nth-child(2n) td { background: #FFFFFF; }
table tr td { border-color: #ccc !important; /*background: rgba(0,0,0,0.05);*/text-align: center; font-size:14px;line-height: 180%;} 
table tr:nth-child(2n+1) td { background: #f4f4f4; }

.main-boxs.solutions{display: flex;}
.solutions-cpjs-box{display:flex;flex-direction: column;}
.solutions-cpjs{padding:4.27vw 15vw 5.2vw 15vw;margin-bottom: 2rem;}
.solutions-cpjs:nth-child(2n){background-color: #F8F8F8;}
.solutions-cpjs:nth-child(2n) .top{flex-direction: row-reverse;}
.solutions-cpjs:nth-last-child(1){margin-bottom: 0px;}
.solutions-cpjs .top{display: flex;justify-content: space-between;}
.sl_con .right .box3 .top{flex-flow:row-reverse;}
.solutions-cpjs .top .txt{width: 43%;}
.solutions-cpjs .top .pic{width: 50.4%;display: flex;align-items: center;}
.solutions-cpjs .top .pic img{max-width: 100%;}
.solutions-cpjs .top .txt .h{font-size: 34px;line-height: 66px;color: #000000;margin-bottom: 0.25vw;}
.solutions-cpjs .top .txt .en{font-size: 20px;line-height: 26px;color: rgba(68,68,68,0.7);text-transform: uppercase;font-weight: 100; margin-bottom: 2.5vw;}
.solutions-cpjs .top .txt .p{line-height: 30px;font-size: 16px;margin-bottom: 3.64vw;}
.solutions-cpjs .top .txt .list{display: flex;}
.solutions-cpjs .top .txt .list .item{margin-right: 2.2vw;}
.solutions-cpjs .top .txt .list .item:last-child{margin-right: 0;}
.solutions-cpjs .top .txt .list .item .h2{font-size: 28px;line-height: 40px;color: #0426A1;font-family: hb;margin-bottom: 0.65vw;}
.solutions-cpjs .top .txt .list .item .p2{line-height: 22px;color: #333333;padding-top: 0.57vw;font-size:16px; border-top: 1px solid #DBDBDB;}
.solutions-cpjs .bottom{display: flex;justify-content: space-between;margin: 3rem 0;border-top: 1px solid #eee;padding-top: 3rem;}
.solutions-cpjs .bottom ul{width:100%;display:flex; justify-content: space-between;}
.solutions-cpjs .bottom ul li{width:23%;}
.solutions-cpjs .bottom ul li:last-child{margin-right: 0;}
.solutions-cpjs .bottom ul li em{height: 30px;width: 40px;display: flex;justify-content: center;align-items: center;margin-bottom: 0.83vw;width: 60px;
    height: 60px;
    border-radius: 10px;
    background: var(--color7);
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
    margin-right: 10px;}
.solutions-cpjs .bottom ul li em:before{font-family: "iconfont";font-size:2rem; color:#FFFFFFF;}
.solutions-cpjs .bottom ul li .h5{font-size: 22px;line-height: 30px;color: #000000;margin-bottom: 0.5vw;}
.solutions-cpjs .bottom ul li p{line-height: 24px;color: #333333;font-size:16px;}

.solutions-cpjs .more{width: 194px;height: 44px;text-align: center;line-height: 42px;border: 1px solid #DBDBDB;border-radius: 22px;transition: all 0.5s;margin-top: 3.85vw;background-color: #fff;}
.solutions-cpjs .more span{display: inline-block;padding-right: 36px;color: #333333;background: url(../img/more1.png)no-repeat right center;transition: all 0.5s;}
.solutions-cpjs .more:hover{border-color: transparent;background-color: #0426A1;}
.solutions-cpjs .more:hover span{color: #fff;background-image: url(../img/more2.png);}

.solutions-cpjs .btn1{justify-content: center;}
.solutions-cpjs .btn1 a{color: var(--color7);border: 1px solid var(--color7);}
.solutions-cpjs .btn1 a:hover{color: #FFFFFF;}


.solutions-cpjs .top .pic .img{position: relative;width: 100%;object-fit: cover;padding-top: 60%;}
.solutions-cpjs .top .pic .img img{position: absolute;top: 0;right: 0;border: 0;left: 0;width: 100%;height: 100%;}
.solutions-cpjs .prods{width:100%;}
.solutions-cpjs .prods ul{width:100%; display:flex; flex-wrap: wrap;}
.solutions-cpjs .prods ul li{width:calc((100% / 3) - 20px); width:auto; padding:2px 10px; display:flex; color:#FFFFFF; border:1px solid #3F51B5; border-radius: 10px;margin-right: 5px;justify-content: center;align-items: center;margin: 5px;}
.solutions-cpjs .prods ul li a{color:var(--color7);display:flex;justify-content: center;align-items: center;transition: 0.3s;font-size: 14px;}
.solutions-cpjs .prods ul li i{font-size:28px; margin-right:10px;}
.solutions-cpjs .prods ul li p{margin:0;padding: 0px;}
.solutions-cpjs .prods ul li:hover{background:var(--color7);}
.solutions-cpjs .prods ul li:hover a{color:#FFFFFF; transition: 0.3s;}



@media screen and (max-width: 1680px){.solutions-cpjs{padding:4.27vw 3vw 5.2vw 12vw;}}
@media screen and (max-width: 1440px){.solutions-cpjs{padding:4.27vw 2vw 5.2vw 13vw;}}
@media screen and (max-width: 1366px){.solutions-cpjs{padding:4.27vw 1vw 5.2vw 15vw;}}


.mc_aside_navbox {
    position: fixed;
    left: 0;
    padding-left: 20px;
    top: 50%;
    transform: translateY(-50%) translateX(-100%);
    z-index: 99;
    transition: all .36s ease-out;
	width: 190px;
}

.mc_aside_navbox.show {
    transform: translateY(-50%) translateX(0);
}

.mc_aside_li {
    position: relative;
    z-index: 1;
    padding-left: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #999999;
    margin: 60px 0;
	margin:34px 0;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    cursor: pointer;
    transition: all .36s;
}

.mc_aside_li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #0028aa;
    border: 1px solid #fff;
    transition: all .36s;
}

.mc_aside_li::after {
    display: none;
    content: "";
    position: absolute;
    left: 4px;
    top: 50%;
    width: 1px;
    height: 65px;
    border-radius: 50%;
    background: #d4dbf1;
    z-index: -1;
    transition: all .36s;
}


.mc_aside_li:last-child::after {
    display: none;
}


.mc_aside_li.on {
    font-size: 15px;
    color: #333333;
}

.mc_aside_li.on::before {
    box-shadow: 0 0 8px 0 rgba(79, 115, 233, .75);
}

.mc_aside_li.on::after {
    background: #0028aa;
}

.mc_aside_nav {
    position: relative;
}

.mc_aside_nav::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 11px;
    z-index: -2;
    width: 1px;
    height: calc(100% - 22px);
    background: #d4dbf1;
    transition: all .36s;
}

.mc_aside_navline {
    display: block;
    position: absolute;
    left: 4px;
    top: 11px;
    z-index: -1;
    width: 1px;
    max-height: calc(100% - 22px);
    background: #0028aa;
    transition: all .3s;
}

@media screen and (max-width: 1023px)
{
	aside{display:none;}
	main{width:100%; margin-top:0px; padding-top:0px;}
	.mc_aside_nav{display:none;}
	.solutions-cpjs-box{padding:0px;}
	.solutions-cpjs{padding:0px;padding:10px 3vw 30px 3vw;}
	
	.solutions-cpjs .solution-m-t{padding-bottom: 3rem;display: none;width: 100%;}
	.solutions-cpjs:nth-child(1) .solution-m-t{display: none;}
	.solutions-cpjs .top{flex-direction: column-reverse;padding-top: 1rem;}
	.solutions-cpjs .top .txt{width:100%;}
	.solutions-cpjs .top .txt .h{font-size: 40px;}
	.solutions-cpjs .top .txt .list{flex-direction: column;padding: 2rem 0px;}
	.solutions-cpjs .top .txt .tit{padding: 2rem 0px;}
	.solutions-cpjs .top .txt .list .item{margin-bottom:2rem;}
	.solutions-cpjs .top .pic{width:100%;}
	.solutions-cpjs .top .pic img{width:100%;}
	.solutions-cpjs .bottom{flex-direction: column;}
	.solutions-cpjs .bottom ul{flex-direction: column;}
	.solutions-cpjs .bottom ul li{width:100%;align-items: center;}
	.solutions-cpjs .bottom ul li em{font-size: 22.5vw;}
	.solutions-cpjs .bottom ul li p{text-align: center; padding:0px;}
	.solutions-cpjs .bottom ul li h5{padding-bottom: 1rem;}
	.solutions-cpjs .bottom ul li p:nth-child(1){padding: 2rem 0px;line-height: normal;}
	.solutions-cpjs .bottom .box_1{width:100%;padding: 2rem 0px 0px 0px; max-width:unset;}
	.solutions-cpjs .bottom .box_1 .icon{margin:1rem 0px;}
	.solutions-cpjs .btn1{justify-content: center;}
	
	.solutions-cpjs:nth-child(2n) .top{flex-direction: column-reverse;}
}


@media screen and (max-width: 767px){
	.solutions-cpjs .bottom ul{flex-direction: column;}
	.solutions-cpjs .bottom ul li{width: 100%;align-items: baseline;display: flex;flex-wrap: wrap; padding-bottom:1rem;margin-bottom:1rem; border-bottom:1px solid #eee;}
	.solutions-cpjs .bottom ul li:nth-child(4){margin-bottom:0px; padding-bottom: 0px; border:0px;}
	.solutions-cpjs .bottom ul li em{margin-bottom:0px;width: 50px;height: 50px;}
	.solutions-cpjs .bottom ul li h5{padding-bottom:10px;font-size: 2rem;}
	.solutions-cpjs .bottom ul li p{text-align: left;}
	.solutions-cpjs .bottom ul li p:nth-child(1){padding:10px 10px 0px 0px;}
	.solutions-cpjs .bottom ul li p:nth-child(2){width:100%;}
}
@media screen and (max-width: 425px)
{
	
}
@media screen and (max-width: 414px)
{

}
@media screen and (max-width: 375px)
{
	
}
@media screen and (max-width: 320px)
{
	
}




@keyframes witr-shadow
{
	0% {
    box-shadow: 0 0 0 0 rgba(255,255,255,.3), 0 0 0 10px rgba(255,255,255,.3), 0 0 0 20px rgba(255,255,255,.3);
}
	100% {
    box-shadow: 0 0 0 10px rgba(255,255,255,.3), 0 0 0 20px rgba(255,255,255,.3), 0 0 0 30px rgba(255,255,255,0);
}
}

@media screen and (max-width: 1023px)
{
	table{word-break:unset;}
	.cont-parameters{overflow: scroll;}
}


@media screen and (max-width: 767px){
	
}
@media screen and (max-width: 425px)
{
	
}
@media screen and (max-width: 414px)
{

}
@media screen and (max-width: 375px)
{
	
}
@media screen and (max-width: 320px)
{
	
}