/*顶部CSS开始*/
#flash{background:#D1D1D1;width:100%;height:auto;float:left;overflow:hidden;}
.flash{ position:relative; width:100%;background:#fff;margin:0; padding:0;}
.flash .swipe{overflow: hidden;visibility: hidden;position:relative;}
.flash .swipe-wrap{overflow:hidden;position:relative;}
.flash .swipe-wrap > div {float: left;width: 100%;position:relative;}
#position{ position:absolute; bottom:0; right:0; padding-right:8px; margin:0; background:#000; opacity: 0.4; width:100%; filter: alpha(opacity=50);text-align:right;}
#position li{width:10px;height:10px;margin:0 2px;display:inline-block;-webkit-border-radius:5px;border-radius:5px;background-color:#AFAFAF;}
#position li.cur{background-color:#FF0000;}
.img-responsive { display: block; max-width:100%;height: auto;}

@media screen and (max-width:960px){
#flash{background:#ffffff;width:100%;height:auto;float:left;overflow:hidden;}
}
/*顶部Css结束*/

/*主页CSS开始*/
#indexbody{width:100%;height:auto;margin:20px auto;overflow:hidden}

.sertitle{width:100%;max-width:1600px;margin:3rem auto;overflow:hidden}
.sertitle .mainTitle{width:auto;font-size:3rem;font-weight:bold;line-height:4rem;height:4.5rem;text-align:center;display:block;margin:0 auto;overflow:hidden}
.sertitle .mainTitle a{width:auto;color:#222222;font-size:3rem;font-weight:bold;border-bottom:3px solid #fef0b3;line-height:3rem;text-align:center;display:inline;margin:0 auto;overflow:hidden}
.sertitle .secTitle{width:auto;font-size:1rem;text-align:center;margin:0 auto;margin-top:1rem;overflow:hidden}

.products{width:94%;max-width:1600px;height:auto;margin:0 auto;margin-top:20px;overflow:hidden;}
.products ul{width:100%;height:auto;overflow:hidden}
.products ul li{width:23%;height:auto;text-align:center;float:left;margin-left:1%;margin-right:1%;margin-bottom:1.5rem;border:1px #ececec solid;padding:8px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */transition:all 0.3s linear;overflow:hidden}
.products ul li:hover{border:1px #ff0000 solid;cursor:pointer}
.products .simpic{width:100%;height:auto;display:block;text-align:center;margin:0 auto;overflow:hidden}
.products .simpic img{width:100%;height:280px;display:block;transition:all 0.3s linear;overflow:hidden}
.products .simpic img:hover{transform:scale(1.1);}
.products ul li p{width:100%;height:2rem;line-height:2rem;text-align:center;display:block;margin:0 auto;overflow:hidden}
.products ul li span{width:50%;height:2rem;line-height:2rem;float:left;text-align:right;overflow:hidden}
.products ul li .fontprice{font-size:1.5rem;color:red;text-align:left;}
.products ul li .fontprice:before{content:"$";font-size:1rem;}

.solution{width:100%;height:auto;margin:0 auto;margin-top:20px;overflow:hidden;}
.solution ul{width:100%;height:auto;overflow:hidden}
.solution ul li{width:16.666%;height:auto;text-align:center;float:left;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */position:relative;transition:all 0.3s linear;overflow:hidden}
.solution ul li:hover{transform:scale(1.1);}
.solution ul li img{width:100%;height:auto;display:block;overflow:hidden}
.solution ul li span{background:rgba(255,255,255,0.5);width:80%;height:50px;line-height:50px;text-align:center;font-size:1.2rem;color:#ffffff;position:absolute;z-index:88;bottom:2rem;left:10%;overflow:hidden}

.homenews{width:94%;max-width:1600px;height:auto;margin:0 auto;margin-top:20px;overflow:hidden;}
.homenews #mainNews{width:50%;height:auto;float:left;overflow:hidden}
.homenews #mainNews #mainCon{width:85%;height:auto;float:left;overflow:hidden}
.homenews #mainNews #mainCon #mainPic{width:100%;height:auto;max-height:450px;overflow:hidden}
.homenews #mainNews #mainCon #mainPic img{width:100%;height:auto;display:block}
.homenews #mainNews #mainCon #mainPublish{background:url(../images/news_icon.png) left center no-repeat;width:100%;height:40px;line-height:40px;padding-left:30px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */overflow:hidden}
.homenews #mainNews #mainCon #mainNewsTitle{width:100%;height:50px;line-height:50px;font-size:24px;overflow:hidden}
.homenews #mainNews #mainCon #mainNewsTitle a{font-size:24px;}
.homenews #mainNews #mainCon #mainNewsContent{width:100%;height:auto;line-height:2rem;max-height:160px;overflow:hidden}
.homenews .commonNews{width:50%;height:auto;float:left;overflow:hidden}
.homenews .commonNews .conmonNewsCon{width:100%;height:auto;margin-bottom:40px;overflow:hidden}
.homenews .commonNews .conmonNewsCon .comNewsPic{width:35%;height:auto;max-height:208px;float:left;overflow:hidden}
.homenews .commonNews .conmonNewsCon .comNewsPic img{width:100%;height:auto;display:block}
.homenews .commonNews .conmonNewsCon .comNewsRight{width:60%;height:auto;max-height:208px;margin-left:5%;float:left;overflow:hidden}
.homenews .commonNews .conmonNewsCon .comNewsRight .comNewsPublish{background:url(../images/news_icon.png) left center no-repeat;width:100%;height:30px;line-height:30px;padding-left:30px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */overflow:hidden}
.homenews .commonNews .conmonNewsCon .comNewsRight .comNewsTitle{width:100%;height:50px;line-height:50px;font-size:24px;overflow:hidden}
.homenews .commonNews .conmonNewsCon .comNewsRight .comNewsTitle a{font-size:24px;}
.homenews .commonNews .conmonNewsCon .comNewsRight .comNewsContent{width:100%;height:auto;line-height:2rem;max-height:90px;overflow:hidden}


#indexbody #products{width:100%;max-width:1200px;height:auto;margin:0 auto;overflow:hidden;}
#indexbody #products #prodtitle{width:100%;height:50px;line-height:50px;border-bottom:1px #dcdcdc solid;font-size:18px;position:relative;overflow:hidden}
#indexbody #products #prodtitle a{font-size:18px;}
#indexbody #products #prodtitle span{width:50%;height:50px;line-height:50px;position:absolute;z-index:99;right:0;text-align:right;font-size:14px;}
#indexbody #products #prodtitle span a{font-size:14px;}
#indexbody #products #prodcon{width:100%;height:auto;margin-top:20px;overflow:hidden}
#indexbody #products #prodcon ul{width:100%;height:auto;overflow:hidden}
#indexbody #products #prodcon ul li{width:25%;height:auto;text-align:center;margin-bottom:1rem;float:left;overflow:hidden}
#indexbody #products #prodcon ul li img{width:90%;height:200px;border:1px #ececec solid;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */transition:all 0.3s linear;}
#indexbody #products #prodcon ul li img:hover{width:90%;height:200px;border:0;transform:scale(1.1);}
#indexbody #products #prodcon ul li a{width:90%;height:30px;line-height:30px;font-size:14px;margin:0 auto;display:block}


@media screen and (max-width:960px){
#indexbody{width:100%;height:auto;margin:0 auto;margin-bottom:4rem;overflow:hidden}

.sertitle{width:96%;max-width:960px;margin:2rem auto;overflow:hidden}
.sertitle .mainTitle{width:auto;font-size:1.5rem;font-weight:bold;line-height:2rem;height:2.5rem;text-align:center;display:block;margin:0 auto;overflow:hidden}
.sertitle .mainTitle a{width:auto;color:#222222;font-size:1.5rem;font-weight:bold;border-bottom:3px solid #fef0b3;line-height:3rem;text-align:center;display:inline;margin:0 auto;overflow:hidden}
.sertitle .secTitle{width:auto;font-size:1rem;text-align:center;margin:0 auto;margin-top:1rem;overflow:hidden}

.products ul li{width:48%;height:auto;text-align:center;float:left;margin-left:1%;margin-right:1%;margin-bottom:1.5rem;border:1px #ececec solid;padding:5px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */transition:all 0.3s linear;overflow:hidden}
.products ul li .simpic img{width:100%;height:46vw;max-height:46vw;display:block;transition:all 0.3s linear;}

.solution ul li{width:50%;height:auto;text-align:center;float:left;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */position:relative;transition:all 0.3s linear;overflow:hidden}
.solution ul li:hover{transform:scale(1.1);}

.homenews{width:96%;max-width:960px;height:auto;margin:0 auto;margin-top:20px;overflow:hidden;}
.homenews #mainNews{width:100%;height:auto;float:left;overflow:hidden}
.homenews #mainNews #mainCon{width:100%;height:auto;float:left;overflow:hidden}
.homenews #mainNews #mainCon #mainPic{width:100%;height:auto;max-height:450px;overflow:hidden}
.homenews #mainNews #mainCon #mainPic img{width:100%;height:auto;display:block}
.homenews #mainNews #mainCon #mainPublish{background:url(../images/news_icon.png) left center no-repeat;background-image:1rem auto;width:100%;height:40px;line-height:40px;padding-left:30px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */overflow:hidden}
.homenews #mainNews #mainCon #mainNewsTitle{width:100%;height:2.4rem;line-height:2.4rem;font-size:1.2rem;overflow:hidden}
.homenews #mainNews #mainCon #mainNewsTitle a{font-size:1.2rem;}
.homenews #mainNews #mainCon #mainNewsContent{width:100%;height:auto;line-height:1.8rem;max-height:7.2rem;overflow:hidden}
.homenews .commonNews{width:100%;height:auto;float:left;margin-top:1rem;overflow:hidden}
.homenews .commonNews .conmonNewsCon{width:100%;height:auto;margin-bottom:2rem;overflow:hidden}
.homenews .commonNews .conmonNewsCon .comNewsPic{width:25%;height:auto;max-height:7rem;float:left;overflow:hidden}
.homenews .commonNews .conmonNewsCon .comNewsPic img{width:100%;height:auto;display:block;margin-top:0.6rem;}
.homenews .commonNews .conmonNewsCon .comNewsRight{width:70%;height:auto;max-height:7rem;margin-left:5%;float:left;overflow:hidden}
.homenews .commonNews .conmonNewsCon .comNewsRight .comNewsPublish{background:url(../images/news_icon.png) left center no-repeat;background-image:1rem 1rem;width:100%;height:2rem;line-height:2rem;padding-left:1.5rem;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */overflow:hidden}
.homenews .commonNews .conmonNewsCon .comNewsRight .comNewsTitle{width:100%;height:2rem;line-height:2rem;font-size:1rem;overflow:hidden}
.homenews .commonNews .conmonNewsCon .comNewsRight .comNewsTitle a{font-size:1rem;}
.homenews .commonNews .conmonNewsCon .comNewsRight .comNewsContent{width:100%;height:auto;line-height:1.2rem;max-height:2.4rem;overflow:hidden}


#indexbody #products{width:94%;height:auto;margin:0 auto;overflow:hidden;}
#indexbody #products #prodtitle{width:100%;height:50px;line-height:50px;border-bottom:1px #dcdcdc solid;font-size:18px;overflow:hidden}
#indexbody #products #prodtitle span{display:none}
#indexbody #products #prodcon{width:100%;height:auto;margin-top:20px;overflow:hidden}
#indexbody #products #prodcon ul{width:100%;height:auto;overflow:hidden}
#indexbody #products #prodcon ul li{width:50%;height:auto;text-align:center;float:left;overflow:hidden}
#indexbody #products #prodcon ul li img{width:90%;height:150px;border:1px #ececec solid;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */}
#indexbody #products #prodcon ul li img:hover{width:90%;height:150px;border:1px #ececec solid;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box;transform:scale(1.0);}
#indexbody #products #prodcon ul li a{width:90%;height:30px;line-height:30px;font-size:12px;margin:0 auto;display:block}

}
/*主页Css结束*/