@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; }


 #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:375px;top:0px;left:0%;}} 

 #prodInfor_style_04_1509517786704{width:41.66666666666667%;position:absolute;left:29.166666666666664%;top:419px;}   @media screen and (min-width:641px) and (max-width:1200px) {#prodInfor_style_04_1509517786704{width:62.5%;left:18.75%;top:419px;}}   @media screen and (max-width:640px) {#prodInfor_style_04_1509517786704{width:100%;top:375px;left:0%;}} #prodInfor_style_04_1509517786704 > .view_contents{overflow:visible;}  @media screen and (max-width:640px) { #prodInfor_style_04_1509517786704 .buyTProSet {background:#03B3A2;}} #layout_1508931821326{}   @media screen and (min-width:641px) and (max-width:1200px) {#layout_1508931821326{}}   @media screen and (max-width:640px) {#layout_1508931821326{height:587px;}} #layout_1508931821326 > .view_contents{overflow:visible;} 
 #layout_1509517852952{height:300px;}   @media screen and (min-width:641px) and (max-width:1200px) {#layout_1509517852952{}}   @media screen and (max-width:640px) {#layout_1509517852952{height:18px;}} #layout_1509517852952 > .view_contents{overflow:visible;max-width:1200px;} 
/*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; }.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;}
}
				.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;}
				}