/*首页公共*/
html,body{position: relative;height: 100%;}
/*html,body{*/
/* -webkit-filter: grayscale(100%);*/
/* -moz-filter: grayscale(100%);*/
/* -o-filter: grayscale(100%);*/
/* filter: grayscale(100%);*/
/* filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);*/
/* }*/
.page{position: relative;width: 100%;height: 100%;overflow: hidden;}
.page > .swiper-wrapper{transition-timing-function: ease;}
.page > .swiper-slide{position: relative;}
/*右侧页码*/
.page > .swiper-pagination{left: auto;bottom: auto;right: 0;top: 40%;width: auto;height: 80px;padding-right: 2.6%;border-bottom: 2px solid #fff;font-family: 黑体;font-size: 24px;letter-spacing: -4px;color: #fff;}
.page > .swiper-pagination .swiper-pagination-current{font-size: 80px;font-weight: bold;}
/*左侧贴边栏*/
.itemLeft{z-index: 1;position: fixed;left: 0;top: 45%;}
.itemLeft li{position: relative;width: 76px;height: 2px;margin-bottom: 26px;cursor: pointer;}
.itemLeft li span{float: right;width: 25%;height: 100%;background: #fff;opacity: .5;transition: all 0.3s ease;}
.itemLeft li div{display: none;position: absolute;left: 94px;top: -20px;width: 110px;height: 40px;font-size: 14px;line-height: 20px;color: #fff;}
.itemLeft li div *{display: block;}
.itemLeft li.on span,.itemLeft li:hover span{width: 100%;opacity: 1;}
.itemLeft li.on div{display: block;}
/*底部滚屏提示*/
.tipIcon{position: absolute;left: 50%;bottom: 8px;margin-left: -12px;animation: moveUpDown 2s infinite ease;}
@keyframes moveUpDown{
50%{bottom: 3px;}
100%{bottom: 8px;}
}
/*首页公共结束*/
/*p1*/
/*.p1{background-image: url(../images/p1_bg.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;}*/
.p1_txt{position: absolute;left: 19.5%;top: 31.5%;}
.indexBanner{position:absolute;width:100%;height:100%;left:0;top:0;}
.indexBanner a{display: block;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;}
/*p1结束*/
/*p2*/
.p2{}
/*主要内容*/
.p2 .conTit{display: none;position: absolute;top: 18%;width: 100%;text-align: center;color: #004630;}
.p2 .conTit span{font-size: 22px;font-family: 宋体;}
.p2 .conTit em{text-transform: uppercase;}
.p2Cont{position: relative;top: 50%;width: 1200px;margin: 0 auto;margin-top: -180px;}
.p2Cont .swiper-slide{float: left;width: 23%;margin: 0 1%;transition: all 0.5s ease;}
.p2Cont .swiper-slide:hover{box-shadow: 0 0 20px 0 #ccc;transform: scale(1.1);-webkit-transform: scale(1.1);}
.p2Cont .swiper-slide .tit{position: relative;display: block;height: 174px;background-position: center;background-size: cover;background-repeat: no-repeat;}
.p2Cont .swiper-slide .tit span{position: absolute;left: 0;bottom: 0;width: 100%;height: 50px;font-size: 20px;font-family: 宋体;font-weight: bold;line-height: 50px;text-align: center;color: #fff;}
.p2Cont .swiper-slide .list{padding: 0 8px;background: #fff;border: 1px solid #f2f2f2;}
.p2Cont .swiper-slide .list li{border-top: 1px dashed #ccc;}
.p2Cont .swiper-slide .list li:first-child{border-top: 0;}
.p2Cont .swiper-slide .list li a{display: block;height: 45px;line-height: 45px;}
.p2Cont .swiper-slide .list li a i{float: left;width: 4px;height: 4px;margin: 20px 9px 0 0;background: #bebebe;border-radius: 50%;}
.p2Cont .swiper-slide .list li a span{float: left;width: 92%;font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.p2Cont .swiper-slide .list li a em{float: right;color: #999;display: none;}
.p2Cont .swiper-slide .list li:hover a i{background: #004630;}
.p2Cont .swiper-slide .list li:hover a span{color: #004630;}
.p2Cont .swiper-slide .list li:hover a em{color: #004630;}
/*主要内容结束*/
/*p2结束*/
/*p3*/
.p3{}
/*主要内容*/
.p3Cont{position: relative;top: 50%;width: 1200px;margin: 0 auto;margin-top: -250px;}
.p3Tabs{height: 25px;}
.p3Tabs a{float: left;display: block;margin-right: 70px;cursor: pointer;}
.p3Tabs a i{position: relative;float: left;width: 20px;height: 20px;margin-top: 3px;background: #eee;border-radius: 50%;}
.p3Tabs a i:before{content: "";position: absolute;left: 2px;top: 2px;width: 16px;height: 16px;background: #ccc;border-radius: 50%;}
.p3Tabs a i:after{content: "";position: absolute;left: 5px;top: 5px;width: 10px;height: 10px;background: #aaa;border-radius: 50%;}
.p3Tabs a span{margin-left: 8px;font-size: 22px;font-family: 宋体;}
.p3Tabs a em{margin-left: 8px;color: #999;text-transform: uppercase;}
.p3Tabs a.on i{background: #ceddd7;}
.p3Tabs a.on i:before{background: #699686;}
.p3Tabs a.on i:after{background: #004630;}
.p3Tabs a.on span{color: #004630;}
.p3Tabs a.on em{color: #004630;}
.p3Cont .btnR{position: absolute;right: 0;top: 0;width: 22px;height: 15px;background: url(../images/btnR1.png) 0 0 no-repeat;cursor: pointer;}
.p3Cont .btnL{position: absolute;right: 22px;top: 0;width: 22px;height: 15px;background: url(../images/btnL1.png) 0 0 no-repeat;cursor: pointer;}
.p3Cont .btnR:hover,.p3Cont .btnL:hover{background-position: 0 -15px;}
.p3TabsCon{position: relative;margin-top: 40px;overflow: hidden;}
.p3TabsCon .swiper-slide{}
.p3TabsCon .swiper-slide .list{overflow: hidden;}
.p3TabsCon .swiper-slide .list li{position: relative;float: left;width: 580px;height: 198px;margin: 0 10px 40px 10px;}
.p3TabsCon .swiper-slide .list li a{display: block;height: 100%;}
.p3TabsCon .swiper-slide .list li a .pic{position: relative;float: left;width: 309px;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.p3TabsCon .swiper-slide .list li a .pic:after{display: none;content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,70,48,.4);transition: all 0.5s ease;}
.p3TabsCon .swiper-slide .list li a .txt{position: absolute;right: 0;top: 15px;width: 245px;height: 90px;padding: 15px 25px;background: #f2f2f2;transition: all 0.5s ease;}
.p3TabsCon .swiper-slide .list li a .txt h2{font-size: 14px;font-family: 宋体;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.p3TabsCon .swiper-slide .list li a .txt p{margin-top: 8px;font-size: 12px;line-height: 18px;max-height: 54px;overflow: hidden;}
.p3TabsCon .swiper-slide .list li a .moreBtn{position: absolute;right: 0;bottom: 0;width: 104px;height: 27px;background: #fff;border: 2px solid #cfcfcf;font-size: 12px;text-align: center;line-height: 27px;cursor: pointer;transition: all 0.5s ease;}
.p3TabsCon .swiper-slide .list li:hover .pic:after{display: block;}
.p3TabsCon .swiper-slide .list li:hover .txt{background: #004630;color: #fff;}
.p3TabsCon .swiper-slide .list li:hover .moreBtn{border-color: #004630;}
/*主要内容结束*/
/*p3结束*/
/*p4*/
.p4{background-image: url(../images/p4_bg.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;}
/*主要内容*/
.p4 .conTit{display: none;position: absolute;top: 18%;width: 100%;text-align: center;color: #004630;}
.p4 .conTit span{font-size: 22px;font-family: 宋体;}
.p4 .conTit em{text-transform: uppercase;}
.p4Cont{position: relative;top: 50%;width: 1200px;margin: 0 auto;margin-top: -190px;}
.p4Cont .swiper-button-next{position: absolute;right: -40px;top: 48%;width: 26px;height: 46px;background: url(../images/btnR2.png) 0 0 no-repeat;}
.p4Cont .swiper-button-prev{position: absolute;left: -40px;top: 48%;width: 26px;height: 46px;background: url(../images/btnL2.png) 0 0 no-repeat;}
.p4List{overflow: hidden;}
.p4List .swiper-slide{display: block;position: relative;float: left;width: 23%;height: 380px;margin: 0 1%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: all 0.5s ease;}
.p4List .swiper-slide .tit{position: absolute;left: 0;bottom: 24px;width: 100%;text-align: center;color: #fff;}
.p4List .swiper-slide .tit h3{font-size: 20px;font-family: 宋体;}
.p4List .swiper-slide .tit p{margin-top: 2px;text-transform: uppercase;}
.p4List .swiper-slide:hover{transform: scale(1.05);-webkit-transform: scale(1.05);}
/*主要内容结束*/
/*p4结束*/
/*mobile:<768px*/
@media screen and (max-width: 767px){
/*右侧页码*/
.page > .swiper-pagination{display: none;}
/*左侧贴边栏*/
.itemLeft{display: none;}
/*p1*/
.p1 .p1_txt{left: 10%;top: 32%;width: 80%;}
/*p1结束*/
/*p2*/
.p2 .conTit{display: none;top: 11%;}
.p2Cont{width: 80%;}
.p2Cont .swiper-slide{width: 100%;}
.p2Cont .swiper-slide:hover{box-shadow: none;transform: scale(1);-webkit-transform: scale(1);}
.p2Cont .swiper-slide-active{z-index: 1;box-shadow: 0 0 20px 0 #ccc;transform: scale(1.1);-webkit-transform: scale(1.1);}
.p2Cont .swiper-slide .tit{height: 125px;}
/*p2结束*/
/*p3*/
.p3Cont{width: 94%;margin-top: -210px;}
.p3Tabs{text-align: center;}
.p3Tabs a{float: none;display: inline-block;margin: 0 10px;}
.p3Tabs a i{margin-top: 0;}
.p3Tabs a span{margin-left: 5px;font-size: 16px;}
.p3Tabs a em{display: none;}
.p3Cont .btnR{display: none;}
.p3Cont .btnL{display: none;}
.p3TabsCon{margin-top: 0px;}
.p3TabsCon .swiper-slide .list li{width: 100%;height: 90px;margin: 0 0 10px 0;}
.p3TabsCon .swiper-slide .list li a .pic{width: 40%;height: 100%;}
.p3TabsCon .swiper-slide .list li a .txt{right: 0;top: 0;width: 60%;height: 100%;box-sizing: border-box;padding: 10px;}
.p3TabsCon .swiper-slide .list li a .txt h2{font-size: 14px;}
.p3TabsCon .swiper-slide .list li a .txt p{margin-top: 3px;font-size: 12px;line-height: 18px;max-height: 36px;overflow: hidden;}
.p3TabsCon .swiper-slide .list li a .moreBtn{display: none;right: 10px;bottom: 10px;width: 100px;height: 20px;border: 1px solid #cfcfcf;font-size: 12px;text-align: center;line-height: 20px;cursor: pointer;transition: all 0.5s ease;}
/*p3结束*/
/*p4*/
.p4 .conTit{display: none;top: 12%;color: #fff;}
.p4Cont{width: 80%;}
.p4Cont .swiper-slide{width: 100%;margin: 0;}
.p4List .swiper-slide:hover{transform: scale(1);-webkit-transform: scale(1);}
.p4Cont .swiper-button-next{right: -35px;}
.p4Cont .swiper-button-prev{left: -35px;}
/*p4结束*/
}
/*pad:>=768px && <=992px*/
@media screen and (min-width: 768px) and (max-width: 992px){
/*右侧页码*/
.page > .swiper-pagination{display: none;}
/*左侧贴边栏*/
.itemLeft{display: none;}
/*p1*/
.p1 .p1_txt{left: 10%;top: 32%;width: 80%;}
/*p1结束*/
/*p2*/
.p2Cont{width: 80%;margin-top: 32%;}
.p2Cont .swiper-slide{width: 50%;}
/*p2结束*/
/*p3*/
.p3Cont{width: 94%;margin-top: 17%;}
.p3Tabs{text-align: center;}
.p3Tabs a{float: none;display: inline-block;margin: 0 10px;}
.p3Tabs a i{margin-top: 0;}
.p3Tabs a span{margin-left: 5px;font-size: 16px;}
.p3Tabs a em{display: none;}
.p3Cont .btnR{display: none;}
.p3Cont .btnL{display: none;}
.p3TabsCon{margin-top: 10px;}
.p3TabsCon .swiper-slide .list li{width: 100%;height: 150px;margin: 0 0 10px 0;}
.p3TabsCon .swiper-slide .list li a .pic{width: 35%;height: 100%;}
.p3TabsCon .swiper-slide .list li a .txt{right: 0;top: 0;width: 65%;height: 100%;box-sizing: border-box;padding: 10px;}
.p3TabsCon .swiper-slide .list li a .txt h2{font-size: 16px;}
.p3TabsCon .swiper-slide .list li a .txt p{margin-top: 10px;font-size: 14px;line-height: 18px;max-height: 54px;overflow: hidden;}
.p3TabsCon .swiper-slide .list li a .moreBtn{right: 10px;bottom: 10px;width: 100px;height: 20px;border: 1px solid #cfcfcf;font-size: 12px;text-align: center;line-height: 20px;cursor: pointer;transition: all 0.5s ease;}
/*p3结束*/
/*p4*/
.p4 .conTit{display: block;top: 23%;color: #fff;}
.p4Cont{width: 80%;margin-top: 38%;}
.p4Cont .swiper-slide{width: 48%;margin: 0 1%;}
.p4Cont .swiper-button-next{right: -35px;}
.p4Cont .swiper-button-prev{left: -35px;}
/*p4结束*/
}
/*小屏PC:>=993px && <=1200px*/
@media screen and (min-width: 993px) and (max-width: 1200px){
/*右侧页码*/
.page > .swiper-pagination{height: 50px;padding-right: 1.5%;}
.page > .swiper-pagination .swiper-pagination-current{font-size: 50px;}
/*左侧贴边栏*/
.itemLeft li{width: 40px;}
.itemLeft li span{width: 50%;}
.itemLeft li div{left: 50px;}
/*p1*/
.p1 .p1_txt{left: 15%;top: 32%;width: 80%;}
/*p1结束*/
/*p2*/
.p2Cont{width: 750px;}
.p2Cont .swiper-slide .list li a span{width: 60%;}
/*p2结束*/
/*p3*/
.p3Cont{width: 800px;}
.p3TabsCon .swiper-slide .list li{width: 48%;height: 180px;margin: 0 1% 20px 1%;}
.p3TabsCon .swiper-slide .list li a .pic{width: 70%}
.p3TabsCon .swiper-slide .list li a .txt{width: 40%;padding: 15px;}
/*p3结束*/
/*p4*/
.p4Cont{width: 700px;}
/*p4结束*/
}
/*中屏PC:>=1201px && <=1400px*/
@media screen and (min-width: 1201px) and (max-width: 1400px){
/*p2*/
.p2Cont{width: 820px;}
.p2Cont .swiper-slide .tit{height: 135px;}
.p2Cont .swiper-slide .list li a span{width: 92%;}
/*p2结束*/
/*p3*/
.p3Cont{width: 820px;margin-top: -225px;}
.p3TabsCon{margin-top: 10px;}
.p3TabsCon .swiper-slide .list li{width: 48%;height: 170px;margin: 0 1% 20px 1%;}
.p3TabsCon .swiper-slide .list li a .pic{width: 280px;}
.p3TabsCon .swiper-slide .list li a .txt{width: 160px;padding: 15px;}
/*p3结束*/
/*p4*/
.p4Cont{width: 820px;}
.p4List .swiper-slide{height: 300px;}
/*p4结束*/
}
/*大屏PC:>=1401px && <=1550px*/
@media screen and (min-width: 1401px) and (max-width: 1550px){
/*p2*/
.p2Cont{width: 1050px;}
/*p2结束*/
/*p3*/
.p3Cont{width: 1050px;}
.p3TabsCon .swiper-slide .list li{width: 48%;margin: 0 1% 20px 1%;}
/*p3结束*/
/*p4*/
.p4Cont{width: 1000px;}
/*p4结束*/
}