.navbar-com{box-shadow: 5px 5px 10px rgb(0 0 0 20%);}
.navbar-com .navbar-name h3,.navbar-com .navbar-name h5{color:#000000;}
.wrap{width:100%;padding:0px 8%;max-width: unset;margin: 0 auto;}
.jumbotron-com .container{display:none;}
.bg2{background:var(--bg-color1);}

.btn1 {
    color: #fff;
    margin-top: 0px;
    font-size: 14px;
    font-weight: 500;
	display: flex;
}
.btn1 a {
    background: var(--color1);
    color: #FFFFFF;
    padding: 10px 50px;
    z-index: 2;
    position: relative;
    display: block;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;
	border-radius: 50px;
}
.btn1 a:before {background-color: var(--color1-h);}


.main-boxs {
    width: 100%;
    height: auto;
    padding: 0px;
    margin: auto;
    clear: both;
	display: flex;
}
.main-boxs.page-section{max-width:unset;}
.page-section{width:100%; overflow: hidden; position: relative;}
.prodshow_info{width: 100%;margin-right: auto;margin-left: auto;padding: 3.4rem 0rem 5rem 0rem; background: #f5f5f5;}
.prodshow_info h2{font-size:2.5rem; color:#000000;}
.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 .imgs .owl-controls{position: absolute;bottom: 10px;}
.prodshow_info .item_content .text{flex:1; margin-left:3rem; display: flex;flex-direction: column;justify-content: center;}
.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: auto 0px;text-align: justify;}
.prodshow_info .item_content .text .item-info .half{display: flex;flex-wrap: wrap;}
.prodshow_info .item_content .text .item-info p{/*padding-bottom:1rem;*/}
.prodshow_info .item_content .text .item-info .half p{width:48%;}
.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;}

.prodshow_cont{width:100%; overflow: hidden; position: relative; background: #f5f5f5;}
.prodshow_cont .wrap{overflow: hidden;}

.prodshow_info .text .mores{color: #fff;margin-top: 20px;font-size: 14px;font-weight: 500;display: flex;margin-bottom: 0px;justify-content: flex-start;margin-top: auto;padding-top: 1rem;}
.prodshow_info .text .mores .btn1 a{border-radius: 0px;display:flex;align-items: center;justify-content: center;    padding: 5px 35px;margin-right:2px;}
.prodshow_info .text .mores .btn1 a:hover::before {border-radius: 0px;}

@media screen and (max-width: 1440px)
{
	.prodshow_info .text .mores .btn1 a{padding: 5px 15px;}
}

@media screen and (max-width: 1023px)
{
	.prodshow_info{padding-bottom: 1rem;}
	.prodshow_info .wrap{padding: 0px 5vw;}
	.prodshow_info .item_content{flex-direction: column;}
	.prodshow_info .item_content .img{width:100%;}
	.prodshow_info .item_content .img img{width:100%; max-width:100%;}
	.prodshow_info .item_content .text{margin:0px; padding:2rem 0px;}
	.prodshow_info .text .mores{flex-wrap: wrap;margin-top: 2rem;}
	.prodshow_info .item_content .text .btn1{margin-bottom: 20px;}
	.prodshow_cont .wrap{width:100%;padding: 0px 5vw;background: #fff;}
}

@media screen and (max-width: 767px)
{
	.prodshow_info .item_content .text .btn1{margin-bottom:0px;}
	.prodshow_info .item_content .text .item-info .half p{width:100%;}
	.prodshow_info .text .mores .btn1 a{padding: 5px 7px;}
	.prodshow_info .text .mores .btn1 a:after{display:none;}
}
@media screen and (max-width: 430px)
{
	
}
@media screen and (max-width: 414px)
{
		
}


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

}

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






.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 h5{font-size:1.8rem; font-weight: bold; padding-bottom:2rem;}
.prod-item{width:100%; float: left; margin:0px auto; color:#333; overflow: hidden;display: none;    text-align: justify;}
.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;}


.prod-item table{width:100%;box-sizing:border-box;margin-top:0rem;border-collapse:collapse;border-spacing:0;border-radius:5px}
.prod-item table{ border: 1px solid #ccc;wdith:100% !important;     width: 100%;
    box-sizing: border-box;
    margin-bottom: 15px;
    border-collapse: collapse;
    border-spacing: 0;
    border-radius: 5px;}
.prod-item table th,table td{padding:10px;text-align:center;border-width:1px;border-style:solid;vertical-align:middle}
.prod-item table th{font-weight:700; background:var(--color1); box-shadow: inset 0px 4px 3px -2px rgba(0,0,0,.04); }
.prod-item table th{font-size:16px; color:#FFFFFF; font-weight: bold;padding: 20px 0px;}
.prod-item table th.clear{border:0;background:none}
.prod-item table tr:first-child td{ box-shadow: inset 0px 4px 3px -2px rgba(0,0,0,.06);}
.prod-item table tr:nth-child(2n) td { background: #FFFFFF; }
.prod-item table tr td { border-color: rgb(205 205 205) !important; background: rgba(0,0,0,0.05);text-align: center; font-size:15px;line-height: 180%;} 
.prod-item table tr td:nth-child(1){/*background: var(--color1)  !important;color: #fff;*/}
.prod-item table tr.firstRow{background:var(--color1);}
.prod-item table tr.active{background:#47a5d8; color:#FFFFFF;}
.prod-item table tr.active td{background:#47a5d8 !important; color:#FFFFFF;}


.prod-item h2{color: #4597c6;font-size: 2.5rem;font-weight: bold;margin-top: 0rem;margin-bottom: 1rem;}


.prod-item.prod-table2 tr.firstRow{background: none;}
.prod-item.prod-table2 tr td:nth-child(2n+1){background:var(--color1);font-size:16px; color:#FFFFFF; font-weight: bold;padding: 20px 0px !important;}
.prod-item.prod-table2 tr td:nth-child(2n){background:#FFFFFF;}
@media screen and (max-width: 1023px)
{
	.prod-items video{width:100% !important;}
}

@media screen and (max-width: 767px)
{
	
}
@media screen and (max-width: 430px)
{
	.prod-items{min-height:400px;}
}
@media screen and (max-width: 414px)
{
		
}


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

}

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

.prod-video{width:100%; overflow: hidden; position: relative;}
.prod-video .btn-paly-box{position: absolute; top: 0px; left: 0px; bottom: 20%; right: 0px; z-index: 100; display: flex; justify-content: center; align-items: center;cursor: pointer;}
.btn-paly{width:120px; height: 120px; background:rgb(255 255 255 / 20%);  z-index: 100; display: flex; justify-content: center; align-items: center;border-radius: 100%;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    -webkit-animation: witr-shadow 1s linear infinite;
    animation: witr-shadow 1s linear infinite;
    -webkit-transition: .5s;
}
.btn-paly:before{width:100px; height: 100px; border-radius: 100%;font-family: "iconfont"; background: rgb(255 255 255 / 20%); color:#FFF; content: "\e63e"; font-size:2rem;display:flex; justify-content: center;align-items: center;}
.cover-img{    background-color: rgb(0 0 0 / 50%);
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;}
.prod-video img{width: 100%; max-width:100%; z-index: 5;}
.prod-video-box{z-index: 20;
    color: #FFFFFF;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; display:flex; justify-content: center;align-items: center;}
.prod-video-inner{width:1200px; padding:0px 0px 200px 0px;margin-top: auto;}
.prod-video-inner .title{margin-bottom:4rem;}
.prod-video-inner .title h5{font-size:24px; font-family: "serif";font-weight: 300; color:rgb(255 255 255 / 90%);}
.prod-video-inner .title h3{font-size:3rem; font-family: "serif";font-weight: bold; color:rgb(255 255 255);}
.prod-video-inner ul{display: flex; justify-content: flex-start;}
.prod-video-inner ul li{display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin: auto;margin-left: 0px;}
.prod-video-inner ul li h4{font-size:24px; font-family: "serif";font-weight: 300; color:rgb(255 255 255 / 90%);}
.prod-video-inner ul li .num{font-size:2.5rem; font-weight: bold;}
.prod-video-inner ul li .num sub{font-size:16px; margin-left:5px; font-weight: 300;}

@media screen and (max-width: 1023px)
{
	.prod-video-inner{width:100%; padding:0px 3vw;margin-top: 20%;}.prod-video-inner .title{margin-bottom: 2rem;}
	.prod-video-inner .title h3{font-size:2rem;}
}

@media screen and (max-width: 767px)
{
	.prod-video{height: 500px;}
	.prod-video-inner{margin-bottom:100px;}
	.prod-video-inner ul li h4{font-size:1rem; padding: 0px;}
	.prod-video-inner ul li .num{font-size:1.3rem; padding: 0px;}
	.prod-video img{height: 100%;}
	.prod-video-inner{margin-top: 0%;}
	.prod-video .btn-paly-box{bottom: 10%; top:auto;}
}
@media screen and (max-width: 430px)
{
	
}
@media screen and (max-width: 414px)
{
		
}


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

}

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



.prod-desc{}
.prod-desc ul{}
.prod-desc ul li{width:100%; display: flex;justify-content: space-between; padding:3rem 0px;align-items: center;align-items: center;
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 1rem;}
.prod-desc h5{font-size: 2rem;color: var(--color1);padding: 0px;}
.prod-desc ul li .txt{padding-right: 3rem;}
.prod-desc ul li .txt:before{width:5px; height: auto; background:var(--color1); content: ""; margin-right:1rem;}
.prod-desc ul li .txt h5{font-size:2rem; color:var(--color1);color: var(--color1);}
.prod-desc ul li .txt p{font-size:1rem; line-height: 2;text-align: justify;}
.prod-desc ul li .img{max-width:100%;}
.prod-desc ul li:nth-child(2n){flex-direction: row-reverse;}
.prod-desc ul li:nth-child(2n) .txt{padding-left:3rem;}

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

@media screen and (max-width: 767px)
{
	.prod-desc ul li{padding: 0rem 0px 3rem 0px;flex-direction: column;}
	.prod-desc ul li:nth-child(2n){flex-direction:column;}
	.prod-desc ul li:nth-child(2n) .txt{padding-left:0px;}
}
@media screen and (max-width: 430px)
{
	
}
@media screen and (max-width: 414px)
{
		
}


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

}

@media screen and (max-width: 360px)
{
	
}
/*============================================
application-section
===========================================*/
.prod-app{padding-top: 5rem;padding-bottom: 50px;}
.prod-app .wrap{position: relative;}
.prod-app .title{}
.prod-app .title h3{font-size: 1.8rem;font-weight: 500;padding-bottom: 2rem;}
.app-list{width:100%; margin:2rem 0rem;}
.app-list ul{width:100%;display: flex;justify-content: space-between;}
.app-list ul li{width:220px; height: 220px; margin: unset;display:flex; flex-direction: column; justify-content: center; align-items: center; background:var(--bg-color1);}
.app-list ul li a{display:flex;flex-direction: column;width: 100%;height: 100%;align-items: center;justify-content: center;}
.app-list ul li em{font-family: "iconfont";font-size:5rem; color:#8b8b8b;}
.app-list ul li h5{font-size:16px; color:#000000;}
.app-list ul li:hover{background:var(--color1); transition: 0.3s;}
.app-list ul li:hover em{color:#FFFFFF;}
.app-list ul li:hover h5{color:#FFFFFF;}


.prod-wrap-m{display:none;}


@media screen and (max-width: 1440px)
{
	/*.app-nav ul li .text .wz{display:none;}
	.app-nav ul li.active .text .wz{display:flex;}
	.app-nav ul li.active .line{margin-top: 20px;}*/
}
@media screen and (max-width: 1023px)
{
	/*.application-section{border-bottom: 1px solid #efefef;padding-bottom: 50px;margin-bottom: 30px;}
	.application-wrap{display:none;}
	.application-wrap-m{display:flex;}
	.application-wrap-m ul{}
	.application-wrap-m ul li{width:100%;}
	.application-wrap-m ul li img{width:100%; max-width:100%;min-height: 200px;}
	.application-wrap-m ul li .desc{width:100%; padding:5%; background: #f5f5f5;}
	.application-wrap-m ul li h5{font-size:1.6rem; line-height: 1;float: left;}
	.application-wrap-m ul li span.en{font-size:1.3rem; text-transform: uppercase;float: left;padding-left: 1rem;font-weight: 300 !important;}
	.application-wrap-m ul li p{font-size:1.2rem; line-height: 2rem;overflow: hidden;width: 100%;}*/
	.app-list ul{flex-wrap: wrap;}
}

@media screen and (max-width: 767px)
{
	.app-list ul li{width:40vw; height: 40vw; margin:2vw 0px;}
}
@media screen and (max-width: 425px)
{
	
}
@media screen and (max-width: 414px)
{
		
}


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

}

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

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


.prod-case{ border-top:1px solid #f5f5f5; padding-top:50px; padding-bottom: 50px;margin-top: 0px;}
.prod-case ul{width:100%;}
.prod-case ul{display:flex; justify-content: space-between; flex-wrap: wrap;}
.prod-case ul li{width:calc((100% / 3) - 3rem);    margin: 15px 0; box-shadow: 5px 5px 20px rgba(0,0,0,0.2);}
.prod-case ul li:last-child:nth-child(3n - 1){margin-right:calc((100% / 3) + 1.5rem);}
.prod-case ul li .figure{margin:0px;width: 100%;}
.prod-case ul li img{max-width:100%; transition: 0.5s;}
.prod-case ul li p{text-align: center; padding:1rem;}
.figure-caption{padding:1.5rem 20px; position: relative;}
.figure-caption h5{font-size:1.5rem; color:#000000;border-bottom: 1px solid #efefef;padding-bottom: 10px;}
.prod-case ul li .figure-caption p{text-align: left; padding:0px;font-family: sans-serif;font-weight: 500;}
.prod-case li .btn-tl{height: 45px;
    width: 70px;
	position: absolute;
	bottom: 0px; right: 0px;
    text-align: center;
    font-size: 18px;
    line-height: 45px;
    background: #00469c;
	background: linear-gradient(135deg, transparent 10px, #00469c 0) bottom left;
	
}
.prod-case li .btn-tl i{font-size: 20px;
    color: #ffffff; font-style: normal;}
.prod-case li .btn-tl i:before{
	content: "\e60d";
	font-family: "iconfont" !important;
	line-height: 45px;
	display: inline-block;
}
.prod-case ul li .figure .card-img{overflow: hidden; position: relative; padding-top:60%;width:100%}
.prod-case ul li .figure .card-img img{position: absolute;top: 0; left: 0; bottom: 0;right: 0; object-fit: cover; width:100%; height: 100%;}
.prod-case ul li:hover img{transform: scale(1.06); transition: 0.5s;}
.prod-case li:hover .btn-tl{background: linear-gradient(135deg, transparent 10px, #1237b0 0) bottom left;}


.prod-td{margin-top: 0rem;}
.prod-td ul{display:flex; justify-content: space-around;flex-wrap: wrap;}
.prod-td ul li{width:calc((100% / 2) - 20px); background:#e6e5e5; display:flex; padding:2rem; margin-bottom:20px;align-items: center;}
.prod-td ul li .img{width:30%; margin-right:2rem;}
.prod-td ul li .desc{flex: 1;}
.prod-td ul li .desc h3{ font-size:18px; font-weight: bold;}
.prod-td ul li .desc p{font-size:15px;}



.prod-col{margin-bottom:2rem;}
.prod-col ul{margin-top:1rem;}
.prod-boxs{overflow: hidden; padding:5rem 0rem;}
.prod-boxs ul{width:100%; display:flex; justify-content: space-between;flex-direction: row;flex-wrap: wrap;}
.prod-boxs ul li{width: calc((100% / 3) - 20px);height: auto; overflow: hidden;position:relative; display: flex;transition: 0.5s;align-items: center;justify-content: center;background:#FFFFFF; margin: 0px;margin-bottom:20px;}
.prod-boxs ul li .innerbox{padding:1.5rem;}
.prod-boxs ul li .innerbox h3{font-size:20px; padding:1rem 0rem;}
.prod-boxs ul li .info-items{width:100%; overflow: hidden;height: 200px;}
.info-items ul{width:100%; overflow: hidden; display: flex;flex-direction: column;}
.info-items ul li{width:100%; overflow: hidden; display: flex;flex-direction: row;justify-content: space-between;align-items: baseline;margin-bottom:0px;}
.info-items ul li h5{width:50px;font-size:14px;}
.info-items ul li .desc{flex: 1; margin-left:0px; margin-right: 0px; overflow: hidden; display: flex;font-size: 14px;line-height: 2;font-weight: 300;}
.prod-boxs ul li .innerbox .more{margin: 2rem auto 1rem auto;text-align: center;}
.prod-boxs ul li .innerbox .more a{border:1px solid #ccc; padding:10px 80px; font-size:14px; color:#333;}
.prod-boxs ul li .innerbox .more:hover a{background:var(--color1); color:#fff; border:1px solid var(--color1); transition: 0.3s;}


.prod-boxs ul li a{width:100%; height: 100%;}
.prod-boxs ul li .img{display: flex;justify-content: center;align-items: center;    height: auto;}
.prod-boxs ul li img{max-width:100%; width:100%;}
.prod-boxs ul li .info{width:100%; height: 80px; position: absolute; left: 0;bottom: 0; display: flex;justify-content: center; align-items: center;transition: 0.3s;}
.prod-boxs ul li:hover .info {
    /*background: linear-gradient(90deg, #91c53c, #38a9bf);*/background:#91c53c;
    color: #fff;
}
.prod-boxs ul li .info h5{margin-bottom: 0px;}
.prod-boxs ul li:last-child:nth-child(3n - 1){margin-right:calc(((100% / 3) + 10px) * 1)}



.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";}


.recommend-box{width:100%; display:flex; justify-content: space-between;}
.recommend-box li{width:calc((100% / 3) - 20px);}
.recommend-box li .Image{display: flex;overflow: hidden;}
.recommend-box li img{max-width:100%;transition: 0.5s}
.recommend-box li:hover img{transform:scale(1.05);}
.recommend-box li:hover a{color:#f68100; text-decoration: underline;}



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

@media screen and (max-width: 767px)
{
	.prod-case ul li{width:100%;}
}
@media screen and (max-width: 430px)
{
	
}
@media screen and (max-width: 414px)
{
		
}


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

}

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



.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 .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 .btn1 a{padding: 6px 50px;}
.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;}
.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;}
.solutions-cpjs .bottom ul li em:before{font-family: "iconfont";font-size:2rem; color:#000;}
.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);}



@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: 13px;
    line-height: 20px;
    color: #999999;
    margin: 60px 0;
	margin:10px 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,.mc_aside_li.on1 {
    font-size: 15px;
    color: #333333;
}

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

.mc_aside_li.on::after ,.mc_aside_li.on1::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%;}
	.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;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;}
	
	.solutions-cpjs{padding:20px;}
	.mc_aside_navbox{display:none;}
}


@media screen and (max-width: 767px){
	.solutions-cpjs{margin-bottom: 0rem;}
	.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;}
	.solutions-cpjs .bottom ul li h5{padding-bottom:10px;}
	.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: 430px)
{
	
}
@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 only screen and (max-width: 1024px){
	.MyCont{ width:100%; margin-top:20px;float: left;}
.main-boxs aside{ display:none;}
.main-boxs main{ width:95%; margin:auto;}
.cont_sation{float: left;padding-left: 0px;margin-bottom: 15px;text-indent: 30px; line-height:35px;background: url("ico_station.png") 0px center no-repeat; font-size:0.8em;color: #333; width:100%;    margin-top: 0px;}
.cont_sation a{ color:#333;}
.cont_sation a:hover{ color:#FF5234;}
.cont_title{font-size: 1.6em;font-family: microsoft yahei;color: #777777;padding-bottom: 20px;margin-bottom: 20px;text-align: center; width:96%; border-bottom:1px solid #efefef;}
.f14{width:94%; margin:auto; overflow:hidden;}
.MyCont .f14 .line_left{ width:auto;}
.MyCont .f14 .line_right{ width:auto;}
.box_right_titles{
	height: auto;
    line-height: 120%;
    font-size: 1.2em;
    padding-bottom: 1vh;
    width: 100%;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 15px;
    color: #333;
    font-weight: 100;
    font-family: microsoft yahei;}
.sation{ font-size:0.8em; margin-bottom:10px;}
.sation img{ margin-top:5px;}
.sation a{ color:#666;}
}
@media screen and (max-width: 1023px)
{
	.MyCont{ width:100%; margin-top:20px;float: left;}
.main-boxs aside{ display:none;}
.main-boxs main{ width:95%; margin:auto;padding: 0px;}
	.main-boxs main .MyContBox{width:100%;}
.cont_sation{float: left;padding-left: 0px;margin-bottom: 15px;text-indent: 30px; line-height:35px;background: url("ico_station.png") 0px center no-repeat; font-size:0.8em;color: #333; width:100%;    margin-top: 0px;}
.cont_sation a{ color:#333;}
.cont_sation a:hover{ color:#FF5234;}
.cont_title{font-size: 1.6em;font-family: microsoft yahei;color: #777777;padding-bottom: 20px;margin-bottom: 20px;text-align: center; width:96%; border-bottom:1px solid #efefef;}
.f14{width:94%; margin:auto; overflow:hidden;}
.MyCont .f14 .line_left{ width:auto;}
.MyCont .f14 .line_right{ width:auto;}
.box_right_titles{
	height: auto;
    line-height: 120%;
    font-size: 1.2em;
    padding-bottom: 1vh;
    width: 95%;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 15px;
    color: #333;
    font-weight: 100;
    font-family: microsoft yahei;}
.main-boxs main .box_right_title{width:100%;background: none;border:0px;}
.main-boxs main .box_right_title .sation{ font-size:0.8em; margin-bottom:10px;top: 50px;left: 20px;}
.main-boxs main .box_right_title .sation img{ margin-top:0px;}
.main-boxs main .box_right_title .sation a{ color:#666;}
	.productShow .fr{width: auto;}
	.cont dl{width:100%;}
	
	.prod-boxs main ul{}
	.prod-boxs main ul li{width:calc((100% / 2) - 3%);height: 40vw;}
	.prod-boxs main ul li .Image{height:auto;border: 0px;}
	.prod-boxs main ul li .ImageName{padding:15px 0px; font-size:1rem;}
	
	.padd{padding: 10px 0px 20px 0px;}
	.main-boxs.prod-info main{border:0px;}
	.prod-boxs aside{display:none;}
	.prod-title h2{font-size: 2rem;}
	.cont-cpjs{padding:0px;}
	.main-boxs.prod-info .prod-img img{max-width:100%; min-width:unset;}
	
	
	
	.prod-items{margin:0px;padding:0px;}
	
	.prod-item{margin-top: 3rem;}
	.prod-desc ul li .txt h5{font-size:1.5rem;}
	
	
	.station{height: auto;line-height: normal; border:0px;}
	.station .center{display: flex;justify-content: space-between;flex-direction: column;background: #f5f6f9;}
	.station ul{max-width: 100%; margin:0px;    flex-wrap: wrap;display: none;}
	.loca-wz{border-top: 1px solid #eaebef;padding: 20px 0px;flex-wrap: wrap;}
	.loca-wz a{padding:5px;}
	#shownews1 table{max-width:100%;}
	
	
	footer#footer{display: none;}
}


@media screen and (max-width: 767px){
	.productShow .fr{display: none;}
	.box_cols{height:auto;}
	.box_cols ul li{padding-bottom: 1px;}
	.box_cols a{background: #efefef;padding: 0px 1.5rem;height: 3rem;line-height: 3rem;}
	.prod-item{margin-top: 3rem;}
	.prod-item#Section2{overflow-x: scroll;}
	.prod-td ul{flex-direction:column;}
	.prod-td ul li{width:100%;}
	.prod-td img{max-width:100%;}
	
	.prod-boxs main ul li{width:100%;height: auto;}
	
	.case-box{padding: 0px 1rem;}
	
	.clbz-talbe{overflow-x: scroll;}
	.clbz-li{width: 700px !important;}
	.news-box .clbz-down{padding: 2rem;}
}
@media screen and (max-width: 425px)
{
	.about-title h2{font-size:1.6rem;}
	.box_cols a{padding: 0px 1.2rem;}
}
@media screen and (max-width: 414px)
{

}
@media screen and (max-width: 375px)
{
	.about-title h2{font-size:1.5rem;}
	.about-section h4{font-size: 1.2rem;line-height: 1.8rem;}
	
	.box_cols a{padding: 0px 0.5rem;height: 3rem;line-height: 3rem;}
}
@media screen and (max-width: 320px)
{
	
}