@charset "utf-8";
/* CSS Document */
/* 威邦网络科技  www.cnwei.net */

/* header start */
.heart { width: 100%; height: 95px; background: url(../images/index-heart-bj.jpg) repeat-x; overflow: hidden; }
.logo { float: left; height: 59px; padding-top: 19px; padding-bottom: 17px; }
    .logo span { display: inline-block; font-size: 30px; line-height: 26px; color: #333; font-weight: bold; padding-left: 12px; padding-top: 13px; padding-bottom: 13px; }
.both { clear: both; }
.index-btn { float: right; margin: 0px; padding: 0px; cursor: pointer; }
.btn_xiala { position: absolute; top: 95px; 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; line-height: 40px; 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; }
.ry-gh-div { float: left; width: 275px; height: 290px; overflow: hidden; margin-top: 20px; margin-left: 10px; }
    .ry-gh-div img { height: 185px; width: 275px; }
#telDL { float: right; margin-top: 23px; margin-right: 5px; line-height: 24px; color: #000; font-size: 12px; }
    #telDL a { color: #000; }
#tel a:hover { color: #F00; }
/* 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; 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: 28px; overflow: hidden; display: block; background-color: rgb(255, 255, 255); }
    .search input[type='text'] { font: 14px/normal Arial, Helvetica, sans-serif; margin: 4px 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); }


ul:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
.navpart { background: rgb(247, 211, 214); margin: 0px auto; width: 100%; height: 200px; text-align: center; margin-bottom: 30px; font-size: 0; }
    .navpart li { width: 50%; height: 200px; display: inline-block; float: left }
        .navpart li a { background: url("../images/navpart_hover-arr.png") no-repeat center 160px #F9B3B1; width: 100%; height: 200px; display: block; position: relative; }
        .navpart li .icon { left: 50%; top: 40px; width: 68px; height: 68px; overflow: hidden; position: absolute; margin-left: -34px; }
            .navpart li .icon img { left: 0px; position: absolute; }
        .navpart li .text { width: 100%; top: 120px; text-align: center; color: rgb(155, 155, 155); font-family: "Arial"; font-size: 11px; position: absolute; }
            .navpart li .text strong { color: rgb(62, 62, 62); font-size: 14px; margin-bottom: 2px; display: block; font-family: "Microsoft YaHei"; font-weight: bold; }
        .navpart li a:hover { background: url("../images/navpart_hover-arrA.png") no-repeat center 160px; }
            .navpart li a:hover strong { color: #c00; }
            .navpart li a:hover .text { color: #c00; }




.news_case { padding: 3%; }
    .news_case li {width:46%;margin:0 2% 4%;float:left; }
    .news_case .caseimg { }
        .news_case .caseimg img { width: 100%; }
    .news_case .casename { background: rgb(153, 153, 153); margin: auto; width: 100%; height: 36px; text-align: center; color: #ffffff; line-height: 33px; font-size: 15px; }





.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; }
.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"; }
/* Tabled Portrait */
@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(../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: 10px 0 45px; 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(#06c, #037) #037; background: -webkit-gradient(linear, 0 0, 0 100%, from(#06c), to(#037)); background: -moz-linear-gradient(top, #06c, #037); /* Firefox */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#06c,endColorstr=#037,grandientType=0); bottom: 0; border-top: #037 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: #037 solid 1px; }
                .body_footer ul li a:hover { background: #037; }
            .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"; }


.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(../images/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(../images/contact_img01.jpg) no-repeat 0 3px; }
            .contactcon ul li.tel { background: url(../images/contact_img01.jpg) no-repeat 0 -20px; }
            .contactcon ul li.fax { background: url(../images/contact_img01.jpg) no-repeat 0 -42px; }
            .contactcon ul li.mail { background: url(../images/contact_img01.jpg) no-repeat 0 -68px; }
.contact-map { padding: 15px 10px 30px; }
/*contact*/