@charset "utf-8";
/* CSS Document */
.index_title{margin:auto; margin-top:50px;width:95%; 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: #000;}
.tc{ margin-top: 15px; text-align: center; color: #666;}
.tc h1{ font-weight: normal; font-size: 13px;}

.tts{padding:10px;font-size:28px;position: relative;text-align: center; font-weight: bold;color:#fff;}
.tts span{color:#fff;}
.tcs{ margin-top: 15px; text-align: center; color: #fff;}
.tcs h1{ font-weight: normal; font-size: 13px;}

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

.index_about_box{ background: url(../images/index_about_bgs.png) #f6f6f6 center bottom;height:800px; overflow:hidden;}
.about_show{ margin: auto; margin-top: 100px; max-width: 1200px;   display: flex;}
.about_show .ab_left{ flex:1;  }
.about_show .ab_right{ flex:1;}
.about_title{}
.about_title .at{font-size:28px;font-weight: bold; color: #000;}
.about_title .al{margin-top: 20px;width:100px;height:1px;background: #000;}
.about_title .ac{margin-top: 20px;  color: #999;}
.about_title .ac h1{ font-weight: normal; font-size: 14px;}
.about_content{ margin-top: 50px; line-height: 2rem;}


.index_banner{ padding: 30px 0px 30px 0px;margin: auto; width: 95%; height: auto; }
.index_banner img{ width: 100%; border-radius: 5px;}

.index_pic_box{padding:0px 0px 50px 0px; background:#fff; background-size: cover;  height:auto; overflow:hidden;}

.index_content{margin: auto; margin-top: 30px; width: 95%; height: auto; display: flex;align-items: center; }
.product_pic{ width: 300px;margin-right: 50px;}
.product_pic img{ max-width: 100%; border-radius: 3px;}

.product_list{flex:1;}
.product_list{margin:auto; margin-top: 30px;height:auto;overflow:hidden;}
.product_list ul{display:block;float:left; margin:0.5%; width:23%;padding:0.5%;box-shadow:0 0 20px #fff;background: #fff;height:auto;overflow:hidden;border-radius: 10px;}
.product_list ul:hover{box-shadow:0 0 20px #ccc; }
.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; height: 30px; 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_content_right{ height: auto;}
.index_content_right .product_pic{ text-align: right;margin-right: 0px;margin-left: 50px;}
.index_content_right .product_list{order: -1; }

.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:#007cc3;color:#fff;text-align:center; cursor:pointer; border-radius:5px;}
.index_more a:hover{ background:#ff0000;}


.index_product_box{padding:0px 0px 50px 0px;background:#f6f6f6; height:auto; overflow:hidden;} 
.index_product{margin:auto;margin-top:30px;width:95%; 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:10px;height:25px;line-height:25px;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_class{margin:auto; margin-top: 30px;width:95%; height:auto;overflow:hidden;}
.index_class ul{display:block;float:left; margin:0.5%; width:14.66666%;padding:0.5%;box-shadow:0 0 20px #fff;background: #fff;height:auto;overflow:hidden;border-radius: 10px;}
.index_class ul:hover{box-shadow:0 0 20px #ccc; }
.index_class .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;}
.index_class .p_pic img{width:100%;}
.index_class .p_pic img:hover{width:110%; margin-top:-5%;margin-left:-5%;}
.index_class .p_info{margin-top:10px; height: 30px; overflow:hidden; text-align:center;}
.index_class .p_more{ margin-top: -25px; margin-left: 10px;color:#fa0000;}
.index_class ul:hover .p_more{ width: 20px; color:#00aadc;transform:rotate(90deg);}

.index_clear{ height: 50px; background: #fff;}

.index_contents{ height: auto;}
.index_contents img{ max-width: 100%;}

.index_serve_box{ padding-bottom: 30px; background: url(../images/index_serve_bg.jpg) #f6f6f6; background-size: cover; height:auto; overflow:hidden;}
.index_serve{margin:auto; margin-top: 30px;width:95%; height:auto;overflow:hidden;display: flex;flex-wrap: wrap;}
.serve_show{flex:1; margin: 30px;background: #fff; border-radius: 10px;}
.serve_show .se_pic{ margin-top: 30px; text-align: center; text-align: center;}
.serve_show .se_pic img{width: 50px;}
/* .serve_show .se_pic img:hover {border: #f6f6f6 5px solid;} */
.serve_show .se_title{ margin-top: 20px; text-align: center; font-weight: bold;font-size: 16px;}
.serve_show .se_line{margin: auto; margin-top: 30px;  width: 100px; height: 1px; background: #ccc;}
.serve_show .se_content{ padding: 30px; color: #666;line-height: 2rem; text-align: center;}

.index_case_box{ padding: 100px 0px 100px 0px; background: url(../images/index_about_bg.png) #f6f6f6; background-size: cover; height:auto; overflow:hidden;}
.index_case{margin:auto; margin-top: 30px;width:95%; height:auto;overflow:hidden;}
.case_show{display: flex;flex-wrap: wrap;}
.index_case li{flex:1; margin: 30px;padding: 30px;  background: #fff; border-radius: 10px; text-align: center;border: #ededed 1px solid;}


/* .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: 750px) {
.tt{ font-size: 16px;}
/* .swiper0{ display: none;}
.swiper1{ display: block;} */

.product_pic{ width: 100px;margin-right: 10px;}
.index_content_right .product_pic{margin-left: 10px;}
.product_list ul{width:48%;}

.product_list ul:hover{box-shadow:none; }
.product_list .p_pic img:hover{width:100%; margin-top:0%;margin-left:0%;}

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

.index_class ul{width:48%;}

.serve_show{flex:auto; width: 50%;}

.index_about_box{ background: url(../images/index_about_bgs.png) #f6f6f6 ; background-size: cover; height:auto; overflow:hidden;}
.about_show{ padding: 10px;margin-top: 50px; margin-bottom: 50px; }
.about_show .ab_left{ flex:1; }
.about_show .ab_right{ flex:0;}
.about_title .at{font-size:20px;font-weight: bold;}
.about_title .ac{margin-top: 20px;  color: #666;}
.about_title .ac h1{ font-weight: normal; font-size: 16px;}
.about_content{ color: #666;}

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