@charset "utf-8";

/* 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;
	padding-top:95px;
}
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 {
*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: 1500px;
	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;
}


@keyframes movelr
{
    0%   { transform: translateX(0px); }
    50%  { transform: translateX(60px); }
    100% { transform: translateX(0px); }
}



/* 页头 */
.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background-color:#FFFFFF;
}
.header_box {
	padding:14px 0;
	color: #000;
}
.header_box h1 {
	width: 252px;
	height:67px;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
	display: inline-block;
	float: left;
}
.header_box h1 a {
	display: inline-block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}
.header_box .btn_box {
	display: inline-block;
	float: right;
	margin-top:20px;
}
.header_box .btn_box .idown {
	float: left;
	display: block;
	width: 25px;
	height: 25px;
	padding-right: 30px;
	border-right: 1px solid #787879;
}
.header_box .btn_box .search_btn {
	display: inline-block;
	width: 35px;
	height: 23px;
	background-image: url(../images/search.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
	float: left;
	cursor: pointer;
	padding-right: 20px;
	position: relative;
}
.header_box .btn_box .menu {
	width: 40px;
	height: 35px;
	display: inline-block;
	float: right;
	cursor: pointer;
	background-image: url(../images/nemu2.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 25px;
	position: relative;
}
.header_box .nav {
	margin: 15px 200px 0 340px;
}
.header_box .nav ul {
	height: 36px;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.header_box .nav ul li {
	display: inline-block;
	float: left;
	font-size: 16px;
	line-height: 35px;
	padding: 0 8px;
	margin: 0 22px;
	position: relative;
	color: #fff;
}
.header_box .nav li.on:after, .header_box .nav li:hover:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -20px;
	width: 100%;
	height: 1px;
	background-color: #99826e;
}
.header_box .nav a {
	display: block;
	width: 100%;
	line-height: 20px;
	text-align: center;
	font-size: 16px;
	color:#000000;
}
.header .header_form {
	position: absolute;
	left: 0;
	bottom: -190px;
	background: rgba(255,255,255,.8);
	z-index: 666;
	padding: 70px 0;
	text-align: center;
	width: 100%;
	height: 50px;
	overflow: hidden;
	display: none;
}
.header .header_form form {
	height: 50px;
	line-height: 50px;
	display: inline-block;
	max-width: 500px;
	width: 100%;
	position: relative;
}
.header .header_form form input.text {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 78%;
	height: 100%;
	background-color: #fff;
	border: none;
	text-indent: 15px;
	color: #adb5c5;
	font-size: 14px;
	border: none;
	border-radius: 4px;
}
.header .header_form form input.submit {
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	width: 20%;
	height: 100%;
	background-color: #99826e;
	border: none;
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
}




/**/
.index_swiper {
	width: 100%;
	height: 100%;
	display: block;
}
.index_swiper .swiper-slide{
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	/* -webkit-align-items: center; */
	align-items: center;
	background-repeat:no-repeat;
	/* background-position:center center; */
	/* background-size:cover; */
}


/**/

.banner{ width: 100%; height: 100%; }
.banner source{ width: 100%; height: 100%; }
.banner .swiper-slide{ width:100%!important; background-size: cover;  text-align: center; }
.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: 52px; background-size: 9px 13px; }
.banner .swiper-button-prev{ background-image: url(../images/banner_prev.png); left: auto; right: 50%; margin-right: 120px; }
.banner .swiper-button-next{ background-image: url(../images/banner_next.png); left: 50%; right: auto; margin-left: 120px;}


/* iproduct */
.iproduct{ width: 100%; height: 100%; color: #fff; }
.fl{ float: left;}
.fr{ float: right; }

.iproduct .item{ width: 100%; height: 100%; }
.iproduct .prot{ box-sizing: border-box; width: 50%; height: 100%; padding: 80px 0 0 8%; display: flex; align-items: center; }
.iproduct .prot .text{ width: 50%; }
.iproduct .prot h2{ font-size:60px; line-height: 90px; color: #FF0000; font-family: "beb"; text-align: left; text-transform: uppercase; }
.iproduct .prot h3{ margin: 6% 0 12%; font-size: 30px; text-align: left; }
.iproduct .prot .txtp{  }
.iproduct .prot .txtp p{ text-align: left; font-size: 16px; }
.iproduct .prot .more{ margin-top: 28%; width: 68px; height: 13px; background: url(../images/arrow_more.png) center center no-repeat; background-size: cover; animation: movelr 3s ease infinite; }

.iproduct .prot .pic{ position: relative; width: 50%; max-width:250px; }
.iproduct .prot .pic .cover{ position: absolute; left: 0; top: 0; z-index: -2; width: 100%; height: 100%; background: url(../images/ipr_pic.jpg) center center no-repeat; }


.iproduct .imgshow{ box-sizing: border-box; width: 45%; height: 100%; padding-top: 80px; display: flex; align-items: center; }
.iproduct .imgshow img{ max-width:800px; max-height:550px  }

.iproduct .swiper-button-next,.iproduct .swiper-button-prev{ z-index: 999; width: 40px; height: 40px; border: 1px solid #666; border-radius: 50%; background-size: 18px 10px; }
.iproduct .swiper-button-prev{ background-image: url(../images/swipert.png); left: auto; right: 47.5%; }
.iproduct .swiper-button-next{ background-image: url(../images/swiperb.png); left: auto; right: 47.5%; top: 58%; }
.iproduct .swiper-button-next:hover,.iproduct .swiper-button-prev:hover{ border: 1px solid #9a8867; background-color: #9a8867; }


/**/
.iabo{ width: 100%; padding: 0 15px; box-sizing: border-box; }
.iabo h2{ font-size: 100px; font-family: "beb"; color: #99826e; text-transform: uppercase; }
.iabo h3{ font-size: 30px; color: #fff; margin-bottom: 40px;}

.iabo .list{ margin-top: 5%; }
.iabo .item { color: #fff; display: inline-block; margin: 0 6%; }
.iabo .item .num{ }
.iabo .item .num span{ position: relative; padding-right: 8px; font-family: "beb"; font-size: 100px; }
.iabo .item .num span::after{ content: "+"; position: absolute; right: -22px; top: 12px; font-size: 36px; font-weight: lighter; }
.iabo .item .num sub{ display: inline-block; font-size: 24px; }
.iabo .item p{ font-size: 16px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }

.iabo .more{ display: block; margin-top: 5%; color: #fff; font-size: 16px; text-transform: uppercase; }



/* section3 */

.inpro {
	width: 100%;
	height: 80%;
	padding-top:95px;

}
.inpro .swiper-slide {
	height: 100%;
	background-size: 100% 100%;
}
.inpro .swiper-slide .item {
	width: 100%;
	height: 100%;
	background-color: #434343;
}
.inpro .swiper-slide:nth-child(2n) .item {
	background-color: #4d4d4d;
}
.inpro .swiper-slide-next .item {
	background: none;
}
.inpro .swiper-slide .item:hover {
	height: 100%;
	background-color: transparent;
}
.inpro .swiper-slide .item a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.inpro .swiper-slide .item .text {
	padding-top: 40%;
	width: 70%;
	text-align: left;
}
.inpro .swiper-slide .item:hover .text {
	opacity: 0;
}
.inpro .text h3 {
	color: #fff;
	font-size: 42px;
}
.inpro .text .en {
	margin: 12px 0 15px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 35PX;
}
.inpro .text p {
	color: #fff;
	font-size: 14px;
	line-height: 20px;
}
.inpro .swiper-button-prev {
	width: 76px;
	height: 76px;
	left: 18px;
	opacity: 1;
	background-image: url(../images/lixiya_16.jpg);
	background-size: auto 76px;
	background-color: transparent;
	border-radius:10px;
	top: 35%
}
.inpro .swiper-button-next {
	width: 76px;
	height: 76px;
	opacity: 1;
	background-image: url(../images/lixiya_20.jpg);
	background-size: auto 76px;
	background-color: transparent;
	border-radius:10px;
	right: 18px;
	top: 70%
}
.inpro .swiper-button-next.swiper-button-disabled, .iseries .swiper-button-prev.swiper-button-disabled {
	opacity: 0;
}


/**/

.iadv{ width: 100%; padding:0px 15px 0; box-sizing: border-box; }
.iadv h2{ font-size:80px; color: #99826e; text-transform: uppercase; text-align: center; }
.iadv h3{ font-size:25px; color: #fff; margin-bottom:30px; text-align: center;}
.advantage{ width: 100%; }
.advantage .swiper-container{ padding-top:20px;  }
.advantage .item{ cursor: pointer; position: relative; width: 100%; padding: 60px 0px 0px 0px; margin-top: 60px; background-color: #323232; border-top-left-radius: 20px; border-bottom-right-radius: 20px; text-align: left; }
.advantage .item:hover{ 
	-webkit-transform: translate(0,-5%); 
	-moz-transform: translate(0,-5%); 
	-ms-transform: translate(0,-5%); 
	-o-transform: translate(0,-5%); 
	transform: translate(0,-5%); 
 }
.advantage .item h4{ width: 100%; margin-bottom: 10px; font-size: 18px; color: #fff; padding:0 30px; box-sizing: border-box }
.advantage .item .num{ position: absolute; left: 30px; top: -70px; color: #99826e;  font-size:100px;}
.advantage .item p{ width: 100%; font-size: 14px; line-height: 24px; color: #999; padding:0 30px ; box-sizing: border-box;}
.advantage .item img{ width: 100%;margin-top: 10px; }

.advantage .swiper-pagination-bullet{ width: 14px; height: 14px; background-color: #d0d0d0; opacity: 1; }
.advantage .swiper-pagination-bullet-active{ background-color: #99826e;  }
.advantage .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 12px; }




/**/
	
.invr{ width:80%; height:auto; overflow:hidden; margin:10px auto;}	
.invr img{ width:100%;}	


/**/


/**/
.incasebox{ width:80%; margin:0 auto;}
.casetext{ width:30%; float: left }
.casetext h2{ font-size:60px; line-height:90px; color: #99826e; font-family: "beb"; text-align: left; text-transform: uppercase; }
.casetext h3{ margin: 6% 0 12%; font-size: 30px; text-align: left; color:white}
.casetext .more{ margin-top:40px; width: 68px; height:50px; background: url(../images/arrow_more.png) bottom center no-repeat; background-size:100% auto; animation: movelr 3s ease infinite;color: white; }



.incase{margin-top:5px; width:800px; margin-right:100px; height:auto; padding:30px; max-width:none;box-sizing:border-box; float:right; background-color:#2b2b2d;  }

.incase .img{ width:480px; height:400px; float: left; overflow: hidden;}
.incase .img img{width:100%; height:380px}
.incase .img p{width:100%; height:20px;line-height:20px; color:#898989; font-size:0.5rem;}

.incase .img1{ width:200px; height:200px;float:right;overflow: hidden; }
.incase .img1 img{height:180px;width:100%;}
.incase .img1 p{width:100%; height:20px;;line-height:20px; color:#898989; font-size:0.5rem;}

.incase .img2{ width:200px; height:200px;float:left;  overflow: hidden; margin-top:15px;}
.incase .img2 img{height:180px;width:100%;}
.incase .img2 p{width:100%; height:20px;;line-height:20px; color:#898989; font-size:0.5rem;}

.incase .img3{ width:480px; height:200px;float:right;overflow: hidden;margin-top:15px;}
.incase .img3 img{height:180px;width:100%;}
.incase .img3 p{width:100%; height:20px;;line-height:20px; color:#898989; font-size:0.5rem;}



/**/
.innewsbox{ width:80%; margin:0 auto;}
.newstext{ width:30%; float: left }
.newstext h2{ font-size:60px; line-height:90px; color: #99826e; font-family: "beb"; text-align: left; text-transform: uppercase; }
.newstext h3{ margin: 6% 0 12%; font-size: 30px; text-align: left; color:white}
.newstext .more{ margin-top:40px; width: 68px; height:50px; background: url(../images/arrow_more.png) bottom center no-repeat; background-size:100% auto; animation: movelr 3s ease infinite;color: white; }
.innews {margin-top:5px; width:70%;  height:auto; box-sizing:border-box; float:right; overflow: hidden }
.innews_list{ width:95%; height:auto; overflow: hidden; margin:10px auto; text-align: left;}
.innews_list .nimg{ width:100%; height:auto; overflow: hidden; float:left ; position: relative;}
.innews_list .nimg img{ width:100%; height:220px; }
.innews_list .nimg .mo{ width:100%; height:30px; position: absolute; z-index:2; background-color:#e60012; line-height:30px; bottom:0; text-align: center; color: white; font-size:1.5rem;}
.innews_list .ntxt{ width:100%; height:auto; overflow: hidden; float:right; padding:5px 10px; box-sizing: border-box; }
.innews_list .ntxt h3{ font-size:16px; height:24px; list-style:24px; overflow: hidden; color:#FFFFFF; text-indent:0; margin-top:5px}
.innews_list .ntxt p{ font-size:12px; height:54px; line-height: 18px; overflow: hidden;text-indent:2em; margin-top:5px;color:#FFFFFF;}


/**/
.intil {
	width: 100%;
	padding: 0 15px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	text-align:center; 
	box-sizing: border-box;
}
.intil h2 {
	font-size:80px; color: #99826e; text-transform: uppercase; text-align: center;
}
.intil h3 {
font-size:25px; color: #fff; margin-bottom:30px; text-align: center;
}





/* more */
.more_a {
	display: block;
	width: 170px;
	height: 30px;
	overflow: hidden;
	float: left
}
.more_a .ani_line {
	position: relative;
	float: left;
	display: block;
	width: 87px;
	height: 10px;
	border-bottom: 1px solid #dcdcdc;
}


.more_a .tt {
	float: left;
	display: block;
	height: 20px;
	color: #333;
	font-size: 14px;
	margin-left: 15px;
}






/**/

.infot {
	margin: 0 auto;
	width:100%;
	max-width: none;
	color: #FFFFFF;
	position: relative;
	padding-bottom: 100px;
}
.infot:after{content: ''; position:absolute; width:100%; height:1px; left:0; top:80px; z-index:999; background-color:white}

.ftxt {
	margin: 0 auto;
	width:70%;
	height: auto;
	overflow: hidden;
	padding:30px 15px;
	text-align:left;
	box-sizing: border-box;
	border-bottom:1px solid #1c1c1c;
}
.ftxt h3 {
	font-size:38px;
	color:#c4a285;
	text-transform: uppercase;
	padding-bottom:60px;
}
.ftxt p {
	font-size: 16px;
	line-height: 2em;
	color: #9fa0a0;
	padding-top: 15px;
}
.ftxt .ft1{width:33%; height: auto;overflow: hidden; float: left}
.ftxt .ft2{width:33%;height: auto;overflow: hidden; float: left}
.ftxt .ft3{width:33%; height: auto;overflow: hidden;float: left}

.ftxt .ft2 li{ width:100%; height:35px; line-height:35px;color: #9fa0a0; text-align: left }


.fcopy {
	margin: 0 auto;
	bottom: 20px;
	width: 70%;
	padding: 0 15px;
	text-align:left;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 2em;
}

.fcopy p {
	display: inline-block;
	font-size: 16px;
	line-height: 2em;
	color: #9fa0a0;
	padding-right:50px;
	padding-top:15px
}





/*内页*/


#body3{ width:100%; margin:0 auto; background-color:#f5efef; overflow:hidden; color:#000000; padding-bottom:50px;}

.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; background-color:#2a2a2a; 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:left; height:56px;}
.lMenu dl span{ position:relative; width:auto; padding:0 15px; text-align: center; display:inline-block; overflow:hidden; padding-top:13px}
.lMenu dl span a{ color:#FFFFFF; font-size:16px;width:100%; height:30px; display: block; line-height:30px; box-sizing: border-box}
.lMenu dl span a:hover{ color:#c4a285; font-size:16px; border-bottom:1px solid #c4a285;}
.lMenu dl span.on{background:#eaeaea url(../images/menu_icon.jpg) no-repeat 10px center;}
.lMenu dl span.on a{ color:#0f1837;}


.nvabars{margin:0 auto; width:1200px; background-color:#2a2a2a; position: relative; color:white;height:auto; overflow: hidden ; border:1px solid #99826e; box-sizing: border-box; padding:0;}
.nvabar{width: 100%; margin: 0 auto;overflow: hidden;background-color:#323232;}
.nvabar p{width:172px; height:90px;  float: left; margin-right:15px; line-height:90px;  font-size:18px; color: white; font-weight:normal;background-color:#2a2a2a; 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:#fff; }
.nvabar .type a.active{  color: #99826e;}

.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:#fff; }
.nvabar .type1 a.active{  color: #99826e; }






.bnav{height:45px; line-height:45px;color:#99826e; width:1200px; margin:25px auto; position: relative;font-size:15px; }
.bnav a{ font-size:15px; color:#99826e;}

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



/**/

.catlist{width:100%; height:auto;overflow: hidden; margin-top:130px}
.catlist li{width:80%; height:500px;overflow: hidden; margin:60px auto; border:1px solid #515050; box-sizing: border-box;;}

.catlist .cat_img{width:45%; height:500px; float:left}
.catlist .cat_img img{width:100%;height:500px}
.catlist .cat_txt{ width:55%; height:500px; float:right; text-align: left; padding:8px; box-sizing: border-box; padding-left:30px; box-sizing: border-box }
.catlist .cat_txt h3{ font-size:36px; color:black; text-transform: uppercase; margin-top:150px;}
.catlist .cat_txt dd{ font-size:24px; color:white; line-height:26px; display: inline-block; background-color:#7d7d7d; padding:10px 20px; 
	border-radius:50px; margin-top:20px;}


.catlist li:nth-child(2n) .cat_img{ float: right}
.catlist li:nth-child(2n) .cat_txt{ float:left}




/*产品系列*/
.Content{ width:100%; overflow:hidden; position:relative; min-height:450px;}
.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;}


.product_list { padding:3% 5px; height:auto; overflow:auto; width:100%; box-sizing:border-box;}
.product_list ul li{ float:left; width:22%;box-sizing: border-box; padding:10px; position: relative; margin:25px 1.5%}
.product_list ul li:hover{-webkit-box-shadow:0 0 0 1px #99826e; -moz-box-shadow:0 0 0 1px #99826e; box-shadow:0 0 0 1px #99826e;}
.product_list ul li:nth-child(4n){ margin-right:0;}
.product_list ul li figure{ padding:1%;}
.product_list ul li figure a{ display:block; width:100%; height:300px; background-position:center center; background-repeat:no-repeat; background-size:contain;}
.product_list ul li h5{ font-size:14px; text-align: center; width:100%; margin-top:5px;}
.product_list ul li h5 a{ display:block;}
.product_list ul li p{ font-size:14px;text-align: center; width:100%; }


.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:#F00; color:#fff;}


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




.pro_show_con{width:100%; height: auto; overflow: hidden; margin:0 auto; background-color:#323232 }

.showbg{ width:100%; height:auto; overflow: hiddenl; margin:25px auto;}
.showbg img{ width: 100%;}

.info_h2{ width:150px;height:30px; background-color: white; border-radius:30px; text-align: center; font-size:14px; line-height:30px; float: right; display: block; color:#000}


.conimg {width:1400px; height: auto; margin:0 auto;}
.conimg .bpic img{width:100%;}
.conimg .bpic{width:50%;float:left;padding:2.6%; box-sizing: border-box;}
.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: 500px;width:auto;}
.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 .productText { padding-top:15px; width:47%; float:right; }
.conimg .productText h3 { font-size: 2.8em; color: #fff; padding: 27px 0 25px;display: inline-block;vertical-align: middle }
.conimg .productText .name{font-size:22px;line-height:50px;height:50px; font-weight: 700}
.conimg .productInfo { height: auto; overflow: hidden; padding-top: 23px; border-top: 1px solid #4e4e4e; }
.conimg .productInfo .fed { height: auto; overflow: hidden; }
.conimg .productInfo .fed b { display: block; float: left; line-height:35px; color: #fff; font-size: 16px; font-weight:normal }
.conimg .productInfo .fed p { margin-left:80px; line-height:35px; color: #fff; font-size: 16px; }
.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 .info { color: #7b7b7b;height:auto; overflow: hidden; margin-top:15px; width:540px;}
.conimg .info .swiper-prev {width:29px; height:99px; float:left;text-decoration: none; outline: none}
.conimg .info .swiper-next {width:29px; height:99px; float:right;text-decoration: none; outline: none}
.conimg .info .swiper-container {width:460px; height:100px; float:left; margin-left:10px;}
.conimg .info  img{ width:100%; height: auto;}



.conimg .showvr{ width:200px;height:45px; background-color:#fa1a10; 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:white}
.spage a:hover{color:#c4a285;}

.remimg{ width:100%; height:auto; overflow: hidden; margin:0 auto; background-color:#4e4e4e; text-align: center; padding-top:80px;}
.remimg h2{ font-size:24px;  color:white; 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}
.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 */
.news{ width:1200px; height:auto; margin:0 auto; overflow:hidden; padding-top:50px; }
.newslist{ width: 100%; padding:25px 0 30px; display: flex; margin-top:25px; }
.newslist .bimg{ max-width: 780px; overflow: hidden; }
.newslist .btext{ display: flex; flex-wrap: wrap; align-items: center; padding: 0 5%; width: 720px; font-size: 14px; color: #999; box-sizing: border-box; }
.newslist .btext h3{ width: 100%; font-size:20px; color: #000000; }
.newslist .btext .date{ width: 100%; margin: 4% 0 6%; }
.newslist .btext p{ width: 100%; line-height:30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.newslist .bigaa{ width: 100%; margin-top: 8%; }
.newslist .bigaa a{ display: inline-block; margin-right: 5%; width: 170px; line-height: 48px; border: 1px solid #aaa; text-align: center; color: #999; }
.newslist .bigaa a:hover,.newslist .bigaa a.hascolor{ border-color: #99826e; background-color: #99826e; color: #fff; }




/**/
.newsshow{ width:1200px; height:auto; margin:0 auto; overflow:hidden; padding-top:50px; }
.newsshow .show_title{font-size:28px;color: #fff; 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:white}
.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;
}
.dede_pages ul li a{
	min-width:20px;
	padding: 0 10px;
	height:100%;
	color:#555;
	font-size: 16px;
	display:block;
}
.dede_pages ul li a:hover{
	color:#fff;
	background-color: #e70114;
	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:#e70114;
}
.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}
.dede_pages .ppr{width:35px; background:url(../images/page_prev.png) center no-repeat; background-size:80% auto}