@charset "utf-8";
/* 当前所在位置 */
.position{ position: absolute; bottom: 0; left: 50%; margin-left: -50%; width: 100%; color: #fff;}
.position .container{ background: rgba(0, 0, 0, 0.5); height: 50px; line-height: 50px;}
.position a{ display: inline-block; color: #fff; padding: 0 5px;}
.position span{ display: inline-block; padding-left: 40px; background: url(../images/p.png) no-repeat 15px 18px;}
.position a:hover{ text-decoration: underline;}

/* 内页框架 */
.nybox .container{ position: relative; }
.nybox .sidebar{ width: 240px; height: auto; overflow: hidden; position: absolute; z-index: 99}
.nybox .box{padding-left: 300px; width: 100%; box-sizing: border-box; position: relative;}

/*内页侧边栏*/
.side_tit{padding: 20px;}
.side_tit h3{ position: relative; padding-left: 15px; color: #fff; font-size: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.side_tit h3::after{ content: ""; display: block; width: 5px; height: 24px; position: absolute; left: 0; top: 6px; background: #fff;}
.side_tit p{ color: #fff; font-size: 12px; opacity: 0.5;}
.side_nav{ margin-bottom: 20px; border: 1px solid #ddd; border-top: 0;}
.side_nav h3{ position: relative; line-height: 50px; width: 100%; box-sizing: border-box; padding: 0 10px; border-bottom: 1px solid #ddd;}
.side_nav h3 a{ display: inline-block; width: 100%;}
.side_nav h3 span{ display: block; text-align: center; font-weight: normal; width: 50px; height: 50px; cursor: pointer; border-left: 1px solid #ddd; position: absolute; right: 0; top: 0;}
.side_nav h3 span::before{ content: "+";}
.side_nav h3 .add::before{ content: "-";}
.side_nav h3 a:hover{ color: #da0000;}
.side_nav ul{ width: 100%; height: 0; overflow: hidden;}
.side_nav ul.on{ height: auto;}
.side_nav ul.on li:last-child{ border-bottom: 1px solid #ddd; padding-bottom: 15px;}
.side_nav ul.on li:first-child{margin-top: 15px;}
.side_nav ul li{ line-height: 30px; box-sizing: border-box; padding-left: 35px; background: url(../images/dot.png) no-repeat 20px 15px;}
.side_nav ul li a{ display: inline-block; width: 100%; font-size: 15px; color: #666;}
.side_nav ul li:hover a{ color: #da0000;}
.side_txt h3{ line-height: 50px; color: #fff; text-align: center;}
.side_txt p{ border: 1px solid #ddd; line-height: 24px; padding: 15px; text-align: center; border-top: 0;}
.side_txt p small{ font-size: 14px;}
.side_txt p b{ font-size: 24px; color: #da0000;}

/* 产品列表 */
.imglist{ width: 100%; height: auto; overflow: hidden;}
.imglist .item{ width: 23.5%; margin-right: 2%; float: left; margin-bottom: 20px;}
.imglist .item:nth-child(4n){margin-right: 0;}
.imglist .img{ float: left; overflow: hidden; border:2px solid #eee;}
.imglist .img img{ display: block; transition: all .5s;}
.imglist p{ float: left; width: 100%; position: relative; background: #eee; padding:10px; box-sizing: border-box;}
.imglist p::after{ content: "+";position: absolute; right: 0; top: 0; width: 40px; height: 100%; display: flex; justify-content: center; align-items: center; background: #ddd; font-size: 18px;}
.imglist a:hover p::after{ transition: all .5s; color: #fff;}
.imglist a:hover img{ transform: scale(1.1);}

.imglist01{ width: 100%; height: auto; overflow: hidden;}
.imglist01 .item{ width: 23.5%; margin-right: 2%; float: left; margin-bottom: 20px;}
.imglist01 .item:nth-child(4n){margin-right: 0;}
.imglist01 .item a{ display: block; position: relative;}
.imglist01 .img{ width: 100%; overflow: hidden;}
.imglist01 .rcaption{ width: 100%; bottom: 0; left: 0; height: 40px; display: flex; align-items: center; justify-content: center; color: #fff; position: absolute; background: rgba(0, 0, 0, .7); transition: all .5s;}
.imglist01 a:hover .rcaption{ height: 50%;}

/*分页*/
div.paginationbox{width:100%;height:auto;padding:15px; box-sizing: border-box; border: 1px solid #ddd; text-align: center; margin:25px auto; overflow:hidden}
ul.pagination{display:inline-block;padding:0;margin:0}
ul.pagination li{display:inline-block;}
ul.pagination li a{color:#000;float:left;font-size:14px;padding:5px 13px;margin:0 5px;text-decoration:none;border:1px solid #ddd}
.pagination li:first-child a,.pagination li:last-child a{border-radius:0}
ul.pagination li.bor0 a{border-color:#fff;cursor:auto}
ul.pagination li a.active,ul.pagination li.thisclass a{color:#fff;cursor:default}
ul.pagination li a:hover:not(.active){color:#fff;}
ul.pagination li.bor0 a:hover{background:0 0;color:#333;border-color:#fff}
ul.preNext{ width:100%; display: flex; justify-content: space-between; float: left;}
ul.preNext li{ padding: 5px 15px; font-size: 12px;}
ul.preNext li a{color:#333;}
ul.preNext li.pre,ul.preNext li.next{ background: #eee;}

/* 内页推荐 */
.re_info,.re_img{ width: 100%; padding: 15px; border: 1px solid #ddd; box-sizing: border-box; margin-bottom: 25px;}
.re_info h3,.re_img h3{ border-bottom: 1px solid #ddd; line-height: 40px; margin-bottom: 10px; font-size: 20px;}
.re_img p{ text-align: center; font-size: 12px; color: #666;}
.re_info ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.re_info ul li{ width: 45%; height: 40px; line-height: 40px; font-size: 14px;}
.re_info ul li a{ display: inline-block; width: 100%; overflow: hidden; color: #666;}
.re_info ul li span{ display:block; float: right;}
.re_img_box,.re_img .img{ overflow: hidden;}
.re_img img{transition: all .5s;}
.re_img a:hover img{transform: scale(1.1);}

/*内页详情*/
.newsinfo {width: 100%; height: auto; line-height: 20px; overflow:hidden; border-bottom: 1px dotted #ccc; padding-bottom:5px;text-align:center;color: #666; font-size: 12px;}
.newsinfo span {color: #ff0000; font-family: Georgia, "Times New Roman", Times, serif;font-size: 14px;font-weight: bold;}
.newsinfo a{ display: inline-block; float: right; margin-left: 15px; padding: 5px 25px; color: #fff;}
.newsinfo a:last-child{ background: #da0000;}
.article_box { width: 100%; height: auto; padding: 15px; border: 1px solid #ddd; box-sizing: border-box; overflow: hidden;}
.article_box h1 { text-align: center; padding: 15px;font-size: 24px;}
.detail { width: 100%; height: auto;overflow: hidden; line-height: 24px; padding: 15px 0;}
.detail img {max-width: 100%; width: auto;}

/* 新闻列表 */
.newlist ul li a{ display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #ddd;}
.newlist .img{ width: 100%; max-width: 20%; overflow: hidden;}
.newlist .txt{ width: 100%; padding-left: 30px;}
.newlist .txt h3{ font-size: 18px;}
.newlist .txt p{ font-size: 16px; color: #666; line-height: 24px; padding: 15px 0;}
.newlist .txt span{ color: #aaa;}
.newlist ul li:hover p{  color: #333;}

/* 联系我们 */
.contact{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 30px; border: 1px solid #ddd; box-sizing: border-box;}
.contact .img{ width: 25%; max-width: 200px; border-radius: 50%; overflow: hidden;}
.contact .txt{ width: 70%;}
.contact .txt h3{ font-size: 20px;}
.contact .txt p{ font-size: 14px; color: #666; padding: 10px 0;}
.contact .txt h2{font-weight: normal; font-size: 14px; line-height: 30px;}
.contact .txt h2 span{ display: block; color: #da0000; font-size: 30px;}
.contact .message{ width: 100%; padding-top: 50px;}
.contact .message h3{ text-align: center; font-size: 20px; position: relative;}
.contact .message h3::before{ content: ""; z-index: -2; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #ddd;}
.contact .message h3::after{ content: ""; z-index: -1; position: absolute; left: 50%; margin-left: -60px; top: 50%; width:120px; height: 1px; background: #fff;}
.contact_txt{ width: 40%; float: left; line-height: 40px;}
.message .item{ display: flex; justify-content: space-between; margin-top: 20px; width: 100%; float: left;}
.message input,.message textarea{ border: 0; border: 1px solid #ddd; width: 48%; padding: 0 15px; box-sizing: border-box; line-height: 50px; font-size: 16px;}
.message textarea{ width: 100%;}
.message input.btn{ color: #fff; border: 0; cursor: pointer;}

/* 图集幻灯样式 */
.imagebox{height:auto;overflow:hidden;margin-bottom:20px; display: flex; justify-content: space-between;}
.imagebox .lbox{ width: 60%;}
.imagebox .rbox{ width: 38%;}
.imagebox p{line-height:30px;font-size:14px;color:#666}
.imagebox .tit{font-size:16px;border-bottom:1px solid #ddd;padding:10px 0;margin-bottom:10px;color:#333}
.pc-slide{width:100%;margin:0 auto;border:1px solid #eee;padding:15px; box-sizing: border-box;}
.pc-slide a{display:inline-block;width:100%}
.view .swiper-container{width:100%}
.preview{width:100%; position:relative}
.preview .swiper-container{width:100%;height:auto}
.preview .swiper-slide{display:block;width:60px; margin-right: 5px; height:auto;cursor:pointer}
.preview .slide6{width:40px}
.preview img{padding:1px;max-width:100%}
.preview .active-nav img{padding:0;border:1px solid #da0000}
.article_box .info{margin:15px 0}
.article_box .info h3{padding:5px 0;border-bottom:1px solid #ddd}
.article_box .info img{max-width:100%}
.article_box .infobox{padding:15px 0;}