/**zsCMS主控响应式CSS**/
html,body{margin:0;padding:0;overflow-x:hidden;display:block;overflow:hidden}
html{overflow-y:scroll;}
body{}

html, body, div, span, object, iframe, i,
dl, dt, dd, ol, ul, li,address, big, cite, code,
del, dfn, font, img, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym,  ins, kbd, q, s, samp,
small, strike, sub, sup, tt,nav,
fieldset, form, label, legend{
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	vertical-align: baseline;
	-webkit-font-smoothing: antialiased; 
	text-rendering: optimizeLegibility;
	text-decoration: none;
	list-style: none;
	font-style:normal;
}

*{box-sizing:border-box;outline:0; letter-spacing:1px;}



input,select,textarea{appearance:none; -webkit-appearance:none; -moz-appearance:none;outline:none;}

a{text-decoration:none;transition:all ease 0.5s; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -o-transition:all ease 0.5s}
a:hover{}

.ease{transition:all ease 0.5s; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -o-transition:all ease 0.5s}

/**主色调*/
.darkbg{}
.lightbg{}
.text{}
.darktext{}

/*基本尺寸*/
.p16{padding:16px;}
.m16{margin:16px;}

.pt16{padding-top:16px;}
.mt16{margin-top:16px!important;margin-top:16px;}

.plr16{padding-left:16px;padding-right:16px;}
.mlr16{margin-left:16px;margin-right:16px}

.pb16{padding-bottom:16px;}
.mb16{margin-bottom:16px;}

.fleft{float:left;}
.fright{float:right}

.tleft{text-align:left;}
.tright{text-align:right}

.tcenter{text-align:center;}

.h300{height:300px;}
.h250{height:250px;}
.h240{height:240px;}
.h210{height:210px;}
.h200{height:200px;}
.h180{height:180px;}
.h120{height:120px;}
.h60{height:60px;}
.h60_2line{height:60px;line-height:30px;}

.font12{font-size:12px!important}

.textshort{text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word}

/**全屏宽内容*/
.full{}

/**主体内容宽度*/
.wrap{width:80%;margin:0 auto;max-width:1680px}


/*顶部*/
.top{margin:0 auto;height:180px;width:100%;}
.top .wrap{height:100%;display:block;overflow:hidden;position:relative;}
.top .wrap .topbanner{position:absolute;top:0;bottom:0;left:0;right:0;text-align: center;vertical-align: middle;z-index: 0}
.top .wrap .topbanner img{verical-align:middle}
.top .wrap .logo{height:100%; vertical-align:middle;float:left;line-height:170px;}
.top .wrap .logotext{font-size:24px;font-weight:bold}
.top .wrap .topmenu{height:50px; vertical-align:middle;float:right;top:60px;position:absolute;right:0px;}
.top .wrap .topmenu ul{list-style:none;padding:0;margin:0;}
.top .wrap .topmenu ul li{list-style:none;padding:0;margin:0;line-height:50px;display:inline-block;}
.top .wrap .topmenu ul li a{display:inline-block;padding-left:10px;padding-right:10px;}
/**移动端或小屏幕列表图标*/
.top .wrap .listicon{position:absolute;top:0;right:0;bottom:0;display:none; vertical-align:middle;line-height:50px; cursor:pointer}
.top .wrap .listicon img{ vertical-align:middle;display:inline;}

.top .wrap .logo >img{height:145px;margin-top:15px;}
.top .wrap .logo >a >img{height:145px;margin-top:15px;}

.toptip{height:40px;line-height:40px;}
.toptip .wrap{position:relative;height:100%;display:block}
.toptip .wrap .smalltext{position:absolute;right:0;top:0;bottom:0;}

.searchitem{display:inline-block;overflow:hidden; vertical-align:top;height:44px;position:relative;width:400px;}
.searchitem >input.q{display:block;border:none; -webkit-appearance:none;height:100%;width:100%;overflow:hidden;line-height:44px;font-size:14px;padding-left:25px;}
.searchitem >.search{display:block;border:none; -webkit-appearance:none;position:absolute;right:0;top:0;bottom:0;line-height:44px;padding-left:10px;padding-right:10px;font-size:14px;cursor:pointer}
.searchitem >dt{background:url(../image/searchgray.png) no-repeat 5px center;position:absolute;left:0;bottom:0;top:0;width:25px;}
@media only screen and (max-width: 800px)
{
	.top .wrap .topmenu ul li a{padding-left:6px;padding-right:6px;}
}
/**导航数据*/
.menudata ul{list-style:none;padding:0;margin:0;}
.menudata li{list-style:none;padding:0;margin:0;}

/**dt显示一个箭头*/
.menudata li.l1 > span >dt{position:absolute;right:16px;top:0;bottom:0;cursor:pointer;display:none;line-height:49px;}
.menudata li.l1 > span >dt img{vertical-align:middle;margin:0;display:inline-block}

.menudata li.l1 >a{display:block;height:100%;width:100%;padding-left:16px;padding-right:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word;position:relative}
.menudata li.l1 >span{display:block;height:100%;width:100%;padding-left:16px;padding-right:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word;position:relative}
.menudata li.l1 >ul{display:block;}
.menudata li.l1 >ul >li{ position:relative; }

.menudata li.l1 >ul >li >a{text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word;}
.menudata li.l1 >ul >li >span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word;}

.menudata li >ul li > a{display:inline-block;}
/**子菜单左边的箭头*/
.menudata li >ul li > img{vertical-align:middle;display:none;margin:0;padding:0;}

/*Mobile导航*/
.mnav{margin:0 auto;display:none;background:#fff;z-index: 100;}
.mnav >div{padding: 0px;}
.mnav >div >ul >li{list-style:none;padding:0;margin:0;}
.mnav >div >ul > li >a{display:block;height:40px;line-height:40px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word;cursor:pointer}
.mnav >div >ul > li >span{display:block;height:40px;line-height:40px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word;cursor:pointer;
	background:#efefef;padding-left:10px;padding-right:10px;
}
.mnav >div >ul >li >ul{display:block;padding-left:26px;overflow:hidden;height:0;}
.mnav >div >ul > li >ul >li >a{display:block;height:35px;line-height:35px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word;cursor:pointer}

.mnav >div >ul:before{display:block;content:' ';height:0;width:100%;clear:both}
.mnav >div >ul:after{display:block;content:' ';height:0;width:100%;clear:both}

.mnav >div >ul >li >ul >li{width:33%;overflow:hidden;float:left;display:block;}

@media only screen and (max-width: 800px)
{
	.mnav >div >ul >li >ul >li{width:49%;}
}
@media only screen and (max-width: 640px)
{
	.mnav >div >ul >li >ul >li{width:100%;float:none;}
}

/*PC导航*/
.pcnav{margin:0 auto;width:100%;}
.pcnav .wrap{height:66px;line-height:66px;position:relative}
.pcnav .wrap >ul{list-style:none;padding:0;margin:0;height:66px; vertical-align:top;position:absolute;top:0;left:0;}
.pcnav .wrap >ul >li{list-style:none;padding:0;margin:0;height:66px;display:block;float:left;position:relative;cursor:pointer; overflow:visible}
.pcnav .wrap >ul >li >a{display:block;height:100%;width:100%;padding-left:16px;padding-right:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word}
.pcnav .wrap >ul >li >span{display:block;height:100%;width:100%;padding-left:16px;padding-right:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word;}
.pcnav .wrap >ul >li >span >a{display:block;height:100%;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word}

.pcnav .wrap >ul >li >ul{display:block;position:absolute;top:66px;overflow:hidden;list-style:none;padding:0;margin:0;height:0;left:0;max-width:300px;z-index:100}
.pcnav .wrap >ul >li >ul >li{display:block;list-style:none;padding:0;margin:0;height:66px;line-height:66px;position:relative;overflow:visible;
	transition:all ease 0.5s; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -o-transition:all ease 0.5s}
.pcnav .wrap >ul >li >ul >li >a{display:block;height:100%;padding-left:16px;padding-right:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word}

.pcnav .wrap >ul >li >ul >li:hover{}

.pcnav .wrap >ul >li:hover{}
.pcnav .wrap >ul >li:hover a{}

.pcnav .wrap >ul >li.productmenuhead{width:240px;}
.pcnav .wrap >ul >li.productmenuhead >ul{max-width:300px;display:block}
.pcnav .wrap >ul >li.productmenuhead >ul >li{width:240px;display:block}

.pcnav .wrap >ul >li.productmenuhead >ul >li >span{display:block;height:100%;width:100%;padding-left:16px;padding-right:16px;}
.pcnav .wrap >ul >li.productmenuhead >ul >li >span >a{display:block;height:100%;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word}

.pcnav .wrap >ul >li.productmenuhead >ul >li >ul{position:absolute;display:block;left:100%;top:0px;display:none;min-width:200px;max-width:800px;}
.pcnav .wrap >ul >li.productmenuhead >ul >li >ul >li{height:44px;display:block;overflow:hidden;border-bottom:1px solid #fff;position:relative;line-height:44px;}
.pcnav .wrap >ul >li.productmenuhead >ul:hover{overflow:visible}
.pcnav .wrap >ul >li.productmenuhead >ul:hover >li:hover ul{display:block}
.pcnav .wrap >ul >li.productmenuhead >ul >li >ul >li a{padding-left:16px;padding-right:16px;display:block;height:100%;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word}

.pcnav .wrap .navtel,.scrollpcnav .wrap .navtel{position:absolute;right:0;top:0;bottom:0;}

/**Scroll PC nav*/
.scrollpcnav{position:fixed;top:-80px;left:0;right:0;z-index:100;transition:all ease 0.5s; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -o-transition:all ease 0.5s}
.scrollpcnav .wrap{height:60px;line-height:60px;position:relative;overflow:hidden}
.scrollpcnav .wrap >ul{list-style:none;padding:0;margin:0;height:60px; vertical-align:top;position:absolute;top:0;left:0;}
.scrollpcnav .wrap >ul >li{list-style:none;padding:0;margin:0;height:60px;display:block;float:left;position:relative;cursor:pointer; overflow:visible;transition:all ease 0.5s; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -o-transition:all ease 0.5s}
.scrollpcnav .wrap >ul >li >a{display:block;height:100%;width:100%;padding-left:13px;padding-right:13px;;text-overflow:ellipsis;overflow:hidden}
.scrollpcnav .wrap >ul >li >span{display:block;height:100%;width:100%;padding-left:13px;padding-right:13px;;text-overflow:ellipsis;overflow:hidden}

.scrollpcnav .wrap >ul >li.navlogo >img{height:48px;margin-top:7px;margin-right:10px;}

/**菜单响应式*/
@media only screen and (max-width: 1200px)
{
	.pcnav{display:none}
	.scrollpcnav{display:none}
	
	/*空出top的默认高度**/
	body{padding-top:60px;}
	
	.top{height:60px;position:fixed;top:0;left:0;bottom:auto;right:0;z-index:100;overflow-y:hidden;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;overflow-x:hidden}
	.top .wrap .logo{line-height:50px;}
	
	.top .wrap .logo >img{height:52px;margin-top:4px;}
	.top .wrap .logo >a >img{height:52px;margin-top:4px;}
	
	.top .wrap .topbanner{display:none;}
	
	/*导航菜单弹出后*/
	.top.mact{height:auto;overflow-y:auto;bottom:auto;max-height:100%;}
	
	.toptip{display:none}
	
	.top .wrap{overflow:visible;height:60px;}
	.top .wrap .topmenu{top:6px;right:40px;}
	.top .wrap .listicon{display:block}	
	
	.searchitem{width:300px;}
	li.productmenuhead{display:none}
}
@media only screen and (max-width: 640px)
{
	/*.top .wrap .topmenu{display:none}*/
	.searchitem{width:150px;}
}
/**侧栏导航*/
.sidenav >div{}
.sidenav >div >ul li.l1 >span{height:50px;line-height:50px;}
.sidenav >div >ul li >ul{height:0;overflow:hidden}
.sidenav >div >ul li >ul li{height:50px;line-height:50px;padding-left:30px;padding-right:16px; vertical-align:middle}
.sidenav >div >ul li >ul li a{display:block;height:50px;line-height:50px;position:absolute;left:40px;right:0;bottom:0;top:0;}
.sidenav >div >ul li >ul li > img{display:inline-block;vertical-align:top;margin-top:20px}
.sidenav >div >ul li.l1 >span >dt >img{transition:all ease 0.5s; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -o-transition:all ease 0.5s;}
/*.sidenav >div >ul li.l1.act >ul{height:auto}*/
.sidenav >div >ul li.l1.act >span >dt >img{ 
transform:rotate(-90deg);transform:rotate(-90deg);
-ms-transform:rotate(-90deg); 	/* IE 9 */
-moz-transform:rotate(-90deg); 	/* Firefox */
-webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
-o-transform:rotate(-90deg);}
.sidenav >div .menudata li.l1 > span >dt{display:block}

/**Product Menu*/
.sidenav >div >ul li.p1 >span{height:50px;line-height:50px;}
.sidenav >div >ul li.p1 >span >dt >img{transition:all ease 0.5s; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -o-transition:all ease 0.5s;}
/*.sidenav >div >ul li.l1.act >ul{height:auto}*/
.sidenav >div >ul li.p1.act >span >dt >img{ 
transform:rotate(-90deg);transform:rotate(-90deg);
-ms-transform:rotate(-90deg); 	/* IE 9 */
-moz-transform:rotate(-90deg); 	/* Firefox */
-webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
-o-transform:rotate(-90deg);}
.sidenav >div .menudata li.l1 > span >dt{display:block}

.sidenav >div .navleftmenuhead li{height:50px;line-height:50px;padding-left:16px;}

.sidenav >div .producttreedata li.p1 > span >dt{display:block}

/**导航数据*/
.sidenav >div .producttreedata ul{list-style:none;padding:0;margin:0;}
.sidenav >div .producttreedata li{list-style:none;padding:0;margin:0;}

/**dt显示一个箭头*/
.sidenav >div .producttreedata li.p1 > span >dt{position:absolute;right:16px;top:0;bottom:0;cursor:pointer;display:block;line-height:49px;}
.sidenav >div .producttreedata li.p1 > span >dt img{vertical-align:middle;margin:0;display:inline-block}

.sidenav >div .producttreedata li.p1 >a{display:block;height:100%;width:100%;padding-left:16px;padding-right:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word;position:relative}
.sidenav >div .producttreedata li.p1 >span{display:block;height:100%;width:100%;padding-left:16px;padding-right:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word;position:relative}
.sidenav >div .producttreedata li.p1 >ul{display:block;}
.sidenav >div .producttreedata li.p1 >ul >li{ position:relative; }

.sidenav >div .producttreedata li.p1 >ul >li >a{text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word;}
.sidenav >div .producttreedata li.p1 >ul >li >span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word;}

.sidenav >div .producttreedata li >ul li > a{display:inline-block;}
/**子菜单左边的箭头*/
.sidenav >div .producttreedata li >ul li > img{vertical-align:middle;display:none;margin:0;padding:0;}

/**大图Banner*/
.banner{margin:0 auto; visibility:hidden;position:relative;overflow:hidden}
.banner .item{position:absolute;overflow:hidden;z-index:1;left:0;right:0;bottom:0;top:0; opacity:0}
.banner .item .mainimg{ white-space:nowrap;margin:0;padding:0;overflow:hidden;line-height:0;font-size:0;}
.banner .item .mainimg img{width:100%;height:auto;margin:0;padding:0;overflow:hidden;display:block}
@media only screen and (max-width: 1920px)
{
	.banner .item .mainimg img{width:auto;height:450px;}
}
/**滑动, 可以在一个小区域内使用*/
.sliders{margin:0 auto; visibility:hidden;overflow:hidden;position:relative}
.sliders .mboard{overflow:hidden;}
.sliders .item .mainimg{ white-space:nowrap;margin:0;padding:0;overflow:hidden;font-size:0;}
.sliders .item{margin:0;padding:0;overflow:hidden;position:relative;z-index:2}
.sliders .item .mainimg img{width:auto;height:auto;margin:0;padding:0;overflow:hidden;display:block}

/**全屏Slider*/
.sliders.fullwrap .item .mainimg img{width:100%;height:auto;}
/**以上层大小为准的Slider, 响应式时, 以parentwrap的上级作为响应对象*/
.sliders.parentwrap{}
.sliders.parentwrap .item .mainimg img{width:auto;height:auto;}

.sliders.h .item{float:left;}
.sliders.v .item{clear:both;}
@media only screen and (max-width: 1920px)
{
	.sliders.fullwrap .item .mainimg img{width:auto;height:450px;}	
	.sliders.parentwrap .item .mainimg img{width:auto;height:auto;}
}
/**Slider*/
.bannertitle{position:absolute;bottom:60px;text-align:left;left:0;right:0;}
.bannertitle p{font-size:36px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; 
	word-break:break-all; word-wrap:break-word;background:rgba(0,0,0,0.5);padding-left:16px;padding-right:16px;}
.bannerbottomtitle{position:absolute;bottom:0px;height:60px;line-height:60px;text-align:left;left:0;right:0;}
.bannerbottomtitle p{font-size:20px;padding-left:16px;padding-right:16px;overflow:hidden;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word}


.bannerlabel{position:absolute;bottom:50px;text-align:center;left:0;right:0;}
.bannerlabel h1{height:60px;line-height:60px;font-size:36px;overflow:hidden;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word}
.bannerlabel p{font-size:18px;line-height:24px;max-height:72px;overflow:hidden}
@media only screen and (max-width: 800px)
{
	.bannertitle p{font-size:30px;}
	.bannerbottomtitle p{font-size:16px;}
	
	.bannerlabel{top:50px;}
	.bannerlabel h1{font-size:30px;}
	.bannerlabel p{display:none}
}

/**Banner,Slider内部的操作按钮*/
.op_pre,.op_next{position:absolute;z-index:2;font-size:100px;cursor:pointer}
.op_thumb{position:absolute;z-index:2;text-align:center;bottom:10px;left:0;right:0;}
.op_thumb >span{display:inline-block;width:20px;height:20px;overflow:hidden;cursor:pointer;margin-right:10px;}
.op_thumb >span:last-child{margin-right:0;}
.op_thumb >span.act{}

/**外置按钮与指示*/
.opbuttons > span{display:inline-block;line-height:20px;}
.opbuttons > span img{ vertical-align:middle}
.preb,.nextb{}
.thumbs{}
.thumbs >span{display:inline-block;width:20px;height:20px;overflow:hidden;cursor:pointer;margin-right:10px; vertical-align:middle}
.thumbs >span:last-child{margin-right:0;}
.thumbs >span.act{}

/**有Banner的中间部分的最小高度*/
.mmh_nobanner{min-height:100px}

/**有Banner的中间部分的最小高度*/
.minmainheight{min-height:100px}

.blocktitle h1{text-align:center;font-size:20px;}
.blocktitle{padding-top:30px;padding-bottom:30px;text-align:center}
.blocktitle p{display:block;margin:0 auto;text-align:center;padding-left:20px;padding-right:20px;max-width:480px;}

/**限高*/
@media only screen and (max-height: 1400px)
{
	.mmh_nobanner{min-height:870px}
	.minmainheight{min-height:670px}
}
@media only screen and (max-height: 1200px)
{
	.mmh_nobanner{min-height:710px}
	.minmainheight{min-height:510px}
}
@media only screen and (max-height: 1024px)
{
	.mmh_nobanner{min-height:530px}
	.minmainheight{min-height:330px}
}
@media only screen and (max-height: 800px)
{
	.mmh_nobanner{min-height:500px}
	.minmainheight{min-height:300px}
	
}
@media only screen and (max-height: 640px)
{
	.mmh_nobanner{min-height:300px}
	.minmainheight{min-height:100px}
	
}

@media only screen and (max-width: 640px)
{
	.mobileqr{display:none}
}

/**列块*/
.cols{clear:both}
.cols:after{display:block;width:100%;height:0px;clear:both;content:' ';overflow:hidden}
.cols:before{display:block;width:100%;height:0px;clear:both;content:' ';overflow:hidden}


.cols >.col{position:relative}



.cols.sp1 >div.col{width:100%;overflow:hidden;}

.cols.sp2 >div.col{width:50%;float:left;overflow:hidden}

.cols >div.col >div{margin-bottom:16px;}

.cols.sp2 >div.col >div{margin-right:8px;margin-left:8px}
.cols.sp2 >div.col:first-child >div{margin-left:0px}
.cols.sp2 >div.col:nth-child(2n+0) >div{margin-right:0px}
.cols.sp2 >div.col:nth-child(2n+1) >div{margin-left:0px}

.cols.sp3 >div.col{width:33.3%;float:left;overflow:hidden}

.cols.sp3 >div.col >div{margin-right:8px;margin-left:8px}
.cols.sp3 >div.col:first-child >div{margin-left:0px}
.cols.sp3 >div.col:nth-child(3n+0) >div{margin-right:0px}
.cols.sp3 >div.col:nth-child(3n+1) >div{margin-left:0px}

.cols.sp4 >div.col{width:25%;float:left;overflow:hidden}

.cols.sp4 >div.col >div{margin-right:8px;margin-left:8px}
.cols.sp4 >div.col:nth-child(4n+0) >div{margin-right:0px}
.cols.sp4 >div.col:nth-child(4n+1) >div{margin-left:0px}


.cols.sp5 >div.col{width:20%;float:left;overflow:hidden}

.cols.sp5 >div.col >div{margin-right:8px;margin-left:8px}
.cols.sp5 >div.col:nth-child(5n+0) >div{margin-right:0px}
.cols.sp5 >div.col:nth-child(5n+1) >div{margin-left:0px}



.cols.sp6 >div.col{width:16.6%;float:left;overflow:hidden}

.cols.sp6 >div.col >div{margin-right:8px;margin-left:8px}
.cols.sp6 >div.col:nth-child(6n+0) >div{margin-right:0px}
.cols.sp6 >div.col:nth-child(6n+1) >div{margin-left:0px}

.cols >div.col10{width:10%;float:left;overflow:hidden}
.cols >div.col20{width:20%;float:left;overflow:hidden}
.cols >div.col25{width:25%;float:left;overflow:hidden}
.cols >div.col30{width:30%;float:left;overflow:hidden}
.cols >div.col35{width:35%;float:left;overflow:hidden}
.cols >div.col40{width:40%;float:left;overflow:hidden}
.cols >div.col50{width:50%;float:left;overflow:hidden}
.cols >div.col60{width:60%;float:left;overflow:hidden}
.cols >div.col70{width:70%;float:left;overflow:hidden}

.cols >div.col65{width:65%;float:left;overflow:hidden}
.cols >div.col75{width:75%;float:left;overflow:hidden}
.cols >div.col80{width:80%;float:left;overflow:hidden}
.cols >div.col90{width:90%;float:left;overflow:hidden}

.cols >div.col10r{width:10%;float:right;overflow:hidden}
.cols >div.col20r{width:20%;float:right;overflow:hidden}
.cols >div.col30r{width:30%;float:right;overflow:hidden}
.cols >div.col40r{width:40%;float:right;overflow:hidden}
.cols >div.col50r{width:50%;float:right;overflow:hidden}
.cols >div.col60r{width:60%;float:right;overflow:hidden}
.cols >div.col70r{width:70%;float:right;overflow:hidden}
.cols >div.col65r{width:65%;float:right;overflow:hidden}
.cols >div.col75r{width:75%;float:right;overflow:hidden}
.cols >div.col80r{width:80%;float:right;overflow:hidden}
.cols >div.col90r{width:90%;float:right;overflow:hidden}

.cols >div.ht100{height:100%;}
.cols .maincontent{padding-left:20px;}

/**三列显示,小屏时第1列或第3列优先使用100%*/
.cols.sp3.fw3{}
.cols.sp3.fw1{}

/**第一列右边加上20px的padding*/
.cols >.col.onecolp20{padding-right:20px;}

@media only screen and (max-width: 1230px)
{
	.wrap{width:97%;}
}

@media only screen and (max-width: 1024px)
{
	.wrap{width:96%;}
	.cols.sp3 >div.col{width:50%;}
	
	
	/*.cols.sp4 >div.col{width:33.3%;}
	.cols.sp5 >div.col{width:25%;}*/
	
	.cols.sp3.fw1 >div.col:nth-child(3n+1){clear:both;width:100%;margin-right:0;}
	.cols.sp3.fw3 >div.col:nth-child(3n+3){clear:both;width:100%;margin-right:0;}
	.cols.sp3.fw1 >div.col:nth-child(3n+1) >div{margin-right:0;}
	.cols.sp3.fw3 >div.col:nth-child(3n+3) >div{margin-right:0;}
	
	
	.cols.sp3 >div.col:nth-child(3n+0) >div{margin-right:8px}
	.cols.sp3 >div.col:nth-child(3n+1) >div{margin-left:8px}
	.cols.sp3 >div.col:nth-child(2n+0) >div{margin-right:0px}
	.cols.sp3 >div.col:nth-child(2n+1) >div{margin-left:0px}
	
	.cols >.col.onecolp20{padding-right:0px;}
	
	/**最后一列在显示两列的时候，按100%宽度显示*/
	.cols.sp3.lastbig >div.col:nth-child(3n+3){width:100%;}
	.cols.sp3.lastbig >div.col:nth-child(3n+3) >div{margin-right:0;}
	/*
	.cols.sp4 >div.col:nth-child(4n+0) >div{margin-right:8px}
	.cols.sp4 >div.col:nth-child(4n+1) >div{margin-left:8px}
	.cols.sp4 >div.col:nth-child(3n+0) >div{margin-right:0px}
	.cols.sp4 >div.col:nth-child(3n+1) >div{margin-left:0px}
	
	.cols.sp5 >div.col:nth-child(5n+0) >div{margin-right:8px}
	.cols.sp5 >div.col:nth-child(5n+1) >div{margin-left:8px}
	.cols.sp5 >div.col:nth-child(4n+0) >div{margin-right:0px}
	.cols.sp5 >div.col:nth-child(4n+1) >div{margin-left:0px}
	*/
	
	.cols >div.colitem{width:100%!important;float:none!important;clear:both!important;width:100%;float:none;clear:both}	
	.cols .maincontent{padding-left:0px;}
	
	.navproducttree{margin-top:20px;}
}
@media only screen and (max-width: 800px)
{
	.wrap{width:95%;}
	.cols.sp4 >div.col{width:50%;}
	.cols.sp5 >div.col{width:50%;}	
	
	.cols.sp4 >div.col:nth-child(3n+0) >div{margin-right:8px}
	.cols.sp4 >div.col:nth-child(3n+1) >div{margin-left:8px}
	.cols.sp4 >div.col:nth-child(2n+0) >div{margin-right:0px}
	.cols.sp4 >div.col:nth-child(2n+1) >div{margin-left:0px}
	
	.cols.sp5 >div.col:nth-child(4n+0) >div{margin-right:8px}
	.cols.sp5 >div.col:nth-child(4n+1) >div{margin-left:8px}
	.cols.sp5 >div.col:nth-child(2n+0) >div{margin-right:0px}
	.cols.sp5 >div.col:nth-child(2n+1) >div{margin-left:0px}
	
	
}
@media only screen and (max-width: 640px)
{
	.wrap{width:95%;}
	.cols.sp2 >div.col{width:100%;}
	.cols.sp3 >div.col{width:100%;}
	.cols.sp4 >div.col{width:100%;}
	.cols.sp5 >div.col{width:100%;}
	
	.cols.sp3 >div.col:nth-child(3n+0) >div{margin-right:0px}
	.cols.sp3 >div.col:nth-child(3n+1) >div{margin-left:0px}
	
	.cols.sp4 >div.col:nth-child(3n+0) >div{margin-right:0px}
	.cols.sp4 >div.col:nth-child(3n+1) >div{margin-left:0px}
	.cols.sp5 >div.col:nth-child(4n+0) >div{margin-right:0px}
	.cols.sp5 >div.col:nth-child(4n+1) >div{margin-left:0px}
	
	.cols.sp2 >div.col >div{margin-right:0px;margin-left:0px}
	.cols.sp3 >div.col >div{margin-right:0px;margin-left:0px}
	.cols.sp4 >div.col >div{margin-right:0px;margin-left:0px}
	.cols.sp5 >div.col >div{margin-right:0px;margin-left:0px}
	
	.cols.sp3 >div.col.donotshowsmall{display:none}
	
	/**colmin2*/
	.cols.sp5.colmin2 >div.col{width:50%;}
	.cols.sp4.colmin2 >div.col:nth-child(3n+0) >div{margin-right:8px}
	.cols.sp4.colmin2 >div.col:nth-child(3n+1) >div{margin-left:8px}
	.cols.sp4.colmin2 >div.col:nth-child(2n+0) >div{margin-right:0px}
	.cols.sp4.colmin2 >div.col:nth-child(2n+1) >div{margin-left:0px}
	
	.cols.sp5.colmin2 >div.col:nth-child(4n+0) >div{margin-right:8px}
	.cols.sp5.colmin2 >div.col:nth-child(4n+1) >div{margin-left:8px}
	.cols.sp5.colmin2 >div.col:nth-child(2n+0) >div{margin-right:0px}
	.cols.sp5.colmin2 >div.col:nth-child(2n+1) >div{margin-left:0px}
}

/*页面底部*/
.footer{margin:0;min-height:300px;overflow:hidden}
.footer *{}

.footer .cols .col >div{height:200px;}
.footlogo img{width:90%;margin-top:12%;}
.footaddr p{margin-top:15%;}
@media only screen and (max-width: 640px)
{
	.footer .cols .col >div{height:auto;}
	.footlogo img{width:90%;margin-top:1%;}
	.footaddr p{margin-top:5%;text-align:center}
}

.copyright{margin:0;height:70px;}
.copyright *{text-align:center;font-size:12px;}
.copyright .wrap div{line-height:1.315;padding-top:10px;overflow:hidden}

/**居中显示图片, 默认不显示, 等系统进行调整后再显示,防止屏幕闪动*/
.centerimg{visibility:hidden;overflow:hidden;white-space:nowrap;font-size:0;}
.centerimg img{display:block;margin:0;}

.fullcenterimg{visibility:hidden;overflow:hidden;white-space:nowrap;font-size:0;}
.fullcenterimg img{display:inline-block;margin:0;}

.wcenterimg{visibility:visible;overflow:hidden;white-space:nowrap;font-size:0;text-align:center}
.wcenterimg img{display:inline-block;margin:0;width:100%!important;width:100%;}

.hcenterimg{visibility:visible;overflow:hidden;white-space:nowrap;font-size:0;;text-align:center}
.hcenterimg img{display:inline-block;margin:0;height:100%!important;height:100%;}
/**内容发布与列表*/
.caticon{overflow:hidden}
.caticon .logo{height:180px;overflow:hidden}
.caticon >h1{height:40px;line-height:40px;font-size:16px;overflow:hidden;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word}
.caticon >p{height:66px;line-height:22px;font-size:14px;overflow:hidden}
.caticon >h1 >span{display:block;overflow:hidden;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word}
.caticon >h1 >a{display:block;overflow:hidden;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word}

.icontitle{overflow:hidden}
.icontitle .logo{height:180px;overflow:hidden}
.icontitle h1{position:relative;height:50px;line-height:50px;font-size:14px;overflow:hidden;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word;padding-right:100px;}
.icontitle h1 >span{display:block;padding-left:10px;padding-right:10px;line-height:30px;overflow:hidden;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word}
.icontitle h1 >a{display:block;padding-left:10px;padding-right:10px;overflow:hidden;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word}
.icontitle h1 >dt{position:absolute;right:5px;;bottom:0;top:0;max-width:100px;}
.icontitle h1 >i{position:absolute;left:10px;bottom:0;line-height:20px;font-size:12px; font-style:normal}

.serviceflow .col{text-align:center}
.serviceflow h1{font-size:14px;}
/**新闻列表
   .cols.articlelist > div.col > div > div.head, ul, div.foot
*/
.articlelist div.head{position:relative;clear:both;overflow:hidden}
.articlelist div.head > h1{line-height:1.5;font-size:20px;padding:30px 0 20px}
.articlelist div.head > h1 a{line-height:1.5;overflow:hidden;font-size:20px;}
.articlelist div.col > div > ul{list-style:none;padding:0;margin:0;min-height:230px;}
.articlelist div.col > div > ul >li{list-style:none;padding:0;margin:0;margin-bottom:10px;line-height:1.2;position:relative}

.articlelist div.col > div > ul.h240{overflow:hidden;min-height:240px;}
.articlelist div.col > div > ul.h240 >li{line-height:20px;height:48px;overflow:hidden;margin-bottom:0;}

.articlelist div.col > div > ul.h300{overflow:hidden;min-height:300px;}
.articlelist div.col > div > ul.h300 >li{line-height:24px;height:60px;overflow:hidden;margin-bottom:0;}

.articlelist div.col > div > ul.topline >li{padding-top:4px;line-height:18px;}

.articlelist div.col > div > ul.oneline >li{height:40px!important;line-height:30px;padding-top:4px;overflow:hidden;}
.articlelist div.col > div > ul.oneline >li >a{display:block;overflow:hidden; text-wrap:none; white-space:nowrap; text-overflow:ellipsis}

.articlelist div.col > div > ul.oneline.colorblock >li >a{padding-left:30px;}
.articlelist div.col > div > ul.oneline.colorblock >li >div{display:block;left:0px;top:0px;height:40px;width:20px;position:absolute}
.articlelist div.col > div > ul.oneline.colorblock >li >div >i{overflow:hidden;display:inline-block;margin-top:10px;width:20px;height:20px;background:#00f;line-height:20px;text-align:center;color:#fff;font-size:12px;}

.articlelist div.col > div > ul li.bluearrow{background:url(/statics/qicun/statics/icons/right-arrow.png) no-repeat 0px 5px;padding-left:12px;}

.articlelist div.col > div > ul li.date{line-height:1;height:65px;overflow:hidden;margin-bottom:20px}
.articlelist div.col > div > ul li.date >div{position:absolute;left:0;top:0;height:65px;width:65px;text-align:center;line-height:30px;}
.articlelist div.col > div > ul li.date >div >dt{display:block; font-style:normal}
.articlelist div.col > div > ul li.date >div >i{display:block; font-style:normal;position:absolute;bottom:0;left:0;right:0;height:30px;}

.articlelist div.col > div > ul li.date >p{padding-left:85px;line-height:22px;}
.articlelist div.col > div > ul li.date >p *{display:inline;padding:0;margin:0;}
.articlelist div.col > div > ul li.date >p >a{display:block;height:44px;overflow:hidden;}
.articlelist div.col > div > ul li.date >p >span{display:block;clear:both;overflow:hidden; text-wrap:none;font-size:12px;line-height:16px;}

.articlelist div.col > div > ul li.date.small{height:45px;}
.articlelist div.col > div > ul li.date.small >div{height:45px;width:45px;line-height:22px;}
.articlelist div.col > div > ul li.date.small >div >dt{line-height:22px;font-size:12px}
.articlelist div.col > div > ul li.date.small >div >i{line-height:22px;height:22px;font-size:12px;}
.articlelist div.col > div > ul li.date.small >p{padding-left:60px;line-height:22px;}
.articlelist div.col > div > ul li.date.small >p >span{display:none}


.articlelist div.foot{position:relative;height:30px;line-height:30px;text-align:right;margin-top:16px;}
.articlelist div.foot > a{}

/**文章内容*/
.contents{font-size:18px;line-height:1.648;text-align:left;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}
.contents *{font-size:18px;}
.contents p{margin-bottom:15px;line-height:1.648;}
p.firstletter{margin-bottom:0;float:left;line-height:80px;margin-right:16px;height:80px;font-size:80px;text-align:center;font-family:'微软雅黑',georgia,serif;color:#0062ac;font-size:80px;}
p.firstletter *{font-size:80px}

.contents >img,.contents >div >img,.contents >p >img,.contents >div >p >img,
.contents >table img,.contents >div >table img
{height:auto!important;max-width:100%!important;height:auto;max-width:100%;}
/*.contents table{max-width:100%!important;width:auto!important;max-width:100%;width:auto;}*/
.contents table{max-width:100%!important;width:100%;max-width:100%;width:100%;}
.contents table tr td{padding-left:5px;padding-right:5px;}
.contents table tr td p{margin-bottom:0;}

.pagedata{padding-bottom:60px;}

.dates{line-height:30px;overflow:hidden;margin-bottom:24px;font-size:12px;font-weight:400}

@media only screen and (max-width: 1024px)
{
	.contents{padding-left:16px;padding-right:16px;}
	.arttitle{padding-left:16px;padding-right:16px;}
	.titleline{padding-left:16px;padding-right:16px;}
	
}

@media only screen and (max-width: 800px)
{
	.contents table{max-width:none!important;width:auto!important;max-width:none;width:auto;}
	.contents table td{min-width:100px;}
	.contents{overflow-x:auto;}
}

h1.twoline{height:50px;line-height:25px;font-size:16px;overflow:hidden;}
h1.twoline >span{display:block;overflow:hidden;}
h1.twoline >a{display:block;overflow:hidden;}

/**连接,通道*/
.flinks{overflow:hidden}
.flinks .col >div >div{display:block;height:40px;line-height:40px;overflow:hidden;text-align:center;margin-bottom:16px;}
.flinks .col >div >div.linktwoline{height:96px;line-height:96px;}
.flinks .col >div >div.iconblock{height:96px;line-height:48px;}
.flinks .col >div >div.iconblock >dt{height:48px;}
.flinks .col >div >div.iconblock >dt >img{height:30px;margin-top:16px;}
.flinks .col >div >div.iconblock >a{line-height:40px;height:40px;}
.flinks .col >div >div a{display:block;height:100%;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word}

.breadline{height:70px;line-height:70px; vertical-align:middle;}
.breadline ul li{float:left;display:inline-block; vertical-align:top;margin-right:10px;}
.homelogo{vertical-align:top;margin-top:22px;}
.bdarrow{display:inline-block;width:20px; vertical-align: top;margin-top:29px;}
@media only screen and (max-width: 1280px)
{
	.breadline{padding-left:16px;padding-right:16px;}
}
@media only screen and (max-width: 640px)
{
	.breadline{line-height:35px;min-height:35px;height:auto;margin-bottom:20px;overflow:hidden}
	.breadline ul{ word-break:break-all; word-wrap:break-word}
	.breadline ul li{height:35px;float:none;display:inline;line-height:35px;vertical-align:middle}
	.homelogo{vertical-align:top;margin-top:5px;}
	.bdarrow{display:inline-block;width:20px; vertical-align: top;margin-top:10px;}
	.flinks .col >div >div.linktwoline{height:48px;line-height:48px;}
}

/***/
.titleline{padding-bottom:16px;overflow:hidden;zoom:1;text-align:left}
.dates.titleline{text-align:left}

.catartclelists{}
.catartclelists >h1{font-size:36px;line-height:38px;overflow:hidden;}

.catartclelists >ul{padding:0;margin:0;list-style:none}
.catartclelists >ul >li{height:64px;line-height:64px;clear:both;display:block;border-bottom:1px solid #ccc;overflow:hidden;position:relative}
.catartclelists >ul >li >a{display:block;height:100%;padding-right:100px;font-size:20px;font-weight:350;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word}
.catartclelists >ul >li >dt{position:absolute;top:0;bottom:0;right:0;width:100px;overflow:hidden;}
@media only screen and (max-width: 1024px)
{
	.catartclelists >ul >li{padding-left:16px;}
}
.pages{padding-top:16px;}

.footerlist{margin-top:20px;}
.footerlist .footerhead h1{height:40px;line-height:40px;}
.footerlist .footerhead h1,.footerlist .footerhead h1 a{font-size:14px;font-weight:bold;}
.footerlist .col >div >ul >li{min-height:30px;height:30px;overflow:hidden;line-height:30px;color:#333;font-size:14px;}
.footerlist .col >div >ul >li a,.footerlist .col >div >ul >li span{font-size:14px;color:#333;}

.productlist{}
.productlist >div{margin-top:20px;border:1px solid #ccc;border-radius:0px;overflow:hidden;padding:10px;}
.productlist >div.noborder{border:none;}
.productlist >div >div.proinfo{position:relative;}
.productlist >div >div.proinfo .prologo{width:150px;height:100px;}
.productlist >div >div.proinfo .prologo >div{width:140px;height:90px;}
.productlist >div >div.proinfo .prodesc{position:absolute;left:170px;top:5px;right:16px;max-height:150px;overflow:hidden;clear:both;}
.productlist >div >div.proinfo .prodesc:after{content:' ';display:block;clear:both;height:1px;}
.productlist >div >div.proinfo .prodesc h2{font-size:18px;line-height:1.6;}
.productlist >div >div.proinfo .prodesc ul{list-style:none;}
.productlist >div >div.proinfo .prodesc ul li{clear:both;display:block;position:relative;height:25px;line-height:25px;overflow:hidden}
.productlist >div >div.proinfo .prodesc ul li label{width:120px;overflow:hidden;font-size:14px;}
.productlist >div >div.proinfo .prodesc ul li >span{position:absolute;left:125px;font-size:14px;}

.productlist >div >div.proinfo .prodesc >div{font-size:14px;}
.productlist >div >div.proinfo .prodesc >div *{font-size:14px!important;font-size:14px;color:#666}

.productlist >div >div.proinfo .protypes{clear:both;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;overflow-x:auto;}
.productlist >div >div.proinfo .protypes table{width:100%!important;width:100%;}
.productlist >div >div.proinfo .protypes table td{font-size:14px;padding:5px;}
.productlist >div >div.proinfo .protypes table tr.prohead td{background:#efefef;color:#333;font-weight:bold;}


@media only screen and (max-width: 800px)
{
	.productlist >div >div.proinfo .prodesc ul li label{width:80px;}
	.productlist >div >div.proinfo .prodesc ul li >span{left:90px;}
	.productlist >div >div.proinfo .prodesc{max-height:140px;}
	
}
@media only screen and (max-width: 640px)
{
	.productlist >div >div.proinfo .prodesc{position:relative;left:0px;}
	.productlist >div >div.proinfo .prologo{width:100%;overflow:hidden;height:auto;max-height: 300px}
	.productlist >div >div.proinfo .prologo >div{width:auto;padding:0px;height:auto;}
	.productlist >div >div.proinfo .prodesc h2{margin-top:16px;line-height: 1;margin-bottom:16px;overflow: hidden}
	.productlist >div >div.proinfo .protypes{margin-top:16px;overflow: hidden}
}
@media only screen and (max-width: 360px)
{
	.productlist >div >div.proinfo .prologo{width:100%;overflow:hidden;height:auto;max-height: 300px}
}

.productcontent{}
.productcontent >div{margin-top:16px;border:1px solid #ccc;border-radius:5px;overflow:hidden;padding:0px;}
.productcontent >div.noborder{border:none;}
.productcontent >div >div.proinfo{position:relative;min-height:250px;clear:both;}

.productcontent >div >div.proinfo .prologodesc{min-height:180px;}
.productcontent >div >div.proinfo .prologo{width:250px;height:150px;position:absolute;right:0;top:0;overflow: hidden}
.productcontent >div >div.proinfo .prologo >div{width:240px;height:140px;overflow: hidden}
.productcontent >div >div.proinfo .prodesc{padding-right:260px;}

.productcontent >div >div.proinfo .prodesc h2{font-size:14px;line-height:1.6;color:#333;font-weight:normal}
.productcontent >div >div.proinfo .prodesc ul{list-style:none;}
.productcontent >div >div.proinfo .prodesc ul li{clear:both;display:block;position:relative;height:25px;line-height:25px;overflow:hidden}
.productcontent >div >div.proinfo .prodesc ul li label{width:120px;overflow:hidden;font-size:14px;}
.productcontent >div >div.proinfo .prodesc ul li >span{position:absolute;left:125px;font-size:14px;}
.productcontent >div >div.proinfo .prodesc >div{font-size:14px;}
.productcontent >div >div.proinfo .prodesc >div *{font-size:14px!important;font-size:14px;color:#666}

.productcontent >div >div.proinfo .protypes{padding-top:20px;padding-bottom:20px;overflow:hidden;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;overflow-x:auto;}
.productcontent >div >div.proinfo .protypes table{width:100%!important;width:100%;}
.productcontent >div >div.proinfo .protypes table td{font-size:14px;padding:5px;}
.productcontent >div >div.proinfo .protypes table tr.prohead td{background:#dce3e0;color:#333;font-weight:bold;}

.protitle{height:40px;line-height:40px;border-bottom:2px solid;}
.protitle >span{display:inline-block;height:100%;padding-left:10px;padding-right:10px;}

.protitletop{border-bottom:2px solid;overflow:hidden;display:block;padding:0;margin:0;}
.protitletop >span{display:block;line-height:1.5;clear:both}

.productsubcats{padding-top:16px;padding-bottom:10px;font-weight:bold;}
.productsubcats i{ font-style:normal; display:inline-block;padding-left:10px;padding-right:10px;}
.productsubcats span{display:inline-block;padding-left:10px;padding-right:10px;overflow:hidden; vertical-align:top;}
.productsubcats span.act,.productsubcats span.act a{}

@media only screen and (max-width: 1024px)
{
	.protitletop {padding-left:16px;padding-right:16px;font-size:24px;}
}
@media only screen and (max-width: 800px)
{
	
	.productcontent >div >div.proinfo .prologo >div{max-height:400px;height:auto;width:100%;max-width:640px;}
	.productcontent >div >div.proinfo .prologo{position:static;text-align:center;width:100%;height:auto;}
	.productcontent >div >div.proinfo .prologo .centerimg{margin:0 auto;}
	.productcontent >div >div.proinfo .prodesc ul li label{width:80px;}
	
	.productcontent >div >div.proinfo .prodesc{padding-right:0;}
}

@media only screen and (max-width: 640px)
{
	.protitletop >span{font-size:18px;}
	.catartclelists >h1{font-size:20px;line-height:22px;}
}

.footerqr{text-align:left;height:100%;}
.footerfloat{}
@media only screen and (max-width: 800px)
{
	.footerqr{text-align:center}
	.footerfloat{clear:both;}
	.footerfloat:after{display:block;content:' ';height:1px; overflow:hidden;}
	.footerfloat li{float:left;width:33%;overflow:hidden}
}


/**Swipers*/
.swiper-container{overflow: hidden;display: block}
.swiper-slide{overflow: hidden;clear: both}

.maintitle{margin: 3%;position: relative}
.maintitle h2{text-align: center;font-size:48px;line-height:2;}
.maintitle h2,.maintitle h2 a,.maintitle h2 span{color:#134292}

.slider-banner{background-repeat: no-repeat; background-position: center;background-size:cover;width: 100%;height:100%;}


.split-pagination{text-align:center;padding:8px 0px}
.split-pagination .swiper-pagination-bullet{margin:0 6px;outline:none}
.split-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{}

.pageblock{overflow: hidden;position: relative;padding-bottom:80px;}
.pageblock.p0{padding-bottom: 0;}
.pageblock .pageblock-floatbg{z-index: 0;background:#134292;position: absolute;top:0;left:0;right:0;height:50%;}
.grayblock{background:#efefef;clear:both;zoom:1;overflow: hidden}
.whiteblock{background:#fff;}

.twoblock{overflow: hidden;zoom:1;position: relative;width:90%;max-width:1680px}
.twoblock:after{display:block;content:' ';overflow: hidden;height:1px;width:100%;clear:both}
.twoblock >div{display:inline-block;height:100%;width: 50%; overflow: hidden;box-sizing: border-box;padding:0px 10px;position: relative;max-height:600px;}

.twoblock{text-align: right;margin:0 auto;}
.twoblock.right{text-align: left}

.twoblock .text{text-align: left}

.twoblock >div.pic{overflow: hidden;display: block;position: absolute;left:0;top:0;bottom:0;right:auto;}
.twoblock.right>div.pic{right:0;top:0;bottom:0;left:auto}

.twoblock >div.pic .table{display:block;position: absolute;top:0;left:0;right:0;bottom: 0;}
.twoblock >div.pic .tablecell{display:block;height:100%;line-height:600px;text-align: center}
.twoblock >div.pic .tablecell >div{overflow: hidden;width:90%;height:70%; vertical-align: middle;display: inline-block}
.twoblock >div.pic .tablecell >div img{transition: all ease 0.5s; }
.twoblock >div.pic .tablecell >div:hover img{transform: scale3d(1.1,1.1,1.1);}

.twoblock >div p.desc{font-size:18px;line-height:2;margin-top:20px;}
.textwrap{margin:0 auto;width:90%;}
.twoblock ul,.twoblock ul li{list-style:none;padding:0;margin:0;}
.twoblock ul li{display:block;position: relative;}
.twoblock ul li h2{font-size:20px;font-weight:bold;line-height: 2.5; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color:#134292}
.twoblock ul li p.desc{line-height:2;max-height:64px;overflow: hidden;margin-top:0px;color:#888;font-size:16px;}

.twoblock ul.haslogo li{padding-left:166px;}
.twoblock ul.haslogo li .itemlogo{position: absolute; width:150px;top:5px;bottom:5px;left:0;overflow: hidden}
.twoblock ul.haslogo li .itemlogo >div{width:100%;height:100%;}

@media only screen and (max-width: 1680px)
{
	.twoblock{width: 100%}
}
@media only screen and (max-width: 1024px)
{
	.twoblock{height:auto;}
	
	.twoblock >div{display: block;width:100%;max-height:none;}
	.twoblock >div{width:100%;}
	.twoblock >div.pic{position:relative;max-height:400px;clear:both;}
	.twoblock >div.pic .table{position: relative;padding-top:30px;}
	.twoblock >div.pic .tablecell{line-height:1;}
	.twoblock >div.pic .tablecell >div{height:auto;width:95%;}
	.textwrap{width:95%;}
	.twoblock ul li p.desc{line-height:1.8;height:86px;max-height:86px;}
	.twoblock >div p.desc{line-height:1.8}
	.twoblock ul li{margin-bottom:20px;}
}

@media only screen and (max-width: 800px)
{
	.pageblock{padding-bottom:0px;}
	.maintitle h2,.maintitle h2 a,.maintitle h2 span{font-size:36px}
}
@media only screen and (max-width: 500px)
{
	.twoblock ul.haslogo li{padding-left:0px;}
	.twoblock ul.haslogo li .itemlogo{position:relative;width: 100%;height:150px;}
	.twoblock ul li h2{margin-top:16px;}
	.twoblock{padding-bottom:16px;}
}
.mainwrapper{margin: 0 auto;width:80%;z-index: 2;max-width:1680px;}

.pageblock.drakstyle .maintitle h2,.pageblock.drakstyle .maintitle a,.pageblock.drakstyle .maintitle span,.pageblock.drakstyle .maintitle p{color:#fff;}

.picitems{}
.picitems .swiper-slide{border:0px solid #f00;box-sizing: border-box;cursor: pointer}
.picitems .swiper-slide a{line-height:5;font-size:18px;text-align: center;display: block}

.picitems .swiper-slide .title{display: block;height:90px;overflow: hidden;padding:0;margin:0;background:#fff;}
.picitems .swiper-slide .title >p{display: table;height:100%;overflow: hidden;width: 100%;padding:0;margin:0;}
.picitems .swiper-slide .title >p >span{display:table-cell;vertical-align: middle;overflow: hidden;}
.picitems .swiper-slide .title >p >span a{display:inline-block;max-height:72px;line-height: 2;width: 100%; vertical-align: middle;overflow: hidden;padding:0px 8px;}

.picitems .swiper-slide .pic{height:200px;text-align: center;overflow: hidden;background: #fff}
.picitems .swiper-slide .pic >div{height:100%; vertical-align: middle;transform: scale(1.0); transition: 0.5s ease all; background-repeat: no-repeat; background-position: center;background-size:cover}
.picitems .swiper-slide .pic >div:hover{transform: scale3d(1.1,1.1,1)}
.picitems .swiper-slide .pic img{width:100%;overflow: hidden;display: block;vertical-align: middle;}

.swiper-layer{z-index:100;}
.swiper-pagination-bullet{width:10px;height:10px;}

@media only screen and (max-width: 1280px)
{
.swiper-container{}
.mainwrapper{width:90%;}
}
@media only screen and (max-width: 800px)
{
.swiper-container{}
.mainwrapper{width:100%;}
}

.footerlist .col >div >ul >li{white-space:nowrap; text-overflow: ellipsis;overflow:hidden;}

@media only screen and (max-width:1300px)
{
	.cols.sp4.footerlist >div.col{width:50%}
}
@media only screen and (max-width:640px)
{
	.cols.sp4.footerlist >div.col{width:100%}
}