﻿
@charset "utf-8";
/* CSS Document */
/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
    margin: 0;
    padding: 0;
}


/** 设置默认字体 **/
* {
	margin: 0;
	padding: 0;
	outline: none;
}

body,
button, input, select, textarea /* for ie */ {
    font:100% Microsoft Yahei,微软雅黑, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

img {
	border: none;
}
body{font-size: 12px;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size:100%;} 
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 10px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/** 重置列表元素 **/
ul, ol { list-style: none outside none;margin: 0;padding: 0;}
button, input {line-height: normal;}
button, input, select, textarea {font-size: 100%;margin: 0;outline: 0 none;vertical-align: baseline;}
i, em, cite, u{ font-style: normal; }

/** 重置文本格式元素 **/
a { text-decoration: none; }
a:hover { text-decoration: none; }

sup { vertical-align: text-top; } /* 重置，减少对行高的影响 */
sub { vertical-align: text-bottom; }

/** 重置表单元素 **/
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
textarea{resize:none;}
/* 注：optgroup 无法扶正 */

/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }

/* 重置 HTML5 元素 */
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,
summary, time, mark, audio, video {
    display: block;
    margin: 0;
    padding: 0;
}
.clearfix {zoom:1;}
.mark { background: #ff0; }

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* 常用的通用样式 Common Style */

/* 隐藏 */
.hide { display: none; }
.show { display: block !important; }

/* 清除浮动 */
.clear:after { content: '\20'; display: block; height: 0; clear: both; }
.clear { *zoom: 1;float: none!important;clear:both;}


/* inline block */
.inline-block { display: inline-block; *display: inline; }

.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
/* Clearfix */
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
*html .clearfix{height:1%;}
*+html .clearfix{height:1%;}













.plwrap{width:100%;background-color:#EEEEEE;min-width:1024px;}
.plistContent{padding-top:60px;min-width:1024px;*+padding-top:40px;}
.pc{text-align:center;}
.red{color:#E83828;}
.plistContent .plTitle1{font-size:50px;color:#4B4B4B;}
.plistContent .plTitle6{font-size:22px;color:#666;}
.plistContent .plTitle4{margin-bottom: 10px;color:#4B4B4B;text-transform:Uppercase;}
.plistContent .plslogan{color:#4B4B4B;font-size:20px;margin-top:30px;margin-bottom:10px;}

#ScrollToTop{right:110px;}

/*案例列表*/
#casecon{width:1200px;margin:0px auto;}
#casecon .casenav{font-size:15px;color:#b0b0b0;margin:0 auto;height:24px;}
#casecon .casenav a{color:#222;display: block;}
#casecon .casenav a:hover,#casecon .casenav a.selected{background: #4BCDD9 none repeat scroll 0% 0%;
color: #FFF;
border: 1px solid #4BCDD9;}
#casecon .casenav li{float: left;
margin-right: 10px;
font-size: 18px;
width: 120px;
height: 36px;
font-family: "微软雅黑";
line-height: 36px;
text-align: center;}
#casecon .casenav span{color:#b0b0b0;display:block;float:left;}

.caselist{width:1200px;overflow:hidden;}
.caselist img{width:289px; height:200px;display:block; overflow:hidden;}
.caselist .case_li{background-color:#fff;margin: 36px 0px 0px;width:289px; height:280px;_height:250px;float:left;margin-top:36px;border: 1px solid #DFDFDF;}
.mr{margin-right:0px!important;}
.caselist .case_li img{background-color:#000;opacity: 0.6;filter:alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";}
.caselist .case_li .blackbg{background-color:#000;width:289px; height:200px;display: block;}
.caselist .case_txt{background-color:#fff;display:block;width:269px;height:65px;padding:15px 0 0 20px;}
.caselist .case_txt:hover{background:url(/style/images/case_listbghover.png) no-repeat -25px -5px #E83828;_background:url(/style/images/case_listbghover.gif) no-repeat;}
.caselist .case_li p{color:#222;font-size:15px;padding-bottom:4px;}
.caselist .case_li a:hover p{color:#fff;}
.caselist .case_li span{color:#767676;}
.caselist .case_li a:hover span{font-size:12px;color:#fff;}
a.case_moreline{color:#fff;font-size:16px;background-color:#4BCDD9;width:1192px;text-align:center;height:40px;line-height:40px;margin-bottom:60px;display: block;}
a.case_moreline:hover{background-color:#989898;}
.kefu{ display:block; margin:0 auto; margin-top:20px; width:1200px;}


