/* ========== 二级页面CSS ========== */
.center { max-width: 1240px;}


/*搜索*/
.search_box { width: 100%; padding: 10px 0px;}
.gjc_box { width: 80%; overflow: hidden;}
.gjc_box p { font-size: 12px; color: #666666; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.gjc_box p a { color: #666666; margin-left: 10px;}
.search { width: 20%;}
.search_form { width: 100%; height: 30px; border: 1px solid #e1e1e1; background-color: #f5f5f5; overflow: hidden;}
.search_form input { float: left; width: 75%; height: 28px; font-size: 12px; padding-left: 10px; background: none; border: none;}
.search_form button { float: right; height: 28px; padding: 6px; background: none; border: none;}
.search_form button img { display: block; width: 16px; height: 16px;}
@media only screen and (max-width: 992px) {
	.gjc_box { width: 70%;}
	.search { width: 30%;}
}
@media only screen and (max-width: 768px) {
	.gjc_box { display: none;}
	.search { width: 100%; margin-top: 5px; margin-bottom: 5px;}
}


/*banner*/
.erji_banner { width: 100%;}


/*content*/
.content { width: 100%; margin: 30px auto;}
.content_left { width: 21.6%;}/*页面左侧*/
.content_right { width: 75.8%;}/*页面右侧*/
@media only screen and (max-width: 992px) {
	.content_left { width: 24%;}
	.content_right { width: 73%;}
}
@media only screen and (max-width: 768px) {
	.content { margin: 15px auto;}
	.content_left { width: 100%; margin-bottom: 15px;}
	.content_right { width: 100%;}
}



/*二级页面左侧-垂直导航*/
.menu_t { width: 100%; height: 50px; background-color: #5c7b93; border-bottom: 1px solid #35566f;}
.menu_t h2 { width: 50%; float: left; padding-left: 20px; font-size: 16px; color: #FFFFFF; line-height: 50px; font-family: "苹方","微软雅黑"; font-weight: bold;}
.menu_t span { 
	width: 50%; display: block; float: right; padding-right: 20px; 
	text-align: right; font-size: 12px; line-height: 50px; color: #ccd8e1; text-transform: uppercase; font-family: "苹方","微软雅黑"; font-weight: bold;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
#demo-list a{ width:100%; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}


/*二级页面左侧-案例导航*/
.case_left { width: 100%; padding-top: 20px; clear: both;}
.case_left_list { width: 100%; padding: 15px 0px; background: #f5f5f5;}
.case_left_list ul { width: 50%; float: left;}
.case_left_list ul:nth-child(1) { border-right: 1px dashed #DDDDDD;}
.case_left_list li { width: 100%; padding-left: 20px;}
.case_left_list li a { 
	display: block; width: 100%; 
	font-size: 14px; color: #333333; line-height: 28px; font-family: "苹方","微软雅黑"; font-weight: bold; vertical-align: middle;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.case_left_list li a i { 
	display: inline-block; width: 7px; height: 28px; margin-left: 8px; 
	vertical-align: middle; background: url(../img/lc_icon.png) no-repeat left 8px;}
.case_left_list li:hover a { color: #17819C;}
.case_left_list li:hover a i { background: url(../img/lc_icon_h.png) no-repeat left 8px;}
@media only screen and (max-width: 1200px) {
	.case_left_list li { padding-left: 15px;}
	.case_left_list li a i { display: none;}
}
@media only screen and (max-width: 992px) {
	.case_left_list { display: none;}
}
@media only screen and (max-width: 768px) {
	.case_left { display: none;}
}


/*二级页面左侧-动态滚动*/
.news_left { width: 100%; margin-top: 20px;}
.news_left .maquee { height: 160px;}
.news_left .maquee li a.fl { width: 100%;}
@media only screen and (max-width: 768px) {
	.news_left { display: none;}	
}


/*二级页面右侧-标题/位置*/
.main_content { width: 100%; background: #f5f5f5;}
.main_tt { width: 100%; padding: 5px 20px 0px 20px;}
.main_tt div { width: 100%; border-bottom: 1px solid #d8d8d8; padding: 5px 0px;}
.main_tt h1 { float: left; width: 30%; font-size: 24px; color: #333333; line-height: 34px; font-family: "苹方","微软雅黑"; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main_tt p { float: right; width: 70%; font-size: 12px; color: #666666; line-height: 18px; text-align: right; margin-top: 12px;}
.main_tt p a { color: #666666;}
.main_tt p a:hover { color: #17819C;}
@media only screen and (max-width: 768px) {
	.main_tt h1 { width: 100%;}
	.main_tt p { width: 100%; text-align: left; margin-top: 5px; margin-bottom: 5px;}
}


/*二级页面右侧-单页*/
.blank_page { width: 100%; padding: 20px;}
.blank_page img { display: block; max-width: 100%; margin: 0px auto;}
.blank_page p { font-size: 14px; color: #444444; line-height: 24px;}
@media only screen and (max-width: 768px) {
	.blank_page { padding: 15px;}
}


/*二级页面右侧-图片列表*/
.gallery_out { width: 100%; padding: 30px 30px;}
.gallery_out ul { width: 100%;}
.gallery_out ul li { float: left; width: 33.333%; padding: 0px 10px; margin-bottom: 15px;}
.gallery_out ul li .gallery_img { display: block; width: 100%; border: 5px solid #FFFFFF;}
.gallery_out ul li .gallery_text { width: 100%; height: 32px; padding: 0px 10px; margin-top: 5px;}
.gallery_out ul li .gallery_text a { display: block; width: 100%; font-size: 14px; color: #333333; text-align: center; line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.gallery_out ul li:hover .gallery_img { box-shadow: 0px 0px 10px 1px #CCCCCC;}
@media only screen and (max-width: 1200px) {
	.gallery_out { padding: 20px 15px;}
	.gallery_out ul li { padding: 0px 5px;}
}
@media only screen and (max-width: 768px) {
	.gallery_out { padding: 20px 10px;}
	.gallery_out ul li { width: 50%;}
}


/*==========pagination==========*/
.yahoo2 { padding: 3px 3px 30px 3px; margin: 0px auto; font-size: 14px; font-family: Helvetica,sans-serif; text-align: center;}
.yahoo2 a { padding: 2px 8px; color: #999999;}
.yahoo2 a:hover { color: #0A408A;}
.yahoo2 a:active { color: #0A408A;}
.yahoo2 span.current { padding: 2px 8px; COLOR: #1b2c39;}
.yahoo2 a.next { margin: 0px 0px 0px 10px;}
.yahoo2 a.prev { margin: 0px 10px 0px 0px;}
.yahoo2 a.disabled { opacity: 0.6; cursor: no-drop;}
.yahoo2 a img { margin-top: -3px;}
.yahoo2_fy { padding: 10px 20px 30px 20px; font-size: 14px; font-family: Helvetica,sans-serif; vertical-align: middle;}
.yahoo2_fy a { display: block; width: 50%; overflow: hidden; font-size: 12px; color: #666666; line-height: 18px;}
.yahoo2_fy a:hover { color: #17819C;}
.yahoo2_fy a i { display: inline-block; max-width: 80%; font-style: normal; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.yahoo2_fy a.prev { float: left;}
.yahoo2_fy a.prev img { margin-right: 5px; vertical-align: middle;}
.yahoo2_fy a.next { float: right; text-align: right;}
.yahoo2_fy a.next img { margin-left: 5px; vertical-align: middle;}


/*二级页面右侧-新闻列表*/
.news_page { width: 100%; padding: 0px 20px; margin-bottom: 30px;}
.news_page li { width: 100%; padding: 20px 0px 22px 0px; border-bottom: 1px dashed #dcdcdc;}
.news_page li .news_title { width: 100%; margin-bottom: 5px;}
.news_page li .news_title a { display: block; float: left; max-width: 68%; margin-right: 2%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; line-height: 28px; color: #333333; font-weight: bold;} 
.news_page li .news_title a:hover { color: #35566f;}
.news_page li .news_title span { display: block; float: left; margin-top: 5px; padding: 0px 4px; background: #cbdbe8; font-size: 12px; color: #264963; line-height: 18px;}
.news_page li .news_info { max-height: 54px; overflow: hidden; font-size: 12px; color: #666666; line-height: 18px;}
@media only screen and (max-width: 992px) {
	.news_page li .news_title a { font-size: 16px; line-height: 26px;}
}
@media only screen and (max-width: 768px) {
	.news_page li .news_title a { max-width: 100%;} 
	.news_page li .news_title span { margin-bottom: 5px;}
}


/*二级页面右侧-新闻详情*/
.news_detail { margin-bottom: 0px;}
.detail_top { width: 100%; padding: 25px 0px;}
.detail_top h1 { margin-bottom: 5px; font-size: 18px; color: #333333; line-height: 28px; text-align: center; font-weight: bold;}
.detail_top p { font-size: 12px; line-height: 22px; color: #999999; text-align: center;}
.detail_top p span { margin: 0px 10px;}
.detail_bottom { width: 100%; border-top: 1px dashed #dcdcdc; border-bottom: 1px dashed #dcdcdc; padding: 10px 0px;}
.detail_bottom img { display: block; max-width: 100%; margin: 0px auto;}
.detail_bottom p { font-size: 14px; color: #444444; line-height: 24px;}
.news_share { padding: 10px 0px 0px 0px; float: right;}
.content_bottom { width: 100%; background: #FFFFFF; padding-top: 20px;}
.content_bottom .news_bottom { width: 48%;}
.maquee-style { width: 100%; height: 160px; overflow: hidden;}
.maquee-style li { width: 100%; height: 32px; padding-top: 8px;}
.maquee-style li a.fl { display: block; width: 100%; font-size: 14px; color: #333333; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.maquee-style li span.fr { display: block; width: 30%; font-size: 14px; color: #666666; line-height: 24px; text-align: right;}
.maquee-style li:hover a, .maquee li:hover span { color: #204D74;}
@media only screen and (max-width: 768px) {
	.content_bottom .news_bottom { width: 100%; margin-bottom: 15px;}
}


/*二级页面右侧-产品列表*/
.gallery_out ul li .pro_img { display: block; width: 100%; border: 1px solid #EEEEEE;}
.gallery_out ul li .pro_text { width: 100%; height: 32px; padding: 0px 10px; background: #EEEEEE;}
.gallery_out ul li .pro_text a { display: block; width: 100%; font-size: 14px; color: #333333; text-align: center; line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.gallery_out ul li:hover .pro_img { border: 1px solid #17819C;}
.gallery_out ul li:hover .pro_text { background: #17819C;}
.gallery_out ul li:hover .pro_text a { color: #FFFFFF;}


/*二级页面右侧-产品详情*/
.pro_page { width: 100%; padding: 0px 20px;}
.pro_page_top { width: 100%; margin-top: 20px;}
.pro_img_box { float: left; width: 43.6%; max-width: 380px; border: 1px solid #EEEEEE;}
.pro_info_box { float: left; width: 56.4%; padding-left: 20px;}
.pro_info_box h1 { width: 100%; padding: 15px 20px; background: #c0ccd5;}
.pro_info_box h1 span { display: block; font-size: 24px; color: #333333; line-height: 34px;}
.pro_info { width: 100%; margin-top: 15px;}
.pro_info strong { font-size: 14px; font-weight: bold; color: #444444; line-height: 24px; font-family: "苹方","微软雅黑";}
.pro_info p, .pro_info span { font-size: 12px; color: #444444; line-height: 18px;}
.pro_tel { width: 250px; height: 40px; margin-top: 25px; background: url(../img/pro_tel.png) no-repeat;}
.pro_tel a { display: block; width: 100%; padding-left: 62px; font-size: 24px; color: #FFFFFF; line-height: 40px;}
.pro_page_detail { width: 100%; margin-top: 20px;} 
.pro_detail_tt { width: 100%; border-bottom: 2px solid #C0CCD5; padding-bottom: 2px;} 
.pro_detail_tt h1 { width: 100%; height: 40px; background: #C0CCD5; padding: 0px 10px; font-size: 18px; color: #333333; line-height: 40px; font-weight: bold; font-family: "苹方","微软雅黑";}
.pro_detail_tt h1 span { font-size: 12px; color: #555555; line-height: 12px; text-transform: uppercase; margin-left: 5px;}
.detail_box { padding: 10px 0px;}
.detail_box img { display: block; max-width: 100%;}
.pro_page_detail .news_share { float: none; padding: 10px 0px;}
.pro_bottom { width: 100%;}
.pro_bottom .gallery_out { width: 100%; padding: 10px 0px; overflow: hidden;}
.pro_bottom .gallery_out ul li { width: 25%; padding: 0px 5px; margin-bottom: 10px;}
@media only screen and (max-width: 992px) {
	.pro_img_box { width: 100%;} 
	.pro_info_box { width: 100%; margin-top: 20px; padding-left: 0px;}
	.pro_info_box h1 { padding: 15px;}
	.pro_info_box h1 span { font-size: 18px; line-height: 26px; font-weight: bold;}
}
@media only screen and (max-width: 768px) {
	.pro_bottom .gallery_out ul li { width: 50%;}
}


/*二级页面右侧-案例列表*/
.case_list_box { width: 100%; padding: 10px 20px;}
.case_list_box li { width: 100%; margin-bottom: 15px;}
.case_img { float: left; display: block; width: 30%; max-width: 265px; border: 1px solid #EEEEEE;}
.case_info_box { float: left; width: 70%; padding-left: 15px;}
.case_info_box h1.case_title { width: 100%; margin-bottom: 10px; font-size: 20px; line-height: 30px; color: #333333; font-family: "苹方","微软雅黑"; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.case_info_box h1.case_title a { color: #333333;}
.case_info_box h1.case_title a:hover { color: #245269;}
.case_info { width: 100%;}
.case_info p { font-size: 12px; color: #555555; line-height: 20px;}
.description { width: 100%; border-top: 1px solid #e4e4e4; padding: 10px 0px; margin-top: 15px;}
.description p { font-size: 12px; color: #555555; line-height: 18px;}
@media only screen and (max-width: 992px) {
	.description { display: none;}
}
@media only screen and (max-width: 768px) {
	.case_img { width: 100%; margin-bottom: 5px; max-width: 100%;}
	.case_info_box { width: 100%; padding-left: 0px;}
	.case_info_box h1.case_title { margin-bottom: 5px; font-size: 16px; line-height: 24px;}
}


/*二级页面右侧-案例详情*/
.line_bottom { border-bottom: 1px dashed #dcdcdc;}


/*二级页面右侧-设计方案*/
.design_list { wwidth: 100%; padding: 15px 20px; margin-bottom: 15px;}
.design_list li { width: 100%; padding: 5px 0px;}
.design_list li .design_img { display: block; width: 16%; float: left; border: 1px solid #EEEEEE;}
.design_list li .design_img:hover { border: 1px solid #35566f;}
.design_list li .design_info { float: left; width: 84%; padding-left: 15px;}
.design_list li .design_info .news_title { width: 100%; margin-bottom: 5px;}
.design_list li .design_info .news_title a { display: block; float: left; max-width: 68%; margin-right: 2%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; line-height: 28px; color: #333333; font-weight: bold;}
.design_list li .design_info .news_title a:hover { color: #35566f;}
.design_list li .design_info .news_title span { display: block; float: left; margin-top: 5px; padding: 0px 4px; background: #cbdbe8; font-size: 12px; color: #264963; line-height: 18px;}
.design_list li .design_info .news_info { max-height: 54px; overflow: hidden; font-size: 12px; color: #666666; line-height: 18px;}
@media only screen and (max-width: 992px) {
	.design_list li .design_img { width: 25%;}
	.design_list li .design_info { width: 75%;}
	.design_list li .design_info .news_title a { font-size: 16px; line-height: 26px;}
}
@media only screen and (max-width: 768px) {
	.design_list li { width: 100%; padding: 5px 0px 15px 0px;}
	.design_list li .design_img { width: 100%; margin-bottom: 5px;}
	.design_list li .design_info { width: 100%; padding-left: 0px;}
	.design_list li .design_info .news_title a { max-width: 100%;} 
	.design_list li .design_info .news_title span { margin-bottom: 5px;}
}


/*二级页面右侧-联系我们*/
.blank_page_new { width: 100%; padding: 20px;}
.blank_page_new p { font-size: 14px; color: #444444; line-height: 24px;}
@media only screen and (max-width: 768px) {
	.blank_page_new { padding: 15px;}
}
.map_box { width: 100%; height: 350px; border: 5px solid #FFFFFF;}
.iw_poi_title { color: #CC5522; font-size: 14px; font-weight: bold; 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;}
.form_box { width: 100%; max-width: 400px; margin: 40px auto;}
.form_box form { width: 100%;}
.form_box form div { width: 100%; margin: 10px 0px 0px 0px;}
.form_box form div.form_btn { margin-top: 20px;}
.form_box form input { width: 100%; height: 40px; padding-left: 10px; border: 1px solid #DDDDDD; background: none; color: #444444; font-size: 12px;}
::-webkit-input-placeholder { color: #999999;}
:-moz-placeholder { color: #999999; opacity: 1;}
::-moz-placeholder { color: #999999;  opacity: 1;}
:-ms-input-placeholder { color: #999999;}
::-ms-input-placeholder { color: #999999;}
.form_box form textarea { width: 100%; height: 100px; padding: 5px 10px; font-size: 12px; line-height: 22px; background: none; border: 1px solid #DDDDDD;}
.form_box form button { width: 100px; height: 36px; display: block; margin: 0 auto; clear: both; border: none; color: #FFFFFF; background: #2d5370;}
.form_box form button:hover { background: #76c243;}
@media only screen and (max-width: 768px) {
	.form_box { margin: 0px auto;}
}