body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; } table{border-collapse:collapse; border-spacing:0; } fieldset,img{border:0; } ol,ul{list-style:none; } caption,th{text-align:left; } q:before,q:after{content:''; } abbr,acronym{border:0; } .clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } .l,.col-l,.col_l,.col-c,.col_c{float:left; } .r,.col-r,.col_r,dt span,.ul-txt li span,.ul_txt li span{float:right; } .c{clear:both; } .n,em{font-weight:normal; font-style:normal; } .b{font-weight:bold; } .i{font-style:italic; } .fa{font-family:Arial; } .fg{font-family:Georgia; } .ft{font-family:Tahoma; } .fl{font-family:Lucida Console; } .fs{font-family:'宋体'; } .fw{font-family:'微软雅黑'; } .tc{text-align:center; } .tr{text-align:right; } .tl{text-align:left; } .tdu{text-decoration:underline; } .tdn,.tdn:hover,a.tdl:hover{text-decoration:none; } .fc0{color:#000000; } .fc3{color:#333333; }
.fc6{color:#666666; } .fc9{color:#999999; } .fcr{color:red; } .fcw{color:white; } .fcb{color:blue; } .fcg{color:green; } .f0{font-size:0; } .f10{font-size:10px; } .f12{font-size:12px; } .f13{font-size:13px; } .f14{font-size:14px; } .f16{font-size:16px; } .f20{font-size:20px; } .f24{font-size:24px; } .vm{vertical-align:middle; } .vtb{vertical-align:text-bottom; } .vt{vertical-align:top; } .vn{vertical-align:-2px; } .vimg{margin-bottom:-3px; } .m0{margin:0; } .ml0{margin-left:0; } .ml5{margin-left:5px; } .ml10{margin-left:10px; } .ml20{margin-left:20px; } .mr0{margin-right:0; } .mr5{margin-right:5px; } .mr10{margin-right:10px; } .mr20{margin-right:20px; } .mt5{margin-top:5px; } .mt10{margin-top:10px; } .mt20{margin-top:20px; } .mb5{margin-bottom:5px; } .mb10{margin-bottom:10px; } .mb20{margin-bottom:20px; } .ml-1{margin-left:-1px; } .mt-1{margin-top:-1px; } .p1{padding:1px; } .pl5{padding-left:5px; } .p5{padding:5px; } .pt5{padding-top:5px; } .pr5{padding-right:5px; } .pb5{padding-bottom:5px; }
.p10{padding:10px; } .pl10{padding-left:10px; } .pt10{padding-top:10px; } .pr10{padding-right:10px; } .pb10{padding-bottom:10px; } .p20{padding:20px; } .pl20{padding-left:20px; } .pt20{padding-top:20px; } .pr20{padding-right:20px; } .pb20{padding-bottom:20px; } .rel,.pr{position:relative; } .abs,.pa{position:absolute; } .dn{display:none; } .db{display:block; } .dib{-moz-inline-stack:inline-block; display:inline-block; } .di{display:inline; } .ovh{overflow:hidden; } .ovs{overflow:scroll; } .vh{visibility:hidden; } .vv{visibility:visible; } .lh14{line-height:14px; } .lh16{line-height:16px; } .lh18{line-height:18px; } .lh20{line-height:20px; } .lh22{line-height:22px; } .lh24{line-height:24px;} .fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; } .z{_zoom:1; } .h1{height:1px; } .h5{height:5px; } .h10,.h{height:10px; } .h15{height:15px; } .h20{height:20px; }
.h1,.h5,.h10,.h15,.h20,.h25,.h,.h30,.h35,.h40,.h45,.h50,.h55,.h60{font-size:0px; line-height:0; overflow:hidden; clear:both;visibility: hidden; } a{text-decoration:none; } a:hover{color:#FF6600 }
.h25{height: 25px;}.h30{height: 30px;} .h40{height: 40px;} .h45{height: 45px;} .h50{height: 50px;} .h55{height: 55px;} .h60{height: 60px;}
.slick-slider *,
.slick-slider{
    outline: none;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
button::-moz-focus-inner {
  border: 0;
}
:focus, :active {
    outline: 0;
    border: 0;
}
a{
    color: #666;
    -webkit-transition:color .3s,opacity .3s;
    transition:color .3s,opacity .3s;
}
a:hover{
    color: #cf000e;
}
textarea { overflow: auto; }

a, a:visited, a:focus, a:active, a:hover{
    outline:0 none !important;
}
u{text-decoration: none;}
img{
    max-width: 100%;
    height: auto;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  -webkit-appearance: none;
}
select,
input,
textarea{
    outline: none;
}

h1,h2,h3,h3,h4,h5,h6{font-weight: normal;}
.fix:before,
.fix:after{
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.fix:after{
  clear: both;
}

.fix{
  zoom: 1;
}

.hide-tab{
	height: 0;
	overflow: hidden;
	padding-top: 0;
	padding-bottom: 0;
}
#map img{
	max-width: 999999999px;
}
.BMapLabel{
	display: none !important;
}
body{
    -webkit-text-size-adjust: 100%;
    font-family:"微软雅黑","Microsoft Yahei";
    color: #666;
    font-size: 12px;
}

.wp{
    width: 1200px;
    margin: 0 auto;
}
.index-wp{
	width: 1060px;
	margin: 0 auto;
}

.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-slider,.slick-slider{outline:0}


.index-bg{
	background: url(../images/index_bg.png) left top no-repeat;
	border-top: 10px solid #6b6b6b;
}

#top{
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	color:#666666;
	font-size: 13px;
}
#top .topr{
	float: right;
}
#top .topr span{
	margin: 0 24px;
}

.index-logo{
	text-align: center;
	padding-top: 25px;
	padding-bottom: 20px;
}
.banner-imgtxt{
	position: relative;
}
.banner-imgtxt img{
	width: 100%;
	height: 340px;
}
.banner-imgtxt .txt{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 90px;
	background: rgba(0,0,0,.6);
	padding: 17px 50px 0 70px;
	color: #fff;
}
.banner-imgtxt .txt span{
	float: left;
	line-height: 46px;
	font-size: 18px;
	padding-right: 23px;
	display: inline-block;
}
.banner-imgtxt .txt span a{
	color:#FFFFFF;
}
.banner-imgtxt .txt .ovh{
	border-left: 1px solid #fff;
	padding: 10px 0 0 20px;
	font-size: 14px;
	line-height: 1.71;
	font-family: "宋体";
}
.banner-imgtxt .txt .ovh a{
	color:#FF0000;
}
#banner .slick-arrow{
	position: absolute;
	top: 50%;
	width: 42px;
	height: 42px;
	margin-top: -21px;
	background-repeat: no-repeat;
	background-position: 0 0;
	z-index: 10;
	cursor: pointer;
	background-color: transparent;
	border: 0;
	font-size: 0;
}
#banner .slick-prev{
	background-image: url(../images/prev.png);
	left: 34px;
}
#banner .slick-next{
	background-image: url(../images/next.png);
	right: 34px;
}
#banner{
	overflow: hidden;
	margin-bottom: 27px;
}
.i-news{
	background: rgba(0,0,0,.2);
	padding: 25px 40px;
	overflow: hidden;
}
.i-news-tit{
	position: relative;
	margin-bottom: 15px;
	background: url(../images/tit_bg.png) left center no-repeat;
	padding-left: 60px;
	font-size: 16px;
	color: #333;
	padding-right: 30px;
}
.i-news-tit a{
	font-size: 14px;
	color: #fff;
}
.i-news ul li{
	float: left;
	width: 50%;
	padding: 0 45px 0 15px;
	font-size: 14px;
	color: #fff;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
}
.i-news ul li a{
	color: #fff;
	display: block;
	/*width: 80%;*/
	overflow: hidden;
	float: left;
}
.i-news ul li a:hover{
	text-decoration: underline;
}
.i-news ul li span{
	float: right;
}
.i-news ul li:nth-child(2n){
	padding-right: 20px;
}

#fd{
	border-top: 16px solid #7f7f7e;
	margin-top: 25px;
	background: #6b6b6b;
	padding-top: 25px;
	color: #fff;
	overflow: hidden;
	font-size: 14px;
}
#fd dl{
	float: left;
	margin-left: 48px;
	line-height: 30px;
	color: #bcbcbc;
}
#fd .fd-add{
	width: 520px;
}
#fd dl dt{
	font-size: 16px;
	color: #fff;
	margin-bottom: 10px;
}
#fd .fd-link a{
	float: left;
	width: 50%;
	color: #bcbcbc;
} 
#fd .fd-link a:hover{
	text-decoration: underline;
}
#fd .fd-code{
	float: right;
	margin-right: 30px;
	width: 124px;
	text-align: center;
	font-size: 16px;
	line-height: 30px;
}
#fd .fd-copy{
	margin-top: 10px;
	background: #7f7f7e;
	line-height: 43px;
	text-align: center;
}

#fd .friend{
	display: inline-block;
	position: relative;
	margin-left: 20px;
}
#fd .friend dl{
	position: absolute;
	left: 50%;
	bottom: 43px;
	margin-left: 0;
	width: 200px;
	background: #fff;
	margin-left: -75px;
	display: none;
}
#fd .friend:hover dl{
	display: block;
}

#hd{
	border-top: 10px solid #6b6b6b;
	height: 107px;
}
#hd .logo{
	float: left;
}
#hd .logo a{
	display: block;
	line-height: 97px;
}
#hd .logo img{
	display: inline-block;
	vertical-align: middle;
}
#hd .tel{
	float: right;
	background: url(../images/icon_tel.png) left center no-repeat;
	padding-left: 56px;
	font-size: 14px;
	color: #666;
	margin-top: 24px;
}
#hd .tel b{
	display: block;
	color: #6b6b6b;
	font-size: 30px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#nav{
	height: 50px;
	line-height: 50px;
	background: #6b6b6b;
	font-size: 0;
	text-align: center;
	position: relative;
	z-index: 1000;
}
#nav li{
	display: inline-block;
	font-size: 18px;
	position: relative;
}
#nav ul li a{
	display: inline-block;
	width: 145px;
	text-align: center;
	color: #fff;
	/*border-right: 1px solid #fff;*/
}
#nav ul li em{
	height: 19px;
	width: 1px;
	background: #fff;
	display: inline-block;
	vertical-align: middle;
}
#nav ul li:last-child a,
#nav ul li.last a{
	border-right: 0;
}
#nav ul li > a:hover,
#nav ul li dl dd a:hover,
#nav ul li.ok > a{
	background: #6b6b6b;
	color: #fff;
}
#nav li dl{
	position: absolute;
	left: 0;
	top: 50px;
	background: #4b4848;
	display: none;
}
#nav li.ok dl{
	display: block;
}


#ban-in img{
	display: block;
	width: 100%;
}
.snv{
	height: 50px;
	background-size: 100% 100%;
	background: url(../images/snv_bg.jpg) repeat-y center top;
	position: relative;
	margin-bottom: 20px;
}
.snv span{
	width: 235px;
    height: 50px;
    padding-left: 35px;
    position: relative;
    float: left;
    line-height: 50px;
    color: #DDDDDD;
    font-size: 18px;
}
.snv ul{
	overflow: hidden;
	margin-left: 30px;
}
.snv li{
	display: inline-block;
}
.snv li a{
	display: block;
	padding: 0 35px;
	height: 50px;
	line-height: 50px;
	font-size: 15px;
	color: #fff;
}
.snv li.on a,
.snv li a:hover{
	background: url(../images/hover.png) no-repeat center center;
	color: #fff;
}

.pro-wrap h3{
	text-align: center;
	background: url(../images/tit_bg2.jpg) center center no-repeat;
	font-size: 24px;
	font-weight: bold;
	color: #000;
	padding-top: 20px;
	padding-bottom: 10px;
}
.pro-wrap h3 span{
	display: block;
	text-transform: uppercase;
	font-weight: normal;
}
.pro-wrap h3 span em{
	color: #d8000e;
}
.pro-wrap .desc{
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 30px;
}
.pro-wrap .desc p{
	text-indent: 2em;
}
.tab-hd{
	overflow: hidden;
	margin-bottom: 25px;
}
.tab-hd li{
	float: left;
	margin-right: 30px;
	width: 176px;
	height: 42px;
}
.tab-hd li a{
	display: block;
	text-align: center;
	line-height: 42px;
	background: #f0f0f0;
	font-size: 16px;
}
.tab-hd li.hover a,
.tab-hd li a:hover{
	background: #cf000e;
	color: #fff;
}
.ul-img{
	margin: 0 -17.5px;
	overflow: hidden;
}
.ul-img li{
	float: left;
	width: 33.3333%;
	text-align: center;
	padding: 0 17.5px;
	position: relative;
	margin-bottom: 25px;
}
.ul-img .li{
	position: relative;
}
.ul-img li .pic,
.ul-img .li .pic{
	width: 310px;
	height: 243px;
}
.ul-img li .pic a,
.ul-img .li .pic a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	color: #fff;
}
.ul-img li .pic img,
.ul-img .li .pic img{
	display: block;
	width: 100%;
	height: 100%;
}
.ul-img li .pic p,
.ul-img .li .pic p{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 40px;
	line-height: 40px;
	width: 100%;
	font-size: 15px;
	background: rgba(0,0,0,.5);
	text-align: center;
	font-weight: normal;
}
.ul-img li .hover,
.ul-img .li .hover{
	position: absolute;
	left: 17.5px;
	top: 0;
	width: 310px;
    height: 243px;
    color: #000;
    z-index: 666;
    background: rgba(76,73,72,.8);
    text-align: center;
    display: none;
}
.ul-img .li .hover{
	left: 0;
}
.ul-img li .hover a,
.ul-img .li .hover a{
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	padding-top: 90px;
	font-size: 20px;
}
.ul-img li .hover a h5,
.ul-img .li .hover a h5{
	font-size: 20px;
	font-weight: bold;
	
}
.ul-img li .hover span,
.ul-img .li .hover span{
	margin-top: 22px;
    width: 124px;
    height: 30px;
    border-radius: 5px;
    border: 1px #fff solid;
    left: 86px;
    font-weight: normal;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    z-index: 5;
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
}
.ul-img li .hover span:hover,
.ul-img .li .hover span:hover,
.pro-more a:hover{
	background: #cf000e;
    color: #fff;
    border: 1px #cf000e solid;
}
.ul-img li.on .hover,
.ul-img .li.on .hover{
	display: block;
}
.ul-img li.on .pic p,
.ul-img .li.on .pic p{
	display: none;
}
.pro-more{
	text-align: center;
	margin-top: 36px;
	margin-bottom: 27px;
}
.pro-more a{
	height: 41px;
    width: 161px;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #4c4948;
    text-align: center;
    line-height: 41px;
    color: #4c4948;
    font-size: 14px;
    text-transform: uppercase;
}
.pro-slider .slick-arrow{
	position: absolute;
	top: 50%;
    width: 47px;
    height: 135px;
    margin-top: -67.5px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 0;
    border: 0;
    cursor: pointer;
    z-index: 100;
}
.pro-slider .slick-prev{
	
}


.ul-img_sub{
	margin: 0 -17.5px;
	overflow: hidden;
}
.ul-img_sub li{
	float: left;
	width: 33.3333%;
	text-align: center;
	padding: 20px 17.5px;
	position: relative;
}
.ul-img_sub li .pic{
	width: 310px;
	height: 243px;
}
.ul-img_sub li .pic a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	color: #fff;
}
.ul-img_sub li .pic img{
	display: block;
	width: 100%;
	height: 100%;
}
.ul-img_sub li .pic p{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 40px;
	line-height: 40px;
	width: 100%;
	font-size: 15px;
	background: rgba(0,0,0,.5);
	text-align: center;
	font-weight: normal;
}
.ul-img_sub li .hover{
	position: absolute;
	left: 17.5px;
	top: 20px;
	width: 310px;
    height: 243px;
    color: #000;
    z-index: 666;
    background: rgba(76,73,72,.8);
    text-align: center;
    display: none;
}
.ul-img_sub li .hover a{
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	padding-top: 90px;
	font-size: 20px;
}
.ul-img_sub li .hover a h5{
	font-size: 20px;
	font-weight: bold;
	
}
.ul-img_sub li .hover span{
	margin-top: 22px;
    width: 124px;
    height: 30px;
    border-radius: 5px;
    border: 1px #fff solid;
    left: 86px;
    font-weight: normal;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    z-index: 5;
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
}
.ul-img_sub li .hover span:hover,
.pro-more a:hover{
	background: #cf000e;
    color: #fff;
    border: 1px #cf000e solid;
}
.ul-img_sub li.on .hover{
	display: block;
}
.ul-img_sub li.on .pic p{
	display: none;
}

.case-wrap{
	background: #f0f0f0;
	padding-bottom: 64px;
	overflow: hidden;
}
.case-tit{
	text-align: center;
	background: url(../images/tit_bg3.png) center 59px no-repeat;
	font-size: 26px;
	color: #6b6b6b;
	font-weight: bold;
	padding: 40px 0;
} 
.case-tit span{
	text-transform: uppercase;
	font-size: 18px;
	color: #666;
	font-weight: normal;
}
.case-slider{
	padding: 0 97px;
}
.case-slider .slider{
	padding: 0 58px;
}
.case-slider .item{
	width: 248px;
	height: 270px;
	padding: 0 24px;
}
.case-slider .item img{
	height: 190px;
	display: block;
	width: 100%;
}
.case-slider .item:hover{
	opacity: .8;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.case-slider .item .txt{
	background: url(../images/txt_bg.jpg) no-repeat;
	height: 80px;
	padding-left: 28px;
	padding-right: 18px;
	color: #fff;
	font-size: 14px;
	overflow: hidden;
}
.case-slider .item .txt h5{
	font-size: 14px;
	padding: 5px 0;
}
.case-slider .slick-arrow{
	position: absolute;
	top: 50%;
	width: 47px;
	height: 135px;
	margin-top: -67.5px;
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 0;
	border: 0;
	cursor: pointer;
}
.case-slider .slick-prev,
.pro-slider .slick-prev{
	background-image: url(../images/prev.jpg);
	left: 0;
}
.case-slider .slick-next,
.pro-slider .slick-next{
	background-image: url(../images/next.jpg);
	right: 0;
}
.pro-slider{
	padding-left: 17.5px;
}
.pro-slider .slick-next{
	right: 27px;
}

.wp2{
	width: 1000px;
	margin: 0 auto;
}

.wp3{
	width: 1200px;
	margin: 0 auto;
}
/* —————————————————————————————————————————————— */
/* 标准化样式定义 */
/* —————————————————————————————————————————————— */
/*分页专用css1 -- qipapage*/
.qipapage {line-height:30px;list-style:none;margin:30px 0px 20px;text-align:center;}
.qipapage a {border:1px solid #dedede; padding:0 6px; display:inline-block; margin-right:5px;}
.qipapage a:hover,.qipapage li.active a {border:1px solid #000; color:#000; font-weight:bold; text-decoration:none;}
.qipapage span {border:1px solid #dedede; padding:0 20px; display:inline-block;}
.qipapage li {display:inline-block; margin-right:10px; margin-bottom:10px;}
.qipapage td {margin-right:10px; margin-bottom:10px;}


/*单页*/
.sgPage{ padding:0 15px 20px 15px; line-height:35px; color:#2b2b2b;font-size:16px;}
.sgPage p{margin:10px 0;font-size:16px;text-indent:2em;}
.sgPage a{color:#000000;}


/*新闻列表*/
.ul-news-list{
    padding-top: 20px;
}
.ul-news-list li{
    overflow: hidden;
    margin-bottom: 20px;
}
.ul-news-list li .pic{
    float: left;
    margin-right: 20px;
    width: 200px;
	height:150px;
}
.ul-news-list li .pic img{
    width: 100%;
	height:100%;
    display: block;
}
.ul-news-list li .txt{
    overflow: hidden;
    line-height: 26px;
}
.ul-news-list li .txt h3{
    font-size: 16px;
    color: #333;
	font-weight:bold;
}
.ul-news-list li .txt .desc{
    font-size: 15px;
    color:#666666;
}
.ul-news-list li .txt .time{
    color: #999;
}
.ul-news-list li .txt .more{
    width: 100px;
    height: 30px;
    border: 1px solid #e4e4e4;
    color: #bd291f;
    display: block;
    background: #fff;
    text-align: center;
    margin-top: 10px;
}
.ul-news-list li a{
    display: block;
    padding: 20px;
    overflow: hidden;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.ul-news-list li a:hover{
    background:#CCCCCC;
    text-decoration: none;
    color: #fff;
}
.ul-news-list li a:hover .time{
    color: #bd291f;
}
.ul-news-list li a:hover h3{
    color: #bd291f;
}

/*图片列表*/
.ul-img-list{
    padding-top: 20px;
}
.ul-img-list li{
    float: left;
    width: 25%;
    padding: 0 10px;
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
}
.ul-img-list li a{
    display: block;
    position: relative;
    color: #fff;
    overflow: hidden;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.ul-img-list li a img{
    width: 100%;
	height:200px;
    display: block;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.ul-img-list li p{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    font-size: 15px;
    background: rgba(0,0,0,.5);
    text-align: center;
    font-weight: normal;
	color:#FFFFFF;
}
.ul-img-list li a:hover img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2); 
    -ms-transform: scale(1.2); 
    -o-transform: scale(1.2); 
    transform: scale(1.2);
    transform-origin: 50% 50%;
}
.ul-img-list li a:hover h3{
    background: rgba(0,0,0,.7);
}

/*产品系统列表*/
.ul-img-list_pro{
    padding-top: 20px;
}
.ul-img-list_pro li{
    float: left;
    width: 33%;
    padding: 0 10px;
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
}
.ul-img-list_pro li a{
    display: block;
    position: relative;
    color: #fff;
    overflow: hidden;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.ul-img-list_pro li a img{
    width: 100%;
	height:200px;
    display: block;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.ul-img-list_pro li h3{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    font-size: 15px;
    background: rgba(0,0,0,.5);
    text-align: center;
    font-weight: normal;
}
.ul-img-list_pro li a:hover img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2); 
    -ms-transform: scale(1.2); 
    -o-transform: scale(1.2); 
    transform: scale(1.2);
    transform-origin: 50% 50%;
}
.ul-img-list_pro li a:hover h3{
    background: rgba(0,0,0,.7);
}

/* —————————————————————————————————————————————— */
/* CMS系统样式定义 */
/* —————————————————————————————————————————————— */

/*public.css 3.2版*/
.list_page{text-align:center;margin:0px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}

/*artshow.css*/

.title{line-height:30px;height:30px;margin:30px 0 15px 0;}
.title h1{font-size:18px;font-family:microsoft yahei;text-align:center;font-weight:normal;margin:0;}
.item{color:#999;text-align:center;margin:20px 0;font-family:arial;border-bottom:1px solid #f0f0f0;padding:0 0 15px 0;}
.item a{color:#6f5119;}
.content{word-break:break-all;line-height:30px;color:#2b2b2b;}
.content a{color:#2b2b2b;}
.content p{margin:10px 0;font-size:16px;padding-top:10px; text-indent:2em;}
#sdcms_content img{
max-width: 900px; 
  height:auto; 
  width:expression(this.width > 900 ? "900px" : this.width); 
  }
.content img{
max-width: 900px; 
  height:auto; 
  width:expression(this.width > 900 ? "900px" : this.width); 
  }


.pre,.next{line-height:30px;height:30px;}
.infodot{border-top:1px dashed #ccc;margin:15px 0;}

.col-l{
	width: 60%;padding:0 15px 20px 15px;
}
.col-r{
	width: 40%;padding:0 15px 20px 15px;
}

.col-l{
	width: 40%;padding:50px 15px 20px 15px;
}
.col-r{
	width: 60%;padding:0 15px 20px 15px;
}