﻿.introduce { margin: 20px auto; max-width: 1200px; background-color: #fff; }
.introduce_head { padding: 15px; overflow: hidden; }
.introduce_head span { color: #2483e5; font-size: 20px; }
.introduce_head img { vertical-align: text-bottom; }
.intro_right { float: right; color: #666; font-size: 14px; line-height: 2; }
.intro_right a { color: #666; text-decoration: none; }
.intro_right img { vertical-align: middle; }

.introduce_cont { overflow: hidden; width: 100%; border-top: 1px solid #e7e7e7; }
.introduce_cont_left { float: left; width: 20%; box-sizing: border-box; /*border-right: 1px solid #e7e7e7;*/ }
.introduce_cont_left li { border-bottom: 1px solid #e7e7e7; list-style: none; padding: 12px 20px; line-height: 2; color: #4b4b4b; font-size: 16px; }
.introduce_cont_left li span { float: right; color: #2483e5; }
.introduce_cont_left .active { background-color: #2483e5; color: #fff; }
.introduce_cont_left .active span { color: #fff; }
.introduce_cont_right { float: left; width: 80%; min-height: 500px; box-sizing: border-box; border-left: 1px solid #e7e7e7; }

a:hover { text-decoration: none; }

.page { padding: 10px; text-align: center; }
.page a span { display: inline-block; width: 20px; height: 20px; color: #7e7c7c; background-color: #e4e4e4; text-align: center; }
.page a .chosen { background-color: #2483e5; color: #fff; }

/* 集团概况开始 */
.breif { padding: 20px 40px 40px; }
.breif h1 { font-size: 30px; text-align: center; margin-bottom: 20px; }
.breif p { font-size: 14px; text-indent: 2em; line-height: 3; margin-bottom: 30px; }
.leader { padding: 20px; border-bottom: 1px solid #e7e7e7; overflow: hidden; }
.leader_right { float: right; width: 100%; box-sizing: border-box; padding: 15px 10px 0 20px; }
.leader_right h1 { font-size: 18px; margin-bottom: 20px; }
.leader_right p { color: #7e7c7c;font-size:16px; }
.leader_lead { margin-bottom: 15px; }

.reword { padding-top: 20px; }
.reword li { float: left; width: 33%; list-style: none; box-sizing: border-box; padding: 0 20px; margin-bottom: 20px; }
.reword li p { margin-top: 10px; text-align: center; }
.reword li img { width: 100%; }
/* 集团概况结束 */

/* 新闻中心开始 */
.company { padding: 20px; }

.pic_news, .intro_news, .easy_news { border-bottom: 1px solid #dbdbdb; margin-bottom: 30px; overflow: hidden; }
.pic_news_left { float: left; width: 20%; height: 128px; box-sizing: border-box; padding: 5px; border: 1px solid #dbdbdb; margin-bottom: 20px; }
.pic_news_left img { width: 100%; height: 115px; }
.pic_news_right { float: left; width: 80%; box-sizing: border-box; padding: 5px 0 5px 15px; }
.intro_news, .easy_news { padding-bottom: 20px; }
.news_name { font-size: 18px; margin-bottom: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.describe { font-size: 14px; margin-bottom: 25px; color: #7f7f7f; text-indent: 2em; }
.author { font-size: 14px; color: #7f7f7f; }
.author span { float: right; }
.easy_news { position: relative; }
.easy_news h3 { font-size: 18px; }

.easy_news div { position: absolute; right: 0; top: 0; color: #7f7f7f; }
.easy_news div span { margin-left: 40px; }
.emprase { color: #f00; }
.details { padding: 35px; }
.details table { margin: 0 auto; }
.details h1 { font-size: 30px; text-align: center; }
.details_author { text-align: center; line-height: 2; color: #3b3b3b; padding: 1em 0; }
.details_author span { padding: 0 20px; }
.details_content { padding: 30px 0px; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; }
/*.details_content p { color: #3b3b3b; font-size: 14px; margin-bottom: 35px; line-height: 3; }*/
.details_content img { width: 90%; margin: 17px auto 0; display: block; box-shadow: 0px 5px 20px #c5c5c5; border-radius: 10px; }
.details_content .annex-list { }
.page_change { padding: 40px 0; overflow: hidden; text-align: center; }
.page_change > a { display: inline-block; width: 12em; height: 4em; line-height: 4em; margin: 0 20px 5px; border: 1px solid #e7e7e7; color: #000; text-decoration: none; }
.page_change > a:hover { background-color: #2483e5; color: #fff; }


table.noBorderTable td, table.noBorderTable th, table.noBorderTable caption { border: 1px dashed #ddd !important }
table { margin-bottom: 10px; border-collapse: collapse; display: table; }
td, th { padding: 5px 10px; border: 1px solid #DDD; }
caption { border: 1px dashed #DDD; border-bottom: 0; padding: 3px; text-align: center; }
th { border-top: 1px solid #BBB; background-color: #F7F7F7; }
table tr.firstRow th { border-top-width: 2px; }
.ue-table-interlace-color-single { background-color: #fcfcfc; }
.ue-table-interlace-color-double { background-color: #f7faff; }
td p { margin: 0; padding: 0; }

/* 新闻中心结束 */

/* 企业文化开始 */
.work { padding: 5px 20px; }
.work ul a { display: inline-block; border-bottom: 1px solid #e7e7e7; width: 100%; padding: 20px 0; text-decoration: none; color: #000; overflow: hidden; }
.cul_icon, .cul_describe { float: left; }
.cul_icon { width: 3%; /*margin-top: 8px;*/ }
.cul_describe { width: 97%; color: #7e7c7c; font-size: 14px; }
.cul_describe h3 { color: #000; font-size: 18px; margin-bottom: 15px; }
.cul_describe span { margin-right: 10px; }

/* 企业文化结束 */

/* 信息公示开始 */
.info { padding: 0 20px; }
.info > a { display: inline-block; width: 100%; text-decoration: none; color: #000; overflow: hidden; border-bottom: 1px solid #e7e7e7; padding: 20px 0; }
.info img { vertical-align: bottom; margin-right: 10px; width: 19px; }
.details_info { border-top: 1px solid #e7e7e7; text-align: center; padding-top: 20px; }
.info_author { float: right; color: #7e7c7c; }
.info_author span { margin-right: 15px; }
/* 信息公示结束 */

/* 办事指南开始 */
.guide { padding: 20px; }
.guide a { color: #fff; text-decoration: none; }
.guide li { width: 30%; height: 150px; margin: 0 5px; list-style: none; float: left; margin-left: 12px; margin-top: 13px; box-sizing: border-box; padding: 15px 30px; position: relative; }
.guide a li p { font-size: 16px; line-height: 25px; }
.guide a li .list_icon { position: absolute; bottom: 10%; right: 10%; }
/* 办事指南结束 */

/* 联系我们开始 */
.contact { padding: 20px; }
.contact_tele { font-size: 30px; }
/*.contact_tele span {
    font-size: 46px;
    color: #2483e5;
    margin-left: 20px;
}*/
.contact_teletc { color: #3b3b3b; line-height: 3; font-size: 25px; border-bottom: 1px solid #e7e7e7; }
.contact_way { border-left: 3px solid #2483e5; text-indent: 1em; margin: 20px 0; }
.contact_pro { width: 100%; overflow: hidden; }
.contact_pro ul { width: 33%; float: left; }
.contact_pro ul li { line-height: 3; text-indent: 2em; border-bottom: 1px solid #f4f4f4; }
.contact_pro ul .first_line { background-color: #f4f4f4; }
.map { width: 100%; }
.my-map { margin: 0 auto; width: 100%; height: 600px; }
.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container { height: 100%; }
/* 联系我们结束 */

@media (max-width: 768px) {
    .guide li { width: 45%; margin: 1px; padding: 5px; }
    .intro_right { display: none; }
    .introduce_cont_left { overflow: hidden; width: 100%; }
    .introduce_cont_left span { display: none; }
    .introduce_cont_left li { float: left; font-size: 12px; width: 25%; border-bottom: 0; padding: 6px 10px; text-align: center; }
    .introduce_cont_right { width: 100%; }
    .pic_news_left { float: left; width: 100%;height: 213px; }
    .pic_news_left img { height: 200px; }
    .pic_news_right { width: 100%; padding: 5px 0; }
    .contact_tele { text-align: center }
    .contact_pro ul { overflow: hidden; }
    .contact_pro ul li { white-space: nowrap; }
    .my-map { height: 370px; }
    .fanction { width: 100%; position: static; }
    .details_author span { padding: 0; }
}

@media (max-width: 768px) {
    .fanction { width: 100%; position: static; }
    .details_author span { padding: 0; }
}

/*表格*/

.contact_tele span { display: inline-block; }

.contact_telenum { font-size: 46px; color: #2483e5; margin-left: 20px; }

.contact_telenum-2 { font-size: 18px; padding: 0; margin-top: 0.5em; padding-left: 0.4em; line-height: 2; vertical-align: bottom; }

.contact_table { width: 100%; line-height: 3em; }

.contact_table thead { background-color: #f4f4f4; }

.contact_table tr { border-bottom: 1px solid #f4f4f4; }
