@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:12px;font-family:Arial,微软雅黑;color:#333;}

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

table{border-collapse:collapse;}

input,textarea{outline:none;background:#fff;border:none;font-family: '微软雅黑';}

textarea{resize:none;overflow:auto;}



/* public */

.clearfix {*zoom: 1;}

.clearfix:before,.clearfix:after {content:'';display: block;height: 0;clear: both;visibility: hidden;}

/* .img_box{position: relative;}

.img_box img{ position: absolute; left: 50%;top: 50%; transform: translate(-50%,-50%);} */

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

.img_box img{vertical-align:middle;border:none;display:inline-block;}

.main{width:100%; max-width:1400px; margin:0 auto;}

.btn,.submit{font-family: '微软雅黑';cursor:pointer;display:inline-block;text-align:center;}

.bl{display:inline-block;float:left;}

.br{display:inline-block;float:right;}

h1,h2,h3,h4,h5{font-weight:normal;}

/* 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:#152c58;

}

.header_box {

	padding:5px 0;

	color: #000;

}

.header_box h1 {

	width: 243px;

	height:83px;

	background-image: url(../images/xy_03.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:30px;

}

.header_box .btn_box .idown {

	float: left;

	display: block;

	width:120px;

	height:25px;

	padding-top:5px;

	color: white;

	font-size:16px;

	padding-right:15px;

	border-right: 1px solid #fff;

}

.header_box .btn_box .search_btn {

	display: inline-block;

	text-align: center;

	width: 35px;

	height: 23px;

	line-height: 23px;

	background:#d4d4d4;

	float: left;

	color:black;

	font-size:16px;

	margin-left:10px;

	cursor: pointer;

	position: relative;

}



.header_box .nav {

	float: left;

	margin-top:25px;

	margin-left:50px;

}

.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 18px;

	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;

}













/**/



.banner{ width: 100%; height: 100%; padding-top:90px; }

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









/**/



.tit1{

	color:#152c58;

	position: relative;

	text-align: center;

}

.tit1 h2{

	font-size:25px;

	position: relative;

	display:inline-block;

}

.tit1 h2::after{}

.tit1 p{

	font-size:42px;

	font-weight:bold;

	text-transform: uppercase;

	background-repeat: no-repeat;

	background-position: bottom 5px center;

	background-size:auto 20px;

	background-image: url(../images/tit1bg.png);

	display:inline-block;

}

.tit1 a.more{

	height:35px;

	line-height:35px;

	padding-right:35px;

	display:inline-block;

	position: absolute;

	right:0;

	top:35px;

	background:url(../images/tag2.png) no-repeat right 3px center;

	font-size:16px;

	color:#000;

	border-bottom:1px solid #000;

	text-transform: uppercase;

}









.tit2{

	color:#000;

	position: relative;

}

.tit2 h2{

	font-size:30px;

	position: relative;

	padding-right:45px;

	display:inline-block;

}

.tit2 h2::after{

	content:'';

	width:40px;

	height:2px;

	display:inline-block;

	background:#d6d6d6;

	position: absolute;

	right:0;

	top:20px;

}

.tit2 p{

	font-size:42px;

	font-weight:bold;

	text-transform: uppercase;

	background-repeat: no-repeat;

	background-position: bottom 5px center;

	background-size:auto 20px;

	background-image: url(../images/tit1bg.png);

	display:inline-block;

}

.tit2 a.more{

	height:35px;

	line-height:35px;

	padding-right:35px;

	display:inline-block;

	position: absolute;

	right:0;

	top:35px;

	background:url(../images/tag2.png) no-repeat right 3px center;

	font-size:16px;

	color:#000;

	border-bottom:1px solid #000;

	text-transform: uppercase;

}









/* iproduct */

.iproduct{ width: 100%; height: 100%; color: #fff; margin:80px auto; max-width:1920px; overflow: hidden}



.iproduct .ipro{ margin-top:50px; height: auto;overflow: hidden}

.iproduct .ipro li{width:32%; height: 100%; float: left; position: relative; text-align: center; margin-right:2%;}

.iproduct .ipro li:last-child{margin-right:0;}

.iproduct .ipro li img{width: 100%;}

.iproduct .ipro li .txt{ position: absolute; z-index:99; font-size:30px; font-weight: 700; width:100%; bottom:100px}

.iproduct .ipro li .ii{ position: absolute; z-index:90; width:100%; height: 100%;  background:rgba(0,0,0,0.3); top:0px}

.iproduct .ipro li .mor{ position: absolute; z-index:99; font-size:18px; font-weight: 700;bottom:30px; width:180px;  height:38px; background:url(../images/mro.jpg) 25px center no-repeat #fff; color:#0a0a0a; line-height:38px; left: 50%; margin-left:-90px; text-transform: uppercase; text-indent:30px}

.iproduct .ipro li:hover .ii{background:rgba(0,0,0,0);}





.iproduct .ipro1{ margin-top:40px;height: auto;overflow: hidden}

.iproduct .ipro1 li{width:18.4%; height: 100%; float: left; position: relative; text-align: center; margin-right:2%; overflow: hidden}

.iproduct .ipro1 li:last-child{margin-right:0;}

.iproduct .ipro1 li img{width: 100%;}

.iproduct .ipro1 li .txt{ position: absolute; z-index:99; font-size:14px; font-weight: 700; width:100%; bottom:20px}

.iproduct .ipro1 li:hover img{

	transform:scale(1.2);

	-webkit-transition: all .6s ease-in-out;

	-moz-transition: all .6s ease-in-out;

	transition: all .6s ease-in-out;

}











.ibrand{

	max-width:1920px;

	margin:0 auto;

	background-repeat: no-repeat;

	background-position: top center;

	background-image: url(../images/ibrand.jpg);

	padding:80px 0 50px 0;

}

.flex_r {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: space-between;

}



.main {

    width: 100%;

    max-width: 1400px;

    margin: 0 auto;

}

.ibrand_box{

	padding-bottom:70px;

}

.ibrand_box .tit1{

	display:inline-block;

}

.ibrand_box .text_box{

	display:inline-block;

	width:42%;
	padding-right:80px;

}

.ibrand_box .text_box h3{

	font-size:30px;

	color:#000;

	margin-bottom:50px;

}

.ibrand_box .text_box .text{

	font-size:16px;

	line-height:28px;

	color:#666;

}

.ibrand .pic_box{

	position: relative;

}

.ibrand .pic_box .pic{

	height:400px;

}









.flex_cc{

	display:flex;

	flex-direction: column;

	align-items:center;

	justify-content : center;

}

.iabout{

	max-width:1920px;

	margin:0 auto;

}

.iabout .col{

	width:50%;

	display:inline-block;

	float:left;

	height:800px;

	background-repeat: no-repeat;

}

.iabout .col:nth-child(1){

	background-image:url(../images/xy_37.jpg);

	background-position: center;

	background-size:contain;



}

.iabout .iabout_box{

	height:100%;

	padding-right:60px;

}

.iabout .iabout_box .text_box{

	display:inline-block;

}

.iabout .iabout_box .text_box .text{

	padding:70px 0;

}

.iabout .iabout_box .text .li{

	width:350px;

	padding:30px 0;

	font-size:18px;

	color:#000;

	padding-left:125px;

	background-repeat: no-repeat;

	background-position: 50px center;

	background-size:auto 30px;

	position: relative;

}

.iabout .iabout_box .text .li:hover{

	box-shadow: 0 0 10px #ccc;

}

.iabout .iabout_box .text .li::after{

	content:'';

	display:inline-block;

	width:1px;

	height:50px;

	background:#eee;

	position: absolute;

	left:100px;

	top:30px;

}

.iabout .iabout_box .text .li p{

	padding-top:5px;

	font-weight:bold;

}

.iabout .iabout_box .more{

	width:180px;

	height:55px;

	line-height:55px;

	display:inline-block;

	border:1px solid #000;

	color:#000;

	font-size:16px;

	text-transform: uppercase;

	text-align:center;

	font-weight:bold;

}

.iabout .iabout_box .more:hover,

.iabout .iabout_box .more:active{

	background:#0a1c5c;

	color:#fff;

}







.iorigin{

	max-width:1920px;

	margin:0 auto;

}

.iorigin .tbox{

	padding:70px 0;

	text-align:center;

	background:#152c58;

}

.iorigin .tbox h2{

	font-size:48px;

	color:#eaca99;

	padding-bottom:10px;

}

.iorigin .tbox p{

	font-size:18px;

	color:#fff;

	line-height:32px;

}

.iorigin_box .col{

	width:50%;

	display:inline-block;

	float:left;

	height:525px;

	overflow: hidden;

}

.iorigin_box .col .flex{

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	-webkit-transition: all .6s ease-in-out;

	-moz-transition: all .6s ease-in-out;

	transition: all .6s ease-in-out;

	-webkit-filter: grayscale(100%);

	-moz-filter: grayscale(100%);

	-ms-filter: grayscale(100%);

	-o-filter: grayscale(100%);

	filter: grayscale(100%);

	filter: gray;

}

.iorigin_box .col .flex:active,

.iorigin_box .col .flex:hover{

	transform:scale(1.2);

	-ms-transform:scale(1.2);

	-webkit-transform:scale(1.2);

	-webkit-filter: grayscale(0);

	-moz-filter: grayscale(0);

	-ms-filter: grayscale(0);

	-o-filter: grayscale(0);

	filter: grayscale(0);

}

.iorigin_box .col .flex:active .text_box,

.iorigin_box .col .flex:hover .text_box{

	transform:scale(.8);

	-ms-transform:scale(.8);

	-webkit-transform:scale(.8);

}

.iorigin_box .col:nth-child(1) .flex{

	background-image:url(../images/xy_40.jpg);

}

.iorigin_box .col:nth-child(2) .flex{

	background-image:url(../images/xy_42.jpg);

}

.iorigin_box .flex{

	width:100%;

	height:100%;

}

.iorigin_box .text_box{

	display:inline-block;

	color:#fff;

	text-align: center;

	-webkit-transition: all .6s ease-in-out;

	-moz-transition: all .6s ease-in-out;

	transition: all .6s ease-in-out;

}

.iorigin_box .text_box h4{

	font-size:30px;

	line-height:36px;

	padding-bottom:10px;

}

.iorigin_box .text_box a.more{

	display:inline-block;

	height:40px;

	line-height:40px;

	padding:0 30px;

	font-size:12px;

	border-bottom:1px solid #fff;

	text-align: center;

	margin:0 auto;

}











.inews{

	padding:70px 0;

}

.inews .tit1{

	margin-bottom:50px;

}

.inews_box{}

.inews_box .list{

	width:365px;

	padding:30px;

	border:1px solid #e5e5e5;

	margin-bottom:30px;

}

.inews_box .list .img_box{

	width:365px;

	height:245px;

	overflow: hidden;

}

.inews_box .list .img_box img{

	-webkit-transition: all .6s ease-in-out;

	-moz-transition: all .6s ease-in-out;

	transition: all .6s ease-in-out;

}

.inews_box .list:hover .img_box img{

	transform:scale(1.2);

	-ms-transform:scale(1.2);

	-webkit-transform:scale(1.2);

}

.inews_box .list .text_box{

	padding:30px 0;

	min-height:75px;

}

.inews_box .list .text_box h4{

	font-size:16px;

	color:#333;

	margin-bottom:10px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;

}

.inews_box .list .text_box p{

	font-size:14px;

	color:#999;

	line-height:20px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

}

.inews_box .list:active .text_box p,

.inews_box .list:hover .text_box p{

	color:#a61f22;

}

.inews_box .list span.day{

	display:block;

	height:50px;

	line-height:50px;

	font-size:14px;

	color:#666;

	background:url(../images/tag3.png) no-repeat right 8px center;

	border-top:1px solid #e5e5e5;

}









/* 页脚 */

.footer{

	background:#313131;

	padding:75px 0 45px 0;

	color:#fff;

}

.footer_box .fnav{

	width:23%;

	display:inline-block;

	position: relative;

}

.footer_box .fnav::after{

	content:'';

	display:inline-block;

	width:1px;

	height:202px;

	background:#85899b;

	position: absolute;

	right:0;

	bottom:0;

}

.footer_box .fnav .text_box{

	padding-right:60px;

}

.footer_box .fnav .text_box h4{

	font-size:18px;

}

.footer_box .fnav .text_box ul{

	display:block;

	padding:15px 0;

}

.footer_box .fnav .text_box ul li{

	display:inline-block;

	line-height:30px;

	float:left;

	margin-right:20px;

	margin-bottom:5px;

	font-size:14px;

}

.footer_box .fnav .text_box ul li a{

	display:block;

}

.footer_box .flogo{

	display:inline-block;

	text-align:center;

}

.footer_box .flogo .text_box span.line{

	width:1px;

	height:60px;

	display:block;

	background:#848484;

	margin:0 auto;

	margin-top:10px;

	margin-bottom:10px;

}

.footer_box .flogo .text_box p{

	font-size:24px;

}

.footer_box .qr_box{

	width:23%;

	display:inline-block;

	position: relative;

}

.footer_box .qr_box::after{

	content:'';

	display:inline-block;

	width:1px;

		height:202px;

	background:#848484;

	position: absolute;

	left:0;

	bottom:0;

}

.footer_box .qr_box .list{

	display:inline-block;

	float:left;

	margin-left:30px;

}

.footer_box .qr_box .list .img{

	width:120px;

	height:120px;

}

.footer_box .qr_box .list p{

	text-align:center;

	line-height:30px;

	font-size:16px;

}

.copyright{

	font-size:14px;

	line-height:24px;

	text-align:center;

	margin-top:35px

}































/*内页*/





#body3{ width:100%; margin:0 auto; background-color:#e0e0e0; 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:#152c58; 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:0 8px;  margin:0 3px; font-size:16px; color:#fff; line-height:45px; }

.nvabar .type a.active{  color: #99826e;}



.nvabar .type1{width:100%; margin:0px auto; height:90px;}

.nvabar .type1 a{display: inline-block; padding:0 8px;  margin:0 3px; font-size:16px; color:#fff; line-height:45px; }

.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:#152c58;}



.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:#b3b1b1 }



.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: #000000; font-size: 16px; font-weight:normal }

.conimg .productInfo .fed p { margin-left:80px; line-height:35px; color: #000000; 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: #000000; 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:000000}

.spage a:hover{color:#000000;}



.remimg{ width:100%; height:auto; overflow: hidden; margin:0 auto; background-color:#c7c7c7; 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}

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




.lMenu1 {width:100%; padding: 0 0; height:auto; overflow: hidden; text-align: center;margin-bottom:30px; margin:0 auto}
.lMenu1 dl{ text-align:center; width:1200px; margin:0 auto;}
.lMenu1 dl span{ float: left;  margin: 0 14px 20px 0; width:210px; height: 38px; line-height: 38px;  border-radius: 40px; border: 1px solid #999; color: #999; font-size: 14px; text-align: center;}
.lMenu1 dl span a{ color:#484848; font-size:14px;}
.lMenu1 dl span.on{background:#eaeaea url(../images/menu_icon.jpg) no-repeat 10px center;}
.lMenu1 dl span.on a{ color:#0f1837;}
.pcenter{ margin-top:50px; padding: 40px 15px;width:1200px;margin: 0 auto; }
.pcenter h2{ box-sizing: border-box; font-size: 16px; color: #333; }
.pcenter h2 em{ padding-left: 10px; font-size: 16px; color: #999; }







/**/

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

}

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