@charset "utf-8";

@font-face{ font-family:ariblk; src:url(../other/ariblk.ttf);}

@font-face{ font-family:Roboto; src:url(../other/ROBOTO-REGULAR-14_0.TTF);}

/*@font-face{ font-family:SIMYOU; src:url(../other/SIMYOU.TTF);}*/

@media (max-width:4000px){html{font-size:18px;}}

@media (min-width:1600px) and (max-width:1940px){html{font-size:16px;}}

@media (min-width:1400px) and (max-width:1600px){html{font-size:13px;}}

@media (min-width:640px) and (max-width:1399px){html{font-size:13px;}}

@media (min-width:471px) and (max-width:639px){html{font-size:12px;}}

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

.section{ overflow:hidden;}



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





header{position: fixed;z-index:1000000;width:100%;background:#fff;height: 100px;top: 0;transition: 1.2s;transform: translateY(-100px);}

header:before{content:"";position:absolute;top:0;left:0;right:0;height: 158px;background: url(../images/nai.png) center bottom no-repeat;background-size: 100% 100%;}

header.on{top:0;transform: translateY(0);}

header #nav{font-size:0;border-left: #e4e4e4 1px solid;}

header #nav li{display:inline-block;width: calc((100% - 21.625rem) / 6);height: 100px;position: relative;perspective: 1000px;/* border-right: #e4e4e4 1px solid; */}

header #nav li>a{position:absolute;width:100%;height:100%;z-index:1000;border-right: #e4e4e4 1px solid;}

header #nav li.width{margin-right: 21.625rem;}

header #nav li.right{/* border-left: #ececed 1px solid; */}



header #nav .menu div.sta1 h3{color:#fff;margin-top: 0px;position: relative;}

header #nav .menu div.sta1 h4{ color:#fff}

header #nav li:first-child{ border-left: #ececed 1px solid;}

header .tel{position:absolute;right: 1rem;top:0;bottom:0;display:flex;align-items: flex-start;font-size: 1rem;color: #d5b25e;justify-content: center;flex-direction: column;font-size: 14px;background: url(../images/tel_ll.png) left center no-repeat;padding-left: 38px;}

header .tel font{font-size:1.25rem;margin: .5rem 0 0;font-weight: bold;}



header #nav .menu .sta1, header #nav .menu .sta2 {

	position: absolute;

	height: 100px;

	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% -50px;

	-webkit-transform-origin: 50% 50% -50px;

	-moz-transform-origin: 50% 50% -50px;

	-ms-transform-origin: 50% 50% -50px;

	text-align: center;

	overflow: hidden;

}

header #nav .menu .box{overflow:hidden;display: block;width: 100%;height: 100%;position: relative;}



header #nav .menu .sta1 {

	background: #d5b25e url(../images/naidi_on.png) 40% bottom no-repeat;

	transform: rotateX(90deg);

	-webkit-transform: rotateX(90deg);

	-moz-transform: rotateX(90deg);

	-ms-transform: rotateX(90deg);

	opacity: 0;

	visibility: hidden;

}

header #nav .menu .sta2 {

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

	

color: #000000;

}

header #nav .current div span {color: #fff;}

header #nav .menu div h3{margin-bottom: 0.625rem;font-size: 1.125rem;color: #483c2a;}

header #nav .menu div h4{font-size: 13px;color: #483c2a;text-transform: uppercase;font-family: Roboto;}



header #nav .menu:hover{cursor:pointer;/* border-right: #d5b25e 1px solid; */}

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: 100px;visibility: visible;}

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 .on:hover{cursor:default}

header #nav .on .sta1, header #nav .on:hover .sta1{color:#fff;transform: scale(1) rotateX(0deg);-webkit-transform: scale(1) rotateX(0deg);-moz-transform: scale(1) rotateX(0deg);-ms-transform: scale(1) rotateX(0deg);opacity: 1;height: 100px;visibility: visible;}

header #nav .on .sta2, header #nav .on: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 .menu:hover span{ color:#fff}

header .logo{position:absolute;width: 16.625rem;height:100%;left:50%;margin-left: -8.3125rem;top:0;text-align: center;padding: 1rem 0 0;}



header #nav .menu>div.sta1{ opacity:0; visibility:hidden}

header #nav .menu:hover>div.sta1, header #nav .on>div.sta1{ opacity:1; visibility:visible}



.navxiala{position:absolute;left:0;width:100%;top: 100px;background: #fff url(../images/navxiala_bg.png) center bottom no-repeat;padding: 20px 20px 110px;text-align: center;display:none;background-size: 100% auto;}

.navxiala dd{line-height:44px;font-size:15px;color:#4c4c4c;border-bottom:#ededed 1px solid;height: 44px;}

.navxiala dd a{display:block;color:#4c4c4c;transition: .6s;}

.navxiala dd a:hover{color: #d6b663;}

header #nav li:nth-child(3) .navxiala, header #nav li:nth-child(4) .navxiala, header #nav li:nth-child(5) .navxiala, header #nav li:nth-child(6) .navxiala{ opacity:0;}

.datu{position:relative;width:100%;top: 0;}

.datu:after{content:"";position:absolute;background:url(../images/jianbian.png) center no-repeat;left:0;right:0;bottom:0;height:200px;z-index: 10;background-size: 100% 100%;}



.banner_box{width: 100%;position: relative;z-index: 0;}

.banner{overflow:hidden;width: 100vw;}

.banner ul.miso-slider{ width:100% !important;}

.banner ul li.li01{height: 100vh;background-size: cover !important;position: relative;}

.banner ul li.li01 .box_table{text-align: center;}

.banner ul li.li01 .box_table img{ opacity:0; visibility:hidden; transition:1s; transform:translateY(100px)}

.banner.on ul li.li01.miso-current .table img{ opacity:1; visibility:visible; transform:translateY(0)}

.ban_po{position:absolute;bottom: 50px;font-size:20px;color:#fff;left:50%;margin-left: -205px;}

.ban_po font,.ban_po span{ font-family:Impact;}

.banner .miso-dots{left: 0;bottom: 60px;width: 100%;height:2px;}

.banner .miso-dots li{width: 50px;height:2px;padding:0;margin: 0 10px;background: #fff;}

.banner .miso-dots li button{width: 0;height:2px;padding:0;background: #fff; }

@-moz-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}

@-webkit-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }} 

.banner .miso-dots li.miso-active button{width: 100%;background:#fed201; -moz-animation: a_slidercurrent 5s linear; -webkit-animation: a_slidercurrent 5s linear; -o-animation: a_slidercurrent 5s linear; animation: a_slidercurrent 5s linear;}



.banner ul li.li01 .box_table h3{font-size: 4.5rem;color:#fff;font-weight:bold;margin-bottom: 1.5rem;letter-spacing:26px;transition:1s; }

.banner ul li.li01 .box_table h5{font-size:1.625rem;color:#fff;font-weight:bold;font-family:Humnst777 Blk BT;letter-spacing: 0.75rem;transition:1s; }

.banner ul li.li01.miso-current .box_table h3{ transform:translateY(0); letter-spacing:6px; }

.banner ul li.li01.miso-current .box_table h5{ transform:translateY(0); }

.banner ul li.li01 .items.scaleBg{position:absolute;top:0; height:100%;left:0; width:100vw;background-size: cover !important; transition:1s}



.banner.on ul li.li01.miso-current .items.scaleBg{}





.datu{position:relative;width:100%;top: 0;overflow: hidden;}





.banner{position:relative;z-index:1;height: calc(100vh - 100px);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{overflow:hidden;position:relative;z-index: 100;}



@-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: absolute;z-index: 10;top: 0;left: 0;right: 0; transition:1s; transform:translateY(100px); opacity:0; visibility:hidden}

.banner .con h4 img{display:inline-block;margin-top: -10%;max-height: 27rem;}

.banner .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.on li.miso-current .box{filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1; transform:scale(1);}



.datu.on .banner .con{transform:translateY(0); opacity:1; visibility:visible}



/*4产品系列*/

.datu .content{position: absolute;left: 0;right:0;bottom: 0;z-index: 10000;padding: 5rem 3rem 0rem 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;opacity: 0;}

.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{width: calc(100% - 11rem);left: 50%;transform: translateX(-50%);}

.datu .content ul li{padding: 0 0;-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;width: 25% !important;float:left;}

.datu .content ul li .con{width:100%;margin-bottom: 1.75rem;}

.datu .content ul li .con h4{font-size: 24px;color:#fff;text-transform:uppercase;margin-bottom: 1.25rem;font-family: Californian FB;}

.datu .content ul li .con h3{font-size: 1rem;color:#fff;line-height: 20px;}

.datu .content ul li .con h3 big{font-size: 1.125rem;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: block;-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;position: relative;width: 50px;height: 50px;float: left;margin-left: -0.5rem;}

.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/jiantou01.png) center no-repeat;position:absolute;width: 32px;height: 32px;top:50%;margin-top: -16px;left:50%;margin-left: -16px;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/jiantou01.png) center no-repeat;position:absolute;width: 32px;height: 32px;top:50%;margin-top: -16px;left:50%;margin-left: -60px;transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;-webkit-transition:1s;}

.datu .content ul li .box a:hover:after{margin-left: -16px;}



/*.datu .content ul .miso-prev, .datu .content ul .miso-next{ width:4.6875rem; height:4.6875rem; background-size:100% 100% !important}

.datu .content ul .miso-prev{ background:url(../images/left01.png) center no-repeat; left:auto; right:6rem}

.datu .content ul .miso-next{ background:url(../images/right01.png) center no-repeat; right:0}*/



.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;object-fit: cover;}

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

.header_box{height:100px;position:relative;z-index: 100000;}

.anniu_box{float:right;width:11rem;margin-top:1rem;display: none;}

.anniu_box .anniu_left{ float:left;}

.anniu_box .anniu_right{ float:right;}

.anniu_box .anniu_left, .anniu_box .anniu_right{ width:4.6875rem; height:4.6875rem; cursor:pointer}

.anniu_box .anniu_left img, .anniu_box .anniu_right img{ width:100%; height:100%}



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



.container01{ overflow:hidden}

.container01 .left{ width:50%}

.container01 .left .left_box{ position:relative; overflow:hidden}

.container01 .left .left_box .img{ padding-bottom:55%; width:100%; position:relative; overflow:hidden}

.container01 .left .left_box .img img{ position:absolute; top:0; right:0; left:0; bottom:0; width:100%; height:100%}

.container01 .left .left_box img.img1{position:absolute;bottom:0;left:0;right:0;width: 100%;}

.container01 .left .left_box .top{ position:absolute; top:0; right:0; bottom:0; left:0; padding:10% 2rem 0 10%}



.title001{ margin-bottom:2rem;text-align:left;}

.title001 h3{ font-size:2rem; color:#ab8d49; font-weight:bold; margin-bottom:0.5rem}

.title001 h4{ font-size:1.375rem; color:#b0b0b0; font-family:ariblk; opacity:.25; text-transform:uppercase}

.title001 h2{ font-size:1.75rem; color:#bd9f5c; font-family:ariblk; opacity:.25; text-transform:uppercase}

.title001 h5{ font-size:1.375rem; color:#fff; font-family:ariblk; text-transform:uppercase}

.title001 .ico{ margin-top:1.25rem}

.title001 .ico svg{ fill:#fff; width:2rem; height:2rem}







.title005{ margin-bottom:2rem;text-align:left;}
.title005 h3{ font-size:2rem; color:#ab8d49; font-weight:bold; margin-bottom:0.5rem}
.title005 h5{ font-size:1.375rem; color:#ab8d49; font-family:ariblk; text-transform:uppercase}

.title005 .ico{ margin-top:1.25rem}

.title005 .ico svg{ fill:#ab8d49; width:2rem; height:2rem}



.container01 .left .left_box1 ul li{ float:left; width:33.333333%}

.container01 .left .left_box1 ul li a{display:block;cursor:pointer;transition: .6s;}

.container01 .left .left_box1 ul li .ico{position:relative;width:69px;height:69px;margin-left: -0.5rem;}

.container01 .left .left_box1 ul li .ico .bg{position:absolute;top:0;right:0;bottom:0;left:0;background:url(../images/left_box1_bg.png) center no-repeat;transition: .6s;}

.container01 .left .left_box1 ul li .ico .top1{ position:absolute; top:0; right:0; bottom:0; left:0; padding:0 5px 0 0}

.container01 .left .left_box1 ul li h5{position:relative;margin: 1rem 0;}

.container01 .left .left_box1 ul li h5 span.span1{ position:relative;font-size:20px;color:#fff;font-weight:bold; text-shadow: #ffffff 2px 0 0, #fff 0 2px 0, #fff -2px 0 0, #fff 0 -2px 0;}

.container01 .left .left_box1 ul li h5 span.span2{position:absolute;font-size:20px;left: 0;color:#494746;font-weight:bold;background-image: linear-gradient(to right , #ab8d49, #ab8d49, #ab8d49, #ab8d49, #ab8d49, #ab8d49, #ab8d49, #ab8d49, #c8a44e, #eddf81, #c8a44e, #ab8d49, #c8a44e, #ab8d49, #c8a44e, #ab8d49, #ab8d49, #ab8d49, #c8a44e, #ab8d49);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}



.container01 .left .left_box1 ul li h6{position:relative;margin: 1rem 0;}

.container01 .left .left_box1 ul li h6 span.span1{ position:relative;font-size:16px;color:#fff;font-weight:bold; text-shadow: #ffffff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;}

.container01 .left .left_box1 ul li h6 span.span2{position:absolute;font-size:16px;left: 0; top: 0; color:#494746;font-weight:bold;background-image: linear-gradient(to right ,  #ab8d49, #ab8d49, #ab8d49, #ab8d49, #ab8d49, #ab8d49, #ab8d49, #ab8d49, #c8a44e, #eddf81, #c8a44e, #ab8d49, #c8a44e, #ab8d49, #c8a44e, #ab8d49, #ab8d49, #ab8d49, #c8a44e, #ab8d49);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}





.container01 .left .left_box1 ul li a:hover .ico .bg{-webkit-animation: beat 0.5s 1;animation: beat 0.5s 1;}

@-webkit-keyframes borderAnimation {

  0% {

    -webkit-transform: skew(0deg, 0deg);

    transform: skew(0deg, 0deg);

  }



  33% {

    -webkit-transform: skew(20deg, -20deg);

    transform: skew(20deg, -20deg);

  }



  66% {

    -webkit-transform: skew(20deg, 0deg);

    transform: skew(20deg, 0deg);

  }



  100% {

    -webkit-transform: skew(0deg, 0deg);

    transform: skew(0deg, 0deg);

  }

}



.container01 .left .left_box2 .title001 h3{ color:#fff}

.container01 .left .left_box2 .title001 h4{ color:#dab866; opacity:.25;}

.container01 .left .left_box2 .title001 h5{ color:#fff;  margin-top:.25rem}

.container01 .left .left_box2 .title001 h6{ font-size:1.08rem; color:#fff; margin:1.25rem 0 4rem;line-height:32px;}



.container01 .right{ width:50%; position:relative}

.container01 .right .img{ padding-bottom:110%; width:100%; position:relative; overflow:hidden}

.container01 .right img.img1{ position:absolute; top:0; right:0; left:0; bottom:0; width:100%; height:100%}

.container01 .right .top{ position:absolute; top:0; right:0; left:0; bottom:0;}

.container01 .right .top .box_table{ position:relative; z-index:1}

.container01 .right .top h2{background-image: linear-gradient(-45deg , #caa14e, #9d6c27, #e0c06c, #e6c477, #caa14e, #9d6c27, #e0c06c, #e6c477, #caa14e, #9d6c27, #e0c06c, #e6c477, #caa14e, #9d6c27, #e0c06c, #e6c477, #caa14e, #9d6c27, #e0c06c, #e6c477);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 3.25rem;font-family: SIMYOU;margin-top: 5rem;}

.container01 .right .top h4{ background-image: linear-gradient(-45deg , #caa14e, #9d6c27, #e0c06c, #e6c477, #caa14e, #9d6c27, #e0c06c, #e6c477, #caa14e, #9d6c27, #e0c06c, #e6c477, #caa14e, #9d6c27, #e0c06c, #e6c477, #caa14e, #9d6c27, #e0c06c, #e6c477);-webkit-background-clip: text;-webkit-text-fill-color: transparent; font-size:1rem; margin:0.875rem 0 2rem}

.container01 .right .top p{ font-size:0.9375rem; line-height:1.75rem; color:#53504a}

.container01 .right .top h3{ margin-top:1rem; position:relative; display:inline-block; width:35.625rem; height:35.625rem;}



.container01 .right .top h3 img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%}

.container01 .right .box{ position:relative;}

.container01 .right .anniu{position:absolute;top:50%;cursor:pointer;z-index: 111;}

.container01 .right .anniu.anniu_left{ left:10%}

.container01 .right .anniu.anniu_right{ right:10%}

.container01 .right .anniu svg{ width:3rem; height:3rem; fill:#b59e91}

.lizi{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background: url(../images/lizi.png) center 20% no-repeat;-webkit-animation: borderAnimation1 4s linear infinite;animation: borderAnimation1 4s linear infinite;pointer-events: none;z-index: 0;}



@-webkit-keyframes borderAnimation1 {

  0% {

    -webkit-transform:translateX(0) translateY(0);

    transform: translateX(0) translateY(0);

  }



  33% {

    -webkit-transform:translateX(6px) translateY(-6px);

    transform:translateX(6px) translateY(-6px);

  }



  66% {

    -webkit-transform:translateX(6px) translateY(0);

    transform: translateX(6px) translateY(0);

  }



  100% {

    -webkit-transform:translateX(0) translateY(0);

    transform:translateX(0) translateY(0);

  }

}



.container02{ height:57.1875rem; background:url(../images/container02_bg.jpg) center no-repeat; background-size:cover; padding:6.375rem 0 0; position:relative; overflow:hidden}

.container02 .title001{text-align:center;display: inline-block;margin: 0 auto;position: relative;z-index: 100;}

.container02 .title001 h3{ color:#774232}

.container02 .title001 h4{ color:#909090}

.container02 .title001 h2{ color:#7e3824}

.container02 .w1200{position:relative;text-align: center;}



.container02 img.img1{position:absolute;bottom:0;left:0;right:0;width: 100%;}

.container02 .box{position:absolute;top:0;bottom:0;width:50%;z-index: 0;}

.container02 .box1{ left:0;}

.container02 .box .dots00{position:absolute;cursor: pointer;}

.container02 .box .dots00 .top{ position:absolute; top:0; right:0; bottom:0; left:0}

.container02 .box .dots00 .top h4{font-size:1.25rem;font-weight:bold;line-height:1.75rem;background-image: linear-gradient(to bottom , #7ac0f3, #2475ca);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.container02 .box1 .dots01{left: 58%;top:23.61%;width:8.4375rem;}

.container02 .box1 .dots02{left: 36.6%;top:42.62%;width:10.375rem;}

.container02 .box1 .dots03{left: 52.8%;top:67.32%;width:10.1875rem;}

.container02 .box1 .dots04{left: 57.4%;top: 50.34%;width:5.6875rem;}

.container02 .box1 .dots05{left: 39.2%;top: 73.01%;width:3.625rem;}



.container02 .box2{ right:0;}

.container02 .box2 .dots01{right: 55%;top:23.61%;width:9.6875rem;}

.container02 .box2 .dots02{right: 28.6%;top: 48.62%;width:12.6875rem;}

.container02 .box2 .dots03{right: 66.8%;top:67.32%;width:10.1875rem;}

.container02 .box2 .dots04{right: 67.4%;top: 45.34%;width:3.625rem;}

.container02 .box2 .dots05{right: 49.2%;top: 71.01%;width:5.6875rem;}



.container02 .box .dots00 img{width:100%;height:100%;transition: .6s;min-width: 80px;}



.container02 .box1 .dots01:hover img, .container02 .box1 .dots02:hover img, .container02 .box1 .dots03:hover img, .container02 .box2 .dots01:hover img, .container02 .box2 .dots02:hover img, .container02 .box2:hover .dots03 img{-webkit-animation: beat 0.5s 1;animation: beat 0.5s 1; }



.container02 .box .dots00:hover img{ /*-webkit-animation: borderAnimation2 4s linear infinite;animation: borderAnimation2 4s linear infinite;*/ -webkit-animation: beat 0.5s 1;animation: beat 0.5s 1;}

@keyframes beat {

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }



    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }



    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }



    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }



    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }



    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }



    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }



    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

}



@-webkit-keyframes beat {

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }



    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }



    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }



    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }



    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }



    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }



    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }



    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

}



@-webkit-keyframes borderAnimation2 {

  0% {

    -webkit-transform: skew(0deg, 0deg);

    transform: skew(0deg, 0deg);

  }



  25% {

    -webkit-transform: skew(5deg, -5deg);

    transform: skew(5deg, -5deg);

  }



  50% {

    -webkit-transform: skew(5deg, 0deg);

    transform: skew(5deg, 0deg);

  }

  

  75% {

    -webkit-transform: skew(0deg, -5deg);

    transform: skew(0deg, -5deg);

  }



  100% {

    -webkit-transform: skew(0deg, 0deg);

    transform: skew(0deg, 0deg);

  }

}



.container04{margin-bottom:80px;background: #fff;overflow: hidden;}

.list_box1 li{ float:left; width:33.3333333%;}

.list_box1 li a{padding-bottom:131.87%;display: block;width: 100%; position:relative}

.list_box1 li a .img{ overflow:hidden; height:50%; position:absolute;}

.list_box1 li a .img .img_hezi{ padding-bottom:65.93%}



.list_box1 li a .con{position:absolute;bottom:0;background:#fff;height:50%;border:1px solid #ededed;}

/*.list_box1 li a .con .con_bg{ padding-bottom:65.93%;}

.list_box1 li a .con .con_box{ display:block; position:absolute; top:0; right:0; bottom:0; left:0}*/

.list_box1 li a .con:before{ content:""; position:absolute; display:block; width:3.125rem; height:3.125rem; background:#d8ad5e; left:50%; transform:translateX(-50%); bottom:0; transition:.5s}

.list_box1 li a .con:after{content:"";top:-0.9375rem;border-left:transparent .9375rem solid;border-right:transparent .9375rem solid;border-bottom: #fff .9375rem solid;left:50%;transform:translateX(-50%);position: absolute;}

.list_box1 li a .con .more00 span{ position:absolute; display:block; width:3.125rem; height:3.125rem; line-height:3.125rem; left:50%; transform:translateX(-50%); bottom:0; transition:.5s}

.list_box1 li a .con .more00 span img{ transition:.5s}

.list_box1 li a .con .top{ padding:0 3.5rem 2rem; position:relative; z-index:1; transition:.5s}

.list_box1 li a .con .top h3{ font-size:1.375rem; color:#383838; transition:.5s}

.list_box1 li a .con .top p{ font-size:.95rem; color:#727272; line-height:1.75rem; height:5.25rem; margin:2rem 0 0; transition:.5s}



@media (min-width: 992px){
    
.list_box1 li a .con .top{ padding: 0 1.5rem 2rem;}

.list_box1 li:nth-child(2) a .con:before, .list_box1 li:nth-child(2) a .con .more00 span{ top:0}

.list_box1 li:nth-child(2) a .img{ bottom:0}

.list_box1 li:nth-child(2) a .con{ top:0; bottom:auto}

.list_box1 li:nth-child(2) a .con .top{ padding: 2rem 1.5rem 0;}

.list_box1 li:nth-child(2) a .con:after{content:""; top:auto; bottom:-0.9375rem;border-bottom: none; border-top: #fff .9375rem solid;}

}

.title001{margin-bottom:3.75rem;}

.title001 h3{ font-size:2.25rem; color:#dfb363; font-weight:bold; font-family:Swis721 BlkCn BT}

.title001 h4{ font-size:1.5rem; color:#000000; margin-top:1.125rem}

.title001 p{font-size:1rem;color:#444;line-height:2rem;margin-top:1.125rem;display:inline-block;text-align: left;}



.list_box1 li:nth-child(1) a .con:before{}


.title002{margin-bottom:3.75rem;text-align:center;}

.title002 h3{ font-size:2.25rem; color:#dfb363; font-weight:bold; font-family:Swis721 BlkCn BT}

.title002 h5{ font-size:1.5rem; color:#000000; margin-top:1.125rem}

.yanfa{height:736px;background:url(../images/yanfa_02.jpg) center no-repeat;background-size:cover !important;}
.yanfa img{ display: none;}

.container05{padding:3.625rem 0 3.625rem;background: #fff;overflow: hidden;height:750px;margin:0 auto;}
.xinwen ul{}
.xinwen li{float:left;width:33.3333333%;}
.xinwen li a{ display: block; width: 94%;}
.xinwen li img{margin-bottom:20px; display: block; width: 100%;}
.xinwen li h3{font-size:24px;color:#333333;line-height:50px;margin-bottom:10px;}
.xinwen li h5{font-size:18px;color:#777;line-height:35px; text-align: justify;}




/*底部*/
.wrap6{width:1600px;margin:0 auto;}
.index6{ background:#874f36;border-bottom: 1px solid #9b6e5a;margin:0 auto; text-align:center; position: relative;}
.index6_nav{ text-align:center;}
.index6 .ewm{ position: absolute; margin-top: -78px; right: 3%; z-index: 1;}
.index6_nav ul li{ width: 14%;float:left;padding-top: 50px; padding-bottom:40px; display: inline-block; border-left: 1px solid #9b6e5a; text-align: center;}
.index6 .wrap6{ width:83.3%}
.ch{ font-family:"微软雅黑"; font-size:18px; color:#fff;line-height:35px;}
.en{ font-family:"微软雅黑"; font-size:12px; color:#fff;line-height:25px; text-transform: uppercase;}

.footer{ background:#874f36; overflow:hidden;height:110px;font-size:18px;}
.copy{ line-height:110px;text-align:center;margin:0 auto; color: #d1c0ba;font-size:16px;}
.copy, .copy a{ font-size: 16px; color: #d1c0ba;}
.copy img{ vertical-align: middle;}
.copy span{ color: #ffffff;font-weight:bold;font-size:20px;}

.m_zw{ height:16vw; display: none;}
.m_footer{ background: url(../images/m_footer.jpg) no-repeat center center; background-size: cover; height:16vw; width:100%; position:fixed; bottom:0; z-index:999; display: none;}
.m_footer a{ display:block; float:left; text-align:center; width:20%;}
.f_logo{ background:url(../images/f_logo.png) no-repeat center top; background-size:9.4vw 9.4vw; width:20%; margin-top:3vw; height:9.4vw; float: left; display: none;}
.f_icon{ height:9vw; background-repeat:no-repeat; background-position:center center; background-size:6.4vw 6.4vw;margin-top:1.5vw;}
.f_icon1{ background-image:url(../images/f_icon1.png);}
.f_icon2{ background-image:url(../images/f_icon2.png);}
.f_icon3{ background-image:url(../images/f_icon3.png);}
.f_icon4{ background-image:url(../images/f_icon4.png);}
.f_txt{ font-size:3.5vw; color:#a68b4b; line-height:1;}

/*online qq*/
.izl-rmenu {position: fixed;right: 4%;top: 30%;z-index: 999999;}
.izl-rmenu .btn{ width: 62px;cursor:pointer;position:relative;}
.izl-rmenu .btn-wx .pic{position:absolute;left: -172px;top:0px;display:none; padding: 10px; background-color: #ffffff;}
.izl-rmenu .btn-phone .phone{position:absolute;width:160px;left:-170px;bottom: 0;line-height: 56px;color: #ffffff;font-size: 20px;text-align:center;display:none;background:  #302a29;}
.izl-rmenu .btn-top{display:block;}
/*online qq*/


/*二级产品展示*/

.n_case{ padding:1.5rem 0 6.125rem; background:#f0f1f5}



.list_box8{ margin:0 -1.25rem; margin-bottom:2rem}

.list_box8 li{ float:left; width:50%; padding:0 1.25rem; margin-bottom:1.5rem}

.list_box8 li a{ display:block; background:#fff; padding:4rem 3.125rem}

.list_box8 li a .img{ width:16.875rem; height:16.875rem;}

.list_box8 li a .img img{ max-height:16.25rem; border-radius: 100%;}

.list_box8 li a .con{ width:calc(100% - 16.875rem); padding:1.5rem 0 0 2.5rem}

.list_box8 li a .con h5{ font-size:1.375rem; color:#3e3e3e; line-height:1.5}

.list_box8 li a .con p{ font-size:.875rem; color:#6d6d6d; line-height:1.75rem; height:5.25rem; margin:1rem 0 2.5rem}

.list_box8 li a .con span{ display:inline-block; width:7.125rem; height:2.1875rem; line-height:2.1875rem; background:#d8ad5e; border-radius:1.125rem; font-size:.875rem; color:#fff; text-align:center; transition:.5s}

.list_box8 li a .ar_article{ display:none}



.foot_share ul{ font-size:0;}

.foot_share .dh font{display:inline-block;width: 42px;height: 42px;line-height: 40px;border-radius:50%;border: 1px solid #b09787;text-align:center;transition:.3s;}

.foot_share .dh font img{ opacity:0.7; transition:.3s; vertical-align:middle;}

.foot_share li:hover .dh font{background: #d6b663;border: 1px solid #d6b663;}

.foot_share li:hover .dh img{ opacity:1;}

.foot_share li{cursor:pointer;position:relative;display:inline-block;margin: 0 0.75rem 0 0;}

.foot_share li .dd{ position:absolute; display:block !important; width:110px; height:110px; padding:5px; background:#fff; bottom:60px; opacity: 0; left: 50%; margin-left: -55px; visibility: hidden; transition: .5s; box-shadow:0 5px 15px 0 rgba(0,0,0,.1);}

.foot_share li .dd:before{ content:""; display:block; border:6px solid transparent; border-top:6px solid #fff; position:absolute; bottom:-12px; left:50%; margin-left:-6px; }

.foot_share li:hover .dd{ opacity: 1; visibility: visible; bottom:50px; }

.foot_share li .dd img{ width:100px; height:100px;}



footer .w1600{ max-width:1600px;}

footer .right{text-align:right;padding: 6.5rem 0 0;}

footer .right .top{ display:inline-block; margin-bottom:2rem}

footer .right .top .img{ display:inline-block;}

footer .right .top .con{display:inline-block;vertical-align: top;padding: 0 0 0 10px;text-align: left;}

footer .right .top .con h6{ font-size:12px; color:#fff; padding:0.25rem 0 0.5rem}

footer .right .top .con h3{ font-size:1.5rem; color:#fff; font-family:Times New Roman}

footer .right .p{ font-size:13px; color:rgba(255,255,255,0.5); line-height:1.5rem;}



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


.m_a, .m_gun{ display: none;}


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

/*手机头部开始*/

#m_header{position: fixed;z-index:999;width:100%;height: 60px;left:0;top:0;padding:0 10px;background:#fff;display:none;border-bottom: #eaeaea 1px solid;}

#m_header #logo{height: 60px;float: left;position: relative; left: 50%; margin-left: -23px; margin-top: 20px;}

#m_header #logo img{max-height: 60px;}

#m_header .yuyan{ height:4.5rem; float:right; margin-right:4rem;}

#m_header .yuyan span{ display:block; width:24px; height:24px; line-height:24px; color:#fff; font-size:.9rem; text-align:center; margin-left:17px; background:rgba(255,255,255,.3);}

.wap_search{ width:80%; margin:0 auto;}

.wap_search form{ position:relative;}

.wap_search #keyword{width: 80%;height:3.8rem; line-height:3.8rem; border:0;padding:0 1rem; font-size:1rem; color:#999;box-shadow:none;-webkit-appearance: none;float:  left;border-right: 0;}

.wap_search .btn_blue{width: 20%;height:3.8rem; background:#00a0e9 url(../other/search.svg) center no-repeat; background-size:20px; font-size:0;color:#fff;cursor:pointer;text-transform:uppercase;float:  left;}



/*顶部搜索*/

.tc_search{margin: 0 1.3rem;width: calc(100% - 2.6rem);}



































.tc_search form{height:40px;border-radius:20px;border:1px solid #e5e5e5;position:relative;width:100%;margin-bottom: 1rem;}

.tc_search #keyword{font-size:.875rem;color:#fff;height:38px;line-height:38px;padding:0 1rem;box-shadow:none;-webkit-appearance: none;border-right: 0;background:none;width:  100%;}

.tc_search .btn_blue{ position:absolute; top:0; right:0; width: 40px;height:38px; line-height:38px; border:0; background:url(../other/search_white.svg) center center no-repeat; background-size:1.2rem;  }

.tc_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}

.tc_search input::-webkit-input-placeholder{ color:#fff; color: rgba(255,255,255,.7); }

.tc_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#fff; color: rgba(255,255,255,.7); }

.tc_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */c color:#fff; color: rgba(255,255,255,.7); }

.tc_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#fff; color: rgba(255,255,255,.7); }/* WebKit browsers */

.tc_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */

.tc_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */





.tc_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */

.tc_search input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */





/*导航按钮开始*/

#nav_btn_box{ height:100%; z-index:999999999; float:right; margin-left:20px; }

#nav_btn_box.on{ background:none;  }

#nav_btn{}

#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before{ background:#fff;}



#nav_btn{cursor: pointer;text-align: center;z-index:99999;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;outline:none;box-shadow:none;}

#nav_btn .point{display: inline-block;width: 1.875rem;height: 22px; position: relative; outline:none;}

#nav_btn .point:hover .navbtn,

#nav_btn .point:hover .navbtn::after,

#nav_btn .point:hover .navbtn::before{width: 1.75rem;}

#nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 21px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #333;}

#nav_btn .navbtn::after,

#nav_btn .navbtn::before{position: absolute; left: 0;display: inline-block;width: 1.75rem;height: 1px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #333;}

#nav_btn .navbtn::after{top: -8px;}

#nav_btn .navbtn::before{top: 8px;}

#nav_btn .point.on .navbtn{background: transparent;}

#nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}

#nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}



/*导航按钮结束*/

.m_nav_list{flex-direction:column; justify-content: flex-start; width:100%; overflow: auto;}



.m_nav_list::-webkit-scrollbar {display:none}

#m_nav {

    z-index: 99999;

    position: fixed;

    width:17rem;

    height:100vh;

    right: -400px;

    top: 0;

    display:none;

    padding: 2rem 0;

    overflow:hidden;

    pointer-events: none;

    transition: all 0.3s ease-out;

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    -ms-transition: all 0.3s ease-out;

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    background: #d6b25f;

    }

#m_nav.act{ pointer-events: auto; right:0;}



#m_nav>ul>li{ width:100%; overflow:hidden; padding:0 2.3rem; }

#m_nav>ul>li+li{ border-top:1px solid rgba(255, 255, 255, 0.1);}

#m_nav li .a{ display:inline-block; width:calc(100% - 30px)}

#m_nav li .a h3{line-height: 4rem;height: 4rem;color:#fff;padding:0;font-size:1.125rem;float:left;}

#m_nav li .a span{ display:block; position:absolute; top:0; right:10px; width: 20px; height: 50px; text-align:center;}

#m_nav li .a span i{ font-size:0;}

#m_nav li i{opacity:1;filter:alpha(opacity=100);display:inline-block;width:10px;height: 4rem;float:right;display:inline-block;background: url(../other/arrow_down.svg) center no-repeat;background-size:contain;}

#m_nav li.on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}

#m_nav .on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}

#m_nav li{display:block;width:100%;}

.slide_nav{ position: absolute; left:0; height: 70px; z-index: 998; padding:15px; top:0; width: 100%; }

#m_nav .title .list{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;}

#m_nav .title .list span{ background:none; }

#m_nav .title .list span a:hover{ color: #014085;}

#m_nav .title .list a{display:block;font-size:1rem;color: #fff;text-align:left;line-height:40px;height: 40px;border:0;font-weight:300;}

/*三级导航 开始*/

#m_nav .title .list .void>a{background-size:10px; position:relative;}

#m_nav .title .list .void>a:before{ content:"·"; position:absolute; left:-1em; font-size:12px; font-weight:bold;}

#m_nav .title .list span{ position:relative; display:block;}

#m_nav .title .list span .sub{ position: static; width:100%;display: block !important; overflow:hidden;}

#m_nav .title .sub a{ background:none; font-size:.875rem; opacity:.8; min-width:50%; float:left; display:inline-block; color:#999;}



.nav_mask { position: fixed; top: 0; left: 0;width: 100%;height: 100%;z-index: 888;background-color: rgba(0,0,0,0.4);display: none;}

.m_header_box{display:none;height: 60px;}

#m_header #logo .box_table, #nav_btn_box .box_table{ width:auto}





#ocean{

  position:absolute;

  width:100%;

  min-height:100%;

  background-image: -webkit-gradient(

  linear,

  left bottom,

  left top,

  color-stop(0, rgb(0,50,150)),

  color-stop(0.50, rgb(0,150,255))

  );

}



.wave{

  display:inline-block;

  height:60%;

  width:10px;

  position:absolute;

  -webkit-animation-name:             dostuff;

  -webkit-animation-duration:         3s;

  -webkit-animation-iteration-count:  infinite;

  -webkit-transition-timing-function: ease-in-out;

}





@-webkit-keyframes dostuff{

  0%{

    height:60%;

  }

  50%{ 

    height:40%;

  }

  100%{ 

    height:60%;

  }

}





.n_banner{ position:relative; height:520px; overflow:hidden}
.n_banner1{ position:relative; height:820px; overflow:hidden}

.n_banner .top{ position:absolute; top:0; right:0; bottom:0; left:0}

.n_banner .top h3{font-size:2.125rem;color:#fff;margin-bottom: 1.25rem;}

.n_banner .top h3 span{ font-family:Times New Roman}

.n_banner .top h4{ font-size:1.375rem; color:#fff; margin-bottom:1rem}

.n_banner .top h5 img{-webkit-animation: scroll 2s cubic-bezier(.15,.41,.69,.94) infinite;-moz-animation: scroll 2s cubic-bezier(.15,.41,.69,.94) infinite;animation: scroll 2s cubic-bezier(.15,.41,.69,.94) infinite;border-radius: 1.5px;}

@keyframes scroll {

  0% { opacity: 0; }

  10% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }

  100% { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -o-transform: translateY(0); transform: translateY(5px); opacity: 0;}

}



@keyframes fadeInDown {

  from {

    opacity: 0;

    transform: translate3d(0, -50%, 0);

  }



  to {

    opacity: 1;

    transform: none;

  }

}


.n_yf{min-height:2690px;margin:0 auto;}
.yf_tu1{height:813px;background: url(../images/yanfa_03.jpg) no-repeat center;margin-top:64px;}
.yf_tu2{height:1204px;background: url(../images/yanfa_04.jpg) no-repeat center;}
.yf_tu3{height:673px;background: url(../images/yanfa_05.jpg) no-repeat center;}


.position{ height:68px; line-height:68px; text-align:right}

.position .box{display:inline-block;background: url(../images/home.png) left 27px no-repeat;padding-left: 22px;font-size: 12px; float:left;}

.position .box a, .position .box span{display:inline-block;color: #888888;text-transform:uppercase;transition:0.36s;margin:0 2px;}

.position .box em{color: #d6b25f;text-transform:uppercase;font-style:normal;margin-left:2px;}



/*集团简介*/

.n_about{  }

.n_about .fl01{border-bottom:#e4e4e4 1px solid;overflow: hidden;}

.n_about .fl01 .left{width: 18rem;padding: 0.5rem 0 0;}

.n_about .fl01 .left h3{font-size:2rem;color:#dfb363;margin-bottom:0.75rem;font-weight:bold;}

.n_about .fl01 .left h4{font-size: 24px;color: #1e3685;margin-bottom: 0.75rem;letter-spacing: 1px;}

.n_about .fl01 .left h5{font-size: 14px;color: #bcbcbc;margin-bottom: 2.125rem;letter-spacing: 1px;font-family: Times New Roman;line-height: 20px;}

.n_about .fl01 .right{width: calc(100% - 18rem);}

.n_about .fl01 .right .ar_article h3{font-size: 1.5rem;color:#4d4d4d;font-weight: bold;margin-bottom: 2.5rem;}

.n_about .fl01 .right .ar_article p{color: #7d7d7d;font-size:16px; text-align: justify;}



.n_about .fl01 ul.ul01{font-size:0;overflow: hidden;margin: 3rem -2.5rem 3rem;}

.n_about .fl01 ul.ul01 li{display:inline-block;width: 25%;position:relative;text-align: center;}

.n_about .fl01 ul.ul01 li a{display:inline-block;position:relative;padding: 0;}

.n_about .fl01 ul.ul01 li a h3{font-size: 2.875rem;color: #865a40;margin-bottom: 1rem;padding: 0;}

.n_about .fl01 ul.ul01 li a h3 span{font-family: Times New Roman;font-weight: bold;}

.n_about .fl01 ul.ul01 li a h3 small{font-size: 14px;color: #767676;margin-left:0.5rem;}

.n_about .fl01 ul.ul01 li a h5{font-size: 14px;color: #767676;padding: 0;text-align: center;}

.n_about .fl01 ul.ul02{ padding-bottom:3.125rem}

.n_about .fl01 ul.ul02 .miso-dots{padding-bottom:0}

.n_about .fl01 ul.ul02 .miso-dots li{ width:0.625rem; height:0.625rem; background:#a0a7ab; border-radius:50%; margin:0 0.625rem}

.n_about .fl01 ul.ul02 .miso-dots li.miso-active{ background:#373f47;}




.n_title {border-bottom: #e3e4e5 1px solid;padding: 0;position: relative;}

.n_title .w1560 { position: relative }

.n_title .w1200 {position: relative;height: 75px;}

.n_nav { position: relative; }

.n_nav a {display: inline-block;height: 75px;font-size: 16px;float: left;line-height: 75px;color: #333333;text-align: center;box-sizing: border-box;position: relative;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;margin-right: 2.875rem;}

.n_nav a strong {display: block;color: #333333;position: relative;z-index: 4;height: 75px;line-height: 75px;transition: 0.6s ease-in-out;font-weight: normal;}

.n_nav .on, .n_nav a:hover { color: #fff; }

.n_nav a:before {content: "";width: 0;height: 3px;position: absolute;bottom: -1px;left: 0;background: #ca9e4e;transition: 0.6s ease-in-out;}

.n_nav .on:before, .n_nav a:hover:before { width: 100%; }

.n_nav .on strong, .n_nav a:hover strong {height: 75px;line-height: 75px;color: #ca9e4e;}

.layui-col-md4 { height: 75px }

.position {line-height: 75px;left: 0;bottom: 0;color: #8e8e8e;padding-left: 22px;font-size: 12px;background: url(../images/home_icon.png) left center no-repeat;}

.position span, .position a, .position i {font-size: 12px;color: #8e8e8e;-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;}

.position i {margin: 0px 3px;font-style: normal;}

.position i img { vertical-align: middle; margin-top: -2px; }

.position em {font-size: 12px;color: #dbaf7e;font-style: normal;}

.position a:hover {color: #dbaf7e;}

.n_main_box .main_box { width: 1200px; height: 80px; position: relative; margin: 0 auto; }

/*====移动端导航====*/

#m_n_nav {background: rgb(223 179 100);display: none;line-height: 50px;position: relative;z-index: 9;float: left;width: 100%;}

#bnt_back { position: absolute; left: 1rem; top: 0; }

#bnt_back svg { fill: #fff; height: 30px; vertical-align: middle; width: 26px; }

#m_n_nav i { }

#m_n_nav h1 { font-size: 14px; color: #fff; text-align: center; margin: 0; line-height: 50px; }

#bnt_sub_nav { position: absolute; right: 1rem; top: 0; cursor: pointer; color: #fff; font-size: 18px; }

#bnt_sub_nav svg {fill: #fff;height: 20px;vertical-align: middle;width: 20px;}

#bnt_sub_nav img { display: block; height: 15px; }



#bnt_sub_nav.on img { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

#sub_nav_content {background: #f0f3f5;display: none;box-shadow: 0 0 5px #999;z-index: 9;}

#sub_nav_content ul { padding: 10px; }

#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0; }

#sub_nav_content ul li a { display: block; border-left: 2px solid #ca9e4e; height: 30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455; }

#sub_nav_content ul li.on a { color: #ca9e4e; }

#sub_nav_content dl { font-size: 0; overflow: hidden; background: #fff; padding: 10px 0; }

#sub_nav_content dt {position: relative;background: #fff;z-index: 999;width: 50%;display: inline-block;margin-bottom: 0;float: left;text-align: center;}

#sub_nav_content dt a { margin: 0 20px; display: block; color: #5b5349; line-height: 30px; font-size: 14px; font-weight: 400; vertical-align: top; }

#sub_nav_content dt a i { position: absolute; right: 15px; top: 0; opacity: 0; filter: alpha(opacity=0); display: none; }

#sub_nav_content dt a { }

#sub_nav_content dt.title { background: #fafafb; }

#sub_nav_content dt.title i { opacity: 1; filter: alpha(opacity=100); }

#sub_nav_content dt.title_on { background: #fafafb; }

#sub_nav_content dt.title_on a { color: #ca9e4e; border-top: 1px solid #fff; }

#sub_nav_content dt.title_on a i { color: #ca9e4e; }

#sub_nav_content dt.last a { border-top: 1px solid #f8f8f8; }

#sub_nav_content dt.on a, #sub_nav_content dt.title_on a { color: #ca9e4e; }

#sub_nav_content dd { display: none; }

#sub_nav_content dd .box { padding: 0px 0px 0px 0px; }

#sub_nav_content dd a { padding: 0 25px; line-height: 30px; border-top: 1px solid #e7e7e7; font-size: 12px; color: #5b5349; display: block; height: 30px; }

#sub_nav_content dd a.on { color: #ca9e4e; }



#header.n_header { display: block; opacity: 1; visibility: visible; position: relative; background: #fff; padding: 0 0 0 2.5rem; }

#header.n_header #nav ul li>a { color: #3b3c3d }

#header.n_header #nav ul li>a h3 { font-size: 1.0625rem; }

#header.n_header #nav>ul>li.on>a, #header.n_header #nav ul li:hover>a, #header.n_header.xg #nav ul li.on a>a, #header.n_header.xg #nav ul li:hover >a { color: #ca9e4e; font-weight: bold }

#header.n_header #nav>ul>li.on>a { background: #ca9e4e; color: #fff; }

#header.n_header .wailian ul li>a h3 svg { fill: #2c2c2c }

#header.n_header .wailian ul li>a { padding: 38px 1.75rem 0 }

#header.n_header .wailian ul li>a h5 { color: #000000 }


.n_title01 { margin-bottom: 3.375rem }

.n_title01 h4 { font-size: 1.625rem; color: #333333; margin-bottom: 0.75rem; }

.n_title01 h3 { font-size: 1.875rem; color: #ca9e4e; font-family: Century Gothic; font-weight: bold; text-transform: uppercase; }

.n_title01 h3 font { color: #76be3b; font-family: Century Gothic; font-weight: bold; }



.n_about .fl01{ overflow:hidden}

.n_about .fl01 .left{ width:20.5rem; padding:4rem 0 0}

.n_about .fl01 .left .title001{ text-align:left}

.list_box5 li{ margin:4.375rem 0;}

.list_box5 li h6{ font-size:1rem; color:#514d48; line-height:1.5; margin-bottom:.75rem}

.list_box5 li big, .list_box5 li .big{ font-size:2.875rem; color:#1e3685; font-family:Times New Roman}

.list_box5 li small{ font-size:1rem; color:#514d48; margin-left:.5rem}



.n_about .fl01 .right{ width:calc(100% - 20.5rem); padding:4rem 0 5.25rem 4.375rem; border-left:#dbdbdb 1px solid; }

.n_about .fl01 .right h3{ font-size:1.375rem; color:#ca9e4e; margin-bottom:2.5rem}



/*.n_container .w1200{ max-width:1400px}*/



.n_about .fl02{ background:url(../images/n_about_fl02_bg.jpg) center no-repeat; background-size:cover; overflow:hidden}

.n_about .fl02 .title001{ margin-bottom:2rem; transition:.5s}

.n_about .fl02 .title001 h4{ font-size:1.75rem; color:#fff}

.n_about .fl02 .w1200{ height:25.625rem}

.n_about .fl02 h2 img{ cursor:pointer}






/*关于我们-企业文化*/

.n_ab .fl02{padding:3.375rem 0 4rem;overflow: hidden;}

.n_ab .fl02 .miso_bd{ position:relative; z-index:0}

.n_ab .fl02 .miso_bd ul li .img{ width:100%; padding-bottom:42.29%; position:relative}

.n_ab .fl02 .miso_bd ul li .img img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fit:cover}

.n_ab .fl02 .miso_hd{ position:relative; z-index:2; margin-top:calc(-4.6875rem - 10px)}

.n_ab .fl02 .miso_hd ul{ text-align:center}

.n_ab .fl02 .miso_hd ul li{ float:none !important; width:auto !important; display:inline-block; max-width:33.333333%; padding:10px 2.75rem}

.n_ab .fl02 .miso_hd ul li a{ display:block; position:relative}

.n_ab .fl02 .miso_hd ul li a .img{width:9.375rem;height: 9.375rem;position:relative;}

.n_ab .fl02 .miso_hd ul li a .img img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fit:cover; transition:.6s; box-shadow: 0px 2px 9px 0px rgba(4, 0, 0, 0.26); border-radius:50%}

.n_ab .fl02 .miso_hd ul li a .img img.img2{ transform:scale(0); opacity:0; visibility:hidden}

.n_ab .fl02 .miso_hd ul li a .top{ position:absolute; top:0; right:0; bottom:0; left:0;}

.n_ab .fl02 .miso_hd ul li a .top h3 img{ margin: 0 auto;}

.n_ab .fl02 .miso_hd ul li a .top h5{ font-size:16px; color:#666666; margin-top:.875rem; font-weight: bold;}

.n_ab .fl02 .miso_hd ul li a h3 img.img1{ display: block;}

.n_ab .fl02 .miso_hd ul li a h3 img.img2{ display: none;}

.n_ab .fl02 .miso_hd ul li.miso-current a .img img.img1{ transform:scale(0); opacity:0; visibility:hidden}

.n_ab .fl02 .miso_hd ul li.miso-current a .img img.img2{ transform:scale(1); opacity:1; visibility:visible}

.n_ab .fl02 .miso_hd ul li.miso-current a .top h3 svg{ fill:#fff}

.n_ab .fl02 .miso_hd ul li.miso-current a .top h5{ color:#fff}

.n_ab .fl02 .miso_hd ul li.miso-current a h3 img.img1{ display: none;}

.n_ab .fl02 .miso_hd ul li.miso-current a h3 img.img2{ display: block;}

.n_tit {
    text-align: center;
    margin-bottom: 2.5rem;
}

.n_tit h3{font-size:1.5rem;color:#242424;margin-bottom:0.75rem;}

.n_tit h4{font-size: 30px;color: #dfb363;font-family: Times New Roman;line-height: 50px; text-transform:uppercase;font-weight:bold;}





.vwrap {display: none;z-index: 1040000;width: 100%;position: fixed;}

.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }

.vwrap .videobox {z-index: 1200;width: 1000px;height: 560px;background-color: #fff;position: fixed;left: 50%;top: 50%;margin-top: -280px;margin-left: -500px;object-fit: cover;}

.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background:#000; }

#videobox_wrapper { height: 100%!important; }

.vwrap .close { z-index: 999; width: 31px; height: 31px; cursor: pointer; position: absolute; top: 0px; right: -42px; }

.vwrap .close i { display: block; width: 18px; height: 18px; text-align:center; -webkit-transition: 400ms; transition: 400ms; }

.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

#videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; }

.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer;  }

.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }

.jwlogo, .jwclick { display: none!important; }

.jwdisplayIcon{ background:  none no-repeat!important;}



@media(max-width: 992px){

	.vwrap .videobox{width:94%;height: 200px;left: 3%;margin-left: 0;margin-top: -122px;}

	.vwrap .close{right: 0;top: -35px;}

	.vwrap .videobox video{}

}



.piaofu_box{background:url(../images/piaofu_box_bg.png) center no-repeat;width:99px;height: 410px;position:fixed;top:50%;right:15px;margin-top: -175px;text-align:center;padding: 90px 0 0 4px;z-index: 10000;} 

.piaofu_box ul li{ position:relative}

.piaofu_box ul li a{display:block;padding: 10px 0;}

.piaofu_box ul li h3{ height:30px;}

.piaofu_box ul li h5{ font-size:12px; color:#f3d386}

.piaofu_box ul li .ewm{position:absolute;left: -115px;top: -30px;width:120px;height:120px;transition: .6s;opacity: 0;visibility: hidden;}

.piaofu_box ul li .ewm img{ width:100%}

.piaofu_box ul li:hover .ewm{ opacity:1; visibility:visible}





/*浪*/

@keyframes move_wave {

    0% {

        transform: translateX(0) translateZ(0) scaleY(1)

    }



    50% {

        transform: translateX(-25%) translateZ(0) scaleY(0.55)

    }



    100% {

        transform: translateX(-50%) translateZ(0) scaleY(1)

    }

}



.waveWrapper {

    overflow: hidden;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    height:120px;

    z-index:0;

}



.waveWrapperInner {

    position: absolute;

    width: 100%;

    overflow: hidden;

    height: 100%;

    bottom: -1px

}



.bgTop {

    z-index: 15;

    opacity: 0.9;

}



.bgMiddle {

    z-index: 10;

    opacity: 1;

}



.bgBottom {

    z-index: 5;

}



.wave {

    position: absolute;

    left: 0;

    width: 200%;

    height: 100%;

    background-repeat: repeat no-repeat;

    background-position: 0 bottom;

    transform-origin: center bottom;

}



.waveTop {

    background-size: 50% 100px;

}



.waveAnimation .waveTop {

  animation: move-wave 3s;

   -webkit-animation: move-wave 3s;

   -webkit-animation-delay: 1s;

   animation-delay: 1s;

}



.waveMiddle {

    background-size: 50% 120px;

}



.waveAnimation .waveMiddle {

    animation: move_wave 10s linear infinite;

}



.waveBottom {

    background-size: 50% 120px;

}



.waveAnimation .waveBottom {

    animation: move_wave 15s linear infinite;

}



.n_gushi .fl02{ padding:0 0 3rem}

.n_gushi .fl02 ul li{ padding:2.125rem 0; border-bottom:#e4e4e4 1px solid}

.n_gushi .fl02 ul li .img, .n_gushi .fl02 ul li .img img{width:9.375rem;height:9.375rem;border-radius:50%;float:left;overflow: hidden;}

.n_gushi .fl02 ul li .con{ width:calc(100% - 9.375rem); height:9.375rem; padding-left:1.875rem; float:right}

.n_gushi .fl02 ul li .con .box_table{ text-align:left}



.n_gushi .fl02 ul li .con h5{font-size:1.25rem;color:#494949;line-height: 1.875rem;}

.n_gushi .fl02 ul li .con h6{font-size:14px;color:#ababab;font-family:"Times New Roman";margin: 0.5rem 0 0.75rem;}

.n_gushi .fl02 ul li .con p{ font-size:14px; line-height:1.75rem; color:#6c6c6c}



.n_gushi .fl03{padding: 1.375rem 0 4.375rem; background:url(../images/n_rongyu_bg.jpg) center bottom no-repeat; background-size:cover}

.n_gushi .fl03 .left{ width:calc(100% - 34.625rem); padding-right:6.25rem; padding-left:0.75rem}

.n_gushi .fl03 .left h3{ margin-bottom:2rem}

.n_gushi .fl03 .right{ width:34.625rem; padding:2rem 0 0}

.n_gushi .fl03 .right img{ max-width:100%}





/*视频*/

.n_video{ padding:1rem 0 4.375rem; }

.n_video .n_title001{ text-align:center; margin-bottom:2.75rem}

.n_video ul{ margin:0 -0.875rem}

.n_video ul li{ float:left; width:33.333333%; padding:0 0.875rem; margin-bottom:2rem}

.n_video ul li a{ display:block; transition:.6s}

.n_video ul li .img{width:100%;padding-bottom: 62.92%;position:relative;overflow:hidden;}

.n_video ul li .img>img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fit:cover}

.n_video ul li .img .top{position:absolute;top:0;right:0;bottom:0;left:0;background: rgba(0,0,0,0.4);transform: translateY(100%);transition: .6s;}

.n_video ul li .con{background:url(../images/links.png) 98% center no-repeat;padding: 1.125rem 0.875rem 1.375rem;border-bottom: #e5e5e6 1px solid; position:relative}

.n_video ul li .con:after{ content:""; position:absolute; bottom:-1px; width:0; left:0; transition:.6s; height:1px; background:#d6b360}

.n_video ul li .con h5{font-size: 1.125rem;color: #000000;height: 1.25rem;line-height: 1.25rem;margin-bottom: .5rem;transition:.6s;width: calc(100% - 30px);}

.n_video ul li .con h6{ font-size:13px; color:#abaaaa; font-family:Times New Roman;}



.n_gongyi{ padding:0 0 6.25rem}

.n_gongyi ul li a{ display:block}

.n_gongyi ul li .img{ width:50%; height:23.75rem; overflow:hidden}

.n_gongyi ul li .img img{width:100%;height:100%;object-fit: cover;}

.n_gongyi ul li .con{width:50%;height:23.75rem;padding: 0 1.5rem;}



.n_gongyi ul li .con .ico{position:relative;width:69px;height:69px;left: 50%;margin-left: -35px;}

.n_gongyi ul li .con .ico .bg{position:absolute;top:0;right:0;bottom:0;left:0;background:url(../images/left_box1_bg.png) center no-repeat;transition: .6s;}

.n_gongyi ul li .con .ico .top1{ position:absolute; top:0; right:0; bottom:0; left:0; padding:0 5px 0 0}

.n_gongyi ul li .con h5{position:relative;margin: 1rem 0;}

.n_gongyi ul li .con h5 span.span1{ position:relative;font-size:1.25rem;color:#fff;font-weight:bold; text-shadow: #ffffff 2px 0 0, #fff 0 2px 0, #fff -2px 0 0, #fff 0 -2px 0;}

.n_gongyi ul li .con h5 span.span2{position:absolute;font-size:1.25rem;left: 50%;transform: translateX(-50%);color:#494746;font-weight:bold;background-image: linear-gradient(to right , #c8a44e, #eddf81, #c8a44e, #eddf81, #c8a44e, #eddf81, #c8a44e, #eddf81, #c8a44e, #eddf81, #c8a44e, #eddf81, #c8a44e, #eddf81, #c8a44e, #eddf81, #c8a44e, #eddf81, #c8a44e, #eddf81);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}



.n_gongyi ul li .con h6{position:relative;margin: 1rem 0;}

.n_gongyi ul li .con h6 span.span1{ position:relative;font-size:14px;color:#fff;font-weight:bold; text-shadow: #ffffff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;}

.n_gongyi ul li .con h6 span.span2{position:absolute;font-size:14px;left: 50%;transform: translateX(-50%);color:#494746;font-weight:bold;background-image: linear-gradient(to right , #c8a44e, #eddf81, #c8a44e, #eddf81, #c8a44e, #eddf81, #c8a44e, #eddf81, #c8a44e, #eddf81, #c8a44e, #eddf81, #c8a44e, #eddf81, #c8a44e, #eddf81, #c8a44e, #eddf81, #c8a44e, #eddf81);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}





.n_gongyi ul li .con:hover .ico .bg{-webkit-animation: borderAnimation 2s linear infinite;animation: borderAnimation 2s linear infinite;}



.n_gongyi ul li .con p{ font-size:14px; line-height:1.75rem; color:#646464; margin-top:1rem}





/*动态*/

.n_news .fl01{padding: 1.625rem 0 2rem;}

.n_news .fl01 ul{ margin-bottom:5rem}

.n_news .fl01 ul li{  padding-bottom:2.5rem; margin-bottom:2.5rem; position:relative; overflow:hidden}

.n_news .fl01 ul li:before{content:"";position:absolute;left:0;bottom:0px;height:1px;width:100%;border-bottom:#e2e2e2 1px solid;transition: all 0.6s ease-in-out;}

.n_news .fl01 ul li:after{content:"";position:absolute;left:0;bottom:0px;height:1px;width:0;background: #fff;transition: all 0.6s ease-in-out;}

.n_news .fl01 ul li a{padding: 0;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;position:relative;display: block;}

.n_news .fl01 ul li a .img, .n_news .fl01 ul li a .img img{float:left;width: auto;height: 15rem;overflow:hidden;object-fit: cover;}

.n_news .fl01 ul li a h5{font-size: 1.125rem;height: 1.25rem;line-height: 1.25rem;color: #4f4f4f;position:relative;margin-bottom: 0.75rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;transition:0.6s;}

.n_news .fl01 ul li a .con{height: 15rem;width: calc(100% - 27.3rem);padding-left: 3.125rem;float: right;}

.n_news .fl01 ul li a .con .box_table{ text-align:left}

.n_news .fl01 ul li a p{font-size: 12px;color: #909090;line-height: 1.5rem;height: 3rem;margin: 1.55rem 0 4rem;position:relative;overflow: hidden;}

.n_news .fl01 ul li a h6{font-size: 12px;color: #979797;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;font-family:Robotolight;margin-bottom: 1rem;}

.n_news .fl01 ul li a span{font-size: 12px;color: #909090;transition:0.6s;text-decoration: underline;}



.n_news .fl01 ul li a h4{font-size: 0.9375rem;color: #666666;line-height:20px;}

.n_news .fl01 ul li a h4 span{margin-left: 12px;}





.n_news_detail .w1200{ position:relative}

.n_news_detail .content{ max-width:1000px; margin:0 auto; background:#fff; box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.16); padding:4.375rem 4.375rem; border-top:#d7b461 4px solid; position:relative}

.n_news_detail{padding: 6rem 0 4rem;}

.n_news_detail .ar_title{border-bottom: #dfdfdf 1px solid;padding-bottom: 2rem;text-align: left;margin-bottom: 2rem;}

.n_news_detail .ar_title h3{font-size: 1.375rem;color: #444444;line-height: 2.5rem;margin-bottom: 1rem;}

.n_news_detail .ar_title h6{font-size: 12px;color: #bdbdbd;}

.n_news_detail .ar_title h6 img{ margin:-3px 10px 0 0}

.n_news_detail .ar_article p{}



.piaofu_fx{position: fixed;top: auto;width: 50px;right: 50%;margin-right: -580px;bottom: 3rem;}

.piaofu_fx.xg{position:fixed;}

.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: #d8b562;border: #d8b562 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: 188px;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_contact .fl01{ padding:5rem 0 4.5rem}

.n_contact .fl01 .left{ width:34.375rem; padding:1.75rem 2rem 0 0}

.n_contact .fl01 .left h3:first-child{ font-size:1.25rem}

.n_contact .fl01 .left h3{font-size: 1.25rem;line-height: 1.5;color: #414243;margin-bottom: 0.85rem;}

.n_contact .fl01 .left h4{font-size: 1.25rem;line-height: 1.5;color: #dbaf7e;font-weight:bold;margin-bottom: 1.25rem;text-transform: uppercase;font-family: Futura Md BT;}



.n_contact .fl01 .left p{font-size:0.9375rem;line-height: 1.625rem;color: #7f7e7e;margin-bottom: .25rem;padding: 0 0 0 1.7875rem;}

.n_contact .fl01 .left .zxzx{display:inline-block;width:8.125rem;height:2.5rem;line-height:2.5rem;background:#1e3685;font-size:.875rem;color:#fff;text-align:center;border-radius:1.25rem;margin: 3rem 0 3.125rem;transition:.5s;}

.n_contact .fl01 .left h5{font-size: 1rem;line-height: 1.625rem;color: #b58b3e;margin-bottom: 0.75rem;margin-top: 0rem;font-weight:normal;}

.n_contact .fl01 .left h5 big{font-size: 1.25rem;color: #1e3685;}

.n_contact .fl01 .left .con{ width:9.125rem;}

.n_contact .fl01 .left .ewm{background:url(../images/ewm_bg.png) center no-repeat;width:9.125rem;height:9.125rem;text-align:center;line-height:9.125rem;background-size: 100% 100%;}

.n_contact .fl01 .left .ewm img{ display:inline-block; width:7.375rem; height:7.375rem}

.n_contact .fl01 .left .con h6{ font-size:.875rem; color:#757575; line-height:3rem; text-align:center}

.n_contact .fl01 .right{text-align:center; width:calc(100% - 34.375rem)}

.n_contact .fl01 .right .con{display:inline-block;margin-left: 2rem;}

.n_contact .fl01 .right .ewm{width: 10rem;height: 10rem;border: 0;position: relative;}

.n_contact .fl01 .right .ewm img{ width:100%; height:100%}

.n_contact .fl01 .right .ewm:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border: #e6e6e6 0.5rem solid;}

.n_contact .fl01 .right h6{font-size:14px;color: #6f6f6f;line-height:16px;margin-top:1rem;font-weight: normal;}



 

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



/*aos="zoom-in" aos-duration="1200"*/

/*.n_contact .fl01{padding: 1.75rem 0 0;text-align:center;}

.n_contact .top h4{font-size: 1.375rem;color:#424242;font-family: simkai;text-align:center;}

.n_contact .center{margin: 2rem 0 2em;}

.n_contact .center ul{ font-size:0}

.n_contact .center ul li{display:inline-block;padding: 0 1.5rem;position:relative;width: calc((100% - 28.125rem)/2);}

.n_contact .center ul li:before{ content:""; position:absolute; right:0; width:1px; height:4.5rem; background:#d1d1d1; top:50%; margin-top:-2.25rem}

.n_contact .center ul li:nth-child(2){width: 28.125rem;padding: 0 0;}

.n_contact .center ul li:nth-child(3):before{ display:none}

.n_contact .center ul li h3{ line-height:7rem}

.n_contact .center ul li h3 img{ transition:0.6s}

.n_contact .center ul li h5{font-size:15px;color: #6c6c6c;font-family: Times New Roman;margin-bottom:1.25rem;}

.n_contact .center ul li h6, .n_contact .center ul li p{ height: 3.75rem;}

.n_contact .center ul li h6, .n_contact .center ul li h6 a{font-size: 16px;color: #6c6c6c;line-height:1.875rem;font-family: Times New Roman;display: block;}

.n_contact .center ul li p{font-size: 14px;color: #6c6c6c;line-height:1.875rem;display: block;}

.n_contact .bottom{margin-bottom: 3.25rem;}

.n_contact .bottom .img{border: #d1d1d1 1px solid;padding:0.375rem;display:inline-block;width: 120px;height: 120px;}

.n_contact .bottom .img img{ width:100%; height:100%}

.n_contact .bottom h5{font-size: 13px;color: #888888;margin-top:10px;}*/

#container01{ height:25.5rem}





/*招聘*/

.sy-v { display: inline-block; position: relative; cursor:pointer}

.sy-v .dot { position: relative; border-radius: 100%; width: 6.875rem; height: 6.875rem; margin: 0 auto; border:1px solid #e7e7e7; }

.sy-v .dot .ico { position: relative; height: 100%; transition: 400ms; display:block; text-align:center; line-height:6.875rem;  }

.sy-v .dot .ico img{ max-width:30%; max-height:30%; vertical-align:middle;}

.sy-v .dot:before {content: "";position: absolute;top: -1px;left: -1px;right: -1px;bottom: -1px;border-radius: 100%;transform: rotateX(-60deg);opacity: 0;visibility: hidden;transition: 400ms;border: 1px solid #d4af5c;}

.sy-v:hover .dot:before { transform: rotateX(0deg); opacity: 1; visibility: visible; }

.sy-v:hover .dot .ico { transform: translateY(-5px); }

.join_top{ padding:2.5rem; border:1px solid #e6e6e6; overflow:hidden; background:#fff;}

.join_top ul{}

.join_top ul li{ width:25%; float:left; text-align:center; position:relative;}

.join_top ul li p{ font-size:.875rem; color:#404040; margin-top:1.25rem;}

.join_top ul li:nth-child(1) span.jiantou_right{ display:none}

.join_top ul li+li span.jiantou_right{ content:""; width:39px; height:15px; display:block; background:url(../images/join_arrow.jpg) center no-repeat; position:absolute; left:0; margin-left:-19px; top:50%; margin-top:-1.5rem;}

.join_top ul li+li span.jiantou_right img{ margin-top:-3px; animation:touming 0.6s linear infinite}



.join_top ul li+li span.jiantou_right img:nth-of-type(2) {

  animation-delay: 0.2s;

}

.join_top ul li+li span.jiantou_right img:nth-of-type(3) {

  animation-delay: 0.4s;

}

.join_top ul li+li span.jiantou_right img:nth-of-type(3) {

  animation-delay: 0.6s;

}

@keyframes touming {

  0% {

    opacity: 0.25;

  }

  100% {

    opacity: 1;

  }

}



.join_bot{padding-top: 2.5rem;margin-bottom: 5rem;}

.join_bot ul{ }

.join_bot ul li{ margin-bottom:1rem; }

.join_bot ul li .box{background:#f9fbf9;padding:2.75rem;position:relative;z-index:1;background: -moz-linear-gradient(to bottom, #f8f7f6,#f1eadb);background: -webkit-linear-gradient(to bottom, #f8f7f6,#f1eadb);background: -o-linear-gradient(to bottom, #f8f7f6,#f1eadb);background: -ms-linear-gradient(to bottom, #f8f7f6,#f1eadb);background: linear-gradient(to bottom, #f8f7f6,#f1eadb); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fbf9', endColorstr='#ecf6f1',GradientType=0 );

}

.join_bot ul li .left{width: 23rem; position: absolute; left: 0 ; top: 0;  height: 100%; text-align: center; padding-bottom:1rem; border-right:1px solid rgba(222,225,223,.6); transition:.7s;}

.join_bot ul li .tt{padding-left: 6.18rem;display: inline-block;text-align: left;background:url(../other/ren.svg) left top no-repeat;background-size: 4.25rem !important;height: 4.25rem;transition: .6s;}

.join_bot ul li .tt h5{font-size:1.125rem;color:#474747;padding: .5rem 0 0.125rem;transition:.7s;line-height: 1.5rem;max-width: 12rem;}

.join_bot ul li .tt .time{transition:.7s;font-size:.8rem;color:#7e7e7e;background:url(../other/ar_title_ico2.svg) left center no-repeat;background-size: 14px !important;line-height:30px;padding-left:1.5rem;display:block;padding-top: 3px;}

.join_bot ul li .btn_toudi{ opacity:0; transition:.7s; position:absolute; text-align:center; right:0; top:0;display:block; width:7.5rem; height:2.1875rem; font-size:.875rem; line-height:2.1875rem; background:#ed9335; color:#fff; border-radius:1.25rem; top:1rem;}

.join_bot ul li .con{width: calc(100% - 23rem);margin-left: 23rem;height: 14.625rem;overflow:auto;font-size: 13px;color:#808080;line-height: 2;transition:.7s;z-index: 1;position: relative;}

.join_bot ul li .con .tt2{ font-size:.9375rem; color:#515151; margin-bottom:.6rem;transition:.7s;}



.join_bot ul li .box:before{content:"";width:100%;height:0;display:block;position:absolute;left:0;bottom:0;background: #d4af5c;transition:.7s;}





.mCSB_scrollTools .mCSB_draggerRail{ background-color: rgba(255,255,255,.3) !important;}



/*招聘*/

.n_zhaoshang .fl01{padding: 1.25rem 0 5rem;}

.n_zhaoshang .fl01 .n_title001 h3{text-align:center;color:#000;margin-bottom:30px;font-size:24px;}
.n_zhaoshang .fl01 .n_title001 h4{text-align:center;color:#dfb363;line-height:50px;font-weight:bold;font-size:30px;}

.n_zhaoshang .fl01 .n_title001 h3 span.span01:after{margin-left: 24.5px;}

.n_zhaoshang .fl01 ul{ font-size:0; margin:0 -2rem;}

.n_zhaoshang .fl01 ul li{display:inline-block;width:20%; padding:0 2rem; text-align:center;vertical-align: top;}

.n_zhaoshang .fl01 ul li a{display:block;border: #e9e9e9 2px solid;background:rgba(0,0,0,0.05);padding: 2.375rem 1.35rem 3.375rem;border-radius:5px;transition:0.6s;height: 29.6875rem;}

.n_zhaoshang .fl01 ul li .img, .n_zhaoshang .fl01 ul li .img img{display:inline-block;width:10.3125rem;height:10.3125rem;border-radius:50%;margin-bottom: 2rem;position:relative;overflow:hidden;transition:0.36s;}

.n_zhaoshang .fl01 ul li h5{font-size: 14px;color: #797979;line-height: 26px;}

.n_zhaoshang .fl01 ul li h5 span{font-family:simkai;position: relative;}

.n_zhaoshang .fl01 ul li h5 span:before{content:"";position:absolute;border: #c92200 2px solid;width: 6px;height: 6px;border-radius: 50%;left: 50%;margin-left: -4px;bottom: -1.25rem;}

.n_zhaoshang .fl01 ul li p{font-size: 16px;color: #c89e3c;line-height: 20px;margin-bottom: 1.25rem;}



.n_zhaoshang .fl02{background:rgba(0,0,0,0.05);padding: 5.75rem 0 3rem;}

.n_zhaoshang .fl02 .left{ width:25rem;}

.n_zhaoshang .fl02 .left .n_title001{ text-align:left}

.n_zhaoshang .fl02 .left .n_title001 h3{color:#000;font-size:30px;line-height:50px;}
.n_zhaoshang .fl02 .left .n_title001 h4{color:#c79f57;font-size:20px;line-height:40px;}

.n_zhaoshang .fl02 .left .n_title001 h3 span.span01:after{margin-left: -12.5px;top: 1.5rem;}

.n_zhaoshang .fl02 .left .p_wz{margin-bottom: 2rem;font-size: 16px;color: #777777;line-height: 26px;}

.n_zhaoshang .fl02 .left .con{display:inline-block;padding: 0.375rem 0 0 0.625rem;}

.n_zhaoshang .fl02 .left .con h6{font-size: 14px;color: #626262;margin-bottom: 8px;}

.n_zhaoshang .fl02 .left .con h3{font-size: 1.5rem;color: #dab866;font-family: Times New Roman;}

.n_zhaoshang .fl02 .left .con h3 span{ font-family:ARVO;}

.n_zhaoshang .fl02 .left .icon{border-radius:50%;width: 3.125rem;height: 3.125rem;display:inline-block;text-align:center;line-height: 3.125rem;vertical-align: top;}

.n_zhaoshang .fl02 .left .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}

.n_zhaoshang .fl02 .left .icon img{ width:100%; height:100%}



.n_zhaoshang .fl02 .right{ width:calc(100% - 25rem); padding-left:12.5rem}

.n_zhaoshang .fl02 .right .form01{overflow:hidden;width: 100%;}

.n_zhaoshang .fl02 .right .form01 .form_box{margin: 0 -0.5rem;}

.n_zhaoshang .fl02 .right .form01 .form_box .box{float:left;width: 50%;padding: 0 0.5rem;margin-bottom:1.25rem;}

.n_zhaoshang .fl02 .right .form01 .form_box .box .box_li{border: #d1d1d1 2px solid;height:53px;border-radius: 26px;}

.n_zhaoshang .fl02 .right .form01 .form_box .box .label{width: 90px;height: 49px;line-height: 49px;background: none;float:left;text-align: left;font-size: 15px;color: #727272;padding: 0 0 0 25px;}

.n_zhaoshang .fl02 .right .form01 .form_box .con{background:none;height: 49px;float:  left;width: calc(100% - 90px);position:relative;}

.n_zhaoshang .fl02 .right .form01 .form_box .con input{height: 49px;width:100%;padding: 0 0.5rem 0 0;font-size: 15px;border: none;color: #3e3e3e;vertical-align: top;background: none;}

.n_zhaoshang .fl02 .right .form01 .form_box .button{background: #d5b05d;width: 100%;height: 53px;margin: 0 auto;margin-top: 0;cursor: pointer;transition:0.6s;border: #d5b05d 2px solid;border-radius: 26px;}



.n_zhaoshang .fl02 .right .form01 .form_box .button input{display:block;width:100%;line-height: 49px;height: 49px;background:none;border:none;font-size: 1rem;color:#fff;cursor: pointer;text-transform: capitalize;}

.n_zhaoshang .fl02 .right .form01 .form_box .con .yzm{position:absolute;right: 15px;top: 9px;}

.n_zhaoshang .fl02 .right .form01 .form_box .con textarea{width:100%;height:100%;padding: 0px 1.25rem;border:none;outline:none;resize:none;font-size: 16px;color: #3e3e3e;background: none;overflow: hidden;line-height: 49px;}

.n_zhaoshang .fl02 .right .form01 .form_box .button:hover{opacity: 0.8;}





/*营养价值*/

.n_yingyang .fl01{padding:2rem 0 0;overflow: hidden;}

.n_yingyang .fl01 .left{ width:calc(100% - 30.75rem); padding-right:5.625rem}

.n_yingyang .fl01 .left .n_title001{ text-align:left}

.n_yingyang .fl01 .left ul.ul01{font-size:0;overflow: hidden;margin: 3rem 0 0;}

.n_yingyang .fl01 .left ul.ul01 li{display:inline-block;width: 25%;position:relative;text-align:left;}

.n_yingyang .fl01 .left ul.ul01 li a{display:inline-block;position:relative;padding: 0;}

.n_yingyang .fl01 .left ul.ul01 li a h3{font-size: 2.875rem;color: #865a40;margin-bottom: 1rem;padding: 0; text-align:center}

.n_yingyang .fl01 .left ul.ul01 li a h3 span{font-family: Times New Roman;font-weight: bold;}

.n_yingyang .fl01 .left ul.ul01 li a h3 small{font-size: 14px;color: #767676;margin-left:0.5rem;}

.n_yingyang .fl01 .left ul.ul01 li a h5{font-size: 14px;color: #767676;padding: 0;text-align: center;line-height: 20px;}

.n_yingyang .fl02{background:none;padding-bottom:5rem;overflow: hidden;}

.n_yingyang .fl02 .n_title001{ text-align:left}

.n_yingyang .fl02 ul li .img{ position:relative}

.n_yingyang .fl02 ul li .img:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#f0f0f0 1px solid; border-radius:50%}



.n_yingyang .fl01 .right{ width:30.75rem; padding-bottom:4rem}

.n_yingyang .fl01 .right img{ max-width:100%}





/*直营门店*/

/*地图*/

.n_chaxun{position:relative;height: 800px;background:rgba(0,0,0,0.05);}

.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:#c92200; border-top:#c92200 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:#c92200; 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: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	border: #e5e5e5 2px solid;

}



.form_search {

	width: 400px !important;

	position: absolute;

	z-index: 10;

	font-size: 0;

	text-align: center;

	margin-bottom: 50px;

	left: 6.25rem;

	top: 50px;

}

#dr_linkage_jiedao_select{ display:block}

.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

}



#dr_linkage_jiedao_select label{

	display: inline-block;

	width: 33.333333%;

}



.form_search .box select {

	

	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: #d5b25e;

	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: absolute;

	width: 400px;

	height: 580px;

	left: 6.25rem;

	top: 163px;

	background: #fff;







	z-index: 100;

	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 10px;

	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: 2px;

	height: 2px;

	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: 2px;

	height: 2px;

	background-color: #c92200;

}



#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

}

.n_quanqiu .fl01{ padding:1rem 0 6.25rem}

/*地图*/



/*产品*/

.n_product .fl01{ overflow:hidden}

.n_product .fl01 ul li{ }

.n_product .fl01 ul li a{ display:block; padding:6.25rem 0; background: -moz-linear-gradient(to bottom, #fcedb2,#fcfaee);

    background: -webkit-linear-gradient(to bottom, #fcedb2,#fcfaee);

    background: -o-linear-gradient(to bottom, #fcedb2,#fcfaee);

    background: -ms-linear-gradient(to bottom, #fcedb2,#fcfaee);

    background: linear-gradient(to bottom, #fcedb2,#fcfaee);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcedb2', endColorstr='#fcfaee',GradientType=0 );}

.n_product .fl01 ul li .img{width: 29.5rem;position:relative;float:left;}

.n_product .fl01 ul li .img .pro_img{ width:100%;}

.n_product .fl01 ul li .img .pro_img img{ width:100%;}

.n_product .fl01 ul li .img .img_small{position:absolute;bottom: 1.5rem;right: -8rem;}

.n_product .fl01 ul li .con{ width:calc(100% - 35rem); max-width:44.0625rem; padding:1.875rem 0 0; float:right}

.n_product .fl01 ul li .con h3{ font-size: 3.25rem; font-family: SIMYOU; line-height:4.4rem; color:#69645a; margin-bottom:1.75rem}

.n_product .fl01 ul li .con p{ font-size:0.9375rem; color:#69645a; line-height:2rem;}



.n_product .fl01 ul li .con .more{ padding:3.125rem 0 0}

.n_product .fl01 ul li .con .more font{ display:inline-block; width:11.5625rem; height:3.125rem; line-height:3.125rem; text-align:center; background: -moz-linear-gradient(to bottom, #f2d591, #b3822e);

    background: -webkit-linear-gradient(to bottom, #f2d591, #b3822e);

    background: -o-linear-gradient(to bottom, #f2d591, #b3822e);

    background: -ms-linear-gradient(to bottom, #f2d591, #b3822e);

    background: linear-gradient(to bottom, #f2d591, #b3822e);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2d591', endColorstr='#b3822e',GradientType=0 ); font-size:15px; border-radius:5px; position:relative; color:#fff; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); transition:.6s}

.n_product .fl01 ul li .con .more font:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:#eaca82 1px solid;border-radius:5px;transition: .6s;}



.n_product .fl01 ul li.on a{ background:#fff}

.n_product .fl01 ul li.on .img{ float:right;}

.n_product .fl01 ul li.on .con{ float:left;}

.n_product .fl01 ul li.on .img .img_small{left:-4rem;}



.n_product .fl02{ padding:4rem 0 4rem}

.n_product .fl02 .ar_article{ padding:0 3rem}

.n_product .fl02 .ar_article p{ font-size:15px;}



.n_product .fl01 ul li .con{ padding-top:4rem}

.n_product .fl01 ul li .con h3{ font-size:2.875rem}



.n_product1 .fl01 ul li .img{width:36.5rem; padding-bottom:3rem}

.n_product1 .fl01 ul li .img .miso-dots{ bottom:0}

.n_product1 .fl01 ul li .img .miso-dots li{ width:10px; height:10px; border:#d6b360 2px solid; border-radius:50%}

.n_product1 .fl01 ul li .img .miso-dots li.miso-active{ background:#d6b360}

.n_product1 .fl01 ul li .con{width:calc(100% - 36.5rem);max-width: initial;padding-left: 5.625rem;padding-top: 1.5rem;}



/*牧场优势*/

.container02 .box .dots00 .top h5 img{ width:auto;}

.container02 .box .dots00 .top h6{ font-size:0.9375rem; color:#fff; margin-top:1rem}







.container021.container02 .box1 .dots01{ width:9.75rem}

.container021.container02 .box1 .dots02{ width:11.3125rem}

.container021.container02 .box1 .dots03{ width:8.9375rem}

.container021.container02{ height:72rem; position:relative}



.n_muchang .fl01{ padding:6.25rem 0 7.25rem; background: url(../images/n_rongyu_bg.jpg) center bottom no-repeat; background-size:100% auto;}

.n_muchang .fl01 .content{ position:relative; padding-bottom:6.125rem}

.n_muchang .fl01 .content .miso_bd li .img{ width:100%; padding-bottom:46.43%; overflow:hidden; position:relative}

.n_muchang .fl01 .content .miso_bd li .img img{position:absolute;top:0;right:0;bottom:0;left:0;width: 100%;height: 100%;}

.n_muchang .fl01 .top{ position:absolute; bottom:0; width:23.75rem; height:34.75rem; right:5.5rem; border-radius:3.125rem 0 3.125rem 0; overflow:hidden}

.n_muchang .fl01 .content .miso_hd{ height:100%; padding:3.5rem 4.375rem 0; background:#d6b25f url(../images/luotuo02.png) left bottom no-repeat}

.n_muchang .fl01 .content .miso_hd .con h4{ height:3.625rem}

.n_muchang .fl01 .content .miso_hd .con h3{ font-size:1.25rem; color:#fff; margin-bottom:2rem}

.n_muchang .fl01 .content .miso_hd .con p{ font-size:14px; color:#fff; line-height:1.75rem;}



.n_muchang .fl01 .content .anniu_box1{top: 16rem;width:23.75rem;position: absolute;left: 4.375rem;}

.n_muchang .fl01 .content .anniu_box1 .anniu{ display:inline-block; margin-top:2.5rem; cursor:pointer}

.n_muchang .fl01 .content .anniu_box1 .anniu svg{ width:1.75rem; height:1.75rem; fill:#fff; opacity:0.5; transition:.6s}



.container02 .box{ transform:translateY(-10%)}

.container021.container02 .box1 .dots031{left: 60.6%;top: 63.62%;width:11.3125rem;}

.container021.container02 .box1 .dots05{left: 34.2%;top: 65.01%;}

.container021.container02 .box1 .dots03{left: 38.2%;top: 71.01%;}

.container021.container02 .box1 .dots01{ width:11.3125rem;}





#water {

  position: absolute;

  width: 23vw;

  top: 0;

  right: -11rem;

  margin: 0;

  height: 100%;

  z-index: 14;

  transform: none;

  -webkit-transform: none;

  -moz-transform: none;

  -o-transform: none;

  -ms-transform: none;

  transform: rotateY(180deg) translateX(-300px);

  transition: 1s;

  opacity: 0;

  visibility: hidden;

}



.datu.on #water{

    opacity: 1;

  transform: rotateY(180deg) translateX(0);

  visibility:visible;

}





.box_donghua{top:0;right:0;bottom:0;left:0;position:fixed;/* background:url(../images/bg.jpg) center no-repeat; */z-index: 100000000;}



.wrapper {

        width: 100%;

        margin: 0 auto;

        position: fixed;

        top: 0;

        display: none;

}

.wrapper p a {color:#757575; text-decoration:none;}

.wrapper .load-bar {width: 100%;height: 1px;background-color: #656565;position: relative;overflow: hidden;}

.wrapper .load-bar:hover .load-bar-inner, .wrapper .load-bar:hover #counter {

        animation-play-state: paused;

        -moz-animation-play-state: paused;

        -o-animation-play-state: paused;

        -webkit-animation-play-state: paused;

}

.wrapper .load-bar-inner {height: 99%;width: 100%;position: relative;background-color: #fdfdfd;animation: loader 5s ease;-moz-animation: loader 5s ease;-webkit-animation: loader 5s ease;-o-animation: loader 5s ease;}

.wrapper #counter {

        /* display: none; */

        position: fixed;

        padding: 0;

        border-radius: 50%;

        right: 12px;

        bottom: 12px;

        font-size: 12px;

        width: 44px;

        height: 44px;

        line-height: 42px;

        color: #5c5c5c;

        border: #252525 1px solid;

}

.wrapper #counter:after {content: "";position: absolute;width: 8px;height: 8px;background-color: #E7E6E3;transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);left: 50%;margin-left: -4px;bottom: -4px;box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2),  1px 1px 1px 1px rgba(0, 0, 0, 0.1);border-radius: 0 0 3px 0;display: none;}

.wrapper h1 {

        font-size: 28px;

        padding: 20px 0 8px 0;

}



.wrapper p {



        font-size: 13px;

}

 @keyframes loader {

 from {

width: 0%;

}

to {

        width: 100%;

}

}

 @-moz-keyframes loader {

 from {

width: 0%;

}

to {

        width: 100%;

}

}

 @-webkit-keyframes loader {

 from {

width: 0%;

}

to {

        width: 100%;

}

}

 @-o-keyframes loader {

 from {

width: 0%;

}

to {

        width: 100%;

}

}



 @keyframes counter {

 from {

left: -25px;

}

to {

        left: 100%;

}

}

 @-moz-keyframes counter {

 from {

left: -25px;

}

to {

        left: 100%;

}

}

 @-webkit-keyframes counter {

 from {

left: -25px;

}

to {

        left: 100%;

}

}

 @-o-keyframes counter {

 from {

left: -25px;



}

to {

        left: 100%;



}

}

@keyframes loader {

 from {

width: 0%;

}

to {

        width: 100%;

}

}

.load-bar-inner {

        height: 99%;

        width: 0%;

        border-radius: inherit;

        position: relative;

        background: #484848;

        animation: loader 5s ease;

}



.index-cont{position:fixed;top:0;right:0;bottom:0;left:0;z-index: 10000000;transition:0.6s;font-size: 0;}

.index-cont h3 embed{ height:8rem}



.logo_w{width: 100%;display: inline-block;position:relative;}

.logo_w .logo00{position: relative;display: inline-block;padding: 0 2.5rem;transform: translateY(150px);opacity: 0;visibility: hidden;transition: .6s;}

.logo_w .logo001, .logo_w .logo002, .logo_w .logo003, .logo_w .logo004{opacity:0;transition:0.6s ease;transform:translateX(-60px);}





.logo_w .logo001.on{opacity:1;transform:translateX(0);visibility: visible;}

.logo_w .logo002.on{opacity:1; transform:translateX(0);visibility: visible;}

.logo_w .logo003.on{opacity:1; transform:translateX(0);visibility: visible;}

.logo_w .logo004.on{opacity:1;transform:translateX(0);visibility: visible;}

.logo_w .logo005{position:absolute;top: 0;left: 50%;margin-left: -6rem;padding: 0;}

.logo_w .logo005.on{opacity:1;transform:translateY(0);visibility: visible;}

.logo_w .logo006.on{ opacity:1; transform:translatex(0);}



.logo_w .logo005 img{ max-width:12rem}



.wrapper3 .top,.wrapper3 .bottom{height:1px;width: 300px;background: #7e3824;}

.wrapper3 .left,.wrapper3 .right{height: 300px;width:1px;background: #7e3824;}

.wrapper3 .top{position:absolute;top:0;left: -300px;transition:all 0.6s linear;-webkit-transition:all 0.6s linear;}

.wrapper3 .left{position:absolute;bottom: -300px;left:0px;transition:all 0.6s linear;-webkit-transition:all 0.6s linear;}

.wrapper3 .right{position:absolute;top: -300px;right:0px;transition:all 0.6s linear;-webkit-transition:all 0.6s linear;}

.wrapper3 .bottom{position:absolute;bottom:0;right: -300px;transition:all 0.6s linear;-webkit-transition:all 0.6s linear;}



.tops{left:0px !important;transition: all .3s linear !important;-webkit-transition: all .3s linear !important; transition-delay: 0.2s !important;transition-delay: 0.2s !important;}

.rights{top:0px !important;transition: all .3s linear !important; -webkit-transition: all .3s linear !important;transition-delay: 0.5s !important;transition-delay: 0.5s !important;}

.bottoms{right:0px !important;transition: all .3s linear !important;-webkit-transition: all .3s linear !important;transition: all .3s linear !important; transition-delay: 0.8s !important;transition-delay: 0.s !important;}

.lefts{bottom:0px !important;transition: all .3s linear !important; -webkit-transition: all .3s linear !important;transition-delay: 1.1s !important;transition-delay: 1.1s !important;}

.wrapper3 .left,.wrapper3 .right,.wrapper3 .top,.wrapper3 .bottom{ z-index:998;}

.wrapper3 {

	width: 300px;

	height: 300px;

	position: absolute;

	left: 50%;

	margin-left: -150px;

	top: 50%;

	margin-top: -150px;

	z-index: 998;

	overflow: hidden;

	display: none;

}



.wrapper3:after {

	width: 238px;

	height: 238px;

	/* border: 1px solid rgba(255,255,255,0.1); */

	/* border-radius: 50%; */

	position: absolute;

	left: 0;

	top: 0;

	left: 50%;

	margin-left: -120px;

	top: 50%;

	margin-top: -120px;

	z-index: 899;

}



.load2bg1,

.load2bg2 {

	position: fixed;

	right: 0;

	width: 50%;

	z-index: 990;

	top: 0;

	bottom: 0;

	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

	background: -moz-linear-gradient(to bottom, #fcedb2,#fcfaee);

	background: -webkit-linear-gradient(to bottom, #fcedb2,#fcfaee);



	background: -o-linear-gradient(to bottom, #fcedb2,#fcfaee);

	background: -ms-linear-gradient(to bottom, #fcedb2,#fcfaee);

	background: linear-gradient(to bottom, #fcedb2,#fcfaee);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcedb2', endColorstr='#fcfaee',GradientType=0 );

}



.load2bg2 {

}



.load2bg1 {

	left: 0;

	right: auto;

}



load2bg1,

.load2bg2 {

	 transition:0.9s ease

}





.load2bg {

}







@keyframes mk_t7 {

	0% {

		width: 50%;

	}



	100% {

		width: 0;

		opacity: 0;

	}

}



.index-cont.on{opacity:0;visibility: hidden;}

.load2bg1.on{width:0;opacity: 0;visibility: hidden;}

.load2bg2.on{width:0;opacity: 0;visibility: hidden;}



.n_sanji ul{ text-align:center; margin:0 -5px; font-size:0}

.n_sanji ul li{ display:inline-block; padding:0 5px;}

.n_sanji ul li font{display:inline-block;width: 11.5rem;height: 3.125rem;line-height: 3.0625rem;border-radius:1.5rem;text-align:center;overflow:hidden;position:relative; cursor:pointer}

.n_sanji ul li font:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#d7d8db 2px solid; border-radius:1.5rem; transition:0.6s}

.n_sanji ul li font:after{ content:""; position:absolute; left:0; right:0; bottom:0; height:0; transition:0.6s; z-index:0}

.n_sanji ul li font span{position:relative;font-size: 1rem;color:#404040;z-index:1;transition:0.6s;}



.n_sanji ul li.on font:after, .n_sanji ul li:hover font:after{ height:100%; background:#d5b25e}

.n_sanji ul li.on font span, .n_sanji ul li:hover font span{color:#fff;}



.logo_w .logo000 img{transition:.6s;width: 6.25rem;}

.logo_w .logo000.on1{opacity:0;visibility:hidden;/* margin:0; */}

.logo_w .logo000.on1 img{}



.logo_w .logo00 h5{ font-size:1.25rem; color:#d5b25e; margin:1.25rem 0 0.75rem}

.logo_w .logo00 h6{ font-size:13px; color:#d5b25e; text-transform:uppercase}



.piaofu_fx.top01{ opacity:0; visibility:hidden}





/*====翻页====*/

.j_pages{padding: 3rem 0; overflow:hidden}

.j_pages .box{display:inherit;width:100%;padding: 0;font-size: 0;text-align:  center;}

.j_pages a{padding: 0px 1rem;height: 2.75rem;line-height: 2.625rem;display:inline-block;margin: 0 .25rem;color: #66635f;font-size: 0.875rem;box-sizing: border-box;min-width: 2.1875rem;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-align: center;border: #d7d8d9 1px solid;}

.j_pages a.m_bnt{ padding:0 1rem}

.j_pages a font{font-size:14px;font-family:SimSun;color:#666666}

.j_pages .on, .j_pages a:hover{color: #fff;background: #d8ad5e; border:#d8ad5e 1px solid}

.j_pages span{}

.j_pages a.u_bnt{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s}

.j_pages form{ display:inline-block;}

.j_pages span{display:inline-block;font-size: 0.875rem;margin: 0 0.875rem;}

.j_pages form input{width: 2.75rem;height: 2.75rem;border: none;font-size: 1rem;color: #919191;margin: 0 0 0 10px;text-align:center;border-radius: 3px;border: rgba(0,0,0,0.1) 1px solid;transition: .6s;}

.j_pages form input[type="submit"]{width: 4rem;cursor:pointer;}

.j_pages form input[type="submit"]:hover{background: #1e3685;color:#fff;border: #1e3685 1px solid;}

.slideTxtBox *{ box-sizing: inherit;}
.slideTxtBox{ margin-top: 40px;}
.slideTxtBox .hd{ text-align: center; background: url(../images/pro_logo.png) no-repeat center center;}
.slideTxtBox .hd ul li{ display: inline-block; width: 194px; line-height: 54px; border-radius: 54px; border: 3px solid #2b7bcd; margin: 0 50px; font-size: 24px; color: #2b7bcd; letter-spacing: 5px; cursor: pointer;}
.slideTxtBox .hd ul li.on{ border-color: #ab8d49; color: #ab8d49;}
.mySwiper{ margin: 60px auto 0; width: 1796px;}
.mySwiper .swiper-slide{ padding: 76px 0; text-align: center;transform: scale(0.6) !important;}
.pro_tu{ border-radius: 100%; overflow: hidden; border: 8px solid #ffffff;  width: 291px; margin: 0 auto;}
.pro_tu img{ display: block; width: 100%;}
.pro_zi{ font-size: 34px; color: #2b7bcd; letter-spacing: 5px; line-height: 72px;}
.mySwiper .swiper-slide.swiper-slide-active{ width: 458px !important; background: url(../images/pro_bg.png) no-repeat center center;transform: scale(1) !important;}
.mySwiper .swiper-slide.swiper-slide-active .pro_tu{}
.mySwiper .swiper-slide.swiper-slide-active .pro_zi{ display: none;}
.mySwiper .swiper-button-next, .mySwiper .swiper-button-prev{ width: 331px; height: 32px; background-repeat: no-repeat; background-position: center; margin-top: -16px;}
.mySwiper .swiper-button-next:after, .mySwiper .swiper-button-prev:after{ font-size: 0;}
.mySwiper .swiper-button-next{ background-image: url(../images/next.png);}
.mySwiper .swiper-button-prev{ background-image: url(../images/prev.png);}

.article{ padding: 50px 0;}
.article, .article p{ font-size: 16px; color: #333333; line-height: 30px;}
.article img{ max-width: 100%;}

.view-tit{color: #000;padding-bottom: 30px;border-bottom: 1px solid #aaa;margin-bottom: 40px;}
.view-tit .date{font-size: 1.125rem;color: #666;margin-bottom: 10px; font-weight: normal; line-height: 1.8;}
.view-tit h2 {margin: 0;font-size: 2.2rem;line-height: 1.3;font-weight: normal;}
.view-page {border-top: 1px solid #ddd;padding-top: 70px;margin-top: 60px;text-align: center;font-size: 0;}
.btn-style.green {border-color: rgba(148, 7, 10, 0.5);color: #94070a;}
.view-page .btn-style {font-size: 1rem;}
.btn-style {position: relative;display: inline-block;vertical-align: middle;width: 200px;height: 54px;font-size: 0.875rem;font-weight: 600;line-height: 54px;text-align: center;white-space: nowrap;margin: 0;padding: 0 14px;border-style: solid;border-width: 2px;border-radius: 27px;-webkit-transition: background .2s, color .2s, border .2s;-o-transition: background .2s, color .2s, border .2s;transition: background .2s, color .2s, border .2s;border-color: rgba(255, 255, 255, 0.5);background-color: rgba(255, 255, 255, 0);color: #fff;overflow: hidden;}
.article-page {display: -webkit-box;display: -ms-flexbox;display: flex;margin-top: 70px;}
.article-page .box {display: block;width: 50%;border-right: 1px solid #ddd;position: relative;background-color: #efefef;}
.article-page .box .btn-aw {width: 44px;height: 44px;border-radius: 50%;border: 1px solid #aaa;font-size: 0;position: absolute;top: 50%;margin-top: -22px;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.article-page .box .btn-aw:before {content: '';display: block;width: 10px;height: 10px;border: 2px solid #333;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: border .5s;-o-transition: border .5s;transition: border .5s;}
.article-page .box .main {vertical-align: top;}
.article-page .box .main .tag {font-size: 0.9375rem;color: #94070a;margin-bottom: 5px;}
.article-page .box .main .ti {font-size: 1.125rem;line-height: 1.5;color: #333;}
.article-page .box .main .data {font-size: 0.9375rem;color: #999;}
.article-page .box:hover .btn-aw {border-color: #94070a;background-color: #94070a;}
.article-page .box:hover .btn-aw:before {border-color: #fff;}
.article-page .box:hover .main .ti {color: #000;text-decoration: underline;}
.article-page .box.prev {padding: 40px 50px 40px 130px;}
.article-page .box.prev .btn-aw {left: 40px;}
.article-page .box.prev .btn-aw:before {border-right: none;border-top: none;-webkit-transform-origin: 8px 0;-ms-transform-origin: 8px 0;transform-origin: 8px 0;}
.article-page .box.prev .main {text-align: right;}
.article-page .box.next {border-right: none;padding: 40px 130px 40px 50px;}
.article-page .box.next .btn-aw {right: 40px;}
.article-page .box.next .btn-aw:before {border-left: none;border-bottom: none;-webkit-transform-origin: 8px -5px;-ms-transform-origin: 8px -5px;transform-origin: 8px -5px;}

@media (max-width: 1680px){
    .slideTxtBox{ margin-top: 30px;}
    .slideTxtBox .swiper{ width:100%;}
    .mySwiper{ margin: 60px auto 0; width: 1796px;}
    .mySwiper .swiper-slide{ padding: 57px 0;}
    .pro_tu{ border: 6px solid #ffffff;  width: 218px;}
    .pro_zi{ font-size: 24px; letter-spacing: 3px; line-height: 54px;}
    .mySwiper .swiper-slide.swiper-slide-active{ width: 343px !important; background-size:100% 100%;}
    .mySwiper .swiper-button-next, .mySwiper .swiper-button-prev{ width: 248px; height: 24px; background-size:auto 100%; margin-top: -12px;}
    
    .n_zhaoshang .fl01 ul li{padding: 0 1rem;}
    .n_zhaoshang .fl01 ul li p{ font-size:14px;margin-bottom: .5rem;}
}

.pagelist { text-align: center; margin-bottom:0.66rem; clear:both;}
.pagelist span, .pagelist strong, .pagelist a { display: inline-block; border: 1px solid #ddd;padding: 2px 6px; margin-right: 2px; line-height:16px; text-decoration:none; color:#666;}
.pagelist strong { background:#1f8f8b; color: #fff;}