@charset "utf-8";
@font-face{ font-family:simsun; font-weight:bold;}
@font-face{ font-family:simsun; font-weight:bold;}
@font-face{ font-family:georgia; src:url(../font/georgia.ttf);}
@font-face{ font-family:GEORGIAB; src:url(../font/GEORGIAB.TTF);}
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}


.container03{  margin:0 auto;}
.container03 .w1200{ height:556px;}
.container03 h3{ font-size:48px; color:#fff; font-family:"Microsoft Yahei"; text-transform:uppercase; margin-top:80px}

.container03 h3 span{ font-size:70px; color:#c11f1a; font-family:"BeBas"; text-transform:uppercase;}


.container03 h4{ font-size:22px; color:#fff; font-family:"Microsoft Yahei";  margin:40px 0 10px}
.container03 h4 span{ font-size:30px; color:#fff; font-family:"Microsoft Yahei";  margin:40px 0 10px}
.container03 h5{ font-size:12px; color:#bea377; text-transform:uppercase;}

.container04{ background:url(../images/container04_bg.jpg) center no-repeat; height:330px; padding:82px 0 0}
.container04 .left h3 .l{font-size:72px;color:#736455;font-family:simsun; font-weight:bold;margin-right: 12px;}
.container04 .left h3 .r h4{font-size:32px;color:#985618;font-family:Georgia;text-transform:uppercase;margin-bottom: 6px;padding: 8px 0 0;}
.container04 .left h3 .r h5{ font-size:24px; color:#736455; font-family:simsun; font-weight:bold;}
.container04 .left a{ display:inline-block; background:url(../images/kuang03.png) center no-repeat; width:150px; height:50px; line-height:48px; text-align:center; font-size:14px; color:#545454; margin:42px 0 0 12px; transition:0.6s}
.container04 .right{max-width: 465px;}
.container04 .right p{ font-size:14px; color:#736455; line-height:24px;}

.container05{ background:url(../images/container05_bg.jpg) center no-repeat; height:1028px; padding:100px 0 0}
.container05 ul{ font-size:0; margin:0 -7.5px;}
.container05 ul li{display:inline-block;padding:0 7.5px;width:33.333333%;margin-bottom:15px;overflow: hidden;}
.container05 ul li a{ display:block; position:relative}
.container05 ul li .img{ overflow:hidden}
.container05 ul li .img img{ overflow:hidden; width:100%; height:465px; object-fit:cover; transition:0.9s}
.container05 ul li .top{ position:absolute; right:0; bottom:50px; left:0; padding:0 48px;}
.container05 ul li .top h5{ font-size:18px; color:#fff; margin-bottom:8px; position:relative}
.container05 ul li .top h5:before{ content:""; position:absolute; width:14px; height:2px; background:#fff; top:-16px}
.container05 ul li .top h6{ font-size:16px; color:rgba(255,255,255,0.6); font-family:Georgia; text-transform:uppercase}

.container05 ul li.li01 .img img{ height:145px;}
.container05 ul li.li01 .top{ height:320px; background:#8f343a; position:relative; bottom:0}
.container05 ul li.li01 .top h3{ font-size:36px;color:#fff;font-family:Georgia;text-transform:uppercase;margin-bottom:10px;}
.container05 ul li.li01 .top h4{ font-size:24px; color:rgba(255,255,255,0.8); margin-bottom:30px }
.container05 ul li.li01 .top p{ font-size:14px; line-height:24px; color:rgba(255,255,255,0.8)}

.container05 ul li.li02 .img img{ height:330px;}

.container06{padding: 82px 0 75px;  background:#fbf6f0; overflow:hidden}
.news_pic{width:545px;position:relative;}
.news_pic .time{width: 95px;height:110px;background: #a8854e url(../images/kuang04.png) center 5px no-repeat;color:#fff;position:absolute;top:0;left: 18px;text-align:center;font-size:12px;padding-top: 28px;z-index:99;}
.news_pic .time span{ display:block; font-size:48px; font-family:arial; margin-bottom:1px;}
.news_pic .img{width:545px;height: 306px;overflow:hidden;}
.news_pic .img img{transition:1s;width:100%;height:100%;object-fit: cover;}
.news_pic .img:hover img{ transform:scale(1.03);}
.news_pic .txt{border:1px solid #e5e5e5;padding:28px;}
.news_pic .txt h5{font-size:18px;color: #404044;height:50px;line-height:50px;padding-left: 64px;background:url(../images/s_news_ico.png) left center no-repeat;margin-bottom:10px;transition:.3s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_pic .txt h5:hover{color: #a8854e;}
.news_pic .txt p{ font-size:14px; color:#949497; line-height:24px;}

.news_slide{ width:604px;}
.news_slide .hd{height:36px;text-align:left;margin-bottom: 32px;border-bottom: 2px solid #ece8e5;}
.news_slide .hd ul{width: 70%;float: left;}
.news_slide .hd ul li{ float:left; font-size:18px; color:#676565; height:36px; margin-right:33px; position:relative;}
.news_slide .hd ul li a{display:block;color: #676565;}
.news_slide .hd ul li:before{content:"";width:0;height:3px;background: #c11f1a;display:block;position:absolute;bottom:0;left:0;transition:.5s;}
.news_slide .hd ul li.miso-current a{ color:#8f343a;}
.news_slide .hd ul li.miso-current:before{ width:100%;}
.news_slide .bd .miso-list{ overflow:visible}
.news_slide .bd .item>.more{float:right;font-size:16px;color: #b6b5b5;position:absolute;right:0;top: -65px;}
.news_slide .bd{}
.news_slide .bd .item{}
.news_slide .bd .txt{}
.news_slide .bd .txt h5{font-size:22px;color: #333333;margin-bottom: 14px;transition: 0.36s;}
.news_slide .bd .txt p{ font-size:14px; color:#a6a6a9; line-height:20px; height:40px;}
.news_slide .bd .bot{ margin-top:13px;}
.news_slide .bd .bot span{font-size:14px;color: #333333;font-family:arial;font-weight:bold;line-height:30px;}
.news_slide .bd .bot .more{float:right;position:relative;overflow:hidden;z-index:0;font-size:12px;color: #fff;text-transform:uppercase;display:block;width:80px;height:30px;line-height:30px;transition:0.6s;text-align:center;border-radius:15px;background:#c11f1a;}

.news_slide .bd .bot .more:hover:before{transform:scale(1); opacity:1;  border-radius: 50%;}
.news_slide .bd .bot .more:hover{ color:#fff;}
.news_slide .bd ul{ padding-top:23px; background:url(../images/line01.png) center top no-repeat; margin-top:18px;}
.news_slide .bd ul li{ font-size:16px; color:#7a7a7a; height:36px; line-height:36px;}
.news_slide .bd ul li a{}
.news_slide .bd ul li h5{float:left;font-size:16px;width:475px;transition:.3s;color: #777777;}
.news_slide .bd ul li h5:before{content:"●";font-size:12px;color:#863641;margin-right:7px;vertical-align: top;}
.news_slide .bd ul li span{ float:right; font-size:14px; color:#777777;}

.news_slide .bd .txt:hover h5,.news_slide .hd .more:hover{color: #333333;}

/*友情链接*/

.container10{background:#fff;border-top:#ededed 1px solid;border-bottom:#ededed 1px solid;padding: 10px 0;}
.container10 .w1200{padding: 0;position:relative;}
.container10 .nav{float:left;width: 82px;font-size: 14px;color: #87262d;height: 33px;line-height: 33px;}
.container10 ul{float:left;width: 1118px;height: 50px;overflow:hidden;}
.container10 ul li{float:left;line-height: 33px;padding: 0 46px 0 0;height: 33px;overflow: hidden;}

.container10 ul li a{color: #6e6a6a;font-size: 14px;-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;}
.container10 ul li a:hover{color: #87262d;}
.container10 .height{ height:auto;}

footer .fl01{padding: 40px 0 0px;}


.dibu{background:url(../images/dibubj.jpg) center top no-repeat;}
.dilogo{ float:right; margin-top:30px}
.didh { margin-top:50px;}
.didh ul li{ float:left; width:90px;  color:#efeeee;text-align:right; }
.didh ul li a{ color:#efeeee}


footer .fl01 .left{ width:465px; margin-right:58px; padding:24px 0 0}
footer .fl01 .left h3{height:40px;border-bottom: 1px solid #cccccc;margin-bottom: 36px;}
footer .fl01 .left h3 big{font-size:30px;color:#cccccc;font-family:Georgia;text-transform:uppercase;margin-right: 12px;}
footer .fl01 .left h3 small{ font-size:16px; color:#cccccc;}
footer .fl01 .left h4{font-size:26px;color:#c11f1a;margin-bottom: 8px;}
footer .fl01 .left p{ font-size:14px; color:#cccccc; line-height:26px;}
footer .fl01 .center{ text-align:center}
footer .fl01 .center h2{ margin-bottom:18px;}
footer .fl01 .center ul{ font-size:0; margin-top:20px}
footer .fl01 .center ul li{ display:inline-block; margin:0 10px}
footer .fl01 .center ul li a{display:inline-block;width:40px;height:40px;line-height:38px;border-radius:50%;border: rgba(51, 44, 43, 0.1) 1px solid; transition:0.36s}
footer .fl01 .center ul li a img{ opacity:0.5; transition:0.36s}

footer .fl01 .right{ position:relative}
footer .fl01 .right:before{ content:""; position:absolute; top:65px; width:100%; height:1px; border-bottom: rgba(51, 44, 43, 0.1) 1px solid}
footer .fl01 .right dl {display: inline-block;vertical-align: top;margin: 0 0 0 48px;text-align: left;}
footer .fl01 .right dl dt{font-size: 16px;margin-bottom: 16px; line-height:65px;}
footer .fl01 .right dl dt a {color: #332c2b;transition: 0.36s}
footer .fl01 .right dl dt a:hover{color: #8f343a;}
footer .fl01 .right dl dd {font-size: 12px;color: #747474;line-height: 24px;position: relative; }
footer .fl01 .right dl dd:before {content: "";position: absolute;left: -15px;width: 3px;height: 3px;background: #8f343a;transition: 0.6s;top: 50%;margin-top: -2px;
opacity: 0;}
footer .fl01 .right dl dd a {color: #747474;}
footer .fl01 .right dl dd a:hover {color: #8f343a;}
footer .fl01 .right dl dd:hover:before {opacity: 1}
footer .fl02{ background:url(../images/beianbj.jpg) center no-repeat; height:70px; line-height:70px; font-size:14px; color:#d1b9b9; text-align:center}
footer .fl02 p,footer .fl02 p a{ font-size:14px; color:#d1b9b9; transition:0.36s}

.tc1 .tc {
	transition: all ease 300ms;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 99999999;
}

.tc1 .tc {
	pointer-events: none;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	transform: scale(1.1);
	display: none;



}

.tc1 .tc.act {

	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	pointer-events: auto;
	transform: scale(1);
}

.tc1 .close:hover {
	transform: rotate(180deg);
}

.tc1 .close,.tc {
	transition: all ease 400ms;
	-moz-transition: all ease 400ms;
	-ms-transition: all ease 400ms;
	-o-transition: all ease 400ms;
	-webkit-transition: all ease 400ms;
}

.tc1 .tc-box {
	position: absolute;
	overflow: hidden;
	top: 50%;
	z-index: 9999;
	height: 15rem;
	width: 12rem;
	left: 50%;
	margin-left: -6rem;
	margin-top: -7.5rem;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-name: anim-close-2;
	animation-name: anim-close-2;

}
.tc1 .tc-box h3 img{ border:#fff 10px solid}

.tc1 .tc.act {
	display: block;
}

.tc1 .close {
	position: absolute;
	cursor: pointer;
	font-size: 20px;
	right: 30px;
	top: 30px;
}

.tc1 .tc-bg {
	height: 100%;
	background: rgba(0,0,0,.9);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 0;
}

.tc1 .tc-box h3 img {
	width: 12rem;
	height: 12rem;
}

.tc1 .tc-box h5 {
	width: 12rem;
	height: 3rem;
	line-height: 3rem;
	font-size: 1rem;
	color: #fff;
	text-align: center
}

.tc1 .tc.act .tc-box {
	-webkit-animation-name: anim-open-2;
	animation-name: anim-open-2;
	transform: scale(1);
}

.vwrap { display: none; z-index: 1040; 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: 700px;height: 446px;background-color: #fff;position: fixed;left: 50%;top: 50%;margin-top: -223px;margin-left: -350px;}
.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: 31px; height: 31px; background: url(../images/close_i1.png) no-repeat 50% 50%; -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;}


 
/*==========================================首页 结束=============================================*/


/*==========================================内页 开始=============================================*/
.lxnr{background: url(../images/lxbj.jpg) no-repeat center center; height:743px;}
.lxnr1{ width:1200px; margin:0 auto;}
.lxnrz{ width:700px; float:left;}
.lxnry{ width:450px; float: right; padding-top:55px;}
.lxnrz .left{ width:700px; height:265px;  padding:55px 0 0}
.lxnrz .left h3{height:40px; width:300px;border-bottom: 1px solid #cccccc;margin-bottom: 30px;}
.lxnrz .left h3 big{font-size:30px;color:#333333;font-family:Georgia;text-transform:uppercase;margin-right: 12px;}
.lxnrz .left h3 small{ font-size:16px; color:#333333;}
.lxnrz .left h4{font-size:26px;color:#872b30;margin-bottom: 8px;}
.lxnrz .left p{ font-size:14px; color:#333333; line-height:26px;}
.l{float:left !important}
.r{float:right !important}
.w50{width:49%}
._item{margin-bottom:25px}
.input{border:1px solid #ddd;padding:15px;width:100%;box-sizing:border-box;margin:0}
.button{background: url(../images/erdhbj.jpg) no-repeat center center; height:50px;color:#fff;width:100%;padding:15px 0;border:none;font-size:14px;text-transform:uppercase;}
.zxly h3{height:40px; width:600px;margin-bottom: 30px; margin-top:55px;}
.zxly h3 big{font-size:30px;color:#333333;font-family:Georgia;text-transform:uppercase;margin-right: 12px;}
.zxly h3 small{ font-size:16px; color:#333333;}
.content{ margin-top:50px; font-size:16px; line-height:30px;}
.article{ margin-top:30px; font-size:16px; line-height:30px;}

.tdtu{ width:1200px; margin:50px auto 0;}
.w1250{ width:1250px; margin:0 auto;}
.classlist li{ width:370px; margin:25px; float:left; background:#e3d9c9}
.class_img{ margin:10px 10px 0 10px;}
.class_img img{ width:100%; height:100%;}
.class_txt{ width:100%; text-align:center;  line-height:50px; font-size:16px; color:#333333;}
.ryzi{ width:100%; background:#e3d9c9; padding-bottom:110px;padding-top:55px;}
.ryzi1 { width:400px; border-right:1px solid #ccc3b5; overflow:hidden; float:left}
.ryzi1 ul li h5{float:left;font-size:16px;width:350px;transition:.3s;color: #777777; margin:10px 0;}
.ryzi1 ul li h5:before{content:"●";font-size:12px;color:#863641;margin-right:7px;vertical-align: top;}
.ryzi2 { width:400px; border-right:1px solid #ccc3b5; overflow:hidden; float:left}
.ryzi2 ul li h5{float:left;font-size:16px;width:350px;transition:.3s;color: #777777; margin:10px 0 10px 40px;}
.ryzi2 ul li h5:before{content:"●";font-size:12px;color:#863641;margin-right:7px;vertical-align: top;}
.ryzi3 { width:400px;  overflow:hidden;float:left }
.ryzi3 ul li h5{float:left;font-size:16px;width:350px;transition:.3s;color: #777777; margin:10px 0 10px 40px;}
.ryzi3 ul li h5:before{content:"●";font-size:12px;color:#863641;margin-right:7px;vertical-align: top;}
.rytu{width:1200px; margin:-97px auto 0;}
.tsfl{width:1200px; height:170px; margin:0 auto;background: url(../images/tsflbj.png) no-repeat center center;}

.dropbtn { width:400px; height:40px; background: #FFF; text-align: left; text-indent:1em;line-height:40px; color:#FFFFFF; font-size:18px; margin:89px 100px 0 0; }
.dropbtn a{font-size:18px; color:#333; }
.dropdown { position: relative; display: inline-block; z-index:11; float: left;}
.dropdown-content { display: none; position: absolute; background-color: #fff; min-width: 400px; }
.dropdown-content a { color:#333;  text-decoration: none; display: block; text-align: left; text-indent:1em;height:40px; line-height:40px; font-size:16px;}
.dropdown-content a:hover {background-color: #fff; color:#333333}
.dropdown:hover .dropdown-content { display: block;}
.i01 { position: absolute; top: 103px; right: 120px;width: 0; border-width: 16px 8px 0;border-style: solid;
border-color: #882e33 transparent transparent;
}
.dpzi{margin:100px 10px 0 0; font-size:20px; color:#FFF;}

.qywh ul li{ width:370px; margin:40px 25px 0 25px; float:left}
.qywh ul li h1 { padding-bottom:24px; border-bottom:#ccc9c6 1px solid; position:relative}
.qywh ul li h2 { font-size:16px; line-height:30px; color:#333; margin-top:20px;}
.qywh ul li h1:after{ content:""; position:absolute; bottom:-1px; width:42px; height:2px; background:#8f343a; left:0}

.qywh ul li h1 big{ font-size:24px; color:#8f343a;}
.qywh ul li h1 small{ font-size:18px; color:#423c38; font-family:Georgia; margin-left:8px; text-transform:capitalize}
.sztu{ width:100%; background:#e5d9c3; overflow:hidden; padding:100px 0; margin-top:50px;}
.tsmslb{ margin-left:20px;}
.tsmslb li{ width:387px; margin:10px; float:left;}
.wenzi{ width:100%; background:#FFF; overflow:hidden;}
.wenzi h1{ font-size:32px; color:#332c2b; font-family:simsun; font-weight:bold; text-align:center; margin-top:50px;}
.wenzi h2{font-size:20px;color:#333333;background:url(../images/kuang02.png) repeat;width:284px;height:87px;line-height: 82px; margin:0 auto; text-align:center; font-weight:bold;margin-top:30px;}
.wenzi h2 big{ margin-right:20px}

.wenzi h2 span{width:32px;height:32px;line-height:32px;background:#c11f1a;border-radius:32px;font-size:20px;color:#fff;margin-left: -5px;margin-top: 24px;vertical-align: top; font-weight:normal;display: inline-block;}
.wenzi h3{ font-size:22px; color:#cf9922; line-height:30px; text-align:center;margin-top:20px;}
.wenzi h4{ font-size:14px; color:#333; line-height:30px; text-align:center;margin-top:20px; margin-bottom:50px;}
.box1{  }
.box1_tit{ text-align:center;}
.box1_tit1{ font-size:38px; color:#20815e; font-weight:bold; line-height:62px;}
.box1_tit2{ font-size:20px; color:#8e8e8e; line-height:46px;}
.box1_swiper{ margin-top:0px;}
.box1_swiper .swiper-slide {width:400px;margin:0 ;}
.box1_swiper .swiper-slide a {display: block;background: #b6231f; position: relative;}
.box1_swiper .swiper-slide .img {width: 100%;transition: ease .7s;position: relative;overflow: hidden;}
.box1_swiper .swiper-slide .img img{visibility: hidden; -webkit-transition: all 1.5s ease .4s;}
.box1_txt{ position:absolute; top:0; width:100%; padding:30px 45px 0;}
.box1_txt .fl{}
.box1_txt .fl p{ line-height:36px; font-size:26px; color:#ffffff;}
.box1_txt .fr{ line-height:62px; font-size:38px; color:#ffffff;}
.box2_txt{position: absolute;text-align: center;color: #fff;transition: .7s all ease; width: 100%; bottom: -15%; font-weight:bold; opacity:0;}
.box2_en{font-size: 38px; line-height:1; text-transform:uppercase;}
.box2_more{ position: absolute;bottom:30%;left: 50%; transform: translate(-50%,0);opacity: 0;transition: ease .6s;width: 162px;line-height: 57px; color: #fff;font-size: 18px; text-align:center;height:57px;margin: auto;background:url(../images/kuang00.png) center no-repeat;}
.box2_more .tips {position: absolute;z-index: 1;left: 0;overflow: hidden;width: 100%;height: 100%;transition: ease 1s;}
.box2_more .mask {position: absolute;z-index: 5;transition: ease 1s;width: 100%;height: 100%;left: 0;}	
.box2_more i {position: absolute;right: 2px;height: 32px;width: 32px;border-radius: 50%;background: #fff;color: #3e3e3e;line-height: 32px;font-size: 16px;top: 5px;right: 4px;text-align: center;transition: ease 1s;z-index: 8;text-indent: 0;}
.box1_swiper .swiper-slide:hover .img { background-size: cover; width: 100%;opacity: .21;}
.box1_swiper .swiper-slide:hover .box2_txt {transform: translateY(-180px); opacity:1;}
.box1_swiper .swiper-slide:hover .box2_more {opacity: 1;bottom: 18%;}



.pagelist { text-align: center; margin: 20px 0 40px; clear:both; padding-top:30px;}
.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: #862a2f; color: #fff;}




.n_banner{height:470px;padding-top: 100px;}
.n_banner .table h3{ font-size:36px; color:#fff; font-family:GEORGIAB; font-weight:bold; text-transform:uppercase; letter-spacing:1px; margin-bottom:18px}
.n_banner .table h4{ font-size:18px; color:#fff; letter-spacing:7px}

.position{float:left;line-height: 80px;color: #e0ccc5;padding-left: 18px;background: url(../images/position.png) left 35px no-repeat;font-size: 12px;}
.position i{display: inline-block;height: 65px;line-height: 65px;width: 18px;text-align:  center;font-size: 14px;color: #e0ccc5;}
.position a{font-size: 12px;color: #e0ccc5;display: inline-block;line-height: 80px;vertical-align:  top;}
.position span{font-size: 12px;font-style:normal;display: inline-block;vertical-align: top;}
.position .span{color: #5b5b5b;}
.position span{color: #e0ccc5;}
.position a:hover{color: #fff;}
.mianbao{ height:80px; line-height:80px; background:url(../images/erdhbj.jpg) center no-repeat}

.al_select{ float:right}
.al_select ul{font-size:0;text-align:center;}
.al_select ul li{display:inline-block;position:relative;font-size: 15px;color: #474747;margin-left: 44px;}
.al_select ul li:before{content: "";position: absolute;left: 50%;bottom:0;margin-left: -5.5px;width:11px;height:7px;transition:0.6s;visibility:hidden;opacity:0;display: none;}
.al_select ul li:after{content: "";position: absolute;left: -30px;top: 50%;width:0;height: 1px;background: #fff;transition:0.6s;visibility:hidden;opacity:0;}
.al_select ul li a{font-size: 15px;color: #fff;display:block;}

.al_select ul li a:hover,.al_select ul li.on a{color: #fff;}
.al_select ul li:hover:before,.al_select ul li.on:before{ visibility:visible; opacity:1; bottom:-20px}
.al_select ul li:hover:after,.al_select ul li.on:after{width: 25px;visibility:visible;opacity:1;}

.n_container{ background:url(../images/bg01.jpg);}
.n_about{ padding:75px 0 50px}
.n_about .title{ text-align:center; margin-bottom:86px}
.n_about h3{ font-size:24px; color:#8f343a; font-weight:bold; text-align:center; margin-bottom:30px}
.n_about p{ font-size:14px; color:#464646; line-height:30px; text-align:center}
.n_about h5{margin: 45px 0 58px;font-size:14px;color: #877571;line-height:30px;letter-spacing: 19px;text-align:center;}

.n_store{ padding:90px 0 0}
.n_store h3{ font-size:24px; color:#8f343a; font-weight:bold; margin-bottom:30px}
.n_store h3 span{float:right;font-size:14px;color:#8f343a;font-weight:normal;letter-spacing: 12px; position:relative}
.n_store h3 span:before{content:"";position:absolute;width:244px;height:1px;background:#ccc9c6;left: -260px;top:50%;}
.n_store .fl01{ background:url(../images/n_store_fl01bg.jpg) center bottom no-repeat; padding-bottom:68px}
.n_store .fl02{ background:url(../images/n_store_fl02bg.jpg) center no-repeat; height:310px; background-attachment:fixed}
.n_store .fl02 h6{font-size:14px;color: rgba(255, 248, 235,0.4);line-height:30px;letter-spacing: 18px;margin-bottom:45px;}
.n_store .fl02 h5{font-size:18px;color:#fff6ef;line-height:30px;margin:15px 0;letter-spacing: 6px;}
.n_store .fl02 h2{font-size:48px;color:#fff6ef;letter-spacing: 5px;font-family: SourceHanSerifSC-Bold;}

.n_culture .fl01{ padding:90px 0 10px}
.n_culture .fl00 .title{ margin-bottom:40px;}
.n_culture .fl00 .title h3{ padding-bottom:24px; border-bottom:#ccc9c6 1px solid; position:relative}
.n_culture .fl00 .title h3:after{ content:""; position:absolute; bottom:-1px; width:42px; height:2px; background:#8f343a; left:0}
.n_culture .fl00 .title h3 big{ font-size:24px; color:#8f343a;}
.n_culture .fl00 .title h3 small{ font-size:18px; color:#423c38; font-family:Georgia; margin-left:8px; text-transform:capitalize}
.n_culture .fl01 .left{ padding:0px 0 0}
.n_culture .fl01 .left .con{ position:relative}

.n_culture .fl01 .left .con h4{ font-size:30px; color:#8f343a; font-family:simsun; font-weight:bold; margin-bottom:30px;}
.n_culture .fl01 .left .con p{ width:500px; font-size:14px; line-height:30px; color:#464646; margin-bottom:18px;text-align:justify;}
.n_culture .fl01 .left .con h6{ font-size:12px; line-height:18px; color:#b6b7ad}
.n_culture .fl01 .right,.n_culture .fl01 .right img{ width:540px;}
.n_culture .fl01 .right1,.n_culture .fl01 .right1 img{ width:740px;}
.n_culture .fl02{ position:relative; height:770px;}
.n_culture .fl02 .title{ position:absolute; top:185px; left:0; width:100%; z-index:100; text-align:center}
.n_culture .fl02 .miso_bd ul li{ height:770px; text-align:center}
.n_culture .fl02 .miso_bd ul li .w1200{ position:relative; height:100%; padding:200px 0 0; }

.n_culture .fl02 .miso_bd ul li .icon{ display:inline-block; width:154px; height:154px; border-radius:50%; line-height:154px; text-align:center; position:relative}
.n_culture .fl02 .miso_bd ul li .icon img{ display:inline-block}

.n_culture .fl02 .miso_bd ul li h4{ font-size:36px; color:#fff; font-weight:bold; margin:44px 0 20px; transform:translateY(50px); transition:0.6s; position:relative;text-shadow: -1px 1px 0 #000, 1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000;}
.n_culture .fl02 .miso_bd ul li h5{ font-size:18px; color:#fff; transform:translateY(50px); transition:0.6s; position:relative; text-shadow: -1px 1px 0 #000, 1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000; 
}

.n_culture .fl02 .miso_bd ul li.miso-current .w1200:before{ height:100%}
.n_culture .fl02 .miso_bd ul li.miso-current h4{ transform:translateY(0);}
.n_culture .fl02 .miso_bd ul li.miso-current h5{ transform:translateY(0);}

.n_culture .fl02 .miso_hd{ height:130px; width:1200px; margin:0 auto; background:#fff; margin-top:-200px; position:relative; border-top-left-radius:6px; border-top-right-radius:6px; text-align:center; padding:0 90px;}
.n_culture .fl02 .miso_hd ul:before{ content:""; position:absolute; top:68px; width:100%; height:1px; left:0; background:#ebebeb}
.n_culture .fl02 .miso_hd ul li{ position:relative; cursor:pointer}
.n_culture .fl02 .miso_hd ul li:before{content:"";position:absolute;left:50%;width: 8px;height: 8px;border:#ebebeb 2px solid;border-radius:50%;top: 63px;background: #fff;margin-left: -7px;}
.n_culture .fl02 .miso_hd ul li:after{content:"";position:absolute;left:50%;width: 8px;height: 8px;border:#8f343a 2px solid;background:#8f343a;border-radius:50%;top: 63px;margin-left: -7px;transform:scale(0);transition:0.6s;}
.n_culture .fl02 .miso_hd ul li h4{ padding:35px 0 30px; font-size:18px; color:#343434;}
.n_culture .fl02 .miso_hd ul li h5{ font-size:12px; color:#858585; text-transform:uppercase}

.n_culture .fl02 .miso_hd ul li.miso-current:after{ transform:scale(1)}
.n_culture .fl02 .miso_hd ul li.miso-current h4{ color:#8f343a}
.n_culture .fl02 .miso_hd ul li.miso-current h5{ color:#b58587}

.n_culture .fl03{ padding:88px 0 70px; border-bottom:#e4e4e4 1px solid}
.n_culture .fl03 .right{ width:540px; position:relative}
.n_culture .fl03 .right:after{ content:""; position:absolute; background:url(../images/n_culture_fl03_icon.png) center no-repeat; width:205px; height:195px; top:50%; margin-top:-87px; right:-145px;}
.n_culture .fl03 .left{ width:450px; padding:35px 0 0}
.n_culture .fl03 .left .con{ position:relative}
.n_culture .fl03 .left .con h4{ font-size:30px; line-height:38px; color:#8f343a; font-family:simsun; font-weight:bold; margin-bottom:20px;}
.n_culture .fl03 .left .con p{ font-size:14px; line-height:30px; color:#464646; margin-bottom:50px;}
.n_culture .fl03 .left .con h6{ font-size:12px; line-height:18px; color:#b6b7ad}

.n_shurong{ padding:90px 0; border-bottom:#e4e4e4 1px solid}
.n_shurong .miso_hd{ width:485px; position:relative}
.n_shurong .miso_hd:before{ content:""; position:absolute; left:5px; top:0; bottom:0; width:1px; background:#e9dfd2}
.n_shurong .miso_hd ul { padding:40px 0; position:relative}
.n_shurong .miso_hd ul:before{ content:""; position:absolute; width:8px; height:8px; border:#a8854e 2px solid; border-radius:50%; left:0; top:0; background:#fff}
.n_shurong .miso_hd ul:after{ content:""; position:absolute; width:8px; height:8px; border:#a8854e 2px solid; border-radius:50%; left:0; bottom:0; background:#fff}
.n_shurong .miso_hd ul li{ min-height:35px; margin:13px 0; cursor:pointer}
.n_shurong .miso_hd ul li .box{ min-height:35px; line-height:35px; font-size:14px; color:#464646; margin-left:30px; position:relative}
.n_shurong .miso_hd ul li .box .con{ padding:0 25px; background:#e9dfd2; border-radius:10px; overflow:hidden; position:relative}
.n_shurong .miso_hd ul li .box .con:before{content:"";position:absolute;bottom:0;height: 0;left:0;width:100%;background:transparent;transition: 0.6s;}
.n_shurong .miso_hd ul li .box:before{content:"";position:absolute;border-top: transparent 6px solid;border-bottom: transparent 6px solid;border-right: #E9DFD2 8px solid;top:50%;margin-top: -6px;left: -8px;}
.n_shurong .miso_hd ul li .box:after{content:"";position:absolute;width:8px;height:8px;background:#a8854e;border-radius:50%;left: -29px;top: 50%;margin-top: -4px;}
.n_shurong .miso_hd ul li .box h5{font-size:14px;color:#464646;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position: relative;}
.n_shurong .miso_bd{ width:600px; height:490px;}
.n_shurong .miso_bd ul li .img{ width:600px; height:490px; border:#fff 5px solid; overflow:hidden}
.n_shurong .miso_bd ul li .img img{ width:590px; height:480px; object-fit:cover}
.n_shurong .miso_bd .miso-list{ overflow:visible}
.n_shurong .miso_bd .miso-dots{width:8px;top:0;height: auto;bottom: auto;top: 50%;transform: translateY(-50%);left: -28px;}
.n_shurong .miso_bd .miso-dots li{ width:8px; height:8px; border:#8f343a 1px solid; border-radius:50%}
.n_shurong .miso_bd .miso-dots li.miso-active{ background:#8f343a}

.n_shurong .miso_hd ul li.miso-current .box{ }
.n_shurong .miso_hd ul li.miso-current .box:before{ border-right: #8f343a 8px solid;}
.n_shurong .miso_hd ul li.miso-current .box:after{ background:#8f343a}
.n_shurong .miso_hd ul li.miso-current .box h5{ color:#fff}
.n_shurong .miso_hd ul li.miso-current .box .con:before{background:#8f343a;height: 100%;top: 0;}

.n_contact .fl01{ padding:80px 0 65px;}
.n_contact .fl01  .title{ margin-bottom:60px}
.n_contact .fl01 .left h3{ font-size:24px; color:#8f343a; font-weight:bold}
.n_contact .fl01 .left h5{ font-size:14px; color:#8f343a; text-transform:uppercase; margin:8px 0 34px}
.n_contact .fl01 .left p{ font-size:14px; color:#464646; line-height:30px;}
.n_contact .fl01 .right .img{ width:120px; height:120px; background:#fff; line-height:120px; text-align:center}
.n_contact .fl01 .right .img img{ width:102px; height:102px;}
.n_contact .fl01 .right h5{ font-size:14px; color:#464646; line-height:30px; text-align:center}
.n_contact .fl02{ height:730px;}
.n_contact .fl02 .miso_bd{ position:relative; z-index:0}
.n_contact .fl02 .zhuti{width:490px;height:590px;margin-top: -660px;position:relative;background:#fff;z-index:1;left:50%;margin-left:-600px;padding:55px 50px 0;overflow: hidden;}
.n_contact .fl02 .zhuti .miso_hd ul{border-bottom:#d5d5d5 1px solid;height: 40px;margin-bottom: 46px;}
.n_contact .fl02 .zhuti .miso_hd ul li{font-size:16px;color:#464646;text-align:center;margin-right: 50px;cursor:pointer;height: 40px;}
.n_contact .fl02 .zhuti .miso_bd01 .miso-list{overflow:visible}
.n_contact .fl02 .zhuti .miso_bd01 .box{ height:205px; border-bottom:#eaeaea 1px solid; margin-bottom:74px}
.n_contact .fl02 .zhuti .miso_bd01 .box p{ font-size:14px; color:#6a6a6a; line-height:30px;}
.n_contact .fl02 .zhuti .miso_bd01 .con{ margin:0 -15px}
.n_contact .fl02 .zhuti .miso_bd01 .con .left{ width:270px;}
.n_contact .fl02 .zhuti .miso_bd01 .con .left h4{ font-size:24px; line-height:24px; color:#4d3e37; font-family:Georgia; font-style:italic; text-transform:uppercase; margin-bottom:12px}
.n_contact .fl02 .zhuti .miso_bd01 .con .left p{ font-size:14px; line-height:26px; color:#8f8f8f}
.n_contact .fl02 .zhuti .miso_bd01 .con .right img{ transition:0.6s}

.n_contact .fl02 .zhuti .miso_hd ul li.miso-current{ border-bottom:#8f343a 3px solid}
.n_contact .fl02 .zhuti .miso_bd01 .miso-current .con .right img{ transform:rotateY(360deg)}

.n_news{ padding:80px 0 0}
.n_news ul{ margin-bottom:80px}
.n_news ul li { margin-bottom:12px;}
.n_news ul li a{ overflow:hidden}
.n_news ul li a .img,.n_news ul li a .img img{float:left;width:378px;height:212px;overflow:hidden;object-fit: cover;}
.n_news ul li a .con{ float:left; width:820px; height:212px; overflow:hidden; background:#fff; padding:0 65px;}
.n_news ul li a .con .left{ width:530px; text-align:left}
.n_news ul li a .con .left h5{ font-size:18px; color:#404044; height:20px; line-height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:0.6s}
.n_news ul li a .con .left p{ font-size:14px; line-height:24px; height:48px; overflow:hidden; color:#949497; margin:16px 0 24px}
.n_news ul li a .con .left h6{ font-size:14px; color:#434343; position:relative; padding-left:40px; transition:0.6s}
.n_news ul li a .con .left h6:before{ content:""; position:absolute; width:30px; height:1px; background:#564842; left:0; top:50%; transition:0.6s}
.n_news ul li a .con .time{ float:right; text-align:center}
.n_news ul li a .con .time h3{ font-size:36px; color:#564842; margin:28px 0 10px}
.n_news ul li a .con .time h5{ font-size:16px; color:#7c7a79}


.a_page{ text-align:center; font-size:0; margin:0 -5px}
.a_page .page_box_an img{ margin:0 5px; margin-top:-3px}
.a_page .page_box_an a,.a_page .page_box a{ font-size:16px; color:#49494d; display:inline-block; height:72px; transition:0.6s}
.a_page .page_box{ display:inline-block}
.a_page .page_box a{font-size:18px;display:inline-block;padding: 0 5px;margin: 0px 8px;font-weight:bold;}
.a_page .page_box a.on,.a_page .page_box a:hover,.a_page .page_box_an a:hover{ border-bottom:#8f343a 2px solid; color:#8f343a}

.n_news_detail{padding:65px 0 50px;}
.n_news_detail .content{display: table;width: 100%;}
.n_news_detail .content .n_left{width: 820px;display:table-cell;padding-right: 76px;}
.n_news_detail .content .n_left .n_left_box{}
.n_news_detail .content .n_left .title{margin-bottom:2.5rem;border-bottom:#e3dfde 1px solid;padding-bottom: 1rem; position:relative}
.n_news_detail .content .n_left .title:before{content:"";position:absolute;bottom: -3px;left:0;width:100%;border-bottom:#e3dfde 1px solid;}
.n_news_detail .content .n_left .title h3{font-size: 30px;color: #404044;line-height: 45px;margin-bottom: 12px;}
.n_news_detail .content .n_left .title h6{font-size:14px;color: #434343;line-height:20px;}
.n_news_detail .content .n_left .title h6 span{margin-right: 3rem;height: 20px;display: inline-block;}
.n_news_detail .content .n_left .title h6 img{margin-right:8px;margin-top: -3px;}
.n_news_detail .content .n_left .title h6 .span2{background:url(../images/fx.png) left center no-repeat;padding-left: 24px;position: relative;margin-right: 0;padding-right: 3.5rem;}
.n_news_detail .content .n_left .title h6 .span2 a{color: #434343;}
.n_news_detail .content .n_left .title h6 .span2:hover #j_shart_s_24{ display:block} 

/*==============分享插件=====================*/
.shart_box{}
#j_shart_s_24 .bds_count{ font-size:12px;}
#j_shart_s_24{position:relative;display: none;height:50px;}
#j_shart_s_24 .bds_count{ font-size:12px;}
#j_shart_s_24{position: absolute;left: 94px;top: -10px;width: 215px;}

#j_shart_s_24 strong{display:block;position:absolute;left:0;z-index:2;line-height:36px;font-size:12px;color: #838383;font-weight: normal;}
#j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat}
#j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat}
#j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat}
#j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat}
#j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat}
#j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat}
#j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat}
#j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat}
#j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_count{font-size:12px}

.bdshare-button-style1-32 a{ width:26px !important; height:26px !important; line-height:26px !important; margin:6px 2px 6px 0 !important;}

.n_right .sticky{position:sticky;top: 130px;background: #fff;padding: 35px 35px;width: 380px;}

.n_news_detail .content .n_right{width: 380px;display:table-cell;}

.n_news_detail .content .n_right .frl01{ margin-bottom:2rem}
.n_news_detail .content .n_right .frl01 ul{ width:20.625rem;}
.n_news_detail .content .n_right .frl01 ul li.miso-slide{ position:relative}

.n_news_detail .content .n_right .frl01 ul li.miso-slide img{width:100%}
.n_news_detail .content .n_right .frl01 ul li.miso-slide h5{position:absolute;left:0;bottom:0;width:100%;height: 50px;line-height: 50px;padding: 0 20px;background: url(../images/hei75.png);font-size: 14px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-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;}
.n_news_detail .content .n_right .frl01 ul li.miso-slide:hover h5{ background:#333}

.n_news_detail .content .n_right .frl02{ margin-bottom:2.5rem}
.n_news_detail .content .n_right .frl02 .title{font-size: 16px;color: #404044;padding-bottom: 20px;position: relative;border-bottom: #e4e1e0 1px solid;margin-bottom: 22px;}
.n_news_detail .content .n_right .frl02 .title small { font-size:16px; color:#a8854e; text-transform:uppercase; margin-left:4px}

.n_news_detail .content .n_right .frl02 ul li{padding-bottom: 15px;border-bottom: #e4e1e0 1px solid;margin-bottom: 20px;}
.n_news_detail .content .n_right .frl02 ul li a{color:#404142;display:block;}
.n_news_detail .content .n_right .frl02 ul li a .img img,.n_news_detail .content .n_right .frl02 ul li a .img{ width:160px; height:90px; overflow:hidden}
.n_news_detail .content .n_right .frl02 ul li a .time{}
.n_news_detail .content .n_right .frl02 ul li a .time h5{ font-size:16px; color:#564842; padding:36px 0 16px}
.n_news_detail .content .n_right .frl02 ul li a .time h6{ font-size:14px; color:#434343; position:relative; padding-left:40px; transition:0.6s}
.n_news_detail .content .n_right .frl02 ul li a .time h6:before{content:"";position:absolute;width:30px;height:1px;background:#564842;right: 74px;top:50%;transition:0.6s;}
.n_news_detail .content .n_right .frl02 ul li a .con{background:#fff;margin-top: 20px;}
.n_news_detail .content .n_right .frl02 ul li a .con h4{font-size:16px;line-height: 18px;height: 18px;color: #404044;overflow:hidden;transition:0.36s;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 5px;}
.n_news_detail .content .n_right .frl02 ul li a .con p{font-size:14px;color: #949497;line-height: 24px;height: 48px;}
.n_news_detail .content .n_right .frl02 ul li a .con h6{font-size:14px;line-height:24px;color:#1d1d1d;padding-top: 25px;margin-top: 20px;border-top: #cecfd2 1px solid;}
.n_news_detail .content .n_right .frl02 ul li a .con h6 span{color:#7f7f7f;float: right;}
.n_news_detail .content .n_right .frl02 ul li a .con h6 img{ margin:-3px 0 0 5px}
.n_news_detail .content .n_right .a_fanye dl{ font-size:0; margin-bottom:20px}
.n_news_detail .content .n_right .a_fanye dl dt{font-size:14px;color:#6b6c6f;display: inline-block; line-height:24px;}
.n_news_detail .content .n_right .a_fanye dl dd{font-size:14px;color:#6b6c6f;width: calc(100% - 60px);display: inline-block; line-height:24px;}
.n_news_detail .content .n_right .a_fanye dl dd a{ font-size:14px; color:#6b6c6f}
.n_news_detail .content .n_right .fanhui,.n_news_detail .content .n_right .fanhui a{font-size:14px;color:#6b6c6f;display: inline-block; line-height:24px;}

.n_product{ padding:70px 0 0; border-bottom:#e4e4e4 1px solid}
.n_product ul{ font-size:0; margin:0 -15px; margin-bottom:50px}
.n_product ul li{ display:inline-block; padding:0 15px; width:33.333333%; margin-bottom:30px;}
.n_product ul li a{ display:block; background:#fff; padding:40px 0 0}
.n_product ul li .top{height:60px;position:relative;margin-bottom: 10px;}
.n_product ul li .top h3{font-size:60px;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #e1e0df;font-family:simsun; font-weight:bold;transition:0.36s;display: inline-block;}
.n_product ul li .top h4{ height:60px; opacity:0; visibility:hidden; position:absolute; top:0; left:0; width:100%}
.n_product ul li .top h4:before{ content:""; width:60px; height:60px; background:url(../images/kuang06.png) center no-repeat; transition:0.6s; position:absolute; left:50%; margin-left:-30px;}
.n_product ul li .top h4 span{ position:relative; font-size:24px; color:#a8854e; font-weight:bold; font-family:Impact; line-height:60px;}
.n_product ul li .img,.n_product ul li .img img{width:100%;height:380px;overflow: hidden;}
.n_product ul li .con{height:202px;position:relative;margin-top: 30px;}
.n_product ul li .con:before{ content:""; position:absolute; top:0; left:0; width:100%; height:0; transition:0.6s}
.n_product ul li .con h4{ font-size:20px; color:#332c2b; line-height:22px; height:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative; transition:0.36s}
.n_product ul li .con p{ font-size:14px; color:#646262; line-height:18px; height:36px; display:inline-block; width:284px; margin:15px 0 20px; position:relative; transition:0.36s}

.n_product_detail{ padding:90px 0 65px}
.n_product_detail .left{width:380px;display: table-cell;vertical-align: top;}
.n_product_detail .left .sticky{ position:sticky; top:120px; width:380px;}
.n_product_detail .left .tuijian{background:#fff;padding:40px 0 20px;width: 380px;}
.n_product_detail .left .tuijian ul li .img{ overflow:hidden}
.n_product_detail .left .tuijian ul li .top h3{font-size:60px;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #e1e0df;font-family:simsun; font-weight:bold;transition:0.36s;display: inline-block;}
.n_product_detail .left .tuijian ul .miso-dots li{ width:8px; height:8px; border:#8f343a 1px solid; border-radius:50%; margin:0 5px;}
.n_product_detail .left .tuijian ul .miso-dots li.miso-active{ background:#8f343a}
.n_product_detail .left .wenzi{ background:url(../images/wenzi_bg.jpg) center no-repeat; width:100%; height:330px; padding:40px 25px 0; text-align:center; margin-top:-1px;}
.n_product_detail .left .wenzi .box h3{ font-size:24px; color:#FFFFFF} 
.n_product_detail .left .wenzi .box h6{ font-size:14px; color:#bcaaa2; line-height:24px;; margin:4px 0 26px}
.n_product_detail .left .wenzi .box ul{ font-size:0; margin:0 -10px;}
.n_product_detail .left .wenzi .box ul li{ display:inline-block; width:50%; padding:0 10px;}
.n_product_detail .left .wenzi .box ul li a{ display:block; border:#685952 1px solid; border-radius:4px; height:110px; text-align:center}
.n_product_detail .left .wenzi .box ul li a h4 img{ margin:-3px 12px 0 0; display:inline-block}
.n_product_detail .left .wenzi .box ul li a h4{ font-size:15px; color:#fdf0e8; margin-bottom:15px}
.n_product_detail .left .wenzi .box ul li a h5{ font-size:14px; color:#fff}
.n_product_detail .left .wenzi .box ul li a h5 big{ font-size:24px; margin-right:4px;}
.n_product_detail .left .wenzi .box h2 span{display:inline-block;width:32px;height:32px;line-height:32px;background:#fbeae2;border-radius:50%;font-size:14px;color:#4d3e37;margin-left: -5px;margin-top: 24px;vertical-align: top;}
.n_product_detail .left h6.more00{background:url(../images/kuang07.png) center no-repeat;width:200px;height:50px;line-height: 48px;margin:0 auto;text-align:center;margin-top: 68px;}
.n_product_detail .left h6.more00 a{ display:block}
.n_product_detail .left h6.more00 font{ font-size:18px; color:#985618; font-family:simsun; font-weight:bold;}
.n_product_detail .left h6.more00 span{margin: 18px 0 0;}


.n_product_detail .right{width: 820px;display: table-cell;padding-left: 30px;}

.n_licheng{ padding:75px 0 100px; border-bottom:#e4e4e4 1px solid}
.n_licheng .title{ margin-bottom:75px;}
.n_licheng .miso_hd ul{ margin:0 -16px;}
.n_licheng .miso_hd ul li{ padding:0 16px;}
.n_licheng .miso_hd ul li a{ display:block; height:506px; text-align:center; position:relative}
.n_licheng .miso_hd ul li a:before{ content:""; position:absolute; left:0; top:0; height:0; width:100%; background:#e3d9c9; transition:0.9s}
.n_licheng .miso_hd ul li a:after{ content:""; position:absolute; left:0; top:0; height:100%; width:100%; background:url(../images/nxbj.jpg) center center no-repeat; opacity:0; transition:0.9s}
.n_licheng .miso_hd ul li a .box{display:block;height:440px;background:#e3d9c9;border:#fff 15px solid;padding-top: 50px;position:relative;z-index:1;}
.n_licheng .miso_hd ul li a .box .icon{display:inline-block;width: 116px;height: 116px;line-height: 116px;background: #8f343a;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;margin-bottom: 75px;position:relative;overflow:hidden;transition:0.6s;cursor:pointer;font-size:24px;color:#e3d9c9;line-height:30px;padding: 0 25px;}
.n_licheng .miso_hd ul li a .box .icon:after{content:"";position:absolute;left: 1px;top: 1px;right: 1px;bottom: 1px; transition:0.6s; transform: scale(1);border:#e3d9c9 4px solid;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;}
.n_licheng .miso_hd ul li a .box .p{ padding:0 30px; position:relative}
.n_licheng .miso_hd ul li a .box .p:before{ content:""; width:20px; height:1px; background:#8f343a; left:50%; margin-left:-10px; top:-40px; position:absolute}
.n_licheng .miso_hd ul li a .box .p p{font-size: 14px;line-height: 24px;color:#464646;text-align:left;transition:0.6s;text-align:justify;}
.n_licheng .miso_hd ul li a .box h3{font-size:60px;color:#e3d9c9;opacity:0;transition: 1s;position:absolute;bottom: -10px;left:0;width:100%;font-weight:bold;transition-delay: 0.36s;}
.n_licheng .miso_hd ul li.li01 a .box h3{ font-size:40px; bottom:-2px}

.n_licheng .miso_hd ul li.miso-current a:after{ opacity:1}
.n_licheng .miso_hd ul li.miso-current a:before{ height:100%; background:#8f343a}
.n_licheng .miso_hd ul li.miso-current a .box{background:transparent;border: transparent 15px solid;height:100%;}
.n_licheng .miso_hd ul li.miso-current a .box .icon{background:#e3d9c9;color: #8f343a;}
.n_licheng .miso_hd ul li.miso-current a .box .icon:after{transform:scale(1.25);transition-delay:0.36s;}
.n_licheng .miso_hd ul li.miso-current a .box h3{ opacity:1}
.n_licheng .miso_hd ul li.miso-current a .box .p p{ color:#fff7eb}
.n_licheng .miso_hd ul li.miso-current a .box .p:before{ background:#e3d9c9}
.n_licheng .miso_hd ul .miso-prev,.n_licheng .miso_hd ul .miso-next{width:35px;height:34px;top: auto;bottom: 50px;}
.n_licheng .miso_hd ul .miso-prev{ background:url(../images/left02.png) center no-repeat; left:-80px}
.n_licheng .miso_hd ul .miso-next{ background:url(../images/right02.png) center no-repeat; right:-80px}
.n_licheng .fl02{ border-top:#8f343a 1px solid}
.n_licheng .fl02 .miso_bd ul li{ text-align:center; position:relative}
.n_licheng .fl02 .miso_bd ul li a{ font-size:24px; color:#4d3e37; line-height:70px; position:relative}
.n_licheng .fl02 .miso_bd ul li:after{content:"";width:5px;height:5px;border:#8f343a 2px solid;border-radius:50%;left:50%;margin-left:-3.5px;position: absolute;top: 32px; opacity:0}
.n_licheng .fl02 .miso_bd ul li.miso-current:after{ opacity:1}
.n_licheng .fl02 .miso_bd ul li.miso-current a{ opacity:0}

.rolling-top {position: fixed; right:2%;bottom:10%;width: 30px; height: 80px; z-index: 999; display:none;cursor: pointer;}
.rolling-top h6 {font-size: 12px;color: #666;width: 10px;position:absolute;right:-5px;bottom:-20px;font-weight: normal;line-height: 16px;}
.rolling-top h5 {font-size: 12px;color: #fff;width: 100px;position:absolute;right:-55px;bottom:-20px;font-weight: normal;text-transform: uppercase;-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.rolling-top span { position: relative;width:100%;height:100%; display: block;}
.rolling-top i{ display: block;height:10px; width: 1px;position:absolute;left:50%;top:10%; margin-left: -1px; background: #666;animation: rolling-top 2000ms infinite ease-out;-webkit-animation: rolling-top 2000ms infinite ease-out;}
@keyframes rolling-top{
	0%{height:100px;top:85%;opacity: 0;} 
	100%{height:30px;top:10%;opacity: 1;}
}
.rolling-top:hover h6{color: #985618;}
.rolling-top:hover i{background: #985618;}


/*==========================================内页 结束=============================================*/


@media(min-width: 768px){
	.container01 .left a:hover:before{ border:#b7b2a2 1px solid;}
	.container01 .left a:hover{ letter-spacing:4px; background:none}
	
	h6.more00:hover font{ background:#fff}
	h6.more00:hover span svg{-webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;transition: opacity 0.5s ease, -webkit-transform 0.5s ease;transition: opacity 0.5s ease, transform 0.5s ease;transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;}
	h6.more00:hover span svg.svg01{ opacity: 0; -webkit-transform: translateX(150%); transform: translateX(150%);}
	h6.more00:hover span svg.svg02{opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
	
	
	.container04 .left a:hover{ letter-spacing:2px; background:#736455; color:#fff}
	
	.container05 ul li a:hover .img img{ transform:scale(1.05)}
	
	footer .fl01 .center ul li a:hover{ border: rgba(51, 44, 43, 0.4) 1px solid;}
	footer .fl01 .center ul li a:hover img{ opacity:1}
	
	footer .fl02 p a:hover{ color:#fff}
	
	.n_news ul li a:hover .con .left h5{ color:#8f343a;}
	.n_news ul li a:hover .con .left h6{ color:#8f343a; padding-left:68px;}
	.n_news ul li a:hover .con .left h6:before{ width:60px}
	.n_news_detail .content .n_right .frl02 ul li a:hover .time h6:before{ width:50px}

	.n_news_detail .content .n_right .frl02 ul li a:hover .con h4{ color:#8f343a;}
	
	.n_news_detail .content .n_right .fanhui a:hover,.n_news_detail .content .n_right .a_fanye dl dd a:hover{ color:#8f343a;}
	
	.n_product ul li a:hover .top h4:before{ transform:rotate(180deg)}
	.n_product ul li a:hover .top h3{ opacity:0; visibility:hidden}
	.n_product ul li a:hover .top h4{ opacity:1; visibility:visible}
	
	.n_product ul li a:hover .con:before{ height:100%; background:#8f343a}
	.n_product ul li a:hover .con h4{ color:#fff}
	.n_product ul li a:hover .con p{ color:rgba(255,255,255,0.6)}
	
	.n_product ul li a:hover .con h6.more00{ background:none}
	.n_product ul li a:hover .con h6.more00 font{ background:none; color:#fff}
	.n_product ul li a:hover .con h6.more00 span svg.svg01{ fill:#fff}
	.n_product ul li a:hover span svg.svg01{ opacity: 0; -webkit-transform: translateX(150%); transform: translateX(150%);}
	.n_product ul li a:hover span svg.svg02{opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
	.n_product_detail .left h6.more00 font{ background:none;}
	
	
}


@media(min-width: 992px) and (max-width: 1300px){
}

@media(max-width: 1800px){
}

@media(max-width: 1640px){
	.navBox{ margin-right:60px}
}

@media(max-width: 1500px){
	.navBox{ margin-right:100px}
}

@media(max-width: 1400px){
	.navBox{ margin-right:140px}
}

@media(max-width: 1360px){
	.navBox{ margin-right:180px}
}

@media(max-width: 1060px){
	
}

@media(max-width: 992px){
	
}

@media(max-width: 768px){
	
}


@media(max-width: 456px){
	
} 