* {margin: 0; padding: 0; border: 0;}
ul{ margin: 0; padding: 0; list-style: none;}
body {width: 7.5rem; margin: 0 auto; background: #fff; font-size: .22rem; color: #999; font-family: "Microsoft YaHei";}
a{ color: #333; text-decoration: none; outline:none; -moz-outline-style:none;}
img{ width: 100%; height: 100%; }
.fl{float: left;}
.fr{float: right;}

.box{width: 7.5rem; overflow: hidden; margin: 0 auto;}

/* 头部 */
.tou{width: 7rem; height: 1rem; overflow: hidden; margin: 0 auto;}
.tou .fl{width: 1.5rem; height: .8rem; margin-top: .1rem;}
.tou .fr{height: 1rem;}

/* banner */
.banner{width: 7.5rem; height: 3.2rem;}
.main_visual{height:3.2rem;border-top:1px solid #d7d7d7;overflow:hidden;position:relative;}
.main_image{height:3.2rem;overflow:hidden;position:relative;}
.main_image ul{width:99.99rem;height:3.2rem;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:3.2rem;}
.main_image li span{display:block;width:100%;height:3.2rem}
.main_image li a{display:block;width:100%;height:2.8rem}
div.flicking_con{position:absolute;top:2.6rem;left:53%;z-index:999;width:3.2rem;height:.21rem;margin:0 0 0 -.55rem;}
div.flicking_con a{float:left;width:.21rem;height:.21rem;margin:0;padding:0;background:url('../sj-images/1.png') 0 0 no-repeat;display:block;text-indent:-10rem;background-size: 100% 100%;}
div.flicking_con a.on{background:url('../sj-images/2.png') 0 0 no-repeat;background-size: 100% 100%}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:.73rem!important;height:.74rem!important;top:50%;margin-top:-.37rem;display:none;}
#btn_prev{left:1rem;}
#btn_next{right:1rem;}

/* 图标 */
.tb{width: 100%; overflow: hidden; margin: 0 auto .3rem;}
.tb li{width:2.5rem; overflow: hidden; float: left;}
.tb li img{width: 1.13rem; height: 1.13rem; display: block; margin: .3rem auto 0;}
.tb li h5{font-size: 28px; color: #666; text-align: center; padding-top: .1rem; font-weight: 400;}

/* 关于 */
.aboutbg{width: 100%; overflow: hidden; margin: .4rem auto;}
.tit1{width: 100%; height: .45rem; font-size: .36rem; color: #00a0e9; text-align: center; text-transform: uppercase;}
.tit2{width: 100%; height: .65rem; font-size: .36rem; color: #1e1e1e; text-align: center; line-height: .65rem;}
.tit3{width: 100%; height: .5rem; font-size: .26rem; color: #8d8d8d; text-align: center; border-bottom: .01rem solid #ebebeb;}
.about{width: 7rem; overflow: hidden; line-height: .4rem; font-size: .26rem; color: #666; margin: .3rem auto 0; text-align: justify;}
.about a{color: #666;}

/* 产品 */
.pro{width: 100%; overflow: hidden; background: #eeeeee; padding: .3rem 0 .4rem;}
.pro li{width: 3.2rem; overflow: hidden; float: left; margin-left: .35rem; background: #fff; margin-top: .3rem;}
.pro li img{width: 3.2rem; height: 2.99rem;}
.pro li h5{font-size: .24rem; color: #333; text-align: center; padding: .15rem 0; font-weight: 400;}
.pro li h6{width: 1rem; height: .3rem; text-align: center; color: #fff; margin: 0 auto .3rem; line-height: .3rem; font-size: .22rem; background: #bababa; font-weight: 400;}

/* 新闻 */
.new_bg{width: 100%; overflow: hidden; padding: .5rem 0 0;}
.pro_con{width: 7rem; overflow: hidden; margin: .4rem auto 0;}
.pro_con li{width: 100%; height: 1.45rem; background: url(../sj-images/xw_tit.png) no-repeat;}
.pro_con li h4{padding-left: 1.2rem; font-size: .24rem; color: #333; padding-top: .1rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight: 400;}
.pro_con li h5{padding-left: 1.2rem; font-size: .2rem; color: #666; line-height: .28rem; padding-top: .1rem; font-weight: 400;}

/* 版权 */
.copy{width: 100%; height: .8rem; text-align: center; font-size: .2rem; line-height: .8rem; background: #1d1c1c; color: #fff;}
.copy a{color: #fff;}

/* 分页 */
.fenye{ width: 100%; height: .46rem; overflow: hidden; margin: .2rem auto .4rem;}
.fenye ul{text-align: center;}
.fenye ul li{font-size: .18rem; color: #333; display: inline; padding: .04rem .25rem; margin: 0 .08rem; border: .01rem solid #181717; border-radius: .03rem;}
.fenye ul li a{color: #181717;}
.fenye ul li a:hover{color: #4ab344;}

.ny_er{width: 7.2rem; overflow: hidden; margin: .4rem auto 0;}
.ny_er li{width: 2.28rem; height: .68rem; text-align: center; font-size: .24rem; line-height: .68rem; margin:.05rem; float: left; border: .01rem solid #CCC;}
.ny_er li a{color: #333; display: block;}
.ny_er li a:hover{background: #00a0e9; color: #fff;}
.ny_er .thisclass a{background: #00a0e9; color: #fff; display: block;}

.xq_tit{width: 7rem; overflow: hidden; line-height: .4rem; padding: .3rem .25rem; font-size: .36rem; color: #333; font-weight: bold; border-bottom: .01rem solid #ccc;}
.xq_time{width: 7rem; height: .6rem; line-height: .6rem; font-size: .22rem; color: #999; margin: 0 auto;}
.xq_con{width: 7rem; overflow: hidden; margin: .1rem auto .4rem; line-height: .32rem; font-size: .22rem; color: #666;}
.xq_con img{width: 7rem; height: auto;}
.ny_xq_fanpian{width: 7rem; height: .4rem; line-height: .4rem; font-size: .14rem; color: #666; margin: .4rem auto;}
.ny_xq_fanpian a{color: #666;}
.ny_xq_fanpian a:hover{text-decoration: underline;}

.dinggou{width: 4.9rem; height: 5.8rem; margin: 0 auto;}
.dinggou table tr{height: .8rem;}
.dinggou .sx{width: .8rem; height: .4rem; font-size: .16rem; color: #617787; line-height: .4rem;}
.dinggou .srk{width: 4rem; height: .38rem; border: .01rem solid #617787; border-radius: .03rem; margin: .01rem 0;}
.dinggou .bz{width: 4rem; height: 1rem; border: .01rem solid #617787; border-radius: .03rem; margin: .1rem 0;}
.dinggou .tj{width: .8rem; height: .38rem; background: #146aa5; margin-left: .8rem; margin-top: .1rem; border-radius: .04rem; color: #fff; font-size: .16rem;letter-spacing:.02rem;}
.dinggou .cz{width: .8rem; height: .38rem; background: #ccc; margin-left: .65rem; margin-top: .1rem; border-radius: .04rem; color: #fff; font-size: .16rem;letter-spacing:.02rem;}

/* 荣誉 */
.rongyu{width: 7rem; overflow: hidden; margin: 0 auto .4rem;}
.rongyu li{width: 100%; overflow: hidden; margin: .3rem 0 0;}
.rongyu li img{width: 7rem; height: 4.82rem;}
.rongyu li span{display: block; text-align: center; font-size: .22rem; padding-top: .1rem; color: #666;}

/* 新闻 */
.new_con{width: 7rem; overflow: hidden; margin: .4rem auto .3rem;}
.new_con li{width: 100%; overflow: hidden;  border-bottom: .01rem solid #f5f5f5; margin-bottom: .3rem;}
.new_con li h3{width: 1rem; font-size: .24rem;color: #333;}
.new_con li h6{width: 1rem; font-size: .14rem;color: #999;}
.new_con li h5{width: 6rem; font-size: .24rem;color: #333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.new_con li h5 a{color: #333;}
.new_con li:hover h5 a{color: #000;}
.new_con li span{width: 6rem; height: .52rem; overflow: hidden; font-size: .2rem; line-height: .26rem; margin: .1rem 0 .2rem; display: block; color: #666;}
.new_con li span a{color: #666;}
.new_con li:hover span a{color: #333;}

/* 内页导航 */
.navbg{width: 7.48rem; height: 1.4rem; background: url(../sj-images/dh_bg.jpg); padding: 0 .01rem;}
.navbg li{width: 1.87rem; height: .7rem; float: left; line-height: .7rem; text-align: center; font-size: .26rem;}
.navbg li a{color: #fff; display: block;}
.navbg li a:hover{background: #00a0e9; color: #fff;}
.navbg li .thisclass{background: #00a0e9; color: #fff;}

.anli{width: 100%; overflow: hidden; margin: 0 auto; padding: .4rem 0 0;}
.anli h1{font-size: .42rem; color: #333; text-align: center; line-height: .6rem;}