@charset "utf-8";
*{ margin:0; padding:0; font-family:Arial,'Microsoft YaHei';}
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body{  background:#fff; font-size:14px;}
img{ border:0;}
img {
    max-width: 100%;
    border: 0;
    transition: all .5s;
}

li {list-style: none;}
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
a{ text-decoration:none; color: #000;}

.fl{float: left!important;}
.fr{float: right!important;}
.clr , .clear{ clear:both;}
.clearfix:after{ display:block; clear:both; content:'';}

:root{
	--a1:translate(-50%,-50%);
	--a2:translateX(-50%);
	--a3:translateY(-50%);
}

.box{ width:100%; height:100%; position:fixed; left:0; top:0; overflow-x:hidden; }

/*header*/
.header {position:fixed;top:0;left:0;width:100%;z-index:22;font-size:0;padding:15px 0;}
.header>div>div {display:inline-block;vertical-align:middle;}
.header .logo {width:17%}
.header .logo a{display:inline-block;position:relative}
.header .logo img.logo2 {position:absolute;top:50%;left:50%;transform:var(--a1);opacity:0;visibility:hidden;}
.header .logo img {max-height:76px;transition:all .1s}
.header .navlist {width:83%}
.header .navlist>div{display:inline-block;vertical-align:middle;}
.header .navlist .menus {width:85%;}
.header .navlist .langs {width:15%;text-align:right}
.header .menus li {display:inline-block;padding:0 37px;}
.header .menus li a{font-size:16px;color:#FFF;font-weight:bold;text-shadow: 0 0 2px #000;}
.header .navlist .langs>* {display:inline-block;vertical-align:middle;}
.header .navlist .langs a {font-size:16px;color:#FFF;position:relative;}
.header .navlist .langs em {font-size:16px;color:#FFF;padding:0 10px;}
.header .navlist .langs a:before{ position:absolute;top:100%;left:50%;transform:var(--a2);opacity:0;transition:all .4s; background:url(images/dot_up.png) no-repeat center bottom; width:100%; height:10px; content:''; }
.header .navlist .langs a.active:before {opacity:1}

.is_header {background:rgba(0,0,0,.8);box-shadow:0 0 12px rgba(0,0,0,.2)}
.inside_header .logo img.logo1 {opacity:0;visibility:hidden;}
.inside_header .logo img.logo2 {opacity:1;visibility:visible;}
.inside_header .menus li a,.inside_header .navlist .langs a,.inside_header .navlist .langs em{color:#282727}
.inside_header .navlist .langs a:before {color:#282727}
.inside_header {background:#FFF;}

.tem_inner {
    margin: 0 auto;
    position: relative;
    width: 100%;
    max-width: 1200px;
}

/*响应式 mobile 导航*/
.m-header {position:fixed;top:-100%;background:rgba(0,0,0,0.4);z-index:50;transition:all .36s;opacity:0;width:100%;line-height:60px;height:60px;overflow:hidden;}
.m-header >.col-xs-6{ width:50%;    padding-right: 15px;    padding-left: 15px; float:left; }
.m-header >.col-xs-6>div {color:#FFF;display:inline-block; float:right; margin:0 10px;}
.m-header >.col-xs-6>div a {color:#FFF}
.m-header >.col-xs-6>div i {font-size:30px;padding:0 5px;}
.st-menu-open {overflow:hidden;}
.st-menu .logo { width:100%; margin:0 0 15px; padding:10px; text-align:center;}
.st-menu {display:none;}
.st-menu li {margin:2px 0}
.st-menu li dl {margin:0 0 15px;padding:0;display:none;}
.st-menu li dd a {text-indent:1.5em;font-size:14px;}
.st-menu-open .st-menu {opacity:1; display:block;}

.m-header {background:rgba(0,0,0,.6);box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#FFF}
.m-header >.col-xs-6 img {max-height:45px;vertical-align: middle;}
.st-menu {background:#000;}
.st-menu ul li a {color:#FFF;position:relative;font-size:25px}
.st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#FFF;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#333}
.st-menu ul li>a>i {position:absolute;right:10px;top:50%;transform:var(--a3);color:#FFF}
.st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-menu ul li>dl {transition:none;margin:0}
.st-menu ul li>dl dd a {background:none;box-shadow:none;color:#FFF;padding-left:0}
.st-menu ul li>dl dd a i {padding-right:10px;}
.st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color:var(--bjcolor)}
.st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu { display:block;}

.st-menu-box{ display:none; width:300px; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0); z-index:9999;   padding:10px; }
.st-menu-box_yy{ display:none; width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,.3); content:''; z-index:999; }


.st-menu ul li a {
    display: block;
    padding: 10px 10px 10px 16px;
    outline: none;
    box-shadow: inset 0 -1px rgb(255 255 255 / 8%);
    color: #f3efe0;
    text-transform: uppercase;
    text-shadow: 0 0 1px rgb(255 255 255 / 10%);
    letter-spacing: 1px;
    font-weight: 400;
    -webkit-transition: background 0.3s, box-shadow 0.3s;
    transition: background 0.3s, box-shadow 0.3s;
    font-size: 14px;
}
.st-menu ul li>a:hover, .st-menu ul li.active>a {
    background: #FFF;
    box-shadow: 0 4px 8px rgb(0 0 0 / 20%);
    border-radius: 5px;
    color: #333;
}

.index_block{ width:100%; max-width:1375px; margin:0 auto; padding:45px 20px 30px; }
.index_block .img{ width:50%; height:655px; overflow:hidden; }
.index_block .img img{ transition:.6s;}
.index_block .img:hover img{ transform:scale(.96,.96)}

.index_block .content{ width:50%; padding:0 20px; }  
.index_block .content .tit{ text-align:center; font-size:38px; color:#b99365; margin:20% 0 5%; }
.index_block .content .info{ width:100%; color:#666565; font-size:16px; line-height:35px; }


.flash{ width:100%; overflow:hidden; }
#lunhuan_pc{ display:block; }
#lunhuan_wap{ display:none; }

.company {padding:100px 0 45px;text-align:center}
.company h5{font-size:32px;color:#b99365;margin:0 0 35px;}
.company .editor {font-size:20px;color:#6c757d;line-height:1.7}
.company .editor .item {padding:0 65px;margin:90px 0 0}
.company .editor .item>div{padding:0 30px;margin:0 0 45px;}
.company .editor .item>div p{font-size:20px;color:#b2b2b2;margin:15px 0 0}

.brand {background:#fafbfb;padding:55px 0 110px;text-align:center}
.brand h5 {font-size:32px;color:#b99365;padding:0 0 55px;position:relative;margin: 0 0 20px;}
.brand .editor {font-size:20px;color:#6c757d;line-height:1.7}
.brand .editor .item {padding:0 65px;margin:90px 0 0}
.brand .editor .item>div{padding:0 30px;margin:0 0 45px;}
.brand .editor .item>div p{font-size:20px;color:#b2b2b2;margin:15px 0 0}

.honor{padding:75px 0;font-size:0}
.honor>div>div{display:inline-block;vertical-align:middle}
.honor .img {width:42.5%;overflow:hidden;box-shadow:5px 5px 5px rgba(0,0,0,.22)}
.honor .text {width:57.5%;text-align:center;padding:0 25px;}
.honor .text h5{font-size:32px;color:#b99365;padding:0 0 20px;position:relative}
.honor .text h5:after{content:'';width:20px;height:2px;background:#b99365;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
.honor .text .editor {font-size:16px;color:#6c757d;line-height:1.8;padding:24px 0 125px;}
.honor .text>a {display:inline-block;border:1px solid #757d85;padding:0 34px;line-height:45px;font-size:16px;color:#6c757d;border-radius:5px;}
.honor .text>a:hover {background:#b99365;border-color:#b99365;color:#FFF}

.process{padding:75px 0;font-size:0;background:#fafbfb}
.process>div>div{display:inline-block;vertical-align:middle}
.process .img {width:42.5%;overflow:hidden;box-shadow:5px 5px 5px rgba(0,0,0,.22)}
.process .text {width:57.5%;text-align:center;padding:0 25px;}
.process .text h5{font-size:32px;color:#b99365;padding:0 0 20px;position:relative}
.process .text h5:after{content:'';width:20px;height:2px;background:#b99365;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
.process .text .editor {font-size:16px;color:#6c757d;line-height:1.8;padding:24px 0 125px;}
.process .text>a {display:inline-block;border:1px solid #757d85;padding:0 34px;line-height:45px;font-size:16px;color:#6c757d;border-radius:5px;}
.process .text>a:hover {background:#b99365;border-color:#b99365;color:#FFF}

.values {padding:94px 0 120px;font-size:0}
.values>div>div{display:inline-block;vertical-align:middle;}
.values .text h5{font-size:32px;color:#b99365;margin:0 0 52px; text-align:center;}
.values .text .editor {font-size:16px;color:#848b91;line-height:1.7}
.values .img{width:42.5%;box-shadow:5px 5px 5px rgba(0,0,0,.22);overflow:hidden}
.values .text{width:57.5%;padding:0 10px 0 60px;}




.main{ width:100%; max-width:1375px; margin:0 auto; position:relative; overflow: hidden;clear:both; padding:0 20px; }

.all_left{ width:20%; float:left; display:none;}
.all_left img{ width:100%; }
.all_right{ width:100%; margin:0 auto;background:#fff; }

/*内页左侧*/
.left_list{ width:100%; float:left; margin-top:20px; margin-bottom:20px;}
.left_list strong { background: #000; color: #fff; display: block; font-size: 22px; overflow: hidden;	text-align:center; padding-top:40px;padding-bottom:20px;}
.left_list strong span {
    color: #fff;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: 100;
    padding-top: 3px;
	width:280px;
}
.left_list ul li {
	height:50px;
	line-height:50px;
	vertical-align: middle;
	text-align:left;
	font-size:14px;
	background-color:#e7e7e7;
	border-bottom:1px #FFFFFF solid;
	color:#000;
}


.left_list UL li a {
	padding-left:50px;
	height:50px;
	font-size:14px;
	color:#363636;
	display:block;
}
.left_list UL li a.current2{ padding-left:80px;}
.left_list UL li a:hover {
	background-color:#C1B4AB;
	color:#FFF;
	display:block;
}

.left_list UL li.hover a {
	background-color:#0193de;
	display:block;
	height:60px;
	line-height:60px;
	width:200px;
}

.mbx {font-size:0;line-height:50px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5; margin-top:20px;}
.mbx>div>div{display:inline-block;vertical-align:middle;width:50%}
.mbx .let_mbx {font-size:16px;color:#6c757d;}
.mbx .let_mbx a{font-size:16px;color:#6c757d}
.mbx .back {text-align:right;}
.mbx .back a{font-size:16px;color:#6c757d;}

/*内页右侧*/
.right_tit{ width:100%; line-height:60px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; display:none; }
.right_tit:after{ display:block; clear:both; content:'';}
.right_tit h2{float:left; padding-left:30px; width:200px; font-size:16px;}
.right_tit span{padding-right:20px; font-size:14px;}
.right_tit a{ color:#000; }
.right_all{ min-height:500px; padding:20px;}
.right_all img{ max-width:100%; }

.right_all .big_pic{     width: 52.5%;
    padding: 62px 20px 95px 20px;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
	display: inline-block;
    vertical-align: middle;
	}

.right_all .pic_info{
    width: 47%;
    padding: 0 50px;
    text-align: center;
	display: inline-block;
    vertical-align: middle;
}
.right_all .pic_info .picsx{ padding-bottom:80px; }
.right_all .pic_info .pictitle{ font-size:24px; }

/*关于我们*/
.right_all .content{ width:100%; line-height:35px;}

/*新闻*/
.newList {
    display: flex;
    padding: 30px 0;
    border-bottom: 1px solid #DDD;
}
.newList  .content {
    /*display: flex;*/
}
.newList .leftTime {
    width: 100px;
    position: relative;
	float:left;
}
.newTime {
    display: block;
    color: #999;
    font-size: 150%;
    font-weight: normal;
    margin: 0px 0 30px;
    transition: all .5s ease;
}
.newIcon {
	width:38px;
	height:30px;
	display:block;
	background:url(images/jt2.png) no-repeat center;
    border: 1px solid transparent;
    transition: all .5s ease;

}
.rightC {
    position: relative;
    width: calc( 100% - 190px);
    transition: all .5s ease;
	padding: 0 30px 0 60px;
	float:right;
}
.rightC::before {
    content: '';
    position: absolute;
    left: 0;
    top: 100px;
    display: block;
    width: 40px;
    height: 1px;
    background: #aaa;
    transition: all .5s ease;
}
.newTitle {
    margin-bottom: 10px;
}

.newTitleLink {
    display: block;
    width: 100%;
    font-size: 100px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	transition: all .5s ease;
}
.newMs {
    line-height: 24px;
    height: 48px;
    font-size: 87.5px;
    overflow: hidden;
    color: #999;
    transition: 600ms;
}
.newPicBox {
    width: 165px;
    height: 110px;
}
.newPicLink {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.newPic {
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition: all .5s ease;
}
.newList:hover .rightC::before{ width:60px; }
.newList:hover .newTime { color:#333; }
.newList:hover .newTitle a{ color:#000; }
.newList:hover .newIcon { background-color: #303030; }
.newPicBox:hover img{ transform:scale(1.1,1.1); }


.newstitle {
	text-align: center;
	font-size: 30px;
	color: #b99365;
	line-height: 30px;
	width: 100%;
	margin-top:30px;
}
.newssubtitle {
	text-align: center;
	line-height: 60px;
	font-size: 14px;
	width: 100%
}
.newssubtitle span {
	width: 100%
}
.newsx {
	line-height: 40px;
	width: 100%;
	margin-top: 5px;
}

/* 产品列表 */
.proUl{ width:100%; }
.proLi{ width: calc(100% / 3 - 20px); float: left; margin:0 10px; }
.proTbox{ position: relative; overflow: hidden; width: 100%; height: 230px;}
.proImg {
    width:100%; height:230px;
}
.showBox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0,0,0,.6);
    transition: all 0.5s ease;
}
.porTbox {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.porTbox .pic{ width:100%; transition:.5s; text-align:center; }
.porTbox .pic img{ max-width:100%; height:300px; }
.showBoxLink {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 60%;
    color: #fff;
    text-align: center;
    font-size: 1px;
    padding: 0.5px 0;
}
.showBoxLink::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}
.showBoxLink::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}
.porBbox {
    position: relative;
    overflow: hidden;
    padding: 20px 20px 10px;
    border: 1px solid #f2f2f2;
}
.proTitle {
    font-size: 1px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    white-space: nowrap;
    width: 100%;
}
.proSummry {
    color: #777;
    white-space: nowrap;
    overflow: hidden;
    margin: 10px 0;
    text-overflow: ellipsis;
}
.lookDetail {
    position: relative;
    display: block;
    color: #777;
    height: 38px;
    line-height: 38px;
    border-top: 1px solid #e5e5e5;
}
.arrowsR {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    width: 30px;
}
.proLi:hover .showBox{opacity:.8}
.proLi:hover .porTbox .pic{ transform:scale(1.1,1.1) }
.proLi:hover .showBoxLink::before{ width:1px; }
.proLi:hover .showBoxLink::after{ width:1px; } 



.neiye_tit{font-size:36px;color:#b99365;text-align:center;margin:0 0 38px;}

.news_box .lists {background:#FFF;padding:30px 30px 30px;}
.news_box .lists li{padding:44px 0;font-size:0;border-bottom:1px solid #edeeef}
.news_box .lists li a>div{display:inline-block;vertical-align:middle}
.news_box .lists li .img {width:25.5%;overflow:hidden;}
.news_box .lists li img {width:100%;height:174px;object-fit:cover;transition:none}
.news_box .lists li .text {width:74.5%;padding-left:43px}
.news_box .lists li .text h5{font-size:20px;color:#2e2e2e;margin:0 0 30px}
.news_box .lists li .text .desc {font-size:16px;color:#848b91;line-height:26px;height:52px;overflow:hidden;}
.news_box .lists li a:hover .img {transition:all .2s;box-shadow:5px 5px 5px rgba(0,0,0,.22)}
.news_box .lists li a:hover .text h5 {color:#b99365}

.honor_box .lists {background:#FFF;padding:30px 30px 30px;}
.honor_box .lists li{padding:50px 0;border-bottom:1px solid #f5f6f8;border-top:1px solid #f4f4f7}
.honor_box .lists li:first-child{border-top:0;}
.honor_box .lists li a{display:block;position:relative;font-size:0}
.honor_box .lists li a>div{display:inline-block;vertical-align:bottom}
.honor_box .lists li .img {width:16%;text-align:center;background:#FFF;border:2px solid #f5f5f5}
.honor_box .lists li .text {width:84%;padding:0 0 0 35px;}
.honor_box .lists li .text h5{font-size:24px;color:#414141;text-transform:uppercase;margin:0 0 23px;}
.honor_box .lists li .text .desc {font-size:16px;color:#6c757d;line-height:1.7;overflow:hidden;margin:0 0 30px;padding-right:75px}
.honor_box .lists li .text em {font-size:16px;color:#414141;display:block;text-align:right}
.honor_box .lists li .text em i{display:inline-block}
.honor_box .lists li a:hover img {transform:scale(.96)}
.honor_box .lists li a:hover .text em {color:#b99365}

.gongyiliucheng{ max-width:1200px; margin:0 auto; }  
.gongyiliucheng .item { padding:20px 45px 90px;font-size:0}
.gongyiliucheng .item >div {display:inline-block;vertical-align:middle;width:50%}
.gongyiliucheng  .text {padding-right:35px;}
.gongyiliucheng  .text p{font-size:16px;color:#6c757d;line-height:1.7}
.gongyiliucheng  .img {text-align:center}

/** 底部 */
.bottom_menu_box{ width:100%; background:#000; padding:50px 0 100px;}

.bottom_menu{ width:100%; max-width:1375px; margin:0 auto; }
.bottom_menu_box .navlist{ width:30%; float:left; }
.bottom_menu_box .navlist dl {display:inline-block;vertical-align:top;width:33%;padding:0 0 0 0; float:left;}
.bottom_menu_box .navlist dl:last-child {padding-right:0}
.bottom_menu_box .navlist dl dt{margin:0 0 20px;font-weight:normal;}
.bottom_menu_box .navlist dl dt a{font-size:16px;color:#FFF}
.bottom_menu_box .navlist dl dd {margin:0 0 15px;}
.bottom_menu_box .navlist dl dd a {font-size:14px;color:#bababa;}
.bottom_menu_box .navlist dl:first-child dd{margin: 0 0 20px;}
.bottom_menu_box .navlist dl:first-child dd a {font-size:16px;color:#FFF}

.bottom_menu .qdhz{  width:40%; height:210px; border-left:1px solid #504F4F; border-right:1px solid #504F4F; float:left; background:url(images/qdhz.png) no-repeat center; }

.bottom_menu .contact{ width:20%; float:left; color:#fff; font-size:16px; padding-left:50px; line-height:35px; }
.bottom_menu .contact p{ color:#b4b3b3; }







/* 分页CSS */
.pg {
    margin: 20px 0;
    text-align: center;
    width: 100%;
	color:#595555;
}
.pg span {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #999999;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 0 3px;
    padding: 0 10px;
    text-align: center;
}
.pg a {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #000 !important;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 0 3px;
    padding: 0 10px;
    text-decoration: none;
}
@media(max-width:1300px){
	.header .menus li {padding: 0 23px;}
}
@media(max-width:1000px){
	.header .menus li {padding: 0 20px;}
}

@media(max-width:990px){
	.m-header {
		top: 0;
		opacity: 1;
	}
	.header {
		display: none;
	}

	#lunhuan_pc{ display:none; }
	#lunhuan_wap{ display:block; }

	.index_block .img , .index_block .content{ width:100%; height:auto; }
	.index_block .img img{ width:100%; }
	.index_block .content .tit{ margin-top:10%; }

	.right_all{ padding:30px 0; }

	.right_all .big_pic{     width: 100%;padding: 32px 20px 55px 20px;}
	.right_all .pic_info .picsx{ padding:30px 0; }

	.right_all .pic_info{
		width: 100%;
	}

	.proLi {  width: calc(100% / 2 - 20px);}

	.lists{ padding:20px 0; }

	.bottom_menu .navlist{ width:100%; padding-left:50px; }
	.bottom_menu .qdhz{ display:none; }
	.bottom_menu .contact{ width:100%; padding:0 30px; }

	.gongyiliucheng .item { padding:20px 25px 30px;font-size:0}

}
@media(max-width:750px){
	.neiye_tit{font-size:40px; margin:0 0 0px;}
	.news_box .lists li .text h5{ font-size:16px; margin-bottom:15px; }
	.news_box .lists li .text .desc{ font-size:14px; }
	.newstitle{ font-size:18px; } 

	.honor_box .lists li a > div{display:block;width:100% !important}
	.honor_box .lists li .text{padding:35px 0 0}

}
@media(max-width:480px){
	.proLi {  width: 100%;}
	.porTbox .pic img{ height:auto; }
}

@media(max-width:1300px){
	.tem_inner{padding-left:25px !important;padding-right:25px !important;}
}