@charset "utf-8";






.clear{clear: both;}


html, body {
    height: 100%;
}
body{

	margin: 0;
    font-size: 16px;
    font-family:"苹方","微软雅黑","TCM",Arial,"Microsoft Yahei";
    line-height: 1.5; color: #000;
   	font-size: 16px;
}
li{list-style-type:none;}
*{box-sizing:border-box; margin:0px; padding:0px;   
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
a, a:hover, a:focus {

    text-decoration: none;
    color: #333;
}
* {
   outline: none;
}
:focus,input::-moz-focus-inner, button::-moz-focus-inner{
    outline: 0;
}


.w95{width:95%;max-width: 1760px;min-width: 1050px; margin: 0 auto;height: auto;}
.h100{width: 100%;height: 100px;overflow: hidden;}
.h70{width: 100%;height:70px;}
.h50{width: 100%;height: 50px;}
@media only screen and (max-width:1500px) {
	.h100{height: 80px;}
	.h70{height:55px;}
	.h50{height:40px;}
}
@media only screen and (max-width:1300px) {
	.h100{height: 65px;}
	.h70{height:40px;}
	.h50{height: 30px;}
}



.jz-nav{width: 100%;height:auto;position: fixed;z-index:9999;top: 0;left: 0;background:linear-gradient(180deg,rgba(0,0,0,0.5),transparent);}
.jz-nav .logo{width:110px;height: auto;display: block;float: left;}
.jz-nav .logo p{font-size: 18px;color: #fff;line-height:70px;letter-spacing: 0.5px;}
.jz-nav .logo img{display: block;width: 0%;height: auto;}
.jz-nav .logo .img2{display: none;}
.jz-nav .nav{width: calc(100% - 150px);height: auto;font-size: 0;text-align: center;float: left;}
.jz-nav .nav li{ display: inline-block;font-size: 17px;color: #fff;line-height: 70px;width: auto;padding: 0 2%;}
.jz-nav .search{width:30px;height:70px;float: right;background:url(../img/a002.png)center no-repeat;background-size:30px 30px;}
.jz-nav .nav li a{position: relative; color: #FFFFFF;display: block;}
.jz-nav .nav li a:before{content: "";position: absolute;left: 0;width: 0%;height: 1px;background: #FFFFFF;bottom: 15px;}
.jz-nav .nav li:hover a:before{width: 100%;transition: all 0.3s ease;}
.jz-nav .nav li.cut a:before{width: 100%;}
.jz-nav .nav li .downs{ width: 100%;position:absolute;left: 0;top: 70px;z-index: 9991; background: #FFFFFF;height: 0;overflow: hidden;transition: all 0.5s ease;box-shadow: 0px 5px 5px rgba(0,0,0,0.2);}
.jz-nav .nav li .downs .coner{width: 85%;margin: 0 auto;max-width: 1200px;padding:35px 0;}
.jz-nav .nav li .downs .con{width: calc(100% - 360px);float: left;padding:0 6% 0 0;}
.jz-nav .nav li .downs .con li{font-size: 16px;color: #000000;line-height: 40px;display: block;width: 100%;}
.jz-nav .nav li .downs .con li a{display: inline-block;color: #000000;position: relative;padding-bottom: 0px;}
.jz-nav .nav li .downs .right{width:360px;float:right;text-align: center;}
.jz-nav .nav li .downs .right .pic{width: 100%;height:auto;overflow: hidden;}
.jz-nav .nav li .downs .right .pic img{display: block;width: 100%;height: auto;}
.jz-nav .nav li .downs .right .more{padding-bottom:3px; line-height:30px; display: inline-block; height: auto;font-size: 16px;color: #000000;position: relative;}
.jz-nav .nav li .downs .right .more:before{width: 100%;height:1px;content: "";background: #000000;position: absolute;left: 0;bottom: 0px;}
.jz-nav .nav li .downs.open{height: auto;border-top: 1px solid #DCDCDC;}
.jz-nav .nav li  .downs .con li a:before{width:0%;position: absolute;left: 0;bottom: 3px;}
.jz-nav .nav li .downs .con li a:hover:before{content: ""; width: 100%;height: 1px;background: #000;transition: all 0.4s ease;}
.jz-nav .nav li .downs .right:hover .pic img{transform: scale(1.1);transition: all 0.5s ease;}

.jz-nav2{background: #FFFFFF;transition: all 0.5s ease;border-bottom: 1px solid #F3f3f3;}
.jz-nav2 .logo p{color: #000;}
.jz-nav2 .logo .img1{display: none;}
.jz-nav2 .logo .img2{display:inherit;}
.jz-nav2 .nav li a{color: #000000;}
.jz-nav2 .nav li a:before{background: #000;}
.jz-nav2 .logo .img2{display:inherit;}
.jz-nav2 .search{ background:url(../img/a001.png)center no-repeat;background-size:30px 30px;}

.jz-nav:hover{transition: all 0.5s ease;border-bottom: 1px solid #F3f3f3;background: #FFFFFF;}
.jz-nav:hover .logo p{color: #000;}
.jz-nav:hover .logo .img1{display: none;}
.jz-nav:hover .logo .img2{display:inherit;}
.jz-nav:hover .nav li a{color: #000000;}
.jz-nav:hover .nav li a:before{background: #000;}
.jz-nav:hover .logo .img2{display:inherit;}
.jz-nav:hover .search{ background:url(../img/a001.png)center no-repeat;background-size:30px 30px;}




.search-box{display: none; position: fixed;top:71px;width: 100%;left: 0;background: #FFFFFF;padding: 20px 0;z-index: 999;}
.search-box form{width:calc(100% - 120px);padding-left:70px;position: relative;}
.search-box form .sl{width:100%; border-radius: 0;background: none;border: none;height: 45px; border-bottom: 1px solid #dcdcdc;}
.search-box form .sbn{position: absolute;right:0px;top: 0;width: 50px;height: 44px;background:url(../img/a006.png)center no-repeat#FFFFFF;background-size: cover;border:none;border-radius: 0;}
.search-box .close{position: absolute;right:2.5%;top: 20px;width: 40px;height: 40px;color: #000000;font-family:"微软雅黑";background:url(../img/a005.png)center no-repeat;background-size: cover;}

.search-box .recom{width: 100%;height: auto;padding: 30px 70px;}
.search-box .recom h6{font-size: 24px;color: #000000;}
.search-box .recom .con{width: 100%;height: auto;margin-top: 15px;}
.search-box .recom .con a{position: relative;width: auto; font-size: 16px;color: #000000;padding-right: 35px;margin-right: 5%;display: inline-block;}
.search-box .recom .con a:hover:before{content:"";position: absolute;right: 0;top: 50%;transform: translateY(-50%); width: 25px;height: 22.5px;background: url(../img/a006.png)center no-repeat;background-size: cover;}

@media only screen and (max-width:1300px){
.jz-nav .search{background-size: 28px 28px;}
.jz-nav2 .search{background-size: 28px 28px;}
.jz-nav:hover .search{background-size: 28px 28px;}
.jz-nav2:hover .search{background-size: 28px 28px;}
.jz-nav .nav li{font-size: 16px;}
.search-box .close{width: 35px;height: 35px;}

}












.banner{width: 100%;height: 100%;position: relative;overflow: hidden;}
.banner .banner-js{width: 100%;height: 100%;position: absolute;z-index: 11;}
.banner .banner-js .pic{width: 100%;height: 100%;top: 0;left: 0; position: absolute; background-size: cover;background-repeat: no-repeat;background-position: center;}
.banner .banner-js .pic .bk{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.20);}
.banner .banner-js .pic .con{width: 90%;max-width: 1200px;position: absolute;left: 50%;bottom: 13%;text-align: center;transform: translateX(-50%);}
.banner .banner-js .pic .con p{font-size: 30px;color: #FFFFFF;}
.banner .banner-js .pic .con a{display: block;position: relative; width: 200px;z-index: 0; height: 45px;line-height: 45px;text-align: center;color: #FFFFFF;margin: 0 auto;border:1px solid #FFFFFF;margin-top: 40px;font-family: "TCM";}
.banner .banner-js .pic .con a:before{content: "";position: absolute;top: 0; left:50%;transform: translateX(-50%); width: 0;height: 100%;z-index: -1; background:rgba(255,255,255,0.20);}
.banner .banner-js .pic .con a:hover:before{content: "";width: 100%;height: 100%;transition:all 0.3s ease;}

.banner .banner-js .swiper-pagination-bullet {width:35px;height:2px;display: inline-block;border-radius: 0%;background: #fff;opacity: 0.2;}
.banner .banner-js .swiper-pagination-bullet-active {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity: 1;background: #fff;}
.banner .banner-js .swiper-button-next{
    background-image: url(../img/a003.png);
    right:0px;
     background-position:right 20px center;
    left: auto;
}
.banner .banner-js .swiper-button-prev{
    background-image: url(../img/a004.png);
    left:0px;
     background-position:left 20px center;
    right: auto;
}
.banner .banner-js .swiper-button-next:after,.banner .banner-js .swiper-button-prev:after{content: "";}
.banner .banner-js .swiper-button-prev,.banner .banner-js .swiper-button-next {
    position: absolute;
    top: 0%;
    width:30%;
    height: 100%;
    margin-top:-0px;
    z-index: 99;
    cursor: pointer;
    background-size: 30px 50px;
    background-repeat: no-repeat;
   filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity: 0;
}
.banner .banner-js .swiper-button-prev:hover,.banner .banner-js .swiper-button-next:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity: 1;transition: all 0.6s ease;}

@media only screen and (max-width:1500px ) {
	.banner .banner-js .swiper-button-prev,.banner .banner-js .swiper-button-next {background-size:24px 40px;}
	.banner .banner-js .pic .con a{width: 180px;}
	
}
@media only screen and (max-width:1300px) {
.banner .banner-js .pic .con p{font-size: 26px;}
.banner .banner-js .pic .con a{width: 160px;height: 40px;line-height: 40px;font-size: 15px;}	
}



.title{width: 100%;height: auto;text-align: center;}
.title h5{font-size: 36px;color: #000000;letter-spacing: 1px;}

@media only screen and (max-width:1500px) {
	.title h5{font-size: 32px;}
}
@media only screen and (max-width:1300px) {
	.title h5{font-size:28px;}
}



.jz-service{width: 100%;height: auto;background: #f6f6f6;}
.jz-service ul{font-size: 0;width: 100%;height: auto;text-align: center;}
.jz-service ul li{width: 20%;display: inline-block;vertical-align: top; padding: 0 3%;text-align: center;}

.jz-service ul li .ico{width: 50px;height: auto;margin: 0 auto;}
.jz-service ul li .ico img{display: block;width: 100%;height: auto;}
.jz-service ul li h6{font-size: 18px;margin-top: 20px;}
.jz-service ul li .txt{width: 100%;height:44px;margin-top: 10px;margin-bottom: 5px; overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;}
.jz-service ul li .txt p{font-size: 15px;color: #000000;}
.jz-service ul li a{font-size: 14px;color: #000000;display: inline-block;padding-bottom: 5px;position: relative;}
.jz-service ul li a:before{content: "";position: absolute;left: 0;width: 100%;height: 1px;background: #000000;bottom:3px;}
.jz-service ul li a:hover:before{width: 0%;}

.footer{width: 100%;padding: 40px 0;text-align: center; height: auto;background: #f6f6f6;border-top:1px solid #DCDCDC;}
.footer .con{width: 100%;height: auto;}
.footer .con span{font-size: 15px;color: #000000; display: inline-block;padding-left: 25px;position: relative;}
.footer .con .tel:before{content: "";position: absolute;left: 0;top: 5px;width: 16px;height: 16px;background:url(../img/a012.png)center no-repeat;background-size: cover;}
.footer .con .address:before{content: "";position: absolute;left: 0;top: 5px;width: 16px;height: 16px;background:url(../img/a013.png)center no-repeat;background-size: cover;}
.footer .con .tel{margin-right: 5%;}
.footer .ba{width: 100%;height: auto;margin-top: 10px;}
.footer .ba span{font-size: 15px;color: #000000;}
.footer .ba span a{color: #000000;}
.footer .policy{width: 100%;height: auto;margin-top: 10px;}
.footer .policy  a{display: inline-block;font-size: 15px;color: #000000;margin: 0 1.5%;}

@media only screen and (max-width: 1500px) {
	.jz-service ul li .ico{width: 45px;}
}
@media only screen and (max-width: 1300px) {
	.jz-service ul li .ico{width: 40px;}
	.jz-service ul li h6{font-size: 16px;}
	.jz-service ul li .txt{height: 42px;}
	.jz-service ul li .txt p{font-size: 14px;}
	.footer{padding: 30px 0;}
	.footer .con span{font-size: 14px;}
	.footer .ba span{font-size: 14px;}
	.footer .policy  a{font-size: 14px;}
	
}


.jz-brand{width: 100%;height: auto;}
.jz-brand .jz-brand-pic{width: 100%;height: auto;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat: no-repeat;background-position: center;}
.jz-brand .jz-brand-pic .con{width: 100%;height:auto;padding: 10%  20%;text-align: center; background: rgba(0,0,0,0.2);}
.jz-brand .jz-brand-pic .con .title h5{color: #FFFFFF;}
.jz-brand .jz-brand-pic .con .txt{width: 100%;height: auto;}
.jz-brand .jz-brand-pic .con .txt p{font-size: 16px;color: #FFFFFF;}




.price{font-family:"TCM";}
.jz-jewelry{width: 100%;height: auto;}
.jz-jewelry .jewelry-js{width: 100%;height: auto;}
.jz-jewelry .jewelry-js .con{width: 100%;height: auto;padding-bottom: 20px; border-bottom: 1px solid #DCDCDC;text-align: center;}
.jz-jewelry .jewelry-js .con .pic{overflow: hidden;position: relative; width: 100%;height:auto;margin-bottom: 20px;background: #eeeeee;}
.jz-jewelry .jewelry-js .con .pic img{display: block;width: 100%;height: auto;}
.jz-jewelry .jewelry-js .con .pic .pic2{position: absolute;left: 0; top: 0;width: 100%;height:0;overflow: hidden;background: #eeeeee;}
.jz-jewelry .jewelry-js .con .pic .pic2 img{display: block;width: 100%;height: auto;}


.jz-jewelry .jewelry-js .swiper-slide{padding-top: 5%;}
.jz-jewelry .jewelry-js .swiper-slide:nth-child(2n){padding-top: 0;}
.jz-jewelry .jewelry-js .con h6{ font-size: 18px;color: #000000;width: 100%;height: auto;}
.jz-jewelry .jewelry-js .con .prices{margin-top: 10px;width: 100%;height: auto;display: block;margin-top: 10px;}

.jz-jewelry .jewelry-js .con:hover .pic .pic2 {height:100%;transition: all 0.2s ease;transition-delay: 0.05s;}
.jz-jewelry .jewelry-js .hide{opacity:0;}


.jz-jewelry .jewelry-js .swiper-button-next{
    background-image: url(../img/a003s.png);
    right:0px;
    left: auto;
}
.jz-jewelry .jewelry-js .swiper-button-prev{
    background-image: url(../img/a004s.png);
   left:0px;
    right: auto;
}

.jz-jewelry .jewelry-js .swiper-button-next:after,.jz-jewelry .jewelry-js .swiper-button-prev:after{content: "";}

.jz-jewelry .jewelry-js .swiper-button-prev,.jz-jewelry .jewelry-js .swiper-button-next {
    position: absolute;
    top: 40%;
    width: 30px;
    height:50px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 30px 50px;
    background-position: center;
    background-repeat: no-repeat;
      transition:opacity 0.5s;
}

@media only screen and (max-width: 1500px) {
	.jz-jewelry .jewelry-js .swiper-button-prev,.jz-jewelry .jewelry-js .swiper-button-next {
    width: 24px;
    height:40px;
    margin-top: -12px;
    background-size: 24px 40px;
}
}
@media only screen and (max-width:1300px) {
	.jz-jewelry .jewelry-js .con h6{font-size: 16px;}
	.jz-brand .jz-brand-pic .con .txt p{font-size: 15px;}
}




.rt-bar{width:80px;z-index: 999; height: auto;position: fixed;top: 55%;right: 0;font-size: 0;clear: both;}
.rt-bar li{overflow: hidden; float: right; position: relative; width: 80px;height: 80px;background:rgba(255,255,255,0.4);}
.rt-bar li .pic{width:80px;height: auto;margin: 0 auto;float: left;}
.rt-bar li .pic img{display: block;width: 100%;height: auto;}
.rt-bar li .img2{display:none;}
.rt-bar .tel .tel-c{font-family: 'TCM';font-size: 22px;text-align: center; color:#FFFFFF;position: absolute;left: 80px;top: 0;width:180px;line-height: 80px;} 
.rt-bar li:hover{background: rgba(0,0,0,0.4);transition: all 0.4s ease;}
.rt-bar .tel:hover{width: 260px;}
.rt-bar li:hover  .img1{display: none;}
.rt-bar li:hover .img2{display: inherit;}
.rt-bar li .wx-c{display: none; width: 80px;height:80px;position: absolute;right: 80px;left: auto;  top: 0;}
.rt-bar li .wx-c img{width: 100%;height: auto;display: block;}
.rt-bar .wx:hover{width: 160px;}
.rt-bar .wx:hover .pic{float: right;}
.rt-bar .wx:hover .wx-c{display: block;box-shadow: 1px 1px 5px rgba(0,0,0,0.2);}
.rt-bar .top{cursor: pointer;}




.jz-news{width:100%;height: auto;}
.jz-news .jz-news-js{width: 100%;height: auto;}
.jz-news .jz-news-js .pic{overflow: hidden; width: 100%;height: auto;background: #eeeeee;padding-bottom:45px;}
.jz-news .jz-news-js .pic img{display: block;width: 100%;height: auto;}
.jz-news .jz-news-js .con{width: 100%;height: auto;position:relative;text-align: center;}
.jz-news .jz-news-js .con .mores{font-size: 16px;color: #000000;position: absolute;bottom:25px;left: 50%;transform: translateX(-50%); padding-bottom: 3px; text-align: center;display: inline-block;}
.jz-news .jz-news-js .con .mores:before{content: "";position: absolute;left: 0;bottom: 2px;width: 100%;height: 1px;background: #000000;}
.jz-news .jz-news-js .con:hover .pic img{transform: scale(1.1);transition: all 0.5s ease;}
.more1{display: block;position: relative; width: 200px;z-index: 0; height: 45px;line-height: 45px;text-align: center;color: #000;margin: 0 auto;border:1px solid #000;margin-top: 40px;}
.more1:before{content: "";position: absolute;top: 0; left:50%;transform: translateX(-50%); width: 0;height: 100%;z-index: -1; background:rgba(0,0,0,1);}
.more1:hover:before{content: "";width: 100%;height: 100%;transition:all 0.3s ease;}
.more1:hover{color:#FFFFFF}

.jz-news .jz-news-js .hide {
   filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity: 0;
}
.jz-news .jz-news-js .swiper-button-next{
    background-image: url(../img/a003s.png);
    right:0px;
    left: auto;
}
.jz-news .jz-news-js .swiper-button-prev{
    background-image: url(../img/a004s.png);
   left:0px;
    right: auto;
}
.jz-news .jz-news-js .swiper-button-next:after,.jz-news .jz-news-js .swiper-button-prev:after{content: "";}

.jz-news .jz-news-js .swiper-button-prev,.jz-news .jz-news-js .swiper-button-next {
    position: absolute;
    top: 40%;
    width: 30px;
    height:50px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 30px 50px;
    background-position: center;
    background-repeat: no-repeat;
     transition:opacity 0.5s;
}

@media only screen and (max-width:1500px) {
.more1{width: 180px;}
.jz-news .jz-news-js .swiper-button-prev,.jz-news .jz-news-js .swiper-button-next {

    width:24px;
    height:40px;
    margin-top: -12px;
    background-size:24px 40px;

}		
}
@media only screen and (max-width:1300px ) {
	.jz-news .jz-news-js .con .mores{font-size: 15px;}
.more1{width: 160px;height: 40px;line-height: 40px;font-size: 15px;}	
	
}



.jz-qual{width: 100%;height: auto;}
.jz-qual .qual-con{width:100%;height: auto;}
.jz-qual .qual-con .pics{width: 100%;height: auto;margin-bottom: 35px;}
.jz-qual .qual-con .pics img{display: block;width: 100%;height: auto;}
.jz-qual .sort{margin-top:30px; width: 100%;height: auto;margin-bottom: 30px;font-size: 0;padding: 0 10%;text-align: center;}
.jz-qual .sort li{font-size: 18px;color: #000000;display:inline-block;margin: 0 2%;line-height: 40px;padding: 0 2%;cursor: pointer;}
.jz-qual .sort li.cut{background: #000000;color: #FFFFFF;}
.jz-qual .sort li:hover{background: #000000;color: #FFFFFF;}
.jz-qual .jz-qual-c{width: 100%;height: auto;}
.jz-qual .jz-qual-c .jz-qual-c-list{display: none;}
.jz-qual .jz-qual-js{width: 100%;height: auto;padding:10px 10% 40px 10%;overflow-x: hidden;overflow-y:auto;}
.jz-qual .jz-qual-js a .pic{width: 100%;height: auto;background: #eeeeee;position: relative;}
.jz-qual .jz-qual-js a .pic img{display: block;width: 100%;height: auto;z-index: 0;}
.jz-qual .jz-qual-js a .pic .con{position: absolute;left: 0;top: 0; width: 100%;height:0;overflow: hidden; background: #FFFFFF;}
.jz-qual .jz-qual-js a .pic .con img{display: block;width: 100%;height: auto;}
.jz-qual .jz-qual-js a:hover .pic .con{z-index: 66; box-shadow: 0 0 5px rgba(0,0,0,0.2);text-align: center;height:auto;padding-bottom: 20px;}
.jz-qual .jz-qual-js a .pic .con h6{font-size: 16px;color:#000000;}
.jz-qual .jz-qual-js a .pic .con .price{margin-top: 5px; font-size: 16px;color: #999;display: block;width: 100%;height: auto;}
.jz-qual .jz-qual-js a .pic .con .mores{display: block;width: 100%;height: auto;text-align: center;margin-top: 10px;}


.jz-qual .jz-qual-js .hide {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity: 0;}
.jz-qual .jz-qual-js .swiper-button-next{
    background-image: url(../img/a003s.png);
    right:0px;
    left: auto;
}
.jz-qual .jz-qual-js .swiper-button-prev{
    background-image: url(../img/a004s.png);
   left:0px;
    right: auto;
}
.jz-qual .jz-qual-js .swiper-button-next:after,.jz-qual .jz-qual-js .swiper-button-prev:after{content: "";}

.jz-qual .jz-qual-js .swiper-button-prev,.jz-qual .jz-qual-js .swiper-button-next {
    position: absolute;
    top:45%;
    width: 30px;
    height:50px;
    margin-top: -15px;
    z-index: 88;
    cursor: pointer;
    background-size: 30px 50px;
    background-position: center;
    background-repeat: no-repeat;opacity: 0;
}
.jz-qual .jz-qual-js:hover .swiper-button-prev,.jz-qual .jz-qual-js:hover .swiper-button-next {filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity: 1;transition:opacity 0.5s;}

@media only screen and (max-width:1500px) {
.jz-qual .jz-qual-js .swiper-button-prev,.jz-qual .jz-qual-js .swiper-button-next {
    width:24px;
    height:40px;
    margin-top: -12px;
    background-size:24px 40px;

}	
}
@media only screen and (max-width:1300px) {
	.jz-qual .jz-qual-js a:hover .pic .con h6{font-size: 15px;}
}




.in-banner{width: 100%;height: auto;position: relative;}
.in-banner img{display: block;width: 100%;height: auto;}
.in-banner .bk{position:relative; width: 100%;height:100%;top: 0; left: 0; background:rgba(0,0,0,0.2); position:absolute}

.brand{width: 100%;height: auto;}
.brand .sumy{width: 65%;margin: 0 auto;height: auto;text-align: center;}
.brand .sumy p{font-size: 16px;color:#000000}

.brand .video-container{
	width: 100%;
	height:480px;
	position: relative;
	overflow: hidden;
}

.brand .yourDiv{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 66;
	display: flex;
	justify-content: center;
	align-items: center;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;

}

.brand .yourDiv img{display: block;width: 60px;height: auto;position: absolute;left: 50%;top: 50%;transform: translateX(-50%)translateY(-50%);}


.brand .video1{
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
	overflow: hidden;
}

 video::-internal-media-controls-download-button {
	display:none;
}
video::-webkit-media-controls-enclosure {
	overflow:hidden;
}
video::-webkit-media-controls-panel {
	width: calc(100% + 30px);
}






.tech{width: 100%;height: auto;}
.tech .tech-js{padding-bottom:45px; width: 100%;height: auto;}
.tech .tech-js .pic{width: 100%;height: auto;}
.tech .tech-js .pic img{display: block;width: 100%;height: auto;}
.tech .tech-js .pic .bk{background:rgba(0,0,0,0.2); width: 100%;height:100%;position:absolute;top: 0;left: 0;}
.tech .tech-js .pic h6{font-size:26px;color: #000000;text-align: center;color: #FFFFFF;position:absolute;top: 50%;transform: translateY(-50%); left: 0;width: 100%;}
.tech .tech-js .swiper-pagination-bullets {
    bottom:0px;
    left: 0;
    width: 100%;
}

.tech .tech-js .swiper-pagination-bullet {
    width: 45px;
    height: 2px;
    display: inline-block;
    border-radius:0%;
    background: #000;
    opacity: 0.2;
}
.tech .tech-js .swiper-pagination-bullet-active {
   filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity: 1;
    background:#000000;
}
@media only screen and (max-width:1500px) {
	.tech .tech-js .pic h6{font-size: 25px;}
	.brand .video-container{
	width: 100%;
	height:450px;
}
	
}

@media only screen and (max-width:1300px) {
.brand .sumy p{font-size: 15px;}
.tech .tech-js .pic h6{font-size: 24px;}
	.brand .video-container{
	width: 100%;
	height:400px;
}	
}



.all-sort{width: 100%;height: auto;}
.container{padding:20px;height: auto;min-width: 1060px}
.all-sort .all-sort-list{overflow: hidden;}
.all-sort li{background: #eeeeee;position: relative;  float: left; vertical-align: top;height:399px;overflow: hidden;  width:calc(50% - 1px);margin-bottom: 2px;}
.all-sort li:first-child{margin-right: 2px;height: 800px;}
.all-sort li:nth-child(4){margin-right: 2px;}


.all-sort li .pic{padding: 0 5%;position: relative;}
.all-sort li .pic img{display: block;position: absolute;height:320px;width: auto; left: 50%;top: 0;transform: translateX(-50%);}
.all-sort li:first-child .pic img{height: 620px;}
.all-sort li .con{width: 100%;height: auto;padding: 5px 0 45px 0;text-align: center;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}

.all-sort li .con h6{font-size: 24px;color: #000000;}
.all-sort li  .con  .mores{margin-top:15px;display: block; font-size: 16px;color: #000000;}
.all-sort li:hover{background: #F6F6F6;}

@media only screen and (max-width:1500px) {
	.all-sort li .con h6{font-size: 20px;}
}
@media only screen and (max-width:1300px) {
	.all-sort li .con h6{font-size: 20px;}
	.all-sort li  .con  .mores{font-size: 15px;margin-top: 10px;}
	.container{padding:15px;height: auto;}
	.all-sort li{height: 359px;}
	.all-sort li:first-child{height: 720px;}
	.all-sort li .pic img{height: 260px;}
	.all-sort li:first-child .pic img{height:600px;}
}

.mb-nav{width: 100%;height: auto;text-align:left;padding-top: 20px;font-size: 16px;}
.mb-nav a{font-size: 16px;color: #000000;display: inline-block;padding: 0 6px;}




.policy{width: 100%;height: auto;}
.policy .title{width: 100%;height: auto;padding-bottom: 35px;border-bottom: 1px solid #666666;}
.policy .title h5{text-align: left;}
@media only screen and (max-width:1300px) {
.policy .detail{font-size: 15px;}	
.mb-nav .w95{font-size: 15px;}
.mb-nav a{font-size: 15px;}
}




.product .pro-top{padding:  0 20px; width: 100%;background: #FFFFFF;position: relative;}
.product .pro-top .mb-nav{ padding: 0;line-height: 60px; width: 250px;height: auto;float:left;}
.product .pro-top .pro-st{position:relative;  width: calc(100% - 250px);height: auto;float: right;font-size: 0;text-align: right;}
.product .pro-top .pro-st li{cursor: pointer;height: 60px;line-height: 60px;padding: 0 20px; display: inline-block;width:auto;border-right: 1px solid #DCDCDC;}
.product .pro-top .pro-st li span{display: inline-block;padding-right: 20px;position: relative; font-size: 15px;color: #000000;}
.product .pro-top .pro-st li span:before{content: "";position: absolute;right: 0;top:50%;transform: translateY(-50%); width: 10px;height: 10px; background: url(../img/a027.png)center no-repeat;background-size: cover;}
.product .pro-top .pro-st .pro-st1,.product .pro-top .pro-st .pro-st2,.product .pro-top .pro-st .pro-st4{position: relative;}
.product .pro-top .pro-st .pro-st4 span{color: #666666;}
.product .pro-top .pro-st .pro-st4 span p{display: inline-block;color: #000000;font-size: 15px;}
.product .pro-top .pro-st li:last-child{border-right: none;}
.product .pro-top .pro-st li .st-downs{transform: translateX(-1px); max-height:253px;overflow-y: auto; display: none; width: 190px;position: absolute;background: #FFFFFF;z-index: 998;top: 60px;left:0;  text-align: left;border: 1px solid #DCDCDC;}
.product .pro-top .pro-st li .st-downs a{font-size: 15px;line-height:35px; color: #666666;border-bottom: 1px solid #DCDCDC;display: block;padding:0 20px; }
.product .pro-top .pro-st li .st-downs a:last-child{border-bottom: none;}
.product .pro-top .pro-st li .st-downs a:hover{background: #E2E2E2;}
.product .pro-top .pro-st li:hover span:before{margin-top: -6px; -webkit-transform: rotate(180deg);transform: rotate(180deg);}
.product .pro-top .pro-st li:hover .st-downs{display: inherit;transition: all 0.3s ease;}
.product .pro-top .pro-st li .st-downs a.cut{background: #E2E2E2;}
.product .pro-top .pro-st li.pro-st4 .st-downs{width: 150px;}
.product .pro-top.actives{position: fixed;top: 71px;left: 1;z-index: 999999;box-shadow: 0 2px 2px rgba(0,0,0,0.05);}
.product .container{padding-top: 0;}

.product .pro-top .st-downs2{display: none; transition: all 0.5s ease; border-top: 1px solid #DCDCDC; width: calc(100% + 250px);right: 0;left: auto; height: auto;position: absolute;top: 100%;background: #FFFFFF;z-index: 9999;}
.product .pro-top .st-downs2 form{width: 100%;height: auto;}
.product .pro-top .st-downs2 form .con1{line-height: 24px; padding: 45px 0; text-align:left;font-size: 0;width: 90%;max-width: 1500px;margin:  0 auto; height: auto;}
.product .pro-top .st-downs2 form .con1 .layui-form-item1{width:33.3%;padding: 0 3%; display: inline-block;vertical-align: top;font-size: 15px;}
.product .pro-top .st-downs2 form .con1 .layui-form-item1 .layui-form-label{margin-bottom: 20px; display: block;width: 100%;float: inherit;text-align:left; font-size: 16px;font-weight: bolder;color: #000000;padding-bottom:15px;border-bottom: 1px solid #DCDCDC;}
.product .pro-top .st-downs2 form span:before{display: none;}
.product .pro-top .st-downs2 form .btm{text-align: center; width: 100%;height: auto;border-top: 1px solid #DCDCDC;padding: 30px 0;}
.product .pro-top .st-downs2 form .btm h6{line-height: 24px; margin-bottom: 20px; font-size: 16px;color: #666666;}
.product .pro-top .st-downs2 form .layui-input-block {margin-left:0px;min-height:auto;}

.product .pro-top .st-downs2 form .layui-form-item2 .layui-btn {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 6%;
    font-size: 15px;
    background-color: #000;
    border: 1px solid #000000;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border-radius: 2px;
    cursor: pointer;
    border-radius: 0;
}
.product .pro-top .st-downs2 form .layui-form-item2 .layui-btn.layui-btn-primary{ background-color: #FFFFFF;border: 1px solid #000000;color: #000;}
.product .pro-top .st-downs2 form .layui-form-label {padding-left: 0;}

.product .pro-top .st-downs2 form .layui-form-checked[lay-skin=primary] i {
    border-color: #000!important;
    background-color: #000;
    color: #fff;
    border-radius: 0;
}
.layui-form-checkbox[lay-skin=primary]:hover i{border-color:#000;color:#fff}

.layui-form-checkbox[lay-skin=primary] {
    height: auto!important;
    display: inline-block;
    width:47%;
    line-height: normal!important;
    min-width: 18px;
    min-height: 18px;
    border: none!important;
    margin-right: 0;
    padding-left: 25px;
    margin-bottom: 5px;
    margin-left: 0;
    padding-right: 0;
    background: 0 0;
}
.product .pro-top .pro-st3:hover  .st-downs2{display: inherit;}

.pro-list{width: 100%;height: auto;font-size: 0;background: #EEEEEE;}
.pro-list li{width:25%;border-right: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;display: inline-block;vertical-align: top;}
.pro-list li .pic{background: #EEEEEE;position: relative;width: 100%;height: auto;}
.pro-list li .pic img{display: block;width: 100%;height: auto;}
.pro-list li .con{height: 0; position: absolute;top: 0;left: 0;box-shadow: 0 0 5px rgba(0,0,0,0.2);}



.pro-list li .pic{width: 100%;height: auto;background: #eeeeee;position: relative;}

.pro-list li .pic img{display: block;width: 100%;height: auto;z-index: 0;}
.pro-list li .pic .con{position: absolute;left: 0;top: 0; width: 100%;height:0;overflow: hidden; background: #FFFFFF;}
.pro-list li .pic .con img{display: block;width: 100%;height: auto;}
.pro-list li .pic .con h6{font-size: 18px;color:#000000;}
.pro-list li .pic .con .price{margin-top:20px; font-size: 16px;color: #999;display: block;width: 100%;height: auto;}
.pro-list li .pic .con .mores{display: block;width: 100%;height: auto;text-align: center;margin-top: 10px;font-size: 16px;}

.pro-list li:hover .pic .con{z-index: 66; box-shadow: 0 0 5px rgba(0,0,0,0.2);text-align: center;height:auto; padding-bottom: 20px;}
.pro-list li:nth-child(5){width:50%;}
.pro-list li:nth-child(5) .pic .con{box-shadow: none; padding: 0 20px 20px 20px;text-align: center; height: auto;background: none;top: auto; bottom: 0;}
.pro-list li:nth-child(5) .pic .con h6{color: #FFFFFF;}
.pro-list li:nth-child(5) .pic .con .mores{color: #FFFFFF;}
.pro-list li:nth-child(5) .pic .con img{display: none;}
.pro-list li:nth-child(5) .pic .con .price{display: none;}
.pro-list li:nth-child(5) .pic{width: 100%;padding-top: 0; height: auto;overflow: hidden;}
.pro-list li:nth-child(5):hover .con{box-shadow: none;}
.pro-list li:nth-child(5):hover .pic img{transform:scale(1.1);transition: all 0.5s ease;}
.pro-list li:nth-child(14n+5){width:50%;}
.pro-list li:nth-child(14n+5) .pic .con{box-shadow: none; padding: 0 20px 20px 20px;text-align: center; height: auto;background: none;top: auto; bottom: 0;}
.pro-list li:nth-child(14n+5) .pic .con h6{color: #FFFFFF;}
.pro-list li:nth-child(14n+5) .pic .con .mores{color: #FFFFFF;}
.pro-list li:nth-child(14n+5) .pic .con img{display: none;}
.pro-list li:nth-child(14n+5) .pic .con .price{display: none;}
.pro-list li:nth-child(14n+5) .pic{width: 100%;padding-top: 0; height: auto;overflow: hidden;}
.pro-list li:nth-child(14n+5):hover .con{box-shadow: none;}
.pro-list li:nth-child(14n+5):hover .pic img{transform:scale(1.1);transition: all 0.5s ease;}

.pro-list li:nth-child(14n){width:50%;}
.pro-list li:nth-child(14n) .pic .con{box-shadow: none; padding: 0 20px 20px 20px;text-align: center; height: auto;background: none;top: auto; bottom: 0;}
.pro-list li:nth-child(14n) .pic .con h6{color: #FFFFFF;}
.pro-list li:nth-child(14n) .pic .con .mores{color: #FFFFFF;}
.pro-list li:nth-child(14n) .pic .con img{display: none;}
.pro-list li:nth-child(14n) .pic .con .price{display: none;}
.pro-list li:nth-child(14n) .pic{width: 100%;padding-top: 0; height: auto;overflow: hidden;}
.pro-list li:nth-child(14n):hover .con{box-shadow: none;}
.pro-list li:nth-child(14n):hover .pic img{transform:scale(1.1);transition: all 0.5s ease;}

.pro-list2{margin-top: 20px; width: 100%;height: auto;font-size: 0;background: #EEEEEE;}
.pro-list2 li{width:25%;border-right: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;display: inline-block;vertical-align: top;}
.pro-list2 li .pic{background: #EEEEEE;position: relative;width: 100%;height: auto;}
.pro-list2 li .pic img{display: block;width: 100%;height: auto;}
.pro-list2 li .con{height: 0; position: absolute;top: 0;left: 0;box-shadow: 0 0 5px rgba(0,0,0,0.2);}


.pro-list2 li .pic{width: 100%;height: auto;background: #eeeeee;position: relative;}
.pro-list2 li .pic img{display: block;width: 100%;height: auto;z-index: 0;}
.pro-list2 li .pic .con{position: absolute;left: 0;top: 0; width: 100%;height:0;overflow: hidden; background: #FFFFFF;}
.pro-list2 li .pic .con img{display: block;width: 100%;height: auto;}
.pro-list2 li .pic .con h6{font-size: 18px;color:#000000;}
.pro-list2 li .pic .con .price{margin-top:20px; font-size: 16px;color: #999;display: block;width: 100%;height: auto;}
.pro-list2 li .pic .con .mores{display: block;width: 100%;height: auto;text-align: center;margin-top: 10px;font-size: 16px;}

.pro-list2 li:hover .pic .con{z-index: 66; box-shadow: 0 0 5px rgba(0,0,0,0.2);text-align: center;height:auto; padding-bottom: 20px;}










@media only screen and (max-width:1500px) {
	
}




@media only screen and (max-width:1300px) {
	.pro-list li .pic .con h6{font-size: 16px;}
	.pro-list li .pic .con .price{font-size: 15px;}
	.pro-list li .pic .con .mores{font-size: 15px;}
	.pro-list2 li .pic .con h6{font-size: 16px;}
	.pro-list2 li .pic .con .price{font-size: 15px;}
	.pro-list2 li .pic .con .mores{font-size: 15px;}
	.pro-list2{margin-top: 15px;}
	.product .pro-top{padding: 0 15px;}
}




/*产品详情*/
.recoms{width: 100%;height: auto;border-top: 1px solid #DCDCDC;}
.recoms .recom-js{width:100%;height: auto;}
.recoms .recom-js .con{width: 100%;height: auto;text-align: center;}
.recoms .recom-js .con .pic{overflow: hidden; width: 100%;height: auto;background:#EEEEEE;padding:20px;}
.recoms .recom-js .con .pic img{display: block;width: 100%;height: auto;}
.recoms .recom-js .con h6{font-size: 18px;color: #000000;padding: 20px 20px 15px 20px;}
.recoms .recom-js .con .price{font-size: 16px;color: #666666;display: block;}
.recoms .recom-js .con:hover .pic img{transform: scale(1.1);transition: all 0.5s ease;}

.recoms .recom-js .hide {
   filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity: 0;
}
.recoms .recom-js .swiper-button-next{
    background-image: url(../img/a003s.png);
    right:0px;
    left: auto;
}
.recoms .recom-js .swiper-button-prev{
    background-image: url(../img/a004s.png);
   left:0px;
    right: auto;
}
.recoms .recom-js .swiper-button-next:after,.recoms .recom-js .swiper-button-prev:after{content: "";}
.recoms .recom-js .swiper-button-prev,.recoms .recom-js .swiper-button-next {
    position: absolute;
    top:40%;
    width: 30px;
    height:50px;
    margin-top: -15px;
    z-index: 88;
    cursor: pointer;
    background-size: 30px 50px;
    background-position: center;
    background-repeat: no-repeat;
     transition:opacity 0.5s;
}
@media only screen and (max-width:1500px) {
	.recoms .recom-js .con h6{font-size: 17px;}
}
@media only screen and (max-width:1300px) {
.recoms .recom-js .con h6{font-size: 15px;padding: 15px 15px 10px 15px;}
.recoms .recom-js .con .price{font-size: 14px;}

.recoms .recom-js .swiper-button-prev,.recom .recom-js .swiper-button-next {
    width: 24px;
    height:40px;
    margin-top: -12px;
    background-size: 24px 40px;
  
}

}

.pro-d{width: 100%;height: auto;}
.pro-d-l{width:850px;float: left;position: relative;overflow: hidden;}
.pro-d-l .pro-ll{width: 120px;height:100%;float: left;position: absolute;left: 0;top: 0;}
.pro-d-l .pro-ll  .swiper-slide{margin-bottom: 0;width: 100%;height: auto;}
.pro-d-l .pro-ll .pic{ width:100%;height: 145px;position: relative; -webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat: no-repeat;background-position:center bottom;background-color: #EEEEEE;}
.pro-d-l .pro-ll .pic .bk{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

.pro-d-l .pro-ll .swiper-slide-thumb-active .pic .bk{background: rgba(0,0,0,0.3);}
.pro-d-l .pro-lr{width: calc(100% - 130px);height:auto; position: relative; float: right;background: #EEEEEE;height: 750px;} 
.pro-d-l .pro-lr .pic{width:85%;position: absolute;bottom: 0; left: 50%;transform: translateX(-50%); height:auto;background: #EEEEEE;cursor: zoom-in;margin: 0 auto;}
.pro-d-l .pro-lr .pic img{display: block;width:100%;height: auto;margin: 0 auto;}

.pro-d-l .pro-lr  .hide {
   filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity: 0;
}
.pro-d-l .pro-lr  .swiper-button-next{
    background-image: url(../img/a003s.png);
    right:10px;
    left: auto;
}
.pro-d-l .pro-lr  .swiper-button-prev{
    background-image: url(../img/a004s.png);
   left:10px;
    right: auto;
}
.pro-d-l .pro-lr  .swiper-button-next:after,.pro-d-l .pro-lr  .swiper-button-prev:after{content: "";}
.pro-d-l .pro-lr  .swiper-button-prev,.pro-d-l .pro-lr  .swiper-button-next {
    position: absolute;
    top:50%;
    width: 30px;
    height:50px;
    margin-top: -15px;
    z-index: 88;
    cursor: pointer;
    background-size: 30px 50px;
    background-position: center;
    background-repeat: no-repeat;
     transition:opacity 0.5s;
}

.pro-d-r{width:calc(100% - 850px);padding: 0 6% 0 9%;overflow: hidden;float: right;}
.pro-d-r  h6{font-size:24px;color: #000000}
.pro-d-r .price{display: block;margin-top: 20px; font-size: 18px;color: #666666;}
.pro-d-r .min-code{width: 180px;height: auto;}
.pro-d-r .min-code .pic{width:100%;height: auto;margin-bottom: 20px;}
.pro-d-r .min-code .pic img{display: block;width:100%;height: auto;}
.pro-d-r .min-code  p{text-align: center;width: 100%;height: auto;font-size: 16px;}
.pro-d-r .d-con{width: 100%;height: auto;}
.pro-d-r .d-con .top-sot{width: 100%;height: auto;position:relative; border-bottom: 1px solid #DCDCDC;padding:15px  30px 15px 0;}
.pro-d-r .d-con .top-sot p{font-weight: bold; font-size: 15px;color: #000000;width: 100%;height: auto;}
.pro-d-r .d-con .top-sot .bns{width: 9px;height:9px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.pro-d-r .d-con .top-sot .bns:before{content: "";position: absolute;left: 0;top: 4px; width: 9px;height: 1px;background: #000000;}
.pro-d-r .d-con .top-sot .bns:after{content: "";position: absolute;top: 0;left: 4px; width: 1px;height: 9px;background: #000000;}
.pro-d-r .d-con .sot-con{display: none; width: 100%;height:auto;padding: 15px 0;} 
.pro-d-r .d-con .sot-con p{font-size: 16px;color: #666666;}
.pro-d-r .d-con .top-sot.cut .bns:after{display: none;}
@media only screen and (max-width:1500px) {
	.pro-d-l{width:700px;}
	.pro-d-l .pro-ll{width: 110px;}
	.pro-d-l .pro-ll .pic{height: 120px;}
	.pro-d-l .pro-lr{width: calc(100% - 115px);height:650px;}
	.pro-d-r{width:calc(100% - 700px);padding: 0 5%  0 8%;}
	.pro-d-r  h6{font-size: 22px;}
	.pro-d-r .price{font-size: 16px;}
	.pro-d-r .min-code{width: 160px;}
	.pro-d-r .min-code  p{font-size: 15px;}
}

@media only screen and (max-width:1300px) {
	.pro-d-r .d-con .top-sot p{font-size: 15px;}
	.pro-d-r .d-con .sot-con p{font-size: 14px;}
	.pro-d-l{width:600px;}
	.pro-d-l .pro-ll{width:90px;}
	.pro-d-l .pro-ll .pic{height: 105px;}
	.pro-d-l .pro-lr{width: calc(100% - 95px);height: 550px;}
	.pro-d-r{width:calc(100% - 600px);padding: 0 2%  0 5%;}
	.pro-d-r  h6{font-size: 20px;}
	.pro-d-r .price{font-size: 15px;}
	.pro-d-r .min-code{width: 130px;}
	.pro-d-r .min-code  p{font-size: 14px;}
	.pro-d-l .pro-lr  .swiper-button-prev,.pro-d-l .pro-lr  .swiper-button-next {
    width: 24px;
    height:40px;
    margin-top: -12px;
    background-size: 24px 40px;
}
}

@media only screen and (max-width:1200px ) {
	.pro-d-r .d-con .top-sot p{font-size: 15px;}
	.pro-d-r .d-con .sot-con p{font-size: 14px;}
	.pro-d-l{width:550px;}
	.pro-d-l .pro-ll{width:90px;}
	.pro-d-l .pro-ll .pic{height: 105px;}
	.pro-d-l .pro-lr{width: calc(100% - 95px);height: 550px;}
	.pro-d-r{width:calc(100% - 550px);padding: 0 2%  0 5%;}
	.pro-d-r  h6{font-size: 20px;}
	.pro-d-r .price{font-size: 15px;}
	.pro-d-r .min-code{width: 120px;}
	.pro-d-r .min-code  p{font-size: 13px;}
	.pro-d-l .pro-lr  .swiper-button-prev,.pro-d-l .pro-lr  .swiper-button-next {
    width: 24px;
    height:40px;
    margin-top: -12px;
    background-size: 24px 40px;
}
}


.news-box-js{width: 100%;height: auto;z-index: 22;}
.news-box-js .ser-top{width:80%;max-width: 1200px;margin: 0 auto; height: auto;}
.news-box-js .ser-top .pic{width: 100%;height: auto;margin: 0 auto;}
.news-box-js .ser-top .pic img{display: block;width: 100%;height: auto;}
.news-box-js .ser-top .sumy{width:60%;height: auto;margin: 0 auto;margin-top: 45px;}
.news-box-js .ser-top .sumy h6{font-size: 24px;margin-bottom: 20px;text-align: center;}
.news-box-js .ser-top .sumy .txt{width: 100%;height: auto;text-align: center;}
.news-box-js .ser-top .sumy .txt p{font-size: 16px;color: #000000;}
.news-box-js .swiper-button-next{
    background-image: url(../img/a003s.png);
    right:10%;
    left: auto;
}
.news-box-js .swiper-button-prev{
    background-image: url(../img/a004s.png);
   left:10%;
   right: auto;
}
.news-box-js .swiper-button-next:after,.news-box-js .swiper-button-prev:after{content: "";}

.news-box-js .swiper-button-prev,.news-box-js .swiper-button-next {
    position: absolute;
    top:260px;
    width: 30px;
    height:50px;
    margin-top: -15px;
    cursor: pointer;
    background-size: 30px 50px;
    background-position: center;
    background-repeat: no-repeat;
}



.jz-qual-js1{width: 100%;height: auto;padding:10px 10% 40px 10%;overflow-x: hidden;overflow-y:auto;}
.jz-qual-js1 a .pic{width: 100%;height: auto;background: #eeeeee;position: relative;}
.jz-qual-js1 a .pic img{display: block;width: 100%;height: auto;z-index: 0;}
.jz-qual-js1 a .pic .con{position: absolute;left: 0;top: 0; width: 100%;height:0;overflow: hidden; background: #FFFFFF;}
.jz-qual-js1 a .pic .con img{display: block;width: 100%;height: auto;}
.jz-qual-js1 a:hover .pic .con{z-index: 66; box-shadow: 0 0 5px rgba(0,0,0,0.2);text-align: center;height:auto;padding-bottom: 20px;}
.jz-qual-js1 a .pic .con h6{font-size: 16px;color:#000000;}
.jz-qual-js1 a .pic .con .price{margin-top: 5px; font-size: 16px;color: #999;display: block;width: 100%;height: auto;}
.jz-qual-js1 a .pic .con .mores{display: block;width: 100%;height: auto;text-align: center;margin-top: 10px;}


 .jz-qual-js1 .hide {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity: 0;}
 .jz-qual-js1 .swiper-button-next{
    background-image: url(../img/a003s.png);
    right:0px;
    left: auto;
}
.jz-qual-js1 .swiper-button-prev{
    background-image: url(../img/a004s.png);
   left:0px;
    right: auto;
}
.jz-qual-js1 .swiper-button-next:after,.jz-qual-js1 .swiper-button-prev:after{content: "";}

.jz-qual-js1 .swiper-button-prev,.jz-qual-js1 .swiper-button-next {
    position: absolute;
    top:45%;
    width: 30px;
    height:50px;
    margin-top: -15px;
    z-index: 88;
    cursor: pointer;
    background-size: 30px 50px;
    background-position: center;
    background-repeat: no-repeat;opacity: 0;
}
.jz-qual-js1:hover .swiper-button-prev,.jz-qual-js1:hover .swiper-button-next {filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity: 1;transition:opacity 0.5s;}





.news .news-box-js .news-show{font-size: 0; width: 100%;height: auto;}
.news .news-box-js .news-show li{width:calc(33.3% - 50px);margin-right:75px;display: inline-block;vertical-align: top;}
.news .news-box-js .news-show li:nth-child(3){margin-right: 0;}
.news .news-box-js .news-show li .pic{width: 100%;height: auto;}
.news .news-box-js .news-show li .pic img{display: block;width: 100%;height: auto;}
.news .news-box-js .news-show li .txt{width: 100%;height: auto;margin-top: 30px;}
.news .news-box-js .news-show li .txt p{font-size: 18px;color: #000;text-align: center;}

.news .design{width: 80%;max-width: 1300px; height: auto;margin: 0 auto;}
.news .design .design-l{float: left; width:60%;padding-right: 8%; height: auto;}
.news .design .design-l h6{font-size:24px;margin-bottom: 30px; color: #000000;text-align: center;}
.news .design .design-l .sumy{display: block; width: 100%;height: auto;text-align: center;margin-top: 20px;}
.news .design .design-l .sumy p{font-size:18px;color: #000000;}
.news .design .design-r{width:40%;height: auto;float: right;}
.news .design .design-r img{display: block;width: 100%;height: auto;}

.news .design #video{width: 100%;height: 450px; overflow: hidden; position: relative;}
.news .design #video  video { width: 100%; height: 100%;object-fit: fill; position: absolute;}
.news .design #video #videoShow{width: 100%;height: 100%;}
.news .design  .VideoBtn {position: absolute;top: 0;left: 0;background-size: cover;background-repeat:no-repeat; background-size: cover;display: block;width: 100%;height: 100%;}
.news .design  .VideoBtn img {
            position: absolute;
            left: 50%;
            top: 50%;
            display: block;
            width: 70px;
            height: 70px;
            margin-left: -35px;
            margin-top: -35px;
            cursor: pointer;
            z-index: 10;
        }

@media only screen and (max-width:1500px) {
	.news-box-js .ser-top .pic{width: 80%;}
	.news-box-js .swiper-button-prev,.news-box-js .swiper-button-next {
    width:24px;
    top: 8%;
    height:40px;
    margin-top: 0px;
    background-size:24px 40px;}
	
.jz-qual-js1 .swiper-button-prev,.jz-qual-js1 .swiper-button-next {
    width:24px;
    top: 45%;
    height:40px;
    margin-top: -12px;
    background-size:24px 40px;}

.news .news-box-js .news-show li .txt p{font-size: 16px;}
.news .design .design-l .sumy p{font-size: 16px;}
.news-box-js .ser-top .sumy .txt p{font-size: 16px;}
.news .news-box-js .news-show li .txt p{font-size: 16px;}
.jz-qual-js1 a:hover .pic .con h6{font-size: 16px;}
.news-box-js .ser-top .sumy h6{font-size: 22px;}
.news .design .design-l h6{font-size: 22px;}
.news .design #video{
	width: 100%;
	height:350px;}
	.news .news-box-js .news-show li{width: calc(33.3% - 40px);margin-right:60px;}		
}
@media only screen and (max-width:1300px) {
.news-box-js .ser-top .sumy .txt p{font-size: 15px;}
.news .news-box-js .news-show li .txt p{font-size: 15px;}
.jz-qual-js1 a:hover .pic .con h6{font-size: 15px;}
.news .design .design-l .sumy p{font-size: 15px;}
.jz-qual-js1 a .pic .con .price{font-size: 15px;}
.jz-qual-js1 a .pic .con .mores{font-size: 15px;}
.news-box-js .ser-top .sumy h6{font-size: 20px;}
.news .design .design-l h6{font-size: 20px;}
.news .design #video{
	width: 100%;
	height:280px;}
	
.news .news-box-js .news-show li{width: calc(33.3% - 30px);margin-right: 40px;}	
	
	
}


@media only screen and (max-width: 1200px) {
.news-box-js .ser-top .sumy .txt p{font-size: 14px;}
.news .news-box-js .news-show li .txt p{font-size: 14px;}
.jz-qual-js1 a:hover .pic .con h6{font-size: 15px;}
.news .design .design-l .sumy p{font-size: 14px;}
}