﻿#section0 .aboutIntro{display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;}
#section0 .icon-tit{color: rgb(200, 163, 88);font-size: 14px;margin-bottom: 15px;}
#section0 .icon-tit img{margin-right:5px;}
#section0 .title{line-height: 1.4;font-size: 52px;letter-spacing: 6px;color: rgb(255, 255, 255);font-weight: 600;}
#section0 .tips{color: rgb(255, 255, 255);font-size: 14px;line-height: 2;letter-spacing: 2px;text-align: center;margin-top: 10px;}
#section0 .img-icon{margin-top:10px;margin-bottom:20px;}
.link-boxs a{width: 160px;height: 42px;line-height: 42px;display: inline-block;margin: 0 10px;text-align: center;border-radius:50px;-moz-transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;-webkit-transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;-o-transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;}
#section0 .link-boxs a:first-child{background-color: rgba(200,163,88,1);color:#fff;}
#section0 .link-boxs a:last-child{background-color: #fff;color:rgba(200,163,88,1);}
#section0 .link-boxs a:first-child:hover{background-color: #fff;color: rgba(200,163,88,1);}
#section0 .link-boxs a:last-child:hover{background-color: rgba(200,163,88,1);color:#fff;}

#section1 .aboutIntro .title{color:#fff;font-size: 40px;}
#section1 .aboutIntro .content{color:#fff;font-size: 14px;margin-bottom:10px;}
#section1 .aboutIntro .icon-tit{color: rgb(200, 163, 88);font-size: 14px;margin-bottom: 30px;}
#section1 .link-boxs a{background-color: rgba(200,163,88,1);color:#fff;margin: 0;}
#section1 .link-boxs a:hover{background-color: #fff;color: rgba(200,163,88,1);}

.Services-boxs{padding: 55px 57px 55px 66px;background: url(../images/imgbg.png) no-repeat;background-position: 0px 0px;}
.Services-list{float: left;width: 50%;padding: 0 10px;}
.Services-list>div{background:#fff;border-radius:4px;text-align:center;padding: 30px;margin-bottom:20px;}
.Services-list>div img{display:block;margin:auto;width: 50px;}
.Services-list>div a{margin-top:10px;display: inline-block;font-size: 15px;font-weight: 600;}

#section2 .aboutIntro .title{color:#fff;font-size: 40px;}
#section2 .aboutIntro .content{color:#fff;font-size: 14px;margin-bottom:25px;line-height: 2;}
#section2 .aboutIntro .icon-tit{color: rgb(200, 163, 88);font-size: 14px;margin-bottom: 30px;}
#section2 .link-boxs a{background-color: rgba(200,163,88,1);color:#fff;margin: 0;}
#section2 .link-boxs a:hover{background-color: #fff;color: rgba(200,163,88,1);}
#section2 .content-tips{color:#fff;font-size: 14px;margin-bottom: 40px;}
#section2 .Services-boxs{position: relative;padding: 55px 57px 55px 70px;background-position: 0px 4px;}
#section2 .Services-boxs .gallery-top .swiper-slide img{width:540px;}
#section2 .Services-boxs .swiper-title{position: absolute;bottom: 9px;color: #fff;left: 50%;transform: translate(-50%,0);font-size: 20px;font-weight: 600;}

#section3 .fullpageWidth{width:100%;}
#section3 .title{font-size: 40px;font-weight:600;color:#fff;text-align:right;padding-right: 100px;}
#section3 .img-icon{text-align:right;padding-right: 202px;}
#section3 .section-boxs{border-bottom:2px solid rgba(255,255,255,.3);padding: 0 15px;padding-top: 50px;}
#section3 .section-boxs ul{overflow: hidden;margin-bottom: -2px;}
#section3 .section-boxs ul li{float: left;width: 25%;text-align: center;}
#section3 .section-boxs ul li a{color:#fff;line-height:50px;display: inline-block;border-bottom: 2px solid transparent;}
#section3 .section-boxs ul li:hover a{color: #c8a358;border-color: #c8a358;}
#section3 #productList{margin-top:40px;padding: 0 15px;}
#section3 .product-box li{padding-left: 15px;padding-right: 15px;padding-bottom: 0;}
#section3 .images-x li .box .box-img{width:auto;height:auto;color:#fff;top: 32%;left: 0%;}
#section3 .images-x li .box .box-img p{width:80%;margin: auto;}
#section3 .images-x li .box .box-img div{width:80%;margin: auto;}
#section3 .images-x li .box .box-mask{background: #c8a358 none repeat scroll 0% 0%;}

#section4 .fullpageWidth{width:100%;}
#section4 .title{width:100%;color: #fff;text-align: left;font-size: 40px;font-weight:600;padding-left: 15px;}
#section4 .img-icon{width:100%;text-align: left;margin-bottom: 20px;padding-left: 15px;}
#section4 .news-boxs{background:#fff;padding:30px;border-radius:4px;}
#section4 .news-list .img-box{overflow: hidden;margin: 0 -15px;border-bottom: 1px solid #eee;padding-bottom: 20px;margin-bottom: 12px;}
#section4 .newList-img-tit{font-weight:600;margin-bottom: 5px;line-height: 2;font-size: 16px;}
#section4 .card3{font-size: 12px;color: #7D7D7D;}
#section4 .card3 a{color: #c8a358;}
#section4 .text-box{position: relative;margin-bottom:7px;line-height: 32px;padding-right: 70px;}
#section4 .text-box .newList-date{position: absolute;top: 0;right: 0;font-size: 12px;color: #9F9F9F;line-height: 32px;}

#section5 .aboutIntro {display: flex;flex-direction: column;justify-content: center;height: 100%;}
#section5 .title{color: #fff;font-size: 40px;}
#section5 .aboutIntro .content{color: #fff;font-size: 14px;margin-bottom: 40px;line-height: 2;}
#section5 .link-boxs a:hover {background-color: #fff;color: rgba(200,163,88,1);}
#section5 .link-boxs a {background-color: rgba(200,163,88,1);color: #fff;margin: 0;}
#section5 .Services-boxs{padding: 90px 57px 90px 66px;}
#section5 .Services-list{width:33.3%;}
#section5 .Services-list > div img{width:auto;margin:0;}
#section5  .Services-list > div{padding: 0px;border-radius: 0;}

#section6 .aboutIntro{display: flex;flex-direction: column;justify-content: center;height: 100%;}
#section6 .el-form-item__label{color:#fff;}
#section6 .title{color: #fff;font-size: 40px;}
#section6 .boxs-list{margin-bottom:20px;color:#fff;}
#section6 .boxs-list .img-icon{width: 62px;height: 62px;text-align: center;line-height: 65px;float: left;background: rgba(255,255,255,.5);border-radius: 50%;position: relative;}
#section6 .boxs-list .img-icon:before{width:48px;height:48px;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);content:"";background: #fff;border-radius: 50%;}
#section6 .boxs-list .img-icon i{color:#c8a358;position: relative;z-index:2;font-size:18px;}
#section6 .content{float:left;margin-left:10px;}
#section6 .content p{margin-top:5px;}
#section6 .content div{font-size:26px;font-weight:600;}
#section6 .boxs-list:last-child .content div{font-size:20px;}

@media(max-width:1000px){
#section0 .icon-tit{margin-top:20px;}
#section0 .title{font-size:20px;}
#section0 .link-boxs{margin-bottom:80px;}
.link-boxs a{width:100px;}
#section1 .aboutIntro .title{font-size:20px;}
.Services-boxs{padding: 20px 0;}
.Services-list > div p{font-size:12px;color:#333;}
#section2 .Services-boxs{padding: 20px 0 40px;}
#section2 .Services-boxs .swiper-title{bottom: 0px;width:100%;top: 92%;}
#section3 .section-boxs{padding-top: 0px;}
#section3 .title,#section3 .img-icon{display: none;}
#section3 #productList{margin-top: 20px;padding: 0px;}
#section4 .title{font-size: 20px;padding-left: 0px;}
#section4 .img-icon{padding-left: 0px;}

#section4 .news-boxs{padding: 15px;margin-bottom: 10px;}
#section4 .news-list .img-box{padding-bottom: 5px;margin-bottom: 5px;}
#section5 .title{font-size:20px;}
#section5 .aboutIntro .content{margin-bottom:20px;}
#section5 .Services-boxs{padding: 40px 0 0;}
#section6 .title{color: #fff;font-size: 20px;}
#section6 .img-icon{margin-bottom:10px;}
#section6 .content div{font-size:18px;}
#section6 .boxs-list:last-child .content div{font-size:16px;}
}

.home-gallery-thumbs{width:157px;height:42px;padding:5px 27px;position:absolute;bottom: 55px;right: 57px;background:url(../images/transparent_bg.png) repeat;}
.home-gallery-thumbs .swiper-button-prev{background:url(../images/arrow-l.png) no-repeat left center;width:22px;height:30px;top:5px;left:5px;margin-top:0px;text-align:center;}
.home-gallery-thumbs .swiper-button-next{background:url(../images/arrow-r.png) no-repeat left center;width:22px;height:30px;top:5px;right:-2px;margin-top:0px;text-align:center;}
 /*SmallBanner样式*/
.home-gallery-thumbs img{width:69px;height:32px;border: #666 solid 3px;}
.home-gallery-thumbs .swiper-slide-thumb-active img{border:#A8A8A8 solid 3px;}
.home-jdan-wz{background-color: rgb(39, 62, 79);padding:15px 25px;}
.home-jdan-title{border-bottom:4px #f93939 solid;margin-bottom:15px;}
.home-jdan-title h4 {color:white;font-size:26px;}
.home-jdan-title p {color:white;font-size: 14px;text-transform:uppercase;margin-bottom:25px;}
.home-news li{line-height:45px;border-bottom:1px dashed #4d6c81;}
.home-news li a{color:white;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;}
.home-news li a:hover{color:red;}
.home-news-more{line-height:25px;display:block;color:white;margin-top:8px;font-size:12px;}
.home-news-more:hover{color:red;}
.home-gallery-thumbs{position: absolute;z-index: 100;}
/*@media (min-width:1200px) {
.home-jdan .col-lg-8{padding:0px;}
.home-jdan .col-lg-4{padding:0px;}
.gallery-top-1 .swiper-slide img{width:100%;}
}
@media (max-width:1200px) {
.home-jdan .col-lg-8{max-width:880px;margin:0px auto 30px auto;}
}
*/

@media (min-width:1000px) {
.product-box li{padding-left:5px;padding-right:5px;}
.product-list .images-x li{margin-bottom: 10px;}
.fullpageHeight{height:100vh;}
}

@media(max-width:1000px){
.images-x li{margin-bottom:10px;padding-left:5px;padding-right:5px;}
.images-x li .box{padding: 6px;}
.images-x li .box .title{font-size:13px;}
.home-gallery-thumbs{bottom: 40px;right: 0;}
}
.images-x li .box{border: 1px solid transparent;}
.images-x li .box:hover{border-color:transparent;}
.images-x li .box .box-img{width:42px;height:42px;position:absolute;top: 40%;left: 40%;opacity:0;transition:all .7s ;transform:scale(0.0);}
.images-x li .box .box-img img{width:100%!important;height:100%!important;}
.images-x li .box .box-mask{top: 0;left: 0;background: rgba(43,65,164,0.3)none repeat scroll 0% 0%;width: 100%;height: 100%;transform:scale(0.0);display:block;position:absolute;opacity:0;transition:all .7s ;}

.product-box ul{text-align:center;}
.product-box ul li a:hover .box-img{opacity:1;transform:scale(1.1)}
.product-box ul li a:hover img {transform: scale(1.08,1.08);}
.product-box ul li a:hover .box-mask {opacity:1;transform:scale(1.1)}
.product-box ul li a:hover .box{border-color: #2b41a4;}
.product-box ul li a{position:relative;background-color: #4b9600;}

/*图片列表*/
.images-list .row .item a{display:block;overflow:hidden;}
.images-list .row .item img{display:block;width:100%;height:auto;transition: all 0.3s ease-out 0s;}
.images-list .row .item a:hover img{transform:scale(1.1,1.1);}
