@charset "utf-8";
/*----------------公共部分----------------*/
html{overflow-x:hidden; overflow-y:auto;}
body{ background-repeat:no-repeat; background-position:left top; position:relative;}
body, li, ul, ol, dl, dt, dd, form, input, textarea, h1, h2, h3, h4, h5, h6, p,select{ margin: 0px; padding: 0px; list-style-type:none; font-size: 12px; /*解决ie6缓动*/ background-attachment: fixed; font:12px/1.5 tahoma,arial,"Microsoft YaHei";outline: 0 none; color:#333;}
em,i{font-style:normal;}
a{color:#333;}
a{text-decoration:none;}
*{margin:0px; padding:0px;outline: none !important;}
.view{z-index: 1;position: absolute;}
.horizontal .view{position:relative; float:left;}
.vertical .view{position:relative;}
.view_contents{position:relative; width:100%; margin:0 auto; padding:0; z-index:10; height:100%; overflow: hidden;}
.layout{ position: relative; width: 100%; margin: 0px auto; padding: 0px; z-index: 1;}
.layout > .view_contents{ /*overflow: visible;*/ cursor:default;}
/*流布局*/
.flow .view_contents > .view{float: left;}
.clear { clear: both; }
/*苹果去除样式*/
select,input[type='button'],input[type="reset"],input[type='submit'],input[type='text'],input[type="password"],input[name='query'],input[name='d']{-webkit-appearance: none; border-radius:0px}
input:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only;}

/*模块分页*/
.page_btn{clear: both; margin-top: 20px; width: 100%; text-align: center;}
.page_btn a{display: inline-block; color: #333; box-sizing: border-box; margin: 0 5px; width: 24px; height: 24px; line-height: 24px; border: 1px solid #ccc; font-family: 'microsoft YaHei';}
.page_btn a.cur,.page_btn a:hover{border:1px solid #4c4c4c;}
.prev_btn,.next_btn{font-family: '黑体' !important; border: 0 !important;}
.no_page{border: 0 !important;}
@media screen and (max-width:768px){
/*分页*/
.page_btn a:nth-child(n+5){display: none;}
.page_btn a:nth-last-child(1),.page_btn a:nth-last-child(2),.page_btn a:nth-last-child(3){display: inline-block !important;}
}

/*图片放大样式*/
.imgBox{position: fixed; z-index: 9999; background-color: rgba(0, 0, 0, 0.4); top: 0; left: 0; width: 100%; height: 100%;}
.imgBox img{ position: absolute; width: auto; max-width: 80%; /*max-height: 65%;*/ border: 20px solid #fff;top: 40%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); box-shadow: 0 0 10px rgba(0,0,0,.3);}
.imgBox.scroll{overflow-y:scroll;overflow-x:hidden;}
.imgBox.scroll::-webkit-scrollbar {width: 6px; height: 6px; background: rgba(0,0,0,.05);}
.imgBox.scroll::-webkit-scrollbar{width: 6px; height: 6px; background: rgba(0,0,0,.02);}
.imgBox.scroll::-webkit-scrollbar-button{background: #f7f7f7; height: 0;}
.imgBox.scroll::-webkit-scrollbar-corner{background: rgba(0,0,0,.05);}
.imgBox.scroll::-webkit-scrollbar-thumb{background: rgba(255,255,255,.7); border-radius: 3px;}

.imgBox.scroll img{top:5%; margin-bottom: 5%; transform: translate(-50%,0%); -webkit-transform: translate(-50%,0%); -moz-transform: translate(-50%,0%); -o-transform: translate(-50%,0%);}
.pos_fixed{position: fixed; width: 100%;}
.imageButton{position: fixed; bottom: 15%; left: 50%; 
	-webkit-transform: translateX(-50%); 
	-moz-transform: translateX(-50%); 
	-ms-transform: translateX(-50%); 
	-o-transform: translateX(-50%); 
	transform: translateX(-50%); 
}
.imageButton span{display: inline-block; cursor:pointer; box-shadow: 0 0 6px rgba(0,0,0,.2);
	-webkit-transition: all ease .2s; 
	-moz-transition: all ease .2s; 
	-ms-transition: all ease .2s;
	-o-transition: all ease .2s; 
	transition: all ease .2s; 
}
.imageButton span:hover{opacity: .8;}
.imageButton span.closeShowPic{ font-size: 40px; border-radius: 100%;font-family: serif; line-height: 1; background-color: #fff; padding: .2em; text-align: center;}
@media screen and (max-width: 768px){/*mobi*/
	.imgBox img{border-width: 10px;}
	.imgBox.scroll img{top:5%; margin-bottom: 10vh;}
}

body{ background-position:left top; }


 #image_style_01_1540380017427{width:16.666666666666664%;height:200px;position:absolute;left:41.66666666666667%;top:32px;}   @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1540380017427{width:20.833333333333336%;height:200px;left:39.58333333333333%;top:32px;}}   @media screen and (max-width:640px) {#image_style_01_1540380017427{width:160px;height:45px;top:10px;left:calc(50% - 80px);}} #image_style_01_1540380017427 > .view_contents{overflow:visible;}  #comm_layout_header{height:300px;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{height:65px;}} 


 #banner_style_01_1540386271033{width:100%;height:500px;position:absolute;left:0%;top:47px;}   @media screen and (min-width:641px) and (max-width:1200px) {#banner_style_01_1540386271033{width:100%;height:300px;left:0%;top:47px;}}   @media screen and (max-width:640px) {#banner_style_01_1540386271033{width:100%;height:180px;top:0%;left:0%;}}  #layout_1540386266689{height:300px;}   @media screen and (min-width:641px) and (max-width:1200px) {#layout_1540386266689{}}   @media screen and (max-width:640px) {#layout_1540386266689{height:180px;}} #layout_1540386266689 > .view_contents{overflow:visible;max-width:1200px;} 
 #layout_1540386292398{height:300px;}   @media screen and (min-width:641px) and (max-width:1200px) {#layout_1540386292398{}}   @media screen and (max-width:640px) {#layout_1540386292398{height:20px;}} #layout_1540386292398 > .view_contents{overflow:visible;max-width:1200px;} 


 #prodInfor_style_01_1509344051891{width:600px;left:29.166666666666664%;top:402px;position:absolute;}   @media screen and (min-width:641px) and (max-width:1200px) {#prodInfor_style_01_1509344051891{width:600px;left:18.75%;top:402px;}}   @media screen and (max-width:640px) {#prodInfor_style_01_1509344051891{width:100%;left:0%;top:300px;}} #prodInfor_style_01_1509344051891 > .view_contents{overflow:visible;}  @media screen and (max-width:640px) { #prodInfor_style_01_1509344051891 .buyTProSet {background:#0068b7;}} @media screen and (max-width:640px) { #prodInfor_style_01_1509344051891 .titProSet {color:#0068b7;font-weight:bold;}}

 #prodPic_style_01_1509344035217{width:27.77777777777778%;height:350px;position:absolute;left:36.111111111111114%;top:406px;}   @media screen and (min-width:641px) and (max-width:1200px) {#prodPic_style_01_1509344035217{width:41.66666666666667%;height:300px;left:29.166666666666664%;top:406px;}}   @media screen and (max-width:640px) {#prodPic_style_01_1509344035217{width:100%;height:300px;top:0px;left:0%;}}  #layout_1508931821326{}   @media screen and (min-width:641px) and (max-width:1200px) {#layout_1508931821326{}}   @media screen and (max-width:640px) {#layout_1508931821326{height:512px;}} #layout_1508931821326 > .view_contents{overflow:visible;} 


 #customDetail_style_prodDetail_01_1509344061893{width:33.33333333333333%;position:absolute;left:33.333333333333336%;top:107px;}   @media screen and (min-width:641px) and (max-width:1200px) {#customDetail_style_prodDetail_01_1509344061893{width:41.66666666666667%;left:29.166666666666664%;top:107px;}}   @media screen and (max-width:640px) {#customDetail_style_prodDetail_01_1509344061893{width:94%;top:0px;left:3%;}}  #layout_1509344025729{height:300px;}   @media screen and (min-width:641px) and (max-width:1200px) {#layout_1509344025729{}}   @media screen and (max-width:640px) {#layout_1509344025729{height:42px;}} #layout_1509344025729 > .view_contents{overflow:visible;max-width:1200px;} 
 #layout_1540386348460{height:300px;}   @media screen and (min-width:641px) and (max-width:1200px) {#layout_1540386348460{}}   @media screen and (max-width:640px) {#layout_1540386348460{height:20px;}} #layout_1540386348460 > .view_contents{overflow:visible;max-width:1200px;} 
/*产品名称样式*/
.prodetail_1{font-size:14px; color:#555; line-height:1.4; text-align:left; padding:.4em 0; width:100%;}
.prodetail_1 img{max-width:100% !important;  height:auto !important;}



@media screen and (max-width:767px){
.prodetail_1{font-size:12px; }
.proDetailStyle_1 img{width:100% !important; height:auto !important;}
}



	#image_style_01_1540380017427 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1540380017427 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1540380017427 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}

{width: 100%;}

.imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;}
.imgStyle>a{overflow: hidden; width: 100%; height: 100%;}
.imgStyle img{box-sizing: border-box;}

/* banner样式 */

.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%; text-align:center; }

.bannerStyle_1 div.flicking_con a{  background:none; display:inline-block; box-sizing:border-box;}
.bannerStyle_1 div.flicking_con a .dot{margin:0 3px; padding:5px; border:1px solid white; border-radius:100% ;}
.bannerStyle_1 div.flicking_con a.oncur .dot{background:white; border-color:white;}

/* 左右按钮 */
.bannerStyle_1 .btn_prev,.bannerStyle_1 .btn_next{z-index:11111; position:absolute; width:73px; height:74px; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display:none; }
.bannerStyle_1 .btn_prev{background:url(../img/banner/style_01/hover_left.png) no-repeat left top; left:20px; background-size: 80%;}
.bannerStyle_1 .btn_next{background:url(../img/banner/style_01/hover_right.png) no-repeat right top; right:20px; background-size: 80%;}

/* 遮罩面板 */
.bannerStyle_1 .ground_glass{display:none; position:absolute; top:0; left:0; opacity:0; width:100%; height:100%; z-index:998; background-color:#fff;}


/* 默认 动画效果 */
.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:auto 100% !important;}
.bannerStyle_1 .main_image .img-item a{display:block; width:100%; height:100%; overflow: hidden;}


            #banner_style_01_1540386271033 .bannerStyle_1 .main_image .img-item .img_0{background: url('../img/upimages/wximg/banner1.jpg') center top no-repeat;background-size:auto 100% !important;}
                #banner_style_01_1540386271033 .bannerStyle_1 .main_image .img-item .img_1{background: url('../img/upimages/wximg/banner2.jpg') center top no-repeat;background-size:auto 100% !important;}
                #banner_style_01_1540386271033 .bannerStyle_1 .ground_glass{}
    .proInfoStyle04{position: relative;overflow: hidden;font-family: "Microsoft YaHei";}
.proInfoStyle04 .proInfo_title .prodName{margin:0;color: #000;font-size: 32px;font-weight: normal;border-bottom: 1px solid #dbdbdb;line-height:1.4;padding: 15px 0;}
.proInfoStyle04 .proInfo_title .proBrief{color: #333;font-size: 16px;margin: 15px 0;}
.proInfoStyle04 .proInfo_parameter p,.proInfoStyle04 .proInfo_prop p{color: #222;font-size: 16px;line-height:35px;}
.proInfoStyle04 .probuy{padding:35px 0 10px 0;margin-top: 15px;clear: both;}
.proInfoStyle04 .probuy .Consultation{border: 0;background: transparent;border-radius:4px;font-size: 20px;font-family: "Microsoft YaHei";cursor: pointer;}
.proInfoStyle04 .probuy .btn1{width:40%;line-height:50px;margin-right: 10px;background: #ef001d;color:#fff;}
.proInfoStyle04 .probuy .btn2{width: 30%;line-height: 50px;border: 1px solid #ef001d;color: #ef001d;}
.proInfoStyle04 .other-link ul{width: 100%;}
.proInfoStyle04 .other-link ul li{float: left;margin-right: 10px;line-height: 35px;cursor: pointer;}
.proInfoStyle04 .other-link ul li:nth-of-type(1) i{background: url(../img/prodInfor/style_04/scBg.png) no-repeat center;background-size: 100%;padding:8px;margin-right: 10px;}
.proInfoStyle04 .other-link ul li:nth-of-type(2) i{background: url(../img/prodInfor/style_04/shareBg.png) no-repeat center;background-size: 100%;padding:10px;margin-right: 10px;}
.proInfoStyle04 .proInfo_prop .prop.insidediv.sys_item_specpara{width: 100%;overflow: hidden;}
.proInfoStyle04 .proInfo_prop .prop_Ttile{float: left;height: 40px;line-height: 40px;margin-right: 10px;color: #888;}
.proInfoStyle04 .proInfo_prop .sys_spec_text{width:75%;float: left;}
.proInfoStyle04 .proInfo_prop .sys_spec_text li{float: left;padding: 0 2%;height: 40px;line-height: 40px;}
.proInfoStyle04 .proInfo_prop .colorimg li span{display: block;width: 20px;height: 15px;margin-top: 12.5px;border: 1px solid #eee;}
.proInfoStyle04 .proInfo_prop .colorimg li span:hover{display: block;width: 20px;height: 15px;margin-top: 12.5px;border: 1px solid red;}
.proInfoStyle04 .proInfo_prop .prop li.selected a span{color: #F40;border: 1px solid #F40;}

@media screen and  (max-width: 481px){
    .proInfoStyle04 .proInfo_title .prodName{font-size: 18px;}
    .proInfoStyle04 .proInfo_title .proBrief{font-size: 14px;}
    .proInfoStyle04 .probuy .btn1{width: 100%;line-height: 40px;font-size: 16px;}
    .proInfoStyle04{padding: 10px;}
}
	
/*banner样式*/
.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 .main_image ul{width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0}
.bannerStyle_1 .main_image li{float:left; width:100%; height:100%; }
.bannerStyle_1 .main_image li span{display:block; width:100%; height:100%; background-size:cover !important;}
.bannerStyle_1 .main_image li a{display:block; width:100%; height:100%}
.bannerStyle_1 .main_image li .img_1{background:url(../img/prodPic/style_01/img.jpg) center top no-repeat}
.bannerStyle_1 .main_image li .img_2{background:url(../img/prodPic/style_01/img.jpg) center top no-repeat}
.bannerStyle_1 .main_image li .img_3{background:url(../img/prodPic/style_01/img.jpg) center top no-repeat}
.bannerStyle_1 .main_image li .img_4{background:url(../img/prodPic/style_01/img.jpg) center top no-repeat}


.bannerStyle_1 div.flicking_con{position:absolute; bottom:20px; left:0; z-index:999; width:100%; height:14px; text-align:center; }
.bannerStyle_1 div.flicking_con a{width:10px; height:10px; padding:0; border:1px solid #fff; display:inline-block; box-sizing:border-box; margin:0 3px; border-radius:100%; }
.bannerStyle_1 div.flicking_con a.on{background:none; border:1px solid #fff;background:#ccc;}
.bannerStyle_1 #btn_prev,.bannerStyle_1 #btn_next{z-index:11111; position:absolute; display:block; width:73px!important; height:74px!important; top:50%; margin-top:-37px; display:none; }
.bannerStyle_1 #btn_prev{background:url(../img/prodPic/style_01/hover_left.png) no-repeat left top; left:20px; }
.bannerStyle_1 #btn_next{background:url(../img/prodPic/style_01/hover_right.png) no-repeat right top; right:20px; }/*产品名称样式*/
.prodetail_1{font-size:14px; color:#555; line-height:1.4; text-align:left; padding:.4em 0; width:100%;}
.prodetail_1 img{max-width:100% !important;  height:auto !important;}



@media screen and (max-width:767px){
.prodetail_1{font-size:12px; }
.proDetailStyle_1 img{width:100% !important; height:auto !important;}
}


#customDetail_style_prodDetail_01_1509344061893{height:auto;}

				.bottomMenu{width: 100%; box-sizing:border-box; display: none;position:fixed;bottom:0;z-index:999999}
				.bottomMenu ul{width:100%; height: 40px; padding:6px 0; background-color: #fff; border-top: 1px solid #ddd; box-shadow: 0 0px 6px rgba(0,0,0,.1); display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
				.bottomMenu ul li{position:relative; box-sizing: border-box; -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
				.bottomMenu ul li .menuItem{position: relative;}
				.bottomMenu ul li .menuIco{width: 26px; height: 26px; overflow: hidden; margin: auto;}
				.bottomMenu ul li .menuIco img{width: 100%;}
				.bottomMenu ul li .menuName{font-size: 12px; white-space: nowrap; margin: auto; text-align: center; color: #333; line-height: 18px;}
				.bottomMenu ul li .submenuItems{position: absolute; bottom: 48px; z-index:999999; width: 100%; text-align: center; border: 1px solid #ddd; background-color: #fff; box-shadow: 0 0px 6px rgba(0,0,0,.1);}
				.bottomMenu ul li .submenuItems a{display: block; height: 36px; line-height: 36px; font-size: 12px; color: #333; border-bottom: 1px solid #ddd;}
				@media screen and (max-width:767px) {
					.bottomMenu{display: block;}
					body{padding-bottom:55px;}
				}