﻿/* CSS Document */
header{position:fixed; top:0px; left:0px; z-index: 9999999999999999999999999;}
#banner{width:100%; max-width: 1920px; height:auto; overflow: hidden; background: #FFF;}
#banner .swiper-slide{width:100%; height:100%; overflow: hidden;}
#banner .swiper-slide .bannerk{width:1920px; position: relative; overflow: hidden; height:100%; text-align: center; left:50%; margin-left: -960px; 
	background: rgba(0,0,0,0.40);}
#banner .swiper-slide .bannerk a{display:block; width:100%; height:100%; text-align:center;}
#banner .swiper-slide .bannerk a img{height:100%; width:auto; position:relative; left:50%; transform: translate(-50%,0%);}
#banner .swiper-pagination li{width:40px; height:5px; border: 0px solid #FFF; border-radius: 50px; background-color:#FFF;
	text-align: center; line-height: 5px; font-size: 20px; color:#FFF; opacity:0.8; overflow: hidden;}
#banner .swiper-pagination li.swiper-pagination-bullet-active{border: 0px solid #07efcd; color:#07efcd; background-color:#07efcd; width:40px; height:5px;}

#cpjs{width:100%; max-width: 1920px; position: relative; overflow: hidden; left:50%; transform: translate(-50%,0%);
	background: #FFF;}
#cpjs .con{width:100%; height:100%; position: relative;}
#cpjs .con .cp_left_zd{width:50%; height:100%; position: absolute; left:0px; top:0px; z-index: 100;}
#cpjs .con .cp_left_zd a{display:block; width:100%; height:100%;}
#cpjs .con .cp_right_zd{width:50%; height:50%; position: absolute; right:0px; bottom:0px; z-index: 100;}
#cpjs .con .cp_right_zd a{display:block; width:100%; height:100%;}
#cpjs .con .cp_qh{width:100%; height:100%; pointer-events:none;}
#cpjs .con .cp_left{width:50%; height:100%; overflow: hidden; float: left; background: #000;}
#cpjs .con .cp_left .swiper-wrapper{width:100%; height:100%;}
#cpjs .con .cp_left .swiper-wrapper .swiper-slide{width:100%;height:100%; overflow: hidden;}
#cpjs .con .cp_left .swiper-wrapper .swiper-slide .bannerk{width:1920px; height:100%; left:50%; position: relative; margin-left: -960px; text-align: center;}
#cpjs .con .cp_left .swiper-wrapper .swiper-slide .bannerk img{height:100%; width:auto;}
#cpjs .con .cp_right{width:50%; height:100%; overflow: hidden; float: left;}
#cpjs .con .cp_right .tit{width:calc(100% - 60px); height:calc(100% - 60px); overflow: hidden; padding: 30px;}
#cpjs .con .cp_right .tit ul{width:100%; height:100%; position: relative;}
#cpjs .con .cp_right .tit ul li{width:100%; height:100%; position: absolute; top:0px; left:0px; text-align: left; opacity: 0;}
#cpjs .con .cp_right .tit ul li a{display:block; width:100%; height:auto; float: left; margin-top: 50%; position: relative; transform: translate(0%,-50%);}
#cpjs .con .cp_right .tit ul li a .tits{width:100%; height:60px; position: relative; overflow: hidden;}
#cpjs .con .cp_right .tit ul li a .tits .bj{width:100%; height:100%; position: absolute; top:0px; left:0px; font-size: 32px;
	color:#eeeeee; text-transform:Uppercase; line-height: 90px; font-weight: bold; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#cpjs .con .cp_right .tit ul li a .tits .qdnr{width:100%; height:100%; position: absolute; top:0px; left:0px; font-size: 32px;
	color:#008b50; text-transform:Uppercase; line-height: 60px; font-weight: bold; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#cpjs .con .cp_right .tit ul li a .xm{width:100%; height:auto; line-height: 40px; font-size: 24px; color:#333333; text-align: left; margin-top: 15px;}
#cpjs .con .cp_right .tit ul li a .nr{width:100%; height:auto; font-size: 16px; color:#333333; line-height: 30px; margin-top: 15px;}
#cpjs .con .cp_right .tit ul li a .ckmore{width:200px; height:50px; float: left; margin-top: 50px; border: 1px solid #afafaf; border-radius: 25px; overflow: hidden;
	font-size: 16px; color:#afafaf; line-height: 50px; text-align: center;}
#cpjs .con .cp_right .tit ul li a .ckmore img{width:25px; height:25px; padding-top: 12.5px; padding-left: 20px;}
#cpjs .con .cp_right .tit ul li a .ckmore:hover{color:#008b50; border: 1px solid #008b50;}

#cpjs .con .cp_right .tit ul li.bxdh a{animation:cp_bxdh_a 1s forwards; -webkit-animation:cp_bxdh_a 1s forwards;}
@keyframes cp_bxdh_a{
	0%   {margin-top: 200%;}
	100%  {margin-top: 50%;}
	}
@-webkit-keyframes cp_bxdh_a{
	0%   {margin-top: 200%;}
	100%  {margin-top: 50%;}
	}

#cpjs .con .zyqh{width:160px; height:55px; position: absolute;bottom:100px; left:50%; margin-left: -80px; z-index: 100;}
#cpjs .con .zyqh ul{width:100%; height:100%; overflow: hidden;}
#cpjs .con .zyqh ul li{width:55px; height:55px; float: left; background: url(../image/sy04_09.png); outline: none;}
#cpjs .con .zyqh ul li:nth-child(1){margin-top:0px; background: url(../image/sy04_07.png);}
#cpjs .con .zyqh ul li:nth-child(2){float: right;}


.ggnav{width:60px; height:60px; position: fixed; z-index: 999999999; right:50px; top:30px; display: none;}
.ggnav img{width:100%; height:100%;}


#qywh{width:100%; max-width: 1920px; position: relative; overflow: hidden; left:50%; transform: translate(-50%,0%);
	background:url(../image/sy_08_02.jpg) no-repeat; background-size: 100% 100%;}
#qywh .con{width:95%; max-width: 1400px; height:auto; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
#qywh .con .ggtit{width:100%; height:auto; padding-top: 40px;}
#qywh .con .ggtit p{width:100%; height:auto; font-size: 24px; font-weight: bold; text-align: center; color:#FFF;}
#qywh .con .ggtit .xhx{width:80px; height:1px; background: #FFF; margin-top: 20px;}
#qywh .con ul{width:100%; height:450px; overflow: hidden; background: #FFF; margin-top: 30px; position: relative;}
#qywh .con ul li{width:100%; height:450px; overflow: hidden; background: #FFF; position: absolute;}
#qywh .con .zscon{width:100%; height:450px; overflow: hidden; background: #FFF;}
#qywh .con .zscon .left_size{width:50%; height:100%; float: left; overflow: hidden;}
#qywh .con .zscon .left_size .ul{width:100%; height:100%;}
#qywh .con .zscon .left_size .ul .li{width:calc(50% - 2px); height:calc(50% - 2px); float: left; border:1px solid #159444; position:relative;
    overflow: hidden;}
#qywh .con .zscon .left_size .ul .li a{display:block; width:calc(100% - 20px); height:auto; position: absolute;
    left:50%; top:45px; transform: translate(-50%,0%);}
#qywh .con .zscon .left_size .ul .li a .tb{width:100%; height:60px; text-align: center;}
#qywh .con .zscon .left_size .ul .li a .tb img{height:100%;}
#qywh .con .zscon .left_size .ul .li a .tb_size{width:100%; height:auto; text-align: center;}
#qywh .con .zscon .left_size .ul .li a .tb_size p:nth-child(1){font-size:24px; color:#333333;}
#qywh .con .zscon .left_size .ul .li a .tb_size p:nth-child(2){font-size:16px; color:#333333;}
#qywh .con .zscon .left_size .ul .li a .tb_size p:nth-child(3){font-size:16px; color:#333333; padding-top: 10px;}
#qywh .con .zscon .left_size .ul .li:nth-last-child(1) a{top:50%; transform: translate(-50%,-50%);}
#qywh .con .zscon .left_size .ul .li:nth-last-child(1) a .mor_tb{width:100%; height:100px; text-align:center;}
#qywh .con .zscon .left_size .ul .li:nth-last-child(1) a .mor_tb img{height:100%;}
#qywh .con .zscon .left_size .ul .li:nth-last-child(1) a .mor_tb_size{width:100%; font-size:14px; color:#333333; text-align:center;
    line-height: 50px;}
#qywh .con .zscon .left_size .zzgj{width:100%; height:100%; text-align: center; position: relative;}
#qywh .con .zscon .left_size .zzgj img{height:auto; max-height: 90%; width:auto; max-width: 100%;
    position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}


#qywh .con .zscon .right_pic{width:50%; height:100%; float: right; overflow: hidden; position: relative;}
#qywh .con .zscon .right_pic .pick{width:100%; height:100%; overflow: hidden; position: relative;}
#qywh .con .zscon .right_pic .pick img{min-width: 100%; min-height: 100%; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
#qywh .con .zscon .right_pic .wstit{width:90%; height:60px; line-height: 60px; text-align: center; font-size: 24px; color:#FFF; position: absolute;
	bottom:0px; letter-spacing:3px}

#qywh .con .xbj{width:100%; height:60px; margin-top:40px; text-align: center;}
#qywh .con .xbj .btk{width:360px; height:100%; display:inline-block; position: relative;}
#qywh .con .xbj .btk .hx{width:200px; height:1px; background: #FFF; position: absolute;}
#qywh .con .xbj .btk .hx:nth-child(1){left:60px;}
#qywh .con .xbj .btk .btnr{width:160px; height:100%; overflow: hidden; text-align: center;}
#qywh .con .xbj .btk .btnr img{width:auto; height:30px; padding-bottom: 5px;
    -webkit-filter: brightness(200%) grayscale(100%); filter: brightness(200%) grayscale(100%);}
#qywh .con .xbj .btk.dq .btnr img{-webkit-filter: brightness(100%) grayscale(0%); filter: brightness(100%) grayscale(0%);}
#qywh .con .xbj .btk .btnr p{width:100%; height:25px; line-height: 25px; text-align: center; font-size: 14px; color:#FFF; overflow: hidden;}
#qywh .con .xbj .btk:nth-child(1){width:170px;}
#qywh .con .xbj .btk:nth-child(2){width:300px;}
#qywh .con .xbj .btk:nth-child(3){width:170px;}
#qywh .con .xbj .btk:nth-child(1) .hx{display:none;}
#qywh .con .xbj .btk:nth-child(3) .hx{display:none;}
#qywh .con .xbj .btk:nth-child(2) .hx:nth-child(1){left:-70px; top:15px;}
#qywh .con .xbj .btk:nth-child(2) .hx:nth-child(3){right:-70px; top:15px;}
#qywh .con .xbj .btk:nth-last-child(1) .hx{}

#lvzl{width:100%; max-width: 1920px; position: relative; overflow: hidden; left:50%; transform: translate(-50%,0%); background: #FFF;}
#lvzl .con{width:95%; max-width: 1400px; height:auto; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
#lvzl .con .ggtit{width:100%; height:auto; padding-top: 40px;}
#lvzl .con .ggtit p{width:100%; height:auto; font-size: 24px; font-weight: bold; text-align: center; color:#333333;}
#lvzl .con .ggtit .xhx{width:80px; height:1px; background: #008b50; margin-top: 20px;}
#lvzl .con .jxyy{width:100%; height:500px; position: relative; margin-top: 50px;}
#lvzl .con .jxyy .swiper-container{width:calc(100% - 100px); height:500px; overflow: hidden;}
#lvzl .con .jxyy .swiper-container .swiper-slide a{display:block; width:100%; height:100%; position: relative; border-radius: 8px; overflow: hidden; 
	background: rgba(255,110,113,1.00);}
#lvzl .con .jxyy .swiper-container .swiper-slide a img{height:100%; max-width:100%; }
#lvzl .con .jxyy .swiper-button-next{z-index: 9000; width:38px; height:38px; margin: 0px; margin-right:-10px; background: url(../image/sy04_09.png); 
	background-size: 100% 100%; display: block; overflow: hidden; border: 0px;}
#lvzl .con .jxyy .swiper-button-prev{z-index: 9000; width:38px; height:38px; margin: 0px; margin-left:0px; background: url(../image/sy04_07.png); 
	background-size: 100% 100%; display: block; overflow: hidden; border: 0px;}

#zzzj{width:100%; max-width: 1920px; position: relative; overflow: hidden; left:50%; transform: translate(-50%,0%);
	background:url(../image/sy07_02.jpg) no-repeat; background-size: 100% 100%;}
#zzzj .con{width:95%; max-width: 1400px; height:auto; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
#zzzj .con .ggtit{width:100%; height:auto; padding-top: 40px;}
#zzzj .con .ggtit p{width:100%; height:auto; font-size: 24px; font-weight: bold; text-align: center; color:#FFF;}
#zzzj .con .ggtit .xhx{width:80px; height:1px; background: #FFF; margin-top: 20px;}
#zzzj .con .ggtit .jjsm{width:100%; height:auto; line-height:40px; font-size: 15px; color:#FFF;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
	text-align: center;}
#zzzj .con .zscon{width:100%; height:auto; overflow: hidden; margin-top: 40px;}
#zzzj .con .zscon .left_size{width:40%; height:auto; float: left; overflow: hidden;}
#zzzj .con .zscon .left_size .tit{width:100%; text-align: left; font-size: 24px; color:#FFF; line-height: 50px;}
#zzzj .con .zscon .left_size ul{width:100%; height:auto;}
#zzzj .con .zscon .left_size ul li{width:calc((100% - 20px) / 2); height:auto; min-height: 40px; float: left; margin-left: 20px; margin-top: 10px;}
#zzzj .con .zscon .left_size ul li:nth-child(2n + 1){margin-left:0px;}
#zzzj .con .zscon .left_size ul li .sz{width:40px; height:40px; float: left; background: #008b50; text-align: center; line-height: 40px;
	font-size: 16px; color:#FFF; border-radius: 50px;}
#zzzj .con .zscon .left_size ul li .size{width:calc(100% - 45px); height:auto; line-height: 40px; float: right; font-size: 14px; color:#FFF; text-align: left;}

#zzzj .con .zscon .right_pic{width:55%; height:auto; float:right;}
#zzzj .con .zscon .right_pic .pic{width:100%; height:auto;}
#zzzj .con .zscon .right_pic .pic img{width:100%; height:auto;}

#cpzx{width:100%; max-width: 1920px; position: relative; overflow: hidden; left:50%; transform: translate(-50%,0%);
	background:url(../image/sy08_02.jpg) no-repeat; background-size: 100% 100%;}
#cpzx .con{width:95%; max-width: 1200px; height:auto; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
#cpzx .con .ggtit{width:100%; height:auto; padding-top: 40px;}
#cpzx .con .ggtit p{width:100%; height:auto; font-size: 24px; font-weight: bold; text-align: center; color:#333333;}
#cpzx .con .ggtit .xhx{width:80px; height:1px; background: #333333; margin-top: 20px;}
#cpzx .con .ggtit .jjsm{width:100%; max-width: 900px; height:auto; line-height:25px; font-size: 15px; color:#333333; text-align: center;}

#cpzx .con .zscon{width:100%; height:470px; margin-top: 60px;}
#cpzx .con .zscon .left_pic{width:470px; height:470px; float: left; position: relative;}
#cpzx .con .zscon .left_pic .bjpic{width:400px; height:400px; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
#cpzx .con .zscon .left_pic .bjpic img{width:100%; height:100%;}
#cpzx .con .zscon .left_pic .xzpics{width:90%; height:90%; position: absolute; top:5%; left:5%;}
#cpzx .con .zscon .left_pic .xzpics .pic{width:125px; height:125px; position: absolute;}
#cpzx .con .zscon .left_pic .xzpics .pic.a{top:0px; left:0px;}
#cpzx .con .zscon .left_pic .xzpics .pic.b{top:0px; right:0px;}
#cpzx .con .zscon .left_pic .xzpics .pic.c{bottom:0px; right:0px;}
#cpzx .con .zscon .left_pic .xzpics .pic.d{bottom:0px; left:0px;}
#cpzx .con .zscon .left_pic .xzpics .pic img{width:100%; height:100%;}
#cpzx .con .zscon .left_pic .xzpics{animation:cpzx_pic_a 15s linear infinite normal; 
	-webkit-animation:cpzx_pic_a 15s linear infinite normal;}
@keyframes cpzx_pic_a{
	0%   {transform:rotate(0deg); -ms-transform:rotate(0deg);}
	100%  {transform:rotate(360deg); -ms-transform:rotate(360deg);}
	}
@-webkit-keyframes cpzx_pic_a{
	0%   {transform:rotate(0deg); -ms-transform:rotate(0deg);}
	100%  {transform:rotate(360deg); -ms-transform:rotate(360deg);}
	}
#cpzx .con .zscon .left_pic .xzpics .pic{animation:cpzx_pic_b 15s linear infinite normal; 
	-webkit-animation:cpzx_pic_b 15s linear infinite normal;}
@keyframes cpzx_pic_b{
	0%   {transform:rotate(360deg); -ms-transform:rotate(360deg);}
	100%  {transform:rotate(0deg); -ms-transform:rotate(0deg);}
	}
@-webkit-keyframes cpzx_pic_b{
	0%   {transform:rotate(360deg); -ms-transform:rotate(360deg);}
	100%  {transform:rotate(0deg); -ms-transform:rotate(0deg);}
	}
#cpzx .con .zscon .cen_jt{width:148px; height:96px; float: left; margin-left: 45px; margin-top: 187px;}
#cpzx .con .zscon .cen_jt img{width:100%; height:100%;}
#cpzx .con .zscon .right_pic{width:460px; height:460px; float: right; margin-top: 5px;}
#cpzx .con .zscon .right_pic img{width:100%; height:100%;}

#sdpp{width:100%; max-width: 1920px; position: relative; overflow: hidden; left:50%; transform: translate(-50%,0%);
	background:url(../image/sy09_02.jpg) no-repeat; background-size: 100% 100%;}
#sdpp .con{width:95%; max-width: 1400px; height:auto; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
#sdpp .con .ggtit{width:100%; height:auto; padding-top: 40px;}
#sdpp .con .ggtit p{width:100%; height:auto; font-size: 24px; font-weight: bold; text-align: center; color:#FFF;}
#sdpp .con .ggtit .xhx{width:80px; height:1px; background: #FFF; margin-top: 20px;}
#sdpp .con .ggtit .jjsm{width:100%; height:auto; line-height:20px; max-width: 1400px; font-size: 15px; color:#FFF;
	text-align: center; padding-top: 10px;}
#sdpp .con .zscon{width:100%; height:auto; padding-top: 25px;}
#sdpp .con .zscon ul{width:100%; height:auto; background: #FFF;}
#sdpp .con .zscon ul li{width:calc((100% - 124px) / 2); height:auto; float: left; padding: 30px; min-height: 100px;}
#sdpp .con .zscon ul li .pic{width:60px; height:60px; float: left;}
#sdpp .con .zscon ul li .pic img{width:100%; height:100%;}
#sdpp .con .zscon ul li .size{width:calc(100% - 70px); float: right; height:auto; font-size: 15px; color:#333333; line-height:25px;}
#sdpp .con .zscon ul li .size p:nth-child(1){font-size:18px; font-weight: bold; padding-bottom: 10px;}
#sdpp .con .zscon ul li:nth-child(1){border-right:1px solid #269e24; border-bottom: 1px solid #269e24;}
#sdpp .con .zscon ul li:nth-child(2){border-left:1px solid #269e24; border-bottom: 1px solid #269e24;}
#sdpp .con .zscon ul li:nth-child(3){border-right:1px solid #269e24; border-top: 1px solid #269e24;}
#sdpp .con .zscon ul li:nth-child(4){border-left:1px solid #269e24; border-top: 1px solid #269e24;}

#jpdb{width:100%; max-width: 1920px; position: relative; overflow: hidden; left:50%; transform: translate(-50%,0%); background: #FFF;}
#jpdb .con{width:95%; max-width: 1400px; height:auto; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
#jpdb .con .ggtit{width:100%; height:auto; padding-top: 40px;}
#jpdb .con .ggtit p{width:100%; height:auto; font-size: 24px; font-weight: bold; text-align: center; color:#333333;}
#jpdb .con .ggtit .xhx{width:80px; height:1px; background: #333333; margin-top: 20px;}
#jpdb .con .ggtit .ejtit{width:100%; height:auto; line-height:20px; max-width: 1400px; font-size: 24px; color:#666666;
	text-align: center; padding-top: 10px; font-weight: bold;}
#jpdb .con .ggtit .ejtit span{color:#f08417; padding: 0px 10px; text-transform:Uppercase;}
#jpdb .con .zscon{width:100%; height:auto; padding-top: 25px;}
#jpdb .con .zscon .cp_tit{width:80px; height:332px; float:left; background: #279c30; margin-top: 28px; position: relative;}
#jpdb .con .zscon .cp_tit p{width:60px; height:auto; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);
    font-size:32px; color:#FFF; text-align: center; font-weight: bold;}
#jpdb .con .zscon ul{width:calc(100% - 85px); height:360px; float:right; position: relative; margin-top: 28px;}
#jpdb .con .zscon ul li{width:calc((100% - 8px) / 4); height:100%;position: absolute; top:0px;}
#jpdb .con .zscon ul li:nth-child(1){left:0px;}
#jpdb .con .zscon ul li:nth-child(2){left:25%;}
#jpdb .con .zscon ul li:nth-child(3){left:50%;}
#jpdb .con .zscon ul li:nth-child(4){left:75%;}
#jpdb .con .zscon ul li:nth-child(1) .top{-webkit-filter: grayscale(0%); filter: grayscale(0%);}
#jpdb .con .zscon ul li:nth-child(1) .ul .li:nth-child(2n){background:#e2f6e3;}
#jpdb .con .zscon ul li .top{width:100%; height:90px; background:url(../image/sy03_48.png); background-size: 100% 100%; text-align: center; position: relative;
	-webkit-filter: grayscale(100%); filter: grayscale(100%);}
#jpdb .con .zscon ul li .top p:nth-child(1){width:100%; heihgt:auto; font-size: 24px; color:#FFF; opacity: 0.4; text-transform:Uppercase;
	font-weight: bold; position: absolute; top:50%; left:50%; transform: translate(-50%,-80%); text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#jpdb .con .zscon ul li .top p:nth-child(2){width:100%; heihgt:auto; font-size: 24px; color:#FFF; text-transform:Uppercase;
	font-weight: bold; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#jpdb .con .zscon ul li .ul{width:100%; height:270px;}
#jpdb .con .zscon ul li .ul .li{width:calc(100% - 60px); padding: 0px 30px; height:30px; background: #FFF; text-align: center; line-height: 30px;
	font-size: 14px; color:#333333;}
#jpdb .con .zscon ul li .ul .li:nth-child(2n){background:#eeeeee;}
#jpdb .con .zscon ul li .ul .li:nth-last-child(1){height:90px; position: relative;}
#jpdb .con .zscon ul li .ul .li:nth-last-child(1) p{width:200px; display: inline-block; height:auto; position: absolute; top:50%; left:50%; 
	transform: translate(-50%,-50%); line-height: 20px;text-align:left;}
#jpdb .con .zscon ul li:nth-child(1) .ul .li p{width:100%; background:url(../image/index_03.png) no-repeat; background-size: 24px 11px; background-position: 80% center;}
#jpdb .con .zscon ul li:nth-child(1) .ul .li:nth-last-child(1) p{ text-align: center;}
#jpdb .con .zscon ul li.dq{width:calc((100% - 8px) / 3.5); height:410px; top:-20px; transform: translate(-2.25%,0%); z-index: 333;}
#jpdb .con .zscon ul li.dq .top{-webkit-filter: grayscale(0%); filter: grayscale(0%);}
#jpdb .con .zscon ul li.dq .ul{height:310px;}
#jpdb .con .zscon ul li.dq .ul .li{height:40px; line-height: 40px;}
#jpdb .con .zscon ul li.dq .ul .li:nth-child(2n){background:#e2f6e3;}
#jpdb .con .zscon ul li.dq .ul .li:nth-last-child(1){height:90px; position: relative;}
#jpdb .con .zscon ul li:hover .top{-webkit-filter: grayscale(0%); filter: grayscale(0%);}
#jpdb .con .zscon ul li:hover .ul .li:nth-child(2n){background:#e2f6e3;}

#xwwh{width:100%; max-width: 1920px; position: relative; overflow: hidden; left:50%; transform: translate(-50%,0%);
	background:url(../image/sy_09_02.jpg) no-repeat; background-size: 100% 100%;}
#xwwh .con{width:95%; max-width: 1400px; height:auto; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
#xwwh .con .ggtit{width:100%; height:auto; padding-top: 40px;}
#xwwh .con .ggtit p{width:100%; height:auto; font-size: 24px; font-weight: bold; text-align: center; color:#FFF;}
#xwwh .con .ggtit .xhx{width:80px; height:1px; background: #FFF; margin-top: 20px;}
#xwwh .con .ggtit .ejtit{width:100%; height:auto; line-height:20px; max-width: 1400px; font-size: 18px; color:#FFF;
	text-align: center; padding-top: 10px; font-weight: bold;}
#xwwh .con .ggtit .ejtit span{color:#f08417; padding: 0px 10px; text-transform:Uppercase;}
#xwwh .con .zscon{width:100%; height:auto; padding-top: 5px;}
#xwwh .con .zscon ul{width:100%; height:auto;}
#xwwh .con .zscon ul li{width:calc((100% - 25px) / 2); height:220px; float: left; margin-left: 25px; overflow: hidden; margin-top: 20px;}
#xwwh .con .zscon ul li:nth-child(2n + 1){margin-left:0px;}
#xwwh .con .zscon ul li a{display:block; width:100%; height:100%; position: relative;}
#xwwh .con .zscon ul li a .bj{width:100%; height:90%; background: #008b50; position: absolute; bottom:0px;}
#xwwh .con .zscon ul li a .licon{width:calc(100% - 40px); height:100%; position: absolute; top:0px; left:20px;}
#xwwh .con .zscon ul li a .licon .pick{width:200px; height:200px; float: left; overflow: hidden;}
#xwwh .con .zscon ul li a .licon .pick .pic{width:1000px; height:100%; position: relative; left:50%; margin-left: -500px; text-align: center;}
#xwwh .con .zscon ul li a .licon .pick .pic img{height:100%; width:auto;}
#xwwh .con .zscon ul li a .licon .size{width:calc(100% - 220px); height:200px; float: right;}
#xwwh .con .zscon ul li a .licon .size p{width:100%; height:auto; color:#FFF; text-align: left; float: left;}
#xwwh .con .zscon ul li a .licon .size p:nth-child(1){font-size:24px; font-weight: bold; margin-top: 50px;}
#xwwh .con .zscon ul li a .licon .size p:nth-child(2){width:50px; height:1px; background: #FFF; margin-top: 5px;}
#xwwh .con .zscon ul li a .licon .size p:nth-child(3){font-size:14px; margin-top: 10px; max-height: 95px; overflow: hidden;}
#xwwh .con .zscon ul li a:hover .licon .size p{color:#ef7f0b;}
#xwwh .con .zscon ul li a .pickd{width:calc(100% - 40px); height:200px; position: absolute; top:0px; left:20px;}
#xwwh .con .zscon ul li a .pickd .pic{width:100%; height:100%; position: relative; text-align: center; overflow: hidden;}
#xwwh .con .zscon ul li a .pickd .pic img{height:auto; width:100%;}
#xwwh .con .zscon .xtit{width:100%; height:auto; font-size: 24px; color:#FFF; text-align: center; padding-top: 20px;}
#xwwh .con .zscon .xtit span{color:#008b50;}

#scsr{width:100%; max-width: 1920px; position: relative; overflow: hidden; left:50%; transform: translate(-50%,0%);
	background:url(../image/sy_10_02.jpg) no-repeat; background-size: 100% 100%;}
#scsr .con{width:95%; max-width: 1400px; height:auto; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
#scsr .con .ggtit{width:100%; height:auto; padding-top: 40px;}
#scsr .con .ggtit p{width:100%; height:auto; font-size: 24px; font-weight: bold; text-align: center; color:#333333;}
#scsr .con .ggtit .jjsm{width:100%; height:auto; line-height:20px; max-width: 1400px; font-size: 18px; color:#008b50; font-weight: bold; text-transform:Uppercase;
	text-align: center; padding-top: 10px;}
#scsr .con .ggtit .ejtit{width:100%; height:auto; line-height:20px; max-width: 1400px; font-size: 18px; color:#666666;
	text-align: center; padding-top: 10px; font-weight: bold;}
#scsr .con .ggtit .ejtit span{color:#f08417; padding: 0px 10px; text-transform:Uppercase;}
#scsr .con .zscon{width:100%; height:auto; padding-top: 65px;}
#scsr .con .zscon .pic{width:100%; height:auto; text-align: center;}
#scsr .con .zscon .pic img{width:350px; height:auto;}

#sccj{width:100%; max-width: 1920px; position: relative; overflow: hidden; left:50%; transform: translate(-50%,0%);
	background:url(../image/sy_11_02.jpg) no-repeat; background-size: 100% 100%;}
#sccj .con{width:100%; height:auto; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
#sccj .con .ggtit{width:95%; max-width: 1400px; height:auto; padding-top: 40px;}
#sccj .con .ggtit p{width:100%; height:auto; font-size: 24px; font-weight: bold; text-align: center; color:#FFF;}
#sccj .con .ggtit .xhx{width:80px; height:1px; background: #FFF; margin-top: 20px;}
#sccj .con .ggtit .jjsm{width:100%; height:auto; line-height:20px; max-width: 1400px; font-size: 15px; color:#FFF;
	text-align: center; padding-top: 10px;}
#sccj .con .zscon{width:100%; height:auto; padding-top: 25px;}

#sccj .con .zscon .jxyy{width:calc(100% - 200px); height:360px; position: relative;}
#sccj .con .zscon .jxyy .swiper-container{width:100%; height:100%; overflow: hidden;}
#sccj .con .zscon .jxyy .swiper-container .swiper-slide a{display:block; width:100%; max-width: 480px; height:100%; position: relative; overflow: hidden;}
#sccj .con .zscon .jxyy .swiper-container .swiper-slide a .pick{width:100%; height:calc(100% - 40px); overflow: hidden;}
#sccj .con .zscon .jxyy .swiper-container .swiper-slide a .pick .pic{width:1000px; height:100%; overflow: hidden; text-align: center; position: relative; left:50%;
	margin-left: -500px;}
#sccj .con .zscon .jxyy .swiper-container .swiper-slide a .pick .pic img{width:auto; height:100%;}
#sccj .con .zscon .jxyy .swiper-container .swiper-slide a .tit{width:90%; height:45px; position: relative; top:-5px; border-left:1px solid #088730;}
#sccj .con .zscon .jxyy .swiper-container .swiper-slide a .tit p{width:calc(100% - 30px); height:100%; line-height: 45px; font-size: 16px; 
	color:#FFF; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#sccj .con .zscon .ckmore{width:200px; height:50px; margin-top: 50px; border: 1px solid #FFF; border-radius: 25px; overflow: hidden;
	font-size: 16px; color:#666666; line-height: 50px; text-align: center;  display:block; background:#FFF;}
#sccj .con .zscon .ckmore img{width:25px; height:25px; padding-top: 12.5px; padding-left: 20px;}
#sccj .con .zscon .ckmore:hover{color:#088730; border: 1px solid #FFF; background:#FFF;}

#anzs{width:100%; max-width: 1920px; position: relative; overflow: hidden; left:50%; transform: translate(-50%,0%);}
#anzs .con{width:95%; max-width: 1400px; height:auto; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
#anzs .con .ggtit{width:100%; height:auto; padding-top: 40px;}
#anzs .con .ggtit p{width:100%; height:auto; font-size: 24px; font-weight: bold; text-align: center; color:#333333;}
#anzs .con .ggtit .xhx{width:80px; height:1px; background: #333333; margin-top: 20px;}
#anzs .con .ggtit .jjsm{width:100%; height:auto; line-height:20px; max-width: 1400px; font-size: 15px; color:#666666;
	text-align: center; padding-top: 10px;}
#anzs .con .zscon{width:100%; height:auto; padding-top: 5px;}
#anzs .con .zscon ul{width:100%; height:auto;}
#anzs .con .zscon ul li{width:calc((100% - 60px) / 4); heihgt:270px; overflow: hidden; float: left; margin-left: 20px; margin-top: 20px;}
#anzs .con .zscon ul li:nth-child(4n + 1){margin-left:0px;}
#anzs .con .zscon ul li a{display:block; width:100%; height:100%; overflow: hidden;}
#anzs .con .zscon ul li a .pick{width:100%; height:230px; overflow: hidden;}
#anzs .con .zscon ul li a .pick .pic{width:1000px; height:100%; position: relative; left:50%; margin-left: -500px; text-align: center;}
#anzs .con .zscon ul li a .pick .pic img{height:100%; width:auto;}
#anzs .con .zscon ul li a p{width:100%; text-align: center; line-height: 40px; font-size: 14px; color:#333333;}
#anzs .con .zscon ul li a:hover .pick .pic{ top:-10%; height:120%;}
#anzs .con .zscon ul li a:hover p{color:#088730;}

#dls{width:100%; max-width: 1920px; position: relative; overflow: hidden; left:50%; transform: translate(-50%,0%);
	background:url(../image/sy11_02.jpg) no-repeat; background-size: 100% 100%;}
#dls .con{width:95%; max-width: 1400px; height:auto; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
#dls .con .ggtit{width:100%; height:auto; padding-top: 40px;}
#dls .con .ggtit p{width:100%; height:auto; font-size: 24px; font-weight: bold; text-align: center; color:#FFF;}
#dls .con .ggtit .xhx{width:80px; height:1px; background: #FFF; margin-top: 20px;}
#dls .con .ggtit .jjsm{width:100%; height:auto; line-height:20px; max-width: 1400px; font-size: 15px; color:#FFF;
	text-align: center; padding-top: 10px;}
#dls .con .zscon{width:100%; height:auto; padding-top: 25px;}
#dls .con .zscon ul{width:100%; height:auto;}
#dls .con .zscon ul li{width:calc(100% / 6); height:auto; float: left; overflow: hidden;}
#dls .con .zscon ul li .nrk{width:100%; height:auto; position: relative;}
#dls .con .zscon ul li .hx{width:30px; height:1px;position: absolute; top:50%; background: #FFF;}
#dls .con .zscon ul li .hx:nth-child(1){left:0px;}
#dls .con .zscon ul li .hx:nth-child(3){right:0px;}
#dls .con .zscon ul li .pic{width:calc(100% - 42px); max-width: 120px;}
#dls .con .zscon ul li .pic img{width:100%;}
#dls .con .zscon .size{width:100%; height:auto; text-align: center; padding-top: 25px;}
#dls .con .zscon .size p:nth-child(1){font-size:18px; color:#FFF;}
#dls .con .zscon .size p:nth-child(2){font-size:18px; color:#FFF; padding-top: 10px;}
#dls .con .zscon .size p:nth-child(2) span{font-size:18px; color:#ef7f0b; font-weight: bold;}

#foot{width:100%; max-width: 1920px; position: relative; overflow: hidden; left:50%; transform: translate(-50%,0%);}
#foot .cona{width:100%; height:100%;}
#foot .cona .topwz{width:90%; max-width: 1400px; height:40%; overflow: hidden; background: url(../image/sy_13_02.jpg); background-size: 100% 100%; position: relative;}
#foot .cona .topwz .wznr{width:100%; height:auto; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); color:#088730; text-align: center;}
#foot .cona .topwz p:nth-child(1){width:100%; height:auto; font-size: 32px; font-weight: bold; line-height: 60px;}
#foot .cona .topwz p:nth-child(2){width:100%; height:auto; font-size: 28px;}
#foot .cona footer{height:60%; overflow: hidden;}


#qpzsd{width:10px; height:auto; position: fixed; z-index: 9999999999999999999999999999;
    top:50%; right:20px; transform: translate(0%,-50%);}
#qpzsd ul{width:100%; height:auto;}
#qpzsd ul li{width:100%; height:10px; background: #FFF; margin-top: 5px; border-radius: 100px;}
#qpzsd ul li.dq{background:#0f8941;}













