﻿.about_bar{width: 100%; height: 60px; line-height: 60px; background-color: #186cd1}
.about_bar_c{width:85%;height:60px;margin:0px auto 0px auto;}
.about_bar_c a{display:block;min-width:40px;height:40px;float:left;text-align:center;color:#ffffff;}
.about_bar_c a:hover{color:#ffa300}
.about_bar_c .active{color:#ffa300}

.about_jj{width: 45%; min-height: 375px; background-color: #ffffff; z-index: 999; position: relative; float: left; left: 0px; top: 40px; padding: 30px 40px 0px 40px;text-align:justify; }
.about_jj1{width: 60%; min-height: 450px; position: relative; z-index: 1; left: 40%; top: -35px; background-color: gray; background-image: url('/Content/XMSY/images/about_img0.jpg'); background-position: center; background-size: cover;}
.about_t_l{width:50%;height:300px;float:left; background-color:#000000;overflow:hidden}
.about_t_2{width:33%;height:300px;float:left;background-color:#000000;overflow:hidden}
.about_t_3{width:34%;height:300px;float:left;background-color:#000000;overflow:hidden}
.about_t_l img,.about_t_2 img,.about_t_3 img{width: 100%;height: 100%;object-fit: cover;transition: all 1s;display: block;opacity:0.5;filter:alpha(opacity=50);}
.about_t_l img:hover,.about_t_2 img:hover,.about_t_3 img:hover{opacity:1.0;filter:alpha(opacity=100);transform: scale(1.05)}


/*荣誉资质*/
.about_ry_left{width: 35%; min-height: 52vh; float:left;margin-top:20px;}
.about_ry_left1{width: 35%; min-height: 50px; float:left;}
.about_ry_right1{width: 65%; min-height: 50px; float:right;}
.about_ry_right1 p{min-height:50px;line-height:30px;width:95%;display:block;font-size:16px;}
.about_ry_left ul{width:100%;min-height:40vh;margin-top:8vh;display:block;}
.about_ry_left ul li{list-style: none;}
.about_ry_left ul li{letter-spacing:2px;line-height:30px;font-size:16px;}
.about_ry_left ul li b img{width:12px}
.about_ry_right{width: 65%; min-height: 52vh; float:right;}

/*.about_ry_right .about_ry_right_img{width:100%;height:200px;display:block;overflow:hidden;}*/
.about_ry_right .about_ry_right_img li{list-style: none;display:block;float:left;height:200px;max-width:35%;margin-right:10px; overflow:hidden;}
.about_ry_right .about_ry_right_img li img{width: 100%;height: 100%;object-fit: cover;transition: all 1s;display: block;}
.about_ry_right .about_ry_right_img li img:hover{transform: scale(1.05)}
.Box{width: 100%;height: 200px;overflow: hidden;margin-top:8vh;margin-bottom:2px;}
.Box .Box_con .conbox ul li{list-style: none;display:block;float:left;height:200px;max-width:35%;margin-right:10px; padding:0px 0px;}


@media (max-width:1200px) {
    .about_jj{width: 100%; min-height: 52vh; background-color: #ffffff; z-index: 1; position:relative; float:none; left: 0px; top: 0vh; padding: 10px 20px 20px 10px;text-align:justify; }
.about_jj1{width: 100%; min-height: 60vh; position:relative; z-index: 1; left: 0; top: 0px; background-image: url('/Content/XMSY/images/about_img0.jpg'); background-position: center; background-size: cover;clear:both;}
.about_t_l{width:100%;height:300px;float:left; background-color:#000000;overflow:hidden}
.about_t_2{width:100%;height:300px;float:left;background-color:#000000;overflow:hidden}
.about_t_3{width:100%;height:300px;float:left;background-color:#000000;overflow:hidden}
.about_t_l img,.about_t_2 img,.about_t_3 img{width: 100%;height: 100%;object-fit: cover;transition: all 1s;display: block;opacity:0.5;filter:alpha(opacity=50);}
.about_t_l img:hover,.about_t_2 img:hover,.about_t_3 img:hover{opacity:1.0;filter:alpha(opacity=100);transform: scale(1.05)}
/*资质*/

.about_ry_left{width: 100%; min-height: 30vh; float:left;}
.about_ry_left1{width: 100%; min-height: 50px; float:left;}
.about_ry_right1{width: 100%; min-height: 50px; float:right;}
.about_ry_right1 p{min-height:50px;line-height:25px;width:90%;display:block;}
.about_ry_left ul{width:100%;min-height:30vh;margin-top:2vh;display:block}
.about_ry_left ul li{list-style: none;}
.about_ry_left ul li{letter-spacing:2px;}
.about_ry_left ul li b img{width:12px}
.about_ry_right{width: 100%; min-height: 52vh; float:right;}

/*.about_ry_right .about_ry_right_img{width:100%;height:200px;display:block;overflow:hidden;}*/
.about_ry_right .about_ry_right_img li{list-style: none;display:block;float:left;height:200px;max-width:35%;margin-right:10px; overflow:hidden;}
.about_ry_right .about_ry_right_img li img{width: 100%;height: 100%;object-fit: cover;transition: all 1s;display: block;}
.about_ry_right .about_ry_right_img li img:hover{transform: scale(1.05)}
.Box{width: 100%;height: 200px;overflow: hidden;margin-top:8vh;margin-bottom:2px;}
.Box .Box_con .conbox ul li{list-style: none;display:block;float:left;height:200px;max-width:35%;margin-right:10px; padding:0px 0px;}

}

@media (max-width:991px) {

}

@media (max-width:767px) {

}

@media (max-width:640px) {

}

@media (max-width:460px) {
  
}
