@charset "utf-8";
/* CSS Document */
 
*{
	box-sizing:border-box;
	-moz-box-sizing:border-box;/*兼容低版本的浏览器*/
	-webkit-box-sizing:border-box;/*为了兼容低版本的web*/
	color:#000;
}
body{
	font-size:12px;
	font-family:Arial,Verdana,Tahoma,"微软雅黑","黑体";
	line-height:120%;
	background:#fff;
	margin:0;
	overflow-x:hidden;/*溢出隐藏，去掉水平方向的，直接剪裁*/
}
p,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,form,table{
	margin:0;
	padding:0;
}
a,img{
	border:none;/*兼容ie浏览器*/
}
img{
	vertical-align:middle;
	border:0;
}
li{
	list-style:none;
}
i,em{
	font-style:normal;
}
a{
	text-decoration:none; 
	color:#000000;
	border:0;
}
a:link{
	text-decoration:none; 
	color:#000000;
}
a:visited{
	text-decoration:none; 
	color:#000000;
}
a:hover{
	text-decoration:none; 
	color:#000000;
}
a:active{
	text-decoration:none; 
	color:#000000;
}
.clearfix:before,.clearfix:after{
	display:table;
	content:"";
}
.clearfix:after{
	clear:both;
}
.clearfix{
	*zoom:1;
}

/*display*/
.display_flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.display_flex > *{
    display: block;
}
.display_inline-flex{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;    
}
.display_inline-flex > *{
    display: block;
}
/*伸缩流方向*/
.flex-direction_column{
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
/*主轴对齐*/
.justify-content_flex-center{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.justify-content_flex-end{
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.justify-content_flex-justify{
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
/*侧轴对齐*/
.align-items_flex-start{
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.align-items_flex-end{
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}
.align-items_center{
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.align-items_baseline{
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
}
/*伸缩性*/
.flex_auto{
    -webkit-box-flex: 1;
    -ms-flex: auto;
    -webkit-flex: auto;
    flex: auto;
}
.flex_1{
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;    
}
/*显示顺序*/
.order_2{
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}
.order_3{
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
}
.footer{
    height: 60px;
    background-color: #eeeeee;
    position: fixed;
    z-index: 9;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    line-height: 60px;
}
.header-div{
    height: 90px;
    background: #0273d4;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
}
.top-content{
    width: 1060px;
    margin: 0 auto;
    height: 90px;
}
.top-content img{
    width: 53px;
    height: 50px;
    margin-right: 10px;
}
.top-content p{
    font-size: 24px;
    font-weight: bolder;
    color: white;
}
.content{
    width: 1060px;
    margin: 110px auto 80px;
    clear: both;
    overflow: hidden;

}
.content-left{
    width: 790px;
    margin-right: 20px;
    float: left;
}
.content-right{
    width: 250px;
    float: left;
}
.tab-div{
    clear: both;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
}
.tab{
    float: left;
    padding: 10px 10px;
	font-family: NotoSansCJKsc-Bold;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
   
    
}
.tab.active{
    border-bottom:3px solid #0273d4;
    color: #0273d4;
    font-weight: bolder;
}
.list-item{
    display: block;
    height: 40px;
    border-bottom: 1px dashed #e5e5e5;
}
.list-item:last-child{
    border: 0;
}
.text{
    cursor: pointer;
    color: #222222;
    font-size: 14px;
    line-height: 40px;
    padding-left: 20px;
    max-width: 550px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    float: left;
}
.text::before{
    content: '';
    width: 5px;
    height: 5px;
    background: #0273d4;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 18px;
}
.date{
    line-height: 40px;
	float:right;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #222222;
}
.wechart-top{
    margin: 16px 0 19px;
    padding:  0 15px;
}
.wechart-top img{
    width: 18px;
    height: 14px;
    margin-right: 8px;
}
.wechart{
    width: 250px;
    height: 250px;
    background: #f0f2f8;
    clear: both;
    overflow: hidden;
}
.wechart-top p {
    font-family: NotoSansCJKsc-Bold;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #0273d4;
}
.wechart-img{
    width: 146px;
    height: 146px;
    margin: 0 auto;
    display: block;
}
.watcher{
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #0273d4;
    text-align: center;
    margin-top: 15px;
}
.chooseItem{
    text-align: center;
    width: 250px;
	height: 70px;
    background-color: #0273d4;
    line-height: 70px;
    font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 1px;
    color: #ffffff;
    display: block;
    margin-top: 20px;
    cursor: pointer;
}
.chooseItem:hover{
    color: white;
}
.chossed{
    margin-top: 30px;
}
.chossed .tab{
    margin-right: 20px;
    cursor: pointer;
}
.choosed-list-div{
    clear: both;
    overflow: hidden;
}
.choosed-list-div-top{
    position: relative;
    font-family: NotoSansCJKsc-Bold;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #0273d4;
    padding-left: 20px;
    margin: 22px 0 0px;
}
.choosed-list-div-top::before{
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 5%;
    background: #0273d4;
    position: absolute;
    top: 6px;
    left: 0;
}
.tab-list{
    clear: both;
    overflow: hidden;
    margin-top: 27px;
}
.float-left{
    float: left;
    margin-right: 20px;
}
.float-left:nth-child(3n){
    margin-right: 0;
}
.tab-text{
    width: 250px;
    height: 70px;
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #ffffff;
    border: dashed 2px #cccccc;
    cursor: pointer;
}

.tab-text p{
    margin-left: 14px;
    margin-right: 14px;
    text-align: center;
    font-family: NotoSansCJKsc-Bold;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 0px;
	color: #0273d4;
}
.tab-text div{
    margin-left: 20px;
}
.tab-text:hover{
    background-color: #0273d4;
    border: 2px solid #0273d4;
}

.tab-text:hover p{
    color: white;
}
.tab-bottom a{
    margin: 7px 15px 32px 0 ;
    cursor: pointer;
}
.tab-bottom a:nth-child(1){
    color: #0273d4;
}


.tab-text div{
    background-image: url(/ciaczjwweb/images/tubiao.png);
}


.img1{
    
    background-position: 0 -5px;
    width: 33px;
    height: 33px;
}
.tab-text:hover .img1{
    background-position: 0 -180px;
}
.img2{
  
    background-position: -107px -5px;
    width: 36px;
    height: 32px;
}
.tab-text:hover .img2{
    background-position: -107px -180px;
}

.img3{
 
    background-position: -214px -5px;
    width: 37px;
    height: 34px;
}
.tab-text:hover .img3{
    background-position: -214px -180px;
}
.img4{

    background-position: -322px -2px;
    width: 38px;
    height: 38px;
}
.tab-text:hover .img4{
    background-position: -322px -177px;
}
.img5{
   
    background-position: -432px -2px;
    width: 37px;
    height: 39px;
}
.tab-text:hover .img5{
    background-position: -432px -177px;
}
.img6{
    
    background-position: -539px -2px;
    width: 37px;
    height: 39px;
}
.tab-text:hover .img6{
    background-position: -539px -177px;
}
.img7{
  
    background-position: -649px -2px;
    width: 35px;
    height: 37px;
}
.tab-text:hover .img7{
    background-position: -649px -177px;
}
.img8{
    
    background-position: -756px 0px;;
    width: 36px;
    height: 42px;
}
.tab-text:hover .img8{
    background-position: -756px -175px;
}
.img9{
  
    background-position: -861px -1px;
    width: 42px;
    height: 40px;
}
.tab-text:hover .img9{
    background-position: -861px -176px;
}

.img10{
  
    background-position: -974px -3px;
    width: 35px;
    height: 35px;
}
.tab-text:hover .img10{
    background-position: -974px -178px;
}
.img12{
   
    background-position: -1080px -3px;
    width: 36px;
    height: 34px;
}
.tab-text:hover .img12{
    background-position: -1080px -178px;
}
.img13{
   
    background-position: -1189px -3px;
    width: 35px;
    height: 35px;
}
.tab-text:hover .img13{
    background-position: -1189px -178px;
}
.img14{
    
    background-position: -1297px -3px;
    width: 36px;
    height: 31px;
}
.tab-text:hover .img14{
    background-position: -1297px -178px;
}
.img15{
    
    background-position: -1404px -3px;
    width: 38px;
    height: 39px;
}
.tab-text:hover .img15{
    background-position: -1404px -178px;
}
.img16{
   
    background-position:0px -95px;
    width: 36px;
    height: 36px;
}
.tab-text:hover .img16{
    background-position: 0px -269px;
}
.img17{
   
    background-position:-107px -95px;
    width: 37px;
    height: 37px;
}
.tab-text:hover .img17{
    background-position: -107px -269px;
}
.img18{
   
    background-position:-217px -95px;
    width: 37px;
    height: 37px;
}
.tab-text:hover .img18{
    background-position: -217px -269px;
}
.img19{
   
    background-position:-324px -94px;
    width: 38px;
    height: 38px;
}
.tab-text:hover .img19{
    background-position: -324px -269px;
}
.img21{
   
    background-position:-433px -93px;
    width: 38px;
    height: 38px;
}
.tab-text:hover .img21{
    background-position: -433px -269px;
}
.img24{
   
    background-position:-543px -95px;
    width: 34px;
    height: 36px;
}
.tab-text:hover .img24{
    background-position: -541px -269px;;
}
.img26{
   
    background-position:-648px -95px;
    width: 40px;
    height: 37px;
}
.tab-text:hover .img26{
    background-position: -648px -269px;;
}
.img27{
   
    background-position:-758px -97px;;
    width: 36px;
    height: 28px;
}
.tab-text:hover .img27{
    background-position: -758px -272px;;
}
.img31{
   
    background-position:-870px -94px;;
    width: 29px;
    height: 34px;
}
.tab-text:hover .img31{
    background-position: -870px -269px;;
}
.img33{
   
    background-position:-973px -92px;;
    width: 40px;
    height: 40px;
}
.tab-text:hover .img33{
    background-position: -973px -267px;;
}
.img34{
   
    background-position:-1082px -92px;;
    width: 38px;
    height: 32px;
}
.tab-text:hover .img34{
    background-position: -1082px -267px;;
}
.img36{
   
    background-position:-1189px -90px;
    width: 39px;
    height: 38px;
}
.tab-text:hover .img36{
    background-position: -1189px -265px;;
}
.img44{
   
    background-position:-1299px -90px;
    width: 39px;
    height: 38px;
}
.tab-text:hover .img44{
    background-position: -1299px -265px;;
}
.img46{
   
    background-position:-1409px -90px;
    width: 33px;
    height: 37px;
}
.tab-text:hover .img46{
    background-position: -1409px -265px;;
}
.clear-fixed {
    clear: both;height: 20px;
}
.link-url {
    background-color: #0273d4; width: 250px; height:70px; font-size: 18px;letter-spacing:1px; font-weight: normal;font-stretch: normal;text-align: center; padding-top: 19px; line-height: 22px; color: #ffffff;
}