.main-navigation{position:relative; background: none;border-bottom: 1px solid #E2E2E2;}
.prod-info-box{widht:100%; display:flex; justify-content: space-between; overflow: hidden;}
.prod-info-box .prod-info-left{width:55%; display:flex; flex-direction: column; flex-shrink: 0;align-items: flex-start;}
.prod-info-box .prod-info-right{width:45%;display:flex; flex-direction: column; flex-shrink: 0;background-image: linear-gradient(0deg, #fff, #f5f5f5);}

.prod-info-left .prod-info__col{background-color:var(--color7); padding-left:5vw; padding-top:20px; padding-bottom:20px; padding-right:3rem; border-top-right-radius: 100px; border-bottom-right-radius: 100px; position: relative;margin-top:50px; color:#FFFFFF;font-family: "hwhm-b";}
.prod-info__col h1{text-transform: uppercase;margin: 0;}
.prod-info__col h5{line-height: 1;font-size:1.2rem;font-family: "hwhm-r";}
.prod-info-left .prod-info__col:after{position: absolute;
    background: #FFFFFF;
    border: 1px solid var(--color7);
    right: -6px;
    bottom: -7px;
    content: "";
    width: calc(100% + 6px);
    height: 100%;
    z-index: -1;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
}
.prod-info__wrapper{padding:3rem 5vw;}
.prod-info-titles{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: center;}
.titles-name{display: flex;    flex-direction: column;}
.titles-name h3{    font-size: 4rem;font-family: hwhm-b;}
.titles-name h5{font-size:1.5rem; font-weight: 300;font-family: Roboto; line-height: 1; text-transform: uppercase;}
.prod-info-model{border-left:2px solid var(--color7); margin-left:1rem; padding-left:1rem;}

.prod-info-cont{margin-top:0rem;}
.prod-info-cont dl{margin-top:2rem;width:100%; overflow: hidden;}
.prod-info-cont h5{font-size:1.3rem; font-family: "hwhm-b"; color:var(--color7); display:flex;align-items: center;height: 40px;}
.prod-info-cont h5:before{width:2px;height:100%; background: var(--color7); margin-right:0.8rem; content: "";}
.prod-info-c{padding-left: calc(2px + 0.8rem); margin-top: 2rem; overflow: hidden;}
.prod-info-c p{font-size:1rem; font-weight: 500; margin: 1rem 0px;font-family: 'hwhm-r';}

.prod-info-app{margin-top:3rem !important; width:100%; overflow: hidden;}
.prod-info-app .app-cont{display:flex; justify-content: space-between;margin-top:1rem;}
.prod-info-app img{padding:5px; max-width:100%;}


.prod-info-cs{}
.cs-item{margin:10px 0px; display:flex;align-items: center;}
.cs-item h5{ font-size:1rem; font-weight: bold; color:var(--color7);margin: 0px;}
.cs-item h6{font-size:1rem; font-weight: 500; color:#000000;margin: 0px;font-family: hwhm-r;}
.cs-item span{font-weight: 300; padding:0px 1rem;color:var(--color7);}

.prod-info-td{padding-top:3rem;}
.prod-info-td ul{display:flex;justify-content: space-between;}
.prod-info-td ul li{display:flex;margin: 0;}
.prod-info-td ul li em{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;}
.prod-info-td ul li > div{display:flex; flex-direction: column;justify-content: center;}
.prod-info-td ul li h3{font-size:20px; font-family: "hwhm-b"; margin: 0; line-height: 1;}
.prod-info-td ul li h5{font-size:12px; margin: 0;}

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(-90px);
}

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

.prod-list li h3 {
    position: relative;
    font-size: 24px;
    font-weight: bold;
    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%;}
}


@media screen and (max-width: 767px){
	.prod-list 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: 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; }
@media screen and (max-width: 1023px)
{
	table{word-break:unset;}
	.cont-parameters{overflow: scroll;}
	
	.prod-info-box{flex-direction: column;}
	.prod-info-box .prod-info-left{width:100%;}
	.prod-info-box .prod-info-right{width:100%;}
	.titles-name h3{font-size:2rem;}
	.prod-info-cont h5{background: var(--color7);color: #FFFFFF;display: inline-flex;width: auto;padding: 10px 50px;margin-top:1rem;}
	.prod-info-cont h5:before{display:none;}
	.prod-info-c{margin-top:0rem;padding-left:0px;}
}


@media screen and (max-width: 767px){
	.prod-info-td ul{flex-direction: column;}
	.prod-info-td ul li{margin-bottom:1rem;}
}
@media screen and (max-width: 425px)
{
	
}
@media screen and (max-width: 414px)
{

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