@charset "utf-8";
/* CSS Document */
/*common begin*/
*{padding:0;margin:0;font-family:"微软雅黑"; border-image:none;}
li,ul,dl,dt,dd,ol,ul{list-style:none; text-decoration:none;}
li{float:left;}
a{text-decoration:none; color:none;}
img{ border:0; text-decoration:none;}
h1, h2, h3, h4, h5, h6{font-size: 100%; font-weight: normal;}
u,b{ font-weight:normal; text-decoration:none;}
.clear{ clear:both;}
#selected{ color:#f88d2f;}

/*header*/
.header_box{width:100%; height:88px; background:#00134d;  border-bottom:1px #fa902c solid; overflow:hidden; margin:auto;}
.logo_box img{ float:left;}
.header_a{width:960px; height:88px; margin:auto;}
.header_right{width:400px; float:right; margin-top:20px;}
.header_right a{display:block; width:auto; padding:5px 10px; float:right; background:#020f3b; font-size:14px; color:#e5eef1;}
#on{background:#152762;}
.header_box p{float:right; margin-top:0px; font-size:12px; margin-top:12px;color:#ccd6df; }

.header_main{width:100%; height:44px; margin:auto; background:#011140; }
.header_main ul{display:block; width:960px; margin:auto;}
.header_main ul li a{display:block; float:left; width:auto; padding:0 30px; font-size:16px; color:#e5eef1; line-height:44px; text-align:center;}
.header_main ul li a:hover{color:#f88d2f;}

/*about*/
.main{width:100%; height:auto; background:url(http://ibi.zju.edu.cn/IBMBL/images/bag.png) no-repeat center; margin:auto; padding-bottom:50px;}

.about_main{width:960px; padding:40px 0 60px; margin:auto; height:auto;}
.about_main img{width:234px; height:352px; float:left;}
.about_right{width:700px; height:auto; float:right; }
.about_right h1{display:block; width:700px; float:right; font-size:20px; color:#00134d; font-weight:600;}
.about_right h2{display:block; width:700px; font-size:16px; color:#00134d; font-weight: lighter; line-height:30px;}
.about_right p{display:block; width:700px; font-size:14px; color:#666; font-weight:lighter; margin-top:5px; line-height:30px;}
/***** 提示搜索 *****/
#message            { width:225px; height:30px; float:right; margin-top:6px; overflow:hidden;} 
#message li         { float:left; height:30px; line-height:30px;}
#message li.ipt     { width:180px;}
#message li.ipt .keyword{ background:url(http://ibi.zju.edu.cn/IBMBL/images/ss_bj.jpg) left top no-repeat; color:#b3b3b3; width:190px; height:30px; line-height:30px; border:none; padding-left:7px;  margin-top:3px; outline:none;}
#message li.btn     { width:37px; margin-top:3px; margin-left:5px;}
#message li.btn02   { width:65px; margin-top:3px;}
.bb{width:100%; height:8px; margin:auto; background:url(http://ibi.zju.edu.cn/IBMBL/images/bag_a.png); margin-top:40px;}

.main_list{width:960px; height:auto; margin:36px auto 0; cursor:pointer;}

#list1{display:block; width:220px; height:225px; float:left; margin-right:190px; padding:20px;}
#list2{display:block; width:220px; float:left; padding:20px 20px;}
#list3{display:block; width:220px; float:right; padding:20px 20px;}
#list1:hover{display:block; width:216px; height:221px; float:left; margin-right:90px; padding:20px; border:2px #f88d2f solid;}
#list2:hover{display:block; width:216px; height:221px; float:left; margin-right:90px; padding:20px; border:2px #f88d2f solid;}
#list3:hover{display:block; width:216px; height:221px; float:right; padding:20px 20px; border:2px #f88d2f solid;}
#list1 span{display:block; width:96px; height:96px; background:url(http://ibi.zju.edu.cn/IBMBL/images/icon1.png) no-repeat center; margin:auto;}
#list2 span{display:block; width:96px; height:96px; background:url(http://ibi.zju.edu.cn/IBMBL/images/icon2.png) no-repeat center; margin:auto;}
#list3 span{display:block; width:96px; height:96px; background:url(http://ibi.zju.edu.cn/IBMBL/images/icon3.png) no-repeat center; margin:auto;}

#list1 h1{display:block; width:100%; text-align:center; margin-top:20px; font-size:22px; color:#14557d; line-height:22px; font-weight:bold;}
#list1 h2{display:block; width:100%; text-align:center; margin-top:20px; font-size:16px; color:#7a87b2; line-height:22px; font-weight:bold; margin-top:10px;}
#list2 h1{display:block; width:100%; text-align:center; margin-top:20px; font-size:22px; color:#f88d2f; line-height:22px; font-weight:bold;}
#list2 h2{display:block; width:100%; text-align:center; margin-top:20px; font-size:16px; color:#7a87b2; line-height:22px; font-weight:bold; margin-top:10px;}
#list3 h1{display:block; width:100%; text-align:center; margin-top:20px; font-size:22px; color:#783535; line-height:22px; font-weight:bold;}
#list3 h2{display:block; width:100%; text-align:center; margin-top:20px; font-size:16px; color:#7a87b2; line-height:22px; font-weight:bold; margin-top:10px;}

#listA{display:block; width:220px; height:85px; float:left; margin-right:90px; padding:20px;}
#listB{display:block; width:220px; float:left; padding:20px 20px;}
#listC{display:block; width:220px; float:right; padding:20px 20px;}
#listA:hover{display:block; width:216px; height:81px; float:left; margin-right:90px; padding:20px; border:2px #f88d2f solid;}
#listB:hover{display:block; width:216px; height:81px; float:left; margin-right:90px; padding:20px; border:2px #f88d2f solid;}
#listC:hover{display:block; width:216px; height:81px; float:right; padding:20px 20px; border:2px #f88d2f solid;}
#listA span{display:block; width:96px; height:36px; margin:auto;}
#listB span{display:block; width:96px; height:36px; margin:auto;}
#listC span{display:block; width:96px; height:36px; margin:auto;}

#listA h1{display:block; width:100%; text-align:center; margin-top:20px; font-size:22px; color:#14557d; line-height:22px; font-weight:bold;}
#listA h2{display:block; width:100%; text-align:center; margin-top:20px; font-size:16px; color:#7a87b2; line-height:22px; font-weight:bold; margin-top:10px;}
#listB h1{display:block; width:100%; text-align:center; margin-top:20px; font-size:22px; color:#f88d2f; line-height:22px; font-weight:bold;}
#listB h2{display:block; width:100%; text-align:center; margin-top:20px; font-size:16px; color:#7a87b2; line-height:22px; font-weight:bold; margin-top:10px;}
#listC h1{display:block; width:100%; text-align:center; margin-top:20px; font-size:22px; color:#783535; line-height:22px; font-weight:bold;}
#listC h2{display:block; width:100%; text-align:center; margin-top:20px; font-size:16px; color:#7a87b2; line-height:22px; font-weight:bold; margin-top:10px;}

/*footer*/
.footer_box{width:100%; height:auto; margin:auto; background:#0e1848; padding:50px 0 30px; }
.footer_main{width:960px; height:auto; margin:auto;}

.footer_left{width:650px; float:left;}
.footer_left h1{font-size:16px; color:#e5eef1; border-left:4px #e5eef1 solid; padding-left:10px; height:15px; line-height:15px;}
.footer_left h2{font-size:14px; color:#f88d2f; padding-left:10px; height:15px; line-height:15px; font-weight:bold; margin-top:20px;}
.footer_left ul{display:block; float:left; width:320px;}
.footer_left ul li a{display:block; float:left; width:140px; margin-left:10px; font-size:14px; color:#e5eef1; margin-top:5px; line-height:18px;}
.footer_left ul li a:hover{ color:#f88d2f;}

.footer_right{width:300px; float:right;}
.footer_right h1{font-size:16px; color:#e5eef1; border-left:4px #e5eef1 solid; padding-left:10px; height:15px; line-height:15px; margin-bottom:10px;}
.footer_right ul li a{display:block; float:left; width:115px; margin-right:10px; font-size:14px; color:#e5eef1; margin-top:5px; line-height:18px; background:#f00; 
                      background:url(http://ibi.zju.edu.cn/IBMBL/images/footer_icon.png) no-repeat left; padding-left:25px; margin-top:10px;}
.footer_right ul li a:hover{ color:#f88d2f; background:url(http://ibi.zju.edu.cn/IBMBL/images/footer_icon_a.png) no-repeat left;}
.footer_b{width:100%; height:40px; background:#011140; font-size:14px; color:#949ebc; text-align:center; line-height:40px;}
.footer_b a{ color:#949ebc; margin-left:20px;}
.footer_b a:hover{ color:#f88d2f;}

/*分析工具与服务*/
.sever_main{width:960px; margin:auto; padding-top:40px;}
.sever_left{width:315px; height:240px; padding:30px 0; float:left; border:1px #ecf3fc solid; background:#fff;}
.title h1{font-size:16px; color:#011140; text-align:center; margin-top:5px; font-weight:bold;}
.title b{display:block; width:24px; height:2px; margin:auto; background:#011140; margin-top:10px; margin-bottom:20px;}
.title img{display:block; width:44px; height:43px; text-align:center; margin:auto;}
.title a{display:block; text-align:center; font-size:14px; color:#0e1848; font-weight:bold; text-decoration:underline; background:url(http://ibi.zju.edu.cn/IBMBL/images/icon4.png) no-repeat center; padding-bottom:40px;}
.title a:hover{ color:#f88d2f;}

.sever_right{width:612px; height:240px; padding:30px 0; float:right;  border:1px #ecf3fc solid; background:#fff;}
.sever_nn{width:252px; float:left; height:205px; border-right:1px #ecf3fc solid;}
.sever_nn p{ width:188px; margin:auto; text-align:center; font-size:14px; color:#0e1848; font-weight:lighter;}
.sterkf{width:300px; float:right; margin-right:30px; padding-top:20px;}
.sterkf h1{display:block; width:300px; margin:auto; text-align:center; font-size:14px; color:#0e1848; font-weight:bold; margin-bottom:10px;}
.sterkf p{display:block; width:300px; margin:auto; text-align:center; font-size:14px; color:#0e1848; margin-bottom:40px;}

/*研究方向*/
.list_box{width:960px; margin:auto; padding-bottom:50px;}
.list_box h1{ font-size:24px; color:#0f1948; text-align:center; font-weight:bold; margin-top:30px;}
.list_box h2{ font-size:14px; color:#0f1948; text-align:center; font-weight:lighter; margin-top:5px; margin-bottom:30px;}

.list_main_a{width:470px; height:140px; float:left; background:#21668f; margin-bottom:20px;}
.list_main_b{width:470px; height:140px; float:left; background:#21668f; margin-bottom:20px;}
.list_main_c{width:470px; height:140px; float:left; background:#21668f; margin-bottom:20px;}
.list_main img{ display:block; width:140px; height:140px; float:left;}
.list_main h3{display:block; width:50%; float:left; margin-left:15px; font-size:16px; color:#fff; font-weight:bold; margin-top:18px;}
.list_main h4{display:block; width:50%; float:left; margin-left:15px; font-size:16px; color:#fff; margin-top:5px;}
.list_main d{display:block; width:90px; height:26px; float:left; margin-left:15px; background:url(http://ibi.zju.edu.cn/IBMBL/images/img4.png) no-repeat left; margin-top:30px; font-size:14px; color:#21668f; text-align:center; line-height:26px;}
.list_main d:hover{width:90px; height:26px; background:url(http://ibi.zju.edu.cn/IBMBL/images/img4_a.png) no-repeat left; color:#fff;}

.list_main_e{width:470px; height:140px; float:right; background:#f88d2f; margin-bottom:20px;}
.list_main_e a{display:block; width:90px; height:26px; float:left; margin-left:15px; background:url(http://ibi.zju.edu.cn/IBMBL/images/img4.png) no-repeat left; margin-top:30px; font-size:14px; color:#f88d2f; text-align:center; line-height:26px;}

.list_main_a{width:1100px; height:140px; float:left; background:#21668f no-repeat center;}
.list_main_a a{display:block; width:90px; height:26px; float:left; margin-left:-280px; background:url(http://ibi.zju.edu.cn/IBMBL/images/img4.png) no-repeat left; margin-top:50px; font-size:14px; color:#843a3a; text-align:center; line-height:26px;}

.list_main_b{width:1100px; height:140px; float:left; background:#f88d2f no-repeat center;}
.list_main_b a{display:block; width:90px; height:26px; float:left; margin-left:-280px; background:url(http://ibi.zju.edu.cn/IBMBL/images/img4.png) no-repeat left; margin-top:50px; font-size:14px; color:#843a3a; text-align:center; line-height:26px;}

.list_main_c{width:1100px; height:140px; float:left; background:#783535 no-repeat center;}
.list_main_c a{display:block; width:90px; height:26px; float:left; margin-left:-280px; background:url(http://ibi.zju.edu.cn/IBMBL/images/img4.png) no-repeat left; margin-top:50px; font-size:14px; color:#843a3a; text-align:center; line-height:26px;}

/*联系我们*/
.contact_box{width:960px; height:auto; margin:30px auto 0;}
#map{width:960px; height:265px; margin:auto; background:url(http://ibi.zju.edu.cn/IBMBL/images/map.png) no-repeat center; }
.contact_main{width:960px; height:198px; background:#f1f3fb;}
.contact_main ul li{ display:block; width:25%; float:left; padding:50px 0 30px;}
.contact_main h1{dispaly:block; width:100%; font-size:16px; color:#0e1848; text-align:center;}
.contact_main h2{dispaly:block; width:100%; font-size:16px; color:#0e1848; text-align:center; font-weight:bold; margin-top:30px;}
.contact_main a{dispaly:block; width:100%; font-size:13px; color:#0e1848; text-align:center; font-weight:lighter; text-decoration:underline;}
.contact_main a:hover{color:#f88d2f;}
.contact_main h3{dispaly:block; width:100%; font-size:16px; color:#0e1848; text-align:center; margin-bottom:30px;}