@charset "utf-8";
/* CSS Document */
/*分页*/
div.paginationbox{width:100%;height:auto;padding:30px 0; overflow:hidden; text-align: center;}
ul.pagination{display:inline-block;padding:0;margin:0}
ul.pagination li{display:inline}
ul.pagination li a{color:#000;float:left;font-size:14px;padding:5px 12px;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;border:1px solid #008dcd;cursor:default}
ul.pagination li.thisclass a{ background-color:#008dcd;}
ul.pagination li a:hover:not(.active){background-color:#008dcd;color:#fff;border-color:#008dcd}
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; border-top: 1px dotted #ddd;}
ul.preNext li{ padding: 5px 15px; font-size: 12px;}
ul.preNext li a{color:#333;}
ul.preNext li a:hover{color:#008dcd}
ul.preNext li.pre,ul.preNext li.next{ background: #eee;}

.ad{ margin: 15px 0;}
.ad .container{ position: relative;}
.ad .txt{ position: absolute; top: 0; left: 0; width: 100%; height: auto; padding: 30px; box-sizing: border-box; overflow: hidden;}
.ad .txt h3,.ad .txt p{ color: #fff;}
.ad .txt h3{ font-size: 24px; line-height: 40px;}
.ad .txt h3 small{ display: inline-block; font-size: 12px; padding-left: 15px; font-weight: normal;}
.nybox .container{ display: flex; justify-content: space-between;}
.nybox .lbox{ width: 100%;}
.nybox .sidebar{ width:100%; max-width: 280px; padding-left: 30px;}

.position{ display: flex; justify-content: space-between; align-items: center;}
.position h3,.sidebar h2{ position: relative; padding-left: 15px; font-size: 20px; line-height: 24px;}
.position h3::before,.sidebar h2::before{ content: ""; display: block; width: 4px; height: 24px; background: #da0000; position: absolute; left: 0; top: 0;}
.position p{ font-size: 14px;}
.position p a:hover{ color: #008dcd;}
.product_search form{ display: flex; justify-content: space-between; margin: 15px 0;}
.product_search input{ border: 0; height: 40px; width: 100%;}
.product_search input.btn{max-width: 60px; background:url(../images/search.png) no-repeat center #aaa; cursor: pointer;}
.product_search input.key{ border:2px solid #aaa; padding:0 10px; box-sizing: border-box;}

.content .product{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.content .product .item{ width: 31%; border: 1px solid #666; padding: 20px; box-sizing: border-box; border-top: 4px solid #666; margin-bottom: 20px;}
.content .product h2{ font-size: 18px; line-height: 20px;}
.content .product .img{  overflow: hidden; padding: 20px 0;}
.content .product .txt{ font-size: 14px;}
.content .product .txt a{ display:block; padding-left: 20px; font-size: 14px; background: url(../images/dot.png) no-repeat 5px 13px;}
.content .product a:hover{ text-decoration: underline; color: #008dcd;}

.sidebar .re_img h2{ margin-bottom: 15px;}
.sidebar .re_img .img{ padding: 5px; border: 1px solid #ddd; overflow: hidden;}
.sidebar .re_img a{ display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 20px; border-bottom: 1px solid #ddd; padding-bottom: 15px;}
.sidebar .re_img .txt,.sidebar .re_img .img{ width: 100%;}
.sidebar .re_img .img{ margin-right: 15px;}
.sidebar .re_img .txt h3{ font-size: 16px; line-height: 16px; padding-bottom: 10px; font-weight: normal;}
.sidebar .re_img .txt p{ font-size: 12px; line-height: 16px;}
.sidebar .re_img a:hover h3{ color: #008dcd; text-decoration: underline;}
.sidebar .side_img a{ display: block; margin: 10px 0; border: 1PX solid #ddd; padding: 5px;} 

.list_product,.article_product,.article_box{ border: 2px solid #aaa; padding:30px;}
.list_product .item{ display: flex; justify-content: space-between;padding: 20px 0; border-bottom: 1px dotted #ddd;}
.list_product .item a{ width: 100%; display: flex; justify-content: space-between; padding-right: 30px; border-right: 1px dotted #ddd;}
.list_product .item .bar{ width: 100%; max-width: 160px; padding-left: 30px;}
.list_product .item .img,.list_product .item .txt{ width: 100%;}
.list_product .item .img{ max-width: 180px; padding-right: 30px;}
.list_product .item .txt p{ font-size: 14px; color: #666; padding-top: 10px;}
.list_product .item a:hover h3{ color: #008dcd; text-decoration: underline;}
.list_product .bar a{ border: 0; display: inline-block; padding: 10px 15px; text-align: center; padding-left: 40px; margin-bottom: 5px; box-sizing: border-box; color: #fff;}
.list_product .bar a:first-child{ background: url(../images/icon07.png) no-repeat 30px 15px #008dcd;}
.list_product .bar a:last-child{ background: url(../images/icon08.png) no-repeat 30px 15px #da0000;}
.list_product .bar a:hover{ opacity: 0.8;}

.article_product{ margin-top: 15px;}
.pc-slide{ overflow: hidden; margin:0 auto; border: 1px solid #ddd; padding: 15px;}
.pc-slide a{ display: inline-block; width: 100%;}
.pc-slide .view .swiper-container{width:100%;}
.preview{width:100%;margin-top:10px;position:relative}
.preview .swiper-container{width:100%;height:auto}
.preview .swiper-slide{ display: block; width:40px;height:auto;cursor:pointer;}
.preview .slide6{width:40px}
.preview img{max-width: 100%; border: 1px solid #fff; box-sizing: border-box;}
.preview .active-nav img{padding:0;border:1px solid #da0000}

.article_product .head{ display: flex; justify-content: space-between;}
.article_product .imgbox,.article_product .info{ width: 50%; max-width: 600px;}
.article_product .info { padding:0 30px;}
.article_product .info h1{ line-height: 20px;}
.article_product .info p{ padding: 20px 0; line-height: 24px; font-size: 14px;}
.article_product .info a{ display: inline-block; padding: 5px 15px; background: #da0000; color: #fff;}
.article_product .info a:first-child{ background: #008dcd;}
.article_product .body{ margin: 30px 0;}
.article_product .tit{ font-size: 16px; font-weight: bold; padding: 5px 10px; border: 1px solid #ddd; background: #f5f5f5;}
.article_product .box{ padding: 10px;}

.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{ color: #da0000; 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{ height: auto; overflow: hidden; margin: 20px 0;}
.message .item{ display: flex; justify-content: space-between; margin-top: 10px; 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: 40px; font-size: 16px;}
.message textarea{ width: 100%;}
.message input.btn{ background: #da0000; color: #fff; border: 0; cursor: pointer;}

.content .solution{ display: flex; justify-content: space-between; margin-top: 10px;}
.content .solution .item{ width: 48%;}
.content .solution .item:hover .txt,.content .solution .item:hover a{ color: #008dcd;}

.list_article{ margin-top: 10px;}
.list_article .item a{ border-right: 0;}
.list_article .item span{ font-size: 12px; color: #aaa;}
.honner .box{ display: flex; justify-content:space-between; margin-top: 10px;}
.content .honner .item{ width: 23%; padding: 5px; border-top: 1px solid #666;}
.content .honner .img{ padding: 0;}

/*newsinfo*/
.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; background:#da0000; color: #fff;}
.newsinfo a:last-child{ background: #da0000;}
.article_box { width: 100%; height: auto; margin-top: 15px; 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;}


.body .box img{ display: inline-block;}