.conLeft{width:300px;}
.conRig {padding-left:340px;}
.comBox{margin:70px 0;}

/*banner*/
.banner img{width:100%;}

/*导航*/
.leftNav{}
.leftNav h3{font-size: 32px;color: #004683; text-align: center;background: url(/ctgi/uiFramework/commonResource/image/2020092316274334057.png) center no-repeat; font-weight: bold; line-height: 90px;}
.leftNav .leftList{margin-top:6px;background:#f7fbff;}
.leftNav .leftList .one{ }
.leftNav .leftList .one .oneLi .navLtit{padding:28px 0 28px 30px;}
.leftNav .leftList .one .oneLi .navLtit a{font-size: 20px;color: #333; }
.leftNav .leftList .one .oneLi.yes .navLtit , .leftNav .leftList .one .oneLi:hover .navLtit {background:#0158a2;}
.leftNav .leftList .one .oneLi.yes a,.leftNav .leftList .one .oneLi:hover a{color:#fff;}
.leftNav .leftList .one .oneLi.yes .two{display:block}
.leftNav .leftList .one .two{display:none;}
.leftNav .leftList .one .oneLi.yes .two .twoLi:last-child{border-bottom:none;}
.leftNav .leftList .one .oneLi.yes .two .twoLi{text-indent: 24px;width: 80%;margin: 0 auto;padding:20px 0;}
.leftNav .leftList .one .oneLi.yes .two .twoLi a{color:#333;font-size:16px;}
.leftNav .leftList .one .oneLi.yes .two .twoLi:hover a{color:#0a64b9;}
.leftNav .leftList .one .oneLi.yes .two .twoLi.on a{color:#0a64b9;}



/*文章列表*/
.listBox{min-height:600px;}
.listBox1 h3{font-size:30px;color:#333;margin-bottom:36px;}
.listDan p{line-height:32px;font-size:16px;color:#333;margin-bottom:2.5rem;}

.conLeft{width:300px;}
.conRig {padding-left:340px;}



.yearlist{position:relative;display:none;}
.listbd{width: 94%;margin: 0 auto; overflow: hidden; position:relative;}
.listbd ul{overflow:hidden;}
.listbd ul li{ float:left; _display:inline; overflow:hidden; text-align:center;  }
.listbd ul li.on{color:#0158a2;background:url(/ctgi/uiFramework/commonResource/image/2020092817125058427.png) no-repeat bottom;}
.listbd ul li.on p{color:#0158a2;}

.bd_content {display:none;}

/*时间轴*/
.hd{ width:100%; height:130px; position:relative;margin-top:40px;border-bottom:1px solid #d1dee9;margin-bottom:10px;}
.hd ul{  height:140px;width:100%;margin:0 auto;}
.hd ul li{width:16%;float:left; height:140px;cursor:pointer;box-sizing:border-box; margin-right:10px;;font-size:3.125rem;}
.hd ul li p{font-size:16px;color:#999;line-height:24px;margin-top:16px;}

/*左右按钮*/
.arrow{position:absolute;width:100%;top:10px;}
.arrow a{ display:block; width: 35px; height: 35px; cursor:pointer;}
.arrow .prev_me{background:url(/ctgi/uiFramework/commonResource/image/2020092710531621306.png) no-repeat 0 0;float:left;}
.arrow .next_me{background:url(/ctgi/uiFramework/commonResource/image/2020092710532936604.png) no-repeat 0 0;float:right;}
.prev_me:hover{background:url(/ctgi/uiFramework/commonResource/image/2020092710532399626.png) no-repeat 0 0;}
.next_me:hover{background:url(/ctgi/uiFramework/commonResource/image/2020092710533635993.png) no-repeat 0 0;}

/*tab内容区*/
.year_info{margin-top:30px;display:none;}
.hisList {margin-left:-2.5%;}
.hisList li{float:left;margin-left:2.3%;width:31%;}
.hisList li p{font-size:16px;color:#333;line-height:32px;text-align:justify;}




/*新history*/
a.fl_prev, a.fl_next{ display: block; width: 35px; height: 35px;  }

a.fl_prev{background:url(/ctgi/uiFramework/commonResource/image/2020092710531621306.png) no-repeat 0 0;float:left;position:absolute;top:47%;left:-32px;}
a.fl_next{background:url(/ctgi/uiFramework/commonResource/image/2020092710532936604.png) no-repeat 0 0;float:right;position:absolute;top:47%;right:-39px;}
a.fl_prev:hover{background:url(/ctgi/uiFramework/commonResource/image/2020092710532399626.png) no-repeat 0 0;}
a.fl_next:hover{background:url(/ctgi/uiFramework/commonResource/image/2020092710533635993.png) no-repeat 0 0;}


.sx_zyyw{position:relative;display:none;}
.sx_zyyw .sx_zyyw_con {overflow:hidden;}
.sx_zyyw_list li{height:470px;position:relative;width:25%;}
.sx_zyyw_list li .txt{min-height:195px;border:1px solid #ccc;width:92%;margin-left:3%;transition:all .7s;}
.sx_zyyw_list li .txt h3 {position: absolute;top: 0; right: 0;left: 0;height: 44px;line-height: 44px; margin: 0;text-align: center;background-color: #e2e2e2;transition:all 1s;}
.sx_zyyw_list li .txt h3:before {
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -9px;
    border-width: 0 9px 18px;
    border-style: solid;
    border-color: transparent transparent #E2E2E2;
    content: '';
}
.sx_zyyw_list li:nth-child(even) .txt h3:before {
    top: 100%;
    bottom: auto;
    border-width: 18px 9px 0;
    border-color: #E2E2E2 transparent transparent;
}
.sx_zyyw_list li:nth-child(even) .txt:before {
    top: auto;
    bottom: -49px;
}
.sx_zyyw_list li .txt:before {
    position: absolute;
    top: -49px;
    left: 50%;
    width: 20px;
    height: 20px;
    overflow: hidden;
    margin-left: -10px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: rgba(1,88,162,.6);
    content: '';
}
.sx_zyyw_list li .txt:after {
    position: absolute;
    top: -45px;
    left: 50%;
    width: 12px;
    height: 12px;
    overflow: hidden;
    margin-left: -6px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #0158a2;
    content: '';
}
.sx_zyyw_list li:nth-child(even) .txt:after {
    top: auto;
    bottom: -45px;
}
.sx_zyyw_list li .txt h3 a{font-size: 20px; font-weight: 400; color: #999999;}
.sx_zyyw_list li:nth-child(even) .txt h3 {top: auto;bottom: 0;}
.sx_zyyw_list li:nth-child(even) .txt{position:absolute;top:0;}
.sx_zyyw_list li:nth-child(odd) .txt{position:absolute;bottom:0;}
.sx_zyyw .sx_zyyw_con:before {position: absolute; top: 50%; right: 0; left: 0;border-top: 1px solid #c7c7c7;content: '';}
.sx_zyyw_list li .txt .hisBox{position:absolute;bottom:64px;padding:0 8px;}
.sx_zyyw_list li:nth-child(odd) .txt .hisBox{bottom:auto;top:64px;}
.sx_zyyw_list li .txt .hisBox p{line-height:24px;}
.sx_zyyw_list li .txt .hisBox p a{font-size:14px;color:#999;}
.sx_zyyw_list li .txt:hover{background:#0158a2;}
.sx_zyyw_list li .txt:hover h3{background:#fff;}
.sx_zyyw_list li .txt:hover h3 a{color:#333;}
.sx_zyyw_list li .txt:hover .hisBox p a{color:#fff;}



/*20201123新的history标题*/
.histotys{display:none;}
.newHis {overflow:hidden;}
.newHis li{width:240px;margin-right:24px;border:1px solid #076baf;float:left;height:50px;line-height:50px;text-align:center;border-radius:48px;}
.newHis li.on{background:#076baf;}
.newHis li a{font-size:24px;color:#333;}
.newHis li.on a{color:#fff;}
/*20201123新的history*/
.histotsList {border-left:2px solid #ededed;padding-top:20px;margin-top:20px;}
.histotsList li{background:url(/ctgi/uiFramework/commonResource/image/2020112316373189595.png) no-repeat 0 20px;;margin-left:-8px;margin-bottom:30px;overflow:hidden;}
.histotsList li .histotysL {font-size:32px;color:#333;padding:10px 70px 0 36px;width:10%;}
.histotsList li .histotyR {width:78%;border-bottom:1px solid #ededed;padding-bottom:20px;}
.histotsList li .histotyR .hisBox{margin:12px 0;}
.histotsList li .histotyR .hisBox .hisL {margin-right:30px;}
.histotsList li .histotyR .hisBox .hisL img{height:160px;width:260px;object-fit:cover;}
.histotsList li .histotyR .hisBox .hisR p,.histotsList li .histotyR p{font-size:16px;line-height:32px;color:#333;}
.histotsList li:hover .histotysL {color:#076baf;}
.histotsList li .histotyR  img{display:none;margin:4px 0 20px 0;width:420px;height:260px;}




/*ipad ipadpro*/
@media only screen and (min-width: 961px) and (max-width: 1024px) {
.conLeft{display:none;}
.conRig{padding-left:0;width:100%;}
.comBox{margin:40px 0;}
.listBox1 h3{font-size:20px;margin-bottom:20px;}
}


/*手机端960px*/
@media only screen and (min-width: 100px) and (max-width: 960px) {
.leftNav{display:none;}
.conRig{width:100%;margin-bottom:24px;min-height:auto;}


}


/*手机端768px*/
@media only screen and (min-width: 100px) and (max-width: 768px) {
/*分页*/
#left{margin-left:12px;}
#right{margin-right:12px;}
.ej_page{width:100%;padding:0;margin:20px auto;}
.ej_page .easysite-page-wrap a{padding:0 8px;height:24px;line-height:24px;margin:0 8px;}
.ej_page .easysite-jump-page *{height: 26px; ; line-height: 26px;border-radius:4px;}

.dqwz{width:100%;margin:0 auto;float:none;padding-bottom:1rem;}


}




/*手机端1200px*/
@media only screen and (min-width: 100px) and (max-width: 1200px) {

}


/*手机端960px*/
@media only screen and (min-width: 100px) and (max-width: 960px) {
.leftNav{display:none;}
.conRig{width:100%;margin-bottom:24px;min-height:auto;}

}


/*手机端768px*/
@media only screen and (min-width: 100px) and (max-width: 768px) {
.comBox{margin:20px 0;background:none !important;}
/*banner*/
.banner img{height:20vh;object-fit:cover;}
.conRig{padding-left:0;}

.arrow a{position:relative;z-index:500;}
.listBox1 h3{font-size:18px;margin-bottom:20px;}
.hd ul li{font-size:18px;width:50%;}


.hisList {margin-left:0;}
.hisList li{width:100%;margin-left:0;margin-bottom:20px;}


/*20201123新的history标题*/
.newHis li{width:47%;margin-right:4%;height:40px;line-height:40px;}
.newHis li a{font-size:20px;}
.histotsList{padding:20px 0 0 0;border-left:0;margin-top:0;}
.histotsList li{background:none;margin-left:0;margin-bottom:1rem;box-shadow:4px 4px 44px #ededed;padding:1.5rem 1rem;}
.histotsList li .histotysL{font-size:20px;padding:0;width:100%;margin-bottom:1rem;color:#076baf;}
.histotsList li .histotyR{width:100%;border-bottom:none;padding-bottom:0;}
.histotsList li .histotyR .hisBox{margin:0 0 4px 0;}
.histotsList li .histotyR .hisBox .hisL{margin-right:0;float:none;}
.histotsList li .histotyR .hisBox .hisL img{}
.histotsList li .histotyR .hisBox .hisR p, .histotsList li .histotyR p{font-size:14px;}
}