*{box-sizing:border-box;margin:0; padding:0; list-style:none; font-family: "微软雅黑" }
a{ text-decoration:none; color:#333; transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s;  }
a:hover{text-decoration:none}
a:active{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal; margin: 0;}

hr{ border:none;}
.clear{ clear:both;}
.container{ padding: 0;}
p{margin: 0;}
img{ border:0; vertical-align:middle; }
input[placeholder], [placeholder], *[placeholder] { color:#999 !important;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
input,textarea{outline:0px;}
.container{width:1200px; margin: 0px auto;  }




.header_top{width:100%; height: 40px; background: #eaeaea; line-height:40px;}
.header_top p.hy{ font-size:14px; color: #777777; float: left; }
.header_lj{float: right; line-height: 40px;}
.header_lj ul{float: right;}
.header_lj li{ float: left; margin-left:10px; padding-left: 30px;}
.header_lj li p{font-size:14px; color: #777777; }
.header_lj li:hover{color:#e7272d; cursor: pointer}
.header_lj li span{margin-left:5px; }
.h_wx .wx{ width:100px; height: 100px; position: absolute; top:40px; left: 0px; display: none; z-index: 999}
.h_sj .sj{ width:100px; height: 100px; position: absolute; top:40px; left: 0px; display: none;  z-index: 999}
.h_wx:hover .wx{ display: block;}
.h_sj:hover .sj{ display: block;}
.h_shangc{background: url(../images/t1.png) no-repeat left center}
.h_wx{ position: relative; background: url(../images/t2.png) no-repeat left center}
.h_sj{ position: relative; background: url(../images/t3.png) no-repeat left center;}
.h_dt{ background: url(../images/t4.png) no-repeat left center;}
.header_sear{width:486px; height: 38px; float: left; margin-top: 30px; margin-left: 116px;}
.header_sear form{ float:left; width:100%; height:100%; line-height: 38px; border:2px solid #323232;  }
.header_sear form > p{ float:left; background: #eee; color:#a0a0a0; font-size: 14px; padding: 0 10px;}
.header_sear form > input[type="text"]{ border:none; color:#a0a0a0;line-height: 36px; float:left; width:193px; padding-left: 10px; height: 100%;}
.header_sear form > .sub{ border:none; background: #323232;  height:36px; width:70px; cursor: pointer; float: right; text-align: center; color: #fff}
.header_sear form select{width:98px; height: 100%; background: #eeeeee; font-size: 14px;color: #626262; border: 0px; float:left; text-align: center}
.header_dh{width:347px; height:51px; float: right; margin-top: 40px;}



/*********************************导航条******************************8*/
.top{width:100%;height:76px; background:url(../images/dh1.jpg) top center repeat-x;}
.nav{width:100%; height: 100%;}
.navbar{z-index: 99;}
.nav .nLi{float:left;position:relative;height:76px; text-align: center}
.nav .nLi h3{height: 100%;width:150px;text-align: center;}
.nav li.active h3{background: #099345}
.nav .nLi h3 a{width: 100%;display:inline-block;box-sizing: border-box;cursor: pointer;font-size:15px;font-weight: 500;height: 100%;text-align: center;color: white;position: relative;}
.nav .sub{ zoom: 1; display:none; width:200px; left:50%; margin-left:-100px;   position:absolute; background:white; color: #666666; line-height:30px;  z-index: 99;}
.nav .sub li{ zoom:1; width:100%;}
.nav .sub a{ line-height:34px;display:block; padding:0 26px; width: 100%; box-sizing: border-box; font-size:14px; text-align: center;}
.nav .sub a:hover{ background:#323232; color:#fff;}
.nav h3 a span{ width: 100%; height:20px; font-size: 15px; color: #FFF; display: block}
.nav h3 p{width:100%; height:76px; line-height: 76px; font-size: 15px; }
.nav .nLi:last-child{ background:none;}
.nav .active h3 p,.nav .active h3 span{color: #fff;}
.nav .nLi:hover h3 p,.nav .nLi:hover h3 span{color: #fff;}
.nav .nLi:hover{background: #099345}
.nav .sud{ zoom: 1; display:none; width:220px; left:50%; margin-left:-40px;   position:absolute; background:white; color: #666666; line-height:30px;  z-index: 99;}



.header{height:120px; width: 100%; margin-bottom:5px}
.logo{float:left; width: 495px; height:57px; margin-top:33px;}
.logo a img{ width: 100%; height: 100%;}




/*banner*/
.banner{width:100%; height:560px;}
.banner .slideBox{ width:100%; height:560px; overflow:hidden; position:relative; }
.banner .slideBox .hd{ height:22px; overflow:hidden; position:absolute; right:20%; bottom:35px; z-index:1;  margin-right: -58px;}
.banner .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner .slideBox .hd ul li{ float:left; margin-right:15px;  width:20px; height:20px;  border-radius:50%; border:1px solid #1d3545; cursor:pointer; }
.banner .slideBox .hd ul li.on{ background:#1d3545;}
.banner .slideBox .bd{ position:relative; height:100%; z-index:0;width:100%  }
.banner .slideBox .bd ul{height: 100%;width:100%}
.banner .slideBox .bd li{ zoom:1; vertical-align:middle; height: 100%;width:100%}
.banner .slideBox .bd li a{height: 100%;width:100%; display: block; overflow:hidden}
.banner .slideBox .bd img{ width:100%; height:100%; display:block;  }




/*新概念*/
.index_jzgn{width:100%; height: auto; overflow: hidden; margin-top: 58px;}
.index_jzgn_t{width:116px; height: 116px; background: url(../images/douhao.png) no-repeat; text-align: center; padding-top: 30px; float: left}
.index_jzgn_t p{font-size: 16px; color: #fff; line-height: 25px;}
.index_jzgn_right{ float: right; width: 1084px;}
.index_jzgn_right ul{width:100%; height: 116px;}
.index_jzgn_right ul li{width: 114px; height: 116px; border:1px solid #bebebe; text-align: center; float: left; margin-left: 21px;}
.index_jzgn_right ul li p{font-size: 14px; color: #777777; line-height: 35px;}
.index_jzgn_right ul li i{ display: block; margin: 25px auto 0;}
.gn_1{ background: url(../images/gn_1.png) no-repeat; width:40px; height:40px;}
.gn_2{ background: url(../images/gn_2.png) no-repeat; width:43px; height:40px;}
.gn_3{ background: url(../images/gn_3.png) no-repeat; width:45px; height:40px;}
.gn_4{ background: url(../images/gn_4.png) no-repeat; width:51px; height:40px;}
.gn_5{ background: url(../images/gn_5.png) no-repeat; width:39px; height:40px;}
.gn_6{ background: url(../images/gn_6.png) no-repeat; width:41px; height:40px;}
.gn_7{ background: url(../images/gn_7.png) no-repeat; width:49px; height:40px;}
.gn_8{ background: url(../images/gn_8.png) no-repeat; width:36px; height:40px;}
.index_jzgn_right ul li:hover{background: #323232}
.index_jzgn_right ul li:hover p{color:#fff}
.index_jzgn_right ul li:hover .gn_1{background: url(../images/gn_h1.png) no-repeat;}
.index_jzgn_right ul li:hover .gn_2{background: url(../images/gn_h2.png) no-repeat;}
.index_jzgn_right ul li:hover .gn_3{background: url(../images/gn_h3.png) no-repeat;}
.index_jzgn_right ul li:hover .gn_4{background: url(../images/gn_h4.png) no-repeat;}
.index_jzgn_right ul li:hover .gn_5{background: url(../images/gn_h5.png) no-repeat;}
.index_jzgn_right ul li:hover .gn_6{background: url(../images/gn_h6.png) no-repeat;}
.index_jzgn_right ul li:hover .gn_7{background: url(../images/gn_h7.png) no-repeat;}
.index_jzgn_right ul li:hover .gn_8{background: url(../images/gn_h8.png) no-repeat;}


/*预约*/
.index_yuyue{width:100%; height: 194px; margin-top: 60px;}
.index_yuyue_left{ width: 440px; float: left;  height: 100%}
.index_yuyue_left img{width:100%; height: 100%;}
.index_yuyue_right{width:760px; height: 194px; border: 1px solid #bebebe; padding: 22px 13px; float: left}
.index_tt_top{width:100%; height: 36px;}
.index_tt_left{width:48%; height: 36px; line-height: 36px; float: left; border: 1px solid #bebebe}
.index_tt_left p span,.index_tt_right p span,.index_tt_feng p span,.index_tt_xiao p span,.index_tt_mj p span{color: #bebebe; float: right}
.index_tt_left p,.index_tt_xiao p,.index_tt_mj p{width:67px; float: left; font-size: 14px; color: #323232; text-align: center; height: 100%;}
.index_tt_left input.tt_input{ width: 70%; float: left; font-size: 14px;  height: 100%; line-height: 36px; color:#777!important; padding-left: 10px; border: 0px;}
.index_tt_right p,.index_tt_feng p{width:67px; float: left; font-size: 14px; color: #323232; text-align: center; height: 100%;}
.index_tt_right input.tt_input,.index_tt_xiao input.tt_input { width: 70%; float: left; font-size: 14px;  height: 100%; line-height: 36px; color:#bebebe!important; padding-left: 10px; border: 0px;}
.index_tt_bleft{width:627px; float: left; margin-top:20px;}
.index_tt_feng{width:100%; border: 1px solid #bebebe; height: 36px; margin-top:20px; line-height: 36px;}
.index_tt_sub{width:90px; height: 90px; float: right; background: #323232; margin-top: 20px; line-height:90px;}
.index_tt_sub p{width:100%; text-align: center; line-height: 24px; color: #fff;  font-size: 16px;}
.index_tt_sub input{width:100%; height: 100%; background:#323232; border: 0px; cursor: pointer; color:#fff;}
.index_tt_right{width:48%; height: 36px; line-height: 36px; float: right; border: 1px solid #bebebe}
.index_tt_bottom{width:100%; height: auto; overflow: hidden}
.index_tt_xiao{width:351px; height: 36px; line-height: 36px; float: left;  border: 1px solid #bebebe;}
.index_tt_mj{width:246px; height: 36px; line-height: 36px;float: right; border: 1px solid #bebebe}
.index_tt_mj input{width:100px;float: left; font-size: 14px;  height: 100%; line-height: 36px; color:#bebebe!important; padding-left: 10px; border: 0px;}
.index_tt_fg{width:540px; float: left;}
.index_tt_fg label{font-size: 14px; color: #777777; margin: 0px 10px;}





/*家装案例*/
.index_jzcase{width:100%; height: auto; overflow: hidden; margin-top: 30px; background: #f7f7f7; padding-top: 50px; padding-bottom: 60px; }
.index_jzcase_t{width:424px; height: 90px; margin: 10px auto 0; text-align: center; padding-top: 15px;}
.index_jzcase_t h3{font-size: 32px; color: #4d4d4d; height: 35px; line-height: 35px; font-weight: bold;}
.index_jzcase_t h4{width:100%; height: 30px; line-height: 30px; font-size:18px; color: #777777; font-weight: bold;}
.index_jzcase_list{width:100%; height: auto; overflow: hidden; margin-top: 15px;}
.index_jzcase_list .slideTxtBox{ width:100%; text-align:left;  }
.index_jzcase_list .slideTxtBox .hd{ height:40px; line-height:40px;   position:relative; width: 100%; }
.index_jzcase_list .slideTxtBox .hd ul{ height:40px; width: auto; margin: 0px auto; display: table; }
.index_jzcase_list .slideTxtBox .hd ul li{ float:left;  width: 120px; height: 37px; line-height: 37px; border:1px solid #bebebe; cursor:pointer;  text-align: center; 
	margin-right: 15px; border-radius: 10px;}
.index_jzcase_list .slideTxtBox .hd ul li a{font-size: 14px; color: #777777;}
.index_jzcase_list .slideTxtBox .hd ul li.on{ background:#1d3545; border: 0px;}
.index_jzcase_list .slideTxtBox .hd ul li.on a{color:#fff}
.index_jzcase_list .slideTxtBox .hd ul li:last-child{margin-right: 0px;}
.index_jzcase_list .slideTxtBox .bd{width:100%; height: auto; overflow: hidden; margin: 35px auto 0;}
.index_jzcase_list .slideTxtBox .bd ul,.index_jzcase_list .slideTxtBox .bd li{width: 100%; height: auto}
.index_jzcase_list .slideTxtBox .bd li{position: relative}
.jzcase_list{width:100%; height: 380px; overflow: hidden}
.jzcase_list .jzcase_list_left{width:600px; height: 380px; float: left}
.jzcase_list .jzcase_list_left img{width:100%; height: 100%; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.jzcase_list_right{width:617px; height: 380px; float: right; background: url(../images/l_bj.png) no-repeat;position: absolute; right:0px; top:0px; padding: 20px 18px 0 56px;}
.jzcase_list_right h3{font-size: 28px; color: #ffffff; height: 40px; line-height: 40px;}
.jzcase_list_right .jzcase_info{width:398px; height: 210px; float: left; overflow: hidden}
.jzcase_list_right .jzcase_info p{width:100%; height: 30px; line-height:30px; font-size: 14px; color: #fff}
.jzcase_list_right img{margin: 20px 0 15px; display: block}
.jzcase_list_right span{width:120px; height: 40px; background: #e7be5b; border-radius: 10px; text-align: center; line-height: 40px; display: block; float: right; color: #fff; 
	margin-top:167px;}
.jzcase_list_right span:hover{background: #323232; color: #fff;}

.index_jzcase_list .slideTxtBox .bd li:hover .jzcase_list_left img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}







/*实景案列*/
.index_shjcase{width:100%; height: auto; overflow: hidden; padding-top: 40px;}
.index_shjnav{width:100%; height: auto; margin-top:20px;}
.index_shjnav ul{height: 40px; width: auto; margin: 0px auto;display: table;}
.index_shjnav ul li {  float: left; width: 140px; height: 35px; line-height: 32px; border: 1px solid #bebebe; cursor: pointer; text-align: center; margin-right: 15px;
	border-radius: 10px;}
.index_shjnav ul li a{font-size:14px; color: #777777}
.index_shjnav ul li.on { background: #1d3545; border: 0px;}
.index_shjnav ul li.on a{color:#fff}
.index_shjnav ul li:hover{background: #1d3545; border: 0px;}
.index_shjnav ul li:hover a{color:#fff}
.gzpro ul li{  float: left; width: 180px; height: 35px; line-height: 32px; border: 1px solid #bebebe; cursor: pointer; text-align: center; margin-right: 15px;
	border-radius: 10px;}



/* 本例子css */
.sort_brand { width:100%;  height:524px; overflow: hidden; margin-top:30px; margin-bottom:60px; }
.sort_brand .container{position: relative}
.sort_brand dd{width:100%; height: 100%; overflow: hidden;}

.design-topic {
	position: relative;
	margin-bottom: 80px
}
.design-topic .w1200{position: relative}

.design-topic .design-info {
	display: none;
	position: absolute;
	top: 0;
	left: 0px;
	width: 330px;
	height: 522px;
	padding: 85px 38px 20px;
	z-index: 1;
	overflow: hidden;
	background: #1d3545;
}

.design-topic .design-info a {
	display: block
}

.design-info .design-info-title {
	font-size: 28px;
	color: #e7be5b; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
	word-break: break-all;
	word-wrap: break-word;  margin-bottom: 10px;
}


.design-info-ft{font-size: 28px; color: #fff; line-height: 30px;margin: 26px 0}

.design-info .design-info-detail {
	margin-top: 20px;
	margin-bottom:50px;
	line-height: 28px;
	font-size: 14px;
	height: 88px;

		
}

.design-info .design-info-detail p{width:100%; height: 30px; line-height: 30px; display: block; color: #fff}

.design-info .design-info-btn {
	font-size: 14px;
	border: 1px solid #e7be5b;
	color: #e7be5b;
	border-radius: 5px;
	width:120px;
	height: 40px;
	display: block;
	overflow: hidden;
	line-height: 40px;
	text-align: center;
	
	
	
}

.design-info .design-info-btn:hover {
	 border: 1px solid #323232; color:#323232; background: #fff
}
.design-info-lj{font-size: 14px;background:#e7be5b;color: #fff; border-radius: 5px; width:120px; display: block;
	overflow: hidden;line-height: 40px;text-align: center; height: 40px; margin-top:15px;}


.design-topic .arrow-left,.design-topic .arrow-right {
	display: block;
	position: absolute;
	top: 482px;
	z-index: 2;
	width: 40px;
	height: 40px; line-height: 36px;
	
}

.design-topic .arrow-left {
	left: 286px;
	background-color: #e7be5b; text-align: center
}

.design-topic .arrow-right {
	left:330px;
	background-color: #e7be5b; text-align: center
}

.design-topic .iconfont{ color:#323232; text-align: center; line-height: 50px; font-size: 30px;}
.arrow-right:hover{background:#323232;}
.arrow-left:hover{background:#323232;}
.arrow-right:hover i,.arrow-left:hover i{color:#fff}


.design-topic .topic-arrow {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -6px;
	margin-top: -11px;
	width: 12px;
	height: 22px;
	background: url(../images/index_bg_m.png) no-repeat
}

.design-swiper,.design-swiper .swiper-slide {
	height: 482px!important
}

.arrow-left .topic-arrow {
	background-position: 0 0
}

.arrow-right .topic-arrow {
	background-position: -14px 0
}

.design-swiper {
	position: relative;
	display: none;
	overflow: hidden;
	 height: 480px;
}

.design-swiper .swiper-wrapper {
	height: 482px!important;
	background: url(../images/topic_bg_1.png) no-repeat
}

.design-swiper .swiper-slide a {
	display: block;
	width: 870px;
	overflow: hidden
}

.design-swiper .swiper-slide img {
	display: block;
	width: 100%;
	margin: 0 auto
}





@media screen and (min-width:1460px) {
	.design-group-l .design-link.first {
		height: 480px
	}

	.design-group-l .design-link.second {
		height: 314px
	}

	.design-group-c .design-link.first {
		height: 334px
	}

	.design-group-c .design-link.second,.design-group-r .design-link.first {
		height: 460px
	}

	.design-group-r .design-link.second {
		height: 334px
	}

	.design-swiper .swiper-slide a {
		width: 870px
	}



	.design-swiper,.design-swiper .swiper-slide,.design-swiper .swiper-wrapper {
		height: 480px!important
	}

	.design-topic .design-info {
		height: 522px
	}




	
	
	
}









/*老房子翻修*/
.index_laofang{width:100%; height: auto; overflow: hidden; background: #f7f7f7; padding: 60px 0 30px}
.index_laofang_info{width:100%; height: auto; overflow:hidden; margin-top: 20px;}
.index_one{width:19.4%; height: auto; float: left; margin-right:0.6%;}
.index_one .index_one_img{width:100%; height: auto;position: relative; margin-bottom: 10px;}
.index_one_img img{width:100%; height: 100%;}
.index_one_hover{width:100%; height: 100%; position: absolute; top: 0px; left: 0px; background: rgba(18,115,66,0.5); text-align: center; padding: 10px; opacity: 0;
	transition: all 0.3s ease-in-out; }
.index_one_hover h3{font-size: 20px; color: #ffffff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.index_one_hover p{width:90px; height: 30px; line-height: 30px; border: 1px solid #fff;font-size: 14px; color: #fff; margin: 20px auto;}
.one_xian{width:100%; height: 100%; border: 1px solid #fff; text-align: center;padding-top:15%}
.index_two{width:39.7%; height:auto; float: left; position: relative; margin-right: 0.6%; }
.index_two img{width:100%; height: 100%;}
.index_three{width:39.7%; height: auto; float: right; }
.index_one_img:hover .index_one_hover{opacity: 1}
.index_two:hover .index_one_hover{opacity: 1}
.lao_more{width: 120px; height: 40px; background: #e7be5b; border-radius: 10px; text-align: center; line-height: 40px; display: block; color: #fff;  margin: 20px auto 0}
.lao_more:hover{ background: #323232; color: #fff}
.index_three .index_one_img{width:48.9%; height: auto;position: relative; margin-bottom: 10px; float:left; margin-right:1.5%;}
.index_three .index_one_img:nth-child(2n){margin-right:0px;}


/*我们的优势*/
.index_our{width:100%; height: 560px; overflow: hidden; margin-top: 20px;}
.index_our_info{width:100%; height: 420px; overflow: hidden; background: url(../images/our_bj.jpg) no-repeat top center;padding-top: 38px; margin-top: 20px;}
.index_our_left{width:302px; height: 242px; border: 4px solid #fff; text-align: center; padding-top: 46px; float: left; margin-top: 50px;}
.index_our_left p{font-size: 20px; color: #ffffff; line-height: 28px; margin-top: 10px;}
.index_our_right{width:628px; height: auto; float: right;}
.txtScroll-top{ width:100%;  overflow:hidden; position:relative; }
.txtScroll-top .hd{ overflow:hidden;  height:100px; float: right; margin-top: 100px;}
.txtScroll-top .hd ul{ width: 100%; height: 100%;}
.txtScroll-top .hd ul li{  width:6px; height:36px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:#fff; border-radius: 10px; margin-top: 10px; }
.txtScroll-top .hd ul li.on{ background: #e7be5b }
.txtScroll-top .bd{width:595px; height: auto; float: left;}
.txtScroll-top .infoList li{width:100%; height: 75px; margin-bottom: 10px;}
.our_list{width:100%; height: auto; overflow: hidden}
.our_list img{width:70px; height: 70px; float: left; margin-right: 10px; margin-top: 2px;}
.our_xx{width:494px; float: right; height: 100%}
.our_xx h3{width:100%; height: 30px; line-height: 30px; font-size: 16px; color: #e7be5b}
.our_xx p{width:100%; height: 45px; line-height: 22px; color: #ffffff; font-size: 14px;}


/*设计团队*/
.index_team{width:100%; height: auto; overflow: hidden}
.gzcp_team{margin-top:30px;}
.Box{width:100%; height: auto; margin-top: 10px; }
.Box .Box_con {position: relative; overflow: hidden; width: 100%; }
.Box .Box_con .conbox {position: relative;overflow: hidden; width:100%; margin: 0px auto; padding-top: 20px; overflow: hidden }
.Box .Box_con .conbox ul {position: relative; list-style: none;}
.Box .Box_con .conbox ul li {float: left;width:285px;height:260px; margin-left:20px;overflow: hidden; }

.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li:hover img{transform: scale(1.1);}
.Box .Box_con .conbox ul li:hover .cur_hover{display: block}
.conbox_button{width:100%; height:30px;  margin: 0px auto;position: absolute; top:80px; left:0; z-index: 999}
.Box .Box_con .btn {display: block;width: 80px;height:80px;cursor: pointer; background:#e7be5b; border-radius: 50%; line-height: 80px;}
.Box .Box_con .btnl { float: left; margin-left: -40px;  padding-left: 46px;}
.Box .Box_con .btnr { float: right; margin-right: -40px;   padding-left:18px;}
.Box .Box_con .btnl:hover{background: #323232}
.Box .Box_con .btnr:hover{ background: #323232}
.pro_more{width:140px; height: 35px; background: #b39b77; color: #fff; text-align: center; line-height: 35px; margin: 45px auto 68px; display: block; }
.cur_img{height: 195px;width:285px; overflow: hidden}
.cur_img1{height: 195px;width:385px; overflow: hidden}
.cur_img img{width:100%; height: 100%;transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.cur_info{width:100%; height: 75px;}
.cur_wang{width:100%; height: 40px; border-bottom: 1px solid #bebebe; line-height: 40px; margin-top: 10px}
.cur_wang h3{font-size:20px; color: #777777; float: left;  height: 100%;}
.cur_wang h3 span{font-size: 14px; color: #777777; margin-left: 5px}
.cur_wang p{width:90px; height: 30px; background: #323232; text-align: center; overflow: hidden; font-size: 14px; color: #fff; line-height: 30px; float: right}
.cur_shai{width:100%; height: 30px; line-height: 30px; font-size: 14px; color: #777777; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.cur_wang p:hover{border: 1px solid #323232; background: none; color: #323232}
.Box .Box_con .conbox ul .boxcurr{width:385px;height:320px;  }

/*新闻*/
.index_news{width:100%; height:916px; overflow:hidden; margin-top:45px; background: url(../images/news_bj.jpg) no-repeat; padding-top: 30px;}
.index_news_left{width:880px; height:auto; float:left;}
.news_left_top{width:100%; height: 288px;}
.index_news_t{width:100%; height: 36px; line-height: 36px; border-bottom: 1px solid #bebebe;}
.index_news_t h3{font-size: 20px; color: #1d3545; float: left; margin-right: 10px; background: url(../images/yd.png) no-repeat left center; padding-left: 20px;}
.index_news_t h3 span{font-size: 16px; color: #777777; margin-left: 5px; font-weight: bold;}
.index_news_t a{font-size: 16px; color: #777777; float: right}
.index_news_t a:hover a{color:#323232}
.index_news_t img{float: left;  margin: 6px 15px 0 5px}
.about_xx{width:100%; height:240px; margin-top: 10px; }
.about_xx_left{width:310px; height: 240px; border: 1px solid #bebebe; padding: 10px; float: left}
.about_xx_left img,.news_xx .news_xx_left img{width:100%; height: 100%;transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.about_xx_left:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.about_xx_right,.news_xx_right{width: 554px; height: 100%; float: right;}
.about_xx_right h3{width:100%; height: 35px; line-height: 35px; font-size: 16px; color: #777777; font-weight: bold; margin: 10px 0;}
.about_xx_right p{width:100%; height: 100px; line-height: 24px; font-size: 14px; color: #777777}
.about_xx_right a{width:118px; height: 38px; border: 1px solid #323232; color: #323232;  display: block; text-align: center;  overflow: hidden; white-space: nowrap;
	line-height: 38px; border-radius: 8px; margin-top: 42px;}
.news_left_bottom{width:100%; height: auto; margin-top: 20px;}
.news_xx{width:100%; height: 180px; margin-top: 10px;}
.news_xx .news_xx_left{width:310px; height: 180px; border: 1px solid #bebebe; padding: 10px; float: left;margin-right:30px;}
.news_xx .news_xx_left:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.news_xx_right h3{font-size: 16px; color: #777777; height: 35px; line-height: 35px; margin: 10px 0}
.news_xx_right span{font-size: 14px; color: #777777;}
.news_xx_right p{width:100%; font-size: 14px; color: #777777; line-height: 26px; margin-top: 15px;}
.news_xx_right:hover p,.news_xx_right:hover h3,.news_xx_right:hover span,.index_news_t a:hover{color:#323232}
.about_xx_right a:hover{background: #323232; color: #fff;}
.about_xx_right:hover h3,.about_xx_right:hover p{color:#323232}
.news_list{width:100%; height: auto; overflow: hidden; margin-top: 6px;}
.news_list ul{width:100%; height: auto; overflow: hidden}
.news_list ul li{width:400px; height: 30px;  line-height: 30px; background: url(../images/san.png) no-repeat left center; padding-left: 20px;  margin: 5px 0; float: left}
.news_list ul li p{width:250px; float: left; height: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 14px; color: #777;}
.news_list ul li span{float: right; font-size: 14px;}
.news_list ul li:nth-child(2n){float: right}
.news_list ul li:hover p{color:#323232}
.news_list ul li:hover span{color:#323232}
.index_news_right{width:280px; height:auto; float:right}
.index_news_dt{width:100%; height: auto; overflow: hidden;  margin-bottom: 8px;}
.index_news_dt .slideBox{ width:100%; height:240px; overflow:hidden; position:relative; margin-top: 10px; }
.index_news_dt .slideBox .bd{ position:relative; height:238px; z-index:0;width:179px; border: 1px solid #bebebe; margin: 0px auto; }
.index_news_dt .slideBox .bd ul{height: 100%;width:100%}
.index_news_dt .slideBox .bd li{ zoom:1; vertical-align:middle; height: 100%;width:100%;position: relative; }
.index_news_dt .slideBox .bd li a{height: 100%;width:100%; display: block; overflow:hidden; padding: 8px;}
.index_news_dt .slideBox .bd img{ width:100%; height:220px; display:block;  }
.index_news_dt .slideBox .bd li p{width:100%; height: 40px; line-height: 40px; background: rgba(0,0,0,0.5); padding: 0px 10px; color: #fff; font-size: 16px; position:absolute; bottom:0px; left:0px;}
.slideBox .prev,
.slideBox .next{ position:absolute; left:0; top:50%; margin-top:-25px; display:block; width:42px; height:42px;  background: #323232; text-align: center; line-height: 40px;}
.slideBox .next{ left:auto; right:0; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{background:#e7be5b }
.index_news_wen{width:100%; height: auto; overflow: hidden; margin-top: 20px;}


.index_news_wen .picMarquee-top{ margin:0 auto;  width:100%; overflow:hidden; position:relative; margin-top: 15px; height: 365px;  }
.index_news_wen .picMarquee-top .bd{width:100%; height: 100%; }
.index_news_wen .picMarquee-top .bd ul{ overflow:hidden; zoom:1; }
.index_news_wen .picMarquee-top .bd ul li{width:100%; height: 150px; border-bottom: 1px dashed #bebebe; padding: 15px 0}
.index_news_wen .picMarquee-top .bd ul li .pic{width:100%; height: 30px; line-height: 30px; background: url(../images/q.png) no-repeat left center; padding-left: 30px;
	font-size: 14px; color: #777777;}
.index_news_wen .picMarquee-top .bd ul li .title{width:100%; height: 58px; line-height: 20px; font-size: 14px; color: #777777;   word-break:break-all;display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; padding-left: 30px; background: url(../images/a.png) no-repeat left top; margin-top: 5px;}
.index_news_wen .picMarquee-top .bd ul li a{color:#777; width: 100%; height: 100%;}
.index_news_wen .picMarquee-top .bd ul li:hover a{color:#323232}



/*底部*/
.footer{ width: 100%; height:270px;background-color: #f1f1f1;}
.footer_top_right{width:360px;  height: 250px; display: block; overflow: hidden; float: left; background: #323232; padding-top: 40px;}
.footer_top_right .footer_img{width:132px; height:132px; float:left; margin-left:32px;}
.footer_img img{width:100%; height:100%;}
.footer_img p{width:100%; height:35px; line-height:35px; font-size:14px; color:#fff; text-align:center; }
.footer_img div{width:120px; height: 115px; background:#eeeeee; border-radius: 5px;  padding:8px;}
.footer_center{width:810px; height: 100%; float: right;}
.footer_center_nav{width:100%; height: auto; overflow: hidden; margin-top: 20px;}
.footer_center_nav a{width:100px; float: left; color: #777777; font-size: 14px; text-align: center; height: 30px; line-height: 30px;}
.footer_center_nav a:hover{color:#323232}
.footer_dleft{width:420px; height: auto; float: left; margin-top: 15px; margin-left: 20px; line-height:25px;}
.footer_dleft .f_logo{width:240px; height: 51px;}
.footer_dleft .header_dh{margin:8px 0; width:100%; float: none}
.footer_dz{width:100%; font-size:14px; color: #777777 }
.footer_dz img{margin-right: 5px;}
.foot_center img{width:100%; height: 100%;}

.footer_dright{width:295px; height: 100%; float: right; margin-top:15px;}
.f_brq{width:100%;height:30px; line-height: 30px;font-size: 14px; color:#777;}
.footer_zhichi{width:100%; height:auto; overflow: hidden}
.footer_zhichi p{ width: 100%; float: left; line-height: 30px; font-size: 14px; color:#777;}
.footer_zhichi .pt{width:127px;height: 18px; background: url(../images/vl.png) no-repeat; margin-top: 4px; }
.footer_zhichi .js{width:115px;height: 18px; background: url(../images/wl.png) no-repeat; margin-top: 4px;}
.footer_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat}
.footer_zhichi .js:hover{background: url(../images/ws_hover.png) no-repeat} 
.footer_zhichi span{float: left; font-size: 14px; color: #777;}
.footer_zhichi i{ float: left;}
.index_kuaijie{width:100%; height: 50px; background:#1d3545; padding: 15px;}
.index_kuaijie a{float: left; width:auto; text-align: center; font-size: 12px; color: #ffffff; margin: 0px 10px; line-height: 25px;}
.index_kuaijie p{font-size: 14px; color: #999999; float: left; padding-right: 10px;}
.index_kuaijie a:hover{color:#323232}
.index_kuaijie span{ background: #323232; color: #fff; padding: 2px 10px; text-align: center; float: left}




/*右边客服*/
.youfu{width:85px;position:fixed;right:0;top:50%;padding-top:90px;margin-top:-282px;z-index:999;}
.youfu ul{width:100%; height: auto;}
.youfu ul li{width:100%;height:86px;background:#323232;margin-bottom:1px;text-align:center;font-size:14px;color:#fff;padding-top:14px;position:relative; cursor:pointer}
.youfu ul li a{display:block;}
.youfu ul li h6{color:#fff}
.youfu ul li:last-child{height:40px;background:url(../images/di.png) no-repeat;margin-bottom:0;padding-top:5px;}
.youfu ul li i{width:38px;height:34px;display:inline-block;margin-bottom:3px;}
i.ico_kefu{background:url(../images/kefu.png) no-repeat center;}
i.ico_yuyue{background:url(../images/yuyue.png) no-repeat center;}
i.ico_zxbj{background:url(../images/zxbj.png) no-repeat center;}
i.ico_gfwx{background:url(../images/gfwx.png) no-repeat center;}
i.ico_sjwz{background:url(../images/sjwz.png) no-repeat center}
i.ico_58{background:url(../images/sc.png) no-repeat center}
i.mtop{background:url(../images/mtop.png)no-repeat center;width:18px;height:20px;}
.er_box{width:80px;height:80px;position:absolute;top:0;left:-90px;border:1px solid #bebebe;display:none;}
.er_box img{width:100%;height:100%;}
.youfu ul li:hover .er_box{display:block;}
.dianyx{cursor:pointer;height:170px;background:url(../images/zuofu.png) no-repeat;position:fixed;bottom:0;left:-322px;width:320px;border-radius:0 66px 66px 0;transition:all 0.3s linear;z-index:999;}
.dianyxs{cursor:pointer;height:170px;background:url(../images/zuofu.png) no-repeat;position:fixed;bottom:0;left:0px;width:320px;border-radius:0 66px 66px 0;transition:all 0.3s linear;z-index:999;}
.footer_dian .txtbox{width:130px;float:left;margin-left:20px;color:#F5A100;font-size:20px;font-weight:bold;text-align:center;float:left;}
.footer_dian .txtbox span{font-size:64px;}
.footer_dian i{font-style:normal;display:block;float:right;font-size:50px;color:#d6d6d6;margin-right:4px;margin-top:87px;cursor:pointer;}
.fdgg{width:100%!important;height:180px;background:rgba(6,53,42,.9);position:fixed;bottom:0;left:0;transition:.3s all linear;z-index:999;}
.fdggs{width:100%!important;height:180px;background:rgba(6,53,42,.9);position:fixed;bottom:0;left:-1920px;transition:.3s all linear;z-index:999;}

.xuanfuu{height:118px;}
.fdgg .xf_g{color:#fff;font-size:12px;}
.fdggs .xf_g{color:#fff;font-size:12px;}

.yy_box{width:760px;height:237px;background:#fff;position:fixed;left:50%;top:50%; margin-left:-388px;  margin-top:-98px; display:block;z-index:2000; display:none;}
a.mclose {
    width: 40px;
    height: 40px;
    background: url(../images/close.png)no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    background-size: contain;
    z-index: 999;
}
.yy_box .index_yuyue_right{margin-top:43px;}
.top_bj{width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; top:0px; left:0px; z-index:111; display:none;}





/*内页banner*/
.ny_ban{width:100%; height: 340px;}
.about_ban{background: url(../images/about_ban.jpg) no-repeat center}
.news_ban{background: url(../images/news_ban.jpg) no-repeat center}
.product_ban{background: url(../images/product_ban.jpg) no-repeat center}
.service_ban{background: url(../images/service_ban.jpg) no-repeat center}
.case_ban{background: url(../images/case_ban.jpg) no-repeat center}
.join_ban{background: url(../images/join_ban.jpg) no-repeat center}
.contact_ban{background: url(../images/contact_ban.jpg) no-repeat center}
.fuwu_ban{background: url(../images/fuwu_ban.jpg) no-repeat center}
.jingxiao_ban{background: url(../images/jingxiao_ban.jpg) no-repeat center}
.mfyy_ban{background: url(../images/mfyy_ban.jpg) no-repeat center}
.mdzs_ban{background: url(../images/mdzs_ban.jpg) no-repeat center}
.xiaoguo_ban{background: url(../images/xiaoguo_ban.jpg) no-repeat center}
.sheji_ban{background: url(../images/sheji_ban.jpg) no-repeat center}
.gongzhuang_ban{background: url(../images/gongzhuang_ban.jpg) no-repeat center}
.fanxin_ban{background: url(../images/fanxin_ban.jpg) no-repeat center}
.newss_ban{background: url(../images/newss_ban.jpg) no-repeat center}
.aboutt_ban{background: url(../images/aboutt_ban.jpg) no-repeat center}

/*内页底下*/
.m-wh{height:260px;padding:40px 0;background:no-repeat url(../images/bg_icon.jpg);margin-top: 20px}
.m-wh li{float:left;width:25%}
.m-wh li a{display:block;width:102px;height:140px;margin:0 auto 10px;text-align:center}
.m-wh li a img{width:100%;height:102px}
.m-wh li a p{margin-top:7px;font-size:18px}
.m-wh li>p{padding:0 7%;font-size:14px;text-align:center}
.f-ct{width:1200px;margin:0 auto; font-size:14px; color:#666;  line-height:24px; margin-top:30px;}
.f-cl:after{display:block;content:".";height:0;visibility:hidden;overflow:hidden;clear:both}



.p-tit{height:70px;line-height:65px;border-bottom:1px solid #ebebeb}
.p-tit h2{float:left;color:#323232;font-size:26px;font-weight: bold}
.m-crm{margin-left:15px;color:#999;font-size:12px;font-weight:400}
.m-crm a{margin:0 3px;color:#999;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s}
.m-crm a:hover{color:#333;text-decoration:underline}
.p-tit ul{float:right}
.p-tit ul li{float:left;margin:0 15px}
.p-tit ul li a{display:block;height:69px;line-height:73px;color:#666;font-size:16px;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s}
.p-tit ul li.active a,.p-tit ul li:hover a{color:#323232}
.p-tit ul li.active,.p-tit ul li:hover{border-bottom:2px solid #323232}
.p-case-t{width:100%; height:auto; overflow:hidden; margin-top:20px;}
.p-case-t ul{width:100%; height:auto; overflow:hidden}
.p-case-t ul li{ float: left;  width: 120px; height: 37px; line-height: 32px; border: 1px solid #bebebe; cursor: pointer; text-align: center;margin-right: 15px;border-radius: 10px;}
.p-case-t ul li a{font-size: 14px; color: #777777;}
.p-case-t ul li:hover,.p-case-t ul li.active{background:#323232; border:1px solid #323232; }
.p-case-t ul li:hover a,.p-case-t ul li.active a{color:#fff}

.p-ct{line-height:26px;padding:50px 0 60px;color:#666;font-size:14px; overflow:hidden; width: 100%;}
.p_case{padding:50px 0 60px;color:#666;font-size:14px;}
.p-ct .index_wen_1{width:100%;margin-top: 20px}
.p-ct .tit{margin-bottom:25px;text-align:center}
.p-ct .tit h2{color:#333;font-size:30px}
.p-ct .tit p{line-height:26px;margin-top:20px;color:#999;font-size:16px}
.ab_list1 li{position:relative;float:left;width:382px;height:300px}
.ab_list1 li.li1{background:no-repeat url(../images/ab_list1_1.jpg)}
.ab_list1 li.li2{margin:0 22px;background:no-repeat url(../images/ab_list1_2.jpg)}
.ab_list1 li.li3{background:no-repeat url(../images/ab_list1_3.jpg)}
.ab_list1 li a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:no-repeat url(../images/ab_list_mask.png);visibility:hidden}
.ab_list1 li:hover a{visibility:visible}
.ab_list1 li h2{margin:40px 0 0 30px;color:#fff;font-size:24px}
.ab_list1 li p{margin:20px 0 0 30px;color:#fff}
.qywh{height:286px;line-height:32px;margin-top:50px;padding-top:170px;color:#fff;font-size:16px;background:no-repeat center url(../images/ab_qywh.jpg)}
.ab_list2{margin-top:40px}
.ab_list2 li{position:relative;float:left;width:50%;height:330px}
.ab_list2 li a{display:block;position:absolute;top:0;left:0;width:100%;height:220px;padding-top:110px;color:#fff;font-size:30px;text-align:center;visibility:hidden}
.ab_list2 li:hover a{visibility:visible}
.ab_list2 li a span{display:block;margin-top:20px;font-size:16px}
.ab_list2 li a.mask{background:repeat url(../images/bg_mask.png)}
.ab_list2 li a.tit{width:50%;visibility:visible}
.ab_list2 .li2 a.tit{left:50%}
.ab_list2 li a i{display:block;width:78px;height:78px;margin:0 auto;background:no-repeat url(../images/icon_video.png)}
.ab_list3 li{float:left;width:385px;height:236px}
.ab_list3 li.li1{background:no-repeat url(../images/ab_list3_1.jpg)}
.ab_list3 li.li2{margin:0 22px;background:no-repeat url(../images/ab_list3_2.jpg)}
.ab_list3 li.li3{background:no-repeat url(../images/ab_list3_3.jpg)}
.ab_list3 li a{display:block;width:325px;height:146px;padding:45px 30px;visibility:hidden}
.ab_list3 li h2{color:#000;font-size:30px}
.ab_list3 li h2 i{display:block;width:52px;height:2px;margin-top:25px;background:#000}
.ab_list3 li p{margin-top:20px;color:#000;font-size:18px}
.ab_list3 li:hover{background:#ffcb23}
.ab_list3 li:hover a{visibility:visible}

/*新闻*/
.new-list{margin-top:-10px; margin-bottom: 15px;}
.new-list li{height:200px;padding:20px;border-top:1px solid #fff;border-bottom:1px solid #ebebeb}
.new-list li:hover{background:#f2f2f2;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb}
.new-list li:hover h3{color:#323232}
.new-list li:hover .more{color:#323232;border:1px solid #323232}
.new-list li>*{float:left}
.new-list .f-imgfd-img{width:272px;height:100%;margin-right:30px;overflow:hidden}
.new-list .f-imgfd-img img{width:100%; height: 100%;}
.new-list li .f-imgfd-li{width:855px;height:100%}
.new-list h3{margin-bottom:15px;color:#333;font-size:24px}
.new-list .time{color:#999;background:no-repeat url(../images/news_time.png) left center; padding-left: 25px}
.new-list .more{display:block;width:140px;height:34px;line-height:34px;color:#999;text-align:center;border:1px solid #999; display: block; margin-top: 8px;}
.f-xx{width:100%; height: 46px; overflow: hidden; margin-bottom:6px; color:#666}

.pro-list1{margin-top:20px; margin: 0px auto; width: 1200px;}
.pro-list1>li{position:relative;float:left;width:285px;height:384px;overflow:hidden; margin-right: 20px;}
.pro-list1>li:nth-child(4n){ margin-right: 0px;}
.pro-list1>li img{width:100%;height:100%;    transform: scale(1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1);
    -webkit-transform: all 1s ease 0s;}
.pro-list1 .mask{position:absolute;top:315px;left:0;width:100%;height:100%;padding:0 20%;text-align:center; background: rgba(8,58,79,0.6); color: #fff}
.pro-list1 h3{margin-top:25px;font-size:24px; color: #fff;}
.pro-list1 h3 i{display:block;width:34px;height:3px;margin:20px auto 0;background:#fff}
.pro-list1 .mask1 i{background:#fff}
.pro-list1 p{margin-top:20px}
.pro-list1>li:hover .mask{top:0px; transition: all 0.5s ease-in-out;}
.pro-list1 .mask a{color:#fff; width:100%; height:100%; display:block;}
.pro-list1>li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}



.subpro{margin-top:25px}
.subpro li{width:160px;height:36px;margin:0 auto 7px;text-align:center}
.subpro li a{display:block;line-height:36px;font-size:16px;background:#fff;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s}
.subpro li:hover a{color:#fff;background:#231815}
.p-nav{margin-bottom:40px}
.p-nav li{float:left;margin-right:20px}

.p-nav li a{display:block;width:272px;height:60px;line-height:60px;font-size:20px;text-align:center;border:4px solid #e5e5e5}
.p-nav li.active a,.p-nav li:hover a{color:#fff;font-weight:700;background:#231815;border:4px solid #231815}
.pro-list2{width:1200px;margin:0 auto}
.pro-list2 li{position:relative;float:left;width:382px;margin-bottom: 20px;margin-left: 15px;}
.pro-list2 li b{display:block;width:100%;overflow:hidden}
.pro-list2 li b img{width:100%;}
.pro-list2 li p{line-height:26px;text-align:center}
.pro-list2 li p.active{visibility:hidden}
.pro-list2 .mask{display:none;position:absolute;top:0;left:0;width:100%;height:100%;padding:20px 20px 0;color:#fff;}
.pro-list2 li h3{font-size:24px}
.pro-list2 li:hover .mask{display: block;background: rgba(110,37,90,0.6);  }

.pro-list{width:1200px;margin:0 auto}
.pro-list li{position:relative;float:left;width:272px;margin:0 14px 30px}
.pro-list li b{display:block;width:100%;overflow:hidden; height:181px;}
.pro-list li b img{width:100%; height:100%; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.pro-list li p{line-height:26px;text-align:center}
.pro-list li p.active{visibility:hidden}
.pro-list li h3{font-size:24px}
.pro-list li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}

.pro-list3{width:1200px;margin:0 auto; overflow: hidden}
.pro-show-r{float:right;width:660px}
.pro-show-r .pro-sx{width:50%}
.pro-show-r .pro-sx li{line-height:24px}
.pro-show-r h3{margin-top:30px;color:#333;font-size:24px}
.pro-show-r .txt{line-height:30px;margin-top:20px;padding:10px 0 25px;font-size:12px;border-top:1px solid #ddd}
.pro-show-r .txt div{margin-top:15px}
.pro-show-r .txt p{line-height:24px;text-indent:2em}
.pro-show-m{margin-top:30px;padding-top:40px;background:no-repeat url(../images/pro_show_m.jpg)}
.pro-show-m h2{color:#fff;font-size:30px}
.pro-show-m .nav{height:600px;margin-top:36px;position:relative}
.pro-show-m .nav>li{float:left;margin-right:15px}
.pro-show-m .nav>li>a{display:block;width:200px;height:50px;line-height:50px;color:#333;font-size:18px;text-align:center;background:repeat url(../images/bg_mask_w.png)}
.pro-show-m .nav>li.active>a,.pro-show-m .nav>li:hover>a{background:#fff}
.proshow-sub{display:none;position:absolute;top:100px;left:0;width:100%;line-height:30px}
.proshow-sub h3{margin-bottom:30px;color:#333;font-size:24px}
.proshow-sub h6{font-size:14px}
.img-list li{float:left;margin:0 20px 20px 0;}
.img-list li a{display:block;width:280px;height:100%;overflow:hidden}
.img-list li a div{width:100%;overflow: hidden;}
.img-list li a img{width:100%;transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}
.img-list li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.img-list li p{height:30px;line-height:30px;text-align:center;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s; color:#666; height:35px; line-height:35px;}
.img-list li:hover p{color:#231815}

.img-lists li{float:left;height: 230px;margin:0 20px 20px 0;}
.img-lists li a{display:block;width:280px;height:100%;overflow:hidden}
.img-lists li a div{width:100%;height:auto;overflow: hidden;}
.img-lists li a img{width:100%;height:100%;    transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}
.img-lists li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.img-lists li p{height:40px;line-height:25px;text-align:center;color:#666}
.img-list li:hover p{color:#231815}
table.ly{width:100%}
table.ly td{float:left;margin-bottom:20px}
table.ly .tr1 td{width:280px;margin-right:20px}
table.ly .tr1 td input{width:260px}
table.ly .tr2 td,table.ly .tr3 td{width:1160px;margin-right:22px}
table.ly .tr2 td input,table.ly .tr3 td textarea{width:100%}
table.ly input[type=text]{height:28px;line-height:28px;padding:5px 10px;color:#999;border:1px solid #ddd;background:#fff}
table.ly textarea{height:114px;padding:5px 10px;color:#999;border:1px solid #ddd;background:#fff;resize:none}
table.ly .sbt{width:240px;height:40px;color:#fff;font-size:14px;background:no-repeat url(../images/pro_m_sbt.png);border:none;cursor:pointer}
.pro-more .tit{height:77px;line-height:77px;margin-bottom:40px;text-align:left;background:#eee}
.pro-more .tit h3{color:#333;font-size:24px}
.pro-more .tit a{float:right;padding-left:25px;color:#666;font-size:18px;font-weight:400;background:no-repeat url(../images/pro-more.png);background-position:0 33px}
.pro-more .tit a:hover{color:#231815;background:no-repeat url(../images/pro-more_hov.png);background-position:0 33px}


/*联系我们*/
.m-cot{ height: auto; overflow: hidden; margin-top: 30px;}
.m-cot h3{font-size:24px}
.m-cot h3 i{display:block;width:120px;height:3px;margin:25px 0 10px;background:#666}
.m-cot ul{float:left;width:700px}
.m-cot ul li{float:left;margin-right:50px}
.m-cot ul li div{line-height:30px}
.m-cot .ewm{float:right;margin-top:20px; margin-left: 15px;}
.m-cot .ewm img{width:110px;height:110px;border:1px solid #ddd; padding:5px;}
.m-cot .ewm p{text-align:center}
.iw_poi_title{color:#C52;font-size:14px;font-weight:700;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content{font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.keyword_light{margin-bottom:30px}
#newsfoot tr>td:first-child{padding-left:10px;font-size:14px;color:#555}
#newsfoot tr>td:first-child>a{color:#000}
#newsfoot tr>td:last-child{position:relative;top:4px;left:0px}
.proname{padding:20px 0 5px 0}




/*视频弹出css*/
.dlg-video { display: none;position: fixed; top: 0; left: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.5);  z-index: 99;}
.video-show{display:none;position:fixed;top:50%;left:50%;width:580px;height:430px;margin-top:-215px;margin-left:-290px;z-index:999}
.video-show p{height:30px;line-height:30px;padding-left:10px;color:#fff;font-size:14px;background:#333}
.video-show p a{float:right;width:30px;height:30px;background:no-repeat url(../images/close.png) 5px 5px}


/*体系搜搜*/
.ny_serach{margin-top:20px; overflow:hidden; width:100%; height:auto;}
.distpicker{width:330px; height:auto; float:left;}
.distpicker .form-group{width:150px; height:35px; border:1px solid #ddd; border-radius:10px; float:left; margin-right:10px;}
.form-group select{width:100%;  height:100%; border:0px;  border-radius:10px;}


.form-shai{width:400px; float:left;}
.form-shai input[type="text"]{ width:246px;  height:35px; border:1px solid #ddd; border-radius:5px; padding-left:10px; float:left;}
.form-shai input[type="submit"]{width: 54px; height: 34px; background-color: #083A4F; color: #fff; line-height: 34px;
    display: block; text-align: center; border-radius: 5px; border:0px; margin-left:10px; float:left;}

	
	/*案列*/
.case_z {
	width: 300px;
	height: auto;
	float: left;
}

.case_z img {
	width: 100%;
	height: auto;
}

.case_y {
	width: 858px;
	height: 373px;
	padding: 20px 50px;
	overflow: hidden;
	color: #333;
	line-height: 32px;
	border: #dbd9d5 1px solid;
	float: right;
}

.case_y h2 {
	background: url(../images/dian.jpg) repeat-x bottom;
	height: 52px;
	margin-bottom: 20px;
	clear: both
}

.case_y h2 span {
	line-height: 50px;
	border-bottom: #323232 3px solid;
	display: inline-block;
}

.case_x {
	width: 100%;
	min-height: 300px;
	padding: 10px 50px;
	color: #333;
	margin-top: 30px;
	border: #dbd9d5 1px solid;
	float: left;
}
.case_x img{
	max-width:100%;
	height:auto;
}

.case_x h2 {
	
	height: 52px;
	margin-bottom: 20px;
	clear: both;
	border-bottom:1px solid #ddd;
}

.case_x h2 span {
	line-height: 50px;
	border-bottom: #323232 3px solid;
	display: inline-block;
}