@charset "utf-8";
/* CSS Document */
/************project*********/

/**************index_con1***************/
#index_con1 #pride{ background:url(../img/bg_pride.png) repeat-x left bottom; border:1px solid #d7f0ec; border-top:none; height:240px; overflow-y:scroll;}
#index_con1 #pride li{ color:#2899d1; line-height:19px; margin-bottom:10px;background: url(../img/list_icon.png) no-repeat scroll left 10px transparent; padding-left: 11px;}
.ImgContainer .tex{background-color: #395462; opacity:0.63; }

/**********index_con2 ************/
#shool_con{ margin-bottom:20px;}
#shool_con #scholl_nav{ width:190px; float:left;}
#shool_con .h_school{ color:#fff; background:url(../img/bg_h_school.png) repeat-x; height:37px; line-height:37px; font-weight:bold; padding-left:18px;}
#scholl_nav #nav{ background:url(../img/bg_school_nav.png) repeat-x; padding-left:18px; padding-bottom:24px; margin-bottom:6px;}
#scholl_nav #nav li{ line-height:38px; background:url(../img/bg_school_nav_li.png) no-repeat left bottom; }
#scholl_nav #nav li a{ color:#fff; font-size:14px; font-weight:bold; display:block;}

.picture{ background-color:#07b7eb; padding:3px;}
.school_pic{ border:1px solid #8ddef6; padding:22px 13px 0 13px;}
.school_pic h2{ font-size:14px; color:#fff; margin-bottom:9px;} 
.picture_list li{ margin-bottom:13px;border:3px solid #1b78ce; }
.picture_list li img{ font-size:0; display:block;}

#school_con{ width:538px; float:right;}

.level{ background:url(../img/bg_level.png) no-repeat; padding: 14px 0 0 9px; margin-bottom:6px;}
.level ul{ padding-bottom:12px;}
.level li{ float:left; margin-right:7px;}
.level li div{ border:1px solid #aae0b9;}
.level li h2{ color:#fff; font-size:12px; line-height:18px; font-weight:normal; margin-left:5px; margin-top:3px;}
.level li h3{ color:#fff; font-size:11px; line-height:18px; font-weight:normal; margin-left:5px;}
.level li img{ width:160px; height:86px; border-bottom:1px solid #fbfaf8;}
.level li.bachelor{ background-color:#46bb67; padding:3px; }
.level li.master{ background-color:#46bbb4; padding:3px;}
.level li.bachelor_course{ background-color:#afbb46; padding:3px;}

.school_con{ margin-bottom:13px;border: 1px solid #E8E8E8;}
.school_con .h_8{ background:url(../img/bg_school_con_h1.png) repeat-x;}
.school_con .h_9{ background:url(../img/bg_school_con_h2.png) no-repeat; color:#3db200; border-bottom:1px solid #d1d1d1;}
.school_con .tex{ padding: 17px 13px 0 15px; overflow:hidden;}
.school_con .tex img{ float: right;border: 1px solid #f1f1f1; margin-left:17px;}
.school_con .tex p{ line-height:20px; font-size:13px; color:#666666; margin-bottom:17px;}

/*********online************/
.online{ margin-bottom:6px;}
.online img{ margin-bottom:4px;}

/*********case************/
#shool_con .case{border:1px solid #e6e6e6; border-top:none; padding-bottom:7px; margin-bottom:12px;}
#shool_con .case .news_img{ background:url(../img/bg_line2.png) repeat-x left bottom;}
#shool_con .case .last{ background:none;}

/*********sidebar-list************/
.sidebar_list{ margin-bottom:13px;}
.sidebar_list h2{background: url(../img/bg_h2_3.png) repeat-x  0 0;}
.sidebar_list .list li a{ font-size:12px; color:#959a96;}
.sidebar_list .news{ border-color:#d7f0ec;}
#answer li{ background:none; padding-left:0;}
#answer li a span{ color:#01bae0;}

/************project2*********/

.project_show{ background-color:#07b7eb; padding:16px 0 20px 16px; margin-bottom:12px; border:1px solid #e3e3e3;}
.project_show .bigimg img{ font-size:0; max-width:949px;}
.project_show .bigimg .curved_box{ margin-bottom:38px;}
#img_list{}
#img_list li{ float:left; margin-right:32px; margin-bottom:44px; height:105px;}
#img_list li.last{ margin-right:0;} 
.curved_box {
    display: inline-block;
    *display: inline;

    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.43), 0 0 60px rgba(0, 0, 0, 0.06) inset;
    -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.43), 0 0 40px rgba(0, 0, 0, 0.06) inset;
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.43), 0 0 40px rgba(0, 0, 0, 0.06) inset;
    position: relative;
    *zoom: 1;
}

.curved_box:before {
     -webkit-transform: skew(15deg) rotate(6deg);
    -moz-transform: skew(15deg) rotate(6deg);
    transform: skew(15deg) rotate(6deg);
    left: 15px;
}
.curved_box:after {
    -webkit-transform: skew(15deg) rotate(6deg);
    -moz-transform: skew(15deg) rotate(6deg);
    transform: skew(15deg) rotate(6deg);
    right: 15px;
}

.curved_box:before, .curved_box:after {
    width: 10%;
    height: 55%;
    content: ' ';
    
    -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); 
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    
    position: absolute;
    bottom: 10px;
    z-index: -1;	
}