@charset "utf-8";
.w{ width:1176px; margin:0 auto}


.case_yz{ padding:20px 0;}	
.search_yz dl{line-height:44px; border:1px solid #f5f5f5; margin-top:-1px; padding-right:30px; padding:4px 0;}
.search_yz dl dt{width: 100px;text-align: center;color: #000; font-size:14px; }
.search_yz dl dd .all{ width:84px; }
.search_yz dl dd a{ display:inline-block; padding:0 20px;font-size:14px;} 
.search_yz dl dd a:hover{ color:#4485c6;}
.search_yz dl dd .on{background: #9f9583;color: #fff !important;height: 22px;line-height: 20px;}
.search_yz dl dd .son{ width:900px;}

.case_list{ margin:30px 0 30px -26px;}

.case_list li{ width:362px; margin-left:26px; float:left; margin-bottom:24px; position:relative;}
.case_list li img{ width:362px; height:258px;}
.case_list li h3{font-size: 16px;color: #000;line-height: 32px;margin-top: 4px;height: 32px;overflow: hidden;}
.case_list li h3 span{ background-color:#dec450; float:right; margin-left:12px; padding:0 10px; font-size:14px; font-weight:400; line-height:28px;}
.case_list li p{font-size: 14px;color: #777;line-height: 20px;height: 20px;overflow: hidden;}

.case_scroll{ width:1140px;  position:relative; margin-top:80px;}
.case_scroll .hd{ height:30px; overflow:hidden; position:absolute; left:50%; bottom:0px; z-index:1; margin-left:-18px }
.case_scroll .hd ul{ overflow:hidden; zoom:1;   }
.case_scroll .hd ul li{ display: block;width: 14px;height: 14px;border-radius: 100%;cursor: pointer;float:left; margin:0 4px; background-color:#b2b3b3;}
.case_scroll .hd ul li.on{ background-color:#dec450;}
.case_scroll .bd{height:100%; z-index:0;}
.case_scroll .bd li{ zoom:1; vertical-align: middle;  }
.case_scroll .bd img{ display:block; width:1140px;margin-top: 25px; }

.case_con{ margin:30px auto;}
.case_con .case_confl{ width:870px; overflow:hidden; padding-right:20px;}
.case_con .case_confr{ width:270px; border-left:1px solid #ddd; padding-left:20px;}
.case_con .case_confl h5,.case_con .case_confr h5{ font-size:18px; color:#000; line-height:40px;}
.case_con .case_confl p{ font-size:14px; color:#777; line-height:28px;}
.case_con .case_confl p.p_de{ line-height:22px !important;}
.case_con .case_confl p span{ color:#444; display:inline-block; }
.case_con .case_confr img{ width:180px; height:auto; margin-top:4px;}
.case_con .case_confr p{ font-size:14px; line-height:30px; width:180px; text-align:center; color:#444;}
.re_case{ margin:20px auto; border-top:1px solid #ddd; padding-top:30px;}
.re_case h4{ font-size:20px; text-align:center; color:#000; margin-bottom:30px; font-weight:400;}
.re_case h4:after{ content:''; width:22px; height:1px; display:block; background:#000; margin:10px auto;}



.side{ position:fixed; width:54px; height:275px; right:0; top:214px; z-index:100;}
.side ul li{ width:54px; height:54px; float:left; position:relative;border-bottom:1px solid #444; }
.side ul li .sidebox{ position:absolute; width:54px; height:54px; top:0; right:0;transition:all 0.3s;background:#000; opacity:0.8; filter:Alpha(opacity=80); color:#fff; font:14px/54px "微软雅黑"; overflow:hidden;}
.side ul li .side_wx{ position:absolute; width:54px; height:54px; top:0; right:0;transition:all 0.3s;background:#000; opacity:0.8; filter:Alpha(opacity=80);}
.side ul li .side_wx .ewm{ width:113px; height:113px; left:-118px;top:0px; position:absolute; padding:3px; background-color:#ae1c1c; display:none;}
.animation-slide-right {-webkit-animation-name: slide-right;-o-animation-name: slide-right;animation-name: slide-right;animation-delay:100ms;animation-timing-function:ease-out;animation-duration:.3s;animation-fill-mode:both;
}
@-webkit-keyframes slide-right {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(10%, 0, 0);
		transform: translate3d(10%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-o-keyframes slide-right {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(10%, 0, 0);
		transform: translate3d(10%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes slide-right {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(10%, 0, 0);
		transform: translate3d(10%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.side ul li .side_wx:hover .ewm{ display:block;}
.side ul li .sidetop{ width:54px; height:54px; display:inline-block;background:#000; opacity:0.8; filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover,.side ul li .side_wx:hover{ background:#ae1c1c; opacity:1; filter:Alpha(opacity=100);}
.form{padding:60px 0 10px;}


.form input{ outline:none; border:1px solid #ddd; line-height:28px; padding-left:10px; display:block; width:440px; font-size:12px; color:#999; border-radius:2px; margin:0 auto 12px;}
.form input:focus,.form textarea:focus{ border-color:#dec450}
.form textarea{ outline:none; border:1px solid #ddd; display:block; font-size:12px; color:#999; padding:6px 10px; width:440px; height:100px;border-radius:2px;margin:0 auto 20px;}
.submit{ width:110px !important; height:32px !important; border:none !important; background-color:#dec450; color:#222 !important; text-align:center; line-height:32px; padding-left:0 !important;}

.inner_nav{ margin-top:20px;}
.inner_nav ul li{height:42px;  float:left; margin-right:8px; border:1px solid #000; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.inner_nav ul li.on,.inner_nav ul li:hover{ background-color:#000;}
.inner_nav ul li.on a,.inner_nav ul li:hover a{ color:#fff;}
.inner_nav ul li a{ line-height:40px; text-align:center; display:block; color:#000; font-size:14px;padding:0 26px;}

.search_form{ margin:20px auto; width:100%; padding:20px 0; background-color:#f5f5f5; text-align:center;}
.search_form form{ display:inline-block;}
.search_form input{ outline:none; border:1px solid #ddd; height:36px; float:left;}
.search_form .search_input{ padding-left:6px; width:320px; }
.search_form .search_sub{ width:110px; background-color:#9f9583; border:none; color:#fff; }

.select-bar{ background-color:#f5f5f5; display:none; padding:10px;}
.select-box{
	width:100%;
	height:34px;
	margin-bottom:10px;
	background:#fff;
	position:relative;
	z-index:99;
	}
.select-box .name{ padding-left:14px; height:34px; line-height:34px; font-size:14px; cursor:pointer; position:relative;}
.select-box .name:after{
	font-size:0;
	content:'';
	display:block;
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-5px;
	width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-right: 8px solid #4c4c4c;
    border-bottom: 4px solid transparent;
	}
.select-box ul{
	display:none;
	width:100%;
	height:auto;
	background:#f8f8f8;
	position:absolute;
	left:0;
	top:34px;
	}
.select-box ul li{ padding-left:14px; font-size:14px; color:#666; height:34px; line-height:34px; cursor:pointer;}
.select-box ul li:hover{background:#eee;}
.select-box li a{display:block}
.select-box.active ul{ display:block;}
.select-box.active .name{ background:#555; color:#FFF;}
.select-box.active .name:after{
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 8px solid #fff;
	}
.contact_mobil{ display:none;}

.theme-popover-mask{z-index:999998;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.6;filter:alpha(opacity=60);display:none}
.popover-order{z-index:999999;position:fixed;top:50%;left:50%;width:340px;height:360px;margin:-180px 0 0 -170px;border-radius:5px;background-color:#fff;display:none;box-shadow:0 0 10px #666; -webkit-box-shadow:0 0 10px #666;}
.order-content{padding:20px;position:relative;}
.order-content .close{ position:absolute;right:20px; top:16px; font-size:20px; color:#222;}
.order-content ul{ margin:30px auto 20px;}
.order-content ul li{ width:260px; border:none; margin:10px auto 0;}
.order-content ul li span{font-size:14px; color:#444; display:block;}
.order-content ul li input{ width:260px; height:30px; border:1px solid #ddd; text-indent:6px; }
.order-content .refer{ width:260px; height:34px; background-color:#dec450; color:#fff; font-size:16px; margin:16px auto 0; border:none; display:block; cursor:pointer;}
.hot_phone{ width:260px; margin:10px auto; font-size:14px; color:#222;}
.hot_phone strong{ font-size:18px;}
.sit_con{ padding-bottom:30px;}
.sit_con .search_yz{ margin:30px 0;}
.tablea {border: 1px solid #ddd;width:100%; margin:20px auto;}

.tablea tr th{border: 1px solid #ddd;padding: 8px 0;background: #242424;color: #fff; font-size:16px;}
.tablea tr td{padding: 8px 0; color:#444; font-size:14px; text-align:center; border-bottom:1px solid #ddd;}
.tablea tr td.linkqq a{ background-color:#444; color:#fff; padding:4px 10px; }


@media all and (min-width:768px) and (max-width:800px){

.w{ width:100%;}

.black_til{ height:100px;  padding-top:20px;}
.black_til h3{font-size:18px;}
.black_til h3:after{ width:16px; margin:2px auto;}
.black_til h4{ font-size:18px; }
.white_til{ height:100px; padding-top:20px;}
.white_til h3{ font-size:18px;}
.white_til h3:after{ width:16px;margin:2px auto;}
.white_til h4{ font-size:18px;}


.case_w3{ margin-bottom:20px; padding:10px;}
.case_w3 .case_left{ width:100%; float:left}
.case_w3 .case_left li{margin-bottom:2%;}
.case_w3 .case_left .li1{ width:100%;}
.case_w3 .case_left .li1 img{ width:100%; height:auto;}
.case_w3 .case_left .li2{ width:63.9%; margin-right:2%;}
.case_w3 .case_left .li2 img{ width:100%; height:auto;}
.case_w3 .case_left .li3{ width:34.1%;}
.case_w3 .case_left .li3 img{ width:100%; height:auto;}

.case_right{ width:100%; margin-left:0; float:left;}
.case_right{ margin-bottom:2%;}
.case_right .li4{ width:100%;}
.case_right .li4 img{ width:100%; height:auto}
.case_right .li5{ margin-right:2%;}
.case_right .li5,.case_right .li6{ width:49%; height:auto;}
.case_right .li5 img,.case_right .li6 img{ width:100%; height:auto;}
.case_right .li7{ width:100%; height:auto;}
.case_right .li7 img{ width:100%; height:auto;}


.case_w3 .big_til .case_til{ position:absolute; bottom:0; left:0px; width:100%; padding:2px 10px; background:rgba(0,0,0,0.6); transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.case_w3 .big_til .case_til h3{ font-size:14px; line-height:24px; font-weight:400; color:#fff; display:inline-block; vertical-align:3px;}
.case_w3 .big_til .case_til span{ display:none;}
.small_til h5{ width:80px; height:28px; background:rgba(255,255,255,1.0); font-size:14px; color:#000; line-height:28px; text-align:center; position:absolute; left:50%; top:50%; margin-left:-40px; margin-top:-17px; opacity:1;filter: "alpha(opacity=1)";   /* IE 8 */
filter: alpha(opacity=1);  /* IE 4-7 */ }
.small_til h5:after{ content:''; width:88px; height:34px; border:2px solid #fff; display:block; position:absolute; top:50%; left:50%; margin-left:-46px; margin-top:-19px;transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; opacity:1;filter: "alpha(opacity=1)";   /* IE 8 */
filter: alpha(opacity=1);  /* IE 4-7 */}
.more_w .more{ margin-top:10px;}



.select-bar{ display:block;}
.case_yz{ padding:0; }
.search_yz{ display:none;}
.search_yz dl{ line-height:38px; border-left:none; border-right:none;}
.search_yz dl dt{ width:100px;}
.search_yz dl dd .all{ width:70px;}
.search_yz dl dd .son {display:inline-block; line-height:34px; width:100%;}

.search_form{ padding:12px 0; margin:0;}
.search_form .search_input{ width:60%;}
.search_form .search_sub{ width:90px;}
.search_form input{ height:32px; line-height:32px;}

.case_list{ margin-left:0;}
.case_list li{ margin:1%; float:none; width:48%; padding:0; float:left;}
.case_list li i{ display:none;}
.case_list li h3{ height:30px; line-height:30px; font-size:15px; font-weight:400; padding:0 10px;}
.case_list li h3 span{ line-height:24px;}

.case_list li img{ height:auto; width:100%;}

.page_all li:first-child{padding: 4px 8px;}
.page_all li{padding: 4px 8px;}

.case_con{ padding:10px;}
.case_con .case_confl{ width:100%; padding-right:0;}

.case_con .case_confr{float:left;border-left: none; margin-top:16px;
padding-left:0;}
.case_scroll{ width:100%; margin-top:48px;}
.case_scroll .hd{ height:20px;}
.case_scroll .hd ul li{ width:10px; height:10px;}
.case_scroll .bd img { width:100%; height:auto}

.design_con2{ padding:0 10px;}
.design_detail .design_pic{ width:100%;}
.design_detail .design_pic img {width: 100%; max-width:380px;
}
.design_detail .design_con{ width:100%; margin-top:20px;}
.design_detail .design_con .b1 h4{ font-size:20px; line-height:36px;}
.re_case{ padding-top:20px;}
.re_case h4{ margin-bottom:20px;}

.inner_nav ul li{ width:23%; margin:1%; height:34px;}
.inner_nav ul li a{ padding:0; line-height:34px; font-size:12px;}

.news_list{ margin:20px auto; padding:20px 0; }
.news_list ul li .bg{  height:90px;  left:22%; top:6px; }
.news_list ul li:hover .bg{ width:78%;}
.news_list ul li { width:100%;margin:2% 0; padding:1%;}
.news_list ul li .date{ width:22%; padding-top:8px; height:auto; font-size:13px;}
.news_list ul li .date p {font-size:36px;line-height:60px;}
.news_list ul li .news_con { width: 74%;}
.news_list ul li .news_con h4{ font-size:16px; line-height:36px; margin-bottom:4px;}
.news_list ul li .news_con p{ height:36px; overflow:hidden; font-size:12px;}
.contact-box{ display:none;}	
.contact_mobil{ width:100%; margin-top:48px; display:block;  background-color:#fff;}
.contact_mobil ul{ width:280px; background-color:#fff; margin:0 auto;font: 12px/22px Vijaya,"\5b8b\4f53",Arial,sans-serif;
color: #222;padding:40px;}
.contact_mobil ul li{width: 100%;
    padding-bottom: 12%;
    border-bottom: 2px solid #ccc;
    margin-bottom: 12%;
    line-height: 26px;
    font-size: 20px;} 
.contact_mobil ul li p.en{ font-size:18px;}	

.table_w .tablea tr th:nth-child(4),.table_w .tablea tr td:nth-child(4){ display:none}
.table_w .tablea tr td{ padding:12px 0;}
	
	
	
}

@media all and (min-width:320px) and (max-width:767px){
.top,.slideBox{display:none;}	
.ban2{margin-top:48px;}
.head{ width:100%; height:48px; background:#000; position:fixed; z-index:95885549; left:0px; top:0px; text-align:center; display:block;}
.icon-logo{ width:54px; height:34px; display:block; background:url(../images/logo.png) no-repeat center center; position:absolute; left:6px; top:7px; background-size:54px 34px;-webkit-background-size: 54px 34px;
-o-background-size: 54px 34px;
-ms-background-size: 54px 34px;}
.ico-nav{ width: 110px; height: 36px; position: absolute; right:0; top: 6px;background-image:url(../images/icon_nav.png);  background-repeat: no-repeat; background-position:right 0;
-webkit-background-size: 36px 72px;
-o-background-size: 36px 72px;
-ms-background-size: 36px 72px;
background-size: 36px 72px;
}
.ico-nav span{font-size:15px; color:#fff; text-transform:uppercase; line-height:36px; display:inline-block;
}
.ico-nav.active{  background-position:right -36px;}
.nav_phone{ 
width: 100%; height: 100%;
position: fixed; z-index: 88898;
background:#f5f5f5;
opacity: 0;
left:0; top:0;
-webkit-transform:translateY(-100%);
-o-transform:translateY(-100%);
-ms-transform:translateY(-100%);
transform:translateY(-100%);
-webkit-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out; display:block;
}
.nav_phone.active{
opacity: 1;
-webkit-transform:translateY(0%);
-o-transform:translateY(0%);
-ms-transform:translateY(0%);
transform:translateY(0%);
}

.nav_phone li { list-style: none; position: relative; padding:0 16px;}
.nav_phone li .name{ height: 50px; display: block; padding:10px; border-bottom:1px solid #949494;  font-size: 15px; text-transform:uppercase; color:#444; text-align:center;}
.nav_phone li:first-child{margin-top:54px; }
.nav_phone li:last-child .name{ border-bottom:none !important;}	

.slideBox,.side{ display:none;}	
.swiper-container,.kong{ display:block;}	
.w{ width:100%;}

.black_til{ height:100px;  padding-top:20px;}
.black_til h3{font-size:18px;}
.black_til h3:after{ width:16px; margin:2px auto;}
.black_til h4{ font-size:18px; }
.white_til{ height:100px; padding-top:20px;}
.white_til h3{ font-size:18px;}
.white_til h3:after{ width:16px;margin:2px auto;}
.white_til h4{ font-size:18px;}

.about{ padding:20px 0;}
.about ul li{ font-size:14px;}
.about ul li img{ width:37px; height:25px; transition:none;}

.case_w3{ margin-bottom:20px; padding:10px;}
.case_w3 .case_left{ width:100%; float:left}
.case_w3 .case_left li{margin-bottom:2%;}
.case_w3 .case_left .li1{ width:100%;}
.case_w3 .case_left .li1 img{ width:100%; height:auto;}
.case_w3 .case_left .li2{ width:63.9%; margin-right:2%;}
.case_w3 .case_left .li2 img{ width:100%; height:auto;}
.case_w3 .case_left .li3{ width:34.1%;}
.case_w3 .case_left .li3 img{ width:100%; height:auto;}

.case_right{ width:100%; margin-left:0; float:left;}
.case_right{ margin-bottom:2%;}
.case_right .li4{ width:100%;}
.case_right .li4 img{ width:100%; height:auto}
.case_right .li5{ margin-right:2%;}
.case_right .li5,.case_right .li6{ width:49%; height:auto;}
.case_right .li5 img,.case_right .li6 img{ width:100%; height:auto;}
.case_right .li7{ width:100%; height:auto;}
.case_right .li7 img{ width:100%; height:auto;}


.case_w3 .big_til .case_til{ position:absolute; bottom:0; left:0px; width:100%; padding:2px 10px; background:rgba(0,0,0,0.6); transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.case_w3 .big_til .case_til h3{ font-size:14px; line-height:24px; font-weight:400; color:#fff; display:inline-block; vertical-align:3px;}
.case_w3 .big_til .case_til span{ display:none;}
.small_til h5{ width:80px; height:28px; background:rgba(255,255,255,1.0); font-size:14px; color:#000; line-height:28px; text-align:center; position:absolute; left:50%; top:50%; margin-left:-40px; margin-top:-17px; opacity:1;filter: "alpha(opacity=1)";   /* IE 8 */
filter: alpha(opacity=1);  /* IE 4-7 */ }
.small_til h5:after{ content:''; width:88px; height:34px; border:2px solid #fff; display:block; position:absolute; top:50%; left:50%; margin-left:-46px; margin-top:-19px;transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; opacity:1;filter: "alpha(opacity=1)";   /* IE 8 */
filter: alpha(opacity=1);  /* IE 4-7 */}
.more_w .more{ margin-top:10px;}


/*服务流程两张图片*/
.service .img_lc{ display:none;}
.service .img_lc2{ display:block;}


#design{ display:none;}
.phone_design{ display:block; width:100%; margin-bottom:20px;}
.phone_design ul{ }
.phone_design ul li{  width:48%; margin:1%; float:left;}
.phone_design ul li img{ width:100%; height:auto;}
.phone_design ul li h3{ font-size:14px; color:#222; line-height:24px; font-weight:400; text-align:center; margin-top:6px;}

.hx_banner{ display:none;}
.hx_banner2{ width:100%; height:120px; position:relative; display:block;}	
.hx_banner2 .hd{ height:20px; overflow:hidden; position:absolute; left:50%; bottom:0px; z-index:1; margin-left:-15px }
.hx_banner2 .hd ul{ overflow:hidden; zoom:1;   }
.hx_banner2 .hd ul li{ display: block;width: 8px;height: 8px;border-radius: 100%;cursor: pointer;float:left; margin:0 5px; background-color:#b2b3b3;}
.hx_banner2 .hd ul li.on{ background-color:#dec450;}
.hx_banner2 .bd{height:100%; z-index:0;}
.hx_banner2 .bd li{ zoom:1; vertical-align: middle;  }
.hx_banner2 .bd img{ height:120px; display:block; width:100%;  }

#mainship{ display:none;}
.mainship2{ display:block;}
.mainship2 ul li{ width:33.3%; float:left; position:relative; height:auto; padding:1%;}
.mainship2 ul li img{ width:100%; height:auto; z-index:-1;}
.mainship2 ul li p{ text-align:center; font-size:14px; color:#fff; line-height:32px; position:absolute; left:50%; top:50%; z-index:0; margin-left:-28px; margin-top:-16px;} 
.mainship2 ul li p:before{ content:''; width:30px; height:30px; background:#dec450; border-radius:50%; display:block; position:absolute; left:50%; margin-left:-15px; top:50%; top:1px; z-index:-1;}

.news .news_top h4{ font-size:16px; color:#000; line-height:40px; font-weight:400; padding:0 10px; }
.news .news_top p{ padding:0 10px;}
.news ul{ margin-left:0;}
.news ul li { width:100%;margin:1% 0; padding:1%;}
.news ul li .date{ width:22%; padding-top:8px; height:auto; font-size:13px;}
.news ul li .date p {font-size:36px;line-height:60px;}
.news ul li .news_con { width: 74%;}
.news ul li .news_con h4{ font-size:16px; line-height:32px; margin-bottom:6px;}
.news ul li .news_con p{ height:36px; overflow:hidden;}

.contact { margin-bottom:20px;}
.contact ul li{padding:0 14px;}
.contact ul li img{ width:48px; height:48px;}
.contact ul li p{ font-size:14px;  padding-top:12px; width:100%; word-wrap:break-word;}

.form{padding:40px 0 10px;}
.form input{ width:80%}
.form textarea{ width:80%}

.focus{ display:none;}

.bottom{ height:auto; padding:0 0 20px;}
.bottom p{ text-align:center; padding:0 18px;}
.bottom p a{ display:none;}
.ban2{ zoom:0.5;}
.about_con{ padding:20px 10px;}
.til_page{ line-height:38px; font-size:14px; padding:0 10px; display:none;}
.til_page span{ line-height:38px;}
.yz_about .yz_fl{ width:100%; padding-bottom:20px;}
.yz_about .yz_fl h3{ font-size:30px; height:150px; padding-top:40px;}
.yz_about .yz_fl h3::after{ width:26%; height:100px; top:6px; left:110px;}
.yz_about .yz_fl p{ margin-bottom:20px;}
.yz_about .yz_fr{ width:100%; margin-top:20px;}
.yz_pic{ max-width:100%; height:auto;}
.yz_pic .hd ul li{ width:10px; height:10px;}

.yz_pic .bd img {display: block; max-width:100%; height:auto;}
.select-bar{ display:block;}
.case_yz{ padding:0;}
.search_yz{ display:none;}
.search_yz dl{ line-height:38px; border-left:none; border-right:none;}
.search_yz dl dt{ width:100px;}
.search_yz dl dd{ overflow:hidden;}
.search_yz dl dd .all{ width:70px; float:none; display:inline;}
.search_yz dl dd .son {display:inline; line-height:34px; float:none; overflow:auto; width:auto;}

.search_form{ padding:12px 0; margin:0;}
.search_form .search_input{ width:64%;}
.search_form .search_sub{ width:70px;}
.search_form input{ height:32px;}

.case_list{ margin-left:0;}
.case_list li{ max-width:362px; margin:10px auto; float:none; width:100%; padding:10px;}
.case_list li i{ display:none;}
.case_list li h3{ height:30px; line-height:30px; font-size:15px; font-weight:400;}
.case_list li h3 span{ line-height:24px;}

.case_list li img{ max-width:100%; height:auto;}

.page_all li:first-child{padding: 4px 8px;}
.page_all li{padding: 4px 8px;}

.design_w { padding:0 ; margin:0;
}
.design .design_bg{ display:none;}
.design{ width:100%;}

.design ul{ margin-left:0;}
.design ul li{  width:48%; margin:1%; float:left;}
.design ul li img{ width:100%; height:auto;}
.design ul li h3{ font-size:14px; color:#222; line-height:24px; font-weight:400; text-align:center; margin-top:6px;}

.case_con{ padding:10px; margin:10px auto;}
.case_con .case_confl{ width:100%; padding-right:0;}

.case_con .case_confr{float:left;border-left: none; margin-top:16px;
padding-left:0;}
.case_scroll{ width:100%; margin-top:48px;}
.case_scroll .hd{ height:20px;}
.case_scroll .hd ul li{ width:10px; height:10px;}
.case_scroll .bd img { width:100%; height:auto}

.design_con2{ padding:0 10px;}
.design_detail .design_pic{ width:100%;}
.de_picbox{ width:100%; margin:0 auto;max-width:380px;}
.design_detail .design_pic img {width: 100%; max-width:380px;
}
.design_detail .design_con{ width:100%; margin-top:20px;}
.design_detail .design_con .b1 h4{ font-size:20px; line-height:36px;}
.re_case{ padding-top:20px;}
.re_case h4{ margin-bottom:20px;}

.inner_nav ul li{ width:23%; margin:1%; height:34px;}
.inner_nav ul li a{ padding:0; line-height:34px; font-size:12px;}

.news_list{ margin:20px auto; padding:20px 0; }
.news_list ul li .bg{  height:90px;  left:22%; top:6px; }
.news_list ul li:hover .bg{ width:78%;}
.news_list ul li { width:100%;margin:2% 0; padding:1%;}
.news_list ul li .date{ width:22%; padding-top:8px; height:auto; font-size:13px;}
.news_list ul li .date p {font-size:36px;line-height:60px;}
.news_list ul li .news_con { width: 74%;}
.news_list ul li .news_con h4{ font-size:16px; line-height:36px; margin-bottom:4px;}
.news_list ul li .news_con p{ height:36px; overflow:hidden; font-size:12px;}


.contact-box{ display:none;}	
.contact_mobil{ width:100%; margin-top:48px; display:block;  background-color:#fff;}
.contact_mobil ul{ width:280px; background-color:#fff;  margin:0 auto;font: 12px/22px Vijaya,"\5b8b\4f53",Arial,sans-serif;
color: #222;padding:40px;}
.contact_mobil ul li{width: 100%;
    padding-bottom: 12%;
    border-bottom: 2px solid #ccc;
    margin-bottom: 12%;
    line-height: 26px;
    font-size: 20px;} 
.contact_mobil ul li p.en{ font-size:18px;}	

.popover-order{width:300px;height:360px;margin:-180px 0 0 -150px;}

.table_w .tablea tr th:nth-child(4),.table_w .tablea tr td:nth-child(4){ display:none}
.table_w .tablea tr th{ font-size:15px;}
.table_w .tablea tr td{ font-size:12px; padding:14px 0;} 

}

@media all and (max-width:320px){
.inner_nav ul li{ width:24%; margin:1% 0.5%;}	
.news_list ul li .date{ font-size:12px; width:24%;}	
.news ul li .date{ width:24%; font-size:12px;}	
.news ul li .date p{ font-size:30px;}
.news ul li .news_con,.news_list ul li .news_con{ width:72%;}
.news ul li .news_con h4,.news_list ul li .news_con h4{ font-size:14px;}
	
.prev_next span{ width:80px;}	
.prev_next ul{ width:60%;}
.prev_next ul li,.prev_next ul li a{ font-size:12px;}
	

.contact-box{ display:none;}	
.contact_mobil{ width:100%; margin-top:48px; display:block; background-color:#fff;}
.contact_mobil ul{ width:280px; background-color:#fff; padding:40px; margin:0 auto;font: 12px/22px Vijaya,"\5b8b\4f53",Arial,sans-serif;
color: #222;}
.contact_mobil ul li{width: 100%;
    padding-bottom: 12%;
    border-bottom: 2px solid #ccc;
    margin-bottom: 12%;
    line-height: 26px;
    font-size: 20px;
} 
.contact_mobil ul li p.en{ font-size:18px;}
.popover-order{width:260px;height:360px;margin:-180px 0 0 -130px;}	
.order-content ul li,.order-content ul li input,.order-content .refer,.hot_phone{ width:220px; }

.table_w .tablea tr th{ font-size:15px;}
.table_w .tablea tr th:nth-child(4),.table_w .tablea tr td:nth-child(4){ display:none}
.table_w .tablea tr td{ font-size:12px; padding:14px 0;} 
	
}

/* CSS Document */

/* pagesize css*/

#pageNav ul li{
	width:4%;
	height: 25px;
	line-height: 25px;
	margin-left: 1%;
	margin-bottom: 15px;
	padding: 0;
	float: left;
	overflow: hidden;
}
#pageNav ul li a{
	display: block;
	width: 100%;
	height: 100%;
}
#pageNav ul li:first-child{
	margin-left: 25%;
	width: 8%;
}
#pageNav ul li:last-child{
	width: 11%;
}

/*#pageNav { 
font-style:"Microsoft YaHei"; 
font-size: 14px;
height: 30px; 
margin: 15px 18%; 
text-align: center; 
width: 100%; 
} 
#pageNav ul { 
list-style-type: none; 
overflow: hidden;
width:80%; 

} 
#pageNav ul li { 
background-color: #FFFFFF; 
border: 1px solid #ccc; 
color: #666; 
display: block;
width: 8%;
line-height: 30px;
height: 30px; 
margin: 0 4px; 
float: left; 
} 
#pageNav ul li:last-child{
	width: 10%;
}
#pageNav ul li a { 
border: none;
background-color: #FFFFFF; 
color: #ccc; 
padding: 0 3px; 
} 
#pageNav ul li a:hover { 
color: #000; 
} 
#pageNav ul li.hover { 
border: 0 none; 
color: #000000; 
font-weight: bold; 
} 
#pageNav ul .thisclass{
	background-color: #ccc;
}
#pageNav ul .thisclass a{
	background-color: #ccc;
	color: #000;
}
*/