@charset "utf-8";
/* 当前所在位置 */
.position{ position: absolute; bottom: 0; left: 50%; margin-left: -600px; 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{ display: flex; justify-content: space-between;}
.nybox .sidebar{ max-width: 240px; min-width: 240px; height: auto; overflow: hidden;}
.nybox .box{margin-left: 30px; width: 930px;}

/*内页侧边栏*/
.side_tit{padding: 20px; background:#ff5f00}
.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;}

.side_txt h3{ line-height: 50px; font-size:16px; color: #fff; text-align: center; background:#025db8}
.side_txt p{ border: 1px solid #ddd; line-height: 24px; padding: 15px; text-align: left; border-top: 0;}


.side_nav{background:#025db8}
.side_nav h3{ position: relative; line-height: 44px; width: 100%; box-sizing: border-box; padding: 0 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.side_nav h3 a{ position:relative; box-sizing:border-box; display: inline-block; width: 100%; font-weight:normal; font-size:16px; color:#fff;padding-left:25px;}
.side_nav h3 a::before{ content: ""; display:block; width:10px;height:10px; background:#fff; position:absolute; left:5px;top:18px;}
.side_nav h3 a:hover::before,.side_nav h3.active a::before{background:#ffcb00}
.side_nav h3 span{ display: block; text-align: center; font-weight: normal; width: 50px; height: 44px; cursor: pointer; border-left: 1px solid rgba(255, 255, 255, 0.2); position: absolute; right: 0; top: 0;}
.side_nav h3 span::before{ content: "+"; color:#fff;}
.side_nav h3 .add::before{ content: "+"; color:#fff;}
.side_nav h3 a:hover,.side_nav h3.active a{ color: #ffcb00;}
.side_nav ul{ width: 100%; height: 0; overflow: hidden;}
.side_nav ul.on{ height: auto;}
.side_nav ul.oh{ padding: 15px 0; border-bottom:1px solid rgba(255, 255, 255, 0.2);}
.side_nav ul li{ line-height: 24px; box-sizing: border-box; padding-left: 15px; width: 50%; box-sizing: border-box; float: left;}
.side_nav ul li a{ display: inline-block; width: 100%; font-size: 13px; color: #fff;}
.side_nav ul li:hover a{ color: #ffcb00}

/* 产品列表 */
.imglist{ width: 100%; height: auto; overflow: hidden;}
.imglist .item{ width: 32%; margin-right: 2%; float: left; margin-bottom: 20px; text-align: center; position: relative;}
.imglist .item a{ height: auto; overflow: hidden; }
.imglist .item p{ position: relative; width: 100%;height: 40px; line-height: 40px }
.imglist .item:nth-child(3n){margin-right: 0;}
.imglist .img{ overflow: hidden;border: 1px solid #eee;}
.imglist .img img{ display: block; transition: all .5s; width: 100%; height: 200px}}
.imglist p{ float: left; text-align: center; 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: 32%; margin-right: 2%; float: left; margin-bottom: 20px;}
.imglist01 .item:nth-child(3n){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%;}


.imglist01 .rthumbnail{ width: 33.33%; float: left; padding: 15px; box-sizing: border-box;}
.imglist01 .rthumbnail a{ display: block; border: 1px solid #ddd; box-sizing: border-box;}
/*分页*/
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,ul.pagination li span{color:#000;float:left;font-size:14px;padding:5px 13px;margin:0 5px;text-decoration:none;border:1px solid #ddd}
ul.pagination li span{ color: #aaa;}
.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; padding-bottom:5px;text-align:center;color: #666; font-size: 12px;}
.newsinfo span {color: #ff5f00; 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: #ff5f00;}
.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: 15px; margin-bottom: 20px; border: 1px solid #ddd;}
.newlist .img{ width: 100%; max-width: 20%; overflow: hidden;}
.newlist .txt{ width: 100%;}
.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;}
.newlist ul li:hover a{ border: 1px solid #025db8;}

/* 联系我们 */
.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; min-height: 50px; font-size: 16px;}
.message textarea{ width: 100%; min-height: 150px}
.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;}


.article_box_top{ display: flex; justify-content: space-between;}
.article_box_top .img{ width: 60%; padding: 10px; border: 1px solid #ddd; box-sizing: border-box;}
.article_box_top .txt{ width: 40%; padding-left:30px; box-sizing: border-box;}
.article_box_top .txt h3{ line-height: 24px; font-size: 18px; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.article_box_top .txt p{ line-height: 24px; padding: 30px 0;}
#message{ border-top: 1px solid #ddd;}
#message h3{ text-align: center; font-size: 20px; margin-top: 30px; color: #025db8;}


@media (max-width:1199px){
	.side_txt,.side_tit{ display: none }
	.nybox .sidebar{ width: 100%;max-width: 100% }
	.nybox .container{ display: block; }
	.side_nav{ padding: 10px; overflow: hidden; background: none }
	.side_nav h3,.side_nav ul{ background: #025db8 }
	.nybox .box{ width: 100%; margin: 0 }
	.article_box,.re_info, .re_img{ border:0; border-top: 1px solid #ddd }
	.article_box img{max-width: 100%;height: auto !important;}

	.re_info ul li{ width: 100% }
.imglist .item{ width: 50%;margin: 0 }
.imglist .img{ padding: 15px; }
.imglist .img img{ height: 120px; width: auto }
.article_box_top{ flex-wrap: wrap; }
.article_box_top .img,.article_box_top .txt{ width: 100%; padding: 0}
.newlist .txt{ padding: 10px; }












}