@charset "utf-8";

/* CSS Document */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, dl, dt, dd, ol, ul, li, form, table,td,label,input,em,i,*{ margin:0; padding:0; border:0; list-style:none;font-weight: normal;}

input, select, textarea{outline:none;border:none;}

a,area{blr:expression(this.onFocus=this.blur());}

textarea {resize:none;}

em,i{ font-style:normal;}

a{text-decoration:none;}

a:hover{text-decoration:none;}

.clearfix:after {content:"";display:block;clear:both;}

.clearfix {zoom:1}

.fl{ float: left; }

.fr{ float: left;}

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    hr,
    p,
    blockquote,
    dl,
    dt,
    dd,
    ul,
    ol,
    li,
    pre,
    form,
    button,
    input,
    textarea,
    th,
    td {
        margin: 0;
        padding: 0;
    }
    
    input {
        border: 0;
        outline: none;
    }
    
    div {
        text-align: left;
        font: normal 14px/180%;
    }
    
    a,
    a:link,
    a:visited {
        color: #333;
        text-decoration: none;
    }
    
    a:hover {
        text-decoration: none;
    }
    
    img {
        border: none;
    }
    
    ol,
    ul,
    li {
        list-style: none;
    }
    
    em {
        font-style: normal;
    }
    /*clear*/
    
    .clearfix:before,
    .clearfix:after {
        content: "";
        display: table;
    }
    
    .clearfix:after {
        clear: both;
        overflow: hidden;
    }
    
    .clearfix {
        zoom: 1;
    }
    /*other*/
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        text-align: left;
        font: normal 12px/200% Microsoft YaHei;
    }
    
    .mt10 {
        margin-top: 10px;
    }
    
    .mb10 {
        margin-bottom: 10px;
    }
.ml30{ margin-left:30px;}
    .m10 {
        margin: 10px auto;
    }
.pr15{ padding-right:15px;}
.pr25{ padding-right:25px;}
.pb50{ padding-bottom:30px;}
    .w1200 {
        width: 1200px;
        margin: 0 auto;
    }
.plr30{ padding:0px 30px;}
/* 鏂囧瓧鍒楄〃鍩虹 */

.list-t li {
    position: relative;
    padding-left:10px;

    font-size: 18px;line-height:45px;background: url(icon_zcjc_zb_20200428.png) left center no-repeat; padding-left:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size:18px;}

.list-t li  a{
    color:#333;
}
/*
.list-t li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    background-color: #bbb;
    border-radius: 100px;
}
*/

.list-t li:hover:before {
    background-color: #1b80d2;
}
.list-t li a b{ color:#0b59c3; font-weight: normal;}
/*.list-t li:hover a b{ color:#333}*/
.list-t li a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-t li .date {
    position: absolute;
    top: 0;
    right: 0;
    color: #bbb;
}

.list-t li .date+a {
    width: 80%;
}
body{ background-color: #FFF;}


/* .container {
    width: 85%;
	min-width: 1450px;
} */
/* header */
.header{
 background: url(banner.jpg) no-repeat top center; background-size:100%; height: 650px;
}
.nav-bg{  height:90px;  width: 100%;background-color: #011a27;opacity: 0.8;}
.index_logo{ margin: 20px 0px;}

.index_logo img{ height:60px;}
.main_title img{display: block; margin:150px auto 0; text-align: center;}

.index_list1 {  margin:20px  auto 0; }
.index_list1 li a{  display: block; height: 55px;  line-height: 55px; padding: 0 15px; text-align: center; font-size: 20px; color: #FFF; border-radius: 30px;  border: 1px solid #657580;transition:all 0.6s;}
.index_list1 li a:hover{ color: #ddac00; font-weight: bold; background-color: #011a27;opacity: 0.8; border: 1px solid #ddac00;  -webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;transform:scale(0.9);}

.box1{ background:url(bg1.png) no-repeat top center ; height: 850px; width: 100%;}
.index_one{ width:100%; padding:100px 0px 0px;}
.multipleColumn{ overflow:hidden; position:relative; width:100%; }
.multipleColumn .hd{ overflow:hidden; text-align:center;}
.multipleColumn .hd .prev,.multipleColumn .hd .next{ display:inline-block;  width:80px; height:35px; border-radius:25px; overflow:hidden; margin:0px 5px; cursor:pointer;}
.multipleColumn .hd .prev img,.multipleColumn .hd .next img{ display:inline-block; vertical-align:middle; margin:8px auto;}
.multipleColumn .hd .prev{background-image: -webkit-gradient(linear,right top,left top,color-stop(5%,#bb0e00),to(#e06d00));
 background-image: -webkit-linear-gradient(right,#bb0e00 5%,#e06d00 100%); background-image: -o-linear-gradient(right,#bb0e00 5%,#e06d00 100%);  
 background-image: linear-gradient(to left,#bb0e00 5%,#e06d00 100%);}
.multipleColumn .hd .next{
    background-image: -webkit-gradient(linear,right top,left top,color-stop(5%,#e06d00),to(#bb0e00));
    background-image: -webkit-linear-gradient(right,#e06d00 5%,#bb0e00 100%);
    background-image: -o-linear-gradient(right,#e06d00 5%,#bb0e00 100%);
    background-image: linear-gradient(to left,#e06d00 5%,#bb0e00 100%);
    }

.multipleColumn .bd{ padding:10px; overflow:hidden;  }
.multipleColumn .bd ul{ overflow:hidden; zoom:1; width:50%;  float:left; _display:inline;  }
.multipleColumn .bd ul li{ margin:0 1%; float:left; width:48%; _display:inline; overflow:hidden; text-align:center; margin-bottom:25px;}
.multipleColumn .bd ul li a{display: block;  width: 100%; border: 1px solid #f2d2b9; border-radius: 8px;}
.multipleColumn .bd ul li a img { display: block; max-width:100%; margin:0px auto;border-radius: 0px;}
.multipleColumn .bd ul li a span { display: block; width: 100%; background:#edf5fd; line-height: 50px; color: #333333; text-align: center; font-size: 16px;
 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 0px 0px 8px 8px;}
.multipleColumn .bd ul li:hover a{border:1px solid #5291fa;}



/* 鏈緥瀛恈ss */

.box2{ background:url(bg2.png) no-repeat top center ; height:750px; width: 100%;}



.foucebox {
margin:100px auto 0;
/* Gecko browsers */
-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	/* Webkit browsers */
-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	/* W3C syntax */
border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius:  3px;
	
	
}
.foucebox .bd {
	position:relative;
	

	height:500px;
	overflow:hidden;
}
.foucebox .showDiv {
	position:relative;
	
	height:500px;
}
.foucebox .showDiv img {
	width:100%;
	height:500px;
	/* Gecko browsers */
-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	/* Webkit browsers */
-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	/* W3C syntax */
border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius:  3px;
}
.foucebox .showDiv p {
	position:absolute;
	left:20px;
	bottom:0;
	padding-right:20px;
	color:#aaa;
	z-index:9;
	height:44px;
}
.foucebox .showDiv h2 {
	position:absolute;
	left:20px;
	bottom:0;
	/* width:380px; */
	height:34px;
	background:url(foucebox_h2.png) no-repeat 0 4px;
	_background:none;
	padding-left:40px;
	_padding-left:0;
	font-size:24px;
	font-family:"Microsoft Yahei";
	line-height:34px;
	z-index:9;
	overflow:hidden;
}
.foucebox .showDiv h2 a {
	color:#FFF;
	font-weight:normal;
	text-decoration:none;
}
.foucebox .foucebox_bg {
	width: 100%;
	position:absolute;
	left:0;
	bottom:0;

	height:107px;
	background:#000;
	
	opacity:0.56;
	z-index:8;
	overflow:hidden;
}
.foucebox .hd {

 
}
.foucebox .hd ul li {
	width:128px;
	height:95px;
	float:left;
	margin:0 7px 7px 0px;
	display:inline;
	position:relative;
}
.foucebox .hd ul a {
	display:block;
	width:128px;
	height:95px;
}
.foucebox .hd ul img {
	width:128px;
	height:88px;
	border:1px solid #dcb6a9;

	/* Gecko browsers */
-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	/* Webkit browsers */
-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	/* W3C syntax */
border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius:  3px;
}
.foucebox .hd ul .txt_bg {
	width:128px;
	height:24px;
	position:absolute;
	left:0px;
	top:67px;
	background:#6f5a44;
	opacity: 0.85;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="bg_png.png"); */
}
.foucebox .hd ul .txt {
	width:120px;
	height:24px;
	line-height:24px;
	color:#fff;
	position:absolute;
	left:0px;
	bottom:4px;
	z-index:2;
	text-align:right;
	padding-right:5px;
	overflow:hidden;
}
.foucebox .hd ul .mask {
	width:114px;
	height:89px;
	display:block;
	position:absolute;
	left:0px;
	bottom:3px;
	z-index:3;
/* 	filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#66000000',endColorstr='#66000000');
	background:rgba(0,0,0,0.4); */
}
.foucebox .hd ul a:hover .mask,.foucebox .hd ul .on .mask {
	display:none;
	position:relative;
}
.foucebox .hd ul a:hover img,.foucebox .hd ul .on img {
	border-color:#1689d9;
}

.foucebox .hd ul .on .txt_bg {
	background:#1689d9;display:block;
}

.foucebox .hd ul a:hover {
	color:#fff;
}

.foucebox .hd ul a:hover .txt_bg {
	background:#1689d9;
}

.box3{ background:url(bg3.png) no-repeat bottom center ; height:850px; width: 100%;}
.ywbd_l { padding:90px 0px 0px;}
.ywbd_l ul li{}
.ywbd_l ul li a{background: #ffffff; position:relative; box-sizing: border-box;box-shadow: 0 0 10px rgba(7, 17, 67, 0.1);padding: 0px 20px 0px 35px; margin-bottom:15px; display:block;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:60px; color:#333; font-size:20px;}
.ywbd_l ul li a:hover{ color:#ca2b1c;}
 .ywbd_l ul li a:before{ content:''; position:absolute; top:50%; margin-top:-4px; left:15px; width:8px; height:8px; border-radius:8px; background:#d92e1e;}
.ywbd_l{ margin-top:30px;}
.more a img{ display: block; height: 52px; margin: 20px auto 0; }




.index_title a{ text-align:  center; font-weight: bold; font-size: 32px; color: #286090; height: 55px; line-height: 55px ; display: block; padding: 30px 0px;}
.foot{ background: #304551; padding: 20px 0px 0px;}
.copyright { text-align: center;
       line-height:30px;
    font-size: 16px;color: #FFF;
}

.copyright p a,
.copyright p span {color: #FFF;
    margin: 0 10px;
}

/* 鍐呴〉 */
.titleImg {
  width: 100%;
  position: relative;
  overflow: hidden;
 
}
.titleImg img:nth-child(1) {
  width: 100%;
  vertical-align: middle;
  animation: touImg 10s linear;
  -moz-animation: touImg 10s linear;
  /* Firefox */
  -webkit-animation: touImg 10s linear;
  /* Safari 氓鈥櫯 Chrome */
  -o-animation: touImg 10s linear;
  /* Opera */
}

 .titleImg img:nth-child(2) {
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  margin: 0 auto;
 
  vertical-align: middle;
}
.nav-bg-n{  height:90px;  width: 100%;background-color: #011a27;opacity: 0.8; position: fixed;z-index: 9999;}

.ny_box {  background: url(bg-bottom.png) no-repeat center bottom; width: 100%;  min-height: 450px;}
.wenziList {

  margin-top: 2%;
}.wenziList span {
  display: inline-block;
  font-family: PingFangSC-Thin, Arial, sans-serif;
  font-size: 15px;
  color: #333;
  letter-spacing: 3px;
  margin-right: 2px;
  cursor: pointer;
  width: 70px;
  height: 31px;
  text-align: center;
  line-height: 31px;
  font-weight: 400; border: 1px solid #f2db9a;  border-radius: 16px;
}
.wenziList span:hover {
  /* border-bottom: 2px solid #d7533c; */
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: #5b502d;
  background: linear-gradient(153deg, #f5f8cf 0%, #f2db9a 100%);
  border-radius: 16px;
  font-weight: 600;
  letter-spacing: 3.2px;
  transition: border-bottom-width 0.3s;
}

.wenziList li {
  display: inline-block;
  font-family: PingFangSC-Thin, Arial, sans-serif;
  font-size: 15px;
  color: #333;
  letter-spacing: 3px;
  margin-right: 20px;
  cursor: pointer;
  width: 70px;
  height: 31px;
  text-align: center;
  line-height: 31px;
  font-weight: 400; border: 1px solid #f2db9a;  border-radius: 16px;
}
.wenziList li:hover {
  /* border-bottom: 2px solid #d7533c; */
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: #5b502d;
  background: linear-gradient(153deg, #f5f8cf 0%, #f2db9a 100%);
  border-radius: 16px;
  font-weight: 600;
  letter-spacing: 3.2px;
  transition: border-bottom-width 0.3s;
}
.wenziList li.active {
  /* border-bottom: 2px solid #d7533c; */
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: #5b502d;
  background: linear-gradient(153deg, #f5f8cf 0%, #f2db9a 100%);
  border-radius: 16px;
  font-weight: 700;
  letter-spacing: 3.2px;
}
.img_list{ margin:25px 0px 30px;}
.img_list li{   margin-bottom: 2%;}
.img_list li a{  display: block; border-radius: 5px; background-color: #FCF8E3;}
.img_list li img{ width: 100%;;}
.img_list li p{ height: 40px;line-height: 40px; text-align: center; font-size: 16px;}

.cljs{ margin: 20px 0px;}
.cljs  h2{ text-align: center; font-size: 30px ; font-weight:border;color: #011A27;line-height: 42px;}
.nr_box{ background-color: #102f5b; opacity: 0.75; border-radius: 12px; width: 100%; padding: 20px; margin: 20px 0px; }
.nr_box_dt{ background-color: #FFF; opacity: 0.75; border-radius: 12px; width: 100%; padding: 20px; margin: 20px 0px; }
.nr_box_text1{height:388px; overflow-y:scroll; font-size: 18px; line-height: 32px;color: #FFF; ;}
.nr_box_text1 p{  text-indent: 32px; margin-bottom: 10px;}
.nr_box_text1::-webkit-scrollbar { width: 8px;     height: 8px;}
.nr_box_text1::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
}
.nr_box_text1::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 8px;
    background: rgba(0,0,0,0.1);
}
.nr_box_dt{ background-color: #FFF; opacity: 0.75; border-radius: 12px; width: 100%; padding: 20px; margin: 20px 0px;color: #333; }
.nr_box_text1_dt{height:588px; overflow-y:scroll; font-size: 18px; line-height: 32px; ;}
.nr_box_text1_dt p{  text-indent: 32px; margin-bottom: 10px;}
.nr_box_text1_dt::-webkit-scrollbar { width: 8px;     height: 8px;}
.nr_box_text1_dt::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
}
.nr_box_text1_dt::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 8px;
    background: rgba(0,0,0,0.1);
}

.img_list_pic{ margin:25px 0px 30px;}
.img_list_pic li{   margin-bottom: 2%;}
.img_list_pic li a{  display: block; border-radius: 5px; background-color: #c0d1dc;  
    position: relative;}
  
.img_list_pic li a img:first-child{ width: 100%;}
.img_list_pic li p{ height: 60px;line-height: 60px; text-align: center; font-size: 18px;}
.playIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 57px;
    height: 57px;
    margin-top: -28.5px;
    margin-left: -28.5px;
}
.zcbg{}
 .wrap-list {
  width: 100%;
  margin-top: 25px; background-color:#FFF; border-radius: 15px; padding: 20px;
}
 .wrap-list li{
 	float: left;
 	width: 100%;
 	padding:17px 0 17px 30px;
 	background:url(ztzl_zhssf_dot.png) no-repeat left;
 	font-size: 18px;
 	border-bottom:1px dashed #7c8fc5;
 	box-sizing: border-box;
 	-webkit-box-sizing: border-box;
 }
 .wrap-list li a{
 	float: left;
 	max-width: 100%;
 	white-space: nowrap;
 	text-overflow: ellipsis;
 	-o-text-overflow: ellipsis;
 	overflow: hidden;
 }

/* 鍒ゆ柇 */
@media screen and (max-width: 768px) {
.header{
 background: url(banner.jpg) no-repeat top center; background-size:cover; height:290px;
}
.index_list1 { margin:110px  auto 0;  width: 100%;  }
.index_list1 li a{  display: block; height: 45px;  line-height: 45px; padding: 0 15px; text-align: center; font-size: 16px; color:#ffba06; border-radius: 30px;  background-color: #011a27;opacity: 0.85; border: 1px solid #05090c;}


.index_title a img{ width: 100%;}
}