@charset "utf-8";
/* header start */

#logo { margin: 10px 6px 10px 6px; }
/*#tel { float: right; margin-top: 1.5em; margin-right: 0.5em; color: #000; font: bold 16px/20px "STHeiti", "Arial"; text-shadow: 0px 2px 3px #000; }
#tel a { color: #000; font: bold 16px/20px "STHeiti", "Arial"; }
#tel a:hover { color: #FF0; }*/
nav1 { margin: 0px; padding: 0px; border: 0px currentColor; }
nav1 { display: block; }
#nav-link { padding: 19px 1em 20px 1em; float: right; display: inline-block; background: #E1E1E1; }
#nav-link::after { }
#nav-link:hover { background: rgba(0, 0, 0, 0.3); }
#nav-link:focus { background: rgba(0, 0, 0, 0.3); }
.active#nav-link { background: rgb(235, 235, 235); color: rgb(100, 100, 100); }
.nav1 { background: rgb(235, 235, 235); color: rgb(100, 100, 100); font-weight: bold; }
.nav1 { transition: top 0.3s ease-out; box-shadow: 0px 8px 12px -6px rgba(0,0,0,0.3); -webkit-box-shadow: 0 8px 12px -6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 8px 12px -6px rgba(0, 0, 0, 0.3); -moz-transition: top 0.3s ease-out; -webkit-transition: top 0.3s ease-out; -o-transition: top 0.3s ease-out; }
.nav1 li a { font: bold 14px/34px "STHeiti", "Arial"; padding: 0.7em; color: rgb(112, 112, 112); font-weight: bold; border-top-color: rgb(221, 221, 221); border-bottom-color: rgb(239, 239, 239); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; display: block; }
.nav1 li a:hover { background: rgb(90, 90, 90); color: rgb(255, 255, 255); border-top-color: rgb(0, 0, 0); border-top-width: 1px; border-top-style: solid; }
.nav1 li a:focus { background: rgb(90, 90, 90); color: rgb(255, 255, 255); border-top-color: rgb(0, 0, 0); border-top-width: 1px; border-top-style: solid; }
.nav1 li a:hover { background: -ms-linear-gradient(rgb(90, 90, 90) 0%, rgb(41, 41, 41) 100%); }
.nav1 li a:focus { background: -ms-linear-gradient(rgb(90, 90, 90) 0%, rgb(41, 41, 41) 100%); }
.nav1 { left: 0px; top: -99em; width: 100%; position: absolute; z-index: 4; }
/* header end */
/* nav start */
.nav { width: 100%; height: 36px; border: 1px solid #B50B20; border-bottom: 0; border-left: 0; border-right: 0; background: url(../images/nav_bg.jpg) repeat-x 0 0; }
.nav ul { margin: 0; padding: 0; }
.nav ul li { float: left; display: block; width: 25%; height: 34px; border-right: 1px solid #B50B20; text-align: center; }
.nav ul li.last { border-right: 0; }
.nav ul li a { display: block; height: 34px; color: #fff; line-height:34px; font-weight:bold; }
.nav ul li a:hover { color: #FFF; background: url(../images/nav_bg2.jpg) repeat-x 0 0; }
/* nav 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; 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: #009241; }
/* banner end */
/* search start */
.search { margin: 10px 0px; overflow: hidden; text-align:center; }
.search input[type='text'] { font-size:14px; border-radius: 20px 0px 0px 20px; border:1px solid #CCCCCC; height: 27px; line-height:27px; text-indent:10px; width:90%; vertical-align:middle; margin:0px; }
.search input[type='submit'] { background:url(../images/search_btn.jpg) center center no-repeat; border:0px; margin:0px; border-radius: 0px 20px 20px 0px; width: 31px; height: 27px; vertical-align:middle; }
/* search end */
/* pro_img start */
.content { margin: 10px 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; }
.case { margin: 0; padding: 0; height: auto; overflow: hidden; }
.case ul { margin: 0; padding: 0; }
.case ul li { float: left; display: block; width: 50%; oveflow: hidden; text-align: center; }
.case_img { margin: 5px; padding: 4px; border: 1px solid #ddd; overflow: hidden; text-align:center; }
.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: auto; 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: auto; 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: 100%; 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: 35px; display: block; padding: 2px; margin: 10px 5px; border: 1px solid #007D38; border-radius: 20px; 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 { margin: 0 auto; height: 30px; border: none; line-height: 30px; font-size: 16px; color: #fff; cursor: pointer; }
/*分享窗口样式*/
.share_box_bg { width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.5; z-index: 1; position: fixed !important; background: #000; display: block; }
.share_box { width: 320px; height: 220px; border: #3d3d3c solid 1px; z-index: 999; overflow: hidden; left: 50%; top: 40%; margin-left: -160px !important; margin-top: -120px !important; position: fixed !important; background: #efefef; }
.share_box .box_title { width: 320px; height: 36px; line-height: 36px; background: -webkit-gradient(linear, 0 0, 0 100%, from(#4c4e52), to(#6b6d73)); background: -moz-linear-gradient(top, #4c4e52, #6b6d73);/* Firefox */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c4e52, endColorstr=#6b6d73, grandientType=0);
border-bottom: #7a7b81 solid 1px; }
.share_box .box_title .name { width: 90px; float: left; color: #fff; font-size: 18px; font-weight: bold; padding-left: 10px; }
.share_box .box_title .close { width: 30px; float: right; text-align: center; padding-top: 2px; }
.share_box .share_nr { width: 280px; margin: 15px auto 0px auto; text-align: center; }
.share_box .share_nr a { display: block; height: 40px; line-height: 40px; overflow: hidden; margin-bottom: 12px; color: #666; font-size: 14px; width: 100%; background: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#e5e5e5)); background: -moz-linear-gradient(top, #e6e6e6, #e5e5e5);/* Firefox */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6e6e6, endColorstr=#e5e5e5, grandientType=0);
border: #c9c9c9 solid 1px; }
.share_box .share_nr .share_ico { width: 32px; padding-top: 4px; float: left; padding-left: 15px; }
.share_box .share_nr .share_name { width: 150px; padding-left: 15px; text-align: left; float: left; }
/* 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; bottom: 0; border-top: #007D38 solid 1px; background:#009241; max-width:800px; }
.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: #007D38 solid 1px; }
.body_footer ul li a:hover { background:#009241; }
.body_footer ul li .last { border-right: 0; }
.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; font-size: 12px; color: #fff; line-height: 20px; overflow: hidden; }
/* bottom end */
.about_p { margin: 0 5px; padding: 0; height: auto; overflow: hidden; color: #333; font: 12px/20px "STHeiti", "Arial"; }

.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-size:12px; line-height:20px; font-weight:bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.header { float: left; width: 100%; height: 50px; position: relative; z-index: 100; background-color: #fff; }
.header .Logo { float: left; width: 100%; text-align: left; }
.header .Logo img { width: auto; max-height: 50px; }
.headnavigation { position: absolute; right: 0; top: 0px; width: 50px; height: 50px; background: url(../images/nav_icon.png) center no-repeat; cursor: pointer; }

#navigation { position: absolute; width: 100%; left: 0px; top: 50px; z-index: 99; display: none; }
#navigation ul { float: left; width: 100%; background: url(../images/navbg.png) center repeat; }
#navigation ul.navigationlist li a { width: 100%; font-size: 14px; height: 40px; line-height: 40px; float: left; text-align: center; color: #FFF; }
#navigation ul.navigationlist a:hover { background: #2B2B2B; color: #FFF }

.tagContent ul li { float:left; width:27%; margin:0px 3%; text-align:center; display:block; }
.tagContent ul li img { }