@charset "utf-8";
/* CSS Document */
* {
	border:none;
	color:#333;
	font-family:inherit,Microsoft YaHei,Arial, Helvetica, sans-serif;
	font-size:16px;
	list-style:none;
	line-height:25px;
	outline:none;
	padding:0;
	margin:0;
	text-decoration:none;
}
#fanye li{width:100px;float:left;background-color: #e1e1e1;display: inline-block;font-weight: 400;font-size: 18px;line-height: 34px; border-radius: 3px;text-align:center;}

#fanye li a{ background-color: #e1e1e1; font-weight: 400; font-size: 18px; padding: 8px 5px; display: inline-block; }/****/
#fanye li a:hover{ background-color: #EB6100; color: #fff; }

.clear {clear:both;}
a:hover {text-decoration:none;cursor:pointer; color:#e94609;} /* a:hover{text-decoration:underline} */ 
.more {	font-weight:bold;}
h2, h2 a {font-size:18px;}
h1, h1 a {font-size:22px;line-height: 35px;}
h3, h3 a {font-size:16px;}
.pull_left, .nav li, .col_bottom li, .list2 li, .list li, .about_middle li, .contact_li li, .content_text_top li, .column li, .col_right li, .f_col, .tabs li, .owl-item {float:left;}
.pull_right {float:right;}
.nav, .subnav .text, .width1170, #content, .footer_link, .header_text p, .f_bottom p {width:1170px;margin:0 auto;}
.banner {width:100%;overflow:hidden;}
.header_text {	background:#333;	padding:2px 0;}
.header_text p {color:#ccc;}
.nav {padding:15px 0;}
.nav li a {	font-size:16px;	display:block;	padding:0 25px;	line-height:50px;	font-weight:bold;}
/***下拉***/
#mainnav ul li { position: relative; }
/* #mainnav > ul > li { display: inline-block; } */
#mainnav > ul > li:last-child { padding-right: 0; }
#mainnav > ul > li:last-child a { margin-right: 0; }
#mainnav > ul > li:hover > a { background: #EB6100; color: #fff !important; } 
#mainnav > ul > li a .fa { margin-right: 5px; font-size: 14px; } 
#mainnav > ul > li.home > a { padding: 0 8px; } 
#mainnav ul.sub-menu { position: absolute; left: 0; top: 150%; width: 180px; text-align: left; background-color: #ffffff; z-index: 9999; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#mainnav ul li:hover > ul.sub-menu { top: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; visibility: visible; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15); }
#mainnav ul li ul li { margin-left: 0; width:180px;}
#mainnav ul.sub-menu >li ul { position: absolute; left: 300px; top: 0 !important; float:left;}
#mainnav ul.sub-menu ul.sub-menu { left: 180px !important; top: 10px !important; }
#mainnav ul.sub-menu li:first-child { border-top: none; }
#mainnav ul.sub-menu > li > a { display: block; color: #636363; padding: 0 0 0 5px; line-height: 45px; font-weight: 500; font-size: 13px; }
#mainnav ul.sub-menu > li > a:hover { background: #F8B62D; color: #ffffff; }


#pull {	display:none;}
.top_text {	text-align:center;	margin-bottom:50px;}
.col_hot_left, .col_hot_right {	width:320px;}
.col_hot_middle {	width:470px;	margin:20px 30px;}
.col_hot,.col_middle ,.list2, .list_top {margin:40px auto;}
.col_middle ul li{float:left; margin-right:10px;}
.top_text h1 {margin-bottom:30px;}
.top_text b {margin-top:30px;display: block;}
.top_text b a{background:#e94609;font-size: 22px; line-height: 35px;padding:10px;color:#fff;}
.col_hot_left {	text-align:right;}
.col_hot .text {height:70px;overflow:hidden;}
.col_bottom ul {width:1200px;}
.col_bottom li {width:570px;background:#fff;}
.col_bottom li,.list2 li {margin-bottom:30px;margin-right:30px;}
.col_bottom li .text {width:300px;padding:30px 20px;}
.col_bottom li .text_inner {height:98px;overflow:hidden;margin-bottom:15px;}
.col_bottom li h2,.column li h2 ,.content_text h3 {	margin-bottom:10px;}
.col_bottom img {display:block;}
.col_bottom li .more {color:#e94609;}
.col_bottom li .more:hover {color:#333;}
.case_bg {background:url(http://www.51dnyh.com/images/caseimg.jpg) no-repeat top center;}
.case_bg,.case_bg2 ,.about_text, .about_middle, .about_bottom  {padding:90px 0;}
.case_bg .top_text p, .case_bg .top_text h1 a,.box p,#footer h2 a {	color:#fff;}
.case_bg1 {	background:#ecedef url(../images/banner-7.jpg) no-repeat center center;	padding:43px 0;}
.case_bg1 ul {width:760px;}
.case_bg1 li {width:350px;	margin:10px 30px 10px 0;float:left;	position:relative;}
.case_bg1 h2 {display:none;	position:absolute;	top:0;	left:0;	bottom:0;right:0;background:rgba(0, 0, 0, 0.6);}
.case_bg1 a {display:block;}
.case_bg1 h2 a {color:#fff;	text-align:center;	padding-top:80px;}
.case_bg1 li:hover h2 {	display:block;}
.case_bg2,.about_middle {background:#f1f1f1;}
.col_list {	text-align:center;}
.col_list li {	position:relative;	background:#fff;	padding-bottom:30px;}
.col_list li .text {padding:30px 25px 0;height:98px;overflow:hidden;}
.col_list .text p, .col_hot p {	color:#888;}
.col_list .more {border:1px solid #ccc;	display:block;	line-height:36px;width:100px;margin:10px auto 0;background:url(../images/more.jpg) no-repeat 100px center;}/**padding-right:20px;	**/
.column {overflow:hidden;}
.column ul {width:1200px;}
.column li {width:370px;margin-right:30px;}
.col_left {width:500px;}
.col_right {width:550px;}
.col_right {width:560px;}
.col_right li {	width:176px;margin:0 10px 10px 0;}
.col_right li img {	display:block;}
#content {margin:40px auto 50px;overflow:hidden;}
.col_middle .more {width:80px;display:block;background:#e94609;	padding:8px 15px;color:#fff;text-align:center;margin:20px 0 0;float:right;}
.subnav {background:#25559d;padding:90px 0;} /**background:#ededed url(banner.png) no-repeat center center;**/
.subnav h1 {font-size:36px;line-height:40px;color:#fff;	margin-bottom:0;text-align:center;}
.subnav p {margin-top:15px;text-align:center;font-size:16px;}
.subnav p, .subnav a, .subnav span {color:#fff;	font-weight:bold;}
/*-----------------*/
.list2 ul, .about_middle ul {width:1200px;overflow:hidden;}
.list2 li {width:270px;}
.list2 .text, .list .text {	height:70px;overflow:hidden;margin:15px 0 10px;}
.list2 p, .list p {color:#999;}
.list2 .more, .list .more {color:#e94609;}
.list li {width:260px;margin-bottom:30px;margin-right:25px;}
.list, .content_text_top ul, .box_list ul {width:860px;}
.left_content {width:830px;}
.wrap, .right_top, .right_list {margin-bottom:50px;}
.wrap .text, .tabs_box_ul ul {width:420px;}
.tabs_box {	margin:50px auto;}
.tabs {	margin-bottom:30px;	background:#f7f7f7;}
.tabs .active a, .tabs li a:hover {	background: #e94609;color: #fff;}
.tabs li a {display: block;	line-height: 48px;	padding: 0 25px;font-weight: bold;text-transform: uppercase;margin-right: 1px;}
.tab-pane {display:none;}
.tab-content .active {display:block;}
.chat, .tabs_box_ul {margin-top:20px;}
.chat a {float:left;background:#11243c;padding:5px 25px;color:#fff;font-size:14px;font-weight:bold;}
.chat img {vertical-align:middle;margin-right:8px;}
.chat .online {background:#e94609;}
.tabs_box table {width:100%;margin-top:40px;}
.tabs_box_ul li {list-style-type:decimal;margin-left:20px;}
.tabs_box img {margin:0 0 10px 20px;}
.content_text h2 {margin-bottom:30px;line-height:46px;background: url(../images/h2bg.jpg) repeat-x left bottom;}
.content_text_top h1 {margin:30px 0 20px;}
.content_text, .map, .contact_li, .box {margin-bottom:40px;}
.content_text_top ul {margin-top:30px;}
.content_text_top li, .box_list li {width:260px;margin-right:25px;}
.box_list li {float:left;text-align:center;}
.box_list li h3 {margin-top:10px;}
.box {background:#999;	padding:20px 40px 20px 20px;}
.box .text {width: 510px;}
/*-------------*/
.form td {padding:10px 0;}
.form .input-xlarge {height:24px;width:99%;padding:5px;	background:#f1f1f1;}
.form select.input-xlarge {height:30px;width:100%;}
.form textarea.input-xlarge {height:120px;}
.checkbox {display:block;float:left;margin-right:10px;}
.checkbox input, .radio input {	vertical-align:middle;}
.submit input {	padding:4px 10px;background:#e94609;color:#fff;}
label {	display:inline-block;padding-right:20px;}
/*-------about---------*/
.about_text p,.right_top li,.f_col_3 li, .f_col h2 {margin-bottom:20px;}
.about_text h1, .about_middle h1 ,.contact_li h1,.right_sidebar h1{margin-bottom:30px;}
.about_middle ul {margin-top:50px;}
.about_middle li {width:270px;margin-right:30px;}
.about_middle li .text,.f_col_1 ul {margin-top:15px;}
/*-----contact-------*/
.contact_li ul {width:900px;margin-top:30px;}
.contact_li img {display:block;	margin:0 auto 15px;}
.contact_li li {width:230px;text-align:center;margin-right:70px;font-size:16px;}
.contact_li li span {display:block;	font-size:16px;}
.container img{max-width:830px;text-align:center;} 
.container h1{text-align: center; font-size: 1.625em;color: #444; font-weight: normal; margin-bottom: 10px;}
.container p{margin-bottom: 20px;text-align:justify;text-justify:inter-ideograph;line-height:2em;}
.breadcrumb {font-size: 0.75em; color: #777; margin-bottom: 10px; background: #fff;}

/*------right_sidebar---------*/
.right_sidebar {width:300px;}
.right_top .text {width:195px;height:60px;overflow:hidden;}
.right_list h1 {margin-bottom:15px;border: 1px solid #ddd;background:#25559d;color:#fff;}
.right_list ul ul {display:none;}
.right_list li a, .right_list ul.active {display:block;}
.right_list .drop {	border:1px solid #ddd;	padding:10px 10px 10px 10px;	font-weight:bold;	margin-bottom:3px;	zoom:1;	background:url(../images/rightbg.jpg) no-repeat 8px 16px;}
.right_list ul ul {	/* display:none; */	padding:5px 5px 5px 30px;}
.right_list li li {	padding:3px 0;	list-style-type:square;}
.right_bottom li {float:left;margin-right:12px;	margin-bottom:5px;}
.right_bottom p {margin:0 0 10px;overflow:hidden;text-align: justify;}/*max-height:210px;*/

#scroll.stop {position:absolute; width:inherit; bottom:0; right:0;}
#scroll.scroll {position: fixed; width: inherit; top: 75px;}

.article-meta { text-align: center; color: #999; margin-bottom: 15px; border-bottom: 1px solid #ebebeb; padding-bottom: 20px;}
.postmeta span {padding-right: 5px;}

.pagination-wrap { width: 100%; text-align: center; margin:40px 0;}
.flat-pagination a { background-color: #e1e1e1; font-weight: 400; font-size: 15px; padding: 8px 5px; display: inline-block; line-height: 30px; text-align: center; border-radius: 3px; margin: 0 5px; }
.flat-pagination a:hover, .flat-pagination a.current { background-color: #EB6100; color: #fff; }
.flat-pagination a i { padding-left: 3px; }	
/*--------footer--------------*/
#footer {background: #25559d;padding-top:50px;}
.f_col_1 {width:365px;}
.f_col_1 ul li {background:url(../images/follibg.jpg) no-repeat left 7px;padding-left:15px;margin-bottom:5px;}
.f_col_3 {width:255px;overflow:hidden;}
.f_col_3 .text {width:250px;height:60px;overflow:hidden;}
.f_col_3 img {display:block;}
.f_col_2 {margin:0 50px;width:250px;}
.f_col_2 li {margin-bottom:7px;}
.f_col_2 .add {background:url(../images/add.jpg) no-repeat 3px 2px;}
.f_col_2 .tell {background:url(../images/tell.jpg) no-repeat 0 5px;}
.f_col_2 .fax {background:url(../images/fax.jpg) no-repeat 0 5px;}
.f_col_2 .email {background:url(../images/email2.jpg) no-repeat 0 5px;}
#footer a, #footer p, .f_bottom span, .f_col_2 li, .f_col_2 span {color:#fff;text-align: justify;}
.f_col_2 span {margin-left:20px;}
.f_bottom {background:url(../images/f_bottombg.jpg) repeat left top;text-align:right;padding:20px 0;margin-top:30px;}
/*banner*/
.banner h1 a {text-transform:uppercase;	margin-bottom:10px;	line-height:32px;}
.banner, .carousel-warp, .item {position:relative;}
.owl-carousel .owl-wrapper-outer {overflow: hidden;	position: relative;	width: 100%;}
.about_middle .post-slider-btn {position:absolute;top:0;right:0;}
.about_middle .post-slider-btn .next, .about_middle .post-slider-btn .prev {height:25px;width:25px;background:#666;color:#fff;}
.banner .post-slider-btn {position:absolute;width:1110px;margin:0 auto;left:0;right:0;bottom:0;text-align:right;}
.banner .post-slider-btn .next, .banner .post-slider-btn .prev {height:37px;width:37px;background:#fff;filter:alpha(opacity=70);
opacity:0.7;}
.banner img {width:auto;max-width:100%;	height:auto;margin:0 auto;display:block;}
.banner .post-slider-btn p {display:inline-block;background:#313942;line-height:37px;padding:0 10px;}
.owl-carousel {display: none;position: relative;-ms-touch-action: pan-y;}
.owl-wrapper {display: none;position: relative;}
.banner:hover .post-slider-btn .next, .banner:hover .post-slider-btn .prev {filter:alpha(opacity=70);opacity: 0.7;}
.banner .item .item_box {width:1110px;margin:0 auto;position:absolute;left:0;right:0;bottom:50px;}
.banner .item .text {width:350px;background:#e94609 \9;	background-color:rgba(233, 70, 9, 0.8);	padding:20px 30px;}
.banner a, .banner p {color:#fff;}
.carousel-inner, .carousel-inner .item {position:relative;overflow:hidden;}
.carousel {width:370px;}
.carousel-indiors {width:380px;margin-top:10px;}
.carousel-indiors img {width:116px;max-width:116px;	height:auto;margin-right:10px;}
.carousel-inner .item {display:none;-webkit-transition:.6s ease-in-out left; -moz-transition:.6s ease-in-out left;
 -o-transition:.6s ease-in-out left; transition:.6s ease-in-out left;left:0;top:0;}
.carousel-indiors li {float:left;}
.carousel-inner .active, .carousel-inner .next, .carousel-inner .prev {display:block}
.carousel-inner .next, .carousel-inner .prev {position:absolute;top:0;width:100%;}
.carousel-inner .next, .carousel-inner .active.right {left:100%}
.carousel-inner .prev, .carousel-inner .active.left {left:-100%}
.carousel-inner .next.left, .carousel-inner .prev.right {left:0}
.post-nears {margin-top:20px;}
.datalist{ border:1px solid #ccc; border-collapse:collapse; background-color:#fff; }
.datalist caption{ padding-bottom:5px; text-align:left;} 
.datalist th{ border:1px solid #ccc; background-color:#eee; font-weight:700;  padding:5px 1%; }
.datalist td{ border:1px solid #ccc; padding:5px 1%;}
.datalist tr.altrow{ background-color:#c7e5ff;}


@media all and (max-width:1200px) {
 .header_text p, .col_hot, .column, .col_middle, .case_bg1_box, .list2, .about_text, .col_bottom, #content,  .footer_link, .subnav .text, .f_bottom p, .banner .item .item_box, .banner .post-slider-btn, .about_middle {
 width:100%;
 padding-left:15px;
 padding-right:15px;
}
.nav, .width1170, .column ul, .list2 ul, .contact_li ul, .about_middle ul, .col_bottom ul, .list, .box_list ul, .content_text_top ul, .carousel-indiors {
 width:100%;
}
.nav, .subnav .text, .col_hot, .column, .col_middle, .case_bg1_box, .list2, .about_text, .col_bottom li .text,  .about_middle, #content, .footer_link, .header_text p, .col_bottom, .nav li, .search .text, .f_bottom p, .banner .item .item_box, .banner .post-slider-btn, .banner .item .text { -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
 .logo img, .banner img, .col_hot img, .column img, .col_middle img, .list2 img, #content img, .col_right img, .about_middle img, .col_bottom img, .case_bg1 li img { width:auto;
 max-width:100%; height:auto;}
.logo { margin-left:15px; width:200px;}
 .col_hot_left, .col_hot_right { width:28%;}
.col_hot_middle { width:40%; margin:40px 2% 0;}
.col_right, .col_left { width:48%;}
.col_right ul { text-align:right;}
.col_right li { display:inline-block; float:none; margin-right:8px;}
.col_left span{margin-right:8px;}
.case_bg1 { background-position: 60% center;}
.left_content, .case_bg1 ul { width:70%;}
.right_sidebar { width:26%;}
.col_bottom li .text { width:60%; padding:15px 20px;}
.col_bottom li >a { width:40%; max-width:229px;}
.about_bottom .col_bottom li .text { padding:0 15px 0;}
.case_bg1 h2 a { padding-top:20%;}
.box .text { width:auto; float:none;}
.box img { margin:0 15px 10px 0;}
.wrap .text, .wrap .topimg, .tabs_box_ul ul, #content .tabs_box img { width:48%;}
.column li, .list li, .contact_li li, .box_list li, .content_text_top li, .right_bottom li, .carousel-indiors li { width:32%; margin-right:2%;}
.about_middle li, .list2 li { width:23.5%; margin-right:2%;}
.col_bottom li, .case_bg1 li { width:49%; margin-right:2%;}
.column li:nth-child(3n), .list2 li:nth-child(4n), .list li:nth-child(3n), .contact_li li:nth-child(3), .about_middle li:nth-child(4), .col_bottom li:nth-child(2n), .list_2 li:nth-child(3n), .case_bg1 li:nth-child(2n), .box_list li:nth-child(3), .content_text_top li:nth-child(3), .right_bottom li:nth-child(3n), .carousel-indiors li:nth-child(3) {
 margin-right:0;
}
.chat a { padding:5px 10px;}
.f_col { width:24%;}
.f_col_2 { margin:0 2%;}
.f_col_2 span { display:inline-block;}
.f_col_3 .text, .right_top .text { width:auto; float:none;}
.f_col_3 li >a, .right_top li>a { margin-right:10px;}
}
/*----840px页面-----*/
 @media all and (max-width:840px) {
.nav li a { padding:0 15px; line-height:37px;}
 .logo {width:180px;}
 .list2 li { width:32%;}
 .list2 .text, .list .text, .col_bottom li .text_inner, .col_bottom li h2 { margin-bottom:0;}
 .list2 li:nth-child(4n) { margin-right:2%;}
 .list2 li:nth-child(3n) { margin-right:0;}
.left_content, .right_sidebar { width:100%;}
#content {position:relative;padding-top:10px;}
.right_casename{position:absolute;left:15px;right:15px;background:#fff;}
.right_casename h1{font-size:16px;}
.right_casename p{padding:7px 10px;}

.flat-pagination a {font-size: 15px;padding: 5px; display: inline-block; line-height: 25px;margin: 0 2px;}


.right_list {
 /* position:absolute;
 top:0; */
 left:15px;
 right:15px;
 background:#fff;
}
.right_list>ul { padding-bottom:30px; /* display:none; */}
.right_pull { display:block; background:url(../images/menu1.jpg) no-repeat left center;
 width:78px; height:28px;}
.right_list h1 { border:1px solid #ccc; padding:7px 10px;}
.about_text, .about_middle { padding:40px 15px;}
.about_text .col_left { width:auto; float:none;}
.about_text .col_right { margin:0 0 10px 20px;}
.col_bottom li .text_inner { height:88px;}
.about_bottom .col_bottom li { width:100%; margin-right:0; margin-bottom:15px;}
.about_bottom .col_bottom li .text { float:left;}
.right_bottom li, .right_bottom li:nth-child(3n) { width:auto; margin-right:12px;}
 h1, h1 a { font-size:20px;}
h2, h2 a { font-size:15px;}
h3, h3 a { font-size:14px;}
body {-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
}
#parameter { overflow-x:auto;}
 .subnav h1 { font-size:26px; line-height:26px;}
 .subnav { padding:80px 0;}
 .subnav p { margin-top:0;}
 .col_right li { width:48%;margin-right:2%; float:left;}
 .col_middle, #content, .list2, .col_hot { margin:10px auto;}
.case_bg, .case_bg2, .about_bottom { padding:40px 0;}
.case_bg1 { background-size: auto 100%;}
.top_text, .content_text, .map, .contact_li, .box { margin-bottom:20px;}
.wrap h1, .top_text h1 { margin-bottom:10px;}
}
/*----767页面------*/
@media all and (max-width:767px) {

#pull {
 display:block;
 margin-right:15px;
 margin-top:10px;
 font-weight:bold;
}
 .nav ul {
 width:100%;
 border-top:1px solid #ccc;
 margin-top:20px;
 display:none;
}
 .nav li a {
 padding:0;
}
 .nav li {
 width:20%;
 text-align:center;
}
 .col_hot_left, .col_hot_right {
 width:48%;
 text-align:center;
}
.col_hot_middle {
 width:100%;
 margin:20px 0 0;
 text-align:center;
}
 .col_list li .text {
 padding:20px 10px 0;
}
 .col_list li {
 padding-bottom:20px;
}
.col_bottom li .text {
 padding:10px 10px 0;
}
.f_bottom {
 text-align:center;
}
.f_bottom span {
 float:none;
 display:inline-block;
 width:100%;
}
.banner .item .item_box {
 bottom:0;
 top:0;
 padding-left:0;
}
.banner .item .text {
 padding:10px 15px;
 width:280px;
 height:100%;
}
.banner .post-slider-btn {
 padding-right:0;
}
.banner .post-slider-btn .next, .banner .post-slider-btn .prev {
 width:30px;
 height:30px;
}
.banner .post-slider-btn p {
 font-size:11px;
 line-height:30px;
}
.banner h1 {
 margin-bottom:0;
}
}
@media all and (max-width:660px) {
/*------------*/
	.column li, .column li:nth-child(3n) {
 width:100%;
 margin-right:0;
 max-width:370px;
 float:none;
 margin:0 auto 20px;
}
 .case_bg {
 background-size:100% 100%;
}
.col_list li .text {
 height:auto;
 max-height:92px;
}
 .col_left, .col_right, .f_col {
 width:100%;
}
.about_text .col_right {
 width:50%;
 margin:0 auto 20px;
 float:none;
}
.about_text h1, .about_middle h1 {
 margin-bottom:10px;
}
.about_middle li, .tabs_box {
 margin-bottom:20px;
}
.col_bottom li .text_inner {
 height:70px;
}
.case_bg1 ul {
 width:75%;
}
 .col_left, .col_right ul, .f_col, .list2 li, .list li, .about_middle li {
 text-align:center;
}
.col_left .more {
 margin:20px auto;
}
.list2 li, .list2 li:nth-child(3n), .list li, .list li:nth-child(3n), .about_middle li {
 width:49%;
 margin-right:2%;
}
.list2 li:nth-child(2n), .list li:nth-child(2n), .about_middle li:nth-child(2n) {
 margin-right:0;
}
.about_middle li:nth-child(3) {
 clear:both;
}
.col_right li, .wrap .text, .tabs_box_ul ul {
 width:auto;
 float:none;
}
 .f_col {
 margin:0 0 10px;
}
 .f_col_1 li, .f_col_2 li {
 display:inline-block;
 margin-right:20px;
}
.f_col_3 li {
 text-align:left;
 width:50%;
 float:left;
}
 .wrap .topimg {
 margin-right:15px;
}
}
@media all and (max-width:567px) {
.nav li {
 width:100%;
 text-align:left;
 padding-left:20px;
 border-bottom:1px solid #ccc;
 background:url(../images/rightbg.jpg) no-repeat 96% center;
}
.contact_li li, .col_bottom li {
 width:100%;
 margin-right:0;
 margin-bottom:10px;
}
.contact_li li span {
 display:inline-block;
 margin:0 10px;
}
.case_bg1 ul {
 width:100%;
}
 #content .box img {
 width:50%;
 height:auto;
}
 .col_right li {
 width:47%;
 margin-right:2%;
 max-width:176px;
 display:inline-block;
 float:none;
}
.f_col_3 li {
 width:100%;
 text-align:center;
}
.f_col_3 li >a {
 float:none;
 display:block;
}
.f_col_3 img {
 margin:0 auto 5px;
}
 .wrap .topimg {
 float:none;
 width:100%;
 max-width:370px;
 margin:0 auto;
 text-align:center;
}
 .wrap .text, .tab-content p {
 clear:both;
 text-align:center;
}
 .chat {
 margin:10px auto 0;
}
 .chat a, .tabs li {
 width:50%;
 text-align:center;
}
 .chat a {
 padding:5px 0;
}
 .tabs li a {
 padding:0;
}
 .form td {
 padding:5px 0;
}
 label {
 padding-right:2px;
}
.banner .item .item_box {
 position:relative;
 padding:0;
}
.banner .item .text {
 width:100%;
 height:auto;
}
.banner .post-slider-btn {
 top:30%;
 padding:0;
}
.banner .post-slider-btn .prev {
 float:left;
}
.banner .post-slider-btn p {
 display:none;
}
}
@media all and (max-width:460px) {
 .about_middle li, .box_list li {
 width:100%;
 margin:0 auto 10px;
}
.about_bottom .col_bottom li > a, .about_bottom .col_bottom li .text, .case_bg1 li, .content_text_top li {
 width:100%;
 padding:0;
 float:none;
 text-align:center;
}
.about_bottom .col_bottom li > a img {
 display:block;
 margin:0 auto 10px;
}
 .about_text .col_right, #content .tabs_box img {
 width:100%;
}
 .case_bg1 ul, .box {
 text-align:center;
}
 .case_bg1 li, .case_bg1 li:nth-child(2n) {
 max-width:350px;
 display:inline-block;
 margin:0 auto 15px;
}
 #content .box img {
 width:auto;
 margin:0 auto 10px;
 text-align:center;
 float:none;
 display:block;
}
 .box .text {
 clear:both;
}
 #content .tabs_box img {
 float:none;
 margin:0 0 10px;
 max-width:370px;
}
 .list_2 li {
 width:48%;
}
}
/*采集页*/
.contentlist{width:100%; float:left; margin:10px 0 5px 0;}
.contentlist img{float:left; margin-right:10px;}
#price{float:right;}
.listp{width:100%; float:left; margin:10px 0 5px 0;}
.listp img{float:left; margin-right:10px;}