@charset "UTF-8";
/* CSS Document */
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}


.al_right p{ font-size:14px; letter-spacing:1px;}
.menu_r{ text-align:center; margin-top:20px;}
.menu_r a{ font-size:14px; color:#114a92; display:inline-block; background:url(../images/wx_icon.png) no-repeat 6px center #3fa486; padding:5px 20px; color:#fff; padding-left:30px; border-radius:3px;}
.panel {display: none;width: 300px;overflow:auto;padding:5px; background-color: #fff;color: #144b8d;box-shadow: inset 0 0 5px 5px #fff; border-radius:0;}

/* 维修 */
.tit_wx{ border-bottom:1px solid #edecf2; text-align:center; position:relative;}
.tit_wx h4{ font-size:1.0rem; color:#000; margin-bottom:0px;}
.tit_wx h5{ font-size:0.8rem; color:#949494; margin-bottom:1rem;}
.tit_wx span{ position:absolute; left:0; right:0; margin:0 auto; bottom:-1px; display:inline-block; width:60px; height:3px; background:#1b4b7b;}

.wx_selcet1{ padding:1.2rem 0;}
.owl_carousel_cpzs{ padding-top:25px;}
.cpzs_item{ margin:0 10px; border:1px solid #eee; text-align:center;}
.cpzs_item .hover_colour{transition: all 0.5s ease-in-out;}
.cpzs_item:hover .hover_colour{animation-duration: 1.0s;animation-fill-mode: both;
    animation-name: zoomIn;}
.cpzs_wz{ text-align:center;}
.cpzs_wz a{ display:block;white-space: nowrap;text-overflow:ellipsis; overflow:hidden;background:rgba(27,75,123,0.8); color:#fff;padding:10px;transition: all 0.5s ease-in-out;}
.img-responsive{ display:block;}
.cpzs_item:hover .cpzs_wz a{ background:#EFEFEF; color:#000;}

.wx2_bottom{ padding:1.5rem 15px;}
.b-link-stripe{position: relative; height:0;display:block;}
.b-wrapper{position: absolute; width: 100%; height: 100%;top:0;left:0;text-align:center;color:#000;overflow:hidden;}
.b-wrapper:hover {background: rgba(0, 52, 105, 0.5);transition: all 0.5s linear;-moz-transition: all 0.5s linear;-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;-webkit-transition: all 0.5s linear;}	
.b-link-stripe:hover .b-animate{visibility:visible;right:0;}
.b-animate{transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;position:relative;visibility: hidden;font-size:14px;font-weight:700; color:#fff;top:35%; right:-100%;}
.b-link-stripe img{ width:100%;}
/*.wx2_bottom ul{display: -webkit-flex;justify-content: space-between;display: flex;flex-flow: row wrap;-webkit-flex-flow: row wrap;}*/
.wx2_bottom ul li{float:left;width:34%; margin:0 0.5%; overflow:hidden;}
.wx2_list .b-link-stripe{ padding-top:98%;}
.wx2_list img{ position:absolute;top:0;width: 100%;}
.wx2_bottom ul li.wx2_list1{ width:14%;}
.wx2_list1 .b-link-stripe{ padding-top:116%;}
.wx2_list1 img{ position:absolute;top:0;width: 100%; height:100%;}
.wx2_bottom ul li.wx2_list2{ width:29%; margin-top:1%;}
.wx2_list2 .b-link-stripe{ padding-top:55%;}
.wx2_list2 img{ position:absolute;top:0;width: 100%;}
.wx2_bottom ul li.wx2_list3{ width:34%;}
.wx2_list3 .b-link-stripe{ padding-top:47%;}
.wx2_list3 img{ position:absolute;top:0;width: 100%;}
.wx2_bottom ul li.wx2_list4{ margin-top:1%;}

.wx3_bottom{ padding:1.5rem 15px;}
.yyr_info{ background:rgba(0,52,105,0.8); color:#fff; padding:15px; line-height:20px; position:relative;}
.yyr_info:before{ content:""; position:absolute; top:-10px;border-style: solid;border-width: 0 10px 10px 10px;border-color:transparent transparent #486f99 transparent; display:block; left: 50%;-webkit-transform: translate(-50%,0);}
.yyr_info h5{ font-size:14px; margin:0; font-weight:bold;}
.yyr_info span{ font-weight:bold;}
.yyr_info p{margin-top:10px; max-height:40px; overflow:hidden;}
.peo_item{ margin:0 8px;}
.peo_item a{ display:block;}
.yyr_img{ position:relative; display:block; overflow:hidden;}
.yyr_imgmask {
    opacity: 0;
    visibility: hidden;
    background:rgba(0,0,0,0.6);
    top: 0%;
    position: absolute;
    width: 100%;
	height:100%;
    -webkit-transform: translate3d( 0px, 100%, 0px );
    -moz-transform: translate3d( 0px, 100%, 0px );
    -ms-transform: translate3d( 0px, 100%, 0px );
    -o-transform: translate3d( 0px, 100%, 0px );
    transform: translate3d( 0px, 100%, 0px );
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    text-align:center;
	color:#fff;
	padding-top:30%;
}
.peo_item a:hover .yyr_imgmask{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d( 0px, 0px, 0px );
    -moz-transform: translate3d( 0px, 0px, 0px );
    -ms-transform: translate3d( 0px, 0px, 0px );
    -o-transform: translate3d( 0px, 0px, 0px );
    transform: translate3d( 0px, 0px, 0px );
}
.peo_item a:hover .yyr_info{ background:rgba(0,52,105,0.6)}
.peo_item a:hover .yyr_info:before{border-color:transparent transparent #6584a8 transparent;}
.yyr_img img{transition: all 0.2s linear;}
.peo_item:hover .yyr_img img{transform: scale(1.1);}

@media (min-width: 769px){
.menu_r{ display:none;}
}
@media (max-width: 768px){
.ywtit_rightpc{ display:none;}
.gsywfl{ border-bottom:none; padding:0;}
.ywtit_rlist dl{ padding:15px;}
.ywtit_rlist dl dt{ display:block; float:none;}
.ywtit_rlist dl dd a{ width:49%; display:inline-block; margin:0; text-align:center; padding:5px 8px;}
.tit_wx h4,.tit_wx h5{ display:inline-block; color:#555;}
.wx1_bottom{ padding:0;}
.cpzs_item{ margin:0 5px;}
.owl_carousel_cpzs{ padding:25px 15px 0;}
.wx2_bottom ul li,.wx2_bottom ul li.wx2_list1,.wx2_bottom ul li.wx2_list2,.wx2_bottom ul li.wx2_list3,.wx2_bottom ul li.wx2_list4{ width:48%; margin:1%;}
.wx2_list .b-link-stripe,.wx2_list1 .b-link-stripe,.wx2_list2 .b-link-stripe,.wx2_list3 .b-link-stripe,.wx2_list4 .b-link-stripe{ padding-top:50%;}
.b-animate{ font-size:12px;}
.yyr_info h5{ font-size:13px;}
}
