.wrap{width: 96%; max-width: 1600px;margin: 0 auto;}


.top{ width: 96%; background:url(../images/nav_back.png) no-repeat #fff; height: 80px; box-shadow: 0 0 10px rgba(0,0,0,0.1); position: fixed;top: 33px;left: 50%; transform: translateX(-50%);z-index: 9999;}
.top .logo{margin-top:12px;}
.top .logo:hover img{transform: scale(0.96);}
.top .right{position: absolute; right: 0;}
.top .right .sousuo{margin-top:28px; float: left; margin-right:0;}
.top .right .sousuo .input{ width: 0px;height: 29px;line-height: 30px; border-bottom: 1px solid rgba(0,0,0,0.1); transform: translateX(0px);position: relative;z-index: 1; opacity: 0;filter:alpha(opacity=0);visibility: hidden;}
.top .right .sousuo:hover .input{width: 180px; transform: translateX(0px); opacity: 1;filter:alpha(opacity=100);visibility: visible;}
.top .right .sousuo .button{ width: 30px;height: 30px; background: url(../images/sousuo_icon.png) no-repeat; transform: translateX(-20px); cursor: pointer;}
.top .right .sousuo:hover .button{transform: translateX(0px);}
.top .right .yuyan{float: left; border-left: 1px solid rgba(0,0,0,0.1);border-right: 1px solid rgba(0,0,0,0.1); margin:28px 20px 20px;}
.top .right .yuyan a{color: #333; padding:3px 20px; display: block; font-size:16px;}
.top .right .yuyan a:hover{color: #BC2E32;}
.top .right .menu{ float: left; padding: 30px 0; cursor: pointer; margin-right: 130px; display: block;}
.top .right .menu p{font-size: 16px; float: left;margin-right:20px;pointer-events:none;}
.top .right .menu span{width: 40px; float: left; margin-top: 4px;}
.top .right .menu span i{width: 100%; height: 2px; display: block; background: #4c4c4c;pointer-events:none; margin-bottom:6px;}
.top .right .menu span i:nth-of-type(1){ width: 80%;}
.top .right .menu span i:nth-of-type(2){ width: 100%;}
.top .right .menu span i:nth-of-type(3){ width: 80%;}
.top .right .menu:hover p{transform: translateX(8px);}
.top .right .menu:hover span i{background: #b6262a;}
.top .right .menu:hover span i:nth-of-type(1){ width: 100%;}
.top .right .menu:hover span i:nth-of-type(2){ width: 80%;}
.top .right .menu:hover span i:nth-of-type(3){ width: 100%;}
.top .weixin{ position: absolute;right: 0;top: 0;width: 80px;height: 80px;line-height: 80px;text-align: center; background: #464545; display: block; cursor: pointer;}
.top .weixin i{font-size:26px; color: #fff;}
.top .weixin .weixin_wrap{ position: relative;width: 100%;height: 100%;z-index: 9;}
.top .weixin .erweima{ position: absolute;width: 120px; right: 0;z-index: 9;display: block; opacity: 0;filter:alpha(opacity=0);visibility: hidden;height: 0;overflow: hidden;}
.top .weixin:hover .erweima{ visibility: visible; opacity: 1;filter:alpha(opacity=100);height: 120px;}
#fixPara_b{ transform: translate(-50%,-100px);opacity: 0;filter:alpha(opacity=0);visibility: hidden;}

/*菜单*/
.menu_list{width: 100%;height: 0%;background: rgba(0,0,0,0.9);z-index: 99990; opacity: 0;filter:alpha(opacity=0);visibility: hidden;pointer-events: none;}
.menu_list .menu_list_box{height: 70%;}
.menu_list .menu_list_box>li{ width: calc(33.33% - 1px);float: left; text-align: center;height: 50%; display: block; border-left: 1px solid rgba(255,255,255,0.1); border-bottom: 1px solid rgba(255,255,255,0.1); position: relative;}
.menu_list .menu_list_box>li:nth-of-type(1){ border-left: 0px;}
.menu_list .menu_list_box>li:nth-of-type(4){ border-left: 0px;}
.menu_list .menu_list_box>li .a_l{ position: absolute; top: 0;left: 0; width: 100%;height: 100%; color: #fff; font-size: 18px;display: block;}
.menu_list .menu_list_box>li .a_l p{ position: absolute; left: 0;top: 0;right: 0;bottom: 0;margin: auto;width: 60px;display:inline-block; height: 25px;line-height: 25px;}
.menu_list .menu_list_box>li .caidan_2box{position: absolute;top: 50%; text-align: center; width: 100%; transform: translateY(50px); opacity: 0;filter:alpha(opacity=0);visibility: hidden;}
.menu_list .menu_list_box>li .caidan_2box li{}
.menu_list .menu_list_box>li .caidan_2box li a{ color: #999;}
.menu_list .menu_list_box>li:hover .a_l p{ color: #b6262a; transform: scale(1.2);}
.menu_list .menu_list_box>li.on:hover .a_l p{transform: translateY(-25px);}
.menu_list .menu_list_box>li:hover .caidan_2box{ transform: translateY(10px);opacity: 1;filter:alpha(opacity=100);visibility: visible;}
.menu_list .menu_list_box>li .caidan_2box>li:hover a{ color: #b6262a;}
.menu_list .close{ position:fixed;top: 30px;right: 30px;z-index: 99995; cursor: pointer;opacity: 0;filter:alpha(opacity=0);visibility: hidden; transform: translateY(50px);}
.menu_list .close p{color: #fff;margin-right: 20px; float: left;}
.menu_list .close span{width: 25px;height: 25px; float: left; transform: translateY(7px);}
.menu_list .close span i{width: 100%;height: 1px; display: block;background: #fff;}
.menu_list .close span i:nth-of-type(1){transform: rotate(45deg) translate(0px,1px);}
.menu_list .close span i:nth-of-type(2){transform: rotate(-45deg) translate(0px,0px);}
.menu_list .close:hover p{color:#b6262a; transform: translateX(10px);}
.menu_list .close:hover span i{background: #b6262a;}
.menu_list .close:hover span i:nth-of-type(1){transform: rotate(180deg) translate(0px,0px);}
.menu_list .close:hover span i:nth-of-type(2){transform: rotate(-180deg) translate(0px,1px);}
#bdshare_weixin_qrcode_dialog_bg{z-index: 9999999;}
.bd_weixin_popup{z-index: 9999999!important;}
/*菜单底部文字*/
.text_box{text-align: center; margin-top: 3%;}
.text_box .Language{margin-bottom: 30px;}
.text_box .Language a{color: #fff; padding: 0 20px; border-left: 1px solid rgba(255,255,255,0.1);}
.text_box .Language a:hover{color: #b6262a;}
.text_box .Language a:nth-of-type(1){ border-left: 0px;}
.text_box .call{margin-bottom:15px;}
.text_box .call b{font-size: 20px; color: #fff; font-weight: 500; opacity: 0.6;filter:alpha(opacity=60);}
.text_box .shareit a{ width: 40px;height: 40px; line-height: 40px; margin: 0 0px;position: relative;display: inline-block;}
.text_box .shareit a i{ font-size: 20px; z-index: 2;position: relative; opacity:1;filter:alpha(opacity=100); color: #fff; pointer-events: none;}
.text_box .shareit a span{position: absolute;z-index: 1; width: 0%;height: 0%;border-radius: 50%;top: 0;right: 0;bottom: 0;left: 0;margin: auto;background: #fff;display: block;pointer-events: none;}
.text_box .shareit a:hover i{color: #b6262a; opacity: 1;filter:alpha(opacity=100);}
.text_box .shareit a:nth-of-type(1):hover i{color: #000;}
.text_box .shareit a:nth-of-type(2):hover i{color: #4DAA0A;}
.text_box .shareit a:nth-of-type(3):hover i{color: #b6262a;}
.text_box .shareit a:hover span{width:100%;height: 100%;}


/*banner*/
html, body {position: relative;height: 100%;}
body {font-family: sans-serif;font-size: 14px;color: #000;margin: 0;padding: 0;}

.swi_banner{
	width: 100%;
	height: 100%;
	background-color: rgb(179, 189, 196);
	transition: 1s background-color 1.3s;
	-webkit-transition: 1s background-color 1.3s;
}
.swi_banner .swiper-wrapper {
	transition-delay: 1s;
	transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
	-webkit-transition-delay: 1s;
}
.swi_banner .swiper-slide {
	font-size: 18px;
	/* Center slide text vertically */
	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;
}
.swi_banner .title {
	transition-delay: 1s;
	z-index: 10;
}
.swi_banner .title h3 {
	font-weight: 700;
    font-size: calc(55px + 54 * ((53vw + 53vh) - 520px) / 820);
	letter-spacing: -1px;
	color: rgba(255,255,255,0);
	-webkit-text-stroke: 2px #fff;
}
.swi_banner .img-box {
	width: 100%;
	height: 100%;
	position: absolute;top: 0;left: 0;
	transform: scale(0.9, 0.9);
	transition-duration: 1s;
	transition-property: transform;
	transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
	opacity: 0.9;filter:alpha(opacity=90);
	overflow: hidden;
}
.swi_banner .img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.2, 1.2) translateX(50%);
	transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
	transition-property: transform;
}
.swi_banner .button-prev,.swi_banner  .button-next {
	transition: 0.5s;
	outline: none;
	position: absolute;
	width: 140px;
	z-index: 10;
	top:80vh;
	transform: translateY(-34px);
	cursor: pointer;
}
.swi_banner .button-prev {
	left: 4vw;
}
.swi_banner .button-next {
	right: 4vw;
}
.swi_banner .button.disabled {
	opacity: 0.2;filter:alpha(opacity=20);
	cursor: default;
}
.swi_banner #arrow-svg-home {
	transform: translateY(353px);
}
.swi_banner .button-next #arrow-svg-home {
	transform: translateY(353px) rotateY(180deg);
	transform-origin: 80px 0px 0px;
}
.swi_banner svg {
	transition: 0.5s;
}
.swi_banner .cls-1 {
	transition: 0.5s;
	opacity: 0.4;filter:alpha(opacity=40);
	transform-origin: -20px 40px;
	opacity: 1;filter:alpha(opacity=100);
}
.swi_banner .cls-4 {
	transition: 0.5s;
	stroke-width: 2px;
	stroke: #fff;
	fill: none;
	stroke-dasharray: 1;
	stroke-dashoffset: 1;
	opacity: 0.4;filter:alpha(opacity=40);
	transform-origin: 0px 0px 0px;
}
.swi_banner #arrow-trg {
	transition: 0.5s;
	fill: #fff;
	transform: rotateY(180deg) translate(-53px, 39px);
}
.swi_banner #line {
	transition: 0.5s;
	stroke: #fff;
	transform: translate(50px, 42px);
}
.swi_banner .button-prev:not(.disabled):hover svg {
	transform: translateX(-25px);
}
.swi_banner .button-next:not(.disabled):hover svg {
	transform: translateX(25px);
}
.swi_banner .button:not(.disabled):hover .cls-1 {
	transform: scale(1.1);
}
.swi_banner .button:not(.disabled):hover .cls-4 {
	stroke-dasharray: 2px;
	stroke-dashoffset: 2px;
	opacity: 1;filter:alpha(opacity=100);
}
.swi_banner .button:not(.disabled):hover #arrow-trg {
	transform: rotateY(180deg) translate(-37px, 39px);
}
.swi_banner .button:not(.disabled):hover #line {
	transform: translate(35px, 42px) scaleX(0.33);
}

.swi_banner .swiper-slide .title {transition-delay: 1s;z-index: 10;width: 100%;position: absolute;top:40%;left:0;}
.swi_banner .swiper-slide .title h3 {font-weight: bold;font-size: calc(16px + 5vh);color: rgba(255,255,255,1);font-family: Times;text-transform: uppercase;}
.swi_banner .swiper-slide .title p {font-weight: bold;font-size: calc(15px + 2vh);color: rgba(255,255,255,1);font-family: Times;text-transform: uppercase;margin-bottom: 34px;}
.swi_banner .swiper-slide .title span {font-size: calc(15px + 1vh);color: rgba(255,255,255,1);font-family: Times;letter-spacing:15px;text-transform: uppercase;}
.swi_banner_phone .swiper-pagination {bottom: 5%;}
.swi_banner_phone .swiper-pagination .swiper-pagination-bullet-active{background: #b6262a;}

/*首页通用样式*/
.index_box{ padding: 80px 0 40px;}
.index_title{ text-align: center;}
.index_title h3{ font-size: 36px; color: #252525; margin-bottom: 10px;}
.index_title h3 b{display: inline-block;}
.index_title p{margin-bottom: 26px; display: block;color: rgba(0,0,0,0.6);}
.index_title span{width: 40px;height: 2px;display: block;background: #000; margin: 0 auto;}
.index_title_baise h3{ color: #fff;}
.index_title_baise h3 b{ color: #fff;}
.index_title_baise p{ color: #fff;color: rgba(255,255,255,0.6);}
.index_title_baise span{ background: #fff;}

.chuxin{background: #fff;}
.chuxin .index_title{margin-bottom: 30px;}
.page-wrap{margin:0 auto;width:100%;max-width:100%;padding-top:40px;}
.vfx-image-wrap{position:relative;display:inline-block;margin:0 auto;width:100%;height:100%;cursor:ew-resize;}
.vfx-image-wrap img{pointer-events:none;}
.before-image{position:absolute;top:0;left:0;z-index:1;width:50%;overflow:hidden;}
.after-image{position:absolute;top:0;left:0;z-index:0;}
.divider-bar{position:absolute;width:2px;left:50%;background:white;height:100%;display:block;z-index:2;box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.4);}
.divider-bar .icon{position:absolute; display: block; top: 50%; left: -17px; pointer-events:none}

/*首页数字滚动*/
.index_shuzi{ padding: 200px 0; overflow: hidden;position: relative;z-index:-1;}
.index_shuzi .wrap{ max-width: 1170px;}
.index_shuzi:before{content: ' ';position: fixed;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/index_shuzi_back.jpg) center 0 no-repeat;background-size: cover;}
.index_shuzi .index_title_baise{margin-bottom: 30px;}
.index_shuzi ul li{ width:33%; float: left; text-align: center;}
.index_shuzi ul li .shuzi b{font-size: 60px; color: #fff; display: inline-block;font-family:shuzifont;}
.index_shuzi ul li .shuzi span{font-size: 20px; color: #b6262a; display: inline-block;transform: translateY(-50px);}
.index_shuzi ul li p{ color: #fff; }


/*品质*/
.w-50{width: calc(50% - 2px);}
.pinzhi{background:-webkit-linear-gradient(0deg,#fff,#e5e5e5);background:-o-linear-gradient(0deg,#fff,#e5e5e5);background:-moz-linear-gradient(0deg,#fff,#e5e5e5);background:linear-gradient(0deg,#fff,#e5e5e5);padding-top:120px;position:relative;z-index:3}
.pinzhi .index_title{margin-bottom: 30px;}
.pinzhi .xiantiao{ position: absolute;left: 50%;width: 1px;height: 120px; display: block;background: #000; top: -50px;z-index: 5;opacity: 0.3;filter:alpha(opacity=30);}
.pinzhi_box .left .pinzhi_left_left{width: 33%;}
.pinzhi_box .left .pinzhi_left_left li{ margin-bottom: 2px;}
.pinzhi_box .left .pinzhi_left_right{width: 66.6%;}
.pinzhi_box ul li {position: relative;}
.pinzhi_box ul li .img{ overflow: hidden;}
.pinzhi_box ul li .img img{}
.pinzhi_box ul li a{display: block;}
.pinzhi_box ul li .text{ position: absolute;bottom:5%;left: 0;width: calc(100% - 10%);padding: 0 5%; color: #fff; }
.pinzhi_box ul li .text b{ font-size: 20px;font-weight: 300; display: block; margin-bottom:4px; opacity: 0;filter:alpha(opacity=0);}
.pinzhi_box ul li .text b i{width:0px;height: 1px; background: #fff; margin-top: 10px; margin-right: 0px; display: inline-block; float: left;}
.pinzhi_box ul li:hover .text b i{width:20px; margin-right: 10px;}
.pinzhi_box ul li .text b span{float: left;}
.pinzhi_box ul li .text p{text-transform: uppercase; font-size: 14px;display: block;transform: translateY(30px); opacity: 0;filter:alpha(opacity=0);}
.pinzhi_box ul li:hover .text b{ opacity: 1;filter:alpha(opacity=100);}
.pinzhi_box ul li:hover .img{ background: #000;}
.pinzhi_box ul li:hover .img img{transform: scale(1.1); opacity: .6;filter:alpha(opacity=60);}
.pinzhi_box ul li:hover .text p{transform: translateY(0px); opacity: .4;filter:alpha(opacity=40);}
.pinzhi_box .right .pinzhi_left_left{width: 58.9%;}
.pinzhi_box .right .pinzhi_left_right{width: 40.7%;}
.pinzhi_box .right .pinzhi_left_right li{margin-bottom: 2px;}

/*新闻*/
.news_box{padding: 30px 0 100px; background: #fff; position: relative;}
.news_box .index_title{margin-bottom: 30px;}
.swi_index_news .swiper-slide{width:100%; background: #f7f7f6; overflow: hidden;}
.ny_news_box .swi_index_news .swiper-slide{width: 100%; background: #f7f7f6; overflow: hidden;}
.swi_index_news .swiper-slide .img{ width: 50%;float: left; overflow: hidden;position: relative;z-index: 1;}
.swi_index_news .swiper-slide .img img{}
.swi_index_news .swiper-slide .text{ width: 40%;padding:4.5% 5% 0; float: left; position: relative;z-index: 5;}
.swi_index_news .swiper-slide .text .title{}
.swi_index_news .swiper-slide .text .title span{ font-size: 14px; opacity: 0.5;filter:alpha(opacity=50); margin-bottom: 5px;letter-spacing:4px;}
.swi_index_news .swiper-slide .text .title b{ color: #333333;font-size: 28px; font-weight: 500; margin-bottom:3%; position: relative;}
.swi_index_news .swiper-slide .text .title b i{ width: 20%;height: 1px;display: block;background: #000;left: -22%; top: 22px; z-index: 9;}
.swi_index_news .swiper-slide .text .font{ width: 100%; font-size: 14px;line-height: 24px;opacity: 0.5;filter:alpha(opacity=50);word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden; margin-bottom: 3%;}
.swi_index_news .swiper-slide-next .img{background: #000;}
.swi_index_news .swiper-slide-next .img img{ opacity: 0.5;filter:alpha(opacity=50);}
.swi_index_news .swiper-slide .img:hover img{transform:scale(1.1);}
.set_9_btn4-corner{padding:0 25px;border:0;background:0 0;color:#333;width:auto;float:left;position:relative;line-height:45px;cursor:pointer;display: block;}
.set_9_btn4-corner span{position:absolute;background-color:#B9B9B9;display:block;transition:all 200ms}.set_9_btn4-corner .line1,.set_9_btn4-corner .line3{height:1px;width:20px}.set_9_btn4-corner .line2,.set_9_btn4-corner .line4{height:20px;width:1px}.set_9_btn4-corner .line1,.set_9_btn4-corner .line2{top:0;right:0}.set_9_btn4-corner .line3,.set_9_btn4-corner .line4{bottom:0;left:0}.set_9_btn4-corner.reverse .line1,.set_9_btn4-corner.reverse .line3{width:100%}.set_9_btn4-corner.reverse .line2,.set_9_btn4-corner.reverse .line4{height:100%}.set_9_btn4-corner:hover,.set_9_btn4-corner:active{background-color:transparent;color:#333}.set_9_btn4-corner:hover .line1,.set_9_btn4-corner:active .line1,.set_9_btn4-corner:hover .line3,.set_9_btn4-corner:active .line3{width:100%}.set_9_btn4-corner:hover .line2,.set_9_btn4-corner:active .line2,.set_9_btn4-corner:hover .line4,.set_9_btn4-corner:active .line4{height:100%}.set_9_btn4-corner:hover.reverse .line1,.set_9_btn4-corner:active.reverse .line1,.set_9_btn4-corner:hover.reverse .line3,.set_9_btn4-corner:active.reverse .line3{width:20px}.set_9_btn4-corner:hover.reverse .line2,.set_9_btn4-corner:active.reverse .line2,.set_9_btn4-corner:hover.reverse .line4,.set_9_btn4-corner:active.reverse .line4{height:20px}
.set_9_btn4-corner:hover a{color: #b6262a;}
.set_9_btn4-corner:hover span{background-color:#b6262a;}

.news_box .xiantiao{width: 100%;height: 2px;position: absolute;bottom: 50px;left: 0; display: block;background: rgba(0,0,0,0.1);}
.news_box .swiper-pagination{ text-align: center;width: 100%; bottom: 42px;}
.news_box .swiper-pagination-bullet{width: 8px;height: 11px;background: url(../images/sanjiao.png);margin: 0 5px;cursor: pointer; outline:0 none !important; blr:expression(this.onFocus=this.blur());}
.news_box .swiper-pagination .swiper-pagination-bullet{opacity:0;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.news_box .swiper-pagination .swiper-pagination-bullet-active{ opacity: 1;filter:alpha(opacity=100);}
.swiper-button{ background: rgba(0,0,0,0);cursor: pointer; outline:0 none !important; blr:expression(this.onFocus=this.blur());}
.news_box .swiper-button{bottom: 44px;top: inherit; width: 14px;height: 14px;line-height: 14px;}
.news_box .swiper-button-prev{left: 20%;}
.news_box .swiper-button-next{right: 20%;}

/*底部*/
.footer_box{ background: #242424;}


/*内页通用样式*/
.ny_wrap{max-width: 1300px; overflow: hidden;}
.ny_banner{ position: relative; overflow: hidden; width:100%;}
.ny_banner .text {transition-delay: 1s;z-index: 10;width: 100%;position: absolute;top:45%; padding-left:5%; box-sizing:border-box;}
.ny_banner .text h3 {font-weight: bold;font-size: calc(16px + 4vh);color: #fff; font-family: Times;text-transform: uppercase;}
.ny_banner .text p {font-weight: bold;font-size: calc(15px + 2vh);color: rgba(255,255,255,1);font-family: Times;text-transform: uppercase;margin-bottom: 34px;}
.ny_banner .text span {font-size: calc(10px + 1vh);color: rgba(255,255,255,1);font-family: Times;letter-spacing:35px;text-transform: uppercase;}
.ny_banner .xiantiao{width: 1px;height: 105px;display: block; background: #AAAAAA;position: absolute;left: 50%;bottom: -80px; }
.ny_banner .img img{animation:mymove 16s infinite;-webkit-animation:mymove 16s infinite;animation-direction:alternate;animation-timing-function:ease;animation-delay:1.5s;-webkit-animation:mymove 16s infinite;-webkit-animation-direction:alternate;-webkit-animation-timing-function:ease;-webkit-animation-delay:1.5s}

@keyframes mymove{0%{transform:scale(1)}
100%{transform:scale(1.1)}
}
@-webkit-keyframes mymove{0%{transform:scale(1)}
100%{transform:scale(1.1)}
}

/*article*/
.article_box{padding:50px 0;}
.article_box .title{text-align: center;}
.article_box .title b{font-size:28px; color: #333333; font-weight: 500; margin-bottom:10px;}
.article_box .title span{font-size:14px;letter-spacing:4px; color: #666;}
.article_box .content_box{ width: 100%;padding: 60px 0;}
.article_box .content_box img{ max-width:100%; display:inline;}
.return{position: relative;}
.return a{ font-size: 14px; opacity: 0.7;filter:alpha(opacity=70);}
.return a i{ margin-right: 5px;}
.return a:hover{ color: #b6262a;}
.return a:nth-of-type(1){ font-size: 14px;}
.return a:nth-of-type(2){float: right;}
.return a:nth-of-type(3){position: absolute;left: 50%;transform: translateX(-50%);}

/*新闻列表*/
.article_list{}
.article_list{}
.article_list ul li{ padding-bottom: 100px; position: relative;}
.article_list ul li a{display: block;}
.article_list ul li .img{ width: 42%;float: left; background: #f5f5f5; transform: translate(9%,7%);}
.article_list ul li .img img{ transform: translate(-9%,-7%);}
.article_list ul li .text{ width: 50%; position: absolute;top: 50%; transform: translateY(-50%); right: 0;}
.article_list ul li .text .title span{ font-size: 14px; opacity: 0.5;filter:alpha(opacity=50); margin-bottom: 18px;letter-spacing:4px;}
.article_list ul li .text .title b{ color: #333333;font-size: 28px; font-weight: 500; margin-bottom:8%; position: relative;}
.article_list ul li .text .title b i{ width: 0%;height: 1px;display: block;background: #000;left: -22%; top: 22px; z-index: 9;}
.article_list ul li:hover .text .title b i{ width: 20%;}
.article_list ul li .text .font{ width: 80%; font-size: 14px;line-height: 24px;opacity: 0.5;filter:alpha(opacity=50);word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden; margin-bottom: 10%;}
.article_list ul li:nth-child(odd) .img{ float: left;}
.article_list ul li:nth-child(even) .img{ float: right;}
.article_list ul li:nth-child(even) .text{left: 0; right: inherit; text-align: right;}
.article_list ul li:nth-child(even) .text .title b i{ right: -22%; left: inherit;}
.article_list ul li:nth-child(even) .text .set_9_btn4-corner{float: right;}
.article_list ul li:nth-child(even) .img{transform: translate(-9%,7%);}
.article_list ul li:nth-child(even) .img img{ transform: translate(9%,-7%);}

/*产品列表*/
.pruduct_box{ padding: 60px 0;}
.pruduct_box ul{padding-bottom: 5%;}
.pruduct_box ul li{ width: 46%; float: left; margin-bottom: 5%;}
.pruduct_box ul li a{display: block;}
.pruduct_box ul li .img{ margin-bottom: 23px; overflow: hidden;background: #777f83; position: relative;}
.pruduct_box ul li .title{}
.pruduct_box ul li .title p{ font-size: 18px;}
.pruduct_box ul li .title p span{ width: 40px;height: 1px; display: block; background: #365d70; margin-top: 14px; float: left; margin-right: 10px;}
.pruduct_box ul li:hover .img img{transform: scale(1.2); opacity: 0.1;filter:alpha(opacity=10);}
.pruduct_box ul li:hover .title p span{width: 0;margin-right: 0;}
.pruduct_box ul li:hover .title p{opacity: 0;filter:alpha(opacity=0);visibility: hidden;}
.pruduct_box ul li .text{ position: absolute; text-align: center; width: 90%; padding: 0 5%; top: 50%; transform: translateY(-50%); color: #fff;}
.pruduct_box ul li .text b{font-size: 66px; font-family: Times; margin-bottom: 8%;transform: scale(0);}
.pruduct_box ul li .text p{font-size: 18px; padding-bottom: 20px; transform: translateY(50px); opacity: 0;filter:alpha(opacity=0);}
.pruduct_box ul li .text i{ width: 0%; height: 1px;display: block; background: #fff;margin: 0 auto;}
.pruduct_box ul li:hover .text i{ width: 20%; height: 1px;display: block; background: #fff;margin: 0 auto;}
.pruduct_box ul li:hover .text b{transform: scale(1);}
.pruduct_box ul li:hover .text p{transform: translate(0);opacity: 1;filter:alpha(opacity=100);}
.pruduct_box ul li:nth-child(even){float: right;}
.pruduct_box ul li:nth-child(even) a{transform: translateY(10%);}

.product_list_box{ padding-bottom:40px;}
.product_list2 .tabs{ margin-bottom: 20px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.product_list2 .tabs ul{ border-left: 1px solid rgba(0,0,0,0.1); border-right: 1px solid rgba(0,0,0,0.1);}
.product_list2 .tabs ul li{ width: calc(100%/6 - 1px); float: left; border-left: 1px solid rgba(0,0,0,0.1);  background: #fff;}
.product_list2 .tabs ul li:nth-child(1){border-left: 0px; }
.product_list2 .tabs ul li a{display: block;text-align: center;padding: 20px 0;}
.product_list2 .tabs ul li a i{width: 0px;height: 1px;display:inline-block;background: #fff;}
.product_list2 .tabs ul li:hover,.product_list2 .tabs ul li.on{background: #b6262a; border-left: 1px solid rgba(255,255,255,0.1);}
.product_list2 .tabs ul li:hover p,.product_list2 .tabs ul li.on p{color: #fff;}
.product_list2 .tabs ul li:hover a i,.product_list2 .tabs ul li.on a i{width: 30px; margin-right: 10px; transform: translateY(-5px);}
.product_list2 .tabs ul li:hover a p,.product_list2 .tabs ul li.on a p{color: #fff;}

.product_list2 .product_list_box>ul li{ width: calc(100%/3 - 4%);float: left;position: relative;margin: 0 2%; padding:20px; box-sizing:border-box;}
.product_list2 .product_list_box>ul li:nth-of-type(4n){}
.product_list2 .product_list_box>ul li .text{ position: absolute;}
.product_list2 .product_list_box>ul li .img{overflow: hidden;background: #777f83; position: relative;}
.product_list2 .product_list_box>ul li p{ border-top: 1px solid rgba(0,0,0,0.05); padding-top: 10px; position: relative; overflow: hidden;}
.product_list2 .product_list_box>ul li p .xinghao{opacity: 0.5;filter:alpha(opacity=50);transform: translateX(10%);}
.product_list2 .product_list_box>ul li:hover p .xinghao{transform: translateX(50px);opacity: 0;filter:alpha(opacity=0);}
.product_list2 .product_list_box>ul li p .chakan{position: absolute;left: 0px; top: 10px; opacity: 0;filter:alpha(opacity=0); transform: translateX(-20px);}
.product_list2 .product_list_box>ul li:hover p .chakan{left: 0px; opacity: 1;filter:alpha(opacity=100);transform: translateX(10px);}
.product_list2 .product_list_box>ul li:hover .img img{transform: scale(1.1); opacity: 0.2;filter:alpha(opacity=20);filter:alpha(opacity=20);}
.product_list2 .product_list_box>ul li .text{ position: absolute; text-align: center; width: 90%;top: 50%; transform: translateY(-50%); color: #fff;}
.product_list2 .product_list_box>ul li .text b{font-size:24px; font-weight:500; transform: scale(0);}
.product_list2 .product_list_box>ul li:hover .text b{transform: scale(1);}
.product_list2 .product_list_box>ul li>ul{display: none;}

.sb_zzao{z-index:99;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.9);visibility:hidden;opacity:0;filter:alpha(opacity=0);}
.product_out{ position: relative;}
.product_out .wrap{position: absolute;width: 70%; top: 50%; transform: translateY(-40%);right: 0;bottom: 0;left: 0;margin: auto; height: 73vh;}
.product_out .wrap .title{ text-align: center;margin: 0 auto;  margin-bottom:1.5%;}
.product_out .wrap .title b{color: #fff;font-size:26px; font-weight: 500;}
.swi_product_list{ background:#fff; padding:45px;}
.swi_product_list .ul{height: 63vh; padding-right: 30px; overflow-y: scroll;}
.swi_product_list .ul::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
.swi_product_list .ul::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 5px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #535353;
  }
.swi_product_list .ul::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  background   : #ededed;
  }


.swi_product_list .ul .li{ width: calc(100% / 4 - 10px)!important; margin-right: 13px;margin-bottom: 15px; float: left; position: relative;}
.swi_product_list .ul .li:nth-of-type(4n){margin-right: 0px;}
.swi_product_list .ul .li .text{ position: absolute;}
.swi_product_list .ul .li .img{overflow: hidden;background: #777f83; position: relative;}
.swi_product_list .ul .li:hover .img img{transform: scale(1.2); opacity: 0.2;filter:alpha(opacity=20);}
.swi_product_list .ul .li .text{ position: absolute; text-align: center; width: 90%; padding: 0 5%; top: 50%; transform: translateY(-50%); color: #fff;}
.swi_product_list .ul .li .text b{font-size:24px; transform: scale(0); font-weight:500;}
.swi_product_list .ul .li:hover .text b{transform: scale(1);}
.swi_product_list .swiper-button{ height:35px;width: 35px;text-align: center; background:Rgba(255,255,255,0.5)!important;border-radius: 50%; line-height: 35px; bottom: 20px; top: inherit; background: inherit;
 -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; cursor: pointer;
}
.swi_product_list .swiper-button i{ color: #fff; font-size: 18px;}
.swi_product_list .swiper-button-prev{left: 50%; transform:translateX(-60px);}
.swi_product_list .swiper-button-next{right: 50%; transform:translateX(60px);}
.swi_product_list .swiper-button-prev:hover{transform:translateX(-60px) scale(1.1);}
.swi_product_list .swiper-button-next:hover{right: 50%; transform:translateX(60px) scale(1.1);}
.sb_zzao .pro_close{ width: 40px;height: 40px; line-height: 40px;border-radius: 50%; position: absolute;right: 20px;top: 20px; cursor: pointer;}
.sb_zzao .pro_close i{display: block;text-align: center; color: #fff; font-size:26px; font-weight:100;}
.sb_zzao .pro_close:hover{transform-origin:center;transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);}
.swi_product_list .swiper-pagination-bullet-active{ background:#b6262a;}

/*简介*/
.info_box{padding:100px 0; position: relative;}
.info_box .img{ width: 54%; position: absolute;z-index: 5;left: 0;top: 15%; overflow: hidden;}
.info_box .img:hover img{ transform: scale(1.1);}
.info_box .text{ width: 34%; background: #f1f1f1;padding: 10% 6% 6% 15%; position: relative;z-index: 1;}
.info_box .text b{font-size: 28px; margin-bottom: 15px; position: relative;z-index: 99; font-weight: 500;}
.info_box .text b i{width: 20%; height: 1px;display: block;background:rgba(0,0,0,0.2);position: absolute;left: -24%;top: 19px;z-index: 9999;}
.info_box .text .font{font-size: 14px;color: #666666;line-height: 28px;}


.info_box2 .img{left: inherit; right: 0;top: 5%;}
.info_box2 .text{ padding: 10% 15% 6% 6%;}
.info_box2 .text>b{text-align: right; padding-right: 15%;}
.info_box2 .text>b i{left: inherit;width: 30%; right: -16%; top: 19px;}
.info_box2 .licheng_box .licheng_nian{ width:70px; height: 240px; padding-top:2%; overflow: hidden; color: #666666;}
.info_box2 .licheng_box .right{ width:calc(100% - 100px); background: #fff;}
.info_box2 .licheng_box .right .swi_licheng_text .swiper-slide{width: inherit; margin: 0!important; transform:none!important;padding: inherit!important;}
.info_box2 .licheng_box .right .swi_licheng_text .licheng_text{padding:30px 30px; padding-bottom: 80px;}
.info_box2 .licheng_box .right .swi_licheng_text .licheng_text b{font-size: 24px;color: #b6262a;}
.info_box2 .licheng_box .right .swi_licheng_text .licheng_text p{ font-size: 14px; line-height: 24px;word-wrap: break-word; word-break: normal;white-space:pre-wrap;word-wrap: break-word;
word-break: normal;}
.info_box2 .licheng_box .licheng_nian .active{ font-size: 18px; font-weight: bold;}
.jianjie_box{padding: 10% 15%; background: #f1f1f1; position: relative; margin-bottom: 10%;}
.jianjie_box .text{ width: 50%; float: right;}
.jianjie_box .text b{ font-size: 28px; font-weight: 500; margin-bottom: 7%;position: relative;}
.jianjie_box .text b i{ width: 20%;height: 1px; display: block;background:rgba(0,0,0,0.2);position: absolute; left: -24%; top: 20px;}
.jianjie_box .text .font{ font-size: 14px;line-height: 28px;color: #666666;}
.jianjie_box .img{width: 24%; position: absolute; bottom: -15%;}

/*人才*/
.rencai_box{padding: 60px 0; background: #f4f4f4;}
.rencai_box .left{ width:25%; min-width: 280px; padding-top: 30px;}
.rencai_box .left .text b{ font-size: 30px; margin-bottom: 20px; font-weight: 500;}
.rencai_box .left .text p{ color: #666;}
.rencai_box .right{ width: 60%;}
.rencai_box ul li{background: #fff; margin-bottom: 2px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.rencai_box ul li .zhaplist{}
.rencai_box ul li .title {cursor: pointer; display: block;padding:15px 33px;transition:0.7s;}
.rencai_box ul li .title span{ width: 40px;height: 1px; display: block;background: #000;opacity: 0.5;filter:alpha(opacity=50); left: 33px;top: 15px;position: absolute;}
.rencai_box ul li .open .title{background:#b6262a;}
.rencai_box ul li .open .title b{color:#fff;}
.rencai_box ul li .open .title .icon_more i{color: #fff;}
.rencai_box ul li .title:hover{ background:#BD2E33;transition:0.7s; color:#fff;}
.rencai_box ul li .title b{ font-size:18px;float: left; margin-right:20px; font-weight: 500;}
.rencai_box ul li:hover b{color:#fff; font-weight:bold;}
.rencai_box ul li .title .widget-metas{ font-size: 12px; color: #999;transform:translateY(5px); float: left;}
.rencai_box ul li .open .title .widget-metas{opacity: 0.5;filter:alpha(opacity=50);}
.rencai_box ul li:hover .title .widget-metas{opacity: 0.5;filter:alpha(opacity=50);}
.rencai_box ul li .title .widget-metas span{ float: left; margin-right: 20px; color:#666;}
.rencai_box ul li .title .widget-metas span i{font-size: 14px; margin-right: 6px;}
.rencai_box ul li .title .icon_more{ float: right; width: 26px;height: 26px; text-align: center; line-height: 26px;}
.rencai_box ul li .title .icon_more i{font-size: 14px; color: #666;}
.rencai_box ul li .title:hover .icon_more i{color: #fff;}
.rencai_box ul li .text{ padding: 0 40px 30px; line-height: 26px; display: none; border-top:1px solid #f1f1f1; padding-top:25px; font-size:15px; line-height:24px; color:#444;}
.rencai_box ul li:hover{} 
.rencai_box ul li:hover b{transform:translateX(5px);} 
.rencai_box ul li:hover .widget-metas{color: #fff;} 
.rencai_box ul li:hover .title .widget-metas{transform:translate(5px,5px);} 
.rencai_box ul li .open .icon_more{transform:rotate(90deg);} 
.rencai_box ul li .open{ background: #f4f4f4;} 

/*联系*/
.lxwm_box{ width: 100%; display: block; background: #f4f4f4;}
.lxwm_box .left{ float: right; width: 100%;}
.lxwm_box .left #map{float: right; width:100%;}
.lxwm_box .lxwm_text{width: 100%;}
.lxwm_box .lxwm_text .text{width: 40%;text-align: left; font-size: 14px; color: #000;line-height: 26px; padding: 30px 0;}
.lxwm_box .lxwm_text .text b{font-size:24px; }
.lxwm_box .lxwm_text .text .font{font-size: 14px; opacity: 0.6;filter:alpha(opacity=60); margin-bottom: 20px;}
.lxwm_box .lxwm_text .text a{ color: #000; display: block; cursor: pointer;}

.contact_biaodan{ padding: 60px 0;background: #fff; border-top: 1px solid rgba(0,0,0,0.1);}
.contact_biaodan .title{ text-align: center; margin-bottom: 50px;}
.contact_biaodan .title b{font-size: 30px; color: #000; font-family: Times; display: block;margin-bottom: 15px;}
.contact_biaodan .title p{color: #000;font-size: 16px; opacity: 0.5;filter:alpha(opacity=50);font-family: Times;}
#GBookAdd .wenben{ width: 32%; float: left; margin-right: 1.9%; color: #000;}
#GBookAdd .wenben .titles_p{font-size: 14px; margin-bottom: 10px;}
#GBookAdd .wenben .text{ width: calc(100% - 20px); height: 48px;line-height: 48px; padding: 0 10px; border: 1px solid rgba(0,0,0,0.2); background: inherit; color: #000;}
#GBookAdd .wenben:nth-of-type(3){margin-right: 0;}
#GBookAdd .neirong{margin-top: 30px; margin-bottom: 30px;}
#GBookAdd .neirong .cmessage{ width: calc(100% - 22px); padding: 10px; min-height: 150px; border: 1px solid rgba(0,0,0,0.2); background: inherit;color: #000;}
#GBookAdd .neirong .titles_p{font-size: 14px; margin-bottom: 10px;}
#GBookAdd .submit{ width: 160px;height: 52px; display: block; background: #b6262a; color: #fff;margin: 0 auto; font-size: 16px;}
#GBookAdd .submit:hover{opacity: 1;filter:alpha(opacity=100);}
.lxwm_back:before{content: ' ';position: fixed;z-index: 3;top: 0;right: 0; bottom: 0;left: 0;background: url(../images/lxwm_back.png) center 0 no-repeat;background-size: cover;pointer-events:none;}

.product_img{ width: 100%; padding-top:3%; padding-bottom:3%;}
.product_img .swi_product_img .swiper-slide img{ margin: 0 auto;}
.product_img .swi_product_img .swiper-pagination-bullet-active{background: #b6262a;}
.product_img .title{ margin-bottom: 30px;}
.product_img .title b{font-weight:500;font-size: calc(14px + 2vh);color: #333;text-transform: uppercase; margin-bottom: 0px;}
.product_img .title p{font-size: 14px;opacity: 0.5;filter:alpha(opacity=50);}
.product_img .font{opacity: 0.8;filter:alpha(opacity=80);}


.product_img_box{width:calc(65% - 8px); border-right:1px solid #f1f1f1;}
.swi_product_thumbs_box{  width: 120px;float: left;height: 507px;position: relative;}
.swi_product_thumbs_box .swiper-button-prev{top: inherit; right:inherit; top: 0;left: 0; margin: 0; width: 100%;height: 30px; background: #fff; text-align: center;}
.swi_product_thumbs_box .swiper-button-prev i{transform:rotate(90deg);display: block;line-height: 30px; font-size:28px; color:#666;}
.swi_product_thumbs_box .swiper-button-next{ top: inherit; left:inherit;right: 0; bottom: 0; margin: 0; width: 100%;height: 30px; background: #fff; text-align: center;}
.swi_product_thumbs_box .swiper-button-next i{line-height: 30px;transform:rotate(-90deg); display: block; font-size:28px; color:#666;}
.swi_product_thumbs_box .swiper-button:hover{background: #fff;}
.swi_product_thumbs_box .swiper-button:hover i{color: #BC2E32;}
.swi_product_thumbs{height:445px!important;}
.swi_product_thumbs{margin-top: 31px;}
.swi_product_thumbs .swiper-wrapper{}
.swi_product_thumbs .swiper-slide{cursor:pointer;}
.swi_product_thumbs .swiper-slide img{height: calc(100% - 2px);width: calc(100% - 2px); border: 1px solid #f1f1f1; object-fit: cover; padding:10px; box-sizing:border-box; overflow:hidden;}
.swi_product_thumbs .swiper-slide-thumb-active img{ border: 1px solid #b6262a;}
.swi_product_img{ width: calc(90% - 125px); float: right;}
.swi_product_img img{ object-fit: cover; margin: 0 auto;}

.product_text_box{ width:30%;}
.product_text_box { background: #fff;}

.product_text{ width: 92%; max-width: 1600px;margin: 0 auto;}
.product_text .ny_wrap{border-bottom: 1px solid rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.1); padding-top: 3%;padding-bottom: 5%;}
.product_text .text{color: #666;}
.tuijian_product{ background: #fff;}
.tuijian_product .wrap{ padding:2% 0; border-top: 1px solid rgba(0,0,0,0.1);}
.tuijian_product .title{margin-bottom: 2%; text-align: center;}
.tuijian_product .title b{ font-weight: 500;font-size: calc(14px + 2vh);color: #000;font-family: Times;text-transform: uppercase; margin-bottom: 0px;}
.productinfo_banner img{ min-height:140px; object-fit: cover;}

.rencai_swibox{position: relative;}
.rencai_swibox .rencai_text_box{width: 35%; position: absolute;right: 10%;max-height: 543px; overflow: scroll; top: 50%;transform: translateY(-40%);z-index: 999;}
.rencai_swibox .left{width: 25%; position: absolute;left: 10%; top: 50%;transform: translateY(-40%);z-index: 999; color: #fff;}
.rencai_swibox .left b{font-size: 30px;margin-bottom: 20px;}
.rencai_swibox .left p{color: rgba(255,255,255,0.5);}
.rencai_swibox .rencai_text_box::-webkit-scrollbar {width: 4px;height: 0px;}
.rencai_swibox .rencai_text_box::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #323232;transform: translateX(-1px);}
.rencai_swibox .rencai_text_box::-webkit-scrollbar-track {/*滚动条里面轨道*/-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 10px;background: #000;transform: translateX(-1px);}

.rencai_swibox .rencai_text_box ul li{background:rgba(0,0,0,0.7); border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 2px;}
.rencai_swibox .rencai_text_box ul li .title {cursor: pointer; display: block;padding:18px 33px;transition:0.7s;}
.rencai_swibox .rencai_text_box ul li .title span{ width: 40px;height: 1px; display: block;background: #000;opacity: 0.5;filter:alpha(opacity=50);left: 33px;top: 15px;position: absolute;}
.rencai_swibox .rencai_text_box ul li .open .title{background:#b6262a;}
.rencai_swibox .rencai_text_box ul li .open .title b{color:#fff;}
.rencai_swibox .rencai_text_box ul li .open .title .icon_more i{color: #fff;}
.rencai_swibox .rencai_text_box ul li:hover .title{ background:#BD2E33;transition:0.7s;}
.rencai_swibox .rencai_text_box ul li .title b{ font-size:18px;float: left; color: #fff; margin-right:20px; font-weight: 500;}
.rencai_swibox .rencai_text_box ul li:hover b{color:#fff; font-weight:bold;}
.rencai_swibox .rencai_text_box ul li .title .widget-metas{ font-size: 12px; color: #999;transform:translateY(5px); float: left;}
.rencai_swibox .rencai_text_box ul li .open .title .widget-metas{opacity: 0.5;filter:alpha(opacity=50);}
.rencai_swibox .rencai_text_box ul li:hover .title .widget-metas{opacity: 0.5;filter:alpha(opacity=50);}
.rencai_swibox .rencai_text_box ul li .title .widget-metas span{ float: left; margin-right: 20px; color:#666;}
.rencai_swibox .rencai_text_box ul li .title .widget-metas span i{font-size: 14px; margin-right: 6px;}
.rencai_swibox .rencai_text_box ul li .title .icon_more{ float: right; width: 26px;height: 26px; text-align: center; line-height: 26px;}
.rencai_swibox .rencai_text_box ul li .title .icon_more i{font-size: 14px; color: #666;}
.rencai_swibox .rencai_text_box ul li:hover .title .icon_more i{color: #fff;}
.rencai_swibox .rencai_text_box ul li .text{ padding: 0 40px 30px; line-height: 26px; display: none;padding-top:25px; font-size:15px; line-height:24px; color:#444;}
.rencai_swibox .rencai_text_box ul li:hover b{transform:translateX(5px);} 
.rencai_swibox .rencai_text_box ul li:hover .widget-metas{color: #fff;} 
.rencai_swibox .rencai_text_box ul li:hover .title .widget-metas{transform:translate(5px,5px);} 
.rencai_swibox .rencai_text_box ul li .open .icon_more{transform:rotate(90deg);} 
.rencai_swibox .rencai_text_box ul li .open .text{background: rgba(255,255,255,0.7);}

.rencai_banner .swiper-pagination{ text-align: left;left: 10%; bottom: 30px;}
.rencai_banner .swiper-pagination-bullet-active{background: #b6262a;}

.sll_top{ width: 30px;height: 30px;background: #fff;display: block;border-radius: 50%; text-align: center;line-height: 30px; position: fixed;right: 30px;bottom: 30px; box-shadow: 0 0 5px rgba(0,0,0,0.2); cursor: pointer;z-index: 999; transform: translateX(100px);opacity: 0;filter:alpha(opacity=0);}
.sll_top:hover{transform: scale(1.5);}
.sll_top_b{ transform: translateX(0);opacity: 1;filter:alpha(opacity=100);}
.sll_top i{ display: block; transform: rotate(90deg); font-size: 10px;}


/*移动端产品菜单*/
.huodong_box{overflow: hidden; display:none;}
.zz_bg_b{visibility: hidden;width: 100%;height: 100%;background: rgba(0,0,0,0.8);opacity: 0;filter:alpha(opacity=0); top: 0;}
.menu_list_b{z-index:9999;visibility:hidden;box-sizing:border-box;padding-top:0rem;background:#fff;transform:translateY(100%); width:100%; bottom: 0;height: auto; overflow: hidden;}
.menu_list_box_b{ height: 100%; overflow-y: scroll;}
.menu_list_b .menu_list_box_b>li{ width: calc(33.33% - 1px);height:3rem;line-height: 3rem; float: left; display:block;padding:0rem 0;border-bottom:1px solid #eee;border-right:1px solid #eee;color:#333;font-size:1rem;position: relative;}
.menu_list_b .menu_list_box_b>li:nth-child(3n){ border-right: 0px;}
.menu_list_b .menu_list_box_b>li p{display:block; text-align: center; font-size: 14px;padding: 0 1rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.menu_list_b .u_l{display:none;}
.menu_list_b .right .coll{width:100%; float: left; height: 5rem; background: #b6262a; color: #fff; text-align: center;}
.menu_list_b .right .coll a{color: #fff;}
.menu_list_b .right .coll p{padding-top: 1rem; font-size: 0.8rem;}
.menu_list_b .right .coll b{font-size: 1.4rem; font-weight:500; font-family: shuzifont;}
.menu_list_b .right .booking{ width: 50%; float: left; height: 5rem; background: #5fba42; position: relative;}
.menu_list_b .right .booking .text{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width:9rem;}
.menu_list_b .right .booking .text i{ float: left; font-size: 2.2rem; margin-right: 0.2rem; margin-top: 0.5rem;}
.menu_list_b .right .booking a{color: #fff;}
.menu_list_b .right .booking .text .wen{ float: left;transform: scale(0.8);}
.menu_list_b .right .booking .text .wen b{ font-size: 1.5rem;}
.menu_list_b .right .booking .text .wen p{ float: left; font-size: 0.8rem; display: block; text-align:left;}
.neiye_title{ padding:0.7rem 0.5rem; background: #fff;border-bottom: 1px solid rgba(0,0,0,0.1);margin-bottom:0.1rem;}
.neiye_title b{ float: left; font-size: 1.2rem;color: #000; padding-left: 0.5rem; margin-right: 1rem;font-weight: 500;}
.neiye_title img{width: 30%; float: left;}
.erji_nav{z-index: 999; float: right;width: 2rem;height:1.6rem;}
.erji_nav .menu_b{ width: 2rem;height:1.5rem; display: block;margin-top: 0.3rem; color:#444;font-size:12px;}
.erji_nav .menu_b span i{ width: 3px; height: 3px; background: #999; border-radius:50%; margin: 0 2px;float: left;}
.erji_nav .menu_b span i:nth-child(1){margin-left: 0;}

.lxwminfo{background: rgba(0,0,0,0.7);width: 30%; padding:7% 5%; position: absolute;right: 10%;max-height: 543px; top: 50%;transform: translateY(-40%);z-index: 999; color: #fff;}
.lxwminfo b{ font-size: 26px;}
.lxwminfo .font{line-height: 30px; margin-bottom: 20px;}
.product_text{display: none;}

.titles{ position: relative; padding-bottom: 30px; text-align: center;}
.titles span{width: 25px; height: 1px; display: block; background: #b6262a;margin: 10px auto;}
.titles b{ font-size: 26px; color: #b6262a}
.titles p{ font-size: 14px;text-transform:uppercase; opacity: 0.6;filter:alpha(opacity=60);}

.lxxx{ padding:70px 0;}
.cont_nr{ width:96%; margin:0 auto;}
.cont_nr li{ float:left; width:calc(100%/3 - 4%); margin:0 2%; text-align:center; background:#f1f1f1; cursor:pointer;}
.cont_nr li i{font-size: 50px; opacity: 0.3;filter:alpha(opacity=30);}
.cont_nr li a{ display:block;padding:50px 0;}

.cont_bt{ font-size:1.25rem; font-weight:bold; padding-bottom:10px; padding-top:8px; color:#000;}
.cont_ms{ font-size:14px; color:#333; line-height:30px;}
.cont_ms p{ font-size:14px;}

.cont_nr li:hover{ background:#b6262a;}
.cont_nr li:hover i,
.cont_nr li:hover .cont_bt,
.cont_nr li:hover .cont_ms,
.cont_nr li:hover .cont_ms p{ color:#fff;}

#dituContent{ width:100%; height:500px;}

@media screen and (max-width:520px){.cont_title p{font-size:14px}
.cont_nr li{width:100%; margin:0;}
.cont_nr li.on{margin:4% 0}
.cont_nr li a{padding:10px 0}
}
.product_img .phone_title{ text-align: center; display:none;}


/*手机样式*/
.pc-vis{display: inherit; background: #fff;}
.phone-vis{display: none;}
@media screen and (max-width:1360px){.menu_list .menu_list_box{height: 60%;}.rencai_swibox .rencai_text_box{ width: 50%;top: 60%; right: 5%;}}
@media screen and (max-width:640px){
    .huodong_box{ display:block;}
	.rencai_swibox .left{left:8%; top:35%; width: 90%; transform: translateY(0);}
	.rencai_swibox .left b{font-size: 26px; margin-bottom:0.8rem;}
	.rencai_swibox .rencai_text_box{width: 90%;left: 5%; top:65%;}
	.pc-vis{display: none;}
	.phone-vis{display: inherit; padding-top:50px;}
	.swi_banner .swiper-slide .img-box{position: inherit;height:auto;}
	.top{height: 60px;padding: 0 7%; top: 0px;}
	.top .logo{margin-top: 20px;}
	.top .logo img{width: 150px;}
	.top .right .sousuo{display: none;}
	.top .weixin{display: none;}
	.top .right .yuyan{ display:none; visibility:hidden;}
	.top .right .menu{margin-right: 30px;padding: 17px 0;}
	.swi_banner svg{transform: scale(0.5);display: none;}
	.swi_banner .button-prev:not(.disabled):hover svg {transform: translateX(-10px);}
	.swi_banner .button-next:not(.disabled):hover svg {transform: translateX(10px);}
	.swi_banner .button:not(.disabled):hover .cls-1 {transform: scale(0.5);}
	.swi_banner .button:not(.disabled):hover .cls-4 {stroke-dasharray: 2px;stroke-dashoffset: 2px;opacity: 1;filter:alpha(opacity=100);}
	.swi_banner .button:not(.disabled):hover #arrow-trg {transform: rotateY(180deg) translate(-37px, 39px);}
	.swi_banner .button:not(.disabled):hover #line {transform: translate(35px, 42px) scaleX(0.33);}
	.swi_banner .swiper-slide .title h3{font-size: calc(16px + 3vh);}
	.swi_banner .swiper-slide .title p{font-size: calc(15px + 1vh); margin-bottom: 20px;}
	.swi_banner .swiper-slide .title span{font-size: calc(15px + 0.5vh);}
	.swi_banner .wrap{ width: 80%;}
	.article_list ul li{ padding-bottom:30px;}
	.swi_banner{height: auto; max-height:inherit;}
	.lxwmny_banner .lxwminfo{padding: 10% 5%;}
	.lxwmny_banner .lxwm_banner_left{left: 5%;top: 20%;width: 90%;transform: translateY(0);}
	.lxwmny_banner .lxwm_banner_left .wrap{width: 100%;}
	.lxwmny_banner .lxwminfo{width: 80%;left: 5%;top: 60%;}
	.lxwmny_banner .lxwminfo b{ font-size: 20px;}
	.index_box{padding: 30px 6px 0; overflow:hidden;}
	.index_title h3{font-size: 24px; margin-bottom: 5px;}
	.index_title p{margin-bottom: 8px;}
	.index_shuzi ul li .shuzi span{transform: translateY(-30px)}
	.page-wrap{padding-top: 20px;}
	.index_shuzi{padding: 100px 0;}
	.index_shuzi ul li .shuzi b{font-size: 40px;}
	.index_shuzi .index_title_baise{margin-bottom: 60px;}
	.index_shuzi ul li p{padding: 0 10%;}
	.pinzhi .xiantiao{height: 70px;}
	.pinzhi_box .left {width: 100%; margin-bottom: 4px;}
	.pinzhi_box .right {width: 100%; margin-bottom: 4px;}
	.swi_index_news .swiper-slide{width: 100%;margin: 0;}
	.swi_index_news .swiper-slide .img{width: 100%;}
	.news_box{padding-bottom: 80px;}
	.swi_index_news .swiper-slide .text{width: 90%; padding-bottom: 10%; padding:8% 5%;}
	.swi_index_news .swiper-slide .text .title b{font-size: 20px; margin-bottom: 10px;}
	.swi_index_news .swiper-slide .text .title b i{display: none;}
	.swi_index_news .swiper-slide .set_9_btn4-corner{ display: none;}
	.article_list ul li .text .title span{letter-spacing: 0px;}
	.article_list ul li .text .set_9_btn4-corner{display: none;}
	.swi_index_news .swiper-slide .text .font{width: 100%;display: none;}
	.swi_index_news .swiper-slide .text .font{margin-bottom: 10px;}
	.footer_box{padding:15px 0 25px;}
	.footer_box .left .logo{display: none;}
	.footer_box .left .call{margin-left: 0; border:0;padding-left: 0;}
	.footer_box .left .call .banquan{margin-top: 10px;}
	.footer_box .right{display: none;}
	.menu_list{}
	.menu_list .menu_list_box{height: 50%;}
	.text_box{margin-top: 10%;}
	.ny_banner .text h3{font-size: calc(16px + 3vh);}
	.ny_banner .text p{font-size: calc(15px + 1vh); margin-bottom: 20px;}
	.ny_banner .text span{font-size: calc(15px + 0.5vh);}
	.ny_banner .wrap{ display:none;}
	.ny_wrap{ overflow: hidden;width: 92%;}
	.info_box .text{width:85%;}
	.info_box2 .licheng_box .right{width: calc(100% - 70px);}
	.product_list2 .tabs ul li:hover a i,.product_list2 .tabs ul li.on a i{ width: 10px;}
	.product_list2 .product_list_box ul li{width:calc(100%/2 - 3%); margin:0 1.5%;margin-bottom: 1.5%; padding:5px; box-sizing:border-box;}
	.product_list2 .product_list_box ul li:nth-of-type(2n){margin-right: 0;}
	.product_list2 .product_list_box ul li:nth-of-type(5n){margin-right: 1.5%;}
	.info_box .img{position: static; width: 100%;}
	.info_box{ padding: 10px 0;}
	.jianjie_box .text{ width: 100%;}
	.jianjie_box{padding:7.5%;}
	.jianjie_box .img{bottom: 10%;position: inherit; width: 50%; margin: 20px auto;}
	.pruduct_box ul li .title p{font-size: 14px;}
	.pruduct_box ul li .img{margin-bottom: 10px;}
	.pruduct_box ul li .title p span{width: 20px;}
	.swi_index_news .swiper-slide .img img{max-height: 250px;object-fit: cover;}
	.product_img .swi_product_img .swiper-slide img{width: 100%;}
	.product_text .title b{font-size: calc(16px + 3vh);}
	.article_list ul li .text{top: 35%;}
	.article_list ul li .text .title b{word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size: 18px;}
	.return a{display: block;margin-bottom:5px;float: inherit!important;}
	.return a:nth-of-type(3){display: none;}
	.article_box{padding: 30px 0;}
	.contact_biaodan .title b{font-size: 20px;}
	.contact_biaodan .title p{font-size: 14px;}
	#GBookAdd .wenben{width: 100%;margin-right: inherit;margin-bottom: 10px;}
	#GBookAdd .neirong{margin-top:1px;}
	.contact_biaodan .title{margin-bottom:20px;}
	.contact_biaodan{ padding:30px 0;}
	.tuijian_product .title b{ font-size: 24px;}
	.product_out .wrap .title{ margin-bottom:3.6%;}
	.product_out .wrap .title b{ font-size:1.5rem;}
	.swi_product_list{padding:30px;}
	.swi_product_list .swiper-button i{font-size:20px; }
	.lxwm_box{ padding: 20px 0;}
	.lxwm_box .lxwm_text .text{width: 100%;}
	.lxwm_box .left{width: 100%;}
	.rencai_box{padding: 20px 0;}
	.rencai_box .left{padding-top: 0; margin-bottom: 30px;}
	.rencai_box .left{width: 100%; margin-bottom: 20px;}
	.rencai_box .right{width: 100%;}
	.rencai_box ul li .text{padding: 20px 10px 20px;}
	.rencai_box .left .text b{font-size: 26px;}
	.rencai_box .left{width: 94%; padding: 0 3%;}
	.rencai_swibox .rencai_text_box ul li .open .title b{ font-size:1.2rem;}
	.swi_banner .swiper-slide .title{display: none;}
	.chuxinbox{padding-bottom: 20px!important; overflow:hidden;}
	.chuxin .index_title{margin-bottom: 15px;}
	.pinzhi .index_title{margin-bottom: 15px;}
	.news_box .index_title{margin-bottom: 15px;}
	
	.product_img_box{width: 100%;}
	.swi_product_thumbs_box{width: 100%;height: 100px; padding-top:15px;}
	.product_img{ padding-top:0;}
	.swi_product_thumbs{height: 100px;}
	.swi_product_thumbs .swiper-slide img{height: auto;}
	.swi_product_thumbs_box .swiper-button{display: none;}
	.swi_product_img{width: 100%;}
	.swi_product_thumbs{margin-top: 0;}
	.product_text_box{width: 94%; margin: 0 auto;padding: 5% 3% 0;}
	.product_text_box .title{display: none;}
	.swi_product_thumbs{height: auto!important;}
	.product_list2 .product_list_box ul li p .xinghao{text-align: center; transform: translateX(0%);}
	.menu_list .menu_list_box>li .caidan_2box{display: none;}
	.info_box .text b{font-size: 24px;}
	.ny_banner .xiantiao{height: 30px;bottom: -15px;}
	.article_box .title{padding: 0 10%;}
	.article_box .title b{font-size: 18px;}
	.article_box .title span{letter-spacing: 0px;}
	.article_box .content_box{width:100%; padding:5% 0;}
	.product_img .phone_title{ text-align: center; display:block;}
	.product_img .phone_title b{font-size:1.5rem; padding-top:1rem; text-transform: uppercase; font-weight:500;}
	.product_img .phone_title p{font-size: 14px;opacity: 0.5;filter:alpha(opacity=50);}
	.tuijian_product .wrap{ padding:9% 0 3%;}
	.productinfo_banner img{min-height: 180px;object-fit:none;}
	.jianjie_box{ margin-bottom:5%;}
	#dituContent{height:400px;}
	.lxxx{ padding:40px 0;}
	
	.product_out .wrap{width: 90%;}
	.swi_product_list .ul .li{ width: calc(100% / 2 - 10px)!important; margin-right: 13px;margin-bottom: 15px; float: left; position: relative;}
	.swi_product_list .ul .li:nth-of-type(2n){margin-right: 0px;}
	.swi_product_list .ul .li:nth-of-type(4n){margin-right: 0px;}

	

}