html{
    font-size: 100px;
    font-family: "宋体";
	user-select:none;
}
body{
    margin: 0;
    padding: 0;
    font-size:0.14rem;
    color: #575757;
}
ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
li{
    margin: 0;
    padding: 0;
    list-style: none;
}
a{
    text-decoration: none;
    color: #575757;
}
a:hover{color:#f00;}
header,.contair,nav>ul{
    margin: 0 auto;
    overflow: auto;
}

/*头部信息*/
header{
    margin:0.2rem auto;
}
.logo{
    float: left;
}
.tel{
    float: right;
}
img{
    max-width: 100%;
}

nav{
    display: block;
    background: url("../images/navbg.gif") repeat-x;
}
nav>ul>li{
    float: left;
    text-align: center;
}
nav>ul>li>a{
    color: #FFFFFF;
    display: block;
}
nav ul li a:hover{
    color: #fff000;
}
.banner{
}
.banner img{
    width: 100%;
}
.index-product-list li{
    width:25%;
    text-align: center;
    float: left;
    margin-top:0.1rem;
}
.index-product-list li a{
    width: 95%;
}
.index-product-list li img{
    width:95%;
}
.prolistclass{
    margin: 0.1rem;
    border-bottom:dashed #555 0.01rem;

}
.prolistpic{ margin-top:10px;  margin-bottom:10px;  }

.prolistcont{
    margin-left:1%;
    margin-bottom:10px;
    margin-right:1%;
    line-height:25px;
    letter-spacing:1px;
}
.dps{
    text-align: center;
}
@media only screen and (min-width: 761px) {
    header,.contair,nav>ul{
        width:10.56rem;
    }
    nav,.banner{
        min-width: 10.56rem;
    }
    .setion-before{
        width:2.25rem;
        float: left;
    }
    .setion-after{
        float: right;
        width: 8.21rem;
    }
    .link{
        width:10.36rem;
    }
    nav>ul>li{
        width:12.5%;
    }
    nav>ul>li>a{
        font-size: 0.18rem;
        margin: 0.1rem auto;
    }
    .dct-l{
        width: 49%;
        float: left;
    }
    .dct-l+.dct-l{
        margin-left: 2%;
    }
    .index-product-list li img{
        width: 1.9rem;
        height: 1.43rem;
    }
    .prolistpic img{
        width: 1.26rem;
        height: 1.56rem;
    }
    .prolistpic{width: 19%; float: left; margin-left: 1%;  }
    .prolistcont{
        width: 78%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        margin-top: 0.1rem;
    }
}
@media only screen and (max-width: 760px){
    .i-link,.lianxi-bb{
        display: none;
    }
    .setion-product-class>ul{
        overflow: auto;
    }

    @media only screen and (orientation: portrait){ /*竖屏*/
        .logo{
            float: none;
            width:95%;
            margin: 0 auto;
        }
        .tel{
            display: none;
        }
        nav{
            display: block;
            background: #3091d5;
            overflow: auto;
            padding:0.05rem 0;
            line-height: 0.25rem;
        }
        nav>ul>li{
            width:25%;
        }
        .index-product-list li{
            height: 0.95rem;
            overflow: hidden;
        }
        .index-product-list li img{
            width: 0.8rem;
            height: 0.602rem;
        }
        .index-product-list li a{
            display: block;
        }
    }
    .setion-product-class>ul>li{
        float: left;
        width:49.5%;
    }

    @media only screen and (orientation: landscape){/*横屏*/
        .logo{
            width:70%;
        }
        .logo img{
            width:90%;
        }
        .tel{
            width:28%;
            margin-left:1%;
            margin-right: 1%;
        }
        .tel img{
            width:90%;
        }
        nav>ul>li{
            width:12.5%;
        }
        nav>ul>li>a{
            font-size: 0.14rem;
            margin: 0.1rem auto;
        }
        .dct-l{
            width: 49%;
            float: left;
        }
        .dct-l+.dct-l{
            margin-left: 2%;
        }
        .setion-product-class>ul>li{
            float: left;
            width:33.33%;
        }
        .index-product-list li{
            height: 1.46rem;
            overflow: hidden;
        }
        .index-product-list li img{
            width: 1.4rem;
            height: 1.06rem;
        }
        .index-product-list li a{
            display: block;
        }
        .prolistpic{width: 19%; float: left; margin-left: 1%;  }
        .prolistcont{
            width: 78%;
            float: left;
            margin-left: 1%;
            margin-right: 1%;
            margin-top: 0.1rem;
        }
    }
}

/*底部信息*/
footer{
    border-top:#3091d5 solid 0.02rem;
    background: #333;
    text-align: center;
    padding:0.3rem 0;
    line-height: 0.25rem;
    margin-top:0.1rem;
	color:#fff;
}
footer a{color:#fff;}
.setion-before{
    margin-top:0.1rem;
}
.setion-product-class{
    background:#3091d5;
    overflow: auto;
}
.mtitl{
    color: #FFFFFF;
    text-align: center;
    margin:0.03rem;
    font-weight: bold;
    padding:0.05rem 0;
}
.setion-product-class>ul{
    margin:0.05rem;
    border-bottom: #FFFFFF solid 0.1rem;
}
.setion-product-class>ul>li{
    margin:0.01rem auto;
    background:#FFFFFF;
    overflow: auto;
}
.setion-product-class>ul>li>a{
    color: #3091d5;
    font-weight: bold;
    margin:0.05rem  0.05rem 0.05rem 0.37rem;
    display: block;
}

.setion-product-class>ul>li>a:hover{
    color: #f00; 
}

.link{
    border:0.01rem solid #d1d1d1;
    margin:0.1rem auto;
    overflow: auto;
    padding:0.1rem;
}


.i-link{
    border-bottom: solid #cfcfcf 0.01rem;
    margin:0.1rem auto;
    padding-bottom: 0.1rem;
    text-align: center;
}
.lianxi-bb{
    background: url("../images/lte.gif") no-repeat;
    height: 2.13rem;
    overflow: auto;
	border:1px solid #3091d5;
}
.lianxi-bb>p{
    margin-top:0.4rem;
    font-size: 0.12rem;
    margin-left: 0.4rem;
    color: #575757;
    line-height: 0.25rem;
}
.dctl{
    background: url("../images/a.gif") no-repeat left center;
    float: left;
    padding-left: 0.15rem;
    border-bottom: #3091d5 solid 0.02rem;
    min-width: 0.8rem;
    font-weight: bold;
    padding:0.05rem 0.2rem;
    letter-spacing: 0.02rem;
}
.dctm{
    background: url("../images/s.gif") no-repeat left center;
    float: right;
    padding-left: 0.1rem;
    margin-top:0.05rem;
    margin-right: 0.1rem;
}
.dct{
    overflow: auto;
    border-bottom: #e0e0e0 solid 0.01rem;
     margin-top: 0.1rem;
}
.dcte{
    overflow: auto;
    border-bottom: #e0e0e0 solid 0.01rem;
    margin-top: 0.1rem;
}
.abt{
    line-height: 0.25rem;
}
.abt>img{
    width: 2.25rem;
    float: left;
    margin-right: 0.1rem;
    margin-bottom: 0.1rem;
}
.doc-o{
    overflow: auto;
    margin: 0.1rem;
}

.index-n-t{
    color: #FF0000;
    text-align: center;
    font-weight: bold;
    margin-top: 0.1rem;
}
.index-n-c{
    line-height: 0.25rem;
    margin-top: 0.1rem;
}
.dct-l{
    line-height: 0.25rem;
}
.dct-l>ul{
    margin: 0.1rem;
}
.dct-l>ul>li{
    overflow: auto;
}
.dct-l>ul span{
    display: inline-block;
    float: right;
}
/*案例产品样式*/
.mulu{
    margin-right: 0.15rem;
}
.propic{
    float:left;
    margin-right:0.1rem;
    margin-bottom: 0.1rem;
    width: 30%;
    border:outset #ccc 0.02rem;
    padding: 0.02rem;
}
.line{
    border-bottom:dashed #ddd 0.01rem;
    font-size:0.13rem;
    background-color:#eee;
    display:block;
    padding-left:0.1rem;
    padding-top: 0.03rem;
    padding-bottom:0.03rem;
}
a.a2{
    margin-left: 0.05rem;
}
.mulu{
    margin-right: 0.15rem;
}
.clear{
    clear:both;
}
.xgdoc{
    float:left;
    width:3.2rem;
    margin-left:0.1rem;
    line-height:0.2rem;
}
.div_pro_list_tl{
    margin-left:0.1rem;
    margin-right: 0.1rem;
    float:left;
    line-height: 0.2rem;
}
.title{
    font-size: 0.15rem;
    text-align: center;
    color: #000;
}
.ntitle{
    font-size: 0.15rem;
    text-align: center;
    color: #000;
}
.news-list li{
    overflow: auto;
}
.news-list li span{
    display: inline-block;
    float: right;
}
.active{color:#fff000;}
.my_pageall{margin: 10px auto; text-align:center;  text-align:center; font-size:14px; height:50px; line-height:50px;}
.my_page{float:left;}
.my_page span{border:1px solid #333; padding:5px;}
.my_page a{color:#23527c; border:1px solid #333; padding:5px;}
.my_page a:hover{color:#fff; background:#23527c;}
.mypaget{float:left; margin-left:10px; margin-top:0px; }

.foot_link a{margin-left:10px;}

.index-product-list li img:hover{
	 transform: scale(1.05);  
}
.prolistpic img:hover{
	 transform: scale(1.05);  
}
.searchkey{cursor:pointer; margin-left:10px;}
.searchkey:hover{color:#f00;}