/* CSS Document */

@import url("common.css");
img{border:0px;}
/* banner */
.banner{ width:100%;  position:relative;min-height:300px;  max-height:430px; background:#fff; overflow:hidden;  }
.banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.banner .bd ul{ width:100% !important;  }
/*.banner .bd li{ width:100% !important;  min-height:300px; max-height:430px; overflow:hidden; text-align:center; float:left;  }*/
.banner .bd li{
	position:fixed;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	min-width: 1000px;
	z-index:1;
	zoom: 1;
	background-color: #fff;
	background-size: cover;
	 -webkit-background-size: cover;
	-o-background-size: cover;
	background-position: center 0;	
}    
.banner .bd li a{ display:block;height:430px;width:100%;cursor: pointer;}
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px;text-align:center;}
.banner .hd ul{ text-align:center;  padding-top:5px; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:20px; height:20px; margin:2px 5px; background:url(../images/banner_pre_next.png) -25px 0; overflow:hidden; line-height:9999px; }
.banner .hd ul .on{ background-position:0 0; }

.index_main{
	width:1020px;
}
.index_main .tit{
	font-size:24px;
	color:#222;
	text-align:center;
}
.index_main .title{
	height:45px;
	width:100%;
}
.index_main .title .ico{
	width:35px;
	height:28px;
	background:url(../images/index_ico.png) 0px 3px;
}
.index_main .title .ico2{
	background-position:0px -45px;
}
.index_main .title .ico3{
	background-position:0px -95px;
}
.index_main .title .ico4{
	background-position:0px -147px;
}
.index_main .title .ico5{
	background-position:0px -194px;
}
.index_main .title .ico6{
	background-position:0px -249px;
}
.index_main .title .name{
	font-size:20px;
	color:#222;
	width:120px;
	line-height:28px;
}
.index_main .title .desc{
	font-size:14px;
	color:#333;
	line-height:36px;
}
.index_main .title .more a{
	position:relative;
	top:8px;
}
.about_xsl{
	width:100%;
	height:195px;
}
.about_xsl .about_xsl_ul dl{
	width:325px;
	float:left;
}
.about_xsl .about_xsl_ul dl dt{
	font-size:20px;
	color:#222;
	height:45px;
	line-height:22px;
	width:300px;
	text-align:center;
}
.about_xsl .about_xsl_ul dl li{
	width:300px;
	color:#888;
	line-height:20px;
}
.about_xsl dl.about_xsl_dl2{
	width:345px;
	height:120px;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
}
.about_xsl dl.about_xsl_dl2 dt,.about_xsl dl.about_xsl_dl2 li{
	margin:0px auto;
}
.about_xsl dl.about_xsl_dl2 li span{
	display:block;
	width:50%;
	float:left;
}
.about_xsl dl.about_xsl_dl3{
	border:0px;
	height:auto;
}
.team_xsl{
	width:100%;
	height:300px;
}
.team_xsl_ul li{
	width:350px;
	height:410px;
	overflow:hidden;
	color:#fff;
}
.team_xsl_ul li .pic img{
	width:350px;
	height:410px;
	overflow:hidden;
}
.index_main li .name,.slider .case_con_ul .name{
	color:#fff;
	font-size:14px;
	position:relative;
	top:-30px;
	width:80px;
	height:30px;
	text-align:center;
	line-height:26px;
	background-color: rgba(0,0,0,0.7);
	filter:alpha(opacity=70);  
    -moz-opacity:0.70;  
    -khtml-opacity: 0.70;  
    opacity: 0.70; 
}
.team_xsl_ul li .more{
	width:350px;
	height:410px;
	position:relative;
	top:-410px;
	top:0px;		
}
.team_xsl_ul li .more_div{
	background-color: rgba(240,4,22,0.95);
	position:static;
	width:350px;
	height:410px;
	*zoom:1;
}
.team_xsl_ul li .more .more_con{
	width:256px;
	margin:0px auto;
	color:#fff;
	line-height:22px;
}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
 .index_main li .more_div{
	filter:alpha(opacity=95);  
    -moz-opacity:0.95;  
    -khtml-opacity: 0.95;  
    opacity: 0.95;
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
  .index_main li .more .more_con{
    position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
  }  
}
p.more_con_link{
	width:85px;
	height:30px;
	margin:15px auto;
}
p.more_con_link a.active{
	display:block;
	width:85px;
	height:30px;
	line-height:30px;
	text-align:center;
	border:1px solid #ccc;
	color:#fff;
}
p.more_con_link a:hover{
	border:1px solid #000;
	color:#000;
}
/*案例中心*/
.case_con_all,.other_con_all{
	width:100%;
	overflow:hidden;
}
.case_con{
	height:700px;
}
.case_con .index_main .title .name,.case_con .index_main .title .desc{
	color:#fff;
}
.case_con_ul li,.slider .case_con_ul .case_con_0{
	padding:0px;
	margin:0px;
	height:152px;
	width:203px;
	overflow:hidden;
}
.case_con_ul li img,.slider .case_con_ul .case_con_0 img{
	height:152px;
	width:203px;
}
.case_con_ul li.case_con_1,.slider .case_con_ul .case_con_1{
	height:306px;
	width:409px;
}
.case_con_ul li.case_con_1 img,.slider .case_con_ul .case_con_1 img{
	height:306px;
	width:409px;
}
.case_con_ul li .name{
	top:-35px;
	width:105px;
}
.case_con_jpal,.case_con_gzal{
	background:#333;
}
.case_con_jzal{
	background:#3d3d3d;
}
/*其他*/
.other_con_gcbz{
	height:505px;
	background:#fff;
}
.other_con_gcbz .about_xsl .about_xsl_ul dl dt.ico{
	width:100%;
	height:148px;
	display:block;
}
.other_con_gcbz .about_xsl .about_xsl_ul dl dt p{
	width:100%;
	height:148px;
	display:block;
	background-repeat:no-repeat;
	background-position: top center;
	cursor:pointer;
}
.other_con_gcbz .about_xsl .about_xsl_ul dl dt p.ico1{
		background-image:url(../images/index_bz1.png);
}
.other_con_gcbz .about_xsl .about_xsl_ul dl dt.active p.ico1{
		background-image:url(../images/index_bz1_h.png);
}
.other_con_gcbz .about_xsl .about_xsl_ul dl dt p.ico2{
		background-image:url(../images/index_bz2.png);
}
.other_con_gcbz .about_xsl .about_xsl_ul dl dt.active p.ico2{
		background-image:url(../images/index_bz2_h.png);
}
.other_con_gcbz .about_xsl .about_xsl_ul dl dt p.ico3{
		background-image:url(../images/index_bz3.png);
}
.other_con_gcbz .about_xsl .about_xsl_ul dl dt.active p.ico3{
		background-image:url(../images/index_bz3_h.png);
}
.other_con_gcbz .about_xsl .about_xsl_ul dl li{
	height:60px;
	overflow:hidden;
}
.case_con_ul li .view{
	width:203px;
	height:152px;
	overflow:hidden;
	position:relative;
	top:0px;
	background-color: rgba(240,4,22,0.95);
}
.case_con_ul li .view p.more_con_link{
	margin:60px auto;
}
.other_con_sgxz{
	height:415px;
	background:#e8e8e8;
}
.other_con_foot{
	height:670px;
	background:#fff;
}
.other_con_new1{
	width:355px;
}
.other_con_new2{
	width:310px;
}
.con_news{
	width:310px;
}
.con_news_title{
	width:100%;
	height:50px;
	border:1px solid #ccc;
}
.con_news_title h2{
	position:relative;
	left:20px;
	font-size:20px;
	color:#222;
	line-height:50px;
}
.con_news_title a{
	display:block;
	position:relative;
	right:12px;
	top:15px;
}
.con_news_con{
	width:100%;
	height:410px;
	border:1px solid #ccc;
	border-top:0px;
}
.con_news_con_con{
	width:275px;
	margin:0px auto;
}
.con_news_con_con .hot_pic{
	height:205px;
}
.con_news_con_con .hot_pic img{
	width:275px;
	height:185px;
}
.news_con_ul  ul li{
	width:100%;
	background:url(../images/li_ico.jpg) no-repeat 0px 3px;
	text-indent:20px;
	height:28px;
}
.news_con_ul ul li a{
	font-size:14px;
	color:#666;
}
.other_con_fwzq{
	width:100%;
	height:160px;
}
.other_con_fwzqt{
	width:185px;
	height:45px;
}
.other_con_h2,.other_con_khpj ul,.other_con_shfw_p{
	width:235px;
}
.other_con_fwzqt h2{
	font-size:18px;
	color:#222;
}
.other_con_khpj{
	width:260px;
}
.other_con_khpj ul li{
	width:100%;
	height:66px;
}
.other_con_khpj ul li .ico{
	background:url(../images/message_ico.png) no-repeat 0px 3px;
	width:25px;
	height:66px;
}
.other_con_khpj ul li .txt{
	width:210px;
	line-height:20px;
	height:40px;
	overflow:hidden;
}
.other_con_shfw{
	width:270px;
}
.other_con_shfw_p{
	line-height:20px;
	height:122px;
	padding:10px;
	overflow:hidden;
}
.other_con_lxwm{
	width:305px;
}
.other_con_lxwm .other_con_h2{
	width:295px;
}
.other_con_lxwm_p{
	background:url(../images/index_flxwm.png) no-repeat;
	width:100%;
	height:120px;
}
.other_con_lxwm_p p{
	position:relative;
	left:55px;
	width:245px;
	color:#666;
}
.other_con_lxwm_p p.p1{
	font-size:14px;
	color:#333;
	line-height:20px;
	height:64px;
}
.other_con_lxwm_p p.p1 font{
	font-size:22px;
	font-weight:bold;
	color:#333;
}
.other_con_lxwm_p p.p2{
	height:34px;
}

/* 案例滚动 */
.slider{ width:100%;  min-width:1200px;  height:305px;  position:relative; overflow:hidden; text-align:center;   }
.slider .bd{ width:1200px; position:absolute; left:50%; margin-left:-600px; height:306px;}
.slider .bd li{ width:1200px;  overflow:hidden; }
.slider .tempWrap{ overflow:visible !important }
.slider .tempWrap ul{  margin-left:-1200px !important; /*强制位置*/  }

.slider .hd{ position:absolute; width:100%; left:0;  z-index:1; height:8px; bottom:20px;  text-align:center;  }
.slider .hd li{ display:inline-block; *display:inline; zoom:1; width:40px; height:8px; line-height:99px; overflow:hidden; background:#4e4e4e;;margin:0 5px; cursor:pointer;}
.slider .hd li.on{ background:#e60012; }
.slider .pnBtn{  position:absolute; z-index:1; top:0; width:100%;  height:306px; cursor:pointer;   }
.slider .prev{ left:-50%; margin-left:-420px;  }
.slider .next{ left:50%;  margin-left:600px;  }
.slider .pnBtn .blackBg{ display:block;  position:absolute; left:0; top:0; width:100%; height:306px; background:#000; filter:alpha(opacity=50);opacity:0.5;   }
.slider .pnBtn .arrow{ display:none;   position:absolute; top:0; z-index:1; width:60px; height:306px;  }
.slider .pnBtn .arrow:hover{ filter:alpha(opacity=60);opacity:0.6; }
.slider .prev .arrow{ right:200px; background:url(../images/slider-arrow.png) -120px 0 no-repeat;   }
.slider .next .arrow{ left:20px; background:url(../images/slider-arrow.png) 0 0 no-repeat;  }

/*.slider .case_con_ul{
	position:relative;
	width:1020px;
	float:right;
}*/
.case_con_ul li div.back{
	background:#000 url(../images/fangdajing_pic.png) no-repeat center center;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	position:relative;
	width:100%;
	height:100%;
	top:0px;
}
.case_con_ul li div.back a{
	width:100%;
	height:100%;
	text-decoration:none;
	text-indent:9999px;
	display:block;
}
.footer_but{
	height:100px;
}

/*案例*/
.addcase_xiaohai{overflow: hidden;margin-top: 25px;margin-top: 0.3rem;}
.addcase_xiaohai .addcase_prolist_xiaohai{overflow: hidden;text-align: center;font-size: 0;line-height: 24px;}
.addcase_xiaohai .addcase_prolist_xiaohai li{width: 19%;height: 235px;margin: 0.5%;position: relative;overflow: hidden;display: inline-block;*display: inline;*zoom:1;float: left;box-sizing:border-box;padding-top: 15%;display: block;}
.addcase_xiaohai .addcase_prolist_xiaohai .img_xiaohai{background-size: cover;background-position: center;background-repeat: no-repeat;-webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s;height: 100%;width: 100%;position: absolute;left: 0;top: 0;transition-timing-function: linear;-moz-transition-timing-function: linear;-webkit-transition-timing-function: linear;-o-transition-timing-function: linear;}
.addcase_xiaohai .addcase_prolist_xiaohai .hvcon_xiaohai{position: absolute;width: 100%;height: 100%;left: 0;top: 0;color: #fff;background: rgba(0,0,0,0.4);text-align: center;box-sizing:border-box;padding-top: 15%;display: block;/*opacity: 0;*/display: none;}
.addcase_xiaohai .addcase_prolist_xiaohai li:hover .hvcon_xiaohai{/*opacity: 1;*/}
.addcase_xiaohai .addcase_prolist_xiaohai li:hover .img_xiaohai{ transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2); }
.addcase_xiaohai .addcase_prolist_xiaohai .hvcon_xiaohai .tit{font-size: 30px;font-weight: bold;color: #ececec;line-height: 40px;overflow: hidden;height: 40px;text-overflow:ellipsis;}
.addcase_xiaohai .addcase_prolist_xiaohai .hvcon_xiaohai .msg{line-height: 24px;font-size: 14px;margin-top: 20px;height: auto;overflow: hidden;}