@charset "utf-8";


.main{max-width:1920px; margin: 0 auto;}
.banner{ overflow:hidden;text-align:center;position:relative;}
.banner a{ display:block;}
.banner img{ max-width:100%;}
.banner .bx-wrapper .bx-pager.bx-default-pager a{background:#fff;opacity:0.7; *filter:alpha(opacity=70); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .banner .bx-wrapper .bx-pager.bx-default-pager a.active{background:#f60;opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.banner .bx-wrapper .bx-prev,.banner .bx-wrapper .bx-next{width:40px; height:60px; top:50%; margin-top:-30px; background:url(/css/../images/slide_bPc.png) no-repeat; visibility:hidden;}
.banner:hover .bx-wrapper .bx-prev,.banner:hover .bx-wrapper .bx-next{ visibility:visible;}
.banner .bx-wrapper .bx-prev{ left:50px; background-position:0 0;}
.banner .bx-wrapper .bx-next{right:50px; background-position:-40px 0;}
/*---------------banner PC-------------------*/
.bannerPc{ text-align:center;}
.bannerPc ul,.bannerPc li{ margin:0; padding:0; list-style:none;}
.bannerPc a{ display:block;}
.bannerPc img{ max-width:100%; vertical-align:middle;}

.banner-swiper1{ background:#212121;}
.banner-swiper1 .swiper-slide.swiper-slide-prev,.banner-swiper1 .swiper-slide.swiper-slide-next{ opacity:0.5;}
.banner-swiper .swiper-pagination-bullets{ bottom:20px !important;}
.banner-swiper .swiper-pagination-bullet{ width:1em; height:2px; background:#fff; opacity:0.5; box-sizing:border-box; border-radius:0; -webkit-border-radius:0; vertical-align:middle;}
.banner-swiper .swiper-pagination-bullet-active{width:1em; height:1em; border:2px solid #fff; background:none; opacity:1;border-radius:50%; -webkit-border-radius:50%;}
.swiper-container-cube .swiper-cube-shadow{ display:none;}
.banner-swiper .swiper-button-prev,.banner-swiper .swiper-button-next{width:40px; height:60px; top:50%; margin-top:-30px; background:url(/css/../images/slide_bPc.png) no-repeat; visibility:hidden;}
.banner-swiper:hover .swiper-button-prev,.banner-swiper:hover .swiper-button-next{ visibility:visible;}
.banner-swiper .swiper-button-prev{ left:50px; background-position:0 0;}
.banner-swiper .swiper-button-next{ right:50px; background-position:-40px 0;}
.banner-swiper2  .swiper-slide {width: 65%;box-shadow: 0 8px 30px rgba(255,255,255,0.2);}
.banner-swiper3 .preview{background:#212121}
.banner-swiper3 .preview li{ /*width:20%;*/ cursor:pointer; opacity:0.4;  }
.banner-swiper3 .preview li img{ width:100%; height:100%; max-height:120px;}
.banner-swiper3 .preview li.active-nav{ opacity:1;}

.banner-osSlider{ margin:0 auto;}
.banner-osSlider .slider-btn-prev,.banner-osSlider .slider-btn-next{ position:absolute; z-index:99; cursor:pointer;width:40px; height:60px; top:50%; margin-top:-30px; background:url(/css/../images/slide_bPc.png) no-repeat; text-indent:-9999px; overflow:hidden; visibility:hidden;}
.banner-osSlider:hover .slider-btn-prev,.banner-osSlider:hover .slider-btn-next{ visibility:visible;}
.banner-osSlider .slider-btn-prev{left:50px; background-position:0 0;}
.banner-osSlider .slider-btn-next{right:50px; background-position:-40px 0;}
.banner-osSlider .slider-nav{position:absolute; z-index:99; left:0; right:0; bottom:20px; text-align:center;}
.banner-osSlider .slider-nav li{ display:inline-block; width:1em; height:2px; cursor:pointer; background:#fff; opacity:0.5; box-sizing:border-box; border-radius:0; -webkit-border-radius:0; vertical-align:middle; text-indent:-9999px; overflow:hidden; margin:0 5px;}
.banner-osSlider .slider-nav li.active{width:1em; height:1em; border:2px solid #fff; background:none; opacity:1;border-radius:50%; -webkit-border-radius:50%;}
.banner-osSlider .cvNode img{ max-width:none; }

.banner-ccslide .control-links{position:absolute; z-index:99; left:0; right:0;top:auto; bottom:20px; text-align:center;}
.banner-ccslide .control-links li{ display:inline-block; width:1em; height:2px; cursor:pointer; background:#fff; opacity:0.5; box-sizing:border-box; border-radius:0; -webkit-border-radius:0; vertical-align:middle; text-indent:-9999px; overflow:hidden; margin:0 5px;}
.banner-ccslide .control-links li.active{width:1em; height:1em; border:2px solid #fff; background:none; opacity:1;border-radius:50%; -webkit-border-radius:50%;}
.banner-ccslide .slider-nav.prev,.banner-ccslide .slider-nav.next{ position:absolute;width:40px; height:60px; top:50%; margin-top:-30px; background:url(/css/../images/slide_bPc.png) no-repeat; text-indent:-9999px; overflow:hidden; visibility:hidden;}
.banner-ccslide:hover .slider-nav.prev,.banner-ccslide:hover .slider-nav.next{ visibility:visible;}
.banner-ccslide .slider-nav.prev{left:50px; background-position:0 0;}
.banner-ccslide .slider-nav.next{right:50px; background-position:-40px 0;}
.banner-ccslide .shadow{ display:none;}
.banner-ccslide .slider-link{ width:100%; height:100%;}

.banner-html5zoo{ /*overflow:hidden;*/}
.banner-html5zoo .html5zoo-arrow-left-0,.banner-html5zoo .html5zoo-arrow-right-0{width:40px !important; height:60px !important; top:50% !important; margin-top:-30px !important; background:url(/css/../images/slide_bPc.png) no-repeat !important;display:block !important; visibility:hidden;}
.banner-html5zoo:hover .html5zoo-arrow-left-0,.banner-html5zoo:hover .html5zoo-arrow-right-0{ visibility:visible;}
.banner-html5zoo .html5zoo-arrow-left-0{left:50px !important; background-position:0 0 !important;}
.banner-html5zoo .html5zoo-arrow-right-0{right:50px !important; background-position:-40px 0 !important;}
.banner-html5zoo .html5zoo-arrow-left-1,.banner-html5zoo .html5zoo-arrow-right-1{width:40px !important; height:60px !important; top:50% !important; margin-top:-30px !important; background:url(/css/../images/slide_bPc.png) no-repeat !important;display:block !important; visibility:hidden;}
.banner-html5zoo:hover .html5zoo-arrow-left-1,.banner-html5zoo:hover .html5zoo-arrow-right-1{ visibility:visible;}
.banner-html5zoo .html5zoo-arrow-left-1{left:50px !important; background-position:0 0 !important;}
.banner-html5zoo .html5zoo-arrow-right-1{right:50px !important; background-position:-40px 0 !important;}
.banner-html5zoo .html5zoo-nav{ text-align:center;}
.banner-html5zoo .html5zoo-bullet-span{ width:1em !important; height:2px !important; float:none !important; display:inline-block; background:#fff !important; opacity:0.5; box-sizing:border-box; border-radius:0; -webkit-border-radius:0; margin:0 5px !important; vertical-align:middle;}
.banner-html5zoo .html5zoo-bullet-span.active{width:1em !important; height:1em !important; border:2px solid #fff; background:none !important; opacity:1;border-radius:50%; -webkit-border-radius:50%;}




.chanpin{ width:357px; height:436px; float: left; margin-right:22px; background-color: aqua }

.box1 ul li { float: left; width: 357px; height: 436px; margin-top:80px; margin-left: 15px; list-style: none; position: relative; overflow: hidden; }
.box1 ul li .cover a {   }
.box1 ul li .cover a i { color: red; }
.box1 ul li .cover { width: 357px; height: 436px; background: rgba(255, 255, 255, 1); position: absolute; left: 0; top: 0;  color: #0d0101; transform-origin: right bottom; -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; }
.box1 ul li .cover p { margin: 12px auto; font-size: 16px; line-height: 2em; }
.box1 ul li:hover .cover { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); padding-top: 15px; padding-left: 15px; padding-right: 15px; }