/* CSS Document */

.main_right_l_index_pic1{ display:block; float:left}
.main_right_l_index_pic2{ display:block; float:right}
.main_right_l_index_pic3{ display:block; float:left}
.main_right_l_index_pic4{ display:block; float:left}
.main_right_l_index_pic1 img{}
.main_right_l_index_pic2 img{}
.main_right_l_index_pic3 img{}
.main_right_l_index_pic4 img{}

.main_right_l_l{ }
.main_right_l_l dl{}
.main_right_l_l dl dt{ border-radius:5px; color:#FFFFFF}
.main_right_l_l dl dt a{ color:#FFFFFF}
.main_right_l_l dl dd{ display:block; float:left; text-align:center; position:relative}
.main_right_l_l dl dd img{ margin-bottom:5px}
.main_right_allclass_hover{ height:100px; width:94%; z-index:88; position:absolute; background:#000000;background:#000; filter:alpha(opacity:50); opacity:0.5;  -moz-opacity:0.5;-khtml-opacity: 0.5; display:none; left:3%}
.main_right_l_l dl dd:hover .main_right_allclass_hover{ display:block}
.main_right_l_t{ background:url(../images/class_t_bg.jpg) repeat-x; }

/*1920ÏñËصÄÑùʽ*/
.main_right_index{width:100%;}
.main_right_index .index_banner img{width:100%;}

.pic_jianxi{ height:30px; width:100%}
.main_right_l_index_pic1{width:56%;}
.main_right_l_index_pic2{  width:42%;}
.main_right_l_index_pic3_l{ width:48%; float:left}
.main_right_l_index_pic3_r{ width:48%; float:right}
.main_right_l_index_pic4_l{width:33%; float:left; text-align:left}
.main_right_l_index_pic4_m{width:34%; float:left; text-align:center}
.main_right_l_index_pic4_r{width:33%; float:right; text-align:right}
.main_right_l_index_pic1 img,.main_right_l_index_pic2 img,.main_right_l_index_pic3_l img,.main_right_l_index_pic3_r img{ width:100%}
.main_right_l_index_pic4_l img,.main_right_l_index_pic4_m img,.main_right_l_index_pic4_r img{ width:95%}

.main_right_l_index_pic1 { position:relative}
.main_right_l_index_pic2 { position:relative}
.main_right_l_index_pic3_l { position:relative}
.main_right_l_index_pic3_r { position:relative}
.main_right_l_index_pic4_l { position:relative}
.main_right_l_index_pic4_m { position:relative}
.main_right_l_index_pic4_r { position:relative}

.mengban{ width:100%; height:100%; position:absolute; left:0; top:0; background:#000000; display:none;filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;}
.main_right_l_index_pic1:hover .mengban{ display:block}
.main_right_l_index_pic2:hover .mengban{ display:block}
.main_right_l_index_pic3_l:hover .mengban{ display:block}
.main_right_l_index_pic3_r:hover .mengban{ display:block}
.main_right_l_index_pic4_l:hover .mengban{ display:block; width:95%}
.main_right_l_index_pic4_m:hover .mengban{ display:block; width:95%; left:2.5%}
.main_right_l_index_pic4_r:hover .mengban{ display:block; width:95%; left:5%}

.main_right_l_l{ margin-top:30px}
.main_right_l_l dl{}
.main_right_l_l dl dt{ margin-top:30px; margin-bottom:18px; height:45px; line-height:45px; font-size:18px; padding-left:15px}
.main_right_l_l dl dt img{ border-radius:18px; width:36px; height:36px; margin-right:15px}
.main_right_l_l dl dd{width:20%; text-align:center}
.main_right_l_l dl dd img{ width:95%; height:auto}

@media (max-width: 1440px) {

.main_right_index .index_banner img{width:100%;}
.main_right_l_index_pic1{width:56%;}
.main_right_l_index_pic2{  width:42%;}
.main_right_l_index_pic3{}
.main_right_l_index_pic4{}


.pic_jianxi{ height:20px; width:100%}
.main_right_l_l{ margin-top:20px}
.main_right_l_l dl{}
.main_right_l_l dl dt{ margin-top:28px; margin-bottom:16px; height:40px; line-height:40px; font-size:16px; padding-left:12px}
.main_right_l_l dl dt img{ border-radius:16px; width:32px; height:32px; margin-right:12px}
.main_right_l_l dl dd{width:20%; text-align:center}
.main_right_l_l dl dd img{ width:95%; height:auto}
}