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

/*通用*/
.fl{float:left}
.fr{float:right}
.clr{clear:both}
.mar_t{margin-top:15px}
.content_in{margin:20px auto; width:100%; overflow:hidden;}
.center_box{width:1200px; margin: 0 auto; overflow:hidden;}
.center_box .title{margin: 0 auto;}
.center_box .right{width: 267px;}
.sub_curpage_box .title_content{margin:0;line-height: 45px;padding: 0 5px 0 20px;border-bottom: 2px solid #c00;box-sizing: border-box;height: 45px;}
.title_style2 .title_content{margin:10px 10px 0 10px;}
.center_box .title_style1{margin: 0;}
.title_style1{width: 90%;padding-left: 10%;}
.title_style1 .left{width: 35%;}
.title_style1 .title_content{margin: 1.5% 0 0 0%;}
.title_style1 .right{width: 33%;margin: -1% 0 0 -2%;}
.title_style2{width: 100%;}
.title_style2 .left{width: 65px;}
.title_style3{width: 61% ;margin: 1% auto 1% auto ;}
.title_style3 img{width: 10%;}
.sub_curpage_box{margin-bottom: 10px;}
.sub_curpage_box img{width: auto;height: 40px;padding: 5px 0 0px 5px;border-bottom: 2px solid #c00;box-sizing: border-box;height: 45px;}
.bor_dashed{border-bottom:1px dotted #ccc}
.public_bg{background: #FCFCF4;}
.bgt_bg{background: #E2F1F6;}
.more{float: right;color: #A60505;margin-top: 2.5%;}
.public_tit{width: 100% !important; height: 38px; background: #ECECEC; display: flex; align-items: center; justify-content: space-between;}
.public_tit a:nth-child(1){ float: left;width: 150px; line-height: 38px; background: #A60505; text-align: center; font-size: 26px; color: #FFFFFF;}
.public_tit a:nth-child(2){ float: right; margin-top: 7px\0; width:20px; height: 20px; border:2px solid #A50505; text-align: center; line-height: 18px; color: #A50505; font-size: 24px; font-weight: bold; margin-right: 10px;}

/*头部*/
.bg_head{width:100%; text-align: center;height:200px; display: flex; flex-direction: column; margin:0 auto; background:url(bg_head_gatjw2018.jpg) center no-repeat}
/*.bg_head h3{ width: 80%; line-height:45px; text-align:right; margin: 0 auto; font-size: 14px; color: #333333;}
.bg_head h3 a:hover{color: #A60505;}*/
.bg_head img{ width: 50%; margin:auto; align-items: center; margin-top:50px\0}

/*导航*/
.nav_box{width:100%; margin: 0 auto; height:45px; background:#0D66AA; border-top:4px #073C63 solid;}
.nav_bar{width:1200px; margin: 0 auto; display: flex;}
.nav_bar ul{display: flex; margin-left: 20px\0; flex-flow: row nowrap; flex: 1; justify-content: space-around;margin-right:3em}
.nav_bar li{ float:left;line-height:45px; text-align:center; font-size:22px; color:#fff; font-weight: bold; margin:0 0 0 1.5em}
.nav_bar li a{color:#fff; display:block}
.nav_bar li a:hover{color:#8AB6D7}

.search{width:184px; height:33px; float:right; background:rgba(255,255,255,.2); border-radius: .2em; margin-top: 5px; border: #9EC5E5 solid 1px;float:left;margin-left: 50px\0}
.search input{width:80%; height:25px; text-align:left; line-height:25px; background-color:transparent; border:0; margin:4px 0 0 3px; font-size:14px; float:left; color:#fff}
.search img{float:left; margin:8px 0 0 3px}

.btn_login{ float: left;width: 120px; height: 32px; background: url(btn_login_off_gatjw2018.png) center no-repeat; line-height: 30px; text-align: center; color: #ffffff; font-size: 0.9em; margin: 5px 8px;}
.btn_login:hover{background: url(btn_login_on_gatjw2018.png) center no-repeat; color: #ffffff;}


/*banner*/
.banner_box{margin: 0 auto 10px;}
.banner_box img{margin-top: 10px\0}

/*廉政要闻*/
.lzyw_box{height:135px; background: url(../images/bg_gray_gatjw2018.jpg); display: flex;}
.lzyw_tit{ float: left;width: 110px; height: 110px; background: #A70405; margin:12px; display: flex;text-align: center}
.lzyw_tit img{ margin: auto;height:86px\0; margin-top: 10px\0}
.lzyw_box a{float: left;width: 85%\0; flex: 1;padding: 20px; line-height: 50px; font-size: 38px; font-family: "黑体"; font-weight: bold; color: #063963; text-align: center; margin: auto;}
.lzyw_box a:hover{color: #333333;}

/*part1*/
.part1_box{width: 100%; display: flex; flex-flow: row nowrap; margin-top: 10px;}
.part1_left{ float: left;width: 700px; margin-right: 10px;}
.part1_right{flex: 1; display: flex; flex-direction: column;}
.part1_right h3{min-height: 75px; display: flex; justify-content: center; align-items: center; text-align: center;}
.part1_right h3 a{font-size: 24px; color: #063A63; line-height: 1.8em; }
.part1_right h3 a:hover{color: #333333;}
.part1_right ul{}
.part1_right ul li{ width: 98%; margin:8px auto 0; height: 45px; display: flex ; align-items: center; text-align: left;}
.part1_right ul li a{font-size: 18px; color: #000000; line-height: 1.5em;}
.part1_right ul li a:hover{color: #666666;}

/*焦点图*/
.focus{position:relative;width:700px;height:380px; float:left;}  
.focus img{width:700px;height:380px;} 
.focus .fPic{position:absolute;left:0px;top:0px;}  
.focus .D1fBt{overflow:hidden;zoom:1;height:16px;z-index:10;}  
.focus .D2fBt{overflow:hidden;zoom:1;height:16px;z-index:10;}  
.focus .shadow{width:100%;position:absolute;bottom:0;left:0px;z-index:10;height:40px;line-height:40px;background:rgba(0,0,0,0.6);  
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;display:block;text-align:left;}  
.focus .shadow a{text-decoration:none;color:#fff;font-size:16px;overflow:hidden; margin-left:15px; font-family:"微软雅黑"; width:421px; height:40px;line-height:40px;overflow:hidden; display:inline-block; }  
.focus .fcon{position:relative;width:100%;float:left;display:none;background:#000  }  
.focus .fcon img{display:block;}  
.focus .fbg{bottom:13px;right:10px;position:absolute;height:12px;text-align:center;z-index:200; }  
.focus .fbg div{ overflow:hidden; height:12px }    
.focus .D1fBt a{position:relative;display:inline;width:10px;height:10px; margin:0 3px;color:#B0B0B0; text-decoration:none;text-align:center;outline:0;float:left;background:#fff;}    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#FFBF00;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none;font-style:normal;}    
.focus .D2fBt a{position:relative;display:inline;width:10px;height:10px; margin:0 3px;color:#B0B0B0; text-decoration:none;text-align:center;outline:0;float:left;background:#fff;}    
.focus .D2fBt .current,.focus .D1fBt a:hover{background:#FFBF00;}    
.focus .D2fBt img{display:none}    
.focus .D2fBt i{display:none;font-style:normal;}    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background:url(../images/focus_btn_gatjw2018.png) no-repeat;}
.focus .prev{top:50%;margin-top:-37px;left:0;background-position:0 -74px;cursor:pointer;}  
.focus .next{top:50%;margin-top:-37px;right:0;background-position:-40px -74px;cursor:pointer;}  
.focus .prev:hover{background-position:0 0;}  
.focus .next:hover{background-position:-40px 0;}

/*part2*/
.part2_box{width: 100%; display: flex; flex-flow: row nowrap; margin: 10px 0;}
.part2_left{ float: left; width: 792px\0; flex: 1; margin-right: 20px; display: flex; flex-direction: column;}
.part2_left img{margin: 10px auto 0px;}
.part2_right{ float: right; width: 385px;}
.icon_list{margin-top:10px}
.icon_list a{border:#FDCA98 solid 1px; border-top: 0; display: block; font-size: 18px; color: #000000; text-align: center; line-height: 78px;}
.icon_list a:hover{color: #A60505;}
.icon_list a:nth-child(1){background:url(../images/ptdh_bg1_gatjw2018.png) right no-repeat #FAEEE7;border-top:#FDCA98 solid 1px;}
.icon_list a:nth-child(2){background:url(../images/ptdh_bg2_gatjw2018.png) left no-repeat #F7EEED}
.icon_list a:nth-child(3){background:url(../images/ptdh_bg3_gatjw2018.png) right no-repeat #E4F0F8}
.icon_list a:nth-child(4){background:url(../images/ptdh_bg4_gatjw2018.png) left no-repeat #FBF7F0}
.icon_list a:nth-child(5){background:url(../images/ptdh_bg5_gatjw2018.png) right no-repeat #E1DEE0}
.public_box{margin-top: 10px; display: flex; flex-flow: row nowrap;}
.public_box div{width: 100%; float: left;width: 48.5%\0}
.public_box div:nth-child(1){margin-right: 20px;}
.public_list{clear: both;padding-top: 6px\0}
.public_list li{ width: 98%; margin:8px auto 0; height: 30px; display: flex ; align-items: center; text-align: left;}
.public_list li a{font-size: 18px; color: #000000; line-height: 1em;}
.public_list li a:hover{color: #666666;}

/*part3*/
.part3_box{width: 100%; display: flex; flex-flow: row nowrap; margin: 10px 0; justify-content: space-between;}
.part3_box .lit_box{width: 32%; float: left; margin-right: 15px\0}
.part3_box .lit_box img{margin-top: 10px;}

/*part4*/
.part4_box{width: 100%; clear: both;display: flex; flex-direction: column; margin: 10px 0;}
.img_box{width: 100%; display: flex; flex-direction: row; justify-content: space-between; margin-top: 10px;}
.img_box a{width: 49.2% ; position: relative; float: left;margin-right: 4px\0}
.img_txt{ display:block; width: 100%; position:absolute; background: rgba(0,0,0,.5); bottom:5px; text-align:center; line-height:34px;color:#ffffff}

.img_box div{ width: 49%; width: 50%\0; float: left;display: flex; flex-flow: row wrap; justify-content: space-between;}
.img_box div a img{width: 100%;}

/*link*/
.tabBox{width:100%; margin-bottom: 20px; clear: both}
.tabBox ul.tabTag{width:100%; height:40px; list-style:none; padding:0;background:#ECECEC;}
.tabBox ul.tabTag li{line-height:40px; height:40px; padding:0 20px; float:left; margin-right:15px; color:#000000; cursor:pointer; text-align:center; font-size:18px;}
.tabBox ul.tabTag li.active{font-size:18px; color:#A60505; padding:0 20px; background:#ECECEC; border-bottom:2px solid #A60505}
.tabBox ul.tabTag li.active a{color:#A60505;}
.tabBox .tabCon{ margin-top:0px; padding-left:5px; clear:both; overflow:auto;}
.tabBox .tCon{display:none;}
.tabBox .tCon ul li{ width:98%;line-height:38px; font-size:14px; float:left; margin:0; text-align:left; padding-left:10px; }
.tabBox .tCon ul li a{ display:block; float:left;margin-right: 40px; color: #333333;}
.tabBox .tCon ul li a:hover{color:#666666}

/*底部*/
.bottom_box{margin:0 auto; width:100%; height:90px; background:#575757}
.box_in{width: 1200px; margin: 0 auto; display: flex; align-items: center;}
.box_in h3{text-align:left; float: left;line-height:90px; font-size:16px; color:#fff; flex: 1;}
.box_in a{ float: left;color: #CCCCCC; font-size: 14px; margin-right: 40px; margin-left:200px\0 }
.box_in a:hover{color: #999999;}
.box_in a:nth-child(1){margin-left: 300px; }
.box_in a:nth-child(2){text-align: left; line-height: 90px;}
.box_in a img{margin-top: 10px\0;}
.txt_line{line-height: 90px}

@media screen and (max-width:1366px){
	.bg_head img{ width: 60%;}
	}

@media screen and (max-width:1024px){
	.bg_head img{ width: 70%;}
	.nav_bar ul{ width: 57%; flex: none;}
	.nav_bar li{font-size: 18px; margin: 0 0 0 1.1em}
	}
@media (max-width: 1700px) and (min-width: 1580px){
	.title_style3 {
	    width: 52% !important;
	}
}