.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(--color7);
    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{background:#FFFFFF;padding:3rem 0px;background:url("/static/images/bg1.jpg") no-repeat; background-size:cover;}
.prodshow_info h2{font-size:2.5rem; color:#000000;}
.prodshow_info .item_content{display:flex;justify-content: space-between;margin-top: 2.16rem;align-items: center;}
.prodshow_info .item_content .img{width:40%;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: center;color: #FFF;}
.prodshow_info .item_content .text h5{font-weight: 600;color: #FFFFFF;font-size: 1.1rem;}
.prodshow_info .item_content .text .item-info{color:#FFFFFF; font-weight: 300;font-size: 16px;line-height: 2;margin: 2rem 0px;}
.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: #FFFFFF;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_info.prodshow_list{padding:0px;background:#FFFFFF;border-top: 1px solid #F5F5F5;}
.prodshow_list .prodshow_list_cont1{background:#FFFFFF;padding:3rem 0px;background:url("/static/images/bg1.jpg") no-repeat; background-size:cover;}
.prodshow_list .prodshow_list_cont1 .item_content{margin:0px;}
.prodshow_list .prodshow_list_cont2{background:#fff; padding-bottom:4rem;padding-top: 5rem;}
.prodshow_list .text{color: #FFFFFF;}
.prodshow_list h3{font-size:42px; font-weight: bold;margin-bottom:15px;}
.prodshow_list .en{font-size: 20px;line-height: 26px;color: #FFFFFF;text-transform: uppercase;font-weight: 300;margin-bottom: 1rem;}
.prodshow_list .p {line-height: 30px;font-size: 16px;/*margin-top: 1rem;*/}
.prodshow_list .adv-items-02{width:100%;margin-top:2rem;}
.prodshow_list .adv-items-02 ul{display:flex;flex-wrap: wrap;}
.prodshow_list .adv-items-02 ul li{margin-right:2rem; color:#FFFFFF; font-size:1.1rem;}
.prodshow_list .adv-items-02 ul li em{font-family: "iconfont"; padding:10px; border-radius: 100%;border: 2px solid #FFF;margin-right: 0.5rem;background: #fff;color: var(--color7);}

.prodshow_list .item_lists{/*margin-top: 20px;border-top: 1px solid #eee;padding-top: 60px;*/}
.item_lists ul{}
.item_lists ul li{display:flex; flex-direction: column;background: #fff;margin: 10px;border: 1px solid #eee;}
.item_lists ul li .list-img{position:relative; padding-top:65%; width:100%; overflow: hidden;background:#FFFFFF;}
.list-img img{position:absolute;top: 0; left: 0;bottom: 0; right: 0; object-fit: cover; width:100%; height: 100%;padding: 20px;transition: 0.5s;}
/*.item_lists .list-img{width:100%; height: 200px; display: flex; justify-content: center; align-items: center; background: #FFF;}
.item_lists .list-img img{max-width:100%;}*/
.item_lists .list-text{padding:20px;text-align: center;}
.item_lists ul li:hover{box-shadow: 5px 5px 10px rgba(0,0,0,0.1); transition:0.3s;}
.item_lists ul li:hover .list-text{color:var(--color1);}
.item_lists ul li:hover img{transform: scale(1.05); transition: 0.3s;}
.item_lists .owl-nav{width:84vw; opacity:1;}
.item_lists .owl-nav>div{opacity: 1;}
.item_lists .owl-carousel .owl-nav > div:hover{opacity: 1;}
.item_lists .owl-prev{left:-75px; backgrouind:#efefef;}
.item_lists .owl-next{right:-75px; backgrouind:#efefef;}
.item_lists .owl-nav i{background: #ccc;color: #fff;}
.item_lists  .owl-carousel .owl-nav i:hover{background:var(--color1);}

.contact-box{padding:100px 0px;background-attachment: fixed;background-size: cover;background-position:top;}
.contact-box .contact-box-wrap{margin-left: 3rem;display: flex;flex-direction: column;align-items: center;}
.contact-box-wrap h3{margin-bottom:1rem; font-weight: bold;}
.contact-box-wrap p{font-size:20px;}
.contact-box-wrap .btn1{margin-top:3rem;}
.contact-box-wrap  .btn1 a{background:var(--color7);}

.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;
    margin-top: 10px;
	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: #1fa29a;cursor: pointer;}
.box_cols li.active a{background: #1fa29a;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 url(/static/images/bg5.png) right top no-repeat;min-height: 500px;}
.prod-item h3{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;}
.prod-item.active{display:block;}
.prod-item img{max-width:100%;}


.item-table{}
.item-table__c{display:flex;margin-bottom:2px;}
.item-table__t{display:flex;background-color:var(--color7);color:#FFFFFF; flex:2; margin-right:2px;justify-content: flex-end;padding: 20px;padding-right: 3rem;}
.item-table__d{display:flex; flex:4; background-color:var(--light-line-color);color:#333;padding: 20px;padding-left: 3rem;}

.prod-background{}
.prod-background p{background-color:var(--color7);color:#FFFFFF; padding:1.7rem 0px; text-align: center;margin:1rem 0px;}



.prod-item-list2{}
.prod-item-list2 ul{width:100%; margin: 0; padding: 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
.prod-item-list2 ul li{width:calc((100% / 3) - 40px); margin:20px 0px;display:flex; background:#2d9789; color:#FFFFFF; padding:3rem;}
.prod-item-list2 ul li:nth-child(3n+1){background: var(--cyan);background: var(--color7);}
.prod-item-list2 ul li:nth-child(3n+2){background: var(--color7);background: #4ca2a1;}

.prod-p-icon{}
.prod-p-icon p{font-size:1rem; font-weight: 500; line-height: 2; display:flex;justify-content: flex-start; margin-bottom:1rem;}
.prod-p-icon p::before{content:"\e647" ;font-size:1rem;font-family: "iconfont"; margin-right:10px;}

.prod-item-list3{}
.prod-item-list3 ul{width:100%; margin: 0; padding: 0; display: flex; justify-content: space-between; align-items: flex-start;flex-wrap: wrap;}
.prod-item-list3 ul li{width:calc(50% - 50px); margin:25px 0px;display:flex; flex-direction: column;}
.prod-item-list3 ul li h5{font-size:1.6rem; font-weight: bold; color:var(--color1); margin-bottom:1rem; display:flex;align-items: center; }
.prod-item-list3 ul li h5:before{content:"\e647" ;font-size:2rem; color:var(--color1); font-family: "iconfont";}
.prod-item-list3 ul li p{font-size:1rem; font-weight: 500; line-height: 2;}

.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-list{width:100%;}
.prod-item-list ul{width:100%;display: flex;
    flex-wrap: wrap;
    justify-content: space-between; margin-top:1rem;}
.prod-item-list ul li{width:calc(50% - 20px); float: left; display: flex; align-items: center;flex-direction: row;color:var(--color1);margin-bottom:3rem;}
.prod-item-list ul li em{width:110px; height: 110px; display: flex; justify-content: center; align-items: center; background-color: transparent; border:2px solid var(--color1); font-size:2.6rem;border-radius: 100px; margin-right:1rem;font-family: "iconfont"; color:var(--color1);flex-shrink: 0;}
.prod-item-list ul li .innerbox{display:flex; flex-direction: column; flex: 1;}
.prod-item-list ul li .innerbox h5{font-size:1.5rem; font-weight: bold;color: var(--color1);margin-bottom: 10px; font-weight: bold;}
.prod-item-list ul li .innerbox p{font-size:16px; font-weight: 500; color:var(--color1);}
.prod-item-list ul li:last-child:nth-child(2n+1){/*margin-bottom:0px;*/}


.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(--color7); 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(--color7)  !important;color: #fff;*/}
.prod-item table tr.firstRow{background:var(--color7);}
.prod-item table tr.active{background:#47a5d8; color:#FFFFFF;}
.prod-item table tr.active td{background:#47a5d8 !important; color:#FFFFFF;}

.prod-item.prod-table1 table tr.firstRow{background:transparent;}

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







.pageback{margin-bottom: auto;text-align: center;margin-top: 2rem;width: 100%;overflow: hidden;}
.pageback a{background: var(--color1);color: #FFFFFF;padding: 1rem 50px;font-size: 1rem;line-height: 2;}

@media screen and (max-width: 1024px)
{
	.prod-item-list2 ul li{width:calc((100% / 2) - 40px)}
	.prod-item-list3 ul li{width:100%;}
}
@media screen and (max-width: 767px)
{
	.prod-item-list2 ul li{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: 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;}



/*============================================
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%;}*/
}

@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: 360px)
{
	
}

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


.prod-case{ border-top:1px solid #f5f5f5; padding-top:80px; padding-bottom: 80px;margin-top: 0px;background: url(/static/images/bg4.jpg) right top no-repeat;}
.prod-case ul{width:100%;}
.prod-case ul{display:flex; justify-content: space-between; flex-wrap: wrap;}
.prod-case ul li{width:calc((100% / 4) - 3rem); margin:10px; border:1px solid #eee}
.prod-case ul li img{max-width:100%; transition:0.3s;}
.prod-case ul li p{text-align: center; padding:1rem;}
.figure-caption{padding:1rem 0px;}
.prod-case ul li:hover{box-shadow: 0px 0px 15px rgba(0,0,0,0.1); transition:0.3s;}
.prod-case ul li:hover .figure-caption{color:var(--color1);}
.prod-case ul li:hover img{transform: scale(1.05); transition: 0.3s;}
.prod-case ul li:last-child:nth-child(4n - 1){margin-right:calc(((100% / 4) + 1.5rem - 5px) * 1)}
.prod-case ul li:last-child:nth-child(4n - 2){margin-right:calc(((100% / 4) + 1rem - 2px) * 2)}

.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)}

.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;}
.prodshow_info .text .mores .btn1 a{border-radius: 0px;display:flex;align-items: center;justify-content: center;    padding: 5px 35px;margin-right:2px;    background: #FFFFFF; overflow: hidden; color:var(--color7); transition: 0.3s;}
.prodshow_info .text .mores .btn1 a::before {border-radius: 0px;color:#FFFFFF;background: var(--color7);}
.prodshow_info .text .mores .btn1 a:hover{color:#FFFFFF;}
.prodshow_info .text .mores .btn1 a:hover::before {border-radius: 0px;color:#FFFFFF;background: var(--color4);}

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

.main-boxs.solutions{display: flex;}
.solutions-cpjs-box{display:flex;flex-direction: column;}
.solutions-cpjs{padding:4.27vw 5vw 5.2vw 10vw;margin-bottom: 2rem;}
.solutions-cpjs:nth-child(2n){background-color: #F8F8F8;}
.solutions-cpjs:nth-child(2n) .top{flex-direction: row;}
.solutions-cpjs .top{display: flex;justify-content: space-between;flex-direction: row-reverse;}
.sl_con .right .box3 .top{flex-flow:row-reverse;}
.solutions-cpjs .top .txt{width: 43%;margin: auto;}
.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: var(--color1);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 .top ul{display: flex;justify-content: flex-start;flex-wrap: wrap;flex-direction: row;}
.solutions-cpjs .top ul li{width:160px; height: 180px; margin: 0;margin-right:2px; border:2px solid #f5f5f5; display:flex; justify-content: center; align-items: center; transition: 0.3s;}
.solutions-cpjs .top ul li p{font-size:13px;text-align: center;padding: 5px;font-weight: 500;}
.solutions-cpjs .top ul li img{max-width:100%;}
.solutions-cpjs .top ul li a{font-size: 5rem;font-weight: 300;font-family: sans-serif;color:var(--color1);}
.solutions-cpjs .top ul li:hover{border-color:var(--color1);}
.prod-more:hover{background:var(--color1); color:#ffffff;transition: 0.3s;}
.prod-more:hover a{color:#ffffff !important;}
.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:var(--color1);}
.solutions-cpjs .bottom ul li h5{font-size: 22px;line-height: 30px;color: #000000;margin-bottom: 0.5vw; color:var(--color1);}
.solutions-cpjs .bottom ul li p{line-height: 24px;color: #333333;font-size:16px;}
.solutions-cpjs .btn1 a{background:transparent; overflow: hidden;border: 1px solid var(--color1); color:var(--color1); transition: 0.3s;}
.solutions-cpjs .btn1 a:before{background:var(--color7);border: 1px solid var(--color7); color:#FFFFFF;}
.solutions-cpjs .btn1:hover a{color:#FFFFFF; border: 1px solid var(--color7); }
.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 5vw 5.2vw 10vw;margin-bottom: 2rem;}}
@media screen and (max-width: 1440px){.solutions-cpjs{padding:4.27vw 2vw 5.2vw 12vw;margin-bottom: 2rem;}}
@media screen and (max-width: 1366px){.solutions-cpjs{padding:4.27vw 1vw 5.2vw 12vw;margin-bottom: 2rem;}}


.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: 160px;
}

.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: var(--color1);
    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: 16px;
    color: var(--color1);
}

.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: var(--color1);
    transition: all .3s;
}

@media screen and (max-width: 1023px){
	.mc_aside_navbox{display:none;}
}


@media screen and (max-width: 1023px)
{
	aside{display:none;}
	main{width:100%;}
	.solution-m-t{display:none;}
	.solutions-cpjs{width:100%; margin: auto; padding:3vw 5vw;}
	.solutions-cpjs .solution-m-t{padding-bottom: 3rem;display: block;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; margin-bottom:1rem;}
	.solutions-cpjs .bottom ul{width: 100%;display: flex;justify-content: flex-start;flex-direction: row;flex-wrap: wrap;}
	.solutions-cpjs .bottom ul li{width:47%;align-items: center;margin-bottom: 2rem;margin-top: 0px;}
	.solutions-cpjs .bottom ul li em{font-size: 22.5vw;}
	.solutions-cpjs .bottom ul li p{text-align: left; padding:0px;}
	.solutions-cpjs .bottom ul li h5{padding-bottom: 1rem;}
	.solutions-cpjs .bottom ul li:last-child{margin-right:auto;}
	/*.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{padding-bottom: 3rem;justify-content: center;}
	
	.solutions-cpjs:nth-child(2n) .top{flex-direction: column-reverse;}
}


@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)
{
	
}




@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;}
	
	
	.prodshow_info{padding-top:1rem;padding-bottom: 1rem;}
	.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;max-width:100%;}
	.prodshow_info .text .mores{flex-wrap: wrap;}
	.prodshow_info .item_content .text .btn1{margin-bottom: 20px;}
	.prodshow_cont .wrap{width:100%;}
	.prod-items{margin:0px;padding:0px;}
	
	.prodshow_list .adv-items-02{}
	.prodshow_list .adv-items-02 ul li{margin-bottom: 2rem;}
	.prodshow_list .prodshow_list_cont1{padding-bottom:0px;}
	
	.prod-item-list ul{flex-direction:column;}
	.prod-item-list ul li{width:100%;}
	
	
	
	.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%;}
}


@media screen and (max-width: 767px){
	.prodshow_info .wrap{padding:0px 5%;}
	.prodshow_cont .wrap{padding:0px 5%;}
	.prod-case .wrap{padding:0px 5%;padding-top:5rem;}
	.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-items{padding:0px 1rem;}
	
	.prod-boxs main ul li{width:100%;height: auto;}
	
	.prod-case ul{justify-content: flex-start;}
	.prod-case ul li{float:left; width:calc((100% / 3) - 20px);}
	
	.contact-box .contact-box-wrap{padding:0px 5vw;margin:auto;width:100%;}
	
	
	.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: 430px)
{
	.about-title h2{font-size:1.6rem;}
	.box_cols a{padding: 0px 1.2rem;}
	
	.prod-case ul li{float:left; width:calc((100% / 2) - 20px);}
}
@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)
{
	
}