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

body {font-weight:normal; background-color:#f8f9fa;font:14px/1.5 "Microsoft Yahei","微软雅黑",Helvetica,Arial,sans-serif; -webkit-tap-highlight-color: transparent; overflow-x: hidden;}

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,table,tbody,thead,tfoot,tr,td,th,input { margin:0; padding:0; }

h1,h2,h3,h4,h5,h6,em,h6,b,p { font-weight:normal; font-style:normal; }

article,aside,dialog,footer,header,section,footer,nav,figure,menu,hgroup { display:block; margin:0; padding:0; }

img,hr { border:none; -ms-interpolation-mode:bicubic; }

img {max-width: 100%; vertical-align:middle; }

a { text-decoration:none; color:#333; cursor:pointer; }

ul,li { list-style:none outside none; }

i,em {font-style: normal;}

table { border-collapse:collapse; }

input,select { -webkit-appearance:none; appearance:none; }

input,select,textarea{border:none;outline:0;font-family:"Microsoft Yahei";background:0 0;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#888}

input:-moz-placeholder,textarea:-moz-placeholder{color:#888}

input::-moz-placeholder,textarea::-moz-placeholder{color:#888}

input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#888}

select::-ms-expand { display:none; }

input[type=radio]::-ms-check,input[type=checkbox]::-ms-check { display:none; }
.head{ position: relative;}
.head .head1{
    position: absolute;
    top:20px;
    left: 7%;
}
.head .head2{
    position: absolute;
    right:5%;
    top:15px
}
.head .head2 span{ color: #fff;}
.head .head2 span a{ color: #fff;  text-decoration: underline;}
.contant{ 
    background-image: url('../images/di.png');
    background-size: cover; /* 覆盖整个元素区域 */
    background-repeat: no-repeat; /* 防止图片重复 */
    background-position: center; /* 图片居中 */
}
.login{ 
    height: 880px;
    background-image: url('../images/login.png');
    background-size: cover; /* 覆盖整个元素区域 */
    background-repeat: no-repeat; /* 防止图片重复 */
    background-position: center; /* 图片居中 */
}
.loginHead{
    background: rgba(255, 255, 255, 0.8);
    height: 78px;
}
.loginHead img{
    margin: 10px 0 0 30px;
}
.loginContant{
    width: 476px;
    height: 386px;
    margin: 0 auto;
    background: url(../images/loginBg.png) no-repeat;
}
.loginContantMa{
    text-align: center;
    color: #595959;
    width: 476px;
    height: 386px;
    margin: 0 auto;
    background: url(../images/loginBga.png) no-repeat;
}
.loginForm{
    width: 380px; margin: 0 auto;
}
.loginForm1{
    border: #E8E8E8 solid 1px;
    border-radius: 6px;
    
    height: 40px;
}
.inputLogin{
    height: 30px;
    line-height: 30px;
    color: #666;
    margin-left: 25px;
    width: 300px;
}
.loginForm1a{ background: url(../images/loginUser.png) no-repeat left center; height: 30px; line-height: 30px; background-size: 14px 15px; margin: 5px 5px 5px 15px;}
.loginForm2a{ background: url(../images/loginPassword.png) no-repeat left center; height: 30px; line-height: 30px; background-size: 14px 15px; margin: 5px 5px 5px 15px;}
.loginForm2{
    border: #E8E8E8 solid 1px;
    border-radius: 6px;
    height: 40px;
}
.loginContantMaTitle{ height: 60px; overflow: hidden;}
.loginContantMaTitle1{ font-size: 20px; color: #999; display: inline; float: left; width: 238px; height: 60px; line-height: 60px; text-align: center;}
.loginContantMaTitle1 a{ color: #999; text-decoration: none;}
.loginContantMaTitle2{font-size: 20px; font-size: 20px; color: #262626; display: inline; float: left; width: 238px; height: 60px; line-height: 60px; text-align: center;}
.loginContantMa p{ height: 30px; line-height: 30px;}
.loginForm3{ height: 30px; line-height: 30px;}
.loginForm3 a{ color: #326BE6; text-decoration: none;}
.loginForm3 span{ float: right;}
.loginContantMa .loginContantMa1{ height: 30px; color: #326BE6; line-height: 30px;}
.nav{
    background:url(../images/navBg.png) repeat-x; 
    color:#fff
}
.navContainer{
    overflow: hidden;
    width: 960px;
    margin: 0 auto;
}
.container{ width: 960px; overflow: hidden; background: #fff; margin: 0 auto;}
.bannerLeft{ display: inline; float: left; width: 400px; margin: 15px 15px 0 15px;}
.bannerRight{ display: inline; float: left; width: 515px; margin: 15px 15px 0 0px;}
.introductionLeft{ display: inline; background: #fff; float: left; width: 545px; margin: 0 15px 0 0;}
.introductionRight{ display: inline; background: #fff; float: left; width: 400px; margin: 0px 0 0 0px;}
.title{
    background: url(../images/titleBg.png) no-repeat;
    height: 41px;
    line-height: 41px;
    margin: 15px 0 0 15px ;
}
.title span{
    float: right;
    margin-right: 20px;
    font-size: 14px;
    color: #326BE6;
}
.title span a{
    color: #326BE6;
    text-decoration: none;
}
.title h4{
    background: url(../images/titleLeft.png) no-repeat left center;
    line-height: 41px;
    padding-left: 20px;
    color: #121212;
    font-weight: bold;
    font-size: 20px;
}
.foot{ background: #f8f9fa; overflow: hidden; height: 55px; line-height: 55px;}
.foot1{
    display: inline;
    float: left;
    width: 33.33%;
    color: #595959;
    text-align: center;
    height: 55px; line-height: 55px;
}
.footq{ background: #326be6; overflow: hidden; height: 55px; line-height: 55px;}
.foot1q{
    display: inline;
    float: left;
    width: 33.33%;
    color: #fff;
    text-align: center;
    height: 55px; line-height: 55px;
}
.newsChild{
    height: 40px;
    line-height: 40px;
}
.newsChild span{
     float: right;
     margin-right: 10px;
     color: #999;
}
.newsChild p{
    background: url(../images/newsLeft.png) no-repeat left center;
    padding-left: 15px;
    color: #262626;
}
.newsChild p a{
    color: #262626;
    text-decoration: none;
}
.news{
    margin-left: 15px;
}
.introductionLeft1 span{
     float: right;
     margin-right: 10px;
     margin-top: 13px;
     color: #999;
}
.introductionLeft1 p{
    background: url(../images/newsLeft.png) no-repeat left center;
    padding-left: 15px;
    color: #262626;
}
.introductionLeft1 p a{
    color: #262626;
    text-decoration: none;
}
.introductionLeft1{
    margin-left: 15px;
    height: 40px;
    line-height: 40px;
}

.newsModel2Left1 span{
     float: right;
     margin-right: 10px;
     margin-top: 13px;
     color: #999;
}
.newsModel2Left1 p{
    background: url(../images/newsLeft.png) no-repeat left center;
    padding-left: 15px;
    color: #262626;
}
.newsModel2Left1 p a{
    color: #262626;
    text-decoration: none;
}
.newsModel2Left1{
    margin-left: 15px;
    height: 40px;
    line-height: 40px;
}

.introductionRight1{
    text-align: center;
}
.navContainer ul{
    list-style: none;
}
.navContainer ul li{
    display: block;
    float: left;
    width: 100px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-weight: bold;
    height: 40px;
}
.navContainer ul li a{
    color: #fff;
    display: block;
    width: 100px;
    height: 40px;
}
.blank{ height: 15px; clear: both; line-height: 0;}
.navContainer ul li.active a{
    color: #fff;
    display: block;
    background: url('../images/navBg1.png') repeat-x;
    width: 100px;
    height: 40px;
}
.navContainer ul li a:hover{
    color: #fff;
}
.retrievePassword{
 background: #F3F4F6;
 padding: 15px 0;
}
.retrievePassword1{
    width: 90%;
    margin: 0px auto;
    background: #fff;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)
}
.retrievePassword1Title{
    overflow: hidden;
    width: 90%;
    margin: 0px auto;
    line-height: 50px;
    height: 50px;
}
.retrievePassword1Title1{ display: inline; float: left; width: 30%;}
.retrievePassword1Title1 img{
    margin-top: 5px;
}
.retrievePassword1Title2{ display: inline; text-align: center; float: left; width: 40%;}
.retrievePassword1Title2 h1{
    font-size: 20px;
    font-weight: bold;
}
.retrievePassword1Title3{ display: inline; text-align: right; float: left; width: 30%;}
.retrievePassword1Title3 p{
    color: #326BE6;
    font-size: 14px;
}
.retrievePassword2 table tr td{
    height: 70px;
    line-height: 70px;
}
.retrievePassword2{ width: 500px; margin: 0 auto;}
.retrievePassword2 table tr td span{ text-align: right; margin-right: 10px;}
.retrievePassword2 table tr td p{ margin-left: 10px;}

.textClass{
    height: 27px;
    border:#e8e8e8 solid 1px;
    width:95%;
    border-radius: 6px;
    padding: 5px;
}
.textClass1{
    height: 27px;
    border:#e8e8e8 solid 1px;
    width:200px;
    border-radius: 6px;
    padding: 5px;
}
.btnClass{
    background: none;
    
    border: none;
    color: #595959;
    border:#e8e8e8 solid 1px;
    border-radius: 6px;
    margin-left: 10px;
    height: 38px;
    cursor: pointer;
    padding: 5px;
}
.retrievePassword2 img{
    margin-left: 50px;
}
.success{ text-align: center;}
.success h4{ color: #595959; font-size: 14px;}
.success p{ color: #999999; font-size: 14px;}
.success p strong{ color: #326BE6; margin-right: 5px; font-size: 16px;}
.current{
    background: url(../images/InstitutionalProfile1.png) left center no-repeat;
    height: 50px;
    line-height: 50px;
}
.current p{
    margin-left: 20px;
    color:#595959 ;
    font-size: 14px;
}
.InstitutionalProfile{
    width: 960px;
    margin: 0 auto;
}
.InstitutionalProfile1{
    overflow: hidden;
}
.InstitutionalProfile1Left{
    display: inline;
    float: left;
    width: 258px;
    height: 680px;
    background: #fff;
}
.InstitutionalProfile1Right{
    display: inline;
    float: left;
    width: 655px;
    margin-left: 15px;
    background: #fff;
    padding: 15px;
}
.learnRight{
    display: inline;
    float: left;
    width: 655px;
    margin-left: 15px;
}
.InstitutionalProfile1Left1{
    height: 50px;
    line-height: 50px;
}
.lineheight18{ line-height: 18px;}
.InstitutionalProfile1Left1 a{ display: block;}
.InstitutionalProfile1Left1 span{
    float: right;
    margin: 20px 15px 0 0;
}
.InstitutionalProfile1Left1 p{
    margin-left: 15px;
    color: #595959;
}
.InstitutionalProfile1Left1 p a{
    color: #595959;
    text-decoration: none;
}
.InstitutionalProfile1Left1a{
    background: url(../images/InstitutionalProfile4.png) no-repeat left center;
    height: 50px;
    line-height: 50px;
}
.InstitutionalProfile1Left1a a{ display: block;}
.InstitutionalProfile1Left1a span{
    float: right;
    margin: 20px 15px 0 0;
}
.InstitutionalProfile1Left1a p{
    margin-left: 15px;
    color: #326BE6;
}
.InstitutionalProfile1Left1a p a{
    color: #326BE6;
    text-decoration: none;
}
.InstitutionalProfile1RightTitle{
    height: 40px;
    line-height: 30px;
    border-bottom:#e8e8e8 solid 1px;
}
.InstitutionalProfile1RightTitle h4{
    font-size: 20px;
    color: #262626;
    font-weight: bold;
    height: 40px;
    background: url(../images/InstitutionalProfile3.png) no-repeat left bottom;
}
.InstitutionalProfile1RightContant h1{
    font-weight: bold;
    font-size: 16px;
    color: #262626;
    height: 45px;
    line-height: 45px;
    text-align: center;
}
.InstitutionalProfile1RightContant h4{
    font-weight: bold;
    font-size: 14px;
    color: #262626;
    height: 35px;
    line-height: 35px;
}
.InstitutionalProfile1RightContant p{
    font-size: 14px;
    margin-left: 15px;
    color: #262626;
    line-height: 25px;
}
.newsModel{ width: 960px; margin: 0 auto;}
.newsModel1{ height: 315px; background: #fff;}
.newsModel2{ overflow: hidden;}
.newsModel2Left{ display: inline; height: 330px; float: left;width: 550px; background: #fff;}
.newsModel2Right{ display: inline; height: 330px; float: left; width: 395px; margin-left: 15px; background: #fff;}
.newsModel2Right1{ background: url(../images/news3.png) no-repeat; width: 360px; line-height: 46px;text-align: center; height: 46px; margin: 0 auto;}
.newsModel2Right1 a{ display: block; color: #262626; font-weight: bold;}
.newsModel2Right1 a p{ color: #262626; font-weight: bold;}
.newsDetail{ margin: 0 auto; width: 960px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)}
.newsDetail h1{ font-size: 20px; font-weight: bold; text-align: center; height: 50px; color: #262626; line-height: 50px;}
.newsDetail .newsDetailTime{ font-size: 12px; text-align: center; height: 30px; line-height: 30px; color: #999;}
.newsDetailContant h4{ height: 30px; color: #262626; margin-left: 15px; line-height: 30px; font-weight: bold; }
.newsDetailContant p{ line-height: 30px; color: #262626; margin: 0 15px;}
.newTitle{
    height: 70px;
}
.lineheight18{ line-height: 18px;}
.newTitle a{ display: block;}
.newTitle span{
    float: right;
    margin: 20px 15px 0 0;
}
.newTitle p{
    margin-left: 15px;
    line-height: 18px;
    color: #595959;
}
.newTitle p a{
    color: #595959;
    text-decoration: none;
}
.newTitlea{
    background: url(../images/InstitutionalProfile4.png) no-repeat left center;
    height: 70px;
}
.newTitlea a{ display: block;}
.newTitlea span{
    float: right;
    margin: 20px 15px 0 0;
}
.newTitlea p{
    margin-left: 15px;
    color: #326BE6;
}
.newTitlea p a{
    color: #326BE6;
    text-decoration: none;
}
.newListPic1{ overflow: hidden; border-bottom: #d7d7d7 dashed 1px; padding: 15px 0;}
.newListPic1left{ display: inline; text-align: center; float: left; width: 180px;}
.newListPic1left img{  border: #d7d7d7 solid 1px;}
.newListPic1right{ display: inline; float: left; width: 465px;}
.newListPic1right h4{ font-size: 15px; font-weight: bold;}
.newListPic1right p{ line-height: 21px; font-size: 14px; color: #999; margin-top: 10px; }
.newListPic1right1{ margin-top: 5px; color: #595959; font-size: 13px;}
.page p{ text-align: center; font-size: 12px; color: #595959; height: 35px; line-height: 35px;}
.page p a{ padding: 4px 8px; color: #595959; margin-left: 5px; border: #d7d7d7 solid 1px;}
.page p span{ padding: 4px 8px; background: #326BE6; color:#fff; margin-left: 5px; border: #d7d7d7 solid 1px;}

.learnTitle a{ display: block;}
.learnTitle span{
    float: right;
    margin: 20px 15px 0 0;
}
.learnTitle p{
    margin-left:40px;
    margin-right: 10px;
    line-height: 18px;
    color: #595959;
}
.learnTitle p a{
    color: #595959;
    text-decoration: none;
}
.learnTitlea{
    background: url(../images/InstitutionalProfile4.png) no-repeat left center;
    height: 70px;
}
.learnTitlea a{ display: block;}
.learnTitlea span{
    float: right;
    margin: 20px 15px 0 0;
}
.learnTitlea p{
    margin-left:40px;
    margin-right: 10px;
    color: #326BE6;
}
.learnTitlea p a{
    color: #326BE6;
    text-decoration: none;
}

.learnModel{
    height: 50px;
    line-height: 50px;
}
.learnModel a{ display: block;}
.learnModel span{
    float: right;
    margin: 20px 15px 0 0;
}
.learnModel p{
    margin-left: 15px;
    color: #595959;
}
.learnModel p a{
    color: #595959;
    text-decoration: none;
}
.learnModela{
    height: 50px;
    line-height: 50px;
}
.learnModela a{ display: block;}
.learnModela span{
    float: right;
    margin: 20px 15px 0 0;
}
.learnModela p{
    margin-left: 15px;
    color: #326BE6;
}
.learnModela p a{
    color: #326BE6;
    text-decoration: none;
}
.learnRight1{ display: inline; float: left; width: 210px; margin-bottom: 15px; margin-right:7px ; background: #fff;}
.learnRight1 h4{ color: #262626; height: 35px; line-height: 35px; text-align: center; font-weight: bold;}
.learnRight1 .learnRight1b{ color: #595959; height: 25px; font-size: 12px; line-height: 25px; margin-left: 10px;}
.learnRight1 .learnRight1a{ height: 40px;line-height: 40px;}
.learnRight1 .learnRight1a span{ float: right; margin: 4px 10px 0 0;}
.learnRight1 .learnRight1a p{ color: #999; margin-left: 10px; background: url(../images/Frame.png) no-repeat left center; padding-left: 20px; font-size: 12px;}
.textareaClass{width: 100%; height: 100px; border-radius: 6px; border: #d7d7d7 solid 1px; color: #565656;}
.forum1a{
    height: 30px;
}
.forum1a span{
    float: right;
}
.forum1a p img{ margin-right: 10px;}
.learnDetails{ width: 960px; margin: 0 auto; background: #fff;}
.learnDetailsTitle h1{ font-size: 20px; height: 50px; line-height: 50px; text-align: center; font-weight: bold; color: #262626;}
.learnDetailsTitle p{color: #999; text-align: center; height: 25px; line-height: 25px;}
.video{
     width: 940px;
     margin: 0 auto;
}
.forum{
    background: #fff;
    font-size: 14px;
    color: #262626;
}
.forumb{
    height: 50px;
    line-height: 50px;
    border-bottom: #d7d7d7 solid 1px;
}
.forumb h4{ color: #262626; font-size: 20px; font-weight: bold; margin-left: 15px;}
.forum1a{
    padding: 10px 0;
}
.forum2Cilhd{ margin: 10px 0;}
.forum2Cilhda h4{ font-size: 14px; font-weight: bold; height: 30px; line-height: 30px; color: #262626;}
.forum2Cilhda h4 span{ color: #999; margin-left: 10px; font-weight: 100; font-size: 12px;}
.forum2Cilhda p{ color: #565656; font-size: 13px; line-height: 21px;}
.forum2a h4{ font-size: 14px; font-weight: bold; height: 30px; line-height: 30px; color: #262626;}
.forum2a h4 span{ color: #999; margin-left: 10px;  font-weight: 100; font-size: 12px;}
.forum2a p{ color: #565656; font-size: 13px; line-height: 21px;}
.forum2b1{ background: url(../images/zan1.png) no-repeat left center; padding-left: 20px; height: 25px; line-height: 25px; margin-top: 5px; color: #326BE6; font-size: 13px; display: block; float: left;}
.forum2b{ background: url(../images/zan.png) no-repeat left center; padding-left: 20px; height: 25px; line-height: 25px; margin-top: 5px; color: #595959; font-size: 13px; display: block; float: left;}
.forum2c{ background: url(../images/hui.png) no-repeat left center; margin-left: 20px; padding-left: 20px; height: 25px; margin-top: 5px; line-height: 25px; color: #595959; font-size: 13px; display: block; float: left;}
.moreReplies{ overflow: hidden; margin-left: 100px; margin-right: 15px; height: 30px; line-height: 30px; background: #FAFAFA;}
.moreReplies1{ display: inline; float: left; color: #999; font-size: 13px; margin-left: 15px; height: 30px; line-height: 30px;}
.moreReplies2{ display: inline; float: left; margin-top: 8px; margin-left: 10px;}

#picBox{width:400px; height:293px; overflow:hidden; position:relative;}
#picBox ul#show_pic{ margin:0; padding:0; list-style:none; height:293px; width:2000px; position:absolute;}
#picBox ul#show_pic li{ float:left; margin:0; padding:0; height:293px;}
#picBox ul#show_pic li img{ display:block;}
#icon_num{ position:absolute; bottom:20px; right:10px;}
#icon_num li{ float:left;width:20px; height:20px; list-style:none; color:#326BE6; background:#fff; line-height:20px; text-align:center;  cursor:pointer; padding:0; margin:0;margin-right:10px}
#icon_num li:hover,#icon_num li.active{ background:#326BE6; color:#fff}

#picBox1{width:2000px; height:293px; overflow:hidden; position:relative;}
#picBox1 ul#show_pic1{ margin:0; padding:0; list-style:none; height:293px; width:6000px; position:absolute;}
#picBox1 ul#show_pic1 li{ float:left; margin:0; padding:0; height:293px;}
#picBox1 ul#show_pic1 li img{ display:block;}
#icon_num1{ position:absolute; bottom:20px; right:10px;}
#icon_num1 li{ float:left;width:20px; height:20px; list-style:none; color:#326BE6; background:#fff; line-height:20px; text-align:center;  cursor:pointer; padding:0; margin:0;margin-right:10px}
#icon_num1 li:hover,#icon_num1 li.active{ background:#326BE6; color:#fff}
.newBanner{
    width: 960px;
    height: 313px;
    background: url(../images/newsbanner2.png) no-repeat right bottom;
    overflow: hidden;
}
.newBanner1{ display: inline; float: left; width:552px ;}
.newBanner2{ display: inline; float: left; width:408px ;}
.newBanner2 h4{ width: 344px; margin: 20px auto 10px auto; font-weight: bold; line-height: 30px; font-size: 20px; color: #262626;}
.newBanner2 p{ width: 344px; margin: 0 auto; line-height: 25px; font-size: 14px; color: #262626;}