.swiper-pagination-bullet:nth-child(1):before{/*在元素的内容之前插入新内容;*/
                content:"";/*所插入的内容*/
            }
            .swiper-pagination-bullet:nth-child(2):before{
                content:"";
            }
            .swiper-pagination-bullet:nth-child(3):before{
                content:"";
            }
            .swiper-pagination-bullet:nth-child(4):before{
                content:"";
            }
            .swiper-pagination-bullet:nth-child(5):before{
                content:"";
            }
html, body {min-width: 100%;height: 100%;}
.nav {position: absolute; top: 0;left: 0; z-index: 1000; height: 80px; width: 100%;}
.nav .nav-c {max-width: 1400px; margin: 0 auto; text-align: right; padding-left: 100px;
background: url(../images/plogo.png) no-repeat left center; line-height: 80px;}

.nav .nav-c a{margin:0 .5% 0 5%; font-size: 20px; font-weight: bold;}
a .active {color:#0d6a3a;}
#foot {position: fixed; z-index: 1000;}


@media only screen and (min-width: 1701px) and (max-width: 2800px){
.yrm .cont {max-width: 1700px;}
.yrm .c-cont {max-width: 1280px;}
}
@media only screen and (min-width: 1701px) and (max-width: 2800px){
.t45 .cont {max-width: 1500px;}
.t45 .c-cont {max-width: 1400px;}
}

@media only screen and (min-width: 1701px) and (max-width: 2800px){
.jj .cont {max-width: 1500px;}
.jj .c-cont {max-width: 1400px; }
}

.jj .c-cont{ border: solid 8px #0d6a3a; margin: 4rem 1rem 4rem;background-color: #fff; }
.jj .c-cont p {text-align: left; font-size: 1rem; line-height: 30px; letter-spacing: 1px; margin: 3rem; text-indent: 2rem; position: relative; }
.jj .c-cont .c-c-t { font-weight: 500; border: solid 8px #0d6a3a; background-color: #fff; letter-spacing: 1px; padding: 1rem 2rem; position: absolute; font-size: 1.5rem; color: #0d6a3a; margin-top: -3rem; margin-left: 4rem; line-height: 2rem;}
.jj .c-cont .c-c-y {position: relative;}

@media only screen and (max-width: 980px){
.jj .c-cont .c-c-t {margin-top: -3rem; margin-left: -25%; line-height: 2rem; left:50%;}
}

@media only screen and (min-width: 1701px) and (max-width: 2800px){
.zz .cont {max-width: 1500px;}
.zz .c-cont {max-width: 1400px;}
}
.zz .c-cont .tit {position: relative; margin: 20px auto; }
.zz .c-cont-c {background: url(../images/zzjg.png);background-size:100% 100%; width: 1400px; height: 700px; position: relative;}
@media only screen and (max-width: 980px) {
.zz .ccc-scroll {overflow-x:scroll;overflow-y:hidden; width: 768px;height: 700px;}
}

.zz-bg1 {width: 96px;height: 36px;background: url(../images/zz-bnt1.png);background-size:100% 100%; 
line-height: 40px; color: #0d6a3a; font-size: 16px; font-weight: bold;}
.zz-bg2 {width: 140px;height: 36px;background: url(../images/zz-bnt2.png);background-size:100% 100%;
line-height: 40px; color: #0d6a3a; font-size: 16px; font-weight: bold;}
.zz-bg3 {width: 16px;height: 100px;background: url(../images/zz-bnt3.png);background-size:100% 100%;
line-height: 40px; color: #0d6a3a; font-size: 16px; font-weight: bold;padding-left:10px;padding-right:10px; line-height: 16px;word-wrap: break-word;}
.zz-bg4 {width: 16px;height: 160px;background: url(../images/zz-bnt3.png);background-size:100% 100%;
line-height: 40px; color: #0d6a3a; font-size: 16px; font-weight: bold;padding-left:10px;padding-right:10px; line-height: 16px;word-wrap: break-word;}
.zz-bg5 {width: 16px;height: 190px;background: url(../images/zz-bnt3.png);background-size:100% 100%;
line-height: 20px; color: #0d6a3a; font-size: 14px; font-weight: bold;padding-left:10px;padding-right:10px; padding-top: 10px; line-height: 14px;word-wrap: break-word;}

.zz-bnt1 {position: absolute; left: 50%; top: 0px; margin-left: -50px;}
.zz-bnt2 {position: absolute; left: 50%; top: 41px; margin-left: -50px;}
.zz-bnt3 {position: absolute; left: 50%; top: 82px; margin-left: -50px;}

.zz-bnt4 {position: absolute; left:65px; top: 140px; margin-left: -50px;}
.zz-bnt5 {position: absolute; left:180px; top: 140px; margin-left: -50px;}
.zz-bnt6 {position: absolute; left:420px; top: 140px; margin-left: -50px;}
.zz-bnt52 {position: absolute; left:976px; top: 140px; margin-left: -50px;}
.zz-bnt7 {position: absolute; left:1090px; top: 140px; margin-left: -50px;}
.zz-bnt53 {position: absolute; left:1275px; top: 140px; margin-left: -50px;}

.zz-bnt8 {position: absolute; left:65px; top: 200px; margin-left: -50px;}
.zz-bnt9 {position: absolute; left:180px; top: 200px; margin-left: -50px;}
.zz-bnt10 {position: absolute; left:672px; top: 200px; margin-left: -50px;}
.zz-bnt11 {position: absolute; left:774px; top: 200px; margin-left: -50px;}
.zz-bnt12 {position: absolute; left:876px; top: 200px; margin-left: -50px;}
.zz-bnt13 {position: absolute; left:976px; top: 200px; margin-left: -50px;}
.zz-bnt14 {position: absolute; left:1050px; top: 200px; margin-left: -27px;}
.zz-bnt15 {position: absolute; left:1340px; top: 200px; margin-left: -50px;}
.zz-bnt16 {position: absolute; left:540px; top: 425px; margin-left: -50px;}
.zz-bnt17 {position: absolute; left:690px; top: 425px; margin-left: -50px;}

.zz-bnt18 {position: absolute; left:140px; top: 260px; margin-left: -20px;}
.zz-bnt19 {position: absolute; left:180px; top: 260px; margin-left: -20px;}
.zz-bnt20 {position: absolute; left:220px; top: 260px; margin-left: -20px;}

.zz-bnt21 {position: absolute; left:738px; top: 260px; margin-left: -20px;}
.zz-bnt22 {position: absolute; left:778px; top: 260px; margin-left: -20px;}
.zz-bnt23 {position: absolute; left:818px; top: 260px; margin-left: -20px;}

.zz-bnt24 {position: absolute; left:1305px; top: 260px; margin-left: -20px;}
.zz-bnt25 {position: absolute; left:1345px; top: 260px; margin-left: -20px;}
.zz-bnt26 {position: absolute; left:1385px; top: 260px; margin-left: -20px;}

.zz-bnt27 {position: absolute; left:18px; top: 445px; margin-left: -20px;}
.zz-bnt28 {position: absolute; left:56px; top: 445px; margin-left: -20px;}
.zz-bnt29 {position: absolute; left:94px; top: 445px; margin-left: -20px;}
.zz-bnt30 {position: absolute; left:132px; top: 445px; margin-left: -20px;}
.zz-bnt31 {position: absolute; left:171px; top: 445px; margin-left: -20px;}
.zz-bnt32 {position: absolute; left:210px; top: 445px; margin-left: -20px;}

.zz-bnt33 {position: absolute; left:1185px; top: 200px; margin-left: -20px;}
.zz-bnt34 {position: absolute; left:1225px; top: 200px; margin-left: -20px;}
.zz-bnt35 {position: absolute; left:1262px; top: 200px; margin-left: -20px;}

.zz-bnt36 {position: absolute; left:270px; top: 200px; margin-left: -20px;}
.zz-bnt37 {position: absolute; left:308px; top: 200px; margin-left: -20px;}
.zz-bnt38 {position: absolute; left:347px; top: 200px; margin-left: -20px;}
.zz-bnt39 {position: absolute; left:384px; top: 200px; margin-left: -20px;}
.zz-bnt40 {position: absolute; left:422px; top: 200px; margin-left: -20px;}
.zz-bnt41 {position: absolute; left:459px; top: 200px; margin-left: -20px;}
.zz-bnt42 {position: absolute; left:496px; top: 200px; margin-left: -20px;}
.zz-bnt43 {position: absolute; left:534px; top: 200px; margin-left: -20px;}
.zz-bnt44 {position: absolute; left:572px; top: 200px; margin-left: -20px;}

.zz-bnt45 {position: absolute; left:510px; top: 480px; margin-left: -20px;}
.zz-bnt46 {position: absolute; left:558px; top: 480px; margin-left: -20px;}
.zz-bnt47 {position: absolute; left:612px; top: 480px; margin-left: -20px;}
.zz-bnt48 {position: absolute; left:652px; top: 480px; margin-left: -20px;}
.zz-bnt49 {position: absolute; left:690px; top: 480px; margin-left: -20px;}
.zz-bnt50 {position: absolute; left:730px; top: 480px; margin-left: -20px; font-size: 12px; line-height: 13px;}
.zz-bnt51 {position: absolute; left:768px; top: 480px; margin-left: -20px;}

@media only screen and (min-width: 1701px) and (max-width: 2800px){
.lx .cont {max-width: 1500px;}
.lx .c-cont {max-width: 1400px; }
}
.lx .c-cont .tit {margin: 60px auto 30px;}
.lx .c-cont .lx-c-l {width: 58%; float: left;}
.lx .c-cont .lx-c-l #map {width:700px;height:600px;border:#ccc solid 1px;font-size:14px}
.lx .c-cont .lx-c-r {width: 42%; float: right;}
.lx .c-cont .lx-c-r p {line-height: 50px; font-size: 1.2rem; color: #0d6a3a;}
.lx .c-cont .lx-c-r p span {font-size: 1.4rem; line-height: 40px; font-weight: bold;}
.lx .c-cont .lx-c-r .c-r-ly {background-color: #fff;border-radius:8px; margin-top: 6rem;  padding: 1.5rem; text-align: center;}
.lx .c-cont .lx-c-r .c-r-ly .ly-t { text-align: center; margin:0 1rem 1rem 1rem; font-weight: bold; color:#0d6a3a; font-size: 1.2rem;}
.lx .c-cont .lx-c-r .c-r-ly .lxin {width: 48%; float: left; border-radius: 4px;border: 0px solid #ccc; line-height: 30px; height: 30px; background: #eee;}
.lx .c-cont .lx-c-r .c-r-ly .lxin2 {width: 48%; float: right; border-radius: 4px;border: 0px solid #ccc; line-height: 30px; height: 30px; background: #eee;}
.lx .c-cont .lx-c-r .c-r-ly .lxin3 {width: 100%; margin:1rem 0; border-radius: 4px;border: 0px solid #ccc; line-height: 30px; height: 90px;background: #eee;}
.lx .c-cont .lx-c-r .c-r-ly .lybut {line-height: 24px; text-align: center; margin: 0 auto; padding: 2px 10px; 
border:initial; border-radius: 4px; background: #0d6a3a;  
color: #fff;box-shadow: 2px 3px 8px #333;transition-duration: 0.4s; font-size: 14px; opacity: .8;}
.lx .c-cont .lx-c-r .c-r-ly .lybut:hover {color: #fff; background: #0d6a3a; box-shadow: 1px 4px 8px #0d6a3a; opacity: 1;margin:1px 0 -1px ;}

@media only screen and (min-width: 1501px) and (max-width: 1700px){
.jj .cont {max-width: 1400px;}
.jj .c-cont {max-width: 1300px; }
.zz .cont {max-width: 1400px;}
.zz .c-cont {max-width: 1400px; }
.lx.cont {max-width: 1400px;}
.lx .c-cont {max-width: 1300px; }
}
@media only screen and (min-width: 1201px) and (max-width: 1500px){
	.jj .cont {max-width: 1200px;}
	.jj .c-cont {max-width: 1090px; }
	.jj .c-cont p {text-align: left; font-size: 14px; line-height: 24px; letter-spacing: 1px; margin: 25px 20px; text-indent: 2em; position: relative; }
	.jj .c-cont .c-c-t { font-weight: 500; border:8px solid  #0d6a3a; background-color: #fff; letter-spacing: 1px; padding: 1rem 2rem; position: absolute; font-size: 1.2rem; color: #0d6a3a; margin-top: -45px; margin-left: 4rem; line-height: 24px;}
	.zz .cont {max-width: 1200px;}
	.zz .c-cont {max-width: 1200px; }
	.zz .c-cont-c {background: url(../images/zzjg.png);background-position:0 -15px;background-size:100% 100%; width: 1200px; height: 600px; padding-bottom: 40px; position: relative;}
	.lx .c-cont .lx-c-l {width: 58%; float: left;}
	.lx .c-cont .lx-c-l #map {width:600px;height:500px;border:#ccc solid 1px;font-size:14px}
	.lx .c-cont .lx-c-r {width: 42%; float: right;}
	.lx .c-cont .lx-c-r p {line-height: 30px; font-size: 1.2rem; color: #0d6a3a;}
	.lx .c-cont .lx-c-r p span {font-size: 1.4rem; line-height: 40px; font-weight: bold;}
	.lx .c-cont .lx-c-r .c-r-ly {background-color: #fff;border-radius:8px; margin-top: 4rem;  
	padding: 1.5rem; text-align: center;}
.zz-bg1 {width: 75px;height: 30px;background: url(../images/zz-bnt1.png);background-size:100% 100%; 
line-height: 30px; color: #0d6a3a; font-size: 12px; font-weight: bold;}
.zz-bg2 {width: 112px;height: 30px;background: url(../images/zz-bnt2.png);background-size:100% 100%;
line-height: 30px; color: #0d6a3a; font-size: 12px; font-weight: bold;}
.zz-bg3 {width: 20px;height: 83px;background: url(../images/zz-bnt3.png);background-size:100% 100%;
color: #0d6a3a; font-size: 12px; font-weight: bold;padding-left:5px;padding-right:5px; line-height: 16px;word-wrap: break-word;}
.zz-bg4 {width: 12px;height: 146px;background: url(../images/zz-bnt3.png);background-size:100% 100%;
color: #0d6a3a; font-size: 10px; font-weight: bold;margin:0 auto; writing-mode: vertical-lr;writing-mode: tb-lr;}
.zz-bg5 {width: 12px;height: 182px;background: url(../images/zz-bnt3.png);background-size:100% 100%;
color: #0d6a3a; font-size: 10px; font-weight: bold;padding-top: 10px; margin:0 auto; writing-mode: vertical-lr;writing-mode: tb-lr;}
	
.zz-bnt1 {position: absolute; left: 50%; top: -10px; margin-left: -37px;}
.zz-bnt2 {position: absolute; left: 50%; top: 28px; margin-left: -37px;}
.zz-bnt3 {position: absolute; left: 50%; top: 65px; margin-left: -37px;}

.zz-bnt4 {position: absolute; left:68px; top: 115px; margin-left: -50px;}
.zz-bnt5 {position: absolute; left:165px; top: 115px; margin-left: -50px;}
.zz-bnt6 {position: absolute; left:370px; top: 115px; margin-left: -50px;}
.zz-bnt52 {position: absolute; left:848px; top: 115px; margin-left: -50px;}
.zz-bnt7 {position: absolute; left:947px; top: 115px; margin-left: -50px;}
.zz-bnt53 {position: absolute; left:1101px; top: 115px; margin-left: -50px;}

.zz-bnt8 {position: absolute; left:65px; top: 165px; margin-left: -50px;}
.zz-bnt9 {position: absolute; left:165px; top: 165px; margin-left: -50px;}
.zz-bnt10 {position: absolute; left:590px; top: 165px; margin-left: -50px;}
.zz-bnt11 {position: absolute; left:676px; top: 165px; margin-left: -50px;}
.zz-bnt12 {position: absolute; left:760px; top: 165px; margin-left: -50px;}
.zz-bnt13 {position: absolute; left:846px; top: 165px; margin-left: -50px;}
.zz-bnt14 {position: absolute; left:906px; top: 165px; margin-left: -27px;}
.zz-bnt15 {position: absolute; left:1160px; top: 165px; margin-left: -50px;}
.zz-bnt16 {position: absolute; left:475px; top: 375px; margin-left: -50px;}
.zz-bnt17 {position: absolute; left:602px; top: 375px; margin-left: -50px;}

.zz-bnt18 {position: absolute; left:125px; top: 225px; margin-left: -20px;}
.zz-bnt19 {position: absolute; left:160px; top: 225px; margin-left: -20px;}
.zz-bnt20 {position: absolute; left:194px; top: 225px; margin-left: -20px;}

.zz-bnt21 {position: absolute; left:634px; top: 225px; margin-left: -20px;}
.zz-bnt22 {position: absolute; left:668px; top: 225px; margin-left: -20px;}
.zz-bnt23 {position: absolute; left:702px; top: 225px; margin-left: -20px;}

.zz-bnt24 {position: absolute; left:1120px; top: 225px; margin-left: -20px;}
.zz-bnt25 {position: absolute; left:1154px; top: 225px; margin-left: -20px;}
.zz-bnt26 {position: absolute; left:1188px; top: 225px; margin-left: -20px;}

.zz-bnt27 {position: absolute; left:18px; top: 385px; margin-left: -20px;}
.zz-bnt28 {position: absolute; left:50px; top: 385px; margin-left: -20px;}
.zz-bnt29 {position: absolute; left:84px; top: 385px; margin-left: -20px;}
.zz-bnt30 {position: absolute; left:118px; top: 385px; margin-left: -20px;}
.zz-bnt31 {position: absolute; left:151px; top: 385px; margin-left: -20px;}
.zz-bnt32 {position: absolute; left:184px; top: 385px; margin-left: -20px;}

.zz-bnt33 {position: absolute; left:1018px; top: 165px; margin-left: -20px;}
.zz-bnt34 {position: absolute; left:1051px; top: 165px; margin-left: -20px;}
.zz-bnt35 {position: absolute; left:1084px; top: 165px; margin-left: -20px;}

.zz-bnt36 {position: absolute; left:230px; top: 165px; margin-left: -20px;}
.zz-bnt37 {position: absolute; left:263px; top: 165px; margin-left: -20px;}
.zz-bnt38 {position: absolute; left:296px; top: 165px; margin-left: -20px;}
.zz-bnt39 {position: absolute; left:329px; top: 165px; margin-left: -20px;}
.zz-bnt40 {position: absolute; left:362px; top: 165px; margin-left: -20px;}
.zz-bnt41 {position: absolute; left:395px; top: 165px; margin-left: -20px;}
.zz-bnt42 {position: absolute; left:428px; top: 165px; margin-left: -20px;}
.zz-bnt43 {position: absolute; left:461px; top: 165px; margin-left: -20px;}
.zz-bnt44 {position: absolute; left:494px; top: 165px; margin-left: -20px;}

.zz-bnt45 {position: absolute; left:440px; top: 430px; margin-left: -20px;}
.zz-bnt46 {position: absolute; left:482px; top: 430px; margin-left: -20px;}
.zz-bnt47 {position: absolute; left:528px; top: 430px; margin-left: -20px;}
.zz-bnt48 {position: absolute; left:562px; top: 430px; margin-left: -20px;}
.zz-bnt49 {position: absolute; left:595px; top: 430px; margin-left: -20px;}
.zz-bnt50 {position: absolute; left:628px; top: 430px; margin-left: -20px; font-size: 12px; line-height: 13px;}
.zz-bnt51 {position: absolute; left:661px; top: 430px; margin-left: -20px;}
		
	.lx.cont {max-width: 1200px;}
	.lx .c-cont {max-width: 1100px; }
}
@media only screen and (min-width: 981px) and (max-width: 1200px){
	.lx.cont {max-width: 1024px;}
	.lx .c-cont {max-width: 1024px; }	
		.lx .c-cont .lx-c-l {width: 58%; float: left;}
	.lx .c-cont .lx-c-l #map {width:580px;height:420px;border:#ccc solid 1px;font-size:14px}
	.lx .c-cont .lx-c-r {width: 42%; float: right;}
	.lx .c-cont .lx-c-r p {line-height: 24px; font-size: 1.2rem; color: #0d6a3a;}
	.lx .c-cont .lx-c-r p span {font-size: 1.4rem; line-height: 40px; font-weight: bold;}
	.lx .c-cont .lx-c-r .c-r-ly {background-color: #fff;border-radius:8px; margin-top: 1rem;  
	padding: 1.5rem; text-align: center;}
}

@media only screen and (max-width: 980px) {
	.lx .c-cont .lx-c-l {width:100%;}
	.lx .c-cont .lx-c-l #map {width:100%;height:420px;border:#ccc solid 1px;font-size:14px}
	.lx .c-cont .lx-c-r {width: 100%; float: right;}
}

/* 党建领航 */
.dj .cont {max-width: 1500px;position: relative; overflow: initial;}
.dj .c-cont {max-width: 1500px; margin:50px auto 0; position: relative;}
.dj .djicon1 {position: absolute; right: 0; top: -25px;}
.dj .djicon2 {position: absolute; left: 0; top: 50px;}
.dj .djicon3 {position: absolute; right: 100px; top: -100px;}
.dj .dj-c-l { width: 58.3%; float: left; text-align: center; position: relative;}
.dj .c-cont {overflow: visible;}
.dj .dl{width:180px; text-align: left; position: absolute; top: 10px;left: 0;z-index: 10000;}
.dj .dl img{width: 100%;}

.dj .dj-c-l .dr{width: 75%; float: right;}
.dj .dj-c-l .dr video {border-radius:8px}
.dj .mnav .c { background: #d02a2a; }
.dj .arrow-shadow { background: #d02a2a; }
.dj .dj-c-r { width: 41.7%; float: right; text-align: center;}
.swiper-button-prev { margin-left: -20px; width: 15px; background: #eee; line-height: 25px;}
.swiper-button-next { margin-right: -20px; width: 15px; background: #eee;}
.preview {
	width: 100%;
	margin-top: 10px;
	position: relative;
}
.dj .dj-c-r .dj-r-t { font-size: 32px;line-height: 30px; font-weight: bold; color: #d02a2a; }
.dj .dj-c-r .dj-r-c {margin: 0 0rem 0 2rem;}
.dj .dj-c-r .dj-r-c p {text-align: left; line-height: 40px; font-size: 20px; color: #d02a2a; text-indent: 2em;margin-top: 10px; font-weight: bold;}
.dj .dj-c-r .dj-r-c p span {border-bottom: solid 1px #d02a2a; padding-bottom: 5px; }
.dj .dj-c-r .dj-r-c .dj-r-c-b {text-align: right; font-weight: bold; color: #666; margin: 5px  1rem 2.5rem 0; font-size: 1rem;}
.dj-b {width: 1200px; position: relative; margin: 70px auto;}
.dj-b .dj-b-c {width: 300px; float: left; text-align: center; margin: 0 45px;}
.gra .frmdj p {text-align: center;}
.pc-slide {width: 100%;margin: 0 auto;}



@media only screen and (max-width: 980px){
.djioc .cont {overflow:visible;}
.dj .dl{width:180px; text-align: left; position: absolute; top: 10px;left: -5px;z-index: 10000;}
.dj .dj-c-l { width: 88%; float: right; text-align: center; position: relative;}
.dj .dj-c-l .dr{width: 85%; float: right;}
.dj .dj-c-r { width: 100%; float: right; text-align: center;margin-top: 30px;}
.dj-b .dj-b-c {width: 220px; float: left; text-align: center; margin: 0 18px;}
.dj-b .dj-b-c .gra .frmdj {padding: 0;}
} 




.view .swiper-container {width: 100%;height: auto;}
.view .arrow-left {
	background: url(../images/index_tab_l.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.view .arrow-right {
	background: url(../images/index_tab_r.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.preview {
	width: 100%;
	margin-top: 10px;
	position: relative;
}

.preview .swiper-container {
	width: 90%;
	height: 105px;
	margin-left: 5%;
}

.preview .swiper-slide {
	width: 150px;
	height: 105px;
	cursor:pointer;
}

.preview .slide6 {
	width: 150px;
}

.preview .arrow-left {
	background: url(../images/feel3.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview .arrow-right {
	background: url(../images/feel4.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview img {
	padding: 1px; border-radius: 10px;
}

.preview .active-nav img {
	padding: 0;
	border: 1px solid #F00;
}
@media only screen and (min-width: 981px) and (max-width: 1279px){
.dj .dl{width:13%; text-align: left; position: absolute; top: 10px;left: 0;z-index: 10000;}	
.dj-b {width: 981px; position: relative; margin: 70px auto;}
.dj-b .dj-b-c {width: 250px; float: left; text-align: center; margin: 0 38px;}
}
@media only screen and (max-width: 980px){
.dj-b {width: 100%; position: relative; margin: 70px auto;}
}


@media only screen and (min-width: 980px) and (max-width: 2800px){

.zcjy .cont {max-width: 1558px;position: relative; overflow: initial;}
.zcjy .c-cont {max-width: 1558px; margin:-50px auto 0; position: relative;}
}
/* 技术成果 */
.cg .cont {max-width: 1500px;}
.cg .c-cont {max-width: 1500px; margin:0 auto;}
.cg .c-li {width: 25%; float: left; text-align: center;}
@media only screen and (max-width: 980px) {
.cg .c-li {width: 50%; float: left; text-align: center;}	
}
.cg .c-li .c-li-c { background: #fff; margin:3vh 2vh 2vh; padding: 8px;border-radius: 6px; 
box-shadow: 2px 5px 10px #999; transition: all .2s ease-in-out;}
.cg .c-li .c-li-c img {width: 100%;border-radius: 4px;}
.cg .c-li .c-li-c p {line-height: 2rem; font-size: 1rem; color:#0d6a3a; font-weight: bold;text-overflow:ellipsis;overflow:hidden; white-space:nowrap;}
.cg .c-li .c-li-c p a {color:#0d6a3a;}
.cg .c-li .c-li-c:hover p a {color:#09532d;}

.cg .c-li .c-li-c:hover {box-shadow: 2px 5px 10px #666;  margin:2vh 2vh 3vh;padding: 8px;}
.cg .c-li .c-li-c:hover img {filter: brightness(80%);}
.cgicon {position: relative; height: 100%; background: #666;}
.cgicon img {position: absolute; margin-top: 85%; left: 10px;}
.cgicon img:hover {position: absolute; margin-top: 85%; left: 10px; animation:cgmove .5s  alternate; filter: drop-shadow(2px 2px 6px #0d6a3a);}
@keyframes cgmove {
    0% { left: 10px; }
    50% {left: 20px;}	
    100% {left: 10px;}
}
.cgicon a {display: block; height: 100%; background: #333;}

/* 技术成果内页 */
.cg .c-ct{ background: #eee; border-radius: 6px;}
.cg .c-ct .c-cl {width: 50%; float: left;padding: 1rem 0; }
.cg .c-ct .c-cr {width: 50%; float: left;}
.cg  p{margin:0rem 1rem; line-height: 24px; font-size: 1rem;}
.cg  p span {background: #0d6a3a; color: #fff; text-align: center; padding: 1px .5rem; margin-right: .5rem; border-radius: 4px;}
.colt {color: #0d6a3a; padding-top: 1rem; font-weight: bold;}
.cg .c-cb .cb-c{float: left; width: 25%; text-align: center; margin-top: 2rem;}
.cg .c-cb .cb-c .k {margin: 1rem; transition: all .3s ease; border-radius: 6px;}
.cg .c-cb .cb-c .k:hover {margin:.3rem 1rem 1.7rem; transition: all .3s ease;}
.cg .c-cb .cb-c .k:hover img { transform:scale(1.1);transition: all 1s ease;  }
.cg .c-cb .cb-c .k img {width: 100%; border-radius: 6px;transition: all 1s ease-out;  box-shadow: 2px 5px 10px #999; }
.cg .sd p {line-height: 32px;}

/* 古茶树 */
.cg .gc { height: 78vh;}
.cg .gc .c-cl { width: 58%; float: left; margin-right: 1%;}
.cg .gc .c-cl .cl-t {border-radius: 6px; background: #eee; margin-bottom: 10px;}
.cg .gc .c-cl .cl-t p{margin:0rem 1rem; line-height: 30px; font-size: 1rem; padding-top: .8rem; text-indent: 2rem;}
.cg .gc .c-cl .c {width: 46%; float: left; margin:0 2%; }
.cg .gc .c-cr {width: 40%; float: right; margin-left: 1%; }
.cg .gc .c-cr .g {line-height: 100%; height: 100%;margin-bottom: 10px;overflow: hidden;}
.cg .gc .c-cl .cb {display: none;}
.cg .gc .c-cr .g img {height: 73vh;}
@media only screen and (max-width: 980px) {
	.cg .gc .c-cl { width: 100%; float: left; margin-right: 0%;}
	.cg .gc .c-cl .g img {height: initial;}
	.cg .gc .c-cr { width: 100%; float: right; margin-left: 0%;}
}

/* 绿茶 */
.cg .lc .c-cl { width: 43%; float: left; margin-right: 1%;}
.cg .lc .c-cr .cl-t {border-radius: 6px; background: #eee; margin-bottom: 10px; padding-bottom: 10px;}
.cg .lc .c-cr .cl-t p{margin:0rem 1rem; line-height: 30px; font-size: 1rem; padding-top: .4rem; text-indent: 2rem;}

.cg .lc .c-cr { width: 55%; float: right; margin-left: 1%;}
.cg .lc .c-cr .c1 {width: 60%; float: left; margin-right: .5%; }
.cg .lc .c-cr .c2 {width: 39%; float: left; margin-left: .5%; }
.cg .lc .c-cr .c3 {width: 30.1%; float: left; margin-left: .5%;  display: none;}
.cg .lc .c-cr .g {line-height: 100%; height: 100%;}
.cg .lc .c-cl .g img {height: 73vh;}
@media only screen and (max-width: 980px) {
	.cg .lc .c-cl { width: 100%; float: left; margin-right: 0%;}
	.cg .lc .c-cl .g img {height: initial;}
	.cg .lc .c-cr { width: 100%; float: right; margin-left: 0%;}
}
/* 生态示范基地 */
.cg .st .c-cl { width: 49%; float: left; margin-right: 1%;}
.cg .st .cl-t {border-radius: 6px; background: #eee; margin-bottom: 10px; padding-bottom: 10px;}
.cg .st .cl-t p{margin:0rem 1rem; line-height: 30px; font-size: 1rem; padding-top: .8rem; text-indent: 2rem; }

.cg .st .c-cr { width: 49%; float: right; margin-left: 1%;}
.cg .st .c1 {width: 48%; float: left; margin-top: 1rem; }
.cg .st .c2 {width: 48%; float: right; margin-top: 1rem;}
.cg .st .g {line-height: 100%; height: 100%;}
.cbr1 {display: none;}
.cbr2 {display: none;}
.cg .st .c-cr .c3 {display: none;}
.cg .st .c-cr .c4 {display: none;}

/* 石斛 */
.cg .sh .c-c { width: 26.9267241%; float: left; margin:1% 2%; }
.cg .sh .c-c2 { width: 34.1465517%; float: left; margin: 1% 2%;}

.cg .sh .c-c2 .tw {width: 100%; background: url(../images/jscg-172bg.png); background-size:100% 100% ; }
.cg .sh .g {font-size: 0;}
.cg .sh .c-c2 .t {display: none;}
.cg .sh .c-c2 .tw p{line-height: 30px; font-size: 1rem; padding: 1rem; text-indent: 1.5rem; }

/* 现代肉牛产业基地 */
.cg .rn .c-cl { width: 54%; float: left; margin-right: 1%;}
.cg .rn .cl-t {border-radius: 6px; background: #eee; }
.cg .rn .cl-t p {margin:0 1rem; line-height: 30px; font-size: 1rem; text-indent: 2em; padding: 1rem 0;}
.cg .rn .c-cr { width: 44%; float: right; margin-left: 1%;}
.cg .rn .mb {margin-bottom: 1rem;}
.cg .rn .cl-b {display: block;}
.cg .rn .cl-cb{ display: none;}
.cg .rn .cl-cb2 { display: none;}

/* 皂角米基地简介 */
.cg .jz .c-cl { width: 40%; float: left; margin:0 3% 0 2%;}
.cg .jz .cl-t {border-radius: 6px; background: #eee; padding: 1rem;}
.cg .jz .cl-t p {margin:.5rem 1rem; line-height: 30px; font-size: 1rem; text-indent: 2em; padding:0;}
.cg .jz .c-cr { width: 50%; float: right; margin:0 2% 0 3%;}
.cg .jz .c-cr .cl-t { margin-bottom: 10px;}
.cg .jz .mb {margin-bottom: 1rem;}

/* 发展规划 */
.cg .gh .gh-l {width: 48%; float: left; margin-right: 2%;}
.cg .gh .gh-r {width: 48%; float: right; margin-right: 2%;}

.gh .gh-img {width: 100%; margin: 20px auto;}
.gh .gh-img .l {width: 48%; margin-right: 2%; float: left;}
.gh .gh-img .r {width: 48%; margin-left: 2%; float: right;}
.gh  img {width: 100%; }

.gh .gh-t {border-radius: 6px; background: #eee; width: 100%; margin: 10px auto;}
.gh .gh-t p {margin:.5rem 1rem; line-height: 26px; font-size: 1rem; text-indent: 2em; padding:.2rem;}
.gh-bk {display: block;}
.gh-n {display: none;}

/* 发展定位 */
.dw .gh-l {width: 49%; float: left; margin-right: 1%;}
.dw .gh-r {width: 49%; float: right; margin-right: 1%;}
.gh-img {width: 100%; margin: 0px auto;}
.gh-img .l {width: 100%; }
.gh-img .r {width: 100%;}
.dw  img {width: 100%; }
.dw .gh-t {border-radius: 6px; background: #eee; width: 100%; margin: 10px auto;}
.dw .gh-t p {margin:.5rem 1rem; line-height: 30px; font-size: 1rem; text-indent: 2em; padding:0;}
.gh-bk {display: block;}
.gh-n {display: none;}

/* 战略布局 */
.rcnav {right: 0;top: 40%; font-size: 16px; width: 16px; margin: 10px; overflow: hidden; background:rgba(255,255,255,.7); 
padding: 10px; border: 1px solid #0d6a3a; font-weight: bold; color: #666; display: none;cursor:pointer;}
.rcnav .on {color: #0d6a3a;}

.zl .cont {max-width: 1500px;}
.zl .c-cont {max-width: 1500px; margin:0 auto;}

.zl .tit {margin: 30px auto; width: 240px; font-size: 24px; font-weight: bold; text-align: center; cursor:pointer;}
.zl .tit .on {color: #0d6a3a;}

.zl .c-cont {margin: 20px auto;}
 


.fz .cont {max-width: 1500px;}
.fz .c-cont {max-width: 1500px; margin:40px auto 0;}



.w7  .c-c-l {float: left; margin-top:20vh;}
.w7  .c-c-l .c-l-t {font-size: 38px; color: #0d6a3a; font-weight: bold; margin: 30px 30px 20px 100px;}
.w7  .c-c-l p {font-size: 20px; line-height: 38px; margin-left: 100px;}

.w7  .c-c-r {float: right;}
.w7  .c-c-r .c-r-k {width: 700px; height: 475px; float: right;position: relative;margin: 40px 30px 60px 50px; background: #cbddd4;}

.w7  .c-r-img {background: url(../images/7w.jpg); background-size:100% 100% ; width: 700px; height: 475px;
position: absolute; top: 50px; left: -50px; transition: all .5s ease; box-shadow: 2px 4px 8px #666;}

.w7 .c-r-img:hover {top: 0; left: 0;}
.w7  .c-r-img2 {background: url(../images/9w.jpg); background-size:100% 100% ; width: 700px; height: 475px;
position: absolute; top: 50px; left: -50px; transition: all .5s ease; box-shadow: 2px 4px 8px #666;}
.w7  .c-r-img2:hover {top: 0; left: 0;}




.w8  .c-c-l {float: right; margin-top:10vh;}
.w8 .c-c-l .c-l-t {font-size: 38px; color: #0d6a3a; font-weight: bold; margin: 30px 30px 20px 100px;}
.w8  .c-c-l p {font-size: 20px; line-height: 38px; margin-left: 100px;}

.w8  .c-c-r {float: left;}
.w8  .c-c-r .c-r-k {width: 580px; height: 586px; float: right;position: relative;margin: 40px 30px 60px 50px; background: #cbddd4;}

.w8  .c-r-img {background: url(../images/8w.jpg); background-size:100% 100% ; width: 580px; height: 586px;
position: absolute; top: 50px; right: -50px; transition: all .5s ease-in-out; box-shadow: 2px 4px 8px #666;}

.w8  .c-r-img:hover {top: 0; left: 0;transition: all .5s ease;}



.goc .cont {max-width: 1500px;}
.goc .c-cont {max-width: 1450px; margin:0 auto;}

.goc .c-cont .c-cont-c p {margin:.5rem 1rem; line-height: 30px; font-size: 1rem; padding:0;}
.goc .c-cont .c-cont-c p span {font-weight: bold;}
.goc .gcimg {float: right; margin: 1rem; width: 500px; border-radius: 8px;}

/* 集团宣传片 */
.xcp .cont {max-width: 1500px;}
.xcp .c-cont {max-width: 1450px; margin:0 auto;}

.xcp .c-cont .c-c-l {float: left; width: 64.7%; margin-top: 20px;}
.xcp .c-cont .c-c-r {float: right; width: 35.3%; position: relative;}
.xcp .c-cont .c-c-r .vi1 {margin: 20px 40px;}
.xcp .c-cont .c-c-r .vi2 {margin: 40px 40px 0;}
.xcp .c-cont .c-c-r .vi1 img {width: 100%;}
.xcp .c-cont .c-c-r .vi2 img {width: 100%;}
.xcp .c-cont poster img {width: 100%;}
#vi3 {cursor:pointer;}
#vi2 {cursor:pointer;}

@media only screen and (max-width: 980px) {
.xcp .c-cont .c-c-l {float: left; width: 100%; margin-top: 20px;}
.xcp .c-cont .c-c-r {float: right; width: 100%; position: relative;}
.xcp .c-cont .c-c-r .vi1 {margin: 20px 10px;width: 45%;float: left;}
.xcp .c-cont .c-c-r .vi2 {margin: 20px 10px;width: 45%;float: right;}
}


.cgicon2 {position: absolute;z-index: 1000; bottom: 0;right: 0;}
.cgicon2 img {}
.cgicon2 img:hover { animation:cgmove .5s  alternate; filter: drop-shadow(2px 2px 6px #0d6a3a);}
@keyframes cgmove {
    0% { left: 10px; }
    50% {left: 20px;}	
    100% {left: 10px;}
}


/*发展规划和产业定位*/
.ctyc .gh-l {width: 49%; float: left; margin-right: 1%;}
.ctyc .gh-r {width: 49%; float: right; margin-right: 1%;}
.gh-img {width: 100%; margin: 0px auto;}
.gh-img .l {width: 100%; }
.gh-img .r {width: 100%;}
.ctyc  img {width: 100%; }
.ctyc .gh-t {border-radius: 6px; background: #eee; margin: 0px auto; padding: 10px;}
.ctyc .gh-t p {margin:.5rem 1rem; line-height: 36px; font-size: 1rem; text-indent: 2em; padding:0;}
.ctyc .ct-t { margin-top: 90px;}
.ctyc .gh-l .gh-b {margin: 30px auto;}
.ctyc .gh-r .gh-t p {line-height: 30px;}
.ctyc .mb {margin-bottom: 20px;}

.newyc .yc-t {overflow: hidden; margin: 25px auto 50px;}
.newyc .yc-b {overflow: hidden;}
.newyc .yc-t2 {overflow: hidden; margin: 25px auto 50px;}
.newyc .yc-b2 {overflow: hidden;}
.newyc .yc-t .l{width: 38%; float: left; clear: both; margin-right: 4%;}
.newyc .yc-t .r{width: 54%; float: left; margin-left: 4%;}

.newyc .yc-t2 .l{width: 53%; float: left;}
.newyc .yc-t2 .r{width: 43%; float: right;}
.newyc .gh-t {border-radius: 6px; background: #eee; margin: 0px auto; padding: 10px; overflow: hidden;}
.newyc .gh-t p {margin:.5rem 1rem; line-height: 36px; font-size: 1rem; text-indent: 2em; padding:0;}
.newyc .r img {width: 100%;}
.newyc .yc-b .l{width: 50%; float: left;}
.newyc .yc-b .r{width: 40%; float: right;}

.newyc .yc-b2 .l{width: 40%; float: left; }
.newyc .yc-b2 .r{width: 56%; float: right;}
.newyc .l img {width: 100%;}

@media only screen and (min-width: 1701px) and (max-width: 1900px){
.newyc .gh-t p {line-height: 32px;}		
}
@media only screen and (min-width: 1501px) and (max-width: 1700px){
.newyc .gh-t p {line-height: 28px;}	
}

#cg1 .c-cont {margin: 0px auto 40px;}

.fixed {position: fixed; background:rgba(255,255,255,.9); box-shadow: 2px 4px 8px #eee;}
.h100 {height: 100%;}

/* 社会责任 */
.conli {min-height: 700px;}
.conli ul {padding-left: 0px; margin:40px 0; font-size: 18px;}
.conli ul li {margin: 20px 0 10px;padding-bottom: 10px; border-bottom: 1px solid #ccc; list-style-position:inside;}
.conli ul li span {float: right;font-size: 16px; color: #666;}
.sp {height: 40px; margin: 0 auto; width: 500px; text-align: center;}
.sp a {padding: 10px; border: 1px solid #ccc; background-color: #fff; margin:0 5px; border-radius: 2px;}
.sp b {padding: 10px; border: 0px; background-color: #0d6a3a; color: #fff; margin:0 5px; border-radius: 2px;}


.cont-c { margin: 0 auto;min-height: 700px;max-width: 1450px;}
.n-c-t {text-align: center; line-height: 30px; max-width: 840px; margin: 20px auto 30px;}
.n-c-t h1 {font-size: 24px; color: #0d6a3a;}
.n-c-t p {font-size: 14px; color: #999;}
.n-c-t p span {margin: 0 5px;}
.n-c-c {line-height: 26px; font-size: 18px; color: #555;}
.n-c-c p {margin-bottom: 15px;}
.zjyr .n-c-c p span {color: #0d6a3a;}

/* 养瑞梦内容 */
.yrm-c-c {background-color: #eee; margin: 30px auto; padding: 0 30px;}
.yrm-c-c .c-c-li {width: 33.3333333%; float: left;}
.yrm-c-c .c-c-li p {line-height: 30px; font-size: 16px; margin-bottom: 20px;}
.yrm-c-c .c-c-li p span{font-size: 20px; color: #0d6a3a;}
.updown {line-height: 40px; font-size: 18px; border-top: 1px dashed #ccc ; padding: 20px 0; margin-top: 50px;}