@charset "utf-8";
/*
* home
*/

.swiperBox{width:300px;margin:0 auto;position:relative;height:188px;padding:10px 0;}
.swiperBox.sub{height:auto;padding-top:2px;}
.mainSwiper,.mainSwiper .swiper-wrapper,.sideLi{width:300px;}
.sideLi .img,.sideLi img{width:300px;height:135px;}
.sideLi{position:relative;}
.sideLi span{width:100%;background-color:rgba(0,0,0,0.5);display:block;text-align:center;color:#fff;height:22px;line-height:22px;overflow:hidden;position:absolute;left:0;bottom:0;z-index:0;}
.sideLi a{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}
.sideLi a:hover{opacity:0.7}
.ctrlSwiper{height:34px;background:url(/images/dashedLine.gif) repeat-x 0 7px;width:88px;padding:0 88px;top:13px;z-index:1;}
.ctrlLi{width:78px;position:relative;cursor:pointer;}
.ctrlLi i{width:6px;height:6px;overflow:hidden;border-radius:5px;border:solid 2px #c1c1c1;display:block;margin-left:-5px;position:absolute;left:50%;top:2px;background-color:#fff;transition:border-color .3s;}
.ctrlLi span{padding-top:15px;display:block;width:100%;margin:0 auto;text-align:center;color:#828282;transition:color .3s;}
.ctrlLi.swiper-slide-active i{border-color:#458e02;transition:border-color .3s;}
.ctrlLi.swiper-slide-active span{color:#458e02;transition:color .3s;}
.swiperBox .arrow-left,.swiperBox .arrow-right{width:16px;height:16px;border-radius:8px;background-color:#ccc;display:block;position:absolute;top:156px;z-index:2;}
.swiperBox .arrow-left:active,.swiperBox .arrow-right:active{background-color:#458e02;}
.swiperBox .arrow-left{left:0;}
.swiperBox .arrow-right{right:0;}
.swiperBox .arrow-left i,.swiperBox .arrow-right i{width:5px;height:8px;position:absolute;left:50%;top:50%;margin-top:-4px;}
.swiperBox .arrow-left i{background-position:0 -34px;margin-left:-3px;}
.swiperBox .arrow-right i{background-position:-7px -34px;margin-left:-2px;}

/* notice */
.notice{width:266px;overflow:hidden;margin:0 auto;background-color:#fff;border:solid 1px #e1e1e1;border-radius:3px;height:28px;padding-left:32px;position:relative;}
.notice i{width:18px;height:20px;background:url(/images/img.png) no-repeat 0 -43px;left:8px;top:50%;margin-top:-10px;position:absolute;}
.notice ul{width:256px;margin:0 auto;}
.notice ul li{line-height:27px;width:256px;overflow:hidden;height:28px; padding-left:10px;}

/* sortItem */
.sortItem{width:300px;overflow:hidden;margin:0 auto;}
.sortItem dl{width:300px;height:99px;}
.sortItem dl dt,.sortItem dl dd{position:relative;height:99px;position:relative;}
.sortItem dl dt{width:72px;float:left;background-color:#ccc;}
.sortItem dl dt span{font:normal 20px/24px "Microsoft Yahei",SIMHEI;color:#fff;padding:5px;width:45px;display:block;text-align:left;}
.sortItem dl dt span.t3{width:60px;}
.sortItem dl dt  a{display:block;width:100%;height:100%;}
.sortItem dl dt b{width:18px;height:18px;border:solid 2px #fff;border-radius:11px;display:block;position:absolute;right:4px;bottom:4px;}
.sortItem dl dt b i{width:15px;height:7px;background-position:-26px -35px;position:absolute;left:50%;top:50%;margin-left:-7px;margin-top:-4px;}
.sortItem dl dd{width:223px;float:right;}
.sortItem dl dd b,.sortItem dl dd b img{width:222px;height:99px; transition:all 0.3s ease-out;}
.sortItem dl dd b img:hover{opacity:0.8;}
.sortItem dl dd span{height:24px;text-align:center;background-color:#7b7b7b;display:block;line-height:24px;overflow:hidden;}
.sortItem dl dd span a{color:#fff;}
.sortItem.otr dl dt,.sortItem.otr dl dt span{float:right;}
.sortItem.otr dl dd{float:left;}
.sortItem.otr dl dt span{text-align:right;}
.subLink{width:310px;padding-top:5px;}
.subLink a{border:solid 1px #e1e1e1;border-radius:3px;width:68px;display:inline;line-height:27px;text-align:center;font-size:12px;margin:6px 6px 0 0;background-color:#fff;float:left;}
.subLink a:active{background-color:#6db201;border-color:#416a00;color:#fff;}
.subLink.otr a{width:94px;}
.subLink a.ot3{width:94px;}
.subLink a.ot2{width:144px;}
.subLink a.ot1{width:298px;}
.subLink a.ot4{width:68px;}


.subList{position:relative; padding:10px 0px;}
.subList ul li{color:#505050;}
.subList a.more{width:38px; height:14px; text-align:center; line-height:14px; font-size:8px; display:inline-block; position:absolute; bottom:20px; right:10px;}

/* pink */
.pink .sortItem dl dt{background-color:#ff8ea7;}
.pink .sortItem dl dt span{color:#fff;}
.pink .sortItem dl dt b i{background-position:-26px -35px;}
.pink .subList a.more{background-color:#fdcfcc; color:#ff8ea7;}

/* green */
.green .sortItem dl dt{background-color:#baf2d8;}
.green .sortItem dl dt span{color:#02845e;}
.green .sortItem dl dt b i{background-position:-77px -35px;}

/* purple */
.purple .sortItem dl dt{background-color:#e2ddfb;}
.purple .sortItem dl dt span{color:#8945d0;}
.purple .sortItem dl dt b i{background-position:-60px -35px;}

/* orange */
.orange .sortItem dl dt{background-color:#fee0a6;}
.orange .sortItem dl dt span{color:#ff8a00;}
.orange .sortItem dl dt b i{background-position:-94px -35px;}

/* green2 */
.green2 .sortItem dl dt{background-color:#d7f3ac;}
.green2 .sortItem dl dt span{color:#518402;}
.green2 .sortItem dl dt b i{background-position:-111px -35px;}

/* blue */
.blue .sortItem dl dt{background-color:#48b6f1;}
.blue .sortItem dl dt span{color:#fff;}
.blue .sortItem dl dt b i{background-position:-26px -35px;}
.blue .subList a.more{background-color:#e2eff6; color:#0066ae;}

/* brown */
.brown .sortItem dl dt{background-color:#0770ca;}
.brown .sortItem dl dt span{color:#fff;}
.brown .sortItem dl dt b i{background-position:-26px -35px;}
.brown .subList a.more{background-color:#d7e2e9; color:#296fb9;}

/* crimson */
.crimson .sortItem dl dt{background-color:#bf8a5d; transition:all 0.3s ease-in-out;}
.crimson .sortItem dl dt:hover{background-color:#DDA15F;}
.crimson .sortItem dl dt span{color:#fff;}
.crimson .sortItem dl dt b i{background-position:-26px -35px;}
.crimson .subList a.more{background-color:#eccfbd; color:#9a5d4b; padding:1px 2px; border-radius:1px;}
.crimson .subList a.more:hover{background-color:#DDA15F;}

/* pink2 */
.pink2 .sortItem dl dt{background-color:#f3d6fc;}
.pink2 .sortItem dl dt span{color:#e13db1;}
.pink2 .sortItem dl dt b i{background-position:-75px -55px;}

/* subItem */
.subItem{width:300px;overflow:hidden;margin:0 auto;height:63px;}
.subItem dl{padding-left:60px;position:relative;}
.subItem dl dt{width:60px;height:63px;position:absolute;left:0;top:0;}
.subItem dl dt a{border:solid 1px #e1e1e1;border-radius:3px;display:block;padding:10px;width:38px;height:41px;font-size:14px;text-align:center;color:#448806;font-weight:bold;line-height:21px;background-color:#fff;}
.subItem dl dt a i{display:block;line-height:10px;font-weight:bold;font-size:14px;}
.subItem dl dt a.otr{padding:3px 10px;height:55px;font-size:14px;line-height:22px;}
.subItem dl dd{width:250px;}
.subItem dl dd a{border:solid 1px #e1e1e1;border-radius:3px;width:70px;display:inline;line-height:27px;text-align:center;font-size:12px;margin:0 0 5px 8px;background-color:#fff;float:left;}
.subItem dl dd a.long{width:110px;}
.subItem dl dt a:active,.subItem dl dd a:active{background-color:#6db201;border-color:#416a00;color:#fff;}

.itemTit{line-height:28px;height:28px;position:relative;}
.itemTit h2{font-size:14px;color:#5aa218;}
.itemTit a.more{width:27px;height:20px;background-position:-26px -42px;position:absolute;right:0;top:50%;margin-top:-10px;z-index:1;}

/* zjBox */
.zjBox .itemTit{border-bottom:solid 1px #5aa218;}
.zjBox{width:300px;margin:0 auto;height:336px;}
.zjBox dl{height:131px;padding-left:120px;position:relative;margin:15px 5px;}
.zjBox dl dt,.zjBox dl dt img{width:106px;height:127px;}
.zjBox dl dt{border:solid 2px #fff;position:absolute;left:0;top:0;}
.zjBox dl dd h3{font-size:14px;line-height:20px;}
.zjBox dl dd h3 span{padding-left:10px;font-size:12px;font-weight:normal;}
.zjBox dl dd p{line-height:20px;padding-top:5px;}
.zjBox .askBox{position:absolute;bottom:0;}
.zjBox .askBox a{font-size:12px;border:solid 1px #e1e1e1;border-radius:3px;width:71px;height:27px;display:inline-block;background-color:#fff;line-height:27px;text-align:center;margin-right:10px;}

/* article */
.article{background-color:#fff;padding:20px 0;}
.article h1{font-size:16px;text-align:center;}
.articleInfo{text-align:center;line-height:30px;}
.articleInfo span{margin:0 10px;}
article{font-size:12px;line-height:22px;}
article p{padding:6px 0;}
article p[style*="text-align:center"]{text-indent:0;}
article img{padding:4px;border:solid 1px #d7d7d7;max-width:260px !important;height:auto !important;background-color:#fff;border-radius:3px;overflow:hidden;}
article iframe{width: 320px !important; height: 259px !important;}

/* artRecom */
.artRecom{width:300px;margin:0 auto;}
.artRecom dl{height:65px;padding-left:90px;position:relative;margin:15px 0;}
.artRecom dl dt,.artRecom dl dt img{width:83px;height:41px;}
.artRecom dl dt{position:absolute;left:0;top:0;}
.artRecom dl dd h3{font-size:12px;line-height:20px;}
.artRecom dl dd p{line-height:20px;padding-top:5px;}



/* proList */
.proList{padding:15px 0 15px 15px;position:relative;border-bottom:solid 1px #dcdcdc;}
.proList.last{border-bottom:none;}
.proList i{width:6px;height:11px;background-position:-132px -44px;position:absolute;left:0;top:20px;}
.proList h3{line-height:20px;height:20px;font-size:12px;}
.proList p{line-height:22px;}

/* zjRecomBox */
.zjRecomBox{padding:15px 0;}
.zjRecomBox dl{width:110px;float:left;margin:0 20px;overflow:hidden;}
.zjRecomBox dl dt,.zjRecomBox dl dt img{wodth:106px;height:127px;}
.zjRecomBox dl dt{border:solid 2px #fff;}
.zjRecomBox dd h3{font-size:12px;font-weight:normal;line-height:30px; white-space:nowrap;}
.zjRecomBox dd h3 a{font-size:14px;margin-right:10px;}
.zjRecomBox dd .zjAskBox{width:130px;display:block;}
.zjRecomBox dd .zjAskBox a{width:48px;height:27px;border:solid 1px #e1e1e1;border-radius:3px;background-color:#fff;text-align:center;display:inline-block;line-height:27px;font-size:12px;margin-right:10px;}
.zjRecomBox dd .zjAskBox a:active{background-color:#6db201;border-color:#416a00;color:#fff;}

/* zjListBox */
.zjType{height:24px;background-color:#fff;padding:15px 0;}
.zjType dl{width:120px;position:relative;margin:0 auto;padding-left:70px;height:24px;}
.zjType dl dt{line-height:24px;position:absolute;left:0;top:0;height:24px;width:70px;display:block;}
.zjType dl dd select{height:24px;padding:1px;width:120px;border:solid 1px #fff;border-color:#cfcfcf #e7e7e7 #e7e7e7 #cfcfcf;font-size:12px;line-height:25px;color:#3a3a3a;border-radius:2px;transition:border-color .3s,box-shadow .3s;}
.zjType dl dd select:focus{border:solid 1px #416a00;box-shadow:0 0 3px #390;transition:border-color .3s,box-shadow .3s;}
.zjListBox{overflow:hidden;padding:15px 0;}
.zjLi a{width:134px;height:34px;border:solid 1px #e1e1e1;border-radius:3px;background-color:#fff;display:inline-block;line-height:34px;font-size:12px;padding-left:10px;font-weight:bold;font-size:14px;color:#4b8f01;margin:0 8px 8px 0;float:left;overflow:hidden;white-space:nowrap;}
.zjLi a span{font-weight:normal;font-size:12px;color:#797979;padding-left:8px;}
.zjLi a:active span{color:#fff;}
.zjList .tips{width:206px;height:27px;line-height:27px;background-color:#92c700;border:solid 1px #e1e1e1;border-radius:3px;color:#fff;font-size:12px;text-align:center;overflow:hidden;margin:0 auto;display:block;padding:0;float:none;font-weight:bold;}
.zjLi a:active,.zjList .tips:active{background-color:#6db201;border-color:#416a00;color:#fff;}
.tipsBox{padding-top:7px;}

/* caseBox */
.caseBox{padding:15px 0;}
.caseBox ul li{line-height:24px;hieght:24px;width:285px;}

/* artiListBox */
.artiListBox{padding:15px 0;}
.artiListBox ul li:first-child{border-top:none;}
.artiListBox ul li:last-child{border-bottom:none;}
.artiListBox ul li{height:30px;line-height:30px;border-bottom:solid 1px #eee;border-top:solid 1px #fff;}

/* zjDetail */
.zjDetail{}
.zjArtTit{line-height:30px;text-align:center;}
.zjDetail article{padding:20px 10px;}
.zjAvatar{margin:0 auto;width:137px;}
.zjAvatar img{width:131px;height:157px;border:none;}
@media screen and (min-width:360px){
	.notice{ width:306px;}
	.subLink{ width:350px;}
	.sideLi .img, .sideLi img{ width:340px; height:153px;}
	.subLink.otr a{ width:107px;}	
	.sortItem,.sortItem dl{ width:340px;}
	.sortItem dl,.sortItem dl dt, .sortItem dl dd{ height:105px;}
	.sortItem dl dt{ width:90px;}
	.sortItem dl dd,.sortItem dl dd b, .sortItem dl dd b img{ width:235px; height:105px;}
}