@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,.sideLi .img,.sideLi img{width:300px;height:134px;}
.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;}
.ctrlSwiper{height:34px;background:url(/images/kouqiang/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 10px;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/kouqiang/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:226px;float:right;}
.sortItem dl dd b,.sortItem dl dd b img{width:222px;height:99px;}
.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:#9A5D4B;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 li{color:#505050; background:url(/images/tijian/point.gif) no-repeat left; padding-left:7px;border-bottom:1px dashed #d8d8d8; line-height:28px;}
.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;}



/* 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;}

@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;}
}