@charset "utf-8";

.m_contents{position:relative;z-index:1}


.m_visual{width:100%;background:url("/images/11_science/main/main_visual.jpg") no-repeat center 0;height:220px;background-size:cover;}
.m_visual .visual_txt img{width:250px;padding:50px 0 0 10px}

.m_search{background-color:#3a54a9;padding:15px 10px 15px 10px;overflow:hidden;}
.m_search h2{color:#fff;background:url("/images/11_science/main/m_search_tit_bg.png") no-repeat left 0;background-size:40px;font-size:18px;font-weight:normal;padding:0 0 0 50px;margin:0 0 10px 0}
.m_search .stit{font-size:15px;}
.m_search .scolor{color:#fff79a;}

.m_search .m_search_wap{width:100%;margin:0 0 10px 0;overflow:hidden;}
.m_search .m_search_wap .inp_list01{border:none;height:40px;width:30%}
.m_search .m_search_wap .inp_list02{border:none;height:40px;width:47%}
.m_search .m_search_wap .inp_btn{float:right;background:#14293e;color:#fff;height:40px;width:20%}

.m_search .m_search_pbtn{text-align:center;font-size:20px;padding:15px 0;background:#ffd356;}
.m_search .m_search_pbtn a{color:#223757;font-weight:600}

.m_search .m_search_btn{}
.m_search .m_search_btn li{width:100%;text-align:center;display:block;background:#223757;padding:10px 0;margin:5px 0;font-size:20px;}
.m_search .m_search_btn li a{color:#fff;}
.m_search .m_search_btn li a span{display:block;font-size:13px;}


.m_banner{overflow:hidden;padding:30px 0}
.m_banner li{float:left;width:50%;text-align:center;display:inline-block;background-size:90px !important;}
.m_banner .tit{display:block;color:#344887;font-size:16px;font-weight:600;padding:100px 0 10px 0}
.m_banner .s_tit{display:none;}
.m_banner .m_ban01{background:url("/images/11_science/main/m_ban01.png") no-repeat center 0;}
.m_banner .m_ban02{background:url("/images/11_science/main/m_ban02.png") no-repeat center 0;}
.m_banner .m_ban03{background:url("/images/11_science/main/m_ban03.png") no-repeat center 0;}
.m_banner .m_ban04{background:url("/images/11_science/main/m_ban04.png") no-repeat center 0;}



.m_con_bbs{background:url("/images/11_science/main/m_con_bbs_bg.jpg") no-repeat center top #e6f5fa;overflow:hidden;}
.m_con_bbs h2{font-size:18px;color:#334889;}
.m_con_bbs .m_notice{background-color:#fff;box-shadow:1px 1px 3px 0 #888;padding:20px;margin:15px;position:relative;}
.m_con_bbs .more{position:absolute;top:15px;right:15px;}
.m_con_bbs .m_photo{overflow:hidden;background-color:#fff;box-shadow:1px 1px 3px 0 #888;padding:20px;margin:15px;position:relative;}

.m_con_bbs .m_notice ul{padding:20px 0 0 0}
.m_con_bbs .m_notice ul li{margin:0 0 20px 0;border-bottom:1px solid #d9d9d9;padding:0 0 20px 0}
.m_con_bbs .m_notice ul li.none{border:none;padding:0}
.m_con_bbs .m_notice ul li span{display:block;color:#132d81;padding:10px 0 0 0}

.m_con_bbs .m_photo ul{padding:20px 0 0 0;}
.m_con_bbs .m_photo ul li{padding:0 0 20px 0;width:100%;}
.m_con_bbs .m_photo ul li img{width:100%;text-align:center;}
.m_con_bbs .m_photo ul li span{display:block;padding:10px 0 0 0}



/* Tablet */
@media all and (min-width:768px) {

.m_visual{height:400px;}
.m_visual .visual_txt img{width:300px;padding:100px 0 0 50px}

.m_search h2{font-size:23px;background-size:53px;padding:4px 0 0 60px;}

.m_search{background:url("/images/11_science/main/m_search_bg.jpg") no-repeat left top #3a54a9;}
.m_search .m_search_wap{float:left;width:70%}

.m_search .m_search_pbtn{margin:0 0 10px 0}
.m_search .m_search_btn li{width:49%;float:left;margin:0 0 0 1%;}
.m_search .m_search_btn li:first-child{margin:0 1% 0 0;}

.m_banner li{width:24.8%;border-right:1px solid #d9d9d9;}
.m_banner .tit{display:block;color:#344887;font-size:16px;font-weight:600;padding:100px 0 10px 0}
.m_banner .s_tit{display:block;padding:0 10px;font-size:13px;word-break:keep-all}
.m_banner .m_ban04{border:none;}

.m_con_bbs .m_notice ul li{font-size:16px;}
.m_con_bbs .m_photo ul li{float:left;width:48%;margin:0 1%}


}


/* Desktop */
@media all and (min-width:1023px) {


.m_con_auto{width:1200px;margin:0 auto;}

.m_visual{height:520px;}
.m_visual .visual_txt img{width:auto;padding:113px 0 0 0}

.m_search{background:url("/images/11_science/main/m_search_bg.jpg") no-repeat center top #3a54a9;padding:40px 0;height:50px}
.m_search h2{float:left;width:300px;}
.m_search .m_search_wap{float:left;width:500px;font-size:16px}
.m_search .m_search_wap .inp_list01{height:50px;}
.m_search .m_search_wap .inp_list02{height:50px;}
.m_search .m_search_wap .inp_btn{height:50px;font-size:17px}

.m_search .m_search_pbtn{float:left;text-align:left;padding:20px 0 0 100px;width:150px;height:40px;background:url("/images/11_science/main/m_search_pbtn.png") no-repeat 40px center #ffd356}

.m_search .m_search_btn{float:right;width:550px;}
.m_search .m_search_btn li{width:250px;height:40px;}

.m_banner{overflow:hidden;padding:60px 0}
.m_banner li{background-size:150px !important;}
.m_banner .tit{font-size:24px;padding:180px 0 10px 0}
.m_banner .s_tit{font-size:15px;padding:0 30px;}



.m_con_bbs{background:url("/images/11_science/main/m_con_bbs_bg.jpg") no-repeat center top #cdd7da;padding:60px 0;overflow:hidden;}
.m_con_bbs h2{font-size:24px;color:#334889;}
.m_con_bbs .m_notice{background-color:#fff;box-shadow:1px 1px 3px 0 #888;float:left;width:220px;padding:40px;margin:0;height:300px;}
.m_con_bbs .m_notice ul li{margin:0 0 35px 0;border-bottom:1px solid #d9d9d9;padding:0 0 35px 0}
.m_con_bbs .m_notice ul li span{padding:30px 0 0 0}


.m_con_bbs .m_photo{background-color:#fff;box-shadow:1px 1px 3px 0 #888;float:right;width:770px;padding:40px;margin:0;height:300px;}

}