@charset "utf-8";
/* header start */
#header { margin: 0; padding: 0; width: 100%; height: auto; overflow: hidden; background:#FFFFFF; }
#logo { margin: 10px 0px 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 #064c8a; 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 #064c8a; text-align: center; }
.nav ul li.last { border-right: 0; }
.nav ul li a { display: block; height: 34px; color: #fff; font: bold 14px/34px "STHeiti", "Arial"; }
.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: #c00; }
/* banner end */
/* search start */
.search { margin: 10px 5px; padding: 2px 31px 2px 1px; overflow: hidden; }
.search .string { margin: 0px -1px; padding: 0px 9px; border-radius: 4px 0px 0px 4px; border: 1px solid rgb(204, 204, 204); height: 25px; overflow: hidden; display: block; background-color: rgb(255, 255, 255); }
.search input[type='text'] { font: 14px/normal Arial, Helvetica, sans-serif; margin: 3px 0px 0px; padding: 0px; width: 100%; 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: -28px -31px 0px 0px; border-radius: 0px; width: 30px; height: 28px; text-indent: -9999px; overflow: hidden; float: right; cursor: pointer; }
/* 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 #064c8a; 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; font-weight: bold; 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: #064c8a solid 1px; background:#1C80D6; 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: #064c8a solid 1px; }
.body_footer ul li a:hover { background:#064C8A; }
.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"; }