/*
函信网络 设计编写 原创设计 请勿仿制
公司网址:www.hanett.com 
sanshui编写
*/
@font-face {
    font-family:'fontawesome-webfont';
	src:url(/public/font/fontawesome-webfont.woff);
    font-weight: normal;
   
}
/*全局样式*/
@CHARSET "UTF-8";
body{color:#666;background: #fff;font:14px/1.5 Verdana,'Microsoft yahei',Tahoma,Geneva,sans-serif;min-width:1100px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body,ul,ol,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr{margin:0;padding:0;}
input,select{font-size:12px;vertical-align:middle;}
body div{text-align:left;}
textarea,input{word-wrap:break-word;word-break:break-all;padding:0px;}
ul,li{list-style-type:none;}
p{line-height:24px;font-size:13px;    color: #6a6a6a;}
table{border-collapse: collapse;display: table;}
td{}
img{border:0 none;}
a:link, a:visited{color:#000000;;text-decoration: none;outline: none;}
a:hover{color:#0c242e;}
button,input,select,textarea{font-size:100%;font-family:inherit;margin:0;outline:none;}
h1{ font-size:24px;}
h2{ font-size:20px;}
h3{ font-size:18px;}
h4{ font-size:16px;}
h5{ font-size:14px;}
h6{ font-size:12px;}
.block {width:1200px; height:auto; clear:both;margin:0 auto;}
.block1{width:90%; height:auto; clear:both;margin:0 auto;min-width:1200px;}
.block2{width:98%; height:auto; clear:both;margin:0 auto;min-width:1200px;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} 
.clearfix { display: inline-table; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.clear{clear:both;}
.fl { float:left;}
.fr { float:right;}

pre{overflow:auto;margin:0 0 1em 0;width:99%;font-size:12px;font-family:'Courier New',Monospace;
white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}
/* 头部代码开始 */
.header{width:100%;position:relative;z-index:999;}
.header .block1 .logo{width:380px;float:left;padding:20px 0;}
.header .block1 .logo img{width:100%;}
/* .header .block1 .nav{float:right;width: auto;margin-top:15px;}
.header .block1 .nav ul li{width:auto;margin:0 10px;float:left;}
.header .block1 .nav ul li a{padding:0 8px;line-height:60px;}
.header .block1 .nav ul li.on{border-bottom:2px solid #e60012;}
.header .block1 .nav ul li.on a{color:#e60012;} */
.navbar {
	position: relative;
	z-index: 1;
	width:700px;
	color: #333;
	height: 85px;
	line-height: 85px;
	float:right;
}

.nav {
	width: 700px;
	margin: 0 auto;
	font-family: "Microsoft YaHei",SimSun,SimHei;
}

.nav a {
	color: #333;
}

.nav h3 {
	float: left;
	font-size: 100%;
	font-weight: normal;
	font-size: 14px;
	z-index:999;position:relative;
	width:100%;
}

.nav .m {
	float: left;
	position: relative;
	width:85px;line-height:85px;
}

.nav .s {
	float: left;
	width: 9px;
	text-align: center;
	color: #eee;
}

.nav h3 a {
	display: block;
width:100%;
text-align:center;
display:block;

}

.nav .on a {
	color:#fff;
}

.nav .sub {
	display: none;
	width: 500px;
	position: absolute;
	left: 0;
	top: 85px;
	height: 60px;
    line-height: 60px;
    padding: 0;
    font-size: 14px;
	background: #4c4a4f;
	float: left;
}

.nav .sub li {
	float: left;
}

.nav .sub li a {
	display: block;
	color:#fff;
	width:100px;
	text-align:center;
}

.nav .sub li a:hover {
	
	color: #fff;
}
.mask{width:100%;height:0px;background:#000;height:0px;top:85px;position:absolute;transition: all 0.2s ease;opacity:0;}
.on .mask{top:0;height:85px;opacity:1;}
.m:hover .mask{top:0;height:85px;opacity:1;}
.m:hover h3 a{color:#fff;}
/* banner */
.banner{ height:680px; position:relative;}
.banner .swiper-slide{ background-repeat:no-repeat; background-position:center center; background-size:cover;}
.banner .swiper-slide a{ display:block; height:680px; }
.Ban_boximg{ position:absolute;}
.Ban1 .Ban_boximg {width: 1200px;position: absolute;left: 50%;margin-left: -600px;}

.Ban2 .Ban_boximg{ width:36%; left:50%; margin-left:-18%; top:28%}
.banner .swiper-pagination-bullet{ width:14px; height:14px; background:#FFFFFF; opacity:1; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.banner .swiper-pagination-bullet-active{ background:none; border:2px solid #FFFFFF;}

.banner_prev,.banner_next{ position:absolute; top:55%; font-family:Arial; font-size:16px; color:#FFFFFF; z-index:1; cursor:pointer;}
.banner_prev{ padding-left:50px; left:0;}
.banner_next{ padding-right:50px; right:0;}
.banner_prev:after,.banner_next:after{ position:absolute; top:50%; width:30px; height:1px; background:#FFFFFF; display:block; content:""; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.banner_prev:after{ left:0;}
.banner_next:after{ right:0;}
.banner_prev:hover:after,.banner_next:hover:after{ width:40px;}
.banner-t h3{text-align:left;font-size:60px;color:#fff;margin-top:88px;font-weight:normal;}
.banner-t p{text-align:left;font-size:35px;color:#fff;font-weight:normal;}

/* 我们的服务 */
.service{width:100%;background:url(../images/bg.jpg) no-repeat center center;height:650px;}
.tit{text-align:center;padding-top:80px;}
.tit h1{font-size:27px;color:#4c4c4c;font-weight:normal;line-height:70px;}
.tit p{text-align:center;font-size:14px;line-height:20px;}
.service .service_list{margin-top:85px;}
.service .service_list ul li{     transition: all 300ms linear;   border-radius: 5px;padding:20px 35px;width:240px;float:left;height:230px;overflow:hidden;box-sizing:border-box;overflow:hidden;}
.service .service_list ul li .icon{width:110px;height:115px;margin:0 auto;}
.service .service_list ul li .service_info h3{    transition: all 300ms linear;font-size:16px;text-align:center;font-weight:normal;color:#4c4c4c;line-height:16px;padding-top:50px;}
.service .service_list ul li .service_info p{    transition: all 300ms linear;font-size:12px;color:#999999;line-height:12px;padding-top:18px;opacity:0;}
.service .service_list ul li:hover{background:#fff;} 
.service .service_list ul li:hover .service_info h3{padding-top:20px;} 
.service .service_list ul li:hover .service_info p{opacity:1;}
.icon1{background:url(../images/icon1.png) no-repeat center center;transition: all 300ms linear;}
.icon2{background:url(../images/icon2.png) no-repeat center center;transition: all 300ms linear;}
.icon3{background:url(../images/icon3.png) no-repeat center center;transition: all 300ms linear;}
.icon4{background:url(../images/icon4.png) no-repeat center center;transition: all 300ms linear;}
.icon5{background:url(../images/icon5.png) no-repeat center center;transition: all 300ms linear;}
.service .service_list ul li:hover .icon1{background:url(../images/icon11.png) no-repeat center center;}
.service .service_list ul li:hover .icon2{background:url(../images/icon22.png) no-repeat center center;}
.service .service_list ul li:hover .icon3{background:url(../images/icon33.png) no-repeat center center;}
.service .service_list ul li:hover .icon4{background:url(../images/icon44.png) no-repeat center center;}
.service .service_list ul li:hover .icon5{background:url(../images/icon55.png) no-repeat center center;}


/* 案例 */
.case{width:100%;height:900px;background:url(../images/case.jpg) no-repeat center center;}
.case .tit{padding-top:80px;}
.case ul{padding-top:50px;}
.case ul li{margin-bottom:16px;width:294px;margin-right:7px;float:left;overflow:hidden;box-sizing:border-box;padding:7px;background:#fff;/* box-shadow:6px 6px 5px rgba(0,0,0,0.2); */}
.case ul li .case_img{width:280px;overflow:hidden;}
.case ul li .case_tit h3{padding-top:5px;font-size:18px;font-weight:normal;line-height:30px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case ul li .case_tit p{font-size:14px;font-weight:normal;line-height:22px;}
.case ul li:nth-child(4n){margin-right:0;}
.case ul li a{width:100%;height:100%;display:block;}
.case ul li img{width:100%;    transition: all 300ms linear;}
.case ul li:hover img{    transform: scale(1.05);
    -moz-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
}

/* 新闻 */
.new{width:100%;background:url(../images/new.jpg) no-repeat center center;height:800px;}

.new .tit{padding-top:100px;}
.new .tit h1{color:#fff;}
.new .tit p{color:#fff;}
.new .new_list{margin-top:80px;position:relative;}
.new .new_list ul li{width:400px;float:left;overflow:hidden;box-sizing:border-box;}
.new .new_list ul li a{width:100%;height:100%;border:1px solid rgba(255,255,255,0);display:block;box-sizing:border-box;}
.new .new_list ul li .img{margin-left:29px;padding-top:30px;width:343px;overflow:hidden;}
.new .new_list ul li .img img{width:100%;}
.new .new_list ul li .new_t{padding-left:29px;}
.new .new_list ul li .new_t h5{color:#fff;font-size:16px;font-weight:normal;line-height:35px;}
.new .new_list ul li .new_t p{color:#999999;font-size:16px;font-weight:normal;line-height:24px;padding-bottom:10px;}
.new .new_list ul li .more{opacity:0;height:60px;width:100%;background:#fff url(../images/more.png) no-repeat center center;}

.new .new_list ul li:hover a{border:1px solid #fff;}
.new .new_list ul li:hover .more{opacity:1;}


.hd .prev{position:absolute;top:150px;width:30px;height:55px;background:url(../images/prev.jpg) no-repeat center center;left:-80px;}
.hd .next{position:absolute;top:150px;width:30px;height:55px;background:url(../images/next.jpg) no-repeat center center;right:-80px;}

/* 底部 */
.footer{width:100%;background:#333;}
.footer .block p{color:#999;line-height:60px;text-align:center;}
.footer .block p a{color:#999;}
.footer .block p a:hover{color:#fff;}

/* 单页样式 */
.neibanner{width:100%;height:230px;overflow:hidden;}
.neibanner img{width:100%;}

.con{width:100%;min-height:300px;padding:50px 0;}

.titleBox{
	position:relative;
	padding-bottom:30px;
	background:url(/public/images/dec_title.png) no-repeat center bottom;
	margin-bottom:30px;}

.titleBox h2{
	text-align: center;}

.titleBox h2 em{
	font-family: 'fontawesome-webfont';
	font-weight:normal;
	font-size:26px;
	color:#000;
	font-style:normal;
	
	text-transform:uppercase;}

.titleBox h2 strong{
	display:inline-block;
	border-left:1px solid #dddedf;
	margin-left:8px;
	padding-left:8px;
	font-family: 微软雅黑;
	font-size: 20px;
	color: #000;
	font-weight:normal;}

/* 二级导航 */
.classBox{}
ul.classLink{text-align:center;margin-bottom:30px;}
ul.classLink li{display:inline-block}
ul.classLink li a{position:relative;display:block;margin:3px;padding:5px 21px;border:1px solid #000;color:#000;font-size:15px}
ul.classLink li a.current,ul.classLink li a:hover{background:#000;color:#FFF}
ul.classLink li a.current:after{position:absolute;bottom:-8px;left:50%;margin-left:-8px;width:0;height:0;border-color:#000 transparent transparent transparent;border-style:solid;border-width:8px 10px 0 10px;content:" "}

/* 项目案例 */

ul.roomList {
	clear:both;
	}

ul.roomList li{
	float:left;
	margin-right:45px;margin-bottom:30px;}
ul.roomList li:nth-child(3n){margin-right:0;}

ul.roomList li.col-3{
	width:370px;}

ul.roomList li .Img{
	position:relative;
	border:1px solid #FFF;
	overflow:hidden;}

ul.roomList li .Img img{
	display:block;
	width:100%;}

ul.roomList li .Img a:after{
	content:"";
	background:rgba(0,0,0,0.7);
	
	width:100%;
	height:100%;
	
	position:absolute;
	left:0;
	top:100%;
	z-index:90;
	
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;}
	
ul.roomList li .Img a:before{
	display:block;
	content:"MORE";
	padding:10px 20px;
	font-size:12px;
	color:#FFF;
	border:1px solid #FFF;
	opacity:0;
	
	position:absolute;
	left:50%;
	margin-left:-45px;
	top:50%;
	margin-top:-80px;
	z-index:99;
	
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;}

ul.roomList li .Img:hover a:after{
	top:0;}

ul.roomList li .Img:hover a:before{
	opacity:1;
	margin-top:-20px;}

ul.roomList li .Txt{
	background:#F4F4F4;
	padding: 15px;
	text-align:center;
	box-shadow:0 3px 7px -3px #CFCFCF;}

ul.roomList li .Txt h3{
	font-family:"微軟正黑體", "新細明體", sans-serif;
	font-size:20px;
	color:#4d7ead;}

ul.roomList li .Txt h3 strong{
	font-weight:normal;}

ul.roomList li .Txt h3 strong a{
	color:#000;}

ul.roomList li .Txt h3 strong a:hover{
	color:#725000;}

ul.roomList li .Txt p{
	padding-top:10px;
	font-size:13px;
	color:#777;
	line-height:1.8;
	height:60px;}

ul.roomList li .Img img{
	display:block;
	width:100%;
	
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;}

ul.roomList li .Img:hover img{
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-o-transform:scale(1.05);
	transform:scale(1.05);
	opacity:0.4;}
/* 分页样式 */
.inner-fenye{ margin:27px auto 0px auto;  width:100%; text-align:center;}
.inner-fenye li{display:inline-block; }
.inner-fenye a{ padding:0 20px;background:#fff;color:#666;margin:0 2px;border:1px solid #dbdbdb;line-height:36px;display:inline-block;}


.newlist .newsbody .date .year{font-size:50px;color:#8F8F8F;line-height:46px;display:block;font-family:HELVETICANEUELTPRO-THEX,"微软雅黑";position:absolute;font-weight:400;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
.newlist .newsbody .date .md{color:#999;line-height:20px;overflow:hidden;display:block;font-size:14px;font-family:HELVETICANEUELTPRO-THEX,"微软雅黑";position:absolute;top:62px;font-weight:400;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
.newlist .newsbody .date .md span{display:none}
.newlist .newstitem{width:100%;height:159px;border:1px solid transparent;margin-bottom:20px;background:#f7f7f7;position:relative;}
.newlist .newsbody .date{width:80px;float:right;font-family:HELVETICANEUELTPRO-THEX,"微软雅黑";color:#999;padding:36px 66px 0 0;transition:all .3s ease-out 0s;position:absolute;top:0;right:0;left:auto;background-color:transparent}
.newlist .newsbody .date .year{height:26px;font-size:24px;color:#999;line-height:26px}
.newlist .newsbody .date .md{font-size:13px;color:#999}
.newlist .newstitem .newsimg{width:198px;height:128px;margin:16px;float:left;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;display:block;position:inherit;top:auto;left:auto;bottom:auto;right:auto}
.newlist .newstitem .newscontent:after{content:'';width:230px;height:160px;display:block;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
.newlist .newstitem .news_wrapper{transition: all ease-out .3s;float:right;width:600px;padding:30px 0 34px 0;position:inherit;top:auto;left:auto;bottom:auto;right:auto;height:auto;padding-right:332px;background-color:transparent}
.newlist .newsbody .title{font-size:16px;color:#717171;padding:0;display:block;height:24px;overflow:hidden;margin-bottom:20px;transition:all .3s ease-out 0s}
.newlist .newsbody .description{height:52px;padding:0}
.newlist .newsbody{height:auto}
.newlist .newstitem:hover a .news_wrapper{width:600px;padding-right:312px}
.newlist .newstitem:hover{margin:0;margin-bottom:20px}
.newlist .newstitem:hover .description{color:#999}
.newlist .newstitem:hover .title{color:#333}
.newlist .newstitem:hover .newsbody .date{height:88px;right:20px;background-color:transparent}
.newlist .newstitem:hover .newscontent:after{background:#888}
.newlist .newstitem:hover .newsbody .date .md{color:#999}
.newlist .newstitem:hover .newsbody .date .year{color:#999}
.newlist a.details{top:100px;right:108px;width:35px;height:35px;border-radius:18px;text-align:center;border:1px solid #dedfe1;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;display:block;overflow:hidden;position:absolute;margin:0}
.newlist a.details:after{width:15px;height:9px;background:url(../images/icon.png) no-repeat -110px -11px;display:block;margin:13px 0 0 11px;position:absolute;top:0;content:'';display:block}
.newlist .newstitem:hover a.details:after{background:url(../images/icon.png) no-repeat 0 -71px}
.newlist .newstitem:hover a.details{border:1px solid #888;background:#888;margin-right:-36px}



/*内页  */
.tit-new{border-bottom:1px solid #D2D2D2;margin-bottom:42px;padding-top:20px; padding-bottom:20px;}
.tit-new h1{font-size:26px;font-weight:bold;color:#444;line-height:50px;font-weight:normal;text-align:center;}
.tit-new span{    font-size: 13px; text-align:center;   color: #6a6a6a;display:block;margin-top:50px;}
.news-nr{padding-bottom:40px;border-bottom:1px solid #D2D2D2;margin-bottom:20px;}
.fenyList{padding:0 10px;margin-top:15px;font-size:14px;}
.prew{font-size:14px;color:#323232;line-height:30px;cursor:pointer;}
.next{font-size:14px;color:#323232;line-height:30px;cursor:pointer;}

/* 在线留言 */
.zxly{padding:50px 0;}
.zxly form{width:1250px;}

.zx-h{width:570px;float:left;margin-right:30px;margin-bottom:15px;}
.zx-h label{line-height:18px;padding:12px 0;display:block;}
.zxly label{line-height:18px;padding:12px 0;display:block;}
.intxt{    background-color: #fff;
    border: 1px solid #dbdbdb;
    line-height: 1.286em;
    padding: 12px;
    font-family: "Open Sans",sans-serif;
    color: #5d5d5d;
    font-size: 1em;
    -moz-transition: border-color .2s linear,background-color .2s linear,color .2s linear;
    -o-transition: border-color .2s linear,background-color .2s linear,color .2s linear;
    -webkit-transition: border-color .2s linear,background-color .2s linear,color .2s linear;
    transition: border-color .2s linear,background-color .2s linear,color .2s linear;
    width: 100%;
	box-sizing: border-box;
}

#message{       background-color: #fff;
    border: 1px solid #dbdbdb;
    line-height: 1.714em;
    padding: 15px;
    font-family: "Open Sans",sans-serif;
    color: #5d5d5d;
    font-size: 1em;
    -moz-transition: border-color .2s linear,background-color .2s linear,color .2s linear;
    -o-transition: border-color .2s linear,background-color .2s linear,color .2s linear;
    -webkit-transition: border-color .2s linear,background-color .2s linear,color .2s linear;
    transition: border-color .2s linear,background-color .2s linear,color .2s linear;
width:1170px;
height:262px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;}

	
.intxt:focus,.intxt2:focus,#message:focus{ border-color:#737373; }
.coolbg{margin:0 auto;display:block;margin-top:30px;cursor:pointer;width:108px;line-height:40px;background:#1B1D1F;color:#fff;letter-spacing: 2px;border:none;
    -moz-transition: color .2s linear,background-color .2s linear,border-color .2s linear,opacity .2s linear;
    -o-transition: color .2s linear,background-color .2s linear,border-color .2s linear,opacity .2s linear;
    -webkit-transition: color .2s linear,background-color .2s linear,border-color .2s linear,opacity .2s linear;
    transition: color .2s linear,background-color .2s linear,border-color .2s linear,opacity .2s linear;}

.coolbg:hover{background:#333}
.cbt{width:100%;font-weight:bold;font-size:18px;line-height:50px;margin-bottom:30px;}
.con_dy{width: 1200px;
    box-sizing: border-box;
    padding: 0 15px;}
.zxly{width:100%;box-sizing:border-box;padding:30px 15px;margin-top:60px;padding-bottom:80px;}

/* 关于我们 */
.about{    margin-top: 100px;margin-bottom:100px}	
.about .a_img{width:580px;overflow:hidden;float:left;height:430px;}	
.about .a_img img{width:100%;}	
.about .a_info{width:100%;float:right;}
.atit{margin-bottom:30px}
.atit h3{font-size:24x;color:#000;line-height:45px;text-align:center;}	
.atit span{width:30px;height:2px;background:#000;display:block;margin:10px auto;}	
.about p{text-indent:2em;font-size:14px;color:#999;line-height:24px;margin-bottom:20px}	
	

.cul{    padding-bottom: 40px;width:100%;background:url(../images/culbg.jpg) no-repeat center center;background-attachment: fixed;background-size: cover;}	
.cul .atit{padding-top:100px;margin-bottom:50px;}
.cul .atit h3{font-size:24x;text-align:center;color:#fff;}
.cul .atit span{background:#fff;margin:10px auto;display:block;}
.cul ul{width:1400px;}
.cul ul li{min-height: 203px;width:300px;background: rgba(255,255,255,0.8);float:left;margin-right:150px;margin-bottom:50px;box-sizing:border-box;padding: 30px 50px;    -webkit-transition: all .6s cubic-bezier(.215,.61,.355,1);transition: all .6s cubic-bezier(.215,.61,.355,1);}	
.cul ul li span{font-size:18px;color: #333;text-align:center;width:100%;display:block;line-height:50px;border-bottom:1px solid #333;margin-bottom:20px;}	
.cul ul li p{font-size:14px;text-align:center;color:#666;}
.cul ul li:hover{margin-top: -20px;margin-bottom: 70px;background: rgba(255,255,255,1);}
	
	
	
.zc{margin: 100px 0;}	
.zc .zc_img{width:500px;float:left;overflow:hidden;height:680px}	
.zc .zc_img img{width:100%;}	
.zc .zc_info{width:640px;float:right;}	
.zc .zc_info .zc_t{font-size:24x;font-weight:bold;color:#000;line-height:60px;border-bottom:1px solid #000;margin-bottom:20px}	
.zc .zc_info .zc_c span{font-size:14px;color:#666;display:block;padding-top:30px;padding-bottom:15px;}	
	
.zc .zc_info .zc_c p{font-size:14px;color:#999;line-height:26px;margin-bottom:15px;text-indent:2em;}	
.zc .zc_info .zc_b{width:200px;overflow:hidden;float:right;margin-top:20px}
.zc .zc_info .zc_b img{width:100%;}
.zc .zc_info .zc_p{float:right;font-size:16px;line-height:230px;margin-right:20px;}

.filler2 { position: absolute; display: block; -webkit-transition: 0.4s ease 0.2s; -moz-transition: 0.4s 0.2s; -o-transition: 0.4s 0.2s; transition: 0.4s 0.2s; }
.pg{width:100%;background:url(../images/pg_bg.jpg) no-repeat center center;padding:100px 0;background-attachment: fixed;background-size: cover;}
.pg .aboutLifePage{width:1200px;margin:0 auto;}
.aboutLifePage dd { float: left; width: 25%; *width: 19.98%; display: block; overflow: hidden; position: relative; }
.aboutLifePage .filler2 { background-color: #aa2710; z-index: 2; }
.aboutLifePage .filler2-left { width: 1px; height: 0%; left: 2%; bottom: 2%; }
.aboutLifePage .filler2-right { width: 1px; height: 0%; right: 2%; top: 2%; }
.aboutLifePage .filler2-top { width: 0%; height: 1px; left: 2%; top: 2%; }
.aboutLifePage .filler2-bottom { width: 0%; height: 1px; right: 2%; bottom: 2%; }
.aboutLifePage a:link, .aboutLifePage a:visited { color: #787878; }
.aboutLifePage a:active, .aboutLifePage a:hover { color: #009572; }
.aboutLifePage dd:hover .filler2-left { height: 96%; }
.aboutLifePage dd:hover .filler2-right { height: 96%; }
.aboutLifePage dd:hover .filler2-top { width: 96%; }
.aboutLifePage dd:hover .filler2-bottom { width: 96%; }
.aboutLifePage .img { height: 200px; width: 100%; overflow: hidden; }
.aboutLifePage .img .imgbg { background-size: cover; background-repeat: no-repeat; background-position: center center; transition: 600ms ease 0ms; -webkit-transition: 600ms ease 0ms; width: 100%; height:200px; display: block; }
.aboutLifePage .img img { width: 100%; display: none; transition: 400ms ease 0ms; -webkit-transition: 400ms ease 0ms; opacity: 0; }
.aboutLifePage .con {     background: rgba(255,255,255,0.6); padding: 80px 15% 30px; height: 200px; color: #646464; font-size: 14px; position: relative; text-align: justify;     box-sizing: border-box;min-height:200px;}
.aboutLifePage .t { font-size: 20px; color: #000; text-align:center }
.aboutLifePage .num { position: absolute; width: 40px; height: 40px; border-radius: 50%; background-color: #aa2710; right: 50%; margin-right: -20px; text-align: center; top: -20px; color: #fff; font: 26px/40px "HelveticaNeueCondensed","futura_lightregular","times new roman","microsoft yahei"; /*opacity: 0; visibility: hidden; transform: scale(1.1); -webkit-transform: scale(1.1); transition: 400ms ease 0ms; -webkit-transition: 400ms ease 0ms; */ z-index: 10; }
.aboutLifePage dd:hover .img .imgbg, .aboutLifePage dd:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.aboutLifePage .twoDD .num { top: 100%; margin-top: -25px; }
.pg .atit h3{width:100%;text-align:center;color:#fff;font-size:24x;}
.pg .atit span{margin:0 auto;background:#fff;}