html{
    font-size:20px;
}
body{
    margin: 0;
    padding: 0;
    background: #f2f2f2;
    color: #373737;
}
a{
    text-decoration: none;
    color: #373737;
}
img{
    max-width: 100%;
}
.banner img{
    width:100%;
}
ul{
    list-style: none;
    padding:0;
    margin:0;
}
.bar-top-h{
    background:#fff;
    overflow: auto;
}
.navbar{
    float: left;
}

.navbar li{
    float: left;
}
.bar-top-r{
    overflow: auto;
    color: #ffffff;
}
.ltile,.indh{
    color: #cc0001;
}
.container{
    margin: 0 auto;
    background: #ffffff;
}
.footerbar{
    background: #2d2d2d;
    color: #ffffff;
    border-top:20px solid #cc0001;
    overflow: auto;
}
.prolist li a,.inanliout li a{
    display: block;
    margin: 0.5rem;
    color: #ffffff;
}
.prolist li a span,.inanliout li a span{
    display: block;
    height: 2rem;
    background: #666666;
    margin-top:-2.1rem;
    position: relative;
    line-height: 2rem;
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}
a:hover{
    color: #cc0001;
}
.prolist li a:hover,.inanliout li a:hover{
    text-decoration: underline;
}
.re-innews-lst{
    overflow: auto;
    margin:1rem;
}
.re-innews-lst:first-child{
    border-bottom: 1px solid #ddd;
}
.rens-l{
    float: left;
    width:30%;
}
.rens-r{
    width:70%;
    float: left;
}
.rens-t{
    margin-left:1rem;
}
.rens-p{
    margin:1rem;
}
.indh,.ltile{
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    height: 5rem;
    line-height: 5rem;
}
.ltile{
    background-image: url("images/line.gif");
    background-position: center;
    background-repeat: repeat-x;
}
.ltile strong{
    display: inline-block;
    background:#ffffff;
    padding:0 1rem;
}
.gh{
    border-top:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
}
.container-inner{
    overflow: auto;
    margin: 1rem;
}
.innews-nlst{
    line-height: 1.5rem;
    margin-right:0.5rem;
    overflow: auto;
    margin-top:1rem;
}
.nes-onenews{
    line-height: 1.5rem;
    margin-right:0.5rem;
    border-bottom: 1px solid #ddd;
}
.nes-onenews p{
    text-indent: 2rem;
}
.nes-onenews strong{
    font-size:1.2rem;
}
.links{
    line-height: 1.5rem;
}
.links a{
    display: inline-block;
    margin-left:0.5rem;
}
.links strong{
    display: inline-block;
    margin-left:0.5rem;
}
.content{
    letter-spacing: 2px;
    line-height: 1.2rem;
}
.content a{
    text-decoration: underline;
}
.navbar a{
    color: #ffffff;
}
.navbar a:hover{
    color: #ffcccc;
}
.navbar li{
    text-align: center;
}
/*内页效果*/
.crumbs{
    margin: 1rem;
}
h1{
    text-align:center;
    font-size:1rem;
}
.Release-time{
    text-align: center;
    font-size:0.7rem;
}
.concern{
    clear: both;
}
.concern{
   text-indent: 0;
}
.concern a{
    text-decoration: none;
    color: #cc0001;
}
.concern-documnet{
    margin-left:1rem;
    line-height: 2rem;
}
.concern-product{
    overflow: auto;
    border: 1px solid #dddddd;
}
.concern-product li{
    text-align: center;
    float: left;
}
.concern-product li span{
    display: block;
}
.concern-product li a{
    margin:0.5rem;
    display: block;
}
.more-pages{
    background: #ececec;
    clear: both;
    margin-top:0.4rem;
    overflow: auto;
    font-size:0.7rem;
    padding:0.2rem 0.3rem;
}
.more-pages li{
    display: inline-block;
    overflow: auto;
}
.newslist-lst{
    margin: 0 1rem;
    line-height: 1.5rem;
}
.newslist-lst li span{
    color: #888;
    display: inline-block;
    margin-left: 0.5rem;
    font-size:0.7rem;
}
.newslist-lst li:nth-child(4n){
    border-bottom: 1px dashed #dddddd;
}
.product-list{
    margin:1rem;
}
.product-list li+li{
    border-top:1px solid #dddddd;
    margin-top:1rem;
    padding-top:1rem;
}
.product-list li>a{
    display: block;
    width:30%;
    float: left;
}
.product-list li>a>img{
    border: 1px solid #dddddd;
    box-sizing: border-box;
    width:98%;
}
.product-list li>.info{
    width:70%;
    float: left;
    box-sizing: border-box;
    padding-left:1rem;
    line-height: 1.5rem;
}
.product-list li>.info p{
    margin:0;
    padding:0;
}
.Main-graph{
    text-align: center;
}
@media only screen and (min-device-width:1300px){/*主要针对pc设计的样式*/
    body{
        min-width: 55rem;
        font-size:0.8rem;
        letter-spacing: 1px;
        min-width: 65rem;
    }
    .container{
        width: 65rem;
        overflow: auto;
    }
    .leftbar{
        overflow: auto;
        color: #ffffff;
    }
    .bar-top-r,.leftbar{
        background:#cc0001;
    }
    .leftbar a{
        color: #ffffff;
    }
    .leftbar a:hover{
        color: #ffcccc;
    }
    .bar-top-l{
        width:30%;
        float: left;
        text-align: right;
    }
    .bar-top-r{
        width:70%;
        float: left;
        height: 4.7rem;
    }
    .toptel{
        float: left;
    }
    .bar-top-l img{
        margin-right: 2.7rem;
        margin-top: 0.4rem;
    }
    .navbar{
        line-height: 4.7rem;
        margin-left:2rem;
    }
    .navbar li{
        width:5.5rem;
        text-align: center;
    }
    .toptel{
        margin-left:1rem;
        margin-top: 1rem;
    }
    .toptel strong{
        font-size: 24px;
        font-weight: bold;
    }
    .leftbar{
        width:12.7rem;
        float: left;
    }
    .rightbar{
        width:48.5rem;
        float: right;
    }
    .footer-left{
        float: left;
        padding: 2rem;
        letter-spacing: 2px;
        line-height: 1.5rem;
        background: #282727;
    }
    .footer-right{
        margin:1rem;
        float: left;
    }
    .footer-right li{
        float: left;
        width:140px;
        margin: 0.5rem;
        text-align: center;
    }
    .footer-right li img{
        margin-top: 0.5rem;
    }
    .prolist li{
        width:33.333333%;
        float: left;
        text-align: center;
    }
    .inanliout li{
        width:25%;
        float: left;
        text-align: center;
    }
    .innews-left,.innews-right{
        width:50%;
        float: left;
    }
    .innews-right{
        border:1px solid #ececec;
        box-sizing:border-box;
    }
    .innews-nlst li{
        width:50%;
        float:left;
        font-size:0.7rem;
    }
    .proclass-t{
        font-size:1.3rem;
        font-weight: bold;
        text-align: center;
        height: 5rem;
        line-height: 5rem;
        letter-spacing: 0.2rem;
    }
    .big-proclass{
        border-bottom: 1px solid #ffffff;
        font-size:0.8rem;
        clear: both;
        background:url("images/d.gif") no-repeat left center;
        height:2rem;
        line-height: 2rem;
        margin-bottom: 0.5rem;
    }
    .big-proclass a{
        display: block;
        margin-left:1.8rem;
    }
    .small-proclass{
        font-size: 0.7rem;
        border-bottom: 1px dashed #ff5555;
        line-height: 1.2rem;
        margin:0.2rem 0;
        width:50%;
        float: left;
    }
    .proclass-o{
        overflow: auto;
        margin: 1.1rem 1.1rem 0 1.1rem;
    }
    .left-as{
        margin: 1.1rem;
        border-top: 1px solid #ffffff;
    }
    .left-as p{
        font-size:0.7rem;
    }
    .as-t{
        margin-top:1rem;
    }
    .as-t span{
        font-weight: bold;
    }
    .m-tel{
        display: none;
    }
    /*内页效果*/

    .crumbs{
        width: 65rem;
        margin: 1rem auto;
    }
    .concern-product li{
        width:25%;
    }
.pc-kefu{
    position: fixed;
    right: 5px;
    top:200px;
    background: #FFFFFF;
    border: 5px solid #b01211;
    text-align: center;
    padding: 10px;
    z-index: 2;
	width:150px;
}
.pc-kefu>b{
    color: #b01211;
    display: block;
    margin: 5px;
    font-size: 18px;
}
.m-tel{
	display:none;
}

}
@media only screen and (max-device-width:1300px){/*主要针对移动设备设计的样式*/
    body{
        font-size:0.8rem;
    }
	.pc-kefu{
		display:none;
	}
    .navbar{
        line-height: 2.7rem;
        background: #cc0001;
        width:100%;
        font-size:1rem;
    }
    .navbar ul{
        margin: 0;
        padding: 0;
        width:100%;
    }
    .toptel{
        position:absolute;
        color: #cc0001;
        float: right;
        right:2rem;
        top:1rem;
        z-index: 1;
    }
    .left-as{
        display: none;
    }
    .rightbar{
        clear: both;
    }
    .proclass-t{
        margin-top:1rem;
        color: #cc0001;
    }

    .big-proclass{
        clear: both;
        float: left;
    }
    .small-proclass{
        float: left;
        font-size: 0.7rem;
        margin-left:0.2rem;
    }
    .proclass-o{
        line-height: 1.3rem;
    }
    .inanliout li{
        width:50%;
        float: left;
        text-align: center;
    }
    .prolist li{
        width:50%;
        float: left;
        text-align: center;
    }
    .innews-nlst{
        font-size:0.8rem;
    }
    .innews-nlst li{
        border-bottom:1px dashed #f2f2f2 ;
    }
    .innews-nlst li a{
        display: inline-block;
        margin-left:0.5rem;
    }
    .innews-nlst li span{
        display: inline-block;
        color: #999;
        margin-left:0.2rem;
    }
    .rens-t a{
        color: #cc0001;
    }
    .footer-right{
        display: none;
    }
    .links strong{
        display: block;
    }
    .links a{
        color: #777;
        font-size:0.7rem;
    }
    .footer-left{
        margin:1rem;
        font-size:0.8rem;
        padding-bottom:2rem;
    }
    @media only screen and (orientation: landscape) {
        /*横屏*/
        .navbar li{
            width:16.6%;
        }
        .innews-nlst li{
            width:50%;
            float: left;
        }
        .m-tel{
            display: none;
        }
        /*内页样式*/
        .concern-product li{
            width:50%;
        }
    }
    @media only screen and (orientation: portrait) {
        /*坚屏*/
        .navbar li{
            width:33.33333%;
        }
        .rens-l{
            float: none;
            width: 100%;
        }
        .rens-r{
            float: none;
            width: 100%;
        }
        .rens-t{
            margin-left:0rem;
        }
        .rens-p{
            margin:0rem;
        }
        .innews-nlst{
            border-bottom: 1px solid #ddd;
        }
        .re-innews-lst{
            margin:0.5rem;
        }
        .m-tel{
            background: #FF0000;
            position: fixed;
            bottom: 0;
            width:100%;
            color: #f2f2f2;
            text-align: center;
            font-size: 0.7rem;
            padding:0.2rem 0;
            border-top:1px solid #373737;
        }
        .m-tel a{
            color: #FFFFFF;
        }
        /*内页样式*/
        .concern-product li{
            float: none;
        }
        .product-list li>a{
            display: block;
            width:100%;
            float:none;
        }
        .product-list li>.info{
            width:100%;
            float:none;
            padding-left:0;
        }
    }
}
