/*----------------------电脑板式样式----------------------*/

/*----------------------平板板式样式----------------------*/
@media screen and (min-width:641px) and (max-width:1200px) {

}
/*----------------------手机板式样式----------------------*/
@media screen and (max-width:640px) {

#tab_style_03_1657511475494 #div_tab_style_03_1657511475494 .tab_li{display:inline-block;width:auto!important;padding:0 10px;box-sizing:border-box;}
}
body{ background-position:left top; }


 #banner_style_01_1663662875747{width:99.5%;height:318px;position:absolute;top:2px;left:0.4861106872558594%;}   @media screen and (min-width:641px) and (max-width:1200px) {#banner_style_01_1663662875747{}}   @media screen and (max-width:640px) {#banner_style_01_1663662875747{width:92%;height:300px;top:0px;left:4%;}}  #comm_layout_header{height:323px;z-index:99999;}   @media screen and (min-width:641px) and (max-width:1200px) {#comm_layout_header{}}   @media screen and (max-width:640px) {#comm_layout_header{}} #comm_layout_header > .view_contents{max-width:1200px;} 
 #layout_diy_1663662837{height:600px;}   @media screen and (min-width:641px) and (max-width:1200px) {#layout_diy_1663662837{height:600px;}}   @media screen and (max-width:640px) {#layout_diy_1663662837{height:600px;}} 
 #comm_layout_footer{height:300px;z-index:99999;}   @media screen and (min-width:641px) and (max-width:1200px) {#comm_layout_footer{}}   @media screen and (max-width:640px) {#comm_layout_footer{}} #comm_layout_footer > .view_contents{max-width:1200px;} 

            body, li, ul, ol, dl, dt, dd, form, input, textarea, h1, h2, h3, h4, h5, h6, p, select{ font-family: Arial; }
    	body{-ms-text-size-adjust: 100% !important;-webkit-text-size-adjust: 100% !important;text-size-adjust: 100% !important;}
.bannerStyle_1{width:100%; height:100%; position:relative;}
.bannerStyle_1 .main_visual{height:100%; overflow:hidden; position:relative; }
.bannerStyle_1 .main_image{height:100%; overflow:hidden; position:relative; }
.bannerStyle_1 div.flicking_con{position:absolute; bottom:20px; left:0; z-index:999; width:100%; height:14px; text-align:center; z-index: 105;}
.bannerStyle_1 div.flicking_con a{width:14px; height:14px; padding:0; background:none; border:1px solid white; display:inline-block; box-sizing:border-box; margin:0 3px; border-radius:100%; }
.bannerStyle_1 div.flicking_con a.on{background:white; border:0;}
.bannerStyle_1 .btn_prev,.bannerStyle_1 .btn_next{z-index:11111; position:absolute; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display:none;text-align: center;line-height: 1;font-size: 60px;color: #999;padding:0 20px;font-family: Arial;}
.bannerStyle_1 .btn_prev{left: 0;}
.bannerStyle_1 .btn_next{right:0;}
.bannerStyle_1 .arrowSet .awesome-font{display: none;}
.bannerStyle_1 .arrowSet .awesome-font:before{padding: 0 3px;box-sizing: border-box;}
.bannerStyle_1 .ground_glass{display:none; position:absolute; top:0; left:0; opacity:0; width:100%; height:100%; z-index:998; background-color:#fff;}
@media screen and  (min-width:326px) and (max-width:767px){
	.bannerStyle_1 div.flicking_con a{width: 9px; height: 9px;}
	.bannerStyle_1 .btn_prev,.bannerStyle_1 .btn_next{font-size: 36px;padding:0 12px;}
}
@media screen and  (max-width:640px){
	.bannerStyle_1 div.flicking_con a{width: 9px; height: 9px;}
}
.bannerStyle_1 .main_image .img-list{width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0}
.bannerStyle_1 .main_image .img-item{position:absolute; width:100%; height:100%; display:block; top:0;}
.bannerStyle_1 .main_image .img-item span{display:block; width:100%; height:100%; background-size:cover !important;}
.bannerStyle_1 .main_image .img-item a{display:block; width:100%; height:100%; overflow: hidden;box-sizing: border-box;}
.bannerStyle_1.rotate-3d .img-part{
	position: absolute;
	top: 0;
	width: calc(20% + 1px);
	height: 100%;
	background-color: #fff;
	transition: all .7s;
	transform-style: preserve-3d;
}
.bannerStyle_1.rotate-3d .img-part .img{
	width: 100%;
	height: 100%;
	position: absolute;
	background-size: 500% auto;
}
.bannerStyle_1.rotate-3d .img-part .img:nth-child(1){
	transform: rotateX(0deg) translateZ(150px);
}
.bannerStyle_1.rotate-3d .img-part .img:nth-child(2){
	transform: rotateX(-90deg) translateZ(150px);
}
.bannerStyle_1.rotate-3d .img-part .img:nth-child(3){
	transform: rotateX(-180deg) translateZ(150px);
}
.bannerStyle_1.rotate-3d .img-part .img:nth-child(4){
	transform: rotateX(-270deg) translateZ(150px);
}
.img_url{ position:absolute; width:100%; height:100%; left:0; top:0; display:block; z-index: 100;}

		                



            #banner_style_01_1663662875747 .bannerStyle_1 .main_image .img-item .img_0{background: url('/images/matLibrary/webImg/banner01_1.jpg') center top no-repeat;}
                #banner_style_01_1663662875747 .bannerStyle_1 .main_image .img-item .img_1{background: url('/images/matLibrary/webImg/banner01_1.png') center top no-repeat;}
                #banner_style_01_1663662875747 .bannerStyle_1 .main_image .img-item .img_2{background: url('/images/matLibrary/webImg/banner01_2.png') center top no-repeat;}
                #banner_style_01_1663662875747 .bannerStyle_1 .ground_glass{}
    

    #banner_style_01_1663662875747 .bannerStyle_1 .main_image .img-item span{background-size:100% 100%!important;}
    @media screen and (min-width:641px) and (max-width:1200px) {
    #banner_style_01_1663662875747 .bannerStyle_1 .main_image .img-item span{background-size:100% 100%!important;}    }
@media screen and (max-width:640px) {
    #banner_style_01_1663662875747 .bannerStyle_1 .main_image .img-item span{background-size:100% 100%!important;}    }
    #banner_style_01_1663662875747 .hide_img{ display: none;  width: 100%; vertical-align: top;}
    #banner_style_01_1663662875747 .bannerStyle_1 .main_image .img-item a{ position: relative; z-index: 10; }

        #banner_style_01_1663662875747 .main_image li img{width: 100%;height: 100%;}    @media screen and (min-width:641px) and (max-width:1200px) {
        #banner_style_01_1663662875747 .main_image li img{width: 100%;height: 100%;}    }
    @media screen and (max-width:640px) {
        #banner_style_01_1663662875747 .main_image li img{width: 100%;height: 100%;}    }