@charset "utf-8";
/* CSS Document */
.index_title{margin:auto; margin-top:50px;width:90%; height:auto; overflow:hidden;}
.tt{padding:10px;font-size:28px;position: relative;text-align: center; font-weight: bold;}
.tt span{color:#000;}
.tl{ margin:auto; width:100px;height:1px;background: #ededed;}
.tc{ margin-top: 15px; text-align: center; color: #666;}

.swiper0{ display: block;}
.swiper1{ display: none;}

.index_more{margin:auto;margin-top:50px;width:100%;height:auto;overflow:hidden; text-align:center;}
.index_more a{ display:inline-block; padding: 8px 15px 8px 15px; background:#0091dc;color:#fff;text-align:center; cursor:pointer; border-radius:5px;}
.index_more a:hover{ background:#fa0000;}


.index_about_box{padding:50px 0px 50px 0px;background:#f3f6f9; height:auto; overflow:hidden;}
.index_about{margin:auto;margin-top:50px;width:90%; height:auto; overflow:hidden;}
.aleft{display:block; float:left;width:50%;}
.aleft h1{font-size:16px;}
.aleft p{line-height:35px;}
.aleft .alist{margin-top:30px;padding:10px 0px 10px 0px;}
.aleft .alist li{ line-height:50px; font-size:14px;}
.aleft .alist li i{color:#333; font-size:20px; width:30px;}
.aleft .link{ display:block; margin:auto;margin-top:50px;padding:10px; width:200px; font-size:16px;color: #fff;background-color: #00aadc; border-radius:5px; text-align:center;}

.aright{ display:block; float:left;width:50%;}
.aright ul{ padding:20px; text-align:center;}
.aright img{ width:100%;}
.aright .aright_link{ display:block; margin:auto;margin-top:50px;padding:10px; width:350px; font-size:16px;color: #fff;background-color: #00aadc; border-radius:5px; text-align:center;}

.index_pic_box{padding:0px 0px 50px 0px;background:#fff; height:auto; overflow:hidden;}
.index_pic{margin:auto; margin-top:20px;width:1200px; height:auto; overflow:hidden;}
.pbox{display:block;float:left;width:33.3%;text-align:center;}
.pbox .pshow{margin:10px; background:#FFF;height:420px;border-radius:10px;}
.pbox .ppic{height: auto;overflow:hidden;}
.pbox .ppic img{ width:100%;}
.pbox .ppic img:hover{width:110%;margin-left:-5%;}
.pbox .pcontent{margin:20px;text-align: center; line-height:25px;}
.pbox .pcontent span{ display:block; font-size:16px; color:#00aadc;}

.index_content{ margin:auto;margin-top:50px;width:1200px; height:auto; overflow:hidden;}
.index_content li{ display: list-item;list-style-position:outside;padding:10px 0px 10px 0px;margin-left:20px;list-style: disc;font-size:17px; color:#999;}

.product_class{margin:auto;margin-top: 50px; width:90%;height:auto;overflow:hidden; text-align: center;}
.product_class li{ display: inline-block; margin: 10px;padding: 5px 15px 5px 15px;text-align:center; cursor:pointer; border-radius:5px;}
/* .product_class li:hover{background:#e61878;color:#fff;} */
.product_class .on{background:#0091dc;color:#fff;}

.product_list{margin:auto; margin-top: 30px; width:90%;height:auto;overflow:hidden;}
.product_list ul{display:block;float:left; margin:1%; width:13.6666%;padding:0.5%;box-shadow:0 0 20px #fff;background: #fff;height:auto;overflow:hidden;}
.product_list ul:hover{box-shadow:0 0 20px #ccc; border-radius: 10px;}
.product_list .p_pic{padding-bottom:50%;padding-top:50%;height:0; overflow: hidden; display: flex; justify-content: center; align-items: center; background: #f6f6f6; border-radius: 3px;}
.product_list .p_pic img{width:100%;}
.product_list .p_pic img:hover{width:110%; margin-top:-5%;margin-left:-5%;}
.product_list .p_info{margin-top:10px;overflow:hidden; text-align:center;}
.product_list .p_infos {margin-top:0px;height:auto;overflow:hidden; text-align:center; color: #999; font-size: 12px;}
.product_list .p_infos span{color:#000; font-size:16px;}
.product_list .p_infos s{color:#999;}
.product_list .p_more{ margin-top: -25px; margin-left: 10px;color:#fa0000;}
.product_list ul:hover .p_more{ width: 20px; color:#00aadc;transform:rotate(90deg);}


/* .index_product_box{padding:0px 0px 50px 0px;background:url(../images/pbg.jpg) no-repeat; background-size: cover; height:auto; overflow:hidden;} */
.index_product_box{padding:0px 0px 50px 0px;background:#f6f6f6; height:auto; overflow:hidden;} 
.index_product{margin:auto;margin-top:30px;width:90%; height:auto;overflow:hidden;}
.prroll{margin:auto;width:100%;height:auto;overflow:hidden;}
.prroll ul{display:block;float:left;margin-top:20px;margin-bottom:20px;width:90%;padding:5%;height:auto;overflow:hidden;}
.prroll ul:hover{width:96%;padding:2%;box-shadow:0 0 20px #ccc; background: #fff; border-radius: 10px;}
.prroll .p_pic{padding-bottom:50%;padding-top:50%;height:0; overflow: hidden; display: flex; justify-content: center; align-items: center; background: #f6f6f6; border-radius: 3px;}
.prroll .p_pic img{width: 100%;}
/* .prroll .p_pic a img:hover{width:110%; margin-top:-5%;margin-left:-5%;} 
.prroll .p_pic i{position:absolute; margin-left:-36px;width:36px;height:40px;background:url(../images/s.gif); color:#FFF; font-size:16px; text-align:left; text-indent:5px;}*/
.prroll .p_info{margin:5px;height:30px;line-height:15px;overflow:hidden; text-align:center;}
.prroll .p_infos {margin-top:0px;height:auto;overflow:hidden; text-align:center;color: #999; font-size: 12px;}
.prroll .p_infos span{color:#000; font-size:16px;}
.prroll .p_infos s{color:#999;}
.prroll .p_cart{display:none;}

.index_news{margin:auto; margin-top:30px;padding-bottom:80px;width:100%;height:auto;overflow:hidden; background:#fff;}
.news_list{ margin:auto;margin-top:50px; width:1200px; height:auto; overflow:hidden;}
.news_list ul{ display:block; float:left; width:50%;}
.news_list .nd{font-weight:bolder; font-size:14px;}
.news_list .nd i{width:30px;}
.news_list .nt{padding-left:30px;padding-right:10px;font-size:16px; height:50px; line-height:50px;overflow:hidden;}
.news_list .nt a{font-size:16px;color:#00aadc;}
.news_list .nc{padding-left:30px;padding-right:10px;line-height:28px;}

@media screen and (max-width: 700px) {
.tt{ font-size: 16px;}
.swiper0{ display: none;}
.swiper1{ display: block;}

.index_about_box{ margin-top:0px;padding:0px;}
.index_about{ width:95%; margin-top:30px;}
.aleft{float:none;width:100%;}
.aleft h1{font-size:14px;}
.aleft p{ margin-top:20px;font-size:14px; line-height:25px;}
.aleft .alist{ margin-top:10px;}
.aleft .alist li{ line-height:30px; font-size:12px;}
.aright{float:none;width:100%; margin-top:20px;}
.aright .aright_link{ font-size:12px; width:90%;}

.index_pic_box{  margin-top:20px;padding:0px;}
.index_pic{ width:100%;margin-top:30px;}
.pbox{width:100%; }
.pbox .pshow{margin:10px; background:#FFF;height:auto; padding:10px;border-radius:10px;}
.pbox .pline{margin:0px 10px 0px 10px;height:0px; }
.pbox .ppic li i{display:inline-block;padding:2px;width:30px; height:30px; line-height:30px;border-radius:50%;color:#00aadc; border:#00aadc 1px solid; font-size:30px; text-align:center;}
.pbox .pcontent{margin:10px;font-size:12px; line-height:20px;}

.index_content{ margin-top:30px;width:98%;}
.index_content li{font-size:14px;}

.index_product{width:100%;}
.prroll .p_pic{background:none;}

.product_list{ width: 100%;}
.product_list ul{width:46%; padding:2%; margin: 0px; border-bottom:#f2f2f2 20px solid;box-shadow:none;}
.product_list ul:hover{box-shadow:none; border-radius: 0px;}
.product_list .p_cart{margin:10px 10px 0px 10px; background:#000; height:35px; line-height:35px;color:#FFF; text-align:center; z-index:9999; display:block;}
.product_list .p_cart a{color:#FFF; font-size:12px;}

.news_list{margin-top:30px; padding-bottom:0px;width:98%;}
.news_list ul{ margin-top:20px;float:none;width:100%;}
.news_list .nt a{ font-size:14px;}
}