body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,form,input,textarea,th,td,select{ margin:0;padding:0; font-weight: normal; font-family:"Microsoft Yahei";}
em{ font-style:normal; }
li{ list-style:none; }
a{ text-decoration:none; color: #333; }
table{ border-collapse:collapse; }
input,textarea,button{ outline:none; }
input[type=submit]:hover,button[type=submit]:hover{cursor:pointer; }
textarea{ resize:none;overflow:auto; }
/*public*/
.clear { zoom: 1; }  
.clear:after { content: ''; display: block; clear: both; }  
.fl { float: left; }  
.fr { float: right; }  
.box_center { display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; -moz-box-pack: center; -moz-box-align: center; }  
.text-left { text-align: left; }  
.text-right { text-align: right; }  
.text-center { text-align: center; }  
.center-block { display: block; margin-left: auto; margin-right: auto; }  
.center { text-align: center; margin: 0 auto; } 
.text-nowrap { white-space: nowrap; } 
.round{border-radius: 50%;} 
.gradient {
	background: -moz-linear-gradient(top, #FFFFFF, #f8f8f8);
	background: -webkit-linear-gradient(top, #FFFFFF, #f8f8f8);
	background: -ms-linear-gradient(top, #FFFFFF, #f8f8f8);
	background: linear-gradient(top, #FFFFFF, #f8f8f8);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#FFFFFF, endColorstr=#f8f8f8)";
	+background: #f9f9f9;
}  
.cursor_no {cursor: not-allowed !important;}
/*layout*/
#content{
	width:100%;
	overflow:hidden;
} 
.header .green{
	float:left;
	display:block;
	height:80px;
	padding-right:1%;
	width:26%;
	background:url(../images/topbar-green.png) right top;
	position:relative;
}
.header .green a{
    display: block;
	height:80px;
	overflow:hidden;
	z-index:999;
}
.header .green img{
	float:right;
	margin-top:15px;
	cursor:pointer;
}
.header .red{
	float:left;
	background:url(../images/topbar-red.png) repeat-x top;
	height:80px;
	width:73%;
	position:relative;
}
.header .red .info{
	float:left;
	display:block;
    background: url(../images/navi_bar_blank.png) no-repeat left top;
	padding-left:75px;
	margin-left:-1px;
}
.header .red .info li{
	float:left;
}
.header .red .info li a{
	display:inline;
	color:white;
	vertical-align:middle;
	margin-left:20px;
	line-height:80px;
	font-size:18px;
	cursor:pointer;
}
.header .red .info li a:hover{
	color:#F4C231;
}
.header .red .info li:first-child{
	margin-left:25px;
}
.header .red .tel{
	float:left;
	margin-left:14%;
	margin-top:20px;
	padding-left:40px;
	height:40px;
	background:url(../images/tel.png) no-repeat left 4px transparent;
}
.header .red .tel dt{
	font-size:12px;
	line-height:15px;
	color:white;
	vertical-align:middle;
}
.header .red .tel dd{
	font-size:24px;
	line-height:28px;
	color:white;
	vertical-align:middle;
}
#banner{
	width:1720px;
	margin:0 auto;
	overflow:hidden;
}
#banner .slider1{
	display:block;
	width:100%;
	height:560px;
	cursor:pointer;
}
#banner .slider2{
	display:block;
	width:100%;
	height:560px;
}
#banner .scrollable .item
{
	display:block;
	position:relative;
	width:2000em;
	height:560px;
	overflow:hidden;
}
#banner .scrollable .item li{
	float:left;
	display:block;
	min-width:1720px;
	height:560px;
	text-align:center;
	overflow:hidden;
	cursor:pointer;
}
#banner .navi{
	display:block;
	position:absolute;
	height:50px;
	top:590px;
	left:50%;
	text-align:center;
}
#banner .navi a {
    float:left;
    display:block;
    margin-right:8px;
    width:16px;
    height:16px;
    line-height:16px;
    text-align:center;
    overflow:hidden;
	border-radius:50%;
	background:#fff;
	box-shadow:1px 1px 2px #888888;
}
#banner .navi a:hover{
	background:red;
	opacity:0.6;
	-moz-opacity:0.6;
	filter:Alpha(opacity=60);
	border-radius:50%;
}
#banner .navi a.active{
	background:red;
}
#banner .scrollable .item img{
	width:100%;
	height:auto;
}
#news,#merchants{
	width:1080px;
	margin:0 auto;
	margin-top:30px;
}
#news #news_info{
	float:left;
}
#content #news_info .news_information{
	display:block;
	width:100px;
	padding-bottom:12px;
	border-bottom:3px solid #ec262e;
}
#news #newsslide{
	float:right;
	margin-top: 41px;
    margin-right: 70px;
}
#newsslide{
		text-align:center;
}
#newsslide li{
	display:inline;
	margin-right:20px;
	cursor:pointer;
}
#newsslide li:hover{
	color:#ec262e;
}
#newsslide li:hover{
color:f1212c;
}
.list_pt li{
	width:339px;
	height:350px;
	float:left;
}
.list_pt span img{
	float:left;
}
#slideproduct .scrollable .item {
    float: left;
    position: relative;
    width: 2000em;
    height: 350px;
}
.list_pt{
	float:left;
	position:relative;
	width:1080px;
	height:350px;
	overflow:hidden;
	margin:0 auto;
}
.w_3{
	width:1180px;
	height:370px;
	margin:0 auto;
	position:relative;
	padding-top:20px;
}
#slideproduct{
	width:1080px;
	margin:0 auto;
	height:350px;
	overflow:hidden;
	position: static;
}
#slideproduct .navi{
	position:absolute;
	right:0;
	top:-20px;
	margin-right:50px;
}
#slideproduct .navi a{
	float:left;
    display: block;
	margin-left:8px;
    width: 12px;
    height: 12px;
	background:#666;
	border-radius:6px;
    line-height: 12px;
    text-align: center;
    overflow: hidden;
}
#slideproduct .navi a.active{
	background:#ec262e;
}
#slideproduct .scrollable .list_pt{
	width:1095px;
}
#slideproduct .scrollable .list_pt li{
	padding:0 15px;
	border-right:1px solid #cccccc;
}
#slideproduct .scrollable .list_pt li:first-child{
	padding:0px 15px 0px 0px;
}
#slideproduct .scrollable .list_pt .p,#slideproduct .scrollable .list_pt li img{
	display:block;
	width:340px;
	height:204px;
}
#slideproduct .scrollable .list_pt .t{
	display:block;
	width:340px;
	height:180px;
}
#slideproduct .scrollable .list_pt a:hover .title{
	color:#F1212C;
}
#slideproduct .scrollable .list_pt a:hover .check{
	background-color:#F1212C;
	color:white;
	border: 1px #F1212C solid;
	cursor:pointer;
}
#slideproduct .scrollable .list_pt #introduce{
	height:106px;
	overflow:hidden;
}
#slideproduct .scrollable .list_pt a .check{
	text-align:center;
}
#slideproduct .scrollable .list_pt .check{
	width:130px;
	height:38px;
	border-radius: 5px;
	background-color:#ffffff;
	border: 1px #e1e2e3 solid;
	cursor:pointer;
	display: block;
	margin: 0 auto;
	font-size:14px;
	line-height:36px;
}
#introduce .title{
	font-size:20px;	
	text-align:center;
	white-space:nowrap;
	line-height:55px;
	height:50px;
}
#introduce .description{
	font-size:14px;	
	line-height:25px;
	height:50px;
	overflow:hidden;
}
#slideproduct .prev{
	position:absolute;
	left:0px;
	top:147px;
	background:url(../images/g-l.png)no-repeat;
	width:35px;
	height:84px;
	cursor:pointer;
}
#slideproduct .prev:hover{
	background:url(../images/o-l.png)no-repeat;
}
#slideproduct .next{
	position:absolute;
	right:0px;
	top:147px;
	background:url(../images/g-r.png)no-repeat;
	width:35px;
	height:84px;
	cursor:pointer;
}
#slideproduct .next:hover{
	background:url(../images/o-r.png)no-repeat;
}
@media(max-width: 1440px){
	#business{
		height:540px;
		margin:0 auto;
		background:url(../images/bg_green.png);
		text-align:center;
		margin-top:50px;
	}
}
@media(min-width: 1440px){
	#business{
		width:1440px;
		height:540px;
		margin:0 auto;
		background:url(../images/bg_green.png);
		text-align:center;
		margin-top:50px;
	}
}
#business .present .business_line{
	margin:10px 0;
}
#business .present{
	padding-top:30px;
	color:white;
}
#content #business .present .business_area{
	width:100px;
	margin:0 auto;
	border-bottom:3px solid white;
	padding-bottom:10px;
	margin-bottom:10px;
}
#business .under_line{
	margin:0 auto;
}
#business .business{
	width:1080px;
	margin:0 auto;
	margin-top:20px;
}
#business>div>ul>dl{
	width:340px;
	float:left;
	margin:0 15px;
}
#business>div>ul>dl:first-child{
	margin:0px 15px 0px 0px;
}
#business>div>ul>dl:last-child{
	margin:0px 0px 0px 15px;
}
#business .business .gas_pic{
	display:block;
	height:160px;
	overflow:hidden;
}
#business .business .gas_cont{
	height:200px;
	background-color:white;
}
#business .business .gas_cont dt{ 
	padding-top:10px;
	font-size:20px;
	color:#333333;
	height:50px;
	white-space:nowrap;
	width:90%;
	margin:0 auto;
	line-height:50px;
	overflow:hidden;
}
#business .business .gas_cont dd{
	display:block;
	margin:0 auto;
	color:#adadad;
	font-size:14px;
	width:90%;
	height:50px;
	line-height:25px;
	overflow:hidden;
}
#business .business .gas_cont a span{ 
	display:block;
	margin: 10px auto;
	width:130px;
	height:40px;
	font-size:14px;
	line-height:38px;
	border-radius:5px;
	background-color:white;
	border: 1px #8A8A8A solid;
	cursor:pointer;
}
#business .business .gas_cont a span:hover{
	border: 1px #02a24c solid;
	background-color:#02a24c;
	color:white;
}
footer{
	display:block;
	background:#003456;
}
footer #line .blue_line{
	width:67.5%;
	height:10px;
	float:left;
	background:#0070b4;
}
footer #line .green_line{
	width:32.5%;
	height:10px;
	float:left;
	background:#02a24c;
}
footer #information{
	width:1080px;
	margin:0 auto;
	height:120px;
	color:white;
	padding:50px 0;
}
footer #information .police_logo{
	float:left;
	width:100px;
	height:120px;
	font-size:120px;
	line-height:120px;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}
footer #information .message{
	float:left;
}
footer #information .message div{
	display:block;
	padding:10px 0;
	width:620px;
	border-top:1px solid #004672;
	font-size:14px;
	line-height:25px;
	overflow:hidden;
}
footer #information .message ul{
	display:block;
	padding:17px 0;
	height:16px;
	line-height:14px;
	width:620px;
	border-bottom:1px solid #00143c;
	overflow:hidden;
}
footer #information .message ul li{
	float:left;
	height:16px;
	border-right:1px solid #fff;
}
footer #information .message ul li:last-child{
	border-right:none;
}
footer #information ul li a{
	float:left;
	display:block;
	color:white;
	padding:0 18px;
	cursor:pointer;
	overflow:hidden;
}
.clear{
	clear:both;
}
footer #information .btm_qrcode{
	float:right;
}
footer #information .footer_line{
	width:620px;
	margin-top:15px;
}
footer #information .message a{
	color:white;
}
footer #information a:hover{
	color:#02a24c;
}
/*common*/
.banner,.banner li img,#nav,.content,#footer,#page,.banner li,.list_title .simg img,.list_menu,.box_bg{width: 100%;}
#header,.sub_nav,.con_menu,.main,.sub_footer,.article_content,#main_info{width: 1000px;}
#main_info,.sub_footer{padding-top: 60px;  padding-bottom: 90px;}
.con_menu h2:hover,.con_menu a:hover,.con_menu h2.active,.page >a:hover,.page >a.active{ background: #CC0000; color: #fff;}
#header,#menu >ul >li >em,.con_menu h2.active:after{position: absolute; left: 0; right: 0; margin: auto;}
#page,.main_side_itme>em,.industry span{position: absolute; top: 0; bottom: 0; margin: auto;}
.banner li,#page .pre,.main_side .main_side_itme{float: left;}
#page .next{float: right}
*[class*="fa-"] { display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.box_right h3,.box_right dl dt a:hover, .box_right dl dd a:hover,.box_right .active a:hover,.box_right .active a,.sub_footer a:hover {color: #CC0000; }  
.box_right h3 { border-left: 3px solid #CC0000; }
.box_right dl .active,.box_right dl .active:hover{ border-left: 2px solid #CC0000; }
.page{padding: 5px 0px; margin-top: 20px;}
.page .art_prev{float: left;}
.page .art_next{float: right;}
.page >span >a{border: 0;margin-left: 5px;}
.page >a {width: 36px; height: 36px; border-radius: 50%; background: #fff; color: #333; display: inline-block; border: 1px solid #eee; line-height: 36px; text-align: center; margin: 0px 3px;} 
.page >a:hover{border: 1px solid #C00000;}
/*common*/
.list_itme{height: 75px; border-bottom: 1px dashed #e1e2e3; padding: 12px 0px;position: relative;}
.list_itme .date{width: 75px; height: 75px; background: #fff; margin-right: 9px; text-align: center; position: relative;}
.list_itme .date>em{ font-family: Impact; font-size: 50px; display: inline-block; margin: auto; color: #cc0000;}
.list_itme .date span{width: 100%; height: 15px; font-size: 12px; display: block; background: #fff; position: absolute; bottom: 12px;}
.list_itme h3{font-size: 16px; line-height: 30px;}
.list_itme p{font-size: 12px; color: #666666; line-height: 20px;}
/*list*/

.position{ margin-top: 30px; margin-bottom: 10px;}
.position a{padding: 0px 5px; font-size: 16px; line-height:30px;}
.list .date{border-radius: 50%; overflow: hidden;}
.list {border-top: 1px solid #e1e2e3;} 
.list_itme{padding: 20px 0px;}
.list_itme .date >em{}
.list_itme .date,.list_itme .date span,.list_itme .date >em{background: #727272; color: #fff;}
.list_itme:hover .date,.list_itme:hover .date >em,.list_itme:hover .date span{ background: #CC0000;color: #fff;}
.list ul{ display:block; padding:10px 0;}
.list ul li{ float:left; display:block; padding:10px; width:230px; height:160px; overflow:hidden;}
.list ul li a{ display:block; width:230px; height:160px; overflow:hidden;}
.list ul li a .thumb,.list ul li a .thumb img{ width:230px; height:138px; overflow:hidden;}
.list ul li a h3{ display:block; text-align:center; line-height:28px; height:28px; white-space:nowrap; font-size:14px; overflow:hidden;}
.list ul li a:hover h3{ color:#c00;}
.list_dpti{
	display:block;
	overflow:hidden;
	border-top:1px solid #e1e2e3;
}
.list_dpti li a{
	display:block;
	overflow:hidden;
}
.list_dpti li{
	display:block;
	position:relative;
	padding:10px 0;
	width:100%;
	border-bottom:1px solid #e1e2e3;
	overflow:hidden;
}
.list_dpti li a .thumb{
	float:left;
	display:block;
	width:200px;
	height:120px;
	margin-right:15px;
	overflow:hidden;
}
.list_dpti li a .thumb img{
	display:block;
	width:200px;
	height:120px;
}
.list_dpti li a h3{
	display:block;
	width:530px;
	height:36px;
	line-height:36px;
	font-size:16px;
	font-weight:normal;
	white-space:nowrap;
	overflow:hidden;
}
.list_dpti li a span{
	display:block;
	width:530px;
	height:28px;
	line-height:28px;
	font-size:14px;
	color:#999;
}
.list_dpti li a p{
	display:block;
	width:530px;
	height:56px;
	line-height:28px;
	font-size:14px;
	overflow:hidden;
}
.list_dpti li a:hover h3{
	color:#c00;
}
a .thumb img{
	transition: all 0.3s ease 0s;
}
a:hover .thumb img{
	transform: scale(1.2, 1.2);
}
/*/list*/

/*article*/
.list_title { position: relative }  
.simg{ display:block; width:100%; height: 320px; overflow:hidden;}
.simg img { display:block; width:100%; height: auto;}
.list_menu { height: 50px; background: #cc0000; text-align: center; line-height: 50px; border-bottom: 1px solid #e1e2e3; }  
.list_menu ul { margin: auto; }  
.list_menu li { display: -webkit-inline-box; display: -moz-inline-box; display: inline-block; }  
.list_menu li a { padding: 0 20px; font-size: 1.2em; color: #ffffff; }  
.list_menu li a:hover {color:orange;}  
.list_menu .active a { min-width: 120px; background: #fff; color: #333333; display: inline-block; }  
.article_content {margin: auto; padding: 50px 0px; }  
.sub_con{ float: left; width: 75%;  }  
.cont_intro { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #e1e2e3; }  
.cont_intro p { margin: 0 0 10px; color: #666666; line-height: 30px; text-indent: 2em; }  
.sub_con .art_title { height:auto; min-height: 130px; line-height: 130px; border-bottom: 1px solid #eee; margin-bottom: 20px; }
.sub_con .art_title h1 { line-height: 2em; float: left; font-size: 1em; max-width: 60%; margin-top: 2.5em; height: 4em; overflow: hidden;}
.art_nsinf { width: 80px; min-height: 80px; border-radius: 50%; background: #CC0000; color: #fff; float: left; margin: 30px 20px 20px 0; text-align: center; position: relative; overflow: hidden;}
.art_tts span { display: block; line-height: 70px; font-weight: 700; font-size: 3.5em; font-family: Impact, Helvetica, sans-serif; }  
.art_tts font { width:70px; position: absolute; right: 0px; bottom: 13px; display: inline-block; padding: 0 5px; font-weight: 400; font-style: normal; font-size: 9pt; opacity: 1; height: 19px; line-height: 19px; border-radius: 0px; text-align:center;}
.info_r { display: block; line-height: 138px; width: 160px; text-align: right; overflow: hidden; float: right; position:relative;}  
.btn-sm, .btn-group-sm> .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }  
.btn{ display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none;}
.btn-default{background: #fff; border: 1px solid #eee; border-radius: 4px; color: #444;}
.btn-default:hover{background: #C00000; color: #fff; border: 0;}
.btn{width: 45px; height: 45px; padding: 0px; border-radius: 50%; text-align: center; margin-left: 5px; }
.btn >span{font-size: 20px;}
.sub_con .art_info { margin: 2% 0; padding-bottom: 30px; line-height: 30px; border-bottom: 1px solid #eee; }  
.sub_con .art_info p {}  
.cont_share { padding-bottom: 50px; width:80%; float:left;}
.cont_share > .bdsharebuttonbox{float: left;}
.cont_share > .page { margin: auto;  float: left; padding: 10px; width: 55%;}  
 
.art_tts font{ background: #CC0000; color: #fff }  
.box_right { width: 21%;  margin-top: 30px; overflow: hidden;}  
.box_right { color: #333; }  
.box_right h3 { padding-left: 12px; height: 40px; line-height: 40px; white-space: nowrap; font-size: 1rem;}  
.box_right dl dt { padding-left: 25px; height: 40px; line-height: 40px; font-weight: normal; }  
.box_right dl dt a { font-size: 16px; }  
.box_right dl dd { padding-left: 35px; height: 30px; line-height: 30px; } 
.box_right dl dt:hover,.box_right dl dd:hover { border-left: 1px solid #CC0000; }
.box_right dl dt a, .box_right dl dd a { display:block; color: #333; white-space: nowrap; }
.box_right dl dt:hover{ padding-left: 24px;}
.box_right dl dt.active{ padding-left: 23px;}
.box_right dl dd:hover{ padding-left: 34px;}
.box_right dl dd.active{ padding-left: 33px;}
.qrcode { position: absolute; top: 0; left: 20%; display: none; padding: 8.5%; background: #fff }  
#qrcode img { margin: auto }  
.qrcode span { display: block; padding-top: 5px }  
.box_bg { position: fixed; top: 0; height: 100%; background: hsla(0, 0%, 100%, 0.8); }  
.box_qrcode { width: 300px; height: 360px; text-align: center; position: absolute; top: 25%; left: 40%; right: 50%; background: #fff; box-shadow: 2px 2px 5px #999; border-radius: 5px; }  
.box_qrcode .explain { height: 30px; margin-top: 11px; }  
.box_qrcode .explain span { background: #EEEEEE; border-radius: 3px; padding: 5px; float: left; font-size: 1.2em; }  
.box_qrcode .explain> i { float: right; line-height: 14px; display: block; text-align: right; font-size: 1.2rem; cursor: pointer; margin-right: 6px; color: #666; }  
#qrcode { margin: 38px; }
.detail #footer{ border-top: 1px solid #eee;}
/*article*/

/*event*/

@media (min-width:1440px) {
	#header{width: 75%;}
}
.servicer{
	position:fixed;
	_position:absolute;
	width:135px;
	background:#999 url(/images/servicer.png) no-repeat 0px 0px;
	border-top:1px solid #e1e2e3;
	border-left:1px solid #e1e2e3;
	border-bottom:1px solid #e1e2e3;
	top:100px;
	right:0px;
	_top:expression(eval(document.documentElement.scrollTop)+160);
	_left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));
	z-index:9999;
	overflow:hidden;
}
.servicer.hid{
}
.servicer ul{
	display:block;
	position:relative;
	padding-top:110px;
	overflow:hidden;
}
.servicer ul li{
	display:block;
	font-size:12px;
	padding:5px;
	height:auto;
	border-bottom:1px thin #900;
	background:#fff;
	text-align:center;
	overflow:hidden;
}
.servicer ul li.phone{
	text-align:left;
}
.servicer ul li.phone b{
	display:block;
	font-size:16px;
	color:#900;
	white-space:nowrap;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.servicer ul li.close{
	display:block;
	position:absolute;
	top:5px;
	right:0px;
	font-size:12px;
	padding:0px;
	height:26px;
	width:26px;
	border-bottom:none;
	line-height:100px;
	white-space:nowrap;
	background:url(/images/icon_common.gif) -26px -64px no-repeat transparent;
	cursor:pointer;
	overflow:hidden;
}
.servicer ul li.open{
	display:none;
}
.servicer.hid ul li.close{
	display:none;
}
.servicer.hid ul li.open{
	display:block;
	position:absolute;
	top:5px;
	right:0px;
	font-size:12px;
	padding:0px;
	height:26px;
	width:26px;
	border-bottom:none;
	line-height:100px;
	white-space:nowrap;
	background:url(/images/icon_common.gif) 0px -64px no-repeat transparent;
	cursor:pointer;
	overflow:hidden;
}
.notice{
	display:block;
	width:100%;
	text-align:center;
	background:#900;
	color:#fc0;
	overflow:hidden;
}
.notice a{
	color:#fc0;
}
.notice a:hover{
	color:#fff;
}
.nodata{
	display:block;
	width:100%;
	padding:50px 0px;
	color:#c00;
	font-size:16px;
	text-align:center;
	overflow:hidden;
}
#allmap
{
	display:block;
	margin:10px auto;
	width:100%;
	height:420px;
	border:1px solid #818181;
	background:#fff;
	overflow:hidden;
}
.w_4{
	display: block;
	width:1080px;
	height:432px;
	margin:0 auto;
	position:relative;
	padding:50px 0;
	overflow: hidden;
}
.list_pt4{
	display: block;
	width:1080px;
	height: auto;
	overflow: hidden;
}
.list_pt4 li{
	float:left;
	position: relative;
	display: block;
	width:216px;
	height:144px;
	padding: 0;
	overflow: hidden;
	z-index: 0;
}
.list_pt4 li img{
	display:block;
	width:216px;
	height:144px;
	transition: all 0.3s ease 0s;
}
.list_pt4 li:nth-child(2n){
	border-top: 8px solid #fff;
	border-bottom: 8px solid #fff;
	border-right: 12px solid #fff;
	border-left: 12px solid #fff;
	width:192px;
	height:128px;
}
.list_pt4 li:nth-child(2n) img{
	width:192px;
	height:128px;
}
.list_pt4 li img:hover{
	transform: scale(1.2, 1.2);
}
.list_pt4 li a span{
	display: block;
	position: absolute;
	left: 0;
	bottom:0px;
	text-align: center;
	padding: 0 3%;
	width: 94%;
	color: #fff;
	height: 0px;
	line-height: 30px;
	background: rgba(0,0,0,0.36);
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
	transition: all 0.3s ease 0s;
}
.list_pt4 li a:hover span{
	height: 30px;
}
.list_pt4 li.merchant{
	position: absolute;
	top:202px;
	left: 444px;
	width:216px;
	height:144px;
	border:none;
	overflow: visible;
	z-index: 99;
}
.list_pt4 li.merchant div{
	display: block;
	margin: -16px 0 0 -24px;
	width: 216px;
	height: 84px;
	padding: 38px 12px;
	text-align: center;
	background: #c00;
	color: #fff;
	overflow: hidden;
}
.list_pt4 li.merchant div a{
	display: block;
	font-size: 24px;
	line-height: 50px;
	font-weight: normal;
	color:#fff;
	overflow: hidden;
}
.list_pt4 li.merchant div span{
	display: block;
	margin: 0 auto;
	width: 160px;
	font-size: 16px;
	white-space: nowrap;
	line-height: 30px;
	border-bottom: 3px solid #fff;
	overflow: hidden;
}