@charset "utf-8";
.m-main {background: #fff;padding: 10px !important;}
.m-shuangweibox1,.m-shuangweibox2{    border: 1px solid #ddd;padding: 20px 14px;}

/*wbwx*/
.m-wblf{/* margin-top: 32px;*/}
.m-wblf .u-tit{height: 50px; line-height: 50px; border-bottom: 1px solid #ddd; padding-left: 46px; font-size: 18px; font-weight: bold; color: #b80608; background: url(../images/page/icon-wb.png) left center no-repeat;}
.m-wbinfo h2{padding: 10px 0;  line-height: 30px; font-size: 16px; font-weight: bold; color: #b80608;}
/* .m-wbinfo li{float: left; margin: 5px 7px 0; width: 134px; height: 146px; text-align: center; overflow: hidden;}
.m-wbinfo li img{display: block; width: 100px; height: 100px; margin: 0 auto;}
.m-wbinfo li p{font-size: 14px; line-height: 20px; padding: 5px 0;} */
.m-wbinfo li{float: left;padding: 0 15px;text-align: center;width: 375px;border-radius: 10px;margin-top: 15px;height: 40px;line-height: 40px;background-color: #edf0f8;margin-left: 20px;font-size: 18px;color: #333;cursor: pointer;position: relative;z-index: 10;}
.wxwb_lmlist li.active {z-index: 201;}
.wxwb_lmlist li a.title {color: #333;display: block;line-height: 40px;}
.wxwb_lmlist li .ewmimg {display: none;width: 300px;height: 195px;border: 2px solid #039;border-radius: 10px;z-index: 999;background: #fff;position: absolute;padding-top: 5px;top: -195px;left: 50%;margin: 0 0 0 -152px;}
.wxwb_lmlist li .ewmimg h3 {font-size: 16px;height: 42px;line-height: 42px;overflow: hidden;text-align: center;}
.wxwb_lmlist li .imgbox {text-align: center;}
.wxwb_lmlist li .imgbox a {color: #333;display: inline-block;margin: 10px;width: 96px;line-height: 0;background: none !important;}
.wxwb_lmlist li .imgbox img {width: 96px;height: 96px;vertical-align: middle;margin: 0 !important;}
.wxwb_lmlist li .imgbox span {display: block;line-height: 34px;padding: 1px;vertical-align: middle;font-size: 16px;text-align: center;}
.wxwb_lmlist li.active>a {color: #333;background: url(../images/page/bt_arrow.png) center 0 no-repeat;}
.wxwb_lmlist li a.title:hover {color: #039;}
.wxwb_lmlist li a.title {color: #333;display: block;line-height: 40px;}
.wxwb_lmlist li.active .ewmimg {display: block;}


/*.g-wbinfo,.g-wxinfos{height: 302px;}*/
.m-wbiframe{ height: 620px;/* margin-top: 10px;*/}
.m-wxbox .u-tit{height: 50px; line-height: 50px; border-bottom: 1px solid #ddd; font-size: 18px; font-weight: bold; color: #b80608; padding-left: 46px; background: url(../images/page/icon-wx.png) left center no-repeat;}
.g-wxbox h2{padding: 10px 0;line-height: 30px; font-size: 16px; font-weight: bold; color: #b80608;}
.g-wxbox li{float: left; margin: 5px 7px 0; padding: 0 8px; width: 134px; height: 146px; text-align: center; overflow: hidden;}
.g-wxbox li img{display: block; width: 100px; height: 100px; margin: 0 auto;}
.g-wxbox li p{font-size: 14px; line-height: 20px; padding: 5px 0;}
/*large pcScreen*/
@media (min-width:1240px) {
/*.m-wblf{width: 780px;}
.m-wbiframe{width: 370px;}*/
}
/*medium pcScreen lg*/
@media screen and (max-width: 1240px) {

}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {


}
/*pad md*/
@media screen and (max-width: 991px ){

}
/*phone sm*/
@media screen and (max-width: 767px) {
    .m-wbinfo li{width: 100%;margin-left: 0;}

}