@charset "utf-8";
@font-face{font-family:AvantGarde;src:url(../fonts/AvantGarde-Demi.eot);src:url(../fonts/AvantGarde-Demi.eot?#iefix) format('embedded-opentype'),url(../fonts/AvantGarde-Demi.woff2) format('woff2'),url(../fonts/AvantGarde-Demi.woff) format('woff'),url(../fonts/AvantGarde-Demi.ttf) format('truetype'),url(../fonts/AvantGarde-Demi.svg#novecentowide-bold-webfont) format('svg')}



html {
	width:100%;
	margin:0;
	padding:0;
	-ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%; 
}

body {
	width: 100%;
	margin: 0 auto;
	font-family:"微软雅黑";
	font-size:14px;
	margin:0;
	padding:0;
	color:#444;
	line-height:200%;
}
img{
	border: none;
}
input,textarea {font-family:"微软雅黑";}
dl,dt,dd{display:block;margin:0;}
p,ul,li,form,h1,h2,h3,h4,h5,h6,dl,dd{
	margin: 0;
	padding: 0;
	list-style: none;
}
a {
	color: #444;
	text-decoration: none!important;
	cursor:pointer;
	background: transparent; 
	outline:none;
    blr:expression(this.onFocus=this.blur());
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
a img{ border:none;}
a:hover {color: #9a0000;}
.wrap{width:94%;margin:0 auto; overflow:hidden;}
.clear{ clear:both; margin:0; padding:0; height:0;}
.cf:after{content:""; display:block; height:0; clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.tc{ text-align:center;}
html{     width:100%;    overflow-x:hidden;}
*{ box-sizing:border-box;}

.home { width:100%; height: 100%;background: url(../images/bg.jpg) no-repeat center center; background-size: cover; }

.header { margin-top: 1%; margin-bottom: 1%; padding-right: 130px }
.header .logo { width: 51%; float: left; overflow: hidden;}
.header .logo img { display:block; max-width: 911px; width: 100%; height: auto;}
.header .time { width: 380px; float: right; text-align: right; padding-top: 4px;}
.header .time .t1 { float:right; text-align: center; }
.header .time .t1 p.p1 { color: #eec544; font-size: 30px; line-height: 34px;}
.header .time .t1 p.p2 { color: #eec544; font-size: 24px; line-height: 34px;}
.header .time .t2 { font-size: 72px; color: #eec544; font-family: Arial, "sans-serif"; font-weight: bold; float:right; line-height: 64px; margin-left: 30px;}


.menu { width: 140px; height: 80px; position: fixed; right: 0; top: 2%; z-index: 9999; cursor: pointer;}
.menu img { display:block; width: 100%; height: 100%;}
.menubox { clear:both; width: 408px; height: 100%; position: fixed; right:-480px; top: 0; z-index: 9999999;background: url(../images/menubg.png) no-repeat right top;-webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;}
.menubox .close {width: 32px; height: 32px; float: right; margin-top: 20px; margin-right: 20px; cursor: pointer;}
.menubox .list { clear:both; width: 100%; padding-left: 115px; padding-top: 10%; }
.menubox .list a { display: block; font-size: 24px; color: #333333; line-height: 50px; margin-bottom: 20px;}
.menubox .list a:hover { color:#af100a;}


.row1 { clear:both;width:94%;margin:0 auto;background: url(../images/pic02.png) no-repeat center center; background-size: cover; height: 100px; line-height: 100px; border-radius: 4px; margin-bottom: 10px;}
.row1 .list { width: 97%; height: 100%; margin: 0 auto; background: url(../images/pic12.png) no-repeat left center; padding-left: 65px; font-size: 20px;}
.dowebok { width: 100%; }
.dowebok a { margin: 0 40px 0 20px; color: #333; text-decoration: none;}
.dowebok a:hover { color:#af100a}
/*文字滚动*/
.str_wrap {
	overflow:hidden;
	//zoom:1;
	width:100%;
	font-size:20px;
	line-height:100px;
	position:relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;  
	white-space:nowrap;
}

.str_wrap.str_active {
	background:none;
}
.str_move { 
	white-space:nowrap;
	position:absolute; 
	top:0; 
	left:0;
	cursor:move;
}
.str_move_clone {
	display:inline-block;
	//display:inline;
	//zoom:1;
	vertical-align:top;
	position:absolute; 
	left:100%;
	top:0;
}
.str_vertical .str_move_clone {
	left:0;
	top:100%;
}
.str_down .str_move_clone {
	left:0;
	bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
	white-space:normal;
	width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
	cursor:inherit;
}
.str_wrap img {
	max-width:none !important;	
}



.row2 { clear:both; margin-bottom: 10px; height: 490px; overflow: hidden;}
.row2 .row2L { width: 44%; height: 100%; float: left; border-radius: 6px; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.row2 .row2L video { display:block; width: 100%; height: 100%; background-size: cover;}
.row2 .row2L img { display:block; width: 100%; height: 100%;}
.row2 .row2R { width: 56%; height: 100%; float: right;}
.row2 .row2R .li { height: 240px; overflow: hidden;}
.row2 .row2R .li a { display: block;width: 24%; font-size: 30px; color: #fff; height: 100%; float: left; margin-left: 1%; position: relative;}
.row2 .row2R .li1 { margin-bottom: 10px;}
.row2 .row2R .li2 .p1 { width: 49%;}
.row2 .row2R .li a img { display:block; width: 100%; height: 100%;}
.row2 .row2R .li a span { display:block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; padding: 40px 0 0 28px;}

.row3 { clear:both;background: url(../images/pic11.png) no-repeat center center; background-size: cover;height: 180px; border-radius: 4px; overflow: hidden; text-align: center; color: #af100a; }
.row3 .li1 { width:67%; height: 100%; float: left;}
.row3 .li2 { width:33%; height: 100%; float: right;}
.row3 .li1 .li {width:16.6666%; height: 100%; float: left; padding: 5% 3% 0 3%; border-right:1px solid #e1a367;}
.row3 .li1 .li p.p1 { line-height: 32px;}
.row3 .li1 .li p.p1 span { font-size: 28px;font-family: AvantGarde;}
.row3 .li1 .li p.p1 i { font-size:24px; font-style: normal;}
.row3 .li1 .li p.p2 { line-height: 18px;}
.row3 .li2 a { display:block; width:50%; height: 50%; float: left; display: flex; align-items: center; justify-content: center;}
.row3 .li2 a.bb { border-bottom:1px solid #e1a367;}
.row3 .li2 a.br { border-right:1px solid #e1a367;}
.row3 .li2 a img { display:block; width: 65%; height: auto;}

/*内页*/
.iCon { clear: both; height: 800px; background: url(../images/innerbg.png) no-repeat center center; background-size: cover; border-radius: 6px;}

.zzjg-div { padding: 3% 0 0 0; width: 1600px; overflow-x:auto; margin: 0 auto; position: relative}
.zzjg-div img { display: block; width: 100%; height: auto;}
.zzjg-div .shuom { width: 220px; height: 40px; position: absolute; left: 0; top: 5%; z-index: 2;}
.zzjg-div .shuom span{ width: 220px; font-size: 16px; color: #eb3f41; text-align: center; display: block; border: 1px solid #eb3f41; border-radius: 20px; line-height: 38px; height: 40px; position: relative}

.zzjg-div .shuom span::before{ content: ""; display: block;width: 200px;
		  height: 30px;
		  top:5px;
		  left:10px;
		  border-radius: 30px;
		  position: absolute;
		  z-index: -10;
		  animation: sploosh 2s infinite;
		  background: transparent;}
@keyframes sploosh {
          0% {
            box-shadow: 0 0 0 0px rgba(247, 164, 115, 1);
            background: rgba(247, 164, 115, 1);
          }
          100% {
            box-shadow: 0 0 0 20px rgba(247, 164, 115, 0);
            background: rgba(247, 164, 115, 0);
          }
        }




/*组织简介*/
.fanh{ width:95%; margin: 0 auto; font-size: 18px; color: #d20c09; text-align: right; line-height: 36px; margin-bottom: 20px; margin-top: 30px;}
.fanh a { display: inline-block; color: #d20c09;background: url(../images/fanhui.png) no-repeat left center; padding-left: 30px;}
.zzjj-div{ width:95%; height: 600px; margin: 0 auto;}
.zzjj-div .zzjjL{ width: 42%; height: 100%; float: left;}
.zzjj-div .zzjjR{ width: 53%; height: 100%; float: right; overflow-y: auto; padding-right: 50px; padding-top: 10px;}
.zzjj-div .zzjjR .ti { font-size:36px; color:#333333; margin-bottom:35px; line-height: 40px;}
.zzjj-div .zzjjR .bx1{ font-size: 16px; line-height: 32px; color: #333333; text-align: justify}
.zzjj-div .zzjjR .bx1 p { margin-bottom:20px;}
.zzjj-div .zzjjR .bx2{ clear: both; background: #fde3ae; padding:0 8%;}
.zzjj-div .zzjjR .bx2 .li { width: 25%; height: 100%; float: left; overflow: hidden; margin: 3% 4% 3% 4%; text-align: center;}
.zzjj-div .zzjjR .bx2 .li p.p1 { width: 100%; height: 240px; border: 1px dashed #e81f1e; margin-bottom: 12px;}
.zzjj-div .zzjjR .bx2 .li p.p1 img { display:block; width: 90%; height: 220px; margin: 0 auto; margin-top: 10px;}
.zzjj-div .zzjjR .bx2 .li p.p2 { font-size: 18px; color: #333333; line-height: 26px;}
.zzjj-div .zzjjR .bx2 .li p.p3 { font-size: 15px; color: #666666; line-height: 22px;}
/*滚动条整体宽度*/
.zzjj-div .zzjjR::-webkit-scrollbar{
    width: 6px; /*宽对应滚动条的尺寸*/
}
/*轨道*/
.zzjj-div .zzjjR::-webkit-scrollbar-track{
    background: #dfa36c;
}
/*滑块*/
.zzjj-div .zzjjR::-webkit-scrollbar-thumb{
    background: #d70c08;
}

.swiper-container {
      width: 100%;
      height: 600px;
      margin-left: auto;
      margin-right: auto;
    }

    .swiper-slide {
      background-size: cover; cursor: pointer;
      background-position: center;
    }

    .gallery-top {
      height: 80%;
      width: 100%;
    }

    .gallery-thumbs {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0 0 0;
    }

    .gallery-thumbs .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.6;
    }

    .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }
.zzjj-div .zzjjL .swiper-button-prev { width:48px; height: 64px;background: url(../images/prev.png) no-repeat center center; left: 0;}
.zzjj-div .zzjjL .swiper-button-next { width:48px; height: 64px;background: url(../images/next.png) no-repeat center center; right:0;}
.zzjj-div .zzjjL .swiper-button-prev:after { display:none}
.zzjj-div .zzjjL .swiper-button-next:after { display:none}


/*主题活动*/
.zthd-nav { width: 92%; margin: 0 auto; height: 48px; line-height: 48px; margin-bottom: 30px;margin-top:4%;}
.zthd-nav .L { width: 60%; height: 100%; float: left;}
.zthd-nav .L a { display:block; width: 150px; line-height: 48px; float: left; margin-right: 20px; border: 1px solid #d20c09; text-align: center; font-size: 18px; color: #333333}
.zthd-nav .R { width: 40%; height: 100%; float: right;}
.zthd-list { clear: both; width: 94%; height: 570px; margin: 0 auto;}
.zthd-list .li { width: 23%; height: 260px; float: left; overflow: hidden; margin: 0 1% 2% 1%;}
.zthd-list img {display:block; width: 23%; float: left; height: 260px;float: left;margin: 0 1% 2% 1%; cursor: pointer;}
#nowmenu { background: #d20c09; color: #fff;}
.zthd-nav .fanh {margin-top:6px;}

.fy{ clear:both; width:100%; height:30px; margin:0 auto; margin-top:16px; font-size:13px; text-align: center;}
.fy b{ display:inline-block; width:24px; height:24px; background:#d20c09; line-height:24px; margin:0 4px; color:#fff; font-weight:100; text-align:center;}
.fy a{ display:inline-block; padding:0 8px;height:24px; text-align:center; line-height:24px;margin:0 5px; font-size:13px; background:#fff;}

.imgshow{display: none;background: rgba(0, 0, 0, .9);position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 2019521;}
.swiperbox{height: 100vh;z-index: 3;}
.swiperbox img{width: initial;position: relative;z-index: 2;}
.swiper-zoom-container:before{width: 100%;height: 100%;content: ' ';position: absolute;z-index: 1;display: block;top: 0;left: 0;cursor: pointer;}
.closebtn{position: absolute;z-index: 9922;background: url(../images/newclose.png) no-repeat center center;width: 60px;height: 60px;top: 12px;right:12px;background-size: 36px; cursor: pointer;}

/*.imgshow .swiper-button-prev { width:48px; height: 64px;background: url(../images/prev.png) no-repeat center center; left: 0;}
.imgshow .swiper-button-next { width:48px; height: 64px;background: url(../images/next.png) no-repeat center center; right:0;}*/
.imgshow .swiper-button-prev:after { color: #fff; }
.imgshow .swiper-button-next:after { color: #fff; }
.imgshow .swiper-button-prev { left: 1%; width: 60px; height: 80px;}
.imgshow .swiper-button-next { right: 1%; width: 60px; height: 80px;}

/*目标管理*/
.mbgl-div { width: 96%; margin-top: 2%; }
.mbgl-div .boxL { width: 21%; float: left; color: #d60b09; padding-right: 3%;}
.mbgl-div .boxR { width: 79%; float: right;}
.mbgl-div .boxL .ti { line-height:44px; margin-bottom: 10px; background: #f1db9b;border-radius: 0 20px 20px 0; font-size: 26px; padding-left: 15px;}
.mbgl-div .boxL a { display:block; width: 94%; color: #fff; line-height: 22px; margin-bottom: 8px; background: #e78f42;font-size: 16px; border-radius: 0 20px 20px 0; padding:7px 0 7px 15px;}

.mbgl-div .boxR img { display:block; max-width: 100%!important; height: auto!important}
.mbgl-div .boxR .bx1 { font-size: 30px; color: #c00000; height: 40px; line-height: 40px; margin-bottom: 2%; overflow: hidden;}
.mbgl-div .boxR .bx1 .bx1L { width:80%; height: 100%; float: left; font-weight: bold;}
.mbgl-div .boxR .bx1 .bx1R { width:130px; height: 100%; float: right;}
.mbgl-div .boxR .bx1 .fanh { margin-top:0; margin-bottom: 0}
.mbgl-div .boxR .bx2 { clear: both; width: 100%; height: 665px; overflow-y: auto; padding-right: 2%;padding-bottom: 1%}
/*滚动条整体宽度*/
.mbgl-div .boxR .bx2::-webkit-scrollbar{
    width: 6px; /*宽对应滚动条的尺寸*/
}
/*轨道*/
.mbgl-div .boxR .bx2::-webkit-scrollbar-track{
    background: #dfa36c;
}
/*滑块*/
.mbgl-div .boxR .bx2::-webkit-scrollbar-thumb{
    background: #d70c08;
}
#nowmenu2 { background: #bd1e12;}


.fzlc-div { clear: both; height: 100%;}
.fzlc-div .fzlcR .fanh { margin-bottom:13px;}
.fzlc-div .fzlcL { width: 40%; height: 100%; float: left; padding-right: 3%; padding-top: 5%;}
.fzlc-div .fzlcR { width: 60%; height: 100%; float: right;background: url(../images/line.png) repeat-y left center; }
.fzlc-div .fzlcL .d1 img { display:block; width: 100%; height: auto; margin-bottom: 4%}
.fzlc-div .fzlcL .d2 { font-size:16px; line-height: 34px;}
.fzlc-div .list { height: 81%; overflow-y: auto; width: 100%; padding-right: 5%;}
.fzlc-div .list .li { clear:both; width:100%; margin-bottom:45px; padding-left: 5%; position: relative}
.fzlc-div .list .li p.p1 { height:42px; line-height:42px; margin-bottom:15px;}
.fzlc-div .list .li:after { content:''; display:block;background: url(../images/pic320.png) no-repeat center center; width:12px; height:11px; position:absolute; left:0; top:18px; z-index:1;}
.fzlc-div .list .li p.p1 span { display: inline-block;}
.fzlc-div .list .li p.p1 span.sp1 { width:135px; color:#fff; background:#e7191c; font-size:20px; border-radius:6px; position:relative; padding-left:15px;}
.fzlc-div .list .li p.p1 span.sp1:after { content:''; display:block; width:8px; height:12px;background: url(../images/pic323.png) no-repeat center center; position:absolute; left:-8px; top:16px; z-index:1; }
.fzlc-div .list .li p.p1 span.sp2 { margin-left:15px; font-size:24px; font-weight:bold;}
.fzlc-div .list .li p.p2 { clear:both; margin-bottom:20px; font-size: 16px;}
.fzlc-div .list .li .pic img { display:block; width:32.3333%; height:auto; float:left; margin-right:1.5%;}
.fzlc-div .list .li .pic .m0 { margin-right:0;}
/*滚动条整体宽度*/
.fzlc-div .list::-webkit-scrollbar{
    width: 6px; /*宽对应滚动条的尺寸*/
}
/*轨道*/
.fzlc-div .list::-webkit-scrollbar-track{
    background: #dfa36c;
}
/*滑块*/
.fzlc-div .list::-webkit-scrollbar-thumb{
    background: #d70c08;
}

.mbgl-div .boxR .jx-list .li{ width: 31.333%; float: left; background: #fff4e1; height: 108px;padding: 0 2%; border-radius: 8px; overflow: hidden; margin: 0 2% 2% 0;}
.mbgl-div .boxR .jx-list .li a { display:block; width: 100%; height: 100%; display: flex; align-items: center; font-size: 16px; color: #bd2217; }


/*登陆页*/
.login { width: 100%; height: 100vh;background: url(../images/loginbg.jpg) no-repeat center center; overflow: hidden; background-size: cover; position: relative;}
.login .bx1 { width:92%; height: 79px; margin: 0 auto; margin-top: 48px;}
.login .bx1 img { display:block; width: 274px; height: 100%;}
.login .bx2 { width:100%; height: 240px; position: absolute; top: 36%; left: 0; z-index: 33; }
.login .bx2 .d1 { text-align: center; margin-bottom: 60px;}
.login .bx2 .d1 img { display:block; margin: 0 auto; width: 753px; height: auto;}
.login .bx2 .d2 { width:480px; height: 64px; line-height: 64px; margin: 0 auto;}
.login .bx2 .d2 input { display: block; float: left; width: 410px; height: 64px; line-height: 64px; background: #fff; border: 0; padding: 0 15px; font-size:18px; color: #333; outline: initial}
.login .bx2 .d2 p { float: left; width: 70px; height: 100%; background: #fcae06 url(../images/pic18.png) no-repeat center center; cursor: pointer;}
.login .bx2 .d2 input::-webkit-input-placeholder{
            color:#7e8690; font-size:18px;
        }
.login .bx2 .d2 input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#7e8690; font-size:18px;
        }
.login .bx2 .d2 input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#7e8690; font-size:18px;
        }
.login .bx2 .d2 input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#7e8690; font-size:18px;
        }



.sp-list { width:96%; margin: 0 auto;}
.sp-list .li { width:23%; float: left; margin: 0 1% 2% 1%; overflow: hidden;}
.sp-list .li img { display:block; width:100%; margin-bottom: 10px; height: 243px;}
.sp-list .li p { color: #d20c09; font-size: 16px;background: url(../images/spicon.png) no-repeat left center; padding-left: 40px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; line-height: 28px;  }
.sp-con { width:62%; margin: 0 auto; overflow: hidden;}
.sp-con .d1 { font-size:20px; text-align: center; margin-bottom: 2%;}
.sp-con video { display:block; width: 70%; height: auto;margin:0 auto;}























