@charset "utf-8";
@font-face{ font-family:Impact; src:url(../font/impact.ttf);}
@font-face{ font-family:PingFang; src:url(../font/PingFang.ttf);}
@font-face{ font-family:ARVO; src:url(../font/ARVO-REGULAR.TTF);}
@font-face{ font-family:simkai; src:url(../font/simkai.ttf);}
@font-face{ font-family:kaiti; src:url(../font/kaiti.ttf);}
@font-face{ font-family:Barlow Condensed; src:url(../font/BarlowCondensed-SemiBold.ttf);}
@font-face{ font-family:BarlowCondensed-Light; src:url(../font/BarlowCondensed-Light.ttf);}
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}


@media (max-width:328px){html{font-size:12px;}}
/*==========================================公共 开始=============================================*/
.ar_wap{ display:none}
.a_body{position:relative;z-index:0;padding-top: 0;}
.section{ overflow:hidden;}

header{position:fixed;z-index:1000000;width:100%;background:#fff;height: 110px;top: -110px;transition:1.2s ease;}
header .lan a{position:absolute;right:3%;width: 36px;height:36px;line-height:34px;text-align:center;border:#e5e5e5 1px solid;font-size:13px;color: #c0c1c2;font-family:"Times New Roman";top:50%;margin-top:-18px; transition:0.36s}
header.on{ top:0}
header #nav{ font-size:0}
header #nav li{display:inline-block;width:164px;height: 110px;position: relative;perspective: 1000px;border-left:#ececed 1px solid;border-right:#ececed 1px solid;margin:0 -0.5px;}
header #nav li>a{ position:absolute; width:100%; height:100%; z-index:1000}

header #nav .menu .box{overflow:hidden;display: block;width: 100%;height: 100%;position: relative;}
header #nav .menu .sta1,header #nav .menu .sta2 {
	position: absolute;
	height: 110px;
	pointer-events: none;
	width: 100%;
	padding-left: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	transform-origin: 50% 50% -55px;
	-webkit-transform-origin: 50% 50% -55px;
	-moz-transform-origin: 50% 50% -55px;
	-ms-transform-origin: 50% 50% -55px;
	text-align: center;
}
header #nav .menu .sta1 {
	background: #89211b;
	transform: rotateX(90deg);
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	-ms-transform: rotateX(90deg);
}
header #nav .menu .sta2 {
	background: #ffffff;
	transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
}
header #nav .menu div h1 {
	font-family: Verdana, Arial, "Microsoft YaHei", "SimHei", sans-serif;
	font-size: 14px;
	font-smooth:always;
	letter-spacing:1px;
	line-height: 18px;
	display: block;
	height: 18px;
	clear: both;
	text-align:left;
	text-transform:uppercase;
	margin:21px 0 0 0;
}
header #nav .menu .sta1 h1 {
	color:#fff !important;
	
}
header #nav .menu:hover h1 {
	color:#fff !important;
	
}
header #nav .menu .sta2 h1 {
	color:#000;
	
}
header #nav .menu div span {
	display: block;
	height: 18px;
}
header #nav .menu div span {
	
font-size: 16px;
	
color: #000000;
}
header #nav .current div span {
	
color: #fff;
}
header #nav .menu div h3{height:40px;line-height:40px;margin-bottom: 5px;margin-top: 19px;}
header #nav .menu div h3 img{ transition:0.6s}
header #nav .menu:hover{cursor:pointer}
header #nav .menu:hover>div{transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease}
header #nav .menu:hover .sta1{color:#fff;transform:rotateX(0deg);-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);opacity: 1;height: 142px;}
header #nav .menu:hover .sta2{color:#000;background-color:#000;transform:rotateX(-90deg);-webkit-transform: rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);opacity: 0;}

header #nav .current:hover{cursor:default}
header #nav .current .sta1, header #nav .current:hover .sta1{color:#fff;transform:rotateX(0deg);-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg)}
header #nav .current .sta2, header #nav .current:hover .sta2{color:#000;background-color:#000;transform:rotateX(-90deg);-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg)}
header #nav .menu:hover span{ color:#fff}
header .logo{position:absolute;width:220px;height:100%;left:50%;margin-left:-110px;top:0;text-align: center;padding: 10px 0;}
header .logo embed{ height:90px;}
.datu{position:relative;width:100%;height:100vh;top: 0;}


.banner{position:relative;z-index:1;height:100vh;width: 100%;z-index: 10;}
.banner .line_box{z-index:2;position:  absolute;width:  100%;height: 100%;top: 0;bottom: 0;}
.banner .line{ width:1px; top:0; z-index:10000; position:absolute; -moz-transition: all 2s ease-in-out;-webkit-transition: all 2s ease-in-out;-o-transition: all 2s ease-in-out;-ms-transition: all 2s ease-in-out;transition: all 2s ease-in-out;}
.banner .line01{left: 25%;height:0;background:rgba(255,255,255,0.2);}
.banner .line02{left: 50%;height:0;background:rgba(255,255,255,0.2);}
.banner .line03{left: 75%;height:0;background:rgba(255,255,255,0.2);}
.banner .miso-list li.miso-current .line_box.on .line01{ height:100%; transition-delay:2s}
.banner .miso-list li.miso-current .line_box.on .line02{ height:100%; transition-delay:3s}
.banner .miso-list li.miso-current .line_box.on .line03{ height:100%; transition-delay:4s}

.banner ul.slider,.banner ul.slider .miso-list,.banner ul.slider .miso-list .miso-track{ height:100%}
.banner .miso-list li{height:100%;text-align:left;}
.banner .miso-list li .img{position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover !important;z-index:1;-moz-opacity: 0;-khtml-opacity: 0;opacity: 1;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition:1.2s ease;-moz-transition:1.2s ease;-ms-transition:1.2s ease;-o-transition:1.2s ease;-webkit-transition:1.2s ease;font-size: 0;}
.banner .miso-list li.miso-current .img{visibility: visible !important; -moz-opacity: 1;-khtml-opacity: 1;opacity: 1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.banner .miso-list li h2{ font-size:7.5rem; color:#fff; font-family:Tw Cen MT Condensed; text-transform:uppercase; font-weight:bold; margin:10px 0}
.banner .miso-list li h3{font-size:3rem;color:#fff;margin-bottom: 70px;}
.banner .miso-list li.miso-current h2{ top:0; filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1}
.banner .miso-list li a{display:inline-block;width: 166px;li;line-height: 57px;height: 57px;text-align:center;font-size: 16px;color:#fff;text-transform:uppercase;background: #00c0ff;overflow: hidden;border-radius: 3px; overflow:hidden; position:relative}
.banner .miso-list li a span{font-family:Californian FB;position:  relative;}
.banner .miso-list li a:before{content:"";position:absolute;top:0;bottom:0;left:0;width:100%;height: 100%;transition:transform .3s;transform-origin:bottom;transform:scaleY(0);background: #00a5db;}
.banner .miso-list li a:hover:before{ transform:none;}
@-webkit-keyframes scaleUpDown {
from { -webkit-transform: scale(1); transform: scale(1); }
to { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05);}
}
@keyframes scaleUpDown {
from { -webkit-transform: scale(1); transform: scale(1); }
to { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05);}
}
.banner .miso-prev,.banner .miso-next{ z-index:100000; width:75px; height:75px; line-height:71px; margin-top:-37.5px; background:none; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%;}
.banner .miso-prev:hover,.banner .miso-next:hover{ opacity:1}
.banner .miso-prev{ left:30%; margin-left:-680px; border:rgba(255,255,255,0.65) 2px solid; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.banner .miso-prev:hover{ border:rgba(255,255,255,1) 2px dashed;}
.banner .miso-prev:before{ content:"<"; width:100%; height:100%; position:absolute; left:0; top:0; font-size:24px; font-family:simsun; color:rgba(255,255,255,0.65)}
.banner .miso-next{ right:30%; margin-right:-680px; border:rgba(255,255,255,0.65) 2px solid; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.banner .miso-next:hover{ border:rgba(255,255,255,1) 2px dashed;}
.banner .miso-next:before{ content:">"; width:100%; height:100%; position:absolute; left:0; top:0; font-size:24px; font-family:simsun; color:rgba(255,255,255,0.65)}
.banner .con{height:100%;position:relative;z-index: 10;padding-left: 230px;}
.banner .miso-list li .table{text-align:left;padding-bottom: 8rem;}
.banner .miso-list li .table .box{ display:inline-block}
.banner .miso-list li .table .table_cell .box{ transform:scale(0.5); filter:alpha(opacity=0); opacity:0; -moz-opacity:0; -khtml-opacity:0; -moz-transition: all 2s ease-in-out;-webkit-transition: all 2s ease-in-out;-o-transition: all 2s ease-in-out;-ms-transition: all 2s ease-in-out;transition: all 2s ease-in-out;}
.banner .miso-list li .table .table_cell .box h4{ padding-top:4rem}
.banner .miso-list li.miso-current.on .table .table_cell .box{filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1; transform:scale(1);}
.banner .miso-dots {position: absolute;height: 1px;top: auto;bottom: 9.125rem;right: 0;width: auto;left: 0;padding: 0px;margin: 0px;list-style-type: none;z-index: 100000;overflow: visible; transition:0.9s}
.banner .miso-dots.on{ opacity:0}
.banner .miso-dots li button {float:left;display:  inline-block;border: none;height: 1px;line-height: 500px;width:0;position:relative;overflow:  hidden;}
.banner .miso-dots li:before{content:"";position:absolute;left: 3.5rem;right: 3.5rem;top:0;background: rgba(255,255,255,0.5);height:1px;}
.banner .miso-dots li {float: none;width: 25%;height: 1px;margin: 0;background: none;padding: 0 3.5rem;}
@-webkit-keyframes ProgressDots {
from {
width: 0px;
}
to {
width: 100%;
}
}
@keyframes ProgressDots {
/* ==== Slick Slider Css Ruls === */
from {
width: 0px;
}
to {
width: 100%;
}
}
.banner .miso-dots li.miso-active button {
width: 100%;
-webkit-animation: ProgressDots 8s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
animation: ProgressDots 8s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
background: #fff;
}
.banner .miso-dots li.miso-active{ transform:translateY(-34px);-o-transform:translateY(-34px);-ms-transform:translateY(-34px);}

/*4产品系列*/
.datu .content{position: absolute;left: 0;right:0;bottom: 0;z-index: 10000;padding: 5rem 0 3rem;-webkit-transform-origin: center bottom 0;-ms-transform-origin: center bottom 0;transform-origin: center bottom 0;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;transition: transform 0.9s ease 0s;-webkit-transition: transform 0.9s ease 0s;-ms-transition: transform 0.9s ease 0s;overflow: hidden;}
.binboxAct { background:#000000; -webkit-transform: perspective(600px) rotateX(90deg); -ms-transform: perspective(600px) rotateX(90deg); transform: perspective(600px) rotateX(90deg); transition: visibility 0.9s steps(1, end) 0s, transform 0.9s ease 0s; -webkit-transition: visibility 0.9s steps(1, end) 0s, transform 0.9s ease 0s; -ms-transition: visibility 0.9s steps(1, end) 0s, transform 0.9s ease 0s; visibility: hidden; }

.datu .content ul{}
.datu .content ul li{padding: 0 3.5rem;-webkit-transition: -webkit-transform 0.6s ease-in-out;-moz-transition: -moz-transform 0.6s ease-in-out;transition: all 0.6s ease-in-out;cursor:pointer;}
.datu .content ul li .con h4{font-size: 24px;color:#fff;text-transform:uppercase;margin-bottom: 10px;font-family: Californian FB;}
.datu .content ul li .con h3{font-size: 16px;color:#fff;line-height: 20px;}
.datu .content ul li .con h3 big{ font-size:20px; margin-right:5px}
.datu .content ul .miso-list{overflow: visible;}
.datu .content ul li.miso-current{ transform:translateY(-34px);-o-transform:translateY(-34px);-ms-transform:translateY(-34px);}
.datu .content ul li .box{ position:relative;}
.datu .content ul li .box a{display:inline-block;width:62px;height:62px;background: #fff;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;position:absolute;right:0;top: 8px;-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;-webkit-transition:1s;transform:translateY(70px);-o-transform:translateY(70px);-ms-transform:translateY(70px);overflow:hidden;}
.datu .content ul li:hover .box a,.datu .content ul li.miso-current .box a{ -moz-opacity: 1;-khtml-opacity: 1; opacity: 1; filter:alpha(opacity=1); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); transform:translateY(-10px);-o-transform:translateY(-10px);-ms-transform:translateY(-10px);}
.datu .content ul li .box .icon{-moz-opacity: 1;-khtml-opacity: 1; opacity: 1; filter:alpha(opacity=1); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); transition:1s; -moz-transition:1s; -ms-transition:1s; -o-transition:1s; -webkit-transition:1s; transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);}
.datu .content ul li:hover .box .icon{ -moz-opacity: 0;-khtml-opacity: 0; opacity: 0; filter:alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); transform:translateY(-70px);-o-transform:translateY(-70px);-ms-transform:translateY(-70px);}
.datu .content ul li .box a:before{ content:""; background:url(../images/jiantou1.png) center no-repeat; position:absolute; width:20px; height:14px; top:50%; margin-top:-7px; left:50%; margin-left:-10px; transition:1s; -moz-transition:1s; -ms-transition:1s; -o-transition:1s; -webkit-transition:1s;}
.datu .content ul li .box a:hover:before{ margin-left:40px;}
.datu .content ul li .box a:after{ content:""; background:url(../images/jiantou1.png) center no-repeat; position:absolute; width:20px; height:14px; top:50%; margin-top:-7px; left:50%; margin-left:-62px; transition:1s; -moz-transition:1s; -ms-transition:1s; -o-transition:1s; -webkit-transition:1s;}
.datu .content ul li .box a:hover:after{ margin-left:-10px;}

.ind_video_box > div {width: 0;height: 100%;display: inline-block;vertical-align: top;position: absolute;overflow: hidden;transition: 1s ease;bottom: 0;}
.banner .miso-list li .ind_video_box > div.can_video{transition:2s ease; }
.banner .miso-list li.miso-current .ind_video_box{/*-webkit-animation: scaleUpDown 9s forwards linear; animation: scaleUpDown 9s forwards linear;*/}
.ind_video_box img, .ind_video_box .ban_img { width: 100vw; height: 100vh; position: relative;}
.ind_video_box .can_video img{ transition:9s ease}
.ind_video_box .can_video:nth-child(1) img {left: 0; transform-origin: 0 100%; transform:scale(1.25)}
.ind_video_box .can_video:nth-child(2) img {left: -25vw;transform-origin: 0 100%; transform:scale(1.25)}
.ind_video_box .can_video:nth-child(3) img {left: -50vw;transform-origin: 0 100%; transform:scale(1.25)}
.ind_video_box .can_video:nth-child(4) img {left: -75vw;transform-origin: 0 100%; transform:scale(1.25)}

.banner .miso-list li.miso-current.on .ind_video_box .can_video:nth-child(1) img { transform:scale(1)}
.banner .miso-list li.miso-current.on .ind_video_box .can_video:nth-child(2) img { transform:scale(1)}
.banner .miso-list li.miso-current.on .ind_video_box .can_video:nth-child(3) img { transform:scale(1)}
.banner .miso-list li.miso-current.on .ind_video_box .can_video:nth-child(4) img { transform:scale(1)}


.banner .miso-list li.miso-current.on .ind_video_box > div.can_video{width: 25%;}
.banner .miso-list li.miso-current.on .ind_video_box > div.line_box {height: 100%;}

.ind_video_box > .ind_video_box:nth-child(1) {transition-delay: 0;}
.ind_video_box > .ind_video_box:nth-child(2) {transition-delay: 0.2s;}
.ind_video_box > .ind_video_box:nth-child(3) {transition-delay: 0.4s;}
.ind_video_box > .ind_video_box:nth-child(4) {transition-delay: 0.6s;}
.banner .miso-list li.miso-current .ind_video_box > div:nth-child(1) {left: 0;}
.banner .miso-list li.miso-current .ind_video_box > div:nth-child(2) {left: 25%;}
.banner .miso-list li.miso-current .ind_video_box > div:nth-child(3) {left: 50%;}
.banner .miso-list li.miso-current .ind_video_box > div:nth-child(4) {left: 75%;}

/*==========================================公共 结束=============================================*/

/*==========================================首页 开始=============================================*/

/*.wenzi:before{ content:""; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; z-index:3; display:none\9;}*/


.container01{ font-size:0}
.container01 .box{ display:inline-block; width:50%; height:522px; background-size:cover !important; position:relative}
.container01 .box .img,.container01 .box .img img{ width:100%; height:100%; object-fit:cover; overflow:hidden}
.container01 .box .con{ position:absolute;}
.container01 .box .con h6{ font-size:18px; color:#958a70; text-transform:capitalize; font-family:PingFang;}
.container01 .box .con h3{ font-size:35px; color:#958a70; font-weight:bold; margin:10px 0 16px}
.container01 .box .con h4{font-size:20px;color:#b1a890;margin-bottom: 50px;}

.container01 .box01 .con{ top:6rem; right:5.75rem; text-align:right}
.container01 .box02 .con{ top:6rem; left:5.75rem; text-align:left}
.container01 .box02 .con h6{color: #8a433f;}
.container01 .box02 .con h3{color: #8a433f;}
.container01 .box02 .con h4{color: #8a433f;}
/*.wenzi{ overflow:hidden}
.container01.action .wenzi:before{ animation:scroll_on22 1s forwards linear;}
@keyframes scroll_on22 {
	0% { left:0; }
	100% { left:100%; }
}*/

.container01 .box01 a{display:inline-block;width: 45px;height: 45px;border: #b1a996 1px solid;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;-webkit-transition:1s;overflow:hidden;position:relative;}
.container01 .box01:hover a{border: #958a70 1px solid;background: #958a70;}

.container01 .box01 a:before{content:"";background:url(../images/jiantou2.png) center no-repeat;position:absolute;width: 23px;height: 15px;top:50%;margin-top: -7.5px;left:50%;margin-left: -12px;transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;-webkit-transition:1s;}
.container01 .box01:hover a:before{margin-left: -62px;}
.container01 .box01 a:after{content:"";background:url(../images/jiantou4.png) center no-repeat;position:absolute;width: 23px;height: 15px;top:50%;margin-top:-7.5px;left:50%;margin-left: 62px;transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;-webkit-transition:1s;}
.container01 .box01:hover a:after{margin-left: -12px;}

.container01 .box02 a{display:inline-block;width: 45px;height: 45px;border: #ac7973 1px solid;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;-webkit-transition:1s;overflow:hidden;position:relative;}
.container01 .box02:hover a{ border:#89211b 1px solid; background:#89211b}

.container01 .box02 a:before{content:"";background:url(../images/jiantou3.png) center no-repeat;position:absolute;width: 23px;height: 15px;top:50%;margin-top: -7.5px;left:50%;margin-left: -12px;transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;-webkit-transition:1s;}
.container01 .box02:hover a:before{ margin-left:40px;}
.container01 .box02 a:after{ content:""; background:url(../images/jiantou5.png) center no-repeat; position:absolute; width: 23px;height: 15px; top:50%; margin-top:-7.5px; left:50%; margin-left:-62px; transition:1s; -moz-transition:1s; -ms-transition:1s; -o-transition:1s; -webkit-transition:1s;}
.container01 .box02:hover a:after{ margin-left:-12px;}



.container02{ height:495px; background-size:cover !important; background-attachment:fixed !important}
















footer{background:url(../images/wenli.jpg) center top no-repeat;}
footer .fl01{ border-bottom:#e3e3e3 1px solid; padding:42px 0 50px;}
footer .fl01 h3{ text-align:center; margin-bottom:40px;}
footer .fl01 .bottom{ text-align:center}
footer .fl01 .bottom .box{ display:inline-block; margin:0 21px; text-align:left}

footer .fl01 .bottom h5{font-size:16px;color:#2a2a29;margin-bottom: 8px;padding-top: 5px;}
footer .fl01 .bottom h6{ font-size:13px; color:#adabaa;}

footer .fl01 .bottom .input{text-align:center;font-size:0;height: 44px;margin: 0;float: left;}
footer .fl01 .bottom .input .input-text{display:inline-block; *display:inline; *zoom:1;width: 300px;height: 44px;line-height: 42px;position:  relative;vertical-align: top;background: none;border: #dcdcdc 1px solid;}
footer .fl01 .bottom .input .input-text input{display:block;width:100%;height:100%;color: #333;font-size:12px;border:none;background:none;padding: 0 20px;position:  relative;z-index: 10;font-size: 14px;}
footer .fl01 .bottom .input .btn{display:inline-block; *display:inline; *zoom:1;width: 100px;height: 44px;line-height: 44px;background: #3b3c3e;margin-left: -1px;position:relative;z-index:11;transition: 0.6s;cursor: pointer;}
footer .fl01 .bottom .input .btn input{display:block;width:100%;height:100%;line-height: 44px;color: #fff;font-size: 16px;text-transform:uppercase;border:none;background:none;text-align:center;position:relative;z-index:1;cursor: pointer;}
footer .fl01 .bottom .input .btn a{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;float: left;width: 100%;height: 44px;line-height: 44px;vertical-align:  middle;position:  absolute;top: 0;left: 0;}
footer .fl01 .bottom .input .btn:hover{background: #89211b;}
input::-webkit-input-placeholder{ color:#919191;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#919191; }
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#919191;}
input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#919191;}

footer .fl01 .bottom .input .input-text > input:focus {
  background-color: transparent;
  border-color: transparent;
}
footer .fl01 .bottom .input .input-text > input:focus ~ .input-border {
}
footer .fl01 .bottom .input .input-text > input:focus ~ .input-border:first-of-type:before {
  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  width: 100%;
}
footer .fl01 .bottom .input .input-text > input:focus ~ .input-border:first-of-type:after {
  height: 100%;
  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all;
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
footer .fl01 .bottom .input .input-text > input:focus ~ .input-border:last-of-type {
  background: transparent;
}
footer .fl01 .bottom .input .input-text > input:focus ~ .input-border:last-of-type:before {
  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all;

  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  width: 100%;
}
footer .fl01 .bottom .input .input-text > input:focus ~ .input-border:last-of-type:after {
  height: 100%;
  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all;
  -webkit-transition-delay: 0.45s;
  transition-delay: 0.45s;
  top: 0;
}
footer .fl01 .bottom .input .input-text .input-border {
  bottom: -1px;
  display: block;
  left: -1px;
  position: absolute;
  top: -1px;
  right: -1px;
}
footer .fl01 .bottom .input .input-text .input-border:before,
footer .fl01 .bottom .input .input-text .input-border:after {
  bottom: 0;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 0;
  background-color: #89211b;
  -webkit-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all;
}
footer .fl01 .bottom .input .input-text .input-border:first-of-type:before {
  height: 1px;
  left: 0;










  top: 0;
  width: 0;
}
footer .fl01 .bottom .input .input-text .input-border:first-of-type:after {
  height: 0;
  right: 0;
  top: 0;
  width: 1px;
}
footer .fl01 .bottom .input .input-text .input-border:last-of-type:before {
  background-color: #89211b;
  height: 1px;
  top: calc(100% - 1px);

  right: 0;
  width: 0;
}
footer .fl01 .bottom .input .input-text .input-border:last-of-type:after {
  background-color: #89211b;
  height: 0;
  top: calc(100% - 1px);
  left: 0;
  width: 1px;
}

footer .fl02{padding: 46px 0 46px;}
footer .fl02 ul.ul01{ font-size:0}
footer .fl02 ul.ul01 li{display:inline-block;margin-right: 18px;}
footer .fl02 ul.ul01 li a{display:inline-block;width: 35px;height: 35px;line-height: 33px;text-align:center;border-radius:50%;cursor:pointer; border:#cdcdcd 1px solid; position:relative}
footer .fl02 ul.ul01 li a:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;transform:matrix(0.5, 0, 0, 0.5, 0, 0);background: rgba(59, 60, 62, 0.25);transition:0.6s ease;opacity: 0;z-index: 1;}
footer .fl02 ul.ul01 li a img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;-khtml-opacity:0.4;transition:0.6s ease;position: relative;z-index: 2;}
footer .fl02 ul.ul01 li a:hover img{ opacity:1;}

footer .fl02 ul.ul02{ font-size:0; margin:28px 0 14px}
footer .fl02 ul.ul02 li{ display:inline-block; margin-right:24px; font-size:16px; color:#595a5d; font-weight:bold; position:relative}
footer .fl02 ul.ul02 li:before{ content:""; position:absolute; right:-12px; top:1px; width:1.5px; height:14px; background:#595a5d}
footer .fl02 ul.ul02 li:last-child:before{ display:none}
footer .fl02 ul.ul02 li a{ font-size:16px; color:#595a5d; transition:0.6s}
footer .fl02 p,footer .fl02 p a{ font-size:13px; color:#a8a8a9; transition:0.6s}

footer .fl02 p a:hover{ color:#89211b}
footer .fl02 ul.ul01 li a:hover:after{transform: matrix(1, 0, 0, 1, 0, 0);opacity: 1;}
footer .fl02 ul.ul02 li a:hover{ color:#89211b}

footer .fl02 .right .icon{ background:#89211b; border-radius:50%; width:47px; height:47px; display:inline-block; text-align:center; line-height:47px;}
footer .fl02 .right .icon span{display:inline-block;-webkit-animation:cycleIcons 5s ease 0.6s infinite normal both running;animation:cycleIcons 5s ease 0.6s infinite normal both running}

/*@-webkit-keyframes cycleIcons{
	28%{transform:scale(0) rotate(-30deg);opacity:1}
	31%{transform:scale(1) rotate(30deg)}
	40%{transform:scale(1) rotate(-30deg)}
	48%{transform:scale(1) rotate(30deg)}
	55%{transform:scale(1) rotate(-30deg)}
	61%{transform-origin:center bottom;content:"";transform:scale(1) rotate(30deg);opacity:1}
}*/

@keyframes cycleIcons{
	0%{transform-origin:center bottom;transform:rotate(5deg);}
	16.666667%{transform-origin:center bottom;transform:rotate(-5deg);}
	33.333333%{transform-origin:center bottom;transform:rotate(5deg)}
	50%{transform-origin:center bottom;transform:rotate(-5deg)}
	66.666666%{transform-origin:center bottom;transform:rotate(5deg)}
	83.333333%{transform-origin:center bottom;transform:rotate(-5deg)}
	100%{transform-origin:center bottom;transform:rotate(5deg)}
}


footer .fl02 .right{ padding:35px 0 0}
footer .fl02 .right .con{ display:inline-block; padding:0 0 0 10px}
footer .fl02 .right .con h6{font-size:13px;color:#6d6e70;margin-bottom: 8px;}
footer .fl02 .right .con h3{ font-size:24px; color:#89211b; font-family:ARVO;}
footer .fl02 .right .con h3 span{ font-family:ARVO;}

.tc1 .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99999999;}

.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(1.1);display:  none;}
.tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto;transform:scale(1);}
.tc1 .close:hover{ transform:rotate(180deg);}
.tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 

.tc1 .tc-box{position:absolute;overflow: hidden;top:50%;z-index:9999;width: 200px;height: 250px;left:50%;margin-left: -100px;margin-top: -125px;-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-name: anim-close-2;animation-name: anim-close-2;}
.tc1 .tc.act{display: block;}
.tc1 .tc.act .tc-box{display: block;-webkit-animation-name: anim-open-2;animation-name: anim-open-2;transform:scale(1);}
.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc1 .tc-bg {height: 100%;background: rgba(0,0,0,.9);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}
.tc1 .tc-box h3 img{width: 200px;height: 200px;}
.tc1 .tc-box h5{width: 100%;height: 50px;line-height: 50px;font-size:1rem;color:#fff;text-align:center;}

.imgContainer{ position:relative}
.imgContainer .scanMask{position:absolute;left:0;top:0;bottom:0;width: 100%;height:0;border-bottom: 3px solid #ffffff;background: rgba(0,0,0,0.15);}

#ac-cursor{position:fixed;width:48px;height:48px;top:-24px;left:-24px;pointer-events:none;visibility:hidden;z-index:9900}.touchevents #ac-cursor{display:none}#ac-cursor-progress{mix-blend-mode:multiply}#ac-cursor-progress circle{fill:none;stroke:#d43246;stroke-width:1.2;stroke-miterlimit:10;stroke-dasharray:200;stroke-dashoffset:200}#ac-cursor-outline{position:absolute;top:0;left:0;height:100%;width:100%}#ac-cursor-outline circle{fill:none;stroke:rgba(58,60,73,.1);stroke-width:1.2;stroke-miterlimit:10}#ac-drag{position:absolute;top:0;left:0;height:100%;width:100%;visibility:hidden}#ac-drag-progress{mix-blend-mode:multiply}#ac-drag-progress circle{fill:none;stroke-width:1.2;stroke-miterlimit:10;stroke:#3a3c49;stroke-dasharray:200;stroke-dashoffset:200}#ac-drag-outline{position:absolute;top:0;left:0;height:100%;width:100%}#ac-drag-outline circle{fill:none;stroke:rgba(58,60,73,.1)}.ac-loader-item{position:fixed;top:0;left:0;height:100%;width:100%;z-index:9000}.ac-loader-item .ac-symbol-mask{overflow:hidden}.ac-loader-item svg{height:132px;width:132px}.ac-loader-symbol{position:absolute;top:0;left:0;height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:100}.ac-loader-bg{position:absolute;top:0;left:0;height:100%;width:100%}#ac-loader-main path{fill:#3a3c49}#ac-loader-main line{stroke:#3a3c49}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){#ac-loader-main line{shape-rendering:crispEdges}}#ac-loader-main path{visibility:hidden}#ac-loader-main line:nth-of-type(1),#ac-loader-main line:nth-of-type(2){stroke-dasharray:141;stroke-dashoffset:141}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){#ac-loader-main line:nth-of-type(1),#ac-loader-main line:nth-of-type(2){shape-rendering:crispEdges}}#ac-loader-bg-main{background:#f6f5f4}#ac-loader-invert .ac-symbol-mask{-webkit-transform:translateY(-100%);transform:translateY(-100%)}#ac-loader-invert svg{-webkit-transform:translateY(100%);transform:translateY(100%)}#ac-loader-invert path{fill:#f6f5f4}#ac-loader-invert line{stroke:#f6f5f4;stroke-dasharray:141}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){#ac-loader-invert line{shape-rendering:crispEdges}}#ac-loader-bg-aux,#ac-loader-bg-invert{background:#3a3c49;-webkit-transform:translateX(-100%);transform:translateX(-100%)}#ac-loader-aux #ac-loader-symbol-aux{visibility:hidden}#ac-loader-aux path{fill:#f6f5f4;visibility:hidden}#ac-loader-aux line{stroke:#f6f5f4;stroke-dasharray:141;stroke-dashoffset:141}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){#ac-loader-aux line{shape-rendering:crispEdges}}#ac-loader-bg-aux{background:#3a3c49;-webkit-transform:translateX(-100%);transform:translateX(-100%)}

.n_container{padding: 110px 0 0;}
.n_chaju{padding: 95px 0 45px;}

.n_title{ position:relative; text-align:center; margin-bottom:60px;}
.n_title h3{ font-size:36px; color:#242424; font-family:simkai; margin-bottom:12px}
.n_title h3 span{position:relative;font-family:simkai;text-transform: uppercase;}
.n_title h3 span.span01:after{content:"";width: 7px;height: 7px;border:#89211b 2px solid;border-radius:50%;position:absolute;top: 24px;left: 19px;}
.n_title h5{ font-size:14px; color:#ababab; font-family:Times New Roman; text-transform:uppercase}

.n_chaju ul{ font-size:0; margin:0 -30px;}
.n_chaju ul li.li{display:inline-block;width:50%;padding:0 30px;text-align:center;overflow:hidden;margin-bottom: 50px;}
.n_chaju ul li.li a{ display:block}
.n_chaju ul li.li a .img img{width:100%;height:465px;object-fit: cover;}
.n_chaju ul li.li a .con h5{font-size:18px;color:#4d4d4d;margin: 24px 0 50px;}
.n_chaju ul li.li a .con h5 span{position:relative;padding-left: 20px;}
.n_chaju ul li.li a .con h5 span:before{content:"";width:10px;height:10px;border:#000000 1px solid;border-radius:50%;position:absolute;left:0;top: 4px;}
.n_chaju ul li.li a .con dl{ display:inline-block; min-width:126px;}
.n_chaju ul li.li a .con dl dt{display:inline-block;width: 75px;height: 75px;border: #7b7b7b 1px solid;border-radius:50%;line-height: 68px;margin-bottom: 20px;position:relative;}
.n_chaju ul li.li a .con dl dt:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;transform:matrix(0.5, 0, 0, 0.5, 0, 0);transition:0.6s ease;opacity: 0;z-index: 1;}
.n_chaju ul li.li a .con dl dt img{position: relative;z-index: 2; transition:0.6s}
.n_chaju ul li.li a .con dl:hover dt img{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}

@keyframes jello {
    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}
.n_chaju ul li.li a .con dl dd{font-size: 13px;line-height: 22px;color: #626262;}
.n_chaju ul li.li .miso-dots{ margin:0; bottom:20px}
.n_chaju ul li.li .miso-dots li{width:20px;height:20px;border:transparent 1px solid;border-radius: 50%;padding: 3px;}
.n_chaju ul li.li .miso-dots li button{ width:12px; height:12px; background:#000000; border-radius:50%}

.n_chaju ul li a .con dl:hover dt:after{transform: matrix(1, 0, 0, 1, 0, 0);opacity: 1;}
.n_chaju ul li.li .miso-dots li.miso-active{ border:#fff 1px solid}
.n_chaju ul li.li .miso-dots li.miso-active button{ background:#fff;}

.fanhuidingbu a{display:inline-block;width:47px;height:47px;line-height:47px;background:#89211b;border-radius:50%;text-align:center;position:fixed;right:30px;bottom: 70px;}

.n_product{padding: 95px 0 55px;}
.n_product .n_title h3 span.span01:after{left: 72px;}
.n_product ul{ font-size:0; margin:0 -25px;}
.n_product ul li{ display:inline-block; padding:0 25px; width:25%; text-align:center; margin-bottom:50px;}
.n_product ul li a{ background:#fff; border:#e4e4e6 1px solid; display:block;}
.n_product ul li a .con{ padding:50px 0 10px;}
.n_product ul li a .con h3 span{ width:75px; height:63px; display:inline-block; position:relative}
.n_product ul li a .con h3 span b{ font-size:30px; color:#8c8c8c; line-height:61px; font-family:kaiti; position:relative; font-weight:normal}
.n_product ul li a .con h3 span:before{ content:""; background:url(../images/dbx.png) center no-repeat; position:absolute; top:0; right:0; bottom:0; left:0; transition:0.6s}
.n_product ul li a .con h4{ font-size:28px; color:#242424; font-family:simkai; margin:38px 0 14px; position:relative}
.n_product ul li a .con h4:before{ content:""; position:absolute; left:50%; margin-left:-2.5px; width:5px; height:5px; background:#000000; top:50%; margin-top:-2.5px; border-radius:50%}
.n_product ul li a .con h6{ font-size:12px; color:#ababab; text-transform:uppercase; font-family:"Times New Roman";}
.n_product ul li a .img, .n_product ul li a .img img{ max-width:100%; overflow:hidden}

.n_product ul li a:hover .con h3 span:before{ transform:rotate(180deg); background:url(../images/dbx_on.png) center no-repeat;}
.n_product ul li a:hover .con h3 span b{ color:#fff}

.n_contact{ padding:90px 0}
.n_contact .left .n_title{ text-align:left;}
.n_contact .left .n_title h3 span.span01:after{left: 78px;}
.n_contact .left p{ font-size:15px; line-height:32px; color:#5c5c5c}
.n_contact .left p a{ font-size:15px; line-height:32px; color:#5c5c5c; text-decoration:underline; margin-left:24px; transition:0.36s}
.n_contact .left p big{ font-size:22px; color:#89211b; font-family:ARVO;}
.n_contact .left ul{ margin-top:32px;}
.n_contact .left ul li{ display:inline-block}
.n_contact .left ul li h5{ font-size:14px; color:#717171; margin-top:15px; text-align:center}
.n_contact .right{ background:url(../images/n_contact_bg.jpg) right bottom no-repeat; padding:0 20px 20px 0}

.n_contact .left p a:hover{ color:#89211b}

.n_jinhua .fl01{ padding:90px 0 80px; text-align:center}
.n_jinhua .fl01 p{ font-size:16px; line-height:32px; color:#797979; margin-bottom:52px;}
.n_jinhua .fl01 ul{ font-size:0}
.n_jinhua .fl01 ul li{display:inline-block;padding:0 65px;text-align: center; overflow:hidden}
.n_jinhua .fl01 ul li a{ display:block}
.n_jinhua .fl01 ul li .img_wai{display:inline-block;width:220px;height:220px;border:#dac06c 2px solid;border-radius:50%;}
.n_jinhua .fl01 ul li .img,.n_jinhua .fl01 ul li .img img{width:210px;height:210px;overflow:hidden;border-radius:50%;display: inline-block;}
.n_jinhua .fl01 ul li h5{ font-size:15px; color:#797979; margin-top:18px;}

.n_jinhua .fl02{ background:rgba(0,0,0,0.05); padding:80px 0 90px; font-size:0}
.n_jinhua .fl02 .img{ display:table-cell; width:510px; height:315px; overflow:hidden}
.n_jinhua .fl02 .box{ display:table-cell; width:690px; height:315px; padding-left:80px}
.n_jinhua .fl02 .box p{ font-size:16px; color:#797979; line-height:32px; text-align:left}

.n_pinpai .fl01{padding:140px 0 0;height:710px;background: url(../images/n_pinpai_fl01_bg.png) 168px center no-repeat;border-bottom:#dadada 1px solid;}
.n_pinpai .fl01 .n_title { text-align:left;}
.n_pinpai .fl01 .n_title h3 span.span01:after{left: 98px;top: 25px;}
.n_pinpai .fl01 .box{ width:642px;}
.n_pinpai .fl01 dl{ padding-bottom:80px; position:relative}
.n_pinpai .fl01 dl:before{content:"";position:absolute;width:48px;height:2px;background:#626262;bottom: 56px;}
.n_pinpai .fl01 dl dt{ font-size:16px; color:#242424; line-height:24px; margin-bottom:20px;}
.n_pinpai .fl01 dl dt{position:relative;padding-left: 24px;}
.n_pinpai .fl01 dl dt:before{content:"";width:10px;height:10px;border:#000000 1px solid;border-radius:50%;position:absolute;left:0;top: 5px;}
.n_pinpai .fl01 p{ font-size:16px; line-height:32px; color:#737373}

.n_pinpai .fl02{padding: 70px 0 45px;background: url(../images/n_pinpai_fl02_bg.png) center bottom no-repeat;text-align:center;}
.n_pinpai .fl02 .n_title { text-align:center; margin-bottom:38px;}
.n_pinpai .fl02 .n_title h3 span.span01:after{left: 107px;}
.n_pinpai .fl02 .w1200>h4{ font-size:20px; color:#6a6a6a; font-family:simkai; line-height:30px; margin-bottom:30px;}
.n_pinpai .fl02 .w1200>h2{ margin-bottom:60px;}
.n_pinpai .fl02 ul{ font-size:0; margin:0 -48px;}
.n_pinpai .fl02 ul li{display:inline-block;width:16.6666667%;text-align:center;vertical-align: top;}
.n_pinpai .fl02 ul li a{ display:block}
.n_pinpai .fl02 ul li .yuan{display:inline-block;width:120px;height:120px;border:#a8a8a8 1px solid;border-radius:50%;margin-bottom: 26px; position:relative; overflow:hidden; transition:0.36s}
.n_pinpai .fl02 ul li .yuan:before{ content:""; position:absolute; width:104px; height:104px; left:50%; top:50%; margin-left:-52px; margin-top:-52px; transform:scale(0); background:#89211b; opacity:0; transition:1s ease; border-radius:50%}
.n_pinpai .fl02 ul li .yuan span{ font-size:19px; color:#565656; font-family:simkai; position:relative; transition:0.36s}
.n_pinpai .fl02 ul li h5{font-size:18px;color:#737373;font-family:simkai;line-height:30px;margin-bottom:30px;writing-mode: tb;display: inline-block;}
.n_pinpai .fl02 ul li h4{font-size:18px;color:#89211b;font-family:simkai;line-height:30px;margin-bottom:30px;writing-mode: tb;display: inline-block;vertical-align: top;}

.n_pinpai .fl02 ul li:hover .yuan{ border:#89211b 1px solid}
.n_pinpai .fl02 ul li:hover .yuan:before{ transform:scale(1); opacity:1}
.n_pinpai .fl02 ul li:hover .yuan span{ color:#fff}

.n_life .fl01{ padding:90px 0 115px;}
.n_life .fl01 .n_title h3 span.span01:after{left: 71px;}
.n_life .fl01 ul{ font-size:0; margin:0 -50px; margin-bottom:54px;}
.n_life .fl01 ul li{ display:inline-block; padding:0 50px; width:33.333333%; overflow:hidden}
.n_life .fl01 ul li a{ width:330px; height:440px; overflow:hidden; display:block; position:relative}
.n_life .fl01 ul li .img,.n_life .fl01 ul li .img img{ width:330px; height:440px; overflow:hidden; object-fit:cover}
.n_life .fl01 ul li .top{ position:absolute; top:0; right:0; bottom:0; left:0}
.n_life .fl01 ul li .top .yuan{display:inline-block;width:125px;height:125px;border:rgba(255,255,255,0.7) 1px solid;border-radius:50%;margin-bottom: 38px;position:relative;overflow:hidden;transition:0.36s;}
.n_life .fl01 ul li .top .yuan:before{ content:""; position:absolute; width:100%; height:100%; left:50%; top:50%; margin-left:-50%; margin-top:-50%; transform:scale(0); background:#89211b; opacity:0; transition:1s ease; border-radius:50%}
.n_life .fl01 ul li .top .yuan span{ font-size:18px; color:#fff; font-family:simkai; position:relative; transition:0.36s}
.n_life .fl01 ul li .top h5{font-size:16px;color:#fff;margin-bottom: 12px;}
.n_life .fl01 ul li .top h6{font-size:14px;color:rgba(255,255,255,0.55);font-family: BarlowCondensed-Light;}
.n_life .fl01 .bottom,.n_life .fl01 .bottom img{ width:1200px; height:545px; object-fit:cover; overflow:hidden}

.n_life .fl01 ul li a:hover .top .yuan:before{ opacity:1; transform:scale(1);}
.n_life .fl01 ul li a:hover .top .yuan{ border:#89211b 1px solid}
.n_life .fl01 ul li a:hover .img img{ transform:scale(1.06)}

.n_chayuan .fl01{ position:relative; height:648px;}
.n_chayuan .fl01 .top{position:absolute;bottom:0;left:0;width:100%;height:52px;background:url(../images/n_chayuan_fl01_top.png) center no-repeat;z-index: 1000;}
.n_chayuan .fl01 ul li.li{ height:648px;}
.n_chayuan .fl01 .icon{ position:absolute; width:120px; height:120px;left:50%; margin-left:-60px; bottom:-10px; z-index:10000}
.n_chayuan .fl01 ul .miso-dots{ bottom:140px;}
.n_chayuan .fl01 ul .miso-dots li{ width:12px; height:12px; border-radius:50%; border:rgba(255,255,255,0.65) 1px solid; margin:0 6px}
.n_chayuan .fl01 ul .miso-dots li.miso-active{ background:#fff; border:#fff 1px solid}


.n_chayuan .fl02{ position:relative; padding:62px 0 100px;}
.n_chayuan .fl02 .n_title h3 span.span01:after{left: 58px;}
.n_chayuan .fl02 ul{ font-size:0; margin:0 -28px;}
.n_chayuan .fl02 ul li{ display:inline-block; padding:0 28px; width:33.3333333%; text-align:center; overflow:hidden}
.n_chayuan .fl02 ul li a{ display:block;}
.n_chayuan .fl02 ul li .img{ width:445px; height:298px; overflow:hidden; object-fit:cover}
.n_chayuan .fl02 ul li .con{background:rgba(0,0,0,0.05);height: 210px;}
.n_chayuan .fl02 ul li .con .icon{ display:inline-block; width:68px; height:68px; line-height:68px; background:#89211b; border-radius:50%; text-align:center; position:relative; top:-34px;}
.n_chayuan .fl02 ul li .con .icon:before{content:"";position:absolute;width:80px;height:80px;border:#89211b 1px solid;border-radius:50%;left:50%;top:50%;margin-top: -41px;margin-left: -41px;}
.n_chayuan .fl02 ul li .con p{ font-size:16px; line-height:28px; color:#4e4e4e}

.n_chayuan .fl03{ position:relative; padding:98px 0 110px;background:rgba(0,0,0,0.05) url(../images/n_chayuan_fl03_bg.jpg) center no-repeat; text-align:center}
.n_chayuan .fl03 p{ font-size:16px; line-height:32px; color:#4e4e4e; margin-bottom:50px;}
.n_chayuan .fl03 ul{ font-size:0; margin:0 -10px; padding:0 80px;}
.n_chayuan .fl03 ul li{ display:inline-block; padding:0 10px; text-align:center; overflow:hidden}

.n_chayuan .fl02 ul li a:hover .con .icon img{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}

/*==========================================首页 结束=============================================*/

/*==========================================内页 开始=============================================*/

.n_gufa .fl01{ padding:90px 0 60px; border-bottom:#dedfe0 1px solid}
.n_gufa .fl01 .n_title h3 span.span01:after{left: 132px;}
.n_gufa .fl01 ul.miso_hd{ margin-bottom:50px;}
.n_gufa .fl01 ul.miso_hd li{width:120px !important;margin: 0 -45px 0 7px;text-align: center;cursor: pointer;z-index: 1;position: relative;}
.n_gufa .fl01 ul.miso_hd li .yuan{display:inline-block;width:120px;height:120px;border-radius:50%;margin-bottom: 34px;position:relative;overflow:hidden;transition:0.36s;background:url(../images/n_gufa_fl01_bg.png) center no-repeat;box-shadow: -5px 0 5px rgba(0,0,0,0.2);}
.n_gufa .fl01 ul.miso_hd li .yuan:before{ content:""; position:absolute; width:104px; height:104px; left:50%; top:50%; margin-left:-52px; margin-top:-52px; transform:scale(0); background:#89211b; opacity:0; transition:1s ease; border-radius:50%}
.n_gufa .fl01 ul.miso_hd li .yuan span{font-size: 26px;color: #282828;font-family:simkai;position:relative;transition:0.36s;}
.n_gufa .fl01 ul.miso_hd li h5{font-size:18px;color:#737373;font-family:simkai;line-height:30px;margin-bottom:30px;writing-mode: tb;display: inline-block;}
.n_gufa .fl01 ul.miso_hd li h4{font-size: 24px;color: #353535;font-family:simkai;line-height:30px;margin-bottom:30px;writing-mode: tb;display: inline-block;}

.n_gufa .fl01 ul.miso_hd li.miso-current{ z-index:1000}
.n_gufa .fl01 ul.miso_hd li.miso-current .yuan{ background:url(../images/n_gufa_fl01_bg_on.png) center no-repeat}
.n_gufa .fl01 ul.miso_hd li.miso-current .yuan span{ color:#fff}

.n_gufa .fl01 ul.miso_bd li{ text-align:center}
.n_gufa .fl01 ul.miso_bd li img{ display:inline-block; height:460px;}
.n_gufa .fl01 ul.miso_bd .miso-prev,.n_gufa .fl01 ul.miso_bd .miso-next{ width:50px; height:50px; margin-top:-25px}
.n_gufa .fl01 ul.miso_bd .miso-prev{ background:url(../images/left02.png) center no-repeat; left:198px}
.n_gufa .fl01 ul.miso_bd .miso-next{ background:url(../images/right02.png) center no-repeat; right:198px;}

.n_gufa .fl02{ padding:60px 0 100px; text-align:center}
.n_gufa .fl02 h3{position:relative;font-family:simkai;text-transform: uppercase; font-size:28px; color:#000000; text-align:center; margin-bottom:52px}




.n_gufa .fl02 p{ font-size:16px; line-height:32px; color:#646464; margin-bottom:45px;}
.n_gufa .fl02 ul{ font-size:0; margin:0 -5px;}
.n_gufa .fl02 ul li{ display:inline-block; padding:0 5px;}
.n_gufa .fl02 ul li a{ display:block}

.n_gufa .fl03{ padding:0 0 130px}

.n_honor{ background:url(../images/n_honor_bg_02.jpg) center bottom no-repeat}
.n_honor .fl01{ border-bottom:#dadada 1px solid; padding:90px 0 85px}
.n_honor .fl01 .n_title h3 span.span01:after{left: 98px;}
.n_honor .fl01 .left{ width:535px;}
.n_honor .fl01 .left .swiper-container ul li .img{padding:0;width: 535px;}
.n_honor .fl01 .left .swiper-container ul li.swiper-slide-active .img img{width: 415px;height: 300px;object-fit: cover;border: #d5d5d5 4px solid;border-radius: 5px;}
.n_honor .fl01 .right{ width:600px;}
.n_honor .fl01 .right p{ font-size:16px; line-height:32px; color:#737373; margin-bottom:32px;}
.n_honor .fl01 .right p font{ color:#89211b}

.n_honor .fl02{ padding:90px 0 98px;}
.n_honor .fl02 .n_title h3 span.span01:after{left: 98px;}
.n_honor .fl01 .left ul li.swiper-slide-prev .img{transform:scale(0.7);}
.n_honor .fl01 .left ul li.swiper-slide-next .img{margin-left: -307px;transform:scale(0.7);}
.n_honor .fl02 dl{ font-size:0; margin:0 -15px; margin-bottom:70px;}
.n_honor .fl02 dl dd{ display:inline-block; padding:0 15px; width:33.333333%;}
.n_honor .fl02 dl dd a{ display:block; width:100%; height:430px; background:#fff; border:#dbdbdb 1px solid; padding:45px 40px; text-align:center}
.n_honor .fl02 dl dd a .img,.n_honor .fl02 dl dd a .img img{ display:inline-block; width:295px; height:195px; overflow:hidden;}
.n_honor .fl02 dl dd a .con{ padding:60px 0 0 18px; position:relative}
.n_honor .fl02 dl dd a .con:before{content:"";position:absolute;width:7px;height:7px;border:#89211b 2px solid;border-radius:50%;left:18px;top: 40px;}
.n_honor .fl02 dl dd a .con h5{ font-size:15px; line-height:26px; color:#777777; text-align:left}

.n_honor .fl02 ul{ font-size:0; margin:0 -30px; padding-bottom:45px}
.n_honor .fl02 ul li{ display:inline-block; padding:0 30px; width:25%; margin-bottom:35px; text-align:center}
.n_honor .fl02 ul li img{ max-width:255px; max-height:166px;}
.n_honor .fl02 ul .miso-prev,.n_honor .fl02 ul .miso-next{ width:40px; height:40px; top:auto; bottom:0}
.n_honor .fl02 ul .miso-prev{ background:url(../images/left03.png) center no-repeat; left:50%; margin-left:-50px;}
.n_honor .fl02 ul .miso-next{ background:url(../images/right03.png) center no-repeat; right:50%; margin-right:-50px;}

.n_news{ padding:90px 0 100px}
.n_news .n_title{ margin-bottom:35px}
.n_news .n_title h3 span.span01:after{ left:21px}
.n_news ul{ margin-bottom:58px}
.n_news ul li{border-bottom: #d5d5d5 1px solid;position:relative;}

.n_news ul li:after{position:absolute;content:"";bottom:-1px;height:1px;width:0;left:0;background: #89211b;transition:1s ease;}
.n_news ul li a{padding: 35px 0;display:block;}
.n_news ul li .left{width: 805px;padding:3.75rem 0 0;}
.n_news ul li .left .time{ width:134px; padding:0 0 0 20px}
.n_news ul li .left .time h3{font-size: 32px;color: #acacac;margin-bottom: 34px;font-family: Barlow Condensed;}
.n_news ul li .left .time .icon{ display:inline-block; width:30px; height:30px; border:#bfbfbf 1px solid; line-height:28px; text-align:center; border-radius:50%; transition:0.6s}
.n_news ul li .left .time .icon span{ font-size:12px; color:#adadad; font-family:simsun; position:relative;}
.n_news ul li .left .con{ width:calc(100% - 134px); padding-left:4.5rem;}
.n_news ul li .left .con h4{font-size: 18px;color: #3c3c3c;margin-bottom: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.n_news ul li .left .con p{font-size: 13px;line-height: 22px;color: #999999;height: 44px;overflow:hidden;}
.n_news ul li .right{}
.n_news ul li .right .img{overflow:hidden;border: #d5d5d5 4px solid;}
.n_news ul li .right .img img{transition:0.9s ease;width: 315px;height: 195px;object-fit: cover;}

.n_news ul li:hover:after{ width:100%}
.n_news ul li:hover .right .img img{ transform:scale(1.06)}

.n_news ul li:hover .left .time .icon{ background:#89211b; border:#89211b 1px solid}
.n_news ul li:hover .left .time .icon span{ color:#fff}
.n_news ul li:hover .left .con h4{ color:#89211b}

.more00.more {
	text-align: center
}

.more00.more a {
	display: inline-block;
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	border-radius: 50%;
	cursor: pointer;
	transition: 0.6s;
	border: #b9b9b9 1px solid;
}

.more00.more a span {
	display: inline-block;
	width: 4px;
	height: 4px;
	background: #cecece;
	border-radius: 50%;
	margin: -5px 1px 0;
	vertical-align: middle;
	transition: 0.6s;
}

.more00.more a:hover {
	background: #89211b;
	border: #89211b 1px solid
}

.more00.more a:hover span {
	margin: -5px 2px 0;
	background: #fff
}



.n_news_detail{ padding:100px 0 65px;}
.n_news_detail .ar_title{ border-bottom:#d4d4d4 1px solid; padding-bottom:48px; text-align:center; margin-bottom:48px}
.n_news_detail .ar_title h3{ font-size:27px; color:#403f3f; line-height:40px; margin-bottom:20px}
.n_news_detail .ar_title h6{ font-size:13px; color:#818181;}
.n_news_detail .ar_title h6 img{ margin:-3px 10px 0 0}

.piaofu_fx{position:fixed;left:50%;margin-left: -590px;top:50%;width: 50px;margin-top: -50px;}
.piaofu_fx ul{  padding:2px 0 0}
.piaofu_fx ul li{float:left;margin-bottom: 12px;position: relative;}
.piaofu_fx ul li > a{display:block;min-width: 50px;width: 50px;height: 50px;border: #c5c5c5 1px solid;line-height: 48px;margin:-1px 0 0;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;border-radius: 25px; overflow:hidden; color:#fff; font-size:14px}
.piaofu_fx ul li > a:hover{background: #f4f4f4;border: #cccccc 1px solid;}
.piaofu_fx.fixed{ position:fixed; right:50%; margin-right:-600px; top:0}
.piaofu_fx ul li > a span{ display:inline-block; width:50px; height:50px; text-align:center}
.piaofu_fx ul li > a span img.img02{ display:none}

.piaofu_fx ul li > a:hover{ width:142px; background:#89211b; border:#89211b 1px solid}
.piaofu_fx ul li > a:hover span img.img01{ display:none}
.piaofu_fx ul li > a:hover span img.img02{ display:inline-block}

.bdsharebuttonbox a {width: 40px!important;height: 40px!important;margin:5px 0!important;float: none!important;padding: 0!important;display: block;background-size: cover !important;}
.bdsharebuttonbox a img { width: 60px; height: 60px; }
.bdsharebuttonbox .bds_tsina { background: url(../images/gbRes_6.png) no-repeat center center/60px 60px; }
.bdsharebuttonbox .bds_qzone { background: url(../images/gbRes_4.png) no-repeat center center/60px 60px; }
.bdsharebuttonbox .bds_tqq { background: url(../images/gbRes_5.png) no-repeat center center/60px 60px; }
.bdsharebuttonbox .bds_weixin { background: url(../images/gbRes_2.png) no-repeat center center/60px 60px; }
.bdsharebuttonbox .bds_sqq { background: url(../images/gbRes_3.png) no-repeat center center/60px 60px; }
.bdsharebuttonbox .bds_renren { background: url(../images/gbRes_1.png) no-repeat center center/60px 60px; }
.bd_weixin_popup .bd_weixin_popup_foot { position: relative; top: -12px; }
.bdshare-button-style0-24{position:absolute;left: 0;top: 53px;padding:6px;border:#ccc 1px solid;background:#f4f4f4;width: 231px;border-radius: 10px;z-index: 100;}
.bdshare-button-style0-24 .bds_weixin,.bdshare-button-style0-24 .bds_sqq,.bdsharebuttonbox .bds_qzone, .bdsharebuttonbox .bds_tqq,.bdsharebuttonbox .bds_tsina { background-position:inherit !important}
.bdsharebuttonbox dd{display: inline-block;font-size:12px;color:#999;margin:0;text-align:center;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;filter:alpha(opacity=60);opacity:0.6;-moz-opacity:0.6;-khtml-opacity:0.6;}
.bdsharebuttonbox dd:hover{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; filter:alpha(opacity=100); opacity:1;  -moz-opacity:1; -khtml-opacity:1;}
.bdsharebuttonbox{ display:none}


.n_licheng{padding:90px 0 0;background:url(../images/n_licheng_02.jpg) center bottom no-repeat;background-size: cover;}
.n_licheng .n_title h3 span.span01:after{ left:113px;}
.n_licheng .n_title{ margin-bottom:65px}
.n_licheng .miso_hd{ float:left; background:url(../images/n_licheng_hd_bg.png) left center no-repeat; width:465px; height:740px; margin-left:-85px}
.n_licheng .miso_hd .content01 li{font-size:34px;color:#454545;height: 148px !important;line-height:148px;font-family:Barlow Condensed;font-weight:bold;width: 100% !important;}
.n_licheng .miso_hd .content01 li span{font-size:34px;color:#89211b;font-family:Barlow Condensed;position:relative;display: inline-block;vertical-align: top;}
.n_licheng .miso_hd .content01 li span:before{content:"";width: 17px;height: 17px;border:#89211b 4px solid;border-radius:50%;background:#eaeaea;position: absolute;top: 50%;left: -38px;margin-top: -13px;}
.n_licheng .miso_hd .content01 li:nth-child(1){padding: 7px 0 0 345px;}
.n_licheng .miso_hd .content01 li:nth-child(2){padding: 0px 0 0 275px;}
.n_licheng .miso_hd .content01 li:nth-child(3){padding: 8px 0 0 300px;}
.n_licheng .miso_hd .content01 li:nth-child(4){padding: 0px 0 0 198px;line-height: 127px;}
.n_licheng .miso_hd .content01 li:nth-child(5){padding: 0px 0 0 135px;line-height: 42px;}
.n_licheng .miso_hd .miso-prev,.n_licheng .miso_hd .miso-next{ width:40px; height:40px; top:auto; bottom:100px}
.n_licheng .miso_hd .miso-prev{background:url(../images/up.png) center no-repeat;left:auto;right: 65px;bottom: 150px;}
.n_licheng .miso_hd .miso-next{background:url(../images/down.png) center no-repeat;right: 65px;}

.n_licheng .miso_bd{width:772px;float:right;padding: 48px 0 0;}
.n_licheng .miso_bd h3{ font-size:64px; color:#89211b; font-family:Barlow Condensed; font-weight:bold; margin-bottom:42px}
.n_licheng .miso_bd .ar_article{width:100%;height: 490px;overflow:hidden;overflow-y:scroll;margin-bottom: 0;padding-right:35px;margin-right:-35px;}
.n_licheng .miso_bd .ar_article p{ line-height:30px; margin-bottom:30px;}
.n_licheng .miso_bd .ar_article p img{ border:#dedede 4px solid}
.n_licheng .miso_bd .ar_article { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}
.n_licheng .miso_bd .ar_article::-webkit-scrollbar{width:5px;height:5px; border-radius:2.5px;background-color:#d2d2d2;}
.n_licheng .miso_bd .ar_article::-webkit-scrollbar-track{border-radius:2.5px;background-color:#d2d2d2;}
.n_licheng .miso_bd .ar_article::-webkit-scrollbar-thumb{border-radius:2.5px;width:5px;height:5px;background-color:#89211b;}

.n_licheng .miso_hd .content01 li.miso-current span{ color:#454545}
.n_licheng .miso_hd .content01 li.miso-current span:before{ border:#454545 4px solid}

.n_shengxiao{ padding:85px 0 105px;}
.n_shengxiao .n_title h3 span.span01:after{top:12px;left: 74px;}
.n_shengxiao ul{ font-size:0; margin:0 -25px; margin-bottom:50px}
.n_shengxiao ul li{display:inline-block;padding:0 25px;width:33.3333333%;margin-bottom: 15px;}
.n_shengxiao ul li a{ display:block}
.n_shengxiao ul li a .img,.n_shengxiao ul li a .img img{ position:relative; width:100%; height:300px; object-fit:cover}
.n_shengxiao ul li a .img:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#e4e4e6 1px solid; transition:0.6s}
.n_shengxiao ul li a .con{ padding:22px 10px;}
.n_shengxiao ul li a .con h5{font-size:18px;color:#000000;margin-bottom: 10px;}
.n_shengxiao ul li a .con h5 span{position:relative;padding-left: 20px;}
.n_shengxiao ul li a .con h5 span:before{content:"";width:10px;height:10px;border:#000000 1px solid;border-radius:50%;position:absolute;left:0;top: 4px;}
.n_shengxiao ul li a .con p{ font-size:14px; line-height:28px; color:#6d6d6d}
.n_shengxiao ul li a .con p span{ margin-right:18px}

.n_shengxiao ul li a:hover .img:after{ border:#89211b 1px solid}

.tp_xuanfu{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.7);z-index:100000000;display: none;}
.tp_xuanfu .content01{width:655px;display:inline-block;background:#fff;padding: 42px 0 0; position:relative}
.tp_xuanfu .content01 .box{ padding:0 50px;}
.tp_xuanfu .content01 .box h3{ font-size:24px; color:#393939; text-align:left; margin-bottom:42px}
.tp_xuanfu .content01 .box .img,.tp_xuanfu .content01 .box .img img{ width:555px; height:370px; object-fit:cover; overflow:hidden; position:relative}
.tp_xuanfu .content01 .box .img:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#e4e4e6 1px solid; transition:0.6s}

.tp_xuanfu .content01 .box .ar_article{ height:224px; overflow:hidden; overflow-y:scroll; text-align:left}
.tp_xuanfu .content01 .box .ar_article p{font-size:16px;line-height:32px;color:#777777;margin: 0;}
.tp_xuanfu .content01 .box .ar_article {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;overflow-x: hidden;-webkit-tap-highlight-color: transparent;margin: 30px 0;}

.tp_xuanfu .content01 .box .ar_article::-webkit-scrollbar{width:2px;height:2px;background-color:transparent;}
.tp_xuanfu .content01 .box .ar_article::-webkit-scrollbar-track{border-radius:0;background-color:transparent;}
.tp_xuanfu .content01 .box .ar_article::-webkit-scrollbar-thumb{border-radius:0;width:2px;height:2px;background-color:#333;}

.tp_xuanfu .content01 .bottom .jiantou{ border-top:#e7e7e7 1px solid; width:50%; line-height:70px; font-size:16px; color:#454545; transition:0.6s}
.tp_xuanfu .content01 .bottom .jiantou img{ margin:0 16px; transition:0.6s; display:inline-block}
.tp_xuanfu .content01 .bottom .jiantou span{ transition:0.6s; display:inline-block}
.tp_xuanfu .content01 .bottom .jiantou .img02{ display:none}
.tp_xuanfu .content01 .bottom .jiantou.on,.tp_xuanfu .content01 .bottom .jiantou:hover{ background:#89211b; border-top:#89211b 1px solid; color:#fff}
.tp_xuanfu .content01 .bottom .jiantou.on span,.tp_xuanfu .content01 .bottom .jiantou:hover span{ color:#fff}
.tp_xuanfu .content01 .bottom .jiantou.on .img01,.tp_xuanfu .content01 .bottom .jiantou:hover .img01{ display:none}
.tp_xuanfu .content01 .bottom .jiantou.on .img02,.tp_xuanfu .content01 .bottom .jiantou:hover .img02{ display:inline-block}

.tp_xuanfu .content01 .close a{ cursor:pointer; position:absolute; left:-70px; top:0; width:70px; height:70px; background:#89211b; line-height:70px; text-align:center; transition:0.6s}
.tp_xuanfu .content01 .close a img{ transition:0.6s}
.tp_xuanfu .content01 .close a:hover img{ transform:rotate(180deg)}

.n_chaxun {
	padding: 0;
}

#allmap {
	width: 100% !important;
	position: fixed !important;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.form_search {
	width: 400px !important;
	position: fixed;
	z-index: 100;
	font-size: 0;
	text-align: center;
	margin-bottom: 50px;
	left: 50px;
	top: 50%;
	margin-top: -364px;
}

.form_search .box {
	display: inline-block;
	white-space: nowrap;
	vertical-align: top;
	width: 100%;
	background: #fff;
	border: #d0d0d0 1px solid;
	font-size: 0;
	border-radius: 25px;
	padding: 0 15px;
	margin-bottom: 5px;
}

.form_search .box>div {
	display: inline-block;
}

.form_search .box .f_title {
	display: inline-block;
	width: 84px;
	height: 40px;
	line-height: 40px;
	background: #bf934a;
	text-align: center;
	font-size: 14px;
	color: #fff;
	display: none;
}

.form_search .box .f_input {
	display: inline-block;
	width: 205px;
	height: 40px;
	line-height: 38px;
	background: #fff;
	border: #e5e5e5 1px solid;
	font-size: 16px;
	color: #333;
}

.form_search .box .f_input input {
	display: inline-block;
	width: 100%;
	height: 38px;
	line-height: 38px;
	background: none;
	border: none;
	font-size: 16px;
	color: #333;
	padding: 0 15px;
}

.form_search .box .sousuo {
	display: inline-block;
	padding: 0 !important
}

.form_search .box select {
	display: inline-block;
	width: 33.333333%;
	height: 50px;
	line-height: 46px;
	background: none;
	border: none;
	font-size: 14px;
	color: #333;
	padding: 0 10px;
}

.form_search .box .btn_anniu {
	display: block;
	height: 50px;
	line-height: 50px;
	background: #89211b;
	text-align: center;
	margin: 0 -15px;
	border-radius: 25px;
}

.form_search .box .btn_anniu input {
	display: inline-block;
	width: 100%;
	background: none;
	border: none;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #fff;
	cursor: pointer;

}

#dr_ajax_result {
	position: fixed;
	width: 400px;
	height: 580px;
	left: 50px;
	top: 50%;
	background: #fff;
	z-index: 100;
	margin-top: -250px;
	border-radius: 4px;
	border: #d0d0d0 1px solid;
}

#dr_ajax_result h3 {
	background: #bf934a;
	line-height: 40px;
	height: 40px;
	text-align: center;
	font-size: 18px;
	color: #fff;
}

#dr_ajax_result .content {
	padding: 15px 0;
	padding-right: 10px;
}

#dr_ajax_result ul {
	padding: 0;
	overflow: hidden;
	overflow-y: scroll;
	max-height: 548px;
}

#dr_ajax_result ul {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	overflow-x: hidden;
	-webkit-tap-highlight-color: transparent;
}

#dr_ajax_result ul::-webkit-scrollbar {
	width: 4px;
	height: 4px;
	background-color: #f1f1f1;
}

#dr_ajax_result ul::-webkit-scrollbar-track {
	border-radius: 2px;
	background-color: #f1f1f1;
}

#dr_ajax_result ul::-webkit-scrollbar-thumb {
	border-radius: 2px;
	width: 4px;
	height: 4px;
	background-color: #88201d;
}

#dr_ajax_result ul li {
	font-size: 16px;
	color: #333;
	line-height: 24px;
	margin-bottom: 0;
	border-bottom: #e3e3e3 1px solid;
	padding: 20px 28px;
}

#dr_ajax_result ul li img {
	position: relative;
	top: 7px;
	margin-right: 6px;
}

#dr_ajax_result ul li a {
	font-size: 15px;
	color: #333;
}

#dr_ajax_result ul li a:hover {
	color: #bf934a;
}

#dr_ajax_result ul li h5 {
	color: #4d4d4d;
	font-size: 16px;
	margin-bottom: 10px;
	text-align: left;
	font-weight: bold;
}

#dr_ajax_result ul li h6 {
	font-size: 14px;
	color: #6f6f6f;
	line-height: 24px;
	text-align: left;
}

.BMap_bubble_content {
	font-size: 15px;
	line-height: 28px;
	color: #333
}

.xuanze {
	position: fixed;
	bottom: 30px;
	left: 30px;
	background: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,0.25)
}

.xuanze ul {
	font-size: 0;
	background: #fff
}

.xuanze ul li {
	display: inline-block;
}

.xuanze ul li a {
	display: inline-block;
	padding: 0 75px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #333;
	cursor: pointer
}

.xuanze ul li a img {
	margin-right: 10px;
	vertical-align: middle;
}

.xuanze ul li.on a {
	background: #bf934a;
	color: #fff
}

.navxiala{position:absolute;left:0;width:100%;top: 110px;background: #fff url(../images/navxiala_bg.png) center bottom no-repeat;padding: 20px 20px 110px;text-align: center;display:none;}
.navxiala dd{line-height:44px;font-size:15px;color:#4c4c4c;border-bottom:#ededed 1px solid;height: 44px;}
.navxiala dd a{ display:block; color:#4c4c4c;}

.navxiala dd a:hover{ color:#89211b}

.n_honor .fl01 .left .swiper-container ul li .img img{
    width: 318px;
    height: 286px;
    border: #d5d5d5 4px solid;
    object-fit: cover;
    border-radius: 5px;
}
.n_honor .fl01 .left ul li.swiper-slide-active{text-align: center;z-index: 10;}
.n_honor .fl01 .left ul li h5{font-size:18px;color:#3d3d3d;margin: 18px 0 4px; opacity:0}
.n_honor .fl01 .left ul li h6{font-size:14px;color:#7d7d7d;line-height: 24px; opacity:0}
.n_honor .fl01 .left ul li.swiper-slide-active h5{ opacity:1}
.n_honor .fl01 .left ul li.swiper-slide-active h6{ opacity:1}
.n_honor .fl01 .left ul li.swiper-slide-prev .img{margin-left: 455px;}

.form_search .box label{ padding-right:0 !important}

footer .fl02 ul.ul01 li{ position:relative;}
.tc-box01{position:absolute;bottom: 52px;left:50%;margin-left: -60px;width:120px;height: 140px;background: #fff;display: none;}
.tc-box01:before{ content:""; position:absolute; left:50%; border-right:transparent 6px solid; border-left:transparent 6px solid; border-top:#fff 8px solid; margin-left:-6px; bottom:-8px;}
.tc-box01 .imgContainer img{ width:120px; height:120px;}
.tc-box01 h5{line-height: 15px;font-size:14px;color:#333;text-align: center;}

/*==========================================内页 结束=============================================*/

@media(min-width: 768px){
	header .lan a:hover{ background:#89211b; border:#89211b 1px solid; color:#fff}
}
@media(min-width: 992px) and (max-width: 1300px){
}
@media(max-width: 1800px){
}
@media(max-width: 1600px){
	banner .miso-list li .table .table_cell .box h4 img{height: 16rem;}
	/*header{ height:120px;}
	header #nav li{ height:120px;}
	header #nav .menu .sta1, header #nav .menu .sta2{ height:120px; transform-origin: 50% 50% -60px;
	-webkit-transform-origin: 50% 50% -60px;
	-moz-transform-origin: 50% 50% -60px;
	-ms-transform-origin: 50% 50% -60px;}
	header .logo img{ height:90px;}*/
	.datu .content ul li{ padding:0 15px;}
	.banner .miso-dots li{ padding:0 15px;}
	.banner .miso-dots li:before{ left:15px; right:15px;}
	
	.banner .con{ padding-left:19%}
	.navxiala{top: 110px;}
	.n_pinpai .fl01{background: url(../images/n_pinpai_fl01_bg.png) 0px center no-repeat;}
}
@media(max-width: 1440px){
	.n_pinpai .fl01{background: url(../images/n_pinpai_fl01_bg.png) -10px center no-repeat;}
}
@media(max-width: 1380px){
	.n_chayuan .fl03 ul li img{ width:180px}
	.n_pinpai .fl01{background: url(../images/n_pinpai_fl01_bg.png) -95px center no-repeat;}
}

@media(max-width: 1200px){
}
@media(max-width: 1060px){

}
@media(max-width: 992px){
}

@media(max-width: 768px){
}
@media(max-width: 456px){

}