﻿/*广告图*/
.ind_gg { width:7.2rem; height:3.25rem; margin-top:0.84rem; position:relative; overflow:hidden;}

.pro_gg { width:7.2rem; height:7.2rem;position:relative; overflow:hidden; background:#FFF; margin-top:0.84rem}
.swiper-container {height:100%; width:100%; text-align:center; margin:0 auto; position:relative; overflow:hidden;z-index:5;background:#F8F8F8;}
.swiper-wrapper {position: relative; z-index:10;}
.swiper-slide { position:relative; text-align:center; float:left;}
.swiper-slide a{ position:relative; width:100%;height:100%;display:block; overflow:hidden;}
.swiper-slide img{
	height:375;
	vertical-align:middle;
	position:relative;
	width: 375;
}
/*.swiper-slide img{width:100%;height:auto;vertical-align:middle;position:relative;}*/
.pagination{ position:absolute; height:.3rem;bottom:.2rem;left:50%; margin-left:-.3rem; z-index:100;}
.pagination .swiper-pagination-switch{ display:inline-block; height:.15rem; width:.15rem;border-radius:50%;margin-right:.3em; background:rgba(255,255,255,.7);}
.pagination .swiper-active-switch{background:#fe342a;}


.collectionsBox{ width:7.2rem;}
	/* 本例子css -------------------------------------- */
	.collectionsBox .slideBox{ position:relative; width:100%; height:100%; overflow:hidden;}
	.collectionsBox .slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:5px; right:10px; z-index:1;}
	.collectionsBox .slideBox .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#FFF; opacity:0.5; text-indent:-9999px; overflow:hidden; margin:0 3px;   }
	.collectionsBox .slideBox .hd li.on{ background:#fff; opacity:1;}
	.collectionsBox .slideBox .bd{  width:100%; position:relative; z-index:0; }
	.collectionsBox .slideBox .bd li{ position:relative;  }
	.collectionsBox .slideBox .bd li img{ width:100%; height:auto; display:block;}
	.collectionsBox .slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
	.collectionsBox .slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;   }

.nei_search{ width:3.2rem;  background:#fff; border:2px solid #ddd ; border-radius:0.2rem;    height:0.6rem;margin-left:0.1rem; margin-top:0.1rem; float:left}
.nei_sou_inp { width:2rem; height:0.6rem; line-height:0.6rem; border:0; background:none; text-indent:10px;float: left; font-size:14px}
.nei_sou_go{background:url(../images/nei_sou.jpg) #cb172b center; border:0;border-radius:0 0.15rem 0.15rem 0;  width:0.52rem; height:0.52rem; background-size:cover; float:right}


.ab_con{ width:6.8rem; margin-left:0.2rem; padding-top:1rem;}
.ab_con h2{ text-align:center; font-size:26px; font-weight:bold; color:#c9182c}
.ab_con img{ max-width:100%;}

/*广告图*/
.ind_tit { width:4.7rem; height:.4rem; border-bottom:1px solid #c9c9c9; margin:auto; margin-bottom:.4rem; position:relative;}
.ind_tit h3 { display:block; width:1.8rem; height:.46rem; background:#eeeeee; text-align:center; line-height:.46rem; font-size:.32rem; color:#333333; position:absolute; left:50%; margin-left:-.9rem;bottom:-.23rem;}
.ind_list { width:7.2rem;}
.ind_list li { float:left; width:3.3rem; height:4.6rem; background:#FFF; border:1px solid #dcdcdc; margin-left:.2rem; margin-bottom:.2rem; overflow:hidden;}
.ind_list li a img { display:block; width:3rem; height:3rem; margin:auto; margin-top:.11rem;}
.ind_list li a span { display:block; width:3rem; font-size:.26rem; line-height:.36rem; color:#333333; margin:auto; padding-top:.15rem; overflow:hidden;}
.ind_list li a samp { display:block; width:3rem; font-size:.2rem; color:#fe342a; margin:auto; padding-top:.15rem;}



.ind_pro{ width:6.4rem; height:19.1rem; position:relative; top:0.1rem; left:0.4rem; background:#FFF;box-shadow: 0 0 10px #999; border-radius:15px; z-index:300}
/*.ind_pro{ width:6.4rem; height:11.5rem; position:absolute; top:4.2rem; left:0.4rem; background:#FFF;box-shadow: 0 0 10px #999; border-radius:15px; z-index:300}*/

.ind_pro_1{ width:5.8rem; height:3.7rem; margin-left:0.3rem; margin-top:0.3rem;background:#FFF;box-shadow: 0 0 10px #999; border-radius:10px; z-index:600}
.ind_pro_1 img{ width:5.8rem; height:3rem; border-radius:10px 10px 0 0;}
.ind_pro_1 span { display:block; text-align:center; color:#FFF; width:5.8rem; height:0.7rem; line-height:0.8rem;font-size:14px; background:#c9182c;border-radius:0px 0px 10px 10px; text-transform:uppercase}

.ind_pro_2{ float:left; width:2.7rem; height:3.2rem; margin-left:0.3rem; margin-top:0.5rem;background:#FFF;box-shadow: 0 0 10px #999; border-radius:10px; z-index:600}
.ind_pro_2 img{ width:2.7rem; height:2.7rem; border-radius:10px 10px 0 0;}
.ind_pro_2 span { display:block; text-align:center; color:#FFF; width:2.7rem; height:0.8rem; line-height:0.8rem; font-size:14px; background:#004fae;border-radius:0px 0px 10px 10px;text-transform:uppercase}


.ind_pro_3{ float:left; width:2.7rem; height:3.4rem; margin-left:0.3rem; margin-top:0.3rem;background:#FFF;}
.ind_pro_3 img{ width:2.7rem; margin-top:20px;}
.ind_pro_3 span {display:block;  text-align:center; color:#FFF; width:2.7rem; height:0.7rem; line-height:0.7rem;font-size:14px; background:#c9182c;border-radius:0px 0px 10px 10px;text-transform:uppercase}

.pro_tit{ background:#fff; text-align:center; padding-bottom:0.5rem;}
.pro_tit h3{ font-size:20px; color:#48230d}

.pro_tit span{ font-size:16px; color:#c9182c}


.product_b{ background:#f8f8f8; border-bottom:1px solid #ddd; padding-bottom:15px; padding-left:10px; padding-right:10px; font-size:14px; line-height:1.5em;}
.product_b h2{ font-size:28px; color:#c9182c; line-height:1.4rem;}
.product_b img{ max-width:100%}

.product_c{ background:#fff; border-bottom:1px solid #ddd; padding-bottom:15px; padding-left:10px; padding-right:10px; font-size:14px; line-height:1.5em;}
.product_c h2{ font-size:28px; color:#c9182c; line-height:1.4rem;}
.product_c img{ max-width:100%}

.pro_al{ height:0.75rem; background:#e0e0e0;}
.pro_al_left{ float:left; height:0.75rem;}
.pro_al_left img{ height:0.75rem;}
.pro_al_cen{ float:left; height:0.75rem; line-height:0.8rem; font-size:10px; padding-left:10px;}
.pro_al_right{ float:right; height:0.75rem;}
.pro_al_right img{ height:0.75rem;}

.label{ line-height:1rem;}
.input-text{ width:80%; height:0.6rem; line-height:0.6rem;}
.input-textarea{ width:80%; height:3rem; line-height:0.6rem;}
.action{ width:20%; height:0.6rem;; background:#c9182c; border:0; margin-top:20px; margin-bottom:50px; color:#FFF}

.products_con { margin-top:1.2rem;}
.products_con li{ width:96%; margin:2%;box-shadow: 0 0 10px #999;}
.products_con li img{ width:100%}


@media screen and (min-width:320px) {
.pro_al{ height:0.70rem; background:#e0e0e0;}
.pro_al_left{ float:left; height:0.70rem;}
.pro_al_left img{ height:0.70rem;}
.pro_al_cen{ float:left; height:0.70rem; line-height:0.70rem; font-size:10px; padding-left:5px;}
.pro_al_right{ float:right; height:0.70rem;}
.pro_al_right img{ height:0.70rem;}

}
