/*commom style*/
*,*:before,*:after {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd, ul, ol, li,pre,form, fieldset, legend, button, input, textarea,th,td,img{border:medium none;margin:0;padding:0;}
em{font-style:normal;}
ul, ol{list-style: none;}
table{border-collapse: collapse;border-spacing: 0; }
a,ins{text-decoration:none;}
*:focus{outline:none;}
a{color:#333;outline:none!important;}
a:hover{color:#355e92;}
.fl{float:left;}
.fr{float:right;}
.cf:after{display:block;content:"";height:0;visibility:hidden;clear:both;}
.cf{zoom:1;}
.hide{display:none;}
.block{display:block;}
body{font-family:微软雅黑;margin:0; padding:0;font-size:17px;}/*commom style*/


.cf:after{display:block;content:"";height:0;visibility:hidden;clear:both;}
.w1200{
    width: 1200px;
    margin: 0 auto;
}


/* main start */
.main1{
    background: #fff;
    height:735px;
    padding-top:30px;
}
.
/*图片新闻*/
/*模块的大小*/
.bord{
    width: 630px;
    height: 415px;
}
.focusBox {
    position: relative;
    /*根据具体页面要求修改宽高*/
    width: 630px;
    height: 415px;
    overflow: hidden;
    text-align: left;
}
.focusBox .pic img {
    /*根据具体页面要求修改宽高*/
    width: 630px;
    height: 415px;
    display: block;
}
.focusBox .pic img {
    display: block;
}
.pic {
    float: left;
}
.focusBox .txt-bg {
    position: absolute;
    bottom: 0;
    z-index: 1;
    /*背景条透明度及高度可修改*/
    height: 40px;
    width: 100%;
    background: #333;
    filter: alpha(opacity=40);
    opacity: 0.4;
    overflow: hidden;
}
.focusBox .txt {
    position: absolute;
    bottom: 0;
    z-index: 2;
    /*根据txt-bg改高度*/
    height: 40px;
    width: 100%;
    overflow: hidden;
}
.focusBox .txt li {
    /*根据txt-bg改高度*/
    height: 40px;
    line-height: 40px;
    position: absolute;
    bottom: -40px;
}
.focusBox .txt li a {
    display: block;
    color: white;
    padding: 0 0 0 20px;
    font-weight: bold;
    text-decoration: none;
}
.focusBox .txt li a:hover {
    color: #0b51c1;
}
.focusBox .num {
    position: absolute;
    z-index: 3;
    /*小方格位置*/
    bottom: 12px;
    right: 16px;
}
.focusBox .num li {
    float: left;
    position: relative;
    /*小方格大小*/
    width: 12px;
    height:12px;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
    margin-right: 10px;
    cursor: pointer;
}
.focusBox .num li a, .focusBox .num li span {
    position: absolute;
    z-index: 2;
    display: block;
    color: white;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
}
.focusBox .num li span {
    display: inline-block;
    width: 12px;
    height:12px;
    z-index: 1;
    background: url(write.png) no-repeat;
    /*-moz-opacity:0.9;*/
    /*-khtml-opacity: 0.9;*/
    /*opacity: 0.9;*/
    /*filter:alpha(opacity=90);*/
}
.focusBox .num li.on a, .focusBox .num a:hover {
    background: url(blue.png) no-repeat;
}
/* first 右侧列表 */
.first_right{
    width:545px;
    margin-bottom: 18px;
}
.first .title{
    height:55px;
    background:url(cg_01.jpg) no-repeat;
    margin-bottom: 12px;
}
.title a{
    color: #fff;
    display: inline-block;
    line-height: 40px;
    padding-left: 60px;
    font-weight: bold;
    font-size: 23px;
}
.first_con div>a{
    background: url(dian.png) no-repeat left center;
    display: block;
    padding-left: 15px;
    line-height: 45px;
}
.first_con div>a.act{
    color: #0b51c1;
}
.first_con .con{
    width:530px;
    height:150px;
    background: #f2f8ff;
    font-size: 15px;
    padding:15px;
    line-height: 30px;
    color: #999;
    text-align: justify;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
}
.con .more{
    color: #f10b0b;
    float: right;
}
/* 第二块三个列表 */
.second{
    height:250px;
}
.second>div.ri{
    width:570px;
    margin-left: 655px;
}
.second>div.fl{
    margin-right:30px;
    width:570px;
}
.second .title{
    height:55px;
    background:url(cg_02.png) no-repeat;
    margin-bottom: 12px;
}
.second ul li a{
    background: url(dian.png) no-repeat left center;
    display: block;
    padding-left: 15px;
    line-height: 45px;
}

/* 互动交流及大图 */
.main2{
    background: #f4f4f4;
    padding-top:40px;
    padding-bottom:40px;
}
/* 互动 */
.third{
    height:370px;
    position: relative;
    background: url(cg_04.png) no-repeat right top #fff;
    padding-top:50px;
    padding-left:30px;
    padding-right:30px;
    margin-bottom: 30px;
    border:1px solid #e9e4d5;
}
.hdjl{
    position: absolute;
    width: 290px;
    height: 55px;
    background: url(cg_03.png) no-repeat;
    top:-16px;
    left:455px;
    line-height: 55px;
    font-size: 23px;
    font-weight: bold;
    text-align: center;
}
.hdjl a{
    color: #fff;
}
.third>div{
    width:380px;
}
.third>div.fl{
    margin-right:30px;
}
.third .title{
    height:55px;
    background:url(cg_02.png) no-repeat;
    margin-bottom: 12px;
}
.third ul li a{
    background: url(dian.png) no-repeat left center;
    display: block;
    padding-left: 15px;
    line-height: 45px;
}
.third .tutu{
    width:310px;
}
.tutu a{
    display: inline-block;
    width:140px;
    height:120px;
    text-align: center;
    padding-top: 80px;
    margin-bottom: 30px;
    margin-top:5px;
}
.tu1{background:url(cg_06.png) no-repeat;margin-right:20px;}
.tu2{background:url(cg_07.png) no-repeat;}
.tu3{background:url(cg_08.png) no-repeat;margin-right:20px;}
.tu4{background:url(cg_09.png) no-repeat;}

/* 大图 */
.forth{
    height:1640px;
    padding-top:60px;
    padding-left:40px;
    background: url(cg_04.png) no-repeat right top #fff;
    border:1px solid #e9e4d5;
}