@charset "utf-8";
@font-face {
    font-family: Source Han Sans CN-Bold;
    src: url('font/SourceHanSansCN-Bold.otf');
}
@font-face {
    font-family: Montserrat-Bold;
    src: url('font/Montserrat-Bold.otf');
}
* {
    margin: 0;
    padding: 0;
}
 html,body {
    text-align: center;
    width: 100%;
    font-family: Microsoft YaHei,verdana;
    } 
a{
    text-decoration: none;
}
img{
    border:0; 
    margin:0; 
    padding:0
}
.a_hover:hover{
	color: #1C1CC6 !important;
}
.clear{
    clear:both;
    }
input, select {
    vertical-align: middle; 
}
/* PAGINATIN */
 li {
    list-style-type: none;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  /* background-color: #f4f4f4; */
  /* border-color: #DDDDDD; */
  color: inherit;
  cursor: default;
  z-index: 2;
}
.pagination > li > a:hover {
    color: #000 !important;
    font-weight: bold;
    cursor: pointer;
}
.pagination > li > a,
.pagination > li > span {
  /* background-color: #FFFFFF; */
  /* border: 1px solid #DDDDDD; */
  color: inherit;
  float: left;
  line-height: 1.42857;
  padding: 4px 10px;
  position: relative;
  text-decoration: none;
  font-size: 12px;
}
/*首页*/

.searchinput{
    border-radius: 30px;
    text-indent: 10px;
    width: 200px;
    height: 22px;
    border: 0;
}
.searchicon{
    margin-left: 5px;
    vertical-align: middle;
}
.searchspan{
    margin-right: -600px;
    line-height: 30px;
}
.reg{
    float: right;
    font-size: 14px;
    line-height: 35px;
    margin-right: 5px;
}
.navbar{
    text-align: center;
    width: 1100px;
    margin: 15px auto;
}
.heightcent{
    margin:0px auto;
	position: relative;
}
.logo{
    float: left;
    border:0px;
    /* margin-top:10px; */
    padding: 0px;
	/* margin: 2em 2em 0em 2em; */
}
 .nav{
    padding-top: 20px;
} 
.navborder{
    background-image: url("../images/nav-border.png");
    background-repeat: no-repeat;
    margin-left: 15px;
    float: left;
    line-height: 22px;
    background-position: 0% 50%;
}
.navborder1{
    margin-left: 10px;
    vertical-align: middle;
}
.navword{
    margin-left: 15px;
    font-size: 14px;
    color:#3579B7;
    font-weight: bold;
}
.navword1{
    margin-left: 15px;
    font-size: 14px;
    color:#444;
}
.bannerpic{
    /*background-image: url("../images/banner1.jpg");
    background-position: center;*/
    height:380px;
    margin-top: 35px;
    min-width: 1100px;
}
.bannerpic1{
    background-image: url("../images/banner1.jpg");
    background-position: center;
    height:380px;
    min-width: 1100px;
}
.bannerpic2{
    background-image: url("../images/banner-opennews.jpg");
    background-position: center;
    height:380px;
    min-width: 1100px;
}
.bannerpic3{
    background-image: url("../images/banner3.jpg");
    background-position: center;
    height:380px;
    min-width: 1100px;
}
.bannerpic4{
    background-image: url("../images/banner4.png");
    background-position: center;
    height:380px;
    min-width: 1100px;
}
.title{
    font-size: 20px;
    color: #367BBA;
    font-weight: bold;
    margin-top: 50px;
    text-align: center;
}
.title1{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-top: 50px;
    text-align: center;
}
.fimg{
    text-align: center;
     margin-bottom: 30px;
}
.fp{
    font-size: 14px;
    color: #666;
    text-align: left;
    /*margin-top: 2%;*/
    line-height: 25px;
}
.fcard{
    float:left;
    width: 230px;
    margin-top: 30px;
    margin-left: 30px;
}
.fa1{
    height: 186px; 
    background: url("../images/pg-icon1-s1.png") no-repeat;
    background-position: center center;
    display: block;
}
.fa1:hover{
    background: url(../images/pg-icon1-s2.png) no-repeat;
    background-position: center center;
    height: 186px; 
}
.downtitle{
    font-size: 16px;
    color: #444;
    text-align: center;
    font-weight: bold;
    margin-top: 15px;
}
.downcontent{
    text-align: center;
    font-size: 14px;
    color: #666;
    margin-top: 10px;
    line-height: 22px;
}
.fam1{
    margin-top: 25px;
    width: 48px;
    height: 25px;
    background: url("../images/more-status1.png");
    display: inline-block;
}
.fam1:hover{
    width: 46px;
    height: 25px;
    background: url("../images/more-status2.png");
}
.fa2{
    height: 186px; 
    background: url("../images/pg-icon2-s1.png") no-repeat;
    display: block;
    background-position: center center;
}
.fa2:hover{
    background: url(../images/pg-icon2-s2.png) no-repeat;
    background-position: center center;
    height: 186px; 
}
.fa3{
    height: 186px; 
    background: url("../images/pg-icon3-s1.png") no-repeat;
    background-position: center center;
    display: block;
}
.fa3:hover{
    background: url(../images/pg-icon3-s2.png) no-repeat;
    background-position: center center;
    height: 186px; 
}
.fa4{
    height: 186px; 
    background: url("../images/pg-icon4-s1.png") no-repeat;
    background-position: center center;
    display: block;
}
.fa4:hover{
    background: url(../images/pg-icon4-s2.png) no-repeat;
    background-position: center center;
    height: 186px; 
}
.f2b{
    background-color: #F0F3F7;
    margin-top: 50px;
    width: 100%;
    display: inline-table;
}
.halfcontent{
    text-align: left;
    width: 48%;
    font-size: 14px;
    color: #666;
    line-height: 25px;
}
.fbimg{
    float:right;
    width: 48%;
    display: inline-block;
}
.fbm{
    margin-top: 40px;
    width: 48px;
    height: 25px;
    background: url("../images/more-status1.png");
    display: block;
}
.fbm:hover{
    width: 46px;
    height: 25px;
    background: url("../images/more-status2.png");
}
 .fbm1{
    margin-top: 15px;
    width: 48px;
    height: 25px;
    text-align: center;
    background: url("../images/more-white-status1.png");
    display: inline-block;
}
.fbm1:hover{
    width: 46px;
    height: 25px;
    background: url("../images/more-white-status2.png");
}
.fcm{
    /*margin-top: 5%;*/
    margin:30px 0px 0px 15px;
    width: 48px;
    height: 25px;
    background: url("../images/more-status1.png");
    display: block;
}
.fcm:hover{
    width: 46px;
    height: 25px;
    background: url("../images/more-status2.png");
}
.f2big{
    background: url("../images/banner-bg.jpg");
    width: 100%;
    height: 400px;
    display: inline-table;
    margin-top: 50px;
}
.fcard2{
    width: 33.3%;
    float: left;
    margin-top: 5px;
    height: auto;
}
.icon{
    vertical-align: top;
    margin-top: -230px;
}
.icon-title{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin-top: -180px;
}
.icon-content{
    font-size: 14px;
    color: #fff;
    margin:10px 50px;
    line-height: 22px;
    text-align: center;
}
.f3{
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    color: #666;
}
.f3-left{
    width: 540px;
    margin-top: 10px;
    float: left;
}
.f3-left-title{
    font-size: 16px;
    color: #444;
    font-weight: bold;
    text-align: left;
    margin:0px 0px 0px 15px;
}
.f3-left-date{
    font-size: 14px;
    color: #666;
    margin: 10px 15px 5px 15px;
    text-align: left;
}
.f3-left-content{
    text-align: left;
    font-size: 14px;
    color: #666;
    margin:5px 10px 10px 15px;
    line-height: 22px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.f3-right{
    float: right;
    width: 49%;
    border-bottom-style: dotted;
    border-bottom-color: #bbb;
    padding: 15px 0px;
    border-bottom-width: 1px;
}
.f3-right-title:hover {
    color: #367BBA;
}
.f3-right-box{
    width: 70px;
    height: 60px;
    background-color: #eee;
    /*padding-top: 1%;*/
    padding:10px 0px 0px 0px;
    float: left;
} 
 .f3-right-box:hover{
    background-color: #367BBA;
}
.f3-month{
    font-size: 14px;
    color: #666;
}
.f3-day{
    font-size: 22px;
    color: #666;
    font-weight: bold;
}
.f3-right-box:hover .monthday{
    color: #fff;
    font-weight: bold;
}
.f3-right-title{
    font-size: 16px;
    color: #444;
    font-weight: bold;
    margin-bottom: 7px;
    text-align: left;
}
.f3-right-content{
    font-size: 14px;
    color: #666;
    text-align: left;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.f3-right-s{
    float: left;
    margin-left: 15%;
    margin-top: -14%;
}
.f4-div{
    overflow: hidden;
    min-width: 1100px
    ;margin-top: 50px;
}
.f4{
    background-image: url("../images/banner-activity1.png");
    background-position: center;
    height: 400px;
}

.f5-card{
    float: left;
    width: 280px;
    margin-bottom: 50px;
    margin-left: 60px;
} 
.f5-box{
    background-color: #F2F2F2;
    display: block;
    margin-top: -5px;
    height: 120px;
}
.f5-box:hover{
background:#E7E7E7;
}
.f5-box-title{
    font-weight: bold;
    font-size: 16px;
    color: #444;
    text-align: center;
    padding-top: 20px;
}
.f5-box-content{
    font-size: 14px;
    color: #666;
    line-height: 22px;
    margin: 10px 25px;
    text-align: left;
}
.footer{
    background-color: #3579B7;
    width: 100%;
    display: inline-table;
}
.foot{
    padding-top: 20px;
}
.foot-box{
    height: 150px;
    float: left;
    overflow:hidden;
    width: 140px;
    text-align: center;
}
.foot-box-title1{
     margin-left: 30px;
    text-align: left;
    font-size: 14px;
    color: #fff;
    line-height: 25px;
}
.newtitle{
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    margin: 10px 30px;
    text-align: left;
    width: 100%;
}
.copyrights{
    text-align: center;
    font-size: 14px;
    color: #fff;
    margin:20px 0px;
}
.topicon-div{
    position: fixed;
    content: "1";
    right:3em;
    bottom: 1em;
}
.icon-top{
    display: block;
    width: 45px;
    height: 45px;
    background:url("../images/icon-top.png") no-repeat;
}
.icon-top:hover{
    display: block;
    width: 45px;
    height: 45px;
    background:url("../images/icon-top-hover.png") no-repeat;
}
/*介绍页面?*/
.downlist{
    border:solid 1px #DDD;
    width: 135px;
    z-index: 10;
    position: absolute;
    margin-top: 10px;
    background-color: #fff;
    filter: alpha(opacity:95);
    opacity: 0.95;
    display: none;
}
.showknow{
    height:50px;
}
.showknow:hover .downlist{
    display: block;
}
.downlist-p{
    font-size: 14px;
    border-bottom: solid 1px #DDD;
    color: #666;
    padding: 10px;
}
.downlist-p1{
    font-size: 14px;
    color: #666;
    padding:10px;
}
.banner-introduce{
    background-image: url("../images/banner-about-pg.jpg");
    background-position: center;
    height: 380px;
    margin-top: 35px;
    min-width: 1100px;
}
.midcont{
    padding-top:50px;
    margin-left: 140px;
    padding-right: 5px;
}
.bgpic1{
    background-image: url("../images/title-develop1.png");
    background-repeat: no-repeat;
    background-position: 0% 50%;
}
.imgpic{
    margin-left: 30px;
    float:right;
    margin-top: 10px;
     display: inline-block;
}
.bgpic2{
    background-image: url("../images/title-develop2.png");
    background-repeat: no-repeat;
    background-position: 100% 30%;
}
.midcont1{
    padding-top:50px;
    margin-right: 150px;
    margin-left: 450px;
    text-align: left;
    font-size: 14px;
    color: #666;
    line-height: 20px;
}
.midblue{
    height: 400px;
    background-color: #3579B7;
    /*display: inline-table;*/
    min-width: 1100px;
    width: 100%;
}
.midbar{
    width: 1100px;
    margin:0px auto;
}
.midbar-big{
    height: 400px;
    float: right;
    width: 80%;
}
.midbar-small{
    height: 123px;
    float: left;
    margin-top: -350px;
}
.smallfour-div1{
    float: left;
    height: 90px;
    margin: 90px 0px 30px 0px;
    margin-right: 4%;
    background: url("../images/icon-feature1-s1.png")  no-repeat;
}
.smallfour-div1:hover{
    float: left;
    height: 90px;
    margin: 90px 0px 30px 0px;
    margin-right: 4%;
    background: url("../images/icon-feature1-s2.png")  no-repeat;
}
.smallfour-div2{
    float: left;
    height: 90px;
    margin: 80px auto;
    background: url("../images/icon-feature2-s1.png") no-repeat;
}
.smallfour-div2:hover{
    float: left;
    height: 90px;
    margin: 80px auto;
    background: url("../images/icon-feature2-s2.png") no-repeat;
}
.smallfour-div3{
    float: left;
    height: 90px;
    background: url("../images/icon-feature3-s1.png") no-repeat;
    margin-right: 4%;
}
.smallfour-div3:hover{
    float: left;
    height: 90px;
    background: url("../images/icon-feature3-s2.png") no-repeat;
    margin-right: 4%;
}
.smallfour-div4{
    float: left;
    height: 90px;
    background: url("../images/icon-feature4-s1.png") no-repeat;
}
.smallfour-div4:hover{
    float: left;
    height: 90px;
    background: url("../images/icon-feature4-s2.png") no-repeat;
}
.smallfour-title{
    text-align: left;
    margin-left: 85px;
    width: 223px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
.smallfour-cont{
    text-align: left;
    margin-left: 85px;
    width: 223px;
    color: #fff;
    font-size: 14px;
    margin-top: 10px;
    line-height: 22px;
}
.bot-height{
    height: 90px;
}
.bot1{
    margin-bottom: 15px;
    background-image: url("../images/icon-adv1-s1.png");
    background-position: 100% 0%;
    background-repeat: no-repeat;
}
.bot1:hover{
    background-image: url("../images/icon-adv1-s2.png");
    background-position: 100% 0%;
    background-repeat: no-repeat;
}
.bot2{
    margin-bottom: 15px;
    background-image: url("../images/icon-adv2-s1.png");
    background-position: 100% 0%;
    background-repeat: no-repeat;
}
.bot2:hover{
    background-image: url("../images/icon-adv2-s2.png");
    background-position: 100% 0%;
    background-repeat: no-repeat;
}
.bot3{
    margin-bottom: 15px;
    background-image: url("../images/icon-adv3-s1.png");
    background-position: 100% 0%;
    background-repeat: no-repeat;
}
.bot3:hover{
    background-image: url("../images/icon-adv3-s2.png");
    background-position: 100% 0%;
    background-repeat: no-repeat;
}
.bot4{
    margin-bottom: 15px;
    background-image: url("../images/icon-adv4-s1.png");
    background-position: 100% 0%;
    background-repeat: no-repeat;
}
.bot4:hover{
    background-image: url("../images/icon-adv4-s2.png");
    background-position: 100% 0%;
    background-repeat: no-repeat;
}
.bot5{
    background-image: url("../images/icon-adv5-s1.png");
    background-repeat: no-repeat;
    margin-bottom: 10px;
}
.bot5:hover{
    background-image: url("../images/icon-adv5-s2.png");
    background-repeat: no-repeat;
}
.bot6{
    background-image: url("../images/icon-adv6-s1.png");
    background-repeat: no-repeat;
    margin-bottom: 10px;
}
.bot6:hover{
    background-image: url("../images/icon-adv6-s2.png");
    background-repeat: no-repeat;
}
.bot7{
    background-image: url("../images/icon-adv7-s1.png");
    background-repeat: no-repeat;
    margin-bottom: 10px;
}
.bot7:hover{
    background-image: url("../images/icon-adv7-s2.png");
    background-repeat: no-repeat;
}
.bot8{
    margin-bottom: 15px;
    background-image: url("../images/icon-adv8-s1.png");
    background-repeat: no-repeat;
}
.bot8:hover{
    background-image: url("../images/icon-adv8-s2.png");
    background-repeat: no-repeat;
}
.f4-left-title{
    font-size: 16px;
    color: #444;
    font-weight: bold;
    float: right;
    text-align: right;
    margin-right: 90px;
    width: 400px;
}
.f4-left-content{
    float: right;
    font-size: 14px;
    color: #666;
    margin-top: 6px;
    line-height: 22px;
    width: 400px;
    margin-right: 90px;
    text-align: right;
}
.f4-right{
    margin-top: 20px;
    float: right;
    width: 49%;
}
.f4-right1{
    margin-top: 15px;
    float: right;
    width: 49%;
}
.f4-right-title{
    font-size: 16px;
    color: #444;
    font-weight: bold;
    width: 400px;
    margin-left: 90px;
    text-align: left;
}
.f4-right-content{
    font-size: 14px;
    color: #666;
    text-align: left;
    font-size: 14px;
    color: #666;
    margin-left: 90px;
    width: 400px;
    margin-top: 6px;
    line-height: 22px;
}
.bottomblue{
    margin-top: 50px;
    background-color: #46a4d7;
    display: inline-table;
    min-width: 1100px;
    width: 100%;
}
.f5-p{
    font-size: 14px;
    color: #fff;
    text-align: left;
    float: left;
    margin-top: 5%;
    margin-left: 2%;
    line-height: 22px;
    width: 28%;
}
.f5-img{
    float: left;
    margin-left: -70px;
    margin-top: 3%;
}
/*文档资料*/
.bannerpic-document{
    background-image: url("../images/banner-doc.jpg");
    background-position: center;
    height:380px;
    margin-top: 35px;
    min-width: 1100px;
}
.fcard-doc{
    width: 40%;
    overflow:auto;
    float: left;
    /*margin-bottom: 100px;*/
    padding-right: 5%;
}
.fcard-img{
    z-index: 10;
    position: absolute;
    margin-left: -5%;
}
.fcard-doc-div{
    float: right;
    width: 60%;
    padding-bottom:10px;
}
.fcard-doc-div img{
    float: right;
    margin-left: 10px;
}
.fcard-doc-div p{
    font-size: 14px;
    color: #444;
    float: right;
}
.f3-transcard{
    width: 40%;
    float: left;
    margin-left: 8%;
    margin-bottom: 50px;
}
.f3-inter{
    font-size: 14px;
    color: #666;
    float: left;
    margin-left: 15px;
    margin-bottom: 15px;
}
.fcard-doc-div p:hover {
    color: #367BBA;
}
.f3-transcard p:hover {
    color: #367BBA;
}
.tuijian{
    background-color: #F0F3F7;
    width: 100%;
    min-width: 1100px;
}
.bookimg{
    width: 191px;
    height: 235px;
}
.bookend{
    margin-bottom: 20px;
}
/*pg分会*/
.showpg{
    height:50px;
}
.downlist1{
    border:solid 1px #DDD;
    width: 165px;
    z-index: 10;
    position: absolute;
    margin-top: 10px;
    background-color: #fff;
    filter: alpha(opacity:90);
    opacity: 0.9;
    margin-left: -15px;
    display: none;
}
.showpg:hover .downlist1{
    display:block;
}
/*开源软件推进联盟*/
.bannerpic-copu{
    background-image: url("../images/banner-lianmeng.jpg");
    background-position: center;
    height:380px;
    margin-top: 35px;
    min-width: 1100px;
}
.copu{
    font-size: 16px;
    font-weight: bold;
    float: left;
    color: #444;
    margin-bottom: 30px;
}
.copu-cont{
    font-size: 14px;
    color: #666;
    text-align: left;
    margin-bottom: 30px;
}
.copu-website{
    float: right;
    margin-left: 10px;
}
.copu-final{
    font-size: 16px;
    font-weight: bold;
    color: #3479B8;
    float: right;
    margin-bottom: 50px;
}
/*了解pg分会*/
.banner-branch{
    background-image: url("../images/banner-about-fh.jpg");
    background-position: center;
    height:380px;
    margin-top: 35px;
    min-width: 1100px;
}
.bottomline{
    width: 100%;
    border-bottom:solid 1px #DDD;
    margin-top: -16px;
}
#tab {
    overflow:hidden;
    zoom:1;
    list-style: none;
}
#tab li {
    float:left;
    color:#666;
    font-size: 16px;
    height:30px;
    cursor:pointer; 
    line-height:30px;
    padding:0 3px;
    margin:0 10px;
}
#tab li.current {
    color:#1C1CC6;
    font-weight: bold;
    border-bottom: solid 2px #1C1CC6;
}
#content {
    margin: 10px 0 80px 0; 
}
#content .myul {
    line-height:25px;
    display:none; 
}
.override{
    width: 100%;
    background-color: #f0f3f7;
    min-width: 1100px;
}
.overparent{
    padding: 50px 0px;
    margin-bottom: 0px;
}
.override-div{
    text-align: left;
    width: 45%;
    float: left;
}
.override-div1{
    text-align: left;
    width: 45%;
    float: right;
}
.override-p{
    font-size: 16px;
    font-weight: bold;
    color: #444;
    margin-left: 170px;
    text-align: left;pgduty
}
.override-con{
    font-size: 14px;
    color: #666;
    margin-left: 170px;
    margin-top: 10px;
    line-height: 22px;
}
.content-p{
    font-size: 14px;
    color: #666;
    text-align: left;
}
.duty-title{
    font-size: 18px;
    color: #444;
    font-weight: bold;
    text-align: left;
    margin-bottom: 15px;
}
.duty-ico1{
    background-image: url("../images/icon-manage-s1.png");
    background-repeat: no-repeat;
    background-position: 100% 0;
    width: 250px;
    height: 250px;
    float: left;
}
.duty-ico1:hover{
    background-image: url("../images/icon-manage-s2.png");
    background-repeat: no-repeat;
    background-position: 100% 0;
}
.duty-icon-p{
    font-size: 16px;
    color: #444;
    padding-top: 200px;
    padding-left: 70px;
}
.duty-ico2{
    background-image: url("../images/icon-watch-s1.png");
    background-repeat: no-repeat;
    background-position: 100% 0;
    width: 250px;
    height: 250px;
    float: left;
}
.duty-ico2:hover{
    background-image: url("../images/icon-watch-s2.png");
    background-repeat: no-repeat;
    background-position: 100% 0;
}
.duty-ico3{
    background-image: url("../images/icon-org-s1.png");
    background-repeat: no-repeat;
    background-position: 100% 0;
    width: 250px;
    height: 250px;
    float: left;
}
.duty-ico3:hover{
    background-image: url("../images/icon-org-s2.png");
    background-repeat: no-repeat;
    background-position: 100% 0;
}
.duty-ico4{
    background-image: url("../images/icon-deal-s1.png");
    background-repeat: no-repeat;
    background-position: 100% 0;
    width: 250px;
    height: 250px;
    float: left;
}
.duty-ico4:hover{
    background-image: url("../images/icon-deal-s2.png");
    background-repeat: no-repeat;
    background-position: 100% 0;
}
.pgduty{
    width: 100%;
    background-color: #f0f3f7;
    display: none;
}
.duty-all-p{
    font-size: 18px;
    color: #444;
    font-weight: bold;
    text-align: left;
}
.duty-all-div{
    float: left;
    margin-top: 20px;
    margin-right: 20px;
}
.duty-all-div p{
    font-size: 16px;
    color: #444;
    margin-top: 5px;
}
.vip{
    font-size: 18px;
    color: #444;
    font-weight: bold;
    margin-bottom: 20px;
}
.setting-div{
    width: 33.3%;
    float: left;
    /*margin-right: 20px;*/
    margin-bottom: 10px;
}
.setting-ico{
    /*float: left;*/
    /*text-align: left;*/
    width: 80px;
}
.setting-ico-more{
    margin-top: 20px;
}
.setting-bg{
    background-image: url("../images/bg-pg.png");
    background-repeat: repeat-y;
    width: 243px;
    float: right;
    height: 90px;
}
.setting-bg-title{
    font-weight: bold;
    font-size: 16px;
    color: #444;
    text-align: left;
    padding:10px 10px 5px 10px;
    width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*cursor: pointer;*/
}
.setting-bg-cont{
    font-size: 14px;
    color: #666;
    text-align: left;
    padding:0px 10px 10px 10px;
    height: 28px;
    line-height: 20px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.pgsetting{
    width: 100%;
    background-color: #f0f3f7;
    display: none;
}
.corer{
    display: none;
}
.professor{
    background-image: url("../images/bg-pg.png");
    background-repeat: repeat;
    height: 90px;
}
.pgsetting-div{
    width: 32.3%;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.pro{
    font-size: 18px;
    color: #444;
    font-weight: bold;
    padding: 30px 0px;

}
.professor-name{
    color: #3579b7;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    padding:20px 0px 10px 120px;
}
.professor-pos{
    font-size: 14px;
    color: #444;
    padding-bottom: 20px;
    text-align: left;
    padding-left: 120px;
}
.professor-img{
    width: 100px;
    float: left;
}
.taba{
    font-size: 16px;
    color: #444;
    border:solid 1px #ccc;
    height: 30px;
    width: 120px;
    padding-top: 5px;
    margin-top: 20px;
    float: left;
    cursor: pointer;
}
.other{
    margin:  20px 20px 0px 400px;
}
.tabc{
    height: 32px;
    width: 120px;
    padding-top: 5px;
    margin-top: 20px;
    font-size: 16px;
    color: #fff;
    background-color: #1C1CC6;
    font-weight: bold;
    float: left;
    cursor: pointer;
}
.reply-div{
    width: 965px;
    float: right;
    margin: 40px 0px 50px 0px;
}
.reply-p{
    font-size: 14px;
    color: #444;
    font-weight: bold;
    text-align: left;
    width: 80px;
    float: left;
}
.repley-input{
    width: 300px;
    height: 30px;
    float: left;
    border: solid 1px #ccc;
    text-indent: 10px;
}
.reply-div form textarea{
    font-family: 微软雅黑;
    border:solid 1px #ccc;
    padding:10px;
}
.bigdiv{
    width: 500px;
    float: left;
    margin-left: 30px;
    margin-top: -120px;
}
.subinput{
    background-color: #1C1CC6;
    font-size: 14px;
    color: #fff;
    width: 65px;
    height: 32px;
    border-style: none;
    margin-top: 10px;
    margin-right: 55px;
    float: right;
    cursor: pointer;
}
.subradio{
    float: left;
    width: 80px;
    cursor: pointer;
    font-size: 14px;
    text-align: left;
}
.bigdiv1{
    width: 500px;
    float: left;
    margin-left: 13px;
    margin-top: -120px;
}
/*专栏文章*/
.bannerpic-tecdoc{
    background-image: url("../images/banner-article.jpg");
    background-position: center;
    height:380px;
    margin-top: 35px;
    min-width: 1100px;
}
.listp{
    text-align: left;
    color: #444;
    font-weight: bold;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.list-pimg{
    margin-left: 10px;
    vertical-align: middle;
}
.listp2{
    font-size: 14px;
    color: #444;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.teclist{
    padding: 20px 0px 30px 0px;
    border-bottom: solid 1px #e3e3f3;
}
.more-icon{
    background-image: url("../images/more-status1.png");
    background-repeat: no-repeat;
    float: right;
    width: 48px;
    height: 25px;
}
.more-icon:hover{
    background-image: url("../images/more-status2.png");
    background-repeat: no-repeat;
    float: right;
    width: 48px;
    height: 25px;
}
/*联系我们*/
.bannerpic-contact{
    background-image: url("../images/banner-contact.jpg");
    background-position: center;
    height:380px;
    margin-top: 35px;
    min-width: 1100px;
}
.subtitle{
    font-size: 18px;
    font-weight: bold;
    color: #3479b8;
}
.conp{
    font-size: 14px;
    color: #444;
    float: left;
    margin:10px 0px 10px 0px;
    width: 440px;
}
.conp1{
    font-size: 14px;
    color: #444;
    /*float: left;*/
    margin:10px 0px 20px 100px;
    width: 350px;
    text-align: left;
}
.divleft{
    /*text-align: right;*/
    width: 40%;
    padding:10px 110px 20px 0px;
    border-right: solid 1px #ccc;
}
.divright{
    text-align: left;
    width: 40%;
    padding:10px 0px;
    float: right;
    margin-top: -220px;
}
.mailto{
    text-decoration: underline;
    color: #444;
}
.tuijianback{
    background-color: #f3f3f3;
    width: 100%;
}
.tjb{
    margin-bottom: 0px;
    padding-bottom: 30px;
    background-color: #f3f3f3;
}
.conimg{
    width: 25px;
    margin-right: 5px;
    vertical-align: middle;
}
.leavediv{
    width: 680px;
    margin:0px auto;
}
.leavep{
    font-size: 14px;
    color: #444;
    text-align: left;
    width: 50%;
    margin-bottom: 20px;
    float: right;
}
.leaveinput{
    height: 26px;
    background: none;
    border: solid 1px #ccc;
    text-indent: 10px;
    width: 250px;
}
.leavewords{
    font-size: 14px;
    color: #444;
    text-align: left;
    vertical-align: top;
}
.leavetext{
    border: solid 1px #ccc;
    background: none;
    text-indent: 10px;
    font-family: 微软雅黑;
    padding: 5px 0;
}
/*志愿者工作*/
.bannerpic-volunteer{
    background-image: url("../images/banner-volunteer.jpg");
    background-position: center;
    height:380px;
    margin-top: 35px;
    min-width: 1100px;
}
/*新闻活动*/
.bannerpic-news{
    background-image: url("../images/banner-news.jpg");
    background-position: center;
    height:380px;
    margin-top: 35px;
    min-width: 1100px;
}
.bannerpic-news1{
    background-image: url("../images/banner-opennews.jpg");
    background-position: center;
    height:380px;
    margin-top: 35px;
    min-width: 1100px;
}
.morediv{
    height: 56px;
    padding-top: 5px;
    margin-right: 15px;
}
.pagi{
    margin-top: 20px;
}
.pagi ul {
    float: right;
}
.pagi ul li {
    float: left;
}
/*新闻活动详情*/
.breadword{
    font-size: 14px;
    color: #666;
    vertical-align: middle;
}
.detailcontent{
    background-color: #fff;
    padding:20px 20px;
}
.detailbottom{
    border-bottom:solid 1px #ddd;
    padding-bottom: 20px;
}
.detailtitle{
    font-size: 20px;
    color: #444;
    font-weight: bold;
    text-align: left;
    margin-bottom: 10px;
}
.detailtime{
    font-size: 14px;
    color: #666;
    text-align: left;
}
.details{
    text-align: left;
    margin-top: 20px;
    overflow: hidden;
}
/**登录页面开始*/
.bannerpic-login{
    background-image: url("../images/bg-login.jpg");
    background-position: center;
    height:500px;
    margin-top: 35px;
    min-width: 1100px;
}
.login-div{
    width: 430px;
    height: 320px;
    background-color: #fff;
    float: right;
    margin-top: 90px;
    -moz-border-radius: 15px; 
    -webkit-border-radius: 15px; 
    border-radius:15px;   
}
.login-title{
    font-size: 20px;
    font-weight: bold;
    color: #333;
    text-align: left;
    margin-left: 40px;
    margin-top: 30px;
}
.login-username{
    text-align: left;
    margin-left: 40px;
    margin-top: 30px;
    font-size: 14px;
    color: #b9b9b9;
}
.login-input{
    width: 330px;
    height: 40px;
    border:solid 0.5px #ccc;
    padding-left: 20px;
}
.login-password{
    text-align: left;
    margin-left: 40px;
    margin-top: 20px;
    font-size: 14px;
    color: #b9b9b9;
}
.login-forget{
    float: right;
    font-size: 12px;
    color:#666;
    margin-right: 35px;
    margin-top: 10px;
}
.login-button{
    width: 170px;
    height: 35px;
    background-color: #1C1CC6;
    /*margin-left: 30px;*/
    margin-top: 20px;
    color: #fff;
    -moz-border-radius: 7px; 
    -webkit-border-radius: 7px; 
    border-radius:7px; 
    cursor: pointer;  
    border-width: 1px;
    border-style: solid;
}
.reg-button{
    width: 170px;
    height: 35px;
    background-color: #dfdfdf;
    margin-left: 20px;
    margin-top: 20px;
    -moz-border-radius: 7px; 
    -webkit-border-radius: 7px; 
    border-radius:7px;   
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
}
/**登录页面结束*/
/**注册页面开始*/
.currentbodycolor{
    background-color: #1C1CC6;
}
.currentnav{
    background-color: #fff;
    margin-bottom: 50px;
}
.membertitle{
    padding-top: 50px;
}
.regtr{
    border-collapse: separate;
    border-spacing: 10px;
    font-size: 14px;
}
.redstar{
    color: red;
    height: 21px;
    vertical-align: middle;
}
.regtitle{
    width: 46px;
    height: 21px;
    color: #444;
    font-size: 14px;
}
.reginput{
    width: 269px;
    height: 32px;
    border:solid 1px  #ccc;
    margin-left: 10px;
    padding-left: 10px;
    color:#333;
}
.regp{
    margin-bottom: 10px;
}
.regerror{
    font-size: 14px;
    color: #ff4101;
    padding-left: 10px;
    padding-top: 3px;
    display: none;
}
.codebutton{
    width: 96px;
    height: 32px;
    background-color: #f88d18;
    margin-left: 8px;
    border-width: 0px;
    border-style: solid;
    cursor: pointer;
    color: white;
}
.regselect{
    width: 80px;
    height: 32px;
    border-color: #ccc;
    margin-left: 10px;
    /*padding-left: 10px;*/
}
.regselect1{
    width: 77px;
    height: 32px;
    border-color: #ccc;
    margin-left: 10px;
    /*padding-left: 10px;*/
}
.regradio{
    color: #444;
    font-size: 14px;
    margin:0px 15px 0px 10px;
    cursor: pointer;
}
.confirmbutton{
    width: 110px;
    height: 35px;
    background-color: #1C1CC6;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border-radius:4px;   
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    color: white;
    margin-top: 20px;
    margin-left: 55px;
    margin-bottom: 40px;
}
/**注册页面结束*/
/**个人中心*/
.middle-line{
    width: 450px;
    border-right: solid 1px #ddd;
    margin-top:10px;
    height: 600px;
}
.left-touxiang{
    width: 180px;
    height: 180px;
    margin: 60px 110px 10px 125px;
    border-radius: 50%;
    overflow: hidden;
}
.fixed-phone{
    color: #333;
    margin-left: 10px;
    font-size: 14px;
}
.left-button{
    width: 85px;
    height: 35px;
    margin-bottom: 10px;
    background-color: #1C1CC6;
    color: white;
    background-color: #1C1CC6;
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    border-radius:6px;   
    cursor: pointer;
    border-width: 1px;
    border-style: none;
    font-size: 14px;
}
.left-p{
    font-size: 14px;
    color: #666;
    margin-bottom: 5px;
}
.right-title{
    text-align: left;
    margin-left: 100px;
    margin-top: -560px;
    margin-bottom: 20px;
}
.right-form{
    margin-left: 100px;
}
.top-div{
    width: 90px;
    height: 70px;
    border:solid 1px #ddd;
    float: right;
    background-color: #fff;
    color: #444;
    font-size: 14px;
    border-radius: 5px;
    text-align: center;
}
.top-p{
    padding:8px 0px;
    margin:0px 8px;
}
.top-p:first-child {
    border-bottom: solid 1px #ddd;
}
.top-list{
    margin:35px auto;
    display: none;
    z-index: 100;
    position: absolute;
	right: 0;
}
.top-a{
    color:#444;
}
.hid{
    display: none;
}
/**个人中心*/
/**忘记密码*/
.myselect{
    height: 21px;
    font-size: 14px;
    color: #444;
    border: 0; 
    background: transparent;
}
/**忘记密码*/
/**pg open*/
.pgopen_img{
    /*margin: 0 auto;*/
    /*height: auto;*/
    max-width: 85%;
    min-width: 1100px;
    margin-bottom: -4px;
}
.opennav{
    width: 75px;
    height: 60px;
    z-index: 300;
    position: relative;
    padding-top: 140px;
}
.opennav1{
    width: 75px;
    height: 60px;
    z-index: 300;
    position: relative;
    padding-top: 5px;
}
.prev{ position:fixed; margin-top:-25px; display:block; width:32px; height:40px; background:url(../english/images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
/**pg open*/
/*首页轮播图开始*/
   .slideBox{  overflow:hidden; position:relative; border:1px solid #ddd;  }
        .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
        .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
        .slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
        .slideBox .hd ul li.on{ background:#f00; color:#fff; }
        .slideBox .bd{ position:relative; height:100%; z-index:0;   }
        .slideBox .bd li{ zoom:1; vertical-align:middle; }
        .slideBox .bd img{ display:block;  }

        /* 下面是前/后按钮代码，如果不需要删除即可 */
        .slideBox .prev,
        .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../english/images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
        .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
        .slideBox .prev:hover,
        .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
        .slideBox .prevStop{ display:none;  }
        .slideBox .nextStop{ display:none;  }
/*首页轮播图结束*/
/***报名须知**/
.bmxz{
    font-size: 22px;font-weight: bold;color: #444;margin-bottom: 2rem;border-bottom: solid 1px #ccc;padding-bottom: 1rem;margin-right: 45px;
}
.normalbmxz{
    font-size: 16px;color: #444;
}
.csbmxz{
    font-size: 16px;font-weight: bold;color: #ff5c26;margin-top: 1.5rem;line-height: 32px;
}
.xzbmxz{
    font-size: 14px;color: #444;line-height: 28px;
}
.rightbmxz{
    float: right;
    margin-top: 10rem;
}
.qbm{
    border:solid 2px #51e334;
    border-radius: 5px;
    color: #51e334;
    padding:10px 20px;
    margin-right: 5rem;
    font-size: 16px;
    font-weight: bold;
}
.qbm:hover {
    background: #51e334 !important;
}
.navbm{
    margin-top: 45px;padding: 25px 0px;text-align: left;min-height: 600px;border:solid 1px #ccc;
}
/***报名须知**/
/***报名登录**/
.exam_process{
    text-align: left;
    margin-top: 100px;
}
.exam-process-words{
	font-family: Source Han Sans CN-Bold;
	color: #FFFFFF;
	line-height: 72px;
}
.exam_process-words0{
	font-size: 60px;
    font-family: Montserrat-Bold;
}
.exam_process-words1{
	font-size: 56px;
}
.exam_process-words2{
	font-size: 56px;
    color: #51E334;
}
.exam-process-des{
	width: 100%;
	font-size: 24px;
	font-family: Microsoft YaHei UI;
	color: #FFFFFF;
	line-height: 48px;
}
.exam-process-pic{
    width: 100%;
	/* float: right;
	margin-top: -85px;
	margin-right: 2.5rem; */
}
.memlogin{
    color: #444;
    font-weight: bold;
    font-size: 22px;
}
.div-bor{
position: relative;width: 200px;
}
.icon-user{
position: absolute;left: 0；z-index:5;
background-image: url(../images/exam/icon-login-username.png); /*引入图片图片*/
background-repeat: no-repeat; /*设置图片不重复*/
background-position: 0px 0px; /*图片显示的位置*/
width: 20px; /*设置图片显示的宽*/
height: 20px; /*图片显示的高*/
margin-top: 10px;
margin-left: 10px;
}
.icon-password{
position: absolute;left: 0；z-index:5;
background-image: url(../images/exam/icon-login-password.png); /*引入图片图片*/
background-repeat: no-repeat; /*设置图片不重复*/
background-position: 0px 0px; /*图片显示的位置*/
width: 20px; /*设置图片显示的宽*/
height: 20px; /*图片显示的高*/
margin-top: 10px;
margin-left: 10px;
}
.userwords{
    padding-left: 35px;
}
.login-button-process{
    font-size: 16px;
    width: 90px;
    height: 40px;
    background-color: #1C1CC6;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    margin-top: 2rem;
}
.seperateline-login{
    height: 350px;
    border-left:solid 1px #ddd;
    /* margin-left: 55%;
    margin-top: -230px; */
}
.seperateline-login-right{
    float: right;
   /* margin-top: -300px; */
    margin-right: 5rem;
    width: 350px;
}
.seperateline-login-right1{
    font-size: 18px;
    color: #444;
    font-weight: bold;
}
.seperateline-login-right2{
    font-size: 16px;
    color: #444;
    line-height: 28px;
    margin-top: 1.5rem;
}
.reg-button-process{
    width: 100px;
    height: 40px;
    border:solid 2px #1C1CC6;
    background-color: #fff;
    border-radius: 5px;
    color: #1C1CC6;
    font-size: 16px;
    font-weight: bold;
    margin-top: 2rem;
    cursor: pointer;
}
/***报名登录**/
/***会员注册**/
.reg-star-red{
    color: #f00;
    font-size: 14px;
    margin-right: 5px;
}
.reg-p-process{
    margin-left: 5rem;
}
.reg-input-process{
    width: 270px;
    height: 40px;
    margin-left: 10px;
    padding-left: 10px;
    font-size: 16px;
    color: #999;

}
.reg-input-process1{
    width: 160px;
    height: 40px;
    margin-left: 10px;
    padding-left: 10px;
    font-size: 16px;
    color: #999;
}
.reg-table-tr{
    display: block;
    margin-bottom: 1rem;
}
.reg-table-td{
    width: 95px;
}
.reg-button-process1{
    width: 95px;
    height: 40px;
    color: #444;
    font-size: 14px;
    margin-left: 12px;
}
.reg-table-td1{
    font-size: 14px;
    color: #ff4000;
    padding-left: 10px;
}
.reg-table-td2{
    font-size: 14px;
    color: #666;
}
/***会员注册**/
/***考试信息**/
.examselect{
    width: 270px;
    height: 40px;
    margin-left: 10px;
    padding-left: 10px;
    font-size: 16px;
    color: #999;
}
.signup-p-process{
    margin-left: 25px;
    font-size: 16px;
    color: #444;
}
.signup-button-process{
    font-size: 16px;
    width: 90px;
    height: 40px;
    background-color: #1C1CC6;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
}
.signup-input-process {
    width: 305px;
    height: 40px;
    margin-left: 10px;
    padding-left: 10px;
    font-size: 16px;
    color: #999;
}
.tip_title{
    display: block;
    font-size: 16;
    color: #FF5B26;
    font-weight: bold;
    margin-bottom: 8px;
}
.tip_content{
    display: block;
    font-size: 14;
    color: #666;
    margin-bottom: 3px;
}
.unexpired_title{
    display: block;
    font-size: 16;
    color: #444;
    font-weight: bold;
    margin-bottom: 17px;
}
.unexpired-p-process{
    border-collapse: collapse;
    border:solid 1px #ccc;
}
.unexpired-p-process tr td, .unexpired-p-process tr th{
    border:solid 1px #ccc;
    height: 40px;
}
.unexpired-p-process tr th{
    font-size: 16;
    color: #444;
    font-weight: bold;
    background-color: #EEE;
}
.unexpired-p-process tr td{
    font-size: 16;
    color: #666;
}
.btitle{
    border-bottom: solid 2px #888;
    display: block;
    width: 88px;
    padding-bottom: 1rem;
}
/***考试信息**/
/***考试信息确认**/
.unexpired-p-process{
    text-align: center;
}

.circle{
    float: right;
    width: 20px;
    height: 20px;
    padding: 0px 2px 4px 2px;
    border-radius: 50%;
    background-color: #FF822F;
    color: #fff;
    margin-top:-50px;
    position: relative;
    right: 30px;
}
/***考试信息确认**/