﻿
/* CSS Document*/
*{padding:0;margin:0;}
a{text-decoration:none}
 
body{margin:0px;padding:0px;color:#5E5E5E;font-size:13px;}
ul{padding:0px;margin:0px;list-style:none;}
.top-box1{height: 100px;overflow: hidden;width: 1050px;margin:0 auto;}
.top-box1-logo{height:80px;margin-top:10px;overflow:hidden;}
.top-box1-logo img{max-height:80px;max-width:100%;}
.pro_ul{list-style-type:none;margin:0px;padding:0px;}
.pro_ul .pro_yh{width:160px;height:20px;line-height:20px;margin-left:10px;float:left;overflow:hidden;}
/*新闻*/.xwbt1{margin-top:15px;}
.xwbt2{text-align: center;color: #00699C;margin: 0px;}
.xwbt2 strong{font-size: 24px;}
.xwbt2 h1{font-size: 24px;}
.xwsj{font-weight: normal;text-align: center;margin: 0px;margin-top: 5px;margin-bottom: 10px;}
.xwnr{white-space: normal;word-wrap: break-word;word-break: normal;width:1000px;overflow:hidden;margin:0 auto;}
.xwnr img{max-width:950px;}
.product_title{padding:0px;margin:0px;border-top:4px solid #DBDBDB;font-size:12px;height:20px;line-height:20px;color:Gray;text-align:center;overflow:hidden;width:135px;}
.product_title a{text-decoration:none;color:#00699C;font-weight:bold;}
.product_title a:hover{text-decoration:underline;}
.gdimg img{width:770px;border:0px;}
pre{white-space: pre-line;}
.foot{margin:0 0 10px 0 ;padding:10px 0;text-align:center;width:100%; background:#333; min-width:300px;}
.xwnr table{background:#f7f7f7;margin-top:10px;margin-bottom:10px;padding:5px;}
.xwnr table td img{max-width:250px;max-height:190px;}
.xwnr table td .prospan{border-bottom:1px dashed #dedede;}
.xwnr .topcansu-box{background:#f7f7f7;margin-top:10px;margin-bottom:10px;padding:10px;overflow:hidden;}
.xwnr .topcansu-box .leftimg{width:250px;height:190px;display: table-cell;vertical-align: middle;text-align: center;float:left;}
.xwnr .topcansu-box .leftimg img{max-width:250px;max-height:190px;}
.xwnr .topcansu-box .right-cansu{float:left;margin-left:50px;}
.xwnr .cont-box{line-height:26px;font-size:14px;padding:5px;text-indent:12px;}
.foot-bar{width:100%;height:53px;overflow:hidden;background:#fff;border-top:#d0d0d0 1px solid;position:fixed;z-index:9;left:0;bottom:0;margin-top:90px;display:none;}
.foot-bar td{text-align:center;}
.foot-bar td.icon-1{background: url('http://img.bj003.com/images/mail.png') no-repeat center 11px;background-size:15px 15px;border-right: solid 1px #ddd;}
.foot-bar td.icon-2{background:url('http://img.bj003.com/images/home.png') no-repeat center 11px;background-size:15px 15px;border-right: solid 1px #ddd;}
.foot-bar td p{margin-top:25px;}
.foot-bar .tel{background:url('http://img.bj003.com/images/tel.png') no-repeat left center;background-size:30px 30px;background-color:#FC4F0A;background-position: 30px 10px;}
.foot-bar .tel a{line-height:51px;font-size:18px;color:white;height:51px;width:100%;display:block;}
.foot-bar a{color:#333;}
.mt50{height:52px;overflow:hidden;display:none;width:100%;}
.clear{clear:both;}
.headerTop{height:auto;}
.nav22{width:100%;height:45px;background:#273a7d;line-height:45px;}
.nav22 ul{width:1000px;margin:0 auto;}
.nav22 ul li{width:165px;text-align:center;height:45px;font-size:16px;float:left;background:url('http://img.bj003.com//images/line.png') no-repeat;}
.nav22 ul li a{color:#fff;}
.navurl{background:url('http://img.bj003.com/images/cur1.gif') no-repeat !important;background-position:left -32px top 0px !important;}




@media (max-width:768px) {
    .container, .w, .nav22 ul, .zqr_nav ul {
        width: 100%;
    }

    .nav_tm {
        width: 100%;
    }

    .navbg, .imenu_bg, .zqr_nav {
        height: auto;
        overflow: hidden;
    }

    .navurl {
        background: none;
        background-position: left -60px top 0px !important;
    }

    .nav22 {
        height: auto;
        overflow: hidden;
    }

    .top-box1, .containertop {
        width: 100%;
        height: 60px;
        overflow: hidden;
        margin-bottom: 15px;
    }

    .top-box1-logo {
        height: 60px;
        margin-top: 0;
        overflow: hidden;
    }

        .top-box1-logo img {
            max-height: 60px;
			height:100%;
        }

        .top-box1-logo .logo1 {
            max-width: 80%;
        }

        .top-box1-logo .vip {
            max-width: 20%;
        }

    .nav {
        height: auto;
        background: none;
    }

    .headtop, .headerTop {
        height: auto;
        background: none;
    }

    .head .nav {
        background: #ff1500;
        overflow: hidden;
    }

        .head .nav ul {
            width: 100%;
            height: auto;
        }

    .nav ul li {
        width: 25%;
        height: auto;
        margin-left: 0;
    }

        .nav ul li a:hover {
            background: none;
            width: 100%;
        }

        .nav ul li a {
            display: block;
            line-height: 35px;
            text-align: center;
            font-size: 14px;
            color: #fff;
            white-space: nowrap;
            width: 100%;
            height: auto;
        }

        .nav ul li.first {
            width: 33%;
            height: auto;
            margin-left: 0;
        }

    .cen, .dh {
        width: 100%;
        background: #076ce0;
        overflow: hidden;
    }

    .headerNav {
        height: auto;
    }

        .headerNav .containertop {
            margin-bottom: 0;
            height: auto;
        }

        .nav li, .headerNav li, .navbg .imenu, .nav22 ul li, .zqr_nav ul li {
            float: left;
            width: 25%;
            line-height: 35px;
            border-right: 1px solid #fff;
            border-bottom: 1px solid #fff;
            overflow: hidden;
            list-style: none;
            margin-left: 0;
            height: 35px;
            box-sizing: border-box;
        }

    .navbg .imenu {
        height: 35px;
        background: none;
    }

    .nav22 ul li {
        border-right: none;
    }

    .imenu a {
        width: 100%;
        height: 35px;
    }

    #navhover {
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }

    .headerNav li {
        margin-left: 0;
    }

        .headerNav li a {
            padding: 0;
            text-align: center;
        }

    .nav li:nth-child(4n+0) {
        border-right: none;
    }

    .zqr_nav li:nth-child(4n+0) {
        border-right: none;
    }

    .nav22 li:nth-child(4n+0) {
        border-right: none;
    }

    .headerNav li:nth-child(4n+0) {
        border-right: none;
    }

    .navbg .imenu:nth-child(4n+0) {
        border-right: none;
    }

    .nav li a {
        display: block;
        text-align: center;
        font-size: 14px;
        color: #fff;
        white-space: nowrap;
    }

    .nav li first {
        width: auto;
        height: auto;
        margin-left: 0px;
    }

    .index_brand {
        height: 180px;
    }

    .banner li {
        height: 180px;
    }

        .banner li img {
            height: 180px !important;
        }

    .banner .number {
        left: 10px;
        margin-left: 150px !important;
    }

    .xwnr {
        width: auto;
        padding: 5px;
    }

        .xwnr img {
            max-width: 100%;
        }

        .xwnr .topcansu-box .leftimg {
            width: 100%;
            height: auto;
        }

            .xwnr .topcansu-box .leftimg img {
                max-width: 100%;
                height: auto;
                max-height: 100%;
            }

        .xwnr .topcansu-box .right-cansu {
            width: 100%;
            text-align: center;
            margin-left: 0;
            margin-top: 10px;
        }

    .pro_ul {
        height: auto !important;
    }

        .pro_ul .pro_yh {
            width: 50%;
            margin-left: 0;
        }

    .foot-bar {
        display: inline;
    }

    .mt50 {
        display: block;
    }

    .mainyq {
        width: 98%;
        margin: 0 auto;
    }

    .tab {
        width: 100%;
        margin: 0 auto;
    }

    #KinSlideshow {
        width: 100% !important;
        height: 200px !important;
    }

    #KinSlideshow_moveBox {
        width: 100% !important;
        height: 200px !important;
    }

    #KinSlideshow img {
        height: 200px !important;
    }


    .wcpxw1200 {
        width: 98%;
        margin: 0 1%;
    }

    .proRight, .proRight ul, .title, .proRight, .proRight .title {
        width: 100%;
    }

        .proRight .title {
            width: 98%;
            margin: 0 1%;
        }

        .proRight li {
            width: 48%;
            margin: 1%;
            height: 180px;
            overflow: hidden;
            text-align: left;
        }

            .proRight li a img {
                max-width: 100%;
                max-height: 150px;
                object-fit: cover;
            }

            .proRight li img {
                margin-top: 0;
            }

            .proRight li span {
                width: 100%;
                margin-left: 0;
                height: 25px;
                margin-top: 0;
                line-height: 25px;
            }

    .about {
        width: 98%;
        margin: 0 1%;
        height: auto;
    }

        .wgywoa1200, .about .about_title {
            width: 100%;
        }

        .about .about_cont .about_cont_img {
            width: 100%;
            margin-right: 0;
            text-align: center;
            display: none;
        }

    .about_cont_img img {
        max-width: 100%;
    }

    .about .about_cont_details {
        width: 98%;
        margin: 0 1%;
    }

        .about .about_cont_details .about_menu {
            display: none;
        }

        .about .about_cont_details .about_cont_title h2 {
            text-align: center;
        }

    .case {
        width: 98%;
        margin: 0 1%;
    }

    .w1200, .wsyxwzxlx00, .news .news_left, .news .question, .tit1, .news .news_list, .news .news_list ul, .news .news_list ul li, .tit2, .wtjdCont {
        width: 100%;
    }

    .case .case_title {
        width: 100%;
    }

    .scrollbox {
        width: 100%;
        margin-top: 15px;
    }

    .news {
        width: 98%;
        margin: 0 1%;
    }

        .news .news_list ul li {
            padding-left: 0;
            text-indent: 10px;
            margin-right: 0;
        }

    .tit2 {
        height: auto;
    }

    .nypro {
        width: 98%;
        margin: 0 1%;
    }

        .nypro .title {
            width: 98%;
            margin: 0 1%;
        }

        .nypro .pro_cont {
            width: 96%;
            margin: 0 1%;
            padding: 1%;
        }


    .product, .product1, .partFourM1, .partFourCon1 {
        width: 100%;
    }

    .prod li {
        width: 48%;
        margin: 1%;
        height: 180px;
        overflow: hidden;
        text-align: left;
    }

        .prod li a img {
            max-width: 100%;
            max-height: 150px;
            object-fit: cover;
        }

    .proname {
        width: 100%;
        margin-top: 0;
    }

    .row1 {
        min-width: 360px;
        background: none;
        height: auto;
    }

    .contactcon, .icont {
        height: auto;
        padding-left: 0;
    }

    .fyMain {
        width: 98%;
        margin: 0 1%;
    }

    .naboutus, .naboutus .aboutb1, .sidebar, .case_list, .case_list ul, .nRight, con, .content {
        width: 98%;
        margin: 0 1%;
    }

        .case_list li {
            width: 48%;
            margin: 1%;
            height: 180px;
            overflow: hidden;
            text-align: left;
        }

            .case_list li a img {
                max-width: 100%;
                max-height: 150px;
                object-fit: cover;
            }

            .case_list li a span {
                width: 100%;
                background: #076ce0;
            }

    .nRight {
        padding: 0;
    }

    .con ul li {
        width: 100%;
    }

        .con ul li a {
            padding-left: 0;
        }
   
}


 
