@charset "utf-8";
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
/* reset */

body, h1, h2, h3, h4, h5, p, dl, dt, dd, ul, ol, li, form, input, textarea, th, tr, td, select, figure, figcaption {
	margin: 0;
	padding: 0;
}
body {
	font-size: 16px;
	font-family: Arial, 微软雅黑;
	color: #666;
	margin: 0 auto;
}
h1, h2, h3, h4, h5 {
	font-weight: normal;
}
em, i {
	font-style: normal;
}
li {
	list-style: none;
}
a {
	text-decoration: none;
	color: inherit;
}
a:focus {
	text-decoration: none;
	outline: none;
}
img {
	border: none;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
table {
	border-collapse: collapse;
}
input, textarea {
	outline: none;
	background: #fff;
	border: none;
}
textarea {
	resize: none;
	overflow: auto;
}
/* public */

.clearfix:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
.clearfix {
	zoom: 1;
}
.clearfix:before, .clearfix:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.img_box, .pic_box {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.main {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}
.fixed {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
}
.btn {
	font-family: '微软雅黑';
	cursor: pointer;
}
.bl {
	display: inline-block;
	float: left;
}
.br {
	display: inline-block;
	float: right;
}
h1, h2, h3, h4, h5 {
	font-weight: normal;
}
.text_omit {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.img_fit {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
div {
	display: block;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
 @keyframes movelr {
 0% {
transform: translateX(0px);
}
 50% {
transform: translateX(60px);
}
 100% {
transform: translateX(0px);
}
}
/* 页头 */

.header {
	background: #fff;
	width: 100%;
	height: 100px;
	position: absolute;
	z-index: 20;
	top:0;
}
.header_box {
	height: 100px;
	margin: 0 auto;
}
.header_box h1 {
	height: 100px;
	line-height: 30px;
	text-align: center;
	float: left;
}
.header .nav {
	display: block;
	float: right;
	margin-right: 50px;
}
.header .nav ul li {
	display: inline-block;
	width: 100px;
	height: 100px;
	line-height: 100px;
	float: left;
	text-align: center;
	font-size: 15px;
	color: #444;
}
.header .nav ul li.on,  .header .nav ul li:hover {
	color: #000;
}
.header .nav li a {
	display: block;
	font-size: 18px;
	color: #000;
}
.header .nav>ul>li:after {
	position: absolute;
	content: '';
	width: 0;
	transition: all .3s;
	height: 3px;
	margin-left: -50px;
	background-color: #000;
}
.header .nav>ul>li:hover:after {
	width: 100px;
}
.header .nav>ul>li>a {
	height: 97px;
}
.header_box h1 img {
	vertical-align: bottom;
}
.header .header_box h1 a {
	display: block;
	height: 30px;
	margin-top: 14px;
}
.header .header_box .serch {
	display: inline-block;
	float: right;
	color: #FFFFFF;
	padding-top: 30px;
}
.nav li:hover .downlow_list {
	height: 450px;
	padding-top: 100px;
	display: block;
}
.downlow_list {
	display: none;
	width: 100%;
	position: absolute;
	padding-top: 80px;
	top: 100px;
	left: 0;
	background-color: rgba(0, 0, 0, .7);
	height: 400px;
	z-index: 2000;
}
.downlow_list .downlow_box {
/* display: none; */

}
.downlow_list .pro_pic {
	display: inline-block;
	width: 260px;
	height: 165px;
	border: 1px solid #FFFFFF;
}
.downlow_list .downlow ul.clearfix {
	display: inline-block;
	vertical-align: top;
	width: 1020px;
	float: right;
}
.downlow_list .downlow ul li {
	float: left;
	height: 56px;
	width: 285px;
	color: #FFFFFF;
	font-size: 16px;
	text-align: left;
	line-height: 56px;
	margin-left: 55px;
	font-weight: normal;
	transition: all .5s;
	margin-bottom: 30px;
	border-bottom: 1px solid #7d7d7d;
}
.downlow_list .downlow ul li:after {
	content: ">";
	float: right;
	color: #e0e0e0;
	font-size: 20px;
	font-family: '宋体';
	transition: all .5s;
}
.downlow_list .downlow ul li:hover,  .downlow_list .downlow ul li:hover:after {
	color: #FF0000;
}
/**/



.banner {
	width: 100%;
	height: 100%;
	max-width: 1920px;
	overflow: hidden;
}
.banner source {
	width: 100%;
	height: 100%;
}
.banner .swiper-slide {
	width: 100%!important;
	background-size: cover;
	text-align: center;
	padding-top:100px;
}
.banner.swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction {
	bottom: 50px;
}
.banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 10px;
}
.banner .swiper-pagination-bullet {
	width: 20px;
	height: 20px;
	font-size: 16px;
	color: #fff;
	opacity: 1;
	background-color: transparent;
}
.banner .swiper-pagination-bullet-active {
	width: auto;
	color: #99826e;
}
.banner .swiper-pagination-bullet-active::after {
	content: "　————";
}
.banner .swiper-pagination-bullet-active.swiper-pagination-bullet:last-child::after {
	content: "";
}
.banner .swiper-pagination-bullet-active.swiper-pagination-bullet:last-child::before {
	content: "————　";
}
.banner .swiper-button-next, .banner .swiper-button-prev {
	width: 20px;
	height: 20px;
	top: auto;
	bottom: 12px;
	background-size: 9px 13px;
}
.banner .swiper-button-prev {
	left: auto;
	right: 50%;
	margin-right: 120px;
}
.banner .swiper-button-next {
	left: 50%;
	right: auto;
	margin-left: 120px;
}
.banner .swiper-button-next:after,  .banner .swiper-button-prev:after {
	font-size: 18px;
	color: #fff;
}
/* 公共标题 */

.pub_tit {
	text-align: center;
}
.pub_tit i {
	color: #7b9a97;
	font-size: 50px;
	font-style: italic;
	font-weight: bold;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
}
.pub_tit i em {
	color: #015852;
	font-style: italic;
}
.pub_tit i::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	z-index: -1;
}
.pub_tit h3 {
	color: #000;
	font-size: 700;
	font-size: 24px;
}
.bg {
	background: url(../images/8588_19.jpg) top center no-repeat;
}
.bg2 {
	background: url(../images/back02.jpg) top center no-repeat;
}
/* iproduct */



/* 热销 */

.ihot {
	padding: 70px 0 100px;
}
.ihot .ch_top {
	display: inline-block;
	height: 65px;
	color: #666666;
	margin-bottom: 70px;
}
.ihot .ch_top p {
	font-size: 18px;
	height: 25px;
	vertical-align: top;
}
.ihot .ch_top h2 {
	font-size: 30px;
	vertical-align: bottom;
	font-weight: bold;
}
.ihot .search_box {
	float: right;
	width: 370px;
	position: relative;
	box-sizing: border-box;
	border: 1px solid #dcdcdc;
}
.ihot .search_box input {
	height: 65px;
	box-sizing: border-box;
	width: 100%;
	padding: 0 85px 0 47px;
}
 .ihot .search_box input::placeholder {
 font-size: 16px;
 color: #999999;
}
.ihot .search_box .sear_icon {
	position: absolute;
	vertical-align: bottom;
	background: url('../images/search_se.png') no-repeat center;
	border: 0;
	right: 0;
	top: 0;
	width: 85px;
	height: 65px;
	padding: 0;
}
.ihot .hot_banner {
	width: 1300px;
	height: auto;
	overflow: hidden;
}
.ihot .hot_banner .bd {
	width: 1300px;
	height: auto;
	overflow: hidden;
}
.ihot .hot_banner .bd li {
	width: 50%;
	float: left;
}
.ihot .hot_banner .img_box {
	width: 650px;
	height: 420px;
}
.ihot .hot_banner .text_box h3 {
	color: #333333;
	font-size: 18px;
	text-align: center;
	line-height: 24px;
	margin: 30px 0 16px;
}
.ihot .hot_banner .text_box p {
	color: #666666;
	font-size: 16px;
	line-height: 16px;
}
.ihot .hot_banner .hd {
	margin-top: 75px;
	width: 1300px;
	position: relative;
}
.ihot .hot_banner .hd ul {
	text-align: center;
	margin: 0 auto;
	max-width: 1300px;
}
.ihot .hot_banner .hd i {
	width: 100%;
	height: 1px;
	display: inline-block;
	position: absolute;
	left: 0;
	z-index: -1;
	bottom: 16px;
	background: #d2d2d2;
}
.ihot .hot_banner .hd ul:after {
	display: block;
	content: '';
	clear: both;
}
.ihot .hot_banner .hd ul li {
	display: inline-block;
	background: #FFFFFF url('../images/icon01.png') no-repeat center;
	font-size: 16px;
	width: 10px;
	line-height: 32px;
	color: rgba(0, 0, 0, 0);
	padding: 0 15px;
}
.ihot .hot_banner .hd ul li.on {
	font-size: 16px;
	background: #FFFFFF url('../images/icon02.png') no-repeat center;
	text-align: center;
	color: #666666;
	padding: 0 1px;
	width: 37px;
	height: 32px;
	line-height: 32px;
}
/* pro3 */

.ihot .p1_banner.t0 .banner_prev {
	position: absolute;
	top: -75px;
	left: 75px;
	transform: rotate(90deg);
	height: 200px;
	text-align: center;
	line-height: 200px;
}
.ihot .p1_banner.t0 .banner_next {
	position: absolute;
	bottom: -72px;
	left: 75px;
	transform: rotate(90deg);
	height: 200px;
	text-align: center;
	line-height: 200px;
}
.ihot .p1_banner.t1 .banner_prev {
	position: absolute;
	top: -75px;
	left: auto;
	right: 75px;
	transform: rotate(90deg);
	height: 200px;
	text-align: center;
	line-height: 200px;
}
.ihot .p1_banner.t1 .banner_next {
	position: absolute;
	bottom: -72px;
	right: 75px;
	transform: rotate(90deg);
	height: 200px;
	text-align: center;
	line-height: 200px;
}
/**/

/* pro1 */

.ihot .p1_banner {
	position: relative;
}
.ihot .p1_banner .hd.t0 .img_box {
	top: 50%;
	left: 50%;
	opacity: 0;
	width: 225px;
	height: 120px;
	margin: 0 auto;
	display: block;
	transition: .7s all;
	position: absolute;
	transform: translate(-50%, -50%);
}
.ihot .p1_banner .hd.t0 .img_box img,  .ihot .p1_banner .hd.t1 .img_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ihot .p1_banner .hd.t1 .img_box {
	top: 50%;
	left: 50%;
	opacity: 0;
	width: 150px;
	height: 80px;
	margin: 0 auto;
	display: block;
	transition: .7s all;
	position: absolute;
	transform: translate(-50%, -50%);
}
.p1_banner.t2 .banner_prev,  .p1_banner.t2 .banner_next {
	bottom: 0;
	opacity: 1;
	width: 57px;
	height: 160px;
	border-radius: 0px;
	line-height: 160px;
}
.pro_banner .banner_prev,  .pro_banner .banner_next,  .p1_banner .banner_prev,  .p1_banner .banner_next {
	border-radius: 100px;
	opacity: .4;
	width: 50px;
	height: 50px;
	color: #fff;
	line-height: 50px;
	display: inline-block;
	position: absolute;
	bottom: 60px;
	cursor: pointer;
	font-size: 38px;
	font-family: '宋体';
	font-weight: bold;
	text-align: center;
}
.p1_banner .banner_prev {
	left: 0;
}
.p1_banner .banner_next {
	right: 1px;
}
.ihot .p1_banner .hd.t0 li {
	height: 120px;
	margin: 20px 0px;
	position: relative;
}
.ihot .p1_banner .hd.t1 li {
	height: 80px;
	padding: 20px;
	margin: 0 auto;
	position: relative;
}
.ihot .p1_banner .hd.t0 li.on .img_box,  .ihot .p1_banner .hd.t1 li.on .img_box,  .ihot .p1_banner .hd.t0 li:hover .img_box,  .ihot .p1_banner .hd.t1 li:hover .img_box {
	opacity: 1;
}
.ihot .p1_banner .hd.t1 li.on .text_box,  .ihot .p1_banner .hd.t0 li.on .text_box,  .ihot .p1_banner .hd.t0 li:hover .text_box,  .ihot .p1_banner .hd.t1 li:hover .text_box {
	opacity: 0;
}
.ihot .p1_banner .hd .text_box {
	top: 50%;
	left: 50%;
	opacity: 1;
	width: 237px;
	color: #FFFFFF;
	margin: 0 auto;
	font-size: 16px;
	line-height: 24px;
	position: relative;
	text-align: center;
	transition: .7s all;
	transform: translate(-50%, -50%);
}
.ihot .p1_banner .hslide {
	bottom: 0px;
	position: absolute;
}
.ihot .p1_banner.t2 .hslide {
	padding: 0 57px;
	background-color: rgba(51, 51, 51, .6);
}
.ihot .p1_banner.t0 .hslide {
	background-color: rgba(51, 51, 51, .6);
	overflow: hidden;
	padding: 50px 0;
	width: 200px;
	top: 0px;
}
.ihot .p1_banner.t1 .hslide {
	background-color: rgba(51, 51, 51, .6);
	width: 200px;
	padding: 50px 0;
	top: 0px;
	right: 0;
}
.ihot .p1_banner.t2 .hd .tempWrap .tempWrap {
	box-sizing: border-box;
	overflow: hidden;
	height: auto;
}
.ihot .p1_banner .hd li {
	padding: 10px;
	margin: 0 auto;
	cursor: pointer;
}
.ihot .p1_banner .hd.t1 .tempWrap {
	height: 680px !important;
}
.ihot .p1_banner .bd li {
	position: relative;
}
.ihot .p1_banner .bd li a {
	width: 100%;
	height: 100%;
	display: block;
}
.ihot .p1_banner .bd .text_box {
	padding: 55px 30px 0 30px;
	position: absolute;
	box-sizing: border-box;
	top: 110px;
	right: 110px;
	background-color: rgba(38, 38, 38, .6);
	width: 520px;
	height: 335px;
	color: #FFFFFF;
}
.ihot .p1_banner.t1 .bd .text_box {
	left: 70px;
	top: 147px;
}
.ihot .p1_banner.t0 .bd .text_box {
	right: 75px;
	top: 200px;
}
.ihot .p1_banner .bd .text_box h3 {
	font-size: 34px;
	margin-bottom: 40px;
	font-weight: bold;
}
.ihot .p1_banner .bd .text_box p {
	font-size: 16px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.ihot .p1_banner .bd .text_box button {
	margin-top: 20px;
	border: 0;
	border-radius: 26px;
	color: #FFFFFF;
	font-size: 18px;
	width: 206px;
	height: 52px;
	background: #c60001 url('../images/aon-2.png') no-repeat 80% 50%;
}
.iabout {
	height: 580px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	color: #FFFFFF;
	text-align: center;
}
.iabout h3 {
	font-size: 55px;
	margin: 165px 0 70px;
	line-height: 60px;
	font-weight: bold;
}
.iabout:before {
	display: table;
	content: '';
}
.iabout p {
	font-size: 16px;
	line-height: 30px;
}
.iabout a {
	width: 150px;
	display: block;
	margin: 0 auto;
	margin-top: 70px;
	font-size: 16px;
	line-height: 40px;
	border-bottom: 1px solid #FFFFFF;
}
.iabout a:hover {
	color: #999999;
	border-bottom: 1px solid #999999;
}
/**/



.session_5 {
	background: url(../images/img_8.jpg) center center no-repeat;
	padding-top: 130px;
	box-sizing: border-box;
	padding-bottom: 115px;
}
.session_5 .centent-box {
	display: flex;
	justify-content: space-between;
	width: 1600px;
	margin: 0 auto;
}
.session_5 .left-box {
	width: 1150px;
	padding-left: 60px;
	padding-right: 60px;
	box-sizing: border-box;
}
.session_5 .left-box .title-box {
	margin-bottom: 55px;
}
.session_5 .left-box .title-box h3 {
	font-size: 36px;
	color: #333333;
	line-height: 1.1;
	margin-bottom: 22px;
}
.session_5 .left-box .title-box h3 span {
	display: inline-block;
	width: 6px;
	height: 6px;
	background: #161616;
	vertical-align: middle;
	margin-left: 7px;
	margin-right: 7px;
}
.session_5 .left-box .title-box p {
	font-size: 18px;
	color: #333333;
}
.session_5 .left-box .all-box {
	position: relative;
}
.session_5 .left-box .all-box .item-box {
	display: flex;
	align-items: center;
	padding: 22px;
	box-sizing: border-box;
	background-color: #fff;
}
.session_5 .left-box .all-box .item-box .img-box {
	width: 530px;
	height: 376px;
}
.session_5 .left-box .all-box .item-box .img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.session_5 .left-box .all-box .item-box .txt-box {
	width: 350px;
	margin-left: 55px;
}
.session_5 .left-box .all-box .item-box .txt-box .title {
	margin-bottom: 30px;
}
.session_5 .left-box .all-box .item-box .txt-box .title h3 {
	font-size: 30px;
	color: #161616;
}
.session_5 .left-box .all-box .item-box .txt-box .title p {
	font-size: 24px;
	color: #333333;
}
.session_5 .left-box .all-box .item-box .txt-box ul li {
	position: relative;
	padding-left: 25px;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 1.8;
	color: #666666;
}
.session_5 .left-box .all-box .item-box .txt-box ul li:before {
	position: absolute;
	content: '';
	left: 0;
	top: 8px;
	width: 13px;
	height: 14px;
	background: url(../images/icon_7.png);
}
.session_5 .left-box .all-box .swiper-button-next,  .session_5 .left-box .all-box .swiper-button-prev {
	width: 60px;
	height: 60px;
	line-height: 60px;
	background-color: #fff;
}
.session_5 .left-box .all-box .swiper-button-next:after,  .session_5 .left-box .all-box .swiper-button-prev:after {
	font-size: 18px;
	color: #333;
}
.session_5 .left-box .all-box .swiper-button-next:hover,  .session_5 .left-box .all-box .swiper-button-prev:hover {
	background-color: #161616;
}
.session_5 .left-box .all-box .swiper-button-next:hover:after,  .session_5 .left-box .all-box .swiper-button-prev:hover:after {
	color: #fff;
}
.session_5 .left-box .all-box .swiper-button-prev {
	left: -60px;
}
.session_5 .left-box .all-box .swiper-button-next {
	right: -60px;
}
.session_5 .right-box {
	width: 450px;
	padding-left: 30px;
	box-sizing: border-box;
}
.session_5 .right-box ul {
	position: relative;
	padding-left: 35px;
	box-sizing: border-box;
}
.session_5 .right-box ul:before {
	position: absolute;
	top: 62px;
	bottom: 62px;
	width: 1px;
	background-color: #dddddd;
	content: '';
	left: 0px;
}
.session_5 .right-box ul li {
	position: relative;
	height: 125px;
	padding-left: 25px;
	line-height: 125px;
	cursor: pointer;
}
.session_5 .right-box ul li .icon-box {
	display: inline-block;
}
.session_5 .right-box ul li .icon-box img {
	border-radius: 50%;
	width: 80px;
	height: 80px;
}
.session_5 .right-box ul li .txt-box {
	position: relative;
	z-index: 2;
	display: inline-block;
	text-align: center;
	line-height: 1.6;
	text-align: left;
	vertical-align: middle;
	margin-left: 24px;
}
.session_5 .right-box ul li .txt-box h3 {
	font-weight: 400;
	font-size: 20px;
	color: #333333;
}
.session_5 .right-box ul li .txt-box p {
	font-size: 14px;
	color: #666666;
}
.session_5 .right-box ul li span {
	position: absolute;
	right: 20px;
	top: 0;
	font-size: 60px;
	color: #eeeeee;
	font-weight: 700;
}
.session_5 .right-box ul li em {
	position: absolute;
	left: -45px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	box-sizing: border-box;
	top: 50%;
	transform: translateY(-50%);
}
.session_5 .right-box ul li em:before {
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	background-color: #dddddd;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
}
.session_5 .right-box ul li.active {
	background: #fff;
}
.session_5 .right-box ul li.active em {
	border: 1px solid #161616;
}
.session_5 .right-box ul li.active em:before {
	background: #161616;
}
/**/

.img_box {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
/* news */

.news {
	background-color: #f5f5f5;
	padding-top: 100px;
	position: relative;
	z-index: 0;
}
.news .top_box .more {
	float: right;
	height: 73px;
	line-height: 73px;
	text-transform: uppercase;
	font-size: 14px;
	color: #666666;
}
.news .top_box .more:before {
	content: '—';
	margin-right: 15px;
	color: #666666;
	display: inline-block;
}
.news .ch_top {
	display: inline-block;
}
.news .ch_top h2 {
	line-height: 30px;
	margin-bottom: 19px;
	text-transform: uppercase;
	font-size: 18px;
	height: 25px;
	vertical-align: top;
}
.news .ch_top p {
	color: #333333;
	line-height: 24px;
	font-family: '思源黑体 CN';
	font-size: 30px;
	vertical-align: bottom;
	font-weight: bold;
}
.news .news_list {
	margin-top: 30px;
}
.news .news_list .news_box {
	float: left;
	width: 400px;
}
.news .news_list .news_box:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.news .news_list .news_box:not(:last-of-type) {
	margin-right: 50px;
}
.news .news_list .news_box .img_box {
	width: 400px;
	height: 250px;
	overflow: hidden;
}
.news .news_list .news_box .img_box img {
	width: 100%;
	height: 100%;
	-webkit-transition: 1s all;
	-moz-transition: 1s all;
	-ms-transition: 1s all;
	-o-transition: 1s all;
	transition: 1s all;
}
.news .news_list .news_box .text h3 {
	font-size: 18px;
	line-height: 18px;
	color: #333333;
	margin-top: 29px;
	padding-left: 18px;
	margin-bottom: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.news .news_list .news_box .text p {
	font-size: 15px;
	line-height: 20px;
	color: #666666;
	padding-left: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.news .news_list .news_box .text p:first-of-type {
	height: 50px;
}
.news .news_list .news_box .text p:last-of-type {
	color: #646464;
	font-size: 14px;
	margin-top: 30px;
	line-height: 15px;
	transition: 1s all;
	margin-bottom: 85px;
	box-sizing: border-box;
	background: url('../images/arr.png') calc(100% - 31px) center/31px 8px no-repeat;
}
.news .news_list .news_box:hover .text p:last-of-type {
	background: url('../images/arr.png') calc(100% - 0px) center/31px 8px no-repeat;
}
.news .news_list .news_box .text i {
	display: block;
	width: 0px;
	height: 1px;
	background: #333333;
	transition: .5s;
	position: relative;/* z-index: 1; */

}
.news .news_list .news_box:hover .text i {
	width: 400px;
}
.news .news_list .news_box .text i::after {
	content: "";
	display: block;
	width: 400px;
	height: 1px;
	background-color: #E4E4E4;
	position: relative;
	top: 0px;
	z-index: -1;
}
/**/

.vision {
	width: 100%;
	height: 880px;
	overflow: hidden;
	background: url(../images/qhpc_25.jpg) no-repeat;
	background-size: cover;
	margin-top: 50px;
}
.vision .pub_tit {
	text-align: center;
	margin: 50px auto;
}
.vision .pub_tit i {
	color: #c2c5c6;
}
.vision .pub_tit i em {
	color: #c2c5c6;
}
.vision .pub_tit h3 {
	color: #fff;
}
.box_item1 {
	position: relative;
	color: #fff;
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.box_item1 img {
	width: 100%
}
.box_item1 p {
	line-height: 50px;
	font-size: 20px;
	width: 100%;
	text-align: center
}
.box_item1 .swiper-slide {
	text-align: left;
	padding: 0 80px;
	box-sizing: border-box
}
.auto-inner {
	width: 92%;
	max-width: 1560px;
	margin: 0 auto;
}
.ind_title {
	position: relative;
	padding: 20px 0
}
.ind_title h2 {
	font-size: 36px;/* font-weight:bold;*/
}
.ind_title p {
	font-size: 18px;
	color: #999999
}
.ind_title a.more {
	color: #666666;
	position: absolute;
	right: 0;
	top: 20px;
	display: block;
	border-bottom: solid 1px #e5e5e5;
	width: 20%;
	max-width: 200px;
	transition: 0.3s
}
.ind_title a.more:before {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	transition: 0.3s;
	z-index: 1
}
.ind_title a.more i {
	padding: 10px 0;
	font-style: normal;
	display: block;
	position: relative;
	z-index: 2;
	transition: 0.3s
}
.ind_title a.more i:before {
	content: '';
	display: block;
	position: absolute;
	right: 17px;
	top: 38%;
	width: 10px;
	height: 10px;
	background: url(../images/home_more.png) no-repeat;
}
.ind_title a.more:hover {
	border-bottom: none
}
.ind_title a.more:hover:before {
	transform: skew(-30deg);
	background-color: #c8192a;
}
.ind_title a.more:hover i {
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
}
.ind_title a.more:hover i:before {
	background-position: bottom;
}
.imore {
	width: 160px;
	height: 50px;
	margin: 50px auto;
	overflow: hidden;
	background: #2c6f6b;
	border-radius: 50px;
	text-align: center;
	box-shadow: 0px 5px 5px #c5aa65;
}
.imore a {
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 50px;
}







/*产品列表展示页*/
.catlist li {
	margin-top: 83px;
}

.catlist li {
	margin-bottom: 45px;
}

.catlist li>a {
	display: block;
	position: relative;
	height: 500px;
}

.catlist .img_box {
	/* width: 1300px; */
	/* height: 500px; */
}

.catlist .text_box {
	padding: 55px 70px 20px 52px;
	position: absolute;
	box-sizing: border-box;
	top: 110px;
	right: 113px;
	background-color: rgba(38, 38, 38, .6);
	width: 520px;
	color: #FFFFFF;
}

.catlist ul li:nth-of-type(even) .text_box {
	left: 103px;
}

.catlist .text_box h3 {
	font-size: 36px;
	margin-bottom: 40px;
	font-weight: bold;
}

.catlist .text_box p {
	font-size: 16px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.catlist .text_box button {
	margin-top: 20px;
	border: 0;
	border-radius: 26px;
	color: #FFFFFF;
	font-size: 18px;
	width: 206px;
	height: 52px;
	background: #c60001 url('../images/aon-2.png') no-repeat 80% 50%;
}


.blk-md{ width:1200px; margin:0 auto;}

.tl-fdh-02 {
	height: 55px;
	margin-bottom: 20px;
	/*overflow: hidden;*/
	position: relative;
}

.tl-fdh-02 li {
	width: 19.667%;
    margin-bottom: 15px;
	height: 55px;
	font-size: 18px;
	line-height: 55px;
	text-align: center;
	float: left;
	border-right: 1px solid #eee;
	margin-right: -1px;
	background: #efefed;
	cursor: pointer;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.tl-fdh-02 li a {
	display: block;
	color: #2d2d2d;
}

.tl-fdh-02 li.sidenavcur,
.tl-fdh-02 li:hover {
	background: #272727;
	border-color: #272727;
}

.tl-fdh-02 li.sidenavcur a,
.tl-fdh-02 li:hover a {
	color: #fff;
}

.tl-fdh-02 li .sec a {
	color: #2d2d2d;
}

.tl-fdh-02 .sec {
	z-index: 999;
	display: none;
	flex-wrap: wrap;
	color: #2d2d2d;
	position: absolute;
	width: 229px;
	background: #efefed;
}

.tl-fdh-02 .sec .secfl {}

.tl-fdh-02 .sec .secfl:hover {
	background: #efefed;
}

.tl-fdh-02 .sec .secfl:hover a {
	color: #089193;
}



/*产品列表*/

.Content {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.product_list {
	padding: 3% 5px;
	height: auto;
	overflow: auto;
	width: 100%;
	box-sizing: border-box;
}


.goodsl{
	background: #f8f8f8;
	margin-bottom: 30px;
	transition: all 0.4s;
	overflow: hidden;
	float: left;
	width: 24%;
	margin-left: 1%;
}
.goodsl:hover{
	transition: all 0.4s;
	box-shadow: 5px 5px 10px #f1f1f1, -5px 5px 10px #d2d2d2;
	-moz-box-shadow: 5px 5px 10px #f1f1f1,-5px 5px 10px #d2d2d2;
	-webkit-box-shadow: 5px 5px 10px #f1f1f1, -5px 5px 10px #d2d2d2;
}
.goodsl img{
	transition: all 0.6s;
	 width:100%;
	 max-height:400px;
}
.goodsl:hover img{
	transition: all 0.6s;
	transform: scale(1.05);
}
.goodsl-left{
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 30px;
}
.goods-name{
	font-size: 18px;
	font-weight:bold;
	margin-bottom: -20px;
}
.goods-desc{
	font-size: 14px;
	margin-bottom: 30px;
}

.goods-more{
	font-size: 15px;
	color: black;
	display: block;
	width: 100%;
	text-align: center;
}

.goodsl-right{
	padding:10px;
	box-sizing: content-box;
}


/*新闻列表*/
.newscc{ width:1200px; height: auto; overflow: hidden; margin: 0 auto;}
.newslist {
	width: 100%;
	padding: 25px 0 30px;
	display: flex;
	margin-top: 25px;
}
.newslist li{ width:32.3%; float:left; background:#fbfbfb; position:relative; margin-right:1.55%; margin-bottom:60px; z-index:2}
.newslist li:nth-child(3n){ margin-right:0;}
.newslist li a{ display:block;}
.newslist li .pic1{ width:100%; overflow:hidden;}
.newslist li .pic1 img{ transform:scale(1); transition:all 0.5s ease; width:100%;}
.newslist li:hover .pic1 img{ transform:scale(1.05);}
.newslist li .ntex1{ padding:30px 25px; box-sizing:border-box; min-height:210px;}
.newslist li .ntex1 h3{font-size: 18px;color:#333333;transition:all 0.5s ease;font-weight: bold;}
.newslist li .ntex1 p{margin:27px 0;transition:all 0.5s ease;height: 69px;line-height: 23px;overflow: hidden;font-size: 16px;}
.newslist li .ntex1 span{font-size:0.875rem;color:#999999;transition:all 0.5s ease;font-size: 14px;}
.newslist li i{ position:absolute; height:100%; width:100%; background:#272727; left:0; top:0; z-index:-1; transition:all 0.5s ease; transform:scale(1,0); transform-origin:bottom;}
.newslist li:hover i{ transform:scale(1)}
.newslist li:hover h3{ color:#fff;}
.newslist li:hover p{ color:#fff;}
.newslist li:hover span{ color:#fff;}






/* 底部 */

.footer {
	background: #262626;
	color: #fff;
	padding-top: 54px;
}
.footer_box {
	padding: 35px 0 50px 0;
	/* margin-top: 45px; */

	border-bottom: 1px solid rgba(255, 255, 255, .2);
	/* border-top: 1px solid rgba(255, 255, 255, .2); */

	border-left: 0;
	border-right: 0;
}
.footer_box .fotlogo {
	float: left;
	max-width: 420px;
}
.footer_box .footer_nav {
	display: inline-block;
	float: right;
	text-align: center;
}
.footer_box .footer_nav dl {
	display: inline-block;
	float: left;
	margin-right: 100px;
	margin-left: 0;
}
.footer_box .footer_nav dl dt {
	font-size: 18px;
	color: #e3e3e3;
	padding-bottom: 10px;
	margin-top: 0;
	margin-bottom: 0;
}
.footer_box .footer_nav dl dd {
	font-size: 14px;
	color: #FFFFFF;
	opacity: .3;
	line-height: 30px;
}
.footer_box .footer_nav dl dd a:hover {
	text-decoration: underline;
}
.footer .copy {
	font-size: 14px;
	color: #888;
	padding-top: 30px;
	padding-bottom: 45px;
}
.footer .copy p {
	line-height: 36px;
}
.footer .copy:after {
	display: block;
	content: '';
	clear: both;
}
.footer .copy .lcopy {
	float: left;
}
.footer .copy .rcopy {
	float: right;
	line-height: 36px;
}
.footer .wxqr {
	display: block;
	margin-top: 15px;
	float: right;
}
.footer .wxqr a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 60px;
}
.footer .wxqr p {
	font-size: 12px;
	color: #898989;
	padding: 6px 0;
	text-align: center;
}
.footer .wxqr .img_box {
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 50%;
	background-color: #343434;
	display: inline-block;
}
.footer .wxqr .img_box img {
	display: inline-block;
	border: none;
	max-width: 100%;
	max-height: 100%;
	margin-top: 18px;
}
.footer .wxqr div~div {
	margin-left: 45px;
}
.footer .wxqr .text_box {
	color: #bbbbbb;
	text-align: center;
	margin-top: 45px;
	margin-left: 0;
	font-size: 16px;
}
/*分享*/

.shareBox {
	margin-top: 20px;
}
.shareBox li {
	display: inline-block;
	margin-left: 20px;
}
.shareBox li::after {
	margin-left: 0;
}
.shareBox li a {
	display: inline-block;
	position: relative;
	color: #484848;
	border-radius: 50%;
	background: #2b2b2e;
	overflow: hidden;
}
.shareBox li a .icon1 {
	transition: all .5s;
}
.shareBox li a:hover .icon1 {
	opacity: 0;
}
.shareBox li a .icon2 {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all .5s;
}
.shareBox li a:hover .icon2 {
	opacity: 1;
}
/*内页*/





#body3 {
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
	overflow: hidden;
	color: #2b2929;
	padding-bottom: 50px;
	margin-top:120px;
}
.botop {
	width: 100%;
	margin: 90px auto 0 auto;
	background-color: #000;
	overflow: hidden;
	height: 145px;
	position: relative
}
.botop .line {
	width: 100%;
	height: 2px;
	background-color: white;
	position: absolute;
	z-index: 1;
	top: 50%;
}
.botop .til {
	width: 220px;
	height: 74px;
	position: absolute;
	z-index: 1;
	line-height: 74px;
	color: #ffcc66;
	font-size: 22px;
	left: 10%;
}
.botop .tils {
	width: 220px;
	height: 50px;
	line-height: 50px;
	position: absolute;
	z-index: 1;
	top: 75px;
	color: #fff;
	font-size: 22px;
	left: 11%;
}
.botop .tilc {
	width: 350px;
	height: 50px;
	line-height: 50px;
	position: absolute;
	z-index: 1;
	top: 75px;
	color: #fff;
	font-size: 14px;
	left: 11%;
}
.midcon {
	width: 100%;
	margin: 0 auto;
	background-color: #f5f3ef;
	overflow: hidden;
	height: auto;
	padding: 80px 0;
}
.bgc {
	background-color: #000;
}
.midcon .midcon_con {
	width: 1200px;
	height: 410px;
	margin: 0 auto;
}
.midcon .midcon_con .con_img {
	width: 540px;
	height: 410px;
	background-size: cover
}
.midcon .midcon_con .con_txt {
	width: 450px;
	height: 410px;
	margin-right: 140px;
}
.midcon .midcon_con .con_txt h3 {
	font-size: 28px;
	font-weight: bold;
	text-align: right;
	width: 100%;
	float: right;
}
.midcon .midcon_con .con_txt span {
	color: #777
}
.midcon .midcon_con .con_txt h4 {
	width: 250px;
	height: 10px;
	float: right;
	display: block;
	background-color: #777;
	margin: 30px 0 80px;
}
.midcon .midcon_con .con_txt p {
	width: 370px;
	height: auto;
	margin-top: 10px;
	font-size: 14px;
	float: right;
	display: block;
	color: #333
}
.midcon .midcon_con .con_txt a {
	width: 146px;
	height: 40px;
	border: 1px solid #666;
	border-radius: 15px;
	margin-top: 30px;
	font-size: 14px;
	float: right;
	display: block;
	color: #333;
	text-align: center;
	line-height: 40px;
}
.midcon .midcon_con .con_txt a:hover {
	background: #ffcc66;
	font-size: 14px;
	float: right;
	display: block;
	color: #333;
	border-color: #f5f3ef;
}
.midcon .midcon_con .con_txt1 {
	width: 450px;
	height: 410px;
	margin-right: 140px;
}
.midcon .midcon_con .con_txt1 h3 {
	font-size: 28px;
	font-weight: bold;
	text-align: right;
	width: 100%;
	float: right;
}
.midcon .midcon_con .con_txt1 span {
	color: #fff
}
.midcon .midcon_con .con_txt1 h4 {
	width: 250px;
	height: 10px;
	float: right;
	display: block;
	background-color: #fff;
	margin: 30px 0 80px;
}
.midcon .midcon_con .con_txt1 p {
	width: 370px;
	height: auto;
	margin-top: 10px;
	font-size: 14px;
	float: right;
	display: block;
	color: #fff
}
.midcon .midcon_con .con_txt1 a {
	width: 146px;
	height: 40px;
	border: 1px solid #fff;
	border-radius: 15px;
	margin-top: 30px;
	font-size: 14px;
	float: right;
	display: block;
	color: #fff;
	text-align: center;
	line-height: 40px;
}
.midcon .midcon_con .con_txt1 a:hover {
	background: #ffcc66;
	font-size: 14px;
	float: right;
	display: block;
	color: #333;
	border-color: #f5f3ef;
}
.mnav {
	width: 247px;
	height: 70px;
	text-align: center;
	margin: 25px auto;
	background: url(../images/mbg.jpg) top center no-repeat;
	line-height: 70px;
	font-size: 22px;
	font-weight: 700px;
	color: #999;
}
.lMenu {
	margin: 0 auto;
	width: 1200px;
	position: relative;
	color: white;
	height: 56px;
}
.lMenu h2 {
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	line-height: 56px;
	text-indent: 10px;
	position: absolute;
	left: 0;
	z-index: 9
}
.lMenu dl {
	text-align: center;
	height: 56px;
}
.lMenu dl span {
	position: relative;
	width: auto;
	padding: 0 15px;
	text-align: center;
	display: inline-block;
	overflow: hidden;
}
.lMenu dl span a {
	color: #fff;
	font-size: 18px;
	width: 100%;
	padding: 0 15px;
	height: 35px;
	display: block;
	line-height: 35px;
	box-sizing: border-box;
	background: #000
}
.lMenu dl span a:hover {
	color: #dfff;
	font-size: 18px;
	background-color: #015852
}
.lMenu dl span.on {
}
.lMenu dl span.on a {
	background-color: #015852
}
.nvabars {
	margin: 0 auto;
	width: 1200px;
	background-color: #fff;
	position: relative;
	color: white;
	height: auto;
	overflow: hidden;
	border: 1px solid #015852;
	box-sizing: border-box;
	padding: 0;
}
.nvabar {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.nvabar p {
	width: 172px;
	height: 90px;
	float: left;
	margin-right: 15px;
	line-height: 90px;
	font-size: 18px;
	color: white;
	font-weight: normal;
	background-color: #015852;
	text-align: center
}
.nvabar .type {
	width: 100%;
	margin: 0px auto;
	height: 90px;
}
.nvabar .type a {
	display: inline-block;
	padding: 8px;
	margin: 3px;
	margin-top: 20px;
	font-size: 16px;
	color: #444;
}
.nvabar .type a.active {
	color: #444;
}
.nvabar .type1 {
	width: 100%;
	margin: 0px auto;
	height: 90px;
}
.nvabar .type1 a {
	display: inline-block;
	padding: 8px;
	margin: 3px;
	margin-top: 20px;
	font-size: 16px;
	color: #444;
}
.nvabar .type1 a.active {
	color: #444;
}




.bnav {
	height: 45px;
	line-height: 45px;
	color: #4f4f4f;
	width: 1200px;
	margin: 15px auto;
	position: relative;
	font-size: 14px;
    border-bottom: 1px dashed #dcdcdc;
}


.bnav b {
	border-left: 10px solid #272727;
	font-weight: normal;
	padding-left: 8px;
}


.bnav a {
	font-size: 14px;
	color: #4f4f4f;
}
.bnav .back {
	width: 150px;
	height: 35px;
	position: absolute;
	top: 5px;
	right: 0;
	background: #ebeae8;
	border-radius: 35px;
	line-height: 35px;
	text-align: center;
	border-width: 700
}
.bnav .bgw {
	background: #fff;
}






.body3_title {
	height: 45px;
	line-height: 45px;
	font-weight: bolder;
	color: #0d2f6c;
	width: 1200px;
	margin: 0 auto;
}
.body3_title p {
	width: 50%;
	text-align: left;
	font-size: 16px;
	font-weight: normal;
	padding-right: 25px;
	text-indent: 20px;
}
.body3_title p a {
	color: #0d2f6c;
}
.body1 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding-top: 10px;
	overflow: hidden;
	margin-bottom: 15px;
	background-color: #0c2166;
	color: #FFF
}
.body1 .pb {
	padding-bottom: 20px;
}
.shiping {
	width: 1050px;
	margin: 0 auto;
	height: 500px;
	padding-bottom: 20px;
}
.shiping h3 {
	line-height: 55px;
	font-size: 20px !important;
	font-weight: normal !important
}
.w1200 {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 50px;
}
.body3_r2 {
	padding: 20px;
	line-height: 200%;
	color: #6e5f4f;
}
.body3_r3 {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	font-size: 24px;
	color: #000;
	padding-bottom: 25px;
}
.body3_r4 {
	width: 1100px;
	height: 50px;
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
}
.body3_r5 {
	padding: 20px 15px;
	line-height: 25px;
	border-top: 1px solid #ccc;
}
/**/



.wid{ max-width:1200px; margin:0 auto;}

.product_list { padding:3% 5px; height:auto; overflow:auto; width:100%; box-sizing:border-box;}
.product_list ul li{ float:left; width:30%;box-sizing: border-box; padding:10px; position: relative; margin:25px 1.5%}
.product_list ul li:hover{-webkit-box-shadow:0 0 0 1px #015852; -moz-box-shadow:0 0 0 1px #015852; box-shadow:0 0 0 1px #015852;}
.product_list ul li:nth-child(3n){ margin-right:0;}
.product_list ul li figure{ padding:1%;}
.product_list ul li figure a{ display:block; width:100%; height:190px; background-position:center center; background-repeat:no-repeat; background-size:contain;}
.product_list ul li h5{ font-size:20px; color:white; line-height:50px; text-align: center; width:100%; margin-top:5px; background-color:#015852;}
.product_list ul li h5 a{ display:block;}

.product_list ul li .more-list{ left:20px; position:absolute; padding:0 10px 0 0; margin-right:10px; border-right:solid 1px #d6d3d1;}
.product_list ul li .more-list{font-weight:bold; font-size:15px;}
 .product_list ul li .more-list a{color:#c1ae8b; display:inline-block; width:27px; line-height:27px; height:27px; border:solid 1px #bebebe; text-align:center; border-radius:100%; -moz-transition:all 0.7s; -ms-transition:all 0.7s;  -o-transition:all 0.7s;  -webkit-transition:all 0.7s; transition:all 0.7s;}
.product_list ul li .more-list a:hover{ background-color:#015852; color:#fff;}


.icon_vr{ position:absolute; width:50px; height: 50px;top:25px; right:13px;}
.icon_vr img{ width:100%;}



/*产品系列*/


.mainCont {
	margin: 30px 0;
}
.Current {
	font-size: 14px;
	line-height: 50px;
	position: relative;
	z-index: 40;
}
.Current,  .Current a {
	color: #a0a0a0;
}
.Current a:hover,  .Current span {
	color: #000;
}
.dot {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.Pic100 {
	position: relative;
	width: 100%;
	height: 0;
}
.Pic100 img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.wid {
	max-width: 1280px;
	margin: 0 auto;
}
.list_menu {
	text-align: center;
	padding: 3% 0 2%;
	position: relative;
}
.list_menu li {
	display: inline-block;
	margin: 0 2% 2%;
}
.list_menu li img {
	width: 54px;
	height: 54px;
	display: block;
	margin: 0 auto;
}
.list_menu li p {
	margin: 5px auto 2px;
	color: #000;
	font-size: 18px;
	border-bottom: 2px solid #fff;
}
.list_menu li span {
	font-size: 14px;
	display: block;
	color: #707070;
}
.list_menu li .aon p {
	border-bottom-color: #000;
}
.list_menu .line {
	position: absolute;
	width: 1920px;
	left: 50%;
	margin-left: -960px;
	bottom: 0;
	background: #e5e5e5;
	height: 1px;
	overflow: hidden;
}
.mainMenu {
	position: relative;
	text-align: center;
	line-height: 0;
	padding-bottom: 1px;
	background: #fff;
}
.mainMenu .line {
	position: absolute;
	width: 1920px;
	left: 50%;
	margin-left: -960px;
	bottom: 0;
	background: #e5e5e5;
	height: 1px;
	overflow: hidden;
}
.mainMenu .one {
	display: inline-block;
}
.mainMenu .one > li {
	float: left;
	position: relative;
}
.mainMenu .one > li {
	margin: 0 30px;
}
.mainMenu .one > li a {
	display: block;
}
.mainMenu .one > li > a {
	font-size: 16px;
	color: #000;
	line-height: 20px;
	padding: 20px 0 18px 0;
	border-bottom: 2px solid #fff;
}
.mainMenu .one > li > a:hover,  .mainMenu .one > li.on > a {
	border-bottom-color: #000;
}
.mainMenu .two {
	display: none;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 60px;
	z-index: 5;
	color: #fff;
	background: rgba(255,255,255,1);
	border: 1px solid #e5e5e5;
}
.mainMenu .two > li {
	line-height: 40px;
	display: block;
}
.mainMenu .two > li > a {
	color: #333;
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 0 15px;
}
.mainMenu .two > li > a:hover {
	background: #e1e1e1;
}
.wid {
	max-width: 1200px;
	margin: 0 auto;
}



.icon_vr {
	position: absolute;
	width: 50px;
	height: 50px;
	top: 25px;
	right: 13px;
}
.icon_vr img {
	width: 100%;
}
.pro_show_con {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}
.showbg {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 25px auto;
}
.showbg img {
	width: 100%;
}
.info_h2 {
	width: 150px;
	height: 30px;
	background-color: #ee5a22;
	border-radius: 30px;
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	float: right;
	display: block;
	color: #fff
}
.conimg {
	width: 1400px;
	height: auto;
	margin: 0 auto;
}
.showss {
	width: 610px;
	height: 630px;
	border: 1px solid #d41616;
	padding: 30px;
	box-sizing: border-box;
	float: left
}
.conimg .bpic {
	width: 100%;
	box-sizing: border-box;
	height: 400px;
	overflow: hidden
}
.conimg .bpic .cp_img {
	margin: 0 0 35px 0;
	width: 100%;
	position: relative;
	text-align: center;
	min-height: 200px;
}
.conimg .bpic .cp_img img {
	max-height: 400px;
	max-width: 100%;
}
.conimg .bpic .cp_img .zhaun {
	vertical-align: top;
	box-shadow: 2px 2px 0px #ddd, 3px 3px 0px #ddd;
	max-width: 100%;
	height: auto;
}
.conimg .bpic .cp_img .zhauns {
	vertical-align: top;
	margin: 0 13px;
	box-shadow: 2px 2px 0px #ddd, 3px 3px 0px #ddd;
}
.conimg .bpic .cp_img .zoom {
	position: absolute;
	left: 5px;
	z-index: 5;
	top: 5px;
	opacity: 0.0;
}
.conimg .info {
	color: #7b7b7b;
	height: auto;
	overflow: hidden;
	margin-top: 40px;
	width: 100%;
}
.conimg .info .swiper-prev {
	width: 30px;
	height: 99px;
	float: left;
	text-decoration: none;
	outline: none;
	padding-top: 30px
}
.conimg .info .swiper-next {
	width: 30px;
	height: 99px;
	float: right;
	text-decoration: none;
	outline: none;
	padding-top: 30px
}
.conimg .info .swiper-container {
	width: 488px;
	height: 100px;
	float: left;
}
.conimg .info img {
	width: 100%;
	height: auto;
}
.conimg .productText {
	padding-top: 15px;
	width: 700px;
	float: right;
}
.conimg .productText h3 {
	font-size: 2.8em;
	color: #d41616;
	padding: 27px 0 25px;
	display: inline-block;
	vertical-align: middle
}
.conimg .productText .name {
	font-size: 22px;
	line-height: 50px;
	height: 50px;
	font-weight: 700;
	color: #d41616
}
.conimg .productInfo {
	height: auto;
	overflow: hidden;
	padding-top: 23px;
	border-top: 1px solid #d41616;
}
.conimg .productInfo .fed {
	height: auto;
	overflow: hidden;
	margin-top: 10px;
}
.conimg .productInfo .fed b {
	display: block;
	float: left;
	line-height: 35px;
	width: 100px;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	background: url(../images/ccc.jpg) no-repeat center;
	background-size: 100% 100%;
	text-indent: 1em;
}
.conimg .productInfo .fed p {
	margin-left: 120px;
	line-height: 35px;
	color: #333;
	font-size: 16px;
	font-weight: 700
}
.conimg .productInfo .fed img {
	margin-left: 120px;
}
.conimg .productInfo .icons {
	width: 70%;
	float: left;
	margin-left: 15px;
}
.conimg .productInfo .icons li {
	float: left;
	margin: 0 0 4px 4px;
	width: 50px;
	text-align: center;
	display: list-item;
	list-style: none;
}
.conimg .productInfo .icons li img {
	display: block;
	width: 40px;
	height: 40px;
}
.conimg .productInfo .icons p {
	margin-left: 0;
	line-height: 42px;
	color: #7b7b7b;
	font-size: 12px;
}
.conimg .productInfo .vrbtn {
	width: 130px;
	height: 35px;
	line-height: 35px;
	color: #d83131;
	font-size: 16px;
	text-align: center;
	text-indent: 15px;
	background: #fff;
	border: 1px solid #d83131;
	display: inline-block;
	margin-left: 20px;
}
.conimg .showvr {
	width: 200px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: white;
	border-radius: 45px;
	margin-top: 15px;
}
.spage {
	width: 800px;
	height: 90px;
	margin: 0 auto;
	text-align: center;
}
.spage a {
	display: inline-block;
	margin: 0 12px;
	height: 55px;
	line-height: 55px;
	padding: 0 30px;
	font-size: 16px;
	color: #000000
}
.spage a:hover {
	color: #c4a285;
}
.remimg {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 30px auto;
	text-align: center;
	padding-top: 80px;
}
.remimg h2 {
	font-size: 24px;
	color: #000000;
	position: relative;
	text-transform: uppercase
}
.remimg h2:after {
	content: '';
	position: absolute;
	width: 100px;
	height: 3px;
	left: 50%;
	margin-left: -50px;
	top: 50px;
	z-index: 999;
	background-color: white
}
.remcon {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 50px auto;
	color: white;
}
.remcon img {
	max-width: 100%;
}
/**/





.case {
	width: 1260px;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0 auto;
	margin-top: 50px
}
.case .main {
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
}
.case .list {
}
.case .list .item {
	float: left;
	width: 400px;
	margin-right: 30px;
	margin-bottom: 35px;
}
.case .list .item:nth-child(3n) {
	margin-right: 0;
}
.case .list .item .img {
	position: relative;
	width: 100%;
	padding-bottom: 63%;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.case .list .item p {
	margin-top: 15px;
	color: #000000;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.case .item .img>div {
	opacity: 0;
}
.case .item .cover {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
}
.case .item .moveline {
	position: absolute;
	left: -100%;
	bottom: 0;
	width: 100%;
	height: 10px;
	background-color: #99826e;
}
.case .item .more {
	opacity: 1;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 70px;
	height: 70px;
	margin: -35px 0 0 -35px;
	background: url(../images/morepic.png) center center no-repeat;
	background-size: cover;
}
.case .item:hover .img>div {
	opacity: 1;
}
.case .item:hover .moveline {
	left: 0;
}
.case .page {
	padding: 20px 11px 45px;
}
.case .item .img>div {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
/* news */




/**/

.newsshow {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 50px;
}
.newsshow .show_title {
	font-size: 28px;
	color: #000000;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center
}
.newsshow .show_info {
	font-size: 16px;
	color: #999;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
	line-height: 35px
}
.newsshow .show_con {
	border-top: 1px solid #666;
	color: 000000
}
.newsshow .show_con img {
	max-width: 100%;
}
.dede_pages {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.dede_pages ul {
	padding: 12px 0px 12px 16px;
}
.dede_pages ul li {
	display: inline-block;
	font-family: Tahoma;
	margin-right: 10px;
	border: 1px solid #E9E9E9;
	min-width: 20px;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
}
.dede_pages ul li a {
	min-width: 20px;
	padding: 0 10px;
	height: 100%;
	color: #555;
	font-size: 16px;
	display: block;
	border-radius: 5px;
	background-color: #ebeaea;
}
.dede_pages ul li a:hover {
	color: #fff;
	background-color: #d41616;
	text-decoration: none;
}
.dede_pages ul li.thisclass,  .dede_pages ul li.thisclass a, .pagebox ul li.thisclass a:hover {
	font-weight: bold;
	color: #fff;
	background-color: #d41616;
	border-radius: 5px;
}
.dede_pages .pageinfo {
	line-height: 21px;
	padding: 12px 10px 12px 16px;
	color: #999;
}
.dede_pages .pageinfo strong {
	color: #555;
	font-weight: normal;
	margin: 0px 2px;
}
.dede_pages .npr {
	width: 35px;
	background: url(../images/page_next.png) center no-repeat;
	background-size: 80% auto;
	background-color: #e70114;
}
.dede_pages .ppr {
	width: 35px;
	background: url(../images/page_prev.png) center no-repeat;
	background-size: 80% auto
}