@charset "utf-8";
/* header start */
#header { margin: 0; padding: 0; width: 100%; height: auto; overflow: hidden; background:#A5D2FB; }
#logo { float: left; margin: 1em 0.5em; }
/*#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: 40px 1em; float: right; display: inline-block; background: #9BCDFB; }
#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 #005F8C; border-bottom: 0; border-left: 0; border-right: 0; background: url(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 #005F8C; 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(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; min-height: 200px; 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(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; }
.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(ico2.png) no-repeat 5px 2px #F6F6F6; border-bottom: 1px solid #ddd; }
.pro_type ul li a:hover { color: #d00; background: url(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"; }
@media screen and (max-width: 768px) {
    .about img { display: none; }
}
/* 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(ico9.png) 0 0 no-repeat; color: #333; font: 12px/30px "STHeiti", "Arial"; }
.news ul li a:hover { color: #d00; background: url(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 #005F8C; 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(nav_bg.jpg) repeat-x 0 0; }
.share .share_menu { width: 160px; margin: 0 auto; height: 36px; border: none; line-height: 36px; 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; background: linear-gradient(#0091FA, #005A99) #005A99; background: -webkit-gradient(linear, 0 0, 0 100%, from(#0091FA), to(#005A99)); background: -moz-linear-gradient(top, #0091FA, #005A99);/* Firefox */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0091FA, endColorstr=#005A99, grandientType=0);
bottom: 0; border-top: #005A99 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: #005A99 solid 1px; }
.body_footer ul li a:hover { background: #005A99; }
.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"; }
.paginator { font: 12px Arial, Helvetica, sans-serif; padding: 30px 0px 10px 0; margin: 0px; }
    .paginator a { text-decoration: none; color: #1D71C7; background: #fff; border: 1px solid #e5e5e5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 3px 6px; padding-bottom: 2px; margin-right: 3px; }
        .paginator a:visited { padding: 1px 6px; border: solid 1px #ddd; text-decoration: none; }
    .paginator .cpb { background: #1D71C7; border: 1px solid #016E83; color: #fff; border-radius: 3px; padding: 3px 6px; padding-bottom: 2px; margin-right: 3px; }
    .paginator a:hover { background: #1D71C7; border: 1px solid #016E83; color: #fff; }
    .back-top { text-align: center; }
    .back-top a { display: inline-block; width: 21%; padding: 0 3% 0 12%; border: 2px solid #d6d6d6; border-radius: 2px; background: url(sign05.jpg) no-repeat 10% center #e9e9e9; font-size: 14px; color: #555; margin-top: 3%; }


/*contact*/
.contactcon { font-size: 14px; }
    .contactcon p { font-size: 14px; color: #303030; }
    .contactcon span { color: #de002e; }
    .contactcon h3 { padding-bottom: 10px; border-bottom: #cbcbcb 1px dotted; color: #9f9f9f; font-style: italic; text-transform: uppercase; }
    .contactcon ul { padding: 15px 10px; border-bottom: #cbcbcb 1px dotted; color: #5a5a5a; text-transform: uppercase; }
        .contactcon ul li { padding-left: 25px; line-height: 30px; }
            .contactcon ul li.add { background: url(contact_img01.jpg) no-repeat 0 3px; }
            .contactcon ul li.tel { background: url(contact_img01.jpg) no-repeat 0 -20px; }
            .contactcon ul li.fax { background: url(contact_img01.jpg) no-repeat 0 -42px; }
            .contactcon ul li.mail { background: url(contact_img01.jpg) no-repeat 0 -68px; }
.contact-map { padding: 15px 10px 30px; }
/*contact*/