@charset "utf-8";



.clear{clear:both}
body{width:100%;position:absolute;left:0;top:0;min-width:1600px;overflow-x:hidden}

#banner{
	height:1000px;
	overflow: hidden;
}
#banner .layout{width:1600px;margin:0 auto;position:relative}
#banner .z9999{z-index:9999!important}
#banner .hide{display:none}
#banner .web_main{overflow:hidden}
#banner .index_main{background-color:#f5f5f5}
#banner .slide-page-box{display:none}
#banner .side-product-items .swiper-slide{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}
#banner .side-product-items .side_slider{max-height:360px;overflow:hidden;-webkit-box-sizing:content-box;box-sizing:content-box;position:relative}
#banner .side-product-items .side_slider .swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
#banner .aside .side-bn{width:100%;margin:0 0 40px}
#banner .aside .side-bn img{width:100%}



#banner .main{max-width:1200px;margin:0 auto;position:relative;padding-bottom:50px}


#banner .slider_banner{position:relative;overflow:hidden}
#banner .swiper-container-no-flexbox .swiper-slide{float:left}
#banner .swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
#banner .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
#banner .swiper-container-android .swiper-slide,#banner .swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
#banner .swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
#banner .swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
#banner .swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;overflow:hidden;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}
#banner .swiper-invisible-blank-slide{visibility:hidden}
#banner .swiper-container-autoheight,#banner .swiper-container-autoheight .swiper-slide{height:auto}
#banner .swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}
#banner .swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}
#banner .swiper-container-3d .swiper-cube-shadow,#banner .swiper-container-3d .swiper-slide,#banner .swiper-container-3d .swiper-slide-shadow-bottom,#banner .swiper-container-3d .swiper-slide-shadow-left,#banner .swiper-container-3d .swiper-slide-shadow-right,#banner .swiper-container-3d .swiper-slide-shadow-top,#banner .swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}

#banner .swiper-container-3d .swiper-slide-shadow-bottom,#banner .swiper-container-3d .swiper-slide-shadow-left,#banner .swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
#banner .swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
#banner .swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
#banner .swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
#banner .swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
#banner .swiper-container-wp8-horizontal,#banner .swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}
#banner .swiper-container-wp8-vertical,#banner .swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:55px;height:55px;line-height:55px;text-align:center;margin-top:-27px;z-index:2;cursor:pointer;opacity:0;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;font-size:30px;background-color:#fff;border-radius:2px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
#banner .swiper-container:hover .swiper-button-next,#banner .swiper-container:hover .swiper-button-prev{}
#banner .swiper-container:hover .swiper-button-prev{left:65px}
#banner .swiper-container:hover .swiper-button-next{right:65px}
#banner .swiper-button-next.swiper-button-disabled,#banner .swiper-button-prev.swiper-button-disabled{cursor:auto;opacity:0.3}
#banner .swiper-button-prev,#banner .swiper-container-rtl .swiper-button-next{left:10px;right:auto}
#banner .swiper-button-next,#banner .swiper-container-rtl .swiper-button-prev{background-size:cover;right:10px;left:auto}
#banner .swiper-button-prev:before,#banner .swiper-container-rtl .swiper-button-next:before{content:'<'}
#banner .swiper-button-prev:before,#banner .swiper-button-next:before{display:inline-block;vertical-align:top;font-family:'AkzidenzGrotesk-Regular';font-weight:bold;-webkit-transform:scale(.35,1);-ms-transform:scale(.35,1);-o-transform:scale(.35,1);transform:scale(.35,1)}
#banner .swiper-button-next:before,#banner .swiper-container-rtl .swiper-button-prev:before{content:'>'}
#banner .swiper-button-lock{display:none}
#banner .swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:3}
#banner .swiper-pagination.swiper-pagination-hidden{opacity:0}
#banner .swiper-container-horizontal>.swiper-pagination-bullets,#banner .swiper-pagination-custom,#banner .swiper-pagination-fraction{bottom:10px;left:0;width:100%}
#banner .swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}
#banner .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}
#banner .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
#banner .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
#banner .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}
#banner .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}

#banner .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}
#banner .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}
#banner .swiper-pagination-bullet{width:12px;height:12px;display:inline-block;vertical-align:middle;border:0px solid rgba(255,255,255,0);background-color:#eee;border-radius:50%;margin:0 5px;background-clip:content-box}
#banner .swiper-pagination-bullet-active{background-color:#eb7619;border-color:#eb7619;opacity:1;filter:alpha(opacity=100)}
#banner .swiper-button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
#banner .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
#banner .swiper-pagination-white .swiper-pagination-bullet{opacity:.7;filter:alpha(opacity=70)}
#banner .swiper-pagination-white .swiper-pagination-bullet-active{opacity:1;filter:alpha(opacity=100)}
#banner .swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
#banner .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}
#banner .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}
#banner .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.3s -webkit-transform;transition:.2s top,.3s -webkit-transform;-o-transition:.2s transform,.3s top;transition:.2s transform,.3s top;transition:.2s transform,.3s top,.3s -webkit-transform}
#banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}
#banner .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}
#banner .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.3s -webkit-transform;transition:.2s left,.3s -webkit-transform;-o-transition:.2s transform,.3s left;transition:.2s transform,.3s left;transition:.2s transform,.3s left,.3s -webkit-transform}
#banner .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.3s -webkit-transform;transition:.2s right,.3s -webkit-transform;-o-transition:.2s transform,.3s right;transition:.2s transform,.3s right;transition:.2s transform,.3s right,.3s -webkit-transform}
#banner .swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}
#banner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}
#banner .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}
#banner .swiper-container-horizontal{overflow:hidden}
#banner .swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0}
#banner .swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}
#banner .swiper-pagination-white .swiper-pagination-bullet:before{background-color:rgba(0,0,0,.9)}
#banner .swiper-pagination-white .swiper-pagination-bullet-active:before{background-color:rgba(255,255,255,.9)}
#banner .swiper-pagination-black .swiper-pagination-bullet-active{background:#000}
#banner .swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}
#banner .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}
#banner .swiper-pagination-lock{display:none}
#banner .swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}
#banner .swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
#banner .swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
#banner .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}
#banner .swiper-scrollbar-cursor-drag{cursor:move}
#banner .swiper-scrollbar-lock{display:none}
#banner .swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}
#banner .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}
#banner .swiper-slide-zoomed{cursor:move}



@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

#banner .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
#banner .swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}
#banner .swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}
#banner .swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}
#banner .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
#banner .swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}




#banner .slider_banner .swiper-button-prev,.slider_banner .swiper-button-next{width:30px;height:50px;line-height:50px;margin-top:-25px;color:#fff;background-color:rgba(0,0,0,.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);font-size:30px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;opacity:0;filter:alpha(opacity=0)}
#banner .slider_banner .swiper-button-prev:before,.slider_banner .swiper-button-next:before{display:inline-block;-webkit-transform:scale(.4,1);-ms-transform:scale(.4,1);-o-transform:scale(.4,1);transform:scale(.4,1)}
#banner .slider_banner .swiper-button-prev:hover,.slider_banner .swiper-button-next:hover{background-color:#ccc}
#banner .slider_banner .slider_swiper_btns{width:100%;position:absolute;left:0;top:50%}
#banner .slider_banner:hover .swiper-button-prev,.slider_banner:hover .swiper-button-next{opacity:1;filter:alpha(opacity=100)}
#banner .slider_banner .swiper-button-prev{left:0}
#banner .slider_banner .swiper-button-next{right:0}
#banner .slider_banner .swiper-pagination{width:100%;text-align:center;left:0;bottom:20px}
#banner .slider_banner .swiper-pagination .swiper-pagination-bullet{width:auto;height:auto;margin:0 8px;border-radius:0;padding:8px 0;background:none}
#banner .slider_banner .swiper-pagination .swiper-pagination-bullet:before{content:'';display:block;width:32px;height:6px;background-color:rgba(255,255,255,.9)}
#banner .slider_banner .swiper-pagination .swiper-pagination-bullet-active:before{background-color:#eb7619}
#banner .slider_banner .swiper-slide img{width:100%}
#banner .slider_banner .swiper-slide img+img{position:absolute;left:0;top:0}
#banner .slider_banner .swiper-slide img{width:100%;transition:3s linear;transform:scale(1.08)}
#banner .slider_banner .swiper-slide.swiper-slide-active img{transform:scale(1)}
#banner .slider_banner .swiper-pagination-bullet{margin:0 8px}
#banner .slider_banner:hover .swiper-button-prev{left:-40px}
#banner .slider_banner:hover .swiper-button-next{right:-40px}


#banner .swiper-container{overflow:hidden\9}
#banner .swiper-container .swiper-wrapper{width:20000%\9}
#banner .swiper-slide{float:left\9}

.sydhcd{
	width:230px;
	text-align: center;
	padding-top: 30px;
	position: relative;
	z-index: 99;
	top: -960px;
	left:80%;
	
}
.sydhcd img{ width:100%; }