@charset "UTF-8";
@media screen and (min-width: 320px) and (max-width: 480px) {
	/*导航header*/
	.header{
		width: 100%;
		height: auto;
		position:relative;
	}
	.header .header_nav{
		width:100%;
		height:60px;
		background:url(../img/nav_bj.png) repeat-x;
		position: inherit;
		z-index: 10;
	}
	.header .header_nav .head_nav{
		width:100%;
		margin:0 auto;
		height:60px;
	}
	.header .header_nav .head_nav .logo{
		height: 60px;
		width: 250px;
		float: left;
		margin-left: 10px;
	}
	.header .header_nav .head_nav .logo img{
		width:30%;
	}
	.header .header_nav .head_nav .caidan{
		width:50px;
		height:40px;
		display:block;
		position: absolute;
		top: 15px;
		right: 0px;
	}
	.header .header_nav .head_nav .caidan p{
		width:80%;
		height:5px;
		margin:5px 0px;
		background:#aaa;
	}
	.header .header_nav .header_title{
		width:100%;
		height:auto;
		position: absolute;
		background: #fff;
		top: 60px;
		left:0px;
		display:none;
	}
	.header .header_nav .header_title .nav_top{
		display:none;
		height:30px;
		width:100%;
		line-height: 30px;
	}
	.header .header_nav .header_title .nav_top li{
		padding-left: 20px;
		float:right;
	}
	.header .header_nav .header_title .nav{
		height:auto;
		width:100%;
	}
	.header .header_nav .header_title .nav ul{
		height: 100%;
		width: 100%;
		padding: 0px;
		margin: 0px;
	}
	.header .header_nav .header_title .nav ul li{
		height: 40px;
		line-height: 40px;
		float: none;
		padding: 0px 18px;
		position:relative;
	}
	.header .header_nav .header_title .nav ul li:hover{
		border-bottom: 3px solid #9B212E;
	}
	.header .header_nav .header_title .nav ul li:hover:after{
		content:'';
		width: 0;
		height: 0;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 5px solid #9B212E;
		position: absolute;
		top: 63px;
		left: 46px;
		display:none;
	}
	.header .header_nav .header_title .nav ul li a{
		font-size:17px;
		display:inline-block;
		height:40px;
		text-align: center;
		line-height: 40px;
	}
	.header .header_nav .header_title .nav ul li a:hover{
		color:#9B212E;
	}


	.main{
		width:94.5%;
		margin: 5px 0px 30px;
		padding:0px 10px;
	}
	.content-info{
		margin: 0 auto;
		width: 100%;
	}
	.main .address{
		width: 90.3%;
		height: 30px;
		background: url(../img/index.png) no-repeat;
		padding-left: 28px;
		border-bottom: 2px solid #9B212E;
		background-position: 5px 6px;
		line-height: 30px;
		overflow: hidden;
	}
	.main .address li{
		float: left;
		font-size: 16px;
	}
	.main .address li a{
		font-size: 16px;
	}
	.main .address li a:hover{
		color: #9B212E;
	}

	/*首页板块1*/
	.content-1{
		width:100%;
		height:420px;
		margin-bottom:10px;
	}
	.c_about{
		width:100%;
		height:420px;
		margin-bottom: 20px;
		margin:0 auto;
	}
	.c_about .c_about-1{
		display:none;
		width:650px;
		height:400px;
	}
	.c_about .c_about-1-title{
		width: 90%;
		height: 50px;
		background: url(../img/xtve.png) no-repeat;
		padding-left: 45px;
		line-height: 50px;
		font-size: 19px;
		border-bottom: 2px solid #9B212E;
		background-position: 5px 6px;
	}
	.c_about .c_about-1-content{
		
		width:650px;
		height:340px;
	}
	.c_about .c_about-2{
		width:100%;
		height:400px;
	}
	.c_about .c_about-2-title{
		width: 87%;
		height: 50px;
		background: url(../img/nfx4.png) no-repeat;
		padding-left: 45px;
		line-height: 50px;
		font-size: 19px;
		border-bottom: 2px solid #9B212E;
		background-position: 5px 6px;
	}
	.c_about .c_about-2-content{
		width:100%;
		height:347px;
		font-size: 14px;
		line-height: 25px;
		overflow:hidden;
		position:relative;
		margin: 10px 0px;
	}
	.c_about-2-content p{
		width:100%;
		height:170px;
	}
	.c_about-2-content img{
		width:100%;
		height:100%;
	}
	.c_about .c_about-2-content a{
		position:absolute;
		bottom:1px;
		right:0px;
	}

	/*首页板块2*/
	.content-2{
		width:100%;
		height:auto;
		background-color: #F5F5F5;
		margin-bottom:10px;
	}
	.content-2 .c_anli{
		height:auto;
		width:100%;
		margin:0 auto;
		background-color: #F5F5F5;
	}
	.c_anli .c_anli-title{
		width: 87%;
		height: 50px;
		background: url(../img/sh1y.png) no-repeat;
		padding-left: 45px;
		line-height: 50px;
		font-size: 19px;
		border-bottom: 2px solid #9B212E;
		background-position: 5px 6px;
	}
	.c_anli .c_anli-content{
		width:100%;
		height:490px;
	}
	.c_anli .c_anli-content div{
		width:100%;
		margin: 10px 0px 0px 0px;
	}
	.c_anli .c_anli-content div ul{
		width:102%;
	}
	.c_anli-content .albox{
		width: 155px;
		height: 155px;
		border: 1px solid #ddd;
		margin: 0px 8px 10px 0px;
		padding: 5px 5px 5px;
	}
	.c_anli-content .albox:hover{
		border:1px solid #9B212E;
	}
	.c_anli-content .albox img{
		width: 155px;
		height: 125px;
	}
	.c_anli-content .albox p{
		height: 30px;
		text-align: center;
		line-height: 30px;
	}
	.c_anli-content .albox p a:hover{
		color:#9B212E;
	}

	/*首页板块3*/
	.content-3{
		width:100%;
		height:auto;
		background-color: #fff;
		margin-bottom:10px;
	}
	.content-3 .c_xinwen{
		width:100%;
		height:auto;
		margin:0 auto;
	}
	.content-3 .c_xinwen .c_xinwen-title{
		width: 87%;
		height: 50px;
		background: url(../img/news.png) no-repeat;
		padding-left: 45px;
		line-height: 50px;
		font-size: 19px;
		border-bottom: 2px solid #9B212E;
		background-position: 5px 6px;
	}
	.content-3 .c_xinwen-list{
		width:100%;
		height:auto;
		margin-top:10px;
	}
	.content-3 .c_xinwen-list .xwlist{
		width:100%;
		height:100px;
		margin-bottom: 0px;
	}
	.xwlist .xwlist-num{
		font-size: 25px;
		width: 35px;
		float: left;
		height: 60px;
		line-height: 60px;
		margin-top: 20px;
		border-right: 1px solid #9B212E;
		text-align: center;
	}
	.xwlist .xwlist-con{
		width: 295px;
		height: 100px;
		padding: 5px 0px 5px 10px;
	}
	.xwlist-con .xwlist-title{
		font-size: 16px;
		height: 30px;
		line-height: 30px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.xwlist-con .xwlist-desc{
		height:45px;
		width:100%;
		word-wrap : break-word;
		overflow: hidden;
		line-height: 22px;
		text-indent: 25px;
	}
	.xwlist-con .xwlist-date{
		
	}
		
	/*首页板块4*/
	.content-4{
		display:none;
		width:100%;
		height:320px;
		background-color: #F5F5F5;
	}
	.content-4 .c_sheji{
		width:100%;
		height:320px;
		margin:0 auto;
	}
	.content-4 .c_sheji .c_sheji-title{
		width: 96%;
		height: 50px;
		background: url(../img/sheji.png) no-repeat;
		padding-left: 45px;
		line-height: 50px;
		font-size: 19px;
		border-bottom: 2px solid #9B212E;
		background-position: 5px 10px;
	}

	/*关于我们*/
	.about-info{
		margin: 0 auto;
		min-height: 300px;
		padding: 20px 0px;
	}
	.about-info p{
		line-height: 25px;
		font-size: 16px;
		color: #5a5a5a;
		text-indent: 30px;
	}
	.company{
		display:none;
		width:100%;
		height:320px;
		margin: 0 auto;
	}
	.company .c_company{
		width:100%;
		height:320px;
		margin:0 auto;
	}
	.company .c_company .c_company-title{
		width: 96%;
		height: 50px;
		background: url(../img/company.png) no-repeat;
		padding-left: 45px;
		line-height: 50px;
		font-size: 19px;
		border-bottom: 2px solid #9B212E;
		background-position: 5px 10px;
	}

	/*案例列表*/
	.product-info{
		width:100%;
		height:auto;
	}
	.product-info .product-list{
		margin: 15px 0px;
	}
	.product-info .product-list ul{
		width: 100%;
		min-height:415px;
	}
	.product-info .product-list ul li{
		width: 162px;
		height: 142px;
		border: 1px solid #DDE;
		text-align: center;
		padding-top: 5px;
		float: left;
		margin: 0px 10px 10px 0px;
	}
	.product-info .product-list ul li:hover{
		border: 1px solid #9B212E;
		cursor:pointer;
	}
	.product-info .product-list .product-img{
		width: 150px;
		height: 110px;
	}
	.product-info .product-list .product-title{
		font-size: 14px;
		font-weight: bold;
		display: block;
		text-align: center;
		height: 30px;
		line-height: 30px;
	}

	/*案例详细*/
	.product-details{
		width:100%;
		height:auto;
	}
	.product-details-title{
		margin: 15px 0px;
	}
	.product-details-title h1{
		height: 50px;
		font-size: 20px;
		text-align: center;
		line-height: 50px;
		font-weight: 100;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.product-details-title p{
		text-align: center;
	}
	.product-details-info{
		width:100%;
		margin-bottom:20px;
	}
	.product-details-info img{
		width:100%;
	}
	.product-details-img{position:relative;font-size:0;text-align:center;overflow:hidden; width:60% !important;float: left;left: 220px;top: 0px;}
	.product-details-img .met_box{margin:0 auto; }
	.product-details-img .met_box figcaption{display:none}
	.product-details-img .my-simple-gallery figure{margin:0}
	.product-details-img li{display:inline-block;cursor:pointer;width:120px;height:100px;
	}
	.product-details-img li img{filter:alpha(opacity=90);-moz-opacity:.9;-khtml-opacity:.9;opacity:.9;width:90px;height:70px;margin-top: 10px;}
	.product-details-img li.flex-active{border:2px solid #000;width:66px;height:66px;position:relative;overflow:hidden}
	.product-details-img li.flex-active img{position:relative;left:-2px;top:-2px}
	#thumb{position:relative;left:0px;top:0px;height:80px;margin-left: 30px;}
	.product-details-img .pro_prev1,.product-details-img .pro_next1{display:inline; width:30px; height:100px; background:#fff url(../img/proLR.png) no-repeat;position:absolute; top:50%;z-index:10; border-radius:8px;}
	.product-details-img .pro_prev1{left:0px; background-position: -15px 25px;top:480px;background-size: 120px 45px;}
	.product-details-img .pro_next1{right:0px; background-position: -75px 25px;top:480px;background-size: 120px 45px;}
	#product-slide{display:none;}

	/*设计师列表*/
	.sheji-info{
		width:100%;
		height:auto;
	}
	.sheji-info .sheji-list{
		margin: 15px 0px;
	}
	.sheji-info .sheji-list ul{
		width: 100%;
	}
	.sheji-info .sheji-list ul li{
		width: 163px;
		height: 215px;
		border: 1px solid #DDE;
		text-align: center;
		padding-top: 10px;
		float: left;
		margin: 0px 10px 10px 0px;
	}
	.sheji-info .sheji-list ul li:hover{
		border: 1px solid #9B212E;
		cursor:pointer;
	}
	.sheji-info .sheji-list .sheji-img{
		width: 150px;
		height: 185px;
	}
	.sheji-info .sheji-list .sheji-name{
		font-size: 14px;
		font-weight: bold;
		display: block;
		text-align: center;
		height: 30px;
		line-height: 30px;
	}
	.next-prev div{
		width:100%;
	}


	/*新闻列表*/
	.news-info{
		width:100%;
		min-height: 400px;
	}
	.news-info .news-list{
		margin: 15px 0px;
	}
	.news-info .news-list ul{
		width: 100%;
		margin-bottom: 20px;
	}
	.news-info .news-list ul li{
		width: 100%;
		height: 30px;
		border-bottom: 1px dashed #e2e2e2;
		float: left;
		line-height: 30px;
		margin: 0px;
	}
	.news-info .news-list span{
		width: 0;
		height: 0;
		display: inline-block;
		border-top: 5px solid transparent;
		border-left: 5px solid #9B212E;
		border-bottom: 5px solid transparent;
		float: left;
		margin: 10px 10px 0px 0px;
		display: inline-block;
	}
	.news-info .news-list .news-title{
		width: 270px;
		height: 30px;
		float:left;
		display:inline-block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.news-info .news-list .news-time{
		font-size: 14px;
		display: block;
		height: 30px;
		line-height: 30px;
		float: right;
	}
	/*施工管理详细*/
	.news-details{
		width:100%;
		height:auto;
	}
	.news-details-title{
		margin: 15px 0px;
	}
	.news-details-title h1{
		height: 50px;
		font-size: 20px;
		text-align: center;
		line-height: 50px;
		font-weight: 100;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.news-details-title p{
		text-align: center;
	}
	.news-details-title p span{
		margin-right: 30px;
	}
	.news-details-title .span{
		display:none;
	}
	.news-details-info{
		width:100%;
		min-height:500px;
		margin:0 auto;
	}
        .news-details-info p img{
		width:100%;
	}


	/*单页样式*/
	.page-info{
		margin: 0 auto;
		min-height: 500px;
		padding: 20px 0px;
	}
	.page-info p{
		line-height: 30px;
		font-size: 16px;
		color: #5a5a5a;
		text-indent: 30px;
		padding: 10px 0px;
	}

	/*联系我们*/
	.contact-info{
		margin: 0 auto;
		min-height: 500px;
		padding: 20px 0px;
	}
	.contact-info .contact-left{
		width:100%;
		float:left;
	}
	.contact-left h2{
		padding:10px 0px;
	}
	.contact-left span{
		padding:5px 0px;
		font-size: 14px;
	}
	.contact-left p{
		padding: 0px 0px 0px 40px;
		font-size: 14px;
		line-height: 40px;
	}
	.contact-left .dizhi{
		background:url('../img/dizhi.jpg') no-repeat;
		background-size: 30px 30px;
		background-position: 0px 7px;
	}
	.contact-left .dianhua{
		background:url('../img/dianhua.jpg') no-repeat;
		background-size: 30px 30px;
		background-position: 0px 4px;
	}
	.contact-left .shouji{
		background:url('../img/shouji.png') no-repeat;
		background-size: 30px 30px;
		background-position: 0px 5px;
	}
	.contact-left .youxiang{
		background:url('../img/youxiang.png') no-repeat;
		background-size: 30px 30px;
		background-position: 0px 6px;
	}
	.contact-left .QQ{
		background:url('../img/QQ.png') no-repeat;
		background-size: 30px 30px;
		background-position: 0px 5px;
	}
	#Map{
		display:block;
		background:url('../img/daohang.png') no-repeat;
		background-size: 20px 30px;
		background-position: 5px 5px;
	}
	#Map a{
		color:red;
	}
	.contact-info .contact-right{
		width:100%;
		float:right;
	}
	.contact-right h3{
		font-size: 14px;
		font-weight: 100;
		padding: 20px 0px;
		line-height: 30px;
	}
	.contact-right .contact-gbook{

	}
	.contact-right .contact-gbook p{
		margin:20px 0px 20px;;
	}
	.contact-right .contact-gbook p span{
		display:block;
	}
	.contact-right .contact-gbook p input{
		display:block;
		border:1px dashed #ddd;
		background:#eee;
		margin:5px 0px 15px;
		width:96%;
		height:35px;
		line-height: 35px;
		padding-left: 10px;
	}
	.contact-right .contact-gbook p textarea{
		border:1px dashed #ddd;
		height:143px;
		width:96%;
		background:#eee;
		margin:5px 0px 15px;
		padding-left: 10px;
	}
	#btnSubmit{
		width: 20%;
		margin: 0 auto;
		background: #982929;
		color: #fff;
		border: none;
	}
		


	/*分页样式*/
	.fenye{
		margin:0 auto;
	}
	.page{
		float:left;
		width:100%;
		text-align: center;
	}
	.fenye .page span{
		display: inline-block;
		padding: 5px 10px;
		background: #9B212E;
		color: #fff;
		margin-right: 10px;
	}
	.fenye .page span font{
		color:#fff;
	}
	.fenye .page a{
		display: inline-block;
		border: 1px solid #ccc;
		padding: 5px 10px;
		margin: 0px 5px;
	}

	/*友情链接*/
	.link2{
		display:none;
		width: 1060px;
		height: 40px;
		margin: 0 auto;
		background: url('../img/link1.png') no-repeat center left;
		background-size: 30px 30px;
		padding-left: 40px;
		margin-bottom: 10px;
	}
	.link2 span{
		float:left;
		height: 40px;
		line-height: 40px;
		margin-right: 10px;
	}
	.link2 ul li{
		float:left;
		height: 40px;
		line-height: 40px;
		margin-right: 20px;
	}

	/*页脚样式*/
	.footer{
		width: 100%;
		height: auto;
		background-color: #E0E0E0;
		padding: 0px 0px;
		position: relative;
	}
	.foot{
		width:100%;
		height:183px;
		margin:0 auto;
	}
	.foot_nav{
		display:none;
		width: 100%;
		height: 50px;
	}
	.foot_nav ul{
		width: 90%;
		height: 50px;
		margin: 0 auto;
		border-bottom: 1px solid #A7A2A2;
	}
	.foot_nav ul li{
		height: 50px;
		float: left;
		padding: 0px 0px 0px 65px;
		line-height: 50px;
	}
	.foot_nav ul li a{
		color: #000000;
	}
	.foot-content{
		margin-top: 20px;
	}
	.foot-content-left{
		width:80%;
		height: 186px;
		float: none;
		margin: 0 auto;
		padding-left:20%;
		position: absolute;
		background: #ddd;
	}
	.foot-content-left img{
		width:72%;
	}
	.foot-content-zhong{
		width: 93%;
		height: auto;
		float: left;
		position: absolute;
		z-index: 10;
		top: 0px;
		left: 10px;
	}
	.foot-content-zhong p{
		line-height: 25px;
		color: #000000;
	}
	.foot-content-right{
		display:none;
		width: 250px;
		height: 150px;
		float: left;
	}
	.foot-content-right img{
		width: 140px;
		height: 140px;
		float: right;
		margin-bottom: 10px;
	}


	/*客户悬浮窗*/
	.izl-rmenu{
		display:none;
	   margin-right: 0px;
	   width: 82px;
	   position: fixed;
	   right: 2px;
	   top: 65%;
	   -webkit-box-shadow: #DDD 0px 1px 5px;
	   -moz-box-shadow: #DDD 0px 1px 5px;
	   box-shadow: #DDD 0px 1px 5px;
	   z-index:999;
	}
	.izl-rmenu .consult{    
		background-image: url(../img/consult_icon.gif);
		background-repeat: no-repeat;
		background-position: center -77px;
		display: block;
		height: 76px;
		width: 82px;
	}
	.izl-rmenu .consult .phone {
		background-color: rgb(247,247,255);
		position: absolute;
		width: 160px;
		left: -160px;
		top: 0px;
		line-height: 73px;
		color: #000;
		font-size: 18px;
		text-align: center;
		display: none;
		box-shadow: #DDD -1px 1px 4px;
	}
	.izl-rmenu a.consult:hover .phone{display:inline !important;}
	.izl-rmenu .cart {
		background-image: url(../img/consult_icon.gif);
		background-repeat: no-repeat;
		background-position: center bottom;
		display: block;
		height: 16px;
		width: 16px;
		font-size: 12px;
		line-height: 16px;
		color: #45BDFF;
		text-align: center;
		padding-top: 15px;
		padding-right: 18px;
		padding-bottom: 47px;
		padding-left: 48px;
	}
	.izl-rmenu a.cart:hover .pic{display:block;}
	.izl-rmenu .btn_top {
		background-image: url(../img/float_top.gif);
		background-repeat: no-repeat;
		background-position: center top;
		display: block;
		height: 39px;
		width: 82px;
		-webkit-transition: all 0s ease-in-out;
		-moz-transition: all 0s ease-in-out;
		-o-transition: all 0s ease-in-out;
		transition: all 0s ease-in-out;
	}
	.izl-rmenu .btn_top:hover {
		background-image: url(../img/float_top.gif);
		background-repeat: no-repeat;
		background-position: center bottom;
	}
	.izl-rmenu .cart .pic {
		display:none;
		position: absolute;
		left: -160px;
		top: 0px;
		width: 160px;
		height: 160px;
		background:url(../img/erweima.png);
		background-size: contain;
	}
	#udesk-feedback-tab {
		display:none;
		position: fixed;
		right: 2px;
		top: 65%;
		margin-top: -76px;
		-webkit-box-shadow: #DDD 0px -1px 5px;
		-moz-box-shadow: #DDD 0px -1px 5px;
		box-shadow: #DDD 0px -1px 5px;
		z-index: 10000;
		cursor: pointer;
		background-image: url(../img/consult_icon.gif);
		background-repeat: no-repeat;
		background-position: center top;
		display: block;
		height: 76px;
		width: 82px;
		background-color: #FFF!important;
		z-index:999;
	}


	#back-to-top{
		display:none;
		position:fixed;
		bottom: 13px;
		right: 28px;
	}
	#back-to-top a{
		display:none;
		text-align:center;
		text-decoration:none;
		color:#000000;
		display:block;
		width:55px;
		/*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
		-moz-transition:color 1s; 
		-webkit-transition:color 1s;
		-o-transition:color 1s;
	}
	#back-to-top a:hover{
		color:#979797;
	}
	#back-to-top a span{
		display:none;
		background:#d1d1d1;
		border-radius:6px;
		display:block;
		height:55px;
		width:55px;
		background:#d1d1d1 url(../img/arrow-up.png) no-repeat;
		background-size: 100% 100%;
		margin-bottom:5px;
		-moz-transition:background 1s;
		-webkit-transition:background 1s;
		-o-transition:background 1s;
	}
	
	.flash{
		display:none;
		width:100%;
		height:500px;
		position:absolute;
		top:0px;
		left:0px;
	}
}
@media screen and (min-width: 481px){
	.slider{
		display:none;
	}
}
@media screen and (min-width: 320px) and (max-width: 374px) {
	.xwlist .xwlist-con{
		width: 245px;
		height: 100px;
		padding: 5px 0px 5px 10px;
	}
	.c_anli-content .albox{
		width: 133px;
		height: 133px;
	}
	.c_anli-content .albox img{
		width: 130px;
		height: 97px;
	}
	.product-info .product-list ul li{
		width: 135px;
		height: 135px;
		border: 1px solid #DDE;
		text-align: center;
		padding-top: 5px;
		float: left;
		margin: 0px 10px 10px 0px;
	}
	.product-info .product-list ul li:hover{
		border: 1px solid #9B212E;
		cursor:pointer;
	}
	.product-info .product-list .product-img{
		width: 125px;
		height: 100px;
	}
	.sheji-info .sheji-list ul li{
		width: 138px;
		height: 177px;
		border: 1px solid #DDE;
		text-align: center;
		padding-top: 5px;
		float: left;
		margin: 0px 10px 10px 0px;
	}
	.sheji-info .sheji-list ul li:hover{
		border: 1px solid #9B212E;
		cursor:pointer;
	}
	.sheji-info .sheji-list .sheji-img{
		width: 128px;
		height: 145px;
	}
	.news-info .news-list .news-title{
		width:220px;
	}
}