/*通用标题*/
.tit_home{width:250px;margin: 0 auto 15px;text-align: center;overflow: hidden;}
.tit_home a{display: block;height: 46px;line-height: 46px;font-size: 30px;color: #333;font-family: "微软雅黑";-webkit-transition: .5s;transition: .5s;}
.tit_home a:hover{color: #0a7bcc;}
.tit_home p{width:100%;height: 24px;line-height: 24px;background: url(../nyimages/ico2.jpg) left center repeat-x;}
.tit_home p span{display: inline-block;height:24px;padding:0 15px;background: #fff;color: #666;font-family: Arial;text-transform: uppercase;}


/*company*/
.compbox{padding:.2rem 0 .3rem;}
.compbox .picbox{width:100%;position:relative;z-index:1;float: left;}
.compbox .picbox img{width:100%;}
.compbox .txtbox{width:100%;overflow:hidden;float: right;padding-top: .15rem;}
.compbox .txtbox .titl{width:100%;overflow:hidden;font-size: .18rem;font-weight: bold;height: .4rem;line-height: .3rem;}
.compbox .txtbox .text{width:100%;overflow:hidden;line-height: .24rem;color: #787878;margin-bottom: .1rem;}
.compbox .txtbox .more{width:100%;overflow:hidden;height:.45rem;display:none;padding-top: .1rem;margin-bottom: .2rem;}
.compbox .txtbox .more a{display:inline-block;height:.35rem;background:#999;text-align:center;color:#fff;line-height:.36rem;font-family: Arial;text-transform: uppercase;float: left;padding:0 .15rem;}
.compbox .txtbox .more a:hover{background:#0a7bcc;}
.compbox .txtbox .pics{width: 100%;padding-top: .1rem;overflow: hidden;}
.compbox .txtbox .pics p{width: 33.33%;overflow: hidden;float: left;text-align: center;padding:0 2%;}
.compbox .txtbox .pics em{width: 100%;overflow: hidden;display: block;height: .45rem;}
.compbox .txtbox .pics span{width: 100%;overflow: hidden;display: block;line-height: .24rem;color: #787878;}
.compbox .txtbox .pics span br{display: none;}
.xbannerbox{height: 1.5rem;padding-top: .47rem;text-align: center;background: #0a7bcc;display: none;}

@media only screen and (min-width:768px){
.compbox .txtbox .text{line-height: .3rem;}
.compbox .txtbox .pics p{width:1.8rem;text-align: left;padding:0;margin-right: .2rem;}
.compbox .txtbox .pics span br{display: block;}
}
@media only screen and (min-width:992px){
.compbox{padding:.35rem 0 .5rem;}
.compbox .cutbox{padding-top: .15rem;}
.compbox .picbox{width:4.7rem;height: 3.8rem;}
.compbox .picbox img{width:8.8rem;height: 3.8rem;position: absolute;top: 0;right: 0;}
.compbox .txtbox{width:5.8rem;padding: 0;}
.compbox .txtbox .titl{margin-bottom: .05rem;}
.compbox .txtbox .more,.xbannerbox{display:block;}
.compbox .txtbox .pics{width: 110%;}
}


/*product*/
.productbox{padding:.25rem 0 .3rem;overflow:hidden;background:#f6f6f6;}
.productbox .tit_home span{background:#f6f6f6;}

.clabox{width:100%;overflow:hidden;margin:.05rem auto .15rem;float:left;}
.clabox .cont{padding:0 .05rem;}
.clabox ul{width:100%;max-width:6.4rem;margin:0 auto;overflow:hidden;}
.clabox ul li{width:50%;text-align:center;float:left;overflow:hidden;padding:.02rem;font-size:.15rem;}
.clabox ul li a{width:100%;height:.4rem;line-height:.4rem;background:#0a7bcc;padding:0 .05rem;color:#fff;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.clabox ul li:hover a{background:#ff6800;}

.probox{width:100%;overflow:hidden;float:right;}
.probox .cont,.probox .cont ul{width: 100%;overflow: hidden;}
.probox .cont ul li{width:50%;padding:.05rem;overflow:hidden;float:left;text-align:center;}
.probox .cont ul li .pic{width:100%;height:35vw;overflow:hidden;background:#fff;border:1px solid #ddd;padding:.04rem;}
.probox .cont ul li .pic a{width:100%;height:100%;display:block;overflow:hidden;}
.probox .cont ul li .pic img{max-width:100%;max-height:35vw;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.probox .cont ul li .text{width:100%;height:.4rem;background:#ddd;overflow: hidden;line-height: .16rem;font-size: .13rem;padding: .04rem .05rem;}
.probox .cont ul li .text a{display: block;overflow: hidden;}

.probox .rollbox{display: none;width:100%;overflow: hidden;padding-top: .2rem;}
.probox .rollbox ul{width:150%;overflow: hidden;height:2.6rem;padding:.05rem .03rem;}
.probox .rollbox ul li{box-shadow:0 .02rem .05rem rgba(0,0,0,0.1);width: 2.6rem;height: 2.5rem;overflow: hidden;background: #fff;float: left;margin: 0 .18rem .1rem 0;border-radius: .05rem;text-align: center;}
.probox .rollbox ul li .pic{width: 100%;height: 2rem;overflow: hidden;padding:.05rem;}
.probox .rollbox ul li .pic a{width: 100%;height: 1.9rem;overflow: hidden;display: block;}
.probox .rollbox ul li .pic img{max-width: 100%;max-height: 1.9rem;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.probox .rollbox ul li .text{width: 100%;height: .5rem;line-height: .5rem;font-size: .14rem;background: #aaa;padding:0 .1rem;}
.probox .rollbox ul li .text a{display: block;overflow: hidden;color: #fff;white-space: nowrap;text-overflow: ellipsis;}
.probox .rollbox ul li:hover .text{background: #0a7bcc;}

.probox .rollbox .btn{width: 1rem;height: .75rem;padding-top: .35rem;overflow: hidden;margin: 0 auto;}
.probox .rollbox .btn p{width: .4rem;height: .4rem;overflow: hidden;border-radius: .03rem;}
.probox .rollbox .btn a{display: block;width: .8rem;height: .4rem;background: #ccc url(../images/btn2.png) center no-repeat;background-size: 100%;cursor: pointer;}
.probox .rollbox .btn a:hover{background-color: #0a7bcc;}
.probox .rollbox .btn .btn1,.probox .rollbox .btn .btn1 a{float: left;}
.probox .rollbox .btn .btn2,.probox .rollbox .btn .btn2 a{float: right;}

@media only screen and (min-width:425px){
.probox .cont ul li .text{line-height: .3rem;}
.probox .cont ul li .text a{white-space: nowrap;text-overflow: ellipsis;}
}
@media only screen and (min-width:768px){
.probox .cont{padding:.05rem;}
.clabox ul li{width:25%;padding: .05rem;}
.probox .cont{width:7.3rem;padding:.05rem;margin: 0 auto;}
.probox .cont ul li{padding:.1rem;}
.probox .cont ul li .pic{height:2.6rem;}
.probox .cont ul li .pic img{max-height:2.5rem;}
}
@media only screen and (min-width:992px){
.productbox{padding:.4rem 0 .55rem;}
.probox .cont{display: none;}
.probox .rollbox{display: block;}
}


/*zixun*/
.newsbox{padding:.25rem .1rem}
.newsbox .leftbox{display: none;width: 4.2rem;height: 4rem;overflow: hidden;float: left;background: #f7f7f7 url(../images/pic3.jpg) center top no-repeat;padding: 2.5rem .2rem 0;}
.newsbox .leftbox:hover{background-color: #0a7bcc;}
.newsbox .leftbox .tit{width: 100%;height: .5rem;overflow: hidden;line-height: .5rem;}
.newsbox .leftbox .tit a{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: .16rem;}
.newsbox .leftbox:hover .tit a{color: #fff;}
.newsbox .leftbox .text{width: 100%;height: .7rem;line-height: .24rem;font-size: .14rem;color: #787878;}
.newsbox .leftbox .text a{color:#787878;}
.newsbox .leftbox .text img{display: none;}
.newsbox .leftbox:hover .text,.newsbox .leftbox:hover .text a{color: #e5f2ff;}

.newsbox .list{width: 100%;overflow: hidden;float: right;}
.newsbox .list ul li{overflow:hidden;width:100%;height:.4rem;float:left;border-bottom:1px dotted #ccc;}
.newsbox .list ul li .tit{width:100%;background:url(../nyimages/newsico.png) .03rem center no-repeat;height:.4rem;line-height:.4rem;position:relative;padding:0 .85rem 0 .25rem;}
.newsbox .list ul li .tit a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.newsbox .list ul li .tit .time{height: .4rem;line-height: .44rem;font-family: Arial;color: #999;position: absolute;top: 0;right: 0;max-width: .8rem;overflow: hidden;}
.newsbox .list ul li .text{display: none;overflow: hidden;width: 4.8rem;height: .5rem;line-height: .24rem;padding: 1px 0;color:#787878;float: right;font-size: .14rem;}
.newsbox .list ul li .text img{display: none;}
.newsbox .list ul li .text a{color:#787878;}
.newsbox .list ul li:hover .text a,.newsbox .list ul li:hover .text{color:#e5f2ff;}
.newsbox .list ul li .date{display:none;width:1rem;height:.8rem;float:left;;border-right:1px solid #ccc;text-align:center;font-family:Arial;font-size:.36rem;line-height:.8rem;color:#666;}
.newsbox .list ul li:hover .date{border-color:#a6daff;color: #e5f2ff;}

.newsbox .more{display: none;width:100%;height: .7rem;padding-top: .3rem;text-align: center;overflow: hidden;}
.newsbox .more a{display: inline-block;height: .4rem;font-size:.15rem;padding: 0 .25rem;line-height: .4rem;border: 1px solid #0a7bcc;color: #0a7bcc;font-family: Arial;text-transform: uppercase;}
.newsbox .more a:hover{background: #0a7bcc;color: #fff;}

@media only screen and (min-width:992px){
.newsbox{padding:.35rem 0 .5rem;}
.newsbox .cutbox{padding-top: .15rem;}
.newsbox .list{width:6.3rem;height:4rem;}
.newsbox .list ul li{padding:.1rem .2rem .1rem 0;height: 1rem;border: 0;}
.newsbox .list ul li:first-child{display: none;}
.newsbox .list ul li:hover{background: #0a7bcc;}
.newsbox .list ul li .tit{width:4.8rem;float: right;padding: 0 1rem 0 0;background: none;font-size: .16rem;height: .3rem;line-height: .3rem;}
.newsbox .list ul li .tit .time{font-size: .14rem;line-height: .32rem;height: .3rem;}
.newsbox .list ul li:hover .tit .time{color: #fff;}
.newsbox .list ul li:hover .tit a{color: #fff;}
.newsbox .list ul li .text{display: block;}
.newsbox .more,.newsbox .leftbox,.newsbox .list ul li .date{display: block;}
}


/*links*/
.linkbox{display:none;background:#0a7bcc;padding:.15rem 0;overflow:hidden;min-height:.7rem;}
.linkbox .titl{width:.8rem;height:100%;float:left;overflow: hidden;padding-top:.05rem;}
.linkbox .cont{width:10rem;line-height:.24rem;overflow: hidden;float: right;}
.linkbox .cont ul li{display: inline;}
.linkbox .cont ul a{color: #e5f2ff;white-space: nowrap;padding:0 .05rem;}
.linkbox .cont ul a:hover{color: #fff;}

@media only screen and (min-width:992px){
.linkbox{display:block;}
.linkbox .titl{height:auto;}
}