@charset "utf-8";
/* CSS Document */
a:hover{
	text-decoration: none;
}
.kong{
	height: 60px;
}
.performance_title>h1{
	padding: 0;
}
.performance_title>p{
	font-size: 12px;
	color: #666;
	font-weight: bold;
}
.cloud_td_cont{
	margin-bottom: 30px;
}
.performance_box .item{
	border: 2px solid #eeeeee;
	padding: 30px;
}
.performance_box .item .img-block img{
	width: 102px;
	height: 102px;
}
.fadeInLeft{
	animation-name: fadeInLeft;
	-webkit-animation-name: fadeInLeft;
}
.animated{
	animation-duration: 1s;
	animation-fill-mode: both;
}
.transition {
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.hidden {
    visibility: hidden;
}
.performance_box .item:hover{
	border:2px solid #337ab7;
}
.performance_box .item:hover .img-block img{
	transform: rotate(360deg);
	transition: all 2s ease;
}
.performance_box .item h3{
	font-size: 16px;
	line-height: 30px;
    font-weight: bold;
	margin: 10px 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.performance_box .item p{
	line-height: 20px;
    font-size: 14px;
	text-align: justify;
	overflow: hidden;
	text-overflow: ellipsis;
	display: box;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	color: #666666;
}
.four_structure_box{
	height: 360px;
	width: 100%;
	background: url(../images/four_bg.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
    margin-bottom: 50px;
}
.block_cont{
    width: 100%;
    height: 210px;
    background-color: #eeeeee;
    border-radius: 10px;
    box-shadow: 0 3px 8px rgba(70,70,70,.4);
    padding: 10px;
    transition: 1s;
}
.four_cont_bg{
    width: 100%;
    height: 100%;
    background: url(../images/four_pic_bg.jpg) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    padding: 16px;
    position: relative;
}
.four_cont_bg .pro_img,
.four_cont_bg .pro_img img{
    width: 100%;
    height: 100%;
}
.four_cont_bg .shade{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    display: none;
    transition: 1s;
}

.four_cont_bg .four_cont{
    width: 90%;
    height: 90%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 6;
    padding-top: 20px;
    overflow: hidden;
    opacity: 0;
    transition: 1s;
}
.four_cont_bg .four_cont h2{
    font-size: 20px;
    font-weight: bold;
    color: #f2f2f2;
}
.four_cont_bg .four_cont .xhx{
    width: 100px;
    height: 2px;
    background-color: #fff;
    display: block;
    margin: 10px auto;
}
.four_cont_bg .four_cont p{
    font-size: 14px;
    line-height: 18px;
    text-align: justify;
    overflow: hidden;
	text-overflow: ellipsis;
	display: box;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
    color: #fcfcfc;
}
.block_cont:hover .four_cont_bg .pro_img{
    transform: scale(1.1);
    transition: 1s;
}
.block_cont:hover .four_cont_bg .shade{
    display: block;
}
.block_cont:hover .four_cont_bg .four_cont{
    opacity: 1;
}
.four_structure_box{
    padding-top: 30px;
}
.four_structure_box .performance_title{
    margin-bottom: 30px;
}

.related_products_box{
    margin-bottom: 30px;
}
.related_products_box .btn button{
    padding: 10px 30px;
    background-color: #0b4683;
    color: #f2f2f2;
    font-size: 16px;
    border-radius: 5px;
    outline: none;
    border: 1px solid #0b4683;
}
.related_products_box .btn button:hover{
    background-color: #d58508;
    border: 1px solid #d58508;
}
.related_products_box .btn button:active{
    background-color: #bf7707;
    border: 1px solid #ab6a06;
}
.related_products_cont .cont{
    width: 100%;
}

.related_products_cont .img_box{
	width: 100%;
	height: 200px;
	border: 1px solid #f2f2f2;
}
.cont .img_box img{
	width: 100%;
	height: 100%;
}
.related_products_cont .cont h2{
	font-size: 16px;
	line-height:36px;
	font-family: "微软雅黑";
	color: #444444;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.related_products_cont .cont:hover .img_box{
	border: 1px solid #1460a1;
}
.related_products_cont .cont:hover h2{
	background-color: #1460a1;
	color: #fcfcfc;
}
.related_products_cont .row>div{
	margin-bottom: 30px;
}
.engineer_box .col-md-2{
    width: 20%;
}
.working_principle{
    margin-bottom: 50px;
}
.principle_cont{
    height: auto;
}
.principle_cont .yl_pic {
    height: 350px;
}
.principle_cont .yl_pic img{
    height: 100%;
    width: 100%;
}
.principle_cont .yl_cont{
    padding-top: 20px;
}
.principle_cont .yl_cont>p{
    text-indent: 2em;
    line-height: 20px;
    font-size: 16px;
    margin-bottom: 10px; 
    color: #555555;
}
@media screen and (max-width: 768px) {	
  .principle_cont .yl_cont>p{
    text-indent: 0em;
    line-height: 20px;
    font-size: 16px;
    margin-bottom: 10px; 
    color: #555555;
  }
}
#myTab{
	padding: 10px 0 20px;
	border-bottom: 1px solid #cccccc;
}
.performance_box{
	margin-top: 20px;
}
.fm_img{
    border: 1px solid #ccc;
    padding: 5px;
}
.fm_img > img{
    width: 100%;
}
.fa_pro_show{
    padding: 30px 0 40px;
}
.fa_pro_show .product-info .product-info-txt > p{
    margin-bottom: 10px;
}
.fa_pro_show .product-info .parameter{
    margin-bottom: 30px;
}
.fm_xntd,
.fm_cpcs,
.fm_jgyl,
.fmzs{
    margin-top: 30px;
    padding-bottom: 30px;
}
.fmxntd_tableBox table tr{
    height: 100px;
}
.fmxntd_tableBox table tr th{
    width: 20%;
    font-size: 18px;
    color: #333;
    vertical-align: middle;
    text-align: center;
    padding: 0 30px;
    font-weight: 500;
}
.fmxntd_tableBox table tr td{
    font-size: 16px;
    color: #666;
    padding: 8px 20px;
    vertical-align: middle;
}
.fmxntd_tableBox .table-bordered {
    border: 1px solid #666;
}
.fmxntd_tableBox .table-bordered > thead > tr > th,
.fmxntd_tableBox .table-bordered > tbody > tr > th,
.fmxntd_tableBox .table-bordered > tfoot > tr > th,
.fmxntd_tableBox .table-bordered > thead > tr > td,
.fmxntd_tableBox .table-bordered > tbody > tr > td,
.fmxntd_tableBox .table-bordered > tfoot > tr > td {
    border: 1px solid #666;
}
.fmxntd_tableBox table tr:nth-child(odd){
    background-color: #eff0f3;
}
.fmxntd_tableBox table tr:nth-child(even){
    background-color: #d9dfeb;
}
.fmcpcs_tableBox table thead tr th{
    font-size: 18px;
    background-color: #d5e1ea;
    text-align: center;
}
.fmcpcs_tableBox table tbody tr td{
    text-align: center;
    color: #333;
}
.fmcpcs_tableBox table tr{
    height: 50px;
}
.fmcpcs_tableBox .table-bordered{
    border: 1px solid #999;
}
.fmcpcs_tableBox .table-bordered > thead > tr > th,
.fmcpcs_tableBox .table-bordered > tbody > tr > th,
.fmcpcs_tableBox .table-bordered > tfoot > tr > th,
.fmcpcs_tableBox .table-bordered > thead > tr > td,
.fmcpcs_tableBox .table-bordered > tbody > tr > td,
.fmcpcs_tableBox .table-bordered > tfoot > tr > td{
    border: 1px solid #999;
}

.fmjg_part{
    margin-bottom: 40px;
}
.fmjg_part > h2{
    height: 50px;
    line-height: 50px;
    background:-moz-linear-gradient(left, #008fd7, #1f509a);  
    background:-webkit-gradient(linear, left 0, right 0, from(#008fd7), to(#1f509a));  
    background:-o-linear-gradient(left, #008fd7, #1f509a); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008fd7', endColorstr='#1f509a', GradientType=1);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008fd7', endColorstr='#1f509a', GradientType=1);
    font-size: 18px;
    color: #fcfcfc;
    margin-bottom: 20px;
}
.fmjg_part > h2:before{
    content: " ";   
    display: inline-block;   
    width: 14px;   
    height: 14px;
    background-color: #fcfcfc;
    margin: -3px 6px 0 20px;  
    vertical-align: middle;
}
.fmjg_part .jgImg > img{
    width: 100%;
}
.fmzs_part .fmzsImg > img{
    width: 100%;
}
.fmzs_part > h5{
    font-size: 14px;
    color: #666;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 30px;
}
.fmzsImgBox .row > div{
    margin-bottom: 10px;
}
@media (max-width:1125px){
    .performance_box .item .img-block img{
        width: 80px;
        height: 80px;
    }
    .product_td_cont>div>div{
        margin-bottom: 20px;
    }
    .performance_box{
        margin-bottom: 30px;
    }
    .four_structure_box{
        height: 480px;
    }
    .four_structure_cont .col-xs-6{
        padding: 0 5px;
        margin-bottom: 20px;
    }
    .block_cont{
        height: 160px;
    }
    .four_cont_bg .four_cont{
        padding-top: 6px;
    }
    .four_cont_bg .four_cont h2{
        font-size: 16px;
    }
    .four_cont_bg .four_cont .xhx{
        width: 80px;
        margin: 8px auto;
    }
    .four_cont_bg .four_cont p{
        font-size: 12px;
        line-height: 16px;
        -webkit-line-clamp: 3;
    }
    .four_structure_box{
        margin-bottom: 30px;
    }
    .working_principle .performance_title {
        margin-bottom: 10px;
    }
    .working_principle .yl_cont{
        padding: 0 5px;
    }
    .working_principle .yl_cont p{
        font-size: 14px;
    }
    .working_principle .yl_cont p:last-child{
        display: none;
    }
    .working_principle{
        margin-bottom: 30px;
    }
    .related_products_cont .col-xs-6{
        padding: 0 5px;
    }
    .related_products_cont .img_box{
        height: 120px;
    }
    .related_products_cont .cont h2{
        font-size: 14px;
    }
    .related_products_box .btn button{
        padding: 6px 30px;
    }
    .engineer_box,
    .xd_spacing.last{
        /*display: none;*/
    }
    .engineer_box .col-xs-6{
        width: 50%;
    }
    .contrast_table thead tr th {
        font-size: 16px;
    }
    .contrast_table table tbody tr th h3 {
        font-size: 14px;
    }
    .contrast_table table tbody tr td {
        padding: 5px;
    }
    .introduce_box.our_ys_box{
        margin-bottom: 0;
    }
    .fa_pro_show{
        padding: 0 0 30px;
    }
    .fa_pro_show .product-info .parameter > div > i{
        margin-right: 0;
    }
    .fmxntd_tableBox table tr th,
    .fmcpcs_tableBox table thead tr th{
        font-size: 16px;
        padding: 0 10px;
    }
    .fmxntd_tableBox table tr td{
        font-size: 14px;
        padding: 8px 10px;
    }
    .fmjg_part > h2{
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        padding-right: 4px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .fmjg_part > h2:before{
        width: 10px;   
        height: 10px;
    }
    .fmzs_part > h5{
        font-size: 12px;
    }
    .fmzs{
        padding-bottom: 10px;
    }
}