@charset "utf-8";
/* CSS Document */

/* header start */
.heart { width: 100%; height: 45px; background: url(../images/heart_bg.jpg) repeat-x left bottom; }
.logo { float: left; margin-left: 5px; height: 25px; padding-top: 6px; font-size: 12pt; font-weight: bolder; }
.logo img { vertical-align: middle; margin-right: 5px; margin-bottom:5px; }

.both { clear: both; }
.index-btn { float: right; margin: 0px; padding: 0px; cursor: pointer; }
.btn_xiala { position: absolute; top: 45px; right: 0px; width: 200px; display: none; z-index: 10; }
.btn_xiala ul li { display: block; width: 200px; border-top: 1px solid #464545; border-bottom: #272626; border-left: 2px solid #1b1b1b; color: #fff; font-size: 20px; padding-top: 11px; padding-bottom: 11px; background: url(../images/index-tu02.jpg) no-repeat 263px center #323232; }
.btn_xiala li a { padding-left: 30px; color: #fff; display: block; }
/* header end */

/* banner start */
.banner_box { width: 100%; text-align: center; }
.banner_box img { vertical-align: middle; }
.roll_img_mb_01 { overflow: hidden; position: relative; }
.roll_img_mb_01 .img_box { overflow: hidden; text-align: center; }
.roll_img_mb_01 .img_box img { vertical-align: middle; min-height: 150px; width: 100%; }
.roll_img_mb_01 .nav_box { overflow: hidden; height: 20px; position: absolute; right: 10px; bottom: 0px; }
.roll_img_mb_01 .nav_box li { width: 10px; height: 10px; font-size: 1px; overflow: hidden; background: #ddd; border-radius: 50px; float: left; margin: 4px; }
.roll_img_mb_01 .nav_box .li_on { background: #c00; }
/* banner end */

/* search start */
.search { margin: 15px 8px 0px; padding: 4px 31px 4px 1px; overflow: hidden; }
.search .string { margin: 0px -1px; padding: 0px 9px; border-radius: 20px 0px 0px 20px; border: 1px solid rgb(204, 204, 204); height: 28px; overflow: hidden; display: block; background-color: rgb(255, 255, 255); }
.search input[type='text'] { font-size: 14px; margin: 4px 0px 0px; padding: 0px 5px; width: 100%; height: 20px; color: rgb(146, 166, 183); font-size-adjust: none; font-stretch: normal; -webkit-appearance: none; }
.search input[type='submit'] { background: url("../images/search_btn.jpg") no-repeat; margin: -30px -31px 0px 0px; border-radius: 0px 20px 20px 0px; width: 40px; height: 30px; text-indent: -9999px; overflow: hidden; float: right; cursor: pointer; }
/* search end */

/* pro_img start */
.content { margin: 5px 5px; height: auto; overflow: hidden; border: 1px solid #ccc; border-radius: 5px; box-shadow: 0px 1px 4px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.3); }
.tit { padding: 5px 10px; background: url(../images/tit_bg.jpg) repeat-x 0 0; border-bottom: 1px solid #ccc; color: rgb(62, 62, 62); font-weight: bold; text-shadow: 0px 1px 1px #fff; height: 34px; }
.tit h2 { float: left; color: #333; font: bold 16px/24px "STHeiti", "Arial"; }
.tit span { float: right; color: #666; font: 12px/24px "STHeiti"; }
.con { padding: 10px 5px; height: auto; oveflow: hidden; text-align: center; }
.case { margin: 0; padding: 0; height: auto; overflow: hidden; }
.case ul { margin: 0; padding: 0; }
.case ul li { float: left; margin: 1.5%; display: block; width: 30%; oveflow: hidden; text-align: center; }
.case_img { margin: 5px; padding: 5px; overflow: hidden; }
.case_name { color: #333; font: bold 12px/20px "STHeiti", "Arial"; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
/* pro_img end */
/* pro_type start */
.pro_type { margin: 0 5px; padding: 0; height: auto; overflow: hidden; }
.pro_type ul { margin: 0; padding: 0; }
.pro_type ul li { float: left; display: block; margin-bottom: 3px; width: 100%; height: 30px; }
.pro_type ul li a { display: block; width: 100%; height: 30px; color: #333; font: 14px/30px "STHeiti", "Arial"; text-indent: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url(../images/ico2.png) no-repeat 5px 2px #F6F6F6; border-bottom: 1px solid #ddd; }
.pro_type ul li a:hover { color: #d00; background: url(../images/ico2.png) no-repeat 5px -23px #eee; border-bottom: 1px solid #ddd; }
/* pro_type end */
/* about start */
.about { margin: 0 5px; padding: 0; height: 100px; overflow: hidden; color: #333; font: 12px/20px "STHeiti", "Arial"; }
.about img { float: left; margin-right: 10px; }
/* about end */
/* news start */
.news { margin: 0 5px; padding: 0; height: 150px; overflow: hidden; }
.news ul { margin: 0; padding: 0; }
.news ul li { float: left; width: 100%; height: 30px; overflow: hidden; border-bottom: 1px dotted #ddd; }
.news ul li a { float: left; display: block; width: 80%; text-indent: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url(../images/ico9.png) 0 0 no-repeat; color: #333; font: 12px/30px "STHeiti", "Arial"; }
.news ul li a:hover { color: #d00; background: url(../images/ico9.png) 0 -25px no-repeat; }
.news ul li span { float: right; display: block; color: #999; font: 11px/30px "STHeiti", "Arial"; -webkit-text-size-adjust: none; }
/* news end */
/* fenxiang start */
/*分享按钮样式*/
.share { text-align: center; height: 40px; display: block; padding: 2px; margin: 10px 5px; border: 1px solid #037; border-radius: 10px; box-shadow: 0px 1px 4px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.3); background: url(../images/nav_bg.jpg) repeat-x 0 0; }
.share .share_menu { width: 160px; margin: 0 auto; background: url(../Images/share_bggg.png) no-repeat left top; height: 36px; border: none; line-height: 36px; font-size: 16px; color: #fff; font-weight: bold; cursor: pointer; }
/* fenxiang end */
/* contact start */
.contact { margin: 20px 0 65px; width: 100%; height: auto; overflow: hidden; color: #333; font: 12px/24px "STHeiti", "Arial"; text-align: center; }
/* contact end */
/* bottom start */
/*底部浮动样式*/
.body_footer { width: 100%; height: 45px; background: #0765A2; bottom: 0; border-top: #065991 solid 1px; }
.body_footer ul { width: 100%; height: 45px; line-height: 45px; }
.body_footer ul li { width: 25%; float: left; color: #fff; }
.body_footer ul li a { width: 100%; height: 45px; display: block; border-right: #065991 solid 1px; }
.body_footer ul li a:hover { background: #0770B4; }
.body_footer ul li dl { width: auto; margin: 0 auto; text-align: center; }
.body_footer ul li dt { width: auto; height: 25px; overflow: hidden; }
.body_footer ul li dd { width: auto; height: 20px; color: #fff; line-height: 20px; overflow: hidden; }
/* bottom end */
.header_tb { line-height: 32px; background: #0765A2; color: #FFFFFF; padding-left: 10px; font-weight: bold; }
.content_sub { margin: 5px 5px 60px 5px; height: auto; overflow: hidden; }
.con_sub { padding: 10px 5px; height: auto; oveflow: hidden; line-height: 26px; }
.case_sub { margin: 0; padding: 0; height: auto; overflow: hidden; }
.case_sub ul { margin: 0; padding: 0; }
.case_sub ul li { float: left; display: block; width: 50%; oveflow: hidden; text-align: center; }
.case_sub_img { margin: 5px; padding: 4px; border: 1px solid #ddd; overflow: hidden; }
.case_sub_name { color: #333; font: bold 12px/20px "STHeiti", "Arial"; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.news_sub { margin: 0 5px; padding: 0; height: auto; overflow: hidden; }
.news_sub ul { margin: 0; padding: 0; }
.news_sub ul li { float: left; width: 100%; height: 50px; overflow: hidden; border-bottom: 1px dotted #ddd; }
.news_sub ul li a { float: left; display: block; width: 100%; text-indent: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url(../images/ico.png) left center no-repeat; color: #333; line-height: 50px; }
.news_sub ul li a:hover { color: #d00; background: url(../images/ico.png) left center no-repeat; }

/* 腾讯地图 */
#container { width: 100%; height: calc(100% - 122px); }